stream-chat-react 13.6.2 → 13.6.4

package/dist/components/Channel/Channel.js

@@ -10,8 +10,7 @@ import { useCreateTypingContext } from './hooks/useCreateTypingContext';
 import { useEditMessageHandler } from './hooks/useEditMessageHandler';
 import { useIsMounted } from './hooks/useIsMounted';
 import { useMentionsHandlers } from './hooks/useMentionsHandlers';
-import { LoadingErrorIndicator as DefaultLoadingErrorIndicator } from '../Loading';
-import { LoadingChannel as DefaultLoadingIndicator } from './LoadingChannel';
+import { LoadingErrorIndicator as DefaultLoadingErrorIndicator, LoadingChannel as DefaultLoadingIndicator, } from '../Loading';
 import { ChannelActionProvider, ChannelStateProvider, TypingProvider, useChatContext, useTranslationContext, WithComponents, } from '../../context';
 import { CHANNEL_CONTAINER_ID } from './constants';
 import { DEFAULT_HIGHLIGHT_DURATION, DEFAULT_INITIAL_CHANNEL_PAGE_SIZE, DEFAULT_JUMP_TO_PAGE_SIZE, DEFAULT_NEXT_CHANNEL_PAGE_SIZE, DEFAULT_THREAD_PAGE_SIZE, } from '../../constants/limits';

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.2";
+        const version = "13.6.4";
         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/Loading/index.d.ts

@@ -1,3 +1,4 @@
+export * from './LoadingChannel';
 export * from './LoadingChannels';
 export * from './LoadingErrorIndicator';
 export * from './LoadingIndicator';

package/dist/components/Loading/index.js

@@ -1,3 +1,4 @@
+export * from './LoadingChannel';
 export * from './LoadingChannels';
 export * from './LoadingErrorIndicator';
 export * from './LoadingIndicator';

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/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(