@transfergratis/react-native-sdk 0.1.2

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"DocumentTypeSelection.d.ts","sourceRoot":"","sources":["../../../src/components/KYCElements/DocumentTypeSelection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,UAAU,EAAoB,MAAM,uBAAuB,CAAC;AAErE,UAAU,0BAA0B;IAClC,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;AA6BD,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CAiDtE,CAAC"}

package/build/components/KYCElements/DocumentTypeSelection.js

@@ -0,0 +1,143 @@
+import React from 'react';
+import { View, Text, TouchableOpacity, StyleSheet, ScrollView } from 'react-native';
+const defaultDocumentTypes = [
+    {
+        value: 'passport',
+        label: 'Passeport',
+        icon: '📘',
+        description: 'Document de voyage officiel'
+    },
+    {
+        value: 'id_card',
+        label: 'Carte d\'identité',
+        icon: '🆔',
+        description: 'Carte d\'identité nationale'
+    },
+    {
+        value: 'drivers_license',
+        label: 'Permis de conduire',
+        icon: '🚗',
+        description: 'Permis de conduire valide'
+    },
+    {
+        value: 'other',
+        label: 'Autre document',
+        icon: '📄',
+        description: 'Autre document d\'identité officiel'
+    },
+];
+export const DocumentTypeSelection = ({ element, value, onValueChange, error, }) => {
+    const documentTypes = element.options || defaultDocumentTypes;
+    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}>
+        {documentTypes.map((docType) => (<TouchableOpacity key={docType.value} style={[
+                styles.option,
+                value === docType.value && styles.selectedOption
+            ]} onPress={() => onValueChange(docType.value)}>
+            <Text style={styles.optionIcon}>{docType.icon}</Text>
+            <View style={styles.optionContent}>
+              <Text style={[
+                styles.optionLabel,
+                value === docType.value && styles.selectedOptionLabel
+            ]}>
+                {docType.label}
+              </Text>
+              {docType.description && (<Text style={styles.optionDescription}>{docType.description}</Text>)}
+            </View>
+            {value === docType.value && (<View style={styles.checkmark}>
+                <Text style={styles.checkmarkText}>✓</Text>
+              </View>)}
+          </TouchableOpacity>))}
+      </ScrollView>
+
+      {error && (<Text style={styles.errorText}>{error}</Text>)}
+    </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,
+    },
+    optionsContainer: {
+        flex: 1,
+    },
+    option: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        padding: 16,
+        backgroundColor: 'white',
+        borderRadius: 12,
+        marginBottom: 12,
+        borderWidth: 2,
+        borderColor: '#e5e5e5',
+        shadowColor: '#000',
+        shadowOffset: {
+            width: 0,
+            height: 2,
+        },
+        shadowOpacity: 0.1,
+        shadowRadius: 3.84,
+        elevation: 5,
+    },
+    selectedOption: {
+        borderColor: '#4CAF50',
+        backgroundColor: '#f0f9f0',
+    },
+    optionIcon: {
+        fontSize: 32,
+        marginRight: 16,
+    },
+    optionContent: {
+        flex: 1,
+    },
+    optionLabel: {
+        fontSize: 18,
+        fontWeight: '600',
+        color: '#333',
+    },
+    selectedOptionLabel: {
+        color: '#4CAF50',
+    },
+    optionDescription: {
+        fontSize: 14,
+        color: '#666',
+        marginTop: 4,
+    },
+    checkmark: {
+        width: 24,
+        height: 24,
+        borderRadius: 12,
+        backgroundColor: '#4CAF50',
+        justifyContent: 'center',
+        alignItems: 'center',
+    },
+    checkmarkText: {
+        color: 'white',
+        fontSize: 16,
+        fontWeight: 'bold',
+    },
+    errorText: {
+        color: '#dc2626',
+        fontSize: 14,
+        marginTop: 8,
+        textAlign: 'center',
+    },
+});
+//# sourceMappingURL=DocumentTypeSelection.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DocumentTypeSelection.js","sourceRoot":"","sources":["../../../src/components/KYCElements/DocumentTypeSelection.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 DocumentTypeSelectionProps {\n  element: KYCElement;\n  value?: string;\n  onValueChange: (value: string) => void;\n  error?: string;\n}\n\nconst defaultDocumentTypes: KYCElementOption[] = [\n  { \n    value: 'passport', \n    label: 'Passeport', \n    icon: '📘',\n    description: 'Document de voyage officiel'\n  },\n  { \n    value: 'id_card', \n    label: 'Carte d\\'identité', \n    icon: '🆔',\n    description: 'Carte d\\'identité nationale'\n  },\n  { \n    value: 'drivers_license', \n    label: 'Permis de conduire', \n    icon: '🚗',\n    description: 'Permis de conduire valide'\n  },\n  { \n    value: 'other', \n    label: 'Autre document', \n    icon: '📄',\n    description: 'Autre document d\\'identité officiel'\n  },\n];\n\nexport const DocumentTypeSelection: React.FC<DocumentTypeSelectionProps> = ({\n  element,\n  value,\n  onValueChange,\n  error,\n}) => {\n  const documentTypes = element.options || defaultDocumentTypes;\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        {documentTypes.map((docType) => (\n          <TouchableOpacity\n            key={docType.value}\n            style={[\n              styles.option,\n              value === docType.value && styles.selectedOption\n            ]}\n            onPress={() => onValueChange(docType.value)}\n          >\n            <Text style={styles.optionIcon}>{docType.icon}</Text>\n            <View style={styles.optionContent}>\n              <Text style={[\n                styles.optionLabel,\n                value === docType.value && styles.selectedOptionLabel\n              ]}>\n                {docType.label}\n              </Text>\n              {docType.description && (\n                <Text style={styles.optionDescription}>{docType.description}</Text>\n              )}\n            </View>\n            {value === docType.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    textAlign: 'center',\n  },\n}); "]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"FileUpload.d.ts","sourceRoot":"","sources":["../../../src/components/KYCElements/FileUpload.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAIxC,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,UAAU,eAAe;IACvB,OAAO,EAAE,UAAU,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAQD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAuJhD,CAAC"}

package/build/components/KYCElements/FileUpload.js

@@ -0,0 +1,267 @@
+import React, { useState } from 'react';
+import { View, Text, TouchableOpacity, StyleSheet, ScrollView, Image, Alert } from 'react-native';
+import { useKYCStore } from '../../stores/kycStore';
+import NativeCameraModule from '../../modules/camera/NativeCameraModule';
+export const FileUpload = ({ element, value = [], onValueChange, error, }) => {
+    const [uploadedFiles, setUploadedFiles] = useState([]);
+    const [isUploading, setIsUploading] = useState(false);
+    const { setProcessing } = useKYCStore();
+    const uploadConfig = element.uploadConfig || {
+        allowedTypes: ['image/*', 'application/pdf'],
+        maxFiles: 3,
+        maxFileSize: 10 * 1024 * 1024, // 10MB
+        allowMultiple: true,
+    };
+    const pickDocument = async () => {
+        try {
+            setIsUploading(true);
+            setProcessing(true);
+            const result = await NativeCameraModule.openFilePicker(uploadConfig.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
+                };
+                // Vérifier le nombre maximum de fichiers
+                if (uploadedFiles.length >= uploadConfig.maxFiles) {
+                    Alert.alert('Limite atteinte', `Vous ne pouvez sélectionner que ${uploadConfig.maxFiles} fichiers maximum.`);
+                    return;
+                }
+                const updatedFiles = [...uploadedFiles, newFile];
+                setUploadedFiles(updatedFiles);
+                onValueChange(updatedFiles.map(file => file.uri));
+            }
+            else if (result.error) {
+                Alert.alert('Erreur', result.error);
+            }
+        }
+        catch (error) {
+            console.error('Erreur lors de la sélection de fichiers:', error);
+            Alert.alert('Erreur', 'Impossible de sélectionner le fichier');
+        }
+        finally {
+            setIsUploading(false);
+            setProcessing(false);
+        }
+    };
+    const removeFile = (index) => {
+        const updatedFiles = uploadedFiles.filter((_, i) => i !== index);
+        setUploadedFiles(updatedFiles);
+        onValueChange(updatedFiles.map(file => file.uri));
+    };
+    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 '📎';
+        }
+    };
+    const isImageFile = (fileName) => {
+        const extension = fileName.split('.').pop()?.toLowerCase();
+        return ['jpg', 'jpeg', 'png', 'gif', 'webp'].includes(extension || '');
+    };
+    return (<View style={styles.container}>
+      <Text style={styles.title}>{element.title}</Text>
+      <Text style={styles.description}>{element.description}</Text>
+      
+      <View style={styles.uploadArea}>
+        <TouchableOpacity style={[styles.uploadButton, isUploading && styles.uploadButtonDisabled]} onPress={pickDocument} disabled={isUploading}>
+          <Text style={styles.uploadIcon}>📁</Text>
+          <Text style={styles.uploadText}>
+            {isUploading ? 'Sélection en cours...' : 'Sélectionner des fichiers'}
+          </Text>
+          <Text style={styles.uploadSubtext}>
+            Types acceptés: {uploadConfig.allowedTypes.join(', ')}
+          </Text>
+          {uploadConfig.maxFileSize && (<Text style={styles.uploadSubtext}>
+              Taille max: {formatFileSize(uploadConfig.maxFileSize)}
+            </Text>)}
+        </TouchableOpacity>
+      </View>
+
+      {uploadedFiles.length > 0 && (<View style={styles.filesContainer}>
+          <Text style={styles.filesTitle}>Fichiers sélectionnés ({uploadedFiles.length}/{uploadConfig.maxFiles})</Text>
+          <ScrollView style={styles.filesList}>
+            {uploadedFiles.map((file, index) => (<View key={index} style={styles.fileItem}>
+                {isImageFile(file.name) ? (<Image source={{ uri: file.uri }} style={styles.fileThumbnail}/>) : (<View style={styles.fileIcon}>
+                    <Text style={styles.fileIconText}>{getFileIcon(file.name)}</Text>
+                  </View>)}
+                <View style={styles.fileInfo}>
+                  <Text style={styles.fileName} numberOfLines={1}>{file.name}</Text>
+                  <Text style={styles.filePath} numberOfLines={1}>{file.path}</Text>
+                </View>
+                <TouchableOpacity style={styles.removeButton} onPress={() => removeFile(index)}>
+                  <Text style={styles.removeButtonText}>✕</Text>
+                </TouchableOpacity>
+              </View>))}
+          </ScrollView>
+        </View>)}
+
+      {uploadedFiles.length === 0 && (<View style={styles.emptyState}>
+          <Text style={styles.emptyStateText}>Aucun fichier sélectionné</Text>
+          <Text style={styles.emptyStateSubtext}>
+            Appuyez sur "Sélectionner des fichiers" pour commencer
+          </Text>
+        </View>)}
+
+      {error && (<Text style={styles.errorText}>{error}</Text>)}
+    </View>);
+};
+const formatFileSize = (bytes) => {
+    if (bytes === 0)
+        return '0 Bytes';
+    const k = 1024;
+    const sizes = ['Bytes', 'KB', 'MB', 'GB'];
+    const i = Math.floor(Math.log(bytes) / Math.log(k));
+    return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + ' ' + sizes[i];
+};
+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,
+    },
+    uploadArea: {
+        marginBottom: 24,
+    },
+    uploadButton: {
+        borderWidth: 2,
+        borderColor: '#4CAF50',
+        borderStyle: 'dashed',
+        borderRadius: 12,
+        padding: 32,
+        alignItems: 'center',
+        backgroundColor: '#f0f9f0',
+    },
+    uploadButtonDisabled: {
+        opacity: 0.6,
+    },
+    uploadIcon: {
+        fontSize: 48,
+        marginBottom: 16,
+    },
+    uploadText: {
+        fontSize: 18,
+        fontWeight: '600',
+        color: '#4CAF50',
+        marginBottom: 8,
+    },
+    uploadSubtext: {
+        fontSize: 14,
+        color: '#666',
+        textAlign: 'center',
+    },
+    filesContainer: {
+        flex: 1,
+    },
+    filesTitle: {
+        fontSize: 18,
+        fontWeight: '600',
+        color: '#333',
+        marginBottom: 16,
+    },
+    filesList: {
+        flex: 1,
+    },
+    fileItem: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        padding: 12,
+        backgroundColor: 'white',
+        borderRadius: 8,
+        marginBottom: 8,
+        borderWidth: 1,
+        borderColor: '#e5e5e5',
+    },
+    fileThumbnail: {
+        width: 40,
+        height: 40,
+        borderRadius: 4,
+        marginRight: 12,
+    },
+    fileIcon: {
+        width: 40,
+        height: 40,
+        borderRadius: 4,
+        backgroundColor: '#f0f0f0',
+        justifyContent: 'center',
+        alignItems: 'center',
+        marginRight: 12,
+    },
+    fileIconText: {
+        fontSize: 20,
+    },
+    fileInfo: {
+        flex: 1,
+    },
+    fileName: {
+        fontSize: 16,
+        fontWeight: '500',
+        color: '#333',
+    },
+    filePath: {
+        fontSize: 12,
+        color: '#666',
+        marginTop: 2,
+    },
+    removeButton: {
+        width: 32,
+        height: 32,
+        borderRadius: 16,
+        backgroundColor: '#ff4444',
+        justifyContent: 'center',
+        alignItems: 'center',
+    },
+    removeButtonText: {
+        color: 'white',
+        fontSize: 16,
+        fontWeight: 'bold',
+    },
+    emptyState: {
+        flex: 1,
+        justifyContent: 'center',
+        alignItems: 'center',
+    },
+    emptyStateText: {
+        fontSize: 18,
+        color: '#666',
+        marginBottom: 10,
+    },
+    emptyStateSubtext: {
+        fontSize: 14,
+        color: '#999',
+        textAlign: 'center',
+    },
+    errorText: {
+        color: '#dc2626',
+        fontSize: 14,
+        marginTop: 8,
+        textAlign: 'center',
+    },
+});
+//# sourceMappingURL=FileUpload.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FileUpload.js","sourceRoot":"","sources":["../../../src/components/KYCElements/FileUpload.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useState } from 'react';\nimport { View, Text, TouchableOpacity, StyleSheet, ScrollView, Image, Alert } from 'react-native';\nimport { useKYCStore } from '../../stores/kycStore';\nimport NativeCameraModule from '../../modules/camera/NativeCameraModule';\nimport { KYCElement } from '../../types/KYC.types';\n\ninterface FileUploadProps {\n  element: KYCElement;\n  value?: string[];\n  onValueChange: (value: string[]) => void;\n  error?: string;\n}\n\ninterface UploadedFile {\n  uri: string;\n  path: string;\n  name: string;\n}\n\nexport const FileUpload: React.FC<FileUploadProps> = ({\n  element,\n  value = [],\n  onValueChange,\n  error,\n}) => {\n  const [uploadedFiles, setUploadedFiles] = useState<UploadedFile[]>([]);\n  const [isUploading, setIsUploading] = useState(false);\n  const { setProcessing } = useKYCStore();\n\n  const uploadConfig = element.uploadConfig || {\n    allowedTypes: ['image/*', 'application/pdf'],\n    maxFiles: 3,\n    maxFileSize: 10 * 1024 * 1024, // 10MB\n    allowMultiple: true,\n  };\n\n  const pickDocument = async () => {\n    try {\n      setIsUploading(true);\n      setProcessing(true);\n\n      const result = await NativeCameraModule.openFilePicker(uploadConfig.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        // Vérifier le nombre maximum de fichiers\n        if (uploadedFiles.length >= uploadConfig.maxFiles) {\n          Alert.alert('Limite atteinte', `Vous ne pouvez sélectionner que ${uploadConfig.maxFiles} fichiers maximum.`);\n          return;\n        }\n\n        const updatedFiles = [...uploadedFiles, newFile];\n        setUploadedFiles(updatedFiles);\n        onValueChange(updatedFiles.map(file => file.uri));\n      } else if (result.error) {\n        Alert.alert('Erreur', result.error);\n      }\n    } catch (error) {\n      console.error('Erreur lors de la sélection de fichiers:', 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 = uploadedFiles.filter((_, i) => i !== index);\n    setUploadedFiles(updatedFiles);\n    onValueChange(updatedFiles.map(file => file.uri));\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  const isImageFile = (fileName: string): boolean => {\n    const extension = fileName.split('.').pop()?.toLowerCase();\n    return ['jpg', 'jpeg', 'png', 'gif', 'webp'].includes(extension || '');\n  };\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      <View style={styles.uploadArea}>\n        <TouchableOpacity \n          style={[styles.uploadButton, isUploading && styles.uploadButtonDisabled]}\n          onPress={pickDocument}\n          disabled={isUploading}\n        >\n          <Text style={styles.uploadIcon}>📁</Text>\n          <Text style={styles.uploadText}>\n            {isUploading ? 'Sélection en cours...' : 'Sélectionner des fichiers'}\n          </Text>\n          <Text style={styles.uploadSubtext}>\n            Types acceptés: {uploadConfig.allowedTypes.join(', ')}\n          </Text>\n          {uploadConfig.maxFileSize && (\n            <Text style={styles.uploadSubtext}>\n              Taille max: {formatFileSize(uploadConfig.maxFileSize)}\n            </Text>\n          )}\n        </TouchableOpacity>\n      </View>\n\n      {uploadedFiles.length > 0 && (\n        <View style={styles.filesContainer}>\n          <Text style={styles.filesTitle}>Fichiers sélectionnés ({uploadedFiles.length}/{uploadConfig.maxFiles})</Text>\n          <ScrollView style={styles.filesList}>\n            {uploadedFiles.map((file, index) => (\n              <View key={index} style={styles.fileItem}>\n                {isImageFile(file.name) ? (\n                  <Image source={{ uri: file.uri }} style={styles.fileThumbnail} />\n                ) : (\n                  <View style={styles.fileIcon}>\n                    <Text style={styles.fileIconText}>{getFileIcon(file.name)}</Text>\n                  </View>\n                )}\n                <View style={styles.fileInfo}>\n                  <Text style={styles.fileName} numberOfLines={1}>{file.name}</Text>\n                  <Text style={styles.filePath} numberOfLines={1}>{file.path}</Text>\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      {uploadedFiles.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 \"Sélectionner des fichiers\" pour commencer\n          </Text>\n        </View>\n      )}\n\n      {error && (\n        <Text style={styles.errorText}>{error}</Text>\n      )}\n    </View>\n  );\n};\n\nconst formatFileSize = (bytes: number): string => {\n  if (bytes === 0) return '0 Bytes';\n  const k = 1024;\n  const sizes = ['Bytes', 'KB', 'MB', 'GB'];\n  const i = Math.floor(Math.log(bytes) / Math.log(k));\n  return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + ' ' + sizes[i];\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  uploadArea: {\n    marginBottom: 24,\n  },\n  uploadButton: {\n    borderWidth: 2,\n    borderColor: '#4CAF50',\n    borderStyle: 'dashed',\n    borderRadius: 12,\n    padding: 32,\n    alignItems: 'center',\n    backgroundColor: '#f0f9f0',\n  },\n  uploadButtonDisabled: {\n    opacity: 0.6,\n  },\n  uploadIcon: {\n    fontSize: 48,\n    marginBottom: 16,\n  },\n  uploadText: {\n    fontSize: 18,\n    fontWeight: '600',\n    color: '#4CAF50',\n    marginBottom: 8,\n  },\n  uploadSubtext: {\n    fontSize: 14,\n    color: '#666',\n    textAlign: 'center',\n  },\n  filesContainer: {\n    flex: 1,\n  },\n  filesTitle: {\n    fontSize: 18,\n    fontWeight: '600',\n    color: '#333',\n    marginBottom: 16,\n  },\n  filesList: {\n    flex: 1,\n  },\n  fileItem: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    padding: 12,\n    backgroundColor: 'white',\n    borderRadius: 8,\n    marginBottom: 8,\n    borderWidth: 1,\n    borderColor: '#e5e5e5',\n  },\n  fileThumbnail: {\n    width: 40,\n    height: 40,\n    borderRadius: 4,\n    marginRight: 12,\n  },\n  fileIcon: {\n    width: 40,\n    height: 40,\n    borderRadius: 4,\n    backgroundColor: '#f0f0f0',\n    justifyContent: 'center',\n    alignItems: 'center',\n    marginRight: 12,\n  },\n  fileIconText: {\n    fontSize: 20,\n  },\n  fileInfo: {\n    flex: 1,\n  },\n  fileName: {\n    fontSize: 16,\n    fontWeight: '500',\n    color: '#333',\n  },\n  filePath: {\n    fontSize: 12,\n    color: '#666',\n    marginTop: 2,\n  },\n  removeButton: {\n    width: 32,\n    height: 32,\n    borderRadius: 16,\n    backgroundColor: '#ff4444',\n    justifyContent: 'center',\n    alignItems: 'center',\n  },\n  removeButtonText: {\n    color: 'white',\n    fontSize: 16,\n    fontWeight: 'bold',\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  errorText: {\n    color: '#dc2626',\n    fontSize: 14,\n    marginTop: 8,\n    textAlign: 'center',\n  },\n}); "]}

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

@@ -0,0 +1,12 @@
+import React from 'react';
+import { TemplateComponent } from '../../types/KYC.types';
+interface FileUploadTemplateProps {
+    component: TemplateComponent;
+    value?: string[];
+    onValueChange: (value: string[]) => void;
+    error?: string;
+    language?: string;
+}
+export declare const FileUploadTemplate: React.FC<FileUploadTemplateProps>;
+export {};
+//# sourceMappingURL=FileUploadTemplate.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FileUploadTemplate.d.ts","sourceRoot":"","sources":["../../../src/components/KYCElements/FileUploadTemplate.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAIxC,OAAO,EAAE,iBAAiB,EAAmC,MAAM,uBAAuB,CAAC;AAE3F,UAAU,uBAAuB;IAC/B,SAAS,EAAE,iBAAiB,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AASD,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CA8MhE,CAAC"}