idmission-web-sdk 1.0.67 → 1.0.69

package/dist/components/camera/CameraVideoTag.d.ts

@@ -1,5 +1,7 @@
 import React, { ReactElement } from 'react';
-export declare const CameraVideoTag: () => ReactElement;
+export declare const CameraVideoTag: ({ className, }: {
+    className?: string | undefined;
+}) => ReactElement;
 export declare const FullscreenVideoTag: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement>, {
     $isRearFacing?: boolean | undefined;
 }>>;

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

@@ -281,6 +281,7 @@ export declare const ExitCaptureStyledButton: import("styled-components").IStyle
     onTransitionEnd?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
     onTransitionEndCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
 }>;
-export declare const ExitCaptureButton: ({ onClick }: {
+export declare const ExitCaptureButton: ({ onClick, className, }: {
     onClick?: (() => void) | undefined;
+    className?: string | undefined;
 }) => React.JSX.Element;

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

@@ -1,8 +1,10 @@
 /// <reference types="react" />
+export type GuidanceMessageVariant = 'default' | 'positive' | 'negative';
 export declare const GuidanceMessageContainer: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $top?: string | undefined;
 }>>;
 export declare const GuidanceMessage: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $background?: string | undefined;
     $textColor?: string | undefined;
+    $variant?: GuidanceMessageVariant | undefined;
 }>>;

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

@@ -1,4 +1,5 @@
 import React, { CSSProperties, ReactNode } from 'react';
+export type LoaderButtonVariant = 'primary' | 'secondary' | 'positive' | 'negative' | 'warning';
 export type LoaderButtonColors = {
     backgroundColor?: string;
     textColor?: string;
@@ -7,10 +8,12 @@ export type LoaderButtonColors = {
 };
 export type LoaderButtonProps = {
     children?: ReactNode;
+    className?: string;
     disabled?: boolean;
     finished?: boolean;
     colors?: LoaderButtonColors;
     onClick?: () => void;
     style?: CSSProperties;
+    variant?: LoaderButtonVariant;
 };
-export declare const LoaderButton: ({ children, colors, disabled, finished, onClick, style, }: LoaderButtonProps) => React.JSX.Element;
+export declare const LoaderButton: ({ children, className, colors, disabled, finished, onClick, style, variant, }: LoaderButtonProps) => React.JSX.Element;

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

@@ -281,7 +281,7 @@ export declare const OverlayInner: import("styled-components").IStyledComponent<
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
 }>;
-export declare const OverlayImageWrapper: import("styled-components").IStyledComponent<"web", {
+export declare const OverlayImageContainer: import("styled-components").IStyledComponent<"web", {
     ref?: import("react").LegacyRef<HTMLDivElement> | undefined;
     key?: import("react").Key | null | undefined;
     defaultChecked?: boolean | undefined;
@@ -553,7 +553,7 @@ export declare const OverlayImageWrapper: import("styled-components").IStyledCom
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
 }>;
-export declare const OverlayImageMultiContainer: import("styled-components").IStyledComponent<"web", {
+export declare const OverlayImageRow: import("styled-components").IStyledComponent<"web", {
     ref?: import("react").LegacyRef<HTMLDivElement> | undefined;
     key?: import("react").Key | null | undefined;
     defaultChecked?: boolean | undefined;

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

@@ -6,6 +6,7 @@ import { AdditionalDocument } from '../additional_document_capture/AdditionalDoc
 import { LangOption } from '../../lib/locales';
 import { SignatureCaptureVerbiage } from '../signature_capture/SignatureCapture';
 import { VideoSignatureColors, VideoSignatureVerbiage } from '../video_signature_capture/VideoSignatureWizard';
+import { ThemeInput } from '../../themes';
 export type CustomerBiometricsEnrollmentAssets = {
     faceLiveness?: FaceLivenessAssets;
 };
@@ -68,6 +69,8 @@ export interface CustomerBiometricsEnrollmentProps extends PropsWithChildren {
     captureSignatureVideo?: boolean | (() => Promise<boolean>);
     /** Array of additional documents to be captured. Each element includes a name and description. */
     captureAdditionalDocuments?: AdditionalDocument[];
+    /** Name of an included theme or object containing theme properties. **/
+    theme?: ThemeInput;
     /** Object containing any asset overrides. */
     assets?: CustomerBiometricsEnrollmentAssets;
     /** Object containing any color overrides. */

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

@@ -7,6 +7,7 @@ import { AdditionalDocument } from '../additional_document_capture/AdditionalDoc
 import { LangOption } from '../../lib/locales';
 import { SignatureCaptureVerbiage } from '../signature_capture/SignatureCapture';
 import { VideoSignatureColors, VideoSignatureVerbiage } from '../video_signature_capture/VideoSignatureWizard';
+import { ThemeInput } from '../../themes';
 export type CustomerEnrollmentAssets = {
     idCapture?: IdCaptureWizardAssets;
     faceLiveness?: FaceLivenessAssets;
@@ -100,6 +101,8 @@ export interface CustomerEnrollmentProps extends PropsWithChildren {
     captureSignatureVideo?: boolean | (() => Promise<boolean>);
     /** Array of additional documents to be captured. Each element includes a name and description. */
     captureAdditionalDocuments?: AdditionalDocument[];
+    /** Name of an included theme or object containing theme properties. **/
+    theme?: ThemeInput;
     /** Object containing any asset overrides. */
     assets?: CustomerEnrollmentAssets;
     /** Object containing any color overrides. */

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

@@ -2,6 +2,7 @@ import { FC, PropsWithChildren } from 'react';
 import { SubmissionRequest, SubmissionResponse } from '../../contexts/SubmissionContext';
 import { CustomerIdentificationAssets, CustomerIdentificationColors, CustomerIdentificationVerbiage } from '../customer_identification/CustomerIdentificationWizard';
 import { LangOption } from '../../lib/locales';
+import { ThemeInput } from '../../themes';
 export interface CustomerIdentificationProps extends PropsWithChildren {
     /** Language code to use. Supported values: 'auto' (detect based on user's OS), 'en' (English), 'es' (Spanish). Defaults to auto. */
     lang?: LangOption;
@@ -42,6 +43,8 @@ export interface CustomerIdentificationProps extends PropsWithChildren {
     onExitCapture?: () => void;
     /** Callback function that fires when the user clicks the exit button after failing the realness check. */
     onExitAfterFailure?: () => void;
+    /** Name of an included theme or object containing theme properties. **/
+    theme?: ThemeInput;
     /** Object containing any asset overrides. */
     assets?: CustomerIdentificationAssets;
     /** Object containing any color overrides. */

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

@@ -2,6 +2,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 { ThemeInput } from '../../themes';
 export interface CustomerVerificationProps extends PropsWithChildren {
     /** The unique identifier to match from previously enrolled customers. */
     enrollmentId: string;
@@ -29,6 +30,8 @@ export interface CustomerVerificationProps extends PropsWithChildren {
     timeoutDurationMs?: number;
     /** Boolean or async function to indicate whether to proceed automatically after capture guidance is satisfied. If an async function is supplied returning a boolean, it will be evaluated at the time of capture guidance satisfaction. Defaults to `false`. */
     skipSuccessScreen?: boolean | (() => Promise<boolean>);
+    /** Name of an included theme or object containing theme properties. **/
+    theme?: ThemeInput;
     /** Object containing any asset overrides. */
     assets?: CustomerVerificationAssets;
     /** Object containing any color overrides. */

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

@@ -2,6 +2,7 @@ import { FC, PropsWithChildren } from 'react';
 import { LivenessCheckRequest, SubmissionResponse } from '../../contexts/SubmissionContext';
 import { FaceLivenessAssets, FaceLivenessColors, FaceLivenessVerbiage } from '../face_liveness/FaceLivenessWizard';
 import { LangOption } from '../../lib/locales';
+import { ThemeInput } from '../../themes';
 export interface FaceValidationProps extends PropsWithChildren {
     /** Language code to use. Supported values: 'auto' (detect based on user's OS), 'en' (English), 'es' (Spanish). Defaults to auto. */
     lang?: LangOption;
@@ -39,6 +40,8 @@ export interface FaceValidationProps extends PropsWithChildren {
     onExitCapture?: () => void;
     /** Callback function that fires when the user clicks the exit button after completing the FaceValidation flow and failing the realness check. */
     onExitAfterFailure?: () => void;
+    /** Name of an included theme or object containing theme properties. **/
+    theme?: ThemeInput;
     /** Object containing any asset overrides. */
     assets?: FaceLivenessAssets;
     /** Object containing any color overrides. */

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

@@ -7,6 +7,7 @@ import { AdditionalDocument } from '../additional_document_capture/AdditionalDoc
 import { LangOption } from '../../lib/locales';
 import { SignatureCaptureVerbiage } from '../signature_capture/SignatureCapture';
 import { VideoSignatureColors, VideoSignatureVerbiage } from '../video_signature_capture/VideoSignatureWizard';
+import { ThemeInput } from '../../themes';
 export type IdAndFaceValidationAssets = {
     idCapture?: IdCaptureWizardAssets;
     faceLiveness?: FaceLivenessAssets;
@@ -94,6 +95,8 @@ export interface IdAndFaceValidationProps extends PropsWithChildren {
     captureSignatureVideo?: boolean | (() => Promise<boolean>);
     /** Array of additional documents to be captured. Each element includes a name and description. */
     captureAdditionalDocuments?: AdditionalDocument[];
+    /** Name of an included theme or object containing theme properties. **/
+    theme?: ThemeInput;
     /** Object containing any asset overrides. */
     assets?: IdAndFaceValidationAssets;
     /** Object containing any color overrides. */

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

@@ -1,12 +1,14 @@
 import { FC, PropsWithChildren } from 'react';
 import { CardData, PersonalData, SubmissionRequest, SubmissionResponse } from '../../contexts/SubmissionContext';
-import { IdCaptureWizardAssets, IdCaptureWizardColors, IdCaptureWizardVerbiage } from '../id_capture/IdCaptureWizard';
+import { IdCaptureWizardAssets, IdCaptureWizardClassNames, IdCaptureWizardColors, IdCaptureWizardVerbiage } from '../id_capture/IdCaptureWizard';
 import { 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 { ThemeInput } from '../../themes';
 export type IdValidationAssets = IdCaptureWizardAssets;
+export type IdValidationClassNames = IdCaptureWizardClassNames;
 export type IdValidationColors = IdCaptureWizardColors & {
     videoSignatureCapture?: VideoSignatureColors;
 };
@@ -78,6 +80,10 @@ export interface IdValidationProps extends PropsWithChildren {
     captureSignatureVideo?: boolean | (() => Promise<boolean>);
     /** Array of additional documents to be captured. Each element includes a name and description. */
     captureAdditionalDocuments?: AdditionalDocument[];
+    /** Name of an included theme or object containing theme properties. **/
+    theme?: ThemeInput;
+    /** Object containing any classNames for inner components. **/
+    classNames?: IdValidationClassNames;
     /** Object containing any asset overrides. */
     assets?: IdValidationAssets;
     /** Object containing any color overrides. */

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

@@ -2,6 +2,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 { 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. */
     lang?: LangOption;
@@ -15,6 +16,8 @@ export interface SignatureKYCProps extends PropsWithChildren {
     onComplete?: (resp: SubmissionResponse, req: SubmissionRequest) => void;
     /** Boolean or async function to indicate whether to proceed automatically after capture guidance is satisfied. If an async function is supplied returning a boolean, it will be evaluated at the time of capture guidance satisfaction. Defaults to `false`. */
     skipSuccessScreen?: boolean | (() => Promise<boolean>);
+    /** Name of an included theme or object containing theme properties. **/
+    theme?: ThemeInput;
     /** Object containing any color overrides. */
     colors?: VideoSignatureColors;
     /** Object containing any verbiage overrides. */

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

@@ -1,10 +1,12 @@
 import { FC, PropsWithChildren } from 'react';
 import { CardData, LivenessCheckRequest, PersonalData, SubmissionRequest, SubmissionResponse } from '../../contexts/SubmissionContext';
 import { CustomerSuppliedVerbiage, LangOption } from '../../lib/locales';
-import { VideoIdWizardAssets, VideoIdWizardColors, VideoIdWizardVerbiage } from '../video_id/IdVideoCaptureWizard';
+import { VideoIdWizardAssets, VideoIdWizardClassNames, VideoIdWizardColors, VideoIdWizardVerbiage } from '../video_id/IdVideoCaptureWizard';
 import { IdCaptureWizardProps } from '../id_capture/IdCaptureWizard';
 import { FaceLivenessWizardProps } from '../face_liveness/FaceLivenessWizard';
+import { ThemeInput } from '../../themes';
 export type VideoIdValidationAssets = VideoIdWizardAssets;
+export type VideoIdValidationClassNames = VideoIdWizardClassNames;
 export type VideoIdValidationColors = VideoIdWizardColors;
 export type VideoIdValidationVerbiage = VideoIdWizardVerbiage;
 export interface VideoIdValidationProps extends PropsWithChildren {
@@ -74,8 +76,12 @@ export interface VideoIdValidationProps extends PropsWithChildren {
     skipIdCapture?: boolean;
     /** Boolean or async function to indicate whether to instruct the user to show the back of their ID card during video capture. If an async function is supplied returning a boolean, it will be evaluated at the time of ID front video capture completion. Defaults to `false`. */
     skipShowIdCardBack?: boolean | (() => Promise<boolean>);
+    /** Name of an included theme or object containing theme properties. **/
+    theme?: ThemeInput;
     /** Object containing any asset overrides. */
     assets?: VideoIdValidationAssets;
+    /** Object containing any classNames for inner components. **/
+    classNames?: VideoIdValidationClassNames;
     /** Object containing any color overrides. */
     colors?: VideoIdValidationColors;
     /** Object containing any verbiage overrides. */

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

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