@sanctum-key/react-native-sdk 1.0.8 → 1.0.10

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

@@ -1,44 +1,238 @@
-import React from 'react';
-import { View, Text, TouchableOpacity, StyleSheet, ScrollView } from 'react-native';
-const defaultCountries = [
+import React, { useState, useMemo } from 'react';
+import { View, Text, TouchableOpacity, StyleSheet, FlatList, TextInput } from 'react-native';
+// 🌍 Comprehensive Global Country List
+const ALL_COUNTRIES = [
+    { value: 'AF', label: 'Afghanistan', icon: '🇦🇫' },
+    { value: 'AL', label: 'Albania', icon: '🇦🇱' },
+    { value: 'DZ', label: 'Algeria', icon: '🇩🇿' },
+    { value: 'AD', label: 'Andorra', icon: '🇦🇩' },
+    { value: 'AO', label: 'Angola', icon: '🇦🇴' },
+    { value: 'AR', label: 'Argentina', icon: '🇦🇷' },
+    { value: 'AM', label: 'Armenia', icon: '🇦🇲' },
+    { value: 'AU', label: 'Australia', icon: '🇦🇺' },
+    { value: 'AT', label: 'Austria', icon: '🇦🇹' },
+    { value: 'AZ', label: 'Azerbaijan', icon: '🇦🇿' },
+    { value: 'BS', label: 'Bahamas', icon: '🇧🇸' },
+    { value: 'BH', label: 'Bahrain', icon: '🇧🇭' },
+    { value: 'BD', label: 'Bangladesh', icon: '🇧🇩' },
+    { value: 'BB', label: 'Barbados', icon: '🇧🇧' },
+    { value: 'BY', label: 'Belarus', icon: '🇧🇾' },
+    { value: 'BE', label: 'Belgium', icon: '🇧🇪' },
+    { value: 'BZ', label: 'Belize', icon: '🇧🇿' },
+    { value: 'BJ', label: 'Benin', icon: '🇧🇯' },
+    { value: 'BT', label: 'Bhutan', icon: '🇧🇹' },
+    { value: 'BO', label: 'Bolivia', icon: '🇧🇴' },
+    { value: 'BA', label: 'Bosnia and Herzegovina', icon: '🇧🇦' },
+    { value: 'BW', label: 'Botswana', icon: '🇧🇼' },
+    { value: 'BR', label: 'Brazil', icon: '🇧🇷' },
+    { value: 'BN', label: 'Brunei', icon: '🇧🇳' },
+    { value: 'BG', label: 'Bulgaria', icon: '🇧🇬' },
+    { value: 'BF', label: 'Burkina Faso', icon: '🇧🇫' },
+    { value: 'BI', label: 'Burundi', icon: '🇧🇮' },
+    { value: 'CV', label: 'Cabo Verde', icon: '🇨🇻' },
+    { value: 'KH', label: 'Cambodia', icon: '🇰🇭' },
+    { value: 'CM', label: 'Cameroon', icon: '🇨🇲' },
+    { value: 'CA', label: 'Canada', icon: '🇨🇦' },
+    { value: 'CF', label: 'Central African Republic', icon: '🇨🇫' },
+    { value: 'TD', label: 'Chad', icon: '🇹🇩' },
+    { value: 'CL', label: 'Chile', icon: '🇨🇱' },
+    { value: 'CN', label: 'China', icon: '🇨🇳' },
+    { value: 'CO', label: 'Colombia', icon: '🇨🇴' },
+    { value: 'KM', label: 'Comoros', icon: '🇰🇲' },
+    { value: 'CG', label: 'Congo', icon: '🇨🇬' },
+    { value: 'CD', label: 'Congo (DRC)', icon: '🇨🇩' },
+    { value: 'CR', label: 'Costa Rica', icon: '🇨🇷' },
+    { value: 'HR', label: 'Croatia', icon: '🇭🇷' },
+    { value: 'CU', label: 'Cuba', icon: '🇨🇺' },
+    { value: 'CY', label: 'Croatia', icon: '🇨🇾' },
+    { value: 'CZ', label: 'Czechia', icon: '🇨🇿' },
+    { value: 'DK', label: 'Denmark', icon: '🇩🇰' },
+    { value: 'DJ', label: 'Djibouti', icon: '🇩🇯' },
+    { value: 'DM', label: 'Dominica', icon: '🇩🇲' },
+    { value: 'DO', label: 'Dominican Republic', icon: '🇩🇴' },
+    { value: 'EC', label: 'Ecuador', icon: '🇪🇨' },
+    { value: 'EG', label: 'Egypt', icon: '🇪🇬' },
+    { value: 'SV', label: 'El Salvador', icon: '🇸🇻' },
+    { value: 'GQ', label: 'Equatorial Guinea', icon: '🇬🇶' },
+    { value: 'ER', label: 'Eritrea', icon: '🇪🇷' },
+    { value: 'EE', label: 'Estonia', icon: '🇪🇪' },
+    { value: 'SZ', label: 'Eswatini', icon: '🇸🇿' },
+    { value: 'ET', label: 'Ethiopia', icon: '🇪🇹' },
+    { value: 'FJ', label: 'Fiji', icon: '🇫🇯' },
+    { value: 'FI', label: 'Finland', icon: '🇫🇮' },
     { value: 'FR', label: 'France', icon: '🇫🇷' },
-    { value: 'BE', label: 'Belgique', icon: '🇧🇪' },
+    { value: 'GA', label: 'Gabon', icon: '🇬🇦' },
+    { value: 'GM', label: 'Gambia', icon: '🇬🇲' },
+    { value: 'GE', label: 'Georgia', icon: '🇬🇪' },
+    { value: 'DE', label: 'Germany', icon: '🇩🇪' },
+    { value: 'GH', label: 'Ghana', icon: '🇬🇭' },
+    { value: 'GR', label: 'Greece', icon: '🇬🇷' },
+    { value: 'GD', label: 'Grenada', icon: '🇬🇩' },
+    { value: 'GT', label: 'Guatemala', icon: '🇬🇹' },
+    { value: 'GN', label: 'Guinea', icon: '🇬🇳' },
+    { value: 'GW', label: 'Guinea-Bissau', icon: '🇬🇼' },
+    { value: 'GY', label: 'Guyana', icon: '🇬🇾' },
+    { value: 'HT', label: 'Haiti', icon: '🇭🇹' },
+    { value: 'HN', label: 'Honduras', icon: '🇭🇳' },
+    { value: 'HU', label: 'Hungary', icon: '🇭🇺' },
+    { value: 'IS', label: 'Iceland', icon: '🇮🇸' },
+    { value: 'IN', label: 'India', icon: '🇮🇳' },
+    { value: 'ID', label: 'Indonesia', icon: '🇮🇩' },
+    { value: 'IR', label: 'Iran', icon: '🇮🇷' },
+    { value: 'IQ', label: 'Iraq', icon: '🇮🇶' },
+    { value: 'IE', label: 'Ireland', icon: '🇮🇪' },
+    { value: 'IL', label: 'Ireland', icon: '🇮🇪' },
+    { value: 'IT', label: 'Italy', icon: '🇮🇹' },
+    { value: 'JM', label: 'Jamaica', icon: '🇯🇲' },
+    { value: 'JP', label: 'Japan', icon: '🇯🇵' },
+    { value: 'JO', label: 'Jordan', icon: '🇯🇴' },
+    { value: 'KZ', label: 'Kazakhstan', icon: '🇰🇿' },
+    { value: 'KE', label: 'Kenya', icon: '🇰🇪' },
+    { value: 'KI', label: 'Kiribati', icon: '🇰🇮' },
+    { value: 'KP', label: 'Korea (North)', icon: '🇰🇵' },
+    { value: 'KR', label: 'Korea (South)', icon: '🇰🇷' },
+    { value: 'KW', label: 'Kuwait', icon: '🇰🇼' },
+    { value: 'KG', label: 'Kyrgyzstan', icon: '🇰🇬' },
+    { value: 'LA', label: 'Laos', icon: '🇱🇦' },
+    { value: 'LV', label: 'Latvia', icon: '🇱🇻' },
+    { value: 'LB', label: 'Lebanon', icon: '🇱🇧' },
+    { value: 'LS', label: 'Lesotho', icon: '🇱🇸' },
+    { value: 'LR', label: 'Liberia', icon: '🇱🇷' },
+    { value: 'LY', label: 'Libya', icon: '🇱🇾' },
+    { value: 'LI', label: 'Liechtenstein', icon: '🇱🇮' },
+    { value: 'LT', label: 'Lithuania', icon: '🇱🇹' },
     { value: 'LU', label: 'Luxembourg', icon: '🇱🇺' },
-    { value: 'DE', label: 'Allemagne', icon: '🇩🇪' },
-    { value: 'IT', label: 'Italie', icon: '🇮🇹' },
-    { value: 'ES', label: 'Espagne', icon: '🇪🇸' },
+    { value: 'MG', label: 'Madagascar', icon: '🇲🇬' },
+    { value: 'MW', label: 'Malawi', icon: '🇲🇼' },
+    { value: 'MY', label: 'Malaysia', icon: '🇲🇾' },
+    { value: 'MV', label: 'Maldives', icon: '🇲🇻' },
+    { value: 'ML', label: 'Mali', icon: '🇲🇱' },
+    { value: 'MT', label: 'Malta', icon: '🇲🇹' },
+    { value: 'MH', label: 'Marshall Islands', icon: '🇲🇭' },
+    { value: 'MR', label: 'Mauritania', icon: '🇲🇷' },
+    { value: 'MU', label: 'Mauritius', icon: '🇲🇺' },
+    { value: 'MX', label: 'Mexico', icon: '🇲🇽' },
+    { value: 'FM', label: 'Micronesia', icon: '🇫🇲' },
+    { value: 'MD', label: 'Moldova', icon: '🇲🇩' },
+    { value: 'MC', label: 'Monaco', icon: '🇲🇨' },
+    { value: 'MN', label: 'Mongolia', icon: '🇲🇳' },
+    { value: 'ME', label: 'Montenegro', icon: '🇲🇪' },
+    { value: 'MA', label: 'Morocco', icon: '🇲🇦' },
+    { value: 'MZ', label: 'Mozambique', icon: '🇲🇿' },
+    { value: 'MM', label: 'Myanmar', icon: '🇲🇲' },
+    { value: 'NA', label: 'Namibia', icon: '🇳🇦' },
+    { value: 'NR', label: 'Nauru', icon: '🇳🇷' },
+    { value: 'NP', label: 'Nepal', icon: '🇳🇵' },
+    { value: 'NL', label: 'Netherlands', icon: '🇳🇱' },
+    { value: 'NZ', label: 'New Zealand', icon: '🇳🇿' },
+    { value: 'NI', label: 'Nicaragua', icon: '🇳🇮' },
+    { value: 'NE', label: 'Niger', icon: '🇳🇪' },
+    { value: 'NG', label: 'Nigeria', icon: '🇳🇬' },
+    { value: 'MK', label: 'North Macedonia', icon: '🇲🇰' },
+    { value: 'NO', label: 'Norway', icon: '🇳🇴' },
+    { value: 'OM', label: 'Oman', icon: '🇴🇲' },
+    { value: 'PK', label: 'Pakistan', icon: '🇵🇰' },
+    { value: 'PW', label: 'Palau', icon: '🇵🇼' },
+    { value: 'PA', label: 'Panama', icon: '🇵🇦' },
+    { value: 'PG', label: 'Papua New Guinea', icon: '🇵🇬' },
+    { value: 'PY', label: 'Paraguay', icon: '🇵🇾' },
+    { value: 'PE', label: 'Peru', icon: '🇵🇪' },
+    { value: 'PH', label: 'Philippines', icon: '🇵🇭' },
+    { value: 'PL', label: 'Poland', icon: '🇵🇱' },
     { value: 'PT', label: 'Portugal', icon: '🇵🇹' },
-    { value: 'AT', label: 'Autriche', icon: '🇦🇹' },
-    { value: 'CH', label: 'Suisse', icon: '🇨🇭' },
-    { value: 'NL', label: 'Pays-Bas', icon: '🇳🇱' },
-    { value: 'OTHER', label: 'Autre', icon: '🌍' },
+    { value: 'QA', label: 'Qatar', icon: '🇶🇦' },
+    { value: 'RO', label: 'Romania', icon: '🇷🇴' },
+    { value: 'RU', label: 'Russia', icon: '🇷🇺' },
+    { value: 'RW', label: 'Rwanda', icon: '🇷🇼' },
+    { value: 'WS', label: 'Samoa', icon: '🇼🇸' },
+    { value: 'SM', label: 'San Marino', icon: '🇸🇲' },
+    { value: 'ST', label: 'Sao Tome and Principe', icon: '🇸🇹' },
+    { value: 'SA', label: 'Saudi Arabia', icon: '🇸🇦' },
+    { value: 'SN', label: 'Senegal', icon: '🇸🇳' },
+    { value: 'RS', label: 'Serbia', icon: '🇷🇸' },
+    { value: 'SC', label: 'Seychelles', icon: '🇸🇨' },
+    { value: 'SL', label: 'Sierra Leone', icon: '🇸🇱' },
+    { value: 'SG', label: 'Singapore', icon: '🇸🇬' },
+    { value: 'SK', label: 'Slovakia', icon: '🇸🇰' },
+    { value: 'SI', label: 'Slovenia', icon: '🇸🇮' },
+    { value: 'SB', label: 'Solomon Islands', icon: '🇸🇧' },
+    { value: 'SO', label: 'Somalia', icon: '🇸🇴' },
+    { value: 'ZA', label: 'South Africa', icon: '🇿🇦' },
+    { value: 'ES', label: 'Spain', icon: '🇪🇸' },
+    { value: 'LK', label: 'Sri Lanka', icon: '🇱🇰' },
+    { value: 'SD', label: 'Sudan', icon: '🇸🇩' },
+    { value: 'SR', label: 'Suriname', icon: '🇸🇷' },
+    { value: 'SE', label: 'Sweden', icon: '🇸🇪' },
+    { value: 'CH', label: 'Switzerland', icon: '🇨🇭' },
+    { value: 'SY', label: 'Syria', icon: '🇸🇾' },
+    { value: 'TW', label: 'Taiwan', icon: '🇹🇼' },
+    { value: 'TJ', label: 'Tajikistan', icon: '🇹🇯' },
+    { value: 'TZ', label: 'Tanzania', icon: '🇹🇿' },
+    { value: 'TH', label: 'Thailand', icon: '🇹🇭' },
+    { value: 'TL', label: 'Timor-Leste', icon: '🇹🇱' },
+    { value: 'TG', label: 'Togo', icon: '🇹🇬' },
+    { value: 'TO', label: 'Tonga', icon: '🇹🇴' },
+    { value: 'TT', label: 'Trinidad and Tobago', icon: '🇹🇹' },
+    { value: 'TN', label: 'Tunisia', icon: '🇹🇳' },
+    { value: 'TR', label: 'Turkey', icon: '🇹🇷' },
+    { value: 'TM', label: 'Turkmenistan', icon: '🇹🇲' },
+    { value: 'TV', label: 'Tuvalu', icon: '🇹🇻' },
+    { value: 'UG', label: 'Uganda', icon: '🇺🇬' },
+    { value: 'UA', label: 'Ukraine', icon: '🇺🇦' },
+    { value: 'AE', label: 'United Arab Emirates', icon: '🇦🇪' },
+    { value: 'GB', label: 'United Kingdom', icon: '🇬🇧' },
+    { value: 'US', label: 'United States', icon: '🇺🇸' },
+    { value: 'UY', label: 'Uruguay', icon: '🇺🇾' },
+    { value: 'UZ', label: 'Uzbekistan', icon: '🇺🇿' },
+    { value: 'VU', label: 'Vanuatu', icon: '🇻🇺' },
+    { value: 'VA', label: 'Vatican City', icon: '🇻🇦' },
+    { value: 'VE', label: 'Venezuela', icon: '🇻🇪' },
+    { value: 'VN', label: 'Vietnam', icon: '🇻🇳' },
+    { value: 'YE', label: 'Yemen', icon: '🇾🇪' },
+    { value: 'ZM', label: 'Zambia', icon: '🇿🇲' },
+    { value: 'ZW', label: 'Zimbabwe', icon: '🇿🇼' },
+    { value: 'OTHER', label: 'Other', icon: '🌍' },
 ];
 export const CountrySelection = ({ element, value, onValueChange, error, }) => {
-    const countries = element.options || defaultCountries;
+    // Use the massive list if the backend didn't supply specific options
+    const countries = element.options && element.options.length > 0 ? element.options : ALL_COUNTRIES;
+    const [searchQuery, setSearchQuery] = useState('');
+    // Filter countries based on user input
+    const filteredCountries = useMemo(() => {
+        if (!searchQuery.trim())
+            return countries;
+        return countries.filter(country => country.label.toLowerCase().includes(searchQuery.toLowerCase()));
+    }, [countries, searchQuery]);
+    // Extract the render logic into a separate function for FlatList performance
+    const renderCountry = ({ item: country }) => (<TouchableOpacity style={[
+            styles.option,
+            value === country.value && styles.selectedOption
+        ]} onPress={() => onValueChange(country.value)} activeOpacity={0.7}>
+      <Text style={styles.optionIcon}>{country.icon}</Text>
+      <View style={styles.optionContent}>
+        <Text style={[
+            styles.optionLabel,
+            value === country.value && styles.selectedOptionLabel
+        ]}>
+          {country.label}
+        </Text>
+        {country.description && (<Text style={styles.optionDescription}>{country.description}</Text>)}
+      </View>
+      {value === country.value && (<View style={styles.checkmark}>
+          <Text style={styles.checkmarkText}>✓</Text>
+        </View>)}
+    </TouchableOpacity>);
     return (<View style={styles.container}>
-      <Text style={styles.title}>{element.title}</Text>
-      <Text style={styles.description}>{element.description}</Text>
-      
-      <ScrollView style={styles.optionsContainer} showsVerticalScrollIndicator={false}>
-        {countries.map((country) => (<TouchableOpacity key={country.value} style={[
-                styles.option,
-                value === country.value && styles.selectedOption
-            ]} onPress={() => onValueChange(country.value)}>
-            <Text style={styles.optionIcon}>{country.icon}</Text>
-            <View style={styles.optionContent}>
-              <Text style={[
-                styles.optionLabel,
-                value === country.value && styles.selectedOptionLabel
-            ]}>
-                {country.label}
-              </Text>
-              {country.description && (<Text style={styles.optionDescription}>{country.description}</Text>)}
-            </View>
-            {value === country.value && (<View style={styles.checkmark}>
-                <Text style={styles.checkmarkText}>✓</Text>
-              </View>)}
-          </TouchableOpacity>))}
-      </ScrollView>
+      <View style={styles.headerContainer}>
+        <Text style={styles.title}>{element.title}</Text>
+        <Text style={styles.description}>{element.description}</Text>
+        
+        {/* Search Bar for better UX */}
+        <TextInput style={styles.searchInput} placeholder="Rechercher un pays..." placeholderTextColor="#999" value={searchQuery} onChangeText={setSearchQuery} clearButtonMode="while-editing" // Adds a clear 'x' on iOS
+    />
+      </View>
+
+      <FlatList data={filteredCountries} keyExtractor={(item) => item.value} renderItem={renderCountry} showsVerticalScrollIndicator={false} contentContainerStyle={styles.listContent} keyboardShouldPersistTaps="handled" initialNumToRender={15} maxToRenderPerBatch={20} windowSize={5} removeClippedSubviews={true} ListEmptyComponent={<Text style={styles.emptyText}>Aucun pays trouvé</Text>}/>
 
       {error && (<Text style={styles.errorText}>{error}</Text>)}
     </View>);
@@ -46,7 +240,12 @@ export const CountrySelection = ({ element, value, onValueChange, error, }) => {
 const styles = StyleSheet.create({
     container: {
         flex: 1,
-        padding: 16,
+        backgroundColor: '#fff',
+    },
+    headerContainer: {
+        paddingHorizontal: 16,
+        paddingTop: 16,
+        paddingBottom: 8,
     },
     title: {
         fontSize: 24,
@@ -59,11 +258,28 @@ const styles = StyleSheet.create({
         fontSize: 16,
         color: '#666',
         textAlign: 'center',
-        marginBottom: 24,
+        marginBottom: 16,
         lineHeight: 22,
     },
-    optionsContainer: {
-        flex: 1,
+    searchInput: {
+        backgroundColor: '#f5f5f5',
+        borderRadius: 10,
+        padding: 12,
+        fontSize: 16,
+        color: '#333',
+        borderWidth: 1,
+        borderColor: '#e5e5e5',
+        marginBottom: 8,
+    },
+    listContent: {
+        paddingHorizontal: 16,
+        paddingBottom: 24,
+    },
+    emptyText: {
+        textAlign: 'center',
+        color: '#999',
+        marginTop: 20,
+        fontSize: 16,
     },
     option: {
         flexDirection: 'row',
@@ -75,13 +291,10 @@ const styles = StyleSheet.create({
         borderWidth: 2,
         borderColor: '#e5e5e5',
         shadowColor: '#000',
-        shadowOffset: {
-            width: 0,
-            height: 2,
-        },
-        shadowOpacity: 0.1,
+        shadowOffset: { width: 0, height: 2 },
+        shadowOpacity: 0.05,
         shadowRadius: 3.84,
-        elevation: 5,
+        elevation: 3,
     },
     selectedOption: {
         borderColor: '#4CAF50',
@@ -123,24 +336,7 @@ const styles = StyleSheet.create({
     errorText: {
         color: '#dc2626',
         fontSize: 14,
-        marginTop: 8,
-    },
-    buttonContainer: {
-        flexDirection: 'row',
-        justifyContent: 'space-between',
-        marginTop: 24,
-        gap: 10,
-    },
-    button: {
-        flex: 1,
-        padding: 12,
-        backgroundColor: '#4CAF50',
-        textAlign: 'center',
-    },
-    buttonText: {
-        color: 'white',
-        fontSize: 16,
-        fontWeight: 'bold',
+        margin: 16,
         textAlign: 'center',
     },
 });

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 from 'react';\nimport { View, Text, TouchableOpacity, StyleSheet, ScrollView } from 'react-native';\nimport { KYCElement, KYCElementOption } from '../../types/KYC.types';\n\ninterface CountrySelectionProps {\n  element: KYCElement;\n  value?: string;\n  onValueChange: (value: string) => void;\n  error?: string;\n}\n\nconst defaultCountries: KYCElementOption[] = [\n  { value: 'FR', label: 'France', icon: '🇫🇷' },\n  { value: 'BE', label: 'Belgique', icon: '🇧🇪' },\n  { value: 'LU', label: 'Luxembourg', icon: '🇱🇺' },\n  { value: 'DE', label: 'Allemagne', icon: '🇩🇪' },\n  { value: 'IT', label: 'Italie', icon: '🇮🇹' },\n  { value: 'ES', label: 'Espagne', icon: '🇪🇸' },\n  { value: 'PT', label: 'Portugal', icon: '🇵🇹' },\n  { value: 'AT', label: 'Autriche', icon: '🇦🇹' },\n  { value: 'CH', label: 'Suisse', icon: '🇨🇭' },\n  { value: 'NL', label: 'Pays-Bas', icon: '🇳🇱' },\n  { value: 'OTHER', label: 'Autre', icon: '🌍' },\n];\n\nexport const CountrySelection: React.FC<CountrySelectionProps> = ({\n  element,\n  value,\n  onValueChange,\n  error,\n}) => {\n  const countries = element.options || defaultCountries;\n\n  return (\n    <View style={styles.container}>\n      <Text style={styles.title}>{element.title}</Text>\n      <Text style={styles.description}>{element.description}</Text>\n      \n      <ScrollView style={styles.optionsContainer} showsVerticalScrollIndicator={false}>\n        {countries.map((country) => (\n          <TouchableOpacity\n            key={country.value}\n            style={[\n              styles.option,\n              value === country.value && styles.selectedOption\n            ]}\n            onPress={() => onValueChange(country.value)}\n          >\n            <Text style={styles.optionIcon}>{country.icon}</Text>\n            <View style={styles.optionContent}>\n              <Text style={[\n                styles.optionLabel,\n                value === country.value && styles.selectedOptionLabel\n              ]}>\n                {country.label}\n              </Text>\n              {country.description && (\n                <Text style={styles.optionDescription}>{country.description}</Text>\n              )}\n            </View>\n            {value === country.value && (\n              <View style={styles.checkmark}>\n                <Text style={styles.checkmarkText}>✓</Text>\n              </View>\n            )}\n          </TouchableOpacity>\n        ))}\n      </ScrollView>\n\n      {error && (\n        <Text style={styles.errorText}>{error}</Text>\n      )}\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    flex: 1,\n    padding: 16,\n  },\n  title: {\n    fontSize: 24,\n    fontWeight: 'bold',\n    color: '#333',\n    marginBottom: 8,\n    textAlign: 'center',\n  },\n  description: {\n    fontSize: 16,\n    color: '#666',\n    textAlign: 'center',\n    marginBottom: 24,\n    lineHeight: 22,\n  },\n  optionsContainer: {\n    flex: 1,\n  },\n  option: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    padding: 16,\n    backgroundColor: 'white',\n    borderRadius: 12,\n    marginBottom: 12,\n    borderWidth: 2,\n    borderColor: '#e5e5e5',\n    shadowColor: '#000',\n    shadowOffset: {\n      width: 0,\n      height: 2,\n    },\n    shadowOpacity: 0.1,\n    shadowRadius: 3.84,\n    elevation: 5,\n  },\n  selectedOption: {\n    borderColor: '#4CAF50',\n    backgroundColor: '#f0f9f0',\n  },\n  optionIcon: {\n    fontSize: 32,\n    marginRight: 16,\n  },\n  optionContent: {\n    flex: 1,\n  },\n  optionLabel: {\n    fontSize: 18,\n    fontWeight: '600',\n    color: '#333',\n  },\n  selectedOptionLabel: {\n    color: '#4CAF50',\n  },\n  optionDescription: {\n    fontSize: 14,\n    color: '#666',\n    marginTop: 4,\n  },\n  checkmark: {\n    width: 24,\n    height: 24,\n    borderRadius: 12,\n    backgroundColor: '#4CAF50',\n    justifyContent: 'center',\n    alignItems: 'center',\n  },\n  checkmarkText: {\n    color: 'white',\n    fontSize: 16,\n    fontWeight: 'bold',\n  },\n  errorText: {\n    color: '#dc2626',\n    fontSize: 14,\n    marginTop: 8,},\n  buttonContainer: {\n    flexDirection: 'row',\n    justifyContent: 'space-between',\n    marginTop: 24,\n    gap: 10,\n  },\n  button: {\n    flex: 1,\n    padding: 12,\n    backgroundColor: '#4CAF50',\n    textAlign: 'center',\n  },\n  buttonText: {\n    color: 'white',\n    fontSize: 16,\n    fontWeight: 'bold',\n    textAlign: 'center',\n  },\n\n}); "]}
+{"version":3,"file":"CountrySelection.js","sourceRoot":"","sources":["../../../../src/components/KYCElements/CountrySelection.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useState, useMemo } from 'react';\nimport { \n  View, \n  Text, \n  TouchableOpacity, \n  StyleSheet, \n  FlatList, \n  TextInput \n} from 'react-native';\nimport { KYCElement, KYCElementOption } from '../../types/KYC.types';\n\ninterface CountrySelectionProps {\n  element: KYCElement;\n  value?: string;\n  onValueChange: (value: string) => void;\n  error?: string;\n}\n\n// 🌍 Comprehensive Global Country List\nconst ALL_COUNTRIES: KYCElementOption[] = [\n  { value: 'AF', label: 'Afghanistan', icon: '🇦🇫' },\n  { value: 'AL', label: 'Albania', icon: '🇦🇱' },\n  { value: 'DZ', label: 'Algeria', icon: '🇩🇿' },\n  { value: 'AD', label: 'Andorra', icon: '🇦🇩' },\n  { value: 'AO', label: 'Angola', icon: '🇦🇴' },\n  { value: 'AR', label: 'Argentina', icon: '🇦🇷' },\n  { value: 'AM', label: 'Armenia', icon: '🇦🇲' },\n  { value: 'AU', label: 'Australia', icon: '🇦🇺' },\n  { value: 'AT', label: 'Austria', icon: '🇦🇹' },\n  { value: 'AZ', label: 'Azerbaijan', icon: '🇦🇿' },\n  { value: 'BS', label: 'Bahamas', icon: '🇧🇸' },\n  { value: 'BH', label: 'Bahrain', icon: '🇧🇭' },\n  { value: 'BD', label: 'Bangladesh', icon: '🇧🇩' },\n  { value: 'BB', label: 'Barbados', icon: '🇧🇧' },\n  { value: 'BY', label: 'Belarus', icon: '🇧🇾' },\n  { value: 'BE', label: 'Belgium', icon: '🇧🇪' },\n  { value: 'BZ', label: 'Belize', icon: '🇧🇿' },\n  { value: 'BJ', label: 'Benin', icon: '🇧🇯' },\n  { value: 'BT', label: 'Bhutan', icon: '🇧🇹' },\n  { value: 'BO', label: 'Bolivia', icon: '🇧🇴' },\n  { value: 'BA', label: 'Bosnia and Herzegovina', icon: '🇧🇦' },\n  { value: 'BW', label: 'Botswana', icon: '🇧🇼' },\n  { value: 'BR', label: 'Brazil', icon: '🇧🇷' },\n  { value: 'BN', label: 'Brunei', icon: '🇧🇳' },\n  { value: 'BG', label: 'Bulgaria', icon: '🇧🇬' },\n  { value: 'BF', label: 'Burkina Faso', icon: '🇧🇫' },\n  { value: 'BI', label: 'Burundi', icon: '🇧🇮' },\n  { value: 'CV', label: 'Cabo Verde', icon: '🇨🇻' },\n  { value: 'KH', label: 'Cambodia', icon: '🇰🇭' },\n  { value: 'CM', label: 'Cameroon', icon: '🇨🇲' },\n  { value: 'CA', label: 'Canada', icon: '🇨🇦' },\n  { value: 'CF', label: 'Central African Republic', icon: '🇨🇫' },\n  { value: 'TD', label: 'Chad', icon: '🇹🇩' },\n  { value: 'CL', label: 'Chile', icon: '🇨🇱' },\n  { value: 'CN', label: 'China', icon: '🇨🇳' },\n  { value: 'CO', label: 'Colombia', icon: '🇨🇴' },\n  { value: 'KM', label: 'Comoros', icon: '🇰🇲' },\n  { value: 'CG', label: 'Congo', icon: '🇨🇬' },\n  { value: 'CD', label: 'Congo (DRC)', icon: '🇨🇩' },\n  { value: 'CR', label: 'Costa Rica', icon: '🇨🇷' },\n  { value: 'HR', label: 'Croatia', icon: '🇭🇷' },\n  { value: 'CU', label: 'Cuba', icon: '🇨🇺' },\n  { value: 'CY', label: 'Croatia', icon: '🇨🇾' },\n  { value: 'CZ', label: 'Czechia', icon: '🇨🇿' },\n  { value: 'DK', label: 'Denmark', icon: '🇩🇰' },\n  { value: 'DJ', label: 'Djibouti', icon: '🇩🇯' },\n  { value: 'DM', label: 'Dominica', icon: '🇩🇲' },\n  { value: 'DO', label: 'Dominican Republic', icon: '🇩🇴' },\n  { value: 'EC', label: 'Ecuador', icon: '🇪🇨' },\n  { value: 'EG', label: 'Egypt', icon: '🇪🇬' },\n  { value: 'SV', label: 'El Salvador', icon: '🇸🇻' },\n  { value: 'GQ', label: 'Equatorial Guinea', icon: '🇬🇶' },\n  { value: 'ER', label: 'Eritrea', icon: '🇪🇷' },\n  { value: 'EE', label: 'Estonia', icon: '🇪🇪' },\n  { value: 'SZ', label: 'Eswatini', icon: '🇸🇿' },\n  { value: 'ET', label: 'Ethiopia', icon: '🇪🇹' },\n  { value: 'FJ', label: 'Fiji', icon: '🇫🇯' },\n  { value: 'FI', label: 'Finland', icon: '🇫🇮' },\n  { value: 'FR', label: 'France', icon: '🇫🇷' },\n  { value: 'GA', label: 'Gabon', icon: '🇬🇦' },\n  { value: 'GM', label: 'Gambia', icon: '🇬🇲' },\n  { value: 'GE', label: 'Georgia', icon: '🇬🇪' },\n  { value: 'DE', label: 'Germany', icon: '🇩🇪' },\n  { value: 'GH', label: 'Ghana', icon: '🇬🇭' },\n  { value: 'GR', label: 'Greece', icon: '🇬🇷' },\n  { value: 'GD', label: 'Grenada', icon: '🇬🇩' },\n  { value: 'GT', label: 'Guatemala', icon: '🇬🇹' },\n  { value: 'GN', label: 'Guinea', icon: '🇬🇳' },\n  { value: 'GW', label: 'Guinea-Bissau', icon: '🇬🇼' },\n  { value: 'GY', label: 'Guyana', icon: '🇬🇾' },\n  { value: 'HT', label: 'Haiti', icon: '🇭🇹' },\n  { value: 'HN', label: 'Honduras', icon: '🇭🇳' },\n  { value: 'HU', label: 'Hungary', icon: '🇭🇺' },\n  { value: 'IS', label: 'Iceland', icon: '🇮🇸' },\n  { value: 'IN', label: 'India', icon: '🇮🇳' },\n  { value: 'ID', label: 'Indonesia', icon: '🇮🇩' },\n  { value: 'IR', label: 'Iran', icon: '🇮🇷' },\n  { value: 'IQ', label: 'Iraq', icon: '🇮🇶' },\n  { value: 'IE', label: 'Ireland', icon: '🇮🇪' },\n  { value: 'IL', label: 'Ireland', icon: '🇮🇪' },\n  { value: 'IT', label: 'Italy', icon: '🇮🇹' },\n  { value: 'JM', label: 'Jamaica', icon: '🇯🇲' },\n  { value: 'JP', label: 'Japan', icon: '🇯🇵' },\n  { value: 'JO', label: 'Jordan', icon: '🇯🇴' },\n  { value: 'KZ', label: 'Kazakhstan', icon: '🇰🇿' },\n  { value: 'KE', label: 'Kenya', icon: '🇰🇪' },\n  { value: 'KI', label: 'Kiribati', icon: '🇰🇮' },\n  { value: 'KP', label: 'Korea (North)', icon: '🇰🇵' },\n  { value: 'KR', label: 'Korea (South)', icon: '🇰🇷' },\n  { value: 'KW', label: 'Kuwait', icon: '🇰🇼' },\n  { value: 'KG', label: 'Kyrgyzstan', icon: '🇰🇬' },\n  { value: 'LA', label: 'Laos', icon: '🇱🇦' },\n  { value: 'LV', label: 'Latvia', icon: '🇱🇻' },\n  { value: 'LB', label: 'Lebanon', icon: '🇱🇧' },\n  { value: 'LS', label: 'Lesotho', icon: '🇱🇸' },\n  { value: 'LR', label: 'Liberia', icon: '🇱🇷' },\n  { value: 'LY', label: 'Libya', icon: '🇱🇾' },\n  { value: 'LI', label: 'Liechtenstein', icon: '🇱🇮' },\n  { value: 'LT', label: 'Lithuania', icon: '🇱🇹' },\n  { value: 'LU', label: 'Luxembourg', icon: '🇱🇺' },\n  { value: 'MG', label: 'Madagascar', icon: '🇲🇬' },\n  { value: 'MW', label: 'Malawi', icon: '🇲🇼' },\n  { value: 'MY', label: 'Malaysia', icon: '🇲🇾' },\n  { value: 'MV', label: 'Maldives', icon: '🇲🇻' },\n  { value: 'ML', label: 'Mali', icon: '🇲🇱' },\n  { value: 'MT', label: 'Malta', icon: '🇲🇹' },\n  { value: 'MH', label: 'Marshall Islands', icon: '🇲🇭' },\n  { value: 'MR', label: 'Mauritania', icon: '🇲🇷' },\n  { value: 'MU', label: 'Mauritius', icon: '🇲🇺' },\n  { value: 'MX', label: 'Mexico', icon: '🇲🇽' },\n  { value: 'FM', label: 'Micronesia', icon: '🇫🇲' },\n  { value: 'MD', label: 'Moldova', icon: '🇲🇩' },\n  { value: 'MC', label: 'Monaco', icon: '🇲🇨' },\n  { value: 'MN', label: 'Mongolia', icon: '🇲🇳' },\n  { value: 'ME', label: 'Montenegro', icon: '🇲🇪' },\n  { value: 'MA', label: 'Morocco', icon: '🇲🇦' },\n  { value: 'MZ', label: 'Mozambique', icon: '🇲🇿' },\n  { value: 'MM', label: 'Myanmar', icon: '🇲🇲' },\n  { value: 'NA', label: 'Namibia', icon: '🇳🇦' },\n  { value: 'NR', label: 'Nauru', icon: '🇳🇷' },\n  { value: 'NP', label: 'Nepal', icon: '🇳🇵' },\n  { value: 'NL', label: 'Netherlands', icon: '🇳🇱' },\n  { value: 'NZ', label: 'New Zealand', icon: '🇳🇿' },\n  { value: 'NI', label: 'Nicaragua', icon: '🇳🇮' },\n  { value: 'NE', label: 'Niger', icon: '🇳🇪' },\n  { value: 'NG', label: 'Nigeria', icon: '🇳🇬' },\n  { value: 'MK', label: 'North Macedonia', icon: '🇲🇰' },\n  { value: 'NO', label: 'Norway', icon: '🇳🇴' },\n  { value: 'OM', label: 'Oman', icon: '🇴🇲' },\n  { value: 'PK', label: 'Pakistan', icon: '🇵🇰' },\n  { value: 'PW', label: 'Palau', icon: '🇵🇼' },\n  { value: 'PA', label: 'Panama', icon: '🇵🇦' },\n  { value: 'PG', label: 'Papua New Guinea', icon: '🇵🇬' },\n  { value: 'PY', label: 'Paraguay', icon: '🇵🇾' },\n  { value: 'PE', label: 'Peru', icon: '🇵🇪' },\n  { value: 'PH', label: 'Philippines', icon: '🇵🇭' },\n  { value: 'PL', label: 'Poland', icon: '🇵🇱' },\n  { value: 'PT', label: 'Portugal', icon: '🇵🇹' },\n  { value: 'QA', label: 'Qatar', icon: '🇶🇦' },\n  { value: 'RO', label: 'Romania', icon: '🇷🇴' },\n  { value: 'RU', label: 'Russia', icon: '🇷🇺' },\n  { value: 'RW', label: 'Rwanda', icon: '🇷🇼' },\n  { value: 'WS', label: 'Samoa', icon: '🇼🇸' },\n  { value: 'SM', label: 'San Marino', icon: '🇸🇲' },\n  { value: 'ST', label: 'Sao Tome and Principe', icon: '🇸🇹' },\n  { value: 'SA', label: 'Saudi Arabia', icon: '🇸🇦' },\n  { value: 'SN', label: 'Senegal', icon: '🇸🇳' },\n  { value: 'RS', label: 'Serbia', icon: '🇷🇸' },\n  { value: 'SC', label: 'Seychelles', icon: '🇸🇨' },\n  { value: 'SL', label: 'Sierra Leone', icon: '🇸🇱' },\n  { value: 'SG', label: 'Singapore', icon: '🇸🇬' },\n  { value: 'SK', label: 'Slovakia', icon: '🇸🇰' },\n  { value: 'SI', label: 'Slovenia', icon: '🇸🇮' },\n  { value: 'SB', label: 'Solomon Islands', icon: '🇸🇧' },\n  { value: 'SO', label: 'Somalia', icon: '🇸🇴' },\n  { value: 'ZA', label: 'South Africa', icon: '🇿🇦' },\n  { value: 'ES', label: 'Spain', icon: '🇪🇸' },\n  { value: 'LK', label: 'Sri Lanka', icon: '🇱🇰' },\n  { value: 'SD', label: 'Sudan', icon: '🇸🇩' },\n  { value: 'SR', label: 'Suriname', icon: '🇸🇷' },\n  { value: 'SE', label: 'Sweden', icon: '🇸🇪' },\n  { value: 'CH', label: 'Switzerland', icon: '🇨🇭' },\n  { value: 'SY', label: 'Syria', icon: '🇸🇾' },\n  { value: 'TW', label: 'Taiwan', icon: '🇹🇼' },\n  { value: 'TJ', label: 'Tajikistan', icon: '🇹🇯' },\n  { value: 'TZ', label: 'Tanzania', icon: '🇹🇿' },\n  { value: 'TH', label: 'Thailand', icon: '🇹🇭' },\n  { value: 'TL', label: 'Timor-Leste', icon: '🇹🇱' },\n  { value: 'TG', label: 'Togo', icon: '🇹🇬' },\n  { value: 'TO', label: 'Tonga', icon: '🇹🇴' },\n  { value: 'TT', label: 'Trinidad and Tobago', icon: '🇹🇹' },\n  { value: 'TN', label: 'Tunisia', icon: '🇹🇳' },\n  { value: 'TR', label: 'Turkey', icon: '🇹🇷' },\n  { value: 'TM', label: 'Turkmenistan', icon: '🇹🇲' },\n  { value: 'TV', label: 'Tuvalu', icon: '🇹🇻' },\n  { value: 'UG', label: 'Uganda', icon: '🇺🇬' },\n  { value: 'UA', label: 'Ukraine', icon: '🇺🇦' },\n  { value: 'AE', label: 'United Arab Emirates', icon: '🇦🇪' },\n  { value: 'GB', label: 'United Kingdom', icon: '🇬🇧' },\n  { value: 'US', label: 'United States', icon: '🇺🇸' },\n  { value: 'UY', label: 'Uruguay', icon: '🇺🇾' },\n  { value: 'UZ', label: 'Uzbekistan', icon: '🇺🇿' },\n  { value: 'VU', label: 'Vanuatu', icon: '🇻🇺' },\n  { value: 'VA', label: 'Vatican City', icon: '🇻🇦' },\n  { value: 'VE', label: 'Venezuela', icon: '🇻🇪' },\n  { value: 'VN', label: 'Vietnam', icon: '🇻🇳' },\n  { value: 'YE', label: 'Yemen', icon: '🇾🇪' },\n  { value: 'ZM', label: 'Zambia', icon: '🇿🇲' },\n  { value: 'ZW', label: 'Zimbabwe', icon: '🇿🇼' },\n  { value: 'OTHER', label: 'Other', icon: '🌍' },\n];\n\nexport const CountrySelection: React.FC<CountrySelectionProps> = ({\n  element,\n  value,\n  onValueChange,\n  error,\n}) => {\n  // Use the massive list if the backend didn't supply specific options\n  const countries = element.options && element.options.length > 0 ? element.options : ALL_COUNTRIES;\n  const [searchQuery, setSearchQuery] = useState('');\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    <TouchableOpacity\n      style={[\n        styles.option,\n        value === country.value && styles.selectedOption\n      ]}\n      onPress={() => onValueChange(country.value)}\n      activeOpacity={0.7}\n    >\n      <Text style={styles.optionIcon}>{country.icon}</Text>\n      <View style={styles.optionContent}>\n        <Text style={[\n          styles.optionLabel,\n          value === country.value && styles.selectedOptionLabel\n        ]}>\n          {country.label}\n        </Text>\n        {country.description && (\n          <Text style={styles.optionDescription}>{country.description}</Text>\n        )}\n      </View>\n      {value === country.value && (\n        <View style={styles.checkmark}>\n          <Text style={styles.checkmarkText}>✓</Text>\n        </View>\n      )}\n    </TouchableOpacity>\n  );\n\n  return (\n    <View style={styles.container}>\n      <View style={styles.headerContainer}>\n        <Text style={styles.title}>{element.title}</Text>\n        <Text style={styles.description}>{element.description}</Text>\n        \n        {/* Search Bar for better UX */}\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      </View>\n\n      <FlatList\n        data={filteredCountries}\n        keyExtractor={(item) => item.value}\n        renderItem={renderCountry}\n        showsVerticalScrollIndicator={false}\n        contentContainerStyle={styles.listContent}\n        keyboardShouldPersistTaps=\"handled\"\n        initialNumToRender={15}\n        maxToRenderPerBatch={20}\n        windowSize={5}\n        removeClippedSubviews={true}\n        ListEmptyComponent={\n          <Text style={styles.emptyText}>Aucun pays trouvé</Text>\n        }\n      />\n\n      {error && (\n        <Text style={styles.errorText}>{error}</Text>\n      )}\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    flex: 1,\n    backgroundColor: '#fff', \n  },\n  headerContainer: {\n    paddingHorizontal: 16,\n    paddingTop: 16,\n    paddingBottom: 8,\n  },\n  title: {\n    fontSize: 24,\n    fontWeight: 'bold',\n    color: '#333',\n    marginBottom: 8,\n    textAlign: 'center',\n  },\n  description: {\n    fontSize: 16,\n    color: '#666',\n    textAlign: 'center',\n    marginBottom: 16,\n    lineHeight: 22,\n  },\n  searchInput: {\n    backgroundColor: '#f5f5f5',\n    borderRadius: 10,\n    padding: 12,\n    fontSize: 16,\n    color: '#333',\n    borderWidth: 1,\n    borderColor: '#e5e5e5',\n    marginBottom: 8,\n  },\n  listContent: {\n    paddingHorizontal: 16,\n    paddingBottom: 24, \n  },\n  emptyText: {\n    textAlign: 'center',\n    color: '#999',\n    marginTop: 20,\n    fontSize: 16,\n  },\n  option: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    padding: 16,\n    backgroundColor: 'white',\n    borderRadius: 12,\n    marginBottom: 12,\n    borderWidth: 2,\n    borderColor: '#e5e5e5',\n    shadowColor: '#000',\n    shadowOffset: { width: 0, height: 2 },\n    shadowOpacity: 0.05, \n    shadowRadius: 3.84,\n    elevation: 3,\n  },\n  selectedOption: {\n    borderColor: '#4CAF50',\n    backgroundColor: '#f0f9f0',\n  },\n  optionIcon: {\n    fontSize: 32,\n    marginRight: 16,\n  },\n  optionContent: {\n    flex: 1,\n  },\n  optionLabel: {\n    fontSize: 18,\n    fontWeight: '600',\n    color: '#333',\n  },\n  selectedOptionLabel: {\n    color: '#4CAF50',\n  },\n  optionDescription: {\n    fontSize: 14,\n    color: '#666',\n    marginTop: 4,\n  },\n  checkmark: {\n    width: 24,\n    height: 24,\n    borderRadius: 12,\n    backgroundColor: '#4CAF50',\n    justifyContent: 'center',\n    alignItems: 'center',\n  },\n  checkmarkText: {\n    color: 'white',\n    fontSize: 16,\n    fontWeight: 'bold',\n  },\n  errorText: {\n    color: '#dc2626',\n    fontSize: 14,\n    margin: 16,\n    textAlign: 'center',\n  },\n});"]}

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

@@ -1 +1 @@
-{"version":3,"file":"EmailVerificationTemplate.d.ts","sourceRoot":"","sources":["../../../../src/components/KYCElements/EmailVerificationTemplate.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAE3D,OAAO,EAAE,iBAAiB,EAAiB,MAAM,uBAAuB,CAAC;AAMzE,UAAU,8BAA8B;IACpC,SAAS,EAAE,iBAAiB,CAAC;IAC7B,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,aAAa,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AASD,eAAO,MAAM,yBAAyB,EAAE,KAAK,CAAC,EAAE,CAAC,8BAA8B,CAkP9E,CAAC"}
+{"version":3,"file":"EmailVerificationTemplate.d.ts","sourceRoot":"","sources":["../../../../src/components/KYCElements/EmailVerificationTemplate.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAE3D,OAAO,EAAE,iBAAiB,EAAiB,MAAM,uBAAuB,CAAC;AAMzE,UAAU,8BAA8B;IACpC,SAAS,EAAE,iBAAiB,CAAC;IAC7B,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,aAAa,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AASD,eAAO,MAAM,yBAAyB,EAAE,KAAK,CAAC,EAAE,CAAC,8BAA8B,CAwN9E,CAAC"}

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

@@ -18,8 +18,6 @@ export const EmailVerificationTemplate = ({ component, value, onValueChange, err
     const [otp, setOtp] = useState('');
     const [localError, setLocalError] = useState(null);
     const [isSimulating, setIsSimulating] = useState(false);
-    // 🚨 NEW: Track actual focus state for visual feedback
-    const [isInputFocused, setIsInputFocused] = useState(false);
     const inputRef = useRef(null);
     const title = getLocalizedText(component.labels);
     const instructions = getLocalizedText(component.instructions);
@@ -33,20 +31,6 @@ export const EmailVerificationTemplate = ({ component, value, onValueChange, err
             handleVerifyCode();
         }
     }, [otp]);
-    // --- AUTO FOCUS LOGIC ---
-    useEffect(() => {
-        let focusTimer;
-        // Only attempt focus when we are on the OTP step AND the loading state is completely finished
-        if (step === 'otp' && !isSimulating) {
-            focusTimer = setTimeout(() => {
-                inputRef.current?.focus();
-            }, 100);
-        }
-        return () => {
-            if (focusTimer)
-                clearTimeout(focusTimer);
-        };
-    }, [step, isSimulating]);
     const handleSendCode = async () => {
         const trimmed = email.trim();
         if (!trimmed || !isValidEmail(trimmed)) {
@@ -58,7 +42,8 @@ export const EmailVerificationTemplate = ({ component, value, onValueChange, err
         try {
             await kycService.sendEmailVerificationCode(trimmed, auth);
             setStep('otp');
-            // Note: Removed the buggy setTimeout from here. The useEffect handles it now!
+            // Auto-focus the OTP input shortly after switching steps
+            setTimeout(() => inputRef.current?.focus(), 100);
         }
         catch (err) {
             const msg = errorMessage(err) ?? err?.message ?? (t('errors.sendCodeFailed') || 'Failed to send verification code');
@@ -84,8 +69,8 @@ export const EmailVerificationTemplate = ({ component, value, onValueChange, err
         catch (err) {
             const msg = errorMessage(err) ?? err?.message ?? (t('errors.wrongCode') || 'Invalid verification code');
             setLocalError(typeof msg === 'string' ? msg : JSON.stringify(msg));
-            setOtp('');
-            inputRef.current?.focus(); // Refocus on error
+            setOtp(''); // Clear the boxes on error so they can type again
+            inputRef.current?.focus();
         }
         finally {
             setIsSimulating(false);
@@ -113,14 +98,12 @@ export const EmailVerificationTemplate = ({ component, value, onValueChange, err
         return (<Pressable style={styles.otpBoxesContainer} onPress={() => inputRef.current?.focus()}>
                 {boxes.map((_, index) => {
                 const digit = otp[index] || '';
+                const isCurrent = index === otp.length;
                 const isFilled = index < otp.length;
-                // 🚨 NEW: Only highlight if the input is ACTUALLY focused. 
-                const isActiveIndex = index === otp.length || (index === CODE_LENGTH - 1 && otp.length === CODE_LENGTH);
-                const isCurrent = isInputFocused && isActiveIndex;
                 return (<View key={index} style={[
                         styles.otpBox,
-                        isFilled && styles.otpBoxFilled,
-                        isCurrent && styles.otpBoxActive // Active overrides filled
+                        isCurrent && styles.otpBoxActive,
+                        isFilled && styles.otpBoxFilled
                     ]}>
                             <Text style={styles.otpBoxText}>{digit}</Text>
                         </View>);
@@ -142,10 +125,8 @@ export const EmailVerificationTemplate = ({ component, value, onValueChange, err
                         
                         <View style={styles.otpWrapper}>
                             {renderOtpBoxes()}
-                            
-                            <TextInput ref={inputRef} style={styles.hiddenInput} value={otp} onChangeText={onChangeOtp} keyboardType="number-pad" maxLength={CODE_LENGTH} editable={!isSimulating} textContentType="oneTimeCode" caretHidden={true} 
-        // 🚨 NEW: Track focus state
-        onFocus={() => setIsInputFocused(true)} onBlur={() => setIsInputFocused(false)}/>
+                            {/* Hidden TextInput overlaid to handle native keyboard & pasting seamlessly */}
+                            <TextInput ref={inputRef} style={styles.hiddenInput} value={otp} onChangeText={onChangeOtp} keyboardType="number-pad" maxLength={CODE_LENGTH} editable={!isSimulating} textContentType="oneTimeCode" caretHidden={true}/>
                         </View>
 
                         <TouchableOpacity onPress={handleBackToEmail} style={styles.changeEmailLink} disabled={isSimulating}>
@@ -166,8 +147,6 @@ export const EmailVerificationTemplate = ({ component, value, onValueChange, err
                 try {
                     await kycService.sendEmailVerificationCode(email.trim(), auth);
                     Alert.alert(t('common.codeResent') || 'Code Resent', t('common.codeResentMessage', { email }) || 'Code resent to ' + email);
-                    // Refocus after resending
-                    inputRef.current?.focus();
                 }
                 catch (err) {
                     const msg = errorMessage(err) ?? err?.message ?? (t('errors.sendCodeFailed') || 'Failed to send code');
@@ -243,7 +222,7 @@ const styles = StyleSheet.create({
     },
     otpBox: {
         width: '14%',
-        aspectRatio: 1, // keeps it perfectly square
+        aspectRatio: 1,
         borderWidth: 1,
         borderColor: '#e0e0e0',
         borderRadius: 12,
@@ -271,7 +250,7 @@ const styles = StyleSheet.create({
         left: 0,
         width: '100%',
         height: '100%',
-        opacity: 0, // completely invisible but handles native keyboard interactions perfectly
+        opacity: 0,
     },
     errorText: {
         color: '#dc2626',