@kne/react-pdf-sign 1.1.5 → 1.1.7

package/dist/index.js

@@ -13,6 +13,7 @@ var useControlValue = require('@kne/use-control-value');
 var useRefCallback = require('@kne/use-ref-callback');
 var useImage = require('use-image');
 var reactIntl = require('@kne/react-intl');
+var img = require('./img~cOOFcooA.png');
 var pdfLib = require('pdf-lib');
 var SignatureCanvas = require('react-signature-canvas');
 var snapdom = require('@zumer/snapdom');
@@ -24,6 +25,7 @@ var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
 var useControlValue__default = /*#__PURE__*/_interopDefaultLegacy(useControlValue);
 var useRefCallback__default = /*#__PURE__*/_interopDefaultLegacy(useRefCallback);
 var useImage__default = /*#__PURE__*/_interopDefaultLegacy(useImage);
+var img__default = /*#__PURE__*/_interopDefaultLegacy(img);
 var SignatureCanvas__default = /*#__PURE__*/_interopDefaultLegacy(SignatureCanvas);
 
 function _extends() {
@@ -247,12 +249,15 @@ const LocationLayerInner = withLocale(p => {
       onClick
     } = p,
     props = _objectWithoutPropertiesLoose(p, _excluded$3);
+  const [textWidth, setTextWidth] = react.useState(0);
   const [value, setValue] = useControlValue__default["default"](props);
   const [isInit, setIsInit] = react.useState(false);
   const [signatureImage] = useImage__default["default"](signature);
+  const [iconImage] = useImage__default["default"](img__default["default"]);
   const groupRef = react.useRef();
   const signRef = react.useRef();
   const transformerRef = react.useRef();
+  const textRef = react.useRef();
   const computedSignLocation = () => {
     const absolutePosition = signRef.current.absolutePosition();
     const size = signRef.current.getClientRect();
@@ -296,11 +301,29 @@ const LocationLayerInner = withLocale(p => {
       transformerRef.current.nodes([groupRef.current]);
     }
   }, [isInit]);
+  react.useEffect(() => {
+    if (isInit && textRef.current) {
+      setTextWidth(textRef.current.width());
+    }
+  }, [isInit, placeholder]);
   if (!(isInit && value)) {
     return null;
   }
+  const textX = value.x + width * value.scaleX / 2 - textWidth / 2;
+  const textY = value.y + height * value.scaleY / 2 - 8;
   return /*#__PURE__*/jsxRuntime.jsxs(reactKonva.Layer, {
-    children: [/*#__PURE__*/jsxRuntime.jsx(reactKonva.Group, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(reactKonva.Rect, {
+      x: value.x,
+      y: value.y,
+      width: width * value.scaleX,
+      height: height * value.scaleY,
+      stroke: themeColor,
+      strokeWidth: 1,
+      dashEnabled: true,
+      cornerRadius: 8,
+      ref: signRef,
+      dash: [5, 5]
+    }), /*#__PURE__*/jsxRuntime.jsx(reactKonva.Group, {
       x: value.x,
       y: value.y,
       draggable: active !== false,
@@ -322,22 +345,25 @@ const LocationLayerInner = withLocale(p => {
       }) : /*#__PURE__*/jsxRuntime.jsx(reactKonva.Rect, {
         width: width,
         height: height,
-        fill: "#f0f0f0",
-        cornerRadius: 8,
         ref: signRef
       })
-    }), /*#__PURE__*/jsxRuntime.jsx(reactKonva.Text, {
+    }), !signatureImage ? /*#__PURE__*/jsxRuntime.jsx(reactKonva.Image, {
+      x: textX - 24,
+      y: textY,
+      width: 16,
+      height: 16,
+      image: iconImage
+    }) : null, /*#__PURE__*/jsxRuntime.jsx(reactKonva.Text, {
+      ref: textRef,
       listening: false,
-      x: value.x,
-      y: value.y,
+      x: textX,
+      y: textY,
       text: signatureImage ? '' : placeholder,
       fontSize: 16,
-      fill: "#666666",
+      fill: themeColor,
       fontFamily: "Arial",
       align: "center",
-      verticalAlign: "middle",
-      width: width * value.scaleX,
-      height: height * value.scaleY
+      verticalAlign: "middle"
     }), /*#__PURE__*/jsxRuntime.jsx(reactKonva.Transformer, {
       ref: transformerRef,
       visible: active !== false,
@@ -1122,17 +1148,17 @@ var Symbol$1 = _root.Symbol;
 var _Symbol = Symbol$1;
 
 /** Used for built-in method references. */
-var objectProto$d = Object.prototype;
+var objectProto$e = Object.prototype;
 
 /** Used to check objects for own properties. */
-var hasOwnProperty$a = objectProto$d.hasOwnProperty;
+var hasOwnProperty$b = objectProto$e.hasOwnProperty;
 
 /**
  * Used to resolve the
  * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)
  * of values.
  */
-var nativeObjectToString$1 = objectProto$d.toString;
+var nativeObjectToString$1 = objectProto$e.toString;
 
 /** Built-in value references. */
 var symToStringTag$1 = _Symbol ? _Symbol.toStringTag : undefined;
@@ -1145,7 +1171,7 @@ var symToStringTag$1 = _Symbol ? _Symbol.toStringTag : undefined;
  * @returns {string} Returns the raw `toStringTag`.
  */
 function getRawTag(value) {
-  var isOwn = hasOwnProperty$a.call(value, symToStringTag$1),
+  var isOwn = hasOwnProperty$b.call(value, symToStringTag$1),
       tag = value[symToStringTag$1];
 
   try {
@@ -1167,14 +1193,14 @@ function getRawTag(value) {
 var _getRawTag = getRawTag;
 
 /** Used for built-in method references. */
-var objectProto$c = Object.prototype;
+var objectProto$d = Object.prototype;
 
 /**
  * Used to resolve the
  * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)
  * of values.
  */
-var nativeObjectToString = objectProto$c.toString;
+var nativeObjectToString = objectProto$d.toString;
 
 /**
  * Converts `value` to a string using `Object.prototype.toString`.
@@ -1343,17 +1369,17 @@ var reIsHostCtor = /^\[object .+?Constructor\]$/;
 
 /** Used for built-in method references. */
 var funcProto$1 = Function.prototype,
-    objectProto$b = Object.prototype;
+    objectProto$c = Object.prototype;
 
 /** Used to resolve the decompiled source of functions. */
 var funcToString$1 = funcProto$1.toString;
 
 /** Used to check objects for own properties. */
-var hasOwnProperty$9 = objectProto$b.hasOwnProperty;
+var hasOwnProperty$a = objectProto$c.hasOwnProperty;
 
 /** Used to detect if a method is native. */
 var reIsNative = RegExp('^' +
-  funcToString$1.call(hasOwnProperty$9).replace(reRegExpChar, '\\$&')
+  funcToString$1.call(hasOwnProperty$a).replace(reRegExpChar, '\\$&')
   .replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, '$1.*?') + '$'
 );
 
@@ -1450,10 +1476,10 @@ var _hashDelete = hashDelete;
 var HASH_UNDEFINED$1 = '__lodash_hash_undefined__';
 
 /** Used for built-in method references. */
-var objectProto$a = Object.prototype;
+var objectProto$b = Object.prototype;
 
 /** Used to check objects for own properties. */
-var hasOwnProperty$8 = objectProto$a.hasOwnProperty;
+var hasOwnProperty$9 = objectProto$b.hasOwnProperty;
 
 /**
  * Gets the hash value for `key`.
@@ -1470,16 +1496,16 @@ function hashGet(key) {
     var result = data[key];
     return result === HASH_UNDEFINED$1 ? undefined : result;
   }
-  return hasOwnProperty$8.call(data, key) ? data[key] : undefined;
+  return hasOwnProperty$9.call(data, key) ? data[key] : undefined;
 }
 
 var _hashGet = hashGet;
 
 /** Used for built-in method references. */
-var objectProto$9 = Object.prototype;
+var objectProto$a = Object.prototype;
 
 /** Used to check objects for own properties. */
-var hasOwnProperty$7 = objectProto$9.hasOwnProperty;
+var hasOwnProperty$8 = objectProto$a.hasOwnProperty;
 
 /**
  * Checks if a hash value for `key` exists.
@@ -1492,7 +1518,7 @@ var hasOwnProperty$7 = objectProto$9.hasOwnProperty;
  */
 function hashHas(key) {
   var data = this.__data__;
-  return _nativeCreate ? (data[key] !== undefined) : hasOwnProperty$7.call(data, key);
+  return _nativeCreate ? (data[key] !== undefined) : hasOwnProperty$8.call(data, key);
 }
 
 var _hashHas = hashHas;
@@ -1802,10 +1828,10 @@ function baseAssignValue(object, key, value) {
 var _baseAssignValue = baseAssignValue;
 
 /** Used for built-in method references. */
-var objectProto$8 = Object.prototype;
+var objectProto$9 = Object.prototype;
 
 /** Used to check objects for own properties. */
-var hasOwnProperty$6 = objectProto$8.hasOwnProperty;
+var hasOwnProperty$7 = objectProto$9.hasOwnProperty;
 
 /**
  * Assigns `value` to `key` of `object` if the existing value is not equivalent
@@ -1819,7 +1845,7 @@ var hasOwnProperty$6 = objectProto$8.hasOwnProperty;
  */
 function assignValue(object, key, value) {
   var objValue = object[key];
-  if (!(hasOwnProperty$6.call(object, key) && eq_1(objValue, value)) ||
+  if (!(hasOwnProperty$7.call(object, key) && eq_1(objValue, value)) ||
       (value === undefined && !(key in object))) {
     _baseAssignValue(object, key, value);
   }
@@ -1933,13 +1959,13 @@ function baseIsArguments(value) {
 var _baseIsArguments = baseIsArguments;
 
 /** Used for built-in method references. */
-var objectProto$7 = Object.prototype;
+var objectProto$8 = Object.prototype;
 
 /** Used to check objects for own properties. */
-var hasOwnProperty$5 = objectProto$7.hasOwnProperty;
+var hasOwnProperty$6 = objectProto$8.hasOwnProperty;
 
 /** Built-in value references. */
-var propertyIsEnumerable$1 = objectProto$7.propertyIsEnumerable;
+var propertyIsEnumerable$1 = objectProto$8.propertyIsEnumerable;
 
 /**
  * Checks if `value` is likely an `arguments` object.
@@ -1960,7 +1986,7 @@ var propertyIsEnumerable$1 = objectProto$7.propertyIsEnumerable;
  * // => false
  */
 var isArguments = _baseIsArguments(function() { return arguments; }()) ? _baseIsArguments : function(value) {
-  return isObjectLike_1(value) && hasOwnProperty$5.call(value, 'callee') &&
+  return isObjectLike_1(value) && hasOwnProperty$6.call(value, 'callee') &&
     !propertyIsEnumerable$1.call(value, 'callee');
 };
 
@@ -2240,10 +2266,10 @@ var isTypedArray = nodeIsTypedArray ? _baseUnary(nodeIsTypedArray) : _baseIsType
 var isTypedArray_1 = isTypedArray;
 
 /** Used for built-in method references. */
-var objectProto$6 = Object.prototype;
+var objectProto$7 = Object.prototype;
 
 /** Used to check objects for own properties. */
-var hasOwnProperty$4 = objectProto$6.hasOwnProperty;
+var hasOwnProperty$5 = objectProto$7.hasOwnProperty;
 
 /**
  * Creates an array of the enumerable property names of the array-like `value`.
@@ -2263,7 +2289,7 @@ function arrayLikeKeys(value, inherited) {
       length = result.length;
 
   for (var key in value) {
-    if ((inherited || hasOwnProperty$4.call(value, key)) &&
+    if ((inherited || hasOwnProperty$5.call(value, key)) &&
         !(skipIndexes && (
            // Safari 9 has enumerable `arguments.length` in strict mode.
            key == 'length' ||
@@ -2283,7 +2309,7 @@ function arrayLikeKeys(value, inherited) {
 var _arrayLikeKeys = arrayLikeKeys;
 
 /** Used for built-in method references. */
-var objectProto$5 = Object.prototype;
+var objectProto$6 = Object.prototype;
 
 /**
  * Checks if `value` is likely a prototype object.
@@ -2294,7 +2320,7 @@ var objectProto$5 = Object.prototype;
  */
 function isPrototype(value) {
   var Ctor = value && value.constructor,
-      proto = (typeof Ctor == 'function' && Ctor.prototype) || objectProto$5;
+      proto = (typeof Ctor == 'function' && Ctor.prototype) || objectProto$6;
 
   return value === proto;
 }
@@ -2323,10 +2349,10 @@ var nativeKeys = _overArg(Object.keys, Object);
 var _nativeKeys = nativeKeys;
 
 /** Used for built-in method references. */
-var objectProto$4 = Object.prototype;
+var objectProto$5 = Object.prototype;
 
 /** Used to check objects for own properties. */
-var hasOwnProperty$3 = objectProto$4.hasOwnProperty;
+var hasOwnProperty$4 = objectProto$5.hasOwnProperty;
 
 /**
  * The base implementation of `_.keys` which doesn't treat sparse arrays as dense.
@@ -2341,7 +2367,7 @@ function baseKeys(object) {
   }
   var result = [];
   for (var key in Object(object)) {
-    if (hasOwnProperty$3.call(object, key) && key != 'constructor') {
+    if (hasOwnProperty$4.call(object, key) && key != 'constructor') {
       result.push(key);
     }
   }
@@ -2452,10 +2478,10 @@ function nativeKeysIn(object) {
 var _nativeKeysIn = nativeKeysIn;
 
 /** Used for built-in method references. */
-var objectProto$3 = Object.prototype;
+var objectProto$4 = Object.prototype;
 
 /** Used to check objects for own properties. */
-var hasOwnProperty$2 = objectProto$3.hasOwnProperty;
+var hasOwnProperty$3 = objectProto$4.hasOwnProperty;
 
 /**
  * The base implementation of `_.keysIn` which doesn't treat sparse arrays as dense.
@@ -2472,7 +2498,7 @@ function baseKeysIn(object) {
       result = [];
 
   for (var key in object) {
-    if (!(key == 'constructor' && (isProto || !hasOwnProperty$2.call(object, key)))) {
+    if (!(key == 'constructor' && (isProto || !hasOwnProperty$3.call(object, key)))) {
       result.push(key);
     }
   }
@@ -2633,10 +2659,10 @@ function stubArray() {
 var stubArray_1 = stubArray;
 
 /** Used for built-in method references. */
-var objectProto$2 = Object.prototype;
+var objectProto$3 = Object.prototype;
 
 /** Built-in value references. */
-var propertyIsEnumerable = objectProto$2.propertyIsEnumerable;
+var propertyIsEnumerable = objectProto$3.propertyIsEnumerable;
 
 /* Built-in method references for those with the same name as other `lodash` methods. */
 var nativeGetSymbols$1 = Object.getOwnPropertySymbols;
@@ -2852,10 +2878,10 @@ if ((_DataView && getTag(new _DataView(new ArrayBuffer(1))) != dataViewTag$2) ||
 var _getTag = getTag;
 
 /** Used for built-in method references. */
-var objectProto$1 = Object.prototype;
+var objectProto$2 = Object.prototype;
 
 /** Used to check objects for own properties. */
-var hasOwnProperty$1 = objectProto$1.hasOwnProperty;
+var hasOwnProperty$2 = objectProto$2.hasOwnProperty;
 
 /**
  * Initializes an array clone.
@@ -2869,7 +2895,7 @@ function initCloneArray(array) {
       result = new array.constructor(length);
 
   // Add properties assigned by `RegExp#exec`.
-  if (length && typeof array[0] == 'string' && hasOwnProperty$1.call(array, 'index')) {
+  if (length && typeof array[0] == 'string' && hasOwnProperty$2.call(array, 'index')) {
     result.index = array.index;
     result.input = array.input;
   }
@@ -3666,6 +3692,12 @@ function parent(object, path) {
 
 var _parent = parent;
 
+/** Used for built-in method references. */
+var objectProto$1 = Object.prototype;
+
+/** Used to check objects for own properties. */
+var hasOwnProperty$1 = objectProto$1.hasOwnProperty;
+
 /**
  * The base implementation of `_.unset`.
  *
@@ -3676,8 +3708,47 @@ var _parent = parent;
  */
 function baseUnset(object, path) {
   path = _castPath(path, object);
-  object = _parent(object, path);
-  return object == null || delete object[_toKey(last_1(path))];
+
+  // Prevent prototype pollution, see: https://github.com/lodash/lodash/security/advisories/GHSA-xxjr-mmjv-4gpg
+  var index = -1,
+      length = path.length;
+
+  if (!length) {
+    return true;
+  }
+
+  var isRootPrimitive = object == null || (typeof object !== 'object' && typeof object !== 'function');
+
+  while (++index < length) {
+    var key = path[index];
+
+    // skip non-string keys (e.g., Symbols, numbers)
+    if (typeof key !== 'string') {
+      continue;
+    }
+
+    // Always block "__proto__" anywhere in the path if it's not expected
+    if (key === '__proto__' && !hasOwnProperty$1.call(object, '__proto__')) {
+      return false;
+    }
+
+    // Block "constructor.prototype" chains
+    if (key === 'constructor' &&
+        (index + 1) < length &&
+        typeof path[index + 1] === 'string' &&
+        path[index + 1] === 'prototype') {
+
+      // Allow ONLY when the path starts at a primitive root, e.g., _.unset(0, 'constructor.prototype.a')
+      if (isRootPrimitive && index === 0) {
+        continue;
+      }
+
+      return false;
+    }
+  }
+
+  var obj = _parent(object, path);
+  return obj == null || delete obj[_toKey(last_1(path))];
 }
 
 var _baseUnset = baseUnset;
@@ -4326,8 +4397,8 @@ const Signature = withLocale(_ref => {
                     scale: 2
                   })).then(function (maskPng) {
                     const canvas = document.createElement('canvas');
-                    canvas.width = width * 2;
-                    canvas.height = height * 2;
+                    canvas.width = Math.min(width * 2, 300);
+                    canvas.height = Math.round(height * 368 / canvas.width);
                     const ctx = canvas.getContext('2d');
                     ctx.drawImage(maskPng, 0, 0, canvas.width, canvas.height);
                     const resultImage = new Image();