stream-chat 9.5.1 → 9.6.1

package/dist/cjs/index.browser.cjs

@@ -204,6 +204,7 @@ __export(index_exports, {
   MiddlewareExecutor: () => MiddlewareExecutor,
   MinPriority: () => MinPriority,
   Moderation: () => Moderation,
+  NotificationManager: () => NotificationManager,
   OfflineDBSyncManager: () => OfflineDBSyncManager,
   OfflineError: () => OfflineError,
   Permission: () => Permission,
@@ -4789,7 +4790,8 @@ var AttachmentManager = class {
       if (!attachment.localMetadata?.file || !attachment.localMetadata.id) {
         this.client.notifications.addError({
           message: "File is required for upload attachment",
-          origin: { emitter: "AttachmentManager", context: { attachment } }
+          origin: { emitter: "AttachmentManager", context: { attachment } },
+          options: { type: "validation:attachment:file:missing" }
         });
         return;
       }
@@ -4839,8 +4841,17 @@ var AttachmentManager = class {
       if (localAttachment.localMetadata.uploadState === "blocked") {
         this.upsertAttachments([localAttachment]);
         this.client.notifications.addError({
-          message: "Error uploading attachment",
-          origin: { emitter: "AttachmentManager", context: { attachment } }
+          message: `The attachment upload was blocked`,
+          origin: {
+            emitter: "AttachmentManager",
+            context: { attachment, blockedAttachment: localAttachment }
+          },
+          options: {
+            type: "validation:attachment:upload:blocked",
+            metadata: {
+              reason: localAttachment.localMetadata.uploadPermissionCheck?.reason
+            }
+          }
         });
         return localAttachment;
       }
@@ -4857,19 +4868,7 @@ var AttachmentManager = class {
       try {
         response = await this.doUploadRequest(localAttachment.localMetadata.file);
       } catch (error) {
-        let finalError = {
-          message: "Error uploading attachment",
-          name: "Error"
-        };
-        if (typeof error.message === "string") {
-          finalError = error;
-        } else if (typeof error === "object") {
-          finalError = Object.assign(finalError, error);
-        }
-        this.client.notifications.addError({
-          message: finalError.message,
-          origin: { emitter: "AttachmentManager", context: { attachment } }
-        });
+        const reason = error instanceof Error ? error.message : "unknown error";
         const failedAttachment = {
           ...attachment,
           localMetadata: {
@@ -4877,6 +4876,18 @@ var AttachmentManager = class {
             uploadState: "failed"
           }
         };
+        this.client.notifications.addError({
+          message: "Error uploading attachment",
+          origin: {
+            emitter: "AttachmentManager",
+            context: { attachment, failedAttachment }
+          },
+          options: {
+            type: "api:attachment:upload:failed",
+            metadata: { reason },
+            originalError: error instanceof Error ? error : void 0
+          }
+        });
         this.updateAttachment(failedAttachment);
         return failedAttachment;
       }
@@ -5896,8 +5907,7 @@ var createCompositionDataCleanupMiddleware = (composer) => ({
         localMessage: formatMessage({
           ...composer.editedMessage,
           ...state.localMessage,
-          ...common,
-          user: composer.client.user
+          ...common
         }),
         message: {
           ...editedMessagePayloadToBeSent,
@@ -6143,6 +6153,9 @@ var createMessageComposerStateCompositionMiddleware = (composer) => ({
       if (composer.pollId) {
         payload.poll_id = composer.pollId;
       }
+      if (composer.showReplyInChannel) {
+        payload.show_in_channel = true;
+      }
       return next({
         ...state,
         localMessage: {
@@ -6172,6 +6185,9 @@ var createDraftMessageComposerStateCompositionMiddleware = (composer) => ({
       if (composer.pollId) {
         payload.poll_id = composer.pollId;
       }
+      if (composer.showReplyInChannel) {
+        payload.show_in_channel = true;
+      }
       return next({
         ...state,
         draft: {
@@ -6183,6 +6199,31 @@ var createDraftMessageComposerStateCompositionMiddleware = (composer) => ({
   }
 });
 
+// src/messageComposer/middleware/messageComposer/userDataInjection.ts
+var createUserDataInjectionMiddleware = (composer) => ({
+  id: "stream-io/message-composer-middleware/user-data-injection",
+  handlers: {
+    compose: ({
+      state,
+      next,
+      forward
+    }) => {
+      if (!composer.client.user) {
+        return forward();
+      }
+      const { channel_mutes, devices, mutes, ...messageUser } = composer.client.user;
+      return next({
+        ...state,
+        localMessage: {
+          ...state.localMessage,
+          user: messageUser,
+          user_id: messageUser.id
+        }
+      });
+    }
+  }
+});
+
 // src/messageComposer/middleware/messageComposer/pollOnly.ts
 var pollLocalMessageNullifiedFields = {
   attachments: [],
@@ -6224,6 +6265,7 @@ var MessageComposerMiddlewareExecutor = class extends MiddlewareExecutor {
   constructor({ composer }) {
     super();
     this.use([
+      createUserDataInjectionMiddleware(composer),
       createPollOnlyCompositionMiddleware(composer),
       createTextComposerCompositionMiddleware(composer),
       createAttachmentsCompositionMiddleware(composer),
@@ -7310,6 +7352,7 @@ var TextComposer = class {
 var _WithSubscriptions = class _WithSubscriptions {
   constructor() {
     this.unsubscribeFunctions = /* @__PURE__ */ new Set();
+    this.refCount = 0;
   }
   /**
    * Returns a boolean, provides information of whether `registerSubscriptions`
@@ -7321,6 +7364,12 @@ var _WithSubscriptions = class _WithSubscriptions {
   addUnsubscribeFunction(unsubscribeFunction) {
     this.unsubscribeFunctions.add(unsubscribeFunction);
   }
+  /**
+   * Increments `refCount` by one and returns new value.
+   */
+  incrementRefCount() {
+    return ++this.refCount;
+  }
   /**
    * If you re-declare `unregisterSubscriptions` method within your class
    * make sure to run the original too.
@@ -7337,8 +7386,13 @@ var _WithSubscriptions = class _WithSubscriptions {
    * ```
    */
   unregisterSubscriptions() {
+    if (this.refCount > 1) {
+      this.refCount--;
+      return _WithSubscriptions.symbol;
+    }
     this.unsubscribeFunctions.forEach((unsubscribe) => unsubscribe());
     this.unsubscribeFunctions.clear();
+    this.refCount = 0;
     return _WithSubscriptions.symbol;
   }
 };
@@ -7798,10 +7852,11 @@ var initEditingAuditState = (composition) => {
 var initState5 = (composition) => {
   if (!composition) {
     return {
+      draftId: null,
       id: MessageComposer.generateId(),
-      quotedMessage: null,
       pollId: null,
-      draftId: null
+      quotedMessage: null,
+      showReplyInChannel: false
     };
   }
   const quotedMessage = composition.quoted_message;
@@ -7818,11 +7873,11 @@ var initState5 = (composition) => {
   return {
     draftId,
     id,
+    pollId: message.poll_id ?? null,
     quotedMessage: quotedMessage ? formatMessage(quotedMessage) : null,
-    pollId: message.poll_id ?? null
+    showReplyInChannel: false
   };
 };
-var noop3 = () => void 0;
 var _MessageComposer = class _MessageComposer extends WithSubscriptions {
   // todo: mediaRecorder: MediaRecorderController;
   constructor({
@@ -7849,20 +7904,20 @@ var _MessageComposer = class _MessageComposer extends WithSubscriptions {
     };
     this.initEditingAuditState = (composition) => initEditingAuditState(composition);
     this.registerSubscriptions = () => {
-      if (this.hasSubscriptions) {
-        return noop3;
-      }
-      this.addUnsubscribeFunction(this.subscribeMessageComposerSetupStateChange());
-      this.addUnsubscribeFunction(this.subscribeMessageUpdated());
-      this.addUnsubscribeFunction(this.subscribeMessageDeleted());
-      this.addUnsubscribeFunction(this.subscribeTextComposerStateChanged());
-      this.addUnsubscribeFunction(this.subscribeAttachmentManagerStateChanged());
-      this.addUnsubscribeFunction(this.subscribeLinkPreviewsManagerStateChanged());
-      this.addUnsubscribeFunction(this.subscribePollComposerStateChanged());
-      this.addUnsubscribeFunction(this.subscribeCustomDataManagerStateChanged());
-      this.addUnsubscribeFunction(this.subscribeMessageComposerStateChanged());
-      this.addUnsubscribeFunction(this.subscribeMessageComposerConfigStateChanged());
-      return this.unregisterSubscriptions.bind(this);
+      if (!this.hasSubscriptions) {
+        this.addUnsubscribeFunction(this.subscribeMessageComposerSetupStateChange());
+        this.addUnsubscribeFunction(this.subscribeMessageUpdated());
+        this.addUnsubscribeFunction(this.subscribeMessageDeleted());
+        this.addUnsubscribeFunction(this.subscribeTextComposerStateChanged());
+        this.addUnsubscribeFunction(this.subscribeAttachmentManagerStateChanged());
+        this.addUnsubscribeFunction(this.subscribeLinkPreviewsManagerStateChanged());
+        this.addUnsubscribeFunction(this.subscribePollComposerStateChanged());
+        this.addUnsubscribeFunction(this.subscribeCustomDataManagerStateChanged());
+        this.addUnsubscribeFunction(this.subscribeMessageComposerStateChanged());
+        this.addUnsubscribeFunction(this.subscribeMessageComposerConfigStateChanged());
+      }
+      this.incrementRefCount();
+      return () => this.unregisterSubscriptions();
     };
     this.subscribeMessageUpdated = () => {
       const eventTypes = [
@@ -8014,6 +8069,9 @@ var _MessageComposer = class _MessageComposer extends WithSubscriptions {
     this.setQuotedMessage = (quotedMessage) => {
       this.state.partialNext({ quotedMessage });
     };
+    this.toggleShowReplyInChannel = () => {
+      this.state.partialNext({ showReplyInChannel: !this.showReplyInChannel });
+    };
     this.clear = () => {
       this.initState();
     };
@@ -8087,15 +8145,21 @@ var _MessageComposer = class _MessageComposer extends WithSubscriptions {
       const composition = await this.pollComposer.compose();
       if (!composition || !composition.data.id) return;
       try {
-        const { poll } = await this.client.createPoll(composition.data);
-        this.state.partialNext({ pollId: poll.id });
-        this.pollComposer.initState();
+        const poll = await this.client.polls.createPoll(composition.data);
+        this.state.partialNext({ pollId: poll?.id });
       } catch (error) {
-        this.client.notifications.add({
+        this.client.notifications.addError({
           message: "Failed to create the poll",
           origin: {
             emitter: "MessageComposer",
             context: { composer: this }
+          },
+          options: {
+            type: "api:poll:create:failed",
+            metadata: {
+              reason: error.message
+            },
+            originalError: error instanceof Error ? error : void 0
           }
         });
         throw error;
@@ -8200,6 +8264,9 @@ var _MessageComposer = class _MessageComposer extends WithSubscriptions {
   get pollId() {
     return this.state.getLatestValue().pollId;
   }
+  get showReplyInChannel() {
+    return this.state.getLatestValue().showReplyInChannel;
+  }
   get hasSendableData() {
     return !!(!this.attachmentManager.uploadsInProgressCount && (!this.textComposer.textIsEmpty || this.attachmentManager.successfulUploadsCount > 0) || this.pollId);
   }
@@ -11788,7 +11855,11 @@ var PollManager = class extends WithSubscriptions {
     };
     this.createPoll = async (poll) => {
       const { poll: createdPoll } = await this.client.createPoll(poll);
-      return new Poll({ client: this.client, poll: createdPoll });
+      if (!createdPoll.vote_counts_by_option) {
+        createdPoll.vote_counts_by_option = {};
+      }
+      this.setOrOverwriteInCache(createdPoll);
+      return this.fromState(createdPoll.id);
     };
     this.getPoll = async (id) => {
       const cachedPoll = this.fromState(id);
@@ -12326,21 +12397,23 @@ var ChannelManager = class extends WithSubscriptions {
   }
 };
 
-// src/notifications/NotificationManager.ts
-var DURATIONS = {
-  error: 1e4,
-  warning: 5e3,
-  info: 3e3,
-  success: 3e3
+// src/notifications/configuration.ts
+var DURATION_MS = 3e3;
+var DEFAULT_NOTIFICATION_MANAGER_CONFIG = {
+  durations: {
+    error: DURATION_MS,
+    info: DURATION_MS,
+    success: DURATION_MS,
+    warning: DURATION_MS
+  }
 };
+
+// src/notifications/NotificationManager.ts
 var NotificationManager = class {
   constructor(config = {}) {
     this.timeouts = /* @__PURE__ */ new Map();
     this.store = new StateStore({ notifications: [] });
-    this.config = {
-      ...config,
-      durations: config.durations || DURATIONS
-    };
+    this.config = mergeWith(DEFAULT_NOTIFICATION_MANAGER_CONFIG, config);
   }
   get notifications() {
     return this.store.getLatestValue().notifications;
@@ -12360,21 +12433,24 @@ var NotificationManager = class {
   add({ message, origin, options = {} }) {
     const id = generateUUIDv4();
     const now = Date.now();
+    const severity = options.severity || "info";
+    const duration = options.duration ?? this.config.durations[severity];
     const notification = {
       id,
       message,
       origin,
-      severity: options.severity || "info",
+      type: options?.type,
+      severity,
       createdAt: now,
-      expiresAt: options.duration ? now + options.duration : void 0,
-      autoClose: options.autoClose ?? true,
+      expiresAt: now + duration,
       actions: options.actions,
-      metadata: options.metadata
+      metadata: options.metadata,
+      originalError: options.originalError
     };
     this.store.partialNext({
       notifications: [...this.store.getLatestValue().notifications, notification]
     });
-    if (notification.autoClose && notification.expiresAt) {
+    if (notification.expiresAt) {
       const timeout = setTimeout(() => {
         this.remove(id);
       }, options.duration || this.config.durations[notification.severity]);
@@ -15083,7 +15159,7 @@ var StreamChat = class _StreamChat {
     if (this.userAgent) {
       return this.userAgent;
     }
-    const version = "9.5.1";
+    const version = "9.6.1";
     const clientBundle = "browser-cjs";
     let userAgentString = "";
     if (this.sdkIdentifier) {