@idscan/idvc2 3.9.0 → 3.9.2

package/dist/types/defaultConfig.d.ts

@@ -3,6 +3,7 @@ import { DocumentTypeName } from './environment/documentTypes';
 import { StepType } from './environment/stepsDescription';
 import { AllLabels, supportedLanguages } from './environment/langs';
 import { ModalPositionKeys } from './environment/modalPosition';
+import { MessageAfterDelay } from './types/core/MessageAfterDelay';
 import { DeepPartial } from './types/helpers/DeepPartial';
 export type ValidationFn = 'validateElement' | 'validateString' | 'validateDocumentTypes' | 'validateDistinctStringInArray' | 'validateNumber' | 'validateFunction' | 'ValidateDictionaryLangMatch' | 'validateBool' | 'validateAllowCameraSelection';
 type DefaultValueFunction = () => boolean;
@@ -25,6 +26,7 @@ export type StepConfig = {
     enableFourCornerCapture?: boolean;
     shouldRecordMultiImages?: boolean;
     delayUntilCaptureButtonVisible?: number;
+    messageAfterDelay?: MessageAfterDelay;
 };
 export type DocumentType = {
     type: DocumentTypeName;
@@ -39,7 +41,7 @@ export type DefaultConfigName = 'el' | 'licenseKey' | 'networkUrl' | 'language'
  * @param {string} name,
  * @param {'String' | 'Array' | 'Number' | 'Boolean' | 'Function' | 'Object'}  type,
  * @param {string} description,
- * @param {string | boolean | DefaultValueFunction | number | DocumentType[]} defaultValue,
+ * @param {string | boolean | DefaultValueFunction | number | DocumentType[] | MessageAfterDelay} defaultValue,
  * @param {ValidationFn}  validationFn,
  * @parma {boolean} hidden?,
  * @param {RealFaceMode[]} values?,
@@ -50,7 +52,7 @@ export interface IDefaultConfig {
     name: DefaultConfigName;
     type: 'String' | 'Array' | 'Number' | 'Boolean' | 'Function' | 'Object';
     description: string;
-    defaultValue: StepMode | string | boolean | DefaultValueFunction | number | DocumentType[];
+    defaultValue: StepMode | string | boolean | DefaultValueFunction | number | DocumentType[] | MessageAfterDelay;
     validationFn: ValidationFn;
     hidden?: boolean;
     values?: ModalPositionKeys[] | RealFaceMode[] | typeof supportedLanguages[number][] | ImageURI[] | DeepPartial<AllLabels>;

package/dist/types/helpers/cancelableTimeout.d.ts

@@ -0,0 +1,4 @@
+export declare const createCancelableTimeout: () => {
+    start: (cb: () => void, delay: number) => void;
+    cancel: () => void;
+};

package/dist/types/helpers/validators.d.ts

@@ -1,3 +1,4 @@
+import { MessageAfterDelay } from '../types/core/MessageAfterDelay';
 /**
  * check value to be boolean
  * @param val
@@ -42,6 +43,7 @@ type ValidationResult = {
     invalidPathsWithReason: Record<string, string>;
 };
 export declare const isValidDeepPartial: <T extends Record<string, unknown>>(original: T, candidate: unknown) => ValidationResult;
+export declare const validateMessageAfterDelay: (value: unknown, name: string, type: string) => MessageAfterDelay | undefined;
 declare const _default: {
     isValidBool: (val: any) => boolean;
     isValidFunction: (val: any) => boolean;

package/dist/types/loop.d.ts

@@ -3,8 +3,6 @@ export interface IMrzCoords {
     locations: MRZLocation;
     color: 'green' | 'yellow';
 }
-export declare const loopTimeout: (ms: number) => Promise<void>;
-export declare const demandCapturingTimeout: (ms: number) => Promise<void>;
 export declare const unmountIDVC: () => void;
 export declare const loop: () => Promise<false>;
 declare const _default: {

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

@@ -3,6 +3,7 @@ import { StepMode } from '../defaultConfig';
 import { ErrorCodes } from '../environment/langs';
 import { DocumentTypeName } from '../environment/documentTypes';
 import { Base64 } from '../helpers/base64';
+import { MessageAfterDelay } from '../types/core/MessageAfterDelay';
 export interface IStepConfigMode {
     name: 'mode';
     value: StepMode;
@@ -22,6 +23,7 @@ export interface IStepObj {
     stepTypeImageName: StepTypeImageName;
     shouldRecordMultiImages?: boolean;
     delayUntilCaptureButtonVisible?: number;
+    messageAfterDelay?: MessageAfterDelay;
 }
 export interface IStepCallback {
     /** base64 encoded step image */
@@ -70,6 +72,7 @@ export default class Step implements IStepCallback, IStepObj {
     stepTypeImageName: StepTypeImageName;
     shouldRecordMultiImages: boolean;
     delayUntilCaptureButtonVisible?: number;
+    messageAfterDelay?: MessageAfterDelay;
     constructor(nameOrObj: string | IStepObj);
     get isShowManualSwitchButton(): boolean;
     get capturingMode(): StepMode;

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

@@ -13,6 +13,7 @@ export declare class CanvasWrapper {
     generalTypeCanvas: HTMLCanvasElement;
     blazeFaceCanvas: HTMLCanvasElement;
     meshFaceCanvas: HTMLCanvasElement;
+    multiImagesSourceCanvas: HTMLCanvasElement;
     mrzCtx: CanvasRenderingContext2D;
     scaledCtx: CanvasRenderingContext2D;
     videoCtx: CanvasRenderingContext2D;
@@ -21,8 +22,10 @@ export declare class CanvasWrapper {
     faceCtx: CanvasRenderingContext2D;
     blazeFaceCtx: CanvasRenderingContext2D;
     meshFaceCtx: CanvasRenderingContext2D;
+    multiImagesSourceCtx: CanvasRenderingContext2D;
+    isStartedRecord: boolean;
     private readonly video;
-    private readonly faceOffset;
+    private readonly faceCrop;
     private readonly canvasNames;
     private readonly canvasCtxNames;
     private multiImagesRecorder;
@@ -31,6 +34,10 @@ export declare class CanvasWrapper {
     restoreCanvas(): void;
     toggleBorderCanvas(currentStepType: StepType, isStarted: boolean): void;
     toggleRecordMultiImages(currentStepObj: Step, isStarted: boolean): void;
+    private getCenteredSquareCrop;
+    private getCenteredCropForRatio;
+    private getMultiImageDrawParams;
+    private prepareMultiImageSourceCanvas;
     clearBorderCtx(): void;
     setVideoCanvasSizes({ width, height }: Size): void;
     getBaseSizes(coefficient?: number): {
@@ -42,7 +49,7 @@ export declare class CanvasWrapper {
     prepareFaceCanvas(width: number, height: number): void;
     drawVideo(): void;
     recreateWorkingCanvas(browser: BrowserInfo, browserMajorVersion: number): void;
-    drawResizedVideo(currentStepType: StepType, isRealFaceAvailable: boolean): void;
+    drawResizedVideo(currentStepType: StepType, isRealFaceAvailable: boolean, sizeK: number): void;
     private drawResized;
     private drawFace;
     private recreateCanvas;

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

@@ -7,8 +7,8 @@ export declare class CaptureButton implements ICaptureButton {
     private controlButton;
     private readonly checkIsCameraErrorVisible;
     constructor(element: HTMLElement, onClick: ControlButtonEvents, checkIsCameraErrorVisible: () => boolean);
-    private timeout;
-    private showCaptureButtonTimeout;
+    private captureButtonTimeout;
+    private showCaptureButton;
     private setVisible;
     setStart: () => void;
     setStop: () => void;

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

@@ -1,8 +1,10 @@
 export declare class MultiImagesRecorderService {
+    private canvas;
     private mediaRecorder;
     private recordedBlobs;
     private multiImagesType;
-    startRecording(canvas: HTMLCanvasElement): void;
+    constructor(canvas: HTMLCanvasElement);
+    startRecording(): void;
     stopRecording(): void;
     private handleDataAvailable;
     private handleStop;

package/dist/types/types/core/MessageAfterDelay.d.ts

@@ -0,0 +1,4 @@
+export interface MessageAfterDelay {
+    delay?: number;
+    text?: string;
+}

package/package.json

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