stream-chat 9.39.0 → 9.41.0

package/dist/cjs/index.browser.js

@@ -3402,12 +3402,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 +3421,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 +3462,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 +3522,8 @@ var _AttachmentManager = class _AttachmentManager {
         ...attachment,
         localMetadata: {
           ...attachment.localMetadata,
-          uploadState: "finished"
+          uploadState: "finished",
+          uploadProgress: void 0
         }
       };
       const previewUri = uploadedAttachment.localMetadata.previewUri;
@@ -3528,18 +3557,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 +3592,8 @@ var _AttachmentManager = class _AttachmentManager {
             ...attachment,
             localMetadata: {
               ...attachment.localMetadata,
-              uploadState: error ? "failed" : "finished"
+              uploadState: error ? "failed" : "finished",
+              uploadProgress: void 0
             }
           },
           error,
@@ -3718,7 +3761,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 +8221,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) {
@@ -12755,6 +12821,29 @@ var _ReminderManager = class _ReminderManager extends WithSubscriptions {
 _ReminderManager.isReminderWsEventPayload = (event) => !!event.reminder && (event.type.startsWith("reminder.") || event.type === "notification.reminder_due");
 var ReminderManager = _ReminderManager;
 
+// src/offline-support/util.ts
+var isLocalUrl = (value) => !!value && !value.startsWith("http");
+var isAttachmentReplayable = (attachment) => {
+  if (!attachment || typeof attachment !== "object") {
+    return true;
+  }
+  return !isLocalUrl(attachment.asset_url) && !isLocalUrl(attachment.image_url);
+};
+var isMessageUpdateReplayable = (message) => !message.attachments?.some((attachment) => !isAttachmentReplayable(attachment));
+var getPendingTaskChannelData = (cid) => {
+  if (!cid) {
+    return {};
+  }
+  const separatorIndex = cid.indexOf(":");
+  if (separatorIndex <= 0 || separatorIndex === cid.length - 1) {
+    return {};
+  }
+  return {
+    channelId: cid.slice(separatorIndex + 1),
+    channelType: cid.slice(0, separatorIndex)
+  };
+};
+
 // src/client.ts
 function isString2(x) {
   return typeof x === "string" || x instanceof String;
@@ -13710,7 +13799,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, {
@@ -13719,7 +13808,8 @@ var StreamChat = class _StreamChat {
       config: {
         timeout: 0,
         maxContentLength: Infinity,
-        maxBodyLength: Infinity
+        maxBodyLength: Infinity,
+        ...axiosRequestConfig
       }
     });
   }
@@ -14847,6 +14937,30 @@ var StreamChat = class _StreamChat {
    * @return {{ message: LocalMessage | MessageResponse }} Response that includes the message
    */
   async updateMessage(message, partialUserOrUserId, options) {
+    if (!message.id) {
+      throw Error("Please specify the message.id when calling updateMessage");
+    }
+    const messageId = message.id;
+    try {
+      if (this.offlineDb) {
+        return await this.offlineDb.queueTask({
+          task: {
+            ...getPendingTaskChannelData(message.cid),
+            messageId,
+            payload: [message, partialUserOrUserId, options],
+            type: "update-message"
+          }
+        });
+      }
+    } catch (error) {
+      this.logger("error", `offlineDb:updateMessage`, {
+        tags: ["channel", "offlineDb"],
+        error
+      });
+    }
+    return await this._updateMessage(message, partialUserOrUserId, options);
+  }
+  async _updateMessage(message, partialUserOrUserId, options) {
     if (!message.id) {
       throw Error("Please specify the message.id when calling updateMessage");
     }
@@ -15124,7 +15238,7 @@ var StreamChat = class _StreamChat {
     if (this.userAgent) {
       return this.userAgent;
     }
-    const version = "9.39.0";
+    const version = "9.41.0";
     const clientBundle = "browser-cjs";
     let userAgentString = "";
     if (this.sdkIdentifier) {
@@ -16262,11 +16376,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)
@@ -16275,11 +16397,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
@@ -17280,7 +17410,7 @@ var AbstractOfflineDB = class {
         return await attemptTaskExecution();
       } catch (e) {
         if (!this.shouldSkipQueueingTask(e)) {
-          await this.addPendingTask(task);
+          await this.handleAddPendingTask({ task });
         }
         throw e;
       }
@@ -17293,19 +17423,92 @@ var AbstractOfflineDB = class {
      * @param error
      */
     this.shouldSkipQueueingTask = (error) => error?.response?.data?.code === 4 || error?.response?.data?.code === 17;
+    this.mergeFailedMessageUpdateIntoPendingSendMessage = ({
+      editedMessage,
+      pendingMessage
+    }) => {
+      const normalizedEditedMessageSource = {
+        ...editedMessage
+      };
+      if (editedMessage.status === "failed") {
+        delete normalizedEditedMessageSource.message_text_updated_at;
+      }
+      const normalizedEditedMessage = localMessageToNewMessagePayload(
+        normalizedEditedMessageSource
+      );
+      const pendingMessageStatus = pendingMessage.status;
+      return {
+        ...pendingMessage,
+        ...normalizedEditedMessage,
+        ...typeof pendingMessageStatus !== "undefined" ? { status: pendingMessageStatus } : {}
+      };
+    };
+    this.isPendingSendMessageTask = (task) => task.type === "send-message";
+    this.handleOfflineFailedUpdateMessagePendingTask = async (task) => {
+      const [message] = task.payload;
+      if (!message.id) {
+        return;
+      }
+      const pendingTasks = await this.getPendingTasks({ messageId: message.id });
+      const pendingSendMessageTask = pendingTasks.find(this.isPendingSendMessageTask);
+      if (!pendingSendMessageTask) {
+        return;
+      }
+      const updatedPendingSendMessage = this.mergeFailedMessageUpdateIntoPendingSendMessage(
+        {
+          editedMessage: message,
+          pendingMessage: pendingSendMessageTask.payload[0]
+        }
+      );
+      const updatedPendingTask = {
+        ...pendingSendMessageTask,
+        payload: [updatedPendingSendMessage, pendingSendMessageTask.payload[1]]
+      };
+      if (pendingSendMessageTask.id) {
+        await this.updatePendingTask({
+          id: pendingSendMessageTask.id,
+          task: updatedPendingTask
+        });
+        return;
+      }
+      await this.addPendingTask({
+        ...updatedPendingTask,
+        id: void 0
+      });
+    };
+    /**
+     * Central ingress for persisting pending tasks. It either stores the task as-is
+     * or rewrites an existing pending `send-message` task for offline edits of failed messages.
+     */
+    this.handleAddPendingTask = async ({ task }) => {
+      if (task.type === "update-message" && !isMessageUpdateReplayable(task.payload[0])) {
+        return;
+      }
+      if (task.type === "update-message" && !this.client.wsConnection?.isHealthy && task.payload[0].status === "failed") {
+        await this.handleOfflineFailedUpdateMessagePendingTask(task);
+        return;
+      }
+      await this.addPendingTask(task);
+    };
     /**
      * Executes a task from the list of supported pending tasks. Currently supported pending tasks
      * are:
+     * - Updating a message
      * - Deleting a message
      * - Sending a reaction
      * - Removing a reaction
      * - Sending a message
+     * - Creating a draft
+     * - Deleting a draft
      * It will throw if we try to execute a pending task that is not supported.
      * @param task - The task we want to execute
      * @param isPendingTask - a control value telling us if it's an actual pending task being executed
      * or delayed execution
      */
     this.executeTask = async ({ task }, isPendingTask = false) => {
+      if (task.type === "update-message") {
+        return await this.client._updateMessage(...task.payload);
+      }
       if (task.type === "delete-message") {
         return await this.client._deleteMessage(...task.payload);
       }