idmission-web-sdk 2.2.165 → 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.165';
+  var webSdkVersion = '2.2.166';
 
   function getPlatform() {
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -1066,39 +1066,6 @@
     }, 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";
@@ -1376,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, {
@@ -3522,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;
@@ -3931,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 = [];
@@ -8020,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');
@@ -8040,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) {
@@ -13854,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() {
@@ -14360,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,
@@ -15182,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) {
@@ -15197,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) {
@@ -15388,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) {
@@ -15403,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,
@@ -15443,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.
@@ -15735,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,
@@ -15776,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;
@@ -15826,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;
@@ -16310,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,
@@ -16375,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',
@@ -16412,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) {
@@ -16497,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,
@@ -16520,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) {
@@ -16575,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;
@@ -16594,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) {
@@ -16621,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) {
@@ -16687,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,
@@ -16754,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,
@@ -16815,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;
@@ -16873,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) {
@@ -17029,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: {
@@ -17205,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',
@@ -17497,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) {
@@ -17525,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;
@@ -17666,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,
@@ -17726,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,
@@ -20397,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) {
@@ -21272,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,
@@ -21282,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);
@@ -21317,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, {
@@ -21336,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"])));
@@ -21372,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,
@@ -21382,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);
@@ -21395,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],
@@ -21429,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, {
@@ -21464,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,