@transfergratis/react-native-sdk 0.1.5 → 0.1.7

package/src/components/KYCElements/VerificationProgressTemplate.tsx

@@ -1,8 +1,9 @@
-import React from 'react';
+import React, { useEffect, useState } from 'react';
 import { View, Text, StyleSheet, TouchableOpacity } from 'react-native';
 import { TemplateComponent } from '../../types/KYC.types';
 import { useTemplateKYCFlowContext } from '../../hooks/useTemplateKYCFlow';
 import { useI18n } from '../../hooks/useI18n';
+import kycService from '../../modules/api/KYCService';
 
 interface VerificationProgressTemplateProps {
   component: TemplateComponent;
@@ -15,18 +16,124 @@ interface VerificationProgressTemplateProps {
 export const VerificationProgressTemplate: React.FC<VerificationProgressTemplateProps> = () => {
   const { t } = useI18n();
   const { state, actions } = useTemplateKYCFlowContext();
+  const [retryCount, setRetryCount] = useState(0);
+  const [isRetrying, setIsRetrying] = useState(false);
+  const [timeoutId, setTimeoutId] = useState<number | null>(null);
 
   const verification = state.verification;
 
   const isSuccess = verification.status === 'success';
   const isFailed = verification.status === 'failed';
 
+  // Fonction pour récupérer le résultat de vérification avec retry
+  const getVerificationResult = async (currentRetryCount = 0, maxRetries = 40) => {
+    try {
+      console.log(`Starting verification check (attempt ${currentRetryCount + 1}/${maxRetries + 1})`);
+      
+      const result = await kycService.getVerificationResult(state.session.session_id);
+      const verificationResult = result[state.session.session_id].data;
+
+      console.log('getVerificationResult result', JSON.stringify(result, null, 2));
+
+      // Vérifier le statut de vérification
+      if (verificationResult.verification_status === null || verificationResult.verification_status === "processing" || verificationResult.verification_status === "pending") {
+        if (currentRetryCount < maxRetries) {
+          const nextRetryCount = currentRetryCount + 1;
+          setRetryCount(nextRetryCount);
+          setIsRetrying(true);
+          
+          console.log(`Verification still processing, retrying in 10s... (${nextRetryCount}/${maxRetries})`);
+
+          // Nettoyer le timeout précédent s'il existe
+          if (timeoutId) {
+            clearTimeout(timeoutId);
+          }
+
+          // Attendre 10 secondes avant de relancer
+          const newTimeoutId = setTimeout(() => {
+            getVerificationResult(nextRetryCount, maxRetries);
+          }, 10000);
+          
+          setTimeoutId(newTimeoutId);
+          return; // Sortir de la fonction pour éviter de traiter le résultat
+        } else {
+          console.error('Max retries reached, verification still processing');
+          setIsRetrying(false);
+          return;
+        }
+      }
+
+      // Traiter le résultat final (success, failed, etc.)
+      if (verificationResult.verification_status === "completed" ||
+        verificationResult.verification_status === "approved") {
+        // Mettre à jour l'état avec le succès
+        actions.setVerificationState({
+          status: 'success',
+          result: result
+        });
+      } else if (verificationResult.verification_status === "failed" ||
+        verificationResult.verification_status === "rejected") {
+        // Mettre à jour l'état avec l'échec
+        actions.setVerificationState({
+          status: 'failed',
+          result: {
+            referenceId: verificationResult.verification_id,
+            issues: ['Verification failed']
+          } as any
+        });
+      }
+
+      setIsRetrying(false);
+
+    } catch (error) {
+      console.error('getVerificationResult error', error);
+
+      // En cas d'erreur, on peut aussi retry
+      if (currentRetryCount < maxRetries) {
+        const nextRetryCount = currentRetryCount + 1;
+        setRetryCount(nextRetryCount);
+        setIsRetrying(true);
+        
+        console.log(`Error occurred, retrying in 10s... (${nextRetryCount}/${maxRetries})`);
+        
+        // Nettoyer le timeout précédent s'il existe
+        if (timeoutId) {
+          clearTimeout(timeoutId);
+        }
+        
+        const newTimeoutId = setTimeout(() => {
+          getVerificationResult(nextRetryCount, maxRetries);
+        }, 10000);
+        
+        setTimeoutId(newTimeoutId);
+      } else {
+        setIsRetrying(false);
+        console.error('Max retries reached after errors');
+      }
+    }
+  };
+
+  useEffect(() => {
+    if (state.session.session_id) {
+      getVerificationResult();
+    }
+  }, [state.session.session_id]);
+
+  // Nettoyage des timeouts lors du démontage du composant
+  useEffect(() => {
+    return () => {
+      if (timeoutId) {
+        clearTimeout(timeoutId);
+      }
+    };
+  }, [timeoutId]);
+
   if (isSuccess) {
     return (
       <View style={styles.container}>
         <Text style={styles.title}>{t('kyc.verificationProgress.steps.complete')}</Text>
         <Text style={styles.subtitle}>{t('kyc.verificationProgress.subtitle')}</Text>
-        <TouchableOpacity style={[styles.button, styles.primary]} onPress={() => actions.resetTemplate()}>
+        <TouchableOpacity style={[styles.button, styles.primary]} onPress={() => actions.submitVerification()}>
           <Text style={styles.buttonText}>{t('common.continue')}</Text>
         </TouchableOpacity>
         {verification.result?.referenceId ? (
@@ -43,11 +150,11 @@ export const VerificationProgressTemplate: React.FC<VerificationProgressTemplate
         <Text style={styles.subtitle}>{t('errors.validationError')}</Text>
         <View style={styles.issuesBox}>
           <Text style={styles.issuesTitle}>{t('common.error')}</Text>
-          {(verification.result?.issues || []).map((issue, idx) => (
+          {Array.isArray(verification.result?.issues) && verification.result.issues.map((issue: string, idx: number) => (
             <Text key={idx} style={styles.issueItem}>• {issue}</Text>
           ))}
         </View>
-        <TouchableOpacity style={[styles.button, styles.primary]} onPress={() => actions.goToComponent( state.template.components.find(c=>c.type!=='review_submit' && c.type!=='verification_progress')?.id || 0)}>
+        <TouchableOpacity style={[styles.button, styles.primary]} onPress={() => actions.goToComponent(state.template.components.find(c => c.type !== 'review_submit' && c.type !== 'verification_progress')?.id || 0)}>
           <Text style={styles.buttonText}>{t('common.retry')}</Text>
         </TouchableOpacity>
         <TouchableOpacity style={[styles.button, styles.secondary]}>
@@ -60,10 +167,21 @@ export const VerificationProgressTemplate: React.FC<VerificationProgressTemplate
     );
   }
 
+
+
+
+
+
+
   return (
     <View style={styles.container}>
       <Text style={styles.title}>{t('kyc.verificationProgress.title')}</Text>
-      <Text style={styles.subtitle}>{t('kyc.verificationProgress.estimatedTime')}</Text>
+      <Text style={styles.subtitle}>
+        {isRetrying
+          ? `${t('kyc.verificationProgress.retrying')} (${retryCount}/10)`
+          : t('kyc.verificationProgress.estimatedTime')
+        }
+      </Text>
 
       <View style={styles.timeline}>
         <View style={[styles.dot, styles.done]}><Text style={styles.stepCheckmark}>✓</Text></View>
@@ -85,7 +203,12 @@ export const VerificationProgressTemplate: React.FC<VerificationProgressTemplate
         <Text style={styles.cardTitle}>{t('kyc.selfieCapture.title')}</Text>
         <Text style={styles.cardLine}>{t('kyc.verificationProgress.steps.analyzing')}</Text>
         <Text style={styles.cardTitle}>{t('kyc.verificationProgress.title')}</Text>
-        <Text style={styles.cardLine}>{t('kyc.verificationProgress.status.pending')}</Text>
+        <Text style={styles.cardLine}>
+          {isRetrying
+            ? `${t('kyc.verificationProgress.status.processing')}...`
+            : t('kyc.verificationProgress.status.pending')
+          }
+        </Text>
       </View>
     </View>
   );

package/src/components/TemplateKYCExample.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { View, StyleSheet } from 'react-native';
 import { TemplateKYCFlow } from './TemplateKYCFlowRefactored';
-import { KYCTemplate } from '../types/KYC.types';
+import { KYCTemplate, VerificationState } from '../types/KYC.types';
 
 // Template JSON basé sur votre exemple
 const advancedVerificationTemplate: KYCTemplate = {
@@ -56,7 +56,7 @@ const advancedVerificationTemplate: KYCTemplate = {
         buttonText: { en: "Confirm", fr: "Confirmer" }
       },
       config: {
-        allowed_countries: ["CA", "FR", "CM", "US", "DE", "CI", "SN", "NG", "MA", "DZ"],
+        allowed_countries: ["CA", "FR", "CM", "US", "DE", "SN", "NG", "MA", "DZ","CI", "KE","GH"],
         default_country: "CA",
         required: true
       } as const
@@ -224,8 +224,8 @@ const advancedVerificationTemplate: KYCTemplate = {
   ]
 };
 
-export const TemplateKYCExample: React.FC<{ onComplete: (data: Record<number, any>) => void, onCancel: () => void, onError: (error: string) => void }> = ({ onComplete, onCancel, onError }) => {
-  const handleComplete = (data: Record<number, any>) => {
+export const TemplateKYCExample: React.FC<{ onComplete: (data: VerificationState) => void, onCancel: () => void, onError: (error: string) => void, language: string, API_KEY: string }> = ({ onComplete, onCancel, onError, language, API_KEY }) => {
+  const handleComplete = (data: VerificationState) => {
     console.log('KYC Template completed with data:', data);
     onComplete(data);
     // Ici vous pouvez envoyer les données à votre API
@@ -248,7 +248,8 @@ export const TemplateKYCExample: React.FC<{ onComplete: (data: Record<number, an
         onComplete={handleComplete}
         onError={handleError}
         onCancel={handleCancel}
-        language="en" // ou "en" pour l'anglais
+        language={language} // ou "en" pour l'anglais
+        API_KEY={API_KEY}
       />
     </View>
   );

package/src/components/TemplateKYCFlowRefactored.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { View, Text, StyleSheet, SafeAreaView, TouchableOpacity, ActivityIndicator, Dimensions } from 'react-native';
-import { KYCTemplate } from '../types/KYC.types';
+import { KYCTemplate, VerificationState } from '../types/KYC.types';
 import { TemplateKYCFlowProvider, useTemplateKYCFlowContext } from '../hooks/useTemplateKYCFlow';
 import { useI18n } from '../hooks/useI18n';
 import { IDCardCapture } from './KYCElements/IDCardCapture';
@@ -14,10 +14,11 @@ import { VerificationProgressTemplate } from './KYCElements/VerificationProgress
 
 interface TemplateKYCFlowProps {
   template: KYCTemplate;
-  onComplete?: (data: Record<number, unknown>) => void;
+  onComplete?: (data: VerificationState) => void;
   onError?: (error: string) => void;
   language?: string;
   onCancel?: () => void;
+  API_KEY?: string;
 }
 
 export const TemplateKYCFlow: React.FC<TemplateKYCFlowProps> = ({
@@ -26,13 +27,16 @@ export const TemplateKYCFlow: React.FC<TemplateKYCFlowProps> = ({
   onError,
   language = 'fr',
   onCancel,
+  API_KEY,
 }) => {
   return (
     <TemplateKYCFlowProvider
       template={template}
       onComplete={onComplete}
       onError={onError}
+      onCancel={onCancel}
       initialLanguage={language}
+      apiKey={API_KEY}
     >
       <TemplateKYCFlowContent onCancel={onCancel} />
     </TemplateKYCFlowProvider>

package/src/hooks/useTemplateKYCFlow.tsx

@@ -1,5 +1,5 @@
 import React, { useState, useCallback, useMemo, createContext, useContext, ReactNode, useEffect } from 'react';
-import { KYCTemplate, TemplateState, TemplateActions, UseTemplateReturn, TemplateComponent } from '../types/KYC.types';
+import { KYCTemplate, TemplateState, TemplateActions, UseTemplateReturn, TemplateComponent, GovernmentDocumentType, VerificationState } from '../types/KYC.types';
 import kycService, { authentification, truncateFields } from '../modules/api/KYCService';
 import useI18n from './useI18n';
 
@@ -22,9 +22,11 @@ const TemplateKYCFlowContext = createContext<TemplateKYCFlowContextType | undefi
 interface TemplateKYCFlowProviderProps {
   children: ReactNode;
   template: KYCTemplate;
-  onComplete?: (data: Record<number, any>) => void;
+  onComplete?: (data: VerificationState) => void;
   onError?: (error: string) => void;
+  onCancel?: () => void;
   initialLanguage?: string;
+  apiKey?: string;
 }
 
 export const TemplateKYCFlowProvider: React.FC<TemplateKYCFlowProviderProps> = ({
@@ -32,9 +34,11 @@ export const TemplateKYCFlowProvider: React.FC<TemplateKYCFlowProviderProps> = (
   template,
   onComplete,
   onError,
+  onCancel,
   initialLanguage = 'en',
+  apiKey,
 }) => {
-  const hookResult = useTemplateKYCFlow(template, onComplete, onError, initialLanguage);
+  const hookResult = useTemplateKYCFlow(template, onComplete, onError, onCancel, initialLanguage, apiKey);
 
   return (
     <TemplateKYCFlowContext.Provider value={hookResult}>
@@ -54,9 +58,11 @@ export const useTemplateKYCFlowContext = (): TemplateKYCFlowContextType => {
 
 export const useTemplateKYCFlow = (
   template: KYCTemplate,
-  onComplete?: (data: Record<number, any>) => void,
+  onComplete?: (data: VerificationState) => void,
   onError?: (error: string) => void,
+  onCancel?: () => void,
   initialLanguage: string = 'en',
+  apiKey?: string,
 ): UseTemplateReturn => {
 
   const { setLocale } = useI18n();
@@ -70,6 +76,80 @@ export const useTemplateKYCFlow = (
     return type === 'verification_progress';
   }, []);
 
+
+
+  const ensureReviewSubmitStep = useCallback((tpl: KYCTemplate): KYCTemplate => {
+    const hasReview = tpl.components.some(c => c.type === 'review_submit');
+    if (hasReview) return tpl;
+
+    const lastOrder = tpl.components.reduce((acc, c) => Math.max(acc, c.order ?? 0), 0);
+    const lastId = tpl.components.reduce((acc, c) => Math.max(acc, c.id), 0);
+
+    const reviewComponent: TemplateComponent = {
+      id: lastId + 1,
+      type: 'review_submit',
+      order: lastOrder + 1,
+      labels: { en: 'Review & Submit', fr: 'Revoir & Soumettre' },
+      instructions: { en: 'Confirm and submit', fr: 'Confirmer et soumettre' },
+      ui: { buttonText: { en: 'Complete Verification', fr: 'Terminer la vérification' } },
+      // @ts-ignore - config unused for review component
+      config: {},
+    } as TemplateComponent;
+
+    return {
+      ...tpl,
+      components: [...tpl.components, reviewComponent],
+    };
+  }, []);
+
+  const ensureVerificationProgressStep = useCallback((tpl: KYCTemplate): KYCTemplate => {
+    const hasVerification = tpl.components.some(c => c.type === 'verification_progress');
+    if (hasVerification) return tpl;
+
+    const lastOrder = tpl.components.reduce((acc, c) => Math.max(acc, c.order ?? 0), 0);
+    const lastId = tpl.components.reduce((acc, c) => Math.max(acc, c.id), 0);
+
+    const verificationComponent: TemplateComponent = {
+      id: lastId + 2,
+      type: 'verification_progress',
+      order: lastOrder + 2,
+      labels: { en: 'Verification', fr: 'Vérification' },
+      instructions: { en: 'We\'re reviewing your documents', fr: 'Nous analysons vos documents' },
+      ui: { buttonText: { en: '', fr: '' } },
+      // @ts-ignore - config unused for progress component
+      config: {},
+    } as TemplateComponent;
+
+    return {
+      ...tpl,
+      components: [...tpl.components, verificationComponent],
+    };
+  }, []);
+
+  const templateWithReview = useMemo(() => ensureReviewSubmitStep(template), [template, ensureReviewSubmitStep]);
+  const templateWithReviewAndVerification = useMemo(() => ensureVerificationProgressStep(templateWithReview), [templateWithReview, ensureVerificationProgressStep]);
+
+  // État du flux
+  const [state, setState] = useState<TemplateState>({
+    template: templateWithReviewAndVerification,
+    currentComponentIndex: 0,
+    completedComponents: [],
+    componentData: {},
+    errors: {},
+    isProcessing: false,
+    currentLanguage: initialLanguage,
+    showCustomStepper: true,
+    session: {
+      session_id: '',
+      token: '',
+      isInitialized: false,
+      isProcessing: false,
+      error: null,
+    },
+    verification: {
+      status: 'idle',
+    },
+  });
   const mapComponentTypeToAction = useCallback((type: TemplateComponent['type']): string | null => {
     switch (type) {
       case 'id_card':
@@ -134,14 +214,19 @@ export const useTemplateKYCFlow = (
     }
 
     if (action === 'selfie_capture') {
-      const metatada: Record<string, any> = {};
+      const documents: Record<string, any> = {};
       if (rawData && typeof rawData === 'object') {
 
         Object.keys(rawData).forEach((key) => {
-          metatada[key] = rawData[key];
+          documents[key] = rawData[key];
         });
       }
-      return { ...base, metatada };
+      const idCardID = Object.keys(state.componentData).find((c: string) => c === "1");
+      if (idCardID) {
+        const _idCardData = state.componentData[idCardID];
+        return { ...base, documents, country: _idCardData?.country || '', documentType: _idCardData?.documentType as GovernmentDocumentType || 'identity_card' };
+      }
+      // return { ...base, documents };
     }
 
     if (action === 'location_permission') {
@@ -150,79 +235,12 @@ export const useTemplateKYCFlow = (
 
     // Default: wrap as metadata
     return { ...base, metadata: { ...(rawData || {}) } };
-  }, []);
+  }, [state.componentData]);
   // Ensure the template contains a final review step
-  const ensureReviewSubmitStep = useCallback((tpl: KYCTemplate): KYCTemplate => {
-    const hasReview = tpl.components.some(c => c.type === 'review_submit');
-    if (hasReview) return tpl;
 
-    const lastOrder = tpl.components.reduce((acc, c) => Math.max(acc, c.order ?? 0), 0);
-    const lastId = tpl.components.reduce((acc, c) => Math.max(acc, c.id), 0);
-
-    const reviewComponent: TemplateComponent = {
-      id: lastId + 1,
-      type: 'review_submit',
-      order: lastOrder + 1,
-      labels: { en: 'Review & Submit', fr: 'Revoir & Soumettre' },
-      instructions: { en: 'Confirm and submit', fr: 'Confirmer et soumettre' },
-      ui: { buttonText: { en: 'Complete Verification', fr: 'Terminer la vérification' } },
-      // @ts-ignore - config unused for review component
-      config: {},
-    } as TemplateComponent;
 
-    return {
-      ...tpl,
-      components: [...tpl.components, reviewComponent],
-    };
-  }, []);
 
-  const ensureVerificationProgressStep = useCallback((tpl: KYCTemplate): KYCTemplate => {
-    const hasVerification = tpl.components.some(c => c.type === 'verification_progress');
-    if (hasVerification) return tpl;
 
-    const lastOrder = tpl.components.reduce((acc, c) => Math.max(acc, c.order ?? 0), 0);
-    const lastId = tpl.components.reduce((acc, c) => Math.max(acc, c.id), 0);
-
-    const verificationComponent: TemplateComponent = {
-      id: lastId + 2,
-      type: 'verification_progress',
-      order: lastOrder + 2,
-      labels: { en: 'Verification', fr: 'Vérification' },
-      instructions: { en: 'We\'re reviewing your documents', fr: 'Nous analysons vos documents' },
-      ui: { buttonText: { en: '', fr: '' } },
-      // @ts-ignore - config unused for progress component
-      config: {},
-    } as TemplateComponent;
-
-    return {
-      ...tpl,
-      components: [...tpl.components, verificationComponent],
-    };
-  }, []);
-
-  const templateWithReview = useMemo(() => ensureReviewSubmitStep(template), [template, ensureReviewSubmitStep]);
-  const templateWithReviewAndVerification = useMemo(() => ensureVerificationProgressStep(templateWithReview), [templateWithReview, ensureVerificationProgressStep]);
-  // État du flux
-  const [state, setState] = useState<TemplateState>({
-    template: templateWithReviewAndVerification,
-    currentComponentIndex: 0,
-    completedComponents: [],
-    componentData: {},
-    errors: {},
-    isProcessing: false,
-    currentLanguage: initialLanguage,
-    showCustomStepper: true,
-    session: {
-      session_id: '',
-      token: '',
-      isInitialized: false,
-      isProcessing: false,
-      error: null,
-    },
-    verification: {
-      status: 'idle',
-    },
-  });
 
   // Composant actuel
   const currentComponent = useMemo(() => {
@@ -534,7 +552,17 @@ export const useTemplateKYCFlow = (
     validateComponent: useCallback((componentId: number) => {
       return validateComponent(componentId);
     }, [validateComponent]),
+    // complet verification
+    submitVerification: useCallback(async () => {
+      setState(prev => ({ ...prev, isProcessing: true }));
+      try {
+        onComplete?.(state.verification);
 
+      } catch (error) {
+        setState(prev => ({ ...prev, isProcessing: false }));
+      }
+    }, [state.session.session_id, state.verification, onComplete]),
+   
     // Soumettre le template complet
     submitTemplate: useCallback(async () => {
       // Allow submission when on the review step and all previous steps are valid
@@ -554,14 +582,14 @@ export const useTemplateKYCFlow = (
         if (!allValid) throw new Error('Certaines étapes ne sont pas complètes');
 
         // Appeler le callback de completion
-        onComplete?.(state.componentData);
+        // onComplete?.(state.componentData);
 
         setState(prev => ({ ...prev, isProcessing: false }));
       } catch (error) {
         setState(prev => ({ ...prev, isProcessing: false }));
         onError?.(error instanceof Error ? error.message : 'Erreur lors de la soumission');
       }
-    }, [state.template.components, state.currentComponentIndex, validateComponent, state.componentData, onComplete, onError]),
+    }, [state.template.components, state.verification, state.currentComponentIndex, validateComponent, state.componentData, onComplete, onError]),
 
     // Réinitialiser le template
     resetTemplate: useCallback(() => {

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';
 

package/src/modules/api/KYCService.ts

@@ -1,7 +1,7 @@
 import axios from 'axios';
 import { GovernmentDocumentType, GovernmentDocumentTypeShorted, OrientationVideoResponse } from '../../types/KYC.types';
 import { ExtractMrzTextResponse } from '../../components/OverLay/type';
-import { SessionResponse, VerificationSessionRequest } from './types';
+import { SessionResponse, VerificationResult, VerificationSessionRequest } from './types';
 
 export interface KYCRequest {
   userId: string;
@@ -42,12 +42,12 @@ export class KYCService {
   private baseURL: string;
   private apiKey: string;
   // Additional service base URLs (fixed as per current infra)
-  private faceServiceURL = 'http://kyc-ecs-alb-278715158.us-east-2.elb.amazonaws.com:8000';
-  private textExtractionServiceURL = 'http://kyc-ecs-alb-278715158.us-east-2.elb.amazonaws.com:8006';
-  private mrzServiceURL = 'http://kyc-ecs-alb-278715158.us-east-2.elb.amazonaws.com:8002';
-  private barcodeServiceURL = 'http://kyc-ecs-alb-278715158.us-east-2.elb.amazonaws.com:8000';
+  private faceServiceURL = 'https://kyc-engine.transfergratis.net:8000';
+  private textExtractionServiceURL = 'https://kyc-engine.transfergratis.net:8006';
+  private mrzServiceURL = 'https://kyc-engine.transfergratis.net:8002';
+  private barcodeServiceURL = 'https://kyc-engine.transfergratis.net:8000';
   private orientationServiceURL = 'http://18.188.180.154:8080';
-  private backendServiceURL = 'http://16.170.133.50/api/v1';
+  private backendServiceURL = 'https://kyc-backend.transfergratis.net/api/v1';
 
   constructor(baseURL: string, apiKey: string) {
     this.baseURL = baseURL;
@@ -387,77 +387,15 @@ export class KYCService {
         ...({ session_id: session_id }),
         timestamp: new Date().toISOString()
       }
-
+      const url = `${this.backendServiceURL}/verification/api/kyc/sessions/${session_id}/steps/${step}/`;
 
 
       const logPayload = truncateFields({ payloadData, session_id, step });
       console.log('verificationSession payload',
-        JSON.stringify({ logPayload, token, path: `${this.backendServiceURL}/verification/api/kyc/sessions/${session_id}/steps/${step}/` },
-          null, 2));
-
-      //  return Promise.resolve({ success: true, message: 'Verification session successful' });
-      // if (action === "document_upload") {
-      //   // Upload un document à la fois pour éviter les timeouts
-      //   const documents = data.documents;
-      //   const sides = Object.keys(documents);
-      //   const results = [];
-
-      //   for (const side of sides) {
-      //     console.log(`📤 Uploading ${side} document...`);
-      //     const startTime = Date.now();
-
-      //     const formData = new FormData();
-      //     formData.append('action', 'document_upload');
-      //     formData.append('session_id', session_id);
-      //     formData.append('timestamp', new Date().toISOString());
-      //     formData.append('side', side);
-
-      //     const fileUri = documents[side].dir;
-      //     const rnFile: any = { 
-      //       uri: fileUri, 
-      //       type: 'image/jpeg', 
-      //       name: `id_card_${side}.jpg` 
-      //     };
-      //     formData.append('front_image', rnFile);
-
-      //     // Ajouter MRZ si disponible
-      //     if (documents[side].mrz) {
-      //       formData.append('mrz', documents[side].mrz);
-      //     }
-
-      //     try {
-      //       const res = await axios.post<SessionResponse>(
-      //         `${this.backendServiceURL}/verification/api/kyc/sessions/${session_id}/steps/${step}/`,
-      //         formData,
-      //         {
-      //           headers: { 
-      //             'Authorization': `Bearer ${token}`    
-      //             // Pas de Content-Type, laissez axios le gérer
-      //           },
-      //           timeout: 30000, // 30 secondes max
-      //           maxContentLength: 50 * 1024 * 1024, // 50MB max
-      //           maxBodyLength: 50 * 1024 * 1024
-      //         }
-      //       );
-
-      //       const uploadTime = Date.now() - startTime;
-      //       console.log(`✅ ${side} uploaded in ${uploadTime}ms:`, res.data);
-      //       results.push({ side, result: res.data, uploadTime });
-
-      //     } catch (error) {
-      //       console.error(`❌ ${side} upload failed:`, error);
-      //       throw new Error(`Upload failed for ${side}: ${error}`);
-      //     }
-      //   }
-
-      //   return { 
-      //     success: true, 
-      //     message: 'All documents uploaded successfully',
-      //     results 
-      //   };
-      // }
-
-      const res = await axios.post<SessionResponse>(`${this.backendServiceURL}/verification/api/kyc/sessions/${session_id}/steps/${step}/`,
+        JSON.stringify({ logPayload, token, path: url },
+          null, 2))
+
+      const res = await axios.post<SessionResponse>(url,
         payloadData,
         {
           headers: { 'Content-Type': 'application/json', 'Authorization': `Bearer ${token}` }
@@ -471,6 +409,15 @@ export class KYCService {
       throw new Error(errorMessage(error));
     }
   }
+  // reultat de la verification
+  async getVerificationResult(session_id: string): Promise<VerificationResult> {
+    const token = await authentification();
+    const url = `${this.backendServiceURL}/verification/api/kyc/result/?session_id=${session_id}`;
+    const res = await axios.get<VerificationResult>(url,
+      { headers: { 'Content-Type': 'application/json', 'Authorization': `Bearer ${token}` } });
+    console.log('getVerificationResult res', JSON.stringify(res.data, null, 2));
+    return res.data;
+  }
 }
 
 
@@ -502,7 +449,7 @@ export const authentification = async () => {
     params.append('client_id', 'kyc_frontend');
     params.append('client_secret', 'ZCW4mGaJXWR0UuI40lM1pHNQmYLw2xvX');
     params.append('grant_type', 'client_credentials');
-    const res = await axios.post(`http://16.170.133.50:7080/realms/kyc/protocol/openid-connect/token`,
+    const res = await axios.post(`https://keycloak.transfergratis.net/realms/kyc/protocol/openid-connect/token`,
       params,
       {
         headers: {