@transfergratis/react-native-sdk 0.1.4 → 0.1.6

package/src/i18n/fr/index.ts

@@ -0,0 +1,205 @@
+export const fr = {
+  // Common UI elements
+  common: {
+    next: 'Suivant',
+    previous: 'Précédent',
+    continue: 'Continuer',
+    cancel: 'Annuler',
+    confirm: 'Confirmer',
+    submit: 'Soumettre',
+    retry: 'Réessayer',
+    close: 'Fermer',
+    back: 'Retour',
+    loading: 'Chargement...',
+    error: 'Erreur',
+    success: 'Succès',
+    warning: 'Avertissement',
+    info: 'Information',
+  },
+
+  // KYC Flow
+  kyc: {
+    title: 'Vérification d\'Identité',
+    subtitle: 'Complétez votre vérification d\'identité pour continuer',
+    step: 'Étape %{current} sur %{total}',
+    
+    // Initialization
+    initialization: {
+      title: 'Bienvenue dans la Vérification d\'Identité',
+      description: 'Nous devons vérifier votre identité pour respecter les réglementations et assurer la sécurité.',
+      startButton: 'Commencer la Vérification',
+      requirements: 'Ce dont vous aurez besoin :',
+      requirementsList: [
+        'Une pièce d\'identité officielle valide',
+        'Un bon éclairage pour les photos',
+        'Une connexion internet stable'
+      ]
+    },
+
+    // Location Capture
+    locationCapture: {
+      title: 'Sécurisez Votre Vérification',
+      description: 'Autorisez l\'accès à la localisation pour nous aider à protéger votre compte et à prévenir les activités frauduleuses pendant la vérification.',
+      howThisHelps: 'Comment cela aide :',
+      howThisHelpsList: '• Vérifie que la localisation de votre appareil correspond à votre identité\n• Détecte et empêche les accès non autorisés\n• Garantit la conformité aux réglementations de sécurité',
+      permissionDeniedTitle: 'Permission refusée',
+      permissionDeniedMessage: 'La permission de localisation est nécessaire pour continuer.',
+      locationDisabledTitle: 'Localisation désactivée',
+      locationDisabledMessage: 'Veuillez activer la localisation sur votre appareil pour continuer.',
+      errorTitle: 'Erreur',
+      errorMessage: 'Impossible de récupérer votre localisation. Veuillez réessayer.',
+      obtained: 'Localisation obtenue',
+      latitudeLabel: 'Latitude',
+      longitudeLabel: 'Longitude',
+      accuracyLabel: 'Précision',
+      resetButton: 'Réinitialiser',
+      enableButton: 'Activer l\'accès à la localisation',
+      fetching: 'Récupération...'
+    },
+
+    // Country Selection
+    countrySelection: {
+      title: 'Sélectionnez Votre Pays',
+      subtitle: 'Choisissez le pays qui a émis votre document d\'identité',
+      searchPlaceholder: 'Recherchez votre pays...',
+      noResults: 'Aucun pays trouvé',
+      selectCountry: 'Sélectionner le Pays'
+    },
+
+    // ID Card Capture
+    idCardCapture: {
+      title: 'Capturez Votre Document d\'Identité',
+      subtitle: 'Prenez une photo claire de votre document d\'identité',
+      frontSide: 'Face Avant',
+      backSide: 'Face Arrière',
+      instructions: {
+        title: 'Instructions :',
+        list: [
+          'Placez votre pièce d\'identité sur une surface plane',
+          'Assurez-vous d\'un bon éclairage',
+          'Gardez tout le document dans le cadre',
+          'Évitez les reflets et les ombres'
+        ]
+      },
+      captureButton: 'Prendre la Photo',
+      retakeButton: 'Reprendre',
+      usePhotoButton: 'Utiliser Cette Photo',
+      processing: 'Traitement de l\'image...',
+      success: 'Document d\'identité capturé avec succès',
+      error: 'Échec de la capture du document. Veuillez réessayer.'
+    },
+
+    // Selfie Capture
+    selfieCapture: {
+      title: 'Prenez un Selfie',
+      subtitle: 'Prenez un selfie clair pour la vérification d\'identité',
+      instructions: {
+        title: 'Instructions :',
+        list: [
+          'Regardez directement la caméra',
+          'Assurez-vous d\'un bon éclairage sur votre visage',
+          'Retirez les lunettes et les chapeaux',
+          'Gardez une expression neutre'
+        ]
+      },
+      captureButton: 'Prendre le Selfie',
+      retakeButton: 'Reprendre',
+      usePhotoButton: 'Utiliser Cette Photo',
+      processing: 'Traitement du selfie...',
+      success: 'Selfie capturé avec succès',
+      error: 'Échec de la capture du selfie. Veuillez réessayer.'
+    },
+
+    // File Upload
+    fileUpload: {
+      title: 'Télécharger le Document',
+      subtitle: 'Téléchargez une photo claire de votre document',
+      selectFile: 'Sélectionner le Fichier',
+      uploadButton: 'Télécharger',
+      dragDropText: 'Glissez-déposez votre fichier ici, ou cliquez pour sélectionner',
+      supportedFormats: 'Formats supportés : JPG, PNG, PDF',
+      maxSize: 'Taille maximale : 10MB',
+      processing: 'Traitement du fichier...',
+      success: 'Fichier téléchargé avec succès',
+      error: 'Échec du téléchargement. Veuillez réessayer.'
+    },
+
+    // Verification Progress
+    verificationProgress: {
+      title: 'Vérification de Votre Identité',
+      subtitle: 'Veuillez patienter pendant que nous vérifions vos informations',
+      steps: {
+        analyzing: 'Analyse des documents...',
+        extracting: 'Extraction des informations...',
+        verifying: 'Vérification de l\'identité...',
+        complete: 'Vérification terminée'
+      },
+      estimatedTime: 'Temps estimé : 2-3 minutes',
+      status: {
+        pending: 'En attente',
+        processing: 'En cours',
+        completed: 'Terminé',
+        failed: 'Échoué'
+      }
+    },
+
+    // Review and Submit
+    reviewSubmit: {
+      title: 'Vérifiez Vos Informations',
+      subtitle: 'Veuillez vérifier les informations que nous avons extraites',
+      personalInfo: 'Informations Personnelles',
+      documentInfo: 'Informations du Document',
+      editButton: 'Modifier',
+      submitButton: 'Soumettre pour Vérification',
+      confirmMessage: 'Êtes-vous sûr de vouloir soumettre ces informations ?',
+      processing: 'Soumission...',
+      success: 'Informations soumises avec succès',
+      error: 'Échec de la soumission. Veuillez réessayer.'
+    }
+  },
+
+  // Camera and Media
+  camera: {
+    permissionTitle: 'Permission Caméra Requise',
+    permissionMessage: 'Nous avons besoin d\'accéder à votre caméra pour capturer votre pièce d\'identité et votre selfie.',
+    permissionButton: 'Accorder la Permission',
+    settingsButton: 'Ouvrir les Paramètres',
+    notAvailable: 'Caméra non disponible',
+    switchCamera: 'Changer de Caméra',
+    flashOn: 'Flash Activé',
+    flashOff: 'Flash Désactivé',
+    capturePhoto: 'Prendre la Photo',
+    processing: 'Traitement...',
+    permissionRequired: 'Permission caméra requise. Veuillez accorder la permission pour continuer.',
+    deviceNotAvailable: 'Appareil photo non disponible',
+    notReady: 'Caméra pas prête',
+    analyzing: 'Analyse en cours...',
+    errorOccurred: 'Erreur de caméra survenue',
+    failedToCapture: 'Échec de la capture photo',
+    failedToStartRecording: 'Échec du démarrage de l\'enregistrement vidéo',
+    failedToStopRecording: 'Échec de l\'arrêt de l\'enregistrement vidéo'
+  },
+
+  // Errors
+  errors: {
+    networkError: 'Erreur réseau. Veuillez vérifier votre connexion.',
+    serverError: 'Erreur serveur. Veuillez réessayer plus tard.',
+    validationError: 'Veuillez vérifier vos informations et réessayer.',
+    cameraError: 'Erreur caméra. Veuillez réessayer.',
+    fileError: 'Erreur fichier. Veuillez réessayer.',
+    timeoutError: 'Délai d\'attente dépassé. Veuillez réessayer.',
+    unknownError: 'Une erreur inconnue s\'est produite. Veuillez réessayer.'
+  },
+
+  validation: {
+    required: 'Ce champ est obligatoire',
+    invalidEmail: 'Veuillez entrer une adresse email valide',
+    invalidPhone: 'Veuillez entrer un numéro de téléphone valide',
+    invalidDate: 'Veuillez entrer une date valide',
+    minLength: 'Doit contenir au moins {min} caractères',
+    maxLength: 'Ne doit pas dépasser {max} caractères',
+    invalidFormat: 'Format invalide',
+    fileTooLarge: 'Fichier trop volumineux',
+    fileTypeNotSupported: 'Type de fichier non supporté'
+  }
+};

package/src/i18n/index.ts

@@ -0,0 +1,65 @@
+import { I18n } from 'i18n-js';
+import { en } from './en';
+import { fr } from './fr';
+
+// Create i18n instance
+const i18n = new I18n();
+
+// Set translations
+i18n.translations = {
+  en,
+  fr,
+};
+
+// Set default locale
+i18n.defaultLocale = 'en';
+
+// Set current locale
+i18n.locale = 'en';
+
+// Enable fallback to default locale
+i18n.enableFallback = true;
+
+// Configure pluralization rules
+i18n.pluralization = {
+  en: (count: number) => {
+    if (count === 1) return 'one';
+    return 'other';
+  },
+  fr: (count: number) => {
+    if (count === 0 || count === 1) return 'one';
+    return 'other';
+  },
+} as any;
+
+// Helper function to set locale
+export const setLocale = (locale: string) => {
+  if (i18n.translations[locale]) {
+    i18n.locale = locale;
+  } else {
+    console.warn(`Locale '${locale}' not found. Falling back to default locale.`);
+    i18n.locale = i18n.defaultLocale;
+  }
+};
+
+// Helper function to get current locale
+export const getCurrentLocale = () => i18n.locale;
+
+// Helper function to get available locales
+export const getAvailableLocales = () => Object.keys(i18n.translations);
+
+// Helper function to translate with interpolation
+export const translate = (key: string, options?: any) => {
+  return i18n.t(key, options);
+};
+
+// Helper function to translate with pluralization
+export const translatePlural = (key: string, count: number, options?: any) => {
+  return i18n.t(key, { count, ...options });
+};
+
+// Export the i18n instance
+export { i18n };
+
+// Export default
+export default i18n;

package/src/i18n/types.ts

@@ -0,0 +1,172 @@
+// Type definitions for i18n translations
+
+export interface CommonTranslations {
+  next: string;
+  previous: string;
+  continue: string;
+  cancel: string;
+  confirm: string;
+  submit: string;
+  retry: string;
+  close: string;
+  back: string;
+  loading: string;
+  error: string;
+  success: string;
+  warning: string;
+  info: string;
+}
+
+export interface KYCTranslations {
+  title: string;
+  subtitle: string;
+  step: string;
+  
+  initialization: {
+    title: string;
+    description: string;
+    startButton: string;
+    requirements: string;
+    requirementsList: string[];
+  };
+  
+  countrySelection: {
+    title: string;
+    subtitle: string;
+    searchPlaceholder: string;
+    noResults: string;
+    selectCountry: string;
+  };
+  
+  idCardCapture: {
+    title: string;
+    subtitle: string;
+    frontSide: string;
+    backSide: string;
+    instructions: {
+      title: string;
+      list: string[];
+    };
+    captureButton: string;
+    retakeButton: string;
+    usePhotoButton: string;
+    processing: string;
+    success: string;
+    error: string;
+  };
+  
+  selfieCapture: {
+    title: string;
+    subtitle: string;
+    instructions: {
+      title: string;
+      list: string[];
+    };
+    captureButton: string;
+    retakeButton: string;
+    usePhotoButton: string;
+    processing: string;
+    success: string;
+    error: string;
+  };
+  
+  fileUpload: {
+    title: string;
+    subtitle: string;
+    selectFile: string;
+    uploadButton: string;
+    dragDropText: string;
+    supportedFormats: string;
+    maxSize: string;
+    processing: string;
+    success: string;
+    error: string;
+  };
+  
+  verificationProgress: {
+    title: string;
+    subtitle: string;
+    steps: {
+      analyzing: string;
+      extracting: string;
+      verifying: string;
+      complete: string;
+    };
+    estimatedTime: string;
+    status: {
+      pending: string;
+      processing: string;
+      completed: string;
+      failed: string;
+    };
+  };
+  
+  reviewSubmit: {
+    title: string;
+    subtitle: string;
+    personalInfo: string;
+    documentInfo: string;
+    editButton: string;
+    submitButton: string;
+    confirmMessage: string;
+    processing: string;
+    success: string;
+    error: string;
+  };
+}
+
+export interface CameraTranslations {
+  permissionTitle: string;
+  permissionMessage: string;
+  permissionButton: string;
+  settingsButton: string;
+  notAvailable: string;
+  switchCamera: string;
+  flashOn: string;
+  flashOff: string;
+  capturePhoto: string;
+  processing: string;
+}
+
+export interface ErrorTranslations {
+  networkError: string;
+  serverError: string;
+  validationError: string;
+  cameraError: string;
+  fileError: string;
+  timeoutError: string;
+  unknownError: string;
+}
+
+export interface ValidationTranslations {
+  required: string;
+  invalidEmail: string;
+  invalidPhone: string;
+  invalidDate: string;
+  minLength: string;
+  maxLength: string;
+  invalidFormat: string;
+  fileTooLarge: string;
+  fileTypeNotSupported: string;
+}
+
+export interface TranslationKeys {
+  common: CommonTranslations;
+  kyc: KYCTranslations;
+  camera: CameraTranslations;
+  errors: ErrorTranslations;
+  validation: ValidationTranslations;
+}
+
+// Type for supported locales
+export type SupportedLocale = 'en' | 'fr';
+
+// Type for translation function parameters
+export interface TranslationOptions {
+  [key: string]: any;
+}
+
+// Type for pluralization options
+export interface PluralizationOptions extends TranslationOptions {
+  count: number;
+}

package/src/i18n/usage-example.tsx

@@ -0,0 +1,202 @@
+import React from 'react';
+import { View, Text, TouchableOpacity, StyleSheet } from 'react-native';
+import { useI18n } from '../hooks/useI18n';
+
+// Exemple d'utilisation du système i18n dans votre application
+export const KYCFlowWithI18n: React.FC = () => {
+  const { t, locale, setLocale, availableLocales } = useI18n();
+
+ 
+
+  return (
+    <View style={styles.container}>
+      {/* Sélecteur de langue */}
+      <View style={styles.languageSelector}>
+        <Text style={styles.languageLabel}>{t('kyc.countrySelection.title')}</Text>
+        <View style={styles.languageButtons}>
+          {availableLocales.map((loc) => (
+            <TouchableOpacity
+              key={loc}
+              style={[
+                styles.languageButton,
+                locale === loc && styles.activeLanguageButton
+              ]}
+              onPress={() => setLocale(loc)}
+            >
+              <Text style={[
+                styles.languageButtonText,
+                locale === loc && styles.activeLanguageButtonText
+              ]}>
+                {loc.toUpperCase()}
+              </Text>
+            </TouchableOpacity>
+          ))}
+        </View>
+      </View>
+
+      {/* Titre principal */}
+      <Text style={styles.title}>{t('kyc.title')}</Text>
+      <Text style={styles.subtitle}>{t('kyc.subtitle')}</Text>
+
+      {/* Boutons d'action */}
+      <View style={styles.buttonContainer}>
+        <TouchableOpacity style={styles.primaryButton}>
+          <Text style={styles.primaryButtonText}>
+            {t('kyc.initialization.startButton')}
+          </Text>
+        </TouchableOpacity>
+        
+        <TouchableOpacity style={styles.secondaryButton}>
+          <Text style={styles.secondaryButtonText}>
+            {t('common.cancel')}
+          </Text>
+        </TouchableOpacity>
+      </View>
+
+      {/* Instructions */}
+      <View style={styles.instructionsContainer}>
+        <Text style={styles.instructionsTitle}>
+          {t('kyc.initialization.requirements')}
+        </Text>
+        {/* {t('kyc.initialization.requirementsList').map((requirement: string, index: number) => (
+          <Text key={index} style={styles.requirementItem}>
+            • {requirement}
+          </Text>
+        ))} */}
+      </View>
+
+      {/* Exemple d'utilisation avec interpolation */}
+      <Text style={styles.stepText}>
+        {t('kyc.step', { current: 1, total: 3 })}
+      </Text>
+
+      {/* Exemple d'utilisation avec pluralisation */}
+      <Text style={styles.countText}>
+        {t('kyc.verificationProgress.estimatedTime')}
+      </Text>
+    </View>
+  );
+};
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    padding: 20,
+    backgroundColor: '#FFFFFF',
+  },
+  languageSelector: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    marginBottom: 20,
+    paddingVertical: 10,
+    borderBottomWidth: 1,
+    borderBottomColor: '#E0E0E0',
+  },
+  languageLabel: {
+    fontSize: 16,
+    fontWeight: '600',
+    color: '#333333',
+  },
+  languageButtons: {
+    flexDirection: 'row',
+    gap: 10,
+  },
+  languageButton: {
+    paddingHorizontal: 16,
+    paddingVertical: 8,
+    borderRadius: 20,
+    backgroundColor: '#F5F5F5',
+    borderWidth: 1,
+    borderColor: '#E0E0E0',
+  },
+  activeLanguageButton: {
+    backgroundColor: '#007AFF',
+    borderColor: '#007AFF',
+  },
+  languageButtonText: {
+    fontSize: 14,
+    fontWeight: '500',
+    color: '#666666',
+  },
+  activeLanguageButtonText: {
+    color: '#FFFFFF',
+  },
+  title: {
+    fontSize: 28,
+    fontWeight: 'bold',
+    textAlign: 'center',
+    marginBottom: 10,
+    color: '#333333',
+  },
+  subtitle: {
+    fontSize: 16,
+    textAlign: 'center',
+    marginBottom: 30,
+    color: '#666666',
+    lineHeight: 22,
+  },
+  buttonContainer: {
+    gap: 15,
+    marginBottom: 30,
+  },
+  primaryButton: {
+    backgroundColor: '#007AFF',
+    paddingVertical: 15,
+    paddingHorizontal: 30,
+    borderRadius: 8,
+    alignItems: 'center',
+  },
+  primaryButtonText: {
+    color: '#FFFFFF',
+    fontSize: 16,
+    fontWeight: '600',
+  },
+  secondaryButton: {
+    backgroundColor: 'transparent',
+    paddingVertical: 15,
+    paddingHorizontal: 30,
+    borderRadius: 8,
+    alignItems: 'center',
+    borderWidth: 1,
+    borderColor: '#E0E0E0',
+  },
+  secondaryButtonText: {
+    color: '#666666',
+    fontSize: 16,
+    fontWeight: '500',
+  },
+  instructionsContainer: {
+    backgroundColor: '#F8F9FA',
+    padding: 20,
+    borderRadius: 10,
+    marginBottom: 20,
+  },
+  instructionsTitle: {
+    fontSize: 16,
+    fontWeight: '600',
+    marginBottom: 15,
+    color: '#333333',
+  },
+  requirementItem: {
+    fontSize: 14,
+    marginBottom: 8,
+    color: '#666666',
+    lineHeight: 20,
+  },
+  stepText: {
+    fontSize: 14,
+    textAlign: 'center',
+    color: '#007AFF',
+    fontWeight: '500',
+    marginBottom: 10,
+  },
+  countText: {
+    fontSize: 12,
+    textAlign: 'center',
+    color: '#999999',
+    fontStyle: 'italic',
+  },
+});
+
+export default KYCFlowWithI18n;

package/src/index.ts

@@ -42,6 +42,9 @@ export { FileUploadTemplate } from './components/KYCElements/FileUploadTemplate'
 export { LocationCaptureTemplate } from './components/KYCElements/LocationCaptureTemplate';
 export { CountrySelectionTemplate } from './components/KYCElements/CountrySelectionTemplate';
 
+// Export Web KYC Components
+export { WebKYCEntry } from './web';
+
 // Export KYC Service
 export { default as KYCService } from './modules/api/KYCService';