scanbot-web-sdk 2.13.0 → 2.14.0-alpha.1

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

@@ -8,6 +8,7 @@ export declare class Barcode {
     points: Point[];
     barcodeImage: Uint8Array;
     constructor(format: BarcodeFormat, text: string, parsedText: string, bytes: Uint8Array, points: Point[], barcodeImage: Uint8Array);
+    id(): string;
     equals(barcode: Barcode): unknown;
     static fromWorker(input: any): Barcode;
 }

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

@@ -1,3 +1,30 @@
+export declare enum SelectionOverlayTextFormat {
+    Text = "Text",
+    TextAndFormat = "TextAndFormat",
+    None = "None"
+}
+export declare class SelectionOverlayStyleConfiguration {
+    private defaultFillColor?;
+    private defaultHighlightedFillColor?;
+    polygonStrokeColor?: string;
+    polygonFillColor?: string;
+    highlightedPolygonStrokeColor?: string;
+    highlightedPolygonFillColor?: string;
+    textColor?: string;
+    textBackgroundColor?: string;
+    highlightedTextColor?: string;
+    highlightedTextBackgroundColor?: string;
+}
 export declare class SelectionOverlayConfiguration {
     visible?: boolean;
+    /**
+     * Controls the format of the text displayed below the selection overlay. Defaults to just the code value
+     */
+    textFormat?: SelectionOverlayTextFormat;
+    /**
+     * Determines whether the selection overlay should be automatically selected
+     * (and when onBarcodeDetected is called) when a barcode is detected. Defaults to false
+     */
+    automaticSelectionEnabled?: boolean;
+    style?: SelectionOverlayStyleConfiguration;
 }

package/@types/utils/dto/Point.d.ts

@@ -6,8 +6,8 @@ export declare class Point {
     constructor(x: number, y: number);
     static toPolygon(points: Point[], size: Size): Polygon;
     static scaleToPoint(pt: Point, x: number, y: number, scale: number): Point;
-    static scaleListToImageElement(points: Point[], original: ImageData, html: HTMLImageElement): Point[];
-    static scaleToImageElement(point: Point, original: ImageData, html: HTMLImageElement): Point;
+    static scaleListToHtmlElement(points: Point[], original: ImageData, html: HTMLElement): Point[];
+    static scaleToHtmlElement(point: Point, original: ImageData, html: HTMLElement): Point;
     static scaleUpTo(pt: Point, size: Size): Point;
     static scaleDownTo(pt: Point, size: Size): Point;
     static fromHtmlElement(element: HTMLElement): Point;
@@ -16,4 +16,13 @@ export declare class Point {
     static centerOf(points: Point[]): Point;
     static smallerSizeOfQuad(points: Point[]): number;
     static empty(): Point;
+    static centerX(points: Point[]): number;
+    static highestX(points: Point[]): number;
+    static lowestX(points?: Point[]): number;
+    static lowestY(points: Point[]): number;
+    static highestY(points: Point[]): number;
+    static width(points: Point[]): number;
+    static left(points: Point[]): any;
+    static right(points: Point[]): any;
+    static toSvgString(points: Point[]): string;
 }

package/@types/view/barcode-calculation/scanned-image-with-overlay.d.ts

@@ -1,10 +1,7 @@
 import React, { ReactNode } from "react";
-import BarcodeSelectionOverlay from "../barcode-polygon/barcode-selection-overlay";
 import { BarcodeResult } from "../../model/barcode/barcode-result";
 export default class ScannedImageWithOverlay extends React.Component<any, any> {
     image: HTMLImageElement | undefined;
-    polygons: BarcodeSelectionOverlay[];
-    overlay: BarcodeSelectionOverlay;
     constructor(props: any);
     update(result: BarcodeResult): void;
     reset(): void;

package/@types/view/barcode-polygon/animated-barcode-selection-overlay.d.ts

@@ -1,11 +1,25 @@
 import React from "react";
-import BarcodeSelectionOverlay from "./barcode-selection-overlay";
 import ScanbotCameraView from "../scanbot-camera-view";
-import { ImageDataWrapper } from "../../model/image-data-wrapper";
 import { Barcode } from "../../model/barcode/barcode";
-export default class AnimatedBarcodeSelectionOverlay extends React.Component<any, any> {
-    overlay: BarcodeSelectionOverlay | undefined;
+import { BarcodeOverlay } from "./barcode-overlay";
+import BarcodePolygon from "./barocode-polygon";
+import BarcodePolygonLabel from "./barcode-polygon-label";
+import { SelectionOverlayConfiguration } from "../../model/configuration/selection-overlay-configuration";
+export declare class BarcodePolygonElement {
+    element: BarcodeOverlay;
+    updatedAt?: number;
+    polygon: JSX.Element;
+    label: JSX.Element;
+    polygonRef?: BarcodePolygon;
+    labelRef?: BarcodePolygonLabel;
+}
+export declare class SelectionOverlayProps {
+    configuration?: SelectionOverlayConfiguration;
+    onPolygonClick?: (code: Barcode) => void;
+}
+export default class AnimatedBarcodeSelectionOverlay extends React.Component<SelectionOverlayProps, any> {
     constructor(props: any);
-    update(finderRect: DOMRect, camera: ScanbotCameraView, imageData: ImageDataWrapper, container: any, codes: Barcode[]): void;
+    update(finderRect: DOMRect, camera: ScanbotCameraView, imageData: ImageData, container: any, codes: Barcode[]): void;
+    onPolygonClick(view: BarcodePolygon, model: BarcodeOverlay): void;
     render(): React.ReactNode;
 }

package/@types/view/barcode-polygon/barcode-polygon-label.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+import { BarcodeOverlay } from "./barcode-overlay";
+import { Point } from "../../utils/dto/Point";
+import { SelectionOverlayConfiguration, SelectionOverlayTextFormat } from "../../model/configuration/selection-overlay-configuration";
+import { Barcode } from "../../model/barcode/barcode";
+export declare class BarcodePolygonLabelProps {
+    element: BarcodeOverlay;
+    configuration: SelectionOverlayConfiguration;
+    animateToPoints?: Point[];
+}
+export default class BarcodePolygonLabel extends React.Component<BarcodePolygonLabelProps, any> {
+    constructor(props: any);
+    update(model: BarcodeOverlay): void;
+    label: HTMLDivElement;
+    formatText(code: Barcode, format: SelectionOverlayTextFormat): string;
+    render(): React.ReactNode;
+}

package/@types/view/barcode-polygon/barocode-polygon.d.ts

@@ -1,10 +1,15 @@
 import React from "react";
+import { Point } from "../../utils/dto/Point";
 import { BarcodeOverlay } from "./barcode-overlay";
+import { SelectionOverlayConfiguration } from "../../model/configuration/selection-overlay-configuration";
 export declare class BarcodePolygonProps {
     element: BarcodeOverlay;
-    onClick?: (e: any, element: BarcodeOverlay) => void;
+    configuration: SelectionOverlayConfiguration;
+    animateToPoints?: Point[];
+    onClick?: (polygon: BarcodePolygon, element: BarcodeOverlay) => void;
 }
 export default class BarcodePolygon extends React.Component<BarcodePolygonProps, any> {
-    updatedAt: number;
+    constructor(props: any);
+    update(model: BarcodeOverlay): void;
     render(): React.ReactNode;
 }

package/@types/view/polygon/animated-document-polygon.d.ts

@@ -1,17 +1,9 @@
-import { DocumentPolygon } from "./document-polygon";
 import React from "react";
+import DocumentPolygon from "./document-polygon";
 export declare class AnimatedDocumentPolygon extends React.Component<any, any> {
-    PULL_FORCE: number;
-    MIN_SPEED: number;
-    overlayPolygonCurrent: any[];
-    overlayPolygonTarget: any[];
-    animationLastTime: number | null;
     polygon: DocumentPolygon;
-    container: HTMLDivElement;
-    constructor(props: any);
-    animate(currentTime: number): void;
-    calculateOffset(currentTime: number, f: any, t: any, axis: "x" | "y"): number;
-    absMin(a: number, b: number): number;
-    absMax(a: number, b: number): number;
+    previous: any[];
+    testComponent: React.RefObject<any>;
     render(): JSX.Element;
+    update(points: any[], isOk: boolean, isVisible: boolean): void;
 }

package/@types/view/polygon/document-line-quad.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+export declare class DocumentLineQuad extends React.Component<any, any> {
+    LINE_COUNT: number;
+    static CLASSNAME: string;
+    render(): JSX.Element;
+    fill(): SVGLineElement[];
+    setFrame(): void;
+}

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

@@ -1,8 +1,11 @@
 import React from "react";
-export declare class DocumentPolygon extends React.Component<any, any> {
-    LINE_COUNT: number;
-    static CLASSNAME: string;
-    render(): JSX.Element;
-    fill(): SVGLineElement[];
-    setFrame(): void;
+import { Point } from "../../utils/dto/Point";
+declare class DocumentPolygon extends React.Component<any, any> {
+    polygon: SVGPolygonElement;
+    latestValidPoints: Point[];
+    constructor(props: any);
+    update(points: Point[], animatedPoints: Point[], isOk: boolean, isVisible: boolean): void;
+    pointStringOrLatestValidPoints(points: Point[]): string;
+    render(): React.ReactNode;
 }
+export default DocumentPolygon;

package/@types/view/polygon/draggable-document-polygon.d.ts

@@ -1,9 +1,9 @@
 import React from "react";
-import { DocumentPolygon } from "./document-polygon";
+import { DocumentLineQuad } from "./document-line-quad";
 import { DraggableHandlesComponent } from "../cropping/draggable-handles-component";
 export declare class DraggableDocumentPolygon extends React.Component<any, any> {
     handles: DraggableHandlesComponent;
-    polygon: DocumentPolygon;
+    polygon: DocumentLineQuad;
     constructor(props: any);
     render(): JSX.Element;
     setFrame(): void;

package/README.md

@@ -33,7 +33,7 @@ like [Code 39](https://scanbot.io/products/barcode-software/1d-barcode-scanner/c
 [PDF-417](https://scanbot.io/products/barcode-software/2d-barcode-scanner/pdf417/),
 [Data Matrix](https://scanbot.io/products/barcode-software/2d-barcode-scanner/data-matrix/), etc.
 
-Check out our [live demo](https://scanbot.io/trial/demo-web/).
+Check out our [live demo](https://scanbot.io/trial/demo-web/barcode-demo/).
 
 
 # Document Scanner for the Web