idmission-web-sdk 1.0.72 → 1.0.73

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_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;

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

@@ -1,15 +1,20 @@
 import { ReactElement } from 'react';
 import { SubmissionRequest, SubmissionResponse } from '../../contexts/SubmissionContext';
-import { SelfieCaptureLoadingOverlayAssets, SelfieCaptureLoadingOverlayColors, SelfieCaptureLoadingOverlayVerbiage } from '../selfie_capture/SelfieCaptureLoadingOverlay';
+import { SelfieCaptureLoadingOverlayAssets, SelfieCaptureLoadingOverlayClassNames, SelfieCaptureLoadingOverlayColors, SelfieCaptureLoadingOverlayVerbiage } from '../selfie_capture/SelfieCaptureLoadingOverlay';
 import { SelfieCaptureVerbiage } from '../selfie_capture/SelfieCapture';
-import { CustomerVerificationCaptureColors } from './CustomerVerificationCapture';
-import { CustomerVerificationSuccessColors, CustomerVerificationSuccessVerbiage } from './CustomerVerificationSuccess';
-import { CustomerVerificationFailureAssets, CustomerVerificationFailureColors, CustomerVerificationFailureVerbiage } from './CustomerVerificationFailure';
+import { CustomerVerificationCaptureClassNames, CustomerVerificationCaptureColors } from './CustomerVerificationCapture';
+import { CustomerVerificationSuccessClassNames, CustomerVerificationSuccessColors, CustomerVerificationSuccessVerbiage } from './CustomerVerificationSuccess';
+import { CustomerVerificationFailureAssets, CustomerVerificationFailureClassNames, CustomerVerificationFailureColors, CustomerVerificationFailureVerbiage } from './CustomerVerificationFailure';
 export type CustomerVerificationAssets = {
     loadingOverlay?: SelfieCaptureLoadingOverlayAssets;
     failure?: CustomerVerificationFailureAssets;
     failureImageUrl?: string;
 };
+export type CustomerVerificationClassNames = CustomerVerificationCaptureClassNames & {
+    loadingOverlay?: SelfieCaptureLoadingOverlayClassNames;
+    success?: CustomerVerificationSuccessClassNames;
+    failure?: CustomerVerificationFailureClassNames;
+};
 export type CustomerVerificationColors = CustomerVerificationCaptureColors & {
     loadingOverlay?: SelfieCaptureLoadingOverlayColors;
     success?: CustomerVerificationSuccessColors;
@@ -30,8 +35,9 @@ export type CustomerVerificationWizardProps = {
     captureGuidanceTimeoutDurationMs?: number;
     skipSuccessScreen?: boolean | (() => Promise<boolean>);
     assets?: CustomerVerificationAssets;
+    classNames?: CustomerVerificationClassNames;
     colors?: CustomerVerificationColors;
     verbiage?: CustomerVerificationVerbiage;
     debugMode?: boolean;
 };
-export declare const CustomerVerificationWizard: ({ onComplete, onCustomerMatched, onCustomerNotMatched, onExitCapture, onExitAfterFailure, onCaptureGuidanceTimeout, captureGuidanceTimeoutDurationMs, skipSuccessScreen, assets, colors, verbiage, debugMode, }: CustomerVerificationWizardProps) => ReactElement;
+export declare const CustomerVerificationWizard: ({ onComplete, onCustomerMatched, onCustomerNotMatched, onExitCapture, onExitAfterFailure, onCaptureGuidanceTimeout, captureGuidanceTimeoutDurationMs, skipSuccessScreen, assets, classNames, colors, verbiage, debugMode, }: CustomerVerificationWizardProps) => ReactElement;

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

@@ -1,8 +1,13 @@
 import { ReactElement } from 'react';
 export type FaceCaptureGuideOverlayVariant = 'satisfied' | 'unsatisfied';
+export type FaceCaptureGuideOverlayClassNames = {
+    container?: string;
+    oval?: string;
+};
 export type FaceCaptureGuideOverlayProps = {
+    classNames?: FaceCaptureGuideOverlayClassNames;
     variant?: FaceCaptureGuideOverlayVariant;
     borderWidth?: number;
     borderColor?: string;
 };
-export declare const FaceCaptureGuideOverlay: ({ variant, borderWidth, borderColor, }: FaceCaptureGuideOverlayProps) => ReactElement;
+export declare const FaceCaptureGuideOverlay: ({ classNames, variant, borderWidth, borderColor, }: FaceCaptureGuideOverlayProps) => ReactElement;

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

@@ -1,6 +1,10 @@
 import { ReactElement } from 'react';
-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 FaceLivenessCaptureClassNames = SelfieCaptureClassNames & {
+    imagePreview?: SelfieProgressPreviewClassNames;
+};
 export type FaceLivenessCaptureColors = SelfieCaptureColors;
 export type FaceLivenessCaptureVerbiage = SelfieCaptureVerbiage & {
     guidanceRemoveEyeCoveringsText?: CustomerSuppliedVerbiage;
@@ -14,8 +18,9 @@ export type FaceLivenessCaptureProps = {
     onTimeout?: () => void;
     onExit?: () => void;
     timeoutDurationMs?: number;
+    classNames?: FaceLivenessCaptureClassNames;
     colors?: FaceLivenessCaptureColors;
     verbiage?: FaceLivenessCaptureVerbiage;
     debugMode?: boolean;
 };
-export declare const FaceLivenessCapture: ({ onCapture, onSuccess, onTimeout, onExit, timeoutDurationMs, colors, verbiage: rawVerbiage, debugMode, }: FaceLivenessCaptureProps) => ReactElement;
+export declare const FaceLivenessCapture: ({ onCapture, onSuccess, onTimeout, onExit, timeoutDurationMs, classNames, colors, verbiage: rawVerbiage, debugMode, }: FaceLivenessCaptureProps) => ReactElement;

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

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