idmission-web-sdk 2.1.41 → 2.1.43

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.
Files changed (34) hide show
  1. package/dist/components/common/LoaderButton.d.ts +1 -1
  2. package/dist/components/face_liveness/FaceCaptureGuideOverlay.d.ts +2 -6
  3. package/dist/components/face_liveness/FaceLivenessCapture.d.ts +2 -8
  4. package/dist/components/face_liveness/FaceLivenessFailure.d.ts +1 -2
  5. package/dist/components/face_liveness/FaceLivenessWizard.d.ts +2 -6
  6. package/dist/components/id_capture/FlipIdPrompt.d.ts +17 -12
  7. package/dist/components/id_capture/IdCapture.d.ts +2 -0
  8. package/dist/components/id_capture/IdCaptureFitGuide.d.ts +6 -10
  9. package/dist/components/id_capture/IdCaptureGuideOverlay.d.ts +32 -48
  10. package/dist/components/id_capture/IdCaptureGuides.d.ts +7 -14
  11. package/dist/components/id_capture/IdCaptureStateProvider.d.ts +2 -0
  12. package/dist/components/id_capture/IdCaptureWizard.d.ts +4 -4
  13. package/dist/components/selfie_capture/SelfieCapture.d.ts +3 -8
  14. package/dist/components/selfie_capture/SelfieCaptureLoadingGraphic.d.ts +1 -14
  15. package/dist/components/selfie_capture/SelfieGuidanceModelsProvider.d.ts +2 -2
  16. package/dist/components/video_id/IdVideoCaptureFlipIdPrompt.d.ts +6 -25
  17. package/dist/components/video_id/IdVideoCaptureGuides.d.ts +3 -12
  18. package/dist/contexts/SubmissionContext.d.ts +4 -2
  19. package/dist/lib/locales/es/translation.d.ts +2 -2
  20. package/dist/lib/locales/index.d.ts +2 -2
  21. package/dist/sdk2.cjs.development.js +1294 -1992
  22. package/dist/sdk2.cjs.development.js.map +1 -1
  23. package/dist/sdk2.cjs.production.js +1 -1
  24. package/dist/sdk2.cjs.production.js.map +1 -1
  25. package/dist/sdk2.esm.js +1294 -1992
  26. package/dist/sdk2.esm.js.map +1 -1
  27. package/dist/sdk2.umd.development.js +1301 -1999
  28. package/dist/sdk2.umd.development.js.map +1 -1
  29. package/dist/sdk2.umd.production.js +1 -1
  30. package/dist/sdk2.umd.production.js.map +1 -1
  31. package/dist/themes/index.d.ts +0 -5
  32. package/dist/version.d.ts +1 -1
  33. package/package.json +1 -1
  34. package/dist/components/video_id/IdVideoCaptureGuidesCommon.d.ts +0 -23
@@ -1,5 +1,5 @@
1
1
  import React, { CSSProperties, ReactNode } from 'react';
2
- export type LoaderButtonVariant = 'primary' | 'secondary' | 'positive' | 'negative' | 'warning' | 'outline';
2
+ export type LoaderButtonVariant = 'primary' | 'secondary' | 'positive' | 'negative' | 'warning';
3
3
  export type LoaderButtonColors = {
4
4
  backgroundColor?: string;
5
5
  textColor?: string;
@@ -1,17 +1,13 @@
1
- import React, { ReactElement } from 'react';
1
+ import { ReactElement } from 'react';
2
2
  export type FaceCaptureGuideOverlayVariant = 'satisfied' | 'unsatisfied';
3
- export declare const FaceCaptureGuideContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
4
3
  export type FaceCaptureGuideOverlayClassNames = {
5
4
  container?: string;
6
5
  oval?: string;
7
6
  };
8
- export type FaceGuideStatus = 'ready' | 'processing' | 'success' | 'failure';
9
7
  export type FaceCaptureGuideOverlayProps = {
10
8
  classNames?: FaceCaptureGuideOverlayClassNames;
11
9
  variant?: FaceCaptureGuideOverlayVariant;
12
- status?: FaceGuideStatus;
13
10
  borderWidth?: number;
14
11
  borderColor?: string;
15
- borderOpacity?: number;
16
12
  };
17
- export declare const FaceCaptureGuideOverlay: ({ classNames, status, borderWidth, borderColor, borderOpacity, }: FaceCaptureGuideOverlayProps) => ReactElement;
13
+ export declare const FaceCaptureGuideOverlay: ({ classNames, variant, borderWidth, borderColor, }: FaceCaptureGuideOverlayProps) => ReactElement;
@@ -1,8 +1,7 @@
1
- import { ComponentType, ReactElement } from 'react';
1
+ import { ReactElement } from 'react';
2
2
  import { SelfieCaptureClassNames, SelfieCaptureColors, SelfieCaptureVerbiage } from '../selfie_capture/SelfieCapture';
3
3
  import { SelfieProgressPreviewClassNames } from '../common/SelfieProgressPreview';
4
4
  import { CustomerSuppliedVerbiage } from '../../lib/locales';
5
- import { FaceCaptureGuideOverlayProps } from './FaceCaptureGuideOverlay';
6
5
  export type FaceLivenessCaptureClassNames = SelfieCaptureClassNames & {
7
6
  imagePreview?: SelfieProgressPreviewClassNames;
8
7
  };
@@ -12,8 +11,6 @@ export type FaceLivenessCaptureVerbiage = SelfieCaptureVerbiage & {
12
11
  guidanceRemoveHeadCoveringsText?: CustomerSuppliedVerbiage;
13
12
  guidanceRemoveMaskText?: CustomerSuppliedVerbiage;
14
13
  progressPreviewText?: CustomerSuppliedVerbiage;
15
- guidanceLivenessCheckFailedText?: CustomerSuppliedVerbiage;
16
- guidanceLivenessCheckErrorText?: CustomerSuppliedVerbiage;
17
14
  };
18
15
  export type FaceLivenessCaptureProps = {
19
16
  onCapture?: () => void;
@@ -22,12 +19,9 @@ export type FaceLivenessCaptureProps = {
22
19
  onExit?: () => void;
23
20
  timeoutDurationMs?: number;
24
21
  silentFallback?: boolean;
25
- guidesComponent?: ComponentType<FaceCaptureGuideOverlayProps>;
26
- disableCapturePreview?: boolean;
27
- requireVerticalFaceCentering?: boolean;
28
22
  classNames?: FaceLivenessCaptureClassNames;
29
23
  colors?: FaceLivenessCaptureColors;
30
24
  verbiage?: FaceLivenessCaptureVerbiage;
31
25
  debugMode?: boolean;
32
26
  };
33
- export declare const FaceLivenessCapture: ({ onCapture, onSuccess, onTimeout, onExit, timeoutDurationMs, silentFallback, guidesComponent, disableCapturePreview, requireVerticalFaceCentering, classNames, colors, verbiage: rawVerbiage, debugMode, }: FaceLivenessCaptureProps) => ReactElement;
27
+ export declare const FaceLivenessCapture: ({ onCapture, onSuccess, onTimeout, onExit, timeoutDurationMs, silentFallback, classNames, colors, verbiage: rawVerbiage, debugMode, }: FaceLivenessCaptureProps) => ReactElement;
@@ -1,4 +1,4 @@
1
- import React, { ReactElement } from 'react';
1
+ import { ReactElement } from 'react';
2
2
  import { LoaderButtonColors } from '../common/LoaderButton';
3
3
  import { CustomerSuppliedVerbiage } from '../../lib/locales';
4
4
  export type FaceLivenessFailureAssets = {
@@ -33,4 +33,3 @@ export type FaceLivenessFailureProps = {
33
33
  verbiage?: FaceLivenessFailureVerbiage;
34
34
  };
35
35
  export declare const FaceLivenessFailure: ({ canRetry, onRetryClick, onExitClick, assets, classNames, colors, verbiage: rawVerbiage, }: FaceLivenessFailureProps) => ReactElement;
36
- export declare const ButtonsRow: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
@@ -1,10 +1,9 @@
1
- import { ComponentType, ReactElement } from 'react';
1
+ import { ReactElement } from 'react';
2
2
  import { FaceLivenessCaptureClassNames, FaceLivenessCaptureColors, FaceLivenessCaptureVerbiage } from './FaceLivenessCapture';
3
3
  import { FaceLivenessSuccessClassNames, FaceLivenessSuccessColors, FaceLivenessSuccessVerbiage } from './FaceLivenessSuccess';
4
4
  import { FaceLivenessFailureAssets, FaceLivenessFailureClassNames, FaceLivenessFailureColors, FaceLivenessFailureVerbiage } from './FaceLivenessFailure';
5
5
  import { LivenessCheckRequest, SubmissionResponse } from '../../contexts/SubmissionContext';
6
6
  import { SelfieCaptureLoadingOverlayMode, SelfieCaptureLoadingOverlayAssets, SelfieCaptureLoadingOverlayClassNames, SelfieCaptureLoadingOverlayColors, SelfieCaptureLoadingOverlayVerbiage } from '../selfie_capture/SelfieCaptureLoadingOverlay';
7
- import { FaceCaptureGuideOverlayProps } from './FaceCaptureGuideOverlay';
8
7
  export type FaceLivenessAssets = {
9
8
  loadingOverlay?: SelfieCaptureLoadingOverlayAssets;
10
9
  failure?: FaceLivenessFailureAssets;
@@ -41,13 +40,10 @@ export type FaceLivenessWizardProps = {
41
40
  renderCameraFeed?: boolean;
42
41
  releaseCameraAccessOnExit?: boolean;
43
42
  silentFallback?: boolean;
44
- guidesComponent?: ComponentType<FaceCaptureGuideOverlayProps>;
45
- disableCapturePreview?: boolean;
46
- requireVerticalFaceCentering?: boolean;
47
43
  assets?: FaceLivenessAssets;
48
44
  classNames?: FaceLivenessClassNames;
49
45
  colors?: FaceLivenessColors;
50
46
  verbiage?: FaceLivenessVerbiage;
51
47
  debugMode?: boolean;
52
48
  };
53
- export declare const FaceLivenessWizard: ({ onComplete, onSuccess, onTimeout, onExitCapture, onExitAfterFailure, onUserCancel, loadingOverlayMode, timeoutDurationMs, maxRetries, skipSuccessScreen, renderCameraFeed, releaseCameraAccessOnExit, silentFallback, guidesComponent, disableCapturePreview, requireVerticalFaceCentering, assets, classNames, colors, verbiage, debugMode, }: FaceLivenessWizardProps) => ReactElement;
49
+ export declare const FaceLivenessWizard: ({ onComplete, onSuccess, onTimeout, onExitCapture, onExitAfterFailure, onUserCancel, loadingOverlayMode, timeoutDurationMs, maxRetries, skipSuccessScreen, renderCameraFeed, releaseCameraAccessOnExit, silentFallback, assets, classNames, colors, verbiage, debugMode, }: FaceLivenessWizardProps) => ReactElement;
@@ -1,16 +1,23 @@
1
1
  import { ReactElement } from 'react';
2
2
  import { CustomerSuppliedVerbiage } from '../../lib/locales';
3
3
  export type FlipIdPromptAssets = {
4
- idCardFrontPortraitImageUrl?: string;
5
- idCardFrontLandscapeImageUrl?: string;
6
- idCardBackPortraitImageUrl?: string;
7
- idCardBackLandscapeImageUrl?: string;
4
+ frontPortraitGuidesImageUrl?: string;
5
+ frontLandscapeGuidesImageUrl?: string;
6
+ backPortraitGuidesImageUrl?: string;
7
+ backLandscapeGuidesImageUrl?: string;
8
8
  };
9
9
  export type FlipIdPromptClassNames = {
10
- frontImageContainer?: string;
11
- backImageContainer?: string;
12
- frontImage?: string;
13
- backImage?: string;
10
+ container?: string;
11
+ inner?: string;
12
+ dimmingRegion?: string;
13
+ dimmingRegionTop?: string;
14
+ dimmingRegionLeft?: string;
15
+ dimmingRegionRight?: string;
16
+ dimmingRegionBottom?: string;
17
+ centerRow?: string;
18
+ centerRegion?: string;
19
+ image?: string;
20
+ guideText?: string;
14
21
  };
15
22
  export type FlipIdPromptVerbiage = {
16
23
  instructionText?: CustomerSuppliedVerbiage;
@@ -20,11 +27,9 @@ export type FlipIdPromptProps = {
20
27
  imagePadding?: number;
21
28
  borderWidth?: number;
22
29
  borderColor?: string;
23
- borderRadius?: number;
24
- isMirrored?: boolean;
25
- portraitGuidesOnMobile?: boolean;
30
+ maskColor?: string;
26
31
  assets?: FlipIdPromptAssets;
27
32
  classNames?: FlipIdPromptClassNames;
28
33
  verbiage?: FlipIdPromptVerbiage;
29
34
  };
30
- export declare const FlipIdPrompt: ({ borderWidth, borderColor, borderRadius, isMirrored, portraitGuidesOnMobile, assets, classNames, }: FlipIdPromptProps) => ReactElement;
35
+ export declare const FlipIdPrompt: ({ padding: userSuppliedPadding, imagePadding: userSuppliedImagePadding, borderWidth, borderColor, maskColor, assets, classNames, verbiage, }: FlipIdPromptProps) => ReactElement;
@@ -39,6 +39,8 @@ export type IdCaptureVerbiage = {
39
39
  guidanceNotCenteredText?: CustomerSuppliedVerbiage;
40
40
  guidanceTooCloseText?: CustomerSuppliedVerbiage;
41
41
  guidanceNotDetectedText?: CustomerSuppliedVerbiage;
42
+ guidanceIdCardNotAllowedText?: CustomerSuppliedVerbiage;
43
+ guidancePassportNotAllowedText?: CustomerSuppliedVerbiage;
42
44
  overrideWrongDocumentTypeGuidanceDialog?: OverrideWrongDocumentTypeGuidanceDialogVerbiage;
43
45
  };
44
46
  export type IdCaptureProps = {
@@ -1,7 +1,5 @@
1
1
  import React from 'react';
2
- import { IdCaptureGuideAction, IdCaptureGuideOverlayAssets, IdCaptureGuideOverlayClassNames } from './IdCaptureGuideOverlay';
3
- import { IdCardGuideStatus } from '../video_id/IdVideoCaptureGuidesCommon';
4
- export type IdCaptureFitGuideAssets = IdCaptureGuideOverlayAssets;
2
+ import { IdCaptureGuideOverlayClassNames } from './IdCaptureGuideOverlay';
5
3
  export type IdCaptureFitGuideClassNames = IdCaptureGuideOverlayClassNames & {
6
4
  canvasWrapper?: string;
7
5
  canvas?: string;
@@ -13,15 +11,13 @@ export type IdCaptureFitGuideProps = {
13
11
  borderColor?: string;
14
12
  borderWidth?: number;
15
13
  padding?: number;
14
+ imageUrl?: string;
16
15
  imageVisible?: boolean;
16
+ frontImageUrl?: string;
17
+ backImageUrl?: string;
17
18
  isMirrored?: boolean;
18
- isBackToFront?: boolean;
19
- portraitGuidesOnMobile?: boolean;
20
19
  instruction?: string;
21
- requestedAction?: IdCaptureGuideAction;
22
- status?: IdCardGuideStatus;
23
- progress?: number;
24
- assets?: IdCaptureFitGuideAssets;
20
+ requestingFlip?: boolean;
25
21
  classNames?: IdCaptureFitGuideClassNames;
26
22
  };
27
- export declare const IdCaptureFitGuide: ({ aspectRatio, maskColor, borderRadius, borderColor, borderWidth, padding, imageVisible, isMirrored, isBackToFront, portraitGuidesOnMobile, instruction, requestedAction, status, progress, assets, classNames, }: IdCaptureFitGuideProps) => React.JSX.Element;
23
+ export declare const IdCaptureFitGuide: ({ aspectRatio, maskColor, borderRadius, borderColor, borderWidth, padding, imageUrl, imageVisible, frontImageUrl, backImageUrl, isMirrored, instruction, requestingFlip, classNames, }: IdCaptureFitGuideProps) => React.JSX.Element;
@@ -1,15 +1,33 @@
1
1
  import React, { ReactElement } from 'react';
2
- import { IdCardGuideStatus } from '../video_id/IdVideoCaptureGuidesCommon';
3
- import { FlipIdPromptAssets, FlipIdPromptClassNames } from './FlipIdPrompt';
4
- export type IdCaptureGuideOverlayAssets = {
5
- idCardFrontPortraitImageUrl?: string;
6
- idCardFrontLandscapeImageUrl?: string;
7
- idCardBackPortraitImageUrl?: string;
8
- idCardBackLandscapeImageUrl?: string;
9
- passportPortraitImageUrl?: string;
10
- passportLandscapeImageUrl?: string;
11
- flipIdPrompt?: FlipIdPromptAssets;
12
- };
2
+ export declare const GuidesContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
3
+ export declare const GuideCenterRow: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
4
+ export declare const GuideRegion: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
5
+ $minWidth?: number;
6
+ $minHeight?: number;
7
+ $maskColor?: string;
8
+ }>> & string;
9
+ export declare const Spacer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$minWidth" | "$minHeight" | "$maskColor"> & {
10
+ $minWidth?: number;
11
+ $minHeight?: number;
12
+ $maskColor?: string;
13
+ }, "ref"> & {
14
+ ref?: ((instance: HTMLDivElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLDivElement> | null | undefined;
15
+ }, never>> & string;
16
+ export declare const GuideCenterRegion: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
17
+ $minWidth?: number;
18
+ $isMirrored?: boolean;
19
+ }>> & string;
20
+ export declare const GuideCenterBorder: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
21
+ $borderWidth: number;
22
+ $borderColor?: string;
23
+ }>> & string;
24
+ export declare const GuideText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
25
+ export declare const GuideImage: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {
26
+ $width?: number;
27
+ $height?: number;
28
+ $padding: number;
29
+ $visible?: boolean;
30
+ }>> & string;
13
31
  export type IdCaptureGuideOverlayClassNames = {
14
32
  container?: string;
15
33
  inner?: string;
@@ -20,14 +38,11 @@ export type IdCaptureGuideOverlayClassNames = {
20
38
  dimmingRegionBottom?: string;
21
39
  centerRow?: string;
22
40
  centerRegion?: string;
23
- centerRegionBorder?: string;
24
41
  centerRegionInner?: string;
25
42
  image?: string;
26
43
  guideText?: string;
27
- flipIdPrompt?: FlipIdPromptClassNames;
28
44
  };
29
45
  export type IdCaptureGuideOverlayProps = {
30
- assets?: IdCaptureGuideOverlayAssets;
31
46
  classNames?: IdCaptureGuideOverlayClassNames;
32
47
  width?: number;
33
48
  height?: number;
@@ -36,42 +51,11 @@ export type IdCaptureGuideOverlayProps = {
36
51
  imageVisible?: boolean;
37
52
  borderWidth?: number;
38
53
  borderColor?: string;
39
- idCardBorderWidth?: number;
40
- idCardBorderColor?: string;
41
54
  maskColor?: string;
42
55
  isMirrored?: boolean;
43
- isBackToFront?: boolean;
44
- portraitGuidesOnMobile?: boolean;
45
56
  instruction?: string;
46
- requestedAction?: IdCaptureGuideAction;
47
- status?: IdCardGuideStatus;
48
- progress?: number;
57
+ portraitGuidesImageUrl?: string;
58
+ landscapeGuidesImageUrl?: string;
49
59
  onClick?: () => void;
50
60
  };
51
- export type IdCaptureGuideAction = 'SHOW_ID_FRONT' | 'FLIP_ID' | 'SHOW_ID_BACK' | 'SHOW_PASSPORT';
52
- export declare const IdCaptureGuideOverlay: ({ assets, classNames, width, height, padding: userSuppliedPadding, imagePadding: userSuppliedImagePadding, imageVisible, borderWidth, borderColor, idCardBorderWidth, idCardBorderColor, maskColor, isMirrored, isBackToFront, portraitGuidesOnMobile, instruction, requestedAction, progress, status, onClick, }: IdCaptureGuideOverlayProps) => ReactElement;
53
- export declare const GuidesContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
54
- export declare const GuideCenterRow: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
55
- export declare const GuideRegion: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
56
- $minWidth?: number;
57
- $minHeight?: number;
58
- $maskColor?: string;
59
- }>> & string;
60
- export declare const Spacer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$minWidth" | "$minHeight" | "$maskColor"> & {
61
- $minWidth?: number;
62
- $minHeight?: number;
63
- $maskColor?: string;
64
- }, "ref"> & {
65
- ref?: ((instance: HTMLDivElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLDivElement> | null | undefined;
66
- }, never>> & string;
67
- export declare const GuideCenterRegion: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
68
- $minWidth?: number;
69
- $isMirrored?: boolean;
70
- }>> & string;
71
- export declare const GuideCenterBorder: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
72
- $borderWidth: number;
73
- $borderColor?: string;
74
- $padding?: number;
75
- }>> & string;
76
- export declare const GuideText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
77
- export declare const GuideCenterInner: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
61
+ export declare const IdCaptureGuideOverlay: ({ classNames, width, height, padding: userSuppliedPadding, imagePadding: userSuppliedImagePadding, imageVisible, borderWidth, borderColor, maskColor, isMirrored, instruction, portraitGuidesImageUrl, landscapeGuidesImageUrl, onClick, }: IdCaptureGuideOverlayProps) => ReactElement;
@@ -1,23 +1,16 @@
1
- import { IdCaptureFitGuideAssets, IdCaptureFitGuideClassNames } from './IdCaptureFitGuide';
1
+ import { IdCaptureFitGuideClassNames } from './IdCaptureFitGuide';
2
2
  import React from 'react';
3
- import { IdCaptureGuideAction } from './IdCaptureGuideOverlay';
4
- import { IdCaptureColors, IdCaptureVerbiage } from './IdCapture';
3
+ import { IdCaptureAssets, IdCaptureColors, IdCaptureVerbiage } from './IdCapture';
5
4
  import { FlipIdPromptAssets } from './FlipIdPrompt';
6
- import { IdCardGuideStatus } from '../video_id/IdVideoCaptureGuidesCommon';
7
- export type IdCaptureGuidesAssets = IdCaptureFitGuideAssets;
8
- export type IdCaptureGuidesClassNames = IdCaptureFitGuideClassNames;
9
5
  export type IdCaptureGuideType = 'fit' | 'overlay';
10
- export type IdCaptureGuidesProps = {
6
+ export declare function IdCaptureGuides({ guideType, portraitGuidesOnMobile, requestingFlip, isBackToFront, flipIdPromptAssets, classNames, assets, colors, verbiage: rawVerbiage, }: {
11
7
  guideType?: IdCaptureGuideType;
12
- status?: IdCardGuideStatus;
13
- progress?: number;
14
8
  portraitGuidesOnMobile?: boolean;
15
- requestedAction?: IdCaptureGuideAction;
9
+ requestingFlip?: boolean;
16
10
  isBackToFront?: boolean;
17
11
  flipIdPromptAssets?: FlipIdPromptAssets;
18
- assets?: IdCaptureGuidesAssets;
19
- classNames?: IdCaptureGuidesClassNames;
12
+ classNames?: IdCaptureFitGuideClassNames;
13
+ assets?: IdCaptureAssets;
20
14
  colors?: IdCaptureColors;
21
15
  verbiage?: IdCaptureVerbiage;
22
- };
23
- export declare function IdCaptureGuides({ guideType, status, progress, portraitGuidesOnMobile, requestedAction, isBackToFront, assets, classNames, colors, verbiage: rawVerbiage, }: IdCaptureGuidesProps): React.JSX.Element;
16
+ }): React.JSX.Element;
@@ -27,6 +27,8 @@ export type IdCaptureState = {
27
27
  documentTooClose: boolean;
28
28
  flipRequired: boolean;
29
29
  backDetectedFirst: boolean;
30
+ idCardDetectedButNotAllowed: boolean;
31
+ passportDetectedButNotAllowed: boolean;
30
32
  enableOverrideWrongDocumentTypeDialog: boolean;
31
33
  allowOverrideWrongDocumentTypeAfterMs: number;
32
34
  allowOverrideWrongDocumentTypeGuidance: boolean;
@@ -1,28 +1,28 @@
1
1
  import { ReactElement, ReactNode } from 'react';
2
2
  import { IdCaptureAssets, IdCaptureClassNames, IdCaptureColors, IdCaptureVerbiage } from './IdCapture';
3
3
  import { IdCaptureLoadingOverlayAssets, IdCaptureLoadingOverlayClassNames, IdCaptureLoadingOverlayColors, IdCaptureLoadingOverlayMode, IdCaptureLoadingOverlayVerbiage } from './IdCaptureLoadingOverlay';
4
- import { FlipIdPromptVerbiage } from './FlipIdPrompt';
4
+ import { FlipIdPromptAssets, FlipIdPromptClassNames, 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 { IdCaptureGuidesAssets, IdCaptureGuidesClassNames, IdCaptureGuideType } from './IdCaptureGuides';
9
+ import { IdCaptureGuideType } from './IdCaptureGuides';
10
10
  import { IdCaptureFallbackClassNames, IdCaptureFallbackColors, IdCaptureFallbackVerbiage } from '../fallback_flows/IdCapture';
11
11
  export type IdCaptureWizardAssets = {
12
12
  documentDetectionModelUrl?: string;
13
13
  focusModelUrl?: string;
14
14
  loadingOverlay?: IdCaptureLoadingOverlayAssets;
15
- guides?: IdCaptureGuidesAssets;
16
15
  idCardFront?: IdCaptureAssets;
17
16
  idCardBack?: IdCaptureAssets;
18
17
  passport?: IdCaptureAssets;
18
+ flipIdPrompt?: FlipIdPromptAssets;
19
19
  };
20
20
  export type IdCaptureWizardClassNames = {
21
21
  container?: string;
22
22
  cameraFeed?: string;
23
23
  loadingOverlay?: IdCaptureLoadingOverlayClassNames;
24
24
  capture?: IdCaptureClassNames;
25
- guides?: IdCaptureGuidesClassNames;
25
+ flipIdPrompt?: FlipIdPromptClassNames;
26
26
  success?: IdCaptureSuccessClassNames;
27
27
  fallback?: IdCaptureFallbackClassNames;
28
28
  };
@@ -1,5 +1,5 @@
1
- import { ComponentType, ReactElement } from 'react';
2
- import { FaceCaptureGuideOverlayClassNames, FaceCaptureGuideOverlayProps } from '../face_liveness/FaceCaptureGuideOverlay';
1
+ import { ReactElement } from 'react';
2
+ import { FaceCaptureGuideOverlayClassNames } from '../face_liveness/FaceCaptureGuideOverlay';
3
3
  import { CustomerSuppliedVerbiage } from '../../lib/locales';
4
4
  import { SelfieCaptureFallbackClassNames } from '../fallback_flows/SelfieCapture';
5
5
  import { Face } from '../../lib/models/FaceDetection';
@@ -26,24 +26,19 @@ export type SelfieCaptureVerbiage = {
26
26
  guidanceMoveBackText?: CustomerSuppliedVerbiage;
27
27
  guidanceMoveForwardText?: CustomerSuppliedVerbiage;
28
28
  guidanceMoveToCenterText?: CustomerSuppliedVerbiage;
29
- guidanceNoFaceDetectedText?: CustomerSuppliedVerbiage;
30
29
  };
31
30
  export type SelfieCaptureProps = {
32
31
  onGuidanceSatisfied?: () => void;
33
32
  onGuidanceNotSatisfied?: () => void;
34
- onSelfieCaptureStarted?: () => void;
35
33
  onSelfieCaptured?: (frame: ImageData, face: Face) => void;
36
34
  onTimeout?: () => void;
37
35
  onExit?: () => void;
38
36
  timeoutDurationMs?: number;
39
37
  guidanceMessage?: string;
40
38
  guidanceSatisfied?: boolean;
41
- guidesComponent?: ComponentType<FaceCaptureGuideOverlayProps>;
42
- requireVerticalFaceCentering?: boolean;
43
- shouldCapture?: boolean;
44
39
  classNames?: SelfieCaptureClassNames;
45
40
  colors?: SelfieCaptureColors;
46
41
  verbiage?: SelfieCaptureVerbiage;
47
42
  debugMode?: boolean;
48
43
  };
49
- export declare const SelfieCapture: ({ onGuidanceSatisfied, onGuidanceNotSatisfied, onSelfieCaptureStarted, onSelfieCaptured, onTimeout, onExit, timeoutDurationMs, guidanceMessage, guidanceSatisfied, guidesComponent, requireVerticalFaceCentering, shouldCapture, classNames, colors, verbiage: rawVerbiage, debugMode, }: SelfieCaptureProps) => ReactElement;
44
+ export declare const SelfieCapture: ({ onGuidanceSatisfied, onGuidanceNotSatisfied, onSelfieCaptured, onTimeout, onExit, timeoutDurationMs, guidanceMessage, guidanceSatisfied, classNames, colors, verbiage: rawVerbiage, debugMode, }: SelfieCaptureProps) => ReactElement;
@@ -1,19 +1,6 @@
1
- import React, { SVGProps } from 'react';
2
- import { FaceGuideStatus } from '../face_liveness/FaceCaptureGuideOverlay';
1
+ import React from 'react';
3
2
  export declare function SelfieCaptureLoadingGraphic({ width, height, className, }: {
4
3
  width?: number;
5
4
  height?: number;
6
5
  className?: string;
7
6
  }): React.JSX.Element;
8
- export type SelfieCaptureAnimatedMaskProps = SVGProps<SVGSVGElement> & {
9
- frame?: number;
10
- borderWidth?: number;
11
- borderColor?: string;
12
- borderOpacity?: number;
13
- verticalAlign?: 'center' | 'bottom';
14
- status?: FaceGuideStatus;
15
- };
16
- export declare function SelfieCaptureAnimatedMask({ frame, borderWidth, borderColor, borderOpacity, verticalAlign, status, ...props }: SelfieCaptureAnimatedMaskProps): React.JSX.Element;
17
- export declare function SelfieCaptureAnimatedMaskWithStatus({ status, ...props }: SelfieCaptureAnimatedMaskProps & {
18
- status?: FaceGuideStatus;
19
- }): React.JSX.Element;
@@ -1,11 +1,11 @@
1
1
  import * as React from 'react';
2
2
  import { MutableRefObject, ReactElement, ReactNode } from 'react';
3
3
  import { Face } from '../../lib/models/FaceDetection';
4
- export type SelfieGuidancePredictionHandler = (prediction: Face[]) => Promise<void> | void;
4
+ type PredictionHandler = (prediction: Face[]) => void;
5
5
  type SelfieGuidanceModelsState = {
6
6
  start: () => void;
7
7
  stop: () => void;
8
- onPredictionMade: (handler: SelfieGuidancePredictionHandler) => void;
8
+ onPredictionMade: (handler: PredictionHandler) => void;
9
9
  canvasRef: MutableRefObject<HTMLCanvasElement | null>;
10
10
  ready: boolean;
11
11
  error: Error | null;
@@ -1,32 +1,13 @@
1
- import React, { CSSProperties, ReactElement } from 'react';
1
+ import { ReactElement } from 'react';
2
2
  export type IdVideoCaptureFlipIdPromptAssets = {
3
3
  frontImageUrl?: string;
4
4
  backImageUrl?: string;
5
5
  };
6
- export type IdVideoCaptureFlipIdPromptClassNames = {
7
- frontImageContainer?: string;
8
- backImageContainer?: string;
9
- frontImage?: string;
10
- backImage?: string;
11
- };
12
6
  export type IdVideoCaptureFlipIdPromptProps = {
13
- classNames?: IdVideoCaptureFlipIdPromptClassNames;
14
- assets?: IdVideoCaptureFlipIdPromptAssets;
7
+ className?: string;
8
+ imageWidth?: number;
9
+ imageHeight?: number;
15
10
  borderWidth?: number;
16
- borderColor?: string;
17
- borderRadius?: number;
18
- imageStyle?: CSSProperties;
11
+ assets?: IdVideoCaptureFlipIdPromptAssets;
19
12
  };
20
- export declare const IdVideoCaptureFlipIdPrompt: ({ assets, classNames, borderWidth, borderColor, borderRadius, imageStyle, }: IdVideoCaptureFlipIdPromptProps) => ReactElement;
21
- 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
- status?: import("./IdVideoCaptureGuidesCommon").IdCardGuideStatus;
23
- borderWidth?: number;
24
- borderRadius?: number;
25
- borderColor?: string;
26
- progress?: number;
27
- }, "$isVisible"> & {
28
- $isVisible?: boolean;
29
- }, {
30
- $transforms: string;
31
- $transitionTime: number;
32
- }>> & string;
13
+ export declare const IdVideoCaptureFlipIdPrompt: ({ className, imageWidth, imageHeight, borderWidth, assets, }: IdVideoCaptureFlipIdPromptProps) => ReactElement;
@@ -1,46 +1,37 @@
1
1
  import React, { ReactElement } from 'react';
2
- import { IdVideoCaptureFlipIdPromptClassNames } from './IdVideoCaptureFlipIdPrompt';
3
2
  import { CustomerSuppliedVerbiage } from '../../lib/locales';
4
- import { IdCardGuideStatus } from './IdVideoCaptureGuidesCommon';
5
- import { FaceGuideStatus } from '../face_liveness/FaceCaptureGuideOverlay';
6
- export type Action = 'SHOW_ID_FRONT' | 'FLIP_ID' | 'SHOW_ID_BACK' | 'VERIFY_LIVENESS';
3
+ export type Action = 'SHOW_ID_FRONT' | 'FLIP_ID' | 'SHOW_ID_BACK' | 'READ_TEXT';
7
4
  export type IdVideoCaptureGuidesAssets = {
8
5
  frontImageUrl?: string;
9
6
  backImageUrl?: string;
10
7
  };
11
8
  export type IdVideoCaptureGuidesClassNames = {
12
9
  container?: string;
13
- faceGuideContainer?: string;
14
10
  faceGuide?: string;
15
11
  idCardGuideContainer?: string;
16
- idCardGuideInner?: string;
17
12
  idCardGuideInstructionsContainer?: string;
18
13
  idCardGuideInstructions?: string;
19
14
  idCardGuideImageContainer?: string;
20
15
  idCardGuideImage?: string;
21
- flipIdPrompt?: IdVideoCaptureFlipIdPromptClassNames;
16
+ flipIdPromptImage?: string;
22
17
  };
23
18
  export type IdVideoCaptureGuidesVerbiage = {
24
19
  idFrontInstructionText?: CustomerSuppliedVerbiage;
25
20
  idBackInstructionText?: CustomerSuppliedVerbiage;
26
21
  flipIdInstructionText?: CustomerSuppliedVerbiage;
27
- verifyLivenessInstructionText?: CustomerSuppliedVerbiage;
28
22
  };
29
23
  export type IdVideoCaptureGuidesProps = {
30
24
  requestedAction?: Action;
31
25
  satisfied?: boolean;
32
- faceGuideStatus?: FaceGuideStatus;
33
26
  faceGuideBorderWidth?: number;
34
27
  faceGuideBorderColor?: string;
35
- idCardGuideStatus?: IdCardGuideStatus;
36
28
  idCardGuideBorderWidth?: number;
37
29
  idCardGuideBorderColor?: string;
38
- idCardCaptureProgress?: number;
39
30
  assets?: IdVideoCaptureGuidesAssets;
40
31
  classNames?: IdVideoCaptureGuidesClassNames;
41
32
  verbiage?: IdVideoCaptureGuidesVerbiage;
42
33
  };
43
- export declare const IdVideoCaptureGuides: ({ requestedAction, satisfied, faceGuideStatus, faceGuideBorderWidth, faceGuideBorderColor, idCardGuideStatus, idCardGuideBorderWidth, idCardGuideBorderColor, idCardCaptureProgress, assets, classNames, verbiage: rawVerbiage, }: IdVideoCaptureGuidesProps) => ReactElement;
34
+ export declare const IdVideoCaptureGuides: ({ requestedAction, satisfied, faceGuideBorderWidth, faceGuideBorderColor, idCardGuideBorderWidth, idCardGuideBorderColor, assets, classNames, verbiage: rawVerbiage, }: IdVideoCaptureGuidesProps) => ReactElement;
44
35
  export declare const IdCardGuideInstructionsContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
45
36
  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
37
  $background?: string;
@@ -33,6 +33,7 @@ export type SubmissionRequest = {
33
33
  idType: 'NSP';
34
34
  idCountry: 'NSP';
35
35
  idState: '';
36
+ idNumber?: string;
36
37
  issueDate?: string;
37
38
  expDate?: string;
38
39
  };
@@ -109,17 +110,18 @@ export type CardData = {
109
110
  nameOnCard?: string;
110
111
  };
111
112
  export type IdData = {
113
+ idNumber?: string;
112
114
  issueDate?: string;
113
115
  expDate?: string;
114
116
  };
115
117
  export type CustomerDataMatchConfig = {
116
118
  /** Boolean flag to indicate whether the server should perform name matching using the `name` value from `personalData`. Valid values: "Y" (fuzzy match accepting 90% or higher similarity), "E" (only accept exact matches), "N" (do not perform matching). Defaults to "N". */
117
119
  nameMatch?: 'Y' | 'E' | 'N';
118
- /** Boolean flag to indicate whether the server should perform ID number matching using the `idNumber` value from `personalData`. Valid values: "Y" (fuzzy match accepting 90% or higher similarity), "E" (only accept exact matches), "N" (do not perform matching). Defaults to "N". */
120
+ /** Boolean flag to indicate whether the server should perform ID number matching using the `idNumber` value from `idData`. Valid values: "Y" (fuzzy match accepting 90% or higher similarity), "E" (only accept exact matches), "N" (do not perform matching). Defaults to "N". */
119
121
  idNumberMatch?: 'Y' | 'E' | 'N';
120
122
  /** Boolean flag to indicate whether the server should perform date of birth matching using the `dob` value from `personalData`. Valid values: "Y" (fuzzy match accepting 90% or higher similarity), "E" (only accept exact matches), "N" (do not perform matching). Defaults to "N". */
121
123
  dateOfBirthMatch?: 'Y' | 'E' | 'N';
122
- /** Boolean flag to indicate whether the server should perform expiry date matching using the `expDate` value from `personalData`. Valid values: "Y" (fuzzy match accepting 90% or higher similarity), "E" (only accept exact matches), "N" (do not perform matching). Defaults to "N". */
124
+ /** Boolean flag to indicate whether the server should perform expiry date matching using the `expDate` value from `idData`. Valid values: "Y" (fuzzy match accepting 90% or higher similarity), "E" (only accept exact matches), "N" (do not perform matching). Defaults to "N". */
123
125
  expiryDateMatch?: 'Y' | 'E' | 'N';
124
126
  };
125
127
  export type SubmissionMetadata = {
@@ -26,6 +26,8 @@ declare const _default: {
26
26
  'Document out of focus \u2013 try improving the lighting': string;
27
27
  'ID card front detected - please flip your ID card': string;
28
28
  'ID card back detected - please flip your ID card': string;
29
+ 'ID card detected, please scan a passport instead': string;
30
+ 'Passport detected, please scan an ID card instead': string;
29
31
  'Document detected, hold still...': string;
30
32
  'ID card front detected, hold still...': string;
31
33
  'ID card back detected, hold still...': string;
@@ -54,8 +56,6 @@ declare const _default: {
54
56
  Exit: string;
55
57
  'Face liveness has been verified!': string;
56
58
  Done: string;
57
- 'Could not verify your face.': string;
58
- 'An error occurred while verifying your face.': string;
59
59
  'Customer has been identified!': string;
60
60
  'Customer not found': string;
61
61
  'Additional document capture': string;
@@ -34,6 +34,8 @@ export declare const resources: {
34
34
  'Document out of focus \u2013 try improving the lighting': string;
35
35
  'ID card front detected - please flip your ID card': string;
36
36
  'ID card back detected - please flip your ID card': string;
37
+ 'ID card detected, please scan a passport instead': string;
38
+ 'Passport detected, please scan an ID card instead': string;
37
39
  'Document detected, hold still...': string;
38
40
  'ID card front detected, hold still...': string;
39
41
  'ID card back detected, hold still...': string;
@@ -62,8 +64,6 @@ export declare const resources: {
62
64
  Exit: string;
63
65
  'Face liveness has been verified!': string;
64
66
  Done: string;
65
- 'Could not verify your face.': string;
66
- 'An error occurred while verifying your face.': string;
67
67
  'Customer has been identified!': string;
68
68
  'Customer not found': string;
69
69
  'Additional document capture': string;