fix: recognize async moderated shadow blocked messages as blocked (#3131)

https://linear.app/stream/issue/REACT-945/handle-shadow-blocked-images-in-react-chat-sdk

`isMessageBlocked` method decides if we should display the
`MessageBlocked` placeholder for a message. This method didn't
categorize `shadowed` messages as blocked (probably because these
messages are not displayed in message list, except when they change from
`shadowed: false` to `shadowed: true`)

_Provide a description of the implementation_

_Add relevant screenshots_

Author: szuperaz

package.json

@@ -234,7 +234,7 @@
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "semantic-release": "^25.0.2",
-    "stream-chat": "^9.38.0",
+    "stream-chat": "^9.41.1",
     "ts-jest": "^29.2.5",
     "typescript": "^5.4.5",
     "typescript-eslint": "^8.17.0"

src/components/Message/__tests__/utils.test.js

@@ -1,4 +1,5 @@
 import { generateMessage, generateReaction, generateUser } from 'mock-builders';
+import { fromPartial } from '@total-typescript/shoehorn';
 import {
   countReactions,
   getTestClientWithUser,
@@ -12,6 +13,7 @@ import {
   getMessageActions,
   getNonImageAttachments,
   getReadByTooltipText,
+  isMessageBlocked,
   isUserMuted,
   mapToUserNameOrId,
   MESSAGE_ACTIONS,
@@ -514,4 +516,40 @@ describe('Message utils', () => {
       );
     });
   });
+
+  describe('isMessageBlocked function', () => {
+    it('returns true when message.shadowed is true', () => {
+      const message =
+        fromPartial <
+        LocalMessage >
+        {
+          shadowed: true,
+          type: 'regular',
+        };
+      expect(isMessageBlocked(message)).toBe(true);
+    });
+
+    it('returns true for moderation remove error messages when not shadowed', () => {
+      const message =
+        fromPartial <
+        LocalMessage >
+        {
+          moderation: { action: 'remove' },
+          shadowed: false,
+          type: 'error',
+        };
+      expect(isMessageBlocked(message)).toBe(true);
+    });
+
+    it('returns false when message is not shadowed and not a moderation remove error', () => {
+      const message =
+        fromPartial <
+        LocalMessage >
+        {
+          shadowed: false,
+          type: 'regular',
+        };
+      expect(isMessageBlocked(message)).toBe(false);
+    });
+  });
 });

src/components/Message/utils.tsx

@@ -497,11 +497,12 @@ export const isMessageBounced = (
     message.moderation?.action === 'bounce');
 
 export const isMessageBlocked = (
-  message: Pick<LocalMessage, 'type' | 'moderation' | 'moderation_details'>,
+  message: Pick<LocalMessage, 'type' | 'moderation' | 'moderation_details' | 'shadowed'>,
 ) =>
-  message.type === 'error' &&
-  (message.moderation_details?.action === 'MESSAGE_RESPONSE_ACTION_REMOVE' ||
-    message.moderation?.action === 'remove');
+  message.shadowed ||
+  (message.type === 'error' &&
+    (message.moderation_details?.action === 'MESSAGE_RESPONSE_ACTION_REMOVE' ||
+      message.moderation?.action === 'remove'));
 
 export const isMessageEdited = (message: Pick<LocalMessage, 'message_text_updated_at'>) =>
   !!message.message_text_updated_at;

yarn.lock

@@ -11936,10 +11936,10 @@ stdin-discarder@^0.2.2:
   resolved "https://registry.yarnpkg.com/stdin-discarder/-/stdin-discarder-0.2.2.tgz#390037f44c4ae1a1ae535c5fe38dc3aba8d997be"
   integrity sha512-UhDfHmA92YAlNnCfhmq0VeNL5bDbiZGg7sZ2IvPsXubGkiNa9EC+tUTsjBRsYUAz87btI6/1wf4XoVvQ3uRnmQ==
 
-stream-chat@^9.38.0:
-  version "9.38.0"
-  resolved "https://registry.yarnpkg.com/stream-chat/-/stream-chat-9.38.0.tgz#5c13eb8bbc2fa4adb774687b0c9c51f129d1b458"
-  integrity sha512-nyTFKHnhGfk1Op/xuZzPKzM9uNTy4TBma69+ApwGj/UtrK2pT6rSaU0Qy/oAqub+Bh7jR2/5vlV/8FWJ2BObFg==
+stream-chat@^9.41.1:
+  version "9.41.1"
+  resolved "https://registry.yarnpkg.com/stream-chat/-/stream-chat-9.41.1.tgz#a877c8aa800d78b497eec2fad636345d4422309c"
+  integrity sha512-W8zjfINYol2UtdRMz2t/NN2GyjDrvb4pJgKmhtuRYzCY1u0Cjezcsu5OCNgyAM0QsenlY6tRqnvAU8Qam5R49Q==
   dependencies:
     "@types/jsonwebtoken" "^9.0.8"
     "@types/ws" "^8.5.14"