idmission-web-sdk 2.2.93 → 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.93';
+var webSdkVersion = '2.2.94';
 
 function getPlatform() {
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -7298,29 +7298,29 @@ var IdCardGuideImage = styled.img(templateObject_2$q || (templateObject_2$q = __
   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 = 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 = useState(0),
+    progressResets = _0[0],
+    setProgressResets = _0[1];
   useEffect(function () {
     if (progress === 0 && status === 'capturing') {
       setProgressResets(function (n) {
@@ -7331,8 +7331,9 @@ function IdCardBorder(_a) {
   var theme = 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__default.createElement(IdCardBorderContainer, _assign({}, props), /*#__PURE__*/React__default.createElement("div", {
     ref: ref,
     style: {
@@ -7366,7 +7367,7 @@ function IdCardBorder(_a) {
     width: width,
     height: height,
     borderRadius: borderRadius,
-    borderColor: borderColor,
+    borderColor: progressBarColor,
     borderWidth: progressBarWidth,
     className: "idmSdkWavesOrigin"
   }), (status === 'capturing' || progress > 0) && ( /*#__PURE__*/React__default.createElement(IdCardBorderSvg, {
@@ -7374,8 +7375,8 @@ function IdCardBorder(_a) {
     width: width,
     height: height,
     borderRadius: borderRadius,
-    borderColor: progressBarColor,
-    borderWidth: borderWidth,
+    borderColor: progressBarIndicatorColor,
+    borderWidth: progressBarWidth,
     isProgressBar: true,
     progress: progress,
     progressPaused: progress > 0 && status !== 'capturing'
@@ -12695,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);
   }, []);
@@ -12736,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:
@@ -12754,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();
@@ -12778,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;
@@ -12826,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,
@@ -13083,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();
   }, []);
@@ -13156,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));
@@ -13169,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();
@@ -13214,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
@@ -14541,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,
@@ -14710,7 +14731,8 @@ var defaultTheme = {
       imagePadding: 50,
       wavesDisabled: false,
       wavesColor: '#287ec6',
-      progressBarColor: '#287ec6',
+      progressBarColor: 'white',
+      progressBarIndicatorColor: '#287ec6',
       progressBarWidth: '2.5%'
     }
   },
@@ -16796,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, {
@@ -16847,6 +16871,7 @@ var SignatureKYC = function SignatureKYC(_a) {
         onLoadingOverlayDismissed: onLoadingOverlayDismissed,
         loadingOverlayMode: loadingOverlayMode,
         skipSuccessScreen: skipSuccessScreen,
+        captureAudio: captureAudio,
         modelLoadTimeoutMs: modelLoadTimeoutMs,
         faceLivenessProps: faceLivenessProps,
         allowSignatureAfterLivenessCheckFailure: allowSignatureAfterLivenessCheckFailure,
@@ -16857,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])
   }))));
 };