idmission-web-sdk 2.2.150 → 2.2.152

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.150';
+  var webSdkVersion = '2.2.152';
 
   function getPlatform() {
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -9831,12 +9831,9 @@
     }, [preferFrontFacingCamera, preferIphoneContinuityCamera]);
     React.useEffect(function () {
       var _a;
-      if (!requireMicrophoneAccess) return;
-      (_a = store.current) === null || _a === void 0 ? void 0 : _a.getState().requestMicrophoneAccess();
-      return function () {
-        var _a;
-        return (_a = store.current) === null || _a === void 0 ? void 0 : _a.getState().releaseMicrophoneAccess();
-      };
+      if (requireMicrophoneAccess) {
+        (_a = store.current) === null || _a === void 0 ? void 0 : _a.getState().requestMicrophoneAccess();
+      }
     }, [requireMicrophoneAccess]);
     React.useEffect(function () {
       return function () {
@@ -22940,18 +22937,25 @@
         processAudio();
       }
     }, [audioRecordingIntentionallyStopped, audioRecordingStopped, processAudio]);
-    return {
-      isRecordingVideo: isRecordingVideo,
-      isRecordingAudio: isRecordingAudio,
-      startRecordingVideo: startRecordingVideo,
-      startRecordingAudio: startRecordingAudio,
-      stopRecordingVideo: stopRecordingVideo,
-      stopRecordingAudio: stopRecordingAudio,
-      videoRecordingUnintentionallyStopped: videoRecordingStopped && !videoRecordingIntentionallyStopped,
-      audioRecordingUnintentionallyStopped: audioRecordingStopped && !audioRecordingIntentionallyStopped,
-      videoUrl: videoUrl,
-      audioUrl: audioUrl
-    };
+    var clearRecordedData = React.useCallback(function () {
+      videoChunks.current = [];
+      audioChunks.current = [];
+    }, []);
+    return React.useMemo(function () {
+      return {
+        isRecordingVideo: isRecordingVideo,
+        isRecordingAudio: isRecordingAudio,
+        startRecordingVideo: startRecordingVideo,
+        startRecordingAudio: startRecordingAudio,
+        stopRecordingVideo: stopRecordingVideo,
+        stopRecordingAudio: stopRecordingAudio,
+        clearRecordedData: clearRecordedData,
+        videoRecordingUnintentionallyStopped: videoRecordingStopped && !videoRecordingIntentionallyStopped,
+        audioRecordingUnintentionallyStopped: audioRecordingStopped && !audioRecordingIntentionallyStopped,
+        videoUrl: videoUrl,
+        audioUrl: audioUrl
+      };
+    }, [audioRecordingIntentionallyStopped, audioRecordingStopped, audioUrl, clearRecordedData, isRecordingAudio, isRecordingVideo, startRecordingAudio, startRecordingVideo, stopRecordingAudio, stopRecordingVideo, videoRecordingIntentionallyStopped, videoRecordingStopped, videoUrl]);
   };
 
   var videoSignatureInitialState = {
@@ -22961,6 +22965,10 @@
     stopRecording: function stopRecording() {
       return null;
     },
+    clearRecordedData: function clearRecordedData() {
+      return null;
+    },
+    isRecording: false,
     signatureData: null,
     signatureDataUrl: null,
     signatureVideoData: null,
@@ -23004,17 +23012,28 @@
       startRecordingVideo = _k.startRecordingVideo,
       stopRecordingVideo = _k.stopRecordingVideo,
       startRecordingAudio = _k.startRecordingAudio,
-      stopRecordingAudio = _k.stopRecordingAudio;
+      stopRecordingAudio = _k.stopRecordingAudio,
+      clearRecordedVideoData = _k.clearRecordedData;
     var outputCanvas = React.useRef(null);
     var recordingLock = React.useRef(false);
+    var onRecordingStopped = React.useRef(function () {});
     var _l = React.useState(false),
       isRecording = _l[0],
       setIsRecording = _l[1];
     var startRecording = React.useCallback(function () {
-      setIsRecording(true);
+      return setIsRecording(true);
     }, []);
     var stopRecording = React.useCallback(function () {
+      return setIsRecording(false);
+    }, []);
+    var clearRecordedData = React.useCallback(function () {
+      var _a;
+      recordingLock.current = false;
+      onRecordingStopped.current = function () {
+        return setIsRecording(true);
+      };
       setIsRecording(false);
+      (_a = signatureRecorder.current) === null || _a === void 0 ? void 0 : _a.stop();
     }, []);
     React.useEffect(function () {
       if (!isRecording) return;
@@ -23040,6 +23059,8 @@
                 _b.sent();
                 _b.label = 2;
               case 2:
+                recordedChunks.current = [];
+                clearRecordedVideoData();
                 startRecordingVideo();
                 if (captureAudio) startRecordingAudio();
                 stream = outputCanvas.current.captureStream(24 /* fps */);
@@ -23064,13 +23085,14 @@
                   });
                   setSignatureVideoData(blob);
                   setSignatureVideoUrl(URL.createObjectURL(blob));
+                  onRecordingStopped.current();
                 };
                 return [2 /*return*/];
             }
           });
         });
       })();
-    }, [audioStream, captureAudio, isRecording, startRecordingAudio, startRecordingVideo]);
+    }, [audioStream, captureAudio, clearRecordedVideoData, isRecording, startRecordingAudio, startRecordingVideo]);
     var animationFrame = React.useRef(0);
     React.useEffect(function () {
       if (!signaturePad.current || !videoRef.current || !outputCanvas.current || !camera || !isRecording || !isRecordingVideo) return;
@@ -23127,8 +23149,10 @@
     }, [stopRecordingAudio, stopRecordingVideo]);
     var value = React.useMemo(function () {
       return {
+        isRecording: isRecording,
         startRecording: startRecording,
         stopRecording: stopRecording,
+        clearRecordedData: clearRecordedData,
         signaturePad: signaturePad,
         signatureData: signatureData,
         signatureDataUrl: signatureDataUrl,
@@ -23136,7 +23160,7 @@
         signatureVideoUrl: signatureVideoUrl,
         onAcceptClicked: onAcceptClicked
       };
-    }, [onAcceptClicked, signatureData, signatureDataUrl, signatureVideoData, signatureVideoUrl, startRecording, stopRecording]);
+    }, [clearRecordedData, isRecording, onAcceptClicked, signatureData, signatureDataUrl, signatureVideoData, signatureVideoUrl, startRecording, stopRecording]);
     return /*#__PURE__*/React.createElement(VideoSignatureContext.Provider, {
       value: value
     }, children, /*#__PURE__*/React.createElement(InvisibleCanvas, {
@@ -23152,24 +23176,27 @@
   }
 
   function VideoSignatureGuides(_a) {
-    var _b;
-    var _c = _a.requestedAction,
-      requestedAction = _c === void 0 ? 'VERIFY_LIVENESS' : _c,
-      _d = _a.faceGuideStatus,
-      faceGuideStatus = _d === void 0 ? 'success' : _d,
+    var _b = _a.requestedAction,
+      requestedAction = _b === void 0 ? 'VERIFY_LIVENESS' : _b,
+      _c = _a.faceGuideStatus,
+      faceGuideStatus = _c === void 0 ? 'success' : _c,
       faceGuideBorderWidth = _a.faceGuideBorderWidth,
       faceGuideBorderColor = _a.faceGuideBorderColor,
-      _e = _a.classNames,
-      classNames = _e === void 0 ? {} : _e,
-      _f = _a.verbiage,
-      rawVerbiage = _f === void 0 ? {} : _f;
-    var _g = useResizeObserver(),
-      ref = _g.ref,
-      width = _g.width,
-      height = _g.height;
-    var _h = useVideoSignatureContext(),
-      signaturePad = _h.signaturePad,
-      onAcceptClicked = _h.onAcceptClicked;
+      onClearSignaturePadClicked = _a.onClearSignaturePadClicked,
+      _d = _a.classNames,
+      classNames = _d === void 0 ? {} : _d,
+      _e = _a.verbiage,
+      rawVerbiage = _e === void 0 ? {} : _e;
+    var _f = useResizeObserver(),
+      ref = _f.ref,
+      width = _f.width,
+      height = _f.height;
+    var _g = useVideoSignatureContext(),
+      signaturePad = _g.signaturePad,
+      onAcceptClicked = _g.onAcceptClicked;
+    var _h = React.useState(true),
+      isSignaturePadEmpty = _h[0],
+      setIsSignaturePadEmpty = _h[1];
     var verbiage = useTranslations(rawVerbiage, {
       clearSignatureBtnText: 'Clear',
       acceptSignatureBtnText: 'Accept'
@@ -23203,19 +23230,28 @@
       className: classNames.signatureCanvasInner
     }, /*#__PURE__*/React.createElement(SignatureCanvas, {
       ref: signaturePad,
-      canvasProps: canvasProps
+      canvasProps: canvasProps,
+      onEnd: function onEnd() {
+        var _a;
+        setIsSignaturePadEmpty(!!((_a = signaturePad === null || signaturePad === void 0 ? void 0 : signaturePad.current) === null || _a === void 0 ? void 0 : _a.isEmpty()));
+      }
     })), /*#__PURE__*/React.createElement(SignatureButtonsContainer, {
       className: classNames.signatureButtonsRow
     }, /*#__PURE__*/React.createElement(LoaderButton, {
       variant: "secondary",
       className: classNames.clearSignatureBtn,
-      onClick: (_b = signaturePad === null || signaturePad === void 0 ? void 0 : signaturePad.current) === null || _b === void 0 ? void 0 : _b.clear,
+      onClick: function onClick() {
+        var _a, _b;
+        (_a = signaturePad === null || signaturePad === void 0 ? void 0 : signaturePad.current) === null || _a === void 0 ? void 0 : _a.clear();
+        setIsSignaturePadEmpty(!!((_b = signaturePad === null || signaturePad === void 0 ? void 0 : signaturePad.current) === null || _b === void 0 ? void 0 : _b.isEmpty()));
+        onClearSignaturePadClicked === null || onClearSignaturePadClicked === void 0 ? void 0 : onClearSignaturePadClicked();
+      },
       disabled: requestedAction === 'VERIFY_LIVENESS',
       finished: true
     }, verbiage.clearSignatureBtnText), /*#__PURE__*/React.createElement(AcceptBtn, {
       variant: "positive",
       className: classNames.acceptSignatureBtn,
-      disabled: requestedAction === 'VERIFY_LIVENESS',
+      disabled: requestedAction === 'VERIFY_LIVENESS' || isSignaturePadEmpty,
       onClick: onAcceptClicked,
       finished: true
     }, verbiage.acceptSignatureBtnText))))));
@@ -23239,30 +23275,32 @@
     var onVideoCaptured = _a.onVideoCaptured,
       onFaceNotDetected = _a.onFaceNotDetected,
       onExit = _a.onExit,
+      _c = _a.restartVideoOnSignaturePadCleared,
+      restartVideoOnSignaturePadCleared = _c === void 0 ? true : _c,
       guidesComponent = _a.guidesComponent,
-      _c = _a.classNames,
-      classNames = _c === void 0 ? {} : _c,
-      _d = _a.colors,
-      colors = _d === void 0 ? {} : _d,
-      _e = _a.verbiage,
-      rawVerbiage = _e === void 0 ? {} : _e,
-      _f = _a.debugMode,
-      debugMode = _f === void 0 ? false : _f;
+      _d = _a.classNames,
+      classNames = _d === void 0 ? {} : _d,
+      _e = _a.colors,
+      colors = _e === void 0 ? {} : _e,
+      _f = _a.verbiage,
+      rawVerbiage = _f === void 0 ? {} : _f,
+      _g = _a.debugMode,
+      debugMode = _g === void 0 ? false : _g;
     var camera = useCameraStore(function (state) {
       return state.camera;
     });
     var onPredictionMade = React.useContext(SelfieGuidanceModelsContext).onPredictionMade;
-    var _g = useVideoSignatureContext(),
-      signatureData = _g.signatureData,
-      signatureDataUrl = _g.signatureDataUrl,
-      signatureVideoData = _g.signatureVideoData,
-      startRecording = _g.startRecording,
-      stopRecording = _g.stopRecording;
+    var _h = useVideoSignatureContext(),
+      signatureData = _h.signatureData,
+      signatureDataUrl = _h.signatureDataUrl,
+      signatureVideoData = _h.signatureVideoData,
+      startRecording = _h.startRecording,
+      stopRecording = _h.stopRecording,
+      clearRecordedData = _h.clearRecordedData,
+      isRecording = _h.isRecording;
     React.useEffect(function () {
       startRecording();
-      return function () {
-        stopRecording();
-      };
+      return stopRecording;
     }, [startRecording, stopRecording]);
     colors.guidanceMessageBackgroundColor || (colors.guidanceMessageBackgroundColor = '#ccc');
     colors.guidanceMessageTextColor || (colors.guidanceMessageTextColor = 'black');
@@ -23274,9 +23312,9 @@
         onVideoCaptured === null || onVideoCaptured === void 0 ? void 0 : onVideoCaptured(signatureVideoData, signatureData, signatureDataUrl);
       }
     }, [onVideoCaptured, signatureData, signatureDataUrl, signatureVideoData]);
-    var _h = React.useState(0),
-      numFramesWithoutFaces = _h[0],
-      setNumFramesWithoutFaces = _h[1];
+    var _j = React.useState(0),
+      numFramesWithoutFaces = _j[0],
+      setNumFramesWithoutFaces = _j[1];
     React.useEffect(function () {
       onPredictionMade(function (_a) {
         var face = _a.face;
@@ -23301,9 +23339,10 @@
       "$background": colors.guidanceMessageBackgroundColor,
       "$textColor": colors.guidanceMessageTextColor
     }, verbiage.guidanceMessageText))), /*#__PURE__*/React.createElement(GuidesComponent, {
+      status: "success",
       classNames: classNames.videoSignatureGuidesClassNames,
-      status: "success"
-    }), debugMode && ( /*#__PURE__*/React.createElement(DebugStatsPane, null, "Video: ", camera === null || camera === void 0 ? void 0 : camera.width, "x", camera === null || camera === void 0 ? void 0 : camera.height)), /*#__PURE__*/React.createElement(ExitCaptureButton, {
+      onClearSignaturePadClicked: restartVideoOnSignaturePadCleared ? clearRecordedData : undefined
+    }), debugMode && ( /*#__PURE__*/React.createElement(DebugStatsPane, null, "Video: ", camera === null || camera === void 0 ? void 0 : camera.width, "x", camera === null || camera === void 0 ? void 0 : camera.height, /*#__PURE__*/React.createElement("br", null), "Recording: ", isRecording ? 'true' : 'false')), /*#__PURE__*/React.createElement(ExitCaptureButton, {
       onClick: onExit,
       className: classNames.exitCaptureBtn
     }));
@@ -23382,37 +23421,30 @@
       captureAudio = _e === void 0 ? false : _e,
       _f = _a.allowSignatureAfterLivenessCheckFailure,
       allowSignatureAfterLivenessCheckFailure = _f === void 0 ? false : _f,
+      _g = _a.restartVideoOnSignaturePadCleared,
+      restartVideoOnSignaturePadCleared = _g === void 0 ? true : _g,
       faceLivenessProps = _a.faceLivenessProps,
-      _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,
-          requestMicrophoneAccess: state.requestMicrophoneAccess,
-          releaseMicrophoneAccess: state.releaseMicrophoneAccess
-        };
-      })),
-      cameraAccessDenied = _o.cameraAccessDenied,
-      requestCameraAccess = _o.requestCameraAccess,
-      releaseCameraAccess = _o.releaseCameraAccess,
-      requestMicrophoneAccess = _o.requestMicrophoneAccess,
-      releaseMicrophoneAccess = _o.releaseMicrophoneAccess;
+      _h = _a.assets,
+      assets = _h === void 0 ? {} : _h,
+      _j = _a.classNames,
+      classNames = _j === void 0 ? {} : _j,
+      _k = _a.colors,
+      colors = _k === void 0 ? {} : _k,
+      _l = _a.verbiage,
+      verbiage = _l === void 0 ? {} : _l,
+      _m = _a.debugMode,
+      debugMode = _m === void 0 ? false : _m;
+    var _o = React.useContext(SubmissionContext),
+      selfieImage = _o.selfieImage,
+      setSelfieImage = _o.setSelfieImage,
+      setSignatureData = _o.setSignatureData,
+      setSignatureVideoUrl = _o.setSignatureVideoUrl,
+      logSelfieCaptureAttempt = _o.logSelfieCaptureAttempt;
+    var cameraAccessDenied = useCameraStore(useShallow(function (state) {
+      return {
+        cameraAccessDenied: state.cameraAccessDenied
+      };
+    })).cameraAccessDenied;
     var _p = React.useState('CHECKING_LIVENESS'),
       captureState = _p[0],
       setCaptureState = _p[1];
@@ -23473,21 +23505,13 @@
     var _s = React.useState(0),
       attempt = _s[0],
       setAttempt = _s[1];
-    var onExit = React.useCallback(function () {
-      releaseCameraAccess();
-      releaseMicrophoneAccess();
+    var onRetry = React.useCallback(function () {
+      onRetryClicked === null || onRetryClicked === void 0 ? void 0 : onRetryClicked();
       setAttempt(function (n) {
         return n + 1;
       });
       setCaptureState('CHECKING_LIVENESS');
-      onExitCapture === null || onExitCapture === void 0 ? void 0 : onExitCapture();
-      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();
-    }, [onExit, onRetryClicked]);
+    }, [onRetryClicked]);
     var showSuccessScreen = useShowSuccessScreen(skipSuccessScreen, captureState === 'SUCCESS', onComplete);
     React.useEffect(function () {
       if (cameraAccessDenied) {
@@ -23497,14 +23521,12 @@
         setCaptureState('CHECKING_LIVENESS');
       }
     }, [cameraAccessDenied]);
-    var guidesComponent = React.useCallback(function (_a) {
-      var status = _a.status;
-      return /*#__PURE__*/React.createElement(VideoSignatureGuides, {
+    var guidesComponent = React.useCallback(function (props) {
+      return /*#__PURE__*/React.createElement(VideoSignatureWizardGuides, _assign({}, props, {
         classNames: classNames === null || classNames === void 0 ? void 0 : classNames.videoSignatureGuidesClassNames,
-        faceGuideStatus: status,
-        requestedAction: status === 'success' ? 'CAPTURE_SIGNATURE' : 'VERIFY_LIVENESS'
-      });
-    }, [classNames === null || classNames === void 0 ? void 0 : classNames.videoSignatureGuidesClassNames]);
+        restartVideoOnSignaturePadCleared: restartVideoOnSignaturePadCleared
+      }));
+    }, [classNames === null || classNames === void 0 ? void 0 : classNames.videoSignatureGuidesClassNames, restartVideoOnSignaturePadCleared]);
     var onExitAfterFailureProp = faceLivenessProps === null || faceLivenessProps === void 0 ? void 0 : faceLivenessProps.onExitAfterFailure;
     var onExitAfterFailure = React.useCallback(function (resp, req) {
       onExitAfterFailureProp === null || onExitAfterFailureProp === void 0 ? void 0 : onExitAfterFailureProp(resp, req);
@@ -23530,7 +23552,7 @@
             key: "face-liveness-".concat(attempt)
           }, faceLivenessProps, {
             onSuccess: onFaceCaptureSuccess,
-            onExitCapture: onExit,
+            onExitCapture: onExitCapture,
             onUserCancel: onUserCancel,
             onExitAfterFailure: onExitAfterFailure,
             onLoadingOverlayDismissed: onLoadingOverlayDismissedCallback,
@@ -23542,14 +23564,14 @@
             colors: colors.faceLiveness,
             verbiage: verbiage.faceLiveness,
             debugMode: debugMode,
-            releaseCameraAccessOnExit: false,
             renderCameraFeed: false
           }));
         case 'CAPTURING_SIGNATURE':
           return /*#__PURE__*/React.createElement(VideoSignatureCapture, {
             onVideoCaptured: onSignatureCaptureCompleted,
             onFaceNotDetected: onSignatureCaptureFacesNotDetected,
-            onExit: onExit,
+            onExit: onExitCapture,
+            restartVideoOnSignaturePadCleared: restartVideoOnSignaturePadCleared,
             guidesComponent: guidesComponent,
             classNames: classNames,
             colors: colors,
@@ -23571,6 +23593,49 @@
       }
     }()));
   };
+  function VideoSignatureWizardGuides(_a) {
+    var status = _a.status,
+      classNames = _a.classNames,
+      _b = _a.restartVideoOnSignaturePadCleared,
+      restartVideoOnSignaturePadCleared = _b === void 0 ? true : _b;
+    var clearRecordedData = useVideoSignatureContext().clearRecordedData;
+    return /*#__PURE__*/React.createElement(VideoSignatureGuides, {
+      classNames: classNames,
+      faceGuideStatus: status,
+      requestedAction: status === 'success' ? 'CAPTURE_SIGNATURE' : 'VERIFY_LIVENESS',
+      onClearSignaturePadClicked: restartVideoOnSignaturePadCleared ? clearRecordedData : undefined
+    });
+  }
+  var VideoSignatureWizardWithProviders = function VideoSignatureWizardWithProviders(props) {
+    var _a = React.useState(0),
+      attempts = _a[0],
+      setAttempts = _a[1];
+    var onRetryClickedProp = props.onRetryClicked;
+    var onRetryClicked = React.useCallback(function () {
+      setAttempts(function (n) {
+        return n + 1;
+      });
+      onRetryClickedProp === null || onRetryClickedProp === void 0 ? void 0 : onRetryClickedProp();
+    }, [onRetryClickedProp]);
+    return /*#__PURE__*/React.createElement(CameraStoreProvider, {
+      key: "camera-store-".concat(attempts),
+      preferIphoneContinuityCamera: false,
+      preferFrontFacingCamera: true,
+      requireMicrophoneAccess: props.captureAudio,
+      maxVideoWidth: 1280,
+      maxFps: 30,
+      onCameraAccessDenied: props.onCameraAccessDenied,
+      onMicrophoneAccessDenied: props.onMicrophoneAccessDenied
+    }, /*#__PURE__*/React.createElement(SelfieGuidanceModelsProvider, {
+      autoStart: false,
+      throttleMs: 250,
+      onModelError: props.onModelError,
+      modelLoadTimeoutMs: props.modelLoadTimeoutMs,
+      requireVerticalFaceCentering: false
+    }, /*#__PURE__*/React.createElement(VideoSignatureWizard, _assign({}, props, {
+      onRetryClicked: onRetryClicked
+    }))));
+  };
 
   var IdVideoCaptureGuides = function IdVideoCaptureGuides(_a) {
     var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y;
@@ -24844,23 +24909,11 @@
           onAccept: onSignatureCaptureSuccess
         }));
       case 'VideoSignatureCapture':
-        return /*#__PURE__*/React.createElement(CameraStoreProvider, {
-          preferIphoneContinuityCamera: false,
-          preferFrontFacingCamera: true,
-          requireMicrophoneAccess: videoSignatureCaptureProps.captureAudio,
-          maxVideoWidth: 1280,
-          maxFps: 30,
+        return /*#__PURE__*/React.createElement(VideoSignatureWizardWithProviders, _assign({}, videoSignatureCaptureProps, {
+          onComplete: onVideoSignatureComplete,
           onCameraAccessDenied: onCameraAccessDenied,
           onMicrophoneAccessDenied: onMicrophoneAccessDenied
-        }, /*#__PURE__*/React.createElement(SelfieGuidanceModelsProvider, {
-          autoStart: false,
-          throttleMs: 250,
-          onModelError: videoSignatureCaptureProps.onModelError,
-          modelLoadTimeoutMs: videoSignatureCaptureProps.modelLoadTimeoutMs,
-          requireVerticalFaceCentering: false
-        }, /*#__PURE__*/React.createElement(VideoSignatureWizard, _assign({}, videoSignatureCaptureProps, {
-          onComplete: onVideoSignatureComplete
-        }))));
+        }));
       case 'AdditionalDocumentCapture':
         return /*#__PURE__*/React.createElement(AdditionalDocumentCaptureWizard, _assign({}, additionalDocumentCaptureProps, {
           documents: documents,
@@ -27177,16 +27230,18 @@
       modelLoadTimeoutMs = _f === void 0 ? defaultSelfieCaptureModelLoadTimeoutMs : _f,
       _g = _a.allowSignatureAfterLivenessCheckFailure,
       allowSignatureAfterLivenessCheckFailure = _g === void 0 ? false : _g,
+      _h = _a.restartVideoOnSignaturePadCleared,
+      restartVideoOnSignaturePadCleared = _h === void 0 ? true : _h,
       faceLivenessProps = _a.faceLivenessProps,
-      _h = _a.theme,
-      theme = _h === void 0 ? 'default' : _h,
+      _j = _a.theme,
+      theme = _j === void 0 ? 'default' : _j,
       classNames = _a.classNames,
       colors = _a.colors,
       verbiage = _a.verbiage,
       geolocationEnabled = _a.geolocationEnabled,
       geolocationRequired = _a.geolocationRequired,
-      _j = _a.debugMode,
-      debugMode = _j === void 0 ? false : _j;
+      _k = _a.debugMode,
+      debugMode = _k === void 0 ? false : _k;
     useLanguage(lang);
     useDebugLogging(debugMode);
     return /*#__PURE__*/React.createElement(AuthProvider, {
@@ -27230,6 +27285,7 @@
           modelLoadTimeoutMs: modelLoadTimeoutMs,
           faceLivenessProps: faceLivenessProps,
           allowSignatureAfterLivenessCheckFailure: allowSignatureAfterLivenessCheckFailure,
+          restartVideoOnSignaturePadCleared: restartVideoOnSignaturePadCleared,
           classNames: classNames,
           colors: colors,
           debugMode: debugMode,
@@ -27237,7 +27293,7 @@
           onModelError: onModelError,
           onUserCancel: onUserCancel
         };
-      }, [customOverlayContent, onLoadingOverlayDismissed, loadingOverlayMode, skipSuccessScreen, captureAudio, modelLoadTimeoutMs, faceLivenessProps, allowSignatureAfterLivenessCheckFailure, classNames, colors, debugMode, verbiage, onModelError, onUserCancel])
+      }, [customOverlayContent, onLoadingOverlayDismissed, loadingOverlayMode, skipSuccessScreen, captureAudio, modelLoadTimeoutMs, faceLivenessProps, allowSignatureAfterLivenessCheckFailure, restartVideoOnSignaturePadCleared, classNames, colors, debugMode, verbiage, onModelError, onUserCancel])
     }))));
   };