idmission-web-sdk 2.3.119 → 2.3.121

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.119';
+  var webSdkVersion = '2.3.121';
 
   function getPlatform() {
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -24302,6 +24302,7 @@
     supportsRoundRect: undefined,
     nullChunksReceived: 0,
     timesSignatureCleared: 0,
+    finalChunkReceived: false,
     onSignatureVideoCaptured: function onSignatureVideoCaptured() {
       return null;
     }
@@ -24370,6 +24371,7 @@
             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
@@ -24424,11 +24426,18 @@
                 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();
@@ -24469,7 +24478,8 @@
           supportsRoundRect: undefined,
           nullChunksReceived: 0,
           firstNullChunkReceivedAt: undefined,
-          lastNullChunkReceivedAt: undefined
+          lastNullChunkReceivedAt: undefined,
+          finalChunkReceived: false
         });
       }
     });
@@ -24483,7 +24493,7 @@
    */
   function waitForOneMoreChunk(delayMs, checkEveryMs, timeoutMs) {
     if (delayMs === void 0) {
-      delayMs = 1000;
+      delayMs = 250;
     }
     if (checkEveryMs === void 0) {
       checkEveryMs = 100;
@@ -24521,9 +24531,12 @@
     });
   }
   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 = React.useRef(null);
     React.useEffect(function () {
       return useVideoSignatureStore.setState({
@@ -24531,18 +24544,13 @@
       });
     }, []);
     var drawOutputFrame = React.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),
@@ -24551,7 +24559,9 @@
       //  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';
@@ -24573,11 +24583,15 @@
         ctx.drawImage.apply(ctx, __spreadArray([signatureCanvas], rect, false));
       }
     }, [videoRef]);
-    useVideoFrameLoop(videoRef, drawOutputFrame);
+    var finalChunkReceived = useVideoSignatureStore().finalChunkReceived;
+    React.useEffect(function () {
+      if (finalChunkReceived) releaseCameraAccess();
+    }, [finalChunkReceived, releaseCameraAccess]);
+    useVideoFrameLoop(videoRef, drawOutputFrame, !finalChunkReceived);
     return /*#__PURE__*/React.createElement(React.Fragment, null, children, /*#__PURE__*/React.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) {
@@ -24597,8 +24611,11 @@
       };
     }
   }
-  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() {
@@ -24619,10 +24636,13 @@
       if (cancelFn !== undefined) cancelFn();
     };
   }
-  function useVideoFrameLoop(ref, onFrame) {
+  function useVideoFrameLoop(ref, onFrame, running) {
+    if (running === void 0) {
+      running = true;
+    }
     React.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) {