@liveblocks/react 2.17.0-rc1 → 2.17.0-usrnotsettings1

package/dist/_private.d.mts

@@ -1,4 +1,4 @@
-export { g as getUmbrellaStoreForClient, b as useAddRoomCommentReaction, a as useClientOrNull, c as useCreateRoomComment, d as useCreateRoomThread, e as useCreateTextMention, f as useDeleteRoomComment, h as useDeleteRoomThread, i as useDeleteTextMention, j as useEditRoomComment, k as useEditRoomThreadMetadata, l as useMarkRoomThreadAsRead, m as useMarkRoomThreadAsResolved, n as useMarkRoomThreadAsUnresolved, o as useMentionSuggestionsCache, p as useRemoveRoomCommentReaction, q as useReportTextEditor, r as useResolveMentionSuggestions, s as useRoomAttachmentUrl, u as useRoomOrNull, t as useRoomPermissions, v as useYjsProvider } from './room-Ce3twcjb.mjs';
+export { g as getUmbrellaStoreForClient, b as useAddRoomCommentReaction, a as useClientOrNull, c as useCreateRoomComment, d as useCreateRoomThread, e as useCreateTextMention, f as useDeleteRoomComment, h as useDeleteRoomThread, i as useDeleteTextMention, j as useEditRoomComment, k as useEditRoomThreadMetadata, l as useMarkRoomThreadAsRead, m as useMarkRoomThreadAsResolved, n as useMarkRoomThreadAsUnresolved, o as useMentionSuggestionsCache, p as useRemoveRoomCommentReaction, q as useReportTextEditor, r as useResolveMentionSuggestions, s as useRoomAttachmentUrl, u as useRoomOrNull, t as useRoomPermissions, v as useYjsProvider } from './room-DlI0Yrzf.mjs';
 import { useLayoutEffect as useLayoutEffect$1 } from 'react';
 import { ISignal, SyncSource } from '@liveblocks/core';
 import '@liveblocks/client';

package/dist/_private.d.ts

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

package/dist/_private.js

@@ -24,7 +24,7 @@
 
 
 
-var _chunkJ5ZDLMBEjs = require('./chunk-J5ZDLMBE.js');
+var _chunk4F7C4HN7js = require('./chunk-4F7C4HN7.js');
 
 // src/lib/use-layout-effect.ts
 var _react = require('react');
@@ -37,8 +37,8 @@ var MENTION_SUGGESTIONS_DEBOUNCE = 500;
 function useMentionSuggestions(roomId, search) {
   const [mentionSuggestions, setMentionSuggestions] = _react.useState.call(void 0, );
   const lastInvokedAt = _react.useRef.call(void 0, );
-  const resolveMentionSuggestions = _chunkJ5ZDLMBEjs.useResolveMentionSuggestions.call(void 0, );
-  const mentionSuggestionsCache = _chunkJ5ZDLMBEjs.useMentionSuggestionsCache.call(void 0, );
+  const resolveMentionSuggestions = _chunk4F7C4HN7js.useResolveMentionSuggestions.call(void 0, );
+  const mentionSuggestionsCache = _chunk4F7C4HN7js.useMentionSuggestionsCache.call(void 0, );
   _react.useEffect.call(void 0, () => {
     if (search === void 0 || !resolveMentionSuggestions) {
       return;
@@ -87,7 +87,7 @@ function useMentionSuggestions(roomId, search) {
 
 
 function useSyncSource() {
-  const client = _chunkJ5ZDLMBEjs.useClient.call(void 0, );
+  const client = _chunk4F7C4HN7js.useClient.call(void 0, );
   const createSyncSource = client[_core.kInternal].createSyncSource;
   const [syncSource, setSyncSource] = _react.useState.call(void 0, );
   _react.useEffect.call(void 0, () => {
@@ -125,5 +125,5 @@ function useSyncSource() {
 
 
 
-exports.getUmbrellaStoreForClient = _chunkJ5ZDLMBEjs.getUmbrellaStoreForClient; exports.useAddRoomCommentReaction = _chunkJ5ZDLMBEjs.useAddRoomCommentReaction; exports.useClientOrNull = _chunkJ5ZDLMBEjs.useClientOrNull; exports.useCreateRoomComment = _chunkJ5ZDLMBEjs.useCreateRoomComment; exports.useCreateRoomThread = _chunkJ5ZDLMBEjs.useCreateRoomThread; exports.useCreateTextMention = _chunkJ5ZDLMBEjs.useCreateTextMention; exports.useDeleteRoomComment = _chunkJ5ZDLMBEjs.useDeleteRoomComment; exports.useDeleteRoomThread = _chunkJ5ZDLMBEjs.useDeleteRoomThread; exports.useDeleteTextMention = _chunkJ5ZDLMBEjs.useDeleteTextMention; exports.useEditRoomComment = _chunkJ5ZDLMBEjs.useEditRoomComment; exports.useEditRoomThreadMetadata = _chunkJ5ZDLMBEjs.useEditRoomThreadMetadata; exports.useLayoutEffect = useLayoutEffect; exports.useMarkRoomThreadAsRead = _chunkJ5ZDLMBEjs.useMarkRoomThreadAsRead; exports.useMarkRoomThreadAsResolved = _chunkJ5ZDLMBEjs.useMarkRoomThreadAsResolved; exports.useMarkRoomThreadAsUnresolved = _chunkJ5ZDLMBEjs.useMarkRoomThreadAsUnresolved; exports.useMentionSuggestions = useMentionSuggestions; exports.useMentionSuggestionsCache = _chunkJ5ZDLMBEjs.useMentionSuggestionsCache; exports.useRemoveRoomCommentReaction = _chunkJ5ZDLMBEjs.useRemoveRoomCommentReaction; exports.useReportTextEditor = _chunkJ5ZDLMBEjs.useReportTextEditor; exports.useResolveMentionSuggestions = _chunkJ5ZDLMBEjs.useResolveMentionSuggestions; exports.useRoomAttachmentUrl = _chunkJ5ZDLMBEjs.useRoomAttachmentUrl; exports.useRoomOrNull = _chunkJ5ZDLMBEjs.useRoomOrNull; exports.useRoomPermissions = _chunkJ5ZDLMBEjs.useRoomPermissions; exports.useSignal = _chunkJ5ZDLMBEjs.useSignal; exports.useSyncExternalStoreWithSelector = _chunkJ5ZDLMBEjs.useSyncExternalStoreWithSelector; exports.useSyncSource = useSyncSource; exports.useYjsProvider = _chunkJ5ZDLMBEjs.useYjsProvider;
+exports.getUmbrellaStoreForClient = _chunk4F7C4HN7js.getUmbrellaStoreForClient; exports.useAddRoomCommentReaction = _chunk4F7C4HN7js.useAddRoomCommentReaction; exports.useClientOrNull = _chunk4F7C4HN7js.useClientOrNull; exports.useCreateRoomComment = _chunk4F7C4HN7js.useCreateRoomComment; exports.useCreateRoomThread = _chunk4F7C4HN7js.useCreateRoomThread; exports.useCreateTextMention = _chunk4F7C4HN7js.useCreateTextMention; exports.useDeleteRoomComment = _chunk4F7C4HN7js.useDeleteRoomComment; exports.useDeleteRoomThread = _chunk4F7C4HN7js.useDeleteRoomThread; exports.useDeleteTextMention = _chunk4F7C4HN7js.useDeleteTextMention; exports.useEditRoomComment = _chunk4F7C4HN7js.useEditRoomComment; exports.useEditRoomThreadMetadata = _chunk4F7C4HN7js.useEditRoomThreadMetadata; exports.useLayoutEffect = useLayoutEffect; exports.useMarkRoomThreadAsRead = _chunk4F7C4HN7js.useMarkRoomThreadAsRead; exports.useMarkRoomThreadAsResolved = _chunk4F7C4HN7js.useMarkRoomThreadAsResolved; exports.useMarkRoomThreadAsUnresolved = _chunk4F7C4HN7js.useMarkRoomThreadAsUnresolved; exports.useMentionSuggestions = useMentionSuggestions; exports.useMentionSuggestionsCache = _chunk4F7C4HN7js.useMentionSuggestionsCache; exports.useRemoveRoomCommentReaction = _chunk4F7C4HN7js.useRemoveRoomCommentReaction; exports.useReportTextEditor = _chunk4F7C4HN7js.useReportTextEditor; exports.useResolveMentionSuggestions = _chunk4F7C4HN7js.useResolveMentionSuggestions; exports.useRoomAttachmentUrl = _chunk4F7C4HN7js.useRoomAttachmentUrl; exports.useRoomOrNull = _chunk4F7C4HN7js.useRoomOrNull; exports.useRoomPermissions = _chunk4F7C4HN7js.useRoomPermissions; exports.useSignal = _chunk4F7C4HN7js.useSignal; exports.useSyncExternalStoreWithSelector = _chunk4F7C4HN7js.useSyncExternalStoreWithSelector; exports.useSyncSource = useSyncSource; exports.useYjsProvider = _chunk4F7C4HN7js.useYjsProvider;
 //# sourceMappingURL=_private.js.map

package/dist/_private.mjs

@@ -24,7 +24,7 @@ import {
   useSignal,
   useSyncExternalStoreWithSelector,
   useYjsProvider
-} from "./chunk-4KNGHD4I.mjs";
+} from "./chunk-LOPNJCSB.mjs";
 
 // src/lib/use-layout-effect.ts
 import { useEffect, useLayoutEffect as useOriginalLayoutEffect } from "react";

package/dist/{chunk-J5ZDLMBE.js → chunk-4F7C4HN7.js}

@@ -130,7 +130,9 @@ var config = {
   HISTORY_VERSIONS_POLL_INTERVAL: 1 * MINUTES,
   HISTORY_VERSIONS_MAX_STALE_TIME: 5 * SECONDS,
   NOTIFICATION_SETTINGS_POLL_INTERVAL: 1 * MINUTES,
-  NOTIFICATION_SETTINGS_MAX_STALE_TIME: 5 * SECONDS
+  NOTIFICATION_SETTINGS_MAX_STALE_TIME: 5 * SECONDS,
+  USER_NOTIFICATION_SETTINGS_INTERVAL: 5 * MINUTES,
+  USER_NOTIFICATION_SETTINGS_MAX_STALE_TIME: 1 * MINUTES
 };
 
 // src/lib/AsyncResult.ts
@@ -159,15 +161,6 @@ function count(it, predicate) {
   return total;
 }
 
-// src/lib/ssr.ts
-function ensureNotServerSide() {
-  if (typeof window === "undefined") {
-    throw new Error(
-      "You cannot use the Suspense version of Liveblocks hooks server side. Make sure to only call them client side by using a ClientSideSuspense wrapper.\nFor tips, see https://liveblocks.io/docs/api-reference/liveblocks-react#ClientSideSuspense"
-    );
-  }
-}
-
 // src/lib/use-initial.ts
 
 
@@ -242,6 +235,8 @@ var use = (
 
 
 
+
+
 // src/lib/autobind.ts
 function autobind(self) {
   const seen = /* @__PURE__ */ new Set();
@@ -251,7 +246,7 @@ function autobind(self) {
     for (const key of Reflect.ownKeys(obj)) {
       if (seen.has(key)) continue;
       const descriptor = Reflect.getOwnPropertyDescriptor(obj, key);
-      if (typeof _optionalChain([descriptor, 'optionalAccess', _ => _.value]) === "function") {
+      if (typeof _optionalChain([descriptor, 'optionalAccess', _2 => _2.value]) === "function") {
         seen.add(key);
         self[key] = self[key].bind(self);
       }
@@ -351,7 +346,7 @@ var ThreadDB = class _ThreadDB {
   /** Returns an existing thread by ID. Will never return a deleted thread. */
   get(threadId) {
     const thread = this.getEvenIfDeleted(threadId);
-    return _optionalChain([thread, 'optionalAccess', _2 => _2.deletedAt]) ? void 0 : thread;
+    return _optionalChain([thread, 'optionalAccess', _3 => _3.deletedAt]) ? void 0 : thread;
   }
   /** Returns the (possibly deleted) thread by ID. */
   getEvenIfDeleted(threadId) {
@@ -477,7 +472,7 @@ var PaginatedResource = class {
   }
   async #fetchMore() {
     const state = this.#signal.get();
-    if (!_optionalChain([state, 'access', _3 => _3.data, 'optionalAccess', _4 => _4.cursor]) || state.data.isFetchingMore) {
+    if (!_optionalChain([state, 'access', _4 => _4.data, 'optionalAccess', _5 => _5.cursor]) || state.data.isFetchingMore) {
       return;
     }
     this.#patch({ isFetchingMore: true });
@@ -498,7 +493,7 @@ var PaginatedResource = class {
   }
   fetchMore() {
     const state = this.#signal.get();
-    if (!_optionalChain([state, 'access', _5 => _5.data, 'optionalAccess', _6 => _6.cursor])) return noop2;
+    if (!_optionalChain([state, 'access', _6 => _6.data, 'optionalAccess', _7 => _7.cursor])) return noop2;
     if (!this.#pendingFetchMore) {
       this.#pendingFetchMore = this.#fetchMore().finally(() => {
         this.#pendingFetchMore = null;
@@ -723,6 +718,26 @@ function createStore_forPermissionHints() {
     update
   };
 }
+function createStore_forUserNotificationSettings(updates) {
+  const signal = new (0, _core.Signal)({});
+  function update(settings) {
+    signal.set((prevSettings) => {
+      return {
+        ...prevSettings,
+        ...settings
+      };
+    });
+  }
+  return {
+    signal: _core.DerivedSignal.from(
+      signal,
+      updates,
+      (base, updates2) => applyOptimisticUpdates_forUserNotificationSettings(base, updates2)
+    ),
+    // Mutations
+    update
+  };
+}
 function createStore_forOptimistic(client) {
   const signal = new (0, _core.Signal)([]);
   const syncSource = client[_core.kInternal].createSyncSource();
@@ -762,9 +777,11 @@ var UmbrellaStore = class {
   //          \                          | |                 | |    & notifications by ID
   //         | \                         | |      Apply      | |
   //         |   `-> OptimisticUpdates --+--+--> Optimistic --+-+--> Notification Settings    (Part 2)
-  //          \                          |        Updates       |
-  //           `------- etc etc ---------+                      +--> History Versions         (Part 3)
-  //                       ^
+  //          \                          |        Updates    |  |
+  //           `------- etc etc ---------+                   |  +--> History Versions         (Part 3)
+  //                       ^                                 |
+  //                       |                                 +-----> Channels Notification Settings (Part 4)
+  //                       |
   //                       |
   //                       |                        ^                  ^
   //                    Signal                      |                  |
@@ -786,6 +803,7 @@ var UmbrellaStore = class {
   
   
   
+  
   //
   // Output signals.
   // (Readonly, clean, consistent. With optimistic updates applied.)
@@ -805,6 +823,8 @@ var UmbrellaStore = class {
   #userThreadsLastRequestedAt = null;
   // Room versions
   #roomVersionsLastRequestedAtByRoom = /* @__PURE__ */ new Map();
+  // User Notification Settings
+  #userNotificationSettings;
   constructor(client) {
     this.#client = client[_core.kInternal].as();
     this.optimisticUpdates = createStore_forOptimistic(this.#client);
@@ -820,6 +840,16 @@ var UmbrellaStore = class {
         return nextCursor;
       }
     );
+    const channelsNotificationSettingsFetcher = async () => {
+      const result = await this.#client.getNotificationSettings();
+      this.userNotificationSettings.update(result);
+    };
+    this.userNotificationSettings = createStore_forUserNotificationSettings(
+      this.optimisticUpdates.signal
+    );
+    this.#userNotificationSettings = new SinglePageResource(
+      channelsNotificationSettingsFetcher
+    );
     this.threads = new ThreadDB();
     this.notifications = createStore_forNotifications();
     this.roomNotificationSettings = createStore_forRoomNotificationSettings(
@@ -997,6 +1027,19 @@ var UmbrellaStore = class {
         return { signal, waitUntilLoaded: resource.waitUntilLoaded };
       }
     );
+    const userNotificationSettings = {
+      signal: _core.DerivedSignal.from(() => {
+        const result = this.#userNotificationSettings.get();
+        if (result.isLoading || result.error) {
+          return result;
+        }
+        return ASYNC_OK(
+          "settings",
+          _core.nn.call(void 0, this.userNotificationSettings.signal.get())
+        );
+      }, _core.shallow),
+      waitUntilLoaded: this.#userNotificationSettings.waitUntilLoaded
+    };
     this.outputs = {
       threadifications,
       threads,
@@ -1005,7 +1048,8 @@ var UmbrellaStore = class {
       notifications,
       loadingNotifications,
       settingsByRoomId,
-      versionsByRoomId
+      versionsByRoomId,
+      userNotificationSettings
     };
     autobind(this);
   }
@@ -1250,6 +1294,25 @@ var UmbrellaStore = class {
     const result = await room.getNotificationSettings({ signal });
     this.roomNotificationSettings.update(roomId, result);
   }
+  /**
+   * Refresh User Notification Settings from poller
+   */
+  async refreshUserNotificationSettings(signal) {
+    const result = await this.#client.getNotificationSettings({
+      signal
+    });
+    this.userNotificationSettings.update(result);
+  }
+  /**
+   * Updates user notification settings with a new value, replacing the
+   * corresponding optimistic update.
+   */
+  updateUserNotificationSettings_confirmOptimisticUpdate(settings, optimisticUpdateId) {
+    _core.batch.call(void 0, () => {
+      this.optimisticUpdates.remove(optimisticUpdateId);
+      this.userNotificationSettings.update(settings);
+    });
+  }
 };
 function applyOptimisticUpdates_forThreadifications(baseThreadsDB, notificationsLUT, optimisticUpdates) {
   const threadsDB = baseThreadsDB.clone();
@@ -1424,6 +1487,33 @@ function applyOptimisticUpdates_forSettings(settingsLUT, optimisticUpdates) {
   }
   return settingsByRoomId;
 }
+function applyOptimisticUpdates_forUserNotificationSettings(baseSettings, optimisticUpdates) {
+  const outcomingSettings = { ...baseSettings };
+  for (const optimisticUpdate of optimisticUpdates) {
+    switch (optimisticUpdate.type) {
+      case "update-user-notification-settings": {
+        const incomingSettings = optimisticUpdate.settings;
+        for (const channelKey of _core.keys.call(void 0, incomingSettings)) {
+          const key = channelKey;
+          const channelUpdates = incomingSettings[key];
+          if (channelUpdates) {
+            const realChannelUpdates = Object.fromEntries(
+              _core.entries.call(void 0, channelUpdates).filter(
+                ([_, value]) => value !== void 0
+              )
+            );
+            outcomingSettings[key] = {
+              ...outcomingSettings[key],
+              ...realChannelUpdates
+            };
+          }
+        }
+        break;
+      }
+    }
+  }
+  return outcomingSettings;
+}
 function compareInboxNotifications(inboxNotificationA, inboxNotificationB) {
   if (inboxNotificationA.notifiedAt > inboxNotificationB.notifiedAt) {
     return 1;
@@ -1473,7 +1563,7 @@ function applyUpsertComment(thread, comment) {
       updatedAt: new Date(
         Math.max(
           thread.updatedAt.getTime(),
-          _optionalChain([comment, 'access', _7 => _7.editedAt, 'optionalAccess', _8 => _8.getTime, 'call', _9 => _9()]) || comment.createdAt.getTime()
+          _optionalChain([comment, 'access', _8 => _8.editedAt, 'optionalAccess', _9 => _9.getTime, 'call', _10 => _10()]) || comment.createdAt.getTime()
         )
       ),
       comments: updatedComments
@@ -1632,7 +1722,7 @@ function selectorFor_useUnreadInboxNotificationsCount(result) {
   );
 }
 function selectorFor_useUser(state, userId) {
-  if (state === void 0 || _optionalChain([state, 'optionalAccess', _10 => _10.isLoading])) {
+  if (state === void 0 || _optionalChain([state, 'optionalAccess', _11 => _11.isLoading])) {
     return _nullishCoalesce(state, () => ( { isLoading: true }));
   }
   if (state.error) {
@@ -1650,7 +1740,7 @@ function selectorFor_useUser(state, userId) {
   };
 }
 function selectorFor_useRoomInfo(state, roomId) {
-  if (state === void 0 || _optionalChain([state, 'optionalAccess', _11 => _11.isLoading])) {
+  if (state === void 0 || _optionalChain([state, 'optionalAccess', _12 => _12.isLoading])) {
     return _nullishCoalesce(state, () => ( { isLoading: true }));
   }
   if (state.error) {
@@ -1717,10 +1807,25 @@ function makeLiveblocksExtrasForClient(client) {
     config.USER_THREADS_POLL_INTERVAL,
     { maxStaleTimeMs: config.USER_THREADS_MAX_STALE_TIME }
   );
+  const userNotificationSettingsPoller = _core.makePoller.call(void 0, 
+    async (signal) => {
+      try {
+        return await store.refreshUserNotificationSettings(signal);
+      } catch (err) {
+        console.warn(
+          `Polling new user notification settings failed: ${String(err)}`
+        );
+        throw err;
+      }
+    },
+    config.USER_NOTIFICATION_SETTINGS_INTERVAL,
+    { maxStaleTimeMs: config.USER_NOTIFICATION_SETTINGS_MAX_STALE_TIME }
+  );
   return {
     store,
     notificationsPoller,
-    userThreadsPoller
+    userThreadsPoller,
+    userNotificationSettingsPoller
   };
 }
 function makeLiveblocksContextBundle(client) {
@@ -1729,6 +1834,7 @@ function makeLiveblocksContextBundle(client) {
   const useMarkAllInboxNotificationsAsRead2 = () => useMarkAllInboxNotificationsAsRead_withClient(client);
   const useDeleteInboxNotification2 = () => useDeleteInboxNotification_withClient(client);
   const useDeleteAllInboxNotifications2 = () => useDeleteAllInboxNotifications_withClient(client);
+  const useUpdateNotificationSettings2 = () => useUpdateNotificationSettings_withClient(client);
   function LiveblocksProvider2(props) {
     useEnsureNoLiveblocksProvider();
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ClientContext.Provider, { value: client, children: props.children });
@@ -1742,6 +1848,8 @@ function makeLiveblocksContextBundle(client) {
     useMarkAllInboxNotificationsAsRead: useMarkAllInboxNotificationsAsRead2,
     useDeleteInboxNotification: useDeleteInboxNotification2,
     useDeleteAllInboxNotifications: useDeleteAllInboxNotifications2,
+    useNotificationSettings: () => useNotificationSettings_withClient(client),
+    useUpdateNotificationSettings: useUpdateNotificationSettings2,
     useInboxNotificationThread: useInboxNotificationThread2,
     useUserThreads_experimental,
     ...shared.classic,
@@ -1754,6 +1862,8 @@ function makeLiveblocksContextBundle(client) {
       useDeleteInboxNotification: useDeleteInboxNotification2,
       useDeleteAllInboxNotifications: useDeleteAllInboxNotifications2,
       useInboxNotificationThread: useInboxNotificationThread2,
+      useNotificationSettings: () => useNotificationSettingsSuspense_withClient(client),
+      useUpdateNotificationSettings: useUpdateNotificationSettings2,
       useUserThreads_experimental: useUserThreadsSuspense_experimental,
       ...shared.suspense
     }
@@ -1787,7 +1897,6 @@ function useInboxNotifications_withClient(client, selector, isEqual) {
   );
 }
 function useInboxNotificationsSuspense_withClient(client) {
-  ensureNotServerSide();
   const store = getLiveblocksExtrasForClient(client).store;
   use(store.outputs.loadingNotifications.waitUntilLoaded());
   const result = useInboxNotifications_withClient(client, identity2, _core.shallow);
@@ -1803,7 +1912,6 @@ function useUnreadInboxNotificationsCount_withClient(client) {
   );
 }
 function useUnreadInboxNotificationsCountSuspense_withClient(client) {
-  ensureNotServerSide();
   const store = getLiveblocksExtrasForClient(client).store;
   use(store.outputs.loadingNotifications.waitUntilLoaded());
   const result = useUnreadInboxNotificationsCount_withClient(client);
@@ -1938,6 +2046,57 @@ function useInboxNotificationThread_withClient(client, inboxNotificationId) {
     )
   );
 }
+function useUpdateNotificationSettings_withClient(client) {
+  return _react.useCallback.call(void 0, 
+    (settings) => {
+      const { store } = getLiveblocksExtrasForClient(client);
+      const optimisticUpdateId = store.optimisticUpdates.add({
+        type: "update-user-notification-settings",
+        settings
+      });
+      client.updateNotificationSettings(settings).then(
+        (settings2) => {
+          store.updateUserNotificationSettings_confirmOptimisticUpdate(
+            settings2,
+            optimisticUpdateId
+          );
+        },
+        () => {
+          store.optimisticUpdates.remove(optimisticUpdateId);
+        }
+      );
+    },
+    [client]
+  );
+}
+function useNotificationSettings_withClient(client) {
+  const updateNotificationSettings = useUpdateNotificationSettings_withClient(client);
+  const { store, userNotificationSettingsPoller: poller } = getLiveblocksExtrasForClient(client);
+  _react.useEffect.call(void 0, () => {
+    void store.outputs.userNotificationSettings.waitUntilLoaded();
+  });
+  _react.useEffect.call(void 0, () => {
+    poller.inc();
+    poller.pollNowIfStale();
+    return () => {
+      poller.dec();
+    };
+  }, [poller]);
+  const settings = useSignal(store.outputs.userNotificationSettings.signal);
+  return _react.useMemo.call(void 0, () => {
+    return [settings, updateNotificationSettings];
+  }, [settings, updateNotificationSettings]);
+}
+function useNotificationSettingsSuspense_withClient(client) {
+  const store = getLiveblocksExtrasForClient(client).store;
+  use(store.outputs.userNotificationSettings.waitUntilLoaded());
+  const [settings, updateNotificationSettings] = useNotificationSettings_withClient(client);
+  _core.assert.call(void 0, !settings.error, "Did not expect error");
+  _core.assert.call(void 0, !settings.isLoading, "Did not expect loading");
+  return _react.useMemo.call(void 0, () => {
+    return [settings, updateNotificationSettings];
+  }, [settings, updateNotificationSettings]);
+}
 function useUser_withClient(client, userId) {
   const usersStore = client[_core.kInternal].usersStore;
   const getUserState = _react.useCallback.call(void 0, 
@@ -2087,7 +2246,7 @@ function createSharedContext(client) {
 }
 function useEnsureNoLiveblocksProvider(options) {
   const existing = useClientOrNull();
-  if (!_optionalChain([options, 'optionalAccess', _12 => _12.allowNesting]) && existing !== null) {
+  if (!_optionalChain([options, 'optionalAccess', _13 => _13.allowNesting]) && existing !== null) {
     throw new Error(
       "You cannot nest multiple LiveblocksProvider instances in the same React tree."
     );
@@ -2111,7 +2270,6 @@ function LiveblocksProvider(props) {
     lostConnectionTimeout: useInitial(o.lostConnectionTimeout),
     backgroundKeepAliveTimeout: useInitial(o.backgroundKeepAliveTimeout),
     polyfills: useInitial(o.polyfills),
-    largeMessageStrategy: useInitial(o.largeMessageStrategy),
     unstable_fallbackToHTTP: useInitial(o.unstable_fallbackToHTTP),
     unstable_streamData: useInitial(o.unstable_streamData),
     preventUnsavedChanges: useInitial(o.preventUnsavedChanges),
@@ -2163,7 +2321,6 @@ function useUserThreads_experimental(options = {}) {
   );
 }
 function useUserThreadsSuspense_experimental(options = {}) {
-  ensureNotServerSide();
   const client = useClient();
   const { store } = getLiveblocksExtrasForClient(client);
   const queryKey = makeUserThreadsQueryKey(options.query);
@@ -2203,6 +2360,15 @@ function useUnreadInboxNotificationsCount() {
 function useUnreadInboxNotificationsCountSuspense() {
   return useUnreadInboxNotificationsCountSuspense_withClient(useClient());
 }
+function useNotificationSettings() {
+  return useNotificationSettings_withClient(useClient());
+}
+function useNotificationSettingsSuspense() {
+  return useNotificationSettingsSuspense_withClient(useClient());
+}
+function useUpdateNotificationSettings() {
+  return useUpdateNotificationSettings_withClient(useClient());
+}
 function useUser(userId) {
   const client = useClient();
   return useUser_withClient(client, userId);
@@ -2223,7 +2389,7 @@ var _useUserSuspense = useUserSuspense;
 var _useUserThreads_experimental = useUserThreads_experimental;
 var _useUserThreadsSuspense_experimental = useUserThreadsSuspense_experimental;
 function useSyncStatus_withClient(client, options) {
-  const smooth = useInitial(_nullishCoalesce(_optionalChain([options, 'optionalAccess', _13 => _13.smooth]), () => ( false)));
+  const smooth = useInitial(_nullishCoalesce(_optionalChain([options, 'optionalAccess', _14 => _14.smooth]), () => ( false)));
   if (smooth) {
     return useSyncStatusSmooth_withClient(client);
   } else {
@@ -2401,8 +2567,8 @@ function makeRoomExtrasForClient(client) {
       if (innerError.status === 403) {
         const detailedMessage = [
           innerError.message,
-          _optionalChain([innerError, 'access', _14 => _14.details, 'optionalAccess', _15 => _15.suggestion]),
-          _optionalChain([innerError, 'access', _16 => _16.details, 'optionalAccess', _17 => _17.docs])
+          _optionalChain([innerError, 'access', _15 => _15.details, 'optionalAccess', _16 => _16.suggestion]),
+          _optionalChain([innerError, 'access', _17 => _17.details, 'optionalAccess', _18 => _18.docs])
         ].filter(Boolean).join("\n");
         _core.console.error(detailedMessage);
       }
@@ -2756,7 +2922,7 @@ function useMentionSuggestionsCache() {
   return client[_core.kInternal].mentionSuggestionsCache;
 }
 function useStorageStatus(options) {
-  const smooth = useInitial(_nullishCoalesce(_optionalChain([options, 'optionalAccess', _18 => _18.smooth]), () => ( false)));
+  const smooth = useInitial(_nullishCoalesce(_optionalChain([options, 'optionalAccess', _19 => _19.smooth]), () => ( false)));
   if (smooth) {
     return useStorageStatusSmooth();
   } else {
@@ -3070,7 +3236,7 @@ function useCreateRoomThread(roomId) {
         thread: newThread,
         roomId
       });
-      const attachmentIds = _optionalChain([attachments, 'optionalAccess', _19 => _19.map, 'call', _20 => _20((attachment) => attachment.id)]);
+      const attachmentIds = _optionalChain([attachments, 'optionalAccess', _20 => _20.map, 'call', _21 => _21((attachment) => attachment.id)]);
       client[_core.kInternal].httpClient.createThread({
         roomId,
         threadId,
@@ -3110,7 +3276,7 @@ function useDeleteRoomThread(roomId) {
       const { store, onMutationFailure } = getRoomExtrasForClient(client);
       const userId = getCurrentUserId(client);
       const existing = store.outputs.threads.get().get(threadId);
-      if (_optionalChain([existing, 'optionalAccess', _21 => _21.comments, 'optionalAccess', _22 => _22[0], 'optionalAccess', _23 => _23.userId]) !== userId) {
+      if (_optionalChain([existing, 'optionalAccess', _22 => _22.comments, 'optionalAccess', _23 => _23[0], 'optionalAccess', _24 => _24.userId]) !== userId) {
         throw new Error("Only the thread creator can delete the thread");
       }
       const optimisticId = store.optimisticUpdates.add({
@@ -3198,7 +3364,7 @@ function useCreateRoomComment(roomId) {
         type: "create-comment",
         comment
       });
-      const attachmentIds = _optionalChain([attachments, 'optionalAccess', _24 => _24.map, 'call', _25 => _25((attachment) => attachment.id)]);
+      const attachmentIds = _optionalChain([attachments, 'optionalAccess', _25 => _25.map, 'call', _26 => _26((attachment) => attachment.id)]);
       client[_core.kInternal].httpClient.createComment({ roomId, threadId, commentId, body, attachmentIds }).then(
         (newComment) => {
           store.createComment(newComment, optimisticId);
@@ -3254,7 +3420,7 @@ function useEditRoomComment(roomId) {
           attachments: _nullishCoalesce(attachments, () => ( []))
         }
       });
-      const attachmentIds = _optionalChain([attachments, 'optionalAccess', _26 => _26.map, 'call', _27 => _27((attachment) => attachment.id)]);
+      const attachmentIds = _optionalChain([attachments, 'optionalAccess', _27 => _27.map, 'call', _28 => _28((attachment) => attachment.id)]);
       client[_core.kInternal].httpClient.editComment({ roomId, threadId, commentId, body, attachmentIds }).then(
         (editedComment) => {
           store.editComment(threadId, optimisticId, editedComment);
@@ -3558,7 +3724,6 @@ function useRoomNotificationSettings() {
   }, [settings, updateRoomNotificationSettings]);
 }
 function useRoomNotificationSettingsSuspense() {
-  ensureNotServerSide();
   const client = useClient();
   const store = getRoomExtrasForClient(client).store;
   const room = useRoom();
@@ -3623,7 +3788,6 @@ function useHistoryVersions() {
   return useSignal(store.outputs.versionsByRoomId.getOrCreate(room.id).signal);
 }
 function useHistoryVersionsSuspense() {
-  ensureNotServerSide();
   const client = useClient();
   const room = useRoom();
   const store = getRoomExtrasForClient(client).store;
@@ -3658,6 +3822,13 @@ function useUpdateRoomNotificationSettings() {
     [client, room]
   );
 }
+function ensureNotServerSide() {
+  if (typeof window === "undefined") {
+    throw new Error(
+      "You cannot use the Suspense version of this hook on the server side. Make sure to only call them on the client side.\nFor tips, see https://liveblocks.io/docs/api-reference/liveblocks-react#suspense-avoid-ssr"
+    );
+  }
+}
 function useSuspendUntilPresenceReady() {
   ensureNotServerSide();
   const room = useRoom();
@@ -3706,7 +3877,6 @@ function useStorageStatusSuspense(options) {
   return useStorageStatus(options);
 }
 function useThreadsSuspense(options = {}) {
-  ensureNotServerSide();
   const client = useClient();
   const room = useRoom();
   const { store } = getRoomExtrasForClient(client);
@@ -3718,7 +3888,7 @@ function useThreadsSuspense(options = {}) {
   return result;
 }
 function selectorFor_useAttachmentUrl(state) {
-  if (state === void 0 || _optionalChain([state, 'optionalAccess', _28 => _28.isLoading])) {
+  if (state === void 0 || _optionalChain([state, 'optionalAccess', _29 => _29.isLoading])) {
     return _nullishCoalesce(state, () => ( { isLoading: true }));
   }
   if (state.error) {
@@ -3933,5 +4103,8 @@ var _useUpdateMyPresence = useUpdateMyPresence;
 
 
 
-exports.RoomContext = RoomContext; exports.useRoomOrNull = useRoomOrNull; exports.useSyncExternalStoreWithSelector = useSyncExternalStoreWithSelector; exports.useSignal = useSignal; exports.ClientContext = ClientContext; exports.getUmbrellaStoreForClient = getUmbrellaStoreForClient; exports.useClientOrNull = useClientOrNull; exports.useClient = useClient; exports.LiveblocksProvider = LiveblocksProvider; exports.createLiveblocksContext = createLiveblocksContext; exports.useInboxNotifications = useInboxNotifications; exports.useInboxNotificationsSuspense = useInboxNotificationsSuspense; exports.useMarkAllInboxNotificationsAsRead = useMarkAllInboxNotificationsAsRead; exports.useMarkInboxNotificationAsRead = useMarkInboxNotificationAsRead; exports.useDeleteAllInboxNotifications = useDeleteAllInboxNotifications; exports.useDeleteInboxNotification = useDeleteInboxNotification; exports.useUnreadInboxNotificationsCount = useUnreadInboxNotificationsCount; exports.useUnreadInboxNotificationsCountSuspense = useUnreadInboxNotificationsCountSuspense; exports.useRoomInfo = useRoomInfo; exports.useRoomInfoSuspense = useRoomInfoSuspense; exports._useInboxNotificationThread = _useInboxNotificationThread; exports._useUser = _useUser; exports._useUserSuspense = _useUserSuspense; exports._useUserThreads_experimental = _useUserThreads_experimental; exports._useUserThreadsSuspense_experimental = _useUserThreadsSuspense_experimental; exports.useSyncStatus = useSyncStatus; exports.useErrorListener = useErrorListener; exports.useStatus = useStatus; exports.useReportTextEditor = useReportTextEditor; exports.useYjsProvider = useYjsProvider; exports.useCreateTextMention = useCreateTextMention; exports.useDeleteTextMention = useDeleteTextMention; exports.useResolveMentionSuggestions = useResolveMentionSuggestions; exports.useMentionSuggestionsCache = useMentionSuggestionsCache; exports.useStorageStatus = useStorageStatus; exports.useBatch = useBatch; exports.useLostConnectionListener = useLostConnectionListener; exports.useHistory = useHistory; exports.useUndo = useUndo; exports.useRedo = useRedo; exports.useCanUndo = useCanUndo; exports.useCanRedo = useCanRedo; exports.useOthersConnectionIds = useOthersConnectionIds; exports.useCreateRoomThread = useCreateRoomThread; exports.useDeleteRoomThread = useDeleteRoomThread; exports.useEditRoomThreadMetadata = useEditRoomThreadMetadata; exports.useCreateComment = useCreateComment; exports.useCreateRoomComment = useCreateRoomComment; exports.useEditComment = useEditComment; exports.useEditRoomComment = useEditRoomComment; exports.useDeleteComment = useDeleteComment; exports.useDeleteRoomComment = useDeleteRoomComment; exports.useAddRoomCommentReaction = useAddRoomCommentReaction; exports.useRemoveReaction = useRemoveReaction; exports.useRemoveRoomCommentReaction = useRemoveRoomCommentReaction; exports.useMarkThreadAsRead = useMarkThreadAsRead; exports.useMarkRoomThreadAsRead = useMarkRoomThreadAsRead; exports.useMarkThreadAsResolved = useMarkThreadAsResolved; exports.useMarkRoomThreadAsResolved = useMarkRoomThreadAsResolved; exports.useMarkThreadAsUnresolved = useMarkThreadAsUnresolved; exports.useMarkRoomThreadAsUnresolved = useMarkRoomThreadAsUnresolved; exports.useThreadSubscription = useThreadSubscription; exports.useHistoryVersionData = useHistoryVersionData; exports.useUpdateRoomNotificationSettings = useUpdateRoomNotificationSettings; exports.useOthersConnectionIdsSuspense = useOthersConnectionIdsSuspense; exports.useStorageStatusSuspense = useStorageStatusSuspense; exports.useAttachmentUrl = useAttachmentUrl; exports.useRoomAttachmentUrl = useRoomAttachmentUrl; exports.useAttachmentUrlSuspense = useAttachmentUrlSuspense; exports.useRoomPermissions = useRoomPermissions; exports.createRoomContext = createRoomContext; exports._RoomProvider = _RoomProvider; exports._useBroadcastEvent = _useBroadcastEvent; exports._useOthersListener = _useOthersListener; exports._useRoom = _useRoom; exports._useIsInsideRoom = _useIsInsideRoom; exports._useAddReaction = _useAddReaction; exports._useMutation = _useMutation; exports._useCreateThread = _useCreateThread; exports._useDeleteThread = _useDeleteThread; exports._useEditThreadMetadata = _useEditThreadMetadata; exports._useEventListener = _useEventListener; exports._useMyPresence = _useMyPresence; exports._useOthersMapped = _useOthersMapped; exports._useOthersMappedSuspense = _useOthersMappedSuspense; exports._useThreads = _useThreads; exports._useThreadsSuspense = _useThreadsSuspense; exports._useRoomNotificationSettings = _useRoomNotificationSettings; exports._useRoomNotificationSettingsSuspense = _useRoomNotificationSettingsSuspense; exports._useHistoryVersions = _useHistoryVersions; exports._useHistoryVersionsSuspense = _useHistoryVersionsSuspense; exports._useOther = _useOther; exports._useOthers = _useOthers; exports._useOtherSuspense = _useOtherSuspense; exports._useOthersSuspense = _useOthersSuspense; exports._useStorage = _useStorage; exports._useStorageSuspense = _useStorageSuspense; exports._useSelf = _useSelf; exports._useSelfSuspense = _useSelfSuspense; exports._useStorageRoot = _useStorageRoot; exports._useUpdateMyPresence = _useUpdateMyPresence;
-//# sourceMappingURL=chunk-J5ZDLMBE.js.map
+
+
+
+exports.RoomContext = RoomContext; exports.useRoomOrNull = useRoomOrNull; exports.useSyncExternalStoreWithSelector = useSyncExternalStoreWithSelector; exports.useSignal = useSignal; exports.ClientContext = ClientContext; exports.getUmbrellaStoreForClient = getUmbrellaStoreForClient; exports.useClientOrNull = useClientOrNull; exports.useClient = useClient; exports.LiveblocksProvider = LiveblocksProvider; exports.createLiveblocksContext = createLiveblocksContext; exports.useInboxNotifications = useInboxNotifications; exports.useInboxNotificationsSuspense = useInboxNotificationsSuspense; exports.useMarkAllInboxNotificationsAsRead = useMarkAllInboxNotificationsAsRead; exports.useMarkInboxNotificationAsRead = useMarkInboxNotificationAsRead; exports.useDeleteAllInboxNotifications = useDeleteAllInboxNotifications; exports.useDeleteInboxNotification = useDeleteInboxNotification; exports.useUnreadInboxNotificationsCount = useUnreadInboxNotificationsCount; exports.useUnreadInboxNotificationsCountSuspense = useUnreadInboxNotificationsCountSuspense; exports.useNotificationSettings = useNotificationSettings; exports.useNotificationSettingsSuspense = useNotificationSettingsSuspense; exports.useUpdateNotificationSettings = useUpdateNotificationSettings; exports.useRoomInfo = useRoomInfo; exports.useRoomInfoSuspense = useRoomInfoSuspense; exports._useInboxNotificationThread = _useInboxNotificationThread; exports._useUser = _useUser; exports._useUserSuspense = _useUserSuspense; exports._useUserThreads_experimental = _useUserThreads_experimental; exports._useUserThreadsSuspense_experimental = _useUserThreadsSuspense_experimental; exports.useSyncStatus = useSyncStatus; exports.useErrorListener = useErrorListener; exports.useStatus = useStatus; exports.useReportTextEditor = useReportTextEditor; exports.useYjsProvider = useYjsProvider; exports.useCreateTextMention = useCreateTextMention; exports.useDeleteTextMention = useDeleteTextMention; exports.useResolveMentionSuggestions = useResolveMentionSuggestions; exports.useMentionSuggestionsCache = useMentionSuggestionsCache; exports.useStorageStatus = useStorageStatus; exports.useBatch = useBatch; exports.useLostConnectionListener = useLostConnectionListener; exports.useHistory = useHistory; exports.useUndo = useUndo; exports.useRedo = useRedo; exports.useCanUndo = useCanUndo; exports.useCanRedo = useCanRedo; exports.useOthersConnectionIds = useOthersConnectionIds; exports.useCreateRoomThread = useCreateRoomThread; exports.useDeleteRoomThread = useDeleteRoomThread; exports.useEditRoomThreadMetadata = useEditRoomThreadMetadata; exports.useCreateComment = useCreateComment; exports.useCreateRoomComment = useCreateRoomComment; exports.useEditComment = useEditComment; exports.useEditRoomComment = useEditRoomComment; exports.useDeleteComment = useDeleteComment; exports.useDeleteRoomComment = useDeleteRoomComment; exports.useAddRoomCommentReaction = useAddRoomCommentReaction; exports.useRemoveReaction = useRemoveReaction; exports.useRemoveRoomCommentReaction = useRemoveRoomCommentReaction; exports.useMarkThreadAsRead = useMarkThreadAsRead; exports.useMarkRoomThreadAsRead = useMarkRoomThreadAsRead; exports.useMarkThreadAsResolved = useMarkThreadAsResolved; exports.useMarkRoomThreadAsResolved = useMarkRoomThreadAsResolved; exports.useMarkThreadAsUnresolved = useMarkThreadAsUnresolved; exports.useMarkRoomThreadAsUnresolved = useMarkRoomThreadAsUnresolved; exports.useThreadSubscription = useThreadSubscription; exports.useHistoryVersionData = useHistoryVersionData; exports.useUpdateRoomNotificationSettings = useUpdateRoomNotificationSettings; exports.useOthersConnectionIdsSuspense = useOthersConnectionIdsSuspense; exports.useStorageStatusSuspense = useStorageStatusSuspense; exports.useAttachmentUrl = useAttachmentUrl; exports.useRoomAttachmentUrl = useRoomAttachmentUrl; exports.useAttachmentUrlSuspense = useAttachmentUrlSuspense; exports.useRoomPermissions = useRoomPermissions; exports.createRoomContext = createRoomContext; exports._RoomProvider = _RoomProvider; exports._useBroadcastEvent = _useBroadcastEvent; exports._useOthersListener = _useOthersListener; exports._useRoom = _useRoom; exports._useIsInsideRoom = _useIsInsideRoom; exports._useAddReaction = _useAddReaction; exports._useMutation = _useMutation; exports._useCreateThread = _useCreateThread; exports._useDeleteThread = _useDeleteThread; exports._useEditThreadMetadata = _useEditThreadMetadata; exports._useEventListener = _useEventListener; exports._useMyPresence = _useMyPresence; exports._useOthersMapped = _useOthersMapped; exports._useOthersMappedSuspense = _useOthersMappedSuspense; exports._useThreads = _useThreads; exports._useThreadsSuspense = _useThreadsSuspense; exports._useRoomNotificationSettings = _useRoomNotificationSettings; exports._useRoomNotificationSettingsSuspense = _useRoomNotificationSettingsSuspense; exports._useHistoryVersions = _useHistoryVersions; exports._useHistoryVersionsSuspense = _useHistoryVersionsSuspense; exports._useOther = _useOther; exports._useOthers = _useOthers; exports._useOtherSuspense = _useOtherSuspense; exports._useOthersSuspense = _useOthersSuspense; exports._useStorage = _useStorage; exports._useStorageSuspense = _useStorageSuspense; exports._useSelf = _useSelf; exports._useSelfSuspense = _useSelfSuspense; exports._useStorageRoot = _useStorageRoot; exports._useUpdateMyPresence = _useUpdateMyPresence;
+//# sourceMappingURL=chunk-4F7C4HN7.js.map