idmission-web-sdk 1.0.358 → 1.0.360

package/README.md

@@ -702,7 +702,8 @@ Render a fullscreen capture component that performs IDValidation and FaceValidat
 <tr><td><code>goodIdCardFrontFramesThreshold</code> (optional)</td><td>number of good frames of the ID card front that must be captured before moving on during video capture. Defaults to 3.</td></tr>
 <tr><td><code>showIdCardBackDurationMs</code> (optional)</td><td>the duration of time in milliseconds that the user is instructed to show the back of their ID card during video capture. Defaults to 5000ms.</td></tr>
 <tr><td><code>readTextPrompt</code> (optional)</td><td>an optional text prompt to display on screen for the user to read during video capture after the ID card has been shown. Leave blank to skip the read text screen.</td></tr>
-<tr><td><code>readTextTimeoutDurationMs</code> (optional)</td><td>the duration of time in milliseconds that the user is allowed to spend reading the <code>readTextPrompt</code>. Defaults to 15000ms.</td></tr>
+<tr><td><code>readTextTimeoutDurationMs</code> (optional)</td><td>the duration of time in milliseconds that the user is allowed to spend reading the <code>readTextPrompt</code>. Defaults to 15000 (15 seconds).</td></tr>
+<tr><td><code>readTextMinReadingMs</code> (optional)</td><td>the duration of time in milliseconds that the user is forced to spend reading the `readTextPrompt` before they can click the Done button. Defaults to 10000 (10 seconds).</td></tr>
 <tr><td><code>skipSuccessScreen</code> (optional)</td><td>boolean or async function to indicate whether to proceed automatically after capture guidance is satisfied. If an async function is supplied returning a boolean, it will be evaluated at the time of capture guidance satisfaction. Defaults to false.</td></tr>
 <tr><td><code>skipIdCapture</code> (optional)</td><td>boolean to indicate whether to skip the initial ID capture flow. Note that when this flag is set, submission to IDmission's servers will not be attempted; it should be used in tandem with onSubmit. Defaults to false.</td></tr>
 <tr><td><code>skipShowIdCardBack</code> (optional)</td><td>boolean or async function to indicate whether to instruct the user to show the back of their ID card during video capture. If an async function is supplied returning a boolean, it will be evaluated at the time of ID front video capture completion. Defaults to false.</td></tr>

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

@@ -101,8 +101,10 @@ export interface VideoIdValidationProps extends PropsWithChildren {
     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`. */
+    /** The duration of time in milliseconds that the user is allowed to spend reading the `readTextPrompt`. Defaults to 15000 (15 seconds). */
     readTextTimeoutDurationMs?: number;
+    /** The duration of time in milliseconds that the user is forced to spend reading the `readTextPrompt` before they can click the Done button. Defaults to 3000 (3 seconds). */
+    readTextMinReadingMs?: number;
     /** Boolean or async function to indicate whether to proceed automatically after capture guidance is satisfied. If an async function is supplied returning a boolean, it will be evaluated at the time of capture guidance satisfaction. Defaults to `false`. */
     skipSuccessScreen?: boolean | (() => Promise<boolean>);
     /** Boolean to indicate whether to skip the initial ID capture flow. Note that when this flag is set, submission to IDmission's servers will not be attempted; it should be used in tandem with `onSubmit`. Defaults to `false`. */

package/dist/components/read_text_prompt/ReadTextPrompt.d.ts

@@ -17,7 +17,8 @@ export type ReadTextPromptProps = {
     onComplete?: () => void;
     startedAt?: Date;
     durationMs?: number;
+    minReadingMs?: number;
     classNames?: ReadTextPromptClassNames;
     verbiage?: ReadTextPromptVerbiage;
 };
-export declare const ReadTextPrompt: ({ text, onComplete, durationMs, classNames, verbiage: rawVerbiage, }: ReadTextPromptProps) => React.JSX.Element;
+export declare const ReadTextPrompt: ({ text, onComplete, durationMs, minReadingMs, classNames, verbiage: rawVerbiage, }: ReadTextPromptProps) => React.JSX.Element;

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

@@ -48,6 +48,7 @@ export type IdVideoCaptureProps = {
     captureCountdownSeconds?: number;
     readTextPrompt?: CustomerSuppliedVerbiage;
     readTextTimeoutDurationMs?: number;
+    readTextMinReadingMs?: number;
     disableFaceDetectionWhileAudioCapture: boolean;
     disableFaceDetectionWhileAudioCaptureMsDelay: number;
     assets?: IdVideoCaptureAssets;
@@ -56,4 +57,4 @@ export type IdVideoCaptureProps = {
     verbiage?: IdVideoCaptureVerbiage;
     debugMode?: boolean;
 };
-export declare const IdVideoCapture: ({ onComplete, onIdFrontImageCaptured, onIdBackImageCaptured, onFaceNotDetected, idCaptureModelsEnabled, idCardFrontDelay, idCardFrontDetectionThreshold, idCardFrontFocusThreshold, goodIdCardFrontFramesThreshold, idCardBackDetectionThreshold, idCardBackFocusThreshold, goodIdCardBackFramesThreshold, skipShowIdCardBack, captureCountdownSeconds, readTextPrompt, readTextTimeoutDurationMs, disableFaceDetectionWhileAudioCapture, disableFaceDetectionWhileAudioCaptureMsDelay, assets, classNames, colors, verbiage: rawVerbiage, debugMode, }: IdVideoCaptureProps) => ReactElement;
+export declare const IdVideoCapture: ({ onComplete, onIdFrontImageCaptured, onIdBackImageCaptured, onFaceNotDetected, idCaptureModelsEnabled, idCardFrontDelay, idCardFrontDetectionThreshold, idCardFrontFocusThreshold, goodIdCardFrontFramesThreshold, idCardBackDetectionThreshold, idCardBackFocusThreshold, goodIdCardBackFramesThreshold, skipShowIdCardBack, captureCountdownSeconds, readTextPrompt, readTextTimeoutDurationMs, readTextMinReadingMs, disableFaceDetectionWhileAudioCapture, disableFaceDetectionWhileAudioCaptureMsDelay, assets, classNames, colors, verbiage: rawVerbiage, debugMode, }: IdVideoCaptureProps) => ReactElement;

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

@@ -50,6 +50,7 @@ export type VideoIdWizardProps = {
     goodIdCardBackFramesThreshold?: number;
     readTextPrompt?: CustomerSuppliedVerbiage;
     readTextTimeoutDurationMs?: number;
+    readTextMinReadingMs?: number;
     skipSuccessScreen?: boolean | (() => Promise<boolean>);
     skipIdCapture?: boolean;
     skipShowIdCardBack?: boolean | (() => Promise<boolean>);
@@ -68,4 +69,4 @@ export type VideoIdWizardProps = {
     verbiage?: VideoIdWizardVerbiage;
     debugMode?: boolean;
 };
-export declare const VideoIdWizard: ({ onComplete, onExitCapture, onExitAfterFailure, onUserCancel, onIdCaptureModelError, idCaptureProps, faceLivenessProps, idCaptureModelsEnabled, idCardFrontDetectionThreshold, idCardBackDetectionThreshold, idCardFrontFocusThreshold, idCardBackFocusThreshold, goodIdCardFrontFramesThreshold, goodIdCardBackFramesThreshold, readTextPrompt, readTextTimeoutDurationMs, skipIdCapture, skipShowIdCardBack, skipSuccessScreen, idCaptureLoadingOverlayMode, idCaptureGuideType, idCapturePortraitGuidesOnMobile, idCaptureRotateLoadingOverlayImageWhenPortrait, idCaptureModelLoadTimeoutMs, faceLivenessLoadingOverlayMode, disableFaceDetectionWhileAudioCapture, disableFaceDetectionWhileAudioCaptureMsDelay, silentFallback, assets, classNames, colors, verbiage, debugMode, }: VideoIdWizardProps) => ReactElement;
+export declare const VideoIdWizard: ({ onComplete, onExitCapture, onExitAfterFailure, onUserCancel, onIdCaptureModelError, idCaptureProps, faceLivenessProps, idCaptureModelsEnabled, idCardFrontDetectionThreshold, idCardBackDetectionThreshold, idCardFrontFocusThreshold, idCardBackFocusThreshold, goodIdCardFrontFramesThreshold, goodIdCardBackFramesThreshold, readTextPrompt, readTextTimeoutDurationMs, readTextMinReadingMs, skipIdCapture, skipShowIdCardBack, skipSuccessScreen, idCaptureLoadingOverlayMode, idCaptureGuideType, idCapturePortraitGuidesOnMobile, idCaptureRotateLoadingOverlayImageWhenPortrait, idCaptureModelLoadTimeoutMs, faceLivenessLoadingOverlayMode, disableFaceDetectionWhileAudioCapture, disableFaceDetectionWhileAudioCaptureMsDelay, silentFallback, assets, classNames, colors, verbiage, debugMode, }: VideoIdWizardProps) => ReactElement;

package/dist/sdk2.cjs.development.js

@@ -50,7 +50,7 @@ var LanguageDetector__default = /*#__PURE__*/_interopDefaultLegacy(LanguageDetec
 var i18n__default = /*#__PURE__*/_interopDefaultLegacy(i18n);
 var SignatureCanvas__default = /*#__PURE__*/_interopDefaultLegacy(SignatureCanvas);
 
-var webSdkVersion = '1.0.358';
+var webSdkVersion = '1.0.360';
 
 function getPlatform() {
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -16401,20 +16401,22 @@ var ReadTextPrompt = function ReadTextPrompt(_a) {
     onComplete = _a.onComplete,
     _b = _a.durationMs,
     durationMs = _b === void 0 ? 15000 : _b,
-    _c = _a.classNames,
-    classNames = _c === void 0 ? {} : _c,
-    _d = _a.verbiage,
-    rawVerbiage = _d === void 0 ? {} : _d;
+    _c = _a.minReadingMs,
+    minReadingMs = _c === void 0 ? 10000 : _c,
+    _d = _a.classNames,
+    classNames = _d === void 0 ? {} : _d,
+    _e = _a.verbiage,
+    rawVerbiage = _e === void 0 ? {} : _e;
   text = useVerbiage(text, '');
   var countdownTimeoutRef = React.useRef(undefined);
-  var _e = React.useState(durationMs / 1000),
-    countdownRemaining = _e[0],
-    setCountdownRemaining = _e[1];
+  var _f = React.useState(durationMs / 1000),
+    countdownRemaining = _f[0],
+    setCountdownRemaining = _f[1];
   var verbiage = useTranslations(rawVerbiage, {
     headingText: 'Please read the following text aloud',
     doneBtnText: 'Done'
   });
-  var manualCountdown = function manualCountdown(remainingTime) {
+  var manualCountdown = React.useCallback(function (remainingTime) {
     if (remainingTime > 0) {
       var nextCycle_1 = remainingTime - 1;
       setCountdownRemaining(nextCycle_1);
@@ -16422,7 +16424,7 @@ var ReadTextPrompt = function ReadTextPrompt(_a) {
         return manualCountdown(nextCycle_1);
       }, 1000);
     }
-  };
+  }, []);
   React.useEffect(function () {
     setCountdownRemaining(countdownRemaining);
     countdownTimeoutRef.current = setTimeout(function () {
@@ -16431,7 +16433,18 @@ var ReadTextPrompt = function ReadTextPrompt(_a) {
     return function () {
       clearTimeout(countdownTimeoutRef.current);
     };
-  }, []);
+  }, [countdownRemaining, manualCountdown]);
+  var _g = React.useState(false),
+    minReadingTimeElapsed = _g[0],
+    setMinReadingTimeElapsed = _g[1];
+  React.useEffect(function trackReadingTime() {
+    var timeout = setTimeout(function () {
+      setMinReadingTimeElapsed(true);
+    }, minReadingMs);
+    return function () {
+      clearTimeout(timeout);
+    };
+  }, [minReadingMs]);
   return /*#__PURE__*/React__default['default'].createElement(ReadTextPromptContainer, {
     className: classNames.container
   }, /*#__PURE__*/React__default['default'].createElement(ReadTextPromptHeading, {
@@ -16446,7 +16459,8 @@ var ReadTextPrompt = function ReadTextPrompt(_a) {
     variant: "positive",
     className: classNames.doneBtn,
     onClick: onComplete,
-    finished: true
+    disabled: !minReadingTimeElapsed,
+    finished: minReadingTimeElapsed
   }, verbiage.doneBtnText)));
 };
 var ReadTextPromptContainer = styled__default['default'].div(templateObject_1$6 || (templateObject_1$6 = tslib.__makeTemplateObject(["\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  top: 0;\n  left: 0;\n  display: flex;\n  flex-direction: column;\n"], ["\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  top: 0;\n  left: 0;\n  display: flex;\n  flex-direction: column;\n"])));
@@ -16514,72 +16528,74 @@ var IdVideoCapture = function IdVideoCapture(_a) {
     readTextPrompt = _a.readTextPrompt,
     _4 = _a.readTextTimeoutDurationMs,
     readTextTimeoutDurationMs = _4 === void 0 ? 15000 : _4,
-    _5 = _a.disableFaceDetectionWhileAudioCapture,
-    disableFaceDetectionWhileAudioCapture = _5 === void 0 ? false : _5,
-    _6 = _a.disableFaceDetectionWhileAudioCaptureMsDelay,
-    disableFaceDetectionWhileAudioCaptureMsDelay = _6 === void 0 ? 2000 : _6,
-    _7 = _a.assets,
-    assets = _7 === void 0 ? {} : _7,
-    _8 = _a.classNames,
-    classNames = _8 === void 0 ? {} : _8,
-    _9 = _a.colors,
-    colors = _9 === void 0 ? {} : _9,
-    _10 = _a.verbiage,
-    rawVerbiage = _10 === void 0 ? {} : _10,
-    _11 = _a.debugMode,
-    debugMode = _11 === void 0 ? false : _11;
-  var _12 = useResizeObserver__default['default'](),
-    ref = _12.ref,
-    _13 = _12.width,
-    width = _13 === void 0 ? 1 : _13,
-    _14 = _12.height,
-    height = _14 === void 0 ? 1 : _14;
-  var _15 = React.useContext(CameraStateContext),
-    cameraRef = _15.cameraRef,
-    videoRef = _15.videoRef,
-    videoLoaded = _15.videoLoaded,
-    cameraReady = _15.cameraReady,
-    microphoneReady = _15.microphoneReady,
-    audioStream = _15.audioStream,
-    setVideoLoaded = _15.setVideoLoaded,
-    takePhoto = _15.takePhoto;
-  var _16 = React.useState([]),
-    detectedObjects = _16[0],
-    setDetectedObjects = _16[1];
+    _5 = _a.readTextMinReadingMs,
+    readTextMinReadingMs = _5 === void 0 ? 10000 : _5,
+    _6 = _a.disableFaceDetectionWhileAudioCapture,
+    disableFaceDetectionWhileAudioCapture = _6 === void 0 ? false : _6,
+    _7 = _a.disableFaceDetectionWhileAudioCaptureMsDelay,
+    disableFaceDetectionWhileAudioCaptureMsDelay = _7 === void 0 ? 2000 : _7,
+    _8 = _a.assets,
+    assets = _8 === void 0 ? {} : _8,
+    _9 = _a.classNames,
+    classNames = _9 === void 0 ? {} : _9,
+    _10 = _a.colors,
+    colors = _10 === void 0 ? {} : _10,
+    _11 = _a.verbiage,
+    rawVerbiage = _11 === void 0 ? {} : _11,
+    _12 = _a.debugMode,
+    debugMode = _12 === void 0 ? false : _12;
+  var _13 = useResizeObserver__default['default'](),
+    ref = _13.ref,
+    _14 = _13.width,
+    width = _14 === void 0 ? 1 : _14,
+    _15 = _13.height,
+    height = _15 === void 0 ? 1 : _15;
+  var _16 = React.useContext(CameraStateContext),
+    cameraRef = _16.cameraRef,
+    videoRef = _16.videoRef,
+    videoLoaded = _16.videoLoaded,
+    cameraReady = _16.cameraReady,
+    microphoneReady = _16.microphoneReady,
+    audioStream = _16.audioStream,
+    setVideoLoaded = _16.setVideoLoaded,
+    takePhoto = _16.takePhoto;
   var _17 = React.useState([]),
-    faces = _17[0],
-    setFaces = _17[1];
-  var _18 = React.useContext(IdCaptureModelsContext),
-    idModelsReady = _18.ready,
-    idModelsWorking = _18.working,
-    makeIdPrediction = _18.makePrediction,
-    onIdPredictionMade = _18.onPredictionMade,
-    setThresholds = _18.setThresholds,
-    bestFrameDetectionScore = _18.bestFrameDetectionScore,
-    bestFrameFocusScore = _18.bestFrameFocusScore,
-    resetBestFrame = _18.resetBestFrame,
-    idModelError = _18.idModelError;
-  var _19 = React.useState(null),
-    videoStartsAt = _19[0],
-    setVideoStartsAt = _19[1];
-  var _20 = React.useContext(SubmissionContext),
-    setIdCaptureVideoAudioStartsAt = _20.setIdCaptureVideoAudioStartsAt,
-    setExpectedAudioText = _20.setExpectedAudioText;
-  var _21 = React.useContext(HighPerformanceSelfieGuidanceModelsContext),
-    onSelfiePredictionMade = _21.onPredictionMade,
-    selfieModelError = _21.error;
-  var _22 = useVideoRecorder(cameraRef.current, audioStream),
-    isRecordingVideo = _22.isRecordingVideo,
-    startRecordingVideo = _22.startRecordingVideo,
-    startRecordingAudio = _22.startRecordingAudio,
-    stopRecordingVideo = _22.stopRecordingVideo,
-    stopRecordingAudio = _22.stopRecordingAudio,
-    videoUrl = _22.videoUrl,
-    audioUrl = _22.audioUrl;
+    detectedObjects = _17[0],
+    setDetectedObjects = _17[1];
+  var _18 = React.useState([]),
+    faces = _18[0],
+    setFaces = _18[1];
+  var _19 = React.useContext(IdCaptureModelsContext),
+    idModelsReady = _19.ready,
+    idModelsWorking = _19.working,
+    makeIdPrediction = _19.makePrediction,
+    onIdPredictionMade = _19.onPredictionMade,
+    setThresholds = _19.setThresholds,
+    bestFrameDetectionScore = _19.bestFrameDetectionScore,
+    bestFrameFocusScore = _19.bestFrameFocusScore,
+    resetBestFrame = _19.resetBestFrame,
+    idModelError = _19.idModelError;
+  var _20 = React.useState(null),
+    videoStartsAt = _20[0],
+    setVideoStartsAt = _20[1];
+  var _21 = React.useContext(SubmissionContext),
+    setIdCaptureVideoAudioStartsAt = _21.setIdCaptureVideoAudioStartsAt,
+    setExpectedAudioText = _21.setExpectedAudioText;
+  var _22 = React.useContext(HighPerformanceSelfieGuidanceModelsContext),
+    onSelfiePredictionMade = _22.onPredictionMade,
+    selfieModelError = _22.error;
+  var _23 = useVideoRecorder(cameraRef.current, audioStream),
+    isRecordingVideo = _23.isRecordingVideo,
+    startRecordingVideo = _23.startRecordingVideo,
+    startRecordingAudio = _23.startRecordingAudio,
+    stopRecordingVideo = _23.stopRecordingVideo,
+    stopRecordingAudio = _23.stopRecordingAudio,
+    videoUrl = _23.videoUrl,
+    audioUrl = _23.audioUrl;
   var countdownTimeoutRef = React.useRef(undefined);
-  var _23 = React.useState(0),
-    countdownRemaining = _23[0],
-    setCountdownRemaining = _23[1];
+  var _24 = React.useState(0),
+    countdownRemaining = _24[0],
+    setCountdownRemaining = _24[1];
   React.useEffect(function () {
     if (!isRecordingVideo && !videoUrl) {
       startRecordingVideo();
@@ -16595,9 +16611,9 @@ var IdVideoCapture = function IdVideoCapture(_a) {
   React.useEffect(function () {
     shouldCaptureFrames.current = videoLoaded && cameraReady && idModelsReady && !idModelError && (!readTextPrompt || microphoneReady);
   }, [cameraReady, idModelError, idModelsReady, microphoneReady, readTextPrompt, videoLoaded]);
-  var _24 = React.useState('SHOW_ID_FRONT'),
-    requestedAction = _24[0],
-    setRequestedAction = _24[1];
+  var _25 = React.useState('SHOW_ID_FRONT'),
+    requestedAction = _25[0],
+    setRequestedAction = _25[1];
   React.useEffect(function () {
     if (requestedAction !== 'SHOW_ID_FRONT' && requestedAction !== 'SHOW_ID_BACK') return;
     if (!idCaptureModelsEnabled || !idModelsReady || !cameraReady || !videoLoaded || idModelError) return;
@@ -16625,15 +16641,15 @@ var IdVideoCapture = function IdVideoCapture(_a) {
       }
     });
   }, [idCardBackDetectionThreshold, idCardBackFocusThreshold, idCardFrontDetectionThreshold, idCardFrontFocusThreshold, requestedAction, setThresholds]);
-  var _25 = React.useState(0),
-    currentDetectionScore = _25[0],
-    setCurrentDetectionScore = _25[1];
   var _26 = React.useState(0),
-    currentFocusScore = _26[0],
-    setCurrentFocusScore = _26[1];
+    currentDetectionScore = _26[0],
+    setCurrentDetectionScore = _26[1];
   var _27 = React.useState(0),
-    goodFramesCount = _27[0],
-    setGoodFramesCount = _27[1];
+    currentFocusScore = _27[0],
+    setCurrentFocusScore = _27[1];
+  var _28 = React.useState(0),
+    goodFramesCount = _28[0],
+    setGoodFramesCount = _28[1];
   var goodFramesThreshold = requestedAction === 'SHOW_ID_FRONT' ? goodIdCardFrontFramesThreshold : goodIdCardBackFramesThreshold;
   var goodFramesThresholdMet = goodFramesCount >= goodFramesThreshold;
   React.useEffect(function () {
@@ -16651,9 +16667,9 @@ var IdVideoCapture = function IdVideoCapture(_a) {
       }
     });
   }, [idCaptureModelsEnabled, idCardFrontDetectionThreshold, onIdPredictionMade, idModelError]);
-  var _28 = React.useState(null),
-    idFrontCaptureStartedAt = _28[0],
-    setFirstGoodFrameTime = _28[1];
+  var _29 = React.useState(null),
+    idFrontCaptureStartedAt = _29[0],
+    setFirstGoodFrameTime = _29[1];
   React.useEffect(function () {
     if (goodFramesCount === 1) setFirstGoodFrameTime(new Date().getTime());
   }, [goodFramesCount]);
@@ -16674,9 +16690,9 @@ var IdVideoCapture = function IdVideoCapture(_a) {
   var frameHeight = (_e = (_d = videoRef.current) === null || _d === void 0 ? void 0 : _d.videoHeight) !== null && _e !== void 0 ? _e : 0;
   var faceBox = (_f = faces === null || faces === void 0 ? void 0 : faces[0]) === null || _f === void 0 ? void 0 : _f.box;
   var faceCentered = !faceBox || !frameWidth || faceBox.xMin > frameWidth * edgeBoundary && faceBox.yMin > frameHeight * edgeBoundary && faceBox.xMax < frameWidth * (1 - edgeBoundary) && faceBox.yMax < frameHeight * (1 - edgeBoundary);
-  var _29 = React.useState(),
-    countdownStartedAt = _29[0],
-    setCountdownStartedAt = _29[1];
+  var _30 = React.useState(),
+    countdownStartedAt = _30[0],
+    setCountdownStartedAt = _30[1];
   var frameLock = React.useRef(false);
   var captureFrame = React.useCallback(function () {
     return tslib.__awaiter(void 0, void 0, void 0, function () {
@@ -16797,9 +16813,9 @@ var IdVideoCapture = function IdVideoCapture(_a) {
     };
   }, [captureCountdownSeconds, captureFrame, countdownStartedAt, manualCountdown]);
   var timeoutStartedAt = useTimeout(readTextTimeoutDurationMs, stopRecording, requestedAction !== 'READ_TEXT', false, requestedAction === 'READ_TEXT').timeoutStartedAt;
-  var _30 = React.useState(0),
-    numFramesWithoutFaces = _30[0],
-    setNumFramesWithoutFaces = _30[1];
+  var _31 = React.useState(0),
+    numFramesWithoutFaces = _31[0],
+    setNumFramesWithoutFaces = _31[1];
   React.useEffect(function () {
     if (!selfieModelError) {
       onSelfiePredictionMade(function (faces) {
@@ -16817,14 +16833,14 @@ var IdVideoCapture = function IdVideoCapture(_a) {
     }
   }, [disableFaceDetectionWhileAudioCapture, disableFaceDetectionWhileAudioCaptureMsDelay, numFramesWithoutFaces, onFaceNotDetected, timeoutStartedAt]);
   var theme = styled.useTheme();
-  var _31 = useTranslations(rawVerbiage, {
+  var _32 = useTranslations(rawVerbiage, {
       faceNotCenteredText: 'Please move your face to the center...',
       searchingForIdCardText: 'Searching for ID card...',
       captureBtnText: 'Capture'
     }),
-    captureBtnText = _31.captureBtnText,
-    faceNotCenteredText = _31.faceNotCenteredText,
-    searchingForIdCardText = _31.searchingForIdCardText;
+    captureBtnText = _32.captureBtnText,
+    faceNotCenteredText = _32.faceNotCenteredText,
+    searchingForIdCardText = _32.searchingForIdCardText;
   var debugScalingDetails = useDebugScalingDetails({
     enabled: debugMode,
     pageWidth: width,
@@ -16842,6 +16858,7 @@ var IdVideoCapture = function IdVideoCapture(_a) {
     text: readTextPrompt,
     startedAt: timeoutStartedAt || undefined,
     durationMs: readTextTimeoutDurationMs,
+    minReadingMs: readTextMinReadingMs,
     classNames: classNames.readTextPrompt,
     verbiage: rawVerbiage.readTextPrompt,
     onComplete: stopRecording
@@ -17037,6 +17054,7 @@ var VideoIdWizard = function VideoIdWizard(_a) {
     goodIdCardBackFramesThreshold = _a.goodIdCardBackFramesThreshold,
     readTextPrompt = _a.readTextPrompt,
     readTextTimeoutDurationMs = _a.readTextTimeoutDurationMs,
+    readTextMinReadingMs = _a.readTextMinReadingMs,
     _k = _a.skipIdCapture,
     skipIdCapture = _k === void 0 ? false : _k,
     _l = _a.skipShowIdCardBack,
@@ -17221,6 +17239,7 @@ var VideoIdWizard = function VideoIdWizard(_a) {
           disableFaceDetectionWhileAudioCaptureMsDelay: disableFaceDetectionWhileAudioCaptureMsDelay,
           readTextPrompt: readTextPrompt,
           readTextTimeoutDurationMs: readTextTimeoutDurationMs,
+          readTextMinReadingMs: readTextMinReadingMs,
           assets: assets.idVideoCapture,
           classNames: classNames.idVideoCapture,
           colors: colors.idVideoCapture,
@@ -19492,50 +19511,52 @@ var VideoIdValidation = function VideoIdValidation(_a) {
     readTextPrompt = _a.readTextPrompt,
     _k = _a.readTextTimeoutDurationMs,
     readTextTimeoutDurationMs = _k === void 0 ? 15000 : _k,
-    _l = _a.skipSuccessScreen,
-    skipSuccessScreen = _l === void 0 ? false : _l,
-    _m = _a.skipIdCapture,
-    skipIdCapture = _m === void 0 ? false : _m,
-    _o = _a.skipShowIdCardBack,
-    skipShowIdCardBack = _o === void 0 ? false : _o,
-    _p = _a.idCaptureLoadingOverlayMode,
-    idCaptureLoadingOverlayMode = _p === void 0 ? 'default' : _p,
-    _q = _a.idCaptureGuideType,
-    idCaptureGuideType = _q === void 0 ? 'fit' : _q,
-    _r = _a.idCapturePortraitGuidesOnMobile,
-    idCapturePortraitGuidesOnMobile = _r === void 0 ? false : _r,
-    _s = _a.idCaptureRotateLoadingOverlayImageWhenPortrait,
-    idCaptureRotateLoadingOverlayImageWhenPortrait = _s === void 0 ? true : _s,
-    _t = _a.faceLivenessLoadingOverlayMode,
-    faceLivenessLoadingOverlayMode = _t === void 0 ? 'default' : _t,
-    _u = _a.disableFaceDetectionWhileAudioCapture,
-    disableFaceDetectionWhileAudioCapture = _u === void 0 ? false : _u,
-    _v = _a.disableFaceDetectionWhileAudioCaptureMsDelay,
-    disableFaceDetectionWhileAudioCaptureMsDelay = _v === void 0 ? 2000 : _v,
-    _w = _a.silentFallback,
-    silentFallback = _w === void 0 ? false : _w,
-    _x = _a.theme,
-    theme = _x === void 0 ? 'default' : _x,
-    _y = _a.assets,
-    assets = _y === void 0 ? {} : _y,
-    _z = _a.classNames,
-    classNames = _z === void 0 ? {} : _z,
-    _0 = _a.colors,
-    colors = _0 === void 0 ? {} : _0,
-    _1 = _a.verbiage,
-    verbiage = _1 === void 0 ? {} : _1,
-    _2 = _a.captureSignature,
-    captureSignature = _2 === void 0 ? false : _2,
-    _3 = _a.captureSignatureVideo,
-    captureSignatureVideo = _3 === void 0 ? false : _3,
-    _4 = _a.captureAdditionalDocuments,
-    captureAdditionalDocuments = _4 === void 0 ? [] : _4,
-    _5 = _a.geolocationEnabled,
-    geolocationEnabled = _5 === void 0 ? true : _5,
-    _6 = _a.geolocationRequired,
-    geolocationRequired = _6 === void 0 ? false : _6,
-    _7 = _a.debugMode,
-    debugMode = _7 === void 0 ? false : _7;
+    _l = _a.readTextMinReadingMs,
+    readTextMinReadingMs = _l === void 0 ? 10000 : _l,
+    _m = _a.skipSuccessScreen,
+    skipSuccessScreen = _m === void 0 ? false : _m,
+    _o = _a.skipIdCapture,
+    skipIdCapture = _o === void 0 ? false : _o,
+    _p = _a.skipShowIdCardBack,
+    skipShowIdCardBack = _p === void 0 ? false : _p,
+    _q = _a.idCaptureLoadingOverlayMode,
+    idCaptureLoadingOverlayMode = _q === void 0 ? 'default' : _q,
+    _r = _a.idCaptureGuideType,
+    idCaptureGuideType = _r === void 0 ? 'fit' : _r,
+    _s = _a.idCapturePortraitGuidesOnMobile,
+    idCapturePortraitGuidesOnMobile = _s === void 0 ? false : _s,
+    _t = _a.idCaptureRotateLoadingOverlayImageWhenPortrait,
+    idCaptureRotateLoadingOverlayImageWhenPortrait = _t === void 0 ? true : _t,
+    _u = _a.faceLivenessLoadingOverlayMode,
+    faceLivenessLoadingOverlayMode = _u === void 0 ? 'default' : _u,
+    _v = _a.disableFaceDetectionWhileAudioCapture,
+    disableFaceDetectionWhileAudioCapture = _v === void 0 ? false : _v,
+    _w = _a.disableFaceDetectionWhileAudioCaptureMsDelay,
+    disableFaceDetectionWhileAudioCaptureMsDelay = _w === void 0 ? 2000 : _w,
+    _x = _a.silentFallback,
+    silentFallback = _x === void 0 ? false : _x,
+    _y = _a.theme,
+    theme = _y === void 0 ? 'default' : _y,
+    _z = _a.assets,
+    assets = _z === void 0 ? {} : _z,
+    _0 = _a.classNames,
+    classNames = _0 === void 0 ? {} : _0,
+    _1 = _a.colors,
+    colors = _1 === void 0 ? {} : _1,
+    _2 = _a.verbiage,
+    verbiage = _2 === void 0 ? {} : _2,
+    _3 = _a.captureSignature,
+    captureSignature = _3 === void 0 ? false : _3,
+    _4 = _a.captureSignatureVideo,
+    captureSignatureVideo = _4 === void 0 ? false : _4,
+    _5 = _a.captureAdditionalDocuments,
+    captureAdditionalDocuments = _5 === void 0 ? [] : _5,
+    _6 = _a.geolocationEnabled,
+    geolocationEnabled = _6 === void 0 ? true : _6,
+    _7 = _a.geolocationRequired,
+    geolocationRequired = _7 === void 0 ? false : _7,
+    _8 = _a.debugMode,
+    debugMode = _8 === void 0 ? false : _8;
   useLanguage(lang);
   useDebugLogging(debugMode);
   var videoIdCaptureProps = React.useMemo(function () {
@@ -19551,6 +19572,7 @@ var VideoIdValidation = function VideoIdValidation(_a) {
       goodIdCardBackFramesThreshold: goodIdCardBackFramesThreshold,
       readTextPrompt: readTextPrompt,
       readTextTimeoutDurationMs: readTextTimeoutDurationMs,
+      readTextMinReadingMs: readTextMinReadingMs,
       onExitCapture: onExitCapture,
       onExitAfterFailure: onExitAfterFailure,
       onUserCancel: onUserCancel,
@@ -19571,7 +19593,7 @@ var VideoIdValidation = function VideoIdValidation(_a) {
       verbiage: verbiage,
       debugMode: debugMode
     };
-  }, [assets, classNames, colors, debugMode, faceLivenessLoadingOverlayMode, faceLivenessProps, goodIdCardBackFramesThreshold, goodIdCardFrontFramesThreshold, idCaptureGuideType, idCaptureLoadingOverlayMode, idCaptureModelsEnabled, idCapturePortraitGuidesOnMobile, idCaptureProps, idCaptureRotateLoadingOverlayImageWhenPortrait, disableFaceDetectionWhileAudioCapture, disableFaceDetectionWhileAudioCaptureMsDelay, silentFallback, idCardBackDetectionThreshold, idCardBackFocusThreshold, idCardFrontDetectionThreshold, idCardFrontFocusThreshold, onExitAfterFailure, onExitCapture, onUserCancel, readTextPrompt, readTextTimeoutDurationMs, skipIdCapture, skipShowIdCardBack, skipSuccessScreen, verbiage]);
+  }, [idCaptureProps, faceLivenessProps, idCaptureModelsEnabled, idCardFrontDetectionThreshold, idCardFrontFocusThreshold, goodIdCardFrontFramesThreshold, idCardBackDetectionThreshold, idCardBackFocusThreshold, goodIdCardBackFramesThreshold, readTextPrompt, readTextTimeoutDurationMs, readTextMinReadingMs, onExitCapture, onExitAfterFailure, onUserCancel, skipSuccessScreen, skipIdCapture, skipShowIdCardBack, idCaptureLoadingOverlayMode, idCaptureGuideType, idCapturePortraitGuidesOnMobile, idCaptureRotateLoadingOverlayImageWhenPortrait, faceLivenessLoadingOverlayMode, disableFaceDetectionWhileAudioCapture, disableFaceDetectionWhileAudioCaptureMsDelay, silentFallback, assets, classNames, colors, verbiage, debugMode]);
   var additionalDocumentCaptureProps = React.useMemo(function () {
     return {
       documents: captureAdditionalDocuments,