idmission-web-sdk 2.2.29 → 2.2.31

package/dist/sdk2.cjs.development.js

@@ -232,7 +232,7 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
   return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
 };
 
-var webSdkVersion = '2.2.29';
+var webSdkVersion = '2.2.31';
 
 function getPlatform() {
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -2814,30 +2814,29 @@ var defaultFocusThresholds = {
     mobile: 0.3
   }
 };
-var models = {};
+var classifier = null;
+var classifierSettings = null;
 function loadFocusModel() {
   return __awaiter(this, arguments, void 0, function (modelAssetPath) {
-    var id, _a, _b, _c, _d;
+    var _a, _b;
     if (modelAssetPath === void 0) {
       modelAssetPath = defaultFocusModelPath;
     }
-    return __generator(this, function (_e) {
-      switch (_e.label) {
+    return __generator(this, function (_c) {
+      switch (_c.label) {
         case 0:
-          id = "".concat(modelAssetPath);
-          if (models[id]) return [2 /*return*/, models[id]];
+          if (classifier && (classifierSettings === null || classifierSettings === void 0 ? void 0 : classifierSettings.modelAssetPath) === modelAssetPath) return [2 /*return*/, classifier];
+          closeFocusModel();
           return [4 /*yield*/, preloadFocusModelDependencies()];
         case 1:
-          _e.sent();
+          _c.sent();
           if (modelCapabilities.delegate === 'NONE') {
             throw new Error('No available delegate for focus detector.');
           }
-          _a = models;
-          _b = id;
-          _d = (_c = tasksVision.ImageClassifier).createFromOptions;
+          _b = (_a = tasksVision.ImageClassifier).createFromOptions;
           return [4 /*yield*/, tasksVision.FilesetResolver.forVisionTasks(visionTasksBasePath)];
         case 2:
-          return [4 /*yield*/, _d.apply(_c, [_e.sent(), {
+          return [4 /*yield*/, _b.apply(_a, [_c.sent(), {
             baseOptions: {
               modelAssetPath: modelAssetPath,
               delegate: modelCapabilities.delegate
@@ -2846,20 +2845,19 @@ function loadFocusModel() {
             runningMode: 'VIDEO'
           }])];
         case 3:
-          _a[_b] = _e.sent();
-          return [2 /*return*/, models[id]];
+          classifier = _c.sent();
+          classifierSettings = {
+            modelAssetPath: modelAssetPath
+          };
+          return [2 /*return*/, classifier];
       }
     });
   });
 }
-function closeFocusModel(modelAssetPath) {
-  if (modelAssetPath === void 0) {
-    modelAssetPath = defaultFocusModelPath;
-  }
-  var id = "".concat(modelAssetPath);
-  if (!models[id]) return;
-  models[id].close();
-  delete models[id];
+function closeFocusModel() {
+  classifier === null || classifier === void 0 ? void 0 : classifier.close();
+  classifier = null;
+  classifierSettings = null;
 }
 function useLoadFocusModel(_a) {
   var _b = _a.modelPath,
@@ -2867,7 +2865,6 @@ function useLoadFocusModel(_a) {
     _c = _a.modelLoadTimeoutMs,
     modelLoadTimeoutMs = _c === void 0 ? defaultFocusModelLoadTimeoutMs : _c,
     onModelError = _a.onModelError;
-  var model = React.useRef(null);
   var _d = React.useState(false),
     ready = _d[0],
     setReady = _d[1];
@@ -2893,7 +2890,6 @@ function useLoadFocusModel(_a) {
         return __generator(this, function (_a) {
           switch (_a.label) {
             case 0:
-              model.current = loadedModel;
               setModelDownloadProgress(100);
               clearTimeout(modelLoadTimeout);
               return [4 /*yield*/, waitForVideoReady(videoRef)];
@@ -2913,9 +2909,8 @@ function useLoadFocusModel(_a) {
       clearTimeout(modelLoadTimeout);
     });
     return function () {
-      log('unloading focus model', model.current);
-      model.current = null;
-      closeFocusModel(modelPath);
+      log('unloading focus model');
+      closeFocusModel();
       clearTimeout(modelLoadTimeout);
       document.removeEventListener('idmission.preloadProgress.focus', handleDownloadProgress);
     };
@@ -2924,7 +2919,6 @@ function useLoadFocusModel(_a) {
     modelError && (onModelError === null || onModelError === void 0 ? void 0 : onModelError(modelError));
   }, [modelError, onModelError]);
   return {
-    model: model,
     ready: ready,
     modelDownloadProgress: modelDownloadProgress,
     modelError: modelError
@@ -2936,11 +2930,12 @@ function setLastFocusPredictionAt(time) {
   lastFocusPredictionTime = time - lastFocusPredictionAt;
   lastFocusPredictionAt = time;
 }
-function makeFocusModelPrediction(model, imageData, cropCanvas, rotateCanvas, box) {
+function makeFocusModelPrediction(imageData, cropCanvas, rotateCanvas, box) {
   var _a, _b, _c, _d, _e;
+  if (!classifier) return null;
   var startedAt = new Date();
   var image = cropIfNecessary(imageData, cropCanvas, rotateCanvas, box);
-  var result = model.classifyForVideo(image, performance.now());
+  var result = classifier.classifyForVideo(image, performance.now());
   var score = (_e = (_d = (_c = (_b = (_a = result === null || result === void 0 ? void 0 : result.classifications) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.categories) === null || _c === void 0 ? void 0 : _c.find(function (c) {
     return c.categoryName === 'focused';
   })) === null || _d === void 0 ? void 0 : _d.score) !== null && _e !== void 0 ? _e : 0;
@@ -2969,30 +2964,29 @@ function cropIfNecessary(imageData, cropCanvas, rotateCanvas, box) {
 }
 
 var defaultSelfieCaptureModelLoadTimeoutMs = 45000;
-var detectors$1 = {};
+var detector$1 = null;
+var detectorSettings$1 = null;
 function loadFaceDetector() {
   return __awaiter(this, arguments, void 0, function (modelAssetPath) {
-    var id, _a, _b, _c, _d;
+    var _a, _b;
     if (modelAssetPath === void 0) {
       modelAssetPath = defaultFaceDetectorModelPath;
     }
-    return __generator(this, function (_e) {
-      switch (_e.label) {
+    return __generator(this, function (_c) {
+      switch (_c.label) {
         case 0:
-          id = "".concat(modelAssetPath);
-          if (detectors$1[id]) return [2 /*return*/, detectors$1[id]];
+          if (detector$1 && (detectorSettings$1 === null || detectorSettings$1 === void 0 ? void 0 : detectorSettings$1.modelAssetPath) === modelAssetPath) return [2 /*return*/, detector$1];
+          closeFaceDetector();
           return [4 /*yield*/, preloadFaceDetectorDependencies()];
         case 1:
-          _e.sent();
+          _c.sent();
           if (modelCapabilities.delegate === 'NONE') {
             throw new Error('No available delegate for face detector.');
           }
-          _a = detectors$1;
-          _b = id;
-          _d = (_c = tasksVision.FaceDetector).createFromOptions;
+          _b = (_a = tasksVision.FaceDetector).createFromOptions;
           return [4 /*yield*/, tasksVision.FilesetResolver.forVisionTasks(visionTasksBasePath)];
         case 2:
-          return [4 /*yield*/, _d.apply(_c, [_e.sent(), {
+          return [4 /*yield*/, _b.apply(_a, [_c.sent(), {
             // canvas: document.createElement('canvas'),
             baseOptions: {
               modelAssetPath: modelAssetPath,
@@ -3001,26 +2995,24 @@ function loadFaceDetector() {
             runningMode: 'VIDEO'
           }])];
         case 3:
-          _a[_b] = _e.sent();
-          return [2 /*return*/, detectors$1[id]];
+          detector$1 = _c.sent();
+          detectorSettings$1 = {
+            modelAssetPath: modelAssetPath
+          };
+          return [2 /*return*/, detector$1];
       }
     });
   });
 }
-function closeFaceDetector(modelAssetPath) {
-  if (modelAssetPath === void 0) {
-    modelAssetPath = defaultFaceDetectorModelPath;
-  }
-  var id = "".concat(modelAssetPath);
-  if (!detectors$1[id]) return;
-  detectors$1[id].close();
-  delete detectors$1[id];
+function closeFaceDetector() {
+  detector$1 === null || detector$1 === void 0 ? void 0 : detector$1.close();
+  detector$1 = null;
+  detectorSettings$1 = null;
 }
 function useLoadFaceDetector(_a) {
   var onModelError = _a.onModelError,
     _b = _a.modelLoadTimeoutMs,
     modelLoadTimeoutMs = _b === void 0 ? defaultSelfieCaptureModelLoadTimeoutMs : _b;
-  var detector = React.useRef(null);
   var _c = React.useState(false),
     ready = _c[0],
     setReady = _c[1];
@@ -3046,7 +3038,6 @@ function useLoadFaceDetector(_a) {
         return __generator(this, function (_a) {
           switch (_a.label) {
             case 0:
-              detector.current = model;
               setModelDownloadProgress(100);
               clearTimeout(modelLoadTimeout);
               return [4 /*yield*/, waitForVideoReady(videoRef)];
@@ -3064,8 +3055,7 @@ function useLoadFaceDetector(_a) {
       clearTimeout(modelLoadTimeout);
     });
     return function () {
-      log('unloading face detection model', detector.current);
-      detector.current = null;
+      log('unloading face detection model');
       closeFaceDetector();
       clearTimeout(modelLoadTimeout);
       document.removeEventListener('idmission.preloadProgress.faceDetection', handleDownloadProgress);
@@ -3075,7 +3065,6 @@ function useLoadFaceDetector(_a) {
     modelError && (onModelError === null || onModelError === void 0 ? void 0 : onModelError(modelError));
   }, [modelError, onModelError]);
   return {
-    detector: detector,
     ready: ready,
     modelDownloadProgress: modelDownloadProgress,
     modelError: modelError
@@ -3114,8 +3103,9 @@ function trackFace(face, framesNeeded) {
     if (lastNPairs$1.length > framesNeeded - 1) lastNPairs$1.length = framesNeeded - 1;
   }
 }
-function makeFaceDetectorPrediction(model, imageData) {
-  var prediction = model.detectForVideo(imageData, performance.now());
+function makeFaceDetectorPrediction(imageData) {
+  if (!detector$1) return null;
+  var prediction = detector$1.detectForVideo(imageData, performance.now());
   var faces = prediction.detections.map(function (d) {
     return {
       box: convertBoundingBox(d.boundingBox),
@@ -3447,33 +3437,32 @@ var documentTypeDisplayNames = {
   passport: 'Passport',
   none: 'None'
 };
-var detectors = {};
+var detector = null;
+var detectorSettings = null;
 function loadDocumentDetector() {
   return __awaiter(this, arguments, void 0, function (modelAssetPath, scoreThreshold) {
-    var id, _a, _b, _c, _d;
+    var _a, _b;
     if (modelAssetPath === void 0) {
       modelAssetPath = defaultDocumentDetectorModelPath;
     }
     if (scoreThreshold === void 0) {
       scoreThreshold = defaultDocumentDetectionScoreThreshold;
     }
-    return __generator(this, function (_e) {
-      switch (_e.label) {
+    return __generator(this, function (_c) {
+      switch (_c.label) {
         case 0:
-          id = "".concat(modelAssetPath, ":").concat(scoreThreshold);
-          if (detectors[id]) return [2 /*return*/, detectors[id]];
+          if (detector && (detectorSettings === null || detectorSettings === void 0 ? void 0 : detectorSettings.modelAssetPath) === modelAssetPath && (detectorSettings === null || detectorSettings === void 0 ? void 0 : detectorSettings.scoreThreshold) === scoreThreshold) return [2 /*return*/, detector];
+          closeDocumentDetector();
           return [4 /*yield*/, preloadDocumentDetectorDependencies()];
         case 1:
-          _e.sent();
+          _c.sent();
           if (modelCapabilities.delegate === 'NONE') {
             throw new Error('No available delegate for document detector.');
           }
-          _a = detectors;
-          _b = id;
-          _d = (_c = tasksVision.ObjectDetector).createFromOptions;
+          _b = (_a = tasksVision.ObjectDetector).createFromOptions;
           return [4 /*yield*/, tasksVision.FilesetResolver.forVisionTasks(visionTasksBasePath)];
         case 2:
-          return [4 /*yield*/, _d.apply(_c, [_e.sent(), {
+          return [4 /*yield*/, _b.apply(_a, [_c.sent(), {
             baseOptions: {
               modelAssetPath: modelAssetPath,
               delegate: modelCapabilities.delegate
@@ -3483,23 +3472,20 @@ function loadDocumentDetector() {
             runningMode: 'VIDEO'
           }])];
         case 3:
-          _a[_b] = _e.sent();
-          return [2 /*return*/, detectors[id]];
+          detector = _c.sent();
+          detectorSettings = {
+            modelAssetPath: modelAssetPath,
+            scoreThreshold: scoreThreshold
+          };
+          return [2 /*return*/, detector];
       }
     });
   });
 }
-function closeDocumentDetector(modelAssetPath, scoreThreshold) {
-  if (modelAssetPath === void 0) {
-    modelAssetPath = defaultDocumentDetectorModelPath;
-  }
-  if (scoreThreshold === void 0) {
-    scoreThreshold = defaultDocumentDetectionScoreThreshold;
-  }
-  var id = "".concat(modelAssetPath, ":").concat(scoreThreshold);
-  if (!detectors[id]) return;
-  detectors[id].close();
-  delete detectors[id];
+function closeDocumentDetector() {
+  detector === null || detector === void 0 ? void 0 : detector.close();
+  detector = null;
+  detectorSettings = null;
 }
 function useLoadDocumentDetector(_a) {
   var _b = _a.modelPath,
@@ -3509,7 +3495,6 @@ function useLoadDocumentDetector(_a) {
     _d = _a.scoreThreshold,
     scoreThreshold = _d === void 0 ? defaultDocumentDetectionScoreThreshold : _d,
     onModelError = _a.onModelError;
-  var detector = React.useRef(null);
   var _e = React.useState(false),
     ready = _e[0],
     setReady = _e[1];
@@ -3535,7 +3520,6 @@ function useLoadDocumentDetector(_a) {
         return __generator(this, function (_a) {
           switch (_a.label) {
             case 0:
-              detector.current = model;
               setModelDownloadProgress(100);
               clearTimeout(modelLoadTimeout);
               return [4 /*yield*/, waitForVideoReady(videoRef)];
@@ -3556,8 +3540,7 @@ function useLoadDocumentDetector(_a) {
     });
     return function () {
       log('unloading document detection model');
-      detector.current = null;
-      closeDocumentDetector(modelPath, scoreThreshold);
+      closeDocumentDetector();
       clearTimeout(modelLoadTimeout);
       document.removeEventListener('idmission.preloadProgress.documentDetection', handleDownloadProgress);
     };
@@ -3566,17 +3549,17 @@ function useLoadDocumentDetector(_a) {
     modelError && (onModelError === null || onModelError === void 0 ? void 0 : onModelError(modelError));
   }, [modelError, onModelError]);
   return {
-    detector: detector,
     ready: ready,
     modelDownloadProgress: modelDownloadProgress,
     modelError: modelError,
     setModelError: setModelError
   };
 }
-function makeDocumentDetectorPrediction(detector, frame) {
+function makeDocumentDetectorPrediction(frame) {
   return __awaiter(this, void 0, void 0, function () {
     var startedAt, prediction, time, frameWidth, frameHeight;
     return __generator(this, function (_a) {
+      if (!detector) return [2 /*return*/, null];
       startedAt = new Date();
       // Detectors can throw errors, for example when using custom URLs that
       // contain a model that doesn't provide the expected output.
@@ -3900,7 +3883,6 @@ function DocumentDetectionModelProvider(_a) {
       scoreThreshold: documentDetectionModelScoreThreshold,
       onModelError: onDocumentDetectionModelError
     }),
-    detector = _o.detector,
     ready = _o.ready,
     modelDownloadProgress = _o.modelDownloadProgress,
     modelError = _o.modelError,
@@ -3912,7 +3894,7 @@ function DocumentDetectionModelProvider(_a) {
         return __generator(this, function (_b) {
           switch (_b.label) {
             case 0:
-              if (!videoLoaded || !cameraReady || !ready || !videoRef.current || !detector.current || !lastPredictionCanvas.current) return [2 /*return*/];
+              if (!videoLoaded || !cameraReady || !ready || !videoRef.current || !lastPredictionCanvas.current) return [2 /*return*/];
               stopDetectionAtStart = stopDetection.current;
               vw = videoRef.current.videoWidth;
               vh = videoRef.current.videoHeight;
@@ -3922,7 +3904,7 @@ function DocumentDetectionModelProvider(_a) {
               if (!(ctx && videoRef.current.readyState === 4)) return [3 /*break*/, 3];
               if (stopDetectionAtStart !== stopDetection.current) return [2 /*return*/];
               ctx.drawImage(videoRef.current, 0, 0, vw, vh);
-              return [4 /*yield*/, makeDocumentDetectorPrediction(detector.current, lastPredictionCanvas.current)];
+              return [4 /*yield*/, makeDocumentDetectorPrediction(lastPredictionCanvas.current)];
             case 1:
               prediction = _b.sent();
               if (!prediction) return [3 /*break*/, 3];
@@ -3944,7 +3926,7 @@ function DocumentDetectionModelProvider(_a) {
           }
         });
       });
-    }, [cameraReady, delayAfterStartMs, detector, documentDetectionBoundaries, documentDetectionThresholds, ready, videoLoaded, videoRef]), {
+    }, [cameraReady, delayAfterStartMs, documentDetectionBoundaries, documentDetectionThresholds, ready, videoLoaded, videoRef]), {
       throttleMs: throttleMs,
       autoStart: autoStart
     }),
@@ -4021,16 +4003,16 @@ function FocusModelProvider(_a) {
       modelLoadTimeoutMs: focusModelLoadTimeoutMs,
       onModelError: onFocusModelError
     }),
-    model = _f.model,
     ready = _f.ready,
     modelDownloadProgress = _f.modelDownloadProgress,
     modelError = _f.modelError;
   var makeFocusPrediction = React.useCallback(function (imageData, box) {
-    if (!model.current) return null;
-    var prediction = makeFocusModelPrediction(model.current, imageData, cropCanvas.current, rotateCanvas.current, box);
+    if (!ready) return null;
+    var prediction = makeFocusModelPrediction(imageData, cropCanvas.current, rotateCanvas.current, box);
+    if (!prediction) return null;
     setLastFocusPredictionAt(prediction.predictionTime);
     return prediction;
-  }, [model]);
+  }, [ready]);
   var value = React.useMemo(function () {
     return {
       focusModelReady: ready,
@@ -9253,18 +9235,17 @@ function SelfieGuidanceModelsProvider(_a) {
       onModelError: onModelError,
       modelLoadTimeoutMs: modelLoadTimeoutMs
     }),
-    detector = _f.detector,
     ready = _f.ready,
     modelDownloadProgress = _f.modelDownloadProgress,
     modelError = _f.modelError;
   var _g = useFrameLoop(React.useCallback(function () {
       return __awaiter(_this, void 0, void 0, function () {
-        var vw, vh, ctx, faces, processed, e_1;
-        var _a;
-        return __generator(this, function (_b) {
-          switch (_b.label) {
+        var vw, vh, ctx, prediction, processed, e_1;
+        var _a, _b;
+        return __generator(this, function (_c) {
+          switch (_c.label) {
             case 0:
-              if (!videoLoaded || !cameraReady || !ready || modelError || !videoRef.current || !detector.current || !canvasRef.current) return [2 /*return*/];
+              if (!videoLoaded || !cameraReady || !ready || modelError || !videoRef.current || !canvasRef.current) return [2 /*return*/];
               vw = videoRef.current.videoWidth;
               vh = videoRef.current.videoHeight;
               ctx = canvasRef.current.getContext('2d');
@@ -9274,23 +9255,23 @@ function SelfieGuidanceModelsProvider(_a) {
               ctx.translate(vw, 0);
               ctx.scale(-1, 1);
               ctx.drawImage(videoRef.current, 0, 0, vw, vh);
-              _b.label = 1;
+              _c.label = 1;
             case 1:
-              _b.trys.push([1, 3,, 4]);
-              faces = makeFaceDetectorPrediction(detector.current, canvasRef.current).faces;
+              _c.trys.push([1, 3,, 4]);
+              prediction = makeFaceDetectorPrediction(canvasRef.current);
               processed = processFaceDetectorPrediction({
-                faces: faces,
+                faces: (_a = prediction === null || prediction === void 0 ? void 0 : prediction.faces) !== null && _a !== void 0 ? _a : [],
                 videoWidth: vw,
                 videoHeight: vh,
                 requireVerticalFaceCentering: requireVerticalFaceCentering
               });
               setLastFaceDetectionAt(new Date().getTime());
-              return [4 /*yield*/, (_a = onPredictionHandler.current) === null || _a === void 0 ? void 0 : _a.call(onPredictionHandler, processed)];
+              return [4 /*yield*/, (_b = onPredictionHandler.current) === null || _b === void 0 ? void 0 : _b.call(onPredictionHandler, processed)];
             case 2:
-              _b.sent();
+              _c.sent();
               return [3 /*break*/, 4];
             case 3:
-              e_1 = _b.sent();
+              e_1 = _c.sent();
               error('caught face detection error', e_1);
               return [3 /*break*/, 4];
             case 4:
@@ -9298,7 +9279,7 @@ function SelfieGuidanceModelsProvider(_a) {
           }
         });
       });
-    }, [cameraReady, detector, modelError, ready, requireVerticalFaceCentering, videoLoaded, videoRef]), {
+    }, [cameraReady, modelError, ready, requireVerticalFaceCentering, videoLoaded, videoRef]), {
       throttleMs: throttleMs,
       autoStart: autoStart
     }),
@@ -10170,21 +10151,24 @@ var templateObject_1$f, templateObject_2$d, templateObject_3$c, templateObject_4
 var SelfieCaptureLoadingOverlayLegacy = function SelfieCaptureLoadingOverlayLegacy(_a) {
   var onDismissed = _a.onDismissed,
     onUserCancel = _a.onUserCancel,
-    _b = _a.assets,
-    assets = _b === void 0 ? {} : _b,
-    _c = _a.classNames,
-    classNames = _c === void 0 ? {} : _c,
-    _d = _a.colors,
-    colors = _d === void 0 ? {} : _d,
-    _e = _a.verbiage,
-    rawVerbiage = _e === void 0 ? {} : _e;
-  var _f = React.useContext(CameraStateContext),
-    cameraReady = _f.cameraReady,
-    cameraAccessDenied = _f.cameraAccessDenied,
-    microphoneAccessDenied = _f.microphoneAccessDenied;
-  var _g = React.useContext(SelfieGuidanceModelsContext),
-    modelsReady = _g.ready,
-    modelDownloadProgress = _g.modelDownloadProgress;
+    _b = _a.waitForIdCaptureModels,
+    waitForIdCaptureModels = _b === void 0 ? false : _b,
+    _c = _a.assets,
+    assets = _c === void 0 ? {} : _c,
+    _d = _a.classNames,
+    classNames = _d === void 0 ? {} : _d,
+    _e = _a.colors,
+    colors = _e === void 0 ? {} : _e,
+    _f = _a.verbiage,
+    rawVerbiage = _f === void 0 ? {} : _f;
+  var _g = React.useContext(CameraStateContext),
+    cameraReady = _g.cameraReady,
+    cameraAccessDenied = _g.cameraAccessDenied,
+    microphoneAccessDenied = _g.microphoneAccessDenied;
+  var _h = React.useContext(SelfieGuidanceModelsContext),
+    modelsReady = _h.ready,
+    modelDownloadProgress = _h.modelDownloadProgress;
+  var idCaptureModelsContext = React.useContext(IdCaptureModelsContext);
   assets.instructionImageUrl || (assets.instructionImageUrl = "".concat(DEFAULT_CDN_URL, "/Selfie-Image-1.png"));
   var verbiage = useTranslations(rawVerbiage, {
     headingText: 'Use your device camera to capture your face',
@@ -10195,9 +10179,9 @@ var SelfieCaptureLoadingOverlayLegacy = function SelfieCaptureLoadingOverlayLega
     downloadingText: 'Downloading...',
     modelsWarmingUpText: 'Models warming up...'
   });
-  var _h = React.useState(false),
-    dismissed = _h[0],
-    setDismissed = _h[1];
+  var _j = React.useState(false),
+    dismissed = _j[0],
+    setDismissed = _j[1];
   if (dismissed) return /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null);
   if (cameraAccessDenied) {
     return /*#__PURE__*/React__namespace.default.createElement(CameraAccessDeniedOverlay, {
@@ -10215,6 +10199,7 @@ var SelfieCaptureLoadingOverlayLegacy = function SelfieCaptureLoadingOverlayLega
       verbiage: rawVerbiage.microphoneAccessDenied
     });
   }
+  var allModelsReady = modelsReady && (!waitForIdCaptureModels || (idCaptureModelsContext === null || idCaptureModelsContext === void 0 ? void 0 : idCaptureModelsContext.ready));
   return /*#__PURE__*/React__namespace.default.createElement(OverlayContainer, {
     className: classNames.container
   }, /*#__PURE__*/React__namespace.default.createElement(OverlayInner$2, {
@@ -10234,15 +10219,15 @@ var SelfieCaptureLoadingOverlayLegacy = function SelfieCaptureLoadingOverlayLega
     className: classNames.buttonsRow
   }, /*#__PURE__*/React__namespace.default.createElement(LoaderButton, {
     variant: "positive",
-    disabled: !cameraReady || !modelsReady,
-    finished: cameraReady && modelsReady,
+    disabled: !cameraReady || !allModelsReady,
+    finished: cameraReady && allModelsReady,
     className: classNames.continueBtn,
     colors: colors.continueBtn,
     onClick: function onClick() {
       setDismissed(true);
       onDismissed === null || onDismissed === void 0 ? void 0 : onDismissed();
     }
-  }, cameraReady && modelsReady ? verbiage.continueText : modelsReady ? verbiage.cameraInitializingText : modelDownloadProgress >= 100 ? "".concat(verbiage.modelsWarmingUpText) : "".concat(verbiage.downloadingText, " (").concat(modelDownloadProgress, "%)")))));
+  }, cameraReady && allModelsReady ? verbiage.continueText : allModelsReady ? verbiage.cameraInitializingText : modelDownloadProgress >= 100 ? "".concat(verbiage.modelsWarmingUpText) : "".concat(verbiage.downloadingText, " (").concat(modelDownloadProgress, "%)")))));
 };
 var StyledGuidanceMessage$1 = styled__default.default(GuidanceMessage)(templateObject_1$e || (templateObject_1$e = __makeTemplateObject(["\n  padding: 12px 24px;\n  font-weight: normal;\n  line-height: 1.5;\n  margin-bottom: -30px;\n"], ["\n  padding: 12px 24px;\n  font-weight: normal;\n  line-height: 1.5;\n  margin-bottom: -30px;\n"])));
 var StyledButtonsRow$6 = styled__default.default(ButtonsRow)(templateObject_2$c || (templateObject_2$c = __makeTemplateObject(["\n  flex-direction: column;\n  padding-top: 25px;\n"], ["\n  flex-direction: column;\n  padding-top: 25px;\n"])));
@@ -10252,22 +10237,25 @@ var legacyInstructionImageUrl = "".concat(DEFAULT_CDN_URL, "/Selfie-Image-1.png"
 var SelfieCaptureLoadingOverlayDefault = function SelfieCaptureLoadingOverlayDefault(_a) {
   var onDismissed = _a.onDismissed,
     onUserCancel = _a.onUserCancel,
-    _b = _a.assets,
-    assets = _b === void 0 ? {} : _b,
-    _c = _a.classNames,
-    classNames = _c === void 0 ? {} : _c,
-    _d = _a.colors,
-    colors = _d === void 0 ? {} : _d,
-    _e = _a.verbiage,
-    rawVerbiage = _e === void 0 ? {} : _e,
-    customOverlayContent = _a.customOverlayContent;
-  var _f = React.useContext(CameraStateContext),
-    cameraReady = _f.cameraReady,
-    cameraAccessDenied = _f.cameraAccessDenied,
-    microphoneAccessDenied = _f.microphoneAccessDenied;
-  var _g = React.useContext(SelfieGuidanceModelsContext),
-    modelsReady = _g.ready,
-    modelDownloadProgress = _g.modelDownloadProgress;
+    customOverlayContent = _a.customOverlayContent,
+    _b = _a.waitForIdCaptureModels,
+    waitForIdCaptureModels = _b === void 0 ? false : _b,
+    _c = _a.assets,
+    assets = _c === void 0 ? {} : _c,
+    _d = _a.classNames,
+    classNames = _d === void 0 ? {} : _d,
+    _e = _a.colors,
+    colors = _e === void 0 ? {} : _e,
+    _f = _a.verbiage,
+    rawVerbiage = _f === void 0 ? {} : _f;
+  var _g = React.useContext(CameraStateContext),
+    cameraReady = _g.cameraReady,
+    cameraAccessDenied = _g.cameraAccessDenied,
+    microphoneAccessDenied = _g.microphoneAccessDenied;
+  var _h = React.useContext(SelfieGuidanceModelsContext),
+    modelsReady = _h.ready,
+    modelDownloadProgress = _h.modelDownloadProgress;
+  var idCaptureModelsContext = React.useContext(IdCaptureModelsContext);
   var verbiage = useTranslations(rawVerbiage, {
     headingText: 'Use your device camera to capture your face',
     removeEyeCoveringsText: 'Remove Sunglasses & Hat',
@@ -10279,9 +10267,9 @@ var SelfieCaptureLoadingOverlayDefault = function SelfieCaptureLoadingOverlayDef
     modelsWarmingUpText: 'Loading guided capture experience...',
     modelsReadyText: 'Guided capture experience ready'
   });
-  var _h = React.useState(0),
-    headingTextIndex = _h[0],
-    setHeadingTextIndex = _h[1];
+  var _j = React.useState(0),
+    headingTextIndex = _j[0],
+    setHeadingTextIndex = _j[1];
   var headingText = [verbiage.headingText, verbiage.removeEyeCoveringsText, verbiage.avoidExcessiveBacklightingText][headingTextIndex];
   React.useEffect(function () {
     setInterval(function () {
@@ -10290,9 +10278,9 @@ var SelfieCaptureLoadingOverlayDefault = function SelfieCaptureLoadingOverlayDef
       });
     }, 3000);
   }, []);
-  var _j = React.useState(false),
-    dismissed = _j[0],
-    setDismissed = _j[1];
+  var _k = React.useState(false),
+    dismissed = _k[0],
+    setDismissed = _k[1];
   if (dismissed) return /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null);
   if (cameraAccessDenied) {
     return /*#__PURE__*/React__namespace.default.createElement(CameraAccessDeniedOverlay, {
@@ -10310,6 +10298,7 @@ var SelfieCaptureLoadingOverlayDefault = function SelfieCaptureLoadingOverlayDef
       verbiage: rawVerbiage.microphoneAccessDenied
     });
   }
+  var allModelsReady = modelsReady && (!waitForIdCaptureModels || (idCaptureModelsContext === null || idCaptureModelsContext === void 0 ? void 0 : idCaptureModelsContext.ready));
   return /*#__PURE__*/React__namespace.default.createElement(OverlayContainer, {
     className: classNames.container
   }, /*#__PURE__*/React__namespace.default.createElement(OverlayInner, {
@@ -10350,13 +10339,13 @@ var SelfieCaptureLoadingOverlayDefault = function SelfieCaptureLoadingOverlayDef
     className: classNames.loadingListItemIndicator,
     state: cameraReady ? 'done' : 'running'
   }), cameraReady ? verbiage.cameraInitializedText : verbiage.cameraInitializingText), /*#__PURE__*/React__namespace.default.createElement(LoadingListItem, {
-    className: "".concat(classNames.loadingListItem, " ").concat(modelsReady ? 'done' : 'running')
+    className: "".concat(classNames.loadingListItem, " ").concat(allModelsReady ? 'done' : 'running')
   }, /*#__PURE__*/React__namespace.default.createElement(LoadingListItemIndicator, {
     className: classNames.loadingListItemIndicator,
-    state: modelsReady ? 'done' : 'running'
-  }), modelsReady ? verbiage.modelsReadyText : modelDownloadProgress >= 100 ? verbiage.modelsWarmingUpText : "".concat(verbiage.downloadingText, " (").concat(modelDownloadProgress, "%)")))), /*#__PURE__*/React__namespace.default.createElement(ContinueButtonContainer, {
+    state: allModelsReady ? 'done' : 'running'
+  }), allModelsReady ? verbiage.modelsReadyText : modelDownloadProgress >= 100 ? verbiage.modelsWarmingUpText : "".concat(verbiage.downloadingText, " (").concat(modelDownloadProgress, "%)")))), /*#__PURE__*/React__namespace.default.createElement(ContinueButtonContainer, {
     className: classNames.continueBtnContainer
-  }, modelsReady && cameraReady && ( /*#__PURE__*/React__namespace.default.createElement(ContinueButton, {
+  }, allModelsReady && cameraReady && ( /*#__PURE__*/React__namespace.default.createElement(ContinueButton, {
     finished: true,
     className: classNames.continueBtn,
     variant: "positive",
@@ -10457,42 +10446,44 @@ var FaceLivenessWizard = function FaceLivenessWizard(_a) {
     releaseCameraAccessOnExit = _k === void 0 ? true : _k,
     _l = _a.silentFallback,
     silentFallback = _l === void 0 ? false : _l,
+    _m = _a.waitForIdCaptureModels,
+    waitForIdCaptureModels = _m === void 0 ? false : _m,
     guidesComponent = _a.guidesComponent,
     disableCapturePreview = _a.disableCapturePreview,
-    _m = _a.assets,
-    assets = _m === void 0 ? {} : _m,
-    _o = _a.classNames,
-    classNames = _o === void 0 ? {} : _o,
-    _p = _a.colors,
-    colors = _p === void 0 ? {} : _p,
-    _q = _a.verbiage,
-    verbiage = _q === void 0 ? {} : _q,
-    _r = _a.debugMode,
-    debugMode = _r === void 0 ? false : _r;
-  var _s = React.useContext(SubmissionContext),
-    submissionResponse = _s.submissionResponse,
-    livenessCheckRequest = _s.livenessCheckRequest,
-    setSelfieImage = _s.setSelfieImage,
-    logSelfieCaptureAttempt = _s.logSelfieCaptureAttempt;
-  var _t = React.useContext(CameraStateContext),
-    cameraAccessDenied = _t.cameraAccessDenied,
-    requestCameraAccess = _t.requestCameraAccess,
-    releaseCameraAccess = _t.releaseCameraAccess;
-  var _u = React.useState(''),
-    faceCropImageUrl = _u[0],
-    setFaceCropImageUrl = _u[1];
-  var _v = React.useState(0),
-    retryCount = _v[0],
-    setRetryCount = _v[1];
-  var _w = React.useState('LOADING'),
-    captureState = _w[0],
-    setCaptureState = _w[1];
+    _o = _a.assets,
+    assets = _o === void 0 ? {} : _o,
+    _p = _a.classNames,
+    classNames = _p === void 0 ? {} : _p,
+    _q = _a.colors,
+    colors = _q === void 0 ? {} : _q,
+    _r = _a.verbiage,
+    verbiage = _r === void 0 ? {} : _r,
+    _s = _a.debugMode,
+    debugMode = _s === void 0 ? false : _s;
+  var _t = React.useContext(SubmissionContext),
+    submissionResponse = _t.submissionResponse,
+    livenessCheckRequest = _t.livenessCheckRequest,
+    setSelfieImage = _t.setSelfieImage,
+    logSelfieCaptureAttempt = _t.logSelfieCaptureAttempt;
+  var _u = React.useContext(CameraStateContext),
+    cameraAccessDenied = _u.cameraAccessDenied,
+    requestCameraAccess = _u.requestCameraAccess,
+    releaseCameraAccess = _u.releaseCameraAccess;
+  var _v = React.useState(''),
+    faceCropImageUrl = _v[0],
+    setFaceCropImageUrl = _v[1];
+  var _w = React.useState(0),
+    retryCount = _w[0],
+    setRetryCount = _w[1];
+  var _x = React.useState('LOADING'),
+    captureState = _x[0],
+    setCaptureState = _x[1];
   var captureStartedAt = React.useRef();
   var captureEndedAt = React.useRef();
   var operationStartedAt = React.useRef();
-  var _x = React.useContext(SelfieGuidanceModelsContext),
-    start = _x.start,
-    stop = _x.stop;
+  var _y = React.useContext(SelfieGuidanceModelsContext),
+    start = _y.start,
+    stop = _y.stop;
   React.useEffect(function () {
     operationStartedAt.current = new Date();
   }, []);
@@ -10547,9 +10538,9 @@ var FaceLivenessWizard = function FaceLivenessWizard(_a) {
     setCaptureState('FAILED');
     onDenied === null || onDenied === void 0 ? void 0 : onDenied(submissionResponse, livenessCheckRequest);
   }, [onDenied, submissionResponse, livenessCheckRequest]);
-  var _y = React.useState(0),
-    attempt = _y[0],
-    setAttempt = _y[1];
+  var _z = React.useState(0),
+    attempt = _z[0],
+    setAttempt = _z[1];
   var onExitCallback = React.useCallback(function () {
     setAttempt(function (n) {
       return n + 1;
@@ -10655,7 +10646,8 @@ var FaceLivenessWizard = function FaceLivenessWizard(_a) {
     colors: colors.loadingOverlay,
     verbiage: verbiage.loadingOverlay,
     onUserCancel: onUserCancel,
-    onDismissed: onLoadingOverlayDismissedCallback
+    onDismissed: onLoadingOverlayDismissedCallback,
+    waitForIdCaptureModels: waitForIdCaptureModels
   }));
 };
 
@@ -12752,6 +12744,7 @@ var VideoIdWizard = function VideoIdWizard(_a) {
           skipSuccessScreen: true,
           renderCameraFeed: false,
           releaseCameraAccessOnExit: false,
+          waitForIdCaptureModels: true,
           disableCapturePreview: !debugMode,
           guidesComponent: faceLivenessGuides,
           assets: assets.faceLiveness,