stream-chat-react 13.3.0 → 13.5.0

package/dist/components/Channel/Channel.js

@@ -134,6 +134,10 @@ const ChannelInner = (props) => {
                 type: 'updateThreadOnEvent',
             });
         }
+        // ignore the event if it is not targeted at the current channel.
+        // Event targeted at this channel or globally targeted event should lead to state refresh
+        if (event.type === 'user.messages.deleted' && event.cid && event.cid !== channel.cid)
+            return;
         if (event.type === 'user.watching.start' || event.type === 'user.watching.stop')
             return;
         if (event.type === 'typing.start' || event.type === 'typing.stop') {
@@ -257,6 +261,7 @@ const ChannelInner = (props) => {
                 client.on('connection.recovered', handleEvent);
                 client.on('user.updated', handleEvent);
                 client.on('user.deleted', handleEvent);
+                client.on('user.messages.deleted', handleEvent);
                 channel.on(handleEvent);
             }
         })();

package/dist/components/ChannelPreview/ChannelPreview.js

@@ -55,23 +55,28 @@ export const ChannelPreview = (props) => {
     }, 400), [channel, muted]);
     useEffect(() => {
         refreshUnreadCount();
-        const handleEvent = () => {
+        const handleEvent = (event) => {
+            const deletedMessagesInAnotherChannel = event.type === 'user.messages.deleted' && event.cid && event.cid !== channel.cid;
+            if (deletedMessagesInAnotherChannel)
+                return;
             setLastMessage(channel.state.latestMessages[channel.state.latestMessages.length - 1]);
             refreshUnreadCount();
         };
         channel.on('message.new', handleEvent);
         channel.on('message.updated', handleEvent);
         channel.on('message.deleted', handleEvent);
+        client.on('user.messages.deleted', handleEvent);
         channel.on('message.undeleted', handleEvent);
         channel.on('channel.truncated', handleEvent);
         return () => {
             channel.off('message.new', handleEvent);
             channel.off('message.updated', handleEvent);
             channel.off('message.deleted', handleEvent);
+            client.off('user.messages.deleted', handleEvent);
             channel.off('message.undeleted', handleEvent);
             channel.off('channel.truncated', handleEvent);
         };
-    }, [channel, refreshUnreadCount, channelUpdateCount]);
+    }, [channel, client, refreshUnreadCount, channelUpdateCount]);
     if (!Preview)
         return null;
     const latestMessagePreview = getLatestMessagePreview(channel, t, userLanguage, isMessageAIGenerated);

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.3.0";
+        const version = "13.5.0";
         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/renderText/renderText.d.ts

@@ -16,4 +16,4 @@ export type RenderTextOptions = {
     getRehypePlugins?: RenderTextPluginConfigurator;
     getRemarkPlugins?: RenderTextPluginConfigurator;
 };
-export declare const renderText: (text?: string, mentionedUsers?: UserResponse[], { allowedTagNames, customMarkDownRenderers, getRehypePlugins, getRemarkPlugins, }?: RenderTextOptions) => React.JSX.Element | null | undefined;
+export declare const renderText: (text?: string, mentionedUsers?: UserResponse[], { allowedTagNames, customMarkDownRenderers, getRehypePlugins, getRemarkPlugins, }?: RenderTextOptions) => React.JSX.Element | null;

package/dist/components/Message/renderText/renderText.js

@@ -83,7 +83,7 @@ export const renderText = (text, mentionedUsers, { allowedTagNames = defaultAllo
                 return strippedHref.includes(strippedText) || strippedText.includes(strippedHref);
             });
         if (noParsingNeeded.length > 0 || linkIsInBlock)
-            return;
+            continue;
         try {
             // special case for mentions:
             // it could happen that a user's name matches with an e-mail format pattern.

package/dist/components/MessageInput/AttachmentPreviewList/index.d.ts

@@ -1,5 +1,6 @@
 export * from './AttachmentPreviewList';
 export type { FileAttachmentPreviewProps } from './FileAttachmentPreview';
+export type { GeolocationPreviewProps } from './GeolocationPreview';
 export type { ImageAttachmentPreviewProps } from './ImageAttachmentPreview';
 export type { UploadAttachmentPreviewProps as AttachmentPreviewProps } from './types';
 export type { UnsupportedAttachmentPreviewProps } from './UnsupportedAttachmentPreview';

package/dist/components/MessageInput/index.d.ts

@@ -1,6 +1,6 @@
 export * from './AttachmentSelector';
 export { AttachmentPreviewList } from './AttachmentPreviewList';
-export type { AttachmentPreviewListProps, FileAttachmentPreviewProps, ImageAttachmentPreviewProps, AttachmentPreviewProps, UnsupportedAttachmentPreviewProps, VoiceRecordingPreviewProps, } from './AttachmentPreviewList';
+export type { AttachmentPreviewListProps, FileAttachmentPreviewProps, GeolocationPreviewProps, ImageAttachmentPreviewProps, AttachmentPreviewProps, UnsupportedAttachmentPreviewProps, VoiceRecordingPreviewProps, } from './AttachmentPreviewList';
 export * from './CooldownTimer';
 export * from './EditMessageForm';
 export * from './hooks';

package/dist/components/Modal/Modal.d.ts

@@ -1,11 +1,16 @@
-import type { PropsWithChildren } from 'react';
+import { type PropsWithChildren } from 'react';
 import React from 'react';
+type CloseEvent = KeyboardEvent | React.KeyboardEvent | React.MouseEvent<HTMLButtonElement | HTMLDivElement>;
+export type ModalCloseSource = 'overlay' | 'button' | 'escape';
 export type ModalProps = {
     /** If true, modal is opened or visible. */
     open: boolean;
     /** Custom class to be applied to the modal root div */
     className?: string;
     /** Callback handler for closing of modal. */
-    onClose?: (event: React.KeyboardEvent | React.MouseEvent<HTMLButtonElement | HTMLDivElement>) => void;
+    onClose?: (event: CloseEvent) => void;
+    /** Optional handler to intercept closing logic. Return false to prevent onClose. */
+    onCloseAttempt?: (source: ModalCloseSource, event: CloseEvent) => boolean;
 };
-export declare const Modal: ({ children, className, onClose, open, }: PropsWithChildren<ModalProps>) => React.JSX.Element | null;
+export declare const Modal: ({ children, className, onClose, onCloseAttempt, open, }: PropsWithChildren<ModalProps>) => React.JSX.Element | null;
+export {};

package/dist/components/Modal/Modal.js

@@ -1,34 +1,45 @@
 import clsx from 'clsx';
+import { useCallback } from 'react';
 import React, { useEffect, useRef } from 'react';
 import { FocusScope } from '@react-aria/focus';
 import { CloseIconRound } from './icons';
 import { useTranslationContext } from '../../context';
-export const Modal = ({ children, className, onClose, open, }) => {
+export const Modal = ({ children, className, onClose, onCloseAttempt, open, }) => {
     const { t } = useTranslationContext('Modal');
     const innerRef = useRef(null);
-    const closeRef = useRef(null);
+    const closeButtonRef = useRef(null);
+    const maybeClose = useCallback((source, event) => {
+        const allow = onCloseAttempt?.(source, event);
+        if (allow !== false) {
+            onClose?.(event);
+        }
+    }, [onClose, onCloseAttempt]);
     const handleClick = (event) => {
         const target = event.target;
-        if (!innerRef.current || !closeRef.current)
+        if (!innerRef.current || !closeButtonRef.current)
             return;
-        if (!innerRef.current.contains(target) || closeRef.current.contains(target))
-            onClose?.(event);
+        if (closeButtonRef.current.contains(target)) {
+            maybeClose('button', event);
+        }
+        else if (!innerRef.current.contains(target)) {
+            maybeClose('overlay', event);
+        }
     };
     useEffect(() => {
         if (!open)
             return;
         const handleKeyDown = (event) => {
             if (event.key === 'Escape')
-                onClose?.(event);
+                maybeClose('escape', event);
         };
         document.addEventListener('keydown', handleKeyDown);
         return () => document.removeEventListener('keydown', handleKeyDown);
-    }, [onClose, open]);
+    }, [maybeClose, open]);
     if (!open)
         return null;
     return (React.createElement("div", { className: clsx('str-chat__modal str-chat__modal--open', className), onClick: handleClick },
         React.createElement(FocusScope, { autoFocus: true, contain: true },
-            React.createElement("button", { className: 'str-chat__modal__close-button', ref: closeRef, title: t('Close') },
+            React.createElement("button", { className: 'str-chat__modal__close-button', ref: closeButtonRef, title: t('Close') },
                 React.createElement(CloseIconRound, null)),
             React.createElement("div", { className: 'str-chat__modal__inner str-chat-react__modal__inner', ref: innerRef }, children))));
 };

package/dist/components/Poll/PollCreationDialog/PollCreationDialogControls.js

@@ -15,7 +15,10 @@ export const PollCreationDialogControls = ({ close, }) => {
                 messageComposer
                     .createPoll()
                     .then(() => handleSubmitMessage())
-                    .then(close)
+                    .then(() => {
+                    messageComposer.pollComposer.initState();
+                    close();
+                })
                     .catch(console.error);
             }, type: 'submit' }, t('Create'))));
 };

package/dist/experimental/index.browser.cjs

@@ -10720,7 +10720,9 @@ var ChannelPreview = (props) => {
   );
   (0, import_react23.useEffect)(() => {
     refreshUnreadCount();
-    const handleEvent = () => {
+    const handleEvent = (event) => {
+      const deletedMessagesInAnotherChannel = event.type === "user.messages.deleted" && event.cid && event.cid !== channel.cid;
+      if (deletedMessagesInAnotherChannel) return;
       setLastMessage(
         channel.state.latestMessages[channel.state.latestMessages.length - 1]
       );
@@ -10729,16 +10731,18 @@ var ChannelPreview = (props) => {
     channel.on("message.new", handleEvent);
     channel.on("message.updated", handleEvent);
     channel.on("message.deleted", handleEvent);
+    client.on("user.messages.deleted", handleEvent);
     channel.on("message.undeleted", handleEvent);
     channel.on("channel.truncated", handleEvent);
     return () => {
       channel.off("message.new", handleEvent);
       channel.off("message.updated", handleEvent);
       channel.off("message.deleted", handleEvent);
+      client.off("user.messages.deleted", handleEvent);
       channel.off("message.undeleted", handleEvent);
       channel.off("channel.truncated", handleEvent);
     };
-  }, [channel, refreshUnreadCount, channelUpdateCount]);
+  }, [channel, client, refreshUnreadCount, channelUpdateCount]);
   if (!Preview) return null;
   const latestMessagePreview = getLatestMessagePreview2(
     channel,