@sendbird/uikit-react 3.2.3 → 3.2.4-rc.0

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  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  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 (!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","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","NO_CHANNELS","WRONG","info","ChannelHeader","isFrozen","FrozenNotification","UnreadCount","current","scrollTop","scrollHeight","offsetHeight","markAsRead","type","messageActionTypes","payload","channel","LOADING","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    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        renderPlaceholderInvalid?.() || (\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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"}

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-2deaee74.js');
+var ui_Label = require('../../index-68c0a985.js');
 var ui_Icon = require('../../ui/Icon.js');
-var index$1 = require('../../index-faf7050e.js');
-var index = require('../../index-44c80e24.js');
+var index$1 = require('../../index-c59c005e.js');
+var index = require('../../index-3aa6cdcb.js');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-var Channel_context = require('../../ChannelProvider-abb3b1ea.js');
-require('../../tslib.es6-cbf53b9b.js');
+var Channel_context = require('../../ChannelProvider-dfaab83f.js');
+require('../../tslib.es6-9cc2c25f.js');
 require('../../ui/ImageRenderer.js');
-require('../../uuid-fd1ae281.js');
+require('../../uuid-09a36295.js');
 require('prop-types');
-require('../../stringSet-1cf0be09.js');
+require('../../stringSet-310a89c5.js');
 require('../../utils/message/getOutgoingMessageState.js');
 require('../../withSendbird.js');
-require('../../_rollupPluginBabelHelpers-6e797acf.js');
-require('../../UserProfileContext-f47b4181.js');
-require('../../index-ac797cec.js');
-require('../../index-afac22db.js');
-require('../../topics-75ad844e.js');
-require('../../compareIds-630195c8.js');
-require('../../const-f9f64469.js');
+require('../../_rollupPluginBabelHelpers-9ecfa1a6.js');
+require('../../UserProfileContext-d0d2dec6.js');
+require('../../index-1a1a453d.js');
+require('../../index-b7f6bdff.js');
+require('../../topics-2c7a2446.js');
+require('../../compareIds-b345156f.js');
+require('../../const-a1b2513f.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-af5d4a04.js');
-var ui_Label = require('../../index-2deaee74.js');
-require('../../stringSet-1cf0be09.js');
-require('../../index-afac22db.js');
+var LocalizationContext = require('../../LocalizationContext-c3f7c1f5.js');
+var ui_Label = require('../../index-68c0a985.js');
+require('../../stringSet-310a89c5.js');
+require('../../index-b7f6bdff.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-cbf53b9b.js');
+var tslib_es6 = require('../../tslib.es6-9cc2c25f.js');
 var React = require('react');
-var index$1 = require('../../index-ac797cec.js');
+var index$1 = require('../../index-1a1a453d.js');
 var Channel_components_SuggestedMentionList = require('./SuggestedMentionList.js');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-var Channel_context = require('../../ChannelProvider-abb3b1ea.js');
-var index = require('../../index-44c80e24.js');
-var _const = require('../../const-f9f64469.js');
+var Channel_context = require('../../ChannelProvider-dfaab83f.js');
+var index = require('../../index-3aa6cdcb.js');
+var _const = require('../../const-a1b2513f.js');
 var ui_DateSeparator = require('../../ui/DateSeparator.js');
-var ui_Label = require('../../index-2deaee74.js');
+var ui_Label = require('../../index-68c0a985.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-69e6f6f0.js');
-var LocalizationContext = require('../../LocalizationContext-af5d4a04.js');
-require('../../index-afac22db.js');
+var _const$1 = require('../../const-fc870194.js');
+var LocalizationContext = require('../../LocalizationContext-c3f7c1f5.js');
+require('../../index-b7f6bdff.js');
 require('../../ui/Icon.js');
 require('prop-types');
 require('../../ui/Avatar.js');
 require('../../ui/ImageRenderer.js');
-require('../../uuid-fd1ae281.js');
+require('../../uuid-09a36295.js');
 require('../../withSendbird.js');
-require('../../_rollupPluginBabelHelpers-6e797acf.js');
-require('../../UserProfileContext-f47b4181.js');
-require('../../topics-75ad844e.js');
+require('../../_rollupPluginBabelHelpers-9ecfa1a6.js');
+require('../../UserProfileContext-d0d2dec6.js');
+require('../../topics-2c7a2446.js');
 require('../../utils/message/getOutgoingMessageState.js');
-require('../../compareIds-630195c8.js');
+require('../../compareIds-b345156f.js');
 require('@sendbird/chat/groupChannel');
 require('@sendbird/chat/message');
 require('../../ui/ContextMenu.js');
 require('react-dom');
 require('../../ui/SortByRow.js');
-require('../../stringSet-1cf0be09.js');
+require('../../stringSet-310a89c5.js');
 require('../../ui/ReactionButton.js');
-require('../../color-4125a5d0.js');
+require('../../color-d2f34e1f.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-e445a3a5.js');
+require('../../utils-ae9878f0.js');
 require('../../ui/MessageStatus.js');
 require('../../ui/Loader.js');
 require('../../ui/MessageItemMenu.js');
@@ -62,7 +62,7 @@ require('../../ui/ThumbnailMessageItemBody.js');
 require('../../ui/OGMessageItemBody.js');
 require('../../ui/UnknownMessageItemBody.js');
 require('../../ui/QuoteMessage.js');
-require('../../index-faf7050e.js');
+require('../../index-c59c005e.js');
 require('../../ui/Modal.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/cjs/Channel/components/MessageInput.js

@@ -1,32 +1,32 @@
 'use strict';
 
-var tslib_es6 = require('../../tslib.es6-cbf53b9b.js');
+var tslib_es6 = require('../../tslib.es6-9cc2c25f.js');
 var React = require('react');
-var Channel_context = require('../../ChannelProvider-abb3b1ea.js');
+var Channel_context = require('../../ChannelProvider-dfaab83f.js');
 var ui_MessageInput = require('../../ui/MessageInput.js');
 var ui_QuoteMessageInput = require('../../ui/QuoteMessageInput.js');
-var LocalizationContext = require('../../LocalizationContext-af5d4a04.js');
+var LocalizationContext = require('../../LocalizationContext-c3f7c1f5.js');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
 var Channel_components_SuggestedMentionList = require('./SuggestedMentionList.js');
-var _const = require('../../const-69e6f6f0.js');
-require('../../UserProfileContext-f47b4181.js');
+var _const = require('../../const-fc870194.js');
+require('../../UserProfileContext-d0d2dec6.js');
 require('prop-types');
-require('../../index-ac797cec.js');
-require('../../index-afac22db.js');
-require('../../topics-75ad844e.js');
-require('../../index-44c80e24.js');
+require('../../index-1a1a453d.js');
+require('../../index-b7f6bdff.js');
+require('../../topics-2c7a2446.js');
+require('../../index-3aa6cdcb.js');
 require('../../utils/message/getOutgoingMessageState.js');
-require('../../_rollupPluginBabelHelpers-6e797acf.js');
-require('../../compareIds-630195c8.js');
-require('../../const-f9f64469.js');
+require('../../_rollupPluginBabelHelpers-9ecfa1a6.js');
+require('../../compareIds-b345156f.js');
+require('../../const-a1b2513f.js');
 require('@sendbird/chat/groupChannel');
-require('../../uuid-fd1ae281.js');
+require('../../uuid-09a36295.js');
 require('@sendbird/chat/message');
 require('../../ui/ContextMenu.js');
 require('react-dom');
 require('../../ui/SortByRow.js');
-require('../../index-2deaee74.js');
-require('../../stringSet-1cf0be09.js');
+require('../../index-68c0a985.js');
+require('../../stringSet-310a89c5.js');
 require('../../ui/ReactionButton.js');
 require('../../ui/ImageRenderer.js');
 require('../../ui/Icon.js');

package/cjs/Channel/components/MessageList.js

@@ -1,41 +1,41 @@
 'use strict';
 
 var React = require('react');
-var index = require('../../index-9343c720.js');
-var Channel_context = require('../../ChannelProvider-abb3b1ea.js');
-var ui_PlaceHolder = require('../../index-2ea00738.js');
+var index = require('../../index-08b90543.js');
+var Channel_context = require('../../ChannelProvider-dfaab83f.js');
+var ui_PlaceHolder = require('../../index-027eb960.js');
 var ui_Icon = require('../../ui/Icon.js');
 var Channel_components_Message = require('./Message.js');
-var uuid = require('../../uuid-fd1ae281.js');
-require('../../index-ac797cec.js');
-require('../../index-afac22db.js');
-require('../../UserProfileContext-f47b4181.js');
+var uuid = require('../../uuid-09a36295.js');
+require('../../index-1a1a453d.js');
+require('../../index-b7f6bdff.js');
+require('../../UserProfileContext-d0d2dec6.js');
 require('prop-types');
 require('../../useSendbirdStateContext.js');
 require('../../withSendbird.js');
-require('../../_rollupPluginBabelHelpers-6e797acf.js');
-require('../../topics-75ad844e.js');
-require('../../index-44c80e24.js');
-require('../../tslib.es6-cbf53b9b.js');
+require('../../_rollupPluginBabelHelpers-9ecfa1a6.js');
+require('../../topics-2c7a2446.js');
+require('../../index-3aa6cdcb.js');
+require('../../tslib.es6-9cc2c25f.js');
 require('../../utils/message/getOutgoingMessageState.js');
-require('../../compareIds-630195c8.js');
-require('../../const-f9f64469.js');
+require('../../compareIds-b345156f.js');
+require('../../const-a1b2513f.js');
 require('@sendbird/chat/groupChannel');
 require('@sendbird/chat/message');
 require('../../ui/ContextMenu.js');
 require('react-dom');
 require('../../ui/SortByRow.js');
-require('../../index-2deaee74.js');
-require('../../stringSet-1cf0be09.js');
+require('../../index-68c0a985.js');
+require('../../stringSet-310a89c5.js');
 require('../../ui/ReactionButton.js');
 require('../../ui/ImageRenderer.js');
-require('../../LocalizationContext-af5d4a04.js');
+require('../../LocalizationContext-c3f7c1f5.js');
 require('../../ui/Loader.js');
 require('./SuggestedMentionList.js');
 require('../../ui/Avatar.js');
-require('../../const-69e6f6f0.js');
+require('../../const-fc870194.js');
 require('../../ui/DateSeparator.js');
-require('../../color-4125a5d0.js');
+require('../../color-d2f34e1f.js');
 require('../../ui/MessageInput.js');
 require('react-dom/server');
 require('../../ui/IconButton.js');
@@ -44,7 +44,7 @@ require('../../ui/MentionUserLabel.js');
 require('../../ui/MessageContent.js');
 require('../../ui/UserProfile.js');
 require('../../sendbirdSelectors.js');
-require('../../utils-e445a3a5.js');
+require('../../utils-ae9878f0.js');
 require('../../ui/MessageStatus.js');
 require('../../ui/MessageItemMenu.js');
 require('../../ui/MessageItemReactionMenu.js');
@@ -64,7 +64,7 @@ require('../../ui/OGMessageItemBody.js');
 require('../../ui/UnknownMessageItemBody.js');
 require('../../ui/QuoteMessage.js');
 require('./FileViewer.js');
-require('../../index-faf7050e.js');
+require('../../index-c59c005e.js');
 require('./RemoveMessageModal.js');
 require('../../ui/Modal.js');
 

package/cjs/Channel/components/RemoveMessageModal.js

@@ -3,29 +3,29 @@
 var React = require('react');
 var ui_Modal = require('../../ui/Modal.js');
 var ui_Button = require('../../ui/Button.js');
-var LocalizationContext = require('../../LocalizationContext-af5d4a04.js');
-var Channel_context = require('../../ChannelProvider-abb3b1ea.js');
+var LocalizationContext = require('../../LocalizationContext-c3f7c1f5.js');
+var Channel_context = require('../../ChannelProvider-dfaab83f.js');
 require('react-dom');
-require('../../index-faf7050e.js');
+require('../../index-c59c005e.js');
 require('../../ui/Icon.js');
 require('prop-types');
 require('../../ui/IconButton.js');
-require('../../tslib.es6-cbf53b9b.js');
-require('../../index-2deaee74.js');
-require('../../stringSet-1cf0be09.js');
-require('../../index-afac22db.js');
-require('../../UserProfileContext-f47b4181.js');
+require('../../tslib.es6-9cc2c25f.js');
+require('../../index-68c0a985.js');
+require('../../stringSet-310a89c5.js');
+require('../../index-b7f6bdff.js');
+require('../../UserProfileContext-d0d2dec6.js');
 require('../../useSendbirdStateContext.js');
 require('../../withSendbird.js');
-require('../../_rollupPluginBabelHelpers-6e797acf.js');
-require('../../index-ac797cec.js');
-require('../../topics-75ad844e.js');
-require('../../index-44c80e24.js');
+require('../../_rollupPluginBabelHelpers-9ecfa1a6.js');
+require('../../index-1a1a453d.js');
+require('../../topics-2c7a2446.js');
+require('../../index-3aa6cdcb.js');
 require('../../utils/message/getOutgoingMessageState.js');
-require('../../compareIds-630195c8.js');
-require('../../const-f9f64469.js');
+require('../../compareIds-b345156f.js');
+require('../../const-a1b2513f.js');
 require('@sendbird/chat/groupChannel');
-require('../../uuid-fd1ae281.js');
+require('../../uuid-09a36295.js');
 require('@sendbird/chat/message');
 require('../../ui/ContextMenu.js');
 require('../../ui/SortByRow.js');

package/cjs/Channel/components/SuggestedMentionList.js

@@ -1,27 +1,27 @@
 'use strict';
 
 var React = require('react');
-var ui_Label = require('../../index-2deaee74.js');
+var ui_Label = require('../../index-68c0a985.js');
 var ui_Icon = require('../../ui/Icon.js');
 var ui_Avatar = require('../../ui/Avatar.js');
-var LocalizationContext = require('../../LocalizationContext-af5d4a04.js');
-var uuid = require('../../uuid-fd1ae281.js');
-var Channel_context = require('../../ChannelProvider-abb3b1ea.js');
+var LocalizationContext = require('../../LocalizationContext-c3f7c1f5.js');
+var uuid = require('../../uuid-09a36295.js');
+var Channel_context = require('../../ChannelProvider-dfaab83f.js');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-var _const$1 = require('../../const-f9f64469.js');
-var _const = require('../../const-69e6f6f0.js');
+var _const$1 = require('../../const-a1b2513f.js');
+var _const = require('../../const-fc870194.js');
 require('prop-types');
-require('../../stringSet-1cf0be09.js');
-require('../../tslib.es6-cbf53b9b.js');
+require('../../stringSet-310a89c5.js');
+require('../../tslib.es6-9cc2c25f.js');
 require('../../ui/ImageRenderer.js');
-require('../../index-afac22db.js');
-require('../../UserProfileContext-f47b4181.js');
-require('../../index-ac797cec.js');
-require('../../topics-75ad844e.js');
-require('../../index-44c80e24.js');
+require('../../index-b7f6bdff.js');
+require('../../UserProfileContext-d0d2dec6.js');
+require('../../index-1a1a453d.js');
+require('../../topics-2c7a2446.js');
+require('../../index-3aa6cdcb.js');
 require('../../utils/message/getOutgoingMessageState.js');
-require('../../_rollupPluginBabelHelpers-6e797acf.js');
-require('../../compareIds-630195c8.js');
+require('../../_rollupPluginBabelHelpers-9ecfa1a6.js');
+require('../../compareIds-b345156f.js');
 require('@sendbird/chat/groupChannel');
 require('@sendbird/chat/message');
 require('../../ui/ContextMenu.js');

package/cjs/Channel/components/TypingIndicator.js

@@ -4,23 +4,23 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var groupChannel = require('@sendbird/chat/groupChannel');
-var LocalizationContext = require('../../LocalizationContext-af5d4a04.js');
-var uuid = require('../../uuid-fd1ae281.js');
-var ui_Label = require('../../index-2deaee74.js');
-var Channel_context = require('../../ChannelProvider-abb3b1ea.js');
+var LocalizationContext = require('../../LocalizationContext-c3f7c1f5.js');
+var uuid = require('../../uuid-09a36295.js');
+var ui_Label = require('../../index-68c0a985.js');
+var Channel_context = require('../../ChannelProvider-dfaab83f.js');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-require('../../stringSet-1cf0be09.js');
-require('../../index-afac22db.js');
+require('../../stringSet-310a89c5.js');
+require('../../index-b7f6bdff.js');
 require('prop-types');
-require('../../UserProfileContext-f47b4181.js');
-require('../../index-ac797cec.js');
-require('../../topics-75ad844e.js');
-require('../../index-44c80e24.js');
-require('../../tslib.es6-cbf53b9b.js');
+require('../../UserProfileContext-d0d2dec6.js');
+require('../../index-1a1a453d.js');
+require('../../topics-2c7a2446.js');
+require('../../index-3aa6cdcb.js');
+require('../../tslib.es6-9cc2c25f.js');
 require('../../utils/message/getOutgoingMessageState.js');
-require('../../_rollupPluginBabelHelpers-6e797acf.js');
-require('../../compareIds-630195c8.js');
-require('../../const-f9f64469.js');
+require('../../_rollupPluginBabelHelpers-9ecfa1a6.js');
+require('../../compareIds-b345156f.js');
+require('../../const-a1b2513f.js');
 require('@sendbird/chat/message');
 require('../../ui/ContextMenu.js');
 require('react-dom');

package/cjs/Channel/components/UnreadCount.js

@@ -1,11 +1,11 @@
 'use strict';
 
 var React = require('react');
-var LocalizationContext = require('../../LocalizationContext-af5d4a04.js');
-var ui_Label = require('../../index-2deaee74.js');
+var LocalizationContext = require('../../LocalizationContext-c3f7c1f5.js');
+var ui_Label = require('../../index-68c0a985.js');
 var ui_Icon = require('../../ui/Icon.js');
-require('../../stringSet-1cf0be09.js');
-require('../../index-afac22db.js');
+require('../../stringSet-310a89c5.js');
+require('../../index-b7f6bdff.js');
 require('prop-types');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/cjs/Channel/context.js

@@ -3,28 +3,28 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 require('react');
-require('../UserProfileContext-f47b4181.js');
+require('../UserProfileContext-d0d2dec6.js');
 require('../useSendbirdStateContext.js');
-var Channel_context = require('../ChannelProvider-abb3b1ea.js');
+var Channel_context = require('../ChannelProvider-dfaab83f.js');
 require('prop-types');
 require('../withSendbird.js');
-require('../_rollupPluginBabelHelpers-6e797acf.js');
-require('../index-ac797cec.js');
-require('../index-afac22db.js');
-require('../topics-75ad844e.js');
-require('../index-44c80e24.js');
-require('../tslib.es6-cbf53b9b.js');
+require('../_rollupPluginBabelHelpers-9ecfa1a6.js');
+require('../index-1a1a453d.js');
+require('../index-b7f6bdff.js');
+require('../topics-2c7a2446.js');
+require('../index-3aa6cdcb.js');
+require('../tslib.es6-9cc2c25f.js');
 require('../utils/message/getOutgoingMessageState.js');
-require('../compareIds-630195c8.js');
-require('../const-f9f64469.js');
+require('../compareIds-b345156f.js');
+require('../const-a1b2513f.js');
 require('@sendbird/chat/groupChannel');
-require('../uuid-fd1ae281.js');
+require('../uuid-09a36295.js');
 require('@sendbird/chat/message');
 require('../ui/ContextMenu.js');
 require('react-dom');
 require('../ui/SortByRow.js');
-require('../index-2deaee74.js');
-require('../stringSet-1cf0be09.js');
+require('../index-68c0a985.js');
+require('../stringSet-310a89c5.js');
 require('../ui/ReactionButton.js');
 require('../ui/ImageRenderer.js');
 require('../ui/Icon.js');

package/cjs/Channel.js

@@ -1,48 +1,48 @@
 'use strict';
 
 var React = require('react');
-var Channel_context = require('./ChannelProvider-abb3b1ea.js');
+var Channel_context = require('./ChannelProvider-dfaab83f.js');
 var Channel_components_ChannelUI = require('./Channel/components/ChannelUI.js');
-require('./UserProfileContext-f47b4181.js');
+require('./UserProfileContext-d0d2dec6.js');
 require('prop-types');
 require('./useSendbirdStateContext.js');
 require('./withSendbird.js');
-require('./_rollupPluginBabelHelpers-6e797acf.js');
-require('./index-ac797cec.js');
-require('./index-afac22db.js');
-require('./topics-75ad844e.js');
-require('./index-44c80e24.js');
-require('./tslib.es6-cbf53b9b.js');
+require('./_rollupPluginBabelHelpers-9ecfa1a6.js');
+require('./index-1a1a453d.js');
+require('./index-b7f6bdff.js');
+require('./topics-2c7a2446.js');
+require('./index-3aa6cdcb.js');
+require('./tslib.es6-9cc2c25f.js');
 require('./utils/message/getOutgoingMessageState.js');
-require('./compareIds-630195c8.js');
-require('./const-f9f64469.js');
+require('./compareIds-b345156f.js');
+require('./const-a1b2513f.js');
 require('@sendbird/chat/groupChannel');
-require('./uuid-fd1ae281.js');
+require('./uuid-09a36295.js');
 require('@sendbird/chat/message');
 require('./ui/ContextMenu.js');
 require('react-dom');
 require('./ui/SortByRow.js');
-require('./index-2deaee74.js');
-require('./stringSet-1cf0be09.js');
+require('./index-68c0a985.js');
+require('./stringSet-310a89c5.js');
 require('./ui/ReactionButton.js');
 require('./ui/ImageRenderer.js');
 require('./ui/Icon.js');
-require('./index-2ea00738.js');
-require('./LocalizationContext-af5d4a04.js');
+require('./index-027eb960.js');
+require('./LocalizationContext-c3f7c1f5.js');
 require('./ui/Loader.js');
 require('./ui/ConnectionStatus.js');
 require('./Channel/components/ChannelHeader.js');
 require('./ui/IconButton.js');
 require('./ui/ChannelAvatar.js');
 require('./ui/Avatar.js');
-require('./utils-ef4ada41.js');
+require('./utils-b84751c0.js');
 require('./Channel/components/MessageList.js');
-require('./index-9343c720.js');
+require('./index-08b90543.js');
 require('./Channel/components/Message.js');
 require('./Channel/components/SuggestedMentionList.js');
-require('./const-69e6f6f0.js');
+require('./const-fc870194.js');
 require('./ui/DateSeparator.js');
-require('./color-4125a5d0.js');
+require('./color-d2f34e1f.js');
 require('./ui/MessageInput.js');
 require('react-dom/server');
 require('./ui/Button.js');
@@ -50,7 +50,7 @@ require('./ui/MentionUserLabel.js');
 require('./ui/MessageContent.js');
 require('./ui/UserProfile.js');
 require('./sendbirdSelectors.js');
-require('./utils-e445a3a5.js');
+require('./utils-ae9878f0.js');
 require('./ui/MessageStatus.js');
 require('./ui/MessageItemMenu.js');
 require('./ui/MessageItemReactionMenu.js');
@@ -70,7 +70,7 @@ require('./ui/OGMessageItemBody.js');
 require('./ui/UnknownMessageItemBody.js');
 require('./ui/QuoteMessage.js');
 require('./Channel/components/FileViewer.js');
-require('./index-faf7050e.js');
+require('./index-c59c005e.js');
 require('./Channel/components/RemoveMessageModal.js');
 require('./ui/Modal.js');
 require('./Channel/components/TypingIndicator.js');
@@ -102,6 +102,7 @@ var Channel = function (props) {
     disableUserProfile: props === null || props === void 0 ? void 0 : props.disableUserProfile,
     disableMarkAsRead: props === null || props === void 0 ? void 0 : props.disableMarkAsRead
   }, /*#__PURE__*/React__default["default"].createElement(Channel_components_ChannelUI, {
+    isLoading: props === null || props === void 0 ? void 0 : props.isLoading,
     renderPlaceholderLoader: props === null || props === void 0 ? void 0 : props.renderPlaceholderLoader,
     renderPlaceholderInvalid: props === null || props === void 0 ? void 0 : props.renderPlaceholderInvalid,
     renderPlaceholderEmpty: props === null || props === void 0 ? void 0 : props.renderPlaceholderEmpty,