@idscan/idvc2 2.14.0 → 3.0.0

package/dist/types/defaultConfig.d.ts

@@ -29,7 +29,7 @@ export type DocumentType = {
     mode?: StepMode;
 };
 type ImageURI = 'png' | 'jpeg' | 'webp';
-export type DefaultConfigName = 'el' | 'licenseKey' | 'networkUrl' | 'chunkPublicPath' | 'language' | 'documentTypes' | 'realFaceMode' | 'modalPosition' | 'resizeUploadedImage' | 'showSubmitBtn' | 'isShowDocumentTypeSelect' | 'useCDN' | 'processingImageFormat' | 'allowSubmitWithWarnings' | 'autoContinue' | 'autoStart' | 'playPreviewAnimations' | 'autocaptureDelay' | 'fixFrontOrientAfterUpload' | 'captureTimeout' | 'onCaptureTimeout' | 'onChange' | 'onReset' | 'submit' | 'onRetakeHook' | 'onCameraError' | 'onMounted' | 'onReloaded';
+export type DefaultConfigName = 'el' | 'licenseKey' | 'networkUrl' | 'language' | 'documentTypes' | 'realFaceMode' | 'modalPosition' | 'resizeUploadedImage' | 'showSubmitBtn' | 'isShowDocumentTypeSelect' | 'useCDN' | 'processingImageFormat' | 'allowSubmitWithWarnings' | 'autocaptureConfidence' | 'autoContinue' | 'autoStart' | 'playPreviewAnimations' | 'autocaptureDelay' | 'fixFrontOrientAfterUpload' | 'onChange' | 'onReset' | 'submit' | 'onRetakeHook' | 'onCameraError' | 'onMounted' | 'onReloaded';
 /**
  * IDefaultConfig
  * @param {string} name,

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

@@ -1,9 +1,11 @@
-export type DocumentTypeIndex = 1 | 2 | 3 | 6 | 7 | 9 | 10 | 11;
-export type DocumentTypeName = 'ID' | 'Passport' | 'PassportCard' | 'GreenCard' | 'InternationalId' | 'Barcode' | 'FaceAuthorization' | 'EmploymentAuthorization';
-export type HumanName = 'Driver\'s License or State Identification Card' | 'Passport' | 'US Passport Card' | 'Green Card' | 'International ID' | '1-D and 2-D Barcodes' | 'Face Authorization' | 'Employment Authorization';
+export type DocumentTypeIndex = 1 | 2 | 3 | 4 | 6 | 7 | 9 | 10 | 11;
+export type DIVEDocumentTypeIndex = 1 | 2 | 3 | 6 | 7 | 9 | 10 | 11;
+export type DocumentTypeName = 'DL' | 'IC' | 'Passport' | 'PassportCard' | 'GreenCard' | 'InternationalId' | 'Barcode' | 'FaceAuthorization' | 'EmploymentAuthorization';
+export type HumanName = 'Driver\'s License' | 'Identification Card' | 'Passport' | 'US Passport Card' | 'Green Card' | 'International ID' | '1-D and 2-D Barcodes' | 'Face Authorization' | 'Employment Authorization';
 export type ImageSource = 'video' | 'file';
 export declare enum DocumentTypeIDs {
-    'ID' = 1,
+    'DL' = 1,
+    'IC' = 1,
     'Passport' = 2,
     'PassportCard' = 3,
     'GreenCard' = 6,
@@ -15,6 +17,7 @@ export declare enum DocumentTypeIDs {
 export interface DocumentRecord {
     name: DocumentTypeName;
     id: DocumentTypeIndex;
+    diveDocumentID: DIVEDocumentTypeIndex;
     nName: string;
     humanName: HumanName;
 }
@@ -23,7 +26,7 @@ interface DocumentType {
     length: number;
     ids(): DocumentTypeIndex[];
     names(): DocumentTypeName[];
-    nameById(id: DocumentTypeIndex): DocumentTypeName | '';
+    nameById(id: DocumentTypeIndex | 0): DocumentTypeName | '';
     humanNameById(id: DocumentTypeIndex | 0): HumanName | '';
     humanNames(): HumanName[];
     humanNameByName(name: DocumentTypeName): HumanName | '';

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

@@ -1,6 +1,6 @@
 import { CameraNotSupportedReason } from '../types/modules/camera.enum';
-type LabelGroup = 'errorCodes' | 'hintTexts' | 'keyErrors' | 'camera' | 'general' | 'uploaderDescription' | 'documentsTypes' | 'loaderText';
-type AllTypes = IErrorCodes | IHintTexts | KeyError | ICameraLabels | IGeneral | IDocumentsTypes | IUploaderDescription | ISpinnerText;
+type LabelGroup = 'errorCodes' | 'hintTexts' | 'keyErrors' | 'general' | 'uploaderDescription' | 'documentsTypes' | 'loaderText';
+type AllTypes = IErrorCodes | IHintTexts | KeyError | IGeneral | IDocumentsTypes | IUploaderDescription | ISpinnerText;
 type Label = Record<LabelGroup, AllTypes>;
 type KeyError = string[];
 type GetTranslation = {
@@ -8,7 +8,6 @@ type GetTranslation = {
     (groupName: 'errorCodes'): IErrorCodes;
     (groupName: 'hintTexts'): IHintTexts;
     (groupName: 'keyErrors'): KeyError;
-    (groupName: 'camera'): ICameraLabels;
     (groupName: 'general'): IGeneral;
     (groupName: 'loaderText'): ISpinnerText;
     (groupName: LabelGroup): AllTypes;
@@ -53,10 +52,6 @@ interface IHintTexts {
     captureCorners: string;
     frontSideNotMatch: string;
 }
-interface ICameraLabels {
-    loading: string;
-    awaiting: string;
-}
 interface IGeneral {
     step: string;
     scan: string;
@@ -76,6 +71,7 @@ interface IGeneral {
     notificationSubmit: string;
     notificationCaptureHook: string;
     notificationCaptureSide: string;
+    notificationCaptureWithWarnings: string;
     idvcVersionPlank: string;
     submitProcessSpinner: {
         top: string;
@@ -102,6 +98,7 @@ interface IGeneral {
         default: string;
         changeDocumentTypeText: string;
         documentTypeText: string;
+        disableProcessing: string;
     };
     controlButtons: {
         upload: string;
@@ -136,7 +133,8 @@ interface IGeneral {
     pressToUpdateTextSuccess: string;
 }
 interface IDocumentsTypes {
-    ID: string;
+    DL: string;
+    IC: string;
     Passport: string;
     PassportCard: string;
     GreenCard: string;
@@ -160,8 +158,14 @@ interface ISpinnerText {
         top: string;
         bottom: string;
     };
+    awaiting: string;
+    loadingStep: string;
+    changeMode: string;
+    resetting: string;
+    uploading: string;
+    preparingToWork: string;
+    loadingDocument: string;
 }
-export type CameraLabels = keyof ICameraLabels;
 export declare const supportedLanguages: readonly ["en", "es"];
 export declare const setTranslation: (translationLang?: SupportedLanguage) => void;
 export declare const getTranslation: GetTranslation;

package/dist/types/eventListeners/eventListeners.d.ts

@@ -1,5 +1,5 @@
 import { IConfig } from '../modules/Config';
-export declare const startProcessing: () => Promise<void>;
+export declare const startProcessing: (label?: string) => Promise<void>;
 type BLTemp2 = {
     postInit: () => Promise<void>;
     mount: (() => Promise<void>);

package/dist/types/eventListeners/selectDocumentType/selectHandler.d.ts

@@ -1,3 +1,3 @@
-import { DocumentSelectEvent } from '../../modules/ui/selectDocumentType/documentSelectedEvent';
-declare const _default: ({ docType, id }: DocumentSelectEvent) => Promise<void>;
+import { DocumentSelectEvent } from '../../modules/ui/documentSelectedEvent';
+declare const _default: ({ docType, id }: DocumentSelectEvent, isNeedToClearLoaderState?: boolean) => Promise<void>;
 export default _default;

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

@@ -0,0 +1 @@
+export declare const checkEligibilityForValidation: () => void;

package/dist/types/initialize.d.ts

@@ -6,6 +6,9 @@ declare const _default: {
     isCameraRequired: () => any;
     isUploaderRequired: () => any;
     isCameraNeeded: () => any;
+    isUploaderRequiredForCurrentDocument: () => any;
+    isCameraRequiredForCurrentDocument: () => any;
+    isCameraNeededForCurrentDocument: () => any;
     detectAndSetBrowser: () => void;
     detectAndSetRealFaceMode: () => void;
 };

package/dist/types/loader/asyncLoader.d.ts

@@ -1 +1 @@
-export declare const asyncLoader: () => Promise<void>;
+export declare const asyncLoader: (isNeedToClearLoaderState?: boolean) => Promise<void>;

package/dist/types/loop.d.ts

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

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

@@ -2,7 +2,7 @@ import { MainScreen } from '../ui/MainScreen/MainScreen';
 import { Size } from '../../helpers/image';
 import { Loader } from '../Loader/Loader';
 import SelectDocumentType from '../ui/SelectDocumentType';
-import { InitScreen } from '../ui/DocumentsList/InitScreen';
+import { InitScreen } from '../ui/InitScreeen/InitScreen';
 import { StepsScreen } from '../ui/StepsList/StepsScreen';
 import { IDVCVersionPlank } from '../ui/IDVCVersionPlank/IDVCVersionPlank';
 import { AnimationSettings, Notification, NotificationState } from '../ui/Notification/Notification';
@@ -19,7 +19,7 @@ export declare class WeblibUI {
     remountUI(): void;
     createNotification(notificationContainer: HTMLElement, { status, message, }: NotificationState, animationSettings: AnimationSettings): Notification;
     updateResetButton({ steps, }: Context): void;
-    updateControlButtons({ steps, config, }: Context): void;
+    updateControlButtons({ steps, config, licenseKeyError, isProcessingDisabledForCurrentDocumentType, }: Context): void;
     initGeneralText(context: Context): void;
     updateMessageBox({ type, licenseKeyError }: Context): void;
     resizeBorders(): void;

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

@@ -5,7 +5,7 @@ import { StepType } from '../environment/stepsDescription';
 import { DocumentTypeName } from '../environment/documentTypes';
 import { IDocumentTypeConfig } from './validator';
 import { IStepCallback } from './Step';
-import { CaptureTimeoutData, IDataForSubmit } from '../util';
+import { IDataForSubmit } from '../util';
 /**
  * @param {string} el,
  * @param {string} licenseKey,
@@ -72,10 +72,6 @@ export interface IConfig {
     networkUrl?: string;
     /** the web library supports two languages, english and spanish. English uses en and Spanish uses es */
     language?: SupportedLanguage;
-    /**
-     * Path to the folder with chunks. Specify the path on the server if you need to remove the folder to another location.
-     */
-    chunkPublicPath?: string;
     /**
      * if this setting is set to false the document type dialog will not be displayed to the end user
      */
@@ -92,6 +88,10 @@ export interface IConfig {
      * This option allows the user to perform a 'submit' even if there are warnings
      */
     allowSubmitWithWarnings?: boolean;
+    /**
+     * The option specifies the strictness of the type recognition decision filter. The value must be a floating point number between 0 and 1. Where 1 is the strictest filter, 0 is the least strict.
+     */
+    autocaptureConfidence?: number;
     /**
      * This option allows you not to display the step selection screen when selecting a document.
      */
@@ -100,16 +100,6 @@ export interface IConfig {
      * This option allows you to turn off step preview animations.
      */
     playPreviewAnimations?: boolean;
-    /**
-     * This option allows you to set a timer in seconds, how long after the start of video capture the hook 'onCaptureTimeout' will be triggered.
-     */
-    captureTimeout?: number;
-    /**
-     *  function will be called after the user failed to capture the document from the camera
-     *  in the time specified by the 'captureTimeout' option
-     *  @param data - Step objects of current pipeline
-     */
-    onCaptureTimeout?: (data: CaptureTimeoutData) => void;
     /** function which will be called after each step completes */
     onChange?: (data: {
         step: IStepCallback;

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

@@ -1,4 +1,4 @@
-import { LoaderState } from '../ui/Spinner/LoaderUI';
+import { LoaderState } from '../ui/Loader/LoaderUI';
 interface ILoader {
     addState: () => void;
     showLoader: () => void;

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

@@ -5,7 +5,7 @@ export declare const cameraErrorHandling: (err: Error | CameraError) => Promise<
 declare const _default: {
     initUploader: () => Promise<void>;
     stopTrack: () => void;
-    init: () => Promise<void>;
+    init: (label?: string) => Promise<void>;
     start: (mode: VideoFacingModeEnum) => Promise<void>;
     setCapture: (val: boolean) => void;
     checkFlashAvailable: (mode?: VideoFacingModeEnum) => void;

package/dist/types/modules/ui/CardStep/Card.d.ts

@@ -1,4 +1,4 @@
-import { Component } from '../Component';
+import { ComponentLit } from '../ComponentLit';
 import { StepTypeImageName } from '../../../environment/stepsDescription';
 export declare const STEPS_ICON_DICTIONARY: Record<StepTypeImageName, string>;
 export type CardState = {
@@ -20,14 +20,12 @@ export type CardEvents = {
     onEdit?: (e: Event) => void;
     onCardClick?: (event: CustomEvent) => void;
 };
-export declare class Card extends Component<CardState> {
+export declare class Card extends ComponentLit<CardState> {
     constructor(mountElement: any, state: CardState, events?: CardEvents);
     backToInitialState(): void;
     changeState(state: Partial<CardState>): void;
     protected updateView(property?: keyof CardState): void;
-    protected addEventListeners(): void;
+    protected renderTemplate(): void;
     private setImage;
     private setSvgIcon;
-    private addEditListener;
-    private addCardClickListener;
 }

package/dist/types/modules/ui/CardStep/card-template.d.ts

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

package/dist/types/modules/ui/{Component.d.ts → ComponentLit.d.ts}

@@ -1,20 +1,20 @@
+import { TemplateResult } from 'lit-html';
 import { getTranslation } from '../../environment/langs';
-type Events = {
+export type Events = {
     [key: string]: (data?: any) => void;
 };
-type HTMLElementID = string;
-export type StateBase = Record<string, any> & {
+export type HTMLElementID = string;
+export type StateBase = (Record<string, any> & {
     translation?: ReturnType<typeof getTranslation>;
-} | Record<string, never>;
-export declare abstract class Component<T extends StateBase> {
+}) | Record<string, never>;
+export declare abstract class ComponentLit<T extends StateBase> {
     protected mountElement: HTMLElement | HTMLElementID;
-    protected html: string;
     events?: Events;
     state: T;
     protected initialState: T;
-    protected renderedHTML: string;
     protected componentWrapper: HTMLElement;
-    protected constructor(mountElement: HTMLElement | HTMLElementID, state: T, html: string, events?: Events);
+    protected templateFn: (state: T) => TemplateResult;
+    protected constructor(mountElement: HTMLElement | HTMLElementID, state: T, templateFn: (state: any, handlers?: any) => TemplateResult, events?: Events);
     addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLDivElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
     backToInitialState(): void;
     unmount(): void;
@@ -24,9 +24,7 @@ export declare abstract class Component<T extends StateBase> {
     protected changeState(state: Record<string, any>): void;
     protected updateView(property?: any): void;
     protected replaceHTMLContent(className: string, newContent: string): void;
-    protected abstract addEventListeners(): void;
     private wrapStateToProxy;
-    private renderTemplate;
+    protected renderTemplate(): void;
     private mount;
 }
-export {};

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

@@ -1,5 +1,5 @@
-import { Component } from '../Component';
-type ControlButtonState = {
+import { ComponentLit } from '../ComponentLit';
+export type ControlButtonState = {
     type: 'start' | 'upload' | 'reset' | 'submit' | 'back' | 'edit' | 'continue' | 'capture' | 'retake';
     disabled: boolean;
     hidden: boolean;
@@ -7,16 +7,14 @@ type ControlButtonState = {
     contentPosition?: 'left' | 'center' | 'right';
     isActive?: boolean;
 };
-type ControlButtonEvents = {
+export type ControlButtonEvents = {
     onClick: (event: Event) => void;
 };
-type ControlButtonClickedEventDetail = {
+export type ControlButtonClickedEventDetail = {
     type: ControlButtonState['type'];
 };
 export type ControlButtonClickedCustomEvent = CustomEvent<ControlButtonClickedEventDetail>;
-export declare class ControlButton extends Component<ControlButtonState> {
-    constructor(mountElement: any, state: ControlButtonState, events: ControlButtonEvents);
-    protected addEventListeners(): void;
-    private addClickListener;
+export declare class ControlButton extends ComponentLit<ControlButtonState> {
+    constructor(mountElement: HTMLElement | string, state: ControlButtonState, events: ControlButtonEvents);
+    protected renderTemplate(): void;
 }
-export {};

package/dist/types/modules/ui/ControlButton/control-button-template.d.ts

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

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

@@ -0,0 +1 @@
+export declare const template: (state: any) => import("lit-html").TemplateResult<1>;

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

@@ -1,6 +1,6 @@
-import { Component } from '../Component';
+import { ComponentLit } from '../ComponentLit';
 import { StepType } from '../../../environment/stepsDescription';
-type DesktopNotificationState = {
+export type DesktopNotificationState = {
     enabled: boolean;
     textType: 'barcode' | 'other' | 'mrz';
 };
@@ -9,9 +9,7 @@ export type DesktopNotificationVisibility = {
     currentStepType: StepType;
     isMobile: boolean;
 };
-export declare class DesktopNotification extends Component<DesktopNotificationState> {
-    constructor(mountElement: any, state: DesktopNotificationState);
+export declare class DesktopNotification extends ComponentLit<DesktopNotificationState> {
+    constructor(mountElement: HTMLElement | string, state: DesktopNotificationState);
     setDesktopNotificationVisibility({ isEnabledDesktopNotification, currentStepType, isMobile, }: DesktopNotificationVisibility): void;
-    protected addEventListeners(): void;
 }
-export {};

package/dist/types/modules/ui/DesktopNotification/desktop-notification-template.d.ts

@@ -0,0 +1,2 @@
+import { TemplateResult } from 'lit-html';
+export declare const DesktopNotificationTemplate: (state: any) => TemplateResult;

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

@@ -1,10 +1,8 @@
-import { Component } from '../Component';
-type IDVCVersionPlankState = {
+import { ComponentLit } from '../ComponentLit';
+export type IDVCVersionPlankState = {
     version: string;
     isDisabled?: boolean;
 };
-export declare class IDVCVersionPlank extends Component<IDVCVersionPlankState> {
-    constructor(mountElement: any, state: IDVCVersionPlankState);
-    protected addEventListeners(): void;
+export declare class IDVCVersionPlank extends ComponentLit<IDVCVersionPlankState> {
+    constructor(mountElement: HTMLElement | string, state: IDVCVersionPlankState);
 }
-export {};

package/dist/types/modules/ui/IDVCVersionPlank/idvc-version-plank-template.d.ts

@@ -0,0 +1,2 @@
+import { TemplateResult } from 'lit-html';
+export declare const IDVCVersionPlankTemplate: (state: any) => TemplateResult;

package/dist/types/modules/ui/InitScreeen/InitScreen.d.ts

@@ -0,0 +1,20 @@
+import { ComponentLit } from '../ComponentLit';
+import { DocumentSelectEvent } from '../documentSelectedEvent';
+import { DocumentTypeIndex, DocumentTypeName, HumanName } from '../../../environment/documentTypes';
+export type DocumentState = {
+    name: DocumentTypeName;
+    humanName: HumanName;
+    id: 0 | DocumentTypeIndex;
+};
+export type InitScreenState = {
+    documents: DocumentState[];
+    isHidden: boolean;
+};
+export type InitScreenEvents = {
+    onDocumentClick?: (res: DocumentSelectEvent) => void;
+};
+export declare class InitScreen extends ComponentLit<InitScreenState> {
+    constructor(mountElement: HTMLElement | string, state: InitScreenState, events?: InitScreenEvents);
+    protected renderTemplate(): void;
+    private handleDocumentClick;
+}

package/dist/types/modules/ui/InitScreeen/init-screen-template.d.ts

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

package/dist/types/modules/ui/Loader/LoaderUI.d.ts

@@ -0,0 +1,10 @@
+import { ComponentLit } from '../ComponentLit';
+export type LoaderState = {
+    loading: boolean;
+    spinnerVisibility: boolean;
+    bottomText?: string;
+    topText?: string;
+};
+export declare class LoaderUI extends ComponentLit<LoaderState> {
+    constructor(mountElement: HTMLElement | string, state: LoaderState, events?: any);
+}

package/dist/types/modules/ui/Loader/loader-template.d.ts

@@ -0,0 +1,2 @@
+import { TemplateResult } from 'lit-html';
+export declare const LoaderTemplate: (state: any) => TemplateResult;

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

@@ -7,8 +7,8 @@ import { StepType } from '../../../environment/stepsDescription';
 import { ControlButton, ControlButtonClickedCustomEvent } from '../ControlButton/ControlButton';
 import { CallbackHandler, MessageBox } from '../MessageBox/MessageBox';
 import { DesktopNotification, DesktopNotificationVisibility } from '../DesktopNotification/DesktopNotification';
-import { LoaderUI } from '../Spinner/LoaderUI';
-import { Component, StateBase } from '../Component';
+import { LoaderUI } from '../Loader/LoaderUI';
+import { ComponentLit, StateBase } from '../ComponentLit';
 import type { Context } from '../../../types/context';
 import { DocumentTypeIndex, DocumentTypeName } from '../../../environment/documentTypes';
 import { Slider } from '../../Slider';
@@ -37,7 +37,7 @@ export declare class MainScreen {
     continueButton: ControlButton;
     messageBox: MessageBox;
     cardStepsSlider: Slider;
-    UIComponents: Component<StateBase>[];
+    UIComponents: ComponentLit<StateBase>[];
     constructor(mountElement: HTMLElement, events: MainScreenUIEvents, context: Context);
     setCaptureButtonsVisibility(isVisible: boolean): void;
     updateCaptureButtonsState(state: 'success' | 'edit', showContinueButton: boolean, showRetakeButton: boolean): void;

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

@@ -1,30 +1,23 @@
-import { Component } from '../Component';
-type MessageBoxType = 'error' | 'primary' | 'pointer' | 'disabled' | null;
+import { ComponentLit } from '../ComponentLit';
+export type MessageBoxType = 'error' | 'primary' | 'pointer' | 'disabled' | 'warning' | null;
 export type CallbackHandler = (event: Event) => void;
-type MessageBoxState = {
+export type MessageBoxState = {
     isHidden: boolean;
     isCaretHidden: boolean;
     type: MessageBoxType;
     typesCount: number;
     text?: string;
 };
-export declare class MessageBox extends Component<MessageBoxState> {
+export declare class MessageBox extends ComponentLit<MessageBoxState> {
     private clickHandler;
-    constructor(mountElement: any, state: MessageBoxState, events?: any);
+    constructor(mountElement: HTMLElement | string, state: MessageBoxState, events?: any);
     get type(): MessageBoxType;
-    /**
-     * sets the message in message-box
-     * @param {string} text - text to set in message-box
-     * @param {'error', 'primary'} type - type of message. Default: primary
-     */
     message(text?: string, type?: MessageBoxType): void;
     addChangeDocumentTypeListener(handler: CallbackHandler): void;
     updateTypesCount(typesCount: number): void;
-    protected updateView(property?: any): void;
-    protected addEventListeners(): void;
+    protected updateView(property?: keyof MessageBoxState): void;
     private updateByType;
     private updateByTypesCount;
     private applyAllChangeDocumentTypeListener;
     private removeAllChangeDocumentTypeListener;
 }
-export {};

package/dist/types/modules/ui/MessageBox/message-box-template.d.ts

@@ -0,0 +1,2 @@
+import { TemplateResult } from 'lit-html';
+export declare const MessageBoxTemplate: (state: any) => TemplateResult;

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

@@ -1,20 +1,19 @@
-import { Component } from '../Component';
+import { ComponentLit } from '../ComponentLit';
 import type { IStepModeKeys } from '../../../defaultConfig';
-type ModeSwitchState = {
+export type ModeSwitchState = {
     mode: IStepModeKeys;
     isAvailable: boolean;
     isEnabled: boolean;
 };
-type ModeSwitchEvents = {
+export type ModeSwitchEvents = {
     onSwitch: (event: Event) => void;
 };
-export declare class ModeSwitch extends Component<ModeSwitchState> {
-    constructor(mountElement: any, state: ModeSwitchState, events: ModeSwitchEvents);
+export declare class ModeSwitch extends ComponentLit<ModeSwitchState> {
+    constructor(mountElement: HTMLElement | string, state: ModeSwitchState, events: ModeSwitchEvents);
     setAvailable(value: boolean): void;
     setEnabled(value: boolean): void;
     setMode(mode: IStepModeKeys): void;
     changeState(state: Partial<ModeSwitchState>): void;
-    protected addEventListeners(): void;
-    private addSwitchListener;
+    protected renderTemplate(): void;
+    private handleSwitch;
 }
-export {};

package/dist/types/modules/ui/ModeSwitch/mode-switch-template.d.ts

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

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

@@ -1,9 +1,9 @@
-import { Component } from '../Component';
+import { ComponentLit } from '../ComponentLit';
 export type NotificationState = {
     status: 'success' | 'warning' | 'info' | 'error';
     message: string;
 };
-type AnimationName = 'left' | 'right' | 'top' | 'bottom';
+export type AnimationName = 'left' | 'right' | 'top' | 'bottom';
 export type AnimationSettings = {
     showDuration: number;
     holdDuration: number;
@@ -12,9 +12,9 @@ export type AnimationSettings = {
     hideDirection: AnimationName;
     isNeedToStay?: boolean;
 };
-export declare class Notification extends Component<NotificationState> {
-    private animationSettings?;
-    constructor(mountElement: any, state: NotificationState, animationSettings?: AnimationSettings);
+export declare class Notification extends ComponentLit<NotificationState> {
+    private readonly animationSettings?;
+    constructor(mountElement: HTMLElement | string, state: NotificationState, animationSettings?: AnimationSettings, events?: any);
     showAnimation(): Promise<void>;
     unmount(): void;
     changeState(state: NotificationState): void;
@@ -23,4 +23,3 @@ export declare class Notification extends Component<NotificationState> {
     private acceptAnimationSettings;
     private addCloseListener;
 }
-export {};

package/dist/types/modules/ui/Notification/notification-template.d.ts

@@ -0,0 +1,2 @@
+import { TemplateResult } from 'lit-html';
+export declare const NotificationTemplate: (state: any) => TemplateResult;

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

@@ -1,9 +1,8 @@
-import { Component } from '../Component';
-type StatusPlankState = {
+import { ComponentLit } from '../ComponentLit';
+export type StatusPlankState = {
     status: 'ready' | 'warning' | 'success' | 'disabled';
+    errorCode?: string;
 };
-export declare class StatusPlank extends Component<StatusPlankState> {
-    constructor(mountElement: any, state: StatusPlankState);
-    protected addEventListeners(): void;
+export declare class StatusPlank extends ComponentLit<StatusPlankState> {
+    constructor(mountElement: HTMLElement | string, state: StatusPlankState);
 }
-export {};

package/dist/types/modules/ui/StatusPlank/status-plank-template.d.ts

@@ -0,0 +1,2 @@
+import { TemplateResult } from 'lit-html';
+export declare const StatusPlankTemplate: (state: any) => TemplateResult;

package/dist/types/modules/ui/StepsList/StepsScreen.d.ts

@@ -1,7 +1,7 @@
-import { Component, StateBase } from '../Component';
+import { ComponentLit, StateBase } from '../ComponentLit';
 import { DocumentTypeName } from '../../../environment/documentTypes';
 import Step from '../../Step';
-import { CallbackHandler, MessageBox } from '../MessageBox/MessageBox';
+import { CallbackHandler, MessageBox, MessageBoxType } from '../MessageBox/MessageBox';
 import { ControlButton, ControlButtonClickedCustomEvent } from '../ControlButton/ControlButton';
 import { CardStep } from '../CardStep/CardStep';
 import { CardState } from '../CardStep/Card';
@@ -15,7 +15,7 @@ export type StepsScreenEvents = {
 export declare class StepsScreen {
     mountElement: HTMLElement;
     events: any;
-    UIComponents: Component<StateBase>[];
+    UIComponents: ComponentLit<StateBase>[];
     messageBox: MessageBox;
     resetButton: ControlButton;
     startButton: ControlButton;
@@ -25,10 +25,12 @@ export declare class StepsScreen {
     steps: CardStep[];
     constructor(mountElement: HTMLElement, events: any, context: Context);
     disableScreen(): void;
+    disableCurrentDocumentProcessing(): void;
     setVisibility(isVisible: boolean): void;
     resetState(): void;
     addChangeDocumentTypeListener(handler: CallbackHandler): void;
     updateKeyError(licenseKeyError: string): void;
+    updateMessageBoxState(message: string, type: MessageBoxType): void;
     updateStepImg({ steps, currentStep, currentStepImg, }: {
         steps: Step[];
         currentStep: number;