idmission-web-sdk 2.2.165 → 2.2.167

package/dist/sdk2.esm.js

@@ -2,7 +2,7 @@ import * as React from 'react';
 import React__default, { forwardRef, useState, useEffect, useRef, useContext, createContext, useReducer, useCallback, useMemo, useLayoutEffect } from 'react';
 import * as ReactDOM from 'react-dom/client';
 import platform from 'platform';
-import styled, { keyframes, useTheme, ThemeProvider as ThemeProvider$1 } from 'styled-components';
+import styled, { useTheme, keyframes, ThemeProvider as ThemeProvider$1 } from 'styled-components';
 import { useTranslation, initReactI18next } from 'react-i18next';
 import { Upload } from 'tus-js-client';
 import SparkMD5 from 'spark-md5';
@@ -14,6 +14,7 @@ import { useDebouncedCallback, useThrottledCallback } from 'use-debounce';
 import { devtools } from 'zustand/middleware';
 import { useShallow } from 'zustand/react/shallow';
 import { createPortal } from 'react-dom';
+import cn from 'clsx';
 import SignatureCanvas from 'react-signature-canvas';
 
 /******************************************************************************
@@ -203,7 +204,7 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
   return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
 };
 
-var webSdkVersion = '2.2.165';
+var webSdkVersion = '2.2.167';
 
 function getPlatform() {
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -740,39 +741,6 @@ var SessionValidationErrorOverlay = function SessionValidationErrorOverlay(_a) {
   }, retryText)))));
 };
 
-var wavesAnimation = 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 = 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 = 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 = 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.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";
@@ -1050,9 +1018,6 @@ function AuthProvider(_a) {
       }
     });
   }
-  if (state.sessionCheckState === 'READY' || state.sessionCheckState === 'RUNNING') return /*#__PURE__*/React__default.createElement(PageContainer, {
-    className: "flex"
-  }, /*#__PURE__*/React__default.createElement(Spinner, null));
   return /*#__PURE__*/React__default.createElement(AuthStateContext.Provider, {
     value: state
   }, /*#__PURE__*/React__default.createElement(AuthDispatchContext.Provider, {
@@ -2114,7 +2079,7 @@ function getFrameDimensions(frame) {
   return [frameWidth, frameHeight];
 }
 
-var InvisibleCanvas = styled.canvas(templateObject_1$I || (templateObject_1$I = __makeTemplateObject(["\n  display: none;\n"], ["\n  display: none;\n"])));
+var InvisibleCanvas = styled.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');
@@ -2134,7 +2099,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,6 +3528,7 @@ var es = {
   'English - en': 'Spanish - es',
   'Use your device camera to capture your ID': 'Hay que utilizar la cámara del dispositivo para capturar la identificación',
   'Use your iPhone as a webcam': 'Hay que usar el iPhone como cámara web',
+  'Authenticating...': 'Autenticando...',
   'Models warming up...': 'Preparando modelos...',
   'Camera initializing...': 'Inicializando la cámara...',
   'Camera access blocked': 'Acceso bloqueado a la cámara',
@@ -3690,6 +3656,7 @@ var de = {
   'English - en': 'German - de',
   'Use your device camera to capture your ID': 'Ihre Gerätekamera zur Aufnahme Ihres Ausweises verwenden',
   'Use your iPhone as a webcam': 'Ihr iPhone als Webcam verwenden',
+  'Authenticating...': 'Authentifizieren...',
   'Models warming up...': 'Modelle wärmen sich auf...',
   'Camera initializing...': 'Kamera wird initialisiert ...',
   'Camera access blocked': 'Kamerazugriff blockiert',
@@ -3817,6 +3784,7 @@ var fr = {
   'English - en': 'French - fr',
   'Use your device camera to capture your ID': 'Utilisez la caméra de votre appareil pour capturer votre ID',
   'Use your iPhone as a webcam': 'Utiliser votre iPhone comme Webcam',
+  'Authenticating...': 'Authentification en cours...',
   'Models warming up...': "Les modèles s'échauffent...",
   'Camera initializing...': 'Initialisation de la caméra...',
   'Camera access blocked': 'Accès à la caméra bloqué',
@@ -3944,6 +3912,7 @@ var it = {
   'English - en': 'Italian - it',
   'Use your device camera to capture your ID': 'Utilizzare la fotocamera del dispositivo per acquisire il documento',
   'Use your iPhone as a webcam': 'Utilizza iPhone come webcam',
+  'Authenticating...': 'Autenticazione in corso...',
   'Models warming up...': 'Riscaldamento modelli...',
   'Camera initializing...': 'Inizializzazione fotocamera...',
   'Camera access blocked': 'Accesso alla fotocamera bloccato',
@@ -4071,6 +4040,7 @@ var ja = {
   'English - en': 'Japanese - ja',
   'Use your device camera to capture your ID': 'デバイスのカメラを使用して身分証を撮影してください',
   'Use your iPhone as a webcam': 'iPhoneをウェブカムとして使用',
+  'Authenticating...': '認証中…',
   'Models warming up...': 'モデルをウォームアップ中…',
   'Camera initializing...': 'カメラを初期化中…',
   'Camera access blocked': 'カメラへのアクセスがブロックされました',
@@ -4198,6 +4168,7 @@ var pt = {
   'English - en': 'Portuguese (Brazil) - pt',
   'Use your device camera to capture your ID': 'Usar a câmera do dispositivo para fotografar sua identidade',
   'Use your iPhone as a webcam': 'Use seu iPhone como uma câmera Web',
+  'Authenticating...': 'Autenticando...',
   'Models warming up...': 'Modelos aquecendo...',
   'Camera initializing...': 'Câmera inicializando...',
   'Camera access blocked': 'Acesso à câmera bloqueado',
@@ -4325,6 +4296,7 @@ var ru = {
   'English - en': 'Russian - ru',
   'Use your device camera to capture your ID': 'Используйте камеру вашего устройства для съемки удостоверения личности',
   'Use your iPhone as a webcam': 'Используйте iPhone в качестве веб-камеры',
+  'Authenticating...': 'Аутентификация...',
   'Models warming up...': 'Модели разогреваются…',
   'Camera initializing...': 'Камера инициализируется…',
   'Camera access blocked': 'Доступ к камере заблокирован',
@@ -4452,6 +4424,7 @@ var zh = {
   'English - en': 'Chinese (Traditional) - zh',
   'Use your device camera to capture your ID': '使用裝置相機拍攝證件',
   'Use your iPhone as a webcam': '將 iPhone 當作網路攝影機使用',
+  'Authenticating...': '正在驗證...',
   'Models warming up...': '正在暖機...',
   'Camera initializing...': '相機正在初始化...',
   'Camera access blocked': '相機存取遭封鎖',
@@ -5093,14 +5066,14 @@ function CameraTamperSeal(_a) {
     className: classNames.message
   }, messageText)));
 }
-var StyledOverlayInner$4 = styled(OverlayInner$2)(templateObject_1$H || (templateObject_1$H = __makeTemplateObject(["\n  justify-content: center;\n"], ["\n  justify-content: center;\n"])));
-var StyledOverlayHeading = styled.h3(templateObject_2$A || (templateObject_2$A = __makeTemplateObject(["\n  margin-bottom: 8px;\n"], ["\n  margin-bottom: 8px;\n"])));
+var StyledOverlayInner$4 = styled(OverlayInner$2)(templateObject_1$J || (templateObject_1$J = __makeTemplateObject(["\n  justify-content: center;\n"], ["\n  justify-content: center;\n"])));
+var StyledOverlayHeading = styled.h3(templateObject_2$B || (templateObject_2$B = __makeTemplateObject(["\n  margin-bottom: 8px;\n"], ["\n  margin-bottom: 8px;\n"])));
 function useCameraStore(selector) {
   var store = useContext(CameraStoreContext);
   if (!store) throw new Error('useCameraStore cannot be used without Provider');
   return useStore(store, selector);
 }
-var templateObject_1$H, templateObject_2$A;
+var templateObject_1$J, templateObject_2$B;
 
 var DocumentDetectionModelContext = /*#__PURE__*/createContext({
   startDocumentDetection: function startDocumentDetection() {
@@ -5599,6 +5572,13 @@ function IdCaptureModelsProvider(_a) {
     props = __rest(_a, ["children"]);
   return /*#__PURE__*/React__default.createElement(DocumentDetectionModelProvider, _assign({}, props), /*#__PURE__*/React__default.createElement(FocusModelProvider, _assign({}, props), /*#__PURE__*/React__default.createElement(IdCaptureModelsProviderInner, _assign({}, props), children)));
 }
+function useIdCaptureModelsContext() {
+  var context = useContext(IdCaptureModelsContext);
+  if (!context) {
+    throw new Error('useIdCaptureModelsContext must be used within an IdCaptureModelsProvider');
+  }
+  return context;
+}
 
 var CapturedDocumentTypeValues = ['idCardFront', 'idCardBack', 'passport', 'singlePage', 'selfie'];
 
@@ -6058,12 +6038,12 @@ function DebugStatsPane(_a) {
   if (!portalLocation) return element;
   return /*#__PURE__*/createPortal(element, portalLocation);
 }
-var DebugStatsPaneDiv = styled.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.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.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.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.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.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) {
@@ -6073,7 +6053,7 @@ var ObjectDetectionDebugBox = styled.div(templateObject_3$q || (templateObject_3
   var $flipX = _a.$flipX;
   return $flipX ? 'transform: scaleX(-1);' : '';
 });
-var FaceDetectionKeypointMarker = styled.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.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) {
@@ -6264,9 +6244,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.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.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) {
@@ -6279,14 +6259,14 @@ var GuidanceMessageContainer = function GuidanceMessageContainer(props) {
   if (!portalLocation) return element;
   return /*#__PURE__*/createPortal(element, portalLocation);
 };
-var GuidanceMessage = styled.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.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,
@@ -6319,18 +6299,18 @@ function OverrideWrongDocumentTypeGuidanceDialog(_a) {
     }
   }, verbiage.buttonText))));
 }
-var Container$2 = styled.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.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.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.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.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.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.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.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(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.
@@ -6652,13 +6632,13 @@ var CameraAccessDeniedOverlay = function CameraAccessDeniedOverlay(_a) {
     finished: true
   }, verbiage.retryBtnText)));
 };
-var StyledOverlayInner$3 = styled(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(OverlayImageContainer)(templateObject_2$w || (templateObject_2$w = __makeTemplateObject(["\n  flex-grow: 0;\n"], ["\n  flex-grow: 0;\n"])));
-var Description$4 = styled.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(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(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(OverlayImageContainer)(templateObject_2$x || (templateObject_2$x = __makeTemplateObject(["\n  flex-grow: 0;\n"], ["\n  flex-grow: 0;\n"])));
+var Description$4 = styled.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(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.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.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;
@@ -6702,10 +6682,10 @@ var ExitCaptureButton = function ExitCaptureButton(_a) {
     y2: "19.75"
   }))));
 };
-var templateObject_1$C;
+var templateObject_1$E;
 
-var ButtonsRow = styled.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.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;
@@ -7186,21 +7166,21 @@ function IdCaptureLoadingGraphicMobile(_a) {
     fill: "white"
   }))));
 }
-var LoadingGraphicWrapper = styled.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.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.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.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.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.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.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.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,
@@ -7251,34 +7231,42 @@ function LoadingListItemIndicator(_a) {
   }))))));
 }
 
+var wavesAnimation = 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 = 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 = 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 = 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 = 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 = 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 = 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',
@@ -7288,19 +7276,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: 'Authenticating...'
   });
+  var ready = sessionReady && modelsReady && cameraReady;
   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 = useRef(null);
   if (dismissed) return /*#__PURE__*/React__default.createElement(React__default.Fragment, null);
   if (cameraAccessDenied) {
@@ -7373,18 +7363,18 @@ var IdCaptureLoadingOverlayDefault = function IdCaptureLoadingOverlayDefault(_a)
   }, /*#__PURE__*/React__default.createElement(LoadingList$1, {
     className: classNames.loadingList
   }, /*#__PURE__*/React__default.createElement(LoadingListItem$1, {
-    className: "".concat((_f = classNames.loadingListItem) !== null && _f !== void 0 ? _f : '', " ").concat(cameraReady ? 'done' : 'running')
+    className: cn(classNames.loadingListItem, cameraReady ? 'done' : 'running')
   }, /*#__PURE__*/React__default.createElement(LoadingListItemIndicator, {
     className: classNames.loadingListItemIndicator,
     state: cameraReady ? 'done' : 'running'
   }), cameraReady ? verbiage.cameraInitializedText : verbiage.cameraInitializingText), /*#__PURE__*/React__default.createElement(LoadingListItem$1, {
-    className: "".concat((_g = classNames.loadingListItem) !== null && _g !== void 0 ? _g : '', " ").concat(modelsReady ? 'done' : 'running')
+    className: cn(classNames.loadingListItem, sessionReady && modelsReady ? 'done' : 'running')
   }, /*#__PURE__*/React__default.createElement(LoadingListItemIndicator, {
     className: classNames.loadingListItemIndicator,
-    state: modelsReady ? 'done' : 'running'
-  }), modelsReady ? verbiage.modelsReadyText : modelDownloadProgress >= 100 ? verbiage.modelsWarmingUpText : "".concat(verbiage.downloadingText, " (").concat(modelDownloadProgress, "%)")))), /*#__PURE__*/React__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__default.createElement(ContinueButtonContainer$1, {
     className: classNames.continueBtnContainer
-  }, modelsReady && cameraReady && ( /*#__PURE__*/React__default.createElement(ContinueButton$1, {
+  }, ready && ( /*#__PURE__*/React__default.createElement(ContinueButton$1, {
     autoFocus: true,
     finished: true,
     className: classNames.continueBtn,
@@ -7396,7 +7386,7 @@ var IdCaptureLoadingOverlayDefault = function IdCaptureLoadingOverlayDefault(_a)
     }
   }, verbiage.continueText))))));
 };
-var OverlayInner$1 = styled.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.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) {
@@ -7451,9 +7441,9 @@ var ContinueButton$1 = styled(LoaderButton)(templateObject_18 || (templateObject
   var _a, _b, _c, _d, _e, _f;
   return ((_c = (_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.idCapture) === null || _b === void 0 ? void 0 : _b.loadingOverlay) === null || _c === void 0 ? void 0 : _c.continueBtnBorder) ? "border: ".concat((_f = (_e = (_d = props.theme) === null || _d === void 0 ? void 0 : _d.idCapture) === null || _e === void 0 ? void 0 : _e.loadingOverlay) === null || _f === void 0 ? void 0 : _f.continueBtnBorder, ";") : '';
 });
-var templateObject_1$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.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.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.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;
@@ -7470,7 +7460,9 @@ var IdCaptureLoadingOverlayLegacy = function IdCaptureLoadingOverlayLegacy(_a) {
     colors = _j === void 0 ? {} : _j,
     _k = _a.verbiage,
     rawVerbiage = _k === void 0 ? {} : _k;
-  var _l = useContext(IdCaptureModelsContext),
+  var sessionCheckState = useAuthContext()[0].sessionCheckState;
+  var sessionReady = sessionCheckState === 'PASSED';
+  var _l = useIdCaptureModelsContext(),
     modelsReady = _l.ready,
     modelDownloadProgress = _l.modelDownloadProgress;
   var _m = useCameraStore(useShallow(function (state) {
@@ -7497,17 +7489,18 @@ var IdCaptureLoadingOverlayLegacy = function IdCaptureLoadingOverlayLegacy(_a) {
     cameraInitializingText: 'Camera initializing...',
     continueText: 'Continue'
   });
+  var ready = sessionReady && modelsReady && cameraReady;
   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 = useRef(null);
   if (dismissed) return /*#__PURE__*/React__default.createElement(React__default.Fragment, null);
   if (cameraAccessDenied) {
@@ -7563,16 +7556,16 @@ var IdCaptureLoadingOverlayLegacy = function IdCaptureLoadingOverlayLegacy(_a) {
   }, verbiage.useContinuityCameraText)))), /*#__PURE__*/React__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,
@@ -7630,9 +7623,9 @@ var CapturedDocumentImg = function CapturedDocumentImg(_a) {
   });
 };
 
-var Card = styled.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.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(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,
@@ -7691,13 +7684,13 @@ var IdCaptureSuccess = function IdCaptureSuccess(_a) {
     finished: true
   }, verbiage.retryText)))));
 };
-var Heading$a = styled.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.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(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(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.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(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.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;
@@ -7749,7 +7742,7 @@ function resetCanvasDimensions(canvas) {
   canvas.style.height = '0';
 }
 
-var IdCardGuideImageContainer = styled(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(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.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) {
@@ -7905,7 +7898,7 @@ var IdCardBorderRect = styled.rect(templateObject_5$9 || (templateObject_5$9 = _
   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: {
@@ -8081,12 +8074,12 @@ var IdVideoCaptureFlipIdPrompt = function IdVideoCaptureFlipIdPrompt(_a) {
     style: imageStyle
   })));
 };
-var FlipImageContainer = styled(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(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__*/createContext({
   orientation: 'landscape',
@@ -8373,7 +8366,7 @@ var regionClsx = function regionClsx(classNames, which) {
     return v;
   }).join(' ');
 };
-var StyledPageContainer = styled(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(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.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.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.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) {
@@ -8401,7 +8394,7 @@ var GuideCenterBorder = styled.div(templateObject_7$5 || (templateObject_7$5 = _
 });
 var GuideText = styled.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.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;
@@ -8542,11 +8535,11 @@ var IdCaptureFitGuide = function IdCaptureFitGuide(_a) {
     progress: progress
   }));
 };
-var CanvasWrapper$1 = styled.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.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.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,
@@ -8602,6 +8595,33 @@ function IdCaptureGuides(_a) {
   })));
 }
 
+var Spinner = styled.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,
@@ -11273,6 +11293,13 @@ function SelfieGuidanceModelsProvider(_a) {
     ref: canvasRef
   }), children);
 }
+function useSelfieGuidanceModelsContext() {
+  var context = React.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) {
@@ -12148,6 +12175,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(useShallow(function (state) {
       return {
         cameraReady: state.cameraReady,
@@ -12158,7 +12187,7 @@ var SelfieCaptureLoadingOverlayLegacy = function SelfieCaptureLoadingOverlayLega
     cameraReady = _g.cameraReady,
     cameraAccessDenied = _g.cameraAccessDenied,
     microphoneAccessDenied = _g.microphoneAccessDenied;
-  var _h = useContext(SelfieGuidanceModelsContext),
+  var _h = useSelfieGuidanceModelsContext(),
     modelsReady = _h.ready,
     modelDownloadProgress = _h.modelDownloadProgress;
   var idCaptureModelsContext = useContext(IdCaptureModelsContext);
@@ -12193,6 +12222,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__default.createElement(OverlayContainer, {
     className: classNames.container
   }, /*#__PURE__*/React__default.createElement(OverlayInner$2, {
@@ -12212,15 +12242,15 @@ var SelfieCaptureLoadingOverlayLegacy = function SelfieCaptureLoadingOverlayLega
     className: classNames.buttonsRow
   }, /*#__PURE__*/React__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(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(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"])));
@@ -12248,6 +12278,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(useShallow(function (state) {
       return {
         cameraReady: state.cameraReady,
@@ -12258,7 +12290,7 @@ var SelfieCaptureLoadingOverlayDefault = function SelfieCaptureLoadingOverlayDef
     cameraReady = _g.cameraReady,
     cameraAccessDenied = _g.cameraAccessDenied,
     microphoneAccessDenied = _g.microphoneAccessDenied;
-  var _h = useContext(SelfieGuidanceModelsContext),
+  var _h = useSelfieGuidanceModelsContext(),
     modelsReady = _h.ready,
     modelDownloadProgress = _h.modelDownloadProgress;
   var idCaptureModelsContext = useContext(IdCaptureModelsContext);
@@ -12271,7 +12303,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: 'Authenticating...'
   });
   var _j = useState(0),
     headingTextIndex = _j[0],
@@ -12305,6 +12338,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__default.createElement(OverlayContainer, {
     className: classNames.container
   }, /*#__PURE__*/React__default.createElement(OverlayInner, {
@@ -12340,18 +12374,18 @@ var SelfieCaptureLoadingOverlayDefault = function SelfieCaptureLoadingOverlayDef
   }, /*#__PURE__*/React__default.createElement(LoadingList, {
     className: classNames.loadingList
   }, /*#__PURE__*/React__default.createElement(LoadingListItem, {
-    className: "".concat(classNames.loadingListItem, " ").concat(cameraReady ? 'done' : 'running')
+    className: cn(classNames.loadingListItem, cameraReady ? 'done' : 'running')
   }, /*#__PURE__*/React__default.createElement(LoadingListItemIndicator, {
     className: classNames.loadingListItemIndicator,
     state: cameraReady ? 'done' : 'running'
   }), cameraReady ? verbiage.cameraInitializedText : verbiage.cameraInitializingText), /*#__PURE__*/React__default.createElement(LoadingListItem, {
-    className: "".concat(classNames.loadingListItem, " ").concat(allModelsReady ? 'done' : 'running')
+    className: cn(classNames.loadingListItem, sessionReady && allModelsReady ? 'done' : 'running')
   }, /*#__PURE__*/React__default.createElement(LoadingListItemIndicator, {
     className: classNames.loadingListItemIndicator,
-    state: allModelsReady ? 'done' : 'running'
-  }), allModelsReady ? verbiage.modelsReadyText : modelDownloadProgress >= 100 ? verbiage.modelsWarmingUpText : "".concat(verbiage.downloadingText, " (").concat(modelDownloadProgress, "%)")))), /*#__PURE__*/React__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__default.createElement(ContinueButtonContainer, {
     className: classNames.continueBtnContainer
-  }, allModelsReady && cameraReady && ( /*#__PURE__*/React__default.createElement(ContinueButton, {
+  }, ready && ( /*#__PURE__*/React__default.createElement(ContinueButton, {
     autoFocus: true,
     finished: true,
     className: classNames.continueBtn,