assentify-sdk-react-native 0.0.32 → 0.0.33

package/README.md

@@ -93,6 +93,11 @@ yarn add assentify-sdk-react-native
 
 ## Versions
 
+**0.0.33**
+- Manual Capture
+- Retry Logic
+- Support Low Capabilities Devices
+
 **0.0.32**
 - Face match improvements
 

package/android/build.gradle

@@ -99,13 +99,15 @@ dependencies {
   implementation "com.facebook.react:react-native:+"
   implementation "org.jetbrains.kotlin:kotlin-stdlib:$kotlin_version"
 
-  implementation 'com.github.AssentifyLTD:Assentify.SDK.Android:0.0.84'
+  implementation 'com.github.AssentifyLTD:Assentify.SDK.Android:0.0.85'
 
   /* Assentify Sdk Dependencies */
   implementation 'com.google.code.gson:gson:2.8.9'
   implementation 'androidx.navigation:navigation-fragment-ktx:2.7.5'
   implementation 'androidx.navigation:navigation-ui-ktx:2.7.5'
   implementation 'pl.droidsonroids.gif:android-gif-drawable:1.2.17'
+  implementation 'com.squareup.picasso:picasso:2.71828'
+
 
 }
 

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

@@ -47,6 +47,7 @@ class AssentifySdkModule(context: ReactApplicationContext) :
   private lateinit var assentifySdk: AssentifySdk
   private lateinit var timeStarted: String
   private lateinit var apiKey: String
+  private lateinit var manualClickColor: String
   private lateinit var configModel: ConfigModel
   private val mainHandler = Handler(Looper.getMainLooper())
   private lateinit var environmentalConditions: EnvironmentalConditions
@@ -78,7 +79,13 @@ class AssentifySdkModule(context: ReactApplicationContext) :
     iOSBrightnessHighThreshold:Int = 255,
     iOSBrightnessLowThreshold:Int = 50,
     activeLiveType : String =  "NONE",
-    activeLivenessCheckCount:Int = 0
+    activeLivenessCheckCount:Int = 0,
+    retryCount:Int = 3,
+    faceLivenessRetryCount:Int = 2,
+    minRam:Int = 8,
+    iOSMinRam:Int = 2,
+    minCPUCores:Int = 6,
+    manualClickColor: String? = null
 
   ) {
     try {
@@ -91,6 +98,7 @@ class AssentifySdkModule(context: ReactApplicationContext) :
       }
 
       this.apiKey = apiKey
+      this.manualClickColor = manualClickColor!!
       val tag = "[ASSENTIFY INIT]"
 
       println("$tag ==============================================")
@@ -117,6 +125,12 @@ class AssentifySdkModule(context: ReactApplicationContext) :
       println("$tag iOSBrightnessLowThreshold: $iOSBrightnessLowThreshold")
       println("$tag ActiveLiveType: $activeLiveType")
       println("$tag ActiveLivenessCheckCount: $activeLivenessCheckCount")
+      println("$tag RetryCount: $retryCount")
+      println("$tag FaceLivenessRetryCount: $faceLivenessRetryCount")
+      println("$tag MinRam: $minRam")
+      println("$tag iOSMinRam: $iOSMinRam")
+      println("$tag MinCPUCores: $minCPUCores")
+      println("$tag ManualClickColor: $manualClickColor")
       println("$tag ==============================================")
 
       val typeActive: ActiveLiveType = when (activeLiveType) {
@@ -138,7 +152,11 @@ class AssentifySdkModule(context: ReactApplicationContext) :
           BRIGHTNESS_HIGH_THRESHOLD = androidBrightnessHighThreshold,
           BRIGHTNESS_LOW_THRESHOLD  = androidBrightnessLowThreshold,
           activeLiveType = typeActive,
-          activeLivenessCheckCount = activeLivenessCheckCount
+          activeLivenessCheckCount = activeLivenessCheckCount,
+          retryCount = retryCount,
+          faceLivenessRetryCount = faceLivenessRetryCount ,
+          minRam = minRam,
+          minCPUCores = minCPUCores
         )
 
       val eventResultMap = Arguments.createMap().apply {
@@ -164,7 +182,8 @@ class AssentifySdkModule(context: ReactApplicationContext) :
           performLivenessFace,
           storeImageStream,
           saveCapturedVideoID,
-          saveCapturedVideoFace
+          saveCapturedVideoFace,
+          context = reactApplicationContext
         )
     } catch (e: Exception) {
       Log.e(NAME, e.toString())
@@ -184,6 +203,7 @@ class AssentifySdkModule(context: ReactApplicationContext) :
       intent.putExtra("showCountDown", true)
       intent.putExtra("apiKey", this.apiKey)
       intent.putExtra("stepID", stepID)
+      intent.putExtra("manualClickColor", this.manualClickColor)
       reactApplicationContext?.startActivity(intent)
     }
   }
@@ -200,6 +220,7 @@ class AssentifySdkModule(context: ReactApplicationContext) :
     intent.putExtra("showCountDown", true)
     intent.putExtra("apiKey", this.apiKey)
     intent.putExtra("stepID", stepID)
+    intent.putExtra("manualClickColor", this.manualClickColor)
     currentActivity?.startActivity(intent)
   }
 
@@ -224,6 +245,7 @@ class AssentifySdkModule(context: ReactApplicationContext) :
       intent.putExtra("showCountDown", true)
       intent.putExtra("apiKey", this.apiKey)
       intent.putExtra("stepID", stepID)
+      intent.putExtra("manualClickColor", this.manualClickColor)
       currentActivity?.startActivity(intent)
     } catch (e: Exception) {
       Log.e(NAME, e.toString())
@@ -247,6 +269,7 @@ class AssentifySdkModule(context: ReactApplicationContext) :
     intent.putExtra("processingColor", environmentalConditions.CustomColor)
     intent.putExtra("showCountDown", showCountDown)
     intent.putExtra("stepID", stepID)
+    intent.putExtra("manualClickColor", this.manualClickColor)
     currentActivity?.startActivity(intent)
   }
 

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

@@ -29,12 +29,17 @@ import pl.droidsonroids.gif.GifImageView
 import com.assentify.sdk.RemoteClient.Models.SubmitRequestModel
 import android.content.Context
 import android.content.Intent
+import android.content.res.ColorStateList
+import android.util.Log
 import com.facebook.react.modules.core.DeviceEventManagerModule
 import com.facebook.react.bridge.Arguments
 import com.facebook.react.bridge.ReactApplicationContext
 import com.assentify.sdk.Core.Constants.BrightnessEvents
 import com.assentify.sdk.Core.Constants.FaceEvents
 import com.assentify.sdk.Core.Constants.ActiveLiveEvents
+import com.assentify.sdk.Core.Constants.DoneFlags
+import com.assentify.sdk.FaceMatch.FaceMatchManual
+import com.assentify.sdk.FaceMatch.FaceMatchResult
 
 class FaceMatchActivity: AppCompatActivity(),
   FaceMatchCallback {
@@ -42,6 +47,9 @@ class FaceMatchActivity: AppCompatActivity(),
 private lateinit var assentifySdk: AssentifySdk
   private lateinit var reactApplicationContext: ReactApplicationContext
   private lateinit var faceMatch: FaceMatch
+  private lateinit var faceMatchManual: FaceMatchManual
+  private  var isManual: Boolean = false;
+
   private lateinit var infoText: TextView
   private lateinit var infoIcon: ImageView
   private lateinit var infoLayout: LinearLayout
@@ -56,8 +64,9 @@ private lateinit var assentifySdk: AssentifySdk
   private  var showCountDown: Boolean = true;
   private var start: Boolean = false;
   private var stepID: Int = -1;
+  private lateinit var manualClickColor: String;
   private var currentActiveLiveEvents: ActiveLiveEvents = ActiveLiveEvents.Good
-
+  private lateinit var takePhotoButton: Button;
 
   override fun onCreate(savedInstanceState: Bundle?) {
     super.onCreate(savedInstanceState)
@@ -67,8 +76,24 @@ private lateinit var assentifySdk: AssentifySdk
     showCountDown = intent.getBooleanExtra("showCountDown",true)
     holdHandColor = intent.getStringExtra("holdHandColor")!!
     processingColor = intent.getStringExtra("processingColor")!!
+    manualClickColor = intent.getStringExtra("manualClickColor")!!
     stepID = intent.getIntExtra("stepID",-1)!!
 
+    takePhotoButton = findViewById<Button>(R.id.takePhoto)
+    takePhotoButton.visibility = View.GONE
+    takePhotoButton.setTextColor(Color.parseColor(processingColor))
+    takePhotoButton.backgroundTintList = ColorStateList.valueOf(
+      Color.parseColor(manualClickColor)
+    )
+    takePhotoButton.setOnClickListener {
+      faceMatchManual.takePicture();
+    }
+
+    infoLayout = findViewById<LinearLayout>(R.id.infoLayout)
+    val drawableInfo = getResources().getDrawable(R.drawable.info_rounded_background)
+    drawableInfo?.setColorFilter(Color.parseColor(holdHandColor), PorterDuff.Mode.SRC_ATOP)
+    infoLayout.setBackground(drawableInfo)
+
     startAssentifySdk()
 
     val backButton = findViewById<RelativeLayout>(R.id.backButton)
@@ -79,16 +104,17 @@ private lateinit var assentifySdk: AssentifySdk
     backButton.setOnClickListener {
       runOnUiThread {
         triggerEvent("onBackClick", null)
-        faceMatch.stopScanning();
+        if(isManual){
+          faceMatchManual.stopScanning();
+        }else{
+          faceMatch.stopScanning();
+        }
         finish()
       }
     }
 
 
-    infoLayout = findViewById<LinearLayout>(R.id.infoLayout)
-    val drawableInfo = getResources().getDrawable(R.drawable.info_rounded_background)
-    drawableInfo?.setColorFilter(Color.parseColor(holdHandColor), PorterDuff.Mode.SRC_ATOP)
-    infoLayout.setBackground(drawableInfo)
+
 
 
     val toolbarTitle = findViewById<TextView>(R.id.toolbar_title)
@@ -119,11 +145,17 @@ private lateinit var assentifySdk: AssentifySdk
       }
     }
 
+
+
   }
 
   override fun onBackPressed() {
     triggerEvent("onBackClick", null)
-    faceMatch.stopScanning();
+    if(isManual){
+      faceMatchManual.stopScanning();
+    }else{
+      faceMatch.stopScanning();
+    }
     finish()
     super.onBackPressed()
   }
@@ -177,23 +209,44 @@ private lateinit var assentifySdk: AssentifySdk
     val sharedPreferences = reactApplicationContext.getSharedPreferences("FaceMatch", Context.MODE_PRIVATE)
     val base64SecondImage = sharedPreferences.getString("Base64SecondImage", "")
     assentifySdk = AssentifySdkObject.getAssentifySdkObject();
-    faceMatch = assentifySdk!!.startFaceMatch(
+
+    when (val result = assentifySdk!!.startFaceMatch(
       this@FaceMatchActivity,
       base64SecondImage!!,
       showCountDown,stepID!!
-    );
-    Thread.sleep(500);
-    var fragmentManager = supportFragmentManager
-    var transaction = fragmentManager.beginTransaction()
-    transaction.replace(R.id.fragmentContainer, faceMatch)
-    transaction.commit()
+    )) {
+      is FaceMatchResult.Manual -> {
+        faceMatchManual = result.data
+        isManual =true
+        runOnUiThread{
+          infoLayout.visibility = View.GONE
+          val drawableInfo = getResources().getDrawable(R.drawable.info_rounded_background)
+          drawableInfo?.setColorFilter(Color.parseColor(manualClickColor), PorterDuff.Mode.SRC_ATOP)
+          takePhotoButton.setBackground(drawableInfo)
+          takePhotoButton.visibility = View.VISIBLE
+        }
+        Thread.sleep(500);
+        var fragmentManager = supportFragmentManager
+        var transaction = fragmentManager.beginTransaction()
+        transaction.replace(R.id.fragmentContainer,  result.data)
+        transaction.commit()
+      }
+      is FaceMatchResult.Auto -> {
+        faceMatch = result.data
+        Thread.sleep(500);
+        var fragmentManager = supportFragmentManager
+        var transaction = fragmentManager.beginTransaction()
+        transaction.replace(R.id.fragmentContainer,  result.data)
+        transaction.commit()
+      }
+    }
   }
 
   override fun onError(dataModel: BaseResponseDataModel) {
     triggerEvent("onError", dataModel)
     runOnUiThread {
       start = false;
-      showPopUpMessage(R.drawable.warning, "Please check your Wi-Fi or mobile data connection", "Let's try again", false)
+      showPopUpMessage(R.drawable.warning, "Your internet connection seems unstable. Please check your connection and try again.\n", "Let's try again", false)
     }
   }
 
@@ -219,12 +272,12 @@ private lateinit var assentifySdk: AssentifySdk
     triggerEvent("onLivenessUpdate", dataModel)
     runOnUiThread {
       start = false;
-      showPopUpMessage(R.drawable.warning, "Liveness Failed", "", false)
+      showPopUpMessage(R.drawable.warning, "Please make sure your face is well lit, look directly at the camera, and avoid using photos or videos. Try again", "", false)
     }
   }
 
-  override fun onComplete(dataModel: FaceResponseModel) {
-    triggerCompleteEvent("onComplete",dataModel)
+  override fun onComplete(dataModel: FaceResponseModel,doneFlag: DoneFlags) {
+    triggerCompleteEvent("onComplete",dataModel,doneFlag)
     /** Data To Submit **/
     val documentCaptureSharedPreferences =
       reactApplicationContext.getSharedPreferences("SubmitStepModel", Context.MODE_PRIVATE)
@@ -249,7 +302,11 @@ private lateinit var assentifySdk: AssentifySdk
 
     runOnUiThread{
       start = false
-      faceMatch.stopScanning();
+      if(isManual){
+        faceMatchManual.stopScanning();
+      }else{
+        faceMatch.stopScanning();
+      }
        finish()
     }
   }
@@ -350,12 +407,13 @@ private lateinit var assentifySdk: AssentifySdk
   }
 
 
-  private fun triggerCompleteEvent(eventName:String, dataModel: FaceResponseModel?){
+  private fun triggerCompleteEvent(eventName:String, dataModel: FaceResponseModel?,doneFlag: DoneFlags){
       val eventResultMap = Arguments.createMap().apply {
         if(dataModel!=null){
           val gson = Gson()
           val jsonString = gson.toJson(dataModel.faceExtractedModel!!)
           putString("FaceMatchDataModel", jsonString)
+          putString("DoneFlag", doneFlag.toString())
         }
       }
       reactApplicationContext.getJSModule(DeviceEventManagerModule.RCTDeviceEventEmitter::class.java)

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

@@ -31,10 +31,15 @@ import com.assentify.sdk.RemoteClient.Models.StepDefinitions
 import com.assentify.sdk.RemoteClient.Models.StepMap
 import ImageToBase64Converter
 import android.content.Intent
+import android.content.res.ColorStateList
 import com.assentify.sdk.Core.Constants.BrightnessEvents
+import com.assentify.sdk.Core.Constants.DoneFlags
 import com.assentify.sdk.RemoteClient.Models.SubmitRequestModel
+import com.assentify.sdk.ScanIDCard.ScanIDCardManual
+import com.assentify.sdk.ScanIDCard.ScanIDCardResult
 import com.facebook.react.bridge.Arguments
 import com.facebook.react.modules.core.DeviceEventManagerModule
+import com.squareup.picasso.Picasso
 
 class ScanIDActivity: AppCompatActivity(),
   IDCardCallback {
@@ -43,6 +48,8 @@ class ScanIDActivity: AppCompatActivity(),
   private lateinit var reactApplicationContext: ReactApplicationContext
   private lateinit var assentifySdk: AssentifySdk
   private lateinit var scanID: ScanIDCard
+  private lateinit var scanIDManual: ScanIDCardManual
+  private  var isManual: Boolean = false;
   private lateinit var infoText: TextView
   private lateinit var infoIcon: ImageView
   private lateinit var infoLayout: LinearLayout
@@ -66,6 +73,8 @@ class ScanIDActivity: AppCompatActivity(),
   private  var apiKey: String = "";
   val values: MutableMap<String, String> = mutableMapOf()
   private var stepID: Int = -1;
+  private lateinit var takePhotoButton: Button;
+  private lateinit var manualClickColor: String;
   override fun onCreate(savedInstanceState: Bundle?) {
     super.onCreate(savedInstanceState)
     setContentView(R.layout.activity_scan)
@@ -83,7 +92,28 @@ class ScanIDActivity: AppCompatActivity(),
     isFlippingCard = intent.getBooleanExtra("flippingCard",false)!!
     showCountDown = intent.getBooleanExtra("showCountDown",true)
     apiKey = intent.getStringExtra("apiKey")!!
+    manualClickColor = intent.getStringExtra("manualClickColor")!!
     stepID = intent.getIntExtra("stepID",-1)!!
+
+    takePhotoButton = findViewById<Button>(R.id.takePhoto)
+    takePhotoButton.visibility = View.GONE
+    takePhotoButton.setTextColor(Color.parseColor(processingColor))
+    takePhotoButton.backgroundTintList = ColorStateList.valueOf(
+      Color.parseColor(manualClickColor)
+    )
+    takePhotoButton.setOnClickListener {
+      scanIDManual.takePicture();
+    }
+
+    infoLayout = findViewById<LinearLayout>(R.id.infoLayout)
+    val drawableInfo = getResources().getDrawable(R.drawable.info_rounded_background)
+    drawableInfo?.setColorFilter(Color.parseColor(holdHandColor), PorterDuff.Mode.SRC_ATOP)
+    infoLayout.setBackground(drawableInfo)
+
+    val toolbarTitle = findViewById<TextView>(R.id.toolbar_title)
+    toolbarTitle.setText(title)
+    toolbarTitle.setTextColor(Color.parseColor(processingColor))
+
     startAssentifySdk()
 
 
@@ -96,24 +126,24 @@ class ScanIDActivity: AppCompatActivity(),
     backButton.setOnClickListener {
       runOnUiThread {
         triggerEvent("onBackClick", null)
-        scanID.stopScanning();
+        if(isManual){
+          scanIDManual.stopScanning();
+        }else{
+          scanID.stopScanning();
+        }
+
         finish()
       }
     }
 
 
-    infoLayout = findViewById<LinearLayout>(R.id.infoLayout)
-    val drawableInfo = getResources().getDrawable(R.drawable.info_rounded_background)
-    drawableInfo?.setColorFilter(Color.parseColor(holdHandColor), PorterDuff.Mode.SRC_ATOP)
-    infoLayout.setBackground(drawableInfo)
+
 
 
     flippingCard = findViewById<GifImageView>(R.id.flippingCard)
     flippingCard.visibility = View.GONE
 
-    val toolbarTitle = findViewById<TextView>(R.id.toolbar_title)
-    toolbarTitle.setText(title)
-    toolbarTitle.setTextColor(Color.parseColor(processingColor))
+
 
 
     infoText = findViewById(R.id.infoText)
@@ -138,11 +168,17 @@ class ScanIDActivity: AppCompatActivity(),
         popUpContainer.visibility = View.GONE
       }
     }
+
+
   }
 
   override fun onBackPressed() {
     triggerEvent("onBackClick", null)
-    scanID.stopScanning();
+    if(isManual){
+      scanIDManual.stopScanning();
+    }else{
+      scanID.stopScanning();
+    }
     finish()
     super.onBackPressed()
   }
@@ -199,14 +235,36 @@ class ScanIDActivity: AppCompatActivity(),
 
   fun startAssentifySdk() {
     assentifySdk = AssentifySdkObject.getAssentifySdkObject();
-    scanID = assentifySdk!!.startScanIDCard(
+
+    when (val result = assentifySdk!!.startScanIDCard(
       this@ScanIDActivity,kycDocumentDetails,language,stepID!!
-    );
-    Thread.sleep(500);
-    var fragmentManager = supportFragmentManager
-    var transaction = fragmentManager.beginTransaction()
-    transaction.replace(R.id.fragmentContainer, scanID)
-    transaction.commit()
+    )) {
+      is ScanIDCardResult.Manual -> {
+        scanIDManual = result.data
+        isManual =true
+        runOnUiThread{
+          infoLayout.visibility = View.GONE
+          val drawableInfo = getResources().getDrawable(R.drawable.info_rounded_background)
+          drawableInfo?.setColorFilter(Color.parseColor(manualClickColor), PorterDuff.Mode.SRC_ATOP)
+          takePhotoButton.setBackground(drawableInfo)
+          takePhotoButton.visibility = View.VISIBLE
+        }
+        Thread.sleep(500);
+        var fragmentManager = supportFragmentManager
+        var transaction = fragmentManager.beginTransaction()
+        transaction.replace(R.id.fragmentContainer, result.data)
+        transaction.commit()
+      }
+      is ScanIDCardResult.Auto -> {
+        scanID = result.data
+        Thread.sleep(500);
+        var fragmentManager = supportFragmentManager
+        var transaction = fragmentManager.beginTransaction()
+        transaction.replace(R.id.fragmentContainer, result.data)
+        transaction.commit()
+      }
+    }
+
 
   }
 
@@ -214,7 +272,7 @@ class ScanIDActivity: AppCompatActivity(),
     triggerEvent("onError", dataModel)
     runOnUiThread {
       start = false;
-      showPopUpMessage(R.drawable.warning, "Unable to extract", "Let's try again", false)
+      showPopUpMessage(R.drawable.warning, "Your internet connection seems unstable. Please check your connection and try again.\n", "Let's try again", false)
     }
   }
 
@@ -232,7 +290,7 @@ class ScanIDActivity: AppCompatActivity(),
     triggerEvent("onRetry", dataModel)
     runOnUiThread {
       start = false;
-      showPopUpMessage(R.drawable.warning, "Unable to extract", "Let's try again", false)
+      showPopUpMessage(R.drawable.warning, "We couldn’t read your card. Try again in better lighting and make sure the card is clear and visible.", "Let's try again", false)
     }
   }
 
@@ -243,7 +301,7 @@ class ScanIDActivity: AppCompatActivity(),
       start = false;
       showPopUpMessage(
         R.drawable.id_warning,
-        "Failed ID Check",
+        "Please use your original physical ID card, not a photo or copy.",
         "Please real ID (Not copy)",
         false
       )
@@ -251,16 +309,20 @@ class ScanIDActivity: AppCompatActivity(),
   }
 
 
-  override fun onComplete(dataModel: IDResponseModel, order: Int) {
+  override fun onComplete(dataModel: IDResponseModel, order: Int,doneFlag:DoneFlags) {
 
-    triggerCompleteEvent("onComplete",dataModel.iDExtractedModel!!)
+    triggerCompleteEvent("onComplete",dataModel.iDExtractedModel!!,doneFlag)
 
       values.putAll(convertMap(dataModel.iDExtractedModel!!.transformedProperties))
 
 
       if(kycDocumentDetails.size > 1){
         if(order == kycDocumentDetails.size -1 ){
-          scanID.stopScanning();
+          if(isManual){
+            scanIDManual.stopScanning();
+          }else{
+            scanID.stopScanning();
+          }
           /** Data To Submit **/
 
           val documentCaptureSharedPreferences =
@@ -296,22 +358,21 @@ class ScanIDActivity: AppCompatActivity(),
           }
           hidePopUpMessage()
           if(isFlippingCard){
-            flippingCard.visibility = View.VISIBLE
-            val backgroundThread = Thread {
-              try {
-                Thread.sleep(5000)
-                runOnUiThread{
-                  flippingCard.visibility = View.GONE
-                }
-              } catch (e: InterruptedException) {
-                e.printStackTrace()
-              }
+            showBackIDPage();
+          }else{
+            if(isManual){
+              scanIDManual.changeTemplateId(kycDocumentDetails.last().templateProcessingKeyInformation);
+            }else{
+              scanID.changeTemplateId(kycDocumentDetails.last().templateProcessingKeyInformation);
             }
-            backgroundThread.start()
           }
         }
       }else{
-        scanID.stopScanning();
+        if(isManual){
+          scanIDManual.stopScanning();
+        }else{
+          scanID.stopScanning();
+        }
         /** Data To Submit **/
           val documentCaptureSharedPreferences = reactApplicationContext.getSharedPreferences("SubmitStepModel", Context.MODE_PRIVATE)
             val documentCaptureModel = SubmitRequestModel(
@@ -343,7 +404,7 @@ class ScanIDActivity: AppCompatActivity(),
     triggerEvent("onWrongTemplate", dataModel);
     runOnUiThread {
       start = false;
-      showPopUpMessage(R.drawable.warning, "Wrong Template", "Let's try again", false)
+      showPopUpMessage(R.drawable.warning, "Please double-check that you selected the correct ID type and are presenting this ID type", "Let's try again", false)
     }
   }
 
@@ -400,12 +461,13 @@ class ScanIDActivity: AppCompatActivity(),
   }
 
 
-  private fun triggerCompleteEvent(eventName:String, dataModel: IDExtractedModel?){
+  private fun triggerCompleteEvent(eventName:String, dataModel: IDExtractedModel?,doneFlag:DoneFlags){
       val eventResultMap = Arguments.createMap().apply {
         if(dataModel!=null){
           val gson = Gson()
           val jsonString = gson.toJson(dataModel!!)
           putString("IdDataModel", jsonString)
+          putString("DoneFlag", doneFlag.toString())
         }
       }
       reactApplicationContext.getJSModule(DeviceEventManagerModule.RCTDeviceEventEmitter::class.java)
@@ -444,4 +506,56 @@ class ScanIDActivity: AppCompatActivity(),
   }
 
 
+  fun showBackIDPage(){
+    runOnUiThread{
+
+      takePhotoButton.visibility = View.GONE
+      val toolbarTitle = findViewById<TextView>(R.id.toolbar_title)
+      toolbarTitle.setText("Capture Back of ID")
+      toolbarTitle.setTextColor(Color.parseColor(processingColor))
+
+
+     val backIDPage  = findViewById<LinearLayout>(R.id.backIDPage)
+      backIDPage.setBackgroundColor(Color.parseColor(holdHandColor))
+      backIDPage.visibility = View.VISIBLE
+
+
+      val nextTemplate = findViewById<Button>(R.id.nextTemplate)
+      nextTemplate.setOnClickListener {
+        if(isManual){
+          scanIDManual.changeTemplateId(kycDocumentDetails.last().templateProcessingKeyInformation);
+        }else{
+          scanID.changeTemplateId(kycDocumentDetails.last().templateProcessingKeyInformation);
+        }
+        hidrBackIDPage();
+      }
+
+      val drawableInfo = getResources().getDrawable(R.drawable.info_rounded_background)
+      drawableInfo?.setColorFilter(Color.parseColor(manualClickColor), PorterDuff.Mode.SRC_ATOP)
+      nextTemplate.setBackground(drawableInfo)
+
+      val ivSample = findViewById<ImageView>(R.id.ivSample)
+      Picasso.get()
+        .load(kycDocumentDetails.last().templateSpecimen)
+        .into(ivSample)
+    }
+  }
+
+  fun hidrBackIDPage(){
+    runOnUiThread{
+      if(isManual){
+        takePhotoButton.visibility = View.VISIBLE
+      }
+      val toolbarTitle = findViewById<TextView>(R.id.toolbar_title)
+      toolbarTitle.setText(title)
+      toolbarTitle.setTextColor(Color.parseColor(processingColor))
+
+      val backIDPage  = findViewById<LinearLayout>(R.id.backIDPage)
+      backIDPage.setBackgroundColor(Color.parseColor(holdHandColor))
+      backIDPage.visibility = View.GONE
+
+
+    }
+  }
+
 }