@liveblocks/react 2.2.3-alpha1 → 2.3.0

package/dist/{chunk-OV7CUYL2.js → chunk-K5EDPAZP.js}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }// src/version.ts
 var PKG_NAME = "@liveblocks/react";
-var PKG_VERSION = "2.2.3-alpha1";
+var PKG_VERSION = "2.3.0";
 var PKG_FORMAT = "cjs";
 
 // src/ClientSideSuspense.tsx
@@ -20,6 +20,8 @@ function ClientSideSuspense(props) {
 
 
 
+
+
 var _core = require('@liveblocks/core');
 var _nanoid = require('nanoid');
 
@@ -43,6 +45,7 @@ function selectedInboxNotifications(state) {
 }
 
 // src/lib/retry-error.ts
+
 var MAX_ERROR_RETRY_COUNT = 5;
 var ERROR_RETRY_INTERVAL = 5e3;
 function retryError(action, retryCount) {
@@ -52,6 +55,23 @@ function retryError(action, retryCount) {
     void action();
   }, timeout);
 }
+async function autoRetry(promiseFn, maxTries, backoff) {
+  const fallbackBackoff = backoff.length > 0 ? backoff[backoff.length - 1] : 0;
+  let attempt = 0;
+  while (true) {
+    attempt++;
+    const promise = promiseFn();
+    try {
+      return await promise;
+    } catch (err) {
+      if (attempt >= maxTries) {
+        throw new Error(`Failed after ${maxTries} attempts: ${String(err)}`);
+      }
+    }
+    const delay = _nullishCoalesce(backoff[attempt - 1], () => ( fallbackBackoff));
+    await _core.wait.call(void 0, delay);
+  }
+}
 
 // src/lib/use-initial.ts
 
@@ -83,6 +103,33 @@ function useInitialUnlessFunction(latestValue) {
   }
 }
 
+// src/lib/use-polyfill.ts
+var use = (
+  // React.use ||
+  (promise) => {
+    if (promise.status === "pending") {
+      throw promise;
+    } else if (promise.status === "fulfilled") {
+      return promise.value;
+    } else if (promise.status === "rejected") {
+      throw promise.reason;
+    } else {
+      promise.status = "pending";
+      promise.then(
+        (v) => {
+          promise.status = "fulfilled";
+          promise.value = v;
+        },
+        (e) => {
+          promise.status = "rejected";
+          promise.reason = e;
+        }
+      );
+      throw promise;
+    }
+  }
+);
+
 // src/liveblocks.tsx
 var ClientContext = _react.createContext.call(void 0, null);
 function missingUserError(userId) {
@@ -115,12 +162,6 @@ function selectorFor_useInboxNotifications(state) {
     isLoading: false
   };
 }
-function selectorFor_useInboxNotificationsSuspense(state) {
-  return {
-    inboxNotifications: selectedInboxNotifications(state),
-    isLoading: false
-  };
-}
 function selectUnreadInboxNotificationsCount(state) {
   let count = 0;
   for (const notification of selectedInboxNotifications(state)) {
@@ -148,10 +189,40 @@ function selectorFor_useUnreadInboxNotificationsCount(state) {
     count: selectUnreadInboxNotificationsCount(state)
   };
 }
-function selectorFor_useUnreadInboxNotificationsCountSuspense(state) {
+function selectorFor_useUser(state, userId) {
+  if (state === void 0 || _optionalChain([state, 'optionalAccess', _2 => _2.isLoading])) {
+    return _nullishCoalesce(state, () => ( { isLoading: true }));
+  }
+  if (state.error) {
+    return state;
+  }
+  if (!state.data) {
+    return {
+      isLoading: false,
+      error: missingUserError(userId)
+    };
+  }
+  return {
+    isLoading: false,
+    user: state.data
+  };
+}
+function selectorFor_useRoomInfo(state, roomId) {
+  if (state === void 0 || _optionalChain([state, 'optionalAccess', _3 => _3.isLoading])) {
+    return _nullishCoalesce(state, () => ( { isLoading: true }));
+  }
+  if (state.error) {
+    return state;
+  }
+  if (!state.data) {
+    return {
+      isLoading: false,
+      error: missingRoomInfoError(roomId)
+    };
+  }
   return {
     isLoading: false,
-    count: selectUnreadInboxNotificationsCount(state)
+    info: state.data
   };
 }
 function getOrCreateContextBundle(client) {
@@ -174,93 +245,84 @@ function makeExtrasForClient(client) {
   const internals = client[_core.kInternal];
   const store = internals.cacheStore;
   const notifications = internals.notifications;
-  let fetchInboxNotifications$ = null;
   let lastRequestedAt;
-  const poller = _core.makePoller.call(void 0, 
-    () => notifications.getInboxNotifications({ since: lastRequestedAt }).then(
-      (result) => {
-        lastRequestedAt = result.meta.requestedAt;
-        store.updateThreadsAndNotifications(
-          result.threads,
-          result.inboxNotifications,
-          result.deletedThreads,
-          result.deletedInboxNotifications,
-          INBOX_NOTIFICATIONS_QUERY
-        );
-      },
-      () => {
-      }
-    )
-  );
-  async function fetchInboxNotifications({ retryCount } = { retryCount: 0 }) {
-    if (fetchInboxNotifications$ !== null) {
-      return fetchInboxNotifications$;
+  async function fetchInboxNotifications() {
+    const since = lastRequestedAt !== void 0 ? { since: lastRequestedAt } : void 0;
+    const result = await notifications.getInboxNotifications(since);
+    store.updateThreadsAndNotifications(
+      result.threads,
+      result.inboxNotifications,
+      result.deletedThreads,
+      result.deletedInboxNotifications,
+      INBOX_NOTIFICATIONS_QUERY
+    );
+    if (lastRequestedAt === void 0 || lastRequestedAt < result.meta.requestedAt) {
+      lastRequestedAt = result.meta.requestedAt;
     }
+  }
+  let pollerSubscribers = 0;
+  const poller = _core.makePoller.call(void 0, async () => {
+    try {
+      await waitUntilInboxNotificationsLoaded();
+      await fetchInboxNotifications();
+    } catch (err) {
+      console.warn(`Polling new inbox notifications failed: ${String(err)}`);
+    }
+  });
+  const waitUntilInboxNotificationsLoaded = _core.memoizeOnSuccess.call(void 0, async () => {
     store.setQueryState(INBOX_NOTIFICATIONS_QUERY, {
       isLoading: true
     });
     try {
-      fetchInboxNotifications$ = notifications.getInboxNotifications();
-      const result = await fetchInboxNotifications$;
-      store.updateThreadsAndNotifications(
-        result.threads,
-        result.inboxNotifications,
-        result.deletedThreads,
-        result.deletedInboxNotifications,
-        INBOX_NOTIFICATIONS_QUERY
+      await autoRetry(
+        () => fetchInboxNotifications(),
+        5,
+        [5e3, 5e3, 1e4, 15e3]
       );
-      if (lastRequestedAt === void 0 || lastRequestedAt > result.meta.requestedAt) {
-        lastRequestedAt = result.meta.requestedAt;
-      }
-      poller.start(POLLING_INTERVAL);
-    } catch (er) {
-      fetchInboxNotifications$ = null;
-      retryError(() => {
-        void fetchInboxNotifications({
-          retryCount: retryCount + 1
-        });
-      }, retryCount);
+    } catch (err) {
       store.setQueryState(INBOX_NOTIFICATIONS_QUERY, {
         isLoading: false,
-        error: er
+        error: err
       });
+      throw err;
     }
-    return;
+  });
+  function loadInboxNotifications() {
+    void waitUntilInboxNotificationsLoaded().catch(() => {
+    });
   }
-  let inboxNotificationsSubscribers = 0;
-  function useSubscribeToInboxNotificationsEffect(options) {
-    const autoFetch = useInitial(_nullishCoalesce(_optionalChain([options, 'optionalAccess', _ => _.autoFetch]), () => ( true)));
+  function useEnableInboxNotificationsPolling() {
     _react.useEffect.call(void 0, () => {
-      if (autoFetch) {
-        void fetchInboxNotifications();
-      }
-      inboxNotificationsSubscribers++;
+      pollerSubscribers++;
       poller.start(POLLING_INTERVAL);
       return () => {
-        if (inboxNotificationsSubscribers <= 0) {
+        if (pollerSubscribers <= 0) {
           console.warn(
             `Internal unexpected behavior. Cannot decrease subscriber count for query "${INBOX_NOTIFICATIONS_QUERY}"`
           );
           return;
         }
-        inboxNotificationsSubscribers--;
-        if (inboxNotificationsSubscribers <= 0) {
+        pollerSubscribers--;
+        if (pollerSubscribers <= 0) {
           poller.stop();
         }
       };
-    }, [autoFetch]);
+    }, []);
   }
   return {
     store,
     notifications,
-    fetchInboxNotifications,
-    useSubscribeToInboxNotificationsEffect
+    useEnableInboxNotificationsPolling,
+    waitUntilInboxNotificationsLoaded,
+    loadInboxNotifications
   };
 }
 function makeLiveblocksContextBundle(client) {
   const useInboxNotificationThread2 = (inboxNotificationId) => useInboxNotificationThread_withClient(client, inboxNotificationId);
   const useMarkInboxNotificationAsRead2 = () => useMarkInboxNotificationAsRead_withClient(client);
   const useMarkAllInboxNotificationsAsRead2 = () => useMarkAllInboxNotificationsAsRead_withClient(client);
+  const useDeleteInboxNotification2 = () => useDeleteInboxNotification_withClient(client);
+  const useDeleteAllInboxNotifications2 = () => useDeleteAllInboxNotifications_withClient(client);
   function LiveblocksProvider2(props) {
     useEnsureNoLiveblocksProvider();
     return /* @__PURE__ */ React.default.createElement(ClientContext.Provider, { value: client }, props.children);
@@ -272,6 +334,8 @@ function makeLiveblocksContextBundle(client) {
     useUnreadInboxNotificationsCount: () => useUnreadInboxNotificationsCount_withClient(client),
     useMarkInboxNotificationAsRead: useMarkInboxNotificationAsRead2,
     useMarkAllInboxNotificationsAsRead: useMarkAllInboxNotificationsAsRead2,
+    useDeleteInboxNotification: useDeleteInboxNotification2,
+    useDeleteAllInboxNotifications: useDeleteAllInboxNotifications2,
     useInboxNotificationThread: useInboxNotificationThread2,
     ...shared.classic,
     suspense: {
@@ -280,6 +344,8 @@ function makeLiveblocksContextBundle(client) {
       useUnreadInboxNotificationsCount: () => useUnreadInboxNotificationsCountSuspense_withClient(client),
       useMarkInboxNotificationAsRead: useMarkInboxNotificationAsRead2,
       useMarkAllInboxNotificationsAsRead: useMarkAllInboxNotificationsAsRead2,
+      useDeleteInboxNotification: useDeleteInboxNotification2,
+      useDeleteAllInboxNotifications: useDeleteAllInboxNotifications2,
       useInboxNotificationThread: useInboxNotificationThread2,
       ...shared.suspense
     }
@@ -287,8 +353,11 @@ function makeLiveblocksContextBundle(client) {
   return bundle;
 }
 function useInboxNotifications_withClient(client) {
-  const { store, useSubscribeToInboxNotificationsEffect } = getExtrasForClient(client);
-  useSubscribeToInboxNotificationsEffect();
+  const { loadInboxNotifications, store, useEnableInboxNotificationsPolling } = getExtrasForClient(client);
+  _react.useEffect.call(void 0, () => {
+    loadInboxNotifications();
+  }, [loadInboxNotifications]);
+  useEnableInboxNotificationsPolling();
   return _withselectorjs.useSyncExternalStoreWithSelector.call(void 0, 
     store.subscribe,
     store.get,
@@ -298,30 +367,19 @@ function useInboxNotifications_withClient(client) {
   );
 }
 function useInboxNotificationsSuspense_withClient(client) {
-  const {
-    store,
-    fetchInboxNotifications,
-    useSubscribeToInboxNotificationsEffect
-  } = getExtrasForClient(client);
-  const query = store.get().queries[INBOX_NOTIFICATIONS_QUERY];
-  if (query === void 0 || query.isLoading) {
-    throw fetchInboxNotifications();
-  }
-  if (query.error !== void 0) {
-    throw query.error;
-  }
-  useSubscribeToInboxNotificationsEffect({ autoFetch: false });
-  return _withselectorjs.useSyncExternalStoreWithSelector.call(void 0, 
-    store.subscribe,
-    store.get,
-    store.get,
-    selectorFor_useInboxNotificationsSuspense,
-    _core.shallow
-  );
+  const { waitUntilInboxNotificationsLoaded } = getExtrasForClient(client);
+  use(waitUntilInboxNotificationsLoaded());
+  const result = useInboxNotifications_withClient(client);
+  _core.assert.call(void 0, !result.error, "Did not expect error");
+  _core.assert.call(void 0, !result.isLoading, "Did not expect loading");
+  return result;
 }
 function useUnreadInboxNotificationsCount_withClient(client) {
-  const { store, useSubscribeToInboxNotificationsEffect } = getExtrasForClient(client);
-  useSubscribeToInboxNotificationsEffect();
+  const { store, loadInboxNotifications, useEnableInboxNotificationsPolling } = getExtrasForClient(client);
+  _react.useEffect.call(void 0, () => {
+    loadInboxNotifications();
+  }, [loadInboxNotifications]);
+  useEnableInboxNotificationsPolling();
   return _withselectorjs.useSyncExternalStoreWithSelector.call(void 0, 
     store.subscribe,
     store.get,
@@ -331,23 +389,12 @@ function useUnreadInboxNotificationsCount_withClient(client) {
   );
 }
 function useUnreadInboxNotificationsCountSuspense_withClient(client) {
-  const {
-    store,
-    fetchInboxNotifications,
-    useSubscribeToInboxNotificationsEffect
-  } = getExtrasForClient(client);
-  const query = store.get().queries[INBOX_NOTIFICATIONS_QUERY];
-  if (query === void 0 || query.isLoading) {
-    throw fetchInboxNotifications();
-  }
-  useSubscribeToInboxNotificationsEffect({ autoFetch: false });
-  return _withselectorjs.useSyncExternalStoreWithSelector.call(void 0, 
-    store.subscribe,
-    store.get,
-    store.get,
-    selectorFor_useUnreadInboxNotificationsCountSuspense,
-    _core.shallow
-  );
+  const { waitUntilInboxNotificationsLoaded } = getExtrasForClient(client);
+  use(waitUntilInboxNotificationsLoaded());
+  const result = useUnreadInboxNotificationsCount_withClient(client);
+  _core.assert.call(void 0, !result.isLoading, "Did not expect loading");
+  _core.assert.call(void 0, !result.error, "Did not expect error");
+  return result;
 }
 function useMarkInboxNotificationAsRead_withClient(client) {
   return _react.useCallback.call(void 0, 
@@ -407,7 +454,7 @@ function useMarkAllInboxNotificationsAsRead_withClient(client) {
     const optimisticUpdateId = _nanoid.nanoid.call(void 0, );
     const readAt = /* @__PURE__ */ new Date();
     store.pushOptimisticUpdate({
-      type: "mark-inbox-notifications-as-read",
+      type: "mark-all-inbox-notifications-as-read",
       id: optimisticUpdateId,
       readAt
     });
@@ -439,6 +486,84 @@ function useMarkAllInboxNotificationsAsRead_withClient(client) {
     );
   }, [client]);
 }
+function useDeleteInboxNotification_withClient(client) {
+  return _react.useCallback.call(void 0, 
+    (inboxNotificationId) => {
+      const { store, notifications } = getExtrasForClient(client);
+      const optimisticUpdateId = _nanoid.nanoid.call(void 0, );
+      const deletedAt = /* @__PURE__ */ new Date();
+      store.pushOptimisticUpdate({
+        type: "delete-inbox-notification",
+        id: optimisticUpdateId,
+        inboxNotificationId,
+        deletedAt
+      });
+      notifications.deleteInboxNotification(inboxNotificationId).then(
+        () => {
+          store.set((state) => {
+            const existingNotification = state.inboxNotifications[inboxNotificationId];
+            if (existingNotification === void 0) {
+              return {
+                ...state,
+                optimisticUpdates: state.optimisticUpdates.filter(
+                  (update) => update.id !== optimisticUpdateId
+                )
+              };
+            }
+            const { [inboxNotificationId]: _, ...inboxNotifications } = state.inboxNotifications;
+            return {
+              ...state,
+              inboxNotifications,
+              optimisticUpdates: state.optimisticUpdates.filter(
+                (update) => update.id !== optimisticUpdateId
+              )
+            };
+          });
+        },
+        () => {
+          store.set((state) => ({
+            ...state,
+            optimisticUpdates: state.optimisticUpdates.filter(
+              (update) => update.id !== optimisticUpdateId
+            )
+          }));
+        }
+      );
+    },
+    [client]
+  );
+}
+function useDeleteAllInboxNotifications_withClient(client) {
+  return _react.useCallback.call(void 0, () => {
+    const { store, notifications } = getExtrasForClient(client);
+    const optimisticUpdateId = _nanoid.nanoid.call(void 0, );
+    const deletedAt = /* @__PURE__ */ new Date();
+    store.pushOptimisticUpdate({
+      type: "delete-all-inbox-notifications",
+      id: optimisticUpdateId,
+      deletedAt
+    });
+    notifications.deleteAllInboxNotifications().then(
+      () => {
+        store.set((state) => ({
+          ...state,
+          inboxNotifications: {},
+          optimisticUpdates: state.optimisticUpdates.filter(
+            (update) => update.id !== optimisticUpdateId
+          )
+        }));
+      },
+      () => {
+        store.set((state) => ({
+          ...state,
+          optimisticUpdates: state.optimisticUpdates.filter(
+            (update) => update.id !== optimisticUpdateId
+          )
+        }));
+      }
+    );
+  }, [client]);
+}
 function useInboxNotificationThread_withClient(client, inboxNotificationId) {
   const { store } = getExtrasForClient(client);
   const selector = _react.useCallback.call(void 0, 
@@ -472,17 +597,17 @@ function useUser_withClient(client, userId) {
   _react.useEffect.call(void 0, () => {
     void usersStore.get(userId);
   }, [usersStore, userId]);
-  const state = _indexjs.useSyncExternalStore.call(void 0, 
+  const selector = _react.useCallback.call(void 0, 
+    (state) => selectorFor_useUser(state, userId),
+    [userId]
+  );
+  return _withselectorjs.useSyncExternalStoreWithSelector.call(void 0, 
     usersStore.subscribe,
     getUserState,
-    getUserState
+    getUserState,
+    selector,
+    _core.shallow
   );
-  return state ? {
-    isLoading: state.isLoading,
-    user: state.data,
-    // Return an error if `undefined` was returned by `resolveUsers` for this user ID
-    error: !state.isLoading && !state.data && !state.error ? missingUserError(userId) : state.error
-  } : { isLoading: true };
 }
 function useUserSuspense_withClient(client, userId) {
   const usersStore = client[_core.kInternal].usersStore;
@@ -505,10 +630,13 @@ function useUserSuspense_withClient(client, userId) {
     getUserState,
     getUserState
   );
+  _core.assert.call(void 0, state !== void 0, "Unexpected missing state");
+  _core.assert.call(void 0, !state.isLoading, "Unexpected loading state");
+  _core.assert.call(void 0, !state.error, "Unexpected error state");
   return {
     isLoading: false,
-    user: _optionalChain([state, 'optionalAccess', _2 => _2.data]),
-    error: _optionalChain([state, 'optionalAccess', _3 => _3.error])
+    user: state.data,
+    error: void 0
   };
 }
 function useRoomInfo_withClient(client, roomId) {
@@ -517,20 +645,20 @@ function useRoomInfo_withClient(client, roomId) {
     () => roomsInfoStore.getState(roomId),
     [roomsInfoStore, roomId]
   );
+  const selector = _react.useCallback.call(void 0, 
+    (state) => selectorFor_useRoomInfo(state, roomId),
+    [roomId]
+  );
   _react.useEffect.call(void 0, () => {
     void roomsInfoStore.get(roomId);
   }, [roomsInfoStore, roomId]);
-  const state = _indexjs.useSyncExternalStore.call(void 0, 
+  return _withselectorjs.useSyncExternalStoreWithSelector.call(void 0, 
     roomsInfoStore.subscribe,
     getRoomInfoState,
-    getRoomInfoState
+    getRoomInfoState,
+    selector,
+    _core.shallow
   );
-  return state ? {
-    isLoading: state.isLoading,
-    info: state.data,
-    // Return an error if `undefined` was returned by `resolveRoomsInfo` for this room ID
-    error: !state.isLoading && !state.data && !state.error ? missingRoomInfoError(roomId) : state.error
-  } : { isLoading: true };
 }
 function useRoomInfoSuspense_withClient(client, roomId) {
   const roomsInfoStore = client[_core.kInternal].roomsInfoStore;
@@ -553,10 +681,14 @@ function useRoomInfoSuspense_withClient(client, roomId) {
     getRoomInfoState,
     getRoomInfoState
   );
+  _core.assert.call(void 0, state !== void 0, "Unexpected missing state");
+  _core.assert.call(void 0, !state.isLoading, "Unexpected loading state");
+  _core.assert.call(void 0, !state.error, "Unexpected error state");
+  _core.assert.call(void 0, state.data !== void 0, "Unexpected missing room info data");
   return {
     isLoading: false,
-    info: _optionalChain([state, 'optionalAccess', _4 => _4.data]),
-    error: _optionalChain([state, 'optionalAccess', _5 => _5.error])
+    info: state.data,
+    error: void 0
   };
 }
 function createSharedContext(client) {
@@ -576,7 +708,7 @@ function createSharedContext(client) {
 }
 function useEnsureNoLiveblocksProvider(options) {
   const existing = useClientOrNull();
-  if (!_optionalChain([options, 'optionalAccess', _6 => _6.allowNesting]) && existing !== null) {
+  if (!_optionalChain([options, 'optionalAccess', _4 => _4.allowNesting]) && existing !== null) {
     throw new Error(
       "You cannot nest multiple LiveblocksProvider instances in the same React tree."
     );
@@ -641,6 +773,12 @@ function useMarkAllInboxNotificationsAsRead() {
 function useMarkInboxNotificationAsRead() {
   return useMarkInboxNotificationAsRead_withClient(useClient());
 }
+function useDeleteAllInboxNotifications() {
+  return useDeleteAllInboxNotifications_withClient(useClient());
+}
+function useDeleteInboxNotification() {
+  return useDeleteInboxNotification_withClient(useClient());
+}
 function useUnreadInboxNotificationsCount() {
   return useUnreadInboxNotificationsCount_withClient(useClient());
 }
@@ -777,6 +915,9 @@ function selectedThreads(roomId, state, options) {
       }
       const query = options.query;
       if (!query) return true;
+      if (query.resolved !== void 0 && thread.resolved !== query.resolved) {
+        return false;
+      }
       for (const key in query.metadata) {
         const metadataValue = thread.metadata[key];
         const filterValue = query.metadata[key];
@@ -851,33 +992,6 @@ function selectNotificationSettings(roomId, state) {
   return _core.nn.call(void 0, notificationSettings[roomId]);
 }
 
-// src/lib/use-polyfill.ts
-var use = (
-  // React.use ||
-  (promise) => {
-    if (promise.status === "pending") {
-      throw promise;
-    } else if (promise.status === "fulfilled") {
-      return promise.value;
-    } else if (promise.status === "rejected") {
-      throw promise.reason;
-    } else {
-      promise.status = "pending";
-      promise.then(
-        (v) => {
-          promise.status = "fulfilled";
-          promise.value = v;
-        },
-        (e) => {
-          promise.status = "rejected";
-          promise.reason = e;
-        }
-      );
-      throw promise;
-    }
-  }
-);
-
 // src/use-scroll-to-comment-on-load-effect.ts
 
 function handleScrollToCommentOnLoad(shouldScrollOnLoad, state) {
@@ -980,7 +1094,7 @@ function getCurrentUserId(room) {
 }
 function handleApiError(err) {
   const message = `Request failed with status ${err.status}: ${err.message}`;
-  if (_optionalChain([err, 'access', _7 => _7.details, 'optionalAccess', _8 => _8.error]) === "FORBIDDEN") {
+  if (_optionalChain([err, 'access', _5 => _5.details, 'optionalAccess', _6 => _6.error]) === "FORBIDDEN") {
     const detailedMessage = [message, err.details.suggestion, err.details.docs].filter(Boolean).join("\n");
     _core.console.error(detailedMessage);
   }
@@ -1402,7 +1516,7 @@ function useStatus() {
   return useSyncExternalStore2(subscribe, getSnapshot, getServerSnapshot);
 }
 function useStorageStatus(options) {
-  const smooth = useInitial(_nullishCoalesce(_optionalChain([options, 'optionalAccess', _9 => _9.smooth]), () => ( false)));
+  const smooth = useInitial(_nullishCoalesce(_optionalChain([options, 'optionalAccess', _7 => _7.smooth]), () => ( false)));
   if (smooth) {
     return useStorageStatusSmooth();
   } else {
@@ -1782,7 +1896,7 @@ function useDeleteThread() {
       const { store, onMutationFailure } = getExtrasForClient2(client);
       const thread = store.get().threads[threadId];
       const userId = getCurrentUserId(room);
-      if (_optionalChain([thread, 'optionalAccess', _10 => _10.comments, 'optionalAccess', _11 => _11[0], 'optionalAccess', _12 => _12.userId]) !== userId) {
+      if (_optionalChain([thread, 'optionalAccess', _8 => _8.comments, 'optionalAccess', _9 => _9[0], 'optionalAccess', _10 => _10.userId]) !== userId) {
         throw new Error("Only the thread creator can delete the thread");
       }
       store.pushOptimisticUpdate({
@@ -2753,5 +2867,7 @@ var _useUpdateMyPresence = useUpdateMyPresence;
 
 
 
-exports.PKG_NAME = PKG_NAME; exports.PKG_VERSION = PKG_VERSION; exports.PKG_FORMAT = PKG_FORMAT; exports.ClientSideSuspense = ClientSideSuspense; exports.ClientContext = ClientContext; exports.useClient = useClient; exports.LiveblocksProvider = LiveblocksProvider; exports.createLiveblocksContext = createLiveblocksContext; exports.useInboxNotifications = useInboxNotifications; exports.useInboxNotificationsSuspense = useInboxNotificationsSuspense; exports.useMarkAllInboxNotificationsAsRead = useMarkAllInboxNotificationsAsRead; exports.useMarkInboxNotificationAsRead = useMarkInboxNotificationAsRead; exports.useUnreadInboxNotificationsCount = useUnreadInboxNotificationsCount; exports.useUnreadInboxNotificationsCountSuspense = useUnreadInboxNotificationsCountSuspense; exports.useRoomInfo = useRoomInfo; exports.useRoomInfoSuspense = useRoomInfoSuspense; exports._useInboxNotificationThread = _useInboxNotificationThread; exports._useUser = _useUser; exports._useUserSuspense = _useUserSuspense; exports.CreateThreadError = CreateThreadError; exports.selectedThreads = selectedThreads; exports.RoomContext = RoomContext; exports.useStatus = useStatus; exports.useStorageStatus = useStorageStatus; exports.useBatch = useBatch; exports.useLostConnectionListener = useLostConnectionListener; exports.useErrorListener = useErrorListener; exports.useHistory = useHistory; exports.useUndo = useUndo; exports.useRedo = useRedo; exports.useCanUndo = useCanUndo; exports.useCanRedo = useCanRedo; exports.useOthersConnectionIds = useOthersConnectionIds; exports.useCommentsErrorListener = useCommentsErrorListener; exports.useCreateComment = useCreateComment; exports.useEditComment = useEditComment; exports.useDeleteComment = useDeleteComment; exports.useRemoveReaction = useRemoveReaction; exports.useMarkThreadAsRead = useMarkThreadAsRead; exports.useMarkThreadAsResolved = useMarkThreadAsResolved; exports.useMarkThreadAsUnresolved = useMarkThreadAsUnresolved; exports.useThreadSubscription = useThreadSubscription; exports.useRoomNotificationSettings = useRoomNotificationSettings; exports.useUpdateRoomNotificationSettings = useUpdateRoomNotificationSettings; exports.useOthersConnectionIdsSuspense = useOthersConnectionIdsSuspense; exports.useStorageStatusSuspense = useStorageStatusSuspense; exports.createRoomContext = createRoomContext; exports._RoomProvider = _RoomProvider; exports._useBroadcastEvent = _useBroadcastEvent; exports._useOthersListener = _useOthersListener; exports._useRoom = _useRoom; 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._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-OV7CUYL2.js.map
+
+
+exports.PKG_NAME = PKG_NAME; exports.PKG_VERSION = PKG_VERSION; exports.PKG_FORMAT = PKG_FORMAT; exports.ClientSideSuspense = ClientSideSuspense; exports.ClientContext = ClientContext; 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.CreateThreadError = CreateThreadError; exports.selectedThreads = selectedThreads; exports.RoomContext = RoomContext; exports.useStatus = useStatus; exports.useStorageStatus = useStorageStatus; exports.useBatch = useBatch; exports.useLostConnectionListener = useLostConnectionListener; exports.useErrorListener = useErrorListener; exports.useHistory = useHistory; exports.useUndo = useUndo; exports.useRedo = useRedo; exports.useCanUndo = useCanUndo; exports.useCanRedo = useCanRedo; exports.useOthersConnectionIds = useOthersConnectionIds; exports.useCommentsErrorListener = useCommentsErrorListener; exports.useCreateComment = useCreateComment; exports.useEditComment = useEditComment; exports.useDeleteComment = useDeleteComment; exports.useRemoveReaction = useRemoveReaction; exports.useMarkThreadAsRead = useMarkThreadAsRead; exports.useMarkThreadAsResolved = useMarkThreadAsResolved; exports.useMarkThreadAsUnresolved = useMarkThreadAsUnresolved; exports.useThreadSubscription = useThreadSubscription; exports.useRoomNotificationSettings = useRoomNotificationSettings; exports.useUpdateRoomNotificationSettings = useUpdateRoomNotificationSettings; exports.useOthersConnectionIdsSuspense = useOthersConnectionIdsSuspense; exports.useStorageStatusSuspense = useStorageStatusSuspense; exports.createRoomContext = createRoomContext; exports._RoomProvider = _RoomProvider; exports._useBroadcastEvent = _useBroadcastEvent; exports._useOthersListener = _useOthersListener; exports._useRoom = _useRoom; 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._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-K5EDPAZP.js.map