idmission-web-sdk 2.2.148 → 2.2.150

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.148';
+var webSdkVersion = '2.2.150';
 
 function getPlatform() {
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -2269,18 +2269,22 @@ function waitForVideoReady(videoRef, checkEveryMs) {
   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);
@@ -2405,17 +2409,26 @@ function useLoadFocusModel(_a) {
     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);
@@ -2430,6 +2443,7 @@ function useLoadFocusModel(_a) {
     });
     return function () {
       log('unloading focus model');
+      cancelVideoReady();
       closeFocusModel();
       clearTimeout(modelLoadTimeout);
       document.removeEventListener('idmission.preloadProgress.focus', handleDownloadProgress);
@@ -2553,16 +2567,25 @@ function useLoadFaceDetector(_a) {
       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*/];
@@ -2576,6 +2599,7 @@ function useLoadFaceDetector(_a) {
     });
     return function () {
       log('unloading face detection model');
+      cancelVideoReady();
       closeFaceDetector();
       clearTimeout(modelLoadTimeout);
       document.removeEventListener('idmission.preloadProgress.faceDetection', handleDownloadProgress);
@@ -3050,17 +3074,26 @@ function useLoadDocumentDetector(_a) {
     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);
@@ -3075,6 +3108,7 @@ function useLoadDocumentDetector(_a) {
     });
     return function () {
       log('unloading document detection model');
+      cancelVideoReady();
       closeDocumentDetector();
       clearTimeout(modelLoadTimeout);
       document.removeEventListener('idmission.preloadProgress.documentDetection', handleDownloadProgress);
@@ -4484,7 +4518,7 @@ var _reducer = function reducer(state, action) {
             }
           }
         }
-        if (!allowUploadingDocumentsFromStorage) {
+        if (newState.captureState === 'initializing' && !allowUploadingDocumentsFromStorage) {
           newState.captureState = 'capturing';
         }
         return newState;
@@ -12264,6 +12298,7 @@ var FaceLivenessWizard = function FaceLivenessWizard(_a) {
     onExitCapture = _a.onExitCapture,
     onExitAfterFailure = _a.onExitAfterFailure,
     onUserCancel = _a.onUserCancel,
+    precapturedDocuments = _a.precapturedDocuments,
     _e = _a.loadingOverlayMode,
     loadingOverlayMode = _e === void 0 ? 'default' : _e,
     customOverlayContent = _a.customOverlayContent,
@@ -12329,12 +12364,17 @@ var FaceLivenessWizard = function FaceLivenessWizard(_a) {
     start = _0.start,
     stop = _0.stop;
   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 = useCallback(function () {
     livenessScore.current = undefined;
   }, []);
@@ -13044,39 +13084,40 @@ var videoSignatureInitialState = {
 var VideoSignatureContext = /*#__PURE__*/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 = useRef(null);
-  var _c = useState(null),
-    signatureData = _c[0],
-    setSignatureData = _c[1];
-  var _d = useState(null),
-    signatureDataUrl = _d[0],
-    setSignatureDataUrl = _d[1];
   var _e = useState(null),
-    signatureVideoData = _e[0],
-    setSignatureVideoData = _e[1];
+    signatureData = _e[0],
+    setSignatureData = _e[1];
   var _f = useState(null),
-    signatureVideoUrl = _f[0],
-    setSignatureVideoUrl = _f[1];
+    signatureDataUrl = _f[0],
+    setSignatureDataUrl = _f[1];
+  var _g = useState(null),
+    signatureVideoData = _g[0],
+    setSignatureVideoData = _g[1];
+  var _h = useState(null),
+    signatureVideoUrl = _h[0],
+    setSignatureVideoUrl = _h[1];
   var signatureRecorder = useRef(null);
   var recordedChunks = 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 = useRef(null);
   var recordingLock = useRef(false);
-  var _j = useState(false),
-    isRecording = _j[0],
-    setIsRecording = _j[1];
+  var _l = useState(false),
+    isRecording = _l[0],
+    setIsRecording = _l[1];
   var startRecording = useCallback(function () {
     setIsRecording(true);
   }, []);
@@ -13207,7 +13248,9 @@ function VideoSignatureContextProvider(_a) {
   return /*#__PURE__*/React__default.createElement(VideoSignatureContext.Provider, {
     value: value
   }, children, /*#__PURE__*/React__default.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() {
@@ -15679,6 +15722,7 @@ var IdAndFaceValidation = function IdAndFaceValidation(_a) {
       initialCaptureDelayMs: faceLivenessInitialCaptureDelayMs,
       timeoutDurationMs: faceLivenessTimeoutDurationMs,
       modelLoadTimeoutMs: selfieCaptureModelLoadTimeoutMs,
+      precapturedDocuments: precapturedDocuments,
       onDenied: onDenied,
       onExitCapture: onExitCapture,
       onExitAfterFailure: onExitAfterFailure,
@@ -15691,7 +15735,7 @@ var IdAndFaceValidation = function IdAndFaceValidation(_a) {
       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 = useMemo(function () {
     return {
       documents: captureAdditionalDocuments,
@@ -15943,6 +15987,7 @@ var CustomerIdAndBiometricsEnrollment = function CustomerIdAndBiometricsEnrollme
       onExitAfterFailure: onExitAfterFailure,
       onUserCancel: onUserCancel,
       onModelError: onSelfieCaptureModelError,
+      precapturedDocuments: precapturedDocuments,
       loadingOverlayMode: faceLivenessLoadingOverlayMode,
       initialCaptureDelayMs: faceLivenessInitialCaptureDelayMs,
       timeoutDurationMs: faceLivenessTimeoutDurationMs,
@@ -15954,7 +15999,7 @@ var CustomerIdAndBiometricsEnrollment = function CustomerIdAndBiometricsEnrollme
       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 = useMemo(function () {
     return _assign({
       onExitCapture: onExitCapture,