@finos_sdk/sdk-ekyc 1.2.2 → 1.2.9

package/dist/App.js

@@ -1,497 +0,0 @@
-"use strict";
-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 = __importStar(require("react"));
-const react_native_1 = require("react-native");
-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 = () => {
-    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: '#f5f5f5',
-    },
-    scrollView: {
-        flex: 1,
-    },
-    content: {
-        padding: 20,
-    },
-    title: {
-        fontSize: 24,
-        fontWeight: 'bold',
-        textAlign: 'center',
-        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;