stream-chat-react 12.8.0 → 12.8.1

package/dist/index.browser.cjs

@@ -17976,6 +17976,7 @@ var DialogManager = class {
         open: () => {
           this.open({ id });
         },
+        removalTimeout: void 0,
         remove: () => {
           this.remove(id);
         },
@@ -17988,6 +17989,21 @@ var DialogManager = class {
         ...{ dialogsById: { ...current.dialogsById, [id]: dialog } }
       }));
     }
+    if (dialog.removalTimeout) {
+      clearTimeout(dialog.removalTimeout);
+      this.state.next((current) => ({
+        ...current,
+        ...{
+          dialogsById: {
+            ...current.dialogsById,
+            [id]: {
+              ...dialog,
+              removalTimeout: void 0
+            }
+          }
+        }
+      }));
+    }
     return dialog;
   }
   open(params, closeRest) {
@@ -18023,6 +18039,9 @@ var DialogManager = class {
     const state = this.state.getLatestValue();
     const dialog = state.dialogsById[id];
     if (!dialog) return;
+    if (dialog.removalTimeout) {
+      clearTimeout(dialog.removalTimeout);
+    }
     this.state.next((current) => {
       const newDialogs = { ...current.dialogsById };
       delete newDialogs[id];
@@ -18032,6 +18051,29 @@ var DialogManager = class {
       };
     });
   }
+  /**
+   * Marks the dialog state as unused. If the dialog id is referenced again quickly,
+   * the state will not be removed. Otherwise, the state will be removed after
+   * a short timeout.
+   */
+  markForRemoval(id) {
+    const dialog = this.state.getLatestValue().dialogsById[id];
+    if (!dialog) {
+      return;
+    }
+    this.state.next((current) => ({
+      ...current,
+      dialogsById: {
+        ...current.dialogsById,
+        [id]: {
+          ...dialog,
+          removalTimeout: setTimeout(() => {
+            this.remove(id);
+          }, 16)
+        }
+      }
+    }));
+  }
 };
 
 // src/components/Dialog/DialogPortal.tsx
@@ -18060,7 +18102,7 @@ var useDialog = ({ id }) => {
   const { dialogManager } = useDialogManager();
   (0, import_react7.useEffect)(
     () => () => {
-      dialogManager.remove(id);
+      dialogManager.markForRemoval(id);
     },
     [dialogManager, id]
   );
@@ -50750,7 +50792,7 @@ var useChat = ({
     if (!client) return;
     const userAgent = client.getUserAgent();
     if (!userAgent.includes("stream-chat-react")) {
-      client.setUserAgent(`stream-chat-react-12.8.0-${userAgent}`);
+      client.setUserAgent(`stream-chat-react-12.8.1-${userAgent}`);
     }
     client.threads.registerSubscriptions();
     client.polls.registerSubscriptions();