idmission-web-sdk 2.2.164 → 2.2.166

package/dist/sdk2.cjs.development.js

@@ -15,6 +15,7 @@ var useDebounce = require('use-debounce');
 var middleware = require('zustand/middleware');
 var shallow = require('zustand/react/shallow');
 var reactDom = require('react-dom');
+var cn = require('clsx');
 var SignatureCanvas = require('react-signature-canvas');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -44,6 +45,7 @@ var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
 var SparkMD5__default = /*#__PURE__*/_interopDefaultCompat(SparkMD5);
 var LanguageDetector__default = /*#__PURE__*/_interopDefaultCompat(LanguageDetector);
 var i18n__default = /*#__PURE__*/_interopDefaultCompat(i18n);
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 var SignatureCanvas__default = /*#__PURE__*/_interopDefaultCompat(SignatureCanvas);
 
 /******************************************************************************
@@ -233,7 +235,7 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
   return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
 };
 
-var webSdkVersion = '2.2.164';
+var webSdkVersion = '2.2.166';
 
 function getPlatform() {
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -770,38 +772,60 @@ var SessionValidationErrorOverlay = function SessionValidationErrorOverlay(_a) {
   }, retryText)))));
 };
 
-var wavesAnimation = styled.keyframes(templateObject_1$K || (templateObject_1$K = __makeTemplateObject(["\n    0% {\n        opacity: 0;\n        transform: scale3d(1, 1, 1);\n    }\n    80% {\n        opacity: 1;\n    }\n    100% {\n        transform: scale3d(2, 2, 1);\n        opacity: 0;\n    }\n"], ["\n    0% {\n        opacity: 0;\n        transform: scale3d(1, 1, 1);\n    }\n    80% {\n        opacity: 1;\n    }\n    100% {\n        transform: scale3d(2, 2, 1);\n        opacity: 0;\n    }\n"])));
-var progressBarAnimation = styled.keyframes(templateObject_2$B || (templateObject_2$B = __makeTemplateObject(["\n    0% {\n        width: 0;\n    }\n    100% {\n        width: 100%;\n    }\n"], ["\n    0% {\n        width: 0;\n    }\n    100% {\n        width: 100%;\n    }\n"])));
-var dualRingSpinnerAnimation = styled.keyframes(templateObject_3$r || (templateObject_3$r = __makeTemplateObject(["\n    0% {\n        transform: rotate(0deg);\n    }\n    100% {\n        transform: rotate(360deg);\n    }\n"], ["\n    0% {\n        transform: rotate(0deg);\n    }\n    100% {\n        transform: rotate(360deg);\n    }\n"])));
-var progressBorderAnimation = styled.keyframes(templateObject_4$l || (templateObject_4$l = __makeTemplateObject(["\n    to {\n        stroke-dashoffset: 0;\n    }\n"], ["\n    to {\n        stroke-dashoffset: 0;\n    }\n"])));
-var templateObject_1$K, templateObject_2$B, templateObject_3$r, templateObject_4$l;
-
-var Spinner = styled__default.default.div(templateObject_1$J || (templateObject_1$J = __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: ", " 1.2s linear infinite;\n    box-sizing: content-box;\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: ", " 1.2s linear infinite;\n    box-sizing: content-box;\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';
-}, dualRingSpinnerAnimation);
-var templateObject_1$J;
+var LogLevel;
+(function (LogLevel) {
+  LogLevel[LogLevel["Off"] = 0] = "Off";
+  LogLevel[LogLevel["Error"] = 1] = "Error";
+  LogLevel[LogLevel["Warn"] = 2] = "Warn";
+  LogLevel[LogLevel["Info"] = 3] = "Info";
+  LogLevel[LogLevel["Debug"] = 4] = "Debug";
+})(LogLevel || (LogLevel = {}));
+var logLevel = LogLevel.Warn;
+function useLogLevel(newLogLevel) {
+  React.useEffect(function () {
+    var oldLogLevel = logLevel;
+    if (newLogLevel === oldLogLevel) return;
+    logLevel = newLogLevel;
+    return function () {
+      logLevel = oldLogLevel;
+    };
+  }, [newLogLevel]);
+}
+function useDebugLogging(enabled) {
+  useLogLevel(enabled ? LogLevel.Debug : logLevel);
+}
+function debug() {
+  var parts = [];
+  for (var _i = 0; _i < arguments.length; _i++) {
+    parts[_i] = arguments[_i];
+  }
+  if (logLevel < LogLevel.Debug) return;
+  console.debug.apply(console, parts); // eslint-disable-line no-console
+}
+function log() {
+  var parts = [];
+  for (var _i = 0; _i < arguments.length; _i++) {
+    parts[_i] = arguments[_i];
+  }
+  if (logLevel < LogLevel.Info) return;
+  console.log.apply(console, parts); // eslint-disable-line no-console
+}
+function warn() {
+  var parts = [];
+  for (var _i = 0; _i < arguments.length; _i++) {
+    parts[_i] = arguments[_i];
+  }
+  if (logLevel < LogLevel.Warn) return;
+  console.warn.apply(console, parts); // eslint-disable-line no-console
+}
+function error() {
+  var parts = [];
+  for (var _i = 0; _i < arguments.length; _i++) {
+    parts[_i] = arguments[_i];
+  }
+  if (logLevel < LogLevel.Error) return;
+  console.error.apply(console, parts); // eslint-disable-line no-console
+}
 
 exports.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'];
@@ -840,8 +864,95 @@ var reducer$4 = function reducer(state, action) {
       return state;
   }
 };
+function makeValidateSessionRequest(authUrl_1, sessionId_1) {
+  return __awaiter(this, arguments, void 0, function (authUrl, sessionId, retryCount) {
+    var maxRetries, baseDelay, response, delay_1, error_1, delay_2;
+    if (retryCount === void 0) {
+      retryCount = 0;
+    }
+    return __generator(this, function (_a) {
+      switch (_a.label) {
+        case 0:
+          maxRetries = 10;
+          baseDelay = 1000 // 1 second
+          ;
+          _a.label = 1;
+        case 1:
+          _a.trys.push([1, 4,, 6]);
+          return [4 /*yield*/, fetch("".concat(authUrl, "/portal.sessions.v1.SessionsService/ValidateSession"), {
+            method: 'POST',
+            headers: {
+              'Content-Type': 'application/json'
+            },
+            body: JSON.stringify({
+              id: sessionId
+            })
+          })
+          // If the request was successful or we've hit max retries, return the response
+          ];
+        case 2:
+          response = _a.sent();
+          // If the request was successful or we've hit max retries, return the response
+          if (response.ok || retryCount >= maxRetries) {
+            return [2 /*return*/, response];
+          }
+          delay_1 = baseDelay * Math.pow(2, retryCount) // Exponential backoff
+          ;
+          return [4 /*yield*/, new Promise(function (resolve) {
+            return setTimeout(resolve, delay_1);
+          })];
+        case 3:
+          _a.sent();
+          return [2 /*return*/, makeValidateSessionRequest(authUrl, sessionId, retryCount + 1)];
+        case 4:
+          error_1 = _a.sent();
+          // If we've hit max retries, throw the error
+          if (retryCount >= maxRetries) {
+            throw error_1;
+          }
+          delay_2 = baseDelay * Math.pow(2, retryCount);
+          return [4 /*yield*/, new Promise(function (resolve) {
+            return setTimeout(resolve, delay_2);
+          })];
+        case 5:
+          _a.sent();
+          return [2 /*return*/, makeValidateSessionRequest(authUrl, sessionId, retryCount + 1)];
+        case 6:
+          return [2 /*return*/];
+      }
+    });
+  });
+}
+function validateSession(authUrl, sessionId) {
+  return __awaiter(this, void 0, void 0, function () {
+    var resp, respText, message, valid, respJson;
+    return __generator(this, function (_a) {
+      switch (_a.label) {
+        case 0:
+          return [4 /*yield*/, makeValidateSessionRequest(authUrl, sessionId)];
+        case 1:
+          resp = _a.sent();
+          return [4 /*yield*/, resp.text()];
+        case 2:
+          respText = _a.sent();
+          message = respText;
+          valid = false;
+          try {
+            respJson = JSON.parse(respText);
+            message = respJson.message;
+            valid = respJson.valid;
+          } catch (e) {
+            warn('Failed to parse session validation response', e);
+          }
+          if (!resp.ok) {
+            throw new SessionValidationFailedError(new Error(message), authUrl);
+          }
+          return [2 /*return*/, valid];
+      }
+    });
+  });
+}
 function useAuthReducer(authUrl, sessionId) {
-  var _this = this;
   if (authUrl === void 0) {
     authUrl = exports.defaultAuthUrl;
   }
@@ -887,51 +998,17 @@ function useAuthReducer(authUrl, sessionId) {
         type: 'setCheckState',
         payload: 'RUNNING'
       });
-      (function () {
-        return __awaiter(_this, void 0, void 0, function () {
-          var resp, _a, valid, message, e_1;
-          return __generator(this, function (_b) {
-            switch (_b.label) {
-              case 0:
-                _b.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 = _b.sent();
-                return [4 /*yield*/, resp.json()];
-              case 2:
-                _a = _b.sent(), valid = _a.valid, message = _a.message;
-                if (!resp.ok) {
-                  dispatch({
-                    type: 'setError',
-                    payload: new SessionValidationFailedError(new Error(message), authUrl)
-                  });
-                }
-                dispatch({
-                  type: 'setCheckState',
-                  payload: valid ? 'PASSED' : 'FAILED'
-                });
-                return [3 /*break*/, 4];
-              case 3:
-                e_1 = _b.sent();
-                dispatch({
-                  type: 'setError',
-                  payload: new SessionValidationFailedError(e_1, authUrl)
-                });
-                return [3 /*break*/, 4];
-              case 4:
-                return [2 /*return*/];
-            }
-          });
+      validateSession(authUrl, resolvedSessionId).then(function (valid) {
+        dispatch({
+          type: 'setCheckState',
+          payload: valid ? 'PASSED' : 'FAILED'
+        });
+      })["catch"](function (e) {
+        dispatch({
+          type: 'setError',
+          payload: new SessionValidationFailedError(e, authUrl)
         });
-      })();
+      });
     }
   }, [authUrl, sessionCheckState, resolvedSessionId, sessionId]);
   return [state, dispatch];
@@ -972,9 +1049,6 @@ function AuthProvider(_a) {
       }
     });
   }
-  if (state.sessionCheckState === 'READY' || state.sessionCheckState === 'RUNNING') return /*#__PURE__*/React__namespace.default.createElement(PageContainer, {
-    className: "flex"
-  }, /*#__PURE__*/React__namespace.default.createElement(Spinner, null));
   return /*#__PURE__*/React__namespace.default.createElement(AuthStateContext.Provider, {
     value: state
   }, /*#__PURE__*/React__namespace.default.createElement(AuthDispatchContext.Provider, {
@@ -982,61 +1056,6 @@ function AuthProvider(_a) {
   }, children));
 }
 
-var LogLevel;
-(function (LogLevel) {
-  LogLevel[LogLevel["Off"] = 0] = "Off";
-  LogLevel[LogLevel["Error"] = 1] = "Error";
-  LogLevel[LogLevel["Warn"] = 2] = "Warn";
-  LogLevel[LogLevel["Info"] = 3] = "Info";
-  LogLevel[LogLevel["Debug"] = 4] = "Debug";
-})(LogLevel || (LogLevel = {}));
-var logLevel = LogLevel.Warn;
-function useLogLevel(newLogLevel) {
-  React.useEffect(function () {
-    var oldLogLevel = logLevel;
-    if (newLogLevel === oldLogLevel) return;
-    logLevel = newLogLevel;
-    return function () {
-      logLevel = oldLogLevel;
-    };
-  }, [newLogLevel]);
-}
-function useDebugLogging(enabled) {
-  useLogLevel(enabled ? LogLevel.Debug : logLevel);
-}
-function debug() {
-  var parts = [];
-  for (var _i = 0; _i < arguments.length; _i++) {
-    parts[_i] = arguments[_i];
-  }
-  if (logLevel < LogLevel.Debug) return;
-  console.debug.apply(console, parts); // eslint-disable-line no-console
-}
-function log() {
-  var parts = [];
-  for (var _i = 0; _i < arguments.length; _i++) {
-    parts[_i] = arguments[_i];
-  }
-  if (logLevel < LogLevel.Info) return;
-  console.log.apply(console, parts); // eslint-disable-line no-console
-}
-function warn() {
-  var parts = [];
-  for (var _i = 0; _i < arguments.length; _i++) {
-    parts[_i] = arguments[_i];
-  }
-  if (logLevel < LogLevel.Warn) return;
-  console.warn.apply(console, parts); // eslint-disable-line no-console
-}
-function error() {
-  var parts = [];
-  for (var _i = 0; _i < arguments.length; _i++) {
-    parts[_i] = arguments[_i];
-  }
-  if (logLevel < LogLevel.Error) return;
-  console.error.apply(console, parts); // eslint-disable-line no-console
-}
-
 exports.defaultSubmissionUrl = 'https://portal-api.idmission.com/swagger';
 function setDefaultSubmissionUrl(url) {
   exports.defaultSubmissionUrl = url;
@@ -2091,7 +2110,7 @@ function getFrameDimensions(frame) {
   return [frameWidth, frameHeight];
 }
 
-var InvisibleCanvas = styled__default.default.canvas(templateObject_1$I || (templateObject_1$I = __makeTemplateObject(["\n  display: none;\n"], ["\n  display: none;\n"])));
+var InvisibleCanvas = styled__default.default.canvas(templateObject_1$K || (templateObject_1$K = __makeTemplateObject(["\n  display: none;\n"], ["\n  display: none;\n"])));
 function drawToCanvas(canvas, frame, width, height) {
   if (!canvas) return;
   var ctx = canvas.getContext('2d');
@@ -2111,7 +2130,7 @@ function clearCanvas(canvas) {
   var _a;
   (_a = canvas === null || canvas === void 0 ? void 0 : canvas.getContext('2d')) === null || _a === void 0 ? void 0 : _a.clearRect(0, 0, canvas === null || canvas === void 0 ? void 0 : canvas.width, canvas === null || canvas === void 0 ? void 0 : canvas.height);
 }
-var templateObject_1$I;
+var templateObject_1$K;
 
 function cropToShoulders(rawCanvas, cropCanvas, resizeCanvas, frame, face, quality, maxHeight) {
   if (quality === void 0) {
@@ -3563,7 +3582,7 @@ var es = {
   'Document is not centered': 'Documento no centrado',
   'Document too close please back up': 'Documento muy cerca, favor de alejarse',
   'Please hold your ID document steady': 'Por favor, hay que mantener firme su identificación',
-  'Document out of focus – try improving the lighting': 'Documento no enfocado, hay que tratar de mejorar la iluminación',
+  'Document out of focus - try improving the lighting': 'Documento no enfocado, hay que tratar de mejorar la iluminación',
   'ID card front detected - please flip your ID card': 'Frente de la ID detectado, por favor hay que voltearla',
   'ID card back detected - please flip your ID card': 'Reverso de la ID detectado, por favor hay que voltearla',
   'ID card detected please scan a passport instead': 'Se ha detectado una credencial, por favor hay que escanear un pasaporte',
@@ -3690,7 +3709,7 @@ var de = {
   'Document is not centered': 'Dokument ist nicht zentriert',
   'Document too close please back up': 'Dokument ist zu nah, bitte Abstand vergrößern',
   'Please hold your ID document steady': 'Ihr Ausweisdokument ruhig halten',
-  'Document out of focus – try improving the lighting': 'Dokument unscharf – versuchen Sie, die Beleuchtung zu verbessern',
+  'Document out of focus - try improving the lighting': 'Dokument unscharf - versuchen Sie, die Beleuchtung zu verbessern',
   'ID card front detected - please flip your ID card': 'Vorderseite des Ausweises erkannt - bitte Ihren Ausweis umdrehen',
   'ID card back detected - please flip your ID card': 'Rückseite des Ausweises erkannt - bitte Ihren Ausweis umdrehen',
   'ID card detected please scan a passport instead': 'Ausweis erkannt, bitte stattdessen einen Pass scannen',
@@ -3773,7 +3792,7 @@ var de = {
   'Camera ready': 'Kamera bereit',
   'Loading guided capture experience...': 'Geführte Erfassung wird geladen...',
   'Guided capture experience ready': 'Geführte Erfassung bereit',
-  "Let's Go!": 'Los geht‘s!',
+  "Let's Go!": "Los geht's!",
   'We are having trouble identifying the correct side of your id do you want to continue with capture anyway?': 'Wir haben Probleme, die richtige Seite Ihres Ausweises zu erkennen. Möchten Sie dennoch mit der Erfassung fortfahren?',
   OK: 'OK',
   'Capture with Camera': 'Mit der Kamera aufnehmen',
@@ -3785,7 +3804,9 @@ var de = {
   'Upload ID Front': 'Vorderseite der ID hochladen',
   'Upload ID Back': 'Rückseite der ID hochladen',
   Cancel: 'Abbrechen',
-  'Upload the back of the ID if it is not included in the front image.': 'Laden Sie die Rückseite des Ausweises hoch, wenn diese nicht im Bild der Vorderseite enthalten ist.\r\n'
+  'Upload the back of the ID if it is not included in the front image.': 'Laden Sie die Rückseite des Ausweises hoch, wenn diese nicht im Bild der Vorderseite enthalten ist.',
+  'Camera tampering detected': 'Kamera manipuliert',
+  "We're sorry, but it looks like the camera is being tampered with. Please check your device and try again by reloading the page.": 'Leider scheint die Kamera manipuliert zu werden. Bitte prüfen Sie Ihr Gerät und laden Sie die Seite neu.'
 };
 
 var fr = {
@@ -3815,7 +3836,7 @@ var fr = {
   'Document is not centered': "Le document n'est pas centré",
   'Document too close please back up': 'Document trop proche, veuillez sauvegarder',
   'Please hold your ID document steady': "Veuillez maintenir fermement votre pièce d'identité",
-  'Document out of focus – try improving the lighting': 'Document flou – essayez d’améliorer l’éclairage',
+  'Document out of focus - try improving the lighting': "Document flou - essayez d'améliorer l'éclairage",
   'ID card front detected - please flip your ID card': "Recto de la carte d'identité détecté - veuillez retourner votre carte d'identité",
   'ID card back detected - please flip your ID card': "Verso de la carte d'identité détectée - veuillez retourner votre carte d'identité",
   'ID card detected please scan a passport instead': "Carte d'identité détectée, veuillez scanner plutôt un passeport",
@@ -3830,7 +3851,7 @@ var fr = {
   'ID card front captured.': "Recto de la carte d'identité capturé.",
   'ID card back captured.': "Verso de la carte d'identité capturé.",
   'ID Capture Successful': "Capture d'identité réussie",
-  'Verify the entire ID was captured clearly with no glare.': "Vérifiez que l'intégralité de la pièce d’identité a été capturée clairement, sans reflet.",
+  'Verify the entire ID was captured clearly with no glare.': "Vérifiez que l'intégralité de la pièce d'identité a été capturée clairement, sans reflet.",
   Submit: 'Soumettre',
   'Submitting...': 'Soumission en cours...',
   'Use your device camera to capture your face': 'Utilisez la caméra de votre appareil pour capturer votre visage',
@@ -3874,20 +3895,20 @@ var fr = {
   'Display the back of your ID card...': "Affichez le verso de votre carte d'identité...",
   'Display the ID page of your passport...': "Montrez la page d'identité de votre passeport...",
   'Please move your face to the center...': 'Veuillez déplacer votre visage vers le centre...',
-  'Searching for ID card...': "Recherche d’une carte d'identité...",
+  'Searching for ID card...': "Recherche d'une carte d'identité...",
   'Please read the following text aloud': 'Veuillez lire le texte suivant à voix haute',
-  'Video ID has been successfully captured!': 'L’ID vidéo a été capturé avec succès!',
-  'ID Front Image': 'Image recto de la pièce d’identité',
-  'ID Back Image': 'Image verso de la pièce d’identité',
+  'Video ID has been successfully captured!': "L'ID vidéo a été capturé avec succès!",
+  'ID Front Image': "Image recto de la pièce d'identité",
+  'ID Back Image': "Image verso de la pièce d'identité",
   "We're having some trouble.": 'Nous rencontrons quelques problèmes.',
   'On-device capture guidance failed please capture a selfie manually.': "Le guidage de capture sur l'appareil a échoué, veuillez capturer un selfie manuellement.",
   'Verifying...': 'Vérification en cours...',
   'Please capture the front of your ID card.': "Veuillez capturer le recto de votre carte d'identité.",
   'Please capture the back of your ID card.': "Veuillez capturer le verso de votre carte d'identité.",
-  'Please capture the front of your ID card, or the ID page of your passport.': 'Veuillez capturer le recto de votre carte d’identité ou la page d’identité de votre passeport.',
-  'Please capture the back of your ID card, or click Done if submitting a passport.': 'Veuillez capturer le verso de votre carte d’identité ou cliquer sur Terminé si vous soumettez un passeport.',
+  'Please capture the front of your ID card, or the ID page of your passport.': "Veuillez capturer le recto de votre carte d'identité ou la page d'identité de votre passeport.",
+  'Please capture the back of your ID card, or click Done if submitting a passport.': "Veuillez capturer le verso de votre carte d'identité ou cliquer sur Terminé si vous soumettez un passeport.",
   'Please capture the ID page of your passport.': "Veuillez capturer la page d'identité de votre passeport.",
-  'On-device capture guidance failed please capture a photo of your ID card manually.': "Le guidage de capture sur l'appareil a échoué, veuillez capturer une photo de votre pièce d’identité manuellement.",
+  'On-device capture guidance failed please capture a photo of your ID card manually.': "Le guidage de capture sur l'appareil a échoué, veuillez capturer une photo de votre pièce d'identité manuellement.",
   'On-device capture guidance failed please capture a photo of your passport manually.': "Le guidage de capture sur l'appareil a échoué, veuillez capturer une photo de votre passeport manuellement.",
   'On-device capture guidance failed please capture photos of your ID card and passport manually.': "Le guidage de capture sur l'appareil a échoué, veuillez capturer manuellement des photos de votre carte d'identité et de votre passeport.",
   'On-device capture guidance failed please capture photos of your ID card or passport manually.': "Le guidage de capture sur l'appareil a échoué, veuillez capturer manuellement des photos de votre carte d'identité ou de votre passeport.",
@@ -3910,7 +3931,9 @@ var fr = {
   'Upload ID Front': "Télécharger le recto de la pièce d'identité",
   'Upload ID Back': "Télécharger le verso de la pièce d'identité",
   Cancel: 'Annuler',
-  'Upload the back of the ID if it is not included in the front image.': "Téléchargez le verso de la pièce d'identité si ce n'est pas inclus dans l'image du recto."
+  'Upload the back of the ID if it is not included in the front image.': "Téléchargez le verso de la pièce d'identité si ce n'est pas inclus dans l'image du recto.",
+  'Camera tampering detected': 'Manipulation de la caméra détectée',
+  "We're sorry, but it looks like the camera is being tampered with. Please check your device and try again by reloading the page.": 'Nous sommes désolés, mais il semble que la caméra soit manipulée. Veuillez vérifier votre appareil et réessayer en rechargeant la page.'
 };
 
 var it = {
@@ -3933,27 +3956,27 @@ var it = {
   'Scan the front of ID': 'Scansiona il fronte del documento',
   'Scan the back of ID': 'Scansiona il retro del documento',
   'Scan the ID page of passport': 'Scansione la pagina identificativa del passaporto',
-  'ID Card Front': 'Fronte documento d’identità',
-  'ID Card Back': 'Retro documento d’identità',
+  'ID Card Front': "Fronte documento d'identità",
+  'ID Card Back': "Retro documento d'identità",
   Passport: 'Passaporto',
   'Document not detected': 'Documento non rilevato',
   'Document is not centered': 'Documento non centrato',
   'Document too close please back up': 'Documento troppo vicino, allontanarlo',
-  'Please hold your ID document steady': 'Tenere il documento d’identità fermo',
-  'Document out of focus – try improving the lighting': 'Documento fuori fuoco - provare a migliorare l’illuminazione',
-  'ID card front detected - please flip your ID card': 'Fronte del documento d’identità rilevato - Girare il documento d’identità',
-  'ID card back detected - please flip your ID card': 'Retro del documento d’identità rilevato - Girare il documento d’identità',
-  'ID card detected please scan a passport instead': 'Documento d’identità rilevato, scansionare un passaporto al suo posto',
-  'Passport detected please scan an ID card instead': 'Passaporto rilevato, scansionare una documento d’identità al suo posto',
+  'Please hold your ID document steady': "Tenere il documento d'identità fermo",
+  'Document out of focus - try improving the lighting': "Documento fuori fuoco - provare a migliorare l'illuminazione",
+  'ID card front detected - please flip your ID card': "Fronte del documento d'identità rilevato - Girare il documento d'identità",
+  'ID card back detected - please flip your ID card': "Retro del documento d'identità rilevato - Girare il documento d'identità",
+  'ID card detected please scan a passport instead': "Documento d'identità rilevato, scansionare un passaporto al suo posto",
+  'Passport detected please scan an ID card instead': "Passaporto rilevato, scansionare una documento d'identità al suo posto",
   'Document detected, hold still...': 'Documento rilevato, tenere fermo...',
-  'ID card front detected, hold still...': 'Fronte documento d’identità rilevato, tenere fermo...',
-  'ID card back detected, hold still...': 'Retro documento d’identità rilevato, tenere fermo...',
+  'ID card front detected, hold still...': "Fronte documento d'identità rilevato, tenere fermo...",
+  'ID card back detected, hold still...': "Retro documento d'identità rilevato, tenere fermo...",
   'Passport detected, hold still...': 'Passaporto rilevato, tenere fermo...',
   'Capturing...': 'Acquisizione...',
   'Capture failed!': 'Acquisizione non riuscita!',
-  'Please flip your ID card...': 'Capovolgere il documento d’identità',
-  'ID card front captured.': 'Fronte documento d’identità acquisito.',
-  'ID card back captured.': 'Retro documento d’identità acquisito.',
+  'Please flip your ID card...': "Capovolgere il documento d'identità",
+  'ID card front captured.': "Fronte documento d'identità acquisito.",
+  'ID card back captured.': "Retro documento d'identità acquisito.",
   'ID Capture Successful': 'Acquisizione documento riuscita',
   'Verify the entire ID was captured clearly with no glare.': 'Verificare che tutto il documento sia acquisito chiaramente e senza riflessi.',
   Submit: 'Invia',
@@ -3995,29 +4018,29 @@ var it = {
   'Uploading...': 'Caricamento...',
   'Upload succeeded!': 'Caricamento riuscito!',
   'Performing facial recognition, please hold still...': 'Riconoscimento volto in corso, tenere fermo...',
-  'Display the front of your ID card...': 'Mostrare il fronte del documento d’identità...',
-  'Display the back of your ID card...': 'Mostrare il retro della documento d’identità...',
+  'Display the front of your ID card...': "Mostrare il fronte del documento d'identità...",
+  'Display the back of your ID card...': "Mostrare il retro della documento d'identità...",
   'Display the ID page of your passport...': 'Mostrare la pagina identificativa del passaporto...',
   'Please move your face to the center...': 'Spostare il volto al centro...',
-  'Searching for ID card...': 'Ricerca documento d’identità in corso...',
+  'Searching for ID card...': "Ricerca documento d'identità in corso...",
   'Please read the following text aloud': 'Leggere il testo seguente a voce alta',
-  'Video ID has been successfully captured!': 'L’ID video è stato acquisito correttamente!',
-  'ID Front Image': 'Immagine fronte documento d’identità',
-  'ID Back Image': 'Immagine retro documento d’identità',
+  'Video ID has been successfully captured!': "L'ID video è stato acquisito correttamente!",
+  'ID Front Image': "Immagine fronte documento d'identità",
+  'ID Back Image': "Immagine retro documento d'identità",
   "We're having some trouble.": 'Si è verificato un problema.',
   'On-device capture guidance failed please capture a selfie manually.': "La guida all'acquisizione sul dispositivo non è riuscita. Scattare un selfie manualmente.",
   'Verifying...': 'Verifica...',
-  'Please capture the front of your ID card.': 'Acquisire il fronte del documento d’identità.',
-  'Please capture the back of your ID card.': 'Acquisire il retro del documento d’identità.',
-  'Please capture the front of your ID card, or the ID page of your passport.': 'Acquisire il fronte del documento d’identità o la pagina identificativa del passaporto.',
-  'Please capture the back of your ID card, or click Done if submitting a passport.': 'Acquisire il retro del documento d’identità o fare clic su Fatto se si invia un passaporto.',
+  'Please capture the front of your ID card.': "Acquisire il fronte del documento d'identità.",
+  'Please capture the back of your ID card.': "Acquisire il retro del documento d'identità.",
+  'Please capture the front of your ID card, or the ID page of your passport.': "Acquisire il fronte del documento d'identità o la pagina identificativa del passaporto.",
+  'Please capture the back of your ID card, or click Done if submitting a passport.': "Acquisire il retro del documento d'identità o fare clic su Fatto se si invia un passaporto.",
   'Please capture the ID page of your passport.': 'Acquisire la pagina identificativa del passaporto.',
-  'On-device capture guidance failed please capture a photo of your ID card manually.': "La guida all'acquisizione sul dispositivo non è riuscita. Acquisire una foto del documento d’identità manualmente.",
+  'On-device capture guidance failed please capture a photo of your ID card manually.': "La guida all'acquisizione sul dispositivo non è riuscita. Acquisire una foto del documento d'identità manualmente.",
   'On-device capture guidance failed please capture a photo of your passport manually.': "La guida all'acquisizione sul dispositivo non è riuscita. Acquisire una foto del passaporto manualmente.",
-  'On-device capture guidance failed please capture photos of your ID card and passport manually.': "La guida all'acquisizione sul dispositivo non è riuscita. Acquisire delle foto del documento d’identità e del passaporto manualmente.",
-  'On-device capture guidance failed please capture photos of your ID card or passport manually.': "La guida all'acquisizione sul dispositivo non è riuscita. Acquisire delle foto del documento d’identità o del passaporto manualmente.",
+  'On-device capture guidance failed please capture photos of your ID card and passport manually.': "La guida all'acquisizione sul dispositivo non è riuscita. Acquisire delle foto del documento d'identità e del passaporto manualmente.",
+  'On-device capture guidance failed please capture photos of your ID card or passport manually.': "La guida all'acquisizione sul dispositivo non è riuscita. Acquisire delle foto del documento d'identità o del passaporto manualmente.",
   'Capture ID page of passport': 'Acquisisci pagina identificativa del passaporto',
-  'Capture back of ID card': 'Acquisisci retro del documento d’identità',
+  'Capture back of ID card': "Acquisisci retro del documento d'identità",
   'Downloading...': 'Download in corso...',
   'Accessing camera...': 'Accesso alla fotocamera...',
   'Camera ready': 'Fotocamera pronta',
@@ -4035,7 +4058,9 @@ var it = {
   'Upload ID Front': "Carica il fronte dell'ID",
   'Upload ID Back': "Carica il retro dell'ID",
   Cancel: 'Annulla',
-  'Upload the back of the ID if it is not included in the front image.': "Carica il retro dell'ID se non è incluso nell'immagine del fronte.\r\n"
+  'Upload the back of the ID if it is not included in the front image.': "Carica il retro dell'ID se non è incluso nell'immagine del fronte.",
+  'Camera tampering detected': 'Manipolazione della fotocamera rilevata',
+  "We're sorry, but it looks like the camera is being tampered with. Please check your device and try again by reloading the page.": 'Siamo spiacenti, ma sembra che la fotocamera stia venendo manipolata. Controlla il tuo dispositivo e riprova ricaricando la pagina.'
 };
 
 var ja = {
@@ -4065,7 +4090,7 @@ var ja = {
   'Document is not centered': 'ドキュメントが中央に合っていません',
   'Document too close please back up': 'ドキュメントが近すぎます。遠ざけてください',
   'Please hold your ID document steady': '身分証が動かないように押さえてください',
-  'Document out of focus – try improving the lighting': 'ドキュメントの焦点がぼやけています。照明を調節してください',
+  'Document out of focus - try improving the lighting': 'ドキュメントの焦点がぼやけています。照明を調節してください',
   'ID card front detected - please flip your ID card': '身分証の正面が検出されました。身分証を裏返してください',
   'ID card back detected - please flip your ID card': '身分証の背面が検出されました。身分証を裏返してください',
   'ID card detected please scan a passport instead': '身分証が検出されました。パスポートをスキャンしてください',
@@ -4160,7 +4185,9 @@ var ja = {
   'Upload ID Front': '身分証明書の表面をアップロード',
   'Upload ID Back': '身分証明書の裏面をアップロード',
   Cancel: 'キャンセル',
-  'Upload the back of the ID if it is not included in the front image.': '表面画像に裏面が含まれていない場合は、裏面をアップロードしてください。'
+  'Upload the back of the ID if it is not included in the front image.': '表面画像に裏面が含まれていない場合は、裏面をアップロードしてください。',
+  'Camera tampering detected': 'カメラの操作が検出されました',
+  "We're sorry, but it looks like the camera is being tampered with. Please check your device and try again by reloading the page.": 'カメラの操作が検出されました。デバイスを確認し、ページを再読み込みしてください。'
 };
 
 var pt = {
@@ -4190,7 +4217,7 @@ var pt = {
   'Document is not centered': 'Documento não está centralizado',
   'Document too close please back up': 'Documento muito próximo, recue',
   'Please hold your ID document steady': 'Segure seu documento de identificação com firmeza',
-  'Document out of focus – try improving the lighting': 'Documento fora de foco - tente melhorar a iluminação',
+  'Document out of focus - try improving the lighting': 'Documento fora de foco - tente melhorar a iluminação',
   'ID card front detected - please flip your ID card': 'Detectada a frente da carteira de identidade - vire a carteira de identidade',
   'ID card back detected - please flip your ID card': 'Detectado o verso da carteira de identidade - vire a carteira de identidade',
   'ID card detected please scan a passport instead': 'Detectada a carteira de identidade - escaneie um passaporte em seu lugar',
@@ -4285,7 +4312,9 @@ var pt = {
   'Upload ID Front': 'Carregar frente do ID',
   'Upload ID Back': 'Carregar verso do ID',
   Cancel: 'Cancelar',
-  'Upload the back of the ID if it is not included in the front image.': 'Carregue o verso do ID se não estiver incluído na imagem da frente.'
+  'Upload the back of the ID if it is not included in the front image.': 'Carregue o verso do ID se não estiver incluído na imagem da frente.',
+  'Camera tampering detected': 'Manipulação da câmera detectada',
+  "We're sorry, but it looks like the camera is being tampered with. Please check your device and try again by reloading the page.": 'Lamentamos, mas parece que a câmera está sendo manipulada. Verifique seu dispositivo e tente novamente recarregando a página.'
 };
 
 var ru = {
@@ -4410,7 +4439,9 @@ var ru = {
   'Upload ID Front': 'Загрузить переднюю сторону удостоверения личности',
   'Upload ID Back': 'Загрузить заднюю сторону удостоверения личности',
   Cancel: 'Отменить',
-  'Upload the back of the ID if it is not included in the front image.': 'Загрузите заднюю сторону удостоверения, если она не включена в изображение передней стороны.\r\n'
+  'Upload the back of the ID if it is not included in the front image.': 'Загрузите заднюю сторону удостоверения, если она не включена в изображение передней стороны.',
+  'Camera tampering detected': 'Обнаружена манипуляция с камерой',
+  "We're sorry, but it looks like the camera is being tampered with. Please check your device and try again by reloading the page.": 'К сожалению, кажется, что камера подвергается манипуляциям. Пожалуйста, проверьте свое устройство и попробуйте снова, перезагрузив страницу.'
 };
 
 var zh = {
@@ -4440,7 +4471,7 @@ var zh = {
   'Document is not centered': '文件未置中',
   'Document too close please back up': '文件太近，請後退',
   'Please hold your ID document steady': '請拿穩證件',
-  'Document out of focus – try improving the lighting': '文件失焦 – 請嘗試改善燈光',
+  'Document out of focus - try improving the lighting': '文件失焦 - 請嘗試改善燈光',
   'ID card front detected - please flip your ID card': '偵測到證件正面 - 請將證件翻面',
   'ID card back detected - please flip your ID card': '偵測到證件背面 - 請將證件翻面',
   'ID card detected please scan a passport instead': '偵測到證件，請掃描護照',
@@ -4501,7 +4532,7 @@ var zh = {
   'Please move your face to the center...': '請將臉部移至中心...',
   'Searching for ID card...': '正在搜尋證件...',
   'Please read the following text aloud': '請大聲讀出以下文字',
-  'Video ID has been successfully captured!': '已成功拍攝影片 ID！',
+  'Video ID has been successfully captured!': '已成功拍攝影片 ID!',
   'ID Front Image': '證件正面影像',
   'ID Back Image': '證件背面影像',
   "We're having some trouble.": '發生一些問題。',
@@ -4535,7 +4566,9 @@ var zh = {
   'Upload ID Front': '上传身份证正面',
   'Upload ID Back': '上传身份证背面',
   Cancel: '取消',
-  'Upload the back of the ID if it is not included in the front image.': '如果正面照片没有包含身份证背面，请上传背面照片。'
+  'Upload the back of the ID if it is not included in the front image.': '如果正面照片没有包含身份证背面，请上传背面照片。',
+  'Camera tampering detected': '檢測到相機被篡改',
+  "We're sorry, but it looks like the camera is being tampered with. Please check your device and try again by reloading the page.": '很抱歉，看起來相機被篡改了。請檢查您的設備並重新載入頁面。'
 };
 
 var resources = {
@@ -5056,14 +5089,14 @@ function CameraTamperSeal(_a) {
     className: classNames.message
   }, messageText)));
 }
-var StyledOverlayInner$4 = styled__default.default(OverlayInner$2)(templateObject_1$H || (templateObject_1$H = __makeTemplateObject(["\n  justify-content: center;\n"], ["\n  justify-content: center;\n"])));
-var StyledOverlayHeading = styled__default.default.h3(templateObject_2$A || (templateObject_2$A = __makeTemplateObject(["\n  margin-bottom: 8px;\n"], ["\n  margin-bottom: 8px;\n"])));
+var StyledOverlayInner$4 = styled__default.default(OverlayInner$2)(templateObject_1$J || (templateObject_1$J = __makeTemplateObject(["\n  justify-content: center;\n"], ["\n  justify-content: center;\n"])));
+var StyledOverlayHeading = styled__default.default.h3(templateObject_2$B || (templateObject_2$B = __makeTemplateObject(["\n  margin-bottom: 8px;\n"], ["\n  margin-bottom: 8px;\n"])));
 function useCameraStore(selector) {
   var store = React.useContext(CameraStoreContext);
   if (!store) throw new Error('useCameraStore cannot be used without Provider');
   return zustand.useStore(store, selector);
 }
-var templateObject_1$H, templateObject_2$A;
+var templateObject_1$J, templateObject_2$B;
 
 var DocumentDetectionModelContext = /*#__PURE__*/React.createContext({
   startDocumentDetection: function startDocumentDetection() {
@@ -5562,6 +5595,13 @@ function IdCaptureModelsProvider(_a) {
     props = __rest(_a, ["children"]);
   return /*#__PURE__*/React__namespace.default.createElement(DocumentDetectionModelProvider, _assign({}, props), /*#__PURE__*/React__namespace.default.createElement(FocusModelProvider, _assign({}, props), /*#__PURE__*/React__namespace.default.createElement(IdCaptureModelsProviderInner, _assign({}, props), children)));
 }
+function useIdCaptureModelsContext() {
+  var context = React.useContext(IdCaptureModelsContext);
+  if (!context) {
+    throw new Error('useIdCaptureModelsContext must be used within an IdCaptureModelsProvider');
+  }
+  return context;
+}
 
 var CapturedDocumentTypeValues = ['idCardFront', 'idCardBack', 'passport', 'singlePage', 'selfie'];
 
@@ -6021,12 +6061,12 @@ function DebugStatsPane(_a) {
   if (!portalLocation) return element;
   return /*#__PURE__*/reactDom.createPortal(element, portalLocation);
 }
-var DebugStatsPaneDiv = styled__default.default.span(templateObject_1$G || (templateObject_1$G = __makeTemplateObject(["\n  font-size: 16px;\n  font-family: monospace;\n  position: absolute;\n  left: 20px;\n  bottom: 20px;\n  margin-right: 20px;\n  padding: 8px;\n  color: limegreen;\n  background: rgba(0, 0, 0, 0.5);\n  z-index: 10002;\n"], ["\n  font-size: 16px;\n  font-family: monospace;\n  position: absolute;\n  left: 20px;\n  bottom: 20px;\n  margin-right: 20px;\n  padding: 8px;\n  color: limegreen;\n  background: rgba(0, 0, 0, 0.5);\n  z-index: 10002;\n"])));
-var ObjectDetectionDebugOverlayDiv = styled__default.default.div(templateObject_2$z || (templateObject_2$z = __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  transform-style: preserve-3d;\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  transform-style: preserve-3d;\n"])), function (_a) {
+var DebugStatsPaneDiv = styled__default.default.span(templateObject_1$I || (templateObject_1$I = __makeTemplateObject(["\n  font-size: 16px;\n  font-family: monospace;\n  position: absolute;\n  left: 20px;\n  bottom: 20px;\n  margin-right: 20px;\n  padding: 8px;\n  color: limegreen;\n  background: rgba(0, 0, 0, 0.5);\n  z-index: 10002;\n"], ["\n  font-size: 16px;\n  font-family: monospace;\n  position: absolute;\n  left: 20px;\n  bottom: 20px;\n  margin-right: 20px;\n  padding: 8px;\n  color: limegreen;\n  background: rgba(0, 0, 0, 0.5);\n  z-index: 10002;\n"])));
+var ObjectDetectionDebugOverlayDiv = styled__default.default.div(templateObject_2$A || (templateObject_2$A = __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  transform-style: preserve-3d;\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  transform-style: preserve-3d;\n"])), function (_a) {
   var $flipX = _a.$flipX;
   return $flipX ? 'transform: scaleX(-1);' : '';
 });
-var ObjectDetectionDebugBox = styled__default.default.div(templateObject_3$q || (templateObject_3$q = __makeTemplateObject(["\n  font: 10px monospace;\n  position: absolute;\n  border: 3px solid ", ";\n  color: ", ";\n  ", "\n  transform-style: preserve-3d;\n"], ["\n  font: 10px monospace;\n  position: absolute;\n  border: 3px solid ", ";\n  color: ", ";\n  ", "\n  transform-style: preserve-3d;\n"])), function (_a) {
+var ObjectDetectionDebugBox = styled__default.default.div(templateObject_3$r || (templateObject_3$r = __makeTemplateObject(["\n  font: 10px monospace;\n  position: absolute;\n  border: 3px solid ", ";\n  color: ", ";\n  ", "\n  transform-style: preserve-3d;\n"], ["\n  font: 10px monospace;\n  position: absolute;\n  border: 3px solid ", ";\n  color: ", ";\n  ", "\n  transform-style: preserve-3d;\n"])), function (_a) {
   var $color = _a.$color;
   return $color !== null && $color !== void 0 ? $color : 'green';
 }, function (_a) {
@@ -6036,7 +6076,7 @@ var ObjectDetectionDebugBox = styled__default.default.div(templateObject_3$q ||
   var $flipX = _a.$flipX;
   return $flipX ? 'transform: scaleX(-1);' : '';
 });
-var FaceDetectionKeypointMarker = styled__default.default.div(templateObject_4$k || (templateObject_4$k = __makeTemplateObject(["\n  position: absolute;\n  width: 4px;\n  height: 4px;\n  border: 2px solid ", ";\n  font: 10px monospace;\n  color: ", ";\n  border-radius: 50%;\n  ", "\n  transform-style: preserve-3d;\n"], ["\n  position: absolute;\n  width: 4px;\n  height: 4px;\n  border: 2px solid ", ";\n  font: 10px monospace;\n  color: ", ";\n  border-radius: 50%;\n  ", "\n  transform-style: preserve-3d;\n"])), function (_a) {
+var FaceDetectionKeypointMarker = styled__default.default.div(templateObject_4$l || (templateObject_4$l = __makeTemplateObject(["\n  position: absolute;\n  width: 4px;\n  height: 4px;\n  border: 2px solid ", ";\n  font: 10px monospace;\n  color: ", ";\n  border-radius: 50%;\n  ", "\n  transform-style: preserve-3d;\n"], ["\n  position: absolute;\n  width: 4px;\n  height: 4px;\n  border: 2px solid ", ";\n  font: 10px monospace;\n  color: ", ";\n  border-radius: 50%;\n  ", "\n  transform-style: preserve-3d;\n"])), function (_a) {
   var $color = _a.$color;
   return $color !== null && $color !== void 0 ? $color : 'red';
 }, function (_a) {
@@ -6227,9 +6267,9 @@ function SelfieCaptureFaceKeypoint(_a) {
     }
   });
 }
-var templateObject_1$G, templateObject_2$z, templateObject_3$q, templateObject_4$k;
+var templateObject_1$I, templateObject_2$A, templateObject_3$r, templateObject_4$l;
 
-var GuidanceMessageContainerDiv = styled__default.default.div(templateObject_1$F || (templateObject_1$F = __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$H || (templateObject_1$H = __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) {
@@ -6242,14 +6282,14 @@ var GuidanceMessageContainer = function GuidanceMessageContainer(props) {
   if (!portalLocation) return element;
   return /*#__PURE__*/reactDom.createPortal(element, portalLocation);
 };
-var GuidanceMessage = styled__default.default.div(templateObject_2$y || (templateObject_2$y = __makeTemplateObject(["\n  margin-left: auto;\n  margin-right: auto;\n  background: ", ";\n  color: ", ";\n  padding: 10px 12px 8px;\n  border-radius: 8px;\n  z-index: 10001;\n"], ["\n  margin-left: auto;\n  margin-right: auto;\n  background: ", ";\n  color: ", ";\n  padding: 10px 12px 8px;\n  border-radius: 8px;\n  z-index: 10001;\n"])), function (props) {
+var GuidanceMessage = styled__default.default.div(templateObject_2$z || (templateObject_2$z = __makeTemplateObject(["\n  margin-left: auto;\n  margin-right: auto;\n  background: ", ";\n  color: ", ";\n  padding: 10px 12px 8px;\n  border-radius: 8px;\n  z-index: 10001;\n"], ["\n  margin-left: auto;\n  margin-right: auto;\n  background: ", ";\n  color: ", ";\n  padding: 10px 12px 8px;\n  border-radius: 8px;\n  z-index: 10001;\n"])), function (props) {
   var _a, _b, _c, _d, _e, _f;
   return (_f = (_a = props.$background) !== 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.backgroundColor) !== null && _f !== void 0 ? _f : '#ccc';
 }, function (props) {
   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$F, templateObject_2$y;
+var templateObject_1$H, templateObject_2$z;
 
 function OverrideWrongDocumentTypeGuidanceDialog(_a) {
   var _b = _a.classNames,
@@ -6282,18 +6322,18 @@ function OverrideWrongDocumentTypeGuidanceDialog(_a) {
     }
   }, verbiage.buttonText))));
 }
-var Container$2 = styled__default.default.div(templateObject_1$E || (templateObject_1$E = __makeTemplateObject(["\n  position: fixed;\n  left: 0;\n  bottom: 0;\n  width: 100dvw;\n  background: ", ";\n  color: ", ";\n  display: flex;\n  z-index: 100001;\n"], ["\n  position: fixed;\n  left: 0;\n  bottom: 0;\n  width: 100dvw;\n  background: ", ";\n  color: ", ";\n  display: flex;\n  z-index: 100001;\n"])), function (props) {
+var Container$2 = styled__default.default.div(templateObject_1$G || (templateObject_1$G = __makeTemplateObject(["\n  position: fixed;\n  left: 0;\n  bottom: 0;\n  width: 100dvw;\n  background: ", ";\n  color: ", ";\n  display: flex;\n  z-index: 100001;\n"], ["\n  position: fixed;\n  left: 0;\n  bottom: 0;\n  width: 100dvw;\n  background: ", ";\n  color: ", ";\n  display: flex;\n  z-index: 100001;\n"])), function (props) {
   var _a, _b, _c;
   return (_c = (_b = (_a = props.theme.idCapture) === null || _a === void 0 ? void 0 : _a.overrideWrongDocumentTypeGuidance) === null || _b === void 0 ? void 0 : _b.backgroundColor) !== null && _c !== void 0 ? _c : '#eed202';
 }, function (props) {
   var _a, _b, _c;
   return (_c = (_b = (_a = props.theme.idCapture) === null || _a === void 0 ? void 0 : _a.overrideWrongDocumentTypeGuidance) === null || _b === void 0 ? void 0 : _b.textColor) !== null && _c !== void 0 ? _c : 'black';
 });
-var InnerContainer = styled__default.default.div(templateObject_2$x || (templateObject_2$x = __makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  padding: 16px 24px;\n  margin: auto 0;\n  width: 100%;\n"], ["\n  display: flex;\n  flex-direction: row;\n  padding: 16px 24px;\n  margin: auto 0;\n  width: 100%;\n"])));
-var Message = styled__default.default.span(templateObject_3$p || (templateObject_3$p = __makeTemplateObject(["\n  display: block;\n  margin: auto 12px auto 0;\n"], ["\n  display: block;\n  margin: auto 12px auto 0;\n"])));
-var ButtonContainer = styled__default.default.div(templateObject_4$j || (templateObject_4$j = __makeTemplateObject(["\n  display: flex;\n  margin-left: auto;\n"], ["\n  display: flex;\n  margin-left: auto;\n"])));
+var InnerContainer = styled__default.default.div(templateObject_2$y || (templateObject_2$y = __makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  padding: 16px 24px;\n  margin: auto 0;\n  width: 100%;\n"], ["\n  display: flex;\n  flex-direction: row;\n  padding: 16px 24px;\n  margin: auto 0;\n  width: 100%;\n"])));
+var Message = styled__default.default.span(templateObject_3$q || (templateObject_3$q = __makeTemplateObject(["\n  display: block;\n  margin: auto 12px auto 0;\n"], ["\n  display: block;\n  margin: auto 12px auto 0;\n"])));
+var ButtonContainer = styled__default.default.div(templateObject_4$k || (templateObject_4$k = __makeTemplateObject(["\n  display: flex;\n  margin-left: auto;\n"], ["\n  display: flex;\n  margin-left: auto;\n"])));
 var Button$1 = styled__default.default(LoaderButton)(templateObject_5$c || (templateObject_5$c = __makeTemplateObject(["\n  white-space: nowrap;\n  margin: auto;\n"], ["\n  white-space: nowrap;\n  margin: auto;\n"])));
-var templateObject_1$E, templateObject_2$x, templateObject_3$p, templateObject_4$j, templateObject_5$c;
+var templateObject_1$G, templateObject_2$y, templateObject_3$q, templateObject_4$k, templateObject_5$c;
 
 // This is a simplified version of https://github.com/ZeeCoder/use-resize-observer.
 // We have removed all options and made it compliant with React Compiler/React 19.
@@ -6615,13 +6655,13 @@ var CameraAccessDeniedOverlay = function CameraAccessDeniedOverlay(_a) {
     finished: true
   }, verbiage.retryBtnText)));
 };
-var StyledOverlayInner$3 = styled__default.default(OverlayInner$2)(templateObject_1$D || (templateObject_1$D = __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$3 = styled__default.default(OverlayImageContainer)(templateObject_2$w || (templateObject_2$w = __makeTemplateObject(["\n  flex-grow: 0;\n"], ["\n  flex-grow: 0;\n"])));
-var Description$4 = styled__default.default.p(templateObject_3$o || (templateObject_3$o = __makeTemplateObject(["\n  line-height: 1.5;\n  margin-bottom: 50px;\n"], ["\n  line-height: 1.5;\n  margin-bottom: 50px;\n"])));
-var RetryButton$1 = styled__default.default(LoaderButton)(templateObject_4$i || (templateObject_4$i = __makeTemplateObject(["\n  width: 200px;\n  margin: 0 auto;\n"], ["\n  width: 200px;\n  margin: 0 auto;\n"])));
-var templateObject_1$D, templateObject_2$w, templateObject_3$o, templateObject_4$i;
+var StyledOverlayInner$3 = styled__default.default(OverlayInner$2)(templateObject_1$F || (templateObject_1$F = __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$3 = styled__default.default(OverlayImageContainer)(templateObject_2$x || (templateObject_2$x = __makeTemplateObject(["\n  flex-grow: 0;\n"], ["\n  flex-grow: 0;\n"])));
+var Description$4 = styled__default.default.p(templateObject_3$p || (templateObject_3$p = __makeTemplateObject(["\n  line-height: 1.5;\n  margin-bottom: 50px;\n"], ["\n  line-height: 1.5;\n  margin-bottom: 50px;\n"])));
+var RetryButton$1 = styled__default.default(LoaderButton)(templateObject_4$j || (templateObject_4$j = __makeTemplateObject(["\n  width: 200px;\n  margin: 0 auto;\n"], ["\n  width: 200px;\n  margin: 0 auto;\n"])));
+var templateObject_1$F, templateObject_2$x, templateObject_3$p, templateObject_4$j;
 
-var ExitCaptureStyledButton = styled__default.default.button(templateObject_1$C || (templateObject_1$C = __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$E || (templateObject_1$E = __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;
@@ -6665,10 +6705,10 @@ var ExitCaptureButton = function ExitCaptureButton(_a) {
     y2: "19.75"
   }))));
 };
-var templateObject_1$C;
+var templateObject_1$E;
 
-var ButtonsRow = styled__default.default.div(templateObject_1$B || (templateObject_1$B = __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$B;
+var ButtonsRow = styled__default.default.div(templateObject_1$D || (templateObject_1$D = __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$D;
 
 function IdCaptureLoadingGraphic(props) {
   var isMobile = window.innerHeight > window.innerWidth;
@@ -7149,21 +7189,21 @@ function IdCaptureLoadingGraphicMobile(_a) {
     fill: "white"
   }))));
 }
-var LoadingGraphicWrapper = styled__default.default.div(templateObject_1$A || (templateObject_1$A = __makeTemplateObject(["\n  display: flex;\n  width: 100%;\n  height: 100%;\n"], ["\n  display: flex;\n  width: 100%;\n  height: 100%;\n"])));
-var LoadingGraphicSvg = styled__default.default.svg(templateObject_2$v || (templateObject_2$v = __makeTemplateObject(["\n  margin: auto;\n  transform: scale(\n    ", "\n  );\n  transform-style: preserve-3d;\n  transition:\n    transform 0.2s linear,\n    border-width 0.2s linear;\n  border: ", "px solid\n    ", ";\n"], ["\n  margin: auto;\n  transform: scale(\n    ", "\n  );\n  transform-style: preserve-3d;\n  transition:\n    transform 0.2s linear,\n    border-width 0.2s linear;\n  border: ", "px solid\n    ", ";\n"])), function (props) {
+var LoadingGraphicWrapper = styled__default.default.div(templateObject_1$C || (templateObject_1$C = __makeTemplateObject(["\n  display: flex;\n  width: 100%;\n  height: 100%;\n"], ["\n  display: flex;\n  width: 100%;\n  height: 100%;\n"])));
+var LoadingGraphicSvg = styled__default.default.svg(templateObject_2$w || (templateObject_2$w = __makeTemplateObject(["\n  margin: auto;\n  transform: scale(\n    ", "\n  );\n  transform-style: preserve-3d;\n  transition:\n    transform 0.2s linear,\n    border-width 0.2s linear;\n  border: ", "px solid\n    ", ";\n"], ["\n  margin: auto;\n  transform: scale(\n    ", "\n  );\n  transform-style: preserve-3d;\n  transition:\n    transform 0.2s linear,\n    border-width 0.2s linear;\n  border: ", "px solid\n    ", ";\n"])), function (props) {
   return props.$frame > 1 ? 1 : props.$frame === 1 ? 1.25 : 0.75;
 }, function (props) {
   return props.$frame >= 5 ? 10 : 0;
 }, function (props) {
   return props.$borderColor;
 });
-var LoadingGraphicCardGroup = styled__default.default.g(templateObject_3$n || (templateObject_3$n = __makeTemplateObject(["\n  transform: translate(", ", 0);\n  transform-style: preserve-3d;\n  transition: transform 0.3s linear;\n"], ["\n  transform: translate(", ", 0);\n  transform-style: preserve-3d;\n  transition: transform 0.3s linear;\n"])), function (props) {
+var LoadingGraphicCardGroup = styled__default.default.g(templateObject_3$o || (templateObject_3$o = __makeTemplateObject(["\n  transform: translate(", ", 0);\n  transform-style: preserve-3d;\n  transition: transform 0.3s linear;\n"], ["\n  transform: translate(", ", 0);\n  transform-style: preserve-3d;\n  transition: transform 0.3s linear;\n"])), function (props) {
   return props.$offScreen ? '-500px' : '0';
 });
-var LoadingGraphicPhoneGroup = styled__default.default.g(templateObject_4$h || (templateObject_4$h = __makeTemplateObject(["\n  transform: translate(", ", 0);\n  transform-style: preserve-3d;\n  transition: transform 0.3s linear;\n"], ["\n  transform: translate(", ", 0);\n  transform-style: preserve-3d;\n  transition: transform 0.3s linear;\n"])), function (props) {
+var LoadingGraphicPhoneGroup = styled__default.default.g(templateObject_4$i || (templateObject_4$i = __makeTemplateObject(["\n  transform: translate(", ", 0);\n  transform-style: preserve-3d;\n  transition: transform 0.3s linear;\n"], ["\n  transform: translate(", ", 0);\n  transform-style: preserve-3d;\n  transition: transform 0.3s linear;\n"])), function (props) {
   return props.$offScreen ? '40px' : '0';
 });
-var templateObject_1$A, templateObject_2$v, templateObject_3$n, templateObject_4$h;
+var templateObject_1$C, templateObject_2$w, templateObject_3$o, templateObject_4$i;
 
 function LoadingListItemIndicator(_a) {
   var _b = _a.state,
@@ -7214,34 +7254,42 @@ function LoadingListItemIndicator(_a) {
   }))))));
 }
 
+var wavesAnimation = styled.keyframes(templateObject_1$B || (templateObject_1$B = __makeTemplateObject(["\n    0% {\n        opacity: 0;\n        transform: scale3d(1, 1, 1);\n    }\n    80% {\n        opacity: 1;\n    }\n    100% {\n        transform: scale3d(2, 2, 1);\n        opacity: 0;\n    }\n"], ["\n    0% {\n        opacity: 0;\n        transform: scale3d(1, 1, 1);\n    }\n    80% {\n        opacity: 1;\n    }\n    100% {\n        transform: scale3d(2, 2, 1);\n        opacity: 0;\n    }\n"])));
+var progressBarAnimation = styled.keyframes(templateObject_2$v || (templateObject_2$v = __makeTemplateObject(["\n    0% {\n        width: 0;\n    }\n    100% {\n        width: 100%;\n    }\n"], ["\n    0% {\n        width: 0;\n    }\n    100% {\n        width: 100%;\n    }\n"])));
+var dualRingSpinnerAnimation = styled.keyframes(templateObject_3$n || (templateObject_3$n = __makeTemplateObject(["\n    0% {\n        transform: rotate(0deg);\n    }\n    100% {\n        transform: rotate(360deg);\n    }\n"], ["\n    0% {\n        transform: rotate(0deg);\n    }\n    100% {\n        transform: rotate(360deg);\n    }\n"])));
+var progressBorderAnimation = styled.keyframes(templateObject_4$h || (templateObject_4$h = __makeTemplateObject(["\n    to {\n        stroke-dashoffset: 0;\n    }\n"], ["\n    to {\n        stroke-dashoffset: 0;\n    }\n"])));
+var templateObject_1$B, templateObject_2$v, templateObject_3$n, templateObject_4$h;
+
 var legacyInstructionImageUrl$1 = "".concat(DEFAULT_CDN_URL, "/WebSDK-Instruction-DL-Capture-3-Portrait.png");
 var IdCaptureLoadingOverlayDefault = function IdCaptureLoadingOverlayDefault(_a) {
-  var _b, _c, _d, _e, _f, _g;
+  var _b, _c, _d, _e;
   var onDismissed = _a.onDismissed,
     onUserCancel = _a.onUserCancel,
     instructions = _a.instructions,
-    _h = _a.rotateImage,
-    rotateImage = _h === void 0 ? false : _h,
-    _j = _a.assets,
-    assets = _j === void 0 ? {} : _j,
-    _k = _a.classNames,
-    classNames = _k === void 0 ? {} : _k,
-    _l = _a.colors,
-    colors = _l === void 0 ? {} : _l,
-    _m = _a.verbiage,
-    rawVerbiage = _m === void 0 ? {} : _m,
+    _f = _a.rotateImage,
+    rotateImage = _f === void 0 ? false : _f,
+    _g = _a.assets,
+    assets = _g === void 0 ? {} : _g,
+    _h = _a.classNames,
+    classNames = _h === void 0 ? {} : _h,
+    _j = _a.colors,
+    colors = _j === void 0 ? {} : _j,
+    _k = _a.verbiage,
+    rawVerbiage = _k === void 0 ? {} : _k,
     customOverlayContent = _a.customOverlayContent;
-  var _o = React.useContext(IdCaptureModelsContext),
-    modelsReady = _o.ready,
-    modelDownloadProgress = _o.modelDownloadProgress;
-  var _p = useCameraStore(),
-    cameraReady = _p.cameraReady,
-    cameraAccessDenied = _p.cameraAccessDenied,
-    iphoneContinuityCameraAvailable = _p.iphoneContinuityCameraAvailable,
-    setIphoneContinuityCameraAllowed = _p.setIphoneContinuityCameraAllowed;
-  var _q = React.useState(false),
-    dismissed = _q[0],
-    setDismissed = _q[1];
+  var sessionCheckState = useAuthContext()[0].sessionCheckState;
+  var sessionReady = sessionCheckState === 'PASSED';
+  var _l = useIdCaptureModelsContext(),
+    modelsReady = _l.ready,
+    modelDownloadProgress = _l.modelDownloadProgress;
+  var _m = useCameraStore(),
+    cameraReady = _m.cameraReady,
+    cameraAccessDenied = _m.cameraAccessDenied,
+    iphoneContinuityCameraAvailable = _m.iphoneContinuityCameraAvailable,
+    setIphoneContinuityCameraAllowed = _m.setIphoneContinuityCameraAllowed;
+  var _o = React.useState(false),
+    dismissed = _o[0],
+    setDismissed = _o[1];
   assets.instructionImageUrl || (assets.instructionImageUrl = legacyInstructionImageUrl$1);
   var verbiage = useTranslations(rawVerbiage, {
     headingText: 'Use your device camera to capture your ID',
@@ -7251,19 +7299,21 @@ var IdCaptureLoadingOverlayDefault = function IdCaptureLoadingOverlayDefault(_a)
     modelsReadyText: 'Guided capture experience ready',
     cameraInitializingText: 'Camera initializing...',
     cameraInitializedText: 'Camera ready',
-    continueText: "Let's Go!"
+    continueText: "Let's Go!",
+    sessionCheckingText: 'Checking session...'
   });
+  var ready = sessionReady && modelsReady && cameraReady;
   React.useEffect(function () {
-    if (modelsReady && cameraReady) return function () {
+    if (ready) return function () {
       return null;
     };
     var t = setTimeout(function () {
-      setDismissed(false);
+      return setDismissed(false);
     }, 500);
     return function () {
-      clearTimeout(t);
+      return clearTimeout(t);
     };
-  }, [cameraReady, modelsReady]);
+  }, [ready]);
   var imageRef = React.useRef(null);
   if (dismissed) return /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null);
   if (cameraAccessDenied) {
@@ -7336,18 +7386,18 @@ var IdCaptureLoadingOverlayDefault = function IdCaptureLoadingOverlayDefault(_a)
   }, /*#__PURE__*/React__namespace.default.createElement(LoadingList$1, {
     className: classNames.loadingList
   }, /*#__PURE__*/React__namespace.default.createElement(LoadingListItem$1, {
-    className: "".concat((_f = classNames.loadingListItem) !== null && _f !== void 0 ? _f : '', " ").concat(cameraReady ? 'done' : 'running')
+    className: cn__default.default(classNames.loadingListItem, cameraReady ? 'done' : 'running')
   }, /*#__PURE__*/React__namespace.default.createElement(LoadingListItemIndicator, {
     className: classNames.loadingListItemIndicator,
     state: cameraReady ? 'done' : 'running'
   }), cameraReady ? verbiage.cameraInitializedText : verbiage.cameraInitializingText), /*#__PURE__*/React__namespace.default.createElement(LoadingListItem$1, {
-    className: "".concat((_g = classNames.loadingListItem) !== null && _g !== void 0 ? _g : '', " ").concat(modelsReady ? 'done' : 'running')
+    className: cn__default.default(classNames.loadingListItem, sessionReady && modelsReady ? 'done' : 'running')
   }, /*#__PURE__*/React__namespace.default.createElement(LoadingListItemIndicator, {
     className: classNames.loadingListItemIndicator,
-    state: modelsReady ? 'done' : 'running'
-  }), modelsReady ? verbiage.modelsReadyText : modelDownloadProgress >= 100 ? verbiage.modelsWarmingUpText : "".concat(verbiage.downloadingText, " (").concat(modelDownloadProgress, "%)")))), /*#__PURE__*/React__namespace.default.createElement(ContinueButtonContainer$1, {
+    state: sessionReady && modelsReady ? 'done' : 'running'
+  }), !sessionReady ? verbiage.sessionCheckingText : modelsReady ? verbiage.modelsReadyText : modelDownloadProgress >= 100 ? verbiage.modelsWarmingUpText : "".concat(verbiage.downloadingText, " (").concat(modelDownloadProgress, "%)")))), /*#__PURE__*/React__namespace.default.createElement(ContinueButtonContainer$1, {
     className: classNames.continueBtnContainer
-  }, modelsReady && cameraReady && ( /*#__PURE__*/React__namespace.default.createElement(ContinueButton$1, {
+  }, ready && ( /*#__PURE__*/React__namespace.default.createElement(ContinueButton$1, {
     autoFocus: true,
     finished: true,
     className: classNames.continueBtn,
@@ -7359,7 +7409,7 @@ var IdCaptureLoadingOverlayDefault = function IdCaptureLoadingOverlayDefault(_a)
     }
   }, verbiage.continueText))))));
 };
-var OverlayInner$1 = styled__default.default.div(templateObject_1$z || (templateObject_1$z = __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$A || (templateObject_1$A = __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) {
@@ -7414,9 +7464,9 @@ var ContinueButton$1 = styled__default.default(LoaderButton)(templateObject_18 |
   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$z, templateObject_2$u, templateObject_3$m, templateObject_4$g, templateObject_5$b, templateObject_6$9, templateObject_7$6, templateObject_8$3, templateObject_9$3, templateObject_10$2, templateObject_11$2, templateObject_12$2, templateObject_13$2, templateObject_14$1, templateObject_15$1, templateObject_16, templateObject_17, templateObject_18;
+var templateObject_1$A, templateObject_2$u, templateObject_3$m, templateObject_4$g, templateObject_5$b, templateObject_6$9, templateObject_7$6, templateObject_8$3, templateObject_9$3, templateObject_10$2, templateObject_11$2, templateObject_12$2, templateObject_13$2, templateObject_14$1, templateObject_15$1, templateObject_16, templateObject_17, templateObject_18;
 
-var ContinuityCameraCheckboxContainer = styled__default.default.div(templateObject_1$y || (templateObject_1$y = __makeTemplateObject(["\n  margin-top: 15px;\n  margin-bottom: 15px;\n"], ["\n  margin-top: 15px;\n  margin-bottom: 15px;\n"])));
+var ContinuityCameraCheckboxContainer = styled__default.default.div(templateObject_1$z || (templateObject_1$z = __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$t || (templateObject_2$t = __makeTemplateObject(["\n  margin-right: 8px;\n"], ["\n  margin-right: 8px;\n"])));
 var IdCaptureLoadingOverlayLegacy = function IdCaptureLoadingOverlayLegacy(_a) {
   var _b, _c, _d, _e;
@@ -7433,7 +7483,9 @@ var IdCaptureLoadingOverlayLegacy = function IdCaptureLoadingOverlayLegacy(_a) {
     colors = _j === void 0 ? {} : _j,
     _k = _a.verbiage,
     rawVerbiage = _k === void 0 ? {} : _k;
-  var _l = React.useContext(IdCaptureModelsContext),
+  var sessionCheckState = useAuthContext()[0].sessionCheckState;
+  var sessionReady = sessionCheckState === 'PASSED';
+  var _l = useIdCaptureModelsContext(),
     modelsReady = _l.ready,
     modelDownloadProgress = _l.modelDownloadProgress;
   var _m = useCameraStore(shallow.useShallow(function (state) {
@@ -7460,17 +7512,18 @@ var IdCaptureLoadingOverlayLegacy = function IdCaptureLoadingOverlayLegacy(_a) {
     cameraInitializingText: 'Camera initializing...',
     continueText: 'Continue'
   });
+  var ready = sessionReady && modelsReady && cameraReady;
   React.useEffect(function () {
-    if (modelsReady && cameraReady) return function () {
+    if (ready) return function () {
       return null;
     };
     var t = setTimeout(function () {
-      setDismissed(false);
+      return setDismissed(false);
     }, 500);
     return function () {
-      clearTimeout(t);
+      return clearTimeout(t);
     };
-  }, [cameraReady, modelsReady]);
+  }, [ready]);
   var imageRef = React.useRef(null);
   if (dismissed) return /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null);
   if (cameraAccessDenied) {
@@ -7526,16 +7579,16 @@ var IdCaptureLoadingOverlayLegacy = function IdCaptureLoadingOverlayLegacy(_a) {
   }, verbiage.useContinuityCameraText)))), /*#__PURE__*/React__namespace.default.createElement(LoaderButton, {
     className: classNames.continueBtn,
     variant: "positive",
-    disabled: !cameraReady || !modelsReady,
-    finished: modelsReady && cameraReady,
+    disabled: !ready,
+    finished: ready,
     colors: colors.continueBtn,
     onClick: function onClick() {
       setDismissed(true);
       onDismissed === null || onDismissed === void 0 ? void 0 : onDismissed();
     }
-  }, cameraReady && modelsReady ? verbiage.continueText : modelsReady ? verbiage.cameraInitializingText : modelDownloadProgress >= 100 ? verbiage.modelsWarmingUpText : "".concat(verbiage.downloadingText, " (").concat(modelDownloadProgress, "%)"))));
+  }, ready ? verbiage.continueText : modelsReady ? verbiage.cameraInitializingText : modelDownloadProgress >= 100 ? verbiage.modelsWarmingUpText : "".concat(verbiage.downloadingText, " (").concat(modelDownloadProgress, "%)"))));
 };
-var templateObject_1$y, templateObject_2$t;
+var templateObject_1$z, templateObject_2$t;
 
 var components$1 = {
   "default": IdCaptureLoadingOverlayDefault,
@@ -7593,9 +7646,9 @@ var CapturedDocumentImg = function CapturedDocumentImg(_a) {
   });
 };
 
-var Card = styled__default.default.div(templateObject_1$x || (templateObject_1$x = __makeTemplateObject(["\n  background: white;\n  border-radius: 8px;\n  padding: 24px;\n  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);\n  margin: auto;\n  max-width: min(500px, 100dvw - 48px);\n  max-height: 100%;\n  overflow: auto;\n  box-sizing: border-box;\n"], ["\n  background: white;\n  border-radius: 8px;\n  padding: 24px;\n  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);\n  margin: auto;\n  max-width: min(500px, 100dvw - 48px);\n  max-height: 100%;\n  overflow: auto;\n  box-sizing: border-box;\n"])));
+var Card = styled__default.default.div(templateObject_1$y || (templateObject_1$y = __makeTemplateObject(["\n  background: white;\n  border-radius: 8px;\n  padding: 24px;\n  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);\n  margin: auto;\n  max-width: min(500px, 100dvw - 48px);\n  max-height: 100%;\n  overflow: auto;\n  box-sizing: border-box;\n"], ["\n  background: white;\n  border-radius: 8px;\n  padding: 24px;\n  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);\n  margin: auto;\n  max-width: min(500px, 100dvw - 48px);\n  max-height: 100%;\n  overflow: auto;\n  box-sizing: border-box;\n"])));
 var FlexCard = styled__default.default(Card)(templateObject_2$s || (templateObject_2$s = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n"], ["\n  display: flex;\n  flex-direction: column;\n"])));
-var templateObject_1$x, templateObject_2$s;
+var templateObject_1$y, templateObject_2$s;
 
 var IdCaptureSuccess = function IdCaptureSuccess(_a) {
   var capturedDocuments = _a.capturedDocuments,
@@ -7654,13 +7707,13 @@ var IdCaptureSuccess = function IdCaptureSuccess(_a) {
     finished: true
   }, verbiage.retryText)))));
 };
-var Heading$a = styled__default.default.h1(templateObject_1$w || (templateObject_1$w = __makeTemplateObject(["\n  font-size: 1.5rem;\n  margin-top: 0;\n  margin-bottom: 1.5rem;\n"], ["\n  font-size: 1.5rem;\n  margin-top: 0;\n  margin-bottom: 1.5rem;\n"])));
+var Heading$a = styled__default.default.h1(templateObject_1$x || (templateObject_1$x = __makeTemplateObject(["\n  font-size: 1.5rem;\n  margin-top: 0;\n  margin-bottom: 1.5rem;\n"], ["\n  font-size: 1.5rem;\n  margin-top: 0;\n  margin-bottom: 1.5rem;\n"])));
 var ImagesContainer = styled__default.default(OverlayImageContainer)(templateObject_2$r || (templateObject_2$r = __makeTemplateObject(["\n  flex-grow: 1;\n  overflow-y: auto;\n  padding-bottom: 0;\n  max-width: 100%;\n"], ["\n  flex-grow: 1;\n  overflow-y: auto;\n  padding-bottom: 0;\n  max-width: 100%;\n"])));
 var ImageRow = styled__default.default(OverlayImageRow)(templateObject_3$l || (templateObject_3$l = __makeTemplateObject(["\n  max-width: 100%;\n  flex-direction: column;\n  display: grid;\n  grid-gap: 12px;\n"], ["\n  max-width: 100%;\n  flex-direction: column;\n  display: grid;\n  grid-gap: 12px;\n"])));
 var ImageCol$1 = styled__default.default.div(templateObject_4$f || (templateObject_4$f = __makeTemplateObject(["\n  width: 100%;\n  max-height: none !important;\n"], ["\n  width: 100%;\n  max-height: none !important;\n"])));
 var StyledImage = styled__default.default(CapturedDocumentImg)(templateObject_5$a || (templateObject_5$a = __makeTemplateObject(["\n  width: 100%;\n  border-radius: 12px;\n"], ["\n  width: 100%;\n  border-radius: 12px;\n"])));
 var DebugPre = styled__default.default.pre(templateObject_6$8 || (templateObject_6$8 = __makeTemplateObject(["\n  text-align: left;\n  max-width: min(450px, 100dvw - 100px);\n  overflow-x: auto;\n"], ["\n  text-align: left;\n  max-width: min(450px, 100dvw - 100px);\n  overflow-x: auto;\n"])));
-var templateObject_1$w, templateObject_2$r, templateObject_3$l, templateObject_4$f, templateObject_5$a, templateObject_6$8;
+var templateObject_1$x, templateObject_2$r, templateObject_3$l, templateObject_4$f, templateObject_5$a, templateObject_6$8;
 
 function useShowSuccessScreen(skipSuccessScreen, successScreenReady, onDoneCallback) {
   var _this = this;
@@ -7712,7 +7765,7 @@ function resetCanvasDimensions(canvas) {
   canvas.style.height = '0';
 }
 
-var IdCardGuideImageContainer = styled__default.default(IdCardBorder)(templateObject_1$v || (templateObject_1$v = __makeTemplateObject(["\n  position: relative;\n  ", "\n  box-sizing: border-box;\n"], ["\n  position: relative;\n  ", "\n  box-sizing: border-box;\n"])), function (props) {
+var IdCardGuideImageContainer = styled__default.default(IdCardBorder)(templateObject_1$w || (templateObject_1$w = __makeTemplateObject(["\n  position: relative;\n  ", "\n  box-sizing: border-box;\n"], ["\n  position: relative;\n  ", "\n  box-sizing: border-box;\n"])), function (props) {
   return props.$isVisible ? '' : 'opacity: 0;';
 });
 var IdCardGuideImage = styled__default.default.img(templateObject_2$q || (templateObject_2$q = __makeTemplateObject(["\n  transform-style: preserve-3d;\n  ", "\n  ", "\n"], ["\n  transform-style: preserve-3d;\n  ", "\n  ", "\n"])), function (props) {
@@ -7868,7 +7921,7 @@ var IdCardBorderRect = styled__default.default.rect(templateObject_5$9 || (templ
   var _a;
   return (_a = props.$fillMode) !== null && _a !== void 0 ? _a : 'forwards';
 });
-var templateObject_1$v, templateObject_2$q, templateObject_3$k, templateObject_4$e, templateObject_5$9;
+var templateObject_1$w, templateObject_2$q, templateObject_3$k, templateObject_4$e, templateObject_5$9;
 
 var defaultIdCaptureGuideImages = {
   portrait: {
@@ -8044,12 +8097,12 @@ var IdVideoCaptureFlipIdPrompt = function IdVideoCaptureFlipIdPrompt(_a) {
     style: imageStyle
   })));
 };
-var FlipImageContainer = styled__default.default(IdCardGuideImageContainer)(templateObject_1$u || (templateObject_1$u = __makeTemplateObject(["\n  backface-visibility: hidden;\n  transition: transform ", "s;\n  transform: ", ";\n  transform-style: preserve-3d;\n  position: absolute;\n  display: block;\n  top: 0;\n  width: 100%;\n  max-height: 100%;\n"], ["\n  backface-visibility: hidden;\n  transition: transform ", "s;\n  transform: ", ";\n  transform-style: preserve-3d;\n  position: absolute;\n  display: block;\n  top: 0;\n  width: 100%;\n  max-height: 100%;\n"])), function (props) {
+var FlipImageContainer = styled__default.default(IdCardGuideImageContainer)(templateObject_1$v || (templateObject_1$v = __makeTemplateObject(["\n  backface-visibility: hidden;\n  transition: transform ", "s;\n  transform: ", ";\n  transform-style: preserve-3d;\n  position: absolute;\n  display: block;\n  top: 0;\n  width: 100%;\n  max-height: 100%;\n"], ["\n  backface-visibility: hidden;\n  transition: transform ", "s;\n  transform: ", ";\n  transform-style: preserve-3d;\n  position: absolute;\n  display: block;\n  top: 0;\n  width: 100%;\n  max-height: 100%;\n"])), function (props) {
   return props.$transitionTime;
 }, function (props) {
   return props.$transforms;
 });
-var templateObject_1$u;
+var templateObject_1$v;
 
 var GuideOrientationContext = /*#__PURE__*/React.createContext({
   orientation: 'landscape',
@@ -8336,7 +8389,7 @@ var regionClsx = function regionClsx(classNames, which) {
     return v;
   }).join(' ');
 };
-var StyledPageContainer = styled__default.default(PageContainerDiv)(templateObject_1$t || (templateObject_1$t = __makeTemplateObject(["\n  z-index: 1000;\n  overflow-y: hidden;\n"], ["\n  z-index: 1000;\n  overflow-y: hidden;\n"])));
+var StyledPageContainer = styled__default.default(PageContainerDiv)(templateObject_1$u || (templateObject_1$u = __makeTemplateObject(["\n  z-index: 1000;\n  overflow-y: hidden;\n"], ["\n  z-index: 1000;\n  overflow-y: hidden;\n"])));
 var GuidesContainer = styled__default.default.div(templateObject_2$p || (templateObject_2$p = __makeTemplateObject(["\n  display: flex;\n  flex-flow: column nowrap;\n  width: 100dvw;\n  height: 100dvh;\n"], ["\n  display: flex;\n  flex-flow: column nowrap;\n  width: 100dvw;\n  height: 100dvh;\n"])));
 var GuideCenterRow = styled__default.default.div(templateObject_3$j || (templateObject_3$j = __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  min-height: 0;\n  flex: 1;\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  min-height: 0;\n  flex: 1;\n"])));
 var GuideRegion = styled__default.default.div(templateObject_4$d || (templateObject_4$d = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  justify-content: end;\n  width: 100%;\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  position: relative;\n  z-index: 1000;\n  background: ", ";\n  color: ", ";\n  text-align: center;\n  ", "\n  ", "\n"])), function (props) {
@@ -8364,7 +8417,7 @@ var GuideCenterBorder = styled__default.default.div(templateObject_7$5 || (templ
 });
 var GuideText = styled__default.default.span(templateObject_8$2 || (templateObject_8$2 = __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 GuideCenterInner = styled__default.default.div(templateObject_9$2 || (templateObject_9$2 = __makeTemplateObject(["\n  position: relative;\n  margin: auto;\n"], ["\n  position: relative;\n  margin: auto;\n"])));
-var templateObject_1$t, templateObject_2$p, templateObject_3$j, templateObject_4$d, templateObject_5$8, templateObject_6$7, templateObject_7$5, templateObject_8$2, templateObject_9$2;
+var templateObject_1$u, templateObject_2$p, templateObject_3$j, templateObject_4$d, templateObject_5$8, templateObject_6$7, templateObject_7$5, templateObject_8$2, templateObject_9$2;
 
 var IdCaptureFitGuide = function IdCaptureFitGuide(_a) {
   var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
@@ -8505,11 +8558,11 @@ var IdCaptureFitGuide = function IdCaptureFitGuide(_a) {
     progress: progress
   }));
 };
-var CanvasWrapper$1 = styled__default.default.div(templateObject_1$s || (templateObject_1$s = __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$t || (templateObject_1$t = __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$o || (templateObject_2$o = __makeTemplateObject(["\n  display: block;\n"], ["\n  display: block;\n"])));
-var templateObject_1$s, templateObject_2$o;
+var templateObject_1$t, templateObject_2$o;
 
 function IdCaptureGuides(_a) {
   var _b = _a.guideType,
@@ -8565,6 +8618,33 @@ function IdCaptureGuides(_a) {
   })));
 }
 
+var Spinner = styled__default.default.div(templateObject_1$s || (templateObject_1$s = __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: ", " 1.2s linear infinite;\n    box-sizing: content-box;\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: ", " 1.2s linear infinite;\n    box-sizing: content-box;\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';
+}, dualRingSpinnerAnimation);
+var templateObject_1$s;
+
 var IdCaptureImagePreview = function IdCaptureImagePreview(_a) {
   var _b = _a.classNames,
     classNames = _b === void 0 ? {} : _b,
@@ -11236,6 +11316,13 @@ function SelfieGuidanceModelsProvider(_a) {
     ref: canvasRef
   }), children);
 }
+function useSelfieGuidanceModelsContext() {
+  var context = React__namespace.useContext(SelfieGuidanceModelsContext);
+  if (!context) {
+    throw new Error('useSelfieGuidanceModelsContext must be used within a SelfieGuidanceModelsProvider');
+  }
+  return context;
+}
 
 var useTimeout = function useTimeout(durationMs, onTimeout, timeoutAverted, shouldWaitLonger, shouldStart) {
   if (shouldStart === void 0) {
@@ -12111,6 +12198,8 @@ var SelfieCaptureLoadingOverlayLegacy = function SelfieCaptureLoadingOverlayLega
     colors = _e === void 0 ? {} : _e,
     _f = _a.verbiage,
     rawVerbiage = _f === void 0 ? {} : _f;
+  var sessionCheckState = useAuthContext()[0].sessionCheckState;
+  var sessionReady = sessionCheckState === 'PASSED';
   var _g = useCameraStore(shallow.useShallow(function (state) {
       return {
         cameraReady: state.cameraReady,
@@ -12121,7 +12210,7 @@ var SelfieCaptureLoadingOverlayLegacy = function SelfieCaptureLoadingOverlayLega
     cameraReady = _g.cameraReady,
     cameraAccessDenied = _g.cameraAccessDenied,
     microphoneAccessDenied = _g.microphoneAccessDenied;
-  var _h = React.useContext(SelfieGuidanceModelsContext),
+  var _h = useSelfieGuidanceModelsContext(),
     modelsReady = _h.ready,
     modelDownloadProgress = _h.modelDownloadProgress;
   var idCaptureModelsContext = React.useContext(IdCaptureModelsContext);
@@ -12156,6 +12245,7 @@ var SelfieCaptureLoadingOverlayLegacy = function SelfieCaptureLoadingOverlayLega
     });
   }
   var allModelsReady = modelsReady && (!waitForIdCaptureModels || (idCaptureModelsContext === null || idCaptureModelsContext === void 0 ? void 0 : idCaptureModelsContext.ready));
+  var ready = sessionReady && allModelsReady && cameraReady;
   return /*#__PURE__*/React__namespace.default.createElement(OverlayContainer, {
     className: classNames.container
   }, /*#__PURE__*/React__namespace.default.createElement(OverlayInner$2, {
@@ -12175,15 +12265,15 @@ var SelfieCaptureLoadingOverlayLegacy = function SelfieCaptureLoadingOverlayLega
     className: classNames.buttonsRow
   }, /*#__PURE__*/React__namespace.default.createElement(LoaderButton, {
     variant: "positive",
-    disabled: !cameraReady || !allModelsReady,
-    finished: cameraReady && allModelsReady,
+    disabled: !ready,
+    finished: ready,
     className: classNames.continueBtn,
     colors: colors.continueBtn,
     onClick: function onClick() {
       setDismissed(true);
       onDismissed === null || onDismissed === void 0 ? void 0 : onDismissed();
     }
-  }, cameraReady && allModelsReady ? verbiage.continueText : allModelsReady ? verbiage.cameraInitializingText : modelDownloadProgress >= 100 ? "".concat(verbiage.modelsWarmingUpText) : "".concat(verbiage.downloadingText, " (").concat(modelDownloadProgress, "%)")))));
+  }, ready ? verbiage.continueText : allModelsReady ? verbiage.cameraInitializingText : modelDownloadProgress >= 100 ? "".concat(verbiage.modelsWarmingUpText) : "".concat(verbiage.downloadingText, " (").concat(modelDownloadProgress, "%)")))));
 };
 var StyledGuidanceMessage$1 = styled__default.default(GuidanceMessage)(templateObject_1$e || (templateObject_1$e = __makeTemplateObject(["\n  padding: 12px 24px;\n  font-weight: normal;\n  line-height: 1.5;\n  margin-bottom: -30px;\n"], ["\n  padding: 12px 24px;\n  font-weight: normal;\n  line-height: 1.5;\n  margin-bottom: -30px;\n"])));
 var StyledButtonsRow$6 = styled__default.default(ButtonsRow)(templateObject_2$c || (templateObject_2$c = __makeTemplateObject(["\n  flex-direction: column;\n  padding-top: 25px;\n"], ["\n  flex-direction: column;\n  padding-top: 25px;\n"])));
@@ -12211,6 +12301,8 @@ var SelfieCaptureLoadingOverlayDefault = function SelfieCaptureLoadingOverlayDef
     colors = _e === void 0 ? {} : _e,
     _f = _a.verbiage,
     rawVerbiage = _f === void 0 ? {} : _f;
+  var sessionCheckState = useAuthContext()[0].sessionCheckState;
+  var sessionReady = sessionCheckState === 'PASSED';
   var _g = useCameraStore(shallow.useShallow(function (state) {
       return {
         cameraReady: state.cameraReady,
@@ -12221,7 +12313,7 @@ var SelfieCaptureLoadingOverlayDefault = function SelfieCaptureLoadingOverlayDef
     cameraReady = _g.cameraReady,
     cameraAccessDenied = _g.cameraAccessDenied,
     microphoneAccessDenied = _g.microphoneAccessDenied;
-  var _h = React.useContext(SelfieGuidanceModelsContext),
+  var _h = useSelfieGuidanceModelsContext(),
     modelsReady = _h.ready,
     modelDownloadProgress = _h.modelDownloadProgress;
   var idCaptureModelsContext = React.useContext(IdCaptureModelsContext);
@@ -12234,7 +12326,8 @@ var SelfieCaptureLoadingOverlayDefault = function SelfieCaptureLoadingOverlayDef
     cameraInitializedText: 'Camera ready',
     downloadingText: 'Downloading...',
     modelsWarmingUpText: 'Loading guided capture experience...',
-    modelsReadyText: 'Guided capture experience ready'
+    modelsReadyText: 'Guided capture experience ready',
+    sessionCheckingText: 'Checking session...'
   });
   var _j = React.useState(0),
     headingTextIndex = _j[0],
@@ -12268,6 +12361,7 @@ var SelfieCaptureLoadingOverlayDefault = function SelfieCaptureLoadingOverlayDef
     });
   }
   var allModelsReady = modelsReady && (!waitForIdCaptureModels || (idCaptureModelsContext === null || idCaptureModelsContext === void 0 ? void 0 : idCaptureModelsContext.ready));
+  var ready = sessionReady && allModelsReady && cameraReady;
   return /*#__PURE__*/React__namespace.default.createElement(OverlayContainer, {
     className: classNames.container
   }, /*#__PURE__*/React__namespace.default.createElement(OverlayInner, {
@@ -12303,18 +12397,18 @@ var SelfieCaptureLoadingOverlayDefault = function SelfieCaptureLoadingOverlayDef
   }, /*#__PURE__*/React__namespace.default.createElement(LoadingList, {
     className: classNames.loadingList
   }, /*#__PURE__*/React__namespace.default.createElement(LoadingListItem, {
-    className: "".concat(classNames.loadingListItem, " ").concat(cameraReady ? 'done' : 'running')
+    className: cn__default.default(classNames.loadingListItem, cameraReady ? 'done' : 'running')
   }, /*#__PURE__*/React__namespace.default.createElement(LoadingListItemIndicator, {
     className: classNames.loadingListItemIndicator,
     state: cameraReady ? 'done' : 'running'
   }), cameraReady ? verbiage.cameraInitializedText : verbiage.cameraInitializingText), /*#__PURE__*/React__namespace.default.createElement(LoadingListItem, {
-    className: "".concat(classNames.loadingListItem, " ").concat(allModelsReady ? 'done' : 'running')
+    className: cn__default.default(classNames.loadingListItem, sessionReady && allModelsReady ? 'done' : 'running')
   }, /*#__PURE__*/React__namespace.default.createElement(LoadingListItemIndicator, {
     className: classNames.loadingListItemIndicator,
-    state: allModelsReady ? 'done' : 'running'
-  }), allModelsReady ? verbiage.modelsReadyText : modelDownloadProgress >= 100 ? verbiage.modelsWarmingUpText : "".concat(verbiage.downloadingText, " (").concat(modelDownloadProgress, "%)")))), /*#__PURE__*/React__namespace.default.createElement(ContinueButtonContainer, {
+    state: sessionReady && allModelsReady ? 'done' : 'running'
+  }), !sessionReady ? verbiage.sessionCheckingText : !allModelsReady ? verbiage.modelsReadyText : modelDownloadProgress >= 100 ? verbiage.modelsWarmingUpText : "".concat(verbiage.downloadingText, " (").concat(modelDownloadProgress, "%)")))), /*#__PURE__*/React__namespace.default.createElement(ContinueButtonContainer, {
     className: classNames.continueBtnContainer
-  }, allModelsReady && cameraReady && ( /*#__PURE__*/React__namespace.default.createElement(ContinueButton, {
+  }, ready && ( /*#__PURE__*/React__namespace.default.createElement(ContinueButton, {
     autoFocus: true,
     finished: true,
     className: classNames.continueBtn,