idmission-web-sdk 1.0.383 → 1.0.384

package/dist/components/video_id/IdVideoCapture.d.ts

@@ -36,6 +36,7 @@ export type IdVideoCaptureProps = {
     onIdFrontImageCaptured?: (imageUrl: string) => void;
     onIdBackImageCaptured?: (imageUrl: string) => void;
     onFaceNotDetected?: () => void;
+    onRecordingFailed?: () => void;
     idCaptureModelsEnabled?: boolean;
     idCardFrontDelay?: number;
     idCardFrontDetectionThreshold?: number;
@@ -57,4 +58,4 @@ export type IdVideoCaptureProps = {
     verbiage?: IdVideoCaptureVerbiage;
     debugMode?: boolean;
 };
-export declare const IdVideoCapture: ({ onComplete, onIdFrontImageCaptured, onIdBackImageCaptured, onFaceNotDetected, idCaptureModelsEnabled, idCardFrontDelay, idCardFrontDetectionThreshold, idCardFrontFocusThreshold, goodIdCardFrontFramesThreshold, idCardBackDetectionThreshold, idCardBackFocusThreshold, goodIdCardBackFramesThreshold, skipShowIdCardBack, captureCountdownSeconds, readTextPrompt, readTextTimeoutDurationMs, readTextMinReadingMs, disableFaceDetectionWhileAudioCapture, disableFaceDetectionWhileAudioCaptureMsDelay, assets, classNames, colors, verbiage: rawVerbiage, debugMode, }: IdVideoCaptureProps) => ReactElement;
+export declare const IdVideoCapture: ({ onComplete, onIdFrontImageCaptured, onIdBackImageCaptured, onFaceNotDetected, onRecordingFailed, idCaptureModelsEnabled, idCardFrontDelay, idCardFrontDetectionThreshold, idCardFrontFocusThreshold, goodIdCardFrontFramesThreshold, idCardBackDetectionThreshold, idCardBackFocusThreshold, goodIdCardBackFramesThreshold, skipShowIdCardBack, captureCountdownSeconds, readTextPrompt, readTextTimeoutDurationMs, readTextMinReadingMs, disableFaceDetectionWhileAudioCapture, disableFaceDetectionWhileAudioCaptureMsDelay, assets, classNames, colors, verbiage: rawVerbiage, debugMode, }: IdVideoCaptureProps) => ReactElement;

package/dist/lib/camera/useVideoRecorder.d.ts

@@ -6,6 +6,8 @@ export declare const useVideoRecorder: (camera: Camera | null, audioStream?: Med
     startRecordingAudio: () => void;
     stopRecordingVideo: () => void;
     stopRecordingAudio: () => void;
+    videoRecordingUnintentionallyStopped: boolean;
+    audioRecordingUnintentionallyStopped: boolean;
     videoUrl: string | null;
     audioUrl: string | null;
 };

package/dist/sdk2.cjs.development.js

@@ -51,7 +51,7 @@ var LanguageDetector__default = /*#__PURE__*/_interopDefaultLegacy(LanguageDetec
 var i18n__default = /*#__PURE__*/_interopDefaultLegacy(i18n);
 var SignatureCanvas__default = /*#__PURE__*/_interopDefaultLegacy(SignatureCanvas);
 
-var webSdkVersion = '1.0.383';
+var webSdkVersion = '1.0.384';
 
 function getPlatform() {
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -2061,6 +2061,11 @@ function usePreferredCaptureDevice(_a) {
             currentAudioStream = stream;
             setAudioStream(stream);
             setMicrophoneReady(true);
+            stream.getAudioTracks().forEach(function (track) {
+              track.onended = function () {
+                setMicrophoneAccessDenied(true);
+              };
+            });
             return [3 /*break*/, 4];
           case 3:
             _a.sent();
@@ -13574,17 +13579,19 @@ var IdCaptureWizard = function IdCaptureWizard(_a) {
   var _15 = useIdCaptureState(),
     state = _15[0],
     dispatch = _15[1];
-  var releaseCameraAccess = React.useContext(CameraStateContext).releaseCameraAccess;
-  var _16 = React.useState(false),
-    overlayDismissed = _16[0],
-    setOverlayDismissed = _16[1];
-  var _17 = React.useContext(SubmissionContext),
-    submissionStatus = _17.submissionStatus,
-    setIdFrontImage = _17.setIdFrontImage,
-    setIdBackImage = _17.setIdBackImage,
-    setPassportImage = _17.setPassportImage,
-    logIdFrontCaptureAttempt = _17.logIdFrontCaptureAttempt,
-    logIdBackCaptureAttempt = _17.logIdBackCaptureAttempt;
+  var _16 = React.useContext(CameraStateContext),
+    cameraAccessDenied = _16.cameraAccessDenied,
+    releaseCameraAccess = _16.releaseCameraAccess;
+  var _17 = React.useState(false),
+    overlayDismissed = _17[0],
+    setOverlayDismissed = _17[1];
+  var _18 = React.useContext(SubmissionContext),
+    submissionStatus = _18.submissionStatus,
+    setIdFrontImage = _18.setIdFrontImage,
+    setIdBackImage = _18.setIdBackImage,
+    setPassportImage = _18.setPassportImage,
+    logIdFrontCaptureAttempt = _18.logIdFrontCaptureAttempt,
+    logIdBackCaptureAttempt = _18.logIdBackCaptureAttempt;
   var idModelError = React.useContext(IdCaptureModelsContext).idModelError;
   var operationStartedAt = React.useRef();
   React.useEffect(function () {
@@ -13649,9 +13656,9 @@ var IdCaptureWizard = function IdCaptureWizard(_a) {
       type: 'resetWizard'
     });
   }, [dispatch]);
-  var _18 = React.useState(0),
-    attempt = _18[0],
-    setAttempt = _18[1];
+  var _19 = React.useState(0),
+    attempt = _19[0],
+    setAttempt = _19[1];
   var onExit = React.useCallback(function () {
     setOverlayDismissed(false);
     setAttempt(function (n) {
@@ -13667,6 +13674,14 @@ var IdCaptureWizard = function IdCaptureWizard(_a) {
       releaseCameraAccessOnExit && releaseCameraAccess();
     }
   }, [releaseCameraAccess, releaseCameraAccessOnExit, submissionStatus]);
+  React.useEffect(function () {
+    if (cameraAccessDenied) {
+      setOverlayDismissed(false);
+      setAttempt(function (n) {
+        return n + 1;
+      });
+    }
+  }, [cameraAccessDenied]);
   assets.idCardFront || (assets.idCardFront = {});
   (_h = assets.idCardFront).portraitGuidesImageUrl || (_h.portraitGuidesImageUrl = "".concat(DEFAULT_CDN_URL, "/Shieldout-IDCard-Front-SVG-Portrait-2.svg"));
   (_j = assets.idCardFront).landscapeGuidesImageUrl || (_j.landscapeGuidesImageUrl = "".concat(DEFAULT_CDN_URL, "/Shieldout-IDCard-Front-SVG-Landscape-2.svg"));
@@ -13694,12 +13709,12 @@ var IdCaptureWizard = function IdCaptureWizard(_a) {
     })
   };
   var theme = styled.useTheme();
-  var _19 = useIdCaptureState()[0],
-    guideRectX = _19.guideRectX,
-    guideRectY = _19.guideRectY,
-    guideRectWidth = _19.guideRectWidth,
-    guideRectHeight = _19.guideRectHeight,
-    imageUrl = _19.imageUrl;
+  var _20 = useIdCaptureState()[0],
+    guideRectX = _20.guideRectX,
+    guideRectY = _20.guideRectY,
+    guideRectWidth = _20.guideRectWidth,
+    guideRectHeight = _20.guideRectHeight,
+    imageUrl = _20.imageUrl;
   var idCaptureAssets = assets[state.requestedDocumentType];
   var idCaptureVerbiage = idCaptureVerbiages[state.requestedDocumentType];
   React.useEffect(function () {
@@ -15294,16 +15309,18 @@ var FaceLivenessWizard = function FaceLivenessWizard(_a) {
     livenessCheckRequest = _s.livenessCheckRequest,
     setSelfieImage = _s.setSelfieImage,
     logSelfieCaptureAttempt = _s.logSelfieCaptureAttempt;
-  var releaseCameraAccess = React.useContext(CameraStateContext).releaseCameraAccess;
-  var _t = React.useState(''),
-    faceCropImageUrl = _t[0],
-    setFaceCropImageUrl = _t[1];
-  var _u = React.useState(0),
-    retryCount = _u[0],
-    setRetryCount = _u[1];
-  var _v = React.useState('LOADING'),
-    captureState = _v[0],
-    setCaptureState = _v[1];
+  var _t = React.useContext(CameraStateContext),
+    cameraAccessDenied = _t.cameraAccessDenied,
+    releaseCameraAccess = _t.releaseCameraAccess;
+  var _u = React.useState(''),
+    faceCropImageUrl = _u[0],
+    setFaceCropImageUrl = _u[1];
+  var _v = React.useState(0),
+    retryCount = _v[0],
+    setRetryCount = _v[1];
+  var _w = React.useState('LOADING'),
+    captureState = _w[0],
+    setCaptureState = _w[1];
   var captureStartedAt = React.useRef();
   var captureEndedAt = React.useRef();
   var operationStartedAt = React.useRef();
@@ -15351,9 +15368,9 @@ var FaceLivenessWizard = function FaceLivenessWizard(_a) {
     setCaptureState('FAILED');
     onTimeout === null || onTimeout === void 0 ? void 0 : onTimeout(submissionResponse, livenessCheckRequest);
   }, [onTimeout, livenessCheckRequest, submissionResponse]);
-  var _w = React.useState(0),
-    attempt = _w[0],
-    setAttempt = _w[1];
+  var _x = React.useState(0),
+    attempt = _x[0],
+    setAttempt = _x[1];
   var onExitCallback = React.useCallback(function () {
     setAttempt(function (n) {
       return n + 1;
@@ -15369,6 +15386,14 @@ var FaceLivenessWizard = function FaceLivenessWizard(_a) {
     }, 0);
   }, [logCaptureMetadata, onComplete, releaseCameraAccess, releaseCameraAccessOnExit, livenessCheckRequest, submissionResponse]);
   var showSuccessScreen = useShowSuccessScreen(skipSuccessScreen, captureState === 'SUCCESS', onDoneCallback);
+  React.useEffect(function () {
+    if (cameraAccessDenied) {
+      setAttempt(function (n) {
+        return n + 1;
+      });
+      setCaptureState('LOADING');
+    }
+  }, [cameraAccessDenied]);
   return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(PageContainer, {
     className: "flex ".concat((_c = (_b = classNames.capture) === null || _b === void 0 ? void 0 : _b.container) !== null && _c !== void 0 ? _c : '')
   }, renderCameraFeed && ( /*#__PURE__*/React__default['default'].createElement(CameraVideoTag, {
@@ -15780,6 +15805,18 @@ var useVideoRecorder = function useVideoRecorder(camera, audioStream) {
   var _d = React.useState(false),
     isRecordingAudio = _d[0],
     setIsRecordingAudio = _d[1];
+  var _e = React.useState(false),
+    videoRecordingStopped = _e[0],
+    setVideoRecordingStopped = _e[1];
+  var _f = React.useState(false),
+    audioRecordingStopped = _f[0],
+    setAudioRecordingStopped = _f[1];
+  var _g = React.useState(false),
+    videoRecordingIntentionallyStopped = _g[0],
+    setVideoRecordingIntentionallyStopped = _g[1];
+  var _h = React.useState(false),
+    audioRecordingIntentionallyStopped = _h[0],
+    setAudioRecordingIntentionallyStopped = _h[1];
   var videoStream = camera === null || camera === void 0 ? void 0 : camera.stream;
   var processVideo = React.useCallback(function () {
     var videoBlob = new Blob(videoChunks.current, {
@@ -15804,13 +15841,17 @@ var useVideoRecorder = function useVideoRecorder(camera, audioStream) {
     if (!videoStream) return;
     videoChunks.current = [];
     setIsRecordingVideo(true);
+    setVideoRecordingStopped(false);
+    setVideoRecordingIntentionallyStopped(false);
     videoRecorder.current = new MediaRecorder(videoStream, {
       videoBitsPerSecond: 270000
     });
     videoRecorder.current.ondataavailable = function (e) {
       videoChunks.current.push(e.data);
     };
-    videoRecorder.current.onstop = processVideo;
+    videoRecorder.current.onstop = function () {
+      setVideoRecordingStopped(true);
+    };
     videoRecorder.current.start(1000);
     setTimeout(function () {
       var _a;
@@ -15819,36 +15860,48 @@ var useVideoRecorder = function useVideoRecorder(camera, audioStream) {
         // TODO: figure out what to do here
       }
     }, 100);
-  }, [processVideo, videoStream]);
+  }, [videoStream]);
   var startRecordingAudio = React.useCallback(function () {
     if (!audioStream) return;
     audioChunks.current = [];
     setIsRecordingAudio(true);
+    setAudioRecordingStopped(false);
+    setAudioRecordingIntentionallyStopped(false);
     audioRecorder.current = new MediaRecorder(audioStream, {
       audioBitsPerSecond: 32000
     });
     audioRecorder.current.ondataavailable = function (e) {
       audioChunks.current.push(e.data);
     };
-    audioRecorder.current.onstop = processAudio;
+    audioRecorder.current.onstop = function () {
+      setAudioRecordingStopped(true);
+    };
     audioRecorder.current.start(1000);
-  }, [audioStream, processAudio]);
+  }, [audioStream]);
   var stopRecordingVideo = React.useCallback(function () {
     var _a, _b;
+    setVideoRecordingIntentionallyStopped(true);
     if (((_a = videoRecorder.current) === null || _a === void 0 ? void 0 : _a.state) !== 'inactive') {
       (_b = videoRecorder.current) === null || _b === void 0 ? void 0 : _b.stop(); // if you call this while state === 'inactive', an exception is thrown.
-    } else {
-      processVideo(); // if we are in 'inactive' state, we just invoke our processing code manually.
     }
-  }, [processVideo]);
+  }, []);
   var stopRecordingAudio = React.useCallback(function () {
     var _a, _b;
+    setAudioRecordingIntentionallyStopped(true);
     if (((_a = audioRecorder.current) === null || _a === void 0 ? void 0 : _a.state) !== 'inactive') {
       (_b = audioRecorder.current) === null || _b === void 0 ? void 0 : _b.stop(); // if you call this while state === 'inactive', an exception is thrown.
-    } else {
-      processAudio(); // if we are in 'inactive' state, we just invoke our processing code manually.
     }
-  }, [processAudio]);
+  }, []);
+  React.useEffect(function () {
+    if (videoRecordingStopped && videoRecordingIntentionallyStopped) {
+      processVideo();
+    }
+  }, [processVideo, videoRecordingIntentionallyStopped, videoRecordingStopped]);
+  React.useEffect(function () {
+    if (audioRecordingStopped && audioRecordingIntentionallyStopped) {
+      processAudio();
+    }
+  }, [audioRecordingIntentionallyStopped, audioRecordingStopped, processAudio]);
   return {
     isRecordingVideo: isRecordingVideo,
     isRecordingAudio: isRecordingAudio,
@@ -15856,6 +15909,8 @@ var useVideoRecorder = function useVideoRecorder(camera, audioStream) {
     startRecordingAudio: startRecordingAudio,
     stopRecordingVideo: stopRecordingVideo,
     stopRecordingAudio: stopRecordingAudio,
+    videoRecordingUnintentionallyStopped: videoRecordingStopped && !videoRecordingIntentionallyStopped,
+    audioRecordingUnintentionallyStopped: audioRecordingStopped && !audioRecordingIntentionallyStopped,
     videoUrl: videoUrl,
     audioUrl: audioUrl
   };
@@ -16126,6 +16181,7 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
     setSignatureData = _l.setSignatureData,
     setSignatureVideoUrl = _l.setSignatureVideoUrl,
     logSelfieCaptureAttempt = _l.logSelfieCaptureAttempt;
+  var cameraAccessDenied = React.useContext(CameraStateContext).cameraAccessDenied;
   var _m = React.useState('LOADING'),
     captureState = _m[0],
     setCaptureState = _m[1];
@@ -16196,6 +16252,14 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
     onExit();
   }, [onExit, onRetryClicked]);
   var showSuccessScreen = useShowSuccessScreen(skipSuccessScreen, captureState === 'SUCCESS', onComplete);
+  React.useEffect(function () {
+    if (cameraAccessDenied) {
+      setAttempt(function (n) {
+        return n + 1;
+      });
+      setCaptureState('LOADING');
+    }
+  }, [cameraAccessDenied]);
   return /*#__PURE__*/React__default['default'].createElement(HighPerformanceSelfieGuidanceModelsProvider, {
     throttleMs: captureState === 'CAPTURING_SIGNATURE' ? 250 : 0,
     onModelError: onModelError,
@@ -16535,6 +16599,7 @@ var IdVideoCapture = function IdVideoCapture(_a) {
     onIdFrontImageCaptured = _a.onIdFrontImageCaptured,
     onIdBackImageCaptured = _a.onIdBackImageCaptured,
     onFaceNotDetected = _a.onFaceNotDetected,
+    onRecordingFailed = _a.onRecordingFailed,
     _u = _a.idCaptureModelsEnabled,
     idCaptureModelsEnabled = _u === void 0 ? true : _u,
     _v = _a.idCardFrontDelay,
@@ -16620,6 +16685,8 @@ var IdVideoCapture = function IdVideoCapture(_a) {
     startRecordingAudio = _23.startRecordingAudio,
     stopRecordingVideo = _23.stopRecordingVideo,
     stopRecordingAudio = _23.stopRecordingAudio,
+    videoRecordingUnintentionallyStopped = _23.videoRecordingUnintentionallyStopped,
+    audioRecordingUnintentionallyStopped = _23.audioRecordingUnintentionallyStopped,
     videoUrl = _23.videoUrl,
     audioUrl = _23.audioUrl;
   var countdownTimeoutRef = React.useRef(undefined);
@@ -16635,7 +16702,12 @@ var IdVideoCapture = function IdVideoCapture(_a) {
       setVideoLoaded(false);
       onComplete === null || onComplete === void 0 ? void 0 : onComplete(videoUrl, audioUrl);
     }
-  }, [audioUrl, isRecordingVideo, onComplete, readTextPrompt, startRecordingVideo, videoUrl]);
+  }, [audioUrl, isRecordingVideo, onComplete, readTextPrompt, setVideoLoaded, startRecordingVideo, videoUrl]);
+  React.useEffect(function () {
+    if (videoRecordingUnintentionallyStopped || audioRecordingUnintentionallyStopped) {
+      onRecordingFailed === null || onRecordingFailed === void 0 ? void 0 : onRecordingFailed();
+    }
+  }, [audioRecordingUnintentionallyStopped, onRecordingFailed, videoRecordingUnintentionallyStopped]);
   var animationFrame = React.useRef(0);
   var shouldCaptureFrames = React.useRef(false);
   React.useEffect(function () {
@@ -16715,7 +16787,7 @@ var IdVideoCapture = function IdVideoCapture(_a) {
     } else {
       stopRecordingVideo();
     }
-  }, [translatedText, setIdCaptureVideoAudioStartsAt, startRecordingAudio, stopRecordingVideo, videoStartsAt]);
+  }, [setExpectedAudioText, setIdCaptureVideoAudioStartsAt, startRecordingAudio, stopRecordingVideo, translatedText, videoStartsAt]);
   var frameWidth = (_c = (_b = videoRef.current) === null || _b === void 0 ? void 0 : _b.videoWidth) !== null && _c !== void 0 ? _c : 0;
   var frameHeight = (_e = (_d = videoRef.current) === null || _d === void 0 ? void 0 : _d.videoHeight) !== null && _e !== void 0 ? _e : 0;
   var faceBox = (_f = faces === null || faces === void 0 ? void 0 : faces[0]) === null || _f === void 0 ? void 0 : _f.box;
@@ -17131,7 +17203,7 @@ var VideoIdWizard = function VideoIdWizard(_a) {
     setIdCaptureVideoAudioUrl = _2.setIdCaptureVideoAudioUrl;
   var _3 = React.useState('CAPTURING_ID'),
     captureState = _3[0],
-    setCaptureState = _3[1]; //CAPTURING_VIDEO
+    setCaptureState = _3[1];
   React.useEffect(function () {
     if (skipIdCapture && captureState === 'CAPTURING_ID') setCaptureState('CHECKING_LIVENESS');
   }, [captureState, skipIdCapture]);
@@ -17183,6 +17255,12 @@ var VideoIdWizard = function VideoIdWizard(_a) {
   React.useEffect(function () {
     if (submissionStatus === SubmissionStatus.SUBMITTING) releaseCameraAccess();
   }, [submissionStatus]);
+  var onRecordingFailed = React.useCallback(function () {
+    setAttempt(function (n) {
+      return n + 1;
+    });
+    setCaptureState('CHECKING_LIVENESS');
+  }, []);
   if (submissionStatus === SubmissionStatus.SUBMITTING) {
     return /*#__PURE__*/React__default['default'].createElement(PageContainer, {
       className: "flex"
@@ -17257,6 +17335,7 @@ var VideoIdWizard = function VideoIdWizard(_a) {
           onIdFrontImageCaptured: setIdCaptureVideoIdFrontImage,
           onIdBackImageCaptured: setIdCaptureVideoIdBackImage,
           onFaceNotDetected: onVideoCaptureFaceNotDetected,
+          onRecordingFailed: onRecordingFailed,
           idCaptureModelsEnabled: idCaptureModelsEnabled,
           idCardFrontDetectionThreshold: idCardFrontDetectionThreshold,
           idCardBackDetectionThreshold: idCardBackDetectionThreshold,
@@ -18724,7 +18803,9 @@ var CustomerVerificationWizard = function CustomerVerificationWizard(_a) {
   var _l = React.useState('LOADING'),
     captureState = _l[0],
     setCaptureState = _l[1];
-  var releaseCameraAccess = React.useContext(CameraStateContext).releaseCameraAccess;
+  var _m = React.useContext(CameraStateContext),
+    cameraAccessDenied = _m.cameraAccessDenied,
+    releaseCameraAccess = _m.releaseCameraAccess;
   var onCustomerMatchedCallback = React.useCallback(function (resp, req) {
     return tslib.__awaiter(void 0, void 0, void 0, function () {
       return tslib.__generator(this, function (_a) {
@@ -18747,9 +18828,9 @@ var CustomerVerificationWizard = function CustomerVerificationWizard(_a) {
     setCaptureState('FAILED');
     onCaptureGuidanceTimeout === null || onCaptureGuidanceTimeout === void 0 ? void 0 : onCaptureGuidanceTimeout();
   }, [onCaptureGuidanceTimeout]);
-  var _m = React.useState(0),
-    attempt = _m[0],
-    setAttempt = _m[1];
+  var _o = React.useState(0),
+    attempt = _o[0],
+    setAttempt = _o[1];
   var onExitCallback = React.useCallback(function () {
     setAttempt(function (n) {
       return n + 1;
@@ -18762,6 +18843,14 @@ var CustomerVerificationWizard = function CustomerVerificationWizard(_a) {
     if (submissionRequest && submissionResponse) onComplete === null || onComplete === void 0 ? void 0 : onComplete(submissionResponse, submissionRequest);
   }, [onComplete, releaseCameraAccess, submissionRequest, submissionResponse]);
   var showSuccessScreen = useShowSuccessScreen(skipSuccessScreen, captureState === 'MATCHED', onDoneCallback);
+  React.useEffect(function () {
+    if (cameraAccessDenied) {
+      setAttempt(function (n) {
+        return n + 1;
+      });
+      setCaptureState('LOADING');
+    }
+  }, [cameraAccessDenied]);
   return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(PageContainer, {
     className: "flex ".concat((_b = classNames.container) !== null && _b !== void 0 ? _b : '')
   }, /*#__PURE__*/React__default['default'].createElement(CameraVideoTag, {
@@ -19241,7 +19330,9 @@ var CustomerIdentificationWizard = function CustomerIdentificationWizard(_a) {
   var _l = React.useState('LOADING'),
     captureState = _l[0],
     setCaptureState = _l[1];
-  var releaseCameraAccess = React.useContext(CameraStateContext).releaseCameraAccess;
+  var _m = React.useContext(CameraStateContext),
+    cameraAccessDenied = _m.cameraAccessDenied,
+    releaseCameraAccess = _m.releaseCameraAccess;
   var onCustomerMatchedCallback = React.useCallback(function (resp, req) {
     return tslib.__awaiter(void 0, void 0, void 0, function () {
       return tslib.__generator(this, function (_a) {
@@ -19264,9 +19355,9 @@ var CustomerIdentificationWizard = function CustomerIdentificationWizard(_a) {
     setCaptureState('FAILED');
     onCaptureGuidanceTimeout === null || onCaptureGuidanceTimeout === void 0 ? void 0 : onCaptureGuidanceTimeout();
   }, [onCaptureGuidanceTimeout]);
-  var _m = React.useState(0),
-    attempt = _m[0],
-    setAttempt = _m[1];
+  var _o = React.useState(0),
+    attempt = _o[0],
+    setAttempt = _o[1];
   var onExitCallback = React.useCallback(function () {
     setAttempt(function (n) {
       return n + 1;
@@ -19279,6 +19370,14 @@ var CustomerIdentificationWizard = function CustomerIdentificationWizard(_a) {
     if (submissionRequest && submissionResponse) onComplete === null || onComplete === void 0 ? void 0 : onComplete(submissionResponse, submissionRequest);
   }, [onComplete, releaseCameraAccess, submissionRequest, submissionResponse]);
   var showSuccessScreen = useShowSuccessScreen(skipSuccessScreen, captureState === 'FOUND', onDoneCallback);
+  React.useEffect(function () {
+    if (cameraAccessDenied) {
+      setAttempt(function (n) {
+        return n + 1;
+      });
+      setCaptureState('LOADING');
+    }
+  }, [cameraAccessDenied]);
   return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(PageContainer, {
     className: "flex ".concat((_b = classNames.container) !== null && _b !== void 0 ? _b : '')
   }, /*#__PURE__*/React__default['default'].createElement(CameraVideoTag, {