idmission-web-sdk 2.2.92 → 2.2.94

package/dist/sdk2.esm.js

@@ -203,7 +203,7 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
   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
@@ -9373,7 +9373,7 @@ function FilePickerButton(_a) {
   return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("input", {
     ref: fileInput,
     type: "file",
-    accept: "image/*",
+    accept: "image/*,.pdf",
     style: {
       display: 'none'
     },
@@ -12696,35 +12696,39 @@ var videoSignatureInitialState = {
 var VideoSignatureContext = /*#__PURE__*/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 = useRef(null);
-  var _b = useState(null),
-    signatureData = _b[0],
-    setSignatureData = _b[1];
   var _c = useState(null),
-    signatureDataUrl = _c[0],
-    setSignatureDataUrl = _c[1];
+    signatureData = _c[0],
+    setSignatureData = _c[1];
   var _d = useState(null),
-    signatureVideoData = _d[0],
-    setSignatureVideoData = _d[1];
+    signatureDataUrl = _d[0],
+    setSignatureDataUrl = _d[1];
   var _e = useState(null),
-    signatureVideoUrl = _e[0],
-    setSignatureVideoUrl = _e[1];
+    signatureVideoData = _e[0],
+    setSignatureVideoData = _e[1];
+  var _f = useState(null),
+    signatureVideoUrl = _f[0],
+    setSignatureVideoUrl = _f[1];
   var signatureRecorder = useRef(null);
   var recordedChunks = 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 = useRef(null);
   var recordingLock = useRef(false);
-  var _h = useState(false),
-    isRecording = _h[0],
-    setIsRecording = _h[1];
+  var _j = useState(false),
+    isRecording = _j[0],
+    setIsRecording = _j[1];
   var startRecording = useCallback(function () {
     setIsRecording(true);
   }, []);
@@ -12737,7 +12741,7 @@ function VideoSignatureContextProvider(_a) {
     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:
@@ -12755,8 +12759,12 @@ function VideoSignatureContextProvider(_a) {
               _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();
@@ -12779,7 +12787,7 @@ function VideoSignatureContextProvider(_a) {
         });
       });
     })();
-  }, [isRecording, isRecordingVideo, startRecordingVideo, videoUrl]);
+  }, [audioStream, captureAudio, isRecording, startRecordingAudio, startRecordingVideo]);
   var animationFrame = useRef(0);
   useEffect(function () {
     if (!signaturePad.current || !videoRef.current || !outputCanvas.current || !camera || !isRecording || !isRecordingVideo) return;
@@ -12827,12 +12835,13 @@ function VideoSignatureContextProvider(_a) {
             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 = useMemo(function () {
     return {
       startRecording: startRecording,
@@ -13084,44 +13093,50 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
     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 = 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 = 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 = 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 = useState('CHECKING_LIVENESS'),
+    captureState = _p[0],
+    setCaptureState = _p[1];
   var operationStartedAt = useRef();
   var captureStartedAt = useRef();
   var captureEndedAt = useRef();
-  var _p = useContext(SelfieGuidanceModelsContext),
-    start = _p.start,
-    stop = _p.stop;
+  var _q = useContext(SelfieGuidanceModelsContext),
+    start = _q.start,
+    stop = _q.stop;
   useEffect(function () {
     operationStartedAt.current = new Date();
   }, []);
@@ -13157,9 +13172,9 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
       setSelfieImage(selfieFromRequest);
     }
   }, [logCaptureMetadata, onFaceLivenessSuccessProp, selfieImage, setSelfieImage]);
-  var _q = useState(null),
-    signatureImageUrl = _q[0],
-    setSignatureImageUrl = _q[1];
+  var _r = useState(null),
+    signatureImageUrl = _r[0],
+    setSignatureImageUrl = _r[1];
   var onSignatureCaptureCompleted = useCallback(function (videoData, signatureData, signatureImageData) {
     setSignatureData(signatureData);
     setSignatureVideoUrl(URL.createObjectURL(videoData));
@@ -13170,18 +13185,20 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
   var onSignatureCaptureFacesNotDetected = useCallback(function () {
     setCaptureState('CHECKING_LIVENESS');
   }, []);
-  var _r = useState(0),
-    attempt = _r[0],
-    setAttempt = _r[1];
+  var _s = useState(0),
+    attempt = _s[0],
+    setAttempt = _s[1];
   var onExit = 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 = useCallback(function () {
     onRetryClicked === null || onRetryClicked === void 0 ? void 0 : onRetryClicked();
     onExit();
@@ -13215,7 +13232,9 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
     onLoadingOverlayDismissed === null || onLoadingOverlayDismissed === void 0 ? void 0 : onLoadingOverlayDismissed();
     faceLivenessOnLoadingOverlayDismissed === null || faceLivenessOnLoadingOverlayDismissed === void 0 ? void 0 : faceLivenessOnLoadingOverlayDismissed();
   }, [faceLivenessOnLoadingOverlayDismissed, onLoadingOverlayDismissed]);
-  return /*#__PURE__*/React__default.createElement(VideoSignatureContextProvider, null, /*#__PURE__*/React__default.createElement(PageContainer, {
+  return /*#__PURE__*/React__default.createElement(VideoSignatureContextProvider, {
+    captureAudio: captureAudio
+  }, /*#__PURE__*/React__default.createElement(PageContainer, {
     className: "flex ".concat((_b = classNames === null || classNames === void 0 ? void 0 : classNames.container) !== null && _b !== void 0 ? _b : '')
   }, /*#__PURE__*/React__default.createElement(CameraVideoTag, {
     className: classNames.cameraFeed
@@ -14542,6 +14561,7 @@ function CompositeWizard(_a) {
       return /*#__PURE__*/React__default.createElement(CameraStoreProvider, {
         preferIphoneContinuityCamera: false,
         preferFrontFacingCamera: true,
+        requireMicrophoneAccess: videoSignatureCaptureProps.captureAudio,
         maxVideoWidth: 1280,
         maxFps: 30,
         onCameraAccessDenied: onCameraAccessDenied,
@@ -16798,21 +16818,23 @@ var SignatureKYC = function SignatureKYC(_a) {
     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__default.createElement(AuthProvider, {
@@ -16849,6 +16871,7 @@ var SignatureKYC = function SignatureKYC(_a) {
         onLoadingOverlayDismissed: onLoadingOverlayDismissed,
         loadingOverlayMode: loadingOverlayMode,
         skipSuccessScreen: skipSuccessScreen,
+        captureAudio: captureAudio,
         modelLoadTimeoutMs: modelLoadTimeoutMs,
         faceLivenessProps: faceLivenessProps,
         allowSignatureAfterLivenessCheckFailure: allowSignatureAfterLivenessCheckFailure,
@@ -16859,7 +16882,7 @@ var SignatureKYC = function SignatureKYC(_a) {
         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])
   }))));
 };