stream-chat-react 12.2.1 → 12.3.0

package/dist/index.node.cjs

@@ -20723,20 +20723,20 @@ var useDialog = ({ id }) => {
 var useDialogIsOpen = (id) => {
   const { dialogManager } = useDialogManager();
   const dialogIsOpenSelector = (0, import_react7.useCallback)(
-    ({ dialogsById }) => [!!dialogsById[id]?.isOpen],
+    ({ dialogsById }) => ({ isOpen: !!dialogsById[id]?.isOpen }),
     [id]
   );
-  return useStateStore(dialogManager.state, dialogIsOpenSelector)[0];
+  return useStateStore(dialogManager.state, dialogIsOpenSelector).isOpen;
 };
-var openedDialogCountSelector = (nextValue) => [
-  Object.values(nextValue.dialogsById).reduce((count, dialog) => {
+var openedDialogCountSelector = (nextValue) => ({
+  openedDialogCount: Object.values(nextValue.dialogsById).reduce((count, dialog) => {
     if (dialog.isOpen) return count + 1;
     return count;
   }, 0)
-];
+});
 var useOpenedDialogCount = () => {
   const { dialogManager } = useDialogManager();
-  return useStateStore(dialogManager.state, openedDialogCountSelector)[0];
+  return useStateStore(dialogManager.state, openedDialogCountSelector).openedDialogCount;
 };
 
 // src/components/Dialog/DialogPortal.tsx
@@ -43920,10 +43920,12 @@ var ThreadAdapter = ({ children }) => {
   useActiveThread({ activeThread });
   return /* @__PURE__ */ import_react89.default.createElement(ThreadProvider, { thread: activeThread }, children);
 };
-var selector = (nextValue) => [nextValue.unreadThreadCount];
+var selector = ({ unreadThreadCount }) => ({
+  unreadThreadCount
+});
 var ChatViewSelector = () => {
   const { client } = useChatContext();
-  const [unreadThreadCount] = useStateStore(client.threads.state, selector);
+  const { unreadThreadCount } = useStateStore(client.threads.state, selector);
   const { activeChatView, setActiveChatView } = (0, import_react89.useContext)(ChatViewContext);
   return /* @__PURE__ */ import_react89.default.createElement("div", { className: "str-chat__chat-view__selector" }, /* @__PURE__ */ import_react89.default.createElement(
     "button",
@@ -43986,16 +43988,16 @@ var ThreadListItemUI = (props) => {
   const { client } = useChatContext();
   const thread = useThreadListItemContext();
   const selector6 = (0, import_react90.useCallback)(
-    (nextValue) => [
-      nextValue.replies.at(-1),
-      client.userID && nextValue.read[client.userID]?.unreadMessageCount || 0,
-      nextValue.parentMessage,
-      nextValue.channel,
-      nextValue.deletedAt
-    ],
+    (nextValue) => ({
+      channel: nextValue.channel,
+      deletedAt: nextValue.deletedAt,
+      latestReply: nextValue.replies.at(-1),
+      ownUnreadMessageCount: client.userID && nextValue.read[client.userID]?.unreadMessageCount || 0,
+      parentMessage: nextValue.parentMessage
+    }),
     [client]
   );
-  const [latestReply, ownUnreadMessageCount, parentMessage, channel, deletedAt] = useStateStore(
+  const { channel, deletedAt, latestReply, ownUnreadMessageCount, parentMessage } = useStateStore(
     thread.state,
     selector6
   );
@@ -44034,10 +44036,12 @@ var ThreadListEmptyPlaceholder = () => /* @__PURE__ */ import_react92.default.cr
 
 // src/components/Threads/ThreadList/ThreadListUnseenThreadsBanner.tsx
 var import_react93 = __toESM(require("react"));
-var selector2 = (nextValue) => [nextValue.unseenThreadIds];
+var selector2 = (nextValue) => ({
+  unseenThreadIds: nextValue.unseenThreadIds
+});
 var ThreadListUnseenThreadsBanner = () => {
   const { client } = useChatContext();
-  const [unseenThreadIds] = useStateStore(client.threads.state, selector2);
+  const { unseenThreadIds } = useStateStore(client.threads.state, selector2);
   if (!unseenThreadIds.length) return null;
   return /* @__PURE__ */ import_react93.default.createElement("div", { className: "str-chat__unseen-threads-banner" }, unseenThreadIds.length, " unread threads", /* @__PURE__ */ import_react93.default.createElement(
     "button",
@@ -44051,17 +44055,19 @@ var ThreadListUnseenThreadsBanner = () => {
 
 // src/components/Threads/ThreadList/ThreadListLoadingIndicator.tsx
 var import_react94 = __toESM(require("react"));
-var selector3 = (nextValue) => [nextValue.pagination.isLoadingNext];
+var selector3 = (nextValue) => ({
+  isLoadingNext: nextValue.pagination.isLoadingNext
+});
 var ThreadListLoadingIndicator = () => {
   const { LoadingIndicator: LoadingIndicator2 = LoadingIndicator } = useComponentContext();
   const { client } = useChatContext();
-  const [isLoadingNext] = useStateStore(client.threads.state, selector3);
+  const { isLoadingNext } = useStateStore(client.threads.state, selector3);
   if (!isLoadingNext) return null;
   return /* @__PURE__ */ import_react94.default.createElement("div", { className: "str-chat__thread-list-loading-indicator" }, /* @__PURE__ */ import_react94.default.createElement(LoadingIndicator2, null));
 };
 
 // src/components/Threads/ThreadList/ThreadList.tsx
-var selector4 = (nextValue) => [nextValue.threads];
+var selector4 = (nextValue) => ({ threads: nextValue.threads });
 var computeItemKey = (_, item) => item.id;
 var useThreadList = () => {
   const { client } = useChatContext();
@@ -44090,7 +44096,7 @@ var ThreadList = ({ virtuosoProps }) => {
     ThreadListLoadingIndicator: ThreadListLoadingIndicator2 = ThreadListLoadingIndicator,
     ThreadListUnseenThreadsBanner: ThreadListUnseenThreadsBanner2 = ThreadListUnseenThreadsBanner
   } = useComponentContext();
-  const [threads] = useStateStore(client.threads.state, selector4);
+  const { threads } = useStateStore(client.threads.state, selector4);
   useThreadList();
   return /* @__PURE__ */ import_react95.default.createElement("div", { className: "str-chat__thread-list-container" }, /* @__PURE__ */ import_react95.default.createElement(ThreadListUnseenThreadsBanner2, null), /* @__PURE__ */ import_react95.default.createElement(
     import_react_virtuoso.Virtuoso,
@@ -48834,7 +48840,8 @@ var MessageListWithContext = (props) => {
     }
   }, [highlightedMessageId]);
   const showEmptyStateIndicator = elements.length === 0 && !threadList;
-  return /* @__PURE__ */ import_react175.default.createElement(MessageListContextProvider, { value: { listElement, scrollToBottom } }, /* @__PURE__ */ import_react175.default.createElement(MessageListMainPanel2, null, /* @__PURE__ */ import_react175.default.createElement(DialogManagerProvider, { id: "message-list-dialog-manager" }, !threadList && showUnreadMessagesNotification && /* @__PURE__ */ import_react175.default.createElement(UnreadMessagesNotification2, { unreadCount: channelUnreadUiState?.unread_messages }), /* @__PURE__ */ import_react175.default.createElement(
+  const dialogManagerId = threadList ? "message-list-dialog-manager-thread" : "message-list-dialog-manager";
+  return /* @__PURE__ */ import_react175.default.createElement(MessageListContextProvider, { value: { listElement, scrollToBottom } }, /* @__PURE__ */ import_react175.default.createElement(MessageListMainPanel2, null, /* @__PURE__ */ import_react175.default.createElement(DialogManagerProvider, { id: dialogManagerId }, !threadList && showUnreadMessagesNotification && /* @__PURE__ */ import_react175.default.createElement(UnreadMessagesNotification2, { unreadCount: channelUnreadUiState?.unread_messages }), /* @__PURE__ */ import_react175.default.createElement(
     "div",
     {
       className: (0, import_clsx38.default)(messageListClass, customClasses?.threadList),
@@ -49547,7 +49554,8 @@ var VirtualizedMessageListWithContext = (props) => {
     };
   }, [highlightedMessageId, processedMessages]);
   if (!processedMessages) return null;
-  return /* @__PURE__ */ import_react185.default.createElement(import_react185.default.Fragment, null, /* @__PURE__ */ import_react185.default.createElement(MessageListMainPanel2, null, /* @__PURE__ */ import_react185.default.createElement(DialogManagerProvider, { id: "virtualized-message-list-dialog-manager" }, !threadList && showUnreadMessagesNotification && /* @__PURE__ */ import_react185.default.createElement(UnreadMessagesNotification2, { unreadCount: channelUnreadUiState?.unread_messages }), /* @__PURE__ */ import_react185.default.createElement("div", { className: customClasses?.virtualizedMessageList || "str-chat__virtual-list" }, /* @__PURE__ */ import_react185.default.createElement(
+  const dialogManagerId = threadList ? "virtualized-message-list-dialog-manager-thread" : "virtualized-message-list-dialog-manager";
+  return /* @__PURE__ */ import_react185.default.createElement(import_react185.default.Fragment, null, /* @__PURE__ */ import_react185.default.createElement(MessageListMainPanel2, null, /* @__PURE__ */ import_react185.default.createElement(DialogManagerProvider, { id: dialogManagerId }, !threadList && showUnreadMessagesNotification && /* @__PURE__ */ import_react185.default.createElement(UnreadMessagesNotification2, { unreadCount: channelUnreadUiState?.unread_messages }), /* @__PURE__ */ import_react185.default.createElement("div", { className: customClasses?.virtualizedMessageList || "str-chat__virtual-list" }, /* @__PURE__ */ import_react185.default.createElement(
     import_react_virtuoso2.Virtuoso,
     {
       atBottomStateChange,
@@ -52354,12 +52362,12 @@ var Thread = (props) => {
     /* @__PURE__ */ import_react221.default.createElement(ThreadInner, { ...props, key: `thread-${(thread ?? threadInstance)?.id}-${channel?.cid}` })
   );
 };
-var selector5 = (nextValue) => [
-  nextValue.replies,
-  nextValue.pagination.isLoadingPrev,
-  nextValue.pagination.isLoadingNext,
-  nextValue.parentMessage
-];
+var selector5 = (nextValue) => ({
+  isLoadingNext: nextValue.pagination.isLoadingNext,
+  isLoadingPrev: nextValue.pagination.isLoadingPrev,
+  parentMessage: nextValue.parentMessage,
+  replies: nextValue.replies
+});
 var ThreadInner = (props) => {
   const {
     additionalMessageInputProps,
@@ -52374,7 +52382,7 @@ var ThreadInner = (props) => {
     virtualized
   } = props;
   const threadInstance = useThreadContext();
-  const [latestReplies, isLoadingPrev, isLoadingNext, parentMessage] = useStateStore(threadInstance?.state, selector5) ?? [];
+  const { isLoadingNext, isLoadingPrev, parentMessage, replies } = useStateStore(threadInstance?.state, selector5) ?? {};
   const {
     thread,
     threadHasMore,
@@ -52406,7 +52414,7 @@ var ThreadInner = (props) => {
     loadingMoreNewer: isLoadingNext,
     loadMore: threadInstance.loadPrevPage,
     loadMoreNewer: threadInstance.loadNextPage,
-    messages: latestReplies
+    messages: replies
   } : {
     hasMore: threadHasMore,
     loadingMore: threadLoadingMore,