idmission-web-sdk 2.3.57 → 2.3.59

package/dist/sdk2.cjs.development.js

@@ -17,6 +17,7 @@ var middleware = require('zustand/middleware');
 var shallow = require('zustand/react/shallow');
 var cn = require('clsx');
 var SignatureCanvas = require('react-signature-canvas');
+var server = require('react-dom/server');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -235,7 +236,7 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
   return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
 };
 
-var webSdkVersion = '2.3.57';
+var webSdkVersion = '2.3.59';
 
 function getPlatform() {
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -3671,8 +3672,8 @@ function obtainCameraAccess(stream, deviceLabel, video) {
     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() {
@@ -4805,24 +4806,24 @@ function useTranslations(verbiage, fallbacks) {
   }, [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
 };
@@ -4836,8 +4837,7 @@ var createCameraStore = function createCameraStore(config) {
         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) {
@@ -4857,19 +4857,19 @@ var createCameraStore = function createCameraStore(config) {
       },
       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();
@@ -4939,16 +4939,16 @@ var createCameraStore = function createCameraStore(config) {
                   };
                 }
                 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({
@@ -4965,19 +4965,19 @@ var createCameraStore = function createCameraStore(config) {
                 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:
@@ -4989,8 +4989,8 @@ var createCameraStore = function createCameraStore(config) {
                 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,
@@ -4999,9 +4999,9 @@ var createCameraStore = function createCameraStore(config) {
                     get().requestCameraAccess();
                   } else {
                     debug('someone unplugged the webcam');
-                    releaseCameraAccess();
+                    get().releaseCameraAccess();
+                    videoStream = null;
                     set({
-                      videoStream: null,
                       videoDevice: null,
                       videoLoaded: false,
                       cameraReady: false,
@@ -5012,25 +5012,26 @@ var createCameraStore = function createCameraStore(config) {
                 (_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
@@ -5048,17 +5049,18 @@ var createCameraStore = function createCameraStore(config) {
       },
       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*/];
@@ -5087,8 +5089,8 @@ var createCameraStore = function createCameraStore(config) {
                 // 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
                   });
@@ -5097,6 +5099,7 @@ var createCameraStore = function createCameraStore(config) {
                       microphoneReady: false,
                       microphoneAccessDenied: true
                     });
+                    get().releaseMicrophoneAccess();
                   };
                   var track = stream_2.getAudioTracks()[0];
                   track.onended = handleStreamEnded;
@@ -5120,14 +5123,13 @@ var createCameraStore = function createCameraStore(config) {
       },
       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
         });
@@ -6665,15 +6667,13 @@ var IdCapture = function IdCapture(_a) {
     _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'
@@ -9103,9 +9103,7 @@ var DocumentCaptureStateProvider = function DocumentCaptureStateProvider(_a) {
   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 () {
@@ -9199,7 +9197,7 @@ var DocumentCaptureStateProvider = function DocumentCaptureStateProvider(_a) {
   }, [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);
@@ -9216,7 +9214,7 @@ var DocumentCaptureStateProvider = function DocumentCaptureStateProvider(_a) {
       drawToCanvas(canvas, videoTag);
       canvas.toBlob(onComplete);
     }
-  }, [state.capturing, videoStream, videoTag]);
+  }, [state.capturing, videoTag]);
   var stateWithActions = React.useMemo(function () {
     return _assign(_assign({}, state), {
       uploadCapturedDocument: uploadCapturedDocument
@@ -9345,29 +9343,28 @@ var templateObject_1$u;
 var CameraVideoTag = function CameraVideoTag(props) {
   var _a = useCameraStore(shallow.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__namespace.default.createElement(FullscreenVideoTag, _assign({
     autoPlay: true,
     playsInline: true,
     muted: true,
     ref: videoRef,
-    onLoadedData: onVideoMounted,
+    onCanPlay: onVideoMounted,
     "$isRearFacing": isRearFacing
   }, props));
 };
@@ -9404,7 +9401,6 @@ var DocumentCaptureScreen = function DocumentCaptureScreen(_a) {
     content = _k.content,
     uploadState = _k.uploadState;
   var _l = useCameraStore(),
-    videoStream = _l.videoStream,
     cameraReady = _l.cameraReady,
     cameraAccessDenied = _l.cameraAccessDenied,
     requestCameraAccess = _l.requestCameraAccess;
@@ -9419,7 +9415,7 @@ var DocumentCaptureScreen = function DocumentCaptureScreen(_a) {
   // 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);
@@ -10618,7 +10614,7 @@ var IdCaptureWizard = function IdCaptureWizard(_a) {
         focusScore: metadata.bestFocusScore
       }
     });
-  }, [logCaptureMetadata]);
+  }, [logCaptureMetadata, onDocumentCaptured]);
   var onSubmitClick = React.useCallback(function () {
     var _a, _b, _c, _d, _e, _f, _g, _h;
     var docs = state.capturedDocuments;
@@ -10844,6 +10840,30 @@ var IdCaptureWizard = function IdCaptureWizard(_a) {
     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__namespace.default.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__namespace.default.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__namespace.default.createElement(IdCaptureStateProvider, null, /*#__PURE__*/React__namespace.default.createElement(GuideOrientationContextProvider, null, /*#__PURE__*/React__namespace.default.createElement(IdCaptureWizard, _assign({}, idCaptureProps))))));
+}
 
 function SelfieCaptureLoadingGraphic(_a) {
   var _b, _c, _d;
@@ -11857,9 +11877,6 @@ var SelfieCapture = function SelfieCapture(_a) {
     prediction = _o.prediction,
     dispatch = _m[1];
   var lastPredictionCanvas = React.useRef(null);
-  var camera = useCameraStore(shallow.useShallow(function (state) {
-    return state.camera;
-  }));
   var _p = React.useContext(SelfieGuidanceModelsContext),
     onPredictionMade = _p.onPredictionMade,
     canvasRef = _p.canvasRef,
@@ -13035,6 +13052,26 @@ var FaceLivenessWizard = function FaceLivenessWizard(_a) {
     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__namespace.default.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__namespace.default.createElement(SelfieGuidanceModelsProvider, {
+    autoStart: false,
+    onModelError: faceLivenessProps.onModelError,
+    modelLoadTimeoutMs: faceLivenessProps.modelLoadTimeoutMs
+  }, /*#__PURE__*/React__namespace.default.createElement(FaceLivenessWizard, _assign({}, faceLivenessProps))));
+}
 
 var SubmissionSuccess = function SubmissionSuccess() {
   var _a = React.useContext(SubmissionContext),
@@ -13451,12 +13488,16 @@ var initialState$2 = {
 };
 var useVideoRecorderStore = zustand.create()(middleware.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;
@@ -13484,8 +13525,8 @@ var useVideoRecorderStore = zustand.create()(middleware.devtools(function (set,
           // TODO: figure out what to do here
         }
       }, 100);
-      if (audioStream && !mergeAVStreams) {
-        startRecordingAudio(audioStream);
+      if (captureAudio && !mergeAVStreams) {
+        startRecordingAudio();
       }
     },
     stopRecordingVideo: function stopRecordingVideo() {
@@ -13496,7 +13537,7 @@ var useVideoRecorderStore = zustand.create()(middleware.devtools(function (set,
         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();
@@ -13630,18 +13671,19 @@ var videoSignatureInitialState = {
 };
 var useVideoSignatureStore = zustand.create()(middleware.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]];
@@ -13935,14 +13977,10 @@ var VideoSignatureCapture = function VideoSignatureCapture(_a) {
     debugMode = _l === void 0 ? false : _l;
   var _m = useCameraStore(shallow.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(),
@@ -13950,8 +13988,6 @@ var VideoSignatureCapture = function VideoSignatureCapture(_a) {
     startHeadTracking = _o.start,
     stopHeadTracking = _o.stop;
   var _p = useVideoSignatureStore(),
-    startRecording = _p.startRecording,
-    stopRecording = _p.stopRecording,
     clearRecordedData = _p.clearRecordedData,
     isRecording = _p.isRecording;
   React.useEffect(function () {
@@ -13960,10 +13996,11 @@ var VideoSignatureCapture = function VideoSignatureCapture(_a) {
     });
   }, [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;
@@ -13984,7 +14021,7 @@ var VideoSignatureCapture = function VideoSignatureCapture(_a) {
     setNumFramesWithoutFaces = _s[1];
   onHeadTrackingPredictionMade(useDebounce.useThrottledCallback(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;
@@ -13995,7 +14032,7 @@ var VideoSignatureCapture = function VideoSignatureCapture(_a) {
     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,
@@ -14038,7 +14075,7 @@ var VideoSignatureCapture = function VideoSignatureCapture(_a) {
     face: lastFace,
     scaling: debugScalingDetails,
     color: headTrackingSatisfied ? 'green' : 'red'
-  }))), /*#__PURE__*/React__namespace.default.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__namespace.default.createElement("br", null), "Recording: ", isRecording ? 'true' : 'false'))), /*#__PURE__*/React__namespace.default.createElement(ExitCaptureButton, {
+  }))), /*#__PURE__*/React__namespace.default.createElement(DebugStatsPane, null, "Video: ", videoWidth, "x", videoHeight, /*#__PURE__*/React__namespace.default.createElement("br", null), "Recording: ", isRecording ? 'true' : 'false'))), /*#__PURE__*/React__namespace.default.createElement(ExitCaptureButton, {
     onClick: onExit,
     className: classNames.exitCaptureBtn
   }));
@@ -14544,9 +14581,6 @@ function VideoSignatureWizardGuides(_a) {
     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');
@@ -14568,11 +14602,11 @@ function VideoSignatureWizardGuides(_a) {
       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__namespace.default.createElement(Component, _assign({}, props, {
     faceGuideStatus: status,
     onAcceptBtnClicked: onAcceptBtnClicked,
@@ -14926,12 +14960,10 @@ var IdVideoCapture = function IdVideoCapture(_a) {
     _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([]),
@@ -14973,8 +15005,8 @@ var IdVideoCapture = function IdVideoCapture(_a) {
     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
@@ -14985,7 +15017,7 @@ var IdVideoCapture = function IdVideoCapture(_a) {
       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();
@@ -15080,13 +15112,14 @@ var IdVideoCapture = function IdVideoCapture(_a) {
     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));
-      setExpectedAudioText(translatedText);
+      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;
@@ -15718,36 +15751,36 @@ var VideoIdWizard = function VideoIdWizard(_a) {
 };
 
 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);
@@ -15854,24 +15887,13 @@ function CompositeWizard(_a) {
   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__namespace.default.createElement(CameraStoreProvider, {
+      return /*#__PURE__*/React__namespace.default.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__namespace.default.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__namespace.default.createElement(IdCaptureStateProvider, null, /*#__PURE__*/React__namespace.default.createElement(GuideOrientationContextProvider, null, /*#__PURE__*/React__namespace.default.createElement(IdCaptureWizard, _assign({}, idCaptureProps, {
+        shouldLoadIdCaptureModels: shouldLoadIdCaptureModels,
         onSuccess: onIdCaptureSuccess
-      }))))));
+      }));
     case 'VideoIdCapture':
       return /*#__PURE__*/React__namespace.default.createElement(VideoIdWizard, _assign({}, videoIdCaptureProps, {
         onComplete: onVideoIdCaptureComplete,
@@ -15880,21 +15902,12 @@ function CompositeWizard(_a) {
         onMicrophoneAccessDenied: onMicrophoneAccessDenied
       }));
     case 'FaceLiveness':
-      return /*#__PURE__*/React__namespace.default.createElement(CameraStoreProvider, {
-        preferFrontFacingCamera: true,
-        preferIphoneContinuityCamera: false,
+      return /*#__PURE__*/React__namespace.default.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__namespace.default.createElement(SelfieGuidanceModelsProvider, {
-        autoStart: false,
-        onModelError: faceLivenessProps.onModelError,
-        modelLoadTimeoutMs: faceLivenessProps.modelLoadTimeoutMs
-      }, /*#__PURE__*/React__namespace.default.createElement(FaceLivenessWizard, _assign({}, faceLivenessProps, {
         onComplete: onFaceLivenessComplete
-      }))));
+      }));
     case 'SignatureCapture':
       return /*#__PURE__*/React__namespace.default.createElement(SignatureCapture, _assign({}, signatureCaptureProps, {
         onAccept: onSignatureCaptureSuccess