refactor(mock-builders,tests): return LocalMessage from generateMessage

The mock-builder `generateMessage` produces `LocalMessage`-shaped data
at runtime (Date objects for `created_at`/`updated_at`/`pinned_at`,
`deleted_at: null`), so typing the return as `MessageResponse` was a
lie that forced test files to paper over it with `as unknown as
LocalMessage` everywhere.

- Mock-builders now return `LocalMessage`:
  - generator/message: returns `LocalMessage`, adds `deleted_at: null`,
    `pinned_at: null`, `status: 'received'`; uses Date objects for
    the date fields (matches `LocalMessage` type); `message_text_
    updated_at` stays ISO string (still on `MessageResponseBase`).
- API mocks and event dispatchers accept `MessageResponse | LocalMessage`:
  - api/{sendMessage,deleteMessage,sendReaction,deleteReaction,
    threadReplies,getOrCreateChannel}.ts
  - event/{messageNew,messageDeleted,messageUpdated,reactionNew,
    reactionDeleted,reactionUpdated}.ts (cast to `MessageResponse` at
    the Event payload boundary — that's where the wire-shape mismatch
    actually happens).
  - generator/channel: `GeneratedChannelResponseCustomValues.messages`
    widened to accept both.
- Test files cleaned up:
  - Removed 33 `as unknown as LocalMessage` / `as unknown as
    LocalMessage[]` casts. The message value flows through without
    rewrapping.
  - Removed `toLocalMessage` / `toLocalMessages` wrapper helpers (57
    call sites across 3 files) — no longer needed.
  - Replaced 13 `{...({...} as unknown as ComponentProps<typeof X>)}`
    spread+cast patterns with direct prop passing. The spread was
    hiding props that weren't actually accepted by the target
    component (dead props from pre-migration JS).

Dead props removed (all verified by reading each component's prop
type):
- `MessageAuthor`: `alignment`, `groupStyles` (live on
  `MessageContextValue` but `MessageAuthor` doesn't pick them).
- `MessageReplies`: `groupStyles`, `MessageRepliesAvatars`
  (component override, comes via `ComponentsContext`), `openThread`
  (typo — actual prop is `onOpenThread`).
- `Message`: `reactionsEnabled`, `MessageFooter` (override, goes
  through `WithComponents`).
- `ScrollToBottomButton`: `t` (supplied via `TranslationProvider`).
- `ChannelPreviewView`: `client`, `latestMessagePreview`, `watchers`,
  `latestMessage`, `latestMessageLength` (none are real props).
- `Giphy` test helper: tightened `props: Record<string, unknown>` to
  `props: ComponentProps<typeof Giphy>` so callers are type-checked.

Other fixups:
- `ownCapabilities.test.tsx`: helper arg `targetMessage:
  MessageResponse` -> `LocalMessage`.
- `useMessageListPagination.test.tsx`: `initialMessages` and
  `channelUnreadState` / `targetedMessageId` callback args retyped to
  `LocalMessage[]`.
- `optimistic-update.tsx`: `allMessages: LocalMessage[]`.
- `isAttachmentEqualHandler.test.tsx`: drop stale
  `as unknown as string` on `updated_at: new Date()`.
- `useMessageListPagination.test.tsx`: drop stale
  `as unknown as string` on `created_at`.
- Thread.test.tsx snapshot updated: missing optional
  `quoted_message: null` / `reaction_groups: null` keys were artifacts
  of the SDK's old `formatMessage` normalization. The current
  `LocalMessage` type declares them optional; same runtime data.

test:typecheck: 0 errors. Full suite: same pre-existing SQLite flake,
no regressions.

Author: oliverlaz

package/src/__tests__/offline-support/optimistic-update.tsx

@@ -6,7 +6,7 @@ import { act, cleanup, render, screen, waitFor } from '@testing-library/react-na
 import type {
   ChannelAPIResponse,
   ChannelMemberResponse,
-  MessageResponse,
+  LocalMessage,
   ReactionResponse,
 } from 'stream-chat';
 import { v4 as uuidv4 } from 'uuid';
@@ -50,7 +50,7 @@ export const OptimisticUpdates = () => {
     const getRandomInt = (lower, upper) => Math.floor(lower + Math.random() * (upper - lower + 1));
     const createChannel = () => {
       const allUsers = Array(20).fill(1).map(generateUser);
-      const allMessages: MessageResponse[] = [];
+      const allMessages: LocalMessage[] = [];
       const allMembers: ChannelMemberResponse[] = [];
       const allReactions: ReactionResponse[] = [];
       const allReads: Array<{

package/src/components/Attachment/__tests__/Attachment.test.tsx

@@ -1,7 +1,6 @@
 import React, { ComponentProps } from 'react';
 
 import { render, waitFor } from '@testing-library/react-native';
-import type { LocalMessage } from 'stream-chat';
 import { v4 as uuidv4 } from 'uuid';
 
 import type { MessageContextValue } from '../../../contexts/messageContext/MessageContext';
@@ -28,7 +27,7 @@ jest.mock('../../../native.ts', () => ({
 }));
 
 const getAttachmentComponent = (props: ComponentProps<typeof Attachment>) => {
-  const message = generateMessage() as unknown as LocalMessage;
+  const message = generateMessage();
   return (
     <ThemeProvider>
       <MessagesProvider

package/src/components/Attachment/__tests__/Giphy.test.tsx

@@ -9,12 +9,7 @@ import {
   userEvent,
   waitFor,
 } from '@testing-library/react-native';
-import type {
-  Channel as ChannelType,
-  ChannelResponse,
-  LocalMessage,
-  StreamChat,
-} from 'stream-chat';
+import type { Channel as ChannelType, ChannelResponse, StreamChat } from 'stream-chat';
 
 import type { MessageContextValue } from '../../../contexts/messageContext/MessageContext';
 import { MessageProvider } from '../../../contexts/messageContext/MessageContext';
@@ -47,10 +42,10 @@ describe('Giphy', () => {
   const lightTheme = mergeThemes({ scheme: 'light' });
 
   const getAttachmentComponent = (
-    props: Record<string, unknown>,
+    props: ComponentProps<typeof Giphy>,
     messageContextValue: Partial<MessageContextValue> = {},
   ) => {
-    const message = generateMessage() as unknown as LocalMessage;
+    const message = generateMessage();
     return (
       <ThemeProvider>
         <MessagesProvider
@@ -64,7 +59,7 @@ describe('Giphy', () => {
           <MessageProvider
             value={{ message, ...messageContextValue } as unknown as MessageContextValue}
           >
-            <Giphy {...(props as unknown as ComponentProps<typeof Giphy>)} />
+            <Giphy {...props} />
           </MessageProvider>
         </MessagesProvider>
       </ThemeProvider>

package/src/components/Channel/__tests__/isAttachmentEqualHandler.test.tsx

@@ -110,7 +110,7 @@ describe('isAttachmentEqualHandler', () => {
           attachments: [
             { customField: 'custom-field-2', type: 'test' } as AttachmentWithCustomField,
           ],
-          updated_at: new Date() as unknown as string,
+          updated_at: new Date(),
         },
         channel,
       );

package/src/components/Channel/__tests__/ownCapabilities.test.tsx

@@ -4,7 +4,7 @@ import { FlatList } from 'react-native';
 import { SafeAreaProvider } from 'react-native-safe-area-context';
 
 import { act, fireEvent, render, waitFor } from '@testing-library/react-native';
-import type { Channel as ChannelType, MessageResponse, StreamChat } from 'stream-chat';
+import type { Channel as ChannelType, LocalMessage, StreamChat } from 'stream-chat';
 
 import { OverlayProvider } from '../../../contexts/overlayContext/OverlayProvider';
 import { allOwnCapabilities } from '../../../contexts/ownCapabilitiesContext/OwnCapabilitiesContext';
@@ -73,7 +73,7 @@ describe('Own capabilities', () => {
   };
 
   const renderChannelAndOpenMessageActionsList = async (
-    targetMessage: MessageResponse,
+    targetMessage: LocalMessage,
     props: Partial<React.ComponentProps<typeof Channel>> = {},
   ) => {
     const { findByTestId, queryByLabelText, queryByText, unmount } = render(getComponent(props));

package/src/components/Channel/__tests__/useMessageListPagination.test.tsx

@@ -1,5 +1,5 @@
 import { act, cleanup, renderHook, waitFor } from '@testing-library/react-native';
-import type { Channel as ChannelType, MessageResponse, StreamChat } from 'stream-chat';
+import type { Channel as ChannelType, LocalMessage, StreamChat } from 'stream-chat';
 
 import { getOrCreateChannelApi } from '../../../mock-builders/api/getOrCreateChannel';
 import { useMockedApis } from '../../../mock-builders/api/useMockedApis';
@@ -393,15 +393,15 @@ describe('useMessageListPagination', () => {
     };
 
     type TestCase = {
-      channelUnreadState: (messages: MessageResponse[]) => TestCaseUnreadState;
+      channelUnreadState: (messages: LocalMessage[]) => TestCaseUnreadState;
       expectedCalls: {
         jumpToMessageFinishedCalls: number;
         loadMessageIntoStateCalls: number;
         setChannelUnreadStateCalls: number;
         setTargetedMessageIdCalls: number;
-        targetedMessageId: (messages: MessageResponse[]) => string;
+        targetedMessageId: (messages: LocalMessage[]) => string;
       };
-      initialMessages: MessageResponse[];
+      initialMessages: LocalMessage[];
       name: string;
       setupLoadMessageIntoState: ((channel: ChannelType) => jest.Mock) | null;
     };
@@ -569,7 +569,7 @@ describe('useMessageListPagination', () => {
 
     const messages = Array.from({ length: 20 }, (_, i) =>
       generateMessage({
-        created_at: new Date('2021-09-01T00:00:00.000Z') as unknown as string,
+        created_at: new Date('2021-09-01T00:00:00.000Z'),
         id: String(i),
         text: `message-${i}`,
       }),

package/src/components/ChannelPreview/__tests__/ChannelPreviewView.test.tsx

@@ -21,25 +21,7 @@ describe('ChannelPreviewView', () => {
 
   const getComponent = (props: Partial<React.ComponentProps<typeof ChannelPreviewView>> = {}) => (
     <Chat client={chatClient}>
-      <ChannelPreviewView
-        {...({
-          channel,
-          client: chatClient,
-          latestMessagePreview: {
-            created_at: '',
-            messageObject: generateMessage(),
-            previews: [
-              {
-                bold: true,
-                text: 'This is the message preview text',
-              },
-            ],
-            status: 1, // read states of latest message.
-          },
-          onSelect: jest.fn(),
-        } as unknown as React.ComponentProps<typeof ChannelPreviewView>)}
-        {...props}
-      />
+      <ChannelPreviewView channel={channel as ChannelType} onSelect={jest.fn()} {...props} />
     </Chat>
   );
 
@@ -63,14 +45,7 @@ describe('ChannelPreviewView', () => {
     const onSelect = jest.fn();
     await initializeChannel(generateChannelResponse());
 
-    render(
-      getComponent({
-        onSelect,
-        ...({ watchers: {} } as unknown as Partial<
-          React.ComponentProps<typeof ChannelPreviewView>
-        >),
-      }),
-    );
+    render(getComponent({ onSelect }));
 
     await waitFor(() => screen.getByTestId('channel-preview-button'));
 
@@ -115,14 +90,7 @@ describe('ChannelPreviewView', () => {
     const message = generateMessage();
     await initializeChannel(generateChannelResponse());
 
-    render(
-      getComponent({
-        ...({
-          latestMessage: message,
-          latestMessageLength: 6,
-        } as unknown as Partial<React.ComponentProps<typeof ChannelPreviewView>>),
-      }),
-    );
+    render(getComponent());
 
     const expectedMessagePreview = truncate(message.text, { length: 6 });
     await waitFor(() => screen.queryByText(expectedMessagePreview));

package/src/components/ImageGallery/__tests__/ImageGallery.test.tsx

@@ -88,15 +88,13 @@ describe('ImageGallery', () => {
   it('render image gallery component', async () => {
     render(
       <ImageGalleryComponent
-        message={
-          generateMessage({
-            attachments: [
-              generateImageAttachment(),
-              generateGiphyAttachment(),
-              generateVideoAttachment({ type: 'video' }),
-            ],
-          }) as unknown as LocalMessage
-        }
+        message={generateMessage({
+          attachments: [
+            generateImageAttachment(),
+            generateGiphyAttachment(),
+            generateVideoAttachment({ type: 'video' }),
+          ],
+        })}
       />,
     );
 
@@ -111,11 +109,9 @@ describe('ImageGallery', () => {
 
     render(
       <ImageGalleryComponent
-        message={
-          generateMessage({
-            attachments: [generateImageAttachment()],
-          }) as unknown as LocalMessage
-        }
+        message={generateMessage({
+          attachments: [generateImageAttachment()],
+        })}
       />,
     );
 

package/src/components/ImageGallery/__tests__/ImageGalleryFooter.test.tsx

@@ -4,7 +4,7 @@ import type { SharedValue } from 'react-native-reanimated';
 
 import { render, screen, userEvent, waitFor } from '@testing-library/react-native';
 
-import { Attachment, LocalMessage } from 'stream-chat';
+import { Attachment } from 'stream-chat';
 
 import { WithComponents } from '../../../contexts/componentsContext/ComponentsContext';
 import {
@@ -53,7 +53,7 @@ const ImageGalleryComponentVideo = (props: ImageGalleryProps) => {
     messages: [
       generateMessage({
         attachments: [attachment],
-      }) as unknown as LocalMessage,
+      }),
     ],
     selectedAttachmentUrl: attachment.asset_url,
   });
@@ -95,7 +95,7 @@ const ImageGalleryComponentImage = (
     messages: [
       generateMessage({
         attachments: [props.attachment],
-      }) as unknown as LocalMessage,
+      }),
     ],
     selectedAttachmentUrl: props.attachment.image_url as string,
   });

package/src/components/ImageGallery/__tests__/ImageGalleryGrid.test.tsx

@@ -55,7 +55,7 @@ describe('ImageGalleryGrid', () => {
   it('should render ImageGalleryGrid', async () => {
     const message = generateMessage({
       attachments: [generateImageAttachment(), generateImageAttachment()],
-    }) as unknown as LocalMessage;
+    });
 
     render(<ImageGalleryGridComponent message={message} />);
 
@@ -67,7 +67,7 @@ describe('ImageGalleryGrid', () => {
   it('should render ImageGalleryGrid individual images', async () => {
     const message = generateMessage({
       attachments: [generateImageAttachment(), generateVideoAttachment({ type: 'video' })],
-    }) as unknown as LocalMessage;
+    });
 
     render(<ImageGalleryGridComponent message={message} />);
 
@@ -82,7 +82,7 @@ describe('ImageGalleryGrid', () => {
 
     const message = generateMessage({
       attachments: [generateImageAttachment(), generateVideoAttachment({ type: 'video' })],
-    }) as unknown as LocalMessage;
+    });
 
     render(<ImageGalleryGridComponent closeGridView={closeGridViewMock} message={message} />);