idmission-web-sdk 2.3.58 → 2.3.59

package/dist/sdk2.umd.development.js

@@ -211,7 +211,7 @@
     return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
   };
 
-  var webSdkVersion = '2.3.58';
+  var webSdkVersion = '2.3.59';
 
   function getPlatform() {
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -9610,8 +9610,8 @@
       release: release
     };
     log('camera access granted');
-    if (video) video.srcObject = stream;
-    log('video source initialized');
+    // if (video) video.srcObject = stream
+    // log('video source initialized')
     return currentCamera;
   }
   function releaseCameraAccess() {
@@ -13534,24 +13534,24 @@
     }, [fallbacks, i18n.language, t, verbiage]);
   }
 
+  var camera = null;
+  var videoStream = null;
+  var audioStream = null;
   var initialState$6 = {
     videoRef: {
       current: null
     },
     videoLoaded: false,
-    videoStream: null,
     videoDevice: null,
     videoWidth: 0,
     videoHeight: 0,
     isRearFacing: false,
-    camera: null,
     cameraReady: false,
     cameraAccessDenied: false,
     iphoneContinuityCameraAvailable: false,
     iphoneContinuityCameraDenied: false,
     preferIphoneContinuityCamera: true,
     cameraTamperingDetected: false,
-    audioStream: null,
     microphoneReady: false,
     microphoneAccessDenied: false
   };
@@ -13565,8 +13565,7 @@
           return set(config);
         },
         onVideoMounted: function onVideoMounted(e) {
-          var _a;
-          var selectedVideoStreamId = (_a = get().videoStream) === null || _a === void 0 ? void 0 : _a.id;
+          var selectedVideoStreamId = videoStream === null || videoStream === void 0 ? void 0 : videoStream.id;
           if (!selectedVideoStreamId) return;
           var srcObject = e.currentTarget.srcObject;
           if (srcObject.id === selectedVideoStreamId) {
@@ -13586,19 +13585,19 @@
         },
         requestCameraAccess: function requestCameraAccess() {
           return __awaiter(this, void 0, void 0, function () {
-            var _a, videoRef, releaseCameraAccess, preferFrontFacingCamera, preferIphoneContinuityCamera, iphoneContinuityCameraDenied, availableCameras, selectedCamera, platform_1, iphoneContinuityCamera, constraints, stream_1, e_1, e_2, handleStreamEnded_1, videoTrack_1, camera_1, e_3;
-            var _b, _c, _d;
-            return __generator(this, function (_e) {
-              switch (_e.label) {
+            var _a, videoRef, releaseCameraAccess, preferFrontFacingCamera, preferIphoneContinuityCamera, iphoneContinuityCameraDenied, availableCameras, selectedCamera, platform_1, iphoneContinuityCamera, constraints, stream_1, e_1, e_2, handleStreamEnded_1, videoTrack_1, e_3;
+            var _b, _c, _d, _e;
+            return __generator(this, function (_f) {
+              switch (_f.label) {
                 case 0:
                   _a = get(), videoRef = _a.videoRef, releaseCameraAccess = _a.releaseCameraAccess, preferFrontFacingCamera = _a.preferFrontFacingCamera, preferIphoneContinuityCamera = _a.preferIphoneContinuityCamera, iphoneContinuityCameraDenied = _a.iphoneContinuityCameraDenied;
                   releaseCameraAccess();
-                  _e.label = 1;
+                  _f.label = 1;
                 case 1:
-                  _e.trys.push([1, 11,, 12]);
+                  _f.trys.push([1, 11,, 12]);
                   return [4 /*yield*/, listAvailableCameras()];
                 case 2:
-                  availableCameras = _e.sent();
+                  availableCameras = _f.sent();
                   selectedCamera = void 0;
                   debug('availableCameras', availableCameras);
                   platform_1 = getPlatform();
@@ -13668,16 +13667,16 @@
                     };
                   }
                   stream_1 = null;
-                  _e.label = 3;
+                  _f.label = 3;
                 case 3:
-                  _e.trys.push([3, 5,, 6]);
+                  _f.trys.push([3, 5,, 6]);
                   debug('obtaining camera access with constraints', constraints);
                   return [4 /*yield*/, navigator.mediaDevices.getUserMedia(constraints)];
                 case 4:
-                  stream_1 = _e.sent();
+                  stream_1 = _f.sent();
                   return [3 /*break*/, 6];
                 case 5:
-                  e_1 = _e.sent();
+                  e_1 = _f.sent();
                   if (e_1.name === 'NotAllowedError') {
                     if (preferIphoneContinuityCamera) {
                       set({
@@ -13694,19 +13693,19 @@
                   return [3 /*break*/, 6];
                 case 6:
                   if (!!stream_1) return [3 /*break*/, 10];
-                  _e.label = 7;
+                  _f.label = 7;
                 case 7:
-                  _e.trys.push([7, 9,, 10]);
+                  _f.trys.push([7, 9,, 10]);
                   return [4 /*yield*/, navigator.mediaDevices.getUserMedia({
                     audio: false,
                     video: true
                   })];
                 case 8:
-                  stream_1 = _e.sent();
+                  stream_1 = _f.sent();
                   debug('opened stream with no width and height constraints');
                   return [3 /*break*/, 10];
                 case 9:
-                  e_2 = _e.sent();
+                  e_2 = _f.sent();
                   debug('cannot open stream at all', e_2);
                   return [3 /*break*/, 10];
                 case 10:
@@ -13718,8 +13717,8 @@
                   handleStreamEnded_1 = function handleStreamEnded_1() {
                     if (preferIphoneContinuityCamera && get().iphoneContinuityCameraAvailable) {
                       debug('someone unplugged the continuity camera');
+                      videoStream = null;
                       set({
-                        videoStream: null,
                         videoDevice: null,
                         cameraReady: false,
                         iphoneContinuityCameraAvailable: false,
@@ -13728,9 +13727,9 @@
                       get().requestCameraAccess();
                     } else {
                       debug('someone unplugged the webcam');
-                      releaseCameraAccess();
+                      get().releaseCameraAccess();
+                      videoStream = null;
                       set({
-                        videoStream: null,
                         videoDevice: null,
                         videoLoaded: false,
                         cameraReady: false,
@@ -13741,25 +13740,26 @@
                   (_d = videoRef.current) === null || _d === void 0 ? void 0 : _d.addEventListener('ended', handleStreamEnded_1);
                   videoTrack_1 = stream_1.getVideoTracks()[0];
                   videoTrack_1.onended = handleStreamEnded_1;
-                  camera_1 = obtainCameraAccess(stream_1, selectedCamera.label, videoRef.current);
+                  camera = obtainCameraAccess(stream_1, selectedCamera.label, videoRef.current);
                   setTimeout(function () {
+                    var _a;
                     // iOS 17 has a strange behavior where the video track flickers between muted and unmuted
                     // when the camera access is being requested. This delay is a workaround for that.
                     videoTrack_1.onmute = function () {
                       if (videoTrack_1.readyState !== 'live') handleStreamEnded_1();
                     };
+                    videoStream = stream_1;
+                    var isRearFacing = (_a = camera === null || camera === void 0 ? void 0 : camera.isRearFacing) !== null && _a !== void 0 ? _a : false;
                     set({
-                      camera: camera_1,
                       cameraReady: true,
                       cameraAccessDenied: false,
-                      isRearFacing: camera_1.isRearFacing,
-                      videoStream: stream_1
+                      isRearFacing: isRearFacing
                     });
                   }, 500);
                   return [3 /*break*/, 12];
                 case 11:
-                  e_3 = _e.sent();
-                  if (e_3.name === 'NotAllowedError') {
+                  e_3 = _f.sent();
+                  if (e_3.name === 'NotAllowedError' || ((_e = e_3.message) === null || _e === void 0 ? void 0 : _e.includes('Could not start video source'))) {
                     error('camera access has been blocked by the user', e_3);
                     set({
                       cameraAccessDenied: true
@@ -13777,17 +13777,18 @@
         },
         releaseCameraAccess: function releaseCameraAccess() {
           return __awaiter(this, void 0, void 0, function () {
-            var camera;
             return __generator(this, function (_a) {
-              camera = get().camera;
               if (!camera) return [2 /*return*/];
               camera.release();
+              camera = null;
+              videoStream === null || videoStream === void 0 ? void 0 : videoStream.getTracks().forEach(function (track) {
+                track.stop();
+              });
+              videoStream = null;
               set({
-                camera: null,
                 cameraReady: false,
                 cameraAccessDenied: false,
                 videoDevice: null,
-                videoStream: null,
                 videoLoaded: false
               });
               return [2 /*return*/];
@@ -13816,8 +13817,8 @@
                   // iOS 17 has a strange behavior where the video track flickers between muted and unmuted
                   // when the camera access is being requested. This delay is a workaround for that.
                   setTimeout(function () {
+                    audioStream = stream_2;
                     set({
-                      audioStream: stream_2,
                       microphoneReady: true,
                       microphoneAccessDenied: false
                     });
@@ -13826,6 +13827,7 @@
                         microphoneReady: false,
                         microphoneAccessDenied: true
                       });
+                      get().releaseMicrophoneAccess();
                     };
                     var track = stream_2.getAudioTracks()[0];
                     track.onended = handleStreamEnded;
@@ -13849,14 +13851,13 @@
         },
         releaseMicrophoneAccess: function releaseMicrophoneAccess() {
           var _a;
-          var audioStream = get().audioStream;
           (_a = audioStream === null || audioStream === void 0 ? void 0 : audioStream.stop) === null || _a === void 0 ? void 0 : _a.call(audioStream);
           audioStream === null || audioStream === void 0 ? void 0 : audioStream.getAudioTracks().forEach(function (track) {
             var _a;
             (_a = track.stop) === null || _a === void 0 ? void 0 : _a.call(track);
           });
+          audioStream = null;
           set({
-            audioStream: null,
             microphoneReady: false,
             microphoneAccessDenied: false
           });
@@ -15757,15 +15758,13 @@
       _q = _o.height,
       height = _q === void 0 ? 1 : _q;
     var state = useIdCaptureStore();
-    var _r = useCameraStore(),
-      camera = _r.camera,
-      isRearFacing = _r.isRearFacing;
-    var _s = React.useContext(IdCaptureModelsContext),
-      modelsReady = _s.ready,
-      setThresholds = _s.setThresholds,
-      detectionTime = _s.detectionTime,
-      focusPredictionTime = _s.focusPredictionTime,
-      getBestFrame = _s.getBestFrame;
+    var isRearFacing = useCameraStore().isRearFacing;
+    var _r = React.useContext(IdCaptureModelsContext),
+      modelsReady = _r.ready,
+      setThresholds = _r.setThresholds,
+      detectionTime = _r.detectionTime,
+      focusPredictionTime = _r.focusPredictionTime,
+      getBestFrame = _r.getBestFrame;
     React.useEffect(function () {
       return dispatchIdCaptureAction({
         type: 'captureInitialized'
@@ -18210,9 +18209,7 @@
     var _c = React.useReducer(documentCaptureStateReducer, documentCaptureInitialState),
       state = _c[0],
       dispatch = _c[1];
-    var _d = useCameraStore(),
-      videoStream = _d.videoStream,
-      videoRef = _d.videoRef;
+    var videoRef = useCameraStore().videoRef;
     var uploadDocument = React.useContext(SubmissionContext).uploadDocument;
     var uploadCapturedDocument = React.useCallback(function (content, filetype) {
       return __awaiter(void 0, void 0, void 0, function () {
@@ -18306,7 +18303,7 @@
     }, [onResize]);
     var videoTag = videoRef.current;
     React.useEffect(function () {
-      if (!state.capturing || !(videoStream === null || videoStream === void 0 ? void 0 : videoStream.active)) return;
+      if (!state.capturing) return;
       function onComplete(content) {
         if (!content) return;
         var contentUrl = URL.createObjectURL(content);
@@ -18323,7 +18320,7 @@
         drawToCanvas(canvas, videoTag);
         canvas.toBlob(onComplete);
       }
-    }, [state.capturing, videoStream, videoTag]);
+    }, [state.capturing, videoTag]);
     var stateWithActions = React.useMemo(function () {
       return _assign(_assign({}, state), {
         uploadCapturedDocument: uploadCapturedDocument
@@ -18452,29 +18449,28 @@
   var CameraVideoTag = function CameraVideoTag(props) {
     var _a = useCameraStore(useShallow(function (store) {
         return {
+          cameraReady: store.cameraReady,
           videoRef: store.videoRef,
-          videoStream: store.videoStream,
           onVideoMounted: store.onVideoMounted,
           isRearFacing: store.isRearFacing
         };
       })),
+      cameraReady = _a.cameraReady,
       videoRef = _a.videoRef,
-      videoStream = _a.videoStream,
       onVideoMounted = _a.onVideoMounted,
       isRearFacing = _a.isRearFacing;
-    React.useEffect(function attachCameraStreamToVideoTagWhenReady() {
-      if (videoRef.current && videoStream) {
-        debug('attaching camera stream to video tag');
-        // eslint-disable-next-line react-compiler/react-compiler
-        videoRef.current.srcObject = videoStream;
-      }
-    }, [videoStream, videoRef]);
+    React.useEffect(function () {
+      if (!cameraReady || !videoRef.current) return;
+      debug('attaching camera stream to video tag');
+      // eslint-disable-next-line react-compiler/react-compiler
+      videoRef.current.srcObject = videoStream;
+    }, [cameraReady, videoRef]);
     return /*#__PURE__*/React.createElement(FullscreenVideoTag, _assign({
       autoPlay: true,
       playsInline: true,
       muted: true,
       ref: videoRef,
-      onLoadedData: onVideoMounted,
+      onCanPlay: onVideoMounted,
       "$isRearFacing": isRearFacing
     }, props));
   };
@@ -18511,7 +18507,6 @@
       content = _k.content,
       uploadState = _k.uploadState;
     var _l = useCameraStore(),
-      videoStream = _l.videoStream,
       cameraReady = _l.cameraReady,
       cameraAccessDenied = _l.cameraAccessDenied,
       requestCameraAccess = _l.requestCameraAccess;
@@ -18526,7 +18521,7 @@
     // and the user hasn't passed a media blob for the current document...
     !cameraAccessRequested &&
     // and we haven't already tried to force a camera request...
-    !(videoStream === null || videoStream === void 0 ? void 0 : videoStream.active); // and we don't already have camera access.
+    !cameraReady; // and we don't already have camera access.
     React.useEffect(function requestCameraAccessIfNeeded() {
       if (!cameraAccessNeeded) return;
       setCameraAccessRequested(true);
@@ -19951,6 +19946,30 @@
       debugMode: debugMode
     })));
   };
+  function IdCaptureWizardWithProviders(_a) {
+    var _b, _c, _d, _e, _f, _g;
+    var onCameraAccessDenied = _a.onCameraAccessDenied,
+      onCameraTamperingDetected = _a.onCameraTamperingDetected,
+      onMicrophoneAccessDenied = _a.onMicrophoneAccessDenied,
+      shouldLoadIdCaptureModels = _a.shouldLoadIdCaptureModels,
+      idCaptureProps = __rest(_a, ["onCameraAccessDenied", "onCameraTamperingDetected", "onMicrophoneAccessDenied", "shouldLoadIdCaptureModels"]);
+    return /*#__PURE__*/React.createElement(CameraStoreProvider, {
+      onCameraAccessDenied: onCameraAccessDenied,
+      onCameraTamperingDetected: onCameraTamperingDetected,
+      onMicrophoneAccessDenied: onMicrophoneAccessDenied,
+      requestAccessAutomatically: shouldLoadIdCaptureModels,
+      classNames: (_b = idCaptureProps.classNames) === null || _b === void 0 ? void 0 : _b.cameraStoreProvider,
+      verbiage: (_c = idCaptureProps.verbiage) === null || _c === void 0 ? void 0 : _c.cameraStoreProvider
+    }, /*#__PURE__*/React.createElement(IdCaptureModelsProvider, {
+      autoStart: false,
+      shouldLoadModels: shouldLoadIdCaptureModels,
+      documentDetectionModelUrl: (_e = (_d = idCaptureProps.assets) === null || _d === void 0 ? void 0 : _d.documentDetectionModelUrl) !== null && _e !== void 0 ? _e : '',
+      focusModelUrl: (_g = (_f = idCaptureProps.assets) === null || _f === void 0 ? void 0 : _f.focusModelUrl) !== null && _g !== void 0 ? _g : '',
+      onModelError: idCaptureProps.onModelError,
+      modelLoadTimeoutMs: idCaptureProps.modelLoadTimeoutMs,
+      allowSinglePageIdCapture: idCaptureProps.allowSinglePageIdCapture
+    }, /*#__PURE__*/React.createElement(IdCaptureStateProvider, null, /*#__PURE__*/React.createElement(GuideOrientationContextProvider, null, /*#__PURE__*/React.createElement(IdCaptureWizard, _assign({}, idCaptureProps))))));
+  }
 
   function SelfieCaptureLoadingGraphic(_a) {
     var _b, _c, _d;
@@ -20964,9 +20983,6 @@
       prediction = _o.prediction,
       dispatch = _m[1];
     var lastPredictionCanvas = React.useRef(null);
-    var camera = useCameraStore(useShallow(function (state) {
-      return state.camera;
-    }));
     var _p = React.useContext(SelfieGuidanceModelsContext),
       onPredictionMade = _p.onPredictionMade,
       canvasRef = _p.canvasRef,
@@ -22142,6 +22158,26 @@
       waitForIdCaptureModels: waitForIdCaptureModels
     })));
   };
+  function FaceLivenessWizardWithProviders(_a) {
+    var _b, _c;
+    var onCameraAccessDenied = _a.onCameraAccessDenied,
+      onCameraTamperingDetected = _a.onCameraTamperingDetected,
+      onMicrophoneAccessDenied = _a.onMicrophoneAccessDenied,
+      faceLivenessProps = __rest(_a, ["onCameraAccessDenied", "onCameraTamperingDetected", "onMicrophoneAccessDenied"]);
+    return /*#__PURE__*/React.createElement(CameraStoreProvider, {
+      preferFrontFacingCamera: true,
+      preferIphoneContinuityCamera: false,
+      onCameraAccessDenied: onCameraAccessDenied,
+      onCameraTamperingDetected: onCameraTamperingDetected,
+      onMicrophoneAccessDenied: onMicrophoneAccessDenied,
+      classNames: (_b = faceLivenessProps.classNames) === null || _b === void 0 ? void 0 : _b.cameraStoreProvider,
+      verbiage: (_c = faceLivenessProps.verbiage) === null || _c === void 0 ? void 0 : _c.cameraStoreProvider
+    }, /*#__PURE__*/React.createElement(SelfieGuidanceModelsProvider, {
+      autoStart: false,
+      onModelError: faceLivenessProps.onModelError,
+      modelLoadTimeoutMs: faceLivenessProps.modelLoadTimeoutMs
+    }, /*#__PURE__*/React.createElement(FaceLivenessWizard, _assign({}, faceLivenessProps))));
+  }
 
   var SubmissionSuccess = function SubmissionSuccess() {
     var _a = React.useContext(SubmissionContext),
@@ -23326,12 +23362,16 @@
   };
   var useVideoRecorderStore = create$1()(devtools(function (set, get) {
     return _assign(_assign({}, initialState$2), {
-      startRecordingVideo: function startRecordingVideo(camera, audioStream) {
+      startRecordingVideo: function startRecordingVideo(captureAudio) {
         var _a, _b, _c;
+        if (captureAudio === void 0) {
+          captureAudio = false;
+        }
+        if (!camera) throw new Error('Camera not found');
         var _d = get(),
           mergeAVStreams = _d.mergeAVStreams,
           startRecordingAudio = _d.startRecordingAudio;
-        var videoStream = mergeAVStreams ? new MediaStream(__spreadArray(__spreadArray([], (_b = (_a = camera === null || camera === void 0 ? void 0 : camera.stream) === null || _a === void 0 ? void 0 : _a.getTracks()) !== null && _b !== void 0 ? _b : [], true), (_c = audioStream === null || audioStream === void 0 ? void 0 : audioStream.getTracks()) !== null && _c !== void 0 ? _c : [], true)) : camera.stream;
+        var videoStream = mergeAVStreams ? new MediaStream(__spreadArray(__spreadArray([], (_b = (_a = camera === null || camera === void 0 ? void 0 : camera.stream) === null || _a === void 0 ? void 0 : _a.getTracks()) !== null && _b !== void 0 ? _b : [], true), captureAudio ? (_c = audioStream === null || audioStream === void 0 ? void 0 : audioStream.getTracks()) !== null && _c !== void 0 ? _c : [] : [], true)) : camera.stream;
         if (!videoStream) return;
         clearVideoChunks();
         videoRecorder = null;
@@ -23359,8 +23399,8 @@
             // TODO: figure out what to do here
           }
         }, 100);
-        if (audioStream && !mergeAVStreams) {
-          startRecordingAudio(audioStream);
+        if (captureAudio && !mergeAVStreams) {
+          startRecordingAudio();
         }
       },
       stopRecordingVideo: function stopRecordingVideo() {
@@ -23371,7 +23411,7 @@
           videoRecorder === null || videoRecorder === void 0 ? void 0 : videoRecorder.stop(); // if you call this while state === 'inactive', an exception is thrown.
         }
       },
-      startRecordingAudio: function startRecordingAudio(audioStream) {
+      startRecordingAudio: function startRecordingAudio() {
         if (get().mergeAVStreams) return;
         if (!audioStream) return;
         clearAudioChunks();
@@ -23505,18 +23545,19 @@
   };
   var useVideoSignatureStore = create$1()(devtools(function (set, get) {
     return _assign(_assign({}, videoSignatureInitialState), {
-      startRecording: function startRecording(camera, audioStream, captureAudio) {
+      startRecording: function startRecording(captureAudio) {
         var _a;
         if (captureAudio === void 0) {
           captureAudio = false;
         }
+        if (!camera) throw new Error('Camera not found');
         // set our flag and clear whatever we have recorded so far.
         set({
           isRecording: true
         });
         signatureChunks = [];
         // start recording video and audio
-        useVideoRecorderStore.getState().startRecordingVideo(camera, captureAudio ? audioStream : undefined);
+        useVideoRecorderStore.getState().startRecordingVideo(captureAudio);
         // start recording from the output canvas to capture the signature
         var videoStream = get().outputCanvas.current.captureStream(24); // fps
         var tracks = [videoStream.getVideoTracks()[0]];
@@ -23810,14 +23851,10 @@
       debugMode = _l === void 0 ? false : _l;
     var _m = useCameraStore(useShallow(function (state) {
         return {
-          camera: state.camera,
-          audioStream: state.audioStream,
           videoWidth: state.videoWidth,
           videoHeight: state.videoHeight
         };
       })),
-      camera = _m.camera,
-      audioStream = _m.audioStream,
       videoWidth = _m.videoWidth,
       videoHeight = _m.videoHeight;
     var _o = useSelfieGuidanceModelsContext(),
@@ -23825,8 +23862,6 @@
       startHeadTracking = _o.start,
       stopHeadTracking = _o.stop;
     var _p = useVideoSignatureStore(),
-      startRecording = _p.startRecording,
-      stopRecording = _p.stopRecording,
       clearRecordedData = _p.clearRecordedData,
       isRecording = _p.isRecording;
     React.useEffect(function () {
@@ -23835,10 +23870,11 @@
       });
     }, [onSignatureVideoCaptured]);
     React.useEffect(function () {
-      if (!camera) return;
-      startRecording(camera, audioStream, captureAudio);
-      return stopRecording;
-    }, [audioStream, camera, captureAudio, startRecording, stopRecording]);
+      useVideoSignatureStore.getState().startRecording(captureAudio);
+      return function () {
+        return useVideoSignatureStore.getState().stopRecording();
+      };
+    }, [captureAudio]);
     React.useEffect(function () {
       setTimeout(startHeadTracking, 1);
       return stopHeadTracking;
@@ -23859,7 +23895,7 @@
       setNumFramesWithoutFaces = _s[1];
     onHeadTrackingPredictionMade(f(React.useCallback(function (_a) {
       var face = _a.face;
-      if (!camera || headTrackingDisabled) return;
+      if (headTrackingDisabled) return;
       var leftEdge = videoWidth * headTrackingBoundaryPercentage;
       var rightEdge = videoWidth * (1 - headTrackingBoundaryPercentage);
       var topEdge = videoHeight * headTrackingBoundaryPercentage;
@@ -23870,7 +23906,7 @@
       setNumFramesWithoutFaces(face ? 0 : function (n) {
         return n + 1;
       });
-    }, [camera, headTrackingBoundaryPercentage, headTrackingBoundaryType, headTrackingDisabled, videoHeight, videoWidth]), 16));
+    }, [headTrackingBoundaryPercentage, headTrackingBoundaryType, headTrackingDisabled, videoHeight, videoWidth]), 16));
     var _t = useResizeObserver(),
       ref = _t.ref,
       _u = _t.width,
@@ -23913,7 +23949,7 @@
       face: lastFace,
       scaling: debugScalingDetails,
       color: headTrackingSatisfied ? 'green' : 'red'
-    }))), /*#__PURE__*/React.createElement(DebugStatsPane, null, "Video: ", camera === null || camera === void 0 ? void 0 : camera.width, "x", camera === null || camera === void 0 ? void 0 : camera.height, /*#__PURE__*/React.createElement("br", null), "Recording: ", isRecording ? 'true' : 'false'))), /*#__PURE__*/React.createElement(ExitCaptureButton, {
+    }))), /*#__PURE__*/React.createElement(DebugStatsPane, null, "Video: ", videoWidth, "x", videoHeight, /*#__PURE__*/React.createElement("br", null), "Recording: ", isRecording ? 'true' : 'false'))), /*#__PURE__*/React.createElement(ExitCaptureButton, {
       onClick: onExit,
       className: classNames.exitCaptureBtn
     }));
@@ -24419,9 +24455,6 @@
       component = _a.component,
       props = __rest(_a, ["status", "restartVideoOnSignaturePadCleared", "captureAudio", "component"]);
     var Component = component !== null && component !== void 0 ? component : VideoSignatureGuides;
-    var _d = useCameraStore(),
-      camera = _d.camera,
-      audioStream = _d.audioStream;
     var onAcceptBtnClicked = React.useCallback(function () {
       var signaturePad = useVideoSignatureStore.getState().signaturePad;
       if (!signaturePad.current) throw new Error('Signature pad not found');
@@ -24443,11 +24476,11 @@
         setTimeout(function () {
           useVideoSignatureStore.getState().clearRecordedData();
           setTimeout(function () {
-            useVideoSignatureStore.getState().startRecording(camera, audioStream, captureAudio);
+            useVideoSignatureStore.getState().startRecording(captureAudio);
           }, 100);
         }, 100);
       }
-    }, [audioStream, camera, captureAudio, restartVideoOnSignaturePadCleared]);
+    }, [captureAudio, restartVideoOnSignaturePadCleared]);
     return /*#__PURE__*/React.createElement(Component, _assign({}, props, {
       faceGuideStatus: status,
       onAcceptBtnClicked: onAcceptBtnClicked,
@@ -24801,12 +24834,10 @@
       _9 = _7.height,
       height = _9 === void 0 ? 1 : _9;
     var _10 = useCameraStore(),
-      camera = _10.camera,
       videoRef = _10.videoRef,
       videoLoaded = _10.videoLoaded,
       cameraReady = _10.cameraReady,
       microphoneReady = _10.microphoneReady,
-      audioStream = _10.audioStream,
       isRearFacing = _10.isRearFacing,
       releaseCameraAccess = _10.releaseCameraAccess;
     var _11 = React.useState([]),
@@ -24848,8 +24879,8 @@
       countdownRemaining = _18[0],
       setCountdownRemaining = _18[1];
     React.useEffect(function () {
-      if (camera && !isRecordingVideo && !videoUrl) {
-        useVideoRecorderStore.getState().startRecordingVideo(camera, audioStream);
+      if (!isRecordingVideo && !videoUrl) {
+        useVideoRecorderStore.getState().startRecordingVideo();
         setVideoStartsAt(new Date());
       }
       // if the mergeAVStreams flag is present, the audio stream is on the video
@@ -24860,7 +24891,7 @@
         releaseCameraAccess();
         onComplete === null || onComplete === void 0 ? void 0 : onComplete(videoUrl, audioUrl);
       }
-    }, [audioStream, audioUrl, camera, isRecordingVideo, mergeAVStreams, onComplete, readTextPrompt, releaseCameraAccess, videoUrl]);
+    }, [audioUrl, isRecordingVideo, mergeAVStreams, onComplete, readTextPrompt, releaseCameraAccess, videoUrl]);
     React.useEffect(function () {
       if (videoRecordingUnintentionallyStopped || audioRecordingUnintentionallyStopped || !!readTextPrompt && !microphoneReady) {
         onRecordingFailed === null || onRecordingFailed === void 0 ? void 0 : onRecordingFailed();
@@ -24955,14 +24986,14 @@
       var _a;
       if (translatedText) {
         setRequestedAction('READ_TEXT');
-        useVideoRecorderStore.getState().startRecordingAudio(audioStream);
+        useVideoRecorderStore.getState().startRecordingAudio();
         setIdCaptureVideoAudioStartsAt(new Date().getTime() - ((_a = videoStartsAt === null || videoStartsAt === void 0 ? void 0 : videoStartsAt.getTime()) !== null && _a !== void 0 ? _a : 0));
         var renderedTranslatedText = typeof translatedText === 'string' ? translatedText : server.renderToString(translatedText);
         setExpectedAudioText(renderedTranslatedText);
       } else {
         useVideoRecorderStore.getState().stopRecordingVideo();
       }
-    }, [audioStream, setExpectedAudioText, setIdCaptureVideoAudioStartsAt, translatedText, videoStartsAt]);
+    }, [setExpectedAudioText, setIdCaptureVideoAudioStartsAt, translatedText, videoStartsAt]);
     var frameWidth = (_c = (_b = videoRef.current) === null || _b === void 0 ? void 0 : _b.videoWidth) !== null && _c !== void 0 ? _c : 0;
     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;
@@ -25594,36 +25625,36 @@
   };
 
   function CompositeWizard(_a) {
-    var _b, _c, _d, _e, _f, _g, _h, _j, _k;
+    var _b;
     var userChecks = _a.checks,
-      _l = _a.idCaptureProps,
-      idCaptureProps = _l === void 0 ? {} : _l,
-      _m = _a.faceLivenessProps,
-      faceLivenessProps = _m === void 0 ? {} : _m,
+      _c = _a.idCaptureProps,
+      idCaptureProps = _c === void 0 ? {} : _c,
+      _d = _a.faceLivenessProps,
+      faceLivenessProps = _d === void 0 ? {} : _d,
       additionalDocumentCaptureProps = _a.additionalDocumentCaptureProps,
-      _o = _a.signatureCaptureProps,
-      signatureCaptureProps = _o === void 0 ? {} : _o,
-      _p = _a.videoSignatureCaptureProps,
-      videoSignatureCaptureProps = _p === void 0 ? {} : _p,
-      _q = _a.videoIdCaptureProps,
-      videoIdCaptureProps = _q === void 0 ? {} : _q,
-      _r = _a.captureSignature,
-      captureSignature = _r === void 0 ? false : _r,
-      _s = _a.captureSignatureVideo,
-      captureSignatureVideo = _s === void 0 ? false : _s,
+      _e = _a.signatureCaptureProps,
+      signatureCaptureProps = _e === void 0 ? {} : _e,
+      _f = _a.videoSignatureCaptureProps,
+      videoSignatureCaptureProps = _f === void 0 ? {} : _f,
+      _g = _a.videoIdCaptureProps,
+      videoIdCaptureProps = _g === void 0 ? {} : _g,
+      _h = _a.captureSignature,
+      captureSignature = _h === void 0 ? false : _h,
+      _j = _a.captureSignatureVideo,
+      captureSignatureVideo = _j === void 0 ? false : _j,
       onCameraAccessDenied = _a.onCameraAccessDenied,
       onCameraTamperingDetected = _a.onCameraTamperingDetected,
       onMicrophoneAccessDenied = _a.onMicrophoneAccessDenied,
-      _t = _a.debugMode,
-      debugMode = _t === void 0 ? false : _t;
-    var _u = React.useContext(SubmissionContext),
-      submit = _u.submit,
-      submissionStatus = _u.submissionStatus,
-      setSignatureData = _u.setSignatureData,
-      setAdditionalDocuments = _u.setAdditionalDocuments;
-    var _v = React.useState(0),
-      checkIndex = _v[0],
-      setCheckIndex = _v[1];
+      _k = _a.debugMode,
+      debugMode = _k === void 0 ? false : _k;
+    var _l = React.useContext(SubmissionContext),
+      submit = _l.submit,
+      submissionStatus = _l.submissionStatus,
+      setSignatureData = _l.setSignatureData,
+      setAdditionalDocuments = _l.setAdditionalDocuments;
+    var _m = React.useState(0),
+      checkIndex = _m[0],
+      setCheckIndex = _m[1];
     var checks = React.useMemo(function () {
       var _a, _b;
       var checks = __spreadArray([], userChecks, true);
@@ -25730,24 +25761,13 @@
     var shouldLoadIdCaptureModels = !(idCaptureProps === null || idCaptureProps === void 0 ? void 0 : idCaptureProps.forceFallbackMode) && !(idCaptureProps === null || idCaptureProps === void 0 ? void 0 : idCaptureProps.allowUploadingDocumentsFromStorage);
     switch (checks[checkIndex]) {
       case 'IdCapture':
-        return /*#__PURE__*/React.createElement(CameraStoreProvider, {
+        return /*#__PURE__*/React.createElement(IdCaptureWizardWithProviders, _assign({}, idCaptureProps, {
           onCameraAccessDenied: onCameraAccessDenied,
           onCameraTamperingDetected: onCameraTamperingDetected,
           onMicrophoneAccessDenied: onMicrophoneAccessDenied,
-          requestAccessAutomatically: shouldLoadIdCaptureModels,
-          classNames: (_c = idCaptureProps.classNames) === null || _c === void 0 ? void 0 : _c.cameraStoreProvider,
-          verbiage: (_d = idCaptureProps.verbiage) === null || _d === void 0 ? void 0 : _d.cameraStoreProvider
-        }, /*#__PURE__*/React.createElement(IdCaptureModelsProvider, {
-          autoStart: false,
-          shouldLoadModels: shouldLoadIdCaptureModels,
-          documentDetectionModelUrl: (_f = (_e = idCaptureProps.assets) === null || _e === void 0 ? void 0 : _e.documentDetectionModelUrl) !== null && _f !== void 0 ? _f : '',
-          focusModelUrl: (_h = (_g = idCaptureProps.assets) === null || _g === void 0 ? void 0 : _g.focusModelUrl) !== null && _h !== void 0 ? _h : '',
-          onModelError: idCaptureProps.onModelError,
-          modelLoadTimeoutMs: idCaptureProps.modelLoadTimeoutMs,
-          allowSinglePageIdCapture: idCaptureProps.allowSinglePageIdCapture
-        }, /*#__PURE__*/React.createElement(IdCaptureStateProvider, null, /*#__PURE__*/React.createElement(GuideOrientationContextProvider, null, /*#__PURE__*/React.createElement(IdCaptureWizard, _assign({}, idCaptureProps, {
+          shouldLoadIdCaptureModels: shouldLoadIdCaptureModels,
           onSuccess: onIdCaptureSuccess
-        }))))));
+        }));
       case 'VideoIdCapture':
         return /*#__PURE__*/React.createElement(VideoIdWizard, _assign({}, videoIdCaptureProps, {
           onComplete: onVideoIdCaptureComplete,
@@ -25756,21 +25776,12 @@
           onMicrophoneAccessDenied: onMicrophoneAccessDenied
         }));
       case 'FaceLiveness':
-        return /*#__PURE__*/React.createElement(CameraStoreProvider, {
-          preferFrontFacingCamera: true,
-          preferIphoneContinuityCamera: false,
+        return /*#__PURE__*/React.createElement(FaceLivenessWizardWithProviders, _assign({}, faceLivenessProps, {
           onCameraAccessDenied: onCameraAccessDenied,
           onCameraTamperingDetected: onCameraTamperingDetected,
           onMicrophoneAccessDenied: onMicrophoneAccessDenied,
-          classNames: (_j = faceLivenessProps.classNames) === null || _j === void 0 ? void 0 : _j.cameraStoreProvider,
-          verbiage: (_k = faceLivenessProps.verbiage) === null || _k === void 0 ? void 0 : _k.cameraStoreProvider
-        }, /*#__PURE__*/React.createElement(SelfieGuidanceModelsProvider, {
-          autoStart: false,
-          onModelError: faceLivenessProps.onModelError,
-          modelLoadTimeoutMs: faceLivenessProps.modelLoadTimeoutMs
-        }, /*#__PURE__*/React.createElement(FaceLivenessWizard, _assign({}, faceLivenessProps, {
           onComplete: onFaceLivenessComplete
-        }))));
+        }));
       case 'SignatureCapture':
         return /*#__PURE__*/React.createElement(SignatureCapture, _assign({}, signatureCaptureProps, {
           onAccept: onSignatureCaptureSuccess