@liveblocks/react 2.17.0-channels1 → 2.17.0-rc1

package/dist/{chunk-VX6Y3GQO.mjs → chunk-4KNGHD4I.mjs}

@@ -130,9 +130,7 @@ 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,
-  CHANNEL_NOTIFICATION_SETTINGS_INTERVAL: 5 * MINUTES,
-  CHANNEL_NOTIFICATION_SETTINGS_MAX_STALE_TIME: 1 * MINUTES
+  NOTIFICATION_SETTINGS_MAX_STALE_TIME: 5 * SECONDS
 };
 
 // src/lib/AsyncResult.ts
@@ -161,6 +159,15 @@ 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
 import { useCallback, useReducer } from "react";
 
@@ -226,17 +233,13 @@ import {
   console as console2,
   DefaultMap,
   DerivedSignal,
-  entries,
-  HttpError,
-  keys,
   kInternal,
   MutableSignal as MutableSignal2,
   nanoid,
   nn,
   shallow as shallow3,
   Signal,
-  stringify,
-  unstringify
+  stringify
 } from "@liveblocks/core";
 
 // src/lib/autobind.ts
@@ -286,16 +289,16 @@ function matchesMetadata(thread, q) {
   const metadata = thread.metadata;
   return q.metadata === void 0 || Object.entries(q.metadata).every(
     ([key, op]) => (
-      // NOTE: `op` can be explicitly-`undefined` here, which ideally would not
-      // mean "filter for absence" like it does now, as this does not match the
-      // backend behavior at the moment. For an in-depth discussion, see
-      // https://liveblocks.slack.com/archives/C02PZL7QAAW/p1728546988505989
-      matchesOperator(metadata[key], op)
+      // Ignore explicit-undefined filters
+      // Boolean logic: op? => value matches the operator
+      op === void 0 || matchesOperator(metadata[key], op)
     )
   );
 }
 function matchesOperator(value, op) {
-  if (isStartsWithOperator(op)) {
+  if (op === null) {
+    return value === void 0;
+  } else if (isStartsWithOperator(op)) {
     return typeof value === "string" && value.startsWith(op.startsWith);
   } else {
     return value === op;
@@ -720,26 +723,6 @@ function createStore_forPermissionHints() {
     update
   };
 }
-function createStore_forChannelsNotificationSettings(updates) {
-  const signal = new Signal({});
-  function update(settings) {
-    signal.set((prevSettings) => {
-      return {
-        ...prevSettings,
-        ...settings
-      };
-    });
-  }
-  return {
-    signal: DerivedSignal.from(
-      signal,
-      updates,
-      (base, updates2) => applyOptimisticUpdates_forChannelNotificationSettings(base, updates2)
-    ),
-    // Mutations
-    update
-  };
-}
 function createStore_forOptimistic(client) {
   const signal = new Signal([]);
   const syncSource = client[kInternal].createSyncSource();
@@ -779,11 +762,9 @@ var UmbrellaStore = class {
   //          \                          | |                 | |    & notifications by ID
   //         | \                         | |      Apply      | |
   //         |   `-> OptimisticUpdates --+--+--> Optimistic --+-+--> Notification Settings    (Part 2)
-  //          \                          |        Updates    |  |
-  //           `------- etc etc ---------+                   |  +--> History Versions         (Part 3)
-  //                       ^                                 |
-  //                       |                                 +-----> Channels Notification Settings (Part 4)
-  //                       |
+  //          \                          |        Updates       |
+  //           `------- etc etc ---------+                      +--> History Versions         (Part 3)
+  //                       ^
   //                       |
   //                       |                        ^                  ^
   //                    Signal                      |                  |
@@ -804,7 +785,6 @@ var UmbrellaStore = class {
   // prettier-ignore
   historyVersions;
   permissionHints;
-  channelNotificationSettings;
   optimisticUpdates;
   //
   // Output signals.
@@ -825,8 +805,6 @@ var UmbrellaStore = class {
   #userThreadsLastRequestedAt = null;
   // Room versions
   #roomVersionsLastRequestedAtByRoom = /* @__PURE__ */ new Map();
-  // Channels Notification Settings
-  #channelsNotificationSettings;
   constructor(client) {
     this.#client = client[kInternal].as();
     this.optimisticUpdates = createStore_forOptimistic(this.#client);
@@ -842,16 +820,6 @@ var UmbrellaStore = class {
         return nextCursor;
       }
     );
-    const channelsNotificationSettingsFetcher = async () => {
-      const result = await this.#client.getChannelsNotificationSettings();
-      this.channelNotificationSettings.update(result);
-    };
-    this.channelNotificationSettings = createStore_forChannelsNotificationSettings(
-      this.optimisticUpdates.signal
-    );
-    this.#channelsNotificationSettings = new SinglePageResource(
-      channelsNotificationSettingsFetcher
-    );
     this.threads = new ThreadDB();
     this.notifications = createStore_forNotifications();
     this.roomNotificationSettings = createStore_forRoomNotificationSettings(
@@ -875,7 +843,7 @@ var UmbrellaStore = class {
     );
     const loadingUserThreads = new DefaultMap(
       (queryKey) => {
-        const query = unstringify(queryKey);
+        const query = JSON.parse(queryKey);
         const resource = new PaginatedResource(async (cursor) => {
           const result = await this.#client[kInternal].httpClient.getUserThreads_experimental({
             cursor,
@@ -917,7 +885,7 @@ var UmbrellaStore = class {
     );
     const loadingRoomThreads = new DefaultMap(
       (queryKey) => {
-        const [roomId, query] = unstringify(queryKey);
+        const [roomId, query] = JSON.parse(queryKey);
         const resource = new PaginatedResource(async (cursor) => {
           const result = await this.#client[kInternal].httpClient.getThreads({
             roomId,
@@ -980,10 +948,7 @@ var UmbrellaStore = class {
       const resource = new SinglePageResource(async () => {
         const room = this.#client.getRoom(roomId);
         if (room === null) {
-          throw new HttpError(
-            `Room '${roomId}' is not available on client`,
-            479
-          );
+          throw new Error(`Room '${roomId}' is not available on client`);
         }
         const result = await room.getNotificationSettings();
         this.roomNotificationSettings.update(roomId, result);
@@ -1006,10 +971,7 @@ var UmbrellaStore = class {
         const resource = new SinglePageResource(async () => {
           const room = this.#client.getRoom(roomId);
           if (room === null) {
-            throw new HttpError(
-              `Room '${roomId}' is not available on client`,
-              479
-            );
+            throw new Error(`Room '${roomId}' is not available on client`);
           }
           const result = await room[kInternal].listTextVersions();
           this.historyVersions.update(roomId, result.versions);
@@ -1035,22 +997,6 @@ var UmbrellaStore = class {
         return { signal, waitUntilLoaded: resource.waitUntilLoaded };
       }
     );
-    const channelNotificationSettings = {
-      signal: DerivedSignal.from(
-        () => {
-          const result = this.#channelsNotificationSettings.get();
-          if (result.isLoading || result.error) {
-            return result;
-          }
-          return ASYNC_OK(
-            "settings",
-            nn(this.channelNotificationSettings.signal.get())
-          );
-        },
-        shallow3
-      ),
-      waitUntilLoaded: this.#channelsNotificationSettings.waitUntilLoaded
-    };
     this.outputs = {
       threadifications,
       threads,
@@ -1059,8 +1005,7 @@ var UmbrellaStore = class {
       notifications,
       loadingNotifications,
       settingsByRoomId,
-      versionsByRoomId,
-      channelNotificationSettings
+      versionsByRoomId
     };
     autobind(this);
   }
@@ -1305,25 +1250,6 @@ var UmbrellaStore = class {
     const result = await room.getNotificationSettings({ signal });
     this.roomNotificationSettings.update(roomId, result);
   }
-  /**
-   * Refresh Channels Notification Settings from poller
-   */
-  async refreshChannelsNotificationSettings(signal) {
-    const result = await this.#client.getChannelsNotificationSettings({
-      signal
-    });
-    this.channelNotificationSettings.update(result);
-  }
-  /**
-   * Updates channels notification settings with a new value, replacing the
-   * corresponding optimistic update.
-   */
-  updateChannelsNotificationSettings_confirmOptimisticUpdate(settings, optimisticUpdateId) {
-    batch2(() => {
-      this.optimisticUpdates.remove(optimisticUpdateId);
-      this.channelNotificationSettings.update(settings);
-    });
-  }
 };
 function applyOptimisticUpdates_forThreadifications(baseThreadsDB, notificationsLUT, optimisticUpdates) {
   const threadsDB = baseThreadsDB.clone();
@@ -1498,33 +1424,6 @@ function applyOptimisticUpdates_forSettings(settingsLUT, optimisticUpdates) {
   }
   return settingsByRoomId;
 }
-function applyOptimisticUpdates_forChannelNotificationSettings(baseChannelsNotificationSettings, optimisticUpdates) {
-  const outcomingSettings = { ...baseChannelsNotificationSettings };
-  for (const optimisticUpdate of optimisticUpdates) {
-    switch (optimisticUpdate.type) {
-      case "update-channels-notification-settings": {
-        const incomingSettings = optimisticUpdate.settings;
-        for (const channelKey of keys(incomingSettings)) {
-          const key = channelKey;
-          const channelUpdates = incomingSettings[key];
-          if (channelUpdates) {
-            const realChannelUpdates = Object.fromEntries(
-              entries(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;
@@ -1818,25 +1717,10 @@ function makeLiveblocksExtrasForClient(client) {
     config.USER_THREADS_POLL_INTERVAL,
     { maxStaleTimeMs: config.USER_THREADS_MAX_STALE_TIME }
   );
-  const channelNotificationSettingsPoller = makePoller(
-    async (signal) => {
-      try {
-        return await store.refreshChannelsNotificationSettings(signal);
-      } catch (err) {
-        console.warn(
-          `Polling new channel notification settings failed: ${String(err)}`
-        );
-        throw err;
-      }
-    },
-    config.CHANNEL_NOTIFICATION_SETTINGS_INTERVAL,
-    { maxStaleTimeMs: config.CHANNEL_NOTIFICATION_SETTINGS_MAX_STALE_TIME }
-  );
   return {
     store,
     notificationsPoller,
-    userThreadsPoller,
-    channelNotificationSettingsPoller
+    userThreadsPoller
   };
 }
 function makeLiveblocksContextBundle(client) {
@@ -1845,7 +1729,6 @@ function makeLiveblocksContextBundle(client) {
   const useMarkAllInboxNotificationsAsRead2 = () => useMarkAllInboxNotificationsAsRead_withClient(client);
   const useDeleteInboxNotification2 = () => useDeleteInboxNotification_withClient(client);
   const useDeleteAllInboxNotifications2 = () => useDeleteAllInboxNotifications_withClient(client);
-  const useUpdateChannelsNotificationSettings2 = () => useUpdateChannelsNotificationSettings_withClient(client);
   function LiveblocksProvider2(props) {
     useEnsureNoLiveblocksProvider();
     return /* @__PURE__ */ jsx(ClientContext.Provider, { value: client, children: props.children });
@@ -1859,8 +1742,6 @@ function makeLiveblocksContextBundle(client) {
     useMarkAllInboxNotificationsAsRead: useMarkAllInboxNotificationsAsRead2,
     useDeleteInboxNotification: useDeleteInboxNotification2,
     useDeleteAllInboxNotifications: useDeleteAllInboxNotifications2,
-    useChannelsNotificationSettings: () => useChannelsNotificationSettings_withClient(client),
-    useUpdateChannelsNotificationSettings: useUpdateChannelsNotificationSettings2,
     useInboxNotificationThread: useInboxNotificationThread2,
     useUserThreads_experimental,
     ...shared.classic,
@@ -1873,8 +1754,6 @@ function makeLiveblocksContextBundle(client) {
       useDeleteInboxNotification: useDeleteInboxNotification2,
       useDeleteAllInboxNotifications: useDeleteAllInboxNotifications2,
       useInboxNotificationThread: useInboxNotificationThread2,
-      useChannelsNotificationSettings: () => useChannelsNotificationSettingsSuspense_withClient(client),
-      useUpdateChannelsNotificationSettings: useUpdateChannelsNotificationSettings2,
       useUserThreads_experimental: useUserThreadsSuspense_experimental,
       ...shared.suspense
     }
@@ -1908,6 +1787,7 @@ 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, shallow4);
@@ -1923,6 +1803,7 @@ function useUnreadInboxNotificationsCount_withClient(client) {
   );
 }
 function useUnreadInboxNotificationsCountSuspense_withClient(client) {
+  ensureNotServerSide();
   const store = getLiveblocksExtrasForClient(client).store;
   use(store.outputs.loadingNotifications.waitUntilLoaded());
   const result = useUnreadInboxNotificationsCount_withClient(client);
@@ -1948,8 +1829,15 @@ function useMarkInboxNotificationAsRead_withClient(client) {
             optimisticId
           );
         },
-        () => {
+        (err) => {
           store.optimisticUpdates.remove(optimisticId);
+          client[kInternal2].emitError(
+            {
+              type: "MARK_INBOX_NOTIFICATION_AS_READ_ERROR",
+              inboxNotificationId
+            },
+            err
+          );
         }
       );
     },
@@ -1968,8 +1856,13 @@ function useMarkAllInboxNotificationsAsRead_withClient(client) {
       () => {
         store.markAllInboxNotificationsRead(optimisticId, readAt);
       },
-      () => {
+      (err) => {
         store.optimisticUpdates.remove(optimisticId);
+        client[kInternal2].emitError(
+          // No roomId, threadId, commentId to include for this error
+          { type: "MARK_ALL_INBOX_NOTIFICATIONS_AS_READ_ERROR" },
+          err
+        );
       }
     );
   }, [client]);
@@ -1988,8 +1881,12 @@ function useDeleteInboxNotification_withClient(client) {
         () => {
           store.deleteInboxNotification(inboxNotificationId, optimisticId);
         },
-        () => {
+        (err) => {
           store.optimisticUpdates.remove(optimisticId);
+          client[kInternal2].emitError(
+            { type: "DELETE_INBOX_NOTIFICATION_ERROR", inboxNotificationId },
+            err
+          );
         }
       );
     },
@@ -2008,8 +1905,12 @@ function useDeleteAllInboxNotifications_withClient(client) {
       () => {
         store.deleteAllInboxNotifications(optimisticId);
       },
-      () => {
+      (err) => {
         store.optimisticUpdates.remove(optimisticId);
+        client[kInternal2].emitError(
+          { type: "DELETE_ALL_INBOX_NOTIFICATIONS_ERROR" },
+          err
+        );
       }
     );
   }, [client]);
@@ -2037,57 +1938,6 @@ function useInboxNotificationThread_withClient(client, inboxNotificationId) {
     )
   );
 }
-function useUpdateChannelsNotificationSettings_withClient(client) {
-  return useCallback2(
-    (settings) => {
-      const { store } = getLiveblocksExtrasForClient(client);
-      const optimisticUpdateId = store.optimisticUpdates.add({
-        type: "update-channels-notification-settings",
-        settings
-      });
-      client.updateChannelsNotificationSettings(settings).then(
-        (settings2) => {
-          store.updateChannelsNotificationSettings_confirmOptimisticUpdate(
-            settings2,
-            optimisticUpdateId
-          );
-        },
-        () => {
-          store.optimisticUpdates.remove(optimisticUpdateId);
-        }
-      );
-    },
-    [client]
-  );
-}
-function useChannelsNotificationSettings_withClient(client) {
-  const updateChannelsNotificationSettings = useUpdateChannelsNotificationSettings_withClient(client);
-  const { store, channelNotificationSettingsPoller: poller } = getLiveblocksExtrasForClient(client);
-  useEffect3(() => {
-    void store.outputs.channelNotificationSettings.waitUntilLoaded();
-  });
-  useEffect3(() => {
-    poller.inc();
-    poller.pollNowIfStale();
-    return () => {
-      poller.dec();
-    };
-  }, [poller]);
-  const settings = useSignal(store.outputs.channelNotificationSettings.signal);
-  return useMemo2(() => {
-    return [settings, updateChannelsNotificationSettings];
-  }, [settings, updateChannelsNotificationSettings]);
-}
-function useChannelsNotificationSettingsSuspense_withClient(client) {
-  const store = getLiveblocksExtrasForClient(client).store;
-  use(store.outputs.channelNotificationSettings.waitUntilLoaded());
-  const [settings, updateChannelsNotificationSettings] = useChannelsNotificationSettings_withClient(client);
-  assert(!settings.error, "Did not expect error");
-  assert(!settings.isLoading, "Did not expect loading");
-  return useMemo2(() => {
-    return [settings, updateChannelsNotificationSettings];
-  }, [settings, updateChannelsNotificationSettings]);
-}
 function useUser_withClient(client, userId) {
   const usersStore = client[kInternal2].usersStore;
   const getUserState = useCallback2(
@@ -2222,6 +2072,7 @@ function createSharedContext(client) {
       useUser: (userId) => useUser_withClient(client, userId),
       useRoomInfo: (roomId) => useRoomInfo_withClient(client, roomId),
       useIsInsideRoom,
+      useErrorListener,
       useSyncStatus: useSyncStatus2
     },
     suspense: {
@@ -2229,6 +2080,7 @@ function createSharedContext(client) {
       useUser: (userId) => useUserSuspense_withClient(client, userId),
       useRoomInfo: (roomId) => useRoomInfoSuspense_withClient(client, roomId),
       useIsInsideRoom,
+      useErrorListener,
       useSyncStatus: useSyncStatus2
     }
   };
@@ -2259,6 +2111,7 @@ 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),
@@ -2310,6 +2163,7 @@ function useUserThreads_experimental(options = {}) {
   );
 }
 function useUserThreadsSuspense_experimental(options = {}) {
+  ensureNotServerSide();
   const client = useClient();
   const { store } = getLiveblocksExtrasForClient(client);
   const queryKey = makeUserThreadsQueryKey(options.query);
@@ -2349,15 +2203,6 @@ function useUnreadInboxNotificationsCount() {
 function useUnreadInboxNotificationsCountSuspense() {
   return useUnreadInboxNotificationsCountSuspense_withClient(useClient());
 }
-function useChannelsNotificationSettings() {
-  return useChannelsNotificationSettings_withClient(useClient());
-}
-function useChannelsNotificationSettingsSuspense() {
-  return useChannelsNotificationSettingsSuspense_withClient(useClient());
-}
-function useUpdateChannelsNotificationSettings() {
-  return useUpdateChannelsNotificationSettings_withClient(useClient());
-}
 function useUser(userId) {
   const client = useClient();
   return useUser_withClient(client, userId);
@@ -2417,104 +2262,14 @@ function useSyncStatusSmooth_withClient(client) {
 function useSyncStatus(options) {
   return useSyncStatus_withClient(useClient(), options);
 }
-
-// src/types/errors.ts
-var CreateThreadError = class extends Error {
-  constructor(cause, context) {
-    super("Create thread failed.");
-    this.cause = cause;
-    this.context = context;
-    this.name = "CreateThreadError";
-  }
-};
-var DeleteThreadError = class extends Error {
-  constructor(cause, context) {
-    super("Delete thread failed.");
-    this.cause = cause;
-    this.context = context;
-    this.name = "DeleteThreadError";
-  }
-};
-var EditThreadMetadataError = class extends Error {
-  constructor(cause, context) {
-    super("Edit thread metadata failed.");
-    this.cause = cause;
-    this.context = context;
-    this.name = "EditThreadMetadataError";
-  }
-};
-var MarkThreadAsResolvedError = class extends Error {
-  constructor(cause, context) {
-    super("Mark thread as resolved failed.");
-    this.cause = cause;
-    this.context = context;
-    this.name = "MarkThreadAsResolvedError";
-  }
-};
-var MarkThreadAsUnresolvedError = class extends Error {
-  constructor(cause, context) {
-    super("Mark thread as unresolved failed.");
-    this.cause = cause;
-    this.context = context;
-    this.name = "MarkThreadAsUnresolvedError";
-  }
-};
-var CreateCommentError = class extends Error {
-  constructor(cause, context) {
-    super("Create comment failed.");
-    this.cause = cause;
-    this.context = context;
-    this.name = "CreateCommentError";
-  }
-};
-var EditCommentError = class extends Error {
-  constructor(cause, context) {
-    super("Edit comment failed.");
-    this.cause = cause;
-    this.context = context;
-    this.name = "EditCommentError";
-  }
-};
-var DeleteCommentError = class extends Error {
-  constructor(cause, context) {
-    super("Delete comment failed.");
-    this.cause = cause;
-    this.context = context;
-    this.name = "DeleteCommentError";
-  }
-};
-var AddReactionError = class extends Error {
-  constructor(cause, context) {
-    super("Add reaction failed.");
-    this.cause = cause;
-    this.context = context;
-    this.name = "AddReactionError";
-  }
-};
-var RemoveReactionError = class extends Error {
-  constructor(cause, context) {
-    super("Remove reaction failed.");
-    this.cause = cause;
-    this.context = context;
-    this.name = "RemoveReactionError";
-  }
-};
-var MarkInboxNotificationAsReadError = class extends Error {
-  constructor(cause, context) {
-    super("Mark inbox notification as read failed.");
-    this.cause = cause;
-    this.context = context;
-    this.name = "MarkInboxNotificationAsReadError";
-  }
-};
-var UpdateNotificationSettingsError = class extends Error {
-  constructor(cause, context) {
-    super("Update notification settings failed.");
-    this.cause = cause;
-    this.context = context;
-    this.name = "UpdateNotificationSettingsError";
-  }
-};
+function useErrorListener(callback) {
+  const client = useClient();
+  const savedCallback = useLatest(callback);
+  useEffect3(
+    () => client.events.error.subscribe((e) => savedCallback.current(e)),
+    [client, savedCallback]
+  );
+}
 
 // src/room.tsx
 import { shallow as shallow5 } from "@liveblocks/client";
@@ -2525,9 +2280,8 @@ import {
   createThreadId,
   DefaultMap as DefaultMap2,
   errorIf,
-  HttpError as HttpError2,
+  HttpError,
   kInternal as kInternal3,
-  makeEventSource,
   makePoller as makePoller2,
   ServerMsgCode
 } from "@liveblocks/core";
@@ -2621,14 +2375,6 @@ function getCurrentUserId(client) {
   }
   return userId;
 }
-function handleApiError(err) {
-  const message = `Request failed with status ${err.status}: ${err.message}`;
-  if (err.details?.error === "FORBIDDEN") {
-    const detailedMessage = [message, err.details.suggestion, err.details.docs].filter(Boolean).join("\n");
-    console3.error(detailedMessage);
-  }
-  return new Error(message);
-}
 var _extras2 = /* @__PURE__ */ new WeakMap();
 var _bundles2 = /* @__PURE__ */ new WeakMap();
 function getOrCreateRoomContextBundle(client) {
@@ -2649,19 +2395,21 @@ function getRoomExtrasForClient(client) {
 }
 function makeRoomExtrasForClient(client) {
   const store = getUmbrellaStoreForClient(client);
-  const commentsErrorEventSource = makeEventSource();
-  function onMutationFailure(innerError, optimisticId, createPublicError) {
+  function onMutationFailure(optimisticId, context, innerError) {
     store.optimisticUpdates.remove(optimisticId);
-    if (innerError instanceof HttpError2) {
-      const error = handleApiError(innerError);
-      commentsErrorEventSource.notify(createPublicError(error));
-      return;
-    }
-    if (innerError instanceof HttpError2) {
-      handleApiError(innerError);
-      return;
+    if (innerError instanceof HttpError) {
+      if (innerError.status === 403) {
+        const detailedMessage = [
+          innerError.message,
+          innerError.details?.suggestion,
+          innerError.details?.docs
+        ].filter(Boolean).join("\n");
+        console3.error(detailedMessage);
+      }
+      client[kInternal3].emitError(context, innerError);
+    } else {
+      throw innerError;
     }
-    throw innerError;
   }
   const threadsPollersByRoomId = new DefaultMap2(
     (roomId) => makePoller2(
@@ -2707,7 +2455,6 @@ function makeRoomExtrasForClient(client) {
   );
   return {
     store,
-    commentsErrorEventSource: commentsErrorEventSource.observable,
     onMutationFailure,
     getOrCreateThreadsPollerForRoomId: threadsPollersByRoomId.getOrCreate.bind(
       threadsPollersByRoomId
@@ -2733,7 +2480,6 @@ function makeRoomContextBundle(client) {
     useBroadcastEvent,
     useOthersListener,
     useLostConnectionListener,
-    useErrorListener,
     useEventListener,
     useHistory,
     useUndo,
@@ -2779,7 +2525,6 @@ function makeRoomContextBundle(client) {
       useBroadcastEvent,
       useOthersListener,
       useLostConnectionListener,
-      useErrorListener,
       useEventListener,
       useHistory,
       useUndo,
@@ -2815,8 +2560,7 @@ function makeRoomContextBundle(client) {
       useRoomNotificationSettings: useRoomNotificationSettingsSuspense,
       useUpdateRoomNotificationSettings,
       ...shared.suspense
-    },
-    useCommentsErrorListener
+    }
   };
   return Object.defineProperty(bundle, kInternal3, {
     enumerable: false
@@ -3077,14 +2821,6 @@ function useLostConnectionListener(callback) {
     [room, savedCallback]
   );
 }
-function useErrorListener(callback) {
-  const room = useRoom();
-  const savedCallback = useLatest(callback);
-  useEffect5(
-    () => room.events.error.subscribe((e) => savedCallback.current(e)),
-    [room, savedCallback]
-  );
-}
 function useEventListener(callback) {
   const room = useRoom();
   const savedCallback = useLatest(callback);
@@ -3294,14 +3030,6 @@ function useThreads(options = {}) {
   useScrollToCommentOnLoadEffect(scrollOnLoad, result);
   return result;
 }
-function useCommentsErrorListener(callback) {
-  const client = useClient();
-  const savedCallback = useLatest(callback);
-  const { commentsErrorEventSource } = getRoomExtrasForClient(client);
-  useEffect5(() => {
-    return commentsErrorEventSource.subscribe(savedCallback.current);
-  }, [savedCallback, commentsErrorEventSource]);
-}
 function useCreateThread() {
   return useCreateRoomThread(useRoom().id);
 }
@@ -3355,15 +3083,16 @@ function useCreateRoomThread(roomId) {
           store.createThread(optimisticId, thread);
         },
         (err) => onMutationFailure(
-          err,
           optimisticId,
-          (err2) => new CreateThreadError(err2, {
+          {
+            type: "CREATE_THREAD_ERROR",
             roomId,
             threadId,
             commentId,
             body,
             metadata
-          })
+          },
+          err
         )
       );
       return newThread;
@@ -3395,9 +3124,9 @@ function useDeleteRoomThread(roomId) {
           store.deleteThread(threadId, optimisticId);
         },
         (err) => onMutationFailure(
-          err,
           optimisticId,
-          (err2) => new DeleteThreadError(err2, { roomId, threadId })
+          { type: "DELETE_THREAD_ERROR", roomId, threadId },
+          err
         )
       );
     },
@@ -3430,13 +3159,14 @@ function useEditRoomThreadMetadata(roomId) {
           store.patchThread(threadId, optimisticId, { metadata: metadata2 }, updatedAt)
         ),
         (err) => onMutationFailure(
-          err,
           optimisticId,
-          (error) => new EditThreadMetadataError(error, {
+          {
+            type: "EDIT_THREAD_METADATA_ERROR",
             roomId,
             threadId,
             metadata
-          })
+          },
+          err
         )
       );
     },
@@ -3474,14 +3204,15 @@ function useCreateRoomComment(roomId) {
           store.createComment(newComment, optimisticId);
         },
         (err) => onMutationFailure(
-          err,
           optimisticId,
-          (err2) => new CreateCommentError(err2, {
+          {
+            type: "CREATE_COMMENT_ERROR",
             roomId,
             threadId,
             commentId,
             body
-          })
+          },
+          err
         )
       );
       return comment;
@@ -3529,14 +3260,9 @@ function useEditRoomComment(roomId) {
           store.editComment(threadId, optimisticId, editedComment);
         },
         (err) => onMutationFailure(
-          err,
           optimisticId,
-          (error) => new EditCommentError(error, {
-            roomId,
-            threadId,
-            commentId,
-            body
-          })
+          { type: "EDIT_COMMENT_ERROR", roomId, threadId, commentId, body },
+          err
         )
       );
     },
@@ -3564,13 +3290,9 @@ function useDeleteRoomComment(roomId) {
           store.deleteComment(threadId, optimisticId, commentId, deletedAt);
         },
         (err) => onMutationFailure(
-          err,
           optimisticId,
-          (error) => new DeleteCommentError(error, {
-            roomId,
-            threadId,
-            commentId
-          })
+          { type: "DELETE_COMMENT_ERROR", roomId, threadId, commentId },
+          err
         )
       );
     },
@@ -3608,14 +3330,15 @@ function useAddRoomCommentReaction(roomId) {
           );
         },
         (err) => onMutationFailure(
-          err,
           optimisticId,
-          (error) => new AddReactionError(error, {
+          {
+            type: "ADD_REACTION_ERROR",
             roomId,
             threadId,
             commentId,
             emoji
-          })
+          },
+          err
         )
       );
     },
@@ -3652,14 +3375,15 @@ function useRemoveRoomCommentReaction(roomId) {
           );
         },
         (err) => onMutationFailure(
-          err,
           optimisticId,
-          (error) => new RemoveReactionError(error, {
+          {
+            type: "REMOVE_REACTION_ERROR",
             roomId,
             threadId,
             commentId,
             emoji
-          })
+          },
+          err
         )
       );
     },
@@ -3699,11 +3423,13 @@ function useMarkRoomThreadAsRead(roomId) {
         },
         (err) => {
           onMutationFailure(
-            err,
             optimisticId,
-            (error) => new MarkInboxNotificationAsReadError(error, {
+            {
+              type: "MARK_INBOX_NOTIFICATION_AS_READ_ERROR",
+              roomId,
               inboxNotificationId: inboxNotification.id
-            })
+            },
+            err
           );
           return;
         }
@@ -3736,12 +3462,9 @@ function useMarkRoomThreadAsResolved(roomId) {
           );
         },
         (err) => onMutationFailure(
-          err,
           optimisticId,
-          (error) => new MarkThreadAsResolvedError(error, {
-            roomId,
-            threadId
-          })
+          { type: "MARK_THREAD_AS_RESOLVED_ERROR", roomId, threadId },
+          err
         )
       );
     },
@@ -3772,12 +3495,9 @@ function useMarkRoomThreadAsUnresolved(roomId) {
           );
         },
         (err) => onMutationFailure(
-          err,
           optimisticId,
-          (error) => new MarkThreadAsUnresolvedError(error, {
-            roomId,
-            threadId
-          })
+          { type: "MARK_THREAD_AS_UNRESOLVED_ERROR", roomId, threadId },
+          err
         )
       );
     },
@@ -3838,6 +3558,7 @@ function useRoomNotificationSettings() {
   }, [settings, updateRoomNotificationSettings]);
 }
 function useRoomNotificationSettingsSuspense() {
+  ensureNotServerSide();
   const client = useClient();
   const store = getRoomExtrasForClient(client).store;
   const room = useRoom();
@@ -3902,6 +3623,7 @@ 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;
@@ -3927,24 +3649,15 @@ function useUpdateRoomNotificationSettings() {
           store.updateRoomNotificationSettings(room.id, optimisticId, settings2);
         },
         (err) => onMutationFailure(
-          err,
           optimisticId,
-          (error) => new UpdateNotificationSettingsError(error, {
-            roomId: room.id
-          })
+          { type: "UPDATE_NOTIFICATION_SETTINGS_ERROR", roomId: room.id },
+          err
         )
       );
     },
     [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();
@@ -3993,6 +3706,7 @@ function useStorageStatusSuspense(options) {
   return useStorageStatus(options);
 }
 function useThreadsSuspense(options = {}) {
+  ensureNotServerSide();
   const client = useClient();
   const room = useRoom();
   const { store } = getRoomExtrasForClient(client);
@@ -4136,9 +3850,6 @@ export {
   useDeleteInboxNotification,
   useUnreadInboxNotificationsCount,
   useUnreadInboxNotificationsCountSuspense,
-  useChannelsNotificationSettings,
-  useChannelsNotificationSettingsSuspense,
-  useUpdateChannelsNotificationSettings,
   useRoomInfo,
   useRoomInfoSuspense,
   _useInboxNotificationThread,
@@ -4147,7 +3858,7 @@ export {
   _useUserThreads_experimental,
   _useUserThreadsSuspense_experimental,
   useSyncStatus,
-  CreateThreadError,
+  useErrorListener,
   useStatus,
   useReportTextEditor,
   useYjsProvider,
@@ -4158,14 +3869,12 @@ export {
   useStorageStatus,
   useBatch,
   useLostConnectionListener,
-  useErrorListener,
   useHistory,
   useUndo,
   useRedo,
   useCanUndo,
   useCanRedo,
   useOthersConnectionIds,
-  useCommentsErrorListener,
   useCreateRoomThread,
   useDeleteRoomThread,
   useEditRoomThreadMetadata,
@@ -4225,4 +3934,4 @@ export {
   _useStorageRoot,
   _useUpdateMyPresence
 };
-//# sourceMappingURL=chunk-VX6Y3GQO.mjs.map
+//# sourceMappingURL=chunk-4KNGHD4I.mjs.map