idmission-web-sdk 2.2.93 → 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.93';
+  var webSdkVersion = '2.2.94';
 
   function getPlatform() {
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -16372,29 +16372,29 @@
     return props.$isInvisible ? 'opacity: 0;' : '';
   });
   function IdCardBorder(_a) {
-    var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
+    var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
     var children = _a.children,
-      _p = _a.status,
-      status = _p === void 0 ? 'ready' : _p,
-      _q = _a.borderWidth,
-      borderWidth = _q === void 0 ? 20 : _q,
-      _r = _a.borderRadius,
-      borderRadius = _r === void 0 ? 25 : _r,
-      _s = _a.borderColor,
-      borderColor = _s === void 0 ? 'white' : _s,
+      _s = _a.status,
+      status = _s === void 0 ? 'ready' : _s,
+      _t = _a.borderWidth,
+      borderWidth = _t === void 0 ? 20 : _t,
+      _u = _a.borderRadius,
+      borderRadius = _u === void 0 ? 25 : _u,
+      _v = _a.borderColor,
+      borderColor = _v === void 0 ? 'white' : _v,
       aspectRatio = _a.aspectRatio,
-      _t = _a.progress,
-      progress = _t === void 0 ? 0 : _t,
+      _w = _a.progress,
+      progress = _w === void 0 ? 0 : _w,
       props = __rest(_a, ["children", "status", "borderWidth", "borderRadius", "borderColor", "aspectRatio", "progress"]);
-    var _u = useResizeObserver(),
-      ref = _u.ref,
-      _v = _u.width,
-      width = _v === void 0 ? 0 : _v,
-      _w = _u.height,
-      height = _w === void 0 ? 0 : _w;
-    var _x = React.useState(0),
-      progressResets = _x[0],
-      setProgressResets = _x[1];
+    var _x = useResizeObserver(),
+      ref = _x.ref,
+      _y = _x.width,
+      width = _y === void 0 ? 0 : _y,
+      _z = _x.height,
+      height = _z === void 0 ? 0 : _z;
+    var _0 = React.useState(0),
+      progressResets = _0[0],
+      setProgressResets = _0[1];
     React.useEffect(function () {
       if (progress === 0 && status === 'capturing') {
         setProgressResets(function (n) {
@@ -16405,8 +16405,9 @@
     var theme = styled.useTheme();
     var wavesDisabled = (_d = (_c = (_b = theme.idCapture) === null || _b === void 0 ? void 0 : _b.guideBox) === null || _c === void 0 ? void 0 : _c.wavesDisabled) !== null && _d !== void 0 ? _d : false;
     var wavesColor = (_g = (_f = (_e = theme.idCapture) === null || _e === void 0 ? void 0 : _e.guideBox) === null || _f === void 0 ? void 0 : _f.wavesColor) !== null && _g !== void 0 ? _g : '#287ec6';
-    var progressBarColor = (_k = (_j = (_h = theme.idCapture) === null || _h === void 0 ? void 0 : _h.guideBox) === null || _j === void 0 ? void 0 : _j.progressBarColor) !== null && _k !== void 0 ? _k : '#287ec6';
-    var progressBarWidth = (_o = (_m = (_l = theme.idCapture) === null || _l === void 0 ? void 0 : _l.guideBox) === null || _m === void 0 ? void 0 : _m.progressBarWidth) !== null && _o !== void 0 ? _o : borderWidth;
+    var progressBarColor = (_k = (_j = (_h = theme.idCapture) === null || _h === void 0 ? void 0 : _h.guideBox) === null || _j === void 0 ? void 0 : _j.progressBarColor) !== null && _k !== void 0 ? _k : borderColor;
+    var progressBarIndicatorColor = (_o = (_m = (_l = theme.idCapture) === null || _l === void 0 ? void 0 : _l.guideBox) === null || _m === void 0 ? void 0 : _m.progressBarIndicatorColor) !== null && _o !== void 0 ? _o : '#287ec6';
+    var progressBarWidth = (_r = (_q = (_p = theme.idCapture) === null || _p === void 0 ? void 0 : _p.guideBox) === null || _q === void 0 ? void 0 : _q.progressBarWidth) !== null && _r !== void 0 ? _r : borderWidth;
     return /*#__PURE__*/React.createElement(IdCardBorderContainer, _assign({}, props), /*#__PURE__*/React.createElement("div", {
       ref: ref,
       style: {
@@ -16440,7 +16441,7 @@
       width: width,
       height: height,
       borderRadius: borderRadius,
-      borderColor: borderColor,
+      borderColor: progressBarColor,
       borderWidth: progressBarWidth,
       className: "idmSdkWavesOrigin"
     }), (status === 'capturing' || progress > 0) && ( /*#__PURE__*/React.createElement(IdCardBorderSvg, {
@@ -16448,8 +16449,8 @@
       width: width,
       height: height,
       borderRadius: borderRadius,
-      borderColor: progressBarColor,
-      borderWidth: borderWidth,
+      borderColor: progressBarIndicatorColor,
+      borderWidth: progressBarWidth,
       isProgressBar: true,
       progress: progress,
       progressPaused: progress > 0 && status !== 'capturing'
@@ -22537,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);
     }, []);
@@ -22578,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:
@@ -22596,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();
@@ -22620,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;
@@ -22668,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,
@@ -22925,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();
     }, []);
@@ -22998,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));
@@ -23011,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();
@@ -23056,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
@@ -24383,6 +24403,7 @@
         return /*#__PURE__*/React.createElement(CameraStoreProvider, {
           preferIphoneContinuityCamera: false,
           preferFrontFacingCamera: true,
+          requireMicrophoneAccess: videoSignatureCaptureProps.captureAudio,
           maxVideoWidth: 1280,
           maxFps: 30,
           onCameraAccessDenied: onCameraAccessDenied,
@@ -24552,7 +24573,8 @@
         imagePadding: 50,
         wavesDisabled: false,
         wavesColor: '#287ec6',
-        progressBarColor: '#287ec6',
+        progressBarColor: 'white',
+        progressBarIndicatorColor: '#287ec6',
         progressBarWidth: '2.5%'
       }
     },
@@ -26638,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, {
@@ -26689,6 +26713,7 @@
           onLoadingOverlayDismissed: onLoadingOverlayDismissed,
           loadingOverlayMode: loadingOverlayMode,
           skipSuccessScreen: skipSuccessScreen,
+          captureAudio: captureAudio,
           modelLoadTimeoutMs: modelLoadTimeoutMs,
           faceLivenessProps: faceLivenessProps,
           allowSignatureAfterLivenessCheckFailure: allowSignatureAfterLivenessCheckFailure,
@@ -26699,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])
     }))));
   };