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.cjs.development.js CHANGED
@@ -15,6 +15,7 @@ var useDebounce = require('use-debounce');
15
15
  var middleware = require('zustand/middleware');
16
16
  var shallow = require('zustand/react/shallow');
17
17
  var reactDom = require('react-dom');
18
+ var cn = require('clsx');
18
19
  var SignatureCanvas = require('react-signature-canvas');
19
20
 
20
21
  function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -44,6 +45,7 @@ var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
44
45
  var SparkMD5__default = /*#__PURE__*/_interopDefaultCompat(SparkMD5);
45
46
  var LanguageDetector__default = /*#__PURE__*/_interopDefaultCompat(LanguageDetector);
46
47
  var i18n__default = /*#__PURE__*/_interopDefaultCompat(i18n);
48
+ var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
47
49
  var SignatureCanvas__default = /*#__PURE__*/_interopDefaultCompat(SignatureCanvas);
48
50
 
49
51
  /******************************************************************************
@@ -233,7 +235,7 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
233
235
  return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
234
236
  };
235
237
 
236
- var webSdkVersion = '2.2.165';
238
+ var webSdkVersion = '2.2.166';
237
239
 
238
240
  function getPlatform() {
239
241
  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -770,39 +772,6 @@ var SessionValidationErrorOverlay = function SessionValidationErrorOverlay(_a) {
770
772
  }, retryText)))));
771
773
  };
772
774
 
773
- 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"])));
774
- 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"])));
775
- 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"])));
776
- 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"])));
777
- var templateObject_1$K, templateObject_2$B, templateObject_3$r, templateObject_4$l;
778
-
779
- var Spinner = styled__default.default.div(templateObject_1$J || (templateObject_1$J = __makeTemplateObject(["\n display: inline-block;\n width: ", "px;\n height: ", "px;\n margin: auto;\n\n &:after {\n content: ' ';\n display: block;\n width: ", "px;\n height: ", "px;\n margin: 8px;\n border-radius: 50%;\n border: ", "px solid\n ", ";\n border-color: ", " transparent\n ", " transparent;\n animation: ", " 1.2s linear infinite;\n box-sizing: content-box;\n }\n"], ["\n display: inline-block;\n width: ", "px;\n height: ", "px;\n margin: auto;\n\n &:after {\n content: ' ';\n display: block;\n width: ", "px;\n height: ", "px;\n margin: 8px;\n border-radius: 50%;\n border: ", "px solid\n ", ";\n border-color: ", " transparent\n ", " transparent;\n animation: ", " 1.2s linear infinite;\n box-sizing: content-box;\n }\n"])), function (_a) {
780
- var $size = _a.$size;
781
- return $size !== null && $size !== void 0 ? $size : 80;
782
- }, function (_a) {
783
- var $size = _a.$size;
784
- return $size !== null && $size !== void 0 ? $size : 80;
785
- }, function (_a) {
786
- var $size = _a.$size;
787
- return ($size !== null && $size !== void 0 ? $size : 80) - 16;
788
- }, function (_a) {
789
- var $size = _a.$size;
790
- return ($size !== null && $size !== void 0 ? $size : 80) - 16;
791
- }, function (_a) {
792
- var $thickness = _a.$thickness;
793
- return $thickness !== null && $thickness !== void 0 ? $thickness : 6;
794
- }, function (_a) {
795
- var $color = _a.$color;
796
- return $color !== null && $color !== void 0 ? $color : '#888';
797
- }, function (_a) {
798
- var $color = _a.$color;
799
- return $color !== null && $color !== void 0 ? $color : '#888';
800
- }, function (_a) {
801
- var $color = _a.$color;
802
- return $color !== null && $color !== void 0 ? $color : '#888';
803
- }, dualRingSpinnerAnimation);
804
- var templateObject_1$J;
805
-
806
775
  var LogLevel;
807
776
  (function (LogLevel) {
808
777
  LogLevel[LogLevel["Off"] = 0] = "Off";
@@ -1080,9 +1049,6 @@ function AuthProvider(_a) {
1080
1049
  }
1081
1050
  });
1082
1051
  }
1083
- if (state.sessionCheckState === 'READY' || state.sessionCheckState === 'RUNNING') return /*#__PURE__*/React__namespace.default.createElement(PageContainer, {
1084
- className: "flex"
1085
- }, /*#__PURE__*/React__namespace.default.createElement(Spinner, null));
1086
1052
  return /*#__PURE__*/React__namespace.default.createElement(AuthStateContext.Provider, {
1087
1053
  value: state
1088
1054
  }, /*#__PURE__*/React__namespace.default.createElement(AuthDispatchContext.Provider, {
@@ -2144,7 +2110,7 @@ function getFrameDimensions(frame) {
2144
2110
  return [frameWidth, frameHeight];
2145
2111
  }
2146
2112
 
2147
- var InvisibleCanvas = styled__default.default.canvas(templateObject_1$I || (templateObject_1$I = __makeTemplateObject(["\n display: none;\n"], ["\n display: none;\n"])));
2113
+ var InvisibleCanvas = styled__default.default.canvas(templateObject_1$K || (templateObject_1$K = __makeTemplateObject(["\n display: none;\n"], ["\n display: none;\n"])));
2148
2114
  function drawToCanvas(canvas, frame, width, height) {
2149
2115
  if (!canvas) return;
2150
2116
  var ctx = canvas.getContext('2d');
@@ -2164,7 +2130,7 @@ function clearCanvas(canvas) {
2164
2130
  var _a;
2165
2131
  (_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);
2166
2132
  }
2167
- var templateObject_1$I;
2133
+ var templateObject_1$K;
2168
2134
 
2169
2135
  function cropToShoulders(rawCanvas, cropCanvas, resizeCanvas, frame, face, quality, maxHeight) {
2170
2136
  if (quality === void 0) {
@@ -5123,14 +5089,14 @@ function CameraTamperSeal(_a) {
5123
5089
  className: classNames.message
5124
5090
  }, messageText)));
5125
5091
  }
5126
- var StyledOverlayInner$4 = styled__default.default(OverlayInner$2)(templateObject_1$H || (templateObject_1$H = __makeTemplateObject(["\n justify-content: center;\n"], ["\n justify-content: center;\n"])));
5127
- var StyledOverlayHeading = styled__default.default.h3(templateObject_2$A || (templateObject_2$A = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
5092
+ var StyledOverlayInner$4 = styled__default.default(OverlayInner$2)(templateObject_1$J || (templateObject_1$J = __makeTemplateObject(["\n justify-content: center;\n"], ["\n justify-content: center;\n"])));
5093
+ var StyledOverlayHeading = styled__default.default.h3(templateObject_2$B || (templateObject_2$B = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
5128
5094
  function useCameraStore(selector) {
5129
5095
  var store = React.useContext(CameraStoreContext);
5130
5096
  if (!store) throw new Error('useCameraStore cannot be used without Provider');
5131
5097
  return zustand.useStore(store, selector);
5132
5098
  }
5133
- var templateObject_1$H, templateObject_2$A;
5099
+ var templateObject_1$J, templateObject_2$B;
5134
5100
 
5135
5101
  var DocumentDetectionModelContext = /*#__PURE__*/React.createContext({
5136
5102
  startDocumentDetection: function startDocumentDetection() {
@@ -5629,6 +5595,13 @@ function IdCaptureModelsProvider(_a) {
5629
5595
  props = __rest(_a, ["children"]);
5630
5596
  return /*#__PURE__*/React__namespace.default.createElement(DocumentDetectionModelProvider, _assign({}, props), /*#__PURE__*/React__namespace.default.createElement(FocusModelProvider, _assign({}, props), /*#__PURE__*/React__namespace.default.createElement(IdCaptureModelsProviderInner, _assign({}, props), children)));
5631
5597
  }
5598
+ function useIdCaptureModelsContext() {
5599
+ var context = React.useContext(IdCaptureModelsContext);
5600
+ if (!context) {
5601
+ throw new Error('useIdCaptureModelsContext must be used within an IdCaptureModelsProvider');
5602
+ }
5603
+ return context;
5604
+ }
5632
5605
 
5633
5606
  var CapturedDocumentTypeValues = ['idCardFront', 'idCardBack', 'passport', 'singlePage', 'selfie'];
5634
5607
 
@@ -6088,12 +6061,12 @@ function DebugStatsPane(_a) {
6088
6061
  if (!portalLocation) return element;
6089
6062
  return /*#__PURE__*/reactDom.createPortal(element, portalLocation);
6090
6063
  }
6091
- var DebugStatsPaneDiv = styled__default.default.span(templateObject_1$G || (templateObject_1$G = __makeTemplateObject(["\n font-size: 16px;\n font-family: monospace;\n position: absolute;\n left: 20px;\n bottom: 20px;\n margin-right: 20px;\n padding: 8px;\n color: limegreen;\n background: rgba(0, 0, 0, 0.5);\n z-index: 10002;\n"], ["\n font-size: 16px;\n font-family: monospace;\n position: absolute;\n left: 20px;\n bottom: 20px;\n margin-right: 20px;\n padding: 8px;\n color: limegreen;\n background: rgba(0, 0, 0, 0.5);\n z-index: 10002;\n"])));
6092
- var ObjectDetectionDebugOverlayDiv = styled__default.default.div(templateObject_2$z || (templateObject_2$z = __makeTemplateObject(["\n position: absolute;\n z-index: 1001;\n width: 100%;\n height: 100%;\n max-width: 100%;\n max-height: 100%;\n overflow: hidden;\n ", "\n transform-style: preserve-3d;\n"], ["\n position: absolute;\n z-index: 1001;\n width: 100%;\n height: 100%;\n max-width: 100%;\n max-height: 100%;\n overflow: hidden;\n ", "\n transform-style: preserve-3d;\n"])), function (_a) {
6064
+ var DebugStatsPaneDiv = styled__default.default.span(templateObject_1$I || (templateObject_1$I = __makeTemplateObject(["\n font-size: 16px;\n font-family: monospace;\n position: absolute;\n left: 20px;\n bottom: 20px;\n margin-right: 20px;\n padding: 8px;\n color: limegreen;\n background: rgba(0, 0, 0, 0.5);\n z-index: 10002;\n"], ["\n font-size: 16px;\n font-family: monospace;\n position: absolute;\n left: 20px;\n bottom: 20px;\n margin-right: 20px;\n padding: 8px;\n color: limegreen;\n background: rgba(0, 0, 0, 0.5);\n z-index: 10002;\n"])));
6065
+ var ObjectDetectionDebugOverlayDiv = styled__default.default.div(templateObject_2$A || (templateObject_2$A = __makeTemplateObject(["\n position: absolute;\n z-index: 1001;\n width: 100%;\n height: 100%;\n max-width: 100%;\n max-height: 100%;\n overflow: hidden;\n ", "\n transform-style: preserve-3d;\n"], ["\n position: absolute;\n z-index: 1001;\n width: 100%;\n height: 100%;\n max-width: 100%;\n max-height: 100%;\n overflow: hidden;\n ", "\n transform-style: preserve-3d;\n"])), function (_a) {
6093
6066
  var $flipX = _a.$flipX;
6094
6067
  return $flipX ? 'transform: scaleX(-1);' : '';
6095
6068
  });
6096
- var ObjectDetectionDebugBox = styled__default.default.div(templateObject_3$q || (templateObject_3$q = __makeTemplateObject(["\n font: 10px monospace;\n position: absolute;\n border: 3px solid ", ";\n color: ", ";\n ", "\n transform-style: preserve-3d;\n"], ["\n font: 10px monospace;\n position: absolute;\n border: 3px solid ", ";\n color: ", ";\n ", "\n transform-style: preserve-3d;\n"])), function (_a) {
6069
+ var ObjectDetectionDebugBox = styled__default.default.div(templateObject_3$r || (templateObject_3$r = __makeTemplateObject(["\n font: 10px monospace;\n position: absolute;\n border: 3px solid ", ";\n color: ", ";\n ", "\n transform-style: preserve-3d;\n"], ["\n font: 10px monospace;\n position: absolute;\n border: 3px solid ", ";\n color: ", ";\n ", "\n transform-style: preserve-3d;\n"])), function (_a) {
6097
6070
  var $color = _a.$color;
6098
6071
  return $color !== null && $color !== void 0 ? $color : 'green';
6099
6072
  }, function (_a) {
@@ -6103,7 +6076,7 @@ var ObjectDetectionDebugBox = styled__default.default.div(templateObject_3$q ||
6103
6076
  var $flipX = _a.$flipX;
6104
6077
  return $flipX ? 'transform: scaleX(-1);' : '';
6105
6078
  });
6106
- var FaceDetectionKeypointMarker = styled__default.default.div(templateObject_4$k || (templateObject_4$k = __makeTemplateObject(["\n position: absolute;\n width: 4px;\n height: 4px;\n border: 2px solid ", ";\n font: 10px monospace;\n color: ", ";\n border-radius: 50%;\n ", "\n transform-style: preserve-3d;\n"], ["\n position: absolute;\n width: 4px;\n height: 4px;\n border: 2px solid ", ";\n font: 10px monospace;\n color: ", ";\n border-radius: 50%;\n ", "\n transform-style: preserve-3d;\n"])), function (_a) {
6079
+ var FaceDetectionKeypointMarker = styled__default.default.div(templateObject_4$l || (templateObject_4$l = __makeTemplateObject(["\n position: absolute;\n width: 4px;\n height: 4px;\n border: 2px solid ", ";\n font: 10px monospace;\n color: ", ";\n border-radius: 50%;\n ", "\n transform-style: preserve-3d;\n"], ["\n position: absolute;\n width: 4px;\n height: 4px;\n border: 2px solid ", ";\n font: 10px monospace;\n color: ", ";\n border-radius: 50%;\n ", "\n transform-style: preserve-3d;\n"])), function (_a) {
6107
6080
  var $color = _a.$color;
6108
6081
  return $color !== null && $color !== void 0 ? $color : 'red';
6109
6082
  }, function (_a) {
@@ -6294,9 +6267,9 @@ function SelfieCaptureFaceKeypoint(_a) {
6294
6267
  }
6295
6268
  });
6296
6269
  }
6297
- var templateObject_1$G, templateObject_2$z, templateObject_3$q, templateObject_4$k;
6270
+ var templateObject_1$I, templateObject_2$A, templateObject_3$r, templateObject_4$l;
6298
6271
 
6299
- var GuidanceMessageContainerDiv = styled__default.default.div(templateObject_1$F || (templateObject_1$F = __makeTemplateObject(["\n position: absolute;\n top: calc(", ");\n ", "\n font-weight: bold;\n width: 100%;\n display: flex;\n"], ["\n position: absolute;\n top: calc(", ");\n ", "\n font-weight: bold;\n width: 100%;\n display: flex;\n"])), function (_a) {
6272
+ var GuidanceMessageContainerDiv = styled__default.default.div(templateObject_1$H || (templateObject_1$H = __makeTemplateObject(["\n position: absolute;\n top: calc(", ");\n ", "\n font-weight: bold;\n width: 100%;\n display: flex;\n"], ["\n position: absolute;\n top: calc(", ");\n ", "\n font-weight: bold;\n width: 100%;\n display: flex;\n"])), function (_a) {
6300
6273
  var $top = _a.$top;
6301
6274
  return $top !== null && $top !== void 0 ? $top : '10vh';
6302
6275
  }, function (_a) {
@@ -6309,14 +6282,14 @@ var GuidanceMessageContainer = function GuidanceMessageContainer(props) {
6309
6282
  if (!portalLocation) return element;
6310
6283
  return /*#__PURE__*/reactDom.createPortal(element, portalLocation);
6311
6284
  };
6312
- var GuidanceMessage = styled__default.default.div(templateObject_2$y || (templateObject_2$y = __makeTemplateObject(["\n margin-left: auto;\n margin-right: auto;\n background: ", ";\n color: ", ";\n padding: 10px 12px 8px;\n border-radius: 8px;\n z-index: 10001;\n"], ["\n margin-left: auto;\n margin-right: auto;\n background: ", ";\n color: ", ";\n padding: 10px 12px 8px;\n border-radius: 8px;\n z-index: 10001;\n"])), function (props) {
6285
+ var GuidanceMessage = styled__default.default.div(templateObject_2$z || (templateObject_2$z = __makeTemplateObject(["\n margin-left: auto;\n margin-right: auto;\n background: ", ";\n color: ", ";\n padding: 10px 12px 8px;\n border-radius: 8px;\n z-index: 10001;\n"], ["\n margin-left: auto;\n margin-right: auto;\n background: ", ";\n color: ", ";\n padding: 10px 12px 8px;\n border-radius: 8px;\n z-index: 10001;\n"])), function (props) {
6313
6286
  var _a, _b, _c, _d, _e, _f;
6314
6287
  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';
6315
6288
  }, function (props) {
6316
6289
  var _a, _b, _c, _d, _e, _f;
6317
6290
  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';
6318
6291
  });
6319
- var templateObject_1$F, templateObject_2$y;
6292
+ var templateObject_1$H, templateObject_2$z;
6320
6293
 
6321
6294
  function OverrideWrongDocumentTypeGuidanceDialog(_a) {
6322
6295
  var _b = _a.classNames,
@@ -6349,18 +6322,18 @@ function OverrideWrongDocumentTypeGuidanceDialog(_a) {
6349
6322
  }
6350
6323
  }, verbiage.buttonText))));
6351
6324
  }
6352
- var Container$2 = styled__default.default.div(templateObject_1$E || (templateObject_1$E = __makeTemplateObject(["\n position: fixed;\n left: 0;\n bottom: 0;\n width: 100dvw;\n background: ", ";\n color: ", ";\n display: flex;\n z-index: 100001;\n"], ["\n position: fixed;\n left: 0;\n bottom: 0;\n width: 100dvw;\n background: ", ";\n color: ", ";\n display: flex;\n z-index: 100001;\n"])), function (props) {
6325
+ var Container$2 = styled__default.default.div(templateObject_1$G || (templateObject_1$G = __makeTemplateObject(["\n position: fixed;\n left: 0;\n bottom: 0;\n width: 100dvw;\n background: ", ";\n color: ", ";\n display: flex;\n z-index: 100001;\n"], ["\n position: fixed;\n left: 0;\n bottom: 0;\n width: 100dvw;\n background: ", ";\n color: ", ";\n display: flex;\n z-index: 100001;\n"])), function (props) {
6353
6326
  var _a, _b, _c;
6354
6327
  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';
6355
6328
  }, function (props) {
6356
6329
  var _a, _b, _c;
6357
6330
  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';
6358
6331
  });
6359
- var InnerContainer = styled__default.default.div(templateObject_2$x || (templateObject_2$x = __makeTemplateObject(["\n display: flex;\n flex-direction: row;\n padding: 16px 24px;\n margin: auto 0;\n width: 100%;\n"], ["\n display: flex;\n flex-direction: row;\n padding: 16px 24px;\n margin: auto 0;\n width: 100%;\n"])));
6360
- var Message = styled__default.default.span(templateObject_3$p || (templateObject_3$p = __makeTemplateObject(["\n display: block;\n margin: auto 12px auto 0;\n"], ["\n display: block;\n margin: auto 12px auto 0;\n"])));
6361
- var ButtonContainer = styled__default.default.div(templateObject_4$j || (templateObject_4$j = __makeTemplateObject(["\n display: flex;\n margin-left: auto;\n"], ["\n display: flex;\n margin-left: auto;\n"])));
6332
+ var InnerContainer = styled__default.default.div(templateObject_2$y || (templateObject_2$y = __makeTemplateObject(["\n display: flex;\n flex-direction: row;\n padding: 16px 24px;\n margin: auto 0;\n width: 100%;\n"], ["\n display: flex;\n flex-direction: row;\n padding: 16px 24px;\n margin: auto 0;\n width: 100%;\n"])));
6333
+ var Message = styled__default.default.span(templateObject_3$q || (templateObject_3$q = __makeTemplateObject(["\n display: block;\n margin: auto 12px auto 0;\n"], ["\n display: block;\n margin: auto 12px auto 0;\n"])));
6334
+ var ButtonContainer = styled__default.default.div(templateObject_4$k || (templateObject_4$k = __makeTemplateObject(["\n display: flex;\n margin-left: auto;\n"], ["\n display: flex;\n margin-left: auto;\n"])));
6362
6335
  var Button$1 = styled__default.default(LoaderButton)(templateObject_5$c || (templateObject_5$c = __makeTemplateObject(["\n white-space: nowrap;\n margin: auto;\n"], ["\n white-space: nowrap;\n margin: auto;\n"])));
6363
- var templateObject_1$E, templateObject_2$x, templateObject_3$p, templateObject_4$j, templateObject_5$c;
6336
+ var templateObject_1$G, templateObject_2$y, templateObject_3$q, templateObject_4$k, templateObject_5$c;
6364
6337
 
6365
6338
  // This is a simplified version of https://github.com/ZeeCoder/use-resize-observer.
6366
6339
  // We have removed all options and made it compliant with React Compiler/React 19.
@@ -6682,13 +6655,13 @@ var CameraAccessDeniedOverlay = function CameraAccessDeniedOverlay(_a) {
6682
6655
  finished: true
6683
6656
  }, verbiage.retryBtnText)));
6684
6657
  };
6685
- var StyledOverlayInner$3 = styled__default.default(OverlayInner$2)(templateObject_1$D || (templateObject_1$D = __makeTemplateObject(["\n max-width: 500px;\n height: auto;\n margin: auto;\n"], ["\n max-width: 500px;\n height: auto;\n margin: auto;\n"])));
6686
- var StyledOverlayImageContainer$3 = styled__default.default(OverlayImageContainer)(templateObject_2$w || (templateObject_2$w = __makeTemplateObject(["\n flex-grow: 0;\n"], ["\n flex-grow: 0;\n"])));
6687
- var Description$4 = styled__default.default.p(templateObject_3$o || (templateObject_3$o = __makeTemplateObject(["\n line-height: 1.5;\n margin-bottom: 50px;\n"], ["\n line-height: 1.5;\n margin-bottom: 50px;\n"])));
6688
- var RetryButton$1 = styled__default.default(LoaderButton)(templateObject_4$i || (templateObject_4$i = __makeTemplateObject(["\n width: 200px;\n margin: 0 auto;\n"], ["\n width: 200px;\n margin: 0 auto;\n"])));
6689
- var templateObject_1$D, templateObject_2$w, templateObject_3$o, templateObject_4$i;
6658
+ var StyledOverlayInner$3 = styled__default.default(OverlayInner$2)(templateObject_1$F || (templateObject_1$F = __makeTemplateObject(["\n max-width: 500px;\n height: auto;\n margin: auto;\n"], ["\n max-width: 500px;\n height: auto;\n margin: auto;\n"])));
6659
+ var StyledOverlayImageContainer$3 = styled__default.default(OverlayImageContainer)(templateObject_2$x || (templateObject_2$x = __makeTemplateObject(["\n flex-grow: 0;\n"], ["\n flex-grow: 0;\n"])));
6660
+ var Description$4 = styled__default.default.p(templateObject_3$p || (templateObject_3$p = __makeTemplateObject(["\n line-height: 1.5;\n margin-bottom: 50px;\n"], ["\n line-height: 1.5;\n margin-bottom: 50px;\n"])));
6661
+ var RetryButton$1 = styled__default.default(LoaderButton)(templateObject_4$j || (templateObject_4$j = __makeTemplateObject(["\n width: 200px;\n margin: 0 auto;\n"], ["\n width: 200px;\n margin: 0 auto;\n"])));
6662
+ var templateObject_1$F, templateObject_2$x, templateObject_3$p, templateObject_4$j;
6690
6663
 
6691
- var ExitCaptureStyledButton = styled__default.default.button(templateObject_1$C || (templateObject_1$C = __makeTemplateObject(["\n position: absolute;\n top: 12px;\n right: 12px;\n font-size: 20px;\n width: 32px;\n height: 32px;\n font-family: monospace;\n z-index: 1002;\n border: none;\n border-radius: 4px;\n background: #ccc;\n cursor: pointer;\n padding: 8px;\n box-sizing: border-box;\n display: flex;\n\n &:hover {\n background: #ddd;\n }\n\n & > svg {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n"], ["\n position: absolute;\n top: 12px;\n right: 12px;\n font-size: 20px;\n width: 32px;\n height: 32px;\n font-family: monospace;\n z-index: 1002;\n border: none;\n border-radius: 4px;\n background: #ccc;\n cursor: pointer;\n padding: 8px;\n box-sizing: border-box;\n display: flex;\n\n &:hover {\n background: #ddd;\n }\n\n & > svg {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n"])));
6664
+ var ExitCaptureStyledButton = styled__default.default.button(templateObject_1$E || (templateObject_1$E = __makeTemplateObject(["\n position: absolute;\n top: 12px;\n right: 12px;\n font-size: 20px;\n width: 32px;\n height: 32px;\n font-family: monospace;\n z-index: 1002;\n border: none;\n border-radius: 4px;\n background: #ccc;\n cursor: pointer;\n padding: 8px;\n box-sizing: border-box;\n display: flex;\n\n &:hover {\n background: #ddd;\n }\n\n & > svg {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n"], ["\n position: absolute;\n top: 12px;\n right: 12px;\n font-size: 20px;\n width: 32px;\n height: 32px;\n font-family: monospace;\n z-index: 1002;\n border: none;\n border-radius: 4px;\n background: #ccc;\n cursor: pointer;\n padding: 8px;\n box-sizing: border-box;\n display: flex;\n\n &:hover {\n background: #ddd;\n }\n\n & > svg {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n"])));
6692
6665
  var ExitCaptureButton = function ExitCaptureButton(_a) {
6693
6666
  var onClick = _a.onClick,
6694
6667
  className = _a.className;
@@ -6732,10 +6705,10 @@ var ExitCaptureButton = function ExitCaptureButton(_a) {
6732
6705
  y2: "19.75"
6733
6706
  }))));
6734
6707
  };
6735
- var templateObject_1$C;
6708
+ var templateObject_1$E;
6736
6709
 
6737
- var ButtonsRow = styled__default.default.div(templateObject_1$B || (templateObject_1$B = __makeTemplateObject(["\n display: flex;\n gap: 0 15px;\n justify-content: center;\n"], ["\n display: flex;\n gap: 0 15px;\n justify-content: center;\n"])));
6738
- var templateObject_1$B;
6710
+ var ButtonsRow = styled__default.default.div(templateObject_1$D || (templateObject_1$D = __makeTemplateObject(["\n display: flex;\n gap: 0 15px;\n justify-content: center;\n"], ["\n display: flex;\n gap: 0 15px;\n justify-content: center;\n"])));
6711
+ var templateObject_1$D;
6739
6712
 
6740
6713
  function IdCaptureLoadingGraphic(props) {
6741
6714
  var isMobile = window.innerHeight > window.innerWidth;
@@ -7216,21 +7189,21 @@ function IdCaptureLoadingGraphicMobile(_a) {
7216
7189
  fill: "white"
7217
7190
  }))));
7218
7191
  }
7219
- var LoadingGraphicWrapper = styled__default.default.div(templateObject_1$A || (templateObject_1$A = __makeTemplateObject(["\n display: flex;\n width: 100%;\n height: 100%;\n"], ["\n display: flex;\n width: 100%;\n height: 100%;\n"])));
7220
- var LoadingGraphicSvg = styled__default.default.svg(templateObject_2$v || (templateObject_2$v = __makeTemplateObject(["\n margin: auto;\n transform: scale(\n ", "\n );\n transform-style: preserve-3d;\n transition:\n transform 0.2s linear,\n border-width 0.2s linear;\n border: ", "px solid\n ", ";\n"], ["\n margin: auto;\n transform: scale(\n ", "\n );\n transform-style: preserve-3d;\n transition:\n transform 0.2s linear,\n border-width 0.2s linear;\n border: ", "px solid\n ", ";\n"])), function (props) {
7192
+ var LoadingGraphicWrapper = styled__default.default.div(templateObject_1$C || (templateObject_1$C = __makeTemplateObject(["\n display: flex;\n width: 100%;\n height: 100%;\n"], ["\n display: flex;\n width: 100%;\n height: 100%;\n"])));
7193
+ var LoadingGraphicSvg = styled__default.default.svg(templateObject_2$w || (templateObject_2$w = __makeTemplateObject(["\n margin: auto;\n transform: scale(\n ", "\n );\n transform-style: preserve-3d;\n transition:\n transform 0.2s linear,\n border-width 0.2s linear;\n border: ", "px solid\n ", ";\n"], ["\n margin: auto;\n transform: scale(\n ", "\n );\n transform-style: preserve-3d;\n transition:\n transform 0.2s linear,\n border-width 0.2s linear;\n border: ", "px solid\n ", ";\n"])), function (props) {
7221
7194
  return props.$frame > 1 ? 1 : props.$frame === 1 ? 1.25 : 0.75;
7222
7195
  }, function (props) {
7223
7196
  return props.$frame >= 5 ? 10 : 0;
7224
7197
  }, function (props) {
7225
7198
  return props.$borderColor;
7226
7199
  });
7227
- var LoadingGraphicCardGroup = styled__default.default.g(templateObject_3$n || (templateObject_3$n = __makeTemplateObject(["\n transform: translate(", ", 0);\n transform-style: preserve-3d;\n transition: transform 0.3s linear;\n"], ["\n transform: translate(", ", 0);\n transform-style: preserve-3d;\n transition: transform 0.3s linear;\n"])), function (props) {
7200
+ var LoadingGraphicCardGroup = styled__default.default.g(templateObject_3$o || (templateObject_3$o = __makeTemplateObject(["\n transform: translate(", ", 0);\n transform-style: preserve-3d;\n transition: transform 0.3s linear;\n"], ["\n transform: translate(", ", 0);\n transform-style: preserve-3d;\n transition: transform 0.3s linear;\n"])), function (props) {
7228
7201
  return props.$offScreen ? '-500px' : '0';
7229
7202
  });
7230
- var LoadingGraphicPhoneGroup = styled__default.default.g(templateObject_4$h || (templateObject_4$h = __makeTemplateObject(["\n transform: translate(", ", 0);\n transform-style: preserve-3d;\n transition: transform 0.3s linear;\n"], ["\n transform: translate(", ", 0);\n transform-style: preserve-3d;\n transition: transform 0.3s linear;\n"])), function (props) {
7203
+ var LoadingGraphicPhoneGroup = styled__default.default.g(templateObject_4$i || (templateObject_4$i = __makeTemplateObject(["\n transform: translate(", ", 0);\n transform-style: preserve-3d;\n transition: transform 0.3s linear;\n"], ["\n transform: translate(", ", 0);\n transform-style: preserve-3d;\n transition: transform 0.3s linear;\n"])), function (props) {
7231
7204
  return props.$offScreen ? '40px' : '0';
7232
7205
  });
7233
- var templateObject_1$A, templateObject_2$v, templateObject_3$n, templateObject_4$h;
7206
+ var templateObject_1$C, templateObject_2$w, templateObject_3$o, templateObject_4$i;
7234
7207
 
7235
7208
  function LoadingListItemIndicator(_a) {
7236
7209
  var _b = _a.state,
@@ -7281,34 +7254,42 @@ function LoadingListItemIndicator(_a) {
7281
7254
  }))))));
7282
7255
  }
7283
7256
 
7257
+ 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"])));
7258
+ 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"])));
7259
+ 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"])));
7260
+ 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"])));
7261
+ var templateObject_1$B, templateObject_2$v, templateObject_3$n, templateObject_4$h;
7262
+
7284
7263
  var legacyInstructionImageUrl$1 = "".concat(DEFAULT_CDN_URL, "/WebSDK-Instruction-DL-Capture-3-Portrait.png");
7285
7264
  var IdCaptureLoadingOverlayDefault = function IdCaptureLoadingOverlayDefault(_a) {
7286
- var _b, _c, _d, _e, _f, _g;
7265
+ var _b, _c, _d, _e;
7287
7266
  var onDismissed = _a.onDismissed,
7288
7267
  onUserCancel = _a.onUserCancel,
7289
7268
  instructions = _a.instructions,
7290
- _h = _a.rotateImage,
7291
- rotateImage = _h === void 0 ? false : _h,
7292
- _j = _a.assets,
7293
- assets = _j === void 0 ? {} : _j,
7294
- _k = _a.classNames,
7295
- classNames = _k === void 0 ? {} : _k,
7296
- _l = _a.colors,
7297
- colors = _l === void 0 ? {} : _l,
7298
- _m = _a.verbiage,
7299
- rawVerbiage = _m === void 0 ? {} : _m,
7269
+ _f = _a.rotateImage,
7270
+ rotateImage = _f === void 0 ? false : _f,
7271
+ _g = _a.assets,
7272
+ assets = _g === void 0 ? {} : _g,
7273
+ _h = _a.classNames,
7274
+ classNames = _h === void 0 ? {} : _h,
7275
+ _j = _a.colors,
7276
+ colors = _j === void 0 ? {} : _j,
7277
+ _k = _a.verbiage,
7278
+ rawVerbiage = _k === void 0 ? {} : _k,
7300
7279
  customOverlayContent = _a.customOverlayContent;
7301
- var _o = React.useContext(IdCaptureModelsContext),
7302
- modelsReady = _o.ready,
7303
- modelDownloadProgress = _o.modelDownloadProgress;
7304
- var _p = useCameraStore(),
7305
- cameraReady = _p.cameraReady,
7306
- cameraAccessDenied = _p.cameraAccessDenied,
7307
- iphoneContinuityCameraAvailable = _p.iphoneContinuityCameraAvailable,
7308
- setIphoneContinuityCameraAllowed = _p.setIphoneContinuityCameraAllowed;
7309
- var _q = React.useState(false),
7310
- dismissed = _q[0],
7311
- setDismissed = _q[1];
7280
+ var sessionCheckState = useAuthContext()[0].sessionCheckState;
7281
+ var sessionReady = sessionCheckState === 'PASSED';
7282
+ var _l = useIdCaptureModelsContext(),
7283
+ modelsReady = _l.ready,
7284
+ modelDownloadProgress = _l.modelDownloadProgress;
7285
+ var _m = useCameraStore(),
7286
+ cameraReady = _m.cameraReady,
7287
+ cameraAccessDenied = _m.cameraAccessDenied,
7288
+ iphoneContinuityCameraAvailable = _m.iphoneContinuityCameraAvailable,
7289
+ setIphoneContinuityCameraAllowed = _m.setIphoneContinuityCameraAllowed;
7290
+ var _o = React.useState(false),
7291
+ dismissed = _o[0],
7292
+ setDismissed = _o[1];
7312
7293
  assets.instructionImageUrl || (assets.instructionImageUrl = legacyInstructionImageUrl$1);
7313
7294
  var verbiage = useTranslations(rawVerbiage, {
7314
7295
  headingText: 'Use your device camera to capture your ID',
@@ -7318,19 +7299,21 @@ var IdCaptureLoadingOverlayDefault = function IdCaptureLoadingOverlayDefault(_a)
7318
7299
  modelsReadyText: 'Guided capture experience ready',
7319
7300
  cameraInitializingText: 'Camera initializing...',
7320
7301
  cameraInitializedText: 'Camera ready',
7321
- continueText: "Let's Go!"
7302
+ continueText: "Let's Go!",
7303
+ sessionCheckingText: 'Checking session...'
7322
7304
  });
7305
+ var ready = sessionReady && modelsReady && cameraReady;
7323
7306
  React.useEffect(function () {
7324
- if (modelsReady && cameraReady) return function () {
7307
+ if (ready) return function () {
7325
7308
  return null;
7326
7309
  };
7327
7310
  var t = setTimeout(function () {
7328
- setDismissed(false);
7311
+ return setDismissed(false);
7329
7312
  }, 500);
7330
7313
  return function () {
7331
- clearTimeout(t);
7314
+ return clearTimeout(t);
7332
7315
  };
7333
- }, [cameraReady, modelsReady]);
7316
+ }, [ready]);
7334
7317
  var imageRef = React.useRef(null);
7335
7318
  if (dismissed) return /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null);
7336
7319
  if (cameraAccessDenied) {
@@ -7403,18 +7386,18 @@ var IdCaptureLoadingOverlayDefault = function IdCaptureLoadingOverlayDefault(_a)
7403
7386
  }, /*#__PURE__*/React__namespace.default.createElement(LoadingList$1, {
7404
7387
  className: classNames.loadingList
7405
7388
  }, /*#__PURE__*/React__namespace.default.createElement(LoadingListItem$1, {
7406
- className: "".concat((_f = classNames.loadingListItem) !== null && _f !== void 0 ? _f : '', " ").concat(cameraReady ? 'done' : 'running')
7389
+ className: cn__default.default(classNames.loadingListItem, cameraReady ? 'done' : 'running')
7407
7390
  }, /*#__PURE__*/React__namespace.default.createElement(LoadingListItemIndicator, {
7408
7391
  className: classNames.loadingListItemIndicator,
7409
7392
  state: cameraReady ? 'done' : 'running'
7410
7393
  }), cameraReady ? verbiage.cameraInitializedText : verbiage.cameraInitializingText), /*#__PURE__*/React__namespace.default.createElement(LoadingListItem$1, {
7411
- className: "".concat((_g = classNames.loadingListItem) !== null && _g !== void 0 ? _g : '', " ").concat(modelsReady ? 'done' : 'running')
7394
+ className: cn__default.default(classNames.loadingListItem, sessionReady && modelsReady ? 'done' : 'running')
7412
7395
  }, /*#__PURE__*/React__namespace.default.createElement(LoadingListItemIndicator, {
7413
7396
  className: classNames.loadingListItemIndicator,
7414
- state: modelsReady ? 'done' : 'running'
7415
- }), modelsReady ? verbiage.modelsReadyText : modelDownloadProgress >= 100 ? verbiage.modelsWarmingUpText : "".concat(verbiage.downloadingText, " (").concat(modelDownloadProgress, "%)")))), /*#__PURE__*/React__namespace.default.createElement(ContinueButtonContainer$1, {
7397
+ state: sessionReady && modelsReady ? 'done' : 'running'
7398
+ }), !sessionReady ? verbiage.sessionCheckingText : modelsReady ? verbiage.modelsReadyText : modelDownloadProgress >= 100 ? verbiage.modelsWarmingUpText : "".concat(verbiage.downloadingText, " (").concat(modelDownloadProgress, "%)")))), /*#__PURE__*/React__namespace.default.createElement(ContinueButtonContainer$1, {
7416
7399
  className: classNames.continueBtnContainer
7417
- }, modelsReady && cameraReady && ( /*#__PURE__*/React__namespace.default.createElement(ContinueButton$1, {
7400
+ }, ready && ( /*#__PURE__*/React__namespace.default.createElement(ContinueButton$1, {
7418
7401
  autoFocus: true,
7419
7402
  finished: true,
7420
7403
  className: classNames.continueBtn,
@@ -7426,7 +7409,7 @@ var IdCaptureLoadingOverlayDefault = function IdCaptureLoadingOverlayDefault(_a)
7426
7409
  }
7427
7410
  }, verbiage.continueText))))));
7428
7411
  };
7429
- var OverlayInner$1 = styled__default.default.div(templateObject_1$z || (templateObject_1$z = __makeTemplateObject(["\n height: 100dvh;\n display: flex;\n flex-direction: column;\n background: ", ";\n color: ", ";\n"], ["\n height: 100dvh;\n display: flex;\n flex-direction: column;\n background: ", ";\n color: ", ";\n"])), function (props) {
7412
+ var OverlayInner$1 = styled__default.default.div(templateObject_1$A || (templateObject_1$A = __makeTemplateObject(["\n height: 100dvh;\n display: flex;\n flex-direction: column;\n background: ", ";\n color: ", ";\n"], ["\n height: 100dvh;\n display: flex;\n flex-direction: column;\n background: ", ";\n color: ", ";\n"])), function (props) {
7430
7413
  var _a, _b, _c, _d;
7431
7414
  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';
7432
7415
  }, function (props) {
@@ -7481,9 +7464,9 @@ var ContinueButton$1 = styled__default.default(LoaderButton)(templateObject_18 |
7481
7464
  var _a, _b, _c, _d, _e, _f;
7482
7465
  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, ";") : '';
7483
7466
  });
7484
- 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;
7467
+ 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;
7485
7468
 
7486
- var ContinuityCameraCheckboxContainer = styled__default.default.div(templateObject_1$y || (templateObject_1$y = __makeTemplateObject(["\n margin-top: 15px;\n margin-bottom: 15px;\n"], ["\n margin-top: 15px;\n margin-bottom: 15px;\n"])));
7469
+ var ContinuityCameraCheckboxContainer = styled__default.default.div(templateObject_1$z || (templateObject_1$z = __makeTemplateObject(["\n margin-top: 15px;\n margin-bottom: 15px;\n"], ["\n margin-top: 15px;\n margin-bottom: 15px;\n"])));
7487
7470
  var ContinuityCameraCheckbox = styled__default.default.input(templateObject_2$t || (templateObject_2$t = __makeTemplateObject(["\n margin-right: 8px;\n"], ["\n margin-right: 8px;\n"])));
7488
7471
  var IdCaptureLoadingOverlayLegacy = function IdCaptureLoadingOverlayLegacy(_a) {
7489
7472
  var _b, _c, _d, _e;
@@ -7500,7 +7483,9 @@ var IdCaptureLoadingOverlayLegacy = function IdCaptureLoadingOverlayLegacy(_a) {
7500
7483
  colors = _j === void 0 ? {} : _j,
7501
7484
  _k = _a.verbiage,
7502
7485
  rawVerbiage = _k === void 0 ? {} : _k;
7503
- var _l = React.useContext(IdCaptureModelsContext),
7486
+ var sessionCheckState = useAuthContext()[0].sessionCheckState;
7487
+ var sessionReady = sessionCheckState === 'PASSED';
7488
+ var _l = useIdCaptureModelsContext(),
7504
7489
  modelsReady = _l.ready,
7505
7490
  modelDownloadProgress = _l.modelDownloadProgress;
7506
7491
  var _m = useCameraStore(shallow.useShallow(function (state) {
@@ -7527,17 +7512,18 @@ var IdCaptureLoadingOverlayLegacy = function IdCaptureLoadingOverlayLegacy(_a) {
7527
7512
  cameraInitializingText: 'Camera initializing...',
7528
7513
  continueText: 'Continue'
7529
7514
  });
7515
+ var ready = sessionReady && modelsReady && cameraReady;
7530
7516
  React.useEffect(function () {
7531
- if (modelsReady && cameraReady) return function () {
7517
+ if (ready) return function () {
7532
7518
  return null;
7533
7519
  };
7534
7520
  var t = setTimeout(function () {
7535
- setDismissed(false);
7521
+ return setDismissed(false);
7536
7522
  }, 500);
7537
7523
  return function () {
7538
- clearTimeout(t);
7524
+ return clearTimeout(t);
7539
7525
  };
7540
- }, [cameraReady, modelsReady]);
7526
+ }, [ready]);
7541
7527
  var imageRef = React.useRef(null);
7542
7528
  if (dismissed) return /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null);
7543
7529
  if (cameraAccessDenied) {
@@ -7593,16 +7579,16 @@ var IdCaptureLoadingOverlayLegacy = function IdCaptureLoadingOverlayLegacy(_a) {
7593
7579
  }, verbiage.useContinuityCameraText)))), /*#__PURE__*/React__namespace.default.createElement(LoaderButton, {
7594
7580
  className: classNames.continueBtn,
7595
7581
  variant: "positive",
7596
- disabled: !cameraReady || !modelsReady,
7597
- finished: modelsReady && cameraReady,
7582
+ disabled: !ready,
7583
+ finished: ready,
7598
7584
  colors: colors.continueBtn,
7599
7585
  onClick: function onClick() {
7600
7586
  setDismissed(true);
7601
7587
  onDismissed === null || onDismissed === void 0 ? void 0 : onDismissed();
7602
7588
  }
7603
- }, cameraReady && modelsReady ? verbiage.continueText : modelsReady ? verbiage.cameraInitializingText : modelDownloadProgress >= 100 ? verbiage.modelsWarmingUpText : "".concat(verbiage.downloadingText, " (").concat(modelDownloadProgress, "%)"))));
7589
+ }, ready ? verbiage.continueText : modelsReady ? verbiage.cameraInitializingText : modelDownloadProgress >= 100 ? verbiage.modelsWarmingUpText : "".concat(verbiage.downloadingText, " (").concat(modelDownloadProgress, "%)"))));
7604
7590
  };
7605
- var templateObject_1$y, templateObject_2$t;
7591
+ var templateObject_1$z, templateObject_2$t;
7606
7592
 
7607
7593
  var components$1 = {
7608
7594
  "default": IdCaptureLoadingOverlayDefault,
@@ -7660,9 +7646,9 @@ var CapturedDocumentImg = function CapturedDocumentImg(_a) {
7660
7646
  });
7661
7647
  };
7662
7648
 
7663
- var Card = styled__default.default.div(templateObject_1$x || (templateObject_1$x = __makeTemplateObject(["\n background: white;\n border-radius: 8px;\n padding: 24px;\n box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);\n margin: auto;\n max-width: min(500px, 100dvw - 48px);\n max-height: 100%;\n overflow: auto;\n box-sizing: border-box;\n"], ["\n background: white;\n border-radius: 8px;\n padding: 24px;\n box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);\n margin: auto;\n max-width: min(500px, 100dvw - 48px);\n max-height: 100%;\n overflow: auto;\n box-sizing: border-box;\n"])));
7649
+ var Card = styled__default.default.div(templateObject_1$y || (templateObject_1$y = __makeTemplateObject(["\n background: white;\n border-radius: 8px;\n padding: 24px;\n box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);\n margin: auto;\n max-width: min(500px, 100dvw - 48px);\n max-height: 100%;\n overflow: auto;\n box-sizing: border-box;\n"], ["\n background: white;\n border-radius: 8px;\n padding: 24px;\n box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);\n margin: auto;\n max-width: min(500px, 100dvw - 48px);\n max-height: 100%;\n overflow: auto;\n box-sizing: border-box;\n"])));
7664
7650
  var FlexCard = styled__default.default(Card)(templateObject_2$s || (templateObject_2$s = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n"], ["\n display: flex;\n flex-direction: column;\n"])));
7665
- var templateObject_1$x, templateObject_2$s;
7651
+ var templateObject_1$y, templateObject_2$s;
7666
7652
 
7667
7653
  var IdCaptureSuccess = function IdCaptureSuccess(_a) {
7668
7654
  var capturedDocuments = _a.capturedDocuments,
@@ -7721,13 +7707,13 @@ var IdCaptureSuccess = function IdCaptureSuccess(_a) {
7721
7707
  finished: true
7722
7708
  }, verbiage.retryText)))));
7723
7709
  };
7724
- var Heading$a = styled__default.default.h1(templateObject_1$w || (templateObject_1$w = __makeTemplateObject(["\n font-size: 1.5rem;\n margin-top: 0;\n margin-bottom: 1.5rem;\n"], ["\n font-size: 1.5rem;\n margin-top: 0;\n margin-bottom: 1.5rem;\n"])));
7710
+ var Heading$a = styled__default.default.h1(templateObject_1$x || (templateObject_1$x = __makeTemplateObject(["\n font-size: 1.5rem;\n margin-top: 0;\n margin-bottom: 1.5rem;\n"], ["\n font-size: 1.5rem;\n margin-top: 0;\n margin-bottom: 1.5rem;\n"])));
7725
7711
  var ImagesContainer = styled__default.default(OverlayImageContainer)(templateObject_2$r || (templateObject_2$r = __makeTemplateObject(["\n flex-grow: 1;\n overflow-y: auto;\n padding-bottom: 0;\n max-width: 100%;\n"], ["\n flex-grow: 1;\n overflow-y: auto;\n padding-bottom: 0;\n max-width: 100%;\n"])));
7726
7712
  var ImageRow = styled__default.default(OverlayImageRow)(templateObject_3$l || (templateObject_3$l = __makeTemplateObject(["\n max-width: 100%;\n flex-direction: column;\n display: grid;\n grid-gap: 12px;\n"], ["\n max-width: 100%;\n flex-direction: column;\n display: grid;\n grid-gap: 12px;\n"])));
7727
7713
  var ImageCol$1 = styled__default.default.div(templateObject_4$f || (templateObject_4$f = __makeTemplateObject(["\n width: 100%;\n max-height: none !important;\n"], ["\n width: 100%;\n max-height: none !important;\n"])));
7728
7714
  var StyledImage = styled__default.default(CapturedDocumentImg)(templateObject_5$a || (templateObject_5$a = __makeTemplateObject(["\n width: 100%;\n border-radius: 12px;\n"], ["\n width: 100%;\n border-radius: 12px;\n"])));
7729
7715
  var DebugPre = styled__default.default.pre(templateObject_6$8 || (templateObject_6$8 = __makeTemplateObject(["\n text-align: left;\n max-width: min(450px, 100dvw - 100px);\n overflow-x: auto;\n"], ["\n text-align: left;\n max-width: min(450px, 100dvw - 100px);\n overflow-x: auto;\n"])));
7730
- var templateObject_1$w, templateObject_2$r, templateObject_3$l, templateObject_4$f, templateObject_5$a, templateObject_6$8;
7716
+ var templateObject_1$x, templateObject_2$r, templateObject_3$l, templateObject_4$f, templateObject_5$a, templateObject_6$8;
7731
7717
 
7732
7718
  function useShowSuccessScreen(skipSuccessScreen, successScreenReady, onDoneCallback) {
7733
7719
  var _this = this;
@@ -7779,7 +7765,7 @@ function resetCanvasDimensions(canvas) {
7779
7765
  canvas.style.height = '0';
7780
7766
  }
7781
7767
 
7782
- var IdCardGuideImageContainer = styled__default.default(IdCardBorder)(templateObject_1$v || (templateObject_1$v = __makeTemplateObject(["\n position: relative;\n ", "\n box-sizing: border-box;\n"], ["\n position: relative;\n ", "\n box-sizing: border-box;\n"])), function (props) {
7768
+ var IdCardGuideImageContainer = styled__default.default(IdCardBorder)(templateObject_1$w || (templateObject_1$w = __makeTemplateObject(["\n position: relative;\n ", "\n box-sizing: border-box;\n"], ["\n position: relative;\n ", "\n box-sizing: border-box;\n"])), function (props) {
7783
7769
  return props.$isVisible ? '' : 'opacity: 0;';
7784
7770
  });
7785
7771
  var IdCardGuideImage = styled__default.default.img(templateObject_2$q || (templateObject_2$q = __makeTemplateObject(["\n transform-style: preserve-3d;\n ", "\n ", "\n"], ["\n transform-style: preserve-3d;\n ", "\n ", "\n"])), function (props) {
@@ -7935,7 +7921,7 @@ var IdCardBorderRect = styled__default.default.rect(templateObject_5$9 || (templ
7935
7921
  var _a;
7936
7922
  return (_a = props.$fillMode) !== null && _a !== void 0 ? _a : 'forwards';
7937
7923
  });
7938
- var templateObject_1$v, templateObject_2$q, templateObject_3$k, templateObject_4$e, templateObject_5$9;
7924
+ var templateObject_1$w, templateObject_2$q, templateObject_3$k, templateObject_4$e, templateObject_5$9;
7939
7925
 
7940
7926
  var defaultIdCaptureGuideImages = {
7941
7927
  portrait: {
@@ -8111,12 +8097,12 @@ var IdVideoCaptureFlipIdPrompt = function IdVideoCaptureFlipIdPrompt(_a) {
8111
8097
  style: imageStyle
8112
8098
  })));
8113
8099
  };
8114
- var FlipImageContainer = styled__default.default(IdCardGuideImageContainer)(templateObject_1$u || (templateObject_1$u = __makeTemplateObject(["\n backface-visibility: hidden;\n transition: transform ", "s;\n transform: ", ";\n transform-style: preserve-3d;\n position: absolute;\n display: block;\n top: 0;\n width: 100%;\n max-height: 100%;\n"], ["\n backface-visibility: hidden;\n transition: transform ", "s;\n transform: ", ";\n transform-style: preserve-3d;\n position: absolute;\n display: block;\n top: 0;\n width: 100%;\n max-height: 100%;\n"])), function (props) {
8100
+ var FlipImageContainer = styled__default.default(IdCardGuideImageContainer)(templateObject_1$v || (templateObject_1$v = __makeTemplateObject(["\n backface-visibility: hidden;\n transition: transform ", "s;\n transform: ", ";\n transform-style: preserve-3d;\n position: absolute;\n display: block;\n top: 0;\n width: 100%;\n max-height: 100%;\n"], ["\n backface-visibility: hidden;\n transition: transform ", "s;\n transform: ", ";\n transform-style: preserve-3d;\n position: absolute;\n display: block;\n top: 0;\n width: 100%;\n max-height: 100%;\n"])), function (props) {
8115
8101
  return props.$transitionTime;
8116
8102
  }, function (props) {
8117
8103
  return props.$transforms;
8118
8104
  });
8119
- var templateObject_1$u;
8105
+ var templateObject_1$v;
8120
8106
 
8121
8107
  var GuideOrientationContext = /*#__PURE__*/React.createContext({
8122
8108
  orientation: 'landscape',
@@ -8403,7 +8389,7 @@ var regionClsx = function regionClsx(classNames, which) {
8403
8389
  return v;
8404
8390
  }).join(' ');
8405
8391
  };
8406
- var StyledPageContainer = styled__default.default(PageContainerDiv)(templateObject_1$t || (templateObject_1$t = __makeTemplateObject(["\n z-index: 1000;\n overflow-y: hidden;\n"], ["\n z-index: 1000;\n overflow-y: hidden;\n"])));
8392
+ var StyledPageContainer = styled__default.default(PageContainerDiv)(templateObject_1$u || (templateObject_1$u = __makeTemplateObject(["\n z-index: 1000;\n overflow-y: hidden;\n"], ["\n z-index: 1000;\n overflow-y: hidden;\n"])));
8407
8393
  var GuidesContainer = styled__default.default.div(templateObject_2$p || (templateObject_2$p = __makeTemplateObject(["\n display: flex;\n flex-flow: column nowrap;\n width: 100dvw;\n height: 100dvh;\n"], ["\n display: flex;\n flex-flow: column nowrap;\n width: 100dvw;\n height: 100dvh;\n"])));
8408
8394
  var GuideCenterRow = styled__default.default.div(templateObject_3$j || (templateObject_3$j = __makeTemplateObject(["\n position: relative;\n display: flex;\n flex-flow: row nowrap;\n align-items: center;\n justify-items: center;\n box-sizing: border-box;\n max-width: 100%;\n max-height: 100%;\n min-height: 0;\n flex: 1;\n"], ["\n position: relative;\n display: flex;\n flex-flow: row nowrap;\n align-items: center;\n justify-items: center;\n box-sizing: border-box;\n max-width: 100%;\n max-height: 100%;\n min-height: 0;\n flex: 1;\n"])));
8409
8395
  var GuideRegion = styled__default.default.div(templateObject_4$d || (templateObject_4$d = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n justify-content: end;\n width: 100%;\n position: relative;\n z-index: 1000;\n background: ", ";\n color: ", ";\n text-align: center;\n ", "\n ", "\n"], ["\n display: flex;\n flex-direction: column;\n justify-content: end;\n width: 100%;\n position: relative;\n z-index: 1000;\n background: ", ";\n color: ", ";\n text-align: center;\n ", "\n ", "\n"])), function (props) {
@@ -8431,7 +8417,7 @@ var GuideCenterBorder = styled__default.default.div(templateObject_7$5 || (templ
8431
8417
  });
8432
8418
  var GuideText = styled__default.default.span(templateObject_8$2 || (templateObject_8$2 = __makeTemplateObject(["\n align-content: center;\n margin-top: 12px;\n margin-bottom: 12px;\n"], ["\n align-content: center;\n margin-top: 12px;\n margin-bottom: 12px;\n"])));
8433
8419
  var GuideCenterInner = styled__default.default.div(templateObject_9$2 || (templateObject_9$2 = __makeTemplateObject(["\n position: relative;\n margin: auto;\n"], ["\n position: relative;\n margin: auto;\n"])));
8434
- 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;
8420
+ 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;
8435
8421
 
8436
8422
  var IdCaptureFitGuide = function IdCaptureFitGuide(_a) {
8437
8423
  var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
@@ -8572,11 +8558,11 @@ var IdCaptureFitGuide = function IdCaptureFitGuide(_a) {
8572
8558
  progress: progress
8573
8559
  }));
8574
8560
  };
8575
- var CanvasWrapper$1 = styled__default.default.div(templateObject_1$s || (templateObject_1$s = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n flex-grow: 1;\n background-clip: padding-box;\n box-shadow: inset 0 0 0 2px ", ";\n z-index: -1;\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n flex-grow: 1;\n background-clip: padding-box;\n box-shadow: inset 0 0 0 2px ", ";\n z-index: -1;\n"])), function (props) {
8561
+ var CanvasWrapper$1 = styled__default.default.div(templateObject_1$t || (templateObject_1$t = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n flex-grow: 1;\n background-clip: padding-box;\n box-shadow: inset 0 0 0 2px ", ";\n z-index: -1;\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n flex-grow: 1;\n background-clip: padding-box;\n box-shadow: inset 0 0 0 2px ", ";\n z-index: -1;\n"])), function (props) {
8576
8562
  return props.$maskColor;
8577
8563
  });
8578
8564
  var Canvas$1 = styled__default.default.canvas(templateObject_2$o || (templateObject_2$o = __makeTemplateObject(["\n display: block;\n"], ["\n display: block;\n"])));
8579
- var templateObject_1$s, templateObject_2$o;
8565
+ var templateObject_1$t, templateObject_2$o;
8580
8566
 
8581
8567
  function IdCaptureGuides(_a) {
8582
8568
  var _b = _a.guideType,
@@ -8632,6 +8618,33 @@ function IdCaptureGuides(_a) {
8632
8618
  })));
8633
8619
  }
8634
8620
 
8621
+ var Spinner = styled__default.default.div(templateObject_1$s || (templateObject_1$s = __makeTemplateObject(["\n display: inline-block;\n width: ", "px;\n height: ", "px;\n margin: auto;\n\n &:after {\n content: ' ';\n display: block;\n width: ", "px;\n height: ", "px;\n margin: 8px;\n border-radius: 50%;\n border: ", "px solid\n ", ";\n border-color: ", " transparent\n ", " transparent;\n animation: ", " 1.2s linear infinite;\n box-sizing: content-box;\n }\n"], ["\n display: inline-block;\n width: ", "px;\n height: ", "px;\n margin: auto;\n\n &:after {\n content: ' ';\n display: block;\n width: ", "px;\n height: ", "px;\n margin: 8px;\n border-radius: 50%;\n border: ", "px solid\n ", ";\n border-color: ", " transparent\n ", " transparent;\n animation: ", " 1.2s linear infinite;\n box-sizing: content-box;\n }\n"])), function (_a) {
8622
+ var $size = _a.$size;
8623
+ return $size !== null && $size !== void 0 ? $size : 80;
8624
+ }, function (_a) {
8625
+ var $size = _a.$size;
8626
+ return $size !== null && $size !== void 0 ? $size : 80;
8627
+ }, function (_a) {
8628
+ var $size = _a.$size;
8629
+ return ($size !== null && $size !== void 0 ? $size : 80) - 16;
8630
+ }, function (_a) {
8631
+ var $size = _a.$size;
8632
+ return ($size !== null && $size !== void 0 ? $size : 80) - 16;
8633
+ }, function (_a) {
8634
+ var $thickness = _a.$thickness;
8635
+ return $thickness !== null && $thickness !== void 0 ? $thickness : 6;
8636
+ }, function (_a) {
8637
+ var $color = _a.$color;
8638
+ return $color !== null && $color !== void 0 ? $color : '#888';
8639
+ }, function (_a) {
8640
+ var $color = _a.$color;
8641
+ return $color !== null && $color !== void 0 ? $color : '#888';
8642
+ }, function (_a) {
8643
+ var $color = _a.$color;
8644
+ return $color !== null && $color !== void 0 ? $color : '#888';
8645
+ }, dualRingSpinnerAnimation);
8646
+ var templateObject_1$s;
8647
+
8635
8648
  var IdCaptureImagePreview = function IdCaptureImagePreview(_a) {
8636
8649
  var _b = _a.classNames,
8637
8650
  classNames = _b === void 0 ? {} : _b,
@@ -11303,6 +11316,13 @@ function SelfieGuidanceModelsProvider(_a) {
11303
11316
  ref: canvasRef
11304
11317
  }), children);
11305
11318
  }
11319
+ function useSelfieGuidanceModelsContext() {
11320
+ var context = React__namespace.useContext(SelfieGuidanceModelsContext);
11321
+ if (!context) {
11322
+ throw new Error('useSelfieGuidanceModelsContext must be used within a SelfieGuidanceModelsProvider');
11323
+ }
11324
+ return context;
11325
+ }
11306
11326
 
11307
11327
  var useTimeout = function useTimeout(durationMs, onTimeout, timeoutAverted, shouldWaitLonger, shouldStart) {
11308
11328
  if (shouldStart === void 0) {
@@ -12178,6 +12198,8 @@ var SelfieCaptureLoadingOverlayLegacy = function SelfieCaptureLoadingOverlayLega
12178
12198
  colors = _e === void 0 ? {} : _e,
12179
12199
  _f = _a.verbiage,
12180
12200
  rawVerbiage = _f === void 0 ? {} : _f;
12201
+ var sessionCheckState = useAuthContext()[0].sessionCheckState;
12202
+ var sessionReady = sessionCheckState === 'PASSED';
12181
12203
  var _g = useCameraStore(shallow.useShallow(function (state) {
12182
12204
  return {
12183
12205
  cameraReady: state.cameraReady,
@@ -12188,7 +12210,7 @@ var SelfieCaptureLoadingOverlayLegacy = function SelfieCaptureLoadingOverlayLega
12188
12210
  cameraReady = _g.cameraReady,
12189
12211
  cameraAccessDenied = _g.cameraAccessDenied,
12190
12212
  microphoneAccessDenied = _g.microphoneAccessDenied;
12191
- var _h = React.useContext(SelfieGuidanceModelsContext),
12213
+ var _h = useSelfieGuidanceModelsContext(),
12192
12214
  modelsReady = _h.ready,
12193
12215
  modelDownloadProgress = _h.modelDownloadProgress;
12194
12216
  var idCaptureModelsContext = React.useContext(IdCaptureModelsContext);
@@ -12223,6 +12245,7 @@ var SelfieCaptureLoadingOverlayLegacy = function SelfieCaptureLoadingOverlayLega
12223
12245
  });
12224
12246
  }
12225
12247
  var allModelsReady = modelsReady && (!waitForIdCaptureModels || (idCaptureModelsContext === null || idCaptureModelsContext === void 0 ? void 0 : idCaptureModelsContext.ready));
12248
+ var ready = sessionReady && allModelsReady && cameraReady;
12226
12249
  return /*#__PURE__*/React__namespace.default.createElement(OverlayContainer, {
12227
12250
  className: classNames.container
12228
12251
  }, /*#__PURE__*/React__namespace.default.createElement(OverlayInner$2, {
@@ -12242,15 +12265,15 @@ var SelfieCaptureLoadingOverlayLegacy = function SelfieCaptureLoadingOverlayLega
12242
12265
  className: classNames.buttonsRow
12243
12266
  }, /*#__PURE__*/React__namespace.default.createElement(LoaderButton, {
12244
12267
  variant: "positive",
12245
- disabled: !cameraReady || !allModelsReady,
12246
- finished: cameraReady && allModelsReady,
12268
+ disabled: !ready,
12269
+ finished: ready,
12247
12270
  className: classNames.continueBtn,
12248
12271
  colors: colors.continueBtn,
12249
12272
  onClick: function onClick() {
12250
12273
  setDismissed(true);
12251
12274
  onDismissed === null || onDismissed === void 0 ? void 0 : onDismissed();
12252
12275
  }
12253
- }, cameraReady && allModelsReady ? verbiage.continueText : allModelsReady ? verbiage.cameraInitializingText : modelDownloadProgress >= 100 ? "".concat(verbiage.modelsWarmingUpText) : "".concat(verbiage.downloadingText, " (").concat(modelDownloadProgress, "%)")))));
12276
+ }, ready ? verbiage.continueText : allModelsReady ? verbiage.cameraInitializingText : modelDownloadProgress >= 100 ? "".concat(verbiage.modelsWarmingUpText) : "".concat(verbiage.downloadingText, " (").concat(modelDownloadProgress, "%)")))));
12254
12277
  };
12255
12278
  var StyledGuidanceMessage$1 = styled__default.default(GuidanceMessage)(templateObject_1$e || (templateObject_1$e = __makeTemplateObject(["\n padding: 12px 24px;\n font-weight: normal;\n line-height: 1.5;\n margin-bottom: -30px;\n"], ["\n padding: 12px 24px;\n font-weight: normal;\n line-height: 1.5;\n margin-bottom: -30px;\n"])));
12256
12279
  var StyledButtonsRow$6 = styled__default.default(ButtonsRow)(templateObject_2$c || (templateObject_2$c = __makeTemplateObject(["\n flex-direction: column;\n padding-top: 25px;\n"], ["\n flex-direction: column;\n padding-top: 25px;\n"])));
@@ -12278,6 +12301,8 @@ var SelfieCaptureLoadingOverlayDefault = function SelfieCaptureLoadingOverlayDef
12278
12301
  colors = _e === void 0 ? {} : _e,
12279
12302
  _f = _a.verbiage,
12280
12303
  rawVerbiage = _f === void 0 ? {} : _f;
12304
+ var sessionCheckState = useAuthContext()[0].sessionCheckState;
12305
+ var sessionReady = sessionCheckState === 'PASSED';
12281
12306
  var _g = useCameraStore(shallow.useShallow(function (state) {
12282
12307
  return {
12283
12308
  cameraReady: state.cameraReady,
@@ -12288,7 +12313,7 @@ var SelfieCaptureLoadingOverlayDefault = function SelfieCaptureLoadingOverlayDef
12288
12313
  cameraReady = _g.cameraReady,
12289
12314
  cameraAccessDenied = _g.cameraAccessDenied,
12290
12315
  microphoneAccessDenied = _g.microphoneAccessDenied;
12291
- var _h = React.useContext(SelfieGuidanceModelsContext),
12316
+ var _h = useSelfieGuidanceModelsContext(),
12292
12317
  modelsReady = _h.ready,
12293
12318
  modelDownloadProgress = _h.modelDownloadProgress;
12294
12319
  var idCaptureModelsContext = React.useContext(IdCaptureModelsContext);
@@ -12301,7 +12326,8 @@ var SelfieCaptureLoadingOverlayDefault = function SelfieCaptureLoadingOverlayDef
12301
12326
  cameraInitializedText: 'Camera ready',
12302
12327
  downloadingText: 'Downloading...',
12303
12328
  modelsWarmingUpText: 'Loading guided capture experience...',
12304
- modelsReadyText: 'Guided capture experience ready'
12329
+ modelsReadyText: 'Guided capture experience ready',
12330
+ sessionCheckingText: 'Checking session...'
12305
12331
  });
12306
12332
  var _j = React.useState(0),
12307
12333
  headingTextIndex = _j[0],
@@ -12335,6 +12361,7 @@ var SelfieCaptureLoadingOverlayDefault = function SelfieCaptureLoadingOverlayDef
12335
12361
  });
12336
12362
  }
12337
12363
  var allModelsReady = modelsReady && (!waitForIdCaptureModels || (idCaptureModelsContext === null || idCaptureModelsContext === void 0 ? void 0 : idCaptureModelsContext.ready));
12364
+ var ready = sessionReady && allModelsReady && cameraReady;
12338
12365
  return /*#__PURE__*/React__namespace.default.createElement(OverlayContainer, {
12339
12366
  className: classNames.container
12340
12367
  }, /*#__PURE__*/React__namespace.default.createElement(OverlayInner, {
@@ -12370,18 +12397,18 @@ var SelfieCaptureLoadingOverlayDefault = function SelfieCaptureLoadingOverlayDef
12370
12397
  }, /*#__PURE__*/React__namespace.default.createElement(LoadingList, {
12371
12398
  className: classNames.loadingList
12372
12399
  }, /*#__PURE__*/React__namespace.default.createElement(LoadingListItem, {
12373
- className: "".concat(classNames.loadingListItem, " ").concat(cameraReady ? 'done' : 'running')
12400
+ className: cn__default.default(classNames.loadingListItem, cameraReady ? 'done' : 'running')
12374
12401
  }, /*#__PURE__*/React__namespace.default.createElement(LoadingListItemIndicator, {
12375
12402
  className: classNames.loadingListItemIndicator,
12376
12403
  state: cameraReady ? 'done' : 'running'
12377
12404
  }), cameraReady ? verbiage.cameraInitializedText : verbiage.cameraInitializingText), /*#__PURE__*/React__namespace.default.createElement(LoadingListItem, {
12378
- className: "".concat(classNames.loadingListItem, " ").concat(allModelsReady ? 'done' : 'running')
12405
+ className: cn__default.default(classNames.loadingListItem, sessionReady && allModelsReady ? 'done' : 'running')
12379
12406
  }, /*#__PURE__*/React__namespace.default.createElement(LoadingListItemIndicator, {
12380
12407
  className: classNames.loadingListItemIndicator,
12381
- state: allModelsReady ? 'done' : 'running'
12382
- }), allModelsReady ? verbiage.modelsReadyText : modelDownloadProgress >= 100 ? verbiage.modelsWarmingUpText : "".concat(verbiage.downloadingText, " (").concat(modelDownloadProgress, "%)")))), /*#__PURE__*/React__namespace.default.createElement(ContinueButtonContainer, {
12408
+ state: sessionReady && allModelsReady ? 'done' : 'running'
12409
+ }), !sessionReady ? verbiage.sessionCheckingText : !allModelsReady ? verbiage.modelsReadyText : modelDownloadProgress >= 100 ? verbiage.modelsWarmingUpText : "".concat(verbiage.downloadingText, " (").concat(modelDownloadProgress, "%)")))), /*#__PURE__*/React__namespace.default.createElement(ContinueButtonContainer, {
12383
12410
  className: classNames.continueBtnContainer
12384
- }, allModelsReady && cameraReady && ( /*#__PURE__*/React__namespace.default.createElement(ContinueButton, {
12411
+ }, ready && ( /*#__PURE__*/React__namespace.default.createElement(ContinueButton, {
12385
12412
  autoFocus: true,
12386
12413
  finished: true,
12387
12414
  className: classNames.continueBtn,