stream-chat-react 13.5.0 → 13.6.0

package/dist/experimental/index.browser.cjs

@@ -380,6 +380,7 @@ var useComponentContext = (_componentName) => (0, import_react4.useContext)(Comp
 
 // src/context/DialogManagerContext.tsx
 var import_react9 = __toESM(require("react"));
+var import_stream_chat = require("stream-chat");
 
 // src/components/Dialog/DialogPortal.tsx
 var import_react8 = __toESM(require("react"));
@@ -427,8 +428,8 @@ function useStateStore(store, selector2) {
 }
 
 // src/components/Dialog/hooks/useDialog.ts
-var useDialog = ({ id }) => {
-  const { dialogManager } = useDialogManager();
+var useDialog = ({ dialogManagerId, id }) => {
+  const { dialogManager } = useDialogManager({ dialogManagerId });
   (0, import_react6.useEffect)(
     () => () => {
       dialogManager.markForRemoval(id);
@@ -437,8 +438,8 @@ var useDialog = ({ id }) => {
   );
   return dialogManager.getOrCreate({ id });
 };
-var useDialogIsOpen = (id) => {
-  const { dialogManager } = useDialogManager();
+var useDialogIsOpen = (id, dialogManagerId) => {
+  const { dialogManager } = useDialogManager({ dialogManagerId });
   const dialogIsOpenSelector = (0, import_react6.useCallback)(
     ({ dialogsById }) => ({ isOpen: !!dialogsById[id]?.isOpen }),
     [id]
@@ -469,8 +470,8 @@ var DialogPortalEntry = ({
   children,
   dialogId
 }) => {
-  const { dialogManager } = useDialogManager();
-  const dialogIsOpen = useDialogIsOpen(dialogId);
+  const { dialogManager } = useDialogManager({ dialogId });
+  const dialogIsOpen = useDialogIsOpen(dialogId, dialogManager.id);
   const getPortalDestination = (0, import_react8.useCallback)(
     () => document.querySelector(`div[data-str-chat__portal-id="${dialogManager.id}"]`),
     [dialogManager.id]
@@ -479,10 +480,83 @@ var DialogPortalEntry = ({
 };
 
 // src/context/DialogManagerContext.tsx
+var dialogManagersRegistry = new import_stream_chat.StateStore({});
 var DialogManagerProviderContext = import_react9.default.createContext(void 0);
-var useDialogManager = () => {
-  const value = (0, import_react9.useContext)(DialogManagerProviderContext);
-  return value;
+var getManagerFromStore = ({
+  dialogId,
+  dialogManagerId,
+  newState,
+  previousState
+}) => {
+  let managerInNewState;
+  let managerInPrevState;
+  if (dialogManagerId) {
+    if (!dialogId) {
+      managerInNewState = newState[dialogManagerId];
+      managerInPrevState = previousState?.[dialogManagerId];
+    } else {
+      if (newState[dialogManagerId]?.get(dialogId)) {
+        managerInNewState = newState[dialogManagerId];
+      }
+      if (previousState?.[dialogManagerId]?.get(dialogId)) {
+        managerInPrevState = previousState[dialogManagerId];
+      }
+    }
+  } else if (dialogId) {
+    managerInNewState = Object.values(newState).find(
+      (dialogMng) => dialogId && dialogMng?.get(dialogId)
+    );
+    managerInPrevState = previousState && Object.values(previousState).find(
+      (dialogMng) => dialogId && dialogMng?.get(dialogId)
+    );
+  }
+  return { managerInNewState, managerInPrevState };
+};
+var useDialogManager = ({
+  dialogId,
+  dialogManagerId
+} = {}) => {
+  const nearestDialogManagerContext = (0, import_react9.useContext)(DialogManagerProviderContext);
+  const [dialogManagerContext, setDialogManagerContext] = (0, import_react9.useState)(() => {
+    const { managerInNewState } = getManagerFromStore({
+      dialogId,
+      dialogManagerId,
+      newState: dialogManagersRegistry.getLatestValue(),
+      previousState: void 0
+    });
+    return managerInNewState ? { dialogManager: managerInNewState } : nearestDialogManagerContext;
+  });
+  (0, import_react9.useEffect)(() => {
+    if (!dialogId && !dialogManagerId) return;
+    const unsubscribe = dialogManagersRegistry.subscribeWithSelector(
+      (state) => state,
+      (newState, previousState) => {
+        const { managerInNewState, managerInPrevState } = getManagerFromStore({
+          dialogId,
+          dialogManagerId,
+          newState,
+          previousState
+        });
+        if (!managerInPrevState || managerInNewState?.id !== managerInPrevState.id) {
+          setDialogManagerContext((prevState) => {
+            if (prevState?.dialogManager.id === managerInNewState?.id) return prevState;
+            return {
+              dialogManager: managerInNewState || nearestDialogManagerContext?.dialogManager
+            };
+          });
+        }
+      }
+    );
+    return () => {
+      unsubscribe();
+    };
+  }, [dialogId, dialogManagerId, nearestDialogManagerContext?.dialogManager]);
+  if (!dialogManagerContext?.dialogManager) {
+    console.warn(
+      `Dialog manager (manager id: ${dialogManagerId}, dialog id: ${dialogId}) is not available`
+    );
+  }
+  return dialogManagerContext;
 };
 
 // src/context/MessageContext.tsx
@@ -530,7 +604,7 @@ var useTranslationContext = (componentName) => {
 
 // src/components/MessageInput/hooks/useMessageComposer.ts
 var import_react37 = require("react");
-var import_stream_chat = require("stream-chat");
+var import_stream_chat2 = require("stream-chat");
 
 // src/components/Threads/ThreadContext.tsx
 var import_react12 = __toESM(require("react"));
@@ -10846,13 +10920,6 @@ var useMessageReminder = (messageId) => {
   return reminder;
 };
 
-// src/components/MessageActions/MessageActions.tsx
-var import_clsx6 = __toESM(require("clsx"));
-var import_react30 = __toESM(require("react"));
-
-// src/components/MessageActions/RemindMeSubmenu.tsx
-var import_react28 = __toESM(require("react"));
-
 // src/components/Dialog/ButtonWithSubmenu.tsx
 var import_clsx5 = __toESM(require("clsx"));
 var import_react27 = __toESM(require("react"));
@@ -11065,7 +11132,12 @@ var ButtonWithSubmenu = ({
   ));
 };
 
+// src/components/MessageActions/MessageActions.tsx
+var import_clsx6 = __toESM(require("clsx"));
+var import_react30 = __toESM(require("react"));
+
 // src/components/MessageActions/RemindMeSubmenu.tsx
+var import_react28 = __toESM(require("react"));
 var RemindMeActionButton = ({
   className,
   isMine
@@ -11563,7 +11635,7 @@ var InfiniteScrollPaginator = (props) => {
 };
 
 // src/components/MessageInput/hooks/useMessageComposer.ts
-var queueCache = new import_stream_chat.FixedSizeQueueCache(64);
+var queueCache = new import_stream_chat2.FixedSizeQueueCache(64);
 var useMessageComposer = () => {
   const { client } = useChatContext();
   const { channel } = useChannelStateContext();
@@ -11580,10 +11652,10 @@ var useMessageComposer = () => {
   }, [parentMessage?.id]);
   const messageComposer = (0, import_react37.useMemo)(() => {
     if (editing && cachedEditedMessage) {
-      const tag = import_stream_chat.MessageComposer.constructTag(cachedEditedMessage);
+      const tag = import_stream_chat2.MessageComposer.constructTag(cachedEditedMessage);
       const cachedComposer = queueCache.get(tag);
       if (cachedComposer) return cachedComposer;
-      return new import_stream_chat.MessageComposer({
+      return new import_stream_chat2.MessageComposer({
         client,
         composition: cachedEditedMessage,
         compositionContext: cachedEditedMessage
@@ -11595,10 +11667,10 @@ var useMessageComposer = () => {
         ...cachedParentMessage,
         legacyThreadId: cachedParentMessage.id
       };
-      const tag = import_stream_chat.MessageComposer.constructTag(compositionContext);
+      const tag = import_stream_chat2.MessageComposer.constructTag(compositionContext);
       const cachedComposer = queueCache.get(tag);
       if (cachedComposer) return cachedComposer;
-      return new import_stream_chat.MessageComposer({
+      return new import_stream_chat2.MessageComposer({
         client,
         compositionContext
       });