idmission-web-sdk 2.3.120 → 2.3.122

package/dist/components/video_signature_capture/VideoSignatureContext.d.ts

@@ -62,6 +62,8 @@ export type VideoSignatureState = {
     firstNullChunkReceivedAt?: number;
     lastNullChunkReceivedAt?: number;
     timesSignatureCleared: number;
+    finalChunkReceived: boolean;
+    requestDataInterval?: NodeJS.Timeout;
     onSignatureVideoCaptured: OnSignatureVideoCaptured;
 };
 export declare const useVideoSignatureStore: import("zustand").UseBoundStore<Omit<import("zustand").StoreApi<VideoSignatureState>, "setState"> & {

package/dist/components/video_signature_capture/VideoSignatureContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VideoSignatureContext.d.ts","sourceRoot":"","sources":["../../../src/components/video_signature_capture/VideoSignatureContext.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"VideoSignatureContext.d.ts","sourceRoot":"","sources":["../../../src/components/video_signature_capture/VideoSignatureContext.tsx"],"names":[],"mappings":"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"}

package/dist/sdk2.cjs.development.js

@@ -236,7 +236,7 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
   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
@@ -14428,6 +14428,8 @@ var videoSignatureInitialState = {
   supportsRoundRect: undefined,
   nullChunksReceived: 0,
   timesSignatureCleared: 0,
+  finalChunkReceived: false,
+  requestDataInterval: undefined,
   onSignatureVideoCaptured: function onSignatureVideoCaptured() {
     return null;
   }
@@ -14485,8 +14487,12 @@ var useVideoSignatureStore = zustand.create()(middleware.devtools(function (set,
           });
         }
       };
-      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()
       });
     },
@@ -14516,8 +14522,8 @@ var useVideoSignatureStore = zustand.create()(middleware.devtools(function (set,
                 },
                 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),
@@ -14554,9 +14560,16 @@ var useVideoSignatureStore = zustand.create()(middleware.devtools(function (set,
                 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();
@@ -14592,12 +14605,13 @@ var useVideoSignatureStore = zustand.create()(middleware.devtools(function (set,
         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
       });
     }
   });
@@ -14611,7 +14625,7 @@ var useVideoSignatureStore = zustand.create()(middleware.devtools(function (set,
  */
 function waitForOneMoreChunk(delayMs, checkEveryMs, timeoutMs) {
   if (delayMs === void 0) {
-    delayMs = 1000;
+    delayMs = 250;
   }
   if (checkEveryMs === void 0) {
     checkEveryMs = 100;
@@ -14620,8 +14634,10 @@ function waitForOneMoreChunk(delayMs, checkEveryMs, timeoutMs) {
     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;
@@ -14649,9 +14665,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 = React.useRef(null);
   React.useEffect(function () {
     return useVideoSignatureStore.setState({
@@ -14659,18 +14678,13 @@ function VideoSignatureContextProvider(_a) {
     });
   }, []);
   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),
@@ -14679,7 +14693,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';
@@ -14701,11 +14717,15 @@ function VideoSignatureContextProvider(_a) {
       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__namespace.default.createElement(React__namespace.default.Fragment, null, children, /*#__PURE__*/React__namespace.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) {
@@ -14725,8 +14745,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() {
@@ -14747,10 +14770,13 @@ function videoFrameLoop(video, onFrame) {
     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) {