pdf-e-signature/dist/SignPdf.js

A React component that allows users to select positions for e-signatures on PDFs

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _react = _interopRequireWildcard(require("react"));
var _reactPdf = require("react-pdf");
var _DocumentViewer = _interopRequireDefault(require("./components/DocumentViewer"));
var _SignatureModal = _interopRequireDefault(require("./components/SignatureModal"));
var _pdfWorker = _interopRequireDefault(require("pdfjs-dist/build/pdf.worker.entry"));
var _useSignature = require("./hooks/useSignature");
var _usePDF = require("./hooks/usePDF");
require("./index.css");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
// Configure PDF.js worker

_reactPdf.pdfjs.GlobalWorkerOptions.workerSrc = _pdfWorker.default;
function SignPdf(_ref) {
  let {
    pdfUrl = '',
    signaturePositions: initialSignaturePositions = [],
    pdfFile,
    onSigningComplete
  } = _ref;
  const containerRef = (0, _react.useRef)(null);
  const {
    isModalOpen,
    setIsModalOpen,
    setSelectedPosition,
    isSavingSignature,
    signatureRef,
    clearSignature,
    saveSignature,
    handleSignatureUpload,
    setSignaturePositions,
    signaturePositions
  } = (0, _useSignature.useSignature)();
  (0, _react.useEffect)(() => {
    setSignaturePositions(initialSignaturePositions);
  }, [initialSignaturePositions]);
  const {
    scale,
    setScale,
    currentPage,
    setCurrentPage,
    numPages,
    signedPdfUrl,
    isGeneratingPdf,
    onDocumentLoadSuccess,
    generateSignedPdf,
    setSignedPdfUrl
  } = (0, _usePDF.usePDF)();

  // Handle signature button click
  const handleSignatureClick = position => {
    if (!position.signature) {
      setSelectedPosition(position);
      setIsModalOpen(true);
    }
  };

  // Handle signature removal - only remove the signature while keeping the position
  const handleRemoveSign = index => {
    const updatedPositions = signaturePositions.map((pos, i) => {
      if (i === index) {
        // Keep all position data but remove the signature and timestamp
        const {
          signature,
          timestamp,
          ...rest
        } = pos;
        return rest;
      }
      return pos;
    });
    setSignaturePositions(updatedPositions);
  };

  // Reset the application
  const resetApp = () => {
    setSignaturePositions([]);
  };

  // Handle PDF signing completion
  const handleSigningComplete = async () => {
    try {
      const signedPdfBlob = await generateSignedPdf(pdfFile, signaturePositions);
      if (onSigningComplete) {
        onSigningComplete(signedPdfBlob);
      }
    } catch (error) {
      console.error('Error generating signed PDF:', error);
    }
  };
  return /*#__PURE__*/_react.default.createElement("div", {
    className: "flex flex-col items-center min-h-screen bg-gray-100 p-4"
  }, /*#__PURE__*/_react.default.createElement("div", {
    className: "w-full flex flex-col items-center"
  }, /*#__PURE__*/_react.default.createElement(_DocumentViewer.default, {
    pdfUrl: pdfUrl,
    signaturePositions: signaturePositions,
    onSignatureClick: handleSignatureClick,
    onDocumentLoadSuccess: onDocumentLoadSuccess,
    currentPage: currentPage,
    scale: scale,
    setCurrentPage: setCurrentPage,
    setScale: setScale,
    onGenerateSignedPdf: handleSigningComplete,
    isGeneratingPdf: isGeneratingPdf,
    signedPdfUrl: signedPdfUrl,
    onReset: resetApp,
    containerRef: containerRef,
    numPages: numPages,
    onRemoveSign: handleRemoveSign,
    setSignedPdfUrl: setSignedPdfUrl
  }), /*#__PURE__*/_react.default.createElement(_SignatureModal.default, {
    isOpen: isModalOpen,
    onClose: () => {
      setIsModalOpen(false);
      setSelectedPosition(null);
    },
    isSavingSignature: isSavingSignature,
    signatureRef: signatureRef,
    clearSignature: clearSignature,
    onSave: () => saveSignature(signaturePositions, setSignaturePositions),
    onUpload: e => handleSignatureUpload(e, signaturePositions, setSignaturePositions)
  })));
}
var _default = exports.default = SignPdf;