idmission-web-sdk 1.0.257 → 1.0.259

package/dist/sdk2.cjs.development.js

@@ -50,7 +50,7 @@ var LanguageDetector__default = /*#__PURE__*/_interopDefaultLegacy(LanguageDetec
 var i18n__default = /*#__PURE__*/_interopDefaultLegacy(i18n);
 var SignatureCanvas__default = /*#__PURE__*/_interopDefaultLegacy(SignatureCanvas);
 
-var webSdkVersion = '1.0.257';
+var webSdkVersion = '1.0.259';
 
 function getPlatform() {
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -9383,6 +9383,9 @@ var IdCaptureModelsProvider = function IdCaptureModelsProvider(_a) {
   var resetBestFrame = React.useCallback(function () {
     bestFocusScore.current = 0;
     clearCanvas(bestPredictionCanvas.current);
+    clearCanvas(lastPredictionCanvas.current);
+    clearCanvas(cropCanvas.current);
+    clearCanvas(rotateCanvas.current);
     setBestFrameBoundingBox([]);
     setBestFrameDetectionScore(0);
     setBestFrameFocusScore(0);
@@ -14345,6 +14348,7 @@ var IdVideoCapture = function IdVideoCapture(_a) {
     setThresholds = _15.setThresholds,
     bestFrameDetectionScore = _15.bestFrameDetectionScore,
     bestFrameFocusScore = _15.bestFrameFocusScore,
+    getBestFrame = _15.getBestFrame,
     resetBestFrame = _15.resetBestFrame;
   var onSelfiePredictionMade = React.useContext(HighPerformanceSelfieGuidanceModelsContext).onPredictionMade;
   var _16 = useVideoRecorder(cameraRef.current),
@@ -14426,14 +14430,6 @@ var IdVideoCapture = function IdVideoCapture(_a) {
     if (goodFramesCount === 1) setFirstGoodFrameTime(new Date().getTime());
   }, [goodFramesCount]);
   var delaySatisfied = requestedAction !== 'SHOW_ID_FRONT' || idFrontCaptureStartedAt !== null && new Date().getTime() > idFrontCaptureStartedAt + idCardFrontDelay;
-  var captureCanvas = React.useRef(null);
-  var captureFrame = React.useCallback(function () {
-    if (!captureCanvas.current || !videoRef.current) return;
-    drawToCanvas(captureCanvas.current, videoRef.current);
-    var imageUrl = captureCanvas.current.toDataURL('image/jpeg', 0.98);
-    clearCanvas(captureCanvas.current);
-    return imageUrl;
-  }, [videoRef]);
   var onIdBackCaptureComplete = React.useCallback(function () {
     if (readTextPrompt) {
       setRequestedAction('READ_TEXT');
@@ -14449,53 +14445,55 @@ var IdVideoCapture = function IdVideoCapture(_a) {
   React.useEffect(function () {
     (function () {
       return tslib.__awaiter(void 0, void 0, void 0, function () {
-        var frame, frame;
+        var frame, frameBase64;
         return tslib.__generator(this, function (_a) {
           switch (_a.label) {
             case 0:
-              if (!satisfied) return [3 /*break*/, 5];
+              if (!satisfied) return [3 /*break*/, 6];
+              return [4 /*yield*/, getBestFrame()];
+            case 1:
+              frame = _a.sent();
+              frameBase64 = frame && dataUrlToBase64Sync(frame.canvas.toDataURL('image/jpeg', 0.98));
               setDetectedObjects([]);
               setCurrentDetectionScore(0);
               setCurrentFocusScore(0);
               setGoodFramesCount(0);
               resetBestFrame();
-              if (!(requestedAction == 'SHOW_ID_FRONT')) return [3 /*break*/, 4];
+              if (!(requestedAction == 'SHOW_ID_FRONT')) return [3 /*break*/, 5];
               if (onIdFrontImageCaptured) {
-                frame = captureFrame();
-                frame && onIdFrontImageCaptured(dataUrlToBase64Sync(frame));
+                frameBase64 && onIdFrontImageCaptured(frameBase64);
               }
-              if (!skipShowIdCardBack) return [3 /*break*/, 3];
-              if (!(skipShowIdCardBack === true)) return [3 /*break*/, 1];
+              if (!skipShowIdCardBack) return [3 /*break*/, 4];
+              if (!(skipShowIdCardBack === true)) return [3 /*break*/, 2];
               return [2 /*return*/, onIdBackCaptureComplete()];
-            case 1:
-              return [4 /*yield*/, skipShowIdCardBack()];
             case 2:
+              return [4 /*yield*/, skipShowIdCardBack()];
+            case 3:
               if (_a.sent()) {
                 return [2 /*return*/, onIdBackCaptureComplete()];
               }
-              _a.label = 3;
-            case 3:
+              _a.label = 4;
+            case 4:
               setRequestedAction('FLIP_ID');
               setTimeout(function () {
                 setRequestedAction('SHOW_ID_BACK');
               }, 3500);
-              return [3 /*break*/, 5];
-            case 4:
+              return [3 /*break*/, 6];
+            case 5:
               if (requestedAction == 'SHOW_ID_BACK') {
                 if (onIdBackImageCaptured) {
-                  frame = captureFrame();
-                  frame && onIdBackImageCaptured(dataUrlToBase64Sync(frame));
+                  frameBase64 && onIdBackImageCaptured(frameBase64);
                 }
                 onIdBackCaptureComplete();
               }
-              _a.label = 5;
-            case 5:
+              _a.label = 6;
+            case 6:
               return [2 /*return*/];
           }
         });
       });
     })();
-  }, [captureFrame, satisfied, onIdBackCaptureComplete, onIdBackImageCaptured, onIdFrontImageCaptured, requestedAction, resetBestFrame, skipShowIdCardBack]);
+  }, [satisfied, onIdBackCaptureComplete, onIdBackImageCaptured, onIdFrontImageCaptured, requestedAction, resetBestFrame, skipShowIdCardBack, getBestFrame]);
   var onReadTextTimeout = React.useCallback(function () {
     stopRecording();
   }, [stopRecording]);
@@ -14532,8 +14530,6 @@ var IdVideoCapture = function IdVideoCapture(_a) {
     className: "flex ".concat((_l = classNames.container) !== null && _l !== void 0 ? _l : '')
   }, /*#__PURE__*/React__default['default'].createElement(CameraVideoTag, {
     className: classNames.cameraFeed
-  }), /*#__PURE__*/React__default['default'].createElement(InvisibleCanvas, {
-    ref: captureCanvas
   }), requestedAction === 'READ_TEXT' ? ( /*#__PURE__*/React__default['default'].createElement(ReadTextPrompt, {
     text: readTextPrompt,
     startedAt: timeoutStartedAt || undefined,