idmission-web-sdk 2.2.139 → 2.2.140

package/dist/sdk2.umd.development.js

@@ -211,7 +211,7 @@
     return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
   };
 
-  var webSdkVersion = '2.2.139';
+  var webSdkVersion = '2.2.140';
 
   function getPlatform() {
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -20599,7 +20599,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 +20767,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 +20787,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 +20806,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 +20816,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 +20831,8 @@
                   response: response
                 }
               });
-              return [3 /*break*/, 5];
-            case 4:
+              return [3 /*break*/, 4];
+            case 3:
               e_2 = _b.sent();
               dispatch({
                 type: 'livenessCheckFailed',
@@ -20846,8 +20840,8 @@
                   error: e_2
                 }
               });
-              return [3 /*break*/, 5];
-            case 5:
+              return [3 /*break*/, 4];
+            case 4:
               return [2 /*return*/];
           }
         });
@@ -21491,20 +21485,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 +21506,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 +21532,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 +21581,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 +21597,7 @@
             onLivenessChecked: onLivenessChecked,
             onSuccess: onSuccessCallback,
             onFailure: onFailureCallback,
-            onTimeout: onTimeout,
+            onTimeout: onTimeoutCallback,
             onDenied: onDeniedCallback,
             onExit: onExitCallback,
             initialCaptureDelayMs: initialCaptureDelayMs,
@@ -23405,7 +23412,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);
       }