Function handlePointerUp

apps/OpenSign/src/components/pdf/RenderPdf.jsx:547–624

(e)

  };

  const handlePointerUp = (e) => {
    if (!isDrawingRef.current || !drawStartRef.current || !drawEndRef.current) {
      isDrawingRef.current = false;
      drawStartRef.current = null;
      drawEndRef.current = null;
      setIsDrawing(false);
      return;
    }

    // Use page-relative coordinates for widget dimensions and position
    const pageWidth = Math.abs(
      drawEndRef.current.pageX - drawStartRef.current.pageX
    );
    const pageHeight = Math.abs(
      drawEndRef.current.pageY - drawStartRef.current.pageY
    );

    // Only create widget if the drawn area is large enough (minimum 30x20 pixels)
    if (pageWidth > 30 && pageHeight > 20) {
      const drawPageNum = drawStartRef.current.pageNum;
      const containerScale = getContainerScale(
        props.pdfOriginalWH,
        drawPageNum,
        props.containerWH
      );

      const rectX = Math.min(
        drawStartRef.current.pageX,
        drawEndRef.current.pageX
      );
      const rectY = Math.min(
        drawStartRef.current.pageY,
        drawEndRef.current.pageY
      );

      // Convert pixel coordinates to PDF coordinates
      const xPosition = rectX / (containerScale * props.scale);
      const yPosition = rectY / (containerScale * props.scale);
      const widgetWidth = pageWidth / (containerScale * props.scale);
      const widgetHeight = pageHeight / (containerScale * props.scale);

      // Create a Text Input widget at the drawn position
      if (props.addPositionOfSignature) {
        // If drawing on a different page, update pageNumber first
        if (drawPageNum !== props.pageNumber && props.setPageNumber) {
          props.setPageNumber(drawPageNum);
        }
        // Simulate dropping a text input widget
        const type =
          props?.roleName === "prefill" ? textWidget : textInputWidget;
        const textInputItem = { text: type, type: "BOX" };

        const monitor = {
          type: type,
          getClientOffset: () => ({ x: rectX, y: rectY }),
          getSourceClientOffset: () => ({ x: rectX, y: rectY })
        };