feat: support moderation v2 workflow

Author: MartinCupela

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

@@ -639,14 +639,26 @@ describe('<MessageSimple />', () => {
     expect(results).toHaveNoViolations();
   });
 
-  describe('bounced message', () => {
-    const bouncedMessageOptions = {
-      moderation_details: {
-        action: 'MESSAGE_RESPONSE_ACTION_BOUNCE',
+  describe.each([
+    [
+      'v1',
+      {
+        moderation_details: {
+          action: 'MESSAGE_RESPONSE_ACTION_BOUNCE',
+        },
+        type: 'error',
       },
-      type: 'error',
-    };
-
+    ],
+    [
+      'v2',
+      {
+        moderation: {
+          action: 'bounce',
+        },
+        type: 'error',
+      },
+    ],
+  ])('bounced message %s', (_, bouncedMessageOptions) => {
     it('should render error badge for bounced messages', async () => {
       const message = generateAliceMessage(bouncedMessageOptions);
       const { queryByTestId } = await renderMessageSimple({ message });

src/components/Message/utils.tsx

@@ -485,10 +485,11 @@ export const isOnlyEmojis = (text?: string) => {
 export const isMessageBounced = <
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
 >(
-  message: Pick<StreamMessage<StreamChatGenerics>, 'type' | 'moderation_details'>,
+  message: Pick<StreamMessage<StreamChatGenerics>, 'type' | 'moderation' | 'moderation_details'>,
 ) =>
   message.type === 'error' &&
-  message.moderation_details?.action === 'MESSAGE_RESPONSE_ACTION_BOUNCE';
+  (message.moderation_details?.action === 'MESSAGE_RESPONSE_ACTION_BOUNCE' ||
+    message.moderation?.action === 'bounce');
 
 export const isMessageEdited = <
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics