idmission-web-sdk 1.0.320 → 1.0.322

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

@@ -119,6 +119,10 @@ export interface VideoIdValidationProps extends PropsWithChildren {
     idCaptureRotateLoadingOverlayImageWhenPortrait?: boolean;
     /** String indicating which face liveness loading overlay screen should be used. Supported values: 'default' and 'legacy'. Defaults to 'default'. */
     faceLivenessLoadingOverlayMode?: SelfieCaptureLoadingOverlayMode;
+    /** Boolean to disable face detection during audio capture after X seconds as defined by disableFaceDetectionWhileAudioCaptureMsDelay. Defaults to false. */
+    disableFaceDetectionWhileAudioCapture?: boolean;
+    /** Number of milliseconds after which face detection will be disabled if disableFaceDetectionWhileAudioCapture is set to true. Defaults to 2000. */
+    disableFaceDetectionWhileAudioCaptureMsDelay?: number;
     /** Name of an included theme or object containing theme properties. **/
     theme?: ThemeInput;
     /** Object containing any asset overrides. */

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

@@ -48,10 +48,12 @@ export type IdVideoCaptureProps = {
     captureCountdownSeconds?: number;
     readTextPrompt?: CustomerSuppliedVerbiage;
     readTextTimeoutDurationMs?: number;
+    disableFaceDetectionWhileAudioCapture: boolean;
+    disableFaceDetectionWhileAudioCaptureMsDelay: number;
     assets?: IdVideoCaptureAssets;
     classNames?: IdVideoCaptureClassNames;
     colors?: IdVideoCaptureColors;
     verbiage?: IdVideoCaptureVerbiage;
     debugMode?: boolean;
 };
-export declare const IdVideoCapture: ({ onComplete, onIdFrontImageCaptured, onIdBackImageCaptured, onFaceNotDetected, idCaptureModelsEnabled, idCardFrontDelay, idCardFrontDetectionThreshold, idCardFrontFocusThreshold, goodIdCardFrontFramesThreshold, idCardBackDetectionThreshold, idCardBackFocusThreshold, goodIdCardBackFramesThreshold, skipShowIdCardBack, captureCountdownSeconds, readTextPrompt, readTextTimeoutDurationMs, 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, disableFaceDetectionWhileAudioCapture, disableFaceDetectionWhileAudioCaptureMsDelay, assets, classNames, colors, verbiage: rawVerbiage, debugMode, }: IdVideoCaptureProps) => ReactElement;

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

@@ -21,6 +21,8 @@ export type IdVideoCaptureSuccessVerbiage = {
     headingText?: CustomerSuppliedVerbiage;
     retryBtnText?: CustomerSuppliedVerbiage;
     doneBtnText?: CustomerSuppliedVerbiage;
+    idFrontText?: CustomerSuppliedVerbiage;
+    idBackText?: CustomerSuppliedVerbiage;
 };
 export type IdVideoCaptureSuccessProps = {
     videoUrl: string;

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

@@ -59,10 +59,12 @@ export type VideoIdWizardProps = {
     idCaptureRotateLoadingOverlayImageWhenPortrait?: boolean;
     idCaptureModelLoadTimeoutMs?: number;
     faceLivenessLoadingOverlayMode?: SelfieCaptureLoadingOverlayMode;
+    disableFaceDetectionWhileAudioCapture?: boolean;
+    disableFaceDetectionWhileAudioCaptureMsDelay?: number;
     assets?: VideoIdWizardAssets;
     classNames?: VideoIdWizardClassNames;
     colors?: VideoIdWizardColors;
     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, 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, skipIdCapture, skipShowIdCardBack, skipSuccessScreen, idCaptureLoadingOverlayMode, idCaptureGuideType, idCapturePortraitGuidesOnMobile, idCaptureRotateLoadingOverlayImageWhenPortrait, idCaptureModelLoadTimeoutMs, faceLivenessLoadingOverlayMode, disableFaceDetectionWhileAudioCapture, disableFaceDetectionWhileAudioCaptureMsDelay, assets, classNames, colors, verbiage, debugMode, }: VideoIdWizardProps) => ReactElement;

package/dist/lib/locales/es/translation.d.ts

@@ -68,8 +68,11 @@ declare const _default: {
     'Display the front of your ID card...': string;
     'Display the back of your ID card...': string;
     'Please move your face to the center...': string;
+    'Searching for ID card...': string;
     'Please read the following text aloud': string;
     'Video ID has been successfully captured!': string;
+    'ID Front Image': string;
+    'ID Back Image': string;
     "We're having some trouble.": string;
     'On-device capture guidance failed, please capture a selfie manually.': string;
     'Verifying...': string;
@@ -82,6 +85,8 @@ declare const _default: {
     'On-device capture guidance failed, please capture a photo of your passport manually.': string;
     'On-device capture guidance failed, please capture photos of your ID card and passport manually.': string;
     'On-device capture guidance failed, please capture photos of your ID card or passport manually.': string;
+    'Capture ID page of passport': string;
+    'Capture back of ID card': string;
     'Downloading...': string;
     'Accessing camera...': string;
     'Camera ready': string;

package/dist/lib/locales/index.d.ts

@@ -76,8 +76,11 @@ export declare const resources: {
             'Display the front of your ID card...': string;
             'Display the back of your ID card...': string;
             'Please move your face to the center...': string;
+            'Searching for ID card...': string;
             'Please read the following text aloud': string;
             'Video ID has been successfully captured!': string;
+            'ID Front Image': string;
+            'ID Back Image': string;
             "We're having some trouble.": string;
             'On-device capture guidance failed, please capture a selfie manually.': string;
             'Verifying...': string;
@@ -90,6 +93,8 @@ export declare const resources: {
             'On-device capture guidance failed, please capture a photo of your passport manually.': string;
             'On-device capture guidance failed, please capture photos of your ID card and passport manually.': string;
             'On-device capture guidance failed, please capture photos of your ID card or passport manually.': string;
+            'Capture ID page of passport': string;
+            'Capture back of ID card': string;
             'Downloading...': string;
             'Accessing camera...': string;
             'Camera ready': string;

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.320';
+var webSdkVersion = '1.0.322';
 
 function getPlatform() {
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -10427,8 +10427,11 @@ var esTranslation = {
   'Display the front of your ID card...': 'Hay que mostrar el frente de la identificación...',
   'Display the back of your ID card...': 'Hay que mostrar el reverso de la identificación...',
   'Please move your face to the center...': 'Por favor, hay que mover la cabeza hacia el centro...',
+  'Searching for ID card...': 'Localizando la identificación...',
   'Please read the following text aloud': 'Hay que leer el siguiente texto en voz alta',
   'Video ID has been successfully captured!': 'Video ID capturado exitosamente!',
+  'ID Front Image': 'Frente de ID',
+  'ID Back Image': 'Reverso de ID',
   "We're having some trouble.": 'Se ha presentado un problema.',
   'On-device capture guidance failed, please capture a selfie manually.': 'La captura automática para toma de selfie falló. Por favor, hay que tomarse la selfie manualmente.',
   'Verifying...': 'Verificando....',
@@ -10441,6 +10444,8 @@ var esTranslation = {
   'On-device capture guidance failed, please capture a photo of your passport manually.': 'La captura automática falló. Por favor hay que tomar una foto de la pasaporte manualmente.',
   'On-device capture guidance failed, please capture photos of your ID card and passport manually.': 'La captura automática falló. Por favor hay que tomar una foto de la identificación y del pasaporte manualmente.',
   'On-device capture guidance failed, please capture photos of your ID card or passport manually.': 'La captura automática falló. Por favor hay que tomar una foto de la identificación o del pasaporte manualmente.',
+  'Capture ID page of passport': 'Captura pasaporte (página de la foto)',
+  'Capture back of ID card': 'Captura del reverso',
   'Downloading...': 'Descargando...',
   'Accessing camera...': 'Accediendo a la cámara',
   'Camera ready': 'Cámara está lista',
@@ -16171,62 +16176,66 @@ var IdVideoCapture = function IdVideoCapture(_a) {
     readTextPrompt = _a.readTextPrompt,
     _4 = _a.readTextTimeoutDurationMs,
     readTextTimeoutDurationMs = _4 === void 0 ? 15000 : _4,
-    _5 = _a.assets,
-    assets = _5 === void 0 ? {} : _5,
-    _6 = _a.classNames,
-    classNames = _6 === void 0 ? {} : _6,
-    _7 = _a.colors,
-    colors = _7 === void 0 ? {} : _7,
-    _8 = _a.verbiage,
-    rawVerbiage = _8 === void 0 ? {} : _8,
-    _9 = _a.debugMode,
-    debugMode = _9 === void 0 ? false : _9;
-  var _10 = useResizeObserver__default['default'](),
-    ref = _10.ref,
-    _11 = _10.width,
-    width = _11 === void 0 ? 1 : _11,
-    _12 = _10.height,
-    height = _12 === void 0 ? 1 : _12;
-  var _13 = React.useContext(CameraStateContext),
-    cameraRef = _13.cameraRef,
-    videoRef = _13.videoRef,
-    videoLoaded = _13.videoLoaded,
-    cameraReady = _13.cameraReady,
-    microphoneReady = _13.microphoneReady,
-    audioStream = _13.audioStream,
-    setVideoLoaded = _13.setVideoLoaded,
-    takePhoto = _13.takePhoto;
-  var _14 = React.useState([]),
-    detectedObjects = _14[0],
-    setDetectedObjects = _14[1];
-  var _15 = React.useState([]),
-    faces = _15[0],
-    setFaces = _15[1];
-  var _16 = React.useContext(IdCaptureModelsContext),
-    idModelsReady = _16.ready,
-    idModelsWorking = _16.working,
-    makeIdPrediction = _16.makePrediction,
-    onIdPredictionMade = _16.onPredictionMade,
-    setThresholds = _16.setThresholds,
-    bestFrameDetectionScore = _16.bestFrameDetectionScore,
-    bestFrameFocusScore = _16.bestFrameFocusScore,
-    resetBestFrame = _16.resetBestFrame,
-    modelError = _16.modelError;
-  var _17 = React.useState(null),
-    videoStartsAt = _17[0],
-    setVideoStartsAt = _17[1];
-  var _18 = React.useContext(SubmissionContext),
-    setIdCaptureVideoAudioStartsAt = _18.setIdCaptureVideoAudioStartsAt,
-    setExpectedAudioText = _18.setExpectedAudioText;
+    _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];
+  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,
+    modelError = _18.modelError;
+  var _19 = React.useState(null),
+    videoStartsAt = _19[0],
+    setVideoStartsAt = _19[1];
+  var _20 = React.useContext(SubmissionContext),
+    setIdCaptureVideoAudioStartsAt = _20.setIdCaptureVideoAudioStartsAt,
+    setExpectedAudioText = _20.setExpectedAudioText;
   var onSelfiePredictionMade = React.useContext(HighPerformanceSelfieGuidanceModelsContext).onPredictionMade;
-  var _19 = useVideoRecorder(cameraRef.current, audioStream),
-    isRecordingVideo = _19.isRecordingVideo,
-    startRecordingVideo = _19.startRecordingVideo,
-    startRecordingAudio = _19.startRecordingAudio,
-    stopRecordingVideo = _19.stopRecordingVideo,
-    stopRecordingAudio = _19.stopRecordingAudio,
-    videoUrl = _19.videoUrl,
-    audioUrl = _19.audioUrl;
+  var _21 = useVideoRecorder(cameraRef.current, audioStream),
+    isRecordingVideo = _21.isRecordingVideo,
+    startRecordingVideo = _21.startRecordingVideo,
+    startRecordingAudio = _21.startRecordingAudio,
+    stopRecordingVideo = _21.stopRecordingVideo,
+    stopRecordingAudio = _21.stopRecordingAudio,
+    videoUrl = _21.videoUrl,
+    audioUrl = _21.audioUrl;
   React.useEffect(function () {
     if (!isRecordingVideo && !videoUrl) {
       startRecordingVideo();
@@ -16242,9 +16251,9 @@ var IdVideoCapture = function IdVideoCapture(_a) {
   React.useEffect(function () {
     shouldCaptureFrames.current = videoLoaded && cameraReady && idModelsReady && (!readTextPrompt || microphoneReady);
   }, [cameraReady, idModelsReady, microphoneReady, readTextPrompt, videoLoaded]);
-  var _20 = React.useState('SHOW_ID_FRONT'),
-    requestedAction = _20[0],
-    setRequestedAction = _20[1];
+  var _22 = React.useState('SHOW_ID_FRONT'),
+    requestedAction = _22[0],
+    setRequestedAction = _22[1];
   React.useEffect(function () {
     if (requestedAction !== 'SHOW_ID_FRONT' && requestedAction !== 'SHOW_ID_BACK') return;
     if (!idCaptureModelsEnabled || !idModelsReady || !cameraReady || !videoLoaded) return;
@@ -16272,15 +16281,15 @@ var IdVideoCapture = function IdVideoCapture(_a) {
       }
     });
   }, [idCardBackDetectionThreshold, idCardBackFocusThreshold, idCardFrontDetectionThreshold, idCardFrontFocusThreshold, requestedAction, setThresholds]);
-  var _21 = React.useState(0),
-    currentDetectionScore = _21[0],
-    setCurrentDetectionScore = _21[1];
-  var _22 = React.useState(0),
-    currentFocusScore = _22[0],
-    setCurrentFocusScore = _22[1];
   var _23 = React.useState(0),
-    goodFramesCount = _23[0],
-    setGoodFramesCount = _23[1];
+    currentDetectionScore = _23[0],
+    setCurrentDetectionScore = _23[1];
+  var _24 = React.useState(0),
+    currentFocusScore = _24[0],
+    setCurrentFocusScore = _24[1];
+  var _25 = React.useState(0),
+    goodFramesCount = _25[0],
+    setGoodFramesCount = _25[1];
   var goodFramesThreshold = requestedAction === 'SHOW_ID_FRONT' ? goodIdCardFrontFramesThreshold : goodIdCardBackFramesThreshold;
   var goodFramesThresholdMet = goodFramesCount >= goodFramesThreshold;
   React.useEffect(function () {
@@ -16298,9 +16307,9 @@ var IdVideoCapture = function IdVideoCapture(_a) {
       }
     });
   }, [idCaptureModelsEnabled, idCardFrontDetectionThreshold, onIdPredictionMade]);
-  var _24 = React.useState(null),
-    idFrontCaptureStartedAt = _24[0],
-    setFirstGoodFrameTime = _24[1];
+  var _26 = React.useState(null),
+    idFrontCaptureStartedAt = _26[0],
+    setFirstGoodFrameTime = _26[1];
   React.useEffect(function () {
     if (goodFramesCount === 1) setFirstGoodFrameTime(new Date().getTime());
   }, [goodFramesCount]);
@@ -16321,9 +16330,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 _25 = React.useState(),
-    countdownStartedAt = _25[0],
-    setCountdownStartedAt = _25[1];
+  var _27 = React.useState(),
+    countdownStartedAt = _27[0],
+    setCountdownStartedAt = _27[1];
   var frameLock = React.useRef(false);
   var captureFrame = React.useCallback(function () {
     return tslib.__awaiter(void 0, void 0, void 0, function () {
@@ -16421,9 +16430,9 @@ var IdVideoCapture = function IdVideoCapture(_a) {
     };
   }, [captureCountdownSeconds, captureFrame, countdownStartedAt]);
   var timeoutStartedAt = useTimeout(readTextTimeoutDurationMs, stopRecording, requestedAction !== 'READ_TEXT', false, requestedAction === 'READ_TEXT').timeoutStartedAt;
-  var _26 = React.useState(0),
-    numFramesWithoutFaces = _26[0],
-    setNumFramesWithoutFaces = _26[1];
+  var _28 = React.useState(0),
+    numFramesWithoutFaces = _28[0],
+    setNumFramesWithoutFaces = _28[1];
   React.useEffect(function () {
     onSelfiePredictionMade(function (faces) {
       setFaces(faces);
@@ -16433,19 +16442,20 @@ var IdVideoCapture = function IdVideoCapture(_a) {
     });
   }, [onSelfiePredictionMade]);
   React.useEffect(function () {
-    if (numFramesWithoutFaces >= 2) {
+    var ignoreMissingFaces = disableFaceDetectionWhileAudioCapture && (timeoutStartedAt === null || timeoutStartedAt === void 0 ? void 0 : timeoutStartedAt.getTime()) && new Date().getTime() - (timeoutStartedAt === null || timeoutStartedAt === void 0 ? void 0 : timeoutStartedAt.getTime()) > disableFaceDetectionWhileAudioCaptureMsDelay;
+    if (!ignoreMissingFaces && numFramesWithoutFaces >= 2) {
       onFaceNotDetected === null || onFaceNotDetected === void 0 ? void 0 : onFaceNotDetected();
     }
   }, [numFramesWithoutFaces, onFaceNotDetected]);
   var theme = styled.useTheme();
-  var _27 = useTranslations(rawVerbiage, {
+  var _29 = useTranslations(rawVerbiage, {
       faceNotCenteredText: 'Please move your face to the center...',
       searchingForIdCardText: 'Searching for ID card...',
       captureBtnText: 'Capture'
     }),
-    captureBtnText = _27.captureBtnText,
-    faceNotCenteredText = _27.faceNotCenteredText,
-    searchingForIdCardText = _27.searchingForIdCardText;
+    captureBtnText = _29.captureBtnText,
+    faceNotCenteredText = _29.faceNotCenteredText,
+    searchingForIdCardText = _29.searchingForIdCardText;
   var debugScalingDetails = useDebugScalingDetails({
     enabled: debugMode,
     pageWidth: width,
@@ -16538,7 +16548,9 @@ var IdVideoCaptureSuccess = function IdVideoCaptureSuccess(_a) {
   var verbiage = useTranslations(rawVerbiage, {
     headingText: 'Video ID has been successfully captured!',
     retryBtnText: 'Retry',
-    doneBtnText: 'Done'
+    doneBtnText: 'Done',
+    idFrontText: 'ID Front Image',
+    idBackText: 'ID Back Image'
   });
   return /*#__PURE__*/React__default['default'].createElement(OverlayContainer, {
     className: classNames.container
@@ -16584,7 +16596,7 @@ var IdVideoCaptureSuccess = function IdVideoCaptureSuccess(_a) {
     }
   }), /*#__PURE__*/React__default['default'].createElement("label", {
     htmlFor: "displayedAssetIdFrontImage"
-  }, "ID Front Image")), idBackImageUrl && ( /*#__PURE__*/React__default['default'].createElement(AssetSelectorOption, {
+  }, verbiage.idFrontText)), idBackImageUrl && ( /*#__PURE__*/React__default['default'].createElement(AssetSelectorOption, {
     className: classNames.assetSelectorOption
   }, /*#__PURE__*/React__default['default'].createElement("input", {
     type: "radio",
@@ -16596,7 +16608,7 @@ var IdVideoCaptureSuccess = function IdVideoCaptureSuccess(_a) {
     }
   }), /*#__PURE__*/React__default['default'].createElement("label", {
     htmlFor: "displayedAssetIdBackImage"
-  }, "ID Back Image")))), /*#__PURE__*/React__default['default'].createElement(OverlayImageContainer, {
+  }, verbiage.idBackText)))), /*#__PURE__*/React__default['default'].createElement(OverlayImageContainer, {
     className: classNames.videoContainer
   }, displayedAsset === 'video' ? ( /*#__PURE__*/React__default['default'].createElement(StyledVideo, {
     src: videoUrl,
@@ -16675,29 +16687,33 @@ var VideoIdWizard = function VideoIdWizard(_a) {
     idCaptureModelLoadTimeoutMs = _s === void 0 ? defaultIdCaptureModelLoadTimeoutMs : _s,
     _t = _a.faceLivenessLoadingOverlayMode,
     faceLivenessLoadingOverlayMode = _t === void 0 ? 'default' : _t,
-    _u = _a.assets,
-    assets = _u === void 0 ? {} : _u,
-    _v = _a.classNames,
-    classNames = _v === void 0 ? {} : _v,
-    _w = _a.colors,
-    colors = _w === void 0 ? {} : _w,
-    _x = _a.verbiage,
-    verbiage = _x === void 0 ? {} : _x,
-    _y = _a.debugMode,
-    debugMode = _y === void 0 ? false : _y;
-  var _z = React.useContext(SubmissionContext),
-    submissionStatus = _z.submissionStatus,
-    idCaptureVideoUrl = _z.idCaptureVideoUrl,
-    idCaptureVideoAudioUrl = _z.idCaptureVideoAudioUrl,
-    idCaptureVideoIdFrontImage = _z.idCaptureVideoIdFrontImage,
-    idCaptureVideoIdBackImage = _z.idCaptureVideoIdBackImage,
-    setIdCaptureVideoUrl = _z.setIdCaptureVideoUrl,
-    setIdCaptureVideoIdFrontImage = _z.setIdCaptureVideoIdFrontImage,
-    setIdCaptureVideoIdBackImage = _z.setIdCaptureVideoIdBackImage,
-    setIdCaptureVideoAudioUrl = _z.setIdCaptureVideoAudioUrl;
-  var _0 = React.useState('CAPTURING_ID'),
-    captureState = _0[0],
-    setCaptureState = _0[1];
+    _u = _a.disableFaceDetectionWhileAudioCapture,
+    disableFaceDetectionWhileAudioCapture = _u === void 0 ? true : _u,
+    _v = _a.disableFaceDetectionWhileAudioCaptureMsDelay,
+    disableFaceDetectionWhileAudioCaptureMsDelay = _v === void 0 ? 2000 : _v,
+    _w = _a.assets,
+    assets = _w === void 0 ? {} : _w,
+    _x = _a.classNames,
+    classNames = _x === void 0 ? {} : _x,
+    _y = _a.colors,
+    colors = _y === void 0 ? {} : _y,
+    _z = _a.verbiage,
+    verbiage = _z === void 0 ? {} : _z,
+    _0 = _a.debugMode,
+    debugMode = _0 === void 0 ? false : _0;
+  var _1 = React.useContext(SubmissionContext),
+    submissionStatus = _1.submissionStatus,
+    idCaptureVideoUrl = _1.idCaptureVideoUrl,
+    idCaptureVideoAudioUrl = _1.idCaptureVideoAudioUrl,
+    idCaptureVideoIdFrontImage = _1.idCaptureVideoIdFrontImage,
+    idCaptureVideoIdBackImage = _1.idCaptureVideoIdBackImage,
+    setIdCaptureVideoUrl = _1.setIdCaptureVideoUrl,
+    setIdCaptureVideoIdFrontImage = _1.setIdCaptureVideoIdFrontImage,
+    setIdCaptureVideoIdBackImage = _1.setIdCaptureVideoIdBackImage,
+    setIdCaptureVideoAudioUrl = _1.setIdCaptureVideoAudioUrl;
+  var _2 = React.useState('CAPTURING_ID'),
+    captureState = _2[0],
+    setCaptureState = _2[1];
   React.useEffect(function () {
     if (skipIdCapture && captureState === 'CAPTURING_ID') setCaptureState('CHECKING_LIVENESS');
   }, [captureState, skipIdCapture]);
@@ -16728,9 +16744,9 @@ var VideoIdWizard = function VideoIdWizard(_a) {
   var onVideoCaptureFaceNotDetected = React.useCallback(function () {
     setCaptureState('CHECKING_LIVENESS');
   }, []);
-  var _1 = React.useState(0),
-    attempt = _1[0],
-    setAttempt = _1[1];
+  var _3 = React.useState(0),
+    attempt = _3[0],
+    setAttempt = _3[1];
   var userSuppliedExitAfterFailure = onExitAfterFailure !== null && onExitAfterFailure !== void 0 ? onExitAfterFailure : faceLivenessProps.onExitAfterFailure;
   var onFaceCaptureExitAfterFailure = React.useCallback(function (resp, req) {
     userSuppliedExitAfterFailure === null || userSuppliedExitAfterFailure === void 0 ? void 0 : userSuppliedExitAfterFailure(resp, req);
@@ -16829,6 +16845,8 @@ var VideoIdWizard = function VideoIdWizard(_a) {
           goodIdCardFrontFramesThreshold: goodIdCardFrontFramesThreshold,
           goodIdCardBackFramesThreshold: goodIdCardBackFramesThreshold,
           skipShowIdCardBack: skipShowIdCardBack,
+          disableFaceDetectionWhileAudioCapture: disableFaceDetectionWhileAudioCapture,
+          disableFaceDetectionWhileAudioCaptureMsDelay: disableFaceDetectionWhileAudioCaptureMsDelay,
           readTextPrompt: readTextPrompt,
           readTextTimeoutDurationMs: readTextTimeoutDurationMs,
           assets: assets.idVideoCapture,
@@ -19116,28 +19134,32 @@ var VideoIdValidation = function VideoIdValidation(_a) {
     idCaptureRotateLoadingOverlayImageWhenPortrait = _s === void 0 ? true : _s,
     _t = _a.faceLivenessLoadingOverlayMode,
     faceLivenessLoadingOverlayMode = _t === void 0 ? 'default' : _t,
-    _u = _a.theme,
-    theme = _u === void 0 ? 'default' : _u,
-    _v = _a.assets,
-    assets = _v === void 0 ? {} : _v,
-    _w = _a.classNames,
-    classNames = _w === void 0 ? {} : _w,
-    _x = _a.colors,
-    colors = _x === void 0 ? {} : _x,
-    _y = _a.verbiage,
-    verbiage = _y === void 0 ? {} : _y,
-    _z = _a.captureSignature,
-    captureSignature = _z === void 0 ? false : _z,
-    _0 = _a.captureSignatureVideo,
-    captureSignatureVideo = _0 === void 0 ? false : _0,
-    _1 = _a.captureAdditionalDocuments,
-    captureAdditionalDocuments = _1 === void 0 ? [] : _1,
-    _2 = _a.geolocationEnabled,
-    geolocationEnabled = _2 === void 0 ? true : _2,
-    _3 = _a.geolocationRequired,
-    geolocationRequired = _3 === void 0 ? false : _3,
-    _4 = _a.debugMode,
-    debugMode = _4 === void 0 ? false : _4;
+    _u = _a.disableFaceDetectionWhileAudioCapture,
+    disableFaceDetectionWhileAudioCapture = _u === void 0 ? false : _u,
+    _v = _a.disableFaceDetectionWhileAudioCaptureMsDelay,
+    disableFaceDetectionWhileAudioCaptureMsDelay = _v === void 0 ? 2000 : _v,
+    _w = _a.theme,
+    theme = _w === void 0 ? 'default' : _w,
+    _x = _a.assets,
+    assets = _x === void 0 ? {} : _x,
+    _y = _a.classNames,
+    classNames = _y === void 0 ? {} : _y,
+    _z = _a.colors,
+    colors = _z === void 0 ? {} : _z,
+    _0 = _a.verbiage,
+    verbiage = _0 === void 0 ? {} : _0,
+    _1 = _a.captureSignature,
+    captureSignature = _1 === void 0 ? false : _1,
+    _2 = _a.captureSignatureVideo,
+    captureSignatureVideo = _2 === void 0 ? false : _2,
+    _3 = _a.captureAdditionalDocuments,
+    captureAdditionalDocuments = _3 === void 0 ? [] : _3,
+    _4 = _a.geolocationEnabled,
+    geolocationEnabled = _4 === void 0 ? true : _4,
+    _5 = _a.geolocationRequired,
+    geolocationRequired = _5 === void 0 ? false : _5,
+    _6 = _a.debugMode,
+    debugMode = _6 === void 0 ? false : _6;
   useLanguage(lang);
   var videoIdCaptureProps = React.useMemo(function () {
     return {
@@ -19163,13 +19185,15 @@ var VideoIdValidation = function VideoIdValidation(_a) {
       idCapturePortraitGuidesOnMobile: idCapturePortraitGuidesOnMobile,
       idCaptureRotateLoadingOverlayImageWhenPortrait: idCaptureRotateLoadingOverlayImageWhenPortrait,
       faceLivenessLoadingOverlayMode: faceLivenessLoadingOverlayMode,
+      disableFaceDetectionWhileAudioCapture: disableFaceDetectionWhileAudioCapture,
+      disableFaceDetectionWhileAudioCaptureMsDelay: disableFaceDetectionWhileAudioCaptureMsDelay,
       assets: assets,
       classNames: classNames,
       colors: colors,
       verbiage: verbiage,
       debugMode: debugMode
     };
-  }, [assets, classNames, colors, debugMode, faceLivenessLoadingOverlayMode, faceLivenessProps, goodIdCardBackFramesThreshold, goodIdCardFrontFramesThreshold, idCaptureGuideType, idCaptureLoadingOverlayMode, idCaptureModelsEnabled, idCapturePortraitGuidesOnMobile, idCaptureProps, idCaptureRotateLoadingOverlayImageWhenPortrait, idCardBackDetectionThreshold, idCardBackFocusThreshold, idCardFrontDetectionThreshold, idCardFrontFocusThreshold, onExitAfterFailure, onExitCapture, onUserCancel, readTextPrompt, readTextTimeoutDurationMs, skipIdCapture, skipShowIdCardBack, skipSuccessScreen, verbiage]);
+  }, [assets, classNames, colors, debugMode, faceLivenessLoadingOverlayMode, faceLivenessProps, goodIdCardBackFramesThreshold, goodIdCardFrontFramesThreshold, idCaptureGuideType, idCaptureLoadingOverlayMode, idCaptureModelsEnabled, idCapturePortraitGuidesOnMobile, idCaptureProps, idCaptureRotateLoadingOverlayImageWhenPortrait, disableFaceDetectionWhileAudioCapture, disableFaceDetectionWhileAudioCaptureMsDelay, idCardBackDetectionThreshold, idCardBackFocusThreshold, idCardFrontDetectionThreshold, idCardFrontFocusThreshold, onExitAfterFailure, onExitCapture, onUserCancel, readTextPrompt, readTextTimeoutDurationMs, skipIdCapture, skipShowIdCardBack, skipSuccessScreen, verbiage]);
   var additionalDocumentCaptureProps = React.useMemo(function () {
     return {
       documents: captureAdditionalDocuments,