idmission-web-sdk 2.2.165 → 2.2.166

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (25) hide show
  1. package/dist/components/id_capture/IdCaptureLoadingOverlay.d.ts +1 -0
  2. package/dist/components/id_capture/IdCaptureLoadingOverlay.d.ts.map +1 -1
  3. package/dist/components/id_capture/IdCaptureLoadingOverlayDefault.d.ts.map +1 -1
  4. package/dist/components/id_capture/IdCaptureLoadingOverlayLegacy.d.ts.map +1 -1
  5. package/dist/components/id_capture/IdCaptureModelsProvider.d.ts +1 -0
  6. package/dist/components/id_capture/IdCaptureModelsProvider.d.ts.map +1 -1
  7. package/dist/components/selfie_capture/SelfieCaptureLoadingOverlay.d.ts +1 -0
  8. package/dist/components/selfie_capture/SelfieCaptureLoadingOverlay.d.ts.map +1 -1
  9. package/dist/components/selfie_capture/SelfieCaptureLoadingOverlayDefault.d.ts.map +1 -1
  10. package/dist/components/selfie_capture/SelfieCaptureLoadingOverlayLegacy.d.ts.map +1 -1
  11. package/dist/components/selfie_capture/SelfieGuidanceModelsProvider.d.ts +1 -0
  12. package/dist/components/selfie_capture/SelfieGuidanceModelsProvider.d.ts.map +1 -1
  13. package/dist/contexts/AuthStateContext.d.ts.map +1 -1
  14. package/dist/sdk2.cjs.development.js +163 -136
  15. package/dist/sdk2.cjs.development.js.map +1 -1
  16. package/dist/sdk2.cjs.production.js +1 -1
  17. package/dist/sdk2.cjs.production.js.map +1 -1
  18. package/dist/sdk2.esm.js +163 -137
  19. package/dist/sdk2.esm.js.map +1 -1
  20. package/dist/sdk2.umd.development.js +181 -141
  21. package/dist/sdk2.umd.development.js.map +1 -1
  22. package/dist/sdk2.umd.production.js +1 -1
  23. package/dist/sdk2.umd.production.js.map +1 -1
  24. package/dist/version.d.ts +1 -1
  25. package/package.json +2 -1
package/dist/sdk2.esm.js CHANGED
@@ -2,7 +2,7 @@ import * as React from 'react';
2
2
  import React__default, { forwardRef, useState, useEffect, useRef, useContext, createContext, useReducer, useCallback, useMemo, useLayoutEffect } from 'react';
3
3
  import * as ReactDOM from 'react-dom/client';
4
4
  import platform from 'platform';
5
- import styled, { keyframes, useTheme, ThemeProvider as ThemeProvider$1 } from 'styled-components';
5
+ import styled, { useTheme, keyframes, ThemeProvider as ThemeProvider$1 } from 'styled-components';
6
6
  import { useTranslation, initReactI18next } from 'react-i18next';
7
7
  import { Upload } from 'tus-js-client';
8
8
  import SparkMD5 from 'spark-md5';
@@ -14,6 +14,7 @@ import { useDebouncedCallback, useThrottledCallback } from 'use-debounce';
14
14
  import { devtools } from 'zustand/middleware';
15
15
  import { useShallow } from 'zustand/react/shallow';
16
16
  import { createPortal } from 'react-dom';
17
+ import cn from 'clsx';
17
18
  import SignatureCanvas from 'react-signature-canvas';
18
19
 
19
20
  /******************************************************************************
@@ -203,7 +204,7 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
203
204
  return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
204
205
  };
205
206
 
206
- var webSdkVersion = '2.2.165';
207
+ var webSdkVersion = '2.2.166';
207
208
 
208
209
  function getPlatform() {
209
210
  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -740,39 +741,6 @@ var SessionValidationErrorOverlay = function SessionValidationErrorOverlay(_a) {
740
741
  }, retryText)))));
741
742
  };
742
743
 
743
- var wavesAnimation = keyframes(templateObject_1$K || (templateObject_1$K = __makeTemplateObject(["\n 0% {\n opacity: 0;\n transform: scale3d(1, 1, 1);\n }\n 80% {\n opacity: 1;\n }\n 100% {\n transform: scale3d(2, 2, 1);\n opacity: 0;\n }\n"], ["\n 0% {\n opacity: 0;\n transform: scale3d(1, 1, 1);\n }\n 80% {\n opacity: 1;\n }\n 100% {\n transform: scale3d(2, 2, 1);\n opacity: 0;\n }\n"])));
744
- var progressBarAnimation = keyframes(templateObject_2$B || (templateObject_2$B = __makeTemplateObject(["\n 0% {\n width: 0;\n }\n 100% {\n width: 100%;\n }\n"], ["\n 0% {\n width: 0;\n }\n 100% {\n width: 100%;\n }\n"])));
745
- var dualRingSpinnerAnimation = keyframes(templateObject_3$r || (templateObject_3$r = __makeTemplateObject(["\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n"], ["\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n"])));
746
- var progressBorderAnimation = keyframes(templateObject_4$l || (templateObject_4$l = __makeTemplateObject(["\n to {\n stroke-dashoffset: 0;\n }\n"], ["\n to {\n stroke-dashoffset: 0;\n }\n"])));
747
- var templateObject_1$K, templateObject_2$B, templateObject_3$r, templateObject_4$l;
748
-
749
- var Spinner = styled.div(templateObject_1$J || (templateObject_1$J = __makeTemplateObject(["\n display: inline-block;\n width: ", "px;\n height: ", "px;\n margin: auto;\n\n &:after {\n content: ' ';\n display: block;\n width: ", "px;\n height: ", "px;\n margin: 8px;\n border-radius: 50%;\n border: ", "px solid\n ", ";\n border-color: ", " transparent\n ", " transparent;\n animation: ", " 1.2s linear infinite;\n box-sizing: content-box;\n }\n"], ["\n display: inline-block;\n width: ", "px;\n height: ", "px;\n margin: auto;\n\n &:after {\n content: ' ';\n display: block;\n width: ", "px;\n height: ", "px;\n margin: 8px;\n border-radius: 50%;\n border: ", "px solid\n ", ";\n border-color: ", " transparent\n ", " transparent;\n animation: ", " 1.2s linear infinite;\n box-sizing: content-box;\n }\n"])), function (_a) {
750
- var $size = _a.$size;
751
- return $size !== null && $size !== void 0 ? $size : 80;
752
- }, function (_a) {
753
- var $size = _a.$size;
754
- return $size !== null && $size !== void 0 ? $size : 80;
755
- }, function (_a) {
756
- var $size = _a.$size;
757
- return ($size !== null && $size !== void 0 ? $size : 80) - 16;
758
- }, function (_a) {
759
- var $size = _a.$size;
760
- return ($size !== null && $size !== void 0 ? $size : 80) - 16;
761
- }, function (_a) {
762
- var $thickness = _a.$thickness;
763
- return $thickness !== null && $thickness !== void 0 ? $thickness : 6;
764
- }, function (_a) {
765
- var $color = _a.$color;
766
- return $color !== null && $color !== void 0 ? $color : '#888';
767
- }, function (_a) {
768
- var $color = _a.$color;
769
- return $color !== null && $color !== void 0 ? $color : '#888';
770
- }, function (_a) {
771
- var $color = _a.$color;
772
- return $color !== null && $color !== void 0 ? $color : '#888';
773
- }, dualRingSpinnerAnimation);
774
- var templateObject_1$J;
775
-
776
744
  var LogLevel;
777
745
  (function (LogLevel) {
778
746
  LogLevel[LogLevel["Off"] = 0] = "Off";
@@ -1050,9 +1018,6 @@ function AuthProvider(_a) {
1050
1018
  }
1051
1019
  });
1052
1020
  }
1053
- if (state.sessionCheckState === 'READY' || state.sessionCheckState === 'RUNNING') return /*#__PURE__*/React__default.createElement(PageContainer, {
1054
- className: "flex"
1055
- }, /*#__PURE__*/React__default.createElement(Spinner, null));
1056
1021
  return /*#__PURE__*/React__default.createElement(AuthStateContext.Provider, {
1057
1022
  value: state
1058
1023
  }, /*#__PURE__*/React__default.createElement(AuthDispatchContext.Provider, {
@@ -2114,7 +2079,7 @@ function getFrameDimensions(frame) {
2114
2079
  return [frameWidth, frameHeight];
2115
2080
  }
2116
2081
 
2117
- var InvisibleCanvas = styled.canvas(templateObject_1$I || (templateObject_1$I = __makeTemplateObject(["\n display: none;\n"], ["\n display: none;\n"])));
2082
+ var InvisibleCanvas = styled.canvas(templateObject_1$K || (templateObject_1$K = __makeTemplateObject(["\n display: none;\n"], ["\n display: none;\n"])));
2118
2083
  function drawToCanvas(canvas, frame, width, height) {
2119
2084
  if (!canvas) return;
2120
2085
  var ctx = canvas.getContext('2d');
@@ -2134,7 +2099,7 @@ function clearCanvas(canvas) {
2134
2099
  var _a;
2135
2100
  (_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);
2136
2101
  }
2137
- var templateObject_1$I;
2102
+ var templateObject_1$K;
2138
2103
 
2139
2104
  function cropToShoulders(rawCanvas, cropCanvas, resizeCanvas, frame, face, quality, maxHeight) {
2140
2105
  if (quality === void 0) {
@@ -5093,14 +5058,14 @@ function CameraTamperSeal(_a) {
5093
5058
  className: classNames.message
5094
5059
  }, messageText)));
5095
5060
  }
5096
- var StyledOverlayInner$4 = styled(OverlayInner$2)(templateObject_1$H || (templateObject_1$H = __makeTemplateObject(["\n justify-content: center;\n"], ["\n justify-content: center;\n"])));
5097
- var StyledOverlayHeading = styled.h3(templateObject_2$A || (templateObject_2$A = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
5061
+ var StyledOverlayInner$4 = styled(OverlayInner$2)(templateObject_1$J || (templateObject_1$J = __makeTemplateObject(["\n justify-content: center;\n"], ["\n justify-content: center;\n"])));
5062
+ var StyledOverlayHeading = styled.h3(templateObject_2$B || (templateObject_2$B = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
5098
5063
  function useCameraStore(selector) {
5099
5064
  var store = useContext(CameraStoreContext);
5100
5065
  if (!store) throw new Error('useCameraStore cannot be used without Provider');
5101
5066
  return useStore(store, selector);
5102
5067
  }
5103
- var templateObject_1$H, templateObject_2$A;
5068
+ var templateObject_1$J, templateObject_2$B;
5104
5069
 
5105
5070
  var DocumentDetectionModelContext = /*#__PURE__*/createContext({
5106
5071
  startDocumentDetection: function startDocumentDetection() {
@@ -5599,6 +5564,13 @@ function IdCaptureModelsProvider(_a) {
5599
5564
  props = __rest(_a, ["children"]);
5600
5565
  return /*#__PURE__*/React__default.createElement(DocumentDetectionModelProvider, _assign({}, props), /*#__PURE__*/React__default.createElement(FocusModelProvider, _assign({}, props), /*#__PURE__*/React__default.createElement(IdCaptureModelsProviderInner, _assign({}, props), children)));
5601
5566
  }
5567
+ function useIdCaptureModelsContext() {
5568
+ var context = useContext(IdCaptureModelsContext);
5569
+ if (!context) {
5570
+ throw new Error('useIdCaptureModelsContext must be used within an IdCaptureModelsProvider');
5571
+ }
5572
+ return context;
5573
+ }
5602
5574
 
5603
5575
  var CapturedDocumentTypeValues = ['idCardFront', 'idCardBack', 'passport', 'singlePage', 'selfie'];
5604
5576
 
@@ -6058,12 +6030,12 @@ function DebugStatsPane(_a) {
6058
6030
  if (!portalLocation) return element;
6059
6031
  return /*#__PURE__*/createPortal(element, portalLocation);
6060
6032
  }
6061
- 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"])));
6062
- 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) {
6033
+ 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"])));
6034
+ 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) {
6063
6035
  var $flipX = _a.$flipX;
6064
6036
  return $flipX ? 'transform: scaleX(-1);' : '';
6065
6037
  });
6066
- 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) {
6038
+ 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) {
6067
6039
  var $color = _a.$color;
6068
6040
  return $color !== null && $color !== void 0 ? $color : 'green';
6069
6041
  }, function (_a) {
@@ -6073,7 +6045,7 @@ var ObjectDetectionDebugBox = styled.div(templateObject_3$q || (templateObject_3
6073
6045
  var $flipX = _a.$flipX;
6074
6046
  return $flipX ? 'transform: scaleX(-1);' : '';
6075
6047
  });
6076
- 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) {
6048
+ 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) {
6077
6049
  var $color = _a.$color;
6078
6050
  return $color !== null && $color !== void 0 ? $color : 'red';
6079
6051
  }, function (_a) {
@@ -6264,9 +6236,9 @@ function SelfieCaptureFaceKeypoint(_a) {
6264
6236
  }
6265
6237
  });
6266
6238
  }
6267
- var templateObject_1$G, templateObject_2$z, templateObject_3$q, templateObject_4$k;
6239
+ var templateObject_1$I, templateObject_2$A, templateObject_3$r, templateObject_4$l;
6268
6240
 
6269
- 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) {
6241
+ 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) {
6270
6242
  var $top = _a.$top;
6271
6243
  return $top !== null && $top !== void 0 ? $top : '10vh';
6272
6244
  }, function (_a) {
@@ -6279,14 +6251,14 @@ var GuidanceMessageContainer = function GuidanceMessageContainer(props) {
6279
6251
  if (!portalLocation) return element;
6280
6252
  return /*#__PURE__*/createPortal(element, portalLocation);
6281
6253
  };
6282
- 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) {
6254
+ 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) {
6283
6255
  var _a, _b, _c, _d, _e, _f;
6284
6256
  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';
6285
6257
  }, function (props) {
6286
6258
  var _a, _b, _c, _d, _e, _f;
6287
6259
  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';
6288
6260
  });
6289
- var templateObject_1$F, templateObject_2$y;
6261
+ var templateObject_1$H, templateObject_2$z;
6290
6262
 
6291
6263
  function OverrideWrongDocumentTypeGuidanceDialog(_a) {
6292
6264
  var _b = _a.classNames,
@@ -6319,18 +6291,18 @@ function OverrideWrongDocumentTypeGuidanceDialog(_a) {
6319
6291
  }
6320
6292
  }, verbiage.buttonText))));
6321
6293
  }
6322
- 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) {
6294
+ 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) {
6323
6295
  var _a, _b, _c;
6324
6296
  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';
6325
6297
  }, function (props) {
6326
6298
  var _a, _b, _c;
6327
6299
  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';
6328
6300
  });
6329
- 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"])));
6330
- 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"])));
6331
- 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"])));
6301
+ 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"])));
6302
+ 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"])));
6303
+ 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"])));
6332
6304
  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"])));
6333
- var templateObject_1$E, templateObject_2$x, templateObject_3$p, templateObject_4$j, templateObject_5$c;
6305
+ var templateObject_1$G, templateObject_2$y, templateObject_3$q, templateObject_4$k, templateObject_5$c;
6334
6306
 
6335
6307
  // This is a simplified version of https://github.com/ZeeCoder/use-resize-observer.
6336
6308
  // We have removed all options and made it compliant with React Compiler/React 19.
@@ -6652,13 +6624,13 @@ var CameraAccessDeniedOverlay = function CameraAccessDeniedOverlay(_a) {
6652
6624
  finished: true
6653
6625
  }, verbiage.retryBtnText)));
6654
6626
  };
6655
- 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"])));
6656
- var StyledOverlayImageContainer$3 = styled(OverlayImageContainer)(templateObject_2$w || (templateObject_2$w = __makeTemplateObject(["\n flex-grow: 0;\n"], ["\n flex-grow: 0;\n"])));
6657
- 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"])));
6658
- 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"])));
6659
- var templateObject_1$D, templateObject_2$w, templateObject_3$o, templateObject_4$i;
6627
+ 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"])));
6628
+ var StyledOverlayImageContainer$3 = styled(OverlayImageContainer)(templateObject_2$x || (templateObject_2$x = __makeTemplateObject(["\n flex-grow: 0;\n"], ["\n flex-grow: 0;\n"])));
6629
+ 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"])));
6630
+ 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"])));
6631
+ var templateObject_1$F, templateObject_2$x, templateObject_3$p, templateObject_4$j;
6660
6632
 
6661
- 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"])));
6633
+ 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"])));
6662
6634
  var ExitCaptureButton = function ExitCaptureButton(_a) {
6663
6635
  var onClick = _a.onClick,
6664
6636
  className = _a.className;
@@ -6702,10 +6674,10 @@ var ExitCaptureButton = function ExitCaptureButton(_a) {
6702
6674
  y2: "19.75"
6703
6675
  }))));
6704
6676
  };
6705
- var templateObject_1$C;
6677
+ var templateObject_1$E;
6706
6678
 
6707
- 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"])));
6708
- var templateObject_1$B;
6679
+ 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"])));
6680
+ var templateObject_1$D;
6709
6681
 
6710
6682
  function IdCaptureLoadingGraphic(props) {
6711
6683
  var isMobile = window.innerHeight > window.innerWidth;
@@ -7186,21 +7158,21 @@ function IdCaptureLoadingGraphicMobile(_a) {
7186
7158
  fill: "white"
7187
7159
  }))));
7188
7160
  }
7189
- 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"])));
7190
- 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) {
7161
+ 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"])));
7162
+ 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) {
7191
7163
  return props.$frame > 1 ? 1 : props.$frame === 1 ? 1.25 : 0.75;
7192
7164
  }, function (props) {
7193
7165
  return props.$frame >= 5 ? 10 : 0;
7194
7166
  }, function (props) {
7195
7167
  return props.$borderColor;
7196
7168
  });
7197
- 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) {
7169
+ 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) {
7198
7170
  return props.$offScreen ? '-500px' : '0';
7199
7171
  });
7200
- 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) {
7172
+ 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) {
7201
7173
  return props.$offScreen ? '40px' : '0';
7202
7174
  });
7203
- var templateObject_1$A, templateObject_2$v, templateObject_3$n, templateObject_4$h;
7175
+ var templateObject_1$C, templateObject_2$w, templateObject_3$o, templateObject_4$i;
7204
7176
 
7205
7177
  function LoadingListItemIndicator(_a) {
7206
7178
  var _b = _a.state,
@@ -7251,34 +7223,42 @@ function LoadingListItemIndicator(_a) {
7251
7223
  }))))));
7252
7224
  }
7253
7225
 
7226
+ var wavesAnimation = keyframes(templateObject_1$B || (templateObject_1$B = __makeTemplateObject(["\n 0% {\n opacity: 0;\n transform: scale3d(1, 1, 1);\n }\n 80% {\n opacity: 1;\n }\n 100% {\n transform: scale3d(2, 2, 1);\n opacity: 0;\n }\n"], ["\n 0% {\n opacity: 0;\n transform: scale3d(1, 1, 1);\n }\n 80% {\n opacity: 1;\n }\n 100% {\n transform: scale3d(2, 2, 1);\n opacity: 0;\n }\n"])));
7227
+ var progressBarAnimation = keyframes(templateObject_2$v || (templateObject_2$v = __makeTemplateObject(["\n 0% {\n width: 0;\n }\n 100% {\n width: 100%;\n }\n"], ["\n 0% {\n width: 0;\n }\n 100% {\n width: 100%;\n }\n"])));
7228
+ var dualRingSpinnerAnimation = keyframes(templateObject_3$n || (templateObject_3$n = __makeTemplateObject(["\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n"], ["\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n"])));
7229
+ var progressBorderAnimation = keyframes(templateObject_4$h || (templateObject_4$h = __makeTemplateObject(["\n to {\n stroke-dashoffset: 0;\n }\n"], ["\n to {\n stroke-dashoffset: 0;\n }\n"])));
7230
+ var templateObject_1$B, templateObject_2$v, templateObject_3$n, templateObject_4$h;
7231
+
7254
7232
  var legacyInstructionImageUrl$1 = "".concat(DEFAULT_CDN_URL, "/WebSDK-Instruction-DL-Capture-3-Portrait.png");
7255
7233
  var IdCaptureLoadingOverlayDefault = function IdCaptureLoadingOverlayDefault(_a) {
7256
- var _b, _c, _d, _e, _f, _g;
7234
+ var _b, _c, _d, _e;
7257
7235
  var onDismissed = _a.onDismissed,
7258
7236
  onUserCancel = _a.onUserCancel,
7259
7237
  instructions = _a.instructions,
7260
- _h = _a.rotateImage,
7261
- rotateImage = _h === void 0 ? false : _h,
7262
- _j = _a.assets,
7263
- assets = _j === void 0 ? {} : _j,
7264
- _k = _a.classNames,
7265
- classNames = _k === void 0 ? {} : _k,
7266
- _l = _a.colors,
7267
- colors = _l === void 0 ? {} : _l,
7268
- _m = _a.verbiage,
7269
- rawVerbiage = _m === void 0 ? {} : _m,
7238
+ _f = _a.rotateImage,
7239
+ rotateImage = _f === void 0 ? false : _f,
7240
+ _g = _a.assets,
7241
+ assets = _g === void 0 ? {} : _g,
7242
+ _h = _a.classNames,
7243
+ classNames = _h === void 0 ? {} : _h,
7244
+ _j = _a.colors,
7245
+ colors = _j === void 0 ? {} : _j,
7246
+ _k = _a.verbiage,
7247
+ rawVerbiage = _k === void 0 ? {} : _k,
7270
7248
  customOverlayContent = _a.customOverlayContent;
7271
- var _o = useContext(IdCaptureModelsContext),
7272
- modelsReady = _o.ready,
7273
- modelDownloadProgress = _o.modelDownloadProgress;
7274
- var _p = useCameraStore(),
7275
- cameraReady = _p.cameraReady,
7276
- cameraAccessDenied = _p.cameraAccessDenied,
7277
- iphoneContinuityCameraAvailable = _p.iphoneContinuityCameraAvailable,
7278
- setIphoneContinuityCameraAllowed = _p.setIphoneContinuityCameraAllowed;
7279
- var _q = useState(false),
7280
- dismissed = _q[0],
7281
- setDismissed = _q[1];
7249
+ var sessionCheckState = useAuthContext()[0].sessionCheckState;
7250
+ var sessionReady = sessionCheckState === 'PASSED';
7251
+ var _l = useIdCaptureModelsContext(),
7252
+ modelsReady = _l.ready,
7253
+ modelDownloadProgress = _l.modelDownloadProgress;
7254
+ var _m = useCameraStore(),
7255
+ cameraReady = _m.cameraReady,
7256
+ cameraAccessDenied = _m.cameraAccessDenied,
7257
+ iphoneContinuityCameraAvailable = _m.iphoneContinuityCameraAvailable,
7258
+ setIphoneContinuityCameraAllowed = _m.setIphoneContinuityCameraAllowed;
7259
+ var _o = useState(false),
7260
+ dismissed = _o[0],
7261
+ setDismissed = _o[1];
7282
7262
  assets.instructionImageUrl || (assets.instructionImageUrl = legacyInstructionImageUrl$1);
7283
7263
  var verbiage = useTranslations(rawVerbiage, {
7284
7264
  headingText: 'Use your device camera to capture your ID',
@@ -7288,19 +7268,21 @@ var IdCaptureLoadingOverlayDefault = function IdCaptureLoadingOverlayDefault(_a)
7288
7268
  modelsReadyText: 'Guided capture experience ready',
7289
7269
  cameraInitializingText: 'Camera initializing...',
7290
7270
  cameraInitializedText: 'Camera ready',
7291
- continueText: "Let's Go!"
7271
+ continueText: "Let's Go!",
7272
+ sessionCheckingText: 'Checking session...'
7292
7273
  });
7274
+ var ready = sessionReady && modelsReady && cameraReady;
7293
7275
  useEffect(function () {
7294
- if (modelsReady && cameraReady) return function () {
7276
+ if (ready) return function () {
7295
7277
  return null;
7296
7278
  };
7297
7279
  var t = setTimeout(function () {
7298
- setDismissed(false);
7280
+ return setDismissed(false);
7299
7281
  }, 500);
7300
7282
  return function () {
7301
- clearTimeout(t);
7283
+ return clearTimeout(t);
7302
7284
  };
7303
- }, [cameraReady, modelsReady]);
7285
+ }, [ready]);
7304
7286
  var imageRef = useRef(null);
7305
7287
  if (dismissed) return /*#__PURE__*/React__default.createElement(React__default.Fragment, null);
7306
7288
  if (cameraAccessDenied) {
@@ -7373,18 +7355,18 @@ var IdCaptureLoadingOverlayDefault = function IdCaptureLoadingOverlayDefault(_a)
7373
7355
  }, /*#__PURE__*/React__default.createElement(LoadingList$1, {
7374
7356
  className: classNames.loadingList
7375
7357
  }, /*#__PURE__*/React__default.createElement(LoadingListItem$1, {
7376
- className: "".concat((_f = classNames.loadingListItem) !== null && _f !== void 0 ? _f : '', " ").concat(cameraReady ? 'done' : 'running')
7358
+ className: cn(classNames.loadingListItem, cameraReady ? 'done' : 'running')
7377
7359
  }, /*#__PURE__*/React__default.createElement(LoadingListItemIndicator, {
7378
7360
  className: classNames.loadingListItemIndicator,
7379
7361
  state: cameraReady ? 'done' : 'running'
7380
7362
  }), cameraReady ? verbiage.cameraInitializedText : verbiage.cameraInitializingText), /*#__PURE__*/React__default.createElement(LoadingListItem$1, {
7381
- className: "".concat((_g = classNames.loadingListItem) !== null && _g !== void 0 ? _g : '', " ").concat(modelsReady ? 'done' : 'running')
7363
+ className: cn(classNames.loadingListItem, sessionReady && modelsReady ? 'done' : 'running')
7382
7364
  }, /*#__PURE__*/React__default.createElement(LoadingListItemIndicator, {
7383
7365
  className: classNames.loadingListItemIndicator,
7384
- state: modelsReady ? 'done' : 'running'
7385
- }), modelsReady ? verbiage.modelsReadyText : modelDownloadProgress >= 100 ? verbiage.modelsWarmingUpText : "".concat(verbiage.downloadingText, " (").concat(modelDownloadProgress, "%)")))), /*#__PURE__*/React__default.createElement(ContinueButtonContainer$1, {
7366
+ state: sessionReady && modelsReady ? 'done' : 'running'
7367
+ }), !sessionReady ? verbiage.sessionCheckingText : modelsReady ? verbiage.modelsReadyText : modelDownloadProgress >= 100 ? verbiage.modelsWarmingUpText : "".concat(verbiage.downloadingText, " (").concat(modelDownloadProgress, "%)")))), /*#__PURE__*/React__default.createElement(ContinueButtonContainer$1, {
7386
7368
  className: classNames.continueBtnContainer
7387
- }, modelsReady && cameraReady && ( /*#__PURE__*/React__default.createElement(ContinueButton$1, {
7369
+ }, ready && ( /*#__PURE__*/React__default.createElement(ContinueButton$1, {
7388
7370
  autoFocus: true,
7389
7371
  finished: true,
7390
7372
  className: classNames.continueBtn,
@@ -7396,7 +7378,7 @@ var IdCaptureLoadingOverlayDefault = function IdCaptureLoadingOverlayDefault(_a)
7396
7378
  }
7397
7379
  }, verbiage.continueText))))));
7398
7380
  };
7399
- 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) {
7381
+ 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) {
7400
7382
  var _a, _b, _c, _d;
7401
7383
  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';
7402
7384
  }, function (props) {
@@ -7451,9 +7433,9 @@ var ContinueButton$1 = styled(LoaderButton)(templateObject_18 || (templateObject
7451
7433
  var _a, _b, _c, _d, _e, _f;
7452
7434
  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, ";") : '';
7453
7435
  });
7454
- 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;
7436
+ 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;
7455
7437
 
7456
- 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"])));
7438
+ 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"])));
7457
7439
  var ContinuityCameraCheckbox = styled.input(templateObject_2$t || (templateObject_2$t = __makeTemplateObject(["\n margin-right: 8px;\n"], ["\n margin-right: 8px;\n"])));
7458
7440
  var IdCaptureLoadingOverlayLegacy = function IdCaptureLoadingOverlayLegacy(_a) {
7459
7441
  var _b, _c, _d, _e;
@@ -7470,7 +7452,9 @@ var IdCaptureLoadingOverlayLegacy = function IdCaptureLoadingOverlayLegacy(_a) {
7470
7452
  colors = _j === void 0 ? {} : _j,
7471
7453
  _k = _a.verbiage,
7472
7454
  rawVerbiage = _k === void 0 ? {} : _k;
7473
- var _l = useContext(IdCaptureModelsContext),
7455
+ var sessionCheckState = useAuthContext()[0].sessionCheckState;
7456
+ var sessionReady = sessionCheckState === 'PASSED';
7457
+ var _l = useIdCaptureModelsContext(),
7474
7458
  modelsReady = _l.ready,
7475
7459
  modelDownloadProgress = _l.modelDownloadProgress;
7476
7460
  var _m = useCameraStore(useShallow(function (state) {
@@ -7497,17 +7481,18 @@ var IdCaptureLoadingOverlayLegacy = function IdCaptureLoadingOverlayLegacy(_a) {
7497
7481
  cameraInitializingText: 'Camera initializing...',
7498
7482
  continueText: 'Continue'
7499
7483
  });
7484
+ var ready = sessionReady && modelsReady && cameraReady;
7500
7485
  useEffect(function () {
7501
- if (modelsReady && cameraReady) return function () {
7486
+ if (ready) return function () {
7502
7487
  return null;
7503
7488
  };
7504
7489
  var t = setTimeout(function () {
7505
- setDismissed(false);
7490
+ return setDismissed(false);
7506
7491
  }, 500);
7507
7492
  return function () {
7508
- clearTimeout(t);
7493
+ return clearTimeout(t);
7509
7494
  };
7510
- }, [cameraReady, modelsReady]);
7495
+ }, [ready]);
7511
7496
  var imageRef = useRef(null);
7512
7497
  if (dismissed) return /*#__PURE__*/React__default.createElement(React__default.Fragment, null);
7513
7498
  if (cameraAccessDenied) {
@@ -7563,16 +7548,16 @@ var IdCaptureLoadingOverlayLegacy = function IdCaptureLoadingOverlayLegacy(_a) {
7563
7548
  }, verbiage.useContinuityCameraText)))), /*#__PURE__*/React__default.createElement(LoaderButton, {
7564
7549
  className: classNames.continueBtn,
7565
7550
  variant: "positive",
7566
- disabled: !cameraReady || !modelsReady,
7567
- finished: modelsReady && cameraReady,
7551
+ disabled: !ready,
7552
+ finished: ready,
7568
7553
  colors: colors.continueBtn,
7569
7554
  onClick: function onClick() {
7570
7555
  setDismissed(true);
7571
7556
  onDismissed === null || onDismissed === void 0 ? void 0 : onDismissed();
7572
7557
  }
7573
- }, cameraReady && modelsReady ? verbiage.continueText : modelsReady ? verbiage.cameraInitializingText : modelDownloadProgress >= 100 ? verbiage.modelsWarmingUpText : "".concat(verbiage.downloadingText, " (").concat(modelDownloadProgress, "%)"))));
7558
+ }, ready ? verbiage.continueText : modelsReady ? verbiage.cameraInitializingText : modelDownloadProgress >= 100 ? verbiage.modelsWarmingUpText : "".concat(verbiage.downloadingText, " (").concat(modelDownloadProgress, "%)"))));
7574
7559
  };
7575
- var templateObject_1$y, templateObject_2$t;
7560
+ var templateObject_1$z, templateObject_2$t;
7576
7561
 
7577
7562
  var components$1 = {
7578
7563
  "default": IdCaptureLoadingOverlayDefault,
@@ -7630,9 +7615,9 @@ var CapturedDocumentImg = function CapturedDocumentImg(_a) {
7630
7615
  });
7631
7616
  };
7632
7617
 
7633
- 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"])));
7618
+ 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"])));
7634
7619
  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"])));
7635
- var templateObject_1$x, templateObject_2$s;
7620
+ var templateObject_1$y, templateObject_2$s;
7636
7621
 
7637
7622
  var IdCaptureSuccess = function IdCaptureSuccess(_a) {
7638
7623
  var capturedDocuments = _a.capturedDocuments,
@@ -7691,13 +7676,13 @@ var IdCaptureSuccess = function IdCaptureSuccess(_a) {
7691
7676
  finished: true
7692
7677
  }, verbiage.retryText)))));
7693
7678
  };
7694
- 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"])));
7679
+ 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"])));
7695
7680
  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"])));
7696
7681
  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"])));
7697
7682
  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"])));
7698
7683
  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"])));
7699
7684
  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"])));
7700
- var templateObject_1$w, templateObject_2$r, templateObject_3$l, templateObject_4$f, templateObject_5$a, templateObject_6$8;
7685
+ var templateObject_1$x, templateObject_2$r, templateObject_3$l, templateObject_4$f, templateObject_5$a, templateObject_6$8;
7701
7686
 
7702
7687
  function useShowSuccessScreen(skipSuccessScreen, successScreenReady, onDoneCallback) {
7703
7688
  var _this = this;
@@ -7749,7 +7734,7 @@ function resetCanvasDimensions(canvas) {
7749
7734
  canvas.style.height = '0';
7750
7735
  }
7751
7736
 
7752
- 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) {
7737
+ 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) {
7753
7738
  return props.$isVisible ? '' : 'opacity: 0;';
7754
7739
  });
7755
7740
  var IdCardGuideImage = styled.img(templateObject_2$q || (templateObject_2$q = __makeTemplateObject(["\n transform-style: preserve-3d;\n ", "\n ", "\n"], ["\n transform-style: preserve-3d;\n ", "\n ", "\n"])), function (props) {
@@ -7905,7 +7890,7 @@ var IdCardBorderRect = styled.rect(templateObject_5$9 || (templateObject_5$9 = _
7905
7890
  var _a;
7906
7891
  return (_a = props.$fillMode) !== null && _a !== void 0 ? _a : 'forwards';
7907
7892
  });
7908
- var templateObject_1$v, templateObject_2$q, templateObject_3$k, templateObject_4$e, templateObject_5$9;
7893
+ var templateObject_1$w, templateObject_2$q, templateObject_3$k, templateObject_4$e, templateObject_5$9;
7909
7894
 
7910
7895
  var defaultIdCaptureGuideImages = {
7911
7896
  portrait: {
@@ -8081,12 +8066,12 @@ var IdVideoCaptureFlipIdPrompt = function IdVideoCaptureFlipIdPrompt(_a) {
8081
8066
  style: imageStyle
8082
8067
  })));
8083
8068
  };
8084
- 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) {
8069
+ 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) {
8085
8070
  return props.$transitionTime;
8086
8071
  }, function (props) {
8087
8072
  return props.$transforms;
8088
8073
  });
8089
- var templateObject_1$u;
8074
+ var templateObject_1$v;
8090
8075
 
8091
8076
  var GuideOrientationContext = /*#__PURE__*/createContext({
8092
8077
  orientation: 'landscape',
@@ -8373,7 +8358,7 @@ var regionClsx = function regionClsx(classNames, which) {
8373
8358
  return v;
8374
8359
  }).join(' ');
8375
8360
  };
8376
- 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"])));
8361
+ 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"])));
8377
8362
  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"])));
8378
8363
  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"])));
8379
8364
  var GuideRegion = styled.div(templateObject_4$d || (templateObject_4$d = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n justify-content: end;\n width: 100%;\n position: relative;\n z-index: 1000;\n background: ", ";\n color: ", ";\n text-align: center;\n ", "\n ", "\n"], ["\n display: flex;\n flex-direction: column;\n justify-content: end;\n width: 100%;\n position: relative;\n z-index: 1000;\n background: ", ";\n color: ", ";\n text-align: center;\n ", "\n ", "\n"])), function (props) {
@@ -8401,7 +8386,7 @@ var GuideCenterBorder = styled.div(templateObject_7$5 || (templateObject_7$5 = _
8401
8386
  });
8402
8387
  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"])));
8403
8388
  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"])));
8404
- 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;
8389
+ 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;
8405
8390
 
8406
8391
  var IdCaptureFitGuide = function IdCaptureFitGuide(_a) {
8407
8392
  var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
@@ -8542,11 +8527,11 @@ var IdCaptureFitGuide = function IdCaptureFitGuide(_a) {
8542
8527
  progress: progress
8543
8528
  }));
8544
8529
  };
8545
- 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) {
8530
+ 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) {
8546
8531
  return props.$maskColor;
8547
8532
  });
8548
8533
  var Canvas$1 = styled.canvas(templateObject_2$o || (templateObject_2$o = __makeTemplateObject(["\n display: block;\n"], ["\n display: block;\n"])));
8549
- var templateObject_1$s, templateObject_2$o;
8534
+ var templateObject_1$t, templateObject_2$o;
8550
8535
 
8551
8536
  function IdCaptureGuides(_a) {
8552
8537
  var _b = _a.guideType,
@@ -8602,6 +8587,33 @@ function IdCaptureGuides(_a) {
8602
8587
  })));
8603
8588
  }
8604
8589
 
8590
+ var Spinner = styled.div(templateObject_1$s || (templateObject_1$s = __makeTemplateObject(["\n display: inline-block;\n width: ", "px;\n height: ", "px;\n margin: auto;\n\n &:after {\n content: ' ';\n display: block;\n width: ", "px;\n height: ", "px;\n margin: 8px;\n border-radius: 50%;\n border: ", "px solid\n ", ";\n border-color: ", " transparent\n ", " transparent;\n animation: ", " 1.2s linear infinite;\n box-sizing: content-box;\n }\n"], ["\n display: inline-block;\n width: ", "px;\n height: ", "px;\n margin: auto;\n\n &:after {\n content: ' ';\n display: block;\n width: ", "px;\n height: ", "px;\n margin: 8px;\n border-radius: 50%;\n border: ", "px solid\n ", ";\n border-color: ", " transparent\n ", " transparent;\n animation: ", " 1.2s linear infinite;\n box-sizing: content-box;\n }\n"])), function (_a) {
8591
+ var $size = _a.$size;
8592
+ return $size !== null && $size !== void 0 ? $size : 80;
8593
+ }, function (_a) {
8594
+ var $size = _a.$size;
8595
+ return $size !== null && $size !== void 0 ? $size : 80;
8596
+ }, function (_a) {
8597
+ var $size = _a.$size;
8598
+ return ($size !== null && $size !== void 0 ? $size : 80) - 16;
8599
+ }, function (_a) {
8600
+ var $size = _a.$size;
8601
+ return ($size !== null && $size !== void 0 ? $size : 80) - 16;
8602
+ }, function (_a) {
8603
+ var $thickness = _a.$thickness;
8604
+ return $thickness !== null && $thickness !== void 0 ? $thickness : 6;
8605
+ }, function (_a) {
8606
+ var $color = _a.$color;
8607
+ return $color !== null && $color !== void 0 ? $color : '#888';
8608
+ }, function (_a) {
8609
+ var $color = _a.$color;
8610
+ return $color !== null && $color !== void 0 ? $color : '#888';
8611
+ }, function (_a) {
8612
+ var $color = _a.$color;
8613
+ return $color !== null && $color !== void 0 ? $color : '#888';
8614
+ }, dualRingSpinnerAnimation);
8615
+ var templateObject_1$s;
8616
+
8605
8617
  var IdCaptureImagePreview = function IdCaptureImagePreview(_a) {
8606
8618
  var _b = _a.classNames,
8607
8619
  classNames = _b === void 0 ? {} : _b,
@@ -11273,6 +11285,13 @@ function SelfieGuidanceModelsProvider(_a) {
11273
11285
  ref: canvasRef
11274
11286
  }), children);
11275
11287
  }
11288
+ function useSelfieGuidanceModelsContext() {
11289
+ var context = React.useContext(SelfieGuidanceModelsContext);
11290
+ if (!context) {
11291
+ throw new Error('useSelfieGuidanceModelsContext must be used within a SelfieGuidanceModelsProvider');
11292
+ }
11293
+ return context;
11294
+ }
11276
11295
 
11277
11296
  var useTimeout = function useTimeout(durationMs, onTimeout, timeoutAverted, shouldWaitLonger, shouldStart) {
11278
11297
  if (shouldStart === void 0) {
@@ -12148,6 +12167,8 @@ var SelfieCaptureLoadingOverlayLegacy = function SelfieCaptureLoadingOverlayLega
12148
12167
  colors = _e === void 0 ? {} : _e,
12149
12168
  _f = _a.verbiage,
12150
12169
  rawVerbiage = _f === void 0 ? {} : _f;
12170
+ var sessionCheckState = useAuthContext()[0].sessionCheckState;
12171
+ var sessionReady = sessionCheckState === 'PASSED';
12151
12172
  var _g = useCameraStore(useShallow(function (state) {
12152
12173
  return {
12153
12174
  cameraReady: state.cameraReady,
@@ -12158,7 +12179,7 @@ var SelfieCaptureLoadingOverlayLegacy = function SelfieCaptureLoadingOverlayLega
12158
12179
  cameraReady = _g.cameraReady,
12159
12180
  cameraAccessDenied = _g.cameraAccessDenied,
12160
12181
  microphoneAccessDenied = _g.microphoneAccessDenied;
12161
- var _h = useContext(SelfieGuidanceModelsContext),
12182
+ var _h = useSelfieGuidanceModelsContext(),
12162
12183
  modelsReady = _h.ready,
12163
12184
  modelDownloadProgress = _h.modelDownloadProgress;
12164
12185
  var idCaptureModelsContext = useContext(IdCaptureModelsContext);
@@ -12193,6 +12214,7 @@ var SelfieCaptureLoadingOverlayLegacy = function SelfieCaptureLoadingOverlayLega
12193
12214
  });
12194
12215
  }
12195
12216
  var allModelsReady = modelsReady && (!waitForIdCaptureModels || (idCaptureModelsContext === null || idCaptureModelsContext === void 0 ? void 0 : idCaptureModelsContext.ready));
12217
+ var ready = sessionReady && allModelsReady && cameraReady;
12196
12218
  return /*#__PURE__*/React__default.createElement(OverlayContainer, {
12197
12219
  className: classNames.container
12198
12220
  }, /*#__PURE__*/React__default.createElement(OverlayInner$2, {
@@ -12212,15 +12234,15 @@ var SelfieCaptureLoadingOverlayLegacy = function SelfieCaptureLoadingOverlayLega
12212
12234
  className: classNames.buttonsRow
12213
12235
  }, /*#__PURE__*/React__default.createElement(LoaderButton, {
12214
12236
  variant: "positive",
12215
- disabled: !cameraReady || !allModelsReady,
12216
- finished: cameraReady && allModelsReady,
12237
+ disabled: !ready,
12238
+ finished: ready,
12217
12239
  className: classNames.continueBtn,
12218
12240
  colors: colors.continueBtn,
12219
12241
  onClick: function onClick() {
12220
12242
  setDismissed(true);
12221
12243
  onDismissed === null || onDismissed === void 0 ? void 0 : onDismissed();
12222
12244
  }
12223
- }, cameraReady && allModelsReady ? verbiage.continueText : allModelsReady ? verbiage.cameraInitializingText : modelDownloadProgress >= 100 ? "".concat(verbiage.modelsWarmingUpText) : "".concat(verbiage.downloadingText, " (").concat(modelDownloadProgress, "%)")))));
12245
+ }, ready ? verbiage.continueText : allModelsReady ? verbiage.cameraInitializingText : modelDownloadProgress >= 100 ? "".concat(verbiage.modelsWarmingUpText) : "".concat(verbiage.downloadingText, " (").concat(modelDownloadProgress, "%)")))));
12224
12246
  };
12225
12247
  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"])));
12226
12248
  var StyledButtonsRow$6 = styled(ButtonsRow)(templateObject_2$c || (templateObject_2$c = __makeTemplateObject(["\n flex-direction: column;\n padding-top: 25px;\n"], ["\n flex-direction: column;\n padding-top: 25px;\n"])));
@@ -12248,6 +12270,8 @@ var SelfieCaptureLoadingOverlayDefault = function SelfieCaptureLoadingOverlayDef
12248
12270
  colors = _e === void 0 ? {} : _e,
12249
12271
  _f = _a.verbiage,
12250
12272
  rawVerbiage = _f === void 0 ? {} : _f;
12273
+ var sessionCheckState = useAuthContext()[0].sessionCheckState;
12274
+ var sessionReady = sessionCheckState === 'PASSED';
12251
12275
  var _g = useCameraStore(useShallow(function (state) {
12252
12276
  return {
12253
12277
  cameraReady: state.cameraReady,
@@ -12258,7 +12282,7 @@ var SelfieCaptureLoadingOverlayDefault = function SelfieCaptureLoadingOverlayDef
12258
12282
  cameraReady = _g.cameraReady,
12259
12283
  cameraAccessDenied = _g.cameraAccessDenied,
12260
12284
  microphoneAccessDenied = _g.microphoneAccessDenied;
12261
- var _h = useContext(SelfieGuidanceModelsContext),
12285
+ var _h = useSelfieGuidanceModelsContext(),
12262
12286
  modelsReady = _h.ready,
12263
12287
  modelDownloadProgress = _h.modelDownloadProgress;
12264
12288
  var idCaptureModelsContext = useContext(IdCaptureModelsContext);
@@ -12271,7 +12295,8 @@ var SelfieCaptureLoadingOverlayDefault = function SelfieCaptureLoadingOverlayDef
12271
12295
  cameraInitializedText: 'Camera ready',
12272
12296
  downloadingText: 'Downloading...',
12273
12297
  modelsWarmingUpText: 'Loading guided capture experience...',
12274
- modelsReadyText: 'Guided capture experience ready'
12298
+ modelsReadyText: 'Guided capture experience ready',
12299
+ sessionCheckingText: 'Checking session...'
12275
12300
  });
12276
12301
  var _j = useState(0),
12277
12302
  headingTextIndex = _j[0],
@@ -12305,6 +12330,7 @@ var SelfieCaptureLoadingOverlayDefault = function SelfieCaptureLoadingOverlayDef
12305
12330
  });
12306
12331
  }
12307
12332
  var allModelsReady = modelsReady && (!waitForIdCaptureModels || (idCaptureModelsContext === null || idCaptureModelsContext === void 0 ? void 0 : idCaptureModelsContext.ready));
12333
+ var ready = sessionReady && allModelsReady && cameraReady;
12308
12334
  return /*#__PURE__*/React__default.createElement(OverlayContainer, {
12309
12335
  className: classNames.container
12310
12336
  }, /*#__PURE__*/React__default.createElement(OverlayInner, {
@@ -12340,18 +12366,18 @@ var SelfieCaptureLoadingOverlayDefault = function SelfieCaptureLoadingOverlayDef
12340
12366
  }, /*#__PURE__*/React__default.createElement(LoadingList, {
12341
12367
  className: classNames.loadingList
12342
12368
  }, /*#__PURE__*/React__default.createElement(LoadingListItem, {
12343
- className: "".concat(classNames.loadingListItem, " ").concat(cameraReady ? 'done' : 'running')
12369
+ className: cn(classNames.loadingListItem, cameraReady ? 'done' : 'running')
12344
12370
  }, /*#__PURE__*/React__default.createElement(LoadingListItemIndicator, {
12345
12371
  className: classNames.loadingListItemIndicator,
12346
12372
  state: cameraReady ? 'done' : 'running'
12347
12373
  }), cameraReady ? verbiage.cameraInitializedText : verbiage.cameraInitializingText), /*#__PURE__*/React__default.createElement(LoadingListItem, {
12348
- className: "".concat(classNames.loadingListItem, " ").concat(allModelsReady ? 'done' : 'running')
12374
+ className: cn(classNames.loadingListItem, sessionReady && allModelsReady ? 'done' : 'running')
12349
12375
  }, /*#__PURE__*/React__default.createElement(LoadingListItemIndicator, {
12350
12376
  className: classNames.loadingListItemIndicator,
12351
- state: allModelsReady ? 'done' : 'running'
12352
- }), allModelsReady ? verbiage.modelsReadyText : modelDownloadProgress >= 100 ? verbiage.modelsWarmingUpText : "".concat(verbiage.downloadingText, " (").concat(modelDownloadProgress, "%)")))), /*#__PURE__*/React__default.createElement(ContinueButtonContainer, {
12377
+ state: sessionReady && allModelsReady ? 'done' : 'running'
12378
+ }), !sessionReady ? verbiage.sessionCheckingText : !allModelsReady ? verbiage.modelsReadyText : modelDownloadProgress >= 100 ? verbiage.modelsWarmingUpText : "".concat(verbiage.downloadingText, " (").concat(modelDownloadProgress, "%)")))), /*#__PURE__*/React__default.createElement(ContinueButtonContainer, {
12353
12379
  className: classNames.continueBtnContainer
12354
- }, allModelsReady && cameraReady && ( /*#__PURE__*/React__default.createElement(ContinueButton, {
12380
+ }, ready && ( /*#__PURE__*/React__default.createElement(ContinueButton, {
12355
12381
  autoFocus: true,
12356
12382
  finished: true,
12357
12383
  className: classNames.continueBtn,