idmission-web-sdk 2.2.139 → 2.2.141

package/dist/sdk2.umd.development.js

@@ -2,7 +2,7 @@
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react'), require('react-dom/client'), require('platform'), require('styled-components'), require('tus-js-client'), require('react-dom'), require('prop-types')) :
   typeof define === 'function' && define.amd ? define(['exports', 'react', 'react-dom/client', 'platform', 'styled-components', 'tus-js-client', 'react-dom', 'prop-types'], factory) :
   (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.Sdk2 = {}, global.React, global.ReactDOM, global.platform, global.styled, global.tusJsClient, global.ReactDOM, global.PropTypes));
-})(this, (function (exports, React, ReactDOM, platform, styled, tusJsClient, reactDom, require$$0) { 'use strict';
+})(this, (function (exports, React, ReactDOM, platform, styled, tusJsClient, reactDom, PropTypes) { 'use strict';
 
   function _interopNamespaceDefault(e) {
     var n = Object.create(null);
@@ -211,7 +211,7 @@
     return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
   };
 
-  var webSdkVersion = '2.2.139';
+  var webSdkVersion = '2.2.141';
 
   function getPlatform() {
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -529,31 +529,6 @@
   	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
   }
 
-  function getAugmentedNamespace(n) {
-    if (n.__esModule) return n;
-    var f = n.default;
-  	if (typeof f == "function") {
-  		var a = function a () {
-  			if (this instanceof a) {
-          return Reflect.construct(f, arguments, this.constructor);
-  			}
-  			return f.apply(this, arguments);
-  		};
-  		a.prototype = f.prototype;
-    } else a = {};
-    Object.defineProperty(a, '__esModule', {value: true});
-  	Object.keys(n).forEach(function (k) {
-  		var d = Object.getOwnPropertyDescriptor(n, k);
-  		Object.defineProperty(a, k, d.get ? d : {
-  			enumerable: true,
-  			get: function () {
-  				return n[k];
-  			}
-  		});
-  	});
-  	return a;
-  }
-
   function warn$1() {
     if (console && console.warn) {
       var _console;
@@ -10435,7 +10410,7 @@
     });
   }
 
-  var _excluded = ["enabled", "anonymousActionType", "store"],
+  var _excluded$1 = ["enabled", "anonymousActionType", "store"],
     _excluded2 = ["connection"];
   var trackedConnections = /* @__PURE__ */new Map();
   var getTrackedConnectionState = function getTrackedConnectionState(name) {
@@ -10480,7 +10455,7 @@
         enabled = _devtoolsOptions.enabled,
         anonymousActionType = _devtoolsOptions.anonymousActionType,
         store = _devtoolsOptions.store,
-        options = _objectWithoutPropertiesLoose(_devtoolsOptions, _excluded);
+        options = _objectWithoutPropertiesLoose(_devtoolsOptions, _excluded$1);
       var extensionConnector;
       try {
         extensionConnector = (enabled != null ? enabled : (undefined ? undefined.MODE : void 0) !== "production") && window.__REDUX_DEVTOOLS_EXTENSION__;
@@ -20599,7 +20574,7 @@
       face: prediction.face,
       scaling: debugScalingDetails,
       color: satisfied ? 'green' : 'red'
-    }))), debugMode && ( /*#__PURE__*/React.createElement(DebugStatsPane, null, camera ? ( /*#__PURE__*/React.createElement(React.Fragment, null, "\u2705 Camera: ", camera.label, " (", camera.width, "x", camera.height, ")")) : '❌ Camera not ready', /*#__PURE__*/React.createElement("br", null), !(prediction === null || prediction === void 0 ? void 0 : prediction.faceNotCentered) ? '✅' : '❌', " Face Centered", /*#__PURE__*/React.createElement("br", null), !(prediction === null || prediction === void 0 ? void 0 : prediction.faceTooClose) && !(prediction === null || prediction === void 0 ? void 0 : prediction.faceTooFar) ? '✅' : '❌', ' ', "Face", ' ', (prediction === null || prediction === void 0 ? void 0 : prediction.faceTooClose) ? 'Too Close' : (prediction === null || prediction === void 0 ? void 0 : prediction.faceTooFar) ? 'Too Far' : 'Distance Correct', /*#__PURE__*/React.createElement("br", null), !(prediction === null || prediction === void 0 ? void 0 : prediction.faceLookingAway) ? '✅' : '❌', " Face Looking Forward", /*#__PURE__*/React.createElement("br", null), !(prediction === null || prediction === void 0 ? void 0 : prediction.faceIsStable) ? '✅' : '❌', " Face Is Stable", /*#__PURE__*/React.createElement("br", null), !timedOut ? '✅' : '❌', " Time Remaining:", ' ', Math.max(0, timeoutDurationMs - (new Date().getTime() - (timeoutStartedAt !== null && timeoutStartedAt !== void 0 ? timeoutStartedAt : new Date()).getTime())), "ms")), /*#__PURE__*/React.createElement(ExitCaptureButton, {
+    }))), debugMode && ( /*#__PURE__*/React.createElement(DebugStatsPane, null, camera ? ( /*#__PURE__*/React.createElement(React.Fragment, null, "\u2705 Camera: ", camera.label, " (", camera.width, "x", camera.height, ")")) : '❌ Camera not ready', /*#__PURE__*/React.createElement("br", null), !(prediction === null || prediction === void 0 ? void 0 : prediction.faceNotDetected) ? '✅' : '❌', " Face Detected", /*#__PURE__*/React.createElement("br", null), !(prediction === null || prediction === void 0 ? void 0 : prediction.faceNotCentered) ? '✅' : '❌', " Face Centered", /*#__PURE__*/React.createElement("br", null), !(prediction === null || prediction === void 0 ? void 0 : prediction.faceTooClose) && !(prediction === null || prediction === void 0 ? void 0 : prediction.faceTooFar) ? '✅' : '❌', ' ', "Face", ' ', (prediction === null || prediction === void 0 ? void 0 : prediction.faceTooClose) ? 'Too Close' : (prediction === null || prediction === void 0 ? void 0 : prediction.faceTooFar) ? 'Too Far' : 'Distance Correct', /*#__PURE__*/React.createElement("br", null), !(prediction === null || prediction === void 0 ? void 0 : prediction.faceLookingAway) ? '✅' : '❌', " Face Looking Forward", /*#__PURE__*/React.createElement("br", null), !(prediction === null || prediction === void 0 ? void 0 : prediction.faceIsStable) ? '✅' : '❌', " Face Is Stable", /*#__PURE__*/React.createElement("br", null), !timedOut ? '✅' : '❌', " Time Remaining:", ' ', Math.max(0, timeoutDurationMs - (new Date().getTime() - (timeoutStartedAt !== null && timeoutStartedAt !== void 0 ? timeoutStartedAt : new Date()).getTime())), "ms")), /*#__PURE__*/React.createElement(ExitCaptureButton, {
       onClick: onExit,
       className: classNames.exitCaptureBtn
     }));
@@ -20767,19 +20742,16 @@
       });
       (function () {
         return __awaiter(_this, void 0, void 0, function () {
-          var imageUrl_1, response, _a, e_1;
-          return __generator(this, function (_b) {
-            switch (_b.label) {
+          var imageUrl_1, response, e_1;
+          return __generator(this, function (_a) {
+            switch (_a.label) {
               case 0:
-                _b.trys.push([0, 3,, 4]);
+                _a.trys.push([0, 2,, 3]);
                 imageUrl_1 = cropToShoulders(rawCanvas.current, cropCanvas.current, resizeCanvas.current, frame, face, 0.92, 600);
                 setImageUrl(imageUrl_1);
-                _a = checkLiveness;
-                return [4 /*yield*/, dataUrlToBase64(imageUrl_1)];
+                return [4 /*yield*/, checkLiveness(dataUrlToBase64Sync(imageUrl_1))];
               case 1:
-                return [4 /*yield*/, _a.apply(void 0, [_b.sent()])];
-              case 2:
-                response = _b.sent();
+                response = _a.sent();
                 onLivenessChecked === null || onLivenessChecked === void 0 ? void 0 : onLivenessChecked(response);
                 dispatch({
                   type: 'livenessChecked',
@@ -20790,17 +20762,17 @@
                     response: response
                   }
                 });
-                return [3 /*break*/, 4];
-              case 3:
-                e_1 = _b.sent();
+                return [3 /*break*/, 3];
+              case 2:
+                e_1 = _a.sent();
                 dispatch({
                   type: 'livenessCheckFailed',
                   payload: {
                     error: e_1
                   }
                 });
-                return [3 /*break*/, 4];
-              case 4:
+                return [3 /*break*/, 3];
+              case 3:
                 return [2 /*return*/];
             }
           });
@@ -20809,7 +20781,7 @@
     }, [checkLiveness, face, frame, isReady, onLivenessChecked, submissionError]);
     var onFallbackImageCaptured = React.useCallback(function (imageUrl) {
       return __awaiter(void 0, void 0, void 0, function () {
-        var imageData, response, e_2;
+        var response, e_2;
         var _a;
         return __generator(this, function (_b) {
           switch (_b.label) {
@@ -20819,12 +20791,9 @@
               });
               _b.label = 1;
             case 1:
-              _b.trys.push([1, 4,, 5]);
-              return [4 /*yield*/, dataUrlToBase64(imageUrl)];
+              _b.trys.push([1, 3,, 4]);
+              return [4 /*yield*/, checkLiveness(dataUrlToBase64Sync(imageUrl))];
             case 2:
-              imageData = _b.sent();
-              return [4 /*yield*/, checkLiveness(imageData)];
-            case 3:
               response = _b.sent();
               if (((_a = response === null || response === void 0 ? void 0 : response.resultData) === null || _a === void 0 ? void 0 : _a.verificationResult) !== 'Live Face Detected') {
                 onFailure === null || onFailure === void 0 ? void 0 : onFailure();
@@ -20837,8 +20806,8 @@
                   response: response
                 }
               });
-              return [3 /*break*/, 5];
-            case 4:
+              return [3 /*break*/, 4];
+            case 3:
               e_2 = _b.sent();
               dispatch({
                 type: 'livenessCheckFailed',
@@ -20846,8 +20815,8 @@
                   error: e_2
                 }
               });
-              return [3 /*break*/, 5];
-            case 5:
+              return [3 /*break*/, 4];
+            case 4:
               return [2 /*return*/];
           }
         });
@@ -21491,20 +21460,13 @@
     }, [logCaptureMetadata]);
     var onSuccessCallback = React.useCallback(function (faceCropImageUrl) {
       return __awaiter(void 0, void 0, void 0, function () {
-        var _a;
-        return __generator(this, function (_b) {
-          switch (_b.label) {
-            case 0:
-              if (!livenessCheckRequest || !submissionResponse) return [2 /*return*/];
-              setCaptureState('SUCCESS');
-              setFaceCropImageUrl(faceCropImageUrl);
-              _a = setSelfieImage;
-              return [4 /*yield*/, dataUrlToBase64(faceCropImageUrl)];
-            case 1:
-              _a.apply(void 0, [_b.sent()]);
-              onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(submissionResponse, livenessCheckRequest);
-              return [2 /*return*/];
-          }
+        return __generator(this, function (_a) {
+          if (!livenessCheckRequest || !submissionResponse) return [2 /*return*/];
+          setCaptureState('SUCCESS');
+          setFaceCropImageUrl(faceCropImageUrl);
+          setSelfieImage(dataUrlToBase64Sync(faceCropImageUrl));
+          onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(submissionResponse, livenessCheckRequest);
+          return [2 /*return*/];
         });
       });
     }, [onSuccess, setSelfieImage, livenessCheckRequest, submissionResponse]);
@@ -21519,7 +21481,25 @@
           return [2 /*return*/];
         });
       });
-    }, [livenessCheckRequest, onFailure, submissionResponse]);
+    }, [allowLivenessFailure, livenessCheckRequest, onFailure, onSuccess, submissionResponse]);
+    var selfieGuidanceCanvasRef = React.useContext(SelfieGuidanceModelsContext).canvasRef;
+    var resizeCanvas = React.useRef(null);
+    var onTimeoutCallback = React.useCallback(function () {
+      if (allowLivenessFailure) {
+        setCaptureState('SUCCESS');
+        if (selfieGuidanceCanvasRef.current && resizeCanvas.current) {
+          var srcCanvas = selfieGuidanceCanvasRef.current;
+          resizeCanvas.current.height = 600;
+          resizeCanvas.current.width = srcCanvas.width * (resizeCanvas.current.height / srcCanvas.height);
+          var resizeCtx = resizeCanvas.current.getContext('2d');
+          resizeCtx.drawImage(srcCanvas, 0, 0, resizeCanvas.current.width, 600);
+          var dataURL = resizeCanvas.current.toDataURL('image/jpeg', 0.92);
+          setSelfieImage(dataUrlToBase64Sync(dataURL));
+        }
+        onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(submissionResponse, livenessCheckRequest);
+      }
+      onTimeout === null || onTimeout === void 0 ? void 0 : onTimeout();
+    }, [allowLivenessFailure, livenessCheckRequest, onSuccess, onTimeout, selfieGuidanceCanvasRef, setSelfieImage, submissionResponse]);
     var onDeniedCallback = React.useCallback(function () {
       if (!allowLivenessFailure) {
         setCaptureState('FAILED');
@@ -21527,7 +21507,7 @@
         setCaptureState('SUCCESS');
       }
       onDenied === null || onDenied === void 0 ? void 0 : onDenied(submissionResponse, livenessCheckRequest);
-    }, [onDenied, submissionResponse, livenessCheckRequest]);
+    }, [allowLivenessFailure, onDenied, submissionResponse, livenessCheckRequest]);
     var _1 = React.useState(0),
       attempt = _1[0],
       setAttempt = _1[1];
@@ -21576,7 +21556,9 @@
         onExitAfterFailure === null || onExitAfterFailure === void 0 ? void 0 : onExitAfterFailure(submissionResponse, livenessCheckRequest);
       }, 0);
     }, [livenessCheckRequest, onExitAfterFailure, releaseCameraAccess, releaseCameraAccessOnExit, submissionResponse]);
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(PageContainer, {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(InvisibleCanvas, {
+      ref: resizeCanvas
+    }), /*#__PURE__*/React.createElement(PageContainer, {
       className: "flex ".concat((_c = (_b = classNames.capture) === null || _b === void 0 ? void 0 : _b.container) !== null && _c !== void 0 ? _c : '')
     }, renderCameraFeed && ( /*#__PURE__*/React.createElement(CameraVideoTag, {
       className: (_d = classNames.capture) === null || _d === void 0 ? void 0 : _d.cameraFeed
@@ -21590,7 +21572,7 @@
             onLivenessChecked: onLivenessChecked,
             onSuccess: onSuccessCallback,
             onFailure: onFailureCallback,
-            onTimeout: onTimeout,
+            onTimeout: onTimeoutCallback,
             onDenied: onDeniedCallback,
             onExit: onExitCallback,
             initialCaptureDelayMs: initialCaptureDelayMs,
@@ -21817,7 +21799,49 @@
     });
   };
 
-  var build$1 = {exports: {}};
+  function _objectWithoutProperties(e, t) {
+    if (null == e) return {};
+    var o,
+      r,
+      i = _objectWithoutPropertiesLoose(e, t);
+    if (Object.getOwnPropertySymbols) {
+      var s = Object.getOwnPropertySymbols(e);
+      for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
+    }
+    return i;
+  }
+
+  function _inherits(t, e) {
+    if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function");
+    t.prototype = Object.create(e && e.prototype, {
+      constructor: {
+        value: t,
+        writable: !0,
+        configurable: !0
+      }
+    }), Object.defineProperty(t, "prototype", {
+      writable: !1
+    }), e && _setPrototypeOf(t, e);
+  }
+
+  function _possibleConstructorReturn(t, e) {
+    if (e && ("object" == _typeof$1(e) || "function" == typeof e)) return e;
+    if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined");
+    return _assertThisInitialized(t);
+  }
+
+  function _createSuper(t) {
+    var r = _isNativeReflectConstruct();
+    return function () {
+      var e,
+        o = _getPrototypeOf(t);
+      if (r) {
+        var s = _getPrototypeOf(this).constructor;
+        e = Reflect.construct(o, arguments, s);
+      } else e = o.apply(this, arguments);
+      return _possibleConstructorReturn(this, e);
+    };
+  }
 
   /*!
    * Signature Pad v2.3.2
@@ -22335,255 +22359,223 @@
     return this._data;
   };
 
-  var signature_pad = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    default: SignaturePad$1
-  });
-
-  var require$$2 = /*@__PURE__*/getAugmentedNamespace(signature_pad);
-
   var build = {exports: {}};
 
-  var hasRequiredBuild;
-  function requireBuild() {
-    if (hasRequiredBuild) return build.exports;
-    hasRequiredBuild = 1;
-    (function (module, exports) {
-      !function (e, t) {
-        module.exports = t() ;
-      }(commonjsGlobal, function () {
-        return function (e) {
-          function t(n) {
-            if (r[n]) return r[n].exports;
-            var o = r[n] = {
-              exports: {},
-              id: n,
-              loaded: !1
-            };
-            return e[n].call(o.exports, o, o.exports, t), o.loaded = !0, o.exports;
-          }
-          var r = {};
-          return t.m = e, t.c = r, t.p = "", t(0);
-        }([function (e, t) {
-
-          function r(e) {
-            var t = e.getContext("2d"),
-              r = e.width,
-              n = e.height,
-              o = t.getImageData(0, 0, r, n).data,
-              f = a(!0, r, n, o),
-              i = a(!1, r, n, o),
-              c = u(!0, r, n, o),
-              d = u(!1, r, n, o),
-              p = d - c + 1,
-              l = i - f + 1,
-              s = t.getImageData(c, f, p, l);
-            return e.width = p, e.height = l, t.clearRect(0, 0, p, l), t.putImageData(s, 0, 0), e;
-          }
-          function n(e, t, r, n) {
-            return {
-              red: n[4 * (r * t + e)],
-              green: n[4 * (r * t + e) + 1],
-              blue: n[4 * (r * t + e) + 2],
-              alpha: n[4 * (r * t + e) + 3]
-            };
-          }
-          function o(e, t, r, o) {
-            return n(e, t, r, o).alpha;
-          }
-          function a(e, t, r, n) {
-            for (var a = e ? 1 : -1, u = e ? 0 : r - 1, f = u; e ? f < r : f > -1; f += a) for (var i = 0; i < t; i++) if (o(i, f, t, n)) return f;
-            return null;
-          }
-          function u(e, t, r, n) {
-            for (var a = e ? 1 : -1, u = e ? 0 : t - 1, f = u; e ? f < t : f > -1; f += a) for (var i = 0; i < r; i++) if (o(f, i, t, n)) return f;
-            return null;
-          }
-          Object.defineProperty(t, "__esModule", {
-            value: !0
-          }), t["default"] = r;
-        }]);
-      });
-    })(build);
-    return build.exports;
-  }
-
   (function (module, exports) {
     !function (e, t) {
-      module.exports = t(require$$0, React, require$$2, requireBuild()) ;
-    }(commonjsGlobal, function (e, t, n, r) {
+      module.exports = t() ;
+    }(commonjsGlobal, function () {
       return function (e) {
-        function t(r) {
-          if (n[r]) return n[r].exports;
-          var a = n[r] = {
+        function t(n) {
+          if (r[n]) return r[n].exports;
+          var o = r[n] = {
             exports: {},
-            id: r,
+            id: n,
             loaded: !1
           };
-          return e[r].call(a.exports, a, a.exports, t), a.loaded = !0, a.exports;
+          return e[n].call(o.exports, o, o.exports, t), o.loaded = !0, o.exports;
         }
-        var n = {};
-        return t.m = e, t.c = n, t.p = "", t(0);
-      }([function (e, t, n) {
+        var r = {};
+        return t.m = e, t.c = r, t.p = "", t(0);
+      }([function (e, t) {
 
         function r(e) {
-          return e && e.__esModule ? e : {
-            "default": e
-          };
+          var t = e.getContext("2d"),
+            r = e.width,
+            n = e.height,
+            o = t.getImageData(0, 0, r, n).data,
+            f = a(!0, r, n, o),
+            i = a(!1, r, n, o),
+            c = u(!0, r, n, o),
+            d = u(!1, r, n, o),
+            p = d - c + 1,
+            l = i - f + 1,
+            s = t.getImageData(c, f, p, l);
+          return e.width = p, e.height = l, t.clearRect(0, 0, p, l), t.putImageData(s, 0, 0), e;
         }
-        function a(e, t) {
-          var n = {};
-          for (var r in e) t.indexOf(r) >= 0 || Object.prototype.hasOwnProperty.call(e, r) && (n[r] = e[r]);
-          return n;
+        function n(e, t, r, n) {
+          return {
+            red: n[4 * (r * t + e)],
+            green: n[4 * (r * t + e) + 1],
+            blue: n[4 * (r * t + e) + 2],
+            alpha: n[4 * (r * t + e) + 3]
+          };
         }
-        function o(e, t) {
-          if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function");
+        function o(e, t, r, o) {
+          return n(e, t, r, o).alpha;
         }
-        function i(e, t) {
-          if (!e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-          return !t || "object" != typeof t && "function" != typeof t ? e : t;
+        function a(e, t, r, n) {
+          for (var a = e ? 1 : -1, u = e ? 0 : r - 1, f = u; e ? f < r : f > -1; f += a) for (var i = 0; i < t; i++) if (o(i, f, t, n)) return f;
+          return null;
         }
-        function u(e, t) {
-          if ("function" != typeof t && null !== t) throw new TypeError("Super expression must either be null or a function, not " + typeof t);
-          e.prototype = Object.create(t && t.prototype, {
-            constructor: {
-              value: e,
-              enumerable: !1,
-              writable: !0,
-              configurable: !0
-            }
-          }), t && (Object.setPrototypeOf ? Object.setPrototypeOf(e, t) : e.__proto__ = t);
+        function u(e, t, r, n) {
+          for (var a = e ? 1 : -1, u = e ? 0 : t - 1, f = u; e ? f < t : f > -1; f += a) for (var i = 0; i < r; i++) if (o(f, i, t, n)) return f;
+          return null;
         }
         Object.defineProperty(t, "__esModule", {
           value: !0
-        });
-        var s = Object.assign || function (e) {
-            for (var t = 1; t < arguments.length; t++) {
-              var n = arguments[t];
-              for (var r in n) Object.prototype.hasOwnProperty.call(n, r) && (e[r] = n[r]);
-            }
-            return e;
-          },
-          c = function () {
-            function e(e, t) {
-              for (var n = 0; n < t.length; n++) {
-                var r = t[n];
-                r.enumerable = r.enumerable || !1, r.configurable = !0, "value" in r && (r.writable = !0), Object.defineProperty(e, r.key, r);
-              }
-            }
-            return function (t, n, r) {
-              return n && e(t.prototype, n), r && e(t, r), t;
-            };
-          }(),
-          f = n(1),
-          p = r(f),
-          l = n(2),
-          d = r(l),
-          v = n(3),
-          h = r(v),
-          _ = n(4),
-          g = r(_),
-          m = function (e) {
-            function t() {
-              var e, n, r, u;
-              o(this, t);
-              for (var s = arguments.length, c = Array(s), f = 0; f < s; f++) c[f] = arguments[f];
-              return n = r = i(this, (e = t.__proto__ || Object.getPrototypeOf(t)).call.apply(e, [this].concat(c))), r._sigPad = null, r._excludeOurProps = function () {
-                var e = r.props,
-                  t = (e.canvasProps, e.clearOnResize, a(e, ["canvasProps", "clearOnResize"]));
-                return t;
-              }, r.getCanvas = function () {
-                return r._canvas;
-              }, r.getTrimmedCanvas = function () {
-                var e = document.createElement("canvas");
-                return e.width = r._canvas.width, e.height = r._canvas.height, e.getContext("2d").drawImage(r._canvas, 0, 0), (0, g["default"])(e);
-              }, r.getSignaturePad = function () {
-                return r._sigPad;
-              }, r._checkClearOnResize = function () {
-                r.props.clearOnResize && r._resizeCanvas();
-              }, r._resizeCanvas = function () {
-                var e = r.props.canvasProps || {},
-                  t = e.width,
-                  n = e.height;
-                if (!t || !n) {
-                  var a = r._canvas,
-                    o = Math.max(window.devicePixelRatio || 1, 1);
-                  t || (a.width = a.offsetWidth * o), n || (a.height = a.offsetHeight * o), a.getContext("2d").scale(o, o), r.clear();
-                }
-              }, r.on = function () {
-                return window.addEventListener("resize", r._checkClearOnResize), r._sigPad.on();
-              }, r.off = function () {
-                return window.removeEventListener("resize", r._checkClearOnResize), r._sigPad.off();
-              }, r.clear = function () {
-                return r._sigPad.clear();
-              }, r.isEmpty = function () {
-                return r._sigPad.isEmpty();
-              }, r.fromDataURL = function (e, t) {
-                return r._sigPad.fromDataURL(e, t);
-              }, r.toDataURL = function (e, t) {
-                return r._sigPad.toDataURL(e, t);
-              }, r.fromData = function (e) {
-                return r._sigPad.fromData(e);
-              }, r.toData = function () {
-                return r._sigPad.toData();
-              }, u = n, i(r, u);
-            }
-            return u(t, e), c(t, [{
-              key: "componentDidMount",
-              value: function value() {
-                this._sigPad = new h["default"](this._canvas, this._excludeOurProps()), this._resizeCanvas(), this.on();
-              }
-            }, {
-              key: "componentWillUnmount",
-              value: function value() {
-                this.off();
-              }
-            }, {
-              key: "componentDidUpdate",
-              value: function value() {
-                Object.assign(this._sigPad, this._excludeOurProps());
-              }
-            }, {
-              key: "render",
-              value: function value() {
-                var e = this,
-                  t = this.props.canvasProps;
-                return d["default"].createElement("canvas", s({
-                  ref: function ref(t) {
-                    e._canvas = t;
-                  }
-                }, t));
-              }
-            }]), t;
-          }(l.Component);
-        m.propTypes = {
-          velocityFilterWeight: p["default"].number,
-          minWidth: p["default"].number,
-          maxWidth: p["default"].number,
-          minDistance: p["default"].number,
-          dotSize: p["default"].oneOfType([p["default"].number, p["default"].func]),
-          penColor: p["default"].string,
-          throttle: p["default"].number,
-          onEnd: p["default"].func,
-          onBegin: p["default"].func,
-          canvasProps: p["default"].object,
-          clearOnResize: p["default"].bool
-        }, m.defaultProps = {
-          clearOnResize: !0
-        }, t["default"] = m;
-      }, function (t, n) {
-        t.exports = e;
-      }, function (e, n) {
-        e.exports = t;
-      }, function (e, t) {
-        e.exports = n;
-      }, function (e, t) {
-        e.exports = r;
+        }), t["default"] = r;
       }]);
     });
-  })(build$1);
-  var buildExports = build$1.exports;
-  var SignatureCanvas = /*@__PURE__*/getDefaultExportFromCjs(buildExports);
+  })(build);
+  var buildExports = build.exports;
+  var trimCanvas = /*@__PURE__*/getDefaultExportFromCjs(buildExports);
+
+  var _excluded = ["canvasProps", "clearOnResize"];
+  var SignatureCanvas = /*#__PURE__*/function (_Component) {
+    _inherits(SignatureCanvas, _Component);
+    var _super = _createSuper(SignatureCanvas);
+    function SignatureCanvas() {
+      var _this;
+      _classCallCheck(this, SignatureCanvas);
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+      _this = _super.call.apply(_super, [this].concat(args));
+      _this.staticThis = _this.constructor;
+      _this._sigPad = null;
+      _this._canvas = null;
+      _this.setRef = function (ref) {
+        _this._canvas = ref;
+        // if component is unmounted, set internal references to null
+        if (_this._canvas === null) {
+          _this._sigPad = null;
+        }
+      };
+      _this._excludeOurProps = function () {
+        var _this$props = _this.props;
+        _this$props.canvasProps;
+        _this$props.clearOnResize;
+        var sigPadProps = _objectWithoutProperties(_this$props, _excluded);
+        return sigPadProps;
+      };
+      _this.componentDidMount = function () {
+        var canvas = _this.getCanvas();
+        _this._sigPad = new SignaturePad$1(canvas, _this._excludeOurProps());
+        _this._resizeCanvas();
+        _this.on();
+      };
+      _this.componentWillUnmount = function () {
+        _this.off();
+      };
+      _this.componentDidUpdate = function () {
+        Object.assign(_this._sigPad, _this._excludeOurProps());
+      };
+      _this.getCanvas = function () {
+        if (_this._canvas === null) {
+          throw _this.staticThis.refNullError;
+        }
+        return _this._canvas;
+      };
+      _this.getTrimmedCanvas = function () {
+        // copy the canvas
+        var canvas = _this.getCanvas();
+        var copy = document.createElement('canvas');
+        copy.width = canvas.width;
+        copy.height = canvas.height;
+        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+        copy.getContext('2d').drawImage(canvas, 0, 0);
+        // then trim it
+        return trimCanvas(copy);
+      };
+      _this.getSignaturePad = function () {
+        if (_this._sigPad === null) {
+          throw _this.staticThis.refNullError;
+        }
+        return _this._sigPad;
+      };
+      _this._checkClearOnResize = function () {
+        if (!_this.props.clearOnResize) {
+          // eslint-disable-line @typescript-eslint/strict-boolean-expressions -- this is backward compatible with the previous behavior, where null was treated as falsey
+          return;
+        }
+        _this._resizeCanvas();
+      };
+      _this._resizeCanvas = function () {
+        var _this$props$canvasPro, _window$devicePixelRa;
+        var canvasProps = (_this$props$canvasPro = _this.props.canvasProps) !== null && _this$props$canvasPro !== void 0 ? _this$props$canvasPro : {};
+        var width = canvasProps.width,
+          height = canvasProps.height;
+        // don't resize if the canvas has fixed width and height
+        if (typeof width !== 'undefined' && typeof height !== 'undefined') {
+          return;
+        }
+        var canvas = _this.getCanvas();
+        /* When zoomed out to less than 100%, for some very strange reason,
+          some browsers report devicePixelRatio as less than 1
+          and only part of the canvas is cleared then. */
+        var ratio = Math.max((_window$devicePixelRa = window.devicePixelRatio) !== null && _window$devicePixelRa !== void 0 ? _window$devicePixelRa : 1, 1);
+        if (typeof width === 'undefined') {
+          canvas.width = canvas.offsetWidth * ratio;
+        }
+        if (typeof height === 'undefined') {
+          canvas.height = canvas.offsetHeight * ratio;
+        }
+        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+        canvas.getContext('2d').scale(ratio, ratio);
+        _this.clear();
+      };
+      _this.render = function () {
+        var canvasProps = _this.props.canvasProps;
+        return /*#__PURE__*/React.createElement("canvas", _extends({
+          ref: _this.setRef
+        }, canvasProps));
+      };
+      _this.on = function () {
+        window.addEventListener('resize', _this._checkClearOnResize);
+        return _this.getSignaturePad().on();
+      };
+      _this.off = function () {
+        window.removeEventListener('resize', _this._checkClearOnResize);
+        return _this.getSignaturePad().off();
+      };
+      _this.clear = function () {
+        return _this.getSignaturePad().clear();
+      };
+      _this.isEmpty = function () {
+        return _this.getSignaturePad().isEmpty();
+      };
+      _this.fromDataURL = function (dataURL, options) {
+        return _this.getSignaturePad().fromDataURL(dataURL, options);
+      };
+      _this.toDataURL = function (type, encoderOptions) {
+        return _this.getSignaturePad().toDataURL(type, encoderOptions);
+      };
+      _this.fromData = function (pointGroups) {
+        return _this.getSignaturePad().fromData(pointGroups);
+      };
+      _this.toData = function () {
+        return _this.getSignaturePad().toData();
+      };
+      return _this;
+    } // shortcut reference (https://stackoverflow.com/a/29244254/3431180)
+    // propagate prop updates to SignaturePad
+    // return the canvas ref for operations like toDataURL
+    // return a trimmed copy of the canvas
+    // return the internal SignaturePad reference
+    // all wrapper functions below render
+    //
+    return _createClass(SignatureCanvas);
+  }(React.Component);
+  SignatureCanvas.propTypes = {
+    // signature_pad's props
+    velocityFilterWeight: PropTypes.number,
+    minWidth: PropTypes.number,
+    maxWidth: PropTypes.number,
+    minDistance: PropTypes.number,
+    dotSize: PropTypes.oneOfType([PropTypes.number, PropTypes.func]),
+    penColor: PropTypes.string,
+    throttle: PropTypes.number,
+    onEnd: PropTypes.func,
+    onBegin: PropTypes.func,
+    // props specific to the React wrapper
+    canvasProps: PropTypes.object,
+    clearOnResize: PropTypes.bool
+  };
+  SignatureCanvas.defaultProps = {
+    clearOnResize: true
+  };
+  SignatureCanvas.refNullError = new Error('react-signature-canvas is currently ' + 'mounting or unmounting: React refs are null during this phase.');
 
   function signatureDataToIdmissionFormat(signatureCanvas, imageUrl) {
     imageUrl || (imageUrl = signatureCanvas.toDataURL());
@@ -23405,7 +23397,7 @@
       onFaceLivenessSuccessProp === null || onFaceLivenessSuccessProp === void 0 ? void 0 : onFaceLivenessSuccessProp(response, request);
       setCaptureState('CAPTURING_SIGNATURE');
       logCaptureMetadata();
-      var selfieFromRequest = (_b = (_a = request.customerData) === null || _a === void 0 ? void 0 : _a.biometricData) === null || _b === void 0 ? void 0 : _b.selfie;
+      var selfieFromRequest = (_b = (_a = request === null || request === void 0 ? void 0 : request.customerData) === null || _a === void 0 ? void 0 : _a.biometricData) === null || _b === void 0 ? void 0 : _b.selfie;
       if (!selfieImage && selfieFromRequest) {
         setSelfieImage(selfieFromRequest);
       }