assentify-sdk-react-native 1.0.0-Beta.3 → 1.0.0-Beta.31

package/Package.swift

@@ -0,0 +1,172 @@
+// swift-tools-version: 6.0
+// Root SPM manifest for assentify-sdk-react-native, consumed by RN 0.87+'s
+// `npx react-native spm` autolinking (dep root registered via
+// example/react-native.config.js; a real app registers it via its own
+// node_modules install instead).
+//
+// Three build targets:
+//   - AssentifySdkReactNative (Swift): ios/View/** + ios/Resources. Zero
+//     React dependency -- talks to the bridge layer only through the
+//     AssentifySdkEventEmitting protocol (ios/View/AssentifySdkEventEmitting.swift).
+//     Ships as plain source in this same package graph (not a precompiled
+//     xcframework/binaryTarget -- that was tried first, but a binaryTarget
+//     whose public API exposes another SPM package's types (AssentifySdk)
+//     bakes in a module reference from its OWN isolated build/resolution
+//     graph, which doesn't resolve when a consuming app's SEPARATE SPM
+//     resolution tries to use it ("module 'AssentifySdk' not found" scanning
+//     the framework's generated header). Shipping as source means AssentifySdk
+//     resolves exactly once, consistently, for the whole app graph.
+//   - AssentifySdkReactNativeBridge (Swift): NativeAssentifySdk.swift,
+//     RNPassportScanner.swift, AssentifySdkBaseModule.swift. These subclass
+//     RCTEventEmitter/RCTViewManager directly, so they need RCTEventEmitter's
+//     ObjC interface visible at compile time -- `import React` (the module
+//     name the ReactHeaders target's custom module map declares) below.
+//   - AssentifySdkReactNativeObjC (Objective-C++): NativeAssentifySdk.mm,
+//     RNPassportScanner.m, RNIOSProgressBar.*, RNTMapManager.*. These use
+//     RCT_EXTERN_MODULE, which forward-declares the bridge module by name and
+//     resolves the Swift implementation via the Objective-C runtime at
+//     startup -- there is no compile-time symbol reference between this
+//     target and the Swift ones, so neither depends on the other; both just
+//     need to end up linked into the same product.
+//
+// Split into three (rather than the podspec's single mixed-language pod
+// target) because SPM cannot compile Swift + Objective-C/C++ in one target.
+import PackageDescription
+
+let package = Package(
+    name: "AssentifySdkReactNative",
+    // Must be >= the upstream AssentifySdk.iOS.SPM engine's own minimum
+    // (15.0) -- SPM rejects a target claiming a lower floor than a product
+    // it depends on. NOTE: RN 0.87's autolinking aggregator
+    // (generate-spm-autolinking.js) currently hardcodes iOS 15 for EVERY
+    // autolinked package with no way to raise it per-dependency, so an app
+    // consuming this library via `npx react-native spm` will need that
+    // upstream limitation fixed/configurable before this resolves cleanly
+    // end-to-end; verified locally by patching the generated aggregator.
+    platforms: [.iOS(.v15)],
+    products: [
+        .library(
+            name: "AssentifySdkReactNative",
+            targets: [
+                "AssentifySdkReactNative",
+                "AssentifySdkReactNativeBridge",
+                "AssentifySdkReactNativeObjC",
+            ]
+        ),
+    ],
+    dependencies: [
+        // RN 0.87+'s SPM app-side pipeline materializes this locally at
+        // <appRoot>/build/xcframeworks; a self-managed dep's relative
+        // .package(path:) is resolved against the autolinker's
+        // <appRoot>/build/generated/autolinking/libs/<SwiftName> symlink, not
+        // this file's real location -- both live under <appRoot>/build, so
+        // the "../../../../" depth is fixed by that RN-tooling convention
+        // regardless of which app consumes this package.
+        .package(name: "ReactNative", path: "../../../../xcframeworks"),
+        .package(name: "React-GeneratedCode", path: "../../../../generated/ios"),
+        .package(
+            url: "https://github.com/AssentifyLTD/Assentify.SDK.iOS.SPM.git",
+            exact: "1.0.0-Beta.26"
+        ),
+    ],
+    targets: [
+        .target(
+            name: "AssentifySdkReactNative",
+            dependencies: [
+                .product(name: "AssentifySdk", package: "assentify.sdk.ios.spm"),
+            ],
+            path: "ios",
+            sources: [
+                "View/AssentifySdkEventEmitting.swift",
+                "View/DataDecoder.swift",
+                "View/FaceMatchController.swift",
+                "View/IDCardController.swift",
+                "View/OtherController.swift",
+                "View/PassportController.swift",
+                "View/QrController.swift",
+                "View/UI.swift",
+            ],
+            // Individually-listed (not `.copy("Resources")`) so the files land
+            // flat at the resource bundle's root -- a nested top-level dir
+            // literally named "Resources" alongside the bundle's own Info.plist
+            // makes Xcode's codesign misidentify the bundle as a malformed
+            // macOS Contents/Resources layout ("bundle format unrecognized,
+            // invalid, or unsuitable"), failing CodeSign at build time.
+            resources: [
+                .copy("Resources/card.gif"),
+                .copy("Resources/expire.png"),
+                .copy("Resources/id.gif"),
+                .copy("Resources/id_warning.png"),
+                .copy("Resources/info_icon.png"),
+                .copy("Resources/passport.gif"),
+                .copy("Resources/sending.png"),
+                .copy("Resources/warning.png"),
+                .copy("Resources/zoom_in.png"),
+                .copy("Resources/zoom_out.png"),
+            ],
+            // See the Bridge target below: this source predates Swift 6's
+            // strict concurrency checking (main-actor isolation wasn't a
+            // compile error under the podspec's Swift 5).
+            swiftSettings: [.swiftLanguageMode(.v5)]
+        ),
+        .target(
+            name: "AssentifySdkReactNativeBridge",
+            dependencies: [
+                "AssentifySdkReactNative",
+                .product(name: "AssentifySdk", package: "assentify.sdk.ios.spm"),
+                .product(name: "ReactHeaders", package: "ReactNative"),
+                .product(name: "ReactNativeHeaders", package: "ReactNative"),
+                .product(name: "ReactNativeDependenciesHeaders", package: "ReactNative"),
+                .product(name: "ReactAppHeaders", package: "React-GeneratedCode"),
+            ],
+            path: "ios",
+            sources: [
+                "AssentifySdkBaseModule.swift",
+                "NativeAssentifySdk.swift",
+                "UIComponents/RNPassportScanner.swift",
+            ],
+            // Matches the podspec's `swift_versions` (5.0-5.5): this source
+            // predates Swift 6 mode, which turns some existing syntax (e.g.
+            // `@objc (Name)` with a space) into hard errors instead of warnings.
+            swiftSettings: [.swiftLanguageMode(.v5)]
+        ),
+        .target(
+            name: "AssentifySdkReactNativeObjC",
+            dependencies: [
+                // RCT_EXTERN_MODULE (NativeAssentifySdk.mm, RNPassportScanner.m)
+                // resolves NativeAssentifySdk/RNPassportScanner purely via the
+                // Objective-C runtime at startup -- no #import ever references
+                // the Bridge target, so nothing here creates a compile-time
+                // symbol reference to it. Without an explicit target
+                // dependency, Xcode's SPM integration doesn't guarantee this
+                // product's sibling targets all get linked into a consumer:
+                // observed in practice as this target's object linking fine
+                // while AssentifySdkReactNativeBridge's compiled Swift classes
+                // (which define those @objc names) silently drop out of the
+                // final link ("Undefined symbols: _OBJC_CLASS_$_NativeAssentifySdk").
+                // This dependency exists only to force that link edge.
+                "AssentifySdkReactNativeBridge",
+                .product(name: "ReactHeaders", package: "ReactNative"),
+                .product(name: "ReactNativeHeaders", package: "ReactNative"),
+                .product(name: "ReactNativeDependenciesHeaders", package: "ReactNative"),
+                .product(name: "ReactAppHeaders", package: "React-GeneratedCode"),
+            ],
+            path: "ios",
+            sources: [
+                "NativeAssentifySdk.mm",
+                "UIComponents/RNPassportScanner.m",
+                "UIComponents/RNIOSProgressBar.m",
+                "UIComponents/RNTMapManager.m",
+            ],
+            publicHeadersPath: "UIComponents",
+            cxxSettings: [
+                .define("DEBUG", .when(configuration: .debug)),
+                .define("NDEBUG", .when(configuration: .release)),
+            ],
+            linkerSettings: [
+                .linkedFramework("MapKit"),
+            ]
+        ),
+    ],
+    cxxLanguageStandard: .cxx20
+)

package/README.md

@@ -56,43 +56,107 @@ yarn add assentify-sdk-react-native
 ```
 
 ## Installation iOS
-**Podfile**
-```
-   platform :ios, '18.0'
-   dynamic_frameworks = ['AssentifySdk', 'TensorFlowLiteSwift']
-
-   permissions_path = '../node_modules/react-native-permissions/ios'
-   pod 'Permission-Camera', :path => "#{permissions_path}/Camera"
-
-   pod 'SVGKit', :git => 'https://github.com/jbagaresgaray/SVGKit.git', :branch => '3.x', :modular_headers => true
-   pod 'CocoaLumberjack', :modular_headers => true
-   pod 'TensorFlowLiteSwift', '2.7.0' // If needed
-   use_frameworks!
-
-
-   pre_install do |installer|
-     installer.pod_targets.each do |pod|
-       if !dynamic_frameworks.include?(pod.name)
-         puts "Overriding the static_framework? method for #{pod.name}"
-         def pod.static_framework?;
-           true
-         end
-         def pod.build_type;
-           Pod::BuildType.static_library
-         end
-       end
-     end
-   end
 
-```
+As of this version, the underlying [AssentifySdk](https://github.com/AssentifyLTD/Assentify.SDK.iOS.SPM) native library is
+distributed via **Swift Package Manager** instead of CocoaPods. You don't need to add it to your Podfile or install it
+manually — the `assentify-sdk` pod declares it as an SPM dependency, and `pod install` wires the Swift package into your
+Xcode project automatically (using React Native's built-in `spm_dependency`/autolinking support).
 
-```swift
- cd ios
- pod install
-```
 
 ## Versions
 
+***1.0.0-Beta.31***
+1. *"Assisted Data Entry Step" Improvements*
+
+***1.0.0-Beta.30***
+1. *"Assisted Data Entry Step" Improvements*
+
+***1.0.0-Beta.29***
+1. *Fix Date Format*
+2. *"Assisted Data Entry Step" Improvements*
+3. *Back Click Logic Improvements*
+
+***1.0.0-Beta.28***
+1. *Fix Date Format*
+2. *"Assisted Data Entry Step" Improvements*
+3. *Back Click Logic Improvements*
+
+***1.0.0-Beta.27***
+1. *UI Improvements*
+
+***1.0.0-Beta.26***
+1. *Support Local Passport Scan*
+
+***1.0.0-Beta.25***
+1. *Android Target Sdk Version 36 Support.*
+
+***1.0.0-Beta.24***
+1. *iOS 15+ support.*
+
+***1.0.0-Beta.23***
+1. *iOS: Switched from CocoaPods to Swift Package Manager (SPM) for dependency management.*
+
+***1.0.0-Beta.22***
+1. *Added full RTL (Right-to-Left) and LTR (Left-to-Right) , Arabic and English layout support.*
+2. *Enhanced the slider click animation*
+
+***1.0.0-Beta.21***
+1. "Assisted Data Entry Step" Improvements
+
+***1.0.0-Beta.20***
+1. "Assisted Data Entry Step" Improvements
+
+***1.0.0-Beta.19***
+1. *Enhanced Flow Design*
+2. "Assisted Data Entry Step" Improvements
+
+***1.0.0-Beta.18***
+1. *Enhanced Flow Design*
+2. "Assisted Data Entry Step" Improvements
+
+***1.0.0-Beta.17***
+1. *Support for initializing the SDK using a file path*
+
+***1.0.0-Beta.16***
+1. *"Assisted Data Entry Step" Improvements*
+
+***1.0.0-Beta.15***
+1. *Enhanced Flow Design*
+
+***1.0.0-Beta.14***
+1. *Optimized Camera Preview*
+
+***1.0.0-Beta.13***
+1. *Optimized Face Match Experience*
+
+***1.0.0-Beta.12***
+1. *Optimized OTP Delivery Process*
+
+**1.0.0-Beta.11**
+1. *Optimized Face Match Experience*
+
+**1.0.0-Beta.10**
+1. *Enhanced User Experience*
+
+**1.0.0-Beta.9**
+1. *Support for new button design*
+
+**1.0.0-Beta.8**
+1. *Support for new button design*
+
+**1.0.0-Beta.7**
+1. *Enhanced Flow Design
+
+**1.0.0-Beta.6**
+1. *Enhanced Flow Design
+
+**1.0.0-Beta.5**
+1. *Enhanced User Experience*
+2. *Auto Generated Signature*
+
+**1.0.0-Beta.4**
+1. *Enhanced User Experience*
+
 **1.0.0-Beta.3**
 1. *Enhanced The Overall User Experience*
 

package/android/build.gradle

@@ -23,7 +23,6 @@ def isNewArchitectureEnabled() {
 }
 
 apply plugin: "com.android.library"
-apply plugin: "kotlin-android"
 
 def getExtOrDefault(name) {
   return rootProject.ext.has(name)
@@ -79,10 +78,6 @@ android {
     targetCompatibility JavaVersion.VERSION_17
   }
 
-  kotlinOptions {
-    jvmTarget = "17"
-  }
-
   packagingOptions {
     pickFirst '**/libc++_shared.so'
     pickFirst '**/libfbjni.so'
@@ -101,7 +96,7 @@ dependencies {
   compileOnly("com.facebook.react:react-android")
   implementation "org.jetbrains.kotlin:kotlin-stdlib:$kotlin_version"
 
-  implementation 'com.github.AssentifyLTD:Assentify.SDK.Android:1.0.0-Beta.14'
+  implementation 'com.github.AssentifyLTD:Assentify.SDK.Android:1.0.0-Beta.46'
 
   implementation 'com.google.code.gson:gson:2.13.2'
   implementation 'androidx.navigation:navigation-fragment-ktx:2.9.7'

package/android/src/main/java/com/assentifysdk/AssentifySdkModule.kt

@@ -58,6 +58,7 @@ class AssentifySdkModule(context: ReactApplicationContext) :
   fun initialize(
     apiKey: String,
     configFileName: String,
+    processJsonConfigFile: String =  "",
     performLivenessFace: Boolean? = null,
     ENV_CustomColor: String? = null,
     enableDetect: Boolean = true,
@@ -76,8 +77,8 @@ class AssentifySdkModule(context: ReactApplicationContext) :
     iOSMinRam:Int = 2,
     minCPUCores:Int = 6,
     manualClickColor: String? = null,
-
-   countDownNumbersColor: String? = null
+   countDownNumbersColor: String? = null,
+    flowUiLanguage: String? = null
 
   ) {
     try {
@@ -96,6 +97,7 @@ class AssentifySdkModule(context: ReactApplicationContext) :
       println("$tag Assentify SDK Initialized")
       println("$tag apiKey: $apiKey")
       println("$tag configFileName: $configFileName")
+      println("$tag processJsonConfigFile: $processJsonConfigFile")
       println("$tag performLivenessFace: $performLivenessFace")
       println("$tag ENV_CustomColor: $ENV_CustomColor")
       println("$tag enableDetect: $enableDetect")
@@ -115,6 +117,7 @@ class AssentifySdkModule(context: ReactApplicationContext) :
       println("$tag MinCPUCores: $minCPUCores")
       println("$tag ManualClickColor: $manualClickColor")
       println("$tag countDownNumbersColor: $countDownNumbersColor")
+      println("$tag flowUiLanguage: $flowUiLanguage")
       println("$tag ==============================================")
 
       val typeActive: ActiveLiveType = when (activeLiveType) {
@@ -138,7 +141,9 @@ class AssentifySdkModule(context: ReactApplicationContext) :
           activeLivenessCheckCount = activeLivenessCheckCount,
           faceLivenessRetryCount = faceLivenessRetryCount ,
           minRam = minRam,
-          minCPUCores = minCPUCores
+          minCPUCores = minCPUCores,
+          flowUiLanguage = flowUiLanguage ?: "en",
+
         )
 
       val eventResultMap = Arguments.createMap().apply {
@@ -158,7 +163,8 @@ class AssentifySdkModule(context: ReactApplicationContext) :
           environmentalConditions,
           this,
           performActiveLivenessFace = performLivenessFace,
-          context = reactApplicationContext
+          context = reactApplicationContext,
+          processJsonConfigFile = processJsonConfigFile
         )
     } catch (e: Exception) {
       Log.e(NAME, e.toString())
@@ -306,8 +312,11 @@ class AssentifySdkModule(context: ReactApplicationContext) :
         // }
         // sendEvent("AppResult", eventResultMap)
         this.configModel = configModel;
-        templatesByCountry = assentifySdk.getTemplates( configModel.stepMap.filter { it.stepDefinition == StepsNames.IdentificationDocumentCapture }.first().id
-        );
+        templatesByCountry = configModel.stepMap
+          .firstOrNull { it.stepDefinition == StepsNames.IdentificationDocumentCapture }
+          ?.id
+          ?.let { assentifySdk.getTemplates(it) }
+          ?: emptyList()
         val eventResultMap =
           Arguments.createMap().apply {
             val jsonTemplates = encodeTemplatesByCountryToJson(templatesByCountry)
@@ -501,10 +510,24 @@ class AssentifySdkModule(context: ReactApplicationContext) :
     holdUntilClickColors: Double? = null,
     backgroundType: String? = null,
     clear: Boolean? = null,
-    language: String,
+    extractedDataLanguage: String,
     enableNfc: Boolean? = null,
     enableQr: Boolean? = null,
-    jsonBlockLoaderCustomProperties: String? = null
+    jsonBlockLoaderCustomProperties: String? = null,
+    stepperType: String? = null,
+    rangeStart: Int? = null,
+    rangeEnd: Int? = null,
+    stepperTitle: String? = null,
+    showCountDown: Boolean? = null,
+    validationStyle: String? = null,
+    stepperTitleColor: String? = null,
+    howToCapturePassportVideo: String? = null,
+    howToCaptureIDVideo: String? = null,
+    howToCaptureFaceVideo: String? = null,
+    clickFontWeight: String? = null,
+    hideBlockLoader: Boolean? = null,
+    hideWrapUp: Boolean? = null,
+    localMrzScan: Boolean? = null,
   ) {
     val intent = Intent(reactApplicationContext, FlowActivity::class.java)
     intent.addFlags(Intent.FLAG_ACTIVITY_NEW_TASK);
@@ -528,10 +551,24 @@ class AssentifySdkModule(context: ReactApplicationContext) :
     )
     intent.putExtra("angleDegreesClickColors", angleDegreesClickColors)
     intent.putExtra("holdUntilClickColors", holdUntilClickColors)
-    intent.putExtra("language", language)
+    intent.putExtra("extractedDataLanguage", extractedDataLanguage)
     intent.putExtra("enableNfc", enableNfc)
     intent.putExtra("enableQr", enableQr)
     intent.putExtra("jsonBlockLoaderCustomProperties", jsonBlockLoaderCustomProperties)
+    intent.putExtra("stepperType", stepperType)
+    intent.putExtra("rangeStart", rangeStart)
+    intent.putExtra("rangeEnd", rangeEnd)
+    intent.putExtra("stepperTitle", stepperTitle)
+    intent.putExtra("showCountDown", showCountDown)
+    intent.putExtra("validationStyle", validationStyle)
+    intent.putExtra("stepperTitleColor", stepperTitleColor)
+    intent.putExtra("howToCapturePassportVideo", howToCapturePassportVideo)
+    intent.putExtra("howToCaptureIDVideo", howToCaptureIDVideo)
+    intent.putExtra("howToCaptureFaceVideo", howToCaptureFaceVideo)
+    intent.putExtra("clickFontWeight", clickFontWeight)
+    intent.putExtra("hideBlockLoader", hideBlockLoader)
+    intent.putExtra("hideWrapUp", hideWrapUp)
+    intent.putExtra("localMrzScan", localMrzScan)
     reactApplicationContext.currentActivity?.startActivity(intent)
   }
 

package/android/src/main/java/com/assentifysdk/FlowActivity.kt

@@ -9,6 +9,7 @@ import com.assentify.sdk.AssentifySdk
 import com.assentify.sdk.AssentifySdkObject
 import com.assentify.sdk.Core.Constants.BackgroundType
 import com.assentify.sdk.Core.Constants.BackgroundStyle
+import com.assentify.sdk.Core.Constants.StepperType
 import com.assentify.sdk.Core.Constants.FlowEnvironmentalConditions
 import com.assentify.sdk.Flow.Models.FlowCallBack
 import com.assentify.sdk.Flow.Models.FlowCompletedModel
@@ -16,7 +17,8 @@ import com.assentify.sdk.Flow.Models.FlowCompletedModel
 import com.facebook.react.bridge.Arguments
 import com.facebook.react.bridge.ReactApplicationContext
 import com.facebook.react.modules.core.DeviceEventManagerModule
-
+import com.assentify.sdk.Core.Constants.ValidationStyle
+import com.assentify.sdk.Core.Constants.ClickFontWeight
 import com.google.gson.Gson
 import com.google.gson.reflect.TypeToken
 
@@ -26,7 +28,7 @@ class FlowActivity : AppCompatActivity() , FlowCallBack {
   private lateinit var reactApplicationContext: ReactApplicationContext
   private lateinit var assentifySdk: AssentifySdk
 
-  private lateinit var language: String;
+  private lateinit var extractedDataLanguage: String;
   private var enableNfc: Boolean = false;
   private var enableQr: Boolean = false;
   private var blockLoaderCustomProperties: Map<String, Any> = emptyMap()
@@ -70,8 +72,8 @@ class FlowActivity : AppCompatActivity() , FlowCallBack {
 
 
 
-    language =
-      intent.getStringExtra("language") ?: language
+    extractedDataLanguage =
+      intent.getStringExtra("extractedDataLanguage") ?: extractedDataLanguage
 
     enableNfc = intent.getBooleanExtra("enableNfc", false)
     enableQr = intent.getBooleanExtra("enableQr", false)
@@ -83,6 +85,22 @@ class FlowActivity : AppCompatActivity() , FlowCallBack {
     blockLoaderCustomProperties =
       Gson().fromJson(jsonBlockLoaderCustomProperties, type) ?: emptyMap()
 
+    val stepperType = intent.getStringExtra("stepperType")
+    val rangeStart = intent.getIntExtra("rangeStart",25)
+    val rangeEnd = intent.getIntExtra("rangeEnd",50)
+    val stepperTitle = intent.getStringExtra("stepperTitle")
+    val showCountDown = intent.getBooleanExtra("showCountDown", true)
+    val validationStyle = intent.getStringExtra("validationStyle")
+    val stepperTitleColor = intent.getStringExtra("stepperTitleColor")
+    val howToCapturePassportVideo = intent.getStringExtra("howToCapturePassportVideo")
+    val howToCaptureIDVideo = intent.getStringExtra("howToCaptureIDVideo")
+    val howToCaptureFaceVideo = intent.getStringExtra("howToCaptureFaceVideo")
+    val clickFontWeight = intent.getStringExtra("clickFontWeight")
+
+    val hideBlockLoader = intent.getBooleanExtra("hideBlockLoader", false)
+    val hideWrapUp = intent.getBooleanExtra("hideWrapUp", false)
+    val localMrzScan = intent.getBooleanExtra("localMrzScan", false)
+
     // ========= 4) DEBUG LOGGING =========
     Log.d("FlowActivity", "===== Received Extras =====")
     Log.d("FlowActivity", "logoUrl: $logoUrl")
@@ -100,16 +118,34 @@ class FlowActivity : AppCompatActivity() , FlowCallBack {
     Log.d("FlowActivity", "angleDegreesClickColors: $angleDegreesClickColors")
     Log.d("FlowActivity", "holdUntilClickColors: $holdUntilClickColors")
 
-    Log.d("FlowActivity", "language: $language")
+    Log.d("FlowActivity", "extractedDataLanguage: $extractedDataLanguage")
     Log.d("FlowActivity", "enableNfc: $enableNfc")
     Log.d("FlowActivity", "enableQr: $enableQr")
     Log.d("FlowActivity", "blockLoaderCustomProperties: $blockLoaderCustomProperties")
+    Log.d("FlowActivity", "stepperType: $stepperType")
+    Log.d("FlowActivity", "rangeStart: $rangeStart")
+    Log.d("FlowActivity", "rangeEnd: $rangeEnd")
+    Log.d("FlowActivity", "stepperTitle: $stepperTitle")
+    Log.d("FlowActivity", "showCountDown: $showCountDown")
+    Log.d("FlowActivity", "validationStyle: $validationStyle")
+    Log.d("FlowActivity", "stepperTitleColor: $stepperTitleColor")
+    Log.d("FlowActivity", "howToCapturePassportVideo: $howToCapturePassportVideo")
+    Log.d("FlowActivity", "howToCaptureIDVideo: $howToCaptureIDVideo")
+    Log.d("FlowActivity", "howToCaptureFaceVideo: $howToCaptureFaceVideo")
+    Log.d("FlowActivity", "clickFontWeight: $clickFontWeight")
+    Log.d("FlowActivity", "hideBlockLoader: $hideBlockLoader")
+    Log.d("FlowActivity", "hideWrapUp: $hideWrapUp")
+    Log.d("FlowActivity", "localMrzScan: $localMrzScan")
     Log.d("FlowActivity", "================================")
 
     val bType = BackgroundType.entries.firstOrNull {
       it.type.equals(backgroundType, ignoreCase = true)
     } ?: BackgroundType.Color
 
+    val sType = StepperType.entries.firstOrNull {
+      it.type.equals(stepperType, ignoreCase = true)
+    } ?: StepperType.Normal
+
     var backgroundColor: BackgroundStyle? = null
     var clickColor: BackgroundStyle? = null
 
@@ -137,6 +173,21 @@ class FlowActivity : AppCompatActivity() , FlowCallBack {
       }
     }
 
+    val validationStyleType = when {
+      ValidationStyle.Message.equals(validationStyle, ignoreCase = true) -> ValidationStyle.Message
+      ValidationStyle.Asterisk.equals(validationStyle, ignoreCase = true) -> ValidationStyle.Asterisk
+      else -> ValidationStyle.Message
+    }
+
+    val clickFontWeightType = when {
+      ClickFontWeight.Normal.equals(clickFontWeight, ignoreCase = true) -> ClickFontWeight.Normal
+      ClickFontWeight.Medium.equals(clickFontWeight, ignoreCase = true) -> ClickFontWeight.Medium
+      ClickFontWeight.Bold.equals(clickFontWeight, ignoreCase = true) -> ClickFontWeight.Bold
+      ClickFontWeight.SemiBold.equals(clickFontWeight, ignoreCase = true) -> ClickFontWeight.SemiBold
+      ClickFontWeight.ExtraBold.equals(clickFontWeight, ignoreCase = true) -> ClickFontWeight.ExtraBold
+      else -> ClickFontWeight.Normal
+    }
+
 
     if (clear) {
       assentifySdk.clearFlow(this@FlowActivity);
@@ -153,10 +204,24 @@ class FlowActivity : AppCompatActivity() , FlowCallBack {
       backgroundType = bType,
       backgroundColor = backgroundColor,
       clickColor = clickColor,
-      language = language,
+      extractedDataLanguage = extractedDataLanguage,
       enableNfc = enableNfc,
       enableQr = enableQr,
-      blockLoaderCustomProperties = blockLoaderCustomProperties
+      blockLoaderCustomProperties = blockLoaderCustomProperties,
+      stepperType = sType,
+      rangeStart = rangeStart,
+      rangeEnd = rangeEnd,
+      stepperTitle = stepperTitle!!,
+      showCountDown = showCountDown!!,
+      validationStyle = validationStyleType,
+      stepperTitleColor = stepperTitleColor!!,
+      howToCapturePassportVideo = howToCapturePassportVideo!!,
+      howToCaptureIDVideo = howToCaptureIDVideo!!,
+      howToCaptureFaceVideo = howToCaptureFaceVideo!!,
+      clickFontWeight = clickFontWeightType,
+      hideBlockLoader = hideBlockLoader,
+      hideWrapUp = hideWrapUp,
+      localMrzScan = localMrzScan
     );
     assentifySdk.startFlow(
       activityContext = this@FlowActivity,

package/android/src/main/java/com/assentifysdk/ScanIDActivity.kt

@@ -39,6 +39,7 @@ import com.facebook.react.bridge.Arguments
 import com.facebook.react.modules.core.DeviceEventManagerModule
 import com.squareup.picasso.Picasso
 import com.assentify.sdk.RemoteClient.Models.TemplatesByCountry
+import androidx.constraintlayout.widget.ConstraintLayout
 
 class ScanIDActivity: AppCompatActivity(),
   IDCardCallback {
@@ -502,7 +503,7 @@ class ScanIDActivity: AppCompatActivity(),
       toolbarTitle.setTextColor(Color.parseColor(processingColor))
 
 
-     val backIDPage  = findViewById<LinearLayout>(R.id.backIDPage)
+     val backIDPage  = findViewById<ConstraintLayout>(R.id.backIDPage)
       backIDPage.setBackgroundColor(Color.parseColor(holdHandColor))
       backIDPage.visibility = View.VISIBLE
 
@@ -518,9 +519,9 @@ class ScanIDActivity: AppCompatActivity(),
       }
 
       val drawableInfo = getResources().getDrawable(R.drawable.info_rounded_background)
-      drawableInfo?.setColorFilter(Color.parseColor(manualClickColor), PorterDuff.Mode.SRC_ATOP)
+      drawableInfo?.setColorFilter(Color.WHITE, PorterDuff.Mode.SRC_ATOP)
       nextTemplate.setBackground(drawableInfo)
-
+      nextTemplate.setTextColor(Color.parseColor(manualClickColor))
       var imageUrl = "";
       if (classifiedTemplate.isNotEmpty()) {
         for (it in templatesByCountry.templates) {
@@ -548,7 +549,7 @@ class ScanIDActivity: AppCompatActivity(),
       toolbarTitle.setText(title)
       toolbarTitle.setTextColor(Color.parseColor(processingColor))
 
-      val backIDPage  = findViewById<LinearLayout>(R.id.backIDPage)
+      val backIDPage  = findViewById<ConstraintLayout>(R.id.backIDPage)
       backIDPage.setBackgroundColor(Color.parseColor(holdHandColor))
       backIDPage.visibility = View.GONE