idmission-web-sdk 2.1.49 → 2.1.50
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/CompositeWizard.d.ts +2 -11
- package/dist/{contexts/GuideOrientationContext.d.ts → components/GuideOrientationContextProvider.d.ts} +6 -2
- package/dist/components/customer_flows/CustomerIdAndBiometricsEnrollment.d.ts +3 -0
- package/dist/components/customer_flows/IdAndFaceValidation.d.ts +3 -0
- package/dist/components/customer_flows/IdValidation.d.ts +3 -0
- package/dist/components/customer_flows/VideoIdValidation.d.ts +3 -0
- package/dist/components/guide_images/backToFront.d.ts +2 -0
- package/dist/components/guide_images/byUrl.d.ts +4 -0
- package/dist/components/guide_images/defaults.d.ts +36 -0
- package/dist/components/guide_images/index.d.ts +6 -0
- package/dist/components/guide_images/merge.d.ts +2 -0
- package/dist/components/guide_images/orientation.d.ts +1 -0
- package/dist/components/guide_images/types.d.ts +14 -0
- package/dist/components/guide_images/useGuideImages.d.ts +2 -0
- package/dist/components/id_capture/FlipIdPrompt.d.ts +3 -8
- package/dist/components/id_capture/IdCapture.d.ts +1 -6
- package/dist/components/id_capture/IdCaptureFitGuide.d.ts +4 -4
- package/dist/components/id_capture/IdCaptureGuideOverlay.d.ts +4 -14
- package/dist/components/id_capture/IdCaptureGuides.d.ts +4 -6
- package/dist/components/id_capture/IdCaptureWizard.d.ts +5 -7
- package/dist/components/video_id/IdVideoCapture.d.ts +4 -6
- package/dist/components/video_id/IdVideoCaptureFlipIdPrompt.d.ts +3 -6
- package/dist/components/video_id/IdVideoCaptureGuides.d.ts +3 -6
- package/dist/components/video_id/IdVideoCaptureWizard.d.ts +4 -3
- package/dist/sdk2.cjs.development.js +585 -533
- package/dist/sdk2.cjs.development.js.map +1 -1
- package/dist/sdk2.cjs.production.js +1 -1
- package/dist/sdk2.cjs.production.js.map +1 -1
- package/dist/sdk2.esm.js +585 -533
- package/dist/sdk2.esm.js.map +1 -1
- package/dist/sdk2.umd.development.js +585 -533
- package/dist/sdk2.umd.development.js.map +1 -1
- package/dist/sdk2.umd.production.js +1 -1
- package/dist/sdk2.umd.production.js.map +1 -1
- package/dist/version.d.ts +1 -1
- package/package.json +1 -1
- package/dist/components/GuideOrientationProvider.d.ts +0 -4
|
@@ -1,13 +1,12 @@
|
|
|
1
1
|
import { ReactElement } from 'react';
|
|
2
2
|
import { IdCaptureWizardProps } from './id_capture/IdCaptureWizard';
|
|
3
3
|
import { FaceLivenessWizardProps } from './face_liveness/FaceLivenessWizard';
|
|
4
|
-
import { SubmissionAction, SubmissionResponse } from '../contexts/SubmissionContext';
|
|
5
4
|
import { AdditionalDocumentCaptureWizardProps } from './additional_document_capture/AdditionalDocumentCaptureWizard';
|
|
6
5
|
import { SignatureCaptureProps } from './signature_capture/SignatureCapture';
|
|
7
6
|
import { VideoSignatureWizardProps } from './video_signature_capture/VideoSignatureWizard';
|
|
8
7
|
import { VideoIdWizardProps } from './video_id/IdVideoCaptureWizard';
|
|
9
8
|
export type CompositeWizardCheck = 'IdCapture' | 'FaceLiveness' | 'SignatureCapture' | 'VideoSignatureCapture' | 'AdditionalDocumentCapture' | 'VideoIdCapture';
|
|
10
|
-
export type
|
|
9
|
+
export type CompositeWizardProps = {
|
|
11
10
|
checks: CompositeWizardCheck[];
|
|
12
11
|
idCaptureProps?: IdCaptureWizardProps;
|
|
13
12
|
faceLivenessProps?: FaceLivenessWizardProps;
|
|
@@ -21,12 +20,4 @@ export type CompositeWizardComponentProps = {
|
|
|
21
20
|
onMicrophoneAccessDenied?: () => void;
|
|
22
21
|
debugMode?: boolean;
|
|
23
22
|
};
|
|
24
|
-
export
|
|
25
|
-
sessionId: string;
|
|
26
|
-
submissionAction?: SubmissionAction;
|
|
27
|
-
submissionUrl?: string;
|
|
28
|
-
authUrl?: string;
|
|
29
|
-
onComplete?: (submissionResponse: SubmissionResponse) => void;
|
|
30
|
-
};
|
|
31
|
-
export declare const CompositeWizard: (props: CompositeWizardProps) => ReactElement;
|
|
32
|
-
export declare const CompositeWizardComponent: ({ checks: userChecks, idCaptureProps, faceLivenessProps, additionalDocumentCaptureProps, signatureCaptureProps, videoSignatureCaptureProps, videoIdCaptureProps, captureSignature, captureSignatureVideo, onCameraAccessDenied, onMicrophoneAccessDenied, debugMode, }: CompositeWizardComponentProps) => ReactElement;
|
|
23
|
+
export declare function CompositeWizard({ checks: userChecks, idCaptureProps, faceLivenessProps, additionalDocumentCaptureProps, signatureCaptureProps, videoSignatureCaptureProps, videoIdCaptureProps, captureSignature, captureSignatureVideo, onCameraAccessDenied, onMicrophoneAccessDenied, debugMode, }: CompositeWizardProps): ReactElement;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { RefCallback, SyntheticEvent } from 'react';
|
|
1
|
+
import React, { ReactElement, ReactNode, RefCallback, SyntheticEvent } from 'react';
|
|
2
2
|
export type GuideOrientationState = {
|
|
3
3
|
orientation: 'portrait' | 'landscape';
|
|
4
4
|
wrapperWidth: number;
|
|
@@ -12,4 +12,8 @@ export type GuideOrientationState = {
|
|
|
12
12
|
}) => void;
|
|
13
13
|
onImageLoaded: (e: SyntheticEvent) => void;
|
|
14
14
|
};
|
|
15
|
-
export declare const GuideOrientationContext:
|
|
15
|
+
export declare const GuideOrientationContext: React.Context<GuideOrientationState>;
|
|
16
|
+
export default function GuideOrientationContextProvider({ children, }: {
|
|
17
|
+
children: ReactNode;
|
|
18
|
+
}): ReactElement;
|
|
19
|
+
export declare function useGuideOrientationContext(): GuideOrientationState;
|
|
@@ -14,6 +14,7 @@ import { IdCaptureGuideType } from '../id_capture/IdCaptureGuides';
|
|
|
14
14
|
import { SelfieCaptureLoadingOverlayMode } from '../selfie_capture/SelfieCaptureLoadingOverlay';
|
|
15
15
|
import { IdCaptureLoadingOverlayMode } from '../id_capture/IdCaptureLoadingOverlay';
|
|
16
16
|
import { IdCaptureThresholds } from '../id_capture/IdCaptureModelsProvider';
|
|
17
|
+
import { IdCaptureGuideImages } from '../guide_images';
|
|
17
18
|
export type CustomerEnrollmentAssets = {
|
|
18
19
|
idCapture?: IdCaptureWizardAssets;
|
|
19
20
|
faceLiveness?: FaceLivenessAssets;
|
|
@@ -108,6 +109,8 @@ export interface CustomerEnrollmentProps extends PropsWithChildren {
|
|
|
108
109
|
idCaptureInstructions?: ReactNode;
|
|
109
110
|
/** String to indicate what type of guides to use during capture. Using `fit` is highly recommended in order to capture the best quality image. Valid values: `fit`, `overlay`. Defaults to `fit`. */
|
|
110
111
|
idCaptureGuideType?: IdCaptureGuideType;
|
|
112
|
+
/** Object containing any overrides for the guide overlay images during ID capture. Images must be supplied for in both portrait and landscape orientations for both sides of the ID card. Each image must include a url, width, and height -- this is due to some interesting behavior in Safari where the image measurements cannot be trusted. */
|
|
113
|
+
idCaptureGuideImages?: IdCaptureGuideImages;
|
|
111
114
|
/** Boolean to indicate whether guide images should be rotated on mobile. Defaults to `true`. */
|
|
112
115
|
idCapturePortraitGuidesOnMobile?: boolean;
|
|
113
116
|
/** Boolean to indicate whether loading overlay image should be rotated on when mobile guides are rotated. Defaults to `true`. */
|
|
@@ -15,6 +15,7 @@ import { IdCaptureGuideType } from '../id_capture/IdCaptureGuides';
|
|
|
15
15
|
import { SelfieCaptureLoadingOverlayMode } from '../selfie_capture/SelfieCaptureLoadingOverlay';
|
|
16
16
|
import { IdCaptureLoadingOverlayMode } from '../id_capture/IdCaptureLoadingOverlay';
|
|
17
17
|
import { IdCaptureThresholds } from '../id_capture/IdCaptureModelsProvider';
|
|
18
|
+
import { IdCaptureGuideImages } from '../guide_images';
|
|
18
19
|
export type IdAndFaceValidationAssets = {
|
|
19
20
|
idCapture?: IdCaptureWizardAssets;
|
|
20
21
|
faceLiveness?: FaceLivenessAssets;
|
|
@@ -105,6 +106,8 @@ export interface IdAndFaceValidationProps extends PropsWithChildren {
|
|
|
105
106
|
idCaptureInstructions?: ReactNode;
|
|
106
107
|
/** String to indicate what type of guides to use during capture. Using `fit` is highly recommended in order to capture the best quality image. Valid values: `fit`, `overlay`. Defaults to `fit`. */
|
|
107
108
|
idCaptureGuideType?: IdCaptureGuideType;
|
|
109
|
+
/** Object containing any overrides for the guide overlay images during ID capture. Images must be supplied for in both portrait and landscape orientations for both sides of the ID card. Each image must include a url, width, and height -- this is due to some interesting behavior in Safari where the image measurements cannot be trusted. */
|
|
110
|
+
idCaptureGuideImages?: IdCaptureGuideImages;
|
|
108
111
|
/** Boolean to indicate whether guide images should be rotated on mobile. Defaults to `true`. */
|
|
109
112
|
idCapturePortraitGuidesOnMobile?: boolean;
|
|
110
113
|
/** Boolean to indicate whether loading overlay image should be rotated on when mobile guides are rotated. Defaults to `true`. */
|
|
@@ -13,6 +13,7 @@ import { CapturedDocuments } from '../id_capture/CapturedDocuments';
|
|
|
13
13
|
import { IdCaptureGuideType } from '../id_capture/IdCaptureGuides';
|
|
14
14
|
import { IdCaptureLoadingOverlayMode } from '../id_capture/IdCaptureLoadingOverlay';
|
|
15
15
|
import { IdCaptureThresholds } from '../id_capture/IdCaptureModelsProvider';
|
|
16
|
+
import { IdCaptureGuideImages } from '../guide_images';
|
|
16
17
|
export type IdValidationAssets = IdCaptureWizardAssets;
|
|
17
18
|
export type IdValidationClassNames = IdCaptureWizardClassNames & {
|
|
18
19
|
additionalDocumentCapture?: AdditionalDocumentCaptureWizardClassNames;
|
|
@@ -92,6 +93,8 @@ export interface IdValidationProps extends PropsWithChildren {
|
|
|
92
93
|
instructions?: ReactNode;
|
|
93
94
|
/** String to indicate what type of guides to use during capture. Using `fit` is highly recommended in order to capture the best quality image. Valid values: `fit`, `overlay`. Defaults to `fit`. */
|
|
94
95
|
guideType?: IdCaptureGuideType;
|
|
96
|
+
/** Object containing any overrides for the guide overlay images during ID capture. Images must be supplied for in both portrait and landscape orientations for both sides of the ID card. Each image must include a url, width, and height -- this is due to some interesting behavior in Safari where the image measurements cannot be trusted. */
|
|
97
|
+
guideImages?: IdCaptureGuideImages;
|
|
95
98
|
/** Boolean to indicate whether guide images should be rotated on mobile. Defaults to `true`. */
|
|
96
99
|
portraitGuidesOnMobile?: boolean;
|
|
97
100
|
/** Boolean to indicate whether loading overlay image should be rotated on when mobile guides are rotated. Defaults to `true`. */
|
|
@@ -14,6 +14,7 @@ import { IdCaptureGuideType } from '../id_capture/IdCaptureGuides';
|
|
|
14
14
|
import { SelfieCaptureLoadingOverlayMode } from '../selfie_capture/SelfieCaptureLoadingOverlay';
|
|
15
15
|
import { IdCaptureLoadingOverlayMode } from '../id_capture/IdCaptureLoadingOverlay';
|
|
16
16
|
import { VideoIdCaptureThresholds } from '../video_id/IdVideoCapture';
|
|
17
|
+
import { IdCaptureGuideImages } from '../guide_images';
|
|
17
18
|
export type VideoIdValidationAssets = VideoIdWizardAssets;
|
|
18
19
|
export type VideoIdValidationClassNames = VideoIdWizardClassNames & {
|
|
19
20
|
additionalDocumentCapture?: AdditionalDocumentCaptureWizardClassNames;
|
|
@@ -135,6 +136,8 @@ export interface VideoIdValidationProps extends PropsWithChildren {
|
|
|
135
136
|
idCaptureLoadingOverlayMode?: IdCaptureLoadingOverlayMode;
|
|
136
137
|
/** String to indicate what type of guides to use during capture. Using `fit` is highly recommended in order to capture the best quality image. Valid values: `fit`, `overlay`. Defaults to `fit`. */
|
|
137
138
|
idCaptureGuideType?: IdCaptureGuideType;
|
|
139
|
+
/** Object containing any overrides for the guide overlay images during ID capture. Images must be supplied for in both portrait and landscape orientations for both sides of the ID card. Each image must include a url, width, and height -- this is due to some interesting behavior in Safari where the image measurements cannot be trusted. */
|
|
140
|
+
idCaptureGuideImages?: IdCaptureGuideImages;
|
|
138
141
|
/** Boolean to indicate whether guide images should be rotated on mobile. Defaults to `true`. */
|
|
139
142
|
idCapturePortraitGuidesOnMobile?: boolean;
|
|
140
143
|
/** Boolean to indicate whether loading overlay image should be rotated on when mobile guides are rotated. Defaults to `true`. */
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
export declare const defaultIdCaptureGuideImages: {
|
|
2
|
+
portrait: {
|
|
3
|
+
SHOW_ID_FRONT: {
|
|
4
|
+
url: string;
|
|
5
|
+
width: number;
|
|
6
|
+
height: number;
|
|
7
|
+
};
|
|
8
|
+
SHOW_ID_BACK: {
|
|
9
|
+
url: string;
|
|
10
|
+
width: number;
|
|
11
|
+
height: number;
|
|
12
|
+
};
|
|
13
|
+
SHOW_PASSPORT: {
|
|
14
|
+
url: string;
|
|
15
|
+
width: number;
|
|
16
|
+
height: number;
|
|
17
|
+
};
|
|
18
|
+
};
|
|
19
|
+
landscape: {
|
|
20
|
+
SHOW_ID_FRONT: {
|
|
21
|
+
url: string;
|
|
22
|
+
width: number;
|
|
23
|
+
height: number;
|
|
24
|
+
};
|
|
25
|
+
SHOW_ID_BACK: {
|
|
26
|
+
url: string;
|
|
27
|
+
width: number;
|
|
28
|
+
height: number;
|
|
29
|
+
};
|
|
30
|
+
SHOW_PASSPORT: {
|
|
31
|
+
url: string;
|
|
32
|
+
width: number;
|
|
33
|
+
height: number;
|
|
34
|
+
};
|
|
35
|
+
};
|
|
36
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function getOrientation(allowPortraitOnMobile: boolean): 'portrait' | 'landscape';
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
export type IdCaptureGuideImages = {
|
|
2
|
+
portrait: IdCaptureGuidesForOrientation;
|
|
3
|
+
landscape: IdCaptureGuidesForOrientation;
|
|
4
|
+
};
|
|
5
|
+
export type IdCaptureGuidesForOrientation = {
|
|
6
|
+
SHOW_ID_FRONT: IdCaptureGuideImage;
|
|
7
|
+
SHOW_ID_BACK: IdCaptureGuideImage;
|
|
8
|
+
SHOW_PASSPORT: IdCaptureGuideImage;
|
|
9
|
+
};
|
|
10
|
+
export type IdCaptureGuideImage = {
|
|
11
|
+
url: string;
|
|
12
|
+
width: number;
|
|
13
|
+
height: number;
|
|
14
|
+
};
|
|
@@ -1,11 +1,6 @@
|
|
|
1
1
|
import { ReactElement } from 'react';
|
|
2
2
|
import { CustomerSuppliedVerbiage } from '../../lib/locales';
|
|
3
|
-
|
|
4
|
-
idCardFrontPortraitImageUrl?: string;
|
|
5
|
-
idCardFrontLandscapeImageUrl?: string;
|
|
6
|
-
idCardBackPortraitImageUrl?: string;
|
|
7
|
-
idCardBackLandscapeImageUrl?: string;
|
|
8
|
-
};
|
|
3
|
+
import { IdCaptureGuideImages } from '../guide_images';
|
|
9
4
|
export type FlipIdPromptClassNames = {
|
|
10
5
|
frontImageContainer?: string;
|
|
11
6
|
backImageContainer?: string;
|
|
@@ -16,6 +11,7 @@ export type FlipIdPromptVerbiage = {
|
|
|
16
11
|
instructionText?: CustomerSuppliedVerbiage;
|
|
17
12
|
};
|
|
18
13
|
export type FlipIdPromptProps = {
|
|
14
|
+
images?: IdCaptureGuideImages;
|
|
19
15
|
width?: number;
|
|
20
16
|
height?: number;
|
|
21
17
|
padding?: number;
|
|
@@ -25,8 +21,7 @@ export type FlipIdPromptProps = {
|
|
|
25
21
|
borderRadius?: number;
|
|
26
22
|
isMirrored?: boolean;
|
|
27
23
|
portraitGuidesOnMobile?: boolean;
|
|
28
|
-
assets?: FlipIdPromptAssets;
|
|
29
24
|
classNames?: FlipIdPromptClassNames;
|
|
30
25
|
verbiage?: FlipIdPromptVerbiage;
|
|
31
26
|
};
|
|
32
|
-
export declare const FlipIdPrompt: ({ width, height, borderWidth, borderColor, borderRadius, isMirrored, portraitGuidesOnMobile,
|
|
27
|
+
export declare const FlipIdPrompt: ({ images, width, height, borderWidth, borderColor, borderRadius, isMirrored, portraitGuidesOnMobile, classNames, }: FlipIdPromptProps) => ReactElement;
|
|
@@ -6,10 +6,6 @@ import { CustomerSuppliedVerbiage } from '../../lib/locales';
|
|
|
6
6
|
import { CapturedDocumentType } from './CapturedDocuments';
|
|
7
7
|
import { IdCaptureFitGuideClassNames } from './IdCaptureFitGuide';
|
|
8
8
|
import { OverrideWrongDocumentTypeGuidanceDialogClassNames, OverrideWrongDocumentTypeGuidanceDialogVerbiage } from './OverrideWrongDocumentTypeGuidanceDialog';
|
|
9
|
-
export type IdCaptureAssets = {
|
|
10
|
-
portraitGuidesImageUrl?: string;
|
|
11
|
-
landscapeGuidesImageUrl?: string;
|
|
12
|
-
};
|
|
13
9
|
export type IdCaptureClassNames = {
|
|
14
10
|
container?: string;
|
|
15
11
|
guides?: IdCaptureFitGuideClassNames;
|
|
@@ -50,10 +46,9 @@ export type IdCaptureProps = {
|
|
|
50
46
|
guidanceSatisfied?: boolean;
|
|
51
47
|
onPrediction?: (prediction: IdCapturePrediction) => void;
|
|
52
48
|
onCapture?: (frame: string, width: number, height: number, documentType: CapturedDocumentType, metadata: CaptureAttemptMetadata) => void;
|
|
53
|
-
assets?: IdCaptureAssets;
|
|
54
49
|
classNames?: IdCaptureClassNames;
|
|
55
50
|
colors?: IdCaptureColors;
|
|
56
51
|
verbiage?: IdCaptureVerbiage;
|
|
57
52
|
debugMode?: boolean;
|
|
58
53
|
};
|
|
59
|
-
export declare const IdCapture: ({ requiredDocumentType, thresholds, guidanceMessage, guidanceSatisfied, onCapture,
|
|
54
|
+
export declare const IdCapture: ({ requiredDocumentType, thresholds, guidanceMessage, guidanceSatisfied, onCapture, classNames, colors, verbiage: rawVerbiage, debugMode, }: IdCaptureProps) => React.ReactElement;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { IdCaptureGuideAction,
|
|
2
|
+
import { IdCaptureGuideAction, IdCaptureGuideOverlayClassNames } from './IdCaptureGuideOverlay';
|
|
3
3
|
import { IdCardGuideStatus } from '../video_id/IdVideoCaptureGuidesCommon';
|
|
4
|
-
|
|
4
|
+
import { IdCaptureGuideImages } from '../guide_images';
|
|
5
5
|
export type IdCaptureFitGuideClassNames = IdCaptureGuideOverlayClassNames & {
|
|
6
6
|
canvasWrapper?: string;
|
|
7
7
|
canvas?: string;
|
|
@@ -21,7 +21,7 @@ export type IdCaptureFitGuideProps = {
|
|
|
21
21
|
requestedAction?: IdCaptureGuideAction;
|
|
22
22
|
status?: IdCardGuideStatus;
|
|
23
23
|
progress?: number;
|
|
24
|
-
|
|
24
|
+
images?: IdCaptureGuideImages;
|
|
25
25
|
classNames?: IdCaptureFitGuideClassNames;
|
|
26
26
|
};
|
|
27
|
-
export declare const IdCaptureFitGuide: ({ aspectRatio, maskColor, borderRadius, borderColor, borderWidth, padding, imageVisible, isMirrored, isBackToFront, portraitGuidesOnMobile, instruction, requestedAction, status, progress,
|
|
27
|
+
export declare const IdCaptureFitGuide: ({ aspectRatio, maskColor, borderRadius, borderColor, borderWidth, padding, imageVisible, isMirrored, isBackToFront, portraitGuidesOnMobile, instruction, requestedAction, status, progress, images, classNames, }: IdCaptureFitGuideProps) => React.JSX.Element;
|
|
@@ -1,15 +1,7 @@
|
|
|
1
1
|
import React, { ReactElement } from 'react';
|
|
2
2
|
import { IdCardGuideStatus } from '../video_id/IdVideoCaptureGuidesCommon';
|
|
3
|
-
import {
|
|
4
|
-
|
|
5
|
-
idCardFrontPortraitImageUrl?: string;
|
|
6
|
-
idCardFrontLandscapeImageUrl?: string;
|
|
7
|
-
idCardBackPortraitImageUrl?: string;
|
|
8
|
-
idCardBackLandscapeImageUrl?: string;
|
|
9
|
-
passportPortraitImageUrl?: string;
|
|
10
|
-
passportLandscapeImageUrl?: string;
|
|
11
|
-
flipIdPrompt?: FlipIdPromptAssets;
|
|
12
|
-
};
|
|
3
|
+
import { FlipIdPromptClassNames } from './FlipIdPrompt';
|
|
4
|
+
import { IdCaptureGuideImages } from '../guide_images';
|
|
13
5
|
export type IdCaptureGuideOverlayClassNames = {
|
|
14
6
|
container?: string;
|
|
15
7
|
inner?: string;
|
|
@@ -27,10 +19,8 @@ export type IdCaptureGuideOverlayClassNames = {
|
|
|
27
19
|
flipIdPrompt?: FlipIdPromptClassNames;
|
|
28
20
|
};
|
|
29
21
|
export type IdCaptureGuideOverlayProps = {
|
|
30
|
-
assets?: IdCaptureGuideOverlayAssets;
|
|
31
22
|
classNames?: IdCaptureGuideOverlayClassNames;
|
|
32
|
-
|
|
33
|
-
height?: number;
|
|
23
|
+
images?: IdCaptureGuideImages;
|
|
34
24
|
padding?: number;
|
|
35
25
|
imagePadding?: number;
|
|
36
26
|
imageVisible?: boolean;
|
|
@@ -49,7 +39,7 @@ export type IdCaptureGuideOverlayProps = {
|
|
|
49
39
|
onClick?: () => void;
|
|
50
40
|
};
|
|
51
41
|
export type IdCaptureGuideAction = 'SHOW_ID_FRONT' | 'FLIP_ID' | 'SHOW_ID_BACK' | 'SHOW_PASSPORT';
|
|
52
|
-
export declare const IdCaptureGuideOverlay: ({
|
|
42
|
+
export declare const IdCaptureGuideOverlay: ({ classNames, images: userSuppliedImages, padding: userSuppliedPadding, imagePadding: userSuppliedImagePadding, imageVisible, borderWidth, borderColor, idCardBorderWidth, idCardBorderColor, maskColor, isMirrored, isBackToFront, portraitGuidesOnMobile, instruction, requestedAction, progress, status, onClick, }: IdCaptureGuideOverlayProps) => ReactElement;
|
|
53
43
|
export declare const GuidesContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
54
44
|
export declare const GuideCenterRow: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
55
45
|
export declare const GuideRegion: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
@@ -1,10 +1,9 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { IdCaptureFitGuideClassNames } from './IdCaptureFitGuide';
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { IdCaptureGuideAction } from './IdCaptureGuideOverlay';
|
|
4
4
|
import { IdCaptureColors, IdCaptureVerbiage } from './IdCapture';
|
|
5
|
-
import { FlipIdPromptAssets } from './FlipIdPrompt';
|
|
6
5
|
import { IdCardGuideStatus } from '../video_id/IdVideoCaptureGuidesCommon';
|
|
7
|
-
|
|
6
|
+
import { IdCaptureGuideImages } from '../guide_images';
|
|
8
7
|
export type IdCaptureGuidesClassNames = IdCaptureFitGuideClassNames;
|
|
9
8
|
export type IdCaptureGuideType = 'fit' | 'overlay';
|
|
10
9
|
export type IdCaptureGuidesProps = {
|
|
@@ -14,10 +13,9 @@ export type IdCaptureGuidesProps = {
|
|
|
14
13
|
portraitGuidesOnMobile?: boolean;
|
|
15
14
|
requestedAction?: IdCaptureGuideAction;
|
|
16
15
|
isBackToFront?: boolean;
|
|
17
|
-
|
|
18
|
-
assets?: IdCaptureGuidesAssets;
|
|
16
|
+
images?: IdCaptureGuideImages;
|
|
19
17
|
classNames?: IdCaptureGuidesClassNames;
|
|
20
18
|
colors?: IdCaptureColors;
|
|
21
19
|
verbiage?: IdCaptureVerbiage;
|
|
22
20
|
};
|
|
23
|
-
export declare function IdCaptureGuides({ guideType, status, progress, portraitGuidesOnMobile, requestedAction, isBackToFront,
|
|
21
|
+
export declare function IdCaptureGuides({ guideType, status, progress, portraitGuidesOnMobile, requestedAction, isBackToFront, images, classNames, colors, verbiage: rawVerbiage, }: IdCaptureGuidesProps): React.JSX.Element;
|
|
@@ -1,21 +1,18 @@
|
|
|
1
1
|
import { ReactElement, ReactNode } from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import { IdCaptureClassNames, IdCaptureColors, IdCaptureVerbiage } from './IdCapture';
|
|
3
3
|
import { IdCaptureLoadingOverlayAssets, IdCaptureLoadingOverlayClassNames, IdCaptureLoadingOverlayColors, IdCaptureLoadingOverlayMode, IdCaptureLoadingOverlayVerbiage } from './IdCaptureLoadingOverlay';
|
|
4
4
|
import { FlipIdPromptVerbiage } from './FlipIdPrompt';
|
|
5
5
|
import { CapturedDocuments } from './CapturedDocuments';
|
|
6
6
|
import { IdCaptureSuccessClassNames, IdCaptureSuccessColors, IdCaptureSuccessVerbiage } from './IdCaptureSuccess';
|
|
7
7
|
import { IdCaptureThresholds } from './IdCaptureModelsProvider';
|
|
8
8
|
import { IdCaptureRequirementOption } from './IdCaptureRequirementOption';
|
|
9
|
-
import {
|
|
9
|
+
import { IdCaptureGuidesClassNames, IdCaptureGuideType } from './IdCaptureGuides';
|
|
10
10
|
import { IdCaptureFallbackClassNames, IdCaptureFallbackColors, IdCaptureFallbackVerbiage } from '../fallback_flows/IdCapture';
|
|
11
|
+
import { IdCaptureGuideImages } from '../guide_images';
|
|
11
12
|
export type IdCaptureWizardAssets = {
|
|
12
13
|
documentDetectionModelUrl?: string;
|
|
13
14
|
focusModelUrl?: string;
|
|
14
15
|
loadingOverlay?: IdCaptureLoadingOverlayAssets;
|
|
15
|
-
guides?: IdCaptureGuidesAssets;
|
|
16
|
-
idCardFront?: IdCaptureAssets;
|
|
17
|
-
idCardBack?: IdCaptureAssets;
|
|
18
|
-
passport?: IdCaptureAssets;
|
|
19
16
|
};
|
|
20
17
|
export type IdCaptureWizardClassNames = {
|
|
21
18
|
container?: string;
|
|
@@ -69,10 +66,11 @@ export type IdCaptureWizardProps = {
|
|
|
69
66
|
allowIdCardBackToFrontCapture?: boolean;
|
|
70
67
|
enableOverrideWrongDocumentTypeDialog?: boolean;
|
|
71
68
|
allowOverrideWrongDocumentTypeAfterMs?: number;
|
|
69
|
+
guideImages?: IdCaptureGuideImages;
|
|
72
70
|
assets?: IdCaptureWizardAssets;
|
|
73
71
|
classNames?: IdCaptureWizardClassNames;
|
|
74
72
|
colors?: IdCaptureWizardColors;
|
|
75
73
|
verbiage?: IdCaptureWizardVerbiage;
|
|
76
74
|
debugMode?: boolean;
|
|
77
75
|
};
|
|
78
|
-
export declare const IdCaptureWizard: ({ onSuccess, onExitCapture, onUserCancel, loadingOverlayMode, customOverlayContent, onCustomOverlyDismissed, precapturedDocuments, captureRequirement, separateIdCardCaptureSequence, thresholds, skipSuccessScreen, instructions, releaseCameraAccessOnExit, guideType, portraitGuidesOnMobile, rotateLoadingOverlayImageWhenPortrait, silentFallback, forceFallbackMode, allowIdCardBackToFrontCapture, enableOverrideWrongDocumentTypeDialog, allowOverrideWrongDocumentTypeAfterMs, assets, classNames, colors, verbiage, debugMode, }: IdCaptureWizardProps) => ReactElement;
|
|
76
|
+
export declare const IdCaptureWizard: ({ onSuccess, onExitCapture, onUserCancel, loadingOverlayMode, customOverlayContent, onCustomOverlyDismissed, precapturedDocuments, captureRequirement, separateIdCardCaptureSequence, thresholds, skipSuccessScreen, instructions, releaseCameraAccessOnExit, guideType, portraitGuidesOnMobile, rotateLoadingOverlayImageWhenPortrait, silentFallback, forceFallbackMode, allowIdCardBackToFrontCapture, enableOverrideWrongDocumentTypeDialog, allowOverrideWrongDocumentTypeAfterMs, guideImages, assets, classNames, colors, verbiage, debugMode, }: IdCaptureWizardProps) => ReactElement;
|
|
@@ -1,13 +1,11 @@
|
|
|
1
1
|
import { ReactElement } from 'react';
|
|
2
2
|
import { IdCaptureThresholds } from '../id_capture/IdCaptureModelsProvider';
|
|
3
|
-
import {
|
|
3
|
+
import { IdVideoCaptureGuidesClassNames, IdVideoCaptureGuidesVerbiage } from './IdVideoCaptureGuides';
|
|
4
4
|
import { CustomerSuppliedVerbiage } from '../../lib/locales';
|
|
5
5
|
import { LoaderButtonColors } from '../common/LoaderButton';
|
|
6
6
|
import { ReadTextPromptClassNames, ReadTextPromptVerbiage } from '../read_text_prompt/ReadTextPrompt';
|
|
7
|
+
import { IdCaptureGuideImages } from '../guide_images';
|
|
7
8
|
export type Action = 'SHOW_ID_FRONT' | 'FLIP_ID' | 'SHOW_ID_BACK' | 'READ_TEXT';
|
|
8
|
-
export type IdVideoCaptureAssets = {
|
|
9
|
-
guides?: IdVideoCaptureGuidesAssets;
|
|
10
|
-
};
|
|
11
9
|
export type IdVideoCaptureClassNames = {
|
|
12
10
|
container?: string;
|
|
13
11
|
cameraFeed?: string;
|
|
@@ -50,6 +48,7 @@ export type IdVideoCaptureProps = {
|
|
|
50
48
|
onRecordingFailed?: () => void;
|
|
51
49
|
onExitCapture?: () => void;
|
|
52
50
|
idCaptureModelsEnabled?: boolean;
|
|
51
|
+
idCardCaptureGuideImages?: IdCaptureGuideImages;
|
|
53
52
|
videoIdCaptureThresholds?: VideoIdCaptureThresholds;
|
|
54
53
|
idCardFrontDelay?: number;
|
|
55
54
|
skipShowIdCardBack?: boolean | (() => Promise<boolean>);
|
|
@@ -60,10 +59,9 @@ export type IdVideoCaptureProps = {
|
|
|
60
59
|
disableFaceDetectionWhileAudioCapture: boolean;
|
|
61
60
|
disableFaceDetectionWhileAudioCaptureMsDelay: number;
|
|
62
61
|
mergeAVStreams?: boolean;
|
|
63
|
-
assets?: IdVideoCaptureAssets;
|
|
64
62
|
classNames?: IdVideoCaptureClassNames;
|
|
65
63
|
colors?: IdVideoCaptureColors;
|
|
66
64
|
verbiage?: IdVideoCaptureVerbiage;
|
|
67
65
|
debugMode?: boolean;
|
|
68
66
|
};
|
|
69
|
-
export declare const IdVideoCapture: ({ onComplete, onIdFrontImageCaptured, onIdBackImageCaptured, onFaceNotDetected, onRecordingFailed, onExitCapture, idCaptureModelsEnabled, idCardFrontDelay, videoIdCaptureThresholds, skipShowIdCardBack, captureCountdownSeconds, readTextPrompt, readTextTimeoutDurationMs, readTextMinReadingMs, disableFaceDetectionWhileAudioCapture, disableFaceDetectionWhileAudioCaptureMsDelay, mergeAVStreams,
|
|
67
|
+
export declare const IdVideoCapture: ({ onComplete, onIdFrontImageCaptured, onIdBackImageCaptured, onFaceNotDetected, onRecordingFailed, onExitCapture, idCaptureModelsEnabled, idCardCaptureGuideImages, idCardFrontDelay, videoIdCaptureThresholds, skipShowIdCardBack, captureCountdownSeconds, readTextPrompt, readTextTimeoutDurationMs, readTextMinReadingMs, disableFaceDetectionWhileAudioCapture, disableFaceDetectionWhileAudioCaptureMsDelay, mergeAVStreams, classNames, colors, verbiage: rawVerbiage, debugMode, }: IdVideoCaptureProps) => ReactElement;
|
|
@@ -1,8 +1,5 @@
|
|
|
1
1
|
import React, { CSSProperties, ReactElement } from 'react';
|
|
2
|
-
|
|
3
|
-
frontImageUrl?: string;
|
|
4
|
-
backImageUrl?: string;
|
|
5
|
-
};
|
|
2
|
+
import { IdCaptureGuideImages } from '../guide_images';
|
|
6
3
|
export type IdVideoCaptureFlipIdPromptClassNames = {
|
|
7
4
|
frontImageContainer?: string;
|
|
8
5
|
backImageContainer?: string;
|
|
@@ -10,14 +7,14 @@ export type IdVideoCaptureFlipIdPromptClassNames = {
|
|
|
10
7
|
backImage?: string;
|
|
11
8
|
};
|
|
12
9
|
export type IdVideoCaptureFlipIdPromptProps = {
|
|
10
|
+
idCaptureGuideImages?: IdCaptureGuideImages;
|
|
13
11
|
classNames?: IdVideoCaptureFlipIdPromptClassNames;
|
|
14
|
-
assets?: IdVideoCaptureFlipIdPromptAssets;
|
|
15
12
|
borderWidth?: number;
|
|
16
13
|
borderColor?: string;
|
|
17
14
|
borderRadius?: number;
|
|
18
15
|
imageStyle?: CSSProperties;
|
|
19
16
|
};
|
|
20
|
-
export declare const IdVideoCaptureFlipIdPrompt: ({
|
|
17
|
+
export declare const IdVideoCaptureFlipIdPrompt: ({ idCaptureGuideImages, classNames, borderWidth, borderColor, borderRadius, imageStyle, }: IdVideoCaptureFlipIdPromptProps) => ReactElement;
|
|
21
18
|
export declare const FlipImageContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<React.HTMLAttributes<HTMLDivElement> & {
|
|
22
19
|
status?: import("./IdVideoCaptureGuidesCommon").IdCardGuideStatus;
|
|
23
20
|
borderWidth?: number | string;
|
|
@@ -3,11 +3,8 @@ import { IdVideoCaptureFlipIdPromptClassNames } from './IdVideoCaptureFlipIdProm
|
|
|
3
3
|
import { CustomerSuppliedVerbiage } from '../../lib/locales';
|
|
4
4
|
import { IdCardGuideStatus } from './IdVideoCaptureGuidesCommon';
|
|
5
5
|
import { FaceGuideStatus } from '../face_liveness/FaceCaptureGuideOverlay';
|
|
6
|
+
import { IdCaptureGuideImages } from '../guide_images';
|
|
6
7
|
export type Action = 'SHOW_ID_FRONT' | 'FLIP_ID' | 'SHOW_ID_BACK' | 'VERIFY_LIVENESS';
|
|
7
|
-
export type IdVideoCaptureGuidesAssets = {
|
|
8
|
-
frontImageUrl?: string;
|
|
9
|
-
backImageUrl?: string;
|
|
10
|
-
};
|
|
11
8
|
export type IdVideoCaptureGuidesClassNames = {
|
|
12
9
|
container?: string;
|
|
13
10
|
faceGuideContainer?: string;
|
|
@@ -36,11 +33,11 @@ export type IdVideoCaptureGuidesProps = {
|
|
|
36
33
|
idCardGuideBorderWidth?: number;
|
|
37
34
|
idCardGuideBorderColor?: string;
|
|
38
35
|
idCardCaptureProgress?: number;
|
|
39
|
-
|
|
36
|
+
idCardCaptureGuideImages?: IdCaptureGuideImages;
|
|
40
37
|
classNames?: IdVideoCaptureGuidesClassNames;
|
|
41
38
|
verbiage?: IdVideoCaptureGuidesVerbiage;
|
|
42
39
|
};
|
|
43
|
-
export declare const IdVideoCaptureGuides: ({ requestedAction, satisfied, faceGuideStatus, faceGuideBorderWidth, faceGuideBorderColor, idCardGuideStatus, idCardGuideBorderWidth, idCardGuideBorderColor, idCardCaptureProgress,
|
|
40
|
+
export declare const IdVideoCaptureGuides: ({ requestedAction, satisfied, faceGuideStatus, faceGuideBorderWidth, faceGuideBorderColor, idCardGuideStatus, idCardGuideBorderWidth, idCardGuideBorderColor, idCardCaptureProgress, idCardCaptureGuideImages: userSuppliedImages, classNames, verbiage: rawVerbiage, }: IdVideoCaptureGuidesProps) => ReactElement;
|
|
44
41
|
export declare const IdCardGuideInstructionsContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
45
42
|
export declare const IdCardGuideInstructions: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$textColor" | "$variant" | "$background"> & {
|
|
46
43
|
$background?: string;
|
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
import { ReactElement, ReactNode } from 'react';
|
|
2
2
|
import { IdCaptureWizardAssets, IdCaptureWizardClassNames, IdCaptureWizardColors, IdCaptureWizardProps, IdCaptureWizardVerbiage } from '../id_capture/IdCaptureWizard';
|
|
3
3
|
import { FaceLivenessAssets, FaceLivenessClassNames, FaceLivenessColors, FaceLivenessVerbiage, FaceLivenessWizardProps } from '../face_liveness/FaceLivenessWizard';
|
|
4
|
-
import {
|
|
4
|
+
import { IdVideoCaptureClassNames, IdVideoCaptureColors, IdVideoCaptureVerbiage, VideoIdCaptureThresholds } from './IdVideoCapture';
|
|
5
5
|
import { IdVideoCaptureSuccessClassNames, IdVideoCaptureSuccessColors, IdVideoCaptureSuccessVerbiage } from './IdVideoCaptureSuccess';
|
|
6
6
|
import { CustomerSuppliedVerbiage } from '../../lib/locales';
|
|
7
7
|
import { LivenessCheckRequest, SubmissionResponse } from '../../contexts/SubmissionContext';
|
|
8
8
|
import { IdCaptureGuideType } from '../id_capture/IdCaptureGuides';
|
|
9
9
|
import { IdCaptureLoadingOverlayMode } from '../id_capture/IdCaptureLoadingOverlay';
|
|
10
10
|
import { SelfieCaptureLoadingOverlayMode } from '../selfie_capture/SelfieCaptureLoadingOverlay';
|
|
11
|
+
import { IdCaptureGuideImages } from '../guide_images';
|
|
11
12
|
export type VideoIdWizardAssets = {
|
|
12
13
|
idCapture?: IdCaptureWizardAssets;
|
|
13
14
|
faceLiveness?: FaceLivenessAssets;
|
|
14
|
-
idVideoCapture?: IdVideoCaptureAssets;
|
|
15
15
|
};
|
|
16
16
|
export type VideoIdWizardClassNames = {
|
|
17
17
|
container?: string;
|
|
@@ -55,6 +55,7 @@ export type VideoIdWizardProps = {
|
|
|
55
55
|
idCaptureLoadingOverlayMode?: IdCaptureLoadingOverlayMode;
|
|
56
56
|
customOverlayContent?: () => ReactNode;
|
|
57
57
|
idCaptureGuideType?: IdCaptureGuideType;
|
|
58
|
+
idCaptureGuideImages?: IdCaptureGuideImages;
|
|
58
59
|
idCapturePortraitGuidesOnMobile?: boolean;
|
|
59
60
|
idCaptureRotateLoadingOverlayImageWhenPortrait?: boolean;
|
|
60
61
|
idCaptureModelLoadTimeoutMs?: number;
|
|
@@ -69,4 +70,4 @@ export type VideoIdWizardProps = {
|
|
|
69
70
|
verbiage?: VideoIdWizardVerbiage;
|
|
70
71
|
debugMode?: boolean;
|
|
71
72
|
};
|
|
72
|
-
export declare const VideoIdWizard: ({ onComplete, onExitCapture, onExitAfterFailure, onUserCancel, onIdCaptureModelError, onCameraAccessDenied, onMicrophoneAccessDenied, idCaptureProps, faceLivenessProps, idCaptureModelsEnabled, videoIdCaptureThresholds, readTextPrompt, readTextTimeoutDurationMs, readTextMinReadingMs, skipIdCapture, skipShowIdCardBack, skipSuccessScreen, idCaptureLoadingOverlayMode, customOverlayContent, onCustomOverlyDismissed, idCaptureGuideType, idCapturePortraitGuidesOnMobile, idCaptureRotateLoadingOverlayImageWhenPortrait, idCaptureModelLoadTimeoutMs, faceLivenessLoadingOverlayMode, disableFaceDetectionWhileAudioCapture, disableFaceDetectionWhileAudioCaptureMsDelay, silentFallback, mergeAVStreams, assets, classNames, colors, verbiage, debugMode, }: VideoIdWizardProps) => ReactElement;
|
|
73
|
+
export declare const VideoIdWizard: ({ onComplete, onExitCapture, onExitAfterFailure, onUserCancel, onIdCaptureModelError, onCameraAccessDenied, onMicrophoneAccessDenied, idCaptureProps, faceLivenessProps, idCaptureModelsEnabled, videoIdCaptureThresholds, readTextPrompt, readTextTimeoutDurationMs, readTextMinReadingMs, skipIdCapture, skipShowIdCardBack, skipSuccessScreen, idCaptureLoadingOverlayMode, customOverlayContent, onCustomOverlyDismissed, idCaptureGuideType, idCaptureGuideImages, idCapturePortraitGuidesOnMobile, idCaptureRotateLoadingOverlayImageWhenPortrait, idCaptureModelLoadTimeoutMs, faceLivenessLoadingOverlayMode, disableFaceDetectionWhileAudioCapture, disableFaceDetectionWhileAudioCaptureMsDelay, silentFallback, mergeAVStreams, assets, classNames, colors, verbiage, debugMode, }: VideoIdWizardProps) => ReactElement;
|