idmission-web-sdk 2.3.0 → 2.3.2

package/dist/sdk2.cjs.development.js

@@ -235,7 +235,7 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
   return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
 };
 
-var webSdkVersion = '2.3.0';
+var webSdkVersion = '2.3.2';
 
 function getPlatform() {
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -461,7 +461,7 @@ var StyledButton = styled__default.default.button(templateObject_1$P || (templat
 });
 var templateObject_1$P;
 
-var ButtonsRow$2 = styled__default.default.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__default.default.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__default.default.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) {
@@ -3723,6 +3723,7 @@ var es = {
   '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',
@@ -3851,6 +3852,7 @@ var de = {
   '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',
@@ -3978,7 +3980,8 @@ var fr = {
   '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",
@@ -4107,6 +4110,7 @@ var it = {
   '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',
@@ -4235,6 +4239,7 @@ var ja = {
   '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': 'カメラで撮影',
@@ -4363,6 +4368,7 @@ var pt = {
   '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',
@@ -4491,6 +4497,7 @@ var ru = {
   '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': 'Снимок с камеры',
@@ -4619,6 +4626,7 @@ var zh = {
   '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': '使用相机拍摄',
@@ -7284,34 +7292,35 @@ function LoadingListItemIndicator(_a) {
 
 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',
@@ -7322,6 +7331,7 @@ var IdCaptureLoadingOverlayDefault = function IdCaptureLoadingOverlayDefault(_a)
     cameraInitializingText: 'Camera initializing...',
     cameraInitializedText: 'Camera ready',
     continueText: "Let's Go!",
+    pleaseWaitText: 'Please wait...',
     sessionCheckingText: 'Authenticating...'
   });
   var ready = sessionReady && modelsReady && cameraReady;
@@ -7416,17 +7426,18 @@ var IdCaptureLoadingOverlayDefault = function IdCaptureLoadingOverlayDefault(_a)
     state: sessionReady && modelsReady ? 'done' : 'running'
   }), !sessionReady ? verbiage.sessionCheckingText : modelsReady ? verbiage.modelsReadyText : modelDownloadProgress >= 100 ? verbiage.modelsWarmingUpText : "".concat(verbiage.downloadingText, " (").concat(modelDownloadProgress, "%)")))), /*#__PURE__*/React__namespace.default.createElement(ContinueButtonContainer$1, {
     className: classNames.continueBtnContainer
-  }, ready && ( /*#__PURE__*/React__namespace.default.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__namespace.default.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__default.default(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;
@@ -7455,7 +7466,7 @@ var ProgressBarBackground$1 = styled__default.default(LoadingOverlayProgressBarB
 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);
 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"])));
 var ContinueButtonContainer$1 = styled__default.default.div(templateObject_9$2 || (templateObject_9$2 = __makeTemplateObject(["\n  display: flex;\n"], ["\n  display: flex;\n"])));
-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) {
+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  &.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) {
@@ -7464,6 +7475,15 @@ var ContinueButton$1 = styled__default.default(LoaderButton)(templateObject_10$1
 }, 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;
 
@@ -12293,40 +12313,43 @@ var templateObject_1$g, templateObject_2$e;
 
 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(shallow.useShallow(function (state) {
+  var _j = useCameraStore(shallow.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...',
@@ -12334,9 +12357,9 @@ var SelfieCaptureLoadingOverlayDefault = function SelfieCaptureLoadingOverlayDef
     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 () {
@@ -12345,9 +12368,9 @@ var SelfieCaptureLoadingOverlayDefault = function SelfieCaptureLoadingOverlayDef
       });
     }, 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__namespace.default.createElement(React__namespace.default.Fragment, null);
   if (cameraAccessDenied) {
     return /*#__PURE__*/React__namespace.default.createElement(CameraAccessDeniedOverlay, {
@@ -12413,9 +12436,10 @@ var SelfieCaptureLoadingOverlayDefault = function SelfieCaptureLoadingOverlayDef
     state: sessionReady && allModelsReady ? 'done' : 'running'
   }), !sessionReady ? verbiage.sessionCheckingText : allModelsReady ? verbiage.modelsReadyText : modelDownloadProgress >= 100 ? verbiage.modelsWarmingUpText : "".concat(verbiage.downloadingText, " (").concat(modelDownloadProgress, "%)")))), /*#__PURE__*/React__namespace.default.createElement(ContinueButtonContainer, {
     className: classNames.continueBtnContainer
-  }, ready && ( /*#__PURE__*/React__namespace.default.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__namespace.default.createElement(ContinueButton, {
     autoFocus: true,
-    finished: true,
+    finished: ready,
+    disabled: !ready,
     className: classNames.continueBtn,
     variant: "positive",
     colors: colors.continueBtn,
@@ -12423,7 +12447,7 @@ var SelfieCaptureLoadingOverlayDefault = function SelfieCaptureLoadingOverlayDef
       setDismissed(true);
       onDismissed === null || onDismissed === void 0 ? void 0 : onDismissed();
     }
-  }, verbiage.continueText))))));
+  }, ready ? verbiage.continueText : verbiage.pleaseWaitText))))));
 };
 var OverlayInner = styled__default.default(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;
@@ -12452,7 +12476,7 @@ var ProgressIndicator = styled__default.default(LoadingOverlayProgressIndicator)
 });
 var CustomLoadingGraphic = styled__default.default.img(templateObject_5$4 || (templateObject_5$4 = __makeTemplateObject(["\n  transform-style: preserve-3d;\n"], ["\n  transform-style: preserve-3d;\n"])));
 var ContinueButtonContainer = styled__default.default.div(templateObject_6$3 || (templateObject_6$3 = __makeTemplateObject(["\n  display: flex;\n"], ["\n  display: flex;\n"])));
-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) {
+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  &.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) {
@@ -12461,6 +12485,15 @@ var ContinueButton = styled__default.default(LoaderButton)(templateObject_7$2 ||
 }, 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;
 
@@ -15399,7 +15432,10 @@ var defaultTheme = {
       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',
@@ -15564,42 +15600,44 @@ var IdValidation = function IdValidation(_a) {
     sendBase64DocumentsInSwaggerProxy = _a.sendBase64DocumentsInSwaggerProxy,
     customerDataMatchConfig = _a.customerDataMatchConfig,
     useDocumentServiceForLivenessChecks = _a.useDocumentServiceForLivenessChecks,
+    _c = _a.captureOnly,
+    captureOnly = _c === void 0 ? false : _c,
     precapturedDocuments = _a.precapturedDocuments,
-    _c = _a.loadingOverlayMode,
-    loadingOverlayMode = _c === void 0 ? 'default' : _c,
+    _d = _a.loadingOverlayMode,
+    loadingOverlayMode = _d === void 0 ? 'default' : _d,
     customOverlayContent = _a.customOverlayContent,
     onLoadingOverlayDismissed = _a.onLoadingOverlayDismissed,
-    _d = _a.idCaptureRequirement,
-    idCaptureRequirement = _d === void 0 ? 'idCardOrPassport' : _d,
-    _e = _a.allowSinglePageIdCapture,
-    allowSinglePageIdCapture = _e === void 0 ? false : _e,
-    _f = _a.separateIdCardCaptureSequence,
-    separateIdCardCaptureSequence = _f === void 0 ? false : _f,
-    _g = _a.idCaptureThresholds,
-    idCaptureThresholds = _g === void 0 ? defaultIdCaptureThresholds : _g,
-    _h = _a.skipSuccessScreen,
-    skipSuccessScreen = _h === void 0 ? false : _h,
+    _e = _a.idCaptureRequirement,
+    idCaptureRequirement = _e === void 0 ? 'idCardOrPassport' : _e,
+    _f = _a.allowSinglePageIdCapture,
+    allowSinglePageIdCapture = _f === void 0 ? false : _f,
+    _g = _a.separateIdCardCaptureSequence,
+    separateIdCardCaptureSequence = _g === void 0 ? false : _g,
+    _h = _a.idCaptureThresholds,
+    idCaptureThresholds = _h === void 0 ? defaultIdCaptureThresholds : _h,
+    _j = _a.skipSuccessScreen,
+    skipSuccessScreen = _j === void 0 ? false : _j,
     instructions = _a.instructions,
-    _j = _a.guideType,
-    guideType = _j === void 0 ? 'fit' : _j,
-    _k = _a.guideImages,
-    guideImages = _k === void 0 ? defaultIdCaptureGuideImages : _k,
-    _l = _a.portraitGuidesOnMobile,
-    portraitGuidesOnMobile = _l === void 0 ? true : _l,
-    _m = _a.rotateLoadingOverlayImageWhenPortrait,
-    rotateLoadingOverlayImageWhenPortrait = _m === void 0 ? true : _m,
-    _o = _a.modelLoadTimeoutMs,
-    modelLoadTimeoutMs = _o === void 0 ? defaultDocumentDetectionModelLoadTimeoutMs : _o,
-    _p = _a.forceFallbackMode,
-    forceFallbackMode = _p === void 0 ? false : _p,
-    _q = _a.allowIdCardBackToFrontCapture,
-    allowIdCardBackToFrontCapture = _q === void 0 ? false : _q,
-    _r = _a.enableOverrideWrongDocumentTypeDialog,
-    enableOverrideWrongDocumentTypeDialog = _r === void 0 ? false : _r,
-    _s = _a.allowOverrideWrongDocumentTypeAfterMs,
-    allowOverrideWrongDocumentTypeAfterMs = _s === void 0 ? 8000 : _s,
-    _t = _a.allowUploadingDocumentsFromStorage,
-    allowUploadingDocumentsFromStorage = _t === void 0 ? false : _t,
+    _k = _a.guideType,
+    guideType = _k === void 0 ? 'fit' : _k,
+    _l = _a.guideImages,
+    guideImages = _l === void 0 ? defaultIdCaptureGuideImages : _l,
+    _m = _a.portraitGuidesOnMobile,
+    portraitGuidesOnMobile = _m === void 0 ? true : _m,
+    _o = _a.rotateLoadingOverlayImageWhenPortrait,
+    rotateLoadingOverlayImageWhenPortrait = _o === void 0 ? true : _o,
+    _p = _a.modelLoadTimeoutMs,
+    modelLoadTimeoutMs = _p === void 0 ? defaultDocumentDetectionModelLoadTimeoutMs : _p,
+    _q = _a.forceFallbackMode,
+    forceFallbackMode = _q === void 0 ? false : _q,
+    _r = _a.allowIdCardBackToFrontCapture,
+    allowIdCardBackToFrontCapture = _r === void 0 ? false : _r,
+    _s = _a.enableOverrideWrongDocumentTypeDialog,
+    enableOverrideWrongDocumentTypeDialog = _s === void 0 ? false : _s,
+    _t = _a.allowOverrideWrongDocumentTypeAfterMs,
+    allowOverrideWrongDocumentTypeAfterMs = _t === void 0 ? 8000 : _t,
+    _u = _a.allowUploadingDocumentsFromStorage,
+    allowUploadingDocumentsFromStorage = _u === void 0 ? false : _u,
     onBeforeSubmit = _a.onBeforeSubmit,
     onBeforeDocumentUpload = _a.onBeforeDocumentUpload,
     onDocumentUploadProgress = _a.onDocumentUploadProgress,
@@ -15615,28 +15653,28 @@ var IdValidation = function IdValidation(_a) {
     onModelError = _a.onModelError,
     onCameraAccessDenied = _a.onCameraAccessDenied,
     onCameraTamperingDetected = _a.onCameraTamperingDetected,
-    _u = _a.theme,
-    theme = _u === void 0 ? 'default' : _u,
-    _v = _a.assets,
-    assets = _v === void 0 ? {} : _v,
-    _w = _a.classNames,
-    classNames = _w === void 0 ? {} : _w,
-    _x = _a.colors,
-    colors = _x === void 0 ? {} : _x,
-    _y = _a.verbiage,
-    verbiage = _y === void 0 ? {} : _y,
-    _z = _a.captureSignature,
-    captureSignature = _z === void 0 ? false : _z,
-    _0 = _a.captureSignatureVideo,
-    captureSignatureVideo = _0 === void 0 ? false : _0,
-    _1 = _a.captureAdditionalDocuments,
-    captureAdditionalDocuments = _1 === void 0 ? [] : _1,
-    _2 = _a.geolocationEnabled,
-    geolocationEnabled = _2 === void 0 ? true : _2,
-    _3 = _a.geolocationRequired,
-    geolocationRequired = _3 === void 0 ? false : _3,
-    _4 = _a.debugMode,
-    debugMode = _4 === void 0 ? false : _4;
+    _v = _a.theme,
+    theme = _v === void 0 ? 'default' : _v,
+    _w = _a.assets,
+    assets = _w === void 0 ? {} : _w,
+    _x = _a.classNames,
+    classNames = _x === void 0 ? {} : _x,
+    _y = _a.colors,
+    colors = _y === void 0 ? {} : _y,
+    _z = _a.verbiage,
+    verbiage = _z === void 0 ? {} : _z,
+    _0 = _a.captureSignature,
+    captureSignature = _0 === void 0 ? false : _0,
+    _1 = _a.captureSignatureVideo,
+    captureSignatureVideo = _1 === void 0 ? false : _1,
+    _2 = _a.captureAdditionalDocuments,
+    captureAdditionalDocuments = _2 === void 0 ? [] : _2,
+    _3 = _a.geolocationEnabled,
+    geolocationEnabled = _3 === void 0 ? true : _3,
+    _4 = _a.geolocationRequired,
+    geolocationRequired = _4 === void 0 ? false : _4,
+    _5 = _a.debugMode,
+    debugMode = _5 === void 0 ? false : _5;
   useLanguage(lang);
   useDebugLogging(debugMode);
   var idCaptureProps = React.useMemo(function () {
@@ -15709,7 +15747,7 @@ var IdValidation = function IdValidation(_a) {
   }, /*#__PURE__*/React__namespace.default.createElement(ThemeProvider, {
     theme: theme
   }, /*#__PURE__*/React__namespace.default.createElement(SubmissionProvider, {
-    action: SubmissionAction.VALIDATE,
+    action: captureOnly ? SubmissionAction.NONE : SubmissionAction.VALIDATE,
     submissionUrl: submissionUrl,
     clientRequestID: clientRequestID,
     documentServiceUrl: documentServiceUrl,