idmission-web-sdk 2.2.138 → 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.138';
+  var webSdkVersion = '2.2.140';
 
   function getPlatform() {
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -14190,6 +14190,7 @@
     '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...',
@@ -14314,6 +14315,7 @@
     '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...',
@@ -14438,6 +14440,7 @@
     '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...',
@@ -14562,6 +14565,7 @@
     '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...',
@@ -14686,6 +14690,7 @@
     '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...': 'マスクを取り外してください…',
@@ -14810,6 +14815,7 @@
     '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...',
@@ -14934,6 +14940,7 @@
     '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...': 'Снимите маску…',
@@ -15058,6 +15065,7 @@
     '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...': '請脫下口罩...',
@@ -20591,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
     }));
@@ -20759,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',
@@ -20782,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*/];
             }
           });
@@ -20801,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) {
@@ -20811,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();
@@ -20829,8 +20831,8 @@
                   response: response
                 }
               });
-              return [3 /*break*/, 5];
-            case 4:
+              return [3 /*break*/, 4];
+            case 3:
               e_2 = _b.sent();
               dispatch({
                 type: 'livenessCheckFailed',
@@ -20838,8 +20840,8 @@
                   error: e_2
                 }
               });
-              return [3 /*break*/, 5];
-            case 5:
+              return [3 /*break*/, 4];
+            case 4:
               return [2 /*return*/];
           }
         });
@@ -21483,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]);
@@ -21511,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');
@@ -21519,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];
@@ -21568,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
@@ -21582,7 +21597,7 @@
             onLivenessChecked: onLivenessChecked,
             onSuccess: onSuccessCallback,
             onFailure: onFailureCallback,
-            onTimeout: onTimeout,
+            onTimeout: onTimeoutCallback,
             onDenied: onDeniedCallback,
             onExit: onExitCallback,
             initialCaptureDelayMs: initialCaptureDelayMs,
@@ -23397,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);
       }