react-native-scanbot-barcode-scanner-sdk 6.1.0-rc.3 → 6.2.0-beta.1

package/Libraries.txt

@@ -1,6 +1,6 @@
-Open Source libraries used in the Scanbot Barcode SDK for React Native version 6.1.0
+Open Source libraries used in the Scanbot Barcode SDK for React Native version 6.2.0
 
-Open Source libraries used in ScanbotBarcodeScannerSDK for iOS version 6.1.1:
+Open Source libraries used in ScanbotBarcodeScannerSDK for iOS version 6.2.0:
 
 +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 

package/RNScanbotBarcodeSDK.podspec

@@ -40,6 +40,6 @@ Pod::Spec.new do |s|
     end
   end
 
-  s.dependency "ScanbotBarcodeSDKWrapper", '6.1.1.2'
+  s.dependency "ScanbotBarcodeSDKWrapper", '6.2.0.0'
   s.ios.vendored_frameworks = 'ScanbotBarcodeSDKWrapper.framework'
 end

package/android/src/main/java/io/scanbot/barcodesdk/plugin/reactnative/components/barcode_scanner_view/ScanbotBarcodeScannerView.kt

@@ -4,21 +4,26 @@ import android.Manifest
 import android.app.Activity
 import android.content.Context
 import android.content.pm.PackageManager
+import android.content.res.ColorStateList
 import android.util.AttributeSet
 import android.view.View
 import android.view.ViewGroup
+import android.widget.Button
 import android.widget.FrameLayout
 import androidx.core.app.ActivityCompat
 import com.facebook.react.bridge.LifecycleEventListener
 import com.facebook.react.bridge.ReactContext
 import com.facebook.react.uimanager.UIManagerHelper
+import io.scanbot.barcodesdk.plugin.reactnative.components.barcode_scanner_view.models.BarcodeItemOverlayViewConfig
+import io.scanbot.barcodesdk.plugin.reactnative.components.barcode_scanner_view.models.CameraConfiguration
+import io.scanbot.barcodesdk.plugin.reactnative.components.barcode_scanner_view.models.FinderViewConfiguration
+import io.scanbot.barcodesdk.plugin.reactnative.components.barcode_scanner_view.models.PolygonStyleConfig
+import io.scanbot.barcodesdk.plugin.reactnative.components.barcode_scanner_view.models.SelectedBarcodes
+import io.scanbot.barcodesdk.plugin.reactnative.components.barcode_scanner_view.models.TextStyleConfig
 import io.scanbot.barcodesdk.plugin.reactnative.extensions.toPx
-import io.scanbot.barcodesdk.plugin.reactnative.models.CameraConfiguration
-import io.scanbot.barcodesdk.plugin.reactnative.models.FinderViewConfiguration
-import io.scanbot.barcodesdk.plugin.reactnative.models.PolygonStyleConfig
-import io.scanbot.barcodesdk.plugin.reactnative.models.SelectedBarcodes
-import io.scanbot.barcodesdk.plugin.reactnative.models.TextStyleConfig
+import io.scanbot.barcodesdk.plugin.reactnative.extensions.uuid
 import io.scanbot.sdk.barcode.entity.BarcodeItem
+import io.scanbot.sdk.barcode.entity.BarcodeScanningResult
 import io.scanbot.sdk.barcode.ui.BarcodePolygonsView
 import io.scanbot.sdk.barcode.ui.BarcodeScannerView
 import io.scanbot.sdk.barcode.ui.IBarcodeScannerFinderViewController
@@ -30,19 +35,13 @@ import io.scanbot.sdk.camera.FrameHandlerResult
 import io.scanbot.sdk.ui.camera.CameraUiSettings
 
 class ScanbotBarcodeScannerView(
-    context: Context,
-    attrs: AttributeSet?,
-    defStyleAttr: Int,
-    defStyleRes: Int
+    context: Context, attrs: AttributeSet?, defStyleAttr: Int, defStyleRes: Int
 ) : FrameLayout(context, attrs, defStyleAttr, defStyleRes) {
 
     constructor(context: Context) : this(context, null)
     constructor(context: Context, attrs: AttributeSet?) : this(context, attrs, 0)
     constructor(context: Context, attrs: AttributeSet?, defStyleAttr: Int) : this(
-        context,
-        attrs,
-        defStyleAttr,
-        0
+        context, attrs, defStyleAttr, 0
     )
 
     companion object {
@@ -63,6 +62,41 @@ class ScanbotBarcodeScannerView(
 
     private var cameraPermissionRequested = false
 
+    private var barcodeItemOverlayViewBinders: MutableMap<String, BarcodeItemOverlayViewConfig>? =
+        null
+
+    private val barcodeItemOverlayViewBinder: BarcodePolygonsView.BarcodeItemViewBinder =
+        object : BarcodePolygonsView.BarcodeItemViewBinder {
+            override fun bindView(view: View, barcodeItem: BarcodeItem, shouldHighlight: Boolean) {
+                (view as? Button)?.let { buttonView ->
+                    barcodeItemOverlayViewBinders?.get(barcodeItem.uuid())
+                        ?.let { overlayViewConfig ->
+                            buttonView.text = overlayViewConfig.text
+
+                            // TODO native bug: buttonView doesn't use global overlay configuration by default
+                            if (shouldHighlight) {
+                                buttonView.setTextColor(
+                                    overlayViewConfig.highlightedTextColorParsed
+                                        ?: textStyle.textHighlightedColor!!
+                                )
+                                buttonView.backgroundTintList = ColorStateList.valueOf(
+                                    overlayViewConfig.highlightedTextContainerColorParsed
+                                        ?: textStyle.textContainerHighlightedColor!!
+                                )
+                            } else {
+                                buttonView.setTextColor(
+                                    overlayViewConfig.textColorParsed ?: textStyle.textColor!!
+                                )
+                                buttonView.backgroundTintList = ColorStateList.valueOf(
+                                    overlayViewConfig.textContainerColorParsed
+                                        ?: textStyle.textContainerColor!!
+                                )
+                            }
+                        }
+                }
+            }
+        }
+
     private var lifecycleEventListener: LifecycleEventListener = object : LifecycleEventListener {
         override fun onHostResume() {
             requestCameraPermissionIfNotGranted()
@@ -88,8 +122,6 @@ class ScanbotBarcodeScannerView(
         addView(barcodeScanner)
     }
 
-
-
     private fun initBarcodeScannerView() {
         barcodeScanner = BarcodeScannerView(context).apply {
             initCamera(CameraUiSettings(true))
@@ -97,6 +129,8 @@ class ScanbotBarcodeScannerView(
             initDetectionBehavior(barcodeDetector, {
                 (it as? FrameHandlerResult.Success)?.value?.let { result ->
                     sendEvent(BarcodeScannerResultEvent(result))
+
+                    addBarcodeItemOverlayViewInitialBinder(result)
                 }
 
                 false
@@ -224,10 +258,8 @@ class ScanbotBarcodeScannerView(
     private fun requestCameraPermissionIfNotGranted() {
         val activity: Activity = (context as ReactContext).currentActivity ?: return
 
-        if (!cameraPermissionRequested &&
-            ActivityCompat.checkSelfPermission(
-                activity,
-                Manifest.permission.CAMERA
+        if (!cameraPermissionRequested && ActivityCompat.checkSelfPermission(
+                activity, Manifest.permission.CAMERA
             ) != PackageManager.PERMISSION_GRANTED
         ) {
             // shouldShowRequestPermissionRationale can be changed from another place in the app,
@@ -235,9 +267,7 @@ class ScanbotBarcodeScannerView(
             cameraPermissionRequested = true
 
             ActivityCompat.requestPermissions(
-                activity,
-                arrayOf(Manifest.permission.CAMERA),
-                CAMERA_PERMISSION_REQUEST_CODE
+                activity, arrayOf(Manifest.permission.CAMERA), CAMERA_PERMISSION_REQUEST_CODE
             )
         }
     }
@@ -246,20 +276,32 @@ class ScanbotBarcodeScannerView(
         barcodeScanner.selectionOverlayController.setBarcodeAppearanceDelegate(object :
             BarcodePolygonsView.BarcodeAppearanceDelegate {
             override fun getPolygonStyle(
-                defaultStyle: BarcodePolygonsView.BarcodePolygonStyle,
-                barcodeItem: BarcodeItem
+                defaultStyle: BarcodePolygonsView.BarcodePolygonStyle, barcodeItem: BarcodeItem
             ): BarcodePolygonsView.BarcodePolygonStyle {
-                return defaultStyle.copy(
-                    fillColor = polygonStyle.fillColor!!,
-                    fillHighlightedColor = polygonStyle.fillHighlightedColor!!,
-                    strokeColor = polygonStyle.strokeColor!!,
-                    strokeHighlightedColor = polygonStyle.strokeHighlightedColor!!,
-                )
+                return barcodeItemOverlayViewBinders?.get(barcodeItem.uuid())
+                    ?.let { overlayViewConfig ->
+                        defaultStyle.copy(
+                            fillColor = overlayViewConfig.polygonColorParsed
+                                ?: polygonStyle.fillColor!!,
+                            fillHighlightedColor = overlayViewConfig.highlightedPolygonColorParsed
+                                ?: polygonStyle.fillHighlightedColor!!,
+                            strokeColor = overlayViewConfig.strokeColorParsed
+                                ?: polygonStyle.strokeColor!!,
+                            strokeHighlightedColor = overlayViewConfig.highlightedStrokeColorParsed
+                                ?: polygonStyle.strokeHighlightedColor!!,
+                        )
+                    } ?: run {
+                    defaultStyle.copy(
+                        fillColor = polygonStyle.fillColor!!,
+                        fillHighlightedColor = polygonStyle.fillHighlightedColor!!,
+                        strokeColor = polygonStyle.strokeColor!!,
+                        strokeHighlightedColor = polygonStyle.strokeHighlightedColor!!,
+                    )
+                }
             }
 
             override fun getTextViewStyle(
-                defaultStyle: BarcodePolygonsView.BarcodeTextViewStyle,
-                barcodeItem: BarcodeItem
+                defaultStyle: BarcodePolygonsView.BarcodeTextViewStyle, barcodeItem: BarcodeItem
             ): BarcodePolygonsView.BarcodeTextViewStyle {
                 return defaultStyle.copy(
                     textColor = textStyle.textColor!!,
@@ -271,4 +313,37 @@ class ScanbotBarcodeScannerView(
             }
         })
     }
+
+    private fun addBarcodeItemOverlayViewInitialBinder(barcodeResult: BarcodeScanningResult) {
+        barcodeItemOverlayViewBinders?.let { bindersList ->
+            barcodeResult.barcodeItems.forEach { barcodeItem ->
+                val barcodeItemUuid = barcodeItem.uuid()
+
+                if (!bindersList.contains(barcodeItemUuid)) {
+                    bindersList[barcodeItemUuid] =
+                        BarcodeItemOverlayViewConfig(text = BarcodeItemOverlayViewConfig.LOADING_TEXT)
+                }
+            }
+        }
+    }
+
+    fun updateBarcodeItemOverlayViewBinder(
+        barcodeItemUuid: String, barcodeItemOverlayViewConfig: BarcodeItemOverlayViewConfig
+    ) {
+        barcodeItemOverlayViewBinders?.let { bindersList ->
+            if (bindersList.contains(barcodeItemUuid)) {
+                bindersList[barcodeItemUuid] = barcodeItemOverlayViewConfig
+            }
+        }
+    }
+
+    fun setBarcodeItemOverlayViewBinderCallback() {
+        if (barcodeItemOverlayViewBinders == null) {
+            barcodeItemOverlayViewBinders = mutableMapOf()
+
+            barcodeScanner.selectionOverlayController.setBarcodeItemViewBinder(
+                barcodeItemOverlayViewBinder
+            )
+        }
+    }
 }

package/android/src/main/java/io/scanbot/barcodesdk/plugin/reactnative/components/barcode_scanner_view/ScanbotBarcodeScannerViewManager.kt

@@ -11,14 +11,15 @@ import com.facebook.react.uimanager.annotations.ReactProp
 import com.facebook.react.viewmanagers.ScanbotBarcodeScannerViewManagerDelegate
 import com.facebook.react.viewmanagers.ScanbotBarcodeScannerViewManagerInterface
 import com.google.gson.reflect.TypeToken
+import io.scanbot.barcodesdk.plugin.reactnative.components.barcode_scanner_view.models.BarcodeItemOverlayViewConfig
+import io.scanbot.barcodesdk.plugin.reactnative.components.barcode_scanner_view.models.CameraConfiguration
+import io.scanbot.barcodesdk.plugin.reactnative.components.barcode_scanner_view.models.DetectorConfig
+import io.scanbot.barcodesdk.plugin.reactnative.components.barcode_scanner_view.models.FinderInsets
+import io.scanbot.barcodesdk.plugin.reactnative.components.barcode_scanner_view.models.FinderViewConfiguration
+import io.scanbot.barcodesdk.plugin.reactnative.components.barcode_scanner_view.models.SelectedBarcodes
+import io.scanbot.barcodesdk.plugin.reactnative.components.barcode_scanner_view.models.ZoomRangeConfig
 import io.scanbot.barcodesdk.plugin.reactnative.extensions.toJSON
 import io.scanbot.barcodesdk.plugin.reactnative.extensions.toPx
-import io.scanbot.barcodesdk.plugin.reactnative.models.CameraConfiguration
-import io.scanbot.barcodesdk.plugin.reactnative.models.DetectorConfig
-import io.scanbot.barcodesdk.plugin.reactnative.models.FinderInsets
-import io.scanbot.barcodesdk.plugin.reactnative.models.FinderViewConfiguration
-import io.scanbot.barcodesdk.plugin.reactnative.models.SelectedBarcodes
-import io.scanbot.barcodesdk.plugin.reactnative.models.ZoomRangeConfig
 import io.scanbot.sdk.AspectRatio
 import io.scanbot.sdk.barcode.BarcodeEanUpcNoExtensionsFilter
 import io.scanbot.sdk.barcode.BarcodeExtensionsFilter
@@ -33,13 +34,10 @@ import java.util.EnumSet
 class ScanbotBarcodeScannerViewManager : SimpleViewManager<ScanbotBarcodeScannerView>(),
     ScanbotBarcodeScannerViewManagerInterface<ScanbotBarcodeScannerView> {
 
-    private val mDelegate: ViewManagerDelegate<ScanbotBarcodeScannerView>
+    private val mDelegate: ViewManagerDelegate<ScanbotBarcodeScannerView> =
+        ScanbotBarcodeScannerViewManagerDelegate(this)
 
-    init {
-        mDelegate = ScanbotBarcodeScannerViewManagerDelegate(this)
-    }
-
-    override fun getDelegate(): ViewManagerDelegate<ScanbotBarcodeScannerView>? {
+    override fun getDelegate(): ViewManagerDelegate<ScanbotBarcodeScannerView> {
         return mDelegate
     }
 
@@ -87,15 +85,27 @@ class ScanbotBarcodeScannerViewManager : SimpleViewManager<ScanbotBarcodeScanner
         }
     }
 
+    override fun bindBarcodeItemOverlayView(
+        view: ScanbotBarcodeScannerView, barcodeItemUuid: String, bindingConfig: String
+    ) {
+        val barcodeItemOverlayViewConfig =
+            SBWrapper.gson.fromJson(bindingConfig, BarcodeItemOverlayViewConfig::class.java)
+
+        view.updateBarcodeItemOverlayViewBinder(barcodeItemUuid, barcodeItemOverlayViewConfig)
+        view.setOverlayAppearance()
+    }
+
     override fun receiveCommand(
-        root: ScanbotBarcodeScannerView,
-        commandId: String?,
-        args: ReadableArray?
+        root: ScanbotBarcodeScannerView, commandId: String?, args: ReadableArray?
     ) {
         when (commandId) {
             "freezeCamera" -> freezeCamera(root)
             "unfreezeCamera" -> unfreezeCamera(root)
             "addHighLightedBarcode" -> addHighLightedBarcode(root, args?.getString(0))
+            "bindBarcodeItemOverlayView" -> bindBarcodeItemOverlayView(
+                root, args!!.getString(0), args.getString(1)
+            )
+
             else -> throw Error("Unrecognized command $commandId")
         }
     }
@@ -127,8 +137,7 @@ class ScanbotBarcodeScannerViewManager : SimpleViewManager<ScanbotBarcodeScanner
     override fun setCameraZoomRange(view: ScanbotBarcodeScannerView, value: ReadableMap?) {
         val zoomRange = if (value != null) {
             val zoomRangeConfig = SBWrapper.gson.fromJson(
-                value.toJSON().toString(),
-                ZoomRangeConfig::class.java
+                value.toJSON().toString(), ZoomRangeConfig::class.java
             )
             ZoomRange(zoomRangeConfig.maxZoom, zoomRangeConfig.minZoom)
         } else {
@@ -155,8 +164,7 @@ class ScanbotBarcodeScannerViewManager : SimpleViewManager<ScanbotBarcodeScanner
     override fun setDetectorConfig(view: ScanbotBarcodeScannerView, value: ReadableMap?) {
         val config = if (value != null) {
             SBWrapper.gson.fromJson(
-                value.toJSON().toString(),
-                DetectorConfig::class.java
+                value.toJSON().toString(), DetectorConfig::class.java
             )
         } else {
             DetectorConfig()
@@ -192,14 +200,12 @@ class ScanbotBarcodeScannerViewManager : SimpleViewManager<ScanbotBarcodeScanner
 
     @ReactProp(name = "finderRequiredAspectRatios")
     override fun setFinderRequiredAspectRatios(
-        view: ScanbotBarcodeScannerView,
-        value: ReadableMap?
+        view: ScanbotBarcodeScannerView, value: ReadableMap?
     ) {
         val aspectRatios = if (value != null) {
             listOf(
                 SBWrapper.gson.fromJson(
-                    value.toJSON().toString(),
-                    AspectRatio::class.java
+                    value.toJSON().toString(), AspectRatio::class.java
                 )
             )
         } else {
@@ -213,8 +219,7 @@ class ScanbotBarcodeScannerViewManager : SimpleViewManager<ScanbotBarcodeScanner
     override fun setFinderInset(view: ScanbotBarcodeScannerView, value: ReadableMap?) {
         val insets = if (value != null) {
             SBWrapper.gson.fromJson(
-                value.toJSON().toString(),
-                FinderInsets::class.java
+                value.toJSON().toString(), FinderInsets::class.java
             )
         } else {
             FinderViewConfiguration.DEFAULT_FINDER_INSETS
@@ -305,8 +310,7 @@ class ScanbotBarcodeScannerViewManager : SimpleViewManager<ScanbotBarcodeScanner
 
     @ReactProp(name = "overlayHighlightedTextContainerColor", customType = "Color")
     override fun setOverlayHighlightedTextContainerColor(
-        view: ScanbotBarcodeScannerView,
-        value: Int?
+        view: ScanbotBarcodeScannerView, value: Int?
     ) {
         view.textStyle.textContainerHighlightedColor = value
         view.setOverlayAppearance()
@@ -324,6 +328,20 @@ class ScanbotBarcodeScannerViewManager : SimpleViewManager<ScanbotBarcodeScanner
         view.barcodeScanner.selectionOverlayController.setEnabled(value)
     }
 
+    @ReactProp(name = "overlayLoadingTextValue")
+    override fun setOverlayLoadingTextValue(view: ScanbotBarcodeScannerView?, value: String?) {
+        BarcodeItemOverlayViewConfig.LOADING_TEXT = value
+    }
+
+    @ReactProp(name = "overlayBarcodeItemOverlayViewBinder")
+    override fun setOverlayBarcodeItemOverlayViewBinder(
+        view: ScanbotBarcodeScannerView, value: Boolean
+    ) {
+        if (value) {
+            view.setBarcodeItemOverlayViewBinderCallback()
+        }
+    }
+
     // endregion
 }
 

package/android/src/main/java/io/scanbot/barcodesdk/plugin/reactnative/{models → components/barcode_scanner_view/models}/ScanbotBarcodeScannerModels.kt

@@ -1,10 +1,12 @@
-package io.scanbot.barcodesdk.plugin.reactnative.models
+package io.scanbot.barcodesdk.plugin.reactnative.components.barcode_scanner_view.models
 
 import android.graphics.Color
 import androidx.annotation.Keep
+import io.scanbot.barcodesdk.plugin.reactnative.extensions.Utils
 import io.scanbot.sdk.AspectRatio
 import io.scanbot.sdk.barcode.entity.BarcodeDocumentFormat
 import io.scanbot.sdk.barcode.entity.BarcodeFormat
+import io.scanbot.sdk.barcode.entity.BarcodeItem
 import io.scanbot.sdk.barcode.entity.EngineMode
 import io.scanbot.sdk.barcode.entity.Gs1Handling
 import io.scanbot.sdk.barcode.entity.MSIPlesseyChecksumAlgorithm
@@ -162,3 +164,44 @@ data class FinderInsets(
     var left: Int, var right: Int, var top: Int, var bottom: Int
 )
 
+@Keep
+data class BarcodeItemOverlayViewConfig(
+    var text: String? = null,
+    var textColor: String? = null,
+    var textContainerColor: String? = null,
+    var highlightedTextColor: String? = null,
+    var highlightedTextContainerColor: String? = null,
+    var polygonColor: String? = null,
+    var strokeColor: String? = null,
+    var highlightedPolygonColor: String? = null,
+    var highlightedStrokeColor: String? = null
+) {
+
+    val textColorParsed: Int?
+        get() = textColor?.let { Utils.tryToParseRGBAHexColor(it) }
+
+    val textContainerColorParsed: Int?
+        get() = textContainerColor?.let { Utils.tryToParseRGBAHexColor(it) }
+
+    val highlightedTextColorParsed: Int?
+        get() = highlightedTextColor?.let { Utils.tryToParseRGBAHexColor(it) }
+
+    val highlightedTextContainerColorParsed: Int?
+        get() = highlightedTextContainerColor?.let { Utils.tryToParseRGBAHexColor(it) }
+
+    val polygonColorParsed: Int?
+        get() = polygonColor?.let { Utils.tryToParseRGBAHexColor(it) }
+
+    val strokeColorParsed: Int?
+        get() = strokeColor?.let { Utils.tryToParseRGBAHexColor(it) }
+
+    val highlightedPolygonColorParsed: Int?
+        get() = highlightedPolygonColor?.let { Utils.tryToParseRGBAHexColor(it) }
+
+    val highlightedStrokeColorParsed: Int?
+        get() = highlightedStrokeColor?.let { Utils.tryToParseRGBAHexColor(it) }
+
+    companion object {
+        var LOADING_TEXT: String? = null
+    }
+}

package/android/src/main/java/io/scanbot/barcodesdk/plugin/reactnative/extensions/BarcodeItemExtensions.kt

@@ -0,0 +1,8 @@
+package io.scanbot.barcodesdk.plugin.reactnative.extensions
+
+import io.scanbot.sdk.barcode.entity.BarcodeItem
+
+// TODO move to shared
+fun BarcodeItem.uuid(): String {
+    return textWithExtension + "_" + barcodeFormat.name
+}

package/android/src/main/java/io/scanbot/barcodesdk/plugin/reactnative/extensions/IntExtensions.kt

@@ -0,0 +1,7 @@
+package io.scanbot.barcodesdk.plugin.reactnative.extensions
+
+import android.content.res.Resources
+
+fun Int.toPx(resources: Resources): Int {
+    return (this * resources.displayMetrics.density).toInt()
+}

package/android/src/main/java/io/scanbot/barcodesdk/plugin/reactnative/extensions/Utils.kt

@@ -1,7 +1,14 @@
 package io.scanbot.barcodesdk.plugin.reactnative.extensions
 
-import android.content.res.Resources
+import io.scanbot.sdk.ui_v2.common.ScanbotColor
 
-fun Int.toPx(resources: Resources): Int {
-    return (this * resources.displayMetrics.density).toInt()
+object Utils {
+
+    fun tryToParseRGBAHexColor(colorString: String): Int? {
+        return try {
+            ScanbotColor(colorString, false).toAndroid()
+        } catch (ex: Exception) {
+            null
+        }
+    }
 }

package/android/src/paper/com/facebook/react/viewmanagers/ScanbotBarcodeScannerViewManagerDelegate.java

@@ -96,6 +96,12 @@ public class ScanbotBarcodeScannerViewManagerDelegate<T extends View, U extends
       case "overlayTextFormat":
         mViewManager.setOverlayTextFormat(view, value == null ? "CODE_AND_TYPE" : (String) value);
         break;
+      case "overlayLoadingTextValue":
+        mViewManager.setOverlayLoadingTextValue(view, value == null ? null : (String) value);
+        break;
+      case "overlayBarcodeItemOverlayViewBinder":
+        mViewManager.setOverlayBarcodeItemOverlayViewBinder(view, value == null ? false : (boolean) value);
+        break;
       default:
         super.setProperty(view, propName, value);
     }
@@ -113,6 +119,9 @@ public class ScanbotBarcodeScannerViewManagerDelegate<T extends View, U extends
       case "addHighLightedBarcode":
         mViewManager.addHighLightedBarcode(view, args.getString(0));
         break;
+      case "bindBarcodeItemOverlayView":
+        mViewManager.bindBarcodeItemOverlayView(view, args.getString(0), args.getString(1));
+        break;
     }
   }
 }

package/android/src/paper/com/facebook/react/viewmanagers/ScanbotBarcodeScannerViewManagerInterface.java

@@ -38,7 +38,10 @@ public interface ScanbotBarcodeScannerViewManagerInterface<T extends View> {
   void setOverlayHighlightedTextColor(T view, @Nullable Integer value);
   void setOverlayHighlightedTextContainerColor(T view, @Nullable Integer value);
   void setOverlayTextFormat(T view, @Nullable String value);
+  void setOverlayLoadingTextValue(T view, @Nullable String value);
+  void setOverlayBarcodeItemOverlayViewBinder(T view, boolean value);
   void freezeCamera(T view);
   void unfreezeCamera(T view);
   void addHighLightedBarcode(T view, String barcodeItem);
+  void bindBarcodeItemOverlayView(T view, String barcodeItemUuid, String bindingConfig);
 }

package/ios/Components/BarcodeScannerView/BarcodeItem.h

@@ -2,9 +2,9 @@
 #define BarcodeItem_h
 
 #import <Foundation/Foundation.h>
-#import <AVFoundation/AVFoundation.h>
 
 #import <ScanbotBarcodeScannerSDK/ScanbotBarcodeScannerSDK-Swift.h>
+#import <ScanbotBarcodeSDKWrapper/ScanbotBarcodeSDKWrapper-Swift.h>
 
 
 @interface BarcodeItem : NSObject
@@ -15,6 +15,7 @@
 - (instancetype)initWithText:(NSString *)text andType:(SBSDKBarcodeType *)type;
 - (BOOL)isEqual:(id)object;
 
++ (NSString *) uuidFor:(SBSDKBarcodeScannerResult *)barcodeItem;
 @end
 
 #endif /* BarcodeItem_h */

package/ios/Components/BarcodeScannerView/BarcodeItem.m

@@ -35,4 +35,8 @@
     return [self.text hash] + [self.type hash];
 }
 
++ (NSString *) uuidFor:(SBSDKBarcodeScannerResult *)barcodeItem {
+    return [NSString stringWithFormat:@"%@_%@", barcodeItem.rawTextStringWithExtension, barcodeItem.type.toString];
+}
+
 @end

package/ios/Components/BarcodeScannerView/RNScanbotBarcodeScannerLegacyView.h

@@ -20,6 +20,7 @@
 - (void) freezeCamera;
 - (void) unfreezeCamera;
 - (void) addHighlightedBarcode:(NSString *)barcodesJSON;
+- (void) bindBarcodeItemOverlayView:(nonnull NSString *)barcodeItemUuid bindingConfig:(nonnull NSString *)bindingConfigJson;
 @end
 
 #endif /* RNScanbotBarcodeScannerPaperView_h */

package/ios/Components/BarcodeScannerView/RNScanbotBarcodeScannerLegacyView.m

@@ -6,6 +6,8 @@
 @property (strong, nonatomic) SBSDKBarcodeScannerViewController *scannerViewController;
 @property (strong, nonatomic) UIViewController *vc;
 @property (nonatomic) BOOL scanningEnabled;
+@property (nonatomic) NSString* _Nullable barcodeItemOverlayViewLoadigText;
+@property (atomic) NSMutableDictionary* _Nullable barcodeItemOverlayViewBinders;
 @end
 
 @implementation RNScanbotBarcodeScannerLegacyView
@@ -18,6 +20,8 @@
     if (self = [super initWithFrame:frame]) {
         _scanningEnabled = true;
         _selectedBarcodes = [NSMutableSet set];
+        _barcodeItemOverlayViewLoadigText = nil;
+        _barcodeItemOverlayViewBinders = nil;
 
         self.vc = [[UIViewController alloc] init];
         self.vc.view = self;
@@ -42,6 +46,9 @@
     self.scannerViewController = nil;
     self.vc = nil;
     self.selectedBarcodes = [NSMutableSet set];
+    self.barcodeItemOverlayViewLoadigText = nil;
+    self.barcodeItemOverlayViewBinders = nil;
+    
     [super removeFromSuperview];
 }
 
@@ -210,6 +217,17 @@
     [RNScanbotBarcodeScannerViewControllerWrapper setOverlayTextFormat:self.scannerViewController value: decodedConfig.textFormat];
 }
 
+- (void) setOverlayLoadingTextValue:(NSString * _Nullable) value {
+    self.barcodeItemOverlayViewLoadigText = value;
+}
+
+- (void) setOverlayBarcodeItemOverlayViewBinder:(BOOL) value {
+    
+    if(value){
+        self.barcodeItemOverlayViewBinders = [[NSMutableDictionary alloc] init];
+    }
+}
+
 - (void) freezeCamera {
     [RNScanbotBarcodeScannerViewControllerWrapper freezeCamera:self.scannerViewController];
 }
@@ -218,6 +236,12 @@
     [RNScanbotBarcodeScannerViewControllerWrapper unfreezeCamera:self.scannerViewController];
 }
 
+- (void)bindBarcodeItemOverlayView:(nonnull NSString *)barcodeItemUuid bindingConfig:(nonnull NSString *)bindingConfigJson {
+    [RNScanbotBarcodeScannerViewControllerWrapper updateBarcodeItemOverlayViewBinderInDictionary:self.barcodeItemOverlayViewBinders
+                                                                                 barcodeItemUuid:barcodeItemUuid
+                                                                    barcodeItemOverlayViewConfigJson:bindingConfigJson];
+}
+
 - (void)barcodeScannerController:(nonnull SBSDKBarcodeScannerViewController *)controller
                didDetectBarcodes:(nonnull NSArray<SBSDKBarcodeScannerResult *> *)codes {
 
@@ -228,6 +252,10 @@
     NSString *result = [RNScanbotBarcodeScannerViewControllerWrapper jsonFromResultOrNil:codes];
     if(result != nil){
         self.onBarcodeScannerResult(@{@"result":result});
+        
+        [RNScanbotBarcodeScannerViewControllerWrapper addBarcodeItemOverlayViewInitialBinderInDictionary:self.barcodeItemOverlayViewBinders
+                                                                                             loadingText:self.barcodeItemOverlayViewLoadigText
+                                                                                                barcodes:codes];
     }
 }
 
@@ -254,19 +282,48 @@
 
 - (SBSDKBarcodeTrackedViewPolygonStyle *)barcodeTrackingOverlay:(SBSDKBarcodeTrackingOverlayController * _Nonnull)controller polygonStyleFor:(SBSDKBarcodeScannerResult * _Nonnull)barcode {
 
+    NSString * _Nonnull barcodeItemUuid = [BarcodeItem uuidFor:barcode];
+    NSString * _Nullable barcodeItemOverlayViewBindingJson = nil;
+    
+    if (self.barcodeItemOverlayViewBinders != nil) {
+        barcodeItemOverlayViewBindingJson = [self.barcodeItemOverlayViewBinders objectForKey:barcodeItemUuid];
+    }
+    
     return [RNScanbotBarcodeScannerViewControllerWrapper polygonForSelectedBarcode:barcode
                                                                   selectedBarcodes:self.selectedBarcodes
+                                                 barcodeItemOverlayViewBindingJson:barcodeItemOverlayViewBindingJson
                                                                         controller:self.scannerViewController];
 
 }
 
 - (SBSDKBarcodeTrackedViewTextStyle *)barcodeTrackingOverlay:(SBSDKBarcodeTrackingOverlayController * _Nonnull)controller textStyleFor:(SBSDKBarcodeScannerResult * _Nonnull)barcode {
 
-    return [RNScanbotBarcodeScannerViewControllerWrapper textStyleForSelectedBarcode:barcode
-                                                                    selectedBarcodes:self.selectedBarcodes
+    NSString * _Nonnull barcodeItemUuid = [BarcodeItem uuidFor:barcode];
+    NSString * _Nullable barcodeItemOverlayViewBindingJson = nil;
+    
+    if (self.barcodeItemOverlayViewBinders != nil) {
+        barcodeItemOverlayViewBindingJson = [self.barcodeItemOverlayViewBinders objectForKey:barcodeItemUuid];
+    }
+    
+    return [RNScanbotBarcodeScannerViewControllerWrapper scannedBarcodeOverlayViewTextStyle:barcode
+                                                                selectedBarcodes:self.selectedBarcodes
+                                               barcodeItemOverlayViewBindingJson:barcodeItemOverlayViewBindingJson
                                                                           controller:self.scannerViewController];
 }
 
+- (NSString * _Nonnull)barcodeTrackingOverlay:(SBSDKBarcodeTrackingOverlayController * _Nonnull)controller overrideTextFor:(SBSDKBarcodeScannerResult * _Nonnull)barcode proposedString:(NSString * _Nonnull)proposedString {
+    
+    NSString * _Nonnull barcodeItemUuid = [BarcodeItem uuidFor:barcode];
+    NSString * _Nullable barcodeItemOverlayViewBindingJson = nil;
+    
+    if (self.barcodeItemOverlayViewBinders != nil) {
+        barcodeItemOverlayViewBindingJson = [self.barcodeItemOverlayViewBinders objectForKey:barcodeItemUuid];
+    }
+    
+    return [RNScanbotBarcodeScannerViewControllerWrapper scannedBarcodeOverlayViewText:barcodeItemUuid
+                                                                        proposedString:proposedString
+                                                     barcodeItemOverlayViewBindingJson:barcodeItemOverlayViewBindingJson];
+}
 
 @end