@transfergratis/react-native-sdk 0.1.2

package/src/config/KYCConfigs.ts

@@ -0,0 +1,528 @@
+import { KYCFlowConfig } from '../types/KYC.types';
+
+// Configuration pour KYC basique (passeport + selfie)
+export const basicKYCConfig: KYCFlowConfig = {
+  id: 'basic_kyc',
+  name: 'Vérification d\'identité basique',
+  description: 'Vérification avec passeport et selfie',
+  version: '1.0.0',
+  elements: [
+    {
+      id: 'country_selection',
+      type: 'country_selection',
+      title: 'Quel pays a émis votre document ?',
+      description: 'Cela nous aide à vérifier vos documents rapidement et en toute sécurité',
+      isRequired: true,
+      isVisible: true,
+      order: 0,
+      validation: { required: true },
+      options: [
+        { value: 'FR', label: 'France', icon: '🇫🇷' },
+        { value: 'BE', label: 'Belgique', icon: '🇧🇪' },
+        { value: 'LU', label: 'Luxembourg', icon: '🇱🇺' },
+        { value: 'DE', label: 'Allemagne', icon: '🇩🇪' },
+        { value: 'IT', label: 'Italie', icon: '🇮🇹' },
+        { value: 'ES', label: 'Espagne', icon: '🇪🇸' },
+        { value: 'PT', label: 'Portugal', icon: '🇵🇹' },
+        { value: 'AT', label: 'Autriche', icon: '🇦🇹' },
+        { value: 'CH', label: 'Suisse', icon: '🇨🇭' },
+        { value: 'NL', label: 'Pays-Bas', icon: '🇳🇱' },
+        { value: 'OTHER', label: 'Autre', icon: '🌍' },
+      ],
+    },
+    {
+      id: 'document_type',
+      type: 'document_type_selection',
+      title: 'Quel type de document utilisez-vous ?',
+      description: 'Sélectionnez le type de document que vous allez présenter',
+      isRequired: true,
+      isVisible: true,
+      order: 1,
+      validation: { required: true },
+      options: [
+        { 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' },
+      ],
+    },
+    {
+      id: 'document_front',
+      type: 'camera_capture',
+      title: 'Prenez une photo du recto de votre document',
+      description: 'Placez votre document dans le cadre et assurez-vous qu\'il soit bien visible',
+      isRequired: true,
+      isVisible: true,
+      order: 2,
+      validation: { required: true },
+      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',
+        }
+      },
+    },
+    {
+      id: 'document_back',
+      type: 'camera_capture',
+      title: 'Prenez une photo du verso de votre document',
+      description: 'Placez votre document dans le cadre et assurez-vous qu\'il soit bien visible',
+      isRequired: true,
+      isVisible: true,
+      order: 3,
+      validation: { required: true },
+      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',
+        }
+      },
+    },
+    {
+      id: 'selfie',
+      type: 'selfie_capture',
+      title: 'Prenez une selfie',
+      description: 'Placez votre visage dans le cercle et regardez la caméra',
+      isRequired: true,
+      isVisible: true,
+      order: 4,
+      validation: { required: true },
+      cameraConfig: {
+        aspectRatio: 1,
+        quality: 0.8,
+        flashMode: 'off',
+        cameraType: 'front',
+        allowRetake: true,
+        maxRetakes: 3,
+        overlay: {
+          showGuide: true,
+          guideText: 'Placez votre visage dans le cercle',
+        }
+      },
+    },
+    {
+      id: 'verification',
+      type: 'verification',
+      title: 'Vérification en cours',
+      description: 'Nous vérifions vos informations, veuillez patienter...',
+      isRequired: true,
+      isVisible: true,
+      order: 5,
+    },
+    {
+      id: 'completion',
+      type: 'completion',
+      title: 'Vérification terminée !',
+      description: 'Votre identité a été vérifiée avec succès',
+      isRequired: true,
+      isVisible: true,
+      order: 6,
+    },
+  ],
+  settings: {
+    allowBackNavigation: true,
+    showProgressBar: true,
+    showStepNumbers: true,
+    autoAdvance: false,
+    enableRetry: true,
+    maxRetries: 3,
+  },
+  styling: {
+    primaryColor: '#4CAF50',
+    secondaryColor: '#2196F3',
+    backgroundColor: '#f8f9fa',
+    textColor: '#333',
+    borderRadius: 8,
+  },
+  localization: {
+    language: 'fr',
+    translations: {},
+  },
+};
+
+// Configuration pour KYC avancé (avec upload de fichiers)
+export const advancedKYCConfig: KYCFlowConfig = {
+  id: 'advanced_kyc',
+  name: 'Vérification d\'identité avancée',
+  description: 'Vérification avec documents supplémentaires',
+  version: '1.0.0',
+  elements: [
+    {
+      id: 'country_selection',
+      type: 'country_selection',
+      title: 'Quel pays a émis votre document ?',
+      description: 'Cela nous aide à vérifier vos documents rapidement et en toute sécurité',
+      isRequired: true,
+      isVisible: true,
+      order: 0,
+      validation: { required: true },
+    },
+    {
+      id: 'document_type',
+      type: 'document_type_selection',
+      title: 'Quel type de document utilisez-vous ?',
+      description: 'Sélectionnez le type de document que vous allez présenter',
+      isRequired: true,
+      isVisible: true,
+      order: 1,
+      validation: { required: true },
+    },
+    {
+      id: 'document_front',
+      type: 'camera_capture',
+      title: 'Prenez une photo du recto de votre document',
+      description: 'Placez votre document dans le cadre et assurez-vous qu\'il soit bien visible',
+      isRequired: true,
+      isVisible: true,
+      order: 2,
+      validation: { required: true },
+      cameraConfig: {
+        aspectRatio: 4/3,
+        quality: 0.8,
+        flashMode: 'auto',
+        cameraType: 'back',
+        allowRetake: true,
+        maxRetakes: 3,
+      },
+    },
+    {
+      id: 'document_back',
+      type: 'camera_capture',
+      title: 'Prenez une photo du verso de votre document',
+      description: 'Placez votre document dans le cadre et assurez-vous qu\'il soit bien visible',
+      isRequired: true,
+      isVisible: true,
+      order: 3,
+      validation: { required: true },
+      cameraConfig: {
+        aspectRatio: 4/3,
+        quality: 0.8,
+        flashMode: 'auto',
+        cameraType: 'back',
+        allowRetake: true,
+        maxRetakes: 3,
+      },
+    },
+    {
+      id: 'additional_documents',
+      type: 'file_upload',
+      title: 'Documents supplémentaires (optionnel)',
+      description: 'Vous pouvez ajouter des documents supplémentaires pour accélérer la vérification',
+      isRequired: false,
+      isVisible: true,
+      order: 4,
+      uploadConfig: {
+        allowedTypes: ['image/*', 'application/pdf'],
+        maxFiles: 5,
+        maxFileSize: 10 * 1024 * 1024, // 10MB
+        allowMultiple: true,
+      },
+    },
+    {
+      id: 'selfie',
+      type: 'selfie_capture',
+      title: 'Prenez une selfie',
+      description: 'Placez votre visage dans le cercle et regardez la caméra',
+      isRequired: true,
+      isVisible: true,
+      order: 5,
+      validation: { required: true },
+      cameraConfig: {
+        aspectRatio: 1,
+        quality: 0.8,
+        flashMode: 'off',
+        cameraType: 'front',
+        allowRetake: true,
+        maxRetakes: 3,
+      },
+    },
+    {
+      id: 'verification',
+      type: 'verification',
+      title: 'Vérification en cours',
+      description: 'Nous vérifions vos informations, veuillez patienter...',
+      isRequired: true,
+      isVisible: true,
+      order: 6,
+    },
+    {
+      id: 'completion',
+      type: 'completion',
+      title: 'Vérification terminée !',
+      description: 'Votre identité a été vérifiée avec succès',
+      isRequired: true,
+      isVisible: true,
+      order: 7,
+    },
+  ],
+  settings: {
+    allowBackNavigation: true,
+    showProgressBar: true,
+    showStepNumbers: true,
+    autoAdvance: false,
+    enableRetry: true,
+    maxRetries: 3,
+  },
+  styling: {
+    primaryColor: '#2196F3',
+    secondaryColor: '#4CAF50',
+    backgroundColor: '#f8f9fa',
+    textColor: '#333',
+    borderRadius: 8,
+  },
+  localization: {
+    language: 'fr',
+    translations: {},
+  },
+};
+
+// Configuration pour KYC rapide (selfie uniquement)
+export const quickKYCConfig: KYCFlowConfig = {
+  id: 'quick_kyc',
+  name: 'Vérification rapide',
+  description: 'Vérification avec selfie uniquement',
+  version: '1.0.0',
+  elements: [
+    {
+      id: 'selfie',
+      type: 'selfie_capture',
+      title: 'Prenez une selfie',
+      description: 'Placez votre visage dans le cercle et regardez la caméra',
+      isRequired: true,
+      isVisible: true,
+      order: 0,
+      validation: { required: true },
+      cameraConfig: {
+        aspectRatio: 1,
+        quality: 0.8,
+        flashMode: 'off',
+        cameraType: 'front',
+        allowRetake: true,
+        maxRetakes: 3,
+      },
+    },
+    {
+      id: 'verification',
+      type: 'verification',
+      title: 'Vérification en cours',
+      description: 'Nous vérifions votre identité, veuillez patienter...',
+      isRequired: true,
+      isVisible: true,
+      order: 1,
+    },
+    {
+      id: 'completion',
+      type: 'completion',
+      title: 'Vérification terminée !',
+      description: 'Votre identité a été vérifiée avec succès',
+      isRequired: true,
+      isVisible: true,
+      order: 2,
+    },
+  ],
+  settings: {
+    allowBackNavigation: false,
+    showProgressBar: true,
+    showStepNumbers: true,
+    autoAdvance: true,
+    enableRetry: true,
+    maxRetries: 3,
+  },
+  styling: {
+    primaryColor: '#FF9800',
+    secondaryColor: '#4CAF50',
+    backgroundColor: '#f8f9fa',
+    textColor: '#333',
+    borderRadius: 8,
+  },
+  localization: {
+    language: 'fr',
+    translations: {},
+  },
+};
+
+// Configuration pour KYC professionnel (avec documents multiples)
+export const professionalKYCConfig: KYCFlowConfig = {
+  id: 'professional_kyc',
+  name: 'Vérification professionnelle',
+  description: 'Vérification complète pour professionnels',
+  version: '1.0.0',
+  elements: [
+    {
+      id: 'country_selection',
+      type: 'country_selection',
+      title: 'Quel pays a émis votre document ?',
+      description: 'Cela nous aide à vérifier vos documents rapidement et en toute sécurité',
+      isRequired: true,
+      isVisible: true,
+      order: 0,
+      validation: { required: true },
+    },
+    {
+      id: 'document_type',
+      type: 'document_type_selection',
+      title: 'Quel type de document utilisez-vous ?',
+      description: 'Sélectionnez le type de document que vous allez présenter',
+      isRequired: true,
+      isVisible: true,
+      order: 1,
+      validation: { required: true },
+    },
+    {
+      id: 'document_front',
+      type: 'camera_capture',
+      title: 'Prenez une photo du recto de votre document',
+      description: 'Placez votre document dans le cadre et assurez-vous qu\'il soit bien visible',
+      isRequired: true,
+      isVisible: true,
+      order: 2,
+      validation: { required: true },
+      cameraConfig: {
+        aspectRatio: 4/3,
+        quality: 0.9,
+        flashMode: 'auto',
+        cameraType: 'back',
+        allowRetake: true,
+        maxRetakes: 5,
+      },
+    },
+    {
+      id: 'document_back',
+      type: 'camera_capture',
+      title: 'Prenez une photo du verso de votre document',
+      description: 'Placez votre document dans le cadre et assurez-vous qu\'il soit bien visible',
+      isRequired: true,
+      isVisible: true,
+      order: 3,
+      validation: { required: true },
+      cameraConfig: {
+        aspectRatio: 4/3,
+        quality: 0.9,
+        flashMode: 'auto',
+        cameraType: 'back',
+        allowRetake: true,
+        maxRetakes: 5,
+      },
+    },
+    {
+      id: 'selfie',
+      type: 'selfie_capture',
+      title: 'Prenez une selfie',
+      description: 'Placez votre visage dans le cercle et regardez la caméra',
+      isRequired: true,
+      isVisible: true,
+      order: 4,
+      validation: { required: true },
+      cameraConfig: {
+        aspectRatio: 1,
+        quality: 0.9,
+        flashMode: 'off',
+        cameraType: 'front',
+        allowRetake: true,
+        maxRetakes: 5,
+      },
+    },
+    {
+      id: 'additional_documents',
+      type: 'file_upload',
+      title: 'Documents professionnels',
+      description: 'Ajoutez vos documents professionnels (justificatif de domicile, certificat de travail, etc.)',
+      isRequired: true,
+      isVisible: true,
+      order: 5,
+      uploadConfig: {
+        allowedTypes: ['image/*', 'application/pdf'],
+        maxFiles: 10,
+        maxFileSize: 20 * 1024 * 1024, // 20MB
+        allowMultiple: true,
+      },
+    },
+    {
+      id: 'verification',
+      type: 'verification',
+      title: 'Vérification en cours',
+      description: 'Nous vérifions vos informations, veuillez patienter...',
+      isRequired: true,
+      isVisible: true,
+      order: 6,
+    },
+    {
+      id: 'completion',
+      type: 'completion',
+      title: 'Vérification terminée !',
+      description: 'Votre identité a été vérifiée avec succès',
+      isRequired: true,
+      isVisible: true,
+      order: 7,
+    },
+  ],
+  settings: {
+    allowBackNavigation: true,
+    showProgressBar: true,
+    showStepNumbers: true,
+    autoAdvance: false,
+    enableRetry: true,
+    maxRetries: 5,
+  },
+  styling: {
+    primaryColor: '#9C27B0',
+    secondaryColor: '#4CAF50',
+    backgroundColor: '#f8f9fa',
+    textColor: '#333',
+    borderRadius: 8,
+  },
+  localization: {
+    language: 'fr',
+    translations: {},
+  },
+};
+
+// Fonction pour créer une configuration personnalisée
+export const createCustomKYCConfig = (
+  id: string,
+  name: string,
+  description: string,
+  elements: any[],
+  settings?: any,
+  styling?: any
+): KYCFlowConfig => {
+  return {
+    id,
+    name,
+    description,
+    version: '1.0.0',
+    elements: elements.sort((a, b) => a.order - b.order),
+    settings: {
+      allowBackNavigation: true,
+      showProgressBar: true,
+      showStepNumbers: true,
+      autoAdvance: false,
+      enableRetry: true,
+      maxRetries: 3,
+      ...settings,
+    },
+    styling: {
+      primaryColor: '#4CAF50',
+      secondaryColor: '#2196F3',
+      backgroundColor: '#f8f9fa',
+      textColor: '#333',
+      borderRadius: 8,
+      ...styling,
+    },
+    localization: {
+      language: 'fr',
+      translations: {},
+    },
+  };
+}; 

package/src/hooks/useKYC.ts

@@ -0,0 +1,131 @@
+import { useCallback } from 'react';
+import { useKYCStore } from '../stores/kycStore';
+// import { KYCService } from '../modules/api/KYCService';
+import { Document, Selfie } from '../types/KYC.types';
+
+export const useKYC = () => {
+  const {
+    currentSession,
+    currentStep,
+    isProcessing,
+    error,
+    initializeSession,
+    setCurrentStep,
+    addDocument,
+    setSelfie,
+    setProcessing,
+    setError,
+    clearSession,
+    updateSession
+  } = useKYCStore();
+
+  const startSession = useCallback((userId: string) => {
+    try {
+      initializeSession(userId);
+      setError(null);
+    } catch (error) {
+      setError('Impossible de démarrer la session KYC');
+    }
+  }, [initializeSession, setError]);
+
+  const nextStep = useCallback(() => {
+    if (currentStep < 4) {
+      setCurrentStep(currentStep + 1);
+    }
+  }, [currentStep, setCurrentStep]);
+
+  const previousStep = useCallback(() => {
+    if (currentStep > 0) {
+      setCurrentStep(currentStep - 1);
+    }
+  }, [currentStep, setCurrentStep]);
+
+  const uploadDocument = useCallback(async (document: Document) => {
+    try {
+      setProcessing(true);
+      setError(null);
+
+      // Ajouter le document au store
+      addDocument({
+        id: document.id,
+        type: document.type,
+        imageUri: document.imageUri,
+        uploadedAt: document.uploadedAt,
+        validated: false
+      });
+
+      // Ici vous pourriez appeler l'API pour valider le document
+      // const kycService = new KYCService(apiBaseUrl, apiKey);
+      // const validation = await kycService.validateDocument(document.imageUri, document.type);
+
+      setProcessing(false);
+    } catch (error) {
+      setProcessing(false);
+      setError('Erreur lors de l\'upload du document');
+    }
+  }, [addDocument, setProcessing, setError]);
+
+  const captureSelfie = useCallback(async (selfie: Selfie) => {
+    try {
+      setProcessing(true);
+      setError(null);
+
+      // Ajouter la selfie au store
+      setSelfie(selfie.imageUri);
+
+      setProcessing(false);
+    } catch (error) {
+      setProcessing(false);
+      setError('Erreur lors de la capture de la selfie');
+    }
+  }, [setSelfie, setProcessing, setError]);
+
+  const submitVerification = useCallback(async () => {
+    try {
+      setProcessing(true);
+      setError(null);
+
+      if (!currentSession) {
+        throw new Error('Aucune session KYC active');
+      }
+
+      // Ici vous appelleriez l'API pour soumettre la vérification complète
+      // const kycService = new KYCService(apiBaseUrl, apiKey);
+      // const response = await kycService.submitKYC({
+      //   userId: currentSession.userId,
+      //   documentImage: currentSession.documents[0]?.imageUri,
+      //   selfieImage: currentSession.selfie?.imageUri,
+      //   documentType: currentSession.documents[0]?.type
+      // });
+
+      // Mettre à jour la session
+      updateSession({
+        status: 'completed',
+        // completedAt: new Date()
+      });
+
+      setProcessing(false);
+    } catch (error) {
+      setProcessing(false);
+      setError('Erreur lors de la soumission de la vérification');
+    }
+  }, [currentSession, setProcessing, setError, updateSession]);
+
+  const resetSession = useCallback(() => {
+    clearSession();
+  }, [clearSession]);
+
+  return {
+    session: currentSession,
+    currentStep,
+    isProcessing,
+    error,
+    startSession,
+    nextStep,
+    previousStep,
+    uploadDocument,
+    captureSelfie,
+    submitVerification,
+    resetSession
+  };
+};