stream-chat 9.41.0 → 9.42.0

package/dist/cjs/index.browser.js

@@ -138,6 +138,7 @@ __export(index_exports, {
   ThreadManager: () => ThreadManager,
   TokenManager: () => TokenManager,
   UPDATE_LIVE_LOCATION_REQUEST_MIN_THROTTLE_TIMEOUT: () => UPDATE_LIVE_LOCATION_REQUEST_MIN_THROTTLE_TIMEOUT,
+  UploadManager: () => UploadManager,
   UserFromToken: () => UserFromToken,
   UserSearchSource: () => UserSearchSource,
   VALID_MAX_VOTES_VALUE_REGEX: () => VALID_MAX_VOTES_VALUE_REGEX,
@@ -1034,6 +1035,7 @@ var messagePaginationCreatedAtAround = ({
   parentSet,
   requestedPageSize,
   returnedPage,
+  filteredReturnedPage,
   messagePaginationOptions
 }) => {
   const newPagination = { ...parentSet.pagination };
@@ -1066,9 +1068,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 +1096,7 @@ var messagePaginationIdAround = ({
   parentSet,
   requestedPageSize,
   returnedPage,
+  filteredReturnedPage,
   messagePaginationOptions
 }) => {
   const newPagination = { ...parentSet.pagination };
@@ -1097,10 +1104,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 +1145,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 +1177,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 +1524,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 +1570,8 @@ var ChannelState = class {
       }
     }
     return {
-      messageSet: this.messageSets[targetMessageSetIndex]
+      messageSet: this.messageSets[targetMessageSetIndex],
+      filteredMessageIds
     };
   }
   /**
@@ -3284,11 +3300,11 @@ var _AttachmentManager = class _AttachmentManager {
           return attachments;
         }
       }
-      return null;
+      return stateAttachments;
     };
     this.updateAttachment = (attachmentToUpdate) => {
       const updatedAttachments = this.prepareAttachmentUpdate(attachmentToUpdate);
-      if (updatedAttachments) {
+      if (updatedAttachments && updatedAttachments !== this.attachments) {
         this.state.partialNext({ attachments: updatedAttachments });
       }
     };
@@ -3298,15 +3314,15 @@ var _AttachmentManager = class _AttachmentManager {
       let hasUpdates = false;
       attachmentsToUpsert.forEach((attachment) => {
         const updatedAttachments = this.prepareAttachmentUpdate(attachment);
-        if (updatedAttachments) {
-          attachments = updatedAttachments;
-          hasUpdates = true;
-        } else {
+        if (updatedAttachments === null) {
           const localAttachment = ensureIsLocalAttachment(attachment);
           if (localAttachment) {
             attachments.push(localAttachment);
             hasUpdates = true;
           }
+        } else if (updatedAttachments !== this.attachments) {
+          attachments = updatedAttachments;
+          hasUpdates = true;
         }
       });
       if (hasUpdates) {
@@ -3314,11 +3330,15 @@ var _AttachmentManager = class _AttachmentManager {
       }
     };
     this.removeAttachments = (localAttachmentIds) => {
+      if (!localAttachmentIds.length) return;
       this.state.partialNext({
         attachments: this.attachments.filter(
           (attachment) => !localAttachmentIds.includes(attachment.localMetadata?.id)
         )
       });
+      for (const id of localAttachmentIds) {
+        this.client.uploadManager.deleteUploadRecord(id);
+      }
     };
     this.getUploadConfigCheck = async (fileLike) => {
       const client = this.channel.getClient();
@@ -3407,13 +3427,17 @@ var _AttachmentManager = class _AttachmentManager {
         const percent = progressEvent.lengthComputable && progressEvent.total ? Math.round(progressEvent.loaded * 100 / progressEvent.total) : void 0;
         options.onProgress?.(percent);
       } : void 0;
+      const axiosUploadConfig = progressHandler || options?.abortSignal ? {
+        ...progressHandler ? { onUploadProgress: progressHandler } : {},
+        ...options?.abortSignal ? { signal: options.abortSignal } : {}
+      } : void 0;
       if (isFileReference(fileLike)) {
         return this.channel[isImageFile(fileLike) ? "sendImage" : "sendFile"](
           fileLike.uri,
           fileLike.name,
           fileLike.type,
           void 0,
-          progressHandler ? { onUploadProgress: progressHandler } : void 0
+          axiosUploadConfig
         );
       }
       const file = isFile(fileLike) ? fileLike : createFileFromBlobs({
@@ -3421,13 +3445,7 @@ var _AttachmentManager = class _AttachmentManager {
         fileName: generateFileName(fileLike.type),
         mimeType: fileLike.type
       });
-      const { duration, ...result } = await this.channel[isImageFile(fileLike) ? "sendImage" : "sendFile"](
-        file,
-        void 0,
-        void 0,
-        void 0,
-        progressHandler ? { onUploadProgress: progressHandler } : void 0
-      );
+      const { duration, ...result } = await this.channel[isImageFile(fileLike) ? "sendImage" : "sendFile"](file, void 0, void 0, void 0, axiosUploadConfig);
       return result;
     };
     /**
@@ -3462,33 +3480,9 @@ var _AttachmentManager = class _AttachmentManager {
         });
         return localAttachment;
       }
-      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,
-          uploadOptions
-        );
+        response = await this.upload(attachment);
       } catch (error) {
         const reason = error instanceof Error ? error.message : "unknown error";
         const failedAttachment = {
@@ -3557,31 +3551,10 @@ var _AttachmentManager = class _AttachmentManager {
         this.upsertAttachments([attachment]);
         return preUpload.state.attachment;
       }
-      const shouldTrackProgress = this.config.trackUploadProgress;
-      attachment = {
-        ...attachment,
-        localMetadata: {
-          ...attachment.localMetadata,
-          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, uploadOptions);
+        response = await this.upload(attachment);
       } catch (err) {
         error = err instanceof Error ? err : void 0;
       }
@@ -3708,6 +3681,40 @@ var _AttachmentManager = class _AttachmentManager {
       ({ localMetadata }) => localMetadata.uploadState === state
     );
   }
+  upload(attachment) {
+    const localId = attachment.localMetadata.id;
+    this.upsertAttachments([
+      {
+        ...attachment,
+        localMetadata: {
+          ...attachment.localMetadata,
+          uploadState: "uploading",
+          uploadProgress: this.config.trackUploadProgress ? 0 : void 0
+        }
+      }
+    ]);
+    const unsubscribe = this.client.uploadManager.state.subscribeWithSelector(
+      (s) => ({ upload: s.uploads[localId] }),
+      ({ upload: nextUpload }) => {
+        if (!nextUpload) return;
+        this.updateAttachment({
+          ...attachment,
+          localMetadata: {
+            ...attachment.localMetadata,
+            uploadState: "uploading",
+            uploadProgress: nextUpload.uploadProgress
+          }
+        });
+      }
+    );
+    return this.client.uploadManager.upload({
+      id: localId,
+      channelCid: this.channel.cid,
+      file: attachment.localMetadata.file
+    }).finally(() => {
+      unsubscribe();
+    });
+  }
 };
 _AttachmentManager.toLocalUploadAttachment = (fileLike) => {
   const file = isFileReference(fileLike) || isFile(fileLike) ? fileLike : createFileFromBlobs({
@@ -9291,7 +9298,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({
@@ -9299,6 +9309,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
       })
     };
@@ -9918,7 +9931,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,
@@ -9970,7 +9983,8 @@ var Channel = class {
       this.messageReceiptsTracker.ingestInitial(state.read);
     }
     return {
-      messageSet
+      messageSet,
+      filteredMessageIds
     };
   }
   _extendEventWithOwnReactions(event) {
@@ -10577,6 +10591,131 @@ var StableWSConnection = class {
   }
 };
 
+// src/uploadManager.ts
+var initState7 = () => ({ uploads: {} });
+var upsertById = (uploads, record) => ({
+  ...uploads,
+  [record.id]: { ...uploads[record.id], ...record }
+});
+var updateById = (uploads, record) => {
+  if (!(record.id in uploads)) return null;
+  const current = uploads[record.id];
+  return { ...uploads, [record.id]: { ...current, ...record } };
+};
+var UploadManager = class {
+  constructor(client) {
+    this.client = client;
+    this.inFlightUploads = /* @__PURE__ */ new Map();
+    this.getUpload = (id) => this.uploads[id];
+    /**
+     * Clears all upload records.
+     * Invoked when the user disconnects so a later session does not inherit stale upload state.
+     * Aborts every in-flight upload request via its `UploadRequestOptions.abortSignal`.
+     */
+    this.reset = () => {
+      for (const { abortController } of this.inFlightUploads.values()) {
+        abortController.abort();
+      }
+      this.inFlightUploads.clear();
+      this.state.next(initState7());
+    };
+    /**
+     * Removes the upload record for `id` if present.
+     * If an upload is still in progress, aborts its `UploadRequestOptions.abortSignal`.
+     */
+    this.deleteUploadRecord = (id) => {
+      const flight = this.inFlightUploads.get(id);
+      if (flight) {
+        this.inFlightUploads.delete(id);
+        flight.abortController.abort();
+      }
+      this.state.next((current) => {
+        if (!(id in current.uploads)) return current;
+        const uploads = { ...current.uploads };
+        delete uploads[id];
+        return { ...current, uploads };
+      });
+    };
+    /**
+     * Starts an upload for `id`, or returns the existing in-flight promise if one is already running.
+     * Uses {@link StreamChat.channel}(`channelCid`) → `messageComposer.attachmentManager.doUploadRequest`.
+     * Resolves with that result; rejects if the upload rejects (the record is removed from state either way).
+     */
+    this.upload = ({
+      id,
+      channelCid,
+      file
+    }) => {
+      const existing = this.inFlightUploads.get(id);
+      if (existing) return existing.promise;
+      let resolvePromise;
+      let rejectPromise;
+      const promise = new Promise((resolve, reject) => {
+        resolvePromise = resolve;
+        rejectPromise = reject;
+      });
+      const abortController = new AbortController();
+      this.inFlightUploads.set(id, { promise, abortController });
+      void (async () => {
+        const attachmentManager = this.resolveAttachmentManager(channelCid);
+        const trackProgress = attachmentManager.config.trackUploadProgress;
+        try {
+          this.upsertUpload({
+            id,
+            uploadProgress: trackProgress ? 0 : void 0
+          });
+          const onProgress = trackProgress ? (progress) => {
+            this.updateUpload({
+              id,
+              uploadProgress: progress
+            });
+          } : void 0;
+          const uploadRequestOptions = {
+            abortSignal: abortController.signal,
+            ...onProgress ? { onProgress } : {}
+          };
+          const response = await attachmentManager.doUploadRequest(
+            file,
+            uploadRequestOptions
+          );
+          resolvePromise(response);
+        } catch (error) {
+          rejectPromise(error);
+        } finally {
+          this.inFlightUploads.delete(id);
+          this.deleteUploadRecord(id);
+        }
+      })();
+      return promise;
+    };
+    this.upsertUpload = (record) => {
+      this.state.partialNext({
+        uploads: upsertById(this.uploads, record)
+      });
+    };
+    this.updateUpload = (record) => {
+      this.state.next((current) => {
+        const nextUploads = updateById(current.uploads, record);
+        if (!nextUploads) return current;
+        return { ...current, uploads: nextUploads };
+      });
+    };
+    this.state = new StateStore(initState7());
+  }
+  resolveAttachmentManager(channelCid) {
+    const colon = channelCid.indexOf(":");
+    if (colon <= 0 || colon === channelCid.length - 1) {
+      throw new Error(`Invalid channelCid: ${channelCid}`);
+    }
+    const channelType = channelCid.slice(0, colon);
+    const channelId = channelCid.slice(colon + 1);
+    return this.client.channel(channelType, channelId).messageComposer.attachmentManager;
+  }
+  get uploads() {
+    return this.state.getLatestValue().uploads;
+  }
+};
+
 // src/signing.ts
 var import_jsonwebtoken = __toESM(require_jsonwebtoken());
 var import_crypto = __toESM(require_crypto());
@@ -13049,6 +13188,7 @@ var StreamChat = class _StreamChat {
       this.activeChannels = {};
       this.state = new ClientState({ client: this });
       this.threads.resetState();
+      this.uploadManager.reset();
       closePromise.finally(() => {
         this.tokenManager.reset();
       }).catch((err) => console.error(err));
@@ -13455,6 +13595,7 @@ var StreamChat = class _StreamChat {
     this.blockedUsers = new StateStore({ userIds: [] });
     this.moderation = new Moderation(this);
     this.notifications = options?.notifications ?? new NotificationManager();
+    this.uploadManager = new UploadManager(this);
     if (secretOrOptions && isString2(secretOrOptions)) {
       this.secret = secretOrOptions;
     }
@@ -14173,12 +14314,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) {
@@ -14188,6 +14332,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
           })
         };
@@ -15238,7 +15385,7 @@ var StreamChat = class _StreamChat {
     if (this.userAgent) {
       return this.userAgent;
     }
-    const version = "9.41.0";
+    const version = "9.42.0";
     const clientBundle = "browser-cjs";
     let userAgentString = "";
     if (this.sdkIdentifier) {