react-pdf-editor-1 1.2.47 → 1.2.49
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +74 -16
- package/package.json +2 -2
- package/src/index.d.ts +15 -1
- package/src/index.js +48 -1
package/dist/index.js
CHANGED
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
3
|
Object.defineProperty(exports, "__esModule", {
|
|
5
4
|
value: true
|
|
6
5
|
});
|
|
@@ -9,6 +8,7 @@ var _react = require("react");
|
|
|
9
8
|
function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, defineProperty = Object.defineProperty || function (obj, key, desc) { obj[key] = desc.value; }, $Symbol = "function" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, ""); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return defineProperty(generator, "_invoke", { value: makeInvokeMethod(innerFn, self, context) }), generator; } function tryCatch(fn, obj, arg) { try { return { type: "normal", arg: fn.call(obj, arg) }; } catch (err) { return { type: "throw", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { ["next", "throw", "return"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if ("throw" !== record.type) { var result = record.arg, value = result.value; return value && "object" == _typeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke("next", value, resolve, reject); }, function (err) { invoke("throw", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke("throw", error, resolve, reject); }); } reject(record.arg); } var previousPromise; defineProperty(this, "_invoke", { value: function value(method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(innerFn, self, context) { var state = "suspendedStart"; return function (method, arg) { if ("executing" === state) throw new Error("Generator is already running"); if ("completed" === state) { if ("throw" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) { if ("suspendedStart" === state) throw state = "completed", context.arg; context.dispatchException(context.arg); } else "return" === context.method && context.abrupt("return", context.arg); state = "executing"; var record = tryCatch(innerFn, self, context); if ("normal" === record.type) { if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg); } }; } function maybeInvokeDelegate(delegate, context) { var methodName = context.method, method = delegate.iterator[methodName]; if (undefined === method) return context.delegate = null, "throw" === methodName && delegate.iterator["return"] && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method) || "return" !== methodName && (context.method = "throw", context.arg = new TypeError("The iterator does not provide a '" + methodName + "' method")), ContinueSentinel; var record = tryCatch(method, delegate.iterator, context.arg); if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = "normal", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: "root" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if ("function" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, defineProperty(Gp, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), defineProperty(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) { var ctor = "function" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, "toString", function () { return "[object Generator]"; }), exports.keys = function (val) { var object = Object(val), keys = []; for (var key in object) keys.push(key); return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if ("throw" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if ("root" === entry.tryLoc) return handle("end"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error("try statement without catch or finally"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if ("throw" === record.type) throw record.arg; return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, "catch": function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if ("throw" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, "next" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }
|
|
10
9
|
function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
|
|
11
10
|
function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
|
|
11
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
12
12
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
13
13
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
14
14
|
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
@@ -32,6 +32,7 @@ var useCreateIframeAndLoadViewer = function useCreateIframeAndLoadViewer(_ref) {
|
|
|
32
32
|
defaultAnnotationEditorMode = _ref.defaultAnnotationEditorMode,
|
|
33
33
|
initialAnnotations = _ref.initialAnnotations,
|
|
34
34
|
notarySeal = _ref.notarySeal,
|
|
35
|
+
notaryStamp = _ref.notaryStamp,
|
|
35
36
|
initialSigners = _ref.initialSigners,
|
|
36
37
|
modifiedUiElements = _ref.modifiedUiElements,
|
|
37
38
|
textTagDefaults = _ref.textTagDefaults,
|
|
@@ -58,19 +59,28 @@ var useCreateIframeAndLoadViewer = function useCreateIframeAndLoadViewer(_ref) {
|
|
|
58
59
|
_useState10 = _slicedToArray(_useState9, 2),
|
|
59
60
|
hasSeal = _useState10[0],
|
|
60
61
|
setHasSeal = _useState10[1];
|
|
61
|
-
var _useState11 = (0, _react.useState)(
|
|
62
|
+
var _useState11 = (0, _react.useState)(false),
|
|
62
63
|
_useState12 = _slicedToArray(_useState11, 2),
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
var _useState13 = (0, _react.useState)(
|
|
64
|
+
hasNotaryStamp = _useState12[0],
|
|
65
|
+
setHasNotaryStamp = _useState12[1];
|
|
66
|
+
var _useState13 = (0, _react.useState)([]),
|
|
66
67
|
_useState14 = _slicedToArray(_useState13, 2),
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
var _useState15 = (0, _react.useState)(
|
|
68
|
+
notarySealIds = _useState14[0],
|
|
69
|
+
setNotarySealIds = _useState14[1];
|
|
70
|
+
var _useState15 = (0, _react.useState)([]),
|
|
70
71
|
_useState16 = _slicedToArray(_useState15, 2),
|
|
71
|
-
|
|
72
|
-
|
|
72
|
+
notaryStampIds = _useState16[0],
|
|
73
|
+
setNotaryStampIds = _useState16[1];
|
|
74
|
+
var _useState17 = (0, _react.useState)(null),
|
|
75
|
+
_useState18 = _slicedToArray(_useState17, 2),
|
|
76
|
+
authTokens = _useState18[0],
|
|
77
|
+
setAuthTokens = _useState18[1];
|
|
78
|
+
var _useState19 = (0, _react.useState)(false),
|
|
79
|
+
_useState20 = _slicedToArray(_useState19, 2),
|
|
80
|
+
signatureModalOpen = _useState20[0],
|
|
81
|
+
setSignatureModalOpen = _useState20[1];
|
|
73
82
|
var documentUpdatedListeners = (0, _react.useRef)(new Set());
|
|
83
|
+
var annotationsUpdatedListeners = (0, _react.useRef)(new Set());
|
|
74
84
|
var createIframe = function createIframe() {
|
|
75
85
|
var iframe = document.createElement('iframe');
|
|
76
86
|
iframe.src = iframeSrc || "/pdf-ui/index.html";
|
|
@@ -110,6 +120,9 @@ var useCreateIframeAndLoadViewer = function useCreateIframeAndLoadViewer(_ref) {
|
|
|
110
120
|
hideUndoRedoButtons: hideUndoRedoButtons,
|
|
111
121
|
role: role
|
|
112
122
|
};
|
|
123
|
+
if (typeof notaryStamp !== 'undefined') {
|
|
124
|
+
message.notaryStamp = notaryStamp;
|
|
125
|
+
}
|
|
113
126
|
|
|
114
127
|
// Set up a function to send the message
|
|
115
128
|
var sendMessage = function sendMessage() {
|
|
@@ -125,7 +138,7 @@ var useCreateIframeAndLoadViewer = function useCreateIframeAndLoadViewer(_ref) {
|
|
|
125
138
|
|
|
126
139
|
// Set up an event listener to listen for a response from the iframe
|
|
127
140
|
window.parent.addEventListener('message', function (event) {
|
|
128
|
-
var _event$data;
|
|
141
|
+
var _event$data, _event$data2;
|
|
129
142
|
if (event.data.type === 'file-received' && event.data.success) {
|
|
130
143
|
// If the message was received successfully, clear the interval
|
|
131
144
|
clearInterval(interval);
|
|
@@ -147,14 +160,26 @@ var useCreateIframeAndLoadViewer = function useCreateIframeAndLoadViewer(_ref) {
|
|
|
147
160
|
console.log('has-seal-change', event.data.message);
|
|
148
161
|
setHasSeal(!!event.data.message);
|
|
149
162
|
}
|
|
163
|
+
if (event.data.type === 'has-stamp-change') {
|
|
164
|
+
console.log('has-stamp-change', event.data.message);
|
|
165
|
+
setHasNotaryStamp(!!event.data.message);
|
|
166
|
+
}
|
|
150
167
|
if (event.data.type === 'notary-seal-ids-change') {
|
|
151
168
|
var ids = Array.isArray(event.data.message) ? event.data.message : [];
|
|
152
169
|
setNotarySealIds(ids);
|
|
153
170
|
}
|
|
171
|
+
if (event.data.type === 'stamp-ids-change') {
|
|
172
|
+
var _ids = Array.isArray(event.data.message) ? event.data.message : [];
|
|
173
|
+
setNotaryStampIds(_ids);
|
|
174
|
+
}
|
|
154
175
|
if (event.data.type === "annotation-modal-open-change") {
|
|
155
176
|
setSignatureModalOpen(event.data.message);
|
|
156
177
|
}
|
|
157
178
|
if (((_event$data = event.data) === null || _event$data === void 0 ? void 0 : _event$data.type) === 'document-updated') {
|
|
179
|
+
console.log('[react-pdf-sdk] received document-updated', {
|
|
180
|
+
hasListeners: documentUpdatedListeners.current.size,
|
|
181
|
+
payloadType: _typeof(event.data.message)
|
|
182
|
+
});
|
|
158
183
|
documentUpdatedListeners.current.forEach(function (listener) {
|
|
159
184
|
try {
|
|
160
185
|
listener(event.data.message);
|
|
@@ -163,6 +188,19 @@ var useCreateIframeAndLoadViewer = function useCreateIframeAndLoadViewer(_ref) {
|
|
|
163
188
|
}
|
|
164
189
|
});
|
|
165
190
|
}
|
|
191
|
+
if (((_event$data2 = event.data) === null || _event$data2 === void 0 ? void 0 : _event$data2.type) === 'annotations-updated') {
|
|
192
|
+
console.log('[react-pdf-sdk] received annotations-updated', {
|
|
193
|
+
hasListeners: annotationsUpdatedListeners.current.size,
|
|
194
|
+
payload: event.data.message
|
|
195
|
+
});
|
|
196
|
+
annotationsUpdatedListeners.current.forEach(function (listener) {
|
|
197
|
+
try {
|
|
198
|
+
listener(event.data.message);
|
|
199
|
+
} catch (listenerError) {
|
|
200
|
+
console.error('Error running annotations-updated listener', listenerError);
|
|
201
|
+
}
|
|
202
|
+
});
|
|
203
|
+
}
|
|
166
204
|
});
|
|
167
205
|
};
|
|
168
206
|
container.current.appendChild(iframe);
|
|
@@ -204,12 +242,13 @@ var useCreateIframeAndLoadViewer = function useCreateIframeAndLoadViewer(_ref) {
|
|
|
204
242
|
(0, _react.useEffect)(function () {
|
|
205
243
|
return function () {
|
|
206
244
|
documentUpdatedListeners.current.clear();
|
|
245
|
+
annotationsUpdatedListeners.current.clear();
|
|
207
246
|
};
|
|
208
247
|
}, []);
|
|
209
|
-
var
|
|
210
|
-
|
|
211
|
-
clickedTag =
|
|
212
|
-
setClickedTag =
|
|
248
|
+
var _useState21 = (0, _react.useState)(null),
|
|
249
|
+
_useState22 = _slicedToArray(_useState21, 2),
|
|
250
|
+
clickedTag = _useState22[0],
|
|
251
|
+
setClickedTag = _useState22[1];
|
|
213
252
|
var handleTagClicked = function handleTagClicked(event) {
|
|
214
253
|
if (event.data.type === 'click-tag') {
|
|
215
254
|
setClickedTag(event.data);
|
|
@@ -604,10 +643,26 @@ var useCreateIframeAndLoadViewer = function useCreateIframeAndLoadViewer(_ref) {
|
|
|
604
643
|
return function () {};
|
|
605
644
|
}
|
|
606
645
|
documentUpdatedListeners.current.add(listener);
|
|
646
|
+
console.log('[react-pdf-sdk] onDocumentUpdated listener added', {
|
|
647
|
+
count: documentUpdatedListeners.current.size
|
|
648
|
+
});
|
|
607
649
|
return function () {
|
|
608
650
|
documentUpdatedListeners.current["delete"](listener);
|
|
609
651
|
};
|
|
610
652
|
}, []);
|
|
653
|
+
var onAnnotationsUpdated = (0, _react.useCallback)(function (listener) {
|
|
654
|
+
if (typeof listener !== 'function') {
|
|
655
|
+
console.warn('onAnnotationsUpdated requires a function listener');
|
|
656
|
+
return function () {};
|
|
657
|
+
}
|
|
658
|
+
annotationsUpdatedListeners.current.add(listener);
|
|
659
|
+
console.log('[react-pdf-sdk] onAnnotationsUpdated listener added', {
|
|
660
|
+
count: annotationsUpdatedListeners.current.size
|
|
661
|
+
});
|
|
662
|
+
return function () {
|
|
663
|
+
annotationsUpdatedListeners.current["delete"](listener);
|
|
664
|
+
};
|
|
665
|
+
}, []);
|
|
611
666
|
return {
|
|
612
667
|
requestBuffer: requestBuffer,
|
|
613
668
|
finalizeDocument: finalizeDocument,
|
|
@@ -628,10 +683,13 @@ var useCreateIframeAndLoadViewer = function useCreateIframeAndLoadViewer(_ref) {
|
|
|
628
683
|
selectedPages: selectedPages,
|
|
629
684
|
annotations: annotations,
|
|
630
685
|
notarySealIds: notarySealIds,
|
|
686
|
+
notaryStampIds: notaryStampIds,
|
|
631
687
|
hasSeal: hasSeal,
|
|
688
|
+
hasNotaryStamp: hasNotaryStamp,
|
|
632
689
|
authTokens: authTokens,
|
|
633
690
|
signatureModalOpen: signatureModalOpen,
|
|
634
|
-
onDocumentUpdated: onDocumentUpdated
|
|
691
|
+
onDocumentUpdated: onDocumentUpdated,
|
|
692
|
+
onAnnotationsUpdated: onAnnotationsUpdated
|
|
635
693
|
};
|
|
636
694
|
};
|
|
637
695
|
exports.useCreateIframeAndLoadViewer = useCreateIframeAndLoadViewer;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "react-pdf-editor-1",
|
|
3
|
-
"version": "1.2.
|
|
3
|
+
"version": "1.2.49",
|
|
4
4
|
"description": "## Core",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"scripts": {
|
|
@@ -30,4 +30,4 @@
|
|
|
30
30
|
"url": "https://github.com/alien35/pdf-react-plugin/issues"
|
|
31
31
|
},
|
|
32
32
|
"homepage": "https://github.com/alien35/pdf-react-plugin#readme"
|
|
33
|
-
}
|
|
33
|
+
}
|
package/src/index.d.ts
CHANGED
|
@@ -3,7 +3,14 @@ import * as React from 'react';
|
|
|
3
3
|
declare module 'pdf_editor_aleon35_react_plugin' {
|
|
4
4
|
export const useCreateIframeAndLoadViewer: (
|
|
5
5
|
props: {
|
|
6
|
-
files: {
|
|
6
|
+
files: {
|
|
7
|
+
name: string,
|
|
8
|
+
url: string,
|
|
9
|
+
documentId?: string,
|
|
10
|
+
document_id?: string,
|
|
11
|
+
id?: string,
|
|
12
|
+
fileId?: string,
|
|
13
|
+
}[];
|
|
7
14
|
uuid?: string;
|
|
8
15
|
licenseKey: string;
|
|
9
16
|
tools: {
|
|
@@ -18,6 +25,8 @@ declare module 'pdf_editor_aleon35_react_plugin' {
|
|
|
18
25
|
fileName?: string;
|
|
19
26
|
onFileFailed?: (message: string) => void;
|
|
20
27
|
hideUndoRedoButtons?: boolean;
|
|
28
|
+
notarySeal?: unknown;
|
|
29
|
+
notaryStamp?: unknown;
|
|
21
30
|
}
|
|
22
31
|
) => {
|
|
23
32
|
combineFiles: () => void;
|
|
@@ -31,6 +40,11 @@ declare module 'pdf_editor_aleon35_react_plugin' {
|
|
|
31
40
|
splitPages: () => void;
|
|
32
41
|
extractPages: () => void;
|
|
33
42
|
selectedPages: number[];
|
|
43
|
+
hasSeal: boolean;
|
|
44
|
+
hasNotaryStamp: boolean;
|
|
45
|
+
notarySealIds: string[];
|
|
46
|
+
notaryStampIds: string[];
|
|
34
47
|
onDocumentUpdated: (listener: (pdfData: Uint8Array) => void) => () => void;
|
|
48
|
+
onAnnotationsUpdated: (listener: (payload: { annotations?: unknown[]; documentId?: string | null } | unknown[]) => void) => () => void;
|
|
35
49
|
};
|
|
36
50
|
}
|
package/src/index.js
CHANGED
|
@@ -17,6 +17,7 @@ export const useCreateIframeAndLoadViewer = ({
|
|
|
17
17
|
defaultAnnotationEditorMode,
|
|
18
18
|
initialAnnotations,
|
|
19
19
|
notarySeal,
|
|
20
|
+
notaryStamp,
|
|
20
21
|
initialSigners,
|
|
21
22
|
modifiedUiElements,
|
|
22
23
|
textTagDefaults,
|
|
@@ -29,10 +30,13 @@ export const useCreateIframeAndLoadViewer = ({
|
|
|
29
30
|
const [pagesLoaded, setPagesLoaded] = useState(null);
|
|
30
31
|
const [annotations, setAnnotations] = useState([]);
|
|
31
32
|
const [hasSeal, setHasSeal] = useState(false);
|
|
33
|
+
const [hasNotaryStamp, setHasNotaryStamp] = useState(false);
|
|
32
34
|
const [notarySealIds, setNotarySealIds] = useState([]);
|
|
35
|
+
const [notaryStampIds, setNotaryStampIds] = useState([]);
|
|
33
36
|
const [authTokens, setAuthTokens] = useState(null);
|
|
34
37
|
const [signatureModalOpen, setSignatureModalOpen] = useState(false);
|
|
35
38
|
const documentUpdatedListeners = useRef(new Set());
|
|
39
|
+
const annotationsUpdatedListeners = useRef(new Set());
|
|
36
40
|
|
|
37
41
|
const createIframe = () => {
|
|
38
42
|
const iframe = document.createElement('iframe');
|
|
@@ -58,6 +62,10 @@ export const useCreateIframeAndLoadViewer = ({
|
|
|
58
62
|
iframe.onload = function() {
|
|
59
63
|
const targetOrigin = window.location.origin;
|
|
60
64
|
const message = { files, fileName, tools, locale, licenseKey, mode, uuid, customData, initialAnnotations, notarySeal, initialSigners, modifiedUiElements, authInfo, defaultAnnotationEditorMode, textTagDefaults, hideUndoRedoButtons, role };
|
|
65
|
+
|
|
66
|
+
if (typeof notaryStamp !== 'undefined') {
|
|
67
|
+
message.notaryStamp = notaryStamp;
|
|
68
|
+
}
|
|
61
69
|
|
|
62
70
|
// Set up a function to send the message
|
|
63
71
|
const sendMessage = () => {
|
|
@@ -94,14 +102,23 @@ export const useCreateIframeAndLoadViewer = ({
|
|
|
94
102
|
console.log('has-seal-change', event.data.message);
|
|
95
103
|
setHasSeal(!!event.data.message);
|
|
96
104
|
}
|
|
105
|
+
if (event.data.type === 'has-stamp-change') {
|
|
106
|
+
console.log('has-stamp-change', event.data.message);
|
|
107
|
+
setHasNotaryStamp(!!event.data.message);
|
|
108
|
+
}
|
|
97
109
|
if (event.data.type === 'notary-seal-ids-change') {
|
|
98
110
|
const ids = Array.isArray(event.data.message) ? event.data.message : [];
|
|
99
111
|
setNotarySealIds(ids);
|
|
100
112
|
}
|
|
113
|
+
if (event.data.type === 'stamp-ids-change') {
|
|
114
|
+
const ids = Array.isArray(event.data.message) ? event.data.message : [];
|
|
115
|
+
setNotaryStampIds(ids);
|
|
116
|
+
}
|
|
101
117
|
if (event.data.type === "annotation-modal-open-change") {
|
|
102
118
|
setSignatureModalOpen(event.data.message);
|
|
103
119
|
}
|
|
104
120
|
if (event.data?.type === 'document-updated') {
|
|
121
|
+
console.log('[react-pdf-sdk] received document-updated', { hasListeners: documentUpdatedListeners.current.size, payloadType: typeof event.data.message });
|
|
105
122
|
documentUpdatedListeners.current.forEach((listener) => {
|
|
106
123
|
try {
|
|
107
124
|
listener(event.data.message);
|
|
@@ -111,6 +128,17 @@ export const useCreateIframeAndLoadViewer = ({
|
|
|
111
128
|
}
|
|
112
129
|
});
|
|
113
130
|
}
|
|
131
|
+
if (event.data?.type === 'annotations-updated') {
|
|
132
|
+
console.log('[react-pdf-sdk] received annotations-updated', { hasListeners: annotationsUpdatedListeners.current.size, payload: event.data.message });
|
|
133
|
+
annotationsUpdatedListeners.current.forEach((listener) => {
|
|
134
|
+
try {
|
|
135
|
+
listener(event.data.message);
|
|
136
|
+
}
|
|
137
|
+
catch (listenerError) {
|
|
138
|
+
console.error('Error running annotations-updated listener', listenerError);
|
|
139
|
+
}
|
|
140
|
+
});
|
|
141
|
+
}
|
|
114
142
|
});
|
|
115
143
|
};
|
|
116
144
|
|
|
@@ -150,6 +178,7 @@ export const useCreateIframeAndLoadViewer = ({
|
|
|
150
178
|
|
|
151
179
|
useEffect(() => () => {
|
|
152
180
|
documentUpdatedListeners.current.clear();
|
|
181
|
+
annotationsUpdatedListeners.current.clear();
|
|
153
182
|
}, []);
|
|
154
183
|
|
|
155
184
|
const [clickedTag, setClickedTag] = useState(null);
|
|
@@ -427,12 +456,27 @@ export const useCreateIframeAndLoadViewer = ({
|
|
|
427
456
|
}
|
|
428
457
|
|
|
429
458
|
documentUpdatedListeners.current.add(listener);
|
|
459
|
+
console.log('[react-pdf-sdk] onDocumentUpdated listener added', { count: documentUpdatedListeners.current.size });
|
|
430
460
|
|
|
431
461
|
return () => {
|
|
432
462
|
documentUpdatedListeners.current.delete(listener);
|
|
433
463
|
};
|
|
434
464
|
}, []);
|
|
435
465
|
|
|
466
|
+
const onAnnotationsUpdated = useCallback((listener) => {
|
|
467
|
+
if (typeof listener !== 'function') {
|
|
468
|
+
console.warn('onAnnotationsUpdated requires a function listener');
|
|
469
|
+
return () => {};
|
|
470
|
+
}
|
|
471
|
+
|
|
472
|
+
annotationsUpdatedListeners.current.add(listener);
|
|
473
|
+
console.log('[react-pdf-sdk] onAnnotationsUpdated listener added', { count: annotationsUpdatedListeners.current.size });
|
|
474
|
+
|
|
475
|
+
return () => {
|
|
476
|
+
annotationsUpdatedListeners.current.delete(listener);
|
|
477
|
+
};
|
|
478
|
+
}, []);
|
|
479
|
+
|
|
436
480
|
return {
|
|
437
481
|
requestBuffer,
|
|
438
482
|
finalizeDocument,
|
|
@@ -452,9 +496,12 @@ export const useCreateIframeAndLoadViewer = ({
|
|
|
452
496
|
selectedPages,
|
|
453
497
|
annotations,
|
|
454
498
|
notarySealIds,
|
|
499
|
+
notaryStampIds,
|
|
455
500
|
hasSeal,
|
|
501
|
+
hasNotaryStamp,
|
|
456
502
|
authTokens,
|
|
457
503
|
signatureModalOpen,
|
|
458
|
-
onDocumentUpdated
|
|
504
|
+
onDocumentUpdated,
|
|
505
|
+
onAnnotationsUpdated
|
|
459
506
|
};
|
|
460
507
|
};
|