@idscan/idvc2 3.6.0 → 3.8.0

package/dist/types/constatnts/animations.d.ts

@@ -1 +1,4 @@
-export declare const SHOW_PREVIEW_DELAY = 4000;
+export declare const TIME_TO_SCALE = 1000;
+export declare const TIME_TO_ROTATE = 1000;
+export declare const TIME_TO_SCAN = 1000;
+export declare const SHOW_PREVIEW_DELAY: number;

package/dist/types/defaultConfig.d.ts

@@ -23,7 +23,7 @@ export type StepConfig = {
     autocaptureDelay?: number;
     enableDesktopNotification?: boolean;
     enableFourCornerCapture?: boolean;
-    shouldRecordVideo?: boolean;
+    shouldRecordMultiImages?: boolean;
     delayUntilCaptureButtonVisible?: number;
 };
 export type DocumentType = {

package/dist/types/environment/previewAnimation.d.ts

@@ -0,0 +1,3 @@
+import type { StepType } from './stepsDescription';
+import { DocumentTypeName } from './documentTypes';
+export declare const checkIsNeedRotateCard: (stepType: StepType, documentTypeName: '' | DocumentTypeName) => boolean;

package/dist/types/helpers/step-background.d.ts

@@ -1,2 +1,5 @@
 import { StepTypeImageName } from '../environment/stepsDescription';
-export declare const getStepBackground: (stepType: StepTypeImageName) => string;
+import { DocumentTypeName } from '../environment/documentTypes';
+export declare const getFrontImageOfDocument: (documentTypeName: DocumentTypeName | '') => string;
+export declare const getScanLineTranslateYRange: (stepType: StepTypeImageName, documentTypeName: DocumentTypeName | '') => readonly [string, string];
+export declare const getStepBackground: (stepType: StepTypeImageName, documentTypeName: DocumentTypeName | '') => string | undefined;

package/dist/types/modules/Step.d.ts

@@ -20,7 +20,7 @@ export interface IStepObj {
     time?: number;
     configs?: StepConfig[];
     stepTypeImageName: StepTypeImageName;
-    shouldRecordVideo?: boolean;
+    shouldRecordMultiImages?: boolean;
     delayUntilCaptureButtonVisible?: number;
 }
 export interface IStepCallback {
@@ -28,8 +28,8 @@ export interface IStepCallback {
     img: Base64Image | null;
     /** blob step image */
     blob: Blob | null;
-    /** blob step video */
-    videoBlob?: Blob | null;
+    /** blob step MultiImages */
+    multiImagesBlob?: Blob | null;
     /** step type */
     type: StepType;
     /** is it autocaptured from camera */
@@ -51,7 +51,7 @@ export interface IStepCallback {
 }
 export default class Step implements IStepCallback, IStepObj {
     blob: Blob | null;
-    videoBlob: Blob | null;
+    multiImagesBlob: Blob | null;
     errorCode: ErrorCodes | null | undefined;
     mrzText?: string;
     mrzImg?: Base64Image | null;
@@ -68,9 +68,9 @@ export default class Step implements IStepCallback, IStepObj {
     img: Base64Image | null;
     cameraInfo: Record<string, any>;
     stepTypeImageName: StepTypeImageName;
-    shouldRecordVideo: boolean;
+    shouldRecordMultiImages: boolean;
     delayUntilCaptureButtonVisible?: number;
-    constructor(nameOrObj: string | IStepObj, type?: StepType, camera?: VideoFacingModeEnum, time?: number, img?: Base64Image | null);
+    constructor(nameOrObj: string | IStepObj);
     get isShowManualSwitchButton(): boolean;
     get capturingMode(): StepMode;
     static createStep(stepObj: IStepObj, currentDocumentType: DocumentTypeName | ''): Step;

package/dist/types/modules/ui/ControlButton/index.d.ts

@@ -0,0 +1,2 @@
+export { ControlButton } from './ControlButton';
+export type { ControlButtonClickedCustomEvent, ControlButtonEvents } from './ControlButton';

package/dist/types/modules/ui/MainScreen/MainScreen.d.ts

@@ -4,7 +4,7 @@ import { CardStep } from '../CardStep/CardStep';
 import { VideoWrapper } from '../VideoWrapper/VideoWrapper';
 import { UploaderUI } from '../Uploader/UploaderUI';
 import { StepType } from '../../../environment/stepsDescription';
-import { ControlButton, ControlButtonClickedCustomEvent } from '../ControlButton/ControlButton';
+import { ControlButton, ControlButtonClickedCustomEvent } from '../ControlButton';
 import { CallbackHandler, MessageBox } from '../MessageBox/MessageBox';
 import { DesktopNotification, DesktopNotificationVisibility } from '../DesktopNotification/DesktopNotification';
 import { LoaderUI } from '../Loader/LoaderUI';

package/dist/types/modules/ui/Uploader/UploaderUI.d.ts

@@ -1,4 +1,5 @@
 import { ComponentLit } from '../ComponentLit';
+import { DocumentTypeName } from '../../../environment/documentTypes';
 import type { StepTypeImageName } from '../../../environment/stepsDescription';
 import type { ErrorCodes } from '../../../environment/langs';
 import Step from '../../Step';
@@ -9,6 +10,7 @@ export type UploaderState = {
     image: string;
     errorCode?: ErrorCodes;
     isBadImage?: boolean;
+    documentTypeName: DocumentTypeName | '';
 };
 export type UploaderUIEvents = {
     onFileInput: (event: Event) => void;

package/dist/types/modules/ui/VideoWrapper/CanvasWrapper.d.ts

@@ -25,12 +25,12 @@ export declare class CanvasWrapper {
     private readonly faceOffset;
     private readonly canvasNames;
     private readonly canvasCtxNames;
-    private videoRecorder;
+    private multiImagesRecorder;
     constructor(componentWrapper: HTMLElement, video: HTMLVideoElement);
     saveCanvas(): void;
     restoreCanvas(): void;
     toggleBorderCanvas(currentStepType: StepType, isStarted: boolean): void;
-    toggleRecordVideo(currentStepObj: Step, isStarted: boolean): void;
+    toggleRecordMultiImages(currentStepObj: Step, isStarted: boolean): void;
     clearBorderCtx(): void;
     setVideoCanvasSizes({ width, height }: Size): void;
     getBaseSizes(coefficient?: number): {

package/dist/types/modules/ui/VideoWrapper/CaptureButton.d.ts

@@ -0,0 +1,15 @@
+import { ControlButtonEvents } from '../ControlButton';
+export interface ICaptureButton {
+    setStart(): void;
+    setStop(): void;
+}
+export declare class CaptureButton implements ICaptureButton {
+    private controlButton;
+    private readonly checkIsCameraErrorVisible;
+    constructor(element: HTMLElement, onClick: ControlButtonEvents, checkIsCameraErrorVisible: () => boolean);
+    private timeout;
+    private showCaptureButtonTimeout;
+    private setVisible;
+    setStart: () => void;
+    setStop: () => void;
+}

package/dist/types/modules/ui/VideoWrapper/{VideoRecorderService.d.ts → MultiImagesRecorderService.d.ts}

@@ -1,7 +1,7 @@
-export declare class VideoRecorderService {
+export declare class MultiImagesRecorderService {
     private mediaRecorder;
     private recordedBlobs;
-    private videoType;
+    private multiImagesType;
     startRecording(canvas: HTMLCanvasElement): void;
     stopRecording(): void;
     private handleDataAvailable;

package/dist/types/modules/ui/VideoWrapper/StepPreview/StepPreview.d.ts

@@ -1,16 +1,19 @@
 import { ComponentLit } from '../../ComponentLit';
 import type { StepType } from '../../../../environment/stepsDescription';
+import { DocumentTypeName } from '../../../../environment/documentTypes';
 type StepPreviewState = {
     stepType: StepType;
+    documentTypeName: DocumentTypeName | '';
 };
 export declare class StepPreview extends ComponentLit<StepPreviewState> {
-    private backgroundElement;
+    #private;
     constructor(mountElement: any, state: StepPreviewState);
-    showPreview(timeToShow: number, isEnabled: boolean): Promise<void>;
+    showPreview(isEnabled: boolean): Promise<void>;
+    stopAnimation: () => void;
     backToInitialState(): void;
     remount(): void;
-    protected updateView(): void;
-    private setStepBackground;
-    private getStepTypeBackground;
+    protected updateView(): Promise<void>;
+    private updateStepBackground;
+    private setBackgroundMarkup;
 }
 export {};

package/dist/types/modules/ui/VideoWrapper/VideoWrapper.d.ts

@@ -4,8 +4,8 @@ import { CanvasWrapper } from './CanvasWrapper';
 import { UiHints } from './UIHints';
 import Step from '../../Step';
 import { StepPreview } from './StepPreview/StepPreview';
-import { ControlButton } from '../ControlButton/ControlButton';
 import { StatusPlank } from '../StatusPlank/StatusPlank';
+import { ICaptureButton } from './CaptureButton';
 export type UpdateVideoWrapParams = {
     currentStepImg: string;
     currentStepObj: Step;
@@ -18,7 +18,7 @@ export declare class VideoWrapper {
     canvasWrapper: CanvasWrapper;
     hints: UiHints;
     stepPreview: StepPreview;
-    captureButton: ControlButton;
+    captureButton: ICaptureButton;
     statusPlank: StatusPlank;
     video: HTMLVideoElement;
     videoWrap: HTMLDivElement;
@@ -31,7 +31,6 @@ export declare class VideoWrapper {
     private cameraErrorHeader;
     private cameraErrorText;
     private UIComponents;
-    private isShowDemandButton;
     constructor(componentWrapper: HTMLElement);
     updateVideoWrap({ currentStepImg, currentStepObj, }: UpdateVideoWrapParams): void;
     setMirroring(isMirroring: boolean): void;
@@ -40,12 +39,11 @@ export declare class VideoWrapper {
     setFakeContourStyles(width: number): void;
     hideVideoError(): void;
     showVideoError(errorCode: string): void;
-    setCaptureButtonHidden(newValue: boolean): void;
     private init;
     setCameraErrorText(header: string, text: string): void;
     showCameraError(): void;
     hideCameraError(): void;
-    checkIsCameraErrorVisible(): boolean;
+    checkIsCameraErrorVisible: () => boolean;
     changeType(step: Step): void;
     remountUIComponents(): void;
     private getFakeContourWidth;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@idscan/idvc2",
-  "version": "3.6.0",
+  "version": "3.8.0",
   "description": "component for the capturing documents",
   "main": "dist/idvc.js",
   "types": "dist/types/idvc.d.ts",