react-native-scanbot-barcode-scanner-sdk 3.0.0-beta7 → 3.1.0-alpha3

package/android/src/main/java/io/scanbot/barcodesdk/plugin/reactnative/components/barcodecameraview/ScanbotBarcodeCameraViewManager.java

@@ -0,0 +1,160 @@
+package io.scanbot.barcodesdk.plugin.reactnative.components.barcodecameraview;
+
+import android.app.Activity;
+import android.view.LayoutInflater;
+import android.view.View;
+import android.widget.FrameLayout;
+
+import androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
+import androidx.appcompat.app.AppCompatActivity;
+import androidx.fragment.app.FragmentManager;
+
+import com.facebook.react.ReactRootView;
+import com.facebook.react.bridge.ReactApplicationContext;
+import com.facebook.react.bridge.ReadableMap;
+import com.facebook.react.bridge.WritableNativeMap;
+import com.facebook.react.uimanager.ThemedReactContext;
+import com.facebook.react.uimanager.ViewGroupManager;
+import com.facebook.react.uimanager.annotations.ReactProp;
+
+import java.util.Map;
+
+import io.scanbot.barcodesdk.plugin.reactnative.JSONUtils;
+import io.scanbot.barcodesdk.plugin.reactnative.ObjectMapper;
+import io.scanbot.barcodesdk.plugin.reactnative.R;
+import io.scanbot.barcodesdk.plugin.reactnative.components.EventEmitter;
+import io.scanbot.barcodesdk.plugin.reactnative.components.common.ScanbotComponentFrameLayout;
+import io.scanbot.barcodesdk.plugin.reactnative.components.common.ScanbotComponentRootView;
+
+public class ScanbotBarcodeCameraViewManager extends ViewGroupManager<ReactRootView> {
+
+    public static final String REACT_CLASS = "ScanbotBarcodeCameraView";
+
+    private final ReactApplicationContext mCallerContext;
+    private ScanbotComponentRootView viewGroup;
+    private ScanbotBarcodeCameraViewFragment cameraViewFragment;
+    private ScanbotBarcodeCameraViewConfiguration cameraViewConfiguration = new ScanbotBarcodeCameraViewConfiguration();
+
+    public ScanbotBarcodeCameraViewManager(ReactApplicationContext context) {
+        mCallerContext = context;
+    }
+
+    @NonNull
+    @Override
+    public String getName() {
+        return REACT_CLASS;
+    }
+
+    @ReactProp(name = "configuration")
+    public void setConfiguration(FrameLayout frameLayout, ReadableMap configuration) {
+        cameraViewConfiguration = new ScanbotBarcodeCameraViewConfiguration();
+
+        try {
+            ObjectMapper.map(configuration, cameraViewConfiguration);
+        } catch (Exception e) {
+            e.printStackTrace();
+        }
+
+        if (configuration.hasKey("barcodeFormats")) {
+            cameraViewConfiguration.barcodeFormats = JSONUtils.extractBarcodeFormats(configuration);
+        }
+
+        if (configuration.hasKey("acceptedDocumentFormats")) {
+            cameraViewConfiguration.acceptedDocumentFormats = JSONUtils.extractBarcodeDocumentFormats(configuration);
+        }
+
+        if (configuration.hasKey("cameraZoomFactor")) {
+            float value = (float) configuration.getDouble("cameraZoomFactor");
+            if (value != -1) {
+                cameraViewConfiguration.setCameraZoomFactor(value);
+            }
+        }
+
+        if (configuration.hasKey("flashEnabled")) {
+            cameraViewConfiguration.setFlashEnabled(configuration.getBoolean("flashEnabled"));
+        }
+
+        cameraViewConfiguration.additionalConfiguration = JSONUtils.extractBarcodeScannerAdditionalConfig(configuration);
+        cameraViewConfiguration.engineMode = JSONUtils.extractEngineMode(configuration);
+
+        if (cameraViewFragment != null) {
+            cameraViewFragment.updateWithConfiguration(cameraViewConfiguration);
+        }
+    }
+
+    @Nullable
+    @Override
+    public Map<String, Object> getExportedCustomDirectEventTypeConstants() {
+        return EventEmitter.getMapForNativeEvents(new EventEmitter.NativeEvent[] {
+            EventEmitter.NativeEvent.BARCODE_SCANNER_RESULT,
+            EventEmitter.NativeEvent.REQUEST_COMPONENT_RELOAD
+        });
+    }
+
+    @NonNull
+    @Override
+    protected ReactRootView createViewInstance(@NonNull final ThemedReactContext reactContext) {
+
+        // Retrieve Current Activity
+        final Activity activity = reactContext.getCurrentActivity();
+        assert activity != null;
+
+        // Inflate Layout
+        viewGroup = (ScanbotComponentRootView) LayoutInflater
+                .from(activity)
+                .inflate(R.layout.component_barcode_camera_view, null, false);
+
+        // Add Camera View Fragment
+        cameraViewFragment = new ScanbotBarcodeCameraViewFragment();
+        cameraViewFragment.instantiate(reactContext, viewGroup);
+        final AppCompatActivity fragmentActivity = (AppCompatActivity) activity;
+        final FragmentManager fragmentManager = fragmentActivity.getSupportFragmentManager();
+
+        final ScanbotComponentFrameLayout fragmentLayout = viewGroup.findViewById(R.id.fragment_container_view);
+        fragmentLayout.setZ(-1.0f);
+        fragmentLayout.setLayoutParams(new FrameLayout.LayoutParams(
+                FrameLayout.LayoutParams.MATCH_PARENT,
+                FrameLayout.LayoutParams.MATCH_PARENT));
+
+        // Configure Camera View fragment with configuration parameters
+        cameraViewFragment.updateWithConfiguration(cameraViewConfiguration);
+        viewGroup.addOnAttachStateChangeListener(new View.OnAttachStateChangeListener() {
+            @Override
+            public void onViewAttachedToWindow(View v) {
+                if (cameraViewFragment.isAdded()) {
+                    return;
+                }
+                reactContext.runOnUiQueueThread(new Runnable() {
+                    @Override
+                    public void run() {
+                        fragmentManager
+                                .beginTransaction()
+                                .add(R.id.fragment_container_view, cameraViewFragment)
+                                .commit();
+
+                        viewGroup.post(viewGroup.measureAndLayout);
+
+                        viewGroup.addOneShotChildRemovedListener(new ScanbotComponentRootView.IOnChildRemovedListener() {
+                            @Override
+                            public void onChildRemoved(View child) {
+                                new EventEmitter(mCallerContext, viewGroup)
+                                        .emitEvent(
+                                                EventEmitter.NativeEvent.REQUEST_COMPONENT_RELOAD,
+                                                new WritableNativeMap());
+                            }
+                        });
+                    }
+                });
+            }
+
+            @Override
+            public void onViewDetachedFromWindow(View v) {
+
+            }
+        });
+
+        return viewGroup;
+    }
+
+}

package/android/src/main/java/io/scanbot/barcodesdk/plugin/reactnative/components/common/ScanbotComponentFrameLayout.java

@@ -0,0 +1,53 @@
+package io.scanbot.barcodesdk.plugin.reactnative.components.common;
+
+import android.content.Context;
+import android.util.AttributeSet;
+import android.widget.FrameLayout;
+
+import java.util.ArrayList;
+import java.util.List;
+
+public class ScanbotComponentFrameLayout extends FrameLayout {
+
+    interface ILayoutChangeListener {
+        void onFrameLayoutChanged(int width, int height, int left, int top, int right, int bottom);
+    }
+
+    public ScanbotComponentFrameLayout(Context context, AttributeSet attrs) {
+        super(context, attrs);
+    }
+
+    public ScanbotComponentFrameLayout(Context context, AttributeSet attrs, int defStyle) {
+        super(context, attrs, defStyle);
+    }
+
+    public final Runnable measureAndLayout =
+            new Runnable() {
+                @Override
+                public void run() {
+                    measure(
+                            MeasureSpec.makeMeasureSpec(getWidth(), MeasureSpec.EXACTLY),
+                            MeasureSpec.makeMeasureSpec(getHeight(), MeasureSpec.EXACTLY));
+                    layout(getLeft(), getTop(), getRight(), getBottom());
+                    notifyListeners(getWidth(), getHeight(), getLeft(), getTop(), getRight(), getBottom());
+                }
+            };
+
+    private final List<ILayoutChangeListener> layoutChangeListeners = new ArrayList<>();
+
+    @Override
+    public void requestLayout() {
+        super.requestLayout();
+        post(measureAndLayout);
+    }
+
+    public void addLayoutChangeListener(ILayoutChangeListener listener) {
+        layoutChangeListeners.add(listener);
+    }
+
+    private void notifyListeners(int width, int height, int left, int top, int right, int bottom) {
+        for(ILayoutChangeListener listener : layoutChangeListeners) {
+            listener.onFrameLayoutChanged(width, height, left, top, right, bottom);
+        }
+    }
+}

package/android/src/main/java/io/scanbot/barcodesdk/plugin/reactnative/components/common/ScanbotComponentRootView.java

@@ -0,0 +1,159 @@
+package io.scanbot.barcodesdk.plugin.reactnative.components.common;
+
+import android.content.Context;
+import android.util.AttributeSet;
+import android.view.Choreographer;
+import android.view.MotionEvent;
+import android.view.View;
+import android.widget.FrameLayout;
+
+import com.facebook.react.ReactRootView;
+
+import java.lang.reflect.Type;
+import java.util.ArrayList;
+import java.util.List;
+
+public class ScanbotComponentRootView extends ReactRootView {
+
+    public interface ILayoutChangeListener {
+        void onFrameLayoutChanged(int width, int height, int left, int top, int right, int bottom);
+    }
+
+    public interface IOnChildRemovedListener {
+        void onChildRemoved(final View child);
+    }
+
+    public final Runnable measureAndLayout =
+            new Runnable() {
+                @Override
+                public void run() {
+                    measure(
+                            MeasureSpec.makeMeasureSpec(getWidth(), MeasureSpec.EXACTLY),
+                            MeasureSpec.makeMeasureSpec(getHeight(), MeasureSpec.EXACTLY));
+                    layout(getLeft(), getTop(), getRight(), getBottom());
+                    notifyLayoutChangeListeners(getWidth(), getHeight(), getLeft(), getTop(), getRight(), getBottom());
+                }
+            };
+
+    private final List<ILayoutChangeListener> layoutChangeListeners = new ArrayList<>();
+    private final List<IOnChildRemovedListener> childRemovedListeners = new ArrayList<>();
+    private final List<View> lastNotifiedChildViews = new ArrayList<>();
+    private final List<Type> reservedComponents = new ArrayList<>();
+    private boolean shouldNotifyWhenChildIsRemoved = false;
+
+    private void instantiate() {
+        reservedComponents.add(ScanbotComponentRootView.class);
+    }
+
+    public ScanbotComponentRootView(Context context) {
+        super(context);
+        instantiate();
+    }
+
+    public ScanbotComponentRootView(Context context, AttributeSet attrs) {
+        super(context, attrs);
+        instantiate();
+    }
+
+    public ScanbotComponentRootView(Context context, AttributeSet attrs, int defStyle) {
+        super(context, attrs, defStyle);
+        instantiate();
+    }
+
+    @Override
+    protected void onAttachedToWindow() {
+        super.onAttachedToWindow();
+        applyChildrenMeasureWorkaround();
+    }
+
+    private void applyChildrenMeasureWorkaround() {
+        Choreographer.getInstance().postFrameCallback(new Choreographer.FrameCallback() {
+            @Override
+            public void doFrame(long frameTimeNanos) {
+                for (int i = 0; i < getChildCount(); i++) {
+                    View child = getChildAt(i);
+                    if (child instanceof FrameLayout) {
+                        child.measure(MeasureSpec.makeMeasureSpec(getMeasuredWidth(), MeasureSpec.EXACTLY),
+                                MeasureSpec.makeMeasureSpec(getMeasuredHeight(), MeasureSpec.EXACTLY));
+                        child.layout(0, 0, child.getMeasuredWidth(), child.getMeasuredHeight());
+                    }
+                }
+                getViewTreeObserver().dispatchOnGlobalLayout();
+                shouldNotifyWhenChildIsRemoved = true;
+            }
+        });
+    }
+
+    @Override
+    public boolean onInterceptTouchEvent(MotionEvent ev) {
+        return super.onInterceptTouchEvent(ev);
+    }
+
+    @Override
+    public void requestLayout() {
+        super.requestLayout();
+        post(measureAndLayout);
+    }
+
+    public void addLayoutChangeListener(ILayoutChangeListener listener) {
+        layoutChangeListeners.add(listener);
+    }
+
+    public void addOneShotChildRemovedListener(IOnChildRemovedListener listener) {
+        if (!childRemovedListeners.contains(listener)) {
+            childRemovedListeners.add(listener);
+        }
+    }
+
+    private void notifyLayoutChangeListeners(int width, int height, int left, int top, int right, int bottom) {
+        for(ILayoutChangeListener listener : layoutChangeListeners) {
+            listener.onFrameLayoutChanged(width, height, left, top, right, bottom);
+        }
+    }
+
+    private void notifyChildRemovedListeners(final View childView) {
+        for (IOnChildRemovedListener listener : childRemovedListeners) {
+            if (!lastNotifiedChildViews.contains(childView)) {
+                listener.onChildRemoved(childView);
+                lastNotifiedChildViews.add(childView);
+            } else {
+                lastNotifiedChildViews.clear();
+            }
+        }
+
+        childRemovedListeners.clear();
+    }
+
+    @Override
+    public void onViewAdded(View child) {
+        super.onViewAdded(child);
+        child.bringToFront();
+        child.setZ(2.0f);
+    }
+
+    /**
+     * Called when a child view is removed from this ViewGroup. Overrides should always
+     * call super.onViewRemoved.
+     *
+     * @param child the removed child view
+     */
+    @Override
+    public void onViewRemoved(View child) {
+        super.onViewRemoved(child);
+        if (shouldNotifyWhenChildIsRemoved) {
+            //notifyChildRemovedListeners(child);
+        }
+    }
+
+    @Override
+    public void onAttachedToReactInstance() {
+        super.onAttachedToReactInstance();
+        shouldNotifyWhenChildIsRemoved = false;
+    }
+
+    @Override
+    protected void onDetachedFromWindow() {
+        super.onDetachedFromWindow();
+        shouldNotifyWhenChildIsRemoved = false;
+    }
+}

package/android/src/main/res/layout/component_barcode_camera_view.xml

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<io.scanbot.barcodesdk.plugin.reactnative.components.common.ScanbotComponentRootView
+    xmlns:android="http://schemas.android.com/apk/res/android"
+    android:descendantFocusability="afterDescendants"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent">
+    <io.scanbot.barcodesdk.plugin.reactnative.components.common.ScanbotComponentFrameLayout
+        android:id="@+id/fragment_container_view"
+        android:layout_width="match_parent"
+        android:layout_height="match_parent" />
+</io.scanbot.barcodesdk.plugin.reactnative.components.common.ScanbotComponentRootView>

package/android/src/main/res/layout/fragment_barcode_scanner.xml

@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="utf-8"?>
+<io.scanbot.barcodesdk.plugin.reactnative.components.common.ScanbotComponentFrameLayout
+    android:id="@+id/barcode_camera_layout"
+    xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent">
+
+    <io.scanbot.sdk.camera.ScanbotCameraView
+        android:id="@+id/barcode_camera"
+        android:orientation="vertical"
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        android:background="@android:color/black"
+        app:finder_view_id="@id/barcode_finder_overlay"/>
+
+    <io.scanbot.sdk.ui.camera.FinderOverlayView
+        android:id="@+id/barcode_finder_overlay"
+        app:min_padding="64dp"
+        android:layout_width="match_parent"
+        android:layout_height="match_parent" />
+
+</io.scanbot.barcodesdk.plugin.reactnative.components.common.ScanbotComponentFrameLayout>

package/index.d.ts

@@ -2,6 +2,7 @@ import { BarcodeScannerConfiguration, BatchBarcodeScannerConfiguration } from ".
 import { BarcodeDocumentFormat, BarcodeFormat, EngineMode } from "./src/enum";
 import { BarcodeResult, BarcodeScannerResult, BatchBarcodeScannerResult } from "./src/result";
 
+
 export {
     BarcodeScannerConfiguration,
     BatchBarcodeScannerConfiguration,
@@ -39,3 +40,6 @@ export interface ScanbotBarcodeSdk {
 declare var ScanbotBarcodeSDK: ScanbotBarcodeSdk;
 
 export default ScanbotBarcodeSDK;
+
+export * from './src/components/barcode-camera-view/scanbot-barcode-camera-view';
+export * from './src/components/barcode-camera-view/scanbot-barcode-camera-view-types';

package/index.js

@@ -8,3 +8,6 @@ import { NativeModules } from 'react-native';
 const { ScanbotBarcodeSdk } = NativeModules;
 
 export default ScanbotBarcodeSdk;
+
+export * from './src/components/barcode-camera-view/scanbot-barcode-camera-view';
+export * from './src/components/barcode-camera-view/scanbot-barcode-camera-view-types';

package/ios/Components/BarcodeCameraView/RNScanbotBarcodeCameraView.h

@@ -0,0 +1,54 @@
+//
+//  RNScanbotCameraView.h
+//  RNScanbotSDK
+//
+//  Created by Marco Saia on 18.05.21.
+//
+
+#ifndef RNScanbotCameraView_h
+#define RNScanbotCameraView_h
+
+#import <React/RCTComponent.h>
+@import ScanbotBarcodeScannerSDK;
+
+@interface RNScanbotBarcodeCameraView: UIView<SBSDKBarcodeScannerViewControllerDelegate>
+
+@property UIViewController* _Nullable cameraViewController;
+@property NSMutableArray* _Nonnull barcodes;
+@property (nonatomic, copy) RCTBubblingEventBlock _Nullable onBarcodeScannerResult;
+@property (nonatomic, copy) RCTBubblingEventBlock _Nullable requestComponentReload;
+@property (nonatomic) BOOL shouldUseFinderView;
+@property (nonatomic, copy) NSDictionary* _Nullable configuration;
+
+- (void) createCameraViewController;
+- (UIViewController* _Nullable) getParentViewController;
+
+@end
+
+@interface RNScanbotCameraViewConfiguration: NSObject
+
+// Non-Nullable Properties
+@property (nonatomic) CGFloat finderLineWidth;
+@property (nonatomic) UIColor* _Nonnull finderLineColor;
+@property (nonatomic) UIColor* _Nonnull finderBackgroundColor;
+@property (nonatomic) CGFloat finderBackgroundOpacity;
+@property (nonatomic) SBSDKAspectRatio* _Nonnull finderAspectRatio;
+@property (nonatomic) CGFloat finderMinimumPadding;
+@property (nonatomic) CGFloat finderVerticalOffset;
+
+
+// Nullable Properties (-1 for enums)
+@property (nonatomic, copy) NSNumber* _Nullable shouldUseFinderView;
+@property (nonatomic, copy) NSNumber* _Nullable flashEnabled;
+@property (nonatomic, copy) NSNumber* _Nullable cameraZoomFactor;
+@property (nonatomic, copy) NSNumber* _Nullable gs1DecodingEnabled;
+@property (nonatomic, copy) NSNumber* _Nullable minimumTextLength;
+@property (nonatomic, copy) NSNumber* _Nullable maximumTextLength;
+@property (nonatomic, copy) NSArray<SBSDKBarcodeType *>* _Nullable barcodeFormats;
+@property (nonatomic, copy) NSArray<SBSDKBarcodeDocumentType *>* _Nullable acceptedDocumentFormats;
+@property (nonatomic) SBSDKBarcodeMSIPlesseyChecksumAlgorithm msiPlesseyChecksumAlgorithm;
+@property (nonatomic) SBSDKBarcodeEngineMode engineMode;
+
+@end
+
+#endif /* RNScanbotCameraView_h */