idmission-web-sdk 2.3.81 → 2.3.83

package/dist/sdk2.esm.js

@@ -205,7 +205,7 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
   return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
 };
 
-var webSdkVersion = '2.3.81';
+var webSdkVersion = '2.3.83';
 
 function getPlatform() {
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -1145,6 +1145,12 @@ var SubmissionContext = /*#__PURE__*/createContext({
   setIdCaptureVideoUrl: function setIdCaptureVideoUrl() {
     return null;
   },
+  setSignatureStartTimestamp: function setSignatureStartTimestamp() {
+    return null;
+  },
+  setSignatureEndTimestamp: function setSignatureEndTimestamp() {
+    return null;
+  },
   setIdCaptureVideoIdFrontImage: function setIdCaptureVideoIdFrontImage() {
     return null;
   },
@@ -1309,44 +1315,50 @@ var SubmissionProvider = function SubmissionProvider(_a) {
     signatureVideoUrl = _16[0],
     setSignatureVideoUrl = _16[1];
   var _17 = useState(null),
-    idCaptureVideoUrl = _17[0],
-    setIdCaptureVideoUrl = _17[1];
+    signatureStartTimestamp = _17[0],
+    setSignatureStartTimestamp = _17[1];
   var _18 = useState(null),
-    idCaptureVideoIdFrontImage = _18[0],
-    setIdCaptureVideoIdFrontImage = _18[1];
+    signatureEndTimestamp = _18[0],
+    setSignatureEndTimestamp = _18[1];
   var _19 = useState(null),
-    idCaptureVideoIdBackImage = _19[0],
-    setIdCaptureVideoIdBackImage = _19[1];
+    idCaptureVideoUrl = _19[0],
+    setIdCaptureVideoUrl = _19[1];
   var _20 = useState(null),
-    idCaptureVideoAudioUrl = _20[0],
-    setIdCaptureVideoAudioUrl = _20[1];
+    idCaptureVideoIdFrontImage = _20[0],
+    setIdCaptureVideoIdFrontImage = _20[1];
   var _21 = useState(null),
-    idCaptureVideoAudioStartsAt = _21[0],
-    setIdCaptureVideoAudioStartsAt = _21[1];
+    idCaptureVideoIdBackImage = _21[0],
+    setIdCaptureVideoIdBackImage = _21[1];
   var _22 = useState(null),
-    expectedAudioText = _22[0],
-    setExpectedAudioText = _22[1];
+    idCaptureVideoAudioUrl = _22[0],
+    setIdCaptureVideoAudioUrl = _22[1];
   var _23 = useState(null),
-    additionalDocuments = _23[0],
-    setAdditionalDocuments = _23[1];
+    idCaptureVideoAudioStartsAt = _23[0],
+    setIdCaptureVideoAudioStartsAt = _23[1];
   var _24 = useState(null),
-    geolocationResult = _24[0],
-    setGeolocationResult = _24[1];
-  var _25 = useState(0),
-    geolocationAttempts = _25[0],
-    setGeolocationAttempts = _25[1];
-  var _26 = useState(false),
-    geolocationBlocked = _26[0],
-    setGeolocationBlocked = _26[1];
-  var _27 = useState([]),
-    idFrontCaptureAttempts = _27[0],
-    setIdFrontCaptureAttempts = _27[1];
-  var _28 = useState([]),
-    idBackCaptureAttempts = _28[0],
-    setIdBackCaptureAttempts = _28[1];
+    expectedAudioText = _24[0],
+    setExpectedAudioText = _24[1];
+  var _25 = useState(null),
+    additionalDocuments = _25[0],
+    setAdditionalDocuments = _25[1];
+  var _26 = useState(null),
+    geolocationResult = _26[0],
+    setGeolocationResult = _26[1];
+  var _27 = useState(0),
+    geolocationAttempts = _27[0],
+    setGeolocationAttempts = _27[1];
+  var _28 = useState(false),
+    geolocationBlocked = _28[0],
+    setGeolocationBlocked = _28[1];
   var _29 = useState([]),
-    selfieCaptureAttempts = _29[0],
-    setSelfieCaptureAttempts = _29[1];
+    idFrontCaptureAttempts = _29[0],
+    setIdFrontCaptureAttempts = _29[1];
+  var _30 = useState([]),
+    idBackCaptureAttempts = _30[0],
+    setIdBackCaptureAttempts = _30[1];
+  var _31 = useState([]),
+    selfieCaptureAttempts = _31[0],
+    setSelfieCaptureAttempts = _31[1];
   var logIdFrontCaptureAttempt = useCallback(function (attempt) {
     setIdFrontCaptureAttempts(function (attempts) {
       return __spreadArray(__spreadArray([], attempts, true), [attempt], false);
@@ -1623,6 +1635,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), {
@@ -1665,7 +1683,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 = useCallback(function () {
     return __awaiter(void 0, void 0, void 0, function () {
       var submissionResponse_1, payload, host, endpoint, response, statusMessage, submissionResponse_2, e_1, err;
@@ -1962,6 +1980,8 @@ var SubmissionProvider = function SubmissionProvider(_a) {
       setSelfieImage: setSelfieImage,
       setSignatureData: setSignatureData,
       setSignatureVideoUrl: setSignatureVideoUrl,
+      setSignatureStartTimestamp: setSignatureStartTimestamp,
+      setSignatureEndTimestamp: setSignatureEndTimestamp,
       setIdCaptureVideoUrl: setIdCaptureVideoUrl,
       setIdCaptureVideoIdFrontImage: setIdCaptureVideoIdFrontImage,
       setIdCaptureVideoIdBackImage: setIdCaptureVideoIdBackImage,
@@ -13641,6 +13661,13 @@ var Container$4 = styled.div(templateObject_1$c || (templateObject_1$c = __makeT
 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 blobPart === 'object' && 'type' in blobPart;
+}
+function inferBlobType(blobPart) {
+  return isBlob(blobPart) ? blobPart.type : undefined;
+}
+
 var videoRecorder = null;
 var audioRecorder = null;
 var videoChunks = [];
@@ -13774,8 +13801,10 @@ var useVideoRecorder = function useVideoRecorder(mergeAVStreams) {
     useVideoRecorderStore.getState().clearRecordedData();
   }, []);
   var processVideo = useCallback(function () {
+    var _a;
+    var inferredType = (_a = inferBlobType(videoChunks[0])) !== null && _a !== void 0 ? _a : 'video/mp4';
     var videoBlob = new Blob(videoChunks, {
-      type: 'video/mp4'
+      type: inferredType
     });
     useVideoRecorderStore.setState({
       videoUrl: URL.createObjectURL(videoBlob),
@@ -13838,7 +13867,6 @@ var videoSignatureInitialState = {
   clearRecordedData: function clearRecordedData() {
     return null;
   },
-  isRecording: false,
   signaturePad: {
     current: null
   },
@@ -13861,7 +13889,7 @@ var useVideoSignatureStore = create()(devtools(function (set, get) {
       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
@@ -13875,27 +13903,53 @@ var useVideoSignatureStore = create()(devtools(function (set, get) {
         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 _a;
+          var inferredType = (_a = inferBlobType(signatureChunks[0])) !== null && _a !== void 0 ? _a : 'video/mp4';
+          var blob = new Blob(signatureChunks, {
+            type: inferredType
+          });
+          signatureChunks = [];
+          signatureRecorder = null;
+          if (!signatureData) return;
+          var _b = get(),
+            onSignatureVideoCaptured = _b.onSignatureVideoCaptured,
+            recordingStartedAt = _b.recordingStartedAt,
+            signatureStartedAt = _b.signatureStartedAt,
+            signatureEndedAt = _b.signatureEndedAt,
+            lastChunkReceivedAt = _b.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 - 500)) : undefined;
+          var signatureEndTimestamp = endMs !== Infinity && recordingStartedAt ? formatTimestamp(Math.min(endMs - recordingStartedAt + 500, 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 = [];
@@ -13904,13 +13958,42 @@ var useVideoSignatureStore = create()(devtools(function (set, get) {
       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;
@@ -13929,7 +14012,14 @@ function VideoSignatureContextProvider(_a) {
     // 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(useCallback(function () {
     return __awaiter(_this, void 0, void 0, function () {
       var signaturePad, ctx, _a, w, h, isPortrait, rect;
@@ -13956,7 +14046,7 @@ function VideoSignatureContextProvider(_a) {
       });
     });
   }, [videoRef]), {
-    autoStart: isRecording,
+    autoStart: !!recordingStartedAt && !recordingStoppedAt,
     throttleMs: 1000 / 24
   });
   return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, children, /*#__PURE__*/React__default.createElement(InvisibleCanvas, {
@@ -13965,6 +14055,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,
@@ -14026,8 +14127,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() {
@@ -14037,7 +14141,8 @@ function VideoSignaturePad(_a) {
         return point;
       });
       useVideoSignatureStore.setState({
-        signatureValid: points.length >= minSignaturePadPoints
+        signatureValid: points.length >= minSignaturePadPoints,
+        signatureEndedAt: performance.now()
       });
     }
   }), !headTrackingSatisfied && !!verbiage.headTrackingUnsatisfiedText ? ( /*#__PURE__*/React__default.createElement(SignaturePadContentContainer, {
@@ -14104,6 +14209,12 @@ function VideoSignatureGuides(_a) {
   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__default.createElement(Container$3, {
     className: classNames.container
   }, /*#__PURE__*/React__default.createElement(Inner$1, {
@@ -14127,7 +14238,7 @@ function VideoSignatureGuides(_a) {
   }, /*#__PURE__*/React__default.createElement(VideoSignaturePad, {
     onAcceptBtnClicked: onAcceptBtnClicked,
     onClearBtnClicked: onClearBtnClicked,
-    disabled: requestedAction !== 'CAPTURE_SIGNATURE',
+    disabled: signaturePadDisabled,
     headTrackingSatisfied: headTrackingSatisfied,
     minSignaturePadPoints: minSignaturePadPoints,
     classNames: classNames,
@@ -14184,9 +14295,14 @@ var VideoSignatureCapture = function VideoSignatureCapture(_a) {
     onHeadTrackingPredictionMade = _o.onPredictionMade,
     startHeadTracking = _o.start,
     stopHeadTracking = _o.stop;
-  var _p = useVideoSignatureStore(),
+  var _p = useVideoSignatureStore(useShallow(function (state) {
+      return {
+        clearRecordedData: state.clearRecordedData,
+        firstChunkReceivedAt: state.firstChunkReceivedAt
+      };
+    })),
     clearRecordedData = _p.clearRecordedData,
-    isRecording = _p.isRecording;
+    firstChunkReceivedAt = _p.firstChunkReceivedAt;
   useEffect(function () {
     useVideoSignatureStore.setState({
       onSignatureVideoCaptured: onSignatureVideoCaptured
@@ -14270,7 +14386,7 @@ var VideoSignatureCapture = function VideoSignatureCapture(_a) {
     face: lastFace,
     scaling: debugScalingDetails,
     color: headTrackingSatisfied ? 'green' : 'red'
-  }))), /*#__PURE__*/React__default.createElement(DebugStatsPane, null, "Video: ", videoWidth, "x", videoHeight, /*#__PURE__*/React__default.createElement("br", null), "Recording: ", isRecording ? 'true' : 'false'))), /*#__PURE__*/React__default.createElement(ExitCaptureButton, {
+  }))), /*#__PURE__*/React__default.createElement(DebugStatsPane, null, "Video: ", videoWidth, "x", videoHeight, /*#__PURE__*/React__default.createElement("br", null), "Recording: ", firstChunkReceivedAt ? 'true' : 'false'))), /*#__PURE__*/React__default.createElement(ExitCaptureButton, {
     onClick: onExit,
     className: classNames.exitCaptureBtn
   }));
@@ -14601,6 +14717,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(useShallow(function (state) {
@@ -14660,12 +14778,14 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
       filetype: 'image/jpeg'
     }).then(onSelfieCaptured);
   }, [logCaptureMetadata, onSelfieCaptured, setSelfieImage, uploadDocument]);
-  var onSignatureCaptureCompleted = useCallback(function (videoData, signatureData, signatureImageData) {
+  var onSignatureCaptureCompleted = 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 = useState(true),
     showLoadingOverlay = _x[0],
     setShowLoadingOverlay = _x[1];