idmission-web-sdk 2.3.57 → 2.3.59

package/dist/sdk2.umd.development.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react'), require('react-dom/client'), require('platform'), require('styled-components'), require('react-dom'), require('tus-js-client'), require('prop-types')) :
-  typeof define === 'function' && define.amd ? define(['exports', 'react', 'react-dom/client', 'platform', 'styled-components', 'react-dom', 'tus-js-client', 'prop-types'], factory) :
-  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.Sdk2 = {}, global.React, global.ReactDOM, global.platform, global.styled, global.ReactDOM, global.tusJsClient, global.PropTypes));
-})(this, (function (exports, React, ReactDOM, platform, styled, reactDom, tusJsClient, require$$0) { 'use strict';
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react'), require('react-dom/client'), require('platform'), require('styled-components'), require('react-dom'), require('tus-js-client'), require('prop-types'), require('react-dom/server')) :
+  typeof define === 'function' && define.amd ? define(['exports', 'react', 'react-dom/client', 'platform', 'styled-components', 'react-dom', 'tus-js-client', 'prop-types', 'react-dom/server'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.Sdk2 = {}, global.React, global.ReactDOM, global.platform, global.styled, global.ReactDOM, global.tusJsClient, global.PropTypes, global.server));
+})(this, (function (exports, React, ReactDOM, platform, styled, reactDom, tusJsClient, require$$0, server) { 'use strict';
 
   function _interopNamespaceDefault(e) {
     var n = Object.create(null);
@@ -211,7 +211,7 @@
     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
@@ -9477,18 +9477,11 @@
         return listeners["delete"](listener);
       };
     };
-    var destroy = function destroy() {
-      if ((undefined ? undefined.MODE : void 0) !== "production") {
-        console.warn("[DEPRECATED] The `destroy` method will be unsupported in a future version. Instead use unsubscribe function returned by subscribe. Everything will be garbage-collected if store is garbage-collected.");
-      }
-      listeners.clear();
-    };
     var api = {
       setState: setState,
       getState: getState,
       getInitialState: getInitialState,
-      subscribe: subscribe,
-      destroy: destroy
+      subscribe: subscribe
     };
     var initialState = state = createState(setState, getState, api);
     return api;
@@ -9497,213 +9490,25 @@
     return createState ? createStoreImpl(createState) : createStoreImpl;
   };
 
-  var withSelector = {exports: {}};
-
-  var shim = {exports: {}};
-
-  var useSyncExternalStoreShim_development = {};
-
-  /**
-   * @license React
-   * use-sync-external-store-shim.development.js
-   *
-   * Copyright (c) Meta Platforms, Inc. and affiliates.
-   *
-   * This source code is licensed under the MIT license found in the
-   * LICENSE file in the root directory of this source tree.
-   */
-  var hasRequiredUseSyncExternalStoreShim_development;
-  function requireUseSyncExternalStoreShim_development() {
-    if (hasRequiredUseSyncExternalStoreShim_development) return useSyncExternalStoreShim_development;
-    hasRequiredUseSyncExternalStoreShim_development = 1;
-    (function () {
-      function is(x, y) {
-        return x === y && (0 !== x || 1 / x === 1 / y) || x !== x && y !== y;
-      }
-      function useSyncExternalStore$2(subscribe, getSnapshot) {
-        didWarnOld18Alpha || void 0 === React$1.startTransition || (didWarnOld18Alpha = !0, console.error("You are using an outdated, pre-release alpha of React 18 that does not support useSyncExternalStore. The use-sync-external-store shim will not work correctly. Upgrade to a newer pre-release."));
-        var value = getSnapshot();
-        if (!didWarnUncachedGetSnapshot) {
-          var cachedValue = getSnapshot();
-          objectIs(value, cachedValue) || (console.error("The result of getSnapshot should be cached to avoid an infinite loop"), didWarnUncachedGetSnapshot = !0);
-        }
-        cachedValue = useState({
-          inst: {
-            value: value,
-            getSnapshot: getSnapshot
-          }
-        });
-        var inst = cachedValue[0].inst,
-          forceUpdate = cachedValue[1];
-        useLayoutEffect(function () {
-          inst.value = value;
-          inst.getSnapshot = getSnapshot;
-          checkIfSnapshotChanged(inst) && forceUpdate({
-            inst: inst
-          });
-        }, [subscribe, value, getSnapshot]);
-        useEffect(function () {
-          checkIfSnapshotChanged(inst) && forceUpdate({
-            inst: inst
-          });
-          return subscribe(function () {
-            checkIfSnapshotChanged(inst) && forceUpdate({
-              inst: inst
-            });
-          });
-        }, [subscribe]);
-        useDebugValue(value);
-        return value;
-      }
-      function checkIfSnapshotChanged(inst) {
-        var latestGetSnapshot = inst.getSnapshot;
-        inst = inst.value;
-        try {
-          var nextValue = latestGetSnapshot();
-          return !objectIs(inst, nextValue);
-        } catch (error) {
-          return !0;
-        }
-      }
-      function useSyncExternalStore$1(subscribe, getSnapshot) {
-        return getSnapshot();
-      }
-      "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-      var React$1 = React,
-        objectIs = "function" === typeof Object.is ? Object.is : is,
-        useState = React$1.useState,
-        useEffect = React$1.useEffect,
-        useLayoutEffect = React$1.useLayoutEffect,
-        useDebugValue = React$1.useDebugValue,
-        didWarnOld18Alpha = !1,
-        didWarnUncachedGetSnapshot = !1,
-        shim = "undefined" === typeof window || "undefined" === typeof window.document || "undefined" === typeof window.document.createElement ? useSyncExternalStore$1 : useSyncExternalStore$2;
-      useSyncExternalStoreShim_development.useSyncExternalStore = void 0 !== React$1.useSyncExternalStore ? React$1.useSyncExternalStore : shim;
-      "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
-    })();
-    return useSyncExternalStoreShim_development;
-  }
-
-  var hasRequiredShim;
-  function requireShim() {
-    if (hasRequiredShim) return shim.exports;
-    hasRequiredShim = 1;
-    {
-      shim.exports = requireUseSyncExternalStoreShim_development();
-    }
-    return shim.exports;
-  }
-
-  var withSelector_development = {};
-
-  /**
-   * @license React
-   * use-sync-external-store-shim/with-selector.development.js
-   *
-   * Copyright (c) Meta Platforms, Inc. and affiliates.
-   *
-   * This source code is licensed under the MIT license found in the
-   * LICENSE file in the root directory of this source tree.
-   */
-  var hasRequiredWithSelector_development;
-  function requireWithSelector_development() {
-    if (hasRequiredWithSelector_development) return withSelector_development;
-    hasRequiredWithSelector_development = 1;
-    (function () {
-      function is(x, y) {
-        return x === y && (0 !== x || 1 / x === 1 / y) || x !== x && y !== y;
-      }
-      "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-      var React$1 = React,
-        shim = requireShim(),
-        objectIs = "function" === typeof Object.is ? Object.is : is,
-        useSyncExternalStore = shim.useSyncExternalStore,
-        useRef = React$1.useRef,
-        useEffect = React$1.useEffect,
-        useMemo = React$1.useMemo,
-        useDebugValue = React$1.useDebugValue;
-      withSelector_development.useSyncExternalStoreWithSelector = function (subscribe, getSnapshot, getServerSnapshot, selector, isEqual) {
-        var instRef = useRef(null);
-        if (null === instRef.current) {
-          var inst = {
-            hasValue: !1,
-            value: null
-          };
-          instRef.current = inst;
-        } else inst = instRef.current;
-        instRef = useMemo(function () {
-          function memoizedSelector(nextSnapshot) {
-            if (!hasMemo) {
-              hasMemo = !0;
-              memoizedSnapshot = nextSnapshot;
-              nextSnapshot = selector(nextSnapshot);
-              if (void 0 !== isEqual && inst.hasValue) {
-                var currentSelection = inst.value;
-                if (isEqual(currentSelection, nextSnapshot)) return memoizedSelection = currentSelection;
-              }
-              return memoizedSelection = nextSnapshot;
-            }
-            currentSelection = memoizedSelection;
-            if (objectIs(memoizedSnapshot, nextSnapshot)) return currentSelection;
-            var nextSelection = selector(nextSnapshot);
-            if (void 0 !== isEqual && isEqual(currentSelection, nextSelection)) return memoizedSnapshot = nextSnapshot, currentSelection;
-            memoizedSnapshot = nextSnapshot;
-            return memoizedSelection = nextSelection;
-          }
-          var hasMemo = !1,
-            memoizedSnapshot,
-            memoizedSelection,
-            maybeGetServerSnapshot = void 0 === getServerSnapshot ? null : getServerSnapshot;
-          return [function () {
-            return memoizedSelector(getSnapshot());
-          }, null === maybeGetServerSnapshot ? void 0 : function () {
-            return memoizedSelector(maybeGetServerSnapshot());
-          }];
-        }, [getSnapshot, getServerSnapshot, selector, isEqual]);
-        var value = useSyncExternalStore(subscribe, instRef[0], instRef[1]);
-        useEffect(function () {
-          inst.hasValue = !0;
-          inst.value = value;
-        }, [value]);
-        useDebugValue(value);
-        return value;
-      };
-      "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
-    })();
-    return withSelector_development;
-  }
-
-  {
-    withSelector.exports = requireWithSelector_development();
-  }
-  var withSelectorExports = withSelector.exports;
-  var useSyncExternalStoreExports = /*@__PURE__*/getDefaultExportFromCjs(withSelectorExports);
-
-  var useDebugValue = React.useDebugValue;
-  var useSyncExternalStoreWithSelector = useSyncExternalStoreExports.useSyncExternalStoreWithSelector;
-  var didWarnAboutEqualityFn = false;
   var identity = function identity(arg) {
     return arg;
   };
-  function useStore(api, selector, equalityFn) {
+  function useStore(api, selector) {
     if (selector === void 0) {
       selector = identity;
     }
-    if ((undefined ? undefined.MODE : void 0) !== "production" && equalityFn && !didWarnAboutEqualityFn) {
-      console.warn("[DEPRECATED] Use `createWithEqualityFn` instead of `create` or use `useStoreWithEqualityFn` instead of `useStore`. They can be imported from 'zustand/traditional'. https://github.com/pmndrs/zustand/discussions/1937");
-      didWarnAboutEqualityFn = true;
-    }
-    var slice = useSyncExternalStoreWithSelector(api.subscribe, api.getState, api.getServerState || api.getInitialState, selector, equalityFn);
-    useDebugValue(slice);
+    var slice = React.useSyncExternalStore(api.subscribe, function () {
+      return selector(api.getState());
+    }, function () {
+      return selector(api.getInitialState());
+    });
+    React.useDebugValue(slice);
     return slice;
   }
   var createImpl = function createImpl(createState) {
-    if ((undefined ? undefined.MODE : void 0) !== "production" && typeof createState !== "function") {
-      console.warn("[DEPRECATED] Passing a vanilla store will be unsupported in a future version. Instead use `import { useStore } from 'zustand'`.");
-    }
-    var api = typeof createState === "function" ? createStore(createState) : createState;
-    var useBoundStore = function useBoundStore(selector, equalityFn) {
-      return useStore(api, selector, equalityFn);
+    var api = createStore(createState);
+    var useBoundStore = function useBoundStore(selector) {
+      return useStore(api, selector);
     };
     Object.assign(useBoundStore, api);
     return useBoundStore;
@@ -9805,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() {
@@ -13729,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
   };
@@ -13760,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) {
@@ -13781,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();
@@ -13863,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({
@@ -13889,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:
@@ -13913,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,
@@ -13923,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,
@@ -13936,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
@@ -13972,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*/];
@@ -14011,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
                     });
@@ -14021,6 +13827,7 @@
                         microphoneReady: false,
                         microphoneAccessDenied: true
                       });
+                      get().releaseMicrophoneAccess();
                     };
                     var track = stream_2.getAudioTracks()[0];
                     track.onended = handleStreamEnded;
@@ -14044,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
           });
@@ -14903,11 +14709,8 @@
       var extensionConnector;
       try {
         extensionConnector = (enabled != null ? enabled : (undefined ? undefined.MODE : void 0) !== "production") && window.__REDUX_DEVTOOLS_EXTENSION__;
-      } catch (_e) {}
+      } catch (e) {}
       if (!extensionConnector) {
-        if ((undefined ? undefined.MODE : void 0) !== "production" && enabled) {
-          console.warn("[zustand devtools middleware] Please install/enable Redux devtools extension");
-        }
         return fn(set, get, api);
       }
       var _extractConnectionInf = extractConnectionInformation(store, extensionConnector, options),
@@ -14978,7 +14781,7 @@
                   return;
                 }
                 if (Object.keys(action.state).length !== 1) {
-                  console.error("\n                    [zustand devtools middleware] Unsupported __setState action format. \n                    When using 'store' option in devtools(), the 'state' should have only one key, which is a value of 'store' that was passed in devtools(),\n                    and value of this only key should be a state object. Example: { \"type\": \"__setState\", \"state\": { \"abc123Store\": { \"foo\": \"bar\" } } }\n                    ");
+                  console.error("\n                    [zustand devtools middleware] Unsupported __setState action format.\n                    When using 'store' option in devtools(), the 'state' should have only one key, which is a value of 'store' that was passed in devtools(),\n                    and value of this only key should be a state object. Example: { \"type\": \"__setState\", \"state\": { \"abc123Store\": { \"foo\": \"bar\" } } }\n                    ");
                 }
                 var stateFromDevtools = action.state[store];
                 if (stateFromDevtools === void 0 || stateFromDevtools === null) {
@@ -15066,50 +14869,71 @@
   function _createForOfIteratorHelperLoose(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (t) return (t = t.call(r)).next.bind(t); if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e) { t && (r = t); var o = 0; return function () { return o >= r.length ? { done: !0 } : { done: !1, value: r[o++] }; }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
   function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
   function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-  function shallow(objA, objB) {
-    if (Object.is(objA, objB)) {
-      return true;
-    }
-    if (typeof objA !== "object" || objA === null || typeof objB !== "object" || objB === null) {
+  var isIterable = function isIterable(obj) {
+    return Symbol.iterator in obj;
+  };
+  var hasIterableEntries = function hasIterableEntries(value) {
+    return (
+      // HACK: avoid checking entries type
+      "entries" in value
+    );
+  };
+  var compareEntries = function compareEntries(valueA, valueB) {
+    var mapA = valueA instanceof Map ? valueA : new Map(valueA.entries());
+    var mapB = valueB instanceof Map ? valueB : new Map(valueB.entries());
+    if (mapA.size !== mapB.size) {
       return false;
     }
-    if (objA instanceof Map && objB instanceof Map) {
-      if (objA.size !== objB.size) return false;
-      for (var _iterator = _createForOfIteratorHelperLoose(objA), _step; !(_step = _iterator()).done;) {
-        var _step$value = _step.value,
-          key = _step$value[0],
-          value = _step$value[1];
-        if (!Object.is(value, objB.get(key))) {
-          return false;
-        }
+    for (var _iterator = _createForOfIteratorHelperLoose(mapA), _step; !(_step = _iterator()).done;) {
+      var _step$value = _step.value,
+        key = _step$value[0],
+        value = _step$value[1];
+      if (!Object.is(value, mapB.get(key))) {
+        return false;
       }
-      return true;
     }
-    if (objA instanceof Set && objB instanceof Set) {
-      if (objA.size !== objB.size) return false;
-      for (var _iterator2 = _createForOfIteratorHelperLoose(objA), _step2; !(_step2 = _iterator2()).done;) {
-        var _value = _step2.value;
-        if (!objB.has(_value)) {
-          return false;
-        }
+    return true;
+  };
+  var compareIterables = function compareIterables(valueA, valueB) {
+    var iteratorA = valueA[Symbol.iterator]();
+    var iteratorB = valueB[Symbol.iterator]();
+    var nextA = iteratorA.next();
+    var nextB = iteratorB.next();
+    while (!nextA.done && !nextB.done) {
+      if (!Object.is(nextA.value, nextB.value)) {
+        return false;
       }
+      nextA = iteratorA.next();
+      nextB = iteratorB.next();
+    }
+    return !!nextA.done && !!nextB.done;
+  };
+  function shallow(valueA, valueB) {
+    if (Object.is(valueA, valueB)) {
       return true;
     }
-    var keysA = Object.keys(objA);
-    if (keysA.length !== Object.keys(objB).length) {
+    if (typeof valueA !== "object" || valueA === null || typeof valueB !== "object" || valueB === null) {
       return false;
     }
-    for (var _i = 0, _keysA = keysA; _i < _keysA.length; _i++) {
-      var keyA = _keysA[_i];
-      if (!Object.prototype.hasOwnProperty.call(objB, keyA) || !Object.is(objA[keyA], objB[keyA])) {
-        return false;
-      }
+    if (!isIterable(valueA) || !isIterable(valueB)) {
+      return compareEntries({
+        entries: function entries() {
+          return Object.entries(valueA);
+        }
+      }, {
+        entries: function entries() {
+          return Object.entries(valueB);
+        }
+      });
     }
-    return true;
+    if (hasIterableEntries(valueA) && hasIterableEntries(valueB)) {
+      return compareEntries(valueA, valueB);
+    }
+    return compareIterables(valueA, valueB);
   }
-  var useRef = React.useRef;
+
   function useShallow(selector) {
-    var prev = useRef();
+    var prev = React.useRef();
     return function (state) {
       var next = selector(state);
       return shallow(prev.current, next) ? prev.current : prev.current = next;
@@ -15934,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'
@@ -18387,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 () {
@@ -18483,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);
@@ -18500,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
@@ -18629,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));
   };
@@ -18688,7 +18507,6 @@
       content = _k.content,
       uploadState = _k.uploadState;
     var _l = useCameraStore(),
-      videoStream = _l.videoStream,
       cameraReady = _l.cameraReady,
       cameraAccessDenied = _l.cameraAccessDenied,
       requestCameraAccess = _l.requestCameraAccess;
@@ -18703,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);
@@ -19902,7 +19720,7 @@
           focusScore: metadata.bestFocusScore
         }
       });
-    }, [logCaptureMetadata]);
+    }, [logCaptureMetadata, onDocumentCaptured]);
     var onSubmitClick = React.useCallback(function () {
       var _a, _b, _c, _d, _e, _f, _g, _h;
       var docs = state.capturedDocuments;
@@ -20128,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;
@@ -21141,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,
@@ -22319,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),
@@ -23503,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;
@@ -23536,8 +23399,8 @@
             // TODO: figure out what to do here
           }
         }, 100);
-        if (audioStream && !mergeAVStreams) {
-          startRecordingAudio(audioStream);
+        if (captureAudio && !mergeAVStreams) {
+          startRecordingAudio();
         }
       },
       stopRecordingVideo: function stopRecordingVideo() {
@@ -23548,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();
@@ -23682,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]];
@@ -23987,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(),
@@ -24002,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 () {
@@ -24012,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;
@@ -24036,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;
@@ -24047,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,
@@ -24090,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
     }));
@@ -24596,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');
@@ -24620,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,
@@ -24978,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([]),
@@ -25025,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
@@ -25037,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();
@@ -25132,13 +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));
-        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;
@@ -25770,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);
@@ -25906,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,
@@ -25932,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