@sanctum-key/react-native-sdk 1.0.1 → 1.0.2

package/build/{web → src/web}/WebKYCEntry.js

@@ -6,7 +6,66 @@ import { useI18n } from '../hooks/useI18n';
 import { TemplateKYCExample } from '../components/TemplateKYCExample';
 import { isCallbackUrlAllowed } from '../config/allowedDomains';
 import KYCConfig from '../config/KYCConfig';
-const WebKYCEntry = ({ onComplete, onError, onCancel, }) => {
+const postWebhook = async (url, payload, timeoutMs = 5000) => {
+    const body = JSON.stringify(payload);
+    const postWithTimeout = async (init) => {
+        const controller = new AbortController();
+        const timeoutId = setTimeout(() => controller.abort(), timeoutMs);
+        try {
+            return await fetch(url, {
+                method: 'POST',
+                ...init,
+                signal: controller.signal,
+            });
+        }
+        finally {
+            clearTimeout(timeoutId);
+        }
+    };
+    // In browser, first try a regular JSON POST so servers validating Content-Type
+    // behave the same as Postman/cURL.
+    if (typeof window !== 'undefined') {
+        try {
+            const response = await postWithTimeout({
+                headers: {
+                    'Content-Type': 'application/json',
+                },
+                body,
+                keepalive: true,
+            });
+            if (!response.ok) {
+                throw new Error(`Webhook failed with status ${response.status}`);
+            }
+            return;
+        }
+        catch (error) {
+            // If the request is blocked by browser CORS policy or a network error occurs,
+            // fallback to no-cors + text/plain for best-effort delivery.
+            if (error instanceof Error && error.name === 'AbortError') {
+                throw error;
+            }
+            await postWithTimeout({
+                mode: 'no-cors',
+                headers: {
+                    'Content-Type': 'text/plain;charset=UTF-8',
+                },
+                body,
+                keepalive: true,
+            });
+            return;
+        }
+    }
+    const response = await postWithTimeout({
+        headers: {
+            'Content-Type': 'application/json',
+        },
+        body,
+    });
+    if (!response.ok) {
+        throw new Error(`Webhook failed with status ${response.status}`);
+    }
+};
+const WebKYCEntry = ({ onComplete, onError, onCancel, onSessionSave, }) => {
     const { setLocale } = useI18n();
     const [urlParams, setUrlParams] = useState({});
     const [isLoading, setIsLoading] = useState(true);
@@ -27,6 +86,10 @@ const WebKYCEntry = ({ onComplete, onError, onCancel, }) => {
             token: urlParams.get('token') || undefined,
             return_url: urlParams.get('return_url') || undefined,
             push_url: urlParams.get('push_url') || undefined,
+            save_session_url: urlParams.get('save_session_url') ||
+                urlParams.get('saveSessionUrl') ||
+                undefined,
+            reference_id: urlParams.get('reference_id') || undefined,
             lang: urlParams.get('lang') || 'en',
             theme: urlParams.get('theme') || 'light',
             kyc_id: urlParams.get('kyc_id') || undefined,
@@ -94,19 +157,9 @@ const WebKYCEntry = ({ onComplete, onError, onCancel, }) => {
                 const verificationState = {
                     status: 'success', // verification completed successfully
                     result: data, // pass complete data object as result
+                    reference_id: urlParams.reference_id,
                 };
-                // Send data to provided push_url with a timeout
-                const controller = new AbortController();
-                const timeoutId = setTimeout(() => controller.abort(), 5000); // 5s timeout
-                await fetch(urlParams.push_url, {
-                    method: 'POST',
-                    headers: {
-                        'Content-Type': 'application/json',
-                    },
-                    body: JSON.stringify(verificationState),
-                    signal: controller.signal,
-                });
-                clearTimeout(timeoutId);
+                await postWebhook(urlParams.push_url, verificationState, 5000);
                 console.log('Successfully pushed KYC data to webhook');
             }
             catch (err) {
@@ -140,7 +193,7 @@ const WebKYCEntry = ({ onComplete, onError, onCancel, }) => {
         onError?.(error);
     }, [redirectToReturnUrl, urlParams.kyc_id, onError]);
     // Handle KYC cancellation
-    const handleCancel = useCallback(() => {
+    const handleCancel = useCallback(async () => {
         console.log('KYC cancelled', urlParams.push_url, urlParams);
         setIsAnalyzing(false);
         if (urlParams.push_url) {
@@ -148,19 +201,9 @@ const WebKYCEntry = ({ onComplete, onError, onCancel, }) => {
                 const verificationState = {
                     status: 'cancelled', // verification cancelled
                     result: null, // pass null as result
+                    reference_id: urlParams.reference_id,
                 };
-                // Send data to provided push_url with a timeout
-                const controller = new AbortController();
-                const timeoutId = setTimeout(() => controller.abort(), 5000); // 5s timeout
-                fetch(urlParams.push_url, {
-                    method: 'POST',
-                    headers: {
-                        'Content-Type': 'application/json',
-                    },
-                    body: JSON.stringify(verificationState),
-                    signal: controller.signal,
-                });
-                clearTimeout(timeoutId);
+                await postWebhook(urlParams.push_url, verificationState, 5000);
                 console.log('Successfully pushed KYC cancellation data to webhook');
             }
             catch (err) {
@@ -175,7 +218,32 @@ const WebKYCEntry = ({ onComplete, onError, onCancel, }) => {
             processing_state: 'pending',
         });
         onCancel?.();
-    }, [redirectToReturnUrl, urlParams.kyc_id, onCancel]);
+    }, [redirectToReturnUrl, urlParams.kyc_id, urlParams.push_url, urlParams.reference_id, onCancel]);
+    const handleSessionSave = useCallback(async (sessionId) => {
+        console.log('KYC session created:', sessionId);
+        if (urlParams.save_session_url) {
+            try {
+                const payload = {
+                    status: 'session_created',
+                    reference_id: urlParams.reference_id,
+                    result: {
+                        session_id: sessionId,
+                        kyc_id: sessionId,
+                    },
+                };
+                await postWebhook(urlParams.save_session_url, payload, 5000);
+                console.log('Successfully pushed session data to save_session_url');
+            }
+            catch (err) {
+                // Fail open - do not block the KYC flow if save_session webhook fails
+                console.warn('Failed to push session data to save_session_url:', err);
+            }
+        }
+        else {
+            console.warn('save_session_url is missing in URL params, webhook not called');
+        }
+        onSessionSave?.(sessionId);
+    }, [urlParams.save_session_url, urlParams.reference_id, onSessionSave]);
     // Initialize component
     useEffect(() => {
         try {
@@ -226,7 +294,7 @@ const WebKYCEntry = ({ onComplete, onError, onCancel, }) => {
                 return undefined;
             const index = parseInt(raw, 10);
             return Number.isNaN(index) ? undefined : index;
-        })()} initialCountryResume={urlParams.country && urlParams.document_type ? { code: urlParams.country, documentType: urlParams.document_type, region: urlParams.region || undefined } : undefined}/>
+        })()} initialCountryResume={urlParams.country && urlParams.document_type ? { code: urlParams.country, documentType: urlParams.document_type, region: urlParams.region || undefined } : undefined} referenceId={urlParams.reference_id} onSessionSave={handleSessionSave}/>
     </SafeAreaView>);
 };
 const styles = StyleSheet.create({

package/build/src/web/WebKYCEntry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WebKYCEntry.js","sourceRoot":"","sources":["../../../src/web/WebKYCEntry.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useEffect, useState, useCallback } from 'react';\nimport { View, Text, StyleSheet, SafeAreaView, ActivityIndicator } from 'react-native';\n// import { TemplateKYCFlow } from '../components/TemplateKYCFlowRefactored';\n// import { KYCTemplate } from '../types/KYC.types';\nimport { useI18n } from '../hooks/useI18n';\nimport { TemplateKYCExample } from '../components/TemplateKYCExample';\nimport { isCallbackUrlAllowed } from '../config/allowedDomains';\nimport KYCConfig from '../config/KYCConfig';\nimport { BackendEnvironment } from '../types/env.types';\n\ninterface WebKYCEntryProps {\n  onComplete?: (data: any) => void;\n  onError?: (error: string) => void;\n  onCancel?: () => void;\n  onSessionSave?: (sessionId: string) => void;\n}\n\ninterface URLParams {\n  token?: string;\n  return_url?: string;\n  push_url?: string;\n  save_session_url?: string;\n  reference_id?: string;\n  lang?: string;\n  theme?: string;\n  kyc_id?: string;\n  secret?: string; // Optional secret for signature generation\n  env?: 'PRODUCTION' | 'SANDBOX'; // Environment mode\n  template_id?: string; // Template ID for dynamic template loading\n  server_env?: BackendEnvironment; // Backend environment mode\n  step?: string; // Deprecated: use component_index.\n  component_index?: string; // Index in template.components (0-based) to resume at\n  country?: string; // Code pays pour restaurer la sélection (reprise multi-appareil)\n  document_type?: string; // Type de document (national_id, passport, etc.)\n  region?: string; // Région si applicable\n}\n\ninterface VerificationSteps {\n  document_analyzed?: boolean;\n  selfie_analyzed?: boolean;\n  liveness_checked?: boolean;\n}\n\nconst postWebhook = async (url: string, payload: unknown, timeoutMs: number = 5000) => {\n  const body = JSON.stringify(payload);\n\n  const postWithTimeout = async (init: RequestInit) => {\n    const controller = new AbortController();\n    const timeoutId = setTimeout(() => controller.abort(), timeoutMs);\n    try {\n      return await fetch(url, {\n        method: 'POST',\n        ...init,\n        signal: controller.signal,\n      });\n    } finally {\n      clearTimeout(timeoutId);\n    }\n  };\n\n  // In browser, first try a regular JSON POST so servers validating Content-Type\n  // behave the same as Postman/cURL.\n  if (typeof window !== 'undefined') {\n    try {\n      const response = await postWithTimeout({\n        headers: {\n          'Content-Type': 'application/json',\n        },\n        body,\n        keepalive: true,\n      });\n\n      if (!response.ok) {\n        throw new Error(`Webhook failed with status ${response.status}`);\n      }\n      return;\n    } catch (error) {\n      // If the request is blocked by browser CORS policy or a network error occurs,\n      // fallback to no-cors + text/plain for best-effort delivery.\n      if (error instanceof Error && error.name === 'AbortError') {\n        throw error;\n      }\n\n      await postWithTimeout({\n        mode: 'no-cors',\n        headers: {\n          'Content-Type': 'text/plain;charset=UTF-8',\n        },\n        body,\n        keepalive: true,\n      });\n      return;\n    }\n  }\n\n  const response = await postWithTimeout({\n    headers: {\n      'Content-Type': 'application/json',\n    },\n    body,\n  });\n\n  if (!response.ok) {\n    throw new Error(`Webhook failed with status ${response.status}`);\n  }\n};\n\nconst WebKYCEntry: React.FC<WebKYCEntryProps> = ({\n  onComplete,\n  onError,\n  onCancel,\n  onSessionSave,\n}) => {\n  const { setLocale } = useI18n();\n  const [urlParams, setUrlParams] = useState<URLParams>({});\n  const [isLoading, setIsLoading] = useState(true);\n  const [error, setError] = useState<string | null>(null);\n  const [isAnalyzing, setIsAnalyzing] = useState(false);\n\n  // Parse URL parameters\n  const parseUrlParams = useCallback((): URLParams => {\n    if (typeof window === 'undefined') return {};\n\n    const urlParams = new URLSearchParams(window.location.search);\n    const envParam = urlParams.get('env');\n    const validEnv = envParam === 'SANDBOX' || envParam === 'PRODUCTION' ? envParam : 'PRODUCTION';\n\n    const serverEnvParam = urlParams.get('server_env');\n    const validServerEnv: BackendEnvironment = serverEnvParam === 'TEST' || serverEnvParam === 'PRODUCTION'\n      ? (serverEnvParam as BackendEnvironment)\n      : 'PRODUCTION';\n\n    return {\n      token: urlParams.get('token') || undefined,\n      return_url: urlParams.get('return_url') || undefined,\n      push_url: urlParams.get('push_url') || undefined,\n      save_session_url:\n        urlParams.get('save_session_url') ||\n        urlParams.get('saveSessionUrl') ||\n        undefined,\n      reference_id: urlParams.get('reference_id') || undefined,\n      lang: urlParams.get('lang') || 'en',\n      theme: urlParams.get('theme') || 'light',\n      kyc_id: urlParams.get('kyc_id') || undefined,\n      secret: urlParams.get('secret') || undefined,\n      env: validEnv,\n      template_id: urlParams.get('template_id') || undefined,\n      server_env: validServerEnv,\n      step: urlParams.get('step') || undefined,\n      component_index: urlParams.get('component_index') || undefined,\n      country: urlParams.get('country') || undefined,\n      document_type: urlParams.get('document_type') || undefined,\n      region: urlParams.get('region') || undefined,\n    };\n  }, []);\n\n  // Safe redirect function with enhanced validation\n  const redirectToReturnUrl = useCallback(async (params: {\n    status: 'completed' | 'cancelled' | 'error';\n    kyc_id?: string;\n    message?: string;\n    processing_state?: 'analyzing' | 'completed' | 'pending';\n    verification_steps?: VerificationSteps;\n  }) => {\n    const { return_url } = urlParams;\n\n    if (!return_url) {\n      console.warn('No return_url provided');\n      return;\n    }\n\n    try {\n      // Enhanced URL validation with domain whitelist\n      const validation = isCallbackUrlAllowed(return_url);\n      if (!validation.allowed) {\n        console.error('Callback URL validation failed:', validation.reason);\n        setError(`Security Error: ${validation.reason}`);\n\n        // Log suspicious redirect attempt\n        console.warn('Suspicious redirect attempt blocked:', {\n          url: return_url,\n          reason: validation.reason,\n          timestamp: new Date().toISOString(),\n        });\n        return;\n      }\n      // Send postMessage to parent if in iframe\n      if (window.parent !== window) {\n        const targetOrigin = new URL(return_url).origin;\n        window.parent.postMessage({\n          type: 'kyc_result',\n          status: params.status,\n          kyc_id: params.kyc_id,\n          message: params.message,\n          processing_state: params.processing_state,\n          verification_steps: params.verification_steps,\n        }, targetOrigin);\n      } else {\n        window.location.href = return_url;\n      }\n    } catch (error) {\n      console.error('Error during redirect:', error);\n      setError('Failed to redirect to callback URL');\n    }\n  }, [urlParams]);\n\n  // Handle KYC completion\n  const handleComplete = useCallback(async (data: any) => {\n    console.log('KYC completed:', data);\n\n    // Check if still processing/analyzing\n    const isStillProcessing = data.isProcessing || data.session?.isProcessing;\n\n    // Handle Push URL webhook if provided\n    if (urlParams.push_url) {\n      try {\n        const verificationState = {\n          status: 'success', // verification completed successfully\n          result: data, // pass complete data object as result\n          reference_id: urlParams.reference_id,\n        };\n        await postWebhook(urlParams.push_url, verificationState, 5000);\n        console.log('Successfully pushed KYC data to webhook');\n      } catch (err) {\n        // Fail open - redirect anyway even if webhook fails\n        console.warn('Failed to push data to webhook URL:', err);\n      }\n    }\n\n    redirectToReturnUrl({\n      status: 'completed',\n      kyc_id: data.session_id || urlParams.kyc_id,\n      message: 'KYC process completed successfully',\n      processing_state: isStillProcessing ? 'analyzing' : 'completed',\n      verification_steps: {\n        document_analyzed: data.documentAnalysisComplete || false,\n        selfie_analyzed: data.selfieAnalysisComplete || false,\n        liveness_checked: data.livenessCheckComplete || false,\n      },\n    });\n    onComplete?.(data);\n  }, [redirectToReturnUrl, urlParams, onComplete]);\n\n  // Handle KYC error\n  const handleError = useCallback((error: string) => {\n    console.error('KYC error:', error);\n    setIsAnalyzing(false);\n    redirectToReturnUrl({\n      status: 'error',\n      kyc_id: urlParams.kyc_id,\n      message: error,\n      processing_state: 'pending',\n    });\n    onError?.(error);\n  }, [redirectToReturnUrl, urlParams.kyc_id, onError]);\n\n  // Handle KYC cancellation\n  const handleCancel = useCallback(async () => {\n    console.log('KYC cancelled', urlParams.push_url, urlParams);\n    setIsAnalyzing(false);\n    if (urlParams.push_url) {\n      try {\n        const verificationState = {\n          status: 'cancelled', // verification cancelled\n          result: null, // pass null as result\n          reference_id: urlParams.reference_id,\n        };\n        await postWebhook(urlParams.push_url, verificationState, 5000);\n        console.log('Successfully pushed KYC cancellation data to webhook');\n      } catch (err) {\n        // Fail open - redirect anyway even if webhook fails\n        console.warn('Failed to push data to webhook URL:', err);\n      }\n    }\n    redirectToReturnUrl({\n      status: 'cancelled',\n      kyc_id: urlParams.kyc_id,\n      message: 'KYC process was cancelled',\n      processing_state: 'pending',\n    });\n    onCancel?.();\n  }, [redirectToReturnUrl, urlParams.kyc_id, urlParams.push_url, urlParams.reference_id, onCancel]);\n\n  const handleSessionSave = useCallback(async (sessionId: string) => {\n    console.log('KYC session created:', sessionId);\n\n    if (urlParams.save_session_url) {\n      try {\n        const payload = {\n          status: 'session_created',\n          reference_id: urlParams.reference_id,\n          result: {\n            session_id: sessionId,\n            kyc_id: sessionId,\n          },\n        };\n        await postWebhook(urlParams.save_session_url, payload, 5000);\n        console.log('Successfully pushed session data to save_session_url');\n      } catch (err) {\n        // Fail open - do not block the KYC flow if save_session webhook fails\n        console.warn('Failed to push session data to save_session_url:', err);\n      }\n    } else {\n      console.warn('save_session_url is missing in URL params, webhook not called');\n    }\n\n    onSessionSave?.(sessionId);\n  }, [urlParams.save_session_url, urlParams.reference_id, onSessionSave]);\n\n  // Initialize component\n  useEffect(() => {\n    try {\n      const params = parseUrlParams();\n      setUrlParams(params);\n\n      // Set language if provided\n      if (params.lang) {\n        setLocale(params.lang);\n      }\n\n      // Configure backend environment\n      if (params.server_env) {\n        KYCConfig.setBackendEnvironment(params.server_env);\n      }\n\n      setIsLoading(false);\n    } catch (error) {\n      console.error('Error parsing URL parameters:', error);\n      setError('Error parsing URL parameters');\n      setIsLoading(false);\n    }\n  }, [parseUrlParams, setLocale]);\n\n\n  if (isLoading) {\n    return (\n      <View style={styles.container}>\n        <Text style={styles.loadingText}>Loading KYC process...</Text>\n      </View>\n    );\n  }\n\n  if (error) {\n    return (\n      <View style={styles.container}>\n        <Text style={styles.errorText}>Error: {error}</Text>\n      </View>\n    );\n  }\n\n  if (!urlParams.token) {\n    return (\n      <View style={styles.container}>\n        <Text style={styles.errorText}>No token provided in URL parameters</Text>\n      </View>\n    );\n  }\n\n  return (\n    <SafeAreaView style={styles.container}>\n      {isAnalyzing && (\n        <View style={styles.analyzingOverlay}>\n          <View style={styles.analyzingContainer}>\n            <ActivityIndicator size=\"large\" color=\"#2DBD60\" />\n            <Text style={styles.analyzingText}>Analyzing verification data...</Text>\n            <Text style={styles.analyzingSubtext}>This may take a few moments</Text>\n          </View>\n        </View>\n      )}\n      <TemplateKYCExample\n        onComplete={handleComplete}\n        onCancel={handleCancel}\n        onError={handleError}\n        language={urlParams.lang || 'en'}\n        API_KEY={urlParams.token}\n        templateId={urlParams.template_id}\n        env={urlParams.env || 'PRODUCTION'}\n        serverEnv={urlParams.server_env}\n        existingSessionId={urlParams.kyc_id}\n        initialComponentIndex={(() => {\n          const raw = urlParams.component_index ?? urlParams.step;\n          if (raw == null || raw === '') return undefined;\n          const index = parseInt(raw, 10);\n          return Number.isNaN(index) ? undefined : index;\n        })()}\n        initialCountryResume={urlParams.country && urlParams.document_type ? { code: urlParams.country, documentType: urlParams.document_type, region: urlParams.region || undefined } : undefined}\n        referenceId={urlParams.reference_id}\n        onSessionSave={handleSessionSave}\n      />\n    </SafeAreaView>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    flex: 1,\n    backgroundColor: '#f5f5f5',\n    overflow: 'visible' as any, // Allow scrolling on web\n  },\n  loadingText: {\n    fontSize: 18,\n    textAlign: 'center',\n    marginTop: 50,\n    color: '#666',\n  },\n  errorText: {\n    fontSize: 16,\n    textAlign: 'center',\n    marginTop: 50,\n    color: '#dc2626',\n    paddingHorizontal: 20,\n  },\n  analyzingOverlay: {\n    position: 'absolute',\n    top: 0,\n    left: 0,\n    right: 0,\n    bottom: 0,\n    backgroundColor: 'rgba(0, 0, 0, 0.7)',\n    justifyContent: 'center',\n    alignItems: 'center',\n    zIndex: 9999,\n  },\n  analyzingContainer: {\n    backgroundColor: 'white',\n    borderRadius: 12,\n    padding: 32,\n    alignItems: 'center',\n    shadowColor: '#000',\n    shadowOffset: { width: 0, height: 4 },\n    shadowOpacity: 0.3,\n    shadowRadius: 8,\n    elevation: 8,\n  },\n  analyzingText: {\n    fontSize: 18,\n    fontWeight: '600',\n    color: '#333',\n    marginTop: 16,\n    textAlign: 'center',\n  },\n  analyzingSubtext: {\n    fontSize: 14,\n    color: '#666',\n    marginTop: 8,\n    textAlign: 'center',\n  },\n});\n\nexport default WebKYCEntry;\n"]}

package/build/src/web/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/web/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC"}

package/build/src/web/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/web/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC","sourcesContent":["export { default as WebKYCEntry } from './WebKYCEntry';\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sanctum-key/react-native-sdk",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "Sanctum Key React Native SDK",
   "main": "build/index.js",
   "types": "build/index.d.ts",

package/src/App.tsx

@@ -2,8 +2,8 @@ import CameraCaptureEx from "./components/example/CameraCaptureEx";
 // import SelfieCaptureEx from "./components/example/SelfieCaptureEx";
 // import { KYCExample } from "./components/KYCExample";
 // import { KYCFlow } from "./components/KYCFlow"
-const LauchTransferGratisKYC = () =>{
+const LaunchTransferGratisKYC = () =>{
     return <CameraCaptureEx/>
 }
 
-export default LauchTransferGratisKYC;
+export default LaunchTransferGratisKYC;

package/src/components/KYCElements/IDCardCapture.tsx

@@ -43,7 +43,7 @@ export const IDCardCapture: React.FC<IDCardCaptureProps> = ({
   const { t, locale } = useI18n();
   const [showCamera, setShowCamera] = useState(false);
   const [capturedImages, setCapturedImages] = useState<Record<string, IIDCardPayload>>(value || {});
-  const [cropImageUri, setCropImageUri] = useState<string>('');
+  // const [cropImageUri, setCropImageUri] = useState<string>('');
   const [currentSide, setCurrentSide] = useState<'front' | 'back'>('front');
   const [bboxBySide, setBboxBySide] = useState<Record<string, IBbox>>({});
   const [silentCaptureResult, setSilentCaptureResult] = useState<ISilentCaptureResult>({ success: false, isAnalyzing: false });
@@ -96,6 +96,7 @@ export const IDCardCapture: React.FC<IDCardCaptureProps> = ({
     return countrySelectionData;
   }, [countrySelectionData]);
 
+// console.log();
 
   // Synchroniser capturedImages avec value quand les données sont chargées (ex: reprise de session)
   useEffect(() => {
@@ -130,8 +131,7 @@ export const IDCardCapture: React.FC<IDCardCaptureProps> = ({
     logger.log("cropImageUri", JSON.stringify(truncateFields({ box: silentCaptureResult }), null, 2));
     if (capturedImages[currentSide]?.dir && silentCaptureResult?.bbox) {
       cropImageWithBBox(capturedImages[currentSide].dir, silentCaptureResult.bbox)?.then((uri) => {
-        setCropImageUri(uri);
-        console.log(cropImageUri)
+        // setCropImageUri(uri);
       });
     }
   }, [capturedImages[currentSide]?.dir, silentCaptureResult?.bbox])
@@ -244,6 +244,20 @@ export const IDCardCapture: React.FC<IDCardCaptureProps> = ({
     return found?.mrz_type || null;
   }
 
+  const getCorrespondingAuthMethod = (
+    templatePath: string,
+    mapping: any,
+    selectedDocumentType: string = "root",
+    side: 'front' | 'back'
+  ) => {
+    if (!mapping || !mapping[selectedDocumentType]) return null;
+    const fileName = templatePath.split("/").pop()?.replace(".jpg", "").replace(".png", "");
+    if (!fileName) return null;
+    const pyName = `${fileName}.py`;
+    const found = mapping[selectedDocumentType].find((item: any) => item.py_file === pyName);
+    return found?.[side] || null;
+  }
+
   const handleSilentCapture = async (result: { success: boolean; path?: string; error?: string }) => {
     if (silentCaptureResult.isAnalyzing) {
       return;
@@ -252,6 +266,7 @@ export const IDCardCapture: React.FC<IDCardCaptureProps> = ({
       setSilentCaptureResult((prev) => ({ ...prev, isAnalyzing: true, success: false, error: '' }));
       let templatePath = silentCaptureResult.templatePath || '';
       let templateBbox: IBbox | undefined;
+      let templateResponse: any;
 
       if (!selectedDocumentType) {
         setSilentCaptureResult((prev) => ({ ...prev, isAnalyzing: false, success: false, error: 'Document type not selected' }));
@@ -268,6 +283,7 @@ export const IDCardCapture: React.FC<IDCardCaptureProps> = ({
             docTypeToSend: selectedDocumentType?.type
           });
           const templateType = await checkTemplateType({ path: result.path || '', docType: selectedDocumentType?.type as GovernmentDocumentType, docRegion: countryData?.code || "", postfix: currentSide }, env);
+          templateResponse = templateType;
 
           if (templateType.template_path) {
             templatePath = templateType.template_path;
@@ -308,12 +324,17 @@ export const IDCardCapture: React.FC<IDCardCaptureProps> = ({
         logger.log("Calling frontVerification", { templatePath, selectedDocumentType: selectedDocumentType?.type, regionMappings });
         console.log("About to call frontVerification", typeof frontVerification);
         try {
-          const mrzType = getCorrespondingMrzType(templatePath, regionMappings.regionMapping, regionMappings.key || '') || '';
+          const matchedAuthMethod = getCorrespondingAuthMethod(templatePath, regionMappings.regionMapping, regionMappings.key || '', 'front');
+          const resolvedMrzType = getCorrespondingMrzType(templatePath, regionMappings.regionMapping, regionMappings.key || '');
+          const mrzType = resolvedMrzType || '';
+          const authMethod = matchedAuthMethod
+            ? regionMappings.authMethod.filter((method) => method === matchedAuthMethod)
+            : regionMappings.authMethod.filter((method) => method !== 'MRZ' && method !== '2D_barcode');
           console.log("mrzType calculated", mrzType);
           const verificationParams = {
             path: result.path,
             regionMapping: {
-              authMethod: regionMappings.authMethod,
+              authMethod,
               mrzTypes: regionMappings.mrzTypes,
             },
             selectedDocumentType: GovernmentDocumentTypeShorted[selectedDocumentType?.type as keyof typeof GovernmentDocumentTypeShorted] || '',
@@ -370,18 +391,23 @@ export const IDCardCapture: React.FC<IDCardCaptureProps> = ({
       } else {
         const backRegionMappings = getCurrentSideVerification(currentSide);
         logger.log("Calling backVerification", { templatePath, selectedDocumentType: selectedDocumentType.type, backRegionMappings });
+        const matchedBackAuthMethod = getCorrespondingAuthMethod(templatePath, backRegionMappings.regionMapping, backRegionMappings.key || '', 'back');
+        const backMrzType = getCorrespondingMrzType(templatePath, backRegionMappings.regionMapping, backRegionMappings.key || '') || '';
         
         backVerification({
           path: result.path,
           regionMapping: {
-            authMethod: backRegionMappings.authMethod,
+            authMethod: matchedBackAuthMethod
+              ? backRegionMappings.authMethod.filter((method) => method === matchedBackAuthMethod)
+              : backRegionMappings.authMethod.filter((method) => method !== 'MRZ' && method !== '2D_barcode'),
             mrzTypes: backRegionMappings.mrzTypes,
           },
           selectedDocumentType: GovernmentDocumentTypeShorted[selectedDocumentType.type as keyof typeof GovernmentDocumentTypeShorted] || '',
           code: countryData?.code || '',
           currentSide: currentSide,
           templatePath: templatePath,
-          mrzType: getCorrespondingMrzType(templatePath, backRegionMappings.regionMapping, backRegionMappings.key || '') || '',
+          mrzType: backMrzType,
+          templateResponse,
         }, env).then((res: any) => { 
           logger.log("back verification result", truncateFields(res));
           const bbox = res?.bbox || templateBbox;
@@ -747,7 +773,7 @@ export const IDCardCapture: React.FC<IDCardCaptureProps> = ({
                       setShowCamera(true);
                       setCurrentSide('back');
                       setSilentCaptureResult((prev) => ({ path: '', success: false, isAnalyzing: false, error: '', mrz: '', templatePath: '' }));
-                      setCropImageUri('');
+                      // setCropImageUri('');
                     }
                   }}
                     variant="primary"

package/src/components/KYCElements/VerificationProgressTemplate.tsx

@@ -32,9 +32,14 @@ export const VerificationProgressTemplate: React.FC<VerificationProgressTemplate
       logger.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;
+      const responseData = (result as any)?.data;
+      const verificationResult = responseData?.[state.session.session_id]?.data;
 
-      logger.log('getVerificationResult result', JSON.stringify(result, null, 2));
+      if (!verificationResult) {
+        throw new Error('Verification payload missing for current session');
+      }
+
+      logger.log('getVerificationResult result', JSON.stringify({result,verificationResult}, null, 2));
 
       // Vérifier le statut de vérification
       if (verificationResult.verification_status === null || verificationResult.verification_status === "processing" || verificationResult.verification_status === "pending") {
@@ -86,8 +91,11 @@ export const VerificationProgressTemplate: React.FC<VerificationProgressTemplate
 
       setIsRetrying(false);
 
-    } catch (error) {
-      logger.error('getVerificationResult error', JSON.stringify(errorMessage(error), null, 2));
+    } catch (error: any) {
+      logger.error(
+        'getVerificationResult error',
+        JSON.stringify(errorMessage(error) || { message: error?.message || 'Unknown error' }, null, 2)
+      );
 
       // En cas d'erreur, on peut aussi retry
       if (currentRetryCount < maxRetries) {

package/src/components/KYCElements/WelcomeTemplate.tsx

@@ -5,6 +5,7 @@ import { useTemplateKYCFlowContext } from '../../hooks/useTemplateKYCFlow';
 import { useI18n } from '../../hooks/useI18n';
 import { Button } from '../ui/Button';
 import ShieldIcon from '../Svgs/Schield';
+import sdkPackage from '../../../package.json';
 
 interface WelcomeTemplateProps {
   component: TemplateComponent;
@@ -20,6 +21,7 @@ export const WelcomeTemplate: React.FC<WelcomeTemplateProps> = ({
   onValueChange,
   error,
 }) => {
+  const sdkVersion = sdkPackage.version;
   const { t } = useI18n();
   const { getLocalizedText, actions } = useTemplateKYCFlowContext();
   const config = component.config as WelcomeConfig;
@@ -156,6 +158,7 @@ export const WelcomeTemplate: React.FC<WelcomeTemplateProps> = ({
           style={{ paddingVertical: 20, marginTop: 36 }}
         />
 
+        <Text style={styles.versionText}>SDK version: v{sdkVersion}</Text>
         <View style={{ height: 12 }} />
       </View>
     </View>
@@ -287,4 +290,10 @@ const styles = StyleSheet.create({
     fontSize: 14,
     textAlign: 'center',
   },
+  versionText: {
+    marginTop: 12,
+    fontSize: 12,
+    color: '#6B7280',
+    textAlign: 'center',
+  },
 });

package/src/components/TemplateKYCExample.tsx

@@ -149,7 +149,9 @@ export const TemplateKYCExample: React.FC<{
   existingSessionId?: string;
   initialComponentIndex?: number;
   initialCountryResume?: { code: string; documentType: string; region?: string };
-}> = ({ onComplete, onCancel, onError, language, API_KEY, templateId, template, env = 'PRODUCTION', serverEnv, existingSessionId, initialComponentIndex, initialCountryResume }) => {
+  referenceId?: string;
+  onSessionSave?: (sessionId: string) => void;
+}> = ({ onComplete, onCancel, onError, language, API_KEY, templateId, template, env = 'PRODUCTION', serverEnv, existingSessionId, initialComponentIndex, initialCountryResume, referenceId, onSessionSave }) => {
   const handleComplete = (data: VerificationState) => {
     console.log('KYC Template completed with data:', data);
     onComplete(data);
@@ -186,6 +188,8 @@ export const TemplateKYCExample: React.FC<{
           existingSessionId={existingSessionId}
           initialComponentIndex={initialComponentIndex}
           initialCountryResume={initialCountryResume}
+          referenceId={referenceId}
+          onSessionSave={onSessionSave}
         />
       </View>
     </SafeAreaView>

package/src/components/TemplateKYCFlowRefactored.tsx

@@ -36,6 +36,8 @@ interface TemplateKYCFlowProps {
   initialComponentIndex?: number;
   /** Pays / type de document depuis l'URL de reprise (reprise multi-appareil) */
   initialCountryResume?: { code: string; documentType: string; region?: string };
+  referenceId?: string;
+  onSessionSave?: (sessionId: string) => void;
 }
 
 export const TemplateKYCFlow: React.FC<TemplateKYCFlowProps> = ({
@@ -51,6 +53,8 @@ export const TemplateKYCFlow: React.FC<TemplateKYCFlowProps> = ({
   existingSessionId,
   initialComponentIndex,
   initialCountryResume,
+  referenceId,
+  onSessionSave,
 }) => {
   const { t } = useI18n();
   const { template: loadedTemplate, isLoading, error, loadTemplate } = useTemplateLoader();
@@ -152,6 +156,8 @@ export const TemplateKYCFlow: React.FC<TemplateKYCFlowProps> = ({
       existingSessionId={existingSessionId}
       initialComponentIndex={initialComponentIndex}
       initialCountryResume={initialCountryResume}
+      referenceId={referenceId}
+      onSessionSave={onSessionSave}
     >
       <TemplateKYCFlowContent onCancel={OnCancel} />
     </TemplateKYCFlowProvider>

package/src/config/region_mapping.json

@@ -73,7 +73,7 @@
         "identity_card": {
             "root": [
                 {
-                    "py_file": "cameroon_id_back_1_1.py",
+                    "py_file": "cameroon_id_back_1_1_new.py",
                     "back": "MRZ",
                     "mrz_type": "TD1"
                 },
@@ -96,11 +96,7 @@
                     "mrz_type": "TD1"
                 },
                 {
-                    "py_file": "cameroon_id_front_1_1.py",
-                    "keys_found": null
-                },
-                {
-                    "py_file": "cameroon_id_front_2_1.py",
+                    "py_file": "cameroon_id_front_1_1_new.py",
                     "keys_found": null
                 },
                 {
@@ -599,30 +595,26 @@
         "identity_card": {
             "root": [
                 {
-                    "py_file": "back_1.py",
+                    "py_file": "back_2.py",
                     "back": "MRZ",
                     "mrz_type": "TD1"
                 },
                 {
-                    "py_file": "back_2.py",
-                    "back": "MRZ",
-                    "mrz_type": "TD1"
+                    "py_file": "front_3.py",
+                    "keys_found": null
                 },
                 {
-                    "py_file": "back_3.py",
+                    "py_file": "kenya_back_1.py",
                     "back": "MRZ",
                     "mrz_type": "TD1"
                 },
                 {
-                    "py_file": "front_1.py",
-                    "keys_found": null
-                },
-                {
-                    "py_file": "front_2.py",
-                    "keys_found": null
+                    "py_file": "kenya_back_3.py",
+                    "back": "MRZ",
+                    "mrz_type": "TD1"
                 },
                 {
-                    "py_file": "front_3.py",
+                    "py_file": "kenya_front_2.py",
                     "keys_found": null
                 }
             ]

package/src/config/region_mapping.ts

@@ -75,7 +75,7 @@ export const countryMapping: Record<string, Record<string, Record<string, ICount
         "identity_card": {
             "root": [
                 {
-                    "py_file": "cameroon_id_back_1_1.py",
+                    "py_file": "cameroon_id_back_1_1_new.py",
                     "back": "MRZ",
                     "mrz_type": "TD1"
                 },
@@ -98,11 +98,7 @@ export const countryMapping: Record<string, Record<string, Record<string, ICount
                     "mrz_type": "TD1"
                 },
                 {
-                    "py_file": "cameroon_id_front_1_1.py",
-                    "keys_found": null
-                },
-                {
-                    "py_file": "cameroon_id_front_2_1.py",
+                    "py_file": "cameroon_id_front_1_1_new.py",
                     "keys_found": null
                 },
                 {
@@ -601,30 +597,26 @@ export const countryMapping: Record<string, Record<string, Record<string, ICount
         "identity_card": {
             "root": [
                 {
-                    "py_file": "back_1.py",
+                    "py_file": "back_2.py",
                     "back": "MRZ",
                     "mrz_type": "TD1"
                 },
                 {
-                    "py_file": "back_2.py",
-                    "back": "MRZ",
-                    "mrz_type": "TD1"
+                    "py_file": "front_3.py",
+                    "keys_found": null
                 },
                 {
-                    "py_file": "back_3.py",
+                    "py_file": "kenya_back_1.py",
                     "back": "MRZ",
                     "mrz_type": "TD1"
                 },
                 {
-                    "py_file": "front_1.py",
-                    "keys_found": null
-                },
-                {
-                    "py_file": "front_2.py",
-                    "keys_found": null
+                    "py_file": "kenya_back_3.py",
+                    "back": "MRZ",
+                    "mrz_type": "TD1"
                 },
                 {
-                    "py_file": "front_3.py",
+                    "py_file": "kenya_front_2.py",
                     "keys_found": null
                 }
             ]