@transfergratis/react-native-sdk 0.1.2

package/build/components/FileUpload.js

@@ -0,0 +1,216 @@
+import React, { useState } from 'react';
+import { View, Text, TouchableOpacity, Alert, StyleSheet, ScrollView } from 'react-native';
+import { useKYCStore } from '../stores/kycStore';
+import NativeCameraModule from '../modules/camera/NativeCameraModule';
+export const FileUpload = ({ allowedTypes = ['image/*', 'application/pdf'], maxFiles = 5, onFilesSelected }) => {
+    const [selectedFiles, setSelectedFiles] = useState([]);
+    const [isUploading, setIsUploading] = useState(false);
+    const { setProcessing } = useKYCStore();
+    const handleFileSelection = async () => {
+        try {
+            setIsUploading(true);
+            setProcessing(true);
+            const result = await NativeCameraModule.openFilePicker(allowedTypes);
+            if (result.success && result.uri && result.path) {
+                const fileName = result.path.split('/').pop() || 'Document';
+                const newFile = {
+                    uri: result.uri,
+                    path: result.path,
+                    name: fileName
+                };
+                if (selectedFiles.length >= maxFiles) {
+                    Alert.alert('Limite atteinte', `Vous ne pouvez sélectionner que ${maxFiles} fichiers maximum.`);
+                    return;
+                }
+                const updatedFiles = [...selectedFiles, newFile];
+                setSelectedFiles(updatedFiles);
+                if (onFilesSelected) {
+                    onFilesSelected(updatedFiles);
+                }
+            }
+            else if (result.error) {
+                Alert.alert('Erreur', result.error);
+            }
+        }
+        catch (error) {
+            Alert.alert('Erreur', 'Impossible de sélectionner le fichier');
+        }
+        finally {
+            setIsUploading(false);
+            setProcessing(false);
+        }
+    };
+    const removeFile = (index) => {
+        const updatedFiles = selectedFiles.filter((_, i) => i !== index);
+        setSelectedFiles(updatedFiles);
+        if (onFilesSelected) {
+            onFilesSelected(updatedFiles);
+        }
+    };
+    const getFileIcon = (fileName) => {
+        const extension = fileName.split('.').pop()?.toLowerCase();
+        switch (extension) {
+            case 'pdf':
+                return '📄';
+            case 'jpg':
+            case 'jpeg':
+            case 'png':
+            case 'gif':
+                return '🖼️';
+            case 'doc':
+            case 'docx':
+                return '📝';
+            default:
+                return '📎';
+        }
+    };
+    return (<View style={styles.container}>
+      <Text style={styles.title}>Sélection de documents</Text>
+      <Text style={styles.subtitle}>
+        Sélectionnez vos documents (max {maxFiles} fichiers)
+      </Text>
+
+      <TouchableOpacity style={[styles.uploadButton, isUploading && styles.uploadButtonDisabled]} onPress={handleFileSelection} disabled={isUploading}>
+        <Text style={styles.uploadButtonText}>
+          {isUploading ? 'Sélection en cours...' : '📁 Choisir un fichier'}
+        </Text>
+      </TouchableOpacity>
+
+      {selectedFiles.length > 0 && (<View style={styles.filesContainer}>
+          <Text style={styles.filesTitle}>Fichiers sélectionnés ({selectedFiles.length}/{maxFiles})</Text>
+          <ScrollView style={styles.filesList}>
+            {selectedFiles.map((file, index) => (<View key={index} style={styles.fileItem}>
+                <View style={styles.fileInfo}>
+                  <Text style={styles.fileIcon}>{getFileIcon(file.name)}</Text>
+                  <View style={styles.fileDetails}>
+                    <Text style={styles.fileName} numberOfLines={1}>
+                      {file.name}
+                    </Text>
+                    <Text style={styles.filePath} numberOfLines={1}>
+                      {file.path}
+                    </Text>
+                  </View>
+                </View>
+                <TouchableOpacity style={styles.removeButton} onPress={() => removeFile(index)}>
+                  <Text style={styles.removeButtonText}>❌</Text>
+                </TouchableOpacity>
+              </View>))}
+          </ScrollView>
+        </View>)}
+
+      {selectedFiles.length === 0 && (<View style={styles.emptyState}>
+          <Text style={styles.emptyStateText}>Aucun fichier sélectionné</Text>
+          <Text style={styles.emptyStateSubtext}>
+            Appuyez sur "Choisir un fichier" pour commencer
+          </Text>
+        </View>)}
+    </View>);
+};
+const styles = StyleSheet.create({
+    container: {
+        flex: 1,
+        padding: 20,
+        backgroundColor: '#f5f5f5',
+    },
+    title: {
+        fontSize: 24,
+        fontWeight: 'bold',
+        color: '#333',
+        marginBottom: 10,
+        textAlign: 'center',
+    },
+    subtitle: {
+        fontSize: 16,
+        color: '#666',
+        textAlign: 'center',
+        marginBottom: 30,
+    },
+    uploadButton: {
+        backgroundColor: '#4CAF50',
+        paddingVertical: 15,
+        paddingHorizontal: 30,
+        borderRadius: 10,
+        alignItems: 'center',
+        marginBottom: 20,
+    },
+    uploadButtonDisabled: {
+        backgroundColor: '#ccc',
+    },
+    uploadButtonText: {
+        color: 'white',
+        fontSize: 16,
+        fontWeight: '600',
+    },
+    filesContainer: {
+        flex: 1,
+    },
+    filesTitle: {
+        fontSize: 18,
+        fontWeight: '600',
+        color: '#333',
+        marginBottom: 15,
+    },
+    filesList: {
+        flex: 1,
+    },
+    fileItem: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        backgroundColor: 'white',
+        padding: 15,
+        borderRadius: 10,
+        marginBottom: 10,
+        shadowColor: '#000',
+        shadowOffset: {
+            width: 0,
+            height: 2,
+        },
+        shadowOpacity: 0.1,
+        shadowRadius: 3.84,
+        elevation: 5,
+    },
+    fileInfo: {
+        flex: 1,
+        flexDirection: 'row',
+        alignItems: 'center',
+    },
+    fileIcon: {
+        fontSize: 24,
+        marginRight: 15,
+    },
+    fileDetails: {
+        flex: 1,
+    },
+    fileName: {
+        fontSize: 16,
+        fontWeight: '500',
+        color: '#333',
+        marginBottom: 2,
+    },
+    filePath: {
+        fontSize: 12,
+        color: '#666',
+    },
+    removeButton: {
+        padding: 5,
+    },
+    removeButtonText: {
+        fontSize: 16,
+    },
+    emptyState: {
+        flex: 1,
+        justifyContent: 'center',
+        alignItems: 'center',
+    },
+    emptyStateText: {
+        fontSize: 18,
+        color: '#666',
+        marginBottom: 10,
+    },
+    emptyStateSubtext: {
+        fontSize: 14,
+        color: '#999',
+        textAlign: 'center',
+    },
+});
+//# sourceMappingURL=FileUpload.js.map

package/build/components/FileUpload.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileUpload.js","sourceRoot":"","sources":["../../src/components/FileUpload.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,gBAAgB,EAAE,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC3F,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,kBAAkB,MAAM,sCAAsC,CAAC;AAQtE,MAAM,CAAC,MAAM,UAAU,GAA8B,CAAC,EACpD,YAAY,GAAG,CAAC,SAAS,EAAE,iBAAiB,CAAC,EAC7C,QAAQ,GAAG,CAAC,EACZ,eAAe,EAChB,EAAE,EAAE;IACH,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAqD,EAAE,CAAC,CAAC;IAC3G,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACtD,MAAM,EAAE,aAAa,EAAE,GAAG,WAAW,EAAE,CAAC;IAExC,MAAM,mBAAmB,GAAG,KAAK,IAAI,EAAE;QACrC,IAAI,CAAC;YACH,cAAc,CAAC,IAAI,CAAC,CAAC;YACrB,aAAa,CAAC,IAAI,CAAC,CAAC;YAEpB,MAAM,MAAM,GAAG,MAAM,kBAAkB,CAAC,cAAc,CAAC,YAAY,CAAC,CAAC;YAErE,IAAI,MAAM,CAAC,OAAO,IAAI,MAAM,CAAC,GAAG,IAAI,MAAM,CAAC,IAAI,EAAE,CAAC;gBAChD,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,IAAI,UAAU,CAAC;gBAC5D,MAAM,OAAO,GAAG;oBACd,GAAG,EAAE,MAAM,CAAC,GAAG;oBACf,IAAI,EAAE,MAAM,CAAC,IAAI;oBACjB,IAAI,EAAE,QAAQ;iBACf,CAAC;gBAEF,IAAI,aAAa,CAAC,MAAM,IAAI,QAAQ,EAAE,CAAC;oBACrC,KAAK,CAAC,KAAK,CAAC,iBAAiB,EAAE,mCAAmC,QAAQ,oBAAoB,CAAC,CAAC;oBAChG,OAAO;gBACT,CAAC;gBAED,MAAM,YAAY,GAAG,CAAC,GAAG,aAAa,EAAE,OAAO,CAAC,CAAC;gBACjD,gBAAgB,CAAC,YAAY,CAAC,CAAC;gBAE/B,IAAI,eAAe,EAAE,CAAC;oBACpB,eAAe,CAAC,YAAY,CAAC,CAAC;gBAChC,CAAC;YACH,CAAC;iBAAM,IAAI,MAAM,CAAC,KAAK,EAAE,CAAC;gBACxB,KAAK,CAAC,KAAK,CAAC,QAAQ,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC;YACtC,CAAC;QACH,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,KAAK,CAAC,KAAK,CAAC,QAAQ,EAAE,uCAAuC,CAAC,CAAC;QACjE,CAAC;gBAAS,CAAC;YACT,cAAc,CAAC,KAAK,CAAC,CAAC;YACtB,aAAa,CAAC,KAAK,CAAC,CAAC;QACvB,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,CAAC,KAAa,EAAE,EAAE;QACnC,MAAM,YAAY,GAAG,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC;QACjE,gBAAgB,CAAC,YAAY,CAAC,CAAC;QAE/B,IAAI,eAAe,EAAE,CAAC;YACpB,eAAe,CAAC,YAAY,CAAC,CAAC;QAChC,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,CAAC,QAAgB,EAAE,EAAE;QACvC,MAAM,SAAS,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,WAAW,EAAE,CAAC;QAC3D,QAAQ,SAAS,EAAE,CAAC;YAClB,KAAK,KAAK;gBACR,OAAO,IAAI,CAAC;YACd,KAAK,KAAK,CAAC;YACX,KAAK,MAAM,CAAC;YACZ,KAAK,KAAK,CAAC;YACX,KAAK,KAAK;gBACR,OAAO,KAAK,CAAC;YACf,KAAK,KAAK,CAAC;YACX,KAAK,MAAM;gBACT,OAAO,IAAI,CAAC;YACd;gBACE,OAAO,IAAI,CAAC;QAChB,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAC5B;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,sBAAsB,EAAE,IAAI,CACvD;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAC3B;wCAAgC,CAAC,QAAQ,CAAE;MAC7C,EAAE,IAAI,CAEN;;MAAA,CAAC,gBAAgB,CACf,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,YAAY,EAAE,WAAW,IAAI,MAAM,CAAC,oBAAoB,CAAC,CAAC,CACzE,OAAO,CAAC,CAAC,mBAAmB,CAAC,CAC7B,QAAQ,CAAC,CAAC,WAAW,CAAC,CAEtB;QAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,gBAAgB,CAAC,CACnC;UAAA,CAAC,WAAW,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,uBAAuB,CAClE;QAAA,EAAE,IAAI,CACR;MAAA,EAAE,gBAAgB,CAElB;;MAAA,CAAC,aAAa,CAAC,MAAM,GAAG,CAAC,IAAI,CAC3B,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,CACjC;UAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,uBAAuB,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,IAAI,CAC/F;UAAA,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAClC;YAAA,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAClC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CACvC;gBAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAC3B;kBAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAC5D;kBAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CAC9B;oBAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAC7C;sBAAA,CAAC,IAAI,CAAC,IAAI,CACZ;oBAAA,EAAE,IAAI,CACN;oBAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAC7C;sBAAA,CAAC,IAAI,CAAC,IAAI,CACZ;oBAAA,EAAE,IAAI,CACR;kBAAA,EAAE,IAAI,CACR;gBAAA,EAAE,IAAI,CACN;gBAAA,CAAC,gBAAgB,CACf,KAAK,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAC3B,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAEjC;kBAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE,IAAI,CAC/C;gBAAA,EAAE,gBAAgB,CACpB;cAAA,EAAE,IAAI,CAAC,CACR,CAAC,CACJ;UAAA,EAAE,UAAU,CACd;QAAA,EAAE,IAAI,CAAC,CACR,CAED;;MAAA,CAAC,aAAa,CAAC,MAAM,KAAK,CAAC,IAAI,CAC7B,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAC7B;UAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC,yBAAyB,EAAE,IAAI,CACnE;UAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,iBAAiB,CAAC,CACpC;;UACF,EAAE,IAAI,CACR;QAAA,EAAE,IAAI,CAAC,CACR,CACH;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,IAAI,EAAE,CAAC;QACP,OAAO,EAAE,EAAE;QACX,eAAe,EAAE,SAAS;KAC3B;IACD,KAAK,EAAE;QACL,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,MAAM;QAClB,KAAK,EAAE,MAAM;QACb,YAAY,EAAE,EAAE;QAChB,SAAS,EAAE,QAAQ;KACpB;IACD,QAAQ,EAAE;QACR,QAAQ,EAAE,EAAE;QACZ,KAAK,EAAE,MAAM;QACb,SAAS,EAAE,QAAQ;QACnB,YAAY,EAAE,EAAE;KACjB;IACD,YAAY,EAAE;QACZ,eAAe,EAAE,SAAS;QAC1B,eAAe,EAAE,EAAE;QACnB,iBAAiB,EAAE,EAAE;QACrB,YAAY,EAAE,EAAE;QAChB,UAAU,EAAE,QAAQ;QACpB,YAAY,EAAE,EAAE;KACjB;IACD,oBAAoB,EAAE;QACpB,eAAe,EAAE,MAAM;KACxB;IACD,gBAAgB,EAAE;QAChB,KAAK,EAAE,OAAO;QACd,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,KAAK;KAClB;IACD,cAAc,EAAE;QACd,IAAI,EAAE,CAAC;KACR;IACD,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,KAAK;QACjB,KAAK,EAAE,MAAM;QACb,YAAY,EAAE,EAAE;KACjB;IACD,SAAS,EAAE;QACT,IAAI,EAAE,CAAC;KACR;IACD,QAAQ,EAAE;QACR,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;QACpB,eAAe,EAAE,OAAO;QACxB,OAAO,EAAE,EAAE;QACX,YAAY,EAAE,EAAE;QAChB,YAAY,EAAE,EAAE;QAChB,WAAW,EAAE,MAAM;QACnB,YAAY,EAAE;YACZ,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,CAAC;SACV;QACD,aAAa,EAAE,GAAG;QAClB,YAAY,EAAE,IAAI;QAClB,SAAS,EAAE,CAAC;KACb;IACD,QAAQ,EAAE;QACR,IAAI,EAAE,CAAC;QACP,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;KACrB;IACD,QAAQ,EAAE;QACR,QAAQ,EAAE,EAAE;QACZ,WAAW,EAAE,EAAE;KAChB;IACD,WAAW,EAAE;QACX,IAAI,EAAE,CAAC;KACR;IACD,QAAQ,EAAE;QACR,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,KAAK;QACjB,KAAK,EAAE,MAAM;QACb,YAAY,EAAE,CAAC;KAChB;IACD,QAAQ,EAAE;QACR,QAAQ,EAAE,EAAE;QACZ,KAAK,EAAE,MAAM;KACd;IACD,YAAY,EAAE;QACZ,OAAO,EAAE,CAAC;KACX;IACD,gBAAgB,EAAE;QAChB,QAAQ,EAAE,EAAE;KACb;IACD,UAAU,EAAE;QACV,IAAI,EAAE,CAAC;QACP,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;KACrB;IACD,cAAc,EAAE;QACd,QAAQ,EAAE,EAAE;QACZ,KAAK,EAAE,MAAM;QACb,YAAY,EAAE,EAAE;KACjB;IACD,iBAAiB,EAAE;QACjB,QAAQ,EAAE,EAAE;QACZ,KAAK,EAAE,MAAM;QACb,SAAS,EAAE,QAAQ;KACpB;CACF,CAAC,CAAC","sourcesContent":["import React, { useState } from 'react';\nimport { View, Text, TouchableOpacity, Alert, StyleSheet, ScrollView } from 'react-native';\nimport { useKYCStore } from '../stores/kycStore';\nimport NativeCameraModule from '../modules/camera/NativeCameraModule';\n\ninterface FileUploadProps {\n  allowedTypes?: string[];\n  maxFiles?: number;\n  onFilesSelected?: (files: Array<{ uri: string; path: string; name: string }>) => void;\n}\n\nexport const FileUpload: React.FC<FileUploadProps> = ({\n  allowedTypes = ['image/*', 'application/pdf'],\n  maxFiles = 5,\n  onFilesSelected\n}) => {\n  const [selectedFiles, setSelectedFiles] = useState<Array<{ uri: string; path: string; name: string }>>([]);\n  const [isUploading, setIsUploading] = useState(false);\n  const { setProcessing } = useKYCStore();\n\n  const handleFileSelection = async () => {\n    try {\n      setIsUploading(true);\n      setProcessing(true);\n\n      const result = await NativeCameraModule.openFilePicker(allowedTypes);\n      \n      if (result.success && result.uri && result.path) {\n        const fileName = result.path.split('/').pop() || 'Document';\n        const newFile = {\n          uri: result.uri,\n          path: result.path,\n          name: fileName\n        };\n\n        if (selectedFiles.length >= maxFiles) {\n          Alert.alert('Limite atteinte', `Vous ne pouvez sélectionner que ${maxFiles} fichiers maximum.`);\n          return;\n        }\n\n        const updatedFiles = [...selectedFiles, newFile];\n        setSelectedFiles(updatedFiles);\n        \n        if (onFilesSelected) {\n          onFilesSelected(updatedFiles);\n        }\n      } else if (result.error) {\n        Alert.alert('Erreur', result.error);\n      }\n    } catch (error) {\n      Alert.alert('Erreur', 'Impossible de sélectionner le fichier');\n    } finally {\n      setIsUploading(false);\n      setProcessing(false);\n    }\n  };\n\n  const removeFile = (index: number) => {\n    const updatedFiles = selectedFiles.filter((_, i) => i !== index);\n    setSelectedFiles(updatedFiles);\n    \n    if (onFilesSelected) {\n      onFilesSelected(updatedFiles);\n    }\n  };\n\n  const getFileIcon = (fileName: string) => {\n    const extension = fileName.split('.').pop()?.toLowerCase();\n    switch (extension) {\n      case 'pdf':\n        return '📄';\n      case 'jpg':\n      case 'jpeg':\n      case 'png':\n      case 'gif':\n        return '🖼️';\n      case 'doc':\n      case 'docx':\n        return '📝';\n      default:\n        return '📎';\n    }\n  };\n\n  return (\n    <View style={styles.container}>\n      <Text style={styles.title}>Sélection de documents</Text>\n      <Text style={styles.subtitle}>\n        Sélectionnez vos documents (max {maxFiles} fichiers)\n      </Text>\n\n      <TouchableOpacity\n        style={[styles.uploadButton, isUploading && styles.uploadButtonDisabled]}\n        onPress={handleFileSelection}\n        disabled={isUploading}\n      >\n        <Text style={styles.uploadButtonText}>\n          {isUploading ? 'Sélection en cours...' : '📁 Choisir un fichier'}\n        </Text>\n      </TouchableOpacity>\n\n      {selectedFiles.length > 0 && (\n        <View style={styles.filesContainer}>\n          <Text style={styles.filesTitle}>Fichiers sélectionnés ({selectedFiles.length}/{maxFiles})</Text>\n          <ScrollView style={styles.filesList}>\n            {selectedFiles.map((file, index) => (\n              <View key={index} style={styles.fileItem}>\n                <View style={styles.fileInfo}>\n                  <Text style={styles.fileIcon}>{getFileIcon(file.name)}</Text>\n                  <View style={styles.fileDetails}>\n                    <Text style={styles.fileName} numberOfLines={1}>\n                      {file.name}\n                    </Text>\n                    <Text style={styles.filePath} numberOfLines={1}>\n                      {file.path}\n                    </Text>\n                  </View>\n                </View>\n                <TouchableOpacity\n                  style={styles.removeButton}\n                  onPress={() => removeFile(index)}\n                >\n                  <Text style={styles.removeButtonText}>❌</Text>\n                </TouchableOpacity>\n              </View>\n            ))}\n          </ScrollView>\n        </View>\n      )}\n\n      {selectedFiles.length === 0 && (\n        <View style={styles.emptyState}>\n          <Text style={styles.emptyStateText}>Aucun fichier sélectionné</Text>\n          <Text style={styles.emptyStateSubtext}>\n            Appuyez sur \"Choisir un fichier\" pour commencer\n          </Text>\n        </View>\n      )}\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    flex: 1,\n    padding: 20,\n    backgroundColor: '#f5f5f5',\n  },\n  title: {\n    fontSize: 24,\n    fontWeight: 'bold',\n    color: '#333',\n    marginBottom: 10,\n    textAlign: 'center',\n  },\n  subtitle: {\n    fontSize: 16,\n    color: '#666',\n    textAlign: 'center',\n    marginBottom: 30,\n  },\n  uploadButton: {\n    backgroundColor: '#4CAF50',\n    paddingVertical: 15,\n    paddingHorizontal: 30,\n    borderRadius: 10,\n    alignItems: 'center',\n    marginBottom: 20,\n  },\n  uploadButtonDisabled: {\n    backgroundColor: '#ccc',\n  },\n  uploadButtonText: {\n    color: 'white',\n    fontSize: 16,\n    fontWeight: '600',\n  },\n  filesContainer: {\n    flex: 1,\n  },\n  filesTitle: {\n    fontSize: 18,\n    fontWeight: '600',\n    color: '#333',\n    marginBottom: 15,\n  },\n  filesList: {\n    flex: 1,\n  },\n  fileItem: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    backgroundColor: 'white',\n    padding: 15,\n    borderRadius: 10,\n    marginBottom: 10,\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  fileInfo: {\n    flex: 1,\n    flexDirection: 'row',\n    alignItems: 'center',\n  },\n  fileIcon: {\n    fontSize: 24,\n    marginRight: 15,\n  },\n  fileDetails: {\n    flex: 1,\n  },\n  fileName: {\n    fontSize: 16,\n    fontWeight: '500',\n    color: '#333',\n    marginBottom: 2,\n  },\n  filePath: {\n    fontSize: 12,\n    color: '#666',\n  },\n  removeButton: {\n    padding: 5,\n  },\n  removeButtonText: {\n    fontSize: 16,\n  },\n  emptyState: {\n    flex: 1,\n    justifyContent: 'center',\n    alignItems: 'center',\n  },\n  emptyStateText: {\n    fontSize: 18,\n    color: '#666',\n    marginBottom: 10,\n  },\n  emptyStateSubtext: {\n    fontSize: 14,\n    color: '#999',\n    textAlign: 'center',\n  },\n}); "]}

package/build/components/KYCElementRenderer.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { KYCElement } from '../types/KYC.types';
+interface KYCElementRendererProps {
+    element: KYCElement;
+    value?: any;
+    onValueChange: (value: any) => void;
+    error?: string;
+    onComplete?: () => void;
+    onRestart?: () => void;
+    onClose?: () => void;
+}
+export declare const KYCElementRenderer: React.FC<KYCElementRendererProps>;
+export {};
+//# sourceMappingURL=KYCElementRenderer.d.ts.map

package/build/components/KYCElementRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"KYCElementRenderer.d.ts","sourceRoot":"","sources":["../../src/components/KYCElementRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAShD,UAAU,uBAAuB;IAC/B,OAAO,EAAE,UAAU,CAAC;IACpB,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,aAAa,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAqFhE,CAAC"}

package/build/components/KYCElementRenderer.js

@@ -0,0 +1,31 @@
+import React from 'react';
+import { CountrySelection } from './KYCElements/CountrySelection';
+import { DocumentTypeSelection } from './KYCElements/DocumentTypeSelection';
+import { CameraCapture } from './KYCElements/CameraCapture';
+import { FileUpload } from './KYCElements/FileUpload';
+import { SelfieCapture } from './KYCElements/SelfieCapture';
+import { VerificationStep } from './KYCElements/VerificationStep';
+import { CompletionStep } from './KYCElements/CompletionStep';
+export const KYCElementRenderer = ({ element, value, onValueChange, error, onComplete, onRestart, onClose, }) => {
+    switch (element.type) {
+        case 'country_selection':
+            return (<CountrySelection element={element} value={value} onValueChange={onValueChange} error={error}/>);
+        case 'document_type_selection':
+            return (<DocumentTypeSelection element={element} value={value} onValueChange={onValueChange} error={error}/>);
+        case 'camera_capture':
+            return (<CameraCapture element={element} value={value} onValueChange={onValueChange} error={error}/>);
+        case 'file_upload':
+            return (<FileUpload element={element} value={value} onValueChange={onValueChange} error={error}/>);
+        case 'selfie_capture':
+            return (<SelfieCapture element={element} value={value} onValueChange={onValueChange} error={error}/>);
+        case 'verification':
+            return (<VerificationStep element={element} onComplete={onComplete || (() => { })} error={error}/>);
+        case 'completion':
+            return (<CompletionStep element={element} onRestart={onRestart || (() => { })} onClose={onClose || (() => { })}/>);
+        default:
+            return (<div>
+          <p>Type d'élément non supporté: {element.type}</p>
+        </div>);
+    }
+};
+//# sourceMappingURL=KYCElementRenderer.js.map

package/build/components/KYCElementRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"KYCElementRenderer.js","sourceRoot":"","sources":["../../src/components/KYCElementRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAClE,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AAC5E,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAClE,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAY9D,MAAM,CAAC,MAAM,kBAAkB,GAAsC,CAAC,EACpE,OAAO,EACP,KAAK,EACL,aAAa,EACb,KAAK,EACL,UAAU,EACV,SAAS,EACT,OAAO,GACR,EAAE,EAAE;IACH,QAAQ,OAAO,CAAC,IAAI,EAAE,CAAC;QACrB,KAAK,mBAAmB;YACtB,OAAO,CACL,CAAC,gBAAgB,CACf,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,aAAa,CAAC,CAAC,aAAa,CAAC,CAC7B,KAAK,CAAC,CAAC,KAAK,CAAC,EACb,CACH,CAAC;QAEJ,KAAK,yBAAyB;YAC5B,OAAO,CACL,CAAC,qBAAqB,CACpB,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,aAAa,CAAC,CAAC,aAAa,CAAC,CAC7B,KAAK,CAAC,CAAC,KAAK,CAAC,EACb,CACH,CAAC;QAEJ,KAAK,gBAAgB;YACnB,OAAO,CACL,CAAC,aAAa,CACZ,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,aAAa,CAAC,CAAC,aAAa,CAAC,CAC7B,KAAK,CAAC,CAAC,KAAK,CAAC,EACb,CACH,CAAC;QAEJ,KAAK,aAAa;YAChB,OAAO,CACL,CAAC,UAAU,CACT,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,aAAa,CAAC,CAAC,aAAa,CAAC,CAC7B,KAAK,CAAC,CAAC,KAAK,CAAC,EACb,CACH,CAAC;QAEJ,KAAK,gBAAgB;YACnB,OAAO,CACL,CAAC,aAAa,CACZ,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,aAAa,CAAC,CAAC,aAAa,CAAC,CAC7B,KAAK,CAAC,CAAC,KAAK,CAAC,EACb,CACH,CAAC;QAEJ,KAAK,cAAc;YACjB,OAAO,CACL,CAAC,gBAAgB,CACf,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,UAAU,CAAC,CAAC,UAAU,IAAI,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC,CAAC,CACrC,KAAK,CAAC,CAAC,KAAK,CAAC,EACb,CACH,CAAC;QAEJ,KAAK,YAAY;YACf,OAAO,CACL,CAAC,cAAc,CACb,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,SAAS,CAAC,CAAC,SAAS,IAAI,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC,CAAC,CACnC,OAAO,CAAC,CAAC,OAAO,IAAI,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC,CAAC,EAC/B,CACH,CAAC;QAEJ;YACE,OAAO,CACL,CAAC,GAAG,CACF;UAAA,CAAC,CAAC,CAAC,6BAA6B,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,CACnD;QAAA,EAAE,GAAG,CAAC,CACP,CAAC;IACN,CAAC;AACH,CAAC,CAAC","sourcesContent":["import React from 'react';\nimport { KYCElement } from '../types/KYC.types';\nimport { CountrySelection } from './KYCElements/CountrySelection';\nimport { DocumentTypeSelection } from './KYCElements/DocumentTypeSelection';\nimport { CameraCapture } from './KYCElements/CameraCapture';\nimport { FileUpload } from './KYCElements/FileUpload';\nimport { SelfieCapture } from './KYCElements/SelfieCapture';\nimport { VerificationStep } from './KYCElements/VerificationStep';\nimport { CompletionStep } from './KYCElements/CompletionStep';\n\ninterface KYCElementRendererProps {\n  element: KYCElement;\n  value?: any;\n  onValueChange: (value: any) => void;\n  error?: string;\n  onComplete?: () => void;\n  onRestart?: () => void;\n  onClose?: () => void;\n}\n\nexport const KYCElementRenderer: React.FC<KYCElementRendererProps> = ({\n  element,\n  value,\n  onValueChange,\n  error,\n  onComplete,\n  onRestart,\n  onClose,\n}) => {\n  switch (element.type) {\n    case 'country_selection':\n      return (\n        <CountrySelection\n          element={element}\n          value={value}\n          onValueChange={onValueChange}\n          error={error}\n        />\n      );\n\n    case 'document_type_selection':\n      return (\n        <DocumentTypeSelection\n          element={element}\n          value={value}\n          onValueChange={onValueChange}\n          error={error}\n        />\n      );\n\n    case 'camera_capture':\n      return (\n        <CameraCapture\n          element={element}\n          value={value}\n          onValueChange={onValueChange}\n          error={error}\n        />\n      );\n\n    case 'file_upload':\n      return (\n        <FileUpload\n          element={element}\n          value={value}\n          onValueChange={onValueChange}\n          error={error}\n        />\n      );\n\n    case 'selfie_capture':\n      return (\n        <SelfieCapture\n          element={element}\n          value={value}\n          onValueChange={onValueChange}\n          error={error}\n        />\n      );\n\n    case 'verification':\n      return (\n        <VerificationStep\n          element={element}\n          onComplete={onComplete || (() => {})}\n          error={error}\n        />\n      );\n\n    case 'completion':\n      return (\n        <CompletionStep\n          element={element}\n          onRestart={onRestart || (() => {})}\n          onClose={onClose || (() => {})}\n        />\n      );\n\n    default:\n      return (\n        <div>\n          <p>Type d'élément non supporté: {element.type}</p>\n        </div>\n      );\n  }\n}; "]}

package/build/components/KYCElements/CameraCapture.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { KYCElement } from '../../types/KYC.types';
+interface CameraCaptureProps {
+    element: KYCElement;
+    value?: string;
+    onValueChange: (value: string) => void;
+    error?: string;
+}
+export declare const CameraCapture: React.FC<CameraCaptureProps>;
+export {};
+//# sourceMappingURL=CameraCapture.d.ts.map

package/build/components/KYCElements/CameraCapture.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CameraCapture.d.ts","sourceRoot":"","sources":["../../../src/components/KYCElements/CameraCapture.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAIxC,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,UAAU,kBAAkB;IAC1B,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,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAmHtD,CAAC"}

package/build/components/KYCElements/CameraCapture.js

@@ -0,0 +1,218 @@
+import React, { useState } from 'react';
+import { View, Text, TouchableOpacity, StyleSheet, Image, Alert } from 'react-native';
+import { EnhancedCameraView } from '../EnhancedCameraView';
+export const CameraCapture = ({ element, value, onValueChange, error, }) => {
+    const [capturedImage, setCapturedImage] = useState(value || null);
+    const [showCamera, setShowCamera] = useState(false);
+    const cameraConfig = element.cameraConfig || {
+        aspectRatio: 4 / 3,
+        quality: 0.8,
+        flashMode: 'auto',
+        cameraType: 'back',
+        allowRetake: true,
+        maxRetakes: 3,
+        overlay: {
+            showGuide: true,
+            guideText: 'Placez votre document dans le cadre',
+        }
+    };
+    const handleCapture = (result) => {
+        if (result.success && result.path) {
+            setCapturedImage(result.path);
+            onValueChange(result.path);
+            setShowCamera(false);
+        }
+        else {
+            Alert.alert('Erreur', result.error || 'Impossible de prendre la photo');
+        }
+    };
+    const handleError = (event) => {
+        Alert.alert('Erreur', event.message);
+        setShowCamera(false);
+    };
+    const retakePicture = () => {
+        setCapturedImage(null);
+        onValueChange('');
+        setShowCamera(true);
+    };
+    if (showCamera) {
+        return (<View style={[styles.container]}>
+        <EnhancedCameraView instructions={cameraConfig.overlay?.guideText || 'Placez votre document dans le cadre'} showCamera={true} cameraType={cameraConfig.cameraType || 'back'} style={styles.camera} onCapture={handleCapture} onError={handleError} onClose={() => setShowCamera(false)} quality="high" showCaptureButton={true} showSwitchCamera={true} enableFlash={cameraConfig.flashMode !== 'off'}/>
+      </View>);
+    }
+    if (capturedImage) {
+        return (<View style={styles.container}>
+        <Text style={styles.title}>{element.title}</Text>
+        <Text style={styles.description}>{element.description}</Text>
+
+        <View style={styles.imageContainer}>
+          <Image source={{ uri: capturedImage }} style={styles.capturedImage}/>
+        </View>
+
+        <View style={styles.buttonContainer}>
+          {cameraConfig.allowRetake && (<TouchableOpacity style={styles.secondaryButton} onPress={retakePicture}>
+              <Text style={styles.secondaryButtonText}>Reprendre</Text>
+            </TouchableOpacity>)}
+          <TouchableOpacity style={styles.primaryButton}>
+            <Text style={styles.primaryButtonText}>Continuer</Text>
+          </TouchableOpacity>
+        </View>
+
+        {error && (<Text style={styles.errorText}>{error}</Text>)}
+      </View>);
+    }
+    return (<View style={{ maxWidth: 760, width: '100%', height: '100%' }}>
+      <View style={styles.container}>
+        <Text style={styles.title}>{element.title}</Text>
+        <Text style={styles.description}>{element.description}</Text>
+
+        <View style={styles.cameraContainer}>
+          <TouchableOpacity style={styles.cameraPlaceholder} onPress={() => setShowCamera(true)}>
+            <Text style={styles.cameraPlaceholderText}>📷</Text>
+            <Text style={styles.cameraPlaceholderLabel}>
+              {cameraConfig.overlay?.guideText || 'Appuyez pour ouvrir la caméra'}
+            </Text>
+          </TouchableOpacity>
+        </View>
+
+        {error && (<Text style={styles.errorText}>{error}</Text>)}
+      </View>
+    </View>);
+};
+const styles = StyleSheet.create({
+    container: {
+        flex: 1,
+        padding: 16,
+    },
+    title: {
+        fontSize: 24,
+        fontWeight: 'bold',
+        color: '#333',
+        marginBottom: 8,
+        textAlign: 'center',
+    },
+    description: {
+        fontSize: 16,
+        color: '#666',
+        textAlign: 'center',
+        marginBottom: 24,
+        lineHeight: 22,
+    },
+    cameraContainer: {
+        flex: 1,
+        borderRadius: 12,
+        overflow: 'hidden',
+        marginBottom: 24,
+    },
+    camera: {
+        flex: 1,
+    },
+    imageContainer: {
+        flex: 1,
+        borderRadius: 12,
+        overflow: 'hidden',
+        marginBottom: 24,
+    },
+    capturedImage: {
+        width: '100%',
+        height: '100%',
+        resizeMode: 'contain',
+    },
+    buttonContainer: {
+        flexDirection: 'row',
+        justifyContent: 'space-around',
+        alignItems: 'center',
+        paddingHorizontal: 16,
+    },
+    captureButton: {
+        width: 80,
+        height: 80,
+        borderRadius: 40,
+        backgroundColor: 'white',
+        justifyContent: 'center',
+        alignItems: 'center',
+        shadowColor: '#000',
+        shadowOffset: {
+            width: 0,
+            height: 4,
+        },
+        shadowOpacity: 0.3,
+        shadowRadius: 4.65,
+        elevation: 8,
+    },
+    captureButtonDisabled: {
+        opacity: 0.6,
+    },
+    captureButtonInner: {
+        width: 60,
+        height: 60,
+        borderRadius: 30,
+        backgroundColor: '#4CAF50',
+        justifyContent: 'center',
+        alignItems: 'center',
+    },
+    captureButtonText: {
+        fontSize: 24,
+        color: 'white',
+    },
+    primaryButton: {
+        backgroundColor: '#4CAF50',
+        paddingHorizontal: 32,
+        paddingVertical: 16,
+        borderRadius: 8,
+    },
+    primaryButtonText: {
+        color: 'white',
+        fontWeight: '600',
+        fontSize: 16,
+    },
+    secondaryButton: {
+        backgroundColor: '#e5e5e5',
+        paddingHorizontal: 32,
+        paddingVertical: 16,
+        borderRadius: 8,
+    },
+    secondaryButtonText: {
+        color: '#333',
+        fontWeight: '600',
+        fontSize: 16,
+    },
+    permissionButton: {
+        backgroundColor: '#4CAF50',
+        paddingHorizontal: 32,
+        paddingVertical: 16,
+        borderRadius: 8,
+        marginTop: 16,
+    },
+    permissionButtonText: {
+        color: 'white',
+        fontWeight: '600',
+        fontSize: 16,
+        textAlign: 'center',
+    },
+    errorText: {
+        color: '#dc2626',
+        fontSize: 14,
+        marginTop: 8,
+        textAlign: 'center',
+    },
+    cameraPlaceholder: {
+        flex: 1,
+        justifyContent: 'center',
+        alignItems: 'center',
+        backgroundColor: '#f0f0f0',
+        borderRadius: 12,
+        borderWidth: 2,
+        borderColor: '#ccc',
+    },
+    cameraPlaceholderText: {
+        fontSize: 60,
+        marginBottom: 10,
+    },
+    cameraPlaceholderLabel: {
+        fontSize: 16,
+        color: '#666',
+        textAlign: 'center',
+    },
+});
+//# sourceMappingURL=CameraCapture.js.map

package/build/components/KYCElements/CameraCapture.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CameraCapture.js","sourceRoot":"","sources":["../../../src/components/KYCElements/CameraCapture.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useState } from 'react';\nimport { View, Text, TouchableOpacity, StyleSheet, Image, Alert } from 'react-native';\nimport { EnhancedCameraView } from '../EnhancedCameraView';\n\nimport { KYCElement } from '../../types/KYC.types';\n\ninterface CameraCaptureProps {\n  element: KYCElement;\n  value?: string;\n  onValueChange: (value: string) => void;\n  error?: string;\n}\n\nexport const CameraCapture: React.FC<CameraCaptureProps> = ({\n  element,\n  value,\n  onValueChange,\n  error,\n}) => {\n  const [capturedImage, setCapturedImage] = useState<string | null>(value || null);\n  const [showCamera, setShowCamera] = useState(false);\n\n  const cameraConfig = element.cameraConfig || {\n    aspectRatio: 4 / 3,\n    quality: 0.8,\n    flashMode: 'auto',\n    cameraType: 'back',\n    allowRetake: true,\n    maxRetakes: 3,\n    overlay: {\n      showGuide: true,\n      guideText: 'Placez votre document dans le cadre',\n    }\n  };\n\n  const handleCapture = (result: { success: boolean; path?: string; error?: string }) => {\n    if (result.success && result.path) {\n      setCapturedImage(result.path);\n      onValueChange(result.path);\n      setShowCamera(false);\n    } else {\n      Alert.alert('Erreur', result.error || 'Impossible de prendre la photo');\n    }\n  };\n\n  const handleError = (event: { message: string }) => {\n    Alert.alert('Erreur', event.message);\n    setShowCamera(false);\n  };\n\n  const retakePicture = () => {\n    setCapturedImage(null);\n    onValueChange('');\n    setShowCamera(true);\n  };\n\n  if (showCamera) {\n    return (\n      <View style={[styles.container]}>\n        <EnhancedCameraView\n          instructions={cameraConfig.overlay?.guideText || 'Placez votre document dans le cadre'}\n          showCamera={true}\n          cameraType={cameraConfig.cameraType || 'back'}\n          style={styles.camera}\n          onCapture={handleCapture}\n          onError={handleError}\n          onClose={() => setShowCamera(false)}\n          quality=\"high\"\n          showCaptureButton={true}\n          showSwitchCamera={true}\n          enableFlash={cameraConfig.flashMode !== 'off'}\n        />\n      </View>\n    );\n  }\n\n  if (capturedImage) {\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        <View style={styles.imageContainer}>\n          <Image source={{ uri: capturedImage }} style={styles.capturedImage} />\n        </View>\n\n        <View style={styles.buttonContainer}>\n          {cameraConfig.allowRetake && (\n            <TouchableOpacity style={styles.secondaryButton} onPress={retakePicture}>\n              <Text style={styles.secondaryButtonText}>Reprendre</Text>\n            </TouchableOpacity>\n          )}\n          <TouchableOpacity style={styles.primaryButton}>\n            <Text style={styles.primaryButtonText}>Continuer</Text>\n          </TouchableOpacity>\n        </View>\n\n        {error && (\n          <Text style={styles.errorText}>{error}</Text>\n        )}\n      </View>\n    );\n  }\n\n  return (\n    <View style={{ maxWidth: 760, width: '100%', height: '100%' }}>\n      <View style={styles.container}>\n        <Text style={styles.title}>{element.title}</Text>\n        <Text style={styles.description}>{element.description}</Text>\n\n        <View style={styles.cameraContainer}>\n          <TouchableOpacity\n            style={styles.cameraPlaceholder}\n            onPress={() => setShowCamera(true)}\n          >\n            <Text style={styles.cameraPlaceholderText}>📷</Text>\n            <Text style={styles.cameraPlaceholderLabel}>\n              {cameraConfig.overlay?.guideText || 'Appuyez pour ouvrir la caméra'}\n            </Text>\n          </TouchableOpacity>\n        </View>\n\n        {error && (\n          <Text style={styles.errorText}>{error}</Text>\n        )}\n      </View>\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    flex: 1,\n    padding: 16,\n\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  cameraContainer: {\n    flex: 1,\n    borderRadius: 12,\n    overflow: 'hidden',\n    marginBottom: 24,\n  },\n  camera: {\n    flex: 1,\n  },\n  imageContainer: {\n    flex: 1,\n    borderRadius: 12,\n    overflow: 'hidden',\n    marginBottom: 24,\n  },\n  capturedImage: {\n    width: '100%',\n    height: '100%',\n    resizeMode: 'contain',\n  },\n  buttonContainer: {\n    flexDirection: 'row',\n    justifyContent: 'space-around',\n    alignItems: 'center',\n    paddingHorizontal: 16,\n  },\n  captureButton: {\n    width: 80,\n    height: 80,\n    borderRadius: 40,\n    backgroundColor: 'white',\n    justifyContent: 'center',\n    alignItems: 'center',\n    shadowColor: '#000',\n    shadowOffset: {\n      width: 0,\n      height: 4,\n    },\n    shadowOpacity: 0.3,\n    shadowRadius: 4.65,\n    elevation: 8,\n  },\n  captureButtonDisabled: {\n    opacity: 0.6,\n  },\n  captureButtonInner: {\n    width: 60,\n    height: 60,\n    borderRadius: 30,\n    backgroundColor: '#4CAF50',\n    justifyContent: 'center',\n    alignItems: 'center',\n  },\n  captureButtonText: {\n    fontSize: 24,\n    color: 'white',\n  },\n  primaryButton: {\n    backgroundColor: '#4CAF50',\n    paddingHorizontal: 32,\n    paddingVertical: 16,\n    borderRadius: 8,\n  },\n  primaryButtonText: {\n    color: 'white',\n    fontWeight: '600',\n    fontSize: 16,\n  },\n  secondaryButton: {\n    backgroundColor: '#e5e5e5',\n    paddingHorizontal: 32,\n    paddingVertical: 16,\n    borderRadius: 8,\n  },\n  secondaryButtonText: {\n    color: '#333',\n    fontWeight: '600',\n    fontSize: 16,\n  },\n  permissionButton: {\n    backgroundColor: '#4CAF50',\n    paddingHorizontal: 32,\n    paddingVertical: 16,\n    borderRadius: 8,\n    marginTop: 16,\n  },\n  permissionButtonText: {\n    color: 'white',\n    fontWeight: '600',\n    fontSize: 16,\n    textAlign: 'center',\n  },\n  errorText: {\n    color: '#dc2626',\n    fontSize: 14,\n    marginTop: 8,\n    textAlign: 'center',\n  },\n  cameraPlaceholder: {\n    flex: 1,\n    justifyContent: 'center',\n    alignItems: 'center',\n    backgroundColor: '#f0f0f0',\n    borderRadius: 12,\n    borderWidth: 2,\n    borderColor: '#ccc',\n  },\n  cameraPlaceholderText: {\n    fontSize: 60,\n    marginBottom: 10,\n  },\n  cameraPlaceholderLabel: {\n    fontSize: 16,\n    color: '#666',\n    textAlign: 'center',\n  },\n}); "]}

package/build/components/KYCElements/CompletionStep.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { KYCElement } from '../../types/KYC.types';
+interface CompletionStepProps {
+    element: KYCElement;
+    onRestart: () => void;
+    onClose: () => void;
+}
+export declare const CompletionStep: React.FC<CompletionStepProps>;
+export {};
+//# sourceMappingURL=CompletionStep.d.ts.map

package/build/components/KYCElements/CompletionStep.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CompletionStep.d.ts","sourceRoot":"","sources":["../../../src/components/KYCElements/CompletionStep.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,UAAU,mBAAmB;IAC3B,OAAO,EAAE,UAAU,CAAC;IACpB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAuCxD,CAAC"}