dynamsoft-capture-vision-react-native 1.1.16 → 2.4.2000-alpha.1

package/src/cvr/EnumPresetTemplate.tsx

@@ -0,0 +1,16 @@
+export enum EnumPresetTemplate {
+    PT_DEFAULT = "Default",//DBR + DLR + DDN-Normalize
+    PT_READ_BARCODES = "ReadBarcodes_Default",
+    PT_RECOGNIZE_TEXT_LINES = "RecognizeTextLines_Default",
+    PT_DETECT_DOCUMENT_BOUNDARIES = "DetectDocumentBoundaries_Default",
+    PT_DETECT_AND_NORMALIZE_DOCUMENT = "DetectAndNormalizeDocument_Default",
+    PT_NORMALIZE_DOCUMENT = "NormalizeDocument_Default",
+    PT_READ_BARCODES_SPEED_FIRST = "ReadBarcodes_SpeedFirst",
+    PT_READ_BARCODES_READ_RATE_FIRST = "ReadBarcodes_ReadRateFirst",
+    PT_READ_SINGLE_BARCODE = "ReadSingleBarcode",
+    PT_RECOGNIZE_NUMBERS = "RecognizeNumbers",
+    PT_RECOGNIZE_LETTERS = "RecognizeLetters",
+    PT_RECOGNIZE_NUMBERS_AND_LETTERS = "RecognizeNumbersAndLetters",
+    PT_RECOGNIZE_NUMBERS_AND_UPPERCASE_LETTERS = "RecognizeNumbersAndUppercaseLetters",
+    PT_RECOGNIZE_UPPERCASE_LETTERS = "RecognizeUppercaseLetters",
+}

package/src/cvr/NativeDynamsoftCaptureVisionRouterModule.tsx

@@ -0,0 +1,25 @@
+import {type TurboModule, TurboModuleRegistry } from "react-native";
+export interface Spec extends TurboModule {
+    install():boolean;
+    startCapturing(templateName:string) : Promise<void>;
+    stopCapturing() : Promise<void>;
+    setInput(isaId: string) : void;
+    continueCRR() : void;
+    removeAllResultListeners(): void;
+    addFilter(filterId: string): void;
+    removeFilter(filterId: string): void;
+    resetSettings(): Promise<void>;
+    getSimplifiedSettings(templateName: string): Promise<unknown>;
+    updateSettings(settings: unknown, templateName: string): Promise<void>;
+    initSettings(content: string): Promise<void>;
+    initSettingsFromFile(file: string): Promise<void>;
+    outputSettings(templateName: string): Promise<string | null>;
+    outputSettingsToFile(file: string, templateName: string): Promise<void>;
+
+    addListener(type: string): void;
+    removeListeners(count: number): void;
+    addResultReceiver(type: string): void;
+    removeResultReceiver(type: string): void;
+}
+
+export default TurboModuleRegistry.get<Spec>("DynamsoftCaptureVisionRouterModule") as Spec | null;

package/src/cvr/SimplifiedCaptureVisionSettings.tsx

@@ -0,0 +1,16 @@
+import type {EnumCapturedResultItemType, Quadrilateral} from "../core";
+import type {SimplifiedBarcodeReaderSettings} from "../dbr";
+import type {SimplifiedLabelRecognizerSettings} from "../dlr";
+import type {SimplifiedDocumentNormalizerSettings} from "../ddn";
+
+export interface SimplifiedCaptureVisionSettings {
+    capturedResultItemTypes?: EnumCapturedResultItemType | number;
+    roi?: Quadrilateral;
+    roiMeasuredInPercentage?: boolean;
+    maxParallelTasks?:number
+    timeout?: number;
+    minImageCaptureInterval?: number;
+    barcodeSettings?: SimplifiedBarcodeReaderSettings;
+    labelSettings?: SimplifiedLabelRecognizerSettings;
+    documentSettings?: SimplifiedDocumentNormalizerSettings;
+}

package/src/cvr/index.tsx

@@ -0,0 +1,11 @@
+export * from "./CapturedResult"
+export * from "./CapturedResultFilter"
+export * from "./CapturedResultReceiver"
+
+export * from "./CaptureVisionRouter"
+
+export * from "./CaptureVisionRouterModule"
+
+export * from "./EnumPresetTemplate"
+
+export * from "./SimplifiedCaptureVisionSettings"

package/src/dbr/BarcodeReaderModule.tsx

@@ -0,0 +1,8 @@
+import {DynamsoftVersions} from '../VersionsModule'
+import {Platform} from "react-native";
+
+export class BarcodeReaderModule {
+    static getVersion(): string {
+        return '['+Platform.OS+']: ' + DynamsoftVersions.dbr
+    }
+}

package/src/dbr/BarcodeResultItem.tsx

@@ -0,0 +1,16 @@
+import type {CapturedResultItem} from "../core/CapturedResultItem";
+import type {Quadrilateral} from "../core/Quadrilateral";
+import type {EnumBarcodeFormat} from "./EnumBarcodeFormat";
+
+export interface BarcodeResultItem extends CapturedResultItem{
+    format: EnumBarcodeFormat | bigint;
+    _formatNumberString: string;
+    formatString: string;
+    text: string;
+    location: Quadrilateral;
+    confidence: number;
+    angle: number;
+    moduleSize: number;
+    isMirrored: boolean;
+    isDPM: boolean;
+}

package/src/dbr/DecodedBarcodesResult.tsx

@@ -0,0 +1,9 @@
+import type {BarcodeResultItem} from "./BarcodeResultItem";
+
+export interface DecodedBarcodesResult {
+    originalImageHashId: string;
+    items?: Array<BarcodeResultItem>;
+    errorCode: number;
+    errorMessage?: string;
+    rotationTransformMatrix: Array<number>;
+}

package/src/dbr/EnumBarcodeFormat.tsx

@@ -0,0 +1,98 @@
+const EnumBarcodeFormat = {
+    /**No barcode format in BarcodeFormat*/
+    BF_NULL:BigInt(0x00n),
+    /**All supported formats in BarcodeFormat*/
+    BF_ALL:BigInt(0xFFFFFFFEFFFFFFFFn),
+    BF_DEFAULT:BigInt(0xFE3BFFFFn),
+    /**Combined value of BF_CODABAR, BF_CODE_128, BF_CODE_39, BF_CODE_39_Extended, BF_CODE_93, BF_EAN_13, BF_EAN_8, INDUSTRIAL_25, BF_ITF, BF_UPC_A, BF_UPC_E, BF_MSI_CODE;  */
+    BF_ONED:BigInt(0x003007FFn),
+    /**Combined value of BF_GS1_DATABAR_OMNIDIRECTIONAL, BF_GS1_DATABAR_TRUNCATED, BF_GS1_DATABAR_STACKED, BF_GS1_DATABAR_STACKED_OMNIDIRECTIONAL, BF_GS1_DATABAR_EXPANDED, BF_GS1_DATABAR_EXPANDED_STACKED, BF_GS1_DATABAR_LIMITED*/
+    BF_GS1_DATABAR:BigInt(0x0003F800n),
+    /**Code 39 */
+    BF_CODE_39:BigInt(0x1n),
+    /**Code 128 */
+    BF_CODE_128:BigInt(0x2n),
+    /**Code 93 */
+    BF_CODE_93:BigInt(0x4n),
+    /**Codabar */
+    BF_CODABAR:BigInt(0x8n),
+    /**Interleaved 2 of 5 */
+    BF_ITF:BigInt(0x10n),
+    /**EAN-13 */
+    BF_EAN_13:BigInt(0x20n),
+    /**EAN-8 */
+    BF_EAN_8:BigInt(0x40n),
+    /**UPC-A */
+    BF_UPC_A:BigInt(0x80n),
+    /**UPC-E */
+    BF_UPC_E:BigInt(0x100n),
+    /**Industrial 2 of 5 */
+    BF_INDUSTRIAL_25:BigInt(0x200n),
+    /**CODE39 Extended */
+    BF_CODE_39_EXTENDED:BigInt(0x400n),
+    /**GS1 Databar Omnidirectional*/
+    BF_GS1_DATABAR_OMNIDIRECTIONAL:BigInt(0x800n),
+    /**GS1 Databar Truncated*/
+    BF_GS1_DATABAR_TRUNCATED:BigInt(0x1000n),
+    /**GS1 Databar Stacked*/
+    BF_GS1_DATABAR_STACKED:BigInt(0x2000n),
+    /**GS1 Databar Stacked Omnidirectional*/
+    BF_GS1_DATABAR_STACKED_OMNIDIRECTIONAL:BigInt(0x4000n),
+    /**GS1 Databar Expanded*/
+    BF_GS1_DATABAR_EXPANDED:BigInt(0x8000n),
+    /**GS1 Databar Expaned Stacked*/
+    BF_GS1_DATABAR_EXPANDED_STACKED:BigInt(0x10000n),
+    /**GS1 Databar Limited*/
+    BF_GS1_DATABAR_LIMITED:BigInt(0x20000n),
+    /**Patch code. */
+    BF_PATCHCODE:BigInt(0x00040000n),
+    /**PDF417 */
+    BF_CODE_32:BigInt(0x01000000n),
+    BF_PDF417:BigInt(0x02000000n),
+    /**QRCode */
+    BF_QR_CODE:BigInt(0x04000000n),
+    /**DataMatrix */
+    BF_DATAMATRIX:BigInt(0x08000000n),
+    /**AZTEC */
+    BF_AZTEC:BigInt(0x10000000n),
+    /**MAXICODE */
+    BF_MAXICODE:BigInt(0x20000000n),
+    /**Micro QR Code*/
+    BF_MICRO_QR:BigInt(0x40000000n),
+    /**Micro PDF417*/
+    BF_MICRO_PDF417:BigInt(0x00080000n),
+    /**GS1 Composite Code*/
+    BF_GS1_COMPOSITE:BigInt(0x80000000n),
+    /**MSI Code*/
+    BF_MSI_CODE:BigInt(0x100000n),
+    /*Code 11*/
+    BF_CODE_11:BigInt(0x200000n),
+    BF_TWO_DIGIT_ADD_ON:BigInt(0x400000n),
+    BF_FIVE_DIGIT_ADD_ON:BigInt(0x800000n),
+    /**Combined value of BF2_USPSINTELLIGENTMAIL, BF2_POSTNET, BF2_PLANET, BF2_AUSTRALIANPOST, BF2_RM4SCC.*/
+    BF_MATRIX_25:BigInt(0x1000000000n),
+    BF_POSTALCODE:BigInt(0x3F0000000000000n),
+    /**Nonstandard barcode */
+    BF_NONSTANDARD_BARCODE:BigInt(0x100000000n),
+    /**USPS Intelligent Mail.*/
+    BF_USPSINTELLIGENTMAIL:BigInt(0x10000000000000n),
+    /**Postnet.*/
+    BF_POSTNET:BigInt(0x20000000000000n),
+    /**Planet.*/
+    BF_PLANET:BigInt(0x40000000000000n),
+    /**Australian Post.*/
+    BF_AUSTRALIANPOST:BigInt(0x80000000000000n),
+    /**Royal Mail 4-State Customer Barcode.*/
+    BF_RM4SCC:BigInt(0x100000000000000n),
+    BF_KIX:BigInt(0x200000000000000n),
+    /**DotCode.*/
+    BF_DOTCODE:BigInt(0x200000000n),
+    /**_PHARMACODE_ONE_TRACK.*/
+    BF_PHARMACODE_ONE_TRACK:BigInt(0x400000000n),
+    /**PHARMACODE_TWO_TRACK.*/
+    BF_PHARMACODE_TWO_TRACK:BigInt(0x800000000n),
+    /**PHARMACODE.*/
+    BF_PHARMACODE:BigInt(0xC00000000n)
+}
+type EnumBarcodeFormat = bigint;
+export { EnumBarcodeFormat };

package/src/dbr/EnumDeblurMode.tsx

@@ -0,0 +1,12 @@
+export enum EnumDeblurMode  {
+    DM_SKIP= 0x0,
+    DM_DIRECT_BINARIZATION= 0x1,
+    DM_THRESHOLD_BINARIZATION= 0x2,
+    DM_GRAY_EQUALIZATION= 0x4,
+    DM_SMOOTHING= 0x8,
+    DM_MORPHING= 0x10,
+    DM_DEEP_ANALYSIS= 0x20,
+    DM_SHARPENING= 0x40,
+    DM_BASED_ON_LOC_BIN= 0x80,
+    DM_SHARPENING_SMOOTHING= 0x100,
+}

package/src/dbr/EnumLocalizationMode.tsx

@@ -0,0 +1,12 @@
+export enum EnumLocalizationMode {
+    LM_SKIP = 0x0,
+    LM_AUTO = 0x1,
+    LM_CONNECTED_BLOCKS = 0x2,
+    LM_STATISTICS = 0x4,
+    LM_LINES = 0x8,
+    LM_SCAN_DIRECTLY = 0x10,
+    LM_STATISTICS_MARKS = 0x20,
+    LM_STATISTICS_POSTAL_CODE = 0x40,
+    LM_CENTRE = 0x80,
+    LM_ONED_FAST_SCAN = 0x100,
+}

package/src/dbr/SimplifiedBarcodeReaderSettings.tsx

@@ -0,0 +1,20 @@
+import type {EnumBarcodeFormat} from "./EnumBarcodeFormat";
+import type {EnumLocalizationMode} from "./EnumLocalizationMode";
+import type {EnumDeblurMode} from "./EnumDeblurMode";
+import type {EnumGrayscaleTransformationMode} from "../core/EnumGrayscaleTransformationMode";
+import type {EnumGrayscaleEnhancementMode} from "../core/EnumGrayscaleEnhancementMode";
+
+export interface SimplifiedBarcodeReaderSettings {
+    barcodeFormatIds?: EnumBarcodeFormat | bigint;
+    _barcodeFormatIdsNumberString?: string;
+    expectedBarcodesCount?: number;
+    minResultConfidence?: number;
+    minBarcodeTextLength?: number;
+    barcodeTextRegExPattern?: string;
+    maxThreadsInOneTask?: number;
+    localizationModes?: Array<EnumLocalizationMode> | Int32Array;
+    deblurModes?: Array<EnumDeblurMode> | Int32Array;
+    grayscaleTransformationModes?: Array<EnumGrayscaleTransformationMode> | Int32Array;
+    grayscaleEnhancementModes?: Array<EnumGrayscaleEnhancementMode> | Int32Array;
+    scaleDownThreshold?: number;
+}

package/src/dbr/index.tsx

@@ -0,0 +1,7 @@
+export * from "./BarcodeReaderModule"
+export * from "./BarcodeResultItem"
+export * from "./DecodedBarcodesResult"
+export * from "./EnumBarcodeFormat"
+export * from "./EnumDeblurMode"
+export * from "./EnumLocalizationMode"
+export type {SimplifiedBarcodeReaderSettings} from "./SimplifiedBarcodeReaderSettings"

package/src/dce/CameraEnhancer.tsx

@@ -0,0 +1,104 @@
+import {ImageSourceAdapter, type DSRect} from "../core";
+import {NativeModules, Platform} from "react-native";
+import {CameraView} from "./CameraView"
+import type {EnumCameraPosition} from "./EnumCameraPosition";
+import type {EnumFocusMode} from "./EnumFocusMode";
+import type {EnumEnhancedFeatures} from "./EnumEnhancedFeatures";
+
+// @ts-ignore Check whether __turboModuleProxy exists, it may not
+const isTurboModuleEnabled = global.__turboModuleProxy != null;
+
+const DynamsoftCameraEnhancerModule = isTurboModuleEnabled ?
+    require("./NativeDynamsoftCameraViewModule").default :
+    NativeModules.DynamsoftCameraView;
+
+let dce: CameraEnhancer | null;
+export class CameraEnhancer extends ImageSourceAdapter {
+    private constructor() {
+        super();
+    }
+
+    protected init() {
+        this.isaId = DynamsoftCameraEnhancerModule.createInstance()
+    }
+
+    static async requestCameraPermission() {
+        if(Platform.OS === "android") {
+            DynamsoftCameraEnhancerModule.requestCameraPermission()
+        }
+    }
+
+    static getInstance(): CameraEnhancer {
+        if (dce) {
+            return dce;
+        }
+        return dce = new CameraEnhancer();
+    }
+
+    open() {
+        DynamsoftCameraEnhancerModule.open();
+    }
+
+    close() {
+        DynamsoftCameraEnhancerModule.close();
+    }
+
+    setCameraView(view: CameraView) {
+        if (view) {
+            DynamsoftCameraEnhancerModule.setCameraView(view.nativeCameraViewHandle);
+        }
+    }
+
+    selectCamera(position: EnumCameraPosition | number) {
+        DynamsoftCameraEnhancerModule.selectCamera(position);
+    }
+
+    getCameraPosition(): Promise<EnumCameraPosition | number> {
+        return DynamsoftCameraEnhancerModule.getCameraPosition();
+    }
+
+    setFocus(floatX: number, floatY: number, focusMode: EnumFocusMode | number) {
+        DynamsoftCameraEnhancerModule.setFocus(floatX, floatY, focusMode);
+    }
+
+    getFocusMode(): Promise<EnumFocusMode | number> {
+        return DynamsoftCameraEnhancerModule.getFocusMode();
+    }
+
+    setZoomFactor(factor: number) {
+        DynamsoftCameraEnhancerModule.setZoomFactor(factor);
+    }
+
+    getZoomFactor(): Promise<number> {
+        return DynamsoftCameraEnhancerModule.getZoomFactor();
+    }
+
+    enableEnhancedFeatures(features: EnumEnhancedFeatures | number) {
+        DynamsoftCameraEnhancerModule.enableEnhancedFeatures(features);
+    }
+
+    disableEnhancedFeatures(features: EnumEnhancedFeatures | number) {
+        DynamsoftCameraEnhancerModule.disableEnhancedFeatures(features);
+    }
+
+    setScanRegion(region: DSRect | null | undefined) {
+        DynamsoftCameraEnhancerModule.setScanRegion(region);
+    }
+
+    getScanRegion(): Promise<DSRect | null | undefined> {
+        return DynamsoftCameraEnhancerModule.getScanRegion()
+    }
+
+    turnOnTorch() {
+        DynamsoftCameraEnhancerModule.turnOnTorch()
+    }
+
+    turnOffTorch() {
+        DynamsoftCameraEnhancerModule.turnOffTorch()
+    }
+
+    destroy() {
+        this.close()
+        super.destroy();
+    }
+}

package/src/dce/CameraEnhancerModule.tsx

@@ -0,0 +1,8 @@
+import {DynamsoftVersions} from '../VersionsModule'
+import {Platform} from "react-native";
+
+export class CameraEnhancerModule {
+    static getVersion(): string {
+        return '['+Platform.OS+']: ' + DynamsoftVersions.dce
+    }
+}

package/src/dce/CameraView.tsx

@@ -0,0 +1,75 @@
+// @ts-ignore
+import React, {Component, ComponentProps} from 'react';
+import {
+    findNodeHandle,
+    type HostComponent,
+    type NativeMethods,
+    requireNativeComponent,
+    StyleSheet,
+    View
+} from "react-native";
+import type {CameraViewNativeProps} from "./DynamsoftCameraViewNativeComponent";
+
+const transformToNativeCameraViewProps = (props: CameraViewNativeProps | undefined | null): CameraViewNativeProps => {
+    return JSON.parse(JSON.stringify(
+        {
+            visibleLayerIds: props?.visibleLayerIds,
+            scanRegionMaskVisible: props?.scanRegionMaskVisible,
+            scanLaserVisible: props?.scanLaserVisible,
+            torchButton: props?.torchButton,
+            torchButtonVisible: props?.torchButtonVisible,
+        }
+    ))
+}
+type RefType = React.Component<CameraViewNativeProps> & Readonly<NativeMethods>;
+
+// @ts-ignore Check whether __turboModuleProxy exists, it may not
+const isTurboModuleEnabled = global.__turboModuleProxy != null;
+
+const ComponentName = 'DynamsoftCameraView';
+const NativeCameraView: HostComponent<CameraViewNativeProps> = isTurboModuleEnabled?
+    require("./DynamsoftCameraViewNativeComponent").default :
+    requireNativeComponent(ComponentName)
+
+export class CameraView extends Component<CameraViewNativeProps, any> {
+    private readonly nativeCameraViewRef: React.RefObject<RefType> = React.createRef<RefType>();
+    private readonly nativeProps = transformToNativeCameraViewProps(this.props)
+    /** @internal */
+    public get nativeCameraViewHandle(): number | null {
+        return findNodeHandle(this.nativeCameraViewRef.current);
+    }
+
+    componentDidUpdate(prevProps: CameraViewNativeProps) {
+        let nativePreProps = transformToNativeCameraViewProps(prevProps)
+        let nativeProps = transformToNativeCameraViewProps(this.props)
+        if(nativePreProps !== nativeProps) {
+            this.nativeCameraViewRef.current?.setNativeProps(nativeProps)
+        }
+    }
+
+    public render(): React.ReactNode {
+        return(
+            <View style={[styles.blackBg, this.props?.style]}>
+                <NativeCameraView
+                    style={StyleSheet.absoluteFill}
+                    ref={this.nativeCameraViewRef}
+                    {...this.nativeProps}
+                />
+
+                {this.props?.children}
+            </View>
+        );
+    }
+}
+
+
+const styles = StyleSheet.create({
+    container: {
+        flex: 1,
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    blackBg: {
+        backgroundColor: 'black',
+    },
+});

package/src/dce/DynamsoftCameraViewNativeComponent.ts

@@ -0,0 +1,25 @@
+import type {HostComponent, ViewProps} from "react-native";
+import codegenNativeComponent from "react-native/Libraries/Utilities/codegenNativeComponent";
+import type {Int32} from "react-native/Libraries/Types/CodegenTypes";
+
+export interface CameraViewNativeProps extends ViewProps {
+    visibleLayerIds?: number[]
+    scanRegionMaskVisible?: boolean
+    scanLaserVisible?: boolean
+    torchButton?: {
+        location?: {
+            x?: Int32;
+            y?: Int32;
+            width?: Int32;
+            height?: Int32;
+        }
+        visible?: boolean;
+        torchOnImageBase64?: string;
+        torchOffImageBase64?: string;
+    };
+    torchButtonVisible?: boolean
+}
+
+export default codegenNativeComponent<CameraViewNativeProps>(
+    "DynamsoftCameraView"
+) as HostComponent<CameraViewNativeProps>;

package/src/dce/DynamsoftImageEditorViewNativeComponent.ts

@@ -0,0 +1,9 @@
+import type {HostComponent, ViewProps} from "react-native";
+import codegenNativeComponent from "react-native/Libraries/Utilities/codegenNativeComponent";
+
+export interface ImageEditorViewNativeProps extends ViewProps {
+}
+
+export default codegenNativeComponent<ImageEditorViewNativeProps>(
+    "DynamsoftImageEditorView"
+) as HostComponent<ImageEditorViewNativeProps>;

package/src/dce/EnumCameraPosition.tsx

@@ -0,0 +1,10 @@
+export enum EnumCameraPosition {
+    /**
+     * Use the back-facing camera.
+     */
+    CP_BACK,
+    /**
+     * Use the front-facing camera.
+     */
+    CP_FRONT
+}

package/src/dce/EnumDrawingLayerId.tsx

@@ -0,0 +1,6 @@
+export enum EnumDrawingLayerId {
+    DDN_LAYER_ID = 1,
+    DBR_LAYER_ID = 2,
+    DLR_LAYER_ID = 3,
+    TIP_LAYER_ID = 999
+}

package/src/dce/EnumEnhancedFeatures.tsx

@@ -0,0 +1,9 @@
+export enum EnumEnhancedFeatures {
+    EF_FRAME_FILTER = 1,
+    EF_SENSOR_CONTROL = 2,
+    EF_ENHANCED_FOCUS = 4,
+    EF_FAST_MODE = 8,
+    EF_AUTO_ZOOM = 16,
+    EF_SMART_TORCH = 32,
+    EF_ALL = 63
+}

package/src/dce/EnumFocusMode.tsx

@@ -0,0 +1,4 @@
+export enum EnumFocusMode {
+    FM_LOCKED = 1,
+    FM_CONTINUOUS_AUTO  = 2
+}

package/src/dce/EnumTorchState.tsx

@@ -0,0 +1,10 @@
+export enum EnumTorchState {
+    /**
+     * Set the torch state to off.
+     */
+    OFF,
+    /**
+     * Set the torch state to on.
+     */
+    ON
+}

package/src/dce/FeedBack.tsx

@@ -0,0 +1,18 @@
+import {NativeModules} from "react-native";
+
+// @ts-ignore Check whether __turboModuleProxy exists, it may not
+const isTurboModuleEnabled = global.__turboModuleProxy != null;
+
+const DynamsoftCameraEnhancerModule = isTurboModuleEnabled ?
+    require("./NativeDynamsoftCameraViewModule").default :
+    NativeModules.DynamsoftCameraView;
+
+export class FeedBack {
+    static beep(): void {
+        DynamsoftCameraEnhancerModule.beep();
+    }
+
+    static vibrate(): void {
+        DynamsoftCameraEnhancerModule.vibrate();
+    }
+}

package/src/dce/ImageEditorView.tsx

@@ -0,0 +1,94 @@
+import React, {Component} from "react";
+import {
+    findNodeHandle,
+    type HostComponent,
+    type NativeMethods,
+    NativeModules,
+    requireNativeComponent,
+    StyleSheet,
+    View
+} from "react-native";
+import type {EnumDrawingLayerId} from "./EnumDrawingLayerId";
+import type {Quadrilateral, ImageData} from "../core";
+import type {ImageEditorViewNativeProps} from "./DynamsoftImageEditorViewNativeComponent";
+import type {CameraViewNativeProps} from "./DynamsoftCameraViewNativeComponent";
+
+const ComponentName = "DynamsoftImageEditorView";
+
+// @ts-ignore Check whether __turboModuleProxy exists, it may not
+const isTurboModuleEnabled = global.__turboModuleProxy != null;
+
+const NativeImageEditorView: HostComponent<CameraViewNativeProps> = isTurboModuleEnabled ?
+    require("./DynamsoftImageEditorViewNativeComponent").default :
+    requireNativeComponent(ComponentName)
+
+const ImageEditorViewModule = isTurboModuleEnabled ?
+    require("./NativeDynamsoftImageEditorViewModule").default :
+    NativeModules.DynamsoftImageEditorView;
+
+let isInstalled = false
+const installMethods = () => {
+    if (!isInstalled) {
+        ImageEditorViewModule.install()
+        isInstalled = true
+    }
+}
+
+declare var global: {
+    editorView_setOriginalImage: (viewTag: number, imageData: ImageData) => void;
+};
+
+type RefType = React.Component<ImageEditorViewNativeProps> & Readonly<NativeMethods>;
+
+export class ImageEditorView extends Component<ImageEditorViewNativeProps, any> {
+    private readonly nativeImageEditorViewRef: React.RefObject<RefType> = React.createRef<RefType>();
+
+    /** @internal */
+    public get nativeCameraViewHandle(): number | null {
+        return findNodeHandle(this.nativeImageEditorViewRef.current);
+    }
+
+    public setOriginalImage(imageData: ImageData) {
+        installMethods();
+        if (this.nativeCameraViewHandle != null) {
+            global.editorView_setOriginalImage(this.nativeCameraViewHandle!, imageData);
+        }
+    }
+
+    public async setQuads(quads: Quadrilateral[] | null | undefined, layerId: EnumDrawingLayerId | number): Promise<void> {
+        if (this.nativeCameraViewHandle != null) {
+            await ImageEditorViewModule.setQuads(this.nativeCameraViewHandle!, quads, layerId);
+        }
+    }
+
+    public async getSelectedQuad(): Promise<Quadrilateral | null> {
+        if (this.nativeCameraViewHandle != null) {
+            return await ImageEditorViewModule.getSelectedQuad(this.nativeCameraViewHandle!);
+        } else {
+            return null;
+        }
+    }
+
+    public render(): React.ReactNode {
+        return (
+            <View style={[styles.blackBg, this.props?.style]}>
+                <NativeImageEditorView
+                    style={StyleSheet.absoluteFill}
+                    ref={this.nativeImageEditorViewRef}
+                />
+                {this.props?.children}
+            </View>
+        );
+    }
+}
+
+const styles = StyleSheet.create({
+    container: {
+        flex: 1,
+        alignItems: "center",
+        justifyContent: "center"
+    },
+    blackBg: {
+        backgroundColor: "black"
+    }
+});