@sanctum-key/react-native-sdk 1.0.60 → 1.0.62

package/android/src/main/java/kyc/sanctumkey/com/SanctumKeySdkModule.kt

@@ -8,6 +8,9 @@ import android.graphics.BitmapFactory
 import android.graphics.Color
 import android.graphics.Matrix
 import android.net.Uri
+import android.os.Build
+import android.os.Debug
+import android.provider.Settings
 import android.view.Gravity
 import android.view.View
 import android.widget.FrameLayout
@@ -39,6 +42,7 @@ import expo.modules.kotlin.viewevent.EventDispatcher
 import expo.modules.kotlin.views.ExpoView
 import java.io.FileInputStream
 import java.io.InputStream
+import java.io.File
 import java.util.EnumMap
 import java.util.concurrent.TimeUnit
 import kotlin.math.ceil
@@ -440,6 +444,137 @@ class SanctumKeySdkModule : Module() {
       ?: decodeBarcodeWithZxing(imagePath, requestedFormats)
   }
 
+  private fun isProbablyEmulator(): Boolean {
+    val fingerprint = Build.FINGERPRINT.lowercase()
+    val model = Build.MODEL.lowercase()
+    val manufacturer = Build.MANUFACTURER.lowercase()
+    val brand = Build.BRAND.lowercase()
+    val device = Build.DEVICE.lowercase()
+    val product = Build.PRODUCT.lowercase()
+    val hardware = Build.HARDWARE.lowercase()
+    val board = Build.BOARD.lowercase()
+
+    return fingerprint.startsWith("generic") ||
+      fingerprint.startsWith("unknown") ||
+      fingerprint.contains("emulator") ||
+      fingerprint.contains("test-keys") && model.contains("sdk") ||
+      model.contains("google_sdk") ||
+      model.contains("emulator") ||
+      model.contains("android sdk built for") ||
+      manufacturer.contains("genymotion") ||
+      hardware.contains("goldfish") ||
+      hardware.contains("ranchu") ||
+      hardware.contains("vbox86") ||
+      board.contains("goldfish") ||
+      product.contains("sdk_gphone") ||
+      product.contains("google_sdk") ||
+      product.contains("sdk_x86") ||
+      product.contains("vbox86p") ||
+      (brand.startsWith("generic") && device.startsWith("generic"))
+  }
+
+  private fun rootSignals(context: Context): List<String> {
+    val signals = mutableSetOf<String>()
+    val tags = Build.TAGS.orEmpty()
+    if (tags.contains("test-keys")) signals.add("android_build_test_keys")
+
+    val rootPaths = listOf(
+      "/system/app/Superuser.apk",
+      "/system/bin/su",
+      "/system/xbin/su",
+      "/sbin/su",
+      "/su/bin/su",
+      "/data/local/su",
+      "/data/local/bin/su",
+      "/data/local/xbin/su",
+      "/data/adb/magisk",
+      "/sbin/.magisk",
+      "/init.magisk.rc"
+    )
+    rootPaths.firstOrNull { File(it).exists() }?.let { signals.add("root_artifact:$it") }
+
+    System.getenv("PATH")
+      ?.split(File.pathSeparator)
+      ?.firstOrNull { directory -> File(directory, "su").exists() }
+      ?.let { signals.add("su_binary_on_path") }
+
+    val rootManagementPackages = listOf(
+      "com.topjohnwu.magisk",
+      "eu.chainfire.supersu",
+      "com.noshufou.android.su",
+      "com.koushikdutta.superuser",
+      "com.thirdparty.superuser"
+    )
+    rootManagementPackages.firstOrNull { packageName ->
+      try {
+        @Suppress("DEPRECATION")
+        context.packageManager.getApplicationInfo(packageName, 0)
+        true
+      } catch (_: Exception) {
+        false
+      }
+    }?.let { signals.add("root_management_app:$it") }
+
+    return signals.toList()
+  }
+
+  private fun getDeviceSecurityStatus(): Map<String, Any> {
+    val context = appContext.reactContext
+      ?: return mapOf(
+        "platform" to "android",
+        "supported" to false,
+        "isRooted" to false,
+        "isJailbroken" to false,
+        "isEmulator" to false,
+        "isDeveloperModeEnabled" to false,
+        "developerModeCheckSupported" to true,
+        "isDebuggerAttached" to false,
+        "isCompromised" to false,
+        "riskSignals" to listOf("android_context_unavailable")
+      )
+
+    val signals = rootSignals(context).toMutableSet()
+    val isEmulator = isProbablyEmulator()
+    val developerOptionsEnabled = try {
+      Settings.Global.getInt(
+        context.contentResolver,
+        Settings.Global.DEVELOPMENT_SETTINGS_ENABLED,
+        0
+      ) == 1
+    } catch (_: Exception) {
+      false
+    }
+    val adbEnabled = try {
+      Settings.Global.getInt(context.contentResolver, Settings.Global.ADB_ENABLED, 0) == 1
+    } catch (_: Exception) {
+      false
+    }
+    val developerModeEnabled = developerOptionsEnabled || adbEnabled
+    val debuggerAttached = Debug.isDebuggerConnected() || Debug.waitingForDebugger()
+
+    if (isEmulator) signals.add("android_emulator_build")
+    if (developerOptionsEnabled) signals.add("android_developer_options_enabled")
+    if (adbEnabled) signals.add("android_adb_enabled")
+    if (debuggerAttached) signals.add("android_debugger_attached")
+
+    val isRooted = signals.any {
+      it.startsWith("root_") || it.startsWith("su_") || it == "android_build_test_keys"
+    }
+
+    return mapOf(
+      "platform" to "android",
+      "supported" to true,
+      "isRooted" to isRooted,
+      "isJailbroken" to false,
+      "isEmulator" to isEmulator,
+      "isDeveloperModeEnabled" to developerModeEnabled,
+      "developerModeCheckSupported" to true,
+      "isDebuggerAttached" to debuggerAttached,
+      "isCompromised" to isRooted,
+      "riskSignals" to signals.toList()
+    )
+  }
+
   override fun definition() = ModuleDefinition {
     Name("SanctumKeySdk")
 
@@ -457,6 +592,18 @@ class SanctumKeySdkModule : Module() {
       }
     }
 
+    AsyncFunction("checkDeviceSecurity") { promise: Promise ->
+      try {
+        promise.resolve(getDeviceSecurityStatus())
+      } catch (error: Exception) {
+        promise.reject(
+          "DEVICE_SECURITY_CHECK_ERROR",
+          error.message ?: "Unable to check device security",
+          error
+        )
+      }
+    }
+
     AsyncFunction("requestCameraPermission") { promise: Promise ->
       val activity = appContext.currentActivity
       if (activity == null) {

package/build/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@sanctum-key/react-native-sdk",
-    "version": "1.0.60",
+    "version": "1.0.62",
     "description": "Sanctum Key React Native SDK",
     "main": "build/src/index.js",
     "types": "build/src/index.d.ts",

package/build/src/SanctumKeySdkModule.d.ts

@@ -1,8 +1,10 @@
 import { NativeModule } from 'expo';
 import { SanctumKeySdkModuleEvents } from './SanctumKeySdk.types';
+import type { DeviceSecurityCheckResult } from './security/deviceSecurity';
 declare class SanctumKeySdkModule extends NativeModule<SanctumKeySdkModuleEvents> {
     PI: number;
     testModule(): Promise<string>;
+    checkDeviceSecurity(): Promise<Omit<DeviceSecurityCheckResult, 'checkedAt'>>;
     requestCameraPermission(): Promise<boolean>;
     decodeBarcodeFromImage?(imagePath: string, formats: string[]): Promise<string | null>;
     openCameraWithInstructions(instructions: string): Promise<{

package/build/src/SanctumKeySdkModule.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SanctumKeySdkModule.d.ts","sourceRoot":"","sources":["../../src/SanctumKeySdkModule.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,MAAM,CAAC;AAEpC,OAAO,EAAE,yBAAyB,EAAE,MAAM,uBAAuB,CAAC;AAElE,OAAO,OAAO,mBAAoB,SAAQ,YAAY,CAAC,yBAAyB,CAAC;IAC/E,EAAE,EAAE,MAAM,CAAC;IACX,UAAU,IAAI,OAAO,CAAC,MAAM,CAAC;IAC7B,uBAAuB,IAAI,OAAO,CAAC,OAAO,CAAC;IAC3C,sBAAsB,CAAC,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC;IACrF,0BAA0B,CAAC,YAAY,EAAE,MAAM,GAAG,OAAO,CAAC;QAAE,OAAO,EAAE,OAAO,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC9G,cAAc,CAAC,YAAY,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC;QAAE,OAAO,EAAE,OAAO,CAAC;QAAC,GAAG,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CACnH;;AAGD,wBAAyE"}
+{"version":3,"file":"SanctumKeySdkModule.d.ts","sourceRoot":"","sources":["../../src/SanctumKeySdkModule.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,MAAM,CAAC;AAEpC,OAAO,EAAE,yBAAyB,EAAE,MAAM,uBAAuB,CAAC;AAClE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,2BAA2B,CAAC;AAE3E,OAAO,OAAO,mBAAoB,SAAQ,YAAY,CAAC,yBAAyB,CAAC;IAC/E,EAAE,EAAE,MAAM,CAAC;IACX,UAAU,IAAI,OAAO,CAAC,MAAM,CAAC;IAC7B,mBAAmB,IAAI,OAAO,CAAC,IAAI,CAAC,yBAAyB,EAAE,WAAW,CAAC,CAAC;IAC5E,uBAAuB,IAAI,OAAO,CAAC,OAAO,CAAC;IAC3C,sBAAsB,CAAC,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC;IACrF,0BAA0B,CAAC,YAAY,EAAE,MAAM,GAAG,OAAO,CAAC;QAAE,OAAO,EAAE,OAAO,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC9G,cAAc,CAAC,YAAY,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC;QAAE,OAAO,EAAE,OAAO,CAAC;QAAC,GAAG,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CACnH;;AAGD,wBAAyE"}

package/build/src/SanctumKeySdkModule.js.map

@@ -1 +1 @@
-{"version":3,"file":"SanctumKeySdkModule.js","sourceRoot":"","sources":["../../src/SanctumKeySdkModule.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAexD,yDAAyD;AACzD,eAAe,mBAAmB,CAAsB,eAAe,CAAC,CAAC","sourcesContent":["import { requireNativeModule } from 'expo-modules-core';\n\nimport { NativeModule } from 'expo';\n\nimport { SanctumKeySdkModuleEvents } from './SanctumKeySdk.types';\n\ndeclare class SanctumKeySdkModule extends NativeModule<SanctumKeySdkModuleEvents> {\n  PI: number;\n  testModule(): Promise<string>;\n  requestCameraPermission(): Promise<boolean>;\n  decodeBarcodeFromImage?(imagePath: string, formats: string[]): Promise<string | null>;\n  openCameraWithInstructions(instructions: string): Promise<{ success: boolean; path?: string; error?: string }>;\n  openFilePicker(allowedTypes: string[]): Promise<{ success: boolean; uri?: string; path?: string; error?: string }>;\n}\n\n// This call loads the native module object from the JSI.\nexport default requireNativeModule<SanctumKeySdkModule>('SanctumKeySdk');\n"]}
+{"version":3,"file":"SanctumKeySdkModule.js","sourceRoot":"","sources":["../../src/SanctumKeySdkModule.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAiBxD,yDAAyD;AACzD,eAAe,mBAAmB,CAAsB,eAAe,CAAC,CAAC","sourcesContent":["import { requireNativeModule } from 'expo-modules-core';\n\nimport { NativeModule } from 'expo';\n\nimport { SanctumKeySdkModuleEvents } from './SanctumKeySdk.types';\nimport type { DeviceSecurityCheckResult } from './security/deviceSecurity';\n\ndeclare class SanctumKeySdkModule extends NativeModule<SanctumKeySdkModuleEvents> {\n  PI: number;\n  testModule(): Promise<string>;\n  checkDeviceSecurity(): Promise<Omit<DeviceSecurityCheckResult, 'checkedAt'>>;\n  requestCameraPermission(): Promise<boolean>;\n  decodeBarcodeFromImage?(imagePath: string, formats: string[]): Promise<string | null>;\n  openCameraWithInstructions(instructions: string): Promise<{ success: boolean; path?: string; error?: string }>;\n  openFilePicker(allowedTypes: string[]): Promise<{ success: boolean; uri?: string; path?: string; error?: string }>;\n}\n\n// This call loads the native module object from the JSI.\nexport default requireNativeModule<SanctumKeySdkModule>('SanctumKeySdk');\n"]}

package/build/src/SanctumKeySdkModule.web.d.ts

@@ -1,7 +1,9 @@
 import { NativeModule } from 'expo';
 import { SanctumKeySdkModuleEvents } from './SanctumKeySdk.types';
+import type { DeviceSecurityCheckResult } from './security/deviceSecurity';
 declare class SanctumKeySdkModule extends NativeModule<SanctumKeySdkModuleEvents> {
     PI: number;
+    checkDeviceSecurity(): Promise<Omit<DeviceSecurityCheckResult, 'checkedAt'>>;
     requestCameraPermission(): Promise<boolean>;
     openCameraWithInstructions(instructions: string): Promise<{
         success: boolean;

package/build/src/SanctumKeySdkModule.web.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SanctumKeySdkModule.web.d.ts","sourceRoot":"","sources":["../../src/SanctumKeySdkModule.web.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,MAAM,CAAC;AAEpC,OAAO,EAAE,yBAAyB,EAAE,MAAM,uBAAuB,CAAC;AAElE,cAAM,mBAAoB,SAAQ,YAAY,CAAC,yBAAyB,CAAC;IACvE,EAAE,SAAW;IAEP,uBAAuB,IAAI,OAAO,CAAC,OAAO,CAAC;IAK3C,0BAA0B,CAAC,YAAY,EAAE,MAAM,GAAG,OAAO,CAAC;QAAE,OAAO,EAAE,OAAO,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAQ9G,cAAc,CAAC,YAAY,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC;QAAE,OAAO,EAAE,OAAO,CAAC;QAAC,GAAG,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CAOzH;;AAED,wBAA6E"}
+{"version":3,"file":"SanctumKeySdkModule.web.d.ts","sourceRoot":"","sources":["../../src/SanctumKeySdkModule.web.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,MAAM,CAAC;AAEpC,OAAO,EAAE,yBAAyB,EAAE,MAAM,uBAAuB,CAAC;AAClE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,2BAA2B,CAAC;AAE3E,cAAM,mBAAoB,SAAQ,YAAY,CAAC,yBAAyB,CAAC;IACvE,EAAE,SAAW;IAEP,mBAAmB,IAAI,OAAO,CAAC,IAAI,CAAC,yBAAyB,EAAE,WAAW,CAAC,CAAC;IAe5E,uBAAuB,IAAI,OAAO,CAAC,OAAO,CAAC;IAK3C,0BAA0B,CAAC,YAAY,EAAE,MAAM,GAAG,OAAO,CAAC;QAAE,OAAO,EAAE,OAAO,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAQ9G,cAAc,CAAC,YAAY,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC;QAAE,OAAO,EAAE,OAAO,CAAC;QAAC,GAAG,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CAOzH;;AAED,wBAA6E"}

package/build/src/SanctumKeySdkModule.web.js

@@ -2,6 +2,20 @@ import { registerWebModule } from 'expo-modules-core';
 import { NativeModule } from 'expo';
 class SanctumKeySdkModule extends NativeModule {
     PI = Math.PI;
+    async checkDeviceSecurity() {
+        return {
+            platform: 'web',
+            supported: false,
+            isRooted: false,
+            isJailbroken: false,
+            isEmulator: false,
+            isDeveloperModeEnabled: false,
+            developerModeCheckSupported: false,
+            isDebuggerAttached: false,
+            isCompromised: false,
+            riskSignals: ['native_device_security_check_unavailable_on_web'],
+        };
+    }
     async requestCameraPermission() {
         console.warn('Camera permission not available on web');
         return false;

package/build/src/SanctumKeySdkModule.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"SanctumKeySdkModule.web.js","sourceRoot":"","sources":["../../src/SanctumKeySdkModule.web.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,MAAM,CAAC;AAIpC,MAAM,mBAAoB,SAAQ,YAAuC;IACvE,EAAE,GAAG,IAAI,CAAC,EAAE,CAAC;IAEb,KAAK,CAAC,uBAAuB;QAC3B,OAAO,CAAC,IAAI,CAAC,wCAAwC,CAAC,CAAC;QACvD,OAAO,KAAK,CAAC;IACf,CAAC;IAED,KAAK,CAAC,0BAA0B,CAAC,YAAoB;QACnD,OAAO,CAAC,IAAI,CAAC,6BAA6B,CAAC,CAAC;QAC5C,OAAO;YACL,OAAO,EAAE,KAAK;YACd,KAAK,EAAE,sCAAsC;SAC9C,CAAC;IACJ,CAAC;IAED,KAAK,CAAC,cAAc,CAAC,YAAsB;QACzC,OAAO,CAAC,IAAI,CAAC,kCAAkC,CAAC,CAAC;QACjD,OAAO;YACL,OAAO,EAAE,KAAK;YACd,KAAK,EAAE,2CAA2C;SACnD,CAAC;IACJ,CAAC;CACF;AAED,eAAe,iBAAiB,CAAC,mBAAmB,EAAE,qBAAqB,CAAC,CAAC","sourcesContent":["import { registerWebModule } from 'expo-modules-core';\nimport { NativeModule } from 'expo';\n\nimport { SanctumKeySdkModuleEvents } from './SanctumKeySdk.types';\n\nclass SanctumKeySdkModule extends NativeModule<SanctumKeySdkModuleEvents> {\n  PI = Math.PI;\n  \n  async requestCameraPermission(): Promise<boolean> {\n    console.warn('Camera permission not available on web');\n    return false;\n  }\n  \n  async openCameraWithInstructions(instructions: string): Promise<{ success: boolean; path?: string; error?: string }> {\n    console.warn('Camera not available on web');\n    return {\n      success: false,\n      error: 'Camera not available on web platform'\n    };\n  }\n  \n  async openFilePicker(allowedTypes: string[]): Promise<{ success: boolean; uri?: string; path?: string; error?: string }> {\n    console.warn('File picker not available on web');\n    return {\n      success: false,\n      error: 'File picker not available on web platform'\n    };\n  }\n}\n\nexport default registerWebModule(SanctumKeySdkModule, 'SanctumKeySdkModule');\n"]}
+{"version":3,"file":"SanctumKeySdkModule.web.js","sourceRoot":"","sources":["../../src/SanctumKeySdkModule.web.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,MAAM,CAAC;AAKpC,MAAM,mBAAoB,SAAQ,YAAuC;IACvE,EAAE,GAAG,IAAI,CAAC,EAAE,CAAC;IAEb,KAAK,CAAC,mBAAmB;QACvB,OAAO;YACL,QAAQ,EAAE,KAAK;YACf,SAAS,EAAE,KAAK;YAChB,QAAQ,EAAE,KAAK;YACf,YAAY,EAAE,KAAK;YACnB,UAAU,EAAE,KAAK;YACjB,sBAAsB,EAAE,KAAK;YAC7B,2BAA2B,EAAE,KAAK;YAClC,kBAAkB,EAAE,KAAK;YACzB,aAAa,EAAE,KAAK;YACpB,WAAW,EAAE,CAAC,iDAAiD,CAAC;SACjE,CAAC;IACJ,CAAC;IAED,KAAK,CAAC,uBAAuB;QAC3B,OAAO,CAAC,IAAI,CAAC,wCAAwC,CAAC,CAAC;QACvD,OAAO,KAAK,CAAC;IACf,CAAC;IAED,KAAK,CAAC,0BAA0B,CAAC,YAAoB;QACnD,OAAO,CAAC,IAAI,CAAC,6BAA6B,CAAC,CAAC;QAC5C,OAAO;YACL,OAAO,EAAE,KAAK;YACd,KAAK,EAAE,sCAAsC;SAC9C,CAAC;IACJ,CAAC;IAED,KAAK,CAAC,cAAc,CAAC,YAAsB;QACzC,OAAO,CAAC,IAAI,CAAC,kCAAkC,CAAC,CAAC;QACjD,OAAO;YACL,OAAO,EAAE,KAAK;YACd,KAAK,EAAE,2CAA2C;SACnD,CAAC;IACJ,CAAC;CACF;AAED,eAAe,iBAAiB,CAAC,mBAAmB,EAAE,qBAAqB,CAAC,CAAC","sourcesContent":["import { registerWebModule } from 'expo-modules-core';\nimport { NativeModule } from 'expo';\n\nimport { SanctumKeySdkModuleEvents } from './SanctumKeySdk.types';\nimport type { DeviceSecurityCheckResult } from './security/deviceSecurity';\n\nclass SanctumKeySdkModule extends NativeModule<SanctumKeySdkModuleEvents> {\n  PI = Math.PI;\n\n  async checkDeviceSecurity(): Promise<Omit<DeviceSecurityCheckResult, 'checkedAt'>> {\n    return {\n      platform: 'web',\n      supported: false,\n      isRooted: false,\n      isJailbroken: false,\n      isEmulator: false,\n      isDeveloperModeEnabled: false,\n      developerModeCheckSupported: false,\n      isDebuggerAttached: false,\n      isCompromised: false,\n      riskSignals: ['native_device_security_check_unavailable_on_web'],\n    };\n  }\n  \n  async requestCameraPermission(): Promise<boolean> {\n    console.warn('Camera permission not available on web');\n    return false;\n  }\n  \n  async openCameraWithInstructions(instructions: string): Promise<{ success: boolean; path?: string; error?: string }> {\n    console.warn('Camera not available on web');\n    return {\n      success: false,\n      error: 'Camera not available on web platform'\n    };\n  }\n  \n  async openFilePicker(allowedTypes: string[]): Promise<{ success: boolean; uri?: string; path?: string; error?: string }> {\n    console.warn('File picker not available on web');\n    return {\n      success: false,\n      error: 'File picker not available on web platform'\n    };\n  }\n}\n\nexport default registerWebModule(SanctumKeySdkModule, 'SanctumKeySdkModule');\n"]}

package/build/src/components/KYCElements/CountrySelection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CountrySelection.d.ts","sourceRoot":"","sources":["../../../../src/components/KYCElements/CountrySelection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAE5D,OAAO,EAAE,UAAU,EAAoB,MAAM,uBAAuB,CAAC;AAIrE,UAAU,qBAAqB;IAC7B,OAAO,EAAE,UAAU,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAoH5D,CAAC"}
+{"version":3,"file":"CountrySelection.d.ts","sourceRoot":"","sources":["../../../../src/components/KYCElements/CountrySelection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAE5D,OAAO,EAAE,UAAU,EAAoB,MAAM,uBAAuB,CAAC;AAIrE,UAAU,qBAAqB;IAC7B,OAAO,EAAE,UAAU,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAsH5D,CAAC"}

package/build/src/components/KYCElements/CountrySelection.js

@@ -60,7 +60,7 @@ export const CountrySelection = ({ element, value, onValueChange, error, }) => {
 
       <FlatList data={filteredCountries} keyExtractor={(item) => item.value} renderItem={renderCountry} showsVerticalScrollIndicator={true} // Enable scroll indicator for better UX visibility
      contentContainerStyle={styles.listContent} keyboardShouldPersistTaps="handled" keyboardDismissMode="on-drag" // 🚨 UX FIX: Hides keyboard naturally when user starts scrolling
-     initialNumToRender={15} maxToRenderPerBatch={20} windowSize={5} removeClippedSubviews={true} accessibilityRole="list" ListEmptyComponent={<Text style={styles.emptyText} accessibilityRole="text">
+     nestedScrollEnabled persistentScrollbar initialNumToRender={15} maxToRenderPerBatch={20} windowSize={5} removeClippedSubviews={true} accessibilityRole="list" ListEmptyComponent={<Text style={styles.emptyText} accessibilityRole="text">
             Aucun pays configuré ou trouvé.
           </Text>}/>
       {error && (<Text style={styles.errorText} accessibilityRole="alert">{error}</Text>)}

package/build/src/components/KYCElements/CountrySelection.js.map

@@ -1 +1 @@
-{"version":3,"file":"CountrySelection.js","sourceRoot":"","sources":["../../../../src/components/KYCElements/CountrySelection.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useState, useMemo, useEffect } from 'react';\nimport { View, Text, TouchableOpacity, StyleSheet, FlatList, TextInput } from 'react-native';\nimport { KYCElement, KYCElementOption } from '../../types/KYC.types';\nimport { sdkLogger } from '../../utils/logger'; \nimport { useTemplateKYCFlowContext } from '../../hooks/useTemplateKYCFlow'; \n\ninterface CountrySelectionProps {\n  element: KYCElement;\n  value?: string;\n  onValueChange: (value: string) => void;\n  error?: string;\n}\n\nexport const CountrySelection: React.FC<CountrySelectionProps> = ({\n  element,\n  value,\n  onValueChange,\n  error,\n}) => {\n  const countries = element.options || [];\n  const [searchQuery, setSearchQuery] = useState('');\n  \n  const { state } = useTemplateKYCFlowContext();\n\n  useEffect(() => {\n    if (state.session?.session_id) {\n      sdkLogger.info(\"User started country selection step\", { \n        availableCountriesCount: countries.length \n      });\n    }\n  }, [state.session?.session_id, countries.length]);\n\n  // Filter countries based on user input\n  const filteredCountries = useMemo(() => {\n    if (!searchQuery.trim()) return countries;\n    return countries.filter(country =>\n      country.label.toLowerCase().includes(searchQuery.toLowerCase())\n    );\n  }, [countries, searchQuery]);\n\n  // Extract the render logic into a separate function for FlatList performance\n  const renderCountry = ({ item: country }: { item: KYCElementOption }) => {\n    const isSelected = value === country.value;\n\n    return (\n      <TouchableOpacity\n        style={[\n          styles.option,\n          isSelected && styles.selectedOption\n        ]}\n        onPress={() => {\n          sdkLogger.info(\"User selected country\", { countryCode: country.value }); // 🚨 LOG\n          onValueChange(country.value);\n        }}\n        activeOpacity={0.7}\n        // Accessibility Enhancements\n        accessible={true}\n        accessibilityRole=\"button\"\n        accessibilityState={{ selected: isSelected }}\n        accessibilityLabel={`${country.label}. ${isSelected ? 'Selected' : 'Unselected'}.`}\n        accessibilityHint={`Tap to select ${country.label} as your country`}\n      >\n        <Text style={styles.optionIcon}>{country.icon}</Text>\n        <View style={styles.optionContent}>\n          <Text style={[\n            styles.optionLabel,\n            isSelected && styles.selectedOptionLabel\n          ]}>\n            {country.label}\n          </Text>\n          {country.description && (\n            <Text style={styles.optionDescription}>{country.description}</Text>\n          )}\n        </View>\n        {isSelected && (\n          <View style={styles.checkmark}>\n            <Text style={styles.checkmarkText}>✓</Text>\n          </View>\n        )}\n      </TouchableOpacity>\n    );\n  };\n\n  return (\n    <View style={styles.container}>\n      <View style={styles.headerContainer}>\n        <Text style={styles.title} accessibilityRole=\"header\">{element.title}</Text>\n        <Text style={styles.description}>{element.description}</Text>\n\n        {/* Search Bar */}\n        <TextInput\n          style={styles.searchInput}\n          placeholder=\"Rechercher un pays...\"\n          placeholderTextColor=\"#999\"\n          value={searchQuery}\n          onChangeText={setSearchQuery}\n          clearButtonMode=\"while-editing\" // Adds a clear 'x' on iOS\n          \n          // Accessibility for Search\n          accessibilityRole=\"search\"\n          accessibilityLabel=\"Search countries\"\n          accessibilityHint=\"Type to filter the list of configured countries below\"\n        />\n      </View>\n\n      <FlatList\n        data={filteredCountries}\n        keyExtractor={(item) => item.value}\n        renderItem={renderCountry}\n        showsVerticalScrollIndicator={true} // Enable scroll indicator for better UX visibility\n        contentContainerStyle={styles.listContent}\n        keyboardShouldPersistTaps=\"handled\"\n        keyboardDismissMode=\"on-drag\" // 🚨 UX FIX: Hides keyboard naturally when user starts scrolling\n        initialNumToRender={15}\n        maxToRenderPerBatch={20}\n        windowSize={5}\n        removeClippedSubviews={true}\n        accessibilityRole=\"list\"\n        ListEmptyComponent={\n          <Text style={styles.emptyText} accessibilityRole=\"text\">\n            Aucun pays configuré ou trouvé.\n          </Text>\n        }\n      />\n      {error && (\n        <Text style={styles.errorText} accessibilityRole=\"alert\">{error}</Text>\n      )}\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: { flex: 1, backgroundColor: '#fff', },\n  headerContainer: { paddingHorizontal: 16, paddingTop: 16, paddingBottom: 8, },\n  title: { fontSize: 24, fontWeight: 'bold', color: '#333', marginBottom: 8, textAlign: 'center', },\n  description: { fontSize: 16, color: '#666', textAlign: 'center', marginBottom: 16, lineHeight: 22, },\n  searchInput: { backgroundColor: '#f5f5f5', borderRadius: 10, padding: 12, fontSize: 16, color: '#333', borderWidth: 1, borderColor: '#e5e5e5', marginBottom: 8, },\n  listContent: { paddingHorizontal: 16, paddingBottom: 24, },\n  emptyText: { textAlign: 'center', color: '#999', marginTop: 20, fontSize: 16, },\n  option: { flexDirection: 'row', alignItems: 'center', padding: 16, backgroundColor: 'white', borderRadius: 12, marginBottom: 12, borderWidth: 2, borderColor: '#e5e5e5', shadowColor: '#000', shadowOffset: { width: 0, height: 2 }, shadowOpacity: 0.05, shadowRadius: 3.84, elevation: 3, },\n  selectedOption: { borderColor: '#4CAF50', backgroundColor: '#f0f9f0', },\n  optionIcon: { fontSize: 32, marginRight: 16, },\n  optionContent: { flex: 1, },\n  optionLabel: { fontSize: 18, fontWeight: '600', color: '#333', },\n  selectedOptionLabel: { color: '#4CAF50', },\n  optionDescription: { fontSize: 14, color: '#666', marginTop: 4, },\n  checkmark: { width: 24, height: 24, borderRadius: 12, backgroundColor: '#4CAF50', justifyContent: 'center', alignItems: 'center', },\n  checkmarkText: { color: 'white', fontSize: 16, fontWeight: 'bold', },\n  errorText: { color: '#dc2626', fontSize: 14, margin: 16, textAlign: 'center', },\n});"]}
+{"version":3,"file":"CountrySelection.js","sourceRoot":"","sources":["../../../../src/components/KYCElements/CountrySelection.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useState, useMemo, useEffect } from 'react';\nimport { View, Text, TouchableOpacity, StyleSheet, FlatList, TextInput } from 'react-native';\nimport { KYCElement, KYCElementOption } from '../../types/KYC.types';\nimport { sdkLogger } from '../../utils/logger'; \nimport { useTemplateKYCFlowContext } from '../../hooks/useTemplateKYCFlow'; \n\ninterface CountrySelectionProps {\n  element: KYCElement;\n  value?: string;\n  onValueChange: (value: string) => void;\n  error?: string;\n}\n\nexport const CountrySelection: React.FC<CountrySelectionProps> = ({\n  element,\n  value,\n  onValueChange,\n  error,\n}) => {\n  const countries = element.options || [];\n  const [searchQuery, setSearchQuery] = useState('');\n  \n  const { state } = useTemplateKYCFlowContext();\n\n  useEffect(() => {\n    if (state.session?.session_id) {\n      sdkLogger.info(\"User started country selection step\", { \n        availableCountriesCount: countries.length \n      });\n    }\n  }, [state.session?.session_id, countries.length]);\n\n  // Filter countries based on user input\n  const filteredCountries = useMemo(() => {\n    if (!searchQuery.trim()) return countries;\n    return countries.filter(country =>\n      country.label.toLowerCase().includes(searchQuery.toLowerCase())\n    );\n  }, [countries, searchQuery]);\n\n  // Extract the render logic into a separate function for FlatList performance\n  const renderCountry = ({ item: country }: { item: KYCElementOption }) => {\n    const isSelected = value === country.value;\n\n    return (\n      <TouchableOpacity\n        style={[\n          styles.option,\n          isSelected && styles.selectedOption\n        ]}\n        onPress={() => {\n          sdkLogger.info(\"User selected country\", { countryCode: country.value }); // 🚨 LOG\n          onValueChange(country.value);\n        }}\n        activeOpacity={0.7}\n        // Accessibility Enhancements\n        accessible={true}\n        accessibilityRole=\"button\"\n        accessibilityState={{ selected: isSelected }}\n        accessibilityLabel={`${country.label}. ${isSelected ? 'Selected' : 'Unselected'}.`}\n        accessibilityHint={`Tap to select ${country.label} as your country`}\n      >\n        <Text style={styles.optionIcon}>{country.icon}</Text>\n        <View style={styles.optionContent}>\n          <Text style={[\n            styles.optionLabel,\n            isSelected && styles.selectedOptionLabel\n          ]}>\n            {country.label}\n          </Text>\n          {country.description && (\n            <Text style={styles.optionDescription}>{country.description}</Text>\n          )}\n        </View>\n        {isSelected && (\n          <View style={styles.checkmark}>\n            <Text style={styles.checkmarkText}>✓</Text>\n          </View>\n        )}\n      </TouchableOpacity>\n    );\n  };\n\n  return (\n    <View style={styles.container}>\n      <View style={styles.headerContainer}>\n        <Text style={styles.title} accessibilityRole=\"header\">{element.title}</Text>\n        <Text style={styles.description}>{element.description}</Text>\n\n        {/* Search Bar */}\n        <TextInput\n          style={styles.searchInput}\n          placeholder=\"Rechercher un pays...\"\n          placeholderTextColor=\"#999\"\n          value={searchQuery}\n          onChangeText={setSearchQuery}\n          clearButtonMode=\"while-editing\" // Adds a clear 'x' on iOS\n          \n          // Accessibility for Search\n          accessibilityRole=\"search\"\n          accessibilityLabel=\"Search countries\"\n          accessibilityHint=\"Type to filter the list of configured countries below\"\n        />\n      </View>\n\n      <FlatList\n        data={filteredCountries}\n        keyExtractor={(item) => item.value}\n        renderItem={renderCountry}\n        showsVerticalScrollIndicator={true} // Enable scroll indicator for better UX visibility\n        contentContainerStyle={styles.listContent}\n        keyboardShouldPersistTaps=\"handled\"\n        keyboardDismissMode=\"on-drag\" // 🚨 UX FIX: Hides keyboard naturally when user starts scrolling\n        nestedScrollEnabled\n        persistentScrollbar\n        initialNumToRender={15}\n        maxToRenderPerBatch={20}\n        windowSize={5}\n        removeClippedSubviews={true}\n        accessibilityRole=\"list\"\n        ListEmptyComponent={\n          <Text style={styles.emptyText} accessibilityRole=\"text\">\n            Aucun pays configuré ou trouvé.\n          </Text>\n        }\n      />\n      {error && (\n        <Text style={styles.errorText} accessibilityRole=\"alert\">{error}</Text>\n      )}\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: { flex: 1, backgroundColor: '#fff', },\n  headerContainer: { paddingHorizontal: 16, paddingTop: 16, paddingBottom: 8, },\n  title: { fontSize: 24, fontWeight: 'bold', color: '#333', marginBottom: 8, textAlign: 'center', },\n  description: { fontSize: 16, color: '#666', textAlign: 'center', marginBottom: 16, lineHeight: 22, },\n  searchInput: { backgroundColor: '#f5f5f5', borderRadius: 10, padding: 12, fontSize: 16, color: '#333', borderWidth: 1, borderColor: '#e5e5e5', marginBottom: 8, },\n  listContent: { paddingHorizontal: 16, paddingBottom: 24, },\n  emptyText: { textAlign: 'center', color: '#999', marginTop: 20, fontSize: 16, },\n  option: { flexDirection: 'row', alignItems: 'center', padding: 16, backgroundColor: 'white', borderRadius: 12, marginBottom: 12, borderWidth: 2, borderColor: '#e5e5e5', shadowColor: '#000', shadowOffset: { width: 0, height: 2 }, shadowOpacity: 0.05, shadowRadius: 3.84, elevation: 3, },\n  selectedOption: { borderColor: '#4CAF50', backgroundColor: '#f0f9f0', },\n  optionIcon: { fontSize: 32, marginRight: 16, },\n  optionContent: { flex: 1, },\n  optionLabel: { fontSize: 18, fontWeight: '600', color: '#333', },\n  selectedOptionLabel: { color: '#4CAF50', },\n  optionDescription: { fontSize: 14, color: '#666', marginTop: 4, },\n  checkmark: { width: 24, height: 24, borderRadius: 12, backgroundColor: '#4CAF50', justifyContent: 'center', alignItems: 'center', },\n  checkmarkText: { color: 'white', fontSize: 16, fontWeight: 'bold', },\n  errorText: { color: '#dc2626', fontSize: 14, margin: 16, textAlign: 'center', },\n});\n"]}

package/build/src/components/KYCElements/CountrySelectionTemplate.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CountrySelectionTemplate.d.ts","sourceRoot":"","sources":["../../../../src/components/KYCElements/CountrySelectionTemplate.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAE5D,OAAO,EAAE,iBAAiB,EAAyC,OAAO,EAAgB,MAAM,uBAAuB,CAAC;AAQxH,UAAU,6BAA6B;IACrC,SAAS,EAAE,iBAAiB,CAAC;IAC7B,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,aAAa,EAAE,CAAC,KAAK,EAAE,OAAO,GAAG;QAAE,YAAY,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACrF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAeD,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC,6BAA6B,CAqT5E,CAAC"}
+{"version":3,"file":"CountrySelectionTemplate.d.ts","sourceRoot":"","sources":["../../../../src/components/KYCElements/CountrySelectionTemplate.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAE5D,OAAO,EAAE,iBAAiB,EAAyC,OAAO,EAAgB,MAAM,uBAAuB,CAAC;AAQxH,UAAU,6BAA6B;IACrC,SAAS,EAAE,iBAAiB,CAAC;IAC7B,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,aAAa,EAAE,CAAC,KAAK,EAAE,OAAO,GAAG;QAAE,YAAY,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACrF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAeD,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC,6BAA6B,CAoW5E,CAAC"}

package/build/src/components/KYCElements/CountrySelectionTemplate.js

@@ -1,5 +1,5 @@
 import React, { useState, useMemo, useEffect } from 'react';
-import { View, Text, TouchableOpacity, StyleSheet, ScrollView, TextInput } from 'react-native';
+import { FlatList, Platform, ScrollView, StyleSheet, Text, TextInput, TouchableOpacity, View } from 'react-native';
 import { countryMapping } from '../../config/region_mapping';
 import { useTemplateKYCFlowContext } from '../../hooks/useTemplateKYCFlow';
 import { Button } from '../ui/Button';
@@ -195,18 +195,26 @@ export const CountrySelectionTemplate = ({ component, value, onValueChange, erro
     };
     const renderCountrySelection = () => {
         return (<>
-        <TextInput style={styles.searchBar} placeholder={state.currentLanguage === "en" ? "🔍 Search country..." : "🔍 Rechercher un pays..."} placeholderTextColor="#94A3B8" value={searchQuery} onChangeText={setSearchQuery} autoCorrect={false}/>
-        <ScrollView style={styles.listContainer} showsVerticalScrollIndicator={false}>
-          {filteredCountries.map((country) => (<TouchableOpacity key={country.code} style={[styles.option, selectedCountryCode === country.code && styles.selectedOption]} onPress={() => handleCountrySelect(country.code)}>
-              <Text style={styles.flag}>{country.flag}</Text>
-              <View style={styles.optionContent}>
-                <Text style={[styles.optionName, selectedCountryCode === country.code && styles.selectedOptionName]}>{state.currentLanguage === "en" ? country.name_en : country.name}</Text>
-                <Text style={styles.optionCode}>{country.code}</Text>
-              </View>
-              {selectedCountryCode === country.code && (<View style={[styles.checkmark, { backgroundColor: component.ui.themeColor || '#2DBD60' }]}><Text style={styles.checkmarkText}>✓</Text></View>)}
-            </TouchableOpacity>))}
-          {filteredCountries.length === 0 && (<Text style={styles.emptyText}>{state.currentLanguage === "en" ? "No matching countries found." : "Aucun pays trouvé."}</Text>)}
-        </ScrollView>
+        <TextInput style={styles.searchBar} placeholder={state.currentLanguage === "en" ? "Search countries" : "Rechercher un pays"} placeholderTextColor="#64748B" value={searchQuery} onChangeText={setSearchQuery} autoCorrect={false} autoCapitalize="none" clearButtonMode="while-editing" returnKeyType="search" accessibilityRole="search" accessibilityLabel={state.currentLanguage === "en" ? "Search countries" : "Rechercher un pays"} accessibilityHint={state.currentLanguage === "en" ? "Filters the country list as you type" : "Filtre la liste des pays pendant la saisie"}/>
+        <FlatList style={styles.listContainer} contentContainerStyle={[
+                styles.listContent,
+                filteredCountries.length === 0 && styles.emptyListContent,
+            ]} data={filteredCountries} keyExtractor={(country) => country.code} renderItem={({ item: country }) => {
+                const isSelected = selectedCountryCode === country.code;
+                const countryName = state.currentLanguage === "en" ? country.name_en : country.name;
+                return (<TouchableOpacity style={[styles.option, isSelected && styles.selectedOption]} onPress={() => handleCountrySelect(country.code)} activeOpacity={0.7} accessible accessibilityRole="radio" accessibilityState={{ selected: isSelected }} accessibilityLabel={`${countryName}, ${country.code}`} accessibilityHint={state.currentLanguage === "en" ? "Select this issuing country" : "Sélectionner ce pays émetteur"}>
+                <Text style={styles.flag} accessible={false}>{country.flag}</Text>
+                <View style={styles.optionContent}>
+                  <Text style={[styles.optionName, isSelected && styles.selectedOptionName]}>{countryName}</Text>
+                  <Text style={styles.optionCode}>{country.code}</Text>
+                </View>
+                {isSelected && (<View style={[styles.checkmark, { backgroundColor: component.ui.themeColor || '#2DBD60' }]} accessible={false}>
+                    <Text style={styles.checkmarkText}>✓</Text>
+                  </View>)}
+              </TouchableOpacity>);
+            }} ListEmptyComponent={<Text style={styles.emptyText} accessibilityRole="text">
+              {state.currentLanguage === "en" ? "No matching countries found." : "Aucun pays trouvé."}
+            </Text>} showsVerticalScrollIndicator persistentScrollbar={Platform.OS === 'android'} keyboardShouldPersistTaps="handled" keyboardDismissMode={Platform.OS === 'ios' ? 'interactive' : 'on-drag'} nestedScrollEnabled initialNumToRender={12} maxToRenderPerBatch={12} windowSize={7} accessibilityRole="list"/>
       </>);
     };
     const renderDocumentTypeSelection = () => {
@@ -303,14 +311,16 @@ export const CountrySelectionTemplate = ({ component, value, onValueChange, erro
     </View>);
 };
 const styles = StyleSheet.create({
-    root: { flex: 1, maxWidth: 760, width: '100%' },
-    container: { backgroundColor: 'white', margin: 10, borderRadius: 10, paddingVertical: 16, paddingHorizontal: 16, shadowColor: '#000', shadowOffset: { width: 0, height: 2 }, shadowOpacity: 0.35, shadowRadius: 4.84, elevation: 10 },
+    root: { flex: 1, minHeight: 0, maxWidth: 760, width: '100%' },
+    container: { flex: 1, minHeight: 0, backgroundColor: 'white', margin: 10, borderRadius: 10, paddingVertical: 16, paddingHorizontal: 16, shadowColor: '#000', shadowOffset: { width: 0, height: 2 }, shadowOpacity: 0.35, shadowRadius: 4.84, elevation: 10 },
     progressContainer: { marginBottom: 16, alignItems: 'center' },
     progressText: { fontSize: 14, color: '#666', fontWeight: '500' },
     title: { fontSize: 24, fontWeight: 'bold', color: '#333', marginBottom: 8, textAlign: 'center' },
     description: { fontSize: 16, color: '#666', textAlign: 'center', marginBottom: 24, lineHeight: 22 },
     searchBar: { height: 52, backgroundColor: '#F1F5F9', borderRadius: 12, paddingHorizontal: 16, fontSize: 16, color: '#1E293B', marginBottom: 16, borderWidth: 1, borderColor: '#CBD5E1', fontWeight: '500' },
-    listContainer: { maxHeight: 360, marginBottom: 24 },
+    listContainer: { flex: 1, minHeight: 120, marginBottom: 12 },
+    listContent: { paddingBottom: 8 },
+    emptyListContent: { flexGrow: 1, justifyContent: 'center' },
     option: { flexDirection: 'row', alignItems: 'center', padding: 16, backgroundColor: '#F8F9FA', borderRadius: 12, marginBottom: 12, borderWidth: 2, borderColor: '#E9ECEF', minHeight: 64 },
     selectedOption: { borderColor: '#2DBD60', backgroundColor: '#F0F9F0' },
     flag: { fontSize: 32, marginRight: 16 },
@@ -322,7 +332,7 @@ const styles = StyleSheet.create({
     checkmarkText: { color: 'white', fontSize: 16, fontWeight: 'bold' },
     infoBox: { backgroundColor: '#F9FAFB', padding: 12, borderRadius: 12, marginBottom: 16 },
     infoText: { fontSize: 14, color: '#666', lineHeight: 20 },
-    buttonContainer: { flexDirection: 'row', marginTop: 24, gap: 12 },
+    buttonContainer: { flexDirection: 'row', marginTop: 12, gap: 12 },
     errorText: { color: '#dc2626', fontSize: 14, marginTop: 8, textAlign: 'center' },
     emptyText: { textAlign: 'center', color: '#64748B', fontSize: 16, marginTop: 24, fontWeight: '500' }
 });