@liveblocks/react 3.8.0-next2 → 3.8.0-next3

package/dist/_private.cjs

@@ -25,7 +25,7 @@
 
 
 
-var _chunk45BFK66Kcjs = require('./chunk-45BFK66K.cjs');
+var _chunkOYVPE6CVcjs = require('./chunk-OYVPE6CV.cjs');
 
 // src/lib/use-layout-effect.ts
 var _react = require('react');
@@ -50,7 +50,7 @@ function selectorFor_useGroup(state) {
   };
 }
 function useGroup(groupId) {
-  const client = _chunk45BFK66Kcjs.useClient.call(void 0, );
+  const client = _chunkOYVPE6CVcjs.useClient.call(void 0, );
   const store = client[_core.kInternal].httpClient.groupsStore;
   const getGroupState = _react.useCallback.call(void 0, 
     () => store.getItemState(groupId),
@@ -59,7 +59,7 @@ function useGroup(groupId) {
   _react.useEffect.call(void 0, () => {
     void store.enqueue(groupId);
   }, [store, groupId]);
-  return _chunk45BFK66Kcjs.useSyncExternalStoreWithSelector.call(void 0, 
+  return _chunkOYVPE6CVcjs.useSyncExternalStoreWithSelector.call(void 0, 
     store.subscribe,
     getGroupState,
     getGroupState,
@@ -80,8 +80,8 @@ function normalizeMentionSuggestions(suggestions) {
 function useMentionSuggestions(roomId, search) {
   const [mentionSuggestions, setMentionSuggestions] = _react.useState.call(void 0, );
   const lastInvokedAt = _react.useRef.call(void 0, );
-  const resolveMentionSuggestions = _chunk45BFK66Kcjs.useResolveMentionSuggestions.call(void 0, );
-  const mentionSuggestionsCache = _chunk45BFK66Kcjs.useMentionSuggestionsCache.call(void 0, );
+  const resolveMentionSuggestions = _chunkOYVPE6CVcjs.useResolveMentionSuggestions.call(void 0, );
+  const mentionSuggestionsCache = _chunkOYVPE6CVcjs.useMentionSuggestionsCache.call(void 0, );
   _react.useEffect.call(void 0, () => {
     if (search === void 0 || !resolveMentionSuggestions) {
       return;
@@ -136,7 +136,7 @@ function useMentionSuggestions(roomId, search) {
 
 
 function useSyncSource() {
-  const client = _chunk45BFK66Kcjs.useClient.call(void 0, );
+  const client = _chunkOYVPE6CVcjs.useClient.call(void 0, );
   const createSyncSource = client[_core.kInternal].createSyncSource;
   const [syncSource, setSyncSource] = _react.useState.call(void 0, );
   _react.useEffect.call(void 0, () => {
@@ -176,5 +176,5 @@ function useSyncSource() {
 
 
 
-exports.getUmbrellaStoreForClient = _chunk45BFK66Kcjs.getUmbrellaStoreForClient; exports.useAddRoomCommentReaction = _chunk45BFK66Kcjs.useAddRoomCommentReaction; exports.useClientOrNull = _chunk45BFK66Kcjs.useClientOrNull; exports.useCreateRoomComment = _chunk45BFK66Kcjs.useCreateRoomComment; exports.useCreateRoomThread = _chunk45BFK66Kcjs.useCreateRoomThread; exports.useCreateTextMention = _chunk45BFK66Kcjs.useCreateTextMention; exports.useDeleteRoomComment = _chunk45BFK66Kcjs.useDeleteRoomComment; exports.useDeleteRoomThread = _chunk45BFK66Kcjs.useDeleteRoomThread; exports.useDeleteTextMention = _chunk45BFK66Kcjs.useDeleteTextMention; exports.useEditRoomComment = _chunk45BFK66Kcjs.useEditRoomComment; exports.useEditRoomThreadMetadata = _chunk45BFK66Kcjs.useEditRoomThreadMetadata; exports.useGroup = useGroup; exports.useLatest = _chunk45BFK66Kcjs.useLatest; exports.useLayoutEffect = useLayoutEffect; exports.useMarkRoomThreadAsRead = _chunk45BFK66Kcjs.useMarkRoomThreadAsRead; exports.useMarkRoomThreadAsResolved = _chunk45BFK66Kcjs.useMarkRoomThreadAsResolved; exports.useMarkRoomThreadAsUnresolved = _chunk45BFK66Kcjs.useMarkRoomThreadAsUnresolved; exports.useMentionSuggestions = useMentionSuggestions; exports.useMentionSuggestionsCache = _chunk45BFK66Kcjs.useMentionSuggestionsCache; exports.useRemoveRoomCommentReaction = _chunk45BFK66Kcjs.useRemoveRoomCommentReaction; exports.useReportTextEditor = _chunk45BFK66Kcjs.useReportTextEditor; exports.useResolveMentionSuggestions = _chunk45BFK66Kcjs.useResolveMentionSuggestions; exports.useRoomAttachmentUrl = _chunk45BFK66Kcjs.useRoomAttachmentUrl; exports.useRoomPermissions = _chunk45BFK66Kcjs.useRoomPermissions; exports.useRoomThreadSubscription = _chunk45BFK66Kcjs.useRoomThreadSubscription; exports.useSignal = _chunk45BFK66Kcjs.useSignal; exports.useSyncExternalStoreWithSelector = _chunk45BFK66Kcjs.useSyncExternalStoreWithSelector; exports.useSyncSource = useSyncSource; exports.useYjsProvider = _chunk45BFK66Kcjs.useYjsProvider;
+exports.getUmbrellaStoreForClient = _chunkOYVPE6CVcjs.getUmbrellaStoreForClient; exports.useAddRoomCommentReaction = _chunkOYVPE6CVcjs.useAddRoomCommentReaction; exports.useClientOrNull = _chunkOYVPE6CVcjs.useClientOrNull; exports.useCreateRoomComment = _chunkOYVPE6CVcjs.useCreateRoomComment; exports.useCreateRoomThread = _chunkOYVPE6CVcjs.useCreateRoomThread; exports.useCreateTextMention = _chunkOYVPE6CVcjs.useCreateTextMention; exports.useDeleteRoomComment = _chunkOYVPE6CVcjs.useDeleteRoomComment; exports.useDeleteRoomThread = _chunkOYVPE6CVcjs.useDeleteRoomThread; exports.useDeleteTextMention = _chunkOYVPE6CVcjs.useDeleteTextMention; exports.useEditRoomComment = _chunkOYVPE6CVcjs.useEditRoomComment; exports.useEditRoomThreadMetadata = _chunkOYVPE6CVcjs.useEditRoomThreadMetadata; exports.useGroup = useGroup; exports.useLatest = _chunkOYVPE6CVcjs.useLatest; exports.useLayoutEffect = useLayoutEffect; exports.useMarkRoomThreadAsRead = _chunkOYVPE6CVcjs.useMarkRoomThreadAsRead; exports.useMarkRoomThreadAsResolved = _chunkOYVPE6CVcjs.useMarkRoomThreadAsResolved; exports.useMarkRoomThreadAsUnresolved = _chunkOYVPE6CVcjs.useMarkRoomThreadAsUnresolved; exports.useMentionSuggestions = useMentionSuggestions; exports.useMentionSuggestionsCache = _chunkOYVPE6CVcjs.useMentionSuggestionsCache; exports.useRemoveRoomCommentReaction = _chunkOYVPE6CVcjs.useRemoveRoomCommentReaction; exports.useReportTextEditor = _chunkOYVPE6CVcjs.useReportTextEditor; exports.useResolveMentionSuggestions = _chunkOYVPE6CVcjs.useResolveMentionSuggestions; exports.useRoomAttachmentUrl = _chunkOYVPE6CVcjs.useRoomAttachmentUrl; exports.useRoomPermissions = _chunkOYVPE6CVcjs.useRoomPermissions; exports.useRoomThreadSubscription = _chunkOYVPE6CVcjs.useRoomThreadSubscription; exports.useSignal = _chunkOYVPE6CVcjs.useSignal; exports.useSyncExternalStoreWithSelector = _chunkOYVPE6CVcjs.useSyncExternalStoreWithSelector; exports.useSyncSource = useSyncSource; exports.useYjsProvider = _chunkOYVPE6CVcjs.useYjsProvider;
 //# sourceMappingURL=_private.cjs.map

package/dist/_private.d.cts

@@ -1,5 +1,5 @@
-import { G as GroupAsyncResult } from './room-KGcJBLp4.cjs';
-export { g as getUmbrellaStoreForClient, a as useAddRoomCommentReaction, u as useClientOrNull, b as useCreateRoomComment, c as useCreateRoomThread, d as useCreateTextMention, e as useDeleteRoomComment, f as useDeleteRoomThread, h as useDeleteTextMention, i as useEditRoomComment, j as useEditRoomThreadMetadata, k as useMarkRoomThreadAsRead, l as useMarkRoomThreadAsResolved, m as useMarkRoomThreadAsUnresolved, n as useMentionSuggestionsCache, o as useRemoveRoomCommentReaction, p as useReportTextEditor, q as useResolveMentionSuggestions, r as useRoomAttachmentUrl, s as useRoomPermissions, t as useRoomThreadSubscription, v as useYjsProvider } from './room-KGcJBLp4.cjs';
+import { G as GroupAsyncResult } from './room-C97RX2dB.cjs';
+export { g as getUmbrellaStoreForClient, a as useAddRoomCommentReaction, u as useClientOrNull, b as useCreateRoomComment, c as useCreateRoomThread, d as useCreateTextMention, e as useDeleteRoomComment, f as useDeleteRoomThread, h as useDeleteTextMention, i as useEditRoomComment, j as useEditRoomThreadMetadata, k as useMarkRoomThreadAsRead, l as useMarkRoomThreadAsResolved, m as useMarkRoomThreadAsUnresolved, n as useMentionSuggestionsCache, o as useRemoveRoomCommentReaction, p as useReportTextEditor, q as useResolveMentionSuggestions, r as useRoomAttachmentUrl, s as useRoomPermissions, t as useRoomThreadSubscription, v as useYjsProvider } from './room-C97RX2dB.cjs';
 import { MutableRefObject, useEffect } from 'react';
 import { MentionData, ISignal, SyncSource } from '@liveblocks/core';
 import '@liveblocks/client';

package/dist/_private.d.ts

@@ -1,5 +1,5 @@
-import { G as GroupAsyncResult } from './room-KGcJBLp4.js';
-export { g as getUmbrellaStoreForClient, a as useAddRoomCommentReaction, u as useClientOrNull, b as useCreateRoomComment, c as useCreateRoomThread, d as useCreateTextMention, e as useDeleteRoomComment, f as useDeleteRoomThread, h as useDeleteTextMention, i as useEditRoomComment, j as useEditRoomThreadMetadata, k as useMarkRoomThreadAsRead, l as useMarkRoomThreadAsResolved, m as useMarkRoomThreadAsUnresolved, n as useMentionSuggestionsCache, o as useRemoveRoomCommentReaction, p as useReportTextEditor, q as useResolveMentionSuggestions, r as useRoomAttachmentUrl, s as useRoomPermissions, t as useRoomThreadSubscription, v as useYjsProvider } from './room-KGcJBLp4.js';
+import { G as GroupAsyncResult } from './room-C97RX2dB.js';
+export { g as getUmbrellaStoreForClient, a as useAddRoomCommentReaction, u as useClientOrNull, b as useCreateRoomComment, c as useCreateRoomThread, d as useCreateTextMention, e as useDeleteRoomComment, f as useDeleteRoomThread, h as useDeleteTextMention, i as useEditRoomComment, j as useEditRoomThreadMetadata, k as useMarkRoomThreadAsRead, l as useMarkRoomThreadAsResolved, m as useMarkRoomThreadAsUnresolved, n as useMentionSuggestionsCache, o as useRemoveRoomCommentReaction, p as useReportTextEditor, q as useResolveMentionSuggestions, r as useRoomAttachmentUrl, s as useRoomPermissions, t as useRoomThreadSubscription, v as useYjsProvider } from './room-C97RX2dB.js';
 import { MutableRefObject, useEffect } from 'react';
 import { MentionData, ISignal, SyncSource } from '@liveblocks/core';
 import '@liveblocks/client';

package/dist/_private.js

@@ -25,7 +25,7 @@ import {
   useSignal,
   useSyncExternalStoreWithSelector,
   useYjsProvider
-} from "./chunk-GXPZZIB2.js";
+} from "./chunk-DL5PAL6E.js";
 
 // src/lib/use-layout-effect.ts
 import { useEffect, useLayoutEffect as useOriginalLayoutEffect } from "react";

package/dist/{chunk-CJPXWLYB.js → chunk-2A5VCDEZ.js}

@@ -1,6 +1,6 @@
 // src/version.ts
 var PKG_NAME = "@liveblocks/react";
-var PKG_VERSION = "3.8.0-next2";
+var PKG_VERSION = "3.8.0-next3";
 var PKG_FORMAT = "esm";
 
 // src/ClientSideSuspense.tsx
@@ -20,4 +20,4 @@ export {
   PKG_FORMAT,
   ClientSideSuspense
 };
-//# sourceMappingURL=chunk-CJPXWLYB.js.map
+//# sourceMappingURL=chunk-2A5VCDEZ.js.map

package/dist/{chunk-Z7VZZU63.cjs → chunk-4ZS65AZV.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/version.ts
 var PKG_NAME = "@liveblocks/react";
-var PKG_VERSION = "3.8.0-next2";
+var PKG_VERSION = "3.8.0-next3";
 var PKG_FORMAT = "cjs";
 
 // src/ClientSideSuspense.tsx
@@ -20,4 +20,4 @@ function ClientSideSuspense(props) {
 
 
 exports.PKG_NAME = PKG_NAME; exports.PKG_VERSION = PKG_VERSION; exports.PKG_FORMAT = PKG_FORMAT; exports.ClientSideSuspense = ClientSideSuspense;
-//# sourceMappingURL=chunk-Z7VZZU63.cjs.map
+//# sourceMappingURL=chunk-4ZS65AZV.cjs.map

package/dist/{chunk-Z7VZZU63.cjs.map → chunk-4ZS65AZV.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/liveblocks/liveblocks/packages/liveblocks-react/dist/chunk-Z7VZZU63.cjs","../src/version.ts","../src/ClientSideSuspense.tsx"],"names":[],"mappings":"AAAA;ACGO,IAAM,SAAA,EAAW,mBAAA;AACjB,IAAM,YAAA,EAAiD,aAAA;AACvD,IAAM,WAAA,EAAgD,KAAA;ADD7D;AACA;AEJA,8BAA8C;AAkC1C,+CAAA;AAVG,SAAS,kBAAA,CAAmB,KAAA,EAAc;AAC/C,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,EAAA,EAAI,6BAAA,KAAc,CAAA;AAE5C,EAAA,8BAAA,CAAU,EAAA,GAAM;AAGd,IAAA,UAAA,CAAW,IAAI,CAAA;AAAA,EACjB,CAAA,EAAG,CAAC,CAAC,CAAA;AAEL,EAAA,uBACE,6BAAA,eAAC,EAAA,EAAS,QAAA,EAAU,KAAA,CAAM,QAAA,EACvB,QAAA,EAAA,QAAA,EACG,OAAO,KAAA,CAAM,SAAA,IAAa,WAAA,EACxB,KAAA,CAAM,QAAA,CAAS,EAAA,EACf,KAAA,CAAM,SAAA,EACR,KAAA,CAAM,SAAA,CACZ,CAAA;AAEJ;AF5BA;AACA;AACE;AACA;AACA;AACA;AACF,iJAAC","file":"/home/runner/work/liveblocks/liveblocks/packages/liveblocks-react/dist/chunk-Z7VZZU63.cjs","sourcesContent":[null,"declare const __VERSION__: string;\ndeclare const TSUP_FORMAT: string;\n\nexport const PKG_NAME = \"@liveblocks/react\";\nexport const PKG_VERSION = typeof __VERSION__ === \"string\" && __VERSION__;\nexport const PKG_FORMAT = typeof TSUP_FORMAT === \"string\" && TSUP_FORMAT;\n","import type { ReactNode } from \"react\";\nimport { Suspense, useEffect, useState } from \"react\";\n\ntype Props = {\n  fallback: ReactNode;\n  children: (() => ReactNode | undefined) | ReactNode | undefined;\n};\n\n/**\n * Almost like a normal <Suspense> component, except that for server-side\n * renders, the fallback will be used.\n *\n * The child props will have to be provided in a function, i.e. change:\n *\n *   <Suspense fallback={<Loading />}>\n *     <MyRealComponent a={1} />\n *   </Suspense>\n *\n * To:\n *\n *   <ClientSideSuspense fallback={<Loading />}>\n *     <MyRealComponent a={1} />\n *   </ClientSideSuspense>\n *\n */\nexport function ClientSideSuspense(props: Props) {\n  const [mounted, setMounted] = useState(false);\n\n  useEffect(() => {\n    // Effects are never executed on the server side. The point of this is to\n    // delay the flipping of this boolean until after hydration has happened.\n    setMounted(true);\n  }, []);\n\n  return (\n    <Suspense fallback={props.fallback}>\n      {mounted\n        ? typeof props.children === \"function\"\n          ? props.children()\n          : props.children\n        : props.fallback}\n    </Suspense>\n  );\n}\n"]}
+{"version":3,"sources":["/home/runner/work/liveblocks/liveblocks/packages/liveblocks-react/dist/chunk-4ZS65AZV.cjs","../src/version.ts","../src/ClientSideSuspense.tsx"],"names":[],"mappings":"AAAA;ACGO,IAAM,SAAA,EAAW,mBAAA;AACjB,IAAM,YAAA,EAAiD,aAAA;AACvD,IAAM,WAAA,EAAgD,KAAA;ADD7D;AACA;AEJA,8BAA8C;AAkC1C,+CAAA;AAVG,SAAS,kBAAA,CAAmB,KAAA,EAAc;AAC/C,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,EAAA,EAAI,6BAAA,KAAc,CAAA;AAE5C,EAAA,8BAAA,CAAU,EAAA,GAAM;AAGd,IAAA,UAAA,CAAW,IAAI,CAAA;AAAA,EACjB,CAAA,EAAG,CAAC,CAAC,CAAA;AAEL,EAAA,uBACE,6BAAA,eAAC,EAAA,EAAS,QAAA,EAAU,KAAA,CAAM,QAAA,EACvB,QAAA,EAAA,QAAA,EACG,OAAO,KAAA,CAAM,SAAA,IAAa,WAAA,EACxB,KAAA,CAAM,QAAA,CAAS,EAAA,EACf,KAAA,CAAM,SAAA,EACR,KAAA,CAAM,SAAA,CACZ,CAAA;AAEJ;AF5BA;AACA;AACE;AACA;AACA;AACA;AACF,iJAAC","file":"/home/runner/work/liveblocks/liveblocks/packages/liveblocks-react/dist/chunk-4ZS65AZV.cjs","sourcesContent":[null,"declare const __VERSION__: string;\ndeclare const TSUP_FORMAT: string;\n\nexport const PKG_NAME = \"@liveblocks/react\";\nexport const PKG_VERSION = typeof __VERSION__ === \"string\" && __VERSION__;\nexport const PKG_FORMAT = typeof TSUP_FORMAT === \"string\" && TSUP_FORMAT;\n","import type { ReactNode } from \"react\";\nimport { Suspense, useEffect, useState } from \"react\";\n\ntype Props = {\n  fallback: ReactNode;\n  children: (() => ReactNode | undefined) | ReactNode | undefined;\n};\n\n/**\n * Almost like a normal <Suspense> component, except that for server-side\n * renders, the fallback will be used.\n *\n * The child props will have to be provided in a function, i.e. change:\n *\n *   <Suspense fallback={<Loading />}>\n *     <MyRealComponent a={1} />\n *   </Suspense>\n *\n * To:\n *\n *   <ClientSideSuspense fallback={<Loading />}>\n *     <MyRealComponent a={1} />\n *   </ClientSideSuspense>\n *\n */\nexport function ClientSideSuspense(props: Props) {\n  const [mounted, setMounted] = useState(false);\n\n  useEffect(() => {\n    // Effects are never executed on the server side. The point of this is to\n    // delay the flipping of this boolean until after hydration has happened.\n    setMounted(true);\n  }, []);\n\n  return (\n    <Suspense fallback={props.fallback}>\n      {mounted\n        ? typeof props.children === \"function\"\n          ? props.children()\n          : props.children\n        : props.fallback}\n    </Suspense>\n  );\n}\n"]}

package/dist/{chunk-GXPZZIB2.js → chunk-DL5PAL6E.js}

@@ -172,6 +172,7 @@ import {
   assert,
   console as console2,
   createClient,
+  DefaultMap as DefaultMap2,
   HttpError,
   kInternal as kInternal3,
   makePoller,
@@ -216,21 +217,6 @@ function ASYNC_OK(fieldOrData, data) {
   }
 }
 
-// src/lib/itertools.ts
-function find(it, predicate) {
-  for (const item of it) {
-    if (predicate(item)) return item;
-  }
-  return void 0;
-}
-function count(it, predicate) {
-  let total = 0;
-  for (const item of it) {
-    if (predicate(item)) total++;
-  }
-  return total;
-}
-
 // src/lib/ssr.ts
 function ensureNotServerSide() {
   if (typeof window === "undefined") {
@@ -324,6 +310,14 @@ function autobind(self) {
   } while ((obj = Reflect.getPrototypeOf(obj)) && obj !== Object.prototype);
 }
 
+// src/lib/itertools.ts
+function find(it, predicate) {
+  for (const item of it) {
+    if (predicate(item)) return item;
+  }
+  return void 0;
+}
+
 // src/lib/querying.ts
 import { isStartsWithOperator } from "@liveblocks/core";
 function makeThreadsFilter(query) {
@@ -722,6 +716,21 @@ function createStore_forNotifications() {
     upsert
   };
 }
+function createStore_forUnreadNotificationsCount() {
+  const baseSignal = new MutableSignal3(
+    /* @__PURE__ */ new Map()
+  );
+  function update(queryKey, count) {
+    baseSignal.mutate((lut) => {
+      lut.set(queryKey, count);
+    });
+  }
+  return {
+    signal: DerivedSignal.from(baseSignal, (c) => Object.fromEntries(c)),
+    // Mutations
+    update
+  };
+}
 function createStore_forSubscriptions(updates, threads) {
   const baseSignal = new MutableSignal3(/* @__PURE__ */ new Map());
   function applyDelta(newSubscriptions, deletedSubscriptions) {
@@ -911,6 +920,7 @@ var UmbrellaStore = class {
   roomSubscriptionSettings;
   // prettier-ignore
   historyVersions;
+  unreadNotificationsCount;
   permissionHints;
   notificationSettings;
   optimisticUpdates;
@@ -958,6 +968,7 @@ var UmbrellaStore = class {
       this.optimisticUpdates.signal
     );
     this.historyVersions = createStore_forHistoryVersions();
+    this.unreadNotificationsCount = createStore_forUnreadNotificationsCount();
     const threadifications = DerivedSignal.from(
       this.threads.signal,
       this.notifications.signal,
@@ -1114,6 +1125,35 @@ var UmbrellaStore = class {
         };
       }
     );
+    const unreadNotificationsCount = new DefaultMap(
+      (queryKey) => {
+        const query = JSON.parse(queryKey);
+        const resource = new SinglePageResource(async () => {
+          const result = await this.#client.getUnreadInboxNotificationsCount({
+            query
+          });
+          this.unreadNotificationsCount.update(queryKey, result);
+        });
+        const signal = DerivedSignal.from(
+          () => {
+            const result = resource.get();
+            if (result.isLoading || result.error) {
+              return result;
+            } else {
+              return ASYNC_OK(
+                "count",
+                nn(this.unreadNotificationsCount.signal.get()[queryKey])
+              );
+            }
+          },
+          shallow
+        );
+        return {
+          signal,
+          waitUntilLoaded: resource.waitUntilLoaded
+        };
+      }
+    );
     const roomSubscriptionSettingsByRoomId = new DefaultMap(
       (roomId) => {
         const resource = new SinglePageResource(async () => {
@@ -1262,6 +1302,7 @@ var UmbrellaStore = class {
       loadingUserThreads,
       notifications,
       loadingNotifications,
+      unreadNotificationsCount,
       roomSubscriptionSettingsByRoomId,
       versionsByRoomId,
       notificationSettings,
@@ -1469,6 +1510,14 @@ var UmbrellaStore = class {
       result.subscriptions.deleted
     );
   }
+  async fetchUnreadNotificationsCount(queryKey, signal) {
+    const query = JSON.parse(queryKey);
+    const result = await this.#client.getUnreadInboxNotificationsCount({
+      query,
+      signal
+    });
+    this.unreadNotificationsCount.update(queryKey, result);
+  }
   async fetchRoomThreadsDeltaUpdate(roomId, signal) {
     const lastRequestedAt = this.#roomThreadsLastRequestedAtByRoom.get(roomId);
     if (lastRequestedAt === void 0) {
@@ -1983,16 +2032,10 @@ var _umbrellaStores = /* @__PURE__ */ new WeakMap();
 var _extras = /* @__PURE__ */ new WeakMap();
 var _bundles = /* @__PURE__ */ new WeakMap();
 function selectorFor_useUnreadInboxNotificationsCount(result) {
-  if (!result.inboxNotifications) {
+  if (!("count" in result) || result.count === void 0) {
     return result;
   }
-  return ASYNC_OK(
-    "count",
-    count(
-      result.inboxNotifications,
-      (n) => n.readAt === null || n.readAt < n.notifiedAt
-    )
-  );
+  return ASYNC_OK("count", result.count);
 }
 function selectorFor_useUser(state, userId) {
   if (state === void 0 || state?.isLoading) {
@@ -2091,6 +2134,22 @@ function makeLiveblocksExtrasForClient(client) {
     config.NOTIFICATIONS_POLL_INTERVAL,
     { maxStaleTimeMs: config.NOTIFICATIONS_MAX_STALE_TIME }
   );
+  const unreadNotificationsCountPollersByQueryKey = new DefaultMap2(
+    (queryKey) => makePoller(
+      async (signal) => {
+        try {
+          return await store.fetchUnreadNotificationsCount(queryKey, signal);
+        } catch (err) {
+          console2.warn(
+            `Polling unread inbox notifications countfailed: ${String(err)}`
+          );
+          throw err;
+        }
+      },
+      config.NOTIFICATIONS_POLL_INTERVAL,
+      { maxStaleTimeMs: config.NOTIFICATIONS_MAX_STALE_TIME }
+    )
+  );
   const userThreadsPoller = makePoller(
     async (signal) => {
       try {
@@ -2121,7 +2180,8 @@ function makeLiveblocksExtrasForClient(client) {
     store,
     notificationsPoller,
     userThreadsPoller,
-    notificationSettingsPoller
+    notificationSettingsPoller,
+    unreadNotificationsCountPollersByQueryKey
   };
 }
 function makeLiveblocksContextBundle(client) {
@@ -2225,11 +2285,31 @@ function useInboxNotificationsSuspense_withClient(client, options) {
   return result;
 }
 function useUnreadInboxNotificationsCount_withClient(client, options) {
-  return useInboxNotifications_withClient(
-    client,
+  const { store, unreadNotificationsCountPollersByQueryKey: pollers } = getLiveblocksExtrasForClient(client);
+  const queryKey = makeInboxNotificationsQueryKey(options?.query);
+  const poller = pollers.getOrCreate(queryKey);
+  useEffect4(
+    () => void store.outputs.unreadNotificationsCount.getOrCreate(queryKey).waitUntilLoaded()
+    // NOTE: Deliberately *not* using a dependency array here!
+    //
+    // It is important to call waitUntil on *every* render.
+    // This is harmless though, on most renders, except:
+    // 1. The very first render, in which case we'll want to trigger the initial page fetch.
+    // 2. All other subsequent renders now "just" return the same promise (a quick operation).
+    // 3. If ever the promise would fail, then after 5 seconds it would reset, and on the very
+    //    *next* render after that, a *new* fetch/promise will get created.
+  );
+  useEffect4(() => {
+    poller.inc();
+    poller.pollNowIfStale();
+    return () => {
+      poller.dec();
+    };
+  }, [poller]);
+  return useSignal(
+    store.outputs.unreadNotificationsCount.getOrCreate(queryKey).signal,
     selectorFor_useUnreadInboxNotificationsCount,
-    shallow3,
-    options
+    shallow3
   );
 }
 function useUnreadInboxNotificationsCountSuspense_withClient(client, options) {
@@ -2237,7 +2317,7 @@ function useUnreadInboxNotificationsCountSuspense_withClient(client, options) {
   const store = getLiveblocksExtrasForClient(client).store;
   const queryKey = makeInboxNotificationsQueryKey(options?.query);
   use(
-    store.outputs.loadingNotifications.getOrCreate(queryKey).waitUntilLoaded()
+    store.outputs.unreadNotificationsCount.getOrCreate(queryKey).waitUntilLoaded()
   );
   const result = useUnreadInboxNotificationsCount_withClient(client, options);
   assert(!result.isLoading, "Did not expect loading");
@@ -2247,7 +2327,7 @@ function useUnreadInboxNotificationsCountSuspense_withClient(client, options) {
 function useMarkInboxNotificationAsRead_withClient(client) {
   return useCallback2(
     (inboxNotificationId) => {
-      const { store } = getLiveblocksExtrasForClient(client);
+      const { store, unreadNotificationsCountPollersByQueryKey } = getLiveblocksExtrasForClient(client);
       const readAt = /* @__PURE__ */ new Date();
       const optimisticId = store.optimisticUpdates.add({
         type: "mark-inbox-notification-as-read",
@@ -2261,6 +2341,10 @@ function useMarkInboxNotificationAsRead_withClient(client) {
             readAt,
             optimisticId
           );
+          for (const poller of unreadNotificationsCountPollersByQueryKey.values()) {
+            poller.markAsStale();
+            poller.pollNowIfStale();
+          }
         },
         (err) => {
           store.optimisticUpdates.remove(optimisticId);
@@ -2279,7 +2363,7 @@ function useMarkInboxNotificationAsRead_withClient(client) {
 }
 function useMarkAllInboxNotificationsAsRead_withClient(client) {
   return useCallback2(() => {
-    const { store } = getLiveblocksExtrasForClient(client);
+    const { store, unreadNotificationsCountPollersByQueryKey } = getLiveblocksExtrasForClient(client);
     const readAt = /* @__PURE__ */ new Date();
     const optimisticId = store.optimisticUpdates.add({
       type: "mark-all-inbox-notifications-as-read",
@@ -2288,6 +2372,10 @@ function useMarkAllInboxNotificationsAsRead_withClient(client) {
     client.markAllInboxNotificationsAsRead().then(
       () => {
         store.markAllInboxNotificationsRead(optimisticId, readAt);
+        for (const poller of unreadNotificationsCountPollersByQueryKey.values()) {
+          poller.markAsStale();
+          poller.pollNowIfStale();
+        }
       },
       (err) => {
         store.optimisticUpdates.remove(optimisticId);
@@ -2303,7 +2391,7 @@ function useMarkAllInboxNotificationsAsRead_withClient(client) {
 function useDeleteInboxNotification_withClient(client) {
   return useCallback2(
     (inboxNotificationId) => {
-      const { store } = getLiveblocksExtrasForClient(client);
+      const { store, unreadNotificationsCountPollersByQueryKey } = getLiveblocksExtrasForClient(client);
       const deletedAt = /* @__PURE__ */ new Date();
       const optimisticId = store.optimisticUpdates.add({
         type: "delete-inbox-notification",
@@ -2313,6 +2401,10 @@ function useDeleteInboxNotification_withClient(client) {
       client.deleteInboxNotification(inboxNotificationId).then(
         () => {
           store.deleteInboxNotification(inboxNotificationId, optimisticId);
+          for (const poller of unreadNotificationsCountPollersByQueryKey.values()) {
+            poller.markAsStale();
+            poller.pollNowIfStale();
+          }
         },
         (err) => {
           store.optimisticUpdates.remove(optimisticId);
@@ -2328,7 +2420,7 @@ function useDeleteInboxNotification_withClient(client) {
 }
 function useDeleteAllInboxNotifications_withClient(client) {
   return useCallback2(() => {
-    const { store } = getLiveblocksExtrasForClient(client);
+    const { store, unreadNotificationsCountPollersByQueryKey } = getLiveblocksExtrasForClient(client);
     const deletedAt = /* @__PURE__ */ new Date();
     const optimisticId = store.optimisticUpdates.add({
       type: "delete-all-inbox-notifications",
@@ -2337,6 +2429,10 @@ function useDeleteAllInboxNotifications_withClient(client) {
     client.deleteAllInboxNotifications().then(
       () => {
         store.deleteAllInboxNotifications(optimisticId);
+        for (const poller of unreadNotificationsCountPollersByQueryKey.values()) {
+          poller.markAsStale();
+          poller.pollNowIfStale();
+        }
       },
       (err) => {
         store.optimisticUpdates.remove(optimisticId);
@@ -3103,7 +3199,7 @@ import {
   console as console3,
   createCommentId,
   createThreadId,
-  DefaultMap as DefaultMap2,
+  DefaultMap as DefaultMap3,
   errorIf,
   getSubscriptionKey as getSubscriptionKey2,
   HttpError as HttpError2,
@@ -3237,7 +3333,7 @@ function makeRoomExtrasForClient(client) {
       throw innerError;
     }
   }
-  const threadsPollersByRoomId = new DefaultMap2(
+  const threadsPollersByRoomId = new DefaultMap3(
     (roomId) => makePoller2(
       async (signal) => {
         try {
@@ -3251,7 +3347,7 @@ function makeRoomExtrasForClient(client) {
       { maxStaleTimeMs: config.ROOM_THREADS_MAX_STALE_TIME }
     )
   );
-  const versionsPollersByRoomId = new DefaultMap2(
+  const versionsPollersByRoomId = new DefaultMap3(
     (roomId) => makePoller2(
       async (signal) => {
         try {
@@ -3265,7 +3361,7 @@ function makeRoomExtrasForClient(client) {
       { maxStaleTimeMs: config.HISTORY_VERSIONS_MAX_STALE_TIME }
     )
   );
-  const roomSubscriptionSettingsPollersByRoomId = new DefaultMap2(
+  const roomSubscriptionSettingsPollersByRoomId = new DefaultMap3(
     (roomId) => makePoller2(
       async (signal) => {
         try {
@@ -4838,4 +4934,4 @@ export {
   _useStorageRoot,
   _useUpdateMyPresence
 };
-//# sourceMappingURL=chunk-GXPZZIB2.js.map
+//# sourceMappingURL=chunk-DL5PAL6E.js.map