idmission-web-sdk 2.3.122 → 2.3.124

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.122';
+var webSdkVersion = '2.3.124';
 
 function getPlatform() {
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -834,38 +834,35 @@ function useLogLevel(newLogLevel) {
 function useDebugLogging(enabled) {
   useLogLevel(enabled ? LogLevel.Debug : logLevel);
 }
-function debug() {
-  var parts = [];
+var noop = function noop() {};
+var debug = function debug() {
+  var args = [];
   for (var _i = 0; _i < arguments.length; _i++) {
-    parts[_i] = arguments[_i];
+    args[_i] = arguments[_i];
   }
-  if (logLevel < LogLevel.Debug) return;
-  console.debug.apply(console, parts); // eslint-disable-line no-console
-}
-function log() {
-  var parts = [];
+  return (logLevel >= LogLevel.Debug ? console.debug : noop).apply(void 0, args);
+}; // eslint-disable-line no-console
+var log = function log() {
+  var args = [];
   for (var _i = 0; _i < arguments.length; _i++) {
-    parts[_i] = arguments[_i];
+    args[_i] = arguments[_i];
   }
-  if (logLevel < LogLevel.Info) return;
-  console.log.apply(console, parts); // eslint-disable-line no-console
-}
-function warn() {
-  var parts = [];
+  return (logLevel >= LogLevel.Info ? console.log : noop).apply(void 0, args);
+}; // eslint-disable-line no-console
+var warn = function warn() {
+  var args = [];
   for (var _i = 0; _i < arguments.length; _i++) {
-    parts[_i] = arguments[_i];
+    args[_i] = arguments[_i];
   }
-  if (logLevel < LogLevel.Warn) return;
-  console.warn.apply(console, parts); // eslint-disable-line no-console
-}
-function error() {
-  var parts = [];
+  return (logLevel >= LogLevel.Warn ? console.warn : noop).apply(void 0, args);
+}; // eslint-disable-line no-console
+var error = function error() {
+  var args = [];
   for (var _i = 0; _i < arguments.length; _i++) {
-    parts[_i] = arguments[_i];
+    args[_i] = arguments[_i];
   }
-  if (logLevel < LogLevel.Error) return;
-  console.error.apply(console, parts); // eslint-disable-line no-console
-}
+  return (logLevel >= LogLevel.Error ? console.error : noop).apply(void 0, args);
+}; // eslint-disable-line no-console
 
 exports.defaultAuthUrl = 'https://portal-api.idmission.com';
 var allowedAuthUrls = ['https://portal-api.idmission.com', 'https://portal-api-uat.idmission.com', 'https://portal-api-demo.idmission.com', 'https://portal-api-dev.idmission.com', 'http://localhost:10000'];
@@ -3170,6 +3167,7 @@ function useFrameLoop(fn, options) {
   };
 }
 
+var LOG_TAG$1 = 'camera:Camera';
 function listAvailableCameras(facingMode_1) {
   return __awaiter(this, arguments, void 0, function (facingMode, requestMicAccess) {
     var cameraEnumerationStream, allDevices, allowedVideoDevices;
@@ -3232,21 +3230,24 @@ var getDeviceLabel = function getDeviceLabel(deviceInfo) {
 var currentCamera;
 function obtainCameraAccess(stream, deviceLabel, video) {
   releaseCameraAccess();
-  log('obtaining camera access...');
+  log("".concat(LOG_TAG$1, " obtaining camera access..."));
   var _a = stream.getVideoTracks()[0].getSettings(),
     width = _a.width,
     height = _a.height;
-  log('camera dimensions', width, height);
+  log("".concat(LOG_TAG$1, " camera dimensions"), width, height);
   var label = deviceLabel.toLocaleLowerCase().split(' ').join('');
-  log('camera label', label);
+  log("".concat(LOG_TAG$1, " camera label"), label);
   var isRearFacing = cameraLabelMatches(label, __spreadArray(__spreadArray(__spreadArray([], rearCameraLabels, true), backUltraWideCameraLabels, true), ['iphone'], false));
-  log('is rear facing?', isRearFacing);
+  log("".concat(LOG_TAG$1, " is rear facing?"), isRearFacing);
   var release = function release() {
+    debug("".concat(LOG_TAG$1, " camera releasing stream"), stream);
     stream.getTracks().forEach(function (track) {
       track.enabled = false;
+      debug("".concat(LOG_TAG$1, " camera stopping stream track"), track);
       track.stop();
     });
     if (video) {
+      debug("".concat(LOG_TAG$1, " camera releasing video element"), video);
       video.pause();
       video.srcObject = null;
       video.src = '';
@@ -3262,14 +3263,14 @@ function obtainCameraAccess(stream, deviceLabel, video) {
     isRearFacing: isRearFacing,
     release: release
   };
-  log('camera access granted');
+  log("".concat(LOG_TAG$1, " camera access granted"), currentCamera);
   // if (video) video.srcObject = stream
   // log('video source initialized')
   return currentCamera;
 }
 function releaseCameraAccess() {
   if (!currentCamera) return;
-  log('releasing camera access...');
+  log("".concat(LOG_TAG$1, " releasing camera access..."));
   currentCamera.release();
   currentCamera = undefined;
 }
@@ -4421,6 +4422,7 @@ function useTranslations(verbiage, fallbacks) {
   }, [fallbacks, i18n.language, t, verbiage]);
 }
 
+var LOG_TAG = 'camera:store';
 var camera = null;
 var videoStream = null;
 var audioStream = null;
@@ -4446,7 +4448,8 @@ var createCameraStore = function createCameraStore(config) {
   var store = zustand.createStore(function (set, get) {
     return _assign(_assign(_assign({}, initialState$6), config), {
       reset: function reset() {
-        return set(_assign(_assign({}, initialState$6), config));
+        debug("".concat(LOG_TAG, " reset"));
+        set(_assign(_assign({}, initialState$6), config));
       },
       setConfig: function setConfig(config) {
         return set(config);
@@ -4477,6 +4480,7 @@ var createCameraStore = function createCameraStore(config) {
           return __generator(this, function (_f) {
             switch (_f.label) {
               case 0:
+                debug("".concat(LOG_TAG, " requestCameraAccess"), new Error().stack);
                 _a = get(), videoRef = _a.videoRef, releaseCameraAccess = _a.releaseCameraAccess, preferFrontFacingCamera = _a.preferFrontFacingCamera, preferIphoneContinuityCamera = _a.preferIphoneContinuityCamera, iphoneContinuityCameraDenied = _a.iphoneContinuityCameraDenied;
                 releaseCameraAccess();
                 _f.label = 1;
@@ -4486,9 +4490,9 @@ var createCameraStore = function createCameraStore(config) {
               case 2:
                 availableCameras = _f.sent();
                 selectedCamera = void 0;
-                debug('availableCameras', availableCameras);
+                debug("".concat(LOG_TAG, " availableCameras"), availableCameras);
                 platform_1 = getPlatform();
-                debug('platformDetails', platform_1);
+                debug("".concat(LOG_TAG, " platformDetails"), platform_1);
                 if (!iphoneContinuityCameraDenied && (!(platform_1 === null || platform_1 === void 0 ? void 0 : platform_1.os) || platform_1.os.family === 'OS X')) {
                   iphoneContinuityCamera = availableCameras.find(function (deviceInfo) {
                     return cameraLabelMatches(deviceInfo, 'iphone');
@@ -4505,7 +4509,7 @@ var createCameraStore = function createCameraStore(config) {
                   availableCameras = availableCameras.sort(function (a, b) {
                     return a.label.toLowerCase().localeCompare(b.label.toLowerCase());
                   });
-                  debug('cameras have been sorted', availableCameras);
+                  debug("".concat(LOG_TAG, " cameras have been sorted"), availableCameras);
                 }
                 if (preferFrontFacingCamera) {
                   selectedCamera = availableCameras.find(function (deviceInfo) {
@@ -4529,7 +4533,7 @@ var createCameraStore = function createCameraStore(config) {
                   selectedCamera || (selectedCamera = availableCameras[1]);
                 }
                 selectedCamera || (selectedCamera = availableCameras[0]);
-                debug('selectedCamera', selectedCamera);
+                debug("".concat(LOG_TAG, " selectedCamera"), selectedCamera);
                 set({
                   videoDevice: selectedCamera
                 });
@@ -4557,7 +4561,7 @@ var createCameraStore = function createCameraStore(config) {
                 _f.label = 3;
               case 3:
                 _f.trys.push([3, 5,, 6]);
-                debug('obtaining camera access with constraints', constraints);
+                debug("".concat(LOG_TAG, " obtaining camera access with constraints"), constraints);
                 return [4 /*yield*/, navigator.mediaDevices.getUserMedia(constraints)];
               case 4:
                 stream_1 = _f.sent();
@@ -4589,21 +4593,21 @@ var createCameraStore = function createCameraStore(config) {
                 })];
               case 8:
                 stream_1 = _f.sent();
-                debug('opened stream with no width and height constraints');
+                debug("".concat(LOG_TAG, " opened stream with no width and height constraints"));
                 return [3 /*break*/, 10];
               case 9:
                 e_2 = _f.sent();
-                debug('cannot open stream at all', e_2);
+                debug("".concat(LOG_TAG, " cannot open stream at all"), e_2);
                 return [3 /*break*/, 10];
               case 10:
                 if (!stream_1) {
-                  error('failed to open camera');
+                  error("".concat(LOG_TAG, " failed to open camera"));
                   throw new Error('failed to open camera: ');
                 }
-                debug('camera access granted with constraints', constraints);
+                debug("".concat(LOG_TAG, " camera access requested with constraints"), constraints);
                 handleStreamEnded_1 = function handleStreamEnded_1() {
                   if (preferIphoneContinuityCamera && get().iphoneContinuityCameraAvailable) {
-                    debug('someone unplugged the continuity camera');
+                    debug("".concat(LOG_TAG, " someone unplugged the continuity camera"), camera);
                     videoStream = null;
                     set({
                       videoDevice: null,
@@ -4611,10 +4615,8 @@ var createCameraStore = function createCameraStore(config) {
                       iphoneContinuityCameraAvailable: false,
                       iphoneContinuityCameraDenied: true
                     });
-                    get().requestCameraAccess();
                   } else {
-                    debug('someone unplugged the webcam');
-                    get().releaseCameraAccess();
+                    debug("".concat(LOG_TAG, " someone unplugged the webcam"), camera);
                     videoStream = null;
                     set({
                       videoDevice: null,
@@ -4624,16 +4626,25 @@ var createCameraStore = function createCameraStore(config) {
                     });
                   }
                 };
-                (_d = videoRef.current) === null || _d === void 0 ? void 0 : _d.addEventListener('ended', handleStreamEnded_1);
+                (_d = videoRef.current) === null || _d === void 0 ? void 0 : _d.addEventListener('ended', function () {
+                  debug("".concat(LOG_TAG, ":handleStreamEnded HTMLVideoElement ended event"));
+                  handleStreamEnded_1();
+                });
                 videoTrack_1 = stream_1.getVideoTracks()[0];
-                videoTrack_1.onended = handleStreamEnded_1;
+                videoTrack_1.onended = function () {
+                  debug("".concat(LOG_TAG, ":handleStreamEnded MediaStreamTrack onended"), 'videoStream', videoStream, 'videoTrack', videoTrack_1, 'camera', camera);
+                  handleStreamEnded_1();
+                };
                 camera = obtainCameraAccess(stream_1, selectedCamera.label, videoRef.current);
                 setTimeout(function () {
                   var _a;
                   // iOS 17 has a strange behavior where the video track flickers between muted and unmuted
                   // when the camera access is being requested. This delay is a workaround for that.
                   videoTrack_1.onmute = function () {
-                    if (videoTrack_1.readyState !== 'live') handleStreamEnded_1();
+                    if (videoTrack_1.readyState !== 'live') {
+                      debug("".concat(LOG_TAG, ":handleStreamEnded MediaStreamTrack onmute"), 'videoStream', videoStream, 'videoTrack', videoTrack_1);
+                      handleStreamEnded_1();
+                    }
                   };
                   videoStream = stream_1;
                   var isRearFacing = (_a = camera === null || camera === void 0 ? void 0 : camera.isRearFacing) !== null && _a !== void 0 ? _a : false;
@@ -4647,12 +4658,12 @@ var createCameraStore = function createCameraStore(config) {
               case 11:
                 e_3 = _f.sent();
                 if (e_3.name === 'NotAllowedError' || ((_e = e_3.message) === null || _e === void 0 ? void 0 : _e.includes('Could not start video source'))) {
-                  error('camera access has been blocked by the user', e_3);
+                  error("".concat(LOG_TAG, " camera access has been blocked by the user"), e_3);
                   set({
                     cameraAccessDenied: true
                   });
                 } else {
-                  error('camera access encountered some other error', e_3);
+                  error("".concat(LOG_TAG, " camera access encountered some other error"), e_3);
                   throw e_3;
                 }
                 return [3 /*break*/, 12];
@@ -4665,12 +4676,10 @@ var createCameraStore = function createCameraStore(config) {
       releaseCameraAccess: function releaseCameraAccess() {
         return __awaiter(this, void 0, void 0, function () {
           return __generator(this, function (_a) {
+            debug("".concat(LOG_TAG, " release camera access"), 'camera', camera, 'videoStream', videoStream);
             if (!camera) return [2 /*return*/];
-            camera.release();
+            camera.release(); // NOTE calls stop Camera tracks internally as noted above
             camera = null;
-            videoStream === null || videoStream === void 0 ? void 0 : videoStream.getTracks().forEach(function (track) {
-              track.stop();
-            });
             videoStream = null;
             set({
               cameraReady: false,
@@ -4725,7 +4734,7 @@ var createCameraStore = function createCameraStore(config) {
                 return [3 /*break*/, 4];
               case 3:
                 e_4 = _a.sent();
-                debug('failed to open microphone', e_4);
+                debug("".concat(LOG_TAG, " failed to open microphone"), e_4);
                 set({
                   microphoneAccessDenied: true
                 });
@@ -4752,6 +4761,7 @@ var createCameraStore = function createCameraStore(config) {
     });
   });
   if (config.requestAccessAutomatically) {
+    debug("".concat(LOG_TAG, " requesting camera access automatically"));
     void store.getState().requestCameraAccess();
   }
   return _assign(_assign({}, store), {
@@ -14399,9 +14409,6 @@ function inferBlobType(blobPart) {
 
 var signatureRecorder = null;
 var signatureChunks = [];
-var ondataavailableInvocations = [];
-var ondataavailableStartTime;
-var lastCalculatedVideoChunkRate;
 var videoSignatureInitialState = {
   startRecording: function startRecording() {
     return null;
@@ -14426,10 +14433,6 @@ var videoSignatureInitialState = {
   signatureValid: false,
   supportsRequestVideoFrameCallback: undefined,
   supportsRoundRect: undefined,
-  nullChunksReceived: 0,
-  timesSignatureCleared: 0,
-  finalChunkReceived: false,
-  requestDataInterval: undefined,
   onSignatureVideoCaptured: function onSignatureVideoCaptured() {
     return null;
   }
@@ -14442,11 +14445,8 @@ var useVideoSignatureStore = zustand.create()(middleware.devtools(function (set,
         captureAudio = false;
       }
       if (!camera) throw new Error('Camera not found');
-      // clear whatever we have recorded so far.
+      // set our flag and clear whatever we have recorded so far.
       signatureChunks = [];
-      ondataavailableInvocations = [];
-      ondataavailableStartTime = undefined;
-      lastCalculatedVideoChunkRate = undefined;
       // start recording from the output canvas to capture the signature
       var outputStream = (_a = get().outputCanvas.current) === null || _a === void 0 ? void 0 : _a.captureStream(24);
       if (!outputStream) throw new Error('outputStream not found');
@@ -14464,123 +14464,77 @@ var useVideoSignatureStore = zustand.create()(middleware.devtools(function (set,
           recordingStartedAt: e.timeStamp
         });
       };
+      var hasFirstChunk = false;
       signatureRecorder.ondataavailable = function (event) {
-        var now = performance.now();
         signatureChunks.push(event.data);
-        trackVideoChunkRate(now);
-        if (event.data.size > 0) {
-          set(function (state) {
-            var _a;
-            return {
-              firstChunkReceivedAt: (_a = state.firstChunkReceivedAt) !== null && _a !== void 0 ? _a : now,
-              lastChunkReceivedAt: now
-            };
+        if (!hasFirstChunk) {
+          hasFirstChunk = true;
+          set({
+            firstChunkReceivedAt: performance.now(),
+            lastChunkReceivedAt: performance.now()
           });
         } else {
-          set(function (state) {
-            var _a;
-            return {
-              nullChunksReceived: state.nullChunksReceived + 1,
-              firstNullChunkReceivedAt: (_a = state.firstNullChunkReceivedAt) !== null && _a !== void 0 ? _a : now,
-              lastNullChunkReceivedAt: now
-            };
+          set({
+            lastChunkReceivedAt: performance.now()
           });
         }
       };
-      signatureRecorder.start();
-      var interval = setInterval(function () {
-        return signatureRecorder === null || signatureRecorder === void 0 ? void 0 : signatureRecorder.requestData();
-      }, 250);
+      signatureRecorder.start(250);
       set({
-        requestDataInterval: interval,
         recordingStartRequestedAt: performance.now()
       });
     },
     stopRecording: function stopRecording(signatureData, imageUrl) {
       return __awaiter(this, void 0, void 0, function () {
-        function processVideo() {
-          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
-              });
-              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, acceptClickedAt = _a.acceptClickedAt, clearClickedAt = _a.clearClickedAt, recordingStopRequestedAt = _a.recordingStopRequestedAt, lastChunkReceivedAt = _a.lastChunkReceivedAt, supportsRequestVideoFrameCallback = _a.supportsRequestVideoFrameCallback, supportsRoundRect = _a.supportsRoundRect, nullChunksReceived = _a.nullChunksReceived, firstNullChunkReceivedAt = _a.firstNullChunkReceivedAt, lastNullChunkReceivedAt = _a.lastNullChunkReceivedAt, timesSignatureCleared = _a.timesSignatureCleared;
-              metadata = {
-                mimeType: mimeType,
-                browserFeatures: {
-                  supportsRoundRect: supportsRoundRect,
-                  supportsRequestVideoFrameCallback: supportsRequestVideoFrameCallback
-                },
-                diagnostics: {
-                  nullChunksReceived: nullChunksReceived,
-                  firstNullChunkReceivedAt: firstNullChunkReceivedAt ? Math.ceil(firstNullChunkReceivedAt) : 0,
-                  lastNullChunkReceivedAt: lastNullChunkReceivedAt ? Math.ceil(lastNullChunkReceivedAt) : 0,
-                  finalChunkReceived: finalChunkReceived,
-                  finalChunkTimedOut: timedOut,
-                  finalChunkWaitedMs: Math.ceil(waitedMs),
-                  videoChunkRate: lastCalculatedVideoChunkRate,
-                  timesSignatureCleared: timesSignatureCleared
-                },
-                timingData: {
-                  recordingStartRequestedAt: recordingStartRequestedAt ? Math.ceil(recordingStartRequestedAt) : 0,
-                  recordingStartedAt: recordingStartedAt ? Math.ceil(recordingStartedAt) : 0,
-                  firstChunkReceivedAt: firstChunkReceivedAt ? Math.ceil(firstChunkReceivedAt) : 0,
-                  signatureStartedAt: signatureStartedAt ? Math.ceil(signatureStartedAt) : 0,
-                  signatureEndedAt: signatureEndedAt ? Math.ceil(signatureEndedAt) : 0,
-                  acceptClickedAt: acceptClickedAt ? Math.ceil(acceptClickedAt) : 0,
-                  clearClickedAt: clearClickedAt ? Math.ceil(clearClickedAt) : 0,
-                  recordingStopRequestedAt: recordingStopRequestedAt ? Math.ceil(recordingStopRequestedAt) : 0,
-                  recordingStoppedAt: Math.ceil(recordingStoppedAt),
-                  lastChunkReceivedAt: lastChunkReceivedAt ? Math.ceil(lastChunkReceivedAt) : 0
-                }
-              };
-              debug('signature video metadata', metadata);
-              onSignatureVideoCaptured(blob, signatureData !== null && signatureData !== void 0 ? signatureData : null, imageUrl !== null && imageUrl !== void 0 ? imageUrl : null, metadata);
-              return [2 /*return*/];
-            });
-          });
-        }
-        var _a, recordingStartedAt, recordingStopRequestedAt, isRecording, _b, finalChunkReceived, timedOut, waitedMs;
-        return __generator(this, function (_c) {
-          switch (_c.label) {
+        var _this = this;
+        return __generator(this, function (_a) {
+          switch (_a.label) {
             case 0:
-              _a = get(), recordingStartedAt = _a.recordingStartedAt, recordingStopRequestedAt = _a.recordingStopRequestedAt;
-              isRecording = !!recordingStartedAt && !recordingStopRequestedAt;
-              if (!isRecording) return [2 /*return*/];
               set({
-                recordingStopRequestedAt: performance.now(),
-                recordingStoppedAt: undefined
+                recordingStopRequestedAt: performance.now()
               });
-              clearInterval(get().requestDataInterval);
-              return [4 /*yield*/, waitForOneMoreChunk()
-              // this represents the time that it is safe to release the camera access
-              ];
+              if (!signatureRecorder) return [2 /*return*/];
+              return [4 /*yield*/, waitForOneMoreChunk()];
             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;
+              _a.sent();
+              signatureRecorder.onstop = function () {
+                return __awaiter(_this, void 0, void 0, function () {
+                  var recordingStoppedAt, mimeType, blob, _a, onSignatureVideoCaptured, recordingStartRequestedAt, recordingStartedAt, firstChunkReceivedAt, signatureStartedAt, signatureEndedAt, acceptClickedAt, recordingStopRequestedAt, lastChunkReceivedAt, supportsRequestVideoFrameCallback, supportsRoundRect;
+                  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, acceptClickedAt = _a.acceptClickedAt, recordingStopRequestedAt = _a.recordingStopRequestedAt, lastChunkReceivedAt = _a.lastChunkReceivedAt, supportsRequestVideoFrameCallback = _a.supportsRequestVideoFrameCallback, supportsRoundRect = _a.supportsRoundRect;
+                    onSignatureVideoCaptured(blob, signatureData !== null && signatureData !== void 0 ? signatureData : null, imageUrl !== null && imageUrl !== void 0 ? imageUrl : null, {
+                      mimeType: mimeType,
+                      browserFeatures: {
+                        supportsRoundRect: supportsRoundRect,
+                        supportsRequestVideoFrameCallback: supportsRequestVideoFrameCallback
+                      },
+                      timingData: {
+                        recordingStartRequestedAt: recordingStartRequestedAt ? Math.ceil(recordingStartRequestedAt) : 0,
+                        recordingStartedAt: recordingStartedAt ? Math.ceil(recordingStartedAt) : 0,
+                        firstChunkReceivedAt: firstChunkReceivedAt ? Math.ceil(firstChunkReceivedAt) : 0,
+                        signatureStartedAt: signatureStartedAt ? Math.ceil(signatureStartedAt) : 0,
+                        signatureEndedAt: signatureEndedAt ? Math.ceil(signatureEndedAt) : 0,
+                        acceptClickedAt: acceptClickedAt ? Math.ceil(acceptClickedAt) : 0,
+                        recordingStopRequestedAt: recordingStopRequestedAt ? Math.ceil(recordingStopRequestedAt) : 0,
+                        recordingStoppedAt: Math.ceil(recordingStoppedAt),
+                        lastChunkReceivedAt: lastChunkReceivedAt ? Math.ceil(lastChunkReceivedAt) : 0
+                      }
+                    });
+                    return [2 /*return*/];
+                  });
+                });
+              };
               signatureRecorder.stop();
-              return [3 /*break*/, 4];
-            case 2:
-              warn('signature recorder not found, processing video immediately');
-              return [4 /*yield*/, processVideo()];
-            case 3:
-              _c.sent();
-              _c.label = 4;
-            case 4:
               return [2 /*return*/];
           }
         });
@@ -14588,9 +14542,6 @@ var useVideoSignatureStore = zustand.create()(middleware.devtools(function (set,
     },
     clearRecordedData: function clearRecordedData() {
       signatureChunks = [];
-      ondataavailableInvocations = [];
-      ondataavailableStartTime = undefined;
-      lastCalculatedVideoChunkRate = undefined;
       signatureRecorder === null || signatureRecorder === void 0 ? void 0 : signatureRecorder.stop();
       signatureRecorder = null;
       set({
@@ -14605,13 +14556,8 @@ var useVideoSignatureStore = zustand.create()(middleware.devtools(function (set,
         signatureStartedAt: undefined,
         signatureEndedAt: undefined,
         acceptClickedAt: undefined,
-        // Note: clearClickedAt is intentionally preserved for telemetry metadata
         supportsRequestVideoFrameCallback: undefined,
-        supportsRoundRect: undefined,
-        nullChunksReceived: 0,
-        firstNullChunkReceivedAt: undefined,
-        lastNullChunkReceivedAt: undefined,
-        finalChunkReceived: false
+        supportsRoundRect: undefined
       });
     }
   });
@@ -14621,11 +14567,11 @@ var useVideoSignatureStore = zustand.create()(middleware.devtools(function (set,
  * @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. The return value is the number of milliseconds that we waited, whether we received a chunk, and whether we timed out.
+ * @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 = 250;
+    delayMs = 1000;
   }
   if (checkEveryMs === void 0) {
     checkEveryMs = 100;
@@ -14633,44 +14579,29 @@ function waitForOneMoreChunk(delayMs, checkEveryMs, timeoutMs) {
   if (timeoutMs === void 0) {
     timeoutMs = 3000;
   }
+  var start = performance.now();
   return new Promise(function (resolve) {
-    var _a;
-    var start = performance.now();
-    var initialLastChunkReceivedAt = (_a = useVideoSignatureStore.getState().lastChunkReceivedAt) !== null && _a !== void 0 ? _a : start;
-    signatureRecorder === null || signatureRecorder === void 0 ? void 0 : signatureRecorder.requestData();
-    function checkForChunk() {
+    var initialLastChunkReceivedAt = useVideoSignatureStore.getState().lastChunkReceivedAt;
+    function gotAChunk() {
       var lastChunkReceivedAt = useVideoSignatureStore.getState().lastChunkReceivedAt;
-      var waitedMs = performance.now() - start;
-      var timedOut = waitedMs > timeoutMs;
-      var finalChunkReceived = !!lastChunkReceivedAt && !!initialLastChunkReceivedAt && lastChunkReceivedAt > initialLastChunkReceivedAt;
-      return {
-        waitedMs: waitedMs,
-        finalChunkReceived: finalChunkReceived,
-        timedOut: timedOut
-      };
+      return performance.now() - start > timeoutMs || !lastChunkReceivedAt || !initialLastChunkReceivedAt || lastChunkReceivedAt > initialLastChunkReceivedAt;
     }
     setTimeout(function () {
-      // check immediately
-      var result = checkForChunk();
-      if (result.finalChunkReceived || result.timedOut) return resolve(result);
+      if (gotAChunk()) return resolve(); // check immediately
       // otherwise, check on a configured interval
       var interval = setInterval(function () {
-        var result = checkForChunk();
-        if (result.finalChunkReceived || result.timedOut) {
+        if (gotAChunk()) {
           clearInterval(interval);
-          resolve(result);
+          resolve();
         }
       }, checkEveryMs);
     }, delayMs);
   });
 }
 function VideoSignatureContextProvider(_a) {
+  var _b, _c;
   var children = _a.children;
-  var _b = useCameraStore(),
-    videoRef = _b.videoRef,
-    videoWidth = _b.videoWidth,
-    videoHeight = _b.videoHeight,
-    releaseCameraAccess = _b.releaseCameraAccess;
+  var videoRef = useCameraStore().videoRef;
   var outputCanvas = React.useRef(null);
   React.useEffect(function () {
     return useVideoSignatureStore.setState({
@@ -14678,13 +14609,18 @@ function VideoSignatureContextProvider(_a) {
     });
   }, []);
   var drawOutputFrame = React.useCallback(function () {
-    if (!outputCanvas.current) return;
+    if (!outputCanvas.current || !videoRef.current) return;
     var ctx = outputCanvas.current.getContext('2d');
     if (!ctx) return;
-    var _a = [outputCanvas.current.width, outputCanvas.current.height],
+    var _a = [videoRef.current.videoWidth, videoRef.current.videoHeight],
       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),
@@ -14693,9 +14629,7 @@ function VideoSignatureContextProvider(_a) {
     //  width
     h * (isPortrait ? 0.7 : 0.5) //   height
     ];
-    if (videoRef.current) {
-      ctx.drawImage(videoRef.current, 0, 0, w, h);
-    }
+    ctx.drawImage(videoRef.current, 0, 0, w, h);
     ctx.beginPath();
     ctx.fillStyle = 'rgba(255,255,255,0.5)';
     var supportsRoundRect = typeof ctx.roundRect === 'function';
@@ -14717,15 +14651,11 @@ function VideoSignatureContextProvider(_a) {
       ctx.drawImage.apply(ctx, __spreadArray([signatureCanvas], rect, false));
     }
   }, [videoRef]);
-  var finalChunkReceived = useVideoSignatureStore().finalChunkReceived;
-  React.useEffect(function () {
-    if (finalChunkReceived) releaseCameraAccess();
-  }, [finalChunkReceived, releaseCameraAccess]);
-  useVideoFrameLoop(videoRef, drawOutputFrame, !finalChunkReceived);
+  useVideoFrameLoop(videoRef, drawOutputFrame);
   return /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null, children, /*#__PURE__*/React__namespace.default.createElement(InvisibleCanvas, {
     ref: outputCanvas,
-    width: videoWidth,
-    height: videoHeight
+    width: (_b = videoRef.current) === null || _b === void 0 ? void 0 : _b.videoWidth,
+    height: (_c = videoRef.current) === null || _c === void 0 ? void 0 : _c.videoHeight
   }));
 }
 function requestVideoFrameCallback(video, onFrame) {
@@ -14745,11 +14675,8 @@ function requestVideoFrameCallback(video, onFrame) {
     };
   }
 }
-function videoFrameLoop(video, onFrame, running) {
-  if (running === void 0) {
-    running = true;
-  }
-  if (!video || !running) return;
+function videoFrameLoop(video, onFrame) {
+  if (!video) return;
   var cancelFn;
   var canceled = false;
   function onFrameRecursive() {
@@ -14770,51 +14697,10 @@ function videoFrameLoop(video, onFrame, running) {
     if (cancelFn !== undefined) cancelFn();
   };
 }
-function useVideoFrameLoop(ref, onFrame, running) {
-  if (running === void 0) {
-    running = true;
-  }
+function useVideoFrameLoop(ref, onFrame) {
   React.useEffect(function () {
-    return videoFrameLoop(ref.current, onFrame, running);
-  }, [onFrame, ref, running]);
-}
-function calculateAndStoreOndataavailableRate() {
-  if (ondataavailableInvocations.length < 2 || !ondataavailableStartTime) {
-    lastCalculatedVideoChunkRate = {
-      averageRate: 0,
-      minRate: 0,
-      maxRate: 0,
-      totalChunksReceived: ondataavailableInvocations.length,
-      recordingDurationMs: 0
-    };
-    return;
-  }
-  var totalDuration = ondataavailableInvocations[ondataavailableInvocations.length - 1] - ondataavailableStartTime;
-  var averageRate = (ondataavailableInvocations.length - 1) / (totalDuration / 1000); // invocations per second
-  // Calculate rates for each interval between invocations
-  var rates = [];
-  for (var i = 1; i < ondataavailableInvocations.length; i++) {
-    var intervalMs = ondataavailableInvocations[i] - ondataavailableInvocations[i - 1];
-    var rate = 1000 / intervalMs; // invocations per second for this interval
-    rates.push(rate);
-  }
-  var minRate = Math.min.apply(Math, rates);
-  var maxRate = Math.max.apply(Math, rates);
-  lastCalculatedVideoChunkRate = {
-    averageRate: Math.round(averageRate * 100) / 100,
-    // Round to 2 decimal places
-    minRate: Math.round(minRate * 100) / 100,
-    maxRate: Math.round(maxRate * 100) / 100,
-    totalChunksReceived: ondataavailableInvocations.length,
-    recordingDurationMs: Math.round(totalDuration)
-  };
-}
-function trackVideoChunkRate(now) {
-  // Track ondataavailable invocations for rate calculation
-  ondataavailableStartTime !== null && ondataavailableStartTime !== void 0 ? ondataavailableStartTime : ondataavailableStartTime = now;
-  ondataavailableInvocations.push(now);
-  // Calculate and store the current rate
-  calculateAndStoreOndataavailableRate();
+    return videoFrameLoop(ref.current, onFrame);
+  }, [onFrame, ref]);
 }
 
 function VideoSignaturePad(_a) {
@@ -15066,11 +14952,14 @@ function VideoSignatureCaptureComponent(_a, ref) {
     onHeadTrackingPredictionMade = _o.onPredictionMade,
     startHeadTracking = _o.start,
     stopHeadTracking = _o.stop;
-  var firstChunkReceivedAt = useVideoSignatureStore(shallow.useShallow(function (state) {
-    return {
-      firstChunkReceivedAt: state.firstChunkReceivedAt
-    };
-  })).firstChunkReceivedAt;
+  var _p = useVideoSignatureStore(shallow.useShallow(function (state) {
+      return {
+        firstChunkReceivedAt: state.firstChunkReceivedAt,
+        acceptClickedAt: state.acceptClickedAt
+      };
+    })),
+    firstChunkReceivedAt = _p.firstChunkReceivedAt,
+    acceptClickedAt = _p.acceptClickedAt;
   React.useImperativeHandle(ref, function () {
     return {
       clearRecordedData: function clearRecordedData() {
@@ -15096,15 +14985,15 @@ function VideoSignatureCaptureComponent(_a, ref) {
   var verbiage = useTranslations(rawVerbiage, {
     guidanceMessageText: 'Please sign the box below'
   });
-  var _p = React.useState(true),
-    headTrackingSatisfied = _p[0],
-    setHeadTrackingSatisfied = _p[1];
-  var _q = React.useState(null),
-    lastFace = _q[0],
-    setLastFace = _q[1];
-  var _r = React.useState(0),
-    numFramesWithoutFaces = _r[0],
-    setNumFramesWithoutFaces = _r[1];
+  var _q = React.useState(true),
+    headTrackingSatisfied = _q[0],
+    setHeadTrackingSatisfied = _q[1];
+  var _r = React.useState(null),
+    lastFace = _r[0],
+    setLastFace = _r[1];
+  var _s = React.useState(0),
+    numFramesWithoutFaces = _s[0],
+    setNumFramesWithoutFaces = _s[1];
   onHeadTrackingPredictionMade(useDebounce.useThrottledCallback(React.useCallback(function (_a) {
     var face = _a.face;
     if (headTrackingDisabled) return;
@@ -15119,12 +15008,12 @@ function VideoSignatureCaptureComponent(_a, ref) {
       return n + 1;
     });
   }, [headTrackingBoundaryPercentage, headTrackingBoundaryType, headTrackingDisabled, videoHeight, videoWidth]), 16));
-  var _s = useResizeObserver(),
-    containerRef = _s.ref,
-    _t = _s.width,
-    width = _t === void 0 ? 1 : _t,
-    _u = _s.height,
-    height = _u === void 0 ? 1 : _u;
+  var _t = useResizeObserver(),
+    containerRef = _t.ref,
+    _u = _t.width,
+    width = _u === void 0 ? 1 : _u,
+    _v = _t.height,
+    height = _v === void 0 ? 1 : _v;
   var debugScalingDetails = useDebugScalingDetails({
     enabled: debugMode,
     pageWidth: width,
@@ -15167,10 +15056,10 @@ function VideoSignatureCaptureComponent(_a, ref) {
     face: lastFace,
     scaling: debugScalingDetails,
     color: headTrackingSatisfied ? 'green' : 'red'
-  }))), /*#__PURE__*/React__namespace.default.createElement(DebugStatsPane, null, "Video: ", videoWidth, "x", videoHeight, /*#__PURE__*/React__namespace.default.createElement("br", null), "Recording: ", firstChunkReceivedAt ? 'true' : 'false'))), /*#__PURE__*/React__namespace.default.createElement(ExitCaptureButton, {
+  }))), /*#__PURE__*/React__namespace.default.createElement(DebugStatsPane, null, "Video: ", videoWidth, "x", videoHeight, /*#__PURE__*/React__namespace.default.createElement("br", null), "Recording: ", firstChunkReceivedAt ? 'true' : 'false'))), !acceptClickedAt && ( /*#__PURE__*/React__namespace.default.createElement(ExitCaptureButton, {
     onClick: onExit,
     className: classNames.exitCaptureBtn
-  }));
+  })));
 }
 var VideoSignatureCapture = /*#__PURE__*/React.forwardRef(VideoSignatureCaptureComponent);
 var Container$2 = styled__default.default.div(templateObject_1$9 || (templateObject_1$9 = __makeTemplateObject(["\n  width: 100%;\n  height: 100%;\n"], ["\n  width: 100%;\n  height: 100%;\n"
@@ -15749,18 +15638,13 @@ function VideoSignatureWizardGuides(_a) {
     });
   }, []);
   var onClearBtnClicked = React.useCallback(function () {
-    var _a;
-    var _b = useVideoSignatureStore.getState(),
-      timesSignatureCleared = _b.timesSignatureCleared,
-      signaturePad = _b.signaturePad;
+    var _a, _b;
     useVideoSignatureStore.setState({
-      clearClickedAt: performance.now(),
-      timesSignatureCleared: timesSignatureCleared + 1,
       signatureStartedAt: undefined,
       signaturePadEmpty: true,
       signatureValid: false
     });
-    (_a = signaturePad.current) === null || _a === void 0 ? void 0 : _a.clear();
+    (_b = (_a = useVideoSignatureStore.getState().signaturePad) === null || _a === void 0 ? void 0 : _a.current) === null || _b === void 0 ? void 0 : _b.clear();
     if (restartVideoOnSignaturePadCleared) {
       setTimeout(function () {
         useVideoSignatureStore.getState().clearRecordedData();
@@ -16758,7 +16642,6 @@ var IdVideoCaptureSuccess = function IdVideoCaptureSuccess(props) {
     idFrontText: 'ID Front Image',
     idBackText: 'ID Back Image'
   });
-  var requestCameraAccess = useCameraStore().requestCameraAccess;
   return /*#__PURE__*/React__namespace.default.createElement(OverlayContainer, {
     className: classNames.container
   }, /*#__PURE__*/React__namespace.default.createElement(OverlayInner$2, {
@@ -16817,7 +16700,6 @@ var IdVideoCaptureSuccess = function IdVideoCaptureSuccess(props) {
     variant: "warning",
     className: classNames.retryBtn,
     onClick: function onClick() {
-      void requestCameraAccess();
       return onRetryClick === null || onRetryClick === void 0 ? void 0 : onRetryClick();
     },
     colors: colors.retryBtn,