scanbot-web-sdk 6.0.0-dev.2 → 6.0.0-dev.3

package/@types/ui2/configuration/ViewFinderConfiguration.d.ts

@@ -1,42 +1,42 @@
 import { AspectRatio } from "./Geometry";
-import { DeepPartial, PartiallyConstructible } from "./utils";
+import { DeepPartial, PartiallyConstructible } from "../common";
 /**
- Configuration of the scanning interface's viewfinder, serving as guidance to the user.
- */
+Configuration of the scanning interface's viewfinder, serving as guidance to the user.
+*/
 export declare class ViewFinderConfiguration extends PartiallyConstructible {
     /**
-     Whether the viewfinder is visible.
-     @defaultValue true;
-     */
+      Whether the viewfinder is visible.
+      @defaultValue true;
+      */
     visible: boolean;
     /**
-     Visual appearance of the viewfinder.
-     @defaultValue new FinderCorneredStyle({
-        "strokeColor": "?sbColorSurface",
-        "strokeWidth": 2.0,
-        "cornerRadius": 10.0
-    });
-     */
+      Visual appearance of the viewfinder.
+      @defaultValue new FinderCorneredStyle({
+          "strokeColor": "?sbColorSurface",
+          "strokeWidth": 2.0,
+          "cornerRadius": 10.0
+      });
+      */
     style: FinderStyle;
     /**
-     Color of the viewfinder overlay.
-     @defaultValue "?sbColorSurfaceLow";
-     */
+      Color of the viewfinder overlay.
+      @defaultValue "?sbColorSurfaceLow";
+      */
     overlayColor: string;
     /**
-     The viewfinder's aspect ratio.
-     @defaultValue new AspectRatio({
-      "width": 1.0,
-      "height": 1.0
+      The viewfinder's aspect ratio.
+      @defaultValue new AspectRatio({
+          "width": 1.0,
+          "height": 1.0
       });
-     */
+      */
     aspectRatio: AspectRatio;
     /** @param source {@displayType `DeepPartial<ViewFinderConfiguration>`} */
     constructor(source?: DeepPartial<ViewFinderConfiguration>);
 }
 /**
- Visual appearance of the viewfinder.
- */
+Visual appearance of the viewfinder.
+*/
 export type FinderStyle = FinderCorneredStyle | FinderStrokedStyle;
 /** @internal */
 export declare namespace FinderStyle {
@@ -46,47 +46,47 @@ export declare namespace FinderStyle {
     }): FinderStyle;
 }
 /**
- Variant of the viewfinder displaying only the four corners of the scanning area as user guidance.
- */
+Variant of the viewfinder displaying only the four corners of the scanning area as user guidance.
+*/
 export declare class FinderCorneredStyle extends PartiallyConstructible {
     readonly _type: "FinderCorneredStyle";
     /**
-     Color of the viewfinder corner's outlines.
-     @defaultValue "#FFFFFFFF";
-     */
+      Color of the viewfinder corner's outlines.
+      @defaultValue "#FFFFFFFF";
+      */
     strokeColor: string;
     /**
-     Width of the viewfinder corner's outlines.
-     @defaultValue 3.0;
-     */
+      Width of the viewfinder corner's outlines.
+      @defaultValue 3.0;
+      */
     strokeWidth: number;
     /**
-     Radius of the viewfinder's corners.
-     @defaultValue 10.0;
-     */
+      Radius of the viewfinder's corners.
+      @defaultValue 10.0;
+      */
     cornerRadius: number;
     /** @param source {@displayType `DeepPartial<FinderCorneredStyle>`} */
     constructor(source?: DeepPartial<FinderCorneredStyle>);
 }
 /**
- Variant of the viewfinder displaying a full outline of the scanning area as user guidance.
- */
+Variant of the viewfinder displaying a full outline of the scanning area as user guidance.
+*/
 export declare class FinderStrokedStyle extends PartiallyConstructible {
     readonly _type: "FinderStrokedStyle";
     /**
-     Color of the viewfinder's outline.
-     @defaultValue "#FFFFFFFF";
-     */
+      Color of the viewfinder's outline.
+      @defaultValue "#FFFFFFFF";
+      */
     strokeColor: string;
     /**
-     Width of the viewfinder's outline.
-     @defaultValue 3.0;
-     */
+      Width of the viewfinder's outline.
+      @defaultValue 3.0;
+      */
     strokeWidth: number;
     /**
-     The viewfinder's corner radius.
-     @defaultValue 10.0;
-     */
+      The viewfinder's corner radius.
+      @defaultValue 10.0;
+      */
     cornerRadius: number;
     /** @param source {@displayType `DeepPartial<FinderStrokedStyle>`} */
     constructor(source?: DeepPartial<FinderStrokedStyle>);

package/@types/ui2/configuration.d.ts

@@ -12,7 +12,8 @@ export * from "./configuration/BarcodeTextLocalization";
 export * from "./configuration/BarcodeRecognizerConfiguration";
 export * from "./configuration/ArTrackingOverlayConfiguration";
 export * from "./configuration/BarcodeScannerConfiguration";
-export * from "./configuration/BarcodeItem";
+export * from "./configuration/BarcodeScannerUIResult";
+export * from "./configuration/GenericDocument";
 export * from "./configuration/MultipleScanningModeUseCase";
 export * from "./configuration/ScanbotAlertDialog";
 export * from "./configuration/CameraPermission";

package/@types/ui2/controllers/barcode-scanner-controller.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
-import { BarcodeScannerConfiguration, BarcodeScannerResult } from '../configuration';
+import { BarcodeScannerConfiguration, BarcodeScannerUIResult } from '../configuration';
 export declare class Props {
     configuration: BarcodeScannerConfiguration;
     onClose: () => void;
-    onSubmit: (barcodeScannerResult: BarcodeScannerResult) => void;
+    onSubmit: (barcodeScannerResult: BarcodeScannerUIResult) => void;
     onError: (error: Error) => void;
 }
 export declare function BarcodeScannerController(props: Props): React.JSX.Element;

package/@types/ui2/controllers/multiple-scanning-mode-controller.d.ts

@@ -1,11 +1,13 @@
 import React from "react";
-import { BarcodeScannerConfiguration, BarcodeScannerResult } from "../configuration";
+import { BarcodeScannerConfiguration, BarcodeScannerUIResult } from "../configuration";
+import { IBarcodeMapper } from "../utils/barcode-mapper/i-barcode-mapper";
 declare class Props {
     configuration: BarcodeScannerConfiguration;
     onCameraPermissionDenied: () => void;
-    onSubmit: (barcodeScannerResult: BarcodeScannerResult) => void;
+    onSubmit: (barcodeScannerResult: BarcodeScannerUIResult) => void;
     onError: (error?: Error) => void;
     scanningEnabled: React.MutableRefObject<boolean>;
+    barcodeMapper: IBarcodeMapper;
 }
 export declare function MultipleScanningModeController(props: Props): React.JSX.Element;
 export {};

package/@types/ui2/controllers/single-scanning-mode-controller.d.ts

@@ -1,12 +1,14 @@
 import React from "react";
-import { BarcodeScannerConfiguration, BarcodeScannerResult } from "../configuration";
+import { BarcodeScannerConfiguration, BarcodeScannerUIResult } from "../configuration";
+import { IBarcodeMapper } from "../utils/barcode-mapper/i-barcode-mapper";
 declare class Props {
     configuration: BarcodeScannerConfiguration;
     onClose: () => void;
-    onSubmit: (barcodeScannerResult: BarcodeScannerResult) => void;
+    onSubmit: (barcodeScannerUIResult: BarcodeScannerUIResult) => void;
     onError: (error?: Error) => void;
     onCameraPermissionDenied: () => void;
     scanningEnabled: React.MutableRefObject<boolean>;
+    barcodeMapper: IBarcodeMapper;
 }
 export declare function SingleScanningModeController(props: Props): React.JSX.Element;
 export {};

package/@types/ui2/model/counted-barcodes.d.ts

@@ -1,8 +1,8 @@
 import BarcodePolygon from "../../view/barcode-polygon/barocode-polygon";
 import { ArOverlayBarcodeInfo } from "../views/ar/ar-overlay-barcode-info";
-import type { CoreBarcodeItem } from "../configuration/BarcodeItem";
+import { BarcodeItem } from "../configuration";
 export type CountedBarcode = {
-    barcode: CoreBarcodeItem;
+    barcode: BarcodeItem;
     count: number;
     labelElement?: ArOverlayBarcodeInfo;
     polygonElement?: BarcodePolygon;
@@ -11,22 +11,15 @@ export type CountedBarcode = {
  * Function that takes the current count of a barcode and returns its new count.
  * `oldCount` is 0 if the barcode is not yet in the list of barcodes.
  **/
-type ComputeNewCountFunction = (oldCount: number) => number;
-export type CountedBarcodeAction = {
-    type: 'setCount';
-    barcodes: CoreBarcodeItem[];
-    computeNewCount: ComputeNewCountFunction;
-} | {
-    type: 'remove';
-    barcode: CoreBarcodeItem;
-} | {
-    type: 'clear';
-} | {
-    type: 'setHtmlElements';
-    barcode: CoreBarcodeItem;
-    labelElement: ArOverlayBarcodeInfo;
-    polygonElement: BarcodePolygon;
-};
-export declare const barcodesEqual: (a: CoreBarcodeItem, b: CoreBarcodeItem) => boolean;
+type ComputeNewCountFunction = (oldCount?: number, item?: CountedBarcode) => number;
+export declare class CountedBarcodeAction {
+    type: 'setCount' | 'remove' | 'clear' | 'setHtmlElements';
+    barcodes?: BarcodeItem[];
+    barcode?: BarcodeItem;
+    computeNewCount?: ComputeNewCountFunction;
+    labelElement?: ArOverlayBarcodeInfo;
+    polygonElement?: BarcodePolygon;
+}
+export declare const barcodesEqual: (a: BarcodeItem, b: BarcodeItem) => boolean;
 export declare function countedBarcodesReducer(countedBarcodes: Readonly<Readonly<CountedBarcode>[]>, action: CountedBarcodeAction): CountedBarcode[];
 export {};

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

@@ -1,7 +1,7 @@
 import * as Config from "./configuration";
-import { BarcodeScannerResult } from "./configuration/BarcodeScannerTypes";
+import { BarcodeScannerUIResult } from "./configuration";
 export default class ScanbotSDKUI {
-    static createBarcodeScanner(config: Config.BarcodeScannerConfiguration): Promise<BarcodeScannerResult | null>;
+    static createBarcodeScanner(config: Config.BarcodeScannerConfiguration): Promise<BarcodeScannerUIResult | null>;
     private static createContainer;
     static readonly Config: typeof Config;
 }

package/@types/ui2/scanbot-ui-library.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { BarcodeTextLocalization, Palette } from "./configuration";
+import { BarcodeTextLocalization, Palette, PolygonStyle } from "./configuration";
 export type getColorValueFunctionType = (colorValueFromConfig: string) => string;
 export declare const SBPaletteContext: import("react").Context<{
     getColorValue: getColorValueFunctionType;
@@ -13,5 +13,6 @@ export declare class SBTheme {
     static setPalette(palette: Palette): void;
     static setBarcodeTextLocalization(localization: BarcodeTextLocalization): void;
     static getColorValue(color: string): string;
-    static getLocalizedBarcodeText(text: string): string;
+    static getPolygonColorValues(input: PolygonStyle, visible: boolean): PolygonStyle;
+    static getLocalizedBarcodeText(text: string, replacementArgs?: string[]): string;
 }

package/@types/ui2/utils/barcode-mapper/expected-barcode-mapper.d.ts

@@ -0,0 +1,13 @@
+import { BarcodeMappedDataLoadingState, IBarcodeMapper } from "./i-barcode-mapper";
+import { BarcodeItem } from "../../configuration";
+import { CountedBarcode } from "../../model/counted-barcodes";
+import { ExpectedBarcode } from "../../configuration/FindAndPickScanningModeUseCase";
+export declare class ExpectedBarcodeMapper implements IBarcodeMapper {
+    private barcodeItemSubtitleText;
+    private foundBarcodes;
+    private getExpectedBarcode;
+    constructor(barcodeItemSubtitleText: string, foundBarcodes: CountedBarcode[], getExpectedBarcode: (barcode: BarcodeItem) => ExpectedBarcode | null);
+    useBarcodeMappedData(barcode: BarcodeItem, expectedBarcode: ExpectedBarcode): BarcodeMappedDataLoadingState | null;
+    addOnEvictionListener(): void;
+    removeOnEvictionListener(): void;
+}

package/@types/ui2/utils/barcode-mapper/i-barcode-mapper.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { BarcodeItem } from "../../configuration";
+import { BarcodeMappedData } from "../../configuration/BarcodeInfoMapping";
+import { ExpectedBarcode } from "../../configuration/FindAndPickScanningModeUseCase";
+export type OnEvictionListener = {
+    barcode: BarcodeItem;
+    callback: () => void;
+};
+export declare const BarcodeMapperContext: import("react").Context<IBarcodeMapper>;
+export type BarcodeMappedDataLoadingState = {
+    value: BarcodeMappedData | null;
+    state: 'LOADED' | 'LOADING' | 'RETRY_DIALOG_OPEN' | 'FAILED';
+};
+export interface IBarcodeMapper {
+    useBarcodeMappedData(barcode: BarcodeItem, expectedBarcode?: ExpectedBarcode): BarcodeMappedDataLoadingState | null;
+    addOnEvictionListener(listener: OnEvictionListener): void;
+    removeOnEvictionListener(listener: OnEvictionListener): void;
+}

package/@types/ui2/utils/{barcode-mapper.d.ts → barcode-mapper/user-barcode-mapper.d.ts}

@@ -1,16 +1,6 @@
-/// <reference types="react" />
-import { BarcodeItem, BarcodeItemMapper, BarcodeMappedData } from "../configuration";
-import type { CoreBarcodeItem } from "../configuration/BarcodeItem";
-export declare const BarcodeMapperContext: import("react").Context<BarcodeMapper>;
-export type BarcodeMappedDataLoadingState = {
-    value: BarcodeMappedData | null;
-    state: 'LOADED' | 'LOADING' | 'RETRY_DIALOG_OPEN' | 'FAILED';
-};
-type OnEvictionListener = {
-    barcode: CoreBarcodeItem;
-    callback: () => void;
-};
-export declare class BarcodeMapper {
+import { BarcodeItemMapper, BarcodeItem } from "../../configuration";
+import { BarcodeMappedDataLoadingState, IBarcodeMapper, OnEvictionListener } from "./i-barcode-mapper";
+export declare class UserBarcodeMapper implements IBarcodeMapper {
     private barcodeItemMapper;
     private onError;
     private readonly cache;
@@ -22,7 +12,6 @@ export declare class BarcodeMapper {
      * If the retry function is called, all cached entries that are currently in this "RETRY_DIALOG_OPEN" state are cleared.
      */
     constructor(barcodeItemMapper: BarcodeItemMapper, onError: (retry: () => void, cancel: () => void) => void);
-    mapBarcodeToBarcodeItem(barcode: CoreBarcodeItem, count: number): Promise<BarcodeItem>;
     /**
      * Results are cached.
      * Note that, because resulting promise will be used in useMemo, it is important we return the identical
@@ -33,9 +22,8 @@ export declare class BarcodeMapper {
      *   have been set yet.
      * */
     private getBarcodeMappedData;
-    useBarcodeMappedData(barcode: CoreBarcodeItem): BarcodeMappedDataLoadingState | null;
+    useBarcodeMappedData(barcode: BarcodeItem): BarcodeMappedDataLoadingState | null;
     private onEvictionListeners;
     addOnEvictionListener(listener: OnEvictionListener): void;
     removeOnEvictionListener(listener: OnEvictionListener): void;
 }
-export {};

package/@types/ui2/utils/find-and-pick.ts/expected-barcode-counter.d.ts

@@ -0,0 +1,7 @@
+export default class ExpectedBarcodeCounter {
+    expectedCount: number;
+    foundCount: number;
+    constructor(expectedCount?: number, foundCount?: number);
+    isFulFilled(): boolean;
+    toString(): string;
+}

package/@types/ui2/utils/styled-badge.d.ts

@@ -2,7 +2,7 @@ import React from "react";
 interface Props {
     foregroundColor: string;
     backgroundColor: string;
-    count: number;
+    text: string;
     children: React.ReactNode;
 }
 export declare function StyledBadge(props: Props): React.JSX.Element;

package/@types/ui2/views/ar/ar-badge.d.ts

@@ -0,0 +1,18 @@
+import React, { ReactNode } from "react";
+import VerticalPositions from "./vertical-positions";
+import { BadgeStyle } from "../../configuration";
+import { Point } from "../../../utils/dto/Point";
+declare class Props {
+    onClick: () => void;
+    style: BadgeStyle;
+    positionBadge: Point;
+    content: string | ReactNode;
+    verticalPositions: VerticalPositions;
+    transition: {
+        duration: number;
+        easing: string;
+    };
+    animateToPoints: Point[];
+}
+export default function ARBadge(props: Props): React.JSX.Element;
+export {};

package/@types/ui2/views/ar/ar-overlay-barcode-info.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import React, { ReactNode } from "react";
 import BarcodePolygonLabel, { BarcodePolygonLabelProps } from "../../../view/barcode-polygon/barcode-polygon-label";
 import { BadgeStyle, BarcodeItemConfiguration, BarcodeItemInfoPosition } from "../../configuration";
 export type AROverlayBarcodeInfoConfig = {
@@ -14,6 +14,10 @@ declare class AROverlayBarcodeInfoProps extends BarcodePolygonLabelProps impleme
 export declare class ArOverlayBarcodeInfo extends BarcodePolygonLabel<AROverlayBarcodeInfoProps> {
     private count;
     setCount: (count: number) => void;
+    customBadgeStyle: BadgeStyle;
+    customBadgeContent: string | ReactNode;
+    styleBadge(style: BadgeStyle, content: string | ReactNode): void;
+    badgeContent(): string | number | true | React.ReactElement<any, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode>;
     render(): React.ReactNode;
 }
 export {};

package/@types/ui2/views/ar/vertical-positions.d.ts

@@ -0,0 +1,12 @@
+import { CSSProperties } from "react";
+import { BadgeStyle, BarcodeItemInfoPosition } from "../../configuration";
+import { Point } from "../../../utils/dto/Point";
+export default class VerticalPositions {
+    badgeY: number;
+    badgeStyle: CSSProperties;
+    labelY: number;
+    labelStyle: CSSProperties;
+    static readonly AR_BADGE_SIZE = 48;
+    static readonly LABEL_AND_BADGE_PADDING = 10;
+    static compute(points: Point[], counterBadge: BadgeStyle, barcodeItemInfoPosition: BarcodeItemInfoPosition): VerticalPositions;
+}

package/@types/ui2/views/barcode-info/barcode-info.d.ts

@@ -1,12 +1,14 @@
 import React from "react";
 import { StyledText as StyledTextConfig } from "../../configuration";
-import { BarcodeMappedDataLoadingState } from "../../utils/barcode-mapper";
+import { BarcodeMappedDataLoadingState } from "../../utils/barcode-mapper/i-barcode-mapper";
 export interface CounterForm {
     counter: number;
     setCounter: (counter: number) => void;
     onNumberClick: () => void;
     manualCountOutlineColor: string;
     manualCountChangeColor: string;
+    removeButtonEnabled?: boolean;
+    addButtonEnabled?: boolean;
 }
 export interface BarcodeInfoPropsBase {
     barcodeImageVisible: boolean;

package/@types/ui2/views/barcode-scanner.d.ts

@@ -1,19 +1,19 @@
 import React from "react";
-import { ArOverlayGeneralConfiguration } from "../configuration/ArTrackingOverlayConfiguration";
+import { ArOverlayFindAndPickConfiguration, ArOverlayGeneralConfiguration } from "../configuration/ArTrackingOverlayConfiguration";
 import { ActionBarConfiguration } from "../configuration/ActionBarConfiguration";
 import { BarcodeScannerConfiguration as BarcodeScannerViewConfig } from "../../model/configuration/barcode-scanner-configuration";
 import { ViewFinderPadding } from "../../view/view-finder";
 import BarcodePolygon from "../../view/barcode-polygon/barocode-polygon";
 import BarcodePolygonLabel from "../../view/barcode-polygon/barcode-polygon-label";
 import { CameraConfiguration } from "../configuration/CameraConfiguration";
-import type { CoreBarcodeItem } from "../configuration/BarcodeItem";
+import type { BarcodeItem } from "../configuration";
 export declare class Props {
     cameraConfiguration: CameraConfiguration;
-    arOverlay: ArOverlayGeneralConfiguration;
+    arOverlay: ArOverlayGeneralConfiguration | ArOverlayFindAndPickConfiguration;
     actionBarConfig: ActionBarConfiguration;
     actionBarBottomPadding: number;
-    arOnBarcodeEnter: (code: CoreBarcodeItem, polygon: BarcodePolygon, label: BarcodePolygonLabel) => void;
-    arOnBarcodeClick: (barcode: CoreBarcodeItem) => void;
+    arOnBarcodeEnter: (code: BarcodeItem, polygon: BarcodePolygon, label: BarcodePolygonLabel) => void;
+    arOnBarcodeClick: (barcode: BarcodeItem) => void;
     scanningPaused: boolean;
     barcodeScannerViewConfig: BarcodeScannerViewConfig;
     viewFinderPadding: ViewFinderPadding;

package/@types/ui2/views/dialog/base/confirmation-dialog.d.ts

@@ -0,0 +1,20 @@
+import React from "react";
+import { SvgIconComponent } from "@mui/icons-material";
+import { ButtonConfiguration, StyledText as StyledTextConfig } from "../../../configuration";
+export declare class ConfirmationDialogButtonProps {
+    onClick: () => void;
+    style: ButtonConfiguration;
+    icon?: SvgIconComponent;
+}
+declare class Props {
+    open: boolean;
+    dividerColor: string;
+    modalOverlayColor: string;
+    sheetColor: string;
+    title: StyledTextConfig;
+    subtitle: StyledTextConfig;
+    cancelButton: ConfirmationDialogButtonProps;
+    okButton: ConfirmationDialogButtonProps;
+}
+export declare function ConfirmationDialog(props: Props): React.JSX.Element;
+export {};

package/@types/ui2/views/dialog/find-and-pick-submit-dialog.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { ScanbotAlertDialog } from "../../configuration";
+declare class Props {
+    open: boolean;
+    onDismiss: () => void;
+    onSubmit: () => void;
+    style: ScanbotAlertDialog;
+}
+export declare function FindAndPickSubmitDialog(props: Props): React.JSX.Element;
+export {};

package/@types/ui2/views/drawer/barcode-result-drawer.d.ts

@@ -3,7 +3,7 @@ import { ManualCountEditDialog, Sheet, SheetContent } from '../../configuration'
 import { CountedBarcodeAction } from "../../model/counted-barcodes";
 import { DrawerHeaderContentProps } from "./subviews/drawer-header-content";
 declare class Props {
-    numBarcodes: number;
+    isPlaceholderVisible: boolean;
     sheetStyle: Sheet;
     contentStyle: SheetContent;
     manualCountEditDialog: ManualCountEditDialog;

package/@types/ui2/views/drawer/counting-button.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import { BadgedButton } from "../../configuration";
 interface Props {
-    count: number;
+    text: string;
     onClick: () => void;
     style?: React.CSSProperties;
     buttonStyling: BadgedButton;

package/@types/ui2/views/drawer/subviews/barcode-drawer-empty-state.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import { SheetContent } from "../../../configuration";
 export declare class Props {
-    numBarcodes: number;
+    isVisible: boolean;
     style: SheetContent;
     onStartClick?: () => void;
 }

package/@types/ui2/views/drawer/subviews/barcode-list-item.d.ts

@@ -1,12 +1,13 @@
 import React from "react";
 import { BarcodeInfoPropsBase } from "../../barcode-info/barcode-info";
-import { SwipeToDelete } from "../../../configuration";
-import { BarcodeScannerTypes } from "../../../../core-types";
+import { BarcodeItem, ExpectedBarcode, SwipeToDelete } from "../../../configuration";
 export interface Props extends BarcodeInfoPropsBase {
-    barcode: BarcodeScannerTypes.BarcodeItem;
-    onDelete: (barcode: BarcodeScannerTypes.BarcodeItem) => void;
+    barcode: BarcodeItem;
+    expectedBarcode?: ExpectedBarcode;
+    onDelete: (barcode: BarcodeItem) => void;
     readonlyCount: number | null;
     swipeToDeleteConfig: SwipeToDelete;
     sheetColor: string;
+    animateBackAfterDelete: boolean;
 }
 export default function BarcodeListItem(props: Props): React.JSX.Element;

package/@types/ui2/views/drawer/subviews/barcode-list.d.ts

@@ -1,12 +1,19 @@
 import React from "react";
 import { CountedBarcode, CountedBarcodeAction } from "../../../model/counted-barcodes";
-import { MultipleBarcodesScanningMode, SheetContent } from "../../../configuration";
+import { ExpectedBarcode, MultipleBarcodesScanningMode, SheetContent } from "../../../configuration";
 interface Props {
     barcodes: CountedBarcode[];
+    expectedBarcodes?: ExpectedBarcode[];
     onBarcodeChange: (action: CountedBarcodeAction) => void;
     onNumberClick: (countedBarcode: CountedBarcode) => void;
     sheetContent: SheetContent;
     mode: MultipleBarcodesScanningMode;
+    animateBackAfterDelete: boolean;
+    indicatorColor: {
+        partial: string;
+        complete: string;
+        notScanned: string;
+    };
 }
 export declare function BarcodeList(props: Props): React.JSX.Element;
 export {};

package/@types/ui2/views/drawer/subviews/drawer-header-content.d.ts

@@ -2,7 +2,7 @@ import React from "react";
 import { ButtonProps } from "../../../utils/styled-button";
 import { StyledText as StyledTextConfig } from "../../../configuration/Common";
 export declare class DrawerHeaderContentProps {
-    numBarcodes: number;
+    textReplacementArgs: string[];
     leftButton: ButtonProps;
     rightButton: ButtonProps;
     title: StyledTextConfig;

package/@types/utils/barcode-utils.d.ts

@@ -0,0 +1,10 @@
+import { BarcodeScannerTypes } from "../core-types";
+import { Size } from "./dto/Size";
+export default class BarcodeUtils {
+    /**
+     * Keep only the center-most duplicate barcode in the list of barcodes in order to prevent multiple jumping overlays
+     * and an array of other issues that can arise from buggy overlays.
+     * This is only used in the AR overlay.
+     */
+    static keepOnlyCenterMostDuplicate(codes: BarcodeScannerTypes.BarcodeItem[], originalImageSize: Size): void;
+}