idmission-web-sdk 2.2.173 → 2.2.174

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 (59) hide show
  1. package/dist/components/CompositeWizard.d.ts.map +1 -1
  2. package/dist/components/common/SdkPage.d.ts +18 -0
  3. package/dist/components/common/SdkPage.d.ts.map +1 -0
  4. package/dist/components/common/debug.d.ts.map +1 -1
  5. package/dist/components/common/overlay.d.ts +29 -26
  6. package/dist/components/common/overlay.d.ts.map +1 -1
  7. package/dist/components/common/spinner.d.ts +4 -1
  8. package/dist/components/common/spinner.d.ts.map +1 -1
  9. package/dist/components/customer_flows/CustomerBiometricsEnrollment.d.ts +1 -0
  10. package/dist/components/customer_flows/CustomerBiometricsEnrollment.d.ts.map +1 -1
  11. package/dist/components/customer_flows/CustomerIdAndBiometricsEnrollment.d.ts +1 -0
  12. package/dist/components/customer_flows/CustomerIdAndBiometricsEnrollment.d.ts.map +1 -1
  13. package/dist/components/customer_flows/CustomerIdentification.d.ts.map +1 -1
  14. package/dist/components/customer_flows/CustomerVerification.d.ts.map +1 -1
  15. package/dist/components/customer_flows/DocumentCapture.d.ts.map +1 -1
  16. package/dist/components/customer_flows/FaceValidation.d.ts +3 -1
  17. package/dist/components/customer_flows/FaceValidation.d.ts.map +1 -1
  18. package/dist/components/customer_flows/IdAndFaceValidation.d.ts +1 -0
  19. package/dist/components/customer_flows/IdAndFaceValidation.d.ts.map +1 -1
  20. package/dist/components/customer_flows/IdValidation.d.ts.map +1 -1
  21. package/dist/components/customer_flows/SignatureKYC.d.ts.map +1 -1
  22. package/dist/components/customer_flows/VideoIdValidation.d.ts +1 -0
  23. package/dist/components/customer_flows/VideoIdValidation.d.ts.map +1 -1
  24. package/dist/components/customer_identification/CustomerIdentificationWizard.d.ts.map +1 -1
  25. package/dist/components/customer_verification/CustomerVerificationWizard.d.ts.map +1 -1
  26. package/dist/components/document_capture/DocumentCaptureScreen.d.ts.map +1 -1
  27. package/dist/components/face_liveness/FaceCaptureGuideOverlay.d.ts.map +1 -1
  28. package/dist/components/face_liveness/FaceLivenessWizard.d.ts.map +1 -1
  29. package/dist/components/id_capture/IdCapture.d.ts.map +1 -1
  30. package/dist/components/id_capture/IdCaptureGuideOverlay.d.ts.map +1 -1
  31. package/dist/components/id_capture/IdCaptureLoadingGraphic.d.ts +1 -1
  32. package/dist/components/id_capture/IdCaptureLoadingGraphic.d.ts.map +1 -1
  33. package/dist/components/id_capture/IdCaptureLoadingOverlayDefault.d.ts.map +1 -1
  34. package/dist/components/id_capture/IdCaptureWizard.d.ts.map +1 -1
  35. package/dist/components/selfie_capture/SelfieCapture.d.ts.map +1 -1
  36. package/dist/components/selfie_capture/SelfieCaptureLoadingGraphic.d.ts +1 -3
  37. package/dist/components/selfie_capture/SelfieCaptureLoadingGraphic.d.ts.map +1 -1
  38. package/dist/components/selfie_capture/SelfieCaptureLoadingOverlayDefault.d.ts.map +1 -1
  39. package/dist/components/video_id/IdVideoCaptureGuides.d.ts.map +1 -1
  40. package/dist/components/video_id/IdVideoCaptureWizard.d.ts +0 -1
  41. package/dist/components/video_id/IdVideoCaptureWizard.d.ts.map +1 -1
  42. package/dist/components/video_signature_capture/VideoSignatureCapture.d.ts.map +1 -1
  43. package/dist/components/video_signature_capture/VideoSignatureWizard.d.ts.map +1 -1
  44. package/dist/sdk2.cjs.development.js +869 -917
  45. package/dist/sdk2.cjs.development.js.map +1 -1
  46. package/dist/sdk2.cjs.production.js +1 -1
  47. package/dist/sdk2.cjs.production.js.map +1 -1
  48. package/dist/sdk2.esm.js +871 -919
  49. package/dist/sdk2.esm.js.map +1 -1
  50. package/dist/sdk2.umd.development.js +872 -920
  51. package/dist/sdk2.umd.development.js.map +1 -1
  52. package/dist/sdk2.umd.production.js +1 -1
  53. package/dist/sdk2.umd.production.js.map +1 -1
  54. package/dist/themes/index.d.ts +3 -1
  55. package/dist/themes/index.d.ts.map +1 -1
  56. package/dist/version.d.ts +1 -1
  57. package/package.json +1 -1
  58. package/dist/components/common/Page.d.ts +0 -13
  59. package/dist/components/common/Page.d.ts.map +0 -1
package/dist/sdk2.cjs.development.js CHANGED
@@ -4,6 +4,7 @@ var React = require('react');
4
4
  var ReactDOM = require('react-dom/client');
5
5
  var platform = require('platform');
6
6
  var styled = require('styled-components');
7
+ var reactDom = require('react-dom');
7
8
  var reactI18next = require('react-i18next');
8
9
  var tusJsClient = require('tus-js-client');
9
10
  var SparkMD5 = require('spark-md5');
@@ -14,7 +15,6 @@ var i18n = require('i18next');
14
15
  var useDebounce = require('use-debounce');
15
16
  var middleware = require('zustand/middleware');
16
17
  var shallow = require('zustand/react/shallow');
17
- var reactDom = require('react-dom');
18
18
  var cn = require('clsx');
19
19
  var SignatureCanvas = require('react-signature-canvas');
20
20
 
@@ -235,7 +235,7 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
235
235
  return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
236
236
  };
237
237
 
238
- var webSdkVersion = '2.2.173';
238
+ var webSdkVersion = '2.2.174';
239
239
 
240
240
  function getPlatform() {
241
241
  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -400,48 +400,6 @@ function videoDataUrlToB64(url) {
400
400
  });
401
401
  }
402
402
 
403
- var PageContainerDiv = styled__default.default.div(templateObject_1$N || (templateObject_1$N = __makeTemplateObject(["\n ", "\n\n ", "\n\n &.flex {\n display: flex;\n }\n\n &.padded {\n box-sizing: border-box;\n padding: 16px 24px;\n }\n"], ["\n ", "\n\n ", "\n\n &.flex {\n display: flex;\n }\n\n &.padded {\n box-sizing: border-box;\n padding: 16px 24px;\n }\n"])), function (props) {
404
- var _a;
405
- return props.theme.isFullscreen === false ? "" : "\n position: fixed;\n top: 0;\n left: 0;\n width: var(--app-width);\n height: calc(\n var(--app-height) - ".concat((_a = props.$heightOffset) !== null && _a !== void 0 ? _a : 0, "px\n );\n overflow-x: hidden;\n overflow-y: auto;\n ");
406
- }, function (props) {
407
- return props.theme.fontFamily ? "font-family: ".concat(props.theme.fontFamily, ";") : "";
408
- });
409
- var PageContainer = /*#__PURE__*/React.forwardRef(function (_a, ref) {
410
- var children = _a.children,
411
- className = _a.className,
412
- _b = _a.heightOffset,
413
- heightOffset = _b === void 0 ? 0 : _b,
414
- style = _a.style,
415
- onClick = _a.onClick;
416
- var _c = React.useState(false),
417
- dimensionsCalculated = _c[0],
418
- setDimensionsCalculated = _c[1];
419
- React.useEffect(function () {
420
- if (typeof window === 'undefined') return;
421
- setDimensionsCalculated(false);
422
- var calcAppDimensions = function calcAppDimensions() {
423
- var doc = document.documentElement;
424
- doc.style.setProperty('--app-width', "".concat(window.innerWidth, "px"));
425
- doc.style.setProperty('--app-height', "".concat(window.innerHeight, "px"));
426
- };
427
- window.addEventListener('resize', calcAppDimensions);
428
- calcAppDimensions();
429
- setDimensionsCalculated(true);
430
- return function () {
431
- window.removeEventListener('resize', calcAppDimensions);
432
- };
433
- }, []);
434
- return /*#__PURE__*/React__namespace.default.createElement(PageContainerDiv, {
435
- ref: ref,
436
- style: style,
437
- onClick: onClick,
438
- className: className,
439
- "$heightOffset": heightOffset
440
- }, dimensionsCalculated && children);
441
- });
442
- PageContainer.displayName = 'PageContainer';
443
- var templateObject_1$N;
444
-
445
403
  var LoaderButton = function LoaderButton(_a) {
446
404
  var children = _a.children,
447
405
  className = _a.className,
@@ -497,29 +455,60 @@ var LoaderButton = function LoaderButton(_a) {
497
455
  className: "ladda-label"
498
456
  }, children));
499
457
  };
500
- var StyledButton = styled__default.default.button(templateObject_1$M || (templateObject_1$M = __makeTemplateObject(["\n ", "\n\n /*!\n * Ladda\n * http://lab.hakim.se/ladda\n * MIT licensed\n *\n * Copyright (C) 2018 Hakim El Hattab, http://hakim.se\n */\n\n position: relative;\n\n .ladda-spinner {\n position: absolute;\n z-index: 2;\n display: inline-block;\n width: 32px;\n top: 50%;\n margin-top: 0;\n opacity: 0;\n pointer-events: none;\n }\n .ladda-label {\n position: relative;\n z-index: 3;\n }\n .ladda-progress {\n position: absolute;\n width: 0;\n height: 100%;\n left: 0;\n top: 0;\n background: rgba(0, 0, 0, 0.2);\n display: none;\n transition: 0.1s linear all !important;\n }\n &[data-loading] .ladda-progress {\n display: block;\n }\n\n transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;\n\n .ladda-spinner,\n .ladda-label {\n transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;\n }\n &[data-style='zoom-in'],\n &[data-style='zoom-in'] .ladda-spinner,\n &[data-style='zoom-in'] .ladda-label,\n &[data-style='zoom-out'],\n &[data-style='zoom-out'] .ladda-spinner,\n &[data-style='zoom-out'] .ladda-label {\n transition: 0.3s ease all !important;\n }\n &[data-style='expand-right'] .ladda-spinner {\n right: -6px;\n }\n &[data-style='expand-right'][data-size='s'] .ladda-spinner,\n &[data-style='expand-right'][data-size='xs'] .ladda-spinner {\n right: -12px;\n }\n &[data-style='expand-right'][data-loading] {\n padding-right: 56px;\n }\n &[data-style='expand-right'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n &[data-style='expand-right'][data-loading][data-size='s'],\n &[data-style='expand-right'][data-loading][data-size='xs'] {\n padding-right: 40px;\n }\n &[data-style='expand-left'] .ladda-spinner {\n left: 26px;\n }\n &[data-style='expand-left'][data-size='s'] .ladda-spinner,\n &[data-style='expand-left'][data-size='xs'] .ladda-spinner {\n left: 4px;\n }\n &[data-style='expand-left'][data-loading] {\n padding-left: 56px;\n }\n &[data-style='expand-left'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n &[data-style='expand-left'][data-loading][data-size='s'],\n &[data-style='expand-left'][data-loading][data-size='xs'] {\n padding-left: 40px;\n }\n &[data-style='expand-up'] {\n overflow: hidden;\n }\n &[data-style='expand-up'] .ladda-spinner {\n top: -32px;\n left: 50%;\n margin-left: 0;\n }\n &[data-style='expand-up'][data-loading] {\n padding-top: 54px;\n }\n &[data-style='expand-up'][data-loading] .ladda-spinner {\n opacity: 1;\n top: 26px;\n margin-top: 0;\n }\n &[data-style='expand-up'][data-loading][data-size='s'],\n &[data-style='expand-up'][data-loading][data-size='xs'] {\n padding-top: 32px;\n }\n &[data-style='expand-up'][data-loading][data-size='s'] .ladda-spinner,\n &[data-style='expand-up'][data-loading][data-size='xs'] .ladda-spinner {\n top: 4px;\n }\n &[data-style='expand-down'] {\n overflow: hidden;\n }\n &[data-style='expand-down'] .ladda-spinner {\n top: 62px;\n left: 50%;\n margin-left: 0;\n }\n &[data-style='expand-down'][data-size='s'] .ladda-spinner,\n &[data-style='expand-down'][data-size='xs'] .ladda-spinner {\n top: 40px;\n }\n &[data-style='expand-down'][data-loading] {\n padding-bottom: 54px;\n }\n &[data-style='expand-down'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n &[data-style='expand-down'][data-loading][data-size='s'],\n &[data-style='expand-down'][data-loading][data-size='xs'] {\n padding-bottom: 32px;\n }\n &[data-style='slide-left'] {\n overflow: hidden;\n }\n &[data-style='slide-left'] .ladda-label {\n position: relative;\n }\n &[data-style='slide-left'] .ladda-spinner {\n left: 100%;\n margin-left: 0;\n }\n &[data-style='slide-left'][data-loading] .ladda-label {\n opacity: 0;\n left: -100%;\n }\n &[data-style='slide-left'][data-loading] .ladda-spinner {\n opacity: 1;\n left: 50%;\n }\n &[data-style='slide-right'] {\n overflow: hidden;\n }\n &[data-style='slide-right'] .ladda-label {\n position: relative;\n }\n &[data-style='slide-right'] .ladda-spinner {\n right: 100%;\n margin-left: 0;\n left: 16px;\n }\n [dir='rtl'] &[data-style='slide-right'] .ladda-spinner {\n right: auto;\n }\n &[data-style='slide-right'][data-loading] .ladda-label {\n opacity: 0;\n left: 100%;\n }\n &[data-style='slide-right'][data-loading] .ladda-spinner {\n opacity: 1;\n left: 50%;\n }\n &[data-style='slide-up'] {\n overflow: hidden;\n }\n &[data-style='slide-up'] .ladda-label {\n position: relative;\n }\n &[data-style='slide-up'] .ladda-spinner {\n left: 50%;\n margin-left: 0;\n margin-top: 1em;\n }\n &[data-style='slide-up'][data-loading] .ladda-label {\n opacity: 0;\n top: -1em;\n }\n &[data-style='slide-up'][data-loading] .ladda-spinner {\n opacity: 1;\n margin-top: 0;\n }\n &[data-style='slide-down'] {\n overflow: hidden;\n }\n &[data-style='slide-down'] .ladda-label {\n position: relative;\n }\n &[data-style='slide-down'] .ladda-spinner {\n left: 50%;\n margin-left: 0;\n margin-top: -2em;\n }\n &[data-style='slide-down'][data-loading] .ladda-label {\n opacity: 0;\n top: 1em;\n }\n &[data-style='slide-down'][data-loading] .ladda-spinner {\n opacity: 1;\n margin-top: 0;\n }\n &[data-style='zoom-out'] {\n overflow: hidden;\n }\n &[data-style='zoom-out'] .ladda-spinner {\n left: 50%;\n margin-left: 32px;\n transform: scale(2.5);\n }\n &[data-style='zoom-out'] .ladda-label {\n position: relative;\n display: inline-block;\n }\n &[data-style='zoom-out'][data-loading] .ladda-label {\n opacity: 0;\n transform: scale(0.5);\n }\n &[data-style='zoom-out'][data-loading] .ladda-spinner {\n opacity: 1;\n margin-left: 0;\n transform: none;\n }\n &[data-style='zoom-in'] {\n overflow: hidden;\n }\n &[data-style='zoom-in'] .ladda-spinner {\n left: 50%;\n margin-left: -16px;\n transform: scale(0.2);\n }\n &[data-style='zoom-in'] .ladda-label {\n position: relative;\n display: inline-block;\n }\n &[data-style='zoom-in'][data-loading] .ladda-label {\n opacity: 0;\n transform: scale(2.2);\n }\n &[data-style='zoom-in'][data-loading] .ladda-spinner {\n opacity: 1;\n margin-left: 0;\n transform: none;\n }\n &[data-style='contract'] {\n overflow: hidden;\n width: 100px;\n }\n &[data-style='contract'] .ladda-spinner {\n left: 50%;\n margin-left: 0;\n }\n &[data-style='contract'][data-loading] {\n border-radius: 50%;\n width: 52px;\n }\n &[data-style='contract'][data-loading] .ladda-label {\n opacity: 0;\n }\n &[data-style='contract'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n &[data-style='contract-overlay'] {\n overflow: hidden;\n width: 100px;\n box-shadow: 0px 0px 0px 2000px rgba(0, 0, 0, 0);\n }\n &[data-style='contract-overlay'] .ladda-spinner {\n left: 50%;\n margin-left: 0;\n }\n &[data-style='contract-overlay'][data-loading] {\n border-radius: 50%;\n width: 52px;\n box-shadow: 0px 0px 0px 2000px rgba(0, 0, 0, 0.8);\n }\n &[data-style='contract-overlay'][data-loading] .ladda-label {\n opacity: 0;\n }\n &[data-style='contract-overlay'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n [dir='rtl'] .ladda-spinner > div {\n left: 25% !important;\n }\n"], ["\n ", "\n\n /*!\n * Ladda\n * http://lab.hakim.se/ladda\n * MIT licensed\n *\n * Copyright (C) 2018 Hakim El Hattab, http://hakim.se\n */\n\n position: relative;\n\n .ladda-spinner {\n position: absolute;\n z-index: 2;\n display: inline-block;\n width: 32px;\n top: 50%;\n margin-top: 0;\n opacity: 0;\n pointer-events: none;\n }\n .ladda-label {\n position: relative;\n z-index: 3;\n }\n .ladda-progress {\n position: absolute;\n width: 0;\n height: 100%;\n left: 0;\n top: 0;\n background: rgba(0, 0, 0, 0.2);\n display: none;\n transition: 0.1s linear all !important;\n }\n &[data-loading] .ladda-progress {\n display: block;\n }\n\n transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;\n\n .ladda-spinner,\n .ladda-label {\n transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;\n }\n &[data-style='zoom-in'],\n &[data-style='zoom-in'] .ladda-spinner,\n &[data-style='zoom-in'] .ladda-label,\n &[data-style='zoom-out'],\n &[data-style='zoom-out'] .ladda-spinner,\n &[data-style='zoom-out'] .ladda-label {\n transition: 0.3s ease all !important;\n }\n &[data-style='expand-right'] .ladda-spinner {\n right: -6px;\n }\n &[data-style='expand-right'][data-size='s'] .ladda-spinner,\n &[data-style='expand-right'][data-size='xs'] .ladda-spinner {\n right: -12px;\n }\n &[data-style='expand-right'][data-loading] {\n padding-right: 56px;\n }\n &[data-style='expand-right'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n &[data-style='expand-right'][data-loading][data-size='s'],\n &[data-style='expand-right'][data-loading][data-size='xs'] {\n padding-right: 40px;\n }\n &[data-style='expand-left'] .ladda-spinner {\n left: 26px;\n }\n &[data-style='expand-left'][data-size='s'] .ladda-spinner,\n &[data-style='expand-left'][data-size='xs'] .ladda-spinner {\n left: 4px;\n }\n &[data-style='expand-left'][data-loading] {\n padding-left: 56px;\n }\n &[data-style='expand-left'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n &[data-style='expand-left'][data-loading][data-size='s'],\n &[data-style='expand-left'][data-loading][data-size='xs'] {\n padding-left: 40px;\n }\n &[data-style='expand-up'] {\n overflow: hidden;\n }\n &[data-style='expand-up'] .ladda-spinner {\n top: -32px;\n left: 50%;\n margin-left: 0;\n }\n &[data-style='expand-up'][data-loading] {\n padding-top: 54px;\n }\n &[data-style='expand-up'][data-loading] .ladda-spinner {\n opacity: 1;\n top: 26px;\n margin-top: 0;\n }\n &[data-style='expand-up'][data-loading][data-size='s'],\n &[data-style='expand-up'][data-loading][data-size='xs'] {\n padding-top: 32px;\n }\n &[data-style='expand-up'][data-loading][data-size='s'] .ladda-spinner,\n &[data-style='expand-up'][data-loading][data-size='xs'] .ladda-spinner {\n top: 4px;\n }\n &[data-style='expand-down'] {\n overflow: hidden;\n }\n &[data-style='expand-down'] .ladda-spinner {\n top: 62px;\n left: 50%;\n margin-left: 0;\n }\n &[data-style='expand-down'][data-size='s'] .ladda-spinner,\n &[data-style='expand-down'][data-size='xs'] .ladda-spinner {\n top: 40px;\n }\n &[data-style='expand-down'][data-loading] {\n padding-bottom: 54px;\n }\n &[data-style='expand-down'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n &[data-style='expand-down'][data-loading][data-size='s'],\n &[data-style='expand-down'][data-loading][data-size='xs'] {\n padding-bottom: 32px;\n }\n &[data-style='slide-left'] {\n overflow: hidden;\n }\n &[data-style='slide-left'] .ladda-label {\n position: relative;\n }\n &[data-style='slide-left'] .ladda-spinner {\n left: 100%;\n margin-left: 0;\n }\n &[data-style='slide-left'][data-loading] .ladda-label {\n opacity: 0;\n left: -100%;\n }\n &[data-style='slide-left'][data-loading] .ladda-spinner {\n opacity: 1;\n left: 50%;\n }\n &[data-style='slide-right'] {\n overflow: hidden;\n }\n &[data-style='slide-right'] .ladda-label {\n position: relative;\n }\n &[data-style='slide-right'] .ladda-spinner {\n right: 100%;\n margin-left: 0;\n left: 16px;\n }\n [dir='rtl'] &[data-style='slide-right'] .ladda-spinner {\n right: auto;\n }\n &[data-style='slide-right'][data-loading] .ladda-label {\n opacity: 0;\n left: 100%;\n }\n &[data-style='slide-right'][data-loading] .ladda-spinner {\n opacity: 1;\n left: 50%;\n }\n &[data-style='slide-up'] {\n overflow: hidden;\n }\n &[data-style='slide-up'] .ladda-label {\n position: relative;\n }\n &[data-style='slide-up'] .ladda-spinner {\n left: 50%;\n margin-left: 0;\n margin-top: 1em;\n }\n &[data-style='slide-up'][data-loading] .ladda-label {\n opacity: 0;\n top: -1em;\n }\n &[data-style='slide-up'][data-loading] .ladda-spinner {\n opacity: 1;\n margin-top: 0;\n }\n &[data-style='slide-down'] {\n overflow: hidden;\n }\n &[data-style='slide-down'] .ladda-label {\n position: relative;\n }\n &[data-style='slide-down'] .ladda-spinner {\n left: 50%;\n margin-left: 0;\n margin-top: -2em;\n }\n &[data-style='slide-down'][data-loading] .ladda-label {\n opacity: 0;\n top: 1em;\n }\n &[data-style='slide-down'][data-loading] .ladda-spinner {\n opacity: 1;\n margin-top: 0;\n }\n &[data-style='zoom-out'] {\n overflow: hidden;\n }\n &[data-style='zoom-out'] .ladda-spinner {\n left: 50%;\n margin-left: 32px;\n transform: scale(2.5);\n }\n &[data-style='zoom-out'] .ladda-label {\n position: relative;\n display: inline-block;\n }\n &[data-style='zoom-out'][data-loading] .ladda-label {\n opacity: 0;\n transform: scale(0.5);\n }\n &[data-style='zoom-out'][data-loading] .ladda-spinner {\n opacity: 1;\n margin-left: 0;\n transform: none;\n }\n &[data-style='zoom-in'] {\n overflow: hidden;\n }\n &[data-style='zoom-in'] .ladda-spinner {\n left: 50%;\n margin-left: -16px;\n transform: scale(0.2);\n }\n &[data-style='zoom-in'] .ladda-label {\n position: relative;\n display: inline-block;\n }\n &[data-style='zoom-in'][data-loading] .ladda-label {\n opacity: 0;\n transform: scale(2.2);\n }\n &[data-style='zoom-in'][data-loading] .ladda-spinner {\n opacity: 1;\n margin-left: 0;\n transform: none;\n }\n &[data-style='contract'] {\n overflow: hidden;\n width: 100px;\n }\n &[data-style='contract'] .ladda-spinner {\n left: 50%;\n margin-left: 0;\n }\n &[data-style='contract'][data-loading] {\n border-radius: 50%;\n width: 52px;\n }\n &[data-style='contract'][data-loading] .ladda-label {\n opacity: 0;\n }\n &[data-style='contract'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n &[data-style='contract-overlay'] {\n overflow: hidden;\n width: 100px;\n box-shadow: 0px 0px 0px 2000px rgba(0, 0, 0, 0);\n }\n &[data-style='contract-overlay'] .ladda-spinner {\n left: 50%;\n margin-left: 0;\n }\n &[data-style='contract-overlay'][data-loading] {\n border-radius: 50%;\n width: 52px;\n box-shadow: 0px 0px 0px 2000px rgba(0, 0, 0, 0.8);\n }\n &[data-style='contract-overlay'][data-loading] .ladda-label {\n opacity: 0;\n }\n &[data-style='contract-overlay'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n [dir='rtl'] .ladda-spinner > div {\n left: 25% !important;\n }\n"])), function (props) {
458
+ var StyledButton = styled__default.default.button(templateObject_1$O || (templateObject_1$O = __makeTemplateObject(["\n ", "\n\n /*!\n * Ladda\n * http://lab.hakim.se/ladda\n * MIT licensed\n *\n * Copyright (C) 2018 Hakim El Hattab, http://hakim.se\n */\n\n position: relative;\n\n .ladda-spinner {\n position: absolute;\n z-index: 2;\n display: inline-block;\n width: 32px;\n top: 50%;\n margin-top: 0;\n opacity: 0;\n pointer-events: none;\n }\n .ladda-label {\n position: relative;\n z-index: 3;\n }\n .ladda-progress {\n position: absolute;\n width: 0;\n height: 100%;\n left: 0;\n top: 0;\n background: rgba(0, 0, 0, 0.2);\n display: none;\n transition: 0.1s linear all !important;\n }\n &[data-loading] .ladda-progress {\n display: block;\n }\n\n transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;\n\n .ladda-spinner,\n .ladda-label {\n transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;\n }\n &[data-style='zoom-in'],\n &[data-style='zoom-in'] .ladda-spinner,\n &[data-style='zoom-in'] .ladda-label,\n &[data-style='zoom-out'],\n &[data-style='zoom-out'] .ladda-spinner,\n &[data-style='zoom-out'] .ladda-label {\n transition: 0.3s ease all !important;\n }\n &[data-style='expand-right'] .ladda-spinner {\n right: -6px;\n }\n &[data-style='expand-right'][data-size='s'] .ladda-spinner,\n &[data-style='expand-right'][data-size='xs'] .ladda-spinner {\n right: -12px;\n }\n &[data-style='expand-right'][data-loading] {\n padding-right: 56px;\n }\n &[data-style='expand-right'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n &[data-style='expand-right'][data-loading][data-size='s'],\n &[data-style='expand-right'][data-loading][data-size='xs'] {\n padding-right: 40px;\n }\n &[data-style='expand-left'] .ladda-spinner {\n left: 26px;\n }\n &[data-style='expand-left'][data-size='s'] .ladda-spinner,\n &[data-style='expand-left'][data-size='xs'] .ladda-spinner {\n left: 4px;\n }\n &[data-style='expand-left'][data-loading] {\n padding-left: 56px;\n }\n &[data-style='expand-left'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n &[data-style='expand-left'][data-loading][data-size='s'],\n &[data-style='expand-left'][data-loading][data-size='xs'] {\n padding-left: 40px;\n }\n &[data-style='expand-up'] {\n overflow: hidden;\n }\n &[data-style='expand-up'] .ladda-spinner {\n top: -32px;\n left: 50%;\n margin-left: 0;\n }\n &[data-style='expand-up'][data-loading] {\n padding-top: 54px;\n }\n &[data-style='expand-up'][data-loading] .ladda-spinner {\n opacity: 1;\n top: 26px;\n margin-top: 0;\n }\n &[data-style='expand-up'][data-loading][data-size='s'],\n &[data-style='expand-up'][data-loading][data-size='xs'] {\n padding-top: 32px;\n }\n &[data-style='expand-up'][data-loading][data-size='s'] .ladda-spinner,\n &[data-style='expand-up'][data-loading][data-size='xs'] .ladda-spinner {\n top: 4px;\n }\n &[data-style='expand-down'] {\n overflow: hidden;\n }\n &[data-style='expand-down'] .ladda-spinner {\n top: 62px;\n left: 50%;\n margin-left: 0;\n }\n &[data-style='expand-down'][data-size='s'] .ladda-spinner,\n &[data-style='expand-down'][data-size='xs'] .ladda-spinner {\n top: 40px;\n }\n &[data-style='expand-down'][data-loading] {\n padding-bottom: 54px;\n }\n &[data-style='expand-down'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n &[data-style='expand-down'][data-loading][data-size='s'],\n &[data-style='expand-down'][data-loading][data-size='xs'] {\n padding-bottom: 32px;\n }\n &[data-style='slide-left'] {\n overflow: hidden;\n }\n &[data-style='slide-left'] .ladda-label {\n position: relative;\n }\n &[data-style='slide-left'] .ladda-spinner {\n left: 100%;\n margin-left: 0;\n }\n &[data-style='slide-left'][data-loading] .ladda-label {\n opacity: 0;\n left: -100%;\n }\n &[data-style='slide-left'][data-loading] .ladda-spinner {\n opacity: 1;\n left: 50%;\n }\n &[data-style='slide-right'] {\n overflow: hidden;\n }\n &[data-style='slide-right'] .ladda-label {\n position: relative;\n }\n &[data-style='slide-right'] .ladda-spinner {\n right: 100%;\n margin-left: 0;\n left: 16px;\n }\n [dir='rtl'] &[data-style='slide-right'] .ladda-spinner {\n right: auto;\n }\n &[data-style='slide-right'][data-loading] .ladda-label {\n opacity: 0;\n left: 100%;\n }\n &[data-style='slide-right'][data-loading] .ladda-spinner {\n opacity: 1;\n left: 50%;\n }\n &[data-style='slide-up'] {\n overflow: hidden;\n }\n &[data-style='slide-up'] .ladda-label {\n position: relative;\n }\n &[data-style='slide-up'] .ladda-spinner {\n left: 50%;\n margin-left: 0;\n margin-top: 1em;\n }\n &[data-style='slide-up'][data-loading] .ladda-label {\n opacity: 0;\n top: -1em;\n }\n &[data-style='slide-up'][data-loading] .ladda-spinner {\n opacity: 1;\n margin-top: 0;\n }\n &[data-style='slide-down'] {\n overflow: hidden;\n }\n &[data-style='slide-down'] .ladda-label {\n position: relative;\n }\n &[data-style='slide-down'] .ladda-spinner {\n left: 50%;\n margin-left: 0;\n margin-top: -2em;\n }\n &[data-style='slide-down'][data-loading] .ladda-label {\n opacity: 0;\n top: 1em;\n }\n &[data-style='slide-down'][data-loading] .ladda-spinner {\n opacity: 1;\n margin-top: 0;\n }\n &[data-style='zoom-out'] {\n overflow: hidden;\n }\n &[data-style='zoom-out'] .ladda-spinner {\n left: 50%;\n margin-left: 32px;\n transform: scale(2.5);\n }\n &[data-style='zoom-out'] .ladda-label {\n position: relative;\n display: inline-block;\n }\n &[data-style='zoom-out'][data-loading] .ladda-label {\n opacity: 0;\n transform: scale(0.5);\n }\n &[data-style='zoom-out'][data-loading] .ladda-spinner {\n opacity: 1;\n margin-left: 0;\n transform: none;\n }\n &[data-style='zoom-in'] {\n overflow: hidden;\n }\n &[data-style='zoom-in'] .ladda-spinner {\n left: 50%;\n margin-left: -16px;\n transform: scale(0.2);\n }\n &[data-style='zoom-in'] .ladda-label {\n position: relative;\n display: inline-block;\n }\n &[data-style='zoom-in'][data-loading] .ladda-label {\n opacity: 0;\n transform: scale(2.2);\n }\n &[data-style='zoom-in'][data-loading] .ladda-spinner {\n opacity: 1;\n margin-left: 0;\n transform: none;\n }\n &[data-style='contract'] {\n overflow: hidden;\n width: 100px;\n }\n &[data-style='contract'] .ladda-spinner {\n left: 50%;\n margin-left: 0;\n }\n &[data-style='contract'][data-loading] {\n border-radius: 50%;\n width: 52px;\n }\n &[data-style='contract'][data-loading] .ladda-label {\n opacity: 0;\n }\n &[data-style='contract'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n &[data-style='contract-overlay'] {\n overflow: hidden;\n width: 100px;\n box-shadow: 0px 0px 0px 2000px rgba(0, 0, 0, 0);\n }\n &[data-style='contract-overlay'] .ladda-spinner {\n left: 50%;\n margin-left: 0;\n }\n &[data-style='contract-overlay'][data-loading] {\n border-radius: 50%;\n width: 52px;\n box-shadow: 0px 0px 0px 2000px rgba(0, 0, 0, 0.8);\n }\n &[data-style='contract-overlay'][data-loading] .ladda-label {\n opacity: 0;\n }\n &[data-style='contract-overlay'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n [dir='rtl'] .ladda-spinner > div {\n left: 25% !important;\n }\n"], ["\n ", "\n\n /*!\n * Ladda\n * http://lab.hakim.se/ladda\n * MIT licensed\n *\n * Copyright (C) 2018 Hakim El Hattab, http://hakim.se\n */\n\n position: relative;\n\n .ladda-spinner {\n position: absolute;\n z-index: 2;\n display: inline-block;\n width: 32px;\n top: 50%;\n margin-top: 0;\n opacity: 0;\n pointer-events: none;\n }\n .ladda-label {\n position: relative;\n z-index: 3;\n }\n .ladda-progress {\n position: absolute;\n width: 0;\n height: 100%;\n left: 0;\n top: 0;\n background: rgba(0, 0, 0, 0.2);\n display: none;\n transition: 0.1s linear all !important;\n }\n &[data-loading] .ladda-progress {\n display: block;\n }\n\n transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;\n\n .ladda-spinner,\n .ladda-label {\n transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;\n }\n &[data-style='zoom-in'],\n &[data-style='zoom-in'] .ladda-spinner,\n &[data-style='zoom-in'] .ladda-label,\n &[data-style='zoom-out'],\n &[data-style='zoom-out'] .ladda-spinner,\n &[data-style='zoom-out'] .ladda-label {\n transition: 0.3s ease all !important;\n }\n &[data-style='expand-right'] .ladda-spinner {\n right: -6px;\n }\n &[data-style='expand-right'][data-size='s'] .ladda-spinner,\n &[data-style='expand-right'][data-size='xs'] .ladda-spinner {\n right: -12px;\n }\n &[data-style='expand-right'][data-loading] {\n padding-right: 56px;\n }\n &[data-style='expand-right'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n &[data-style='expand-right'][data-loading][data-size='s'],\n &[data-style='expand-right'][data-loading][data-size='xs'] {\n padding-right: 40px;\n }\n &[data-style='expand-left'] .ladda-spinner {\n left: 26px;\n }\n &[data-style='expand-left'][data-size='s'] .ladda-spinner,\n &[data-style='expand-left'][data-size='xs'] .ladda-spinner {\n left: 4px;\n }\n &[data-style='expand-left'][data-loading] {\n padding-left: 56px;\n }\n &[data-style='expand-left'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n &[data-style='expand-left'][data-loading][data-size='s'],\n &[data-style='expand-left'][data-loading][data-size='xs'] {\n padding-left: 40px;\n }\n &[data-style='expand-up'] {\n overflow: hidden;\n }\n &[data-style='expand-up'] .ladda-spinner {\n top: -32px;\n left: 50%;\n margin-left: 0;\n }\n &[data-style='expand-up'][data-loading] {\n padding-top: 54px;\n }\n &[data-style='expand-up'][data-loading] .ladda-spinner {\n opacity: 1;\n top: 26px;\n margin-top: 0;\n }\n &[data-style='expand-up'][data-loading][data-size='s'],\n &[data-style='expand-up'][data-loading][data-size='xs'] {\n padding-top: 32px;\n }\n &[data-style='expand-up'][data-loading][data-size='s'] .ladda-spinner,\n &[data-style='expand-up'][data-loading][data-size='xs'] .ladda-spinner {\n top: 4px;\n }\n &[data-style='expand-down'] {\n overflow: hidden;\n }\n &[data-style='expand-down'] .ladda-spinner {\n top: 62px;\n left: 50%;\n margin-left: 0;\n }\n &[data-style='expand-down'][data-size='s'] .ladda-spinner,\n &[data-style='expand-down'][data-size='xs'] .ladda-spinner {\n top: 40px;\n }\n &[data-style='expand-down'][data-loading] {\n padding-bottom: 54px;\n }\n &[data-style='expand-down'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n &[data-style='expand-down'][data-loading][data-size='s'],\n &[data-style='expand-down'][data-loading][data-size='xs'] {\n padding-bottom: 32px;\n }\n &[data-style='slide-left'] {\n overflow: hidden;\n }\n &[data-style='slide-left'] .ladda-label {\n position: relative;\n }\n &[data-style='slide-left'] .ladda-spinner {\n left: 100%;\n margin-left: 0;\n }\n &[data-style='slide-left'][data-loading] .ladda-label {\n opacity: 0;\n left: -100%;\n }\n &[data-style='slide-left'][data-loading] .ladda-spinner {\n opacity: 1;\n left: 50%;\n }\n &[data-style='slide-right'] {\n overflow: hidden;\n }\n &[data-style='slide-right'] .ladda-label {\n position: relative;\n }\n &[data-style='slide-right'] .ladda-spinner {\n right: 100%;\n margin-left: 0;\n left: 16px;\n }\n [dir='rtl'] &[data-style='slide-right'] .ladda-spinner {\n right: auto;\n }\n &[data-style='slide-right'][data-loading] .ladda-label {\n opacity: 0;\n left: 100%;\n }\n &[data-style='slide-right'][data-loading] .ladda-spinner {\n opacity: 1;\n left: 50%;\n }\n &[data-style='slide-up'] {\n overflow: hidden;\n }\n &[data-style='slide-up'] .ladda-label {\n position: relative;\n }\n &[data-style='slide-up'] .ladda-spinner {\n left: 50%;\n margin-left: 0;\n margin-top: 1em;\n }\n &[data-style='slide-up'][data-loading] .ladda-label {\n opacity: 0;\n top: -1em;\n }\n &[data-style='slide-up'][data-loading] .ladda-spinner {\n opacity: 1;\n margin-top: 0;\n }\n &[data-style='slide-down'] {\n overflow: hidden;\n }\n &[data-style='slide-down'] .ladda-label {\n position: relative;\n }\n &[data-style='slide-down'] .ladda-spinner {\n left: 50%;\n margin-left: 0;\n margin-top: -2em;\n }\n &[data-style='slide-down'][data-loading] .ladda-label {\n opacity: 0;\n top: 1em;\n }\n &[data-style='slide-down'][data-loading] .ladda-spinner {\n opacity: 1;\n margin-top: 0;\n }\n &[data-style='zoom-out'] {\n overflow: hidden;\n }\n &[data-style='zoom-out'] .ladda-spinner {\n left: 50%;\n margin-left: 32px;\n transform: scale(2.5);\n }\n &[data-style='zoom-out'] .ladda-label {\n position: relative;\n display: inline-block;\n }\n &[data-style='zoom-out'][data-loading] .ladda-label {\n opacity: 0;\n transform: scale(0.5);\n }\n &[data-style='zoom-out'][data-loading] .ladda-spinner {\n opacity: 1;\n margin-left: 0;\n transform: none;\n }\n &[data-style='zoom-in'] {\n overflow: hidden;\n }\n &[data-style='zoom-in'] .ladda-spinner {\n left: 50%;\n margin-left: -16px;\n transform: scale(0.2);\n }\n &[data-style='zoom-in'] .ladda-label {\n position: relative;\n display: inline-block;\n }\n &[data-style='zoom-in'][data-loading] .ladda-label {\n opacity: 0;\n transform: scale(2.2);\n }\n &[data-style='zoom-in'][data-loading] .ladda-spinner {\n opacity: 1;\n margin-left: 0;\n transform: none;\n }\n &[data-style='contract'] {\n overflow: hidden;\n width: 100px;\n }\n &[data-style='contract'] .ladda-spinner {\n left: 50%;\n margin-left: 0;\n }\n &[data-style='contract'][data-loading] {\n border-radius: 50%;\n width: 52px;\n }\n &[data-style='contract'][data-loading] .ladda-label {\n opacity: 0;\n }\n &[data-style='contract'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n &[data-style='contract-overlay'] {\n overflow: hidden;\n width: 100px;\n box-shadow: 0px 0px 0px 2000px rgba(0, 0, 0, 0);\n }\n &[data-style='contract-overlay'] .ladda-spinner {\n left: 50%;\n margin-left: 0;\n }\n &[data-style='contract-overlay'][data-loading] {\n border-radius: 50%;\n width: 52px;\n box-shadow: 0px 0px 0px 2000px rgba(0, 0, 0, 0.8);\n }\n &[data-style='contract-overlay'][data-loading] .ladda-label {\n opacity: 0;\n }\n &[data-style='contract-overlay'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n [dir='rtl'] .ladda-spinner > div {\n left: 25% !important;\n }\n"])), function (props) {
501
459
  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v;
502
460
  return ((_a = props.theme.buttons) === null || _a === void 0 ? void 0 : _a.style) === 'bootstrap' && "\n border-radius: 0;\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n text-transform: none;\n -webkit-appearance: button;\n \n &:not(:disabled),\n &[type='button']:not(:disabled),\n &[type='reset']:not(:disabled),\n &[type='submit']:not(:disabled) {\n cursor: pointer;\n }\n \n &:focus:not(:focus-visible) {\n outline: 0;\n }\n \n --bs-btn-padding-x: 0.75rem;\n --bs-btn-padding-y: 0.375rem;\n --bs-btn-font-family: ;\n --bs-btn-font-size: 1rem;\n --bs-btn-font-weight: 400;\n --bs-btn-line-height: 1.5;\n --bs-btn-color: var(--bs-body-color);\n --bs-btn-bg: transparent;\n --bs-btn-border-width: var(--bs-border-width);\n --bs-btn-border-color: transparent;\n --bs-btn-border-radius: var(--bs-border-radius);\n --bs-btn-hover-border-color: transparent;\n --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),\n 0 1px 1px rgba(0, 0, 0, 0.075);\n --bs-btn-disabled-opacity: 0.65;\n --bs-btn-focus-box-shadow: 0 0 0 0.25rem\n rgba(var(--bs-btn-focus-shadow-rgb), 0.5);\n display: inline-block;\n padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);\n font-family: var(--bs-btn-font-family);\n font-size: var(--bs-btn-font-size);\n font-weight: var(--bs-btn-font-weight);\n line-height: var(--bs-btn-line-height);\n color: var(--bs-btn-color);\n text-align: center;\n text-decoration: none;\n vertical-align: middle;\n cursor: pointer;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);\n border-radius: var(--bs-btn-border-radius);\n background-color: var(--bs-btn-bg);\n //transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,\n // border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n \n @media (prefers-reduced-motion: reduce) {\n transition: none;\n }\n \n &:hover {\n filter: brightness(1.15);\n }\n \n &:focus-visible {\n color: var(--bs-btn-hover-color);\n background-color: var(--bs-btn-hover-bg);\n border-color: var(--bs-btn-hover-border-color);\n outline: 0;\n box-shadow: var(--bs-btn-focus-box-shadow);\n }\n \n &:disabled,\n &.disabled,\n fieldset:disabled & {\n color: var(--bs-btn-disabled-color);\n pointer-events: none;\n background-color: var(--bs-btn-disabled-bg);\n border-color: var(--bs-btn-disabled-border-color);\n opacity: var(--bs-btn-disabled-opacity);\n }\n \n --bs-btn-color: ".concat((_f = (_b = props.$textColor) !== null && _b !== void 0 ? _b : (_e = (_c = props.theme.buttons) === null || _c === void 0 ? void 0 : _c[(_d = props.$variant) !== null && _d !== void 0 ? _d : 'primary']) === null || _e === void 0 ? void 0 : _e.textColor) !== null && _f !== void 0 ? _f : '#fff', ";\n --bs-btn-bg: ").concat((_l = (_g = props.$backgroundColor) !== null && _g !== void 0 ? _g : (_k = (_h = props.theme.buttons) === null || _h === void 0 ? void 0 : _h[(_j = props.$variant) !== null && _j !== void 0 ? _j : 'primary']) === null || _k === void 0 ? void 0 : _k.backgroundColor) !== null && _l !== void 0 ? _l : '#0d6efd', ";\n --bs-btn-border-color: var(--bs-btn-bg);\n --bs-btn-focus-shadow-rgb: 49, 132, 253;\n --bs-btn-active-color: #fff;\n --bs-btn-active-bg: #0a58ca;\n --bs-btn-active-border-color: #0a53be;\n --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);\n --bs-btn-disabled-color: ").concat((_q = (_m = props.$disabledTextColor) !== null && _m !== void 0 ? _m : (_p = (_o = props.theme.buttons) === null || _o === void 0 ? void 0 : _o.loading) === null || _p === void 0 ? void 0 : _p.textColor) !== null && _q !== void 0 ? _q : '#fff', ";\n --bs-btn-disabled-bg: ").concat((_u = (_r = props.$disabledBackgroundColor) !== null && _r !== void 0 ? _r : (_t = (_s = props.theme.buttons) === null || _s === void 0 ? void 0 : _s.loading) === null || _t === void 0 ? void 0 : _t.backgroundColor) !== null && _u !== void 0 ? _u : 'gray', ";\n --bs-btn-disabled-border-color: ").concat((_v = props.$disabledBackgroundColor) !== null && _v !== void 0 ? _v : '#0d6efd', ";\n \n --bs-btn-padding-y: 14px;\n --bs-btn-padding-x: 1rem;\n --bs-btn-font-size: 18px;\n --bs-btn-border-radius: 4px;\n ");
503
461
  });
504
- var templateObject_1$M;
462
+ var templateObject_1$O;
505
463
 
506
- var OverlayContainer = styled__default.default(PageContainer)(templateObject_1$L || (templateObject_1$L = __makeTemplateObject(["\n background: ", ";\n ", "\n z-index: 10000;\n"], ["\n background: ", ";\n ", "\n z-index: 10000;\n"])), function (props) {
464
+ var ButtonsRow$2 = styled__default.default.div(templateObject_1$N || (templateObject_1$N = __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"])));
465
+ var templateObject_1$N;
466
+
467
+ var GuidanceMessageContainerDiv = styled__default.default.div(templateObject_1$M || (templateObject_1$M = __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) {
468
+ var $top = _a.$top;
469
+ return $top !== null && $top !== void 0 ? $top : '10vh';
470
+ }, function (_a) {
471
+ var $bottom = _a.$bottom;
472
+ return $bottom ? "bottom: ".concat($bottom, ";") : "";
473
+ });
474
+ var GuidanceMessageContainer = function GuidanceMessageContainer(props) {
475
+ var element = /*#__PURE__*/React__namespace.default.createElement(GuidanceMessageContainerDiv, _assign({}, props));
476
+ var portalLocation = document.getElementById('idmission-above-guides-content');
477
+ if (!portalLocation) return element;
478
+ return /*#__PURE__*/reactDom.createPortal(element, portalLocation);
479
+ };
480
+ var GuidanceMessage = styled__default.default.div(templateObject_2$E || (templateObject_2$E = __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) {
481
+ var _a, _b, _c, _d, _e, _f;
482
+ 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';
483
+ }, function (props) {
484
+ var _a, _b, _c, _d, _e, _f;
485
+ 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';
486
+ });
487
+ var templateObject_1$M, templateObject_2$E;
488
+
489
+ var wavesAnimation = styled.keyframes(templateObject_1$L || (templateObject_1$L = __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"])));
490
+ var progressBarAnimation = styled.keyframes(templateObject_2$D || (templateObject_2$D = __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"])));
491
+ var dualRingSpinnerAnimation = styled.keyframes(templateObject_3$s || (templateObject_3$s = __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"])));
492
+ var progressBorderAnimation = styled.keyframes(templateObject_4$m || (templateObject_4$m = __makeTemplateObject(["\n to {\n stroke-dashoffset: 0;\n }\n"], ["\n to {\n stroke-dashoffset: 0;\n }\n"])));
493
+ var templateObject_1$L, templateObject_2$D, templateObject_3$s, templateObject_4$m;
494
+
495
+ var OverlayContainer = styled__default.default.div(templateObject_1$K || (templateObject_1$K = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n\n display: flex;\n flex-direction: column;\n\n overflow-x: hidden;\n overflow-y: auto;\n\n background: ", ";\n ", "\n\n z-index: 10000;\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n\n display: flex;\n flex-direction: column;\n\n overflow-x: hidden;\n overflow-y: auto;\n\n background: ", ";\n ", "\n\n z-index: 10000;\n"])), function (props) {
507
496
  return props.theme.background ? "".concat(props.theme.background) : "white";
508
497
  }, function (props) {
509
498
  return props.theme.textColor ? "color: ".concat(props.theme.textColor, ";") : "";
510
499
  });
511
- var OverlayInner$2 = styled__default.default.div(templateObject_2$C || (templateObject_2$C = __makeTemplateObject(["\n text-align: ", ";\n display: flex;\n flex-direction: column;\n flex-wrap: nowrap;\n max-width: 100dvw;\n max-height: 100dvh;\n width: 100%;\n height: 100%;\n ", "\n"], ["\n text-align: ", ";\n display: flex;\n flex-direction: column;\n flex-wrap: nowrap;\n max-width: 100dvw;\n max-height: 100dvh;\n width: 100%;\n height: 100%;\n ", "\n"])), function (props) {
500
+ var OverlayInner$2 = styled__default.default.div(templateObject_2$C || (templateObject_2$C = __makeTemplateObject(["\n text-align: ", ";\n display: flex;\n flex-direction: column;\n flex-wrap: nowrap;\n width: 100%;\n height: 100%;\n ", "\n"], ["\n text-align: ", ";\n display: flex;\n flex-direction: column;\n flex-wrap: nowrap;\n width: 100%;\n height: 100%;\n ", "\n"])), function (props) {
512
501
  var _a;
513
502
  return (_a = props.theme.textAlign) !== null && _a !== void 0 ? _a : 'center';
514
503
  }, function (props) {
515
504
  return props.theme.padding ? "box-sizing: border-box; padding: ".concat(props.theme.padding, ";") : "";
516
505
  });
517
- var OverlayImageContainer = styled__default.default.div(templateObject_3$s || (templateObject_3$s = __makeTemplateObject(["\n position: relative;\n display: flex;\n flex-grow: 1;\n padding-bottom: 25px;\n max-width: 100dvw;\n max-height: 100dvh;\n overflow: hidden;\n\n & > img,\n & > svg {\n margin: 0 auto;\n width: max-content;\n max-width: 100%;\n max-height: 100%;\n aspect-ratio: initial;\n object-fit: contain;\n display: block;\n }\n"], ["\n position: relative;\n display: flex;\n flex-grow: 1;\n padding-bottom: 25px;\n max-width: 100dvw;\n max-height: 100dvh;\n overflow: hidden;\n\n & > img,\n & > svg {\n margin: 0 auto;\n width: max-content;\n max-width: 100%;\n max-height: 100%;\n aspect-ratio: initial;\n object-fit: contain;\n display: block;\n }\n"])));
518
- var OverlayImageRow = styled__default.default.div(templateObject_4$m || (templateObject_4$m = __makeTemplateObject(["\n display: flex;\n margin: auto;\n\n & > div {\n max-height: calc(100vh - 320px);\n\n & > img {\n width: 100%;\n max-height: 100%;\n height: auto;\n object-fit: contain;\n }\n }\n"], ["\n display: flex;\n margin: auto;\n\n & > div {\n max-height: calc(100vh - 320px);\n\n & > img {\n width: 100%;\n max-height: 100%;\n height: auto;\n object-fit: contain;\n }\n }\n"])));
506
+ var OverlayImageContainer = styled__default.default.div(templateObject_3$r || (templateObject_3$r = __makeTemplateObject(["\n position: relative;\n display: flex;\n flex-grow: 1;\n padding-bottom: 25px;\n overflow: hidden;\n\n & > img,\n & > svg {\n margin: 0 auto;\n width: max-content;\n max-width: 100%;\n max-height: 100%;\n aspect-ratio: initial;\n object-fit: contain;\n display: block;\n }\n"], ["\n position: relative;\n display: flex;\n flex-grow: 1;\n padding-bottom: 25px;\n overflow: hidden;\n\n & > img,\n & > svg {\n margin: 0 auto;\n width: max-content;\n max-width: 100%;\n max-height: 100%;\n aspect-ratio: initial;\n object-fit: contain;\n display: block;\n }\n"])));
507
+ var OverlayImageRow = styled__default.default.div(templateObject_4$l || (templateObject_4$l = __makeTemplateObject(["\n display: flex;\n margin: auto;\n\n & > div {\n max-height: calc(100% - 320px);\n\n & > img {\n width: 100%;\n max-height: 100%;\n height: auto;\n object-fit: contain;\n }\n }\n"], ["\n display: flex;\n margin: auto;\n\n & > div {\n max-height: calc(100% - 320px);\n\n & > img {\n width: 100%;\n max-height: 100%;\n height: auto;\n object-fit: contain;\n }\n }\n"])));
519
508
  var GrayOverlayContainer = styled__default.default(OverlayContainer)(templateObject_5$d || (templateObject_5$d = __makeTemplateObject(["\n background: #f7f6fb;\n"], ["\n background: #f7f6fb;\n"])));
520
509
  var ButtonsColumn = styled__default.default.div(templateObject_6$a || (templateObject_6$a = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n gap: 15px 0;\n justify-content: center;\n margin-top: 24px;\n"], ["\n display: flex;\n flex-direction: column;\n gap: 15px 0;\n justify-content: center;\n margin-top: 24px;\n"])));
521
510
  var WideButton = styled__default.default(LoaderButton)(templateObject_7$7 || (templateObject_7$7 = __makeTemplateObject(["\n width: 100%;\n border-radius: 30px;\n"], ["\n width: 100%;\n border-radius: 30px;\n"])));
522
- var WideBorderButton = styled__default.default(WideButton)(templateObject_8$4 || (templateObject_8$4 = __makeTemplateObject(["\n color: ", ";\n background: ", ";\n border: 1px solid\n ", ";\n box-sizing: border-box;\n"], ["\n color: ", ";\n background: ", ";\n border: 1px solid\n ", ";\n box-sizing: border-box;\n"])), function (props) {
511
+ var WideBorderButton = styled__default.default(WideButton)(templateObject_8$3 || (templateObject_8$3 = __makeTemplateObject(["\n color: ", ";\n background: ", ";\n border: 1px solid\n ", ";\n box-sizing: border-box;\n"], ["\n color: ", ";\n background: ", ";\n border: 1px solid\n ", ";\n box-sizing: border-box;\n"])), function (props) {
523
512
  var _a, _b;
524
513
  return (_b = (_a = props.colors) === null || _a === void 0 ? void 0 : _a.textColor) !== null && _b !== void 0 ? _b : 'black';
525
514
  }, function (props) {
@@ -529,7 +518,26 @@ var WideBorderButton = styled__default.default(WideButton)(templateObject_8$4 ||
529
518
  var _a, _b;
530
519
  return (_b = (_a = props.colors) === null || _a === void 0 ? void 0 : _a.borderColor) !== null && _b !== void 0 ? _b : 'var(--idm-color-secondary-500)';
531
520
  });
532
- var templateObject_1$L, templateObject_2$C, templateObject_3$s, templateObject_4$m, templateObject_5$d, templateObject_6$a, templateObject_7$7, templateObject_8$4;
521
+ var LoadingOverlayInner = styled__default.default(OverlayInner$2)(templateObject_9$3 || (templateObject_9$3 = __makeTemplateObject(["\n position: relative;\n height: 100%;\n display: flex;\n flex-direction: column;\n padding: 0;\n"], ["\n position: relative;\n height: 100%;\n display: flex;\n flex-direction: column;\n padding: 0;\n"])));
522
+ var LoadingOverlayHeader = styled__default.default.div(templateObject_10$2 || (templateObject_10$2 = __makeTemplateObject(["\n text-align: ", ";\n display: flex;\n flex-direction: column;\n flex-wrap: nowrap;\n ", "\n padding-bottom: 0;\n"], ["\n text-align: ", ";\n display: flex;\n flex-direction: column;\n flex-wrap: nowrap;\n ", "\n padding-bottom: 0;\n"])), function (props) {
523
+ var _a;
524
+ return (_a = props.theme.textAlign) !== null && _a !== void 0 ? _a : 'center';
525
+ }, function (props) {
526
+ return props.theme.padding ? "box-sizing: border-box; padding: ".concat(props.theme.padding, ";") : "";
527
+ });
528
+ var LoadingOverlayGuidanceMessage = styled__default.default(GuidanceMessage)(templateObject_11$1 || (templateObject_11$1 = __makeTemplateObject(["\n padding: 16px 24px;\n margin-top: 16px;\n font-size: 18px;\n font-weight: bold;\n background: white;\n box-shadow:\n 0 1px 3px 0 rgb(0 0 0 / 0.1),\n 0 1px 2px -1px rgb(0 0 0 / 0.1);\n"], ["\n padding: 16px 24px;\n margin-top: 16px;\n font-size: 18px;\n font-weight: bold;\n background: white;\n box-shadow:\n 0 1px 3px 0 rgb(0 0 0 / 0.1),\n 0 1px 2px -1px rgb(0 0 0 / 0.1);\n"])));
529
+ var LoadingOverlayImageContainer = styled__default.default(OverlayImageContainer)(templateObject_12$1 || (templateObject_12$1 = __makeTemplateObject(["\n padding: 0;\n max-height: 100%;\n pointer-events: none;\n"], ["\n padding: 0;\n max-height: 100%;\n pointer-events: none;\n"])));
530
+ var LoadingOverlayProgressBarBackground = styled__default.default.div(templateObject_13$1 || (templateObject_13$1 = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n"])));
531
+ var LoadingOverlayProgressBar = styled__default.default.span(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n display: block;\n width: ", "%;\n height: 100%;\n left: 0;\n position: absolute;\n"], ["\n display: block;\n width: ", "%;\n height: 100%;\n left: 0;\n position: absolute;\n"])), function (props) {
532
+ return props.$progress;
533
+ });
534
+ var LoadingOverlayProgressIndicator = styled__default.default.span(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n display: block;\n height: 100%;\n animation: ", " 3s ease-in-out;\n animation-fill-mode: both;\n"], ["\n display: block;\n height: 100%;\n animation: ", " 3s ease-in-out;\n animation-fill-mode: both;\n"])), progressBarAnimation);
535
+ var LoadingOverlayButtonsRow = styled__default.default(ButtonsRow$2)(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n display: flex;\n flex-direction: row;\n padding: 15px 25px;\n min-height: 100px;\n width: 100%;\n box-sizing: border-box;\n position: relative;\n"], ["\n display: flex;\n flex-direction: row;\n padding: 15px 25px;\n min-height: 100px;\n width: 100%;\n box-sizing: border-box;\n position: relative;\n"])));
536
+ var LoadingOverlayLoadingListContainer = styled__default.default.div(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n display: flex;\n position: relative;\n z-index: 2;\n"], ["\n display: flex;\n position: relative;\n z-index: 2;\n"])));
537
+ var LoadingOverlayLoadingList = styled__default.default.ul(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n display: block;\n margin: auto;\n list-style: none;\n padding: 0;\n"], ["\n display: block;\n margin: auto;\n list-style: none;\n padding: 0;\n"])));
538
+ var LoadingOverlayLoadingListItem = styled__default.default.li(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\n display: inline-flex;\n justify-content: center;\n align-items: center;\n padding: 2px 1.25rem 2px 0;\n line-height: 1rem;\n"], ["\n display: inline-flex;\n justify-content: center;\n align-items: center;\n padding: 2px 1.25rem 2px 0;\n line-height: 1rem;\n"])));
539
+ var LoadingOverlayProgressContainer = styled__default.default.div(templateObject_20 || (templateObject_20 = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n"])));
540
+ var templateObject_1$K, templateObject_2$C, templateObject_3$r, templateObject_4$l, templateObject_5$d, templateObject_6$a, templateObject_7$7, templateObject_8$3, templateObject_9$3, templateObject_10$2, templateObject_11$1, templateObject_12$1, templateObject_13$1, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20;
533
541
 
534
542
  var GeolocationAccessDeniedOverlay = function GeolocationAccessDeniedOverlay(_a) {
535
543
  var accessBlockedImageUrl = _a.accessBlockedImageUrl;
@@ -2158,7 +2166,7 @@ function getFrameDimensions(frame) {
2158
2166
  return [frameWidth, frameHeight];
2159
2167
  }
2160
2168
 
2161
- var InvisibleCanvas = styled__default.default.canvas(templateObject_1$K || (templateObject_1$K = __makeTemplateObject(["\n display: none;\n"], ["\n display: none;\n"])));
2169
+ var InvisibleCanvas = styled__default.default.canvas(templateObject_1$J || (templateObject_1$J = __makeTemplateObject(["\n display: none;\n"], ["\n display: none;\n"])));
2162
2170
  function drawToCanvas(canvas, frame, width, height) {
2163
2171
  if (!canvas) return;
2164
2172
  var ctx = canvas.getContext('2d');
@@ -2178,7 +2186,7 @@ function clearCanvas(canvas) {
2178
2186
  var _a;
2179
2187
  (_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);
2180
2188
  }
2181
- var templateObject_1$K;
2189
+ var templateObject_1$J;
2182
2190
 
2183
2191
  function cropToShoulders(rawCanvas, cropCanvas, resizeCanvas, frame, face, quality, maxHeight) {
2184
2192
  if (quality === void 0) {
@@ -5145,14 +5153,14 @@ function CameraTamperSeal(_a) {
5145
5153
  className: classNames.message
5146
5154
  }, messageText)));
5147
5155
  }
5148
- 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"])));
5156
+ var StyledOverlayInner$4 = styled__default.default(OverlayInner$2)(templateObject_1$I || (templateObject_1$I = __makeTemplateObject(["\n justify-content: center;\n"], ["\n justify-content: center;\n"])));
5149
5157
  var StyledOverlayHeading = styled__default.default.h3(templateObject_2$B || (templateObject_2$B = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
5150
5158
  function useCameraStore(selector) {
5151
5159
  var store = React.useContext(CameraStoreContext);
5152
5160
  if (!store) throw new Error('useCameraStore cannot be used without Provider');
5153
5161
  return zustand.useStore(store, selector);
5154
5162
  }
5155
- var templateObject_1$J, templateObject_2$B;
5163
+ var templateObject_1$I, templateObject_2$B;
5156
5164
 
5157
5165
  var DocumentDetectionModelContext = /*#__PURE__*/React.createContext({
5158
5166
  startDocumentDetection: function startDocumentDetection() {
@@ -6117,12 +6125,12 @@ function DebugStatsPane(_a) {
6117
6125
  if (!portalLocation) return element;
6118
6126
  return /*#__PURE__*/reactDom.createPortal(element, portalLocation);
6119
6127
  }
6120
- 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"])));
6121
- 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) {
6128
+ var DebugStatsPaneDiv = styled__default.default.span(templateObject_1$H || (templateObject_1$H = __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"])));
6129
+ var ObjectDetectionDebugOverlayDiv = styled__default.default.div(templateObject_2$A || (templateObject_2$A = __makeTemplateObject(["\n position: absolute;\n z-index: 1001;\n top: 0;\n left: 0;\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 top: 0;\n left: 0;\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) {
6122
6130
  var $flipX = _a.$flipX;
6123
6131
  return $flipX ? 'transform: scaleX(-1);' : '';
6124
6132
  });
6125
- 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) {
6133
+ 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) {
6126
6134
  var $color = _a.$color;
6127
6135
  return $color !== null && $color !== void 0 ? $color : 'green';
6128
6136
  }, function (_a) {
@@ -6132,7 +6140,7 @@ var ObjectDetectionDebugBox = styled__default.default.div(templateObject_3$r ||
6132
6140
  var $flipX = _a.$flipX;
6133
6141
  return $flipX ? 'transform: scaleX(-1);' : '';
6134
6142
  });
6135
- 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) {
6143
+ 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) {
6136
6144
  var $color = _a.$color;
6137
6145
  return $color !== null && $color !== void 0 ? $color : 'red';
6138
6146
  }, function (_a) {
@@ -6323,29 +6331,7 @@ function SelfieCaptureFaceKeypoint(_a) {
6323
6331
  }
6324
6332
  });
6325
6333
  }
6326
- var templateObject_1$I, templateObject_2$A, templateObject_3$r, templateObject_4$l;
6327
-
6328
- 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) {
6329
- var $top = _a.$top;
6330
- return $top !== null && $top !== void 0 ? $top : '10vh';
6331
- }, function (_a) {
6332
- var $bottom = _a.$bottom;
6333
- return $bottom ? "bottom: ".concat($bottom, ";") : "";
6334
- });
6335
- var GuidanceMessageContainer = function GuidanceMessageContainer(props) {
6336
- var element = /*#__PURE__*/React__namespace.default.createElement(GuidanceMessageContainerDiv, _assign({}, props));
6337
- var portalLocation = document.getElementById('idmission-above-guides-content');
6338
- if (!portalLocation) return element;
6339
- return /*#__PURE__*/reactDom.createPortal(element, portalLocation);
6340
- };
6341
- 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) {
6342
- var _a, _b, _c, _d, _e, _f;
6343
- 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';
6344
- }, function (props) {
6345
- var _a, _b, _c, _d, _e, _f;
6346
- 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';
6347
- });
6348
- var templateObject_1$H, templateObject_2$z;
6334
+ var templateObject_1$H, templateObject_2$A, templateObject_3$q, templateObject_4$k;
6349
6335
 
6350
6336
  function OverrideWrongDocumentTypeGuidanceDialog(_a) {
6351
6337
  var _b = _a.classNames,
@@ -6360,7 +6346,7 @@ function OverrideWrongDocumentTypeGuidanceDialog(_a) {
6360
6346
  buttonText: 'OK'
6361
6347
  });
6362
6348
  if (!allowOverrideWrongDocumentTypeGuidance) return null;
6363
- return /*#__PURE__*/React__namespace.default.createElement(Container$2, {
6349
+ return /*#__PURE__*/React__namespace.default.createElement(Container$3, {
6364
6350
  className: classNames.container
6365
6351
  }, /*#__PURE__*/React__namespace.default.createElement(InnerContainer, {
6366
6352
  className: classNames.inner
@@ -6378,18 +6364,18 @@ function OverrideWrongDocumentTypeGuidanceDialog(_a) {
6378
6364
  }
6379
6365
  }, verbiage.buttonText))));
6380
6366
  }
6381
- 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) {
6367
+ var Container$3 = styled__default.default.div(templateObject_1$G || (templateObject_1$G = __makeTemplateObject(["\n position: fixed;\n left: 0;\n bottom: 0;\n width: 100%;\n background: ", ";\n color: ", ";\n display: flex;\n z-index: 100001;\n"], ["\n position: fixed;\n left: 0;\n bottom: 0;\n width: 100%;\n background: ", ";\n color: ", ";\n display: flex;\n z-index: 100001;\n"])), function (props) {
6382
6368
  var _a, _b, _c;
6383
6369
  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';
6384
6370
  }, function (props) {
6385
6371
  var _a, _b, _c;
6386
6372
  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';
6387
6373
  });
6388
- 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"])));
6389
- 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"])));
6390
- 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"])));
6374
+ var InnerContainer = styled__default.default.div(templateObject_2$z || (templateObject_2$z = __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"])));
6375
+ 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"])));
6376
+ 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"])));
6391
6377
  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"])));
6392
- var templateObject_1$G, templateObject_2$y, templateObject_3$q, templateObject_4$k, templateObject_5$c;
6378
+ var templateObject_1$G, templateObject_2$z, templateObject_3$p, templateObject_4$j, templateObject_5$c;
6393
6379
 
6394
6380
  // This is a simplified version of https://github.com/ZeeCoder/use-resize-observer.
6395
6381
  // We have removed all options and made it compliant with React Compiler/React 19.
@@ -6508,37 +6494,37 @@ function extractSize(entry, sizeType) {
6508
6494
  }
6509
6495
 
6510
6496
  var IdCapture = function IdCapture(_a) {
6511
- var _b, _c, _d, _e, _f, _g, _h;
6497
+ var _b, _c, _d, _e, _f, _g;
6512
6498
  var requiredDocumentType = _a.requiredDocumentType,
6513
- _j = _a.thresholds,
6514
- thresholds = _j === void 0 ? defaultIdCaptureThresholds : _j,
6499
+ _h = _a.thresholds,
6500
+ thresholds = _h === void 0 ? defaultIdCaptureThresholds : _h,
6515
6501
  guidanceMessage = _a.guidanceMessage,
6516
6502
  guidanceSatisfied = _a.guidanceSatisfied,
6517
6503
  onCapture = _a.onCapture,
6518
- _k = _a.classNames,
6519
- classNames = _k === void 0 ? {} : _k,
6520
- _l = _a.colors,
6521
- colors = _l === void 0 ? {} : _l,
6522
- _m = _a.verbiage,
6523
- rawVerbiage = _m === void 0 ? {} : _m,
6524
- _o = _a.debugMode,
6525
- debugMode = _o === void 0 ? false : _o;
6526
- var _p = useResizeObserver(),
6527
- ref = _p.ref,
6528
- _q = _p.width,
6529
- width = _q === void 0 ? 1 : _q,
6530
- _r = _p.height,
6531
- height = _r === void 0 ? 1 : _r;
6504
+ _j = _a.classNames,
6505
+ classNames = _j === void 0 ? {} : _j,
6506
+ _k = _a.colors,
6507
+ colors = _k === void 0 ? {} : _k,
6508
+ _l = _a.verbiage,
6509
+ rawVerbiage = _l === void 0 ? {} : _l,
6510
+ _m = _a.debugMode,
6511
+ debugMode = _m === void 0 ? false : _m;
6512
+ var _o = useResizeObserver(),
6513
+ ref = _o.ref,
6514
+ _p = _o.width,
6515
+ width = _p === void 0 ? 1 : _p,
6516
+ _q = _o.height,
6517
+ height = _q === void 0 ? 1 : _q;
6532
6518
  var state = useIdCaptureStore();
6533
- var _s = useCameraStore(),
6534
- camera = _s.camera,
6535
- isRearFacing = _s.isRearFacing;
6536
- var _t = React.useContext(IdCaptureModelsContext),
6537
- modelsReady = _t.ready,
6538
- setThresholds = _t.setThresholds,
6539
- detectionTime = _t.detectionTime,
6540
- focusPredictionTime = _t.focusPredictionTime,
6541
- getBestFrame = _t.getBestFrame;
6519
+ var _r = useCameraStore(),
6520
+ camera = _r.camera,
6521
+ isRearFacing = _r.isRearFacing;
6522
+ var _s = React.useContext(IdCaptureModelsContext),
6523
+ modelsReady = _s.ready,
6524
+ setThresholds = _s.setThresholds,
6525
+ detectionTime = _s.detectionTime,
6526
+ focusPredictionTime = _s.focusPredictionTime,
6527
+ getBestFrame = _s.getBestFrame;
6542
6528
  React.useEffect(function () {
6543
6529
  return dispatchIdCaptureAction({
6544
6530
  type: 'captureInitialized'
@@ -6611,11 +6597,6 @@ var IdCapture = function IdCapture(_a) {
6611
6597
  var theme = styled.useTheme();
6612
6598
  colors.guideBoxUnsatisfiedColor || (colors.guideBoxUnsatisfiedColor = (_d = (_c = (_b = theme.idCapture) === null || _b === void 0 ? void 0 : _b.guideBox) === null || _c === void 0 ? void 0 : _c.unsatisfiedColor) !== null && _d !== void 0 ? _d : 'white');
6613
6599
  colors.guideBoxSatisfiedColor || (colors.guideBoxSatisfiedColor = (_g = (_f = (_e = theme.idCapture) === null || _e === void 0 ? void 0 : _e.guideBox) === null || _f === void 0 ? void 0 : _f.satisfiedColor) !== null && _g !== void 0 ? _g : 'green');
6614
- // console.log(
6615
- // `${
6616
- // documentTypeDisplayNames[state.detectedDocumentType]
6617
- // } detected, hold still...`,
6618
- // )
6619
6600
  var verbiage = useTranslations(rawVerbiage, {
6620
6601
  instructionText: 'Scan the front of ID',
6621
6602
  processingIdCardText: 'ID card front captured.',
@@ -6640,12 +6621,12 @@ var IdCapture = function IdCapture(_a) {
6640
6621
  var satisfied = state.isGoodFrame;
6641
6622
  if (typeof guidanceSatisfied === 'boolean') satisfied = guidanceSatisfied;
6642
6623
  guidanceMessage || (guidanceMessage = satisfied ? verbiage.guidanceSatisfiedText : !state.detectionThresholdMet ? verbiage.guidanceNotDetectedText : state.backDetectedFirst ? verbiage.guidanceBackDetectedFirstText : state.flipRequired ? verbiage.guidancePleaseFlipText : state.idCardDetectedButNotAllowed ? verbiage.guidanceIdCardNotAllowedText : state.passportDetectedButNotAllowed ? verbiage.guidancePassportNotAllowedText : !state.documentInBounds ? verbiage.guidanceNotCenteredText : state.documentTooClose ? verbiage.guidanceTooCloseText : !state.documentIsStable ? verbiage.guidanceNotStableText : !state.focusThresholdMet ? verbiage.guidanceTooBlurryText : '');
6643
- return /*#__PURE__*/React__namespace.default.createElement(PageContainer, {
6624
+ return /*#__PURE__*/React__namespace.default.createElement("div", {
6644
6625
  ref: ref,
6645
- className: "flex ".concat((_h = classNames.container) !== null && _h !== void 0 ? _h : '')
6626
+ className: classNames.container
6646
6627
  }, guidanceMessage !== '' && ( /*#__PURE__*/React__namespace.default.createElement(GuidanceMessageContainer, {
6647
6628
  "$top": "",
6648
- "$bottom": "12.5dvh",
6629
+ "$bottom": "12.5%",
6649
6630
  className: classNames.guidanceMessageContainer
6650
6631
  }, /*#__PURE__*/React__namespace.default.createElement(GuidanceMessage, {
6651
6632
  "$variant": satisfied ? 'positive' : 'default',
@@ -6693,7 +6674,7 @@ var CameraAccessDeniedOverlay = function CameraAccessDeniedOverlay(_a) {
6693
6674
  className: "flex ".concat((_b = classNames.container) !== null && _b !== void 0 ? _b : '')
6694
6675
  }, /*#__PURE__*/React__namespace.default.createElement(StyledOverlayInner$3, {
6695
6676
  className: classNames.inner
6696
- }, /*#__PURE__*/React__namespace.default.createElement(StyledOverlayImageContainer$3, {
6677
+ }, /*#__PURE__*/React__namespace.default.createElement(StyledOverlayImageContainer$1, {
6697
6678
  className: classNames.imageContainer
6698
6679
  }, /*#__PURE__*/React__namespace.default.createElement("img", {
6699
6680
  src: assets.imageUrl,
@@ -6712,10 +6693,10 @@ var CameraAccessDeniedOverlay = function CameraAccessDeniedOverlay(_a) {
6712
6693
  }, verbiage.retryBtnText)));
6713
6694
  };
6714
6695
  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"])));
6715
- var StyledOverlayImageContainer$3 = styled__default.default(OverlayImageContainer)(templateObject_2$x || (templateObject_2$x = __makeTemplateObject(["\n flex-grow: 0;\n"], ["\n flex-grow: 0;\n"])));
6716
- 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"])));
6717
- 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"])));
6718
- var templateObject_1$F, templateObject_2$x, templateObject_3$p, templateObject_4$j;
6696
+ var StyledOverlayImageContainer$1 = styled__default.default(OverlayImageContainer)(templateObject_2$y || (templateObject_2$y = __makeTemplateObject(["\n flex-grow: 0;\n"], ["\n flex-grow: 0;\n"])));
6697
+ 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"])));
6698
+ 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"])));
6699
+ var templateObject_1$F, templateObject_2$y, templateObject_3$o, templateObject_4$i;
6719
6700
 
6720
6701
  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"])));
6721
6702
  var ExitCaptureButton = function ExitCaptureButton(_a) {
@@ -6763,23 +6744,16 @@ var ExitCaptureButton = function ExitCaptureButton(_a) {
6763
6744
  };
6764
6745
  var templateObject_1$E;
6765
6746
 
6766
- 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"])));
6767
- var templateObject_1$D;
6768
-
6769
6747
  function IdCaptureLoadingGraphic(props) {
6770
6748
  var isMobile = window.innerHeight > window.innerWidth;
6771
6749
  return isMobile ? ( /*#__PURE__*/React__namespace.default.createElement(IdCaptureLoadingGraphicMobile, _assign({}, props))) : ( /*#__PURE__*/React__namespace.default.createElement(IdCaptureLoadingGraphicDesktop, _assign({}, props)));
6772
6750
  }
6773
6751
  function IdCaptureLoadingGraphicDesktop(_a) {
6774
6752
  var _b, _c, _d, _e, _f, _g;
6775
- var _h = _a.width,
6776
- width = _h === void 0 ? 698 : _h,
6777
- _j = _a.height,
6778
- height = _j === void 0 ? 452 : _j,
6779
- className = _a.className;
6780
- var _k = React.useState(0),
6781
- frame = _k[0],
6782
- setFrame = _k[1];
6753
+ var className = _a.className;
6754
+ var _h = React.useState(0),
6755
+ frame = _h[0],
6756
+ setFrame = _h[1];
6783
6757
  React.useEffect(function () {
6784
6758
  var i = setInterval(function () {
6785
6759
  setFrame(function (n) {
@@ -6795,8 +6769,6 @@ function IdCaptureLoadingGraphicDesktop(_a) {
6795
6769
  var accentOpacity = (_g = (_f = (_e = theme.idCapture) === null || _e === void 0 ? void 0 : _e.loadingOverlay) === null || _f === void 0 ? void 0 : _f.loadingGraphicAccentOpacity) !== null && _g !== void 0 ? _g : 0.2;
6796
6770
  return /*#__PURE__*/React__namespace.default.createElement(LoadingGraphicWrapper, null, /*#__PURE__*/React__namespace.default.createElement(LoadingGraphicSvg, {
6797
6771
  className: className,
6798
- width: width,
6799
- height: height,
6800
6772
  "$frame": frame,
6801
6773
  "$borderColor": accentColor,
6802
6774
  viewBox: "0 0 698 452",
@@ -7245,21 +7217,21 @@ function IdCaptureLoadingGraphicMobile(_a) {
7245
7217
  fill: "white"
7246
7218
  }))));
7247
7219
  }
7248
- 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"])));
7249
- 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) {
7220
+ var LoadingGraphicWrapper = styled__default.default.div(templateObject_1$D || (templateObject_1$D = __makeTemplateObject(["\n display: flex;\n width: 100%;\n height: 100%;\n"], ["\n display: flex;\n width: 100%;\n height: 100%;\n"])));
7221
+ var LoadingGraphicSvg = styled__default.default.svg(templateObject_2$x || (templateObject_2$x = __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 max-height: 80%;\n max-width: 80%;\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 max-height: 80%;\n max-width: 80%;\n"])), function (props) {
7250
7222
  return props.$frame > 1 ? 1 : props.$frame === 1 ? 1.25 : 0.75;
7251
7223
  }, function (props) {
7252
7224
  return props.$frame >= 5 ? 10 : 0;
7253
7225
  }, function (props) {
7254
7226
  return props.$borderColor;
7255
7227
  });
7256
- 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
+ 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) {
7257
7229
  return props.$offScreen ? '-500px' : '0';
7258
7230
  });
7259
- 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
+ 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) {
7260
7232
  return props.$offScreen ? '40px' : '0';
7261
7233
  });
7262
- var templateObject_1$C, templateObject_2$w, templateObject_3$o, templateObject_4$i;
7234
+ var templateObject_1$D, templateObject_2$x, templateObject_3$n, templateObject_4$h;
7263
7235
 
7264
7236
  function LoadingListItemIndicator(_a) {
7265
7237
  var _b = _a.state,
@@ -7310,12 +7282,6 @@ function LoadingListItemIndicator(_a) {
7310
7282
  }))))));
7311
7283
  }
7312
7284
 
7313
- 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"])));
7314
- 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"])));
7315
- 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"])));
7316
- 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"])));
7317
- var templateObject_1$B, templateObject_2$v, templateObject_3$n, templateObject_4$h;
7318
-
7319
7285
  var legacyInstructionImageUrl$1 = "".concat(DEFAULT_CDN_URL, "/WebSDK-Instruction-DL-Capture-3-Portrait.png");
7320
7286
  var IdCaptureLoadingOverlayDefault = function IdCaptureLoadingOverlayDefault(_a) {
7321
7287
  var _b, _c, _d, _e;
@@ -7396,13 +7362,10 @@ var IdCaptureLoadingOverlayDefault = function IdCaptureLoadingOverlayDefault(_a)
7396
7362
  }, onUserCancel && ( /*#__PURE__*/React__namespace.default.createElement(ExitCaptureButton, {
7397
7363
  onClick: onUserCancel,
7398
7364
  className: classNames.cancelBtn
7399
- })), customOverlayContent || ( /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null, /*#__PURE__*/React__namespace.default.createElement(OverlayHeader$1, null, /*#__PURE__*/React__namespace.default.createElement(StyledGuidanceMessage$2, {
7365
+ })), customOverlayContent || ( /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null, /*#__PURE__*/React__namespace.default.createElement(LoadingOverlayHeader, null, /*#__PURE__*/React__namespace.default.createElement(LoadingOverlayGuidanceMessage, {
7400
7366
  className: classNames.heading
7401
- }, verbiage.headingText)), /*#__PURE__*/React__namespace.default.createElement(StyledOverlayImageContainer$2, {
7402
- className: classNames.imageContainer,
7403
- style: {
7404
- pointerEvents: 'none'
7405
- }
7367
+ }, verbiage.headingText)), /*#__PURE__*/React__namespace.default.createElement(LoadingOverlayImageContainer, {
7368
+ className: classNames.imageContainer
7406
7369
  }, (assets === null || assets === void 0 ? void 0 : assets.instructionImageUrl) && assets.instructionImageUrl !== legacyInstructionImageUrl$1 ? ( /*#__PURE__*/React__namespace.default.createElement(CustomLoadingGraphic$1, {
7407
7370
  ref: imageRef,
7408
7371
  alt: verbiage.headingText,
@@ -7426,27 +7389,27 @@ var IdCaptureLoadingOverlayDefault = function IdCaptureLoadingOverlayDefault(_a)
7426
7389
  }), /*#__PURE__*/React__namespace.default.createElement("label", {
7427
7390
  htmlFor: "use-continuity-camera",
7428
7391
  className: classNames.continuityCameraCheckboxLabel
7429
- }, verbiage.useContinuityCameraText)))), /*#__PURE__*/React__namespace.default.createElement(StyledButtonsRow$a, {
7392
+ }, verbiage.useContinuityCameraText)))), /*#__PURE__*/React__namespace.default.createElement(ButtonsRow$1, {
7430
7393
  className: classNames.buttonsRow
7431
- }, /*#__PURE__*/React__namespace.default.createElement(ProgressContainer$1, {
7394
+ }, /*#__PURE__*/React__namespace.default.createElement(LoadingOverlayProgressContainer, {
7432
7395
  className: classNames.progressContainer
7433
7396
  }, /*#__PURE__*/React__namespace.default.createElement(ProgressBarBackground$1, {
7434
7397
  className: classNames.progressBackground
7435
- }), /*#__PURE__*/React__namespace.default.createElement(ProgressBar$1, {
7398
+ }), /*#__PURE__*/React__namespace.default.createElement(LoadingOverlayProgressBar, {
7436
7399
  "$progress": modelDownloadProgress,
7437
7400
  className: classNames.progressBar
7438
7401
  }, /*#__PURE__*/React__namespace.default.createElement(ProgressIndicator$1, {
7439
7402
  className: classNames.progressIndicator
7440
- }))), /*#__PURE__*/React__namespace.default.createElement(LoadingListContainer$1, {
7403
+ }))), /*#__PURE__*/React__namespace.default.createElement(LoadingOverlayLoadingListContainer, {
7441
7404
  className: classNames.loadingListContainer
7442
- }, /*#__PURE__*/React__namespace.default.createElement(LoadingList$1, {
7405
+ }, /*#__PURE__*/React__namespace.default.createElement(LoadingOverlayLoadingList, {
7443
7406
  className: classNames.loadingList
7444
- }, /*#__PURE__*/React__namespace.default.createElement(LoadingListItem$1, {
7407
+ }, /*#__PURE__*/React__namespace.default.createElement(LoadingOverlayLoadingListItem, {
7445
7408
  className: cn__default.default(classNames.loadingListItem, cameraReady ? 'done' : 'running')
7446
7409
  }, /*#__PURE__*/React__namespace.default.createElement(LoadingListItemIndicator, {
7447
7410
  className: classNames.loadingListItemIndicator,
7448
7411
  state: cameraReady ? 'done' : 'running'
7449
- }), cameraReady ? verbiage.cameraInitializedText : verbiage.cameraInitializingText), /*#__PURE__*/React__namespace.default.createElement(LoadingListItem$1, {
7412
+ }), cameraReady ? verbiage.cameraInitializedText : verbiage.cameraInitializingText), /*#__PURE__*/React__namespace.default.createElement(LoadingOverlayLoadingListItem, {
7450
7413
  className: cn__default.default(classNames.loadingListItem, sessionReady && modelsReady ? 'done' : 'running')
7451
7414
  }, /*#__PURE__*/React__namespace.default.createElement(LoadingListItemIndicator, {
7452
7415
  className: classNames.loadingListItemIndicator,
@@ -7465,52 +7428,34 @@ var IdCaptureLoadingOverlayDefault = function IdCaptureLoadingOverlayDefault(_a)
7465
7428
  }
7466
7429
  }, verbiage.continueText))))));
7467
7430
  };
7468
- 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) {
7431
+ var OverlayInner$1 = styled__default.default(LoadingOverlayInner)(templateObject_1$C || (templateObject_1$C = __makeTemplateObject(["\n background: ", ";\n color: ", ";\n"], ["\n background: ", ";\n color: ", ";\n"])), function (props) {
7469
7432
  var _a, _b, _c, _d;
7470
7433
  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';
7471
7434
  }, function (props) {
7472
7435
  var _a, _b, _c, _d;
7473
7436
  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.textColor) !== null && _d !== void 0 ? _d : 'black';
7474
7437
  });
7475
- var OverlayHeader$1 = styled__default.default.div(templateObject_2$u || (templateObject_2$u = __makeTemplateObject(["\n text-align: ", ";\n display: flex;\n flex-direction: column;\n flex-wrap: nowrap;\n ", "\n padding-bottom: 0;\n"], ["\n text-align: ", ";\n display: flex;\n flex-direction: column;\n flex-wrap: nowrap;\n ", "\n padding-bottom: 0;\n"])), function (props) {
7476
- var _a;
7477
- return (_a = props.theme.textAlign) !== null && _a !== void 0 ? _a : 'center';
7478
- }, function (props) {
7479
- return props.theme.padding ? "box-sizing: border-box; padding: ".concat(props.theme.padding, ";") : "";
7480
- });
7481
- var StyledGuidanceMessage$2 = styled__default.default(GuidanceMessage)(templateObject_3$m || (templateObject_3$m = __makeTemplateObject(["\n padding: 16px 24px;\n margin-top: 16px;\n font-size: 18px;\n font-weight: bold;\n background: white;\n box-shadow:\n 0 1px 3px 0 rgb(0 0 0 / 0.1),\n 0 1px 2px -1px rgb(0 0 0 / 0.1);\n"], ["\n padding: 16px 24px;\n margin-top: 16px;\n font-size: 18px;\n font-weight: bold;\n background: white;\n box-shadow:\n 0 1px 3px 0 rgb(0 0 0 / 0.1),\n 0 1px 2px -1px rgb(0 0 0 / 0.1);\n"])));
7482
- var StyledOverlayImageContainer$2 = styled__default.default(OverlayImageContainer)(templateObject_4$g || (templateObject_4$g = __makeTemplateObject(["\n padding: 0 0 100px;\n\n & > svg {\n height: 100%;\n }\n"], ["\n padding: 0 0 100px;\n\n & > svg {\n height: 100%;\n }\n"])));
7483
- var ContinuityCameraCheckboxContainer$1 = styled__default.default.div(templateObject_5$b || (templateObject_5$b = __makeTemplateObject(["\n position: fixed;\n bottom: 120px;\n width: 100dvw;\n display: flex;\n"], ["\n position: fixed;\n bottom: 120px;\n width: 100dvw;\n display: flex;\n"])));
7484
- var ContinuityCameraCheckboxInner = styled__default.default(GuidanceMessage)(templateObject_6$9 || (templateObject_6$9 = __makeTemplateObject(["\n padding: 12px 18px;\n margin: 0 auto;\n font-size: 14px;\n font-weight: bold;\n background: white;\n box-shadow:\n 0 1px 3px 0 rgb(0 0 0 / 0.1),\n 0 1px 2px -1px rgb(0 0 0 / 0.1);\n"], ["\n padding: 12px 18px;\n margin: 0 auto;\n font-size: 14px;\n font-weight: bold;\n background: white;\n box-shadow:\n 0 1px 3px 0 rgb(0 0 0 / 0.1),\n 0 1px 2px -1px rgb(0 0 0 / 0.1);\n"])));
7485
- var ContinuityCameraCheckbox$1 = styled__default.default.input(templateObject_7$6 || (templateObject_7$6 = __makeTemplateObject(["\n margin-right: 8px;\n"], ["\n margin-right: 8px;\n"])));
7486
- var StyledButtonsRow$a = styled__default.default(ButtonsRow)(templateObject_8$3 || (templateObject_8$3 = __makeTemplateObject(["\n display: flex;\n flex-direction: row;\n padding: 15px 25px;\n height: 100px;\n color: ", ";\n ", "\n position: fixed;\n bottom: 0;\n left: 0;\n width: 100dvw;\n box-sizing: border-box;\n"], ["\n display: flex;\n flex-direction: row;\n padding: 15px 25px;\n height: 100px;\n color: ", ";\n ", "\n position: fixed;\n bottom: 0;\n left: 0;\n width: 100dvw;\n box-sizing: border-box;\n"])), function (props) {
7438
+ var ContinuityCameraCheckboxContainer$1 = styled__default.default.div(templateObject_2$w || (templateObject_2$w = __makeTemplateObject(["\n position: absolute;\n bottom: 120px;\n width: 100%;\n display: flex;\n"], ["\n position: absolute;\n bottom: 120px;\n width: 100%;\n display: flex;\n"])));
7439
+ var ContinuityCameraCheckboxInner = styled__default.default(GuidanceMessage)(templateObject_3$m || (templateObject_3$m = __makeTemplateObject(["\n padding: 12px 18px;\n margin: 0 auto;\n font-size: 14px;\n font-weight: bold;\n background: white;\n box-shadow:\n 0 1px 3px 0 rgb(0 0 0 / 0.1),\n 0 1px 2px -1px rgb(0 0 0 / 0.1);\n"], ["\n padding: 12px 18px;\n margin: 0 auto;\n font-size: 14px;\n font-weight: bold;\n background: white;\n box-shadow:\n 0 1px 3px 0 rgb(0 0 0 / 0.1),\n 0 1px 2px -1px rgb(0 0 0 / 0.1);\n"])));
7440
+ var ContinuityCameraCheckbox$1 = styled__default.default.input(templateObject_4$g || (templateObject_4$g = __makeTemplateObject(["\n margin-right: 8px;\n"], ["\n margin-right: 8px;\n"])));
7441
+ var ButtonsRow$1 = styled__default.default(LoadingOverlayButtonsRow)(templateObject_5$b || (templateObject_5$b = __makeTemplateObject(["\n color: ", ";\n ", "\n"], ["\n color: ", ";\n ", "\n"])), function (props) {
7487
7442
  var _a, _b, _c, _d;
7488
7443
  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.progressBarTextColor) !== null && _d !== void 0 ? _d : 'white';
7489
7444
  }, function (props) {
7490
7445
  var _a, _b, _c, _d, _e, _f;
7491
7446
  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.progressBarFontSize) ? "font-size: ".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.progressBarFontSize, ";") : '';
7492
7447
  });
7493
- var LoadingListContainer$1 = styled__default.default.div(templateObject_9$3 || (templateObject_9$3 = __makeTemplateObject(["\n display: flex;\n position: relative;\n z-index: 2;\n"], ["\n display: flex;\n position: relative;\n z-index: 2;\n"])));
7494
- var LoadingList$1 = styled__default.default.ul(templateObject_10$2 || (templateObject_10$2 = __makeTemplateObject(["\n display: block;\n margin: auto;\n list-style: none;\n padding: 0;\n"], ["\n display: block;\n margin: auto;\n list-style: none;\n padding: 0;\n"])));
7495
- var LoadingListItem$1 = styled__default.default.li(templateObject_11$2 || (templateObject_11$2 = __makeTemplateObject(["\n display: inline-flex;\n justify-content: center;\n align-items: center;\n padding: 2px 1.25rem 2px 0;\n line-height: 1rem;\n"], ["\n display: inline-flex;\n justify-content: center;\n align-items: center;\n padding: 2px 1.25rem 2px 0;\n line-height: 1rem;\n"])));
7496
- var ProgressContainer$1 = styled__default.default.div(templateObject_12$2 || (templateObject_12$2 = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n"])));
7497
- var ProgressBarBackground$1 = styled__default.default.div(templateObject_13$2 || (templateObject_13$2 = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: ", ";\n opacity: ", ";\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: ", ";\n opacity: ", ";\n"])), function (props) {
7448
+ var ProgressBarBackground$1 = styled__default.default(LoadingOverlayProgressBarBackground)(templateObject_6$9 || (templateObject_6$9 = __makeTemplateObject(["\n background: ", ";\n opacity: ", ";\n"], ["\n background: ", ";\n opacity: ", ";\n"])), function (props) {
7498
7449
  var _a, _b, _c, _d;
7499
7450
  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.progressBarBackgroundColor) !== null && _d !== void 0 ? _d : 'var(--idm-color-positive-600)';
7500
7451
  }, function (props) {
7501
7452
  var _a, _b, _c, _d;
7502
7453
  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.progressBarBackgroundOpacity) !== null && _d !== void 0 ? _d : 0.75;
7503
7454
  });
7504
- var ProgressBar$1 = styled__default.default.span(templateObject_14$1 || (templateObject_14$1 = __makeTemplateObject(["\n display: block;\n width: ", "%;\n height: 100%;\n left: 0;\n position: absolute;\n"], ["\n display: block;\n width: ", "%;\n height: 100%;\n left: 0;\n position: absolute;\n"])), function (props) {
7505
- return props.$progress;
7506
- });
7507
- var ProgressIndicator$1 = styled__default.default.span(templateObject_15$1 || (templateObject_15$1 = __makeTemplateObject(["\n display: block;\n height: 100%;\n background: ", ";\n animation: ", " 3s ease-in-out;\n animation-fill-mode: both;\n"], ["\n display: block;\n height: 100%;\n background: ", ";\n animation: ", " 3s ease-in-out;\n animation-fill-mode: both;\n"])), function (props) {
7508
- var _a, _b, _c, _d;
7509
- 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.progressBarIndicatorColor) !== null && _d !== void 0 ? _d : 'var(--idm-color-positive-600)';
7510
- }, progressBarAnimation);
7511
- var CustomLoadingGraphic$1 = styled__default.default.img(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n transform-style: preserve-3d;\n"], ["\n transform-style: preserve-3d;\n"])));
7512
- var ContinueButtonContainer$1 = styled__default.default.div(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n display: flex;\n"], ["\n display: flex;\n"])));
7513
- var ContinueButton$1 = styled__default.default(LoaderButton)(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n margin: auto;\n white-space: nowrap;\n ", "\n ", "\n \n &:focus-visible {\n ", "\n box-shadow: none;\n }\n"], ["\n margin: auto;\n white-space: nowrap;\n ", "\n ", "\n \n &:focus-visible {\n ", "\n box-shadow: none;\n }\n"])), function (props) {
7455
+ var ProgressIndicator$1 = styled__default.default(LoadingOverlayProgressIndicator)(templateObject_7$6 || (templateObject_7$6 = __makeTemplateObject(["\n animation: ", " 3s ease-in-out;\n animation-fill-mode: both;\n"], ["\n animation: ", " 3s ease-in-out;\n animation-fill-mode: both;\n"])), progressBarAnimation);
7456
+ var CustomLoadingGraphic$1 = styled__default.default.img(templateObject_8$2 || (templateObject_8$2 = __makeTemplateObject(["\n transform-style: preserve-3d;\n"], ["\n transform-style: preserve-3d;\n"])));
7457
+ var ContinueButtonContainer$1 = styled__default.default.div(templateObject_9$2 || (templateObject_9$2 = __makeTemplateObject(["\n display: flex;\n"], ["\n display: flex;\n"])));
7458
+ var ContinueButton$1 = styled__default.default(LoaderButton)(templateObject_10$1 || (templateObject_10$1 = __makeTemplateObject(["\n margin: auto;\n white-space: nowrap;\n ", "\n ", "\n \n &:focus-visible {\n ", "\n box-shadow: none;\n }\n"], ["\n margin: auto;\n white-space: nowrap;\n ", "\n ", "\n \n &:focus-visible {\n ", "\n box-shadow: none;\n }\n"])), function (props) {
7514
7459
  var _a, _b, _c, _d, _e, _f;
7515
7460
  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.progressBarFontSize) ? "font-size: ".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.progressBarFontSize, ";") : '';
7516
7461
  }, function (props) {
@@ -7520,10 +7465,10 @@ var ContinueButton$1 = styled__default.default(LoaderButton)(templateObject_18 |
7520
7465
  var _a, _b, _c, _d, _e, _f;
7521
7466
  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, ";") : '';
7522
7467
  });
7523
- 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;
7468
+ var templateObject_1$C, templateObject_2$w, templateObject_3$m, templateObject_4$g, templateObject_5$b, templateObject_6$9, templateObject_7$6, templateObject_8$2, templateObject_9$2, templateObject_10$1;
7524
7469
 
7525
- 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"])));
7526
- var ContinuityCameraCheckbox = styled__default.default.input(templateObject_2$t || (templateObject_2$t = __makeTemplateObject(["\n margin-right: 8px;\n"], ["\n margin-right: 8px;\n"])));
7470
+ var ContinuityCameraCheckboxContainer = styled__default.default.div(templateObject_1$B || (templateObject_1$B = __makeTemplateObject(["\n margin-top: 15px;\n margin-bottom: 15px;\n"], ["\n margin-top: 15px;\n margin-bottom: 15px;\n"])));
7471
+ var ContinuityCameraCheckbox = styled__default.default.input(templateObject_2$v || (templateObject_2$v = __makeTemplateObject(["\n margin-right: 8px;\n"], ["\n margin-right: 8px;\n"])));
7527
7472
  var IdCaptureLoadingOverlayLegacy = function IdCaptureLoadingOverlayLegacy(_a) {
7528
7473
  var _b, _c, _d, _e;
7529
7474
  var onDismissed = _a.onDismissed,
@@ -7644,7 +7589,7 @@ var IdCaptureLoadingOverlayLegacy = function IdCaptureLoadingOverlayLegacy(_a) {
7644
7589
  }
7645
7590
  }, ready ? verbiage.continueText : modelsReady ? verbiage.cameraInitializingText : modelDownloadProgress >= 100 ? verbiage.modelsWarmingUpText : "".concat(verbiage.downloadingText, " (").concat(modelDownloadProgress, "%)"))));
7646
7591
  };
7647
- var templateObject_1$z, templateObject_2$t;
7592
+ var templateObject_1$B, templateObject_2$v;
7648
7593
 
7649
7594
  var components$1 = {
7650
7595
  "default": IdCaptureLoadingOverlayDefault,
@@ -7702,9 +7647,9 @@ var CapturedDocumentImg = function CapturedDocumentImg(_a) {
7702
7647
  });
7703
7648
  };
7704
7649
 
7705
- 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"])));
7706
- 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"])));
7707
- var templateObject_1$y, templateObject_2$s;
7650
+ var Card = styled__default.default.div(templateObject_1$A || (templateObject_1$A = __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, 100% - 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, 100% - 48px);\n max-height: 100%;\n overflow: auto;\n box-sizing: border-box;\n"])));
7651
+ var FlexCard = styled__default.default(Card)(templateObject_2$u || (templateObject_2$u = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n"], ["\n display: flex;\n flex-direction: column;\n"])));
7652
+ var templateObject_1$A, templateObject_2$u;
7708
7653
 
7709
7654
  var imageDisplayOrder = ['idCardFront', 'idCardBack', 'passport', 'singlePage', 'idFrontIrImage', 'idBackIrImage', 'idFrontUvImage', 'idBackUvImage'];
7710
7655
  var IdCaptureSuccess = function IdCaptureSuccess(_a) {
@@ -7766,13 +7711,13 @@ var IdCaptureSuccess = function IdCaptureSuccess(_a) {
7766
7711
  finished: true
7767
7712
  }, verbiage.retryText)))));
7768
7713
  };
7769
- 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"])));
7770
- 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"])));
7771
- 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"])));
7772
- 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"])));
7714
+ var Heading$a = styled__default.default.h1(templateObject_1$z || (templateObject_1$z = __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"])));
7715
+ var ImagesContainer = styled__default.default(OverlayImageContainer)(templateObject_2$t || (templateObject_2$t = __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"])));
7716
+ 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 position: relative;\n width: 100%;\n"], ["\n max-width: 100%;\n flex-direction: column;\n display: grid;\n grid-gap: 12px;\n position: relative;\n width: 100%;\n"])));
7717
+ var ImageCol$1 = styled__default.default.div(templateObject_4$f || (templateObject_4$f = __makeTemplateObject(["\n width: 450px;\n max-width: 100%;\n max-height: none !important;\n"], ["\n width: 450px;\n max-width: 100%;\n max-height: none !important;\n"])));
7773
7718
  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"])));
7774
- 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"])));
7775
- var templateObject_1$x, templateObject_2$r, templateObject_3$l, templateObject_4$f, templateObject_5$a, templateObject_6$8;
7719
+ var DebugPre = styled__default.default.pre(templateObject_6$8 || (templateObject_6$8 = __makeTemplateObject(["\n display: block;\n text-align: left;\n width: 100%;\n max-width: 100%;\n overflow-x: auto;\n"], ["\n display: block;\n text-align: left;\n width: 100%;\n max-width: 100%;\n overflow-x: auto;\n"])));
7720
+ var templateObject_1$z, templateObject_2$t, templateObject_3$l, templateObject_4$f, templateObject_5$a, templateObject_6$8;
7776
7721
 
7777
7722
  function useShowSuccessScreen(skipSuccessScreen, successScreenReady, onDoneCallback) {
7778
7723
  var _this = this;
@@ -7824,10 +7769,10 @@ function resetCanvasDimensions(canvas) {
7824
7769
  canvas.style.height = '0';
7825
7770
  }
7826
7771
 
7827
- 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) {
7772
+ var IdCardGuideImageContainer = styled__default.default(IdCardBorder)(templateObject_1$y || (templateObject_1$y = __makeTemplateObject(["\n position: relative;\n ", "\n box-sizing: border-box;\n"], ["\n position: relative;\n ", "\n box-sizing: border-box;\n"])), function (props) {
7828
7773
  return props.$isVisible ? '' : 'opacity: 0;';
7829
7774
  });
7830
- 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) {
7775
+ var IdCardGuideImage = styled__default.default.img(templateObject_2$s || (templateObject_2$s = __makeTemplateObject(["\n transform-style: preserve-3d;\n ", "\n ", "\n"], ["\n transform-style: preserve-3d;\n ", "\n ", "\n"])), function (props) {
7831
7776
  return props.$isMirrored ? 'transform: scaleX(-1);' : '';
7832
7777
  }, function (props) {
7833
7778
  return props.$isInvisible ? 'opacity: 0;' : '';
@@ -7980,7 +7925,7 @@ var IdCardBorderRect = styled__default.default.rect(templateObject_5$9 || (templ
7980
7925
  var _a;
7981
7926
  return (_a = props.$fillMode) !== null && _a !== void 0 ? _a : 'forwards';
7982
7927
  });
7983
- var templateObject_1$w, templateObject_2$q, templateObject_3$k, templateObject_4$e, templateObject_5$9;
7928
+ var templateObject_1$y, templateObject_2$s, templateObject_3$k, templateObject_4$e, templateObject_5$9;
7984
7929
 
7985
7930
  var defaultIdCaptureGuideImages = {
7986
7931
  portrait: {
@@ -8156,12 +8101,12 @@ var IdVideoCaptureFlipIdPrompt = function IdVideoCaptureFlipIdPrompt(_a) {
8156
8101
  style: imageStyle
8157
8102
  })));
8158
8103
  };
8159
- 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) {
8104
+ var FlipImageContainer = styled__default.default(IdCardGuideImageContainer)(templateObject_1$x || (templateObject_1$x = __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) {
8160
8105
  return props.$transitionTime;
8161
8106
  }, function (props) {
8162
8107
  return props.$transforms;
8163
8108
  });
8164
- var templateObject_1$v;
8109
+ var templateObject_1$x;
8165
8110
 
8166
8111
  var GuideOrientationContext = /*#__PURE__*/React.createContext({
8167
8112
  orientation: 'landscape',
@@ -8448,8 +8393,8 @@ var regionClsx = function regionClsx(classNames, which) {
8448
8393
  return v;
8449
8394
  }).join(' ');
8450
8395
  };
8451
- 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"])));
8452
- 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"])));
8396
+ var StyledPageContainer = styled__default.default.div(templateObject_1$w || (templateObject_1$w = __makeTemplateObject(["\n position: relative;\n width: 100%;\n height: 100%;\n z-index: 1000;\n overflow: hidden;\n"], ["\n position: relative;\n width: 100%;\n height: 100%;\n z-index: 1000;\n overflow: hidden;\n"])));
8397
+ var GuidesContainer = styled__default.default.div(templateObject_2$r || (templateObject_2$r = __makeTemplateObject(["\n display: flex;\n flex-flow: column nowrap;\n width: 100%;\n height: 100%;\n"], ["\n display: flex;\n flex-flow: column nowrap;\n width: 100%;\n height: 100%;\n"])));
8453
8398
  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"])));
8454
8399
  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) {
8455
8400
  var _a, _b, _c, _d, _e;
@@ -8474,9 +8419,9 @@ var GuideCenterBorder = styled__default.default.div(templateObject_7$5 || (templ
8474
8419
  }, function (props) {
8475
8420
  return props.$padding ? "padding: ".concat(props.$padding, "px;") : '';
8476
8421
  });
8477
- 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"])));
8478
- 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"])));
8479
- 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;
8422
+ var GuideText = styled__default.default.span(templateObject_8$1 || (templateObject_8$1 = __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"])));
8423
+ var GuideCenterInner = styled__default.default.div(templateObject_9$1 || (templateObject_9$1 = __makeTemplateObject(["\n position: relative;\n margin: auto;\n"], ["\n position: relative;\n margin: auto;\n"])));
8424
+ var templateObject_1$w, templateObject_2$r, templateObject_3$j, templateObject_4$d, templateObject_5$8, templateObject_6$7, templateObject_7$5, templateObject_8$1, templateObject_9$1;
8480
8425
 
8481
8426
  var IdCaptureFitGuide = function IdCaptureFitGuide(_a) {
8482
8427
  var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
@@ -8617,11 +8562,11 @@ var IdCaptureFitGuide = function IdCaptureFitGuide(_a) {
8617
8562
  progress: progress
8618
8563
  }));
8619
8564
  };
8620
- 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) {
8565
+ var CanvasWrapper$1 = styled__default.default.div(templateObject_1$v || (templateObject_1$v = __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) {
8621
8566
  return props.$maskColor;
8622
8567
  });
8623
- var Canvas$1 = styled__default.default.canvas(templateObject_2$o || (templateObject_2$o = __makeTemplateObject(["\n display: block;\n"], ["\n display: block;\n"])));
8624
- var templateObject_1$t, templateObject_2$o;
8568
+ var Canvas$1 = styled__default.default.canvas(templateObject_2$q || (templateObject_2$q = __makeTemplateObject(["\n display: block;\n"], ["\n display: block;\n"])));
8569
+ var templateObject_1$v, templateObject_2$q;
8625
8570
 
8626
8571
  function IdCaptureGuides(_a) {
8627
8572
  var _b = _a.guideType,
@@ -8677,7 +8622,7 @@ function IdCaptureGuides(_a) {
8677
8622
  })));
8678
8623
  }
8679
8624
 
8680
- 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) {
8625
+ var Spinner = styled__default.default.div(templateObject_1$u || (templateObject_1$u = __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) {
8681
8626
  var $size = _a.$size;
8682
8627
  return $size !== null && $size !== void 0 ? $size : 80;
8683
8628
  }, function (_a) {
@@ -8702,7 +8647,11 @@ var Spinner = styled__default.default.div(templateObject_1$s || (templateObject_
8702
8647
  var $color = _a.$color;
8703
8648
  return $color !== null && $color !== void 0 ? $color : '#888';
8704
8649
  }, dualRingSpinnerAnimation);
8705
- var templateObject_1$s;
8650
+ var SpinnerPageContainer = styled__default.default.div(templateObject_2$p || (templateObject_2$p = __makeTemplateObject(["\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n"], ["\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n"])));
8651
+ function SpinnerPage() {
8652
+ return /*#__PURE__*/React__namespace.default.createElement(SpinnerPageContainer, null, /*#__PURE__*/React__namespace.default.createElement(Spinner, null));
8653
+ }
8654
+ var templateObject_1$u, templateObject_2$p;
8706
8655
 
8707
8656
  var IdCaptureImagePreview = function IdCaptureImagePreview(_a) {
8708
8657
  var _b = _a.classNames,
@@ -8789,11 +8738,11 @@ var SelfieProgressPreview = function SelfieProgressPreview(_a) {
8789
8738
  onError: onError
8790
8739
  })));
8791
8740
  };
8792
- var StyledSpinner = styled__default.default(Spinner)(templateObject_1$r || (templateObject_1$r = __makeTemplateObject(["\n position: relative;\n top: 4px;\n left: -3px;\n margin: 0 3px 0 -12px;\n"], ["\n position: relative;\n top: 4px;\n left: -3px;\n margin: 0 3px 0 -12px;\n"])));
8793
- var ImagePreviewWrapper = styled__default.default.div(templateObject_2$n || (templateObject_2$n = __makeTemplateObject(["\n position: absolute;\n display: flex;\n flex-direction: column;\n height: 33%;\n bottom: 12px;\n right: 12px;\n"], ["\n position: absolute;\n display: flex;\n flex-direction: column;\n height: 33%;\n bottom: 12px;\n right: 12px;\n"])));
8741
+ var StyledSpinner = styled__default.default(Spinner)(templateObject_1$t || (templateObject_1$t = __makeTemplateObject(["\n position: relative;\n top: 4px;\n left: -3px;\n margin: 0 3px 0 -12px;\n"], ["\n position: relative;\n top: 4px;\n left: -3px;\n margin: 0 3px 0 -12px;\n"])));
8742
+ var ImagePreviewWrapper = styled__default.default.div(templateObject_2$o || (templateObject_2$o = __makeTemplateObject(["\n position: absolute;\n display: flex;\n flex-direction: column;\n height: 33%;\n bottom: 12px;\n right: 12px;\n"], ["\n position: absolute;\n display: flex;\n flex-direction: column;\n height: 33%;\n bottom: 12px;\n right: 12px;\n"])));
8794
8743
  var ImagePreviewText = styled__default.default.div(templateObject_3$i || (templateObject_3$i = __makeTemplateObject(["\n display: block;\n position: absolute;\n top: -32px;\n font:\n 14px -apple-system,\n BlinkMacSystemFont,\n 'Segoe UI',\n Roboto,\n Helvetica,\n Arial,\n sans-serif,\n 'Apple Color Emoji',\n 'Segoe UI Emoji',\n 'Segoe UI Symbol';\n color: white;\n text-align: center;\n margin: 0 auto;\n width: 100%;\n"], ["\n display: block;\n position: absolute;\n top: -32px;\n font:\n 14px -apple-system,\n BlinkMacSystemFont,\n 'Segoe UI',\n Roboto,\n Helvetica,\n Arial,\n sans-serif,\n 'Apple Color Emoji',\n 'Segoe UI Emoji',\n 'Segoe UI Symbol';\n color: white;\n text-align: center;\n margin: 0 auto;\n width: 100%;\n"])));
8795
8744
  var ImagePreviewImageWrapper = styled__default.default.div(templateObject_4$c || (templateObject_4$c = __makeTemplateObject(["\n position: relative;\n height: calc(100% - 8px);\n padding: 4px;\n border-radius: 4px;\n background: white;\n\n & > img {\n border-radius: 4px;\n width: auto;\n max-height: 100%;\n }\n"], ["\n position: relative;\n height: calc(100% - 8px);\n padding: 4px;\n border-radius: 4px;\n background: white;\n\n & > img {\n border-radius: 4px;\n width: auto;\n max-height: 100%;\n }\n"])));
8796
- var templateObject_1$r, templateObject_2$n, templateObject_3$i, templateObject_4$c;
8745
+ var templateObject_1$t, templateObject_2$o, templateObject_3$i, templateObject_4$c;
8797
8746
 
8798
8747
  var documentCaptureInitialState = {
8799
8748
  documents: [],
@@ -9141,16 +9090,16 @@ var DocumentCaptureGuideOverlay = function DocumentCaptureGuideOverlay(_a) {
9141
9090
  ref: canvasRef
9142
9091
  }));
9143
9092
  };
9144
- var CanvasWrapper = styled__default.default.div(templateObject_1$q || (templateObject_1$q = __makeTemplateObject(["\n flex-grow: 1;\n background-clip: padding-box;\n box-shadow: inset 0 0 0 2px ", ";\n"], ["\n flex-grow: 1;\n background-clip: padding-box;\n box-shadow: inset 0 0 0 2px ", ";\n"])), function (props) {
9093
+ var CanvasWrapper = styled__default.default.div(templateObject_1$s || (templateObject_1$s = __makeTemplateObject(["\n flex-grow: 1;\n background-clip: padding-box;\n box-shadow: inset 0 0 0 2px ", ";\n"], ["\n flex-grow: 1;\n background-clip: padding-box;\n box-shadow: inset 0 0 0 2px ", ";\n"])), function (props) {
9145
9094
  return props.$maskColor;
9146
9095
  });
9147
- var Canvas = styled__default.default.canvas(templateObject_2$m || (templateObject_2$m = __makeTemplateObject(["\n display: block;\n"], ["\n display: block;\n"])));
9148
- var templateObject_1$q, templateObject_2$m;
9096
+ var Canvas = styled__default.default.canvas(templateObject_2$n || (templateObject_2$n = __makeTemplateObject(["\n display: block;\n"], ["\n display: block;\n"])));
9097
+ var templateObject_1$s, templateObject_2$n;
9149
9098
 
9150
- var CameraFeedWrapper = styled__default.default.div(templateObject_1$p || (templateObject_1$p = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
9099
+ var CameraFeedWrapper = styled__default.default.div(templateObject_1$r || (templateObject_1$r = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
9151
9100
  return props.$mode === 'snapToGuides' ? "display: flex;\n position: absolute;\n left: ".concat(props.$x, "px;\n top: ").concat(props.$y, "px;\n width: ").concat(props.$w, "px;\n height: ").concat(props.$h, "px;") : "";
9152
9101
  });
9153
- var templateObject_1$p;
9102
+ var templateObject_1$r;
9154
9103
 
9155
9104
  var CameraVideoTag = function CameraVideoTag(props) {
9156
9105
  var _a = useCameraStore(shallow.useShallow(function (store) {
@@ -9181,46 +9130,46 @@ var CameraVideoTag = function CameraVideoTag(props) {
9181
9130
  "$isRearFacing": isRearFacing
9182
9131
  }, props));
9183
9132
  };
9184
- var FullscreenVideoTag = styled__default.default.video(templateObject_1$o || (templateObject_1$o = __makeTemplateObject(["\n transform: ", ";\n transform-style: preserve-3d;\n min-width: 100%;\n min-height: 100%;\n width: auto;\n height: auto;\n max-width: 100%;\n max-height: 100%;\n object-fit: cover;\n background: black;\n z-index: -2;\n"], ["\n transform: ", ";\n transform-style: preserve-3d;\n min-width: 100%;\n min-height: 100%;\n width: auto;\n height: auto;\n max-width: 100%;\n max-height: 100%;\n object-fit: cover;\n background: black;\n z-index: -2;\n"])), function (props) {
9133
+ var FullscreenVideoTag = styled__default.default.video(templateObject_1$q || (templateObject_1$q = __makeTemplateObject(["\n transform: ", ";\n transform-style: preserve-3d;\n min-width: 100%;\n min-height: 100%;\n width: auto;\n height: auto;\n max-width: 100%;\n max-height: 100%;\n object-fit: cover;\n background: black;\n z-index: -2;\n"], ["\n transform: ", ";\n transform-style: preserve-3d;\n min-width: 100%;\n min-height: 100%;\n width: auto;\n height: auto;\n max-width: 100%;\n max-height: 100%;\n object-fit: cover;\n background: black;\n z-index: -2;\n"])), function (props) {
9185
9134
  return props.$isRearFacing ? '' : 'scaleX(-1)';
9186
9135
  });
9187
- var templateObject_1$o;
9136
+ var templateObject_1$q;
9188
9137
 
9189
9138
  var DocumentCaptureScreen = function DocumentCaptureScreen(_a) {
9190
- var _b, _c, _d, _e, _f;
9139
+ var _b, _c, _d, _e;
9191
9140
  var onCaptureClicked = _a.onCaptureClicked,
9192
- _g = _a.classNames,
9193
- classNames = _g === void 0 ? {} : _g,
9194
- _h = _a.verbiage,
9195
- rawVerbiage = _h === void 0 ? {} : _h;
9196
- var _j = useDocumentCaptureState(),
9197
- _k = _j[0],
9198
- documents = _k.documents,
9199
- currentDocumentIndex = _k.currentDocumentIndex,
9200
- rectX = _k.rectX,
9201
- rectY = _k.rectY,
9202
- rectWidth = _k.rectWidth,
9203
- rectHeight = _k.rectHeight,
9204
- rectOffsetTop = _k.rectOffsetTop,
9205
- capturing = _k.capturing,
9206
- uploadCapturedDocument = _k.uploadCapturedDocument,
9207
- dispatch = _j[1];
9208
- var _l = (_b = documents[currentDocumentIndex]) !== null && _b !== void 0 ? _b : {},
9209
- title = _l.title,
9210
- aspectRatio = _l.aspectRatio,
9211
- cameraFeedMode = _l.cameraFeedMode,
9212
- instructions = _l.instructions,
9213
- contentUrl = _l.contentUrl,
9214
- content = _l.content,
9215
- uploadState = _l.uploadState;
9216
- var _m = useCameraStore(),
9217
- videoStream = _m.videoStream,
9218
- cameraReady = _m.cameraReady,
9219
- cameraAccessDenied = _m.cameraAccessDenied,
9220
- requestCameraAccess = _m.requestCameraAccess;
9221
- var _o = React.useState(false),
9222
- cameraAccessRequested = _o[0],
9223
- setCameraAccessRequested = _o[1];
9141
+ _f = _a.classNames,
9142
+ classNames = _f === void 0 ? {} : _f,
9143
+ _g = _a.verbiage,
9144
+ rawVerbiage = _g === void 0 ? {} : _g;
9145
+ var _h = useDocumentCaptureState(),
9146
+ _j = _h[0],
9147
+ documents = _j.documents,
9148
+ currentDocumentIndex = _j.currentDocumentIndex,
9149
+ rectX = _j.rectX,
9150
+ rectY = _j.rectY,
9151
+ rectWidth = _j.rectWidth,
9152
+ rectHeight = _j.rectHeight,
9153
+ rectOffsetTop = _j.rectOffsetTop,
9154
+ capturing = _j.capturing,
9155
+ uploadCapturedDocument = _j.uploadCapturedDocument,
9156
+ dispatch = _h[1];
9157
+ var _k = (_b = documents[currentDocumentIndex]) !== null && _b !== void 0 ? _b : {},
9158
+ title = _k.title,
9159
+ aspectRatio = _k.aspectRatio,
9160
+ cameraFeedMode = _k.cameraFeedMode,
9161
+ instructions = _k.instructions,
9162
+ contentUrl = _k.contentUrl,
9163
+ content = _k.content,
9164
+ uploadState = _k.uploadState;
9165
+ var _l = useCameraStore(),
9166
+ videoStream = _l.videoStream,
9167
+ cameraReady = _l.cameraReady,
9168
+ cameraAccessDenied = _l.cameraAccessDenied,
9169
+ requestCameraAccess = _l.requestCameraAccess;
9170
+ var _m = React.useState(false),
9171
+ cameraAccessRequested = _m[0],
9172
+ setCameraAccessRequested = _m[1];
9224
9173
  var cameraAccessNeeded =
9225
9174
  // we should force the browser to ask for camera access if...
9226
9175
  uploadState === 'not_started' &&
@@ -9268,9 +9217,7 @@ var DocumentCaptureScreen = function DocumentCaptureScreen(_a) {
9268
9217
  });
9269
9218
  });
9270
9219
  }
9271
- return /*#__PURE__*/React__namespace.default.createElement(PageContainer, {
9272
- className: "flex ".concat((_f = classNames.container) !== null && _f !== void 0 ? _f : '')
9273
- }, /*#__PURE__*/React__namespace.default.createElement(CameraFeedWrapper, {
9220
+ return /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null, /*#__PURE__*/React__namespace.default.createElement(CameraFeedWrapper, {
9274
9221
  className: classNames.cameraFeedWrapper,
9275
9222
  "$mode": cameraFeedMode !== null && cameraFeedMode !== void 0 ? cameraFeedMode : 'snapToGuides',
9276
9223
  "$x": rectX,
@@ -9299,7 +9246,7 @@ var DocumentCaptureScreen = function DocumentCaptureScreen(_a) {
9299
9246
  className: classNames.footerRow
9300
9247
  }, instructions && ( /*#__PURE__*/React__namespace.default.createElement(Instructions, {
9301
9248
  className: classNames.instructions
9302
- }, instructions)), /*#__PURE__*/React__namespace.default.createElement(StyledButtonsRow$9, {
9249
+ }, instructions)), /*#__PURE__*/React__namespace.default.createElement(StyledButtonsRow$8, {
9303
9250
  className: classNames.buttonsRow
9304
9251
  }, cameraAccessDenied ? ( /*#__PURE__*/React__namespace.default.createElement(LoaderButton, {
9305
9252
  className: classNames.retryCameraAccessBtn,
@@ -9334,8 +9281,8 @@ var DocumentCaptureScreen = function DocumentCaptureScreen(_a) {
9334
9281
  disabled: !cameraReady || capturing
9335
9282
  }, !cameraReady ? verbiage.loadingBtnText : capturing ? verbiage.capturingBtnText : verbiage.captureBtnText))))));
9336
9283
  };
9337
- var CaptureContainer = styled__default.default.div(templateObject_1$n || (templateObject_1$n = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: var(--app-height);\n"], ["\n display: flex;\n flex-direction: column;\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: var(--app-height);\n"])));
9338
- var HeadingRow = styled__default.default.div(templateObject_2$l || (templateObject_2$l = __makeTemplateObject(["\n background: ", ";\n text-align: center;\n color: white;\n"], ["\n background: ", ";\n text-align: center;\n color: white;\n"])), function (props) {
9284
+ var CaptureContainer = styled__default.default.div(templateObject_1$p || (templateObject_1$p = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n"], ["\n display: flex;\n flex-direction: column;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n"])));
9285
+ var HeadingRow = styled__default.default.div(templateObject_2$m || (templateObject_2$m = __makeTemplateObject(["\n background: ", ";\n text-align: center;\n color: white;\n"], ["\n background: ", ";\n text-align: center;\n color: white;\n"])), function (props) {
9339
9286
  return props.$maskColor;
9340
9287
  });
9341
9288
  var Heading$9 = styled__default.default.h1(templateObject_3$h || (templateObject_3$h = __makeTemplateObject(["\n font-size: 22px;\n"], ["\n font-size: 22px;\n"])));
@@ -9346,9 +9293,9 @@ var Instructions = styled__default.default.div(templateObject_5$7 || (templateOb
9346
9293
  var _a, _b, _c;
9347
9294
  return (_c = (_b = (_a = props.theme.documentCapture) === null || _a === void 0 ? void 0 : _a.instructions) === null || _b === void 0 ? void 0 : _b.maxHeight) !== null && _c !== void 0 ? _c : '8rem';
9348
9295
  });
9349
- var StyledButtonsRow$9 = styled__default.default(ButtonsRow)(templateObject_6$6 || (templateObject_6$6 = __makeTemplateObject(["\n padding-top: 20px;\n"], ["\n padding-top: 20px;\n"])));
9296
+ var StyledButtonsRow$8 = styled__default.default(ButtonsRow$2)(templateObject_6$6 || (templateObject_6$6 = __makeTemplateObject(["\n padding-top: 20px;\n"], ["\n padding-top: 20px;\n"])));
9350
9297
  var PreviewImage = styled__default.default.img(templateObject_7$4 || (templateObject_7$4 = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n object-fit: cover;\n"], ["\n width: 100%;\n height: 100%;\n object-fit: cover;\n"])));
9351
- var templateObject_1$n, templateObject_2$l, templateObject_3$h, templateObject_4$b, templateObject_5$7, templateObject_6$6, templateObject_7$4;
9298
+ var templateObject_1$p, templateObject_2$m, templateObject_3$h, templateObject_4$b, templateObject_5$7, templateObject_6$6, templateObject_7$4;
9352
9299
 
9353
9300
  var DocumentCaptureWizard = function DocumentCaptureWizard(_a) {
9354
9301
  var onSuccess = _a.onSuccess,
@@ -9594,7 +9541,7 @@ var IdCaptureFallback = function IdCaptureFallback(_a) {
9594
9541
  capture: "environment",
9595
9542
  onChange: onFileSelected,
9596
9543
  hidden: true
9597
- }), /*#__PURE__*/React__namespace.default.createElement(StyledButtonsRow$8, {
9544
+ }), /*#__PURE__*/React__namespace.default.createElement(StyledButtonsRow$7, {
9598
9545
  className: classNames.buttonsRow
9599
9546
  }, images.length < maxImageCount && ( /*#__PURE__*/React__namespace.default.createElement(LoaderButton, {
9600
9547
  variant: images.length > 0 ? 'secondary' : 'positive',
@@ -9619,13 +9566,13 @@ var IdCaptureFallback = function IdCaptureFallback(_a) {
9619
9566
  }
9620
9567
  }, verbiage.doneBtnText))))));
9621
9568
  };
9622
- var StyledOverlayInner$2 = styled__default.default(OverlayInner$2)(templateObject_1$m || (templateObject_1$m = __makeTemplateObject(["\n justify-content: center;\n"], ["\n justify-content: center;\n"])));
9623
- var Heading$8 = styled__default.default.h3(templateObject_2$k || (templateObject_2$k = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
9569
+ var StyledOverlayInner$2 = styled__default.default(OverlayInner$2)(templateObject_1$o || (templateObject_1$o = __makeTemplateObject(["\n justify-content: center;\n"], ["\n justify-content: center;\n"])));
9570
+ var Heading$8 = styled__default.default.h3(templateObject_2$l || (templateObject_2$l = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
9624
9571
  var Description$3 = styled__default.default.p(templateObject_3$g || (templateObject_3$g = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
9625
9572
  var Instruction = styled__default.default.p(templateObject_4$a || (templateObject_4$a = __makeTemplateObject(["\n font-weight: bold;\n"], ["\n font-weight: bold;\n"])));
9626
9573
  var ImageCol = styled__default.default.div(templateObject_5$6 || (templateObject_5$6 = __makeTemplateObject(["\n display: flex;\n justify-content: center;\n flex-grow: 1;\n flex-basis: 0;\n"], ["\n display: flex;\n justify-content: center;\n flex-grow: 1;\n flex-basis: 0;\n"])));
9627
- var StyledButtonsRow$8 = styled__default.default(ButtonsRow)(templateObject_6$5 || (templateObject_6$5 = __makeTemplateObject(["\n margin-top: 32px;\n"], ["\n margin-top: 32px;\n"])));
9628
- var templateObject_1$m, templateObject_2$k, templateObject_3$g, templateObject_4$a, templateObject_5$6, templateObject_6$5;
9574
+ var StyledButtonsRow$7 = styled__default.default(ButtonsRow$2)(templateObject_6$5 || (templateObject_6$5 = __makeTemplateObject(["\n margin-top: 32px;\n"], ["\n margin-top: 32px;\n"])));
9575
+ var templateObject_1$o, templateObject_2$l, templateObject_3$g, templateObject_4$a, templateObject_5$6, templateObject_6$5;
9629
9576
 
9630
9577
  function ScalingCameraFeed() {
9631
9578
  var _a = useIdCaptureStore(),
@@ -9977,24 +9924,24 @@ function FilePickerButton(_a) {
9977
9924
  }
9978
9925
  }, file ? "".concat(file.name, " (").concat(humanFileSize(file.size), ")") : filePickerLoading ? loadingText : children));
9979
9926
  }
9980
- var ScreenContainer = styled__default.default.div(templateObject_1$l || (templateObject_1$l = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n height: 100dvh;\n width: 100dvw;\n position: relative;\n font-family: ", ";\n"], ["\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n height: 100dvh;\n width: 100dvw;\n position: relative;\n font-family: ", ";\n"])), function (props) {
9927
+ var ScreenContainer = styled__default.default.div(templateObject_1$n || (templateObject_1$n = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n height: 100%;\n width: 100%;\n position: relative;\n font-family: ", ";\n"], ["\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n height: 100%;\n width: 100%;\n position: relative;\n font-family: ", ";\n"])), function (props) {
9981
9928
  var _a;
9982
9929
  return (_a = props.theme) === null || _a === void 0 ? void 0 : _a.fontFamily;
9983
9930
  });
9984
- var ScreenPanel = styled__default.default.div(templateObject_2$j || (templateObject_2$j = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n width: 100%;\n flex-grow: 1;\n background: #f7f6fb;\n box-sizing: border-box;\n padding: 40px;\n"], ["\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n width: 100%;\n flex-grow: 1;\n background: #f7f6fb;\n box-sizing: border-box;\n padding: 40px;\n"])));
9931
+ var ScreenPanel = styled__default.default.div(templateObject_2$k || (templateObject_2$k = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n width: 100%;\n flex-grow: 1;\n background: #f7f6fb;\n box-sizing: border-box;\n padding: 40px;\n"], ["\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n width: 100%;\n flex-grow: 1;\n background: #f7f6fb;\n box-sizing: border-box;\n padding: 40px;\n"])));
9985
9932
  var SelectIdCardScreenPanel = styled__default.default(ScreenPanel)(templateObject_3$f || (templateObject_3$f = __makeTemplateObject(["\n background: white;\n padding: 80px 0;\n\n @media (max-height: 1000px) {\n padding: 40px 0;\n }\n"], ["\n background: white;\n padding: 80px 0;\n\n @media (max-height: 1000px) {\n padding: 40px 0;\n }\n"])));
9986
9933
  var ScreenPanelHeading = styled__default.default.h3(templateObject_4$9 || (templateObject_4$9 = __makeTemplateObject(["\n margin: 0 0 30px;\n"], ["\n margin: 0 0 30px;\n"])));
9987
9934
  var ScreenActionsBar = styled__default.default.div(templateObject_5$5 || (templateObject_5$5 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: end;\n gap: 20px;\n padding: 20px;\n width: 100%;\n box-sizing: border-box;\n border-top: 1px solid #ccc;\n\n @media (max-width: 600px) {\n justify-content: center;\n }\n"], ["\n display: flex;\n align-items: center;\n justify-content: end;\n gap: 20px;\n padding: 20px;\n width: 100%;\n box-sizing: border-box;\n border-top: 1px solid #ccc;\n\n @media (max-width: 600px) {\n justify-content: center;\n }\n"])));
9988
9935
  var DashedSeparator = styled__default.default.div(templateObject_6$4 || (templateObject_6$4 = __makeTemplateObject(["\n width: 100%;\n height: 0;\n border-top: 2px solid #606060;\n border-top-style: dashed;\n display: flex;\n align-items: center;\n justify-content: center;\n"], ["\n width: 100%;\n height: 0;\n border-top: 2px solid #606060;\n border-top-style: dashed;\n display: flex;\n align-items: center;\n justify-content: center;\n"])));
9989
9936
  var OrWrapper = styled__default.default.div(templateObject_7$3 || (templateObject_7$3 = __makeTemplateObject(["\n color: #323232;\n font-weight: bold;\n background: white;\n border-radius: 50%;\n top: -2px;\n position: relative;\n width: 60px;\n height: 60px;\n display: flex;\n align-items: center;\n justify-content: center;\n"], ["\n color: #323232;\n font-weight: bold;\n background: white;\n border-radius: 50%;\n top: -2px;\n position: relative;\n width: 60px;\n height: 60px;\n display: flex;\n align-items: center;\n justify-content: center;\n"])));
9990
- var UploadIdBackHelpText = styled__default.default.p(templateObject_8$1 || (templateObject_8$1 = __makeTemplateObject(["\n color: #323232;\n font-style: italic;\n margin: 30px 0 0;\n"], ["\n color: #323232;\n font-style: italic;\n margin: 30px 0 0;\n"])));
9991
- var Button = styled__default.default(WideBorderButton)(templateObject_9$1 || (templateObject_9$1 = __makeTemplateObject(["\n width: auto;\n font-weight: 500;\n padding-left: 40px;\n padding-right: 40px;\n transition: background-color 0.3s ease;\n background-color: #ffffff;\n white-space: nowrap;\n\n &:disabled,\n &.disabled {\n background-color: #f1f1f1 !important;\n border-color: #dbdbdb !important;\n color: #323232 !important;\n }\n\n &:hover {\n filter: none;\n background-color: #fafafa !important;\n }\n"], ["\n width: auto;\n font-weight: 500;\n padding-left: 40px;\n padding-right: 40px;\n transition: background-color 0.3s ease;\n background-color: #ffffff;\n white-space: nowrap;\n\n &:disabled,\n &.disabled {\n background-color: #f1f1f1 !important;\n border-color: #dbdbdb !important;\n color: #323232 !important;\n }\n\n &:hover {\n filter: none;\n background-color: #fafafa !important;\n }\n"])));
9992
- var Modal = styled__default.default.div(templateObject_10$1 || (templateObject_10$1 = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.5);\n z-index: 10000;\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.5);\n z-index: 10000;\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n"])));
9993
- var Dialog = styled__default.default.div(templateObject_11$1 || (templateObject_11$1 = __makeTemplateObject(["\n width: 100%;\n max-width: 500px;\n height: 100%;\n max-height: 600px;\n background: white;\n border-radius: 25px;\n overflow: auto;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);\n font-family: ", ";\n //margin: 25px;\n"], ["\n width: 100%;\n max-width: 500px;\n height: 100%;\n max-height: 600px;\n background: white;\n border-radius: 25px;\n overflow: auto;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);\n font-family: ", ";\n //margin: 25px;\n"])), function (props) {
9937
+ var UploadIdBackHelpText = styled__default.default.p(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n color: #323232;\n font-style: italic;\n margin: 30px 0 0;\n"], ["\n color: #323232;\n font-style: italic;\n margin: 30px 0 0;\n"])));
9938
+ var Button = styled__default.default(WideBorderButton)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n width: auto;\n font-weight: 500;\n padding-left: 40px;\n padding-right: 40px;\n transition: background-color 0.3s ease;\n background-color: #ffffff;\n white-space: nowrap;\n\n &:disabled,\n &.disabled {\n background-color: #f1f1f1 !important;\n border-color: #dbdbdb !important;\n color: #323232 !important;\n }\n\n &:hover {\n filter: none;\n background-color: #fafafa !important;\n }\n"], ["\n width: auto;\n font-weight: 500;\n padding-left: 40px;\n padding-right: 40px;\n transition: background-color 0.3s ease;\n background-color: #ffffff;\n white-space: nowrap;\n\n &:disabled,\n &.disabled {\n background-color: #f1f1f1 !important;\n border-color: #dbdbdb !important;\n color: #323232 !important;\n }\n\n &:hover {\n filter: none;\n background-color: #fafafa !important;\n }\n"])));
9939
+ var Modal = styled__default.default.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.5);\n z-index: 10000;\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.5);\n z-index: 10000;\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n"])));
9940
+ var Dialog = styled__default.default.div(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n width: 100%;\n max-width: 500px;\n height: 100%;\n max-height: 600px;\n background: white;\n border-radius: 25px;\n overflow: auto;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);\n font-family: ", ";\n //margin: 25px;\n"], ["\n width: 100%;\n max-width: 500px;\n height: 100%;\n max-height: 600px;\n background: white;\n border-radius: 25px;\n overflow: auto;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);\n font-family: ", ";\n //margin: 25px;\n"])), function (props) {
9994
9941
  var _a;
9995
9942
  return (_a = props.theme) === null || _a === void 0 ? void 0 : _a.fontFamily;
9996
9943
  });
9997
- var ModalCloseButton = styled__default.default.button(templateObject_12$1 || (templateObject_12$1 = __makeTemplateObject(["\n width: 60px;\n height: 60px;\n background: black;\n color: whitesmoke;\n border-radius: 50%;\n font-size: 32px;\n border: none;\n cursor: pointer;\n margin: 20px 0;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);\n transition: background 0.3s ease;\n display: flex;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n padding: 0;\n\n &:hover {\n background: #222;\n color: white;\n }\n"], ["\n width: 60px;\n height: 60px;\n background: black;\n color: whitesmoke;\n border-radius: 50%;\n font-size: 32px;\n border: none;\n cursor: pointer;\n margin: 20px 0;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);\n transition: background 0.3s ease;\n display: flex;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n padding: 0;\n\n &:hover {\n background: #222;\n color: white;\n }\n"])));
9944
+ var ModalCloseButton = styled__default.default.button(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n width: 60px;\n height: 60px;\n background: black;\n color: whitesmoke;\n border-radius: 50%;\n font-size: 32px;\n border: none;\n cursor: pointer;\n margin: 20px 0;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);\n transition: background 0.3s ease;\n display: flex;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n padding: 0;\n\n &:hover {\n background: #222;\n color: white;\n }\n"], ["\n width: 60px;\n height: 60px;\n background: black;\n color: whitesmoke;\n border-radius: 50%;\n font-size: 32px;\n border: none;\n cursor: pointer;\n margin: 20px 0;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);\n transition: background 0.3s ease;\n display: flex;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n padding: 0;\n\n &:hover {\n background: #222;\n color: white;\n }\n"])));
9998
9945
  function XIcon(props) {
9999
9946
  return /*#__PURE__*/React__namespace.default.createElement("svg", _assign({
10000
9947
  width: "25",
@@ -10245,7 +10192,7 @@ function IdDocumentIcon(props) {
10245
10192
  strokeWidth: "3"
10246
10193
  }));
10247
10194
  }
10248
- var InlineSvg = styled__default.default.svg(templateObject_13$1 || (templateObject_13$1 = __makeTemplateObject(["\n display: inline;\n"], ["\n display: inline;\n"])));
10195
+ var InlineSvg = styled__default.default.svg(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n display: inline;\n"], ["\n display: inline;\n"])));
10249
10196
  function humanFileSize(bytes, si, dp) {
10250
10197
  if (si === void 0) {
10251
10198
  si = false;
@@ -10266,87 +10213,87 @@ function humanFileSize(bytes, si, dp) {
10266
10213
  } while (Math.round(Math.abs(bytes) * r) / r >= thresh && u < units.length - 1);
10267
10214
  return bytes.toFixed(dp) + ' ' + units[u];
10268
10215
  }
10269
- var templateObject_1$l, templateObject_2$j, templateObject_3$f, templateObject_4$9, templateObject_5$5, templateObject_6$4, templateObject_7$3, templateObject_8$1, templateObject_9$1, templateObject_10$1, templateObject_11$1, templateObject_12$1, templateObject_13$1;
10216
+ var templateObject_1$n, templateObject_2$k, templateObject_3$f, templateObject_4$9, templateObject_5$5, templateObject_6$4, templateObject_7$3, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13;
10270
10217
 
10271
10218
  var IdCaptureWizard = function IdCaptureWizard(_a) {
10272
- var _b, _c, _d, _e, _f, _g;
10219
+ var _b, _c, _d, _e, _f;
10273
10220
  var onSuccess = _a.onSuccess,
10274
10221
  onExitCapture = _a.onExitCapture,
10275
10222
  onUserCancel = _a.onUserCancel,
10276
- _h = _a.loadingOverlayMode,
10277
- loadingOverlayMode = _h === void 0 ? 'default' : _h,
10223
+ _g = _a.loadingOverlayMode,
10224
+ loadingOverlayMode = _g === void 0 ? 'default' : _g,
10278
10225
  customOverlayContent = _a.customOverlayContent,
10279
10226
  onLoadingOverlayDismissed = _a.onLoadingOverlayDismissed,
10280
10227
  precapturedDocuments = _a.precapturedDocuments,
10281
- _j = _a.captureRequirement,
10282
- captureRequirement = _j === void 0 ? 'idCardOrPassport' : _j,
10283
- _k = _a.allowSinglePageIdCapture,
10284
- allowSinglePageIdCapture = _k === void 0 ? false : _k,
10285
- _l = _a.separateIdCardCaptureSequence,
10286
- separateIdCardCaptureSequence = _l === void 0 ? false : _l,
10287
- _m = _a.thresholds,
10288
- thresholds = _m === void 0 ? defaultIdCaptureThresholds : _m,
10289
- _o = _a.skipSuccessScreen,
10290
- skipSuccessScreen = _o === void 0 ? false : _o,
10228
+ _h = _a.captureRequirement,
10229
+ captureRequirement = _h === void 0 ? 'idCardOrPassport' : _h,
10230
+ _j = _a.allowSinglePageIdCapture,
10231
+ allowSinglePageIdCapture = _j === void 0 ? false : _j,
10232
+ _k = _a.separateIdCardCaptureSequence,
10233
+ separateIdCardCaptureSequence = _k === void 0 ? false : _k,
10234
+ _l = _a.thresholds,
10235
+ thresholds = _l === void 0 ? defaultIdCaptureThresholds : _l,
10236
+ _m = _a.skipSuccessScreen,
10237
+ skipSuccessScreen = _m === void 0 ? false : _m,
10291
10238
  instructions = _a.instructions,
10292
- _p = _a.releaseCameraAccessOnExit,
10293
- releaseCameraAccessOnExit = _p === void 0 ? true : _p,
10294
- _q = _a.guideType,
10295
- guideType = _q === void 0 ? 'fit' : _q,
10296
- _r = _a.portraitGuidesOnMobile,
10297
- portraitGuidesOnMobile = _r === void 0 ? true : _r,
10298
- _s = _a.rotateLoadingOverlayImageWhenPortrait,
10299
- rotateLoadingOverlayImageWhenPortrait = _s === void 0 ? true : _s,
10300
- _t = _a.silentFallback,
10301
- silentFallback = _t === void 0 ? false : _t,
10302
- _u = _a.forceFallbackMode,
10303
- forceFallbackMode = _u === void 0 ? false : _u,
10304
- _v = _a.allowIdCardBackToFrontCapture,
10305
- allowIdCardBackToFrontCapture = _v === void 0 ? false : _v,
10306
- _w = _a.enableOverrideWrongDocumentTypeDialog,
10307
- enableOverrideWrongDocumentTypeDialog = _w === void 0 ? false : _w,
10308
- _x = _a.allowOverrideWrongDocumentTypeAfterMs,
10309
- allowOverrideWrongDocumentTypeAfterMs = _x === void 0 ? 8000 : _x,
10310
- _y = _a.allowUploadingDocumentsFromStorage,
10311
- allowUploadingDocumentsFromStorage = _y === void 0 ? false : _y,
10312
- _z = _a.guideImages,
10313
- guideImages = _z === void 0 ? defaultIdCaptureGuideImages : _z,
10314
- _0 = _a.assets,
10315
- assets = _0 === void 0 ? {} : _0,
10316
- _1 = _a.classNames,
10317
- classNames = _1 === void 0 ? {} : _1,
10318
- _2 = _a.colors,
10319
- colors = _2 === void 0 ? {} : _2,
10320
- _3 = _a.verbiage,
10321
- verbiage = _3 === void 0 ? {} : _3,
10322
- _4 = _a.debugMode,
10323
- debugMode = _4 === void 0 ? false : _4;
10239
+ _o = _a.releaseCameraAccessOnExit,
10240
+ releaseCameraAccessOnExit = _o === void 0 ? true : _o,
10241
+ _p = _a.guideType,
10242
+ guideType = _p === void 0 ? 'fit' : _p,
10243
+ _q = _a.portraitGuidesOnMobile,
10244
+ portraitGuidesOnMobile = _q === void 0 ? true : _q,
10245
+ _r = _a.rotateLoadingOverlayImageWhenPortrait,
10246
+ rotateLoadingOverlayImageWhenPortrait = _r === void 0 ? true : _r,
10247
+ _s = _a.silentFallback,
10248
+ silentFallback = _s === void 0 ? false : _s,
10249
+ _t = _a.forceFallbackMode,
10250
+ forceFallbackMode = _t === void 0 ? false : _t,
10251
+ _u = _a.allowIdCardBackToFrontCapture,
10252
+ allowIdCardBackToFrontCapture = _u === void 0 ? false : _u,
10253
+ _v = _a.enableOverrideWrongDocumentTypeDialog,
10254
+ enableOverrideWrongDocumentTypeDialog = _v === void 0 ? false : _v,
10255
+ _w = _a.allowOverrideWrongDocumentTypeAfterMs,
10256
+ allowOverrideWrongDocumentTypeAfterMs = _w === void 0 ? 8000 : _w,
10257
+ _x = _a.allowUploadingDocumentsFromStorage,
10258
+ allowUploadingDocumentsFromStorage = _x === void 0 ? false : _x,
10259
+ _y = _a.guideImages,
10260
+ guideImages = _y === void 0 ? defaultIdCaptureGuideImages : _y,
10261
+ _z = _a.assets,
10262
+ assets = _z === void 0 ? {} : _z,
10263
+ _0 = _a.classNames,
10264
+ classNames = _0 === void 0 ? {} : _0,
10265
+ _1 = _a.colors,
10266
+ colors = _1 === void 0 ? {} : _1,
10267
+ _2 = _a.verbiage,
10268
+ verbiage = _2 === void 0 ? {} : _2,
10269
+ _3 = _a.debugMode,
10270
+ debugMode = _3 === void 0 ? false : _3;
10324
10271
  var state = useIdCaptureStore();
10325
- var _5 = useCameraStore(),
10326
- cameraAccessDenied = _5.cameraAccessDenied,
10327
- requestCameraAccess = _5.requestCameraAccess,
10328
- releaseCameraAccess = _5.releaseCameraAccess;
10329
- var _6 = React.useState(false),
10330
- overlayDismissed = _6[0],
10331
- setOverlayDismissed = _6[1];
10332
- var _7 = React.useContext(SubmissionContext),
10333
- submissionStatus = _7.submissionStatus,
10334
- setIdFrontImage = _7.setIdFrontImage,
10335
- setIdBackImage = _7.setIdBackImage,
10336
- setPassportImage = _7.setPassportImage,
10337
- setIdFrontIrImage = _7.setIdFrontIrImage,
10338
- setIdBackIrImage = _7.setIdBackIrImage,
10339
- setIdFrontUvImage = _7.setIdFrontUvImage,
10340
- setIdBackUvImage = _7.setIdBackUvImage,
10341
- logIdFrontCaptureAttempt = _7.logIdFrontCaptureAttempt,
10342
- logIdBackCaptureAttempt = _7.logIdBackCaptureAttempt;
10343
- var _8 = useIdCaptureModelsContext(),
10344
- start = _8.start,
10345
- stop = _8.stop,
10346
- onPredictionMade = _8.onPredictionMade,
10347
- setRequiredDocumentType = _8.setRequiredDocumentType,
10348
- modelError = _8.modelError,
10349
- resetBestFrame = _8.resetBestFrame;
10272
+ var _4 = useCameraStore(),
10273
+ cameraAccessDenied = _4.cameraAccessDenied,
10274
+ requestCameraAccess = _4.requestCameraAccess,
10275
+ releaseCameraAccess = _4.releaseCameraAccess;
10276
+ var _5 = React.useState(false),
10277
+ overlayDismissed = _5[0],
10278
+ setOverlayDismissed = _5[1];
10279
+ var _6 = React.useContext(SubmissionContext),
10280
+ submissionStatus = _6.submissionStatus,
10281
+ setIdFrontImage = _6.setIdFrontImage,
10282
+ setIdBackImage = _6.setIdBackImage,
10283
+ setPassportImage = _6.setPassportImage,
10284
+ setIdFrontIrImage = _6.setIdFrontIrImage,
10285
+ setIdBackIrImage = _6.setIdBackIrImage,
10286
+ setIdFrontUvImage = _6.setIdFrontUvImage,
10287
+ setIdBackUvImage = _6.setIdBackUvImage,
10288
+ logIdFrontCaptureAttempt = _6.logIdFrontCaptureAttempt,
10289
+ logIdBackCaptureAttempt = _6.logIdBackCaptureAttempt;
10290
+ var _7 = useIdCaptureModelsContext(),
10291
+ start = _7.start,
10292
+ stop = _7.stop,
10293
+ onPredictionMade = _7.onPredictionMade,
10294
+ setRequiredDocumentType = _7.setRequiredDocumentType,
10295
+ modelError = _7.modelError,
10296
+ resetBestFrame = _7.resetBestFrame;
10350
10297
  React.useEffect(function () {
10351
10298
  dispatchIdCaptureAction({
10352
10299
  type: 'configureWizard',
@@ -10458,9 +10405,9 @@ var IdCaptureWizard = function IdCaptureWizard(_a) {
10458
10405
  type: 'resetWizard'
10459
10406
  });
10460
10407
  }, []);
10461
- var _9 = React.useState(0),
10462
- attempt = _9[0],
10463
- setAttempt = _9[1];
10408
+ var _8 = React.useState(0),
10409
+ attempt = _8[0],
10410
+ setAttempt = _8[1];
10464
10411
  var onExit = React.useCallback(function () {
10465
10412
  releaseCameraAccess();
10466
10413
  setOverlayDismissed(false);
@@ -10551,9 +10498,9 @@ var IdCaptureWizard = function IdCaptureWizard(_a) {
10551
10498
  });
10552
10499
  });
10553
10500
  }, []);
10554
- var _10 = React.useState(false),
10555
- progressStarted = _10[0],
10556
- setProgressStarted = _10[1];
10501
+ var _9 = React.useState(false),
10502
+ progressStarted = _9[0],
10503
+ setProgressStarted = _9[1];
10557
10504
  React.useEffect(function () {
10558
10505
  if (state.captureState === 'capturing') {
10559
10506
  setProgressStarted(false);
@@ -10583,9 +10530,7 @@ var IdCaptureWizard = function IdCaptureWizard(_a) {
10583
10530
  }
10584
10531
  var requestedAction = state.captureState === 'requestingFlip' ? 'FLIP_ID' : state.requestedDocumentType === 'idCardBack' ? 'SHOW_ID_BACK' : state.requestedDocumentType === 'passport' ? 'SHOW_PASSPORT' : 'SHOW_ID_FRONT';
10585
10532
  var guidesStatus = !overlayDismissed ? 'disabled' : state.isGoodFrame ? 'capturing' : 'ready';
10586
- return /*#__PURE__*/React__namespace.default.createElement(PageContainer, {
10587
- className: "flex ".concat((_b = classNames === null || classNames === void 0 ? void 0 : classNames.container) !== null && _b !== void 0 ? _b : '')
10588
- }, /*#__PURE__*/React__namespace.default.createElement(ScalingCameraFeed, null), overlayDismissed && state.captureState === 'capturing' && ( /*#__PURE__*/React__namespace.default.createElement(IdCapture, {
10533
+ return /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null, /*#__PURE__*/React__namespace.default.createElement(ScalingCameraFeed, null), overlayDismissed && state.captureState === 'capturing' && ( /*#__PURE__*/React__namespace.default.createElement(IdCapture, {
10589
10534
  requiredDocumentType: state.requestedDocumentType,
10590
10535
  thresholds: thresholds,
10591
10536
  onCapture: onCapture,
@@ -10605,15 +10550,15 @@ var IdCaptureWizard = function IdCaptureWizard(_a) {
10605
10550
  colors: colors,
10606
10551
  verbiage: idCaptureVerbiage,
10607
10552
  isBackToFront: state.allowIdCardBackToFrontCapture && 'idCardBack' in state.capturedDocuments
10608
- }), debugMode && !((_d = (_c = theme.idCapture) === null || _c === void 0 ? void 0 : _c.capturePreview) === null || _d === void 0 ? void 0 : _d.disabled) && state.captureState === 'requestingFlip' && !separateIdCardCaptureSequence && state.imageUrl && ( /*#__PURE__*/React__namespace.default.createElement(IdCaptureImagePreview, {
10609
- classNames: (_e = classNames.capture) === null || _e === void 0 ? void 0 : _e.imagePreview,
10610
- text: (_f = idCaptureVerbiages === null || idCaptureVerbiages === void 0 ? void 0 : idCaptureVerbiages.idCardFront) === null || _f === void 0 ? void 0 : _f.processingIdCardText,
10553
+ }), debugMode && !((_c = (_b = theme.idCapture) === null || _b === void 0 ? void 0 : _b.capturePreview) === null || _c === void 0 ? void 0 : _c.disabled) && state.captureState === 'requestingFlip' && !separateIdCardCaptureSequence && state.imageUrl && ( /*#__PURE__*/React__namespace.default.createElement(IdCaptureImagePreview, {
10554
+ classNames: (_d = classNames.capture) === null || _d === void 0 ? void 0 : _d.imagePreview,
10555
+ text: (_e = idCaptureVerbiages === null || idCaptureVerbiages === void 0 ? void 0 : idCaptureVerbiages.idCardFront) === null || _e === void 0 ? void 0 : _e.processingIdCardText,
10611
10556
  imageUrl: state.imageUrl
10612
10557
  })), state.captureState !== 'complete' && ( /*#__PURE__*/React__namespace.default.createElement("div", {
10613
10558
  id: "idmission-above-guides-content"
10614
10559
  })), /*#__PURE__*/React__namespace.default.createElement(ExitCaptureButton, {
10615
10560
  onClick: onExit,
10616
- className: (_g = classNames.capture) === null || _g === void 0 ? void 0 : _g.exitCaptureBtn
10561
+ className: (_f = classNames.capture) === null || _f === void 0 ? void 0 : _f.exitCaptureBtn
10617
10562
  }), !overlayDismissed && ( /*#__PURE__*/React__namespace.default.createElement(IdCaptureLoadingOverlay, {
10618
10563
  key: "loading".concat(attempt),
10619
10564
  mode: loadingOverlayMode,
@@ -10653,14 +10598,10 @@ var IdCaptureWizard = function IdCaptureWizard(_a) {
10653
10598
 
10654
10599
  function SelfieCaptureLoadingGraphic(_a) {
10655
10600
  var _b, _c, _d;
10656
- var _e = _a.width,
10657
- width = _e === void 0 ? 840 : _e,
10658
- _f = _a.height,
10659
- height = _f === void 0 ? 740 : _f,
10660
- className = _a.className;
10661
- var _g = React.useState(1),
10662
- frame = _g[0],
10663
- setFrame = _g[1];
10601
+ var className = _a.className;
10602
+ var _e = React.useState(1),
10603
+ frame = _e[0],
10604
+ setFrame = _e[1];
10664
10605
  React.useEffect(function () {
10665
10606
  var i = setInterval(function () {
10666
10607
  setFrame(function (n) {
@@ -10674,8 +10615,6 @@ function SelfieCaptureLoadingGraphic(_a) {
10674
10615
  var theme = styled.useTheme();
10675
10616
  var satisfiedColor = (_d = (_c = (_b = theme.selfieCapture) === null || _b === void 0 ? void 0 : _b.guides) === null || _c === void 0 ? void 0 : _c.satisfiedColor) !== null && _d !== void 0 ? _d : 'var(--idm-color-positive-600)';
10676
10617
  return /*#__PURE__*/React__namespace.default.createElement("svg", {
10677
- width: width,
10678
- height: height,
10679
10618
  className: className,
10680
10619
  viewBox: "0 0 840 740",
10681
10620
  fill: "none",
@@ -10967,7 +10906,7 @@ var HeadGuideSvg = /*#__PURE__*/React.forwardRef(function (_a, ref) {
10967
10906
  }))));
10968
10907
  });
10969
10908
  HeadGuideSvg.displayName = 'HeadGuideSvg';
10970
- var PulsingHeadGuideContainer = styled__default.default.div(templateObject_1$k || (templateObject_1$k = __makeTemplateObject(["\n display: flex;\n position: relative;\n height: 100%;\n max-height: 100%;\n\n & > .idmSdkWaves {\n position: absolute;\n animation: ", " 2s ease-out infinite;\n transform-style: preserve-3d;\n\n &:nth-child(2) {\n animation-delay: 0.66s;\n }\n\n &:nth-child(3) {\n animation-delay: 1.33s;\n }\n }\n\n & > .idmSdkWavesOrigin {\n position: relative;\n }\n"], ["\n display: flex;\n position: relative;\n height: 100%;\n max-height: 100%;\n\n & > .idmSdkWaves {\n position: absolute;\n animation: ", " 2s ease-out infinite;\n transform-style: preserve-3d;\n\n &:nth-child(2) {\n animation-delay: 0.66s;\n }\n\n &:nth-child(3) {\n animation-delay: 1.33s;\n }\n }\n\n & > .idmSdkWavesOrigin {\n position: relative;\n }\n"])), wavesAnimation);
10909
+ var PulsingHeadGuideContainer = styled__default.default.div(templateObject_1$m || (templateObject_1$m = __makeTemplateObject(["\n display: flex;\n position: relative;\n height: 100%;\n max-height: 100%;\n\n & > .idmSdkWaves {\n position: absolute;\n animation: ", " 2s ease-out infinite;\n transform-style: preserve-3d;\n\n &:nth-child(2) {\n animation-delay: 0.66s;\n }\n\n &:nth-child(3) {\n animation-delay: 1.33s;\n }\n }\n\n & > .idmSdkWavesOrigin {\n position: relative;\n }\n"], ["\n display: flex;\n position: relative;\n height: 100%;\n max-height: 100%;\n\n & > .idmSdkWaves {\n position: absolute;\n animation: ", " 2s ease-out infinite;\n transform-style: preserve-3d;\n\n &:nth-child(2) {\n animation-delay: 0.66s;\n }\n\n &:nth-child(3) {\n animation-delay: 1.33s;\n }\n }\n\n & > .idmSdkWavesOrigin {\n position: relative;\n }\n"])), wavesAnimation);
10971
10910
  function HeadGuide(_a) {
10972
10911
  var _b;
10973
10912
  var _c = _a.status,
@@ -11017,7 +10956,7 @@ function HeadGuide(_a) {
11017
10956
  height: parentHeight
11018
10957
  })));
11019
10958
  }
11020
- var AbsoluteSvg = styled__default.default.svg(templateObject_2$i || (templateObject_2$i = __makeTemplateObject(["\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n"], ["\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n"])));
10959
+ var AbsoluteSvg = styled__default.default.svg(templateObject_2$j || (templateObject_2$j = __makeTemplateObject(["\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n"], ["\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n"])));
11021
10960
  var RelativeSvgContainer = styled__default.default.div(templateObject_3$e || (templateObject_3$e = __makeTemplateObject(["\n position: relative;\n height: 100%;\n display: flex;\n align-items: ", ";\n"], ["\n position: relative;\n height: 100%;\n display: flex;\n align-items: ", ";\n"])), function (props) {
11022
10961
  return props.$verticalAlign === 'bottom' ? 'flex-end' : 'center';
11023
10962
  });
@@ -11245,10 +11184,10 @@ function SelfieCaptureAnimatedMaskWithStatus(_a) {
11245
11184
  status: status
11246
11185
  }));
11247
11186
  }
11248
- var templateObject_1$k, templateObject_2$i, templateObject_3$e;
11187
+ var templateObject_1$m, templateObject_2$j, templateObject_3$e;
11249
11188
 
11250
- var FaceCaptureGuideContainer = styled__default.default.div(templateObject_1$j || (templateObject_1$j = __makeTemplateObject(["\n position: fixed;\n z-index: 1000;\n width: 100dvw;\n height: 100dvh;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 40px;\n box-sizing: border-box;\n"], ["\n position: fixed;\n z-index: 1000;\n width: 100dvw;\n height: 100dvh;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 40px;\n box-sizing: border-box;\n"])));
11251
- var FaceCaptureGuideInner = styled__default.default.div(templateObject_2$h || (templateObject_2$h = __makeTemplateObject(["\n position: relative;\n height: 60%;\n"], ["\n position: relative;\n height: 60%;\n"])));
11189
+ var FaceCaptureGuideContainer = styled__default.default.div(templateObject_1$l || (templateObject_1$l = __makeTemplateObject(["\n position: absolute;\n z-index: 1000;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 40px;\n box-sizing: border-box;\n"], ["\n position: absolute;\n z-index: 1000;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 40px;\n box-sizing: border-box;\n"])));
11190
+ var FaceCaptureGuideInner = styled__default.default.div(templateObject_2$i || (templateObject_2$i = __makeTemplateObject(["\n position: relative;\n height: 60%;\n"], ["\n position: relative;\n height: 60%;\n"])));
11252
11191
  var FaceCaptureGuideOverlay = function FaceCaptureGuideOverlay(_a) {
11253
11192
  var _b = _a.classNames,
11254
11193
  classNames = _b === void 0 ? {} : _b,
@@ -11270,7 +11209,7 @@ var FaceCaptureGuideOverlay = function FaceCaptureGuideOverlay(_a) {
11270
11209
  verticalAlign: "center"
11271
11210
  })));
11272
11211
  };
11273
- var templateObject_1$j, templateObject_2$h;
11212
+ var templateObject_1$l, templateObject_2$i;
11274
11213
 
11275
11214
  var SelfieGuidanceModelsContext = /*#__PURE__*/React.createContext({
11276
11215
  start: function start() {
@@ -11555,7 +11494,7 @@ var SelfieCaptureFallback = function SelfieCaptureFallback(_a) {
11555
11494
  src: image,
11556
11495
  alt: "",
11557
11496
  className: classNames.image
11558
- }))), /*#__PURE__*/React__namespace.default.createElement(StyledButtonsRow$7, {
11497
+ }))), /*#__PURE__*/React__namespace.default.createElement(StyledButtonsRow$6, {
11559
11498
  className: classNames.buttonsRow
11560
11499
  }, image && !loading && !isMobile() && ( /*#__PURE__*/React__namespace.default.createElement(LoaderButton, {
11561
11500
  className: classNames.retryCaptureBtn,
@@ -11590,12 +11529,12 @@ var SelfieCaptureFallback = function SelfieCaptureFallback(_a) {
11590
11529
  }
11591
11530
  }, !image ? invalidSelfie ? verbiage.retryButtonText : verbiage.captureBtnText : loading ? verbiage.doneBtnLoadingText : verbiage.doneBtnText)))));
11592
11531
  };
11593
- var StyledOverlayInner$1 = styled__default.default(OverlayInner$2)(templateObject_1$i || (templateObject_1$i = __makeTemplateObject(["\n justify-content: center;\n"], ["\n justify-content: center;\n"])));
11594
- var Heading$7 = styled__default.default.h3(templateObject_2$g || (templateObject_2$g = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
11532
+ var StyledOverlayInner$1 = styled__default.default(OverlayInner$2)(templateObject_1$k || (templateObject_1$k = __makeTemplateObject(["\n justify-content: center;\n"], ["\n justify-content: center;\n"])));
11533
+ var Heading$7 = styled__default.default.h3(templateObject_2$h || (templateObject_2$h = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
11595
11534
  var Description$2 = styled__default.default.p(templateObject_3$d || (templateObject_3$d = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
11596
11535
  var ImageContainer$6 = styled__default.default(OverlayImageContainer)(templateObject_4$8 || (templateObject_4$8 = __makeTemplateObject(["\n margin-top: 32px;\n"], ["\n margin-top: 32px;\n"])));
11597
- var StyledButtonsRow$7 = styled__default.default(ButtonsRow)(templateObject_5$4 || (templateObject_5$4 = __makeTemplateObject(["\n margin-top: 32px;\n"], ["\n margin-top: 32px;\n"])));
11598
- var templateObject_1$i, templateObject_2$g, templateObject_3$d, templateObject_4$8, templateObject_5$4;
11536
+ var StyledButtonsRow$6 = styled__default.default(ButtonsRow$2)(templateObject_5$4 || (templateObject_5$4 = __makeTemplateObject(["\n margin-top: 32px;\n"], ["\n margin-top: 32px;\n"])));
11537
+ var templateObject_1$k, templateObject_2$h, templateObject_3$d, templateObject_4$8, templateObject_5$4;
11599
11538
 
11600
11539
  var initialState$3 = {
11601
11540
  busy: false,
@@ -11623,7 +11562,7 @@ var reducer$3 = function reducer(state, action) {
11623
11562
  }
11624
11563
  };
11625
11564
  var SelfieCapture = function SelfieCapture(_a) {
11626
- var _b, _c, _d, _e, _f, _g;
11565
+ var _b, _c, _d, _e, _f;
11627
11566
  var onGuidanceSatisfied = _a.onGuidanceSatisfied,
11628
11567
  onGuidanceNotSatisfied = _a.onGuidanceNotSatisfied,
11629
11568
  onFaceDetected = _a.onFaceDetected,
@@ -11631,46 +11570,46 @@ var SelfieCapture = function SelfieCapture(_a) {
11631
11570
  onSelfieCaptured = _a.onSelfieCaptured,
11632
11571
  onTimeout = _a.onTimeout,
11633
11572
  onExit = _a.onExit,
11634
- _h = _a.timeoutDurationMs,
11635
- timeoutDurationMs = _h === void 0 ? 15000 : _h,
11573
+ _g = _a.timeoutDurationMs,
11574
+ timeoutDurationMs = _g === void 0 ? 15000 : _g,
11636
11575
  guidanceMessage = _a.guidanceMessage,
11637
11576
  guidanceSatisfied = _a.guidanceSatisfied,
11638
11577
  guidesComponent = _a.guidesComponent,
11639
- _j = _a.shouldCapture,
11640
- shouldCapture = _j === void 0 ? true : _j,
11641
- _k = _a.classNames,
11642
- classNames = _k === void 0 ? {} : _k,
11643
- _l = _a.colors,
11644
- colors = _l === void 0 ? {} : _l,
11645
- _m = _a.verbiage,
11646
- rawVerbiage = _m === void 0 ? {} : _m,
11647
- _o = _a.debugMode,
11648
- debugMode = _o === void 0 ? false : _o;
11649
- var _p = useResizeObserver(),
11650
- ref = _p.ref,
11651
- _q = _p.width,
11652
- width = _q === void 0 ? 1 : _q,
11653
- _r = _p.height,
11654
- height = _r === void 0 ? 1 : _r;
11655
- var _s = React.useReducer(reducer$3, initialState$3),
11656
- _t = _s[0],
11657
- busy = _t.busy,
11658
- prediction = _t.prediction,
11659
- dispatch = _s[1];
11578
+ _h = _a.shouldCapture,
11579
+ shouldCapture = _h === void 0 ? true : _h,
11580
+ _j = _a.classNames,
11581
+ classNames = _j === void 0 ? {} : _j,
11582
+ _k = _a.colors,
11583
+ colors = _k === void 0 ? {} : _k,
11584
+ _l = _a.verbiage,
11585
+ rawVerbiage = _l === void 0 ? {} : _l,
11586
+ _m = _a.debugMode,
11587
+ debugMode = _m === void 0 ? false : _m;
11588
+ var _o = useResizeObserver(),
11589
+ ref = _o.ref,
11590
+ _p = _o.width,
11591
+ width = _p === void 0 ? 1 : _p,
11592
+ _q = _o.height,
11593
+ height = _q === void 0 ? 1 : _q;
11594
+ var _r = React.useReducer(reducer$3, initialState$3),
11595
+ _s = _r[0],
11596
+ busy = _s.busy,
11597
+ prediction = _s.prediction,
11598
+ dispatch = _r[1];
11660
11599
  var lastPredictionCanvas = React.useRef(null);
11661
- var _u = useCameraStore(shallow.useShallow(function (state) {
11600
+ var _t = useCameraStore(shallow.useShallow(function (state) {
11662
11601
  return {
11663
11602
  camera: state.camera,
11664
11603
  cameraReady: state.cameraReady,
11665
11604
  videoRef: state.videoRef
11666
11605
  };
11667
11606
  })),
11668
- camera = _u.camera,
11669
- videoRef = _u.videoRef;
11670
- var _v = React.useContext(SelfieGuidanceModelsContext),
11671
- onPredictionMade = _v.onPredictionMade,
11672
- canvasRef = _v.canvasRef,
11673
- guidanceError = _v.error;
11607
+ camera = _t.camera,
11608
+ videoRef = _t.videoRef;
11609
+ var _u = React.useContext(SelfieGuidanceModelsContext),
11610
+ onPredictionMade = _u.onPredictionMade,
11611
+ canvasRef = _u.canvasRef,
11612
+ guidanceError = _u.error;
11674
11613
  onPredictionMade(useDebounce.useThrottledCallback(React.useCallback(function (prediction) {
11675
11614
  return __awaiter(void 0, void 0, void 0, function () {
11676
11615
  return __generator(this, function (_a) {
@@ -11715,9 +11654,9 @@ var SelfieCapture = function SelfieCapture(_a) {
11715
11654
  if (timer) clearTimeout(timer);
11716
11655
  };
11717
11656
  }, [onSelfieCaptureStarted, onSelfieCaptured, prediction]);
11718
- var _w = useTimeout(timeoutDurationMs, onTimeout),
11719
- timedOut = _w.timedOut,
11720
- timeoutStartedAt = _w.timeoutStartedAt;
11657
+ var _v = useTimeout(timeoutDurationMs, onTimeout),
11658
+ timedOut = _v.timedOut,
11659
+ timeoutStartedAt = _v.timeoutStartedAt;
11721
11660
  var debugScalingDetails = useDebugScalingDetails({
11722
11661
  enabled: debugMode,
11723
11662
  pageWidth: width,
@@ -11745,9 +11684,9 @@ var SelfieCapture = function SelfieCapture(_a) {
11745
11684
  });
11746
11685
  }
11747
11686
  var GuidesComponent = guidesComponent !== null && guidesComponent !== void 0 ? guidesComponent : FaceCaptureGuideOverlay;
11748
- return /*#__PURE__*/React__namespace.default.createElement(PageContainer, {
11687
+ return /*#__PURE__*/React__namespace.default.createElement(Container$2, {
11749
11688
  ref: ref,
11750
- className: "flex ".concat((_g = classNames.container) !== null && _g !== void 0 ? _g : '')
11689
+ className: classNames.container
11751
11690
  }, /*#__PURE__*/React__namespace.default.createElement(InvisibleCanvas, {
11752
11691
  ref: lastPredictionCanvas
11753
11692
  }), /*#__PURE__*/React__namespace.default.createElement(GuidesComponent, {
@@ -11767,6 +11706,8 @@ var SelfieCapture = function SelfieCapture(_a) {
11767
11706
  className: classNames.exitCaptureBtn
11768
11707
  }));
11769
11708
  };
11709
+ var Container$2 = styled__default.default.div(templateObject_1$j || (templateObject_1$j = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n"], ["\n width: 100%;\n height: 100%;\n"])));
11710
+ var templateObject_1$j;
11770
11711
 
11771
11712
  var initialState$2 = {
11772
11713
  frame: null,
@@ -12154,9 +12095,9 @@ var FaceLivenessSuccess = function FaceLivenessSuccess(_a) {
12154
12095
  finished: true
12155
12096
  }, verbiage.retryBtnText)))));
12156
12097
  };
12157
- var ImageContainer$5 = styled__default.default.div(templateObject_1$h || (templateObject_1$h = __makeTemplateObject(["\n position: relative;\n flex-grow: 1;\n margin-bottom: 25px;\n max-width: 100dvw;\n max-height: 100dvh;\n overflow-y: auto;\n border-radius: 12px;\n\n & > img,\n & > svg {\n width: 100%;\n max-width: 100%;\n margin: 0 auto;\n display: block;\n border-radius: 12px;\n }\n"], ["\n position: relative;\n flex-grow: 1;\n margin-bottom: 25px;\n max-width: 100dvw;\n max-height: 100dvh;\n overflow-y: auto;\n border-radius: 12px;\n\n & > img,\n & > svg {\n width: 100%;\n max-width: 100%;\n margin: 0 auto;\n display: block;\n border-radius: 12px;\n }\n"])));
12158
- var Heading$6 = styled__default.default.h3(templateObject_2$f || (templateObject_2$f = __makeTemplateObject(["\n font-size: 1.2rem;\n margin: 0;\n"], ["\n font-size: 1.2rem;\n margin: 0;\n"])));
12159
- var templateObject_1$h, templateObject_2$f;
12098
+ var ImageContainer$5 = styled__default.default.div(templateObject_1$i || (templateObject_1$i = __makeTemplateObject(["\n position: relative;\n flex-grow: 1;\n margin-bottom: 25px;\n max-width: 100%;\n max-height: 100%;\n overflow-y: auto;\n border-radius: 12px;\n\n & > img,\n & > svg {\n width: 100%;\n max-width: 100%;\n margin: 0 auto;\n display: block;\n border-radius: 12px;\n }\n"], ["\n position: relative;\n flex-grow: 1;\n margin-bottom: 25px;\n max-width: 100%;\n max-height: 100%;\n overflow-y: auto;\n border-radius: 12px;\n\n & > img,\n & > svg {\n width: 100%;\n max-width: 100%;\n margin: 0 auto;\n display: block;\n border-radius: 12px;\n }\n"])));
12099
+ var Heading$6 = styled__default.default.h3(templateObject_2$g || (templateObject_2$g = __makeTemplateObject(["\n font-size: 1.2rem;\n margin: 0;\n"], ["\n font-size: 1.2rem;\n margin: 0;\n"])));
12100
+ var templateObject_1$i, templateObject_2$g;
12160
12101
 
12161
12102
  var FaceLivenessFailure = function FaceLivenessFailure(_a) {
12162
12103
  var _b = _a.canRetry,
@@ -12205,9 +12146,9 @@ var FaceLivenessFailure = function FaceLivenessFailure(_a) {
12205
12146
  finished: true
12206
12147
  }, verbiage.exitBtnText)))));
12207
12148
  };
12208
- var ImageContainer$4 = styled__default.default(OverlayImageContainer)(templateObject_1$g || (templateObject_1$g = __makeTemplateObject(["\n max-height: calc(100vh - 185px);\n"], ["\n max-height: calc(100vh - 185px);\n"])));
12209
- var Heading$5 = styled__default.default.h3(templateObject_2$e || (templateObject_2$e = __makeTemplateObject(["\n margin-bottom: 36px;\n"], ["\n margin-bottom: 36px;\n"])));
12210
- var templateObject_1$g, templateObject_2$e;
12149
+ var ImageContainer$4 = styled__default.default(OverlayImageContainer)(templateObject_1$h || (templateObject_1$h = __makeTemplateObject(["\n max-height: calc(100vh - 185px);\n"], ["\n max-height: calc(100vh - 185px);\n"])));
12150
+ var Heading$5 = styled__default.default.h3(templateObject_2$f || (templateObject_2$f = __makeTemplateObject(["\n margin-bottom: 36px;\n"], ["\n margin-bottom: 36px;\n"])));
12151
+ var templateObject_1$h, templateObject_2$f;
12211
12152
 
12212
12153
  var MicrophoneAccessDeniedOverlay = function MicrophoneAccessDeniedOverlay(_a) {
12213
12154
  var _b;
@@ -12232,7 +12173,7 @@ var MicrophoneAccessDeniedOverlay = function MicrophoneAccessDeniedOverlay(_a) {
12232
12173
  className: "flex ".concat((_b = classNames.container) !== null && _b !== void 0 ? _b : '')
12233
12174
  }, /*#__PURE__*/React__namespace.default.createElement(StyledOverlayInner, {
12234
12175
  className: classNames.inner
12235
- }, /*#__PURE__*/React__namespace.default.createElement(StyledOverlayImageContainer$1, {
12176
+ }, /*#__PURE__*/React__namespace.default.createElement(StyledOverlayImageContainer, {
12236
12177
  className: classNames.imageContainer
12237
12178
  }, /*#__PURE__*/React__namespace.default.createElement("img", {
12238
12179
  src: assets.imageUrl,
@@ -12250,11 +12191,11 @@ var MicrophoneAccessDeniedOverlay = function MicrophoneAccessDeniedOverlay(_a) {
12250
12191
  finished: true
12251
12192
  }, verbiage.retryBtnText)));
12252
12193
  };
12253
- var StyledOverlayInner = 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"])));
12254
- var StyledOverlayImageContainer$1 = styled__default.default(OverlayImageContainer)(templateObject_2$d || (templateObject_2$d = __makeTemplateObject(["\n flex-grow: 0;\n"], ["\n flex-grow: 0;\n"])));
12194
+ var StyledOverlayInner = styled__default.default(OverlayInner$2)(templateObject_1$g || (templateObject_1$g = __makeTemplateObject(["\n max-width: 500px;\n height: auto;\n margin: auto;\n"], ["\n max-width: 500px;\n height: auto;\n margin: auto;\n"])));
12195
+ var StyledOverlayImageContainer = styled__default.default(OverlayImageContainer)(templateObject_2$e || (templateObject_2$e = __makeTemplateObject(["\n flex-grow: 0;\n"], ["\n flex-grow: 0;\n"])));
12255
12196
  var Description$1 = styled__default.default.p(templateObject_3$c || (templateObject_3$c = __makeTemplateObject(["\n line-height: 1.5;\n margin-bottom: 50px;\n"], ["\n line-height: 1.5;\n margin-bottom: 50px;\n"])));
12256
12197
  var RetryButton = styled__default.default(LoaderButton)(templateObject_4$7 || (templateObject_4$7 = __makeTemplateObject(["\n width: 200px;\n margin: 0 auto;\n"], ["\n width: 200px;\n margin: 0 auto;\n"])));
12257
- var templateObject_1$f, templateObject_2$d, templateObject_3$c, templateObject_4$7;
12198
+ var templateObject_1$g, templateObject_2$e, templateObject_3$c, templateObject_4$7;
12258
12199
 
12259
12200
  var SelfieCaptureLoadingOverlayLegacy = function SelfieCaptureLoadingOverlayLegacy(_a) {
12260
12201
  var onDismissed = _a.onDismissed,
@@ -12326,13 +12267,13 @@ var SelfieCaptureLoadingOverlayLegacy = function SelfieCaptureLoadingOverlayLega
12326
12267
  }, verbiage.headingText), onUserCancel && ( /*#__PURE__*/React__namespace.default.createElement(ExitCaptureButton, {
12327
12268
  onClick: onUserCancel,
12328
12269
  className: classNames.cancelBtn
12329
- })), /*#__PURE__*/React__namespace.default.createElement(StyledGuidanceMessage$1, null, verbiage.removeEyeCoveringsText, /*#__PURE__*/React__namespace.default.createElement("br", null), verbiage.avoidExcessiveBacklightingText), /*#__PURE__*/React__namespace.default.createElement(OverlayImageContainer, {
12270
+ })), /*#__PURE__*/React__namespace.default.createElement(StyledGuidanceMessage, null, verbiage.removeEyeCoveringsText, /*#__PURE__*/React__namespace.default.createElement("br", null), verbiage.avoidExcessiveBacklightingText), /*#__PURE__*/React__namespace.default.createElement(OverlayImageContainer, {
12330
12271
  className: classNames.imageContainer
12331
12272
  }, /*#__PURE__*/React__namespace.default.createElement("img", {
12332
12273
  className: classNames.image,
12333
12274
  alt: verbiage.headingText,
12334
12275
  src: assets.instructionImageUrl
12335
- })), /*#__PURE__*/React__namespace.default.createElement(StyledButtonsRow$6, {
12276
+ })), /*#__PURE__*/React__namespace.default.createElement(StyledButtonsRow$5, {
12336
12277
  className: classNames.buttonsRow
12337
12278
  }, /*#__PURE__*/React__namespace.default.createElement(LoaderButton, {
12338
12279
  variant: "positive",
@@ -12346,18 +12287,11 @@ var SelfieCaptureLoadingOverlayLegacy = function SelfieCaptureLoadingOverlayLega
12346
12287
  }
12347
12288
  }, ready ? verbiage.continueText : allModelsReady ? verbiage.cameraInitializingText : modelDownloadProgress >= 100 ? "".concat(verbiage.modelsWarmingUpText) : "".concat(verbiage.downloadingText, " (").concat(modelDownloadProgress, "%)")))));
12348
12289
  };
12349
- 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"])));
12350
- 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"])));
12351
- var templateObject_1$e, templateObject_2$c;
12290
+ var StyledGuidanceMessage = styled__default.default(GuidanceMessage)(templateObject_1$f || (templateObject_1$f = __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"])));
12291
+ var StyledButtonsRow$5 = styled__default.default(ButtonsRow$2)(templateObject_2$d || (templateObject_2$d = __makeTemplateObject(["\n flex-direction: column;\n padding-top: 25px;\n"], ["\n flex-direction: column;\n padding-top: 25px;\n"])));
12292
+ var templateObject_1$f, templateObject_2$d;
12352
12293
 
12353
12294
  var legacyInstructionImageUrl = "".concat(DEFAULT_CDN_URL, "/Selfie-Image-1.png");
12354
- var OverlayInner = styled__default.default.div(templateObject_1$d || (templateObject_1$d = __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) {
12355
- var _a, _b, _c, _d;
12356
- return (_d = (_c = (_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.selfieCapture) === null || _b === void 0 ? void 0 : _b.loadingOverlay) === null || _c === void 0 ? void 0 : _c.backgroundColor) !== null && _d !== void 0 ? _d : '#ecedf3';
12357
- }, function (props) {
12358
- var _a, _b, _c, _d;
12359
- return (_d = (_c = (_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.selfieCapture) === null || _b === void 0 ? void 0 : _b.loadingOverlay) === null || _c === void 0 ? void 0 : _c.textColor) !== null && _d !== void 0 ? _d : 'black';
12360
- });
12361
12295
  var SelfieCaptureLoadingOverlayDefault = function SelfieCaptureLoadingOverlayDefault(_a) {
12362
12296
  var onDismissed = _a.onDismissed,
12363
12297
  onUserCancel = _a.onUserCancel,
@@ -12440,11 +12374,11 @@ var SelfieCaptureLoadingOverlayDefault = function SelfieCaptureLoadingOverlayDef
12440
12374
  }, onUserCancel && ( /*#__PURE__*/React__namespace.default.createElement(ExitCaptureButton, {
12441
12375
  onClick: onUserCancel,
12442
12376
  className: classNames.cancelBtn
12443
- })), customOverlayContent || ( /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null, /*#__PURE__*/React__namespace.default.createElement(OverlayHeader, {
12377
+ })), customOverlayContent || ( /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null, /*#__PURE__*/React__namespace.default.createElement(LoadingOverlayHeader, {
12444
12378
  className: classNames.headingContainer
12445
- }, /*#__PURE__*/React__namespace.default.createElement(StyledGuidanceMessage, {
12379
+ }, /*#__PURE__*/React__namespace.default.createElement(LoadingOverlayGuidanceMessage, {
12446
12380
  className: classNames.heading
12447
- }, headingText)), /*#__PURE__*/React__namespace.default.createElement(StyledOverlayImageContainer, {
12381
+ }, headingText)), /*#__PURE__*/React__namespace.default.createElement(LoadingOverlayImageContainer, {
12448
12382
  className: classNames.imageContainer
12449
12383
  }, (assets === null || assets === void 0 ? void 0 : assets.instructionImageUrl) && assets.instructionImageUrl !== legacyInstructionImageUrl ? ( /*#__PURE__*/React__namespace.default.createElement(CustomLoadingGraphic, {
12450
12384
  className: classNames.image,
@@ -12452,32 +12386,32 @@ var SelfieCaptureLoadingOverlayDefault = function SelfieCaptureLoadingOverlayDef
12452
12386
  src: assets.instructionImageUrl
12453
12387
  })) : ( /*#__PURE__*/React__namespace.default.createElement(SelfieCaptureLoadingGraphic, {
12454
12388
  className: classNames.image
12455
- }))))), /*#__PURE__*/React__namespace.default.createElement(StyledButtonsRow$5, {
12389
+ }))))), /*#__PURE__*/React__namespace.default.createElement(ButtonsRow, {
12456
12390
  className: classNames.buttonsRow
12457
- }, /*#__PURE__*/React__namespace.default.createElement(ProgressContainer, {
12391
+ }, /*#__PURE__*/React__namespace.default.createElement(LoadingOverlayProgressContainer, {
12458
12392
  className: classNames.progressContainer
12459
12393
  }, /*#__PURE__*/React__namespace.default.createElement(ProgressBarBackground, {
12460
12394
  className: classNames.progressBackground
12461
- }), /*#__PURE__*/React__namespace.default.createElement(ProgressBar, {
12395
+ }), /*#__PURE__*/React__namespace.default.createElement(LoadingOverlayProgressBar, {
12462
12396
  "$progress": modelDownloadProgress,
12463
12397
  className: classNames.progressBar
12464
12398
  }, /*#__PURE__*/React__namespace.default.createElement(ProgressIndicator, {
12465
12399
  className: classNames.progressIndicator
12466
- }))), /*#__PURE__*/React__namespace.default.createElement(LoadingListContainer, {
12400
+ }))), /*#__PURE__*/React__namespace.default.createElement(LoadingOverlayLoadingListContainer, {
12467
12401
  className: classNames.loadingListContainer
12468
- }, /*#__PURE__*/React__namespace.default.createElement(LoadingList, {
12402
+ }, /*#__PURE__*/React__namespace.default.createElement(LoadingOverlayLoadingList, {
12469
12403
  className: classNames.loadingList
12470
- }, /*#__PURE__*/React__namespace.default.createElement(LoadingListItem, {
12404
+ }, /*#__PURE__*/React__namespace.default.createElement(LoadingOverlayLoadingListItem, {
12471
12405
  className: cn__default.default(classNames.loadingListItem, cameraReady ? 'done' : 'running')
12472
12406
  }, /*#__PURE__*/React__namespace.default.createElement(LoadingListItemIndicator, {
12473
12407
  className: classNames.loadingListItemIndicator,
12474
12408
  state: cameraReady ? 'done' : 'running'
12475
- }), cameraReady ? verbiage.cameraInitializedText : verbiage.cameraInitializingText), /*#__PURE__*/React__namespace.default.createElement(LoadingListItem, {
12409
+ }), cameraReady ? verbiage.cameraInitializedText : verbiage.cameraInitializingText), /*#__PURE__*/React__namespace.default.createElement(LoadingOverlayLoadingListItem, {
12476
12410
  className: cn__default.default(classNames.loadingListItem, sessionReady && allModelsReady ? 'done' : 'running')
12477
12411
  }, /*#__PURE__*/React__namespace.default.createElement(LoadingListItemIndicator, {
12478
12412
  className: classNames.loadingListItemIndicator,
12479
12413
  state: sessionReady && allModelsReady ? 'done' : 'running'
12480
- }), !sessionReady ? verbiage.sessionCheckingText : !allModelsReady ? verbiage.modelsReadyText : modelDownloadProgress >= 100 ? verbiage.modelsWarmingUpText : "".concat(verbiage.downloadingText, " (").concat(modelDownloadProgress, "%)")))), /*#__PURE__*/React__namespace.default.createElement(ContinueButtonContainer, {
12414
+ }), !sessionReady ? verbiage.sessionCheckingText : allModelsReady ? verbiage.modelsReadyText : modelDownloadProgress >= 100 ? verbiage.modelsWarmingUpText : "".concat(verbiage.downloadingText, " (").concat(modelDownloadProgress, "%)")))), /*#__PURE__*/React__namespace.default.createElement(ContinueButtonContainer, {
12481
12415
  className: classNames.continueBtnContainer
12482
12416
  }, ready && ( /*#__PURE__*/React__namespace.default.createElement(ContinueButton, {
12483
12417
  autoFocus: true,
@@ -12491,42 +12425,34 @@ var SelfieCaptureLoadingOverlayDefault = function SelfieCaptureLoadingOverlayDef
12491
12425
  }
12492
12426
  }, verbiage.continueText))))));
12493
12427
  };
12494
- var OverlayHeader = styled__default.default.div(templateObject_2$b || (templateObject_2$b = __makeTemplateObject(["\n text-align: ", ";\n display: flex;\n flex-direction: column;\n flex-wrap: nowrap;\n ", "\n padding-bottom: 0;\n"], ["\n text-align: ", ";\n display: flex;\n flex-direction: column;\n flex-wrap: nowrap;\n ", "\n padding-bottom: 0;\n"])), function (props) {
12495
- var _a;
12496
- return (_a = props.theme.textAlign) !== null && _a !== void 0 ? _a : 'center';
12428
+ var OverlayInner = styled__default.default(LoadingOverlayInner)(templateObject_1$e || (templateObject_1$e = __makeTemplateObject(["\n background: ", ";\n color: ", ";\n"], ["\n background: ", ";\n color: ", ";\n"])), function (props) {
12429
+ var _a, _b, _c, _d;
12430
+ return (_d = (_c = (_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.selfieCapture) === null || _b === void 0 ? void 0 : _b.loadingOverlay) === null || _c === void 0 ? void 0 : _c.backgroundColor) !== null && _d !== void 0 ? _d : '#ecedf3';
12497
12431
  }, function (props) {
12498
- return props.theme.padding ? "box-sizing: border-box; padding: ".concat(props.theme.padding, ";") : "";
12432
+ var _a, _b, _c, _d;
12433
+ return (_d = (_c = (_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.selfieCapture) === null || _b === void 0 ? void 0 : _b.loadingOverlay) === null || _c === void 0 ? void 0 : _c.textColor) !== null && _d !== void 0 ? _d : 'black';
12499
12434
  });
12500
- var StyledGuidanceMessage = styled__default.default(GuidanceMessage)(templateObject_3$b || (templateObject_3$b = __makeTemplateObject(["\n padding: 16px 24px;\n margin-top: 16px;\n font-size: 18px;\n font-weight: bold;\n background: white;\n box-shadow:\n 0 1px 3px 0 rgb(0 0 0 / 0.1),\n 0 1px 2px -1px rgb(0 0 0 / 0.1);\n"], ["\n padding: 16px 24px;\n margin-top: 16px;\n font-size: 18px;\n font-weight: bold;\n background: white;\n box-shadow:\n 0 1px 3px 0 rgb(0 0 0 / 0.1),\n 0 1px 2px -1px rgb(0 0 0 / 0.1);\n"])));
12501
- var StyledButtonsRow$5 = styled__default.default(ButtonsRow)(templateObject_4$6 || (templateObject_4$6 = __makeTemplateObject(["\n display: flex;\n flex-direction: row;\n padding: 15px 25px;\n height: 100px;\n color: ", ";\n ", "\n position: fixed;\n bottom: 0;\n left: 0;\n width: 100dvw;\n box-sizing: border-box;\n"], ["\n display: flex;\n flex-direction: row;\n padding: 15px 25px;\n height: 100px;\n color: ", ";\n ", "\n position: fixed;\n bottom: 0;\n left: 0;\n width: 100dvw;\n box-sizing: border-box;\n"])), function (props) {
12435
+ var ButtonsRow = styled__default.default(LoadingOverlayButtonsRow)(templateObject_2$c || (templateObject_2$c = __makeTemplateObject(["\n color: ", ";\n ", "\n"], ["\n color: ", ";\n ", "\n"])), function (props) {
12502
12436
  var _a, _b, _c, _d;
12503
12437
  return (_d = (_c = (_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.selfieCapture) === null || _b === void 0 ? void 0 : _b.loadingOverlay) === null || _c === void 0 ? void 0 : _c.progressBarTextColor) !== null && _d !== void 0 ? _d : 'white';
12504
12438
  }, function (props) {
12505
12439
  var _a, _b, _c, _d, _e, _f;
12506
12440
  return ((_c = (_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.selfieCapture) === null || _b === void 0 ? void 0 : _b.loadingOverlay) === null || _c === void 0 ? void 0 : _c.progressBarFontSize) ? "font-size: ".concat((_f = (_e = (_d = props.theme) === null || _d === void 0 ? void 0 : _d.selfieCapture) === null || _e === void 0 ? void 0 : _e.loadingOverlay) === null || _f === void 0 ? void 0 : _f.progressBarFontSize, ";") : '';
12507
12441
  });
12508
- var StyledOverlayImageContainer = styled__default.default(OverlayImageContainer)(templateObject_5$3 || (templateObject_5$3 = __makeTemplateObject(["\n padding: 0;\n\n & > svg {\n height: 100%;\n }\n"], ["\n padding: 0;\n\n & > svg {\n height: 100%;\n }\n"])));
12509
- var LoadingListContainer = styled__default.default.div(templateObject_6$3 || (templateObject_6$3 = __makeTemplateObject(["\n display: flex;\n position: relative;\n z-index: 2;\n"], ["\n display: flex;\n position: relative;\n z-index: 2;\n"])));
12510
- var LoadingList = styled__default.default.ul(templateObject_7$2 || (templateObject_7$2 = __makeTemplateObject(["\n display: block;\n margin: auto;\n list-style: none;\n padding: 0;\n"], ["\n display: block;\n margin: auto;\n list-style: none;\n padding: 0;\n"])));
12511
- var LoadingListItem = styled__default.default.li(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n display: inline-flex;\n justify-content: center;\n align-items: center;\n padding: 2px 1.25rem 2px 0;\n line-height: 1rem;\n"], ["\n display: inline-flex;\n justify-content: center;\n align-items: center;\n padding: 2px 1.25rem 2px 0;\n line-height: 1rem;\n"])));
12512
- var ProgressContainer = styled__default.default.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n"])));
12513
- var ProgressBarBackground = styled__default.default.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: ", ";\n opacity: ", ";\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: ", ";\n opacity: ", ";\n"])), function (props) {
12442
+ var ProgressBarBackground = styled__default.default(LoadingOverlayProgressBarBackground)(templateObject_3$b || (templateObject_3$b = __makeTemplateObject(["\n background: ", ";\n opacity: ", ";\n"], ["\n background: ", ";\n opacity: ", ";\n"])), function (props) {
12514
12443
  var _a, _b, _c, _d;
12515
12444
  return (_d = (_c = (_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.selfieCapture) === null || _b === void 0 ? void 0 : _b.loadingOverlay) === null || _c === void 0 ? void 0 : _c.progressBarBackgroundColor) !== null && _d !== void 0 ? _d : 'var(--idm-color-positive-600)';
12516
12445
  }, function (props) {
12517
12446
  var _a, _b, _c, _d;
12518
12447
  return (_d = (_c = (_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.selfieCapture) === null || _b === void 0 ? void 0 : _b.loadingOverlay) === null || _c === void 0 ? void 0 : _c.progressBarBackgroundOpacity) !== null && _d !== void 0 ? _d : 0.75;
12519
12448
  });
12520
- var ProgressBar = styled__default.default.span(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n display: block;\n width: ", "%;\n height: 100%;\n left: 0;\n position: absolute;\n"], ["\n display: block;\n width: ", "%;\n height: 100%;\n left: 0;\n position: absolute;\n"])), function (props) {
12521
- return props.$progress;
12522
- });
12523
- var ProgressIndicator = styled__default.default.span(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n display: block;\n height: 100%;\n background: ", ";\n animation: ", " 3s ease-in-out;\n animation-fill-mode: both;\n"], ["\n display: block;\n height: 100%;\n background: ", ";\n animation: ", " 3s ease-in-out;\n animation-fill-mode: both;\n"])), function (props) {
12449
+ var ProgressIndicator = styled__default.default(LoadingOverlayProgressIndicator)(templateObject_4$6 || (templateObject_4$6 = __makeTemplateObject(["\n background: ", ";\n"], ["\n background: ", ";\n"])), function (props) {
12524
12450
  var _a, _b, _c, _d;
12525
12451
  return (_d = (_c = (_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.selfieCapture) === null || _b === void 0 ? void 0 : _b.loadingOverlay) === null || _c === void 0 ? void 0 : _c.progressBarIndicatorColor) !== null && _d !== void 0 ? _d : 'var(--idm-color-positive-600)';
12526
- }, progressBarAnimation);
12527
- var CustomLoadingGraphic = styled__default.default.img(templateObject_13 || (templateObject_13 = __makeTemplateObject([""], [""])));
12528
- var ContinueButtonContainer = styled__default.default.div(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n display: flex;\n"], ["\n display: flex;\n"])));
12529
- var ContinueButton = styled__default.default(LoaderButton)(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n margin: auto;\n white-space: nowrap;\n ", "\n ", "\n \n &:focus-visible {\n ", "\n box-shadow: none;\n }\n"], ["\n margin: auto;\n white-space: nowrap;\n ", "\n ", "\n \n &:focus-visible {\n ", "\n box-shadow: none;\n }\n"])), function (props) {
12452
+ });
12453
+ var CustomLoadingGraphic = styled__default.default.img(templateObject_5$3 || (templateObject_5$3 = __makeTemplateObject(["\n transform-style: preserve-3d;\n"], ["\n transform-style: preserve-3d;\n"])));
12454
+ var ContinueButtonContainer = styled__default.default.div(templateObject_6$3 || (templateObject_6$3 = __makeTemplateObject(["\n display: flex;\n"], ["\n display: flex;\n"])));
12455
+ var ContinueButton = styled__default.default(LoaderButton)(templateObject_7$2 || (templateObject_7$2 = __makeTemplateObject(["\n margin: auto;\n white-space: nowrap;\n ", "\n ", "\n \n &:focus-visible {\n ", "\n box-shadow: none;\n }\n"], ["\n margin: auto;\n white-space: nowrap;\n ", "\n ", "\n \n &:focus-visible {\n ", "\n box-shadow: none;\n }\n"])), function (props) {
12530
12456
  var _a, _b, _c, _d, _e, _f;
12531
12457
  return ((_c = (_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.selfieCapture) === null || _b === void 0 ? void 0 : _b.loadingOverlay) === null || _c === void 0 ? void 0 : _c.progressBarFontSize) ? "font-size: ".concat((_f = (_e = (_d = props.theme) === null || _d === void 0 ? void 0 : _d.selfieCapture) === null || _e === void 0 ? void 0 : _e.loadingOverlay) === null || _f === void 0 ? void 0 : _f.progressBarFontSize, ";") : '';
12532
12458
  }, function (props) {
@@ -12536,7 +12462,7 @@ var ContinueButton = styled__default.default(LoaderButton)(templateObject_15 ||
12536
12462
  var _a, _b, _c, _d, _e, _f;
12537
12463
  return ((_c = (_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.selfieCapture) === 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.selfieCapture) === null || _e === void 0 ? void 0 : _e.loadingOverlay) === null || _f === void 0 ? void 0 : _f.continueBtnBorder, ";") : '';
12538
12464
  });
12539
- var templateObject_1$d, templateObject_2$b, templateObject_3$b, templateObject_4$6, templateObject_5$3, templateObject_6$3, templateObject_7$2, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15;
12465
+ var templateObject_1$e, templateObject_2$c, templateObject_3$b, templateObject_4$6, templateObject_5$3, templateObject_6$3, templateObject_7$2;
12540
12466
 
12541
12467
  var components = {
12542
12468
  "default": SelfieCaptureLoadingOverlayDefault,
@@ -12552,7 +12478,7 @@ var SelfieCaptureLoadingOverlay = function SelfieCaptureLoadingOverlay(_a) {
12552
12478
  };
12553
12479
 
12554
12480
  var FaceLivenessWizard = function FaceLivenessWizard(_a) {
12555
- var _b, _c, _d;
12481
+ var _b;
12556
12482
  var onComplete = _a.onComplete,
12557
12483
  onSuccess = _a.onSuccess,
12558
12484
  onFailure = _a.onFailure,
@@ -12562,70 +12488,70 @@ var FaceLivenessWizard = function FaceLivenessWizard(_a) {
12562
12488
  onExitAfterFailure = _a.onExitAfterFailure,
12563
12489
  onUserCancel = _a.onUserCancel,
12564
12490
  precapturedDocuments = _a.precapturedDocuments,
12565
- _e = _a.loadingOverlayMode,
12566
- loadingOverlayMode = _e === void 0 ? 'default' : _e,
12491
+ _c = _a.loadingOverlayMode,
12492
+ loadingOverlayMode = _c === void 0 ? 'default' : _c,
12567
12493
  customOverlayContent = _a.customOverlayContent,
12568
12494
  onLoadingOverlayDismissed = _a.onLoadingOverlayDismissed,
12569
- _f = _a.initialCaptureDelayMs,
12570
- initialCaptureDelayMs = _f === void 0 ? 1000 : _f,
12571
- _g = _a.timeoutDurationMs,
12572
- timeoutDurationMs = _g === void 0 ? 15000 : _g,
12573
- _h = _a.maxRetries,
12574
- maxRetries = _h === void 0 ? 2 : _h,
12575
- _j = _a.skipSuccessScreen,
12576
- skipSuccessScreen = _j === void 0 ? false : _j,
12577
- _k = _a.allowLivenessFailure,
12578
- allowLivenessFailure = _k === void 0 ? false : _k,
12579
- _l = _a.renderCameraFeed,
12580
- renderCameraFeed = _l === void 0 ? true : _l,
12581
- _m = _a.releaseCameraAccessOnExit,
12582
- releaseCameraAccessOnExit = _m === void 0 ? true : _m,
12583
- _o = _a.silentFallback,
12584
- silentFallback = _o === void 0 ? false : _o,
12585
- _p = _a.waitForIdCaptureModels,
12586
- waitForIdCaptureModels = _p === void 0 ? false : _p,
12495
+ _d = _a.initialCaptureDelayMs,
12496
+ initialCaptureDelayMs = _d === void 0 ? 1000 : _d,
12497
+ _e = _a.timeoutDurationMs,
12498
+ timeoutDurationMs = _e === void 0 ? 15000 : _e,
12499
+ _f = _a.maxRetries,
12500
+ maxRetries = _f === void 0 ? 2 : _f,
12501
+ _g = _a.skipSuccessScreen,
12502
+ skipSuccessScreen = _g === void 0 ? false : _g,
12503
+ _h = _a.allowLivenessFailure,
12504
+ allowLivenessFailure = _h === void 0 ? false : _h,
12505
+ _j = _a.renderCameraFeed,
12506
+ renderCameraFeed = _j === void 0 ? true : _j,
12507
+ _k = _a.releaseCameraAccessOnExit,
12508
+ releaseCameraAccessOnExit = _k === void 0 ? true : _k,
12509
+ _l = _a.silentFallback,
12510
+ silentFallback = _l === void 0 ? false : _l,
12511
+ _m = _a.waitForIdCaptureModels,
12512
+ waitForIdCaptureModels = _m === void 0 ? false : _m,
12587
12513
  guidesComponent = _a.guidesComponent,
12588
12514
  disableCapturePreview = _a.disableCapturePreview,
12589
- _q = _a.assets,
12590
- assets = _q === void 0 ? {} : _q,
12591
- _r = _a.classNames,
12592
- classNames = _r === void 0 ? {} : _r,
12593
- _s = _a.colors,
12594
- colors = _s === void 0 ? {} : _s,
12595
- _t = _a.verbiage,
12596
- verbiage = _t === void 0 ? {} : _t,
12597
- _u = _a.debugMode,
12598
- debugMode = _u === void 0 ? false : _u;
12599
- var _v = React.useContext(SubmissionContext),
12600
- submissionResponse = _v.submissionResponse,
12601
- livenessCheckRequest = _v.livenessCheckRequest,
12602
- setSelfieImage = _v.setSelfieImage,
12603
- logSelfieCaptureAttempt = _v.logSelfieCaptureAttempt;
12604
- var _w = useCameraStore(shallow.useShallow(function (state) {
12515
+ _o = _a.assets,
12516
+ assets = _o === void 0 ? {} : _o,
12517
+ _p = _a.classNames,
12518
+ classNames = _p === void 0 ? {} : _p,
12519
+ _q = _a.colors,
12520
+ colors = _q === void 0 ? {} : _q,
12521
+ _r = _a.verbiage,
12522
+ verbiage = _r === void 0 ? {} : _r,
12523
+ _s = _a.debugMode,
12524
+ debugMode = _s === void 0 ? false : _s;
12525
+ var _t = React.useContext(SubmissionContext),
12526
+ submissionResponse = _t.submissionResponse,
12527
+ livenessCheckRequest = _t.livenessCheckRequest,
12528
+ setSelfieImage = _t.setSelfieImage,
12529
+ logSelfieCaptureAttempt = _t.logSelfieCaptureAttempt;
12530
+ var _u = useCameraStore(shallow.useShallow(function (state) {
12605
12531
  return {
12606
12532
  cameraAccessDenied: state.cameraAccessDenied,
12607
12533
  requestCameraAccess: state.requestCameraAccess,
12608
12534
  releaseCameraAccess: state.releaseCameraAccess
12609
12535
  };
12610
12536
  })),
12611
- cameraAccessDenied = _w.cameraAccessDenied,
12612
- requestCameraAccess = _w.requestCameraAccess,
12613
- releaseCameraAccess = _w.releaseCameraAccess;
12614
- var _x = React.useState(''),
12615
- faceCropImageUrl = _x[0],
12616
- setFaceCropImageUrl = _x[1];
12617
- var _y = React.useState(0),
12618
- retryCount = _y[0],
12619
- setRetryCount = _y[1];
12620
- var _z = React.useState('LOADING'),
12621
- captureState = _z[0],
12622
- setCaptureState = _z[1];
12537
+ cameraAccessDenied = _u.cameraAccessDenied,
12538
+ requestCameraAccess = _u.requestCameraAccess,
12539
+ releaseCameraAccess = _u.releaseCameraAccess;
12540
+ var _v = React.useState(''),
12541
+ faceCropImageUrl = _v[0],
12542
+ setFaceCropImageUrl = _v[1];
12543
+ var _w = React.useState(0),
12544
+ retryCount = _w[0],
12545
+ setRetryCount = _w[1];
12546
+ var _x = React.useState('LOADING'),
12547
+ captureState = _x[0],
12548
+ setCaptureState = _x[1];
12623
12549
  var captureStartedAt = React.useRef();
12624
12550
  var operationStartedAt = React.useRef();
12625
12551
  var livenessScore = React.useRef();
12626
- var _0 = React.useContext(SelfieGuidanceModelsContext),
12627
- start = _0.start,
12628
- stop = _0.stop;
12552
+ var _y = React.useContext(SelfieGuidanceModelsContext),
12553
+ start = _y.start,
12554
+ stop = _y.stop;
12629
12555
  React.useEffect(function () {
12630
12556
  if (precapturedDocuments === null || precapturedDocuments === void 0 ? void 0 : precapturedDocuments.selfie) {
12631
12557
  setSelfieImage(precapturedDocuments.selfie.imageData);
@@ -12709,9 +12635,9 @@ var FaceLivenessWizard = function FaceLivenessWizard(_a) {
12709
12635
  }
12710
12636
  onDenied === null || onDenied === void 0 ? void 0 : onDenied(submissionResponse, livenessCheckRequest);
12711
12637
  }, [allowLivenessFailure, onDenied, submissionResponse, livenessCheckRequest]);
12712
- var _1 = React.useState(0),
12713
- attempt = _1[0],
12714
- setAttempt = _1[1];
12638
+ var _z = React.useState(0),
12639
+ attempt = _z[0],
12640
+ setAttempt = _z[1];
12715
12641
  var onExitCallback = React.useCallback(function () {
12716
12642
  setAttempt(function (n) {
12717
12643
  return n + 1;
@@ -12759,10 +12685,8 @@ var FaceLivenessWizard = function FaceLivenessWizard(_a) {
12759
12685
  }, [livenessCheckRequest, onExitAfterFailure, releaseCameraAccess, releaseCameraAccessOnExit, submissionResponse]);
12760
12686
  return /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null, /*#__PURE__*/React__namespace.default.createElement(InvisibleCanvas, {
12761
12687
  ref: resizeCanvas
12762
- }), /*#__PURE__*/React__namespace.default.createElement(PageContainer, {
12763
- className: "flex ".concat((_c = (_b = classNames.capture) === null || _b === void 0 ? void 0 : _b.container) !== null && _c !== void 0 ? _c : '')
12764
- }, renderCameraFeed && ( /*#__PURE__*/React__namespace.default.createElement(CameraVideoTag, {
12765
- className: (_d = classNames.capture) === null || _d === void 0 ? void 0 : _d.cameraFeed
12688
+ }), renderCameraFeed && ( /*#__PURE__*/React__namespace.default.createElement(CameraVideoTag, {
12689
+ className: (_b = classNames.capture) === null || _b === void 0 ? void 0 : _b.cameraFeed
12766
12690
  })), captureState !== 'LOADING' && function () {
12767
12691
  switch (captureState) {
12768
12692
  case 'CAPTURING':
@@ -12812,7 +12736,7 @@ var FaceLivenessWizard = function FaceLivenessWizard(_a) {
12812
12736
  default:
12813
12737
  return null;
12814
12738
  }
12815
- }()), /*#__PURE__*/React__namespace.default.createElement(SelfieCaptureLoadingOverlay, {
12739
+ }(), /*#__PURE__*/React__namespace.default.createElement(SelfieCaptureLoadingOverlay, {
12816
12740
  key: attempt,
12817
12741
  mode: loadingOverlayMode,
12818
12742
  customOverlayContent: customOverlayContent,
@@ -12939,11 +12863,11 @@ var AdditionalDocumentCapture = function AdditionalDocumentCapture(_a) {
12939
12863
  }
12940
12864
  }, verbiage.captureBtnText)))));
12941
12865
  };
12942
- var Inner$2 = styled__default.default(OverlayInner$2)(templateObject_1$c || (templateObject_1$c = __makeTemplateObject(["\n justify-content: center;\n"], ["\n justify-content: center;\n"])));
12943
- var Heading$4 = styled__default.default.h3(templateObject_2$a || (templateObject_2$a = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
12866
+ var Inner$2 = styled__default.default(OverlayInner$2)(templateObject_1$d || (templateObject_1$d = __makeTemplateObject(["\n justify-content: center;\n"], ["\n justify-content: center;\n"])));
12867
+ var Heading$4 = styled__default.default.h3(templateObject_2$b || (templateObject_2$b = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
12944
12868
  var Description = styled__default.default.p(templateObject_3$a || (templateObject_3$a = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
12945
- var StyledButtonsRow$4 = styled__default.default(ButtonsRow)(templateObject_4$5 || (templateObject_4$5 = __makeTemplateObject(["\n margin-top: 32px;\n"], ["\n margin-top: 32px;\n"])));
12946
- var templateObject_1$c, templateObject_2$a, templateObject_3$a, templateObject_4$5;
12869
+ var StyledButtonsRow$4 = styled__default.default(ButtonsRow$2)(templateObject_4$5 || (templateObject_4$5 = __makeTemplateObject(["\n margin-top: 32px;\n"], ["\n margin-top: 32px;\n"])));
12870
+ var templateObject_1$d, templateObject_2$b, templateObject_3$a, templateObject_4$5;
12947
12871
 
12948
12872
  var AdditionalDocumentCaptureWizard = function AdditionalDocumentCaptureWizard(_a) {
12949
12873
  var documents = _a.documents,
@@ -13093,7 +13017,7 @@ function convertSVGtoImg(svgData_1) {
13093
13017
  });
13094
13018
  }
13095
13019
 
13096
- var SignaturePaperBacking = styled__default.default.div(templateObject_1$b || (templateObject_1$b = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n ", "\n ", "\n ", "\n"], ["\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n ", "\n ", "\n ", "\n"])), function (props) {
13020
+ var SignaturePaperBacking = styled__default.default.div(templateObject_1$c || (templateObject_1$c = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n ", "\n ", "\n ", "\n"], ["\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n ", "\n ", "\n ", "\n"])), function (props) {
13097
13021
  var _a, _b;
13098
13022
  return ((_a = props.theme.signatureCapture) === null || _a === void 0 ? void 0 : _a.background) ? "background: ".concat((_b = props.theme.signatureCapture) === null || _b === void 0 ? void 0 : _b.background, ";") : "";
13099
13023
  }, function (props) {
@@ -13103,7 +13027,7 @@ var SignaturePaperBacking = styled__default.default.div(templateObject_1$b || (t
13103
13027
  var _a, _b;
13104
13028
  return ((_a = props.theme.signatureCapture) === null || _a === void 0 ? void 0 : _a.backgroundPosition) ? "background-position: ".concat((_b = props.theme.signatureCapture) === null || _b === void 0 ? void 0 : _b.backgroundPosition, ";") : "";
13105
13029
  });
13106
- var SignatureCanvasContainer$1 = styled__default.default.div(templateObject_2$9 || (templateObject_2$9 = __makeTemplateObject(["\n position: absolute;\n top: 25%;\n left: 15%;\n width: 70%;\n height: 50%;\n\n @media (max-width: 800px) {\n top: 15%;\n left: 2%;\n width: 96%;\n height: 70%;\n }\n"], ["\n position: absolute;\n top: 25%;\n left: 15%;\n width: 70%;\n height: 50%;\n\n @media (max-width: 800px) {\n top: 15%;\n left: 2%;\n width: 96%;\n height: 70%;\n }\n"])));
13030
+ var SignatureCanvasContainer$1 = styled__default.default.div(templateObject_2$a || (templateObject_2$a = __makeTemplateObject(["\n position: absolute;\n top: 25%;\n left: 15%;\n width: 70%;\n height: 50%;\n\n @media (max-width: 800px) {\n top: 15%;\n left: 2%;\n width: 96%;\n height: 70%;\n }\n"], ["\n position: absolute;\n top: 25%;\n left: 15%;\n width: 70%;\n height: 50%;\n\n @media (max-width: 800px) {\n top: 15%;\n left: 2%;\n width: 96%;\n height: 70%;\n }\n"])));
13107
13031
  var SignaturePad = styled__default.default.div(templateObject_3$9 || (templateObject_3$9 = __makeTemplateObject(["\n position: relative;\n background: ", ";\n border: ", ";\n border-radius: ", ";\n flex-grow: 1;\n z-index: 100;\n height: 100%;\n"], ["\n position: relative;\n background: ", ";\n border: ", ";\n border-radius: ", ";\n flex-grow: 1;\n z-index: 100;\n height: 100%;\n"])), function (props) {
13108
13032
  var _a, _b, _c;
13109
13033
  return (_c = (_b = (_a = props.theme.signatureCapture) === null || _a === void 0 ? void 0 : _a.canvas) === null || _b === void 0 ? void 0 : _b.background) !== null && _c !== void 0 ? _c : 'rgba(255, 255, 255, 0.5)';
@@ -13114,8 +13038,35 @@ var SignaturePad = styled__default.default.div(templateObject_3$9 || (templateOb
13114
13038
  var _a, _b, _c;
13115
13039
  return (_c = (_b = (_a = props.theme.signatureCapture) === null || _a === void 0 ? void 0 : _a.canvas) === null || _b === void 0 ? void 0 : _b.borderRadius) !== null && _c !== void 0 ? _c : '16px';
13116
13040
  });
13117
- var SignatureButtonsContainer = styled__default.default(ButtonsRow)(templateObject_4$4 || (templateObject_4$4 = __makeTemplateObject(["\n flex-grow: 0;\n padding-top: 12px;\n display: flex;\n z-index: 1000;\n position: relative;\n"], ["\n flex-grow: 0;\n padding-top: 12px;\n display: flex;\n z-index: 1000;\n position: relative;\n"])));
13118
- var templateObject_1$b, templateObject_2$9, templateObject_3$9, templateObject_4$4;
13041
+ var SignatureButtonsContainer = styled__default.default(ButtonsRow$2)(templateObject_4$4 || (templateObject_4$4 = __makeTemplateObject(["\n flex-grow: 0;\n padding-top: 12px;\n display: flex;\n z-index: 1000;\n position: relative;\n"], ["\n flex-grow: 0;\n padding-top: 12px;\n display: flex;\n z-index: 1000;\n position: relative;\n"])));
13042
+ var templateObject_1$c, templateObject_2$a, templateObject_3$9, templateObject_4$4;
13043
+
13044
+ var SdkPage = /*#__PURE__*/React.forwardRef(function (_a, ref) {
13045
+ var children = _a.children,
13046
+ className = _a.className,
13047
+ _b = _a.heightOffset,
13048
+ heightOffset = _b === void 0 ? 0 : _b,
13049
+ style = _a.style,
13050
+ onClick = _a.onClick;
13051
+ var theme = styled.useTheme();
13052
+ return /*#__PURE__*/React__namespace.default.createElement(SdkPageOuter, {
13053
+ ref: ref,
13054
+ style: style,
13055
+ onClick: onClick,
13056
+ className: className,
13057
+ "$heightOffset": heightOffset
13058
+ }, theme.header && /*#__PURE__*/React__namespace.default.createElement(theme.header, null), /*#__PURE__*/React__namespace.default.createElement(SdkPageInner, null, children), theme.footer && /*#__PURE__*/React__namespace.default.createElement(theme.footer, null));
13059
+ });
13060
+ SdkPage.displayName = 'SdkPage';
13061
+ var SdkPageOuter = styled__default.default.div.attrs({
13062
+ className: 'sdk-page-outer'
13063
+ })(templateObject_1$b || (templateObject_1$b = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n overflow: hidden;\n\n ", "\n\n ", "\n"], ["\n display: flex;\n flex-direction: column;\n overflow: hidden;\n\n ", "\n\n ", "\n"])), function (props) {
13064
+ return props.theme.fontFamily ? "font-family: ".concat(props.theme.fontFamily, ";") : "";
13065
+ }, function (props) {
13066
+ return props.theme.isFullscreen === false ? "" : "\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n ";
13067
+ });
13068
+ var SdkPageInner = styled__default.default.div(templateObject_2$9 || (templateObject_2$9 = __makeTemplateObject(["\n flex: 1;\n position: relative;\n overflow: hidden;\n"], ["\n flex: 1;\n position: relative;\n overflow: hidden;\n"])));
13069
+ var templateObject_1$b, templateObject_2$9;
13119
13070
 
13120
13071
  var SignatureCapture = function SignatureCapture(_a) {
13121
13072
  var onAccept = _a.onAccept,
@@ -13150,7 +13101,7 @@ var SignatureCapture = function SignatureCapture(_a) {
13150
13101
  });
13151
13102
  });
13152
13103
  }
13153
- return /*#__PURE__*/React__namespace.default.createElement(PageContainer, {
13104
+ return /*#__PURE__*/React__namespace.default.createElement(SdkPage, {
13154
13105
  className: classNames.container
13155
13106
  }, /*#__PURE__*/React__namespace.default.createElement(SignaturePaperBacking, {
13156
13107
  className: classNames.inner
@@ -13657,7 +13608,7 @@ function VideoSignatureGuides(_a) {
13657
13608
  finished: true
13658
13609
  }, verbiage.acceptSignatureBtnText))))));
13659
13610
  }
13660
- var Container$1 = styled__default.default.div(templateObject_1$9 || (templateObject_1$9 = __makeTemplateObject(["\n display: flex;\n max-height: 100%;\n position: absolute;\n z-index: 1000;\n width: 100dvw;\n height: 100dvh;\n font-family: ", ";\n box-sizing: border-box;\n overflow: hidden;\n padding: 40px;\n"], ["\n display: flex;\n max-height: 100%;\n position: absolute;\n z-index: 1000;\n width: 100dvw;\n height: 100dvh;\n font-family: ", ";\n box-sizing: border-box;\n overflow: hidden;\n padding: 40px;\n"])), function (props) {
13611
+ var Container$1 = styled__default.default.div(templateObject_1$9 || (templateObject_1$9 = __makeTemplateObject(["\n display: flex;\n max-height: 100%;\n position: absolute;\n z-index: 1000;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n font-family: ", ";\n box-sizing: border-box;\n overflow: hidden;\n padding: 40px;\n"], ["\n display: flex;\n max-height: 100%;\n position: absolute;\n z-index: 1000;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n font-family: ", ";\n box-sizing: border-box;\n overflow: hidden;\n padding: 40px;\n"])), function (props) {
13661
13612
  var _a;
13662
13613
  return (_a = props.theme) === null || _a === void 0 ? void 0 : _a.fontFamily;
13663
13614
  });
@@ -13673,35 +13624,34 @@ var templateObject_1$9, templateObject_2$8, templateObject_3$8, templateObject_4
13673
13624
 
13674
13625
  var DEFAULT_MIN_SIGNATURE_PAD_POINTS = 10;
13675
13626
  var VideoSignatureCapture = function VideoSignatureCapture(_a) {
13676
- var _b;
13677
13627
  var onVideoCaptured = _a.onVideoCaptured,
13678
13628
  onFaceNotDetected = _a.onFaceNotDetected,
13679
13629
  onExit = _a.onExit,
13680
- _c = _a.restartVideoOnSignaturePadCleared,
13681
- restartVideoOnSignaturePadCleared = _c === void 0 ? true : _c,
13630
+ _b = _a.restartVideoOnSignaturePadCleared,
13631
+ restartVideoOnSignaturePadCleared = _b === void 0 ? true : _b,
13682
13632
  guidesComponent = _a.guidesComponent,
13683
- _d = _a.minSignaturePadPoints,
13684
- minSignaturePadPoints = _d === void 0 ? DEFAULT_MIN_SIGNATURE_PAD_POINTS : _d,
13685
- _e = _a.classNames,
13686
- classNames = _e === void 0 ? {} : _e,
13687
- _f = _a.colors,
13688
- colors = _f === void 0 ? {} : _f,
13689
- _g = _a.verbiage,
13690
- rawVerbiage = _g === void 0 ? {} : _g,
13691
- _h = _a.debugMode,
13692
- debugMode = _h === void 0 ? false : _h;
13633
+ _c = _a.minSignaturePadPoints,
13634
+ minSignaturePadPoints = _c === void 0 ? DEFAULT_MIN_SIGNATURE_PAD_POINTS : _c,
13635
+ _d = _a.classNames,
13636
+ classNames = _d === void 0 ? {} : _d,
13637
+ _e = _a.colors,
13638
+ colors = _e === void 0 ? {} : _e,
13639
+ _f = _a.verbiage,
13640
+ rawVerbiage = _f === void 0 ? {} : _f,
13641
+ _g = _a.debugMode,
13642
+ debugMode = _g === void 0 ? false : _g;
13693
13643
  var camera = useCameraStore(function (state) {
13694
13644
  return state.camera;
13695
13645
  });
13696
13646
  var onPredictionMade = React.useContext(SelfieGuidanceModelsContext).onPredictionMade;
13697
- var _j = useVideoSignatureContext(),
13698
- signatureData = _j.signatureData,
13699
- signatureDataUrl = _j.signatureDataUrl,
13700
- signatureVideoData = _j.signatureVideoData,
13701
- startRecording = _j.startRecording,
13702
- stopRecording = _j.stopRecording,
13703
- clearRecordedData = _j.clearRecordedData,
13704
- isRecording = _j.isRecording;
13647
+ var _h = useVideoSignatureContext(),
13648
+ signatureData = _h.signatureData,
13649
+ signatureDataUrl = _h.signatureDataUrl,
13650
+ signatureVideoData = _h.signatureVideoData,
13651
+ startRecording = _h.startRecording,
13652
+ stopRecording = _h.stopRecording,
13653
+ clearRecordedData = _h.clearRecordedData,
13654
+ isRecording = _h.isRecording;
13705
13655
  React.useEffect(function () {
13706
13656
  startRecording();
13707
13657
  return stopRecording;
@@ -13716,9 +13666,9 @@ var VideoSignatureCapture = function VideoSignatureCapture(_a) {
13716
13666
  onVideoCaptured === null || onVideoCaptured === void 0 ? void 0 : onVideoCaptured(signatureVideoData, signatureData, signatureDataUrl);
13717
13667
  }
13718
13668
  }, [onVideoCaptured, signatureData, signatureDataUrl, signatureVideoData]);
13719
- var _k = React.useState(0),
13720
- numFramesWithoutFaces = _k[0],
13721
- setNumFramesWithoutFaces = _k[1];
13669
+ var _j = React.useState(0),
13670
+ numFramesWithoutFaces = _j[0],
13671
+ setNumFramesWithoutFaces = _j[1];
13722
13672
  React.useEffect(function () {
13723
13673
  onPredictionMade(function (_a) {
13724
13674
  var face = _a.face;
@@ -13733,8 +13683,8 @@ var VideoSignatureCapture = function VideoSignatureCapture(_a) {
13733
13683
  }
13734
13684
  }, [numFramesWithoutFaces, onFaceNotDetected]);
13735
13685
  var GuidesComponent = guidesComponent !== null && guidesComponent !== void 0 ? guidesComponent : VideoSignatureGuides;
13736
- return /*#__PURE__*/React__namespace.default.createElement(PageContainer, {
13737
- className: "flex ".concat((_b = classNames.container) !== null && _b !== void 0 ? _b : '')
13686
+ return /*#__PURE__*/React__namespace.default.createElement("div", {
13687
+ className: classNames.container
13738
13688
  }, verbiage.guidanceMessageText && ( /*#__PURE__*/React__namespace.default.createElement(GuidanceMessageContainer, {
13739
13689
  "$top": "10vh",
13740
13690
  className: classNames.guidanceMessageContainer
@@ -13792,7 +13742,7 @@ var VideoSignatureSuccess = function VideoSignatureSuccess(_a) {
13792
13742
  style: {
13793
13743
  display: 'none'
13794
13744
  }
13795
- })), /*#__PURE__*/React__namespace.default.createElement(ButtonsRow, {
13745
+ })), /*#__PURE__*/React__namespace.default.createElement(ButtonsRow$2, {
13796
13746
  className: classNames.buttonsRow
13797
13747
  }, /*#__PURE__*/React__namespace.default.createElement(LoaderButton, {
13798
13748
  variant: "warning",
@@ -13812,57 +13762,56 @@ var StyledVideo$1 = styled__default.default.video(templateObject_1$8 || (templat
13812
13762
  var templateObject_1$8;
13813
13763
 
13814
13764
  var VideoSignatureWizard = function VideoSignatureWizard(_a) {
13815
- var _b;
13816
13765
  var onComplete = _a.onComplete,
13817
13766
  onVideoCaptured = _a.onVideoCaptured,
13818
13767
  onRetryClicked = _a.onRetryClicked,
13819
13768
  onExitCapture = _a.onExitCapture,
13820
13769
  onUserCancel = _a.onUserCancel,
13821
13770
  onLoadingOverlayDismissed = _a.onLoadingOverlayDismissed,
13822
- _c = _a.loadingOverlayMode,
13823
- loadingOverlayMode = _c === void 0 ? 'default' : _c,
13771
+ _b = _a.loadingOverlayMode,
13772
+ loadingOverlayMode = _b === void 0 ? 'default' : _b,
13824
13773
  customOverlayContent = _a.customOverlayContent,
13825
- _d = _a.skipSuccessScreen,
13826
- skipSuccessScreen = _d === void 0 ? false : _d,
13827
- _e = _a.captureAudio,
13828
- captureAudio = _e === void 0 ? false : _e,
13829
- _f = _a.minSignaturePadPoints,
13830
- minSignaturePadPoints = _f === void 0 ? DEFAULT_MIN_SIGNATURE_PAD_POINTS : _f,
13831
- _g = _a.allowSignatureAfterLivenessCheckFailure,
13832
- allowSignatureAfterLivenessCheckFailure = _g === void 0 ? false : _g,
13833
- _h = _a.restartVideoOnSignaturePadCleared,
13834
- restartVideoOnSignaturePadCleared = _h === void 0 ? true : _h,
13774
+ _c = _a.skipSuccessScreen,
13775
+ skipSuccessScreen = _c === void 0 ? false : _c,
13776
+ _d = _a.captureAudio,
13777
+ captureAudio = _d === void 0 ? false : _d,
13778
+ _e = _a.minSignaturePadPoints,
13779
+ minSignaturePadPoints = _e === void 0 ? DEFAULT_MIN_SIGNATURE_PAD_POINTS : _e,
13780
+ _f = _a.allowSignatureAfterLivenessCheckFailure,
13781
+ allowSignatureAfterLivenessCheckFailure = _f === void 0 ? false : _f,
13782
+ _g = _a.restartVideoOnSignaturePadCleared,
13783
+ restartVideoOnSignaturePadCleared = _g === void 0 ? true : _g,
13835
13784
  faceLivenessProps = _a.faceLivenessProps,
13836
- _j = _a.assets,
13837
- assets = _j === void 0 ? {} : _j,
13838
- _k = _a.classNames,
13839
- classNames = _k === void 0 ? {} : _k,
13840
- _l = _a.colors,
13841
- colors = _l === void 0 ? {} : _l,
13842
- _m = _a.verbiage,
13843
- verbiage = _m === void 0 ? {} : _m,
13844
- _o = _a.debugMode,
13845
- debugMode = _o === void 0 ? false : _o;
13846
- var _p = React.useContext(SubmissionContext),
13847
- selfieImage = _p.selfieImage,
13848
- setSelfieImage = _p.setSelfieImage,
13849
- setSignatureData = _p.setSignatureData,
13850
- setSignatureVideoUrl = _p.setSignatureVideoUrl,
13851
- logSelfieCaptureAttempt = _p.logSelfieCaptureAttempt;
13785
+ _h = _a.assets,
13786
+ assets = _h === void 0 ? {} : _h,
13787
+ _j = _a.classNames,
13788
+ classNames = _j === void 0 ? {} : _j,
13789
+ _k = _a.colors,
13790
+ colors = _k === void 0 ? {} : _k,
13791
+ _l = _a.verbiage,
13792
+ verbiage = _l === void 0 ? {} : _l,
13793
+ _m = _a.debugMode,
13794
+ debugMode = _m === void 0 ? false : _m;
13795
+ var _o = React.useContext(SubmissionContext),
13796
+ selfieImage = _o.selfieImage,
13797
+ setSelfieImage = _o.setSelfieImage,
13798
+ setSignatureData = _o.setSignatureData,
13799
+ setSignatureVideoUrl = _o.setSignatureVideoUrl,
13800
+ logSelfieCaptureAttempt = _o.logSelfieCaptureAttempt;
13852
13801
  var cameraAccessDenied = useCameraStore(shallow.useShallow(function (state) {
13853
13802
  return {
13854
13803
  cameraAccessDenied: state.cameraAccessDenied
13855
13804
  };
13856
13805
  })).cameraAccessDenied;
13857
- var _q = React.useState('CHECKING_LIVENESS'),
13858
- captureState = _q[0],
13859
- setCaptureState = _q[1];
13806
+ var _p = React.useState('CHECKING_LIVENESS'),
13807
+ captureState = _p[0],
13808
+ setCaptureState = _p[1];
13860
13809
  var operationStartedAt = React.useRef();
13861
13810
  var captureStartedAt = React.useRef();
13862
13811
  var captureEndedAt = React.useRef();
13863
- var _r = React.useContext(SelfieGuidanceModelsContext),
13864
- start = _r.start,
13865
- stop = _r.stop;
13812
+ var _q = React.useContext(SelfieGuidanceModelsContext),
13813
+ start = _q.start,
13814
+ stop = _q.stop;
13866
13815
  React.useEffect(function () {
13867
13816
  operationStartedAt.current = new Date();
13868
13817
  }, []);
@@ -13898,9 +13847,9 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
13898
13847
  setSelfieImage(selfieFromRequest);
13899
13848
  }
13900
13849
  }, [logCaptureMetadata, onFaceLivenessSuccessProp, selfieImage, setSelfieImage]);
13901
- var _s = React.useState(null),
13902
- signatureImageUrl = _s[0],
13903
- setSignatureImageUrl = _s[1];
13850
+ var _r = React.useState(null),
13851
+ signatureImageUrl = _r[0],
13852
+ setSignatureImageUrl = _r[1];
13904
13853
  var onSignatureCaptureCompleted = React.useCallback(function (videoData, signatureData, signatureImageData) {
13905
13854
  setSignatureData(signatureData);
13906
13855
  setSignatureVideoUrl(URL.createObjectURL(videoData));
@@ -13911,9 +13860,9 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
13911
13860
  var onSignatureCaptureFacesNotDetected = React.useCallback(function () {
13912
13861
  setCaptureState('CHECKING_LIVENESS');
13913
13862
  }, []);
13914
- var _t = React.useState(0),
13915
- attempt = _t[0],
13916
- setAttempt = _t[1];
13863
+ var _s = React.useState(0),
13864
+ attempt = _s[0],
13865
+ setAttempt = _s[1];
13917
13866
  var onRetry = React.useCallback(function () {
13918
13867
  onRetryClicked === null || onRetryClicked === void 0 ? void 0 : onRetryClicked();
13919
13868
  setAttempt(function (n) {
@@ -13950,8 +13899,6 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
13950
13899
  }, [faceLivenessOnLoadingOverlayDismissed, onLoadingOverlayDismissed]);
13951
13900
  return /*#__PURE__*/React__namespace.default.createElement(VideoSignatureContextProvider, {
13952
13901
  captureAudio: captureAudio
13953
- }, /*#__PURE__*/React__namespace.default.createElement(PageContainer, {
13954
- className: "flex ".concat((_b = classNames === null || classNames === void 0 ? void 0 : classNames.container) !== null && _b !== void 0 ? _b : '')
13955
13902
  }, /*#__PURE__*/React__namespace.default.createElement(CameraVideoTag, {
13956
13903
  className: classNames.cameraFeed
13957
13904
  }), function () {
@@ -14001,7 +13948,7 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
14001
13948
  default:
14002
13949
  return null;
14003
13950
  }
14004
- }()));
13951
+ }());
14005
13952
  };
14006
13953
  function VideoSignatureWizardGuides(_a) {
14007
13954
  var status = _a.status,
@@ -14167,7 +14114,7 @@ var IdVideoCaptureGuides = function IdVideoCaptureGuides(_a) {
14167
14114
  "$background": (_y = (_x = theme.idVideoCapture) === null || _x === void 0 ? void 0 : _x.idCardGuides) === null || _y === void 0 ? void 0 : _y.instructionsBackgroundColor
14168
14115
  }, instructionText))))));
14169
14116
  };
14170
- var Container = styled__default.default.div(templateObject_1$7 || (templateObject_1$7 = __makeTemplateObject(["\n display: flex;\n max-height: 100%;\n position: absolute;\n z-index: 1000;\n width: 100dvw;\n height: 100dvh;\n font-family: ", ";\n box-sizing: border-box;\n overflow: hidden;\n padding: 40px;\n"], ["\n display: flex;\n max-height: 100%;\n position: absolute;\n z-index: 1000;\n width: 100dvw;\n height: 100dvh;\n font-family: ", ";\n box-sizing: border-box;\n overflow: hidden;\n padding: 40px;\n"])), function (props) {
14117
+ var Container = styled__default.default.div(templateObject_1$7 || (templateObject_1$7 = __makeTemplateObject(["\n display: flex;\n max-height: 100%;\n position: absolute;\n z-index: 1000;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n font-family: ", ";\n box-sizing: border-box;\n overflow: hidden;\n padding: 40px;\n"], ["\n display: flex;\n max-height: 100%;\n position: absolute;\n z-index: 1000;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n font-family: ", ";\n box-sizing: border-box;\n overflow: hidden;\n padding: 40px;\n"])), function (props) {
14171
14118
  var _a;
14172
14119
  return (_a = props.theme) === null || _a === void 0 ? void 0 : _a.fontFamily;
14173
14120
  });
@@ -14175,7 +14122,7 @@ var Inner = styled__default.default.div(templateObject_2$7 || (templateObject_2$
14175
14122
  var FaceGuideContainer = styled__default.default.div(templateObject_3$7 || (templateObject_3$7 = __makeTemplateObject(["\n position: relative;\n height: 65%;\n"], ["\n position: relative;\n height: 65%;\n"])));
14176
14123
  var IdCardGuideContainer = styled__default.default.div(templateObject_4$2 || (templateObject_4$2 = __makeTemplateObject(["\n display: flex;\n flex-flow: column nowrap;\n margin: 0 auto;\n position: relative;\n max-width: 100%;\n height: 35%;\n"], ["\n display: flex;\n flex-flow: column nowrap;\n margin: 0 auto;\n position: relative;\n max-width: 100%;\n height: 35%;\n"])));
14177
14124
  var IdCardGuideInner = styled__default.default.div(templateObject_5$1 || (templateObject_5$1 = __makeTemplateObject(["\n position: relative;\n height: 100%;\n width: 100%;\n"], ["\n position: relative;\n height: 100%;\n width: 100%;\n"])));
14178
- var IdCardGuideInstructionsContainer = styled__default.default.div(templateObject_6$1 || (templateObject_6$1 = __makeTemplateObject(["\n width: 100%;\n text-align: center;\n color: white;\n display: flex;\n flex-direction: column;\n justify-content: end;\n padding: 0 40px;\n position: fixed;\n bottom: 14px;\n left: 0;\n right: 0;\n box-sizing: border-box;\n"], ["\n width: 100%;\n text-align: center;\n color: white;\n display: flex;\n flex-direction: column;\n justify-content: end;\n padding: 0 40px;\n position: fixed;\n bottom: 14px;\n left: 0;\n right: 0;\n box-sizing: border-box;\n"])));
14125
+ var IdCardGuideInstructionsContainer = styled__default.default.div(templateObject_6$1 || (templateObject_6$1 = __makeTemplateObject(["\n width: 100%;\n text-align: center;\n color: white;\n display: flex;\n flex-direction: column;\n justify-content: end;\n padding: 0 40px;\n position: absolute;\n bottom: 14px;\n left: 0;\n right: 0;\n box-sizing: border-box;\n"], ["\n width: 100%;\n text-align: center;\n color: white;\n display: flex;\n flex-direction: column;\n justify-content: end;\n padding: 0 40px;\n position: absolute;\n bottom: 14px;\n left: 0;\n right: 0;\n box-sizing: border-box;\n"])));
14179
14126
  var IdCardGuideInstructions = styled__default.default(GuidanceMessage)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n align-content: center;\n margin: 12px auto;\n padding: 8px 12px;\n font-weight: bold;\n font-size: 18px;\n"], ["\n align-content: center;\n margin: 12px auto;\n padding: 8px 12px;\n font-weight: bold;\n font-size: 18px;\n"])));
14180
14127
  var templateObject_1$7, templateObject_2$7, templateObject_3$7, templateObject_4$2, templateObject_5$1, templateObject_6$1, templateObject_7;
14181
14128
 
@@ -14267,7 +14214,7 @@ var ReadTextPromptText = styled__default.default.div(templateObject_3$6 || (temp
14267
14214
  var _a, _b, _c, _d, _e, _f;
14268
14215
  return ((_c = (_b = (_a = props.theme.idVideoCapture) === null || _a === void 0 ? void 0 : _a.readTextPrompt) === null || _b === void 0 ? void 0 : _b.prompt) === null || _c === void 0 ? void 0 : _c.borderRadius) ? "border-radius: ".concat((_f = (_e = (_d = props.theme.idVideoCapture) === null || _d === void 0 ? void 0 : _d.readTextPrompt) === null || _e === void 0 ? void 0 : _e.prompt) === null || _f === void 0 ? void 0 : _f.borderRadius, ";") : "";
14269
14216
  });
14270
- var ReadTextPromptButtonsRow = styled__default.default(ButtonsRow)(templateObject_4$1 || (templateObject_4$1 = __makeTemplateObject(["\n margin: 32px auto auto;\n gap: 20px;\n"], ["\n margin: 32px auto auto;\n gap: 20px;\n"])));
14217
+ var ReadTextPromptButtonsRow = styled__default.default(ButtonsRow$2)(templateObject_4$1 || (templateObject_4$1 = __makeTemplateObject(["\n margin: 32px auto auto;\n gap: 20px;\n"], ["\n margin: 32px auto auto;\n gap: 20px;\n"])));
14271
14218
  var ReadTextPromptTimeRemaining = styled__default.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n padding: 20px;\n\n ", ";\n ", ";\n ", ";\n"], ["\n padding: 20px;\n\n ", ";\n ", ";\n ", ";\n"])), function (props) {
14272
14219
  var _a, _b, _c, _d, _e, _f;
14273
14220
  return ((_c = (_b = (_a = props.theme.idVideoCapture) === null || _a === void 0 ? void 0 : _a.readTextPrompt) === null || _b === void 0 ? void 0 : _b.timeRemaining) === null || _c === void 0 ? void 0 : _c.backgroundColor) ? "background: ".concat((_f = (_e = (_d = props.theme.idVideoCapture) === null || _d === void 0 ? void 0 : _d.readTextPrompt) === null || _e === void 0 ? void 0 : _e.timeRemaining) === null || _f === void 0 ? void 0 : _f.backgroundColor, ";") : "";
@@ -14316,103 +14263,103 @@ var defaultVideoIdCaptureThresholds = {
14316
14263
  flipShortcutThreshold: 0.7
14317
14264
  };
14318
14265
  var IdVideoCapture = function IdVideoCapture(_a) {
14319
- var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v;
14266
+ var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u;
14320
14267
  var onComplete = _a.onComplete,
14321
14268
  onIdFrontImageCaptured = _a.onIdFrontImageCaptured,
14322
14269
  onIdBackImageCaptured = _a.onIdBackImageCaptured,
14323
14270
  onFaceNotDetected = _a.onFaceNotDetected,
14324
14271
  onRecordingFailed = _a.onRecordingFailed,
14325
14272
  onExitCapture = _a.onExitCapture,
14326
- _w = _a.idCaptureModelsEnabled,
14327
- idCaptureModelsEnabled = _w === void 0 ? true : _w,
14328
- _x = _a.idDocumentType,
14329
- idDocumentType = _x === void 0 ? 'idCard' : _x,
14330
- _y = _a.idCaptureGuideImages,
14331
- idCaptureGuideImages = _y === void 0 ? defaultIdCaptureGuideImages : _y,
14332
- _z = _a.idCardFrontDelay,
14333
- idCardFrontDelay = _z === void 0 ? 1000 : _z,
14334
- _0 = _a.videoIdCaptureThresholds,
14335
- videoIdCaptureThresholds = _0 === void 0 ? defaultVideoIdCaptureThresholds : _0,
14336
- _1 = _a.skipShowIdCardBack,
14337
- skipShowIdCardBack = _1 === void 0 ? false : _1,
14338
- _2 = _a.captureCountdownSeconds,
14339
- captureCountdownSeconds = _2 === void 0 ? 3 : _2,
14273
+ _v = _a.idCaptureModelsEnabled,
14274
+ idCaptureModelsEnabled = _v === void 0 ? true : _v,
14275
+ _w = _a.idDocumentType,
14276
+ idDocumentType = _w === void 0 ? 'idCard' : _w,
14277
+ _x = _a.idCaptureGuideImages,
14278
+ idCaptureGuideImages = _x === void 0 ? defaultIdCaptureGuideImages : _x,
14279
+ _y = _a.idCardFrontDelay,
14280
+ idCardFrontDelay = _y === void 0 ? 1000 : _y,
14281
+ _z = _a.videoIdCaptureThresholds,
14282
+ videoIdCaptureThresholds = _z === void 0 ? defaultVideoIdCaptureThresholds : _z,
14283
+ _0 = _a.skipShowIdCardBack,
14284
+ skipShowIdCardBack = _0 === void 0 ? false : _0,
14285
+ _1 = _a.captureCountdownSeconds,
14286
+ captureCountdownSeconds = _1 === void 0 ? 3 : _1,
14340
14287
  readTextPrompt = _a.readTextPrompt,
14341
- _3 = _a.readTextTimeoutDurationMs,
14342
- readTextTimeoutDurationMs = _3 === void 0 ? 15000 : _3,
14343
- _4 = _a.readTextMinReadingMs,
14344
- readTextMinReadingMs = _4 === void 0 ? 10000 : _4,
14345
- _5 = _a.disableFaceDetectionWhileAudioCapture,
14346
- disableFaceDetectionWhileAudioCapture = _5 === void 0 ? false : _5,
14347
- _6 = _a.disableFaceDetectionWhileAudioCaptureMsDelay,
14348
- disableFaceDetectionWhileAudioCaptureMsDelay = _6 === void 0 ? 2000 : _6,
14349
- _7 = _a.mergeAVStreams,
14350
- mergeAVStreams = _7 === void 0 ? false : _7,
14351
- _8 = _a.classNames,
14352
- classNames = _8 === void 0 ? {} : _8,
14353
- _9 = _a.colors,
14354
- colors = _9 === void 0 ? {} : _9,
14355
- _10 = _a.verbiage,
14356
- rawVerbiage = _10 === void 0 ? {} : _10,
14357
- _11 = _a.debugMode,
14358
- debugMode = _11 === void 0 ? false : _11;
14359
- var _12 = useResizeObserver(),
14360
- ref = _12.ref,
14361
- _13 = _12.width,
14362
- width = _13 === void 0 ? 1 : _13,
14363
- _14 = _12.height,
14364
- height = _14 === void 0 ? 1 : _14;
14365
- var _15 = useCameraStore(),
14366
- camera = _15.camera,
14367
- videoRef = _15.videoRef,
14368
- videoLoaded = _15.videoLoaded,
14369
- cameraReady = _15.cameraReady,
14370
- microphoneReady = _15.microphoneReady,
14371
- audioStream = _15.audioStream,
14372
- isRearFacing = _15.isRearFacing,
14373
- releaseCameraAccess = _15.releaseCameraAccess;
14374
- var _16 = React.useState([]),
14375
- detectedObjects = _16[0],
14376
- setDetectedObjects = _16[1];
14377
- var _17 = React.useState(null),
14378
- face = _17[0],
14379
- setFace = _17[1];
14380
- var _18 = React.useContext(IdCaptureModelsContext),
14381
- idModelsReady = _18.ready,
14382
- startIdModels = _18.start,
14383
- stopIdModels = _18.stop,
14384
- onIdPredictionMade = _18.onPredictionMade,
14385
- setThresholds = _18.setThresholds,
14386
- setRequiredDocumentType = _18.setRequiredDocumentType,
14387
- setDocumentDetectionBoundaries = _18.setDocumentDetectionBoundaries,
14388
- bestFrameDetails = _18.bestFrameDetails,
14389
- resetBestFrame = _18.resetBestFrame,
14390
- idModelError = _18.modelError;
14391
- var _19 = React.useState(null),
14392
- videoStartsAt = _19[0],
14393
- setVideoStartsAt = _19[1];
14394
- var _20 = React.useContext(SubmissionContext),
14395
- setIdCaptureVideoAudioStartsAt = _20.setIdCaptureVideoAudioStartsAt,
14396
- setExpectedAudioText = _20.setExpectedAudioText;
14397
- var _21 = React.useContext(SelfieGuidanceModelsContext),
14398
- startSelfieGuidance = _21.start,
14399
- stopSelfieGuidance = _21.stop,
14400
- onSelfiePredictionMade = _21.onPredictionMade,
14401
- selfieModelError = _21.error;
14402
- var _22 = useVideoRecorder(camera, audioStream, mergeAVStreams),
14403
- isRecordingVideo = _22.isRecordingVideo,
14404
- startRecordingVideo = _22.startRecordingVideo,
14405
- startRecordingAudio = _22.startRecordingAudio,
14406
- stopRecordingVideo = _22.stopRecordingVideo,
14407
- stopRecordingAudio = _22.stopRecordingAudio,
14408
- videoRecordingUnintentionallyStopped = _22.videoRecordingUnintentionallyStopped,
14409
- audioRecordingUnintentionallyStopped = _22.audioRecordingUnintentionallyStopped,
14410
- videoUrl = _22.videoUrl,
14411
- audioUrl = _22.audioUrl;
14288
+ _2 = _a.readTextTimeoutDurationMs,
14289
+ readTextTimeoutDurationMs = _2 === void 0 ? 15000 : _2,
14290
+ _3 = _a.readTextMinReadingMs,
14291
+ readTextMinReadingMs = _3 === void 0 ? 10000 : _3,
14292
+ _4 = _a.disableFaceDetectionWhileAudioCapture,
14293
+ disableFaceDetectionWhileAudioCapture = _4 === void 0 ? false : _4,
14294
+ _5 = _a.disableFaceDetectionWhileAudioCaptureMsDelay,
14295
+ disableFaceDetectionWhileAudioCaptureMsDelay = _5 === void 0 ? 2000 : _5,
14296
+ _6 = _a.mergeAVStreams,
14297
+ mergeAVStreams = _6 === void 0 ? false : _6,
14298
+ _7 = _a.classNames,
14299
+ classNames = _7 === void 0 ? {} : _7,
14300
+ _8 = _a.colors,
14301
+ colors = _8 === void 0 ? {} : _8,
14302
+ _9 = _a.verbiage,
14303
+ rawVerbiage = _9 === void 0 ? {} : _9,
14304
+ _10 = _a.debugMode,
14305
+ debugMode = _10 === void 0 ? false : _10;
14306
+ var _11 = useResizeObserver(),
14307
+ ref = _11.ref,
14308
+ _12 = _11.width,
14309
+ width = _12 === void 0 ? 1 : _12,
14310
+ _13 = _11.height,
14311
+ height = _13 === void 0 ? 1 : _13;
14312
+ var _14 = useCameraStore(),
14313
+ camera = _14.camera,
14314
+ videoRef = _14.videoRef,
14315
+ videoLoaded = _14.videoLoaded,
14316
+ cameraReady = _14.cameraReady,
14317
+ microphoneReady = _14.microphoneReady,
14318
+ audioStream = _14.audioStream,
14319
+ isRearFacing = _14.isRearFacing,
14320
+ releaseCameraAccess = _14.releaseCameraAccess;
14321
+ var _15 = React.useState([]),
14322
+ detectedObjects = _15[0],
14323
+ setDetectedObjects = _15[1];
14324
+ var _16 = React.useState(null),
14325
+ face = _16[0],
14326
+ setFace = _16[1];
14327
+ var _17 = React.useContext(IdCaptureModelsContext),
14328
+ idModelsReady = _17.ready,
14329
+ startIdModels = _17.start,
14330
+ stopIdModels = _17.stop,
14331
+ onIdPredictionMade = _17.onPredictionMade,
14332
+ setThresholds = _17.setThresholds,
14333
+ setRequiredDocumentType = _17.setRequiredDocumentType,
14334
+ setDocumentDetectionBoundaries = _17.setDocumentDetectionBoundaries,
14335
+ bestFrameDetails = _17.bestFrameDetails,
14336
+ resetBestFrame = _17.resetBestFrame,
14337
+ idModelError = _17.modelError;
14338
+ var _18 = React.useState(null),
14339
+ videoStartsAt = _18[0],
14340
+ setVideoStartsAt = _18[1];
14341
+ var _19 = React.useContext(SubmissionContext),
14342
+ setIdCaptureVideoAudioStartsAt = _19.setIdCaptureVideoAudioStartsAt,
14343
+ setExpectedAudioText = _19.setExpectedAudioText;
14344
+ var _20 = React.useContext(SelfieGuidanceModelsContext),
14345
+ startSelfieGuidance = _20.start,
14346
+ stopSelfieGuidance = _20.stop,
14347
+ onSelfiePredictionMade = _20.onPredictionMade,
14348
+ selfieModelError = _20.error;
14349
+ var _21 = useVideoRecorder(camera, audioStream, mergeAVStreams),
14350
+ isRecordingVideo = _21.isRecordingVideo,
14351
+ startRecordingVideo = _21.startRecordingVideo,
14352
+ startRecordingAudio = _21.startRecordingAudio,
14353
+ stopRecordingVideo = _21.stopRecordingVideo,
14354
+ stopRecordingAudio = _21.stopRecordingAudio,
14355
+ videoRecordingUnintentionallyStopped = _21.videoRecordingUnintentionallyStopped,
14356
+ audioRecordingUnintentionallyStopped = _21.audioRecordingUnintentionallyStopped,
14357
+ videoUrl = _21.videoUrl,
14358
+ audioUrl = _21.audioUrl;
14412
14359
  var countdownTimeoutRef = React.useRef(undefined);
14413
- var _23 = React.useState(-1),
14414
- countdownRemaining = _23[0],
14415
- setCountdownRemaining = _23[1];
14360
+ var _22 = React.useState(-1),
14361
+ countdownRemaining = _22[0],
14362
+ setCountdownRemaining = _22[1];
14416
14363
  React.useEffect(function () {
14417
14364
  if (!isRecordingVideo && !videoUrl) {
14418
14365
  startRecordingVideo();
@@ -14432,9 +14379,9 @@ var IdVideoCapture = function IdVideoCapture(_a) {
14432
14379
  onRecordingFailed === null || onRecordingFailed === void 0 ? void 0 : onRecordingFailed();
14433
14380
  }
14434
14381
  }, [audioRecordingUnintentionallyStopped, microphoneReady, onRecordingFailed, readTextPrompt, videoRecordingUnintentionallyStopped]);
14435
- var _24 = React.useState(idDocumentType === 'idCard' ? 'SHOW_ID_FRONT' : 'SHOW_PASSPORT'),
14436
- requestedAction = _24[0],
14437
- setRequestedAction = _24[1];
14382
+ var _23 = React.useState(idDocumentType === 'idCard' ? 'SHOW_ID_FRONT' : 'SHOW_PASSPORT'),
14383
+ requestedAction = _23[0],
14384
+ setRequestedAction = _23[1];
14438
14385
  var shouldRunIdModels = idCaptureModelsEnabled && videoLoaded && cameraReady && idModelsReady && !idModelError && requestedAction !== 'READ_TEXT' && (!readTextPrompt || microphoneReady);
14439
14386
  React.useEffect(function startModelsWhenCapturing() {
14440
14387
  if (!shouldRunIdModels) return;
@@ -14473,23 +14420,23 @@ var IdVideoCapture = function IdVideoCapture(_a) {
14473
14420
  bottom: 0
14474
14421
  });
14475
14422
  }, [setDocumentDetectionBoundaries]);
14476
- var _25 = React.useState(0),
14477
- currentDetectionScore = _25[0],
14478
- setCurrentDetectionScore = _25[1];
14479
- var _26 = React.useState('none'),
14480
- currentDetectedDocumentType = _26[0],
14481
- setCurrentDetectedDocumentType = _26[1];
14423
+ var _24 = React.useState(0),
14424
+ currentDetectionScore = _24[0],
14425
+ setCurrentDetectionScore = _24[1];
14426
+ var _25 = React.useState('none'),
14427
+ currentDetectedDocumentType = _25[0],
14428
+ setCurrentDetectedDocumentType = _25[1];
14429
+ var _26 = React.useState(0),
14430
+ currentFocusScore = _26[0],
14431
+ setCurrentFocusScore = _26[1];
14482
14432
  var _27 = React.useState(0),
14483
- currentFocusScore = _27[0],
14484
- setCurrentFocusScore = _27[1];
14485
- var _28 = React.useState(0),
14486
- goodFramesCount = _28[0],
14487
- setGoodFramesCount = _28[1];
14433
+ goodFramesCount = _27[0],
14434
+ setGoodFramesCount = _27[1];
14488
14435
  var goodFramesThreshold = requestedAction === 'SHOW_PASSPORT' ? adjustedThresholds.goodFrames.passport : requestedAction === 'SHOW_ID_FRONT' ? adjustedThresholds.goodFrames.idCardFront : adjustedThresholds.goodFrames.idCardBack;
14489
14436
  var goodFramesThresholdMet = goodFramesCount >= goodFramesThreshold;
14490
- var _29 = React.useState(false),
14491
- isSinglePage = _29[0],
14492
- setIsSinglePage = _29[1];
14437
+ var _28 = React.useState(false),
14438
+ isSinglePage = _28[0],
14439
+ setIsSinglePage = _28[1];
14493
14440
  React.useEffect(function () {
14494
14441
  if (!idCaptureModelsEnabled || idModelError) return;
14495
14442
  onIdPredictionMade(function (prediction) {
@@ -14509,9 +14456,9 @@ var IdVideoCapture = function IdVideoCapture(_a) {
14509
14456
  } : 0);
14510
14457
  });
14511
14458
  }, [idCaptureModelsEnabled, onIdPredictionMade, idModelError, requestedAction, adjustedThresholds.flipShortcutThreshold]);
14512
- var _30 = React.useState(null),
14513
- idFrontCaptureStartedAt = _30[0],
14514
- setFirstGoodFrameTime = _30[1];
14459
+ var _29 = React.useState(null),
14460
+ idFrontCaptureStartedAt = _29[0],
14461
+ setFirstGoodFrameTime = _29[1];
14515
14462
  React.useEffect(function () {
14516
14463
  if (goodFramesCount === 1) setFirstGoodFrameTime(new Date().getTime());
14517
14464
  }, [goodFramesCount]);
@@ -14532,9 +14479,9 @@ var IdVideoCapture = function IdVideoCapture(_a) {
14532
14479
  var frameHeight = (_e = (_d = videoRef.current) === null || _d === void 0 ? void 0 : _d.videoHeight) !== null && _e !== void 0 ? _e : 0;
14533
14480
  var faceBox = face === null || face === void 0 ? void 0 : face.box;
14534
14481
  var faceCentered = !faceBox || !frameWidth || faceBox.xMin > frameWidth * edgeBoundary && faceBox.yMin > frameHeight * edgeBoundary && faceBox.xMax < frameWidth * (1 - edgeBoundary) && faceBox.yMax < frameHeight * (1 - edgeBoundary);
14535
- var _31 = React.useState(),
14536
- countdownStartedAt = _31[0],
14537
- setCountdownStartedAt = _31[1];
14482
+ var _30 = React.useState(),
14483
+ countdownStartedAt = _30[0],
14484
+ setCountdownStartedAt = _30[1];
14538
14485
  var photoCanvas = React.useRef(null);
14539
14486
  var frameLock = React.useRef(false);
14540
14487
  var captureFrame = React.useCallback(function () {
@@ -14644,9 +14591,9 @@ var IdVideoCapture = function IdVideoCapture(_a) {
14644
14591
  stopSelfieGuidance();
14645
14592
  };
14646
14593
  }, [startSelfieGuidance, stopSelfieGuidance]);
14647
- var _32 = React.useState(0),
14648
- numFramesWithoutFaces = _32[0],
14649
- setNumFramesWithoutFaces = _32[1];
14594
+ var _31 = React.useState(0),
14595
+ numFramesWithoutFaces = _31[0],
14596
+ setNumFramesWithoutFaces = _31[1];
14650
14597
  onSelfiePredictionMade(useDebounce.useThrottledCallback(React.useCallback(function (_a) {
14651
14598
  var face = _a.face;
14652
14599
  if (selfieModelError) return;
@@ -14662,12 +14609,12 @@ var IdVideoCapture = function IdVideoCapture(_a) {
14662
14609
  }
14663
14610
  }, [disableFaceDetectionWhileAudioCapture, disableFaceDetectionWhileAudioCaptureMsDelay, numFramesWithoutFaces, onFaceNotDetected, timeoutStartedAt]);
14664
14611
  var theme = styled.useTheme();
14665
- var _33 = useTranslations(rawVerbiage, {
14612
+ var _32 = useTranslations(rawVerbiage, {
14666
14613
  faceNotCenteredText: 'Please move your face to the center...',
14667
14614
  captureBtnText: 'Capture'
14668
14615
  }),
14669
- captureBtnText = _33.captureBtnText,
14670
- faceNotCenteredText = _33.faceNotCenteredText;
14616
+ captureBtnText = _32.captureBtnText,
14617
+ faceNotCenteredText = _32.faceNotCenteredText;
14671
14618
  var debugScalingDetails = useDebugScalingDetails({
14672
14619
  enabled: debugMode,
14673
14620
  pageWidth: width,
@@ -14677,9 +14624,9 @@ var IdVideoCapture = function IdVideoCapture(_a) {
14677
14624
  });
14678
14625
  var capturingId = ['SHOW_ID_FRONT', 'SHOW_ID_BACK', 'SHOW_PASSPORT'].includes(requestedAction);
14679
14626
  var guidanceText = !faceCentered ? faceNotCenteredText : undefined;
14680
- return /*#__PURE__*/React__namespace.default.createElement(PageContainer, {
14627
+ return /*#__PURE__*/React__namespace.default.createElement(SdkPage, {
14681
14628
  ref: ref,
14682
- className: "flex ".concat((_k = classNames.container) !== null && _k !== void 0 ? _k : '')
14629
+ className: classNames.container
14683
14630
  }, /*#__PURE__*/React__namespace.default.createElement(InvisibleCanvas, {
14684
14631
  ref: photoCanvas
14685
14632
  }), requestedAction === 'READ_TEXT' ? ( /*#__PURE__*/React__namespace.default.createElement(ReadTextPrompt, {
@@ -14718,9 +14665,9 @@ var IdVideoCapture = function IdVideoCapture(_a) {
14718
14665
  className: classNames.guidanceMessageContainer
14719
14666
  }, /*#__PURE__*/React__namespace.default.createElement(GuidanceMessage, {
14720
14667
  className: classNames.guidanceMessage,
14721
- "$background": (_o = (_m = (_l = theme.guidanceMessages) === null || _l === void 0 ? void 0 : _l.negative) === null || _m === void 0 ? void 0 : _m.backgroundColor) !== null && _o !== void 0 ? _o : 'red',
14722
- "$textColor": (_r = (_q = (_p = theme.guidanceMessages) === null || _p === void 0 ? void 0 : _p.negative) === null || _q === void 0 ? void 0 : _q.textColor) !== null && _r !== void 0 ? _r : 'white'
14723
- }, guidanceText))), debugMode && ( /*#__PURE__*/React__namespace.default.createElement(DebugStatsPane, null, camera ? ( /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null, "\u2705 Camera: ", camera.label, " (", camera.width, "x", camera.height, ")")) : '❌ Camera not ready', /*#__PURE__*/React__namespace.default.createElement("br", null), isRecordingVideo ? '✅ Recording' : '❌ Not recording', /*#__PURE__*/React__namespace.default.createElement("br", null), goodFramesThresholdMet ? '✅' : '❌', " Good Frame Count:", ' ', goodFramesCount, "/", goodFramesThreshold, /*#__PURE__*/React__namespace.default.createElement("br", null), "Document Type: ", currentDetectedDocumentType, /*#__PURE__*/React__namespace.default.createElement("br", null), "Detection Score: ", currentDetectionScore, /*#__PURE__*/React__namespace.default.createElement("br", null), "Focus Score: ", currentFocusScore, /*#__PURE__*/React__namespace.default.createElement("br", null), "Best Frame Detection Score:", ' ', (_t = (_s = bestFrameDetails.current) === null || _s === void 0 ? void 0 : _s.detectionScore) !== null && _t !== void 0 ? _t : 0, /*#__PURE__*/React__namespace.default.createElement("br", null), "Best Frame Focus Score: ", (_v = (_u = bestFrameDetails.current) === null || _u === void 0 ? void 0 : _u.focusScore) !== null && _v !== void 0 ? _v : 0)), countdownRemaining > 0 && capturingId && ( /*#__PURE__*/React__namespace.default.createElement(CountdownContainer, {
14668
+ "$background": (_m = (_l = (_k = theme.guidanceMessages) === null || _k === void 0 ? void 0 : _k.negative) === null || _l === void 0 ? void 0 : _l.backgroundColor) !== null && _m !== void 0 ? _m : 'red',
14669
+ "$textColor": (_q = (_p = (_o = theme.guidanceMessages) === null || _o === void 0 ? void 0 : _o.negative) === null || _p === void 0 ? void 0 : _p.textColor) !== null && _q !== void 0 ? _q : 'white'
14670
+ }, guidanceText))), debugMode && ( /*#__PURE__*/React__namespace.default.createElement(DebugStatsPane, null, camera ? ( /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null, "\u2705 Camera: ", camera.label, " (", camera.width, "x", camera.height, ")")) : '❌ Camera not ready', /*#__PURE__*/React__namespace.default.createElement("br", null), isRecordingVideo ? '✅ Recording' : '❌ Not recording', /*#__PURE__*/React__namespace.default.createElement("br", null), goodFramesThresholdMet ? '✅' : '❌', " Good Frame Count:", ' ', goodFramesCount, "/", goodFramesThreshold, /*#__PURE__*/React__namespace.default.createElement("br", null), "Document Type: ", currentDetectedDocumentType, /*#__PURE__*/React__namespace.default.createElement("br", null), "Detection Score: ", currentDetectionScore, /*#__PURE__*/React__namespace.default.createElement("br", null), "Focus Score: ", currentFocusScore, /*#__PURE__*/React__namespace.default.createElement("br", null), "Best Frame Detection Score:", ' ', (_s = (_r = bestFrameDetails.current) === null || _r === void 0 ? void 0 : _r.detectionScore) !== null && _s !== void 0 ? _s : 0, /*#__PURE__*/React__namespace.default.createElement("br", null), "Best Frame Focus Score: ", (_u = (_t = bestFrameDetails.current) === null || _t === void 0 ? void 0 : _t.focusScore) !== null && _u !== void 0 ? _u : 0)), countdownRemaining > 0 && capturingId && ( /*#__PURE__*/React__namespace.default.createElement(CountdownContainer, {
14724
14671
  className: classNames.countdownContainer
14725
14672
  }, /*#__PURE__*/React__namespace.default.createElement(Countdown, {
14726
14673
  className: classNames.countdown
@@ -14738,9 +14685,9 @@ var IdVideoCapture = function IdVideoCapture(_a) {
14738
14685
  className: classNames.exitCaptureBtn
14739
14686
  }));
14740
14687
  };
14741
- var CountdownContainer = styled__default.default.div(templateObject_1$5 || (templateObject_1$5 = __makeTemplateObject(["\n position: fixed;\n top: 0;\n left: 0;\n width: 100dvw;\n height: 100dvh;\n z-index: 99999;\n display: flex;\n"], ["\n position: fixed;\n top: 0;\n left: 0;\n width: 100dvw;\n height: 100dvh;\n z-index: 99999;\n display: flex;\n"])));
14688
+ var CountdownContainer = styled__default.default.div(templateObject_1$5 || (templateObject_1$5 = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 99999;\n display: flex;\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 99999;\n display: flex;\n"])));
14742
14689
  var Countdown = styled__default.default.div(templateObject_2$5 || (templateObject_2$5 = __makeTemplateObject(["\n color: white;\n font-size: 64px;\n font-weight: bold;\n margin: auto;\n"], ["\n color: white;\n font-size: 64px;\n font-weight: bold;\n margin: auto;\n"])));
14743
- var CaptureButtonContainer = styled__default.default.div(templateObject_3$5 || (templateObject_3$5 = __makeTemplateObject(["\n position: fixed;\n bottom: 0;\n width: 100dvw;\n display: flex;\n z-index: 100000;\n"], ["\n position: fixed;\n bottom: 0;\n width: 100dvw;\n display: flex;\n z-index: 100000;\n"])));
14690
+ var CaptureButtonContainer = styled__default.default.div(templateObject_3$5 || (templateObject_3$5 = __makeTemplateObject(["\n position: absolute;\n bottom: 0;\n width: 100%;\n display: flex;\n z-index: 100000;\n"], ["\n position: absolute;\n bottom: 0;\n width: 100%;\n display: flex;\n z-index: 100000;\n"])));
14744
14691
  var CaptureButton = styled__default.default(LoaderButton)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n margin: 0 auto 25px;\n"], ["\n margin: 0 auto 25px;\n"])));
14745
14692
  function evaluateShouldSkip(value) {
14746
14693
  if (value === true) return true;
@@ -14848,7 +14795,7 @@ var IdVideoCaptureSuccess = function IdVideoCaptureSuccess(_a) {
14848
14795
  })) : ( /*#__PURE__*/React__namespace.default.createElement("img", {
14849
14796
  src: idBackImageUrl,
14850
14797
  alt: "ID Back Image"
14851
- }))), /*#__PURE__*/React__namespace.default.createElement(ButtonsRow, {
14798
+ }))), /*#__PURE__*/React__namespace.default.createElement(ButtonsRow$2, {
14852
14799
  className: classNames.buttonsRow
14853
14800
  }, /*#__PURE__*/React__namespace.default.createElement(LoaderButton, {
14854
14801
  variant: "warning",
@@ -14873,7 +14820,7 @@ var AssetSelectorOption = styled__default.default.div(templateObject_3$4 || (tem
14873
14820
  var templateObject_1$4, templateObject_2$4, templateObject_3$4;
14874
14821
 
14875
14822
  var VideoIdWizard = function VideoIdWizard(_a) {
14876
- var _b, _c, _d, _e, _f, _g, _h, _j, _k;
14823
+ var _b, _c, _d, _e, _f, _g, _h, _j;
14877
14824
  var onComplete = _a.onComplete,
14878
14825
  onExitCapture = _a.onExitCapture,
14879
14826
  onExitAfterFailure = _a.onExitAfterFailure,
@@ -14882,73 +14829,73 @@ var VideoIdWizard = function VideoIdWizard(_a) {
14882
14829
  onCameraAccessDenied = _a.onCameraAccessDenied,
14883
14830
  onCameraTamperingDetected = _a.onCameraTamperingDetected,
14884
14831
  onMicrophoneAccessDenied = _a.onMicrophoneAccessDenied,
14885
- _l = _a.idCaptureProps,
14886
- idCaptureProps = _l === void 0 ? {} : _l,
14887
- _m = _a.faceLivenessProps,
14888
- faceLivenessProps = _m === void 0 ? {} : _m,
14889
- _o = _a.idCaptureModelsEnabled,
14890
- idCaptureModelsEnabled = _o === void 0 ? true : _o,
14891
- _p = _a.videoIdCaptureThresholds,
14892
- videoIdCaptureThresholds = _p === void 0 ? defaultVideoIdCaptureThresholds : _p,
14832
+ _k = _a.idCaptureProps,
14833
+ idCaptureProps = _k === void 0 ? {} : _k,
14834
+ _l = _a.faceLivenessProps,
14835
+ faceLivenessProps = _l === void 0 ? {} : _l,
14836
+ _m = _a.idCaptureModelsEnabled,
14837
+ idCaptureModelsEnabled = _m === void 0 ? true : _m,
14838
+ _o = _a.videoIdCaptureThresholds,
14839
+ videoIdCaptureThresholds = _o === void 0 ? defaultVideoIdCaptureThresholds : _o,
14893
14840
  readTextPrompt = _a.readTextPrompt,
14894
14841
  readTextTimeoutDurationMs = _a.readTextTimeoutDurationMs,
14895
14842
  readTextMinReadingMs = _a.readTextMinReadingMs,
14896
- _q = _a.skipIdCapture,
14897
- skipIdCapture = _q === void 0 ? false : _q,
14898
- _r = _a.skipShowIdCardBack,
14899
- skipShowIdCardBack = _r === void 0 ? false : _r,
14900
- _s = _a.skipSuccessScreen,
14901
- skipSuccessScreen = _s === void 0 ? false : _s,
14902
- _t = _a.idCaptureLoadingOverlayMode,
14903
- idCaptureLoadingOverlayMode = _t === void 0 ? 'default' : _t,
14843
+ _p = _a.skipIdCapture,
14844
+ skipIdCapture = _p === void 0 ? false : _p,
14845
+ _q = _a.skipShowIdCardBack,
14846
+ skipShowIdCardBack = _q === void 0 ? false : _q,
14847
+ _r = _a.skipSuccessScreen,
14848
+ skipSuccessScreen = _r === void 0 ? false : _r,
14849
+ _s = _a.idCaptureLoadingOverlayMode,
14850
+ idCaptureLoadingOverlayMode = _s === void 0 ? 'default' : _s,
14904
14851
  customOverlayContent = _a.customOverlayContent,
14905
14852
  onLoadingOverlayDismissed = _a.onLoadingOverlayDismissed,
14906
- _u = _a.idDocumentType,
14907
- idDocumentType = _u === void 0 ? 'idCardOrPassport' : _u,
14908
- _v = _a.idCaptureGuideType,
14909
- idCaptureGuideType = _v === void 0 ? 'fit' : _v,
14910
- _w = _a.idCaptureGuideImages,
14911
- idCaptureGuideImages = _w === void 0 ? defaultIdCaptureGuideImages : _w,
14912
- _x = _a.idCapturePortraitGuidesOnMobile,
14913
- idCapturePortraitGuidesOnMobile = _x === void 0 ? true : _x,
14914
- _y = _a.idCaptureRotateLoadingOverlayImageWhenPortrait,
14915
- idCaptureRotateLoadingOverlayImageWhenPortrait = _y === void 0 ? true : _y,
14916
- _z = _a.idCaptureModelLoadTimeoutMs,
14917
- idCaptureModelLoadTimeoutMs = _z === void 0 ? defaultDocumentDetectionModelLoadTimeoutMs : _z,
14918
- _0 = _a.faceLivenessLoadingOverlayMode,
14919
- faceLivenessLoadingOverlayMode = _0 === void 0 ? 'default' : _0,
14920
- _1 = _a.disableFaceDetectionWhileAudioCapture,
14921
- disableFaceDetectionWhileAudioCapture = _1 === void 0 ? true : _1,
14922
- _2 = _a.disableFaceDetectionWhileAudioCaptureMsDelay,
14923
- disableFaceDetectionWhileAudioCaptureMsDelay = _2 === void 0 ? 2000 : _2,
14924
- _3 = _a.silentFallback,
14925
- silentFallback = _3 === void 0 ? false : _3,
14926
- _4 = _a.mergeAVStreams,
14927
- mergeAVStreams = _4 === void 0 ? false : _4,
14928
- _5 = _a.assets,
14929
- assets = _5 === void 0 ? {} : _5,
14930
- _6 = _a.classNames,
14931
- classNames = _6 === void 0 ? {} : _6,
14932
- _7 = _a.colors,
14933
- colors = _7 === void 0 ? {} : _7,
14934
- _8 = _a.verbiage,
14935
- verbiage = _8 === void 0 ? {} : _8,
14936
- _9 = _a.debugMode,
14937
- debugMode = _9 === void 0 ? false : _9;
14938
- var _10 = React.useContext(SubmissionContext),
14939
- passportImage = _10.passportImage,
14940
- submissionStatus = _10.submissionStatus,
14941
- idCaptureVideoUrl = _10.idCaptureVideoUrl,
14942
- idCaptureVideoAudioUrl = _10.idCaptureVideoAudioUrl,
14943
- idCaptureVideoIdFrontImage = _10.idCaptureVideoIdFrontImage,
14944
- idCaptureVideoIdBackImage = _10.idCaptureVideoIdBackImage,
14945
- setIdCaptureVideoUrl = _10.setIdCaptureVideoUrl,
14946
- setIdCaptureVideoIdFrontImage = _10.setIdCaptureVideoIdFrontImage,
14947
- setIdCaptureVideoIdBackImage = _10.setIdCaptureVideoIdBackImage,
14948
- setIdCaptureVideoAudioUrl = _10.setIdCaptureVideoAudioUrl;
14949
- var _11 = React.useState('CAPTURING_ID'),
14950
- captureState = _11[0],
14951
- setCaptureState = _11[1];
14853
+ _t = _a.idDocumentType,
14854
+ idDocumentType = _t === void 0 ? 'idCardOrPassport' : _t,
14855
+ _u = _a.idCaptureGuideType,
14856
+ idCaptureGuideType = _u === void 0 ? 'fit' : _u,
14857
+ _v = _a.idCaptureGuideImages,
14858
+ idCaptureGuideImages = _v === void 0 ? defaultIdCaptureGuideImages : _v,
14859
+ _w = _a.idCapturePortraitGuidesOnMobile,
14860
+ idCapturePortraitGuidesOnMobile = _w === void 0 ? true : _w,
14861
+ _x = _a.idCaptureRotateLoadingOverlayImageWhenPortrait,
14862
+ idCaptureRotateLoadingOverlayImageWhenPortrait = _x === void 0 ? true : _x,
14863
+ _y = _a.idCaptureModelLoadTimeoutMs,
14864
+ idCaptureModelLoadTimeoutMs = _y === void 0 ? defaultDocumentDetectionModelLoadTimeoutMs : _y,
14865
+ _z = _a.faceLivenessLoadingOverlayMode,
14866
+ faceLivenessLoadingOverlayMode = _z === void 0 ? 'default' : _z,
14867
+ _0 = _a.disableFaceDetectionWhileAudioCapture,
14868
+ disableFaceDetectionWhileAudioCapture = _0 === void 0 ? true : _0,
14869
+ _1 = _a.disableFaceDetectionWhileAudioCaptureMsDelay,
14870
+ disableFaceDetectionWhileAudioCaptureMsDelay = _1 === void 0 ? 2000 : _1,
14871
+ _2 = _a.silentFallback,
14872
+ silentFallback = _2 === void 0 ? false : _2,
14873
+ _3 = _a.mergeAVStreams,
14874
+ mergeAVStreams = _3 === void 0 ? false : _3,
14875
+ _4 = _a.assets,
14876
+ assets = _4 === void 0 ? {} : _4,
14877
+ _5 = _a.classNames,
14878
+ classNames = _5 === void 0 ? {} : _5,
14879
+ _6 = _a.colors,
14880
+ colors = _6 === void 0 ? {} : _6,
14881
+ _7 = _a.verbiage,
14882
+ verbiage = _7 === void 0 ? {} : _7,
14883
+ _8 = _a.debugMode,
14884
+ debugMode = _8 === void 0 ? false : _8;
14885
+ var _9 = React.useContext(SubmissionContext),
14886
+ passportImage = _9.passportImage,
14887
+ submissionStatus = _9.submissionStatus,
14888
+ idCaptureVideoUrl = _9.idCaptureVideoUrl,
14889
+ idCaptureVideoAudioUrl = _9.idCaptureVideoAudioUrl,
14890
+ idCaptureVideoIdFrontImage = _9.idCaptureVideoIdFrontImage,
14891
+ idCaptureVideoIdBackImage = _9.idCaptureVideoIdBackImage,
14892
+ setIdCaptureVideoUrl = _9.setIdCaptureVideoUrl,
14893
+ setIdCaptureVideoIdFrontImage = _9.setIdCaptureVideoIdFrontImage,
14894
+ setIdCaptureVideoIdBackImage = _9.setIdCaptureVideoIdBackImage,
14895
+ setIdCaptureVideoAudioUrl = _9.setIdCaptureVideoAudioUrl;
14896
+ var _10 = React.useState('CAPTURING_ID'),
14897
+ captureState = _10[0],
14898
+ setCaptureState = _10[1];
14952
14899
  React.useEffect(function () {
14953
14900
  if (skipIdCapture && captureState === 'CAPTURING_ID') setCaptureState('CHECKING_LIVENESS');
14954
14901
  }, [captureState, skipIdCapture]);
@@ -14979,9 +14926,9 @@ var VideoIdWizard = function VideoIdWizard(_a) {
14979
14926
  var onVideoCaptureFaceNotDetected = React.useCallback(function () {
14980
14927
  setCaptureState('CHECKING_LIVENESS');
14981
14928
  }, []);
14982
- var _12 = React.useState(0),
14983
- attempt = _12[0],
14984
- setAttempt = _12[1];
14929
+ var _11 = React.useState(0),
14930
+ attempt = _11[0],
14931
+ setAttempt = _11[1];
14985
14932
  var userSuppliedExitAfterFailure = onExitAfterFailure !== null && onExitAfterFailure !== void 0 ? onExitAfterFailure : faceLivenessProps.onExitAfterFailure;
14986
14933
  var onFaceCaptureExitAfterFailure = React.useCallback(function (resp, req) {
14987
14934
  userSuppliedExitAfterFailure === null || userSuppliedExitAfterFailure === void 0 ? void 0 : userSuppliedExitAfterFailure(resp, req);
@@ -15027,11 +14974,6 @@ var VideoIdWizard = function VideoIdWizard(_a) {
15027
14974
  idCardGuideStatus: "disabled"
15028
14975
  });
15029
14976
  }, [capturedIdDocumentType, (_b = classNames.idVideoCapture) === null || _b === void 0 ? void 0 : _b.guides, (_c = colors.idVideoCapture) === null || _c === void 0 ? void 0 : _c.guidesSatisfiedColor, (_d = colors.idVideoCapture) === null || _d === void 0 ? void 0 : _d.guidesUnsatisfiedColor, idCaptureGuideImages, (_e = verbiage.idVideoCapture) === null || _e === void 0 ? void 0 : _e.guides]);
15030
- if (submissionStatus === SubmissionStatus.SUBMITTING) {
15031
- return /*#__PURE__*/React__namespace.default.createElement(PageContainer, {
15032
- className: "flex"
15033
- }, /*#__PURE__*/React__namespace.default.createElement(Spinner, null));
15034
- }
15035
14977
  return /*#__PURE__*/React__namespace.default.createElement(CameraStoreProvider, {
15036
14978
  preferIphoneContinuityCamera: isCapturingId,
15037
14979
  preferFrontFacingCamera: !isCapturingId,
@@ -15055,11 +14997,9 @@ var VideoIdWizard = function VideoIdWizard(_a) {
15055
14997
  onModelError: faceLivenessProps === null || faceLivenessProps === void 0 ? void 0 : faceLivenessProps.onModelError,
15056
14998
  modelLoadTimeoutMs: faceLivenessProps === null || faceLivenessProps === void 0 ? void 0 : faceLivenessProps.modelLoadTimeoutMs,
15057
14999
  requireVerticalFaceCentering: false
15058
- }, /*#__PURE__*/React__namespace.default.createElement(PageContainer, {
15059
- className: "flex ".concat((_k = classNames.container) !== null && _k !== void 0 ? _k : '')
15060
- }, ['CHECKING_LIVENESS', 'CAPTURING_VIDEO'].includes(captureState) && /*#__PURE__*/React__namespace.default.createElement(CameraVideoTag, {
15000
+ }, ['CHECKING_LIVENESS', 'CAPTURING_VIDEO'].includes(captureState) && ( /*#__PURE__*/React__namespace.default.createElement(CameraVideoTag, {
15061
15001
  className: classNames.cameraFeed
15062
- }), function () {
15002
+ })), function () {
15063
15003
  switch (captureState) {
15064
15004
  case 'CAPTURING_ID':
15065
15005
  return /*#__PURE__*/React__namespace.default.createElement(IdCaptureStateProvider, null, /*#__PURE__*/React__namespace.default.createElement(GuideOrientationContextProvider, null, /*#__PURE__*/React__namespace.default.createElement(IdCaptureWizard, _assign({
@@ -15149,7 +15089,7 @@ var VideoIdWizard = function VideoIdWizard(_a) {
15149
15089
  default:
15150
15090
  return /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null);
15151
15091
  }
15152
- }()))));
15092
+ }())));
15153
15093
  };
15154
15094
 
15155
15095
  function CompositeWizard(_a) {
@@ -15275,9 +15215,7 @@ function CompositeWizard(_a) {
15275
15215
  if (isComplete) {
15276
15216
  switch (submissionStatus) {
15277
15217
  case SubmissionStatus.SUBMITTING:
15278
- return /*#__PURE__*/React__namespace.default.createElement(PageContainer, {
15279
- className: "flex"
15280
- }, /*#__PURE__*/React__namespace.default.createElement(Spinner, null));
15218
+ return /*#__PURE__*/React__namespace.default.createElement(SpinnerPage, null);
15281
15219
  case SubmissionStatus.SUBMITTED:
15282
15220
  if (debugMode) return /*#__PURE__*/React__namespace.default.createElement(SubmissionSuccess, null);
15283
15221
  return /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null);
@@ -15801,6 +15739,8 @@ var IdValidation = function IdValidation(_a) {
15801
15739
  geolocationEnabled: geolocationEnabled,
15802
15740
  geolocationRequired: geolocationRequired,
15803
15741
  useDocumentServiceForLivenessChecks: useDocumentServiceForLivenessChecks
15742
+ }, /*#__PURE__*/React__namespace.default.createElement(SdkPage, {
15743
+ className: classNames === null || classNames === void 0 ? void 0 : classNames.container
15804
15744
  }, /*#__PURE__*/React__namespace.default.createElement(CompositeWizard, {
15805
15745
  checks: React.useMemo(function () {
15806
15746
  return ['IdCapture'];
@@ -15814,7 +15754,7 @@ var IdValidation = function IdValidation(_a) {
15814
15754
  onCameraAccessDenied: onCameraAccessDenied,
15815
15755
  onCameraTamperingDetected: onCameraTamperingDetected,
15816
15756
  debugMode: debugMode
15817
- }))));
15757
+ })))));
15818
15758
  };
15819
15759
 
15820
15760
  /** Render a fullscreen capture component that analyzes frames from the user's front-facing camera to determine whether a live human face is present. */
@@ -15937,6 +15877,8 @@ var FaceValidation = function FaceValidation(_a) {
15937
15877
  useDocumentServiceForLivenessChecks: useDocumentServiceForLivenessChecks,
15938
15878
  estimateAge: estimateAge,
15939
15879
  predictGender: predictGender
15880
+ }, /*#__PURE__*/React__namespace.default.createElement(SdkPage, {
15881
+ className: classNames === null || classNames === void 0 ? void 0 : classNames.container
15940
15882
  }, /*#__PURE__*/React__namespace.default.createElement(CompositeWizard, {
15941
15883
  checks: React.useMemo(function () {
15942
15884
  return ['FaceLiveness'];
@@ -15945,7 +15887,7 @@ var FaceValidation = function FaceValidation(_a) {
15945
15887
  onCameraAccessDenied: onCameraAccessDenied,
15946
15888
  onCameraTamperingDetected: onCameraTamperingDetected,
15947
15889
  debugMode: debugMode
15948
- }))));
15890
+ })))));
15949
15891
  };
15950
15892
 
15951
15893
  /**
@@ -16194,6 +16136,8 @@ var IdAndFaceValidation = function IdAndFaceValidation(_a) {
16194
16136
  geolocationEnabled: geolocationEnabled,
16195
16137
  geolocationRequired: geolocationRequired,
16196
16138
  useDocumentServiceForLivenessChecks: useDocumentServiceForLivenessChecks
16139
+ }, /*#__PURE__*/React__namespace.default.createElement(SdkPage, {
16140
+ className: classNames === null || classNames === void 0 ? void 0 : classNames.container
16197
16141
  }, /*#__PURE__*/React__namespace.default.createElement(CompositeWizard, {
16198
16142
  checks: checks,
16199
16143
  idCaptureProps: idCaptureProps,
@@ -16206,7 +16150,7 @@ var IdAndFaceValidation = function IdAndFaceValidation(_a) {
16206
16150
  onCameraAccessDenied: onCameraAccessDenied,
16207
16151
  onCameraTamperingDetected: onCameraTamperingDetected,
16208
16152
  debugMode: debugMode
16209
- }))));
16153
+ })))));
16210
16154
  };
16211
16155
 
16212
16156
  /**
@@ -16479,6 +16423,8 @@ var CustomerIdAndBiometricsEnrollment = function CustomerIdAndBiometricsEnrollme
16479
16423
  geolocationEnabled: geolocationEnabled,
16480
16424
  geolocationRequired: geolocationRequired,
16481
16425
  useDocumentServiceForLivenessChecks: useDocumentServiceForLivenessChecks
16426
+ }, /*#__PURE__*/React__namespace.default.createElement(SdkPage, {
16427
+ className: classNames === null || classNames === void 0 ? void 0 : classNames.container
16482
16428
  }, /*#__PURE__*/React__namespace.default.createElement(CompositeWizard, {
16483
16429
  checks: checks,
16484
16430
  idCaptureProps: idCaptureProps,
@@ -16492,7 +16438,7 @@ var CustomerIdAndBiometricsEnrollment = function CustomerIdAndBiometricsEnrollme
16492
16438
  onCameraAccessDenied: onCameraAccessDenied,
16493
16439
  onCameraTamperingDetected: onCameraTamperingDetected,
16494
16440
  debugMode: debugMode
16495
- }))));
16441
+ })))));
16496
16442
  };
16497
16443
 
16498
16444
  var ALLOWED_RETRIES$3 = 0;
@@ -16735,8 +16681,8 @@ var CustomerVerificationSuccess = function CustomerVerificationSuccess(_a) {
16735
16681
  }, verbiage.doneBtnText))));
16736
16682
  };
16737
16683
  var Heading$3 = styled__default.default.h3(templateObject_1$3 || (templateObject_1$3 = __makeTemplateObject(["\n margin-bottom: 24px;\n"], ["\n margin-bottom: 24px;\n"])));
16738
- var ImageContainer$3 = styled__default.default(ButtonsRow)(templateObject_2$3 || (templateObject_2$3 = __makeTemplateObject(["\n max-height: calc(100vh - 185px);\n"], ["\n max-height: calc(100vh - 185px);\n"])));
16739
- var StyledButtonsRow$3 = styled__default.default(ButtonsRow)(templateObject_3$3 || (templateObject_3$3 = __makeTemplateObject(["\n margin-top: 24px;\n"], ["\n margin-top: 24px;\n"])));
16684
+ var ImageContainer$3 = styled__default.default(ButtonsRow$2)(templateObject_2$3 || (templateObject_2$3 = __makeTemplateObject(["\n max-height: calc(100vh - 185px);\n"], ["\n max-height: calc(100vh - 185px);\n"])));
16685
+ var StyledButtonsRow$3 = styled__default.default(ButtonsRow$2)(templateObject_3$3 || (templateObject_3$3 = __makeTemplateObject(["\n margin-top: 24px;\n"], ["\n margin-top: 24px;\n"])));
16740
16686
  var templateObject_1$3, templateObject_2$3, templateObject_3$3;
16741
16687
 
16742
16688
  var CustomerVerificationFailure = function CustomerVerificationFailure(_a) {
@@ -16787,13 +16733,12 @@ var CustomerVerificationFailure = function CustomerVerificationFailure(_a) {
16787
16733
  }, verbiage.exitBtnText))));
16788
16734
  };
16789
16735
  var Heading$2 = styled__default.default.h3(templateObject_1$2 || (templateObject_1$2 = __makeTemplateObject(["\n margin-bottom: 24px;\n"], ["\n margin-bottom: 24px;\n"])));
16790
- var ImageContainer$2 = styled__default.default(ButtonsRow)(templateObject_2$2 || (templateObject_2$2 = __makeTemplateObject(["\n max-height: calc(100vh - 185px);\n"], ["\n max-height: calc(100vh - 185px);\n"])));
16791
- var StyledButtonsRow$2 = styled__default.default(ButtonsRow)(templateObject_3$2 || (templateObject_3$2 = __makeTemplateObject(["\n margin-top: 24px;\n"], ["\n margin-top: 24px;\n"])));
16736
+ var ImageContainer$2 = styled__default.default(ButtonsRow$2)(templateObject_2$2 || (templateObject_2$2 = __makeTemplateObject(["\n max-height: calc(100vh - 185px);\n"], ["\n max-height: calc(100vh - 185px);\n"])));
16737
+ var StyledButtonsRow$2 = styled__default.default(ButtonsRow$2)(templateObject_3$2 || (templateObject_3$2 = __makeTemplateObject(["\n margin-top: 24px;\n"], ["\n margin-top: 24px;\n"])));
16792
16738
  var templateObject_1$2, templateObject_2$2, templateObject_3$2;
16793
16739
 
16794
16740
  var ALLOWED_RETRIES$2 = 2;
16795
16741
  var CustomerVerificationWizard = function CustomerVerificationWizard(_a) {
16796
- var _b;
16797
16742
  var onComplete = _a.onComplete,
16798
16743
  onCustomerMatched = _a.onCustomerMatched,
16799
16744
  onCustomerNotMatched = _a.onCustomerNotMatched,
@@ -16802,33 +16747,33 @@ var CustomerVerificationWizard = function CustomerVerificationWizard(_a) {
16802
16747
  onUserCancel = _a.onUserCancel,
16803
16748
  onCaptureGuidanceTimeout = _a.onCaptureGuidanceTimeout,
16804
16749
  captureGuidanceTimeoutDurationMs = _a.captureGuidanceTimeoutDurationMs,
16805
- _c = _a.skipSuccessScreen,
16806
- skipSuccessScreen = _c === void 0 ? false : _c,
16807
- _d = _a.loadingOverlayMode,
16808
- loadingOverlayMode = _d === void 0 ? 'default' : _d,
16809
- _e = _a.assets,
16810
- assets = _e === void 0 ? {} : _e,
16811
- _f = _a.classNames,
16812
- classNames = _f === void 0 ? {} : _f,
16813
- _g = _a.colors,
16814
- colors = _g === void 0 ? {} : _g,
16815
- _h = _a.verbiage,
16816
- verbiage = _h === void 0 ? {} : _h,
16817
- _j = _a.debugMode,
16818
- debugMode = _j === void 0 ? false : _j;
16819
- var _k = React.useContext(SubmissionContext),
16820
- submissionRequest = _k.submissionRequest,
16821
- submissionResponse = _k.submissionResponse,
16822
- selfieImage = _k.selfieImage;
16823
- var _l = React.useState('LOADING'),
16824
- captureState = _l[0],
16825
- setCaptureState = _l[1];
16826
- var _m = useCameraStore(),
16827
- cameraAccessDenied = _m.cameraAccessDenied,
16828
- releaseCameraAccess = _m.releaseCameraAccess;
16829
- var _o = React.useContext(SelfieGuidanceModelsContext),
16830
- start = _o.start,
16831
- stop = _o.stop;
16750
+ _b = _a.skipSuccessScreen,
16751
+ skipSuccessScreen = _b === void 0 ? false : _b,
16752
+ _c = _a.loadingOverlayMode,
16753
+ loadingOverlayMode = _c === void 0 ? 'default' : _c,
16754
+ _d = _a.assets,
16755
+ assets = _d === void 0 ? {} : _d,
16756
+ _e = _a.classNames,
16757
+ classNames = _e === void 0 ? {} : _e,
16758
+ _f = _a.colors,
16759
+ colors = _f === void 0 ? {} : _f,
16760
+ _g = _a.verbiage,
16761
+ verbiage = _g === void 0 ? {} : _g,
16762
+ _h = _a.debugMode,
16763
+ debugMode = _h === void 0 ? false : _h;
16764
+ var _j = React.useContext(SubmissionContext),
16765
+ submissionRequest = _j.submissionRequest,
16766
+ submissionResponse = _j.submissionResponse,
16767
+ selfieImage = _j.selfieImage;
16768
+ var _k = React.useState('LOADING'),
16769
+ captureState = _k[0],
16770
+ setCaptureState = _k[1];
16771
+ var _l = useCameraStore(),
16772
+ cameraAccessDenied = _l.cameraAccessDenied,
16773
+ releaseCameraAccess = _l.releaseCameraAccess;
16774
+ var _m = React.useContext(SelfieGuidanceModelsContext),
16775
+ start = _m.start,
16776
+ stop = _m.stop;
16832
16777
  React.useEffect(function () {
16833
16778
  if (captureState !== 'CAPTURING') return;
16834
16779
  start();
@@ -16858,9 +16803,9 @@ var CustomerVerificationWizard = function CustomerVerificationWizard(_a) {
16858
16803
  setCaptureState('FAILED');
16859
16804
  onCaptureGuidanceTimeout === null || onCaptureGuidanceTimeout === void 0 ? void 0 : onCaptureGuidanceTimeout();
16860
16805
  }, [onCaptureGuidanceTimeout]);
16861
- var _p = React.useState(0),
16862
- attempt = _p[0],
16863
- setAttempt = _p[1];
16806
+ var _o = React.useState(0),
16807
+ attempt = _o[0],
16808
+ setAttempt = _o[1];
16864
16809
  var onExitCallback = React.useCallback(function () {
16865
16810
  setAttempt(function (n) {
16866
16811
  return n + 1;
@@ -16881,9 +16826,7 @@ var CustomerVerificationWizard = function CustomerVerificationWizard(_a) {
16881
16826
  setCaptureState('LOADING');
16882
16827
  }
16883
16828
  }, [cameraAccessDenied]);
16884
- return /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null, /*#__PURE__*/React__namespace.default.createElement(PageContainer, {
16885
- className: "flex ".concat((_b = classNames.container) !== null && _b !== void 0 ? _b : '')
16886
- }, /*#__PURE__*/React__namespace.default.createElement(CameraVideoTag, {
16829
+ return /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null, /*#__PURE__*/React__namespace.default.createElement(CameraVideoTag, {
16887
16830
  className: classNames.cameraFeed
16888
16831
  }), captureState !== 'LOADING' && function () {
16889
16832
  switch (captureState) {
@@ -16934,7 +16877,7 @@ var CustomerVerificationWizard = function CustomerVerificationWizard(_a) {
16934
16877
  default:
16935
16878
  return null;
16936
16879
  }
16937
- }()), /*#__PURE__*/React__namespace.default.createElement(SelfieCaptureLoadingOverlay, {
16880
+ }(), /*#__PURE__*/React__namespace.default.createElement(SelfieCaptureLoadingOverlay, {
16938
16881
  key: attempt,
16939
16882
  mode: loadingOverlayMode,
16940
16883
  assets: assets.loadingOverlay,
@@ -17050,6 +16993,8 @@ var CustomerVerification = function CustomerVerification(_a) {
17050
16993
  autoStart: false,
17051
16994
  onModelError: onModelError,
17052
16995
  modelLoadTimeoutMs: modelLoadTimeoutMs
16996
+ }, /*#__PURE__*/React__namespace.default.createElement(SdkPage, {
16997
+ className: classNames === null || classNames === void 0 ? void 0 : classNames.container
17053
16998
  }, /*#__PURE__*/React__namespace.default.createElement(CustomerVerificationWizard, {
17054
16999
  onComplete: onComplete,
17055
17000
  onCustomerMatched: onCustomerMatched,
@@ -17065,7 +17010,7 @@ var CustomerVerification = function CustomerVerification(_a) {
17065
17010
  colors: colors,
17066
17011
  verbiage: verbiage,
17067
17012
  debugMode: debugMode
17068
- }))))));
17013
+ })))))));
17069
17014
  };
17070
17015
 
17071
17016
  var ALLOWED_RETRIES$1 = 0;
@@ -17306,8 +17251,8 @@ var CustomerIdentificationSuccess = function CustomerIdentificationSuccess(_a) {
17306
17251
  }, verbiage.doneBtnText))));
17307
17252
  };
17308
17253
  var Heading$1 = styled__default.default.h3(templateObject_1$1 || (templateObject_1$1 = __makeTemplateObject(["\n margin-bottom: 24px;\n"], ["\n margin-bottom: 24px;\n"])));
17309
- var ImageContainer$1 = styled__default.default(ButtonsRow)(templateObject_2$1 || (templateObject_2$1 = __makeTemplateObject(["\n max-height: calc(100vh - 185px);\n"], ["\n max-height: calc(100vh - 185px);\n"])));
17310
- var StyledButtonsRow$1 = styled__default.default(ButtonsRow)(templateObject_3$1 || (templateObject_3$1 = __makeTemplateObject(["\n margin-top: 24px;\n"], ["\n margin-top: 24px;\n"])));
17254
+ var ImageContainer$1 = styled__default.default(ButtonsRow$2)(templateObject_2$1 || (templateObject_2$1 = __makeTemplateObject(["\n max-height: calc(100vh - 185px);\n"], ["\n max-height: calc(100vh - 185px);\n"])));
17255
+ var StyledButtonsRow$1 = styled__default.default(ButtonsRow$2)(templateObject_3$1 || (templateObject_3$1 = __makeTemplateObject(["\n margin-top: 24px;\n"], ["\n margin-top: 24px;\n"])));
17311
17256
  var templateObject_1$1, templateObject_2$1, templateObject_3$1;
17312
17257
 
17313
17258
  var CustomerIdentificationFailure = function CustomerIdentificationFailure(_a) {
@@ -17358,13 +17303,12 @@ var CustomerIdentificationFailure = function CustomerIdentificationFailure(_a) {
17358
17303
  }, verbiage.exitBtnText))));
17359
17304
  };
17360
17305
  var Heading = styled__default.default.h3(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n margin-bottom: 24px;\n"], ["\n margin-bottom: 24px;\n"])));
17361
- var ImageContainer = styled__default.default(ButtonsRow)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n max-height: calc(100vh - 185px);\n"], ["\n max-height: calc(100vh - 185px);\n"])));
17362
- var StyledButtonsRow = styled__default.default(ButtonsRow)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n margin-top: 24px;\n"], ["\n margin-top: 24px;\n"])));
17306
+ var ImageContainer = styled__default.default(ButtonsRow$2)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n max-height: calc(100vh - 185px);\n"], ["\n max-height: calc(100vh - 185px);\n"])));
17307
+ var StyledButtonsRow = styled__default.default(ButtonsRow$2)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n margin-top: 24px;\n"], ["\n margin-top: 24px;\n"])));
17363
17308
  var templateObject_1, templateObject_2, templateObject_3;
17364
17309
 
17365
17310
  var ALLOWED_RETRIES = 2;
17366
17311
  var CustomerIdentificationWizard = function CustomerIdentificationWizard(_a) {
17367
- var _b;
17368
17312
  var onComplete = _a.onComplete,
17369
17313
  onCustomerMatched = _a.onCustomerMatched,
17370
17314
  onCustomerNotMatched = _a.onCustomerNotMatched,
@@ -17373,33 +17317,33 @@ var CustomerIdentificationWizard = function CustomerIdentificationWizard(_a) {
17373
17317
  onUserCancel = _a.onUserCancel,
17374
17318
  onCaptureGuidanceTimeout = _a.onCaptureGuidanceTimeout,
17375
17319
  captureGuidanceTimeoutDurationMs = _a.captureGuidanceTimeoutDurationMs,
17376
- _c = _a.skipSuccessScreen,
17377
- skipSuccessScreen = _c === void 0 ? false : _c,
17378
- _d = _a.loadingOverlayMode,
17379
- loadingOverlayMode = _d === void 0 ? 'default' : _d,
17380
- _e = _a.assets,
17381
- assets = _e === void 0 ? {} : _e,
17382
- _f = _a.classNames,
17383
- classNames = _f === void 0 ? {} : _f,
17384
- _g = _a.colors,
17385
- colors = _g === void 0 ? {} : _g,
17386
- _h = _a.verbiage,
17387
- verbiage = _h === void 0 ? {} : _h,
17388
- _j = _a.debugMode,
17389
- debugMode = _j === void 0 ? false : _j;
17390
- var _k = React.useContext(SubmissionContext),
17391
- submissionResponse = _k.submissionResponse,
17392
- submissionRequest = _k.submissionRequest,
17393
- selfieImage = _k.selfieImage;
17394
- var _l = React.useState('LOADING'),
17395
- captureState = _l[0],
17396
- setCaptureState = _l[1];
17397
- var _m = useCameraStore(),
17398
- cameraAccessDenied = _m.cameraAccessDenied,
17399
- releaseCameraAccess = _m.releaseCameraAccess;
17400
- var _o = React.useContext(SelfieGuidanceModelsContext),
17401
- start = _o.start,
17402
- stop = _o.stop;
17320
+ _b = _a.skipSuccessScreen,
17321
+ skipSuccessScreen = _b === void 0 ? false : _b,
17322
+ _c = _a.loadingOverlayMode,
17323
+ loadingOverlayMode = _c === void 0 ? 'default' : _c,
17324
+ _d = _a.assets,
17325
+ assets = _d === void 0 ? {} : _d,
17326
+ _e = _a.classNames,
17327
+ classNames = _e === void 0 ? {} : _e,
17328
+ _f = _a.colors,
17329
+ colors = _f === void 0 ? {} : _f,
17330
+ _g = _a.verbiage,
17331
+ verbiage = _g === void 0 ? {} : _g,
17332
+ _h = _a.debugMode,
17333
+ debugMode = _h === void 0 ? false : _h;
17334
+ var _j = React.useContext(SubmissionContext),
17335
+ submissionResponse = _j.submissionResponse,
17336
+ submissionRequest = _j.submissionRequest,
17337
+ selfieImage = _j.selfieImage;
17338
+ var _k = React.useState('LOADING'),
17339
+ captureState = _k[0],
17340
+ setCaptureState = _k[1];
17341
+ var _l = useCameraStore(),
17342
+ cameraAccessDenied = _l.cameraAccessDenied,
17343
+ releaseCameraAccess = _l.releaseCameraAccess;
17344
+ var _m = React.useContext(SelfieGuidanceModelsContext),
17345
+ start = _m.start,
17346
+ stop = _m.stop;
17403
17347
  React.useEffect(function () {
17404
17348
  if (captureState !== 'CAPTURING') return;
17405
17349
  start();
@@ -17429,9 +17373,9 @@ var CustomerIdentificationWizard = function CustomerIdentificationWizard(_a) {
17429
17373
  setCaptureState('FAILED');
17430
17374
  onCaptureGuidanceTimeout === null || onCaptureGuidanceTimeout === void 0 ? void 0 : onCaptureGuidanceTimeout();
17431
17375
  }, [onCaptureGuidanceTimeout]);
17432
- var _p = React.useState(0),
17433
- attempt = _p[0],
17434
- setAttempt = _p[1];
17376
+ var _o = React.useState(0),
17377
+ attempt = _o[0],
17378
+ setAttempt = _o[1];
17435
17379
  var onExitCallback = React.useCallback(function () {
17436
17380
  setAttempt(function (n) {
17437
17381
  return n + 1;
@@ -17452,9 +17396,7 @@ var CustomerIdentificationWizard = function CustomerIdentificationWizard(_a) {
17452
17396
  setCaptureState('LOADING');
17453
17397
  }
17454
17398
  }, [cameraAccessDenied]);
17455
- return /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null, /*#__PURE__*/React__namespace.default.createElement(PageContainer, {
17456
- className: "flex ".concat((_b = classNames.container) !== null && _b !== void 0 ? _b : '')
17457
- }, /*#__PURE__*/React__namespace.default.createElement(CameraVideoTag, {
17399
+ return /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null, /*#__PURE__*/React__namespace.default.createElement(CameraVideoTag, {
17458
17400
  className: classNames.cameraFeed
17459
17401
  }), captureState !== 'LOADING' && function () {
17460
17402
  switch (captureState) {
@@ -17505,7 +17447,7 @@ var CustomerIdentificationWizard = function CustomerIdentificationWizard(_a) {
17505
17447
  default:
17506
17448
  return null;
17507
17449
  }
17508
- }()), /*#__PURE__*/React__namespace.default.createElement(SelfieCaptureLoadingOverlay, {
17450
+ }(), /*#__PURE__*/React__namespace.default.createElement(SelfieCaptureLoadingOverlay, {
17509
17451
  key: attempt,
17510
17452
  mode: loadingOverlayMode,
17511
17453
  assets: assets.loadingOverlay,
@@ -17619,6 +17561,8 @@ var CustomerIdentification = function CustomerIdentification(_a) {
17619
17561
  autoStart: false,
17620
17562
  modelLoadTimeoutMs: modelLoadTimeoutMs,
17621
17563
  onModelError: onModelError
17564
+ }, /*#__PURE__*/React__namespace.default.createElement(SdkPage, {
17565
+ className: classNames === null || classNames === void 0 ? void 0 : classNames.container
17622
17566
  }, /*#__PURE__*/React__namespace.default.createElement(CustomerIdentificationWizard, {
17623
17567
  onComplete: onComplete,
17624
17568
  onCustomerMatched: onCustomerMatched,
@@ -17635,7 +17579,7 @@ var CustomerIdentification = function CustomerIdentification(_a) {
17635
17579
  colors: colors,
17636
17580
  verbiage: verbiage,
17637
17581
  debugMode: debugMode
17638
- }))))));
17582
+ })))))));
17639
17583
  };
17640
17584
 
17641
17585
  /** Render a fullscreen capture component that captures a video of the user signing the screen. */
@@ -17717,6 +17661,8 @@ var SignatureKYC = function SignatureKYC(_a) {
17717
17661
  geolocationEnabled: geolocationEnabled,
17718
17662
  geolocationRequired: geolocationRequired,
17719
17663
  useDocumentServiceForLivenessChecks: useDocumentServiceForLivenessChecks
17664
+ }, /*#__PURE__*/React__namespace.default.createElement(SdkPage, {
17665
+ className: classNames === null || classNames === void 0 ? void 0 : classNames.container
17720
17666
  }, /*#__PURE__*/React__namespace.default.createElement(CompositeWizard, {
17721
17667
  debugMode: debugMode,
17722
17668
  checks: React.useMemo(function () {
@@ -17744,7 +17690,7 @@ var SignatureKYC = function SignatureKYC(_a) {
17744
17690
  onUserCancel: onUserCancel
17745
17691
  };
17746
17692
  }, [customOverlayContent, onLoadingOverlayDismissed, loadingOverlayMode, skipSuccessScreen, captureAudio, minSignaturePadPoints, modelLoadTimeoutMs, faceLivenessProps, allowSignatureAfterLivenessCheckFailure, restartVideoOnSignaturePadCleared, classNames, colors, debugMode, verbiage, onModelError, onUserCancel])
17747
- }))));
17693
+ })))));
17748
17694
  };
17749
17695
 
17750
17696
  /**
@@ -17966,6 +17912,8 @@ var VideoIdValidation = function VideoIdValidation(_a) {
17966
17912
  geolocationEnabled: geolocationEnabled,
17967
17913
  geolocationRequired: geolocationRequired,
17968
17914
  useDocumentServiceForLivenessChecks: useDocumentServiceForLivenessChecks
17915
+ }, /*#__PURE__*/React__namespace.default.createElement(SdkPage, {
17916
+ className: classNames === null || classNames === void 0 ? void 0 : classNames.container
17969
17917
  }, /*#__PURE__*/React__namespace.default.createElement(CompositeWizard, {
17970
17918
  checks: React.useMemo(function () {
17971
17919
  return ['VideoIdCapture'];
@@ -17980,7 +17928,7 @@ var VideoIdValidation = function VideoIdValidation(_a) {
17980
17928
  onCameraTamperingDetected: onCameraTamperingDetected,
17981
17929
  onMicrophoneAccessDenied: onMicrophoneAccessDenied,
17982
17930
  debugMode: debugMode
17983
- }))));
17931
+ })))));
17984
17932
  };
17985
17933
 
17986
17934
  /** Render a fullscreen capture component that performs FaceValidation, and then stores the results in IDmission's customer database using the supplied `enrollmentId` for later verification or 1:N matching. */
@@ -18144,6 +18092,8 @@ var CustomerBiometricsEnrollment = function CustomerBiometricsEnrollment(_a) {
18144
18092
  geolocationEnabled: geolocationEnabled,
18145
18093
  geolocationRequired: geolocationRequired,
18146
18094
  useDocumentServiceForLivenessChecks: useDocumentServiceForLivenessChecks
18095
+ }, /*#__PURE__*/React__namespace.default.createElement(SdkPage, {
18096
+ className: classNames === null || classNames === void 0 ? void 0 : classNames.container
18147
18097
  }, /*#__PURE__*/React__namespace.default.createElement(CompositeWizard, {
18148
18098
  checks: React.useMemo(function () {
18149
18099
  return ['FaceLiveness'];
@@ -18157,7 +18107,7 @@ var CustomerBiometricsEnrollment = function CustomerBiometricsEnrollment(_a) {
18157
18107
  onCameraAccessDenied: onCameraAccessDenied,
18158
18108
  onCameraTamperingDetected: onCameraTamperingDetected,
18159
18109
  debugMode: debugMode
18160
- }))));
18110
+ })))));
18161
18111
  };
18162
18112
 
18163
18113
  /**
@@ -18230,6 +18180,8 @@ var DocumentCapture = function DocumentCapture(_a) {
18230
18180
  onCameraTamperingDetected: onCameraTamperingDetected,
18231
18181
  classNames: classNames === null || classNames === void 0 ? void 0 : classNames.cameraStoreProvider,
18232
18182
  verbiage: verbiage === null || verbiage === void 0 ? void 0 : verbiage.cameraStoreProvider
18183
+ }, /*#__PURE__*/React__namespace.default.createElement(SdkPage, {
18184
+ className: classNames === null || classNames === void 0 ? void 0 : classNames.container
18233
18185
  }, /*#__PURE__*/React__namespace.default.createElement(DocumentCaptureWizard, {
18234
18186
  onSuccess: onComplete,
18235
18187
  onExitCapture: onExitCapture,
@@ -18240,7 +18192,7 @@ var DocumentCapture = function DocumentCapture(_a) {
18240
18192
  instructions: instructions,
18241
18193
  classNames: classNames,
18242
18194
  verbiage: verbiage
18243
- })))));
18195
+ }))))));
18244
18196
  };
18245
18197
 
18246
18198
  initializeI18n();