idmission-web-sdk 2.2.51 → 2.2.53

package/dist/sdk2.cjs.development.js

@@ -234,7 +234,7 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
   return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
 };
 
-var webSdkVersion = '2.2.51';
+var webSdkVersion = '2.2.53';
 
 function getPlatform() {
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -4916,6 +4916,7 @@ var esTranslation = {
   'Performing facial recognition, please hold still...': 'Realizando el reconocimiento facial, por favor no te muevas',
   '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...',
+  'Display the ID page of your passport...': 'Hay que mostrar el página de datos del pasaporte...',
   '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',
@@ -11736,49 +11737,52 @@ var IdVideoCaptureGuides = function IdVideoCaptureGuides(_a) {
   var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y;
   var _z = _a.requestedAction,
     requestedAction = _z === void 0 ? 'SHOW_ID_FRONT' : _z,
-    _0 = _a.satisfied,
-    satisfied = _0 === void 0 ? false : _0,
-    _1 = _a.faceGuideStatus,
-    faceGuideStatus = _1 === void 0 ? 'success' : _1,
+    _0 = _a.idDocumentType,
+    idDocumentType = _0 === void 0 ? 'idCard' : _0,
+    _1 = _a.satisfied,
+    satisfied = _1 === void 0 ? false : _1,
+    _2 = _a.faceGuideStatus,
+    faceGuideStatus = _2 === void 0 ? 'success' : _2,
     faceGuideBorderWidth = _a.faceGuideBorderWidth,
     faceGuideBorderColor = _a.faceGuideBorderColor,
-    _2 = _a.idCardGuideStatus,
-    idCardGuideStatus = _2 === void 0 ? 'ready' : _2,
+    _3 = _a.idCardGuideStatus,
+    idCardGuideStatus = _3 === void 0 ? 'ready' : _3,
     idCardGuideBorderWidth = _a.idCardGuideBorderWidth,
     idCardGuideBorderColor = _a.idCardGuideBorderColor,
     idCardCaptureProgress = _a.idCardCaptureProgress,
-    _3 = _a.idCardCaptureGuideImages,
-    userSuppliedImages = _3 === void 0 ? defaultIdCaptureGuideImages : _3,
-    _4 = _a.classNames,
-    classNames = _4 === void 0 ? {} : _4,
-    _5 = _a.verbiage,
-    rawVerbiage = _5 === void 0 ? {} : _5;
+    _4 = _a.idCaptureGuideImages,
+    userSuppliedImages = _4 === void 0 ? defaultIdCaptureGuideImages : _4,
+    _5 = _a.classNames,
+    classNames = _5 === void 0 ? {} : _5,
+    _6 = _a.verbiage,
+    rawVerbiage = _6 === void 0 ? {} : _6;
   var isRearFacing = useCameraStore(function (state) {
     return state.isRearFacing;
   });
   var verbiage = useTranslations(rawVerbiage, {
     idFrontInstructionText: 'Display the front of your ID card...',
     idBackInstructionText: 'Display the back of your ID card...',
+    passportInstructionText: 'Display the ID page of your passport...',
     flipIdInstructionText: 'Please flip your ID card...',
     verifyLivenessInstructionText: 'Performing facial recognition, please hold still...'
   });
-  var instructionText = requestedAction === 'VERIFY_LIVENESS' ? verbiage.verifyLivenessInstructionText : requestedAction === 'SHOW_ID_FRONT' ? verbiage.idFrontInstructionText : requestedAction === 'FLIP_ID' ? verbiage.flipIdInstructionText : verbiage.idBackInstructionText;
+  var instructionText = requestedAction === 'VERIFY_LIVENESS' ? verbiage.verifyLivenessInstructionText : requestedAction === 'SHOW_PASSPORT' ? verbiage.passportInstructionText : requestedAction === 'SHOW_ID_FRONT' ? verbiage.idFrontInstructionText : requestedAction === 'FLIP_ID' ? verbiage.flipIdInstructionText : verbiage.idBackInstructionText;
   var theme = styled.useTheme();
   if (faceGuideBorderWidth === undefined) faceGuideBorderWidth = (_d = (_c = (_b = theme.idVideoCapture) === null || _b === void 0 ? void 0 : _b.faceGuides) === null || _c === void 0 ? void 0 : _c.borderWidth) !== null && _d !== void 0 ? _d : 5;
   if (faceGuideBorderColor === undefined) faceGuideBorderColor = (_j = satisfied ? (_f = (_e = theme.idVideoCapture) === null || _e === void 0 ? void 0 : _e.faceGuides) === null || _f === void 0 ? void 0 : _f.satisfiedColor : (_h = (_g = theme.idVideoCapture) === null || _g === void 0 ? void 0 : _g.faceGuides) === null || _h === void 0 ? void 0 : _h.unsatisfiedColor) !== null && _j !== void 0 ? _j : '#D6DCE7';
   if (idCardGuideBorderWidth === undefined) idCardGuideBorderWidth = (_m = (_l = (_k = theme.idVideoCapture) === null || _k === void 0 ? void 0 : _k.idCardGuides) === null || _l === void 0 ? void 0 : _l.borderWidth) !== null && _m !== void 0 ? _m : 20;
   if (idCardGuideBorderColor === undefined) idCardGuideBorderColor = (_s = satisfied ? (_p = (_o = theme.idVideoCapture) === null || _o === void 0 ? void 0 : _o.idCardGuides) === null || _p === void 0 ? void 0 : _p.satisfiedColor : (_r = (_q = theme.idVideoCapture) === null || _q === void 0 ? void 0 : _q.idCardGuides) === null || _r === void 0 ? void 0 : _r.unsatisfiedColor) !== null && _s !== void 0 ? _s : '#D6DCE7';
-  var _6 = useResizeObserver__default.default(),
-    idCardGuideRef = _6.ref,
-    _7 = _6.width,
-    idCardGuideWidth = _7 === void 0 ? 0 : _7,
-    _8 = _6.height,
-    idCardGuideHeight = _8 === void 0 ? 0 : _8;
+  var _7 = useResizeObserver__default.default(),
+    idCardGuideRef = _7.ref,
+    _8 = _7.width,
+    idCardGuideWidth = _8 === void 0 ? 0 : _8,
+    _9 = _7.height,
+    idCardGuideHeight = _9 === void 0 ? 0 : _9;
   var idCaptureGuideImages = useGuideImages(userSuppliedImages);
   var idCaptureGuideImagesByUrl = useGuideImagesByUrl(idCaptureGuideImages);
-  var _9 = React.useState(undefined),
-    aspectRatio = _9[0],
-    setAspectRatio = _9[1];
+  var _10 = React.useState(undefined),
+    aspectRatio = _10[0],
+    setAspectRatio = _10[1];
   var onImageLoaded = React.useCallback(function (e) {
     var _a, _b, _c, _d;
     var img = e.currentTarget;
@@ -11827,7 +11831,7 @@ var IdVideoCaptureGuides = function IdVideoCaptureGuides(_a) {
     className: classNames.idCardGuideImage,
     "$isMirrored": !isRearFacing,
     style: idCardImageStyle,
-    src: requestedAction === 'SHOW_ID_BACK' ? idCaptureGuideImages.landscape.SHOW_ID_BACK.url : idCaptureGuideImages.landscape.SHOW_ID_FRONT.url,
+    src: idDocumentType === 'passport' ? idCaptureGuideImages.landscape.SHOW_PASSPORT.url : requestedAction === 'SHOW_ID_BACK' ? idCaptureGuideImages.landscape.SHOW_ID_BACK.url : idCaptureGuideImages.landscape.SHOW_ID_FRONT.url,
     onLoad: onImageLoaded
   })), requestedAction === 'FLIP_ID' && ( /*#__PURE__*/React__namespace.default.createElement(IdVideoCaptureFlipIdPrompt, {
     idCaptureGuideImages: idCaptureGuideImages,
@@ -11962,7 +11966,7 @@ var defaultVideoIdCaptureThresholds = {
   detection: {
     idCardFront: 0.4,
     idCardBack: 0.5,
-    passport: 1
+    passport: 0.3
   },
   focus: {
     idCardFront: {
@@ -11980,7 +11984,8 @@ var defaultVideoIdCaptureThresholds = {
   },
   goodFrames: {
     idCardFront: 1,
-    idCardBack: 1
+    idCardBack: 1,
+    passport: 1
   },
   flipShortcutThreshold: 0.7
 };
@@ -11994,91 +11999,93 @@ var IdVideoCapture = function IdVideoCapture(_a) {
     onExitCapture = _a.onExitCapture,
     _w = _a.idCaptureModelsEnabled,
     idCaptureModelsEnabled = _w === void 0 ? true : _w,
-    _x = _a.idCardCaptureGuideImages,
-    idCardCaptureGuideImages = _x === void 0 ? defaultIdCaptureGuideImages : _x,
-    _y = _a.idCardFrontDelay,
-    idCardFrontDelay = _y === void 0 ? 1000 : _y,
-    _z = _a.videoIdCaptureThresholds,
-    videoIdCaptureThresholds = _z === void 0 ? defaultVideoIdCaptureThresholds : _z,
-    _0 = _a.skipShowIdCardBack,
-    skipShowIdCardBack = _0 === void 0 ? false : _0,
-    _1 = _a.captureCountdownSeconds,
-    captureCountdownSeconds = _1 === void 0 ? 3 : _1,
+    _x = _a.idDocumentType,
+    idDocumentType = _x === void 0 ? 'idCard' : _x,
+    _y = _a.idCaptureGuideImages,
+    idCaptureGuideImages = _y === void 0 ? defaultIdCaptureGuideImages : _y,
+    _z = _a.idCardFrontDelay,
+    idCardFrontDelay = _z === void 0 ? 1000 : _z,
+    _0 = _a.videoIdCaptureThresholds,
+    videoIdCaptureThresholds = _0 === void 0 ? defaultVideoIdCaptureThresholds : _0,
+    _1 = _a.skipShowIdCardBack,
+    skipShowIdCardBack = _1 === void 0 ? false : _1,
+    _2 = _a.captureCountdownSeconds,
+    captureCountdownSeconds = _2 === void 0 ? 3 : _2,
     readTextPrompt = _a.readTextPrompt,
-    _2 = _a.readTextTimeoutDurationMs,
-    readTextTimeoutDurationMs = _2 === void 0 ? 15000 : _2,
-    _3 = _a.readTextMinReadingMs,
-    readTextMinReadingMs = _3 === void 0 ? 10000 : _3,
-    _4 = _a.disableFaceDetectionWhileAudioCapture,
-    disableFaceDetectionWhileAudioCapture = _4 === void 0 ? false : _4,
-    _5 = _a.disableFaceDetectionWhileAudioCaptureMsDelay,
-    disableFaceDetectionWhileAudioCaptureMsDelay = _5 === void 0 ? 2000 : _5,
-    _6 = _a.mergeAVStreams,
-    mergeAVStreams = _6 === void 0 ? false : _6,
-    _7 = _a.classNames,
-    classNames = _7 === void 0 ? {} : _7,
-    _8 = _a.colors,
-    colors = _8 === void 0 ? {} : _8,
-    _9 = _a.verbiage,
-    rawVerbiage = _9 === void 0 ? {} : _9,
-    _10 = _a.debugMode,
-    debugMode = _10 === void 0 ? false : _10;
-  var _11 = useResizeObserver__default.default(),
-    ref = _11.ref,
-    _12 = _11.width,
-    width = _12 === void 0 ? 1 : _12,
-    _13 = _11.height,
-    height = _13 === void 0 ? 1 : _13;
-  var _14 = useCameraStore(),
-    camera = _14.camera,
-    videoRef = _14.videoRef,
-    videoLoaded = _14.videoLoaded,
-    cameraReady = _14.cameraReady,
-    microphoneReady = _14.microphoneReady,
-    audioStream = _14.audioStream,
-    isRearFacing = _14.isRearFacing,
-    releaseCameraAccess = _14.releaseCameraAccess;
-  var _15 = React.useState([]),
-    detectedObjects = _15[0],
-    setDetectedObjects = _15[1];
-  var _16 = React.useState(null),
-    face = _16[0],
-    setFace = _16[1];
-  var _17 = React.useContext(IdCaptureModelsContext),
-    idModelsReady = _17.ready,
-    startIdModels = _17.start,
-    stopIdModels = _17.stop,
-    onIdPredictionMade = _17.onPredictionMade,
-    setThresholds = _17.setThresholds,
-    setDocumentDetectionBoundaries = _17.setDocumentDetectionBoundaries,
-    bestFrameDetails = _17.bestFrameDetails,
-    resetBestFrame = _17.resetBestFrame,
-    idModelError = _17.modelError;
-  var _18 = React.useState(null),
-    videoStartsAt = _18[0],
-    setVideoStartsAt = _18[1];
-  var _19 = React.useContext(SubmissionContext),
-    setIdCaptureVideoAudioStartsAt = _19.setIdCaptureVideoAudioStartsAt,
-    setExpectedAudioText = _19.setExpectedAudioText;
-  var _20 = React.useContext(SelfieGuidanceModelsContext),
-    startSelfieGuidance = _20.start,
-    stopSelfieGuidance = _20.stop,
-    onSelfiePredictionMade = _20.onPredictionMade,
-    selfieModelError = _20.error;
-  var _21 = useVideoRecorder(camera, audioStream, mergeAVStreams),
-    isRecordingVideo = _21.isRecordingVideo,
-    startRecordingVideo = _21.startRecordingVideo,
-    startRecordingAudio = _21.startRecordingAudio,
-    stopRecordingVideo = _21.stopRecordingVideo,
-    stopRecordingAudio = _21.stopRecordingAudio,
-    videoRecordingUnintentionallyStopped = _21.videoRecordingUnintentionallyStopped,
-    audioRecordingUnintentionallyStopped = _21.audioRecordingUnintentionallyStopped,
-    videoUrl = _21.videoUrl,
-    audioUrl = _21.audioUrl;
+    _3 = _a.readTextTimeoutDurationMs,
+    readTextTimeoutDurationMs = _3 === void 0 ? 15000 : _3,
+    _4 = _a.readTextMinReadingMs,
+    readTextMinReadingMs = _4 === void 0 ? 10000 : _4,
+    _5 = _a.disableFaceDetectionWhileAudioCapture,
+    disableFaceDetectionWhileAudioCapture = _5 === void 0 ? false : _5,
+    _6 = _a.disableFaceDetectionWhileAudioCaptureMsDelay,
+    disableFaceDetectionWhileAudioCaptureMsDelay = _6 === void 0 ? 2000 : _6,
+    _7 = _a.mergeAVStreams,
+    mergeAVStreams = _7 === void 0 ? false : _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 = useCameraStore(),
+    camera = _15.camera,
+    videoRef = _15.videoRef,
+    videoLoaded = _15.videoLoaded,
+    cameraReady = _15.cameraReady,
+    microphoneReady = _15.microphoneReady,
+    audioStream = _15.audioStream,
+    isRearFacing = _15.isRearFacing,
+    releaseCameraAccess = _15.releaseCameraAccess;
+  var _16 = React.useState([]),
+    detectedObjects = _16[0],
+    setDetectedObjects = _16[1];
+  var _17 = React.useState(null),
+    face = _17[0],
+    setFace = _17[1];
+  var _18 = React.useContext(IdCaptureModelsContext),
+    idModelsReady = _18.ready,
+    startIdModels = _18.start,
+    stopIdModels = _18.stop,
+    onIdPredictionMade = _18.onPredictionMade,
+    setThresholds = _18.setThresholds,
+    setDocumentDetectionBoundaries = _18.setDocumentDetectionBoundaries,
+    bestFrameDetails = _18.bestFrameDetails,
+    resetBestFrame = _18.resetBestFrame,
+    idModelError = _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 _21 = React.useContext(SelfieGuidanceModelsContext),
+    startSelfieGuidance = _21.start,
+    stopSelfieGuidance = _21.stop,
+    onSelfiePredictionMade = _21.onPredictionMade,
+    selfieModelError = _21.error;
+  var _22 = useVideoRecorder(camera, audioStream, mergeAVStreams),
+    isRecordingVideo = _22.isRecordingVideo,
+    startRecordingVideo = _22.startRecordingVideo,
+    startRecordingAudio = _22.startRecordingAudio,
+    stopRecordingVideo = _22.stopRecordingVideo,
+    stopRecordingAudio = _22.stopRecordingAudio,
+    videoRecordingUnintentionallyStopped = _22.videoRecordingUnintentionallyStopped,
+    audioRecordingUnintentionallyStopped = _22.audioRecordingUnintentionallyStopped,
+    videoUrl = _22.videoUrl,
+    audioUrl = _22.audioUrl;
   var countdownTimeoutRef = React.useRef(undefined);
-  var _22 = React.useState(-1),
-    countdownRemaining = _22[0],
-    setCountdownRemaining = _22[1];
+  var _23 = React.useState(-1),
+    countdownRemaining = _23[0],
+    setCountdownRemaining = _23[1];
   React.useEffect(function () {
     if (!isRecordingVideo && !videoUrl) {
       startRecordingVideo();
@@ -12098,9 +12105,9 @@ var IdVideoCapture = function IdVideoCapture(_a) {
       onRecordingFailed === null || onRecordingFailed === void 0 ? void 0 : onRecordingFailed();
     }
   }, [audioRecordingUnintentionallyStopped, microphoneReady, onRecordingFailed, readTextPrompt, videoRecordingUnintentionallyStopped]);
-  var _23 = React.useState('SHOW_ID_FRONT'),
-    requestedAction = _23[0],
-    setRequestedAction = _23[1];
+  var _24 = React.useState(idDocumentType === 'idCard' ? 'SHOW_ID_FRONT' : 'SHOW_PASSPORT'),
+    requestedAction = _24[0],
+    setRequestedAction = _24[1];
   var shouldRunIdModels = idCaptureModelsEnabled && videoLoaded && cameraReady && idModelsReady && !idModelError && requestedAction !== 'READ_TEXT' && (!readTextPrompt || microphoneReady);
   React.useEffect(function startModelsWhenCapturing() {
     if (!shouldRunIdModels) return;
@@ -12109,9 +12116,25 @@ var IdVideoCapture = function IdVideoCapture(_a) {
       return stopIdModels();
     };
   }, [shouldRunIdModels, startIdModels, stopIdModels]);
+  var adjustedThresholds = React.useMemo(function () {
+    if (idDocumentType === 'idCard') {
+      return _assign(_assign({}, videoIdCaptureThresholds), {
+        detection: _assign(_assign({}, videoIdCaptureThresholds.detection), {
+          passport: 1
+        })
+      });
+    } else {
+      return _assign(_assign({}, videoIdCaptureThresholds), {
+        detection: _assign(_assign({}, videoIdCaptureThresholds.detection), {
+          idCardFront: 1,
+          idCardBack: 1
+        })
+      });
+    }
+  }, [idDocumentType, videoIdCaptureThresholds]);
   React.useEffect(function () {
-    setThresholds(videoIdCaptureThresholds);
-  }, [requestedAction, setThresholds, videoIdCaptureThresholds]);
+    setThresholds(adjustedThresholds);
+  }, [requestedAction, setThresholds, adjustedThresholds]);
   React.useEffect(function () {
     setDocumentDetectionBoundaries({
       top: 20,
@@ -12120,19 +12143,19 @@ var IdVideoCapture = function IdVideoCapture(_a) {
       bottom: 0
     });
   }, [setDocumentDetectionBoundaries]);
-  var _24 = React.useState(0),
-    currentDetectionScore = _24[0],
-    setCurrentDetectionScore = _24[1];
-  var _25 = React.useState('none'),
-    currentDetectedDocumentType = _25[0],
-    setCurrentDetectedDocumentType = _25[1];
-  var _26 = React.useState(0),
-    currentFocusScore = _26[0],
-    setCurrentFocusScore = _26[1];
+  var _25 = React.useState(0),
+    currentDetectionScore = _25[0],
+    setCurrentDetectionScore = _25[1];
+  var _26 = React.useState('none'),
+    currentDetectedDocumentType = _26[0],
+    setCurrentDetectedDocumentType = _26[1];
   var _27 = React.useState(0),
-    goodFramesCount = _27[0],
-    setGoodFramesCount = _27[1];
-  var goodFramesThreshold = requestedAction === 'SHOW_ID_FRONT' ? videoIdCaptureThresholds.goodFrames.idCardFront : videoIdCaptureThresholds.goodFrames.idCardBack;
+    currentFocusScore = _27[0],
+    setCurrentFocusScore = _27[1];
+  var _28 = React.useState(0),
+    goodFramesCount = _28[0],
+    setGoodFramesCount = _28[1];
+  var goodFramesThreshold = requestedAction === 'SHOW_PASSPORT' ? adjustedThresholds.goodFrames.passport : requestedAction === 'SHOW_ID_FRONT' ? adjustedThresholds.goodFrames.idCardFront : adjustedThresholds.goodFrames.idCardBack;
   var goodFramesThresholdMet = goodFramesCount >= goodFramesThreshold;
   React.useEffect(function () {
     if (!idCaptureModelsEnabled || idModelError) return;
@@ -12141,9 +12164,9 @@ var IdVideoCapture = function IdVideoCapture(_a) {
       setCurrentDetectionScore(prediction.detectionScore);
       setCurrentDetectedDocumentType(prediction.detectedDocumentType);
       setCurrentFocusScore(prediction.focusScore);
-      var detectionThresholdMet = requestedAction === 'SHOW_ID_FRONT' ? prediction.idCardFrontDetectionThresholdMet : prediction.idCardBackDetectionThresholdMet;
+      var detectionThresholdMet = requestedAction === 'SHOW_PASSPORT' ? prediction.passportDetectionThresholdMet : requestedAction === 'SHOW_ID_FRONT' ? prediction.idCardFrontDetectionThresholdMet : prediction.idCardBackDetectionThresholdMet;
       var isGoodFrame = detectionThresholdMet && prediction.focusThresholdMet;
-      var shouldShortcutFlipAnimation = requestedAction === 'FLIP_ID' && isGoodFrame && prediction.idCardBackDetectionScore >= videoIdCaptureThresholds.flipShortcutThreshold;
+      var shouldShortcutFlipAnimation = requestedAction === 'FLIP_ID' && isGoodFrame && prediction.idCardBackDetectionScore >= adjustedThresholds.flipShortcutThreshold;
       if (shouldShortcutFlipAnimation) {
         return setRequestedAction('SHOW_ID_BACK');
       }
@@ -12151,16 +12174,16 @@ var IdVideoCapture = function IdVideoCapture(_a) {
         return n + 1;
       } : 0);
     });
-  }, [idCaptureModelsEnabled, onIdPredictionMade, idModelError, requestedAction, videoIdCaptureThresholds.flipShortcutThreshold]);
-  var _28 = React.useState(null),
-    idFrontCaptureStartedAt = _28[0],
-    setFirstGoodFrameTime = _28[1];
+  }, [idCaptureModelsEnabled, onIdPredictionMade, idModelError, requestedAction, adjustedThresholds.flipShortcutThreshold]);
+  var _29 = React.useState(null),
+    idFrontCaptureStartedAt = _29[0],
+    setFirstGoodFrameTime = _29[1];
   React.useEffect(function () {
     if (goodFramesCount === 1) setFirstGoodFrameTime(new Date().getTime());
   }, [goodFramesCount]);
-  var delaySatisfied = requestedAction !== 'SHOW_ID_FRONT' || idFrontCaptureStartedAt !== null && new Date().getTime() > idFrontCaptureStartedAt + idCardFrontDelay;
+  var delaySatisfied = !['SHOW_ID_FRONT', 'SHOW_PASSPORT'].includes(requestedAction) || idFrontCaptureStartedAt !== null && new Date().getTime() > idFrontCaptureStartedAt + idCardFrontDelay;
   var translatedText = useVerbiage(readTextPrompt, '');
-  var onIdBackCaptureComplete = React.useCallback(function () {
+  var onIdCaptureComplete = React.useCallback(function () {
     var _a;
     if (translatedText) {
       setRequestedAction('READ_TEXT');
@@ -12175,16 +12198,16 @@ 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 = face === null || face === void 0 ? void 0 : face.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 photoCanvas = React.useRef(null);
   var frameLock = React.useRef(false);
   var captureFrame = React.useCallback(function () {
     return __awaiter(void 0, void 0, void 0, function () {
-      var frameBase64;
-      return __generator(this, function (_a) {
-        switch (_a.label) {
+      var frameBase64, _a;
+      return __generator(this, function (_b) {
+        switch (_b.label) {
           case 0:
             if (frameLock.current) return [2 /*return*/];
             frameLock.current = true;
@@ -12194,23 +12217,25 @@ var IdVideoCapture = function IdVideoCapture(_a) {
               frameLock.current = false;
               return [2 /*return*/];
             }
-            _a.label = 1;
+            _b.label = 1;
           case 1:
-            _a.trys.push([1,, 7, 8]);
+            _b.trys.push([1,, 7, 8]);
             if (!(requestedAction == 'SHOW_ID_FRONT')) return [3 /*break*/, 5];
             if (onIdFrontImageCaptured) {
               onIdFrontImageCaptured(frameBase64);
             }
             if (!skipShowIdCardBack) return [3 /*break*/, 4];
-            if (!(skipShowIdCardBack === true)) return [3 /*break*/, 2];
-            return [2 /*return*/, onIdBackCaptureComplete()];
-          case 2:
+            _a = skipShowIdCardBack === true;
+            if (_a) return [3 /*break*/, 3];
             return [4 /*yield*/, skipShowIdCardBack()];
+          case 2:
+            _a = _b.sent();
+            _b.label = 3;
           case 3:
-            if (_a.sent()) {
-              return [2 /*return*/, onIdBackCaptureComplete()];
+            if (_a) {
+              return [2 /*return*/, onIdCaptureComplete()];
             }
-            _a.label = 4;
+            _b.label = 4;
           case 4:
             setRequestedAction('FLIP_ID');
             return [3 /*break*/, 6];
@@ -12219,9 +12244,14 @@ var IdVideoCapture = function IdVideoCapture(_a) {
               if (onIdBackImageCaptured) {
                 onIdBackImageCaptured(frameBase64);
               }
-              onIdBackCaptureComplete();
+              onIdCaptureComplete();
+            } else if (requestedAction == 'SHOW_PASSPORT') {
+              if (onIdFrontImageCaptured) {
+                onIdFrontImageCaptured(frameBase64);
+              }
+              onIdCaptureComplete();
             }
-            _a.label = 6;
+            _b.label = 6;
           case 6:
             return [3 /*break*/, 8];
           case 7:
@@ -12241,7 +12271,7 @@ var IdVideoCapture = function IdVideoCapture(_a) {
         }
       });
     });
-  }, [onIdBackCaptureComplete, onIdBackImageCaptured, onIdFrontImageCaptured, requestedAction, resetBestFrame, skipShowIdCardBack, videoRef]);
+  }, [onIdCaptureComplete, onIdBackImageCaptured, onIdFrontImageCaptured, requestedAction, resetBestFrame, skipShowIdCardBack, videoRef]);
   var isFlipping = requestedAction === 'FLIP_ID';
   React.useEffect(function () {
     if (!isFlipping) return;
@@ -12300,9 +12330,9 @@ var IdVideoCapture = function IdVideoCapture(_a) {
       stopSelfieGuidance();
     };
   }, [startSelfieGuidance, stopSelfieGuidance]);
-  var _30 = React.useState(0),
-    numFramesWithoutFaces = _30[0],
-    setNumFramesWithoutFaces = _30[1];
+  var _31 = React.useState(0),
+    numFramesWithoutFaces = _31[0],
+    setNumFramesWithoutFaces = _31[1];
   onSelfiePredictionMade(useDebounce.useThrottledCallback(React.useCallback(function (_a) {
     var face = _a.face;
     if (selfieModelError) return;
@@ -12318,12 +12348,12 @@ 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...',
       captureBtnText: 'Capture'
     }),
-    captureBtnText = _31.captureBtnText,
-    faceNotCenteredText = _31.faceNotCenteredText;
+    captureBtnText = _32.captureBtnText,
+    faceNotCenteredText = _32.faceNotCenteredText;
   var debugScalingDetails = useDebugScalingDetails({
     enabled: debugMode,
     pageWidth: width,
@@ -12331,7 +12361,7 @@ var IdVideoCapture = function IdVideoCapture(_a) {
     videoWidth: (_g = (_f = videoRef.current) === null || _f === void 0 ? void 0 : _f.videoWidth) !== null && _g !== void 0 ? _g : 0,
     videoHeight: (_j = (_h = videoRef.current) === null || _h === void 0 ? void 0 : _h.videoHeight) !== null && _j !== void 0 ? _j : 0
   });
-  var capturingId = ['SHOW_ID_FRONT', 'SHOW_ID_BACK'].includes(requestedAction);
+  var capturingId = ['SHOW_ID_FRONT', 'SHOW_ID_BACK', 'SHOW_PASSPORT'].includes(requestedAction);
   var guidanceText = !faceCentered ? faceNotCenteredText : undefined;
   return /*#__PURE__*/React__namespace.default.createElement(PageContainer, {
     ref: ref,
@@ -12350,10 +12380,11 @@ var IdVideoCapture = function IdVideoCapture(_a) {
     classNames: classNames.guides,
     verbiage: rawVerbiage.guides,
     requestedAction: requestedAction,
+    idDocumentType: idDocumentType,
     satisfied: satisfied,
     idCardGuideStatus: countdownStartedAt ? 'capturing' : 'ready',
-    idCardCaptureProgress: !!countdownStartedAt ? 1 : 0,
-    idCardCaptureGuideImages: idCardCaptureGuideImages,
+    idCardCaptureProgress: countdownStartedAt ? 1 : 0,
+    idCaptureGuideImages: idCaptureGuideImages,
     faceGuideBorderColor: satisfied ? colors.guidesSatisfiedColor : colors.guidesUnsatisfiedColor,
     idCardGuideBorderColor: satisfied ? colors.guidesSatisfiedColor : colors.guidesUnsatisfiedColor
   }), debugMode && capturingId && ( /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null, /*#__PURE__*/React__namespace.default.createElement(ObjectDetectionDebugOverlayDiv, {
@@ -12548,49 +12579,51 @@ var VideoIdWizard = function VideoIdWizard(_a) {
     idCaptureLoadingOverlayMode = _t === void 0 ? 'default' : _t,
     customOverlayContent = _a.customOverlayContent,
     onLoadingOverlayDismissed = _a.onLoadingOverlayDismissed,
-    _u = _a.idCaptureGuideType,
-    idCaptureGuideType = _u === void 0 ? 'fit' : _u,
-    _v = _a.idCaptureGuideImages,
-    idCaptureGuideImages = _v === void 0 ? defaultIdCaptureGuideImages : _v,
-    _w = _a.idCapturePortraitGuidesOnMobile,
-    idCapturePortraitGuidesOnMobile = _w === void 0 ? true : _w,
-    _x = _a.idCaptureRotateLoadingOverlayImageWhenPortrait,
-    idCaptureRotateLoadingOverlayImageWhenPortrait = _x === void 0 ? true : _x,
-    _y = _a.idCaptureModelLoadTimeoutMs,
-    idCaptureModelLoadTimeoutMs = _y === void 0 ? defaultDocumentDetectionModelLoadTimeoutMs : _y,
-    _z = _a.faceLivenessLoadingOverlayMode,
-    faceLivenessLoadingOverlayMode = _z === void 0 ? 'default' : _z,
-    _0 = _a.disableFaceDetectionWhileAudioCapture,
-    disableFaceDetectionWhileAudioCapture = _0 === void 0 ? true : _0,
-    _1 = _a.disableFaceDetectionWhileAudioCaptureMsDelay,
-    disableFaceDetectionWhileAudioCaptureMsDelay = _1 === void 0 ? 2000 : _1,
-    _2 = _a.silentFallback,
-    silentFallback = _2 === void 0 ? false : _2,
-    _3 = _a.mergeAVStreams,
-    mergeAVStreams = _3 === void 0 ? false : _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,
-    verbiage = _7 === void 0 ? {} : _7,
-    _8 = _a.debugMode,
-    debugMode = _8 === void 0 ? false : _8;
-  var _9 = React.useContext(SubmissionContext),
-    submissionStatus = _9.submissionStatus,
-    idCaptureVideoUrl = _9.idCaptureVideoUrl,
-    idCaptureVideoAudioUrl = _9.idCaptureVideoAudioUrl,
-    idCaptureVideoIdFrontImage = _9.idCaptureVideoIdFrontImage,
-    idCaptureVideoIdBackImage = _9.idCaptureVideoIdBackImage,
-    setIdCaptureVideoUrl = _9.setIdCaptureVideoUrl,
-    setIdCaptureVideoIdFrontImage = _9.setIdCaptureVideoIdFrontImage,
-    setIdCaptureVideoIdBackImage = _9.setIdCaptureVideoIdBackImage,
-    setIdCaptureVideoAudioUrl = _9.setIdCaptureVideoAudioUrl;
-  var _10 = React.useState('CAPTURING_ID'),
-    captureState = _10[0],
-    setCaptureState = _10[1];
+    _u = _a.idDocumentType,
+    idDocumentType = _u === void 0 ? 'idCard' : _u,
+    _v = _a.idCaptureGuideType,
+    idCaptureGuideType = _v === void 0 ? 'fit' : _v,
+    _w = _a.idCaptureGuideImages,
+    idCaptureGuideImages = _w === void 0 ? defaultIdCaptureGuideImages : _w,
+    _x = _a.idCapturePortraitGuidesOnMobile,
+    idCapturePortraitGuidesOnMobile = _x === void 0 ? true : _x,
+    _y = _a.idCaptureRotateLoadingOverlayImageWhenPortrait,
+    idCaptureRotateLoadingOverlayImageWhenPortrait = _y === void 0 ? true : _y,
+    _z = _a.idCaptureModelLoadTimeoutMs,
+    idCaptureModelLoadTimeoutMs = _z === void 0 ? defaultDocumentDetectionModelLoadTimeoutMs : _z,
+    _0 = _a.faceLivenessLoadingOverlayMode,
+    faceLivenessLoadingOverlayMode = _0 === void 0 ? 'default' : _0,
+    _1 = _a.disableFaceDetectionWhileAudioCapture,
+    disableFaceDetectionWhileAudioCapture = _1 === void 0 ? true : _1,
+    _2 = _a.disableFaceDetectionWhileAudioCaptureMsDelay,
+    disableFaceDetectionWhileAudioCaptureMsDelay = _2 === void 0 ? 2000 : _2,
+    _3 = _a.silentFallback,
+    silentFallback = _3 === void 0 ? false : _3,
+    _4 = _a.mergeAVStreams,
+    mergeAVStreams = _4 === void 0 ? false : _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,
+    verbiage = _8 === void 0 ? {} : _8,
+    _9 = _a.debugMode,
+    debugMode = _9 === void 0 ? false : _9;
+  var _10 = React.useContext(SubmissionContext),
+    submissionStatus = _10.submissionStatus,
+    idCaptureVideoUrl = _10.idCaptureVideoUrl,
+    idCaptureVideoAudioUrl = _10.idCaptureVideoAudioUrl,
+    idCaptureVideoIdFrontImage = _10.idCaptureVideoIdFrontImage,
+    idCaptureVideoIdBackImage = _10.idCaptureVideoIdBackImage,
+    setIdCaptureVideoUrl = _10.setIdCaptureVideoUrl,
+    setIdCaptureVideoIdFrontImage = _10.setIdCaptureVideoIdFrontImage,
+    setIdCaptureVideoIdBackImage = _10.setIdCaptureVideoIdBackImage,
+    setIdCaptureVideoAudioUrl = _10.setIdCaptureVideoAudioUrl;
+  var _11 = React.useState('CAPTURING_ID'),
+    captureState = _11[0],
+    setCaptureState = _11[1];
   React.useEffect(function () {
     if (skipIdCapture && captureState === 'CAPTURING_ID') setCaptureState('CHECKING_LIVENESS');
   }, [captureState, skipIdCapture]);
@@ -12621,9 +12654,9 @@ var VideoIdWizard = function VideoIdWizard(_a) {
   var onVideoCaptureFaceNotDetected = React.useCallback(function () {
     setCaptureState('CHECKING_LIVENESS');
   }, []);
-  var _11 = React.useState(0),
-    attempt = _11[0],
-    setAttempt = _11[1];
+  var _12 = React.useState(0),
+    attempt = _12[0],
+    setAttempt = _12[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);
@@ -12658,10 +12691,11 @@ var VideoIdWizard = function VideoIdWizard(_a) {
     var _b, _c, _d, _e;
     var status = _a.status;
     return /*#__PURE__*/React__namespace.default.createElement(IdVideoCaptureGuides, {
-      idCardCaptureGuideImages: idCaptureGuideImages,
       classNames: (_b = classNames.idVideoCapture) === null || _b === void 0 ? void 0 : _b.guides,
       verbiage: (_c = verbiage.idVideoCapture) === null || _c === void 0 ? void 0 : _c.guides,
       requestedAction: "VERIFY_LIVENESS",
+      idCaptureGuideImages: idCaptureGuideImages,
+      idDocumentType: idDocumentType,
       faceGuideStatus: status,
       faceGuideBorderColor: status === 'success' ? (_d = colors.idVideoCapture) === null || _d === void 0 ? void 0 : _d.guidesSatisfiedColor : (_e = colors.idVideoCapture) === null || _e === void 0 ? void 0 : _e.guidesUnsatisfiedColor,
       idCardGuideStatus: "disabled"
@@ -12718,6 +12752,7 @@ var VideoIdWizard = function VideoIdWizard(_a) {
           guideType: idCaptureGuideType,
           portraitGuidesOnMobile: idCapturePortraitGuidesOnMobile,
           rotateLoadingOverlayImageWhenPortrait: idCaptureRotateLoadingOverlayImageWhenPortrait,
+          captureRequirement: idDocumentType,
           debugMode: debugMode
         }))));
       case 'CHECKING_LIVENESS':
@@ -12754,7 +12789,8 @@ var VideoIdWizard = function VideoIdWizard(_a) {
           onRecordingFailed: onRecordingFailed,
           onExitCapture: handleExitCapture,
           idCaptureModelsEnabled: idCaptureModelsEnabled,
-          idCardCaptureGuideImages: idCaptureGuideImages,
+          idCaptureGuideImages: idCaptureGuideImages,
+          idDocumentType: idDocumentType,
           videoIdCaptureThresholds: videoIdCaptureThresholds,
           skipShowIdCardBack: skipShowIdCardBack,
           disableFaceDetectionWhileAudioCapture: disableFaceDetectionWhileAudioCapture,
@@ -15295,40 +15331,42 @@ var VideoIdValidation = function VideoIdValidation(_a) {
     _p = _a.idCaptureRotateLoadingOverlayImageWhenPortrait,
     idCaptureRotateLoadingOverlayImageWhenPortrait = _p === void 0 ? true : _p,
     idCardForFaceMatch = _a.idCardForFaceMatch,
-    _q = _a.faceLivenessLoadingOverlayMode,
-    faceLivenessLoadingOverlayMode = _q === void 0 ? 'default' : _q,
-    _r = _a.disableFaceDetectionWhileAudioCapture,
-    disableFaceDetectionWhileAudioCapture = _r === void 0 ? false : _r,
-    _s = _a.disableFaceDetectionWhileAudioCaptureMsDelay,
-    disableFaceDetectionWhileAudioCaptureMsDelay = _s === void 0 ? 2000 : _s,
-    _t = _a.silentFallback,
-    silentFallback = _t === void 0 ? false : _t,
-    _u = _a.mergeAVStreams,
-    mergeAVStreams = _u === void 0 ? false : _u,
-    _v = _a.matchOnly,
-    matchOnly = _v === void 0 ? false : _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;
+    _q = _a.idDocumentType,
+    idDocumentType = _q === void 0 ? 'idCard' : _q,
+    _r = _a.faceLivenessLoadingOverlayMode,
+    faceLivenessLoadingOverlayMode = _r === void 0 ? 'default' : _r,
+    _s = _a.disableFaceDetectionWhileAudioCapture,
+    disableFaceDetectionWhileAudioCapture = _s === void 0 ? false : _s,
+    _t = _a.disableFaceDetectionWhileAudioCaptureMsDelay,
+    disableFaceDetectionWhileAudioCaptureMsDelay = _t === void 0 ? 2000 : _t,
+    _u = _a.silentFallback,
+    silentFallback = _u === void 0 ? false : _u,
+    _v = _a.mergeAVStreams,
+    mergeAVStreams = _v === void 0 ? false : _v,
+    _w = _a.matchOnly,
+    matchOnly = _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;
   useLanguage(lang);
   useDebugLogging(debugMode);
   var videoIdCaptureProps = React.useMemo(function () {
@@ -15349,6 +15387,7 @@ var VideoIdValidation = function VideoIdValidation(_a) {
       idCaptureLoadingOverlayMode: idCaptureLoadingOverlayMode,
       customOverlayContent: customOverlayContent,
       onLoadingOverlayDismissed: onLoadingOverlayDismissed,
+      idDocumentType: idDocumentType,
       idCaptureGuideType: idCaptureGuideType,
       idCaptureGuideImages: idCaptureGuideImages,
       idCapturePortraitGuidesOnMobile: idCapturePortraitGuidesOnMobile,
@@ -15364,7 +15403,7 @@ var VideoIdValidation = function VideoIdValidation(_a) {
       verbiage: verbiage,
       debugMode: debugMode
     };
-  }, [idCaptureProps, faceLivenessProps, idCaptureModelsEnabled, videoIdCaptureThresholds, readTextPrompt, readTextTimeoutDurationMs, readTextMinReadingMs, onExitCapture, onExitAfterFailure, onUserCancel, skipSuccessScreen, skipIdCapture, skipShowIdCardBack, idCaptureLoadingOverlayMode, customOverlayContent, onLoadingOverlayDismissed, idCaptureGuideType, idCaptureGuideImages, idCapturePortraitGuidesOnMobile, idCaptureRotateLoadingOverlayImageWhenPortrait, faceLivenessLoadingOverlayMode, disableFaceDetectionWhileAudioCapture, disableFaceDetectionWhileAudioCaptureMsDelay, silentFallback, mergeAVStreams, assets, classNames, colors, verbiage, debugMode]);
+  }, [idCaptureProps, faceLivenessProps, idCaptureModelsEnabled, videoIdCaptureThresholds, readTextPrompt, readTextTimeoutDurationMs, readTextMinReadingMs, onExitCapture, onExitAfterFailure, onUserCancel, skipSuccessScreen, skipIdCapture, skipShowIdCardBack, idCaptureLoadingOverlayMode, customOverlayContent, onLoadingOverlayDismissed, idDocumentType, idCaptureGuideType, idCaptureGuideImages, idCapturePortraitGuidesOnMobile, idCaptureRotateLoadingOverlayImageWhenPortrait, faceLivenessLoadingOverlayMode, disableFaceDetectionWhileAudioCapture, disableFaceDetectionWhileAudioCaptureMsDelay, silentFallback, mergeAVStreams, assets, classNames, colors, verbiage, debugMode]);
   var additionalDocumentCaptureProps = React.useMemo(function () {
     return {
       documents: captureAdditionalDocuments,