idmission-web-sdk 2.3.102 → 2.3.104

package/dist/sdk2.umd.development.js

@@ -211,7 +211,7 @@
     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
@@ -2359,6 +2359,9 @@
         return __spreadArray(__spreadArray([], attempts, true), [attempt], false);
       });
     }, []);
+    useRevokeObjectUrlOnUnmount(signatureVideoUrl);
+    useRevokeObjectUrlOnUnmount(idCaptureVideoUrl);
+    useRevokeObjectUrlOnUnmount(idCaptureVideoAudioUrl);
     React.useEffect(function () {
       if (precapturedDocuments === null || precapturedDocuments === void 0 ? void 0 : precapturedDocuments.selfie) {
         setSelfieImage(dataUrlToBase64Sync(precapturedDocuments.selfie.imageData));
@@ -3142,6 +3145,13 @@
     }
     return context;
   }
+  function useRevokeObjectUrlOnUnmount(url) {
+    React.useEffect(function () {
+      return function () {
+        if (url) URL.revokeObjectURL(url);
+      };
+    }, [url]);
+  }
 
   function _typeof$1(o) {
     "@babel/helpers - typeof";
@@ -24207,7 +24217,11 @@
       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;
@@ -24272,45 +24286,54 @@
         });
       },
       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() {
@@ -24330,28 +24353,40 @@
       }
     });
   }));
-  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) {
@@ -24457,23 +24492,37 @@
   }
   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) {
@@ -24723,7 +24772,7 @@
     React.useEffect(function () {
       useVideoSignatureStore.getState().startRecording(captureAudio);
       return function () {
-        return useVideoSignatureStore.getState().stopRecording();
+        return void useVideoSignatureStore.getState().stopRecording();
       };
     }, [captureAudio]);
     React.useEffect(function () {
@@ -25196,7 +25245,7 @@
       }).then(onSelfieCaptured);
     }, [logCaptureMetadata, onSelfieCaptured, setSelfieImage, uploadDocument]);
     var onSignatureCaptureCompleted = React.useCallback(function (videoData, signatureData, signatureImageData, metadata) {
-      setSignatureData(signatureData);
+      if (signatureData) setSignatureData(signatureData);
       setSignatureVideoUrl(URL.createObjectURL(videoData));
       setSignatureVideoMetadata(metadata);
       setCaptureState('SUCCESS');