stream-chat 9.42.3 → 9.43.1

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

@@ -1,5 +1,6 @@
 export * from './activeCommandGuard';
 export * from './commands';
+export * from './commandEffects';
 export * from './commandStringExtraction';
 export * from './mentions';
 export * from './validation';

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

@@ -1,4 +1,5 @@
 import type { TextSelection } from './types';
+import { escapeCommandRegExp } from './commandUtils';
 
 /**
  * For commands, we want to match all patterns except:
@@ -16,7 +17,7 @@ export const getTriggerCharWithToken = ({
   isCommand?: boolean;
   acceptTrailingSpaces?: boolean;
 }) => {
-  const escapedTrigger = escapeRegExp(trigger);
+  const escapedTrigger = escapeCommandRegExp(trigger);
   const triggerNorWhitespace = `[^\\s${escapedTrigger}]*`;
 
   const match = text.match(
@@ -33,14 +34,6 @@ export const getTriggerCharWithToken = ({
   return match && match[match.length - 1].trim();
 };
 
-export const getCompleteCommandInString = (text: string) => {
-  // starts with "/" followed by 1+ non-whitespace chars followed by 1+ white-space chars
-  // the comand name is extracted into a separate group
-  const match = text.match(/^\/(\S+)\s+.*/);
-  const commandName = match && match[1];
-  return commandName;
-};
-
 export const insertItemWithTrigger = ({
   insertText,
   selection,
@@ -93,42 +86,6 @@ export const replaceWordWithEntity = async ({
   return textBeforeWord + newWord + spaces + textAfterCaret;
 };
 
-/**
- * Escapes a string for use in a regular expression
- * @param text - The string to escape
- * @returns The escaped string
- * What does this regex do?
-
- The regex escapes special regex characters by adding a backslash before them. Here's what it matches:
- - dash
- [ ] square brackets
- { } curly braces
- ( ) parentheses
- * asterisk
- + plus
- ? question mark
- . period
- , comma
- / forward slash
- \ backslash
- ^ caret
- $ dollar sign
- | pipe
- # hash
-
- The \\$& replacement adds a backslash before any matched character.
- This is needed when you want to use these characters literally
- in a regex pattern instead of their special regex meanings.
- For example:
- escapeRegExp("hello.world")  // Returns: "hello\.world"
- escapeRegExp("[test]")       // Returns: "\[test\]"
-
- This is commonly used when building dynamic regex patterns from user input to prevent special characters from being interpreted as regex syntax.
- */
-export function escapeRegExp(text: string) {
-  return text.replace(/[-[\]{}()*+?.,/\\^$|#]/g, '\\$&');
-}
-
 export type TokenizationPayload = {
   tokenizedDisplayName: { token: string; parts: string[] };
 };
@@ -144,7 +101,7 @@ export const getTokenizedSuggestionDisplayName = ({
     token: searchToken,
     parts: searchToken
       ? displayName
-          .split(new RegExp(`(${escapeRegExp(searchToken)})`, 'gi'))
+          .split(new RegExp(`(${escapeCommandRegExp(searchToken)})`, 'gi'))
           .filter(Boolean)
       : [displayName],
   },

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

@@ -1,4 +1,5 @@
 import type { MessageComposer } from '../../messageComposer';
+import type { MessageComposerEffect } from '../../messageComposer';
 import type { CommandResponse, UserResponse } from '../../../types';
 import type { TokenizationPayload } from './textMiddlewareUtils';
 import type { SearchSource, SearchSourceSync } from '../../../search';
@@ -12,11 +13,30 @@ export type BaseSuggestion = {
   id: string;
 };
 
+export type CommandSuggestionDisabledReason = 'editing' | 'quoted_message';
+
 export type CommandSuggestion = BaseSuggestion & CommandResponse;
 export type UserSuggestion = BaseSuggestion & UserResponse & TokenizationPayload;
 export type CustomValidSuggestion = BaseSuggestion & CustomTextComposerSuggestion;
 export type Suggestion = CommandSuggestion | UserSuggestion | CustomValidSuggestion;
 
+export type TextComposerStateSnapshot = TextComposerState;
+
+export type TextComposerCommandActivationStateToRestore =
+  Partial<TextComposerStateSnapshot>;
+
+export type TextComposerCommandActivationEffect = {
+  command: CommandResponse;
+  stateToRestore?: TextComposerCommandActivationStateToRestore;
+  type: 'command.activate';
+};
+
+export type TextComposerCommandClearEffect = {
+  type: 'command.clear';
+};
+
+export type TextComposerEffect = MessageComposerEffect;
+
 export type TextComposerMiddlewareOptions = {
   minChars: number;
   trigger: string;

package/src/messageComposer/pollComposer.ts

@@ -13,6 +13,8 @@ import type {
   UpdateFieldsData,
 } from './middleware/pollComposer';
 
+export type PollComposerSnapshot = PollComposerState;
+
 export type PollComposerOptions = {
   composer: MessageComposer;
 };
@@ -107,6 +109,12 @@ export class PollComposer {
     this.state.next(this.initialState);
   };
 
+  getSnapshot = (): PollComposerSnapshot => this.state.getLatestValue();
+
+  restoreSnapshot = (snapshot: PollComposerSnapshot) => {
+    this.state.next(snapshot);
+  };
+
   /**
    * Updates specified fields and generates relevant errors
    * @param data

package/src/messageComposer/textComposer.ts

@@ -1,9 +1,14 @@
 import { TextComposerMiddlewareExecutor } from './middleware';
 import { StateStore } from '../store';
 import { logChatPromiseExecution } from '../utils';
+import type { TextComposerMiddlewareExecutorState } from './middleware';
 import type { TextComposerSuggestion } from './middleware/textComposer/types';
 import type { TextSelection } from './middleware/textComposer/types';
-import type { TextComposerState } from './middleware/textComposer/types';
+import type {
+  TextComposerCommandActivationEffect,
+  TextComposerState,
+  TextComposerStateSnapshot,
+} from './middleware/textComposer/types';
 import type { Suggestions } from './middleware/textComposer/types';
 import type { MessageComposer } from './messageComposer';
 import type { CommandResponse, DraftMessage, LocalMessage, UserResponse } from '../types';
@@ -13,6 +18,8 @@ export type TextComposerOptions = {
   message?: DraftMessage | LocalMessage;
 };
 
+export type TextComposerSnapshot = TextComposerStateSnapshot;
+
 export const textIsEmpty = (text: string) => {
   const trimmedText = text.trim();
   return (
@@ -147,12 +154,24 @@ export class TextComposer {
     this.state.next(initState({ composer: this.composer, message }));
   };
 
+  getSnapshot = (state = this.state.getLatestValue()): TextComposerSnapshot => state;
+
+  restoreSnapshot = (snapshot: TextComposerSnapshot) => {
+    this.state.next(snapshot);
+  };
+
   setMentionedUsers(users: UserResponse[]) {
     this.state.partialNext({ mentionedUsers: users });
   }
 
   clearCommand() {
-    this.state.partialNext({ command: null });
+    if (!this.command) return;
+
+    this.commitState({
+      ...this.state.getLatestValue(),
+      command: null,
+      effects: [{ type: 'command.clear' }],
+    });
   }
 
   upsertMentionedUser = (user: UserResponse) => {
@@ -179,8 +198,29 @@ export class TextComposer {
   };
 
   setCommand = (command: CommandResponse | null) => {
-    if (command?.name === this.command?.name) return;
-    this.state.partialNext({ command });
+    if (!command) {
+      this.clearCommand();
+      return;
+    }
+    if (command.name === this.command?.name) return;
+    if (this.composer.isCommandDisabled(command)) return;
+
+    const stateToRestore: TextComposerCommandActivationEffect['stateToRestore'] = {
+      command: null,
+    };
+
+    this.commitState({
+      ...this.state.getLatestValue(),
+      command,
+      effects: [
+        {
+          command,
+          stateToRestore,
+          type: 'command.activate',
+        },
+      ],
+      suggestions: undefined,
+    });
   };
 
   setText = (text: string) => {
@@ -270,6 +310,14 @@ export class TextComposer {
   };
   // --- END STATE API ---
 
+  private commitState = (state: TextComposerMiddlewareExecutorState) => {
+    const { change, effects, ...nextState } = state;
+    void change;
+
+    this.state.next(nextState);
+    this.composer.applyEffects(effects);
+  };
+
   // --- START TEXT PROCESSING ----
 
   handleChange = async ({
@@ -289,7 +337,7 @@ export class TextComposer {
       },
     });
     if (output.status === 'discard') return;
-    this.state.next(output.state);
+    this.commitState(output.state);
 
     if (this.config.publishTypingEvents && text) {
       logChatPromiseExecution(
@@ -312,7 +360,7 @@ export class TextComposer {
       },
     });
     if (output?.status === 'discard') return;
-    this.state.next(output.state);
+    this.commitState(output.state);
   };
   // --- END TEXT PROCESSING ----
 }

package/src/types.ts

@@ -119,6 +119,13 @@ export type AppSettingsAPIResponse = APIResponse & {
         uploads?: boolean;
         url_enrichment?: boolean;
         user_message_reminders?: boolean;
+        push_level?:
+          | 'all'
+          | 'all_mentions'
+          | 'direct_mentions'
+          | 'mentions'
+          | 'none'
+          | '';
       }
     >;
     reminders_interval: number;
@@ -154,9 +161,11 @@ export type AppSettingsAPIResponse = APIResponse & {
     max_aggregated_activities_length?: number;
     moderation_bulk_submit_action_enabled?: boolean;
     moderation_dashboard_preferences?: Record<string, unknown> | null;
+    moderation_audio_call_moderation_enabled?: boolean;
     moderation_enabled?: boolean;
     moderation_llm_configurability_enabled?: boolean;
     moderation_multitenant_blocklist_enabled?: boolean;
+    moderation_video_call_moderation_enabled?: boolean;
     moderation_webhook_url?: string;
     multi_tenant_enabled?: boolean;
     name?: string;
@@ -535,8 +544,8 @@ export type LocalMessageBase = Omit<
 };
 
 export type LocalMessage = LocalMessageBase & {
-  error?: ErrorFromResponse<APIErrorResponse>;
-  quoted_message?: LocalMessageBase;
+  error?: ErrorFromResponse<APIErrorResponse> | null;
+  quoted_message?: LocalMessageBase | null;
 };
 
 /**
@@ -744,6 +753,8 @@ export type MessageResponseBase = MessageBase & {
   member?: ChannelMemberResponse;
   mentioned_users?: UserResponse[];
   mentioned_channel?: boolean;
+  mentioned_here?: boolean;
+  mentioned_roles?: string[];
   message_text_updated_at?: string;
   moderation?: ModerationResponse; // present only with Moderation v2
   moderation_details?: ModerationDetailsResponse; // present only with Moderation v1
@@ -770,6 +781,13 @@ export type ReactionGroupResponse = {
   sum_scores: number;
   first_reaction_at?: string;
   last_reaction_at?: string;
+  latest_reactions_by?: ReactionGroupUserResponse[];
+};
+
+export type ReactionGroupUserResponse = {
+  created_at: string;
+  user_id: string;
+  user?: UserResponse;
 };
 
 export type ModerationDetailsResponse = {
@@ -2500,6 +2518,7 @@ export type ChannelConfigFields = {
   uploads?: boolean;
   url_enrichment?: boolean;
   user_message_reminders?: boolean; // Feature flag for user message reminders
+  push_level?: 'all' | 'all_mentions' | 'direct_mentions' | 'mentions' | 'none' | '';
 };
 
 export type ChannelConfigWithInfo = ChannelConfigFields &
@@ -2920,9 +2939,13 @@ export type Mute = {
   user: UserResponse;
 };
 
+export type PartialUpdateChannelFields = Partial<ChannelResponse> & {
+  config_overrides?: Partial<ChannelConfigFields>;
+};
+
 export type PartialUpdateChannel = {
-  set?: Partial<ChannelResponse>;
-  unset?: Array<keyof ChannelResponse>;
+  set?: PartialUpdateChannelFields;
+  unset?: Array<keyof PartialUpdateChannelFields>;
 };
 
 export type PartialUpdateMember = {