idmission-web-sdk 2.2.164 → 2.2.166

package/dist/sdk2.umd.development.js

@@ -211,7 +211,7 @@
     return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
   };
 
-  var webSdkVersion = '2.2.164';
+  var webSdkVersion = '2.2.166';
 
   function getPlatform() {
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -1066,38 +1066,60 @@
     }, 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$1 = 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";
+    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'];
@@ -1136,8 +1158,95 @@
         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;
     }
@@ -1183,51 +1292,17 @@
           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];
@@ -1268,9 +1343,6 @@
         }
       });
     }
-    if (state.sessionCheckState === 'READY' || state.sessionCheckState === 'RUNNING') return /*#__PURE__*/React.createElement(PageContainer, {
-      className: "flex"
-    }, /*#__PURE__*/React.createElement(Spinner$1, null));
     return /*#__PURE__*/React.createElement(AuthStateContext.Provider, {
       value: state
     }, /*#__PURE__*/React.createElement(AuthDispatchContext.Provider, {
@@ -1278,61 +1350,6 @@
     }, 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
-  }
-
   var sparkMd5 = {exports: {}};
 
   (function (module, exports) {
@@ -3469,7 +3486,7 @@
   function n(t, e) {
     return e = String.fromCharCode.apply(null, e), null == t ? e : t + e;
   }
-  var r, s;
+  var r$1, s;
   var i = "undefined" != typeof TextDecoder;
   var o;
   var a = "undefined" != typeof TextEncoder;
@@ -3878,17 +3895,17 @@
       try {
         var u = h.decode(c);
       } catch (t) {
-        if (void 0 === r) {
+        if (void 0 === r$1) {
           try {
             h.decode(new Uint8Array([128]));
           } catch (t) {}
           try {
-            h.decode(new Uint8Array([97])), r = !0;
+            h.decode(new Uint8Array([97])), r$1 = !0;
           } catch (t) {
-            r = !1;
+            r$1 = !1;
           }
         }
-        throw !r && (s = void 0), t;
+        throw !r$1 && (s = void 0), t;
       }
     } else {
       o = (u = a) + o, a = [];
@@ -7967,7 +7984,7 @@
     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');
@@ -7987,7 +8004,7 @@
     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) {
@@ -12294,7 +12311,7 @@
     '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',
@@ -12421,7 +12438,7 @@
     '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',
@@ -12504,7 +12521,7 @@
     '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',
@@ -12516,7 +12533,9 @@
     '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 = {
@@ -12546,7 +12565,7 @@
     '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",
@@ -12561,7 +12580,7 @@
     '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',
@@ -12605,20 +12624,20 @@
     '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.",
@@ -12641,7 +12660,9 @@
     '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 = {
@@ -12664,27 +12685,27 @@
     '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',
@@ -12726,29 +12747,29 @@
     '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',
@@ -12766,7 +12787,9 @@
     '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 = {
@@ -12796,7 +12819,7 @@
     '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': '身分証が検出されました。パスポートをスキャンしてください',
@@ -12891,7 +12914,9 @@
     '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 = {
@@ -12921,7 +12946,7 @@
     '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',
@@ -13016,7 +13041,9 @@
     '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 = {
@@ -13141,7 +13168,9 @@
     '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 = {
@@ -13171,7 +13200,7 @@
     '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': '偵測到證件，請掃描護照',
@@ -13232,7 +13261,7 @@
     '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.": '發生一些問題。',
@@ -13266,7 +13295,9 @@
     '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 = {
@@ -13787,14 +13818,14 @@
       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 = React.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__*/React.createContext({
     startDocumentDetection: function startDocumentDetection() {
@@ -14293,6 +14324,13 @@
       props = __rest(_a, ["children"]);
     return /*#__PURE__*/React.createElement(DocumentDetectionModelProvider, _assign({}, props), /*#__PURE__*/React.createElement(FocusModelProvider, _assign({}, props), /*#__PURE__*/React.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;
+  }
 
   function c(e, u, c) {
     var i = this,
@@ -15115,12 +15153,12 @@
     if (!portalLocation) return element;
     return /*#__PURE__*/reactDom.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) {
@@ -15130,7 +15168,7 @@
     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) {
@@ -15321,9 +15359,9 @@
       }
     });
   }
-  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) {
@@ -15336,14 +15374,14 @@
     if (!portalLocation) return element;
     return /*#__PURE__*/reactDom.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,
@@ -15376,18 +15414,18 @@
       }
     }, 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.
@@ -15668,6 +15706,21 @@
     return Math.abs(new Date().getTime() - t.getTime());
   };
 
+  function r(e) {
+    var t,
+      f,
+      n = "";
+    if ("string" == typeof e || "number" == typeof e) n += e;else if ("object" == typeof e) if (Array.isArray(e)) {
+      var o = e.length;
+      for (t = 0; t < o; t++) e[t] && (f = r(e[t])) && (n && (n += " "), n += f);
+    } else for (f in e) e[f] && (n && (n += " "), n += f);
+    return n;
+  }
+  function clsx() {
+    for (var e, t, f = 0, n = "", o = arguments.length; f < o; f++) (e = arguments[f]) && (t = r(e)) && (n && (n += " "), n += t);
+    return n;
+  }
+
   var CameraAccessDeniedOverlay = function CameraAccessDeniedOverlay(_a) {
     var _b;
     var _c = _a.assets,
@@ -15709,13 +15762,13 @@
       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;
@@ -15759,10 +15812,10 @@
       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;
@@ -16243,21 +16296,21 @@
       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,
@@ -16308,34 +16361,42 @@
     }))))));
   }
 
+  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',
@@ -16345,19 +16406,21 @@
       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.createElement(React.Fragment, null);
     if (cameraAccessDenied) {
@@ -16430,18 +16493,18 @@
     }, /*#__PURE__*/React.createElement(LoadingList$1, {
       className: classNames.loadingList
     }, /*#__PURE__*/React.createElement(LoadingListItem$1, {
-      className: "".concat((_f = classNames.loadingListItem) !== null && _f !== void 0 ? _f : '', " ").concat(cameraReady ? 'done' : 'running')
+      className: clsx(classNames.loadingListItem, cameraReady ? 'done' : 'running')
     }, /*#__PURE__*/React.createElement(LoadingListItemIndicator, {
       className: classNames.loadingListItemIndicator,
       state: cameraReady ? 'done' : 'running'
     }), cameraReady ? verbiage.cameraInitializedText : verbiage.cameraInitializingText), /*#__PURE__*/React.createElement(LoadingListItem$1, {
-      className: "".concat((_g = classNames.loadingListItem) !== null && _g !== void 0 ? _g : '', " ").concat(modelsReady ? 'done' : 'running')
+      className: clsx(classNames.loadingListItem, sessionReady && modelsReady ? 'done' : 'running')
     }, /*#__PURE__*/React.createElement(LoadingListItemIndicator, {
       className: classNames.loadingListItemIndicator,
-      state: modelsReady ? 'done' : 'running'
-    }), modelsReady ? verbiage.modelsReadyText : modelDownloadProgress >= 100 ? verbiage.modelsWarmingUpText : "".concat(verbiage.downloadingText, " (").concat(modelDownloadProgress, "%)")))), /*#__PURE__*/React.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.createElement(ContinueButtonContainer$1, {
       className: classNames.continueBtnContainer
-    }, modelsReady && cameraReady && ( /*#__PURE__*/React.createElement(ContinueButton$1, {
+    }, ready && ( /*#__PURE__*/React.createElement(ContinueButton$1, {
       autoFocus: true,
       finished: true,
       className: classNames.continueBtn,
@@ -16453,7 +16516,7 @@
       }
     }, 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) {
@@ -16508,9 +16571,9 @@
     var _a, _b, _c, _d, _e, _f;
     return ((_c = (_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.idCapture) === null || _b === void 0 ? void 0 : _b.loadingOverlay) === null || _c === void 0 ? void 0 : _c.continueBtnBorder) ? "border: ".concat((_f = (_e = (_d = props.theme) === null || _d === void 0 ? void 0 : _d.idCapture) === null || _e === void 0 ? void 0 : _e.loadingOverlay) === null || _f === void 0 ? void 0 : _f.continueBtnBorder, ";") : '';
   });
-  var templateObject_1$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;
@@ -16527,7 +16590,9 @@
       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(useShallow(function (state) {
@@ -16554,17 +16619,18 @@
       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.createElement(React.Fragment, null);
     if (cameraAccessDenied) {
@@ -16620,16 +16686,16 @@
     }, verbiage.useContinuityCameraText)))), /*#__PURE__*/React.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,
@@ -16687,9 +16753,9 @@
     });
   };
 
-  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,
@@ -16748,13 +16814,13 @@
       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;
@@ -16806,7 +16872,7 @@
     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) {
@@ -16962,7 +17028,7 @@
     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: {
@@ -17138,12 +17204,12 @@
       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__*/React.createContext({
     orientation: 'landscape',
@@ -17430,7 +17496,7 @@
       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) {
@@ -17458,7 +17524,7 @@
   });
   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;
@@ -17599,11 +17665,11 @@
       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,
@@ -17659,6 +17725,33 @@
     })));
   }
 
+  var Spinner$1 = 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,
@@ -20330,6 +20423,13 @@
       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) {
@@ -21205,6 +21305,8 @@
       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,
@@ -21215,7 +21317,7 @@
       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);
@@ -21250,6 +21352,7 @@
       });
     }
     var allModelsReady = modelsReady && (!waitForIdCaptureModels || (idCaptureModelsContext === null || idCaptureModelsContext === void 0 ? void 0 : idCaptureModelsContext.ready));
+    var ready = sessionReady && allModelsReady && cameraReady;
     return /*#__PURE__*/React.createElement(OverlayContainer, {
       className: classNames.container
     }, /*#__PURE__*/React.createElement(OverlayInner$2, {
@@ -21269,15 +21372,15 @@
       className: classNames.buttonsRow
     }, /*#__PURE__*/React.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"])));
@@ -21305,6 +21408,8 @@
       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,
@@ -21315,7 +21420,7 @@
       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);
@@ -21328,7 +21433,8 @@
       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],
@@ -21362,6 +21468,7 @@
       });
     }
     var allModelsReady = modelsReady && (!waitForIdCaptureModels || (idCaptureModelsContext === null || idCaptureModelsContext === void 0 ? void 0 : idCaptureModelsContext.ready));
+    var ready = sessionReady && allModelsReady && cameraReady;
     return /*#__PURE__*/React.createElement(OverlayContainer, {
       className: classNames.container
     }, /*#__PURE__*/React.createElement(OverlayInner, {
@@ -21397,18 +21504,18 @@
     }, /*#__PURE__*/React.createElement(LoadingList, {
       className: classNames.loadingList
     }, /*#__PURE__*/React.createElement(LoadingListItem, {
-      className: "".concat(classNames.loadingListItem, " ").concat(cameraReady ? 'done' : 'running')
+      className: clsx(classNames.loadingListItem, cameraReady ? 'done' : 'running')
     }, /*#__PURE__*/React.createElement(LoadingListItemIndicator, {
       className: classNames.loadingListItemIndicator,
       state: cameraReady ? 'done' : 'running'
     }), cameraReady ? verbiage.cameraInitializedText : verbiage.cameraInitializingText), /*#__PURE__*/React.createElement(LoadingListItem, {
-      className: "".concat(classNames.loadingListItem, " ").concat(allModelsReady ? 'done' : 'running')
+      className: clsx(classNames.loadingListItem, sessionReady && allModelsReady ? 'done' : 'running')
     }, /*#__PURE__*/React.createElement(LoadingListItemIndicator, {
       className: classNames.loadingListItemIndicator,
-      state: allModelsReady ? 'done' : 'running'
-    }), allModelsReady ? verbiage.modelsReadyText : modelDownloadProgress >= 100 ? verbiage.modelsWarmingUpText : "".concat(verbiage.downloadingText, " (").concat(modelDownloadProgress, "%)")))), /*#__PURE__*/React.createElement(ContinueButtonContainer, {
+      state: sessionReady && allModelsReady ? 'done' : 'running'
+    }), !sessionReady ? verbiage.sessionCheckingText : !allModelsReady ? verbiage.modelsReadyText : modelDownloadProgress >= 100 ? verbiage.modelsWarmingUpText : "".concat(verbiage.downloadingText, " (").concat(modelDownloadProgress, "%)")))), /*#__PURE__*/React.createElement(ContinueButtonContainer, {
       className: classNames.continueBtnContainer
-    }, allModelsReady && cameraReady && ( /*#__PURE__*/React.createElement(ContinueButton, {
+    }, ready && ( /*#__PURE__*/React.createElement(ContinueButton, {
       autoFocus: true,
       finished: true,
       className: classNames.continueBtn,