idmission-web-sdk 2.2.150 → 2.2.152

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.150';
+var webSdkVersion = '2.2.152';
 
 function getPlatform() {
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -3860,12 +3860,9 @@ function CameraStoreProvider(_a) {
   }, [preferFrontFacingCamera, preferIphoneContinuityCamera]);
   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]);
   useEffect(function () {
     return function () {
@@ -13048,18 +13045,25 @@ var useVideoRecorder = function useVideoRecorder(camera, audioStream, mergeAVStr
       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 = useCallback(function () {
+    videoChunks.current = [];
+    audioChunks.current = [];
+  }, []);
+  return 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 = {
@@ -13069,6 +13073,10 @@ var videoSignatureInitialState = {
   stopRecording: function stopRecording() {
     return null;
   },
+  clearRecordedData: function clearRecordedData() {
+    return null;
+  },
+  isRecording: false,
   signatureData: null,
   signatureDataUrl: null,
   signatureVideoData: null,
@@ -13112,17 +13120,28 @@ function VideoSignatureContextProvider(_a) {
     startRecordingVideo = _k.startRecordingVideo,
     stopRecordingVideo = _k.stopRecordingVideo,
     startRecordingAudio = _k.startRecordingAudio,
-    stopRecordingAudio = _k.stopRecordingAudio;
+    stopRecordingAudio = _k.stopRecordingAudio,
+    clearRecordedVideoData = _k.clearRecordedData;
   var outputCanvas = useRef(null);
   var recordingLock = useRef(false);
+  var onRecordingStopped = useRef(function () {});
   var _l = useState(false),
     isRecording = _l[0],
     setIsRecording = _l[1];
   var startRecording = useCallback(function () {
-    setIsRecording(true);
+    return setIsRecording(true);
   }, []);
   var stopRecording = useCallback(function () {
+    return setIsRecording(false);
+  }, []);
+  var clearRecordedData = 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();
   }, []);
   useEffect(function () {
     if (!isRecording) return;
@@ -13148,6 +13167,8 @@ function VideoSignatureContextProvider(_a) {
               _b.sent();
               _b.label = 2;
             case 2:
+              recordedChunks.current = [];
+              clearRecordedVideoData();
               startRecordingVideo();
               if (captureAudio) startRecordingAudio();
               stream = outputCanvas.current.captureStream(24 /* fps */);
@@ -13172,13 +13193,14 @@ function VideoSignatureContextProvider(_a) {
                 });
                 setSignatureVideoData(blob);
                 setSignatureVideoUrl(URL.createObjectURL(blob));
+                onRecordingStopped.current();
               };
               return [2 /*return*/];
           }
         });
       });
     })();
-  }, [audioStream, captureAudio, isRecording, startRecordingAudio, startRecordingVideo]);
+  }, [audioStream, captureAudio, clearRecordedVideoData, isRecording, startRecordingAudio, startRecordingVideo]);
   var animationFrame = useRef(0);
   useEffect(function () {
     if (!signaturePad.current || !videoRef.current || !outputCanvas.current || !camera || !isRecording || !isRecordingVideo) return;
@@ -13235,8 +13257,10 @@ function VideoSignatureContextProvider(_a) {
   }, [stopRecordingAudio, stopRecordingVideo]);
   var value = useMemo(function () {
     return {
+      isRecording: isRecording,
       startRecording: startRecording,
       stopRecording: stopRecording,
+      clearRecordedData: clearRecordedData,
       signaturePad: signaturePad,
       signatureData: signatureData,
       signatureDataUrl: signatureDataUrl,
@@ -13244,7 +13268,7 @@ function VideoSignatureContextProvider(_a) {
       signatureVideoUrl: signatureVideoUrl,
       onAcceptClicked: onAcceptClicked
     };
-  }, [onAcceptClicked, signatureData, signatureDataUrl, signatureVideoData, signatureVideoUrl, startRecording, stopRecording]);
+  }, [clearRecordedData, isRecording, onAcceptClicked, signatureData, signatureDataUrl, signatureVideoData, signatureVideoUrl, startRecording, stopRecording]);
   return /*#__PURE__*/React__default.createElement(VideoSignatureContext.Provider, {
     value: value
   }, children, /*#__PURE__*/React__default.createElement(InvisibleCanvas, {
@@ -13260,24 +13284,27 @@ function useVideoSignatureContext() {
 }
 
 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 = useState(true),
+    isSignaturePadEmpty = _h[0],
+    setIsSignaturePadEmpty = _h[1];
   var verbiage = useTranslations(rawVerbiage, {
     clearSignatureBtnText: 'Clear',
     acceptSignatureBtnText: 'Accept'
@@ -13311,19 +13338,28 @@ function VideoSignatureGuides(_a) {
     className: classNames.signatureCanvasInner
   }, /*#__PURE__*/React__default.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__default.createElement(SignatureButtonsContainer, {
     className: classNames.signatureButtonsRow
   }, /*#__PURE__*/React__default.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__default.createElement(AcceptBtn, {
     variant: "positive",
     className: classNames.acceptSignatureBtn,
-    disabled: requestedAction === 'VERIFY_LIVENESS',
+    disabled: requestedAction === 'VERIFY_LIVENESS' || isSignaturePadEmpty,
     onClick: onAcceptClicked,
     finished: true
   }, verbiage.acceptSignatureBtnText))))));
@@ -13347,30 +13383,32 @@ var VideoSignatureCapture = function VideoSignatureCapture(_a) {
   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 = 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;
   useEffect(function () {
     startRecording();
-    return function () {
-      stopRecording();
-    };
+    return stopRecording;
   }, [startRecording, stopRecording]);
   colors.guidanceMessageBackgroundColor || (colors.guidanceMessageBackgroundColor = '#ccc');
   colors.guidanceMessageTextColor || (colors.guidanceMessageTextColor = 'black');
@@ -13382,9 +13420,9 @@ var VideoSignatureCapture = function VideoSignatureCapture(_a) {
       onVideoCaptured === null || onVideoCaptured === void 0 ? void 0 : onVideoCaptured(signatureVideoData, signatureData, signatureDataUrl);
     }
   }, [onVideoCaptured, signatureData, signatureDataUrl, signatureVideoData]);
-  var _h = useState(0),
-    numFramesWithoutFaces = _h[0],
-    setNumFramesWithoutFaces = _h[1];
+  var _j = useState(0),
+    numFramesWithoutFaces = _j[0],
+    setNumFramesWithoutFaces = _j[1];
   useEffect(function () {
     onPredictionMade(function (_a) {
       var face = _a.face;
@@ -13409,9 +13447,10 @@ var VideoSignatureCapture = function VideoSignatureCapture(_a) {
     "$background": colors.guidanceMessageBackgroundColor,
     "$textColor": colors.guidanceMessageTextColor
   }, verbiage.guidanceMessageText))), /*#__PURE__*/React__default.createElement(GuidesComponent, {
+    status: "success",
     classNames: classNames.videoSignatureGuidesClassNames,
-    status: "success"
-  }), debugMode && ( /*#__PURE__*/React__default.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__default.createElement(ExitCaptureButton, {
+    onClearSignaturePadClicked: restartVideoOnSignaturePadCleared ? clearRecordedData : undefined
+  }), debugMode && ( /*#__PURE__*/React__default.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__default.createElement("br", null), "Recording: ", isRecording ? 'true' : 'false')), /*#__PURE__*/React__default.createElement(ExitCaptureButton, {
     onClick: onExit,
     className: classNames.exitCaptureBtn
   }));
@@ -13490,37 +13529,30 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
     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 = 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 = 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 = useState('CHECKING_LIVENESS'),
     captureState = _p[0],
     setCaptureState = _p[1];
@@ -13581,21 +13613,13 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
   var _s = useState(0),
     attempt = _s[0],
     setAttempt = _s[1];
-  var onExit = useCallback(function () {
-    releaseCameraAccess();
-    releaseMicrophoneAccess();
+  var onRetry = 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 = useCallback(function () {
-    onRetryClicked === null || onRetryClicked === void 0 ? void 0 : onRetryClicked();
-    onExit();
-  }, [onExit, onRetryClicked]);
+  }, [onRetryClicked]);
   var showSuccessScreen = useShowSuccessScreen(skipSuccessScreen, captureState === 'SUCCESS', onComplete);
   useEffect(function () {
     if (cameraAccessDenied) {
@@ -13605,14 +13629,12 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
       setCaptureState('CHECKING_LIVENESS');
     }
   }, [cameraAccessDenied]);
-  var guidesComponent = useCallback(function (_a) {
-    var status = _a.status;
-    return /*#__PURE__*/React__default.createElement(VideoSignatureGuides, {
+  var guidesComponent = useCallback(function (props) {
+    return /*#__PURE__*/React__default.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 = useCallback(function (resp, req) {
     onExitAfterFailureProp === null || onExitAfterFailureProp === void 0 ? void 0 : onExitAfterFailureProp(resp, req);
@@ -13638,7 +13660,7 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
           key: "face-liveness-".concat(attempt)
         }, faceLivenessProps, {
           onSuccess: onFaceCaptureSuccess,
-          onExitCapture: onExit,
+          onExitCapture: onExitCapture,
           onUserCancel: onUserCancel,
           onExitAfterFailure: onExitAfterFailure,
           onLoadingOverlayDismissed: onLoadingOverlayDismissedCallback,
@@ -13650,14 +13672,14 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
           colors: colors.faceLiveness,
           verbiage: verbiage.faceLiveness,
           debugMode: debugMode,
-          releaseCameraAccessOnExit: false,
           renderCameraFeed: false
         }));
       case 'CAPTURING_SIGNATURE':
         return /*#__PURE__*/React__default.createElement(VideoSignatureCapture, {
           onVideoCaptured: onSignatureCaptureCompleted,
           onFaceNotDetected: onSignatureCaptureFacesNotDetected,
-          onExit: onExit,
+          onExit: onExitCapture,
+          restartVideoOnSignaturePadCleared: restartVideoOnSignaturePadCleared,
           guidesComponent: guidesComponent,
           classNames: classNames,
           colors: colors,
@@ -13679,6 +13701,49 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
     }
   }()));
 };
+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__default.createElement(VideoSignatureGuides, {
+    classNames: classNames,
+    faceGuideStatus: status,
+    requestedAction: status === 'success' ? 'CAPTURE_SIGNATURE' : 'VERIFY_LIVENESS',
+    onClearSignaturePadClicked: restartVideoOnSignaturePadCleared ? clearRecordedData : undefined
+  });
+}
+var VideoSignatureWizardWithProviders = function VideoSignatureWizardWithProviders(props) {
+  var _a = useState(0),
+    attempts = _a[0],
+    setAttempts = _a[1];
+  var onRetryClickedProp = props.onRetryClicked;
+  var onRetryClicked = useCallback(function () {
+    setAttempts(function (n) {
+      return n + 1;
+    });
+    onRetryClickedProp === null || onRetryClickedProp === void 0 ? void 0 : onRetryClickedProp();
+  }, [onRetryClickedProp]);
+  return /*#__PURE__*/React__default.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__default.createElement(SelfieGuidanceModelsProvider, {
+    autoStart: false,
+    throttleMs: 250,
+    onModelError: props.onModelError,
+    modelLoadTimeoutMs: props.modelLoadTimeoutMs,
+    requireVerticalFaceCentering: false
+  }, /*#__PURE__*/React__default.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;
@@ -14952,23 +15017,11 @@ function CompositeWizard(_a) {
         onAccept: onSignatureCaptureSuccess
       }));
     case 'VideoSignatureCapture':
-      return /*#__PURE__*/React__default.createElement(CameraStoreProvider, {
-        preferIphoneContinuityCamera: false,
-        preferFrontFacingCamera: true,
-        requireMicrophoneAccess: videoSignatureCaptureProps.captureAudio,
-        maxVideoWidth: 1280,
-        maxFps: 30,
+      return /*#__PURE__*/React__default.createElement(VideoSignatureWizardWithProviders, _assign({}, videoSignatureCaptureProps, {
+        onComplete: onVideoSignatureComplete,
         onCameraAccessDenied: onCameraAccessDenied,
         onMicrophoneAccessDenied: onMicrophoneAccessDenied
-      }, /*#__PURE__*/React__default.createElement(SelfieGuidanceModelsProvider, {
-        autoStart: false,
-        throttleMs: 250,
-        onModelError: videoSignatureCaptureProps.onModelError,
-        modelLoadTimeoutMs: videoSignatureCaptureProps.modelLoadTimeoutMs,
-        requireVerticalFaceCentering: false
-      }, /*#__PURE__*/React__default.createElement(VideoSignatureWizard, _assign({}, videoSignatureCaptureProps, {
-        onComplete: onVideoSignatureComplete
-      }))));
+      }));
     case 'AdditionalDocumentCapture':
       return /*#__PURE__*/React__default.createElement(AdditionalDocumentCaptureWizard, _assign({}, additionalDocumentCaptureProps, {
         documents: documents,
@@ -17285,16 +17338,18 @@ var SignatureKYC = function SignatureKYC(_a) {
     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__default.createElement(AuthProvider, {
@@ -17338,6 +17393,7 @@ var SignatureKYC = function SignatureKYC(_a) {
         modelLoadTimeoutMs: modelLoadTimeoutMs,
         faceLivenessProps: faceLivenessProps,
         allowSignatureAfterLivenessCheckFailure: allowSignatureAfterLivenessCheckFailure,
+        restartVideoOnSignaturePadCleared: restartVideoOnSignaturePadCleared,
         classNames: classNames,
         colors: colors,
         debugMode: debugMode,
@@ -17345,7 +17401,7 @@ var SignatureKYC = function SignatureKYC(_a) {
         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])
   }))));
 };