idmission-web-sdk 1.0.27 → 1.0.29

package/dist/components/customer_flows/VideoIdValidation.d.ts

@@ -1,6 +1,12 @@
 import { FC, PropsWithChildren } from 'react';
 import { SubmissionEnvironment, SubmissionRequest, SubmissionResponse } from '../../contexts/SubmissionContext';
-import { LangOption } from '../../lib/locales';
+import { CustomerSuppliedVerbiage, LangOption } from '../../lib/locales';
+import { VideoIdWizardAssets, VideoIdWizardColors, VideoIdWizardVerbiage } from '../video_id/IdVideoCaptureWizard';
+import { IdCaptureWizardProps } from '../id_capture/IdCaptureWizard';
+import { FaceLivenessWizardProps } from '../face_liveness/FaceLivenessWizard';
+export type VideoIdValidationAssets = VideoIdWizardAssets;
+export type VideoIdValidationColors = VideoIdWizardColors;
+export type VideoIdValidationVerbiage = VideoIdWizardVerbiage;
 export interface VideoIdValidationProps extends PropsWithChildren {
     lang?: LangOption;
     submissionToken: string;
@@ -8,9 +14,17 @@ export interface VideoIdValidationProps extends PropsWithChildren {
     submissionUrl?: string;
     onBeforeSubmit?: (request: SubmissionRequest) => Promise<SubmissionRequest>;
     onComplete?: (submissionResponse: SubmissionResponse) => void;
+    onExitAfterFailure?: (submissionResponse: SubmissionResponse | null) => void;
+    idCaptureProps?: IdCaptureWizardProps;
+    faceLivenessProps?: FaceLivenessWizardProps;
+    readTextPrompt?: CustomerSuppliedVerbiage;
+    readTextTimeoutDurationMs?: number;
     skipSuccessScreen?: boolean | (() => Promise<boolean>);
     geolocationEnabled?: boolean;
     geolocationRequired?: boolean;
+    assets?: VideoIdValidationAssets;
+    colors?: VideoIdValidationColors;
+    verbiage?: VideoIdValidationVerbiage;
     debugMode?: boolean;
 }
 export declare const VideoIdValidation: FC<VideoIdValidationProps>;

package/dist/components/face_liveness/FaceLivenessWizard.d.ts

@@ -26,9 +26,10 @@ export type FaceLivenessWizardProps = {
     timeoutDurationMs?: number;
     maxRetries?: number;
     skipSuccessScreen?: boolean | (() => Promise<boolean>);
+    releaseCameraAccessOnExit?: boolean;
     assets?: FaceLivenessAssets;
     colors?: FaceLivenessColors;
     verbiage?: FaceLivenessVerbiage;
     debugMode?: boolean;
 };
-export declare const FaceLivenessWizard: ({ onComplete, onSuccess, onTimeout, onExitAfterFailure, timeoutDurationMs, maxRetries, skipSuccessScreen, assets, colors, verbiage, debugMode, }: FaceLivenessWizardProps) => ReactElement;
+export declare const FaceLivenessWizard: ({ onComplete, onSuccess, onTimeout, onExitAfterFailure, timeoutDurationMs, maxRetries, skipSuccessScreen, releaseCameraAccessOnExit, assets, colors, verbiage, debugMode, }: FaceLivenessWizardProps) => ReactElement;

package/dist/components/id_capture/IdCaptureWizard.d.ts

@@ -44,9 +44,10 @@ export type IdCaptureWizardProps = {
     idCardFocusScoreThreshold?: number;
     passportFocusScoreThreshold?: number;
     skipSuccessScreen?: boolean | (() => Promise<boolean>);
+    releaseCameraAccessOnExit?: boolean;
     assets?: IdCaptureWizardAssets;
     colors?: IdCaptureWizardColors;
     verbiage?: IdCaptureWizardVerbiage;
     debugMode?: boolean;
 };
-export declare const IdCaptureWizard: ({ onSuccess, autoCaptureEnabled, autoCaptureGoodFramesRequired, autoCaptureBarcodeRequired, barcodeScanningEnabled, idCardAutoCaptureScoreThreshold, passportAutoCaptureScoreThreshold, mrzDetectionScoreThreshold, idCardFocusScoreThreshold, passportFocusScoreThreshold, skipSuccessScreen, assets, colors, verbiage, debugMode, }: IdCaptureWizardProps) => ReactElement;
+export declare const IdCaptureWizard: ({ onSuccess, autoCaptureEnabled, autoCaptureGoodFramesRequired, autoCaptureBarcodeRequired, barcodeScanningEnabled, idCardAutoCaptureScoreThreshold, passportAutoCaptureScoreThreshold, mrzDetectionScoreThreshold, idCardFocusScoreThreshold, passportFocusScoreThreshold, skipSuccessScreen, releaseCameraAccessOnExit, assets, colors, verbiage, debugMode, }: IdCaptureWizardProps) => ReactElement;

package/dist/components/video_id/IdVideoCapture.d.ts

@@ -1,8 +1,21 @@
 import { ReactElement } from 'react';
 import { CustomerSuppliedVerbiage } from '../../lib/locales';
+import { LoaderButtonColors } from '../common/LoaderButton';
+export type Action = 'SHOW_ID_FRONT' | 'SHOW_ID_BACK' | 'READ_TEXT';
+export type IdVideoCaptureAssets = {
+    idCardFrontGuidesImageUrl?: string;
+    idCardBackGuidesImageUrl?: string;
+};
+export type IdVideoCaptureColors = {
+    guidesSatisfiedColor?: string;
+    guidesUnsatisfiedColor?: string;
+    readTextDoneBtn?: LoaderButtonColors;
+};
 export type IdVideoCaptureVerbiage = {
     idFrontInstructionText?: CustomerSuppliedVerbiage;
     idBackInstructionText?: CustomerSuppliedVerbiage;
+    readTextHeading?: CustomerSuppliedVerbiage;
+    readTextDoneBtnText?: CustomerSuppliedVerbiage;
 };
 export type IdVideoCaptureProps = {
     onComplete?: (videoUrl: string) => void;
@@ -10,7 +23,11 @@ export type IdVideoCaptureProps = {
     idDetectionThreshold?: number;
     idFocusThreshold?: number;
     goodFramesThreshold?: number;
+    readTextPrompt?: CustomerSuppliedVerbiage;
+    readTextTimeoutDurationMs?: number;
+    assets?: IdVideoCaptureAssets;
+    colors?: IdVideoCaptureColors;
     verbiage?: IdVideoCaptureVerbiage;
     debugMode?: boolean;
 };
-export declare const IdVideoCapture: ({ onComplete, onFaceNotDetected, idDetectionThreshold, idFocusThreshold, goodFramesThreshold, verbiage: rawVerbiage, debugMode, }: IdVideoCaptureProps) => ReactElement;
+export declare const IdVideoCapture: ({ onComplete, onFaceNotDetected, idDetectionThreshold, idFocusThreshold, goodFramesThreshold, readTextPrompt, readTextTimeoutDurationMs, assets, colors, verbiage: rawVerbiage, debugMode, }: IdVideoCaptureProps) => ReactElement;

package/dist/components/video_id/IdVideoCaptureWizard.d.ts

@@ -1,23 +1,37 @@
 import { ReactElement } from 'react';
 import { IdCaptureWizardAssets, IdCaptureWizardColors, IdCaptureWizardProps, IdCaptureWizardVerbiage } from '../id_capture/IdCaptureWizard';
-import { FaceLivenessColors, FaceLivenessVerbiage } from '../face_liveness/FaceLivenessWizard';
+import { FaceLivenessAssets, FaceLivenessColors, FaceLivenessVerbiage, FaceLivenessWizardProps } from '../face_liveness/FaceLivenessWizard';
+import { IdVideoCaptureAssets, IdVideoCaptureColors, IdVideoCaptureVerbiage } from './IdVideoCapture';
+import { IdVideoCaptureSuccessColors, IdVideoCaptureSuccessVerbiage } from './IdVideoCaptureSuccess';
+import { CustomerSuppliedVerbiage } from '../../lib/locales';
+import { SubmissionResponse } from '../../contexts/SubmissionContext';
 export type VideoIdWizardAssets = {
     idCapture?: IdCaptureWizardAssets;
+    faceLiveness?: FaceLivenessAssets;
+    idVideoCapture?: IdVideoCaptureAssets;
 };
 export type VideoIdWizardColors = {
     idCapture?: IdCaptureWizardColors;
     faceLiveness?: FaceLivenessColors;
+    idVideoCapture?: IdVideoCaptureColors;
+    success?: IdVideoCaptureSuccessColors;
 };
 export type VideoIdWizardVerbiage = {
     idCapture?: IdCaptureWizardVerbiage;
     faceLiveness?: FaceLivenessVerbiage;
+    idVideoCapture?: IdVideoCaptureVerbiage;
+    success?: IdVideoCaptureSuccessVerbiage;
 };
 export type VideoIdWizardProps = {
     idCaptureProps?: IdCaptureWizardProps;
+    faceLivenessProps?: FaceLivenessWizardProps;
+    onExitAfterFailure?: (submissionResponse: SubmissionResponse | null) => void;
+    readTextPrompt?: CustomerSuppliedVerbiage;
+    readTextTimeoutDurationMs?: number;
     skipSuccessScreen?: boolean | (() => Promise<boolean>);
     assets?: VideoIdWizardAssets;
     colors?: VideoIdWizardColors;
     verbiage?: VideoIdWizardVerbiage;
     debugMode?: boolean;
 };
-export declare const VideoIdWizard: ({ idCaptureProps, assets, colors, verbiage, debugMode, }: VideoIdWizardProps) => ReactElement;
+export declare const VideoIdWizard: ({ idCaptureProps, faceLivenessProps, onExitAfterFailure, readTextPrompt, readTextTimeoutDurationMs, assets, colors, verbiage, debugMode, }: VideoIdWizardProps) => ReactElement;

package/dist/contexts/SubmissionContext.d.ts

@@ -46,6 +46,7 @@ export type SubmissionRequest = {
     };
     biometricData?: {
         selfie?: string;
+        videoData?: string;
     };
     additionalData: {
         uniqueRequestId: string;
@@ -161,14 +162,16 @@ export type SubmissionState = {
     passportImage: string | null;
     selfieImage: string | null;
     signatureData: SignatureData | null;
-    signatureVideo: string | null;
+    signatureVideoUrl: string | null;
+    idCaptureVideoUrl: string | null;
     additionalDocuments: UploadedDocument[] | null;
     setIdFrontImage: (image: string) => void;
     setIdBackImage: (image: string) => void;
     setPassportImage: (image: string) => void;
     setSelfieImage: (image: string) => void;
     setSignatureData: (signatureData: SignatureData) => void;
-    setSignatureVideo: (videoB64: string) => void;
+    setSignatureVideoUrl: (videoDataUrl: string) => void;
+    setIdCaptureVideoUrl: (videoDataUrl: string) => void;
     setAdditionalDocuments: (uploadedDocuments: UploadedDocument[]) => void;
     logIdFrontCaptureAttempt: (attempt: CaptureAttemptMetadata) => void;
     logIdBackCaptureAttempt: (attempt: CaptureAttemptMetadata) => void;
@@ -187,3 +190,4 @@ export declare function attachMetadataToRequest(request: SubmissionRequest | Liv
     idBackCaptureAttempts: CaptureAttemptMetadata[];
     geolocationResult: GeolocationPosition | null;
 }): void;
+export declare function videoDataUrlToB64(url: string): Promise<string>;

package/dist/lib/camera/Camera.d.ts

@@ -22,8 +22,9 @@ type Resolution = {
 };
 export declare const quickScan: Resolution[];
 export type FacingMode = 'user' | 'environment' | 'left' | 'right';
-export declare function listAvailableCameras(facingMode?: FacingMode): Promise<MediaDeviceInfo[]>;
-declare function releaseCameraAccess(): void;
+export declare function listAvailableCameras(facingMode?: FacingMode, requestMicAccess?: boolean): Promise<MediaDeviceInfo[]>;
+export declare function obtainCameraAccess(stream: MediaStream, deviceLabel: string, video?: HTMLVideoElement | null): Camera;
+export declare function releaseCameraAccess(): void;
 export declare const useHighestResCaptureDevice: ({ preferFrontFacingCamera, preferContinuityCamera, requestMicrophoneAccess, }?: {
     preferFrontFacingCamera: boolean;
     preferContinuityCamera: boolean;

package/dist/lib/utils/useTimeout.d.ts

@@ -1,4 +1,4 @@
-export declare const useTimeout: (durationMs?: number, onTimeout?: () => void, timeoutAverted?: boolean, shouldWaitLonger?: boolean) => {
+export declare const useTimeout: (durationMs?: number, onTimeout?: () => void, timeoutAverted?: boolean, shouldWaitLonger?: boolean, shouldStart?: boolean) => {
     timedOut: boolean;
     timeoutStartedAt: Date | null | undefined;
 };