stream-chat 9.40.0 → 9.41.1

package/dist/cjs/index.browser.js

@@ -1034,6 +1034,7 @@ var messagePaginationCreatedAtAround = ({
   parentSet,
   requestedPageSize,
   returnedPage,
+  filteredReturnedPage,
   messagePaginationOptions
 }) => {
   const newPagination = { ...parentSet.pagination };
@@ -1066,9 +1067,13 @@ var messagePaginationCreatedAtAround = ({
     hasNext = hasPrev = false;
     updateHasPrev = updateHasNext = true;
   } else {
+    const [firstFilteredPageMsg, lastFilteredPageMsg] = [
+      filteredReturnedPage[0],
+      filteredReturnedPage.slice(-1)[0]
+    ];
     const [firstPageMsgIsFirstInSet, lastPageMsgIsLastInSet] = [
-      firstPageMsg?.id && firstPageMsg.id === parentSet.messages[0]?.id,
-      lastPageMsg?.id && lastPageMsg.id === parentSet.messages.slice(-1)[0]?.id
+      firstFilteredPageMsg?.id && firstFilteredPageMsg.id === parentSet.messages[0]?.id,
+      lastFilteredPageMsg?.id && lastFilteredPageMsg.id === parentSet.messages.slice(-1)[0]?.id
     ];
     updateHasPrev = firstPageMsgIsFirstInSet;
     updateHasNext = lastPageMsgIsLastInSet;
@@ -1090,6 +1095,7 @@ var messagePaginationIdAround = ({
   parentSet,
   requestedPageSize,
   returnedPage,
+  filteredReturnedPage,
   messagePaginationOptions
 }) => {
   const newPagination = { ...parentSet.pagination };
@@ -1097,10 +1103,13 @@ var messagePaginationIdAround = ({
   if (!id_around) return newPagination;
   let hasPrev;
   let hasNext;
-  const [firstPageMsg, lastPageMsg] = [returnedPage[0], returnedPage.slice(-1)[0]];
+  const [firstFilteredPageMsg, lastFilteredPageMsg] = [
+    filteredReturnedPage[0],
+    filteredReturnedPage.slice(-1)[0]
+  ];
   const [firstPageMsgIsFirstInSet, lastPageMsgIsLastInSet] = [
-    firstPageMsg?.id === parentSet.messages[0]?.id,
-    lastPageMsg?.id === parentSet.messages.slice(-1)[0]?.id
+    firstFilteredPageMsg?.id === parentSet.messages[0]?.id,
+    lastFilteredPageMsg?.id === parentSet.messages.slice(-1)[0]?.id
   ];
   let updateHasPrev = firstPageMsgIsFirstInSet;
   let updateHasNext = lastPageMsgIsLastInSet;
@@ -1135,15 +1144,19 @@ var messagePaginationLinear = ({
   parentSet,
   requestedPageSize,
   returnedPage,
+  filteredReturnedPage,
   messagePaginationOptions
 }) => {
   const newPagination = { ...parentSet.pagination };
   let hasPrev;
   let hasNext;
-  const [firstPageMsg, lastPageMsg] = [returnedPage[0], returnedPage.slice(-1)[0]];
+  const [firstFilteredPageMsg, lastFilteredPageMsg] = [
+    filteredReturnedPage[0],
+    filteredReturnedPage.slice(-1)[0]
+  ];
   const [firstPageMsgIsFirstInSet, lastPageMsgIsLastInSet] = [
-    firstPageMsg?.id && firstPageMsg.id === parentSet.messages[0]?.id,
-    lastPageMsg?.id && lastPageMsg.id === parentSet.messages.slice(-1)[0]?.id
+    firstFilteredPageMsg?.id && firstFilteredPageMsg.id === parentSet.messages[0]?.id,
+    lastFilteredPageMsg?.id && lastFilteredPageMsg.id === parentSet.messages.slice(-1)[0]?.id
   ];
   const queriedNextMessages = messagePaginationOptions && (messagePaginationOptions.created_at_after_or_equal || messagePaginationOptions.created_at_after || messagePaginationOptions.id_gt || messagePaginationOptions.id_gte);
   const queriedPrevMessages = typeof messagePaginationOptions === "undefined" ? true : messagePaginationOptions.created_at_before_or_equal || messagePaginationOptions.created_at_before || messagePaginationOptions.id_lt || messagePaginationOptions.id_lte || messagePaginationOptions.offset;
@@ -1163,8 +1176,7 @@ var messagePaginationLinear = ({
   return newPagination;
 };
 var messageSetPagination = (params) => {
-  const messagesFilteredLocally = params.returnedPage.filter(({ shadowed }) => shadowed);
-  if (params.parentSet.messages.length + messagesFilteredLocally.length < params.returnedPage.length) {
+  if (params.parentSet.messages.length + (params.returnedPage.length - params.filteredReturnedPage.length) < params.returnedPage.length) {
     params.logger?.(
       "error",
       "Corrupted message set state: parent set size < returned page size"
@@ -1511,9 +1523,11 @@ var ChannelState = class {
       addIfDoesNotExist,
       messageSetToAddToIfDoesNotExist
     );
+    const filteredMessageIds = [];
     for (let i = 0; i < messagesToAdd.length; i += 1) {
       const isFromShadowBannedUser = messagesToAdd[i].shadowed;
-      if (isFromShadowBannedUser) {
+      if (isFromShadowBannedUser && addIfDoesNotExist) {
+        filteredMessageIds.push(messagesToAdd[i].id);
         continue;
       }
       const isMessageFormatted = messagesToAdd[i].created_at instanceof Date;
@@ -1555,7 +1569,8 @@ var ChannelState = class {
       }
     }
     return {
-      messageSet: this.messageSets[targetMessageSetIndex]
+      messageSet: this.messageSets[targetMessageSetIndex],
+      filteredMessageIds
     };
   }
   /**
@@ -3402,12 +3417,18 @@ var _AttachmentManager = class _AttachmentManager {
      * Method to perform the default upload behavior without checking for custom upload functions
      * to prevent recursive calls
      */
-    this.doDefaultUploadRequest = async (fileLike) => {
+    this.doDefaultUploadRequest = async (fileLike, options) => {
+      const progressHandler = options?.onProgress ? (progressEvent) => {
+        const percent = progressEvent.lengthComputable && progressEvent.total ? Math.round(progressEvent.loaded * 100 / progressEvent.total) : void 0;
+        options.onProgress?.(percent);
+      } : void 0;
       if (isFileReference(fileLike)) {
         return this.channel[isImageFile(fileLike) ? "sendImage" : "sendFile"](
           fileLike.uri,
           fileLike.name,
-          fileLike.type
+          fileLike.type,
+          void 0,
+          progressHandler ? { onUploadProgress: progressHandler } : void 0
         );
       }
       const file = isFile(fileLike) ? fileLike : createFileFromBlobs({
@@ -3415,18 +3436,24 @@ var _AttachmentManager = class _AttachmentManager {
         fileName: generateFileName(fileLike.type),
         mimeType: fileLike.type
       });
-      const { duration, ...result } = await this.channel[isImageFile(fileLike) ? "sendImage" : "sendFile"](file);
+      const { duration, ...result } = await this.channel[isImageFile(fileLike) ? "sendImage" : "sendFile"](
+        file,
+        void 0,
+        void 0,
+        void 0,
+        progressHandler ? { onUploadProgress: progressHandler } : void 0
+      );
       return result;
     };
     /**
      * todo: docs how to customize the image and file upload by overriding do
      */
-    this.doUploadRequest = async (fileLike) => {
+    this.doUploadRequest = async (fileLike, options) => {
       const customUploadFn = this.config.doUploadRequest;
       if (customUploadFn) {
-        return await customUploadFn(fileLike);
+        return await customUploadFn(fileLike, options);
       }
-      return this.doDefaultUploadRequest(fileLike);
+      return this.doDefaultUploadRequest(fileLike, options);
     };
     // @deprecated use attachmentManager.uploadFile(file)
     this.uploadAttachment = async (attachment) => {
@@ -3450,25 +3477,41 @@ var _AttachmentManager = class _AttachmentManager {
         });
         return localAttachment;
       }
-      this.upsertAttachments([
-        {
-          ...attachment,
-          localMetadata: {
-            ...attachment.localMetadata,
-            uploadState: "uploading"
-          }
+      const shouldTrackProgress = this.config.trackUploadProgress;
+      const uploadingAttachment = {
+        ...attachment,
+        localMetadata: {
+          ...attachment.localMetadata,
+          uploadState: "uploading",
+          ...shouldTrackProgress && { uploadProgress: 0 }
         }
-      ]);
+      };
+      this.upsertAttachments([uploadingAttachment]);
+      const uploadOptions = shouldTrackProgress ? {
+        onProgress: (percent) => {
+          this.updateAttachment({
+            ...uploadingAttachment,
+            localMetadata: {
+              ...uploadingAttachment.localMetadata,
+              uploadProgress: percent
+            }
+          });
+        }
+      } : void 0;
       let response;
       try {
-        response = await this.doUploadRequest(localAttachment.localMetadata.file);
+        response = await this.doUploadRequest(
+          localAttachment.localMetadata.file,
+          uploadOptions
+        );
       } catch (error) {
         const reason = error instanceof Error ? error.message : "unknown error";
         const failedAttachment = {
           ...attachment,
           localMetadata: {
             ...attachment.localMetadata,
-            uploadState: "failed"
+            uploadState: "failed",
+            uploadProgress: void 0
           }
         };
         this.client.notifications.addError({
@@ -3494,7 +3537,8 @@ var _AttachmentManager = class _AttachmentManager {
         ...attachment,
         localMetadata: {
           ...attachment.localMetadata,
-          uploadState: "finished"
+          uploadState: "finished",
+          uploadProgress: void 0
         }
       };
       const previewUri = uploadedAttachment.localMetadata.previewUri;
@@ -3528,18 +3572,31 @@ var _AttachmentManager = class _AttachmentManager {
         this.upsertAttachments([attachment]);
         return preUpload.state.attachment;
       }
+      const shouldTrackProgress = this.config.trackUploadProgress;
       attachment = {
         ...attachment,
         localMetadata: {
           ...attachment.localMetadata,
-          uploadState: "uploading"
+          uploadState: "uploading",
+          ...shouldTrackProgress && { uploadProgress: 0 }
         }
       };
       this.upsertAttachments([attachment]);
+      const uploadOptions = shouldTrackProgress ? {
+        onProgress: (percent) => {
+          this.updateAttachment({
+            ...attachment,
+            localMetadata: {
+              ...attachment.localMetadata,
+              uploadProgress: percent
+            }
+          });
+        }
+      } : void 0;
       let response;
       let error;
       try {
-        response = await this.doUploadRequest(file);
+        response = await this.doUploadRequest(file, uploadOptions);
       } catch (err) {
         error = err instanceof Error ? err : void 0;
       }
@@ -3550,7 +3607,8 @@ var _AttachmentManager = class _AttachmentManager {
             ...attachment,
             localMetadata: {
               ...attachment.localMetadata,
-              uploadState: error ? "failed" : "finished"
+              uploadState: error ? "failed" : "finished",
+              uploadProgress: void 0
             }
           },
           error,
@@ -3718,7 +3776,8 @@ var DEFAULT_ATTACHMENT_MANAGER_CONFIG = {
   acceptedFiles: [],
   // an empty array means all files are accepted
   fileUploadFilter: () => true,
-  maxNumberOfFilesPerMessage: API_MAX_FILES_ALLOWED_PER_MESSAGE
+  maxNumberOfFilesPerMessage: API_MAX_FILES_ALLOWED_PER_MESSAGE,
+  trackUploadProgress: true
 };
 var DEFAULT_TEXT_COMPOSER_CONFIG = {
   enabled: true,
@@ -8177,22 +8236,44 @@ var Channel = class {
     }
     return await this._sendMessage(message, options);
   }
-  sendFile(uri, name, contentType, user) {
+  /**
+   * Upload a file to this channel’s file endpoint (multipart). Forwards to the client’s `sendFile` implementation.
+   *
+   * @param uri File source: URL string, `File`, `Buffer`, or readable stream (Node).
+   * @param name File name sent in the multipart body.
+   * @param contentType MIME type; defaults are applied when omitted.
+   * @param user Optional user payload appended to the form as JSON.
+   * @param axiosRequestConfig Optional Axios per-request config, merged after upload defaults (e.g. `onUploadProgress`, `signal` from `AbortController`).
+   * @return Promise resolving to `{ file: string, ... }` with the CDN URL.
+   */
+  sendFile(uri, name, contentType, user, axiosRequestConfig) {
     return this.getClient().sendFile(
       `${this._channelURL()}/file`,
       uri,
       name,
       contentType,
-      user
+      user,
+      axiosRequestConfig
     );
   }
-  sendImage(uri, name, contentType, user) {
+  /**
+   * Upload an image to this channel’s image endpoint (multipart). Uses the same transport as `sendFile`.
+   *
+   * @param uri Image source: URL string, `File`, or readable stream (Node). For `Buffer` uploads, use `sendFile` toward the channel file endpoint instead.
+   * @param name File name sent in the multipart body.
+   * @param contentType MIME type.
+   * @param user Optional user payload appended to the form as JSON.
+   * @param axiosRequestConfig Optional Axios per-request config, merged after upload defaults (e.g. `onUploadProgress`, `signal`).
+   * @return Promise resolving to `{ file: string, ... }` with the CDN URL.
+   */
+  sendImage(uri, name, contentType, user, axiosRequestConfig) {
     return this.getClient().sendFile(
       `${this._channelURL()}/image`,
       uri,
       name,
       contentType,
-      user
+      user,
+      axiosRequestConfig
     );
   }
   deleteFile(url) {
@@ -9225,7 +9306,10 @@ var Channel = class {
         location: { enabled: state.channel.config.shared_locations }
       });
     }
-    const { messageSet } = this._initializeState(state, messageSetToAddToIfDoesNotExist);
+    const { messageSet, filteredMessageIds } = this._initializeState(
+      state,
+      messageSetToAddToIfDoesNotExist
+    );
     messageSet.pagination = {
       ...messageSet.pagination,
       ...messageSetPagination({
@@ -9233,6 +9317,9 @@ var Channel = class {
         messagePaginationOptions: options?.messages,
         requestedPageSize: options?.messages?.limit ?? DEFAULT_QUERY_CHANNEL_MESSAGE_LIST_PAGE_SIZE,
         returnedPage: state.messages,
+        filteredReturnedPage: state.messages.filter(
+          (m) => !filteredMessageIds.includes(m.id)
+        ),
         logger: this.getClient().logger
       })
     };
@@ -9852,7 +9939,7 @@ var Channel = class {
     if (!this.state.messages) {
       this.state.initMessages();
     }
-    const { messageSet } = this.state.addMessagesSorted(
+    const { messageSet, filteredMessageIds } = this.state.addMessagesSorted(
       messages,
       false,
       true,
@@ -9904,7 +9991,8 @@ var Channel = class {
       this.messageReceiptsTracker.ingestInitial(state.read);
     }
     return {
-      messageSet
+      messageSet,
+      filteredMessageIds
     };
   }
   _extendEventWithOwnReactions(event) {
@@ -13733,7 +13821,7 @@ var StreamChat = class _StreamChat {
   delete(url, params) {
     return this.doAxiosRequest("delete", url, null, { params });
   }
-  sendFile(url, uri, name, contentType, user) {
+  sendFile(url, uri, name, contentType, user, axiosRequestConfig) {
     const data = addFileToFormData(uri, name, contentType || "multipart/form-data");
     if (user != null) data.append("user", JSON.stringify(user));
     return this.doAxiosRequest("postForm", url, data, {
@@ -13742,7 +13830,8 @@ var StreamChat = class _StreamChat {
       config: {
         timeout: 0,
         maxContentLength: Infinity,
-        maxBodyLength: Infinity
+        maxBodyLength: Infinity,
+        ...axiosRequestConfig
       }
     });
   }
@@ -14106,12 +14195,15 @@ var StreamChat = class _StreamChat {
       c.initialized = !offlineMode;
       c.push_preferences = channelState.push_preferences;
       let updatedMessagesSet;
+      let filteredMessageIds = [];
       if (skipInitialization === void 0) {
-        const { messageSet } = c._initializeState(channelState, "latest");
+        const { messageSet, filteredMessageIds: _filteredMessageIds } = c._initializeState(channelState, "latest");
+        filteredMessageIds = _filteredMessageIds;
         updatedMessagesSet = messageSet;
       } else if (!skipInitialization.includes(channelState.channel.id)) {
         c.state.clearMessages();
-        const { messageSet } = c._initializeState(channelState, "latest");
+        const { messageSet, filteredMessageIds: _filteredMessageIds } = c._initializeState(channelState, "latest");
+        filteredMessageIds = _filteredMessageIds;
         updatedMessagesSet = messageSet;
       }
       if (updatedMessagesSet) {
@@ -14121,6 +14213,9 @@ var StreamChat = class _StreamChat {
             parentSet: updatedMessagesSet,
             requestedPageSize: queryChannelsOptions?.message_limit || DEFAULT_QUERY_CHANNELS_MESSAGE_LIST_PAGE_SIZE,
             returnedPage: channelState.messages,
+            filteredReturnedPage: channelState.messages.filter(
+              (m) => !filteredMessageIds.includes(m.id)
+            ),
             logger: this.logger
           })
         };
@@ -15171,7 +15266,7 @@ var StreamChat = class _StreamChat {
     if (this.userAgent) {
       return this.userAgent;
     }
-    const version = "9.40.0";
+    const version = "9.41.1";
     const clientBundle = "browser-cjs";
     let userAgentString = "";
     if (this.sdkIdentifier) {
@@ -16309,11 +16404,19 @@ var StreamChat = class _StreamChat {
    * @param {string} [name] The name of the file
    * @param {string} [contentType] The content type of the file
    * @param {UserResponse} [user] Optional user information
+   * @param {AxiosRequestConfig} [axiosRequestConfig] Optional axios config (e.g. onUploadProgress for progress tracking)
    *
    * @return {Promise<SendFileAPIResponse>} Response containing the file URL
    */
-  uploadFile(uri, name, contentType, user) {
-    return this.sendFile(`${this.baseURL}/uploads/file`, uri, name, contentType, user);
+  uploadFile(uri, name, contentType, user, axiosRequestConfig) {
+    return this.sendFile(
+      `${this.baseURL}/uploads/file`,
+      uri,
+      name,
+      contentType,
+      user,
+      axiosRequestConfig
+    );
   }
   /**
    * uploadImage - Uploads an image to the configured storage (defaults to Stream CDN)
@@ -16322,11 +16425,19 @@ var StreamChat = class _StreamChat {
    * @param {string} [name] The name of the image
    * @param {string} [contentType] The content type of the image
    * @param {UserResponse} [user] Optional user information
+   * @param {AxiosRequestConfig} [axiosRequestConfig] Optional axios config (e.g. onUploadProgress for progress tracking)
    *
    * @return {Promise<SendFileAPIResponse>} Response containing the image URL
    */
-  uploadImage(uri, name, contentType, user) {
-    return this.sendFile(`${this.baseURL}/uploads/image`, uri, name, contentType, user);
+  uploadImage(uri, name, contentType, user, axiosRequestConfig) {
+    return this.sendFile(
+      `${this.baseURL}/uploads/image`,
+      uri,
+      name,
+      contentType,
+      user,
+      axiosRequestConfig
+    );
   }
   /**
    * deleteFile - Deletes a file from the configured storage