idmission-web-sdk 1.0.310 → 1.0.312

package/dist/sdk2.esm.js

@@ -1,10 +1,11 @@
-import { __awaiter, __generator, __makeTemplateObject, __extends, __spreadArray, __assign, __rest } from 'tslib';
+import { __awaiter, __generator, __makeTemplateObject, __extends, __assign, __spreadArray, __rest } from 'tslib';
 import * as React from 'react';
-import React__default, { forwardRef, useState, useEffect, useRef, useContext, createContext, useCallback, useMemo, useReducer, useLayoutEffect } from 'react';
+import React__default, { forwardRef, useState, useEffect, useRef, useContext, createContext, useReducer, useCallback, useMemo, useLayoutEffect } from 'react';
 import * as ReactDOM from 'react-dom/client';
 import platform from 'platform';
 import styled, { useTheme, ThemeProvider as ThemeProvider$1 } from 'styled-components';
 import { useTranslation, initReactI18next } from 'react-i18next';
+import { Upload } from 'tus-js-client';
 import useResizeObserver from 'use-resize-observer';
 import * as tf from '@tensorflow/tfjs';
 import { FaceDetector, FilesetResolver } from '@mediapipe/tasks-vision';
@@ -14,7 +15,7 @@ import i18n from 'i18next';
 import { createPortal } from 'react-dom';
 import SignatureCanvas from 'react-signature-canvas';
 
-var webSdkVersion = '1.0.310';
+var webSdkVersion = '1.0.312';
 
 function getPlatform() {
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -40,6 +41,15 @@ function contentDispositionFromDataUrl(url) {
   var _a, _b;
   return (_b = (_a = url.match(/^(data:.*;base64),/)) === null || _a === void 0 ? void 0 : _a[1]) !== null && _b !== void 0 ? _b : '';
 }
+function blobToB64(blob) {
+  return new Promise(function (resolve) {
+    var reader = new FileReader();
+    reader.onloadend = function () {
+      return resolve(reader.result);
+    };
+    reader.readAsDataURL(blob);
+  });
+}
 
 var SubmissionAction;
 (function (SubmissionAction) {
@@ -81,32 +91,33 @@ function determineSubmissionHost(environment, token) {
   if (!host) throw new Error("unrecognized SubmissionEnvironment ".concat(environment));
   return host;
 }
-function determineSubmissionEndpoint(action, hasId, hasSelfie, hasToken) {
-  var v = hasToken ? 'v4' : 'v3';
+function determineSubmissionEndpoint(action, hasId, hasSelfie) {
   switch (action) {
     case SubmissionAction.ENROLL:
-      return hasId ? "/".concat(v, "/customer/enroll") : "/".concat(v, "/customer/enroll-biometrics");
+      return hasId ? "/v4/customer/enroll" : "/v4/customer/enroll-biometrics";
     case SubmissionAction.IDENTIFY:
-      return "/".concat(v, "/customer/identify");
+      return "/v4/customer/identify";
     case SubmissionAction.VALIDATE:
-      return hasSelfie ? "/".concat(v, "/customer/validate-id-match-face") : "/".concat(v, "/customer/validate-id");
+      return hasSelfie ? "/v4/customer/validate-id-match-face" : "/v4/customer/validate-id";
     case SubmissionAction.VERIFY:
-      return "/".concat(v, "/customer/verify");
+      return "/v4/customer/verify";
     default:
       throw new Error("unrecognized SubmissionAction ".concat(action));
   }
 }
-function liveCheckEndpoint(hasToken) {
-  var v = hasToken ? 'v4' : 'v3';
-  return "/".concat(v, "/customer/live-check");
+function liveCheckEndpoint(hasDocumentToMatchFace) {
+  if (hasDocumentToMatchFace === void 0) {
+    hasDocumentToMatchFace = false;
+  }
+  return hasDocumentToMatchFace ? "/v4/customer/match-id-face" : "/v4/customer/live-check";
 }
-function apiHeaders(token) {
+function apiHeaders(sessionId) {
   var headers = {
     'Content-Type': 'application/json',
     Origin: '*'
   };
-  if (token) {
-    headers['Authorization'] = "Bearer ".concat(token);
+  if (sessionId) {
+    headers['X-Session-Id'] = sessionId;
   }
   return headers;
 }
@@ -323,15 +334,15 @@ var NetworkError = /** @class */function (_super) {
   }
   return NetworkError;
 }(Error);
-var TokenPublicKeyError = /** @class */function (_super) {
-  __extends(TokenPublicKeyError, _super);
-  function TokenPublicKeyError(err, host) {
+var SessionValidationFailedError = /** @class */function (_super) {
+  __extends(SessionValidationFailedError, _super);
+  function SessionValidationFailedError(err, host) {
     var _this = _super.call(this, err.message) || this;
     _this.err = err;
     _this.host = host;
     return _this;
   }
-  return TokenPublicKeyError;
+  return SessionValidationFailedError;
 }(Error);
 
 var SubmissionErrorOverlay = function SubmissionErrorOverlay(_a) {
@@ -395,7 +406,7 @@ var NetworkErrorContent = function NetworkErrorContent(_a) {
   }, retryText))));
 };
 
-var TokenMissingErrorOverlay = function TokenMissingErrorOverlay() {
+var SessionIdMissingOverlay = function SessionIdMissingOverlay() {
   return /*#__PURE__*/React__default.createElement(OverlayContainer, null, /*#__PURE__*/React__default.createElement(OverlayInner$2, {
     style: {
       justifyContent: 'center'
@@ -408,7 +419,7 @@ var TokenMissingErrorOverlay = function TokenMissingErrorOverlay() {
     style: {
       marginBottom: 0
     }
-  }, "Required property ", /*#__PURE__*/React__default.createElement("code", null, "submissionToken"), " is missing."), /*#__PURE__*/React__default.createElement("p", {
+  }, "Required property ", /*#__PURE__*/React__default.createElement("code", null, "sessionId"), " is missing."), /*#__PURE__*/React__default.createElement("p", {
     style: {
       lineHeight: '1.5rem'
     }
@@ -416,14 +427,10 @@ var TokenMissingErrorOverlay = function TokenMissingErrorOverlay() {
     href: "https://www.npmjs.com/package/idmission-web-sdk#getting-started",
     target: "_blank",
     rel: "noreferrer"
-  }, "Getting Started"), ' ', "section of the documentation for information on how to use your credentials to generate a valid", ' ', /*#__PURE__*/React__default.createElement("a", {
-    href: "https://jwt.io",
-    target: "_blank",
-    rel: "noreferrer"
-  }, "JSON Web Token"), ' ', "for your IDmission account. Every usage of the IDmission WebSDK must be authorized with a valid JWT from IDmission's servers.")));
+  }, "Getting Started"), ' ', "section of the documentation for information on how to use your credentials to generate a valid session for your IDmission account. Every usage of the IDmission WebSDK must be authorized with a valid session from IDmission's servers.")));
 };
 
-var TokenInvalidFormatErrorOverlay = function TokenInvalidFormatErrorOverlay() {
+var SessionValidationFailedOverlay = function SessionValidationFailedOverlay() {
   return /*#__PURE__*/React__default.createElement(OverlayContainer, null, /*#__PURE__*/React__default.createElement(OverlayInner$2, {
     style: {
       justifyContent: 'center'
@@ -436,16 +443,7 @@ var TokenInvalidFormatErrorOverlay = function TokenInvalidFormatErrorOverlay() {
     style: {
       marginBottom: 0
     }
-  }, "Required property ", /*#__PURE__*/React__default.createElement("code", null, "submissionToken"), " is invalid."), /*#__PURE__*/React__default.createElement("p", null, "JSON Web Tokens consist of three parts separated by dots (", /*#__PURE__*/React__default.createElement("code", null, "."), "), which are:"), /*#__PURE__*/React__default.createElement("div", {
-    style: {
-      display: 'flex'
-    }
-  }, /*#__PURE__*/React__default.createElement("ul", {
-    style: {
-      display: 'inline',
-      margin: '0 auto'
-    }
-  }, /*#__PURE__*/React__default.createElement("li", null, "Header"), /*#__PURE__*/React__default.createElement("li", null, "Payload"), /*#__PURE__*/React__default.createElement("li", null, "Signature"))), /*#__PURE__*/React__default.createElement("p", null, "Therefore, a JWT typically looks like the following:", ' ', /*#__PURE__*/React__default.createElement("code", null, "xxxxx.yyyyy.zzzzz")), /*#__PURE__*/React__default.createElement("p", {
+  }, "Required property ", /*#__PURE__*/React__default.createElement("code", null, "sessionId"), " is not valid."), /*#__PURE__*/React__default.createElement("p", {
     style: {
       lineHeight: '1.5rem'
     }
@@ -453,14 +451,10 @@ var TokenInvalidFormatErrorOverlay = function TokenInvalidFormatErrorOverlay() {
     href: "https://www.npmjs.com/package/idmission-web-sdk#getting-started",
     target: "_blank",
     rel: "noreferrer"
-  }, "Getting Started"), ' ', "section of the documentation for information on how to use your credentials to generate a valid", ' ', /*#__PURE__*/React__default.createElement("a", {
-    href: "https://jwt.io",
-    target: "_blank",
-    rel: "noreferrer"
-  }, "JSON Web Token"), ' ', "for your IDmission account. Every usage of the IDmission WebSDK must be authorized with a valid JWT from IDmission's servers.")));
+  }, "Getting Started"), ' ', "section of the documentation for information on how to use your credentials to generate a valid session for your IDmission account. Every usage of the IDmission WebSDK must be authorized with a valid session from IDmission's servers.")));
 };
 
-var TokenInvalidSignatureErrorOverlay = function TokenInvalidSignatureErrorOverlay() {
+var AuthUrlNotAllowedOverlay = function AuthUrlNotAllowedOverlay() {
   return /*#__PURE__*/React__default.createElement(OverlayContainer, null, /*#__PURE__*/React__default.createElement(OverlayInner$2, {
     style: {
       justifyContent: 'center'
@@ -473,40 +467,12 @@ var TokenInvalidSignatureErrorOverlay = function TokenInvalidSignatureErrorOverl
     style: {
       marginBottom: 0
     }
-  }, "Required property ", /*#__PURE__*/React__default.createElement("code", null, "submissionToken"), " could not be validated."), /*#__PURE__*/React__default.createElement("p", {
+  }, "Required property ", /*#__PURE__*/React__default.createElement("code", null, "authUrl"), " comes from an unrecognized issuer."), /*#__PURE__*/React__default.createElement("p", {
     style: {
       marginBottom: 0,
       lineHeight: '1.5rem'
     }
-  }, "The signature of your token could not be validated. Check your token generation routine, it's possible that some malicious behavior is at play. This can also happen if you attempt to manually modify your token before passing it to the IDmission WebSDK."), /*#__PURE__*/React__default.createElement("p", {
-    style: {
-      marginBottom: 0,
-      lineHeight: '1.5rem'
-    }
-  }, "If you believe you have reached this page in error, please contact us at ", /*#__PURE__*/React__default.createElement("a", {
-    href: "mailto:support@idmission.com"
-  }, "support@idmission.com"), ".")));
-};
-
-var TokenExpiredErrorOverlay = function TokenExpiredErrorOverlay() {
-  return /*#__PURE__*/React__default.createElement(OverlayContainer, null, /*#__PURE__*/React__default.createElement(OverlayInner$2, {
-    style: {
-      justifyContent: 'center'
-    }
-  }, /*#__PURE__*/React__default.createElement("h3", {
-    style: {
-      marginBottom: 8
-    }
-  }, "IDmission WebSDK failed to load"), /*#__PURE__*/React__default.createElement("p", {
-    style: {
-      marginBottom: 0
-    }
-  }, "Required property ", /*#__PURE__*/React__default.createElement("code", null, "submissionToken"), " is expired."), /*#__PURE__*/React__default.createElement("p", {
-    style: {
-      marginBottom: 0,
-      lineHeight: '1.5rem'
-    }
-  }, "Ensure you are generating a fresh token for each request to the IDmission WebSDK."), /*#__PURE__*/React__default.createElement("p", {
+  }, "Ensure you are generating a fresh session for each request to the IDmission WebSDK."), /*#__PURE__*/React__default.createElement("p", {
     style: {
       lineHeight: '1.5rem'
     }
@@ -514,15 +480,14 @@ var TokenExpiredErrorOverlay = function TokenExpiredErrorOverlay() {
     href: "https://www.npmjs.com/package/idmission-web-sdk#getting-started",
     target: "_blank",
     rel: "noreferrer"
-  }, "Getting Started"), ' ', "section of the documentation for information on how to use your credentials to generate a valid", ' ', /*#__PURE__*/React__default.createElement("a", {
-    href: "https://jwt.io",
-    target: "_blank",
-    rel: "noreferrer"
-  }, "JSON Web Token"), ' ', "for your IDmission account. Every usage of the IDmission WebSDK must be authorized with a valid JWT from IDmission's servers.")));
+  }, "Getting Started"), ' ', "section of the documentation for information on how to use your credentials to generate a valid session for your IDmission account. Every usage of the IDmission WebSDK must be authorized with a valid session from IDmission's servers.")));
 };
 
-var TokenPublicKeyErrorOverlay = function TokenPublicKeyErrorOverlay(_a) {
-  var error = _a.error;
+var SessionValidationErrorOverlay = function SessionValidationErrorOverlay(_a) {
+  var error = _a.error,
+    onRetry = _a.onRetry;
+  var t = useTranslation().t;
+  var retryText = t('Retry');
   return /*#__PURE__*/React__default.createElement(OverlayContainer, null, /*#__PURE__*/React__default.createElement(OverlayInner$2, {
     style: {
       justifyContent: 'center'
@@ -535,7 +500,7 @@ var TokenPublicKeyErrorOverlay = function TokenPublicKeyErrorOverlay(_a) {
     style: {
       marginBottom: 0
     }
-  }, (error === null || error === void 0 ? void 0 : error.host) ? ( /*#__PURE__*/React__default.createElement(React__default.Fragment, null, "Failed to reach ", /*#__PURE__*/React__default.createElement("code", null, error.host), ".")) : ( /*#__PURE__*/React__default.createElement(React__default.Fragment, null, "Failed to obtain public key for ", /*#__PURE__*/React__default.createElement("code", null, "submissionToken"), "."))), (error === null || error === void 0 ? void 0 : error.message) && ( /*#__PURE__*/React__default.createElement("p", {
+  }, (error === null || error === void 0 ? void 0 : error.host) ? ( /*#__PURE__*/React__default.createElement(React__default.Fragment, null, "Failed to reach ", /*#__PURE__*/React__default.createElement("code", null, error.host), ".")) : ( /*#__PURE__*/React__default.createElement(React__default.Fragment, null, "Failed to validate ", /*#__PURE__*/React__default.createElement("code", null, "sessionId"), "."))), (error === null || error === void 0 ? void 0 : error.message) && ( /*#__PURE__*/React__default.createElement("p", {
     style: {
       marginBottom: 0,
       lineHeight: '1.5rem'
@@ -547,43 +512,213 @@ var TokenPublicKeyErrorOverlay = function TokenPublicKeyErrorOverlay(_a) {
     }
   }, "Please ensure that IDmission's servers can be reached. If you believe you have reached this page in error, please contact us at", ' ', /*#__PURE__*/React__default.createElement("a", {
     href: "mailto:support@idmission.com"
-  }, "support@idmission.com"), ".")));
-};
-
-var TokenIssuerNotAllowedErrorOverlay = function TokenIssuerNotAllowedErrorOverlay() {
-  return /*#__PURE__*/React__default.createElement(OverlayContainer, null, /*#__PURE__*/React__default.createElement(OverlayInner$2, {
+  }, "support@idmission.com"), "."), onRetry && ( /*#__PURE__*/React__default.createElement("div", {
     style: {
-      justifyContent: 'center'
-    }
-  }, /*#__PURE__*/React__default.createElement("h3", {
-    style: {
-      marginBottom: 8
-    }
-  }, "IDmission WebSDK failed to load"), /*#__PURE__*/React__default.createElement("p", {
-    style: {
-      marginBottom: 0
-    }
-  }, "Required property ", /*#__PURE__*/React__default.createElement("code", null, "submissionToken"), " comes from an unrecognized issuer."), /*#__PURE__*/React__default.createElement("p", {
-    style: {
-      marginBottom: 0,
-      lineHeight: '1.5rem'
-    }
-  }, "Ensure you are generating a fresh token for each request to the IDmission WebSDK."), /*#__PURE__*/React__default.createElement("p", {
-    style: {
-      lineHeight: '1.5rem'
+      marginTop: 32
     }
-  }, "Please refer to the", ' ', /*#__PURE__*/React__default.createElement("a", {
-    href: "https://www.npmjs.com/package/idmission-web-sdk#getting-started",
-    target: "_blank",
-    rel: "noreferrer"
-  }, "Getting Started"), ' ', "section of the documentation for information on how to use your credentials to generate a valid", ' ', /*#__PURE__*/React__default.createElement("a", {
-    href: "https://jwt.io",
-    target: "_blank",
-    rel: "noreferrer"
-  }, "JSON Web Token"), ' ', "for your IDmission account. Every usage of the IDmission WebSDK must be authorized with a valid JWT from IDmission's servers.")));
+  }, /*#__PURE__*/React__default.createElement(LoaderButton, {
+    variant: "warning",
+    finished: true,
+    onClick: onRetry
+  }, retryText)))));
+};
+
+var Spinner = styled.div(templateObject_1$C || (templateObject_1$C = __makeTemplateObject(["\n  display: inline-block;\n  width: ", "px;\n  height: ", "px;\n  margin: auto;\n\n  &:after {\n    content: ' ';\n    display: block;\n    width: ", "px;\n    height: ", "px;\n    margin: 8px;\n    border-radius: 50%;\n    border: ", "px solid\n      ", ";\n    border-color: ", " transparent\n      ", " transparent;\n    animation: lds-dual-ring 1.2s linear infinite;\n    box-sizing: content-box;\n  }\n\n  @keyframes lds-dual-ring {\n    0% {\n      transform: rotate(0deg);\n    }\n    100% {\n      transform: rotate(360deg);\n    }\n  }\n"], ["\n  display: inline-block;\n  width: ", "px;\n  height: ", "px;\n  margin: auto;\n\n  &:after {\n    content: ' ';\n    display: block;\n    width: ", "px;\n    height: ", "px;\n    margin: 8px;\n    border-radius: 50%;\n    border: ", "px solid\n      ", ";\n    border-color: ", " transparent\n      ", " transparent;\n    animation: lds-dual-ring 1.2s linear infinite;\n    box-sizing: content-box;\n  }\n\n  @keyframes lds-dual-ring {\n    0% {\n      transform: rotate(0deg);\n    }\n    100% {\n      transform: rotate(360deg);\n    }\n  }\n"])), function (_a) {
+  var $size = _a.$size;
+  return $size !== null && $size !== void 0 ? $size : 80;
+}, function (_a) {
+  var $size = _a.$size;
+  return $size !== null && $size !== void 0 ? $size : 80;
+}, function (_a) {
+  var $size = _a.$size;
+  return ($size !== null && $size !== void 0 ? $size : 80) - 16;
+}, function (_a) {
+  var $size = _a.$size;
+  return ($size !== null && $size !== void 0 ? $size : 80) - 16;
+}, function (_a) {
+  var $thickness = _a.$thickness;
+  return $thickness !== null && $thickness !== void 0 ? $thickness : 6;
+}, function (_a) {
+  var $color = _a.$color;
+  return $color !== null && $color !== void 0 ? $color : '#888';
+}, function (_a) {
+  var $color = _a.$color;
+  return $color !== null && $color !== void 0 ? $color : '#888';
+}, function (_a) {
+  var $color = _a.$color;
+  return $color !== null && $color !== void 0 ? $color : '#888';
+});
+var templateObject_1$C;
+
+var defaultAuthUrl = 'https://portal-api.idmission.com';
+var allowedAuthUrls = ['https://portal-api.idmission.com', 'https://portal-api-uat.idmission.com', 'https://portal-api-demo.idmission.com', 'https://portal-api-dev.idmission.com', 'http://localhost:10000'];
+var initialState$5 = {
+  authUrl: defaultAuthUrl,
+  sessionCheckState: 'READY'
+};
+var AuthStateContext = /*#__PURE__*/createContext(initialState$5);
+var AuthDispatchContext = /*#__PURE__*/createContext(function () {});
+var reducer$5 = function reducer(state, action) {
+  switch (action.type) {
+    case 'setSessionId':
+      return __assign(__assign({}, state), {
+        sessionId: action.payload
+      });
+    case 'setCheckState':
+      return __assign(__assign({}, state), {
+        sessionCheckState: action.payload
+      });
+    case 'setError':
+      return __assign(__assign({}, state), {
+        sessionCheckState: 'ERROR',
+        authError: action.payload
+      });
+    case 'retry':
+      return __assign(__assign({}, state), {
+        sessionCheckState: 'READY',
+        authError: undefined,
+        sessionId: undefined
+      });
+    default:
+      return state;
+  }
 };
+function useAuthReducer(authUrl, sessionId) {
+  var _this = this;
+  if (authUrl === void 0) {
+    authUrl = defaultAuthUrl;
+  }
+  var _a = useReducer(reducer$5, __assign(__assign({}, initialState$5), {
+      authUrl: authUrl
+    })),
+    state = _a[0],
+    dispatch = _a[1];
+  var resolvedSessionId = state.sessionId,
+    sessionCheckState = state.sessionCheckState;
+  useEffect(function () {
+    if (!allowedAuthUrls.includes(authUrl)) return dispatch({
+      type: 'setCheckState',
+      payload: 'AUTH_URL_NOT_ALLOWED'
+    });
+  }, [authUrl]);
+  useEffect(function () {
+    if (sessionCheckState !== 'READY') return;
+    if (!resolvedSessionId) {
+      if (!sessionId) return dispatch({
+        type: 'setCheckState',
+        payload: 'MISSING'
+      });
+      if (typeof sessionId === 'string') return dispatch({
+        type: 'setSessionId',
+        payload: sessionId
+      });
+      if (sessionId instanceof Function) {
+        sessionId().then(function (sessionId) {
+          dispatch({
+            type: 'setSessionId',
+            payload: sessionId
+          });
+        })["catch"](function (e) {
+          console.error('failed to resolve session id', e);
+          dispatch({
+            type: 'setError',
+            payload: new SessionValidationFailedError(e, authUrl)
+          });
+        });
+      }
+    } else {
+      dispatch({
+        type: 'setCheckState',
+        payload: 'RUNNING'
+      });
+      (function () {
+        return __awaiter(_this, void 0, void 0, function () {
+          var resp, valid, e_1;
+          return __generator(this, function (_a) {
+            switch (_a.label) {
+              case 0:
+                _a.trys.push([0, 3,, 4]);
+                return [4 /*yield*/, fetch("".concat(authUrl, "/portal.sessions.v1.SessionsService/ValidateSession"), {
+                  method: 'POST',
+                  headers: {
+                    'Content-Type': 'application/json'
+                  },
+                  body: JSON.stringify({
+                    id: resolvedSessionId
+                  })
+                })];
+              case 1:
+                resp = _a.sent();
+                return [4 /*yield*/, resp.json()];
+              case 2:
+                valid = _a.sent().valid;
+                dispatch({
+                  type: 'setCheckState',
+                  payload: valid ? 'PASSED' : 'FAILED'
+                });
+                return [3 /*break*/, 4];
+              case 3:
+                e_1 = _a.sent();
+                dispatch({
+                  type: 'setError',
+                  payload: new SessionValidationFailedError(e_1, authUrl)
+                });
+                return [3 /*break*/, 4];
+              case 4:
+                return [2 /*return*/];
+            }
+          });
+        });
+      })();
+    }
+  }, [authUrl, sessionCheckState, resolvedSessionId, sessionId]);
+  return [state, dispatch];
+}
+function useAuthContext() {
+  var state = useContext(AuthStateContext);
+  var dispatch = useContext(AuthDispatchContext);
+  if (!state || !dispatch) throw new Error('useAuthContext cannot be used without AuthStateProvider');
+  return [state, dispatch];
+}
+function AuthProvider(_a) {
+  var _b = _a.authUrl,
+    authUrl = _b === void 0 ? defaultAuthUrl : _b,
+    sessionId = _a.sessionId,
+    children = _a.children;
+  var _c = useAuthReducer(authUrl, sessionId),
+    state = _c[0],
+    dispatch = _c[1];
+  if (state.sessionCheckState === 'MISSING') {
+    return /*#__PURE__*/React__default.createElement(SessionIdMissingOverlay, null);
+  }
+  if (state.sessionCheckState === 'FAILED') {
+    return /*#__PURE__*/React__default.createElement(SessionValidationFailedOverlay, null);
+  }
+  if (state.sessionCheckState === 'AUTH_URL_NOT_ALLOWED') {
+    return /*#__PURE__*/React__default.createElement(AuthUrlNotAllowedOverlay, null);
+  }
+  if (state.sessionCheckState === 'ERROR') {
+    return /*#__PURE__*/React__default.createElement(SessionValidationErrorOverlay, {
+      error: state.authError,
+      onRetry: function onRetry() {
+        return dispatch({
+          type: 'retry'
+        });
+      }
+    });
+  }
+  if (state.sessionCheckState === 'READY' || state.sessionCheckState === 'RUNNING') return /*#__PURE__*/React__default.createElement(PageContainer, {
+    className: "flex"
+  }, /*#__PURE__*/React__default.createElement(Spinner, null));
+  return /*#__PURE__*/React__default.createElement(AuthStateContext.Provider, {
+    value: state
+  }, /*#__PURE__*/React__default.createElement(AuthDispatchContext.Provider, {
+    value: dispatch
+  }, children));
+}
 
-var allowedTokenIssuers = ['https://demoauth.idmission.com/', 'https://uatauth.idmission.com/', 'https://auth.idmission.com/'];
+var defaultSubmissionUrl = 'https://portal-api.idmission.com/swagger';
+var defaultDocumentServiceUrl = 'https://portal-api.idmission.com/files/';
 var SubmissionContext = /*#__PURE__*/createContext({
   submit: function submit() {
     return __awaiter(void 0, void 0, void 0, function () {
@@ -662,122 +797,127 @@ var SubmissionContext = /*#__PURE__*/createContext({
 var SubmissionProvider = function SubmissionProvider(_a) {
   var action = _a.action,
     children = _a.children,
-    url = _a.url,
-    _b = _a.environment,
-    environment = _b === void 0 ? 'prod' : _b,
-    token = _a.token,
+    _b = _a.submissionUrl,
+    submissionUrl = _b === void 0 ? defaultSubmissionUrl : _b,
+    _c = _a.environment,
+    environment = _c === void 0 ? 'prod' : _c,
     companyId = _a.companyId,
     enrollmentId = _a.enrollmentId,
     personalData = _a.personalData,
     cardData = _a.cardData,
-    _c = _a.bypassAgeValidation,
-    bypassAgeValidation = _c === void 0 ? false : _c,
-    _d = _a.bypassNameMatching,
-    bypassNameMatching = _d === void 0 ? true : _d,
-    _e = _a.needImmediateResponse,
-    needImmediateResponse = _e === void 0 ? false : _e,
-    _f = _a.manualReviewRequired,
-    manualReviewRequired = _f === void 0 ? false : _f,
-    _g = _a.idBackImageRequired,
-    idBackImageRequired = _g === void 0 ? true : _g,
-    _h = _a.idImageResolutionCheck,
-    idImageResolutionCheck = _h === void 0 ? true : _h,
-    _j = _a.verifyIdWithExternalDatabases,
-    verifyIdWithExternalDatabases = _j === void 0 ? false : _j,
-    _k = _a.deduplicationEnabled,
-    deduplicationEnabled = _k === void 0 ? false : _k,
-    _l = _a.deduplicationSynchronous,
-    deduplicationSynchronous = _l === void 0 ? false : _l,
-    _m = _a.geolocationEnabled,
-    geolocationEnabled = _m === void 0 ? true : _m,
-    _o = _a.geolocationRequired,
-    geolocationRequired = _o === void 0 ? false : _o,
-    _p = _a.webhooksEnabled,
-    webhooksEnabled = _p === void 0 ? false : _p,
+    _d = _a.bypassAgeValidation,
+    bypassAgeValidation = _d === void 0 ? false : _d,
+    _e = _a.bypassNameMatching,
+    bypassNameMatching = _e === void 0 ? true : _e,
+    _f = _a.needImmediateResponse,
+    needImmediateResponse = _f === void 0 ? false : _f,
+    _g = _a.manualReviewRequired,
+    manualReviewRequired = _g === void 0 ? false : _g,
+    _h = _a.idBackImageRequired,
+    idBackImageRequired = _h === void 0 ? true : _h,
+    _j = _a.idImageResolutionCheck,
+    idImageResolutionCheck = _j === void 0 ? true : _j,
+    _k = _a.verifyIdWithExternalDatabases,
+    verifyIdWithExternalDatabases = _k === void 0 ? false : _k,
+    _l = _a.deduplicationEnabled,
+    deduplicationEnabled = _l === void 0 ? false : _l,
+    _m = _a.deduplicationSynchronous,
+    deduplicationSynchronous = _m === void 0 ? false : _m,
+    idCardForFaceMatch = _a.idCardForFaceMatch,
+    _o = _a.geolocationEnabled,
+    geolocationEnabled = _o === void 0 ? true : _o,
+    _p = _a.geolocationRequired,
+    geolocationRequired = _p === void 0 ? false : _p,
+    _q = _a.webhooksEnabled,
+    webhooksEnabled = _q === void 0 ? false : _q,
     webhooksClientTraceId = _a.webhooksClientTraceId,
-    _q = _a.webhooksStripSpecialCharacters,
-    webhooksStripSpecialCharacters = _q === void 0 ? true : _q,
-    _r = _a.webhooksSendInputImages,
-    webhooksSendInputImages = _r === void 0 ? false : _r,
-    _s = _a.webhooksSendProcessedImages,
-    webhooksSendProcessedImages = _s === void 0 ? false : _s,
-    _t = _a.webhooksFireOnReview,
-    webhooksFireOnReview = _t === void 0 ? false : _t,
+    _r = _a.webhooksStripSpecialCharacters,
+    webhooksStripSpecialCharacters = _r === void 0 ? true : _r,
+    _s = _a.webhooksSendInputImages,
+    webhooksSendInputImages = _s === void 0 ? false : _s,
+    _t = _a.webhooksSendProcessedImages,
+    webhooksSendProcessedImages = _t === void 0 ? false : _t,
+    _u = _a.webhooksFireOnReview,
+    webhooksFireOnReview = _u === void 0 ? false : _u,
     precapturedDocuments = _a.precapturedDocuments,
-    _u = _a.documentServiceUrl,
-    documentServiceUrl = _u === void 0 ? 'https://portal-api-dev.idmission.com/files/' : _u,
-    // 'http://localhost:10000/files/',
+    _v = _a.documentServiceUrl,
+    documentServiceUrl = _v === void 0 ? defaultDocumentServiceUrl : _v,
     onSubmit = _a.onSubmit,
     onBeforeSubmit = _a.onBeforeSubmit,
     onBeforeLivenessCheck = _a.onBeforeLivenessCheck,
+    onBeforeDocumentUpload = _a.onBeforeDocumentUpload,
+    onDocumentUploadProgress = _a.onDocumentUploadProgress,
+    onDocumentUploaded = _a.onDocumentUploaded,
+    onDocumentUploadFailed = _a.onDocumentUploadFailed,
     onResponseReceived = _a.onResponseReceived,
     onRequestFailure = _a.onRequestFailure;
-  var _v = useState(SubmissionStatus.READY),
-    submissionStatus = _v[0],
-    setSubmissionStatus = _v[1];
-  var _w = useState(null),
-    submissionRequest = _w[0],
-    setSubmissionRequest = _w[1];
+  var sessionId = useAuthContext()[0].sessionId;
+  var _w = useState(SubmissionStatus.READY),
+    submissionStatus = _w[0],
+    setSubmissionStatus = _w[1];
   var _x = useState(null),
-    submissionResponse = _x[0],
-    setSubmissionResponse = _x[1];
+    submissionRequest = _x[0],
+    setSubmissionRequest = _x[1];
   var _y = useState(null),
-    submissionError = _y[0],
-    setSubmissionError = _y[1];
+    submissionResponse = _y[0],
+    setSubmissionResponse = _y[1];
   var _z = useState(null),
-    retrySubmission = _z[0],
-    setRetrySubmission = _z[1];
+    submissionError = _z[0],
+    setSubmissionError = _z[1];
   var _0 = useState(null),
-    livenessCheckRequest = _0[0],
-    setLivenessCheckRequest = _0[1];
+    retrySubmission = _0[0],
+    setRetrySubmission = _0[1];
   var _1 = useState(null),
-    idFrontImage = _1[0],
-    setIdFrontImage = _1[1];
+    livenessCheckRequest = _1[0],
+    setLivenessCheckRequest = _1[1];
   var _2 = useState(null),
-    idBackImage = _2[0],
-    setIdBackImage = _2[1];
+    idFrontImage = _2[0],
+    setIdFrontImage = _2[1];
   var _3 = useState(null),
-    passportImage = _3[0],
-    setPassportImage = _3[1];
+    idBackImage = _3[0],
+    setIdBackImage = _3[1];
   var _4 = useState(null),
-    selfieImage = _4[0],
-    setSelfieImage = _4[1];
+    passportImage = _4[0],
+    setPassportImage = _4[1];
   var _5 = useState(null),
-    signatureData = _5[0],
-    setSignatureData = _5[1];
+    selfieImage = _5[0],
+    setSelfieImage = _5[1];
   var _6 = useState(null),
-    signatureVideoUrl = _6[0],
-    setSignatureVideoUrl = _6[1];
+    signatureData = _6[0],
+    setSignatureData = _6[1];
   var _7 = useState(null),
-    idCaptureVideoUrl = _7[0],
-    setIdCaptureVideoUrl = _7[1];
+    signatureVideoUrl = _7[0],
+    setSignatureVideoUrl = _7[1];
   var _8 = useState(null),
-    idCaptureVideoIdFrontImage = _8[0],
-    setIdCaptureVideoIdFrontImage = _8[1];
+    idCaptureVideoUrl = _8[0],
+    setIdCaptureVideoUrl = _8[1];
   var _9 = useState(null),
-    idCaptureVideoIdBackImage = _9[0],
-    setIdCaptureVideoIdBackImage = _9[1];
+    idCaptureVideoIdFrontImage = _9[0],
+    setIdCaptureVideoIdFrontImage = _9[1];
   var _10 = useState(null),
-    additionalDocuments = _10[0],
-    setAdditionalDocuments = _10[1];
+    idCaptureVideoIdBackImage = _10[0],
+    setIdCaptureVideoIdBackImage = _10[1];
   var _11 = useState(null),
-    geolocationResult = _11[0],
-    setGeolocationResult = _11[1];
-  var _12 = useState(0),
-    geolocationAttempts = _12[0],
-    setGeolocationAttempts = _12[1];
-  var _13 = useState(false),
-    geolocationBlocked = _13[0],
-    setGeolocationBlocked = _13[1];
-  var _14 = useState([]),
-    idFrontCaptureAttempts = _14[0],
-    setIdFrontCaptureAttempts = _14[1];
+    additionalDocuments = _11[0],
+    setAdditionalDocuments = _11[1];
+  var _12 = useState(null),
+    geolocationResult = _12[0],
+    setGeolocationResult = _12[1];
+  var _13 = useState(0),
+    geolocationAttempts = _13[0],
+    setGeolocationAttempts = _13[1];
+  var _14 = useState(false),
+    geolocationBlocked = _14[0],
+    setGeolocationBlocked = _14[1];
   var _15 = useState([]),
-    idBackCaptureAttempts = _15[0],
-    setIdBackCaptureAttempts = _15[1];
+    idFrontCaptureAttempts = _15[0],
+    setIdFrontCaptureAttempts = _15[1];
   var _16 = useState([]),
-    selfieCaptureAttempts = _16[0],
-    setSelfieCaptureAttempts = _16[1];
+    idBackCaptureAttempts = _16[0],
+    setIdBackCaptureAttempts = _16[1];
+  var _17 = useState([]),
+    selfieCaptureAttempts = _17[0],
+    setSelfieCaptureAttempts = _17[1];
   var logIdFrontCaptureAttempt = useCallback(function (attempt) {
     setIdFrontCaptureAttempts(function (attempts) {
       return __spreadArray(__spreadArray([], attempts, true), [attempt], false);
@@ -798,13 +938,143 @@ var SubmissionProvider = function SubmissionProvider(_a) {
       setSelfieImage(dataUrlToBase64Sync(precapturedDocuments.selfie.imageData));
     }
   }, [precapturedDocuments === null || precapturedDocuments === void 0 ? void 0 : precapturedDocuments.selfie]);
+  var uploadDocument = useCallback(function (src, metadata) {
+    return new Promise(function (resolve, reject) {
+      return __awaiter(void 0, void 0, void 0, function () {
+        var blob, _a, upload;
+        return __generator(this, function (_b) {
+          switch (_b.label) {
+            case 0:
+              blob = typeof src === 'string' ? convertBase64ToBlob(src) : src;
+              _a = onBeforeDocumentUpload;
+              if (!_a) return [3 /*break*/, 2];
+              return [4 /*yield*/, onBeforeDocumentUpload === null || onBeforeDocumentUpload === void 0 ? void 0 : onBeforeDocumentUpload(blob, metadata)];
+            case 1:
+              _a = _b.sent() === false;
+              _b.label = 2;
+            case 2:
+              if (_a) return [2 /*return*/, resolve(blobToB64(blob))];
+              upload = createUpload(blob, {
+                endpoint: documentServiceUrl,
+                retryDelays: [0, 1000, 1000, 1000, 3000, 5000, 10000, 20000],
+                headers: {
+                  'X-Session-Id': sessionId
+                },
+                metadata: metadata || {
+                  filetype: blob.type
+                },
+                onProgress: function onProgress(bytesUploaded, bytesTotal) {
+                  onDocumentUploadProgress === null || onDocumentUploadProgress === void 0 ? void 0 : onDocumentUploadProgress({
+                    bytesUploaded: bytesUploaded,
+                    bytesTotal: bytesTotal,
+                    percentage: (bytesUploaded / bytesTotal * 100).toFixed(2) + '%',
+                    metadata: metadata
+                  });
+                },
+                onSuccess: function onSuccess() {
+                  var _a;
+                  var documentId = 'urn:documentsv1:' + ((_a = upload.url.split('/files/').pop()) === null || _a === void 0 ? void 0 : _a.split('+').shift());
+                  onDocumentUploaded === null || onDocumentUploaded === void 0 ? void 0 : onDocumentUploaded(documentId, metadata);
+                  resolve(documentId);
+                },
+                onError: function onError(error) {
+                  console.log('Failed because: ' + error);
+                  onDocumentUploadFailed === null || onDocumentUploadFailed === void 0 ? void 0 : onDocumentUploadFailed(error, metadata);
+                  reject(error);
+                }
+              });
+              // Check if there are any previous uploads to continue.
+              upload.findPreviousUploads().then(function (previousUploads) {
+                // Found previous uploads so we select the first one.
+                if (previousUploads.length) {
+                  upload.resumeFromPreviousUpload(previousUploads[0]);
+                }
+                // Start the upload
+                upload.start();
+              });
+              return [2 /*return*/];
+          }
+        });
+      });
+    });
+  }, [onBeforeDocumentUpload, documentServiceUrl, sessionId, onDocumentUploadProgress, onDocumentUploaded, onDocumentUploadFailed]);
   var buildSubmissionPayload = useCallback(function () {
     return __awaiter(void 0, void 0, void 0, function () {
-      var submissionRequest, _a, _b, onBeforeSubmitResult;
-      var _c, _d;
-      return __generator(this, function (_e) {
-        switch (_e.label) {
+      function uploadIfPossible(src, filename, filetype) {
+        if (filetype === void 0) {
+          filetype = 'image/jpeg';
+        }
+        return __awaiter(this, void 0, void 0, function () {
+          return __generator(this, function (_a) {
+            switch (_a.label) {
+              case 0:
+                if (!documentServiceUrl) return [2 /*return*/, src];
+                if (!src.startsWith('data:')) src = "data:".concat(filetype, ";base64,").concat(src);
+                return [4 /*yield*/, uploadDocument(src, {
+                  filename: filename,
+                  filetype: filetype
+                })];
+              case 1:
+                return [2 /*return*/, _a.sent()];
+            }
+          });
+        });
+      }
+      var documents, _a, _b, submissionRequest, onBeforeSubmitResult;
+      var _c;
+      var _d, _e;
+      return __generator(this, function (_f) {
+        switch (_f.label) {
           case 0:
+            _c = {
+              idFrontImage: idFrontImage,
+              idBackImage: idBackImage,
+              passportImage: passportImage,
+              selfieImage: selfieImage
+            };
+            _a = signatureVideoUrl;
+            if (!_a) return [3 /*break*/, 2];
+            return [4 /*yield*/, videoDataUrlToB64(signatureVideoUrl)];
+          case 1:
+            _a = _f.sent();
+            _f.label = 2;
+          case 2:
+            _c.signatureVideo = _a;
+            _b = idCaptureVideoUrl;
+            if (!_b) return [3 /*break*/, 4];
+            return [4 /*yield*/, videoDataUrlToB64(idCaptureVideoUrl)];
+          case 3:
+            _b = _f.sent();
+            _f.label = 4;
+          case 4:
+            documents = (_c.idCaptureVideo = _b, _c.idCaptureVideoIdFrontImage = idCaptureVideoIdFrontImage, _c.idCaptureVideoIdBackImage = idCaptureVideoIdBackImage, _c);
+            if (signatureData) {
+              documents.signatureImage = signatureData === null || signatureData === void 0 ? void 0 : signatureData.fileContent;
+            }
+            if (!documentServiceUrl) return [3 /*break*/, 6];
+            return [4 /*yield*/, Promise.all(Object.keys(documents).map(function (k) {
+              return __awaiter(void 0, void 0, void 0, function () {
+                var _a, _b;
+                return __generator(this, function (_c) {
+                  switch (_c.label) {
+                    case 0:
+                      if (!documents[k]) return [3 /*break*/, 2];
+                      _a = documents;
+                      _b = k;
+                      return [4 /*yield*/, uploadIfPossible(documents[k], k)];
+                    case 1:
+                      _a[_b] = _c.sent();
+                      _c.label = 2;
+                    case 2:
+                      return [2 /*return*/];
+                  }
+                });
+              });
+            }))];
+          case 5:
+            _f.sent();
+            _f.label = 6;
+          case 6:
             submissionRequest = {
               securityData: {
                 userName: '',
@@ -836,24 +1106,22 @@ var SubmissionProvider = function SubmissionProvider(_a) {
                 idImageResolutionCheck: idImageResolutionCheck ? 'Y' : 'N'
               }
             };
-            if (idFrontImage) {
-              submissionRequest.customerData.idData.idImageFront = idFrontImage;
+            if (documents.idFrontImage) {
+              submissionRequest.customerData.idData.idImageFront = documents.idFrontImage;
             }
-            if (idBackImage) {
-              submissionRequest.customerData.idData.idImageBack = idBackImage;
+            if (documents.idBackImage) {
+              submissionRequest.customerData.idData.idImageBack = documents.idBackImage;
             }
-            if (passportImage) {
-              submissionRequest.customerData.idData.idImageFront = passportImage;
+            if (documents.passportImage) {
+              submissionRequest.customerData.idData.idImageFront = documents.passportImage;
             }
-            if (selfieImage) {
-              if (action === SubmissionAction.IDENTIFY) {
-                // TODO: remove once API is fixed
-                submissionRequest.biometricData = {
-                  selfie: selfieImage
-                };
-              }
+            if (documents.selfieImage) {
+              // if (action === SubmissionAction.IDENTIFY) {
+              //   // TODO: remove once API is fixed
+              //   submissionRequest.biometricData = { selfie: documents.selfieImage }
+              // }
               submissionRequest.customerData.biometricData = {
-                selfie: selfieImage
+                selfie: documents.selfieImage
               };
             }
             if (companyId) {
@@ -868,23 +1136,20 @@ var SubmissionProvider = function SubmissionProvider(_a) {
               submissionRequest.customerData.cardData = cardData;
             }
             if (enrollmentId) {
-              (_c = submissionRequest.customerData).personalData || (_c.personalData = {});
+              (_d = submissionRequest.customerData).personalData || (_d.personalData = {});
               submissionRequest.customerData.personalData.uniqueNumber = enrollmentId;
             }
             if (webhooksClientTraceId) {
               submissionRequest.additionalData.clientTraceId = webhooksClientTraceId;
             }
-            if (!signatureData) return [3 /*break*/, 2];
-            submissionRequest.customerData.signatureData = {
-              signatureImage: JSON.stringify(signatureData)
-            };
-            if (!signatureVideoUrl) return [3 /*break*/, 2];
-            _a = submissionRequest.customerData.signatureData;
-            return [4 /*yield*/, videoDataUrlToB64(signatureVideoUrl)];
-          case 1:
-            _a.signatureVideo = _e.sent();
-            _e.label = 2;
-          case 2:
+            if (signatureData) {
+              submissionRequest.customerData.signatureData = {
+                signatureImage: JSON.stringify(signatureData)
+              };
+              if (documents.signatureVideo) {
+                submissionRequest.customerData.signatureData.signatureVideo = documents.signatureVideo;
+              }
+            }
             if (additionalDocuments) {
               submissionRequest.customerData.additionalDocuments = additionalDocuments.map(function (d) {
                 return __assign(__assign({}, d), {
@@ -894,19 +1159,15 @@ var SubmissionProvider = function SubmissionProvider(_a) {
                 });
               });
             }
-            if (!idCaptureVideoUrl) return [3 /*break*/, 4];
-            (_d = submissionRequest.customerData).biometricData || (_d.biometricData = {});
-            _b = submissionRequest.customerData.biometricData;
-            return [4 /*yield*/, videoDataUrlToB64(idCaptureVideoUrl)];
-          case 3:
-            _b.videoData = _e.sent();
-            _e.label = 4;
-          case 4:
-            if (idCaptureVideoIdFrontImage) {
-              submissionRequest.customerData.idData.videoIdImageFront = dataUrlToBase64Sync(idCaptureVideoIdFrontImage);
+            if (documents.idCaptureVideo) {
+              (_e = submissionRequest.customerData).biometricData || (_e.biometricData = {});
+              submissionRequest.customerData.biometricData.videoData = documents.idCaptureVideo;
+            }
+            if (documents.idCaptureVideoIdFrontImage) {
+              submissionRequest.customerData.idData.videoIdImageFront = documents.idCaptureVideoIdFrontImage;
             }
-            if (idCaptureVideoIdBackImage) {
-              submissionRequest.customerData.idData.videoIdImageBack = dataUrlToBase64Sync(idCaptureVideoIdBackImage);
+            if (documents.idCaptureVideoIdBackImage) {
+              submissionRequest.customerData.idData.videoIdImageBack = documents.idCaptureVideoIdBackImage;
             }
             attachMetadataToRequest(submissionRequest, {
               selfieCaptureAttempts: selfieCaptureAttempts,
@@ -914,18 +1175,18 @@ var SubmissionProvider = function SubmissionProvider(_a) {
               idBackCaptureAttempts: idBackCaptureAttempts,
               geolocationResult: geolocationResult
             });
-            if (!onBeforeSubmit) return [3 /*break*/, 6];
+            if (!onBeforeSubmit) return [3 /*break*/, 8];
             return [4 /*yield*/, onBeforeSubmit(submissionRequest)];
-          case 5:
-            onBeforeSubmitResult = _e.sent();
+          case 7:
+            onBeforeSubmitResult = _f.sent();
             if (onBeforeSubmitResult) submissionRequest = onBeforeSubmitResult;
-            _e.label = 6;
-          case 6:
+            _f.label = 8;
+          case 8:
             return [2 /*return*/, submissionRequest];
         }
       });
     });
-  }, [action, additionalDocuments, bypassAgeValidation, bypassNameMatching, cardData, companyId, deduplicationEnabled, deduplicationSynchronous, enrollmentId, geolocationResult, idBackCaptureAttempts, idBackImage, idBackImageRequired, idCaptureVideoIdBackImage, idCaptureVideoIdFrontImage, idCaptureVideoUrl, idFrontCaptureAttempts, idFrontImage, idImageResolutionCheck, manualReviewRequired, needImmediateResponse, onBeforeSubmit, passportImage, personalData, selfieCaptureAttempts, selfieImage, signatureData, signatureVideoUrl, verifyIdWithExternalDatabases, webhooksClientTraceId, webhooksEnabled, webhooksFireOnReview, webhooksSendInputImages, webhooksSendProcessedImages, webhooksStripSpecialCharacters]);
+  }, [action, additionalDocuments, bypassAgeValidation, bypassNameMatching, cardData, companyId, deduplicationEnabled, deduplicationSynchronous, documentServiceUrl, enrollmentId, geolocationResult, idBackCaptureAttempts, idBackImage, idBackImageRequired, idCaptureVideoIdBackImage, idCaptureVideoIdFrontImage, idCaptureVideoUrl, idFrontCaptureAttempts, idFrontImage, idImageResolutionCheck, manualReviewRequired, needImmediateResponse, onBeforeSubmit, passportImage, personalData, selfieCaptureAttempts, selfieImage, signatureData, signatureVideoUrl, uploadDocument, verifyIdWithExternalDatabases, webhooksClientTraceId, webhooksEnabled, webhooksFireOnReview, webhooksSendInputImages, webhooksSendProcessedImages, webhooksStripSpecialCharacters]);
   var defaultOnSubmit = useCallback(function () {
     return __awaiter(void 0, void 0, void 0, function () {
       var submissionResponse_1, payload, host, endpoint, response, statusMessage, submissionResponse_2, e_1, err;
@@ -951,11 +1212,11 @@ var SubmissionProvider = function SubmissionProvider(_a) {
             return [4 /*yield*/, buildSubmissionPayload()];
           case 2:
             payload = _b.sent();
-            host = url || determineSubmissionHost(environment, token);
-            endpoint = determineSubmissionEndpoint(action, !!(idFrontImage || idBackImage || passportImage), !!selfieImage, !!token);
+            host = submissionUrl || determineSubmissionHost(environment);
+            endpoint = determineSubmissionEndpoint(action, !!(idFrontImage || idBackImage || passportImage), !!selfieImage);
             return [4 /*yield*/, fetch(host + endpoint, {
               method: 'POST',
-              headers: apiHeaders(token),
+              headers: apiHeaders(sessionId),
               body: JSON.stringify(payload)
             })["catch"](function (e) {
               throw new NetworkError(e.message);
@@ -1003,7 +1264,7 @@ var SubmissionProvider = function SubmissionProvider(_a) {
         }
       });
     });
-  }, [action, buildSubmissionPayload, environment, idBackImage, idFrontImage, onRequestFailure, onResponseReceived, passportImage, selfieImage, token, url]);
+  }, [action, buildSubmissionPayload, submissionUrl, environment, idFrontImage, idBackImage, passportImage, selfieImage, sessionId, onResponseReceived, onRequestFailure]);
   var submit = useCallback(function () {
     return __awaiter(void 0, void 0, void 0, function () {
       var _a;
@@ -1048,6 +1309,15 @@ var SubmissionProvider = function SubmissionProvider(_a) {
               estimateAge: 'N',
               predictGender: 'N'
             }, _a);
+            if (idCardForFaceMatch) {
+              request.customerData.idData = {
+                idImageFront: idCardForFaceMatch
+              };
+              // TODO: remove when fixed
+              request.customerData.additionalData = {
+                uniqueRequestId: request.additionalData.uniqueRequestId
+              };
+            }
             attachMetadataToRequest(request, {
               selfieCaptureAttempts: selfieCaptureAttempts,
               idFrontCaptureAttempts: idFrontCaptureAttempts,
@@ -1062,11 +1332,11 @@ var SubmissionProvider = function SubmissionProvider(_a) {
             if (onBeforeLivenessCheckResult) request = onBeforeLivenessCheckResult;
             _d.label = 3;
           case 3:
-            host = url || determineSubmissionHost(environment, token);
-            endpoint = liveCheckEndpoint(!!token);
+            host = submissionUrl || determineSubmissionHost(environment);
+            endpoint = liveCheckEndpoint(!!idCardForFaceMatch);
             return [4 /*yield*/, fetch(host + endpoint, {
               method: 'POST',
-              headers: apiHeaders(token),
+              headers: apiHeaders(sessionId),
               body: JSON.stringify(request)
             })["catch"](function (e) {
               throw new NetworkError(e.message);
@@ -1112,7 +1382,7 @@ var SubmissionProvider = function SubmissionProvider(_a) {
         }
       });
     });
-  }, [environment, geolocationResult, idBackCaptureAttempts, idFrontCaptureAttempts, onBeforeLivenessCheck, onRequestFailure, selfieCaptureAttempts, token, url, webhooksStripSpecialCharacters]);
+  }, [webhooksStripSpecialCharacters, idCardForFaceMatch, selfieCaptureAttempts, idFrontCaptureAttempts, idBackCaptureAttempts, geolocationResult, onBeforeLivenessCheck, submissionUrl, environment, sessionId, onRequestFailure]);
   var retryLocationAccess = useCallback(function () {
     setGeolocationAttempts(function (n) {
       return n + 1;
@@ -1138,125 +1408,6 @@ var SubmissionProvider = function SubmissionProvider(_a) {
     setSubmissionStatus(SubmissionStatus.READY);
     retrySubmission();
   }, [retrySubmission]);
-  var _17 = useState('NOT_PARSED'),
-    tokenState = _17[0],
-    setTokenState = _17[1];
-  var _18 = useState(null),
-    tokenError = _18[0],
-    setTokenError = _18[1];
-  useEffect(function () {
-    if (typeof window === 'undefined') return;
-    (function () {
-      return __awaiter(void 0, void 0, void 0, function () {
-        var parsed, iss, publicKey, resp, e_3, valid, parts, e_4, exp;
-        return __generator(this, function (_a) {
-          switch (_a.label) {
-            case 0:
-              setTokenState('PARSING');
-              if (!token) return [2 /*return*/, setTokenState('MISSING')];
-              try {
-                parsed = parseJwt(token);
-              } catch (e) {
-                console.error('error parsing token', e);
-                return [2 /*return*/, setTokenState('INVALID_FORMAT')];
-              }
-              iss = parsed.iss;
-              if (!allowedTokenIssuers.some(function (allowedIss) {
-                return iss.startsWith(allowedIss);
-              })) {
-                console.error('issuer is not allowed', iss);
-                return [2 /*return*/, setTokenState('ISSUER_NOT_ALLOWED')];
-              }
-              _a.label = 1;
-            case 1:
-              _a.trys.push([1, 4,, 5]);
-              return [4 /*yield*/, fetch(iss).then(function (r) {
-                return r.json();
-              })];
-            case 2:
-              resp = _a.sent();
-              return [4 /*yield*/, importRsaKey("-----BEGIN PUBLIC KEY-----\n".concat(resp.public_key, "\n-----END PUBLIC KEY-----"))];
-            case 3:
-              publicKey = _a.sent();
-              return [3 /*break*/, 5];
-            case 4:
-              e_3 = _a.sent();
-              console.error('error fetching public key', e_3);
-              setTokenError(new TokenPublicKeyError(e_3, iss));
-              return [2 /*return*/, setTokenState('PUBLIC_KEY_LOAD_FAILED')];
-            case 5:
-              valid = false;
-              _a.label = 6;
-            case 6:
-              _a.trys.push([6, 8,, 9]);
-              parts = token.split('.');
-              return [4 /*yield*/, window.crypto.subtle.verify({
-                name: 'RSASSA-PKCS1-v1_5'
-              }, publicKey,
-              //from generateKey or importKey above
-              str2ab(parts[1]),
-              //ArrayBuffer of the signature
-              str2ab(parts[2]))];
-            case 7:
-              _a.sent();
-              valid = true;
-              return [3 /*break*/, 9];
-            case 8:
-              e_4 = _a.sent();
-              console.error('error validating token', e_4);
-              return [3 /*break*/, 9];
-            case 9:
-              if (!valid) return [2 /*return*/, setTokenState('INVALID_SIGNATURE')];
-              exp = parsed.exp;
-              if (Date.now() >= exp * 1000) {
-                return [2 /*return*/, setTokenState('EXPIRED')];
-              }
-              setTokenState('GOOD');
-              return [2 /*return*/];
-          }
-        });
-      });
-    })();
-  }, [token]);
-  var uploadDocument = useCallback(function (blob) {
-    return new Promise(function (resolve, reject) {
-      import('tus-js-client').then(function (tus) {
-        var upload = new tus.Upload(blob, {
-          endpoint: documentServiceUrl,
-          retryDelays: [0, 3000, 5000, 10000, 20000],
-          metadata: {
-            filename: 'My File',
-            filetype: 'image/jpeg'
-          },
-          headers: {
-            Authorization: "Bearer ".concat(token)
-          },
-          onProgress: function onProgress(bytesUploaded, bytesTotal) {
-            var percentage = (bytesUploaded / bytesTotal * 100).toFixed(2);
-            console.log(bytesUploaded, bytesTotal, percentage + '%');
-          },
-          onSuccess: function onSuccess() {
-            var _a;
-            console.log('Download from %s', upload.url);
-            resolve('urn:documentsv1:' + ((_a = upload.url.split('/files/').pop()) === null || _a === void 0 ? void 0 : _a.split('+').shift()));
-          },
-          onError: function onError(error) {
-            console.log('Failed because: ' + error);
-            reject(error);
-          }
-        });
-        // Check if there are any previous uploads to continue.
-        upload.findPreviousUploads().then(function (previousUploads) {
-          // Found previous uploads so we select the first one.
-          if (previousUploads.length) {
-            upload.resumeFromPreviousUpload(previousUploads[0]);
-          }
-          // Start the upload
-          upload.start();
-        });
-      });
-    });
-  }, [documentServiceUrl, token]);
   var value = {
     submit: submit,
     submissionStatus: submissionStatus,
@@ -1292,26 +1443,6 @@ var SubmissionProvider = function SubmissionProvider(_a) {
     checkLiveness: checkLiveness,
     retryLocationAccess: retryLocationAccess
   };
-  if (tokenState === 'MISSING') {
-    return /*#__PURE__*/React__default.createElement(TokenMissingErrorOverlay, null);
-  }
-  if (tokenState === 'INVALID_FORMAT') {
-    return /*#__PURE__*/React__default.createElement(TokenInvalidFormatErrorOverlay, null);
-  }
-  if (tokenState === 'INVALID_SIGNATURE') {
-    return /*#__PURE__*/React__default.createElement(TokenInvalidSignatureErrorOverlay, null);
-  }
-  if (tokenState === 'EXPIRED') {
-    return /*#__PURE__*/React__default.createElement(TokenExpiredErrorOverlay, null);
-  }
-  if (tokenState === 'PUBLIC_KEY_LOAD_FAILED') {
-    return /*#__PURE__*/React__default.createElement(TokenPublicKeyErrorOverlay, {
-      error: tokenError
-    });
-  }
-  if (tokenState === 'ISSUER_NOT_ALLOWED') {
-    return /*#__PURE__*/React__default.createElement(TokenIssuerNotAllowedErrorOverlay, null);
-  }
   return /*#__PURE__*/React__default.createElement(SubmissionContext.Provider, {
     value: value
   }, geolocationRequired && geolocationBlocked ? ( /*#__PURE__*/React__default.createElement(GeolocationAccessDeniedOverlay, null)) : children, submissionError && ( /*#__PURE__*/React__default.createElement(SubmissionErrorOverlay, {
@@ -1319,28 +1450,30 @@ var SubmissionProvider = function SubmissionProvider(_a) {
     onRetry: onRetry
   })));
 };
-function str2ab(str) {
-  var buf = new ArrayBuffer(str.length);
-  var bufView = new Uint8Array(buf);
-  for (var i = 0, strLen = str.length; i < strLen; i++) {
-    bufView[i] = str.charCodeAt(i);
-  }
-  return buf;
+function createUpload(blob, options) {
+  var UploadType =
+  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+  // @ts-ignore
+  typeof window.tus !== 'undefined' ? window.tus.Upload : Upload;
+  return new UploadType(blob, options);
 }
-function importRsaKey(pem) {
-  if (typeof window === 'undefined') throw new Error('window cannot be undefined');
-  // fetch the part of the PEM string between header and footer
-  var pemHeader = '-----BEGIN PUBLIC KEY-----';
-  var pemFooter = '-----END PUBLIC KEY-----';
-  var pemContents = pem.substring(pemHeader.length, pem.length - pemFooter.length - 1);
-  // base64 decode the string to get the binary data
-  var binaryDerString = window.atob(pemContents);
-  // convert from a binary string to an ArrayBuffer
-  var binaryDer = str2ab(binaryDerString);
-  return window.crypto.subtle.importKey('spki', binaryDer, {
-    name: 'RSASSA-PKCS1-v1_5',
-    hash: 'SHA-256'
-  }, true, ['verify']);
+function convertBase64ToBlob(base64Image) {
+  // Split into two parts
+  var parts = base64Image.split(';base64,');
+  // Hold the content type
+  var imageType = parts[0].split(':')[1];
+  // Decode Base64 string
+  var decodedData = window.atob(parts[1]);
+  // Create UNIT8ARRAY of size same as row data length
+  var uInt8Array = new Uint8Array(decodedData.length);
+  // Insert all character code into uInt8Array
+  for (var i = 0; i < decodedData.length; ++i) {
+    uInt8Array[i] = decodedData.charCodeAt(i);
+  }
+  // Return BLOB image after conversion
+  return new Blob([uInt8Array], {
+    type: imageType
+  });
 }
 
 function getNativeBarcodeReaderResult(image) {
@@ -1476,7 +1609,7 @@ function getFrameDimensions(frame) {
   return [frameWidth, frameHeight];
 }
 
-var InvisibleCanvas = styled.canvas(templateObject_1$C || (templateObject_1$C = __makeTemplateObject(["\n  display: none;\n"], ["\n  display: none;\n"])));
+var InvisibleCanvas = styled.canvas(templateObject_1$B || (templateObject_1$B = __makeTemplateObject(["\n  display: none;\n"], ["\n  display: none;\n"])));
 function drawToCanvas(canvas, frame, width, height) {
   if (!canvas) return;
   var ctx = canvas.getContext('2d');
@@ -1498,7 +1631,7 @@ function clearCanvas(canvas) {
   if (!ctx) return;
   ctx.clearRect(0, 0, canvas.width, canvas.height);
 }
-var templateObject_1$C;
+var templateObject_1$B;
 
 function listAvailableCameras(facingMode, requestMicAccess) {
   if (requestMicAccess === void 0) {
@@ -1718,7 +1851,7 @@ var useHighestResCaptureDevice = function useHighestResCaptureDevice(_a) {
         throw e;
       }
     });
-  }, [cameraAccessDenied, iphoneContinuityCameraAllowed, iphoneContinuityCameraDenied, preferFrontFacingCamera]);
+  }, [cameraAccessDenied, debugMode, iphoneContinuityCameraAllowed, iphoneContinuityCameraDenied, preferFrontFacingCamera]);
   useEffect(function () {
     var _a;
     if (!videoDevice) return;
@@ -10006,7 +10139,7 @@ var useIdCaptureState = function useIdCaptureState() {
   return [state, dispatch];
 };
 
-var DebugStatsPane = styled.span(templateObject_1$B || (templateObject_1$B = __makeTemplateObject(["\n  font-size: 16px;\n  font-family: monospace;\n  position: absolute;\n  left: 20px;\n  bottom: 20px;\n  color: limegreen;\n  background: rgba(0, 0, 0, 0.5);\n  z-index: 1001;\n"], ["\n  font-size: 16px;\n  font-family: monospace;\n  position: absolute;\n  left: 20px;\n  bottom: 20px;\n  color: limegreen;\n  background: rgba(0, 0, 0, 0.5);\n  z-index: 1001;\n"])));
+var DebugStatsPane = styled.span(templateObject_1$A || (templateObject_1$A = __makeTemplateObject(["\n  font-size: 16px;\n  font-family: monospace;\n  position: absolute;\n  left: 20px;\n  bottom: 20px;\n  color: limegreen;\n  background: rgba(0, 0, 0, 0.5);\n  z-index: 1001;\n"], ["\n  font-size: 16px;\n  font-family: monospace;\n  position: absolute;\n  left: 20px;\n  bottom: 20px;\n  color: limegreen;\n  background: rgba(0, 0, 0, 0.5);\n  z-index: 1001;\n"])));
 var ObjectDetectionDebugOverlayDiv = styled.div(templateObject_2$q || (templateObject_2$q = __makeTemplateObject(["\n  position: absolute;\n  z-index: 1001;\n  width: 100%;\n  height: 100%;\n  max-width: 100%;\n  max-height: 100%;\n  overflow: hidden;\n  ", "\n"], ["\n  position: absolute;\n  z-index: 1001;\n  width: 100%;\n  height: 100%;\n  max-width: 100%;\n  max-height: 100%;\n  overflow: hidden;\n  ", "\n"])), function (_a) {
   var $flipX = _a.$flipX;
   return $flipX ? 'transform: scaleX(-1);' : '';
@@ -10201,7 +10334,7 @@ function SelfieCaptureFaceKeypoint(_a) {
     }
   });
 }
-var templateObject_1$B, templateObject_2$q, templateObject_3$j, templateObject_4$e;
+var templateObject_1$A, templateObject_2$q, templateObject_3$j, templateObject_4$e;
 
 var enTranslation = {};
 
@@ -10356,7 +10489,7 @@ function useTranslations(verbiage, fallbacks) {
   }, [fallbacks, i18n.language, t, verbiage]);
 }
 
-var GuidanceMessageContainerDiv = styled.div(templateObject_1$A || (templateObject_1$A = __makeTemplateObject(["\n  position: absolute;\n  top: calc(", ");\n  ", "\n  font-weight: bold;\n  width: 100%;\n  display: flex;\n"], ["\n  position: absolute;\n  top: calc(", ");\n  ", "\n  font-weight: bold;\n  width: 100%;\n  display: flex;\n"])), function (_a) {
+var GuidanceMessageContainerDiv = styled.div(templateObject_1$z || (templateObject_1$z = __makeTemplateObject(["\n  position: absolute;\n  top: calc(", ");\n  ", "\n  font-weight: bold;\n  width: 100%;\n  display: flex;\n"], ["\n  position: absolute;\n  top: calc(", ");\n  ", "\n  font-weight: bold;\n  width: 100%;\n  display: flex;\n"])), function (_a) {
   var $top = _a.$top;
   return $top !== null && $top !== void 0 ? $top : '10vh';
 }, function (_a) {
@@ -10376,7 +10509,7 @@ var GuidanceMessage = styled.div(templateObject_2$p || (templateObject_2$p = __m
   var _a, _b, _c, _d, _e, _f;
   return (_f = (_a = props.$textColor) !== null && _a !== void 0 ? _a : (_e = (_c = (_b = props.theme) === null || _b === void 0 ? void 0 : _b.guidanceMessages) === null || _c === void 0 ? void 0 : _c[(_d = props.$variant) !== null && _d !== void 0 ? _d : 'default']) === null || _e === void 0 ? void 0 : _e.textColor) !== null && _f !== void 0 ? _f : 'black';
 });
-var templateObject_1$A, templateObject_2$p;
+var templateObject_1$z, templateObject_2$p;
 
 var IdCapture = function IdCapture(_a) {
   var _b, _c, _d, _e, _f, _g, _h, _j, _k;
@@ -10728,13 +10861,13 @@ var CameraAccessDeniedOverlay = function CameraAccessDeniedOverlay(_a) {
     finished: true
   }, verbiage.retryBtnText)));
 };
-var StyledOverlayInner$2 = styled(OverlayInner$2)(templateObject_1$z || (templateObject_1$z = __makeTemplateObject(["\n  max-width: 500px;\n  height: auto;\n  margin: auto;\n"], ["\n  max-width: 500px;\n  height: auto;\n  margin: auto;\n"])));
+var StyledOverlayInner$2 = styled(OverlayInner$2)(templateObject_1$y || (templateObject_1$y = __makeTemplateObject(["\n  max-width: 500px;\n  height: auto;\n  margin: auto;\n"], ["\n  max-width: 500px;\n  height: auto;\n  margin: auto;\n"])));
 var StyledOverlayImageContainer$2 = styled(OverlayImageContainer)(templateObject_2$o || (templateObject_2$o = __makeTemplateObject(["\n  flex-grow: 0;\n"], ["\n  flex-grow: 0;\n"])));
 var Description$3 = styled.p(templateObject_3$i || (templateObject_3$i = __makeTemplateObject(["\n  line-height: 1.5;\n  margin-bottom: 50px;\n"], ["\n  line-height: 1.5;\n  margin-bottom: 50px;\n"])));
 var RetryButton = styled(LoaderButton)(templateObject_4$d || (templateObject_4$d = __makeTemplateObject(["\n  width: 200px;\n  margin: 0 auto;\n"], ["\n  width: 200px;\n  margin: 0 auto;\n"])));
-var templateObject_1$z, templateObject_2$o, templateObject_3$i, templateObject_4$d;
+var templateObject_1$y, templateObject_2$o, templateObject_3$i, templateObject_4$d;
 
-var ExitCaptureStyledButton = styled.button(templateObject_1$y || (templateObject_1$y = __makeTemplateObject(["\n  position: absolute;\n  top: 12px;\n  right: 12px;\n  font-size: 20px;\n  width: 32px;\n  height: 32px;\n  font-family: monospace;\n  z-index: 1002;\n  border: none;\n  border-radius: 4px;\n  background: #ccc;\n  cursor: pointer;\n  padding: 8px;\n  box-sizing: border-box;\n  display: flex;\n\n  &:hover {\n    background: #ddd;\n  }\n\n  & > svg {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n  }\n"], ["\n  position: absolute;\n  top: 12px;\n  right: 12px;\n  font-size: 20px;\n  width: 32px;\n  height: 32px;\n  font-family: monospace;\n  z-index: 1002;\n  border: none;\n  border-radius: 4px;\n  background: #ccc;\n  cursor: pointer;\n  padding: 8px;\n  box-sizing: border-box;\n  display: flex;\n\n  &:hover {\n    background: #ddd;\n  }\n\n  & > svg {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n  }\n"])));
+var ExitCaptureStyledButton = styled.button(templateObject_1$x || (templateObject_1$x = __makeTemplateObject(["\n  position: absolute;\n  top: 12px;\n  right: 12px;\n  font-size: 20px;\n  width: 32px;\n  height: 32px;\n  font-family: monospace;\n  z-index: 1002;\n  border: none;\n  border-radius: 4px;\n  background: #ccc;\n  cursor: pointer;\n  padding: 8px;\n  box-sizing: border-box;\n  display: flex;\n\n  &:hover {\n    background: #ddd;\n  }\n\n  & > svg {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n  }\n"], ["\n  position: absolute;\n  top: 12px;\n  right: 12px;\n  font-size: 20px;\n  width: 32px;\n  height: 32px;\n  font-family: monospace;\n  z-index: 1002;\n  border: none;\n  border-radius: 4px;\n  background: #ccc;\n  cursor: pointer;\n  padding: 8px;\n  box-sizing: border-box;\n  display: flex;\n\n  &:hover {\n    background: #ddd;\n  }\n\n  & > svg {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n  }\n"])));
 var ExitCaptureButton = function ExitCaptureButton(_a) {
   var onClick = _a.onClick,
     className = _a.className;
@@ -10778,11 +10911,11 @@ var ExitCaptureButton = function ExitCaptureButton(_a) {
     y2: "19.75"
   }))));
 };
-var templateObject_1$y;
-
-var ButtonsRow = styled.div(templateObject_1$x || (templateObject_1$x = __makeTemplateObject(["\n  display: flex;\n  gap: 0 15px;\n  justify-content: center;\n"], ["\n  display: flex;\n  gap: 0 15px;\n  justify-content: center;\n"])));
 var templateObject_1$x;
 
+var ButtonsRow = styled.div(templateObject_1$w || (templateObject_1$w = __makeTemplateObject(["\n  display: flex;\n  gap: 0 15px;\n  justify-content: center;\n"], ["\n  display: flex;\n  gap: 0 15px;\n  justify-content: center;\n"])));
+var templateObject_1$w;
+
 function IdCaptureLoadingGraphic(props) {
   var isMobile = window.innerHeight > window.innerWidth;
   return isMobile ? ( /*#__PURE__*/React__default.createElement(IdCaptureLoadingGraphicMobile, __assign({}, props))) : ( /*#__PURE__*/React__default.createElement(IdCaptureLoadingGraphicDesktop, __assign({}, props)));
@@ -11416,7 +11549,7 @@ var IdCaptureLoadingOverlayDefault = function IdCaptureLoadingOverlayDefault(_a)
     }
   }, verbiage.continueText))))));
 };
-var OverlayInner$1 = styled.div(templateObject_1$w || (templateObject_1$w = __makeTemplateObject(["\n  height: 100dvh;\n  display: flex;\n  flex-direction: column;\n  background: ", ";\n  color: ", ";\n"], ["\n  height: 100dvh;\n  display: flex;\n  flex-direction: column;\n  background: ", ";\n  color: ", ";\n"])), function (props) {
+var OverlayInner$1 = styled.div(templateObject_1$v || (templateObject_1$v = __makeTemplateObject(["\n  height: 100dvh;\n  display: flex;\n  flex-direction: column;\n  background: ", ";\n  color: ", ";\n"], ["\n  height: 100dvh;\n  display: flex;\n  flex-direction: column;\n  background: ", ";\n  color: ", ";\n"])), function (props) {
   var _a, _b, _c, _d;
   return (_d = (_c = (_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.idCapture) === null || _b === void 0 ? void 0 : _b.loadingOverlay) === null || _c === void 0 ? void 0 : _c.backgroundColor) !== null && _d !== void 0 ? _d : '#ecedf3';
 }, function (props) {
@@ -11468,9 +11601,9 @@ var ContinueButton$1 = styled(LoaderButton)(templateObject_18 || (templateObject
   var _a, _b, _c, _d, _e, _f;
   return ((_c = (_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.idCapture) === null || _b === void 0 ? void 0 : _b.loadingOverlay) === null || _c === void 0 ? void 0 : _c.continueBtnBorder) ? "border: ".concat((_f = (_e = (_d = props.theme) === null || _d === void 0 ? void 0 : _d.idCapture) === null || _e === void 0 ? void 0 : _e.loadingOverlay) === null || _f === void 0 ? void 0 : _f.continueBtnBorder, ";") : '';
 });
-var templateObject_1$w, templateObject_2$n, templateObject_3$h, templateObject_4$c, templateObject_5$8, templateObject_6$7, templateObject_7$5, templateObject_8$3, templateObject_9$1, templateObject_10$1, templateObject_11$1, templateObject_12$1, templateObject_13$1, templateObject_14$1, templateObject_15$1, templateObject_16, templateObject_17, templateObject_18;
+var templateObject_1$v, templateObject_2$n, templateObject_3$h, templateObject_4$c, templateObject_5$8, templateObject_6$7, templateObject_7$5, templateObject_8$3, templateObject_9$1, templateObject_10$1, templateObject_11$1, templateObject_12$1, templateObject_13$1, templateObject_14$1, templateObject_15$1, templateObject_16, templateObject_17, templateObject_18;
 
-var ContinuityCameraCheckboxContainer = styled.div(templateObject_1$v || (templateObject_1$v = __makeTemplateObject(["\n  margin-top: 15px;\n  margin-bottom: 15px;\n"], ["\n  margin-top: 15px;\n  margin-bottom: 15px;\n"])));
+var ContinuityCameraCheckboxContainer = styled.div(templateObject_1$u || (templateObject_1$u = __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$m || (templateObject_2$m = __makeTemplateObject(["\n  margin-right: 8px;\n"], ["\n  margin-right: 8px;\n"])));
 var IdCaptureLoadingOverlayLegacy = function IdCaptureLoadingOverlayLegacy(_a) {
   var _b, _c, _d, _e;
@@ -11582,7 +11715,7 @@ var IdCaptureLoadingOverlayLegacy = function IdCaptureLoadingOverlayLegacy(_a) {
     }
   }, cameraReady && modelsReady ? verbiage.continueText : modelsReady ? verbiage.cameraInitializingText : modelDownloadProgress >= 100 ? verbiage.modelsWarmingUpText : "".concat(verbiage.downloadingText, " (").concat(modelDownloadProgress, "%)"))));
 };
-var templateObject_1$v, templateObject_2$m;
+var templateObject_1$u, templateObject_2$m;
 
 var components$1 = {
   "default": IdCaptureLoadingOverlayDefault,
@@ -11625,7 +11758,7 @@ var CapturedDocumentImg = function CapturedDocumentImg(_a) {
   });
 };
 
-var OverlayInstruction = styled.p(templateObject_1$u || (templateObject_1$u = __makeTemplateObject(["\n  font-size: 18px;\n  margin: 30px 0;\n"], ["\n  font-size: 18px;\n  margin: 30px 0;\n"])));
+var OverlayInstruction = styled.p(templateObject_1$t || (templateObject_1$t = __makeTemplateObject(["\n  font-size: 18px;\n  margin: 30px 0;\n"], ["\n  font-size: 18px;\n  margin: 30px 0;\n"])));
 var IdCaptureSuccess = function IdCaptureSuccess(_a) {
   var capturedDocuments = _a.capturedDocuments,
     // barcodeResult,
@@ -11720,7 +11853,7 @@ var CapturedImageWrapper = styled.div(templateObject_7$4 || (templateObject_7$4
   return (_c = (_b = (_a = props.theme.idCapture) === null || _a === void 0 ? void 0 : _a.success) === null || _b === void 0 ? void 0 : _b.imageBorderColor) !== null && _c !== void 0 ? _c : 'var(--idm-color-primary-400)';
 });
 var StyledImage = styled(CapturedDocumentImg)(templateObject_8$2 || (templateObject_8$2 = __makeTemplateObject(["\n  width: 100%;\n  border-radius: 4px;\n"], ["\n  width: 100%;\n  border-radius: 4px;\n"])));
-var templateObject_1$u, templateObject_2$l, templateObject_3$g, templateObject_4$b, templateObject_5$7, templateObject_6$6, templateObject_7$4, templateObject_8$2;
+var templateObject_1$t, templateObject_2$l, templateObject_3$g, templateObject_4$b, templateObject_5$7, templateObject_6$6, templateObject_7$4, templateObject_8$2;
 
 var CameraVideoTag = function CameraVideoTag(_a) {
   var _b;
@@ -11751,10 +11884,10 @@ var CameraVideoTag = function CameraVideoTag(_a) {
     "$isRearFacing": (_b = cameraRef.current) === null || _b === void 0 ? void 0 : _b.isRearFacing
   });
 };
-var FullscreenVideoTag = styled.video(templateObject_1$t || (templateObject_1$t = __makeTemplateObject(["\n  transform: ", ";\n  min-width: 100%;\n  min-height: 100%;\n  width: auto;\n  height: auto;\n  max-width: 100%;\n  max-height: 100%;\n  object-fit: cover;\n  background: black;\n  z-index: -2;\n"], ["\n  transform: ", ";\n  min-width: 100%;\n  min-height: 100%;\n  width: auto;\n  height: auto;\n  max-width: 100%;\n  max-height: 100%;\n  object-fit: cover;\n  background: black;\n  z-index: -2;\n"])), function (props) {
+var FullscreenVideoTag = styled.video(templateObject_1$s || (templateObject_1$s = __makeTemplateObject(["\n  transform: ", ";\n  min-width: 100%;\n  min-height: 100%;\n  width: auto;\n  height: auto;\n  max-width: 100%;\n  max-height: 100%;\n  object-fit: cover;\n  background: black;\n  z-index: -2;\n"], ["\n  transform: ", ";\n  min-width: 100%;\n  min-height: 100%;\n  width: auto;\n  height: auto;\n  max-width: 100%;\n  max-height: 100%;\n  object-fit: cover;\n  background: black;\n  z-index: -2;\n"])), function (props) {
   return props.$isRearFacing ? '' : 'scaleX(-1)';
 });
-var templateObject_1$t;
+var templateObject_1$s;
 
 function useShowSuccessScreen(skipSuccessScreen, successScreenReady, onDoneCallback) {
   var _this = this;
@@ -11789,10 +11922,10 @@ function useShowSuccessScreen(skipSuccessScreen, successScreenReady, onDoneCallb
   return !skipSuccessScreen || skipSuccessScreenResolvedFalse;
 }
 
-var CameraFeedWrapper = styled.div(templateObject_1$s || (templateObject_1$s = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (props) {
+var CameraFeedWrapper = styled.div(templateObject_1$r || (templateObject_1$r = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (props) {
   return props.$mode === 'snapToGuides' ? "display: flex;\n         position: absolute;\n         left: ".concat(props.$x, "px;\n         top: ").concat(props.$y, "px;\n         width: ").concat(props.$w, "px;\n         height: ").concat(props.$h, "px;") : "";
 });
-var templateObject_1$s;
+var templateObject_1$r;
 
 function setCanvasDimensions(canvas, width, height) {
   var _a;
@@ -11826,7 +11959,7 @@ var GuideOrientationContext = /*#__PURE__*/createContext({
   }
 });
 
-var StyledPageContainer = styled(PageContainer)(templateObject_1$r || (templateObject_1$r = __makeTemplateObject(["\n  z-index: 1000;\n"], ["\n  z-index: 1000;\n"])));
+var StyledPageContainer = styled(PageContainer)(templateObject_1$q || (templateObject_1$q = __makeTemplateObject(["\n  z-index: 1000;\n"], ["\n  z-index: 1000;\n"])));
 var GuidesContainer = styled.div(templateObject_2$k || (templateObject_2$k = __makeTemplateObject(["\n  display: flex;\n  flex-flow: column nowrap;\n  width: 100%;\n  height: 100%;\n"], ["\n  display: flex;\n  flex-flow: column nowrap;\n  width: 100%;\n  height: 100%;\n"])));
 var GuideCenterRow = styled.div(templateObject_3$f || (templateObject_3$f = __makeTemplateObject(["\n  position: relative;\n  display: flex;\n  flex-flow: row nowrap;\n  align-items: center;\n  justify-items: center;\n  box-sizing: border-box;\n  max-width: 100%;\n  max-height: 100%;\n"], ["\n  position: relative;\n  display: flex;\n  flex-flow: row nowrap;\n  align-items: center;\n  justify-items: center;\n  box-sizing: border-box;\n  max-width: 100%;\n  max-height: 100%;\n"])));
 var GuideRegion = styled.div(templateObject_4$a || (templateObject_4$a = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  justify-content: end;\n  width: 100%;\n  height: 100%;\n  flex-grow: 1;\n  position: relative;\n  z-index: 1000;\n  background: ", ";\n  color: ", ";\n  text-align: center;\n  ", "\n  ", "\n"], ["\n  display: flex;\n  flex-direction: column;\n  justify-content: end;\n  width: 100%;\n  height: 100%;\n  flex-grow: 1;\n  position: relative;\n  z-index: 1000;\n  background: ", ";\n  color: ", ";\n  text-align: center;\n  ", "\n  ", "\n"])), function (props) {
@@ -11978,9 +12111,9 @@ var regionClsx$1 = function regionClsx(classNames, which) {
     return v;
   }).join(' ');
 };
-var templateObject_1$r, templateObject_2$k, templateObject_3$f, templateObject_4$a, templateObject_5$6, templateObject_6$5, templateObject_7$3, templateObject_8$1;
+var templateObject_1$q, templateObject_2$k, templateObject_3$f, templateObject_4$a, templateObject_5$6, templateObject_6$5, templateObject_7$3, templateObject_8$1;
 
-var FlippingImage = styled(GuideImage)(templateObject_1$q || (templateObject_1$q = __makeTemplateObject(["\n  backface-visibility: hidden;\n  transform-style: preserve-3d;\n  position: relative;\n  top: 0;\n  left: 0;\n  transition: transform ", "s;\n  transform: ", ";\n"], ["\n  backface-visibility: hidden;\n  transform-style: preserve-3d;\n  position: relative;\n  top: 0;\n  left: 0;\n  transition: transform ", "s;\n  transform: ", ";\n"])), function (props) {
+var FlippingImage = styled(GuideImage)(templateObject_1$p || (templateObject_1$p = __makeTemplateObject(["\n  backface-visibility: hidden;\n  transform-style: preserve-3d;\n  position: relative;\n  top: 0;\n  left: 0;\n  transition: transform ", "s;\n  transform: ", ";\n"], ["\n  backface-visibility: hidden;\n  transform-style: preserve-3d;\n  position: relative;\n  top: 0;\n  left: 0;\n  transition: transform ", "s;\n  transform: ", ";\n"])), function (props) {
   return props.$transitionTime;
 }, function (props) {
   return props.$transforms;
@@ -12126,7 +12259,7 @@ var regionClsx = function regionClsx(classNames, which) {
     return v;
   }).join(' ');
 };
-var templateObject_1$q, templateObject_2$j;
+var templateObject_1$p, templateObject_2$j;
 
 var IdCaptureFitGuide = function IdCaptureFitGuide(_a) {
   var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
@@ -12262,11 +12395,11 @@ var IdCaptureFitGuide = function IdCaptureFitGuide(_a) {
     imageVisible: imageVisible
   })));
 };
-var CanvasWrapper$1 = styled.div(templateObject_1$p || (templateObject_1$p = __makeTemplateObject(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  flex-grow: 1;\n  background-clip: padding-box;\n  box-shadow: inset 0 0 0 2px ", ";\n  z-index: -1;\n"], ["\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  flex-grow: 1;\n  background-clip: padding-box;\n  box-shadow: inset 0 0 0 2px ", ";\n  z-index: -1;\n"])), function (props) {
+var CanvasWrapper$1 = styled.div(templateObject_1$o || (templateObject_1$o = __makeTemplateObject(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  flex-grow: 1;\n  background-clip: padding-box;\n  box-shadow: inset 0 0 0 2px ", ";\n  z-index: -1;\n"], ["\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  flex-grow: 1;\n  background-clip: padding-box;\n  box-shadow: inset 0 0 0 2px ", ";\n  z-index: -1;\n"])), function (props) {
   return props.$maskColor;
 });
 var Canvas$1 = styled.canvas(templateObject_2$i || (templateObject_2$i = __makeTemplateObject(["\n  display: block;\n"], ["\n  display: block;\n"])));
-var templateObject_1$p, templateObject_2$i;
+var templateObject_1$o, templateObject_2$i;
 
 function IdCaptureGuides(_a) {
   var _b, _c;
@@ -12324,33 +12457,6 @@ function IdCaptureGuides(_a) {
   })));
 }
 
-var Spinner = styled.div(templateObject_1$o || (templateObject_1$o = __makeTemplateObject(["\n  display: inline-block;\n  width: ", "px;\n  height: ", "px;\n  margin: auto;\n\n  &:after {\n    content: ' ';\n    display: block;\n    width: ", "px;\n    height: ", "px;\n    margin: 8px;\n    border-radius: 50%;\n    border: ", "px solid\n      ", ";\n    border-color: ", " transparent\n      ", " transparent;\n    animation: lds-dual-ring 1.2s linear infinite;\n    box-sizing: content-box;\n  }\n\n  @keyframes lds-dual-ring {\n    0% {\n      transform: rotate(0deg);\n    }\n    100% {\n      transform: rotate(360deg);\n    }\n  }\n"], ["\n  display: inline-block;\n  width: ", "px;\n  height: ", "px;\n  margin: auto;\n\n  &:after {\n    content: ' ';\n    display: block;\n    width: ", "px;\n    height: ", "px;\n    margin: 8px;\n    border-radius: 50%;\n    border: ", "px solid\n      ", ";\n    border-color: ", " transparent\n      ", " transparent;\n    animation: lds-dual-ring 1.2s linear infinite;\n    box-sizing: content-box;\n  }\n\n  @keyframes lds-dual-ring {\n    0% {\n      transform: rotate(0deg);\n    }\n    100% {\n      transform: rotate(360deg);\n    }\n  }\n"])), function (_a) {
-  var $size = _a.$size;
-  return $size !== null && $size !== void 0 ? $size : 80;
-}, function (_a) {
-  var $size = _a.$size;
-  return $size !== null && $size !== void 0 ? $size : 80;
-}, function (_a) {
-  var $size = _a.$size;
-  return ($size !== null && $size !== void 0 ? $size : 80) - 16;
-}, function (_a) {
-  var $size = _a.$size;
-  return ($size !== null && $size !== void 0 ? $size : 80) - 16;
-}, function (_a) {
-  var $thickness = _a.$thickness;
-  return $thickness !== null && $thickness !== void 0 ? $thickness : 6;
-}, function (_a) {
-  var $color = _a.$color;
-  return $color !== null && $color !== void 0 ? $color : '#888';
-}, function (_a) {
-  var $color = _a.$color;
-  return $color !== null && $color !== void 0 ? $color : '#888';
-}, function (_a) {
-  var $color = _a.$color;
-  return $color !== null && $color !== void 0 ? $color : '#888';
-});
-var templateObject_1$o;
-
 var IdCaptureImagePreview = function IdCaptureImagePreview(_a) {
   var _b = _a.classNames,
     classNames = _b === void 0 ? {} : _b,
@@ -12562,7 +12668,7 @@ var DocumentCaptureStateProvider = function DocumentCaptureStateProvider(_a) {
     cameraRef = _d.cameraRef,
     videoRef = _d.videoRef;
   var uploadDocument = useContext(SubmissionContext).uploadDocument;
-  var uploadCapturedDocument = useCallback(function (content) {
+  var uploadCapturedDocument = useCallback(function (content, filetype) {
     return __awaiter(void 0, void 0, void 0, function () {
       var documentId_1;
       return __generator(this, function (_a) {
@@ -12572,7 +12678,9 @@ var DocumentCaptureStateProvider = function DocumentCaptureStateProvider(_a) {
             dispatch({
               type: 'uploadStarted'
             });
-            return [4 /*yield*/, uploadDocument(content)];
+            return [4 /*yield*/, uploadDocument(content, {
+              filetype: filetype
+            })];
           case 1:
             documentId_1 = _a.sent();
             setTimeout(function () {
@@ -12618,7 +12726,8 @@ var DocumentCaptureStateProvider = function DocumentCaptureStateProvider(_a) {
       type: 'setDocuments',
       payload: resolvedDocuments
     });
-    if ((_a = resolvedDocuments[0]) === null || _a === void 0 ? void 0 : _a.content) uploadCapturedDocument(resolvedDocuments[0].content);
+    var firstDocumentContent = (_a = resolvedDocuments[0]) === null || _a === void 0 ? void 0 : _a.content;
+    if (firstDocumentContent) uploadCapturedDocument(firstDocumentContent, firstDocumentContent.type);
   }, [aspectRatio, cameraFeedMode, documents, instructions, uploadCapturedDocument]);
   useEffect(function () {
     dispatch({
@@ -12841,7 +12950,7 @@ var DocumentCaptureScreen = function DocumentCaptureScreen(_a) {
       return __generator(this, function (_a) {
         switch (_a.label) {
           case 0:
-            return [4 /*yield*/, uploadCapturedDocument(content)];
+            return [4 /*yield*/, uploadCapturedDocument(content, 'image/jpeg')];
           case 1:
             _a.sent();
             return [2 /*return*/];
@@ -13873,7 +13982,7 @@ var reducer$2 = function reducer(state, action) {
             requestError: new Error("".concat(statusMessage, ": ").concat(errorData))
           });
         }
-        var faceLive = resultData.verificationResult === 'Live Face Detected';
+        var faceLive = ['Live Face Detected', 'Approved'].includes(resultData.verificationResult);
         var eyeCoveringDetected = resultData.eyeCovering === 'true';
         var maskDetected = resultData.faceMask === 'true';
         var headCoveringDetected = resultData.headCovering === 'true';
@@ -15252,8 +15361,7 @@ var VideoSignatureCapture = function VideoSignatureCapture(_a) {
   var _m = useVideoRecorder(cameraRef.current),
     isRecording = _m.isRecording,
     startRecording = _m.startRecording,
-    stopRecording = _m.stopRecording,
-    videoUrl = _m.videoUrl;
+    stopRecording = _m.stopRecording;
   var _o = useState(null),
     signatureData = _o[0],
     setSignatureData = _o[1];
@@ -15271,32 +15379,54 @@ var VideoSignatureCapture = function VideoSignatureCapture(_a) {
     clearBtnText: 'Clear'
   });
   var outputCanvas = useRef(null);
+  var recordingLock = useRef(false);
   useEffect(function () {
-    // delay 100ms to make sure outputCanvas has rendered.
-    setTimeout(function () {
-      if (!isRecording && !videoUrl && !!outputCanvas.current) {
-        startRecording();
-        var stream = outputCanvas.current.captureStream(25 /* fps */);
-        signatureRecorder.current = new MediaRecorder(stream, {
-          videoBitsPerSecond: 270000
-        });
-        signatureRecorder.current.start();
-        signatureRecorder.current.ondataavailable = function (event) {
-          var _a;
-          recordedChunks.current.push(event.data);
-          if (((_a = signatureRecorder.current) === null || _a === void 0 ? void 0 : _a.state) === 'recording') {
-            signatureRecorder.current.stop();
+    if (recordingLock.current) return;
+    recordingLock.current = true;
+    (function () {
+      return __awaiter(void 0, void 0, void 0, function () {
+        var stream;
+        return __generator(this, function (_a) {
+          switch (_a.label) {
+            case 0:
+              if (!!outputCanvas.current) return [3 /*break*/, 2];
+              return [4 /*yield*/, new Promise(function (resolve) {
+                var interval = setInterval(function () {
+                  if (outputCanvas.current) {
+                    clearInterval(interval);
+                    resolve(null);
+                  }
+                }, 10);
+              })];
+            case 1:
+              _a.sent();
+              _a.label = 2;
+            case 2:
+              startRecording();
+              stream = outputCanvas.current.captureStream(24 /* fps */);
+              signatureRecorder.current = new MediaRecorder(stream, {
+                videoBitsPerSecond: 270000
+              });
+              signatureRecorder.current.start();
+              signatureRecorder.current.ondataavailable = function (event) {
+                var _a;
+                recordedChunks.current.push(event.data);
+                if (((_a = signatureRecorder.current) === null || _a === void 0 ? void 0 : _a.state) === 'recording') {
+                  signatureRecorder.current.stop();
+                }
+              };
+              signatureRecorder.current.onstop = function () {
+                var blob = new Blob(recordedChunks.current, {
+                  type: 'video/mp4'
+                });
+                setSignatureVideoData(blob);
+              };
+              return [2 /*return*/];
           }
-        };
-        signatureRecorder.current.onstop = function () {
-          var blob = new Blob(recordedChunks.current, {
-            type: 'video/mp4'
-          });
-          setSignatureVideoData(blob);
-        };
-      }
-    }, 100);
-  }, [isRecording, startRecording, videoUrl]);
+        });
+      });
+    })();
+  }, [startRecording]);
   useEffect(function () {
     if (signatureVideoData && signatureData && signatureDataUrl) {
       onVideoCaptured === null || onVideoCaptured === void 0 ? void 0 : onVideoCaptured(signatureVideoData, signatureData, signatureDataUrl);
@@ -15560,7 +15690,6 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
     onRetryClicked === null || onRetryClicked === void 0 ? void 0 : onRetryClicked();
     onExit();
   }, [onExit, onRetryClicked]);
-  var showSuccessScreen = useShowSuccessScreen(skipSuccessScreen, captureState === 'SUCCESS', onComplete);
   var onDoneClick = useCallback(function () {
     return __awaiter(void 0, void 0, void 0, function () {
       return __generator(this, function (_a) {
@@ -15575,6 +15704,7 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
       });
     });
   }, [onComplete, submit]);
+  var showSuccessScreen = useShowSuccessScreen(skipSuccessScreen, captureState === 'SUCCESS', onDoneClick);
   return /*#__PURE__*/React__default.createElement(HighPerformanceSelfieGuidanceModelsProvider, {
     throttleMs: captureState === 'CAPTURING_SIGNATURE' ? 250 : 0,
     onModelError: onModelError,
@@ -15706,29 +15836,29 @@ var FlipImage = styled.img(templateObject_1$8 || (templateObject_1$8 = __makeTem
 var templateObject_1$8;
 
 var IdVideoCaptureGuides = function IdVideoCaptureGuides(_a) {
-  var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
-  var _u = _a.requestedAction,
-    requestedAction = _u === void 0 ? 'SHOW_ID_FRONT' : _u,
-    _v = _a.satisfied,
-    satisfied = _v === void 0 ? false : _v,
+  var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x;
+  var _y = _a.requestedAction,
+    requestedAction = _y === void 0 ? 'SHOW_ID_FRONT' : _y,
+    _z = _a.satisfied,
+    satisfied = _z === void 0 ? false : _z,
     faceGuideBorderWidth = _a.faceGuideBorderWidth,
     faceGuideBorderColor = _a.faceGuideBorderColor,
     idCardGuideBorderWidth = _a.idCardGuideBorderWidth,
     idCardGuideBorderColor = _a.idCardGuideBorderColor,
-    _w = _a.assets,
-    assets = _w === void 0 ? {} : _w,
-    _x = _a.classNames,
-    classNames = _x === void 0 ? {} : _x,
-    _y = _a.verbiage,
-    rawVerbiage = _y === void 0 ? {} : _y;
+    _0 = _a.assets,
+    assets = _0 === void 0 ? {} : _0,
+    _1 = _a.classNames,
+    classNames = _1 === void 0 ? {} : _1,
+    _2 = _a.verbiage,
+    rawVerbiage = _2 === void 0 ? {} : _2;
   var cameraRef = useContext(CameraStateContext).cameraRef;
   var imageRef = useRef(null);
-  var _z = useState(0),
-    imageWidth = _z[0],
-    setImageWidth = _z[1];
-  var _0 = useState(0),
-    imageHeight = _0[0],
-    setImageHeight = _0[1];
+  var _3 = useState(0),
+    imageWidth = _3[0],
+    setImageWidth = _3[1];
+  var _4 = useState(0),
+    imageHeight = _4[0],
+    setImageHeight = _4[1];
   assets.frontImageUrl || (assets.frontImageUrl = "".concat(DEFAULT_CDN_URL, "/Shieldout-IDCard-Front-SVG-Landscape-2.svg"));
   assets.backImageUrl || (assets.backImageUrl = "".concat(DEFAULT_CDN_URL, "/Shieldout-IDCard-Back-SVG-Landscape-2.svg"));
   var verbiage = useTranslations(rawVerbiage, {
@@ -15737,12 +15867,16 @@ var IdVideoCaptureGuides = function IdVideoCaptureGuides(_a) {
     flipIdInstructionText: 'Please flip your ID card...'
   });
   var instructionText = requestedAction === 'SHOW_ID_FRONT' ? verbiage.idFrontInstructionText : requestedAction === 'FLIP_ID' ? verbiage.flipIdInstructionText : verbiage.idBackInstructionText;
-  var idGuideWidth = typeof window !== 'undefined' && window.innerWidth > window.innerHeight ? '30%' : '75%';
   var theme = useTheme();
   if (faceGuideBorderWidth === undefined) faceGuideBorderWidth = (_d = (_c = (_b = theme.idVideoCapture) === null || _b === void 0 ? void 0 : _b.faceGuides) === null || _c === void 0 ? void 0 : _c.borderWidth) !== null && _d !== void 0 ? _d : 4;
   if (faceGuideBorderColor === undefined) faceGuideBorderColor = (_j = satisfied ? (_f = (_e = theme.idVideoCapture) === null || _e === void 0 ? void 0 : _e.faceGuides) === null || _f === void 0 ? void 0 : _f.satisfiedColor : (_h = (_g = theme.idVideoCapture) === null || _g === void 0 ? void 0 : _g.faceGuides) === null || _h === void 0 ? void 0 : _h.unsatisfiedColor) !== null && _j !== void 0 ? _j : 'white';
   if (idCardGuideBorderWidth === undefined) idCardGuideBorderWidth = (_m = (_l = (_k = theme.idVideoCapture) === null || _k === void 0 ? void 0 : _k.idCardGuides) === null || _l === void 0 ? void 0 : _l.borderWidth) !== null && _m !== void 0 ? _m : 4;
   if (idCardGuideBorderColor === undefined) idCardGuideBorderColor = (_s = satisfied ? (_p = (_o = theme.idVideoCapture) === null || _o === void 0 ? void 0 : _o.idCardGuides) === null || _p === void 0 ? void 0 : _p.satisfiedColor : (_r = (_q = theme.idVideoCapture) === null || _q === void 0 ? void 0 : _q.idCardGuides) === null || _r === void 0 ? void 0 : _r.unsatisfiedColor) !== null && _s !== void 0 ? _s : 'white';
+  var captureImageSize = function captureImageSize() {
+    var _a, _b, _c, _d;
+    if (!imageWidth) setImageWidth((_b = (_a = imageRef.current) === null || _a === void 0 ? void 0 : _a.width) !== null && _b !== void 0 ? _b : 0);
+    if (!imageHeight) setImageHeight((_d = (_c = imageRef.current) === null || _c === void 0 ? void 0 : _c.height) !== null && _d !== void 0 ? _d : 0);
+  };
   return /*#__PURE__*/React__default.createElement(Container, {
     className: classNames.container
   }, /*#__PURE__*/React__default.createElement(FaceGuide, {
@@ -15750,12 +15884,13 @@ var IdVideoCaptureGuides = function IdVideoCaptureGuides(_a) {
     "$borderWidth": faceGuideBorderWidth,
     "$borderColor": faceGuideBorderColor
   }), /*#__PURE__*/React__default.createElement(IdCardGuideContainer, {
-    "$width": idGuideWidth,
     className: classNames.idCardGuideContainer
   }, /*#__PURE__*/React__default.createElement(IdCardGuideInstructionsContainer, {
     className: classNames.idCardGuideInstructionsContainer
   }, /*#__PURE__*/React__default.createElement(IdCardGuideInstructions, {
-    className: classNames.idCardGuideInstructions
+    className: classNames.idCardGuideInstructions,
+    "$textColor": (_u = (_t = theme.idVideoCapture) === null || _t === void 0 ? void 0 : _t.idCardGuides) === null || _u === void 0 ? void 0 : _u.instructionsTextColor,
+    "$background": (_w = (_v = theme.idVideoCapture) === null || _v === void 0 ? void 0 : _v.idCardGuides) === null || _w === void 0 ? void 0 : _w.instructionsBackgroundColor
   }, instructionText)), /*#__PURE__*/React__default.createElement(IdCardGuideImageContainer, {
     "$borderWidth": idCardGuideBorderWidth,
     "$borderColor": idCardGuideBorderColor,
@@ -15771,30 +15906,25 @@ var IdVideoCaptureGuides = function IdVideoCaptureGuides(_a) {
     src: requestedAction === 'SHOW_ID_BACK' ? assets.backImageUrl : assets.frontImageUrl,
     alt: "",
     className: classNames.idCardGuideImage,
-    "$isMirrored": !((_t = cameraRef.current) === null || _t === void 0 ? void 0 : _t.isRearFacing),
-    onLoad: function onLoad() {
-      var _a, _b, _c, _d;
-      if (!imageWidth) setImageWidth((_b = (_a = imageRef.current) === null || _a === void 0 ? void 0 : _a.width) !== null && _b !== void 0 ? _b : 0);
-      if (!imageHeight) setImageHeight((_d = (_c = imageRef.current) === null || _c === void 0 ? void 0 : _c.height) !== null && _d !== void 0 ? _d : 0);
-    }
+    "$isMirrored": !((_x = cameraRef.current) === null || _x === void 0 ? void 0 : _x.isRearFacing),
+    onLoad: captureImageSize,
+    onResize: captureImageSize
   })))));
 };
 var Container = styled.div(templateObject_1$7 || (templateObject_1$7 = __makeTemplateObject(["\n  position: fixed;\n  z-index: 1000;\n  width: 100dvw;\n  height: 100dvh;\n  display: flex;\n  flex-direction: column;\n  font-family: ", ";\n"], ["\n  position: fixed;\n  z-index: 1000;\n  width: 100dvw;\n  height: 100dvh;\n  display: flex;\n  flex-direction: column;\n  font-family: ", ";\n"])), function (props) {
   var _a;
   return (_a = props.theme) === null || _a === void 0 ? void 0 : _a.fontFamily;
 });
-var FaceGuide = styled.div(templateObject_2$7 || (templateObject_2$7 = __makeTemplateObject(["\n  border-width: ", "px;\n  border-color: ", ";\n  border-style: solid;\n  border-radius: 50%;\n  aspect-ratio: 1 / 1.618;\n  height: 100%;\n  min-height: 33dvh;\n  margin: 4% auto auto;\n"], ["\n  border-width: ", "px;\n  border-color: ", ";\n  border-style: solid;\n  border-radius: 50%;\n  aspect-ratio: 1 / 1.618;\n  height: 100%;\n  min-height: 33dvh;\n  margin: 4% auto auto;\n"])), function (props) {
+var FaceGuide = styled.div(templateObject_2$7 || (templateObject_2$7 = __makeTemplateObject(["\n  border-width: ", "px;\n  border-color: ", ";\n  border-style: solid;\n  border-radius: 50%;\n  aspect-ratio: 1 / 1.618;\n  height: 50%;\n  min-height: 33dvh;\n  margin: 4% auto auto;\n"], ["\n  border-width: ", "px;\n  border-color: ", ";\n  border-style: solid;\n  border-radius: 50%;\n  aspect-ratio: 1 / 1.618;\n  height: 50%;\n  min-height: 33dvh;\n  margin: 4% auto auto;\n"])), function (props) {
   var _a;
   return (_a = props.$borderWidth) !== null && _a !== void 0 ? _a : 0;
 }, function (props) {
   var _a;
   return (_a = props.$borderColor) !== null && _a !== void 0 ? _a : 'white';
 });
-var IdCardGuideContainer = styled.div(templateObject_3$7 || (templateObject_3$7 = __makeTemplateObject(["\n  width: ", ";\n  display: flex;\n  flex-flow: column nowrap;\n  margin: 2% auto;\n"], ["\n  width: ", ";\n  display: flex;\n  flex-flow: column nowrap;\n  margin: 2% auto;\n"])), function (props) {
-  return props.$width;
-});
-var IdCardGuideInstructionsContainer = styled.div(templateObject_4$2 || (templateObject_4$2 = __makeTemplateObject(["\n  width: 100%;\n  flex-grow: 1;\n  text-align: center;\n  color: white;\n  display: flex;\n  flex-direction: column;\n  justify-content: end;\n"], ["\n  width: 100%;\n  flex-grow: 1;\n  text-align: center;\n  color: white;\n  display: flex;\n  flex-direction: column;\n  justify-content: end;\n"])));
-var IdCardGuideInstructions = styled.span(templateObject_5$1 || (templateObject_5$1 = __makeTemplateObject(["\n  align-content: center;\n  margin-top: 12px;\n  margin-bottom: 12px;\n"], ["\n  align-content: center;\n  margin-top: 12px;\n  margin-bottom: 12px;\n"])));
+var IdCardGuideContainer = styled.div(templateObject_3$7 || (templateObject_3$7 = __makeTemplateObject(["\n  height: 50%;\n  display: flex;\n  flex-flow: column nowrap;\n  margin: 2% auto;\n"], ["\n  height: 50%;\n  display: flex;\n  flex-flow: column nowrap;\n  margin: 2% auto;\n"])));
+var IdCardGuideInstructionsContainer = styled.div(templateObject_4$2 || (templateObject_4$2 = __makeTemplateObject(["\n  width: 100%;\n  text-align: center;\n  color: white;\n  display: flex;\n  flex-direction: column;\n  justify-content: end;\n"], ["\n  width: 100%;\n  text-align: center;\n  color: white;\n  display: flex;\n  flex-direction: column;\n  justify-content: end;\n"])));
+var IdCardGuideInstructions = styled(GuidanceMessage)(templateObject_5$1 || (templateObject_5$1 = __makeTemplateObject(["\n  align-content: center;\n  margin-top: 12px;\n  margin-bottom: 12px;\n  padding: 8px 12px;\n  font-weight: bold;\n"], ["\n  align-content: center;\n  margin-top: 12px;\n  margin-bottom: 12px;\n  padding: 8px 12px;\n  font-weight: bold;\n"])));
 var IdCardGuideImageContainer = styled.div(templateObject_6$1 || (templateObject_6$1 = __makeTemplateObject(["\n  position: relative;\n  border: ", "px solid\n    ", ";\n"], ["\n  position: relative;\n  border: ", "px solid\n    ", ";\n"])), function (props) {
   return props.$borderWidth;
 }, function (props) {
@@ -16970,8 +17100,10 @@ var ThemeProvider = function ThemeProvider(_a) {
 var IdValidation = function IdValidation(_a) {
   var _b = _a.lang,
     lang = _b === void 0 ? 'auto' : _b,
-    submissionToken = _a.submissionToken,
+    sessionId = _a.sessionId,
     submissionUrl = _a.submissionUrl,
+    authUrl = _a.authUrl,
+    documentServiceUrl = _a.documentServiceUrl,
     companyId = _a.companyId,
     needImmediateResponse = _a.needImmediateResponse,
     manualReviewRequired = _a.manualReviewRequired,
@@ -17014,6 +17146,10 @@ var IdValidation = function IdValidation(_a) {
     _p = _a.modelLoadTimeoutMs,
     modelLoadTimeoutMs = _p === void 0 ? defaultIdCaptureModelLoadTimeoutMs : _p,
     onBeforeSubmit = _a.onBeforeSubmit,
+    onBeforeDocumentUpload = _a.onBeforeDocumentUpload,
+    onDocumentUploadProgress = _a.onDocumentUploadProgress,
+    onDocumentUploaded = _a.onDocumentUploaded,
+    onDocumentUploadFailed = _a.onDocumentUploadFailed,
     onSubmit = _a.onSubmit,
     onComplete = _a.onComplete,
     onApproved = _a.onApproved,
@@ -17104,12 +17240,15 @@ var IdValidation = function IdValidation(_a) {
       onDenied === null || onDenied === void 0 ? void 0 : onDenied(resp, req);
     }
   }, [onApproved, onComplete, onDenied]);
-  return /*#__PURE__*/React__default.createElement(ThemeProvider, {
+  return /*#__PURE__*/React__default.createElement(AuthProvider, {
+    sessionId: sessionId,
+    authUrl: authUrl
+  }, /*#__PURE__*/React__default.createElement(ThemeProvider, {
     theme: theme
   }, /*#__PURE__*/React__default.createElement(SubmissionProvider, {
     action: SubmissionAction.VALIDATE,
-    url: submissionUrl,
-    token: submissionToken,
+    submissionUrl: submissionUrl,
+    documentServiceUrl: documentServiceUrl,
     companyId: companyId,
     needImmediateResponse: needImmediateResponse,
     manualReviewRequired: manualReviewRequired,
@@ -17125,6 +17264,10 @@ var IdValidation = function IdValidation(_a) {
     webhooksSendInputImages: webhooksSendInputImages,
     webhooksSendProcessedImages: webhooksSendProcessedImages,
     webhooksFireOnReview: webhooksFireOnReview,
+    onBeforeDocumentUpload: onBeforeDocumentUpload,
+    onDocumentUploadProgress: onDocumentUploadProgress,
+    onDocumentUploaded: onDocumentUploaded,
+    onDocumentUploadFailed: onDocumentUploadFailed,
     onBeforeSubmit: onBeforeSubmit,
     onSubmit: onSubmit,
     onResponseReceived: onResponseReceived,
@@ -17141,15 +17284,17 @@ var IdValidation = function IdValidation(_a) {
     captureSignature: captureSignature,
     captureSignatureVideo: captureSignatureVideo,
     debugMode: debugMode
-  })));
+  }))));
 };
 
 /** Render a fullscreen capture component that analyzes frames from the user's front-facing camera to determine whether a live human face is present. */
 var FaceValidation = function FaceValidation(_a) {
   var _b = _a.lang,
     lang = _b === void 0 ? 'auto' : _b,
-    submissionToken = _a.submissionToken,
+    sessionId = _a.sessionId,
+    authUrl = _a.authUrl,
     submissionUrl = _a.submissionUrl,
+    documentServiceUrl = _a.documentServiceUrl,
     companyId = _a.companyId,
     needImmediateResponse = _a.needImmediateResponse,
     webhooksEnabled = _a.webhooksEnabled,
@@ -17165,6 +17310,11 @@ var FaceValidation = function FaceValidation(_a) {
     modelLoadTimeoutMs = _e === void 0 ? defaultSelfieCaptureModelLoadTimeoutMs : _e,
     _f = _a.skipSuccessScreen,
     skipSuccessScreen = _f === void 0 ? false : _f,
+    idCardForFaceMatch = _a.idCardForFaceMatch,
+    onBeforeDocumentUpload = _a.onBeforeDocumentUpload,
+    onDocumentUploadProgress = _a.onDocumentUploadProgress,
+    onDocumentUploaded = _a.onDocumentUploaded,
+    onDocumentUploadFailed = _a.onDocumentUploadFailed,
     onBeforeSubmit = _a.onBeforeSubmit,
     onComplete = _a.onComplete,
     onApproved = _a.onApproved,
@@ -17206,12 +17356,15 @@ var FaceValidation = function FaceValidation(_a) {
       debugMode: debugMode
     };
   }, [assets, classNames, colors, debugMode, loadingOverlayMode, modelLoadTimeoutMs, onApproved, onComplete, onDenied, onExitAfterFailure, onExitCapture, onModelError, onUserCancel, skipSuccessScreen, timeoutDurationMs, verbiage]);
-  return /*#__PURE__*/React__default.createElement(ThemeProvider, {
+  return /*#__PURE__*/React__default.createElement(AuthProvider, {
+    sessionId: sessionId,
+    authUrl: authUrl
+  }, /*#__PURE__*/React__default.createElement(ThemeProvider, {
     theme: theme
   }, /*#__PURE__*/React__default.createElement(SubmissionProvider, {
     action: SubmissionAction.NONE,
-    url: submissionUrl,
-    token: submissionToken,
+    submissionUrl: submissionUrl,
+    documentServiceUrl: documentServiceUrl,
     companyId: companyId,
     needImmediateResponse: needImmediateResponse,
     webhooksEnabled: webhooksEnabled,
@@ -17219,6 +17372,11 @@ var FaceValidation = function FaceValidation(_a) {
     webhooksStripSpecialCharacters: webhooksStripSpecialCharacters,
     webhooksSendInputImages: webhooksSendInputImages,
     webhooksSendProcessedImages: webhooksSendProcessedImages,
+    idCardForFaceMatch: idCardForFaceMatch,
+    onBeforeDocumentUpload: onBeforeDocumentUpload,
+    onDocumentUploadProgress: onDocumentUploadProgress,
+    onDocumentUploaded: onDocumentUploaded,
+    onDocumentUploadFailed: onDocumentUploadFailed,
     onBeforeLivenessCheck: onBeforeSubmit,
     geolocationEnabled: geolocationEnabled,
     geolocationRequired: geolocationRequired
@@ -17228,7 +17386,7 @@ var FaceValidation = function FaceValidation(_a) {
     }, []),
     faceLivenessProps: faceLivenessProps,
     debugMode: debugMode
-  })));
+  }))));
 };
 
 /**
@@ -17237,8 +17395,10 @@ var FaceValidation = function FaceValidation(_a) {
 var IdAndFaceValidation = function IdAndFaceValidation(_a) {
   var _b = _a.lang,
     lang = _b === void 0 ? 'auto' : _b,
-    submissionToken = _a.submissionToken,
+    sessionId = _a.sessionId,
+    authUrl = _a.authUrl,
     submissionUrl = _a.submissionUrl,
+    documentServiceUrl = _a.documentServiceUrl,
     companyId = _a.companyId,
     needImmediateResponse = _a.needImmediateResponse,
     manualReviewRequired = _a.manualReviewRequired,
@@ -17288,6 +17448,10 @@ var IdAndFaceValidation = function IdAndFaceValidation(_a) {
     idCaptureModelLoadTimeoutMs = _s === void 0 ? defaultIdCaptureModelLoadTimeoutMs : _s,
     _t = _a.selfieCaptureModelLoadTimeoutMs,
     selfieCaptureModelLoadTimeoutMs = _t === void 0 ? defaultSelfieCaptureModelLoadTimeoutMs : _t,
+    onBeforeDocumentUpload = _a.onBeforeDocumentUpload,
+    onDocumentUploaded = _a.onDocumentUploaded,
+    onDocumentUploadProgress = _a.onDocumentUploadProgress,
+    onDocumentUploadFailed = _a.onDocumentUploadFailed,
     onBeforeLivenessCheck = _a.onBeforeLivenessCheck,
     onBeforeSubmit = _a.onBeforeSubmit,
     onSubmit = _a.onSubmit,
@@ -17402,12 +17566,15 @@ var IdAndFaceValidation = function IdAndFaceValidation(_a) {
   var checks = useMemo(function () {
     return (precapturedDocuments === null || precapturedDocuments === void 0 ? void 0 : precapturedDocuments.selfie) ? ['IdCapture'] : ['IdCapture', 'FaceLiveness'];
   }, [precapturedDocuments === null || precapturedDocuments === void 0 ? void 0 : precapturedDocuments.selfie]);
-  return /*#__PURE__*/React__default.createElement(ThemeProvider, {
+  return /*#__PURE__*/React__default.createElement(AuthProvider, {
+    sessionId: sessionId,
+    authUrl: authUrl
+  }, /*#__PURE__*/React__default.createElement(ThemeProvider, {
     theme: theme
   }, /*#__PURE__*/React__default.createElement(SubmissionProvider, {
     action: SubmissionAction.VALIDATE,
-    url: submissionUrl,
-    token: submissionToken,
+    submissionUrl: submissionUrl,
+    documentServiceUrl: documentServiceUrl,
     companyId: companyId,
     needImmediateResponse: needImmediateResponse,
     manualReviewRequired: manualReviewRequired,
@@ -17424,6 +17591,10 @@ var IdAndFaceValidation = function IdAndFaceValidation(_a) {
     webhooksSendProcessedImages: webhooksSendProcessedImages,
     webhooksFireOnReview: webhooksFireOnReview,
     precapturedDocuments: precapturedDocuments,
+    onBeforeDocumentUpload: onBeforeDocumentUpload,
+    onDocumentUploadProgress: onDocumentUploadProgress,
+    onDocumentUploaded: onDocumentUploaded,
+    onDocumentUploadFailed: onDocumentUploadFailed,
     onBeforeSubmit: onBeforeSubmit,
     onBeforeLivenessCheck: onBeforeLivenessCheck,
     onSubmit: onSubmit,
@@ -17440,7 +17611,7 @@ var IdAndFaceValidation = function IdAndFaceValidation(_a) {
     captureSignature: captureSignature,
     captureSignatureVideo: captureSignatureVideo,
     debugMode: debugMode
-  })));
+  }))));
 };
 
 /**
@@ -17450,8 +17621,10 @@ var CustomerIdAndBiometricsEnrollment = function CustomerIdAndBiometricsEnrollme
   var enrollmentId = _a.enrollmentId,
     _b = _a.lang,
     lang = _b === void 0 ? 'auto' : _b,
-    submissionToken = _a.submissionToken,
+    sessionId = _a.sessionId,
+    authUrl = _a.authUrl,
     submissionUrl = _a.submissionUrl,
+    documentServiceUrl = _a.documentServiceUrl,
     companyId = _a.companyId,
     needImmediateResponse = _a.needImmediateResponse,
     manualReviewRequired = _a.manualReviewRequired,
@@ -17503,6 +17676,10 @@ var CustomerIdAndBiometricsEnrollment = function CustomerIdAndBiometricsEnrollme
     idCaptureModelLoadTimeoutMs = _s === void 0 ? defaultIdCaptureModelLoadTimeoutMs : _s,
     _t = _a.selfieCaptureModelLoadTimeoutMs,
     selfieCaptureModelLoadTimeoutMs = _t === void 0 ? defaultSelfieCaptureModelLoadTimeoutMs : _t,
+    onBeforeDocumentUpload = _a.onBeforeDocumentUpload,
+    onDocumentUploadProgress = _a.onDocumentUploadProgress,
+    onDocumentUploaded = _a.onDocumentUploaded,
+    onDocumentUploadFailed = _a.onDocumentUploadFailed,
     onBeforeSubmit = _a.onBeforeSubmit,
     onSubmit = _a.onSubmit,
     onComplete = _a.onComplete,
@@ -17611,12 +17788,15 @@ var CustomerIdAndBiometricsEnrollment = function CustomerIdAndBiometricsEnrollme
       onDenied === null || onDenied === void 0 ? void 0 : onDenied(resp, req);
     }
   }, [onEnrolled, onComplete, onDenied]);
-  return /*#__PURE__*/React__default.createElement(ThemeProvider, {
+  return /*#__PURE__*/React__default.createElement(AuthProvider, {
+    sessionId: sessionId,
+    authUrl: authUrl
+  }, /*#__PURE__*/React__default.createElement(ThemeProvider, {
     theme: theme
   }, /*#__PURE__*/React__default.createElement(SubmissionProvider, {
     action: SubmissionAction.ENROLL,
-    url: submissionUrl,
-    token: submissionToken,
+    submissionUrl: submissionUrl,
+    documentServiceUrl: documentServiceUrl,
     companyId: companyId,
     enrollmentId: enrollmentId,
     needImmediateResponse: needImmediateResponse,
@@ -17636,6 +17816,10 @@ var CustomerIdAndBiometricsEnrollment = function CustomerIdAndBiometricsEnrollme
     webhooksSendInputImages: webhooksSendInputImages,
     webhooksSendProcessedImages: webhooksSendProcessedImages,
     webhooksFireOnReview: webhooksFireOnReview,
+    onBeforeDocumentUpload: onBeforeDocumentUpload,
+    onDocumentUploadProgress: onDocumentUploadProgress,
+    onDocumentUploaded: onDocumentUploaded,
+    onDocumentUploadFailed: onDocumentUploadFailed,
     onBeforeSubmit: onBeforeSubmit,
     onSubmit: onSubmit,
     onResponseReceived: onResponseReceived,
@@ -17653,7 +17837,7 @@ var CustomerIdAndBiometricsEnrollment = function CustomerIdAndBiometricsEnrollme
     captureSignature: captureSignature,
     captureSignatureVideo: captureSignatureVideo,
     debugMode: debugMode
-  })));
+  }))));
 };
 
 var ALLOWED_RETRIES$3 = 0;
@@ -18093,8 +18277,10 @@ var CustomerVerification = function CustomerVerification(_a) {
   var _b = _a.lang,
     lang = _b === void 0 ? 'auto' : _b,
     enrollmentId = _a.enrollmentId,
-    submissionToken = _a.submissionToken,
+    sessionId = _a.sessionId,
+    authUrl = _a.authUrl,
     submissionUrl = _a.submissionUrl,
+    documentServiceUrl = _a.documentServiceUrl,
     companyId = _a.companyId,
     needImmediateResponse = _a.needImmediateResponse,
     webhooksEnabled = _a.webhooksEnabled,
@@ -18116,6 +18302,10 @@ var CustomerVerification = function CustomerVerification(_a) {
     classNames = _a.classNames,
     colors = _a.colors,
     verbiage = _a.verbiage,
+    onBeforeDocumentUpload = _a.onBeforeDocumentUpload,
+    onDocumentUploadProgress = _a.onDocumentUploadProgress,
+    onDocumentUploaded = _a.onDocumentUploaded,
+    onDocumentUploadFailed = _a.onDocumentUploadFailed,
     onBeforeSubmit = _a.onBeforeSubmit,
     onSubmit = _a.onSubmit,
     onComplete = _a.onComplete,
@@ -18132,12 +18322,15 @@ var CustomerVerification = function CustomerVerification(_a) {
     _k = _a.debugMode,
     debugMode = _k === void 0 ? false : _k;
   useLanguage(lang);
-  return /*#__PURE__*/React__default.createElement(ThemeProvider, {
+  return /*#__PURE__*/React__default.createElement(AuthProvider, {
+    sessionId: sessionId,
+    authUrl: authUrl
+  }, /*#__PURE__*/React__default.createElement(ThemeProvider, {
     theme: theme
   }, /*#__PURE__*/React__default.createElement(SubmissionProvider, {
     action: SubmissionAction.VERIFY,
-    url: submissionUrl,
-    token: submissionToken,
+    submissionUrl: submissionUrl,
+    documentServiceUrl: documentServiceUrl,
     companyId: companyId,
     enrollmentId: enrollmentId,
     needImmediateResponse: needImmediateResponse,
@@ -18146,6 +18339,10 @@ var CustomerVerification = function CustomerVerification(_a) {
     webhooksStripSpecialCharacters: webhooksStripSpecialCharacters,
     webhooksSendInputImages: webhooksSendInputImages,
     webhooksSendProcessedImages: webhooksSendProcessedImages,
+    onBeforeDocumentUpload: onBeforeDocumentUpload,
+    onDocumentUploadProgress: onDocumentUploadProgress,
+    onDocumentUploaded: onDocumentUploaded,
+    onDocumentUploadFailed: onDocumentUploadFailed,
     onBeforeSubmit: onBeforeSubmit,
     onSubmit: onSubmit,
     geolocationEnabled: geolocationEnabled,
@@ -18171,7 +18368,7 @@ var CustomerVerification = function CustomerVerification(_a) {
     colors: colors,
     verbiage: verbiage,
     debugMode: debugMode
-  })))));
+  }))))));
 };
 
 var ALLOWED_RETRIES$1 = 0;
@@ -18608,8 +18805,10 @@ var CustomerIdentificationWizard = function CustomerIdentificationWizard(_a) {
 var CustomerIdentification = function CustomerIdentification(_a) {
   var _b = _a.lang,
     lang = _b === void 0 ? 'auto' : _b,
-    submissionToken = _a.submissionToken,
+    sessionId = _a.sessionId,
+    authUrl = _a.authUrl,
     submissionUrl = _a.submissionUrl,
+    documentServiceUrl = _a.documentServiceUrl,
     companyId = _a.companyId,
     needImmediateResponse = _a.needImmediateResponse,
     webhooksEnabled = _a.webhooksEnabled,
@@ -18625,6 +18824,10 @@ var CustomerIdentification = function CustomerIdentification(_a) {
     modelLoadTimeoutMs = _e === void 0 ? defaultSelfieCaptureModelLoadTimeoutMs : _e,
     _f = _a.skipSuccessScreen,
     skipSuccessScreen = _f === void 0 ? false : _f,
+    onBeforeDocumentUpload = _a.onBeforeDocumentUpload,
+    onDocumentUploadProgress = _a.onDocumentUploadProgress,
+    onDocumentUploaded = _a.onDocumentUploaded,
+    onDocumentUploadFailed = _a.onDocumentUploadFailed,
     onBeforeSubmit = _a.onBeforeSubmit,
     onSubmit = _a.onSubmit,
     onComplete = _a.onComplete,
@@ -18647,12 +18850,15 @@ var CustomerIdentification = function CustomerIdentification(_a) {
     _j = _a.debugMode,
     debugMode = _j === void 0 ? false : _j;
   useLanguage(lang);
-  return /*#__PURE__*/React__default.createElement(ThemeProvider, {
+  return /*#__PURE__*/React__default.createElement(AuthProvider, {
+    sessionId: sessionId,
+    authUrl: authUrl
+  }, /*#__PURE__*/React__default.createElement(ThemeProvider, {
     theme: theme
   }, /*#__PURE__*/React__default.createElement(SubmissionProvider, {
     action: SubmissionAction.IDENTIFY,
-    url: submissionUrl,
-    token: submissionToken,
+    submissionUrl: submissionUrl,
+    documentServiceUrl: documentServiceUrl,
     companyId: companyId,
     needImmediateResponse: needImmediateResponse,
     webhooksEnabled: webhooksEnabled,
@@ -18660,6 +18866,10 @@ var CustomerIdentification = function CustomerIdentification(_a) {
     webhooksStripSpecialCharacters: webhooksStripSpecialCharacters,
     webhooksSendInputImages: webhooksSendInputImages,
     webhooksSendProcessedImages: webhooksSendProcessedImages,
+    onBeforeDocumentUpload: onBeforeDocumentUpload,
+    onDocumentUploadProgress: onDocumentUploadProgress,
+    onDocumentUploaded: onDocumentUploaded,
+    onDocumentUploadFailed: onDocumentUploadFailed,
     onBeforeSubmit: onBeforeSubmit,
     onSubmit: onSubmit,
     geolocationEnabled: geolocationEnabled,
@@ -18686,15 +18896,21 @@ var CustomerIdentification = function CustomerIdentification(_a) {
     colors: colors,
     verbiage: verbiage,
     debugMode: debugMode
-  })))));
+  }))))));
 };
 
 /** Render a fullscreen capture component that captures a video of the user signing the screen. */
 var SignatureKYC = function SignatureKYC(_a) {
   var _b = _a.lang,
     lang = _b === void 0 ? 'auto' : _b,
-    submissionToken = _a.submissionToken,
+    sessionId = _a.sessionId,
+    authUrl = _a.authUrl,
     submissionUrl = _a.submissionUrl,
+    documentServiceUrl = _a.documentServiceUrl,
+    onBeforeDocumentUpload = _a.onBeforeDocumentUpload,
+    onDocumentUploadProgress = _a.onDocumentUploadProgress,
+    onDocumentUploaded = _a.onDocumentUploaded,
+    onDocumentUploadFailed = _a.onDocumentUploadFailed,
     onBeforeSubmit = _a.onBeforeSubmit,
     onSubmit = _a.onSubmit,
     onComplete = _a.onComplete,
@@ -18704,6 +18920,7 @@ var SignatureKYC = function SignatureKYC(_a) {
     loadingOverlayMode = _c === void 0 ? 'default' : _c,
     _d = _a.skipSuccessScreen,
     skipSuccessScreen = _d === void 0 ? false : _d,
+    idCardForFaceMatch = _a.idCardForFaceMatch,
     _e = _a.modelLoadTimeoutMs,
     modelLoadTimeoutMs = _e === void 0 ? defaultSelfieCaptureModelLoadTimeoutMs : _e,
     _f = _a.theme,
@@ -18718,12 +18935,25 @@ var SignatureKYC = function SignatureKYC(_a) {
   var _g = useState(0),
     attempt = _g[0],
     setAttempt = _g[1];
-  return /*#__PURE__*/React__default.createElement(ThemeProvider, {
+  var onRetryClicked = useCallback(function () {
+    setAttempt(function (n) {
+      return n + 1;
+    });
+  }, []);
+  return /*#__PURE__*/React__default.createElement(AuthProvider, {
+    sessionId: sessionId,
+    authUrl: authUrl
+  }, /*#__PURE__*/React__default.createElement(ThemeProvider, {
     theme: theme
   }, /*#__PURE__*/React__default.createElement(SubmissionProvider, {
     action: SubmissionAction.NONE,
-    url: submissionUrl,
-    token: submissionToken,
+    submissionUrl: submissionUrl,
+    documentServiceUrl: documentServiceUrl,
+    idCardForFaceMatch: idCardForFaceMatch,
+    onBeforeDocumentUpload: onBeforeDocumentUpload,
+    onDocumentUploadProgress: onDocumentUploadProgress,
+    onDocumentUploaded: onDocumentUploaded,
+    onDocumentUploadFailed: onDocumentUploadFailed,
     onBeforeSubmit: onBeforeSubmit,
     onSubmit: onSubmit,
     onResponseReceived: onComplete,
@@ -18744,12 +18974,8 @@ var SignatureKYC = function SignatureKYC(_a) {
     verbiage: verbiage,
     onModelError: onModelError,
     onUserCancel: onUserCancel,
-    onRetryClicked: function onRetryClicked() {
-      setAttempt(function (n) {
-        return n + 1;
-      });
-    }
-  }))));
+    onRetryClicked: onRetryClicked
+  })))));
 };
 
 /**
@@ -18758,8 +18984,10 @@ var SignatureKYC = function SignatureKYC(_a) {
 var VideoIdValidation = function VideoIdValidation(_a) {
   var _b = _a.lang,
     lang = _b === void 0 ? 'auto' : _b,
-    submissionToken = _a.submissionToken,
+    sessionId = _a.sessionId,
+    authUrl = _a.authUrl,
     submissionUrl = _a.submissionUrl,
+    documentServiceUrl = _a.documentServiceUrl,
     companyId = _a.companyId,
     needImmediateResponse = _a.needImmediateResponse,
     manualReviewRequired = _a.manualReviewRequired,
@@ -18775,6 +19003,10 @@ var VideoIdValidation = function VideoIdValidation(_a) {
     webhooksSendInputImages = _a.webhooksSendInputImages,
     webhooksSendProcessedImages = _a.webhooksSendProcessedImages,
     webhooksFireOnReview = _a.webhooksFireOnReview,
+    onBeforeDocumentUpload = _a.onBeforeDocumentUpload,
+    onDocumentUploadProgress = _a.onDocumentUploadProgress,
+    onDocumentUploaded = _a.onDocumentUploaded,
+    onDocumentUploadFailed = _a.onDocumentUploadFailed,
     onSubmit = _a.onSubmit,
     onBeforeSubmit = _a.onBeforeSubmit,
     onComplete = _a.onComplete,
@@ -18814,6 +19046,7 @@ var VideoIdValidation = function VideoIdValidation(_a) {
     idCapturePortraitGuidesOnMobile = _r === void 0 ? false : _r,
     _s = _a.idCaptureRotateLoadingOverlayImageWhenPortrait,
     idCaptureRotateLoadingOverlayImageWhenPortrait = _s === void 0 ? true : _s,
+    idCardForFaceMatch = _a.idCardForFaceMatch,
     _t = _a.faceLivenessLoadingOverlayMode,
     faceLivenessLoadingOverlayMode = _t === void 0 ? 'default' : _t,
     _u = _a.theme,
@@ -18894,12 +19127,15 @@ var VideoIdValidation = function VideoIdValidation(_a) {
       debugMode: debugMode
     };
   }, [classNames.videoSignatureCapture, colors.videoSignatureCapture, debugMode, onExitCapture, onUserCancel, skipSuccessScreen, verbiage.videoSignatureCapture]);
-  return /*#__PURE__*/React__default.createElement(ThemeProvider, {
+  return /*#__PURE__*/React__default.createElement(AuthProvider, {
+    sessionId: sessionId,
+    authUrl: authUrl
+  }, /*#__PURE__*/React__default.createElement(ThemeProvider, {
     theme: theme
   }, /*#__PURE__*/React__default.createElement(SubmissionProvider, {
     action: skipIdCapture ? SubmissionAction.NONE : SubmissionAction.VALIDATE,
-    url: submissionUrl,
-    token: submissionToken,
+    submissionUrl: submissionUrl,
+    documentServiceUrl: documentServiceUrl,
     companyId: companyId,
     needImmediateResponse: needImmediateResponse,
     manualReviewRequired: manualReviewRequired,
@@ -18915,6 +19151,11 @@ var VideoIdValidation = function VideoIdValidation(_a) {
     webhooksSendInputImages: webhooksSendInputImages,
     webhooksSendProcessedImages: webhooksSendProcessedImages,
     webhooksFireOnReview: webhooksFireOnReview,
+    idCardForFaceMatch: idCardForFaceMatch,
+    onBeforeDocumentUpload: onBeforeDocumentUpload,
+    onDocumentUploadProgress: onDocumentUploadProgress,
+    onDocumentUploaded: onDocumentUploaded,
+    onDocumentUploadFailed: onDocumentUploadFailed,
     onSubmit: onSubmit,
     onBeforeSubmit: onBeforeSubmit,
     onResponseReceived: onComplete,
@@ -18931,7 +19172,7 @@ var VideoIdValidation = function VideoIdValidation(_a) {
     captureSignature: captureSignature,
     captureSignatureVideo: captureSignatureVideo,
     debugMode: debugMode
-  })));
+  }))));
 };
 
 /** Render a fullscreen capture component that performs FaceValidation, and then stores the results in IDmission's customer database using the supplied `enrollmentId` for later verification or 1:N matching. */
@@ -18939,8 +19180,10 @@ var CustomerBiometricsEnrollment = function CustomerBiometricsEnrollment(_a) {
   var enrollmentId = _a.enrollmentId,
     _b = _a.lang,
     lang = _b === void 0 ? 'auto' : _b,
-    submissionToken = _a.submissionToken,
+    sessionId = _a.sessionId,
+    authUrl = _a.authUrl,
     submissionUrl = _a.submissionUrl,
+    documentServiceUrl = _a.documentServiceUrl,
     companyId = _a.companyId,
     needImmediateResponse = _a.needImmediateResponse,
     deduplicationEnabled = _a.deduplicationEnabled,
@@ -18958,6 +19201,10 @@ var CustomerBiometricsEnrollment = function CustomerBiometricsEnrollment(_a) {
     modelLoadTimeoutMs = _e === void 0 ? defaultSelfieCaptureModelLoadTimeoutMs : _e,
     _f = _a.skipSuccessScreen,
     skipSuccessScreen = _f === void 0 ? false : _f,
+    onBeforeDocumentUpload = _a.onBeforeDocumentUpload,
+    onDocumentUploadProgress = _a.onDocumentUploadProgress,
+    onDocumentUploaded = _a.onDocumentUploaded,
+    onDocumentUploadFailed = _a.onDocumentUploadFailed,
     onBeforeSubmit = _a.onBeforeSubmit,
     onSubmit = _a.onSubmit,
     onComplete = _a.onComplete,
@@ -19039,12 +19286,15 @@ var CustomerBiometricsEnrollment = function CustomerBiometricsEnrollment(_a) {
       onDenied === null || onDenied === void 0 ? void 0 : onDenied(resp, req);
     }
   }, [onEnrolled, onComplete, onDenied]);
-  return /*#__PURE__*/React__default.createElement(ThemeProvider, {
+  return /*#__PURE__*/React__default.createElement(AuthProvider, {
+    sessionId: sessionId,
+    authUrl: authUrl
+  }, /*#__PURE__*/React__default.createElement(ThemeProvider, {
     theme: theme
   }, /*#__PURE__*/React__default.createElement(SubmissionProvider, {
     action: SubmissionAction.ENROLL,
-    url: submissionUrl,
-    token: submissionToken,
+    submissionUrl: submissionUrl,
+    documentServiceUrl: documentServiceUrl,
     companyId: companyId,
     enrollmentId: enrollmentId,
     needImmediateResponse: needImmediateResponse,
@@ -19055,6 +19305,10 @@ var CustomerBiometricsEnrollment = function CustomerBiometricsEnrollment(_a) {
     webhooksStripSpecialCharacters: webhooksStripSpecialCharacters,
     webhooksSendInputImages: webhooksSendInputImages,
     webhooksSendProcessedImages: webhooksSendProcessedImages,
+    onBeforeDocumentUpload: onBeforeDocumentUpload,
+    onDocumentUploadProgress: onDocumentUploadProgress,
+    onDocumentUploaded: onDocumentUploaded,
+    onDocumentUploadFailed: onDocumentUploadFailed,
     onBeforeSubmit: onBeforeSubmit,
     onSubmit: onSubmit,
     onResponseReceived: onResponseReceived,
@@ -19071,7 +19325,7 @@ var CustomerBiometricsEnrollment = function CustomerBiometricsEnrollment(_a) {
     captureSignature: captureSignature,
     captureSignatureVideo: captureSignatureVideo,
     debugMode: debugMode
-  })));
+  }))));
 };
 
 /**
@@ -19080,11 +19334,15 @@ var CustomerBiometricsEnrollment = function CustomerBiometricsEnrollment(_a) {
 var DocumentCapture = function DocumentCapture(_a) {
   var _b = _a.lang,
     lang = _b === void 0 ? 'auto' : _b,
-    submissionToken = _a.submissionToken,
+    sessionId = _a.sessionId,
+    authUrl = _a.authUrl,
     submissionUrl = _a.submissionUrl,
     documentServiceUrl = _a.documentServiceUrl,
-    onComplete = _a.onComplete,
+    onBeforeDocumentUpload = _a.onBeforeDocumentUpload,
+    onDocumentUploadProgress = _a.onDocumentUploadProgress,
     onDocumentUploaded = _a.onDocumentUploaded,
+    onDocumentUploadFailed = _a.onDocumentUploadFailed,
+    onComplete = _a.onComplete,
     onExitCapture = _a.onExitCapture,
     onUserCancel = _a.onUserCancel,
     _c = _a.documents,
@@ -19105,13 +19363,19 @@ var DocumentCapture = function DocumentCapture(_a) {
     _j = _a.debugMode,
     debugMode = _j === void 0 ? false : _j;
   useLanguage(lang);
-  return /*#__PURE__*/React__default.createElement(ThemeProvider, {
+  return /*#__PURE__*/React__default.createElement(AuthProvider, {
+    sessionId: sessionId,
+    authUrl: authUrl
+  }, /*#__PURE__*/React__default.createElement(ThemeProvider, {
     theme: theme
   }, /*#__PURE__*/React__default.createElement(SubmissionProvider, {
     action: SubmissionAction.NONE,
-    url: submissionUrl,
-    token: submissionToken,
+    submissionUrl: submissionUrl,
     documentServiceUrl: documentServiceUrl,
+    onBeforeDocumentUpload: onBeforeDocumentUpload,
+    onDocumentUploadProgress: onDocumentUploadProgress,
+    onDocumentUploaded: onDocumentUploaded,
+    onDocumentUploadFailed: onDocumentUploadFailed,
     geolocationEnabled: geolocationEnabled,
     geolocationRequired: geolocationRequired
   }, /*#__PURE__*/React__default.createElement(CameraProvider, {
@@ -19119,7 +19383,6 @@ var DocumentCapture = function DocumentCapture(_a) {
     debugMode: debugMode
   }, /*#__PURE__*/React__default.createElement(DocumentCaptureWizard, {
     onSuccess: onComplete,
-    onDocumentUploaded: onDocumentUploaded,
     onExitCapture: onExitCapture,
     onUserCancel: onUserCancel,
     documents: documents,
@@ -19128,7 +19391,7 @@ var DocumentCapture = function DocumentCapture(_a) {
     instructions: instructions,
     classNames: classNames,
     verbiage: verbiage
-  }))));
+  })))));
 };
 
 initializeI18n();
@@ -19205,8 +19468,12 @@ globalThis.IDmissionSDK = {
   preloadModels: preloadModels,
   themes: themes,
   version: webSdkVersion,
-  ready: true
+  ready: true,
+  authMode: 'session',
+  allowedAuthUrls: allowedAuthUrls,
+  defaultAuthUrl: defaultAuthUrl,
+  defaultSubmissionUrl: defaultSubmissionUrl
 };
 
-export { CapturedDocumentImg, CustomerBiometricsEnrollment, CustomerIdAndBiometricsEnrollment, CustomerIdentification, CustomerVerification, DocumentCapture, FaceValidation, IdAndFaceValidation, IdValidation, SignatureKYC, VideoIdValidation, preloadModels, renderCustomerBiometricsEnrollment, renderCustomerIdAndBiometricsEnrollment, renderCustomerIdentification, renderCustomerVerification, renderDocumentCapture, renderFaceValidation, renderIdAndFaceValidation, renderIdValidation, renderSignatureKYC, renderVideoIdValidation, themes };
+export { CapturedDocumentImg, CustomerBiometricsEnrollment, CustomerIdAndBiometricsEnrollment, CustomerIdentification, CustomerVerification, DocumentCapture, FaceValidation, IdAndFaceValidation, IdValidation, SignatureKYC, VideoIdValidation, allowedAuthUrls, defaultAuthUrl, defaultSubmissionUrl, preloadModels, renderCustomerBiometricsEnrollment, renderCustomerIdAndBiometricsEnrollment, renderCustomerIdentification, renderCustomerVerification, renderDocumentCapture, renderFaceValidation, renderIdAndFaceValidation, renderIdValidation, renderSignatureKYC, renderVideoIdValidation, themes };
 //# sourceMappingURL=sdk2.esm.js.map