idmission-web-sdk 2.2.99 → 2.2.101

package/dist/sdk2.umd.development.js

@@ -211,7 +211,7 @@
     return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
   };
 
-  var webSdkVersion = '2.2.99';
+  var webSdkVersion = '2.2.101';
 
   function getPlatform() {
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -513,6 +513,16 @@
     }, _extends.apply(null, arguments);
   }
 
+  function _objectWithoutPropertiesLoose(r, e) {
+    if (null == r) return {};
+    var t = {};
+    for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
+      if (e.includes(n)) continue;
+      t[n] = r[n];
+    }
+    return t;
+  }
+
   var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
   function getDefaultExportFromCjs (x) {
@@ -9464,6 +9474,17 @@
     React.useDebugValue(slice);
     return slice;
   }
+  var createImpl = function createImpl(createState) {
+    var api = createStore(createState);
+    var useBoundStore = function useBoundStore(selector) {
+      return useStore(api, selector);
+    };
+    Object.assign(useBoundStore, api);
+    return useBoundStore;
+  };
+  var create$1 = function create(createState) {
+    return createImpl;
+  };
 
   function listAvailableCameras(facingMode_1) {
     return __awaiter(this, arguments, void 0, function (facingMode, requestMicAccess) {
@@ -10574,6 +10595,286 @@
     });
   }
 
+  var _excluded = ["enabled", "anonymousActionType", "store"],
+    _excluded2 = ["connection"];
+  var trackedConnections = /* @__PURE__ */new Map();
+  var getTrackedConnectionState = function getTrackedConnectionState(name) {
+    var api = trackedConnections.get(name);
+    if (!api) return {};
+    return Object.fromEntries(Object.entries(api.stores).map(function (_ref) {
+      var key = _ref[0],
+        api2 = _ref[1];
+      return [key, api2.getState()];
+    }));
+  };
+  var extractConnectionInformation = function extractConnectionInformation(store, extensionConnector, options) {
+    if (store === void 0) {
+      return {
+        type: "untracked",
+        connection: extensionConnector.connect(options)
+      };
+    }
+    var existingConnection = trackedConnections.get(options.name);
+    if (existingConnection) {
+      return _extends({
+        type: "tracked",
+        store: store
+      }, existingConnection);
+    }
+    var newConnection = {
+      connection: extensionConnector.connect(options),
+      stores: {}
+    };
+    trackedConnections.set(options.name, newConnection);
+    return _extends({
+      type: "tracked",
+      store: store
+    }, newConnection);
+  };
+  var devtoolsImpl = function devtoolsImpl(fn, devtoolsOptions) {
+    if (devtoolsOptions === void 0) {
+      devtoolsOptions = {};
+    }
+    return function (set, get, api) {
+      var _devtoolsOptions = devtoolsOptions,
+        enabled = _devtoolsOptions.enabled,
+        anonymousActionType = _devtoolsOptions.anonymousActionType,
+        store = _devtoolsOptions.store,
+        options = _objectWithoutPropertiesLoose(_devtoolsOptions, _excluded);
+      var extensionConnector;
+      try {
+        extensionConnector = (enabled != null ? enabled : (undefined ? undefined.MODE : void 0) !== "production") && window.__REDUX_DEVTOOLS_EXTENSION__;
+      } catch (e) {}
+      if (!extensionConnector) {
+        return fn(set, get, api);
+      }
+      var _extractConnectionInf = extractConnectionInformation(store, extensionConnector, options),
+        connection = _extractConnectionInf.connection,
+        connectionInformation = _objectWithoutPropertiesLoose(_extractConnectionInf, _excluded2);
+      var isRecording = true;
+      api.setState = function (state, replace, nameOrAction) {
+        var _extends2;
+        var r = set(state, replace);
+        if (!isRecording) return r;
+        var action = nameOrAction === void 0 ? {
+          type: anonymousActionType || "anonymous"
+        } : typeof nameOrAction === "string" ? {
+          type: nameOrAction
+        } : nameOrAction;
+        if (store === void 0) {
+          connection == null ? void 0 : connection.send(action, get());
+          return r;
+        }
+        connection == null ? void 0 : connection.send(_extends({}, action, {
+          type: store + "/" + action.type
+        }), _extends({}, getTrackedConnectionState(options.name), (_extends2 = {}, _extends2[store] = api.getState(), _extends2)));
+        return r;
+      };
+      var setStateFromDevtools = function setStateFromDevtools() {
+        var originalIsRecording = isRecording;
+        isRecording = false;
+        set.apply(void 0, arguments);
+        isRecording = originalIsRecording;
+      };
+      var initialState = fn(api.setState, get, api);
+      if (connectionInformation.type === "untracked") {
+        connection == null ? void 0 : connection.init(initialState);
+      } else {
+        connectionInformation.stores[connectionInformation.store] = api;
+        connection == null ? void 0 : connection.init(Object.fromEntries(Object.entries(connectionInformation.stores).map(function (_ref2) {
+          var key = _ref2[0],
+            store2 = _ref2[1];
+          return [key, key === connectionInformation.store ? initialState : store2.getState()];
+        })));
+      }
+      if (api.dispatchFromDevtools && typeof api.dispatch === "function") {
+        var didWarnAboutReservedActionType = false;
+        var originalDispatch = api.dispatch;
+        api.dispatch = function () {
+          for (var _len = arguments.length, a = new Array(_len), _key = 0; _key < _len; _key++) {
+            a[_key] = arguments[_key];
+          }
+          if ((undefined ? undefined.MODE : void 0) !== "production" && a[0].type === "__setState" && !didWarnAboutReservedActionType) {
+            console.warn('[zustand devtools middleware] "__setState" action type is reserved to set state from the devtools. Avoid using it.');
+            didWarnAboutReservedActionType = true;
+          }
+          originalDispatch.apply(void 0, a);
+        };
+      }
+      connection.subscribe(function (message) {
+        var _a;
+        switch (message.type) {
+          case "ACTION":
+            if (typeof message.payload !== "string") {
+              console.error("[zustand devtools middleware] Unsupported action format");
+              return;
+            }
+            return parseJsonThen(message.payload, function (action) {
+              if (action.type === "__setState") {
+                if (store === void 0) {
+                  setStateFromDevtools(action.state);
+                  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                    ");
+                }
+                var stateFromDevtools = action.state[store];
+                if (stateFromDevtools === void 0 || stateFromDevtools === null) {
+                  return;
+                }
+                if (JSON.stringify(api.getState()) !== JSON.stringify(stateFromDevtools)) {
+                  setStateFromDevtools(stateFromDevtools);
+                }
+                return;
+              }
+              if (!api.dispatchFromDevtools) return;
+              if (typeof api.dispatch !== "function") return;
+              api.dispatch(action);
+            });
+          case "DISPATCH":
+            switch (message.payload.type) {
+              case "RESET":
+                setStateFromDevtools(initialState);
+                if (store === void 0) {
+                  return connection == null ? void 0 : connection.init(api.getState());
+                }
+                return connection == null ? void 0 : connection.init(getTrackedConnectionState(options.name));
+              case "COMMIT":
+                if (store === void 0) {
+                  connection == null ? void 0 : connection.init(api.getState());
+                  return;
+                }
+                return connection == null ? void 0 : connection.init(getTrackedConnectionState(options.name));
+              case "ROLLBACK":
+                return parseJsonThen(message.state, function (state) {
+                  if (store === void 0) {
+                    setStateFromDevtools(state);
+                    connection == null ? void 0 : connection.init(api.getState());
+                    return;
+                  }
+                  setStateFromDevtools(state[store]);
+                  connection == null ? void 0 : connection.init(getTrackedConnectionState(options.name));
+                });
+              case "JUMP_TO_STATE":
+              case "JUMP_TO_ACTION":
+                return parseJsonThen(message.state, function (state) {
+                  if (store === void 0) {
+                    setStateFromDevtools(state);
+                    return;
+                  }
+                  if (JSON.stringify(api.getState()) !== JSON.stringify(state[store])) {
+                    setStateFromDevtools(state[store]);
+                  }
+                });
+              case "IMPORT_STATE":
+                {
+                  var nextLiftedState = message.payload.nextLiftedState;
+                  var lastComputedState = (_a = nextLiftedState.computedStates.slice(-1)[0]) == null ? void 0 : _a.state;
+                  if (!lastComputedState) return;
+                  if (store === void 0) {
+                    setStateFromDevtools(lastComputedState);
+                  } else {
+                    setStateFromDevtools(lastComputedState[store]);
+                  }
+                  connection == null ? void 0 : connection.send(null,
+                  // FIXME no-any
+                  nextLiftedState);
+                  return;
+                }
+              case "PAUSE_RECORDING":
+                return isRecording = !isRecording;
+            }
+            return;
+        }
+      });
+      return initialState;
+    };
+  };
+  var devtools = devtoolsImpl;
+  var parseJsonThen = function parseJsonThen(stringified, f) {
+    var parsed;
+    try {
+      parsed = JSON.parse(stringified);
+    } catch (e) {
+      console.error("[zustand devtools middleware] Could not parse the received json", e);
+    }
+    if (parsed !== void 0) f(parsed);
+  };
+
+  function _createForOfIteratorHelperLoose$1(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$1(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$1(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$1(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$1(r, a) : void 0; } }
+  function _arrayLikeToArray$1(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; }
+  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;
+    }
+    for (var _iterator = _createForOfIteratorHelperLoose$1(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;
+  };
+  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;
+    }
+    if (typeof valueA !== "object" || valueA === null || typeof valueB !== "object" || valueB === null) {
+      return false;
+    }
+    if (!isIterable(valueA) || !isIterable(valueB)) {
+      return compareEntries({
+        entries: function entries() {
+          return Object.entries(valueA);
+        }
+      }, {
+        entries: function entries() {
+          return Object.entries(valueB);
+        }
+      });
+    }
+    if (hasIterableEntries(valueA) && hasIterableEntries(valueB)) {
+      return compareEntries(valueA, valueB);
+    }
+    return compareIterables(valueA, valueB);
+  }
+
+  function useShallow(selector) {
+    var prev = React.useRef();
+    return function (state) {
+      var next = selector(state);
+      return shallow(prev.current, next) ? prev.current : prev.current = next;
+    };
+  }
+
   var initialState$4 = {
     initialDrawComplete: false,
     redrawing: false,
@@ -10629,31 +10930,35 @@
     requestedDocumentType: 'idCardFront',
     allowSinglePageIdCapture: false,
     allowIdCardBackToFrontCapture: false,
+    allowUploadingDocumentsFromStorage: false,
     isUploadingDocumentsFromStorage: false,
     uploadingDocumentsType: null,
     operationStartedAt: null,
-    captureStartedAt: null
+    captureStartedAt: null,
+    dispatch: function dispatch() {
+      return null;
+    }
   };
-  var IdCaptureStateContext = /*#__PURE__*/React.createContext(initialState$4);
-  var IdCaptureDispatchContext = /*#__PURE__*/React.createContext(function () {});
   var _reducer = function reducer(state, action) {
-    var _a, _b;
+    var _a;
     switch (action.type) {
       case 'configureWizard':
         {
-          var _c = action.payload,
-            captureRequirement = _c.captureRequirement,
-            precapturedDocuments = _c.precapturedDocuments,
-            allowSinglePageIdCapture = _c.allowSinglePageIdCapture,
-            allowIdCardBackToFrontCapture = _c.allowIdCardBackToFrontCapture,
-            enableOverrideWrongDocumentTypeDialog = _c.enableOverrideWrongDocumentTypeDialog,
-            allowOverrideWrongDocumentTypeAfterMs = _c.allowOverrideWrongDocumentTypeAfterMs;
+          var _b = action.payload,
+            captureRequirement = _b.captureRequirement,
+            precapturedDocuments = _b.precapturedDocuments,
+            allowSinglePageIdCapture = _b.allowSinglePageIdCapture,
+            allowIdCardBackToFrontCapture = _b.allowIdCardBackToFrontCapture,
+            enableOverrideWrongDocumentTypeDialog = _b.enableOverrideWrongDocumentTypeDialog,
+            allowOverrideWrongDocumentTypeAfterMs = _b.allowOverrideWrongDocumentTypeAfterMs,
+            allowUploadingDocumentsFromStorage = _b.allowUploadingDocumentsFromStorage;
           var newState = _assign(_assign({}, state), {
             captureRequirement: captureRequirement,
             allowSinglePageIdCapture: allowSinglePageIdCapture !== null && allowSinglePageIdCapture !== void 0 ? allowSinglePageIdCapture : false,
             allowIdCardBackToFrontCapture: allowIdCardBackToFrontCapture !== null && allowIdCardBackToFrontCapture !== void 0 ? allowIdCardBackToFrontCapture : false,
             enableOverrideWrongDocumentTypeDialog: enableOverrideWrongDocumentTypeDialog,
-            allowOverrideWrongDocumentTypeAfterMs: allowOverrideWrongDocumentTypeAfterMs
+            allowOverrideWrongDocumentTypeAfterMs: allowOverrideWrongDocumentTypeAfterMs,
+            allowUploadingDocumentsFromStorage: allowUploadingDocumentsFromStorage
           });
           if (captureRequirement === 'idCardBack') newState.requestedDocumentType = 'idCardBack';
           if (captureRequirement === 'passport') newState.requestedDocumentType = 'passport';
@@ -10671,7 +10976,7 @@
             }
           }
           newState.operationStartedAt = new Date();
-          if (!action.payload.allowUploadingDocumentsFromStorage) {
+          if (!allowUploadingDocumentsFromStorage) {
             newState.captureState = 'capturing';
           }
           return newState;
@@ -10711,26 +11016,26 @@
         });
       case 'objectsDetected':
         {
-          var _d = action.payload.prediction,
-            detectedObjects = _d.detectedObjects,
-            detectionThresholdMet = _d.detectionThresholdMet,
-            detectedDocumentType = _d.detectedDocumentType,
-            idCardFrontDetectionScore = _d.idCardFrontDetectionScore,
-            idCardFrontDetectionThresholdMet = _d.idCardFrontDetectionThresholdMet,
-            idCardBackDetectionScore = _d.idCardBackDetectionScore,
-            idCardBackDetectionThresholdMet = _d.idCardBackDetectionThresholdMet,
-            passportDetectionScore = _d.passportDetectionScore,
-            passportDetectionThresholdMet = _d.passportDetectionThresholdMet,
-            singlePageDetectionScore = _d.singlePageDetectionScore,
-            singlePageDetectionThresholdMet = _d.singlePageDetectionThresholdMet,
-            bestDocument = _d.bestDocument,
-            documentInBounds = _d.documentInBounds,
-            documentTooClose = _d.documentTooClose,
-            documentIsStable = _d.documentIsStable,
-            focusScore = _d.focusScore,
-            focusThresholdMet = _d.focusThresholdMet,
-            frameWidth = _d.frameWidth,
-            frameHeight = _d.frameHeight;
+          var _c = action.payload.prediction,
+            detectedObjects = _c.detectedObjects,
+            detectionThresholdMet = _c.detectionThresholdMet,
+            detectedDocumentType = _c.detectedDocumentType,
+            idCardFrontDetectionScore = _c.idCardFrontDetectionScore,
+            idCardFrontDetectionThresholdMet = _c.idCardFrontDetectionThresholdMet,
+            idCardBackDetectionScore = _c.idCardBackDetectionScore,
+            idCardBackDetectionThresholdMet = _c.idCardBackDetectionThresholdMet,
+            passportDetectionScore = _c.passportDetectionScore,
+            passportDetectionThresholdMet = _c.passportDetectionThresholdMet,
+            singlePageDetectionScore = _c.singlePageDetectionScore,
+            singlePageDetectionThresholdMet = _c.singlePageDetectionThresholdMet,
+            bestDocument = _c.bestDocument,
+            documentInBounds = _c.documentInBounds,
+            documentTooClose = _c.documentTooClose,
+            documentIsStable = _c.documentIsStable,
+            focusScore = _c.focusScore,
+            focusThresholdMet = _c.focusThresholdMet,
+            frameWidth = _c.frameWidth,
+            frameHeight = _c.frameHeight;
           var frameCapturedAt = new Date();
           var frameCaptureRate = 0;
           var goodFramesThreshold = state.goodFramesThreshold;
@@ -10816,6 +11121,11 @@
             frameCaptureRate: frameCaptureRate
           });
         }
+      case 'captureInitialized':
+        return _assign(_assign({}, state), {
+          captureState: 'capturing',
+          isUploadingDocumentsFromStorage: false
+        });
       case 'captureStarted':
         return _assign(_assign({}, state), {
           captureStartedAt: new Date(),
@@ -10858,7 +11168,9 @@
           } else {
             newState.requestedDocumentType = remainingRequirements[0];
             if (state.requestedDocumentType === 'idCardFront' && newState.requestedDocumentType === 'idCardBack' || state.requestedDocumentType === 'idCardBack' && newState.requestedDocumentType === 'idCardFront') {
-              newState.captureState = 'requestingFlip';
+              if (!newState.isUploadingDocumentsFromStorage) {
+                newState.captureState = 'requestingFlip';
+              }
               newState.idCardFrontDetectionThresholdMet = false;
               newState.idCardBackDetectionThresholdMet = false;
               newState.passportDetectionThresholdMet = false;
@@ -10868,28 +11180,23 @@
           return newState;
         }
       case 'documentCapturedManually':
+        return _reducer(state, {
+          type: 'documentCaptured',
+          payload: _assign(_assign({}, action.payload), {
+            documentType: state.requestedDocumentType,
+            width: 0,
+            height: 0
+          })
+        });
+      case 'documentsCaptured':
         {
-          var newState = _assign(_assign({}, state), {
-            capturedDocuments: _assign(_assign({}, state.capturedDocuments), (_b = {}, _b[state.requestedDocumentType] = _assign(_assign({}, action.payload), {
-              documentType: state.requestedDocumentType,
-              width: 0,
-              height: 0
-            }), _b))
-          });
-          var remainingRequirements = remainingIdCaptureRequirements(state.captureRequirement, newState.capturedDocuments, state.requestedDocumentType);
-          if (remainingRequirements.length === 0) {
-            newState.captureState = 'complete';
-          } else {
-            newState.requestedDocumentType = remainingRequirements[0];
-            if (state.requestedDocumentType === 'idCardFront' && newState.requestedDocumentType === 'idCardBack' || state.requestedDocumentType === 'idCardBack' && newState.requestedDocumentType === 'idCardFront') {
-              if (!newState.isUploadingDocumentsFromStorage) {
-                newState.captureState = 'requestingFlip';
-              }
-              newState.idCardFrontDetectionThresholdMet = false;
-              newState.idCardBackDetectionThresholdMet = false;
-              newState.passportDetectionThresholdMet = false;
-              newState.wrongDocumentTypePredictions = 0;
-            }
+          var newState = _assign({}, state);
+          for (var _d = 0, _e = action.payload; _d < _e.length; _d++) {
+            var doc = _e[_d];
+            newState = _reducer(newState, {
+              type: 'documentCaptured',
+              payload: doc
+            });
           }
           return newState;
         }
@@ -10926,6 +11233,9 @@
         }
       case 'resetWizard':
         return _assign(_assign({}, initialState$4), {
+          dispatch: state.dispatch,
+          allowUploadingDocumentsFromStorage: state.allowUploadingDocumentsFromStorage,
+          captureState: state.allowUploadingDocumentsFromStorage ? 'initializing' : 'capturing',
           captureRequirement: state.captureRequirement,
           allowIdCardBackToFrontCapture: state.allowIdCardBackToFrontCapture
         });
@@ -10933,13 +11243,26 @@
         return state;
     }
   };
-  var IdCaptureStateProvider = function IdCaptureStateProvider(_a) {
+  var useIdCaptureStore = create$1()(devtools(function (set) {
+    return _assign(_assign({}, initialState$4), {
+      dispatch: function dispatch(action) {
+        return set(function (state) {
+          return _reducer(state, action);
+        }, undefined, action);
+      }
+    });
+  }));
+  function IdCaptureStateProvider(_a) {
     var children = _a.children;
-    var _b = React.useReducer(_reducer, initialState$4),
-      state = _b[0],
-      dispatch = _b[1];
+    var overrideWrongDocumentTypeGuidance = useIdCaptureStore(useShallow(function (state) {
+      return state.overrideWrongDocumentTypeGuidance;
+    }));
+    var setRequiredDocumentType = React.useContext(IdCaptureModelsContext).setRequiredDocumentType;
+    React.useEffect(function () {
+      if (overrideWrongDocumentTypeGuidance) setRequiredDocumentType('none');
+    }, [overrideWrongDocumentTypeGuidance, setRequiredDocumentType]);
     var onResize = c(function () {
-      dispatch({
+      dispatchIdCaptureAction({
         type: 'redrawRequested'
       });
     }, 500);
@@ -10947,26 +11270,13 @@
       if (typeof window === 'undefined') return;
       window.addEventListener('resize', onResize);
       return function () {
-        window.removeEventListener('resize', onResize);
+        return window.removeEventListener('resize', onResize);
       };
     }, [onResize]);
-    var setRequiredDocumentType = React.useContext(IdCaptureModelsContext).setRequiredDocumentType;
-    React.useEffect(function () {
-      if (state.overrideWrongDocumentTypeGuidance) {
-        setRequiredDocumentType('none');
-      }
-    }, [state.overrideWrongDocumentTypeGuidance, setRequiredDocumentType]);
-    return /*#__PURE__*/React.createElement(IdCaptureStateContext.Provider, {
-      value: state
-    }, /*#__PURE__*/React.createElement(IdCaptureDispatchContext.Provider, {
-      value: dispatch
-    }, children));
-  };
-  var useIdCaptureState = function useIdCaptureState() {
-    var state = React.useContext(IdCaptureStateContext);
-    var dispatch = React.useContext(IdCaptureDispatchContext);
-    if (!state || !dispatch) throw new Error('useIdCaptureState cannot be used without IdCaptureStateProvider');
-    return [state, dispatch];
+    return /*#__PURE__*/React.createElement(React.Fragment, null, children);
+  }
+  var dispatchIdCaptureAction = function dispatchIdCaptureAction(action) {
+    return useIdCaptureStore.getState().dispatch(action);
   };
 
   function DebugStatsPane(_a) {
@@ -11041,7 +11351,7 @@
     var scaling = _a.scaling,
       $flipX = _a.$flipX,
       children = _a.children;
-    var _b = useIdCaptureState()[0],
+    var _b = useIdCaptureStore(),
       guideRectWidth = _b.guideRectWidth,
       guideRectHeight = _b.guideRectHeight,
       guideRectX = _b.guideRectX,
@@ -11547,9 +11857,9 @@
     return e;
   }
 
-  function _createForOfIteratorHelperLoose$1(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$1(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$1(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$1(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$1(r, a) : void 0; } }
-  function _arrayLikeToArray$1(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 _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; }
   var consoleLogger = {
     type: 'logger',
     log: function log(args) {
@@ -12396,7 +12706,7 @@
       }
       if (!useOptionsReplaceForData) {
         data = _extends({}, data);
-        for (var _iterator = _createForOfIteratorHelperLoose$1(optionsKeys), _step; !(_step = _iterator()).done;) {
+        for (var _iterator = _createForOfIteratorHelperLoose(optionsKeys), _step; !(_step = _iterator()).done;) {
           var key = _step.value;
           delete data[key];
         }
@@ -14996,14 +15306,14 @@
       classNames = _b === void 0 ? {} : _b,
       _c = _a.verbiage,
       rawVerbiage = _c === void 0 ? {} : _c;
-    var _d = useIdCaptureState(),
-      state = _d[0],
-      dispatch = _d[1];
+    var _d = useIdCaptureStore(),
+      allowOverrideWrongDocumentTypeGuidance = _d.allowOverrideWrongDocumentTypeGuidance,
+      dispatch = _d.dispatch;
     var verbiage = useTranslations(rawVerbiage, {
       messageText: 'We are having trouble identifying the correct side of your id, do you want to continue with capture anyway?',
       buttonText: 'OK'
     });
-    if (!state.allowOverrideWrongDocumentTypeGuidance) return null;
+    if (!allowOverrideWrongDocumentTypeGuidance) return null;
     return /*#__PURE__*/React.createElement(Container$2, {
       className: classNames.container
     }, /*#__PURE__*/React.createElement(InnerContainer, {
@@ -15057,47 +15367,50 @@
       width = _q === void 0 ? 1 : _q,
       _r = _p.height,
       height = _r === void 0 ? 1 : _r;
-    var _s = useIdCaptureState(),
-      state = _s[0],
-      dispatch = _s[1];
-    var _t = useCameraStore(),
-      camera = _t.camera,
-      isRearFacing = _t.isRearFacing;
-    var _u = React.useContext(IdCaptureModelsContext),
-      modelsReady = _u.ready,
-      setThresholds = _u.setThresholds,
-      detectionTime = _u.detectionTime,
-      focusPredictionTime = _u.focusPredictionTime,
-      getBestFrame = _u.getBestFrame;
+    var state = useIdCaptureStore();
+    var _s = useCameraStore(),
+      camera = _s.camera,
+      isRearFacing = _s.isRearFacing;
+    var _t = React.useContext(IdCaptureModelsContext),
+      modelsReady = _t.ready,
+      setThresholds = _t.setThresholds,
+      detectionTime = _t.detectionTime,
+      focusPredictionTime = _t.focusPredictionTime,
+      getBestFrame = _t.getBestFrame;
+    React.useEffect(function () {
+      return dispatchIdCaptureAction({
+        type: 'captureInitialized'
+      });
+    }, []);
     React.useEffect(function () {
       setThresholds(thresholds);
     }, [thresholds, setThresholds]);
     React.useEffect(function () {
       if (!requiredDocumentType) return;
-      dispatch({
+      dispatchIdCaptureAction({
         type: 'setRequiredDocumentType',
         payload: requiredDocumentType
       });
-    }, [dispatch, requiredDocumentType]);
+    }, [requiredDocumentType]);
     React.useEffect(function () {
-      dispatch({
+      dispatchIdCaptureAction({
         type: 'pageRendered',
         payload: {
           pageWidth: width,
           pageHeight: height
         }
       });
-    }, [dispatch, height, width]);
+    }, [height, width]);
     var shouldCapture = state.goodFramesThresholdMet && !state.capturing && timeSince(state.captureStartedAt) >= 3000;
     React.useEffect(function () {
       if (!shouldCapture) return;
-      dispatch({
+      dispatchIdCaptureAction({
         type: 'capturing'
       });
       var bestFrame = getBestFrame();
       if (!bestFrame) {
         log('uh oh, i did not get a photo');
-        dispatch({
+        dispatchIdCaptureAction({
           type: 'captureFailed'
         });
         return;
@@ -15110,7 +15423,7 @@
       var width = canvas.width,
         height = canvas.height;
       var imageUrl = canvas.toDataURL('image/jpeg', 0.95);
-      dispatch({
+      dispatchIdCaptureAction({
         type: 'frameCaptured',
         payload: {
           imageUrl: imageUrl
@@ -15128,11 +15441,11 @@
           bestFocusScore: focusScore
         };
         onCapture === null || onCapture === void 0 ? void 0 : onCapture(imageUrl, width, height, capturedDocumentType, metadata);
-        dispatch({
+        dispatchIdCaptureAction({
           type: 'captured'
         });
       }, 0);
-    }, [dispatch, getBestFrame, onCapture, shouldCapture, state.captureStartedAt, state.requestedDocumentType]);
+    }, [getBestFrame, onCapture, shouldCapture, state.captureStartedAt, state.requestedDocumentType]);
     var theme = styled.useTheme();
     colors.guideBoxUnsatisfiedColor || (colors.guideBoxUnsatisfiedColor = (_d = (_c = (_b = theme.idCapture) === null || _b === void 0 ? void 0 : _b.guideBox) === null || _c === void 0 ? void 0 : _c.unsatisfiedColor) !== null && _d !== void 0 ? _d : 'white');
     colors.guideBoxSatisfiedColor || (colors.guideBoxSatisfiedColor = (_g = (_f = (_e = theme.idCapture) === null || _e === void 0 ? void 0 : _e.guideBox) === null || _f === void 0 ? void 0 : _f.satisfiedColor) !== null && _g !== void 0 ? _g : 'green');
@@ -15858,13 +16171,6 @@
     var _q = React.useState(false),
       dismissed = _q[0],
       setDismissed = _q[1];
-    var dispatch = useIdCaptureState()[1];
-    React.useEffect(function () {
-      dispatch({
-        type: 'setUploadingDocumentsFromStorage',
-        payload: false
-      });
-    }, [dispatch]);
     assets.instructionImageUrl || (assets.instructionImageUrl = legacyInstructionImageUrl$1);
     var verbiage = useTranslations(rawVerbiage, {
       headingText: 'Use your device camera to capture your ID',
@@ -16035,80 +16341,6 @@
   });
   var templateObject_1$z, templateObject_2$u, templateObject_3$m, templateObject_4$g, templateObject_5$b, templateObject_6$9, templateObject_7$6, templateObject_8$3, templateObject_9$3, templateObject_10$2, templateObject_11$2, templateObject_12$2, templateObject_13$2, templateObject_14$1, templateObject_15$1, templateObject_16, templateObject_17, templateObject_18;
 
-  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; }
-  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;
-    }
-    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;
-  };
-  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;
-    }
-    if (typeof valueA !== "object" || valueA === null || typeof valueB !== "object" || valueB === null) {
-      return false;
-    }
-    if (!isIterable(valueA) || !isIterable(valueB)) {
-      return compareEntries({
-        entries: function entries() {
-          return Object.entries(valueA);
-        }
-      }, {
-        entries: function entries() {
-          return Object.entries(valueB);
-        }
-      });
-    }
-    if (hasIterableEntries(valueA) && hasIterableEntries(valueB)) {
-      return compareEntries(valueA, valueB);
-    }
-    return compareIterables(valueA, valueB);
-  }
-
-  function useShallow(selector) {
-    var prev = React.useRef();
-    return function (state) {
-      var next = selector(state);
-      return shallow(prev.current, next) ? prev.current : prev.current = next;
-    };
-  }
-
   var ContinuityCameraCheckboxContainer = styled.div(templateObject_1$y || (templateObject_1$y = __makeTemplateObject(["\n  margin-top: 15px;\n  margin-bottom: 15px;\n"], ["\n  margin-top: 15px;\n  margin-bottom: 15px;\n"])));
   var ContinuityCameraCheckbox = styled.input(templateObject_2$t || (templateObject_2$t = __makeTemplateObject(["\n  margin-right: 8px;\n"], ["\n  margin-right: 8px;\n"])));
   var IdCaptureLoadingOverlayLegacy = function IdCaptureLoadingOverlayLegacy(_a) {
@@ -16923,9 +17155,7 @@
       wrapperAspectRatio = _1.wrapperAspectRatio,
       guideOrientationOnImageLoaded = _1.onImageLoaded,
       setDimensions = _1.setDimensions;
-    var _2 = useIdCaptureState(),
-      state = _2[0],
-      dispatch = _2[1];
+    var state = useIdCaptureStore();
     var theme = styled.useTheme();
     if (borderWidth === undefined) borderWidth = (_d = (_c = (_b = theme.idCapture) === null || _b === void 0 ? void 0 : _b.guideBox) === null || _c === void 0 ? void 0 : _c.borderWidth) !== null && _d !== void 0 ? _d : 4;
     React.useEffect(function () {
@@ -16951,14 +17181,14 @@
       var imageByUrl = imagesByUrl[img.src];
       var width = (_a = imageByUrl === null || imageByUrl === void 0 ? void 0 : imageByUrl.width) !== null && _a !== void 0 ? _a : img.naturalWidth;
       var height = (_b = imageByUrl === null || imageByUrl === void 0 ? void 0 : imageByUrl.height) !== null && _b !== void 0 ? _b : img.naturalHeight;
-      dispatch({
+      dispatchIdCaptureAction({
         type: 'guideImageLoaded',
         payload: {
           width: width,
           height: height
         }
       });
-    }, [dispatch, guideOrientationOnImageLoaded, imagesByUrl]);
+    }, [guideOrientationOnImageLoaded, imagesByUrl]);
     return /*#__PURE__*/React.createElement(StyledPageContainer, {
       ref: wrapperRef,
       onClick: onClick,
@@ -17088,19 +17318,17 @@
       images = _w === void 0 ? defaultIdCaptureGuideImages : _w,
       _x = _a.classNames,
       classNames = _x === void 0 ? {} : _x;
-    var _y = useIdCaptureState(),
-      _z = _y[0],
-      redrawing = _z.redrawing,
-      guideImageWidth = _z.guideImageWidth,
-      guideImageHeight = _z.guideImageHeight,
-      dispatch = _y[1];
+    var _y = useIdCaptureStore(),
+      redrawing = _y.redrawing,
+      guideImageWidth = _y.guideImageWidth,
+      guideImageHeight = _y.guideImageHeight;
     var canvasRef = React.useRef(null);
-    var _0 = useResizeObserver(),
-      wrapperRef = _0.ref,
-      _1 = _0.width,
-      wrapperWidth = _1 === void 0 ? 1 : _1,
-      _2 = _0.height,
-      wrapperHeight = _2 === void 0 ? 1 : _2;
+    var _z = useResizeObserver(),
+      wrapperRef = _z.ref,
+      _0 = _z.width,
+      wrapperWidth = _0 === void 0 ? 1 : _0,
+      _1 = _z.height,
+      wrapperHeight = _1 === void 0 ? 1 : _1;
     var theme = styled.useTheme();
     if (borderWidth === undefined) borderWidth = (_d = (_c = (_b = theme.idCapture) === null || _b === void 0 ? void 0 : _b.guideBox) === null || _c === void 0 ? void 0 : _c.borderWidth) !== null && _d !== void 0 ? _d : 4;
     if (padding === undefined) {
@@ -17118,7 +17346,7 @@
       if (redrawing) {
         resetCanvasDimensions(canvas);
         var timer_1 = setTimeout(function () {
-          dispatch({
+          dispatchIdCaptureAction({
             type: 'redrawInProgress'
           });
         }, 10);
@@ -17168,7 +17396,7 @@
       // reset composite mode to default
       ctx.globalCompositeOperation = 'source-over';
       var rectOffsetTop = canvas.offsetTop;
-      dispatch({
+      dispatchIdCaptureAction({
         type: 'redrawCompleted',
         payload: {
           guideRectX: rectX,
@@ -17179,7 +17407,7 @@
         }
       });
       return function () {};
-    }, [aspectRatio, borderColor, borderRadius, borderWidth, dispatch, maskColor, padding, redrawing, wrapperHeight, wrapperWidth]);
+    }, [aspectRatio, borderColor, borderRadius, borderWidth, maskColor, padding, redrawing, wrapperHeight, wrapperWidth]);
     return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CanvasWrapper$1, {
       ref: wrapperRef,
       "$maskColor": maskColor !== null && maskColor !== void 0 ? maskColor : '',
@@ -17229,7 +17457,7 @@
       colors = _k === void 0 ? {} : _k,
       _l = _a.verbiage,
       rawVerbiage = _l === void 0 ? {} : _l;
-    var state = useIdCaptureState()[0];
+    var state = useIdCaptureStore();
     var isRearFacing = useCameraStore(function (state) {
       return state.isRearFacing;
     });
@@ -18192,7 +18420,7 @@
   var templateObject_1$m, templateObject_2$k, templateObject_3$g, templateObject_4$a, templateObject_5$6, templateObject_6$5;
 
   function ScalingCameraFeed() {
-    var _a = React.useContext(IdCaptureStateContext),
+    var _a = useIdCaptureStore(),
       captureState = _a.captureState,
       guideRectX = _a.guideRectX,
       guideRectY = _a.guideRectY,
@@ -18218,14 +18446,12 @@
       classNames = _b === void 0 ? {} : _b,
       _c = _a.verbiage,
       rawVerbiage = _c === void 0 ? {} : _c;
-    var _d = useIdCaptureState(),
-      state = _d[0],
-      dispatch = _d[1];
+    var state = useIdCaptureStore();
     var requestCameraAccess = useCameraStore().requestCameraAccess;
     var loadModels = React.useContext(IdCaptureModelsContext).load;
-    var _e = React.useState(false),
-      selectIdTypeModalOpen = _e[0],
-      setSelectIdTypeModalOpen = _e[1];
+    var _d = React.useState(false),
+      selectIdTypeModalOpen = _d[0],
+      setSelectIdTypeModalOpen = _d[1];
     var verbiage = useTranslations(rawVerbiage, {
       captureWithCameraText: 'Capture with Camera',
       orText: 'OR',
@@ -18257,7 +18483,7 @@
       onClick: function onClick() {
         loadModels();
         void requestCameraAccess();
-        dispatch({
+        state.dispatch({
           type: 'setUploadingDocumentsFromStorage',
           payload: false
         });
@@ -18274,19 +18500,19 @@
       className: classNames.uploadFromStorageButton,
       colors: buttonColors,
       onClick: function onClick() {
-        dispatch({
+        state.dispatch({
           type: 'setUploadingDocumentsFromStorage',
           payload: true
         });
         if (state.captureRequirement === 'idCardOrPassport') {
           setSelectIdTypeModalOpen(true);
         } else if (state.captureRequirement === 'passport') {
-          dispatch({
+          state.dispatch({
             type: 'setUploadingDocumentsType',
             payload: 'passport'
           });
         } else {
-          dispatch({
+          state.dispatch({
             type: 'setUploadingDocumentsType',
             payload: 'idCard'
           });
@@ -18306,7 +18532,7 @@
       className: classNames.selectPassportTypeButton,
       colors: buttonColors,
       onClick: function onClick() {
-        return dispatch({
+        return state.dispatch({
           type: 'setUploadingDocumentsType',
           payload: 'passport'
         });
@@ -18319,7 +18545,7 @@
       className: classNames.selectIdCardTypeButton,
       colors: buttonColors,
       onClick: function onClick() {
-        return dispatch({
+        return state.dispatch({
           type: 'setUploadingDocumentsType',
           payload: 'idCard'
         });
@@ -18370,20 +18596,18 @@
     }, verbiage.continueText)));
   }
   function IdDocumentUploadScreen(_a) {
+    var _this = this;
     var _b = _a.classNames,
       classNames = _b === void 0 ? {} : _b,
       _c = _a.verbiage,
       rawVerbiage = _c === void 0 ? {} : _c;
-    var _d = useIdCaptureState(),
-      state = _d[0],
-      dispatch = _d[1];
+    var state = useIdCaptureStore();
+    var _d = React.useState(null),
+      idFrontFile = _d[0],
+      setIdFrontFile = _d[1];
     var _e = React.useState(null),
-      idFrontFile = _e[0],
-      setIdFrontFile = _e[1];
-    var _f = React.useState(null),
-      idBackFile = _f[0],
-      setIdBackFile = _f[1];
-    var onCapturedManually = useOnCapturedManually();
+      idBackFile = _e[0],
+      setIdBackFile = _e[1];
     var verbiage = useTranslations(rawVerbiage, {
       uploadIdFrontText: 'Upload ID Front',
       uploadIdBackText: 'Upload ID Back',
@@ -18423,25 +18647,56 @@
       disabled: !idFrontFile || !state.allowSinglePageIdCapture && !idBackFile,
       colors: buttonColors,
       onClick: function onClick() {
-        if (!idBackFile && state.allowSinglePageIdCapture) {
-          dispatch({
-            type: 'setUploadingDocumentsType',
-            payload: 'singlePage'
+        return __awaiter(_this, void 0, void 0, function () {
+          var _a, _b, _c, _d, _e;
+          var _f, _g, _h, _j, _k;
+          return __generator(this, function (_l) {
+            switch (_l.label) {
+              case 0:
+                if (!(!idBackFile && state.allowSinglePageIdCapture)) return [3 /*break*/, 2];
+                state.dispatch({
+                  type: 'setUploadingDocumentsType',
+                  payload: 'singlePage'
+                });
+                _b = (_a = state).dispatch;
+                _f = {
+                  type: 'documentCaptured'
+                };
+                _g = {};
+                return [4 /*yield*/, readFile(idFrontFile)];
+              case 1:
+                _b.apply(_a, [(_f.payload = (_g.imageData = _l.sent(), _g.documentType = 'singlePage', _g.width = 0, _g.height = 0, _g), _f)]);
+                return [3 /*break*/, 5];
+              case 2:
+                _d = (_c = state).dispatch;
+                _h = {
+                  type: 'documentsCaptured'
+                };
+                _j = {};
+                return [4 /*yield*/, readFile(idFrontFile)];
+              case 3:
+                _e = [(_j.imageData = _l.sent(), _j.documentType = 'idCardFront', _j.width = 0, _j.height = 0, _j)];
+                _k = {};
+                return [4 /*yield*/, readFile(idBackFile)];
+              case 4:
+                _d.apply(_c, [(_h.payload = _e.concat([(_k.imageData = _l.sent(), _k.documentType = 'idCardBack', _k.width = 0, _k.height = 0, _k)]), _h)]);
+                _l.label = 5;
+              case 5:
+                return [2 /*return*/];
+            }
           });
-        }
-        void onCapturedManually(idFrontFile, idBackFile);
+        });
       }
     }, verbiage.continueText)));
   }
   function CancelUploadTypeButton(_a) {
     var children = _a.children,
       className = _a.className;
-    var dispatch = useIdCaptureState()[1];
     return /*#__PURE__*/React.createElement(Button, {
       className: className,
       colors: buttonColors,
       onClick: function onClick() {
-        return dispatch({
+        return dispatchIdCaptureAction({
           type: 'setUploadingDocumentsType',
           payload: null
         });
@@ -18449,7 +18704,6 @@
     }, children);
   }
   function useOnCapturedManually() {
-    var dispatch = useIdCaptureState()[1];
     return React.useCallback(function () {
       var files = [];
       for (var _i = 0; _i < arguments.length; _i++) {
@@ -18458,7 +18712,7 @@
       return Promise.all(files.filter(Boolean).map(readFile)).then(function (f) {
         for (var _i = 0, f_1 = f; _i < f_1.length; _i++) {
           var imageData = f_1[_i];
-          dispatch({
+          dispatchIdCaptureAction({
             type: 'documentCapturedManually',
             payload: {
               imageData: imageData
@@ -18466,7 +18720,7 @@
           });
         }
       });
-    }, [dispatch]);
+    }, []);
   }
   function readFile(file) {
     return new Promise(function (resolve, reject) {
@@ -18870,32 +19124,30 @@
       verbiage = _3 === void 0 ? {} : _3,
       _4 = _a.debugMode,
       debugMode = _4 === void 0 ? false : _4;
-    var _5 = useIdCaptureState(),
-      state = _5[0],
-      dispatch = _5[1];
-    var _6 = useCameraStore(),
-      cameraAccessDenied = _6.cameraAccessDenied,
-      requestCameraAccess = _6.requestCameraAccess,
-      releaseCameraAccess = _6.releaseCameraAccess;
-    var _7 = React.useState(false),
-      overlayDismissed = _7[0],
-      setOverlayDismissed = _7[1];
-    var _8 = React.useContext(SubmissionContext),
-      submissionStatus = _8.submissionStatus,
-      setIdFrontImage = _8.setIdFrontImage,
-      setIdBackImage = _8.setIdBackImage,
-      setPassportImage = _8.setPassportImage,
-      logIdFrontCaptureAttempt = _8.logIdFrontCaptureAttempt,
-      logIdBackCaptureAttempt = _8.logIdBackCaptureAttempt;
-    var _9 = React.useContext(IdCaptureModelsContext),
-      start = _9.start,
-      stop = _9.stop,
-      onPredictionMade = _9.onPredictionMade,
-      setRequiredDocumentType = _9.setRequiredDocumentType,
-      modelError = _9.modelError,
-      resetBestFrame = _9.resetBestFrame;
+    var state = useIdCaptureStore();
+    var _5 = useCameraStore(),
+      cameraAccessDenied = _5.cameraAccessDenied,
+      requestCameraAccess = _5.requestCameraAccess,
+      releaseCameraAccess = _5.releaseCameraAccess;
+    var _6 = React.useState(false),
+      overlayDismissed = _6[0],
+      setOverlayDismissed = _6[1];
+    var _7 = React.useContext(SubmissionContext),
+      submissionStatus = _7.submissionStatus,
+      setIdFrontImage = _7.setIdFrontImage,
+      setIdBackImage = _7.setIdBackImage,
+      setPassportImage = _7.setPassportImage,
+      logIdFrontCaptureAttempt = _7.logIdFrontCaptureAttempt,
+      logIdBackCaptureAttempt = _7.logIdBackCaptureAttempt;
+    var _8 = React.useContext(IdCaptureModelsContext),
+      start = _8.start,
+      stop = _8.stop,
+      onPredictionMade = _8.onPredictionMade,
+      setRequiredDocumentType = _8.setRequiredDocumentType,
+      modelError = _8.modelError,
+      resetBestFrame = _8.resetBestFrame;
     React.useEffect(function () {
-      dispatch({
+      dispatchIdCaptureAction({
         type: 'configureWizard',
         payload: {
           captureRequirement: captureRequirement,
@@ -18907,7 +19159,7 @@
           allowUploadingDocumentsFromStorage: allowUploadingDocumentsFromStorage
         }
       });
-    }, [allowIdCardBackToFrontCapture, allowOverrideWrongDocumentTypeAfterMs, allowSinglePageIdCapture, allowUploadingDocumentsFromStorage, captureRequirement, dispatch, enableOverrideWrongDocumentTypeDialog, precapturedDocuments]);
+    }, [allowIdCardBackToFrontCapture, allowOverrideWrongDocumentTypeAfterMs, allowSinglePageIdCapture, allowUploadingDocumentsFromStorage, captureRequirement, enableOverrideWrongDocumentTypeDialog, precapturedDocuments]);
     var documentCount = Object.keys(state.capturedDocuments).length;
     React.useEffect(function () {
       if (documentCount) resetBestFrame();
@@ -18923,15 +19175,15 @@
     }, [logIdBackCaptureAttempt, logIdFrontCaptureAttempt, state.operationStartedAt, state.requestedDocumentType]);
     React.useEffect(function startModelsWhenCapturing() {
       if (!overlayDismissed || state.captureState !== 'capturing') return;
-      dispatch({
+      dispatchIdCaptureAction({
         type: 'captureStarted'
       });
       start();
-    }, [dispatch, overlayDismissed, start, state.captureState]);
+    }, [overlayDismissed, start, state.captureState]);
     React.useEffect(function () {
       onPredictionMade(function (prediction) {
         if (state.captureState === 'capturing') {
-          dispatch({
+          dispatchIdCaptureAction({
             type: 'objectsDetected',
             payload: {
               prediction: prediction
@@ -18940,19 +19192,19 @@
         } else if (state.captureState === 'requestingFlip') {
           if (state.requestedDocumentType !== 'selfie' && prediction["".concat(state.requestedDocumentType, "DetectionThresholdMet")]) {
             resetBestFrame();
-            dispatch({
+            dispatchIdCaptureAction({
               type: 'flipRequestCompleted'
             });
           }
         }
       });
-    }, [dispatch, onPredictionMade, resetBestFrame, state.captureState, state.requestedDocumentType]);
+    }, [onPredictionMade, resetBestFrame, state.captureState, state.requestedDocumentType]);
     React.useEffect(function () {
       if (state.captureState === 'complete') stop();
     }, [state.captureState, stop]);
     var onCapture = React.useCallback(function (imageData, width, height, documentType, metadata) {
       logCaptureMetadata(metadata);
-      dispatch({
+      dispatchIdCaptureAction({
         type: 'documentCaptured',
         payload: {
           imageData: imageData,
@@ -18964,7 +19216,7 @@
           focusScore: metadata.bestFocusScore
         }
       });
-    }, [dispatch, logCaptureMetadata]);
+    }, [logCaptureMetadata]);
     var onSubmitClick = React.useCallback(function () {
       var _a = state.capturedDocuments,
         idCardFront = _a.idCardFront,
@@ -18990,25 +19242,25 @@
     }, [onSuccess, releaseCameraAccess, releaseCameraAccessOnExit, setIdBackImage, setIdFrontImage, setPassportImage, state.capturedDocuments]);
     var showSuccessScreen = useShowSuccessScreen(skipSuccessScreen, state.captureState === 'complete', onSubmitClick);
     var onRetryClick = React.useCallback(function () {
-      dispatch({
+      return dispatchIdCaptureAction({
         type: 'resetWizard'
       });
-    }, [dispatch]);
-    var _10 = React.useState(0),
-      attempt = _10[0],
-      setAttempt = _10[1];
+    }, []);
+    var _9 = React.useState(0),
+      attempt = _9[0],
+      setAttempt = _9[1];
     var onExit = React.useCallback(function () {
       releaseCameraAccess();
       setOverlayDismissed(false);
       setAttempt(function (n) {
         return n + 1;
       });
-      dispatch({
+      dispatchIdCaptureAction({
         type: 'resetWizard'
       });
       onExitCapture === null || onExitCapture === void 0 ? void 0 : onExitCapture();
       void requestCameraAccess();
-    }, [dispatch, onExitCapture, releaseCameraAccess, requestCameraAccess]);
+    }, [onExitCapture, releaseCameraAccess, requestCameraAccess]);
     React.useEffect(function () {
       if (submissionStatus !== SubmissionStatus.READY) {
         if (releaseCameraAccessOnExit) releaseCameraAccess();
@@ -19041,14 +19293,14 @@
       if (state.captureState !== 'requestingFlip') return;
       var t = setTimeout(function () {
         resetBestFrame();
-        dispatch({
+        dispatchIdCaptureAction({
           type: 'flipRequestCompleted'
         });
       }, 6000);
       return function () {
         clearTimeout(t);
       };
-    }, [dispatch, resetBestFrame, separateIdCardCaptureSequence, state.captureState]);
+    }, [resetBestFrame, separateIdCardCaptureSequence, state.captureState]);
     React.useEffect(function () {
       if (state.requestedDocumentType === 'idCardFront') {
         if (captureRequirement === 'idCardOrPassport') {
@@ -19076,7 +19328,7 @@
               return [4 /*yield*/, dataUrlToBase64(imageData)];
             case 1:
               base64ImageData = _a.sent();
-              dispatch({
+              dispatchIdCaptureAction({
                 type: 'documentCapturedManually',
                 payload: {
                   imageData: base64ImageData
@@ -19086,10 +19338,10 @@
           }
         });
       });
-    }, [dispatch]);
-    var _11 = React.useState(false),
-      progressStarted = _11[0],
-      setProgressStarted = _11[1];
+    }, []);
+    var _10 = React.useState(false),
+      progressStarted = _10[0],
+      setProgressStarted = _10[1];
     React.useEffect(function () {
       if (state.captureState === 'capturing') {
         setProgressStarted(false);
@@ -19169,7 +19421,7 @@
       capturedDocuments: state.capturedDocuments,
       classNames: classNames.success,
       onSubmitClick: function onSubmitClick() {
-        dispatch({
+        return dispatchIdCaptureAction({
           type: 'flipRequestCompleted'
         });
       },