idmission-web-sdk 2.2.138 → 2.2.140

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.138';
+var webSdkVersion = '2.2.140';
 
 function getPlatform() {
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -5066,6 +5066,7 @@ var es = {
   'Move back...': 'Hay que moverse hacia atrás...',
   'Move forward...': 'Hay que moverse hacia adelante...',
   'Move to the center...': 'Hay que moverse hacia el centro...',
+  'Waiting for face to be detected...': 'Esperando que se detecte la cara...',
   'Please remove your eye coverings (sunglasses eye patch etc.)...': 'Hay que quitarse lo que cubre los ojos (lentes, parche, etc.)...',
   'Please remove your head coverings (hat scarf etc.)...': 'Hay que quitarse lo que cubre la cabeza (gorra, mascada, etc.)...',
   'Please remove your mask...': 'Hay que quitarse el cubrebocas...',
@@ -5190,6 +5191,7 @@ var de = {
   'Move back...': 'Nach hinten bewegen...',
   'Move forward...': 'Nach vorne bewegen...',
   'Move to the center...': 'In die Mitte bewegen...',
+  'Waiting for face to be detected...': 'Warte auf die Gesichtserkennung...',
   'Please remove your eye coverings (sunglasses eye patch etc.)...': 'Bitte Augenbedeckung entfernen (Sonnenbrille, Augenklappe usw.)...',
   'Please remove your head coverings (hat scarf etc.)...': 'Bitte Kopfbedeckung abnehmen (Mütze, Schal usw.)...',
   'Please remove your mask...': 'Bitte Maske ablegen...',
@@ -5314,6 +5316,7 @@ var fr = {
   'Move back...': 'Reculez...',
   'Move forward...': 'Avancez...',
   'Move to the center...': 'Déplacez-vous vers le centre...',
+  'Waiting for face to be detected...': 'En attente de détection du visage...',
   'Please remove your eye coverings (sunglasses eye patch etc.)...': 'Veuillez retirer ce qui recouvre vos yeux (lunettes de soleil, cache-œil, etc.)...',
   'Please remove your head coverings (hat scarf etc.)...': 'Veuillez retirer vos couvre-chefs (chapeau, foulard, etc.)...',
   'Please remove your mask...': 'Veuillez retirer votre masque...',
@@ -5438,6 +5441,7 @@ var it = {
   'Move back...': 'Spostarsi più lontano...',
   'Move forward...': 'Spostarsi più vicino...',
   'Move to the center...': 'Spostarsi al centro...',
+  'Waiting for face to be detected...': 'In attesa che venga rilevato il volto...',
   'Please remove your eye coverings (sunglasses eye patch etc.)...': 'Rimuovere tutto ciò che copre gli occhi (occhiali da sole, bende, ecc.)...',
   'Please remove your head coverings (hat scarf etc.)...': 'Rimuovere tutto ciò che ricopre il capo (cappello, sciarpa, ecc.)...',
   'Please remove your mask...': 'Rimuovere la mascherina...',
@@ -5562,6 +5566,7 @@ var ja = {
   'Move back...': '遠ざかってください…',
   'Move forward...': '近づいてください…',
   'Move to the center...': '中央へ移動してください…',
+  'Waiting for face to be detected...': '顔が検出されるのを待っています…',
   'Please remove your eye coverings (sunglasses eye patch etc.)...': '目を覆うもの（サングラスや眼帯など）を取り外してください…',
   'Please remove your head coverings (hat scarf etc.)...': '頭を覆うもの（帽子やスカーフなど）を取り外してください…',
   'Please remove your mask...': 'マスクを取り外してください…',
@@ -5686,6 +5691,7 @@ var pt = {
   'Move back...': 'Mover para trás...',
   'Move forward...': 'Mover para frente...',
   'Move to the center...': 'Mover para o centro...',
+  'Waiting for face to be detected...': 'Aguardando a detecção de rosto...',
   'Please remove your eye coverings (sunglasses eye patch etc.)...': 'Por favor, remova as coberturas dos olhos (óculos de sol, tapa-olho, etc.)...',
   'Please remove your head coverings (hat scarf etc.)...': 'Por favor, remova as coberturas da cabeça (chapéu, cachecol, etc.)...',
   'Please remove your mask...': 'Por favor, remova sua máscara...',
@@ -5810,6 +5816,7 @@ var ru = {
   'Move back...': 'Отойдите назад…',
   'Move forward...': 'Подвиньтесь вперед…',
   'Move to the center...': 'Переместите к центру…',
+  'Waiting for face to be detected...': 'Ожидание обнаружения лица…',
   'Please remove your eye coverings (sunglasses eye patch etc.)...': 'Снимите предметы, закрывающие глаза (солнцезащитные очки, повязку и т.д.)…',
   'Please remove your head coverings (hat scarf etc.)...': 'Снимите предметы, покрывающие голову (шапку, шарф и т.д.)…',
   'Please remove your mask...': 'Снимите маску…',
@@ -5934,6 +5941,7 @@ var zh = {
   'Move back...': '請後退...',
   'Move forward...': '請前進...',
   'Move to the center...': '請移至中心...',
+  'Waiting for face to be detected...': '正在等待臉部辨識...',
   'Please remove your eye coverings (sunglasses eye patch etc.)...': '請取下眼睛遮蓋物（太陽眼鏡、眼罩等）...',
   'Please remove your head coverings (hat scarf etc.)...': '請取下頭部遮蓋物（帽子、圍巾等）...',
   'Please remove your mask...': '請脫下口罩...',
@@ -11467,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
   }));
@@ -11635,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',
@@ -11658,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*/];
           }
         });
@@ -11677,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) {
@@ -11687,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();
@@ -11705,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',
@@ -11714,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*/];
         }
       });
@@ -12359,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]);
@@ -12387,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');
@@ -12395,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];
@@ -12444,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
@@ -12458,7 +12473,7 @@ var FaceLivenessWizard = function FaceLivenessWizard(_a) {
           onLivenessChecked: onLivenessChecked,
           onSuccess: onSuccessCallback,
           onFailure: onFailureCallback,
-          onTimeout: onTimeout,
+          onTimeout: onTimeoutCallback,
           onDenied: onDeniedCallback,
           onExit: onExitCallback,
           initialCaptureDelayMs: initialCaptureDelayMs,
@@ -13505,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);
     }