@idscan/idvc2 3.5.0 → 3.7.0

package/dist/types/defaultConfig.d.ts

@@ -4,7 +4,7 @@ import { StepType } from './environment/stepsDescription';
 import { AllLabels, supportedLanguages } from './environment/langs';
 import { ModalPositionKeys } from './environment/modalPosition';
 import { DeepPartial } from './types/helpers/DeepPartial';
-export type ValidationFn = 'validateElement' | 'validateString' | 'validateDocumentTypes' | 'validateDistinctStringInArray' | 'validateNumber' | 'validateFunction' | 'ValidateDictionaryLangMatch' | 'validateBool';
+export type ValidationFn = 'validateElement' | 'validateString' | 'validateDocumentTypes' | 'validateDistinctStringInArray' | 'validateNumber' | 'validateFunction' | 'ValidateDictionaryLangMatch' | 'validateBool' | 'validateAllowCameraSelection';
 type DefaultValueFunction = () => boolean;
 export type NormalizedType = 'Path';
 /**
@@ -23,7 +23,7 @@ export type StepConfig = {
     autocaptureDelay?: number;
     enableDesktopNotification?: boolean;
     enableFourCornerCapture?: boolean;
-    shouldRecordVideo?: boolean;
+    shouldRecordMultiImages?: boolean;
     delayUntilCaptureButtonVisible?: number;
 };
 export type DocumentType = {
@@ -33,7 +33,7 @@ export type DocumentType = {
     tooltipText?: string;
 };
 type ImageURI = 'png' | 'jpeg' | 'webp';
-export type DefaultConfigName = 'el' | 'licenseKey' | 'networkUrl' | 'language' | 'customTranslations' | 'documentTypes' | 'realFaceMode' | 'modalPosition' | 'resizeUploadedImage' | 'showSubmitBtn' | 'isShowDocumentTypeSelect' | 'useCDN' | 'processingImageFormat' | 'allowSubmitWithWarnings' | 'autocaptureConfidence' | 'autoContinue' | 'autoStart' | 'playPreviewAnimations' | 'autocaptureDelay' | 'fixFrontOrientAfterUpload' | 'onChange' | 'onReset' | 'submit' | 'onRetakeHook' | 'onCameraError' | 'onMounted' | 'onDocumentTypeSelect' | 'onReloaded';
+export type DefaultConfigName = 'el' | 'licenseKey' | 'networkUrl' | 'language' | 'customTranslations' | 'documentTypes' | 'realFaceMode' | 'modalPosition' | 'resizeUploadedImage' | 'showSubmitBtn' | 'isShowDocumentTypeSelect' | 'useCDN' | 'processingImageFormat' | 'allowSubmitWithWarnings' | 'autocaptureConfidence' | 'autoContinue' | 'autoStart' | 'playPreviewAnimations' | 'autocaptureDelay' | 'fixFrontOrientAfterUpload' | 'onChange' | 'onReset' | 'submit' | 'onRetakeHook' | 'onCameraError' | 'onMounted' | 'onDocumentTypeSelect' | 'onReloaded' | 'allowCameraSelection';
 /**
  * IDefaultConfig
  * @param {string} name,

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

@@ -1,7 +1,7 @@
 import { CameraNotSupportedReason } from '../types/modules/camera.enum';
 type LabelGroup = 'errorCodes' | 'hintTexts' | 'keyErrors' | 'general' | 'uploaderDescription' | 'documentsTypes' | 'loaderText';
 type AllTypes = IErrorCodes | IHintTexts | KeyError | IGeneral | IDocumentsTypes | IUploaderDescription | ISpinnerText;
-type Label = Record<LabelGroup, AllTypes>;
+export type Label = Record<LabelGroup, AllTypes>;
 export type AllLabels = Record<SupportedLanguage, Label>;
 type KeyError = string[];
 type GetTranslation = {
@@ -112,12 +112,15 @@ interface IGeneral {
         continue: string;
         capture: string;
         retake: string;
+        showCameraSelectionModal: string;
     };
     desktopNotification: {
         barcode: string;
         mrz: string;
         other: string;
     };
+    noAvailableCameras: string;
+    selectCameraDevice: string;
     documentType: string;
     selectDocumentTypeText: string;
     changeBtn: string;

package/dist/types/modules/App/UI.d.ts

@@ -7,15 +7,20 @@ import { StepsScreen } from '../ui/StepsList/StepsScreen';
 import { IDVCVersionPlank } from '../ui/IDVCVersionPlank/IDVCVersionPlank';
 import { AnimationSettings, Notification, NotificationState } from '../ui/Notification/Notification';
 import type { Context } from '../../types/context';
+import { InitCameraScreen } from '../ui/CameraSelectScreen/CameraSelectScreen';
+import { SelectCamera } from '../ui/MainScreen/select-camera';
 export declare class WeblibUI {
     mountElement: HTMLElement;
     mainScreen: MainScreen;
     loader: Loader;
     selectDocumentType: SelectDocumentType;
+    selectCamera: SelectCamera;
     initScreen: InitScreen;
+    initCameraScreen: InitCameraScreen;
     stepsScreen: StepsScreen;
     idvcVersionContainer: IDVCVersionPlank;
     constructor(mountElement: HTMLElement);
+    private initCamera;
     remountUI(): void;
     createNotification(notificationContainer: HTMLElement, { status, message, }: NotificationState, animationSettings: AnimationSettings): Notification;
     updateResetButton({ steps, }: Context): void;
@@ -36,6 +41,7 @@ export declare class WeblibUI {
     private mainScreenEditButtonClick;
     private mainScreenControlButtonClick;
     private stepsListControlButtonClick;
+    private onChangedCamera;
     private initStepsListScreen;
     switchComponentMode(mode: 'uploader' | 'video'): void;
     private switchCapturingMode;

package/dist/types/modules/App/getCameraDevice.d.ts

@@ -0,0 +1,8 @@
+export declare const getCameraDevices: () => Promise<{
+    deviceId: string;
+    groupId: string;
+    kind: MediaDeviceKind;
+    label: string;
+    toJSON: any;
+}[]>;
+export declare const checkHasCameraDevices: (devices: Array<MediaDeviceInfo>) => boolean;

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

@@ -152,7 +152,7 @@ declare class Config implements IConfig {
     realFaceMode: "all" | "auto" | "none";
     language: any;
     constructor(configObject: IConfig);
-    getFunction(validationFn: ValidationFn): false | import("./validation/ValidateElement").default | import("./validation/ValidateBool").default | import("./validation/ValidateStringInArray").default | ValidateDocumentTypes | import("./validation/ValidateFunction").default | import("./validation/ValidateNumber").default | import("./validation/ValidateString").default | import("./validation/ValidateDictionaryLangMatch").default<Record<string, unknown>>;
+    getFunction(validationFn: ValidationFn): false | import("./validation/ValidateElement").default | import("./validation/ValidateBool").default | import("./validation/ValidateStringInArray").default | ValidateDocumentTypes | import("./validation/ValidateFunction").default | import("./validation/ValidateNumber").default | import("./validation/ValidateString").default | import("./validation/ValidateAllowCameraSelection").default | import("./validation/ValidateDictionaryLangMatch").default<Record<string, unknown>>;
     validate(configObject: IConfig): void;
     normalize(configObject: IConfig): void;
 }

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,7 +68,7 @@ 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);
     get isShowManualSwitchButton(): boolean;

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

@@ -0,0 +1,14 @@
+import { ComponentLit } from '../ComponentLit';
+export type InitScreenState = {
+    devices: Array<MediaDeviceInfo>;
+    isHidden: boolean;
+};
+export type InitScreenEvents = {
+    onDeviceClick?: (res: MediaDeviceInfo) => void;
+};
+export declare class InitCameraScreen extends ComponentLit<InitScreenState> {
+    constructor(mountElement: HTMLElement | string, state: InitScreenState, events?: InitScreenEvents);
+    protected renderTemplate(): void;
+    setHidden: (newValue: boolean) => void;
+    handleDocumentClick: (event: Event) => void;
+}

package/dist/types/modules/ui/CameraSelectScreen/camera-select-screen-template.d.ts

@@ -0,0 +1,4 @@
+import { TemplateResult } from 'lit-html';
+export declare const InitScreenTemplate: (state: any, handlers: {
+    onDeviceClick: (e: Event) => void;
+}) => TemplateResult;

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

@@ -1,6 +1,6 @@
 import { ComponentLit } from '../ComponentLit';
 export type ControlButtonState = {
-    type: 'start' | 'upload' | 'reset' | 'submit' | 'back' | 'edit' | 'continue' | 'capture' | 'retake';
+    type: 'start' | 'upload' | 'reset' | 'submit' | 'back' | 'edit' | 'continue' | 'capture' | 'retake' | 'showCameraSelectionModal';
     disabled: boolean;
     hidden: boolean;
     isMirroringIcon?: boolean;

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

@@ -18,6 +18,7 @@ export type MainScreenUIEvents = {
     onEditButtonClick: (event: ControlButtonClickedCustomEvent) => void;
     onContinueButtonClick: (event: ControlButtonClickedCustomEvent) => void;
     onBackButtonClick: (event: ControlButtonClickedCustomEvent) => void;
+    onShowCameraSelectionModal: (event: ControlButtonClickedCustomEvent) => void;
 };
 export declare class MainScreen {
     mountElement: HTMLElement;
@@ -33,6 +34,7 @@ export declare class MainScreen {
     captureButtonsMountElement: HTMLElement;
     notificationContainer: HTMLElement;
     backButton: ControlButton;
+    showCameraSelectionButton: ControlButton;
     editButton: ControlButton;
     continueButton: ControlButton;
     messageBox: MessageBox;

package/dist/types/modules/ui/MainScreen/select-camera-template.d.ts

@@ -0,0 +1,5 @@
+import { TemplateResult } from 'lit-html';
+export declare const SelectCameraTemplate: (state: any, handlers: {
+    hide: (e: Event) => void;
+    onClickCamera: (cam: MediaDeviceInfo) => void;
+}) => TemplateResult;

package/dist/types/modules/ui/MainScreen/select-camera.d.ts

@@ -0,0 +1,17 @@
+import { ComponentLit, StateBase, Events } from '../ComponentLit';
+export type SelectCameraState = StateBase & {
+    cameras: MediaDeviceInfo[];
+    selectedCamera: MediaDeviceInfo;
+};
+export type SelectCameraEvents = Events & {
+    onCameraChange: () => void;
+};
+export declare class SelectCamera extends ComponentLit<SelectCameraState> {
+    private modal;
+    events: SelectCameraEvents;
+    constructor(mountElement: HTMLElement, state: SelectCameraState, events?: SelectCameraEvents);
+    setCameras(cameras: MediaDeviceInfo[], selectedCamera?: MediaDeviceInfo): void;
+    private handleChange;
+    show(): Promise<void>;
+    protected renderTemplate(): 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/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,11 +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;
     changeType(step: Step): void;
     remountUIComponents(): void;
     private getFakeContourWidth;

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

@@ -0,0 +1 @@
+export declare const selectedCameraEvent: (selectedCamera: MediaDeviceInfo) => CustomEvent<MediaDeviceInfo>;

package/dist/types/modules/validation/ValidateAllowCameraSelection.d.ts

@@ -0,0 +1,5 @@
+import { IValidator } from '../validator';
+declare class ValidateAllowCameraSelection implements IValidator<boolean> {
+    validate(val: unknown, fallback: boolean, configName: string): boolean;
+}
+export default ValidateAllowCameraSelection;

package/dist/types/modules/validation/validatorFactory.d.ts

@@ -7,5 +7,6 @@ import ValidateDocumentTypes from './ValidateDocumentTypes';
 import ValidateFunction from './ValidateFunction';
 import ValidateNumber from './ValidateNumber';
 import ValidateString from './ValidateString';
-declare const validatorFactory: (name: ValidationFn) => false | ValidateElement | ValidateBool | ValidateDistinctStringInArray | ValidateDocumentTypes | ValidateFunction | ValidateNumber | ValidateString | ValidateDictionaryLangMatch<Record<string, unknown>>;
+import ValidateAllowCameraSelection from './ValidateAllowCameraSelection';
+declare const validatorFactory: (name: ValidationFn) => false | ValidateElement | ValidateBool | ValidateDistinctStringInArray | ValidateDocumentTypes | ValidateFunction | ValidateNumber | ValidateString | ValidateAllowCameraSelection | ValidateDictionaryLangMatch<Record<string, unknown>>;
 export default validatorFactory;

package/dist/types/types/context.d.ts

@@ -41,6 +41,7 @@ export type Context = {
     loggerController: LoggerController | null;
     browser?: BrowserInfo;
     browserMajorVersion?: number;
+    selectedCamera?: MediaDeviceInfo;
     steps: Step[];
     currentStepType: StepType;
     currentStepCamera: VideoFacingModeEnum;

package/package.json

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