idmission-web-sdk 1.0.72 → 1.0.74

package/README.md

@@ -660,6 +660,9 @@ Render a fullscreen capture component that performs IDValidation and FaceValidat
 <tr><td><code>onExitCapture</code> (optional)</td><td>callback function that fires when the user clicks the X button during capture.</td></tr>
 <tr><td><code>onExitAfterFailure</code> (optional)</td><td>callback function that fires when the user clicks the exit button after failing the realness check.</td></tr>
 <tr><td><code>lang</code> (optional)</td><td>language code to use. Supported values: 'auto' (detect based on user's OS), 'en' (English), 'es' (Spanish). Defaults to auto.</td></tr>
+<tr><td><code>captureSignature</code> (optional)</td><td>boolean indicating whether the user should be prompted to sign the screen before submission. Defaults to false.</td></tr>
+<tr><td><code>captureSignatureVideo</code> (optional)</td><td>boolean indicating whether the user should be prompted to record themselves signing the screen before submission. Defaults to false.</td></tr>
+<tr><td><code>captureAdditionalDocuments</code> (optional)</td><td>array of additional documents to be captured. Each element includes a name and description.</td></tr>
 <tr><td><code>companyId</code> (optional)</td><td>company identifier to include with submission.</td></tr>
 <tr><td><code>needImmediateResponse</code> (optional)</td><td>boolean to indicate if validation of the minimum resolution for an ID document image should be triggered. Defaults to true.</td></tr>
 <tr><td><code>manualReviewRequired</code> (optional)</td><td>boolean flag to indicate whether responses should always be reviewed by a human. Defaults to false.</td></tr>

package/dist/components/CompositeWizard.d.ts

@@ -5,14 +5,16 @@ import { SubmissionAction, SubmissionEnvironment, SubmissionResponse } from '../
 import { AdditionalDocumentCaptureWizardProps } from './additional_document_capture/AdditionalDocumentCaptureWizard';
 import { SignatureCaptureProps } from './signature_capture/SignatureCapture';
 import { VideoSignatureWizardProps } from './video_signature_capture/VideoSignatureWizard';
-export type CompositeWizardCheck = 'IdCapture' | 'FaceLiveness' | 'SignatureCapture' | 'VideoSignatureCapture' | 'AdditionalDocumentCapture';
+import { VideoIdWizardProps } from './video_id/IdVideoCaptureWizard';
+export type CompositeWizardCheck = 'IdCapture' | 'FaceLiveness' | 'SignatureCapture' | 'VideoSignatureCapture' | 'AdditionalDocumentCapture' | 'VideoIdCapture';
 export type CompositeWizardComponentProps = {
     checks: CompositeWizardCheck[];
     idCaptureProps?: IdCaptureWizardProps;
     faceLivenessProps?: FaceLivenessWizardProps;
+    additionalDocumentCaptureProps?: AdditionalDocumentCaptureWizardProps;
     signatureCaptureProps?: SignatureCaptureProps;
     videoSignatureCaptureProps?: VideoSignatureWizardProps;
-    additionalDocumentCaptureProps?: AdditionalDocumentCaptureWizardProps;
+    videoIdCaptureProps?: VideoIdWizardProps;
     captureSignature?: boolean | (() => Promise<boolean>);
     captureSignatureVideo?: boolean | (() => Promise<boolean>);
     debugMode?: boolean;
@@ -25,4 +27,4 @@ export type CompositeWizardProps = CompositeWizardComponentProps & {
     onComplete?: (submissionResponse: SubmissionResponse) => void;
 };
 export declare const CompositeWizard: (props: CompositeWizardProps) => ReactElement;
-export declare const CompositeWizardComponent: ({ checks: userChecks, idCaptureProps, faceLivenessProps, signatureCaptureProps, videoSignatureCaptureProps, additionalDocumentCaptureProps, captureSignature, captureSignatureVideo, debugMode, }: CompositeWizardComponentProps) => ReactElement;
+export declare const CompositeWizardComponent: ({ checks: userChecks, idCaptureProps, faceLivenessProps, additionalDocumentCaptureProps, signatureCaptureProps, videoSignatureCaptureProps, videoIdCaptureProps, captureSignature, captureSignatureVideo, debugMode, }: CompositeWizardComponentProps) => ReactElement;

package/dist/components/additional_document_capture/AdditionalDocumentCapture.d.ts

@@ -9,13 +9,24 @@ export type UploadedDocument = {
     documentName: string;
     additionalDocument: string | Record<string, string>;
 };
+export type AdditionalDocumentCaptureClassNames = {
+    container?: string;
+    inner?: string;
+    heading?: string;
+    description?: string;
+    buttonsRow?: string;
+    captureBtn?: string;
+    nextBtn?: string;
+};
 export type AdditionalDocumentCaptureVerbiage = {
     headingText?: CustomerSuppliedVerbiage;
+    captureBtnText?: CustomerSuppliedVerbiage;
     nextBtnText?: CustomerSuppliedVerbiage;
 };
 export type AdditionalDocumentCaptureProps = {
     document: AdditionalDocument;
     onComplete?: (uploadedDocument: UploadedDocument) => void;
+    classNames?: AdditionalDocumentCaptureClassNames;
     verbiage?: AdditionalDocumentCaptureVerbiage;
 };
-export declare const AdditionalDocumentCapture: ({ document, onComplete, verbiage: rawVerbiage, }: AdditionalDocumentCaptureProps) => ReactElement;
+export declare const AdditionalDocumentCapture: ({ document, onComplete, classNames, verbiage: rawVerbiage, }: AdditionalDocumentCaptureProps) => ReactElement;

package/dist/components/additional_document_capture/AdditionalDocumentCaptureWizard.d.ts

@@ -1,9 +1,11 @@
 import { ReactElement } from 'react';
-import { AdditionalDocument, AdditionalDocumentCaptureVerbiage, UploadedDocument } from './AdditionalDocumentCapture';
+import { AdditionalDocument, AdditionalDocumentCaptureClassNames, AdditionalDocumentCaptureVerbiage, UploadedDocument } from './AdditionalDocumentCapture';
+export type AdditionalDocumentCaptureWizardClassNames = AdditionalDocumentCaptureClassNames;
 export type AdditionalDocumentCaptureWizardVerbiage = AdditionalDocumentCaptureVerbiage;
 export type AdditionalDocumentCaptureWizardProps = {
     documents: AdditionalDocument[];
     onComplete?: (uploadedDocuments: UploadedDocument[]) => void;
+    classNames?: AdditionalDocumentCaptureWizardClassNames;
     verbiage?: AdditionalDocumentCaptureWizardVerbiage;
 };
-export declare const AdditionalDocumentCaptureWizard: ({ documents, onComplete, verbiage, }: AdditionalDocumentCaptureWizardProps) => ReactElement;
+export declare const AdditionalDocumentCaptureWizard: ({ documents, onComplete, classNames, verbiage, }: AdditionalDocumentCaptureWizardProps) => ReactElement;

package/dist/components/common/SelfieProgressPreview.d.ts

@@ -1,9 +1,26 @@
 import React from 'react';
-export declare const IdCaptureImagePreview: ({ text, imageUrl, }: {
-    text?: string | undefined;
+export type IdCaptureImagePreviewClassNames = {
+    container?: string;
+    text?: string;
+    imageContainer?: string;
+    image?: string;
+};
+export type IdCaptureImagePreviewProps = {
+    classNames?: IdCaptureImagePreviewClassNames;
+    text?: string;
     imageUrl: string;
-}) => React.JSX.Element;
-export declare const SelfieProgressPreview: ({ text, imageUrl, }: {
+};
+export declare const IdCaptureImagePreview: ({ classNames, text, imageUrl, }: IdCaptureImagePreviewProps) => React.JSX.Element;
+export type SelfieProgressPreviewClassNames = {
+    container?: string;
+    text?: string;
+    spinner?: string;
+    imageContainer?: string;
+    image?: string;
+};
+export type SelfieProgressPreviewProps = {
+    classNames?: SelfieProgressPreviewClassNames;
     text: string;
     imageUrl: string;
-}) => React.JSX.Element;
+};
+export declare const SelfieProgressPreview: ({ classNames, text, imageUrl, }: SelfieProgressPreviewProps) => React.JSX.Element;

package/dist/components/common/signature.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 /// <reference types="react" />
-export declare const SignatureCanvasContainer: import("styled-components").IStyledComponent<"web", {
+export declare const SignaturePaperBacking: import("styled-components").IStyledComponent<"web", {
     ref?: import("react").LegacyRef<HTMLDivElement> | undefined;
     key?: import("react").Key | null | undefined;
     defaultChecked?: boolean | undefined;
@@ -272,7 +272,7 @@ export declare const SignatureCanvasContainer: import("styled-components").IStyl
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
 }>;
-export declare const SignaturePad: import("styled-components").IStyledComponent<"web", {
+export declare const SignatureCanvasContainer: import("styled-components").IStyledComponent<"web", {
     ref?: import("react").LegacyRef<HTMLDivElement> | undefined;
     key?: import("react").Key | null | undefined;
     defaultChecked?: boolean | undefined;
@@ -544,7 +544,7 @@ export declare const SignaturePad: import("styled-components").IStyledComponent<
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
 }>;
-export declare const SignatureButtonsContainer: import("styled-components").IStyledComponent<"web", {
+export declare const SignaturePad: import("styled-components").IStyledComponent<"web", {
     ref?: import("react").LegacyRef<HTMLDivElement> | undefined;
     key?: import("react").Key | null | undefined;
     defaultChecked?: boolean | undefined;
@@ -816,8 +816,7 @@ export declare const SignatureButtonsContainer: import("styled-components").ISty
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
 }>;
-export declare const SignaturePaperBacking: import("styled-components").IStyledComponent<"web", {
-    ref?: import("react").LegacyRef<HTMLDivElement> | undefined;
+export declare const SignatureButtonsContainer: import("styled-components").IStyledComponent<"web", {
     key?: import("react").Key | null | undefined;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -1087,4 +1086,5 @@ export declare const SignaturePaperBacking: import("styled-components").IStyledC
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }>;

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

@@ -1,15 +1,21 @@
 import { FC, PropsWithChildren } from 'react';
 import { SubmissionRequest, SubmissionResponse } from '../../contexts/SubmissionContext';
-import { FaceLivenessAssets, FaceLivenessColors, FaceLivenessVerbiage } from '../face_liveness/FaceLivenessWizard';
-import { AdditionalDocumentCaptureWizardVerbiage } from '../additional_document_capture/AdditionalDocumentCaptureWizard';
+import { FaceLivenessAssets, FaceLivenessClassNames, FaceLivenessColors, FaceLivenessVerbiage } from '../face_liveness/FaceLivenessWizard';
+import { AdditionalDocumentCaptureWizardClassNames, AdditionalDocumentCaptureWizardVerbiage } from '../additional_document_capture/AdditionalDocumentCaptureWizard';
 import { AdditionalDocument } from '../additional_document_capture/AdditionalDocumentCapture';
 import { LangOption } from '../../lib/locales';
-import { SignatureCaptureVerbiage } from '../signature_capture/SignatureCapture';
-import { VideoSignatureColors, VideoSignatureVerbiage } from '../video_signature_capture/VideoSignatureWizard';
+import { SignatureCaptureClassNames, SignatureCaptureVerbiage } from '../signature_capture/SignatureCapture';
+import { VideoSignatureClassNames, VideoSignatureColors, VideoSignatureVerbiage } from '../video_signature_capture/VideoSignatureWizard';
 import { ThemeInput } from '../../themes';
 export type CustomerBiometricsEnrollmentAssets = {
     faceLiveness?: FaceLivenessAssets;
 };
+export type CustomerBiometricsEnrollmentClassNames = {
+    faceLiveness?: FaceLivenessClassNames;
+    additionalDocumentCapture?: AdditionalDocumentCaptureWizardClassNames;
+    signatureCapture?: SignatureCaptureClassNames;
+    videoSignatureCapture?: VideoSignatureClassNames;
+};
 export type CustomerBiometricsEnrollmentColors = {
     faceLiveness?: FaceLivenessColors;
     videoSignatureCapture?: VideoSignatureColors;
@@ -73,6 +79,8 @@ export interface CustomerBiometricsEnrollmentProps extends PropsWithChildren {
     theme?: ThemeInput;
     /** Object containing any asset overrides. */
     assets?: CustomerBiometricsEnrollmentAssets;
+    /** Object containing any classNames for inner components. **/
+    classNames?: CustomerBiometricsEnrollmentClassNames;
     /** Object containing any color overrides. */
     colors?: CustomerBiometricsEnrollmentColors;
     /** Object containing any verbiage overrides. */

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

@@ -1,17 +1,24 @@
 import { FC, PropsWithChildren } from 'react';
 import { CardData, PersonalData, SubmissionRequest, SubmissionResponse } from '../../contexts/SubmissionContext';
-import { FaceLivenessAssets, FaceLivenessColors, FaceLivenessVerbiage } from '../face_liveness/FaceLivenessWizard';
-import { IdCaptureWizardAssets, IdCaptureWizardColors, IdCaptureWizardVerbiage } from '../id_capture/IdCaptureWizard';
-import { AdditionalDocumentCaptureWizardVerbiage } from '../additional_document_capture/AdditionalDocumentCaptureWizard';
+import { FaceLivenessAssets, FaceLivenessClassNames, FaceLivenessColors, FaceLivenessVerbiage } from '../face_liveness/FaceLivenessWizard';
+import { IdCaptureWizardAssets, IdCaptureWizardClassNames, IdCaptureWizardColors, IdCaptureWizardVerbiage } from '../id_capture/IdCaptureWizard';
+import { AdditionalDocumentCaptureWizardClassNames, AdditionalDocumentCaptureWizardVerbiage } from '../additional_document_capture/AdditionalDocumentCaptureWizard';
 import { AdditionalDocument } from '../additional_document_capture/AdditionalDocumentCapture';
 import { LangOption } from '../../lib/locales';
-import { SignatureCaptureVerbiage } from '../signature_capture/SignatureCapture';
-import { VideoSignatureColors, VideoSignatureVerbiage } from '../video_signature_capture/VideoSignatureWizard';
+import { SignatureCaptureClassNames, SignatureCaptureVerbiage } from '../signature_capture/SignatureCapture';
+import { VideoSignatureClassNames, VideoSignatureColors, VideoSignatureVerbiage } from '../video_signature_capture/VideoSignatureWizard';
 import { ThemeInput } from '../../themes';
 export type CustomerEnrollmentAssets = {
     idCapture?: IdCaptureWizardAssets;
     faceLiveness?: FaceLivenessAssets;
 };
+export type CustomerEnrollmentClassNames = {
+    idCapture?: IdCaptureWizardClassNames;
+    faceLiveness?: FaceLivenessClassNames;
+    additionalDocumentCapture?: AdditionalDocumentCaptureWizardClassNames;
+    signatureCapture?: SignatureCaptureClassNames;
+    videoSignatureCapture?: VideoSignatureClassNames;
+};
 export type CustomerEnrollmentColors = {
     idCapture?: IdCaptureWizardColors;
     faceLiveness?: FaceLivenessColors;
@@ -105,6 +112,8 @@ export interface CustomerEnrollmentProps extends PropsWithChildren {
     theme?: ThemeInput;
     /** Object containing any asset overrides. */
     assets?: CustomerEnrollmentAssets;
+    /** Object containing any classNames for inner components. **/
+    classNames?: CustomerEnrollmentClassNames;
     /** Object containing any color overrides. */
     colors?: CustomerEnrollmentColors;
     /** Object containing any verbiage overrides. */

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

@@ -1,6 +1,6 @@
 import { FC, PropsWithChildren } from 'react';
 import { SubmissionRequest, SubmissionResponse } from '../../contexts/SubmissionContext';
-import { CustomerIdentificationAssets, CustomerIdentificationColors, CustomerIdentificationVerbiage } from '../customer_identification/CustomerIdentificationWizard';
+import { CustomerIdentificationAssets, CustomerIdentificationClassNames, CustomerIdentificationColors, CustomerIdentificationVerbiage } from '../customer_identification/CustomerIdentificationWizard';
 import { LangOption } from '../../lib/locales';
 import { ThemeInput } from '../../themes';
 export interface CustomerIdentificationProps extends PropsWithChildren {
@@ -47,6 +47,8 @@ export interface CustomerIdentificationProps extends PropsWithChildren {
     theme?: ThemeInput;
     /** Object containing any asset overrides. */
     assets?: CustomerIdentificationAssets;
+    /** Object containing any classNames for inner components. **/
+    classNames?: CustomerIdentificationClassNames;
     /** Object containing any color overrides. */
     colors?: CustomerIdentificationColors;
     /** Object containing any verbiage overrides. */

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

@@ -1,7 +1,7 @@
 import { FC, PropsWithChildren } from 'react';
 import { SubmissionRequest, SubmissionResponse } from '../../contexts/SubmissionContext';
 import { LangOption } from '../../lib/locales';
-import { CustomerVerificationAssets, CustomerVerificationColors, CustomerVerificationVerbiage } from '../customer_verification/CustomerVerificationWizard';
+import { CustomerVerificationAssets, CustomerVerificationClassNames, CustomerVerificationColors, CustomerVerificationVerbiage } from '../customer_verification/CustomerVerificationWizard';
 import { ThemeInput } from '../../themes';
 export interface CustomerVerificationProps extends PropsWithChildren {
     /** The unique identifier to match from previously enrolled customers. */
@@ -34,6 +34,8 @@ export interface CustomerVerificationProps extends PropsWithChildren {
     theme?: ThemeInput;
     /** Object containing any asset overrides. */
     assets?: CustomerVerificationAssets;
+    /** Object containing any classNames for inner components. **/
+    classNames?: CustomerVerificationClassNames;
     /** Object containing any color overrides. */
     colors?: CustomerVerificationColors;
     /** Object containing any verbiage overrides. */

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

@@ -1,17 +1,24 @@
 import { FC, PropsWithChildren } from 'react';
 import { CardData, LivenessCheckRequest, PersonalData, SubmissionRequest, SubmissionResponse } from '../../contexts/SubmissionContext';
-import { FaceLivenessAssets, FaceLivenessColors, FaceLivenessVerbiage } from '../face_liveness/FaceLivenessWizard';
-import { IdCaptureWizardAssets, IdCaptureWizardColors, IdCaptureWizardVerbiage } from '../id_capture/IdCaptureWizard';
-import { AdditionalDocumentCaptureWizardVerbiage } from '../additional_document_capture/AdditionalDocumentCaptureWizard';
+import { FaceLivenessAssets, FaceLivenessClassNames, FaceLivenessColors, FaceLivenessVerbiage } from '../face_liveness/FaceLivenessWizard';
+import { IdCaptureWizardAssets, IdCaptureWizardClassNames, IdCaptureWizardColors, IdCaptureWizardVerbiage } from '../id_capture/IdCaptureWizard';
+import { AdditionalDocumentCaptureWizardClassNames, AdditionalDocumentCaptureWizardVerbiage } from '../additional_document_capture/AdditionalDocumentCaptureWizard';
 import { AdditionalDocument } from '../additional_document_capture/AdditionalDocumentCapture';
 import { LangOption } from '../../lib/locales';
-import { SignatureCaptureVerbiage } from '../signature_capture/SignatureCapture';
-import { VideoSignatureColors, VideoSignatureVerbiage } from '../video_signature_capture/VideoSignatureWizard';
+import { SignatureCaptureClassNames, SignatureCaptureVerbiage } from '../signature_capture/SignatureCapture';
+import { VideoSignatureClassNames, VideoSignatureColors, VideoSignatureVerbiage } from '../video_signature_capture/VideoSignatureWizard';
 import { ThemeInput } from '../../themes';
 export type IdAndFaceValidationAssets = {
     idCapture?: IdCaptureWizardAssets;
     faceLiveness?: FaceLivenessAssets;
 };
+export type IdAndFaceValidationClassNames = {
+    idCapture?: IdCaptureWizardClassNames;
+    faceLiveness?: FaceLivenessClassNames;
+    additionalDocumentCapture?: AdditionalDocumentCaptureWizardClassNames;
+    signatureCapture?: SignatureCaptureClassNames;
+    videoSignatureCapture?: VideoSignatureClassNames;
+};
 export type IdAndFaceValidationColors = {
     idCapture?: IdCaptureWizardColors;
     faceLiveness?: FaceLivenessColors;
@@ -99,6 +106,8 @@ export interface IdAndFaceValidationProps extends PropsWithChildren {
     theme?: ThemeInput;
     /** Object containing any asset overrides. */
     assets?: IdAndFaceValidationAssets;
+    /** Object containing any classNames for inner components. **/
+    classNames?: IdAndFaceValidationClassNames;
     /** Object containing any color overrides. */
     colors?: IdAndFaceValidationColors;
     /** Object containing any verbiage overrides. */

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

@@ -1,14 +1,18 @@
 import { FC, PropsWithChildren } from 'react';
 import { CardData, PersonalData, SubmissionRequest, SubmissionResponse } from '../../contexts/SubmissionContext';
 import { IdCaptureWizardAssets, IdCaptureWizardClassNames, IdCaptureWizardColors, IdCaptureWizardVerbiage } from '../id_capture/IdCaptureWizard';
-import { AdditionalDocumentCaptureWizardVerbiage } from '../additional_document_capture/AdditionalDocumentCaptureWizard';
+import { AdditionalDocumentCaptureWizardClassNames, AdditionalDocumentCaptureWizardVerbiage } from '../additional_document_capture/AdditionalDocumentCaptureWizard';
 import { AdditionalDocument } from '../additional_document_capture/AdditionalDocumentCapture';
 import { LangOption } from '../../lib/locales';
-import { SignatureCaptureVerbiage } from '../signature_capture/SignatureCapture';
-import { VideoSignatureColors, VideoSignatureVerbiage } from '../video_signature_capture/VideoSignatureWizard';
+import { SignatureCaptureClassNames, SignatureCaptureVerbiage } from '../signature_capture/SignatureCapture';
+import { VideoSignatureClassNames, VideoSignatureColors, VideoSignatureVerbiage } from '../video_signature_capture/VideoSignatureWizard';
 import { ThemeInput } from '../../themes';
 export type IdValidationAssets = IdCaptureWizardAssets;
-export type IdValidationClassNames = IdCaptureWizardClassNames;
+export type IdValidationClassNames = IdCaptureWizardClassNames & {
+    additionalDocumentCapture?: AdditionalDocumentCaptureWizardClassNames;
+    signatureCapture?: SignatureCaptureClassNames;
+    videoSignatureCapture?: VideoSignatureClassNames;
+};
 export type IdValidationColors = IdCaptureWizardColors & {
     videoSignatureCapture?: VideoSignatureColors;
 };

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

@@ -1,7 +1,7 @@
 import { FC, PropsWithChildren } from 'react';
 import { LangOption } from '../../lib/locales';
 import { SubmissionRequest, SubmissionResponse } from '../../contexts/SubmissionContext';
-import { VideoSignatureColors, VideoSignatureVerbiage } from '../video_signature_capture/VideoSignatureWizard';
+import { VideoSignatureClassNames, VideoSignatureColors, VideoSignatureVerbiage } from '../video_signature_capture/VideoSignatureWizard';
 import { ThemeInput } from '../../themes';
 export interface SignatureKYCProps extends PropsWithChildren {
     /** Language code to use. Supported values: 'auto' (detect based on user's OS), 'en' (English), 'es' (Spanish). Defaults to auto. */
@@ -18,6 +18,8 @@ export interface SignatureKYCProps extends PropsWithChildren {
     skipSuccessScreen?: boolean | (() => Promise<boolean>);
     /** Name of an included theme or object containing theme properties. **/
     theme?: ThemeInput;
+    /** Object containing any classNames for inner components. **/
+    classNames?: VideoSignatureClassNames;
     /** Object containing any color overrides. */
     colors?: VideoSignatureColors;
     /** Object containing any verbiage overrides. */

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

@@ -5,10 +5,24 @@ import { VideoIdWizardAssets, VideoIdWizardClassNames, VideoIdWizardColors, Vide
 import { IdCaptureWizardProps } from '../id_capture/IdCaptureWizard';
 import { FaceLivenessWizardProps } from '../face_liveness/FaceLivenessWizard';
 import { ThemeInput } from '../../themes';
+import { AdditionalDocument } from '../additional_document_capture/AdditionalDocumentCapture';
+import { AdditionalDocumentCaptureWizardClassNames, AdditionalDocumentCaptureWizardVerbiage } from '../additional_document_capture/AdditionalDocumentCaptureWizard';
+import { SignatureCaptureClassNames, SignatureCaptureVerbiage } from '../signature_capture/SignatureCapture';
+import { VideoSignatureClassNames, VideoSignatureColors, VideoSignatureVerbiage } from '../video_signature_capture/VideoSignatureWizard';
 export type VideoIdValidationAssets = VideoIdWizardAssets;
-export type VideoIdValidationClassNames = VideoIdWizardClassNames;
-export type VideoIdValidationColors = VideoIdWizardColors;
-export type VideoIdValidationVerbiage = VideoIdWizardVerbiage;
+export type VideoIdValidationClassNames = VideoIdWizardClassNames & {
+    additionalDocumentCapture?: AdditionalDocumentCaptureWizardClassNames;
+    signatureCapture?: SignatureCaptureClassNames;
+    videoSignatureCapture?: VideoSignatureClassNames;
+};
+export type VideoIdValidationColors = VideoIdWizardColors & {
+    videoSignatureCapture?: VideoSignatureColors;
+};
+export type VideoIdValidationVerbiage = VideoIdWizardVerbiage & {
+    additionalDocumentCapture?: AdditionalDocumentCaptureWizardVerbiage;
+    signatureCapture?: SignatureCaptureVerbiage;
+    videoSignatureCapture?: VideoSignatureVerbiage;
+};
 export interface VideoIdValidationProps extends PropsWithChildren {
     /** Language code to use. Supported values: 'auto' (detect based on user's OS), 'en' (English), 'es' (Spanish). Defaults to auto. */
     lang?: LangOption;
@@ -58,6 +72,12 @@ export interface VideoIdValidationProps extends PropsWithChildren {
     idCaptureProps?: IdCaptureWizardProps;
     /** Object containing any overrides for FaceLiveness. */
     faceLivenessProps?: FaceLivenessWizardProps;
+    /** Boolean or async function indicating whether the user should be prompted to sign the screen before submission. Defaults to `false`. */
+    captureSignature?: boolean | (() => Promise<boolean>);
+    /** Boolean or async function indicating whether the user should be prompted to record themselves signing the screen before submission. Defaults to `false`. */
+    captureSignatureVideo?: boolean | (() => Promise<boolean>);
+    /** Array of additional documents to be captured. Each element includes a name and description. */
+    captureAdditionalDocuments?: AdditionalDocument[];
     /** Number between 0 and 1 at which document detection guidance score condition is considered to be met for the ID card front during video capture. */
     idCardFrontDetectionThreshold?: number;
     /** Number between 0 and 1 at which focus guidance score condition is considered to be met for the ID card front during video capture. */

package/dist/components/customer_identification/CustomerIdentificationCapture.d.ts

@@ -1,7 +1,11 @@
 import { ReactElement } from 'react';
-import { SelfieCaptureColors, SelfieCaptureVerbiage } from '../selfie_capture/SelfieCapture';
+import { SelfieCaptureClassNames, SelfieCaptureColors, SelfieCaptureVerbiage } from '../selfie_capture/SelfieCapture';
 import { SubmissionRequest, SubmissionResponse } from '../../contexts/SubmissionContext';
+import { SelfieProgressPreviewClassNames } from '../common/SelfieProgressPreview';
 import { CustomerSuppliedVerbiage } from '../../lib/locales';
+export type CustomerIdentificationCaptureClassNames = SelfieCaptureClassNames & {
+    imagePreview?: SelfieProgressPreviewClassNames;
+};
 export type CustomerIdentificationCaptureColors = SelfieCaptureColors;
 export type CustomerIdentificationCaptureVerbiage = SelfieCaptureVerbiage & {
     progressPreviewText?: CustomerSuppliedVerbiage;
@@ -12,8 +16,9 @@ export type CustomerIdentificationCaptureProps = {
     onCaptureGuidanceTimeout?: () => void;
     onExit?: () => void;
     captureGuidanceTimeoutDurationMs?: number;
+    classNames?: CustomerIdentificationCaptureClassNames;
     colors?: CustomerIdentificationCaptureColors;
     verbiage?: CustomerIdentificationCaptureVerbiage;
     debugMode?: boolean;
 };
-export declare const CustomerIdentificationCapture: ({ onCustomerMatched, onCustomerNotMatched, onCaptureGuidanceTimeout, onExit, captureGuidanceTimeoutDurationMs, colors, verbiage, debugMode, }: CustomerIdentificationCaptureProps) => ReactElement;
+export declare const CustomerIdentificationCapture: ({ onCustomerMatched, onCustomerNotMatched, onCaptureGuidanceTimeout, onExit, captureGuidanceTimeoutDurationMs, classNames, colors, verbiage, debugMode, }: CustomerIdentificationCaptureProps) => ReactElement;

package/dist/components/customer_identification/CustomerIdentificationFailure.d.ts

@@ -4,6 +4,16 @@ import { CustomerSuppliedVerbiage } from '../../lib/locales';
 export type CustomerIdentificationFailureAssets = {
     imageUrl?: string;
 };
+export type CustomerIdentificationFailureClassNames = {
+    container?: string;
+    inner?: string;
+    heading?: string;
+    imageContainer?: string;
+    image?: string;
+    buttonsRow?: string;
+    retryBtn?: string;
+    exitBtn?: string;
+};
 export type CustomerIdentificationFailureColors = {
     retryBtn?: LoaderButtonColors;
     exitBtn?: LoaderButtonColors;
@@ -18,7 +28,8 @@ export type CustomerIdentificationFailureProps = {
     onRetryClick?: () => void;
     onExitClick?: () => void;
     assets?: CustomerIdentificationFailureAssets;
+    classNames?: CustomerIdentificationFailureClassNames;
     colors?: CustomerIdentificationFailureColors;
     verbiage?: CustomerIdentificationFailureVerbiage;
 };
-export declare const CustomerIdentificationFailure: ({ canRetry, onRetryClick, onExitClick, assets, colors, verbiage: rawVerbiage, }: CustomerIdentificationFailureProps) => ReactElement;
+export declare const CustomerIdentificationFailure: ({ canRetry, onRetryClick, onExitClick, assets, classNames, colors, verbiage: rawVerbiage, }: CustomerIdentificationFailureProps) => ReactElement;

package/dist/components/customer_identification/CustomerIdentificationSuccess.d.ts

@@ -1,6 +1,16 @@
 import { ReactElement } from 'react';
 import { LoaderButtonColors } from '../common/LoaderButton';
 import { CustomerSuppliedVerbiage } from '../../lib/locales';
+export type CustomerIdentificationSuccessClassNames = {
+    container?: string;
+    inner?: string;
+    heading?: string;
+    imageContainer?: string;
+    image?: string;
+    buttonsRow?: string;
+    doneBtn?: string;
+    retryBtn?: string;
+};
 export type CustomerIdentificationSuccessColors = {
     doneBtn?: LoaderButtonColors;
     retryBtn?: LoaderButtonColors;
@@ -14,7 +24,8 @@ export type CustomerIdentificationSuccessProps = {
     imageUrl: string;
     onDoneClick?: () => void;
     onRetryClick?: () => void;
+    classNames?: CustomerIdentificationSuccessClassNames;
     colors?: CustomerIdentificationSuccessColors;
     verbiage?: CustomerIdentificationSuccessVerbiage;
 };
-export declare const CustomerIdentificationSuccess: ({ imageUrl, onDoneClick, onRetryClick, colors, verbiage: rawVerbiage, }: CustomerIdentificationSuccessProps) => ReactElement;
+export declare const CustomerIdentificationSuccess: ({ imageUrl, onDoneClick, onRetryClick, classNames, colors, verbiage: rawVerbiage, }: CustomerIdentificationSuccessProps) => ReactElement;

package/dist/components/customer_identification/CustomerIdentificationWizard.d.ts

@@ -1,13 +1,18 @@
 import { ReactElement } from 'react';
 import { SubmissionRequest, SubmissionResponse } from '../../contexts/SubmissionContext';
-import { SelfieCaptureLoadingOverlayAssets, SelfieCaptureLoadingOverlayColors, SelfieCaptureLoadingOverlayVerbiage } from '../selfie_capture/SelfieCaptureLoadingOverlay';
-import { CustomerIdentificationCaptureColors, CustomerIdentificationCaptureVerbiage } from './CustomerIdentificationCapture';
-import { CustomerIdentificationSuccessColors, CustomerIdentificationSuccessVerbiage } from './CustomerIdentificationSuccess';
-import { CustomerIdentificationFailureAssets, CustomerIdentificationFailureColors, CustomerIdentificationFailureVerbiage } from './CustomerIdentificationFailure';
+import { SelfieCaptureLoadingOverlayAssets, SelfieCaptureLoadingOverlayClassNames, SelfieCaptureLoadingOverlayColors, SelfieCaptureLoadingOverlayVerbiage } from '../selfie_capture/SelfieCaptureLoadingOverlay';
+import { CustomerIdentificationCaptureClassNames, CustomerIdentificationCaptureColors, CustomerIdentificationCaptureVerbiage } from './CustomerIdentificationCapture';
+import { CustomerIdentificationSuccessClassNames, CustomerIdentificationSuccessColors, CustomerIdentificationSuccessVerbiage } from './CustomerIdentificationSuccess';
+import { CustomerIdentificationFailureAssets, CustomerIdentificationFailureClassNames, CustomerIdentificationFailureColors, CustomerIdentificationFailureVerbiage } from './CustomerIdentificationFailure';
 export type CustomerIdentificationAssets = {
     loadingOverlay?: SelfieCaptureLoadingOverlayAssets;
     failure?: CustomerIdentificationFailureAssets;
 };
+export type CustomerIdentificationClassNames = CustomerIdentificationCaptureClassNames & {
+    loadingOverlay?: SelfieCaptureLoadingOverlayClassNames;
+    success?: CustomerIdentificationSuccessClassNames;
+    failure?: CustomerIdentificationFailureClassNames;
+};
 export type CustomerIdentificationColors = CustomerIdentificationCaptureColors & {
     loadingOverlay?: SelfieCaptureLoadingOverlayColors;
     success?: CustomerIdentificationSuccessColors;
@@ -28,8 +33,9 @@ export type CustomerIdentificationWizardProps = {
     captureGuidanceTimeoutDurationMs?: number;
     skipSuccessScreen?: boolean | (() => Promise<boolean>);
     assets?: CustomerIdentificationAssets;
+    classNames?: CustomerIdentificationClassNames;
     colors?: CustomerIdentificationColors;
     verbiage?: CustomerIdentificationVerbiage;
     debugMode?: boolean;
 };
-export declare const CustomerIdentificationWizard: ({ onComplete, onCustomerMatched, onCustomerNotMatched, onExitCapture, onExitAfterFailure, onCaptureGuidanceTimeout, captureGuidanceTimeoutDurationMs, skipSuccessScreen, assets, colors, verbiage, debugMode, }: CustomerIdentificationWizardProps) => ReactElement;
+export declare const CustomerIdentificationWizard: ({ onComplete, onCustomerMatched, onCustomerNotMatched, onExitCapture, onExitAfterFailure, onCaptureGuidanceTimeout, captureGuidanceTimeoutDurationMs, skipSuccessScreen, assets, classNames, colors, verbiage, debugMode, }: CustomerIdentificationWizardProps) => ReactElement;

package/dist/components/customer_verification/CustomerVerificationCapture.d.ts

@@ -1,7 +1,11 @@
 import { ReactElement } from 'react';
 import { SubmissionRequest, SubmissionResponse } from '../../contexts/SubmissionContext';
-import { SelfieCaptureColors, SelfieCaptureVerbiage } from '../selfie_capture/SelfieCapture';
+import { SelfieCaptureClassNames, SelfieCaptureColors, SelfieCaptureVerbiage } from '../selfie_capture/SelfieCapture';
+import { SelfieProgressPreviewClassNames } from '../common/SelfieProgressPreview';
 import { CustomerSuppliedVerbiage } from '../../lib/locales';
+export type CustomerVerificationCaptureClassNames = SelfieCaptureClassNames & {
+    imagePreview?: SelfieProgressPreviewClassNames;
+};
 export type CustomerVerificationCaptureColors = SelfieCaptureColors;
 export type CustomerVerificationCaptureVerbiage = SelfieCaptureVerbiage & {
     progressPreviewText?: CustomerSuppliedVerbiage;
@@ -12,8 +16,9 @@ export type CustomerVerificationCaptureProps = {
     onCaptureGuidanceTimeout?: () => void;
     onExit?: () => void;
     captureGuidanceTimeoutDurationMs?: number;
+    classNames?: CustomerVerificationCaptureClassNames;
     colors?: CustomerVerificationCaptureColors;
     verbiage?: CustomerVerificationCaptureVerbiage;
     debugMode?: boolean;
 };
-export declare const CustomerVerificationCapture: ({ onCustomerMatched, onCustomerNotMatched, onCaptureGuidanceTimeout, onExit, captureGuidanceTimeoutDurationMs, colors, verbiage, debugMode, }: CustomerVerificationCaptureProps) => ReactElement;
+export declare const CustomerVerificationCapture: ({ onCustomerMatched, onCustomerNotMatched, onCaptureGuidanceTimeout, onExit, captureGuidanceTimeoutDurationMs, classNames, colors, verbiage, debugMode, }: CustomerVerificationCaptureProps) => ReactElement;

package/dist/components/customer_verification/CustomerVerificationFailure.d.ts

@@ -4,6 +4,16 @@ import { CustomerSuppliedVerbiage } from '../../lib/locales';
 export type CustomerVerificationFailureAssets = {
     imageUrl?: string;
 };
+export type CustomerVerificationFailureClassNames = {
+    container?: string;
+    inner?: string;
+    heading?: string;
+    imageContainer?: string;
+    image?: string;
+    buttonsRow?: string;
+    retryBtn?: string;
+    exitBtn?: string;
+};
 export type CustomerVerificationFailureColors = {
     retryBtn?: LoaderButtonColors;
     exitBtn?: LoaderButtonColors;
@@ -18,7 +28,8 @@ export type CustomerVerificationFailureProps = {
     onRetryClick?: () => void;
     onExitClick?: () => void;
     assets?: CustomerVerificationFailureAssets;
+    classNames?: CustomerVerificationFailureClassNames;
     colors?: CustomerVerificationFailureColors;
     verbiage?: CustomerVerificationFailureVerbiage;
 };
-export declare const CustomerVerificationFailure: ({ canRetry, onRetryClick, onExitClick, assets, colors, verbiage: rawVerbiage, }: CustomerVerificationFailureProps) => ReactElement;
+export declare const CustomerVerificationFailure: ({ canRetry, onRetryClick, onExitClick, assets, classNames, colors, verbiage: rawVerbiage, }: CustomerVerificationFailureProps) => ReactElement;

package/dist/components/customer_verification/CustomerVerificationSuccess.d.ts

@@ -1,6 +1,16 @@
 import { ReactElement } from 'react';
 import { LoaderButtonColors } from '../common/LoaderButton';
 import { CustomerSuppliedVerbiage } from '../../lib/locales';
+export type CustomerVerificationSuccessClassNames = {
+    container?: string;
+    inner?: string;
+    heading?: string;
+    imageContainer?: string;
+    image?: string;
+    buttonsRow?: string;
+    doneBtn?: string;
+    retryBtn?: string;
+};
 export type CustomerVerificationSuccessColors = {
     doneBtn?: LoaderButtonColors;
     retryBtn?: LoaderButtonColors;
@@ -14,7 +24,8 @@ export type CustomerVerificationSuccessProps = {
     imageUrl: string;
     onDoneClick?: () => void;
     onRetryClick?: () => void;
+    classNames?: CustomerVerificationSuccessClassNames;
     colors?: CustomerVerificationSuccessColors;
     verbiage?: CustomerVerificationSuccessVerbiage;
 };
-export declare const CustomerVerificationSuccess: ({ imageUrl, onDoneClick, onRetryClick, colors, verbiage: rawVerbiage, }: CustomerVerificationSuccessProps) => ReactElement;
+export declare const CustomerVerificationSuccess: ({ imageUrl, onDoneClick, onRetryClick, classNames, colors, verbiage: rawVerbiage, }: CustomerVerificationSuccessProps) => ReactElement;