stream-chat-react-native-core 4.0.0 → 4.1.0

package/lib/commonjs/components/Channel/Channel.js

@@ -5,7 +5,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Channel = exports.reactionData = void 0;
+exports.reactionData = exports.Channel = void 0;
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
@@ -13,19 +13,21 @@ var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"))
 
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
 var _react = _interopRequireWildcard(require("react"));
 
 var _reactNative = require("react-native");
 
-var _streamChat = require("stream-chat");
+var _debounce = _interopRequireDefault(require("lodash/debounce"));
 
-var _useAppStateListener = require("../../hooks/useAppStateListener");
+var _throttle = _interopRequireDefault(require("lodash/throttle"));
+
+var _streamChat = require("stream-chat");
 
 var _useCreateChannelContext = require("./hooks/useCreateChannelContext");
 
@@ -33,6 +35,8 @@ var _useCreateInputMessageInputContext = require("./hooks/useCreateInputMessageI
 
 var _useCreateMessagesContext = require("./hooks/useCreateMessagesContext");
 
+var _useCreateOwnCapabilitiesContext = require("./hooks/useCreateOwnCapabilitiesContext");
+
 var _useCreatePaginatedMessageListContext = require("./hooks/useCreatePaginatedMessageListContext");
 
 var _useCreateThreadContext = require("./hooks/useCreateThreadContext");
@@ -41,9 +45,37 @@ var _useCreateTypingContext = require("./hooks/useCreateTypingContext");
 
 var _useTargetedMessage2 = require("./hooks/useTargetedMessage");
 
-var _debounce = require("./utils/debounce");
+var _ChannelContext = require("../../contexts/channelContext/ChannelContext");
+
+var _useChannelState2 = require("../../contexts/channelsStateContext/useChannelState");
+
+var _ChatContext = require("../../contexts/chatContext/ChatContext");
+
+var _MessageInputContext = require("../../contexts/messageInputContext/MessageInputContext");
+
+var _MessagesContext = require("../../contexts/messagesContext/MessagesContext");
+
+var _OwnCapabilitiesContext = require("../../contexts/ownCapabilitiesContext/OwnCapabilitiesContext");
 
-var _throttle = require("./utils/throttle");
+var _PaginatedMessageListContext = require("../../contexts/paginatedMessageListContext/PaginatedMessageListContext");
+
+var _SuggestionsContext = require("../../contexts/suggestionsContext/SuggestionsContext");
+
+var _ThemeContext = require("../../contexts/themeContext/ThemeContext");
+
+var _ThreadContext = require("../../contexts/threadContext/ThreadContext");
+
+var _TranslationContext = require("../../contexts/translationContext/TranslationContext");
+
+var _TypingContext = require("../../contexts/typingContext/TypingContext");
+
+var _useAppStateListener = require("../../hooks/useAppStateListener");
+
+var _icons = require("../../icons");
+
+var _native = require("../../native");
+
+var _utils = require("../../utils/utils");
 
 var _Attachment = require("../Attachment/Attachment");
 
@@ -61,14 +93,18 @@ var _Gallery = require("../Attachment/Gallery");
 
 var _Giphy = require("../Attachment/Giphy");
 
+var _AutoCompleteSuggestionHeader = require("../AutoCompleteInput/AutoCompleteSuggestionHeader");
+
+var _AutoCompleteSuggestionItem = require("../AutoCompleteInput/AutoCompleteSuggestionItem");
+
+var _AutoCompleteSuggestionList = require("../AutoCompleteInput/AutoCompleteSuggestionList");
+
 var _EmptyStateIndicator = require("../Indicators/EmptyStateIndicator");
 
 var _LoadingErrorIndicator = require("../Indicators/LoadingErrorIndicator");
 
 var _LoadingIndicator = require("../Indicators/LoadingIndicator");
 
-var _NetworkDownIndicator = require("../MessageList/NetworkDownIndicator");
-
 var _KeyboardCompatibleView = require("../KeyboardCompatibleView/KeyboardCompatibleView");
 
 var _Message = require("../Message/Message");
@@ -81,6 +117,8 @@ var _MessageDeleted = require("../Message/MessageSimple/MessageDeleted");
 
 var _MessageFooter = require("../Message/MessageSimple/MessageFooter");
 
+var _MessagePinnedHeader = require("../Message/MessageSimple/MessagePinnedHeader");
+
 var _MessageReplies = require("../Message/MessageSimple/MessageReplies");
 
 var _MessageRepliesAvatars = require("../Message/MessageSimple/MessageRepliesAvatars");
@@ -95,6 +133,8 @@ var _AttachButton = require("../MessageInput/AttachButton");
 
 var _CommandsButton = require("../MessageInput/CommandsButton");
 
+var _CooldownTimer = require("../MessageInput/CooldownTimer");
+
 var _FileUploadPreview = require("../MessageInput/FileUploadPreview");
 
 var _ImageUploadPreview = require("../MessageInput/ImageUploadPreview");
@@ -105,6 +145,8 @@ var _MoreOptionsButton = require("../MessageInput/MoreOptionsButton");
 
 var _SendButton = require("../MessageInput/SendButton");
 
+var _SendMessageDisallowedIndicator = require("../MessageInput/SendMessageDisallowedIndicator");
+
 var _ShowThreadMessageInChannelButton = require("../MessageInput/ShowThreadMessageInChannelButton");
 
 var _UploadProgressIndicator = require("../MessageInput/UploadProgressIndicator");
@@ -119,6 +161,8 @@ var _MessageList = require("../MessageList/MessageList");
 
 var _MessageSystem = require("../MessageList/MessageSystem");
 
+var _NetworkDownIndicator = require("../MessageList/NetworkDownIndicator");
+
 var _ScrollToBottomButton = require("../MessageList/ScrollToBottomButton");
 
 var _TypingIndicator = require("../MessageList/TypingIndicator");
@@ -129,39 +173,11 @@ var _OverlayReactionList = require("../MessageOverlay/OverlayReactionList");
 
 var _Reply = require("../Reply/Reply");
 
-var _ChannelContext = require("../../contexts/channelContext/ChannelContext");
-
-var _useChannelState2 = require("../../contexts/channelsStateContext/useChannelState");
-
-var _ChatContext = require("../../contexts/chatContext/ChatContext");
-
-var _MessageInputContext = require("../../contexts/messageInputContext/MessageInputContext");
-
-var _MessagesContext = require("../../contexts/messagesContext/MessagesContext");
-
-var _PaginatedMessageListContext = require("../../contexts/paginatedMessageListContext/PaginatedMessageListContext");
-
-var _SuggestionsContext = require("../../contexts/suggestionsContext/SuggestionsContext");
-
-var _ThemeContext = require("../../contexts/themeContext/ThemeContext");
-
-var _ThreadContext = require("../../contexts/threadContext/ThreadContext");
-
-var _TranslationContext = require("../../contexts/translationContext/TranslationContext");
-
-var _TypingContext = require("../../contexts/typingContext/TypingContext");
-
-var _icons = require("../../icons");
-
-var _native = require("../../native");
-
-var _utils = require("../../utils/utils");
-
 var _excluded = ["attachments", "mentioned_users", "parent_id", "text"],
     _excluded2 = ["__html", "attachments", "created_at", "html", "id", "mentioned_users", "parent_id", "quoted_message", "reactions", "status", "text", "type", "updated_at", "user"];
 
 var _this = this,
-    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/Channel/Channel.tsx";
+    _jsxFileName = "/Users/vishalnarkhede/projects/stream-chat-react-native/package/src/components/Channel/Channel.tsx";
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -192,26 +208,40 @@ var reactionData = [{
 }];
 exports.reactionData = reactionData;
 var scrollToFirstUnreadThreshold = 4;
+var defaultThrottleInterval = 500;
+var defaultDebounceInterval = 500;
+var throttleOptions = {
+  leading: true,
+  trailing: true
+};
+var debounceOptions = {
+  leading: true,
+  trailing: true
+};
 var unreadMessagesOnInitialLoadLimit = 2;
 
 var ChannelWithContext = function ChannelWithContext(props) {
-  var _client$user, _ref14, _ref15, _ref16, _ref17, _ref18, _ref19, _ref20, _channel$data, _ref28, _channel$getConfig2;
+  var _client$user, _channel$data, _ref21, _ref22;
 
   var additionalKeyboardAvoidingViewProps = props.additionalKeyboardAvoidingViewProps,
       additionalTextInputProps = props.additionalTextInputProps,
       additionalTouchableProps = props.additionalTouchableProps,
       _props$allowThreadMes = props.allowThreadMessagesInChannel,
       allowThreadMessagesInChannel = _props$allowThreadMes === void 0 ? true : _props$allowThreadMes,
-      animatedLongPress = props.animatedLongPress,
       _props$AttachButton = props.AttachButton,
       AttachButton = _props$AttachButton === void 0 ? _AttachButton.AttachButton : _props$AttachButton,
       _props$Attachment = props.Attachment,
       Attachment = _props$Attachment === void 0 ? _Attachment.Attachment : _props$Attachment,
       _props$AttachmentActi = props.AttachmentActions,
       AttachmentActions = _props$AttachmentActi === void 0 ? _AttachmentActions.AttachmentActions : _props$AttachmentActi,
+      _props$AutoCompleteSu = props.AutoCompleteSuggestionHeader,
+      AutoCompleteSuggestionHeader = _props$AutoCompleteSu === void 0 ? _AutoCompleteSuggestionHeader.AutoCompleteSuggestionHeader : _props$AutoCompleteSu,
+      _props$AutoCompleteSu2 = props.AutoCompleteSuggestionItem,
+      AutoCompleteSuggestionItem = _props$AutoCompleteSu2 === void 0 ? _AutoCompleteSuggestionItem.AutoCompleteSuggestionItem : _props$AutoCompleteSu2,
+      _props$AutoCompleteSu3 = props.AutoCompleteSuggestionList,
+      AutoCompleteSuggestionList = _props$AutoCompleteSu3 === void 0 ? _AutoCompleteSuggestionList.AutoCompleteSuggestionList : _props$AutoCompleteSu3,
       autoCompleteSuggestionsLimit = props.autoCompleteSuggestionsLimit,
       autoCompleteTriggerSettings = props.autoCompleteTriggerSettings,
-      blockUser = props.blockUser,
       _props$Card = props.Card,
       Card = _props$Card === void 0 ? _Card.Card : _props$Card,
       CardCover = props.CardCover,
@@ -220,14 +250,15 @@ var ChannelWithContext = function ChannelWithContext(props) {
       channel = props.channel,
       children = props.children,
       client = props.client,
-      closeSuggestions = props.closeSuggestions,
       _props$CommandsButton = props.CommandsButton,
       CommandsButton = _props$CommandsButton === void 0 ? _CommandsButton.CommandsButton : _props$CommandsButton,
       compressImageQuality = props.compressImageQuality,
-      copyMessage = props.copyMessage,
+      _props$CooldownTimer = props.CooldownTimer,
+      CooldownTimer = _props$CooldownTimer === void 0 ? _CooldownTimer.CooldownTimer : _props$CooldownTimer,
       _props$DateHeader = props.DateHeader,
       DateHeader = _props$DateHeader === void 0 ? _DateHeader.DateHeader : _props$DateHeader,
-      deleteMessage = props.deleteMessage,
+      _props$deletedMessage = props.deletedMessagesVisibilityType,
+      deletedMessagesVisibilityType = _props$deletedMessage === void 0 ? 'always' : _props$deletedMessage,
       _props$disableIfFroze = props.disableIfFrozenChannel,
       disableIfFrozenChannel = _props$disableIfFroze === void 0 ? true : _props$disableIfFroze,
       _props$disableKeyboar = props.disableKeyboardCompatibleView,
@@ -240,9 +271,10 @@ var ChannelWithContext = function ChannelWithContext(props) {
       doMarkReadRequest = props.doMarkReadRequest,
       doSendMessageRequest = props.doSendMessageRequest,
       doUpdateMessageRequest = props.doUpdateMessageRequest,
-      editMessageProp = props.editMessage,
       _props$EmptyStateIndi = props.EmptyStateIndicator,
       EmptyStateIndicator = _props$EmptyStateIndi === void 0 ? _EmptyStateIndicator.EmptyStateIndicator : _props$EmptyStateIndi,
+      _props$enableMessageG = props.enableMessageGroupingByUser,
+      enableMessageGroupingByUser = _props$enableMessageG === void 0 ? true : _props$enableMessageG,
       _props$enforceUniqueR = props.enforceUniqueReaction,
       enforceUniqueReaction = _props$enforceUniqueR === void 0 ? false : _props$enforceUniqueR,
       _props$FileAttachment = props.FileAttachment,
@@ -253,7 +285,6 @@ var ChannelWithContext = function ChannelWithContext(props) {
       FileAttachmentIcon = _props$FileAttachment3 === void 0 ? _FileIcon.FileIcon : _props$FileAttachment3,
       _props$FileUploadPrev = props.FileUploadPreview,
       FileUploadPreview = _props$FileUploadPrev === void 0 ? _FileUploadPreview.FileUploadPreview : _props$FileUploadPrev,
-      flagMessage = props.flagMessage,
       _props$FlatList = props.FlatList,
       FlatList = _props$FlatList === void 0 ? _native.FlatList : _props$FlatList,
       forceAlignMessages = props.forceAlignMessages,
@@ -271,6 +302,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
       handleEdit = props.handleEdit,
       handleFlag = props.handleFlag,
       handleMute = props.handleMute,
+      handlePinMessage = props.handlePinMessage,
       handleQuotedReply = props.handleQuotedReply,
       handleReaction = props.handleReaction,
       handleRetry = props.handleRetry,
@@ -283,6 +315,8 @@ var ChannelWithContext = function ChannelWithContext(props) {
       hasImagePicker = _props$hasImagePicker === void 0 ? true : _props$hasImagePicker,
       _props$hideDateSepara = props.hideDateSeparators,
       hideDateSeparators = _props$hideDateSepara === void 0 ? false : _props$hideDateSepara,
+      _props$hideStickyDate = props.hideStickyDateHeader,
+      hideStickyDateHeader = _props$hideStickyDate === void 0 ? false : _props$hideStickyDate,
       _props$ImageUploadPre = props.ImageUploadPreview,
       ImageUploadPreview = _props$ImageUploadPre === void 0 ? _ImageUploadPreview.ImageUploadPreview : _props$ImageUploadPre,
       _props$initialScrollT = props.initialScrollToFirstUnreadMessage,
@@ -299,6 +333,8 @@ var ChannelWithContext = function ChannelWithContext(props) {
       _props$KeyboardCompat = props.KeyboardCompatibleView,
       KeyboardCompatibleView = _props$KeyboardCompat === void 0 ? _KeyboardCompatibleView.KeyboardCompatibleView : _props$KeyboardCompat,
       keyboardVerticalOffset = props.keyboardVerticalOffset,
+      _props$legacyImageVie = props.legacyImageViewerSwipeBehaviour,
+      legacyImageViewerSwipeBehaviour = _props$legacyImageVie === void 0 ? false : _props$legacyImageVie,
       _props$LoadingErrorIn = props.LoadingErrorIndicator,
       LoadingErrorIndicator = _props$LoadingErrorIn === void 0 ? _LoadingErrorIndicator.LoadingErrorIndicator : _props$LoadingErrorIn,
       _props$LoadingIndicat = props.LoadingIndicator,
@@ -331,6 +367,8 @@ var ChannelWithContext = function ChannelWithContext(props) {
       messageId = props.messageId,
       _props$MessageList = props.MessageList,
       MessageList = _props$MessageList === void 0 ? _MessageList.MessageList : _props$MessageList,
+      _props$MessagePinnedH = props.MessagePinnedHeader,
+      MessagePinnedHeader = _props$MessagePinnedH === void 0 ? _MessagePinnedHeader.MessagePinnedHeader : _props$MessagePinnedH,
       _props$MessageReplies = props.MessageReplies,
       MessageReplies = _props$MessageReplies === void 0 ? _MessageReplies.MessageReplies : _props$MessageReplies,
       _props$MessageReplies2 = props.MessageRepliesAvatars,
@@ -345,36 +383,32 @@ var ChannelWithContext = function ChannelWithContext(props) {
       MessageText = props.MessageText,
       _props$MoreOptionsBut = props.MoreOptionsButton,
       MoreOptionsButton = _props$MoreOptionsBut === void 0 ? _MoreOptionsButton.MoreOptionsButton : _props$MoreOptionsBut,
-      mutesEnabledProp = props.mutesEnabled,
-      muteUser = props.muteUser,
       myMessageTheme = props.myMessageTheme,
+      _props$newMessageStat = props.newMessageStateUpdateThrottleInterval,
+      newMessageStateUpdateThrottleInterval = _props$newMessageStat === void 0 ? defaultThrottleInterval : _props$newMessageStat,
       _props$NetworkDownInd = props.NetworkDownIndicator,
       NetworkDownIndicator = _props$NetworkDownInd === void 0 ? _NetworkDownIndicator.NetworkDownIndicator : _props$NetworkDownInd,
       _props$numberOfLines = props.numberOfLines,
       numberOfLines = _props$numberOfLines === void 0 ? 5 : _props$numberOfLines,
       onChangeText = props.onChangeText,
-      onDoubleTapMessage = props.onDoubleTapMessage,
       onLongPressMessage = props.onLongPressMessage,
+      overrideOwnCapabilities = props.overrideOwnCapabilities,
       onPressInMessage = props.onPressInMessage,
       onPressMessage = props.onPressMessage,
-      openSuggestions = props.openSuggestions,
       _props$OverlayReactio = props.OverlayReactionList,
       OverlayReactionList = _props$OverlayReactio === void 0 ? _OverlayReactionList.OverlayReactionList : _props$OverlayReactio,
-      quotedRepliesEnabledProp = props.quotedRepliesEnabled,
-      quotedReply = props.quotedReply,
       _props$ReactionList = props.ReactionList,
       ReactionList = _props$ReactionList === void 0 ? _ReactionList.ReactionList : _props$ReactionList,
-      reactionsEnabledProp = props.reactionsEnabled,
       read = props.read,
-      readEventsEnabledProp = props.readEventsEnabled,
       _props$Reply = props.Reply,
       Reply = _props$Reply === void 0 ? _Reply.Reply : _props$Reply,
-      retry = props.retry,
       _props$ScrollToBottom = props.ScrollToBottomButton,
       ScrollToBottomButton = _props$ScrollToBottom === void 0 ? _ScrollToBottomButton.ScrollToBottomButton : _props$ScrollToBottom,
       selectReaction = props.selectReaction,
       _props$SendButton = props.SendButton,
       SendButton = _props$SendButton === void 0 ? _SendButton.SendButton : _props$SendButton,
+      _props$SendMessageDis = props.SendMessageDisallowedIndicator,
+      SendMessageDisallowedIndicator = _props$SendMessageDis === void 0 ? _SendMessageDisallowedIndicator.SendMessageDisallowedIndicator : _props$SendMessageDis,
       _props$sendImageAsync = props.sendImageAsync,
       sendImageAsync = _props$sendImageAsync === void 0 ? false : _props$sendImageAsync,
       setInputRef = props.setInputRef,
@@ -388,6 +422,8 @@ var ChannelWithContext = function ChannelWithContext(props) {
       shouldSyncChannel = props.shouldSyncChannel,
       _props$ShowThreadMess = props.ShowThreadMessageInChannelButton,
       ShowThreadMessageInChannelButton = _props$ShowThreadMess === void 0 ? _ShowThreadMessageInChannelButton.ShowThreadMessageInChannelButton : _props$ShowThreadMess,
+      _props$stateUpdateThr = props.stateUpdateThrottleInterval,
+      stateUpdateThrottleInterval = _props$stateUpdateThr === void 0 ? defaultThrottleInterval : _props$stateUpdateThr,
       StickyHeader = props.StickyHeader,
       _props$supportedReact = props.supportedReactions,
       supportedReactions = _props$supportedReact === void 0 ? reactionData : _props$supportedReact,
@@ -395,18 +431,13 @@ var ChannelWithContext = function ChannelWithContext(props) {
       threadProps = props.thread,
       threadList = props.threadList,
       threadMessages = props.threadMessages,
-      threadRepliesEnabledProp = props.threadRepliesEnabled,
-      threadReply = props.threadReply,
       typing = props.typing,
-      typingEventsEnabledProp = props.typingEventsEnabled,
       _props$TypingIndicato = props.TypingIndicator,
       TypingIndicator = _props$TypingIndicato === void 0 ? _TypingIndicator.TypingIndicator : _props$TypingIndicato,
       _props$TypingIndicato2 = props.TypingIndicatorContainer,
       TypingIndicatorContainer = _props$TypingIndicato2 === void 0 ? _TypingIndicatorContainer.TypingIndicatorContainer : _props$TypingIndicato2,
-      updateSuggestions = props.updateSuggestions,
       _props$UploadProgress = props.UploadProgressIndicator,
       UploadProgressIndicator = _props$UploadProgress === void 0 ? _UploadProgressIndicator.UploadProgressIndicator : _props$UploadProgress,
-      uploadsEnabledProp = props.uploadsEnabled,
       _props$UrlPreview = props.UrlPreview,
       UrlPreview = _props$UrlPreview === void 0 ? _Card.Card : _props$UrlPreview,
       watcherCount = props.watcherCount,
@@ -419,63 +450,68 @@ var ChannelWithContext = function ChannelWithContext(props) {
 
   var _useState = (0, _react.useState)(false),
       _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      editing = _useState2[0],
-      setEditing = _useState2[1];
+      deleted = _useState2[0],
+      setDeleted = _useState2[1];
 
   var _useState3 = (0, _react.useState)(false),
       _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-      error = _useState4[0],
-      setError = _useState4[1];
+      editing = _useState4[0],
+      setEditing = _useState4[1];
 
-  var _useState5 = (0, _react.useState)(true),
+  var _useState5 = (0, _react.useState)(false),
       _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
-      hasMore = _useState6[0],
-      setHasMore = _useState6[1];
+      error = _useState6[0],
+      setError = _useState6[1];
 
-  var _useState7 = (0, _react.useState)(),
+  var _useState7 = (0, _react.useState)(true),
       _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
-      lastRead = _useState8[0],
-      setLastRead = _useState8[1];
+      hasMore = _useState8[0],
+      setHasMore = _useState8[1];
 
-  var _useState9 = (0, _react.useState)(true),
+  var _useState9 = (0, _react.useState)(),
       _useState10 = (0, _slicedToArray2["default"])(_useState9, 2),
-      loading = _useState10[0],
-      setLoading = _useState10[1];
+      lastRead = _useState10[0],
+      setLastRead = _useState10[1];
 
-  var _useState11 = (0, _react.useState)(false),
+  var _useState11 = (0, _react.useState)(!(channel != null && channel.state.messages.length)),
       _useState12 = (0, _slicedToArray2["default"])(_useState11, 2),
-      loadingMore = _useState12[0],
-      setLoadingMore = _useState12[1];
+      loading = _useState12[0],
+      setLoading = _useState12[1];
 
   var _useState13 = (0, _react.useState)(false),
       _useState14 = (0, _slicedToArray2["default"])(_useState13, 2),
-      loadingMoreRecent = _useState14[0],
-      setLoadingMoreRecent = _useState14[1];
+      loadingMore = _useState14[0],
+      setLoadingMore = _useState14[1];
 
   var _useState15 = (0, _react.useState)(false),
       _useState16 = (0, _slicedToArray2["default"])(_useState15, 2),
-      quotedMessage = _useState16[0],
-      setQuotedMessage = _useState16[1];
+      loadingMoreRecent = _useState16[0],
+      setLoadingMoreRecent = _useState16[1];
 
-  var _useState17 = (0, _react.useState)(threadProps || null),
+  var _useState17 = (0, _react.useState)(false),
       _useState18 = (0, _slicedToArray2["default"])(_useState17, 2),
-      thread = _useState18[0],
-      setThread = _useState18[1];
+      quotedMessage = _useState18[0],
+      setQuotedMessage = _useState18[1];
 
-  var _useState19 = (0, _react.useState)(true),
+  var _useState19 = (0, _react.useState)(threadProps || null),
       _useState20 = (0, _slicedToArray2["default"])(_useState19, 2),
-      threadHasMore = _useState20[0],
-      setThreadHasMore = _useState20[1];
+      thread = _useState20[0],
+      setThread = _useState20[1];
 
-  var _useState21 = (0, _react.useState)(false),
+  var _useState21 = (0, _react.useState)(true),
       _useState22 = (0, _slicedToArray2["default"])(_useState21, 2),
-      threadLoadingMore = _useState22[0],
-      setThreadLoadingMore = _useState22[1];
+      threadHasMore = _useState22[0],
+      setThreadHasMore = _useState22[1];
 
   var _useState23 = (0, _react.useState)(false),
       _useState24 = (0, _slicedToArray2["default"])(_useState23, 2),
-      syncingChannel = _useState24[0],
-      setSyncingChannel = _useState24[1];
+      threadLoadingMore = _useState24[0],
+      setThreadLoadingMore = _useState24[1];
+
+  var _useState25 = (0, _react.useState)(false),
+      _useState26 = (0, _slicedToArray2["default"])(_useState25, 2),
+      syncingChannel = _useState26[0],
+      setSyncingChannel = _useState26[1];
 
   var _useTargetedMessage = (0, _useTargetedMessage2.useTargetedMessage)(messageId),
       setTargetedMessage = _useTargetedMessage.setTargetedMessage,
@@ -540,10 +576,8 @@ var ChannelWithContext = function ChannelWithContext(props) {
   var isAdmin = (client == null ? void 0 : (_client$user = client.user) == null ? void 0 : _client$user.role) === 'admin' || (channel == null ? void 0 : channel.state.membership.role) === 'admin';
   var isModerator = (channel == null ? void 0 : channel.state.membership.role) === 'channel_moderator' || (channel == null ? void 0 : channel.state.membership.role) === 'moderator';
   var isOwner = (channel == null ? void 0 : channel.state.membership.role) === 'owner';
-  var markRead = (0, _throttle.lightThrottle)(function () {
-    var _channel$getConfig;
-
-    if (channel != null && channel.disconnected || !(channel != null && channel.getConfig != null && (_channel$getConfig = channel.getConfig()) != null && _channel$getConfig.read_events)) {
+  var markRead = (0, _react.useRef)((0, _throttle["default"])(function () {
+    if (!channel || channel != null && channel.disconnected || !(clientChannelConfig != null && clientChannelConfig.read_events)) {
       return;
     }
 
@@ -552,18 +586,23 @@ var ChannelWithContext = function ChannelWithContext(props) {
     } else {
       (0, _streamChat.logChatPromiseExecution)(channel.markRead(), 'mark read');
     }
-  });
-  var copyTypingState = (0, _throttle.lightThrottle)(function () {
+  }, defaultThrottleInterval, throttleOptions)).current;
+  var copyMessagesState = (0, _react.useRef)((0, _throttle["default"])(function () {
+    if (channel) {
+      setMessages((0, _toConsumableArray2["default"])(channel.state.messages));
+    }
+  }, newMessageStateUpdateThrottleInterval, throttleOptions)).current;
+  var copyTypingState = (0, _react.useRef)((0, _throttle["default"])(function () {
     if (channel) {
       setTyping((0, _extends2["default"])({}, channel.state.typing));
     }
-  });
-  var copyReadState = (0, _throttle.lightThrottle)(function () {
+  }, stateUpdateThrottleInterval, throttleOptions)).current;
+  var copyReadState = (0, _react.useRef)((0, _throttle["default"])(function () {
     if (channel) {
       setRead((0, _extends2["default"])({}, channel.state.read));
     }
-  });
-  var copyChannelState = (0, _throttle.lightThrottle)(function () {
+  }, stateUpdateThrottleInterval, throttleOptions)).current;
+  var copyChannelState = (0, _react.useRef)((0, _throttle["default"])(function () {
     setLoading(false);
 
     if (channel) {
@@ -574,7 +613,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
       setWatcherCount(channel.state.watcher_count);
       setWatchers((0, _extends2["default"])({}, channel.state.watchers));
     }
-  });
+  }, stateUpdateThrottleInterval, throttleOptions)).current;
 
   var connectionRecoveredHandler = function connectionRecoveredHandler() {
     if (channel && shouldSyncChannel) {
@@ -610,6 +649,8 @@ var ChannelWithContext = function ChannelWithContext(props) {
         copyTypingState();
       } else if (event.type === 'message.read') {
         copyReadState();
+      } else if (event.type === 'message.new') {
+        copyMessagesState();
       } else if (channel) {
         copyChannelState();
       }
@@ -617,13 +658,29 @@ var ChannelWithContext = function ChannelWithContext(props) {
   };
 
   (0, _react.useEffect)(function () {
-    client.on('connection.recovered', connectionRecoveredHandler);
-    client.on('connection.changed', connectionChangedHandler);
-    channel == null ? void 0 : channel.on(handleEvent);
+    var channelSubscriptions = [];
+    var clientSubscriptions = [];
+
+    var subscribe = function subscribe() {
+      if (!channel) return;
+      clientSubscriptions.push(client.on('connection.recovered', connectionRecoveredHandler));
+      clientSubscriptions.push(client.on('connection.changed', connectionChangedHandler));
+      clientSubscriptions.push(client.on('channel.deleted', function (event) {
+        if (event.cid === channel.cid) {
+          setDeleted(true);
+        }
+      }));
+      channelSubscriptions.push(channel.on(handleEvent));
+    };
+
+    subscribe();
     return function () {
-      client.off('connection.recovered', connectionRecoveredHandler);
-      client.off('connection.changed', connectionChangedHandler);
-      channel == null ? void 0 : channel.off(handleEvent);
+      clientSubscriptions.forEach(function (s) {
+        return s.unsubscribe();
+      });
+      channelSubscriptions.forEach(function (s) {
+        return s.unsubscribe();
+      });
     };
   }, [channelId, connectionChangedHandler, connectionRecoveredHandler, handleEvent]);
 
@@ -639,7 +696,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
                 return null;
               };
               setError(false);
-              setLoading(true);
+              setLoading(!(channel != null && channel.state.messages.length));
               _context.prev = 3;
               _context.next = 6;
               return queryCall();
@@ -654,7 +711,13 @@ var ChannelWithContext = function ChannelWithContext(props) {
             case 11:
               _context.prev = 11;
               _context.t0 = _context["catch"](3);
-              setError(_context.t0);
+
+              if (_context.t0 instanceof Error) {
+                setError(_context.t0);
+              } else {
+                setError(true);
+              }
+
               setLoading(false);
               setLastRead(new Date());
 
@@ -865,7 +928,13 @@ var ChannelWithContext = function ChannelWithContext(props) {
               _context5.prev = 21;
               _context5.t0 = _context5["catch"](3);
               console.warn('Thread loading request failed with error', _context5.t0);
-              setError(_context5.t0);
+
+              if (_context5.t0 instanceof Error) {
+                setError(_context5.t0);
+              } else {
+                setError(true);
+              }
+
               setThreadLoadingMore(false);
               throw _context5.t0;
 
@@ -939,10 +1008,10 @@ var ChannelWithContext = function ChannelWithContext(props) {
               };
 
               failedMessages = messages.filter(function (message) {
-                return message.status === 'failed';
+                return message.status === _utils.MessageStatusTypes.FAILED;
               }).map(parseMessage);
               failedThreadMessages = thread ? threadMessages.filter(function (message) {
-                return message.status === 'failed';
+                return message.status === _utils.MessageStatusTypes.FAILED;
               }).map(parseMessage) : [];
               oldListTopMessageCreatedAt = oldListTopMessage.created_at;
               oldListBottomMessageCreatedAt = oldListBottomMessage.created_at;
@@ -985,7 +1054,13 @@ var ChannelWithContext = function ChannelWithContext(props) {
             case 39:
               _context6.prev = 39;
               _context6.t0 = _context6["catch"](4);
-              setError(_context6.t0);
+
+              if (_context6.t0 instanceof Error) {
+                setError(_context6.t0);
+              } else {
+                setError(true);
+              }
+
               setLoading(false);
 
             case 43:
@@ -1224,22 +1299,16 @@ var ChannelWithContext = function ChannelWithContext(props) {
     };
   }();
 
-  var clientChannelConfig = typeof (channel == null ? void 0 : channel.getConfig) === 'function' ? channel.getConfig() : undefined;
-  var messagesConfig = {
-    mutesEnabled: (_ref14 = mutesEnabledProp != null ? mutesEnabledProp : clientChannelConfig == null ? void 0 : clientChannelConfig.mutes) != null ? _ref14 : true,
-    quotedRepliesEnabled: quotedRepliesEnabledProp != null ? quotedRepliesEnabledProp : true,
-    reactionsEnabled: (_ref15 = reactionsEnabledProp != null ? reactionsEnabledProp : clientChannelConfig == null ? void 0 : clientChannelConfig.reactions) != null ? _ref15 : true,
-    threadRepliesEnabled: (_ref16 = threadRepliesEnabledProp != null ? threadRepliesEnabledProp : clientChannelConfig == null ? void 0 : clientChannelConfig.replies) != null ? _ref16 : true
-  };
-  var channelConfig = {
-    readEventsEnabled: (_ref17 = readEventsEnabledProp != null ? readEventsEnabledProp : clientChannelConfig == null ? void 0 : clientChannelConfig.read_events) != null ? _ref17 : true,
-    typingEventsEnabled: (_ref18 = typingEventsEnabledProp != null ? typingEventsEnabledProp : clientChannelConfig == null ? void 0 : clientChannelConfig.typing_events) != null ? _ref18 : true
-  };
-  var inputConfig = {
-    maxMessageLength: (_ref19 = maxMessageLengthProp != null ? maxMessageLengthProp : clientChannelConfig == null ? void 0 : clientChannelConfig.max_message_length) != null ? _ref19 : undefined,
-    uploadsEnabled: (_ref20 = uploadsEnabledProp != null ? uploadsEnabledProp : clientChannelConfig == null ? void 0 : clientChannelConfig.uploads) != null ? _ref20 : true
+  var getChannelConfigSafely = function getChannelConfigSafely() {
+    try {
+      return channel == null ? void 0 : channel.getConfig();
+    } catch (_) {
+      return null;
+    }
   };
 
+  var clientChannelConfig = getChannelConfigSafely();
+
   var updateMessage = function updateMessage(updatedMessage) {
     var extraState = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
 
@@ -1270,12 +1339,12 @@ var ChannelWithContext = function ChannelWithContext(props) {
     }
   };
 
-  var createMessagePreview = function createMessagePreview(_ref21) {
-    var attachments = _ref21.attachments,
-        mentioned_users = _ref21.mentioned_users,
-        parent_id = _ref21.parent_id,
-        text = _ref21.text,
-        extraFields = (0, _objectWithoutProperties2["default"])(_ref21, _excluded);
+  var createMessagePreview = function createMessagePreview(_ref14) {
+    var attachments = _ref14.attachments,
+        mentioned_users = _ref14.mentioned_users,
+        parent_id = _ref14.parent_id,
+        text = _ref14.text,
+        extraFields = (0, _objectWithoutProperties2["default"])(_ref14, _excluded);
     var preview = (0, _extends2["default"])({
       __html: text,
       attachments: attachments,
@@ -1289,7 +1358,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
       })) || [],
       parent_id: parent_id,
       reactions: [],
-      status: 'sending',
+      status: _utils.MessageStatusTypes.SENDING,
       text: text,
       type: 'regular',
       user: (0, _extends2["default"])({
@@ -1309,7 +1378,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
   };
 
   var sendMessageRequest = function () {
-    var _ref22 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee12(message, retrying) {
+    var _ref15 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee12(message, retrying) {
       var __html, attachments, created_at, html, id, mentioned_users, parent_id, quoted_message, reactions, status, text, type, updated_at, user, extraFields, messageData, messageResponse;
 
       return _regenerator["default"].wrap(function _callee12$(_context12) {
@@ -1356,7 +1425,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
 
             case 14:
               if (messageResponse.message) {
-                messageResponse.message.status = 'received';
+                messageResponse.message.status = _utils.MessageStatusTypes.RECEIVED;
 
                 if (retrying) {
                   replaceMessage(message, messageResponse.message);
@@ -1372,7 +1441,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
               _context12.prev = 17;
               _context12.t0 = _context12["catch"](2);
               console.log(_context12.t0);
-              message.status = 'failed';
+              message.status = _utils.MessageStatusTypes.FAILED;
               updateMessage(message);
 
             case 22:
@@ -1384,12 +1453,12 @@ var ChannelWithContext = function ChannelWithContext(props) {
     }));
 
     return function sendMessageRequest(_x4, _x5) {
-      return _ref22.apply(this, arguments);
+      return _ref15.apply(this, arguments);
     };
   }();
 
   var sendMessage = function () {
-    var _ref23 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee13(message) {
+    var _ref16 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee13(message) {
       var _channel$state;
 
       var messagePreview;
@@ -1430,19 +1499,19 @@ var ChannelWithContext = function ChannelWithContext(props) {
     }));
 
     return function sendMessage(_x6) {
-      return _ref23.apply(this, arguments);
+      return _ref16.apply(this, arguments);
     };
   }();
 
   var retrySendMessage = function () {
-    var _ref24 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee14(message) {
+    var _ref17 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee14(message) {
       var statusPendingMessage;
       return _regenerator["default"].wrap(function _callee14$(_context14) {
         while (1) {
           switch (_context14.prev = _context14.next) {
             case 0:
               statusPendingMessage = (0, _extends2["default"])({}, message, {
-                status: 'sending'
+                status: _utils.MessageStatusTypes.SENDING
               });
               updateMessage(statusPendingMessage);
               _context14.next = 4;
@@ -1457,19 +1526,19 @@ var ChannelWithContext = function ChannelWithContext(props) {
     }));
 
     return function retrySendMessage(_x7) {
-      return _ref24.apply(this, arguments);
+      return _ref17.apply(this, arguments);
     };
   }();
 
-  var loadMoreFinished = (0, _debounce.heavyDebounce)(function (updatedHasMore, newMessages) {
+  var loadMoreFinished = (0, _react.useRef)((0, _debounce["default"])(function (updatedHasMore, newMessages) {
     setLoadingMore(false);
     setError(false);
     setHasMore(updatedHasMore);
     setMessages(newMessages);
-  });
+  }, defaultDebounceInterval, debounceOptions)).current;
 
   var loadMore = function () {
-    var _ref25 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee15() {
+    var _ref18 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee15() {
       var limit,
           oldestMessage,
           oldestID,
@@ -1502,7 +1571,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
             case 6:
               oldestMessage = messages && messages[0];
 
-              if (!(oldestMessage && oldestMessage.status !== 'received')) {
+              if (!(oldestMessage && oldestMessage.status !== _utils.MessageStatusTypes.RECEIVED)) {
                 _context15.next = 9;
                 break;
               }
@@ -1539,7 +1608,13 @@ var ChannelWithContext = function ChannelWithContext(props) {
               _context15.prev = 19;
               _context15.t0 = _context15["catch"](10);
               console.warn('Message pagination request failed with error', _context15.t0);
-              setError(_context15.t0);
+
+              if (_context15.t0 instanceof Error) {
+                setError(_context15.t0);
+              } else {
+                setError(true);
+              }
+
               setLoadingMore(false);
               throw _context15.t0;
 
@@ -1552,12 +1627,12 @@ var ChannelWithContext = function ChannelWithContext(props) {
     }));
 
     return function loadMore() {
-      return _ref25.apply(this, arguments);
+      return _ref18.apply(this, arguments);
     };
   }();
 
   var loadMoreRecent = function () {
-    var _ref26 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee16() {
+    var _ref19 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee16() {
       var limit,
           recentMessage,
           _args16 = arguments;
@@ -1578,7 +1653,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
               setLoadingMoreRecent(true);
               recentMessage = messages[messages.length - 1];
 
-              if (!((recentMessage == null ? void 0 : recentMessage.status) !== 'received')) {
+              if (!((recentMessage == null ? void 0 : recentMessage.status) !== _utils.MessageStatusTypes.RECEIVED)) {
                 _context16.next = 8;
                 break;
               }
@@ -1608,7 +1683,13 @@ var ChannelWithContext = function ChannelWithContext(props) {
               _context16.prev = 15;
               _context16.t0 = _context16["catch"](8);
               console.warn('Message pagination request failed with error', _context16.t0);
-              setError(_context16.t0);
+
+              if (_context16.t0 instanceof Error) {
+                setError(_context16.t0);
+              } else {
+                setError(true);
+              }
+
               setLoadingMoreRecent(false);
               throw _context16.t0;
 
@@ -1621,15 +1702,15 @@ var ChannelWithContext = function ChannelWithContext(props) {
     }));
 
     return function loadMoreRecent() {
-      return _ref26.apply(this, arguments);
+      return _ref19.apply(this, arguments);
     };
   }();
 
-  var loadMoreRecentFinished = (0, _debounce.heavyDebounce)(function (newMessages) {
+  var loadMoreRecentFinished = (0, _react.useRef)((0, _debounce["default"])(function (newMessages) {
     setLoadingMoreRecent(false);
     setMessages(newMessages);
     setError(false);
-  });
+  }, defaultDebounceInterval, debounceOptions)).current;
 
   var editMessage = function editMessage(updatedMessage) {
     return doUpdateMessageRequest ? doUpdateMessageRequest((channel == null ? void 0 : channel.cid) || '', updatedMessage) : client.updateMessage(updatedMessage);
@@ -1674,14 +1755,14 @@ var ChannelWithContext = function ChannelWithContext(props) {
     setThread(null);
     setThreadMessages([]);
   }, [setThread, setThreadMessages]);
-  var loadMoreThreadFinished = (0, _debounce.heavyDebounce)(function (newThreadHasMore, updatedThreadMessages) {
+  var loadMoreThreadFinished = (0, _react.useRef)((0, _debounce["default"])(function (newThreadHasMore, updatedThreadMessages) {
     setThreadHasMore(newThreadHasMore);
     setThreadLoadingMore(false);
     setThreadMessages(updatedThreadMessages);
-  });
+  }, defaultDebounceInterval, debounceOptions)).current;
 
   var loadMoreThread = function () {
-    var _ref27 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee17() {
+    var _ref20 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee17() {
       var _threadMessages$, parentID, oldestMessageID, limit, queryResponse, updatedHasMore, updatedThreadMessages;
 
       return _regenerator["default"].wrap(function _callee17$(_context17) {
@@ -1728,7 +1809,13 @@ var ChannelWithContext = function ChannelWithContext(props) {
               _context17.prev = 17;
               _context17.t0 = _context17["catch"](3);
               console.warn('Message pagination request failed with error', _context17.t0);
-              setError(_context17.t0);
+
+              if (_context17.t0 instanceof Error) {
+                setError(_context17.t0);
+              } else {
+                setError(true);
+              }
+
               setThreadLoadingMore(false);
               throw _context17.t0;
 
@@ -1741,21 +1828,28 @@ var ChannelWithContext = function ChannelWithContext(props) {
     }));
 
     return function loadMoreThread() {
-      return _ref27.apply(this, arguments);
+      return _ref20.apply(this, arguments);
     };
   }();
 
-  var channelContext = (0, _useCreateChannelContext.useCreateChannelContext)((0, _extends2["default"])({}, channelConfig, {
+  var ownCapabilitiesContext = (0, _useCreateOwnCapabilitiesContext.useCreateOwnCapabilitiesContext)({
+    channel: channel,
+    overrideCapabilities: overrideOwnCapabilities
+  });
+  var channelContext = (0, _useCreateChannelContext.useCreateChannelContext)({
     channel: channel,
     disabled: !!(channel != null && (_channel$data = channel.data) != null && _channel$data.frozen) && disableIfFrozenChannel,
     EmptyStateIndicator: EmptyStateIndicator,
+    enableMessageGroupingByUser: enableMessageGroupingByUser,
     enforceUniqueReaction: enforceUniqueReaction,
     error: error,
-    giphyEnabled: giphyEnabled != null ? giphyEnabled : !!((_ref28 = (channel == null ? void 0 : channel.getConfig == null ? void 0 : (_channel$getConfig2 = channel.getConfig()) == null ? void 0 : _channel$getConfig2.commands) || []) != null && _ref28.some(function (command) {
+    giphyEnabled: giphyEnabled != null ? giphyEnabled : !!((_ref21 = (clientChannelConfig == null ? void 0 : clientChannelConfig.commands) || []) != null && _ref21.some(function (command) {
       return command.name === 'giphy';
     })),
     hideDateSeparators: hideDateSeparators,
+    hideStickyDateHeader: hideStickyDateHeader,
     isAdmin: isAdmin,
+    isChannelActive: shouldSyncChannel,
     isModerator: isModerator,
     isOwner: isOwner,
     lastRead: lastRead,
@@ -1776,8 +1870,8 @@ var ChannelWithContext = function ChannelWithContext(props) {
     threadList: threadList,
     watcherCount: watcherCount,
     watchers: watchers
-  }));
-  var messageInputContext = (0, _useCreateInputMessageInputContext.useCreateInputMessageInputContext)((0, _extends2["default"])({}, inputConfig, {
+  });
+  var inputMessageInputContext = (0, _useCreateInputMessageInputContext.useCreateInputMessageInputContext)({
     additionalTextInputProps: additionalTextInputProps,
     AttachButton: AttachButton,
     autoCompleteSuggestionsLimit: autoCompleteSuggestionsLimit,
@@ -1787,6 +1881,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
     clearQuotedMessageState: clearQuotedMessageState,
     CommandsButton: CommandsButton,
     compressImageQuality: compressImageQuality,
+    CooldownTimer: CooldownTimer,
     doDocUploadRequest: doDocUploadRequest,
     doImageUploadRequest: doImageUploadRequest,
     editing: editing,
@@ -1799,6 +1894,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
     initialValue: initialValue,
     Input: Input,
     InputButtons: InputButtons,
+    maxMessageLength: (_ref22 = maxMessageLengthProp != null ? maxMessageLengthProp : clientChannelConfig == null ? void 0 : clientChannelConfig.max_message_length) != null ? _ref22 : undefined,
     maxNumberOfFiles: maxNumberOfFiles,
     mentionAllAppUsersEnabled: mentionAllAppUsersEnabled,
     mentionAllAppUsersQuery: mentionAllAppUsersQuery,
@@ -1809,11 +1905,12 @@ var ChannelWithContext = function ChannelWithContext(props) {
     SendButton: SendButton,
     sendImageAsync: sendImageAsync,
     sendMessage: sendMessage,
+    SendMessageDisallowedIndicator: SendMessageDisallowedIndicator,
     setInputRef: setInputRef,
     setQuotedMessageState: setQuotedMessageState,
     ShowThreadMessageInChannelButton: ShowThreadMessageInChannelButton,
     UploadProgressIndicator: UploadProgressIndicator
-  }));
+  });
   var messageListContext = (0, _useCreatePaginatedMessageListContext.useCreatePaginatedMessageListContext)({
     channelId: channelId,
     hasMore: hasMore,
@@ -1825,27 +1922,23 @@ var ChannelWithContext = function ChannelWithContext(props) {
     setLoadingMore: setLoadingMore,
     setLoadingMoreRecent: setLoadingMoreRecent
   });
-  var messagesContext = (0, _useCreateMessagesContext.useCreateMessagesContext)((0, _extends2["default"])({}, messagesConfig, {
+  var messagesContext = (0, _useCreateMessagesContext.useCreateMessagesContext)({
     additionalTouchableProps: additionalTouchableProps,
-    animatedLongPress: animatedLongPress,
     Attachment: Attachment,
     AttachmentActions: AttachmentActions,
-    blockUser: blockUser,
     Card: Card,
     CardCover: CardCover,
     CardFooter: CardFooter,
     CardHeader: CardHeader,
     channelId: channelId,
-    copyMessage: copyMessage,
     DateHeader: DateHeader,
-    deleteMessage: deleteMessage,
+    deletedMessagesVisibilityType: deletedMessagesVisibilityType,
     disableTypingIndicator: disableTypingIndicator,
     dismissKeyboardOnMessageTouch: dismissKeyboardOnMessageTouch,
-    editMessage: editMessageProp,
+    enableMessageGroupingByUser: enableMessageGroupingByUser,
     FileAttachment: FileAttachment,
     FileAttachmentGroup: FileAttachmentGroup,
     FileAttachmentIcon: FileAttachmentIcon,
-    flagMessage: flagMessage,
     FlatList: FlatList,
     forceAlignMessages: forceAlignMessages,
     formatDate: formatDate,
@@ -1857,6 +1950,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
     handleEdit: handleEdit,
     handleFlag: handleFlag,
     handleMute: handleMute,
+    handlePinMessage: handlePinMessage,
     handleQuotedReply: handleQuotedReply,
     handleReaction: handleReaction,
     handleRetry: handleRetry,
@@ -1864,6 +1958,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
     initialScrollToFirstUnreadMessage: initialScrollToFirstUnreadMessage,
     InlineDateSeparator: InlineDateSeparator,
     InlineUnreadIndicator: InlineUnreadIndicator,
+    legacyImageViewerSwipeBehaviour: legacyImageViewerSwipeBehaviour,
     markdownRules: markdownRules,
     Message: Message,
     messageActions: messageActions,
@@ -1874,40 +1969,37 @@ var ChannelWithContext = function ChannelWithContext(props) {
     MessageFooter: MessageFooter,
     MessageHeader: MessageHeader,
     MessageList: MessageList,
+    MessagePinnedHeader: MessagePinnedHeader,
     MessageReplies: MessageReplies,
     MessageRepliesAvatars: MessageRepliesAvatars,
     MessageSimple: MessageSimple,
     MessageStatus: MessageStatus,
     MessageSystem: MessageSystem,
     MessageText: MessageText,
-    muteUser: muteUser,
     myMessageTheme: myMessageTheme,
-    onDoubleTapMessage: onDoubleTapMessage,
     onLongPressMessage: onLongPressMessage,
     onPressInMessage: onPressInMessage,
     onPressMessage: onPressMessage,
     OverlayReactionList: OverlayReactionList,
-    quotedReply: quotedReply,
     ReactionList: ReactionList,
     removeMessage: removeMessage,
     Reply: Reply,
-    retry: retry,
     retrySendMessage: retrySendMessage,
     ScrollToBottomButton: ScrollToBottomButton,
     selectReaction: selectReaction,
     setEditingState: setEditingState,
     setQuotedMessageState: setQuotedMessageState,
     supportedReactions: supportedReactions,
-    threadReply: threadReply,
+    targetedMessage: targetedMessage,
     TypingIndicator: TypingIndicator,
     TypingIndicatorContainer: TypingIndicatorContainer,
     updateMessage: updateMessage,
     UrlPreview: UrlPreview
-  }));
+  });
   var suggestionsContext = {
-    closeSuggestions: closeSuggestions,
-    openSuggestions: openSuggestions,
-    updateSuggestions: updateSuggestions
+    AutoCompleteSuggestionHeader: AutoCompleteSuggestionHeader,
+    AutoCompleteSuggestionItem: AutoCompleteSuggestionItem,
+    AutoCompleteSuggestionList: AutoCompleteSuggestionList
   };
   var threadContext = (0, _useCreateThreadContext.useCreateThreadContext)({
     allowThreadMessagesInChannel: allowThreadMessagesInChannel,
@@ -1924,6 +2016,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
   var typingContext = (0, _useCreateTypingContext.useCreateTypingContext)({
     typing: typing
   });
+  if (deleted) return null;
 
   if (!channel || error && messages.length === 0) {
     return _react["default"].createElement(LoadingErrorIndicator, {
@@ -1933,7 +2026,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 1728,
+        lineNumber: 1755,
         columnNumber: 12
       }
     });
@@ -1948,7 +2041,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 1733,
+        lineNumber: 1760,
         columnNumber: 7
       }
     }, t('Please select a channel first'));
@@ -1962,7 +2055,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1740,
+      lineNumber: 1767,
       columnNumber: 5
     }
   }), _react["default"].createElement(_ChannelContext.ChannelProvider, {
@@ -1970,56 +2063,64 @@ var ChannelWithContext = function ChannelWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1746,
+      lineNumber: 1773,
       columnNumber: 7
     }
+  }, _react["default"].createElement(_OwnCapabilitiesContext.OwnCapabilitiesProvider, {
+    value: ownCapabilitiesContext,
+    __self: _this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 1774,
+      columnNumber: 9
+    }
   }, _react["default"].createElement(_TypingContext.TypingProvider, {
     value: typingContext,
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1747,
-      columnNumber: 9
+      lineNumber: 1775,
+      columnNumber: 11
     }
   }, _react["default"].createElement(_PaginatedMessageListContext.PaginatedMessageListProvider, {
     value: messageListContext,
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1748,
-      columnNumber: 11
+      lineNumber: 1776,
+      columnNumber: 13
     }
   }, _react["default"].createElement(_MessagesContext.MessagesProvider, {
     value: messagesContext,
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1749,
-      columnNumber: 13
+      lineNumber: 1777,
+      columnNumber: 15
     }
   }, _react["default"].createElement(_ThreadContext.ThreadProvider, {
     value: threadContext,
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1750,
-      columnNumber: 15
+      lineNumber: 1778,
+      columnNumber: 17
     }
   }, _react["default"].createElement(_SuggestionsContext.SuggestionsProvider, {
     value: suggestionsContext,
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1751,
-      columnNumber: 17
+      lineNumber: 1779,
+      columnNumber: 19
     }
   }, _react["default"].createElement(_MessageInputContext.MessageInputProvider, {
-    value: messageInputContext,
+    value: inputMessageInputContext,
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1752,
-      columnNumber: 19
+      lineNumber: 1780,
+      columnNumber: 21
     }
   }, _react["default"].createElement(_reactNative.View, {
     style: {
@@ -2028,10 +2129,10 @@ var ChannelWithContext = function ChannelWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1753,
-      columnNumber: 21
+      lineNumber: 1781,
+      columnNumber: 23
     }
-  }, children)))))))));
+  }, children))))))))));
 };
 
 var Channel = function Channel(props) {
@@ -2083,7 +2184,7 @@ var Channel = function Channel(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1820,
+      lineNumber: 1838,
       columnNumber: 5
     }
   }));