idmission-web-sdk 1.0.310 → 1.0.312

package/dist/sdk2.umd.development.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('prop-types'), require('react'), require('react-dom/client'), require('platform'), require('styled-components'), require('@tensorflow/tfjs'), require('react-dom')) :
-    typeof define === 'function' && define.amd ? define(['exports', 'prop-types', 'react', 'react-dom/client', 'platform', 'styled-components', '@tensorflow/tfjs', 'react-dom'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.Sdk2 = {}, global.PropTypes, global.React, global.ReactDOM, global.platform, global.styled, global.tf, global.ReactDOM));
-}(this, (function (exports, propTypes, React, ReactDOM, platform, styled, tf, reactDom) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('prop-types'), require('react'), require('react-dom/client'), require('platform'), require('styled-components'), require('tus-js-client'), require('@tensorflow/tfjs'), require('react-dom')) :
+    typeof define === 'function' && define.amd ? define(['exports', 'prop-types', 'react', 'react-dom/client', 'platform', 'styled-components', 'tus-js-client', '@tensorflow/tfjs', 'react-dom'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.Sdk2 = {}, global.PropTypes, global.React, global.ReactDOM, global.platform, global.styled, global.tusJsClient, global.tf, global.ReactDOM));
+}(this, (function (exports, propTypes, React, ReactDOM, platform, styled, tusJsClient, tf, reactDom) { 'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -141,7 +141,7 @@
         return cooked;
     }
 
-    var webSdkVersion = '1.0.310';
+    var webSdkVersion = '1.0.312';
 
     function getPlatform() {
       // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -167,6 +167,15 @@
       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) {
@@ -208,32 +217,33 @@
       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;
     }
@@ -723,15 +733,15 @@
       }
       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) {
@@ -795,7 +805,7 @@
       }, retryText))));
     };
 
-    var TokenMissingErrorOverlay = function TokenMissingErrorOverlay() {
+    var SessionIdMissingOverlay = function SessionIdMissingOverlay() {
       return /*#__PURE__*/React__default['default'].createElement(OverlayContainer, null, /*#__PURE__*/React__default['default'].createElement(OverlayInner$2, {
         style: {
           justifyContent: 'center'
@@ -808,7 +818,7 @@
         style: {
           marginBottom: 0
         }
-      }, "Required property ", /*#__PURE__*/React__default['default'].createElement("code", null, "submissionToken"), " is missing."), /*#__PURE__*/React__default['default'].createElement("p", {
+      }, "Required property ", /*#__PURE__*/React__default['default'].createElement("code", null, "sessionId"), " is missing."), /*#__PURE__*/React__default['default'].createElement("p", {
         style: {
           lineHeight: '1.5rem'
         }
@@ -816,14 +826,10 @@
         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['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['default'].createElement(OverlayContainer, null, /*#__PURE__*/React__default['default'].createElement(OverlayInner$2, {
         style: {
           justifyContent: 'center'
@@ -836,16 +842,7 @@
         style: {
           marginBottom: 0
         }
-      }, "Required property ", /*#__PURE__*/React__default['default'].createElement("code", null, "submissionToken"), " is invalid."), /*#__PURE__*/React__default['default'].createElement("p", null, "JSON Web Tokens consist of three parts separated by dots (", /*#__PURE__*/React__default['default'].createElement("code", null, "."), "), which are:"), /*#__PURE__*/React__default['default'].createElement("div", {
-        style: {
-          display: 'flex'
-        }
-      }, /*#__PURE__*/React__default['default'].createElement("ul", {
-        style: {
-          display: 'inline',
-          margin: '0 auto'
-        }
-      }, /*#__PURE__*/React__default['default'].createElement("li", null, "Header"), /*#__PURE__*/React__default['default'].createElement("li", null, "Payload"), /*#__PURE__*/React__default['default'].createElement("li", null, "Signature"))), /*#__PURE__*/React__default['default'].createElement("p", null, "Therefore, a JWT typically looks like the following:", ' ', /*#__PURE__*/React__default['default'].createElement("code", null, "xxxxx.yyyyy.zzzzz")), /*#__PURE__*/React__default['default'].createElement("p", {
+      }, "Required property ", /*#__PURE__*/React__default['default'].createElement("code", null, "sessionId"), " is not valid."), /*#__PURE__*/React__default['default'].createElement("p", {
         style: {
           lineHeight: '1.5rem'
         }
@@ -853,14 +850,10 @@
         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['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['default'].createElement(OverlayContainer, null, /*#__PURE__*/React__default['default'].createElement(OverlayInner$2, {
         style: {
           justifyContent: 'center'
@@ -873,40 +866,12 @@
         style: {
           marginBottom: 0
         }
-      }, "Required property ", /*#__PURE__*/React__default['default'].createElement("code", null, "submissionToken"), " could not be validated."), /*#__PURE__*/React__default['default'].createElement("p", {
+      }, "Required property ", /*#__PURE__*/React__default['default'].createElement("code", null, "authUrl"), " comes from an unrecognized issuer."), /*#__PURE__*/React__default['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['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['default'].createElement("a", {
-        href: "mailto:support@idmission.com"
-      }, "support@idmission.com"), ".")));
-    };
-
-    var TokenExpiredErrorOverlay = function TokenExpiredErrorOverlay() {
-      return /*#__PURE__*/React__default['default'].createElement(OverlayContainer, null, /*#__PURE__*/React__default['default'].createElement(OverlayInner$2, {
-        style: {
-          justifyContent: 'center'
-        }
-      }, /*#__PURE__*/React__default['default'].createElement("h3", {
-        style: {
-          marginBottom: 8
-        }
-      }, "IDmission WebSDK failed to load"), /*#__PURE__*/React__default['default'].createElement("p", {
-        style: {
-          marginBottom: 0
-        }
-      }, "Required property ", /*#__PURE__*/React__default['default'].createElement("code", null, "submissionToken"), " is expired."), /*#__PURE__*/React__default['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['default'].createElement("p", {
+      }, "Ensure you are generating a fresh session for each request to the IDmission WebSDK."), /*#__PURE__*/React__default['default'].createElement("p", {
         style: {
           lineHeight: '1.5rem'
         }
@@ -914,15 +879,14 @@
         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['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['default'].createElement(OverlayContainer, null, /*#__PURE__*/React__default['default'].createElement(OverlayInner$2, {
         style: {
           justifyContent: 'center'
@@ -935,7 +899,7 @@
         style: {
           marginBottom: 0
         }
-      }, (error === null || error === void 0 ? void 0 : error.host) ? ( /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, "Failed to reach ", /*#__PURE__*/React__default['default'].createElement("code", null, error.host), ".")) : ( /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, "Failed to obtain public key for ", /*#__PURE__*/React__default['default'].createElement("code", null, "submissionToken"), "."))), (error === null || error === void 0 ? void 0 : error.message) && ( /*#__PURE__*/React__default['default'].createElement("p", {
+      }, (error === null || error === void 0 ? void 0 : error.host) ? ( /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, "Failed to reach ", /*#__PURE__*/React__default['default'].createElement("code", null, error.host), ".")) : ( /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, "Failed to validate ", /*#__PURE__*/React__default['default'].createElement("code", null, "sessionId"), "."))), (error === null || error === void 0 ? void 0 : error.message) && ( /*#__PURE__*/React__default['default'].createElement("p", {
         style: {
           marginBottom: 0,
           lineHeight: '1.5rem'
@@ -947,43 +911,213 @@
         }
       }, "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['default'].createElement("a", {
         href: "mailto:support@idmission.com"
-      }, "support@idmission.com"), ".")));
-    };
-
-    var TokenIssuerNotAllowedErrorOverlay = function TokenIssuerNotAllowedErrorOverlay() {
-      return /*#__PURE__*/React__default['default'].createElement(OverlayContainer, null, /*#__PURE__*/React__default['default'].createElement(OverlayInner$2, {
+      }, "support@idmission.com"), "."), onRetry && ( /*#__PURE__*/React__default['default'].createElement("div", {
         style: {
-          justifyContent: 'center'
-        }
-      }, /*#__PURE__*/React__default['default'].createElement("h3", {
-        style: {
-          marginBottom: 8
-        }
-      }, "IDmission WebSDK failed to load"), /*#__PURE__*/React__default['default'].createElement("p", {
-        style: {
-          marginBottom: 0
-        }
-      }, "Required property ", /*#__PURE__*/React__default['default'].createElement("code", null, "submissionToken"), " comes from an unrecognized issuer."), /*#__PURE__*/React__default['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['default'].createElement("p", {
-        style: {
-          lineHeight: '1.5rem'
+          marginTop: 32
         }
-      }, "Please refer to the", ' ', /*#__PURE__*/React__default['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['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['default'].createElement(LoaderButton, {
+        variant: "warning",
+        finished: true,
+        onClick: onRetry
+      }, retryText)))));
     };
 
-    var allowedTokenIssuers = ['https://demoauth.idmission.com/', 'https://uatauth.idmission.com/', 'https://auth.idmission.com/'];
+    var Spinner$1 = styled__default['default'].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__*/React.createContext(initialState$5);
+    var AuthDispatchContext = /*#__PURE__*/React.createContext(function () {});
+    var reducer$5 = function reducer(state, action) {
+      switch (action.type) {
+        case 'setSessionId':
+          return __assign$1(__assign$1({}, state), {
+            sessionId: action.payload
+          });
+        case 'setCheckState':
+          return __assign$1(__assign$1({}, state), {
+            sessionCheckState: action.payload
+          });
+        case 'setError':
+          return __assign$1(__assign$1({}, state), {
+            sessionCheckState: 'ERROR',
+            authError: action.payload
+          });
+        case 'retry':
+          return __assign$1(__assign$1({}, 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 = React.useReducer(reducer$5, __assign$1(__assign$1({}, initialState$5), {
+          authUrl: authUrl
+        })),
+        state = _a[0],
+        dispatch = _a[1];
+      var resolvedSessionId = state.sessionId,
+        sessionCheckState = state.sessionCheckState;
+      React.useEffect(function () {
+        if (!allowedAuthUrls.includes(authUrl)) return dispatch({
+          type: 'setCheckState',
+          payload: 'AUTH_URL_NOT_ALLOWED'
+        });
+      }, [authUrl]);
+      React.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 = React.useContext(AuthStateContext);
+      var dispatch = React.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['default'].createElement(SessionIdMissingOverlay, null);
+      }
+      if (state.sessionCheckState === 'FAILED') {
+        return /*#__PURE__*/React__default['default'].createElement(SessionValidationFailedOverlay, null);
+      }
+      if (state.sessionCheckState === 'AUTH_URL_NOT_ALLOWED') {
+        return /*#__PURE__*/React__default['default'].createElement(AuthUrlNotAllowedOverlay, null);
+      }
+      if (state.sessionCheckState === 'ERROR') {
+        return /*#__PURE__*/React__default['default'].createElement(SessionValidationErrorOverlay, {
+          error: state.authError,
+          onRetry: function onRetry() {
+            return dispatch({
+              type: 'retry'
+            });
+          }
+        });
+      }
+      if (state.sessionCheckState === 'READY' || state.sessionCheckState === 'RUNNING') return /*#__PURE__*/React__default['default'].createElement(PageContainer, {
+        className: "flex"
+      }, /*#__PURE__*/React__default['default'].createElement(Spinner$1, null));
+      return /*#__PURE__*/React__default['default'].createElement(AuthStateContext.Provider, {
+        value: state
+      }, /*#__PURE__*/React__default['default'].createElement(AuthDispatchContext.Provider, {
+        value: dispatch
+      }, children));
+    }
+
+    var defaultSubmissionUrl = 'https://portal-api.idmission.com/swagger';
+    var defaultDocumentServiceUrl = 'https://portal-api.idmission.com/files/';
     var SubmissionContext = /*#__PURE__*/React.createContext({
       submit: function submit() {
         return __awaiter(void 0, void 0, void 0, function () {
@@ -1062,122 +1196,127 @@
     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 = React.useState(SubmissionStatus.READY),
-        submissionStatus = _v[0],
-        setSubmissionStatus = _v[1];
-      var _w = React.useState(null),
-        submissionRequest = _w[0],
-        setSubmissionRequest = _w[1];
+      var sessionId = useAuthContext()[0].sessionId;
+      var _w = React.useState(SubmissionStatus.READY),
+        submissionStatus = _w[0],
+        setSubmissionStatus = _w[1];
       var _x = React.useState(null),
-        submissionResponse = _x[0],
-        setSubmissionResponse = _x[1];
+        submissionRequest = _x[0],
+        setSubmissionRequest = _x[1];
       var _y = React.useState(null),
-        submissionError = _y[0],
-        setSubmissionError = _y[1];
+        submissionResponse = _y[0],
+        setSubmissionResponse = _y[1];
       var _z = React.useState(null),
-        retrySubmission = _z[0],
-        setRetrySubmission = _z[1];
+        submissionError = _z[0],
+        setSubmissionError = _z[1];
       var _0 = React.useState(null),
-        livenessCheckRequest = _0[0],
-        setLivenessCheckRequest = _0[1];
+        retrySubmission = _0[0],
+        setRetrySubmission = _0[1];
       var _1 = React.useState(null),
-        idFrontImage = _1[0],
-        setIdFrontImage = _1[1];
+        livenessCheckRequest = _1[0],
+        setLivenessCheckRequest = _1[1];
       var _2 = React.useState(null),
-        idBackImage = _2[0],
-        setIdBackImage = _2[1];
+        idFrontImage = _2[0],
+        setIdFrontImage = _2[1];
       var _3 = React.useState(null),
-        passportImage = _3[0],
-        setPassportImage = _3[1];
+        idBackImage = _3[0],
+        setIdBackImage = _3[1];
       var _4 = React.useState(null),
-        selfieImage = _4[0],
-        setSelfieImage = _4[1];
+        passportImage = _4[0],
+        setPassportImage = _4[1];
       var _5 = React.useState(null),
-        signatureData = _5[0],
-        setSignatureData = _5[1];
+        selfieImage = _5[0],
+        setSelfieImage = _5[1];
       var _6 = React.useState(null),
-        signatureVideoUrl = _6[0],
-        setSignatureVideoUrl = _6[1];
+        signatureData = _6[0],
+        setSignatureData = _6[1];
       var _7 = React.useState(null),
-        idCaptureVideoUrl = _7[0],
-        setIdCaptureVideoUrl = _7[1];
+        signatureVideoUrl = _7[0],
+        setSignatureVideoUrl = _7[1];
       var _8 = React.useState(null),
-        idCaptureVideoIdFrontImage = _8[0],
-        setIdCaptureVideoIdFrontImage = _8[1];
+        idCaptureVideoUrl = _8[0],
+        setIdCaptureVideoUrl = _8[1];
       var _9 = React.useState(null),
-        idCaptureVideoIdBackImage = _9[0],
-        setIdCaptureVideoIdBackImage = _9[1];
+        idCaptureVideoIdFrontImage = _9[0],
+        setIdCaptureVideoIdFrontImage = _9[1];
       var _10 = React.useState(null),
-        additionalDocuments = _10[0],
-        setAdditionalDocuments = _10[1];
+        idCaptureVideoIdBackImage = _10[0],
+        setIdCaptureVideoIdBackImage = _10[1];
       var _11 = React.useState(null),
-        geolocationResult = _11[0],
-        setGeolocationResult = _11[1];
-      var _12 = React.useState(0),
-        geolocationAttempts = _12[0],
-        setGeolocationAttempts = _12[1];
-      var _13 = React.useState(false),
-        geolocationBlocked = _13[0],
-        setGeolocationBlocked = _13[1];
-      var _14 = React.useState([]),
-        idFrontCaptureAttempts = _14[0],
-        setIdFrontCaptureAttempts = _14[1];
+        additionalDocuments = _11[0],
+        setAdditionalDocuments = _11[1];
+      var _12 = React.useState(null),
+        geolocationResult = _12[0],
+        setGeolocationResult = _12[1];
+      var _13 = React.useState(0),
+        geolocationAttempts = _13[0],
+        setGeolocationAttempts = _13[1];
+      var _14 = React.useState(false),
+        geolocationBlocked = _14[0],
+        setGeolocationBlocked = _14[1];
       var _15 = React.useState([]),
-        idBackCaptureAttempts = _15[0],
-        setIdBackCaptureAttempts = _15[1];
+        idFrontCaptureAttempts = _15[0],
+        setIdFrontCaptureAttempts = _15[1];
       var _16 = React.useState([]),
-        selfieCaptureAttempts = _16[0],
-        setSelfieCaptureAttempts = _16[1];
+        idBackCaptureAttempts = _16[0],
+        setIdBackCaptureAttempts = _16[1];
+      var _17 = React.useState([]),
+        selfieCaptureAttempts = _17[0],
+        setSelfieCaptureAttempts = _17[1];
       var logIdFrontCaptureAttempt = React.useCallback(function (attempt) {
         setIdFrontCaptureAttempts(function (attempts) {
           return __spreadArray(__spreadArray([], attempts, true), [attempt], false);
@@ -1198,13 +1337,143 @@
           setSelfieImage(dataUrlToBase64Sync(precapturedDocuments.selfie.imageData));
         }
       }, [precapturedDocuments === null || precapturedDocuments === void 0 ? void 0 : precapturedDocuments.selfie]);
+      var uploadDocument = React.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 = React.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: '',
@@ -1236,24 +1505,22 @@
                     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) {
@@ -1268,23 +1535,20 @@
                   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$1(__assign$1({}, d), {
@@ -1294,19 +1558,15 @@
                     });
                   });
                 }
-                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,
@@ -1314,18 +1574,18 @@
                   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 = React.useCallback(function () {
         return __awaiter(void 0, void 0, void 0, function () {
           var submissionResponse_1, payload, host, endpoint, response, statusMessage, submissionResponse_2, e_1, err;
@@ -1351,11 +1611,11 @@
                 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);
@@ -1403,7 +1663,7 @@
             }
           });
         });
-      }, [action, buildSubmissionPayload, environment, idBackImage, idFrontImage, onRequestFailure, onResponseReceived, passportImage, selfieImage, token, url]);
+      }, [action, buildSubmissionPayload, submissionUrl, environment, idFrontImage, idBackImage, passportImage, selfieImage, sessionId, onResponseReceived, onRequestFailure]);
       var submit = React.useCallback(function () {
         return __awaiter(void 0, void 0, void 0, function () {
           var _a;
@@ -1448,6 +1708,15 @@
                   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,
@@ -1462,11 +1731,11 @@
                 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);
@@ -1512,7 +1781,7 @@
             }
           });
         });
-      }, [environment, geolocationResult, idBackCaptureAttempts, idFrontCaptureAttempts, onBeforeLivenessCheck, onRequestFailure, selfieCaptureAttempts, token, url, webhooksStripSpecialCharacters]);
+      }, [webhooksStripSpecialCharacters, idCardForFaceMatch, selfieCaptureAttempts, idFrontCaptureAttempts, idBackCaptureAttempts, geolocationResult, onBeforeLivenessCheck, submissionUrl, environment, sessionId, onRequestFailure]);
       var retryLocationAccess = React.useCallback(function () {
         setGeolocationAttempts(function (n) {
           return n + 1;
@@ -1538,125 +1807,6 @@
         setSubmissionStatus(SubmissionStatus.READY);
         retrySubmission();
       }, [retrySubmission]);
-      var _17 = React.useState('NOT_PARSED'),
-        tokenState = _17[0],
-        setTokenState = _17[1];
-      var _18 = React.useState(null),
-        tokenError = _18[0],
-        setTokenError = _18[1];
-      React.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 = React.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,
@@ -1692,26 +1842,6 @@
         checkLiveness: checkLiveness,
         retryLocationAccess: retryLocationAccess
       };
-      if (tokenState === 'MISSING') {
-        return /*#__PURE__*/React__default['default'].createElement(TokenMissingErrorOverlay, null);
-      }
-      if (tokenState === 'INVALID_FORMAT') {
-        return /*#__PURE__*/React__default['default'].createElement(TokenInvalidFormatErrorOverlay, null);
-      }
-      if (tokenState === 'INVALID_SIGNATURE') {
-        return /*#__PURE__*/React__default['default'].createElement(TokenInvalidSignatureErrorOverlay, null);
-      }
-      if (tokenState === 'EXPIRED') {
-        return /*#__PURE__*/React__default['default'].createElement(TokenExpiredErrorOverlay, null);
-      }
-      if (tokenState === 'PUBLIC_KEY_LOAD_FAILED') {
-        return /*#__PURE__*/React__default['default'].createElement(TokenPublicKeyErrorOverlay, {
-          error: tokenError
-        });
-      }
-      if (tokenState === 'ISSUER_NOT_ALLOWED') {
-        return /*#__PURE__*/React__default['default'].createElement(TokenIssuerNotAllowedErrorOverlay, null);
-      }
       return /*#__PURE__*/React__default['default'].createElement(SubmissionContext.Provider, {
         value: value
       }, geolocationRequired && geolocationBlocked ? ( /*#__PURE__*/React__default['default'].createElement(GeolocationAccessDeniedOverlay, null)) : children, submissionError && ( /*#__PURE__*/React__default['default'].createElement(SubmissionErrorOverlay, {
@@ -1719,28 +1849,30 @@
         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);
+    function createUpload(blob, options) {
+      var UploadType =
+      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+      // @ts-ignore
+      typeof window.tus !== 'undefined' ? window.tus.Upload : tusJsClient.Upload;
+      return new UploadType(blob, options);
+    }
+    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 buf;
-    }
-    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']);
+      // Return BLOB image after conversion
+      return new Blob([uInt8Array], {
+        type: imageType
+      });
     }
 
     // This could've been more streamlined with internal state instead of abusing
@@ -2063,7 +2195,7 @@
       return [frameWidth, frameHeight];
     }
 
-    var InvisibleCanvas = styled__default['default'].canvas(templateObject_1$C || (templateObject_1$C = __makeTemplateObject(["\n  display: none;\n"], ["\n  display: none;\n"])));
+    var InvisibleCanvas = styled__default['default'].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');
@@ -2085,7 +2217,7 @@
       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) {
@@ -2305,7 +2437,7 @@
             throw e;
           }
         });
-      }, [cameraAccessDenied, iphoneContinuityCameraAllowed, iphoneContinuityCameraDenied, preferFrontFacingCamera]);
+      }, [cameraAccessDenied, debugMode, iphoneContinuityCameraAllowed, iphoneContinuityCameraDenied, preferFrontFacingCamera]);
       React.useEffect(function () {
         var _a;
         if (!videoDevice) return;
@@ -10597,7 +10729,7 @@
       return [state, dispatch];
     };
 
-    var DebugStatsPane = styled__default['default'].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__default['default'].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__default['default'].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);' : '';
@@ -10792,7 +10924,7 @@
         }
       });
     }
-    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 = {};
 
@@ -13632,7 +13764,7 @@
       }, [fallbacks, i18n.language, t, verbiage]);
     }
 
-    var GuidanceMessageContainerDiv = styled__default['default'].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__default['default'].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) {
@@ -13652,7 +13784,7 @@
       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;
@@ -14004,13 +14136,13 @@
         finished: true
       }, verbiage.retryBtnText)));
     };
-    var StyledOverlayInner$2 = styled__default['default'](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__default['default'](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__default['default'](OverlayImageContainer)(templateObject_2$o || (templateObject_2$o = __makeTemplateObject(["\n  flex-grow: 0;\n"], ["\n  flex-grow: 0;\n"])));
     var Description$3 = styled__default['default'].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__default['default'](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__default['default'].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__default['default'].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;
@@ -14054,11 +14186,11 @@
         y2: "19.75"
       }))));
     };
-    var templateObject_1$y;
-
-    var ButtonsRow = styled__default['default'].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__default['default'].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['default'].createElement(IdCaptureLoadingGraphicMobile, __assign$1({}, props))) : ( /*#__PURE__*/React__default['default'].createElement(IdCaptureLoadingGraphicDesktop, __assign$1({}, props)));
@@ -14692,7 +14824,7 @@
         }
       }, verbiage.continueText))))));
     };
-    var OverlayInner$1 = styled__default['default'].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__default['default'].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) {
@@ -14744,9 +14876,9 @@
       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__default['default'].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__default['default'].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__default['default'].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;
@@ -14858,7 +14990,7 @@
         }
       }, 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,
@@ -14901,7 +15033,7 @@
       });
     };
 
-    var OverlayInstruction = styled__default['default'].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__default['default'].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,
@@ -14996,7 +15128,7 @@
       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__default['default'](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;
@@ -15027,10 +15159,10 @@
         "$isRearFacing": (_b = cameraRef.current) === null || _b === void 0 ? void 0 : _b.isRearFacing
       });
     };
-    var FullscreenVideoTag = styled__default['default'].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__default['default'].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;
@@ -15065,10 +15197,10 @@
       return !skipSuccessScreen || skipSuccessScreenResolvedFalse;
     }
 
-    var CameraFeedWrapper = styled__default['default'].div(templateObject_1$s || (templateObject_1$s = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (props) {
+    var CameraFeedWrapper = styled__default['default'].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;
@@ -15102,7 +15234,7 @@
       }
     });
 
-    var StyledPageContainer = styled__default['default'](PageContainer)(templateObject_1$r || (templateObject_1$r = __makeTemplateObject(["\n  z-index: 1000;\n"], ["\n  z-index: 1000;\n"])));
+    var StyledPageContainer = styled__default['default'](PageContainer)(templateObject_1$q || (templateObject_1$q = __makeTemplateObject(["\n  z-index: 1000;\n"], ["\n  z-index: 1000;\n"])));
     var GuidesContainer = styled__default['default'].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__default['default'].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__default['default'].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) {
@@ -15254,9 +15386,9 @@
         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__default['default'](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__default['default'](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;
@@ -15402,7 +15534,7 @@
         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;
@@ -15538,11 +15670,11 @@
         imageVisible: imageVisible
       })));
     };
-    var CanvasWrapper$1 = styled__default['default'].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__default['default'].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__default['default'].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;
@@ -15600,33 +15732,6 @@
       })));
     }
 
-    var Spinner$1 = styled__default['default'].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,
@@ -15838,7 +15943,7 @@
         cameraRef = _d.cameraRef,
         videoRef = _d.videoRef;
       var uploadDocument = React.useContext(SubmissionContext).uploadDocument;
-      var uploadCapturedDocument = React.useCallback(function (content) {
+      var uploadCapturedDocument = React.useCallback(function (content, filetype) {
         return __awaiter(void 0, void 0, void 0, function () {
           var documentId_1;
           return __generator(this, function (_a) {
@@ -15848,7 +15953,9 @@
                 dispatch({
                   type: 'uploadStarted'
                 });
-                return [4 /*yield*/, uploadDocument(content)];
+                return [4 /*yield*/, uploadDocument(content, {
+                  filetype: filetype
+                })];
               case 1:
                 documentId_1 = _a.sent();
                 setTimeout(function () {
@@ -15894,7 +16001,8 @@
           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]);
       React.useEffect(function () {
         dispatch({
@@ -16117,7 +16225,7 @@
           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*/];
@@ -17149,7 +17257,7 @@
                 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';
@@ -19148,8 +19256,7 @@
       var _m = useVideoRecorder(cameraRef.current),
         isRecording = _m.isRecording,
         startRecording = _m.startRecording,
-        stopRecording = _m.stopRecording,
-        videoUrl = _m.videoUrl;
+        stopRecording = _m.stopRecording;
       var _o = React.useState(null),
         signatureData = _o[0],
         setSignatureData = _o[1];
@@ -19167,32 +19274,54 @@
         clearBtnText: 'Clear'
       });
       var outputCanvas = React.useRef(null);
+      var recordingLock = React.useRef(false);
       React.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]);
       React.useEffect(function () {
         if (signatureVideoData && signatureData && signatureDataUrl) {
           onVideoCaptured === null || onVideoCaptured === void 0 ? void 0 : onVideoCaptured(signatureVideoData, signatureData, signatureDataUrl);
@@ -19456,7 +19585,6 @@
         onRetryClicked === null || onRetryClicked === void 0 ? void 0 : onRetryClicked();
         onExit();
       }, [onExit, onRetryClicked]);
-      var showSuccessScreen = useShowSuccessScreen(skipSuccessScreen, captureState === 'SUCCESS', onComplete);
       var onDoneClick = React.useCallback(function () {
         return __awaiter(void 0, void 0, void 0, function () {
           return __generator(this, function (_a) {
@@ -19471,6 +19599,7 @@
           });
         });
       }, [onComplete, submit]);
+      var showSuccessScreen = useShowSuccessScreen(skipSuccessScreen, captureState === 'SUCCESS', onDoneClick);
       return /*#__PURE__*/React__default['default'].createElement(HighPerformanceSelfieGuidanceModelsProvider, {
         throttleMs: captureState === 'CAPTURING_SIGNATURE' ? 250 : 0,
         onModelError: onModelError,
@@ -19602,29 +19731,29 @@
     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 = React.useContext(CameraStateContext).cameraRef;
       var imageRef = React.useRef(null);
-      var _z = React.useState(0),
-        imageWidth = _z[0],
-        setImageWidth = _z[1];
-      var _0 = React.useState(0),
-        imageHeight = _0[0],
-        setImageHeight = _0[1];
+      var _3 = React.useState(0),
+        imageWidth = _3[0],
+        setImageWidth = _3[1];
+      var _4 = React.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, {
@@ -19633,12 +19762,16 @@
         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 = styled.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['default'].createElement(Container, {
         className: classNames.container
       }, /*#__PURE__*/React__default['default'].createElement(FaceGuide, {
@@ -19646,12 +19779,13 @@
         "$borderWidth": faceGuideBorderWidth,
         "$borderColor": faceGuideBorderColor
       }), /*#__PURE__*/React__default['default'].createElement(IdCardGuideContainer, {
-        "$width": idGuideWidth,
         className: classNames.idCardGuideContainer
       }, /*#__PURE__*/React__default['default'].createElement(IdCardGuideInstructionsContainer, {
         className: classNames.idCardGuideInstructionsContainer
       }, /*#__PURE__*/React__default['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['default'].createElement(IdCardGuideImageContainer, {
         "$borderWidth": idCardGuideBorderWidth,
         "$borderColor": idCardGuideBorderColor,
@@ -19667,30 +19801,25 @@
         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__default['default'].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__default['default'].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__default['default'].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__default['default'].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__default['default'].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__default['default'].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__default['default'].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__default['default'].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__default['default'](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__default['default'].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) {
@@ -20866,8 +20995,10 @@
     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,
@@ -20910,6 +21041,10 @@
         _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,
@@ -21000,12 +21135,15 @@
           onDenied === null || onDenied === void 0 ? void 0 : onDenied(resp, req);
         }
       }, [onApproved, onComplete, onDenied]);
-      return /*#__PURE__*/React__default['default'].createElement(ThemeProvider, {
+      return /*#__PURE__*/React__default['default'].createElement(AuthProvider, {
+        sessionId: sessionId,
+        authUrl: authUrl
+      }, /*#__PURE__*/React__default['default'].createElement(ThemeProvider, {
         theme: theme
       }, /*#__PURE__*/React__default['default'].createElement(SubmissionProvider, {
         action: SubmissionAction.VALIDATE,
-        url: submissionUrl,
-        token: submissionToken,
+        submissionUrl: submissionUrl,
+        documentServiceUrl: documentServiceUrl,
         companyId: companyId,
         needImmediateResponse: needImmediateResponse,
         manualReviewRequired: manualReviewRequired,
@@ -21021,6 +21159,10 @@
         webhooksSendInputImages: webhooksSendInputImages,
         webhooksSendProcessedImages: webhooksSendProcessedImages,
         webhooksFireOnReview: webhooksFireOnReview,
+        onBeforeDocumentUpload: onBeforeDocumentUpload,
+        onDocumentUploadProgress: onDocumentUploadProgress,
+        onDocumentUploaded: onDocumentUploaded,
+        onDocumentUploadFailed: onDocumentUploadFailed,
         onBeforeSubmit: onBeforeSubmit,
         onSubmit: onSubmit,
         onResponseReceived: onResponseReceived,
@@ -21037,15 +21179,17 @@
         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,
@@ -21061,6 +21205,11 @@
         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,
@@ -21102,12 +21251,15 @@
           debugMode: debugMode
         };
       }, [assets, classNames, colors, debugMode, loadingOverlayMode, modelLoadTimeoutMs, onApproved, onComplete, onDenied, onExitAfterFailure, onExitCapture, onModelError, onUserCancel, skipSuccessScreen, timeoutDurationMs, verbiage]);
-      return /*#__PURE__*/React__default['default'].createElement(ThemeProvider, {
+      return /*#__PURE__*/React__default['default'].createElement(AuthProvider, {
+        sessionId: sessionId,
+        authUrl: authUrl
+      }, /*#__PURE__*/React__default['default'].createElement(ThemeProvider, {
         theme: theme
       }, /*#__PURE__*/React__default['default'].createElement(SubmissionProvider, {
         action: SubmissionAction.NONE,
-        url: submissionUrl,
-        token: submissionToken,
+        submissionUrl: submissionUrl,
+        documentServiceUrl: documentServiceUrl,
         companyId: companyId,
         needImmediateResponse: needImmediateResponse,
         webhooksEnabled: webhooksEnabled,
@@ -21115,6 +21267,11 @@
         webhooksStripSpecialCharacters: webhooksStripSpecialCharacters,
         webhooksSendInputImages: webhooksSendInputImages,
         webhooksSendProcessedImages: webhooksSendProcessedImages,
+        idCardForFaceMatch: idCardForFaceMatch,
+        onBeforeDocumentUpload: onBeforeDocumentUpload,
+        onDocumentUploadProgress: onDocumentUploadProgress,
+        onDocumentUploaded: onDocumentUploaded,
+        onDocumentUploadFailed: onDocumentUploadFailed,
         onBeforeLivenessCheck: onBeforeSubmit,
         geolocationEnabled: geolocationEnabled,
         geolocationRequired: geolocationRequired
@@ -21124,7 +21281,7 @@
         }, []),
         faceLivenessProps: faceLivenessProps,
         debugMode: debugMode
-      })));
+      }))));
     };
 
     /**
@@ -21133,8 +21290,10 @@
     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,
@@ -21184,6 +21343,10 @@
         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,
@@ -21298,12 +21461,15 @@
       var checks = React.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['default'].createElement(ThemeProvider, {
+      return /*#__PURE__*/React__default['default'].createElement(AuthProvider, {
+        sessionId: sessionId,
+        authUrl: authUrl
+      }, /*#__PURE__*/React__default['default'].createElement(ThemeProvider, {
         theme: theme
       }, /*#__PURE__*/React__default['default'].createElement(SubmissionProvider, {
         action: SubmissionAction.VALIDATE,
-        url: submissionUrl,
-        token: submissionToken,
+        submissionUrl: submissionUrl,
+        documentServiceUrl: documentServiceUrl,
         companyId: companyId,
         needImmediateResponse: needImmediateResponse,
         manualReviewRequired: manualReviewRequired,
@@ -21320,6 +21486,10 @@
         webhooksSendProcessedImages: webhooksSendProcessedImages,
         webhooksFireOnReview: webhooksFireOnReview,
         precapturedDocuments: precapturedDocuments,
+        onBeforeDocumentUpload: onBeforeDocumentUpload,
+        onDocumentUploadProgress: onDocumentUploadProgress,
+        onDocumentUploaded: onDocumentUploaded,
+        onDocumentUploadFailed: onDocumentUploadFailed,
         onBeforeSubmit: onBeforeSubmit,
         onBeforeLivenessCheck: onBeforeLivenessCheck,
         onSubmit: onSubmit,
@@ -21336,7 +21506,7 @@
         captureSignature: captureSignature,
         captureSignatureVideo: captureSignatureVideo,
         debugMode: debugMode
-      })));
+      }))));
     };
 
     /**
@@ -21346,8 +21516,10 @@
       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,
@@ -21399,6 +21571,10 @@
         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,
@@ -21507,12 +21683,15 @@
           onDenied === null || onDenied === void 0 ? void 0 : onDenied(resp, req);
         }
       }, [onEnrolled, onComplete, onDenied]);
-      return /*#__PURE__*/React__default['default'].createElement(ThemeProvider, {
+      return /*#__PURE__*/React__default['default'].createElement(AuthProvider, {
+        sessionId: sessionId,
+        authUrl: authUrl
+      }, /*#__PURE__*/React__default['default'].createElement(ThemeProvider, {
         theme: theme
       }, /*#__PURE__*/React__default['default'].createElement(SubmissionProvider, {
         action: SubmissionAction.ENROLL,
-        url: submissionUrl,
-        token: submissionToken,
+        submissionUrl: submissionUrl,
+        documentServiceUrl: documentServiceUrl,
         companyId: companyId,
         enrollmentId: enrollmentId,
         needImmediateResponse: needImmediateResponse,
@@ -21532,6 +21711,10 @@
         webhooksSendInputImages: webhooksSendInputImages,
         webhooksSendProcessedImages: webhooksSendProcessedImages,
         webhooksFireOnReview: webhooksFireOnReview,
+        onBeforeDocumentUpload: onBeforeDocumentUpload,
+        onDocumentUploadProgress: onDocumentUploadProgress,
+        onDocumentUploaded: onDocumentUploaded,
+        onDocumentUploadFailed: onDocumentUploadFailed,
         onBeforeSubmit: onBeforeSubmit,
         onSubmit: onSubmit,
         onResponseReceived: onResponseReceived,
@@ -21549,7 +21732,7 @@
         captureSignature: captureSignature,
         captureSignatureVideo: captureSignatureVideo,
         debugMode: debugMode
-      })));
+      }))));
     };
 
     var ALLOWED_RETRIES$3 = 0;
@@ -21989,8 +22172,10 @@
       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,
@@ -22012,6 +22197,10 @@
         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,
@@ -22028,12 +22217,15 @@
         _k = _a.debugMode,
         debugMode = _k === void 0 ? false : _k;
       useLanguage(lang);
-      return /*#__PURE__*/React__default['default'].createElement(ThemeProvider, {
+      return /*#__PURE__*/React__default['default'].createElement(AuthProvider, {
+        sessionId: sessionId,
+        authUrl: authUrl
+      }, /*#__PURE__*/React__default['default'].createElement(ThemeProvider, {
         theme: theme
       }, /*#__PURE__*/React__default['default'].createElement(SubmissionProvider, {
         action: SubmissionAction.VERIFY,
-        url: submissionUrl,
-        token: submissionToken,
+        submissionUrl: submissionUrl,
+        documentServiceUrl: documentServiceUrl,
         companyId: companyId,
         enrollmentId: enrollmentId,
         needImmediateResponse: needImmediateResponse,
@@ -22042,6 +22234,10 @@
         webhooksStripSpecialCharacters: webhooksStripSpecialCharacters,
         webhooksSendInputImages: webhooksSendInputImages,
         webhooksSendProcessedImages: webhooksSendProcessedImages,
+        onBeforeDocumentUpload: onBeforeDocumentUpload,
+        onDocumentUploadProgress: onDocumentUploadProgress,
+        onDocumentUploaded: onDocumentUploaded,
+        onDocumentUploadFailed: onDocumentUploadFailed,
         onBeforeSubmit: onBeforeSubmit,
         onSubmit: onSubmit,
         geolocationEnabled: geolocationEnabled,
@@ -22067,7 +22263,7 @@
         colors: colors,
         verbiage: verbiage,
         debugMode: debugMode
-      })))));
+      }))))));
     };
 
     var ALLOWED_RETRIES$1 = 0;
@@ -22504,8 +22700,10 @@
     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,
@@ -22521,6 +22719,10 @@
         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,
@@ -22543,12 +22745,15 @@
         _j = _a.debugMode,
         debugMode = _j === void 0 ? false : _j;
       useLanguage(lang);
-      return /*#__PURE__*/React__default['default'].createElement(ThemeProvider, {
+      return /*#__PURE__*/React__default['default'].createElement(AuthProvider, {
+        sessionId: sessionId,
+        authUrl: authUrl
+      }, /*#__PURE__*/React__default['default'].createElement(ThemeProvider, {
         theme: theme
       }, /*#__PURE__*/React__default['default'].createElement(SubmissionProvider, {
         action: SubmissionAction.IDENTIFY,
-        url: submissionUrl,
-        token: submissionToken,
+        submissionUrl: submissionUrl,
+        documentServiceUrl: documentServiceUrl,
         companyId: companyId,
         needImmediateResponse: needImmediateResponse,
         webhooksEnabled: webhooksEnabled,
@@ -22556,6 +22761,10 @@
         webhooksStripSpecialCharacters: webhooksStripSpecialCharacters,
         webhooksSendInputImages: webhooksSendInputImages,
         webhooksSendProcessedImages: webhooksSendProcessedImages,
+        onBeforeDocumentUpload: onBeforeDocumentUpload,
+        onDocumentUploadProgress: onDocumentUploadProgress,
+        onDocumentUploaded: onDocumentUploaded,
+        onDocumentUploadFailed: onDocumentUploadFailed,
         onBeforeSubmit: onBeforeSubmit,
         onSubmit: onSubmit,
         geolocationEnabled: geolocationEnabled,
@@ -22582,15 +22791,21 @@
         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,
@@ -22600,6 +22815,7 @@
         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,
@@ -22614,12 +22830,25 @@
       var _g = React.useState(0),
         attempt = _g[0],
         setAttempt = _g[1];
-      return /*#__PURE__*/React__default['default'].createElement(ThemeProvider, {
+      var onRetryClicked = React.useCallback(function () {
+        setAttempt(function (n) {
+          return n + 1;
+        });
+      }, []);
+      return /*#__PURE__*/React__default['default'].createElement(AuthProvider, {
+        sessionId: sessionId,
+        authUrl: authUrl
+      }, /*#__PURE__*/React__default['default'].createElement(ThemeProvider, {
         theme: theme
       }, /*#__PURE__*/React__default['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,
@@ -22640,12 +22869,8 @@
         verbiage: verbiage,
         onModelError: onModelError,
         onUserCancel: onUserCancel,
-        onRetryClicked: function onRetryClicked() {
-          setAttempt(function (n) {
-            return n + 1;
-          });
-        }
-      }))));
+        onRetryClicked: onRetryClicked
+      })))));
     };
 
     /**
@@ -22654,8 +22879,10 @@
     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,
@@ -22671,6 +22898,10 @@
         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,
@@ -22710,6 +22941,7 @@
         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,
@@ -22790,12 +23022,15 @@
           debugMode: debugMode
         };
       }, [classNames.videoSignatureCapture, colors.videoSignatureCapture, debugMode, onExitCapture, onUserCancel, skipSuccessScreen, verbiage.videoSignatureCapture]);
-      return /*#__PURE__*/React__default['default'].createElement(ThemeProvider, {
+      return /*#__PURE__*/React__default['default'].createElement(AuthProvider, {
+        sessionId: sessionId,
+        authUrl: authUrl
+      }, /*#__PURE__*/React__default['default'].createElement(ThemeProvider, {
         theme: theme
       }, /*#__PURE__*/React__default['default'].createElement(SubmissionProvider, {
         action: skipIdCapture ? SubmissionAction.NONE : SubmissionAction.VALIDATE,
-        url: submissionUrl,
-        token: submissionToken,
+        submissionUrl: submissionUrl,
+        documentServiceUrl: documentServiceUrl,
         companyId: companyId,
         needImmediateResponse: needImmediateResponse,
         manualReviewRequired: manualReviewRequired,
@@ -22811,6 +23046,11 @@
         webhooksSendInputImages: webhooksSendInputImages,
         webhooksSendProcessedImages: webhooksSendProcessedImages,
         webhooksFireOnReview: webhooksFireOnReview,
+        idCardForFaceMatch: idCardForFaceMatch,
+        onBeforeDocumentUpload: onBeforeDocumentUpload,
+        onDocumentUploadProgress: onDocumentUploadProgress,
+        onDocumentUploaded: onDocumentUploaded,
+        onDocumentUploadFailed: onDocumentUploadFailed,
         onSubmit: onSubmit,
         onBeforeSubmit: onBeforeSubmit,
         onResponseReceived: onComplete,
@@ -22827,7 +23067,7 @@
         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. */
@@ -22835,8 +23075,10 @@
       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,
@@ -22854,6 +23096,10 @@
         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,
@@ -22935,12 +23181,15 @@
           onDenied === null || onDenied === void 0 ? void 0 : onDenied(resp, req);
         }
       }, [onEnrolled, onComplete, onDenied]);
-      return /*#__PURE__*/React__default['default'].createElement(ThemeProvider, {
+      return /*#__PURE__*/React__default['default'].createElement(AuthProvider, {
+        sessionId: sessionId,
+        authUrl: authUrl
+      }, /*#__PURE__*/React__default['default'].createElement(ThemeProvider, {
         theme: theme
       }, /*#__PURE__*/React__default['default'].createElement(SubmissionProvider, {
         action: SubmissionAction.ENROLL,
-        url: submissionUrl,
-        token: submissionToken,
+        submissionUrl: submissionUrl,
+        documentServiceUrl: documentServiceUrl,
         companyId: companyId,
         enrollmentId: enrollmentId,
         needImmediateResponse: needImmediateResponse,
@@ -22951,6 +23200,10 @@
         webhooksStripSpecialCharacters: webhooksStripSpecialCharacters,
         webhooksSendInputImages: webhooksSendInputImages,
         webhooksSendProcessedImages: webhooksSendProcessedImages,
+        onBeforeDocumentUpload: onBeforeDocumentUpload,
+        onDocumentUploadProgress: onDocumentUploadProgress,
+        onDocumentUploaded: onDocumentUploaded,
+        onDocumentUploadFailed: onDocumentUploadFailed,
         onBeforeSubmit: onBeforeSubmit,
         onSubmit: onSubmit,
         onResponseReceived: onResponseReceived,
@@ -22967,7 +23220,7 @@
         captureSignature: captureSignature,
         captureSignatureVideo: captureSignatureVideo,
         debugMode: debugMode
-      })));
+      }))));
     };
 
     /**
@@ -22976,11 +23229,15 @@
     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,
@@ -23001,13 +23258,19 @@
         _j = _a.debugMode,
         debugMode = _j === void 0 ? false : _j;
       useLanguage(lang);
-      return /*#__PURE__*/React__default['default'].createElement(ThemeProvider, {
+      return /*#__PURE__*/React__default['default'].createElement(AuthProvider, {
+        sessionId: sessionId,
+        authUrl: authUrl
+      }, /*#__PURE__*/React__default['default'].createElement(ThemeProvider, {
         theme: theme
       }, /*#__PURE__*/React__default['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['default'].createElement(CameraProvider, {
@@ -23015,7 +23278,6 @@
         debugMode: debugMode
       }, /*#__PURE__*/React__default['default'].createElement(DocumentCaptureWizard, {
         onSuccess: onComplete,
-        onDocumentUploaded: onDocumentUploaded,
         onExitCapture: onExitCapture,
         onUserCancel: onUserCancel,
         documents: documents,
@@ -23024,7 +23286,7 @@
         instructions: instructions,
         classNames: classNames,
         verbiage: verbiage
-      }))));
+      })))));
     };
 
     initializeI18n();
@@ -23101,7 +23363,11 @@
       preloadModels: preloadModels,
       themes: themes,
       version: webSdkVersion,
-      ready: true
+      ready: true,
+      authMode: 'session',
+      allowedAuthUrls: allowedAuthUrls,
+      defaultAuthUrl: defaultAuthUrl,
+      defaultSubmissionUrl: defaultSubmissionUrl
     };
 
     var __assign = (undefined && undefined.__assign) || function () {
@@ -23628,6 +23894,9 @@
     exports.IdValidation = IdValidation;
     exports.SignatureKYC = SignatureKYC;
     exports.VideoIdValidation = VideoIdValidation;
+    exports.allowedAuthUrls = allowedAuthUrls;
+    exports.defaultAuthUrl = defaultAuthUrl;
+    exports.defaultSubmissionUrl = defaultSubmissionUrl;
     exports.preloadModels = preloadModels;
     exports.renderCustomerBiometricsEnrollment = renderCustomerBiometricsEnrollment;
     exports.renderCustomerIdAndBiometricsEnrollment = renderCustomerIdAndBiometricsEnrollment;