@sanctum-key/react-native-sdk 1.0.48 → 1.0.50

package/src/components/KYCElements/VerificationProgressTemplate.tsx

@@ -37,8 +37,10 @@ export const VerificationProgressTemplate: React.FC<VerificationProgressTemplate
       logger.log(`Starting verification check (attempt ${currentRetryCount + 1}/${MAX_RETRIES})...`);
       const result: any = await kycService.getVerificationResult(state.session.session_id);
       
-      const rootStatus = (result?.status || '').toLowerCase();
-      if (rootStatus === 'failed.' || rootStatus === 'failed' || rootStatus === 'rejected' || rootStatus === 'error') {
+      const rootStatus = (result?.status || '').toLowerCase().trim().replace(/\.$/, ''); 
+
+      // FAILED CONDITION
+      if (rootStatus === 'failed' || rootStatus === 'rejected' || rootStatus === 'error') {
         actions.setVerificationState({
           status: 'failed',
           result: {
@@ -68,50 +70,15 @@ export const VerificationProgressTemplate: React.FC<VerificationProgressTemplate
         throw new Error('Verification payload missing or invalid for current session');
       }
 
-      const vStatus = (vData.verification_status || vData.status || vData.state || '').toLowerCase();
+      const vStatus = (vData.verification_status || vData.status || vData.state || '').toLowerCase().replace(/\.$/, '');
       const vDecision = (vData.decision || vData.outcome || vData.result || '').toLowerCase();
       
-      logger.log(`Parsed Status: [${vStatus}], Decision: [${vDecision}]`);
-
-      // SUCCESS CONDITION
-      if (
-        vStatus === 'approved' || 
-        vStatus === 'verified' || 
-        vStatus === 'success' || 
-        vStatus === 'completed' || 
-        vDecision === 'approved' || 
-        vDecision === 'passed' || 
-        vDecision === 'clear'
-      ) {
-        const hasActualData = vData && Object.keys(vData).length > 0;
-        
-        if (!hasActualData) {
-          actions.setVerificationState({
-            status: 'failed',
-            result: {
-              referenceId: state.session.session_id,
-              issues: ['Document text could not be read clearly. Please retake the photo in better lighting.']
-            } as any
-          });
-          isPollingRef.current = false;
-          return;
-        }
-
-        actions.setVerificationState({
-          status: 'success',
-          result: { ...result, referenceId: vData.verification_id || vData.session_id || state.session.session_id } as any
-        });
-        isPollingRef.current = false;
-        return;
-      }
+      logger.log(`Parsed Root Status: [${rootStatus}], Inner Status: [${vStatus}], Decision: [${vDecision}]`);
 
-      // PENDING/PROCESSING CONDITION - RE-INTRODUCING POLLING
+      
       if (
-        vStatus === 'processing' || 
-        vStatus === 'pending' || 
-        vStatus === 'in_progress' || 
-        vStatus === 'initiated' || 
-        !vStatus
+        rootStatus === 'pending' || rootStatus === 'processing' || rootStatus === 'in_progress' ||
+        vStatus === 'processing' || vStatus === 'pending' || vStatus === 'in_progress' || vStatus === 'initiated' || !vStatus
       ) {
         if (currentRetryCount < MAX_RETRIES) {
           const nextCount = currentRetryCount + 1;
@@ -139,8 +106,36 @@ export const VerificationProgressTemplate: React.FC<VerificationProgressTemplate
         return;
       }
 
+      // SUCCESS CONDITION (Only runs if we are absolutely sure it is no longer pending)
+      if (
+        rootStatus === 'success' || rootStatus === 'approved' || rootStatus === 'verified' ||
+        vStatus === 'approved' || vStatus === 'verified' || vStatus === 'success' || vStatus === 'completed' || 
+        vDecision === 'approved' || vDecision === 'passed' || vDecision === 'clear'
+      ) {
+        const hasActualData = vData && Object.keys(vData).length > 0;
+        
+        if (!hasActualData) {
+          actions.setVerificationState({
+            status: 'failed',
+            result: {
+              referenceId: state.session.session_id,
+              issues: ['Document text could not be read clearly. Please retake the photo in better lighting.']
+            } as any
+          });
+          isPollingRef.current = false;
+          return;
+        }
+
+        actions.setVerificationState({
+          status: 'success',
+          result: { ...result, referenceId: vData.verification_id || vData.session_id || state.session.session_id } as any
+        });
+        isPollingRef.current = false;
+        return;
+      }
+
       // UNKNOWN FALLBACK
-      logger.warn(`Unknown verification status received: ${vStatus}`);
+      logger.warn(`Unknown verification status received: Root: ${rootStatus}, Inner: ${vStatus}`);
       actions.setVerificationState({
         status: 'failed',
         result: {
@@ -153,7 +148,6 @@ export const VerificationProgressTemplate: React.FC<VerificationProgressTemplate
     } catch (error: any) {
       logger.error('getVerificationResult error', JSON.stringify(errorMessage(error) || { message: error?.message || 'Unknown error' }, null, 2));
       
-      // If network fails temporarily, we should also retry instead of instantly failing
       if (currentRetryCount < MAX_RETRIES) {
         const nextCount = currentRetryCount + 1;
         if (isMountedRef.current) setRetryCount(nextCount);
@@ -204,7 +198,6 @@ export const VerificationProgressTemplate: React.FC<VerificationProgressTemplate
     };
   }, [isSuccess, actions]);
 
-  // --- RENDER LOGIC ---
 
   if (isSuccess) {
     return (

package/src/components/SelfieCapture.tsx

@@ -3,6 +3,7 @@ import { View, Text, TouchableOpacity, Image, Alert, StyleSheet } from 'react-na
 import { useKYCStore } from '../stores/kycStore';
 import VisionCameraModule from '../modules/camera/VisionCameraModule';
 import { EnhancedCameraView } from './EnhancedCameraView';
+import { sdkLogger } from '../utils/logger'; 
 
 export const SelfieCapture: React.FC = () => {
   const [capturedSelfie, setCapturedSelfie] = useState<string | null>(null);
@@ -13,10 +14,12 @@ export const SelfieCapture: React.FC = () => {
   const instructions = "Placez votre visage dans le cadre et souriez naturellement. Assurez-vous que votre visage est bien éclairé et centré.";
 
   useEffect(() => {
-    // Check camera availability on component mount
+    sdkLogger.info("User started Selfie Capture step");
+
     const checkCameraAvailability = async () => {
       const isAvailable = await VisionCameraModule.isCameraAvailable();
       if (!isAvailable) {
+        sdkLogger.error("Selfie camera check failed: Camera not available on this platform"); 
         Alert.alert('Erreur', 'Caméra non disponible sur cette plateforme');
       }
     };
@@ -26,19 +29,23 @@ export const SelfieCapture: React.FC = () => {
 
   const handleCapture = async () => {
     try {
+      sdkLogger.info("Requesting permissions to start selfie camera"); 
       setIsCapturing(true);
       setProcessing(true);
-
+      
       const hasPermissions = await VisionCameraModule.requestAllPermissions();
       if (!hasPermissions) {
+        sdkLogger.warn("User denied camera/microphone permissions for selfie"); 
         Alert.alert('Permission refusée', 'Nous avons besoin de l\'accès à la caméra et au microphone');
         setIsCapturing(false);
         setProcessing(false);
         return;
       }
-
+      
+      sdkLogger.info("Selfie camera permissions granted, mounting camera"); 
       setShowCamera(true);
-    } catch (error) {
+    } catch (error: any) {
+      sdkLogger.error("Failed to open selfie camera", { error: error?.message }); 
       Alert.alert('Erreur', 'Impossible d\'ouvrir la caméra');
       setIsCapturing(false);
       setProcessing(false);
@@ -46,6 +53,7 @@ export const SelfieCapture: React.FC = () => {
   };
 
   const handleCaptureSuccess = (imagePath: string) => {
+    sdkLogger.info("User successfully captured selfie image"); 
     setCapturedSelfie(imagePath);
     setSelfie(imagePath);
     setShowCamera(false);
@@ -54,6 +62,7 @@ export const SelfieCapture: React.FC = () => {
   };
 
   const handleRetake = () => {
+    sdkLogger.info("User chose to retake selfie"); 
     setCapturedSelfie(null);
     setShowCamera(false);
   };
@@ -62,6 +71,7 @@ export const SelfieCapture: React.FC = () => {
     if (result.success && result.path) {
       handleCaptureSuccess(result.path);
     } else {
+      sdkLogger.warn("Selfie capture action failed", { error: result.error }); // 🚨 LOG
       Alert.alert('Erreur', result.error || 'Échec de la capture');
       setIsCapturing(false);
       setProcessing(false);
@@ -69,6 +79,7 @@ export const SelfieCapture: React.FC = () => {
   };
 
   const handleCameraError = (event: { message: string }) => {
+    sdkLogger.error("Selfie camera hardware/software error", { error: event.message }); // 🚨 LOG
     Alert.alert('Erreur', event.message || 'Une erreur est survenue');
     setShowCamera(false);
     setIsCapturing(false);
@@ -76,6 +87,7 @@ export const SelfieCapture: React.FC = () => {
   };
 
   const handleCloseCamera = () => {
+    sdkLogger.info("User manually closed the selfie camera without capturing"); // 🚨 LOG
     setShowCamera(false);
     setIsCapturing(false);
     setProcessing(false);
@@ -115,18 +127,21 @@ export const SelfieCapture: React.FC = () => {
               resizeMode="cover"
             />
           </View>
-
+          
           <View style={styles.buttonContainer}>
-            <TouchableOpacity
-              style={[styles.button, styles.retakeButton]}
+            <TouchableOpacity 
+              style={[styles.button, styles.retakeButton]} 
               onPress={handleRetake}
             >
               <Text style={styles.buttonText}>Reprendre</Text>
             </TouchableOpacity>
-
-            <TouchableOpacity
-              style={[styles.button, styles.validateButton]}
-              onPress={() => {/* Navigation vers l'étape suivante */}}
+            
+            <TouchableOpacity 
+              style={[styles.button, styles.validateButton]} 
+              onPress={() => {
+                sdkLogger.info("User validated selfie capture, proceeding to next step"); // 🚨 LOG
+                /* Navigation vers l'étape suivante */
+              }}
             >
               <Text style={styles.buttonText}>Valider</Text>
             </TouchableOpacity>
@@ -139,8 +154,8 @@ export const SelfieCapture: React.FC = () => {
             {instructions}
           </Text>
           
-          <TouchableOpacity
-            style={[styles.button, styles.captureButton]}
+          <TouchableOpacity 
+            style={[styles.button, styles.captureButton]} 
             onPress={handleCapture}
             disabled={isCapturing}
           >
@@ -155,90 +170,19 @@ export const SelfieCapture: React.FC = () => {
 };
 
 const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    backgroundColor: '#f5f5f5',
-  },
-  captureContainer: {
-    flex: 1,
-    justifyContent: 'center',
-    alignItems: 'center',
-    padding: 20,
-  },
-  title: {
-    fontSize: 24,
-    fontWeight: 'bold',
-    color: '#333',
-    marginBottom: 20,
-    textAlign: 'center',
-  },
-  instructions: {
-    fontSize: 16,
-    color: '#666',
-    textAlign: 'center',
-    marginBottom: 40,
-    lineHeight: 24,
-  },
-  previewContainer: {
-    flex: 1,
-    padding: 20,
-  },
-  imageContainer: {
-    flex: 1,
-    justifyContent: 'center',
-    alignItems: 'center',
-    marginBottom: 20,
-  },
-  previewImage: {
-    width: 250,
-    height: 250,
-    borderRadius: 125,
-    borderWidth: 3,
-    borderColor: '#4CAF50',
-  },
-  buttonContainer: {
-    flexDirection: 'row',
-    justifyContent: 'space-between',
-    gap: 15,
-  },
-  button: {
-    flex: 1,
-    paddingVertical: 15,
-    paddingHorizontal: 20,
-    borderRadius: 10,
-    alignItems: 'center',
-    justifyContent: 'center',
-  },
-  captureButton: {
-    backgroundColor: '#4CAF50',
-  },
-  retakeButton: {
-    backgroundColor: '#FF9800',
-  },
-  validateButton: {
-    backgroundColor: '#2196F3',
-  },
-  buttonText: {
-    color: 'white',
-    fontSize: 16,
-    fontWeight: '600',
-  },
-  selfieOverlay: {
-    position: 'absolute',
-    top: 0,
-    left: 0,
-    right: 0,
-    bottom: 0,
-    justifyContent: 'center',
-    alignItems: 'center',
-    pointerEvents: 'none',
-  },
-  faceFrame: {
-    width: 250,
-    height: 300,
-    borderWidth: 3,
-    borderColor: '#4CAF50',
-    borderRadius: 125,
-    backgroundColor: 'transparent',
-  },
-}); 
+  container: { flex: 1, backgroundColor: '#f5f5f5', },
+  captureContainer: { flex: 1, justifyContent: 'center', alignItems: 'center', padding: 20, },
+  title: { fontSize: 24, fontWeight: 'bold', color: '#333', marginBottom: 20, textAlign: 'center', },
+  instructions: { fontSize: 16, color: '#666', textAlign: 'center', marginBottom: 40, lineHeight: 24, },
+  previewContainer: { flex: 1, padding: 20, },
+  imageContainer: { flex: 1, justifyContent: 'center', alignItems: 'center', marginBottom: 20, },
+  previewImage: { width: 250, height: 250, borderRadius: 125, borderWidth: 3, borderColor: '#4CAF50', },
+  buttonContainer: { flexDirection: 'row', justifyContent: 'space-between', gap: 15, },
+  button: { flex: 1, paddingVertical: 15, paddingHorizontal: 20, borderRadius: 10, alignItems: 'center', justifyContent: 'center', },
+  captureButton: { backgroundColor: '#4CAF50', },
+  retakeButton: { backgroundColor: '#FF9800', },
+  validateButton: { backgroundColor: '#2196F3', },
+  buttonText: { color: 'white', fontSize: 16, fontWeight: '600', },
+  selfieOverlay: { position: 'absolute', top: 0, left: 0, right: 0, bottom: 0, justifyContent: 'center', alignItems: 'center', pointerEvents: 'none', },
+  faceFrame: { width: 250, height: 300, borderWidth: 3, borderColor: '#4CAF50', borderRadius: 125, backgroundColor: 'transparent', },
+});

package/src/components/TemplateKYCExample.tsx

@@ -3,140 +3,45 @@ import { View, SafeAreaView } from 'react-native';
 import { TemplateKYCFlow } from './TemplateKYCFlowRefactored';
 import { KYCTemplate, VerificationState } from '../types/KYC.types';
 import { KycEnvironment, BackendEnvironment } from '../types/env.types';
-
-
-
+import { sdkLogger } from '../utils/logger'; // 🚨 IMPORT SDK LOGGER
 
 const advancedVerificationTemplate: KYCTemplate = {
   id: 1,
-  name: {
-    en: "Advanced Verification",
-    fr: "Vérification Avancée"
-  },
-  description: {
-    en: "Extended identity verification flow",
-    fr: "Processus de vérification d'identité étendu"
-  },
+  name: { en: "Advanced Verification", fr: "Vérification Avancée" },
+  description: { en: "Extended identity verification flow", fr: "Processus de vérification d'identité étendu" },
   version: "1.1.0",
   components: [
     {
-      id: 5,
-      type: "location" as const,
-      order: 1,
-      labels: {
-        en: "Enable your location",
-        fr: "Activez votre localisation"
-      },
-      instructions: {
-        en: "We need your GPS location for compliance purposes.",
-        fr: "Nous avons besoin de votre localisation GPS pour des raisons réglementaires."
-      },
-      ui: {
-        icon: "location-icon.png",
-        themeColor: "#2DBD60",
-        buttonText: { en: "Enable Location", fr: "Activer la localisation" }
-      },
-      config: {
-        accuracy: "high",
-        required: true
-      } as const
+      id: 5, type: "location" as const, order: 1,
+      labels: { en: "Enable your location", fr: "Activez votre localisation" },
+      instructions: { en: "We need your GPS location for compliance purposes.", fr: "Nous avons besoin de votre localisation GPS pour des raisons réglementaires." },
+      ui: { icon: "location-icon.png", themeColor: "#2DBD60", buttonText: { en: "Enable Location", fr: "Activer la localisation" } },
+      config: { accuracy: "high", required: true } as const
     },
     {
-      id: 6,
-      type: "country_selection" as const,
-      order: 2,
-      labels: {
-        en: "Select your country",
-        fr: "Sélectionnez votre pays"
-      },
-      instructions: {
-        en: "Choose your country of residence.",
-        fr: "Choisissez votre pays de résidence."
-      },
-      ui: {
-        icon: "country-icon.png",
-        themeColor: "#2DBD60",
-        buttonText: { en: "Confirm", fr: "Confirmer" }
-      },
-      config: {
-        allowed_countries: ["CM", "NG", "CI", "KE", "GH"],
-        default_country: "CM",
-        required: true
-      } as const
+      id: 6, type: "country_selection" as const, order: 2,
+      labels: { en: "Select your country", fr: "Sélectionnez votre pays" },
+      instructions: { en: "Choose your country of residence.", fr: "Choisissez votre pays de résidence." },
+      ui: { icon: "country-icon.png", themeColor: "#2DBD60", buttonText: { en: "Confirm", fr: "Confirmer" } },
+      config: { allowed_countries: ["CM", "NG", "CI", "KE", "GH"], default_country: "CM", required: true } as const
     },
     {
-      id: 1,
-      type: "id_card" as const,
-      order: 3,
-      templateId: 1,
-      labels: {
-        front: {
-          en: "Upload front of ID card",
-          fr: "Téléversez le recto de votre carte d'identité"
-        },
-        back: {
-          en: "Upload back of ID card",
-          fr: "Téléversez le verso de votre carte d'identité"
-        },
-      },
-      instructions: {
-        front: {
-          en: "Take a clear photo of the front of your ID.",
-          fr: "Prenez une photo nette du recto de votre pièce."
-        },
-        back: {
-          en: "Take a clear photo of the back of your ID.",
-          fr: "Prenez une photo nette du verso de votre pièce."
-        },
-      },
-      ui: {
-        front: {
-          icon: "id-card-icon.png",
-          themeColor: "#2DBD60",
-          buttonText: { en: "Next", fr: "Suivant" }
-        },
-        back: {
-          icon: "id-card-icon.png",
-          themeColor: "#2DBD60",
-          buttonText: { en: "Next", fr: "Suivant" }
-        },
-      },
-      config: {
-        sides: ["front", "back"],
-        allowed_formats: ["jpg", "png"],
-        max_size_mb: 5,
-        document_types: ["drivers_licence", "passport", "drivers_licence", "national_id"],
-
-      } as const
+      id: 1, type: "id_card" as const, order: 3, templateId: 1,
+      labels: { front: { en: "Upload front of ID card", fr: "Téléversez le recto de votre carte d'identité" }, back: { en: "Upload back of ID card", fr: "Téléversez le verso de votre carte d'identité" }, },
+      instructions: { front: { en: "Take a clear photo of the front of your ID.", fr: "Prenez une photo nette du recto de votre pièce." }, back: { en: "Take a clear photo of the back of your ID.", fr: "Prenez une photo nette du verso de votre pièce." }, },
+      ui: { front: { icon: "id-card-icon.png", themeColor: "#2DBD60", buttonText: { en: "Next", fr: "Suivant" } }, back: { icon: "id-card-icon.png", themeColor: "#2DBD60", buttonText: { en: "Next", fr: "Suivant" } }, },
+      config: { sides: ["front", "back"], allowed_formats: ["jpg", "png"], max_size_mb: 5, document_types: ["drivers_licence", "passport", "drivers_licence", "national_id"], } as const
     },
     {
-      id: 3,
-      type: "selfie" as const,
-      order: 5,
-      templateId: 1,
-      labels: {
-        en: "Take selfies from different angles",
-        fr: "Prenez des selfies sous différents angles"
-      },
-      instructions: {
-        en: "Take selfies from front, left, and right angles.",
-        fr: "Prenez des selfies de face, profil gauche et profil droit."
-      },
-      ui: {
-        icon: "selfie-icon.png",
-        themeColor: "#2DBD60",
-        buttonText: { en: "Next", fr: "Suivant" }
-      },
-      config: {
-        liveness_check: true,
-        max_attempts: 3,
-        orientations: ["center", "left", "right"]
-      } as const
+      id: 3, type: "selfie" as const, order: 5, templateId: 1,
+      labels: { en: "Take selfies from different angles", fr: "Prenez des selfies sous différents angles" },
+      instructions: { en: "Take selfies from front, left, and right angles.", fr: "Prenez des selfies de face, profil gauche et profil droit." },
+      ui: { icon: "selfie-icon.png", themeColor: "#2DBD60", buttonText: { en: "Next", fr: "Suivant" } },
+      config: { liveness_check: true, max_attempts: 3, orientations: ["center", "left", "right"] } as const
     },
   ]
 };
 
-
 export interface TemplateKYCExampleProps {
   onComplete: (data: VerificationState) => void;
   onCancel: () => void;
@@ -145,8 +50,8 @@ export interface TemplateKYCExampleProps {
   API_KEY?: string;
   templateId?: string;
   template?: KYCTemplate;
-  env?: KycEnvironment;           
-  serverEnv?: BackendEnvironment; 
+  env?: KycEnvironment;
+  serverEnv?: BackendEnvironment;
   existingSessionId?: string;
   initialComponentIndex?: number;
   initialCountryResume?: { code: string; documentType: string; region?: string };
@@ -155,28 +60,76 @@ export interface TemplateKYCExampleProps {
   kyc_session_id?: string;
 }
 
-export function TemplateKYCExample({ 
-  onComplete, 
-  onCancel, 
-  onError, 
-  language, 
-  API_KEY, 
-  templateId, 
-  template, 
-  env = 'PRODUCTION', 
-  serverEnv, 
-  existingSessionId, 
-  initialComponentIndex, 
-  initialCountryResume, 
-  referenceId, 
+export function TemplateKYCExample({
+  onComplete,
+  onCancel,
+  onError,
+  language,
+  API_KEY,
+  templateId,
+  template,
+  env = 'PRODUCTION',
+  serverEnv,
+  existingSessionId,
+  initialComponentIndex,
+  initialCountryResume,
+  referenceId,
   onSessionSave,
-  kyc_session_id 
-}: TemplateKYCExampleProps): JSX.Element { // <--- Explicit Return Type
+  kyc_session_id
+}: TemplateKYCExampleProps): JSX.Element {
 
   const handleComplete = (data: VerificationState) => {
-    console.log('KYC Template completed with data:', data);
-    onComplete(data);
-    // Ici vous pouvez envoyer les données à votre API
+    console.log('KYC Template completed with raw data:', data);
+
+    let finalPayload: any = data; // Fallback to raw data if mapping fails
+
+    if ((data.status === 'success' || data.status === 'in_progress') && data.result) {
+      // 1. Extract the dynamic root key (e.g., 'national_id', 'passport')
+      const docKey = Object.keys(data.result)[0];
+      
+      if (docKey && data.result[docKey]) {
+        const backendData = data.result[docKey].data;
+        const personalInfo = backendData?.user_data?.personal_information || {};
+        
+        // Ensure we capture the session ID from whichever prop was provided
+        const activeSessionId = kyc_session_id || existingSessionId || "";
+
+        // 2. Strict mapping to your expected format
+        finalPayload = {
+          data: {
+            verification_id: backendData?.verification_id,
+            verification_status: backendData?.verification_status,
+            session_id: activeSessionId,
+            user_data: {
+              personal_information: {
+                first_name: personalInfo.first_name || undefined,
+                given_name: personalInfo.given_name || undefined,
+                last_name: personalInfo.last_name || undefined,
+                surname: personalInfo.last_name || undefined, // fallback
+                address: personalInfo.address || undefined,
+                city: personalInfo.city || undefined,
+                postal_code: personalInfo.postal_code || undefined,
+                expiry_date: personalInfo.expiry_date || undefined,
+                issue_date: personalInfo.issue_date || undefined,
+                date_of_birth: personalInfo.date_of_birth || undefined,
+                birth_date: personalInfo.date_of_birth || undefined, // fallback
+                country: personalInfo.country || undefined,
+                document_number: (personalInfo as any).document_number || undefined,
+                nationality: (personalInfo as any).nationality || undefined,
+              }
+            }
+          }
+        };
+
+        sdkLogger.info("Wrapper formatted completion payload successfully", { 
+          verification_id: finalPayload.data.verification_id 
+        });
+      }
+    } else {
+      sdkLogger.warn("Wrapper received completion without a success result object", { status: data.status });
+    }
+
+    onComplete(finalPayload as any); 
   };
 
   const handleCancel = () => {
@@ -189,8 +142,6 @@ export function TemplateKYCExample({
     onError(error);
   };
 
-  // Transform backend template to SDK format
-  // Determine which template to use: prefer templateId for dynamic loading, then template prop, then fallback to hardcoded
   const templateToUse = templateId ? undefined : (template || advancedVerificationTemplate);
 
   return (
@@ -202,7 +153,7 @@ export function TemplateKYCExample({
           onComplete={handleComplete}
           onError={handleError}
           onCancel={handleCancel}
-          language={language} // ou "en" pour l'anglais
+          language={language}
           API_KEY={API_KEY}
           env={env}
           serverEnv={serverEnv}
@@ -212,10 +163,8 @@ export function TemplateKYCExample({
           referenceId={referenceId}
           onSessionSave={onSessionSave}
           kyc_session_id={kyc_session_id}
-          
         />
       </View>
     </SafeAreaView>
   );
-}
-
+}