scanbot-web-sdk 5.0.1-beta.2 → 6.0.0-dev.1

package/@types/barcode-scanner-view.d.ts

@@ -1,19 +1,19 @@
-/// <reference types="react" />
+import React from "react";
 import { ScanbotCameraProps, ScanbotCameraState, ScannerView } from "./scanner-view";
-import { BarcodeScannerConfiguration } from "./model/configuration/barcode-scanner-configuration";
-import { BarcodeResult } from "./model/barcode/barcode-result";
-import { ViewFinder } from "./view/view-finder";
-import { Size } from "./utils/dto/Size";
+import { IBarcodeScannerHandle } from "./interfaces/i-barcode-scanner-handle";
+import ViewFinder, { ViewFinderPadding } from "./view/view-finder";
 import { ShutterButtonAction } from "./view/shutter-button";
 import BarcodeCalculationPopup from "./view/barcode-calculation/barcode-calculation-popup";
 import AnimatedBarcodeSelectionOverlay from "./view/barcode-polygon/animated-barcode-selection-overlay";
 import BottomActionBar from "./view/action-bar/bottom-action-bar";
 import ScannedImageWithOverlay from "./view/barcode-calculation/scanned-image-with-overlay";
+import { BarcodeScannerConfiguration } from "./model/configuration/barcode-scanner-configuration";
+import { BarcodeResult } from "./model/barcode/barcode-result";
 import { ImageDataWrapper } from "./model/image-data-wrapper";
 import { Barcode } from "./model/barcode/barcode";
-import { IBarcodeScannerHandle } from "./interfaces/i-barcode-scanner-handle";
+import { Size } from "./utils/dto/Size";
 export declare class BarcodeScannerProps extends ScanbotCameraProps {
-    showFinder?: boolean;
+    viewFinderPadding?: ViewFinderPadding;
 }
 export declare class BarcodeScannerState extends ScanbotCameraState {
     isFinderVisible?: boolean;
@@ -27,7 +27,6 @@ export default class BarcodeScannerView extends ScannerView<BarcodeScannerProps,
     shouldComputeSize: boolean;
     private _configuration;
     private paused;
-    finderRect: DOMRect | undefined;
     recognition: {
         imageData: ImageDataWrapper;
         originalImage: any;
@@ -38,6 +37,7 @@ export default class BarcodeScannerView extends ScannerView<BarcodeScannerProps,
     scannedImage: ScannedImageWithOverlay | undefined;
     bottomActionBar: BottomActionBar | undefined;
     readonly barcodes: Barcode[];
+    private detectionRunning;
     constructor(props: BarcodeScannerProps);
     get configuration(): BarcodeScannerConfiguration;
     get enabled(): boolean;
@@ -48,6 +48,7 @@ export default class BarcodeScannerView extends ScannerView<BarcodeScannerProps,
     isDetectionPaused(): boolean;
     resumeDetection(): Promise<void>;
     pauseDetection(): void;
+    private readonly updateDimensionsCallback;
     /**
      * React Overrides
      */
@@ -56,7 +57,6 @@ export default class BarcodeScannerView extends ScannerView<BarcodeScannerProps,
     updateDimensions(): Promise<void>;
     resume(): Promise<void>;
     pause(): void;
-    computeSize(): boolean;
     detect(): Promise<void>;
     backendurl: string | undefined;
     setUseBackendService(url: string | undefined): void;
@@ -67,9 +67,10 @@ export default class BarcodeScannerView extends ScannerView<BarcodeScannerProps,
     saveExtractedImageData(): void;
     setFinderVisible(isVisible: boolean): void;
     setZoom(zoom: number): void;
+    setCameraDirection(direction: "environment" | "user"): void;
     updateTorch(enabled: boolean): void;
     getCapabilities(): MediaTrackCapabilities | undefined;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
     resetCountImage(): void;
     countLabelText(barcodes: Barcode[]): string;
 }

package/@types/core/utils.d.ts

@@ -0,0 +1 @@
+export function areThreadsAvailable(): boolean;

package/@types/core/worker-bridge.d.ts

@@ -2,6 +2,7 @@
 export class WorkerBridgeInitOptions {
     allowSimd?: boolean;
     allowThreads?: boolean;
+    requestSuffix?: string;
 }
 
 export class WorkerBridge {

package/@types/cropping-view.d.ts

@@ -57,7 +57,7 @@ export default class CroppingView extends React.Component<CroppingViewProps, Cro
     onResize(): void;
     initializeSizes(relativeCoordPolygon?: Polygon, horizontalLines?: MagneticLine[], verticalLines?: MagneticLine[]): void;
     magnifier?: MagnifierView;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
     showMagnifier(data: any): void;
     updateMagnifier(data: any): void;
     magnifierOptions(data: any): MagnifierOptions;

package/@types/document-scanner-view.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import { DocumentScannerConfiguration } from "./model/configuration/document-scanner-configuration";
 import { DocumentDetectionResult } from "./model/document/document-detection-result";
 import { ScanbotCameraProps, ScanbotCameraState, ScannerView } from "./scanner-view";
@@ -11,7 +11,6 @@ export declare class DocumentScannerState extends ScanbotCameraState {
     action: ShutterButtonAction;
 }
 export declare class DocumentScannerProps extends ScanbotCameraProps {
-    configuration: DocumentScannerConfiguration;
 }
 export default class DocumentScannerView extends ScannerView<DocumentScannerProps, DocumentScannerState> implements IDocumentScannerHandle {
     static DETECT_AND_CROP_RESOLUTION: number;
@@ -46,7 +45,7 @@ export default class DocumentScannerView extends ScannerView<DocumentScannerProp
     preventAutoCapture?: boolean;
     handleAutoCapture(statusOk: boolean, polygon?: Polygon): Promise<void>;
     updateButton(action: ShutterButtonAction): void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
     defaultCaptureButtonClick: () => Promise<void>;
     private scalePolygonPointsToPixels;
     private runMovementPredicate;

package/@types/index.d.ts

@@ -4,6 +4,8 @@ export { DocumentDetectionResult } from "./model/document/document-detection-res
 export { ContourDetectionResult } from "./model/document/contour-detection-result";
 export * as DetectionStatus from "./model/document/detection-status";
 
+export { ViewFinderScannerConfiguration } from "./model/configuration/view-finder-scanner-configuration";
+
 export { ICroppingViewHandle } from "./interfaces/i-cropping-view-handle";
 export { CroppingViewConfiguration, CroppingViewStyle, CroppingViewMagneticLineStyle, CroppingViewMagnifierStyle, CroppingViewPolygonStyle, CroppingViewMagnifierBorderStyle, CroppingViewMagnifierCrosshairStyle, CroppingViewPolygonHandleStyle } from "./model/configuration/cropping-view-configuration";
 export { CroppingResult } from "./model/response/cropping-result";
@@ -42,9 +44,6 @@ export { Size } from "./utils/dto/Size";
 export { VideoSize } from "./utils/dto/VideoSize";
 
 export { SelectionOverlayConfiguration, IBarcodePolygonHandle, IBarcodePolygonLabelHandle, BarcodePolygonStyle, SelectionOverlayTextFormat, SelectionOverlayStyleConfiguration, BarcodePolygonLabelStyle } from "./model/configuration/selection-overlay-configuration";
-export { ViewFinderConfiguration } from "./model/configuration/view-finder-configuration";
-export { TextStyleConfiguration } from "./model/configuration/text-style-configuration";
-export { WindowStyleConfiguration } from "./model/configuration/window-style-configuration";
 
 export { default as PdfGenerator, PdfGenerationOptions, PageDirection, PageSize, PageFit } from "./service/pdf-generator";
 export { default as TiffGenerator, TiffGenerationOptions } from "./service/tiff-generator";
@@ -56,3 +55,6 @@ export { Barcode } from "./model/barcode/barcode";
 export { InitializationOptions } from "./model/configuration/initialization-options";
 export { LicenseInfo } from "./model/response/license-info";
 export { CameraInfo, CameraFacingMode } from "./model/camera-info";
+
+export { default as ScanbotSDKUI2 } from "./ui2/scanbot-sdk-ui";
+export * as UIConfig from "./ui2/configuration";

package/@types/model/barcode/barcode-format.d.ts

@@ -1 +1 @@
-export declare type BarcodeFormat = "ONE_D" | "AZTEC" | "CODABAR" | "CODE_39" | "CODE_93" | "CODE_128" | "DATA_MATRIX" | "EAN_8" | "EAN_13" | "ITF" | "MAXICODE" | "PDF_417" | "QR_CODE" | "UPC_A" | "UPC_E" | "UPC_EAN_EXTENSION" | "MSI_PLESSEY" | "IATA_2_OF_5" | "INDUSTRIAL_2_OF_5" | "CODE_25" | "MICRO_QR_CODE" | "USPS_INTELLIGENT_MAIL" | "ROYAL_MAIL" | "JAPAN_POST" | "ROYAL_TNT_POST" | "AUSTRALIA_POST" | "DATABAR" | "DATABAR_EXPANDED" | "DATABAR_LIMITED" | "GS1_COMPOSITE";
+export type BarcodeFormat = "ONE_D" | "AZTEC" | "CODABAR" | "CODE_39" | "CODE_93" | "CODE_128" | "DATA_MATRIX" | "EAN_8" | "EAN_13" | "ITF" | "MAXICODE" | "PDF_417" | "QR_CODE" | "UPC_A" | "UPC_E" | "UPC_EAN_EXTENSION" | "MSI_PLESSEY" | "IATA_2_OF_5" | "INDUSTRIAL_2_OF_5" | "CODE_25" | "MICRO_QR_CODE" | "USPS_INTELLIGENT_MAIL" | "ROYAL_MAIL" | "JAPAN_POST" | "ROYAL_TNT_POST" | "AUSTRALIA_POST" | "DATABAR" | "DATABAR_EXPANDED" | "DATABAR_LIMITED" | "GS1_COMPOSITE";

package/@types/model/barcode/engine-mode.d.ts

@@ -1 +1 @@
-export declare type EngineMode = "NEXT_GEN" | "LEGACY";
+export type EngineMode = "NEXT_GEN" | "LEGACY";

package/@types/model/camera-info.d.ts

@@ -1,4 +1,4 @@
-export declare type CameraFacingMode = 'front' | 'back' | 'unknown';
+export type CameraFacingMode = 'front' | 'back' | 'unknown';
 export interface CameraInfo {
     deviceId: string;
     label: string;

package/@types/model/configuration/barcode-scanner-configuration.d.ts

@@ -1,22 +1,19 @@
-import { ScannerConfiguration } from "./scanner-configuration";
 import { BarcodeResult } from "../barcode/barcode-result";
 import { EngineMode } from "../barcode/engine-mode";
 import { BarcodeFormat } from "../barcode/barcode-format";
-import { ViewFinderConfiguration } from "./view-finder-configuration";
 import { SelectionOverlayConfiguration } from "./selection-overlay-configuration";
 import { BarcodeCountConfiguration } from "./barcode-count-configuration";
-export declare class BarcodeScannerConfiguration extends ScannerConfiguration {
+import { ViewFinderScannerConfiguration } from "./view-finder-scanner-configuration";
+export declare class BarcodeScannerConfiguration extends ViewFinderScannerConfiguration {
     constructor();
     /**
      * Capture delay in milliseconds after detecting barcodes. Defaults to 1000
      */
     captureDelay?: number;
-    style?: ViewFinderConfiguration;
     overlay?: SelectionOverlayConfiguration;
     engineMode?: EngineMode;
     barcodeFormats?: BarcodeFormat[];
     returnBarcodeImage?: boolean;
-    showFinder?: boolean;
     /**
      * Special property to enable barcode count mode.
      * This is a type of a ready-to-use user interface scanning and counting found barcodes.

package/@types/model/configuration/base-configuration.d.ts

@@ -17,10 +17,9 @@ export declare class BaseConfiguration {
     static mapValuesDeep(source: any, destination: {
         [key: string]: any;
     }): void;
-    /** Instantiate a new configuration object of type T and merge any of its values with the values provided
-     *  in the partialConfigurationObject.
+    /**
+     * Populate a base configuration object
+     * and merge any of its values with the values provided in the partialConfigurationObject.
      */
-    protected static _fromJson<T extends BaseConfiguration>(t: {
-        new (): T;
-    }, partialConfigurationObject: any): T;
+    protected static _fromJson<BaseConfiguration>(result: BaseConfiguration, partialConfigurationObject: any): BaseConfiguration;
 }

package/@types/model/configuration/document-scanner-configuration.d.ts

@@ -53,15 +53,6 @@ export declare class CaptureButtonStyleConfiguration {
 }
 export declare class DocumentScannerConfiguration extends ScannerConfiguration {
     constructor();
-    /**
-     *  An average brightness is computed as follows: It is the average
-     *  of the Value channel in the HSV color space of:
-     *    - the whole image, if no document was detected
-     *    - the document crop, if a document was detected
-     *  It ranges from 0 to 255.
-     *  If this computed value is below the acceptanceBrightnessThreshold, the document is accepted.
-     */
-    acceptedBrightnessThreshold?: number;
     /**
      * The minimum score in percent (0 - 100) of the perspective
      * distortion to accept a detected document. Default is 75.0.

package/@types/model/configuration/initialization-options.d.ts

@@ -8,13 +8,24 @@ export interface InitializationOptions {
      */
     engine?: string;
     /**
-     * Detemines whether threading is allowed in the WebAssembly binary. If set to true, the user should also manage headers in the browser:
-     * https://github.com/tensorflow/tfjs/blob/master/tfjs-backend-wasm/README.md#setting-up-cross-origin-isolation
-     * Defaults to false
+     * Determines whether the SDK should use multithreading. Defaults to true.
+     * Multithreading will only affect supported Android devices and desktop browsers. Multithreading on
+     * iOS is currently not supported.
+     * On supported devices, multithreading will improve performance significantly.
+     * Note that multithreading will only work on crossOriginIsolated sites. To enable this for your site, certain
+     * HTTP headers need to be set. Please consult our documentation for more information. If multithreading was
+     * requested but the site is not in a crossOriginIsolated context, the SDK will print a warning and fallback to
+     * single-threaded operation.
      */
     allowThreads?: boolean;
     /**
      * Determines whether the SDK should log debug messages. Defaults to false.
      */
     verboseLogging?: boolean;
+    /**
+     * The requestSuffix is appended to the HTTP requests made by the SDK to load necessary WASM and JS files.
+     * It is meant to avoid any caching issues that may arise when the SDK is updated.
+     * Defaults to '?CURRENT_SDK_VERSION'.
+     */
+    requestSuffix?: string;
 }

package/@types/model/configuration/mrz-scanner-configuration.d.ts

@@ -1,6 +1,5 @@
 import { MrzResult } from "../mrz/mrz-result";
-import { ScannerConfiguration } from "./scanner-configuration";
-import { ViewFinderConfiguration } from "./view-finder-configuration";
+import { ViewFinderScannerConfiguration } from "./view-finder-scanner-configuration";
 export interface MrzScannerAccumulatedFrameVerificationConfiguration {
     /** Maximum number of accumulated frames to inspect to verify a scan result */
     maximumNumberOfAccumulatedFrames?: number;
@@ -8,9 +7,8 @@ export interface MrzScannerAccumulatedFrameVerificationConfiguration {
      *  in order for the result to be considered verified */
     minimumNumberOfRequiredFramesWithEqualRecognitionResult?: number;
 }
-export declare class MrzScannerConfiguration extends ScannerConfiguration {
+export declare class MrzScannerConfiguration extends ViewFinderScannerConfiguration {
     constructor();
-    style?: ViewFinderConfiguration;
     accumulatedFrameVerificationConfiguration?: MrzScannerAccumulatedFrameVerificationConfiguration;
     onMrzDetected?: (e: MrzResult) => void;
     _onDetectionFailed?: (e: ImageData) => void;

package/@types/model/configuration/scanner-configuration.d.ts

@@ -8,7 +8,6 @@ export declare class ScannerConfiguration extends BaseConfiguration {
         width: number;
         height: number;
     };
-    static DEFAULT_ACCEPTED_BRIGHTNESS_SCORE: number;
     static DEFAULT_ACCEPTED_ANGLE_SCORE: number;
     static DEFAULT_ACCEPTED_SIZE_SCORE: number;
     /**
@@ -17,6 +16,8 @@ export declare class ScannerConfiguration extends BaseConfiguration {
     videoConstraints?: any;
     mirrored?: boolean;
     preferredCamera?: string;
+    spinnerColor?: string;
+    backgroundColor?: string;
     constructor(resolution: {
         width: number;
         height: number;
@@ -26,5 +27,5 @@ export declare class ScannerConfiguration extends BaseConfiguration {
     /**
      * Error callback of the SDK.
      */
-    onError: (e: any) => void;
+    onError?: (e: any) => void;
 }

package/@types/model/configuration/selection-overlay-configuration.d.ts

@@ -1,8 +1,10 @@
 import { Barcode } from "../barcode/barcode";
-export declare type SelectionOverlayTextFormat = "Text" | "TextAndFormat" | "None";
+export type SelectionOverlayTextFormat = "Text" | "TextAndFormat" | "None";
 export declare class BarcodePolygonStyle {
     fill?: string;
     stroke?: string;
+    strokeWidth?: number;
+    cornerRadius?: number;
 }
 export interface IBarcodePolygonHandle {
     style(style: BarcodePolygonStyle): void;
@@ -19,8 +21,12 @@ export declare class SelectionOverlayStyleConfiguration {
     private defaultHighlightedFillColor?;
     polygonStrokeColor?: string;
     polygonFillColor?: string;
+    polygonStrokeWidth?: number;
+    polygonCornerRadius?: number;
     highlightedPolygonStrokeColor?: string;
     highlightedPolygonFillColor?: string;
+    highlightedPolygonStrokeWidth?: number;
+    highlightedPolygonCornerRadius?: number;
     textColor?: string;
     textBackgroundColor?: string;
     highlightedTextColor?: string;

package/@types/model/configuration/text-data-scanner-configuration.d.ts

@@ -1,35 +1,12 @@
 import { TextDataScannerResult } from "../generic-text-line-recognizer/text-data-scanner-result";
-import { ScannerConfiguration } from "./scanner-configuration";
-import { TextStyleConfiguration } from "./text-style-configuration";
-import { WindowStyleConfiguration } from "./window-style-configuration";
-import { ViewFinderConfiguration } from "./view-finder-configuration";
-export declare class TextDataScannerWindowStyle implements WindowStyleConfiguration {
-    aspectRatio: number;
-    widthProportion: number;
-    borderColor: string;
-    left: string;
-    top: string;
-    transform: string;
-}
-export declare class TextDataScannerTextStyle implements TextStyleConfiguration {
-    color: string;
-    size: string;
-    weight: number;
-}
-export declare class TextDataScannerViewFinderStyle implements ViewFinderConfiguration {
-    window: TextDataScannerWindowStyle;
-    text: TextDataScannerTextStyle;
-    backgroundColor: string;
-    hint: string;
-}
-export declare type ValidatorPreset = "VehicleIdentificationNumber";
-export declare type TextDetectionCallback = (e: TextDataScannerResult) => void;
-export declare class TextDataScannerConfiguration extends ScannerConfiguration {
+import { ViewFinderScannerConfiguration } from "./view-finder-scanner-configuration";
+export type ValidatorPreset = "VehicleIdentificationNumber";
+export type TextDetectionCallback = (e: TextDataScannerResult) => void;
+export declare class TextDataScannerConfiguration extends ViewFinderScannerConfiguration {
     constructor();
     ocrResolutionLimit?: number;
     supportedLanguages?: string[];
     validatorPreset?: ValidatorPreset;
-    style?: ViewFinderConfiguration;
     onTextDetected?: TextDetectionCallback;
     static fromJson(json: any): TextDataScannerConfiguration;
 }

package/@types/model/configuration/view-finder-scanner-configuration.d.ts

@@ -0,0 +1,11 @@
+import { ScannerConfiguration } from "./scanner-configuration";
+import { ViewFinderConfiguration, UserGuidanceConfiguration } from "../../ui2/configuration";
+export declare class ViewFinderScannerConfiguration extends ScannerConfiguration {
+    constructor(resolution: {
+        width: number;
+        height: number;
+    });
+    finder?: ViewFinderConfiguration;
+    userGuidance?: UserGuidanceConfiguration;
+    static mapFinderConfiguration(result: ViewFinderScannerConfiguration, json: any): void;
+}

package/@types/model/configuration/vin-scanner-configuration.d.ts

@@ -1,10 +1,8 @@
-import { ScannerConfiguration } from "./scanner-configuration";
-import { ViewFinderConfiguration } from "./view-finder-configuration";
 import { TextDetectionCallback } from "./text-data-scanner-configuration";
-export declare class VINScannerConfiguration extends ScannerConfiguration {
+import { ViewFinderScannerConfiguration } from "./view-finder-scanner-configuration";
+export declare class VINScannerConfiguration extends ViewFinderScannerConfiguration {
     constructor();
     ocrResolutionLimit?: number;
-    style?: ViewFinderConfiguration;
     onTextDetected?: TextDetectionCallback;
     static fromJson(json: any): VINScannerConfiguration;
 }

package/@types/model/document/contour-detection-result.d.ts

@@ -7,13 +7,5 @@ export declare class ContourDetectionResult {
     polygon?: Polygon;
     detectionStatus?: DetectionStatus;
     success?: boolean;
-    /**
-     * Average brightness, calculated as the average
-     * of the Value channel in the HSV color space of:
-     *  - the whole image, if no document was detected
-     *  - the document crop, if a document was detected
-     * Ranges from 0 to 255
-     */
-    averageBrightness?: number;
     constructor(contourDetectionResult?: ContourDetectionResult);
 }

package/@types/model/filter-types.d.ts

@@ -1,6 +1,6 @@
-export declare type BinarizationFilter = 'binarized' | 'otsuBinarization' | 'pureBinarized' | 'lowLightBinarization' | 'lowLightBinarization2' | 'deepBinarization';
-export declare type ColorFilter = 'color' | 'gray' | 'colorDocument' | 'blackAndWhite' | 'edgeHighlight';
+export type BinarizationFilter = 'binarized' | 'otsuBinarization' | 'pureBinarized' | 'lowLightBinarization' | 'lowLightBinarization2' | 'deepBinarization';
+export type ColorFilter = 'color' | 'gray' | 'colorDocument' | 'blackAndWhite' | 'edgeHighlight';
 /**
  * @deprecated Use the new ImageProcessor API instead (see {@link ScanbotSDK.createImageProcessor}).
  */
-export declare type ImageFilter = BinarizationFilter | ColorFilter;
+export type ImageFilter = BinarizationFilter | ColorFilter;

package/@types/model/mrz/mrz-result.d.ts

@@ -1,4 +1,4 @@
-export declare type MRZFieldValidationStatus = 'Success' | 'Failure' | 'NotValidated';
+export type MRZFieldValidationStatus = 'Success' | 'Failure' | 'NotValidated';
 export declare class MrzField {
     name?: string;
     value?: string;

package/@types/model/response/document-quality-analyzer-result.d.ts

@@ -1,4 +1,4 @@
-export declare type DocumentQuality = "NO_DOCUMENT" | "VERY_POOR" | "POOR" | "REASONABLE" | "GOOD" | "EXCELLENT";
+export type DocumentQuality = "NO_DOCUMENT" | "VERY_POOR" | "POOR" | "REASONABLE" | "GOOD" | "EXCELLENT";
 export default interface DocumentQualityAnalyzerResult {
     /**
     * Result of document quality analysis.

package/@types/mrz-scanner-view.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import React from "react";
 import { ScanbotCameraProps, ScanbotCameraState, ScannerView } from "./scanner-view";
-import { MrzScannerConfiguration } from "./model/configuration/mrz-scanner-configuration";
-import { ViewFinder } from "./view/view-finder";
-import SimpleMrzRecognizer from "./service/simple-mrz-recognizer";
 import { IMrzScannerHandle } from "./interfaces/i-mrz-scanner-handle";
+import ViewFinder from "./view/view-finder";
+import SimpleMrzRecognizer from "./service/simple-mrz-recognizer";
+import { MrzScannerConfiguration } from "./model/configuration/mrz-scanner-configuration";
 export declare class MrzScannerProps extends ScanbotCameraProps {
     mrzRecognizer: SimpleMrzRecognizer;
 }
@@ -26,6 +26,7 @@ export default class MrzScannerView extends ScannerView<MrzScannerProps, MrzScan
     isDetectionPaused(): boolean;
     resumeDetection(): Promise<void>;
     pauseDetection(): void;
+    private readonly updateDimensionsCallback;
     /**
      * React Overrides
      */
@@ -34,9 +35,8 @@ export default class MrzScannerView extends ScannerView<MrzScannerProps, MrzScan
     updateDimensions(): Promise<void>;
     resume(): Promise<void>;
     pause(): void;
-    computeSize(): boolean;
     detect(): Promise<void>;
     saveExtractedImageData(): void;
     setFinderVisible(isVisible: boolean): void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

package/@types/scanbot-sdk.d.ts

@@ -27,6 +27,7 @@ import DocumentQualityAnalyzerConfiguration from "./model/configuration/document
 import DocumentQualityAnalyzer from "./service/document-quality-analyzer";
 import { ImageProcessor } from "./service/image-processor";
 import * as imageFilters from "./core/compiled/ParametricFilters";
+import ScanbotSDKUI from "./ui2/scanbot-sdk-ui";
 export default class ScanbotSDK {
     /** @internal */
     bridge: WorkerBridge;
@@ -34,6 +35,8 @@ export default class ScanbotSDK {
     private static defaultEnginePath;
     /** @internal */
     static instance: ScanbotSDK;
+    private static _ui2;
+    static get UI(): typeof ScanbotSDKUI;
     static initialize(options: InitializationOptions): Promise<ScanbotSDK>;
     /**
      * View Components
@@ -54,7 +57,7 @@ export default class ScanbotSDK {
     applyFilter(imageBuffer: ArrayBuffer, filterType: ImageFilter): Promise<ArrayBuffer>;
     rotateImageCcw(imageBuffer: ArrayBuffer, rotations: number): Promise<ArrayBuffer>;
     cropAndRotateImageCcw(imageBuffer: ArrayBuffer, polygon: Polygon, rotations: number): Promise<any>;
-    detectDocument(imageBuffer: ArrayBuffer, acceptedAngleScore?: number, acceptedSizeScore?: number, acceptedBrightnessThreshold?: number): Promise<ContourDetectionResult>;
+    detectDocument(imageBuffer: ArrayBuffer, acceptedAngleScore?: number, acceptedSizeScore?: number): Promise<ContourDetectionResult>;
     detectAndCropDocument(imageBuffer: ArrayBuffer): Promise<ContourDetectionResult>;
     detectBarcodes(base64: string, engineMode?: EngineMode, barcodeFormats?: BarcodeFormat[], returnBarcodeImage?: boolean): Promise<BarcodeResult>;
     createSimpleMRZRecognizer(): Promise<SimpleMrzRecognizer>;

package/@types/scanner-view.d.ts

@@ -9,11 +9,13 @@ export declare class ScanbotCameraProps {
     onFailure?: (err: Error) => void;
 }
 export declare class ScanbotCameraState {
-    initialized?: boolean;
+    videoReady: boolean;
+    sdkReady: boolean;
 }
 export declare abstract class ScannerView<P extends ScanbotCameraProps, S extends ScanbotCameraState> extends React.Component<P, S> {
     static DEFAULT_DETECTION_RESOLUTION: number;
     static DETECTION_RESULTION_4K: number;
+    protected constructor(props: P);
     camera: ScanbotCameraView | null;
     disposed?: boolean;
     get bridge(): import("./worker/worker-bridge").WorkerBridge;
@@ -30,5 +32,6 @@ export declare abstract class ScannerView<P extends ScanbotCameraProps, S extend
     switchCamera(deviceId: string, mirrored?: boolean): Promise<void>;
     getActiveCameraInfo(): CameraInfo | undefined;
     fetchAvailableCameras(): Promise<CameraInfo[]>;
+    protected renderSpinner(color: string): React.JSX.Element;
     setTorchState(enabled: boolean): Promise<void>;
 }

package/@types/service/image-processor.d.ts

@@ -1,7 +1,7 @@
 import ScanbotSDK from "../scanbot-sdk";
 import { ParametricFilter } from "../core/compiled/ParametricFilters";
 import { Polygon } from "../utils/dto/Polygon";
-export declare type Rotation = "ROTATION_NONE" | "ROTATION_90_CLOCKWISE" | "ROTATION_180" | "ROTATION_90_COUNTERCLOCKWISE";
+export type Rotation = "ROTATION_NONE" | "ROTATION_90_CLOCKWISE" | "ROTATION_180" | "ROTATION_90_COUNTERCLOCKWISE";
 export declare class ImageProcessor {
     private _sdk;
     private _token;

package/@types/service/pdf-generator.d.ts

@@ -14,18 +14,18 @@ import ScanbotSDK from '../scanbot-sdk';
  *     "COMM10"         4.125 x 9.5 (inches)     297 x 684 (pixels) at 72 DPI<br>
  *     "CUSTOM"         physical size will be calculated from the image dimensions and the `dpi` parameter.
  */
-export declare type PageSize = "LETTER" | "LEGAL" | "A3" | "A4" | "A5" | "B4" | "B5" | "EXECUTIVE" | "US4x6" | "US4x8" | "US5x7" | "COMM10" | "CUSTOM";
+export type PageSize = "LETTER" | "LEGAL" | "A3" | "A4" | "A5" | "B4" | "B5" | "EXECUTIVE" | "US4x6" | "US4x8" | "US5x7" | "COMM10" | "CUSTOM";
 /**
  * AUTO – decides based on image aspect ratio
  */
-export declare type PageDirection = "PORTRAIT" | "LANDSCAPE" | "AUTO";
+export type PageDirection = "PORTRAIT" | "LANDSCAPE" | "AUTO";
 /**
  * FIT_IN – Fit image into page. May leave white borders if the aspect ratio of the image and the page don't match. Preserves image aspect ratio. <br>
  * FILL_IN – Fill page with image. Will crop the image if the aspect ratio of the image and the page don't match. Preserves image aspect ratio.<br>
  * STRETCH – Stretch image to fill the entire page. The image will never be cropped and there will never be any white borders left, but the image aspect ratio will be made to match the page aspect ratio. <br>
  * NONE – No resizing, centers the image on the page. The physical size of the image will be determined by the `dpi` parameter.
  */
-export declare type PageFit = "FIT_IN" | "FILL_IN" | "STRETCH" | "NONE";
+export type PageFit = "FIT_IN" | "FILL_IN" | "STRETCH" | "NONE";
 /**
  * The parameters `pageSize`, `pageFit`, `dpi` and `resample` interact in a complex way
  * when adding bitmap images (JPEG, PNG, or raw) to the PDF.

package/@types/service/simple-mrz-recognizer.d.ts

@@ -4,8 +4,8 @@ export default class SimpleMrzRecognizer {
     private _sdk;
     private _mrzRecognizerToken;
     private enableFrameAccumulation;
-    constructor(_sdk: ScanbotSDK, _mrzRecognizerToken: string, enableFrameAccumulation: boolean);
-    recognize(imageData: ImageData | ArrayBuffer): Promise<MrzResult | undefined>;
-    recognizeURL(imageURL: string): Promise<MrzResult | undefined>;
+    constructor(_sdk: ScanbotSDK, _mrzRecognizerToken: Promise<string>, enableFrameAccumulation: boolean);
+    recognize(imageData: ImageData | ArrayBuffer): Promise<MrzResult>;
+    recognizeURL(imageURL: string): Promise<MrzResult>;
     release(): Promise<void>;
 }

package/@types/service/text-data-recognizer.d.ts

@@ -1,9 +1,9 @@
 import { TextDataScannerResult } from '../model/generic-text-line-recognizer/text-data-scanner-result';
 import ScanbotSDK from '../scanbot-sdk';
 export default class TextDataScanner {
-    _textDataScannerToken: string;
-    _sdk: ScanbotSDK;
-    constructor(sdk: ScanbotSDK, textDataScannerToken: string);
+    private _sdk;
+    private _textDataScannerToken;
+    constructor(_sdk: ScanbotSDK, _textDataScannerToken: Promise<string>);
     recognize(imageData: ImageData): Promise<TextDataScannerResult>;
     cleanRecognitionQueue(): Promise<void>;
     recognizeURL(imageURL: string): Promise<TextDataScannerResult>;

package/@types/text-data-scanner-view.d.ts

@@ -1,15 +1,13 @@
-/// <reference types="react" />
+import React from "react";
 import { ScanbotCameraProps, ScanbotCameraState, ScannerView } from "./scanner-view";
-import { TextDetectionCallback } from "./model/configuration/text-data-scanner-configuration";
-import { ViewFinder } from "./view/view-finder";
-import TextDataScanner from "./service/text-data-recognizer";
-import { ScannerConfiguration } from "./model/configuration/scanner-configuration";
-import { ViewFinderConfiguration } from "./model/configuration/view-finder-configuration";
 import { ITextDataScannerHandle } from "./interfaces/i-text-data-scanner-handle";
+import ViewFinder from "./view/view-finder";
+import TextDataScanner from "./service/text-data-recognizer";
+import { TextDetectionCallback } from "./model/configuration/text-data-scanner-configuration";
+import { ViewFinderScannerConfiguration } from "./model/configuration/view-finder-scanner-configuration";
 export declare class TextDataScannerProps extends ScanbotCameraProps {
     textDataScanner: TextDataScanner;
     onTextDetected: TextDetectionCallback;
-    style: ViewFinderConfiguration;
 }
 export declare class TextDataScannerState extends ScanbotCameraState {
     isFinderVisible?: boolean;
@@ -20,15 +18,16 @@ export default class TextDataScannerView extends ScannerView<TextDataScannerProp
     shouldComputeSize: boolean;
     private paused;
     constructor(props: TextDataScannerProps);
-    get configuration(): ScannerConfiguration;
+    get configuration(): ViewFinderScannerConfiguration;
     get enabled(): boolean;
     /**
      * Public API functions
      */
-    static create(configuration: ScannerConfiguration, style: ViewFinderConfiguration, onTextDetected: TextDetectionCallback, textDataScanner: TextDataScanner): Promise<TextDataScannerView>;
+    static create(configuration: ViewFinderScannerConfiguration, onTextDetected: TextDetectionCallback, textDataScanner: TextDataScanner): Promise<TextDataScannerView>;
     isDetectionPaused(): boolean;
     resumeDetection(): Promise<void>;
     pauseDetection(): void;
+    private readonly updateDimensionsCallback;
     /**
      * React Overrides
      */
@@ -37,8 +36,7 @@ export default class TextDataScannerView extends ScannerView<TextDataScannerProp
     updateDimensions(): Promise<void>;
     resume(): Promise<void>;
     pause(): void;
-    computeSize(): boolean;
     detect(): Promise<void>;
     saveExtractedImageData(): void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }