@sendbird/uikit-react 3.3.7 → 3.4.0-rc.1

package/dist/cjs/App.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"App.js","sources":["../../src/smart-components/App/DesktopLayout.tsx","../../src/smart-components/App/MobileLayout.tsx","../../src/smart-components/App/AppLayout.tsx","../../src/smart-components/App/index.jsx"],"sourcesContent":["import React, { useState } from 'react';\n\nimport type { DesktopLayoutProps } from './types';\n\nimport ChannelList from '../ChannelList';\nimport Channel from '../Channel';\nimport ChannelSettings from '../ChannelSettings';\nimport MessageSearchPannel from '../MessageSearch';\nimport Thread from '../Thread';\nimport { BaseMessage, UserMessage } from '@sendbird/chat/message';\n\nexport const DesktopLayout: React.FC<DesktopLayoutProps> = (\n  props: DesktopLayoutProps,\n) => {\n  const {\n    isReactionEnabled,\n    replyType,\n    isMessageGroupingEnabled,\n    allowProfileEdit,\n    showSearchIcon,\n    onProfileEditSuccess,\n    disableAutoSelect,\n    currentChannel,\n    setCurrentChannel,\n    showSettings,\n    setShowSettings,\n    showSearch,\n    setShowSearch,\n    highlightedMessage,\n    setHighlightedMessage,\n    startingPoint,\n    setStartingPoint,\n    showThread,\n    setShowThread,\n    threadTargetMessage,\n    setThreadTargetMessage,\n  } = props;\n  const [animatedMessageId, setAnimatedMessageId] = useState(null);\n  return (\n    <div className=\"sendbird-app__wrap\">\n      <div className=\"sendbird-app__channellist-wrap\">\n        <ChannelList\n          allowProfileEdit={allowProfileEdit}\n          onProfileEditSuccess={onProfileEditSuccess}\n          disableAutoSelect={disableAutoSelect}\n          onChannelSelect={(channel) => {\n            setStartingPoint(null);\n            setHighlightedMessage(null);\n            if (channel) {\n              setCurrentChannel(channel);\n            } else {\n              setCurrentChannel(null);\n            }\n          }}\n        />\n      </div>\n      <div\n        className={`\n          ${showSettings ? 'sendbird-app__conversation--settings-open' : ''}\n          ${showSearch ? 'sendbird-app__conversation--search-open' : ''}\n          sendbird-app__conversation-wrap\n        `}\n      >\n        <Channel\n          channelUrl={currentChannel?.url || ''}\n          onChatHeaderActionClick={() => {\n            setShowSearch(false);\n            setShowThread(false);\n            setShowSettings(!showSettings);\n          }}\n          onSearchClick={() => {\n            setShowSettings(false);\n            setShowThread(false);\n            setShowSearch(!showSearch);\n          }}\n          onReplyInThread={({ message }) => { // parent message\n            setShowSettings(false);\n            setShowSearch(false);\n            if (replyType === 'THREAD') {\n              setThreadTargetMessage({\n                parentMessage: message as BaseMessage,\n                parentMessageId: message?.messageId,\n              } as UserMessage);\n              setShowThread(true);\n            }\n          }}\n          onQuoteMessageClick={({ message }) => { // thread message\n            setShowSettings(false);\n            setShowSearch(false);\n            if (replyType === 'THREAD') {\n              setThreadTargetMessage(message);\n              setShowThread(true);\n            }\n          }}\n          onMessageAnimated={() => {\n            setAnimatedMessageId(null);\n          }}\n          onMessageHighlighted={() => {\n            setHighlightedMessage(null);\n          }}\n          showSearchIcon={showSearchIcon}\n          startingPoint={startingPoint}\n          animatedMessage={animatedMessageId}\n          highlightedMessage={highlightedMessage}\n          isReactionEnabled={isReactionEnabled}\n          replyType={replyType}\n          isMessageGroupingEnabled={isMessageGroupingEnabled}\n        />\n      </div>\n      {showSettings && (\n        <div className=\"sendbird-app__settingspanel-wrap\">\n          <ChannelSettings\n            className=\"sendbird-channel-settings\"\n            channelUrl={currentChannel?.url || ''}\n            onCloseClick={() => {\n              setShowSettings(false);\n            }}\n          />\n        </div>\n      )}\n      {showSearch && (\n        <div className=\"sendbird-app__searchpanel-wrap\">\n          <MessageSearchPannel\n            channelUrl={currentChannel?.url || ''}\n            onResultClick={(message) => {\n              if (message.messageId === highlightedMessage) {\n                setHighlightedMessage(null);\n                setTimeout(() => {\n                  setHighlightedMessage(message.messageId);\n                });\n              } else {\n                setStartingPoint(message.createdAt);\n                setHighlightedMessage(message.messageId);\n              }\n            }}\n            onCloseClick={() => {\n              setShowSearch(false);\n            }}\n          />\n        </div>\n      )}\n      {showThread && (\n        <Thread\n          className=\"sendbird-app__thread\"\n          channelUrl={currentChannel?.url || ''}\n          message={threadTargetMessage}\n          onHeaderActionClick={() => {\n            setShowThread(false);\n          }}\n          onMoveToParentMessage={({ message, channel }) => {\n            if (channel?.url !== currentChannel?.url) {\n              setCurrentChannel(channel);\n            }\n            if (message?.messageId !== animatedMessageId) {\n              setStartingPoint(message?.createdAt);\n            }\n            setTimeout(() => {\n              setAnimatedMessageId(message?.messageId);\n            }, 500);\n          }}\n        />\n      )}\n    </div>\n  )\n};\n","import './mobile.scss';\n\nimport React, { useState, useEffect } from 'react';\nimport type { BaseMessage } from '@sendbird/chat/message';\nimport type { SendbirdGroupChat } from '@sendbird/chat/groupChannel';\nimport { GroupChannelHandler } from '@sendbird/chat/groupChannel';\n\nimport type { MobileLayoutProps } from './types';\n\nimport ChannelList from '../ChannelList';\nimport Channel from '../Channel';\nimport ChannelSettings from '../ChannelSettings';\nimport MessageSearch from '../MessageSearch';\nimport useSendbirdStateContext from '../../hooks/useSendbirdStateContext';\nimport uuidv4 from '../../utils/uuid';\n\nenum PANELS {\n  CHANNEL_LIST = 'CHANNEL_LIST',\n  CHANNEL = 'CHANNEL',\n  CHANNEL_SETTINGS = 'CHANNEL_SETTINGS',\n  MESSAGE_SEARCH = 'MESSAGE_SEARCH',\n}\n\nexport const MobileLayout: React.FC<MobileLayoutProps> = (\n  props: MobileLayoutProps,\n) => {\n  const {\n    replyType,\n    isMessageGroupingEnabled,\n    allowProfileEdit,\n    isReactionEnabled,\n    showSearchIcon,\n    onProfileEditSuccess,\n    currentChannel,\n    setCurrentChannel,\n    highlightedMessage,\n    setHighlightedMessage,\n    startingPoint,\n    setStartingPoint,\n  } = props;\n  const [panel, setPanel] = useState(PANELS?.CHANNEL_LIST);\n\n  const store = useSendbirdStateContext();\n  const sdk = store?.stores?.sdkStore?.sdk as SendbirdGroupChat;\n  const userId = store?.config?.userId;\n\n  const goToMessage = (message?: BaseMessage | null) => {\n    setStartingPoint(message?.createdAt);\n    setTimeout(() => {\n      setHighlightedMessage(message?.messageId);\n    });\n  };\n\n  useEffect(() => {\n    if (panel !== PANELS?.CHANNEL) {\n      goToMessage();\n    }\n  }, [panel]);\n\n  useEffect(() => {\n    const handlerId = uuidv4();\n    if (sdk?.groupChannel?.addGroupChannelHandler) {\n      const handler = new GroupChannelHandler({\n        onUserBanned: (groupChannel, user) => {\n          if (groupChannel.url === currentChannel?.url && user?.userId === userId) {\n            setPanel(PANELS.CHANNEL_LIST);\n          }\n        },\n        onChannelDeleted: (channelUrl) => {\n          if (channelUrl === currentChannel?.url) {\n            setPanel(PANELS.CHANNEL_LIST);\n          }\n        },\n        onUserLeft: (groupChannel, user) => {\n          if (groupChannel.url === currentChannel?.url && user?.userId === userId) {\n            setPanel(PANELS.CHANNEL_LIST);\n          }\n        },\n      });\n      sdk?.groupChannel?.addGroupChannelHandler(handlerId, handler)\n    }\n    return () => {\n      sdk?.groupChannel?.removeGroupChannelHandler?.(handlerId);\n    }\n  }, [sdk]);\n\n  return (\n    <div>\n      {\n        panel === PANELS?.CHANNEL_LIST && (\n          <div className='sb_mobile__panelwrap'>\n            <ChannelList\n              onProfileEditSuccess={onProfileEditSuccess}\n              onChannelSelect={(channel) => {\n                setCurrentChannel(channel);\n                setPanel(PANELS.CHANNEL);\n              }}\n              allowProfileEdit={allowProfileEdit}\n              // this condition must be true for mobile\n              disableAutoSelect\n            />\n          </div>\n        )\n      }\n      {\n        panel === PANELS?.CHANNEL && (\n          <div className='sb_mobile__panelwrap'>\n            <Channel\n              replyType={replyType}\n              channelUrl={currentChannel?.url}\n              onSearchClick={() => {\n                setPanel(PANELS.MESSAGE_SEARCH);\n              }}\n              onBackClick={() => {\n                setPanel(PANELS.CHANNEL_LIST);\n              }}\n              isReactionEnabled={isReactionEnabled}\n              showSearchIcon={showSearchIcon}\n              isMessageGroupingEnabled={isMessageGroupingEnabled}\n              startingPoint={startingPoint}\n              highlightedMessage={highlightedMessage}\n              onChatHeaderActionClick={() => {\n                setPanel(PANELS.CHANNEL_SETTINGS);\n              }}\n            />\n          </div>\n        )\n      }\n      {\n        panel === PANELS?.CHANNEL_SETTINGS && (\n          <div className='sb_mobile__panelwrap'>\n            <ChannelSettings\n              channelUrl={currentChannel?.url}\n              onCloseClick={() => {\n                setPanel(PANELS.CHANNEL);\n              }}\n              onLeaveChannel={() => {\n                setPanel(PANELS.CHANNEL_LIST);\n              }}\n            />\n          </div>\n        )\n      }\n      {\n        panel === PANELS?.MESSAGE_SEARCH && (\n          <div className='sb_mobile__panelwrap'>\n            <MessageSearch\n              channelUrl={currentChannel?.url}\n              onCloseClick={() => {\n                setPanel(PANELS.CHANNEL);\n              }}\n              onResultClick={(message) => {\n                setPanel(PANELS.CHANNEL);\n                goToMessage(message);\n              }}\n            />\n          </div>\n        )\n      }\n    </div>\n  );\n};\n","import React, { useState } from 'react';\nimport type { FileMessage, UserMessage } from '@sendbird/chat/message';\n\nimport type { AppLayoutProps } from './types';\n\nimport { useMediaQueryContext } from '../../lib/MediaQueryContext';\nimport { DesktopLayout } from './DesktopLayout';\nimport { MobileLayout } from './MobileLayout';\n\nexport const AppLayout: React.FC<AppLayoutProps> = (\n  props: AppLayoutProps,\n) => {\n  const {\n    isReactionEnabled,\n    replyType,\n    isMessageGroupingEnabled,\n    allowProfileEdit,\n    showSearchIcon,\n    onProfileEditSuccess,\n    disableAutoSelect,\n    currentChannel,\n    setCurrentChannel,\n  } = props;\n  const [showThread, setShowThread] = useState(false);\n  const [threadTargetMessage, setThreadTargetMessage] = useState<UserMessage | FileMessage>(null);\n  const [showSettings, setShowSettings] = useState(false);\n  const [showSearch, setShowSearch] = useState(false);\n  const [highlightedMessage, setHighlightedMessage] = useState<number>(null);\n  const [startingPoint, setStartingPoint] = useState<number>(null);\n  const { isMobile } = useMediaQueryContext();\n  return (\n    <>\n      {\n        isMobile\n          ? (\n            <MobileLayout\n              replyType={replyType}\n              isMessageGroupingEnabled={isMessageGroupingEnabled}\n              allowProfileEdit={allowProfileEdit}\n              isReactionEnabled={isReactionEnabled}\n              showSearchIcon={showSearchIcon}\n              onProfileEditSuccess={onProfileEditSuccess}\n              currentChannel={currentChannel}\n              setCurrentChannel={setCurrentChannel}\n              highlightedMessage={highlightedMessage}\n              setHighlightedMessage={setHighlightedMessage}\n              startingPoint={startingPoint}\n              setStartingPoint={setStartingPoint}\n            />\n          )\n          : (\n            <DesktopLayout\n              isReactionEnabled={isReactionEnabled}\n              replyType={replyType}\n              isMessageGroupingEnabled={isMessageGroupingEnabled}\n              allowProfileEdit={allowProfileEdit}\n              showSearchIcon={showSearchIcon}\n              onProfileEditSuccess={onProfileEditSuccess}\n              disableAutoSelect={disableAutoSelect}\n              currentChannel={currentChannel}\n              setCurrentChannel={setCurrentChannel}\n              showThread={showThread}\n              setShowThread={setShowThread}\n              threadTargetMessage={threadTargetMessage}\n              setThreadTargetMessage={setThreadTargetMessage}\n              showSettings={showSettings}\n              setShowSettings={setShowSettings}\n              showSearch={showSearch}\n              setShowSearch={setShowSearch}\n              highlightedMessage={highlightedMessage}\n              setHighlightedMessage={setHighlightedMessage}\n              startingPoint={startingPoint}\n              setStartingPoint={setStartingPoint}\n            />\n          )\n      }\n    </>\n  )\n}\n","/**\n * This is a drop in Chat solution\n * Can also be used as an example for creating\n * default chat apps\n */\nimport React, { useState } from 'react';\nimport PropTypes from 'prop-types';\n\nimport Sendbird from '../../lib/Sendbird';\n\nimport { AppLayout } from './AppLayout';\n\nimport './index.scss';\nimport { VOICE_RECORDER_DEFAULT_MAX, VOICE_RECORDER_DEFAULT_MIN } from '../../utils/consts';\n\nexport default function App(props) {\n  const {\n    appId,\n    userId,\n    accessToken,\n    customApiHost,\n    customWebSocketHost,\n    mediaQueryBreakPoint,\n    theme,\n    userListQuery,\n    nickname,\n    profileUrl,\n    dateLocale,\n    config = {},\n    isReactionEnabled,\n    isMentionEnabled,\n    isVoiceMessageEnabled,\n    voiceRecord,\n    replyType,\n    isMessageGroupingEnabled,\n    colorSet,\n    stringSet,\n    allowProfileEdit,\n    disableUserProfile,\n    disableMarkAsDelivered,\n    renderUserProfile,\n    showSearchIcon,\n    onProfileEditSuccess,\n    imageCompression,\n    disableAutoSelect,\n    isTypingIndicatorEnabledOnChannelList,\n    isMessageReceiptStatusEnabledOnChannelList,\n  } = props;\n  const [currentChannel, setCurrentChannel] = useState(null);\n  return (\n    <Sendbird\n      stringSet={stringSet}\n      appId={appId}\n      userId={userId}\n      accessToken={accessToken}\n      customApiHost={customApiHost}\n      customWebSocketHost={customWebSocketHost}\n      mediaQueryBreakPoint={mediaQueryBreakPoint}\n      theme={theme}\n      nickname={nickname}\n      profileUrl={profileUrl}\n      dateLocale={dateLocale}\n      userListQuery={userListQuery}\n      config={config}\n      colorSet={colorSet}\n      disableUserProfile={disableUserProfile}\n      disableMarkAsDelivered={disableMarkAsDelivered}\n      renderUserProfile={renderUserProfile}\n      imageCompression={imageCompression}\n      isReactionEnabled={isReactionEnabled}\n      isMentionEnabled={isMentionEnabled}\n      isVoiceMessageEnabled={isVoiceMessageEnabled}\n      voiceRecord={voiceRecord}\n      onUserProfileMessage={(channel) => {\n        setCurrentChannel(channel);\n      }}\n      isTypingIndicatorEnabledOnChannelList={isTypingIndicatorEnabledOnChannelList}\n      isMessageReceiptStatusEnabledOnChannelList={isMessageReceiptStatusEnabledOnChannelList}\n      replyType={replyType}\n    >\n      <AppLayout\n        currentChannel={currentChannel}\n        setCurrentChannel={setCurrentChannel}\n        isReactionEnabled={isReactionEnabled}\n        replyType={replyType}\n        isMessageGroupingEnabled={isMessageGroupingEnabled}\n        allowProfileEdit={allowProfileEdit}\n        showSearchIcon={showSearchIcon}\n        onProfileEditSuccess={onProfileEditSuccess}\n        disableAutoSelect={disableAutoSelect}\n      />\n    </Sendbird>\n  );\n}\n\nApp.propTypes = {\n  appId: PropTypes.string.isRequired,\n  userId: PropTypes.string.isRequired,\n  accessToken: PropTypes.string,\n  customApiHost: PropTypes.string,\n  customWebSocketHost: PropTypes.string,\n  theme: PropTypes.string,\n  userListQuery: PropTypes.func,\n  nickname: PropTypes.string,\n  profileUrl: PropTypes.string,\n  mediaQueryBreakPoint: PropTypes.string,\n  allowProfileEdit: PropTypes.bool,\n  disableUserProfile: PropTypes.bool,\n  disableMarkAsDelivered: PropTypes.bool,\n  renderUserProfile: PropTypes.func,\n  onProfileEditSuccess: PropTypes.func,\n  dateLocale: PropTypes.shape({}),\n  config: PropTypes.shape({\n    // None Error Warning Info 'All/Debug'\n    logLevel: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.arrayOf(PropTypes.string),\n    ]),\n    isREMUnitEnabled: PropTypes.bool,\n  }),\n  isReactionEnabled: PropTypes.bool,\n  replyType: PropTypes.oneOf(['NONE', 'QUOTE_REPLY', 'THREAD']),\n  showSearchIcon: PropTypes.bool,\n  isMessageGroupingEnabled: PropTypes.bool,\n  stringSet: PropTypes.objectOf(PropTypes.string),\n  colorSet: PropTypes.objectOf(PropTypes.string),\n  imageCompression: PropTypes.shape({\n    compressionRate: PropTypes.number,\n    resizingWidth: PropTypes.oneOfType([\n      PropTypes.number,\n      PropTypes.string,\n    ]),\n    resizingHeight: PropTypes.oneOfType([\n      PropTypes.number,\n      PropTypes.string,\n    ]),\n  }),\n  disableAutoSelect: PropTypes.bool,\n  isMentionEnabled: PropTypes.bool,\n  isVoiceMessageEnabled: PropTypes.bool,\n  voiceRecord: PropTypes.shape({\n    maxRecordingTime: PropTypes.number,\n    minRecordingTime: PropTypes.number,\n  }),\n  isTypingIndicatorEnabledOnChannelList: PropTypes.bool,\n  isMessageReceiptStatusEnabledOnChannelList: PropTypes.bool,\n};\n\nApp.defaultProps = {\n  accessToken: '',\n  customApiHost: '',\n  customWebSocketHost: '',\n  theme: 'light',\n  nickname: '',\n  profileUrl: '',\n  userListQuery: null,\n  mediaQueryBreakPoint: null,\n  dateLocale: null,\n  allowProfileEdit: false,\n  onProfileEditSuccess: null,\n  disableUserProfile: false,\n  disableMarkAsDelivered: false,\n  showSearchIcon: false,\n  renderUserProfile: null,\n  config: {},\n  isReactionEnabled: true,\n  isMentionEnabled: false,\n  isVoiceMessageEnabled: true,\n  voiceRecord: {\n    maxRecordingTime: VOICE_RECORDER_DEFAULT_MAX,\n    minRecordingTime: VOICE_RECORDER_DEFAULT_MIN,\n  },\n  replyType: 'NONE',\n  isMessageGroupingEnabled: true,\n  stringSet: null,\n  colorSet: null,\n  imageCompression: {},\n  disableAutoSelect: false,\n  isTypingIndicatorEnabledOnChannelList: false,\n  isMessageReceiptStatusEnabledOnChannelList: false,\n};\n"],"names":["DesktopLayout","props","isReactionEnabled","replyType","isMessageGroupingEnabled","allowProfileEdit","showSearchIcon","onProfileEditSuccess","disableAutoSelect","currentChannel","setCurrentChannel","showSettings","setShowSettings","showSearch","setShowSearch","highlightedMessage","setHighlightedMessage","startingPoint","setStartingPoint","showThread","setShowThread","threadTargetMessage","setThreadTargetMessage","_a","useState","animatedMessageId","setAnimatedMessageId","React","channel","concat","url","message","parentMessage","parentMessageId","messageId","MessageSearchPannel","setTimeout","createdAt","PANELS","MobileLayout","_d","CHANNEL_LIST","panel","setPanel","store","useSendbirdStateContext","sdk","_b","stores","sdkStore","userId","_c","config","goToMessage","useEffect","CHANNEL","handlerId","uuidv4","groupChannel","addGroupChannelHandler","handler","GroupChannelHandler","onUserBanned","user","onChannelDeleted","channelUrl","onUserLeft","removeGroupChannelHandler","call","MESSAGE_SEARCH","CHANNEL_SETTINGS","AppLayout","_e","_f","isMobile","useMediaQueryContext","App","appId","accessToken","customApiHost","customWebSocketHost","mediaQueryBreakPoint","theme","userListQuery","nickname","profileUrl","dateLocale","isMentionEnabled","isVoiceMessageEnabled","voiceRecord","colorSet","stringSet","disableUserProfile","disableMarkAsDelivered","renderUserProfile","imageCompression","isTypingIndicatorEnabledOnChannelList","isMessageReceiptStatusEnabledOnChannelList","Sendbird","propTypes","PropTypes","string","isRequired","func","bool","shape","logLevel","oneOfType","arrayOf","isREMUnitEnabled","oneOf","objectOf","compressionRate","number","resizingWidth","resizingHeight","maxRecordingTime","minRecordingTime","defaultProps","VOICE_RECORDER_DEFAULT_MAX","VOICE_RECORDER_DEFAULT_MIN"],"mappings":"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"}

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

@@ -0,0 +1,117 @@
+'use strict';
+
+var React = require('react');
+var utils = require('../../utils-56a22c82.js');
+var ui_Label = require('../../index-578f0575.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-2fb0be1f.js');
+var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
+var Channel_context = require('../../ChannelProvider-367995a6.js');
+var MediaQueryContext = require('../../MediaQueryContext-db5159f3.js');
+var utils$1 = require('../../utils-c61c3737.js');
+require('prop-types');
+require('../../stringSet-388f679a.js');
+require('../../tslib.es6-e8acf1b5.js');
+require('../../ui/Avatar.js');
+require('../../ui/ImageRenderer.js');
+require('../../uuid-a94df44e.js');
+require('../../utils-763f5a7f.js');
+require('../../index-1ec959ab.js');
+require('../../withSendbird.js');
+require('../../_rollupPluginBabelHelpers-e7c78521.js');
+require('../../UserProfileContext-0549101e.js');
+require('../../index-f1bd9638.js');
+require('../../topics-839402ce.js');
+require('../../index-6714492f.js');
+require('../../utils/message/getOutgoingMessageState.js');
+require('../../compareIds-19a11ffa.js');
+require('../../const-3c5d5059.js');
+require('@sendbird/chat/groupChannel');
+require('@sendbird/chat/message');
+require('../../ui/ContextMenu.js');
+require('react-dom');
+require('../../ui/SortByRow.js');
+require('../../ui/ReactionButton.js');
+require('../../consts-9d221c68.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var ChannelHeader = function () {
+  var _a, _b, _c;
+
+  var globalStore = useSendbirdStateContext();
+  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,
+      _d = channelStore.onBackClick,
+      onBackClick = _d === void 0 ? utils$1.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;
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "sendbird-chat-header"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "sendbird-chat-header__left"
+  }, 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,
+    height: 32,
+    width: 32
+  }), /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
+    className: "sendbird-chat-header__left__title",
+    type: ui_Label.LabelTypography.H_2,
+    color: ui_Label.LabelColors.ONBACKGROUND_1
+  }, utils.getChannelTitle(currentGroupChannel, userId, stringSet)), /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
+    className: "sendbird-chat-header__left__subtitle",
+    type: ui_Label.LabelTypography.BODY_1,
+    color: ui_Label.LabelColors.ONBACKGROUND_2
+  }, subTitle)), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "sendbird-chat-header__right"
+  }, (typeof isMuted === 'string' && isMuted === 'true' || typeof isMuted === 'boolean' && isMuted) && /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
+    className: "sendbird-chat-header__right__mute",
+    type: ui_Icon.IconTypes.NOTIFICATIONS_OFF_FILLED,
+    fillColor: ui_Icon.IconColors.ON_BACKGROUND_2,
+    width: "24px",
+    height: "24px"
+  }), showSearchIcon && /*#__PURE__*/React__default["default"].createElement(ui_IconButton, {
+    className: "sendbird-chat-header__right__search",
+    width: "32px",
+    height: "32px",
+    onClick: onSearchClick
+  }, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
+    type: ui_Icon.IconTypes.SEARCH,
+    fillColor: ui_Icon.IconColors.PRIMARY,
+    width: "24px",
+    height: "24px"
+  })), /*#__PURE__*/React__default["default"].createElement(ui_IconButton, {
+    className: "sendbird-chat-header__right__info",
+    width: "32px",
+    height: "32px",
+    onClick: onChatHeaderActionClick
+  }, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
+    type: ui_Icon.IconTypes.INFO,
+    fillColor: ui_Icon.IconColors.PRIMARY,
+    width: "24px",
+    height: "24px"
+  }))));
+};
+
+module.exports = ChannelHeader;
+//# sourceMappingURL=ChannelHeader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChannelHeader.js","sources":["../../../../src/smart-components/Channel/components/ChannelHeader/index.tsx"],"sourcesContent":["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                fillColor={IconColors.ON_BACKGROUND_2}\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":["ChannelHeader","globalStore","useSendbirdStateContext","userId","_a","config","theme","_b","channelStore","useChannelContext","isMobile","useMediaQueryContext","currentGroupChannel","showSearchIcon","onSearchClick","onChatHeaderActionClick","_d","onBackClick","noop","subTitle","members","_c","length","isMuted","myMutedState","stringSet","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","ON_BACKGROUND_2","IconButton","SEARCH","INFO"],"mappings":"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"}

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

@@ -0,0 +1,240 @@
+'use strict';
+
+var React = require('react');
+var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
+var Channel_context = require('../../ChannelProvider-367995a6.js');
+var ui_PlaceHolder = require('../../index-2d7e8e6d.js');
+var ui_ConnectionStatus = require('../../ui/ConnectionStatus.js');
+var Channel_components_ChannelHeader = require('./ChannelHeader.js');
+var Channel_components_MessageList = require('./MessageList.js');
+var Channel_components_TypingIndicator = require('./TypingIndicator.js');
+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-e7c78521.js');
+require('../../UserProfileContext-0549101e.js');
+require('prop-types');
+require('../../index-f1bd9638.js');
+require('../../index-1ec959ab.js');
+require('../../topics-839402ce.js');
+require('../../index-6714492f.js');
+require('../../tslib.es6-e8acf1b5.js');
+require('../../utils/message/getOutgoingMessageState.js');
+require('../../compareIds-19a11ffa.js');
+require('../../const-3c5d5059.js');
+require('@sendbird/chat/groupChannel');
+require('../../uuid-a94df44e.js');
+require('@sendbird/chat/message');
+require('../../ui/ContextMenu.js');
+require('react-dom');
+require('../../ui/SortByRow.js');
+require('../../index-578f0575.js');
+require('../../stringSet-388f679a.js');
+require('../../ui/ReactionButton.js');
+require('../../ui/ImageRenderer.js');
+require('../../ui/Icon.js');
+require('../../consts-9d221c68.js');
+require('../../LocalizationContext-2fb0be1f.js');
+require('../../ui/Loader.js');
+require('../../utils-56a22c82.js');
+require('../../ui/IconButton.js');
+require('../../ui/ChannelAvatar.js');
+require('../../ui/Avatar.js');
+require('../../utils-763f5a7f.js');
+require('../../MediaQueryContext-db5159f3.js');
+require('../../utils-c61c3737.js');
+require('../../index-4e46a153.js');
+require('./Message.js');
+require('./SuggestedMentionList.js');
+require('../../const-86e2750e.js');
+require('../../ThreadProvider-6300587c.js');
+require('../../Thread/context/types.js');
+require('@sendbird/chat');
+require('../../ui/DateSeparator.js');
+require('../../color-84bbbc0b.js');
+require('../../ui/MessageInput.js');
+require('react-dom/server');
+require('../../ui/Button.js');
+require('../../ui/MentionUserLabel.js');
+require('../../ui/MessageContent.js');
+require('../../ui/UserProfile.js');
+require('../../sendbirdSelectors.js');
+require('../../index-43d893cf.js');
+require('../../index-aada6371.js');
+require('../../ui/MessageItemMenu.js');
+require('../../types-6ffa6822.js');
+require('../../ui/MessageItemReactionMenu.js');
+require('../../ui/EmojiReactions.js');
+require('../../ui/Tooltip.js');
+require('../../ui/TooltipWrapper.js');
+require('../../ui/ReactionBadge.js');
+require('../../ui/AdminMessage.js');
+require('../../ui/TextMessageItemBody.js');
+require('../../ui/Word.js');
+require('../../ui/LinkLabel.js');
+require('../../ui/MentionLabel.js');
+require('../../ui/FileMessageItemBody.js');
+require('../../ui/TextButton.js');
+require('../../ui/ThumbnailMessageItemBody.js');
+require('../../ui/OGMessageItemBody.js');
+require('../../ui/UnknownMessageItemBody.js');
+require('../../ui/QuoteMessage.js');
+require('../../useLongPress-b75b3860.js');
+require('../../ui/BottomSheet.js');
+require('../../index-490839e3.js');
+require('../../ui/ThreadReplies.js');
+require('../../ui/VoiceMessageItemBody.js');
+require('../../ui/ProgressBar.js');
+require('../../VoicePlayer/useVoicePlayer.js');
+require('../../index-e1d58610.js');
+require('../../VoiceRecorder/context.js');
+require('../../lame.all.js');
+require('../../ui/PlaybackTime.js');
+require('./FileViewer.js');
+require('./RemoveMessageModal.js');
+require('../../ui/Modal.js');
+require('../../ui/QuoteMessageInput.js');
+require('../../VoiceMessageInputWrapper-8eb47421.js');
+require('../../VoiceRecorder/useVoiceRecorder.js');
+require('../../index-8b769862.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var ChannelUI = function (_a) {
+  var _b, _c, _d, _e;
+
+  var isLoading = _a.isLoading,
+      renderPlaceholderLoader = _a.renderPlaceholderLoader,
+      renderPlaceholderInvalid = _a.renderPlaceholderInvalid,
+      renderPlaceholderEmpty = _a.renderPlaceholderEmpty,
+      renderChannelHeader = _a.renderChannelHeader,
+      renderMessage = _a.renderMessage,
+      renderMessageInput = _a.renderMessageInput,
+      renderTypingIndicator = _a.renderTypingIndicator,
+      renderCustomSeparator = _a.renderCustomSeparator,
+      renderFileUploadIcon = _a.renderFileUploadIcon,
+      renderVoiceMessageIcon = _a.renderVoiceMessageIcon,
+      renderSendMessageIcon = _a.renderSendMessageIcon;
+
+  var _f = Channel_context.useChannelContext(),
+      currentGroupChannel = _f.currentGroupChannel,
+      channelUrl = _f.channelUrl,
+      isInvalid = _f.isInvalid,
+      unreadSince = _f.unreadSince,
+      loading = _f.loading,
+      setInitialTimeStamp = _f.setInitialTimeStamp,
+      setAnimatedMessageId = _f.setAnimatedMessageId,
+      setHighLightedMessageId = _f.setHighLightedMessageId,
+      scrollRef = _f.scrollRef,
+      messagesDispatcher = _f.messagesDispatcher,
+      disableMarkAsRead = _f.disableMarkAsRead;
+
+  var _g = React.useState(0),
+      unreadCount = _g[0],
+      setUnreadCount = _g[1];
+
+  React.useEffect(function () {
+    // 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;
+  var logger = (_d = globalStore === null || globalStore === void 0 ? void 0 : globalStore.config) === null || _d === void 0 ? void 0 : _d.logger;
+  var isOnline = (_e = globalStore === null || globalStore === void 0 ? void 0 : globalStore.config) === null || _e === void 0 ? void 0 : _e.isOnline;
+
+  if (isLoading) {
+    return /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "sendbird-conversation"
+    }, (renderPlaceholderLoader === null || renderPlaceholderLoader === void 0 ? void 0 : renderPlaceholderLoader()) || /*#__PURE__*/React__default["default"].createElement(ui_PlaceHolder.PlaceHolder, {
+      type: ui_PlaceHolder.PlaceHolderTypes.LOADING
+    }));
+  }
+
+  if (!channelUrl) {
+    return /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "sendbird-conversation"
+    }, (renderPlaceholderInvalid === null || renderPlaceholderInvalid === void 0 ? void 0 : renderPlaceholderInvalid()) || /*#__PURE__*/React__default["default"].createElement(ui_PlaceHolder.PlaceHolder, {
+      type: ui_PlaceHolder.PlaceHolderTypes.NO_CHANNELS
+    }));
+  }
+
+  if (isInvalid) {
+    return /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "sendbird-conversation"
+    }, (renderPlaceholderInvalid === null || renderPlaceholderInvalid === void 0 ? void 0 : renderPlaceholderInvalid()) || /*#__PURE__*/React__default["default"].createElement(ui_PlaceHolder.PlaceHolder, {
+      type: ui_PlaceHolder.PlaceHolderTypes.WRONG
+    }));
+  }
+
+  if (sdkError) {
+    return /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "sendbird-conversation"
+    }, (renderPlaceholderInvalid === null || renderPlaceholderInvalid === void 0 ? void 0 : renderPlaceholderInvalid()) || /*#__PURE__*/React__default["default"].createElement(ui_PlaceHolder.PlaceHolder, {
+      type: ui_PlaceHolder.PlaceHolderTypes.WRONG,
+      retryToConnect: function () {
+        logger.info('Channel: reconnecting'); // reconnect();
+      }
+    }));
+  }
+
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "sendbird-conversation"
+  }, (renderChannelHeader === null || renderChannelHeader === void 0 ? void 0 : renderChannelHeader()) || /*#__PURE__*/React__default["default"].createElement(Channel_components_ChannelHeader, null), (currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.isFrozen) && /*#__PURE__*/React__default["default"].createElement(Channel_components_FrozenNotification, null), unreadCount > 0 && /*#__PURE__*/React__default["default"].createElement(Channel_components_UnreadCount, {
+    count: unreadCount,
+    time: unreadSince,
+    onClick: function () {
+      var _a, _b, _c;
+
+      setUnreadCount(0);
+
+      if ((_a = scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current) === null || _a === void 0 ? void 0 : _a.scrollTop) {
+        scrollRef.current.scrollTop = ((_b = scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current) === null || _b === void 0 ? void 0 : _b.scrollHeight) - ((_c = scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current) === null || _c === void 0 ? void 0 : _c.offsetHeight);
+      }
+
+      if (!disableMarkAsRead) {
+        try {
+          currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.markAsRead();
+        } catch (_d) {//
+        }
+
+        messagesDispatcher({
+          type: Channel_context.MARK_AS_READ,
+          payload: {
+            channel: currentGroupChannel
+          }
+        });
+      }
+
+      setInitialTimeStamp(null);
+      setAnimatedMessageId(null);
+      setHighLightedMessageId(null);
+    }
+  }), loading ? /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "sendbird-conversation"
+  }, (renderPlaceholderLoader === null || renderPlaceholderLoader === void 0 ? void 0 : renderPlaceholderLoader()) || /*#__PURE__*/React__default["default"].createElement(ui_PlaceHolder.PlaceHolder, {
+    type: ui_PlaceHolder.PlaceHolderTypes.LOADING
+  })) : /*#__PURE__*/React__default["default"].createElement(Channel_components_MessageList, {
+    renderMessage: renderMessage,
+    renderPlaceholderEmpty: renderPlaceholderEmpty,
+    renderCustomSeparator: renderCustomSeparator
+  }), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "sendbird-conversation__footer"
+  }, (renderMessageInput === null || renderMessageInput === void 0 ? void 0 : renderMessageInput()) || /*#__PURE__*/React__default["default"].createElement(Channel_components_MessageInput, {
+    renderFileUploadIcon: renderFileUploadIcon,
+    renderVoiceMessageIcon: renderVoiceMessageIcon,
+    renderSendMessageIcon: renderSendMessageIcon
+  }), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "sendbird-conversation__footer__typing-indicator"
+  }, (renderTypingIndicator === null || renderTypingIndicator === void 0 ? void 0 : renderTypingIndicator()) || /*#__PURE__*/React__default["default"].createElement(Channel_components_TypingIndicator["default"], null), !isOnline && /*#__PURE__*/React__default["default"].createElement(ui_ConnectionStatus, null))));
+};
+
+module.exports = ChannelUI;
+//# sourceMappingURL=ChannelUI.js.map

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

@@ -0,0 +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  renderFileUploadIcon?: () =>  React.ReactElement;\n  renderVoiceMessageIcon?: () =>  React.ReactElement;\n  renderSendMessageIcon?: () =>  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  renderFileUploadIcon,\n  renderVoiceMessageIcon,\n  renderSendMessageIcon,\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\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              renderFileUploadIcon={renderFileUploadIcon}\n              renderVoiceMessageIcon={renderVoiceMessageIcon}\n              renderSendMessageIcon={renderSendMessageIcon}\n            />\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","renderFileUploadIcon","renderVoiceMessageIcon","renderSendMessageIcon","_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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"}