idmission-web-sdk 2.3.102 → 2.3.104

package/dist/sdk2.esm.js

@@ -205,7 +205,7 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
   return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
 };
 
-var webSdkVersion = '2.3.102';
+var webSdkVersion = '2.3.104';
 
 function getPlatform() {
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -1379,6 +1379,9 @@ var SubmissionProvider = function SubmissionProvider(_a) {
       return __spreadArray(__spreadArray([], attempts, true), [attempt], false);
     });
   }, []);
+  useRevokeObjectUrlOnUnmount(signatureVideoUrl);
+  useRevokeObjectUrlOnUnmount(idCaptureVideoUrl);
+  useRevokeObjectUrlOnUnmount(idCaptureVideoAudioUrl);
   useEffect(function () {
     if (precapturedDocuments === null || precapturedDocuments === void 0 ? void 0 : precapturedDocuments.selfie) {
       setSelfieImage(dataUrlToBase64Sync(precapturedDocuments.selfie.imageData));
@@ -2162,6 +2165,13 @@ function useSubmissionContext() {
   }
   return context;
 }
+function useRevokeObjectUrlOnUnmount(url) {
+  useEffect(function () {
+    return function () {
+      if (url) URL.revokeObjectURL(url);
+    };
+  }, [url]);
+}
 
 var visionTasksBasePath = "https://websdk-cdn-dev.idmission.com/assets/vision_wasm_internal_0.10.7";
 var visionRuntimePreloading = false;
@@ -14302,7 +14312,11 @@ var videoSignatureInitialState = {
     return null;
   },
   stopRecording: function stopRecording() {
-    return null;
+    return __awaiter(void 0, void 0, void 0, function () {
+      return __generator(this, function (_a) {
+        return [2 /*return*/, void 0];
+      });
+    });
   },
   clearRecordedData: function clearRecordedData() {
     return null;
@@ -14367,45 +14381,54 @@ var useVideoSignatureStore = create()(devtools(function (set, get) {
       });
     },
     stopRecording: function stopRecording(signatureData, imageUrl) {
-      set({
-        recordingStopRequestedAt: performance.now()
-      });
-      waitForOneMoreChunk().then(function () {
-        if (!signatureRecorder) return;
-        signatureRecorder.stop();
-        signatureRecorder.onstop = function () {
-          return __awaiter(void 0, void 0, void 0, function () {
-            var recordingStoppedAt, inferredType, blob, _a, onSignatureVideoCaptured, recordingStartRequestedAt, recordingStartedAt, firstChunkReceivedAt, signatureStartedAt, signatureEndedAt, recordingStopRequestedAt, lastChunkReceivedAt;
-            return __generator(this, function (_b) {
-              recordingStoppedAt = performance.now();
+      return __awaiter(this, void 0, void 0, function () {
+        var _this = this;
+        return __generator(this, function (_a) {
+          switch (_a.label) {
+            case 0:
               set({
-                recordingStoppedAt: recordingStoppedAt
-              });
-              inferredType = inferBlobType(signatureChunks[0]) || (signatureRecorder === null || signatureRecorder === void 0 ? void 0 : signatureRecorder.mimeType) || 'video/mp4';
-              blob = new Blob(signatureChunks, {
-                type: inferredType
-              });
-              signatureChunks = [];
-              signatureRecorder = null;
-              if (!signatureData) return [2 /*return*/];
-              _a = get(), onSignatureVideoCaptured = _a.onSignatureVideoCaptured, recordingStartRequestedAt = _a.recordingStartRequestedAt, recordingStartedAt = _a.recordingStartedAt, firstChunkReceivedAt = _a.firstChunkReceivedAt, signatureStartedAt = _a.signatureStartedAt, signatureEndedAt = _a.signatureEndedAt, recordingStopRequestedAt = _a.recordingStopRequestedAt, lastChunkReceivedAt = _a.lastChunkReceivedAt;
-              onSignatureVideoCaptured(blob, signatureData, imageUrl !== null && imageUrl !== void 0 ? imageUrl : null, {
-                mimeType: inferredType,
-                timingData: {
-                  recordingStartRequestedAt: recordingStartRequestedAt,
-                  recordingStartedAt: recordingStartedAt,
-                  firstChunkReceivedAt: firstChunkReceivedAt,
-                  signatureStartedAt: signatureStartedAt,
-                  signatureEndedAt: signatureEndedAt,
-                  recordingStopRequestedAt: recordingStopRequestedAt,
-                  recordingStoppedAt: recordingStoppedAt,
-                  lastChunkReceivedAt: lastChunkReceivedAt
-                }
+                recordingStopRequestedAt: performance.now()
               });
+              if (!signatureRecorder) return [2 /*return*/];
+              return [4 /*yield*/, waitForOneMoreChunk()];
+            case 1:
+              _a.sent();
+              signatureRecorder.onstop = function () {
+                return __awaiter(_this, void 0, void 0, function () {
+                  var recordingStoppedAt, mimeType, blob, _a, onSignatureVideoCaptured, recordingStartRequestedAt, recordingStartedAt, firstChunkReceivedAt, signatureStartedAt, signatureEndedAt, recordingStopRequestedAt, lastChunkReceivedAt;
+                  return __generator(this, function (_b) {
+                    recordingStoppedAt = performance.now();
+                    set({
+                      recordingStoppedAt: recordingStoppedAt
+                    });
+                    mimeType = inferBlobType(signatureChunks[0]) || (signatureRecorder === null || signatureRecorder === void 0 ? void 0 : signatureRecorder.mimeType) || 'video/mp4';
+                    blob = new Blob(signatureChunks, {
+                      type: mimeType
+                    });
+                    signatureChunks = [];
+                    signatureRecorder = null;
+                    _a = get(), onSignatureVideoCaptured = _a.onSignatureVideoCaptured, recordingStartRequestedAt = _a.recordingStartRequestedAt, recordingStartedAt = _a.recordingStartedAt, firstChunkReceivedAt = _a.firstChunkReceivedAt, signatureStartedAt = _a.signatureStartedAt, signatureEndedAt = _a.signatureEndedAt, recordingStopRequestedAt = _a.recordingStopRequestedAt, lastChunkReceivedAt = _a.lastChunkReceivedAt;
+                    onSignatureVideoCaptured(blob, signatureData !== null && signatureData !== void 0 ? signatureData : null, imageUrl !== null && imageUrl !== void 0 ? imageUrl : null, {
+                      mimeType: mimeType,
+                      timingData: {
+                        recordingStartRequestedAt: recordingStartRequestedAt,
+                        recordingStartedAt: recordingStartedAt,
+                        firstChunkReceivedAt: firstChunkReceivedAt,
+                        signatureStartedAt: signatureStartedAt,
+                        signatureEndedAt: signatureEndedAt,
+                        recordingStopRequestedAt: recordingStopRequestedAt,
+                        recordingStoppedAt: recordingStoppedAt,
+                        lastChunkReceivedAt: lastChunkReceivedAt
+                      }
+                    });
+                    return [2 /*return*/];
+                  });
+                });
+              };
+              signatureRecorder.stop();
               return [2 /*return*/];
-            });
-          });
-        };
+          }
+        });
       });
     },
     clearRecordedData: function clearRecordedData() {
@@ -14425,28 +14448,40 @@ var useVideoSignatureStore = create()(devtools(function (set, get) {
     }
   });
 }));
-function waitForOneMoreChunk(timeoutMs) {
+/**
+ * Wait for one more chunk to be received after the recording has stopped.
+ * @param delayMs - The delay in milliseconds before the first check -- this is used to make sure we get at least one extra second of video.
+ * @param checkEveryMs - The interval in milliseconds between checks after the initial delay has passed.
+ * @param timeoutMs - The maximum time in milliseconds to wait for the chunk -- this is used to prevent infinite loops.
+ * @returns A promise that resolves when the delay has passed and at least one chunk has been received received.
+ */
+function waitForOneMoreChunk(delayMs, checkEveryMs, timeoutMs) {
+  if (delayMs === void 0) {
+    delayMs = 1000;
+  }
+  if (checkEveryMs === void 0) {
+    checkEveryMs = 100;
+  }
   if (timeoutMs === void 0) {
     timeoutMs = 3000;
   }
   var start = performance.now();
   return new Promise(function (resolve) {
     var initialLastChunkReceivedAt = useVideoSignatureStore.getState().lastChunkReceivedAt;
-    if (!initialLastChunkReceivedAt) return resolve();
     function gotAChunk() {
       var lastChunkReceivedAt = useVideoSignatureStore.getState().lastChunkReceivedAt;
       return performance.now() - start > timeoutMs || !lastChunkReceivedAt || !initialLastChunkReceivedAt || lastChunkReceivedAt > initialLastChunkReceivedAt;
     }
     setTimeout(function () {
       if (gotAChunk()) return resolve(); // check immediately
-      // otherwise, check every 100ms
+      // otherwise, check on a configured interval
       var interval = setInterval(function () {
         if (gotAChunk()) {
           clearInterval(interval);
           resolve();
         }
-      }, 100);
-    }, 0);
+      }, checkEveryMs);
+    }, delayMs);
   });
 }
 function VideoSignatureContextProvider(_a) {
@@ -14552,23 +14587,37 @@ function isCanvasBlank(canvas) {
 }
 function requestVideoFrameCallback(video, onFrame) {
   if (typeof (video === null || video === void 0 ? void 0 : video.requestVideoFrameCallback) === 'function') {
-    video.requestVideoFrameCallback(onFrame);
+    var rafId_1 = video.requestVideoFrameCallback(onFrame);
+    return function () {
+      return video.cancelVideoFrameCallback(rafId_1);
+    };
   } else {
-    requestAnimationFrame(onFrame);
+    var rafId_2 = requestAnimationFrame(onFrame);
+    return function () {
+      return cancelAnimationFrame(rafId_2);
+    };
   }
 }
 function videoFrameLoop(video, onFrame) {
   if (!video) return;
+  var cancelFn;
+  var canceled = false;
   function onFrameRecursive() {
+    if (canceled) return;
     onFrame();
-    requestVideoFrameCallback(video, onFrameRecursive);
+    cancelFn = requestVideoFrameCallback(video, onFrameRecursive);
   }
   function onPlay() {
-    requestVideoFrameCallback(video, onFrameRecursive);
+    if (canceled) return;
+    cancelFn = requestVideoFrameCallback(video, onFrameRecursive);
   }
   video.addEventListener('play', onPlay);
+  // If video already playing, start immediately
+  if (!video.paused && video.readyState >= 2) onPlay();
   return function () {
+    canceled = true;
     video.removeEventListener('play', onPlay);
+    if (cancelFn !== undefined) cancelFn();
   };
 }
 function useVideoFrameLoop(ref, onFrame) {
@@ -14818,7 +14867,7 @@ var VideoSignatureCapture = function VideoSignatureCapture(_a) {
   useEffect(function () {
     useVideoSignatureStore.getState().startRecording(captureAudio);
     return function () {
-      return useVideoSignatureStore.getState().stopRecording();
+      return void useVideoSignatureStore.getState().stopRecording();
     };
   }, [captureAudio]);
   useEffect(function () {
@@ -15291,7 +15340,7 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
     }).then(onSelfieCaptured);
   }, [logCaptureMetadata, onSelfieCaptured, setSelfieImage, uploadDocument]);
   var onSignatureCaptureCompleted = useCallback(function (videoData, signatureData, signatureImageData, metadata) {
-    setSignatureData(signatureData);
+    if (signatureData) setSignatureData(signatureData);
     setSignatureVideoUrl(URL.createObjectURL(videoData));
     setSignatureVideoMetadata(metadata);
     setCaptureState('SUCCESS');