stream-chat-react 13.2.2 → 13.2.3

package/dist/components/Attachment/AttachmentContainer.js

@@ -57,17 +57,21 @@ export const GalleryContainer = ({ attachment, Gallery = DefaultGallery, }) => {
     const { imageAttachmentSizeHandler } = useChannelStateContext();
     const [attachmentConfigurations, setAttachmentConfigurations] = useState([]);
     useLayoutEffect(() => {
-        if (imageElements.current &&
-            imageElements.current.every((element) => !!element) &&
-            imageAttachmentSizeHandler) {
-            const newConfigurations = [];
-            imageElements.current.forEach((element, i) => {
-                const config = imageAttachmentSizeHandler(attachment.images[i], element);
-                newConfigurations.push(config);
-            });
-            setAttachmentConfigurations(newConfigurations);
+        if (!imageElements.current || !imageAttachmentSizeHandler)
+            return;
+        const newConfigurations = [];
+        const nonNullImageElements = imageElements.current.filter((e) => !!e);
+        if (nonNullImageElements.length < imageElements.current.length) {
+            imageElements.current = nonNullImageElements;
         }
-    }, [imageElements, imageAttachmentSizeHandler, attachment]);
+        imageElements.current.forEach((element, i) => {
+            if (!element)
+                return;
+            const config = imageAttachmentSizeHandler(attachment.images[i], element);
+            newConfigurations.push(config);
+        });
+        setAttachmentConfigurations(newConfigurations);
+    }, [imageAttachmentSizeHandler, attachment]);
     const images = attachment.images.map((image, i) => ({
         ...image,
         previewUrl: attachmentConfigurations[i]?.url || 'about:blank',

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.2.2";
+        const version = "13.2.3";
         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/index.d.ts

@@ -3,6 +3,7 @@ export * from './hooks';
 export * from './icons';
 export * from './Message';
 export * from './MessageDeleted';
+export * from './MessageIsThreadReplyInChannelButtonIndicator';
 export * from './MessageOptions';
 export * from './MessageRepliesCountButton';
 export * from './MessageSimple';

package/dist/components/Message/index.js

@@ -3,6 +3,7 @@ export * from './hooks';
 export * from './icons';
 export * from './Message';
 export * from './MessageDeleted';
+export * from './MessageIsThreadReplyInChannelButtonIndicator';
 export * from './MessageOptions';
 export * from './MessageRepliesCountButton';
 export * from './MessageSimple';

package/dist/index.browser.cjs

@@ -402,6 +402,7 @@ __export(src_exports, {
   MessageInputContext: () => MessageInputContext,
   MessageInputContextProvider: () => MessageInputContextProvider,
   MessageInputFlat: () => MessageInputFlat,
+  MessageIsThreadReplyInChannelButtonIndicator: () => MessageIsThreadReplyInChannelButtonIndicator,
   MessageList: () => MessageList,
   MessageListContext: () => MessageListContext,
   MessageListContextProvider: () => MessageListContextProvider,
@@ -33280,15 +33281,19 @@ var GalleryContainer = ({
   const { imageAttachmentSizeHandler } = useChannelStateContext();
   const [attachmentConfigurations, setAttachmentConfigurations] = (0, import_react259.useState)([]);
   (0, import_react259.useLayoutEffect)(() => {
-    if (imageElements.current && imageElements.current.every((element4) => !!element4) && imageAttachmentSizeHandler) {
-      const newConfigurations = [];
-      imageElements.current.forEach((element4, i) => {
-        const config = imageAttachmentSizeHandler(attachment.images[i], element4);
-        newConfigurations.push(config);
-      });
-      setAttachmentConfigurations(newConfigurations);
-    }
-  }, [imageElements, imageAttachmentSizeHandler, attachment]);
+    if (!imageElements.current || !imageAttachmentSizeHandler) return;
+    const newConfigurations = [];
+    const nonNullImageElements = imageElements.current.filter((e) => !!e);
+    if (nonNullImageElements.length < imageElements.current.length) {
+      imageElements.current = nonNullImageElements;
+    }
+    imageElements.current.forEach((element4, i) => {
+      if (!element4) return;
+      const config = imageAttachmentSizeHandler(attachment.images[i], element4);
+      newConfigurations.push(config);
+    });
+    setAttachmentConfigurations(newConfigurations);
+  }, [imageAttachmentSizeHandler, attachment]);
   const images = attachment.images.map((image3, i) => ({
     ...image3,
     previewUrl: attachmentConfigurations[i]?.url || "about:blank",
@@ -35001,7 +35006,7 @@ var useChat = ({
   };
   (0, import_react269.useEffect)(() => {
     if (!client) return;
-    const version = "13.2.2";
+    const version = "13.2.3";
     const userAgent = client.getUserAgent();
     if (!userAgent.includes("stream-chat-react")) {
       client.setUserAgent(`stream-chat-react-${version}-${userAgent}`);