idmission-web-sdk 2.3.21 → 2.3.23

package/dist/components/video_signature_capture/VideoSignatureCapture.d.ts

@@ -22,7 +22,7 @@ export type VideoSignatureCaptureVerbiage = {
     guides?: VideoSignatureGuidesVerbiage;
 };
 export type VideoSignatureCaptureProps = {
-    onVideoCaptured?: (videoData: Blob, signatureData: SignatureData, signatureImageData: string) => void;
+    onSignatureVideoCaptured?: (videoData: Blob, signatureData: SignatureData, signatureImageData: string | null) => void;
     onFaceNotDetected?: () => void;
     onExit?: () => void;
     restartVideoOnSignaturePadCleared?: boolean;
@@ -35,5 +35,5 @@ export type VideoSignatureCaptureProps = {
     verbiage?: VideoSignatureCaptureVerbiage;
     debugMode?: boolean;
 };
-export declare const VideoSignatureCapture: ({ onVideoCaptured, onFaceNotDetected, onExit, restartVideoOnSignaturePadCleared, guidesComponent, minSignaturePadPoints, headTrackingBoundaryPercentage, captureAudio, classNames, colors, verbiage: rawVerbiage, debugMode, }: VideoSignatureCaptureProps) => React.ReactElement;
+export declare const VideoSignatureCapture: ({ onSignatureVideoCaptured, onFaceNotDetected, onExit, restartVideoOnSignaturePadCleared, guidesComponent, minSignaturePadPoints, headTrackingBoundaryPercentage, captureAudio, classNames, colors, verbiage: rawVerbiage, debugMode, }: VideoSignatureCaptureProps) => React.ReactElement;
 //# sourceMappingURL=VideoSignatureCapture.d.ts.map

package/dist/components/video_signature_capture/VideoSignatureCapture.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VideoSignatureCapture.d.ts","sourceRoot":"","sources":["../../../src/components/video_signature_capture/VideoSignatureCapture.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAoC,MAAM,OAAO,CAAA;AAC9E,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AAazD,OAAO,EAAE,wBAAwB,EAAmB,MAAM,mBAAmB,CAAA;AAC7E,OAAO,EAAE,4BAA4B,EAAE,MAAM,0CAA0C,CAAA;AACvF,OAA6B,EAC3B,8BAA8B,EAC9B,4BAA4B,EAC7B,MAAM,wBAAwB,CAAA;AAS/B,eAAO,MAAM,gCAAgC,KAAK,CAAA;AAClD,eAAO,MAAM,yCAAyC,OAAO,CAAA;AAE7D,MAAM,MAAM,+BAA+B,GAAG;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,wBAAwB,CAAC,EAAE,MAAM,CAAA;IACjC,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,MAAM,CAAC,EAAE,8BAA8B,CAAA;CACxC,CAAA;AAED,MAAM,MAAM,2BAA2B,GAAG;IACxC,8BAA8B,CAAC,EAAE,MAAM,CAAA;IACvC,wBAAwB,CAAC,EAAE,MAAM,CAAA;CAClC,CAAA;AAED,MAAM,MAAM,6BAA6B,GAAG;IAC1C,mBAAmB,CAAC,EAAE,wBAAwB,CAAA;IAC9C,MAAM,CAAC,EAAE,4BAA4B,CAAA;CACtC,CAAA;AAED,MAAM,MAAM,0BAA0B,GAAG;IACvC,eAAe,CAAC,EAAE,CAChB,SAAS,EAAE,IAAI,EACf,aAAa,EAAE,aAAa,EAC5B,kBAAkB,EAAE,MAAM,KACvB,IAAI,CAAA;IACT,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAA;IAC9B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,iCAAiC,CAAC,EAAE,OAAO,CAAA;IAC3C,eAAe,CAAC,EAAE,aAAa,CAAC,4BAA4B,CAAC,CAAA;IAC7D,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B,8BAA8B,CAAC,EAAE,MAAM,CAAA;IACvC,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,UAAU,CAAC,EAAE,+BAA+B,CAAA;IAC5C,MAAM,CAAC,EAAE,2BAA2B,CAAA;IACpC,QAAQ,CAAC,EAAE,6BAA6B,CAAA;IACxC,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAA;AAED,eAAO,MAAM,qBAAqB,mOAa/B,0BAA0B,KAAG,KAAK,CAAC,YAiJrC,CAAA"}
+{"version":3,"file":"VideoSignatureCapture.d.ts","sourceRoot":"","sources":["../../../src/components/video_signature_capture/VideoSignatureCapture.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAoC,MAAM,OAAO,CAAA;AAC9E,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AAazD,OAAO,EAAE,wBAAwB,EAAmB,MAAM,mBAAmB,CAAA;AAC7E,OAAO,EAAE,4BAA4B,EAAE,MAAM,0CAA0C,CAAA;AACvF,OAA6B,EAC3B,8BAA8B,EAC9B,4BAA4B,EAC7B,MAAM,wBAAwB,CAAA;AAS/B,eAAO,MAAM,gCAAgC,KAAK,CAAA;AAClD,eAAO,MAAM,yCAAyC,OAAO,CAAA;AAE7D,MAAM,MAAM,+BAA+B,GAAG;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,wBAAwB,CAAC,EAAE,MAAM,CAAA;IACjC,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,MAAM,CAAC,EAAE,8BAA8B,CAAA;CACxC,CAAA;AAED,MAAM,MAAM,2BAA2B,GAAG;IACxC,8BAA8B,CAAC,EAAE,MAAM,CAAA;IACvC,wBAAwB,CAAC,EAAE,MAAM,CAAA;CAClC,CAAA;AAED,MAAM,MAAM,6BAA6B,GAAG;IAC1C,mBAAmB,CAAC,EAAE,wBAAwB,CAAA;IAC9C,MAAM,CAAC,EAAE,4BAA4B,CAAA;CACtC,CAAA;AAED,MAAM,MAAM,0BAA0B,GAAG;IACvC,wBAAwB,CAAC,EAAE,CACzB,SAAS,EAAE,IAAI,EACf,aAAa,EAAE,aAAa,EAC5B,kBAAkB,EAAE,MAAM,GAAG,IAAI,KAC9B,IAAI,CAAA;IACT,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAA;IAC9B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,iCAAiC,CAAC,EAAE,OAAO,CAAA;IAC3C,eAAe,CAAC,EAAE,aAAa,CAAC,4BAA4B,CAAC,CAAA;IAC7D,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B,8BAA8B,CAAC,EAAE,MAAM,CAAA;IACvC,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,UAAU,CAAC,EAAE,+BAA+B,CAAA;IAC5C,MAAM,CAAC,EAAE,2BAA2B,CAAA;IACpC,QAAQ,CAAC,EAAE,6BAA6B,CAAA;IACxC,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAA;AAED,eAAO,MAAM,qBAAqB,4OAa/B,0BAA0B,KAAG,KAAK,CAAC,YAwIrC,CAAA"}

package/dist/components/video_signature_capture/VideoSignatureContext.d.ts

@@ -2,19 +2,14 @@ import React, { ReactNode } from 'react';
 import { SignatureData } from '../signature_capture/data';
 import SignatureCanvas from 'react-signature-canvas';
 import { Camera } from '../../lib/camera/Camera';
-export declare const getSignatureRecorder: () => MediaRecorder | null;
 export type VideoSignatureState = {
     startRecording: (camera: Camera, audioStream?: MediaStream | null, captureAudio?: boolean) => void;
     stopRecording: () => void;
     clearRecordedData: () => void;
     isRecording: boolean;
     signaturePad: React.RefObject<SignatureCanvas>;
-    signatureData: SignatureData | null;
-    signatureDataUrl: string | null;
-    signatureVideoData: Blob | null;
-    signatureVideoUrl: string | null;
     outputCanvas: React.RefObject<HTMLCanvasElement>;
-    onAcceptClicked: () => Promise<void>;
+    onSignatureVideoCaptured: (videoData: Blob, signatureData: SignatureData, signatureImageData: string | null) => void;
 };
 export declare const useVideoSignatureStore: import("zustand").UseBoundStore<Omit<import("zustand").StoreApi<VideoSignatureState>, "setState"> & {
     setState(partial: VideoSignatureState | Partial<VideoSignatureState> | ((state: VideoSignatureState) => VideoSignatureState | Partial<VideoSignatureState>), replace?: false | undefined, action?: (string | {

package/dist/components/video_signature_capture/VideoSignatureContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VideoSignatureContext.d.ts","sourceRoot":"","sources":["../../../src/components/video_signature_capture/VideoSignatureContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAqB,MAAM,OAAO,CAAA;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AACzD,OAAO,eAAe,MAAM,wBAAwB,CAAA;AAUpD,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAA;AAGhD,eAAO,MAAM,oBAAoB,4BAA0B,CAAA;AAO3D,MAAM,MAAM,mBAAmB,GAAG;IAChC,cAAc,EAAE,CACd,MAAM,EAAE,MAAM,EACd,WAAW,CAAC,EAAE,WAAW,GAAG,IAAI,EAChC,YAAY,CAAC,EAAE,OAAO,KACnB,IAAI,CAAA;IACT,aAAa,EAAE,MAAM,IAAI,CAAA;IACzB,iBAAiB,EAAE,MAAM,IAAI,CAAA;IAC7B,WAAW,EAAE,OAAO,CAAA;IACpB,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC,CAAA;IAC9C,aAAa,EAAE,aAAa,GAAG,IAAI,CAAA;IACnC,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAA;IAC/B,kBAAkB,EAAE,IAAI,GAAG,IAAI,CAAA;IAC/B,iBAAiB,EAAE,MAAM,GAAG,IAAI,CAAA;IAChC,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAA;IAEhD,eAAe,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAA;CACrC,CAAA;AAiBD,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;EA6DlC,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,6BAA6B,CAAC,EACpD,QAAQ,EACR,YAAoB,GACrB,EAAE;IACD,QAAQ,EAAE,SAAS,CAAA;IACnB,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB,qBAyEA"}
+{"version":3,"file":"VideoSignatureContext.d.ts","sourceRoot":"","sources":["../../../src/components/video_signature_capture/VideoSignatureContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAkC,MAAM,OAAO,CAAA;AACxE,OAAO,EAGL,aAAa,EACd,MAAM,2BAA2B,CAAA;AAClC,OAAO,eAAe,MAAM,wBAAwB,CAAA;AASpD,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAA;AAOhD,MAAM,MAAM,mBAAmB,GAAG;IAChC,cAAc,EAAE,CACd,MAAM,EAAE,MAAM,EACd,WAAW,CAAC,EAAE,WAAW,GAAG,IAAI,EAChC,YAAY,CAAC,EAAE,OAAO,KACnB,IAAI,CAAA;IACT,aAAa,EAAE,MAAM,IAAI,CAAA;IACzB,iBAAiB,EAAE,MAAM,IAAI,CAAA;IAC7B,WAAW,EAAE,OAAO,CAAA;IACpB,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC,CAAA;IAC9C,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAA;IAEhD,wBAAwB,EAAE,CACxB,SAAS,EAAE,IAAI,EACf,aAAa,EAAE,aAAa,EAC5B,kBAAkB,EAAE,MAAM,GAAG,IAAI,KAC9B,IAAI,CAAA;CACV,CAAA;AAaD,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;EA+DlC,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,6BAA6B,CAAC,EACpD,QAAQ,EACR,YAAoB,GACrB,EAAE;IACD,QAAQ,EAAE,SAAS,CAAA;IACnB,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB,qBA6DA"}

package/dist/components/video_signature_capture/VideoSignatureGuides.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VideoSignatureGuides.d.ts","sourceRoot":"","sources":["../../../src/components/video_signature_capture/VideoSignatureGuides.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAA;AAChF,OAAO,EAAE,eAAe,EAAE,MAAM,0CAA0C,CAAA;AAM1E,OAAO,EAAE,wBAAwB,EAAmB,MAAM,mBAAmB,CAAA;AAY7E,MAAM,MAAM,MAAM,GAAG,iBAAiB,GAAG,mBAAmB,CAAA;AAE5D,MAAM,MAAM,8BAA8B,GAAG;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B,wBAAwB,CAAC,EAAE,MAAM,CAAA;IACjC,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAC7B,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,uCAAuC,CAAC,EAAE,MAAM,CAAA;IAChD,mCAAmC,CAAC,EAAE,MAAM,CAAA;CAC7C,CAAA;AAED,MAAM,MAAM,4BAA4B,GAAG;IACzC,qBAAqB,CAAC,EAAE,wBAAwB,CAAA;IAChD,2BAA2B,CAAC,EAAE,wBAAwB,CAAA;IACtD,qBAAqB,CAAC,EAAE,wBAAwB,CAAA;IAChD,sBAAsB,CAAC,EAAE,wBAAwB,CAAA;CAClD,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,EAC3C,eAAmC,EACnC,eAA2B,EAC3B,oBAAoB,EACpB,oBAAoB,EACpB,0BAA0B,EAC1B,qBAAwD,EACxD,qBAA4B,EAC5B,UAAe,EACf,QAAQ,EAAE,WAAgB,GAC3B,EAAE;IACD,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,eAAe,CAAC,EAAE,eAAe,CAAA;IACjC,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAC7B,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAC7B,0BAA0B,CAAC,EAAE,MAAM,IAAI,CAAA;IACvC,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,UAAU,CAAC,EAAE,8BAA8B,CAAA;IAC3C,QAAQ,CAAC,EAAE,4BAA4B,CAAA;CACxC,qBA8JA"}
+{"version":3,"file":"VideoSignatureGuides.d.ts","sourceRoot":"","sources":["../../../src/components/video_signature_capture/VideoSignatureGuides.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAA;AAChF,OAAO,EAAE,eAAe,EAAE,MAAM,0CAA0C,CAAA;AAM1E,OAAO,EAAE,wBAAwB,EAAmB,MAAM,mBAAmB,CAAA;AAM7E,MAAM,MAAM,MAAM,GAAG,iBAAiB,GAAG,mBAAmB,CAAA;AAE5D,MAAM,MAAM,8BAA8B,GAAG;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B,wBAAwB,CAAC,EAAE,MAAM,CAAA;IACjC,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAC7B,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,uCAAuC,CAAC,EAAE,MAAM,CAAA;IAChD,mCAAmC,CAAC,EAAE,MAAM,CAAA;CAC7C,CAAA;AAED,MAAM,MAAM,4BAA4B,GAAG;IACzC,qBAAqB,CAAC,EAAE,wBAAwB,CAAA;IAChD,2BAA2B,CAAC,EAAE,wBAAwB,CAAA;IACtD,qBAAqB,CAAC,EAAE,wBAAwB,CAAA;IAChD,sBAAsB,CAAC,EAAE,wBAAwB,CAAA;CAClD,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,EAC3C,eAAmC,EACnC,eAA2B,EAC3B,oBAAoB,EACpB,oBAAoB,EACpB,0BAA0B,EAC1B,qBAAwD,EACxD,qBAA4B,EAC5B,UAAe,EACf,QAAQ,EAAE,WAAgB,GAC3B,EAAE;IACD,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,eAAe,CAAC,EAAE,eAAe,CAAA;IACjC,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAC7B,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAC7B,0BAA0B,CAAC,EAAE,MAAM,IAAI,CAAA;IACvC,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,UAAU,CAAC,EAAE,8BAA8B,CAAA;IAC3C,QAAQ,CAAC,EAAE,4BAA4B,CAAA;CACxC,qBAgJA"}

package/dist/components/video_signature_capture/VideoSignatureWizard.d.ts

@@ -29,7 +29,7 @@ export type VideoSignatureWizardProps = {
     onLoadingProgress?: (progress: number) => void;
     onLoadingCompleted?: () => void;
     onComplete?: () => void;
-    onVideoCaptured?: (videoData: Blob, signatureData: SignatureData, signatureImageData: string) => void;
+    onVideoCaptured?: (videoData: Blob, signatureData: SignatureData, signatureImageData: string | null) => void;
     onRetryClicked?: () => void;
     onExitCapture?: () => void;
     onUserCancel?: () => void;

package/dist/components/video_signature_capture/VideoSignatureWizard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VideoSignatureWizard.d.ts","sourceRoot":"","sources":["../../../src/components/video_signature_capture/VideoSignatureWizard.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"VideoSignatureWizard.d.ts","sourceRoot":"","sources":["../../../src/components/video_signature_capture/VideoSignatureWizard.tsx"],"names":[],"mappings":"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"}

package/dist/lib/camera/useVideoRecorder.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useVideoRecorder.d.ts","sourceRoot":"","sources":["../../../src/lib/camera/useVideoRecorder.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AA+BjC,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAA;IACvB,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAA;IACvB,gBAAgB,EAAE,OAAO,CAAA;IACzB,gBAAgB,EAAE,OAAO,CAAA;IACzB,qBAAqB,EAAE,OAAO,CAAA;IAC9B,qBAAqB,EAAE,OAAO,CAAA;IAC9B,kCAAkC,EAAE,OAAO,CAAA;IAC3C,kCAAkC,EAAE,OAAO,CAAA;IAC3C,cAAc,EAAE,OAAO,CAAA;CACxB,CAAA;AAcD,KAAK,OAAO,GAAG;IACb,mBAAmB,EAAE,CACnB,MAAM,EAAE,MAAM,EACd,WAAW,CAAC,EAAE,WAAW,GAAG,IAAI,KAC7B,IAAI,CAAA;IACT,mBAAmB,EAAE,CAAC,WAAW,CAAC,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAA;IAC/D,aAAa,EAAE,MAAM,IAAI,CAAA;IACzB,kBAAkB,EAAE,MAAM,IAAI,CAAA;IAC9B,kBAAkB,EAAE,MAAM,IAAI,CAAA;IAC9B,iBAAiB,EAAE,MAAM,IAAI,CAAA;CAC9B,CAAA;AAED,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;EAkGjC,CAAA;AAED,eAAO,MAAM,gBAAgB;;;;;;;CA4E5B,CAAA"}
+{"version":3,"file":"useVideoRecorder.d.ts","sourceRoot":"","sources":["../../../src/lib/camera/useVideoRecorder.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AA2BjC,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAA;IACvB,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAA;IACvB,gBAAgB,EAAE,OAAO,CAAA;IACzB,gBAAgB,EAAE,OAAO,CAAA;IACzB,qBAAqB,EAAE,OAAO,CAAA;IAC9B,qBAAqB,EAAE,OAAO,CAAA;IAC9B,kCAAkC,EAAE,OAAO,CAAA;IAC3C,kCAAkC,EAAE,OAAO,CAAA;IAC3C,cAAc,EAAE,OAAO,CAAA;CACxB,CAAA;AAcD,KAAK,OAAO,GAAG;IACb,mBAAmB,EAAE,CACnB,MAAM,EAAE,MAAM,EACd,WAAW,CAAC,EAAE,WAAW,GAAG,IAAI,KAC7B,IAAI,CAAA;IACT,mBAAmB,EAAE,CAAC,WAAW,CAAC,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAA;IAC/D,aAAa,EAAE,MAAM,IAAI,CAAA;IACzB,kBAAkB,EAAE,MAAM,IAAI,CAAA;IAC9B,kBAAkB,EAAE,MAAM,IAAI,CAAA;IAC9B,iBAAiB,EAAE,MAAM,IAAI,CAAA;CAC9B,CAAA;AAED,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;EAqGjC,CAAA;AAED,eAAO,MAAM,gBAAgB;;;;;;;CA4E5B,CAAA"}

package/dist/lib/models/FrameLoop.d.ts

@@ -1,6 +1,6 @@
-export declare function useFrameLoop(fn: (frameId: number, timeRunning: number) => Promise<void>, { throttleMs, autoStart }: {
-    throttleMs?: number | undefined;
-    autoStart?: boolean | undefined;
+export declare function useFrameLoop(fn: (frameId: number, timeRunning: number) => Promise<void>, options?: {
+    throttleMs?: number;
+    autoStart?: boolean;
 }): {
     start: () => void;
     stop: () => void;

package/dist/lib/models/FrameLoop.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FrameLoop.d.ts","sourceRoot":"","sources":["../../../src/lib/models/FrameLoop.ts"],"names":[],"mappings":"AAEA,wBAAgB,YAAY,CAC1B,EAAE,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,EAC3D,EAAE,UAAc,EAAE,SAAiB,EAAE;;;CAAA;;;EA2DtC"}
+{"version":3,"file":"FrameLoop.d.ts","sourceRoot":"","sources":["../../../src/lib/models/FrameLoop.ts"],"names":[],"mappings":"AAEA,wBAAgB,YAAY,CAC1B,EAAE,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,EAC3D,OAAO,GAAE;IAAE,UAAU,CAAC,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,OAAO,CAAA;CAAO;;;EAyD3D"}

package/dist/sdk2.cjs.development.js

@@ -235,7 +235,7 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
   return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
 };
 
-var webSdkVersion = '2.3.21';
+var webSdkVersion = '2.3.23';
 
 function getPlatform() {
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -3480,14 +3480,13 @@ function applyNonMaxSuppression(detectedObjects, isGoodBox) {
   });
 }
 
-function useFrameLoop(fn, _a) {
-  var _b = _a.throttleMs,
-    throttleMs = _b === void 0 ? 0 : _b,
-    _c = _a.autoStart,
-    autoStart = _c === void 0 ? false : _c;
-  var _d = React.useState(false),
-    running = _d[0],
-    setRunning = _d[1];
+function useFrameLoop(fn, options) {
+  if (options === void 0) {
+    options = {};
+  }
+  var _a = React.useState(false),
+    running = _a[0],
+    setRunning = _a[1];
   var startedAtRef = React.useRef(null);
   var loopId = React.useRef(0);
   var frameId = React.useRef(0);
@@ -3495,36 +3494,36 @@ function useFrameLoop(fn, _a) {
     if (!running) return;
     var timer;
     var currentLoopId = loopId.current;
-    function renderPrediction() {
+    function hotLoop() {
       return __awaiter(this, void 0, void 0, function () {
         var start, timeRunning, took, amountToThrottle;
-        var _a, _b;
-        return __generator(this, function (_c) {
-          switch (_c.label) {
+        var _a, _b, _c;
+        return __generator(this, function (_d) {
+          switch (_d.label) {
             case 0:
               if (currentLoopId !== loopId.current) return [2 /*return*/];
               start = new Date().getTime();
               timeRunning = start - ((_b = (_a = startedAtRef.current) === null || _a === void 0 ? void 0 : _a.getTime()) !== null && _b !== void 0 ? _b : 0);
               return [4 /*yield*/, fn(frameId.current, timeRunning)];
             case 1:
-              _c.sent();
+              _d.sent();
               took = new Date().getTime() - start;
-              amountToThrottle = Math.max((throttleMs !== null && throttleMs !== void 0 ? throttleMs : 0) - took, 0);
+              amountToThrottle = Math.max(((_c = options.throttleMs) !== null && _c !== void 0 ? _c : 0) - took, 0);
               timer = setTimeout(function () {
-                frameId.current = requestAnimationFrame(renderPrediction);
+                frameId.current = requestAnimationFrame(hotLoop);
               }, amountToThrottle);
               return [2 /*return*/];
           }
         });
       });
     }
-    renderPrediction().then();
+    void hotLoop();
     return function () {
       loopId.current += 1;
       if (frameId.current) cancelAnimationFrame(frameId.current);
       if (timer) clearTimeout(timer);
     };
-  }, [fn, running, throttleMs]);
+  }, [fn, running, options.throttleMs]);
   var start = React.useCallback(function () {
     startedAtRef.current = new Date();
     setRunning(true);
@@ -3535,11 +3534,9 @@ function useFrameLoop(fn, _a) {
     startedAtRef.current = null;
   }, []);
   React.useEffect(function startAutomatically() {
-    if (autoStart) start();
-    return function () {
-      stop();
-    };
-  }, [autoStart, start, stop]);
+    if (options.autoStart) start();
+    return stop;
+  }, [options.autoStart, start, stop]);
   return {
     start: start,
     stop: stop
@@ -13361,9 +13358,6 @@ var videoRecorder = null;
 var audioRecorder = null;
 var videoChunks = [];
 var audioChunks = [];
-function getVideoRecorder() {
-  return videoRecorder;
-}
 function setVideoRecorder(recorder) {
   videoRecorder = recorder;
 }
@@ -13391,20 +13385,22 @@ var useVideoRecorderStore = zustand.create()(middleware.devtools(function (set,
   return _assign(_assign({}, initialState$2), {
     startRecordingVideo: function startRecordingVideo(camera, audioStream) {
       var _a, _b, _c;
-      var videoStream = get().mergeAVStreams ? new MediaStream(__spreadArray(__spreadArray([], (_b = (_a = camera === null || camera === void 0 ? void 0 : camera.stream) === null || _a === void 0 ? void 0 : _a.getTracks()) !== null && _b !== void 0 ? _b : [], true), (_c = audioStream === null || audioStream === void 0 ? void 0 : audioStream.getTracks()) !== null && _c !== void 0 ? _c : [], true)) : camera.stream;
+      var _d = get(),
+        mergeAVStreams = _d.mergeAVStreams,
+        startRecordingAudio = _d.startRecordingAudio;
+      var videoStream = mergeAVStreams ? new MediaStream(__spreadArray(__spreadArray([], (_b = (_a = camera === null || camera === void 0 ? void 0 : camera.stream) === null || _a === void 0 ? void 0 : _a.getTracks()) !== null && _b !== void 0 ? _b : [], true), (_c = audioStream === null || audioStream === void 0 ? void 0 : audioStream.getTracks()) !== null && _c !== void 0 ? _c : [], true)) : camera.stream;
       if (!videoStream) return;
       clearVideoChunks();
-      setVideoRecorder(null);
+      videoRecorder = null;
       set({
         isRecordingVideo: true,
         videoRecordingStopped: false,
         videoRecordingIntentionallyStopped: false
       });
-      var videoRecorder = new MediaRecorder(videoStream, {
+      videoRecorder = new MediaRecorder(videoStream, {
         videoBitsPerSecond: 270000,
         audioBitsPerSecond: 32000
       });
-      setVideoRecorder(videoRecorder);
       videoRecorder.ondataavailable = function (e) {
         videoChunks.push(e.data);
       };
@@ -13415,12 +13411,14 @@ var useVideoRecorderStore = zustand.create()(middleware.devtools(function (set,
       };
       videoRecorder.start(100);
       setTimeout(function () {
-        var videoRecorder = getVideoRecorder();
         if (!videoRecorder || videoRecorder.state === 'inactive') {
           log('media recorder is inactive!');
           // TODO: figure out what to do here
         }
       }, 100);
+      if (audioStream && !mergeAVStreams) {
+        startRecordingAudio(audioStream);
+      }
     },
     stopRecordingVideo: function stopRecordingVideo() {
       set({
@@ -13538,16 +13536,7 @@ var useVideoRecorder = function useVideoRecorder(mergeAVStreams) {
 };
 
 var signatureRecorder = null;
-var getSignatureRecorder = function getSignatureRecorder() {
-  return signatureRecorder;
-};
-var setSignatureRecorder = function setSignatureRecorder(recorder) {
-  return signatureRecorder = recorder;
-};
 var signatureChunks = [];
-var clearSignatureChunks = function clearSignatureChunks() {
-  return signatureChunks = [];
-};
 var videoSignatureInitialState = {
   startRecording: function startRecording() {
     return null;
@@ -13562,19 +13551,11 @@ var videoSignatureInitialState = {
   signaturePad: {
     current: null
   },
-  signatureData: null,
-  signatureDataUrl: null,
-  signatureVideoData: null,
-  signatureVideoUrl: null,
   outputCanvas: {
     current: null
   },
-  onAcceptClicked: function onAcceptClicked() {
-    return __awaiter(void 0, void 0, void 0, function () {
-      return __generator(this, function (_a) {
-        return [2 /*return*/];
-      });
-    });
+  onSignatureVideoCaptured: function onSignatureVideoCaptured() {
+    return null;
   }
 };
 var useVideoSignatureStore = zustand.create()(middleware.devtools(function (set, get) {
@@ -13584,25 +13565,22 @@ var useVideoSignatureStore = zustand.create()(middleware.devtools(function (set,
       if (captureAudio === void 0) {
         captureAudio = false;
       }
+      // set our flag and clear whatever we have recorded so far.
       set({
         isRecording: true
       });
-      clearSignatureChunks();
-      useVideoRecorderStore.getState().clearRecordedData();
-      var _b = useVideoRecorderStore.getState(),
-        startRecordingVideo = _b.startRecordingVideo,
-        startRecordingAudio = _b.startRecordingAudio;
-      startRecordingVideo(camera, audioStream);
-      if (captureAudio) startRecordingAudio(audioStream);
-      var stream = get().outputCanvas.current.captureStream(24 /* fps */);
-      var tracks = [stream.getVideoTracks()[0]];
+      signatureChunks = [];
+      // start recording video and audio
+      useVideoRecorderStore.getState().startRecordingVideo(camera, captureAudio ? audioStream : undefined);
+      // start recording from the output canvas to capture the signature
+      var videoStream = get().outputCanvas.current.captureStream(24); // fps
+      var tracks = [videoStream.getVideoTracks()[0]];
       var audioTrack = (_a = audioStream === null || audioStream === void 0 ? void 0 : audioStream.getAudioTracks()) === null || _a === void 0 ? void 0 : _a[0];
       if (audioTrack) tracks.push(audioTrack);
-      var signatureRecorder = new MediaRecorder(new MediaStream(tracks), {
+      signatureRecorder = new MediaRecorder(new MediaStream(tracks), {
         videoBitsPerSecond: 270000,
         audioBitsPerSecond: 32000
       });
-      setSignatureRecorder(signatureRecorder);
       signatureRecorder.ondataavailable = function (event) {
         signatureChunks.push(event.data);
       };
@@ -13615,43 +13593,41 @@ var useVideoSignatureStore = zustand.create()(middleware.devtools(function (set,
       if (!signatureRecorder) return;
       signatureRecorder.stop();
       signatureRecorder.onstop = function () {
-        log('VideoSignatureContext: onstop');
         var blob = new Blob(signatureChunks, {
           type: 'video/mp4'
         });
-        useVideoSignatureStore.setState({
-          signatureVideoData: blob,
-          signatureVideoUrl: URL.createObjectURL(blob)
+        signatureChunks = [];
+        signatureRecorder = null;
+        var signaturePad = get().signaturePad.current;
+        if (!signaturePad) throw new Error('Signature pad not found');
+        var signatureData = buildSignatureData(signaturePad);
+        exportSignatureImage(signaturePad).then(function (imageUrl) {
+          if (imageUrl) signatureData.fileContent = dataUrlToBase64Sync(imageUrl);
+          get().onSignatureVideoCaptured(blob, signatureData, imageUrl);
         });
-        clearSignatureChunks();
-        setSignatureRecorder(null);
       };
       useVideoRecorderStore.getState().stopRecording();
     },
     clearRecordedData: function clearRecordedData() {
-      var _a;
-      clearSignatureChunks();
+      signatureChunks = [];
       useVideoRecorderStore.getState().stopRecordingVideo();
       useVideoRecorderStore.getState().clearRecordedData();
-      (_a = getSignatureRecorder()) === null || _a === void 0 ? void 0 : _a.stop();
-      setSignatureRecorder(null);
+      signatureRecorder === null || signatureRecorder === void 0 ? void 0 : signatureRecorder.stop();
+      signatureRecorder = null;
       set({
-        isRecording: false,
-        signatureVideoData: null,
-        signatureVideoUrl: null
+        isRecording: false
       });
     }
   });
 }));
 function VideoSignatureContextProvider(_a) {
+  var _this = this;
   var _b, _c;
   var children = _a.children,
     _d = _a.captureAudio,
     captureAudio = _d === void 0 ? false : _d;
-  var _e = useCameraStore(),
-    camera = _e.camera,
-    videoRef = _e.videoRef;
-  var isRecordingVideo = useVideoRecorder(captureAudio).isRecordingVideo;
+  var videoRef = useCameraStore().videoRef;
+  useVideoRecorder(captureAudio);
   var outputCanvas = React.useRef(null);
   React.useEffect(function () {
     return useVideoSignatureStore.setState({
@@ -13663,36 +13639,35 @@ function VideoSignatureContextProvider(_a) {
     useVideoSignatureStore.getState().clearRecordedData();
   }, []);
   var isRecording = useVideoSignatureStore().isRecording;
-  var animationFrame = React.useRef(0);
-  React.useEffect(function () {
-    if (!videoRef.current || !outputCanvas.current || !camera || !isRecording || !isRecordingVideo) return;
-    var ctx = outputCanvas.current.getContext('2d');
-    if (!ctx) return;
-    var signaturePad = useVideoSignatureStore.getState().signaturePad;
-    animationFrame.current = requestAnimationFrame(function runFrame() {
-      if (!signaturePad.current || !videoRef.current || !outputCanvas.current) {
-        cancelAnimationFrame(animationFrame.current);
-        return;
-      }
-      var _a = [videoRef.current.videoWidth, videoRef.current.videoHeight],
-        w = _a[0],
-        h = _a[1];
-      var isPortrait = w < h;
-      outputCanvas.current.width = w;
-      outputCanvas.current.height = h;
-      var rect = [w * (isPortrait ? 0.02 : 0.15), h * (isPortrait ? 0.15 : 0.25), w * (isPortrait ? 0.96 : 0.7), h * (isPortrait ? 0.7 : 0.5)];
-      ctx.drawImage(videoRef.current, 0, 0, w, h);
-      ctx.beginPath();
-      ctx.fillStyle = 'rgba(255,255,255,0.5)';
-      ctx.roundRect.apply(ctx, __spreadArray(__spreadArray([], rect, false), [16], false));
-      ctx.fill();
-      ctx.drawImage.apply(ctx, __spreadArray([signaturePad.current.getCanvas()], rect, false));
-      animationFrame.current = requestAnimationFrame(runFrame);
+  useFrameLoop(React.useCallback(function () {
+    return __awaiter(_this, void 0, void 0, function () {
+      var signaturePad, ctx, _a, w, h, isPortrait, rect;
+      return __generator(this, function (_b) {
+        signaturePad = useVideoSignatureStore.getState().signaturePad;
+        if (!outputCanvas.current || !signaturePad.current || !videoRef.current) return [2 /*return*/];
+        ctx = outputCanvas.current.getContext('2d');
+        if (!ctx) return [2 /*return*/];
+        _a = [videoRef.current.videoWidth, videoRef.current.videoHeight], w = _a[0], h = _a[1];
+        isPortrait = w < h;
+        outputCanvas.current.width = w;
+        outputCanvas.current.height = h;
+        rect = [w * (isPortrait ? 0.02 : 0.15), h * (isPortrait ? 0.15 : 0.25), w * (isPortrait ? 0.96 : 0.7), h * (isPortrait ? 0.7 : 0.5)];
+        // draw the current video frame
+        ctx.drawImage(videoRef.current, 0, 0, w, h);
+        // draw a semi-transparent white rectangle over the video to simulate a signature pad
+        ctx.beginPath();
+        ctx.fillStyle = 'rgba(255,255,255,0.5)';
+        ctx.roundRect.apply(ctx, __spreadArray(__spreadArray([], rect, false), [16], false));
+        ctx.fill();
+        // draw whatever the user has drawn on the signature pad
+        ctx.drawImage.apply(ctx, __spreadArray([signaturePad.current.getCanvas()], rect, false));
+        return [2 /*return*/];
+      });
     });
-    return function () {
-      return cancelAnimationFrame(animationFrame.current);
-    };
-  }, [camera, isRecording, isRecordingVideo, videoRef]);
+  }, [videoRef]), {
+    autoStart: isRecording,
+    throttleMs: 1000 / 24
+  });
   return /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null, children, /*#__PURE__*/React__namespace.default.createElement(InvisibleCanvas, {
     ref: outputCanvas,
     width: (_b = videoRef.current) === null || _b === void 0 ? void 0 : _b.videoWidth,
@@ -13701,7 +13676,6 @@ function VideoSignatureContextProvider(_a) {
 }
 
 function VideoSignatureGuides(_a) {
-  var _this = this;
   var _b = _a.requestedAction,
     requestedAction = _b === void 0 ? 'VERIFY_LIVENESS' : _b,
     _c = _a.faceGuideStatus,
@@ -13757,32 +13731,7 @@ function VideoSignatureGuides(_a) {
     if (signaturePadEmpty) setEmptyContentDismissed(false);
   }, [signaturePadEmpty]);
   var onAcceptClicked = React.useCallback(function () {
-    return __awaiter(_this, void 0, void 0, function () {
-      var signatureData, imageUrl;
-      return __generator(this, function (_a) {
-        switch (_a.label) {
-          case 0:
-            log('VideoSignatureContext: onAcceptClicked');
-            if (!signaturePad.current) return [2 /*return*/];
-            log('VideoSignatureContext: building signature data...');
-            signatureData = buildSignatureData(signaturePad.current);
-            log('VideoSignatureContext: exporting signature image...', signatureData);
-            return [4 /*yield*/, exportSignatureImage(signaturePad.current)];
-          case 1:
-            imageUrl = _a.sent();
-            if (imageUrl) signatureData.fileContent = dataUrlToBase64Sync(imageUrl);
-            log('VideoSignatureContext: setting signature data url...', imageUrl);
-            useVideoSignatureStore.setState({
-              signatureData: signatureData,
-              signatureDataUrl: imageUrl
-            });
-            log('VideoSignatureContext: stopping signature recorder...');
-            // getSignatureRecorder()?.stop()
-            useVideoSignatureStore.getState().stopRecording();
-            return [2 /*return*/];
-        }
-      });
-    });
+    useVideoSignatureStore.getState().stopRecording();
   }, []);
   return /*#__PURE__*/React__namespace.default.createElement(Container$3, {
     className: classNames.container
@@ -13876,7 +13825,7 @@ var templateObject_1$b, templateObject_2$9, templateObject_3$8, templateObject_4
 var DEFAULT_MIN_SIGNATURE_PAD_POINTS = 10;
 var DEFAULT_HEAD_TRACKING_BOUNDARY_PERCENTAGE = 0.01;
 var VideoSignatureCapture = function VideoSignatureCapture(_a) {
-  var onVideoCaptured = _a.onVideoCaptured,
+  var onSignatureVideoCaptured = _a.onSignatureVideoCaptured,
     onFaceNotDetected = _a.onFaceNotDetected,
     onExit = _a.onExit,
     _b = _a.restartVideoOnSignaturePadCleared,
@@ -13909,17 +13858,19 @@ var VideoSignatureCapture = function VideoSignatureCapture(_a) {
     videoWidth = _k.videoWidth,
     videoHeight = _k.videoHeight;
   var _l = useSelfieGuidanceModelsContext(),
-    onPredictionMade = _l.onPredictionMade,
+    onHeadTrackingPredictionMade = _l.onPredictionMade,
     startHeadTracking = _l.start,
     stopHeadTracking = _l.stop;
   var _m = useVideoSignatureStore(),
-    signatureData = _m.signatureData,
-    signatureDataUrl = _m.signatureDataUrl,
-    signatureVideoData = _m.signatureVideoData,
     startRecording = _m.startRecording,
     stopRecording = _m.stopRecording,
     clearRecordedData = _m.clearRecordedData,
     isRecording = _m.isRecording;
+  React.useEffect(function () {
+    useVideoSignatureStore.setState({
+      onSignatureVideoCaptured: onSignatureVideoCaptured
+    });
+  }, [onSignatureVideoCaptured]);
   React.useEffect(function () {
     if (!camera) return;
     startRecording(camera, audioStream, captureAudio);
@@ -13934,11 +13885,6 @@ var VideoSignatureCapture = function VideoSignatureCapture(_a) {
   var verbiage = useTranslations(rawVerbiage, {
     guidanceMessageText: 'Please sign the box below'
   });
-  React.useEffect(function () {
-    if (signatureVideoData && signatureData && signatureDataUrl) {
-      onVideoCaptured === null || onVideoCaptured === void 0 ? void 0 : onVideoCaptured(signatureVideoData, signatureData, signatureDataUrl);
-    }
-  }, [onVideoCaptured, signatureData, signatureDataUrl, signatureVideoData]);
   var _o = React.useState(true),
     headTrackingSatisfied = _o[0],
     setHeadTrackingSatisfied = _o[1];
@@ -13948,7 +13894,7 @@ var VideoSignatureCapture = function VideoSignatureCapture(_a) {
   var _q = React.useState(0),
     numFramesWithoutFaces = _q[0],
     setNumFramesWithoutFaces = _q[1];
-  onPredictionMade(useDebounce.useThrottledCallback(React.useCallback(function (_a) {
+  onHeadTrackingPredictionMade(useDebounce.useThrottledCallback(React.useCallback(function (_a) {
     var face = _a.face;
     if (!camera) return;
     var nearBoundary = (face === null || face === void 0 ? void 0 : face.box.xMin) < videoWidth * headTrackingBoundaryPercentage || (face === null || face === void 0 ? void 0 : face.box.xMax) > videoWidth * (1 - headTrackingBoundaryPercentage) || (face === null || face === void 0 ? void 0 : face.box.yMin) < videoHeight * headTrackingBoundaryPercentage || (face === null || face === void 0 ? void 0 : face.box.yMax) > videoHeight * (1 - headTrackingBoundaryPercentage);
@@ -14170,6 +14116,7 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
   var onSignatureCaptureFacesNotDetected = React.useCallback(function () {
     setShowLoadingOverlay(false);
     setCaptureState('CHECKING_LIVENESS');
+    useVideoSignatureStore.getState().clearRecordedData();
   }, []);
   var _u = React.useState(0),
     attempt = _u[0],
@@ -14250,7 +14197,7 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
         }));
       case 'CAPTURING_SIGNATURE':
         return /*#__PURE__*/React__namespace.default.createElement(VideoSignatureCapture, {
-          onVideoCaptured: onSignatureCaptureCompleted,
+          onSignatureVideoCaptured: onSignatureCaptureCompleted,
           onFaceNotDetected: onSignatureCaptureFacesNotDetected,
           onExit: onExitSignatureCapture,
           minSignaturePadPoints: minSignaturePadPoints,