react-pdf-editor-1 1.2.42 → 1.2.44

package/dist/index.js

@@ -32,7 +32,8 @@ var useCreateIframeAndLoadViewer = function useCreateIframeAndLoadViewer(_ref) {
     initialAnnotations = _ref.initialAnnotations,
     notarySeal = _ref.notarySeal,
     initialSigners = _ref.initialSigners,
-    modifiedUiElements = _ref.modifiedUiElements;
+    modifiedUiElements = _ref.modifiedUiElements,
+    textTagDefaults = _ref.textTagDefaults;
   var _useState = (0, _react.useState)(false),
     _useState2 = _slicedToArray(_useState, 2),
     internalIsReady = _useState2[0],
@@ -67,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";
@@ -101,7 +103,8 @@ var useCreateIframeAndLoadViewer = function useCreateIframeAndLoadViewer(_ref) {
         initialSigners: initialSigners,
         modifiedUiElements: modifiedUiElements,
         authInfo: authInfo,
-        defaultAnnotationEditorMode: defaultAnnotationEditorMode
+        defaultAnnotationEditorMode: defaultAnnotationEditorMode,
+        textTagDefaults: textTagDefaults
       };
 
       // Set up a function to send the message
@@ -118,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);
@@ -146,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);
@@ -184,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],
@@ -558,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,
@@ -580,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.42",
+  "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,
@@ -17,7 +17,8 @@ export const useCreateIframeAndLoadViewer = ({
   initialAnnotations,
   notarySeal,
   initialSigners,
-  modifiedUiElements
+  modifiedUiElements,
+  textTagDefaults
 }) => {
   const [internalIsReady, setInternalIsReady] = useState(false);  // Add this state variable
   const [selectedPages, setSelectedPages] = useState([]);
@@ -29,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');
@@ -53,7 +55,7 @@ export const useCreateIframeAndLoadViewer = ({
     // When the iframe is loaded, post the file to it
     iframe.onload = function() {
       const targetOrigin = window.location.origin;
-      const message = { files, fileName, tools, locale, licenseKey, mode, uuid, customData, initialAnnotations, notarySeal, initialSigners, modifiedUiElements, authInfo, defaultAnnotationEditorMode };
+      const message = { files, fileName, tools, locale, licenseKey, mode, uuid, customData, initialAnnotations, notarySeal, initialSigners, modifiedUiElements, authInfo, defaultAnnotationEditorMode, textTagDefaults };
     
       // Set up a function to send the message
       const sendMessage = () => {
@@ -97,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);
+            }
+          });
+        }
       });
     };
 
@@ -134,6 +146,10 @@ export const useCreateIframeAndLoadViewer = ({
     return () => window.parent.removeEventListener('message', handleIframeLoaded);
   }, []);
 
+  useEffect(() => () => {
+    documentUpdatedListeners.current.clear();
+  }, []);
+
   const [clickedTag, setClickedTag] = useState(null);
 
   const handleTagClicked = (event) => {
@@ -386,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,
@@ -407,6 +436,7 @@ export const useCreateIframeAndLoadViewer = ({
     notarySealIds,
     hasSeal,
     authTokens,
-    signatureModalOpen
+    signatureModalOpen,
+    onDocumentUpdated
   };
 };