idmission-web-sdk 2.1.6 → 2.1.7

package/dist/sdk2.umd.development.js

@@ -140,7 +140,7 @@
         return cooked;
     }
 
-    var webSdkVersion = '2.1.6';
+    var webSdkVersion = '2.1.7';
 
     function getPlatform() {
       // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -3046,11 +3046,11 @@
         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();
           }
@@ -10553,6 +10553,7 @@
         dispatch = _8[1];
       var _9 = React.useContext(CameraStateContext),
         cameraAccessDenied = _9.cameraAccessDenied,
+        requestCameraAccess = _9.requestCameraAccess,
         releaseCameraAccess = _9.releaseCameraAccess;
       var _10 = React.useState(false),
         overlayDismissed = _10[0],
@@ -10663,6 +10664,7 @@
         attempt = _13[0],
         setAttempt = _13[1];
       var onExit = React.useCallback(function () {
+        releaseCameraAccess();
         setOverlayDismissed(false);
         setAttempt(function (n) {
           return n + 1;
@@ -10671,7 +10673,8 @@
           type: 'resetWizard'
         });
         onExitCapture === null || onExitCapture === void 0 ? void 0 : onExitCapture();
-      }, [dispatch, onExitCapture]);
+        requestCameraAccess();
+      }, [dispatch, onExitCapture, releaseCameraAccess]);
       React.useEffect(function () {
         if (submissionStatus !== SubmissionStatus.READY) {
           releaseCameraAccessOnExit && releaseCameraAccess();
@@ -12388,6 +12391,7 @@
         logSelfieCaptureAttempt = _s.logSelfieCaptureAttempt;
       var _t = React.useContext(CameraStateContext),
         cameraAccessDenied = _t.cameraAccessDenied,
+        requestCameraAccess = _t.requestCameraAccess,
         releaseCameraAccess = _t.releaseCameraAccess;
       var _u = React.useState(''),
         faceCropImageUrl = _u[0],
@@ -12459,8 +12463,22 @@
           return n + 1;
         });
         setCaptureState('LOADING');
+        releaseCameraAccess();
         onExitCapture === null || onExitCapture === void 0 ? void 0 : onExitCapture();
-      }, [onExitCapture]);
+        requestCameraAccess();
+      }, [onExitCapture, releaseCameraAccess, requestCameraAccess]);
+      var onRetryCallback = React.useCallback(function () {
+        logCaptureMetadata();
+        setAttempt(function (n) {
+          return n + 1;
+        });
+        setRetryCount(function (n) {
+          return n + 1;
+        });
+        setCaptureState('LOADING');
+        releaseCameraAccess();
+        requestCameraAccess();
+      }, [logCaptureMetadata, releaseCameraAccess, requestCameraAccess]);
       var onDoneCallback = React.useCallback(function () {
         logCaptureMetadata();
         releaseCameraAccessOnExit && releaseCameraAccess();
@@ -12506,10 +12524,7 @@
               colors: colors.success,
               verbiage: verbiage.success,
               onDoneClick: onDoneCallback,
-              onRetryClick: function onRetryClick() {
-                logCaptureMetadata();
-                setCaptureState('CAPTURING');
-              }
+              onRetryClick: onRetryCallback
             });
           case 'FAILED':
             return /*#__PURE__*/React__default['default'].createElement(FaceLivenessFailure, {
@@ -12519,13 +12534,7 @@
               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 () {
@@ -13914,16 +13923,19 @@
         setSignatureData = _k.setSignatureData,
         setSignatureVideoUrl = _k.setSignatureVideoUrl,
         logSelfieCaptureAttempt = _k.logSelfieCaptureAttempt;
-      var cameraAccessDenied = React.useContext(CameraStateContext).cameraAccessDenied;
-      var _l = React.useState('LOADING'),
-        captureState = _l[0],
-        setCaptureState = _l[1];
+      var _l = React.useContext(CameraStateContext),
+        cameraAccessDenied = _l.cameraAccessDenied,
+        requestCameraAccess = _l.requestCameraAccess,
+        releaseCameraAccess = _l.releaseCameraAccess;
+      var _m = React.useState('LOADING'),
+        captureState = _m[0],
+        setCaptureState = _m[1];
       var operationStartedAt = React.useRef();
       var captureStartedAt = React.useRef();
       var captureEndedAt = React.useRef();
-      var _m = React.useContext(SelfieGuidanceModelsContext),
-        start = _m.start,
-        stop = _m.stop;
+      var _o = React.useContext(SelfieGuidanceModelsContext),
+        start = _o.start,
+        stop = _o.stop;
       React.useEffect(function () {
         operationStartedAt.current = new Date();
       }, []);
@@ -13980,16 +13992,18 @@
       var onSignatureCaptureFacesNotDetected = React.useCallback(function () {
         setCaptureState('CHECKING_LIVENESS');
       }, []);
-      var _o = React.useState(0),
-        attempt = _o[0],
-        setAttempt = _o[1];
+      var _p = React.useState(0),
+        attempt = _p[0],
+        setAttempt = _p[1];
       var onExit = React.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 = React.useCallback(function () {
         onRetryClicked === null || onRetryClicked === void 0 ? void 0 : onRetryClicked();
         onExit();
@@ -14364,6 +14378,7 @@
         onIdBackImageCaptured = _a.onIdBackImageCaptured,
         onFaceNotDetected = _a.onFaceNotDetected,
         onRecordingFailed = _a.onRecordingFailed,
+        onExitCapture = _a.onExitCapture,
         _w = _a.idCaptureModelsEnabled,
         idCaptureModelsEnabled = _w === void 0 ? true : _w,
         _x = _a.idCardFrontDelay,
@@ -14744,7 +14759,10 @@
         },
         disabled: !!countdownStartedAt || frameLock.current,
         className: classNames.captureBtn
-      }, captureBtnText))));
+      }, captureBtnText))), /*#__PURE__*/React__default['default'].createElement(ExitCaptureButton, {
+        onClick: onExitCapture,
+        className: classNames.exitCaptureBtn
+      }));
     };
     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"])));
     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"])));
@@ -14997,13 +15015,19 @@
         });
         setCaptureState('CHECKING_LIVENESS');
       }, []);
+      var handleExitCapture = React.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['default'].createElement(PageContainer, {
           className: "flex"
         }, /*#__PURE__*/React__default['default'].createElement(Spinner$1, null));
       }
       return /*#__PURE__*/React__default['default'].createElement(CameraProvider, {
-        key: isCapturingId ? 'id-camera' : 'selfie-camera',
+        key: "".concat(isCapturingId ? 'id' : 'selfie', "-camera-").concat(attempt),
         preferContinuityCamera: isCapturingId,
         preferFrontFacingCamera: !isCapturingId,
         requireMicrophoneAccess: !isCapturingId && !!readTextPrompt,
@@ -15039,7 +15063,7 @@
               colors: colors.idCapture,
               verbiage: verbiage.idCapture,
               onSuccess: onIdCaptureSuccess,
-              onExitCapture: onExitCapture,
+              onExitCapture: handleExitCapture,
               onUserCancel: onUserCancel,
               skipSuccessScreen: true,
               releaseCameraAccessOnExit: false,
@@ -15055,7 +15079,7 @@
               silentFallback: silentFallback
             }, faceLivenessProps, {
               onComplete: onFaceCaptureSuccess,
-              onExitCapture: onExitCapture,
+              onExitCapture: handleExitCapture,
               onExitAfterFailure: onFaceCaptureExitAfterFailure,
               onUserCancel: onUserCancel,
               skipSuccessScreen: true,
@@ -15075,6 +15099,7 @@
               onIdBackImageCaptured: setIdCaptureVideoIdBackImage,
               onFaceNotDetected: onVideoCaptureFaceNotDetected,
               onRecordingFailed: onRecordingFailed,
+              onExitCapture: handleExitCapture,
               idCaptureModelsEnabled: idCaptureModelsEnabled,
               videoIdCaptureThresholds: videoIdCaptureThresholds,
               skipShowIdCardBack: skipShowIdCardBack,