idmission-web-sdk 1.0.182 → 1.0.183

package/dist/components/customer_flows/VideoIdValidation.d.ts

@@ -89,8 +89,12 @@ export interface VideoIdValidationProps extends PropsWithChildren {
     idCardFrontFocusThreshold?: number;
     /** Number of good frames of the ID card front that must be captured before moving on during video capture. */
     goodIdCardFrontFramesThreshold?: number;
-    /** The duration of time in milliseconds that the user is instructed to show the back of their ID card during video capture. */
-    showIdCardBackDurationMs?: number;
+    /** Number between 0 and 1 at which document detection guidance score condition is considered to be met for the ID card back during video capture. */
+    idCardBackDetectionThreshold?: number;
+    /** Number between 0 and 1 at which focus guidance score condition is considered to be met for the ID card back during video capture. */
+    idCardBackFocusThreshold?: number;
+    /** Number of good frames of the ID card back that must be captured before moving on during video capture. */
+    goodIdCardBackFramesThreshold?: number;
     /** An optional text prompt to display on screen for the user to read during video capture after the ID card has been shown. */
     readTextPrompt?: CustomerSuppliedVerbiage;
     /** The duration of time in milliseconds that the user is allowed to spend reading the `readTextPrompt`. */

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

@@ -27,9 +27,11 @@ export type IdVideoCaptureProps = {
     onIdBackImageCaptured?: (imageUrl: string) => void;
     onFaceNotDetected?: () => void;
     idCardFrontDetectionThreshold?: number;
+    idCardBackDetectionThreshold?: number;
     idCardFrontFocusThreshold?: number;
+    idCardBackFocusThreshold?: number;
     goodIdCardFrontFramesThreshold?: number;
-    showIdCardBackDurationMs?: number;
+    goodIdCardBackFramesThreshold?: number;
     skipShowIdCardBack?: boolean | (() => Promise<boolean>);
     readTextPrompt?: CustomerSuppliedVerbiage;
     readTextTimeoutDurationMs?: number;
@@ -39,4 +41,4 @@ export type IdVideoCaptureProps = {
     verbiage?: IdVideoCaptureVerbiage;
     debugMode?: boolean;
 };
-export declare const IdVideoCapture: ({ onComplete, onIdFrontImageCaptured, onIdBackImageCaptured, onFaceNotDetected, idCardFrontDetectionThreshold, idCardFrontFocusThreshold, goodIdCardFrontFramesThreshold, showIdCardBackDurationMs, skipShowIdCardBack, readTextPrompt, readTextTimeoutDurationMs, assets, classNames, colors, verbiage: rawVerbiage, debugMode, }: IdVideoCaptureProps) => ReactElement;
+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;

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

@@ -37,9 +37,11 @@ export type VideoIdWizardProps = {
     idCaptureProps?: IdCaptureWizardProps;
     faceLivenessProps?: FaceLivenessWizardProps;
     idCardFrontDetectionThreshold?: number;
+    idCardBackDetectionThreshold?: number;
     idCardFrontFocusThreshold?: number;
+    idCardBackFocusThreshold?: number;
     goodIdCardFrontFramesThreshold?: number;
-    showIdCardBackDurationMs?: number;
+    goodIdCardBackFramesThreshold?: number;
     readTextPrompt?: CustomerSuppliedVerbiage;
     readTextTimeoutDurationMs?: number;
     skipSuccessScreen?: boolean | (() => Promise<boolean>);
@@ -53,4 +55,4 @@ export type VideoIdWizardProps = {
     verbiage?: VideoIdWizardVerbiage;
     debugMode?: boolean;
 };
-export declare const VideoIdWizard: ({ onComplete, onExitCapture, onExitAfterFailure, onUserCancel, idCaptureProps, faceLivenessProps, idCardFrontDetectionThreshold, idCardFrontFocusThreshold, goodIdCardFrontFramesThreshold, showIdCardBackDurationMs, readTextPrompt, readTextTimeoutDurationMs, skipIdCapture, skipShowIdCardBack, skipSuccessScreen, idCaptureGuideType, idCapturePortraitGuidesOnMobile, assets, classNames, colors, verbiage, debugMode, }: VideoIdWizardProps) => ReactElement;
+export declare const VideoIdWizard: ({ onComplete, onExitCapture, onExitAfterFailure, onUserCancel, idCaptureProps, faceLivenessProps, idCardFrontDetectionThreshold, idCardBackDetectionThreshold, idCardFrontFocusThreshold, idCardBackFocusThreshold, goodIdCardFrontFramesThreshold, goodIdCardBackFramesThreshold, readTextPrompt, readTextTimeoutDurationMs, skipIdCapture, skipShowIdCardBack, skipSuccessScreen, idCaptureGuideType, idCapturePortraitGuidesOnMobile, assets, classNames, colors, verbiage, debugMode, }: VideoIdWizardProps) => ReactElement;

package/dist/sdk2.cjs.development.js

@@ -48,7 +48,7 @@ var LanguageDetector__default = /*#__PURE__*/_interopDefaultLegacy(LanguageDetec
 var i18n__default = /*#__PURE__*/_interopDefaultLegacy(i18n);
 var SignatureCanvas__default = /*#__PURE__*/_interopDefaultLegacy(SignatureCanvas);
 
-var webSdkVersion = '1.0.182';
+var webSdkVersion = '1.0.183';
 
 function getPlatform() {
   if (typeof window === 'undefined') return;
@@ -8853,6 +8853,9 @@ var IdCaptureModelsProvider = function IdCaptureModelsProvider(_a) {
   var resetBestFrame = React.useCallback(function () {
     bestFocusScore.current = 0;
     clearCanvas(bestPredictionCanvas.current);
+    setBestFrameBoundingBox([]);
+    setBestFrameDetectionScore(0);
+    setBestFrameFocusScore(0);
   }, []);
   var value = React.useMemo(function () {
     return {
@@ -9658,7 +9661,7 @@ var esTranslation = {
   'Document Capture': 'Captura de documento',
   Capture: 'Capturar',
   'Retry capture': 'Reintentar la captura',
-  Upload: 'Adjuntar',
+  Upload: 'Enviar',
   'Uploading...': 'Procesando...',
   'Upload succeeded!': 'Proceso completo!',
   'Display the front of your ID card...': 'Hay que mostrar el frente de la identificación...',
@@ -14017,59 +14020,64 @@ var IdVideoCapture = function IdVideoCapture(_a) {
     onIdBackImageCaptured = _a.onIdBackImageCaptured,
     onFaceNotDetected = _a.onFaceNotDetected,
     _j = _a.idCardFrontDetectionThreshold,
-    idCardFrontDetectionThreshold = _j === void 0 ? 0.48 : _j,
+    idCardFrontDetectionThreshold = _j === void 0 ? 0.6 : _j,
     _k = _a.idCardFrontFocusThreshold,
     idCardFrontFocusThreshold = _k === void 0 ? 0 : _k,
     _l = _a.goodIdCardFrontFramesThreshold,
     goodIdCardFrontFramesThreshold = _l === void 0 ? 3 : _l,
-    _m = _a.showIdCardBackDurationMs,
-    showIdCardBackDurationMs = _m === void 0 ? 5000 : _m,
-    _o = _a.skipShowIdCardBack,
-    skipShowIdCardBack = _o === void 0 ? false : _o,
+    _m = _a.idCardBackDetectionThreshold,
+    idCardBackDetectionThreshold = _m === void 0 ? 0.6 : _m,
+    _o = _a.idCardBackFocusThreshold,
+    idCardBackFocusThreshold = _o === void 0 ? 0 : _o,
+    _p = _a.goodIdCardBackFramesThreshold,
+    goodIdCardBackFramesThreshold = _p === void 0 ? 3 : _p,
+    _q = _a.skipShowIdCardBack,
+    skipShowIdCardBack = _q === void 0 ? false : _q,
     readTextPrompt = _a.readTextPrompt,
-    _p = _a.readTextTimeoutDurationMs,
-    readTextTimeoutDurationMs = _p === void 0 ? 15000 : _p,
-    _q = _a.assets,
-    assets = _q === void 0 ? {} : _q,
-    _r = _a.classNames,
-    classNames = _r === void 0 ? {} : _r,
-    _s = _a.colors,
-    colors = _s === void 0 ? {} : _s,
-    _t = _a.verbiage,
-    rawVerbiage = _t === void 0 ? {} : _t,
-    _u = _a.debugMode,
-    debugMode = _u === void 0 ? false : _u;
-  var _v = useResizeObserver__default['default'](),
-    ref = _v.ref,
-    _w = _v.width,
-    width = _w === void 0 ? 1 : _w,
-    _x = _v.height,
-    height = _x === void 0 ? 1 : _x;
-  var _y = React.useContext(CameraStateContext),
-    cameraRef = _y.cameraRef,
-    videoRef = _y.videoRef,
-    videoLoaded = _y.videoLoaded,
-    cameraReady = _y.cameraReady;
-  var _z = React.useState([]),
-    detectedObjects = _z[0],
-    setDetectedObjects = _z[1];
-  var _0 = React.useState([]),
-    faces = _0[0],
-    setFaces = _0[1];
-  var _1 = React.useContext(IdCaptureModelsContext),
-    idModelsReady = _1.ready,
-    idModelsWorking = _1.working,
-    makeIdPrediction = _1.makePrediction,
-    onIdPredictionMade = _1.onPredictionMade,
-    setThresholds = _1.setThresholds,
-    bestFrameDetectionScore = _1.bestFrameDetectionScore,
-    bestFrameFocusScore = _1.bestFrameFocusScore;
+    _r = _a.readTextTimeoutDurationMs,
+    readTextTimeoutDurationMs = _r === void 0 ? 15000 : _r,
+    _s = _a.assets,
+    assets = _s === void 0 ? {} : _s,
+    _t = _a.classNames,
+    classNames = _t === void 0 ? {} : _t,
+    _u = _a.colors,
+    colors = _u === void 0 ? {} : _u,
+    _v = _a.verbiage,
+    rawVerbiage = _v === void 0 ? {} : _v,
+    _w = _a.debugMode,
+    debugMode = _w === void 0 ? false : _w;
+  var _x = useResizeObserver__default['default'](),
+    ref = _x.ref,
+    _y = _x.width,
+    width = _y === void 0 ? 1 : _y,
+    _z = _x.height,
+    height = _z === void 0 ? 1 : _z;
+  var _0 = React.useContext(CameraStateContext),
+    cameraRef = _0.cameraRef,
+    videoRef = _0.videoRef,
+    videoLoaded = _0.videoLoaded,
+    cameraReady = _0.cameraReady;
+  var _1 = React.useState([]),
+    detectedObjects = _1[0],
+    setDetectedObjects = _1[1];
+  var _2 = React.useState([]),
+    faces = _2[0],
+    setFaces = _2[1];
+  var _3 = React.useContext(IdCaptureModelsContext),
+    idModelsReady = _3.ready,
+    idModelsWorking = _3.working,
+    makeIdPrediction = _3.makePrediction,
+    onIdPredictionMade = _3.onPredictionMade,
+    setThresholds = _3.setThresholds,
+    bestFrameDetectionScore = _3.bestFrameDetectionScore,
+    bestFrameFocusScore = _3.bestFrameFocusScore,
+    resetBestFrame = _3.resetBestFrame;
   var onSelfiePredictionMade = React.useContext(HighPerformanceSelfieGuidanceModelsContext).onPredictionMade;
-  var _2 = useVideoRecorder(cameraRef.current),
-    isRecording = _2.isRecording,
-    startRecording = _2.startRecording,
-    stopRecording = _2.stopRecording,
-    videoUrl = _2.videoUrl;
+  var _4 = useVideoRecorder(cameraRef.current),
+    isRecording = _4.isRecording,
+    startRecording = _4.startRecording,
+    stopRecording = _4.stopRecording,
+    videoUrl = _4.videoUrl;
   React.useEffect(function () {
     if (!isRecording && !videoUrl) startRecording();
     if (videoUrl) onComplete === null || onComplete === void 0 ? void 0 : onComplete(videoUrl);
@@ -14079,11 +14087,11 @@ var IdVideoCapture = function IdVideoCapture(_a) {
   React.useEffect(function () {
     shouldCaptureFrames.current = videoLoaded && cameraReady && idModelsReady;
   }, [cameraReady, idModelsReady, videoLoaded]);
-  var _3 = React.useState('SHOW_ID_FRONT'),
-    requestedAction = _3[0],
-    setRequestedAction = _3[1];
+  var _5 = React.useState('SHOW_ID_FRONT'),
+    requestedAction = _5[0],
+    setRequestedAction = _5[1];
   React.useEffect(function () {
-    if (requestedAction !== 'SHOW_ID_FRONT') return;
+    if (requestedAction !== 'SHOW_ID_FRONT' && requestedAction !== 'SHOW_ID_BACK') return;
     if (!idModelsReady || !cameraReady || !videoLoaded) return;
     animationFrame.current = requestAnimationFrame(function runFrame() {
       return tslib.__awaiter(this, void 0, void 0, function () {
@@ -14102,23 +14110,24 @@ var IdVideoCapture = function IdVideoCapture(_a) {
   }, [cameraReady, idModelsReady, idModelsWorking, makeIdPrediction, requestedAction, videoLoaded, videoRef]);
   React.useEffect(function () {
     setThresholds({
-      document: idCardFrontDetectionThreshold,
+      document: requestedAction === 'SHOW_ID_FRONT' ? idCardFrontDetectionThreshold : requestedAction === 'SHOW_ID_BACK' ? idCardBackDetectionThreshold : 1,
       passport: 1,
       focus: {
-        mobile: idCardFrontFocusThreshold
+        mobile: requestedAction === 'SHOW_ID_FRONT' ? idCardFrontFocusThreshold : requestedAction === 'SHOW_ID_BACK' ? idCardBackFocusThreshold : 0
       }
     });
-  }, [idCardFrontDetectionThreshold, idCardFrontFocusThreshold, setThresholds]);
-  var _4 = React.useState(0),
-    currentDetectionScore = _4[0],
-    setCurrentDetectionScore = _4[1];
-  var _5 = React.useState(0),
-    currentFocusScore = _5[0],
-    setCurrentFocusScore = _5[1];
+  }, [idCardBackDetectionThreshold, idCardBackFocusThreshold, idCardFrontDetectionThreshold, idCardFrontFocusThreshold, requestedAction, setThresholds]);
   var _6 = React.useState(0),
-    goodIdCardFrontFramesCount = _6[0],
-    setGoodFramesCount = _6[1];
-  var goodFramesThresholdMet = goodIdCardFrontFramesCount >= goodIdCardFrontFramesThreshold;
+    currentDetectionScore = _6[0],
+    setCurrentDetectionScore = _6[1];
+  var _7 = React.useState(0),
+    currentFocusScore = _7[0],
+    setCurrentFocusScore = _7[1];
+  var _8 = React.useState(0),
+    goodFramesCount = _8[0],
+    setGoodFramesCount = _8[1];
+  var goodFramesThreshold = requestedAction === 'SHOW_ID_FRONT' ? goodIdCardFrontFramesThreshold : goodIdCardBackFramesThreshold;
+  var goodFramesThresholdMet = goodFramesCount >= goodFramesThreshold;
   React.useEffect(function () {
     onIdPredictionMade(function (prediction) {
       setDetectedObjects(prediction.detectedObjects);
@@ -14151,15 +14160,18 @@ var IdVideoCapture = function IdVideoCapture(_a) {
   React.useEffect(function () {
     (function () {
       return tslib.__awaiter(void 0, void 0, void 0, function () {
-        var frame;
+        var frame, frame;
         return tslib.__generator(this, function (_a) {
           switch (_a.label) {
             case 0:
-              if (!(goodFramesThresholdMet && requestedAction == 'SHOW_ID_FRONT')) return [3 /*break*/, 4];
+              if (!goodFramesThresholdMet) return [3 /*break*/, 5];
+              setCurrentDetectionScore(0);
+              setCurrentFocusScore(0);
+              setGoodFramesCount(0);
+              resetBestFrame();
+              if (!(requestedAction == 'SHOW_ID_FRONT')) return [3 /*break*/, 4];
               if (onIdFrontImageCaptured) {
-                console.log('capturing front frame!');
                 frame = captureFrame();
-                console.log(frame);
                 frame && onIdFrontImageCaptured(frame);
               }
               if (!skipShowIdCardBack) return [3 /*break*/, 3];
@@ -14176,31 +14188,31 @@ var IdVideoCapture = function IdVideoCapture(_a) {
               setRequestedAction('FLIP_ID');
               setTimeout(function () {
                 setRequestedAction('SHOW_ID_BACK');
-                setTimeout(function () {
-                  if (onIdBackImageCaptured) {
-                    console.log('capturing rear frame!');
-                    var frame = captureFrame();
-                    console.log(frame);
-                    frame && onIdBackImageCaptured(frame);
-                  }
-                }, showIdCardBackDurationMs - 1000);
               }, 3500);
-              _a.label = 4;
+              return [3 /*break*/, 5];
             case 4:
+              if (requestedAction == 'SHOW_ID_BACK') {
+                if (onIdBackImageCaptured) {
+                  frame = captureFrame();
+                  frame && onIdBackImageCaptured(frame);
+                }
+                onIdBackCaptureComplete();
+              }
+              _a.label = 5;
+            case 5:
               return [2 /*return*/];
           }
         });
       });
     })();
-  }, [captureFrame, goodFramesThresholdMet, onIdBackCaptureComplete, onIdBackImageCaptured, onIdFrontImageCaptured, requestedAction, showIdCardBackDurationMs, skipShowIdCardBack]);
-  useTimeout(showIdCardBackDurationMs, onIdBackCaptureComplete, requestedAction !== 'SHOW_ID_BACK', false, requestedAction === 'SHOW_ID_BACK');
+  }, [captureFrame, goodFramesThresholdMet, onIdBackCaptureComplete, onIdBackImageCaptured, onIdFrontImageCaptured, requestedAction, resetBestFrame, skipShowIdCardBack]);
   var onReadTextTimeout = React.useCallback(function () {
     stopRecording();
   }, [stopRecording]);
   var timeoutStartedAt = useTimeout(readTextTimeoutDurationMs, onReadTextTimeout, requestedAction !== 'READ_TEXT', false, requestedAction === 'READ_TEXT').timeoutStartedAt;
-  var _7 = React.useState(0),
-    numFramesWithoutFaces = _7[0],
-    setNumFramesWithoutFaces = _7[1];
+  var _9 = React.useState(0),
+    numFramesWithoutFaces = _9[0],
+    setNumFramesWithoutFaces = _9[1];
   React.useEffect(function () {
     onSelfiePredictionMade(function (faces) {
       setFaces(faces);
@@ -14223,7 +14235,7 @@ var IdVideoCapture = function IdVideoCapture(_a) {
     videoWidth: (_c = (_b = videoRef.current) === null || _b === void 0 ? void 0 : _b.videoWidth) !== null && _c !== void 0 ? _c : 0,
     videoHeight: (_e = (_d = videoRef.current) === null || _d === void 0 ? void 0 : _d.videoHeight) !== null && _e !== void 0 ? _e : 0
   });
-  var satisfied = requestedAction === 'SHOW_ID_BACK' || goodIdCardFrontFramesCount > 0;
+  var satisfied = goodFramesCount > 0;
   return /*#__PURE__*/React__default['default'].createElement(PageContainer, {
     ref: ref,
     className: "flex ".concat((_f = classNames.container) !== null && _f !== void 0 ? _f : '')
@@ -14243,7 +14255,7 @@ var IdVideoCapture = function IdVideoCapture(_a) {
     verbiage: rawVerbiage.guides,
     requestedAction: requestedAction,
     borderColor: satisfied ? colors.guidesSatisfiedColor : colors.guidesUnsatisfiedColor
-  }), debugMode && requestedAction === 'SHOW_ID_FRONT' && ( /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(ObjectDetectionDebugOverlayDiv, {
+  }), debugMode && ['SHOW_ID_FRONT', 'SHOW_ID_BACK'].includes(requestedAction) && ( /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(ObjectDetectionDebugOverlayDiv, {
     "$flipX": !((_g = cameraRef.current) === null || _g === void 0 ? void 0 : _g.isRearFacing)
   }, detectedObjects.map(function (obj, i) {
     var _a;
@@ -14264,7 +14276,7 @@ var IdVideoCapture = function IdVideoCapture(_a) {
       scaling: debugScalingDetails,
       flipX: !((_a = cameraRef.current) === null || _a === void 0 ? void 0 : _a.isRearFacing)
     });
-  })))))), debugMode && ( /*#__PURE__*/React__default['default'].createElement(DebugStatsPane, null, cameraRef.current ? ( /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, "\u2705 Camera: ", cameraRef.current.label, " (", cameraRef.current.width, "x", cameraRef.current.height, ")")) : '❌ Camera not ready', /*#__PURE__*/React__default['default'].createElement("br", null), isRecording ? '✅ Recording' : '❌ Not recording', /*#__PURE__*/React__default['default'].createElement("br", null), goodFramesThresholdMet ? '✅' : '❌', " Good Frame Count:", ' ', goodIdCardFrontFramesCount, "/", goodIdCardFrontFramesThreshold, /*#__PURE__*/React__default['default'].createElement("br", null), "Detection Score: ", currentDetectionScore, /*#__PURE__*/React__default['default'].createElement("br", null), "Focus Score: ", currentFocusScore, /*#__PURE__*/React__default['default'].createElement("br", null), "Best Frame Detection Score: ", bestFrameDetectionScore, /*#__PURE__*/React__default['default'].createElement("br", null), "Best Frame Focus Score: ", bestFrameFocusScore)));
+  })))))), debugMode && ( /*#__PURE__*/React__default['default'].createElement(DebugStatsPane, null, cameraRef.current ? ( /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, "\u2705 Camera: ", cameraRef.current.label, " (", cameraRef.current.width, "x", cameraRef.current.height, ")")) : '❌ Camera not ready', /*#__PURE__*/React__default['default'].createElement("br", null), isRecording ? '✅ Recording' : '❌ Not recording', /*#__PURE__*/React__default['default'].createElement("br", null), goodFramesThresholdMet ? '✅' : '❌', " Good Frame Count:", ' ', goodFramesCount, "/", goodFramesThreshold, /*#__PURE__*/React__default['default'].createElement("br", null), "Detection Score: ", currentDetectionScore, /*#__PURE__*/React__default['default'].createElement("br", null), "Focus Score: ", currentFocusScore, /*#__PURE__*/React__default['default'].createElement("br", null), "Best Frame Detection Score: ", bestFrameDetectionScore, /*#__PURE__*/React__default['default'].createElement("br", null), "Best Frame Focus Score: ", bestFrameFocusScore)));
 };
 
 var IdVideoCaptureSuccess = function IdVideoCaptureSuccess(_a) {
@@ -14327,9 +14339,11 @@ var VideoIdWizard = function VideoIdWizard(_a) {
     _g = _a.faceLivenessProps,
     faceLivenessProps = _g === void 0 ? {} : _g,
     idCardFrontDetectionThreshold = _a.idCardFrontDetectionThreshold,
+    idCardBackDetectionThreshold = _a.idCardBackDetectionThreshold,
     idCardFrontFocusThreshold = _a.idCardFrontFocusThreshold,
+    idCardBackFocusThreshold = _a.idCardBackFocusThreshold,
     goodIdCardFrontFramesThreshold = _a.goodIdCardFrontFramesThreshold,
-    showIdCardBackDurationMs = _a.showIdCardBackDurationMs,
+    goodIdCardBackFramesThreshold = _a.goodIdCardBackFramesThreshold,
     readTextPrompt = _a.readTextPrompt,
     readTextTimeoutDurationMs = _a.readTextTimeoutDurationMs,
     _h = _a.skipIdCapture,
@@ -14468,9 +14482,11 @@ var VideoIdWizard = function VideoIdWizard(_a) {
           onIdBackImageCaptured: setIdCaptureVideoIdBackImage,
           onFaceNotDetected: onVideoCaptureFaceNotDetected,
           idCardFrontDetectionThreshold: idCardFrontDetectionThreshold,
+          idCardBackDetectionThreshold: idCardBackDetectionThreshold,
           idCardFrontFocusThreshold: idCardFrontFocusThreshold,
+          idCardBackFocusThreshold: idCardBackFocusThreshold,
           goodIdCardFrontFramesThreshold: goodIdCardFrontFramesThreshold,
-          showIdCardBackDurationMs: showIdCardBackDurationMs,
+          goodIdCardBackFramesThreshold: goodIdCardBackFramesThreshold,
           skipShowIdCardBack: skipShowIdCardBack,
           readTextPrompt: readTextPrompt,
           readTextTimeoutDurationMs: readTextTimeoutDurationMs,
@@ -16591,48 +16607,52 @@ var VideoIdValidation = function VideoIdValidation(_a) {
     idCaptureProps = _a.idCaptureProps,
     faceLivenessProps = _a.faceLivenessProps,
     _c = _a.idCardFrontDetectionThreshold,
-    idCardFrontDetectionThreshold = _c === void 0 ? 0.48 : _c,
+    idCardFrontDetectionThreshold = _c === void 0 ? 0.6 : _c,
     _d = _a.idCardFrontFocusThreshold,
     idCardFrontFocusThreshold = _d === void 0 ? 0 : _d,
     _e = _a.goodIdCardFrontFramesThreshold,
     goodIdCardFrontFramesThreshold = _e === void 0 ? 3 : _e,
-    _f = _a.showIdCardBackDurationMs,
-    showIdCardBackDurationMs = _f === void 0 ? 5000 : _f,
+    _f = _a.idCardBackDetectionThreshold,
+    idCardBackDetectionThreshold = _f === void 0 ? 0.6 : _f,
+    _g = _a.idCardBackFocusThreshold,
+    idCardBackFocusThreshold = _g === void 0 ? 0 : _g,
+    _h = _a.goodIdCardBackFramesThreshold,
+    goodIdCardBackFramesThreshold = _h === void 0 ? 3 : _h,
     readTextPrompt = _a.readTextPrompt,
-    _g = _a.readTextTimeoutDurationMs,
-    readTextTimeoutDurationMs = _g === void 0 ? 15000 : _g,
-    _h = _a.skipSuccessScreen,
-    skipSuccessScreen = _h === void 0 ? false : _h,
-    _j = _a.skipIdCapture,
-    skipIdCapture = _j === void 0 ? false : _j,
-    _k = _a.skipShowIdCardBack,
-    skipShowIdCardBack = _k === void 0 ? false : _k,
-    _l = _a.idCaptureGuideType,
-    idCaptureGuideType = _l === void 0 ? 'fit' : _l,
-    _m = _a.idCapturePortraitGuidesOnMobile,
-    idCapturePortraitGuidesOnMobile = _m === void 0 ? false : _m,
-    _o = _a.theme,
-    theme = _o === void 0 ? 'default' : _o,
-    _p = _a.assets,
-    assets = _p === void 0 ? {} : _p,
-    _q = _a.classNames,
-    classNames = _q === void 0 ? {} : _q,
-    _r = _a.colors,
-    colors = _r === void 0 ? {} : _r,
-    _s = _a.verbiage,
-    verbiage = _s === void 0 ? {} : _s,
-    _t = _a.captureSignature,
-    captureSignature = _t === void 0 ? false : _t,
-    _u = _a.captureSignatureVideo,
-    captureSignatureVideo = _u === void 0 ? false : _u,
-    _v = _a.captureAdditionalDocuments,
-    captureAdditionalDocuments = _v === void 0 ? [] : _v,
-    _w = _a.geolocationEnabled,
-    geolocationEnabled = _w === void 0 ? true : _w,
-    _x = _a.geolocationRequired,
-    geolocationRequired = _x === void 0 ? false : _x,
-    _y = _a.debugMode,
-    debugMode = _y === void 0 ? false : _y;
+    _j = _a.readTextTimeoutDurationMs,
+    readTextTimeoutDurationMs = _j === void 0 ? 15000 : _j,
+    _k = _a.skipSuccessScreen,
+    skipSuccessScreen = _k === void 0 ? false : _k,
+    _l = _a.skipIdCapture,
+    skipIdCapture = _l === void 0 ? false : _l,
+    _m = _a.skipShowIdCardBack,
+    skipShowIdCardBack = _m === void 0 ? false : _m,
+    _o = _a.idCaptureGuideType,
+    idCaptureGuideType = _o === void 0 ? 'fit' : _o,
+    _p = _a.idCapturePortraitGuidesOnMobile,
+    idCapturePortraitGuidesOnMobile = _p === void 0 ? false : _p,
+    _q = _a.theme,
+    theme = _q === void 0 ? 'default' : _q,
+    _r = _a.assets,
+    assets = _r === void 0 ? {} : _r,
+    _s = _a.classNames,
+    classNames = _s === void 0 ? {} : _s,
+    _t = _a.colors,
+    colors = _t === void 0 ? {} : _t,
+    _u = _a.verbiage,
+    verbiage = _u === void 0 ? {} : _u,
+    _v = _a.captureSignature,
+    captureSignature = _v === void 0 ? false : _v,
+    _w = _a.captureSignatureVideo,
+    captureSignatureVideo = _w === void 0 ? false : _w,
+    _x = _a.captureAdditionalDocuments,
+    captureAdditionalDocuments = _x === void 0 ? [] : _x,
+    _y = _a.geolocationEnabled,
+    geolocationEnabled = _y === void 0 ? true : _y,
+    _z = _a.geolocationRequired,
+    geolocationRequired = _z === void 0 ? false : _z,
+    _0 = _a.debugMode,
+    debugMode = _0 === void 0 ? false : _0;
   useLanguage(lang);
   var videoIdCaptureProps = React.useMemo(function () {
     return {
@@ -16641,7 +16661,9 @@ var VideoIdValidation = function VideoIdValidation(_a) {
       idCardFrontDetectionThreshold: idCardFrontDetectionThreshold,
       idCardFrontFocusThreshold: idCardFrontFocusThreshold,
       goodIdCardFrontFramesThreshold: goodIdCardFrontFramesThreshold,
-      showIdCardBackDurationMs: showIdCardBackDurationMs,
+      idCardBackDetectionThreshold: idCardBackDetectionThreshold,
+      idCardBackFocusThreshold: idCardBackFocusThreshold,
+      goodIdCardBackFramesThreshold: goodIdCardBackFramesThreshold,
       readTextPrompt: readTextPrompt,
       readTextTimeoutDurationMs: readTextTimeoutDurationMs,
       onExitCapture: onExitCapture,
@@ -16658,7 +16680,7 @@ var VideoIdValidation = function VideoIdValidation(_a) {
       verbiage: verbiage,
       debugMode: debugMode
     };
-  }, [assets, classNames, colors, debugMode, faceLivenessProps, goodIdCardFrontFramesThreshold, idCaptureGuideType, idCapturePortraitGuidesOnMobile, idCaptureProps, idCardFrontDetectionThreshold, idCardFrontFocusThreshold, onExitAfterFailure, onExitCapture, onUserCancel, readTextPrompt, readTextTimeoutDurationMs, showIdCardBackDurationMs, skipIdCapture, skipShowIdCardBack, skipSuccessScreen, verbiage]);
+  }, [assets, classNames, colors, debugMode, faceLivenessProps, goodIdCardBackFramesThreshold, goodIdCardFrontFramesThreshold, idCaptureGuideType, idCapturePortraitGuidesOnMobile, idCaptureProps, idCardBackDetectionThreshold, idCardBackFocusThreshold, idCardFrontDetectionThreshold, idCardFrontFocusThreshold, onExitAfterFailure, onExitCapture, onUserCancel, readTextPrompt, readTextTimeoutDurationMs, skipIdCapture, skipShowIdCardBack, skipSuccessScreen, verbiage]);
   var additionalDocumentCaptureProps = React.useMemo(function () {
     return {
       documents: captureAdditionalDocuments,