@sendbird/uikit-react 3.2.5 → 3.2.6-rc.1

package/cjs/Channel/components/ChannelHeader.js

@@ -1,30 +1,32 @@
 'use strict';
 
 var React = require('react');
-var ui_Label = require('../../index-e59510d3.js');
+var ui_Label = require('../../index-e739b357.js');
 var ui_Icon = require('../../ui/Icon.js');
 var ui_IconButton = require('../../ui/IconButton.js');
 var ui_ChannelAvatar = require('../../ui/ChannelAvatar.js');
-var LocalizationContext = require('../../LocalizationContext-0349dfbd.js');
+var LocalizationContext = require('../../LocalizationContext-b8b9eb7b.js');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-var Channel_context = require('../../ChannelProvider-c9b390b7.js');
+var Channel_context = require('../../ChannelProvider-c4c8058c.js');
+var MediaQueryContext = require('../../MediaQueryContext-f8dbf0b3.js');
+var utils = require('../../utils-b42b5273.js');
 require('prop-types');
-require('../../stringSet-9eadd9a2.js');
-require('../../tslib.es6-712ab026.js');
+require('../../stringSet-b90c8eb9.js');
+require('../../tslib.es6-54dccd69.js');
 require('../../ui/Avatar.js');
 require('../../ui/ImageRenderer.js');
-require('../../uuid-4fb21145.js');
-require('../../utils-90917fdb.js');
-require('../../index-491f2403.js');
+require('../../uuid-65030b4c.js');
+require('../../utils-47e4a7f3.js');
+require('../../index-62071d1a.js');
 require('../../withSendbird.js');
-require('../../_rollupPluginBabelHelpers-93d42928.js');
-require('../../UserProfileContext-d1596965.js');
-require('../../index-09d50472.js');
-require('../../topics-c4ffdf98.js');
-require('../../index-558d367a.js');
+require('../../_rollupPluginBabelHelpers-bd20f22f.js');
+require('../../UserProfileContext-12e3deb1.js');
+require('../../index-c97a25fe.js');
+require('../../topics-774fce2f.js');
+require('../../index-0f54b27e.js');
 require('../../utils/message/getOutgoingMessageState.js');
-require('../../compareIds-20b6caa8.js');
-require('../../const-0ce11db5.js');
+require('../../compareIds-33bc8bec.js');
+require('../../const-5ff5760f.js');
 require('@sendbird/chat/groupChannel');
 require('@sendbird/chat/message');
 require('../../ui/ContextMenu.js');
@@ -69,10 +71,13 @@ var ChannelHeader = function () {
   var userId = (_a = globalStore === null || globalStore === void 0 ? void 0 : globalStore.config) === null || _a === void 0 ? void 0 : _a.userId;
   var theme = (_b = globalStore === null || globalStore === void 0 ? void 0 : globalStore.config) === null || _b === void 0 ? void 0 : _b.theme;
   var channelStore = Channel_context.useChannelContext();
+  var isMobile = MediaQueryContext.useMediaQueryContext().isMobile;
   var currentGroupChannel = channelStore.currentGroupChannel,
       showSearchIcon = channelStore.showSearchIcon,
       onSearchClick = channelStore.onSearchClick,
-      onChatHeaderActionClick = channelStore.onChatHeaderActionClick;
+      onChatHeaderActionClick = channelStore.onChatHeaderActionClick,
+      _d = channelStore.onBackClick,
+      onBackClick = _d === void 0 ? utils.noop : _d;
   var subTitle = (currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.members) && ((_c = currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.members) === null || _c === void 0 ? void 0 : _c.length) !== 2;
   var isMuted = (currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.myMutedState) === "muted";
   var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
@@ -80,7 +85,14 @@ var ChannelHeader = function () {
     className: "sendbird-chat-header"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "sendbird-chat-header__left"
-  }, /*#__PURE__*/React__default["default"].createElement(ui_ChannelAvatar, {
+  }, isMobile && /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
+    className: "sendbird-chat-header__icon_back",
+    onClick: onBackClick,
+    fillColor: ui_Icon.IconColors.PRIMARY,
+    width: "24px",
+    height: "24px",
+    type: ui_Icon.IconTypes.ARROW_LEFT
+  }), /*#__PURE__*/React__default["default"].createElement(ui_ChannelAvatar, {
     theme: theme,
     channel: currentGroupChannel,
     userId: userId,

package/cjs/Channel/components/ChannelHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChannelHeader.js","sources":["../../../../src/smart-components/Channel/components/ChannelHeader/utils.ts","../../../../src/smart-components/Channel/components/ChannelHeader/index.tsx"],"sourcesContent":["import type { GroupChannel } from '@sendbird/chat/groupChannel';\nimport { LabelStringSet } from '../../../../ui/Label';\n\nexport const getChannelTitle = (\n  channel: GroupChannel,\n  currentUserId: string,\n  stringSet: { [label: string]: string }\n  ): string => {\n  const LABEL_STRING_SET: { [label: string]: string } = stringSet || LabelStringSet;\n  if (!channel?.name && !channel?.members) {\n    return LABEL_STRING_SET.NO_TITLE;\n  }\n  if (channel?.name && channel.name !== 'Group Channel') {\n    return channel.name;\n  }\n\n  if (channel?.members?.length === 1) {\n    return LABEL_STRING_SET.NO_MEMBERS;\n  }\n\n  return channel?.members\n    .filter(({ userId }) => userId !== currentUserId)\n    .map(({ nickname }) => (nickname || LABEL_STRING_SET.NO_NAME))\n    .join(', ');\n};\n","import './channel-header.scss';\nimport React, { useContext } from 'react';\n\nimport * as utils from './utils';\n\nimport Label, { LabelTypography, LabelColors } from '../../../../ui/Label';\nimport Icon, { IconTypes, IconColors } from '../../../../ui/Icon';\nimport IconButton from '../../../../ui/IconButton';\nimport ChannelAvatar from '../../../../ui/ChannelAvatar/index';\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport { useChannelContext } from '../../context/ChannelProvider';\n\nconst ChannelHeader: React.FC = () => {\n  const globalStore = useSendbirdStateContext();\n  const userId = globalStore?.config?.userId;\n  const theme = globalStore?.config?.theme;\n\n  const channelStore = useChannelContext();\n  const {\n    currentGroupChannel,\n    showSearchIcon,\n    onSearchClick,\n    onChatHeaderActionClick,\n  } = channelStore;\n  const subTitle = (currentGroupChannel?.members\n    && currentGroupChannel?.members?.length !== 2);\n  const isMuted = currentGroupChannel?.myMutedState === \"muted\";\n\n  const { stringSet } = useContext(LocalizationContext);\n  return (\n    <div className=\"sendbird-chat-header\">\n      <div className=\"sendbird-chat-header__left\">\n        <ChannelAvatar\n          theme={theme}\n          channel={currentGroupChannel}\n          userId={userId}\n          height={32}\n          width={32}\n        />\n        <Label\n          className=\"sendbird-chat-header__left__title\"\n          type={LabelTypography.H_2}\n          color={LabelColors.ONBACKGROUND_1}\n        >\n          {utils.getChannelTitle(currentGroupChannel, userId, stringSet)}\n        </Label>\n        <Label\n          className=\"sendbird-chat-header__left__subtitle\"\n          type={LabelTypography.BODY_1}\n          color={LabelColors.ONBACKGROUND_2}\n        >\n          {subTitle}\n        </Label>\n      </div>\n      <div className=\"sendbird-chat-header__right\">\n        {\n          ((typeof isMuted === 'string' && isMuted === 'true') || (typeof isMuted === 'boolean' && isMuted))\n            && (\n              <Icon\n                className=\"sendbird-chat-header__right__mute\"\n                type={IconTypes.NOTIFICATIONS_OFF_FILLED}\n                width=\"24px\"\n                height=\"24px\"\n              />\n            )\n        }\n        {\n          showSearchIcon && (\n            <IconButton\n              className=\"sendbird-chat-header__right__search\"\n              width=\"32px\"\n              height=\"32px\"\n              onClick={onSearchClick}\n            >\n              <Icon\n                type={IconTypes.SEARCH}\n                fillColor={IconColors.PRIMARY}\n                width=\"24px\"\n                height=\"24px\"\n              />\n            </IconButton>\n          )\n        }\n        <IconButton\n          className=\"sendbird-chat-header__right__info\"\n          width=\"32px\"\n          height=\"32px\"\n          onClick={onChatHeaderActionClick}\n        >\n          <Icon\n            type={IconTypes.INFO}\n            fillColor={IconColors.PRIMARY}\n            width=\"24px\"\n            height=\"24px\"\n          />\n        </IconButton>\n      </div>\n    </div>\n  );\n}\n\nexport default ChannelHeader;\n"],"names":["getChannelTitle","channel","currentUserId","stringSet","LABEL_STRING_SET","LabelStringSet","name","members","NO_TITLE","_a","length","NO_MEMBERS","filter","userId","map","nickname","NO_NAME","join","ChannelHeader","globalStore","useSendbirdStateContext","config","theme","_b","channelStore","useChannelContext","currentGroupChannel","showSearchIcon","onSearchClick","onChatHeaderActionClick","subTitle","_c","isMuted","myMutedState","useContext","LocalizationContext","React","ChannelAvatar","Label","LabelTypography","H_2","LabelColors","ONBACKGROUND_1","utils","BODY_1","ONBACKGROUND_2","Icon","IconTypes","NOTIFICATIONS_OFF_FILLED","IconButton","SEARCH","IconColors","PRIMARY","INFO"],"mappings":"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"}
+{"version":3,"file":"ChannelHeader.js","sources":["../../../../src/smart-components/Channel/components/ChannelHeader/utils.ts","../../../../src/smart-components/Channel/components/ChannelHeader/index.tsx"],"sourcesContent":["import type { GroupChannel } from '@sendbird/chat/groupChannel';\nimport { LabelStringSet } from '../../../../ui/Label';\n\nexport const getChannelTitle = (\n  channel: GroupChannel,\n  currentUserId: string,\n  stringSet: { [label: string]: string }\n  ): string => {\n  const LABEL_STRING_SET: { [label: string]: string } = stringSet || LabelStringSet;\n  if (!channel?.name && !channel?.members) {\n    return LABEL_STRING_SET.NO_TITLE;\n  }\n  if (channel?.name && channel.name !== 'Group Channel') {\n    return channel.name;\n  }\n\n  if (channel?.members?.length === 1) {\n    return LABEL_STRING_SET.NO_MEMBERS;\n  }\n\n  return channel?.members\n    .filter(({ userId }) => userId !== currentUserId)\n    .map(({ nickname }) => (nickname || LABEL_STRING_SET.NO_NAME))\n    .join(', ');\n};\n","import './channel-header.scss';\nimport React, { useContext } from 'react';\n\nimport * as utils from './utils';\n\nimport Label, { LabelTypography, LabelColors } from '../../../../ui/Label';\nimport Icon, { IconTypes, IconColors } from '../../../../ui/Icon';\nimport IconButton from '../../../../ui/IconButton';\nimport ChannelAvatar from '../../../../ui/ChannelAvatar/index';\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport { useChannelContext } from '../../context/ChannelProvider';\nimport { useMediaQueryContext } from '../../../../lib/MediaQueryContext';\nimport { noop } from '../../../../utils/utils'\n\nconst ChannelHeader: React.FC = () => {\n  const globalStore = useSendbirdStateContext();\n  const userId = globalStore?.config?.userId;\n  const theme = globalStore?.config?.theme;\n\n  const channelStore = useChannelContext();\n  const { isMobile } = useMediaQueryContext();\n  const {\n    currentGroupChannel,\n    showSearchIcon,\n    onSearchClick,\n    onChatHeaderActionClick,\n    onBackClick = noop,\n  } = channelStore;\n  const subTitle = (currentGroupChannel?.members\n    && currentGroupChannel?.members?.length !== 2);\n  const isMuted = currentGroupChannel?.myMutedState === \"muted\";\n\n  const { stringSet } = useContext(LocalizationContext);\n  return (\n    <div className=\"sendbird-chat-header\">\n      <div className=\"sendbird-chat-header__left\">\n        {\n          isMobile && (\n            <Icon\n              className=\"sendbird-chat-header__icon_back\"\n              onClick={onBackClick}\n              fillColor={IconColors.PRIMARY}\n              width=\"24px\"\n              height=\"24px\"\n              type={IconTypes.ARROW_LEFT}\n            />\n          )\n        }\n        <ChannelAvatar\n          theme={theme}\n          channel={currentGroupChannel}\n          userId={userId}\n          height={32}\n          width={32}\n        />\n        <Label\n          className=\"sendbird-chat-header__left__title\"\n          type={LabelTypography.H_2}\n          color={LabelColors.ONBACKGROUND_1}\n        >\n          {utils.getChannelTitle(currentGroupChannel, userId, stringSet)}\n        </Label>\n        <Label\n          className=\"sendbird-chat-header__left__subtitle\"\n          type={LabelTypography.BODY_1}\n          color={LabelColors.ONBACKGROUND_2}\n        >\n          {subTitle}\n        </Label>\n      </div>\n      <div className=\"sendbird-chat-header__right\">\n        {\n          ((typeof isMuted === 'string' && isMuted === 'true') || (typeof isMuted === 'boolean' && isMuted))\n            && (\n              <Icon\n                className=\"sendbird-chat-header__right__mute\"\n                type={IconTypes.NOTIFICATIONS_OFF_FILLED}\n                width=\"24px\"\n                height=\"24px\"\n              />\n            )\n        }\n        {\n          showSearchIcon && (\n            <IconButton\n              className=\"sendbird-chat-header__right__search\"\n              width=\"32px\"\n              height=\"32px\"\n              onClick={onSearchClick}\n            >\n              <Icon\n                type={IconTypes.SEARCH}\n                fillColor={IconColors.PRIMARY}\n                width=\"24px\"\n                height=\"24px\"\n              />\n            </IconButton>\n          )\n        }\n        <IconButton\n          className=\"sendbird-chat-header__right__info\"\n          width=\"32px\"\n          height=\"32px\"\n          onClick={onChatHeaderActionClick}\n        >\n          <Icon\n            type={IconTypes.INFO}\n            fillColor={IconColors.PRIMARY}\n            width=\"24px\"\n            height=\"24px\"\n          />\n        </IconButton>\n      </div>\n    </div>\n  );\n}\n\nexport default ChannelHeader;\n"],"names":["getChannelTitle","channel","currentUserId","stringSet","LABEL_STRING_SET","LabelStringSet","name","members","NO_TITLE","_a","length","NO_MEMBERS","filter","userId","map","nickname","NO_NAME","join","ChannelHeader","globalStore","useSendbirdStateContext","config","theme","_b","channelStore","useChannelContext","isMobile","useMediaQueryContext","currentGroupChannel","showSearchIcon","onSearchClick","onChatHeaderActionClick","_d","onBackClick","noop","subTitle","_c","isMuted","myMutedState","useContext","LocalizationContext","React","Icon","IconColors","PRIMARY","IconTypes","ARROW_LEFT","ChannelAvatar","Label","LabelTypography","H_2","LabelColors","ONBACKGROUND_1","utils","BODY_1","ONBACKGROUND_2","NOTIFICATIONS_OFF_FILLED","IconButton","SEARCH","INFO"],"mappings":"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"}

package/cjs/Channel/components/ChannelUI.js

@@ -2,8 +2,8 @@
 
 var React = require('react');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-var Channel_context = require('../../ChannelProvider-c9b390b7.js');
-var ui_PlaceHolder = require('../../index-1ce4efa3.js');
+var Channel_context = require('../../ChannelProvider-c4c8058c.js');
+var ui_PlaceHolder = require('../../index-70f4ade7.js');
 var ui_ConnectionStatus = require('../../ui/ConnectionStatus.js');
 var Channel_components_ChannelHeader = require('./ChannelHeader.js');
 var Channel_components_MessageList = require('./MessageList.js');
@@ -12,40 +12,42 @@ var Channel_components_FrozenNotification = require('./FrozenNotification.js');
 var Channel_components_UnreadCount = require('./UnreadCount.js');
 var Channel_components_MessageInput = require('./MessageInput.js');
 require('../../withSendbird.js');
-require('../../_rollupPluginBabelHelpers-93d42928.js');
-require('../../UserProfileContext-d1596965.js');
+require('../../_rollupPluginBabelHelpers-bd20f22f.js');
+require('../../UserProfileContext-12e3deb1.js');
 require('prop-types');
-require('../../index-09d50472.js');
-require('../../index-491f2403.js');
-require('../../topics-c4ffdf98.js');
-require('../../index-558d367a.js');
-require('../../tslib.es6-712ab026.js');
+require('../../index-c97a25fe.js');
+require('../../index-62071d1a.js');
+require('../../topics-774fce2f.js');
+require('../../index-0f54b27e.js');
+require('../../tslib.es6-54dccd69.js');
 require('../../utils/message/getOutgoingMessageState.js');
-require('../../compareIds-20b6caa8.js');
-require('../../const-0ce11db5.js');
+require('../../compareIds-33bc8bec.js');
+require('../../const-5ff5760f.js');
 require('@sendbird/chat/groupChannel');
-require('../../uuid-4fb21145.js');
+require('../../uuid-65030b4c.js');
 require('@sendbird/chat/message');
 require('../../ui/ContextMenu.js');
 require('react-dom');
 require('../../ui/SortByRow.js');
-require('../../index-e59510d3.js');
-require('../../stringSet-9eadd9a2.js');
+require('../../index-e739b357.js');
+require('../../stringSet-b90c8eb9.js');
 require('../../ui/ReactionButton.js');
 require('../../ui/ImageRenderer.js');
 require('../../ui/Icon.js');
-require('../../LocalizationContext-0349dfbd.js');
+require('../../LocalizationContext-b8b9eb7b.js');
 require('../../ui/Loader.js');
 require('../../ui/IconButton.js');
 require('../../ui/ChannelAvatar.js');
 require('../../ui/Avatar.js');
-require('../../utils-90917fdb.js');
-require('../../index-c7bba14f.js');
+require('../../utils-47e4a7f3.js');
+require('../../MediaQueryContext-f8dbf0b3.js');
+require('../../utils-b42b5273.js');
+require('../../index-aca9abc8.js');
 require('./Message.js');
 require('./SuggestedMentionList.js');
-require('../../const-ed017cc9.js');
+require('../../const-bc367512.js');
 require('../../ui/DateSeparator.js');
-require('../../color-8da1967d.js');
+require('../../color-30d0a088.js');
 require('../../ui/MessageInput.js');
 require('react-dom/server');
 require('../../ui/Button.js');
@@ -53,7 +55,6 @@ require('../../ui/MentionUserLabel.js');
 require('../../ui/MessageContent.js');
 require('../../ui/UserProfile.js');
 require('../../sendbirdSelectors.js');
-require('../../utils-03670a4b.js');
 require('../../ui/MessageStatus.js');
 require('../../ui/MessageItemMenu.js');
 require('../../ui/MessageItemReactionMenu.js');
@@ -72,8 +73,10 @@ require('../../ui/ThumbnailMessageItemBody.js');
 require('../../ui/OGMessageItemBody.js');
 require('../../ui/UnknownMessageItemBody.js');
 require('../../ui/QuoteMessage.js');
+require('../../useLongPress-447fc2b4.js');
+require('../../ui/BottomSheet.js');
+require('../../index-be16bf7f.js');
 require('./FileViewer.js');
-require('../../index-200b85a3.js');
 require('./RemoveMessageModal.js');
 require('../../ui/Modal.js');
 require('../../ui/QuoteMessageInput.js');
@@ -113,7 +116,13 @@ var ChannelUI = function (_a) {
       setUnreadCount = _g[1];
 
   React.useEffect(function () {
-    setUnreadCount(currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.unreadMessageCount);
+    // simple debounce to avoid flicker of UnreadCount badge
+    var handler = setTimeout(function () {
+      setUnreadCount(currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.unreadMessageCount);
+    }, 1000);
+    return function () {
+      clearTimeout(handler);
+    };
   }, [currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.unreadMessageCount]);
   var globalStore = useSendbirdStateContext();
   var sdkError = (_c = (_b = globalStore === null || globalStore === void 0 ? void 0 : globalStore.stores) === null || _b === void 0 ? void 0 : _b.sdkStore) === null || _c === void 0 ? void 0 : _c.error;

package/cjs/Channel/components/ChannelUI.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChannelUI.js","sources":["../../../../src/smart-components/Channel/components/ChannelUI/index.tsx"],"sourcesContent":["import './channel-ui.scss';\n\nimport React, { useEffect, useState } from 'react';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\n\nimport { useChannelContext } from '../../context/ChannelProvider';\nimport PlaceHolder, { PlaceHolderTypes } from '../../../../ui/PlaceHolder';\nimport ConnectionStatus from '../../../../ui/ConnectionStatus';\nimport ChannelHeader from '../ChannelHeader';\nimport MessageList from '../MessageList';\nimport TypingIndicator from '../TypingIndicator';\nimport FrozenNotification from '../FrozenNotification';\nimport UnreadCount from '../UnreadCount';\nimport MessageInputWrapper from '../MessageInput';\nimport { RenderCustomSeparatorProps, RenderMessageProps } from '../../../../types';\nimport * as messageActionTypes from '../../context/dux/actionTypes';\n\nexport interface ChannelUIProps {\n  isLoading?: boolean;\n  renderPlaceholderLoader?: () => React.ReactElement;\n  renderPlaceholderInvalid?: () => React.ReactElement;\n  renderPlaceholderEmpty?: () => React.ReactElement;\n  renderChannelHeader?: () => React.ReactElement;\n  renderMessage?: (props: RenderMessageProps) => React.ReactElement;\n  renderMessageInput?: () => React.ReactElement;\n  renderTypingIndicator?: () => React.ReactElement;\n  renderCustomSeparator?: (props: RenderCustomSeparatorProps) => React.ReactElement;\n}\n\nconst ChannelUI: React.FC<ChannelUIProps> = ({\n  isLoading,\n  renderPlaceholderLoader,\n  renderPlaceholderInvalid,\n  renderPlaceholderEmpty,\n  renderChannelHeader,\n  renderMessage,\n  renderMessageInput,\n  renderTypingIndicator,\n  renderCustomSeparator,\n}: ChannelUIProps) => {\n  const {\n    currentGroupChannel,\n    channelUrl,\n    isInvalid,\n    unreadSince,\n    loading,\n    setInitialTimeStamp,\n    setAnimatedMessageId,\n    setHighLightedMessageId,\n    scrollRef,\n    messagesDispatcher,\n    disableMarkAsRead,\n  } = useChannelContext();\n  const [unreadCount, setUnreadCount] = useState(0);\n  useEffect(() => {\n    setUnreadCount(currentGroupChannel?.unreadMessageCount);\n  }, [currentGroupChannel?.unreadMessageCount]);\n\n  const globalStore = useSendbirdStateContext();\n  const sdkError = globalStore?.stores?.sdkStore?.error;\n  const logger = globalStore?.config?.logger;\n  const isOnline = globalStore?.config?.isOnline;\n\n  if (isLoading) {\n    return (<div className=\"sendbird-conversation\">\n      {\n        renderPlaceholderLoader?.() || (\n          <PlaceHolder type={PlaceHolderTypes.LOADING} />\n        )\n      }\n    </div>);\n  }\n\n  if (!channelUrl) {\n    return (<div className=\"sendbird-conversation\">\n      {\n        renderPlaceholderInvalid?.() || (\n          <PlaceHolder type={PlaceHolderTypes.NO_CHANNELS} />\n        )\n      }\n    </div>);\n  }\n  if (isInvalid) {\n    return (\n      <div className=\"sendbird-conversation\">\n        {\n          renderPlaceholderInvalid?.() || (\n            <PlaceHolder type={PlaceHolderTypes.WRONG} />\n          )\n        }\n      </div>\n    );\n  }\n  if (sdkError) {\n    return (\n      <div className=\"sendbird-conversation\">\n        {\n          renderPlaceholderInvalid?.() || (\n            <PlaceHolder\n              type={PlaceHolderTypes.WRONG}\n              retryToConnect={() => {\n                logger.info('Channel: reconnecting');\n                // reconnect();\n              }}\n            />\n          )\n        }\n      </div>\n    );\n  }\n  return (\n    <div className='sendbird-conversation'>\n      {\n        renderChannelHeader?.() || (\n          <ChannelHeader />\n        )\n      }\n      {\n        currentGroupChannel?.isFrozen && (\n          <FrozenNotification />\n        )\n      }\n      {\n        unreadCount > 0 && (\n          <UnreadCount\n            count={unreadCount}\n            time={unreadSince}\n            onClick={() => {\n              setUnreadCount(0);\n              if (scrollRef?.current?.scrollTop) {\n                scrollRef.current.scrollTop = scrollRef?.current?.scrollHeight - scrollRef?.current?.offsetHeight;\n              }\n              if (!disableMarkAsRead) {\n                try {\n                  currentGroupChannel?.markAsRead();\n                } catch {\n                  //\n                }\n                messagesDispatcher({\n                  type: messageActionTypes.MARK_AS_READ,\n                  payload: { channel: currentGroupChannel },\n                });\n              }\n              setInitialTimeStamp(null);\n              setAnimatedMessageId(null);\n              setHighLightedMessageId(null);\n            }}\n          />\n        )\n      }\n      {\n        loading\n          ? (\n            <div className=\"sendbird-conversation\">\n              {\n                renderPlaceholderLoader?.() || (\n                  <PlaceHolder type={PlaceHolderTypes.LOADING} />\n                )\n              }\n            </div>\n          ) : (\n            <MessageList\n              renderMessage={renderMessage}\n              renderPlaceholderEmpty={renderPlaceholderEmpty}\n              renderCustomSeparator={renderCustomSeparator}\n            />\n          )\n      }\n      <div className=\"sendbird-conversation__footer\">\n        {\n          renderMessageInput?.() || (\n            <MessageInputWrapper />\n          )\n        }\n        <div className=\"sendbird-conversation__footer__typing-indicator\">\n          {\n            renderTypingIndicator?.() || (\n              <TypingIndicator />\n            )\n          }\n          {\n            !isOnline && (\n              <ConnectionStatus />\n            )\n          }\n        </div>\n      </div>\n    </div>\n  );\n}\n\nexport default ChannelUI;\n"],"names":["ChannelUI","_a","isLoading","renderPlaceholderLoader","renderPlaceholderInvalid","renderPlaceholderEmpty","renderChannelHeader","renderMessage","renderMessageInput","renderTypingIndicator","renderCustomSeparator","_f","useChannelContext","currentGroupChannel","channelUrl","isInvalid","unreadSince","loading","setInitialTimeStamp","setAnimatedMessageId","setHighLightedMessageId","scrollRef","messagesDispatcher","disableMarkAsRead","_g","useState","unreadCount","setUnreadCount","useEffect","unreadMessageCount","globalStore","useSendbirdStateContext","sdkError","_c","_b","stores","sdkStore","error","logger","_d","config","isOnline","_e","React","PlaceHolder","PlaceHolderTypes","LOADING","NO_CHANNELS","WRONG","info","ChannelHeader","isFrozen","FrozenNotification","UnreadCount","current","scrollTop","scrollHeight","offsetHeight","markAsRead","type","messageActionTypes","payload","channel","MessageList","MessageInputWrapper","TypingIndicator","ConnectionStatus"],"mappings":"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"}
+{"version":3,"file":"ChannelUI.js","sources":["../../../../src/smart-components/Channel/components/ChannelUI/index.tsx"],"sourcesContent":["import './channel-ui.scss';\n\nimport React, { useEffect, useState } from 'react';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\n\nimport { useChannelContext } from '../../context/ChannelProvider';\nimport PlaceHolder, { PlaceHolderTypes } from '../../../../ui/PlaceHolder';\nimport ConnectionStatus from '../../../../ui/ConnectionStatus';\nimport ChannelHeader from '../ChannelHeader';\nimport MessageList from '../MessageList';\nimport TypingIndicator from '../TypingIndicator';\nimport FrozenNotification from '../FrozenNotification';\nimport UnreadCount from '../UnreadCount';\nimport MessageInputWrapper from '../MessageInput';\nimport { RenderCustomSeparatorProps, RenderMessageProps } from '../../../../types';\nimport * as messageActionTypes from '../../context/dux/actionTypes';\n\nexport interface ChannelUIProps {\n  isLoading?: boolean;\n  renderPlaceholderLoader?: () => React.ReactElement;\n  renderPlaceholderInvalid?: () => React.ReactElement;\n  renderPlaceholderEmpty?: () => React.ReactElement;\n  renderChannelHeader?: () => React.ReactElement;\n  renderMessage?: (props: RenderMessageProps) => React.ReactElement;\n  renderMessageInput?: () => React.ReactElement;\n  renderTypingIndicator?: () => React.ReactElement;\n  renderCustomSeparator?: (props: RenderCustomSeparatorProps) => React.ReactElement;\n}\n\nconst ChannelUI: React.FC<ChannelUIProps> = ({\n  isLoading,\n  renderPlaceholderLoader,\n  renderPlaceholderInvalid,\n  renderPlaceholderEmpty,\n  renderChannelHeader,\n  renderMessage,\n  renderMessageInput,\n  renderTypingIndicator,\n  renderCustomSeparator,\n}: ChannelUIProps) => {\n  const {\n    currentGroupChannel,\n    channelUrl,\n    isInvalid,\n    unreadSince,\n    loading,\n    setInitialTimeStamp,\n    setAnimatedMessageId,\n    setHighLightedMessageId,\n    scrollRef,\n    messagesDispatcher,\n    disableMarkAsRead,\n  } = useChannelContext();\n  const [unreadCount, setUnreadCount] = useState(0);\n  useEffect(() => {\n    // simple debounce to avoid flicker of UnreadCount badge\n    const handler = setTimeout(() => {\n      setUnreadCount(currentGroupChannel?.unreadMessageCount);\n    }, 1000);\n    return () => {\n      clearTimeout(handler);\n    }\n  }, [currentGroupChannel?.unreadMessageCount]);\n  const globalStore = useSendbirdStateContext();\n  const sdkError = globalStore?.stores?.sdkStore?.error;\n  const logger = globalStore?.config?.logger;\n  const isOnline = globalStore?.config?.isOnline;\n\n  if (isLoading) {\n    return (<div className=\"sendbird-conversation\">\n      {\n        renderPlaceholderLoader?.() || (\n          <PlaceHolder type={PlaceHolderTypes.LOADING} />\n        )\n      }\n    </div>);\n  }\n\n  if (!channelUrl) {\n    return (<div className=\"sendbird-conversation\">\n      {\n        renderPlaceholderInvalid?.() || (\n          <PlaceHolder type={PlaceHolderTypes.NO_CHANNELS} />\n        )\n      }\n    </div>);\n  }\n  if (isInvalid) {\n    return (\n      <div className=\"sendbird-conversation\">\n        {\n          renderPlaceholderInvalid?.() || (\n            <PlaceHolder type={PlaceHolderTypes.WRONG} />\n          )\n        }\n      </div>\n    );\n  }\n  if (sdkError) {\n    return (\n      <div className=\"sendbird-conversation\">\n        {\n          renderPlaceholderInvalid?.() || (\n            <PlaceHolder\n              type={PlaceHolderTypes.WRONG}\n              retryToConnect={() => {\n                logger.info('Channel: reconnecting');\n                // reconnect();\n              }}\n            />\n          )\n        }\n      </div>\n    );\n  }\n  return (\n    <div className='sendbird-conversation'>\n      {\n        renderChannelHeader?.() || (\n          <ChannelHeader />\n        )\n      }\n      {\n        currentGroupChannel?.isFrozen && (\n          <FrozenNotification />\n        )\n      }\n      {\n        unreadCount > 0 && (\n          <UnreadCount\n            count={unreadCount}\n            time={unreadSince}\n            onClick={() => {\n              setUnreadCount(0);\n              if (scrollRef?.current?.scrollTop) {\n                scrollRef.current.scrollTop = scrollRef?.current?.scrollHeight - scrollRef?.current?.offsetHeight;\n              }\n              if (!disableMarkAsRead) {\n                try {\n                  currentGroupChannel?.markAsRead();\n                } catch {\n                  //\n                }\n                messagesDispatcher({\n                  type: messageActionTypes.MARK_AS_READ,\n                  payload: { channel: currentGroupChannel },\n                });\n              }\n              setInitialTimeStamp(null);\n              setAnimatedMessageId(null);\n              setHighLightedMessageId(null);\n            }}\n          />\n        )\n      }\n      {\n        loading\n          ? (\n            <div className=\"sendbird-conversation\">\n              {\n                renderPlaceholderLoader?.() || (\n                  <PlaceHolder type={PlaceHolderTypes.LOADING} />\n                )\n              }\n            </div>\n          ) : (\n            <MessageList\n              renderMessage={renderMessage}\n              renderPlaceholderEmpty={renderPlaceholderEmpty}\n              renderCustomSeparator={renderCustomSeparator}\n            />\n          )\n      }\n      <div className=\"sendbird-conversation__footer\">\n        {\n          renderMessageInput?.() || (\n            <MessageInputWrapper />\n          )\n        }\n        <div className=\"sendbird-conversation__footer__typing-indicator\">\n          {\n            renderTypingIndicator?.() || (\n              <TypingIndicator />\n            )\n          }\n          {\n            !isOnline && (\n              <ConnectionStatus />\n            )\n          }\n        </div>\n      </div>\n    </div>\n  );\n}\n\nexport default ChannelUI;\n"],"names":["ChannelUI","_a","isLoading","renderPlaceholderLoader","renderPlaceholderInvalid","renderPlaceholderEmpty","renderChannelHeader","renderMessage","renderMessageInput","renderTypingIndicator","renderCustomSeparator","_f","useChannelContext","currentGroupChannel","channelUrl","isInvalid","unreadSince","loading","setInitialTimeStamp","setAnimatedMessageId","setHighLightedMessageId","scrollRef","messagesDispatcher","disableMarkAsRead","_g","useState","unreadCount","setUnreadCount","useEffect","handler","setTimeout","unreadMessageCount","clearTimeout","globalStore","useSendbirdStateContext","sdkError","_c","_b","stores","sdkStore","error","logger","_d","config","isOnline","_e","React","PlaceHolder","PlaceHolderTypes","LOADING","NO_CHANNELS","WRONG","info","ChannelHeader","isFrozen","FrozenNotification","UnreadCount","current","scrollTop","scrollHeight","offsetHeight","markAsRead","type","messageActionTypes","payload","channel","MessageList","MessageInputWrapper","TypingIndicator","ConnectionStatus"],"mappings":"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"}

package/cjs/Channel/components/FileViewer.js

@@ -5,26 +5,26 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var reactDom = require('react-dom');
 var ui_Avatar = require('../../ui/Avatar.js');
-var ui_Label = require('../../index-e59510d3.js');
+var ui_Label = require('../../index-e739b357.js');
 var ui_Icon = require('../../ui/Icon.js');
-var index$1 = require('../../index-200b85a3.js');
-var index = require('../../index-558d367a.js');
+var index$1 = require('../../index-be16bf7f.js');
+var index = require('../../index-0f54b27e.js');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-var Channel_context = require('../../ChannelProvider-c9b390b7.js');
-require('../../tslib.es6-712ab026.js');
+var Channel_context = require('../../ChannelProvider-c4c8058c.js');
+require('../../tslib.es6-54dccd69.js');
 require('../../ui/ImageRenderer.js');
-require('../../uuid-4fb21145.js');
+require('../../uuid-65030b4c.js');
 require('prop-types');
-require('../../stringSet-9eadd9a2.js');
+require('../../stringSet-b90c8eb9.js');
 require('../../utils/message/getOutgoingMessageState.js');
 require('../../withSendbird.js');
-require('../../_rollupPluginBabelHelpers-93d42928.js');
-require('../../UserProfileContext-d1596965.js');
-require('../../index-09d50472.js');
-require('../../index-491f2403.js');
-require('../../topics-c4ffdf98.js');
-require('../../compareIds-20b6caa8.js');
-require('../../const-0ce11db5.js');
+require('../../_rollupPluginBabelHelpers-bd20f22f.js');
+require('../../UserProfileContext-12e3deb1.js');
+require('../../index-c97a25fe.js');
+require('../../index-62071d1a.js');
+require('../../topics-774fce2f.js');
+require('../../compareIds-33bc8bec.js');
+require('../../const-5ff5760f.js');
 require('@sendbird/chat/groupChannel');
 require('@sendbird/chat/message');
 require('../../ui/ContextMenu.js');

package/cjs/Channel/components/FrozenNotification.js

@@ -1,10 +1,10 @@
 'use strict';
 
 var React = require('react');
-var LocalizationContext = require('../../LocalizationContext-0349dfbd.js');
-var ui_Label = require('../../index-e59510d3.js');
-require('../../stringSet-9eadd9a2.js');
-require('../../index-491f2403.js');
+var LocalizationContext = require('../../LocalizationContext-b8b9eb7b.js');
+var ui_Label = require('../../index-e739b357.js');
+require('../../stringSet-b90c8eb9.js');
+require('../../index-62071d1a.js');
 require('prop-types');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/cjs/Channel/components/Message.js

@@ -1,48 +1,48 @@
 'use strict';
 
-var tslib_es6 = require('../../tslib.es6-712ab026.js');
+var tslib_es6 = require('../../tslib.es6-54dccd69.js');
 var React = require('react');
-var index$1 = require('../../index-09d50472.js');
+var index$1 = require('../../index-c97a25fe.js');
 var Channel_components_SuggestedMentionList = require('./SuggestedMentionList.js');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-var Channel_context = require('../../ChannelProvider-c9b390b7.js');
-var index = require('../../index-558d367a.js');
-var _const = require('../../const-0ce11db5.js');
+var Channel_context = require('../../ChannelProvider-c4c8058c.js');
+var index = require('../../index-0f54b27e.js');
+var _const = require('../../const-5ff5760f.js');
 var ui_DateSeparator = require('../../ui/DateSeparator.js');
-var ui_Label = require('../../index-e59510d3.js');
+var ui_Label = require('../../index-e739b357.js');
 var ui_MessageInput = require('../../ui/MessageInput.js');
 var ui_MessageContent = require('../../ui/MessageContent.js');
 var Channel_components_FileViewer = require('./FileViewer.js');
 var Channel_components_RemoveMessageModal = require('./RemoveMessageModal.js');
-var _const$1 = require('../../const-ed017cc9.js');
-var LocalizationContext = require('../../LocalizationContext-0349dfbd.js');
-require('../../index-491f2403.js');
+var _const$1 = require('../../const-bc367512.js');
+var LocalizationContext = require('../../LocalizationContext-b8b9eb7b.js');
+require('../../index-62071d1a.js');
 require('../../ui/Icon.js');
 require('prop-types');
 require('../../ui/Avatar.js');
 require('../../ui/ImageRenderer.js');
-require('../../uuid-4fb21145.js');
+require('../../uuid-65030b4c.js');
 require('../../withSendbird.js');
-require('../../_rollupPluginBabelHelpers-93d42928.js');
-require('../../UserProfileContext-d1596965.js');
-require('../../topics-c4ffdf98.js');
+require('../../_rollupPluginBabelHelpers-bd20f22f.js');
+require('../../UserProfileContext-12e3deb1.js');
+require('../../topics-774fce2f.js');
 require('../../utils/message/getOutgoingMessageState.js');
-require('../../compareIds-20b6caa8.js');
+require('../../compareIds-33bc8bec.js');
 require('@sendbird/chat/groupChannel');
 require('@sendbird/chat/message');
 require('../../ui/ContextMenu.js');
 require('react-dom');
 require('../../ui/SortByRow.js');
-require('../../stringSet-9eadd9a2.js');
+require('../../stringSet-b90c8eb9.js');
 require('../../ui/ReactionButton.js');
-require('../../color-8da1967d.js');
+require('../../color-30d0a088.js');
 require('react-dom/server');
 require('../../ui/IconButton.js');
 require('../../ui/Button.js');
 require('../../ui/MentionUserLabel.js');
 require('../../ui/UserProfile.js');
 require('../../sendbirdSelectors.js');
-require('../../utils-03670a4b.js');
+require('../../utils-b42b5273.js');
 require('../../ui/MessageStatus.js');
 require('../../ui/Loader.js');
 require('../../ui/MessageItemMenu.js');
@@ -58,11 +58,14 @@ require('../../ui/LinkLabel.js');
 require('../../ui/MentionLabel.js');
 require('../../ui/FileMessageItemBody.js');
 require('../../ui/TextButton.js');
+require('../../MediaQueryContext-f8dbf0b3.js');
 require('../../ui/ThumbnailMessageItemBody.js');
 require('../../ui/OGMessageItemBody.js');
 require('../../ui/UnknownMessageItemBody.js');
 require('../../ui/QuoteMessage.js');
-require('../../index-200b85a3.js');
+require('../../useLongPress-447fc2b4.js');
+require('../../ui/BottomSheet.js');
+require('../../index-be16bf7f.js');
 require('../../ui/Modal.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -70,7 +73,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 var Message = function (props) {
-  var _a;
+  var _a, _b;
 
   var message = props.message,
       hasSeparator = props.hasSeparator,
@@ -84,80 +87,80 @@ var Message = function (props) {
   var dateLocale = LocalizationContext.useLocalization().dateLocale;
   var globalStore = useSendbirdStateContext();
 
-  var _b = globalStore === null || globalStore === void 0 ? void 0 : globalStore.config,
-      userId = _b.userId,
-      isOnline = _b.isOnline,
-      isMentionEnabled = _b.isMentionEnabled,
-      userMention = _b.userMention;
+  var _c = globalStore === null || globalStore === void 0 ? void 0 : globalStore.config,
+      userId = _c.userId,
+      isOnline = _c.isOnline,
+      isMentionEnabled = _c.isMentionEnabled,
+      userMention = _c.userMention;
 
   var maxUserMentionCount = (userMention === null || userMention === void 0 ? void 0 : userMention.maxMentionCount) || _const.MAX_USER_MENTION_COUNT;
   var maxUserSuggestionCount = (userMention === null || userMention === void 0 ? void 0 : userMention.maxSuggestionCount) || _const.MAX_USER_SUGGESTION_COUNT;
 
-  var _c = Channel_context.useChannelContext(),
-      initialized = _c.initialized,
-      currentGroupChannel = _c.currentGroupChannel,
-      highLightedMessageId = _c.highLightedMessageId,
-      setHighLightedMessageId = _c.setHighLightedMessageId,
-      animatedMessageId = _c.animatedMessageId,
-      setAnimatedMessageId = _c.setAnimatedMessageId,
-      updateMessage = _c.updateMessage,
-      scrollToMessage = _c.scrollToMessage,
-      replyType = _c.replyType,
-      isReactionEnabled = _c.isReactionEnabled,
-      toggleReaction = _c.toggleReaction,
-      emojiContainer = _c.emojiContainer,
-      nicknamesMap = _c.nicknamesMap,
-      setQuoteMessage = _c.setQuoteMessage,
-      resendMessage = _c.resendMessage,
-      renderUserMentionItem = _c.renderUserMentionItem;
-
-  var _d = React.useState(false),
-      showEdit = _d[0],
-      setShowEdit = _d[1];
+  var _d = Channel_context.useChannelContext(),
+      initialized = _d.initialized,
+      currentGroupChannel = _d.currentGroupChannel,
+      highLightedMessageId = _d.highLightedMessageId,
+      setHighLightedMessageId = _d.setHighLightedMessageId,
+      animatedMessageId = _d.animatedMessageId,
+      setAnimatedMessageId = _d.setAnimatedMessageId,
+      updateMessage = _d.updateMessage,
+      scrollToMessage = _d.scrollToMessage,
+      replyType = _d.replyType,
+      isReactionEnabled = _d.isReactionEnabled,
+      toggleReaction = _d.toggleReaction,
+      emojiContainer = _d.emojiContainer,
+      nicknamesMap = _d.nicknamesMap,
+      setQuoteMessage = _d.setQuoteMessage,
+      resendMessage = _d.resendMessage,
+      renderUserMentionItem = _d.renderUserMentionItem;
 
   var _e = React.useState(false),
-      showRemove = _e[0],
-      setShowRemove = _e[1];
+      showEdit = _e[0],
+      setShowEdit = _e[1];
 
   var _f = React.useState(false),
-      showFileViewer = _f[0],
-      setShowFileViewer = _f[1];
+      showRemove = _f[0],
+      setShowRemove = _f[1];
 
   var _g = React.useState(false),
-      isAnimated = _g[0],
-      setIsAnimated = _g[1];
+      showFileViewer = _g[0],
+      setShowFileViewer = _g[1];
 
   var _h = React.useState(false),
-      isHighlighted = _h[0],
-      setIsHighlighted = _h[1];
+      isAnimated = _h[0],
+      setIsAnimated = _h[1];
 
-  var _j = React.useState(''),
-      mentionNickname = _j[0],
-      setMentionNickname = _j[1];
+  var _j = React.useState(false),
+      isHighlighted = _j[0],
+      setIsHighlighted = _j[1];
 
-  var _k = React.useState([]),
-      mentionedUsers = _k[0],
-      setMentionedUsers = _k[1];
+  var _k = React.useState(''),
+      mentionNickname = _k[0],
+      setMentionNickname = _k[1];
 
   var _l = React.useState([]),
-      mentionedUserIds = _l[0],
-      setMentionedUserIds = _l[1];
+      mentionedUsers = _l[0],
+      setMentionedUsers = _l[1];
 
-  var _m = React.useState(null),
-      messageInputEvent = _m[0],
-      setMessageInputEvent = _m[1];
+  var _m = React.useState([]),
+      mentionedUserIds = _m[0],
+      setMentionedUserIds = _m[1];
 
   var _o = React.useState(null),
-      selectedUser = _o[0],
-      setSelectedUser = _o[1];
+      messageInputEvent = _o[0],
+      setMessageInputEvent = _o[1];
+
+  var _p = React.useState(null),
+      selectedUser = _p[0],
+      setSelectedUser = _p[1];
 
-  var _p = React.useState([]),
-      mentionSuggestedUsers = _p[0],
-      setMentionSuggestedUsers = _p[1];
+  var _q = React.useState([]),
+      mentionSuggestedUsers = _q[0],
+      setMentionSuggestedUsers = _q[1];
 
-  var _q = React.useState(true),
-      ableMention = _q[0],
-      setAbleMention = _q[1];
+  var _r = React.useState(true),
+      ableMention = _r[0],
+      setAbleMention = _r[1];
 
   var editMessageInputRef = React.useRef(null);
   var useMessageScrollRef = React.useRef(null);
@@ -254,7 +257,7 @@ var Message = function (props) {
     })))), renderedMessage);
   }
 
-  if (showEdit && message.isUserMessage()) {
+  if (showEdit && ((_b = message === null || message === void 0 ? void 0 : message.isUserMessage) === null || _b === void 0 ? void 0 : _b.call(message))) {
     return (renderEditInput === null || renderEditInput === void 0 ? void 0 : renderEditInput()) || /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, displaySuggestedMentionList && /*#__PURE__*/React__default["default"].createElement(Channel_components_SuggestedMentionList, {
       targetNickname: mentionNickname,
       inputEvent: messageInputEvent,