idmission-web-sdk 2.2.177 → 2.3.1

package/dist/sdk2.umd.development.js

@@ -211,7 +211,7 @@
     return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
   };
 
-  var webSdkVersion = '2.2.177';
+  var webSdkVersion = '2.3.1';
 
   function getPlatform() {
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -437,7 +437,7 @@
   });
   var templateObject_1$P;
 
-  var ButtonsRow$2 = styled.div(templateObject_1$O || (templateObject_1$O = __makeTemplateObject(["\n  display: flex;\n  gap: 0 15px;\n  justify-content: center;\n"], ["\n  display: flex;\n  gap: 0 15px;\n  justify-content: center;\n"])));
+  var ButtonsRow$2 = styled.div(templateObject_1$O || (templateObject_1$O = __makeTemplateObject(["\n  display: flex;\n  gap: 0 15px;\n  justify-content: center;\n  text-align: left;\n"], ["\n  display: flex;\n  gap: 0 15px;\n  justify-content: center;\n  text-align: left;\n"])));
   var templateObject_1$O;
 
   var GuidanceMessageContainerDiv = styled.div(templateObject_1$N || (templateObject_1$N = __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) {
@@ -12452,6 +12452,7 @@
     'Loading guided capture experience...': 'Cargando la experiencia guiada para la captura....',
     'Guided capture experience ready': 'Experiencia guiada lista',
     "Let's Go!": '¡Vamos!',
+    'Please wait...': 'Espere...',
     'We are having trouble identifying the correct side of your id do you want to continue with capture anyway?': 'Estamos teniendo problemas para identificar el lado correcto de la identificación,¿continuar con la captura?',
     OK: 'Sí',
     'Capture with Camera': 'Capturar con la cámara',
@@ -12580,6 +12581,7 @@
     'Loading guided capture experience...': 'Geführte Erfassung wird geladen...',
     'Guided capture experience ready': 'Geführte Erfassung bereit',
     "Let's Go!": "Los geht's!",
+    'Please wait...': 'Bitte warten...',
     'We are having trouble identifying the correct side of your id do you want to continue with capture anyway?': 'Wir haben Probleme, die richtige Seite Ihres Ausweises zu erkennen. Möchten Sie dennoch mit der Erfassung fortfahren?',
     OK: 'OK',
     'Capture with Camera': 'Mit der Kamera aufnehmen',
@@ -12707,7 +12709,8 @@
     'Camera ready': 'Caméra prête',
     'Loading guided capture experience...': "Chargement de l'expérience de capture guidée...",
     'Guided capture experience ready': 'Expérience de capture guidée prête',
-    "Let's Go!": 'Allons-y !',
+    "Let's Go!": 'Allons-y!',
+    'Please wait...': 'Veuillez patienter...',
     'We are having trouble identifying the correct side of your id do you want to continue with capture anyway?': "Nous rencontrons des difficultés pour identifier la bonne face de votre pièce d'identité. Voulez-vous quand même continuer la capture ?",
     OK: 'OK',
     'Capture with Camera': "Capture avec l'appareil photo",
@@ -12836,6 +12839,7 @@
     'Loading guided capture experience...': "Caricamento dell'esperienza di acquisizione guidata...",
     'Guided capture experience ready': 'Esperienza di acquisizione guidata pronta',
     "Let's Go!": 'Iniziamo!',
+    'Please wait...': 'Attendere...',
     'We are having trouble identifying the correct side of your id do you want to continue with capture anyway?': "Si stanno verificando problemi nell'identificare il lato corretto del documento d'identità. Procedere con l'acquisizione?",
     OK: 'OK',
     'Capture with Camera': 'Acquisisci con la fotocamera',
@@ -12964,6 +12968,7 @@
     'Loading guided capture experience...': '撮影ガイダンスのエクスペリエンスを読み込み中…',
     'Guided capture experience ready': '撮影ガイダンスのエクスペリエンスが準備完了',
     "Let's Go!": '始めましょう',
+    'Please wait...': 'お待ちください…',
     'We are having trouble identifying the correct side of your id do you want to continue with capture anyway?': '身分証の正しい寸法を特定できません。それでも撮影を続行しますか？',
     OK: 'OK',
     'Capture with Camera': 'カメラで撮影',
@@ -13092,6 +13097,7 @@
     'Loading guided capture experience...': 'Carregando a experiência de captura guiada...',
     'Guided capture experience ready': 'Experiência de captura guiada pronta',
     "Let's Go!": 'Vamos lá!',
+    'Please wait...': 'Aguarde...',
     'We are having trouble identifying the correct side of your id do you want to continue with capture anyway?': 'Estamos com dificuldades para identificar o lado correto da sua identidade. Deseja continuar com a captura mesmo assim?',
     OK: 'OK',
     'Capture with Camera': 'Capturar com a câmera',
@@ -13220,6 +13226,7 @@
     'Loading guided capture experience...': 'Загрузка данных опыта управляемой съемки…',
     'Guided capture experience ready': 'Данные опыта управляемой съемки готовы',
     "Let's Go!": 'Поехали!',
+    'Please wait...': 'Подождите…',
     'We are having trouble identifying the correct side of your id do you want to continue with capture anyway?': 'У нас возникли проблемы с определением правильной стороны вашего удостоверения личности. Все равно хотите продолжить съемку?',
     OK: 'OK',
     'Capture with Camera': 'Снимок с камеры',
@@ -13348,6 +13355,7 @@
     'Loading guided capture experience...': '正在載入引導式拍攝體驗...',
     'Guided capture experience ready': '引導式拍攝體驗就緒',
     "Let's Go!": '開始！',
+    'Please wait...': '請稍候...',
     'We are having trouble identifying the correct side of your id do you want to continue with capture anyway?': '無法識別證件的正確一面，是否仍要繼續拍攝？',
     OK: '確定',
     'Capture with Camera': '使用相机拍摄',
@@ -16391,34 +16399,35 @@
 
   var legacyInstructionImageUrl$1 = "".concat(DEFAULT_CDN_URL, "/WebSDK-Instruction-DL-Capture-3-Portrait.png");
   var IdCaptureLoadingOverlayDefault = function IdCaptureLoadingOverlayDefault(_a) {
-    var _b, _c, _d, _e;
+    var _b, _c, _d, _e, _f, _g;
     var onDismissed = _a.onDismissed,
       onUserCancel = _a.onUserCancel,
       instructions = _a.instructions,
-      _f = _a.rotateImage,
-      rotateImage = _f === void 0 ? false : _f,
-      _g = _a.assets,
-      assets = _g === void 0 ? {} : _g,
-      _h = _a.classNames,
-      classNames = _h === void 0 ? {} : _h,
-      _j = _a.colors,
-      colors = _j === void 0 ? {} : _j,
-      _k = _a.verbiage,
-      rawVerbiage = _k === void 0 ? {} : _k,
+      _h = _a.rotateImage,
+      rotateImage = _h === void 0 ? false : _h,
+      _j = _a.assets,
+      assets = _j === void 0 ? {} : _j,
+      _k = _a.classNames,
+      classNames = _k === void 0 ? {} : _k,
+      _l = _a.colors,
+      colors = _l === void 0 ? {} : _l,
+      _m = _a.verbiage,
+      rawVerbiage = _m === void 0 ? {} : _m,
       customOverlayContent = _a.customOverlayContent;
     var sessionCheckState = useAuthContext()[0].sessionCheckState;
     var sessionReady = sessionCheckState === 'PASSED';
-    var _l = useIdCaptureModelsContext(),
-      modelsReady = _l.ready,
-      modelDownloadProgress = _l.modelDownloadProgress;
-    var _m = useCameraStore(),
-      cameraReady = _m.cameraReady,
-      cameraAccessDenied = _m.cameraAccessDenied,
-      iphoneContinuityCameraAvailable = _m.iphoneContinuityCameraAvailable,
-      setIphoneContinuityCameraAllowed = _m.setIphoneContinuityCameraAllowed;
-    var _o = React.useState(false),
-      dismissed = _o[0],
-      setDismissed = _o[1];
+    var _o = useIdCaptureModelsContext(),
+      modelsReady = _o.ready,
+      modelDownloadProgress = _o.modelDownloadProgress;
+    var _p = useCameraStore(),
+      cameraReady = _p.cameraReady,
+      cameraAccessDenied = _p.cameraAccessDenied,
+      iphoneContinuityCameraAvailable = _p.iphoneContinuityCameraAvailable,
+      setIphoneContinuityCameraAllowed = _p.setIphoneContinuityCameraAllowed;
+    var _q = React.useState(false),
+      dismissed = _q[0],
+      setDismissed = _q[1];
+    var theme = styled.useTheme();
     assets.instructionImageUrl || (assets.instructionImageUrl = legacyInstructionImageUrl$1);
     var verbiage = useTranslations(rawVerbiage, {
       headingText: 'Use your device camera to capture your ID',
@@ -16429,6 +16438,7 @@
       cameraInitializingText: 'Camera initializing...',
       cameraInitializedText: 'Camera ready',
       continueText: "Let's Go!",
+      pleaseWaitText: 'Please wait...',
       sessionCheckingText: 'Authenticating...'
     });
     var ready = sessionReady && modelsReady && cameraReady;
@@ -16523,17 +16533,18 @@
       state: sessionReady && modelsReady ? 'done' : 'running'
     }), !sessionReady ? verbiage.sessionCheckingText : modelsReady ? verbiage.modelsReadyText : modelDownloadProgress >= 100 ? verbiage.modelsWarmingUpText : "".concat(verbiage.downloadingText, " (").concat(modelDownloadProgress, "%)")))), /*#__PURE__*/React.createElement(ContinueButtonContainer$1, {
       className: classNames.continueBtnContainer
-    }, ready && ( /*#__PURE__*/React.createElement(ContinueButton$1, {
+    }, (ready || ((_g = (_f = theme.idCapture) === null || _f === void 0 ? void 0 : _f.loadingOverlay) === null || _g === void 0 ? void 0 : _g.displayDisabledContinueBtn)) && ( /*#__PURE__*/React.createElement(ContinueButton$1, {
       autoFocus: true,
-      finished: true,
+      finished: ready,
       className: classNames.continueBtn,
+      disabled: !ready,
       variant: "positive",
       colors: colors.continueBtn,
       onClick: function onClick() {
         setDismissed(true);
         onDismissed === null || onDismissed === void 0 ? void 0 : onDismissed();
       }
-    }, verbiage.continueText))))));
+    }, ready ? verbiage.continueText : verbiage.pleaseWaitText))))));
   };
   var OverlayInner$1 = styled(LoadingOverlayInner)(templateObject_1$D || (templateObject_1$D = __makeTemplateObject(["\n  background: ", ";\n  color: ", ";\n"], ["\n  background: ", ";\n  color: ", ";\n"])), function (props) {
     var _a, _b, _c, _d;
@@ -16562,7 +16573,7 @@
   var ProgressIndicator$1 = styled(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);
   var CustomLoadingGraphic$1 = styled.img(templateObject_8$2 || (templateObject_8$2 = __makeTemplateObject(["\n  transform-style: preserve-3d;\n"], ["\n  transform-style: preserve-3d;\n"])));
   var ContinueButtonContainer$1 = styled.div(templateObject_9$2 || (templateObject_9$2 = __makeTemplateObject(["\n  display: flex;\n"], ["\n  display: flex;\n"])));
-  var ContinueButton$1 = styled(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) {
+  var ContinueButton$1 = styled(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  &.disabled {\n    background: ", ";\n    color: ", ";\n    border: ", ";\n  }\n"], ["\n  margin: auto;\n  white-space: nowrap;\n  ", "\n  ", "\n  \n  &:focus-visible {\n    ", "\n    box-shadow: none;\n  }\n\n  &.disabled {\n    background: ", ";\n    color: ", ";\n    border: ", ";\n  }\n"])), function (props) {
     var _a, _b, _c, _d, _e, _f;
     return ((_c = (_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.idCapture) === null || _b === void 0 ? void 0 : _b.loadingOverlay) === null || _c === void 0 ? void 0 : _c.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, ";") : '';
   }, function (props) {
@@ -16571,6 +16582,15 @@
   }, function (props) {
     var _a, _b, _c, _d, _e, _f;
     return ((_c = (_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.idCapture) === null || _b === void 0 ? void 0 : _b.loadingOverlay) === null || _c === void 0 ? void 0 : _c.continueBtnBorder) ? "border: ".concat((_f = (_e = (_d = props.theme) === null || _d === void 0 ? void 0 : _d.idCapture) === null || _e === void 0 ? void 0 : _e.loadingOverlay) === null || _f === void 0 ? void 0 : _f.continueBtnBorder, ";") : '';
+  }, function (props) {
+    var _a, _b, _c, _d;
+    return (_d = (_c = (_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.idCapture) === null || _b === void 0 ? void 0 : _b.loadingOverlay) === null || _c === void 0 ? void 0 : _c.continueBtnDisabledBackgroundColor) !== null && _d !== void 0 ? _d : 'var(--idm-color-positive-600)';
+  }, function (props) {
+    var _a, _b, _c, _d;
+    return (_d = (_c = (_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.idCapture) === null || _b === void 0 ? void 0 : _b.loadingOverlay) === null || _c === void 0 ? void 0 : _c.continueBtnDisabledTextColor) !== null && _d !== void 0 ? _d : 'white';
+  }, function (props) {
+    var _a, _b, _c, _d;
+    return (_d = (_c = (_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.idCapture) === null || _b === void 0 ? void 0 : _b.loadingOverlay) === null || _c === void 0 ? void 0 : _c.continueBtnDisabledBorder) !== null && _d !== void 0 ? _d : 'none';
   });
   var templateObject_1$D, templateObject_2$x, templateObject_3$m, templateObject_4$g, templateObject_5$c, templateObject_6$9, templateObject_7$6, templateObject_8$2, templateObject_9$2, templateObject_10$1;
 
@@ -21400,40 +21420,43 @@
 
   var legacyInstructionImageUrl = "".concat(DEFAULT_CDN_URL, "/Selfie-Image-1.png");
   var SelfieCaptureLoadingOverlayDefault = function SelfieCaptureLoadingOverlayDefault(_a) {
+    var _b, _c;
     var onDismissed = _a.onDismissed,
       onUserCancel = _a.onUserCancel,
       customOverlayContent = _a.customOverlayContent,
-      _b = _a.waitForIdCaptureModels,
-      waitForIdCaptureModels = _b === void 0 ? false : _b,
-      _c = _a.assets,
-      assets = _c === void 0 ? {} : _c,
-      _d = _a.classNames,
-      classNames = _d === void 0 ? {} : _d,
-      _e = _a.colors,
-      colors = _e === void 0 ? {} : _e,
-      _f = _a.verbiage,
-      rawVerbiage = _f === void 0 ? {} : _f;
+      _d = _a.waitForIdCaptureModels,
+      waitForIdCaptureModels = _d === void 0 ? false : _d,
+      _e = _a.assets,
+      assets = _e === void 0 ? {} : _e,
+      _f = _a.classNames,
+      classNames = _f === void 0 ? {} : _f,
+      _g = _a.colors,
+      colors = _g === void 0 ? {} : _g,
+      _h = _a.verbiage,
+      rawVerbiage = _h === void 0 ? {} : _h;
     var sessionCheckState = useAuthContext()[0].sessionCheckState;
     var sessionReady = sessionCheckState === 'PASSED';
-    var _g = useCameraStore(useShallow(function (state) {
+    var _j = useCameraStore(useShallow(function (state) {
         return {
           cameraReady: state.cameraReady,
           cameraAccessDenied: state.cameraAccessDenied,
           microphoneAccessDenied: state.microphoneAccessDenied
         };
       })),
-      cameraReady = _g.cameraReady,
-      cameraAccessDenied = _g.cameraAccessDenied,
-      microphoneAccessDenied = _g.microphoneAccessDenied;
-    var _h = useSelfieGuidanceModelsContext(),
-      modelsReady = _h.ready,
-      modelDownloadProgress = _h.modelDownloadProgress;
+      cameraReady = _j.cameraReady,
+      cameraAccessDenied = _j.cameraAccessDenied,
+      microphoneAccessDenied = _j.microphoneAccessDenied;
+    var _k = useSelfieGuidanceModelsContext(),
+      modelsReady = _k.ready,
+      modelDownloadProgress = _k.modelDownloadProgress;
     var idCaptureModelsContext = React.useContext(IdCaptureModelsContext);
+    var theme = styled.useTheme();
     var verbiage = useTranslations(rawVerbiage, {
       headingText: 'Use your device camera to capture your face',
       removeEyeCoveringsText: 'Remove Sunglasses & Hat',
       avoidExcessiveBacklightingText: 'Avoid Excessive Backlighting',
       continueText: "Let's Go!",
+      pleaseWaitText: 'Please wait...',
       cameraInitializingText: 'Accessing camera...',
       cameraInitializedText: 'Camera ready',
       downloadingText: 'Downloading...',
@@ -21441,9 +21464,9 @@
       modelsReadyText: 'Guided capture experience ready',
       sessionCheckingText: 'Authenticating...'
     });
-    var _j = React.useState(0),
-      headingTextIndex = _j[0],
-      setHeadingTextIndex = _j[1];
+    var _l = React.useState(0),
+      headingTextIndex = _l[0],
+      setHeadingTextIndex = _l[1];
     var headingText = [verbiage.headingText, verbiage.removeEyeCoveringsText, verbiage.avoidExcessiveBacklightingText][headingTextIndex];
     React.useEffect(function () {
       setInterval(function () {
@@ -21452,9 +21475,9 @@
         });
       }, 3000);
     }, []);
-    var _k = React.useState(false),
-      dismissed = _k[0],
-      setDismissed = _k[1];
+    var _m = React.useState(false),
+      dismissed = _m[0],
+      setDismissed = _m[1];
     if (dismissed) return /*#__PURE__*/React.createElement(React.Fragment, null);
     if (cameraAccessDenied) {
       return /*#__PURE__*/React.createElement(CameraAccessDeniedOverlay, {
@@ -21520,9 +21543,10 @@
       state: sessionReady && allModelsReady ? 'done' : 'running'
     }), !sessionReady ? verbiage.sessionCheckingText : allModelsReady ? verbiage.modelsReadyText : modelDownloadProgress >= 100 ? verbiage.modelsWarmingUpText : "".concat(verbiage.downloadingText, " (").concat(modelDownloadProgress, "%)")))), /*#__PURE__*/React.createElement(ContinueButtonContainer, {
       className: classNames.continueBtnContainer
-    }, ready && ( /*#__PURE__*/React.createElement(ContinueButton, {
+    }, (ready || ((_c = (_b = theme.selfieCapture) === null || _b === void 0 ? void 0 : _b.loadingOverlay) === null || _c === void 0 ? void 0 : _c.displayDisabledContinueBtn)) && ( /*#__PURE__*/React.createElement(ContinueButton, {
       autoFocus: true,
-      finished: true,
+      finished: ready,
+      disabled: !ready,
       className: classNames.continueBtn,
       variant: "positive",
       colors: colors.continueBtn,
@@ -21530,7 +21554,7 @@
         setDismissed(true);
         onDismissed === null || onDismissed === void 0 ? void 0 : onDismissed();
       }
-    }, verbiage.continueText))))));
+    }, ready ? verbiage.continueText : verbiage.pleaseWaitText))))));
   };
   var OverlayInner = styled(LoadingOverlayInner)(templateObject_1$f || (templateObject_1$f = __makeTemplateObject(["\n  background: ", ";\n  color: ", ";\n"], ["\n  background: ", ";\n  color: ", ";\n"])), function (props) {
     var _a, _b, _c, _d;
@@ -21559,7 +21583,7 @@
   });
   var CustomLoadingGraphic = styled.img(templateObject_5$4 || (templateObject_5$4 = __makeTemplateObject(["\n  transform-style: preserve-3d;\n"], ["\n  transform-style: preserve-3d;\n"])));
   var ContinueButtonContainer = styled.div(templateObject_6$3 || (templateObject_6$3 = __makeTemplateObject(["\n  display: flex;\n"], ["\n  display: flex;\n"])));
-  var ContinueButton = styled(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) {
+  var ContinueButton = styled(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  &.disabled {\n    background: ", ";\n    color: ", ";\n    border: ", ";\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\n  &.disabled {\n    background: ", ";\n    color: ", ";\n    border: ", ";\n    box-shadow: none;\n  }\n"])), function (props) {
     var _a, _b, _c, _d, _e, _f;
     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, ";") : '';
   }, function (props) {
@@ -21568,6 +21592,15 @@
   }, function (props) {
     var _a, _b, _c, _d, _e, _f;
     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, ";") : '';
+  }, function (props) {
+    var _a, _b, _c, _d;
+    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.continueBtnDisabledBackgroundColor) !== null && _d !== void 0 ? _d : 'var(--idm-color-positive-600)';
+  }, function (props) {
+    var _a, _b, _c, _d;
+    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.continueBtnDisabledTextColor) !== null && _d !== void 0 ? _d : 'white';
+  }, function (props) {
+    var _a, _b, _c, _d;
+    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.continueBtnBorder) !== null && _d !== void 0 ? _d : 'none';
   });
   var templateObject_1$f, templateObject_2$d, templateObject_3$b, templateObject_4$6, templateObject_5$4, templateObject_6$3, templateObject_7$2;
 
@@ -25274,7 +25307,10 @@
         progressBarBackgroundOpacity: 0.75,
         progressBarIndicatorColor: 'var(--idm-color-positive-600)',
         progressBarTextColor: 'white',
-        continueBtnBorder: '2px solid white'
+        continueBtnBorder: '2px solid white',
+        continueBtnDisabledBackgroundColor: 'var(--idm-color-positive-600)',
+        continueBtnDisabledTextColor: 'white',
+        continueBtnDisabledBorder: 'none'
       },
       guideOverlay: {
         backgroundColor: '#708090',