idmission-web-sdk 2.3.88 → 2.3.89

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.88';
+  var webSdkVersion = '2.3.89';
 
   function getPlatform() {
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -2125,6 +2125,12 @@
     setIdCaptureVideoUrl: function setIdCaptureVideoUrl() {
       return null;
     },
+    setSignatureStartTimestamp: function setSignatureStartTimestamp() {
+      return null;
+    },
+    setSignatureEndTimestamp: function setSignatureEndTimestamp() {
+      return null;
+    },
     setIdCaptureVideoIdFrontImage: function setIdCaptureVideoIdFrontImage() {
       return null;
     },
@@ -2289,44 +2295,50 @@
       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);
@@ -2603,6 +2615,12 @@
                   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), {
@@ -2645,7 +2663,7 @@
           }
         });
       });
-    }, [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;
@@ -2942,6 +2960,8 @@
         setSelfieImage: setSelfieImage,
         setSignatureData: setSignatureData,
         setSignatureVideoUrl: setSignatureVideoUrl,
+        setSignatureStartTimestamp: setSignatureStartTimestamp,
+        setSignatureEndTimestamp: setSignatureEndTimestamp,
         setIdCaptureVideoUrl: setIdCaptureVideoUrl,
         setIdCaptureVideoIdFrontImage: setIdCaptureVideoIdFrontImage,
         setIdCaptureVideoIdBackImage: setIdCaptureVideoIdBackImage,
@@ -23690,6 +23710,16 @@
   var AcceptBtn$1 = styled(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 = [];
@@ -23823,8 +23853,9 @@
       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),
@@ -23834,8 +23865,9 @@
       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),
@@ -23875,6 +23907,7 @@
     }, [audioRecordingIntentionallyStopped, audioRecordingStopped, audioUrl, isRecordingAudio, isRecordingVideo, videoRecordingIntentionallyStopped, videoRecordingStopped, videoUrl]);
   };
 
+  var RECORDING_TIMESTAMP_PADDING_MS = 1000;
   var signatureRecorder = null;
   var signatureChunks = [];
   var videoSignatureInitialState = {
@@ -23887,7 +23920,6 @@
     clearRecordedData: function clearRecordedData() {
       return null;
     },
-    isRecording: false,
     signaturePad: {
       current: null
     },
@@ -23910,7 +23942,7 @@
         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
@@ -23924,27 +23956,52 @@
           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 = [];
@@ -23953,13 +24010,42 @@
         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;
@@ -23978,7 +24064,14 @@
       // clear recorded data when the component is mounted
       useVideoSignatureStore.getState().clearRecordedData();
     }, []);
-    var isRecording = useVideoSignatureStore().isRecording;
+    var _e = useVideoSignatureStore(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;
@@ -24005,7 +24098,7 @@
         });
       });
     }, [videoRef]), {
-      autoStart: isRecording,
+      autoStart: !!recordingStartedAt && !recordingStoppedAt,
       throttleMs: 1000 / 24
     });
     return /*#__PURE__*/React.createElement(React.Fragment, null, children, /*#__PURE__*/React.createElement(InvisibleCanvas, {
@@ -24014,6 +24107,17 @@
       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,
@@ -24075,8 +24179,11 @@
       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() {
@@ -24086,7 +24193,8 @@
           return point;
         });
         useVideoSignatureStore.setState({
-          signatureValid: points.length >= minSignaturePadPoints
+          signatureValid: points.length >= minSignaturePadPoints,
+          signatureEndedAt: performance.now()
         });
       }
     }), !headTrackingSatisfied && !!verbiage.headTrackingUnsatisfiedText ? ( /*#__PURE__*/React.createElement(SignaturePadContentContainer, {
@@ -24153,6 +24261,12 @@
     React.useEffect(function () {
       if (guideToDisplay) setMode(guideToDisplay);
     }, [guideToDisplay]);
+    var firstChunkReceivedAt = useVideoSignatureStore(useShallow(function (state) {
+      return {
+        firstChunkReceivedAt: state.firstChunkReceivedAt
+      };
+    })).firstChunkReceivedAt;
+    var signaturePadDisabled = requestedAction !== 'CAPTURE_SIGNATURE' || !firstChunkReceivedAt;
     return /*#__PURE__*/React.createElement(Container$3, {
       className: classNames.container
     }, /*#__PURE__*/React.createElement(Inner$1, {
@@ -24176,7 +24290,7 @@
     }, /*#__PURE__*/React.createElement(VideoSignaturePad, {
       onAcceptBtnClicked: onAcceptBtnClicked,
       onClearBtnClicked: onClearBtnClicked,
-      disabled: requestedAction !== 'CAPTURE_SIGNATURE',
+      disabled: signaturePadDisabled,
       headTrackingSatisfied: headTrackingSatisfied,
       minSignaturePadPoints: minSignaturePadPoints,
       classNames: classNames,
@@ -24233,9 +24347,11 @@
       onHeadTrackingPredictionMade = _o.onPredictionMade,
       startHeadTracking = _o.start,
       stopHeadTracking = _o.stop;
-    var _p = useVideoSignatureStore(),
-      clearRecordedData = _p.clearRecordedData,
-      isRecording = _p.isRecording;
+    var firstChunkReceivedAt = useVideoSignatureStore(useShallow(function (state) {
+      return {
+        firstChunkReceivedAt: state.firstChunkReceivedAt
+      };
+    })).firstChunkReceivedAt;
     React.useEffect(function () {
       useVideoSignatureStore.setState({
         onSignatureVideoCaptured: onSignatureVideoCaptured
@@ -24254,15 +24370,15 @@
     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(f(React.useCallback(function (_a) {
       var face = _a.face;
       if (headTrackingDisabled) return;
@@ -24277,12 +24393,12 @@
         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,
@@ -24313,13 +24429,19 @@
       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.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ObjectDetectionDebugOverlayDiv, null, lastFace && ( /*#__PURE__*/React.createElement(SelfieCaptureFaceDebugBox, {
       face: lastFace,
       scaling: debugScalingDetails,
       color: headTrackingSatisfied ? 'green' : 'red'
-    }))), /*#__PURE__*/React.createElement(DebugStatsPane, null, "Video: ", videoWidth, "x", videoHeight, /*#__PURE__*/React.createElement("br", null), "Recording: ", isRecording ? 'true' : 'false'))), /*#__PURE__*/React.createElement(ExitCaptureButton, {
+    }))), /*#__PURE__*/React.createElement(DebugStatsPane, null, "Video: ", videoWidth, "x", videoHeight, /*#__PURE__*/React.createElement("br", null), "Recording: ", firstChunkReceivedAt ? 'true' : 'false'))), /*#__PURE__*/React.createElement(ExitCaptureButton, {
       onClick: onExit,
       className: classNames.exitCaptureBtn
     }));
@@ -24650,6 +24772,8 @@
       setSelfieImage = _u.setSelfieImage,
       setSignatureData = _u.setSignatureData,
       setSignatureVideoUrl = _u.setSignatureVideoUrl,
+      setSignatureStartTimestamp = _u.setSignatureStartTimestamp,
+      setSignatureEndTimestamp = _u.setSignatureEndTimestamp,
       logSelfieCaptureAttempt = _u.logSelfieCaptureAttempt,
       uploadDocument = _u.uploadDocument;
     var cameraAccessDenied = useCameraStore(useShallow(function (state) {
@@ -24709,12 +24833,14 @@
         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];
@@ -24883,6 +25009,7 @@
     var onClearBtnClicked = React.useCallback(function () {
       var _a, _b;
       useVideoSignatureStore.setState({
+        signatureStartedAt: undefined,
         signaturePadEmpty: true,
         signatureValid: false
       });