@sendbird/uikit-react 3.0.1 → 3.0.2-beta.0

package/App.js

@@ -1,4 +1,4 @@
-import { a as _slicedToArray } from './_rollupPluginBabelHelpers-2a8797d8.js';
+import { a as _slicedToArray } from './_rollupPluginBabelHelpers-9a08c8bf.js';
 import React__default, { useState } from 'react';
 import PropTypes from 'prop-types';
 import Sendbird from './SendbirdProvider.js';
@@ -7,25 +7,25 @@ import Channel from './Channel.js';
 import ChannelSettings from './ChannelSettings.js';
 import MessageSearchPannel from './MessageSearch.js';
 import './withSendbird.js';
-import './openChannel-a5d4b5d4.js';
-import './__bundle-7dfccc8c-62bd23b5.js';
-import './groupChannel-9bc7ca19.js';
-import './actionTypes-a992088f.js';
-import './index-a355e1d8.js';
-import './tslib.es6-28c0bd97.js';
+import './openChannel-b0ad7380.js';
+import './__bundle-7dfccc8c-ff995ba0.js';
+import './groupChannel-10e918af.js';
+import './actionTypes-eea40cdf.js';
+import './index-afd61eff.js';
+import './tslib.es6-91aa0158.js';
 import 'css-vars-ponyfill';
-import './uuid-38ace415.js';
-import './LocalizationContext-7f115178.js';
-import './stringSet-a6858154.js';
-import './index-9570e69e.js';
-import './ChannelListProvider-471abb8f.js';
-import './topics-58103dff.js';
-import './utils-5477ddbc.js';
-import './UserProfileContext-eccdbd50.js';
+import './uuid-902e6498.js';
+import './LocalizationContext-08cebf79.js';
+import './stringSet-efeb1ad3.js';
+import './index-623fd405.js';
+import './ChannelListProvider-945445c9.js';
+import './topics-7181983e.js';
+import './utils-0db9b91e.js';
+import './UserProfileContext-97bec8f7.js';
 import './useSendbirdStateContext.js';
 import './ChannelList/components/ChannelListUI.js';
 import './ChannelList/components/ChannelListHeader.js';
-import './index-eeac3879.js';
+import './index-0d4dcc94.js';
 import './ui/IconButton.js';
 import './ui/Avatar.js';
 import './ui/ImageRenderer.js';
@@ -33,13 +33,13 @@ import './ui/Icon.js';
 import './ChannelList/components/AddChannel.js';
 import './CreateChannel.js';
 import './CreateChannel/components/CreateChannelUI.js';
-import './CreateChannelProvider-efa959ed.js';
+import './CreateChannelProvider-53259d87.js';
 import './sendbirdSelectors.js';
 import './CreateChannel/components/InviteUsers.js';
 import './ui/Modal.js';
 import 'react-dom';
-import './index-201c73a9.js';
-import './index-33a103e9.js';
+import './index-8528dcd1.js';
+import './index-cdd2789a.js';
 import './ui/UserListItem.js';
 import './ui/MutedAvatarOverlay.js';
 import './ui/Checkbox.js';
@@ -49,33 +49,33 @@ import './ui/SortByRow.js';
 import './CreateChannel/components/SelectChannelType.js';
 import './ChannelList/components/ChannelPreview.js';
 import './ui/ChannelAvatar.js';
-import './utils-5fe76946.js';
+import './utils-7b9c4aab.js';
 import './ui/Badge.js';
-import './index-64b4e22e.js';
-import './index-4e2ac873.js';
-import './index-e15303b6.js';
+import './index-cc9419b6.js';
+import './index-13e3837f.js';
+import './index-f222d022.js';
 import './ui/MentionUserLabel.js';
 import './Channel/components/TypingIndicator.js';
-import './ChannelProvider-01a680e0.js';
-import './compareIds-ccf594a3.js';
-import './const-4674ec61.js';
+import './ChannelProvider-21d4378a.js';
+import './compareIds-3f1a5a5a.js';
+import './const-a6734af7.js';
 import './ui/ReactionButton.js';
 import './ui/MessageStatus.js';
 import './ui/Loader.js';
 import './ChannelList/components/ChannelPreviewAction.js';
 import './EditUserProfile.js';
-import './index-b188a276.js';
+import './index-73193bfa.js';
 import './ui/Input.js';
 import './ui/TextButton.js';
-import './color-1727a3fb.js';
-import './index-04458193.js';
+import './color-aef1bef8.js';
+import './index-41a3e405.js';
 import './Channel/components/ChannelUI.js';
 import './ui/ConnectionStatus.js';
 import './Channel/components/ChannelHeader.js';
 import './Channel/components/MessageList.js';
 import './Channel/components/Message.js';
 import './Channel/components/SuggestedMentionList.js';
-import './const-d3d5e7fc.js';
+import './const-b1f038b0.js';
 import './ui/DateSeparator.js';
 import './ui/MessageInput.js';
 import './ui/MessageContent.js';
@@ -108,9 +108,9 @@ import './ChannelSettings/components/EditDetailsModal.js';
 import './ChannelSettings/components/ModerationPanel.js';
 import './ui/Accordion.js';
 import './ui/AccordionGroup.js';
-import './context-5db053f0.js';
+import './context-d04e2502.js';
 import './ChannelSettings/components/UserListItem.js';
-import './MemberList-9863866e.js';
+import './MemberList-29cf5f98.js';
 import './ChannelSettings/components/LeaveChannel.js';
 import './ChannelSettings/components/UserPanel.js';
 import './MessageSearch/components/MessageSearchUI.js';

package/CHANGELOG.md

@@ -1,4 +1,20 @@
 # Changelog - v3
+
+## [v3.0.2-beta.0] (July 31 2022)
+
+Fixes:
+* Explicitly export library as esm-module
+  ESM library should have "type": "module" (package.json file that is going to /dist)
+  This fixes Cannot use import outside module issue in next.js
+* Add optional chaining for createApplicationUserList
+* Cannot connect sometimes when customApiHost is empty
+  Connection couldnt be established with no error message when customApiHost and customWebSocketHost
+  were passed as empty string
+* Handle all chances of command not received error
+  Handle chances of command not recieved error in markAsRead
+  Experimental markasread handling -> longer times, no more call after unmount
+* Move typing handler in channellist into local variable
+
 ## [v3.0.1] (July 28 2022)
 
 Features:

package/Channel/components/ChannelHeader.js

@@ -1,29 +1,29 @@
 import React__default, { useContext } from 'react';
-import { c as LabelStringSet, L as Label, a as LabelTypography, b as LabelColors } from '../../index-eeac3879.js';
+import { c as LabelStringSet, L as Label, a as LabelTypography, b as LabelColors } from '../../index-0d4dcc94.js';
 import Icon, { IconTypes, IconColors } from '../../ui/Icon.js';
 import IconButton from '../../ui/IconButton.js';
 import ChannelAvatar from '../../ui/ChannelAvatar.js';
-import { a as LocalizationContext } from '../../LocalizationContext-7f115178.js';
+import { a as LocalizationContext } from '../../LocalizationContext-08cebf79.js';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
-import { u as useChannelContext } from '../../ChannelProvider-01a680e0.js';
-import '../../_rollupPluginBabelHelpers-2a8797d8.js';
+import { u as useChannelContext } from '../../ChannelProvider-21d4378a.js';
+import '../../_rollupPluginBabelHelpers-9a08c8bf.js';
 import 'prop-types';
-import '../../stringSet-a6858154.js';
+import '../../stringSet-efeb1ad3.js';
 import '../../ui/Avatar.js';
-import '../../tslib.es6-28c0bd97.js';
+import '../../tslib.es6-91aa0158.js';
 import '../../ui/ImageRenderer.js';
-import '../../uuid-38ace415.js';
-import '../../utils-5fe76946.js';
-import '../../index-9570e69e.js';
+import '../../uuid-902e6498.js';
+import '../../utils-7b9c4aab.js';
+import '../../index-623fd405.js';
 import '../../withSendbird.js';
-import '../../UserProfileContext-eccdbd50.js';
-import '../../index-e15303b6.js';
-import '../../topics-58103dff.js';
-import '../../index-a355e1d8.js';
-import '../../compareIds-ccf594a3.js';
-import '../../const-4674ec61.js';
-import '../../groupChannel-9bc7ca19.js';
-import '../../__bundle-7dfccc8c-62bd23b5.js';
+import '../../UserProfileContext-97bec8f7.js';
+import '../../index-f222d022.js';
+import '../../topics-7181983e.js';
+import '../../index-afd61eff.js';
+import '../../compareIds-3f1a5a5a.js';
+import '../../const-a6734af7.js';
+import '../../groupChannel-10e918af.js';
+import '../../__bundle-7dfccc8c-ff995ba0.js';
 import '../../ui/ContextMenu.js';
 import 'react-dom';
 import '../../ui/SortByRow.js';

package/Channel/components/ChannelUI.js

@@ -1,7 +1,7 @@
 import React__default, { useState, useEffect } from 'react';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
-import { u as useChannelContext, M as MARK_AS_READ } from '../../ChannelProvider-01a680e0.js';
-import { P as PlaceHolder, a as PlaceHolderTypes } from '../../index-04458193.js';
+import { u as useChannelContext, M as MARK_AS_READ } from '../../ChannelProvider-21d4378a.js';
+import { P as PlaceHolder, a as PlaceHolderTypes } from '../../index-41a3e405.js';
 import ConnectionStatus from '../../ui/ConnectionStatus.js';
 import ChatHeader from './ChannelHeader.js';
 import MessageList from './MessageList.js';
@@ -10,46 +10,46 @@ import FrozenNotification from './FrozenNotification.js';
 import UnreadCount from './UnreadCount.js';
 import MessageInputWrapper from './MessageInput.js';
 import '../../withSendbird.js';
-import '../../_rollupPluginBabelHelpers-2a8797d8.js';
-import '../../UserProfileContext-eccdbd50.js';
+import '../../_rollupPluginBabelHelpers-9a08c8bf.js';
+import '../../UserProfileContext-97bec8f7.js';
 import 'prop-types';
-import '../../index-e15303b6.js';
-import '../../index-9570e69e.js';
-import '../../topics-58103dff.js';
-import '../../index-a355e1d8.js';
-import '../../tslib.es6-28c0bd97.js';
-import '../../compareIds-ccf594a3.js';
-import '../../const-4674ec61.js';
-import '../../groupChannel-9bc7ca19.js';
-import '../../__bundle-7dfccc8c-62bd23b5.js';
-import '../../uuid-38ace415.js';
+import '../../index-f222d022.js';
+import '../../index-623fd405.js';
+import '../../topics-7181983e.js';
+import '../../index-afd61eff.js';
+import '../../tslib.es6-91aa0158.js';
+import '../../compareIds-3f1a5a5a.js';
+import '../../const-a6734af7.js';
+import '../../groupChannel-10e918af.js';
+import '../../__bundle-7dfccc8c-ff995ba0.js';
+import '../../uuid-902e6498.js';
 import '../../ui/ContextMenu.js';
-import '../../index-eeac3879.js';
-import '../../stringSet-a6858154.js';
+import '../../index-0d4dcc94.js';
+import '../../stringSet-efeb1ad3.js';
 import 'react-dom';
 import '../../ui/SortByRow.js';
 import '../../ui/ReactionButton.js';
 import '../../ui/ImageRenderer.js';
 import '../../ui/Icon.js';
 import '../../ui/Loader.js';
-import '../../LocalizationContext-7f115178.js';
+import '../../LocalizationContext-08cebf79.js';
 import '../../ui/IconButton.js';
 import '../../ui/ChannelAvatar.js';
 import '../../ui/Avatar.js';
-import '../../utils-5fe76946.js';
-import '../../index-4e2ac873.js';
+import '../../utils-7b9c4aab.js';
+import '../../index-13e3837f.js';
 import './Message.js';
 import './SuggestedMentionList.js';
-import '../../const-d3d5e7fc.js';
+import '../../const-b1f038b0.js';
 import '../../ui/DateSeparator.js';
-import '../../color-1727a3fb.js';
+import '../../color-aef1bef8.js';
 import '../../ui/MessageInput.js';
-import '../../index-33a103e9.js';
+import '../../index-cdd2789a.js';
 import '../../ui/MentionUserLabel.js';
 import '../../ui/MessageContent.js';
 import '../../ui/UserProfile.js';
 import '../../sendbirdSelectors.js';
-import '../../utils-5477ddbc.js';
+import '../../utils-0db9b91e.js';
 import '../../ui/MessageStatus.js';
 import '../../ui/MessageItemMenu.js';
 import '../../ui/MessageItemReactionMenu.js';
@@ -69,7 +69,7 @@ import '../../ui/OGMessageItemBody.js';
 import '../../ui/UnknownMessageItemBody.js';
 import '../../ui/QuoteMessage.js';
 import './FileViewer.js';
-import '../../index-201c73a9.js';
+import '../../index-8528dcd1.js';
 import './RemoveMessageModal.js';
 import '../../ui/Modal.js';
 import '../../ui/QuoteMessageInput.js';
@@ -151,7 +151,11 @@ var ChannelUI = function ChannelUI(_a) {
         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);
       }
 
-      currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.markAsRead();
+      try {
+        currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.markAsRead();
+      } catch (_d) {//
+      }
+
       messagesDispatcher({
         type: MARK_AS_READ,
         payload: {

package/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 { RenderMessageProps } from '../../../../types';\nimport * as messageActionTypes from '../../context/dux/actionTypes';\n\nexport interface ChannelUIProps {\n  renderPlaceholderLoader?: () => React.ReactNode;\n  renderPlaceholderInvalid?: () => React.ReactNode;\n  renderPlaceholderEmpty?: () => React.ReactNode;\n  renderChannelHeader?: () => React.ReactNode;\n  renderMessage?: (props: RenderMessageProps) => React.ReactNode;\n  renderMessageInput?: () => React.ReactNode;\n  renderTypingIndicator?: () => React.ReactNode;\n  renderCustomSeparator?: () => React.ReactNode;\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  } = 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              currentGroupChannel?.markAsRead();\n              messagesDispatcher({\n                type: messageActionTypes.MARK_AS_READ,\n                payload: { channel: currentGroupChannel },\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","_g","useState","unreadCount","setUnreadCount","useEffect","unreadMessageCount","globalStore","useSendbirdStateContext","sdkError","stores","sdkStore","error","logger","config","isOnline","React","PlaceHolderTypes","NO_CHANNELS","WRONG","info","ChannelHeader","isFrozen","current","scrollTop","scrollHeight","offsetHeight","markAsRead","type","messageActionTypes","payload","channel","LOADING"],"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 { RenderMessageProps } from '../../../../types';\nimport * as messageActionTypes from '../../context/dux/actionTypes';\n\nexport interface ChannelUIProps {\n  renderPlaceholderLoader?: () => React.ReactNode;\n  renderPlaceholderInvalid?: () => React.ReactNode;\n  renderPlaceholderEmpty?: () => React.ReactNode;\n  renderChannelHeader?: () => React.ReactNode;\n  renderMessage?: (props: RenderMessageProps) => React.ReactNode;\n  renderMessageInput?: () => React.ReactNode;\n  renderTypingIndicator?: () => React.ReactNode;\n  renderCustomSeparator?: () => React.ReactNode;\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  } = 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              try {\n                currentGroupChannel?.markAsRead();\n              } catch {\n                //\n              }\n              messagesDispatcher({\n                type: messageActionTypes.MARK_AS_READ,\n                payload: { channel: currentGroupChannel },\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","_g","useState","unreadCount","setUnreadCount","useEffect","unreadMessageCount","globalStore","useSendbirdStateContext","sdkError","stores","sdkStore","error","logger","config","isOnline","React","PlaceHolderTypes","NO_CHANNELS","WRONG","info","ChannelHeader","isFrozen","current","scrollTop","scrollHeight","offsetHeight","markAsRead","type","messageActionTypes","payload","channel","LOADING"],"mappings":"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"}

package/Channel/components/FileViewer.js

@@ -1,27 +1,27 @@
 import React__default from 'react';
 import { createPortal } from 'react-dom';
 import Avatar from '../../ui/Avatar.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-eeac3879.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-0d4dcc94.js';
 import Icon, { IconTypes, IconColors } from '../../ui/Icon.js';
-import { M as MODAL_ROOT } from '../../index-201c73a9.js';
-import { A as isSupportedFileView, B as isVideo, C as isImage } from '../../index-a355e1d8.js';
+import { M as MODAL_ROOT } from '../../index-8528dcd1.js';
+import { A as isSupportedFileView, B as isVideo, C as isImage } from '../../index-afd61eff.js';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
-import { u as useChannelContext } from '../../ChannelProvider-01a680e0.js';
-import '../../tslib.es6-28c0bd97.js';
+import { u as useChannelContext } from '../../ChannelProvider-21d4378a.js';
+import '../../tslib.es6-91aa0158.js';
 import '../../ui/ImageRenderer.js';
-import '../../_rollupPluginBabelHelpers-2a8797d8.js';
+import '../../_rollupPluginBabelHelpers-9a08c8bf.js';
 import 'prop-types';
-import '../../uuid-38ace415.js';
-import '../../stringSet-a6858154.js';
+import '../../uuid-902e6498.js';
+import '../../stringSet-efeb1ad3.js';
 import '../../withSendbird.js';
-import '../../UserProfileContext-eccdbd50.js';
-import '../../index-e15303b6.js';
-import '../../index-9570e69e.js';
-import '../../topics-58103dff.js';
-import '../../compareIds-ccf594a3.js';
-import '../../const-4674ec61.js';
-import '../../groupChannel-9bc7ca19.js';
-import '../../__bundle-7dfccc8c-62bd23b5.js';
+import '../../UserProfileContext-97bec8f7.js';
+import '../../index-f222d022.js';
+import '../../index-623fd405.js';
+import '../../topics-7181983e.js';
+import '../../compareIds-3f1a5a5a.js';
+import '../../const-a6734af7.js';
+import '../../groupChannel-10e918af.js';
+import '../../__bundle-7dfccc8c-ff995ba0.js';
 import '../../ui/ContextMenu.js';
 import '../../ui/SortByRow.js';
 import '../../ui/ReactionButton.js';

package/Channel/components/FrozenNotification.js

@@ -1,9 +1,9 @@
 import React__default, { useContext } from 'react';
-import { a as LocalizationContext } from '../../LocalizationContext-7f115178.js';
-import { L as Label, a as LabelTypography } from '../../index-eeac3879.js';
-import '../../stringSet-a6858154.js';
-import '../../index-9570e69e.js';
-import '../../_rollupPluginBabelHelpers-2a8797d8.js';
+import { a as LocalizationContext } from '../../LocalizationContext-08cebf79.js';
+import { L as Label, a as LabelTypography } from '../../index-0d4dcc94.js';
+import '../../stringSet-efeb1ad3.js';
+import '../../index-623fd405.js';
+import '../../_rollupPluginBabelHelpers-9a08c8bf.js';
 import 'prop-types';
 
 var FrozenNotification = function FrozenNotification() {

package/Channel/components/Message.js

@@ -1,44 +1,44 @@
-import { a as __spreadArray } from '../../tslib.es6-28c0bd97.js';
+import { a as __spreadArray } from '../../tslib.es6-91aa0158.js';
 import React__default, { useState, useRef, useEffect, useLayoutEffect, useMemo } from 'react';
-import { f as format } from '../../index-e15303b6.js';
+import { f as format } from '../../index-f222d022.js';
 import SuggestedMentionList from './SuggestedMentionList.js';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
-import { u as useChannelContext, a as isDisabledBecauseFrozen, b as isDisabledBecauseMuted } from '../../ChannelProvider-01a680e0.js';
-import { k as getClassName } from '../../index-a355e1d8.js';
-import { M as MAX_USER_MENTION_COUNT, a as MAX_USER_SUGGESTION_COUNT } from '../../const-4674ec61.js';
+import { u as useChannelContext, a as isDisabledBecauseFrozen, b as isDisabledBecauseMuted } from '../../ChannelProvider-21d4378a.js';
+import { k as getClassName } from '../../index-afd61eff.js';
+import { M as MAX_USER_MENTION_COUNT, a as MAX_USER_SUGGESTION_COUNT } from '../../const-a6734af7.js';
 import DateSeparator from '../../ui/DateSeparator.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-eeac3879.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-0d4dcc94.js';
 import MessageInput from '../../ui/MessageInput.js';
 import MessageContent from '../../ui/MessageContent.js';
 import FileViewer from './FileViewer.js';
 import RemoveMessage from './RemoveMessageModal.js';
-import { M as MessageInputKeys } from '../../const-d3d5e7fc.js';
-import { u as useLocalization } from '../../LocalizationContext-7f115178.js';
-import '../../index-9570e69e.js';
+import { M as MessageInputKeys } from '../../const-b1f038b0.js';
+import { u as useLocalization } from '../../LocalizationContext-08cebf79.js';
+import '../../index-623fd405.js';
 import '../../ui/Icon.js';
-import '../../_rollupPluginBabelHelpers-2a8797d8.js';
+import '../../_rollupPluginBabelHelpers-9a08c8bf.js';
 import 'prop-types';
 import '../../ui/Avatar.js';
 import '../../ui/ImageRenderer.js';
-import '../../uuid-38ace415.js';
+import '../../uuid-902e6498.js';
 import '../../withSendbird.js';
-import '../../UserProfileContext-eccdbd50.js';
-import '../../topics-58103dff.js';
-import '../../compareIds-ccf594a3.js';
-import '../../groupChannel-9bc7ca19.js';
-import '../../__bundle-7dfccc8c-62bd23b5.js';
+import '../../UserProfileContext-97bec8f7.js';
+import '../../topics-7181983e.js';
+import '../../compareIds-3f1a5a5a.js';
+import '../../groupChannel-10e918af.js';
+import '../../__bundle-7dfccc8c-ff995ba0.js';
 import '../../ui/ContextMenu.js';
 import 'react-dom';
 import '../../ui/SortByRow.js';
-import '../../stringSet-a6858154.js';
+import '../../stringSet-efeb1ad3.js';
 import '../../ui/ReactionButton.js';
-import '../../color-1727a3fb.js';
+import '../../color-aef1bef8.js';
 import '../../ui/IconButton.js';
-import '../../index-33a103e9.js';
+import '../../index-cdd2789a.js';
 import '../../ui/MentionUserLabel.js';
 import '../../ui/UserProfile.js';
 import '../../sendbirdSelectors.js';
-import '../../utils-5477ddbc.js';
+import '../../utils-0db9b91e.js';
 import '../../ui/MessageStatus.js';
 import '../../ui/Loader.js';
 import '../../ui/MessageItemMenu.js';
@@ -58,7 +58,7 @@ import '../../ui/ThumbnailMessageItemBody.js';
 import '../../ui/OGMessageItemBody.js';
 import '../../ui/UnknownMessageItemBody.js';
 import '../../ui/QuoteMessage.js';
-import '../../index-201c73a9.js';
+import '../../index-8528dcd1.js';
 import '../../ui/Modal.js';
 
 var Message = function Message(props) {

package/Channel/components/MessageInput.js

@@ -1,34 +1,34 @@
-import { a as __spreadArray } from '../../tslib.es6-28c0bd97.js';
+import { a as __spreadArray } from '../../tslib.es6-91aa0158.js';
 import React__default, { useContext, useState, useEffect } from 'react';
-import { u as useChannelContext, a as isDisabledBecauseFrozen, b as isDisabledBecauseMuted, d as isOperator } from '../../ChannelProvider-01a680e0.js';
+import { u as useChannelContext, a as isDisabledBecauseFrozen, b as isDisabledBecauseMuted, d as isOperator } from '../../ChannelProvider-21d4378a.js';
 import MessageInput from '../../ui/MessageInput.js';
 import QuoteMessageInput from '../../ui/QuoteMessageInput.js';
-import { a as LocalizationContext } from '../../LocalizationContext-7f115178.js';
+import { a as LocalizationContext } from '../../LocalizationContext-08cebf79.js';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
 import SuggestedMentionList from './SuggestedMentionList.js';
-import { M as MessageInputKeys } from '../../const-d3d5e7fc.js';
-import '../../UserProfileContext-eccdbd50.js';
+import { M as MessageInputKeys } from '../../const-b1f038b0.js';
+import '../../UserProfileContext-97bec8f7.js';
 import 'prop-types';
-import '../../_rollupPluginBabelHelpers-2a8797d8.js';
-import '../../index-e15303b6.js';
-import '../../index-9570e69e.js';
-import '../../topics-58103dff.js';
-import '../../index-a355e1d8.js';
-import '../../compareIds-ccf594a3.js';
-import '../../const-4674ec61.js';
-import '../../groupChannel-9bc7ca19.js';
-import '../../__bundle-7dfccc8c-62bd23b5.js';
-import '../../uuid-38ace415.js';
+import '../../_rollupPluginBabelHelpers-9a08c8bf.js';
+import '../../index-f222d022.js';
+import '../../index-623fd405.js';
+import '../../topics-7181983e.js';
+import '../../index-afd61eff.js';
+import '../../compareIds-3f1a5a5a.js';
+import '../../const-a6734af7.js';
+import '../../groupChannel-10e918af.js';
+import '../../__bundle-7dfccc8c-ff995ba0.js';
+import '../../uuid-902e6498.js';
 import '../../ui/ContextMenu.js';
-import '../../index-eeac3879.js';
-import '../../stringSet-a6858154.js';
+import '../../index-0d4dcc94.js';
+import '../../stringSet-efeb1ad3.js';
 import 'react-dom';
 import '../../ui/SortByRow.js';
 import '../../ui/ReactionButton.js';
 import '../../ui/ImageRenderer.js';
 import '../../ui/Icon.js';
 import '../../ui/IconButton.js';
-import '../../index-33a103e9.js';
+import '../../index-cdd2789a.js';
 import '../../ui/MentionUserLabel.js';
 import '../../withSendbird.js';
 import '../../ui/Avatar.js';

package/Channel/components/MessageList.js

@@ -1,46 +1,46 @@
 import React__default, { useState, useMemo } from 'react';
-import { i as isSameDay } from '../../index-4e2ac873.js';
-import { u as useChannelContext, c as compareMessagesForGrouping, i as isAboutSame } from '../../ChannelProvider-01a680e0.js';
-import { P as PlaceHolder, a as PlaceHolderTypes } from '../../index-04458193.js';
+import { i as isSameDay } from '../../index-13e3837f.js';
+import { u as useChannelContext, c as compareMessagesForGrouping, i as isAboutSame } from '../../ChannelProvider-21d4378a.js';
+import { P as PlaceHolder, a as PlaceHolderTypes } from '../../index-41a3e405.js';
 import Icon, { IconTypes, IconColors } from '../../ui/Icon.js';
 import Message from './Message.js';
-import { u as uuidv4 } from '../../uuid-38ace415.js';
-import '../../index-e15303b6.js';
-import '../../index-9570e69e.js';
-import '../../UserProfileContext-eccdbd50.js';
+import { u as uuidv4 } from '../../uuid-902e6498.js';
+import '../../index-f222d022.js';
+import '../../index-623fd405.js';
+import '../../UserProfileContext-97bec8f7.js';
 import 'prop-types';
 import '../../useSendbirdStateContext.js';
 import '../../withSendbird.js';
-import '../../_rollupPluginBabelHelpers-2a8797d8.js';
-import '../../topics-58103dff.js';
-import '../../index-a355e1d8.js';
-import '../../tslib.es6-28c0bd97.js';
-import '../../compareIds-ccf594a3.js';
-import '../../const-4674ec61.js';
-import '../../groupChannel-9bc7ca19.js';
-import '../../__bundle-7dfccc8c-62bd23b5.js';
+import '../../_rollupPluginBabelHelpers-9a08c8bf.js';
+import '../../topics-7181983e.js';
+import '../../index-afd61eff.js';
+import '../../tslib.es6-91aa0158.js';
+import '../../compareIds-3f1a5a5a.js';
+import '../../const-a6734af7.js';
+import '../../groupChannel-10e918af.js';
+import '../../__bundle-7dfccc8c-ff995ba0.js';
 import '../../ui/ContextMenu.js';
-import '../../index-eeac3879.js';
-import '../../stringSet-a6858154.js';
+import '../../index-0d4dcc94.js';
+import '../../stringSet-efeb1ad3.js';
 import 'react-dom';
 import '../../ui/SortByRow.js';
 import '../../ui/ReactionButton.js';
 import '../../ui/ImageRenderer.js';
 import '../../ui/Loader.js';
-import '../../LocalizationContext-7f115178.js';
+import '../../LocalizationContext-08cebf79.js';
 import './SuggestedMentionList.js';
 import '../../ui/Avatar.js';
-import '../../const-d3d5e7fc.js';
+import '../../const-b1f038b0.js';
 import '../../ui/DateSeparator.js';
-import '../../color-1727a3fb.js';
+import '../../color-aef1bef8.js';
 import '../../ui/MessageInput.js';
 import '../../ui/IconButton.js';
-import '../../index-33a103e9.js';
+import '../../index-cdd2789a.js';
 import '../../ui/MentionUserLabel.js';
 import '../../ui/MessageContent.js';
 import '../../ui/UserProfile.js';
 import '../../sendbirdSelectors.js';
-import '../../utils-5477ddbc.js';
+import '../../utils-0db9b91e.js';
 import '../../ui/MessageStatus.js';
 import '../../ui/MessageItemMenu.js';
 import '../../ui/MessageItemReactionMenu.js';
@@ -60,7 +60,7 @@ import '../../ui/OGMessageItemBody.js';
 import '../../ui/UnknownMessageItemBody.js';
 import '../../ui/QuoteMessage.js';
 import './FileViewer.js';
-import '../../index-201c73a9.js';
+import '../../index-8528dcd1.js';
 import './RemoveMessageModal.js';
 import '../../ui/Modal.js';
 
@@ -148,7 +148,11 @@ var MessageList = function MessageList(props) {
             channel: currentGroupChannel
           }
         });
-        currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.markAsRead();
+
+        try {
+          currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.markAsRead();
+        } catch (_a) {//
+        }
       }
     }, 500);
   };