stream-chat 9.0.0 → 9.1.0

package/dist/types/client.d.ts

@@ -1064,12 +1064,12 @@ export declare class StreamChat {
      * updateMessage - Update the given message
      *
      * @param {Omit<MessageResponse, 'mentioned_users'> & { mentioned_users?: string[] }} message object, id needs to be specified
-     * @param {string | { id: string }} [userId]
+     * @param {string | { id: string }} [partialUserOrUserId]
      * @param {boolean} [options.skip_enrich_url] Do not try to enrich the URLs within message
      *
      * @return {{ message: LocalMessage | MessageResponse }} Response that includes the message
      */
-    updateMessage(message: LocalMessage | Partial<MessageResponse>, userId?: string | {
+    updateMessage(message: LocalMessage | Partial<MessageResponse>, partialUserOrUserId?: string | {
         id: string;
     }, options?: UpdateMessageOptions): Promise<UpdateMessageAPIResponse>;
     /**
@@ -1085,7 +1085,7 @@ export declare class StreamChat {
      *
      * @return {{ message: MessageResponse }} Response that includes the updated message
      */
-    partialUpdateMessage(id: string, partialMessageObject: PartialMessageUpdate, userId?: string | {
+    partialUpdateMessage(id: string, partialMessageObject: PartialMessageUpdate, partialUserOrUserId?: string | {
         id: string;
     }, options?: UpdateMessageOptions): Promise<UpdateMessageAPIResponse>;
     deleteMessage(messageID: string, hardDelete?: boolean): Promise<APIResponse & {

package/dist/types/constants.d.ts

@@ -1,4 +1,3 @@
-import type { ReservedUpdatedMessageFields } from './types';
 export declare const DEFAULT_QUERY_CHANNELS_MESSAGE_LIST_PAGE_SIZE = 25;
 export declare const DEFAULT_QUERY_CHANNEL_MESSAGE_LIST_PAGE_SIZE = 100;
 export declare const DEFAULT_MESSAGE_SET_PAGINATION: {
@@ -8,5 +7,24 @@ export declare const DEFAULT_MESSAGE_SET_PAGINATION: {
 export declare const DEFAULT_UPLOAD_SIZE_LIMIT_BYTES: number;
 export declare const API_MAX_FILES_ALLOWED_PER_MESSAGE = 10;
 export declare const MAX_CHANNEL_MEMBER_COUNT_IN_CHANNEL_QUERY = 100;
-export declare const RESERVED_UPDATED_MESSAGE_FIELDS: Array<ReservedUpdatedMessageFields>;
-export declare const LOCAL_MESSAGE_FIELDS: readonly ["error"];
+export declare const RESERVED_UPDATED_MESSAGE_FIELDS: {
+    readonly created_at: true;
+    readonly deleted_at: true;
+    readonly pinned_at: true;
+    readonly updated_at: true;
+    readonly command: true;
+    readonly mentioned_users: true;
+    readonly quoted_message: true;
+    readonly latest_reactions: true;
+    readonly own_reactions: true;
+    readonly reaction_counts: true;
+    readonly reply_count: true;
+    readonly i18n: true;
+    readonly type: true;
+    readonly html: true;
+    readonly __html: true;
+    readonly user: true;
+};
+export declare const LOCAL_MESSAGE_FIELDS: {
+    readonly error: true;
+};

package/dist/types/messageComposer/middleware/messageComposer/pollOnly.d.ts

@@ -0,0 +1,3 @@
+import type { MessageCompositionMiddleware } from './types';
+import type { MessageComposer } from '../../messageComposer';
+export declare const createPollOnlyCompositionMiddleware: (composer: MessageComposer) => MessageCompositionMiddleware;

package/dist/types/messageComposer/middleware/pollComposer/types.d.ts

@@ -43,6 +43,7 @@ export type PollComposerStateChangeMiddlewareValue = {
     targetFields: Partial<{
         [K in keyof PollComposerState['data']]: K extends 'options' ? PollComposerOptionUpdate : PollComposerState['data'][K];
     }>;
+    injectedFieldErrors?: PollComposerFieldErrors;
 };
 export type PollComposerStateMiddlewareValue = MiddlewareExecutionResult<PollComposerStateChangeMiddlewareValue>;
 export {};

package/dist/types/messageComposer/middleware/textComposer/TextComposerMiddlewareExecutor.d.ts

@@ -1,5 +1,5 @@
-import type { ExecuteParams, MiddlewareExecutionResult, MiddlewareHandler } from '../../../middleware';
 import { MiddlewareExecutor } from '../../../middleware';
+import type { ExecuteParams, MiddlewareExecutionResult, MiddlewareHandler } from '../../../middleware';
 import type { Suggestion, TextComposerMiddlewareExecutorOptions, TextComposerState } from './types';
 export type TextComposerMiddlewareExecutorState<T extends Suggestion = Suggestion> = TextComposerState<T> & {
     change?: {

package/dist/types/messageComposer/pollComposer.d.ts

@@ -2,7 +2,7 @@ import { PollComposerCompositionMiddlewareExecutor, PollComposerStateMiddlewareE
 import { StateStore } from '../store';
 import { VotingVisibility } from '../types';
 import type { MessageComposer } from './messageComposer';
-import type { PollComposerState, UpdateFieldsData } from './middleware/pollComposer';
+import type { PollComposerFieldErrors, PollComposerState, UpdateFieldsData } from './middleware/pollComposer';
 export type PollComposerOptions = {
     composer: MessageComposer;
 };
@@ -25,7 +25,12 @@ export declare class PollComposer {
     get voting_visibility(): VotingVisibility | undefined;
     get canCreatePoll(): boolean;
     initState: () => void;
-    updateFields: (data: UpdateFieldsData) => Promise<void>;
+    /**
+     * Updates specified fields and generates relevant errors
+     * @param data
+     * @param injectedFieldErrors - errors produced externally that will take precedence over the errors generated in the middleware chaing
+     */
+    updateFields: (data: UpdateFieldsData, injectedFieldErrors?: PollComposerFieldErrors) => Promise<void>;
     handleFieldBlur: (field: keyof PollComposerState["data"]) => Promise<void>;
     compose: () => Promise<import("..").PollComposerCompositionMiddlewareValueState | undefined>;
 }

package/dist/types/types.d.ts

@@ -5,6 +5,7 @@ import type { StableWSConnection } from './connection';
 import type { Role } from './permissions';
 import type { CustomAttachmentData, CustomChannelData, CustomCommandData, CustomEventData, CustomMemberData, CustomMessageData, CustomPollData, CustomPollOptionData, CustomReactionData, CustomThreadData, CustomUserData } from './custom_types';
 import type { NotificationManager } from './notifications';
+import type { RESERVED_UPDATED_MESSAGE_FIELDS } from './constants';
 /**
  * Utility Types
  */
@@ -2122,7 +2123,7 @@ export type TokenOrProvider = null | string | TokenProvider | undefined;
 export type TokenProvider = () => Promise<string>;
 export type TranslationLanguages = 'af' | 'am' | 'ar' | 'az' | 'bg' | 'bn' | 'bs' | 'cs' | 'da' | 'de' | 'el' | 'en' | 'es' | 'es-MX' | 'et' | 'fa' | 'fa-AF' | 'fi' | 'fr' | 'fr-CA' | 'ha' | 'he' | 'hi' | 'hr' | 'hu' | 'id' | 'it' | 'ja' | 'ka' | 'ko' | 'lt' | 'lv' | 'ms' | 'nl' | 'no' | 'pl' | 'ps' | 'pt' | 'ro' | 'ru' | 'sk' | 'sl' | 'so' | 'sq' | 'sr' | 'sv' | 'sw' | 'ta' | 'th' | 'tl' | 'tr' | 'uk' | 'ur' | 'vi' | 'zh' | 'zh-TW' | (string & {});
 export type TypingStartEvent = Event;
-export type ReservedUpdatedMessageFields = 'command' | 'created_at' | 'deleted_at' | 'html' | 'i18n' | 'latest_reactions' | 'mentioned_users' | 'own_reactions' | 'pinned_at' | 'quoted_message' | 'reaction_counts' | 'reply_count' | 'type' | 'updated_at' | '__html';
+export type ReservedUpdatedMessageFields = keyof typeof RESERVED_UPDATED_MESSAGE_FIELDS;
 export type UpdatedMessage = Omit<MessageResponse, ReservedUpdatedMessageFields> & {
     mentioned_users?: string[];
     type?: MessageLabel;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "stream-chat",
-  "version": "9.0.0",
+  "version": "9.1.0",
   "description": "JS SDK for the Stream Chat API",
   "homepage": "https://getstream.io/chat/",
   "author": {

package/src/client.ts

@@ -2860,28 +2860,28 @@ export class StreamChat {
    * updateMessage - Update the given message
    *
    * @param {Omit<MessageResponse, 'mentioned_users'> & { mentioned_users?: string[] }} message object, id needs to be specified
-   * @param {string | { id: string }} [userId]
+   * @param {string | { id: string }} [partialUserOrUserId]
    * @param {boolean} [options.skip_enrich_url] Do not try to enrich the URLs within message
    *
    * @return {{ message: LocalMessage | MessageResponse }} Response that includes the message
    */
   async updateMessage(
     message: LocalMessage | Partial<MessageResponse>,
-    userId?: string | { id: string },
+    partialUserOrUserId?: string | { id: string },
     options?: UpdateMessageOptions,
   ) {
     if (!message.id) {
-      throw Error('Please specify the message id when calling updateMessage');
+      throw Error('Please specify the message.id when calling updateMessage');
     }
+
+    // should not include user object
     const payload = toUpdatedMessagePayload(message);
-    if (userId != null) {
-      if (isString(userId)) {
-        payload.user_id = userId;
-      } else {
-        payload.user = {
-          id: userId.id,
-        };
-      }
+
+    // add user_id (if exists)
+    if (typeof partialUserOrUserId === 'string') {
+      payload.user_id = partialUserOrUserId;
+    } else if (typeof partialUserOrUserId?.id === 'string') {
+      payload.user_id = partialUserOrUserId.id;
     }
 
     return await this.post<UpdateMessageAPIResponse>(
@@ -2909,16 +2909,21 @@ export class StreamChat {
   async partialUpdateMessage(
     id: string,
     partialMessageObject: PartialMessageUpdate,
-    userId?: string | { id: string },
+    partialUserOrUserId?: string | { id: string },
     options?: UpdateMessageOptions,
   ) {
     if (!id) {
-      throw Error('Please specify the message id when calling partialUpdateMessage');
+      throw Error('Please specify the message.id when calling partialUpdateMessage');
     }
-    let user = userId;
-    if (userId != null && isString(userId)) {
-      user = { id: userId };
+
+    let user: { id: string } | undefined = undefined;
+
+    if (typeof partialUserOrUserId === 'string') {
+      user = { id: partialUserOrUserId };
+    } else if (typeof partialUserOrUserId?.id === 'string') {
+      user = { id: partialUserOrUserId.id };
     }
+
     return await this.put<UpdateMessageAPIResponse>(
       this.baseURL + `/messages/${encodeURIComponent(id)}`,
       {

package/src/constants.ts

@@ -1,31 +1,30 @@
-import type { ReservedUpdatedMessageFields } from './types';
-
 export const DEFAULT_QUERY_CHANNELS_MESSAGE_LIST_PAGE_SIZE = 25;
 export const DEFAULT_QUERY_CHANNEL_MESSAGE_LIST_PAGE_SIZE = 100;
 export const DEFAULT_MESSAGE_SET_PAGINATION = { hasNext: false, hasPrev: false };
 export const DEFAULT_UPLOAD_SIZE_LIMIT_BYTES = 100 * 1024 * 1024; // 100 MB
 export const API_MAX_FILES_ALLOWED_PER_MESSAGE = 10;
 export const MAX_CHANNEL_MEMBER_COUNT_IN_CHANNEL_QUERY = 100;
-export const RESERVED_UPDATED_MESSAGE_FIELDS: Array<ReservedUpdatedMessageFields> = [
+export const RESERVED_UPDATED_MESSAGE_FIELDS = {
   // Dates should not be converted back to ISO strings as JS looses precision on them (milliseconds)
-  'created_at',
-  'deleted_at',
-  'pinned_at',
-  'updated_at',
-  'command',
+  created_at: true,
+  deleted_at: true,
+  pinned_at: true,
+  updated_at: true,
+  command: true,
   // Back-end enriches these fields
-  'mentioned_users',
-  'quoted_message',
+  mentioned_users: true,
+  quoted_message: true,
   // Client-specific fields
-  'latest_reactions',
-  'own_reactions',
-  'reaction_counts',
-  'reply_count',
+  latest_reactions: true,
+  own_reactions: true,
+  reaction_counts: true,
+  reply_count: true,
   // Message text related fields that shouldn't be in update
-  'i18n',
-  'type',
-  'html',
-  '__html',
-] as const;
+  i18n: true,
+  type: true,
+  html: true,
+  __html: true,
+  user: true,
+} as const;
 
-export const LOCAL_MESSAGE_FIELDS = ['error'] as const;
+export const LOCAL_MESSAGE_FIELDS = { error: true } as const;

package/src/messageComposer/messageComposer.ts

@@ -88,16 +88,18 @@ const initState = (
   const quotedMessage = composition.quoted_message;
   let message;
   let draftId = null;
+  let id = MessageComposer.generateId(); // do not use draft id for messsage id
   if (compositionIsDraftResponse(composition)) {
     message = composition.message;
     draftId = composition.message.id;
   } else {
     message = composition;
+    id = composition.id;
   }
 
   return {
     draftId,
-    id: message.id,
+    id,
     quotedMessage: quotedMessage
       ? formatMessage(quotedMessage as MessageResponseBase)
       : null,
@@ -318,6 +320,7 @@ export class MessageComposer {
     this.attachmentManager.initState({ message });
     this.linkPreviewsManager.initState({ message });
     this.textComposer.initState({ message });
+    this.pollComposer.initState();
     this.customDataManager.initState({ message });
     this.state.next(initState(composition));
     if (
@@ -543,11 +546,6 @@ export class MessageComposer {
   };
 
   clear = () => {
-    this.attachmentManager.initState();
-    this.linkPreviewsManager.initState();
-    this.textComposer.initState();
-    this.pollComposer.initState();
-    this.customDataManager.initState();
     this.initState();
   };
 
@@ -630,6 +628,7 @@ export class MessageComposer {
     try {
       const { poll } = await this.client.createPoll(composition.data);
       this.state.partialNext({ pollId: poll.id });
+      this.pollComposer.initState();
     } catch (error) {
       this.client.notifications.add({
         message: 'Failed to create the poll',

package/src/messageComposer/middleware/messageComposer/MessageComposerMiddlewareExecutor.ts

@@ -30,6 +30,7 @@ import {
   createCustomDataCompositionMiddleware,
   createDraftCustomDataCompositionMiddleware,
 } from './customData';
+import { createPollOnlyCompositionMiddleware } from './pollOnly';
 
 export class MessageComposerMiddlewareExecutor extends MiddlewareExecutor<
   MessageComposerMiddlewareState,
@@ -40,6 +41,7 @@ export class MessageComposerMiddlewareExecutor extends MiddlewareExecutor<
     // todo: document how to add custom data to a composed message using middleware
     //  or adding custom composer components (apart from AttachmentsManager, TextComposer etc.)
     this.use([
+      createPollOnlyCompositionMiddleware(composer),
       createTextComposerCompositionMiddleware(composer),
       createAttachmentsCompositionMiddleware(composer),
       createLinkPreviewsCompositionMiddleware(composer),

package/src/messageComposer/middleware/messageComposer/pollOnly.ts

@@ -0,0 +1,49 @@
+import type {
+  MessageComposerMiddlewareState,
+  MessageCompositionMiddleware,
+} from './types';
+import type { MessageComposer } from '../../messageComposer';
+import type { MiddlewareHandlerParams } from '../../../middleware';
+import type { LocalMessage } from '../../../types';
+
+const pollLocalMessageNullifiedFields: Pick<
+  LocalMessage,
+  'attachments' | 'mentioned_users' | 'parent_id' | 'quoted_message' | 'text'
+> = {
+  attachments: [],
+  mentioned_users: [],
+  parent_id: undefined,
+  quoted_message: undefined,
+  text: '',
+};
+
+export const createPollOnlyCompositionMiddleware = (
+  composer: MessageComposer,
+): MessageCompositionMiddleware => ({
+  id: 'stream-io/message-composer-middleware/poll-only',
+  handlers: {
+    compose: ({
+      state,
+      complete,
+      forward,
+    }: MiddlewareHandlerParams<MessageComposerMiddlewareState>) => {
+      const pollId = composer.pollId;
+      const isEditingMessage = !!composer.editedMessage;
+      const isComposingThreadReply = !!composer.threadId;
+      if (!pollId || isComposingThreadReply || isEditingMessage) return forward();
+
+      return complete({
+        ...state,
+        localMessage: {
+          ...state.localMessage,
+          ...pollLocalMessageNullifiedFields,
+          poll_id: pollId,
+        },
+        message: {
+          id: state.localMessage.id,
+          poll_id: pollId,
+        },
+      });
+    },
+  },
+});

package/src/messageComposer/middleware/pollComposer/state.ts

@@ -31,6 +31,10 @@ export const pollStateChangeValidators: Partial<
   max_votes_allowed: ({ data, value }) => {
     if (data.enforce_unique_vote && value)
       return { max_votes_allowed: 'Enforce unique vote is enabled' };
+    const numericMatch = value.match(/^[0-9]+$/);
+    if (!numericMatch && value) {
+      return { max_votes_allowed: 'Only numbers are allowed' };
+    }
     if (value?.length > 1 && !value.match(VALID_MAX_VOTES_VALUE_REGEX))
       return { max_votes_allowed: 'Type a number from 2 to 10' };
     return { max_votes_allowed: undefined };
@@ -225,7 +229,7 @@ export const createPollComposerStateMiddleware = ({
         forward,
       }: MiddlewareHandlerParams<PollComposerStateChangeMiddlewareValue>) => {
         if (!state.targetFields) return forward();
-        const { previousState } = state;
+        const { previousState, injectedFieldErrors } = state;
         const finalValidators = {
           ...pollStateChangeValidators,
           ...defaultPollFieldChangeEventValidators,
@@ -247,7 +251,7 @@ export const createPollComposerStateMiddleware = ({
           nextState: {
             ...previousState,
             data: { ...previousState.data, ...newData },
-            errors: { ...previousState.errors, ...newErrors },
+            errors: { ...previousState.errors, ...newErrors, ...injectedFieldErrors },
           },
         });
       },
@@ -275,7 +279,11 @@ export const createPollComposerStateMiddleware = ({
           nextState: {
             ...previousState,
             data: { ...previousState.data, ...newData },
-            errors: { ...previousState.errors, ...newErrors },
+            errors: {
+              ...previousState.errors,
+              ...newErrors,
+              ...state.injectedFieldErrors,
+            },
           },
         });
       },

package/src/messageComposer/middleware/pollComposer/types.ts

@@ -60,6 +60,7 @@ export type PollComposerStateChangeMiddlewareValue = {
       ? PollComposerOptionUpdate
       : PollComposerState['data'][K];
   }>;
+  injectedFieldErrors?: PollComposerFieldErrors;
 };
 
 export type PollComposerStateMiddlewareValue =

package/src/messageComposer/middleware/textComposer/TextComposerMiddlewareExecutor.ts

@@ -1,15 +1,15 @@
 import { createCommandsMiddleware } from './commands';
 import { createMentionsMiddleware } from './mentions';
 import { createTextComposerPreValidationMiddleware } from './validation';
+import { MiddlewareExecutor } from '../../../middleware';
 import type {
   ExecuteParams,
   MiddlewareExecutionResult,
   MiddlewareHandler,
 } from '../../../middleware';
-import { MiddlewareExecutor } from '../../../middleware';
-import { withCancellation } from '../../../utils/concurrency';
 import type {
   Suggestion,
+  Suggestions,
   TextComposerMiddlewareExecutorOptions,
   TextComposerState,
 } from './types';
@@ -58,28 +58,14 @@ export class TextComposerMiddlewareExecutor<
       initialValue: initialState,
     });
 
-    if (result && result.state.suggestions) {
-      try {
-        const searchResult = await withCancellation(
-          'textComposer-suggestions-search',
-          async () => {
-            await result.state.suggestions?.searchSource.search(
-              result.state.suggestions?.query,
-            );
-          },
-        );
-        if (searchResult === 'canceled') return { ...result, status: 'discard' };
-      } catch (error) {
-        // Clear suggestions on search error
-        return {
-          ...result,
-          state: {
-            ...result.state,
-            suggestions: undefined,
-          },
-        };
-      }
-    }
+    const { query, searchSource } = result.state.suggestions ?? ({} as Suggestions);
+    /**
+     * Catching error just for sanity purposes.
+     * The BaseSearchSource.search() method returns debounced result.
+     * That means the result of the previous search call as the debounced call result is unknown at the moment.
+     * Custom search source implementation should handle errors meaningfully internally.
+     */
+    searchSource?.search(query)?.catch(console.error);
 
     return result;
   }

package/src/messageComposer/pollComposer.ts

@@ -7,7 +7,11 @@ import { StateStore } from '../store';
 import { VotingVisibility } from '../types';
 import { generateUUIDv4 } from '../utils';
 import type { MessageComposer } from './messageComposer';
-import type { PollComposerState, UpdateFieldsData } from './middleware/pollComposer';
+import type {
+  PollComposerFieldErrors,
+  PollComposerState,
+  UpdateFieldsData,
+} from './middleware/pollComposer';
 
 export type PollComposerOptions = {
   composer: MessageComposer;
@@ -102,13 +106,23 @@ export class PollComposer {
     this.state.next(this.initialState);
   };
 
-  updateFields = async (data: UpdateFieldsData) => {
+  /**
+   * Updates specified fields and generates relevant errors
+   * @param data
+   * @param injectedFieldErrors - errors produced externally that will take precedence over the errors generated in the middleware chaing
+   */
+  // FIXME: change method params to a single object with the next major release
+  updateFields = async (
+    data: UpdateFieldsData,
+    injectedFieldErrors?: PollComposerFieldErrors,
+  ) => {
     const { state, status } = await this.stateMiddlewareExecutor.execute({
       eventName: 'handleFieldChange',
       initialValue: {
         nextState: { ...this.state.getLatestValue() },
         previousState: { ...this.state.getLatestValue() },
         targetFields: data,
+        injectedFieldErrors,
       },
     });
 

package/src/types.ts

@@ -17,6 +17,7 @@ import type {
   CustomUserData,
 } from './custom_types';
 import type { NotificationManager } from './notifications';
+import type { RESERVED_UPDATED_MESSAGE_FIELDS } from './constants';
 
 /**
  * Utility Types
@@ -2945,23 +2946,7 @@ export type TranslationLanguages =
 
 export type TypingStartEvent = Event;
 
-export type ReservedUpdatedMessageFields =
-  | 'command'
-  | 'created_at'
-  | 'deleted_at'
-  | 'html'
-  | 'i18n'
-  | 'latest_reactions'
-  // the the original array of UserResponse object is converted to array of user ids and re-inserted before sending the update request
-  | 'mentioned_users'
-  | 'own_reactions'
-  | 'pinned_at'
-  | 'quoted_message'
-  | 'reaction_counts'
-  | 'reply_count'
-  | 'type'
-  | 'updated_at'
-  | '__html';
+export type ReservedUpdatedMessageFields = keyof typeof RESERVED_UPDATED_MESSAGE_FIELDS;
 
 export type UpdatedMessage = Omit<MessageResponse, ReservedUpdatedMessageFields> & {
   mentioned_users?: string[];

package/src/utils.ts

@@ -367,14 +367,14 @@ export const localMessageToNewMessagePayload = (localMessage: LocalMessage): Mes
 export const toUpdatedMessagePayload = (
   message: LocalMessage | Partial<MessageResponse>,
 ): UpdatedMessage => {
+  const reservedKeys = {
+    ...RESERVED_UPDATED_MESSAGE_FIELDS,
+    ...LOCAL_MESSAGE_FIELDS,
+  } as const;
+
   const messageFields = Object.fromEntries(
     Object.entries(message).filter(
-      ([key]) =>
-        ![...RESERVED_UPDATED_MESSAGE_FIELDS, ...LOCAL_MESSAGE_FIELDS].includes(
-          key as
-            | (typeof RESERVED_UPDATED_MESSAGE_FIELDS)[number]
-            | (typeof LOCAL_MESSAGE_FIELDS)[number],
-        ),
+      ([key]) => !reservedKeys[key as keyof typeof reservedKeys],
     ),
   ) as UpdatedMessage;
 
@@ -384,7 +384,6 @@ export const toUpdatedMessagePayload = (
     mentioned_users: message.mentioned_users?.map((user) =>
       typeof user === 'string' ? user : user.id,
     ),
-    user_id: message.user?.id ?? message.user_id,
   };
 };