@sanctum-key/react-native-sdk 1.0.0

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":"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","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/AdditionalDocumentsTemplate.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"AdditionalDocumentsTemplate.d.ts","sourceRoot":"","sources":["../../../src/components/KYCElements/AdditionalDocumentsTemplate.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,iBAAiB,EAA4C,MAAM,uBAAuB,CAAC;AAQpG,UAAU,gCAAgC;IACtC,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,2BAA2B,EAAE,KAAK,CAAC,EAAE,CAAC,gCAAgC,CAgMlF,CAAC"}

package/build/components/KYCElements/AdditionalDocumentsTemplate.js

@@ -0,0 +1,283 @@
+import React, { useState } from 'react';
+import { View, Text, StyleSheet, TouchableOpacity, ScrollView, Image } from 'react-native';
+import { useTemplateKYCFlowContext } from '../../hooks/useTemplateKYCFlow';
+import { useI18n } from '../../hooks/useI18n';
+import { Button } from '../ui/Button';
+import NativeCameraModule from '../../modules/camera/NativeCameraModule';
+import { useKYCStore } from '../../stores/kycStore';
+import { showAlert } from '../../utils/platformAlert';
+export const AdditionalDocumentsTemplate = ({ component, value, onValueChange, error, language = 'en', }) => {
+    const { actions, getLocalizedText } = useTemplateKYCFlowContext();
+    const { t } = useI18n();
+    const { setProcessing } = useKYCStore();
+    const config = component.config;
+    // State
+    const [uploadedFiles, setUploadedFiles] = useState([]);
+    const [isUploading, setIsUploading] = useState(false);
+    const title = getLocalizedText(component.labels);
+    const instructions = getLocalizedText(component.instructions);
+    const buttonText = getLocalizedText(component.ui.buttonText) || t('common.continue');
+    // Parse max size from config string (e.g. "5MB" -> bytes)
+    const parseMaxSize = (sizeStr) => {
+        if (!sizeStr)
+            return 10 * 1024 * 1024; // Default 10MB
+        const value = parseFloat(sizeStr);
+        if (sizeStr.toLowerCase().includes('kb'))
+            return value * 1024;
+        if (sizeStr.toLowerCase().includes('gb'))
+            return value * 1024 * 1024 * 1024;
+        return value * 1024 * 1024; // Default to MB if only number or MB
+    };
+    const maxSizeBytes = parseMaxSize(config.maxSizeEach);
+    const maxFiles = config.maxDocuments || 3;
+    const pickDocument = async () => {
+        if (uploadedFiles.length >= maxFiles) {
+            showAlert(t('common.limitReached') || 'Limit Reached', t('errors.maxFilesReached', { max: maxFiles }) || `You can only upload ${maxFiles} files.`);
+            return;
+        }
+        try {
+            setIsUploading(true);
+            setProcessing(true);
+            // Default allowed types since AdditionalDocumentsConfig structure is complex for categories
+            const allowedTypes = ['application/pdf', 'image/jpeg', 'image/png'];
+            const result = await NativeCameraModule.openFilePicker(allowedTypes);
+            if (result.success && result.uri && result.path) {
+                const fileName = result.path.split('/').pop() || 'Document';
+                const fileSize = result.size || 0;
+                if (fileSize > maxSizeBytes) {
+                    showAlert(t('errors.fileTooLarge') || 'File too large', t('errors.maxFileSize', { size: config.maxSizeEach }) || `Max file size is ${config.maxSizeEach}`);
+                    return;
+                }
+                const newFile = {
+                    uri: result.uri,
+                    path: result.path,
+                    name: fileName,
+                    size: fileSize
+                };
+                const updatedFiles = [...uploadedFiles, newFile];
+                setUploadedFiles(updatedFiles);
+                onValueChange({ documents: updatedFiles }); // Matching expected data structure
+            }
+            else if (result.error) {
+                // Ignore cancellation errors or show generic if needed
+                if (result.error !== 'Canceled') {
+                    showAlert(t('common.error') || 'Error', result.error);
+                }
+            }
+        }
+        catch (error) {
+            console.error('Error selecting file:', error);
+            showAlert(t('common.error') || 'Error', t('errors.unknownError') || 'Failed to select file');
+        }
+        finally {
+            setIsUploading(false);
+            setProcessing(false);
+        }
+    };
+    const removeFile = (index) => {
+        const updatedFiles = uploadedFiles.filter((_, i) => i !== index);
+        setUploadedFiles(updatedFiles);
+        onValueChange({ documents: updatedFiles });
+    };
+    const handleContinue = () => {
+        actions.nextComponent();
+    };
+    // Helpers for UI
+    const getFileIcon = (fileName) => {
+        const extension = fileName.split('.').pop()?.toLowerCase();
+        switch (extension) {
+            case 'pdf': return '📄';
+            case 'jpg':
+            case 'jpeg':
+            case 'png': return '🖼️';
+            default: return '📎';
+        }
+    };
+    const isImageFile = (fileName) => {
+        const extension = fileName.split('.').pop()?.toLowerCase();
+        return ['jpg', 'jpeg', 'png', 'webp'].includes(extension || '');
+    };
+    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];
+    };
+    return (<View style={styles.container}>
+            <Text style={styles.title}>{title}</Text>
+            <Text style={styles.instructions}>{instructions}</Text>
+
+            <View style={styles.uploadArea}>
+                <TouchableOpacity style={[
+            styles.uploadButton,
+            isUploading && styles.uploadButtonDisabled,
+            { borderColor: component.ui.themeColor || '#2DBD60' }
+        ]} onPress={pickDocument} disabled={isUploading}>
+                    <Text style={styles.uploadIcon}>📁</Text>
+                    <Text style={[
+            styles.uploadText,
+            { color: component.ui.themeColor || '#2DBD60' }
+        ]}>
+                        {isUploading ? (t('common.processing') || 'Processing...') : (t('kyc.additionalDocs.add') || 'Select Files')}
+                    </Text>
+                    <Text style={styles.uploadSubtext}>
+                        {t('kyc.additionalDocs.maxSize', { size: config.maxSizeEach }) || `Max size: ${config.maxSizeEach}`}
+                    </Text>
+                </TouchableOpacity>
+            </View>
+
+            {uploadedFiles.length > 0 && (<View style={styles.filesContainer}>
+                    <Text style={styles.subTitle}>
+                        {t('kyc.additionalDocs.uploaded') || 'Uploaded Documents'} ({uploadedFiles.length}/{maxFiles})
+                    </Text>
+                    <ScrollView style={styles.filesList} showsVerticalScrollIndicator={false}>
+                        {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.fileSize}>{formatFileSize(file.size)}</Text>
+                                </View>
+                                <TouchableOpacity style={styles.removeButton} onPress={() => removeFile(index)}>
+                                    <Text style={styles.removeButtonText}>✕</Text>
+                                </TouchableOpacity>
+                            </View>))}
+                    </ScrollView>
+                </View>)}
+
+            {error && <Text style={styles.errorText}>{error}</Text>}
+
+            <Button title={buttonText} onPress={handleContinue} fullWidth style={styles.button} disabled={config.required && uploadedFiles.length < (config.minDocuments || 1)}/>
+        </View>);
+};
+const styles = StyleSheet.create({
+    container: {
+        padding: 20,
+        backgroundColor: 'white',
+        borderRadius: 12,
+        margin: 16,
+        shadowColor: '#000',
+        shadowOffset: { width: 0, height: 2 },
+        shadowOpacity: 0.1,
+        shadowRadius: 4,
+        elevation: 3,
+        width: '95%',
+    },
+    title: {
+        fontSize: 22,
+        fontWeight: 'bold',
+        marginBottom: 10,
+        color: '#333',
+    },
+    instructions: {
+        fontSize: 16,
+        color: '#666',
+        marginBottom: 20,
+        lineHeight: 22,
+    },
+    subTitle: {
+        fontSize: 16,
+        fontWeight: '600',
+        marginBottom: 10,
+        color: '#333',
+    },
+    uploadArea: {
+        marginBottom: 20,
+    },
+    uploadButton: {
+        borderWidth: 2,
+        borderStyle: 'dashed',
+        borderRadius: 12,
+        padding: 24,
+        alignItems: 'center',
+        backgroundColor: '#f0f9f0',
+    },
+    uploadButtonDisabled: {
+        opacity: 0.6,
+    },
+    uploadIcon: {
+        fontSize: 32,
+        marginBottom: 8,
+    },
+    uploadText: {
+        fontSize: 16,
+        fontWeight: '600',
+        marginBottom: 4,
+    },
+    uploadSubtext: {
+        fontSize: 12,
+        color: '#666',
+    },
+    filesContainer: {
+        flex: 1,
+        marginBottom: 10,
+    },
+    filesList: {
+        maxHeight: 200,
+    },
+    fileItem: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        padding: 10,
+        backgroundColor: '#f9f9f9',
+        borderRadius: 8,
+        marginBottom: 8,
+        borderWidth: 1,
+        borderColor: '#eee',
+    },
+    fileThumbnail: {
+        width: 36,
+        height: 36,
+        borderRadius: 4,
+        marginRight: 10,
+    },
+    fileIcon: {
+        width: 36,
+        height: 36,
+        borderRadius: 4,
+        backgroundColor: '#eee',
+        justifyContent: 'center',
+        alignItems: 'center',
+        marginRight: 10,
+    },
+    fileIconText: {
+        fontSize: 18,
+    },
+    fileInfo: {
+        flex: 1,
+    },
+    fileName: {
+        fontSize: 14,
+        fontWeight: '500',
+        color: '#333',
+    },
+    fileSize: {
+        fontSize: 12,
+        color: '#888',
+    },
+    removeButton: {
+        width: 24,
+        height: 24,
+        borderRadius: 12,
+        backgroundColor: '#ff4444',
+        justifyContent: 'center',
+        alignItems: 'center',
+        marginLeft: 8,
+    },
+    removeButtonText: {
+        color: 'white',
+        fontSize: 12,
+        fontWeight: 'bold',
+    },
+    errorText: {
+        color: 'red',
+        marginBottom: 10,
+    },
+    button: {
+        marginTop: 10,
+    },
+});
+//# sourceMappingURL=AdditionalDocumentsTemplate.js.map