stream-chat-react 13.6.3 → 13.6.5

package/dist/components/Chat/hooks/useChat.js

@@ -24,7 +24,7 @@ export const useChat = ({ client, defaultLanguage = 'en', i18nInstance, initialN
     useEffect(() => {
         if (!client)
             return;
-        const version = "13.6.3";
+        const version = "13.6.5";
         const userAgent = client.getUserAgent();
         if (!userAgent.includes('stream-chat-react')) {
             // result looks like: 'stream-chat-react-2.3.2-stream-chat-javascript-client-browser-2.2.2'

package/dist/components/Message/MessageOptions.js

@@ -10,8 +10,13 @@ const UnMemoizedMessageOptions = (props) => {
     const { ActionsIcon = DefaultActionsIcon, displayReplies = true, handleOpenThread: propHandleOpenThread, ReactionIcon = DefaultReactionIcon, theme = 'simple', ThreadIcon = DefaultThreadIcon, } = props;
     const { getMessageActions, handleOpenThread: contextHandleOpenThread, initialMessage, message, threadList, } = useMessageContext('MessageOptions');
     const { t } = useTranslationContext('MessageOptions');
-    const messageActionsDialogIsOpen = useDialogIsOpen(`message-actions--${message.id}`);
-    const reactionSelectorDialogIsOpen = useDialogIsOpen(`reaction-selector--${message.id}`);
+    // It is necessary to namespace the dialog IDs because a message with the same ID
+    // can appear in the main message list as well as in the thread message list.
+    // Without the namespace, the search for dialog would be performed by the message ID only
+    // which could return the dialog for a message in another message list (which would not be rendered).
+    const dialogIdNamespace = threadList ? '-thread-' : '';
+    const messageActionsDialogIsOpen = useDialogIsOpen(`message-actions${dialogIdNamespace}--${message.id}`);
+    const reactionSelectorDialogIsOpen = useDialogIsOpen(`reaction-selector${dialogIdNamespace}--${message.id}`);
     const handleOpenThread = propHandleOpenThread || contextHandleOpenThread;
     const messageActions = getMessageActions();
     const shouldShowReactions = messageActions.indexOf(MESSAGE_ACTIONS.react) > -1;

package/dist/components/MessageActions/MessageActions.js

@@ -22,7 +22,8 @@ export const MessageActions = (props) => {
     const message = propMessage || contextMessage;
     const isMine = mine ? mine() : isMyMessage();
     const isMuted = useCallback(() => isUserMuted(message, mutes), [message, mutes]);
-    const dialogId = `message-actions--${message.id}`;
+    const dialogIdNamespace = threadList ? '-thread-' : '';
+    const dialogId = `message-actions${dialogIdNamespace}--${message.id}`;
     const dialog = useDialog({ id: dialogId });
     const dialogIsOpen = useDialogIsOpen(dialogId);
     const messageActions = getMessageActions();

package/dist/components/MessageInput/AttachmentSelector.js

@@ -88,14 +88,17 @@ const useAttachmentSelectorActionsFiltered = (original) => {
     const { PollCreationDialog = DefaultPollCreationDialog, ShareLocationDialog = DefaultLocationDialog, } = useComponentContext();
     const { channelCapabilities } = useChannelStateContext();
     const messageComposer = useMessageComposer();
+    const channelConfig = messageComposer.channel.getConfig();
     return original
         .filter((action) => {
         if (action.type === 'uploadFile')
-            return channelCapabilities['upload-file'];
+            return channelCapabilities['upload-file'] && channelConfig?.uploads;
         if (action.type === 'createPoll')
-            return channelCapabilities['send-poll'] && !messageComposer.threadId;
+            return (channelCapabilities['send-poll'] &&
+                !messageComposer.threadId &&
+                channelConfig?.polls);
         if (action.type === 'addLocation') {
-            return messageComposer.config.location.enabled && !messageComposer.threadId;
+            return channelConfig?.shared_locations && !messageComposer.threadId;
         }
         return true;
     })

package/dist/components/Reactions/ReactionSelectorWithButton.js

@@ -8,10 +8,11 @@ import { useComponentContext, useMessageContext, useTranslationContext, } from '
  */
 export const ReactionSelectorWithButton = ({ ReactionIcon, }) => {
     const { t } = useTranslationContext('ReactionSelectorWithButton');
-    const { isMyMessage, message } = useMessageContext('MessageOptions');
+    const { isMyMessage, message, threadList } = useMessageContext('MessageOptions');
     const { ReactionSelector = DefaultReactionSelector } = useComponentContext('MessageOptions');
     const buttonRef = useRef(null);
-    const dialogId = `reaction-selector--${message.id}`;
+    const dialogIdNamespace = threadList ? '-thread-' : '';
+    const dialogId = `reaction-selector${dialogIdNamespace}--${message.id}`;
     const dialog = useDialog({ id: dialogId });
     const dialogIsOpen = useDialogIsOpen(dialogId);
     return (React.createElement(React.Fragment, null,

package/dist/experimental/index.browser.cjs

@@ -11516,10 +11516,11 @@ var ReactionSelectorWithButton = ({
   ReactionIcon: ReactionIcon2
 }) => {
   const { t } = useTranslationContext("ReactionSelectorWithButton");
-  const { isMyMessage, message } = useMessageContext("MessageOptions");
+  const { isMyMessage, message, threadList } = useMessageContext("MessageOptions");
   const { ReactionSelector: ReactionSelector2 = ReactionSelector } = useComponentContext("MessageOptions");
   const buttonRef = (0, import_react35.useRef)(null);
-  const dialogId = `reaction-selector--${message.id}`;
+  const dialogIdNamespace = threadList ? "-thread-" : "";
+  const dialogId = `reaction-selector${dialogIdNamespace}--${message.id}`;
   const dialog = useDialog({ id: dialogId });
   const dialogIsOpen = useDialogIsOpen(dialogId);
   return /* @__PURE__ */ import_react35.default.createElement(import_react35.default.Fragment, null, /* @__PURE__ */ import_react35.default.createElement(