diff --git a/classic-components-example/barcode-scanner/src/main/java/io/scanbot/example/ui/BarcodeScannerViewActivity.kt b/classic-components-example/barcode-scanner/src/main/java/io/scanbot/example/ui/BarcodeScannerViewActivity.kt
index d9760919..3a094a47 100644
--- a/classic-components-example/barcode-scanner/src/main/java/io/scanbot/example/ui/BarcodeScannerViewActivity.kt
+++ b/classic-components-example/barcode-scanner/src/main/java/io/scanbot/example/ui/BarcodeScannerViewActivity.kt
@@ -28,7 +28,6 @@ import io.scanbot.sdk.barcode.ui.BarcodeScannerView
 import io.scanbot.sdk.barcode.ui.IBarcodeScannerViewCallback
 import io.scanbot.sdk.camera.CaptureInfo
 import io.scanbot.sdk.camera.FrameHandlerResult
-import io.scanbot.sdk.ui.camera.CameraUiSettings
 
 class BarcodeScannerViewActivity : AppCompatActivity() {
     private lateinit var barcodeScannerView: BarcodeScannerView
@@ -52,7 +51,7 @@ class BarcodeScannerViewActivity : AppCompatActivity() {
         } )
 
         barcodeScannerView.apply {
-            initCamera(CameraUiSettings(false))
+            initCamera()
             initScanningBehavior(scanner,
                 { result ->
                     if (result is FrameHandlerResult.Success) {
diff --git a/classic-components-example/barcode-scanner/src/main/java/io/scanbot/example/ui/DetailedItemDataActivity.kt b/classic-components-example/barcode-scanner/src/main/java/io/scanbot/example/ui/DetailedItemDataActivity.kt
index 53df0477..ece9fa38 100644
--- a/classic-components-example/barcode-scanner/src/main/java/io/scanbot/example/ui/DetailedItemDataActivity.kt
+++ b/classic-components-example/barcode-scanner/src/main/java/io/scanbot/example/ui/DetailedItemDataActivity.kt
@@ -74,7 +74,7 @@ class DetailedItemDataActivity : AppCompatActivity() {
             is BoardingPass -> {
                 barcodesResult.append("\n")
                     .append("Boarding Pass Document\n")
-                    .append("${barcodeDocumentFormat.name}\n")
+                    .append("${barcodeDocumentFormat.passengerName}\n")
                 barcodeDocumentFormat.legs?.forEach { leg ->
                     leg.document.fields.forEach {
                         barcodesResult.append("${it.type.name}:${it.value}\n")
diff --git a/classic-components-example/build.gradle b/classic-components-example/build.gradle
index 4e63c413..94942f8d 100644
--- a/classic-components-example/build.gradle
+++ b/classic-components-example/build.gradle
@@ -15,7 +15,7 @@ allprojects {
 
         jvmToolchainVersion = 17
 
-        scanbotSdkVersion = "7.0.3"
+        scanbotSdkVersion =  "7.1.0.1125-SNAPSHOT"
 
         androidCoreKtxVersion = "1.6.0"
         constraintLayoutVersion = "2.0.4"
diff --git a/classic-components-example/document-scanner/src/main/java/io/scanbot/example/DocumentCameraActivity.kt b/classic-components-example/document-scanner/src/main/java/io/scanbot/example/DocumentCameraActivity.kt
index 347b74e5..5f451444 100755
--- a/classic-components-example/document-scanner/src/main/java/io/scanbot/example/DocumentCameraActivity.kt
+++ b/classic-components-example/document-scanner/src/main/java/io/scanbot/example/DocumentCameraActivity.kt
@@ -25,7 +25,6 @@ import io.scanbot.sdk.document.DocumentScannerFrameHandler
 import io.scanbot.sdk.document.ui.DocumentScannerView
 import io.scanbot.sdk.document.ui.IDocumentScannerViewCallback
 import io.scanbot.sdk.process.ImageProcessor
-import io.scanbot.sdk.ui.camera.CameraUiSettings
 import io.scanbot.sdk.ui.camera.ShutterButton
 import io.scanbot.sdk.ui.view.base.configuration.CameraOrientationMode
 
@@ -68,7 +67,7 @@ class DocumentCameraActivity : AppCompatActivity() {
         }
 
         documentScannerView.apply {
-            initCamera(CameraUiSettings(true))
+            initCamera()
             initScanningBehavior(documentScanner,
                 { result ->
                     // Here you are continuously notified about document scanning results.
diff --git a/data-capture-ready-to-use-ui-example/.idea/codeStyles/Project.xml b/data-capture-ready-to-use-ui-example/.idea/codeStyles/Project.xml
index 645816ad..113c8620 100644
--- a/data-capture-ready-to-use-ui-example/.idea/codeStyles/Project.xml
+++ b/data-capture-ready-to-use-ui-example/.idea/codeStyles/Project.xml
@@ -1,5 +1,40 @@
 <component name="ProjectCodeStyleConfiguration">
   <code_scheme name="Project" version="173">
+    <JavaCodeStyleSettings>
+      <option name="IMPORT_LAYOUT_TABLE">
+        <value>
+          <package name="" withSubpackages="true" static="false" module="true" />
+          <package name="android" withSubpackages="true" static="true" />
+          <package name="androidx" withSubpackages="true" static="true" />
+          <package name="com" withSubpackages="true" static="true" />
+          <package name="junit" withSubpackages="true" static="true" />
+          <package name="net" withSubpackages="true" static="true" />
+          <package name="org" withSubpackages="true" static="true" />
+          <package name="java" withSubpackages="true" static="true" />
+          <package name="javax" withSubpackages="true" static="true" />
+          <package name="" withSubpackages="true" static="true" />
+          <emptyLine />
+          <package name="android" withSubpackages="true" static="false" />
+          <emptyLine />
+          <package name="androidx" withSubpackages="true" static="false" />
+          <emptyLine />
+          <package name="com" withSubpackages="true" static="false" />
+          <emptyLine />
+          <package name="junit" withSubpackages="true" static="false" />
+          <emptyLine />
+          <package name="net" withSubpackages="true" static="false" />
+          <emptyLine />
+          <package name="org" withSubpackages="true" static="false" />
+          <emptyLine />
+          <package name="java" withSubpackages="true" static="false" />
+          <emptyLine />
+          <package name="javax" withSubpackages="true" static="false" />
+          <emptyLine />
+          <package name="" withSubpackages="true" static="false" />
+          <emptyLine />
+        </value>
+      </option>
+    </JavaCodeStyleSettings>
     <JetCodeStyleSettings>
       <option name="PACKAGES_TO_USE_STAR_IMPORTS">
         <value>
diff --git a/data-capture-ready-to-use-ui-example/app/build.gradle b/data-capture-ready-to-use-ui-example/app/build.gradle
index 224fb889..3c1e1b6b 100644
--- a/data-capture-ready-to-use-ui-example/app/build.gradle
+++ b/data-capture-ready-to-use-ui-example/app/build.gradle
@@ -74,7 +74,7 @@ dependencies {
     implementation("org.jetbrains.kotlinx:kotlinx-coroutines-core:$coroutines_version")
     implementation("org.jetbrains.kotlinx:kotlinx-coroutines-android:$coroutines_version")
 
-    def scanbotSdkVersion = "7.0.3"
+    def scanbotSdkVersion = "7.1.0.1125-SNAPSHOT"
 
     implementation("io.scanbot:sdk-package-4:$scanbotSdkVersion")
     implementation("io.scanbot:sdk-package-ui:$scanbotSdkVersion")
diff --git a/data-capture-ready-to-use-ui-example/app/src/main/java/io/scanbot/example/MainActivity.kt b/data-capture-ready-to-use-ui-example/app/src/main/java/io/scanbot/example/MainActivity.kt
index 09aa0282..50cd40dd 100644
--- a/data-capture-ready-to-use-ui-example/app/src/main/java/io/scanbot/example/MainActivity.kt
+++ b/data-capture-ready-to-use-ui-example/app/src/main/java/io/scanbot/example/MainActivity.kt
@@ -9,39 +9,34 @@ import androidx.appcompat.app.AppCompatActivity
 import androidx.core.content.ContextCompat
 import io.scanbot.example.databinding.*
 import io.scanbot.example.fragments.*
-import io.scanbot.genericdocument.entity.*
 import io.scanbot.sap.*
 import io.scanbot.sdk.*
 import io.scanbot.sdk.check.*
 import io.scanbot.sdk.check.entity.*
-import io.scanbot.sdk.creditcard.entity.CreditCard
-import io.scanbot.sdk.documentdata.*
-import io.scanbot.sdk.documentdata.entity.*
+import io.scanbot.sdk.creditcard.entity.*
 import io.scanbot.sdk.ehicscanner.*
 import io.scanbot.sdk.genericdocument.entity.*
 import io.scanbot.sdk.mc.*
-import io.scanbot.sdk.textpattern.ContentValidationCallback
-import io.scanbot.sdk.textpattern.CustomContentValidator
-import io.scanbot.sdk.ui.registerForActivityResultOk
-import io.scanbot.sdk.ui.view.check.*
-import io.scanbot.sdk.ui.view.check.configuration.CheckScannerConfiguration
-import io.scanbot.sdk.ui.view.documentdata.*
-import io.scanbot.sdk.ui.view.documentdata.configuration.DocumentDataExtractorConfiguration
+import io.scanbot.sdk.ui.*
 import io.scanbot.sdk.ui.view.hic.*
 import io.scanbot.sdk.ui.view.hic.configuration.*
 import io.scanbot.sdk.ui.view.mc.*
 import io.scanbot.sdk.ui.view.mc.configuration.*
-import io.scanbot.sdk.ui.view.vin.*
-import io.scanbot.sdk.ui.view.vin.configuration.*
-import io.scanbot.sdk.ui_v2.common.ScanbotColor
+import io.scanbot.sdk.ui_v2.check.CheckScannerActivity
+import io.scanbot.sdk.ui_v2.check.configuration.CheckScannerScreenConfiguration
+import io.scanbot.sdk.ui_v2.check.configuration.CheckScannerUiResult
+import io.scanbot.sdk.ui_v2.common.*
 import io.scanbot.sdk.ui_v2.common.activity.*
-import io.scanbot.sdk.ui_v2.creditcard.CreditCardScannerActivity
-import io.scanbot.sdk.ui_v2.creditcard.configuration.CreditCardScannerScreenConfiguration
+import io.scanbot.sdk.ui_v2.creditcard.*
+import io.scanbot.sdk.ui_v2.creditcard.configuration.*
+import io.scanbot.sdk.ui_v2.documentdata.*
+import io.scanbot.sdk.ui_v2.documentdataextractor.configuration.*
 import io.scanbot.sdk.ui_v2.mrz.*
 import io.scanbot.sdk.ui_v2.mrz.configuration.*
-import io.scanbot.sdk.ui_v2.textpattern.TextPatternScannerActivity
-import io.scanbot.sdk.ui_v2.textpattern.configuration.TextPatternScannerScreenConfiguration
-import java.util.regex.Pattern
+import io.scanbot.sdk.ui_v2.textpattern.*
+import io.scanbot.sdk.ui_v2.textpattern.configuration.*
+import io.scanbot.sdk.ui_v2.vin.VinScannerActivity
+import io.scanbot.sdk.ui_v2.vin.configuration.VinScannerScreenConfiguration
 
 class MainActivity : AppCompatActivity() {
 
@@ -50,11 +45,11 @@ class MainActivity : AppCompatActivity() {
     private val mrzDefaultUiResultLauncher: ActivityResultLauncher<MrzScannerScreenConfiguration>
     private val creditCardUiResultLauncher: ActivityResultLauncher<CreditCardScannerScreenConfiguration>
     private val textDataScannerResultLauncher: ActivityResultLauncher<TextPatternScannerScreenConfiguration>
-    private val vinScannerResultLauncher: ActivityResultLauncher<VinScannerConfiguration>
+    private val vinScannerResultLauncher: ActivityResultLauncher<VinScannerScreenConfiguration>
     private val medicalCertificateScannerActivityResultLauncher: ActivityResultLauncher<MedicalCertificateScannerConfiguration>
     private val ehicScannerResultLauncher: ActivityResultLauncher<HealthInsuranceCardScannerConfiguration>
-    private val dataExtractorResultLauncher: ActivityResultLauncher<DocumentDataExtractorConfiguration>
-    private val checkScannerResultLauncher: ActivityResultLauncher<CheckScannerConfiguration>
+    private val dataExtractorResultLauncher: ActivityResultLauncher<DocumentDataExtractorScreenConfiguration>
+    private val checkScannerResultLauncher: ActivityResultLauncher<CheckScannerScreenConfiguration>
 
     private lateinit var binding: ActivityMainBinding
 
@@ -79,32 +74,26 @@ class MainActivity : AppCompatActivity() {
             // Create the default configuration object.
             val textPatternScannerConfiguration = TextPatternScannerScreenConfiguration()
             // Configure what string should be passed as successfully scanned text.
-         /*   textPatternScannerConfiguration.scannerConfiguration.validator = CustomContentValidator().apply {
-                     val pattern = Pattern.compile("^[0-9]{4}$") // e.g. 4 digits
-                     this.callback = object : ContentValidationCallback {
-                         override fun clean(rawText: String): String {
-                             return rawText.replace(" ", "")
-                         }
-
-                         override fun validate(text: String): Boolean {
-                             val matcher = pattern.matcher(text)
-                             return matcher.find()
-                         }
-                     }
-                 }*/
+            /*   textPatternScannerConfiguration.scannerConfiguration.validator = CustomContentValidator().apply {
+                        val pattern = Pattern.compile("^[0-9]{4}$") // e.g. 4 digits
+                        this.callback = object : ContentValidationCallback {
+                            override fun clean(rawText: String): String {
+                                return rawText.replace(" ", "")
+                            }
+
+                            override fun validate(text: String): Boolean {
+                                val matcher = pattern.matcher(text)
+                                return matcher.find()
+                            }
+                        }
+                    }*/
             textPatternScannerConfiguration.topBar.backgroundColor = ScanbotColor(Color.BLACK)
             textDataScannerResultLauncher.launch(textPatternScannerConfiguration)
         }
 
         findViewById<View>(R.id.vin_scanner_default_ui).setOnClickListener {
-            val vinScannerConfiguration = VinScannerConfiguration()
+            val vinScannerConfiguration = VinScannerScreenConfiguration()
 
-            vinScannerConfiguration.setTopBarBackgroundColor(
-                ContextCompat.getColor(this, R.color.colorPrimaryDark)
-            )
-            vinScannerConfiguration.setTopBarButtonsColor(
-                ContextCompat.getColor(this, R.color.greyColor)
-            )
 
             vinScannerResultLauncher.launch(vinScannerConfiguration)
         }
@@ -115,27 +104,13 @@ class MainActivity : AppCompatActivity() {
             creditCardUiResultLauncher.launch(creditCardScannerConfiguration)
         }
 
-        findViewById<View>(R.id.generic_document_default_ui).setOnClickListener {
-            val genericDocumentConfiguration = DocumentDataExtractorConfiguration()
-            genericDocumentConfiguration.setTopBarButtonsInactiveColor(
-                ContextCompat.getColor(this, android.R.color.white)
-            )
-            genericDocumentConfiguration.setTopBarBackgroundColor(
+        findViewById<View>(R.id.data_extractor_default_ui).setOnClickListener {
+            val configuration = DocumentDataExtractorScreenConfiguration()
+
+            configuration.topBar.backgroundColor = ScanbotColor(
                 ContextCompat.getColor(this, R.color.colorPrimaryDark)
             )
-            genericDocumentConfiguration.setFieldsDisplayConfiguration(
-                hashMapOf(
-                    DePassport.NormalizedFieldNames.PHOTO to FieldProperties(
-                        "My passport photo",
-                        FieldProperties.DisplayState.AlwaysVisible
-                    ),
-                    MRZ.NormalizedFieldNames.CHECK_DIGIT_GENERAL to FieldProperties(
-                        "Check digit general",
-                        FieldProperties.DisplayState.AlwaysVisible
-                    )
-                )
-            )
-            dataExtractorResultLauncher.launch(genericDocumentConfiguration)
+            dataExtractorResultLauncher.launch(configuration)
         }
 
         binding.ehicDefaultUi.setOnClickListener {
@@ -154,14 +129,8 @@ class MainActivity : AppCompatActivity() {
         }
 
         binding.checkRecognizerUi.setOnClickListener {
-            val config = CheckScannerConfiguration().apply {
-                setTopBarBackgroundColor(
-                    ContextCompat.getColor(
-                        this@MainActivity,
-                        R.color.colorPrimaryDark
-                    )
-                )
-                setTopBarButtonsColor(ContextCompat.getColor(this@MainActivity, R.color.greyColor))
+            val config = CheckScannerScreenConfiguration().apply {
+
             }
 
             checkScannerResultLauncher.launch(config)
@@ -191,7 +160,7 @@ class MainActivity : AppCompatActivity() {
             if (scanbotSdk.licenseInfo.status != Status.StatusOkay) View.VISIBLE else View.GONE
     }
 
-    private fun handleGenericDocScannerResult(result: List<DocumentDataExtractionResult>) {
+    private fun handleGenericDocScannerResult(result: List<DocumentDataExtractorUiResult>) {
         result
         Toast.makeText(
             this,
@@ -230,11 +199,11 @@ class MainActivity : AppCompatActivity() {
         dialogFragment.show(supportFragmentManager, MedicalCertificateResultDialogFragment.NAME)
     }
 
-    private fun handleCheckScannerResult(result: CheckScanningResult) {
+    private fun handleCheckScannerResult(result: CheckScannerUiResult) {
         showCheckScannerResult(result)
     }
 
-    private fun showCheckScannerResult(recognitionResult: CheckScanningResult) {
+    private fun showCheckScannerResult(recognitionResult: CheckScannerUiResult) {
         val document = recognitionResult.check?.let { Check(it) } // Convert to the document model
         Toast.makeText(this, recognitionResult.toString(), Toast.LENGTH_SHORT).show()
     }
@@ -292,7 +261,7 @@ class MainActivity : AppCompatActivity() {
 
         dataExtractorResultLauncher =
             registerForActivityResultOk(DocumentDataExtractorActivity.ResultContract()) { resultEntity ->
-                handleGenericDocScannerResult(resultEntity.result!!)
+                handleGenericDocScannerResult(listOfNotNull(resultEntity.result))
             }
 
         medicalCertificateScannerActivityResultLauncher =
diff --git a/data-capture-ready-to-use-ui-example/app/src/main/java/io/scanbot/example/doc_code_snippet/cheque/CheckUiSnippet.kt b/data-capture-ready-to-use-ui-example/app/src/main/java/io/scanbot/example/doc_code_snippet/cheque/CheckUiSnippet.kt
index b49d8867..ceba1537 100644
--- a/data-capture-ready-to-use-ui-example/app/src/main/java/io/scanbot/example/doc_code_snippet/cheque/CheckUiSnippet.kt
+++ b/data-capture-ready-to-use-ui-example/app/src/main/java/io/scanbot/example/doc_code_snippet/cheque/CheckUiSnippet.kt
@@ -11,154 +11,490 @@ package io.scanbot.example.doc_code_snippet.cheque
 // Page URLs using this code:
 // TODO: add URLs here
 
-import android.content.Context
-import android.content.Intent
-import android.widget.Button
+import android.os.Bundle
+import android.widget.Toast
 import androidx.activity.result.ActivityResultLauncher
 import androidx.appcompat.app.AppCompatActivity
+import androidx.compose.ui.platform.ComposeView
 import io.scanbot.example.*
 import io.scanbot.sdk.*
-import io.scanbot.sdk.camera.*
-import io.scanbot.sdk.check.*
-import io.scanbot.sdk.check.entity.RootDocumentType.*
-
-import io.scanbot.sdk.mrz.*
-import io.scanbot.sdk.ui.camera.*
-import io.scanbot.sdk.ui.view.check.*
-import io.scanbot.sdk.ui.view.check.configuration.CheckScannerConfiguration
+import io.scanbot.sdk.ui_v2.check.CheckScannerActivity
+import io.scanbot.sdk.ui_v2.check.CheckScannerView
+import io.scanbot.sdk.ui_v2.check.configuration.CheckIntroCustomImage
+import io.scanbot.sdk.ui_v2.check.configuration.CheckIntroDefaultImage
+import io.scanbot.sdk.ui_v2.check.configuration.CheckNoImage
+import io.scanbot.sdk.ui_v2.check.configuration.CheckScannerScreenConfiguration
+import io.scanbot.sdk.ui_v2.common.FinderStyle
+import io.scanbot.sdk.ui_v2.common.ScanbotColor
+import io.scanbot.sdk.ui_v2.common.SoundType
+import io.scanbot.sdk.ui_v2.common.StatusBarMode
+import io.scanbot.sdk.ui_v2.common.TopBarMode
 
 //Rtu ui snippets
-fun initializeScanbotSDK(application: Application) {
+fun initSdkSnippet(application: Application, licenseKey: String) {
     // @Tag("InitializeScanbotSDK")
     ScanbotSDKInitializer()
+        .license(application, licenseKey)
+        .prepareOCRLanguagesBlobs(true)
         .initialize(application)
     // @EndTag("InitializeScanbotSDK")
 }
 
+class StartCheckUiSnippet : AppCompatActivity() {
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(savedInstanceState)
+        // In the real application, you should call this function on button click
+        startScanning()
+    }
 
-class ResultApiCall : AppCompatActivity() {
+    // @Tag("Launching the scanner")
 
-    fun resultApi(myButton: Button) {
-        // @Tag("result-api")
+    val resultLauncher: ActivityResultLauncher<CheckScannerScreenConfiguration> =
+        registerForActivityResult(CheckScannerActivity.ResultContract()) { resultEntity: CheckScannerActivity.Result ->
+            if (resultEntity.resultOk) {
+                resultEntity.result?.check?.let {
+                    // Here you can handle `check document` and present recognized Check information (routing number, account number, etc.)
+                    wrapCheck(it)
+                }
+            }
+        }
 
-        val resultLauncher: ActivityResultLauncher<CheckScannerConfiguration>
+    private fun startScanning() {
+        // Create the default configuration object.
+        val configuration = CheckScannerScreenConfiguration()
 
-        resultLauncher =
-            registerForActivityResult(CheckScannerActivity.ResultContract()) { resultEntity: CheckScannerActivity.Result ->
-                if (resultEntity.resultOk) {
-                    // `resultEntity` contains `ResultWrapper<CheckRecognizerResult>` which wraps the result and points to the specific result in one of the `ResultRepository`s (which contains cached recognition results)
-                    val resultWrapper = resultEntity.result!!
-                    val checkDocument = resultWrapper.check
-                    if (checkDocument != null) {
-                        wrapCheck(checkDocument)
-                    }
-                    // Here you can handle `checkDocument` and present recognized Check information (routing number, account number, etc.)
+        // Start the recognizer activity.
+        resultLauncher.launch(configuration)
+    }
+    // @EndTag("Launching the scanner")
+}
+
+class CheckPaletteSnippet : AppCompatActivity() {
+
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(savedInstanceState)
+        // In the real application, you should call this function on button click
+        startScanning()
+    }
+    // @Tag("Palette")
+
+    val resultLauncher: ActivityResultLauncher<CheckScannerScreenConfiguration> =
+        registerForActivityResult(CheckScannerActivity.ResultContract()) { resultEntity: CheckScannerActivity.Result ->
+            if (resultEntity.resultOk) {
+                resultEntity.result?.check?.let {
+                    // Here you can handle `check document` and present recognized Check information (routing number, account number, etc.)
+                    wrapCheck(it)
                 }
             }
+        }
 
-        myButton.setOnClickListener {
-            val configuration = CheckScannerConfiguration()
-            resultLauncher.launch(configuration)
+    private fun startScanning() {
+
+        // Create the default configuration object.
+        val configuration = CheckScannerScreenConfiguration()
+
+        // Retrieve the instance of the palette from the configuration object.
+        configuration.palette.apply {
+            // Configure the colors.
+            // The palette already has the default colors set, so you don't have to always set all the colors.
+            sbColorPrimary = ScanbotColor("#C8193C")
+            sbColorPrimaryDisabled = ScanbotColor("#F5F5F5")
+            sbColorNegative = ScanbotColor("#FF3737")
+            sbColorPositive = ScanbotColor("#4EFFB4")
+            sbColorWarning = ScanbotColor("#FFCE5C")
+            sbColorSecondary = ScanbotColor("#FFEDEE")
+            sbColorSecondaryDisabled = ScanbotColor("#F5F5F5")
+            sbColorOnPrimary = ScanbotColor("#FFFFFF")
+            sbColorOnSecondary = ScanbotColor("#C8193C")
+            sbColorSurface = ScanbotColor("#FFFFFF")
+            sbColorOutline = ScanbotColor("#EFEFEF")
+            sbColorOnSurfaceVariant = ScanbotColor("#707070")
+            sbColorOnSurface = ScanbotColor("#000000")
+            sbColorSurfaceLow = ScanbotColor("#26000000")
+            sbColorSurfaceHigh = ScanbotColor("#7A000000")
+            sbColorModalOverlay = ScanbotColor("#A3000000")
         }
+
+        resultLauncher.launch(configuration)
+    }
+    // @EndTag("Palette")
+}
+
+class CheckLocalizationSnippet : AppCompatActivity() {
+
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(savedInstanceState)
+        // In the real application, you should call this function on button click
+        startScanning()
     }
-    // @EndTag("result-api")
+    // @Tag("Localization")
+
+    val resultLauncher: ActivityResultLauncher<CheckScannerScreenConfiguration> =
+        registerForActivityResult(CheckScannerActivity.ResultContract()) { resultEntity: CheckScannerActivity.Result ->
+            if (resultEntity.resultOk) {
+                resultEntity.result?.check?.let {
+                    // Here you can handle `check document` and present recognized Check information (routing number, account number, etc.)
+                    wrapCheck(it)
+                }
+            }
+        }
+
+    private fun startScanning() {
 
+        // Create the default configuration object.
+        val configuration = CheckScannerScreenConfiguration()
+
+        // Retrieve the instance of the localization from the configuration object.
+        configuration.localization.apply {
+            // Configure the strings.
+            // e.g
+            topUserGuidance = "top.user.guidance"
+            cameraPermissionCloseButton = "camera.permission.close"
+        }
+
+        resultLauncher.launch(configuration)
+    }
+// @EndTag("Localization")
 }
 
-class DeprecatedApiCall : AppCompatActivity() {
-    val CHECK_REQUEST_CODE_CONSTANT = 1232134
-    fun deprecatedResultApi(myButton: Button) {
-        // @Tag("deprecated")
+class CheckIntroductionSnippet : AppCompatActivity() {
 
-        myButton.setOnClickListener {
-            val configuration = CheckScannerConfiguration()
-            val intent = CheckScannerActivity.newIntent(this@DeprecatedApiCall, configuration)
-            startActivityForResult(intent, CHECK_REQUEST_CODE_CONSTANT)
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(savedInstanceState)
+        // In the real application, you should call this function on button click
+        startScanning()
+    }
+    // @Tag("Introduction")
+
+    val resultLauncher: ActivityResultLauncher<CheckScannerScreenConfiguration> =
+        registerForActivityResult(CheckScannerActivity.ResultContract()) { resultEntity: CheckScannerActivity.Result ->
+            if (resultEntity.resultOk) {
+                resultEntity.result?.check?.let {
+                    // Here you can handle `check document` and present recognized Check information (routing number, account number, etc.)
+                    wrapCheck(it)
+                }
+            }
+        }
+
+    private fun startScanning() {
+
+        // Create the default configuration object.
+        val configuration = CheckScannerScreenConfiguration()
+
+        // Retrieve the instance of the intro screen from the configuration object.
+        configuration.introScreen.apply {
+            // Show the introduction screen automatically when the screen appears.
+            showAutomatically = true
+
+            // Configure the background color of the screen.
+            backgroundColor = ScanbotColor("#FFFFFF")
+
+            // Configure the title for the intro screen.
+            title.text = "How to scan an Check"
+
+            // Configure the image for the introduction screen.
+            // If you want to have no image...
+            image = CheckNoImage()
+            // For a custom image...
+            image = CheckIntroCustomImage(uri = "PathToImage")
+            // Or you can also use our default image.
+            image = CheckIntroDefaultImage()
+
+            // Configure the color of the handler on top.
+            handlerColor = ScanbotColor("#EFEFEF")
+
+            // Configure the color of the divider.
+            dividerColor = ScanbotColor("#EFEFEF")
+
+            // Configure the text.
+            explanation.color = ScanbotColor("#000000")
+            explanation.text =
+                "To quickly and securely input your check details, please hold your device over the check, so that the camera aligns with the document.\n\nThe scanner will guide you to the optimal scanning position. Once the scan is complete, your card details will automatically be extracted and processed.\n\nPress 'Start Scanning' to begin."
+
+            // Configure the done button.
+            // e.g the text or the background color.
+            doneButton.text = "Start Scanning"
+            doneButton.background.fillColor = ScanbotColor("#C8193C")
         }
+
+        resultLauncher.launch(configuration)
     }
+// @EndTag("Introduction")
+}
 
-    override fun onActivityResult(requestCode: Int, resultCode: Int, data: Intent?) {
-        super.onActivityResult(requestCode, resultCode, data)
+class CheckUserGuidanceSnippet : AppCompatActivity() {
+
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(savedInstanceState)
+        // In the real application, you should call this function on button click
+        startScanning()
+    }
+    // @Tag("User guidance")
 
-        if (requestCode == CHECK_REQUEST_CODE_CONSTANT) {
-            val resultEntity: CheckScannerActivity.Result =
-                CheckScannerActivity.extractResult(resultCode, data)
+    val resultLauncher: ActivityResultLauncher<CheckScannerScreenConfiguration> =
+        registerForActivityResult(CheckScannerActivity.ResultContract()) { resultEntity: CheckScannerActivity.Result ->
             if (resultEntity.resultOk) {
-                // `resultEntity` contains `ResultWrapper<CheckRecognizerResult>` which wraps the result and points to the specific result in one of the `ResultRepository`s (which contain cached recognition results)
-                val resultWrapper = resultEntity.result!!
-                val checkDocument = resultWrapper.check
-                if (checkDocument != null) {
-                    wrapCheck(checkDocument)
+                resultEntity.result?.check?.let {
+                    // Here you can handle `check document` and present recognized Check information (routing number, account number, etc.)
+                    wrapCheck(it)
                 }
-                // Here you can handle `checkDocument` and present recognized Check information (routing number, account number, etc.)
             }
         }
+
+    private fun startScanning() {
+
+        // Create the default configuration object.
+        val configuration = CheckScannerScreenConfiguration()
+
+        // Configure user guidance's
+
+        // Top user guidance
+        // Retrieve the instance of the top user guidance from the configuration object.
+        configuration.topUserGuidance.apply {
+            // Show the user guidance.
+            visible = true
+            // Configure the title.
+            title.text = "Scan your Identity Document"
+            title.color = ScanbotColor("#FFFFFF")
+            // Configure the background.
+            background.fillColor = ScanbotColor("#7A000000")
+
+            // Finder overlay user guidance
+            // Retrieve the instance of the finder overlay user guidance from the configuration object.
+            configuration.scanStatusUserGuidance.apply {
+                // Show the user guidance.
+                visible = true
+                // Configure the title.
+                title.text = "Scan the Check"
+                title.color = ScanbotColor("#FFFFFF")
+                // Configure the background.
+                background.fillColor = ScanbotColor("#7A000000")
+            }
+            resultLauncher.launch(configuration)
+        }
     }
-    // @EndTag("deprecated")
+// @EndTag("User guidance")
 }
 
-fun checkScannerConfiguration() {
-    // @Tag("Check Scanner Configuration")
-    val configuration = CheckScannerConfiguration()
-    configuration.setCaptureHighResolutionImage(false)
-    configuration.setAcceptedCheckStandards(
-        arrayListOf(
-            USACheck,
-            KWTCheck,
-            AUSCheck,
-            FRACheck,
-            INDCheck,
-            ISRCheck
-        )
-    )
-
-    // @EndTag("Check Scanner Configuration")
+class CheckTopBarSnippet : AppCompatActivity() {
+
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(savedInstanceState)
+        // In the real application, you should call this function on button click
+        startScanning()
+    }
+    // @Tag("Top bar")
+
+    val resultLauncher: ActivityResultLauncher<CheckScannerScreenConfiguration> =
+        registerForActivityResult(CheckScannerActivity.ResultContract()) { resultEntity: CheckScannerActivity.Result ->
+            if (resultEntity.resultOk) {
+          resultEntity.result?.check?.let {
+                    // Here you can handle `check document` and present recognized Check information (routing number, account number, etc.)
+                    wrapCheck(it)
+                }
+            }
+        }
+
+    private fun startScanning() {
+
+        // Create the default configuration object.
+        val configuration = CheckScannerScreenConfiguration()
+
+        // Retrieve the instance of the top user guidance from the configuration object.
+        configuration.topBar.apply {
+            // Set the top bar mode.
+            mode = TopBarMode.GRADIENT
+
+            // Set the background color which will be used as a gradient.
+            backgroundColor = ScanbotColor("#C8193C")
+
+            // Set the status bar mode.
+            statusBarMode = StatusBarMode.LIGHT
+
+            // Configure the cancel button.
+            cancelButton.text = "Cancel"
+            cancelButton.foreground.color = ScanbotColor("#FFFFFF")
+        }
+
+        resultLauncher.launch(configuration)
+    }
+// @EndTag("Top bar")
 }
 
-fun checkScannerResult(result: CheckScanningResult) {
-    // @Tag("Check Scanner Result")
-    val document = result.check
-    val scanningStatus = result.status
-    val documentDetectionResult = result.documentDetectionResult
-    val croppedImage = result.croppedImage
-    // @EndTag("Check Scanner Result")
+class CheckFinderSnippet : AppCompatActivity() {
+
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(savedInstanceState)
+        // In the real application, you should call this function on button click
+        startScanning()
+    }
+    // @Tag("Finder overlay")
+
+    val resultLauncher: ActivityResultLauncher<CheckScannerScreenConfiguration> =
+        registerForActivityResult(CheckScannerActivity.ResultContract()) { resultEntity: CheckScannerActivity.Result ->
+            if (resultEntity.resultOk) {
+          resultEntity.result?.check?.let {
+                    // Here you can handle `check document` and present recognized Check information (routing number, account number, etc.)
+                    wrapCheck(it)
+                }
+            }
+        }
+
+    private fun startScanning() {
+
+        // Create the default configuration object.
+        val configuration = CheckScannerScreenConfiguration()
+
+        configuration.exampleOverlayVisible = true
+        // Configure finder overlay appearance
+        configuration.viewFinder.apply {
+            style = FinderStyle.finderStrokedStyle().apply {
+                strokeColor = ScanbotColor("#FF00FF")
+                cornerRadius = 0.0
+            }
+        }
+        resultLauncher.launch(configuration)
+    }
+// @EndTag("Finder overlay")
 }
 
+class CheckActionBarSnippet : AppCompatActivity() {
+
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(savedInstanceState)
+        // In the real application, you should call this function on button click
+        startScanning()
+    }
+    // @Tag("Action bar")
+
+    val resultLauncher: ActivityResultLauncher<CheckScannerScreenConfiguration> =
+        registerForActivityResult(CheckScannerActivity.ResultContract()) { resultEntity: CheckScannerActivity.Result ->
+            if (resultEntity.resultOk) {
+          resultEntity.result?.check?.let {
+                    // Here you can handle `check document` and present recognized Check information (routing number, account number, etc.)
+                    wrapCheck(it)
+                }
+            }
+        }
+
+    private fun startScanning() {
+
+        // Create the default configuration object.
+        val configuration = CheckScannerScreenConfiguration()
+        // Retrieve the instance of the action bar from the configuration object.
+        configuration.actionBar.apply {
+
+            // Show the flash button.
+            flashButton.visible = true
+
+            // Configure the inactive state of the flash button.
+            flashButton.backgroundColor = ScanbotColor("#7A000000")
+            flashButton.foregroundColor = ScanbotColor("#FFFFFF")
+
+            // Configure the active state of the flash button.
+            flashButton.activeBackgroundColor = ScanbotColor("#FFCE5C")
+            flashButton.activeForegroundColor = ScanbotColor("#000000")
+
+            // Show the zoom button.
+            zoomButton.visible = true
+
+            // Configure the zoom button.
+            zoomButton.backgroundColor = ScanbotColor("#7A000000")
+            zoomButton.foregroundColor = ScanbotColor("#FFFFFF")
+
+            // Show the flip camera button.
+            flipCameraButton.visible = true
 
-//Classic snippets
+            // Configure the flip camera button.
+            flipCameraButton.backgroundColor = ScanbotColor("#7A000000")
+            flipCameraButton.foregroundColor = ScanbotColor("#FFFFFF")
+        }
+        resultLauncher.launch(configuration)
 
-fun getInstances(context: Context, cameraView: ScanbotCameraXView) {
-    // @Tag("Get Instances")
-    val scanbotSDK = ScanbotSDK(context)
-    val checkScanner: CheckScanner = scanbotSDK.createCheckScanner()
-    val checkScannerFrameHandler: CheckScannerFrameHandler =
-        CheckScannerFrameHandler.attach(cameraView, checkScanner)
-    // @EndTag("Get Instances")
+    }
+// @EndTag("Action bar")
 }
 
-fun handleResult(checkScannerFrameHandler: CheckScannerFrameHandler) {
-    // @Tag("Handle Result")
-    checkScannerFrameHandler.addResultHandler(object : CheckScannerFrameHandler.ResultHandler {
-        override fun handle(result: FrameHandlerResult<CheckScanningResult, SdkLicenseError>): Boolean {
-            when (result) {
-                is FrameHandlerResult.Success -> {
-                    val checkResult: CheckScanningResult? =
-                        (result as FrameHandlerResult.Success<CheckScanningResult?>).value
-                    if (checkResult?.check != null) {
-                        // do something with result here
-                        val checkDocument = checkResult.check
-                        if (checkDocument != null) {
-                            wrapCheck(checkDocument)
-                        }
-                    }
+class CheckScanningSnippet : AppCompatActivity() {
+
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(savedInstanceState)
+        // In the real application, you should call this function on button click
+        startScanning()
+    }
+    // @Tag("Scanning")
+
+    val resultLauncher: ActivityResultLauncher<CheckScannerScreenConfiguration> =
+        registerForActivityResult(CheckScannerActivity.ResultContract()) { resultEntity: CheckScannerActivity.Result ->
+            if (resultEntity.resultOk) {
+          resultEntity.result?.check?.let {
+                    // Here you can handle `check document` and present recognized Check information (routing number, account number, etc.)
+                    wrapCheck(it)
                 }
+            }
+        }
+
+    private fun startScanning() {
+
+        // Create the default configuration object.
+        val configuration = CheckScannerScreenConfiguration()
+
+        // Configure camera properties.
+        // e.g
+        configuration.cameraConfiguration.zoomSteps = listOf(1.0, 2.0, 5.0)
+        configuration.cameraConfiguration.flashEnabled = false
+        configuration.cameraConfiguration.pinchToZoomEnabled = true
+
+        // Configure the UI elements like icons or buttons.
+        // e.g The top bar introduction button.
+        configuration.topBarOpenIntroScreenButton.visible = true
+        configuration.topBarOpenIntroScreenButton.color = ScanbotColor("#FFFFFF")
+        // Cancel button.
+        configuration.topBar.cancelButton.visible = true
+        configuration.topBar.cancelButton.text = "Cancel"
+        configuration.topBar.cancelButton.foreground.color = ScanbotColor("#FFFFFF")
+        configuration.topBar.cancelButton.background.fillColor = ScanbotColor("#00000000")
+
+        // Configure the success overlay.
+        configuration.successOverlay.iconColor = ScanbotColor("#FFFFFF")
+        configuration.successOverlay.message.text = "Scanned Successfully!"
+        configuration.successOverlay.message.color = ScanbotColor("#FFFFFF")
+
+        // Configure the sound.
+        configuration.sound.successBeepEnabled = true
+        configuration.sound.soundType = SoundType.MODERN_BEEP
+        resultLauncher.launch(configuration)
+    }
+// @EndTag("Scanning")
+}
+
 
-                is FrameHandlerResult.Failure -> {
-                } // handle license error here
+class ComposeSnippet : AppCompatActivity() {
+
+    // @Tag("Compose Example")
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(savedInstanceState)
+        setContentView(ComposeView(this).apply {
+            setContent {
+                CheckScannerView(
+                    configuration = getConfiguration(),
+                    onCheckScanned = { document ->
+                        // Handle the document.
+                    },
+                    onCheckScannerClosed = { reason ->
+                        // Indicates that the cancel button was tapped.
+                    }
+                )
             }
+        })
+    }
+
+
+    fun getConfiguration(): CheckScannerScreenConfiguration {
+        // Create the default configuration object.
+        return CheckScannerScreenConfiguration().apply {
 
-            return false
         }
-    })
-    // @EndTag("Handle Result")
+    }
+    // @EndTag("Compose Example")
 }
\ No newline at end of file
diff --git a/data-capture-ready-to-use-ui-example/app/src/main/java/io/scanbot/example/doc_code_snippet/creditcard/CreditCardUiSnippet.kt b/data-capture-ready-to-use-ui-example/app/src/main/java/io/scanbot/example/doc_code_snippet/creditcard/CreditCardUiSnippet.kt
index 172884bf..35686b93 100644
--- a/data-capture-ready-to-use-ui-example/app/src/main/java/io/scanbot/example/doc_code_snippet/creditcard/CreditCardUiSnippet.kt
+++ b/data-capture-ready-to-use-ui-example/app/src/main/java/io/scanbot/example/doc_code_snippet/creditcard/CreditCardUiSnippet.kt
@@ -552,6 +552,6 @@ class ComposeSnippet : AppCompatActivity() {
 
         }
     }
-    // @EndPage("Compose Example")
+    // @EndTag("Compose Example")
 }
 
diff --git a/data-capture-ready-to-use-ui-example/app/src/main/java/io/scanbot/example/doc_code_snippet/data_extractor/DataExtractionUiSnippet.kt b/data-capture-ready-to-use-ui-example/app/src/main/java/io/scanbot/example/doc_code_snippet/data_extractor/DataExtractionUiSnippet.kt
new file mode 100644
index 00000000..e6423311
--- /dev/null
+++ b/data-capture-ready-to-use-ui-example/app/src/main/java/io/scanbot/example/doc_code_snippet/data_extractor/DataExtractionUiSnippet.kt
@@ -0,0 +1,486 @@
+package io.scanbot.example.doc_code_snippet.data_extractor
+
+/*
+    NOTE: this snippet of code is to be used only as a part of the website documentation.
+    This code is not intended for any use outside of the support of documentation by Scanbot SDK GmbH employees.
+*/
+
+// NOTE for maintainers: whenever changing this code,
+// ensure that links using it are still pointing to valid lines!
+// Pay attention to imports adding/removal/sorting!
+// Page URLs using this code:
+// TODO: add URLs here
+
+import android.os.Bundle
+import android.widget.Toast
+import androidx.activity.result.ActivityResultLauncher
+import androidx.appcompat.app.AppCompatActivity
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.platform.ComposeView
+import io.scanbot.example.*
+import io.scanbot.sdk.*
+import io.scanbot.sdk.documentdata.DocumentDataExtractorCommonConfiguration
+import io.scanbot.sdk.documentdata.DocumentDataExtractorConfigurationBuilder
+import io.scanbot.sdk.documentdata.entity.*
+import io.scanbot.sdk.ui_v2.common.*
+import io.scanbot.sdk.ui_v2.documentdata.*
+import io.scanbot.sdk.ui_v2.documentdataextractor.configuration.*
+
+//Rtu ui snippets
+fun initializeScanbotSDK(application: Application) {
+    // @Tag("InitializeScanbotSDK")
+    ScanbotSDKInitializer().initialize(application)
+    // @EndTag("InitializeScanbotSDK")
+}
+
+class StartDocumentDataExtractorUiSnippet : AppCompatActivity() {
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(savedInstanceState)
+        // In the real application, you should call this function on button click
+        startScanning()
+    }
+
+    // @Tag("Launching the scanner")
+
+    val resultLauncher: ActivityResultLauncher<DocumentDataExtractorScreenConfiguration> =
+        registerForActivityResult(DocumentDataExtractorActivity.ResultContract()) { resultEntity: DocumentDataExtractorActivity.Result ->
+            if (resultEntity.resultOk) {
+                resultEntity.result?.document?.let { document ->
+                    wrapGenericDocument(document)
+                }
+            }
+        }
+
+    private fun startScanning() {
+        // Create the default configuration object.
+        val configuration = DocumentDataExtractorScreenConfiguration()
+
+        // Start the recognizer activity.
+        resultLauncher.launch(configuration)
+    }
+    // @EndTag("Launching the scanner")
+}
+
+class DocumentDataExtractorPaletteSnippet : AppCompatActivity() {
+
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(savedInstanceState)
+        // In the real application, you should call this function on button click
+        startScanning()
+    }
+    // @Tag("Palette")
+
+    val resultLauncher: ActivityResultLauncher<DocumentDataExtractorScreenConfiguration> =
+        registerForActivityResult(DocumentDataExtractorActivity.ResultContract()) { resultEntity: DocumentDataExtractorActivity.Result ->
+            if (resultEntity.resultOk) {
+                resultEntity.result?.document?.let { document ->
+                    wrapGenericDocument(document)
+                }
+            }
+        }
+
+    private fun startScanning() {
+
+        // Create the default configuration object.
+        val configuration = DocumentDataExtractorScreenConfiguration()
+
+        // Retrieve the instance of the palette from the configuration object.
+        configuration.palette.apply {
+            // Configure the colors.
+            // The palette already has the default colors set, so you don't have to always set all the colors.
+            sbColorPrimary = ScanbotColor("#C8193C")
+            sbColorPrimaryDisabled = ScanbotColor("#F5F5F5")
+            sbColorNegative = ScanbotColor("#FF3737")
+            sbColorPositive = ScanbotColor("#4EFFB4")
+            sbColorWarning = ScanbotColor("#FFCE5C")
+            sbColorSecondary = ScanbotColor("#FFEDEE")
+            sbColorSecondaryDisabled = ScanbotColor("#F5F5F5")
+            sbColorOnPrimary = ScanbotColor("#FFFFFF")
+            sbColorOnSecondary = ScanbotColor("#C8193C")
+            sbColorSurface = ScanbotColor("#FFFFFF")
+            sbColorOutline = ScanbotColor("#EFEFEF")
+            sbColorOnSurfaceVariant = ScanbotColor("#707070")
+            sbColorOnSurface = ScanbotColor("#000000")
+            sbColorSurfaceLow = ScanbotColor("#26000000")
+            sbColorSurfaceHigh = ScanbotColor("#7A000000")
+            sbColorModalOverlay = ScanbotColor("#A3000000")
+        }
+
+        resultLauncher.launch(configuration)
+    }
+    // @EndTag("Palette")
+}
+
+class DocumentDataExtractorLocalizationSnippet : AppCompatActivity() {
+
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(savedInstanceState)
+        // In the real application, you should call this function on button click
+        startScanning()
+    }
+    // @Tag("Localization")
+
+    val resultLauncher: ActivityResultLauncher<DocumentDataExtractorScreenConfiguration> =
+        registerForActivityResult(DocumentDataExtractorActivity.ResultContract()) { resultEntity: DocumentDataExtractorActivity.Result ->
+            if (resultEntity.resultOk) {
+                resultEntity.result?.document?.let { document ->
+                    wrapGenericDocument(document)
+                }
+            }
+        }
+
+    private fun startScanning() {
+
+        // Create the default configuration object.
+        val configuration = DocumentDataExtractorScreenConfiguration()
+
+        // Retrieve the instance of the localization from the configuration object.
+        configuration.localization.apply {
+            // Configure the strings.
+            // e.g
+            topUserGuidance = "top.user.guidance"
+            cameraPermissionCloseButton = "camera.permission.close"
+        }
+
+        resultLauncher.launch(configuration)
+    }
+// @EndTag("Localization")
+}
+
+class DocumentDataExtractorIntroductionSnippet : AppCompatActivity() {
+
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(savedInstanceState)
+        // In the real application, you should call this function on button click
+        startScanning()
+    }
+    // @Tag("Introduction")
+
+    val resultLauncher: ActivityResultLauncher<DocumentDataExtractorScreenConfiguration> =
+        registerForActivityResult(DocumentDataExtractorActivity.ResultContract()) { resultEntity: DocumentDataExtractorActivity.Result ->
+            if (resultEntity.resultOk) {
+                resultEntity.result?.document?.let { document ->
+                    wrapGenericDocument(document)
+                }
+            }
+        }
+
+    private fun startScanning() {
+
+        // Create the default configuration object.
+        val configuration = DocumentDataExtractorScreenConfiguration()
+
+        // Retrieve the instance of the intro screen from the configuration object.
+        configuration.introScreen.apply {
+            // Show the introduction screen automatically when the screen appears.
+            showAutomatically = true
+
+            // Configure the background color of the screen.
+            backgroundColor = ScanbotColor("#FFFFFF")
+
+            // Configure the title for the intro screen.
+            title.text = "How to scan an DocumentDataExtractor"
+
+            // Configure the image for the introduction screen.
+            // If you want to have no image...
+            image = DocumentDataIntroNoImage()
+            // For a custom image...
+            image = DocumentDataIntroCustomImage(uri = "PathToImage")
+            // Or you can also use our default image.
+            image = DocumentDataIntroDefaultImage()
+
+            // Configure the color of the handler on top.
+            handlerColor = ScanbotColor("#EFEFEF")
+
+            // Configure the color of the divider.
+            dividerColor = ScanbotColor("#EFEFEF")
+
+            // Configure the text.
+            explanation.color = ScanbotColor("#000000")
+            explanation.text =
+                "The Machine Readable Zone (DocumentDataExtractor) is a special code on your ID document (such as a passport or ID card) that contains your personal information in a machine-readable format.\n\nTo scan it, simply hold your camera over the document, so that it aligns with the DocumentDataExtractor section. Once scanned, the data will be automatically processed, and you will be directed to the results screen.\n\nPress 'Start Scanning' to begin."
+
+            // Configure the done button.
+            // e.g the text or the background color.
+            doneButton.text = "Start Scanning"
+            doneButton.background.fillColor = ScanbotColor("#C8193C")
+        }
+
+        resultLauncher.launch(configuration)
+    }
+// @EndTag("Introduction")
+}
+
+class DocumentDataExtractorUserGuidanceSnippet : AppCompatActivity() {
+
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(savedInstanceState)
+        // In the real application, you should call this function on button click
+        startScanning()
+    }
+    // @Tag("User guidance")
+
+    val resultLauncher: ActivityResultLauncher<DocumentDataExtractorScreenConfiguration> =
+        registerForActivityResult(DocumentDataExtractorActivity.ResultContract()) { resultEntity: DocumentDataExtractorActivity.Result ->
+            if (resultEntity.resultOk) {
+                resultEntity.result?.document?.let { document ->
+                    wrapGenericDocument(document)
+                }
+            }
+        }
+
+    private fun startScanning() {
+
+        // Create the default configuration object.
+        val configuration = DocumentDataExtractorScreenConfiguration()
+
+        // Configure user guidance's
+
+        // Top user guidance
+        // Retrieve the instance of the top user guidance from the configuration object.
+        configuration.topUserGuidance.apply {
+            // Show the user guidance.
+            visible = true
+            // Configure the title.
+            title.text = "Scan your Identity Document"
+            title.color = ScanbotColor("#FFFFFF")
+            // Configure the background.
+            background.fillColor = ScanbotColor("#7A000000")
+
+            resultLauncher.launch(configuration)
+        }
+        configuration.scanStatusUserGuidance.statesTitles.noDocumentFound = "No Document Found"
+        configuration.scanStatusUserGuidance.statesTitles.tooDark = "Try to move to some light"
+    }
+// @EndTag("User guidance")
+}
+
+class DocumentDataExtractorTopBarSnippet : AppCompatActivity() {
+
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(savedInstanceState)
+        // In the real application, you should call this function on button click
+        startScanning()
+    }
+    // @Tag("Top bar")
+
+    val resultLauncher: ActivityResultLauncher<DocumentDataExtractorScreenConfiguration> =
+        registerForActivityResult(DocumentDataExtractorActivity.ResultContract()) { resultEntity: DocumentDataExtractorActivity.Result ->
+            if (resultEntity.resultOk) {
+                resultEntity.result?.document?.let { document ->
+                    wrapGenericDocument(document)
+                }
+            }
+        }
+
+    private fun startScanning() {
+
+        // Create the default configuration object.
+        val configuration = DocumentDataExtractorScreenConfiguration()
+
+        // Retrieve the instance of the top user guidance from the configuration object.
+        configuration.topBar.apply {
+            // Set the top bar mode.
+            mode = TopBarMode.GRADIENT
+
+            // Set the background color which will be used as a gradient.
+            backgroundColor = ScanbotColor("#C8193C")
+
+            // Set the status bar mode.
+            statusBarMode = StatusBarMode.LIGHT
+
+            // Configure the cancel button.
+            cancelButton.text = "Cancel"
+            cancelButton.foreground.color = ScanbotColor("#FFFFFF")
+        }
+
+        resultLauncher.launch(configuration)
+    }
+// @EndTag("Top bar")
+}
+
+class DocumentDataExtractorFinderSnippet : AppCompatActivity() {
+
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(savedInstanceState)
+        // In the real application, you should call this function on button click
+        startScanning()
+    }
+    // @Tag("Finder overlay")
+
+    val resultLauncher: ActivityResultLauncher<DocumentDataExtractorScreenConfiguration> =
+        registerForActivityResult(DocumentDataExtractorActivity.ResultContract()) { resultEntity: DocumentDataExtractorActivity.Result ->
+            if (resultEntity.resultOk) {
+                resultEntity.result?.document?.let { document ->
+                    wrapGenericDocument(document)
+                }
+            }
+        }
+
+    private fun startScanning() {
+
+        // Create the default configuration object.
+        val configuration = DocumentDataExtractorScreenConfiguration()
+
+        // Configure finder overlay appearance
+        configuration.viewFinder.apply {
+            style = FinderStyle.finderStrokedStyle().apply {
+                strokeColor = ScanbotColor("#FF00FF")
+                cornerRadius = 0.0
+            }
+        }
+        resultLauncher.launch(configuration)
+    }
+// @EndTag("Finder overlay")
+}
+
+class DocumentDataExtractorActionBarSnippet : AppCompatActivity() {
+
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(savedInstanceState)
+        // In the real application, you should call this function on button click
+        startScanning()
+    }
+    // @Tag("Action bar")
+
+    val resultLauncher: ActivityResultLauncher<DocumentDataExtractorScreenConfiguration> =
+        registerForActivityResult(DocumentDataExtractorActivity.ResultContract()) { resultEntity: DocumentDataExtractorActivity.Result ->
+            if (resultEntity.resultOk) {
+                resultEntity.result?.document?.let { document ->
+                    wrapGenericDocument(document)
+                }
+            }
+        }
+
+    private fun startScanning() {
+
+        // Create the default configuration object.
+        val configuration = DocumentDataExtractorScreenConfiguration()
+        // Retrieve the instance of the action bar from the configuration object.
+        configuration.actionBar.apply {
+
+            // Show the flash button.
+            flashButton.visible = true
+
+            // Configure the inactive state of the flash button.
+            flashButton.backgroundColor = ScanbotColor("#7A000000")
+            flashButton.foregroundColor = ScanbotColor("#FFFFFF")
+
+            // Configure the active state of the flash button.
+            flashButton.activeBackgroundColor = ScanbotColor("#FFCE5C")
+            flashButton.activeForegroundColor = ScanbotColor("#000000")
+
+            // Show the zoom button.
+            zoomButton.visible = true
+
+            // Configure the zoom button.
+            zoomButton.backgroundColor = ScanbotColor("#7A000000")
+            zoomButton.foregroundColor = ScanbotColor("#FFFFFF")
+
+            // Show the flip camera button.
+            flipCameraButton.visible = true
+
+            // Configure the flip camera button.
+            flipCameraButton.backgroundColor = ScanbotColor("#7A000000")
+            flipCameraButton.foregroundColor = ScanbotColor("#FFFFFF")
+        }
+        resultLauncher.launch(configuration)
+
+    }
+// @EndTag("Action bar")
+}
+
+class DocumentDataExtractorScanningSnippet : AppCompatActivity() {
+
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(savedInstanceState)
+        // In the real application, you should call this function on button click
+        startScanning()
+    }
+    // @Tag("Scanning")
+
+    val resultLauncher: ActivityResultLauncher<DocumentDataExtractorScreenConfiguration> =
+        registerForActivityResult(DocumentDataExtractorActivity.ResultContract()) { resultEntity: DocumentDataExtractorActivity.Result ->
+            if (resultEntity.resultOk) {
+                resultEntity.result?.document?.let { document ->
+                    wrapGenericDocument(document)
+                }
+            }
+        }
+
+    private fun startScanning() {
+
+        // Create the default configuration object.
+        val configuration = DocumentDataExtractorScreenConfiguration()
+        // Initiate scanner with de id card document type to scan
+        configuration.scannerConfiguration.configurations = listOf(
+            DocumentDataExtractorCommonConfiguration(
+                listOf(
+                    DeIdCardFront.DOCUMENT_TYPE,
+                    DeIdCardBack.DOCUMENT_TYPE
+                )
+            )
+        )
+        // Configure camera properties.
+        // e.g
+        configuration.cameraConfiguration.zoomSteps = listOf(1.0, 2.0, 5.0)
+        configuration.cameraConfiguration.flashEnabled = false
+        configuration.cameraConfiguration.pinchToZoomEnabled = true
+
+        // Configure the UI elements like icons or buttons.
+        // e.g The top bar introduction button.
+        configuration.topBarOpenIntroScreenButton.visible = true
+        configuration.topBarOpenIntroScreenButton.color = ScanbotColor("#FFFFFF")
+        // Cancel button.
+        configuration.topBar.cancelButton.visible = true
+        configuration.topBar.cancelButton.text = "Cancel"
+        configuration.topBar.cancelButton.foreground.color = ScanbotColor("#FFFFFF")
+        configuration.topBar.cancelButton.background.fillColor = ScanbotColor("#00000000")
+
+        // Configure the success overlay.
+        configuration.successOverlay.iconColor = ScanbotColor("#FFFFFF")
+        configuration.successOverlay.message.text = "Scanned Successfully!"
+        configuration.successOverlay.message.color = ScanbotColor("#FFFFFF")
+
+        // Configure the sound.
+        configuration.sound.successBeepEnabled = true
+        configuration.sound.soundType = SoundType.MODERN_BEEP
+        resultLauncher.launch(configuration)
+
+    }
+// @EndTag("Scanning")
+}
+
+class ComposeSnippet : AppCompatActivity() {
+
+    // @Tag("Compose Example")
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(savedInstanceState)
+        setContentView(ComposeView(this).apply {
+            setContent {
+                // integrate the DocumentDataExtractor scanner compose view
+                DocumentDataExtractorView(
+                    modifier = Modifier.fillMaxSize(),
+                    configuration = getConfiguration(),
+                    enableBackNavigation = false,
+                    onDocumentExtracted = { document ->
+                        // Handle the document.
+                    },
+                    onDocumentExtractorClosed = { reason ->
+                        // Indicates that the cancel button was tapped.
+                    }
+                )
+            }
+        })
+    }
+
+
+    fun getConfiguration(): DocumentDataExtractorScreenConfiguration {
+        // Create the default configuration object.
+        return DocumentDataExtractorScreenConfiguration().apply {
+
+        }
+    }
+    // @EndTag("Compose Example")
+}
\ No newline at end of file
diff --git a/data-capture-ready-to-use-ui-example/app/src/main/java/io/scanbot/example/doc_code_snippet/data_extractor/UiComponentsSnippets.kt b/data-capture-ready-to-use-ui-example/app/src/main/java/io/scanbot/example/doc_code_snippet/data_extractor/UiComponentsSnippets.kt
deleted file mode 100644
index 14b86217..00000000
--- a/data-capture-ready-to-use-ui-example/app/src/main/java/io/scanbot/example/doc_code_snippet/data_extractor/UiComponentsSnippets.kt
+++ /dev/null
@@ -1,295 +0,0 @@
-package io.scanbot.example.doc_code_snippet.data_extractor
-
-import android.app.Application
-import android.content.Context
-import android.content.Intent
-import android.graphics.Bitmap
-import android.os.Bundle
-import android.widget.Button
-import android.widget.TextView
-import android.widget.Toast
-import androidx.activity.result.ActivityResultLauncher
-import androidx.appcompat.app.AppCompatActivity
-import io.scanbot.example.R
-import io.scanbot.genericdocument.entity.*
-import io.scanbot.sdk.*
-import io.scanbot.sdk.documentdata.*
-import io.scanbot.sdk.documentdata.entity.*
-import io.scanbot.sdk.genericdocument.entity.*
-import io.scanbot.sdk.process.*
-import io.scanbot.sdk.ui.*
-import io.scanbot.sdk.ui.camera.*
-import io.scanbot.sdk.ui.view.documentdata.*
-import io.scanbot.sdk.ui.view.documentdata.configuration.DocumentDataExtractorConfiguration
-
-/*
-    NOTE: this snippet of code is to be used only as a part of the website documentation.
-    This code is not intended for any use outside of the support of documentation by Scanbot SDK GmbH employees.
-*/
-
-// NOTE for maintainers: whenever changing this code,
-// ensure that links using it are still pointing to valid lines!
-// Pay attention to imports adding/removal/sorting!
-// Page URLs using this code:
-// TODO: add URLs here
-
-fun initSdkSnippet(application: Application) {
-    // @Tag("Initialize SDK")
-    ScanbotSDKInitializer()
-            //...
-            .initialize(application)
-    // @EndTag("Initialize SDK")
-}
-
-fun startDataExtractorRTUAndHandleResultSnippet(activity: AppCompatActivity, scanbotSDK: ScanbotSDK, myButton: Button) {
-    // @Tag("Start RTU Data Extractor and Process Result")
-    val genericDocumentResult: ActivityResultLauncher<DocumentDataExtractorConfiguration> = activity.registerForActivityResultOk(DocumentDataExtractorActivity.ResultContract()) { result ->
-        val resultWrappers = result.result!!
-        val firstWrapper = resultWrappers.first()
-        val document = firstWrapper.document
-
-        Toast.makeText(
-                activity,
-                document?.fields?.map { "${it.type.name} = ${it.value?.text}" }.toString(),
-                Toast.LENGTH_LONG
-        ).show()
-    }
-
-    //...
-
-    myButton.setOnClickListener {
-        val dataExtractorConfiguration = DocumentDataExtractorConfiguration()
-        genericDocumentResult.launch(dataExtractorConfiguration)
-    }
-    // @EndTag("Start RTU Data Extractor and Process Result")
-}
-
-class StartDataExtractorRTUDeprecatedSnippetActivity : AppCompatActivity() {
-    private val GENERIC_DOCUMENT_RECOGNIZER_DEFAULT_UI: Int = 1
-
-    private lateinit var myButton: Button
-
-    override fun onCreate(savedInstanceState: Bundle?) {
-        super.onCreate(savedInstanceState)
-
-        // @Tag("(DEPRECATED) Start RTU Data Extractor")
-        myButton.setOnClickListener {
-            val dataExtractorConfiguration = DocumentDataExtractorConfiguration()
-            val intent = DocumentDataExtractorActivity.newIntent(this, dataExtractorConfiguration)
-            startActivityForResult(intent, GENERIC_DOCUMENT_RECOGNIZER_DEFAULT_UI)
-        }
-        // @EndTag("(DEPRECATED) Start RTU Data Extractor")
-    }
-
-    // @Tag("(DEPRECATED) Process Data Extractor Result")
-    override fun onActivityResult(requestCode: Int, resultCode: Int, data: Intent?) {
-        super.onActivityResult(requestCode, resultCode, data)
-
-        if (requestCode == GENERIC_DOCUMENT_RECOGNIZER_DEFAULT_UI) {
-            val result: DocumentDataExtractorActivity.Result = DocumentDataExtractorActivity.extractResult(resultCode, data)
-            if (!result.resultOk) {
-                return
-            }
-
-            // Get the list of DocumentDataExtractorResult objects from the intent
-            val documentDataExtractorResults = result.result
-
-            val document = documentDataExtractorResults?.first()?.document
-
-            Toast.makeText(
-                    this,
-                    document?.fields?.map { "${it.type.name} = ${it.value?.text}" }.toString(),
-                    Toast.LENGTH_LONG
-            ).show()
-        }
-    }
-    // @EndTag("(DEPRECATED) Process Data Extractor Result")
-}
-
-fun documentDataExtractorConfigurationSnippet(context: Context) {
-    // @Tag("Configure Document Data Extractor RTU UI activity")
-    val dataExtractorConfiguration = DocumentDataExtractorConfiguration()
-
-    // Apply the color configuration
-    dataExtractorConfiguration.setTopBarButtonsInactiveColor(context.getColor(android.R.color.white))
-    dataExtractorConfiguration.setTopBarBackgroundColor(context.getColor(android.R.color.system_primary_dark))
-    //...
-
-    // Apply the text configuration
-    dataExtractorConfiguration.setClearButtonTitle(context.getString(R.string.clear_button))
-    dataExtractorConfiguration.setSubmitButtonTitle(context.getString(R.string.submit_button))
-    //...
-
-    // Apply the parameters for fields
-    dataExtractorConfiguration.setFieldsDisplayConfiguration(
-            hashMapOf(
-                    // Use constants from NormalizedFieldNames objects from the corresponding document type
-                    DePassport.NormalizedFieldNames.PHOTO to FieldProperties(
-                            "My passport photo",
-                            FieldProperties.DisplayState.AlwaysVisible
-                    ),
-                    MRZ.NormalizedFieldNames.CHECK_DIGIT_GENERAL to FieldProperties(
-                            "Check digit",
-                            FieldProperties.DisplayState.AlwaysVisible
-                    )
-                    //...
-            ))
-    // @EndTag("Configure Document Data Extractor RTU UI activity")
-}
-
-fun excludeFieldsFromExtractingInConfigSnippet(dataExtractorConfiguration: DocumentDataExtractorConfiguration) {
-    // @Tag("Exclude fields from being recognized in the configuration")
-    // Exclude some document fields from being recognized
-    dataExtractorConfiguration.setExcludedFieldTypes(hashSetOf(
-            DeIdCardFront.NormalizedFieldNames.PHOTO,
-            DeIdCardFront.NormalizedFieldNames.CARD_ACCESS_NUMBER,
-            DePassport.NormalizedFieldNames.PHOTO,
-            DePassport.NormalizedFieldNames.SIGNATURE,
-            DeIdCardBack.NormalizedFieldNames.EYE_COLOR
-    ))
-    // @EndTag("Exclude fields from being recognized in the configuration")
-}
-
-fun firstGenericDocumentSnippet(documentDataExtractorResults: List<DocumentDataExtractionResult>) {
-    // @Tag("Get the first document from the result list")
-    val document = documentDataExtractorResults?.first()?.document
-    // @EndTag("Get the first document from the result list")
-}
-
-fun printDocumentInToastSnippet(context: Context, document: GenericDocument) {
-    // @Tag("Show the detected document fields in a Toast notification")
-    Toast.makeText(
-            context,
-            document?.fields?.joinToString("\n") { "${it.type.name} = ${it.value?.text}" } ?: "",
-            Toast.LENGTH_LONG
-    ).show()
-    // @EndTag("Show the detected document fields in a Toast notification")
-}
-
-fun getDocumentDataExtractorInstanceFromSdkSnippet(context: Context, cameraView: ScanbotCameraXView) {
-    // @Tag("Get DocumentDataExtractor instance and attach it to ScanbotCameraXView")
-    val scanbotSdk = ScanbotSDK(context)
-
-    // Please note that each call to this method will create a new instance of DocumentDataExtractor
-    // It should be used on a "single instance per screen" basis
-    val documentDataExtractor = scanbotSdk.createDocumentDataExtractor()
-
-    var acceptedDocumentTypes = RootDocumentType.ALL_TYPES
-
-    // Uncomment to scan only ID cards and passports
-    // acceptedDocumentTypes = listOf(
-    //     RootDocumentType.DePassport,
-    //     RootDocumentType.DeIdCardFront,
-    //     RootDocumentType.DeIdCardBack
-    // )
-
-    // Uncomment to scan only Driver's licenses
-    // acceptedDocumentTypes = listOf(
-    //     RootDocumentType.DeDriverLicenseFront,
-    //     RootDocumentType.DeDriverLicenseBack
-    // )
-
-    // Uncomment to scan only Residence permit cards
-    // acceptedDocumentTypes = listOf(
-    //     RootDocumentType.DeResidencePermitFront,
-    //     RootDocumentType.DeResidencePermitBack
-    // )
-
-    // Uncomment to scan only back side of European health insurance cards
-    // acceptedDocumentTypes = listOf(
-    //     RootDocumentType.EuropeanHealthInsuranceCard
-    // )
-
-    // Uncomment to scan only front side of German health insurance cards
-    // acceptedDocumentTypes = listOf(
-    //     RootDocumentType.RootDocumentType.DeHealthInsuranceCardFront
-    // )
-
-    // To scan all the supported document types (default value)
-    documentDataExtractor.setConfiguration(DocumentDataExtractorConfigurationBuilder()
-        .setAcceptedDocumentTypes(acceptedDocumentTypes)
-        .build())
-
-    val frameHandler = DocumentDataExtractorFrameHandler.attach(cameraView, documentDataExtractor)
-    // @EndTag("Get DocumentDataExtractor instance and attach it to ScanbotCameraXView")
-}
-
-fun getDocumentDataExtractorInstanceWithEHICFromSdkSnippet(
-    context: Context,
-    cameraView: ScanbotCameraXView
-) {
-    // @Tag("Get DocumentDataExtractor instance with EHIC doc type and attach it to ScanbotCameraXView")
-    val scanbotSdk = ScanbotSDK(context)
-
-    // Please note that each call to this method will create a new instance of DocumentDataExtractor
-    // It should be used on a "single instance per screen" basis
-    val documentDataExtractor = scanbotSdk.createDocumentDataExtractor()
-
-    documentDataExtractor.setConfiguration(
-        DocumentDataExtractorConfigurationBuilder()
-            .setAcceptedDocumentTypes(
-                listOf(
-                    RootDocumentType.EuropeanHealthInsuranceCard,
-                    RootDocumentType.DeHealthInsuranceCardFront
-                )
-            )
-            .build()
-    )
-
-    val frameHandler = DocumentDataExtractorFrameHandler.attach(cameraView, documentDataExtractor)
-    // @EndTag("Get DocumentDataExtractor instance with EHIC doc type and attach it to ScanbotCameraXView")
-}
-
-fun excludeFieldsFromExtractingSnippet() {
-    // @Tag("Exclude fields from being recognized")
-    // Exclude some document fields from being recognized
-    DocumentDataExtractorConfigurationBuilder()
-            //...
-            .addExcludedField(DeIdCardFront.NormalizedFieldNames.PHOTO)
-            .addExcludedField(DeIdCardFront.NormalizedFieldNames.CARD_ACCESS_NUMBER)
-            .addExcludedField(DePassport.NormalizedFieldNames.PHOTO)
-            .addExcludedField(DePassport.NormalizedFieldNames.SIGNATURE)
-            .addExcludedField(DeIdCardBack.NormalizedFieldNames.EYE_COLOR)
-            .build()
-    // @EndTag("Exclude fields from being recognized")
-}
-
-fun rotateImageSnippet(image: ByteArray, imageOrientation: Int) {
-    // @Tag("Rotate image")
-    val resultBitmap = ImageProcessor(image).rotate(imageOrientation).processedBitmap()
-    // @EndTag("Rotate image")
-}
-
-fun extractFromBitmapSnippet(documentDataExtractor: DocumentDataExtractor, resultBitmap: Bitmap) {
-    // @Tag("Extract data from the image")
-    val recognitionResult = documentDataExtractor.extractFromBitmap(resultBitmap)
-    // @EndTag("Extract data from the image")
-}
-
-fun handleResultSnippet(activity: AppCompatActivity, recognitionResult: DocumentDataExtractionResult) {
-    // @Tag("Set the obtained extraction results to a TextView")
-    val myTextView = activity.findViewById<TextView>(R.id.my_text_view)
-
-    val resultsMessage = "Recognition results:\n" +
-            "Recognition status: ${recognitionResult.status}\n" +
-            "Card type: ${recognitionResult.document?.type}\n" +
-            "Number of fields scanned: ${recognitionResult.document?.fields?.size ?: 0}"
-
-    myTextView.text = resultsMessage
-    // @EndTag("Set the obtained extraction results to a TextView")
-}
-
-fun handleEHICResultSnippet(activity: AppCompatActivity, recognitionResult: DocumentDataExtractionResult) {
-    // @Tag("Set the obtained extraction results to a TextView")
-    val myTextView = activity.findViewById<TextView>(R.id.my_text_view)
-
-    val ehicDocument = EuropeanHealthInsuranceCard(recognitionResult.document!!)
-    
-    val resultsMessage = "Recognition results:\n" +
-            "Recognition status: ${recognitionResult.status}\n" +
-            "Card type: ${recognitionResult.document?.type}\n" +
-            "Number of fields scanned: ${recognitionResult.document?.fields?.size ?: 0}"
-
-    myTextView.text = resultsMessage
-    // @EndTag("Set the obtained extraction results to a TextView")
-}
\ No newline at end of file
diff --git a/data-capture-ready-to-use-ui-example/app/src/main/java/io/scanbot/example/doc_code_snippet/data_extractor/WrapGenericDocumentSnippet.kt b/data-capture-ready-to-use-ui-example/app/src/main/java/io/scanbot/example/doc_code_snippet/data_extractor/WrapGenericDocumentSnippet.kt
index d32488d1..09c4b31d 100644
--- a/data-capture-ready-to-use-ui-example/app/src/main/java/io/scanbot/example/doc_code_snippet/data_extractor/WrapGenericDocumentSnippet.kt
+++ b/data-capture-ready-to-use-ui-example/app/src/main/java/io/scanbot/example/doc_code_snippet/data_extractor/WrapGenericDocumentSnippet.kt
@@ -31,10 +31,10 @@ fun wrapGenericDocument(genericDocument: GenericDocument) {
         DePassport.DOCUMENT_TYPE  -> {
             // Handle passport
         }
-        DeDriverLicenseFront.DOCUMENT_TYPE  -> {
+        EuropeanDriverLicenseFront.DOCUMENT_TYPE  -> {
             // Handle driver license front
         }
-        DeDriverLicenseBack.DOCUMENT_TYPE  -> {
+        EuropeanDriverLicenseBack.DOCUMENT_TYPE  -> {
             // Handle driver license back
         }
         DeResidencePermitFront.DOCUMENT_TYPE  -> {
diff --git a/data-capture-ready-to-use-ui-example/app/src/main/java/io/scanbot/example/doc_code_snippet/mrz/MrzUiSnippet.kt b/data-capture-ready-to-use-ui-example/app/src/main/java/io/scanbot/example/doc_code_snippet/mrz/MrzUiSnippet.kt
index ed372eb4..8317d19c 100644
--- a/data-capture-ready-to-use-ui-example/app/src/main/java/io/scanbot/example/doc_code_snippet/mrz/MrzUiSnippet.kt
+++ b/data-capture-ready-to-use-ui-example/app/src/main/java/io/scanbot/example/doc_code_snippet/mrz/MrzUiSnippet.kt
@@ -559,5 +559,5 @@ class ComposeSnippet : AppCompatActivity() {
 
         }
     }
-    // @EndPage("Compose Example")
+    // @EndTag("Compose Example")
 }
\ No newline at end of file
diff --git a/data-capture-ready-to-use-ui-example/app/src/main/java/io/scanbot/example/doc_code_snippet/text_pattern/TextPatternUiSnippet.kt b/data-capture-ready-to-use-ui-example/app/src/main/java/io/scanbot/example/doc_code_snippet/text_pattern/TextPatternUiSnippet.kt
index 2f7bd766..c0e3e5f2 100644
--- a/data-capture-ready-to-use-ui-example/app/src/main/java/io/scanbot/example/doc_code_snippet/text_pattern/TextPatternUiSnippet.kt
+++ b/data-capture-ready-to-use-ui-example/app/src/main/java/io/scanbot/example/doc_code_snippet/text_pattern/TextPatternUiSnippet.kt
@@ -508,6 +508,6 @@ class ComposeSnippet : AppCompatActivity() {
 
         }
     }
-    // @EndPage("Compose Example")
+    // @EndTag("Compose Example")
 }
 
diff --git a/data-capture-ready-to-use-ui-example/app/src/main/java/io/scanbot/example/doc_code_snippet/vin/VinUiSnippet.kt b/data-capture-ready-to-use-ui-example/app/src/main/java/io/scanbot/example/doc_code_snippet/vin/VinUiSnippet.kt
new file mode 100644
index 00000000..dee5e858
--- /dev/null
+++ b/data-capture-ready-to-use-ui-example/app/src/main/java/io/scanbot/example/doc_code_snippet/vin/VinUiSnippet.kt
@@ -0,0 +1,488 @@
+package io.scanbot.example.doc_code_snippet.vin
+
+/*
+    NOTE: this snippet of code is to be used only as a part of the website documentation.
+    This code is not intended for any use outside of the support of documentation by Scanbot SDK GmbH employees.
+*/
+
+// NOTE for maintainers: whenever changing this code,
+// ensure that links using it are still pointing to valid lines!
+// Pay attention to imports adding/removal/sorting!
+// Page URLs using this code:
+// TODO: add URLs here
+
+import android.os.Bundle
+import android.widget.Toast
+import androidx.activity.result.ActivityResultLauncher
+import androidx.appcompat.app.AppCompatActivity
+import androidx.compose.ui.platform.ComposeView
+import io.scanbot.example.*
+import io.scanbot.sdk.*
+import io.scanbot.sdk.ui_v2.common.*
+import io.scanbot.sdk.ui_v2.vin.VinScannerActivity
+import io.scanbot.sdk.ui_v2.vin.VinScannerView
+import io.scanbot.sdk.ui_v2.vin.configuration.VinIntroCustomImage
+import io.scanbot.sdk.ui_v2.vin.configuration.VinIntroDefaultImage
+import io.scanbot.sdk.ui_v2.vin.configuration.VinIntroNoImage
+import io.scanbot.sdk.ui_v2.vin.configuration.VinScannerScreenConfiguration
+import java.util.regex.Pattern
+
+
+//Rtu ui snippets
+fun initSdkSnippet(application: Application, licenseKey: String) {
+    // @Tag("InitializeScanbotSDK")
+    ScanbotSDKInitializer()
+        .license(application, licenseKey)
+        .prepareOCRLanguagesBlobs(true)
+        .initialize(application)
+    // @EndTag("InitializeScanbotSDK")
+}
+
+class StartVinUiSnippet : AppCompatActivity() {
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(savedInstanceState)
+        // In the real application, you should call this function on button click
+        startScanning()
+    }
+
+    // @Tag("Launching the scanner")
+
+    val resultLauncher: ActivityResultLauncher<VinScannerScreenConfiguration> =
+        registerForActivityResult(VinScannerActivity.ResultContract()) { resultEntity: VinScannerActivity.Result ->
+            if (resultEntity.resultOk) {
+                resultEntity.result?.textResult?.rawText?.let {
+                    Toast.makeText(this, it, Toast.LENGTH_LONG).show()
+                }
+            }
+        }
+
+    private fun startScanning() {
+        // Create the default configuration object.
+        val configuration = VinScannerScreenConfiguration()
+        // Start the recognizer activity.
+        resultLauncher.launch(configuration)
+    }
+    // @EndTag("Launching the scanner")
+}
+
+class VinPaletteSnippet : AppCompatActivity() {
+
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(savedInstanceState)
+        // In the real application, you should call this function on button click
+        startScanning()
+    }
+    // @Tag("Palette")
+
+    val resultLauncher: ActivityResultLauncher<VinScannerScreenConfiguration> =
+        registerForActivityResult(VinScannerActivity.ResultContract()) { resultEntity: VinScannerActivity.Result ->
+            if (resultEntity.resultOk) {
+                resultEntity.result?.textResult?.rawText?.let {
+                    Toast.makeText(this, it, Toast.LENGTH_LONG).show()
+                }
+            }
+        }
+
+    private fun startScanning() {
+
+        // Create the default configuration object.
+        val configuration = VinScannerScreenConfiguration()
+
+        // Retrieve the instance of the palette from the configuration object.
+        configuration.palette.apply {
+            // Configure the colors.
+            // The palette already has the default colors set, so you don't have to always set all the colors.
+            sbColorPrimary = ScanbotColor("#C8193C")
+            sbColorPrimaryDisabled = ScanbotColor("#F5F5F5")
+            sbColorNegative = ScanbotColor("#FF3737")
+            sbColorPositive = ScanbotColor("#4EFFB4")
+            sbColorWarning = ScanbotColor("#FFCE5C")
+            sbColorSecondary = ScanbotColor("#FFEDEE")
+            sbColorSecondaryDisabled = ScanbotColor("#F5F5F5")
+            sbColorOnPrimary = ScanbotColor("#FFFFFF")
+            sbColorOnSecondary = ScanbotColor("#C8193C")
+            sbColorSurface = ScanbotColor("#FFFFFF")
+            sbColorOutline = ScanbotColor("#EFEFEF")
+            sbColorOnSurfaceVariant = ScanbotColor("#707070")
+            sbColorOnSurface = ScanbotColor("#000000")
+            sbColorSurfaceLow = ScanbotColor("#26000000")
+            sbColorSurfaceHigh = ScanbotColor("#7A000000")
+            sbColorModalOverlay = ScanbotColor("#A3000000")
+        }
+
+        resultLauncher.launch(configuration)
+    }
+    // @EndTag("Palette")
+}
+
+class VinLocalizationSnippet : AppCompatActivity() {
+
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(savedInstanceState)
+        // In the real application, you should call this function on button click
+        startScanning()
+    }
+    // @Tag("Localization")
+
+    val resultLauncher: ActivityResultLauncher<VinScannerScreenConfiguration> =
+        registerForActivityResult(VinScannerActivity.ResultContract()) { resultEntity: VinScannerActivity.Result ->
+            if (resultEntity.resultOk) {
+                resultEntity.result?.textResult?.rawText?.let {
+                    Toast.makeText(this, it, Toast.LENGTH_LONG).show()
+                }
+            }
+        }
+
+    private fun startScanning() {
+
+        // Create the default configuration object.
+        val configuration = VinScannerScreenConfiguration()
+
+        // Retrieve the instance of the localization from the configuration object.
+        configuration.localization.apply {
+            // Configure the strings.
+            // e.g
+            topUserGuidance = "top.user.guidance"
+            cameraPermissionCloseButton = "camera.permission.close"
+        }
+
+        resultLauncher.launch(configuration)
+    }
+// @EndTag("Localization")
+}
+
+class VinIntroductionSnippet : AppCompatActivity() {
+
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(savedInstanceState)
+        // In the real application, you should call this function on button click
+        startScanning()
+    }
+    // @Tag("Introduction")
+
+    val resultLauncher: ActivityResultLauncher<VinScannerScreenConfiguration> =
+        registerForActivityResult(VinScannerActivity.ResultContract()) { resultEntity: VinScannerActivity.Result ->
+            if (resultEntity.resultOk) {
+                resultEntity.result?.textResult?.rawText?.let {
+                    Toast.makeText(this, it, Toast.LENGTH_LONG).show()
+                }
+            }
+        }
+
+    private fun startScanning() {
+
+        // Create the default configuration object.
+        val configuration = VinScannerScreenConfiguration()
+
+        // Retrieve the instance of the intro screen from the configuration object.
+        configuration.introScreen.apply {
+            // Show the introduction screen automatically when the screen appears.
+            showAutomatically = true
+
+            // Configure the background color of the screen.
+            backgroundColor = ScanbotColor("#FFFFFF")
+
+            // Configure the title for the intro screen.
+            title.text = "How to scan an text"
+
+            // Configure the image for the introduction screen.
+            // If you want to have no image...
+            image = VinIntroNoImage()
+            // For a custom image...
+            image = VinIntroCustomImage(uri = "PathToImage")
+            // Or you can also use our default image.
+            image = VinIntroDefaultImage()
+
+            // Configure the color of the handler on top.
+            handlerColor = ScanbotColor("#EFEFEF")
+
+            // Configure the color of the divider.
+            dividerColor = ScanbotColor("#EFEFEF")
+
+            // Configure the text.
+            explanation.color = ScanbotColor("#000000")
+            explanation.text = "To scan a single line of text, please hold your device so that the camera viewfinder clearly captures the text you want to scan. Please ensure the text is properly aligned. Once the scan is complete, the text will be automatically extracted.\n\nPress 'Start Scanning' to begin."
+
+            // Configure the done button.
+            // e.g the text or the background color.
+            doneButton.text = "Start Scanning"
+            doneButton.background.fillColor = ScanbotColor("#C8193C")
+        }
+
+        resultLauncher.launch(configuration)
+    }
+// @EndTag("Introduction")
+}
+
+class VinUserGuidanceSnippet : AppCompatActivity() {
+
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(savedInstanceState)
+        // In the real application, you should call this function on button click
+        startScanning()
+    }
+    // @Tag("User guidance")
+
+    val resultLauncher: ActivityResultLauncher<VinScannerScreenConfiguration> =
+        registerForActivityResult(VinScannerActivity.ResultContract()) { resultEntity: VinScannerActivity.Result ->
+            if (resultEntity.resultOk) {
+                resultEntity.result?.textResult?.rawText?.let {
+                    Toast.makeText(this, it, Toast.LENGTH_LONG).show()
+                }
+            }
+        }
+
+    private fun startScanning() {
+
+        // Create the default configuration object.
+        val configuration = VinScannerScreenConfiguration()
+
+        // Configure user guidance's
+
+        // Top user guidance
+        // Retrieve the instance of the top user guidance from the configuration object.
+        configuration.topUserGuidance.apply {
+            // Show the user guidance.
+            visible = true
+            // Configure the title.
+            title.text = "Scan your Identity Document"
+            title.color = ScanbotColor("#FFFFFF")
+            // Configure the background.
+            background.fillColor = ScanbotColor("#7A000000")
+
+            // Finder overlay user guidance
+            // Retrieve the instance of the finder overlay user guidance from the configuration object.
+            configuration.finderViewUserGuidance.apply {
+                // Show the user guidance.
+                visible = true
+                // Configure the title.
+                title.text = "DD.MM.YY"
+                title.color = ScanbotColor("#FFFFFF")
+                // Configure the background.
+                background.fillColor = ScanbotColor("#7A000000")
+            }
+            resultLauncher.launch(configuration)
+        }
+    }
+// @EndTag("User guidance")
+}
+
+class VinTopBarSnippet : AppCompatActivity() {
+
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(savedInstanceState)
+        // In the real application, you should call this function on button click
+        startScanning()
+    }
+    // @Tag("Top bar")
+
+    val resultLauncher: ActivityResultLauncher<VinScannerScreenConfiguration> =
+        registerForActivityResult(VinScannerActivity.ResultContract()) { resultEntity: VinScannerActivity.Result ->
+            if (resultEntity.resultOk) {
+                resultEntity.result?.textResult?.rawText?.let {
+                    Toast.makeText(this, it, Toast.LENGTH_LONG).show()
+                }
+            }
+        }
+
+    private fun startScanning() {
+
+        // Create the default configuration object.
+        val configuration = VinScannerScreenConfiguration()
+
+        // Retrieve the instance of the top user guidance from the configuration object.
+        configuration.topBar.apply {
+            // Set the top bar mode.
+            mode = TopBarMode.GRADIENT
+
+            // Set the background color which will be used as a gradient.
+            backgroundColor = ScanbotColor("#C8193C")
+
+            // Set the status bar mode.
+            statusBarMode = StatusBarMode.LIGHT
+
+            // Configure the cancel button.
+            cancelButton.text = "Cancel"
+            cancelButton.foreground.color = ScanbotColor("#FFFFFF")
+        }
+
+        resultLauncher.launch(configuration)
+    }
+// @EndTag("Top bar")
+}
+
+class VinFinderSnippet : AppCompatActivity() {
+
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(savedInstanceState)
+        // In the real application, you should call this function on button click
+        startScanning()
+    }
+    // @Tag("Finder overlay")
+
+    val resultLauncher: ActivityResultLauncher<VinScannerScreenConfiguration> =
+        registerForActivityResult(VinScannerActivity.ResultContract()) { resultEntity: VinScannerActivity.Result ->
+            if (resultEntity.resultOk) {
+                resultEntity.result?.textResult?.rawText?.let {
+                    Toast.makeText(this, it, Toast.LENGTH_LONG).show()
+                }
+            }
+        }
+
+    private fun startScanning() {
+
+        // Create the default configuration object.
+        val configuration = VinScannerScreenConfiguration()
+
+        // Configure finder overlay appearance
+        configuration.viewFinder.apply {
+            style = FinderStyle.finderStrokedStyle().apply {
+                strokeColor = ScanbotColor("#FF00FF")
+                cornerRadius = 0.0
+            }
+        }
+        resultLauncher.launch(configuration)
+    }
+// @EndTag("Finder overlay")
+}
+
+class VinActionBarSnippet : AppCompatActivity() {
+
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(savedInstanceState)
+        // In the real application, you should call this function on button click
+        startScanning()
+    }
+    // @Tag("Action bar")
+
+    val resultLauncher: ActivityResultLauncher<VinScannerScreenConfiguration> =
+        registerForActivityResult(VinScannerActivity.ResultContract()) { resultEntity: VinScannerActivity.Result ->
+            if (resultEntity.resultOk) {
+                resultEntity.result?.textResult?.rawText?.let {
+                    Toast.makeText(this, it, Toast.LENGTH_LONG).show()
+                }
+            }
+        }
+
+    private fun startScanning() {
+
+        // Create the default configuration object.
+        val configuration = VinScannerScreenConfiguration()
+        // Retrieve the instance of the action bar from the configuration object.
+        configuration.actionBar.apply {
+
+            // Show the flash button.
+            flashButton.visible = true
+
+            // Configure the inactive state of the flash button.
+            flashButton.backgroundColor = ScanbotColor("#7A000000")
+            flashButton.foregroundColor = ScanbotColor("#FFFFFF")
+
+            // Configure the active state of the flash button.
+            flashButton.activeBackgroundColor = ScanbotColor("#FFCE5C")
+            flashButton.activeForegroundColor = ScanbotColor("#000000")
+
+            // Show the zoom button.
+            zoomButton.visible = true
+
+            // Configure the zoom button.
+            zoomButton.backgroundColor = ScanbotColor("#7A000000")
+            zoomButton.foregroundColor = ScanbotColor("#FFFFFF")
+
+            // Show the flip camera button.
+            flipCameraButton.visible = true
+
+            // Configure the flip camera button.
+            flipCameraButton.backgroundColor = ScanbotColor("#7A000000")
+            flipCameraButton.foregroundColor = ScanbotColor("#FFFFFF")
+        }
+        resultLauncher.launch(configuration)
+
+    }
+// @EndTag("Action bar")
+}
+
+class VinScanningSnippet : AppCompatActivity() {
+
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(savedInstanceState)
+        // In the real application, you should call this function on button click
+        startScanning()
+    }
+    // @Tag("Scanning")
+
+    val resultLauncher: ActivityResultLauncher<VinScannerScreenConfiguration> =
+        registerForActivityResult(VinScannerActivity.ResultContract()) { resultEntity: VinScannerActivity.Result ->
+            if (resultEntity.resultOk) {
+                resultEntity.result?.textResult?.rawText?.let {
+                    Toast.makeText(this, it, Toast.LENGTH_LONG).show()
+                }
+            }
+        }
+
+    private fun startScanning() {
+
+        // Create the default configuration object.
+        val configuration = VinScannerScreenConfiguration()
+
+        // Configure camera properties.
+        // e.g
+        configuration.cameraConfiguration.zoomSteps = listOf(1.0, 2.0, 5.0)
+        configuration.cameraConfiguration.flashEnabled = false
+        configuration.cameraConfiguration.pinchToZoomEnabled = true
+
+        // Configure the UI elements like icons or buttons.
+        // e.g The top bar introduction button.
+        configuration.topBarOpenIntroScreenButton.visible = true
+        configuration.topBarOpenIntroScreenButton.color = ScanbotColor("#FFFFFF")
+        // Cancel button.
+        configuration.topBar.cancelButton.visible = true
+        configuration.topBar.cancelButton.text = "Cancel"
+        configuration.topBar.cancelButton.foreground.color = ScanbotColor("#FFFFFF")
+        configuration.topBar.cancelButton.background.fillColor = ScanbotColor("#00000000")
+
+        // Configure the success overlay.
+        configuration.successOverlay.iconColor = ScanbotColor("#FFFFFF")
+        configuration.successOverlay.message.text = "Scanned Successfully!"
+        configuration.successOverlay.message.color = ScanbotColor("#FFFFFF")
+
+        // Configure the sound.
+        configuration.sound.successBeepEnabled = true
+        configuration.sound.soundType = SoundType.MODERN_BEEP
+
+        resultLauncher.launch(configuration)
+    }
+// @EndTag("Scanning")
+}
+
+
+class ComposeSnippet : AppCompatActivity() {
+
+    // @Tag("Compose Example")
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(savedInstanceState)
+        setContentView(ComposeView(this).apply {
+            setContent {
+                VinScannerView(
+                    configuration = getConfiguration(),
+                    onVinScanned = { document ->
+                        // Handle the document.
+                    },
+                    onVinScannerClosed = { reason ->
+                        // Indicates that the cancel button was tapped.
+                    }
+                )
+            }
+        })
+    }
+
+
+    fun getConfiguration(): VinScannerScreenConfiguration {
+        // Create the default configuration object.
+        return VinScannerScreenConfiguration().apply {
+
+        }
+    }
+    // @EndTag("Compose Example")
+}
+
diff --git a/data-capture-ready-to-use-ui-example/app/src/main/res/layout/activity_main.xml b/data-capture-ready-to-use-ui-example/app/src/main/res/layout/activity_main.xml
index b757cb52..4f0d793e 100644
--- a/data-capture-ready-to-use-ui-example/app/src/main/res/layout/activity_main.xml
+++ b/data-capture-ready-to-use-ui-example/app/src/main/res/layout/activity_main.xml
@@ -80,12 +80,12 @@
                     android:text="@string/scan_mrz" />
 
                 <Button
-                    android:id="@+id/generic_document_default_ui"
+                    android:id="@+id/data_extractor_default_ui"
                     style="@style/Scanbot.Demo.MaterialTwoButtonTeaser.Button"
                     android:layout_width="match_parent"
                     android:layout_height="wrap_content"
                     android:layout_marginEnd="8dp"
-                    android:text="@string/scan_generic_document" />
+                    android:text="@string/extract_data" />
 
                 <Button
                     android:id="@+id/text_pattern_scanner_default_ui"
diff --git a/data-capture-ready-to-use-ui-example/app/src/main/res/values/strings.xml b/data-capture-ready-to-use-ui-example/app/src/main/res/values/strings.xml
index afe466d9..cec5a1c1 100644
--- a/data-capture-ready-to-use-ui-example/app/src/main/res/values/strings.xml
+++ b/data-capture-ready-to-use-ui-example/app/src/main/res/values/strings.xml
@@ -19,7 +19,7 @@
     <string name="scan_credit_card">Scan Credit Card</string>
     <string name="scan_vin">Scan VIN</string>
     <string name="scan_license_plate">Scan EU license plate</string>
-    <string name="scan_generic_document">Scan Generic Document</string>
+    <string name="extract_data">Extract Data from Document</string>
     <string name="scan_check">Scan check</string>
     <string name="detected_mrz">Detected MRZ</string>
     <string name="ehic_result">EHIC Result</string>
diff --git a/document-scanner-ready-to-use-ui-example/app/build.gradle b/document-scanner-ready-to-use-ui-example/app/build.gradle
index 5a45ddf9..5299ec60 100644
--- a/document-scanner-ready-to-use-ui-example/app/build.gradle
+++ b/document-scanner-ready-to-use-ui-example/app/build.gradle
@@ -39,7 +39,7 @@ android {
     }
 }
 
-def scanbotSdkVersion = "7.0.3"
+def scanbotSdkVersion = "7.1.0.1125-SNAPSHOT"
 
 dependencies {