idmission-web-sdk 2.3.88 → 2.3.89

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.88';
+var webSdkVersion = '2.3.89';
 
 function getPlatform() {
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -1176,6 +1176,12 @@ var SubmissionContext = /*#__PURE__*/React.createContext({
   setIdCaptureVideoUrl: function setIdCaptureVideoUrl() {
     return null;
   },
+  setSignatureStartTimestamp: function setSignatureStartTimestamp() {
+    return null;
+  },
+  setSignatureEndTimestamp: function setSignatureEndTimestamp() {
+    return null;
+  },
   setIdCaptureVideoIdFrontImage: function setIdCaptureVideoIdFrontImage() {
     return null;
   },
@@ -1340,44 +1346,50 @@ var SubmissionProvider = function SubmissionProvider(_a) {
     signatureVideoUrl = _16[0],
     setSignatureVideoUrl = _16[1];
   var _17 = React.useState(null),
-    idCaptureVideoUrl = _17[0],
-    setIdCaptureVideoUrl = _17[1];
+    signatureStartTimestamp = _17[0],
+    setSignatureStartTimestamp = _17[1];
   var _18 = React.useState(null),
-    idCaptureVideoIdFrontImage = _18[0],
-    setIdCaptureVideoIdFrontImage = _18[1];
+    signatureEndTimestamp = _18[0],
+    setSignatureEndTimestamp = _18[1];
   var _19 = React.useState(null),
-    idCaptureVideoIdBackImage = _19[0],
-    setIdCaptureVideoIdBackImage = _19[1];
+    idCaptureVideoUrl = _19[0],
+    setIdCaptureVideoUrl = _19[1];
   var _20 = React.useState(null),
-    idCaptureVideoAudioUrl = _20[0],
-    setIdCaptureVideoAudioUrl = _20[1];
+    idCaptureVideoIdFrontImage = _20[0],
+    setIdCaptureVideoIdFrontImage = _20[1];
   var _21 = React.useState(null),
-    idCaptureVideoAudioStartsAt = _21[0],
-    setIdCaptureVideoAudioStartsAt = _21[1];
+    idCaptureVideoIdBackImage = _21[0],
+    setIdCaptureVideoIdBackImage = _21[1];
   var _22 = React.useState(null),
-    expectedAudioText = _22[0],
-    setExpectedAudioText = _22[1];
+    idCaptureVideoAudioUrl = _22[0],
+    setIdCaptureVideoAudioUrl = _22[1];
   var _23 = React.useState(null),
-    additionalDocuments = _23[0],
-    setAdditionalDocuments = _23[1];
+    idCaptureVideoAudioStartsAt = _23[0],
+    setIdCaptureVideoAudioStartsAt = _23[1];
   var _24 = React.useState(null),
-    geolocationResult = _24[0],
-    setGeolocationResult = _24[1];
-  var _25 = React.useState(0),
-    geolocationAttempts = _25[0],
-    setGeolocationAttempts = _25[1];
-  var _26 = React.useState(false),
-    geolocationBlocked = _26[0],
-    setGeolocationBlocked = _26[1];
-  var _27 = React.useState([]),
-    idFrontCaptureAttempts = _27[0],
-    setIdFrontCaptureAttempts = _27[1];
-  var _28 = React.useState([]),
-    idBackCaptureAttempts = _28[0],
-    setIdBackCaptureAttempts = _28[1];
+    expectedAudioText = _24[0],
+    setExpectedAudioText = _24[1];
+  var _25 = React.useState(null),
+    additionalDocuments = _25[0],
+    setAdditionalDocuments = _25[1];
+  var _26 = React.useState(null),
+    geolocationResult = _26[0],
+    setGeolocationResult = _26[1];
+  var _27 = React.useState(0),
+    geolocationAttempts = _27[0],
+    setGeolocationAttempts = _27[1];
+  var _28 = React.useState(false),
+    geolocationBlocked = _28[0],
+    setGeolocationBlocked = _28[1];
   var _29 = React.useState([]),
-    selfieCaptureAttempts = _29[0],
-    setSelfieCaptureAttempts = _29[1];
+    idFrontCaptureAttempts = _29[0],
+    setIdFrontCaptureAttempts = _29[1];
+  var _30 = React.useState([]),
+    idBackCaptureAttempts = _30[0],
+    setIdBackCaptureAttempts = _30[1];
+  var _31 = React.useState([]),
+    selfieCaptureAttempts = _31[0],
+    setSelfieCaptureAttempts = _31[1];
   var logIdFrontCaptureAttempt = React.useCallback(function (attempt) {
     setIdFrontCaptureAttempts(function (attempts) {
       return __spreadArray(__spreadArray([], attempts, true), [attempt], false);
@@ -1654,6 +1666,12 @@ var SubmissionProvider = function SubmissionProvider(_a) {
                 submissionRequest.customerData.signatureData.signatureVideo = documents.signatureVideo;
               }
             }
+            if (signatureStartTimestamp) {
+              submissionRequest.customerData.signatureStartTimestamp = signatureStartTimestamp;
+            }
+            if (signatureEndTimestamp) {
+              submissionRequest.customerData.signatureEndTimestamp = signatureEndTimestamp;
+            }
             if (additionalDocuments) {
               submissionRequest.customerData.additionalDocuments = additionalDocuments.map(function (d) {
                 return _assign(_assign({}, d), {
@@ -1696,7 +1714,7 @@ var SubmissionProvider = function SubmissionProvider(_a) {
         }
       });
     });
-  }, [additionalDocuments, bypassAgeValidation, bypassNameMatching, cardData, clientRequestID, companyId, customerDataMatchConfig, deduplicationEnabled, deduplicationSynchronous, documentServiceUrl, enrollmentId, expectedAudioText, geolocationResult, idBackCaptureAttempts, idBackImage, idBackImageRequired, idBackIrImage, idBackUvImage, idCaptureVideoAudioStartsAt, idCaptureVideoAudioUrl, idCaptureVideoIdBackImage, idCaptureVideoIdFrontImage, idCaptureVideoUrl, idCardForFaceMatch, idData, idFrontCaptureAttempts, idFrontImage, idFrontIrImage, idFrontUvImage, idImageResolutionCheck, jobId, manualReviewRequired, needImmediateResponse, passportImage, personalData, selfieCaptureAttempts, selfieImage, signatureData, signatureVideoUrl, uploadDocument, verifyIdWithExternalDatabases, webhooksClientTraceId, webhooksEnabled, webhooksFireOnReview, webhooksFireOnReviewURL, webhooksSendInputImages, webhooksSendProcessedImages, webhooksStripSpecialCharacters, webhooksURL]);
+  }, [additionalDocuments, bypassAgeValidation, bypassNameMatching, cardData, clientRequestID, companyId, customerDataMatchConfig, deduplicationEnabled, deduplicationSynchronous, documentServiceUrl, enrollmentId, expectedAudioText, geolocationResult, idBackCaptureAttempts, idBackImage, idBackImageRequired, idBackIrImage, idBackUvImage, idCaptureVideoAudioStartsAt, idCaptureVideoAudioUrl, idCaptureVideoIdBackImage, idCaptureVideoIdFrontImage, idCaptureVideoUrl, idCardForFaceMatch, idData, idFrontCaptureAttempts, idFrontImage, idFrontIrImage, idFrontUvImage, idImageResolutionCheck, jobId, manualReviewRequired, needImmediateResponse, passportImage, personalData, selfieCaptureAttempts, selfieImage, signatureData, signatureEndTimestamp, signatureStartTimestamp, signatureVideoUrl, uploadDocument, verifyIdWithExternalDatabases, webhooksClientTraceId, webhooksEnabled, webhooksFireOnReview, webhooksFireOnReviewURL, webhooksSendInputImages, webhooksSendProcessedImages, webhooksStripSpecialCharacters, webhooksURL]);
   var defaultOnSubmit = React.useCallback(function () {
     return __awaiter(void 0, void 0, void 0, function () {
       var submissionResponse_1, payload, host, endpoint, response, statusMessage, submissionResponse_2, e_1, err;
@@ -1993,6 +2011,8 @@ var SubmissionProvider = function SubmissionProvider(_a) {
       setSelfieImage: setSelfieImage,
       setSignatureData: setSignatureData,
       setSignatureVideoUrl: setSignatureVideoUrl,
+      setSignatureStartTimestamp: setSignatureStartTimestamp,
+      setSignatureEndTimestamp: setSignatureEndTimestamp,
       setIdCaptureVideoUrl: setIdCaptureVideoUrl,
       setIdCaptureVideoIdFrontImage: setIdCaptureVideoIdFrontImage,
       setIdCaptureVideoIdBackImage: setIdCaptureVideoIdBackImage,
@@ -13816,6 +13836,16 @@ var Container$4 = styled__default.default.div(templateObject_1$c || (templateObj
 var AcceptBtn$1 = styled__default.default(LoaderButton)(templateObject_2$b || (templateObject_2$b = __makeTemplateObject(["\n  margin-left: auto;\n"], ["\n  margin-left: auto;\n"])));
 var templateObject_1$c, templateObject_2$b;
 
+function isBlob(blobPart) {
+  return typeof Blob !== 'undefined' && blobPart instanceof Blob;
+}
+function inferBlobType(blobPart) {
+  var _a;
+  if (!isBlob(blobPart)) return undefined;
+  var t = ((_a = blobPart.type) !== null && _a !== void 0 ? _a : '').trim();
+  return t.length > 0 ? t : undefined;
+}
+
 var videoRecorder = null;
 var audioRecorder = null;
 var videoChunks = [];
@@ -13949,8 +13979,9 @@ var useVideoRecorder = function useVideoRecorder(mergeAVStreams) {
     useVideoRecorderStore.getState().clearRecordedData();
   }, []);
   var processVideo = React.useCallback(function () {
+    var inferredType = inferBlobType(videoChunks[0]) || (videoRecorder === null || videoRecorder === void 0 ? void 0 : videoRecorder.mimeType) || 'video/mp4';
     var videoBlob = new Blob(videoChunks, {
-      type: 'video/mp4'
+      type: inferredType
     });
     useVideoRecorderStore.setState({
       videoUrl: URL.createObjectURL(videoBlob),
@@ -13960,8 +13991,9 @@ var useVideoRecorder = function useVideoRecorder(mergeAVStreams) {
     setVideoRecorder(null);
   }, []);
   var processAudio = React.useCallback(function () {
+    var inferredType = inferBlobType(audioChunks[0]) || (audioRecorder === null || audioRecorder === void 0 ? void 0 : audioRecorder.mimeType) || 'audio/mp4';
     var audioBlob = new Blob(audioChunks, {
-      type: 'audio/mp4'
+      type: inferredType
     });
     useVideoRecorderStore.setState({
       audioUrl: URL.createObjectURL(audioBlob),
@@ -14001,6 +14033,7 @@ var useVideoRecorder = function useVideoRecorder(mergeAVStreams) {
   }, [audioRecordingIntentionallyStopped, audioRecordingStopped, audioUrl, isRecordingAudio, isRecordingVideo, videoRecordingIntentionallyStopped, videoRecordingStopped, videoUrl]);
 };
 
+var RECORDING_TIMESTAMP_PADDING_MS = 1000;
 var signatureRecorder = null;
 var signatureChunks = [];
 var videoSignatureInitialState = {
@@ -14013,7 +14046,6 @@ var videoSignatureInitialState = {
   clearRecordedData: function clearRecordedData() {
     return null;
   },
-  isRecording: false,
   signaturePad: {
     current: null
   },
@@ -14036,7 +14068,7 @@ var useVideoSignatureStore = zustand.create()(middleware.devtools(function (set,
       if (!camera) throw new Error('Camera not found');
       // set our flag and clear whatever we have recorded so far.
       set({
-        isRecording: true
+        recordingStartedAt: performance.now()
       });
       signatureChunks = [];
       // start recording video and audio
@@ -14050,27 +14082,52 @@ var useVideoSignatureStore = zustand.create()(middleware.devtools(function (set,
         videoBitsPerSecond: 270000,
         audioBitsPerSecond: 32000
       });
+      var hasFirstChunk = false;
       signatureRecorder.ondataavailable = function (event) {
         signatureChunks.push(event.data);
+        if (!hasFirstChunk) {
+          hasFirstChunk = true;
+          set({
+            firstChunkReceivedAt: performance.now(),
+            lastChunkReceivedAt: performance.now()
+          });
+        } else {
+          set({
+            lastChunkReceivedAt: performance.now()
+          });
+        }
       };
       signatureRecorder.start(100);
     },
     stopRecording: function stopRecording(signatureData, imageUrl) {
       set({
-        isRecording: false
+        firstChunkReceivedAt: undefined,
+        recordingStoppedAt: performance.now()
+      });
+      waitForOneMoreChunk().then(function () {
+        if (!signatureRecorder) return;
+        signatureRecorder.stop();
+        signatureRecorder.onstop = function () {
+          var inferredType = inferBlobType(signatureChunks[0]) || (signatureRecorder === null || signatureRecorder === void 0 ? void 0 : signatureRecorder.mimeType) || 'video/mp4';
+          var blob = new Blob(signatureChunks, {
+            type: inferredType
+          });
+          signatureChunks = [];
+          signatureRecorder = null;
+          if (!signatureData) return;
+          var _a = get(),
+            onSignatureVideoCaptured = _a.onSignatureVideoCaptured,
+            recordingStartedAt = _a.recordingStartedAt,
+            signatureStartedAt = _a.signatureStartedAt,
+            signatureEndedAt = _a.signatureEndedAt,
+            lastChunkReceivedAt = _a.lastChunkReceivedAt;
+          var endMs = Math.min(signatureEndedAt !== null && signatureEndedAt !== void 0 ? signatureEndedAt : Infinity, lastChunkReceivedAt !== null && lastChunkReceivedAt !== void 0 ? lastChunkReceivedAt : Infinity);
+          var signatureStartTimestamp = signatureStartedAt && recordingStartedAt ? formatTimestamp(Math.max(0, signatureStartedAt - recordingStartedAt - RECORDING_TIMESTAMP_PADDING_MS)) : undefined;
+          var signatureEndTimestamp = endMs !== Infinity && recordingStartedAt ? formatTimestamp(Math.min(endMs - recordingStartedAt + RECORDING_TIMESTAMP_PADDING_MS, lastChunkReceivedAt !== null && lastChunkReceivedAt !== void 0 ? lastChunkReceivedAt : Infinity)) : undefined;
+          onSignatureVideoCaptured(blob, signatureData, imageUrl !== null && imageUrl !== void 0 ? imageUrl : null, signatureStartTimestamp, signatureEndTimestamp);
+        };
+        useVideoRecorderStore.getState().stopRecording();
       });
-      if (!signatureRecorder) return;
-      signatureRecorder.stop();
-      signatureRecorder.onstop = function () {
-        var blob = new Blob(signatureChunks, {
-          type: 'video/mp4'
-        });
-        signatureChunks = [];
-        signatureRecorder = null;
-        if (!signatureData) return;
-        get().onSignatureVideoCaptured(blob, signatureData, imageUrl !== null && imageUrl !== void 0 ? imageUrl : null);
-      };
-      useVideoRecorderStore.getState().stopRecording();
     },
     clearRecordedData: function clearRecordedData() {
       signatureChunks = [];
@@ -14079,13 +14136,42 @@ var useVideoSignatureStore = zustand.create()(middleware.devtools(function (set,
       signatureRecorder === null || signatureRecorder === void 0 ? void 0 : signatureRecorder.stop();
       signatureRecorder = null;
       set({
-        isRecording: false,
+        recordingStartedAt: undefined,
+        recordingStoppedAt: undefined,
+        firstChunkReceivedAt: undefined,
+        lastChunkReceivedAt: undefined,
         signaturePadEmpty: true,
-        signatureValid: false
+        signatureValid: false,
+        signatureStartedAt: undefined,
+        signatureEndedAt: undefined
       });
     }
   });
 }));
+function waitForOneMoreChunk(timeoutMs) {
+  if (timeoutMs === void 0) {
+    timeoutMs = 3000;
+  }
+  var start = performance.now();
+  return new Promise(function (resolve) {
+    var initialLastChunkReceivedAt = useVideoSignatureStore.getState().lastChunkReceivedAt;
+    if (!initialLastChunkReceivedAt) return resolve();
+    function gotAChunk() {
+      var lastChunkReceivedAt = useVideoSignatureStore.getState().lastChunkReceivedAt;
+      return performance.now() - start > timeoutMs || !lastChunkReceivedAt || !initialLastChunkReceivedAt || lastChunkReceivedAt > initialLastChunkReceivedAt;
+    }
+    setTimeout(function () {
+      if (gotAChunk()) return resolve(); // check immediately
+      // otherwise, check every 100ms
+      var interval = setInterval(function () {
+        if (gotAChunk()) {
+          clearInterval(interval);
+          resolve();
+        }
+      }, 100);
+    }, 0);
+  });
+}
 function VideoSignatureContextProvider(_a) {
   var _this = this;
   var _b, _c;
@@ -14104,7 +14190,14 @@ function VideoSignatureContextProvider(_a) {
     // clear recorded data when the component is mounted
     useVideoSignatureStore.getState().clearRecordedData();
   }, []);
-  var isRecording = useVideoSignatureStore().isRecording;
+  var _e = useVideoSignatureStore(shallow.useShallow(function (state) {
+      return {
+        recordingStartedAt: state.recordingStartedAt,
+        recordingStoppedAt: state.recordingStoppedAt
+      };
+    })),
+    recordingStartedAt = _e.recordingStartedAt,
+    recordingStoppedAt = _e.recordingStoppedAt;
   useFrameLoop(React.useCallback(function () {
     return __awaiter(_this, void 0, void 0, function () {
       var signaturePad, ctx, _a, w, h, isPortrait, rect;
@@ -14131,7 +14224,7 @@ function VideoSignatureContextProvider(_a) {
       });
     });
   }, [videoRef]), {
-    autoStart: isRecording,
+    autoStart: !!recordingStartedAt && !recordingStoppedAt,
     throttleMs: 1000 / 24
   });
   return /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null, children, /*#__PURE__*/React__namespace.default.createElement(InvisibleCanvas, {
@@ -14140,6 +14233,17 @@ function VideoSignatureContextProvider(_a) {
     height: (_c = videoRef.current) === null || _c === void 0 ? void 0 : _c.videoHeight
   }));
 }
+function formatTimestamp(durationMs) {
+  // should be in the format of 00:00:00:00 (hh:mm:ss:cs)
+  var hours = Math.floor(durationMs / 3600000);
+  var minutes = Math.floor(durationMs % 3600000 / 60000);
+  var seconds = Math.floor(durationMs % 60000 / 1000);
+  var milliseconds = durationMs % 1000;
+  // Convert milliseconds to centiseconds (1/100th of a second)
+  var centiseconds = Math.floor(milliseconds / 10);
+  var csString = centiseconds.toString().padStart(2, '0');
+  return "".concat(hours.toString().padStart(2, '0'), ":") + "".concat(minutes.toString().padStart(2, '0'), ":") + "".concat(seconds.toString().padStart(2, '0'), ":") + "".concat(csString);
+}
 
 function VideoSignaturePad(_a) {
   var onAcceptBtnClicked = _a.onAcceptBtnClicked,
@@ -14201,8 +14305,11 @@ function VideoSignaturePad(_a) {
     ref: signaturePad,
     canvasProps: canvasProps,
     onBegin: function onBegin() {
-      return useVideoSignatureStore.setState({
-        signaturePadEmpty: false
+      return useVideoSignatureStore.setState(function (s) {
+        return {
+          signaturePadEmpty: false,
+          signatureStartedAt: s.signatureStartedAt || performance.now()
+        };
       });
     },
     onEnd: function onEnd() {
@@ -14212,7 +14319,8 @@ function VideoSignaturePad(_a) {
         return point;
       });
       useVideoSignatureStore.setState({
-        signatureValid: points.length >= minSignaturePadPoints
+        signatureValid: points.length >= minSignaturePadPoints,
+        signatureEndedAt: performance.now()
       });
     }
   }), !headTrackingSatisfied && !!verbiage.headTrackingUnsatisfiedText ? ( /*#__PURE__*/React__namespace.default.createElement(SignaturePadContentContainer, {
@@ -14279,6 +14387,12 @@ function VideoSignatureGuides(_a) {
   React.useEffect(function () {
     if (guideToDisplay) setMode(guideToDisplay);
   }, [guideToDisplay]);
+  var firstChunkReceivedAt = useVideoSignatureStore(shallow.useShallow(function (state) {
+    return {
+      firstChunkReceivedAt: state.firstChunkReceivedAt
+    };
+  })).firstChunkReceivedAt;
+  var signaturePadDisabled = requestedAction !== 'CAPTURE_SIGNATURE' || !firstChunkReceivedAt;
   return /*#__PURE__*/React__namespace.default.createElement(Container$3, {
     className: classNames.container
   }, /*#__PURE__*/React__namespace.default.createElement(Inner$1, {
@@ -14302,7 +14416,7 @@ function VideoSignatureGuides(_a) {
   }, /*#__PURE__*/React__namespace.default.createElement(VideoSignaturePad, {
     onAcceptBtnClicked: onAcceptBtnClicked,
     onClearBtnClicked: onClearBtnClicked,
-    disabled: requestedAction !== 'CAPTURE_SIGNATURE',
+    disabled: signaturePadDisabled,
     headTrackingSatisfied: headTrackingSatisfied,
     minSignaturePadPoints: minSignaturePadPoints,
     classNames: classNames,
@@ -14359,9 +14473,11 @@ var VideoSignatureCapture = function VideoSignatureCapture(_a) {
     onHeadTrackingPredictionMade = _o.onPredictionMade,
     startHeadTracking = _o.start,
     stopHeadTracking = _o.stop;
-  var _p = useVideoSignatureStore(),
-    clearRecordedData = _p.clearRecordedData,
-    isRecording = _p.isRecording;
+  var firstChunkReceivedAt = useVideoSignatureStore(shallow.useShallow(function (state) {
+    return {
+      firstChunkReceivedAt: state.firstChunkReceivedAt
+    };
+  })).firstChunkReceivedAt;
   React.useEffect(function () {
     useVideoSignatureStore.setState({
       onSignatureVideoCaptured: onSignatureVideoCaptured
@@ -14380,15 +14496,15 @@ var VideoSignatureCapture = function VideoSignatureCapture(_a) {
   var verbiage = useTranslations(rawVerbiage, {
     guidanceMessageText: 'Please sign the box below'
   });
-  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];
+  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];
   onHeadTrackingPredictionMade(useDebounce.useThrottledCallback(React.useCallback(function (_a) {
     var face = _a.face;
     if (headTrackingDisabled) return;
@@ -14403,12 +14519,12 @@ var VideoSignatureCapture = function VideoSignatureCapture(_a) {
       return n + 1;
     });
   }, [headTrackingBoundaryPercentage, headTrackingBoundaryType, headTrackingDisabled, videoHeight, videoWidth]), 16));
-  var _t = useResizeObserver(),
-    ref = _t.ref,
-    _u = _t.width,
-    width = _u === void 0 ? 1 : _u,
-    _v = _t.height,
-    height = _v === void 0 ? 1 : _v;
+  var _s = useResizeObserver(),
+    ref = _s.ref,
+    _t = _s.width,
+    width = _t === void 0 ? 1 : _t,
+    _u = _s.height,
+    height = _u === void 0 ? 1 : _u;
   var debugScalingDetails = useDebugScalingDetails({
     enabled: debugMode,
     pageWidth: width,
@@ -14439,13 +14555,19 @@ var VideoSignatureCapture = function VideoSignatureCapture(_a) {
     classNames: classNames.guides,
     verbiage: rawVerbiage.guides,
     onClearBtnClicked: restartVideoOnSignaturePadCleared ? function () {
-      return setTimeout(clearRecordedData, 100);
-    } : undefined
+      return setTimeout(function () {
+        return useVideoSignatureStore.getState().clearRecordedData();
+      }, 100);
+    } : function () {
+      return useVideoSignatureStore.setState({
+        signatureStartedAt: undefined
+      });
+    }
   }), debugMode && ( /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null, /*#__PURE__*/React__namespace.default.createElement(ObjectDetectionDebugOverlayDiv, null, lastFace && ( /*#__PURE__*/React__namespace.default.createElement(SelfieCaptureFaceDebugBox, {
     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: ", isRecording ? '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'))), /*#__PURE__*/React__namespace.default.createElement(ExitCaptureButton, {
     onClick: onExit,
     className: classNames.exitCaptureBtn
   }));
@@ -14776,6 +14898,8 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
     setSelfieImage = _u.setSelfieImage,
     setSignatureData = _u.setSignatureData,
     setSignatureVideoUrl = _u.setSignatureVideoUrl,
+    setSignatureStartTimestamp = _u.setSignatureStartTimestamp,
+    setSignatureEndTimestamp = _u.setSignatureEndTimestamp,
     logSelfieCaptureAttempt = _u.logSelfieCaptureAttempt,
     uploadDocument = _u.uploadDocument;
   var cameraAccessDenied = useCameraStore(shallow.useShallow(function (state) {
@@ -14835,12 +14959,14 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
       filetype: 'image/jpeg'
     }).then(onSelfieCaptured);
   }, [logCaptureMetadata, onSelfieCaptured, setSelfieImage, uploadDocument]);
-  var onSignatureCaptureCompleted = React.useCallback(function (videoData, signatureData, signatureImageData) {
+  var onSignatureCaptureCompleted = React.useCallback(function (videoData, signatureData, signatureImageData, signatureStartTimestamp, signatureEndTimestamp) {
     setSignatureData(signatureData);
     setSignatureVideoUrl(URL.createObjectURL(videoData));
+    if (signatureStartTimestamp) setSignatureStartTimestamp(signatureStartTimestamp);
+    if (signatureEndTimestamp) setSignatureEndTimestamp(signatureEndTimestamp);
     setCaptureState('SUCCESS');
-    onVideoCaptured === null || onVideoCaptured === void 0 ? void 0 : onVideoCaptured(videoData, signatureData, signatureImageData);
-  }, [onVideoCaptured, setSignatureData, setSignatureVideoUrl]);
+    onVideoCaptured === null || onVideoCaptured === void 0 ? void 0 : onVideoCaptured(videoData, signatureData, signatureImageData, signatureStartTimestamp, signatureEndTimestamp);
+  }, [onVideoCaptured, setSignatureData, setSignatureEndTimestamp, setSignatureStartTimestamp, setSignatureVideoUrl]);
   var _x = React.useState(true),
     showLoadingOverlay = _x[0],
     setShowLoadingOverlay = _x[1];
@@ -15009,6 +15135,7 @@ function VideoSignatureWizardGuides(_a) {
   var onClearBtnClicked = React.useCallback(function () {
     var _a, _b;
     useVideoSignatureStore.setState({
+      signatureStartedAt: undefined,
       signaturePadEmpty: true,
       signatureValid: false
     });