@liveblocks/react 3.21.0-exp1 → 3.21.0-private1

package/dist/{chunk-I7KWWALK.cjs → chunk-4KEFQLUK.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/version.ts
 var PKG_NAME = "@liveblocks/react";
-var PKG_VERSION = "3.21.0-exp1";
+var PKG_VERSION = "3.21.0-private1";
 var PKG_FORMAT = "cjs";
 
 // src/ClientSideSuspense.tsx
@@ -20,4 +20,4 @@ function ClientSideSuspense(props) {
 
 
 exports.PKG_NAME = PKG_NAME; exports.PKG_VERSION = PKG_VERSION; exports.PKG_FORMAT = PKG_FORMAT; exports.ClientSideSuspense = ClientSideSuspense;
-//# sourceMappingURL=chunk-I7KWWALK.cjs.map
+//# sourceMappingURL=chunk-4KEFQLUK.cjs.map

package/dist/chunk-4KEFQLUK.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/liveblocks/liveblocks/packages/liveblocks-react/dist/chunk-4KEFQLUK.cjs","../src/version.ts","../src/ClientSideSuspense.tsx"],"names":[],"mappings":"AAAA;ACGO,IAAM,SAAA,EAAW,mBAAA;AACjB,IAAM,YAAA,EAAiD,iBAAA;AACvD,IAAM,WAAA,EAAgD,KAAA;ADD7D;AACA;AEJA,8BAA8C;AAkC1C,+CAAA;AAVG,SAAS,kBAAA,CAAmB,KAAA,EAAc;AAC/C,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,EAAA,EAAI,6BAAA,KAAc,CAAA;AAE5C,EAAA,8BAAA,CAAU,EAAA,GAAM;AAGd,IAAA,UAAA,CAAW,IAAI,CAAA;AAAA,EACjB,CAAA,EAAG,CAAC,CAAC,CAAA;AAEL,EAAA,uBACE,6BAAA,eAAC,EAAA,EAAS,QAAA,EAAU,KAAA,CAAM,QAAA,EACvB,QAAA,EAAA,QAAA,EACG,OAAO,KAAA,CAAM,SAAA,IAAa,WAAA,EACxB,KAAA,CAAM,QAAA,CAAS,EAAA,EACf,KAAA,CAAM,SAAA,EACR,KAAA,CAAM,SAAA,CACZ,CAAA;AAEJ;AF5BA;AACA;AACE;AACA;AACA;AACA;AACF,iJAAC","file":"/home/runner/work/liveblocks/liveblocks/packages/liveblocks-react/dist/chunk-4KEFQLUK.cjs","sourcesContent":[null,"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 { Suspense, useEffect, useState } 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] = useState(false);\n\n  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    <Suspense fallback={props.fallback}>\n      {mounted\n        ? typeof props.children === \"function\"\n          ? props.children()\n          : props.children\n        : props.fallback}\n    </Suspense>\n  );\n}\n"]}

package/dist/{chunk-FYYTV2LI.js → chunk-ARD7SX6Z.js}

@@ -338,7 +338,7 @@ function matchesThreadsQuery(thread, q, subscriptions) {
   if (subscriptions) {
     subscription = subscriptions?.[getSubscriptionKey("thread", thread.id)];
   }
-  return (q.resolved === void 0 || thread.resolved === q.resolved) && (q.subscribed === void 0 || q.subscribed === true && subscription !== void 0 || q.subscribed === false && subscription === void 0);
+  return (q.resolved === void 0 || thread.resolved === q.resolved) && (q.visibility === void 0 || thread.visibility === q.visibility) && (q.subscribed === void 0 || q.subscribed === true && subscription !== void 0 || q.subscribed === false && subscription === void 0);
 }
 function matchesThreadMetadata(thread, q) {
   const metadata = thread.metadata;
@@ -4528,6 +4528,7 @@ function useCreateRoomThread(roomId) {
       const metadata = options.metadata ?? {};
       const commentMetadata = options.commentMetadata ?? {};
       const attachments = options.attachments;
+      const visibility = options.visibility ?? "public";
       const threadId = createThreadId();
       const commentId = createCommentId();
       const createdAt = /* @__PURE__ */ new Date();
@@ -4551,7 +4552,8 @@ function useCreateRoomThread(roomId) {
         roomId,
         metadata,
         comments: [newComment],
-        resolved: false
+        resolved: false,
+        visibility
       };
       const { store, onMutationFailure } = getRoomExtrasForClient(client);
       const optimisticId = store.optimisticUpdates.add({
@@ -4565,6 +4567,7 @@ function useCreateRoomThread(roomId) {
         threadId,
         commentId,
         body,
+        visibility,
         metadata,
         commentMetadata,
         attachmentIds
@@ -4580,6 +4583,7 @@ function useCreateRoomThread(roomId) {
             threadId,
             commentId,
             body,
+            visibility,
             metadata,
             commentMetadata
           },
@@ -5606,7 +5610,8 @@ function useSelfAccessFallback(roomId, resource, requiredAccess) {
   );
   const getSnapshot = useCallback3(() => {
     const self = room?.id === roomId ? room.getSelf() : null;
-    if (resource === "comments" && requiredAccess === "write") {
+    const isCommentsResource = resource === "comments" || resource === "comments:public" || resource === "comments:private";
+    if (isCommentsResource && requiredAccess === "write") {
       return self?.canComment ?? true;
     }
     if (resource === "storage" && requiredAccess === "write") {
@@ -6229,4 +6234,4 @@ export {
   _useStorageRoot,
   _useUpdateMyPresence
 };
-//# sourceMappingURL=chunk-FYYTV2LI.js.map
+//# sourceMappingURL=chunk-ARD7SX6Z.js.map