@embedpdf/plugin-annotation 2.1.2 → 2.2.0

package/dist/react/index.js

@@ -1,4 +1,4 @@
-import { usePlugin, useCapability, useDocumentState } from "@embedpdf/core/react";
+import { usePlugin, useCapability, useDocumentPermissions, useDocumentState } from "@embedpdf/core/react";
 import { AnnotationPlugin, initialDocumentState, patching, getAnnotationsByPageIndex, getSelectedAnnotationByPageIndex, isInk, isSquare, isCircle, isUnderline, isStrikeout, isSquiggly, isHighlight, isLine, isPolyline, isPolygon, isFreeText, isStamp } from "@embedpdf/plugin-annotation";
 export * from "@embedpdf/plugin-annotation";
 import { useState, useEffect, useRef, useMemo, useLayoutEffect, Fragment as Fragment$1, useCallback } from "react";
@@ -59,7 +59,10 @@ function AnnotationContainer({
 }) {
   const [preview, setPreview] = useState(trackedAnnotation.object);
   const { provides: annotationCapability } = useAnnotationCapability();
+  const { canModifyAnnotations } = useDocumentPermissions(documentId);
   const gestureBaseRef = useRef(null);
+  const effectiveIsDraggable = canModifyAnnotations && isDraggable;
+  const effectiveIsResizable = canModifyAnnotations && isResizable;
   const annotationProvides = useMemo(
     () => annotationCapability ? annotationCapability.forDocument(documentId) : null,
     [annotationCapability, documentId]
@@ -121,7 +124,11 @@ function AnnotationContainer({
     },
     includeVertices: vertexConfig ? true : false
   });
-  const doubleProps = useDoublePressProps(onDoubleClick);
+  const guardedOnDoubleClick = useMemo(() => {
+    if (!canModifyAnnotations || !onDoubleClick) return void 0;
+    return onDoubleClick;
+  }, [canModifyAnnotations, onDoubleClick]);
+  const doubleProps = useDoublePressProps(guardedOnDoubleClick);
   useEffect(() => {
     setPreview(trackedAnnotation.object);
   }, [trackedAnnotation.object]);
@@ -129,7 +136,7 @@ function AnnotationContainer({
     /* @__PURE__ */ jsxs(
       "div",
       {
-        ...isDraggable && isSelected ? dragProps : {},
+        ...effectiveIsDraggable && isSelected ? dragProps : {},
         ...doubleProps,
         style: {
           position: "absolute",
@@ -141,7 +148,7 @@ function AnnotationContainer({
           outlineOffset: isSelected ? `${outlineOffset}px` : "0px",
           pointerEvents: isSelected ? "auto" : "none",
           touchAction: "none",
-          cursor: isSelected && isDraggable ? "move" : "default",
+          cursor: isSelected && effectiveIsDraggable ? "move" : "default",
           zIndex,
           ...style
         },
@@ -165,7 +172,7 @@ function AnnotationContainer({
             }
             return childrenRender;
           })(),
-          isSelected && isResizable && resize.map(
+          isSelected && effectiveIsResizable && resize.map(
             ({ key, ...hProps }) => (resizeUI == null ? void 0 : resizeUI.component) ? resizeUI.component({
               key,
               ...hProps,
@@ -179,7 +186,7 @@ function AnnotationContainer({
               key
             )
           ),
-          isSelected && vertices.map(
+          isSelected && canModifyAnnotations && vertices.map(
             ({ key, ...vProps }) => (vertexUI == null ? void 0 : vertexUI.component) ? vertexUI.component({
               key,
               ...vProps,