Merge branch 'master' into feat/live-location-manager-and-attachments

# Conflicts:
#	src/mock-builders/generator/channel.ts

Author: MartinCupela

CHANGELOG.md

@@ -1,3 +1,24 @@
+## [13.2.3](https://github.com/GetStream/stream-chat-react/compare/v13.2.2...v13.2.3) (2025-07-15)
+
+### Bug Fixes
+
+* export MessageIsThreadReplyInChannelButtonIndicator ([#2774](https://github.com/GetStream/stream-chat-react/issues/2774)) ([a87f500](https://github.com/GetStream/stream-chat-react/commit/a87f500f12b836b38e9cf6cd97779cc01d3c1b29))
+* regenerate image preview URL on image attachment removal when editing a message ([#2775](https://github.com/GetStream/stream-chat-react/issues/2775)) ([2c7d3ce](https://github.com/GetStream/stream-chat-react/commit/2c7d3ce80137a265e51ab1c47d1ae6e833c21843))
+
+## [13.2.2](https://github.com/GetStream/stream-chat-react/compare/v13.2.1...v13.2.2) (2025-07-11)
+
+### Bug Fixes
+
+* change MultipleAnswersField input element to type text ([#2761](https://github.com/GetStream/stream-chat-react/issues/2761)) ([a590629](https://github.com/GetStream/stream-chat-react/commit/a5906297ef7273342707721cdf8d815ddb360046))
+* distinguish non-submit form buttons ([#2769](https://github.com/GetStream/stream-chat-react/issues/2769)) ([bdc3c3e](https://github.com/GetStream/stream-chat-react/commit/bdc3c3e1f11fae635895308487b000b814c7de29))
+* ensure all message links are properly wrapped when sharing same root domain ([#2754](https://github.com/GetStream/stream-chat-react/issues/2754)) ([adeb0e7](https://github.com/GetStream/stream-chat-react/commit/adeb0e73144755ef3d81d84dfdbbaf665c7e7d1c))
+* focus textarea upon file input change event ([#2752](https://github.com/GetStream/stream-chat-react/issues/2752)) ([22e0702](https://github.com/GetStream/stream-chat-react/commit/22e0702e69ef5a69138813eb418e219d08843d3b))
+* forward error object to LoadingErrorIndicator in ChannelList ([#2768](https://github.com/GetStream/stream-chat-react/issues/2768)) ([c014b1f](https://github.com/GetStream/stream-chat-react/commit/c014b1f21682b75abf9f889bfedd29b71be3be48))
+* keep focused textarea when message composer state changes ([#2759](https://github.com/GetStream/stream-chat-react/issues/2759)) ([e6d5a7f](https://github.com/GetStream/stream-chat-react/commit/e6d5a7ffb411932668d2c310843e9e629340cba8))
+* make character composition possible in textarea ([#2762](https://github.com/GetStream/stream-chat-react/issues/2762)) ([bbe09e5](https://github.com/GetStream/stream-chat-react/commit/bbe09e53a009655aea2dfc801c926f4a21d97cef))
+* prevent querying thread draft when drafts are disabled ([#2767](https://github.com/GetStream/stream-chat-react/issues/2767)) ([ff43179](https://github.com/GetStream/stream-chat-react/commit/ff4317987ab3aeff74e03235cd3bc1d44881b4be))
+* prevent setting unread UI state for channel non-members ([#2757](https://github.com/GetStream/stream-chat-react/issues/2757)) ([952612a](https://github.com/GetStream/stream-chat-react/commit/952612a7c84bddcccb083afd18874bcb3a65cd8e))
+
 ## [13.2.1](https://github.com/GetStream/stream-chat-react/compare/v13.2.0...v13.2.1) (2025-06-23)
 
 ### Chores

package.json

@@ -142,7 +142,7 @@
     "emoji-mart": "^5.4.0",
     "react": "^19.0.0 || ^18.0.0 || ^17.0.0 || ^16.14.0",
     "react-dom": "^19.0.0 || ^18.0.0 || ^17.0.0 || ^16.14.0",
-    "stream-chat": "^9.8.0"
+    "stream-chat": "^9.10.1"
   },
   "peerDependenciesMeta": {
     "@breezystack/lamejs": {
@@ -236,7 +236,7 @@
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "semantic-release": "^24.2.3",
-    "stream-chat": "^9.8.0",
+    "stream-chat": "^9.10.1",
     "ts-jest": "^29.2.5",
     "typescript": "^5.4.5",
     "typescript-eslint": "^8.17.0"

src/components/Attachment/AttachmentContainer.tsx

@@ -114,19 +114,19 @@ export const GalleryContainer = ({
   >([]);
 
   useLayoutEffect(() => {
-    if (
-      imageElements.current &&
-      imageElements.current.every((element) => !!element) &&
-      imageAttachmentSizeHandler
-    ) {
-      const newConfigurations: ImageAttachmentConfiguration[] = [];
-      imageElements.current.forEach((element, i) => {
-        const config = imageAttachmentSizeHandler(attachment.images[i], element);
-        newConfigurations.push(config);
-      });
-      setAttachmentConfigurations(newConfigurations);
+    if (!imageElements.current || !imageAttachmentSizeHandler) return;
+    const newConfigurations: ImageAttachmentConfiguration[] = [];
+    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,

src/components/Channel/Channel.tsx

@@ -383,7 +383,9 @@ const ChannelInner = (
               );
             } else {
               const markReadResponse = await channel.markRead();
-              if (updateChannelUiUnreadState && markReadResponse) {
+              //  markReadResponse.event can be null in case of a user that is not a member of a channel being marked read
+              // in that case event is null and we should not set unread UI
+              if (updateChannelUiUnreadState && markReadResponse?.event) {
                 _setChannelUnreadUiState({
                   last_read: lastRead.current,
                   last_read_message_id: markReadResponse.event.last_read_message_id,

src/components/ChannelList/ChannelList.tsx

@@ -42,6 +42,7 @@ import type { ChatContextValue } from '../../context';
 import type { ChannelAvatarProps } from '../Avatar';
 import type { TranslationContextValue } from '../../context/TranslationContext';
 import type { PaginatorProps } from '../../types/types';
+import type { LoadingErrorIndicatorProps } from '../Loading';
 
 const DEFAULT_FILTERS = {};
 const DEFAULT_OPTIONS = {};
@@ -86,7 +87,7 @@ export type ChannelListProps = {
   /** Custom UI component to display the container for the queried channels, defaults to and accepts same props as: [ChannelListMessenger](https://github.com/GetStream/stream-chat-react/blob/master/src/components/ChannelList/ChannelListMessenger.tsx) */
   List?: React.ComponentType<ChannelListMessengerProps>;
   /** Custom UI component to display the loading error indicator, defaults to component that renders null */
-  LoadingErrorIndicator?: React.ComponentType;
+  LoadingErrorIndicator?: React.ComponentType<LoadingErrorIndicatorProps>;
   /** Custom UI component to display the loading state, defaults to and accepts same props as: [LoadingChannels](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Loading/LoadingChannels.tsx) */
   LoadingIndicator?: React.ComponentType;
   /** When true, channels won't dynamically sort by most recent message */

src/components/ChannelList/ChannelListMessenger.tsx

@@ -5,6 +5,7 @@ import type { APIErrorResponse, Channel, ErrorFromResponse } from 'stream-chat';
 import { LoadingChannels } from '../Loading/LoadingChannels';
 import { NullComponent } from '../UtilityComponents';
 import { useTranslationContext } from '../../context';
+import type { LoadingErrorIndicatorProps } from '../Loading';
 
 export type ChannelListMessengerProps = {
   /** Whether the channel query request returned an errored response */
@@ -14,7 +15,7 @@ export type ChannelListMessengerProps = {
   /** Whether the channels are currently loading */
   loading?: boolean;
   /** Custom UI component to display the loading error indicator, defaults to component that renders null */
-  LoadingErrorIndicator?: React.ComponentType;
+  LoadingErrorIndicator?: React.ComponentType<LoadingErrorIndicatorProps>;
   /** Custom UI component to display a loading indicator, defaults to and accepts same props as: [LoadingChannels](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Loading/LoadingChannels.tsx) */
   LoadingIndicator?: React.ComponentType;
   /** Local state hook that resets the currently loaded channels */
@@ -37,7 +38,7 @@ export const ChannelListMessenger = (
   const { t } = useTranslationContext('ChannelListMessenger');
 
   if (error) {
-    return <LoadingErrorIndicator />;
+    return <LoadingErrorIndicator error={error} />;
   }
 
   if (loading) {

src/components/ChannelList/__tests__/ChannelList.test.js

@@ -354,6 +354,28 @@ describe('ChannelList', () => {
     expect(results).toHaveNoViolations();
   });
 
+  it('provides the error object to LoadingErrorIndicator', async () => {
+    useMockedApis(chatClient, [erroredPostApi()]);
+    jest.spyOn(console, 'warn').mockImplementationOnce(() => null);
+
+    const LoadingErrorIndicator = (props) => <div>{props.error.message}</div>;
+
+    await act(async () => {
+      await render(
+        <Chat client={chatClient}>
+          <ChannelList
+            filters={{}}
+            LoadingErrorIndicator={LoadingErrorIndicator}
+            options={{ presence: true, state: true, watch: true }}
+            Preview={ChannelPreviewComponent}
+          />
+        </Chat>,
+      );
+    });
+
+    expect(screen.getByText('StreamChat error HTTP code: 500')).toBeInTheDocument();
+  });
+
   it('should render loading indicator before the first channel list load and on reload', async () => {
     const channelsQueryStatesHistory = [];
     const channelListMessengerLoadingHistory = [];

src/components/Dialog/FormDialog.tsx

@@ -139,6 +139,7 @@ export const FormDialog = <
             <button
               className='str-chat__dialog__controls-button str-chat__dialog__controls-button--cancel'
               onClick={close}
+              type='button'
             >
               {t('Cancel')}
             </button>

src/components/Loading/LoadingErrorIndicator.tsx

@@ -4,7 +4,7 @@ import { useTranslationContext } from '../../context/TranslationContext';
 
 export type LoadingErrorIndicatorProps = {
   /** Error object */
-  error?: Error;
+  error?: Error | null;
 };
 
 /**

src/components/Message/index.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';