@liveblocks/react 2.9.3-experimental1 → 2.10.0

package/dist/chunk-PJN3AKDH.js

@@ -0,0 +1,22 @@
+"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; } }// src/version.ts
+var PKG_NAME = "@liveblocks/react";
+var PKG_VERSION = "2.10.0";
+var PKG_FORMAT = "cjs";
+
+// src/ClientSideSuspense.tsx
+var _react = require('react'); var React = _interopRequireWildcard(_react);
+function ClientSideSuspense(props) {
+  const [mounted, setMounted] = React.useState(false);
+  React.useEffect(() => {
+    setMounted(true);
+  }, []);
+  return /* @__PURE__ */ React.createElement(React.Suspense, { fallback: props.fallback }, mounted ? typeof props.children === "function" ? props.children() : props.children : props.fallback);
+}
+
+
+
+
+
+
+exports.PKG_NAME = PKG_NAME; exports.PKG_VERSION = PKG_VERSION; exports.PKG_FORMAT = PKG_FORMAT; exports.ClientSideSuspense = ClientSideSuspense;
+//# sourceMappingURL=chunk-PJN3AKDH.js.map

package/dist/chunk-PJN3AKDH.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/version.ts","../src/ClientSideSuspense.tsx"],"names":[],"mappings":";AAGO,IAAM,WAAW;AACjB,IAAM,cAAiD;AACvD,IAAM,aAAgD;;;ACJ7D,YAAY,WAAW;AAwBhB,SAAS,mBAAmB,OAAc;AAC/C,QAAM,CAAC,SAAS,UAAU,IAAU,eAAS,KAAK;AAElD,EAAM,gBAAU,MAAM;AAGpB,eAAW,IAAI;AAAA,EACjB,GAAG,CAAC,CAAC;AAEL,SACE,oCAAO,gBAAN,EAAe,UAAU,MAAM,YAC7B,UACG,OAAO,MAAM,aAAa,aACxB,MAAM,SAAS,IACf,MAAM,WACR,MAAM,QACZ;AAEJ","sourcesContent":["declare const __VERSION__: string;\ndeclare const TSUP_FORMAT: string;\n\nexport const PKG_NAME = \"@liveblocks/react\";\nexport const PKG_VERSION = typeof __VERSION__ === \"string\" && __VERSION__;\nexport const PKG_FORMAT = typeof TSUP_FORMAT === \"string\" && TSUP_FORMAT;\n","import type { ReactNode } from \"react\";\nimport * as React from \"react\";\n\ntype Props = {\n  fallback: ReactNode;\n  children: (() => ReactNode | undefined) | ReactNode | undefined;\n};\n\n/**\n * Almost like a normal <Suspense> component, except that for server-side\n * renders, the fallback will be used.\n *\n * The child props will have to be provided in a function, i.e. change:\n *\n *   <Suspense fallback={<Loading />}>\n *     <MyRealComponent a={1} />\n *   </Suspense>\n *\n * To:\n *\n *   <ClientSideSuspense fallback={<Loading />}>\n *     <MyRealComponent a={1} />\n *   </ClientSideSuspense>\n *\n */\nexport function ClientSideSuspense(props: Props) {\n  const [mounted, setMounted] = React.useState(false);\n\n  React.useEffect(() => {\n    // Effects are never executed on the server side. The point of this is to\n    // delay the flipping of this boolean until after hydration has happened.\n    setMounted(true);\n  }, []);\n\n  return (\n    <React.Suspense fallback={props.fallback}>\n      {mounted\n        ? typeof props.children === \"function\"\n          ? props.children()\n          : props.children\n        : props.fallback}\n    </React.Suspense>\n  );\n}\n"]}

package/dist/chunk-PXKGBTHT.mjs

@@ -0,0 +1,22 @@
+// src/version.ts
+var PKG_NAME = "@liveblocks/react";
+var PKG_VERSION = "2.10.0";
+var PKG_FORMAT = "esm";
+
+// src/ClientSideSuspense.tsx
+import * as React from "react";
+function ClientSideSuspense(props) {
+  const [mounted, setMounted] = React.useState(false);
+  React.useEffect(() => {
+    setMounted(true);
+  }, []);
+  return /* @__PURE__ */ React.createElement(React.Suspense, { fallback: props.fallback }, mounted ? typeof props.children === "function" ? props.children() : props.children : props.fallback);
+}
+
+export {
+  PKG_NAME,
+  PKG_VERSION,
+  PKG_FORMAT,
+  ClientSideSuspense
+};
+//# sourceMappingURL=chunk-PXKGBTHT.mjs.map

package/dist/chunk-PXKGBTHT.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/version.ts","../src/ClientSideSuspense.tsx"],"sourcesContent":["declare const __VERSION__: string;\ndeclare const TSUP_FORMAT: string;\n\nexport const PKG_NAME = \"@liveblocks/react\";\nexport const PKG_VERSION = typeof __VERSION__ === \"string\" && __VERSION__;\nexport const PKG_FORMAT = typeof TSUP_FORMAT === \"string\" && TSUP_FORMAT;\n","import type { ReactNode } from \"react\";\nimport * as React from \"react\";\n\ntype Props = {\n  fallback: ReactNode;\n  children: (() => ReactNode | undefined) | ReactNode | undefined;\n};\n\n/**\n * Almost like a normal <Suspense> component, except that for server-side\n * renders, the fallback will be used.\n *\n * The child props will have to be provided in a function, i.e. change:\n *\n *   <Suspense fallback={<Loading />}>\n *     <MyRealComponent a={1} />\n *   </Suspense>\n *\n * To:\n *\n *   <ClientSideSuspense fallback={<Loading />}>\n *     <MyRealComponent a={1} />\n *   </ClientSideSuspense>\n *\n */\nexport function ClientSideSuspense(props: Props) {\n  const [mounted, setMounted] = React.useState(false);\n\n  React.useEffect(() => {\n    // Effects are never executed on the server side. The point of this is to\n    // delay the flipping of this boolean until after hydration has happened.\n    setMounted(true);\n  }, []);\n\n  return (\n    <React.Suspense fallback={props.fallback}>\n      {mounted\n        ? typeof props.children === \"function\"\n          ? props.children()\n          : props.children\n        : props.fallback}\n    </React.Suspense>\n  );\n}\n"],"mappings":";AAGO,IAAM,WAAW;AACjB,IAAM,cAAiD;AACvD,IAAM,aAAgD;;;ACJ7D,YAAY,WAAW;AAwBhB,SAAS,mBAAmB,OAAc;AAC/C,QAAM,CAAC,SAAS,UAAU,IAAU,eAAS,KAAK;AAElD,EAAM,gBAAU,MAAM;AAGpB,eAAW,IAAI;AAAA,EACjB,GAAG,CAAC,CAAC;AAEL,SACE,oCAAO,gBAAN,EAAe,UAAU,MAAM,YAC7B,UACG,OAAO,MAAM,aAAa,aACxB,MAAM,SAAS,IACf,MAAM,WACR,MAAM,QACZ;AAEJ;","names":[]}

package/dist/{chunk-PZIVKFDZ.js → chunk-WJLAYICR.js}

@@ -1,23 +1,8 @@
-"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.9.3-experimental1";
-var PKG_FORMAT = "cjs";
-
-// src/ClientSideSuspense.tsx
-var _react = require('react'); var React = _interopRequireWildcard(_react); var React2 = _interopRequireWildcard(_react); var React5 = _interopRequireWildcard(_react); var React4 = _interopRequireWildcard(_react);
-function ClientSideSuspense(props) {
-  const [mounted, setMounted] = React.useState(false);
-  React.useEffect(() => {
-    setMounted(true);
-  }, []);
-  return /* @__PURE__ */ React.createElement(React.Suspense, { fallback: props.fallback }, mounted ? typeof props.children === "function" ? props.children() : props.children : props.fallback);
-}
-
-// src/contexts.ts
-
-var RoomContext = React2.createContext(null);
+"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/contexts.ts
+var _react = require('react'); var React = _interopRequireWildcard(_react); var React4 = _interopRequireWildcard(_react); var React3 = _interopRequireWildcard(_react);
+var RoomContext = React.createContext(null);
 function useRoomOrNull() {
-  return React2.useContext(RoomContext);
+  return React.useContext(RoomContext);
 }
 function useIsInsideRoom() {
   const room = useRoomOrNull();
@@ -1804,20 +1789,21 @@ function useUser_withClient(client, userId) {
     () => usersStore.getState(userId),
     [usersStore, userId]
   );
-  _react.useEffect.call(void 0, () => {
-    void usersStore.get(userId);
-  }, [usersStore, userId]);
   const selector = _react.useCallback.call(void 0, 
     (state) => selectorFor_useUser(state, userId),
     [userId]
   );
-  return _withselectorjs.useSyncExternalStoreWithSelector.call(void 0, 
+  const result = _withselectorjs.useSyncExternalStoreWithSelector.call(void 0, 
     usersStore.subscribe,
     getUserState,
     getUserState,
     selector,
     _core.shallow
   );
+  _react.useEffect.call(void 0, () => {
+    void usersStore.get(userId);
+  }, [usersStore, userId, result]);
+  return result;
 }
 function useUserSuspense_withClient(client, userId) {
   const usersStore = client[_core.kInternal].usersStore;
@@ -1859,16 +1845,17 @@ function useRoomInfo_withClient(client, roomId) {
     (state) => selectorFor_useRoomInfo(state, roomId),
     [roomId]
   );
-  _react.useEffect.call(void 0, () => {
-    void roomsInfoStore.get(roomId);
-  }, [roomsInfoStore, roomId]);
-  return _withselectorjs.useSyncExternalStoreWithSelector.call(void 0, 
+  const result = _withselectorjs.useSyncExternalStoreWithSelector.call(void 0, 
     roomsInfoStore.subscribe,
     getRoomInfoState,
     getRoomInfoState,
     selector,
     _core.shallow
   );
+  _react.useEffect.call(void 0, () => {
+    void roomsInfoStore.get(roomId);
+  }, [roomsInfoStore, roomId, result]);
+  return result;
 }
 function useRoomInfoSuspense_withClient(client, roomId) {
   const roomsInfoStore = client[_core.kInternal].roomsInfoStore;
@@ -2213,7 +2200,7 @@ function handleScrollToCommentOnLoad(shouldScrollOnLoad, state) {
   comment.scrollIntoView();
 }
 function useScrollToCommentOnLoadEffect(shouldScrollOnLoad, state) {
-  React4.useEffect(
+  React3.useEffect(
     () => {
       handleScrollToCommentOnLoad(shouldScrollOnLoad, state);
     },
@@ -2416,7 +2403,7 @@ function makeRoomExtrasForClient(client) {
 }
 function makeRoomContextBundle(client) {
   function RoomProvider_withImplicitLiveblocksProvider(props) {
-    return /* @__PURE__ */ React5.createElement(LiveblocksProviderWithClient, { client, allowNesting: true }, /* @__PURE__ */ React5.createElement(RoomProvider, { ...props }));
+    return /* @__PURE__ */ React4.createElement(LiveblocksProviderWithClient, { client, allowNesting: true }, /* @__PURE__ */ React4.createElement(RoomProvider, { ...props }));
   }
   const shared = createSharedContext(client);
   const bundle = {
@@ -2520,10 +2507,10 @@ function makeRoomContextBundle(client) {
 }
 function RoomProvider(props) {
   const client = useClient();
-  const [cache] = React5.useState(
+  const [cache] = React4.useState(
     () => /* @__PURE__ */ new Map()
   );
-  const stableEnterRoom = React5.useCallback(
+  const stableEnterRoom = React4.useCallback(
     (roomId, options) => {
       const cached = cache.get(roomId);
       if (cached) return cached;
@@ -2538,7 +2525,7 @@ function RoomProvider(props) {
     },
     [client, cache]
   );
-  return /* @__PURE__ */ React5.createElement(
+  return /* @__PURE__ */ React4.createElement(
     RoomProviderInner,
     {
       ...props,
@@ -2558,7 +2545,7 @@ function RoomProviderInner(props) {
     if (!isString(roomId)) {
       throw new Error("RoomProvider id property should be a string.");
     }
-    const majorReactVersion = parseInt(React5.version) || 1;
+    const majorReactVersion = parseInt(React4.version) || 1;
     const oldReactVersion = majorReactVersion < 18;
     _core.errorIf.call(void 0, 
       oldReactVersion && props.unstable_batchedUpdates === void 0,
@@ -2575,14 +2562,14 @@ function RoomProviderInner(props) {
     unstable_batchedUpdates: props.unstable_batchedUpdates,
     autoConnect: _nullishCoalesce(props.autoConnect, () => ( typeof window !== "undefined"))
   });
-  const [{ room }, setRoomLeavePair] = React5.useState(
+  const [{ room }, setRoomLeavePair] = React4.useState(
     () => stableEnterRoom(roomId, {
       ...frozenProps,
       autoConnect: false
       // Deliberately using false here on the first render, see below
     })
   );
-  React5.useEffect(() => {
+  React4.useEffect(() => {
     const { store } = getRoomExtrasForClient(client);
     async function handleCommentEvent(message) {
       if (message.type === _core.ServerMsgCode.THREAD_DELETED) {
@@ -2617,12 +2604,12 @@ function RoomProviderInner(props) {
       (message) => void handleCommentEvent(message)
     );
   }, [client, room]);
-  React5.useEffect(() => {
+  React4.useEffect(() => {
     const store = getRoomExtrasForClient(client).store;
     void store.fetchRoomThreadsDeltaUpdate(room.id).catch(() => {
     });
   }, [client, room.id]);
-  React5.useEffect(() => {
+  React4.useEffect(() => {
     function handleIsOnline() {
       const store = getRoomExtrasForClient(client).store;
       void store.fetchRoomThreadsDeltaUpdate(room.id).catch(() => {
@@ -2633,7 +2620,7 @@ function RoomProviderInner(props) {
       window.removeEventListener("online", handleIsOnline);
     };
   }, [client, room.id]);
-  React5.useEffect(() => {
+  React4.useEffect(() => {
     const pair = stableEnterRoom(roomId, frozenProps);
     setRoomLeavePair(pair);
     const { room: room2, leave } = pair;
@@ -2644,7 +2631,7 @@ function RoomProviderInner(props) {
       leave();
     };
   }, [roomId, frozenProps, stableEnterRoom]);
-  return /* @__PURE__ */ React5.createElement(RoomContext.Provider, { value: room }, props.children);
+  return /* @__PURE__ */ React4.createElement(RoomContext.Provider, { value: room }, props.children);
 }
 function useRoom() {
   const room = useRoomOrNull();
@@ -2677,9 +2664,9 @@ function useStorageStatusImmediate() {
 }
 function useStorageStatusSmooth() {
   const room = useRoom();
-  const [status, setStatus] = React5.useState(room.getStorageStatus);
+  const [status, setStatus] = React4.useState(room.getStorageStatus);
   const oldStatus = useLatest(room.getStorageStatus());
-  React5.useEffect(() => {
+  React4.useEffect(() => {
     let timeoutId;
     const unsub = room.events.storageStatus.subscribe((newStatus) => {
       if (oldStatus.current === "synchronizing" && newStatus === "synchronized") {
@@ -2701,7 +2688,7 @@ function useBatch() {
 }
 function useBroadcastEvent() {
   const room = useRoom();
-  return React5.useCallback(
+  return React4.useCallback(
     (event, options = { shouldQueueEventIfNotReady: false }) => {
       room.broadcastEvent(event, options);
     },
@@ -2711,7 +2698,7 @@ function useBroadcastEvent() {
 function useOthersListener(callback) {
   const room = useRoom();
   const savedCallback = useLatest(callback);
-  React5.useEffect(
+  React4.useEffect(
     () => room.events.others.subscribe((event) => savedCallback.current(event)),
     [room, savedCallback]
   );
@@ -2719,7 +2706,7 @@ function useOthersListener(callback) {
 function useLostConnectionListener(callback) {
   const room = useRoom();
   const savedCallback = useLatest(callback);
-  React5.useEffect(
+  React4.useEffect(
     () => room.events.lostConnection.subscribe(
       (event) => savedCallback.current(event)
     ),
@@ -2729,7 +2716,7 @@ function useLostConnectionListener(callback) {
 function useErrorListener(callback) {
   const room = useRoom();
   const savedCallback = useLatest(callback);
-  React5.useEffect(
+  React4.useEffect(
     () => room.events.error.subscribe((e) => savedCallback.current(e)),
     [room, savedCallback]
   );
@@ -2737,7 +2724,7 @@ function useErrorListener(callback) {
 function useEventListener(callback) {
   const room = useRoom();
   const savedCallback = useLatest(callback);
-  React5.useEffect(() => {
+  React4.useEffect(() => {
     const listener = (eventData) => {
       savedCallback.current(eventData);
     };
@@ -2770,7 +2757,7 @@ function useSelf(maybeSelector, isEqual) {
   const subscribe = room.events.self.subscribe;
   const getSnapshot = room.getSelf;
   const selector = _nullishCoalesce(maybeSelector, () => ( identity2));
-  const wrappedSelector = React5.useCallback(
+  const wrappedSelector = React4.useCallback(
     (me) => me !== null ? selector(me) : null,
     [selector]
   );
@@ -2808,11 +2795,11 @@ function useOthers(selector, isEqual) {
   );
 }
 function useOthersMapped(itemSelector, itemIsEqual) {
-  const wrappedSelector = React5.useCallback(
+  const wrappedSelector = React4.useCallback(
     (others) => others.map((other) => [other.connectionId, itemSelector(other)]),
     [itemSelector]
   );
-  const wrappedIsEqual = React5.useCallback(
+  const wrappedIsEqual = React4.useCallback(
     (a, b) => {
       const eq = _nullishCoalesce(itemIsEqual, () => ( Object.is));
       return a.length === b.length && a.every((atuple, index) => {
@@ -2829,14 +2816,14 @@ function useOthersConnectionIds() {
 }
 var NOT_FOUND = Symbol();
 function useOther(connectionId, selector, isEqual) {
-  const wrappedSelector = React5.useCallback(
+  const wrappedSelector = React4.useCallback(
     (others) => {
       const other2 = others.find((other3) => other3.connectionId === connectionId);
       return other2 !== void 0 ? selector(other2) : NOT_FOUND;
     },
     [connectionId, selector]
   );
-  const wrappedIsEqual = React5.useCallback(
+  const wrappedIsEqual = React4.useCallback(
     (prev, curr) => {
       if (prev === NOT_FOUND || curr === NOT_FOUND) {
         return prev === curr;
@@ -2867,15 +2854,15 @@ function useStorageRoot() {
 function useStorage(selector, isEqual) {
   const room = useRoom();
   const rootOrNull = useMutableStorageRoot();
-  const wrappedSelector = React5.useCallback(
+  const wrappedSelector = React4.useCallback(
     (rootOrNull2) => rootOrNull2 !== null ? selector(rootOrNull2) : null,
     [selector]
   );
-  const subscribe = React5.useCallback(
+  const subscribe = React4.useCallback(
     (onStoreChange) => rootOrNull !== null ? room.subscribe(rootOrNull, onStoreChange, { isDeep: true }) : noop3,
     [room, rootOrNull]
   );
-  const getSnapshot = React5.useCallback(() => {
+  const getSnapshot = React4.useCallback(() => {
     if (rootOrNull === null) {
       return null;
     } else {
@@ -2895,7 +2882,7 @@ function useStorage(selector, isEqual) {
 }
 function useMutation(callback, deps) {
   const room = useRoom();
-  return React5.useMemo(
+  return React4.useMemo(
     () => {
       return (...args) => (
         // eslint-disable-next-line @typescript-eslint/no-unsafe-return
@@ -2921,7 +2908,7 @@ function useThreads(options = {
   const client = useClient();
   const room = useRoom();
   const { store, subscribeToRoomThreadsDeltaUpdates: subscribeToDeltaUpdates } = getRoomExtrasForClient(client);
-  React5.useEffect(
+  React4.useEffect(
     () => {
       void store.waitUntilRoomThreadsLoaded(room.id, options.query).catch(() => {
       });
@@ -2935,8 +2922,8 @@ function useThreads(options = {
     // 3. If ever the promise would fail, then after 5 seconds it would reset, and on the very
     //    *next* render after that, a *new* fetch/promise will get created.
   );
-  React5.useEffect(subscribeToDeltaUpdates, [subscribeToDeltaUpdates]);
-  const getter = React5.useCallback(
+  React4.useEffect(subscribeToDeltaUpdates, [subscribeToDeltaUpdates]);
+  const getter = React4.useCallback(
     () => store.getRoomThreadsAsync(room.id, options.query),
     [store, room.id, options.query]
   );
@@ -2955,14 +2942,14 @@ function useCommentsErrorListener(callback) {
   const client = useClient();
   const savedCallback = useLatest(callback);
   const { commentsErrorEventSource } = getRoomExtrasForClient(client);
-  React5.useEffect(() => {
+  React4.useEffect(() => {
     return commentsErrorEventSource.subscribe(savedCallback.current);
   }, [savedCallback, commentsErrorEventSource]);
 }
 function useCreateThread() {
   const client = useClient();
   const room = useRoom();
-  return React5.useCallback(
+  return React4.useCallback(
     (options) => {
       const body = options.body;
       const metadata = _nullishCoalesce(options.metadata, () => ( {}));
@@ -3022,7 +3009,7 @@ function useCreateThread() {
 function useDeleteThread() {
   const client = useClient();
   const room = useRoom();
-  return React5.useCallback(
+  return React4.useCallback(
     (threadId) => {
       const { store, onMutationFailure } = getRoomExtrasForClient(client);
       const thread = store.getFullState().threadsById[threadId];
@@ -3053,7 +3040,7 @@ function useDeleteThread() {
 function useEditThreadMetadata() {
   const client = useClient();
   const room = useRoom();
-  return React5.useCallback(
+  return React4.useCallback(
     (options) => {
       if (!options.metadata) {
         return;
@@ -3095,7 +3082,7 @@ function useEditThreadMetadata() {
 function useCreateComment() {
   const client = useClient();
   const room = useRoom();
-  return React5.useCallback(
+  return React4.useCallback(
     ({ threadId, body, attachments }) => {
       const commentId = _core.createCommentId.call(void 0, );
       const createdAt = /* @__PURE__ */ new Date();
@@ -3139,7 +3126,7 @@ function useCreateComment() {
 function useEditComment() {
   const client = useClient();
   const room = useRoom();
-  return React5.useCallback(
+  return React4.useCallback(
     ({ threadId, commentId, body, attachments }) => {
       const editedAt = /* @__PURE__ */ new Date();
       const { store, onMutationFailure } = getRoomExtrasForClient(client);
@@ -3191,7 +3178,7 @@ function useEditComment() {
 function useDeleteComment() {
   const client = useClient();
   const room = useRoom();
-  return React5.useCallback(
+  return React4.useCallback(
     ({ threadId, commentId }) => {
       const deletedAt = /* @__PURE__ */ new Date();
       const { store, onMutationFailure } = getRoomExtrasForClient(client);
@@ -3228,7 +3215,7 @@ function useDeleteComment() {
 function useAddReaction() {
   const client = useClient();
   const room = useRoom();
-  return React5.useCallback(
+  return React4.useCallback(
     ({ threadId, commentId, emoji }) => {
       const createdAt = /* @__PURE__ */ new Date();
       const userId = getCurrentUserId(room);
@@ -3271,7 +3258,7 @@ function useAddReaction() {
 function useRemoveReaction() {
   const client = useClient();
   const room = useRoom();
-  return React5.useCallback(
+  return React4.useCallback(
     ({ threadId, commentId, emoji }) => {
       const userId = getCurrentUserId(room);
       const removedAt = /* @__PURE__ */ new Date();
@@ -3313,7 +3300,7 @@ function useRemoveReaction() {
 function useMarkThreadAsRead() {
   const client = useClient();
   const room = useRoom();
-  return React5.useCallback(
+  return React4.useCallback(
     (threadId) => {
       const { store, onMutationFailure } = getRoomExtrasForClient(client);
       const inboxNotification = Object.values(
@@ -3354,7 +3341,7 @@ function useMarkThreadAsRead() {
 function useMarkThreadAsResolved() {
   const client = useClient();
   const room = useRoom();
-  return React5.useCallback(
+  return React4.useCallback(
     (threadId) => {
       const updatedAt = /* @__PURE__ */ new Date();
       const { store, onMutationFailure } = getRoomExtrasForClient(client);
@@ -3388,7 +3375,7 @@ function useMarkThreadAsResolved() {
 function useMarkThreadAsUnresolved() {
   const client = useClient();
   const room = useRoom();
-  return React5.useCallback(
+  return React4.useCallback(
     (threadId) => {
       const updatedAt = /* @__PURE__ */ new Date();
       const { store, onMutationFailure } = getRoomExtrasForClient(client);
@@ -3422,7 +3409,7 @@ function useMarkThreadAsUnresolved() {
 function useThreadSubscription(threadId) {
   const client = useClient();
   const { store } = getRoomExtrasForClient(client);
-  const selector = React5.useCallback(
+  const selector = React4.useCallback(
     (state) => {
       const inboxNotification = state.notifications.find(
         (inboxNotification2) => inboxNotification2.kind === "thread" && inboxNotification2.threadId === threadId
@@ -3452,11 +3439,11 @@ function useRoomNotificationSettings() {
   const client = useClient();
   const room = useRoom();
   const { store } = getRoomExtrasForClient(client);
-  const getter = React5.useCallback(
+  const getter = React4.useCallback(
     () => store.getNotificationSettingsAsync(room.id),
     [store, room.id]
   );
-  React5.useEffect(() => {
+  React4.useEffect(() => {
     const { getInboxNotificationSettings } = getRoomExtrasForClient(client);
     void getInboxNotificationSettings(room);
   }, [client, room]);
@@ -3467,7 +3454,7 @@ function useRoomNotificationSettings() {
     identity2,
     _client2.shallow
   );
-  return React5.useMemo(() => {
+  return React4.useMemo(() => {
     return [settings, updateRoomNotificationSettings];
   }, [settings, updateRoomNotificationSettings]);
 }
@@ -3476,7 +3463,7 @@ function useRoomNotificationSettingsSuspense() {
   const client = useClient();
   const room = useRoom();
   const { store } = getRoomExtrasForClient(client);
-  const getter = React5.useCallback(
+  const getter = React4.useCallback(
     () => store.getNotificationSettingsAsync(room.id),
     [store, room.id]
   );
@@ -3493,16 +3480,16 @@ function useRoomNotificationSettingsSuspense() {
   } else if (settings.error) {
     throw settings.error;
   }
-  return React5.useMemo(() => {
+  return React4.useMemo(() => {
     return [settings, updateRoomNotificationSettings];
   }, [settings, updateRoomNotificationSettings]);
 }
 function useHistoryVersionData(versionId) {
-  const [state, setState] = React5.useState({
+  const [state, setState] = React4.useState({
     isLoading: true
   });
   const room = useRoom();
-  React5.useEffect(() => {
+  React4.useEffect(() => {
     setState({ isLoading: true });
     const load = async () => {
       try {
@@ -3530,11 +3517,11 @@ function useHistoryVersions() {
   const client = useClient();
   const room = useRoom();
   const { store, getRoomVersions } = getRoomExtrasForClient(client);
-  const getter = React5.useCallback(
+  const getter = React4.useCallback(
     () => store.getVersionsAsync(room.id),
     [store, room.id]
   );
-  React5.useEffect(() => {
+  React4.useEffect(() => {
     void getRoomVersions(room);
   }, [room]);
   const state = _withselectorjs.useSyncExternalStoreWithSelector.call(void 0, 
@@ -3550,7 +3537,7 @@ function useHistoryVersionsSuspense() {
   const client = useClient();
   const room = useRoom();
   const { store } = getRoomExtrasForClient(client);
-  const getter = React5.useCallback(
+  const getter = React4.useCallback(
     () => store.getVersionsAsync(room.id),
     [store, room.id]
   );
@@ -3572,7 +3559,7 @@ function useHistoryVersionsSuspense() {
 function useUpdateRoomNotificationSettings() {
   const client = useClient();
   const room = useRoom();
-  return React5.useCallback(
+  return React4.useCallback(
     (settings) => {
       const { store, onMutationFailure } = getRoomExtrasForClient(client);
       const optimisticUpdateId = store.addOptimisticUpdate({
@@ -3682,11 +3669,11 @@ function selectorFor_useAttachmentUrl(state) {
 function useAttachmentUrl(attachmentId) {
   const room = useRoom();
   const { attachmentUrlsStore } = room[_core.kInternal];
-  const getAttachmentUrlState = React5.useCallback(
+  const getAttachmentUrlState = React4.useCallback(
     () => attachmentUrlsStore.getState(attachmentId),
     [attachmentUrlsStore, attachmentId]
   );
-  React5.useEffect(() => {
+  React4.useEffect(() => {
     void attachmentUrlsStore.get(attachmentId);
   }, [attachmentUrlsStore, attachmentId]);
   return _withselectorjs.useSyncExternalStoreWithSelector.call(void 0, 
@@ -3700,7 +3687,7 @@ function useAttachmentUrl(attachmentId) {
 function useAttachmentUrlSuspense(attachmentId) {
   const room = useRoom();
   const { attachmentUrlsStore } = room[_core.kInternal];
-  const getAttachmentUrlState = React5.useCallback(
+  const getAttachmentUrlState = React4.useCallback(
     () => attachmentUrlsStore.getState(attachmentId),
     [attachmentUrlsStore, attachmentId]
   );
@@ -3845,9 +3832,5 @@ var _useUpdateMyPresence = useUpdateMyPresence;
 
 
 
-
-
-
-
-exports.PKG_NAME = PKG_NAME; exports.PKG_VERSION = PKG_VERSION; exports.PKG_FORMAT = PKG_FORMAT; exports.ClientSideSuspense = ClientSideSuspense; exports.RoomContext = RoomContext; exports.selectThreads = selectThreads; exports.ClientContext = ClientContext; exports.getUmbrellaStoreForClient = getUmbrellaStoreForClient; exports.useClient = useClient; exports.LiveblocksProvider = LiveblocksProvider; exports.createLiveblocksContext = createLiveblocksContext; exports.useInboxNotifications = useInboxNotifications; exports.useInboxNotificationsSuspense = useInboxNotificationsSuspense; exports.useMarkAllInboxNotificationsAsRead = useMarkAllInboxNotificationsAsRead; exports.useMarkInboxNotificationAsRead = useMarkInboxNotificationAsRead; exports.useDeleteAllInboxNotifications = useDeleteAllInboxNotifications; exports.useDeleteInboxNotification = useDeleteInboxNotification; exports.useUnreadInboxNotificationsCount = useUnreadInboxNotificationsCount; exports.useUnreadInboxNotificationsCountSuspense = useUnreadInboxNotificationsCountSuspense; exports.useRoomInfo = useRoomInfo; exports.useRoomInfoSuspense = useRoomInfoSuspense; exports._useInboxNotificationThread = _useInboxNotificationThread; exports._useUser = _useUser; exports._useUserSuspense = _useUserSuspense; exports._useUserThreads_experimental = _useUserThreads_experimental; exports._useUserThreadsSuspense_experimental = _useUserThreadsSuspense_experimental; exports.CreateThreadError = CreateThreadError; 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.useHistoryVersionData = useHistoryVersionData; exports.useUpdateRoomNotificationSettings = useUpdateRoomNotificationSettings; exports.useOthersConnectionIdsSuspense = useOthersConnectionIdsSuspense; exports.useStorageStatusSuspense = useStorageStatusSuspense; exports.useAttachmentUrl = useAttachmentUrl; exports.useAttachmentUrlSuspense = useAttachmentUrlSuspense; exports.createRoomContext = createRoomContext; exports._RoomProvider = _RoomProvider; exports._useBroadcastEvent = _useBroadcastEvent; exports._useOthersListener = _useOthersListener; exports._useRoom = _useRoom; exports._useIsInsideRoom = _useIsInsideRoom; exports._useAddReaction = _useAddReaction; exports._useMutation = _useMutation; exports._useCreateThread = _useCreateThread; exports._useDeleteThread = _useDeleteThread; exports._useEditThreadMetadata = _useEditThreadMetadata; exports._useEventListener = _useEventListener; exports._useMyPresence = _useMyPresence; exports._useOthersMapped = _useOthersMapped; exports._useOthersMappedSuspense = _useOthersMappedSuspense; exports._useThreads = _useThreads; exports._useThreadsSuspense = _useThreadsSuspense; exports._useHistoryVersions = _useHistoryVersions; exports._useHistoryVersionsSuspense = _useHistoryVersionsSuspense; exports._useOther = _useOther; exports._useOthers = _useOthers; exports._useOtherSuspense = _useOtherSuspense; exports._useOthersSuspense = _useOthersSuspense; exports._useStorage = _useStorage; exports._useStorageSuspense = _useStorageSuspense; exports._useSelf = _useSelf; exports._useSelfSuspense = _useSelfSuspense; exports._useStorageRoot = _useStorageRoot; exports._useUpdateMyPresence = _useUpdateMyPresence;
-//# sourceMappingURL=chunk-PZIVKFDZ.js.map
+exports.RoomContext = RoomContext; exports.selectThreads = selectThreads; exports.ClientContext = ClientContext; exports.getUmbrellaStoreForClient = getUmbrellaStoreForClient; exports.useClient = useClient; exports.LiveblocksProvider = LiveblocksProvider; exports.createLiveblocksContext = createLiveblocksContext; exports.useInboxNotifications = useInboxNotifications; exports.useInboxNotificationsSuspense = useInboxNotificationsSuspense; exports.useMarkAllInboxNotificationsAsRead = useMarkAllInboxNotificationsAsRead; exports.useMarkInboxNotificationAsRead = useMarkInboxNotificationAsRead; exports.useDeleteAllInboxNotifications = useDeleteAllInboxNotifications; exports.useDeleteInboxNotification = useDeleteInboxNotification; exports.useUnreadInboxNotificationsCount = useUnreadInboxNotificationsCount; exports.useUnreadInboxNotificationsCountSuspense = useUnreadInboxNotificationsCountSuspense; exports.useRoomInfo = useRoomInfo; exports.useRoomInfoSuspense = useRoomInfoSuspense; exports._useInboxNotificationThread = _useInboxNotificationThread; exports._useUser = _useUser; exports._useUserSuspense = _useUserSuspense; exports._useUserThreads_experimental = _useUserThreads_experimental; exports._useUserThreadsSuspense_experimental = _useUserThreadsSuspense_experimental; exports.CreateThreadError = CreateThreadError; 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.useHistoryVersionData = useHistoryVersionData; exports.useUpdateRoomNotificationSettings = useUpdateRoomNotificationSettings; exports.useOthersConnectionIdsSuspense = useOthersConnectionIdsSuspense; exports.useStorageStatusSuspense = useStorageStatusSuspense; exports.useAttachmentUrl = useAttachmentUrl; exports.useAttachmentUrlSuspense = useAttachmentUrlSuspense; exports.createRoomContext = createRoomContext; exports._RoomProvider = _RoomProvider; exports._useBroadcastEvent = _useBroadcastEvent; exports._useOthersListener = _useOthersListener; exports._useRoom = _useRoom; exports._useIsInsideRoom = _useIsInsideRoom; exports._useAddReaction = _useAddReaction; exports._useMutation = _useMutation; exports._useCreateThread = _useCreateThread; exports._useDeleteThread = _useDeleteThread; exports._useEditThreadMetadata = _useEditThreadMetadata; exports._useEventListener = _useEventListener; exports._useMyPresence = _useMyPresence; exports._useOthersMapped = _useOthersMapped; exports._useOthersMappedSuspense = _useOthersMappedSuspense; exports._useThreads = _useThreads; exports._useThreadsSuspense = _useThreadsSuspense; exports._useHistoryVersions = _useHistoryVersions; exports._useHistoryVersionsSuspense = _useHistoryVersionsSuspense; exports._useOther = _useOther; exports._useOthers = _useOthers; exports._useOtherSuspense = _useOtherSuspense; exports._useOthersSuspense = _useOthersSuspense; exports._useStorage = _useStorage; exports._useStorageSuspense = _useStorageSuspense; exports._useSelf = _useSelf; exports._useSelfSuspense = _useSelfSuspense; exports._useStorageRoot = _useStorageRoot; exports._useUpdateMyPresence = _useUpdateMyPresence;
+//# sourceMappingURL=chunk-WJLAYICR.js.map