idmission-web-sdk 2.3.119 → 2.3.121

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.119';
+var webSdkVersion = '2.3.121';
 
 function getPlatform() {
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -14397,6 +14397,7 @@ var videoSignatureInitialState = {
   supportsRoundRect: undefined,
   nullChunksReceived: 0,
   timesSignatureCleared: 0,
+  finalChunkReceived: false,
   onSignatureVideoCaptured: function onSignatureVideoCaptured() {
     return null;
   }
@@ -14465,6 +14466,7 @@ var useVideoSignatureStore = create()(devtools(function (set, get) {
           return __awaiter(this, void 0, void 0, function () {
             var recordingStoppedAt, mimeType, blob, _a, onSignatureVideoCaptured, recordingStartRequestedAt, recordingStartedAt, firstChunkReceivedAt, signatureStartedAt, signatureEndedAt, acceptClickedAt, clearClickedAt, recordingStopRequestedAt, lastChunkReceivedAt, supportsRequestVideoFrameCallback, supportsRoundRect, nullChunksReceived, firstNullChunkReceivedAt, lastNullChunkReceivedAt, timesSignatureCleared, metadata;
             return __generator(this, function (_b) {
+              if (get().recordingStoppedAt) return [2 /*return*/];
               recordingStoppedAt = performance.now();
               set({
                 recordingStoppedAt: recordingStoppedAt
@@ -14519,11 +14521,18 @@ var useVideoSignatureStore = create()(devtools(function (set, get) {
               isRecording = !!recordingStartedAt && !recordingStopRequestedAt;
               if (!isRecording) return [2 /*return*/];
               set({
-                recordingStopRequestedAt: performance.now()
+                recordingStopRequestedAt: performance.now(),
+                recordingStoppedAt: undefined
               });
-              return [4 /*yield*/, waitForOneMoreChunk()];
+              return [4 /*yield*/, waitForOneMoreChunk()
+              // this represents the time that it is safe to release the camera access
+              ];
             case 1:
               _b = _c.sent(), finalChunkReceived = _b.finalChunkReceived, timedOut = _b.timedOut, waitedMs = _b.waitedMs;
+              // this represents the time that it is safe to release the camera access
+              set({
+                finalChunkReceived: true
+              });
               if (!signatureRecorder) return [3 /*break*/, 2];
               signatureRecorder.onstop = processVideo;
               signatureRecorder.stop();
@@ -14564,7 +14573,8 @@ var useVideoSignatureStore = create()(devtools(function (set, get) {
         supportsRoundRect: undefined,
         nullChunksReceived: 0,
         firstNullChunkReceivedAt: undefined,
-        lastNullChunkReceivedAt: undefined
+        lastNullChunkReceivedAt: undefined,
+        finalChunkReceived: false
       });
     }
   });
@@ -14578,7 +14588,7 @@ var useVideoSignatureStore = create()(devtools(function (set, get) {
  */
 function waitForOneMoreChunk(delayMs, checkEveryMs, timeoutMs) {
   if (delayMs === void 0) {
-    delayMs = 1000;
+    delayMs = 250;
   }
   if (checkEveryMs === void 0) {
     checkEveryMs = 100;
@@ -14616,9 +14626,12 @@ function waitForOneMoreChunk(delayMs, checkEveryMs, timeoutMs) {
   });
 }
 function VideoSignatureContextProvider(_a) {
-  var _b, _c;
   var children = _a.children;
-  var videoRef = useCameraStore().videoRef;
+  var _b = useCameraStore(),
+    videoRef = _b.videoRef,
+    videoWidth = _b.videoWidth,
+    videoHeight = _b.videoHeight,
+    releaseCameraAccess = _b.releaseCameraAccess;
   var outputCanvas = useRef(null);
   useEffect(function () {
     return useVideoSignatureStore.setState({
@@ -14626,18 +14639,13 @@ function VideoSignatureContextProvider(_a) {
     });
   }, []);
   var drawOutputFrame = useCallback(function () {
-    if (!outputCanvas.current || !videoRef.current) return;
+    if (!outputCanvas.current) return;
     var ctx = outputCanvas.current.getContext('2d');
     if (!ctx) return;
-    var _a = [videoRef.current.videoWidth, videoRef.current.videoHeight],
+    var _a = [outputCanvas.current.width, outputCanvas.current.height],
       w = _a[0],
       h = _a[1];
     var isPortrait = w < h;
-    // Only update canvas dimensions if they changed (setting dimensions clears the canvas!)
-    if (outputCanvas.current.width !== w || outputCanvas.current.height !== h) {
-      outputCanvas.current.width = w;
-      outputCanvas.current.height = h;
-    }
     var rect = [w * (isPortrait ? 0.02 : 0.15),
     // x
     h * (isPortrait ? 0.15 : 0.25),
@@ -14646,7 +14654,9 @@ function VideoSignatureContextProvider(_a) {
     //  width
     h * (isPortrait ? 0.7 : 0.5) //   height
     ];
-    ctx.drawImage(videoRef.current, 0, 0, w, h);
+    if (videoRef.current) {
+      ctx.drawImage(videoRef.current, 0, 0, w, h);
+    }
     ctx.beginPath();
     ctx.fillStyle = 'rgba(255,255,255,0.5)';
     var supportsRoundRect = typeof ctx.roundRect === 'function';
@@ -14668,11 +14678,15 @@ function VideoSignatureContextProvider(_a) {
       ctx.drawImage.apply(ctx, __spreadArray([signatureCanvas], rect, false));
     }
   }, [videoRef]);
-  useVideoFrameLoop(videoRef, drawOutputFrame);
+  var finalChunkReceived = useVideoSignatureStore().finalChunkReceived;
+  useEffect(function () {
+    if (finalChunkReceived) releaseCameraAccess();
+  }, [finalChunkReceived, releaseCameraAccess]);
+  useVideoFrameLoop(videoRef, drawOutputFrame, !finalChunkReceived);
   return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, children, /*#__PURE__*/React__default.createElement(InvisibleCanvas, {
     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
+    width: videoWidth,
+    height: videoHeight
   }));
 }
 function requestVideoFrameCallback(video, onFrame) {
@@ -14692,8 +14706,11 @@ function requestVideoFrameCallback(video, onFrame) {
     };
   }
 }
-function videoFrameLoop(video, onFrame) {
-  if (!video) return;
+function videoFrameLoop(video, onFrame, running) {
+  if (running === void 0) {
+    running = true;
+  }
+  if (!video || !running) return;
   var cancelFn;
   var canceled = false;
   function onFrameRecursive() {
@@ -14714,10 +14731,13 @@ function videoFrameLoop(video, onFrame) {
     if (cancelFn !== undefined) cancelFn();
   };
 }
-function useVideoFrameLoop(ref, onFrame) {
+function useVideoFrameLoop(ref, onFrame, running) {
+  if (running === void 0) {
+    running = true;
+  }
   useEffect(function () {
-    return videoFrameLoop(ref.current, onFrame);
-  }, [onFrame, ref]);
+    return videoFrameLoop(ref.current, onFrame, running);
+  }, [onFrame, ref, running]);
 }
 function calculateAndStoreOndataavailableRate() {
   if (ondataavailableInvocations.length < 2 || !ondataavailableStartTime) {