idmission-web-sdk 2.2.51 → 2.2.53

package/dist/sdk2.umd.development.js

@@ -211,7 +211,7 @@
     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
@@ -11095,6 +11095,7 @@
     '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',
@@ -21547,49 +21548,52 @@
     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(),
-      idCardGuideRef = _6.ref,
-      _7 = _6.width,
-      idCardGuideWidth = _7 === void 0 ? 0 : _7,
-      _8 = _6.height,
-      idCardGuideHeight = _8 === void 0 ? 0 : _8;
+    var _7 = useResizeObserver(),
+      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;
@@ -21638,7 +21642,7 @@
       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.createElement(IdVideoCaptureFlipIdPrompt, {
       idCaptureGuideImages: idCaptureGuideImages,
@@ -21773,7 +21777,7 @@
     detection: {
       idCardFront: 0.4,
       idCardBack: 0.5,
-      passport: 1
+      passport: 0.3
     },
     focus: {
       idCardFront: {
@@ -21791,7 +21795,8 @@
     },
     goodFrames: {
       idCardFront: 1,
-      idCardBack: 1
+      idCardBack: 1,
+      passport: 1
     },
     flipShortcutThreshold: 0.7
   };
@@ -21805,91 +21810,93 @@
       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(),
-      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(),
+      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();
@@ -21909,9 +21916,9 @@
         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;
@@ -21920,9 +21927,25 @@
         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,
@@ -21931,19 +21954,19 @@
         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;
@@ -21952,9 +21975,9 @@
         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');
         }
@@ -21962,16 +21985,16 @@
           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');
@@ -21986,16 +22009,16 @@
     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;
@@ -22005,23 +22028,25 @@
                 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];
@@ -22030,9 +22055,14 @@
                 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:
@@ -22052,7 +22082,7 @@
           }
         });
       });
-    }, [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;
@@ -22111,9 +22141,9 @@
         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(f(React.useCallback(function (_a) {
       var face = _a.face;
       if (selfieModelError) return;
@@ -22129,12 +22159,12 @@
       }
     }, [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,
@@ -22142,7 +22172,7 @@
       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.createElement(PageContainer, {
       ref: ref,
@@ -22161,10 +22191,11 @@
       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.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ObjectDetectionDebugOverlayDiv, {
@@ -22359,49 +22390,51 @@
       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]);
@@ -22432,9 +22465,9 @@
     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);
@@ -22469,10 +22502,11 @@
       var _b, _c, _d, _e;
       var status = _a.status;
       return /*#__PURE__*/React.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"
@@ -22529,6 +22563,7 @@
             guideType: idCaptureGuideType,
             portraitGuidesOnMobile: idCapturePortraitGuidesOnMobile,
             rotateLoadingOverlayImageWhenPortrait: idCaptureRotateLoadingOverlayImageWhenPortrait,
+            captureRequirement: idDocumentType,
             debugMode: debugMode
           }))));
         case 'CHECKING_LIVENESS':
@@ -22565,7 +22600,8 @@
             onRecordingFailed: onRecordingFailed,
             onExitCapture: handleExitCapture,
             idCaptureModelsEnabled: idCaptureModelsEnabled,
-            idCardCaptureGuideImages: idCaptureGuideImages,
+            idCaptureGuideImages: idCaptureGuideImages,
+            idDocumentType: idDocumentType,
             videoIdCaptureThresholds: videoIdCaptureThresholds,
             skipShowIdCardBack: skipShowIdCardBack,
             disableFaceDetectionWhileAudioCapture: disableFaceDetectionWhileAudioCapture,
@@ -25106,40 +25142,42 @@
       _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 () {
@@ -25160,6 +25198,7 @@
         idCaptureLoadingOverlayMode: idCaptureLoadingOverlayMode,
         customOverlayContent: customOverlayContent,
         onLoadingOverlayDismissed: onLoadingOverlayDismissed,
+        idDocumentType: idDocumentType,
         idCaptureGuideType: idCaptureGuideType,
         idCaptureGuideImages: idCaptureGuideImages,
         idCapturePortraitGuidesOnMobile: idCapturePortraitGuidesOnMobile,
@@ -25175,7 +25214,7 @@
         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,