@kne/react-pdf-sign 1.1.4 → 1.1.6

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.css CHANGED
@@ -25,6 +25,7 @@
25
25
  width: 100%;
26
26
  height: 100%;
27
27
  z-index: 10;
28
+ overflow: hidden;
28
29
  }
29
30
 
30
31
  ._IbVpf,
@@ -1 +1 @@
1
- {"version":3,"sources":["style.module.scss"],"names":[],"mappings":"AAAA;EACE,cAAc;EACd,kBAAkB;EAClB,iBAAiB;EACjB,WAAW;AACb;AACA;;EAEE,cAAc;AAChB;;AAEA;EACE,WAAW;EACX,kBAAkB;AACpB;;AAEA;EACE,wEAAwE;AAC1E;;AAEA;EACE,kBAAkB;EAClB,MAAM;EACN,OAAO;EACP,WAAW;EACX,YAAY;EACZ,WAAW;AACb;;AAEA;;EAEE,kBAAkB;EAClB,eAAe;EACf,qBAAqB;EACrB,WAAW;EACX,YAAY;EACZ,eAAe;EACf,YAAY;AACd;;AAEA;EACE,kBAAkB;EAClB,YAAY;EACZ,SAAS;EACT,2BAA2B;EAC3B,cAAc;EACd,0CAA0C;EAC1C,yCAAyC;EACzC,kBAAkB;AACpB;;AAEA;EACE,QAAQ;AACV;;AAEA;EACE,yBAAyB;EACzB,kBAAkB;EAClB,kBAAkB;AACpB;;AAEA;EACE,WAAW;EACX,YAAY;AACd;;AAEA;EACE,gBAAgB;EAChB,WAAW;AACb;;AAEA;EACE,kBAAkB;EAClB,MAAM;EACN,OAAO;EACP,WAAW;EACX,YAAY;EACZ,oBAAoB;AACtB","file":"index.css","sourcesContent":[".pdf-view-container {\n margin: 0 auto;\n position: relative;\n max-width: 1200px;\n width: 100%;\n}\n.pdf-view-container :global(.react-pdf__Page__canvas),\n.pdf-view-container :global(.textLayer) {\n margin: 0 auto;\n}\n\n.pdf-view-container {\n width: 100%;\n position: relative;\n}\n\n.pdf-view {\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);\n}\n\n.pdf-view-children {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 10;\n}\n\n.pdf-view-page-control-left,\n.pdf-view-page-control-right {\n position: absolute;\n font-size: 30px;\n top: calc(50% - 19px);\n z-index: 10;\n padding: 8px;\n cursor: pointer;\n opacity: 0.3;\n}\n\n.pdf-view-page-control-current {\n position: absolute;\n bottom: 10px;\n left: 50%;\n transform: translateX(-50%);\n color: #666666;\n background-color: rgba(255, 255, 255, 0.5);\n text-shadow: 0 0 8px white, 0 0 8px white;\n border-radius: 4px;\n}\n\n.pdf-view-page-control-right {\n right: 0;\n}\n\n.signature-container {\n border: 1px solid #cccccc;\n border-radius: 4px;\n position: relative;\n}\n\n.signature-canvas {\n width: 100%;\n height: 100%;\n}\n\n.signature-modal :global .ant-modal-confirm-paragraph {\n max-width: unset;\n width: 100%;\n}\n\n.signature-mask {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n}"]}
1
+ {"version":3,"sources":["style.module.scss"],"names":[],"mappings":"AAAA;EACE,cAAc;EACd,kBAAkB;EAClB,iBAAiB;EACjB,WAAW;AACb;AACA;;EAEE,cAAc;AAChB;;AAEA;EACE,WAAW;EACX,kBAAkB;AACpB;;AAEA;EACE,wEAAwE;AAC1E;;AAEA;EACE,kBAAkB;EAClB,MAAM;EACN,OAAO;EACP,WAAW;EACX,YAAY;EACZ,WAAW;EACX,gBAAgB;AAClB;;AAEA;;EAEE,kBAAkB;EAClB,eAAe;EACf,qBAAqB;EACrB,WAAW;EACX,YAAY;EACZ,eAAe;EACf,YAAY;AACd;;AAEA;EACE,kBAAkB;EAClB,YAAY;EACZ,SAAS;EACT,2BAA2B;EAC3B,cAAc;EACd,0CAA0C;EAC1C,yCAAyC;EACzC,kBAAkB;AACpB;;AAEA;EACE,QAAQ;AACV;;AAEA;EACE,yBAAyB;EACzB,kBAAkB;EAClB,kBAAkB;AACpB;;AAEA;EACE,WAAW;EACX,YAAY;AACd;;AAEA;EACE,gBAAgB;EAChB,WAAW;AACb;;AAEA;EACE,kBAAkB;EAClB,MAAM;EACN,OAAO;EACP,WAAW;EACX,YAAY;EACZ,oBAAoB;AACtB","file":"index.css","sourcesContent":[".pdf-view-container {\n margin: 0 auto;\n position: relative;\n max-width: 1200px;\n width: 100%;\n}\n.pdf-view-container :global(.react-pdf__Page__canvas),\n.pdf-view-container :global(.textLayer) {\n margin: 0 auto;\n}\n\n.pdf-view-container {\n width: 100%;\n position: relative;\n}\n\n.pdf-view {\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);\n}\n\n.pdf-view-children {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 10;\n overflow: hidden;\n}\n\n.pdf-view-page-control-left,\n.pdf-view-page-control-right {\n position: absolute;\n font-size: 30px;\n top: calc(50% - 19px);\n z-index: 10;\n padding: 8px;\n cursor: pointer;\n opacity: 0.3;\n}\n\n.pdf-view-page-control-current {\n position: absolute;\n bottom: 10px;\n left: 50%;\n transform: translateX(-50%);\n color: #666666;\n background-color: rgba(255, 255, 255, 0.5);\n text-shadow: 0 0 8px white, 0 0 8px white;\n border-radius: 4px;\n}\n\n.pdf-view-page-control-right {\n right: 0;\n}\n\n.signature-container {\n border: 1px solid #cccccc;\n border-radius: 4px;\n position: relative;\n}\n\n.signature-canvas {\n width: 100%;\n height: 100%;\n}\n\n.signature-modal :global .ant-modal-confirm-paragraph {\n max-width: unset;\n width: 100%;\n}\n\n.signature-mask {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n}"]}
package/dist/index.js CHANGED
@@ -1122,17 +1122,17 @@ var Symbol$1 = _root.Symbol;
1122
1122
  var _Symbol = Symbol$1;
1123
1123
 
1124
1124
  /** Used for built-in method references. */
1125
- var objectProto$d = Object.prototype;
1125
+ var objectProto$e = Object.prototype;
1126
1126
 
1127
1127
  /** Used to check objects for own properties. */
1128
- var hasOwnProperty$a = objectProto$d.hasOwnProperty;
1128
+ var hasOwnProperty$b = objectProto$e.hasOwnProperty;
1129
1129
 
1130
1130
  /**
1131
1131
  * Used to resolve the
1132
1132
  * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)
1133
1133
  * of values.
1134
1134
  */
1135
- var nativeObjectToString$1 = objectProto$d.toString;
1135
+ var nativeObjectToString$1 = objectProto$e.toString;
1136
1136
 
1137
1137
  /** Built-in value references. */
1138
1138
  var symToStringTag$1 = _Symbol ? _Symbol.toStringTag : undefined;
@@ -1145,7 +1145,7 @@ var symToStringTag$1 = _Symbol ? _Symbol.toStringTag : undefined;
1145
1145
  * @returns {string} Returns the raw `toStringTag`.
1146
1146
  */
1147
1147
  function getRawTag(value) {
1148
- var isOwn = hasOwnProperty$a.call(value, symToStringTag$1),
1148
+ var isOwn = hasOwnProperty$b.call(value, symToStringTag$1),
1149
1149
  tag = value[symToStringTag$1];
1150
1150
 
1151
1151
  try {
@@ -1167,14 +1167,14 @@ function getRawTag(value) {
1167
1167
  var _getRawTag = getRawTag;
1168
1168
 
1169
1169
  /** Used for built-in method references. */
1170
- var objectProto$c = Object.prototype;
1170
+ var objectProto$d = Object.prototype;
1171
1171
 
1172
1172
  /**
1173
1173
  * Used to resolve the
1174
1174
  * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)
1175
1175
  * of values.
1176
1176
  */
1177
- var nativeObjectToString = objectProto$c.toString;
1177
+ var nativeObjectToString = objectProto$d.toString;
1178
1178
 
1179
1179
  /**
1180
1180
  * Converts `value` to a string using `Object.prototype.toString`.
@@ -1343,17 +1343,17 @@ var reIsHostCtor = /^\[object .+?Constructor\]$/;
1343
1343
 
1344
1344
  /** Used for built-in method references. */
1345
1345
  var funcProto$1 = Function.prototype,
1346
- objectProto$b = Object.prototype;
1346
+ objectProto$c = Object.prototype;
1347
1347
 
1348
1348
  /** Used to resolve the decompiled source of functions. */
1349
1349
  var funcToString$1 = funcProto$1.toString;
1350
1350
 
1351
1351
  /** Used to check objects for own properties. */
1352
- var hasOwnProperty$9 = objectProto$b.hasOwnProperty;
1352
+ var hasOwnProperty$a = objectProto$c.hasOwnProperty;
1353
1353
 
1354
1354
  /** Used to detect if a method is native. */
1355
1355
  var reIsNative = RegExp('^' +
1356
- funcToString$1.call(hasOwnProperty$9).replace(reRegExpChar, '\\$&')
1356
+ funcToString$1.call(hasOwnProperty$a).replace(reRegExpChar, '\\$&')
1357
1357
  .replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, '$1.*?') + '$'
1358
1358
  );
1359
1359
 
@@ -1450,10 +1450,10 @@ var _hashDelete = hashDelete;
1450
1450
  var HASH_UNDEFINED$1 = '__lodash_hash_undefined__';
1451
1451
 
1452
1452
  /** Used for built-in method references. */
1453
- var objectProto$a = Object.prototype;
1453
+ var objectProto$b = Object.prototype;
1454
1454
 
1455
1455
  /** Used to check objects for own properties. */
1456
- var hasOwnProperty$8 = objectProto$a.hasOwnProperty;
1456
+ var hasOwnProperty$9 = objectProto$b.hasOwnProperty;
1457
1457
 
1458
1458
  /**
1459
1459
  * Gets the hash value for `key`.
@@ -1470,16 +1470,16 @@ function hashGet(key) {
1470
1470
  var result = data[key];
1471
1471
  return result === HASH_UNDEFINED$1 ? undefined : result;
1472
1472
  }
1473
- return hasOwnProperty$8.call(data, key) ? data[key] : undefined;
1473
+ return hasOwnProperty$9.call(data, key) ? data[key] : undefined;
1474
1474
  }
1475
1475
 
1476
1476
  var _hashGet = hashGet;
1477
1477
 
1478
1478
  /** Used for built-in method references. */
1479
- var objectProto$9 = Object.prototype;
1479
+ var objectProto$a = Object.prototype;
1480
1480
 
1481
1481
  /** Used to check objects for own properties. */
1482
- var hasOwnProperty$7 = objectProto$9.hasOwnProperty;
1482
+ var hasOwnProperty$8 = objectProto$a.hasOwnProperty;
1483
1483
 
1484
1484
  /**
1485
1485
  * Checks if a hash value for `key` exists.
@@ -1492,7 +1492,7 @@ var hasOwnProperty$7 = objectProto$9.hasOwnProperty;
1492
1492
  */
1493
1493
  function hashHas(key) {
1494
1494
  var data = this.__data__;
1495
- return _nativeCreate ? (data[key] !== undefined) : hasOwnProperty$7.call(data, key);
1495
+ return _nativeCreate ? (data[key] !== undefined) : hasOwnProperty$8.call(data, key);
1496
1496
  }
1497
1497
 
1498
1498
  var _hashHas = hashHas;
@@ -1802,10 +1802,10 @@ function baseAssignValue(object, key, value) {
1802
1802
  var _baseAssignValue = baseAssignValue;
1803
1803
 
1804
1804
  /** Used for built-in method references. */
1805
- var objectProto$8 = Object.prototype;
1805
+ var objectProto$9 = Object.prototype;
1806
1806
 
1807
1807
  /** Used to check objects for own properties. */
1808
- var hasOwnProperty$6 = objectProto$8.hasOwnProperty;
1808
+ var hasOwnProperty$7 = objectProto$9.hasOwnProperty;
1809
1809
 
1810
1810
  /**
1811
1811
  * Assigns `value` to `key` of `object` if the existing value is not equivalent
@@ -1819,7 +1819,7 @@ var hasOwnProperty$6 = objectProto$8.hasOwnProperty;
1819
1819
  */
1820
1820
  function assignValue(object, key, value) {
1821
1821
  var objValue = object[key];
1822
- if (!(hasOwnProperty$6.call(object, key) && eq_1(objValue, value)) ||
1822
+ if (!(hasOwnProperty$7.call(object, key) && eq_1(objValue, value)) ||
1823
1823
  (value === undefined && !(key in object))) {
1824
1824
  _baseAssignValue(object, key, value);
1825
1825
  }
@@ -1933,13 +1933,13 @@ function baseIsArguments(value) {
1933
1933
  var _baseIsArguments = baseIsArguments;
1934
1934
 
1935
1935
  /** Used for built-in method references. */
1936
- var objectProto$7 = Object.prototype;
1936
+ var objectProto$8 = Object.prototype;
1937
1937
 
1938
1938
  /** Used to check objects for own properties. */
1939
- var hasOwnProperty$5 = objectProto$7.hasOwnProperty;
1939
+ var hasOwnProperty$6 = objectProto$8.hasOwnProperty;
1940
1940
 
1941
1941
  /** Built-in value references. */
1942
- var propertyIsEnumerable$1 = objectProto$7.propertyIsEnumerable;
1942
+ var propertyIsEnumerable$1 = objectProto$8.propertyIsEnumerable;
1943
1943
 
1944
1944
  /**
1945
1945
  * Checks if `value` is likely an `arguments` object.
@@ -1960,7 +1960,7 @@ var propertyIsEnumerable$1 = objectProto$7.propertyIsEnumerable;
1960
1960
  * // => false
1961
1961
  */
1962
1962
  var isArguments = _baseIsArguments(function() { return arguments; }()) ? _baseIsArguments : function(value) {
1963
- return isObjectLike_1(value) && hasOwnProperty$5.call(value, 'callee') &&
1963
+ return isObjectLike_1(value) && hasOwnProperty$6.call(value, 'callee') &&
1964
1964
  !propertyIsEnumerable$1.call(value, 'callee');
1965
1965
  };
1966
1966
 
@@ -2240,10 +2240,10 @@ var isTypedArray = nodeIsTypedArray ? _baseUnary(nodeIsTypedArray) : _baseIsType
2240
2240
  var isTypedArray_1 = isTypedArray;
2241
2241
 
2242
2242
  /** Used for built-in method references. */
2243
- var objectProto$6 = Object.prototype;
2243
+ var objectProto$7 = Object.prototype;
2244
2244
 
2245
2245
  /** Used to check objects for own properties. */
2246
- var hasOwnProperty$4 = objectProto$6.hasOwnProperty;
2246
+ var hasOwnProperty$5 = objectProto$7.hasOwnProperty;
2247
2247
 
2248
2248
  /**
2249
2249
  * Creates an array of the enumerable property names of the array-like `value`.
@@ -2263,7 +2263,7 @@ function arrayLikeKeys(value, inherited) {
2263
2263
  length = result.length;
2264
2264
 
2265
2265
  for (var key in value) {
2266
- if ((inherited || hasOwnProperty$4.call(value, key)) &&
2266
+ if ((inherited || hasOwnProperty$5.call(value, key)) &&
2267
2267
  !(skipIndexes && (
2268
2268
  // Safari 9 has enumerable `arguments.length` in strict mode.
2269
2269
  key == 'length' ||
@@ -2283,7 +2283,7 @@ function arrayLikeKeys(value, inherited) {
2283
2283
  var _arrayLikeKeys = arrayLikeKeys;
2284
2284
 
2285
2285
  /** Used for built-in method references. */
2286
- var objectProto$5 = Object.prototype;
2286
+ var objectProto$6 = Object.prototype;
2287
2287
 
2288
2288
  /**
2289
2289
  * Checks if `value` is likely a prototype object.
@@ -2294,7 +2294,7 @@ var objectProto$5 = Object.prototype;
2294
2294
  */
2295
2295
  function isPrototype(value) {
2296
2296
  var Ctor = value && value.constructor,
2297
- proto = (typeof Ctor == 'function' && Ctor.prototype) || objectProto$5;
2297
+ proto = (typeof Ctor == 'function' && Ctor.prototype) || objectProto$6;
2298
2298
 
2299
2299
  return value === proto;
2300
2300
  }
@@ -2323,10 +2323,10 @@ var nativeKeys = _overArg(Object.keys, Object);
2323
2323
  var _nativeKeys = nativeKeys;
2324
2324
 
2325
2325
  /** Used for built-in method references. */
2326
- var objectProto$4 = Object.prototype;
2326
+ var objectProto$5 = Object.prototype;
2327
2327
 
2328
2328
  /** Used to check objects for own properties. */
2329
- var hasOwnProperty$3 = objectProto$4.hasOwnProperty;
2329
+ var hasOwnProperty$4 = objectProto$5.hasOwnProperty;
2330
2330
 
2331
2331
  /**
2332
2332
  * The base implementation of `_.keys` which doesn't treat sparse arrays as dense.
@@ -2341,7 +2341,7 @@ function baseKeys(object) {
2341
2341
  }
2342
2342
  var result = [];
2343
2343
  for (var key in Object(object)) {
2344
- if (hasOwnProperty$3.call(object, key) && key != 'constructor') {
2344
+ if (hasOwnProperty$4.call(object, key) && key != 'constructor') {
2345
2345
  result.push(key);
2346
2346
  }
2347
2347
  }
@@ -2452,10 +2452,10 @@ function nativeKeysIn(object) {
2452
2452
  var _nativeKeysIn = nativeKeysIn;
2453
2453
 
2454
2454
  /** Used for built-in method references. */
2455
- var objectProto$3 = Object.prototype;
2455
+ var objectProto$4 = Object.prototype;
2456
2456
 
2457
2457
  /** Used to check objects for own properties. */
2458
- var hasOwnProperty$2 = objectProto$3.hasOwnProperty;
2458
+ var hasOwnProperty$3 = objectProto$4.hasOwnProperty;
2459
2459
 
2460
2460
  /**
2461
2461
  * The base implementation of `_.keysIn` which doesn't treat sparse arrays as dense.
@@ -2472,7 +2472,7 @@ function baseKeysIn(object) {
2472
2472
  result = [];
2473
2473
 
2474
2474
  for (var key in object) {
2475
- if (!(key == 'constructor' && (isProto || !hasOwnProperty$2.call(object, key)))) {
2475
+ if (!(key == 'constructor' && (isProto || !hasOwnProperty$3.call(object, key)))) {
2476
2476
  result.push(key);
2477
2477
  }
2478
2478
  }
@@ -2633,10 +2633,10 @@ function stubArray() {
2633
2633
  var stubArray_1 = stubArray;
2634
2634
 
2635
2635
  /** Used for built-in method references. */
2636
- var objectProto$2 = Object.prototype;
2636
+ var objectProto$3 = Object.prototype;
2637
2637
 
2638
2638
  /** Built-in value references. */
2639
- var propertyIsEnumerable = objectProto$2.propertyIsEnumerable;
2639
+ var propertyIsEnumerable = objectProto$3.propertyIsEnumerable;
2640
2640
 
2641
2641
  /* Built-in method references for those with the same name as other `lodash` methods. */
2642
2642
  var nativeGetSymbols$1 = Object.getOwnPropertySymbols;
@@ -2852,10 +2852,10 @@ if ((_DataView && getTag(new _DataView(new ArrayBuffer(1))) != dataViewTag$2) ||
2852
2852
  var _getTag = getTag;
2853
2853
 
2854
2854
  /** Used for built-in method references. */
2855
- var objectProto$1 = Object.prototype;
2855
+ var objectProto$2 = Object.prototype;
2856
2856
 
2857
2857
  /** Used to check objects for own properties. */
2858
- var hasOwnProperty$1 = objectProto$1.hasOwnProperty;
2858
+ var hasOwnProperty$2 = objectProto$2.hasOwnProperty;
2859
2859
 
2860
2860
  /**
2861
2861
  * Initializes an array clone.
@@ -2869,7 +2869,7 @@ function initCloneArray(array) {
2869
2869
  result = new array.constructor(length);
2870
2870
 
2871
2871
  // Add properties assigned by `RegExp#exec`.
2872
- if (length && typeof array[0] == 'string' && hasOwnProperty$1.call(array, 'index')) {
2872
+ if (length && typeof array[0] == 'string' && hasOwnProperty$2.call(array, 'index')) {
2873
2873
  result.index = array.index;
2874
2874
  result.input = array.input;
2875
2875
  }
@@ -3666,6 +3666,12 @@ function parent(object, path) {
3666
3666
 
3667
3667
  var _parent = parent;
3668
3668
 
3669
+ /** Used for built-in method references. */
3670
+ var objectProto$1 = Object.prototype;
3671
+
3672
+ /** Used to check objects for own properties. */
3673
+ var hasOwnProperty$1 = objectProto$1.hasOwnProperty;
3674
+
3669
3675
  /**
3670
3676
  * The base implementation of `_.unset`.
3671
3677
  *
@@ -3676,8 +3682,47 @@ var _parent = parent;
3676
3682
  */
3677
3683
  function baseUnset(object, path) {
3678
3684
  path = _castPath(path, object);
3679
- object = _parent(object, path);
3680
- return object == null || delete object[_toKey(last_1(path))];
3685
+
3686
+ // Prevent prototype pollution, see: https://github.com/lodash/lodash/security/advisories/GHSA-xxjr-mmjv-4gpg
3687
+ var index = -1,
3688
+ length = path.length;
3689
+
3690
+ if (!length) {
3691
+ return true;
3692
+ }
3693
+
3694
+ var isRootPrimitive = object == null || (typeof object !== 'object' && typeof object !== 'function');
3695
+
3696
+ while (++index < length) {
3697
+ var key = path[index];
3698
+
3699
+ // skip non-string keys (e.g., Symbols, numbers)
3700
+ if (typeof key !== 'string') {
3701
+ continue;
3702
+ }
3703
+
3704
+ // Always block "__proto__" anywhere in the path if it's not expected
3705
+ if (key === '__proto__' && !hasOwnProperty$1.call(object, '__proto__')) {
3706
+ return false;
3707
+ }
3708
+
3709
+ // Block "constructor.prototype" chains
3710
+ if (key === 'constructor' &&
3711
+ (index + 1) < length &&
3712
+ typeof path[index + 1] === 'string' &&
3713
+ path[index + 1] === 'prototype') {
3714
+
3715
+ // Allow ONLY when the path starts at a primitive root, e.g., _.unset(0, 'constructor.prototype.a')
3716
+ if (isRootPrimitive && index === 0) {
3717
+ continue;
3718
+ }
3719
+
3720
+ return false;
3721
+ }
3722
+ }
3723
+
3724
+ var obj = _parent(object, path);
3725
+ return obj == null || delete obj[_toKey(last_1(path))];
3681
3726
  }
3682
3727
 
3683
3728
  var _baseUnset = baseUnset;
@@ -4316,6 +4361,7 @@ const Signature = withLocale(_ref => {
4316
4361
  message.error(formatMessage({
4317
4362
  id: 'signatureEmptyError'
4318
4363
  }));
4364
+ setLoading(false);
4319
4365
  return;
4320
4366
  }
4321
4367
  let result = signatureCanvasRef.current.toDataURL('image/png');
@@ -4325,8 +4371,8 @@ const Signature = withLocale(_ref => {
4325
4371
  scale: 2
4326
4372
  })).then(function (maskPng) {
4327
4373
  const canvas = document.createElement('canvas');
4328
- canvas.width = width * 2;
4329
- canvas.height = height * 2;
4374
+ canvas.width = Math.min(width * 2, 300);
4375
+ canvas.height = Math.round(height * 368 / canvas.width);
4330
4376
  const ctx = canvas.getContext('2d');
4331
4377
  ctx.drawImage(maskPng, 0, 0, canvas.width, canvas.height);
4332
4378
  const resultImage = new Image();