stream-chat-react-native-core 5.25.0-beta.6 → 5.25.0-beta.7

package/lib/typescript/i18n/nl.json

@@ -3,13 +3,13 @@
     "1 Thread Reply": "1 thread antwoord",
     "Allow access to your Gallery": "Geef toegang tot uw galerij",
     "Allow camera access in device settings": "Sta cameratoegang toe in de apparaatinstellingen",
-    "Also send to channel": "Stuur ook naar kanaal",
+    "Also send to channel": "",
     "Are you sure you want to permanently delete this message?": "",
-    "Are you sure?": "",
+    "Are you sure?": "Weet je het zeker?",
     "Block User": "",
     "Cancel": "",
     "Cannot Flag Message": "",
-    "Consider how your comment might make others feel and be sure to follow our Community Guidelines": "",
+    "Consider how your comment might make others feel and be sure to follow our Community Guidelines": "Denk na over hoe jouw opmerking anderen zou kunnen laten voelen en zorg ervoor dat je onze Community-richtlijnen volgt",
     "Copy Message": "",
     "Delete": "",
     "Delete Message": "",
@@ -17,7 +17,7 @@
     "Do you want to send a copy of this message to a moderator for further investigation?": "",
     "Edit Message": "",
     "Editing Message": "",
-    "Emoji matching": "",
+    "Emoji matching": "Emoji-overeenkomsten",
     "Empty message...": "",
     "Error loading": "",
     "Error loading channel list...": "",
@@ -28,38 +28,38 @@
     "Flag Message": "",
     "Flag action failed either due to a network issue or the message is already flagged": "",
     "How about sending your first message to a friend?": "",
-    "Instant Commands": "",
+    "Instant Commands": "Directe Opdrachten",
     "Let's start chatting!": "",
-    "Links are disabled": "Het versturen van links staat uit",
-    "Loading channels...": "",
-    "Loading messages...": "",
-    "Loading...": "",
-    "Maximum file size upload limit reached. Please upload a file below {{MAX_FILE_SIZE_TO_UPLOAD_IN_MB}} MB.": "Maximale uploadlimiet voor bestandsgrootte bereikt. Upload een bestand van minder dan {{MAX_FILE_SIZE_TO_UPLOAD_IN_MB}} MB.",
+    "Links are disabled": "",
+    "Loading channels...": "Kanalen aan het laden...",
+    "Loading messages...": "Berichten aan het laden...",
+    "Loading...": "Aan het laden...",
+    "Maximum file size upload limit reached. Please upload a file below {{MAX_FILE_SIZE_TO_UPLOAD_IN_MB}} MB.": "",
     "Message Reactions": "",
     "Message deleted": "",
     "Message flagged": "",
     "Mute User": "",
-    "Not supported": "",
+    "Not supported": "niet ondersteund",
     "Nothing yet...": "",
     "Ok": "",
     "Only visible to you": "Alleen zichtbaar voor jou",
     "Open Settings": "Open instellingen",
-    "Photo": "",
+    "Photo": "Foto",
     "Photos and Videos": "Foto's en video's",
     "Pin to Conversation": "",
-    "Pinned by": "Vastgemaakt door",
+    "Pinned by": "",
     "Please enable access to your photos and videos so you can share them.": "Schakel toegang tot uw foto's en video's in zodat u ze kunt delen.",
-    "Please select a channel first": "Selecteer eerst een kanaal",
+    "Please select a channel first": "",
     "Reconnecting...": "",
     "Reply": "",
     "Reply to Message": "",
     "Resend": "",
-    "Search GIFs": "",
+    "Search GIFs": "Zoek GIF's",
     "Select More Photos": "Selecteer Meer foto's",
-    "Send Anyway": "",
-    "Send a message": "",
-    "Sending links is not allowed in this conversation": "In dit gesprek is het niet toegestaan links te versturen",
-    "Slow mode ON": "",
+    "Send Anyway": "Toch verzenden",
+    "Send a message": "Stuur een bericht",
+    "Sending links is not allowed in this conversation": "",
+    "Slow mode ON": "Langzame modus aan",
     "The message has been reported to a moderator.": "",
     "Thread Reply": "",
     "Unblock User": "",
@@ -67,13 +67,13 @@
     "Unmute User": "",
     "Unpin from Conversation": "",
     "Unread Messages": "",
-    "Video": "",
+    "Video": "Video",
     "You": "",
-    "You can't send messages in this channel": "Je kan geen berichten sturen in dit kanaal",
-    "{{ firstUser }} and {{ nonSelfUserLength }} more are typing": "",
+    "You can't send messages in this channel": "",
+    "{{ firstUser }} and {{ nonSelfUserLength }} more are typing": "{{ firstUser }} en {{ nonSelfUserLength }} anderen zijn aan het typen",
     "{{ index }} of {{ photoLength }}": "{{ index }} van {{ photoLength }}",
     "{{ replyCount }} Replies": "{{ replyCount }} Antwoorden",
     "{{ replyCount }} Thread Replies": "{{replyCount}} Discussiereacties",
-    "{{ user }} is typing": "",
+    "{{ user }} is typing": "{{ user }} is aan het typen",
     "🏙 Attachment...": ""
 }

package/lib/typescript/i18n/ru.json

@@ -3,7 +3,7 @@
     "1 Thread Reply": "1 тема Ответить",
     "Allow access to your Gallery": "Разрешить доступ к вашей галерее",
     "Allow camera access in device settings": "Разрешите доступ к камере в настройках устройства.",
-    "Also send to channel": "Также отправить на канал",
+    "Also send to channel": "",
     "Are you sure you want to permanently delete this message?": "",
     "Are you sure?": "",
     "Block User": "",
@@ -17,7 +17,7 @@
     "Do you want to send a copy of this message to a moderator for further investigation?": "",
     "Edit Message": "",
     "Editing Message": "",
-    "Emoji matching": "",
+    "Emoji matching": "Соответствие эмодзи",
     "Empty message...": "",
     "Error loading": "",
     "Error loading channel list...": "",
@@ -28,38 +28,38 @@
     "Flag Message": "",
     "Flag action failed either due to a network issue or the message is already flagged": "",
     "How about sending your first message to a friend?": "",
-    "Instant Commands": "",
+    "Instant Commands": "Мгновенные Команды",
     "Let's start chatting!": "",
-    "Links are disabled": "Ссылки отключены",
-    "Loading channels...": "",
-    "Loading messages...": "",
-    "Loading...": "",
-    "Maximum file size upload limit reached. Please upload a file below {{MAX_FILE_SIZE_TO_UPLOAD_IN_MB}} MB.": "Достигнут предел максимального размера файла для загрузки. Загрузите файл размером менее {{MAX_FILE_SIZE_TO_UPLOAD_IN_MB}} МБ.",
+    "Links are disabled": "",
+    "Loading channels...": "Загружаю каналы...",
+    "Loading messages...": "Загружаю сообщения...",
+    "Loading...": "Загружаю...",
+    "Maximum file size upload limit reached. Please upload a file below {{MAX_FILE_SIZE_TO_UPLOAD_IN_MB}} MB.": "",
     "Message Reactions": "",
     "Message deleted": "",
     "Message flagged": "",
     "Mute User": "",
-    "Not supported": "",
+    "Not supported": "не поддерживается",
     "Nothing yet...": "",
     "Ok": "",
     "Only visible to you": "Видно только вам",
     "Open Settings": "Открыть настройки",
-    "Photo": "",
+    "Photo": "Фото",
     "Photos and Videos": "Фото и видео",
     "Pin to Conversation": "",
-    "Pinned by": "Закреплено пользователем",
+    "Pinned by": "",
     "Please enable access to your photos and videos so you can share them.": "Разрешите доступ к своим фотографиям и видео, чтобы вы могли ими поделиться.",
-    "Please select a channel first": "Пожалуйста, сначала выберите канал",
+    "Please select a channel first": "",
     "Reconnecting...": "",
     "Reply": "",
     "Reply to Message": "",
     "Resend": "",
-    "Search GIFs": "",
+    "Search GIFs": "Поиск GIF",
     "Select More Photos": "Выбрать больше фотографий",
     "Send Anyway": "",
-    "Send a message": "",
-    "Sending links is not allowed in this conversation": "Отправка ссылок недоступна в этом чате",
-    "Slow mode ON": "",
+    "Send a message": "Отправить сообщение",
+    "Sending links is not allowed in this conversation": "",
+    "Slow mode ON": "Медленный режим включен",
     "The message has been reported to a moderator.": "",
     "Thread Reply": "",
     "Unblock User": "",
@@ -67,13 +67,13 @@
     "Unmute User": "",
     "Unpin from Conversation": "",
     "Unread Messages": "",
-    "Video": "",
+    "Video": "видео",
     "You": "",
-    "You can't send messages in this channel": "Вы не можете отправлять сообщения в этот канал",
-    "{{ firstUser }} and {{ nonSelfUserLength }} more are typing": "",
+    "You can't send messages in this channel": "",
+    "{{ firstUser }} and {{ nonSelfUserLength }} more are typing": "{{ firstUser }} и еще {{ nonSelfUserLength }} пишут",
     "{{ index }} of {{ photoLength }}": "{{ index }} из {{ photoLength }}",
     "{{ replyCount }} Replies": "{{ replyCount }} Ответов",
     "{{ replyCount }} Thread Replies": "{{replyCount}} Ответы в темах",
-    "{{ user }} is typing": "",
+    "{{ user }} is typing": "{{ user }} пишет",
     "🏙 Attachment...": ""
 }

package/lib/typescript/i18n/tr.json

@@ -3,7 +3,7 @@
     "1 Thread Reply": "1 Konu Yanıtı",
     "Allow access to your Gallery": "Galerinize erişime izin verin",
     "Allow camera access in device settings": "Cihaz ayarlarında kamera erişimine izin ver",
-    "Also send to channel": "Kanala da gönder",
+    "Also send to channel": "",
     "Are you sure you want to permanently delete this message?": "",
     "Are you sure?": "",
     "Block User": "",
@@ -17,7 +17,7 @@
     "Do you want to send a copy of this message to a moderator for further investigation?": "",
     "Edit Message": "",
     "Editing Message": "",
-    "Emoji matching": "",
+    "Emoji matching": "Emoji eşleştirme",
     "Empty message...": "",
     "Error loading": "",
     "Error loading channel list...": "",
@@ -28,38 +28,38 @@
     "Flag Message": "",
     "Flag action failed either due to a network issue or the message is already flagged": "",
     "How about sending your first message to a friend?": "",
-    "Instant Commands": "",
+    "Instant Commands": "Anlık Komutlar",
     "Let's start chatting!": "",
-    "Links are disabled": "Bağlantılar devre dışı",
-    "Loading channels...": "",
-    "Loading messages...": "",
-    "Loading...": "",
-    "Maximum file size upload limit reached. Please upload a file below {{MAX_FILE_SIZE_TO_UPLOAD_IN_MB}} MB.": "Maksimum dosya boyutu yükleme sınırına ulaşıldı. Lütfen {{MAX_FILE_SIZE_TO_UPLOAD_IN_MB}} MB'ın altında bir dosya yükleyin.",
+    "Links are disabled": "",
+    "Loading channels...": "Kanallar yükleniyor...",
+    "Loading messages...": "Mesajlar yükleniyor...",
+    "Loading...": "Yükleniyor...",
+    "Maximum file size upload limit reached. Please upload a file below {{MAX_FILE_SIZE_TO_UPLOAD_IN_MB}} MB.": "",
     "Message Reactions": "",
     "Message deleted": "",
     "Message flagged": "",
     "Mute User": "",
-    "Not supported": "",
+    "Not supported": "Desteklenmiyor",
     "Nothing yet...": "",
     "Ok": "",
     "Only visible to you": "Sadece siz görebilirsiniz",
     "Open Settings": "Ayarları aç",
-    "Photo": "",
+    "Photo": "Fotoğraf",
     "Photos and Videos": "Fotoğraflar ve Videolar",
     "Pin to Conversation": "",
-    "Pinned by": "Tarafından sabitlendi",
+    "Pinned by": "",
     "Please enable access to your photos and videos so you can share them.": "Paylaşım yapabilmek için lutfen fotoğraflarınıza ve videolarınıza erişimi etkinleştirin.",
-    "Please select a channel first": "Lütfen önce bir kanal seçiniz",
+    "Please select a channel first": "",
     "Reconnecting...": "",
     "Reply": "",
     "Reply to Message": "",
     "Resend": "",
-    "Search GIFs": "",
+    "Search GIFs": "GIF Ara",
     "Select More Photos": "Daha Fazla Fotoğraf Seçin",
     "Send Anyway": "",
-    "Send a message": "",
-    "Sending links is not allowed in this conversation": "Bu konuşmada bağlantı göndermek desteklenmiyor",
-    "Slow mode ON": "",
+    "Send a message": "Mesaj gönder",
+    "Sending links is not allowed in this conversation": "",
+    "Slow mode ON": "Yavaş Mod Açık",
     "The message has been reported to a moderator.": "",
     "Thread Reply": "",
     "Unblock User": "",
@@ -67,13 +67,13 @@
     "Unmute User": "",
     "Unpin from Conversation": "",
     "Unread Messages": "",
-    "Video": "",
+    "Video": "Video",
     "You": "",
-    "You can't send messages in this channel": "Bu konuşmaya mesaj gönderemezsiniz",
-    "{{ firstUser }} and {{ nonSelfUserLength }} more are typing": "",
+    "You can't send messages in this channel": "",
+    "{{ firstUser }} and {{ nonSelfUserLength }} more are typing": "{{ firstUser }} ve {{ nonSelfUserLength }} kişi daha yazıyor",
     "{{ index }} of {{ photoLength }}": "{{ index }} / {{ photoLength }}",
     "{{ replyCount }} Replies": "{{ replyCount }} Cevap",
     "{{ replyCount }} Thread Replies": "{{responseCount}} Konu Cevapı",
-    "{{ user }} is typing": "",
+    "{{ user }} is typing": "{{ user }} yazıyor",
     "🏙 Attachment...": ""
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "stream-chat-react-native-core",
   "description": "The official React Native and Expo components for Stream Chat, a service for building chat applications",
-  "version": "5.25.0-beta.6",
+  "version": "5.25.0-beta.7",
   "author": {
     "company": "Stream.io Inc",
     "name": "Stream.io Inc"
@@ -81,7 +81,7 @@
     "path": "0.12.7",
     "react-native-markdown-package": "1.8.2",
     "react-native-url-polyfill": "^1.3.0",
-    "stream-chat": "8.15.0"
+    "stream-chat": "8.17.0"
   },
   "peerDependencies": {
     "react-native-quick-sqlite": ">=5.1.0",

package/src/components/Channel/Channel.tsx

@@ -1,4 +1,4 @@
-import React, { PropsWithChildren, useCallback, useEffect, useRef, useState } from 'react';
+import React, { PropsWithChildren, useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { KeyboardAvoidingViewProps, StyleSheet, Text, View } from 'react-native';
 
 import debounce from 'lodash/debounce';
@@ -2093,6 +2093,11 @@ const ChannelWithContext = <
     }
   };
 
+  const disabledValue = useMemo(
+    () => !!channel?.data?.frozen && disableIfFrozenChannel,
+    [channel.data?.frozen, disableIfFrozenChannel],
+  );
+
   const ownCapabilitiesContext = useCreateOwnCapabilitiesContext({
     channel,
     overrideCapabilities: overrideOwnCapabilities,
@@ -2100,7 +2105,7 @@ const ChannelWithContext = <
 
   const channelContext = useCreateChannelContext({
     channel,
-    disabled: !!channel?.data?.frozen && disableIfFrozenChannel,
+    disabled: disabledValue,
     EmptyStateIndicator,
     enableMessageGroupingByUser,
     enforceUniqueReaction,
@@ -2147,6 +2152,7 @@ const ChannelWithContext = <
     CommandsButton,
     compressImageQuality,
     CooldownTimer,
+    disabled: disabledValue,
     doDocUploadRequest,
     doImageUploadRequest,
     editing,

package/src/components/Channel/hooks/useCreateInputMessageInputContext.ts

@@ -16,6 +16,7 @@ export const useCreateInputMessageInputContext = <
   CommandsButton,
   compressImageQuality,
   CooldownTimer,
+  disabled,
   doDocUploadRequest,
   doImageUploadRequest,
   editing,
@@ -72,6 +73,7 @@ export const useCreateInputMessageInputContext = <
       CommandsButton,
       compressImageQuality,
       CooldownTimer,
+      disabled,
       doDocUploadRequest,
       doImageUploadRequest,
       editing,
@@ -105,7 +107,15 @@ export const useCreateInputMessageInputContext = <
       ShowThreadMessageInChannelButton,
       UploadProgressIndicator,
     }),
-    [compressImageQuality, channelId, editingDep, initialValue, maxMessageLength, quotedMessageId],
+    [
+      compressImageQuality,
+      channelId,
+      disabled,
+      editingDep,
+      initialValue,
+      maxMessageLength,
+      quotedMessageId,
+    ],
   );
 
   return inputMessageInputContext;

package/src/components/Channel/hooks/useCreateOwnCapabilitiesContext.ts

@@ -1,4 +1,4 @@
-import { useMemo } from 'react';
+import { useEffect, useMemo, useState } from 'react';
 
 import type { Channel } from 'stream-chat';
 
@@ -18,15 +18,33 @@ export const useCreateOwnCapabilitiesContext = <
   channel: Channel<StreamChatGenerics>;
   overrideCapabilities?: Partial<OwnCapabilitiesContextValue>;
 }) => {
+  const [own_capabilities, setOwnCapabilites] = useState(
+    JSON.stringify(channel.data?.own_capabilities as Array<string>),
+  );
   const overrideCapabilitiesStr = overrideCapabilities
     ? JSON.stringify(Object.values(overrideCapabilities))
     : null;
-  const ownCapabilitiesStr = channel?.data?.own_capabilities
-    ? JSON.stringify(Object.values(channel?.data?.own_capabilities as Array<string>))
-    : null;
+
+  // Effect to watch for changes in channel.data?.own_capabilities and update the own_capabilties state accordingly.
+  useEffect(() => {
+    setOwnCapabilites(JSON.stringify(channel.data?.own_capabilities as Array<string>));
+  }, [channel.data?.own_capabilities]);
+
+  // Effect to listen to the `capabilities.changed` event.
+  useEffect(() => {
+    const listener = channel.on('capabilities.changed', (event) => {
+      if (event.own_capabilities) {
+        setOwnCapabilites(JSON.stringify(event.own_capabilities as Array<string>));
+      }
+    });
+
+    return () => {
+      listener.unsubscribe();
+    };
+  }, []);
 
   const ownCapabilitiesContext: OwnCapabilitiesContextValue = useMemo(() => {
-    const capabilities = (channel?.data?.own_capabilities || []) as Array<string>;
+    const capabilities = (own_capabilities || []) as Array<string>;
     const ownCapabilitiesContext = Object.keys(allOwnCapabilities).reduce(
       (result, capability) => ({
         ...result,
@@ -38,7 +56,7 @@ export const useCreateOwnCapabilitiesContext = <
     );
 
     return ownCapabilitiesContext;
-  }, [channel.id, overrideCapabilitiesStr, ownCapabilitiesStr]);
+  }, [channel.id, overrideCapabilitiesStr, own_capabilities]);
 
   return ownCapabilitiesContext;
 };

package/src/components/Message/Message.tsx

@@ -590,7 +590,7 @@ const MessageWithContext = <
       images: attachments.images,
       message,
       messageActions: messageActions?.filter(Boolean) as MessageActionListItemProps[] | undefined,
-      messageContext: { ...messageContext, disabled: true, preventPress: true },
+      messageContext: { ...messageContext, preventPress: true },
       messageReactionTitle: !error && messageReactions ? t('Message Reactions') : undefined,
       messagesContext: { ...messagesContext, messageContentOrder },
       onlyEmojis,
@@ -768,6 +768,7 @@ const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = Default
 ) => {
   const {
     chatContext: { mutedUsers: prevMutedUsers },
+    disabled: prevDisabled,
     goToMessage: prevGoToMessage,
     groupStyles: prevGroupStyles,
     isAttachmentEqual,
@@ -781,6 +782,7 @@ const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = Default
   } = prevProps;
   const {
     chatContext: { mutedUsers: nextMutedUsers },
+    disabled: nextDisabled,
     goToMessage: nextGoToMessage,
     groupStyles: nextGroupStyles,
     isTargetedMessage: nextIsTargetedMessage,
@@ -792,6 +794,9 @@ const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = Default
     t: nextT,
   } = nextProps;
 
+  const disabledEqual = prevDisabled === nextDisabled;
+  if (!disabledEqual) return false;
+
   const membersEqual = Object.keys(prevMembers).length === Object.keys(nextMembers).length;
   if (!membersEqual) return false;
 

package/src/components/Message/MessageSimple/MessageContent.tsx

@@ -410,6 +410,7 @@ const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = Default
   nextProps: MessageContentPropsWithContext<StreamChatGenerics>,
 ) => {
   const {
+    disabled: prevDisabled,
     goToMessage: prevGoToMessage,
     groupStyles: prevGroupStyles,
     hasReactions: prevHasReactions,
@@ -425,6 +426,7 @@ const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = Default
     tDateTimeParser: prevTDateTimeParser,
   } = prevProps;
   const {
+    disabled: nextDisabled,
     goToMessage: nextGoToMessage,
     groupStyles: nextGroupStyles,
     hasReactions: nextHasReactions,
@@ -439,6 +441,9 @@ const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = Default
     tDateTimeParser: nextTDateTimeParser,
   } = nextProps;
 
+  const disabledEqual = prevDisabled === nextDisabled;
+  if (!disabledEqual) return false;
+
   const hasReactionsEqual = prevHasReactions === nextHasReactions;
   if (!hasReactionsEqual) return false;
 

package/src/components/Message/MessageSimple/MessageSimple.tsx

@@ -24,7 +24,7 @@ export type MessageSimplePropsWithContext<
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = Pick<
   MessageContextValue<StreamChatGenerics>,
-  'alignment' | 'channel' | 'groupStyles' | 'hasReactions' | 'message'
+  'alignment' | 'channel' | 'disabled' | 'groupStyles' | 'hasReactions' | 'message'
 > &
   Pick<
     MessagesContextValue<StreamChatGenerics>,
@@ -102,6 +102,7 @@ const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = Default
 ) => {
   const {
     channel: prevChannel,
+    disabled: prevDisabled,
     groupStyles: prevGroupStyles,
     hasReactions: prevHasReactions,
     message: prevMessage,
@@ -109,12 +110,16 @@ const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = Default
   } = prevProps;
   const {
     channel: nextChannel,
+    disabled: nextDisabled,
     groupStyles: nextGroupStyles,
     hasReactions: nextHasReactions,
     message: nextMessage,
     myMessageTheme: nextMyMessageTheme,
   } = nextProps;
 
+  const disabledEqual = prevDisabled === nextDisabled;
+  if (!disabledEqual) return false;
+
   const hasReactionsEqual = prevHasReactions === nextHasReactions;
   if (!hasReactionsEqual) return false;
 
@@ -197,7 +202,7 @@ export const MessageSimple = <
 >(
   props: MessageSimpleProps<StreamChatGenerics>,
 ) => {
-  const { alignment, channel, groupStyles, hasReactions, message } =
+  const { alignment, channel, disabled, groupStyles, hasReactions, message } =
     useMessageContext<StreamChatGenerics>();
   const {
     enableMessageGroupingByUser,
@@ -213,6 +218,7 @@ export const MessageSimple = <
       {...{
         alignment,
         channel,
+        disabled,
         enableMessageGroupingByUser,
         groupStyles,
         hasReactions,

package/src/components/MessageInput/MessageInput.tsx

@@ -792,12 +792,7 @@ export const MessageInput = <
   const { isOnline } = useChatContext();
   const ownCapabilities = useOwnCapabilitiesContext();
 
-  const {
-    disabled = false,
-    members,
-    threadList,
-    watchers,
-  } = useChannelContext<StreamChatGenerics>();
+  const { disabled, members, threadList, watchers } = useChannelContext<StreamChatGenerics>();
 
   const {
     additionalTextInputProps,
@@ -854,7 +849,7 @@ export const MessageInput = <
 
   const { t } = useTranslationContext();
 
-  if (!ownCapabilities.sendMessage && SendMessageDisallowedIndicator) {
+  if ((disabled || !ownCapabilities.sendMessage) && SendMessageDisallowedIndicator) {
     return <SendMessageDisallowedIndicator />;
   }
 
@@ -899,6 +894,7 @@ export const MessageInput = <
         SendButton,
         sending,
         sendMessageAsync,
+        SendMessageDisallowedIndicator,
         setGiphyActive,
         setShowMoreOptions,
         showMoreOptions,

package/src/components/MessageList/MessageList.tsx

@@ -439,7 +439,9 @@ const MessageListWithContext = <
   });
 
   useEffect(() => {
-    setScrollToBottomButtonVisible(false);
+    if (disabled) {
+      setScrollToBottomButtonVisible(false);
+    }
   }, [disabled]);
 
   useEffect(() => {

package/src/contexts/messageInputContext/MessageInputContext.tsx

@@ -210,7 +210,7 @@ export type LocalMessageInputContext<
 
 export type InputMessageInputContextValue<
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = {
+> = Pick<ChannelContextValue<StreamChatGenerics>, 'disabled'> & {
   /**
    * Custom UI component for attach button.
    *

package/src/contexts/messageInputContext/hooks/useCreateMessageInputContext.ts

@@ -20,6 +20,7 @@ export const useCreateMessageInputContext = <
   compressImageQuality,
   cooldownEndsAt,
   CooldownTimer,
+  disabled,
   doDocUploadRequest,
   doImageUploadRequest,
   editing,
@@ -124,6 +125,7 @@ export const useCreateMessageInputContext = <
       compressImageQuality,
       cooldownEndsAt,
       CooldownTimer,
+      disabled,
       doDocUploadRequest,
       doImageUploadRequest,
       editing,
@@ -200,6 +202,7 @@ export const useCreateMessageInputContext = <
     }),
     [
       cooldownEndsAt,
+      disabled,
       editingdep,
       fileUploadsValue,
       giphyActive,