idmission-web-sdk 2.2.92 → 2.2.94

package/dist/sdk2.umd.development.js

@@ -211,7 +211,7 @@
     return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
   };
 
-  var webSdkVersion = '2.2.92';
+  var webSdkVersion = '2.2.94';
 
   function getPlatform() {
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -18447,7 +18447,7 @@
     return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("input", {
       ref: fileInput,
       type: "file",
-      accept: "image/*",
+      accept: "image/*,.pdf",
       style: {
         display: 'none'
       },
@@ -22538,35 +22538,39 @@
   var VideoSignatureContext = /*#__PURE__*/React.createContext(videoSignatureInitialState);
   function VideoSignatureContextProvider(_a) {
     var _this = this;
-    var children = _a.children;
+    var children = _a.children,
+      _b = _a.captureAudio,
+      captureAudio = _b === void 0 ? false : _b;
     var signaturePad = React.useRef(null);
-    var _b = React.useState(null),
-      signatureData = _b[0],
-      setSignatureData = _b[1];
     var _c = React.useState(null),
-      signatureDataUrl = _c[0],
-      setSignatureDataUrl = _c[1];
+      signatureData = _c[0],
+      setSignatureData = _c[1];
     var _d = React.useState(null),
-      signatureVideoData = _d[0],
-      setSignatureVideoData = _d[1];
+      signatureDataUrl = _d[0],
+      setSignatureDataUrl = _d[1];
     var _e = React.useState(null),
-      signatureVideoUrl = _e[0],
-      setSignatureVideoUrl = _e[1];
+      signatureVideoData = _e[0],
+      setSignatureVideoData = _e[1];
+    var _f = React.useState(null),
+      signatureVideoUrl = _f[0],
+      setSignatureVideoUrl = _f[1];
     var signatureRecorder = React.useRef(null);
     var recordedChunks = React.useRef([]);
-    var _f = useCameraStore(),
-      camera = _f.camera,
-      videoRef = _f.videoRef;
-    var _g = useVideoRecorder(camera),
-      isRecordingVideo = _g.isRecordingVideo,
-      startRecordingVideo = _g.startRecordingVideo,
-      stopRecordingVideo = _g.stopRecordingVideo,
-      videoUrl = _g.videoUrl;
+    var _g = useCameraStore(),
+      camera = _g.camera,
+      videoRef = _g.videoRef,
+      audioStream = _g.audioStream;
+    var _h = useVideoRecorder(camera, audioStream, captureAudio),
+      isRecordingVideo = _h.isRecordingVideo,
+      startRecordingVideo = _h.startRecordingVideo,
+      stopRecordingVideo = _h.stopRecordingVideo,
+      startRecordingAudio = _h.startRecordingAudio,
+      stopRecordingAudio = _h.stopRecordingAudio;
     var outputCanvas = React.useRef(null);
     var recordingLock = React.useRef(false);
-    var _h = React.useState(false),
-      isRecording = _h[0],
-      setIsRecording = _h[1];
+    var _j = React.useState(false),
+      isRecording = _j[0],
+      setIsRecording = _j[1];
     var startRecording = React.useCallback(function () {
       setIsRecording(true);
     }, []);
@@ -22579,7 +22583,7 @@
       recordingLock.current = true;
       (function () {
         return __awaiter(_this, void 0, void 0, function () {
-          var stream;
+          var stream, tracks, audioTrack;
           return __generator(this, function (_a) {
             switch (_a.label) {
               case 0:
@@ -22597,8 +22601,12 @@
                 _a.label = 2;
               case 2:
                 startRecordingVideo();
+                if (captureAudio) startRecordingAudio();
                 stream = outputCanvas.current.captureStream(24 /* fps */);
-                signatureRecorder.current = new MediaRecorder(stream, {
+                tracks = [stream.getVideoTracks()[0]];
+                audioTrack = audioStream.getAudioTracks()[0];
+                if (audioTrack) tracks.push(audioTrack);
+                signatureRecorder.current = new MediaRecorder(new MediaStream(tracks), {
                   videoBitsPerSecond: 270000
                 });
                 signatureRecorder.current.start();
@@ -22621,7 +22629,7 @@
           });
         });
       })();
-    }, [isRecording, isRecordingVideo, startRecordingVideo, videoUrl]);
+    }, [audioStream, captureAudio, isRecording, startRecordingAudio, startRecordingVideo]);
     var animationFrame = React.useRef(0);
     React.useEffect(function () {
       if (!signaturePad.current || !videoRef.current || !outputCanvas.current || !camera || !isRecording || !isRecordingVideo) return;
@@ -22669,12 +22677,13 @@
               setSignatureDataUrl(imageUrl);
               setSignatureData(signatureDataToIdmissionFormat(signaturePad.current, imageUrl));
               stopRecordingVideo();
+              stopRecordingAudio();
               (_a = signatureRecorder.current) === null || _a === void 0 ? void 0 : _a.stop();
               return [2 /*return*/];
           }
         });
       });
-    }, [stopRecordingVideo]);
+    }, [stopRecordingAudio, stopRecordingVideo]);
     var value = React.useMemo(function () {
       return {
         startRecording: startRecording,
@@ -22926,44 +22935,50 @@
       customOverlayContent = _a.customOverlayContent,
       _d = _a.skipSuccessScreen,
       skipSuccessScreen = _d === void 0 ? false : _d,
-      _e = _a.allowSignatureAfterLivenessCheckFailure,
-      allowSignatureAfterLivenessCheckFailure = _e === void 0 ? false : _e,
+      _e = _a.captureAudio,
+      captureAudio = _e === void 0 ? false : _e,
+      _f = _a.allowSignatureAfterLivenessCheckFailure,
+      allowSignatureAfterLivenessCheckFailure = _f === void 0 ? false : _f,
       faceLivenessProps = _a.faceLivenessProps,
-      _f = _a.assets,
-      assets = _f === void 0 ? {} : _f,
-      _g = _a.classNames,
-      classNames = _g === void 0 ? {} : _g,
-      _h = _a.colors,
-      colors = _h === void 0 ? {} : _h,
-      _j = _a.verbiage,
-      verbiage = _j === void 0 ? {} : _j,
-      _k = _a.debugMode,
-      debugMode = _k === void 0 ? false : _k;
-    var _l = React.useContext(SubmissionContext),
-      selfieImage = _l.selfieImage,
-      setSelfieImage = _l.setSelfieImage,
-      setSignatureData = _l.setSignatureData,
-      setSignatureVideoUrl = _l.setSignatureVideoUrl,
-      logSelfieCaptureAttempt = _l.logSelfieCaptureAttempt;
-    var _m = useCameraStore(useShallow(function (state) {
+      _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,
+      verbiage = _k === void 0 ? {} : _k,
+      _l = _a.debugMode,
+      debugMode = _l === void 0 ? false : _l;
+    var _m = React.useContext(SubmissionContext),
+      selfieImage = _m.selfieImage,
+      setSelfieImage = _m.setSelfieImage,
+      setSignatureData = _m.setSignatureData,
+      setSignatureVideoUrl = _m.setSignatureVideoUrl,
+      logSelfieCaptureAttempt = _m.logSelfieCaptureAttempt;
+    var _o = useCameraStore(useShallow(function (state) {
         return {
           cameraAccessDenied: state.cameraAccessDenied,
           requestCameraAccess: state.requestCameraAccess,
-          releaseCameraAccess: state.releaseCameraAccess
+          releaseCameraAccess: state.releaseCameraAccess,
+          requestMicrophoneAccess: state.requestMicrophoneAccess,
+          releaseMicrophoneAccess: state.releaseMicrophoneAccess
         };
       })),
-      cameraAccessDenied = _m.cameraAccessDenied,
-      requestCameraAccess = _m.requestCameraAccess,
-      releaseCameraAccess = _m.releaseCameraAccess;
-    var _o = React.useState('CHECKING_LIVENESS'),
-      captureState = _o[0],
-      setCaptureState = _o[1];
+      cameraAccessDenied = _o.cameraAccessDenied,
+      requestCameraAccess = _o.requestCameraAccess,
+      releaseCameraAccess = _o.releaseCameraAccess,
+      requestMicrophoneAccess = _o.requestMicrophoneAccess,
+      releaseMicrophoneAccess = _o.releaseMicrophoneAccess;
+    var _p = React.useState('CHECKING_LIVENESS'),
+      captureState = _p[0],
+      setCaptureState = _p[1];
     var operationStartedAt = React.useRef();
     var captureStartedAt = React.useRef();
     var captureEndedAt = React.useRef();
-    var _p = React.useContext(SelfieGuidanceModelsContext),
-      start = _p.start,
-      stop = _p.stop;
+    var _q = React.useContext(SelfieGuidanceModelsContext),
+      start = _q.start,
+      stop = _q.stop;
     React.useEffect(function () {
       operationStartedAt.current = new Date();
     }, []);
@@ -22999,9 +23014,9 @@
         setSelfieImage(selfieFromRequest);
       }
     }, [logCaptureMetadata, onFaceLivenessSuccessProp, selfieImage, setSelfieImage]);
-    var _q = React.useState(null),
-      signatureImageUrl = _q[0],
-      setSignatureImageUrl = _q[1];
+    var _r = React.useState(null),
+      signatureImageUrl = _r[0],
+      setSignatureImageUrl = _r[1];
     var onSignatureCaptureCompleted = React.useCallback(function (videoData, signatureData, signatureImageData) {
       setSignatureData(signatureData);
       setSignatureVideoUrl(URL.createObjectURL(videoData));
@@ -23012,18 +23027,20 @@
     var onSignatureCaptureFacesNotDetected = React.useCallback(function () {
       setCaptureState('CHECKING_LIVENESS');
     }, []);
-    var _r = React.useState(0),
-      attempt = _r[0],
-      setAttempt = _r[1];
+    var _s = React.useState(0),
+      attempt = _s[0],
+      setAttempt = _s[1];
     var onExit = React.useCallback(function () {
       releaseCameraAccess();
+      releaseMicrophoneAccess();
       setAttempt(function (n) {
         return n + 1;
       });
       setCaptureState('CHECKING_LIVENESS');
       onExitCapture === null || onExitCapture === void 0 ? void 0 : onExitCapture();
-      requestCameraAccess();
-    }, [onExitCapture, releaseCameraAccess, requestCameraAccess]);
+      void requestCameraAccess();
+      if (captureAudio) void requestMicrophoneAccess();
+    }, [captureAudio, onExitCapture, releaseCameraAccess, releaseMicrophoneAccess, requestCameraAccess, requestMicrophoneAccess]);
     var onRetry = React.useCallback(function () {
       onRetryClicked === null || onRetryClicked === void 0 ? void 0 : onRetryClicked();
       onExit();
@@ -23057,7 +23074,9 @@
       onLoadingOverlayDismissed === null || onLoadingOverlayDismissed === void 0 ? void 0 : onLoadingOverlayDismissed();
       faceLivenessOnLoadingOverlayDismissed === null || faceLivenessOnLoadingOverlayDismissed === void 0 ? void 0 : faceLivenessOnLoadingOverlayDismissed();
     }, [faceLivenessOnLoadingOverlayDismissed, onLoadingOverlayDismissed]);
-    return /*#__PURE__*/React.createElement(VideoSignatureContextProvider, null, /*#__PURE__*/React.createElement(PageContainer, {
+    return /*#__PURE__*/React.createElement(VideoSignatureContextProvider, {
+      captureAudio: captureAudio
+    }, /*#__PURE__*/React.createElement(PageContainer, {
       className: "flex ".concat((_b = classNames === null || classNames === void 0 ? void 0 : classNames.container) !== null && _b !== void 0 ? _b : '')
     }, /*#__PURE__*/React.createElement(CameraVideoTag, {
       className: classNames.cameraFeed
@@ -24384,6 +24403,7 @@
         return /*#__PURE__*/React.createElement(CameraStoreProvider, {
           preferIphoneContinuityCamera: false,
           preferFrontFacingCamera: true,
+          requireMicrophoneAccess: videoSignatureCaptureProps.captureAudio,
           maxVideoWidth: 1280,
           maxFps: 30,
           onCameraAccessDenied: onCameraAccessDenied,
@@ -26640,21 +26660,23 @@
       customOverlayContent = _a.customOverlayContent,
       _d = _a.skipSuccessScreen,
       skipSuccessScreen = _d === void 0 ? false : _d,
+      _e = _a.captureAudio,
+      captureAudio = _e === void 0 ? false : _e,
       idCardForFaceMatch = _a.idCardForFaceMatch,
-      _e = _a.modelLoadTimeoutMs,
-      modelLoadTimeoutMs = _e === void 0 ? defaultSelfieCaptureModelLoadTimeoutMs : _e,
-      _f = _a.allowSignatureAfterLivenessCheckFailure,
-      allowSignatureAfterLivenessCheckFailure = _f === void 0 ? false : _f,
+      _f = _a.modelLoadTimeoutMs,
+      modelLoadTimeoutMs = _f === void 0 ? defaultSelfieCaptureModelLoadTimeoutMs : _f,
+      _g = _a.allowSignatureAfterLivenessCheckFailure,
+      allowSignatureAfterLivenessCheckFailure = _g === void 0 ? false : _g,
       faceLivenessProps = _a.faceLivenessProps,
-      _g = _a.theme,
-      theme = _g === void 0 ? 'default' : _g,
+      _h = _a.theme,
+      theme = _h === void 0 ? 'default' : _h,
       classNames = _a.classNames,
       colors = _a.colors,
       verbiage = _a.verbiage,
       geolocationEnabled = _a.geolocationEnabled,
       geolocationRequired = _a.geolocationRequired,
-      _h = _a.debugMode,
-      debugMode = _h === void 0 ? false : _h;
+      _j = _a.debugMode,
+      debugMode = _j === void 0 ? false : _j;
     useLanguage(lang);
     useDebugLogging(debugMode);
     return /*#__PURE__*/React.createElement(AuthProvider, {
@@ -26691,6 +26713,7 @@
           onLoadingOverlayDismissed: onLoadingOverlayDismissed,
           loadingOverlayMode: loadingOverlayMode,
           skipSuccessScreen: skipSuccessScreen,
+          captureAudio: captureAudio,
           modelLoadTimeoutMs: modelLoadTimeoutMs,
           faceLivenessProps: faceLivenessProps,
           allowSignatureAfterLivenessCheckFailure: allowSignatureAfterLivenessCheckFailure,
@@ -26701,7 +26724,7 @@
           onModelError: onModelError,
           onUserCancel: onUserCancel
         };
-      }, [customOverlayContent, onLoadingOverlayDismissed, loadingOverlayMode, skipSuccessScreen, modelLoadTimeoutMs, faceLivenessProps, allowSignatureAfterLivenessCheckFailure, classNames, colors, debugMode, verbiage, onModelError, onUserCancel])
+      }, [customOverlayContent, onLoadingOverlayDismissed, loadingOverlayMode, skipSuccessScreen, captureAudio, modelLoadTimeoutMs, faceLivenessProps, allowSignatureAfterLivenessCheckFailure, classNames, colors, debugMode, verbiage, onModelError, onUserCancel])
     }))));
   };