react-pdf-editor-1 1.2.43 → 1.2.44

package/dist/index.js

@@ -68,6 +68,7 @@ var useCreateIframeAndLoadViewer = function useCreateIframeAndLoadViewer(_ref) {
     _useState16 = _slicedToArray(_useState15, 2),
     signatureModalOpen = _useState16[0],
     setSignatureModalOpen = _useState16[1];
+  var documentUpdatedListeners = (0, _react.useRef)(new Set());
   var createIframe = function createIframe() {
     var iframe = document.createElement('iframe');
     iframe.src = iframeSrc || "/pdf-ui/index.html";
@@ -120,6 +121,7 @@ var useCreateIframeAndLoadViewer = function useCreateIframeAndLoadViewer(_ref) {
 
       // Set up an event listener to listen for a response from the iframe
       window.parent.addEventListener('message', function (event) {
+        var _event$data;
         if (event.data.type === 'file-received' && event.data.success) {
           // If the message was received successfully, clear the interval
           clearInterval(interval);
@@ -148,6 +150,15 @@ var useCreateIframeAndLoadViewer = function useCreateIframeAndLoadViewer(_ref) {
         if (event.data.type === "annotation-modal-open-change") {
           setSignatureModalOpen(event.data.message);
         }
+        if (((_event$data = event.data) === null || _event$data === void 0 ? void 0 : _event$data.type) === 'document-updated') {
+          documentUpdatedListeners.current.forEach(function (listener) {
+            try {
+              listener(event.data.message);
+            } catch (listenerError) {
+              console.error('Error running document-updated listener', listenerError);
+            }
+          });
+        }
       });
     };
     container.current.appendChild(iframe);
@@ -186,6 +197,11 @@ var useCreateIframeAndLoadViewer = function useCreateIframeAndLoadViewer(_ref) {
       return window.parent.removeEventListener('message', handleIframeLoaded);
     };
   }, []);
+  (0, _react.useEffect)(function () {
+    return function () {
+      documentUpdatedListeners.current.clear();
+    };
+  }, []);
   var _useState17 = (0, _react.useState)(null),
     _useState18 = _slicedToArray(_useState17, 2),
     clickedTag = _useState18[0],
@@ -560,6 +576,16 @@ var useCreateIframeAndLoadViewer = function useCreateIframeAndLoadViewer(_ref) {
       return _ref9.apply(this, arguments);
     };
   }();
+  var onDocumentUpdated = (0, _react.useCallback)(function (listener) {
+    if (typeof listener !== 'function') {
+      console.warn('onDocumentUpdated requires a function listener');
+      return function () {};
+    }
+    documentUpdatedListeners.current.add(listener);
+    return function () {
+      documentUpdatedListeners.current["delete"](listener);
+    };
+  }, []);
   return {
     requestBuffer: requestBuffer,
     finalizeDocument: finalizeDocument,
@@ -582,7 +608,8 @@ var useCreateIframeAndLoadViewer = function useCreateIframeAndLoadViewer(_ref) {
     notarySealIds: notarySealIds,
     hasSeal: hasSeal,
     authTokens: authTokens,
-    signatureModalOpen: signatureModalOpen
+    signatureModalOpen: signatureModalOpen,
+    onDocumentUpdated: onDocumentUpdated
   };
 };
 exports.useCreateIframeAndLoadViewer = useCreateIframeAndLoadViewer;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-pdf-editor-1",
-  "version": "1.2.43",
+  "version": "1.2.44",
   "description": "## Core",
   "main": "dist/index.js",
   "scripts": {

package/src/index.d.ts

@@ -29,5 +29,6 @@ declare module 'pdf_editor_aleon35_react_plugin' {
     splitPages: () => void;
     extractPages: () => void;
     selectedPages: number[];
+    onDocumentUpdated: (listener: (pdfData: Uint8Array) => void) => () => void;
   };
 }

package/src/index.js

@@ -1,4 +1,4 @@
-import { useEffect, useRef, useState } from 'react';
+import { useCallback, useEffect, useRef, useState } from 'react';
 
 export const useCreateIframeAndLoadViewer = ({
   files,
@@ -30,6 +30,7 @@ export const useCreateIframeAndLoadViewer = ({
   const [notarySealIds, setNotarySealIds] = useState([]);
   const [authTokens, setAuthTokens] = useState(null);
   const [signatureModalOpen, setSignatureModalOpen] = useState(false);
+  const documentUpdatedListeners = useRef(new Set());
 
   const createIframe = () => {
     const iframe = document.createElement('iframe');
@@ -98,6 +99,16 @@ export const useCreateIframeAndLoadViewer = ({
         if (event.data.type === "annotation-modal-open-change") {
           setSignatureModalOpen(event.data.message);
         }
+        if (event.data?.type === 'document-updated') {
+          documentUpdatedListeners.current.forEach((listener) => {
+            try {
+              listener(event.data.message);
+            }
+            catch (listenerError) {
+              console.error('Error running document-updated listener', listenerError);
+            }
+          });
+        }
       });
     };
 
@@ -135,6 +146,10 @@ export const useCreateIframeAndLoadViewer = ({
     return () => window.parent.removeEventListener('message', handleIframeLoaded);
   }, []);
 
+  useEffect(() => () => {
+    documentUpdatedListeners.current.clear();
+  }, []);
+
   const [clickedTag, setClickedTag] = useState(null);
 
   const handleTagClicked = (event) => {
@@ -387,6 +402,19 @@ export const useCreateIframeAndLoadViewer = ({
     });
   };
 
+  const onDocumentUpdated = useCallback((listener) => {
+    if (typeof listener !== 'function') {
+      console.warn('onDocumentUpdated requires a function listener');
+      return () => {};
+    }
+
+    documentUpdatedListeners.current.add(listener);
+
+    return () => {
+      documentUpdatedListeners.current.delete(listener);
+    };
+  }, []);
+
   return {
     requestBuffer,
     finalizeDocument,
@@ -408,6 +436,7 @@ export const useCreateIframeAndLoadViewer = ({
     notarySealIds,
     hasSeal,
     authTokens,
-    signatureModalOpen
+    signatureModalOpen,
+    onDocumentUpdated
   };
 };