idmission-web-sdk 2.2.139 → 2.2.141

package/dist/sdk2.esm.js

@@ -203,7 +203,7 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
   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
@@ -11475,7 +11475,7 @@ var SelfieCapture = function SelfieCapture(_a) {
     face: prediction.face,
     scaling: debugScalingDetails,
     color: satisfied ? 'green' : 'red'
-  }))), debugMode && ( /*#__PURE__*/React__default.createElement(DebugStatsPane, null, camera ? ( /*#__PURE__*/React__default.createElement(React__default.Fragment, null, "\u2705 Camera: ", camera.label, " (", camera.width, "x", camera.height, ")")) : '❌ Camera not ready', /*#__PURE__*/React__default.createElement("br", null), !(prediction === null || prediction === void 0 ? void 0 : prediction.faceNotCentered) ? '✅' : '❌', " Face Centered", /*#__PURE__*/React__default.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__default.createElement("br", null), !(prediction === null || prediction === void 0 ? void 0 : prediction.faceLookingAway) ? '✅' : '❌', " Face Looking Forward", /*#__PURE__*/React__default.createElement("br", null), !(prediction === null || prediction === void 0 ? void 0 : prediction.faceIsStable) ? '✅' : '❌', " Face Is Stable", /*#__PURE__*/React__default.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__default.createElement(ExitCaptureButton, {
+  }))), debugMode && ( /*#__PURE__*/React__default.createElement(DebugStatsPane, null, camera ? ( /*#__PURE__*/React__default.createElement(React__default.Fragment, null, "\u2705 Camera: ", camera.label, " (", camera.width, "x", camera.height, ")")) : '❌ Camera not ready', /*#__PURE__*/React__default.createElement("br", null), !(prediction === null || prediction === void 0 ? void 0 : prediction.faceNotDetected) ? '✅' : '❌', " Face Detected", /*#__PURE__*/React__default.createElement("br", null), !(prediction === null || prediction === void 0 ? void 0 : prediction.faceNotCentered) ? '✅' : '❌', " Face Centered", /*#__PURE__*/React__default.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__default.createElement("br", null), !(prediction === null || prediction === void 0 ? void 0 : prediction.faceLookingAway) ? '✅' : '❌', " Face Looking Forward", /*#__PURE__*/React__default.createElement("br", null), !(prediction === null || prediction === void 0 ? void 0 : prediction.faceIsStable) ? '✅' : '❌', " Face Is Stable", /*#__PURE__*/React__default.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__default.createElement(ExitCaptureButton, {
     onClick: onExit,
     className: classNames.exitCaptureBtn
   }));
@@ -11643,19 +11643,16 @@ var FaceLivenessCapture = function FaceLivenessCapture(_a) {
     });
     (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',
@@ -11666,17 +11663,17 @@ var FaceLivenessCapture = function FaceLivenessCapture(_a) {
                   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*/];
           }
         });
@@ -11685,7 +11682,7 @@ var FaceLivenessCapture = function FaceLivenessCapture(_a) {
   }, [checkLiveness, face, frame, isReady, onLivenessChecked, submissionError]);
   var onFallbackImageCaptured = 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) {
@@ -11695,12 +11692,9 @@ var FaceLivenessCapture = function FaceLivenessCapture(_a) {
             });
             _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();
@@ -11713,8 +11707,8 @@ var FaceLivenessCapture = function FaceLivenessCapture(_a) {
                 response: response
               }
             });
-            return [3 /*break*/, 5];
-          case 4:
+            return [3 /*break*/, 4];
+          case 3:
             e_2 = _b.sent();
             dispatch({
               type: 'livenessCheckFailed',
@@ -11722,8 +11716,8 @@ var FaceLivenessCapture = function FaceLivenessCapture(_a) {
                 error: e_2
               }
             });
-            return [3 /*break*/, 5];
-          case 5:
+            return [3 /*break*/, 4];
+          case 4:
             return [2 /*return*/];
         }
       });
@@ -12367,20 +12361,13 @@ var FaceLivenessWizard = function FaceLivenessWizard(_a) {
   }, [logCaptureMetadata]);
   var onSuccessCallback = 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]);
@@ -12395,7 +12382,25 @@ var FaceLivenessWizard = function FaceLivenessWizard(_a) {
         return [2 /*return*/];
       });
     });
-  }, [livenessCheckRequest, onFailure, submissionResponse]);
+  }, [allowLivenessFailure, livenessCheckRequest, onFailure, onSuccess, submissionResponse]);
+  var selfieGuidanceCanvasRef = useContext(SelfieGuidanceModelsContext).canvasRef;
+  var resizeCanvas = useRef(null);
+  var onTimeoutCallback = 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 = useCallback(function () {
     if (!allowLivenessFailure) {
       setCaptureState('FAILED');
@@ -12403,7 +12408,7 @@ var FaceLivenessWizard = function FaceLivenessWizard(_a) {
       setCaptureState('SUCCESS');
     }
     onDenied === null || onDenied === void 0 ? void 0 : onDenied(submissionResponse, livenessCheckRequest);
-  }, [onDenied, submissionResponse, livenessCheckRequest]);
+  }, [allowLivenessFailure, onDenied, submissionResponse, livenessCheckRequest]);
   var _1 = useState(0),
     attempt = _1[0],
     setAttempt = _1[1];
@@ -12452,7 +12457,9 @@ var FaceLivenessWizard = function FaceLivenessWizard(_a) {
       onExitAfterFailure === null || onExitAfterFailure === void 0 ? void 0 : onExitAfterFailure(submissionResponse, livenessCheckRequest);
     }, 0);
   }, [livenessCheckRequest, onExitAfterFailure, releaseCameraAccess, releaseCameraAccessOnExit, submissionResponse]);
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(PageContainer, {
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(InvisibleCanvas, {
+    ref: resizeCanvas
+  }), /*#__PURE__*/React__default.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__default.createElement(CameraVideoTag, {
     className: (_d = classNames.capture) === null || _d === void 0 ? void 0 : _d.cameraFeed
@@ -12466,7 +12473,7 @@ var FaceLivenessWizard = function FaceLivenessWizard(_a) {
           onLivenessChecked: onLivenessChecked,
           onSuccess: onSuccessCallback,
           onFailure: onFailureCallback,
-          onTimeout: onTimeout,
+          onTimeout: onTimeoutCallback,
           onDenied: onDeniedCallback,
           onExit: onExitCallback,
           initialCaptureDelayMs: initialCaptureDelayMs,
@@ -13513,7 +13520,7 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
     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);
     }