@finos_sdk/sdk-ekyc 0.0.31 → 0.0.33

package/android/src/main/build/intermediates/aapt_friendly_merged_manifests/debug/processDebugManifest/aapt/output-metadata.json

@@ -0,0 +1,18 @@
+{
+  "version": 3,
+  "artifactType": {
+    "type": "AAPT_FRIENDLY_MERGED_MANIFESTS",
+    "kind": "Directory"
+  },
+  "applicationId": "com.sdkekycrn",
+  "variantName": "debug",
+  "elements": [
+    {
+      "type": "SINGLE",
+      "filters": [],
+      "attributes": [],
+      "outputFile": "AndroidManifest.xml"
+    }
+  ],
+  "elementType": "File"
+}

package/android/src/main/build/intermediates/aar_metadata/debug/writeDebugAarMetadata/aar-metadata.properties

@@ -0,0 +1,6 @@
+aarFormatVersion=1.0
+aarMetadataVersion=1.0
+minCompileSdk=1
+minCompileSdkExtension=0
+minAndroidGradlePluginVersion=1.0.0
+coreLibraryDesugaringEnabled=false

package/android/src/main/build/intermediates/annotation_processor_list/debug/javaPreCompileDebug/annotationProcessors.json

@@ -0,0 +1 @@
+{}

package/android/src/main/build/intermediates/incremental/debug/packageDebugResources/compile-file-map.properties

@@ -0,0 +1 @@
+#Mon Sep 29 16:03:10 ICT 2025

package/android/src/main/build/intermediates/incremental/debug/packageDebugResources/merger.xml

@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="utf-8"?>
+<merger version="3"><dataSet aapt-namespace="http://schemas.android.com/apk/res-auto" config="main$Generated" generated="true" ignore_pattern="!.svn:!.git:!.ds_store:!*.scc:.*:&lt;dir>_*:!CVS:!thumbs.db:!picasa.ini:!*~"><source path="/Volumes/Data/Work/GalaxyHolding/SDK_RN/finos.ekyc.sdk.reactnative/android/src/main/src/main/res"/></dataSet><dataSet aapt-namespace="http://schemas.android.com/apk/res-auto" config="main" generated-set="main$Generated" ignore_pattern="!.svn:!.git:!.ds_store:!*.scc:.*:&lt;dir>_*:!CVS:!thumbs.db:!picasa.ini:!*~"><source path="/Volumes/Data/Work/GalaxyHolding/SDK_RN/finos.ekyc.sdk.reactnative/android/src/main/src/main/res"/></dataSet><dataSet aapt-namespace="http://schemas.android.com/apk/res-auto" config="debug$Generated" generated="true" ignore_pattern="!.svn:!.git:!.ds_store:!*.scc:.*:&lt;dir>_*:!CVS:!thumbs.db:!picasa.ini:!*~"><source path="/Volumes/Data/Work/GalaxyHolding/SDK_RN/finos.ekyc.sdk.reactnative/android/src/main/src/debug/res"/></dataSet><dataSet aapt-namespace="http://schemas.android.com/apk/res-auto" config="debug" generated-set="debug$Generated" ignore_pattern="!.svn:!.git:!.ds_store:!*.scc:.*:&lt;dir>_*:!CVS:!thumbs.db:!picasa.ini:!*~"><source path="/Volumes/Data/Work/GalaxyHolding/SDK_RN/finos.ekyc.sdk.reactnative/android/src/main/src/debug/res"/></dataSet><dataSet aapt-namespace="http://schemas.android.com/apk/res-auto" config="generated$Generated" generated="true" ignore_pattern="!.svn:!.git:!.ds_store:!*.scc:.*:&lt;dir>_*:!CVS:!thumbs.db:!picasa.ini:!*~"><source path="/Volumes/Data/Work/GalaxyHolding/SDK_RN/finos.ekyc.sdk.reactnative/android/src/main/build/generated/res/resValues/debug"/></dataSet><dataSet aapt-namespace="http://schemas.android.com/apk/res-auto" config="generated" generated-set="generated$Generated" ignore_pattern="!.svn:!.git:!.ds_store:!*.scc:.*:&lt;dir>_*:!CVS:!thumbs.db:!picasa.ini:!*~"><source path="/Volumes/Data/Work/GalaxyHolding/SDK_RN/finos.ekyc.sdk.reactnative/android/src/main/build/generated/res/resValues/debug"/></dataSet><mergedItems/></merger>

package/android/src/main/build/intermediates/incremental/mergeDebugJniLibFolders/merger.xml

@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="utf-8"?>
+<merger version="3"><dataSet config="main" ignore_pattern="!.svn:!.git:!.ds_store:!*.scc:.*:&lt;dir>_*:!CVS:!thumbs.db:!picasa.ini:!*~"><source path="/Volumes/Data/Work/GalaxyHolding/SDK_RN/finos.ekyc.sdk.reactnative/android/src/main/src/main/jniLibs"/></dataSet><dataSet config="debug" ignore_pattern="!.svn:!.git:!.ds_store:!*.scc:.*:&lt;dir>_*:!CVS:!thumbs.db:!picasa.ini:!*~"><source path="/Volumes/Data/Work/GalaxyHolding/SDK_RN/finos.ekyc.sdk.reactnative/android/src/main/src/debug/jniLibs"/></dataSet></merger>

package/android/src/main/build/intermediates/incremental/mergeDebugShaders/merger.xml

@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="utf-8"?>
+<merger version="3"><dataSet config="main" ignore_pattern="!.svn:!.git:!.ds_store:!*.scc:.*:&lt;dir>_*:!CVS:!thumbs.db:!picasa.ini:!*~"><source path="/Volumes/Data/Work/GalaxyHolding/SDK_RN/finos.ekyc.sdk.reactnative/android/src/main/src/main/shaders"/></dataSet><dataSet config="debug" ignore_pattern="!.svn:!.git:!.ds_store:!*.scc:.*:&lt;dir>_*:!CVS:!thumbs.db:!picasa.ini:!*~"><source path="/Volumes/Data/Work/GalaxyHolding/SDK_RN/finos.ekyc.sdk.reactnative/android/src/main/src/debug/shaders"/></dataSet></merger>

package/android/src/main/build/intermediates/incremental/packageDebugAssets/merger.xml

@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="utf-8"?>
+<merger version="3"><dataSet config="main" ignore_pattern="!.svn:!.git:!.ds_store:!*.scc:.*:&lt;dir>_*:!CVS:!thumbs.db:!picasa.ini:!*~"><source path="/Volumes/Data/Work/GalaxyHolding/SDK_RN/finos.ekyc.sdk.reactnative/android/src/main/src/main/assets"/></dataSet><dataSet config="debug" ignore_pattern="!.svn:!.git:!.ds_store:!*.scc:.*:&lt;dir>_*:!CVS:!thumbs.db:!picasa.ini:!*~"><source path="/Volumes/Data/Work/GalaxyHolding/SDK_RN/finos.ekyc.sdk.reactnative/android/src/main/src/debug/assets"/></dataSet><dataSet config="generated" ignore_pattern="!.svn:!.git:!.ds_store:!*.scc:.*:&lt;dir>_*:!CVS:!thumbs.db:!picasa.ini:!*~"><source path="/Volumes/Data/Work/GalaxyHolding/SDK_RN/finos.ekyc.sdk.reactnative/android/src/main/build/intermediates/shader_assets/debug/compileDebugShaders/out"/></dataSet></merger>

package/android/src/main/build/intermediates/local_only_symbol_list/debug/parseDebugLocalResources/R-def.txt

@@ -0,0 +1,2 @@
+R_DEF: Internal format may change without notice
+local

package/android/src/main/build/intermediates/manifest_merge_blame_file/debug/processDebugManifest/manifest-merger-blame-debug-report.txt

@@ -0,0 +1,7 @@
+1<?xml version="1.0" encoding="utf-8"?>
+2<manifest xmlns:android="http://schemas.android.com/apk/res/android"
+3    package="com.sdkekycrn" >
+4
+5    <uses-sdk android:minSdkVersion="24" />
+6
+7</manifest>

package/android/src/main/build/intermediates/merged_manifest/debug/processDebugManifest/AndroidManifest.xml

@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<manifest xmlns:android="http://schemas.android.com/apk/res/android"
+    package="com.sdkekycrn" >
+
+    <uses-sdk android:minSdkVersion="24" />
+
+</manifest>

package/android/src/main/build/intermediates/nested_resources_validation_report/debug/generateDebugResources/nestedResourcesValidationReport.txt

@@ -0,0 +1 @@
+0 Warning/Error

package/android/src/main/build/intermediates/symbol_list_with_package_name/debug/generateDebugRFile/package-aware-r.txt

@@ -0,0 +1 @@
+com.sdkekycrn

package/android/src/main/build/outputs/logs/manifest-merger-debug-report.txt

@@ -0,0 +1,16 @@
+-- Merging decision tree log ---
+manifest
+ADDED from /Volumes/Data/Work/GalaxyHolding/SDK_RN/finos.ekyc.sdk.reactnative/android/src/main/build/intermediates/tmp/ProcessLibraryManifest/debug/tempAndroidManifest13369881532742005821.xml:2:13-83
+INJECTED from /Volumes/Data/Work/GalaxyHolding/SDK_RN/finos.ekyc.sdk.reactnative/android/src/main/build/intermediates/tmp/ProcessLibraryManifest/debug/tempAndroidManifest13369881532742005821.xml:2:13-83
+	package
+		INJECTED from /Volumes/Data/Work/GalaxyHolding/SDK_RN/finos.ekyc.sdk.reactnative/android/src/main/build/intermediates/tmp/ProcessLibraryManifest/debug/tempAndroidManifest13369881532742005821.xml
+	xmlns:android
+		ADDED from /Volumes/Data/Work/GalaxyHolding/SDK_RN/finos.ekyc.sdk.reactnative/android/src/main/build/intermediates/tmp/ProcessLibraryManifest/debug/tempAndroidManifest13369881532742005821.xml:2:23-81
+uses-sdk
+INJECTED from /Volumes/Data/Work/GalaxyHolding/SDK_RN/finos.ekyc.sdk.reactnative/android/src/main/build/intermediates/tmp/ProcessLibraryManifest/debug/tempAndroidManifest13369881532742005821.xml reason: use-sdk injection requested
+INJECTED from /Volumes/Data/Work/GalaxyHolding/SDK_RN/finos.ekyc.sdk.reactnative/android/src/main/build/intermediates/tmp/ProcessLibraryManifest/debug/tempAndroidManifest13369881532742005821.xml
+INJECTED from /Volumes/Data/Work/GalaxyHolding/SDK_RN/finos.ekyc.sdk.reactnative/android/src/main/build/intermediates/tmp/ProcessLibraryManifest/debug/tempAndroidManifest13369881532742005821.xml
+	android:targetSdkVersion
+		INJECTED from /Volumes/Data/Work/GalaxyHolding/SDK_RN/finos.ekyc.sdk.reactnative/android/src/main/build/intermediates/tmp/ProcessLibraryManifest/debug/tempAndroidManifest13369881532742005821.xml
+	android:minSdkVersion
+		INJECTED from /Volumes/Data/Work/GalaxyHolding/SDK_RN/finos.ekyc.sdk.reactnative/android/src/main/build/intermediates/tmp/ProcessLibraryManifest/debug/tempAndroidManifest13369881532742005821.xml

package/dist/App.js

@@ -1,28 +1,497 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
+const react_1 = __importStar(require("react"));
 const react_native_1 = require("react-native");
-const TestNativeModules_1 = __importDefault(require("./TestNativeModules"));
+const FinosEKYCModule_1 = require("./src/modules/FinosEKYCModule");
+// AppKey configuration from MainActivity.kt
+const AppKey = {
+    appKey: "988dda47-df13-4505-9f3e-ea2557f1072a",
+    appKeyNfc: "c060f716-8961-4834-9d8e-ba346b2015a2",
+    appKeyC06: "835327b6-3b4c-4bbe-8fe0-f49a350bcc82",
+    appKeyOcr: "524c7b87-eaf2-41de-9c0a-efd7a1a2b294",
+    appKeyLiveness: "8228768f-49b9-4942-a594-8067dc82d753",
+    appKeyFaceService: "e6574f35-3c47-4fb6-9684-9a75b5430817"
+};
 const App = () => {
-    return (<react_native_1.View style={styles.container}>
-      <react_native_1.Text style={styles.title}>EKYC Module Test</react_native_1.Text>
-      <TestNativeModules_1.default />
-    </react_native_1.View>);
+    const [appKey, setAppKey] = (0, react_1.useState)(AppKey.appKey);
+    const [transactionId, setTransactionId] = (0, react_1.useState)('test-transaction-123');
+    const [isLoading, setIsLoading] = (0, react_1.useState)(false);
+    const [currentLanguage, setCurrentLanguage] = (0, react_1.useState)('vi');
+    const [step1, setStep1] = (0, react_1.useState)('OCR');
+    const [step2, setStep2] = (0, react_1.useState)('NFC');
+    const [step3, setStep3] = (0, react_1.useState)('LIVENESS');
+    // OptionConfig settings
+    const [maxRetry, setMaxRetry] = (0, react_1.useState)(3);
+    const showAlert = (title, message) => {
+        react_native_1.Alert.alert(title, message);
+    };
+    const showToast = (message) => {
+        react_native_1.Alert.alert('Info', message);
+    };
+    const handleInitSDK = async () => {
+        try {
+            setIsLoading(true);
+            const result = await FinosEKYCModule_1.FinosEKYC.initialize();
+            const sdkInfo = await FinosEKYCModule_1.FinosEKYC.getSDKInfo();
+            showAlert('SDK Initialized', `Result: ${result}\nVersion: ${sdkInfo.version}\nPlatform: ${sdkInfo.platform}`);
+        }
+        catch (error) {
+            showAlert('SDK Init Error', `Error: ${error}`);
+        }
+        finally {
+            setIsLoading(false);
+        }
+    };
+    // Main flow button (like MainActivity.kt btnMain)
+    const handleMainFlow = async () => {
+        try {
+            setIsLoading(true);
+            const selected = [step1, step2, step3];
+            // Map to SDKType like MainActivity.kt startWithFlow
+            const flow = selected.filter((sdkType) => sdkType === 'OCR' || sdkType === 'NFC' || sdkType === 'LIVENESS');
+            // Use default flow if empty like MainActivity.kt
+            const finalFlow = flow.length > 0 ? flow : ['OCR', 'NFC', 'LIVENESS'];
+            console.log('Starting eKYC Flow (startWithFlow):', {
+                selected: selected,
+                flow: flow,
+                finalFlow: finalFlow,
+                language: currentLanguage,
+                transactionId: transactionId,
+                appKey: AppKey.appKey,
+                optionConfig: {
+                    countMaxRetry: maxRetry,
+                }
+            });
+            // Call the actual SdkEkycUI.startEkyc
+            const result = await FinosEKYCModule_1.FinosEKYC.startEkycUI(AppKey.appKey, finalFlow, currentLanguage, transactionId, {
+                appKey: AppKey.appKey,
+                appKeyNfc: AppKey.appKeyNfc,
+                appKeyOcr: AppKey.appKeyOcr,
+                appKeyLiveness: AppKey.appKeyLiveness,
+                appKeyC06: AppKey.appKeyC06,
+                appKeyFaceService: AppKey.appKeyFaceService,
+            }, {
+                countMaxRetry: maxRetry,
+            }, {
+                textSize: 14,
+                textFont: "",
+                textColor: 0xff000000,
+                statusBarBackground: 0,
+                backIcon: 0,
+                toolbarStyle: {
+                    textSize: 26,
+                    textColor: 0xff007AFF, // Custom blue color
+                },
+                titleStyle: {
+                    textSize: 26,
+                    textColor: 0xff34C759, // Custom green color
+                },
+                instructionStyle: {
+                    textSize: 24,
+                    textColor: 0xffFF6B35, // Custom orange color
+                },
+            });
+            showAlert('eKYC UI Started (startWithFlow)', `eKYC UI has been started successfully!\n\n` +
+                `Selected: ${selected.join(' → ')}\n` +
+                `Final Flow: ${finalFlow.join(' → ')}\n` +
+                `Language: ${currentLanguage === 'vi' ? 'Vietnamese' : 'English'}\n` +
+                `Transaction ID: ${transactionId}\n\n` +
+                `Option Config Applied:\n` +
+                `• countMaxRetry: ${maxRetry}\n\n` +
+                `Style Config Applied:\n` +
+                `• Status Bar: Vikki background\n` +
+                `• Back Icon: SDK close icon\n` +
+                `• Toolbar: 26sp, Accent color\n` +
+                `• Title: 26sp, Gradient color\n` +
+                `• Instruction: 24sp, Primary color\n` +
+                `• App ID Type: VIKKI\n\n` +
+                `Result: ${JSON.stringify(result, null, 2)}`);
+        }
+        catch (error) {
+            showAlert('Flow Error', `Error: ${error}`);
+        }
+        finally {
+            setIsLoading(false);
+        }
+    };
+    const Button = ({ title, onPress, color = '#007AFF' }) => (<react_native_1.TouchableOpacity style={[styles.button, { backgroundColor: color }]} onPress={onPress} disabled={isLoading}>
+      <react_native_1.Text style={styles.buttonText}>{title}</react_native_1.Text>
+    </react_native_1.TouchableOpacity>);
+    return (<react_native_1.SafeAreaView style={styles.container}>
+      <react_native_1.ScrollView style={styles.scrollView} contentContainerStyle={styles.content}>
+        <react_native_1.Text style={styles.title}>🚀 Finos eKYC SDK v0.0.31</react_native_1.Text>
+        
+        {/* App Key Configuration */}
+        <react_native_1.View style={styles.inputContainer}>
+          <react_native_1.Text style={styles.label}>Main App Key:</react_native_1.Text>
+          <react_native_1.TextInput style={[styles.input, styles.appKeyInput]} value={appKey} onChangeText={setAppKey} placeholder="Main app key" editable={false}/>
+          <react_native_1.Text style={styles.appKeyNote}>
+            📝 Using specific app keys for each SDK type:
+            {'\n'}• OCR: {AppKey.appKeyOcr.substring(0, 8)}...
+            {'\n'}• NFC: {AppKey.appKeyNfc.substring(0, 8)}...
+            {'\n'}• Liveness: {AppKey.appKeyLiveness.substring(0, 8)}...
+          </react_native_1.Text>
+        </react_native_1.View>
+
+        <react_native_1.View style={styles.inputContainer}>
+          <react_native_1.Text style={styles.label}>Transaction ID:</react_native_1.Text>
+          <react_native_1.TextInput style={styles.input} value={transactionId} onChangeText={setTransactionId} placeholder="Enter transaction ID"/>
+        </react_native_1.View>
+
+        {/* Language Selection (like MainActivity.kt) */}
+        <react_native_1.Text style={styles.sectionTitle}>🌐 Language Selection</react_native_1.Text>
+        <react_native_1.View style={styles.radioGroup}>
+          <react_native_1.TouchableOpacity style={[styles.radioButton, currentLanguage === 'vi' && styles.radioButtonSelected]} onPress={() => setCurrentLanguage('vi')}>
+            <react_native_1.Text style={[styles.radioText, currentLanguage === 'vi' && styles.radioTextSelected]}>
+              🇻🇳 Vietnamese
+            </react_native_1.Text>
+          </react_native_1.TouchableOpacity>
+          <react_native_1.TouchableOpacity style={[styles.radioButton, currentLanguage === 'en' && styles.radioButtonSelected]} onPress={() => setCurrentLanguage('en')}>
+            <react_native_1.Text style={[styles.radioText, currentLanguage === 'en' && styles.radioTextSelected]}>
+              🇺🇸 English
+            </react_native_1.Text>
+          </react_native_1.TouchableOpacity>
+        </react_native_1.View>
+
+        {/* SDK Control */}
+        <react_native_1.Text style={styles.sectionTitle}>🔧 SDK Control</react_native_1.Text>
+        <Button title="Initialize SDK" onPress={handleInitSDK} color="#34C759"/>
+
+
+        {/* OptionConfig Settings */}
+        <react_native_1.Text style={styles.sectionTitle}>⚙️ Option Configuration</react_native_1.Text>
+        
+        <react_native_1.View style={styles.optionContainer}>
+          <react_native_1.Text style={styles.optionLabel}>Max Retry:</react_native_1.Text>
+          <react_native_1.View style={styles.optionRow}>
+            {[1, 2, 3, 4, 5].map(num => (<react_native_1.TouchableOpacity key={num} style={[styles.optionButton, maxRetry === num && styles.optionButtonSelected]} onPress={() => setMaxRetry(num)}>
+                <react_native_1.Text style={[styles.optionButtonText, maxRetry === num && styles.optionButtonTextSelected]}>
+                  {num}
+                </react_native_1.Text>
+              </react_native_1.TouchableOpacity>))}
+          </react_native_1.View>
+        </react_native_1.View>
+
+        {/* Flow Configuration (like MainActivity.kt spinners) */}
+        <react_native_1.Text style={styles.sectionTitle}>🔄 Flow Configuration</react_native_1.Text>
+        
+        <react_native_1.View style={styles.flowContainer}>
+          <react_native_1.Text style={styles.flowLabel}>Step 1:</react_native_1.Text>
+          <react_native_1.View style={styles.pickerContainer}>
+            <react_native_1.Text style={styles.pickerText}>{step1}</react_native_1.Text>
+            <react_native_1.TouchableOpacity style={styles.pickerButton} onPress={() => {
+            const options = ['OCR', 'NFC', 'LIVENESS'];
+            const currentIndex = options.indexOf(step1);
+            const nextIndex = (currentIndex + 1) % options.length;
+            setStep1(options[nextIndex]);
+        }}>
+              <react_native_1.Text style={styles.pickerButtonText}>▼</react_native_1.Text>
+            </react_native_1.TouchableOpacity>
+          </react_native_1.View>
+        </react_native_1.View>
+
+        <react_native_1.View style={styles.flowContainer}>
+          <react_native_1.Text style={styles.flowLabel}>Step 2:</react_native_1.Text>
+          <react_native_1.View style={styles.pickerContainer}>
+            <react_native_1.Text style={styles.pickerText}>{step2}</react_native_1.Text>
+            <react_native_1.TouchableOpacity style={styles.pickerButton} onPress={() => {
+            const options = ['OCR', 'NFC', 'LIVENESS'];
+            const currentIndex = options.indexOf(step2);
+            const nextIndex = (currentIndex + 1) % options.length;
+            setStep2(options[nextIndex]);
+        }}>
+              <react_native_1.Text style={styles.pickerButtonText}>▼</react_native_1.Text>
+            </react_native_1.TouchableOpacity>
+          </react_native_1.View>
+        </react_native_1.View>
+
+        <react_native_1.View style={styles.flowContainer}>
+          <react_native_1.Text style={styles.flowLabel}>Step 3:</react_native_1.Text>
+          <react_native_1.View style={styles.pickerContainer}>
+            <react_native_1.Text style={styles.pickerText}>{step3}</react_native_1.Text>
+            <react_native_1.TouchableOpacity style={styles.pickerButton} onPress={() => {
+            const options = ['OCR', 'NFC', 'LIVENESS'];
+            const currentIndex = options.indexOf(step3);
+            const nextIndex = (currentIndex + 1) % options.length;
+            setStep3(options[nextIndex]);
+        }}>
+              <react_native_1.Text style={styles.pickerButtonText}>▼</react_native_1.Text>
+            </react_native_1.TouchableOpacity>
+          </react_native_1.View>
+        </react_native_1.View>
+
+        {/* Main Flow Button (like MainActivity.kt btnMain) */}
+        <Button title={`🚀 Start Flow: ${step1} → ${step2} → ${step3}`} onPress={handleMainFlow} color="#FF6B35"/>
+
+        {/* Status */}
+        <react_native_1.Text style={styles.sectionTitle}>📊 Status</react_native_1.Text>
+        <react_native_1.View style={styles.statusContainer}>
+          <react_native_1.Text style={styles.statusText}>
+            {isLoading ? '⏳ Processing...' : '✅ Ready'}
+          </react_native_1.Text>
+          <react_native_1.Text style={styles.statusSubText}>
+            Language: {currentLanguage === 'vi' ? 'Vietnamese' : 'English'}
+          </react_native_1.Text>
+        </react_native_1.View>
+
+        <react_native_1.Text style={styles.footer}>
+          💡 Tap individual buttons for single SDK type{'\n'}
+          🔄 Use flow configuration for multi-step process{'\n'}
+          📱 Make sure device has NFC capability for NFC tests
+        </react_native_1.Text>
+      </react_native_1.ScrollView>
+    </react_native_1.SafeAreaView>);
 };
 const styles = react_native_1.StyleSheet.create({
     container: {
         flex: 1,
-        backgroundColor: '#fff',
+        backgroundColor: '#f5f5f5',
+    },
+    scrollView: {
+        flex: 1,
+    },
+    content: {
+        padding: 20,
     },
     title: {
-        fontSize: 20,
+        fontSize: 24,
         fontWeight: 'bold',
         textAlign: 'center',
-        padding: 20,
-        backgroundColor: '#f0f0f0',
+        marginBottom: 30,
+        color: '#333',
+    },
+    inputContainer: {
+        marginBottom: 20,
+    },
+    label: {
+        fontSize: 16,
+        fontWeight: '600',
+        marginBottom: 8,
+        color: '#333',
+    },
+    input: {
+        borderWidth: 1,
+        borderColor: '#ddd',
+        borderRadius: 8,
+        padding: 12,
+        fontSize: 16,
+        backgroundColor: '#fff',
+    },
+    appKeyInput: {
+        backgroundColor: '#f8f9fa',
+        color: '#666',
+    },
+    appKeyNote: {
+        fontSize: 12,
+        color: '#666',
+        marginTop: 8,
+        lineHeight: 16,
+    },
+    sectionTitle: {
+        fontSize: 18,
+        fontWeight: 'bold',
+        marginTop: 20,
+        marginBottom: 15,
+        color: '#333',
+    },
+    // Language Selection Styles
+    radioGroup: {
+        flexDirection: 'row',
+        justifyContent: 'space-around',
+        marginBottom: 20,
+    },
+    radioButton: {
+        padding: 12,
+        borderRadius: 8,
+        borderWidth: 2,
+        borderColor: '#ddd',
+        backgroundColor: '#fff',
+        minWidth: 120,
+        alignItems: 'center',
+    },
+    radioButtonSelected: {
+        borderColor: '#007AFF',
+        backgroundColor: '#E3F2FD',
+    },
+    radioText: {
+        fontSize: 16,
+        fontWeight: '500',
+        color: '#666',
+    },
+    radioTextSelected: {
+        color: '#007AFF',
+        fontWeight: '600',
+    },
+    // Flow Configuration Styles
+    flowContainer: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        marginBottom: 15,
+        backgroundColor: '#fff',
+        padding: 15,
+        borderRadius: 10,
+        shadowColor: '#000',
+        shadowOffset: {
+            width: 0,
+            height: 1,
+        },
+        shadowOpacity: 0.1,
+        shadowRadius: 2,
+        elevation: 2,
+    },
+    flowLabel: {
+        fontSize: 16,
+        fontWeight: '600',
+        color: '#333',
+        minWidth: 60,
+    },
+    pickerContainer: {
+        flex: 1,
+        flexDirection: 'row',
+        alignItems: 'center',
+        justifyContent: 'space-between',
+        marginLeft: 15,
+    },
+    pickerText: {
+        fontSize: 16,
+        fontWeight: '500',
+        color: '#333',
+        flex: 1,
+    },
+    pickerButton: {
+        backgroundColor: '#007AFF',
+        borderRadius: 6,
+        paddingHorizontal: 12,
+        paddingVertical: 6,
+        marginLeft: 10,
+    },
+    pickerButtonText: {
+        color: '#fff',
+        fontSize: 14,
+        fontWeight: '600',
+    },
+    button: {
+        padding: 15,
+        borderRadius: 10,
+        marginBottom: 10,
+        alignItems: 'center',
+        shadowColor: '#000',
+        shadowOffset: {
+            width: 0,
+            height: 2,
+        },
+        shadowOpacity: 0.1,
+        shadowRadius: 3,
+        elevation: 3,
+    },
+    buttonText: {
+        color: '#fff',
+        fontSize: 16,
+        fontWeight: '600',
+    },
+    statusContainer: {
+        backgroundColor: '#fff',
+        padding: 15,
+        borderRadius: 10,
+        alignItems: 'center',
+        marginBottom: 20,
+        shadowColor: '#000',
+        shadowOffset: {
+            width: 0,
+            height: 1,
+        },
+        shadowOpacity: 0.1,
+        shadowRadius: 2,
+        elevation: 2,
+    },
+    statusText: {
+        fontSize: 16,
+        fontWeight: '600',
+        color: '#333',
+        marginBottom: 5,
+    },
+    statusSubText: {
+        fontSize: 14,
+        color: '#666',
+    },
+    // OptionConfig Styles
+    optionContainer: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        justifyContent: 'space-between',
+        marginBottom: 15,
+        backgroundColor: '#fff',
+        padding: 15,
+        borderRadius: 10,
+        shadowColor: '#000',
+        shadowOffset: {
+            width: 0,
+            height: 1,
+        },
+        shadowOpacity: 0.1,
+        shadowRadius: 2,
+        elevation: 2,
+    },
+    optionLabel: {
+        fontSize: 16,
+        fontWeight: '600',
+        color: '#333',
+        flex: 1,
+    },
+    optionRow: {
+        flexDirection: 'row',
+        gap: 8,
+    },
+    optionButton: {
+        paddingHorizontal: 12,
+        paddingVertical: 6,
+        borderRadius: 6,
+        borderWidth: 1,
+        borderColor: '#ddd',
+        backgroundColor: '#fff',
+    },
+    optionButtonSelected: {
+        backgroundColor: '#007AFF',
+        borderColor: '#007AFF',
+    },
+    optionButtonText: {
+        fontSize: 14,
+        fontWeight: '500',
+        color: '#666',
+    },
+    optionButtonTextSelected: {
+        color: '#fff',
+        fontWeight: '600',
+    },
+    footer: {
+        fontSize: 14,
+        color: '#666',
+        textAlign: 'center',
+        marginTop: 20,
+        lineHeight: 20,
     },
 });
 exports.default = App;