stream-chat-react-native-core 9.0.0-beta.8 → 9.0.0

package/lib/module/components/Channel/Channel.js

@@ -28,6 +28,7 @@ var _AudioPlayerContext = require("../../contexts/audioPlayerContext/AudioPlayer
 var _ChannelContext = require("../../contexts/channelContext/ChannelContext");
 var _useChannelState2 = require("../../contexts/channelsStateContext/useChannelState");
 var _ChatContext = require("../../contexts/chatContext/ChatContext");
+var _ComponentsContext = require("../../contexts/componentsContext/ComponentsContext");
 var _MessageComposerContext = require("../../contexts/messageComposerContext/MessageComposerContext");
 var _MessageInputContext = require("../../contexts/messageInputContext/MessageInputContext");
 var _MessagesContext = require("../../contexts/messagesContext/MessagesContext");
@@ -50,104 +51,10 @@ var _addReactionToLocalState = require("../../utils/addReactionToLocalState");
 var _compressImage = require("../../utils/compressImage");
 var _patchMessageTextCommand = require("../../utils/patchMessageTextCommand");
 var _utils = require("../../utils/utils");
-var _Attachment = require("../Attachment/Attachment");
-var _Audio = require("../Attachment/Audio");
-var _FileAttachment = require("../Attachment/FileAttachment");
-var _FileAttachmentGroup = require("../Attachment/FileAttachmentGroup");
-var _FileIcon = require("../Attachment/FileIcon");
-var _FilePreview = require("../Attachment/FilePreview");
-var _Gallery = require("../Attachment/Gallery");
-var _Giphy = require("../Attachment/Giphy");
-var _ImageLoadingFailedIndicator = require("../Attachment/ImageLoadingFailedIndicator");
-var _ImageLoadingIndicator = require("../Attachment/ImageLoadingIndicator");
-var _UnsupportedAttachment = require("../Attachment/UnsupportedAttachment");
-var _UrlPreview = require("../Attachment/UrlPreview");
-var _URLPreviewCompact = require("../Attachment/UrlPreview/URLPreviewCompact");
-var _VideoThumbnail = require("../Attachment/VideoThumbnail");
 var _AttachmentPicker = require("../AttachmentPicker/AttachmentPicker");
-var _AttachmentPickerContent = require("../AttachmentPicker/components/AttachmentPickerContent");
-var _AttachmentPickerSelectionBar = require("../AttachmentPicker/components/AttachmentPickerSelectionBar");
-var _ImageOverlaySelectedComponent = require("../AttachmentPicker/components/ImageOverlaySelectedComponent");
-var _AutoCompleteSuggestionHeader = require("../AutoCompleteInput/AutoCompleteSuggestionHeader");
-var _AutoCompleteSuggestionItem = require("../AutoCompleteInput/AutoCompleteSuggestionItem");
-var _AutoCompleteSuggestionList = require("../AutoCompleteInput/AutoCompleteSuggestionList");
-var _InputView = require("../AutoCompleteInput/InputView");
-var _EmptyStateIndicator = require("../Indicators/EmptyStateIndicator");
-var _LoadingErrorIndicator = require("../Indicators/LoadingErrorIndicator");
-var _LoadingIndicator = require("../Indicators/LoadingIndicator");
-var _KeyboardControllerAvoidingView = require("../KeyboardCompatibleView/KeyboardControllerAvoidingView");
-var _Message = require("../Message/Message");
-var _MessagePinnedHeader = require("../Message/MessageItemView/Headers/MessagePinnedHeader");
-var _MessageReminderHeader = require("../Message/MessageItemView/Headers/MessageReminderHeader");
-var _MessageSavedForLaterHeader = require("../Message/MessageItemView/Headers/MessageSavedForLaterHeader");
-var _SentToChannelHeader = require("../Message/MessageItemView/Headers/SentToChannelHeader");
-var _MessageAuthor = require("../Message/MessageItemView/MessageAuthor");
-var _MessageBlocked = require("../Message/MessageItemView/MessageBlocked");
-var _MessageBounce = require("../Message/MessageItemView/MessageBounce");
-var _MessageContent = require("../Message/MessageItemView/MessageContent");
-var _MessageDeleted = require("../Message/MessageItemView/MessageDeleted");
-var _MessageError = require("../Message/MessageItemView/MessageError");
-var _MessageFooter = require("../Message/MessageItemView/MessageFooter");
-var _MessageHeader = require("../Message/MessageItemView/MessageHeader");
-var _MessageItemView = require("../Message/MessageItemView/MessageItemView");
-var _MessageReplies = require("../Message/MessageItemView/MessageReplies");
-var _MessageRepliesAvatars = require("../Message/MessageItemView/MessageRepliesAvatars");
-var _MessageStatus = require("../Message/MessageItemView/MessageStatus");
-var _MessageSwipeContent = require("../Message/MessageItemView/MessageSwipeContent");
-var _MessageTimestamp = require("../Message/MessageItemView/MessageTimestamp");
-var _ReactionListBottom = require("../Message/MessageItemView/ReactionList/ReactionListBottom");
-var _ReactionListClustered = require("../Message/MessageItemView/ReactionList/ReactionListClustered");
-var _ReactionListItem = require("../Message/MessageItemView/ReactionList/ReactionListItem");
-var _ReactionListItemWrapper = require("../Message/MessageItemView/ReactionList/ReactionListItemWrapper");
-var _ReactionListTop = require("../Message/MessageItemView/ReactionList/ReactionListTop");
-var _StreamingMessageView = require("../Message/MessageItemView/StreamingMessageView");
-var _AttachmentUploadPreviewList = require("../MessageInput/components/AttachmentPreview/AttachmentUploadPreviewList");
-var _AttachmentUploadProgressIndicator = require("../MessageInput/components/AttachmentPreview/AttachmentUploadProgressIndicator");
-var _AudioAttachmentUploadPreview = require("../MessageInput/components/AttachmentPreview/AudioAttachmentUploadPreview");
-var _FileAttachmentUploadPreview = require("../MessageInput/components/AttachmentPreview/FileAttachmentUploadPreview");
-var _ImageAttachmentUploadPreview = require("../MessageInput/components/AttachmentPreview/ImageAttachmentUploadPreview");
-var _VideoAttachmentUploadPreview = require("../MessageInput/components/AttachmentPreview/VideoAttachmentUploadPreview");
-var _AudioRecorder = require("../MessageInput/components/AudioRecorder/AudioRecorder");
-var _AudioRecordingButton = require("../MessageInput/components/AudioRecorder/AudioRecordingButton");
-var _AudioRecordingInProgress = require("../MessageInput/components/AudioRecorder/AudioRecordingInProgress");
-var _AudioRecordingLockIndicator = require("../MessageInput/components/AudioRecorder/AudioRecordingLockIndicator");
-var _AudioRecordingPreview = require("../MessageInput/components/AudioRecorder/AudioRecordingPreview");
-var _AudioRecordingWaveform = require("../MessageInput/components/AudioRecorder/AudioRecordingWaveform");
-var _InputButtons = require("../MessageInput/components/InputButtons");
-var _AttachButton = require("../MessageInput/components/InputButtons/AttachButton");
-var _CooldownTimer = require("../MessageInput/components/OutputButtons/CooldownTimer");
-var _SendButton = require("../MessageInput/components/OutputButtons/SendButton");
-var _MessageComposerLeadingView = require("../MessageInput/MessageComposerLeadingView");
-var _MessageComposerTrailingView = require("../MessageInput/MessageComposerTrailingView");
-var _MessageInputFooterView = require("../MessageInput/MessageInputFooterView");
-var _MessageInputHeaderView = require("../MessageInput/MessageInputHeaderView");
-var _MessageInputLeadingView = require("../MessageInput/MessageInputLeadingView");
-var _MessageInputTrailingView = require("../MessageInput/MessageInputTrailingView");
-var _SendMessageDisallowedIndicator = require("../MessageInput/SendMessageDisallowedIndicator");
-var _ShowThreadMessageInChannelButton = require("../MessageInput/ShowThreadMessageInChannelButton");
-var _StopMessageStreamingButton = require("../MessageInput/StopMessageStreamingButton");
-var _DateHeader = require("../MessageList/DateHeader");
-var _InlineDateSeparator = require("../MessageList/InlineDateSeparator");
-var _InlineUnreadIndicator = require("../MessageList/InlineUnreadIndicator");
-var _MessageList = require("../MessageList/MessageList");
-var _MessageSystem = require("../MessageList/MessageSystem");
-var _NetworkDownIndicator = require("../MessageList/NetworkDownIndicator");
-var _ScrollToBottomButton = require("../MessageList/ScrollToBottomButton");
-var _StickyHeader = require("../MessageList/StickyHeader");
-var _TypingIndicator = require("../MessageList/TypingIndicator");
-var _TypingIndicatorContainer = require("../MessageList/TypingIndicatorContainer");
-var _UnreadMessagesNotification = require("../MessageList/UnreadMessagesNotification");
 var _EmojiPickerList = require("../MessageMenu/EmojiPickerList");
 var _emojis = require("../MessageMenu/emojis");
-var _MessageActionList = require("../MessageMenu/MessageActionList");
-var _MessageActionListItem = require("../MessageMenu/MessageActionListItem");
-var _MessageMenu = require("../MessageMenu/MessageMenu");
-var _MessageReactionPicker = require("../MessageMenu/MessageReactionPicker");
-var _MessageUserReactions = require("../MessageMenu/MessageUserReactions");
-var _MessageUserReactionsAvatar = require("../MessageMenu/MessageUserReactionsAvatar");
-var _MessageUserReactionsItem = require("../MessageMenu/MessageUserReactionsItem");
 var _toUnicodeScalarString = require("../MessageMenu/utils/toUnicodeScalarString");
-var _Reply = require("../Reply/Reply");
 var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["user"],
   _excluded2 = ["user"];
@@ -235,7 +142,7 @@ var debounceOptions = {
   trailing: true
 };
 var ChannelWithContext = function ChannelWithContext(props) {
-  var _channel$getConfig, _channel$data, _channelState$members, _channelState$read, _clientChannelConfig$, _channelMessagesState2, _channelState$typing, _channelMessagesState3;
+  var _channel$getConfig, _channel$data, _channelState$members, _channelState$read, _clientChannelConfig$, _channelMessagesState, _channelState$typing, _channelMessagesState2;
   var _props$disableAttachm = props.disableAttachmentPicker,
     disableAttachmentPicker = _props$disableAttachm === void 0 ? !(0, _native.isImageMediaLibraryAvailable)() : _props$disableAttachm,
     additionalKeyboardAvoidingViewProps = props.additionalKeyboardAvoidingViewProps,
@@ -252,43 +159,13 @@ var ChannelWithContext = function ChannelWithContext(props) {
     _props$asyncMessagesS = props.asyncMessagesSlideToCancelDistance,
     asyncMessagesSlideToCancelDistance = _props$asyncMessagesS === void 0 ? 75 : _props$asyncMessagesS,
     _props$audioRecording = props.audioRecordingSendOnComplete,
-    audioRecordingSendOnComplete = _props$audioRecording === void 0 ? true : _props$audioRecording,
-    _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,
+    audioRecordingSendOnComplete = _props$audioRecording === void 0 ? false : _props$audioRecording,
     _props$attachmentPick = props.attachmentPickerBottomSheetHeight,
     attachmentPickerBottomSheetHeight = _props$attachmentPick === void 0 ? disableAttachmentPicker ? 72 : 333 : _props$attachmentPick,
-    _props$AttachmentPick = props.AttachmentPickerSelectionBar,
-    AttachmentPickerSelectionBar = _props$AttachmentPick === void 0 ? _AttachmentPickerSelectionBar.AttachmentPickerSelectionBar : _props$AttachmentPick,
     _props$attachmentSele = props.attachmentSelectionBarHeight,
     attachmentSelectionBarHeight = _props$attachmentSele === void 0 ? 72 : _props$attachmentSele,
-    _props$AudioAttachmen = props.AudioAttachment,
-    AudioAttachment = _props$AudioAttachmen === void 0 ? _Audio.AudioAttachment : _props$AudioAttachmen,
-    _props$AudioAttachmen2 = props.AudioAttachmentUploadPreview,
-    AudioAttachmentUploadPreview = _props$AudioAttachmen2 === void 0 ? _AudioAttachmentUploadPreview.AudioAttachmentUploadPreview : _props$AudioAttachmen2,
-    _props$AudioRecorder = props.AudioRecorder,
-    AudioRecorder = _props$AudioRecorder === void 0 ? _AudioRecorder.AudioRecorder : _props$AudioRecorder,
     _props$audioRecording2 = props.audioRecordingEnabled,
     audioRecordingEnabled = _props$audioRecording2 === void 0 ? false : _props$audioRecording2,
-    _props$AudioRecording = props.AudioRecordingInProgress,
-    AudioRecordingInProgress = _props$AudioRecording === void 0 ? _AudioRecordingInProgress.AudioRecordingInProgress : _props$AudioRecording,
-    _props$AudioRecording2 = props.AudioRecordingLockIndicator,
-    AudioRecordingLockIndicator = _props$AudioRecording2 === void 0 ? _AudioRecordingLockIndicator.AudioRecordingLockIndicator : _props$AudioRecording2,
-    _props$AudioRecording3 = props.AudioRecordingPreview,
-    AudioRecordingPreview = _props$AudioRecording3 === void 0 ? _AudioRecordingPreview.AudioRecordingPreview : _props$AudioRecording3,
-    _props$AudioRecording4 = props.AudioRecordingWaveform,
-    AudioRecordingWaveform = _props$AudioRecording4 === void 0 ? _AudioRecordingWaveform.AudioRecordingWaveform : _props$AudioRecording4,
-    _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,
-    _props$AttachmentUplo = props.AttachmentUploadPreviewList,
-    AttachmentUploadPreviewList = _props$AttachmentUplo === void 0 ? _AttachmentUploadPreviewList.AttachmentUploadPreviewList : _props$AttachmentUplo,
-    _props$ImageOverlaySe = props.ImageOverlaySelectedComponent,
-    ImageOverlaySelectedComponent = _props$ImageOverlaySe === void 0 ? _ImageOverlaySelectedComponent.ImageOverlaySelectedComponent : _props$ImageOverlaySe,
     _props$numberOfAttach = props.numberOfAttachmentImagesToLoadPerCall,
     numberOfAttachmentImagesToLoadPerCall = _props$numberOfAttach === void 0 ? 25 : _props$numberOfAttach,
     _props$numberOfAttach2 = props.numberOfAttachmentPickerImageColumns,
@@ -301,15 +178,8 @@ var ChannelWithContext = function ChannelWithContext(props) {
     children = props.children,
     client = props.client,
     compressImageQuality = props.compressImageQuality,
-    _props$CooldownTimer = props.CooldownTimer,
-    CooldownTimer = _props$CooldownTimer === void 0 ? _CooldownTimer.CooldownTimer : _props$CooldownTimer,
-    CreatePollContent = props.CreatePollContent,
     createPollOptionGap = props.createPollOptionGap,
     customMessageSwipeAction = props.customMessageSwipeAction,
-    _props$DateHeader = props.DateHeader,
-    DateHeader = _props$DateHeader === void 0 ? _DateHeader.DateHeader : _props$DateHeader,
-    _props$deletedMessage = props.deletedMessagesVisibilityType,
-    deletedMessagesVisibilityType = _props$deletedMessage === void 0 ? 'always' : _props$deletedMessage,
     _props$disableKeyboar = props.disableKeyboardCompatibleView,
     disableKeyboardCompatibleView = _props$disableKeyboar === void 0 ? false : _props$disableKeyboar,
     disableTypingIndicator = props.disableTypingIndicator,
@@ -320,8 +190,6 @@ var ChannelWithContext = function ChannelWithContext(props) {
     doSendMessageRequest = props.doSendMessageRequest,
     preSendMessageRequest = props.preSendMessageRequest,
     doUpdateMessageRequest = props.doUpdateMessageRequest,
-    _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,
     enableOfflineSupport = props.enableOfflineSupport,
@@ -331,36 +199,10 @@ var ChannelWithContext = function ChannelWithContext(props) {
     enableSwipeToReply = _props$enableSwipeToR === void 0 ? true : _props$enableSwipeToR,
     _props$enforceUniqueR = props.enforceUniqueReaction,
     enforceUniqueReaction = _props$enforceUniqueR === void 0 ? false : _props$enforceUniqueR,
-    _props$FileAttachment = props.FileAttachment,
-    FileAttachment = _props$FileAttachment === void 0 ? _FileAttachment.FileAttachment : _props$FileAttachment,
-    _props$FileAttachment2 = props.FileAttachmentUploadPreview,
-    FileAttachmentUploadPreview = _props$FileAttachment2 === void 0 ? _FileAttachmentUploadPreview.FileAttachmentUploadPreview : _props$FileAttachment2,
-    _props$FileAttachment3 = props.FileAttachmentGroup,
-    FileAttachmentGroup = _props$FileAttachment3 === void 0 ? _FileAttachmentGroup.FileAttachmentGroup : _props$FileAttachment3,
-    _props$FileAttachment4 = props.FileAttachmentIcon,
-    FileAttachmentIcon = _props$FileAttachment4 === void 0 ? _FileIcon.FileIcon : _props$FileAttachment4,
-    _props$FilePreview = props.FilePreview,
-    FilePreview = _props$FilePreview === void 0 ? _FilePreview.FilePreview : _props$FilePreview,
-    _props$FileUploadInPr = props.FileUploadInProgressIndicator,
-    FileUploadInProgressIndicator = _props$FileUploadInPr === void 0 ? _AttachmentUploadProgressIndicator.FileUploadInProgressIndicator : _props$FileUploadInPr,
-    _props$FileUploadRetr = props.FileUploadRetryIndicator,
-    FileUploadRetryIndicator = _props$FileUploadRetr === void 0 ? _AttachmentUploadProgressIndicator.FileUploadRetryIndicator : _props$FileUploadRetr,
-    _props$FileUploadNotS = props.FileUploadNotSupportedIndicator,
-    FileUploadNotSupportedIndicator = _props$FileUploadNotS === void 0 ? _AttachmentUploadProgressIndicator.FileUploadNotSupportedIndicator : _props$FileUploadNotS,
-    _props$ImageUploadInP = props.ImageUploadInProgressIndicator,
-    ImageUploadInProgressIndicator = _props$ImageUploadInP === void 0 ? _AttachmentUploadProgressIndicator.ImageUploadInProgressIndicator : _props$ImageUploadInP,
-    _props$ImageUploadRet = props.ImageUploadRetryIndicator,
-    ImageUploadRetryIndicator = _props$ImageUploadRet === void 0 ? _AttachmentUploadProgressIndicator.ImageUploadRetryIndicator : _props$ImageUploadRet,
-    _props$ImageUploadNot = props.ImageUploadNotSupportedIndicator,
-    ImageUploadNotSupportedIndicator = _props$ImageUploadNot === void 0 ? _AttachmentUploadProgressIndicator.ImageUploadNotSupportedIndicator : _props$ImageUploadNot,
     _props$FlatList = props.FlatList,
     FlatList = _props$FlatList === void 0 ? _native.NativeHandlers.FlatList : _props$FlatList,
     forceAlignMessages = props.forceAlignMessages,
-    _props$Gallery = props.Gallery,
-    Gallery = _props$Gallery === void 0 ? _Gallery.Gallery : _props$Gallery,
     getMessageGroupStyle = props.getMessageGroupStyle,
-    _props$Giphy = props.Giphy,
-    Giphy = _props$Giphy === void 0 ? _Giphy.Giphy : _props$Giphy,
     handleAttachButtonPress = props.handleAttachButtonPress,
     handleBan = props.handleBan,
     handleCopy = props.handleCopy,
@@ -388,128 +230,30 @@ var ChannelWithContext = function ChannelWithContext(props) {
     hideDateSeparators = _props$hideDateSepara === void 0 ? false : _props$hideDateSepara,
     _props$hideStickyDate = props.hideStickyDateHeader,
     hideStickyDateHeader = _props$hideStickyDate === void 0 ? false : _props$hideStickyDate,
-    _props$ImageAttachmen = props.ImageAttachmentUploadPreview,
-    ImageAttachmentUploadPreview = _props$ImageAttachmen === void 0 ? _ImageAttachmentUploadPreview.ImageAttachmentUploadPreview : _props$ImageAttachmen,
-    _props$ImageLoadingFa = props.ImageLoadingFailedIndicator,
-    ImageLoadingFailedIndicator = _props$ImageLoadingFa === void 0 ? _ImageLoadingFailedIndicator.ImageLoadingFailedIndicator : _props$ImageLoadingFa,
-    _props$ImageLoadingIn = props.ImageLoadingIndicator,
-    ImageLoadingIndicator = _props$ImageLoadingIn === void 0 ? _ImageLoadingIndicator.ImageLoadingIndicator : _props$ImageLoadingIn,
     _props$initialScrollT = props.initialScrollToFirstUnreadMessage,
     initialScrollToFirstUnreadMessage = _props$initialScrollT === void 0 ? false : _props$initialScrollT,
-    _props$InlineDateSepa = props.InlineDateSeparator,
-    InlineDateSeparator = _props$InlineDateSepa === void 0 ? _InlineDateSeparator.InlineDateSeparator : _props$InlineDateSepa,
-    _props$InlineUnreadIn = props.InlineUnreadIndicator,
-    InlineUnreadIndicator = _props$InlineUnreadIn === void 0 ? _InlineUnreadIndicator.InlineUnreadIndicator : _props$InlineUnreadIn,
-    Input = props.Input,
-    _props$InputView = props.InputView,
-    InputView = _props$InputView === void 0 ? _InputView.InputView : _props$InputView,
-    _props$InputButtons = props.InputButtons,
-    InputButtons = _props$InputButtons === void 0 ? _InputButtons.InputButtons : _props$InputButtons,
-    _props$MessageCompose = props.MessageComposerLeadingView,
-    MessageComposerLeadingView = _props$MessageCompose === void 0 ? _MessageComposerLeadingView.MessageComposerLeadingView : _props$MessageCompose,
-    _props$MessageCompose2 = props.MessageComposerTrailingView,
-    MessageComposerTrailingView = _props$MessageCompose2 === void 0 ? _MessageComposerTrailingView.MessageComposerTrailingView : _props$MessageCompose2,
     isAttachmentEqual = props.isAttachmentEqual,
     _props$isMessageAIGen = props.isMessageAIGenerated,
     isMessageAIGenerated = _props$isMessageAIGen === void 0 ? function () {
       return false;
     } : _props$isMessageAIGen,
     keyboardBehavior = props.keyboardBehavior,
-    _props$KeyboardCompat = props.KeyboardCompatibleView,
-    KeyboardCompatibleView = _props$KeyboardCompat === void 0 ? _KeyboardControllerAvoidingView.KeyboardCompatibleView : _props$KeyboardCompat,
     keyboardVerticalOffset = props.keyboardVerticalOffset,
-    _props$LoadingErrorIn = props.LoadingErrorIndicator,
-    LoadingErrorIndicator = _props$LoadingErrorIn === void 0 ? _LoadingErrorIndicator.LoadingErrorIndicator : _props$LoadingErrorIn,
-    _props$LoadingIndicat = props.LoadingIndicator,
-    LoadingIndicator = _props$LoadingIndicat === void 0 ? _LoadingIndicator.LoadingIndicator : _props$LoadingIndicat,
     loadingMoreProp = props.loadingMore,
     loadingMoreRecentProp = props.loadingMoreRecent,
     markdownRules = props.markdownRules,
     _props$markReadOnMoun = props.markReadOnMount,
     markReadOnMount = _props$markReadOnMoun === void 0 ? true : _props$markReadOnMoun,
     maxTimeBetweenGroupedMessages = props.maxTimeBetweenGroupedMessages,
-    _props$Message = props.Message,
-    Message = _props$Message === void 0 ? _Message.Message : _props$Message,
-    _props$MessageActionL = props.MessageActionList,
-    MessageActionList = _props$MessageActionL === void 0 ? _MessageActionList.MessageActionList : _props$MessageActionL,
-    _props$MessageActionL2 = props.MessageActionListItem,
-    MessageActionListItem = _props$MessageActionL2 === void 0 ? _MessageActionListItem.MessageActionListItem : _props$MessageActionL2,
     messageActions = props.messageActions,
-    _props$MessageAuthor = props.MessageAuthor,
-    MessageAuthor = _props$MessageAuthor === void 0 ? _MessageAuthor.MessageAuthor : _props$MessageAuthor,
-    _props$MessageBlocked = props.MessageBlocked,
-    MessageBlocked = _props$MessageBlocked === void 0 ? _MessageBlocked.MessageBlocked : _props$MessageBlocked,
-    _props$MessageBounce = props.MessageBounce,
-    MessageBounce = _props$MessageBounce === void 0 ? _MessageBounce.MessageBounce : _props$MessageBounce,
-    _props$MessageContent = props.MessageContent,
-    MessageContent = _props$MessageContent === void 0 ? _MessageContent.MessageContent : _props$MessageContent,
-    MessageContentBottomView = props.MessageContentBottomView,
-    MessageContentLeadingView = props.MessageContentLeadingView,
     _props$messageContent = props.messageContentOrder,
     messageContentOrder = _props$messageContent === void 0 ? ['quoted_reply', 'gallery', 'files', 'poll', 'ai_text', 'attachments', 'text', 'location'] : _props$messageContent,
-    MessageContentTrailingView = props.MessageContentTrailingView,
-    MessageContentTopView = props.MessageContentTopView,
-    _props$MessageDeleted = props.MessageDeleted,
-    MessageDeleted = _props$MessageDeleted === void 0 ? _MessageDeleted.MessageDeleted : _props$MessageDeleted,
-    _props$MessageError = props.MessageError,
-    MessageError = _props$MessageError === void 0 ? _MessageError.MessageError : _props$MessageError,
     _props$messageInputFl = props.messageInputFloating,
     messageInputFloating = _props$messageInputFl === void 0 ? false : _props$messageInputFl,
-    _props$MessageInputFo = props.MessageInputFooterView,
-    MessageInputFooterView = _props$MessageInputFo === void 0 ? _MessageInputFooterView.MessageInputFooterView : _props$MessageInputFo,
-    _props$MessageInputHe = props.MessageInputHeaderView,
-    MessageInputHeaderView = _props$MessageInputHe === void 0 ? _MessageInputHeaderView.MessageInputHeaderView : _props$MessageInputHe,
-    _props$MessageInputLe = props.MessageInputLeadingView,
-    MessageInputLeadingView = _props$MessageInputLe === void 0 ? _MessageInputLeadingView.MessageInputLeadingView : _props$MessageInputLe,
-    _props$MessageInputTr = props.MessageInputTrailingView,
-    MessageInputTrailingView = _props$MessageInputTr === void 0 ? _MessageInputTrailingView.MessageInputTrailingView : _props$MessageInputTr,
-    _props$MessageFooter = props.MessageFooter,
-    MessageFooter = _props$MessageFooter === void 0 ? _MessageFooter.MessageFooter : _props$MessageFooter,
-    _props$MessageHeader = props.MessageHeader,
-    MessageHeader = _props$MessageHeader === void 0 ? _MessageHeader.MessageHeader : _props$MessageHeader,
     messageId = props.messageId,
-    _props$MessageList = props.MessageList,
-    MessageList = _props$MessageList === void 0 ? _MessageList.MessageList : _props$MessageList,
-    MessageLocation = props.MessageLocation,
-    _props$MessageMenu = props.MessageMenu,
-    MessageMenu = _props$MessageMenu === void 0 ? _MessageMenu.MessageMenu : _props$MessageMenu,
-    _props$MessagePinnedH = props.MessagePinnedHeader,
-    MessagePinnedHeader = _props$MessagePinnedH === void 0 ? _MessagePinnedHeader.MessagePinnedHeader : _props$MessagePinnedH,
-    _props$MessageReminde = props.MessageReminderHeader,
-    MessageReminderHeader = _props$MessageReminde === void 0 ? _MessageReminderHeader.MessageReminderHeader : _props$MessageReminde,
-    _props$MessageSavedFo = props.MessageSavedForLaterHeader,
-    MessageSavedForLaterHeader = _props$MessageSavedFo === void 0 ? _MessageSavedForLaterHeader.MessageSavedForLaterHeader : _props$MessageSavedFo,
-    _props$SentToChannelH = props.SentToChannelHeader,
-    SentToChannelHeader = _props$SentToChannelH === void 0 ? _SentToChannelHeader.SentToChannelHeader : _props$SentToChannelH,
-    _props$MessageReactio = props.MessageReactionPicker,
-    MessageReactionPicker = _props$MessageReactio === void 0 ? _MessageReactionPicker.MessageReactionPicker : _props$MessageReactio,
-    _props$MessageReplies = props.MessageReplies,
-    MessageReplies = _props$MessageReplies === void 0 ? _MessageReplies.MessageReplies : _props$MessageReplies,
-    _props$MessageReplies2 = props.MessageRepliesAvatars,
-    MessageRepliesAvatars = _props$MessageReplies2 === void 0 ? _MessageRepliesAvatars.MessageRepliesAvatars : _props$MessageReplies2,
-    MessageSpacer = props.MessageSpacer,
-    _props$MessageItemVie = props.MessageItemView,
-    MessageItemView = _props$MessageItemVie === void 0 ? _MessageItemView.MessageItemView : _props$MessageItemVie,
-    _props$MessageStatus = props.MessageStatus,
-    MessageStatus = _props$MessageStatus === void 0 ? _MessageStatus.MessageStatus : _props$MessageStatus,
-    _props$MessageSwipeCo = props.MessageSwipeContent,
-    MessageSwipeContent = _props$MessageSwipeCo === void 0 ? _MessageSwipeContent.MessageSwipeContent : _props$MessageSwipeCo,
     messageSwipeToReplyHitSlop = props.messageSwipeToReplyHitSlop,
-    _props$MessageSystem = props.MessageSystem,
-    MessageSystem = _props$MessageSystem === void 0 ? _MessageSystem.MessageSystem : _props$MessageSystem,
-    MessageText = props.MessageText,
     messageTextNumberOfLines = props.messageTextNumberOfLines,
-    _props$MessageTimesta = props.MessageTimestamp,
-    MessageTimestamp = _props$MessageTimesta === void 0 ? _MessageTimestamp.MessageTimestamp : _props$MessageTimesta,
-    _props$MessageUserRea = props.MessageUserReactions,
-    MessageUserReactions = _props$MessageUserRea === void 0 ? _MessageUserReactions.MessageUserReactions : _props$MessageUserRea,
-    _props$MessageUserRea2 = props.MessageUserReactionsAvatar,
-    MessageUserReactionsAvatar = _props$MessageUserRea2 === void 0 ? _MessageUserReactionsAvatar.MessageUserReactionsAvatar : _props$MessageUserRea2,
-    _props$MessageUserRea3 = props.MessageUserReactionsItem,
-    MessageUserReactionsItem = _props$MessageUserRea3 === void 0 ? _MessageUserReactionsItem.MessageUserReactionsItem : _props$MessageUserRea3,
     myMessageTheme = props.myMessageTheme,
-    _props$NetworkDownInd = props.NetworkDownIndicator,
-    NetworkDownIndicator = _props$NetworkDownInd === void 0 ? _NetworkDownIndicator.NetworkDownIndicator : _props$NetworkDownInd,
     _props$newMessageStat = props.newMessageStateUpdateThrottleInterval,
     newMessageStateUpdateThrottleInterval = _props$newMessageStat === void 0 ? defaultThrottleInterval : _props$newMessageStat,
     onLongPressMessage = props.onLongPressMessage,
@@ -518,48 +262,18 @@ var ChannelWithContext = function ChannelWithContext(props) {
     onAlsoSentToChannelHeaderPress = props.onAlsoSentToChannelHeaderPress,
     openPollCreationDialog = props.openPollCreationDialog,
     overrideOwnCapabilities = props.overrideOwnCapabilities,
-    PollContent = props.PollContent,
-    _props$ReactionListBo = props.ReactionListBottom,
-    ReactionListBottom = _props$ReactionListBo === void 0 ? _ReactionListBottom.ReactionListBottom : _props$ReactionListBo,
     _props$reactionListPo = props.reactionListPosition,
     reactionListPosition = _props$reactionListPo === void 0 ? 'top' : _props$reactionListPo,
     _props$reactionListTy = props.reactionListType,
     reactionListType = _props$reactionListTy === void 0 ? 'clustered' : _props$reactionListTy,
-    _props$ReactionListTo = props.ReactionListTop,
-    ReactionListTop = _props$ReactionListTo === void 0 ? _ReactionListTop.ReactionListTop : _props$ReactionListTo,
-    _props$ReactionListCl = props.ReactionListClustered,
-    ReactionListClustered = _props$ReactionListCl === void 0 ? _ReactionListClustered.ReactionListClustered : _props$ReactionListCl,
-    _props$ReactionListIt = props.ReactionListItem,
-    ReactionListItem = _props$ReactionListIt === void 0 ? _ReactionListItem.ReactionListItem : _props$ReactionListIt,
-    _props$ReactionListIt2 = props.ReactionListItemWrapper,
-    ReactionListItemWrapper = _props$ReactionListIt2 === void 0 ? _ReactionListItemWrapper.ReactionListItemWrapper : _props$ReactionListIt2,
-    _props$ReactionListCo = props.ReactionListCountItem,
-    ReactionListCountItem = _props$ReactionListCo === void 0 ? _ReactionListItem.ReactionListCountItem : _props$ReactionListCo,
-    _props$Reply = props.Reply,
-    Reply = _props$Reply === void 0 ? _Reply.Reply : _props$Reply,
-    _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,
     setInputRef = props.setInputRef,
     setThreadMessages = props.setThreadMessages,
     _props$shouldShowUnre = props.shouldShowUnreadUnderlay,
     shouldShowUnreadUnderlay = _props$shouldShowUnre === void 0 ? true : _props$shouldShowUnre,
     shouldSyncChannel = props.shouldSyncChannel,
-    _props$ShowThreadMess = props.ShowThreadMessageInChannelButton,
-    ShowThreadMessageInChannelButton = _props$ShowThreadMess === void 0 ? _ShowThreadMessageInChannelButton.ShowThreadMessageInChannelButton : _props$ShowThreadMess,
-    _props$StartAudioReco = props.StartAudioRecordingButton,
-    StartAudioRecordingButton = _props$StartAudioReco === void 0 ? _AudioRecordingButton.AudioRecordingButton : _props$StartAudioReco,
     _props$stateUpdateThr = props.stateUpdateThrottleInterval,
     stateUpdateThrottleInterval = _props$stateUpdateThr === void 0 ? defaultThrottleInterval : _props$stateUpdateThr,
-    _props$StickyHeader = props.StickyHeader,
-    StickyHeader = _props$StickyHeader === void 0 ? _StickyHeader.StickyHeader : _props$StickyHeader,
-    StopMessageStreamingButtonOverride = props.StopMessageStreamingButton,
-    _props$StreamingMessa = props.StreamingMessageView,
-    StreamingMessageView = _props$StreamingMessa === void 0 ? _StreamingMessageView.StreamingMessageView : _props$StreamingMessa,
     _props$supportedReact = props.supportedReactions,
     supportedReactions = _props$supportedReact === void 0 ? reactionData : _props$supportedReact,
     t = props.t,
@@ -567,33 +281,17 @@ var ChannelWithContext = function ChannelWithContext(props) {
     threadList = props.threadList,
     threadMessages = props.threadMessages,
     topInset = props.topInset,
-    _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,
-    _props$UnreadMessages = props.UnreadMessagesNotification,
-    UnreadMessagesNotification = _props$UnreadMessages === void 0 ? _UnreadMessagesNotification.UnreadMessagesNotification : _props$UnreadMessages,
-    _props$UrlPreview = props.UrlPreview,
-    UrlPreview = _props$UrlPreview === void 0 ? _UrlPreview.URLPreview : _props$UrlPreview,
-    _props$URLPreviewComp = props.URLPreviewCompact,
-    URLPreviewCompact = _props$URLPreviewComp === void 0 ? _URLPreviewCompact.URLPreviewCompact : _props$URLPreviewComp,
-    _props$VideoAttachmen = props.VideoAttachmentUploadPreview,
-    VideoAttachmentUploadPreview = _props$VideoAttachmen === void 0 ? _VideoAttachmentUploadPreview.VideoAttachmentUploadPreview : _props$VideoAttachmen,
-    _props$VideoThumbnail = props.VideoThumbnail,
-    VideoThumbnail = _props$VideoThumbnail === void 0 ? _VideoThumbnail.VideoThumbnail : _props$VideoThumbnail,
     isOnline = props.isOnline,
     maximumMessageLimit = props.maximumMessageLimit,
     _props$initializeOnMo = props.initializeOnMount,
     initializeOnMount = _props$initializeOnMo === void 0 ? true : _props$initializeOnMo,
-    _props$AttachmentPick2 = props.AttachmentPickerContent,
-    AttachmentPickerContent = _props$AttachmentPick2 === void 0 ? _AttachmentPickerContent.AttachmentPickerContent : _props$AttachmentPick2,
     _props$urlPreviewType = props.urlPreviewType,
-    urlPreviewType = _props$urlPreviewType === void 0 ? 'full' : _props$urlPreviewType,
-    _props$UnsupportedAtt = props.UnsupportedAttachment,
-    UnsupportedAttachment = _props$UnsupportedAtt === void 0 ? _UnsupportedAttachment.UnsupportedAttachment : _props$UnsupportedAtt;
+    urlPreviewType = _props$urlPreviewType === void 0 ? 'full' : _props$urlPreviewType;
+  var components = (0, _ComponentsContext.useComponentsContext)();
+  var KeyboardCompatibleView = components.KeyboardCompatibleView,
+    LoadingErrorIndicator = components.LoadingErrorIndicator;
   var threadProps = threadFromProps.thread,
     threadInstance = threadFromProps.threadInstance;
-  var StopMessageStreamingButton = StopMessageStreamingButtonOverride === undefined ? _StopMessageStreamingButton.StopMessageStreamingButton : StopMessageStreamingButtonOverride;
   var styles = useStyles();
   var _useState = (0, _react.useState)(false),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -918,6 +616,12 @@ var ChannelWithContext = function ChannelWithContext(props) {
         updated_at: (_message$updated_at = message.updated_at) == null ? void 0 : _message$updated_at.toString()
       });
     };
+    var getRecoverableFailedMessages = function getRecoverableFailedMessages() {
+      var messages = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+      return messages.filter(function (message) {
+        return message.status === _utils.MessageStatusTypes.FAILED && !channel.state.findMessage(message.id, message.parent_id);
+      }).map(parseMessage);
+    };
     try {
       if (channelMessagesState != null && channelMessagesState.messages) {
         yield channel == null ? void 0 : channel.watch({
@@ -928,11 +632,8 @@ var ChannelWithContext = function ChannelWithContext(props) {
         channel.offlineMode = false;
       }
       if (!thread) {
-        var _channelMessagesState;
         copyChannelState();
-        var failedMessages = (_channelMessagesState = channelMessagesState.messages) == null ? void 0 : _channelMessagesState.filter(function (message) {
-          return message.status === _utils.MessageStatusTypes.FAILED;
-        }).map(parseMessage);
+        var failedMessages = getRecoverableFailedMessages(channelMessagesState.messages);
         if (failedMessages != null && failedMessages.length) {
           channel.state.addMessagesSorted(failedMessages);
         }
@@ -940,9 +641,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
         channel.state.setIsUpToDate(true);
       } else {
         yield reloadThread();
-        var failedThreadMessages = thread ? threadMessages.filter(function (message) {
-          return message.status === _utils.MessageStatusTypes.FAILED;
-        }).map(parseMessage) : [];
+        var failedThreadMessages = thread ? getRecoverableFailedMessages(threadMessages) : [];
         if (failedThreadMessages.length) {
           channel.state.addMessagesSorted(failedThreadMessages);
           setThreadMessages((0, _toConsumableArray2.default)(channel.state.threads[thread.id]));
@@ -1272,13 +971,58 @@ var ChannelWithContext = function ChannelWithContext(props) {
       return _ref20.apply(this, arguments);
     };
   }());
-  var editMessage = (0, _hooks.useStableCallback)(function (_ref21) {
-    var localMessage = _ref21.localMessage,
-      options = _ref21.options;
-    return doUpdateMessageRequest ? doUpdateMessageRequest((channel == null ? void 0 : channel.cid) || '', localMessage, options) : client.updateMessage(localMessage, undefined, options);
-  });
+  var editMessage = (0, _hooks.useStableCallback)(function () {
+    var _ref22 = (0, _asyncToGenerator2.default)(function* (_ref21) {
+      var _client$offlineDb6;
+      var localMessage = _ref21.localMessage,
+        options = _ref21.options;
+      if (!channel) {
+        throw new Error('Channel has not been initialized');
+      }
+      var cid = channel.cid;
+      var currentMessage = channel.state.findMessage(localMessage.id, localMessage.parent_id);
+      var isFailedMessage = (currentMessage == null ? void 0 : currentMessage.status) === _utils.MessageStatusTypes.FAILED || localMessage.status === _utils.MessageStatusTypes.FAILED;
+      var optimisticEditedAt = new Date();
+      var optimisticEditedAtString = optimisticEditedAt.toISOString();
+      var optimisticMessage = Object.assign({}, currentMessage, localMessage, {
+        cid: cid,
+        message_text_updated_at: isFailedMessage ? undefined : optimisticEditedAtString,
+        updated_at: optimisticEditedAt
+      });
+      updateMessage(optimisticMessage);
+      threadInstance == null || threadInstance.updateParentMessageOrReplyLocally(optimisticMessage);
+      (_client$offlineDb6 = client.offlineDb) == null || _client$offlineDb6.executeQuerySafely(function (db) {
+        return db.updateMessage({
+          message: Object.assign({}, optimisticMessage, {
+            cid: cid
+          })
+        });
+      }, {
+        method: 'updateMessage'
+      });
+      var response = doUpdateMessageRequest ? yield doUpdateMessageRequest(cid, localMessage, options) : yield client.updateMessage(localMessage, undefined, options);
+      if (response != null && response.message) {
+        var _client$offlineDb7;
+        updateMessage(response.message);
+        threadInstance == null || threadInstance.updateParentMessageOrReplyLocally(response.message);
+        (_client$offlineDb7 = client.offlineDb) == null || _client$offlineDb7.executeQuerySafely(function (db) {
+          return db.updateMessage({
+            message: Object.assign({}, response.message, {
+              cid: cid
+            })
+          });
+        }, {
+          method: 'updateMessage'
+        });
+      }
+      return response;
+    });
+    return function (_x7) {
+      return _ref22.apply(this, arguments);
+    };
+  }());
   var removeMessage = (0, _hooks.useStableCallback)(function () {
-    var _ref22 = (0, _asyncToGenerator2.default)(function* (message) {
+    var _ref23 = (0, _asyncToGenerator2.default)(function* (message) {
       if (channel) {
         channel.state.removeMessage(message);
         copyMessagesStateFromChannel(channel);
@@ -1292,12 +1036,12 @@ var ChannelWithContext = function ChannelWithContext(props) {
         });
       }
     });
-    return function (_x7) {
-      return _ref22.apply(this, arguments);
+    return function (_x8) {
+      return _ref23.apply(this, arguments);
     };
   }());
   var sendReaction = (0, _hooks.useStableCallback)(function () {
-    var _ref23 = (0, _asyncToGenerator2.default)(function* (type, messageId) {
+    var _ref24 = (0, _asyncToGenerator2.default)(function* (type, messageId) {
       if (!(channel != null && channel.id) || !client.user) {
         throw new Error('Channel has not been initialized');
       }
@@ -1323,12 +1067,12 @@ var ChannelWithContext = function ChannelWithContext(props) {
         });
       }
     });
-    return function (_x8, _x9) {
-      return _ref23.apply(this, arguments);
+    return function (_x9, _x10) {
+      return _ref24.apply(this, arguments);
     };
   }());
   var deleteMessage = (0, _hooks.useStableCallback)(function () {
-    var _ref24 = (0, _asyncToGenerator2.default)(function* (message) {
+    var _ref25 = (0, _asyncToGenerator2.default)(function* (message) {
       var optionsOrHardDelete = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
       var options = {};
       if (typeof optionsOrHardDelete === 'boolean') {
@@ -1365,12 +1109,12 @@ var ChannelWithContext = function ChannelWithContext(props) {
         updateMessage(Object.assign({}, data.message));
       }
     });
-    return function (_x10) {
-      return _ref24.apply(this, arguments);
+    return function (_x11) {
+      return _ref25.apply(this, arguments);
     };
   }());
   var deleteReaction = (0, _hooks.useStableCallback)(function () {
-    var _ref25 = (0, _asyncToGenerator2.default)(function* (type, messageId) {
+    var _ref26 = (0, _asyncToGenerator2.default)(function* (type, messageId) {
       if (!(channel != null && channel.id) || !client.user) {
         throw new Error('Channel has not been initialized');
       }
@@ -1386,8 +1130,8 @@ var ChannelWithContext = function ChannelWithContext(props) {
       }
       yield channel.deleteReaction.apply(channel, payload);
     });
-    return function (_x11, _x12) {
-      return _ref25.apply(this, arguments);
+    return function (_x12, _x13) {
+      return _ref26.apply(this, arguments);
     };
   }());
   var openThread = (0, _react.useCallback)(function (message) {
@@ -1452,15 +1196,12 @@ var ChannelWithContext = function ChannelWithContext(props) {
       disableAttachmentPicker: disableAttachmentPicker,
       openPicker: handleOpenPicker,
       topInset: topInset,
-      ImageOverlaySelectedComponent: ImageOverlaySelectedComponent,
-      AttachmentPickerSelectionBar: AttachmentPickerSelectionBar,
       numberOfAttachmentPickerImageColumns: numberOfAttachmentPickerImageColumns,
       attachmentPickerBottomSheetHeight: attachmentPickerBottomSheetHeight,
       attachmentSelectionBarHeight: attachmentSelectionBarHeight,
-      numberOfAttachmentImagesToLoadPerCall: numberOfAttachmentImagesToLoadPerCall,
-      AttachmentPickerContent: AttachmentPickerContent
+      numberOfAttachmentImagesToLoadPerCall: numberOfAttachmentImagesToLoadPerCall
     };
-  }, [bottomInset, bottomSheetRef, handleClosePicker, disableAttachmentPicker, handleOpenPicker, topInset, ImageOverlaySelectedComponent, AttachmentPickerSelectionBar, numberOfAttachmentPickerImageColumns, attachmentPickerBottomSheetHeight, attachmentSelectionBarHeight, numberOfAttachmentImagesToLoadPerCall, AttachmentPickerContent]);
+  }, [bottomInset, bottomSheetRef, handleClosePicker, disableAttachmentPicker, handleOpenPicker, topInset, numberOfAttachmentPickerImageColumns, attachmentPickerBottomSheetHeight, attachmentSelectionBarHeight, numberOfAttachmentImagesToLoadPerCall]);
   var ownCapabilitiesContext = (0, _useCreateOwnCapabilitiesContext.useCreateOwnCapabilitiesContext)({
     channel: channel,
     overrideCapabilities: overrideOwnCapabilities
@@ -1469,7 +1210,6 @@ var ChannelWithContext = function ChannelWithContext(props) {
     channel: channel,
     channelUnreadStateStore: channelUnreadStateStore,
     disabled: !!(channel != null && (_channel$data = channel.data) != null && _channel$data.frozen),
-    EmptyStateIndicator: EmptyStateIndicator,
     enableMessageGroupingByUser: enableMessageGroupingByUser,
     enforceUniqueReaction: enforceUniqueReaction,
     error: error,
@@ -1481,19 +1221,16 @@ var ChannelWithContext = function ChannelWithContext(props) {
     loadChannelAroundMessage: loadChannelAroundMessage,
     loadChannelAtFirstUnreadMessage: loadChannelAtFirstUnreadMessage,
     loading: channelMessagesState.loading,
-    LoadingIndicator: LoadingIndicator,
     markRead: markRead,
     maximumMessageLimit: maximumMessageLimit,
     maxTimeBetweenGroupedMessages: maxTimeBetweenGroupedMessages,
     members: (_channelState$members = channelState.members) != null ? _channelState$members : {},
-    NetworkDownIndicator: NetworkDownIndicator,
     read: (_channelState$read = channelState.read) != null ? _channelState$read : {},
     reloadChannel: reloadChannel,
     scrollToFirstUnreadThreshold: scrollToFirstUnreadThreshold,
     setChannelUnreadState: setChannelUnreadState,
     setLastRead: setLastRead,
     setTargetedMessage: setTargetedMessage,
-    StickyHeader: StickyHeader,
     targetedMessage: targetedMessage,
     threadList: threadList,
     uploadAbortControllerRef: uploadAbortControllerRef,
@@ -1507,61 +1244,24 @@ var ChannelWithContext = function ChannelWithContext(props) {
     asyncMessagesMinimumPressDuration: asyncMessagesMinimumPressDuration,
     audioRecordingSendOnComplete: audioRecordingSendOnComplete,
     asyncMessagesSlideToCancelDistance: asyncMessagesSlideToCancelDistance,
-    AttachButton: AttachButton,
     attachmentPickerBottomSheetHeight: attachmentPickerBottomSheetHeight,
-    AttachmentPickerSelectionBar: AttachmentPickerSelectionBar,
     attachmentSelectionBarHeight: attachmentSelectionBarHeight,
-    AttachmentUploadPreviewList: AttachmentUploadPreviewList,
-    AudioAttachmentUploadPreview: AudioAttachmentUploadPreview,
-    AudioRecorder: AudioRecorder,
     audioRecordingEnabled: audioRecordingEnabled,
-    AudioRecordingInProgress: AudioRecordingInProgress,
-    AudioRecordingLockIndicator: AudioRecordingLockIndicator,
-    AudioRecordingPreview: AudioRecordingPreview,
-    AudioRecordingWaveform: AudioRecordingWaveform,
-    AutoCompleteSuggestionHeader: AutoCompleteSuggestionHeader,
-    AutoCompleteSuggestionItem: AutoCompleteSuggestionItem,
-    AutoCompleteSuggestionList: AutoCompleteSuggestionList,
     channelId: channelId,
     compressImageQuality: compressImageQuality,
-    CooldownTimer: CooldownTimer,
-    CreatePollContent: CreatePollContent,
     createPollOptionGap: createPollOptionGap,
     doFileUploadRequest: doFileUploadRequest,
     editMessage: editMessage,
-    FileAttachmentUploadPreview: FileAttachmentUploadPreview,
-    FileUploadInProgressIndicator: FileUploadInProgressIndicator,
-    FileUploadRetryIndicator: FileUploadRetryIndicator,
-    FileUploadNotSupportedIndicator: FileUploadNotSupportedIndicator,
-    ImageUploadInProgressIndicator: ImageUploadInProgressIndicator,
-    ImageUploadRetryIndicator: ImageUploadRetryIndicator,
-    ImageUploadNotSupportedIndicator: ImageUploadNotSupportedIndicator,
     handleAttachButtonPress: handleAttachButtonPress,
     hasCameraPicker: hasCameraPicker,
     hasCommands: hasCommands != null ? hasCommands : !!(clientChannelConfig != null && (_clientChannelConfig$ = clientChannelConfig.commands) != null && _clientChannelConfig$.length),
     hasFilePicker: hasFilePicker,
     hasImagePicker: hasImagePicker,
-    ImageAttachmentUploadPreview: ImageAttachmentUploadPreview,
-    Input: Input,
-    InputView: InputView,
-    InputButtons: InputButtons,
-    MessageComposerLeadingView: MessageComposerLeadingView,
-    MessageComposerTrailingView: MessageComposerTrailingView,
     messageInputFloating: messageInputFloating,
     messageInputHeightStore: messageInputHeightStore,
-    MessageInputFooterView: MessageInputFooterView,
-    MessageInputHeaderView: MessageInputHeaderView,
-    MessageInputLeadingView: MessageInputLeadingView,
-    MessageInputTrailingView: MessageInputTrailingView,
     openPollCreationDialog: openPollCreationDialog,
-    SendButton: SendButton,
     sendMessage: sendMessage,
-    SendMessageDisallowedIndicator: SendMessageDisallowedIndicator,
-    setInputRef: setInputRef,
-    ShowThreadMessageInChannelButton: ShowThreadMessageInChannelButton,
-    StartAudioRecordingButton: StartAudioRecordingButton,
-    StopMessageStreamingButton: StopMessageStreamingButton,
-    VideoAttachmentUploadPreview: VideoAttachmentUploadPreview
+    setInputRef: setInputRef
   });
   var messageListContext = (0, _useCreatePaginatedMessageListContext.useCreatePaginatedMessageListContext)({
     channelId: channelId,
@@ -1571,32 +1271,22 @@ var ChannelWithContext = function ChannelWithContext(props) {
     loadLatestMessages: loadLatestMessages,
     loadMore: loadMore,
     loadMoreRecent: loadMoreRecent,
-    messages: (_channelMessagesState2 = channelMessagesState.messages) != null ? _channelMessagesState2 : [],
+    messages: (_channelMessagesState = channelMessagesState.messages) != null ? _channelMessagesState : [],
     viewabilityChangedCallback: viewabilityChangedCallback
   });
   var messagesContext = (0, _useCreateMessagesContext.useCreateMessagesContext)({
     additionalPressableProps: additionalPressableProps,
-    Attachment: Attachment,
-    AudioAttachment: AudioAttachment,
     channelId: channelId,
     customMessageSwipeAction: customMessageSwipeAction,
-    DateHeader: DateHeader,
-    deletedMessagesVisibilityType: deletedMessagesVisibilityType,
     deleteMessage: deleteMessage,
     deleteReaction: deleteReaction,
     disableTypingIndicator: disableTypingIndicator,
     dismissKeyboardOnMessageTouch: dismissKeyboardOnMessageTouch,
     enableMessageGroupingByUser: enableMessageGroupingByUser,
     enableSwipeToReply: enableSwipeToReply,
-    FileAttachment: FileAttachment,
-    FileAttachmentGroup: FileAttachmentGroup,
-    FileAttachmentIcon: FileAttachmentIcon,
-    FilePreview: FilePreview,
     FlatList: FlatList,
     forceAlignMessages: forceAlignMessages,
-    Gallery: Gallery,
     getMessageGroupStyle: getMessageGroupStyle,
-    Giphy: Giphy,
     giphyVersion: giphyVersion,
     handleBan: handleBan,
     handleCopy: handleCopy,
@@ -1613,85 +1303,29 @@ var ChannelWithContext = function ChannelWithContext(props) {
     handleThreadReply: handleThreadReply,
     handleBlockUser: handleBlockUser,
     hasCreatePoll: hasCreatePoll === undefined ? pollCreationEnabled : hasCreatePoll && pollCreationEnabled,
-    ImageLoadingFailedIndicator: ImageLoadingFailedIndicator,
-    ImageLoadingIndicator: ImageLoadingIndicator,
     initialScrollToFirstUnreadMessage: !messageId && initialScrollToFirstUnreadMessage,
-    InlineDateSeparator: InlineDateSeparator,
-    InlineUnreadIndicator: InlineUnreadIndicator,
     isAttachmentEqual: isAttachmentEqual,
     isMessageAIGenerated: isMessageAIGenerated,
     markdownRules: markdownRules,
-    Message: Message,
-    MessageActionList: MessageActionList,
-    MessageActionListItem: MessageActionListItem,
     messageActions: messageActions,
-    MessageAuthor: MessageAuthor,
-    MessageBlocked: MessageBlocked,
-    MessageBounce: MessageBounce,
-    MessageContent: MessageContent,
-    MessageContentBottomView: MessageContentBottomView,
-    MessageContentLeadingView: MessageContentLeadingView,
     messageContentOrder: messageContentOrder,
-    MessageContentTrailingView: MessageContentTrailingView,
-    MessageContentTopView: MessageContentTopView,
-    MessageDeleted: MessageDeleted,
-    MessageError: MessageError,
-    MessageFooter: MessageFooter,
-    MessageHeader: MessageHeader,
-    MessageList: MessageList,
-    MessageLocation: MessageLocation,
-    MessageMenu: MessageMenu,
-    MessagePinnedHeader: MessagePinnedHeader,
-    MessageReminderHeader: MessageReminderHeader,
-    MessageSavedForLaterHeader: MessageSavedForLaterHeader,
-    SentToChannelHeader: SentToChannelHeader,
-    MessageReactionPicker: MessageReactionPicker,
-    MessageReplies: MessageReplies,
-    MessageRepliesAvatars: MessageRepliesAvatars,
-    MessageSpacer: MessageSpacer,
-    MessageItemView: MessageItemView,
-    MessageStatus: MessageStatus,
-    MessageSwipeContent: MessageSwipeContent,
     messageSwipeToReplyHitSlop: messageSwipeToReplyHitSlop,
-    MessageSystem: MessageSystem,
-    MessageText: MessageText,
     messageTextNumberOfLines: messageTextNumberOfLines,
-    MessageTimestamp: MessageTimestamp,
-    MessageUserReactions: MessageUserReactions,
-    MessageUserReactionsAvatar: MessageUserReactionsAvatar,
-    MessageUserReactionsItem: MessageUserReactionsItem,
     myMessageTheme: myMessageTheme,
     onLongPressMessage: onLongPressMessage,
     onPressInMessage: onPressInMessage,
     onPressMessage: onPressMessage,
-    PollContent: PollContent,
-    ReactionListBottom: ReactionListBottom,
     reactionListPosition: reactionListPosition,
     reactionListType: reactionListType,
-    ReactionListTop: ReactionListTop,
-    ReactionListClustered: ReactionListClustered,
-    ReactionListItem: ReactionListItem,
-    ReactionListItemWrapper: ReactionListItemWrapper,
-    ReactionListCountItem: ReactionListCountItem,
     removeMessage: removeMessage,
-    Reply: Reply,
     retrySendMessage: retrySendMessage,
-    ScrollToBottomButton: ScrollToBottomButton,
     selectReaction: selectReaction,
     sendReaction: sendReaction,
     shouldShowUnreadUnderlay: shouldShowUnreadUnderlay,
-    StreamingMessageView: StreamingMessageView,
     supportedReactions: supportedReactions,
     targetedMessage: targetedMessage,
-    TypingIndicator: TypingIndicator,
-    TypingIndicatorContainer: TypingIndicatorContainer,
-    UnreadMessagesNotification: UnreadMessagesNotification,
     updateMessage: updateMessage,
-    UrlPreview: UrlPreview,
-    URLPreviewCompact: URLPreviewCompact,
-    VideoThumbnail: VideoThumbnail,
-    urlPreviewType: urlPreviewType,
-    UnsupportedAttachment: UnsupportedAttachment
+    urlPreviewType: urlPreviewType
   });
   var threadContext = (0, _useCreateThreadContext.useCreateThreadContext)({
     allowThreadMessagesInChannel: allowThreadMessagesInChannel,
@@ -1725,7 +1359,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
   if (deleted) {
     return null;
   }
-  if (!channel || error && ((_channelMessagesState3 = channelMessagesState.messages) == null ? void 0 : _channelMessagesState3.length) === 0) {
+  if (!channel || error && ((_channelMessagesState2 = channelMessagesState.messages) == null ? void 0 : _channelMessagesState2.length) === 0) {
     return (0, _jsxRuntime.jsx)(LoadingErrorIndicator, {
       error: error,
       listType: "message",