@liveblocks/react 2.7.2 → 2.8.0-beta2

package/dist/{chunk-QC6HYSYS.mjs → chunk-OBLKSEC3.mjs}

@@ -1,6 +1,6 @@
 // src/version.ts
 var PKG_NAME = "@liveblocks/react";
-var PKG_VERSION = "2.7.2";
+var PKG_VERSION = "2.8.0-beta2";
 var PKG_FORMAT = "esm";
 
 // src/ClientSideSuspense.tsx
@@ -27,6 +27,7 @@ function useIsInsideRoom() {
 // src/liveblocks.tsx
 import {
   assert,
+  autoRetry,
   createClient,
   kInternal,
   makePoller,
@@ -90,7 +91,6 @@ function matchesOperator(value, op) {
 }
 
 // src/lib/retry-error.ts
-import { wait } from "@liveblocks/core";
 var MAX_ERROR_RETRY_COUNT = 5;
 var ERROR_RETRY_INTERVAL = 5e3;
 function retryError(action, retryCount) {
@@ -100,23 +100,6 @@ 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 = backoff[attempt - 1] ?? fallbackBackoff;
-    await wait(delay);
-  }
-}
 
 // src/lib/shallow2.ts
 import { isPlainObject as isPlainObject2, shallow } from "@liveblocks/core";
@@ -205,9 +188,6 @@ var INBOX_NOTIFICATIONS_QUERY = "INBOX_NOTIFICATIONS";
 function makeNotificationSettingsQueryKey(roomId) {
   return `${roomId}:NOTIFICATION_SETTINGS`;
 }
-function makeVersionsQueryKey(roomId) {
-  return `${roomId}-VERSIONS`;
-}
 var UmbrellaStore = class {
   constructor() {
     this._prevState = null;
@@ -223,6 +203,7 @@ var UmbrellaStore = class {
     this.getThreads = this.getThreads.bind(this);
     this.getInboxNotifications = this.getInboxNotifications.bind(this);
     this.getInboxNotificationsAsync = this.getInboxNotificationsAsync.bind(this);
+    this.getVersions = this.getVersions.bind(this);
     this.subscribeThreads = this.subscribeThreads.bind(this);
     this.subscribeInboxNotifications = this.subscribeInboxNotifications.bind(this);
     this.subscribeNotificationSettings = this.subscribeNotificationSettings.bind(this);
@@ -272,19 +253,8 @@ var UmbrellaStore = class {
       settings: nn(state.notificationSettingsByRoomId[roomId])
     };
   }
-  getVersionsAsync(roomId) {
-    const state = this.get();
-    const query = state.queries[makeVersionsQueryKey(roomId)];
-    if (query === void 0 || query.isLoading) {
-      return QUERY_STATE_LOADING;
-    }
-    if (query.error !== void 0) {
-      return query;
-    }
-    return {
-      isLoading: false,
-      versions: nn(state.versionsByRoomId[roomId])
-    };
+  getVersions() {
+    return this.get();
   }
   /**
    * @private Only used by the E2E test suite.
@@ -629,19 +599,19 @@ var UmbrellaStore = class {
   }
 };
 function internalToExternalState(state) {
-  const computed = {
-    threadsById: { ...state.rawThreadsById },
-    inboxNotificationsById: { ...state.inboxNotificationsById },
-    notificationSettingsByRoomId: { ...state.notificationSettingsByRoomId }
+  const output = {
+    threads: { ...state.rawThreadsById },
+    inboxNotifications: { ...state.inboxNotificationsById },
+    notificationSettings: { ...state.notificationSettingsByRoomId }
   };
   for (const optimisticUpdate of state.optimisticUpdates) {
     switch (optimisticUpdate.type) {
       case "create-thread": {
-        computed.threadsById[optimisticUpdate.thread.id] = optimisticUpdate.thread;
+        output.threads[optimisticUpdate.thread.id] = optimisticUpdate.thread;
         break;
       }
       case "edit-thread-metadata": {
-        const thread = computed.threadsById[optimisticUpdate.threadId];
+        const thread = output.threads[optimisticUpdate.threadId];
         if (thread === void 0) {
           break;
         }
@@ -651,7 +621,7 @@ function internalToExternalState(state) {
         if (thread.updatedAt !== void 0 && thread.updatedAt > optimisticUpdate.updatedAt) {
           break;
         }
-        computed.threadsById[thread.id] = {
+        output.threads[thread.id] = {
           ...thread,
           updatedAt: optimisticUpdate.updatedAt,
           metadata: {
@@ -662,51 +632,49 @@ function internalToExternalState(state) {
         break;
       }
       case "mark-thread-as-resolved": {
-        const thread = computed.threadsById[optimisticUpdate.threadId];
+        const thread = output.threads[optimisticUpdate.threadId];
         if (thread === void 0) {
           break;
         }
         if (thread.deletedAt !== void 0) {
           break;
         }
-        computed.threadsById[thread.id] = {
+        output.threads[thread.id] = {
           ...thread,
           resolved: true
         };
         break;
       }
       case "mark-thread-as-unresolved": {
-        const thread = computed.threadsById[optimisticUpdate.threadId];
+        const thread = output.threads[optimisticUpdate.threadId];
         if (thread === void 0) {
           break;
         }
         if (thread.deletedAt !== void 0) {
           break;
         }
-        computed.threadsById[thread.id] = {
+        output.threads[thread.id] = {
           ...thread,
           resolved: false
         };
         break;
       }
       case "create-comment": {
-        const thread = computed.threadsById[optimisticUpdate.comment.threadId];
+        const thread = output.threads[optimisticUpdate.comment.threadId];
         if (thread === void 0) {
           break;
         }
-        computed.threadsById[thread.id] = applyUpsertComment(
+        output.threads[thread.id] = applyUpsertComment(
           thread,
           optimisticUpdate.comment
         );
-        const inboxNotification = Object.values(
-          computed.inboxNotificationsById
-        ).find(
+        const inboxNotification = Object.values(output.inboxNotifications).find(
           (notification) => notification.kind === "thread" && notification.threadId === thread.id
         );
         if (inboxNotification === void 0) {
           break;
         }
-        computed.inboxNotificationsById[inboxNotification.id] = {
+        output.inboxNotifications[inboxNotification.id] = {
           ...inboxNotification,
           notifiedAt: optimisticUpdate.comment.createdAt,
           readAt: optimisticUpdate.comment.createdAt
@@ -714,22 +682,22 @@ function internalToExternalState(state) {
         break;
       }
       case "edit-comment": {
-        const thread = computed.threadsById[optimisticUpdate.comment.threadId];
+        const thread = output.threads[optimisticUpdate.comment.threadId];
         if (thread === void 0) {
           break;
         }
-        computed.threadsById[thread.id] = applyUpsertComment(
+        output.threads[thread.id] = applyUpsertComment(
           thread,
           optimisticUpdate.comment
         );
         break;
       }
       case "delete-comment": {
-        const thread = computed.threadsById[optimisticUpdate.threadId];
+        const thread = output.threads[optimisticUpdate.threadId];
         if (thread === void 0) {
           break;
         }
-        computed.threadsById[thread.id] = applyDeleteComment(
+        output.threads[thread.id] = applyDeleteComment(
           thread,
           optimisticUpdate.commentId,
           optimisticUpdate.deletedAt
@@ -737,12 +705,12 @@ function internalToExternalState(state) {
         break;
       }
       case "delete-thread": {
-        const thread = computed.threadsById[optimisticUpdate.threadId];
+        const thread = output.threads[optimisticUpdate.threadId];
         if (thread === void 0) {
           break;
         }
-        computed.threadsById[optimisticUpdate.threadId] = {
-          ...thread,
+        output.threads[optimisticUpdate.threadId] = {
+          ...output.threads[optimisticUpdate.threadId],
           deletedAt: optimisticUpdate.deletedAt,
           updatedAt: optimisticUpdate.deletedAt,
           comments: []
@@ -750,11 +718,11 @@ function internalToExternalState(state) {
         break;
       }
       case "add-reaction": {
-        const thread = computed.threadsById[optimisticUpdate.threadId];
+        const thread = output.threads[optimisticUpdate.threadId];
         if (thread === void 0) {
           break;
         }
-        computed.threadsById[thread.id] = applyAddReaction(
+        output.threads[thread.id] = applyAddReaction(
           thread,
           optimisticUpdate.commentId,
           optimisticUpdate.reaction
@@ -762,11 +730,11 @@ function internalToExternalState(state) {
         break;
       }
       case "remove-reaction": {
-        const thread = computed.threadsById[optimisticUpdate.threadId];
+        const thread = output.threads[optimisticUpdate.threadId];
         if (thread === void 0) {
           break;
         }
-        computed.threadsById[thread.id] = applyRemoveReaction(
+        output.threads[thread.id] = applyRemoveReaction(
           thread,
           optimisticUpdate.commentId,
           optimisticUpdate.emoji,
@@ -776,41 +744,36 @@ function internalToExternalState(state) {
         break;
       }
       case "mark-inbox-notification-as-read": {
-        const ibn = computed.inboxNotificationsById[optimisticUpdate.inboxNotificationId];
-        if (ibn === void 0) {
-          break;
-        }
-        computed.inboxNotificationsById[optimisticUpdate.inboxNotificationId] = { ...ibn, readAt: optimisticUpdate.readAt };
+        output.inboxNotifications[optimisticUpdate.inboxNotificationId] = {
+          ...state.inboxNotificationsById[optimisticUpdate.inboxNotificationId],
+          readAt: optimisticUpdate.readAt
+        };
         break;
       }
       case "mark-all-inbox-notifications-as-read": {
-        for (const id in computed.inboxNotificationsById) {
-          const ibn = computed.inboxNotificationsById[id];
-          if (ibn === void 0) {
-            break;
-          }
-          computed.inboxNotificationsById[id] = {
-            ...ibn,
+        for (const id in output.inboxNotifications) {
+          output.inboxNotifications[id] = {
+            ...output.inboxNotifications[id],
             readAt: optimisticUpdate.readAt
           };
         }
         break;
       }
       case "delete-inbox-notification": {
-        delete computed.inboxNotificationsById[optimisticUpdate.inboxNotificationId];
+        const {
+          [optimisticUpdate.inboxNotificationId]: _,
+          ...inboxNotifications
+        } = output.inboxNotifications;
+        output.inboxNotifications = inboxNotifications;
         break;
       }
       case "delete-all-inbox-notifications": {
-        computed.inboxNotificationsById = {};
+        output.inboxNotifications = {};
         break;
       }
       case "update-notification-settings": {
-        const settings = computed.notificationSettingsByRoomId[optimisticUpdate.roomId];
-        if (settings === void 0) {
-          break;
-        }
-        computed.notificationSettingsByRoomId[optimisticUpdate.roomId] = {
-          ...settings,
+        output.notificationSettings[optimisticUpdate.roomId] = {
+          ...output.notificationSettings[optimisticUpdate.roomId],
           ...optimisticUpdate.settings
         };
       }
@@ -818,26 +781,23 @@ function internalToExternalState(state) {
   }
   const cleanedThreads = (
     // Don't expose any soft-deleted threads
-    Object.values(computed.threadsById).filter((thread) => !thread.deletedAt).filter(
-      (thread) => (
-        // Only keep a thread if there is at least one non-deleted comment
-        thread.comments.some((c) => c.deletedAt === void 0)
-      )
+    Object.values(output.threads).filter(
+      (thread) => !thread.deletedAt
     )
   );
   const cleanedNotifications = (
     // Sort so that the most recent notifications are first
-    Object.values(computed.inboxNotificationsById).filter(
-      (ibn) => ibn.kind === "thread" ? computed.threadsById[ibn.threadId] && computed.threadsById[ibn.threadId]?.deletedAt === void 0 : true
-    ).sort((a, b) => b.notifiedAt.getTime() - a.notifiedAt.getTime())
+    Object.values(output.inboxNotifications).sort(
+      (a, b) => b.notifiedAt.getTime() - a.notifiedAt.getTime()
+    )
   );
   return {
     inboxNotifications: cleanedNotifications,
-    inboxNotificationsById: computed.inboxNotificationsById,
-    notificationSettingsByRoomId: computed.notificationSettingsByRoomId,
+    inboxNotificationsById: output.inboxNotifications,
+    notificationSettingsByRoomId: output.notificationSettings,
     queries: state.queries,
     threads: cleanedThreads,
-    threadsById: computed.threadsById,
+    threadsById: output.threads,
     versionsByRoomId: state.versionsByRoomId
   };
 }
@@ -954,14 +914,17 @@ function applyDeleteComment(thread, commentId, deletedAt) {
     (comment) => comment.id === commentId ? {
       ...comment,
       deletedAt,
-      body: void 0
+      // We optimistically remove the comment body and attachments when marking it as deleted
+      body: void 0,
+      attachments: []
     } : comment
   );
-  if (updatedComments.every((comment) => comment.deletedAt !== void 0)) {
+  if (!updatedComments.some((comment) => comment.deletedAt === void 0)) {
     return {
       ...thread,
       deletedAt,
-      updatedAt: deletedAt
+      updatedAt: deletedAt,
+      comments: []
     };
   }
   return {
@@ -1220,21 +1183,23 @@ function makeExtrasForClient(client) {
     void waitUntilInboxNotificationsLoaded().catch(() => {
     });
   }
-  function startPolling() {
-    pollerSubscribers++;
-    poller.start(POLLING_INTERVAL);
-    return () => {
-      if (pollerSubscribers <= 0) {
-        console.warn(
-          `Internal unexpected behavior. Cannot decrease subscriber count for query "${INBOX_NOTIFICATIONS_QUERY}"`
-        );
-        return;
-      }
-      pollerSubscribers--;
-      if (pollerSubscribers <= 0) {
-        poller.stop();
-      }
-    };
+  function useEnableInboxNotificationsPolling() {
+    useEffect3(() => {
+      pollerSubscribers++;
+      poller.start(POLLING_INTERVAL);
+      return () => {
+        if (pollerSubscribers <= 0) {
+          console.warn(
+            `Internal unexpected behavior. Cannot decrease subscriber count for query "${INBOX_NOTIFICATIONS_QUERY}"`
+          );
+          return;
+        }
+        pollerSubscribers--;
+        if (pollerSubscribers <= 0) {
+          poller.stop();
+        }
+      };
+    }, []);
   }
   const userThreadsPoller = makePoller(refreshUserThreads);
   let isFetchingUserThreadsUpdates = false;
@@ -1319,7 +1284,7 @@ function makeExtrasForClient(client) {
   }
   return {
     store,
-    startPolling,
+    useEnableInboxNotificationsPolling,
     waitUntilInboxNotificationsLoaded,
     loadInboxNotifications,
     incrementUserThreadsQuerySubscribers,
@@ -1364,9 +1329,11 @@ function makeLiveblocksContextBundle(client) {
   return bundle;
 }
 function useInboxNotifications_withClient(client) {
-  const { loadInboxNotifications, store, startPolling } = getExtrasForClient(client);
-  useEffect3(loadInboxNotifications, [loadInboxNotifications]);
-  useEffect3(startPolling, [startPolling]);
+  const { loadInboxNotifications, store, useEnableInboxNotificationsPolling } = getExtrasForClient(client);
+  useEffect3(() => {
+    loadInboxNotifications();
+  }, [loadInboxNotifications]);
+  useEnableInboxNotificationsPolling();
   return useSyncExternalStoreWithSelector(
     store.subscribeInboxNotifications,
     store.getInboxNotificationsAsync,
@@ -1384,9 +1351,11 @@ function useInboxNotificationsSuspense_withClient(client) {
   return result;
 }
 function useUnreadInboxNotificationsCount_withClient(client) {
-  const { store, loadInboxNotifications, startPolling } = getExtrasForClient(client);
-  useEffect3(loadInboxNotifications, [loadInboxNotifications]);
-  useEffect3(startPolling, [startPolling]);
+  const { store, loadInboxNotifications, useEnableInboxNotificationsPolling } = getExtrasForClient(client);
+  useEffect3(() => {
+    loadInboxNotifications();
+  }, [loadInboxNotifications]);
+  useEnableInboxNotificationsPolling();
   return useSyncExternalStoreWithSelector(
     store.subscribeInboxNotifications,
     store.getInboxNotificationsAsync,
@@ -1934,6 +1903,7 @@ var UpdateNotificationSettingsError = class extends Error {
 // src/room.tsx
 import { shallow as shallow4 } from "@liveblocks/client";
 import {
+  assert as assert2,
   CommentsApiError,
   console as console3,
   createCommentId,
@@ -2138,7 +2108,7 @@ function makeExtrasForClient2(client) {
     }
   }
   async function getRoomVersions(room, { retryCount } = { retryCount: 0 }) {
-    const queryKey = makeVersionsQueryKey(room.id);
+    const queryKey = getVersionsQueryKey(room.id);
     const existingRequest = requestsByQuery.get(queryKey);
     if (existingRequest !== void 0) return existingRequest;
     const request = room[kInternal2].listTextVersions();
@@ -2289,6 +2259,7 @@ function makeRoomContextBundle(client) {
     useRemoveReaction,
     useMarkThreadAsRead,
     useThreadSubscription,
+    useAttachmentUrl,
     useHistoryVersions,
     useHistoryVersionData,
     useRoomNotificationSettings,
@@ -2334,6 +2305,7 @@ function makeRoomContextBundle(client) {
       useRemoveReaction,
       useMarkThreadAsRead,
       useThreadSubscription,
+      useAttachmentUrl: useAttachmentUrlSuspense,
       // TODO: useHistoryVersionData: useHistoryVersionDataSuspense,
       useHistoryVersions: useHistoryVersionsSuspense,
       useRoomNotificationSettings: useRoomNotificationSettingsSuspense,
@@ -2800,6 +2772,7 @@ function useCreateThread() {
     (options) => {
       const body = options.body;
       const metadata = options.metadata ?? {};
+      const attachments = options.attachments;
       const threadId = createThreadId();
       const commentId = createCommentId();
       const createdAt = /* @__PURE__ */ new Date();
@@ -2811,7 +2784,8 @@ function useCreateThread() {
         type: "comment",
         userId: getCurrentUserId(room),
         body,
-        reactions: []
+        reactions: [],
+        attachments: attachments ?? []
       };
       const newThread = {
         id: threadId,
@@ -2829,7 +2803,8 @@ function useCreateThread() {
         thread: newThread,
         roomId: room.id
       });
-      room.createThread({ threadId, commentId, body, metadata }).then(
+      const attachmentIds = attachments?.map((attachment) => attachment.id);
+      room.createThread({ threadId, commentId, body, metadata, attachmentIds }).then(
         (thread) => {
           store.createThread(optimisticUpdateId, thread);
         },
@@ -2927,7 +2902,7 @@ function useCreateComment() {
   const client = useClient();
   const room = useRoom();
   return React5.useCallback(
-    ({ threadId, body }) => {
+    ({ threadId, body, attachments }) => {
       const commentId = createCommentId();
       const createdAt = /* @__PURE__ */ new Date();
       const comment = {
@@ -2938,14 +2913,16 @@ function useCreateComment() {
         createdAt,
         userId: getCurrentUserId(room),
         body,
-        reactions: []
+        reactions: [],
+        attachments: attachments ?? []
       };
       const { store, onMutationFailure } = getExtrasForClient2(client);
       const optimisticUpdateId = store.addOptimisticUpdate({
         type: "create-comment",
         comment
       });
-      room.createComment({ threadId, commentId, body }).then(
+      const attachmentIds = attachments?.map((attachment) => attachment.id);
+      room.createComment({ threadId, commentId, body, attachmentIds }).then(
         (newComment) => {
           store.createComment(newComment, optimisticUpdateId);
         },
@@ -2969,7 +2946,7 @@ function useEditComment() {
   const client = useClient();
   const room = useRoom();
   return React5.useCallback(
-    ({ threadId, commentId, body }) => {
+    ({ threadId, commentId, body, attachments }) => {
       const editedAt = /* @__PURE__ */ new Date();
       const { store, onMutationFailure } = getExtrasForClient2(client);
       const thread = store.getThreads().threadsById[threadId];
@@ -2993,10 +2970,12 @@ function useEditComment() {
         comment: {
           ...comment,
           editedAt,
-          body
+          body,
+          attachments: attachments ?? []
         }
       });
-      room.editComment({ threadId, commentId, body }).then(
+      const attachmentIds = attachments?.map((attachment) => attachment.id);
+      room.editComment({ threadId, commentId, body, attachmentIds }).then(
         (editedComment) => {
           store.editComment(threadId, optimisticUpdateId, editedComment);
         },
@@ -3356,44 +3335,34 @@ function useHistoryVersionData(versionId) {
 function useHistoryVersions() {
   const client = useClient();
   const room = useRoom();
+  const queryKey = getVersionsQueryKey(room.id);
   const { store, getRoomVersions } = getExtrasForClient2(client);
-  const getter = React5.useCallback(
-    () => store.getVersionsAsync(room.id),
-    [store, room.id]
-  );
   React5.useEffect(() => {
     void getRoomVersions(room);
   }, [room]);
-  const state = useSyncExternalStoreWithSelector2(
-    store.subscribeVersions,
-    getter,
-    getter,
-    identity2,
-    shallow4
-  );
-  return state;
-}
-function useHistoryVersionsSuspense() {
-  const client = useClient();
-  const room = useRoom();
-  const { store } = getExtrasForClient2(client);
-  const getter = React5.useCallback(
-    () => store.getVersionsAsync(room.id),
-    [store, room.id]
+  const selector = React5.useCallback(
+    (state2) => {
+      const query = state2.queries[queryKey];
+      if (query === void 0 || query.isLoading) {
+        return {
+          isLoading: true
+        };
+      }
+      return {
+        versions: state2.versionsByRoomId[room.id],
+        isLoading: false,
+        error: query.error
+      };
+    },
+    [room, queryKey]
+    // eslint-disable-line react-hooks/exhaustive-deps
   );
   const state = useSyncExternalStoreWithSelector2(
     store.subscribeVersions,
-    getter,
-    getter,
-    identity2,
-    shallow4
+    store.getVersions,
+    store.getVersions,
+    selector
   );
-  if (state.isLoading) {
-    const { getRoomVersions } = getExtrasForClient2(client);
-    throw getRoomVersions(room);
-  } else if (state.error) {
-    throw state.error;
-  }
   return state;
 }
 function useUpdateRoomNotificationSettings() {
@@ -3526,12 +3495,104 @@ function useThreadsSuspense(options = {
   useScrollToCommentOnLoadEffect(scrollOnLoad, state);
   return state;
 }
+function selectorFor_useAttachmentUrl(state) {
+  if (state === void 0 || state?.isLoading) {
+    return state ?? { isLoading: true };
+  }
+  if (state.error) {
+    return state;
+  }
+  assert2(state.data !== void 0, "Unexpected missing attachment URL");
+  return {
+    isLoading: false,
+    url: state.data
+  };
+}
+function useAttachmentUrl(attachmentId) {
+  const room = useRoom();
+  const { attachmentUrlsStore } = room[kInternal2];
+  const getAttachmentUrlState = React5.useCallback(
+    () => attachmentUrlsStore.getState(attachmentId),
+    [attachmentUrlsStore, attachmentId]
+  );
+  React5.useEffect(() => {
+    void attachmentUrlsStore.get(attachmentId);
+  }, [attachmentUrlsStore, attachmentId]);
+  return useSyncExternalStoreWithSelector2(
+    attachmentUrlsStore.subscribe,
+    getAttachmentUrlState,
+    getAttachmentUrlState,
+    selectorFor_useAttachmentUrl,
+    shallow4
+  );
+}
+function useAttachmentUrlSuspense(attachmentId) {
+  const room = useRoom();
+  const { attachmentUrlsStore } = room[kInternal2];
+  const getAttachmentUrlState = React5.useCallback(
+    () => attachmentUrlsStore.getState(attachmentId),
+    [attachmentUrlsStore, attachmentId]
+  );
+  const attachmentUrlState = getAttachmentUrlState();
+  if (!attachmentUrlState || attachmentUrlState.isLoading) {
+    throw attachmentUrlsStore.get(attachmentId);
+  }
+  if (attachmentUrlState.error) {
+    throw attachmentUrlState.error;
+  }
+  const state = useSyncExternalStore2(
+    attachmentUrlsStore.subscribe,
+    getAttachmentUrlState,
+    getAttachmentUrlState
+  );
+  assert2(state !== void 0, "Unexpected missing state");
+  assert2(!state.isLoading, "Unexpected loading state");
+  assert2(!state.error, "Unexpected error state");
+  return {
+    isLoading: false,
+    url: state.data,
+    error: void 0
+  };
+}
+function useHistoryVersionsSuspense() {
+  const client = useClient();
+  const room = useRoom();
+  const queryKey = getVersionsQueryKey(room.id);
+  const { store, getRoomVersions } = getExtrasForClient2(client);
+  const query = store.getVersions().queries[queryKey];
+  if (query === void 0 || query.isLoading) {
+    throw getRoomVersions(room);
+  }
+  if (query.error) {
+    throw query.error;
+  }
+  const selector = React5.useCallback(
+    (state2) => {
+      return {
+        versions: state2.versionsByRoomId[room.id],
+        isLoading: false
+      };
+    },
+    [room, queryKey]
+    // eslint-disable-line react-hooks/exhaustive-deps
+  );
+  const state = useSyncExternalStoreWithSelector2(
+    store.subscribeVersions,
+    store.getVersions,
+    store.getVersions,
+    selector
+  );
+  return state;
+}
 function createRoomContext(client) {
   return getOrCreateRoomContextBundle(client);
 }
 function generateQueryKey(roomId, options) {
   return `${roomId}-${stringify2(options ?? {})}`;
 }
+function getVersionsQueryKey(roomId) {
+  return `${roomId}-VERSIONS`;
+}
 var _RoomProvider = RoomProvider;
 var _useBroadcastEvent = useBroadcastEvent;
 var _useOthersListener = useOthersListener;
@@ -3622,6 +3683,8 @@ export {
   useUpdateRoomNotificationSettings,
   useOthersConnectionIdsSuspense,
   useStorageStatusSuspense,
+  useAttachmentUrl,
+  useAttachmentUrlSuspense,
   createRoomContext,
   _RoomProvider,
   _useBroadcastEvent,
@@ -3652,4 +3715,4 @@ export {
   _useStorageRoot,
   _useUpdateMyPresence
 };
-//# sourceMappingURL=chunk-QC6HYSYS.mjs.map
+//# sourceMappingURL=chunk-OBLKSEC3.mjs.map