idmission-web-sdk 1.0.225 → 1.0.227

package/dist/components/video_id/IdVideoCapture.d.ts

@@ -27,6 +27,7 @@ export type IdVideoCaptureProps = {
     onIdFrontImageCaptured?: (imageUrl: string) => void;
     onIdBackImageCaptured?: (imageUrl: string) => void;
     onFaceNotDetected?: () => void;
+    idCardFrontDelay?: number;
     idCardFrontDetectionThreshold?: number;
     idCardBackDetectionThreshold?: number;
     idCardFrontFocusThreshold?: number;
@@ -42,4 +43,4 @@ export type IdVideoCaptureProps = {
     verbiage?: IdVideoCaptureVerbiage;
     debugMode?: boolean;
 };
-export declare const IdVideoCapture: ({ onComplete, onIdFrontImageCaptured, onIdBackImageCaptured, onFaceNotDetected, idCardFrontDetectionThreshold, idCardFrontFocusThreshold, goodIdCardFrontFramesThreshold, idCardBackDetectionThreshold, idCardBackFocusThreshold, goodIdCardBackFramesThreshold, skipShowIdCardBack, readTextPrompt, readTextTimeoutDurationMs, assets, classNames, colors, verbiage: rawVerbiage, debugMode, }: IdVideoCaptureProps) => ReactElement;
+export declare const IdVideoCapture: ({ onComplete, onIdFrontImageCaptured, onIdBackImageCaptured, onFaceNotDetected, idCardFrontDelay, idCardFrontDetectionThreshold, idCardFrontFocusThreshold, goodIdCardFrontFramesThreshold, idCardBackDetectionThreshold, idCardBackFocusThreshold, goodIdCardBackFramesThreshold, skipShowIdCardBack, readTextPrompt, readTextTimeoutDurationMs, assets, classNames, colors, verbiage: rawVerbiage, debugMode, }: IdVideoCaptureProps) => ReactElement;

package/dist/sdk2.cjs.development.js

@@ -49,7 +49,7 @@ var LanguageDetector__default = /*#__PURE__*/_interopDefaultLegacy(LanguageDetec
 var i18n__default = /*#__PURE__*/_interopDefaultLegacy(i18n);
 var SignatureCanvas__default = /*#__PURE__*/_interopDefaultLegacy(SignatureCanvas);
 
-var webSdkVersion = '1.0.225';
+var webSdkVersion = '1.0.227';
 
 function getPlatform() {
   if (typeof window === 'undefined') return;
@@ -14153,65 +14153,67 @@ var IdVideoCapture = function IdVideoCapture(_a) {
     onIdFrontImageCaptured = _a.onIdFrontImageCaptured,
     onIdBackImageCaptured = _a.onIdBackImageCaptured,
     onFaceNotDetected = _a.onFaceNotDetected,
-    _v = _a.idCardFrontDetectionThreshold,
-    idCardFrontDetectionThreshold = _v === void 0 ? 0.6 : _v,
-    _w = _a.idCardFrontFocusThreshold,
-    idCardFrontFocusThreshold = _w === void 0 ? 0 : _w,
-    _x = _a.goodIdCardFrontFramesThreshold,
-    goodIdCardFrontFramesThreshold = _x === void 0 ? 3 : _x,
-    _y = _a.idCardBackDetectionThreshold,
-    idCardBackDetectionThreshold = _y === void 0 ? 0.6 : _y,
-    _z = _a.idCardBackFocusThreshold,
-    idCardBackFocusThreshold = _z === void 0 ? 0 : _z,
-    _0 = _a.goodIdCardBackFramesThreshold,
-    goodIdCardBackFramesThreshold = _0 === void 0 ? 3 : _0,
-    _1 = _a.skipShowIdCardBack,
-    skipShowIdCardBack = _1 === void 0 ? false : _1,
+    _v = _a.idCardFrontDelay,
+    idCardFrontDelay = _v === void 0 ? 1000 : _v,
+    _w = _a.idCardFrontDetectionThreshold,
+    idCardFrontDetectionThreshold = _w === void 0 ? 0.6 : _w,
+    _x = _a.idCardFrontFocusThreshold,
+    idCardFrontFocusThreshold = _x === void 0 ? 0 : _x,
+    _y = _a.goodIdCardFrontFramesThreshold,
+    goodIdCardFrontFramesThreshold = _y === void 0 ? 3 : _y,
+    _z = _a.idCardBackDetectionThreshold,
+    idCardBackDetectionThreshold = _z === void 0 ? 0.6 : _z,
+    _0 = _a.idCardBackFocusThreshold,
+    idCardBackFocusThreshold = _0 === void 0 ? 0 : _0,
+    _1 = _a.goodIdCardBackFramesThreshold,
+    goodIdCardBackFramesThreshold = _1 === void 0 ? 3 : _1,
+    _2 = _a.skipShowIdCardBack,
+    skipShowIdCardBack = _2 === void 0 ? false : _2,
     readTextPrompt = _a.readTextPrompt,
-    _2 = _a.readTextTimeoutDurationMs,
-    readTextTimeoutDurationMs = _2 === void 0 ? 15000 : _2,
-    _3 = _a.assets,
-    assets = _3 === void 0 ? {} : _3,
-    _4 = _a.classNames,
-    classNames = _4 === void 0 ? {} : _4,
-    _5 = _a.colors,
-    colors = _5 === void 0 ? {} : _5,
-    _6 = _a.verbiage,
-    rawVerbiage = _6 === void 0 ? {} : _6,
-    _7 = _a.debugMode,
-    debugMode = _7 === void 0 ? false : _7;
-  var _8 = useResizeObserver__default['default'](),
-    ref = _8.ref,
-    _9 = _8.width,
-    width = _9 === void 0 ? 1 : _9,
-    _10 = _8.height,
-    height = _10 === void 0 ? 1 : _10;
-  var _11 = React.useContext(CameraStateContext),
-    cameraRef = _11.cameraRef,
-    videoRef = _11.videoRef,
-    videoLoaded = _11.videoLoaded,
-    cameraReady = _11.cameraReady;
-  var _12 = React.useState([]),
-    detectedObjects = _12[0],
-    setDetectedObjects = _12[1];
+    _3 = _a.readTextTimeoutDurationMs,
+    readTextTimeoutDurationMs = _3 === void 0 ? 15000 : _3,
+    _4 = _a.assets,
+    assets = _4 === void 0 ? {} : _4,
+    _5 = _a.classNames,
+    classNames = _5 === void 0 ? {} : _5,
+    _6 = _a.colors,
+    colors = _6 === void 0 ? {} : _6,
+    _7 = _a.verbiage,
+    rawVerbiage = _7 === void 0 ? {} : _7,
+    _8 = _a.debugMode,
+    debugMode = _8 === void 0 ? false : _8;
+  var _9 = useResizeObserver__default['default'](),
+    ref = _9.ref,
+    _10 = _9.width,
+    width = _10 === void 0 ? 1 : _10,
+    _11 = _9.height,
+    height = _11 === void 0 ? 1 : _11;
+  var _12 = React.useContext(CameraStateContext),
+    cameraRef = _12.cameraRef,
+    videoRef = _12.videoRef,
+    videoLoaded = _12.videoLoaded,
+    cameraReady = _12.cameraReady;
   var _13 = React.useState([]),
-    faces = _13[0],
-    setFaces = _13[1];
-  var _14 = React.useContext(IdCaptureModelsContext),
-    idModelsReady = _14.ready,
-    idModelsWorking = _14.working,
-    makeIdPrediction = _14.makePrediction,
-    onIdPredictionMade = _14.onPredictionMade,
-    setThresholds = _14.setThresholds,
-    bestFrameDetectionScore = _14.bestFrameDetectionScore,
-    bestFrameFocusScore = _14.bestFrameFocusScore,
-    resetBestFrame = _14.resetBestFrame;
+    detectedObjects = _13[0],
+    setDetectedObjects = _13[1];
+  var _14 = React.useState([]),
+    faces = _14[0],
+    setFaces = _14[1];
+  var _15 = React.useContext(IdCaptureModelsContext),
+    idModelsReady = _15.ready,
+    idModelsWorking = _15.working,
+    makeIdPrediction = _15.makePrediction,
+    onIdPredictionMade = _15.onPredictionMade,
+    setThresholds = _15.setThresholds,
+    bestFrameDetectionScore = _15.bestFrameDetectionScore,
+    bestFrameFocusScore = _15.bestFrameFocusScore,
+    resetBestFrame = _15.resetBestFrame;
   var onSelfiePredictionMade = React.useContext(HighPerformanceSelfieGuidanceModelsContext).onPredictionMade;
-  var _15 = useVideoRecorder(cameraRef.current),
-    isRecording = _15.isRecording,
-    startRecording = _15.startRecording,
-    stopRecording = _15.stopRecording,
-    videoUrl = _15.videoUrl;
+  var _16 = useVideoRecorder(cameraRef.current),
+    isRecording = _16.isRecording,
+    startRecording = _16.startRecording,
+    stopRecording = _16.stopRecording,
+    videoUrl = _16.videoUrl;
   React.useEffect(function () {
     if (!isRecording && !videoUrl) startRecording();
     if (videoUrl) onComplete === null || onComplete === void 0 ? void 0 : onComplete(videoUrl);
@@ -14221,9 +14223,9 @@ var IdVideoCapture = function IdVideoCapture(_a) {
   React.useEffect(function () {
     shouldCaptureFrames.current = videoLoaded && cameraReady && idModelsReady;
   }, [cameraReady, idModelsReady, videoLoaded]);
-  var _16 = React.useState('SHOW_ID_FRONT'),
-    requestedAction = _16[0],
-    setRequestedAction = _16[1];
+  var _17 = React.useState('SHOW_ID_FRONT'),
+    requestedAction = _17[0],
+    setRequestedAction = _17[1];
   React.useEffect(function () {
     if (requestedAction !== 'SHOW_ID_FRONT' && requestedAction !== 'SHOW_ID_BACK') return;
     if (!idModelsReady || !cameraReady || !videoLoaded) return;
@@ -14251,15 +14253,23 @@ var IdVideoCapture = function IdVideoCapture(_a) {
       }
     });
   }, [idCardBackDetectionThreshold, idCardBackFocusThreshold, idCardFrontDetectionThreshold, idCardFrontFocusThreshold, requestedAction, setThresholds]);
-  var _17 = React.useState(0),
-    currentDetectionScore = _17[0],
-    setCurrentDetectionScore = _17[1];
-  var _18 = React.useState(0),
-    currentFocusScore = _18[0],
-    setCurrentFocusScore = _18[1];
+  var _18 = React.useState(null),
+    idFrontCaptureStartedAt = _18[0],
+    setIdFrontCaptureStartedAt = _18[1];
+  React.useEffect(function () {
+    if (requestedAction === 'SHOW_ID_FRONT') {
+      setIdFrontCaptureStartedAt(new Date().getTime());
+    }
+  }, [requestedAction]);
   var _19 = React.useState(0),
-    goodFramesCount = _19[0],
-    setGoodFramesCount = _19[1];
+    currentDetectionScore = _19[0],
+    setCurrentDetectionScore = _19[1];
+  var _20 = React.useState(0),
+    currentFocusScore = _20[0],
+    setCurrentFocusScore = _20[1];
+  var _21 = React.useState(0),
+    goodFramesCount = _21[0],
+    setGoodFramesCount = _21[1];
   var goodFramesThreshold = requestedAction === 'SHOW_ID_FRONT' ? goodIdCardFrontFramesThreshold : goodIdCardBackFramesThreshold;
   var goodFramesThresholdMet = goodFramesCount >= goodFramesThreshold;
   React.useEffect(function () {
@@ -14267,7 +14277,8 @@ var IdVideoCapture = function IdVideoCapture(_a) {
       setDetectedObjects(prediction.detectedObjects);
       setCurrentDetectionScore(prediction.detectionScore);
       setCurrentFocusScore(prediction.focusScore);
-      if (prediction.detectionThresholdMet && prediction.focusThresholdMet) {
+      var delaySatisfied = idFrontCaptureStartedAt && new Date().getTime() > idFrontCaptureStartedAt + idCardFrontDelay;
+      if (delaySatisfied && prediction.detectionThresholdMet && prediction.focusThresholdMet) {
         setGoodFramesCount(function (n) {
           return n + 1;
         });
@@ -14275,7 +14286,7 @@ var IdVideoCapture = function IdVideoCapture(_a) {
         setGoodFramesCount(0);
       }
     });
-  }, [idCardFrontDetectionThreshold, onIdPredictionMade]);
+  }, [idCardFrontDelay, idCardFrontDetectionThreshold, idFrontCaptureStartedAt, onIdPredictionMade]);
   var captureCanvas = React.useRef(null);
   var captureFrame = React.useCallback(function () {
     if (!captureCanvas.current || !videoRef.current) return;
@@ -14350,9 +14361,9 @@ var IdVideoCapture = function IdVideoCapture(_a) {
     stopRecording();
   }, [stopRecording]);
   var timeoutStartedAt = useTimeout(readTextTimeoutDurationMs, onReadTextTimeout, requestedAction !== 'READ_TEXT', false, requestedAction === 'READ_TEXT').timeoutStartedAt;
-  var _20 = React.useState(0),
-    numFramesWithoutFaces = _20[0],
-    setNumFramesWithoutFaces = _20[1];
+  var _22 = React.useState(0),
+    numFramesWithoutFaces = _22[0],
+    setNumFramesWithoutFaces = _22[1];
   React.useEffect(function () {
     onSelfiePredictionMade(function (faces) {
       setFaces(faces);