idmission-web-sdk 2.3.120 → 2.3.122

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.120';
+  var webSdkVersion = '2.3.122';
 
   function getPlatform() {
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -24302,6 +24302,8 @@
     supportsRoundRect: undefined,
     nullChunksReceived: 0,
     timesSignatureCleared: 0,
+    finalChunkReceived: false,
+    requestDataInterval: undefined,
     onSignatureVideoCaptured: function onSignatureVideoCaptured() {
       return null;
     }
@@ -24359,8 +24361,12 @@
             });
           }
         };
-        signatureRecorder.start(250);
+        signatureRecorder.start();
+        var interval = setInterval(function () {
+          return signatureRecorder === null || signatureRecorder === void 0 ? void 0 : signatureRecorder.requestData();
+        }, 250);
         set({
+          requestDataInterval: interval,
           recordingStartRequestedAt: performance.now()
         });
       },
@@ -24390,8 +24396,8 @@
                   },
                   diagnostics: {
                     nullChunksReceived: nullChunksReceived,
-                    firstNullChunkReceivedAt: firstNullChunkReceivedAt,
-                    lastNullChunkReceivedAt: lastNullChunkReceivedAt,
+                    firstNullChunkReceivedAt: firstNullChunkReceivedAt ? Math.ceil(firstNullChunkReceivedAt) : 0,
+                    lastNullChunkReceivedAt: lastNullChunkReceivedAt ? Math.ceil(lastNullChunkReceivedAt) : 0,
                     finalChunkReceived: finalChunkReceived,
                     finalChunkTimedOut: timedOut,
                     finalChunkWaitedMs: Math.ceil(waitedMs),
@@ -24428,9 +24434,16 @@
                   recordingStopRequestedAt: performance.now(),
                   recordingStoppedAt: undefined
                 });
-                return [4 /*yield*/, waitForOneMoreChunk()];
+                clearInterval(get().requestDataInterval);
+                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();
@@ -24466,12 +24479,13 @@
           signatureStartedAt: undefined,
           signatureEndedAt: undefined,
           acceptClickedAt: undefined,
-          clearClickedAt: undefined,
+          // Note: clearClickedAt is intentionally preserved for telemetry metadata
           supportsRequestVideoFrameCallback: undefined,
           supportsRoundRect: undefined,
           nullChunksReceived: 0,
           firstNullChunkReceivedAt: undefined,
-          lastNullChunkReceivedAt: undefined
+          lastNullChunkReceivedAt: undefined,
+          finalChunkReceived: false
         });
       }
     });
@@ -24485,7 +24499,7 @@
    */
   function waitForOneMoreChunk(delayMs, checkEveryMs, timeoutMs) {
     if (delayMs === void 0) {
-      delayMs = 1000;
+      delayMs = 250;
     }
     if (checkEveryMs === void 0) {
       checkEveryMs = 100;
@@ -24494,8 +24508,10 @@
       timeoutMs = 3000;
     }
     return new Promise(function (resolve) {
+      var _a;
       var start = performance.now();
-      var initialLastChunkReceivedAt = useVideoSignatureStore.getState().lastChunkReceivedAt;
+      var initialLastChunkReceivedAt = (_a = useVideoSignatureStore.getState().lastChunkReceivedAt) !== null && _a !== void 0 ? _a : start;
+      signatureRecorder === null || signatureRecorder === void 0 ? void 0 : signatureRecorder.requestData();
       function checkForChunk() {
         var lastChunkReceivedAt = useVideoSignatureStore.getState().lastChunkReceivedAt;
         var waitedMs = performance.now() - start;
@@ -24523,9 +24539,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({
@@ -24533,18 +24552,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),
@@ -24553,7 +24567,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';
@@ -24575,11 +24591,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) {
@@ -24599,8 +24619,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() {
@@ -24621,10 +24644,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) {