idmission-web-sdk 2.2.148 → 2.2.150

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.148';
+  var webSdkVersion = '2.2.150';
 
   function getPlatform() {
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -8175,18 +8175,22 @@
     if (checkEveryMs === void 0) {
       checkEveryMs = 100;
     }
-    return new Promise(function (resolve) {
+    var cancelled = false;
+    var promise = new Promise(function (resolve) {
       var _a, _b, _c;
       if (((_b = (_a = videoRef.current) === null || _a === void 0 ? void 0 : _a.readyState) !== null && _b !== void 0 ? _b : 0) >= 2) return resolve();
       (_c = videoRef.current) === null || _c === void 0 ? void 0 : _c.load();
       var interval = setInterval(function () {
         var _a, _b;
-        if (((_b = (_a = videoRef.current) === null || _a === void 0 ? void 0 : _a.readyState) !== null && _b !== void 0 ? _b : 0) >= 2) {
+        if (((_b = (_a = videoRef.current) === null || _a === void 0 ? void 0 : _a.readyState) !== null && _b !== void 0 ? _b : 0) >= 2 || cancelled) {
           clearInterval(interval);
           resolve();
         }
       }, checkEveryMs);
     });
+    return [promise, function () {
+      cancelled = true;
+    }];
   }
   function calculateIoU(boxA, boxB) {
     var xA = Math.max(boxA.xMin, boxB.xMin);
@@ -8311,17 +8315,26 @@
       var modelLoadTimeout = setTimeout(function () {
         setModelError(new Error('Model loading time limit exceeded.'));
       }, modelLoadTimeoutMs);
+      var cancelVideoReady = function cancelVideoReady() {};
       loadFocusModel(modelPath).then(function (loadedModel) {
         return __awaiter(_this, void 0, void 0, function () {
-          return __generator(this, function (_a) {
-            switch (_a.label) {
+          var _a, videoReady, cancel, cancelled;
+          return __generator(this, function (_b) {
+            switch (_b.label) {
               case 0:
                 setModelDownloadProgress(100);
                 clearTimeout(modelLoadTimeout);
-                return [4 /*yield*/, waitForVideoReady(videoRef)];
+                _a = waitForVideoReady(videoRef), videoReady = _a[0], cancel = _a[1];
+                cancelled = false;
+                cancelVideoReady = function cancelVideoReady() {
+                  cancelled = true;
+                  cancel();
+                };
+                return [4 /*yield*/, videoReady];
               case 1:
-                _a.sent();
+                _b.sent();
                 setTimeout(function () {
+                  if (cancelled) return;
                   loadedModel.classifyForVideo(videoRef.current, performance.now());
                   setReady(true);
                 }, 500);
@@ -8336,6 +8349,7 @@
       });
       return function () {
         log('unloading focus model');
+        cancelVideoReady();
         closeFocusModel();
         clearTimeout(modelLoadTimeout);
         document.removeEventListener('idmission.preloadProgress.focus', handleDownloadProgress);
@@ -8459,16 +8473,25 @@
         setModelDownloadProgress(progressToPercentage(event.detail));
       }
       document.addEventListener('idmission.preloadProgress.faceDetection', handleDownloadProgress);
+      var cancelVideoReady = function cancelVideoReady() {};
       loadFaceDetector().then(function (model) {
         return __awaiter(_this, void 0, void 0, function () {
-          return __generator(this, function (_a) {
-            switch (_a.label) {
+          var _a, videoReady, cancel, cancelled;
+          return __generator(this, function (_b) {
+            switch (_b.label) {
               case 0:
                 setModelDownloadProgress(100);
                 clearTimeout(modelLoadTimeout);
-                return [4 /*yield*/, waitForVideoReady(videoRef)];
+                _a = waitForVideoReady(videoRef), videoReady = _a[0], cancel = _a[1];
+                cancelled = false;
+                cancelVideoReady = function cancelVideoReady() {
+                  cancelled = true;
+                  cancel();
+                };
+                return [4 /*yield*/, videoReady];
               case 1:
-                _a.sent();
+                _b.sent();
+                if (cancelled) return [2 /*return*/];
                 model.detectForVideo(videoRef.current, performance.now());
                 setReady(true);
                 return [2 /*return*/];
@@ -8482,6 +8505,7 @@
       });
       return function () {
         log('unloading face detection model');
+        cancelVideoReady();
         closeFaceDetector();
         clearTimeout(modelLoadTimeout);
         document.removeEventListener('idmission.preloadProgress.faceDetection', handleDownloadProgress);
@@ -8956,17 +8980,26 @@
       var modelLoadTimeout = setTimeout(function () {
         setModelError(new Error('Model loading time limit exceeded.'));
       }, modelLoadTimeoutMs);
+      var cancelVideoReady = function cancelVideoReady() {};
       loadDocumentDetector(modelPath, scoreThreshold).then(function (model) {
         return __awaiter(_this, void 0, void 0, function () {
-          return __generator(this, function (_a) {
-            switch (_a.label) {
+          var _a, videoReady, cancel, cancelled;
+          return __generator(this, function (_b) {
+            switch (_b.label) {
               case 0:
                 setModelDownloadProgress(100);
                 clearTimeout(modelLoadTimeout);
-                return [4 /*yield*/, waitForVideoReady(videoRef)];
+                _a = waitForVideoReady(videoRef), videoReady = _a[0], cancel = _a[1];
+                cancelled = false;
+                cancelVideoReady = function cancelVideoReady() {
+                  cancelled = true;
+                  cancel();
+                };
+                return [4 /*yield*/, videoReady];
               case 1:
-                _a.sent();
+                _b.sent();
                 setTimeout(function () {
+                  if (cancelled) return;
                   model.detectForVideo(videoRef.current, performance.now());
                   setReady(true);
                 }, 500);
@@ -8981,6 +9014,7 @@
       });
       return function () {
         log('unloading document detection model');
+        cancelVideoReady();
         closeDocumentDetector();
         clearTimeout(modelLoadTimeout);
         document.removeEventListener('idmission.preloadProgress.documentDetection', handleDownloadProgress);
@@ -10818,7 +10852,7 @@
               }
             }
           }
-          if (!allowUploadingDocumentsFromStorage) {
+          if (newState.captureState === 'initializing' && !allowUploadingDocumentsFromStorage) {
             newState.captureState = 'capturing';
           }
           return newState;
@@ -21388,6 +21422,7 @@
       onExitCapture = _a.onExitCapture,
       onExitAfterFailure = _a.onExitAfterFailure,
       onUserCancel = _a.onUserCancel,
+      precapturedDocuments = _a.precapturedDocuments,
       _e = _a.loadingOverlayMode,
       loadingOverlayMode = _e === void 0 ? 'default' : _e,
       customOverlayContent = _a.customOverlayContent,
@@ -21453,12 +21488,17 @@
       start = _0.start,
       stop = _0.stop;
     React.useEffect(function () {
+      if (precapturedDocuments === null || precapturedDocuments === void 0 ? void 0 : precapturedDocuments.selfie) {
+        setSelfieImage(precapturedDocuments.selfie.imageData);
+        setCaptureState('SUCCESS');
+        return;
+      }
       if (captureState !== 'CAPTURING') return;
       operationStartedAt.current = new Date();
       captureStartedAt.current = undefined;
       start();
       return stop;
-    }, [captureState, start, stop]);
+    }, [captureState, precapturedDocuments === null || precapturedDocuments === void 0 ? void 0 : precapturedDocuments.selfie, setSelfieImage, start, stop]);
     var onCapture = React.useCallback(function () {
       livenessScore.current = undefined;
     }, []);
@@ -22936,39 +22976,40 @@
   var VideoSignatureContext = /*#__PURE__*/React.createContext(videoSignatureInitialState);
   function VideoSignatureContextProvider(_a) {
     var _this = this;
+    var _b, _c;
     var children = _a.children,
-      _b = _a.captureAudio,
-      captureAudio = _b === void 0 ? false : _b;
+      _d = _a.captureAudio,
+      captureAudio = _d === void 0 ? false : _d;
     var signaturePad = React.useRef(null);
-    var _c = React.useState(null),
-      signatureData = _c[0],
-      setSignatureData = _c[1];
-    var _d = React.useState(null),
-      signatureDataUrl = _d[0],
-      setSignatureDataUrl = _d[1];
     var _e = React.useState(null),
-      signatureVideoData = _e[0],
-      setSignatureVideoData = _e[1];
+      signatureData = _e[0],
+      setSignatureData = _e[1];
     var _f = React.useState(null),
-      signatureVideoUrl = _f[0],
-      setSignatureVideoUrl = _f[1];
+      signatureDataUrl = _f[0],
+      setSignatureDataUrl = _f[1];
+    var _g = React.useState(null),
+      signatureVideoData = _g[0],
+      setSignatureVideoData = _g[1];
+    var _h = React.useState(null),
+      signatureVideoUrl = _h[0],
+      setSignatureVideoUrl = _h[1];
     var signatureRecorder = React.useRef(null);
     var recordedChunks = React.useRef([]);
-    var _g = useCameraStore(),
-      camera = _g.camera,
-      videoRef = _g.videoRef,
-      audioStream = _g.audioStream;
-    var _h = useVideoRecorder(camera, audioStream, captureAudio),
-      isRecordingVideo = _h.isRecordingVideo,
-      startRecordingVideo = _h.startRecordingVideo,
-      stopRecordingVideo = _h.stopRecordingVideo,
-      startRecordingAudio = _h.startRecordingAudio,
-      stopRecordingAudio = _h.stopRecordingAudio;
+    var _j = useCameraStore(),
+      camera = _j.camera,
+      videoRef = _j.videoRef,
+      audioStream = _j.audioStream;
+    var _k = useVideoRecorder(camera, audioStream, captureAudio),
+      isRecordingVideo = _k.isRecordingVideo,
+      startRecordingVideo = _k.startRecordingVideo,
+      stopRecordingVideo = _k.stopRecordingVideo,
+      startRecordingAudio = _k.startRecordingAudio,
+      stopRecordingAudio = _k.stopRecordingAudio;
     var outputCanvas = React.useRef(null);
     var recordingLock = React.useRef(false);
-    var _j = React.useState(false),
-      isRecording = _j[0],
-      setIsRecording = _j[1];
+    var _l = React.useState(false),
+      isRecording = _l[0],
+      setIsRecording = _l[1];
     var startRecording = React.useCallback(function () {
       setIsRecording(true);
     }, []);
@@ -23099,7 +23140,9 @@
     return /*#__PURE__*/React.createElement(VideoSignatureContext.Provider, {
       value: value
     }, children, /*#__PURE__*/React.createElement(InvisibleCanvas, {
-      ref: outputCanvas
+      ref: outputCanvas,
+      width: (_b = videoRef.current) === null || _b === void 0 ? void 0 : _b.videoWidth,
+      height: (_c = videoRef.current) === null || _c === void 0 ? void 0 : _c.videoHeight
     }));
   }
   function useVideoSignatureContext() {
@@ -25571,6 +25614,7 @@
         initialCaptureDelayMs: faceLivenessInitialCaptureDelayMs,
         timeoutDurationMs: faceLivenessTimeoutDurationMs,
         modelLoadTimeoutMs: selfieCaptureModelLoadTimeoutMs,
+        precapturedDocuments: precapturedDocuments,
         onDenied: onDenied,
         onExitCapture: onExitCapture,
         onExitAfterFailure: onExitAfterFailure,
@@ -25583,7 +25627,7 @@
         verbiage: verbiage.faceLiveness,
         debugMode: debugMode
       };
-    }, [assets.faceLiveness, classNames.faceLiveness, colors.faceLiveness, debugMode, faceLivenessInitialCaptureDelayMs, faceLivenessLoadingOverlayMode, faceLivenessTimeoutDurationMs, onDenied, onExitAfterFailure, onExitCapture, onSelfieCaptureModelError, onUserCancel, selfieCaptureModelLoadTimeoutMs, skipSuccessScreen, verbiage.faceLiveness]);
+    }, [assets.faceLiveness, classNames.faceLiveness, colors.faceLiveness, debugMode, faceLivenessInitialCaptureDelayMs, faceLivenessLoadingOverlayMode, faceLivenessTimeoutDurationMs, onDenied, onExitAfterFailure, onExitCapture, onSelfieCaptureModelError, onUserCancel, precapturedDocuments, selfieCaptureModelLoadTimeoutMs, skipSuccessScreen, verbiage.faceLiveness]);
     var additionalDocumentCaptureProps = React.useMemo(function () {
       return {
         documents: captureAdditionalDocuments,
@@ -25835,6 +25879,7 @@
         onExitAfterFailure: onExitAfterFailure,
         onUserCancel: onUserCancel,
         onModelError: onSelfieCaptureModelError,
+        precapturedDocuments: precapturedDocuments,
         loadingOverlayMode: faceLivenessLoadingOverlayMode,
         initialCaptureDelayMs: faceLivenessInitialCaptureDelayMs,
         timeoutDurationMs: faceLivenessTimeoutDurationMs,
@@ -25846,7 +25891,7 @@
         verbiage: verbiage.faceLiveness,
         debugMode: debugMode
       };
-    }, [assets.faceLiveness, classNames.faceLiveness, colors.faceLiveness, debugMode, faceLivenessInitialCaptureDelayMs, faceLivenessLoadingOverlayMode, faceLivenessTimeoutDurationMs, onExitAfterFailure, onExitCapture, onSelfieCaptureModelError, onUserCancel, selfieCaptureModelLoadTimeoutMs, skipSuccessScreen, verbiage.faceLiveness]);
+    }, [assets.faceLiveness, classNames.faceLiveness, colors.faceLiveness, debugMode, faceLivenessInitialCaptureDelayMs, faceLivenessLoadingOverlayMode, faceLivenessTimeoutDurationMs, onExitAfterFailure, onExitCapture, onSelfieCaptureModelError, onUserCancel, precapturedDocuments, selfieCaptureModelLoadTimeoutMs, skipSuccessScreen, verbiage.faceLiveness]);
     var videoIdCaptureProps = React.useMemo(function () {
       return _assign({
         onExitCapture: onExitCapture,