stream-chat 9.7.0 → 9.8.0

package/dist/cjs/index.browser.cjs

@@ -239,12 +239,16 @@ __export(index_exports, {
   calculateLevenshtein: () => calculateLevenshtein,
   channelManagerEventToHandlerMapping: () => channelManagerEventToHandlerMapping,
   chatCodes: () => chatCodes,
+  createActiveCommandGuardMiddleware: () => createActiveCommandGuardMiddleware,
   createAttachmentsCompositionMiddleware: () => createAttachmentsCompositionMiddleware,
+  createCommandInjectionMiddleware: () => createCommandInjectionMiddleware,
+  createCommandStringExtractionMiddleware: () => createCommandStringExtractionMiddleware,
   createCommandsMiddleware: () => createCommandsMiddleware,
   createCompositionDataCleanupMiddleware: () => createCompositionDataCleanupMiddleware,
   createCompositionValidationMiddleware: () => createCompositionValidationMiddleware,
   createCustomDataCompositionMiddleware: () => createCustomDataCompositionMiddleware,
   createDraftAttachmentsCompositionMiddleware: () => createDraftAttachmentsCompositionMiddleware,
+  createDraftCommandInjectionMiddleware: () => createDraftCommandInjectionMiddleware,
   createDraftCompositionValidationMiddleware: () => createDraftCompositionValidationMiddleware,
   createDraftCustomDataCompositionMiddleware: () => createDraftCustomDataCompositionMiddleware,
   createDraftLinkPreviewsCompositionMiddleware: () => createDraftLinkPreviewsCompositionMiddleware,
@@ -268,6 +272,7 @@ __export(index_exports, {
   formatMessage: () => formatMessage,
   generateFileName: () => generateFileName,
   getAttachmentTypeFromMimeType: () => getAttachmentTypeFromMimeType,
+  getCompleteCommandInString: () => getCompleteCommandInString,
   getExtensionFromMimeType: () => getExtensionFromMimeType,
   getTokenizedSuggestionDisplayName: () => getTokenizedSuggestionDisplayName,
   getTriggerCharWithToken: () => getTriggerCharWithToken,
@@ -6309,6 +6314,76 @@ var MessageDraftComposerMiddlewareExecutor = class extends MiddlewareExecutor {
   }
 };
 
+// src/messageComposer/middleware/messageComposer/commandInjection.ts
+var createCommandInjectionMiddleware = (composer) => ({
+  handlers: {
+    compose: ({
+      forward,
+      next,
+      state
+    }) => {
+      const command = composer.textComposer.command;
+      if (!command) {
+        return forward();
+      }
+      const { text } = state.localMessage;
+      const injection = `/${command?.name}`;
+      const enrichedText = `${injection} ${text}`;
+      return next({
+        ...state,
+        localMessage: {
+          ...state.localMessage,
+          text: enrichedText
+        },
+        message: {
+          ...state.message,
+          text: enrichedText
+        }
+      });
+    }
+  },
+  id: "stream-io/message-composer-middleware/command-string-injection"
+});
+var createDraftCommandInjectionMiddleware = (composer) => ({
+  handlers: {
+    compose: ({
+      forward,
+      next,
+      state
+    }) => {
+      const command = composer.textComposer.command;
+      if (!command) {
+        return forward();
+      }
+      const { text } = state.draft;
+      const injection = `/${command?.name}`;
+      const enrichedText = `${injection} ${text}`;
+      return next({
+        ...state,
+        draft: {
+          ...state.draft,
+          text: enrichedText
+        }
+      });
+    }
+  },
+  id: "stream-io/message-composer-middleware/draft-command-string-injection"
+});
+
+// src/messageComposer/middleware/textComposer/activeCommandGuard.ts
+var createActiveCommandGuardMiddleware = () => ({
+  handlers: {
+    onChange: ({ complete, forward, state }) => {
+      if (state.command) {
+        return complete(state);
+      }
+      return forward();
+    },
+    onSuggestionItemSelect: ({ forward }) => forward()
+  },
+  id: "stream-io/text-composer/active-command-guard"
+});
+
 // src/search/BaseSearchSource.ts
 var DEFAULT_SEARCH_SOURCE_OPTIONS = {
   debounceMs: 300,
@@ -6712,6 +6787,11 @@ var getTriggerCharWithToken = ({
   );
   return match && match[match.length - 1].trim();
 };
+var getCompleteCommandInString = (text) => {
+  const match = text.match(/^\/(\S+)\s+.*/);
+  const commandName = match && match[1];
+  return commandName;
+};
 var insertItemWithTrigger = ({
   insertText,
   selection,
@@ -6828,9 +6908,21 @@ var createCommandsMiddleware = (channel, options) => {
     handlers: {
       onChange: ({ state, next, complete, forward }) => {
         if (!state.selection) return forward();
+        const finalText = state.text.slice(0, state.selection.end);
+        const commandName = getCompleteCommandInString(finalText);
+        if (commandName) {
+          const command = searchSource?.query(commandName).items[0];
+          if (command) {
+            return next({
+              ...state,
+              command,
+              suggestions: void 0
+            });
+          }
+        }
         const triggerWithToken = getTriggerCharWithToken({
           trigger: finalOptions.trigger,
-          text: state.text.slice(0, state.selection.end),
+          text: finalText,
           acceptTrailingSpaces: false,
           isCommand: true
         });
@@ -6849,6 +6941,7 @@ var createCommandsMiddleware = (channel, options) => {
         }
         return complete({
           ...state,
+          command: null,
           suggestions: {
             query: triggerWithToken.slice(1),
             searchSource,
@@ -6856,12 +6949,12 @@ var createCommandsMiddleware = (channel, options) => {
           }
         });
       },
-      onSuggestionItemSelect: ({ state, complete, forward }) => {
+      onSuggestionItemSelect: ({ state, next, forward }) => {
         const { selectedSuggestion } = state.change ?? {};
         if (!selectedSuggestion || state.suggestions?.trigger !== finalOptions.trigger)
           return forward();
         searchSource.resetStateAndActivate();
-        return complete({
+        return next({
           ...state,
           ...insertItemWithTrigger({
             insertText: `/${selectedSuggestion.name} `,
@@ -6869,6 +6962,7 @@ var createCommandsMiddleware = (channel, options) => {
             text: state.text,
             trigger: finalOptions.trigger
           }),
+          command: selectedSuggestion,
           suggestions: void 0
         });
       }
@@ -6876,6 +6970,45 @@ var createCommandsMiddleware = (channel, options) => {
   };
 };
 
+// src/messageComposer/middleware/textComposer/commandStringExtraction.ts
+var stripCommandFromText = (text, commandName) => text.replace(new RegExp(`^${escapeRegExp(`/${commandName}`)}\\s*`), "");
+var createCommandStringExtractionMiddleware = () => ({
+  handlers: {
+    onChange: ({ complete, forward, state }) => {
+      const { command } = state;
+      if (!command?.name) {
+        return forward();
+      }
+      const newText = stripCommandFromText(state.text, command.name);
+      return complete({
+        ...state,
+        selection: {
+          end: newText.length,
+          start: newText.length
+        },
+        text: newText
+      });
+    },
+    onSuggestionItemSelect: ({ next, forward, state }) => {
+      const { command } = state;
+      if (!command) {
+        return forward();
+      }
+      const triggerWithCommand = `/${command?.name} `;
+      const newText = state.text.slice(triggerWithCommand.length);
+      return next({
+        ...state,
+        selection: {
+          end: newText.length,
+          start: newText.length
+        },
+        text: newText
+      });
+    }
+  },
+  id: "stream-io/text-composer/command-string-extraction"
+});
+
 // src/messageComposer/middleware/textComposer/mentions.ts
 var accentsMap = {
   a: "\xE1|\xE0|\xE3|\xE2|\xC0|\xC1|\xC3|\xC2",
@@ -7208,6 +7341,7 @@ var initState4 = ({
   if (!message) {
     const text2 = composer.config.text.defaultValue ?? "";
     return {
+      command: null,
       mentionedUsers: [],
       text: text2,
       selection: { start: text2.length, end: text2.length }
@@ -7246,6 +7380,10 @@ var TextComposer = class {
       mentionedUsers.splice(existingUserIndex, 1);
       this.state.partialNext({ mentionedUsers });
     };
+    this.setCommand = (command) => {
+      if (command?.name === this.command?.name) return;
+      this.state.partialNext({ command });
+    };
     this.setText = (text) => {
       if (!this.enabled || text === this.text) return;
       this.state.partialNext({ text });
@@ -7255,7 +7393,10 @@ var TextComposer = class {
       if (!this.enabled || !selectionChanged) return;
       this.state.partialNext({ selection });
     };
-    this.insertText = ({ text, selection }) => {
+    this.insertText = async ({
+      text,
+      selection
+    }) => {
       if (!this.enabled) return;
       const finalSelection = selection ?? this.selection;
       const { maxLengthOnEdit } = this.composer.config.text ?? {};
@@ -7271,7 +7412,7 @@ var TextComposer = class {
       );
       const expectedCursorPosition = currentText.slice(0, finalSelection.start).length + text.length;
       const cursorPosition = expectedCursorPosition >= finalText.length ? finalText.length : currentText.slice(0, expectedCursorPosition).length;
-      this.state.partialNext({
+      await this.handleChange({
         text: finalText,
         selection: {
           start: cursorPosition,
@@ -7391,6 +7532,9 @@ var TextComposer = class {
     this.composer.updateConfig({ text: { publishTypingEvents } });
   }
   // --- START STATE API ---
+  get command() {
+    return this.state.getLatestValue().command;
+  }
   get mentionedUsers() {
     return this.state.getLatestValue().mentionedUsers;
   }
@@ -7409,6 +7553,9 @@ var TextComposer = class {
   setMentionedUsers(users) {
     this.state.partialNext({ mentionedUsers: users });
   }
+  clearCommand() {
+    this.state.partialNext({ command: null });
+  }
   // --- END TEXT PROCESSING ----
 };
 
@@ -12969,6 +13116,20 @@ var ReminderPaginator = class extends BasePaginator {
     this.filterQueryResults = (items) => items;
     this.client = client;
   }
+  get filters() {
+    return this._filters;
+  }
+  get sort() {
+    return this._sort;
+  }
+  set filters(filters) {
+    this._filters = filters;
+    this.resetState();
+  }
+  set sort(sort) {
+    this._sort = sort;
+    this.resetState();
+  }
 };
 
 // src/reminders/ReminderManager.ts
@@ -12983,7 +13144,8 @@ var DEFAULT_REMINDER_MANAGER_CONFIG = {
     2 * oneHour2,
     8 * oneHour2,
     oneDay2
-  ]
+  ],
+  stopTimerRefreshBoundaryMs: DEFAULT_STOP_REFRESH_BOUNDARY_MS
 };
 var isReminderExistsError = (error) => error.message.match("already has reminder created for this message_id");
 var isReminderDoesNotExistError = (error) => error.message.match("reminder does not exist");
@@ -13134,13 +13296,19 @@ var _ReminderManager = class _ReminderManager extends WithSubscriptions {
     };
     this.client = client;
     this.configState = new StateStore({
-      scheduledOffsetsMs: config?.scheduledOffsetsMs ?? DEFAULT_REMINDER_MANAGER_CONFIG.scheduledOffsetsMs
+      scheduledOffsetsMs: config?.scheduledOffsetsMs ?? DEFAULT_REMINDER_MANAGER_CONFIG.scheduledOffsetsMs,
+      stopTimerRefreshBoundaryMs: config?.stopTimerRefreshBoundaryMs ?? DEFAULT_REMINDER_MANAGER_CONFIG.stopTimerRefreshBoundaryMs
     });
     this.state = new StateStore({ reminders: /* @__PURE__ */ new Map() });
     this.paginator = new ReminderPaginator(client);
   }
   // Config API START //
   updateConfig(config) {
+    if (typeof config.stopTimerRefreshBoundaryMs === "number" && config.stopTimerRefreshBoundaryMs !== this.stopTimerRefreshBoundaryMs) {
+      this.reminders.forEach((reminder) => {
+        reminder.timer.stopRefreshBoundaryMs = config?.stopTimerRefreshBoundaryMs;
+      });
+    }
     this.configState.partialNext(config);
   }
   get stopTimerRefreshBoundaryMs() {
@@ -15382,7 +15550,7 @@ var StreamChat = class _StreamChat {
     if (this.userAgent) {
       return this.userAgent;
     }
-    const version = "9.7.0";
+    const version = "9.8.0";
     const clientBundle = "browser-cjs";
     let userAgentString = "";
     if (this.sdkIdentifier) {