idmission-web-sdk 1.1.1 → 1.1.2

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

@@ -18,6 +18,7 @@ export type IdVideoCaptureClassNames = {
     countdown?: string;
     captureBtnContainer?: string;
     captureBtn?: string;
+    exitCaptureBtn?: string;
 };
 export type IdVideoCaptureColors = {
     guidesSatisfiedColor?: string;
@@ -37,6 +38,7 @@ export type IdVideoCaptureProps = {
     onIdBackImageCaptured?: (imageUrl: string) => void;
     onFaceNotDetected?: () => void;
     onRecordingFailed?: () => void;
+    onExitCapture?: () => void;
     idCaptureModelsEnabled?: boolean;
     idCardFrontDelay?: number;
     idCardFrontDetectionThreshold?: number;
@@ -59,4 +61,4 @@ export type IdVideoCaptureProps = {
     verbiage?: IdVideoCaptureVerbiage;
     debugMode?: boolean;
 };
-export declare const IdVideoCapture: ({ onComplete, onIdFrontImageCaptured, onIdBackImageCaptured, onFaceNotDetected, onRecordingFailed, idCaptureModelsEnabled, idCardFrontDelay, idCardFrontDetectionThreshold, idCardFrontFocusThreshold, goodIdCardFrontFramesThreshold, idCardBackDetectionThreshold, idCardBackFocusThreshold, goodIdCardBackFramesThreshold, skipShowIdCardBack, captureCountdownSeconds, readTextPrompt, readTextTimeoutDurationMs, readTextMinReadingMs, disableFaceDetectionWhileAudioCapture, disableFaceDetectionWhileAudioCaptureMsDelay, mergeAVStreams, assets, classNames, colors, verbiage: rawVerbiage, debugMode, }: IdVideoCaptureProps) => ReactElement;
+export declare const IdVideoCapture: ({ onComplete, onIdFrontImageCaptured, onIdBackImageCaptured, onFaceNotDetected, onRecordingFailed, onExitCapture, idCaptureModelsEnabled, idCardFrontDelay, idCardFrontDetectionThreshold, idCardFrontFocusThreshold, goodIdCardFrontFramesThreshold, idCardBackDetectionThreshold, idCardBackFocusThreshold, goodIdCardBackFramesThreshold, skipShowIdCardBack, captureCountdownSeconds, readTextPrompt, readTextTimeoutDurationMs, readTextMinReadingMs, disableFaceDetectionWhileAudioCapture, disableFaceDetectionWhileAudioCaptureMsDelay, mergeAVStreams, assets, classNames, colors, verbiage: rawVerbiage, debugMode, }: IdVideoCaptureProps) => ReactElement;

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.1.1';
+var webSdkVersion = '1.1.2';
 
 function getPlatform() {
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -13592,6 +13592,7 @@ var IdCaptureWizard = function IdCaptureWizard(_a) {
     dispatch = _15[1];
   var _16 = React.useContext(CameraStateContext),
     cameraAccessDenied = _16.cameraAccessDenied,
+    requestCameraAccess = _16.requestCameraAccess,
     releaseCameraAccess = _16.releaseCameraAccess;
   var _17 = React.useState(false),
     overlayDismissed = _17[0],
@@ -13671,6 +13672,7 @@ var IdCaptureWizard = function IdCaptureWizard(_a) {
     attempt = _19[0],
     setAttempt = _19[1];
   var onExit = React.useCallback(function () {
+    releaseCameraAccess();
     setOverlayDismissed(false);
     setAttempt(function (n) {
       return n + 1;
@@ -13679,7 +13681,8 @@ var IdCaptureWizard = function IdCaptureWizard(_a) {
       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();
@@ -15322,6 +15325,7 @@ var FaceLivenessWizard = function FaceLivenessWizard(_a) {
     logSelfieCaptureAttempt = _s.logSelfieCaptureAttempt;
   var _t = React.useContext(CameraStateContext),
     cameraAccessDenied = _t.cameraAccessDenied,
+    requestCameraAccess = _t.requestCameraAccess,
     releaseCameraAccess = _t.releaseCameraAccess;
   var _u = React.useState(''),
     faceCropImageUrl = _u[0],
@@ -15387,8 +15391,10 @@ 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 onDoneCallback = React.useCallback(function () {
     logCaptureMetadata();
     releaseCameraAccessOnExit && releaseCameraAccess();
@@ -16204,10 +16210,13 @@ 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];
+  var _m = React.useContext(CameraStateContext),
+    cameraAccessDenied = _m.cameraAccessDenied,
+    requestCameraAccess = _m.requestCameraAccess,
+    releaseCameraAccess = _m.releaseCameraAccess;
+  var _o = React.useState('LOADING'),
+    captureState = _o[0],
+    setCaptureState = _o[1];
   var operationStartedAt = React.useRef();
   var captureStartedAt = React.useRef();
   var captureEndedAt = React.useRef();
@@ -16260,16 +16269,18 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
   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();
@@ -16623,6 +16634,7 @@ var IdVideoCapture = function IdVideoCapture(_a) {
     onIdBackImageCaptured = _a.onIdBackImageCaptured,
     onFaceNotDetected = _a.onFaceNotDetected,
     onRecordingFailed = _a.onRecordingFailed,
+    onExitCapture = _a.onExitCapture,
     _u = _a.idCaptureModelsEnabled,
     idCaptureModelsEnabled = _u === void 0 ? true : _u,
     _v = _a.idCardFrontDelay,
@@ -17037,7 +17049,10 @@ var IdVideoCapture = function IdVideoCapture(_a) {
     },
     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 = tslib.__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 = tslib.__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"])));
@@ -17294,6 +17309,12 @@ var VideoIdWizard = function VideoIdWizard(_a) {
     });
     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"
@@ -17306,7 +17327,7 @@ var VideoIdWizard = function VideoIdWizard(_a) {
     onModelError: onIdCaptureModelError,
     modelLoadTimeoutMs: idCaptureModelLoadTimeoutMs
   }, /*#__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,
@@ -17335,7 +17356,7 @@ var VideoIdWizard = function VideoIdWizard(_a) {
           colors: colors.idCapture,
           verbiage: verbiage.idCapture,
           onSuccess: onIdCaptureSuccess,
-          onExitCapture: onExitCapture,
+          onExitCapture: handleExitCapture,
           onUserCancel: onUserCancel,
           skipSuccessScreen: true,
           releaseCameraAccessOnExit: false,
@@ -17351,7 +17372,7 @@ var VideoIdWizard = function VideoIdWizard(_a) {
           silentFallback: silentFallback
         }, faceLivenessProps, {
           onComplete: onFaceCaptureSuccess,
-          onExitCapture: onExitCapture,
+          onExitCapture: handleExitCapture,
           onExitAfterFailure: onFaceCaptureExitAfterFailure,
           onUserCancel: onUserCancel,
           skipSuccessScreen: true,
@@ -17371,6 +17392,7 @@ var VideoIdWizard = function VideoIdWizard(_a) {
           onIdBackImageCaptured: setIdCaptureVideoIdBackImage,
           onFaceNotDetected: onVideoCaptureFaceNotDetected,
           onRecordingFailed: onRecordingFailed,
+          onExitCapture: handleExitCapture,
           idCaptureModelsEnabled: idCaptureModelsEnabled,
           idCardFrontDetectionThreshold: idCardFrontDetectionThreshold,
           idCardBackDetectionThreshold: idCardBackDetectionThreshold,