@transfergratis/react-native-sdk 0.1.23 → 0.1.24

package/build/web/WebKYCEntry.js

@@ -1,14 +1,16 @@
 import React, { useEffect, useState, useCallback } from 'react';
-import { View, Text, StyleSheet, SafeAreaView } from 'react-native';
+import { View, Text, StyleSheet, SafeAreaView, ActivityIndicator } from 'react-native';
 // import { TemplateKYCFlow } from '../components/TemplateKYCFlowRefactored';
 // import { KYCTemplate } from '../types/KYC.types';
 import { useI18n } from '../hooks/useI18n';
 import { TemplateKYCExample } from '../components/TemplateKYCExample';
+import { isCallbackUrlAllowed, generateCallbackSignature } from '../config/allowedDomains';
 const WebKYCEntry = ({ onComplete, onError, onCancel, }) => {
     const { setLocale } = useI18n();
     const [urlParams, setUrlParams] = useState({});
     const [isLoading, setIsLoading] = useState(true);
     const [error, setError] = useState(null);
+    const [isAnalyzing, setIsAnalyzing] = useState(false);
     // Parse URL parameters
     const parseUrlParams = useCallback(() => {
         if (typeof window === 'undefined')
@@ -20,80 +22,117 @@ const WebKYCEntry = ({ onComplete, onError, onCancel, }) => {
             lang: urlParams.get('lang') || 'en',
             theme: urlParams.get('theme') || 'light',
             kyc_id: urlParams.get('kyc_id') || undefined,
+            secret: urlParams.get('secret') || undefined,
         };
     }, []);
-    // Safe redirect function with validation
-    const redirectToReturnUrl = useCallback((params) => {
-        const { return_url } = urlParams;
+    // Safe redirect function with enhanced validation
+    const redirectToReturnUrl = useCallback(async (params) => {
+        const { return_url, secret } = urlParams;
         if (!return_url) {
             console.warn('No return_url provided');
             return;
         }
-        // Basic URL validation - ensure it's a valid URL
         try {
+            // Enhanced URL validation with domain whitelist
+            const validation = isCallbackUrlAllowed(return_url);
+            if (!validation.allowed) {
+                console.error('Callback URL validation failed:', validation.reason);
+                setError(`Security Error: ${validation.reason}`);
+                // Log suspicious redirect attempt
+                console.warn('Suspicious redirect attempt blocked:', {
+                    url: return_url,
+                    reason: validation.reason,
+                    timestamp: new Date().toISOString(),
+                });
+                return;
+            }
             const returnUrl = new URL(return_url);
-            // Optional: Add domain allowlist validation here
-            // const allowedDomains = ['example.com', 'trusted-site.com'];
-            // if (!allowedDomains.some(domain => returnUrl.hostname.endsWith(domain))) {
-            //   console.error('Return URL not in allowlist');
-            //   return;
-            // }
             // Build redirect URL with parameters
             const redirectUrl = new URL(returnUrl);
-            redirectUrl.searchParams.set('status', params.status);
+            const redirectParams = {
+                status: params.status,
+            };
             if (params.kyc_id) {
-                redirectUrl.searchParams.set('kyc_id', params.kyc_id);
+                redirectParams.kyc_id = params.kyc_id;
             }
             if (params.message) {
-                redirectUrl.searchParams.set('message', params.message);
+                redirectParams.message = params.message;
+            }
+            if (params.processing_state) {
+                redirectParams.processing_state = params.processing_state;
+            }
+            if (params.verification_steps) {
+                redirectParams.verification_steps = JSON.stringify(params.verification_steps);
             }
-            if (params.sig) {
-                redirectUrl.searchParams.set('sig', params.sig);
+            // Generate signature for integrity verification
+            if (secret) {
+                const signature = await generateCallbackSignature(redirectParams, secret);
+                if (signature) {
+                    redirectParams.sig = signature;
+                }
             }
-            // Optional: Send postMessage to parent if in iframe
+            // Add all params to URL
+            Object.entries(redirectParams).forEach(([key, value]) => {
+                redirectUrl.searchParams.set(key, value);
+            });
+            // Send postMessage to parent if in iframe
             if (window.parent !== window) {
                 window.parent.postMessage({
                     type: 'kyc_result',
                     status: params.status,
                     kyc_id: params.kyc_id,
                     message: params.message,
-                }, '*');
+                    processing_state: params.processing_state,
+                    verification_steps: params.verification_steps,
+                }, returnUrl.origin); // Use specific origin instead of '*'
             }
             // Redirect to return URL
             window.location.href = redirectUrl.toString();
         }
         catch (error) {
-            console.error('Invalid return URL:', error);
-            setError('Invalid return URL provided');
+            console.error('Error during redirect:', error);
+            setError('Failed to redirect to callback URL');
         }
     }, [urlParams]);
     // Handle KYC completion
     const handleComplete = useCallback((data) => {
         console.log('KYC completed:', data);
+        // Check if still processing/analyzing
+        const isStillProcessing = data.isProcessing || data.session?.isProcessing;
         redirectToReturnUrl({
             status: 'completed',
             kyc_id: data.session_id || urlParams.kyc_id,
             message: 'KYC process completed successfully',
+            processing_state: isStillProcessing ? 'analyzing' : 'completed',
+            verification_steps: {
+                document_analyzed: data.documentAnalysisComplete || false,
+                selfie_analyzed: data.selfieAnalysisComplete || false,
+                liveness_checked: data.livenessCheckComplete || false,
+            },
         });
         onComplete?.(data);
     }, [redirectToReturnUrl, urlParams.kyc_id, onComplete]);
     // Handle KYC error
     const handleError = useCallback((error) => {
         console.error('KYC error:', error);
+        setIsAnalyzing(false);
         redirectToReturnUrl({
             status: 'error',
             kyc_id: urlParams.kyc_id,
             message: error,
+            processing_state: 'pending',
         });
         onError?.(error);
     }, [redirectToReturnUrl, urlParams.kyc_id, onError]);
     // Handle KYC cancellation
     const handleCancel = useCallback(() => {
         console.log('KYC cancelled');
+        setIsAnalyzing(false);
         redirectToReturnUrl({
             status: 'cancelled',
             kyc_id: urlParams.kyc_id,
             message: 'KYC process was cancelled',
+            processing_state: 'pending',
         });
         onCancel?.();
     }, [redirectToReturnUrl, urlParams.kyc_id, onCancel]);
@@ -130,6 +169,13 @@ const WebKYCEntry = ({ onComplete, onError, onCancel, }) => {
       </View>);
     }
     return (<SafeAreaView style={styles.container}>
+      {isAnalyzing && (<View style={styles.analyzingOverlay}>
+          <View style={styles.analyzingContainer}>
+            <ActivityIndicator size="large" color="#2DBD60"/>
+            <Text style={styles.analyzingText}>Analyzing verification data...</Text>
+            <Text style={styles.analyzingSubtext}>This may take a few moments</Text>
+          </View>
+        </View>)}
        <TemplateKYCExample onComplete={handleComplete} onCancel={handleCancel} onError={handleError} language={urlParams.lang || 'en'} API_KEY={urlParams.token}/>
     </SafeAreaView>);
 };
@@ -137,6 +183,7 @@ const styles = StyleSheet.create({
     container: {
         flex: 1,
         backgroundColor: '#f5f5f5',
+        overflow: 'visible', // Allow scrolling on web
     },
     loadingText: {
         fontSize: 18,
@@ -151,6 +198,41 @@ const styles = StyleSheet.create({
         color: '#dc2626',
         paddingHorizontal: 20,
     },
+    analyzingOverlay: {
+        position: 'absolute',
+        top: 0,
+        left: 0,
+        right: 0,
+        bottom: 0,
+        backgroundColor: 'rgba(0, 0, 0, 0.7)',
+        justifyContent: 'center',
+        alignItems: 'center',
+        zIndex: 9999,
+    },
+    analyzingContainer: {
+        backgroundColor: 'white',
+        borderRadius: 12,
+        padding: 32,
+        alignItems: 'center',
+        shadowColor: '#000',
+        shadowOffset: { width: 0, height: 4 },
+        shadowOpacity: 0.3,
+        shadowRadius: 8,
+        elevation: 8,
+    },
+    analyzingText: {
+        fontSize: 18,
+        fontWeight: '600',
+        color: '#333',
+        marginTop: 16,
+        textAlign: 'center',
+    },
+    analyzingSubtext: {
+        fontSize: 14,
+        color: '#666',
+        marginTop: 8,
+        textAlign: 'center',
+    },
 });
 export default WebKYCEntry;
 //# sourceMappingURL=WebKYCEntry.js.map

package/build/web/WebKYCEntry.js.map

@@ -1 +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 } 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';\n\ninterface WebKYCEntryProps {\n  onComplete?: (data: any) => void;\n  onError?: (error: string) => void;\n  onCancel?: () => void;\n}\n\ninterface URLParams {\n  token?: string;\n  return_url?: string;\n  lang?: string;\n  theme?: string;\n  kyc_id?: string;\n}\n\nconst WebKYCEntry: React.FC<WebKYCEntryProps> = ({\n  onComplete,\n  onError,\n  onCancel,\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\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    return {\n      token: urlParams.get('token') || undefined,\n      return_url: urlParams.get('return_url') || undefined,\n      lang: urlParams.get('lang') || 'en',\n      theme: urlParams.get('theme') || 'light',\n      kyc_id: urlParams.get('kyc_id') || undefined,\n    };\n  }, []);\n\n  // Safe redirect function with validation\n  const redirectToReturnUrl = useCallback((params: {\n    status: 'completed' | 'cancelled' | 'error';\n    kyc_id?: string;\n    message?: string;\n    sig?: string;\n  }) => {\n    const { return_url } = urlParams;\n    \n    if (!return_url) {\n      console.warn('No return_url provided');\n      return;\n    }\n\n    // Basic URL validation - ensure it's a valid URL\n    try {\n      const returnUrl = new URL(return_url);\n      \n      // Optional: Add domain allowlist validation here\n      // const allowedDomains = ['example.com', 'trusted-site.com'];\n      // if (!allowedDomains.some(domain => returnUrl.hostname.endsWith(domain))) {\n      //   console.error('Return URL not in allowlist');\n      //   return;\n      // }\n\n      // Build redirect URL with parameters\n      const redirectUrl = new URL(returnUrl);\n      redirectUrl.searchParams.set('status', params.status);\n      \n      if (params.kyc_id) {\n        redirectUrl.searchParams.set('kyc_id', params.kyc_id);\n      }\n      \n      if (params.message) {\n        redirectUrl.searchParams.set('message', params.message);\n      }\n      \n      if (params.sig) {\n        redirectUrl.searchParams.set('sig', params.sig);\n      }\n\n      // Optional: Send postMessage to parent if in iframe\n      if (window.parent !== window) {\n        window.parent.postMessage({\n          type: 'kyc_result',\n          status: params.status,\n          kyc_id: params.kyc_id,\n          message: params.message,\n        }, '*');\n      }\n\n      // Redirect to return URL\n      window.location.href = redirectUrl.toString();\n    } catch (error) {\n      console.error('Invalid return URL:', error);\n      setError('Invalid return URL provided');\n    }\n  }, [urlParams]);\n\n  // Handle KYC completion\n  const handleComplete = useCallback((data: any) => {\n    console.log('KYC completed:', data);\n    redirectToReturnUrl({\n      status: 'completed',\n      kyc_id: data.session_id || urlParams.kyc_id,\n      message: 'KYC process completed successfully',\n    });\n    onComplete?.(data);\n  }, [redirectToReturnUrl, urlParams.kyc_id, onComplete]);\n\n  // Handle KYC error\n  const handleError = useCallback((error: string) => {\n    console.error('KYC error:', error);\n    redirectToReturnUrl({\n      status: 'error',\n      kyc_id: urlParams.kyc_id,\n      message: error,\n    });\n    onError?.(error);\n  }, [redirectToReturnUrl, urlParams.kyc_id, onError]);\n\n  // Handle KYC cancellation\n  const handleCancel = useCallback(() => {\n    console.log('KYC cancelled');\n    redirectToReturnUrl({\n      status: 'cancelled',\n      kyc_id: urlParams.kyc_id,\n      message: 'KYC process was cancelled',\n    });\n    onCancel?.();\n  }, [redirectToReturnUrl, urlParams.kyc_id, onCancel]);\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      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       <TemplateKYCExample  \n          onComplete={handleComplete} \n          onCancel={handleCancel} \n          onError={handleError}\n          language={urlParams.lang || 'en'}\n          API_KEY={urlParams.token}\n        />\n    </SafeAreaView>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    flex: 1,\n    backgroundColor: '#f5f5f5',\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});\n\nexport default WebKYCEntry;\n"]}
+{"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, generateCallbackSignature } from '../config/allowedDomains';\n\ninterface WebKYCEntryProps {\n  onComplete?: (data: any) => void;\n  onError?: (error: string) => void;\n  onCancel?: () => void;\n}\n\ninterface URLParams {\n  token?: string;\n  return_url?: string;\n  lang?: string;\n  theme?: string;\n  kyc_id?: string;\n  secret?: string; // Optional secret for signature generation\n}\n\ninterface VerificationSteps {\n  document_analyzed?: boolean;\n  selfie_analyzed?: boolean;\n  liveness_checked?: boolean;\n}\n\nconst WebKYCEntry: React.FC<WebKYCEntryProps> = ({\n  onComplete,\n  onError,\n  onCancel,\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    return {\n      token: urlParams.get('token') || undefined,\n      return_url: urlParams.get('return_url') || 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    };\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, secret } = 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\n      const returnUrl = new URL(return_url);\n\n      // Build redirect URL with parameters\n      const redirectUrl = new URL(returnUrl);\n      const redirectParams: Record<string, string> = {\n        status: params.status,\n      };\n\n      if (params.kyc_id) {\n        redirectParams.kyc_id = params.kyc_id;\n      }\n      \n      if (params.message) {\n        redirectParams.message = params.message;\n      }\n\n      if (params.processing_state) {\n        redirectParams.processing_state = params.processing_state;\n      }\n\n      if (params.verification_steps) {\n        redirectParams.verification_steps = JSON.stringify(params.verification_steps);\n      }\n\n      // Generate signature for integrity verification\n      if (secret) {\n        const signature = await generateCallbackSignature(redirectParams, secret);\n        if (signature) {\n          redirectParams.sig = signature;\n        }\n      }\n\n      // Add all params to URL\n      Object.entries(redirectParams).forEach(([key, value]) => {\n        redirectUrl.searchParams.set(key, value);\n      });\n\n      // Send postMessage to parent if in iframe\n      if (window.parent !== window) {\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        }, returnUrl.origin); // Use specific origin instead of '*'\n      }\n\n      // Redirect to return URL\n      window.location.href = redirectUrl.toString();\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((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    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.kyc_id, 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(() => {\n    console.log('KYC cancelled');\n    setIsAnalyzing(false);\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, onCancel]);\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      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        />\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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@transfergratis/react-native-sdk",
-  "version": "0.1.23",
+  "version": "0.1.24",
   "description": "transfergratis react native sdk",
   "main": "build/index.js",
   "types": "build/index.d.ts",

package/src/components/EnhancedCameraView.tsx

@@ -1,4 +1,4 @@
-import React, { useCallback, useEffect, useRef, useState } from 'react';
+import React, { useCallback, useEffect, useRef, useState, useMemo } from 'react';
 import { View, StyleSheet, TouchableOpacity, Text } from 'react-native';
 import { Camera, useCameraDevice } from 'react-native-vision-camera';
 import VisionCameraModule from '../modules/camera/VisionCameraModule';
@@ -43,6 +43,34 @@ export const EnhancedCameraView: React.FC<EnhancedCameraViewProps> = ({
   const device = useCameraDevice(cameraType);
   console.log({ setCameraType, setFlash });
 
+  // Sélectionner le meilleur format disponible pour une qualité maximale
+  // Prioriser les formats avec une bonne résolution vidéo (pour la prévisualisation) ET photo (pour la capture)
+  const bestFormat = useMemo(() => {
+    if (!device || !device.formats || device.formats.length === 0) {
+      return undefined;
+    }
+    
+    // Trier les formats en combinant la résolution vidéo (pour la prévisualisation) et photo (pour la capture)
+    // On priorise les formats avec une bonne résolution vidéo car c'est ce qui est affiché en temps réel
+    const sortedFormats = [...device.formats].sort((a, b) => {
+      // Résolution vidéo (pour la prévisualisation live)
+      const videoResolutionA = (a.videoWidth || 0) * (a.videoHeight || 0);
+      const videoResolutionB = (b.videoWidth || 0) * (b.videoHeight || 0);
+      
+      // Résolution photo (pour la capture)
+      const photoResolutionA = (a.photoWidth || 0) * (a.photoHeight || 0);
+      const photoResolutionB = (b.photoWidth || 0) * (b.photoHeight || 0);
+      
+      // Prioriser d'abord la résolution vidéo (prévisualisation), puis la résolution photo
+      if (videoResolutionB !== videoResolutionA) {
+        return videoResolutionB - videoResolutionA;
+      }
+      return photoResolutionB - photoResolutionA;
+    });
+    
+    return sortedFormats[0];
+  }, [device]);
+
   const checkPermissions = async () => {
     try {
       const hasAllPermissions = await VisionCameraModule.hasAllPermissions();
@@ -102,7 +130,7 @@ export const EnhancedCameraView: React.FC<EnhancedCameraViewProps> = ({
     } catch (error) {
 
     }
-  }, [isInitialized, onError, onSilentCapture]);
+  }, [isInitialized, onError, onSilentCapture, enableFlash, flash, silentCaptureResult]);
 
   // Automatically take a silent photo every 5 seconds when ready
   useEffect(() => {
@@ -244,6 +272,7 @@ export const EnhancedCameraView: React.FC<EnhancedCameraViewProps> = ({
         photo={true}
         video={enableVideo}
         audio={enableVideo}
+        format={bestFormat}
         onInitialized={onInitialized}
         onError={onCameraError}
       />

package/src/components/EnhancedCameraView.web.tsx

@@ -1,6 +1,7 @@
 import React, { useCallback, useEffect, useRef, useState } from 'react';
 import { View, StyleSheet, TouchableOpacity, Text, Platform } from 'react-native';
 import { EnhancedCameraViewProps } from './OverLay/type';
+import { useI18n } from '../hooks/useI18n';
 
 
 export const EnhancedCameraView: React.FC<EnhancedCameraViewProps> = ({
@@ -27,6 +28,8 @@ export const EnhancedCameraView: React.FC<EnhancedCameraViewProps> = ({
   onSilentCapture,
   silentCaptureResult,
 }) => {
+  const { t } = useI18n();
+  
   // Vérification de plateforme - ce composant est uniquement pour le web
   if (Platform.OS !== 'web') {
     console.warn('EnhancedCameraView.web.tsx should only be used on web platform');
@@ -350,6 +353,13 @@ export const EnhancedCameraView: React.FC<EnhancedCameraViewProps> = ({
         </View>
       )}
 
+      {/* Analyzing indicator - Same as mobile */}
+      {silentCaptureResult?.isAnalyzing && (
+        <View style={styles.analyzingContainer}>
+          <Text style={styles.analyzingText}>{t('camera.analyzing')}</Text>
+        </View>
+      )}
+
       {/* Camera controls */}
       <View style={styles.controlsContainer}>
         {/* Flash button */}
@@ -515,4 +525,18 @@ const styles = StyleSheet.create({
     borderStyle: 'solid',
     backgroundColor: 'transparent',
   },
+  analyzingContainer: {
+    position: 'absolute',
+    bottom: 100,
+    alignSelf: 'center',
+    backgroundColor: 'rgba(0, 0, 0, 0.7)',
+    padding: 10,
+    borderRadius: 10,
+    zIndex: 1000,
+  },
+  analyzingText: {
+    color: 'white',
+    fontSize: 16,
+    fontWeight: 'bold',
+  },
 }); 

package/src/components/KYCElements/CameraCapture.tsx

@@ -1,5 +1,6 @@
 import React, { useState } from 'react';
-import { View, Text, TouchableOpacity, StyleSheet, Image, Alert } from 'react-native';
+import { View, Text, TouchableOpacity, StyleSheet, Image } from 'react-native';
+import { showAlert } from '../../utils/platformAlert';
 import { EnhancedCameraView } from '../EnhancedCameraView';
 
 import { KYCElement } from '../../types/KYC.types';
@@ -39,12 +40,12 @@ export const CameraCapture: React.FC<CameraCaptureProps> = ({
       onValueChange(result.path);
       setShowCamera(false);
     } else {
-      Alert.alert('Erreur', result.error || 'Impossible de prendre la photo');
+      showAlert('Erreur', result.error || 'Impossible de prendre la photo');
     }
   };
 
   const handleError = (event: { message: string }) => {
-    Alert.alert('Erreur', event.message);
+    showAlert('Erreur', event.message);
     setShowCamera(false);
   };