idmission-web-sdk 2.1.6 → 2.1.7

package/dist/sdk2.esm.js

@@ -14,7 +14,7 @@ import LanguageDetector from 'i18next-browser-languagedetector';
 import i18n from 'i18next';
 import SignatureCanvas from 'react-signature-canvas';
 
-var webSdkVersion = '2.1.6';
+var webSdkVersion = '2.1.7';
 
 function getPlatform() {
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -2458,11 +2458,11 @@ function waitForVideoReady(videoRef, checkEveryMs) {
     checkEveryMs = 100;
   }
   return new Promise(function (resolve) {
-    var _a;
-    if (((_a = videoRef.current) === null || _a === void 0 ? void 0 : _a.readyState) === 4) return resolve();
+    var _a, _b;
+    if (((_b = (_a = videoRef.current) === null || _a === void 0 ? void 0 : _a.readyState) !== null && _b !== void 0 ? _b : 0) >= 2) return resolve();
     var interval = setInterval(function () {
-      var _a;
-      if (((_a = videoRef.current) === null || _a === void 0 ? void 0 : _a.readyState) === 4) {
+      var _a, _b;
+      if (((_b = (_a = videoRef.current) === null || _a === void 0 ? void 0 : _a.readyState) !== null && _b !== void 0 ? _b : 0) >= 2) {
         clearInterval(interval);
         resolve();
       }
@@ -7280,6 +7280,7 @@ var IdCaptureWizard = function IdCaptureWizard(_a) {
     dispatch = _8[1];
   var _9 = useContext(CameraStateContext),
     cameraAccessDenied = _9.cameraAccessDenied,
+    requestCameraAccess = _9.requestCameraAccess,
     releaseCameraAccess = _9.releaseCameraAccess;
   var _10 = useState(false),
     overlayDismissed = _10[0],
@@ -7390,6 +7391,7 @@ var IdCaptureWizard = function IdCaptureWizard(_a) {
     attempt = _13[0],
     setAttempt = _13[1];
   var onExit = useCallback(function () {
+    releaseCameraAccess();
     setOverlayDismissed(false);
     setAttempt(function (n) {
       return n + 1;
@@ -7398,7 +7400,8 @@ var IdCaptureWizard = function IdCaptureWizard(_a) {
       type: 'resetWizard'
     });
     onExitCapture === null || onExitCapture === void 0 ? void 0 : onExitCapture();
-  }, [dispatch, onExitCapture]);
+    requestCameraAccess();
+  }, [dispatch, onExitCapture, releaseCameraAccess]);
   useEffect(function () {
     if (submissionStatus !== SubmissionStatus.READY) {
       releaseCameraAccessOnExit && releaseCameraAccess();
@@ -9115,6 +9118,7 @@ var FaceLivenessWizard = function FaceLivenessWizard(_a) {
     logSelfieCaptureAttempt = _s.logSelfieCaptureAttempt;
   var _t = useContext(CameraStateContext),
     cameraAccessDenied = _t.cameraAccessDenied,
+    requestCameraAccess = _t.requestCameraAccess,
     releaseCameraAccess = _t.releaseCameraAccess;
   var _u = useState(''),
     faceCropImageUrl = _u[0],
@@ -9186,8 +9190,22 @@ var FaceLivenessWizard = function FaceLivenessWizard(_a) {
       return n + 1;
     });
     setCaptureState('LOADING');
+    releaseCameraAccess();
     onExitCapture === null || onExitCapture === void 0 ? void 0 : onExitCapture();
-  }, [onExitCapture]);
+    requestCameraAccess();
+  }, [onExitCapture, releaseCameraAccess, requestCameraAccess]);
+  var onRetryCallback = useCallback(function () {
+    logCaptureMetadata();
+    setAttempt(function (n) {
+      return n + 1;
+    });
+    setRetryCount(function (n) {
+      return n + 1;
+    });
+    setCaptureState('LOADING');
+    releaseCameraAccess();
+    requestCameraAccess();
+  }, [logCaptureMetadata, releaseCameraAccess, requestCameraAccess]);
   var onDoneCallback = useCallback(function () {
     logCaptureMetadata();
     releaseCameraAccessOnExit && releaseCameraAccess();
@@ -9233,10 +9251,7 @@ var FaceLivenessWizard = function FaceLivenessWizard(_a) {
           colors: colors.success,
           verbiage: verbiage.success,
           onDoneClick: onDoneCallback,
-          onRetryClick: function onRetryClick() {
-            logCaptureMetadata();
-            setCaptureState('CAPTURING');
-          }
+          onRetryClick: onRetryCallback
         });
       case 'FAILED':
         return /*#__PURE__*/React__default.createElement(FaceLivenessFailure, {
@@ -9246,13 +9261,7 @@ var FaceLivenessWizard = function FaceLivenessWizard(_a) {
           colors: colors.failure,
           verbiage: verbiage.failure,
           canRetry: maxRetries > -1 && retryCount < maxRetries,
-          onRetryClick: function onRetryClick() {
-            logCaptureMetadata();
-            setRetryCount(function (c) {
-              return c + 1;
-            });
-            setCaptureState('CAPTURING');
-          },
+          onRetryClick: onRetryCallback,
           onExitClick: function onExitClick() {
             releaseCameraAccessOnExit && releaseCameraAccess();
             setTimeout(function () {
@@ -10021,16 +10030,19 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
     setSignatureData = _k.setSignatureData,
     setSignatureVideoUrl = _k.setSignatureVideoUrl,
     logSelfieCaptureAttempt = _k.logSelfieCaptureAttempt;
-  var cameraAccessDenied = useContext(CameraStateContext).cameraAccessDenied;
-  var _l = useState('LOADING'),
-    captureState = _l[0],
-    setCaptureState = _l[1];
+  var _l = useContext(CameraStateContext),
+    cameraAccessDenied = _l.cameraAccessDenied,
+    requestCameraAccess = _l.requestCameraAccess,
+    releaseCameraAccess = _l.releaseCameraAccess;
+  var _m = useState('LOADING'),
+    captureState = _m[0],
+    setCaptureState = _m[1];
   var operationStartedAt = useRef();
   var captureStartedAt = useRef();
   var captureEndedAt = useRef();
-  var _m = useContext(SelfieGuidanceModelsContext),
-    start = _m.start,
-    stop = _m.stop;
+  var _o = useContext(SelfieGuidanceModelsContext),
+    start = _o.start,
+    stop = _o.stop;
   useEffect(function () {
     operationStartedAt.current = new Date();
   }, []);
@@ -10087,16 +10099,18 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
   var onSignatureCaptureFacesNotDetected = useCallback(function () {
     setCaptureState('CHECKING_LIVENESS');
   }, []);
-  var _o = useState(0),
-    attempt = _o[0],
-    setAttempt = _o[1];
+  var _p = useState(0),
+    attempt = _p[0],
+    setAttempt = _p[1];
   var onExit = useCallback(function () {
+    releaseCameraAccess();
     setAttempt(function (n) {
       return n + 1;
     });
     setCaptureState('LOADING');
     onExitCapture === null || onExitCapture === void 0 ? void 0 : onExitCapture();
-  }, [onExitCapture]);
+    requestCameraAccess();
+  }, [onExitCapture, releaseCameraAccess, requestCameraAccess]);
   var onRetry = useCallback(function () {
     onRetryClicked === null || onRetryClicked === void 0 ? void 0 : onRetryClicked();
     onExit();
@@ -10471,6 +10485,7 @@ var IdVideoCapture = function IdVideoCapture(_a) {
     onIdBackImageCaptured = _a.onIdBackImageCaptured,
     onFaceNotDetected = _a.onFaceNotDetected,
     onRecordingFailed = _a.onRecordingFailed,
+    onExitCapture = _a.onExitCapture,
     _w = _a.idCaptureModelsEnabled,
     idCaptureModelsEnabled = _w === void 0 ? true : _w,
     _x = _a.idCardFrontDelay,
@@ -10851,7 +10866,10 @@ var IdVideoCapture = function IdVideoCapture(_a) {
     },
     disabled: !!countdownStartedAt || frameLock.current,
     className: classNames.captureBtn
-  }, captureBtnText))));
+  }, captureBtnText))), /*#__PURE__*/React__default.createElement(ExitCaptureButton, {
+    onClick: onExitCapture,
+    className: classNames.exitCaptureBtn
+  }));
 };
 var CountdownContainer = styled.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"])));
 var Countdown = styled.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"])));
@@ -11104,13 +11122,19 @@ var VideoIdWizard = function VideoIdWizard(_a) {
     });
     setCaptureState('CHECKING_LIVENESS');
   }, []);
+  var handleExitCapture = useCallback(function () {
+    setAttempt(function (n) {
+      return n + 1;
+    });
+    onExitCapture === null || onExitCapture === void 0 ? void 0 : onExitCapture();
+  }, [onExitCapture]);
   if (submissionStatus === SubmissionStatus.SUBMITTING) {
     return /*#__PURE__*/React__default.createElement(PageContainer, {
       className: "flex"
     }, /*#__PURE__*/React__default.createElement(Spinner, null));
   }
   return /*#__PURE__*/React__default.createElement(CameraProvider, {
-    key: isCapturingId ? 'id-camera' : 'selfie-camera',
+    key: "".concat(isCapturingId ? 'id' : 'selfie', "-camera-").concat(attempt),
     preferContinuityCamera: isCapturingId,
     preferFrontFacingCamera: !isCapturingId,
     requireMicrophoneAccess: !isCapturingId && !!readTextPrompt,
@@ -11146,7 +11170,7 @@ var VideoIdWizard = function VideoIdWizard(_a) {
           colors: colors.idCapture,
           verbiage: verbiage.idCapture,
           onSuccess: onIdCaptureSuccess,
-          onExitCapture: onExitCapture,
+          onExitCapture: handleExitCapture,
           onUserCancel: onUserCancel,
           skipSuccessScreen: true,
           releaseCameraAccessOnExit: false,
@@ -11162,7 +11186,7 @@ var VideoIdWizard = function VideoIdWizard(_a) {
           silentFallback: silentFallback
         }, faceLivenessProps, {
           onComplete: onFaceCaptureSuccess,
-          onExitCapture: onExitCapture,
+          onExitCapture: handleExitCapture,
           onExitAfterFailure: onFaceCaptureExitAfterFailure,
           onUserCancel: onUserCancel,
           skipSuccessScreen: true,
@@ -11182,6 +11206,7 @@ var VideoIdWizard = function VideoIdWizard(_a) {
           onIdBackImageCaptured: setIdCaptureVideoIdBackImage,
           onFaceNotDetected: onVideoCaptureFaceNotDetected,
           onRecordingFailed: onRecordingFailed,
+          onExitCapture: handleExitCapture,
           idCaptureModelsEnabled: idCaptureModelsEnabled,
           videoIdCaptureThresholds: videoIdCaptureThresholds,
           skipShowIdCardBack: skipShowIdCardBack,