@transfergratis/react-native-sdk 0.1.23 → 0.1.25

package/build/web/WebKYCEntry.js

@@ -1,99 +1,174 @@
 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 } from '../config/allowedDomains';
+import KYCConfig from '../config/KYCConfig';
 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')
             return {};
         const urlParams = new URLSearchParams(window.location.search);
+        const envParam = urlParams.get('env');
+        const validEnv = envParam === 'SANDBOX' || envParam === 'PRODUCTION' ? envParam : 'PRODUCTION';
+        const serverEnvParam = urlParams.get('server_env');
+        const validServerEnv = serverEnvParam === 'TEST' || serverEnvParam === 'PRODUCTION'
+            ? serverEnvParam
+            : 'PRODUCTION';
         return {
             token: urlParams.get('token') || undefined,
             return_url: urlParams.get('return_url') || undefined,
+            push_url: urlParams.get('push_url') || undefined,
             lang: urlParams.get('lang') || 'en',
             theme: urlParams.get('theme') || 'light',
             kyc_id: urlParams.get('kyc_id') || undefined,
+            secret: urlParams.get('secret') || undefined,
+            env: validEnv,
+            template_id: urlParams.get('template_id') || undefined,
+            server_env: validServerEnv,
+            step: urlParams.get('step') || undefined,
         };
     }, []);
-    // Safe redirect function with validation
-    const redirectToReturnUrl = useCallback((params) => {
+    // Safe redirect function with enhanced validation
+    const redirectToReturnUrl = useCallback(async (params) => {
         const { return_url } = urlParams;
         if (!return_url) {
             console.warn('No return_url provided');
             return;
         }
-        // Basic URL validation - ensure it's a valid URL
         try {
-            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);
-            if (params.kyc_id) {
-                redirectUrl.searchParams.set('kyc_id', params.kyc_id);
+            // 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;
             }
-            if (params.message) {
-                redirectUrl.searchParams.set('message', params.message);
-            }
-            if (params.sig) {
-                redirectUrl.searchParams.set('sig', params.sig);
-            }
-            // Optional: Send postMessage to parent if in iframe
+            // Send postMessage to parent if in iframe
             if (window.parent !== window) {
+                const targetOrigin = new URL(return_url).origin;
                 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,
+                }, targetOrigin);
+            }
+            else {
+                window.location.href = return_url;
             }
-            // 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) => {
+    const handleComplete = useCallback(async (data) => {
         console.log('KYC completed:', data);
+        // Check if still processing/analyzing
+        const isStillProcessing = data.isProcessing || data.session?.isProcessing;
+        // Handle Push URL webhook if provided
+        if (urlParams.push_url) {
+            try {
+                const verificationState = {
+                    status: 'success', // verification completed successfully
+                    result: data, // pass complete data object as result
+                };
+                // 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);
+                console.log('Successfully pushed KYC data to webhook');
+            }
+            catch (err) {
+                // Fail open - redirect anyway even if webhook fails
+                console.warn('Failed to push data to webhook URL:', err);
+            }
+        }
         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]);
+    }, [redirectToReturnUrl, urlParams, 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');
+        console.log('KYC cancelled', urlParams.push_url, urlParams);
+        setIsAnalyzing(false);
+        if (urlParams.push_url) {
+            try {
+                const verificationState = {
+                    status: 'cancelled', // verification cancelled
+                    result: null, // pass null as result
+                };
+                // 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);
+                console.log('Successfully pushed KYC cancellation data to webhook');
+            }
+            catch (err) {
+                // Fail open - redirect anyway even if webhook fails
+                console.warn('Failed to push data to webhook URL:', err);
+            }
+        }
         redirectToReturnUrl({
             status: 'cancelled',
             kyc_id: urlParams.kyc_id,
             message: 'KYC process was cancelled',
+            processing_state: 'pending',
         });
         onCancel?.();
     }, [redirectToReturnUrl, urlParams.kyc_id, onCancel]);
@@ -106,6 +181,10 @@ const WebKYCEntry = ({ onComplete, onError, onCancel, }) => {
             if (params.lang) {
                 setLocale(params.lang);
             }
+            // Configure backend environment
+            if (params.server_env) {
+                KYCConfig.setBackendEnvironment(params.server_env);
+            }
             setIsLoading(false);
         }
         catch (error) {
@@ -130,13 +209,25 @@ const WebKYCEntry = ({ onComplete, onError, onCancel, }) => {
       </View>);
     }
     return (<SafeAreaView style={styles.container}>
-       <TemplateKYCExample onComplete={handleComplete} onCancel={handleCancel} onError={handleError} language={urlParams.lang || 'en'} API_KEY={urlParams.token}/>
+      {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} templateId={urlParams.template_id} env={urlParams.env || 'PRODUCTION'} existingSessionId={urlParams.kyc_id} initialStep={urlParams.step ? (() => {
+            const stepNum = parseInt(urlParams.step, 10);
+            console.log('Parsing step from URL:', { stepString: urlParams.step, stepNumber: stepNum, isNaN: isNaN(stepNum) });
+            return isNaN(stepNum) ? undefined : stepNum;
+        })() : undefined}/>
     </SafeAreaView>);
 };
 const styles = StyleSheet.create({
     container: {
         flex: 1,
         backgroundColor: '#f5f5f5',
+        overflow: 'visible', // Allow scrolling on web
     },
     loadingText: {
         fontSize: 18,
@@ -151,6 +242,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":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAChE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AACvF,6EAA6E;AAC7E,oDAAoD;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC3C,OAAO,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AACtE,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,SAAS,MAAM,qBAAqB,CAAC;AA6B5C,MAAM,WAAW,GAA+B,CAAC,EAC/C,UAAU,EACV,OAAO,EACP,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,EAAE,SAAS,EAAE,GAAG,OAAO,EAAE,CAAC;IAChC,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAY,EAAE,CAAC,CAAC;IAC1D,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IACjD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IACxD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEtD,uBAAuB;IACvB,MAAM,cAAc,GAAG,WAAW,CAAC,GAAc,EAAE;QACjD,IAAI,OAAO,MAAM,KAAK,WAAW;YAAE,OAAO,EAAE,CAAC;QAE7C,MAAM,SAAS,GAAG,IAAI,eAAe,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;QAC9D,MAAM,QAAQ,GAAG,SAAS,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;QACtC,MAAM,QAAQ,GAAG,QAAQ,KAAK,SAAS,IAAI,QAAQ,KAAK,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC;QAE/F,MAAM,cAAc,GAAG,SAAS,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC;QACnD,MAAM,cAAc,GAAuB,cAAc,KAAK,MAAM,IAAI,cAAc,KAAK,YAAY;YACrG,CAAC,CAAE,cAAqC;YACxC,CAAC,CAAC,YAAY,CAAC;QAEjB,OAAO;YACL,KAAK,EAAE,SAAS,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,SAAS;YAC1C,UAAU,EAAE,SAAS,CAAC,GAAG,CAAC,YAAY,CAAC,IAAI,SAAS;YACpD,QAAQ,EAAE,SAAS,CAAC,GAAG,CAAC,UAAU,CAAC,IAAI,SAAS;YAChD,IAAI,EAAE,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,IAAI;YACnC,KAAK,EAAE,SAAS,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,OAAO;YACxC,MAAM,EAAE,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI,SAAS;YAC5C,MAAM,EAAE,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI,SAAS;YAC5C,GAAG,EAAE,QAAQ;YACb,WAAW,EAAE,SAAS,CAAC,GAAG,CAAC,aAAa,CAAC,IAAI,SAAS;YACtD,UAAU,EAAE,cAAc;YAC1B,IAAI,EAAE,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,SAAS;SACzC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,kDAAkD;IAClD,MAAM,mBAAmB,GAAG,WAAW,CAAC,KAAK,EAAE,MAM9C,EAAE,EAAE;QACH,MAAM,EAAE,UAAU,EAAE,GAAG,SAAS,CAAC;QAEjC,IAAI,CAAC,UAAU,EAAE,CAAC;YAChB,OAAO,CAAC,IAAI,CAAC,wBAAwB,CAAC,CAAC;YACvC,OAAO;QACT,CAAC;QAED,IAAI,CAAC;YACH,gDAAgD;YAChD,MAAM,UAAU,GAAG,oBAAoB,CAAC,UAAU,CAAC,CAAC;YACpD,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE,CAAC;gBACxB,OAAO,CAAC,KAAK,CAAC,iCAAiC,EAAE,UAAU,CAAC,MAAM,CAAC,CAAC;gBACpE,QAAQ,CAAC,mBAAmB,UAAU,CAAC,MAAM,EAAE,CAAC,CAAC;gBAEjD,kCAAkC;gBAClC,OAAO,CAAC,IAAI,CAAC,sCAAsC,EAAE;oBACnD,GAAG,EAAE,UAAU;oBACf,MAAM,EAAE,UAAU,CAAC,MAAM;oBACzB,SAAS,EAAE,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE;iBACpC,CAAC,CAAC;gBACH,OAAO;YACT,CAAC;YACD,0CAA0C;YAC1C,IAAI,MAAM,CAAC,MAAM,KAAK,MAAM,EAAE,CAAC;gBAC7B,MAAM,YAAY,GAAG,IAAI,GAAG,CAAC,UAAU,CAAC,CAAC,MAAM,CAAC;gBAChD,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC;oBACxB,IAAI,EAAE,YAAY;oBAClB,MAAM,EAAE,MAAM,CAAC,MAAM;oBACrB,MAAM,EAAE,MAAM,CAAC,MAAM;oBACrB,OAAO,EAAE,MAAM,CAAC,OAAO;oBACvB,gBAAgB,EAAE,MAAM,CAAC,gBAAgB;oBACzC,kBAAkB,EAAE,MAAM,CAAC,kBAAkB;iBAC9C,EAAE,YAAY,CAAC,CAAC;YACnB,CAAC;iBAAM,CAAC;gBACN,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,UAAU,CAAC;YACpC,CAAC;QACH,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,OAAO,CAAC,KAAK,CAAC,wBAAwB,EAAE,KAAK,CAAC,CAAC;YAC/C,QAAQ,CAAC,oCAAoC,CAAC,CAAC;QACjD,CAAC;IACH,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,wBAAwB;IACxB,MAAM,cAAc,GAAG,WAAW,CAAC,KAAK,EAAE,IAAS,EAAE,EAAE;QACrD,OAAO,CAAC,GAAG,CAAC,gBAAgB,EAAE,IAAI,CAAC,CAAC;QAEpC,sCAAsC;QACtC,MAAM,iBAAiB,GAAG,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,OAAO,EAAE,YAAY,CAAC;QAE1E,sCAAsC;QACtC,IAAI,SAAS,CAAC,QAAQ,EAAE,CAAC;YACvB,IAAI,CAAC;gBACH,MAAM,iBAAiB,GAAG;oBACxB,MAAM,EAAE,SAAS,EAAE,sCAAsC;oBACzD,MAAM,EAAE,IAAI,EAAE,sCAAsC;iBACrD,CAAC;gBAEF,gDAAgD;gBAChD,MAAM,UAAU,GAAG,IAAI,eAAe,EAAE,CAAC;gBACzC,MAAM,SAAS,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,EAAE,EAAE,IAAI,CAAC,CAAC,CAAC,aAAa;gBAE3E,MAAM,KAAK,CAAC,SAAS,CAAC,QAAQ,EAAE;oBAC9B,MAAM,EAAE,MAAM;oBACd,OAAO,EAAE;wBACP,cAAc,EAAE,kBAAkB;qBACnC;oBACD,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,iBAAiB,CAAC;oBACvC,MAAM,EAAE,UAAU,CAAC,MAAM;iBAC1B,CAAC,CAAC;gBAEH,YAAY,CAAC,SAAS,CAAC,CAAC;gBACxB,OAAO,CAAC,GAAG,CAAC,yCAAyC,CAAC,CAAC;YACzD,CAAC;YAAC,OAAO,GAAG,EAAE,CAAC;gBACb,oDAAoD;gBACpD,OAAO,CAAC,IAAI,CAAC,qCAAqC,EAAE,GAAG,CAAC,CAAC;YAC3D,CAAC;QACH,CAAC;QAED,mBAAmB,CAAC;YAClB,MAAM,EAAE,WAAW;YACnB,MAAM,EAAE,IAAI,CAAC,UAAU,IAAI,SAAS,CAAC,MAAM;YAC3C,OAAO,EAAE,oCAAoC;YAC7C,gBAAgB,EAAE,iBAAiB,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW;YAC/D,kBAAkB,EAAE;gBAClB,iBAAiB,EAAE,IAAI,CAAC,wBAAwB,IAAI,KAAK;gBACzD,eAAe,EAAE,IAAI,CAAC,sBAAsB,IAAI,KAAK;gBACrD,gBAAgB,EAAE,IAAI,CAAC,qBAAqB,IAAI,KAAK;aACtD;SACF,CAAC,CAAC;QACH,UAAU,EAAE,CAAC,IAAI,CAAC,CAAC;IACrB,CAAC,EAAE,CAAC,mBAAmB,EAAE,SAAS,EAAE,UAAU,CAAC,CAAC,CAAC;IAEjD,mBAAmB;IACnB,MAAM,WAAW,GAAG,WAAW,CAAC,CAAC,KAAa,EAAE,EAAE;QAChD,OAAO,CAAC,KAAK,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC;QACnC,cAAc,CAAC,KAAK,CAAC,CAAC;QACtB,mBAAmB,CAAC;YAClB,MAAM,EAAE,OAAO;YACf,MAAM,EAAE,SAAS,CAAC,MAAM;YACxB,OAAO,EAAE,KAAK;YACd,gBAAgB,EAAE,SAAS;SAC5B,CAAC,CAAC;QACH,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC;IACnB,CAAC,EAAE,CAAC,mBAAmB,EAAE,SAAS,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IAErD,0BAA0B;IAC1B,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,EAAE;QACpC,OAAO,CAAC,GAAG,CAAC,eAAe,EAAE,SAAS,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;QAC5D,cAAc,CAAC,KAAK,CAAC,CAAC;QACtB,IAAI,SAAS,CAAC,QAAQ,EAAE,CAAC;YACvB,IAAI,CAAC;gBACH,MAAM,iBAAiB,GAAG;oBACxB,MAAM,EAAE,WAAW,EAAE,yBAAyB;oBAC9C,MAAM,EAAE,IAAI,EAAE,sBAAsB;iBACrC,CAAC;gBAEF,gDAAgD;gBAChD,MAAM,UAAU,GAAG,IAAI,eAAe,EAAE,CAAC;gBACzC,MAAM,SAAS,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,EAAE,EAAE,IAAI,CAAC,CAAC,CAAC,aAAa;gBAE3E,KAAK,CAAC,SAAS,CAAC,QAAQ,EAAE;oBACxB,MAAM,EAAE,MAAM;oBACd,OAAO,EAAE;wBACP,cAAc,EAAE,kBAAkB;qBACnC;oBACD,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,iBAAiB,CAAC;oBACvC,MAAM,EAAE,UAAU,CAAC,MAAM;iBAC1B,CAAC,CAAC;gBAEH,YAAY,CAAC,SAAS,CAAC,CAAC;gBACxB,OAAO,CAAC,GAAG,CAAC,sDAAsD,CAAC,CAAC;YACtE,CAAC;YAAC,OAAO,GAAG,EAAE,CAAC;gBACb,oDAAoD;gBACpD,OAAO,CAAC,IAAI,CAAC,qCAAqC,EAAE,GAAG,CAAC,CAAC;YAC3D,CAAC;QACH,CAAC;QACD,mBAAmB,CAAC;YAClB,MAAM,EAAE,WAAW;YACnB,MAAM,EAAE,SAAS,CAAC,MAAM;YACxB,OAAO,EAAE,2BAA2B;YACpC,gBAAgB,EAAE,SAAS;SAC5B,CAAC,CAAC;QACH,QAAQ,EAAE,EAAE,CAAC;IACf,CAAC,EAAE,CAAC,mBAAmB,EAAE,SAAS,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEtD,uBAAuB;IACvB,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC;YACH,MAAM,MAAM,GAAG,cAAc,EAAE,CAAC;YAChC,YAAY,CAAC,MAAM,CAAC,CAAC;YAErB,2BAA2B;YAC3B,IAAI,MAAM,CAAC,IAAI,EAAE,CAAC;gBAChB,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;YACzB,CAAC;YAED,gCAAgC;YAChC,IAAI,MAAM,CAAC,UAAU,EAAE,CAAC;gBACtB,SAAS,CAAC,qBAAqB,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;YACrD,CAAC;YAED,YAAY,CAAC,KAAK,CAAC,CAAC;QACtB,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,OAAO,CAAC,KAAK,CAAC,+BAA+B,EAAE,KAAK,CAAC,CAAC;YACtD,QAAQ,CAAC,8BAA8B,CAAC,CAAC;YACzC,YAAY,CAAC,KAAK,CAAC,CAAC;QACtB,CAAC;IACH,CAAC,EAAE,CAAC,cAAc,EAAE,SAAS,CAAC,CAAC,CAAC;IAGhC,IAAI,SAAS,EAAE,CAAC;QACd,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAC5B;QAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,sBAAsB,EAAE,IAAI,CAC/D;MAAA,EAAE,IAAI,CAAC,CACR,CAAC;IACJ,CAAC;IAED,IAAI,KAAK,EAAE,CAAC;QACV,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAC5B;QAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,IAAI,CACrD;MAAA,EAAE,IAAI,CAAC,CACR,CAAC;IACJ,CAAC;IAED,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC;QACrB,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAC5B;QAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,mCAAmC,EAAE,IAAI,CAC1E;MAAA,EAAE,IAAI,CAAC,CACR,CAAC;IACJ,CAAC;IAED,OAAO,CACL,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CACpC;MAAA,CAAC,WAAW,IAAI,CACd,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,gBAAgB,CAAC,CACnC;UAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,kBAAkB,CAAC,CACrC;YAAA,CAAC,iBAAiB,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,SAAS,EAC/C;YAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,8BAA8B,EAAE,IAAI,CACvE;YAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC,2BAA2B,EAAE,IAAI,CACzE;UAAA,EAAE,IAAI,CACR;QAAA,EAAE,IAAI,CAAC,CACR,CACD;MAAA,CAAC,kBAAkB,CACjB,UAAU,CAAC,CAAC,cAAc,CAAC,CAC3B,QAAQ,CAAC,CAAC,YAAY,CAAC,CACvB,OAAO,CAAC,CAAC,WAAW,CAAC,CACrB,QAAQ,CAAC,CAAC,SAAS,CAAC,IAAI,IAAI,IAAI,CAAC,CACjC,OAAO,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,CACzB,UAAU,CAAC,CAAC,SAAS,CAAC,WAAW,CAAC,CAClC,GAAG,CAAC,CAAC,SAAS,CAAC,GAAG,IAAI,YAAY,CAAC,CACnC,iBAAiB,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,CACpC,WAAW,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE;YAClC,MAAM,OAAO,GAAG,QAAQ,CAAC,SAAS,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;YAC7C,OAAO,CAAC,GAAG,CAAC,wBAAwB,EAAE,EAAE,UAAU,EAAE,SAAS,CAAC,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;YAClH,OAAO,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC;QAC9C,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,EAErB;IAAA,EAAE,YAAY,CAAC,CAChB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,IAAI,EAAE,CAAC;QACP,eAAe,EAAE,SAAS;QAC1B,QAAQ,EAAE,SAAgB,EAAE,yBAAyB;KACtD;IACD,WAAW,EAAE;QACX,QAAQ,EAAE,EAAE;QACZ,SAAS,EAAE,QAAQ;QACnB,SAAS,EAAE,EAAE;QACb,KAAK,EAAE,MAAM;KACd;IACD,SAAS,EAAE;QACT,QAAQ,EAAE,EAAE;QACZ,SAAS,EAAE,QAAQ;QACnB,SAAS,EAAE,EAAE;QACb,KAAK,EAAE,SAAS;QAChB,iBAAiB,EAAE,EAAE;KACtB;IACD,gBAAgB,EAAE;QAChB,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,CAAC;QACN,IAAI,EAAE,CAAC;QACP,KAAK,EAAE,CAAC;QACR,MAAM,EAAE,CAAC;QACT,eAAe,EAAE,oBAAoB;QACrC,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,MAAM,EAAE,IAAI;KACb;IACD,kBAAkB,EAAE;QAClB,eAAe,EAAE,OAAO;QACxB,YAAY,EAAE,EAAE;QAChB,OAAO,EAAE,EAAE;QACX,UAAU,EAAE,QAAQ;QACpB,WAAW,EAAE,MAAM;QACnB,YAAY,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE;QACrC,aAAa,EAAE,GAAG;QAClB,YAAY,EAAE,CAAC;QACf,SAAS,EAAE,CAAC;KACb;IACD,aAAa,EAAE;QACb,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,KAAK;QACjB,KAAK,EAAE,MAAM;QACb,SAAS,EAAE,EAAE;QACb,SAAS,EAAE,QAAQ;KACpB;IACD,gBAAgB,EAAE;QAChB,QAAQ,EAAE,EAAE;QACZ,KAAK,EAAE,MAAM;QACb,SAAS,EAAE,CAAC;QACZ,SAAS,EAAE,QAAQ;KACpB;CACF,CAAC,CAAC;AAEH,eAAe,WAAW,CAAC","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}\n\ninterface URLParams {\n  token?: string;\n  return_url?: string;\n  push_url?: 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; // Step index to resume verification at the correct point\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    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      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    };\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        };\n\n        // Send data to provided push_url with a timeout\n        const controller = new AbortController();\n        const timeoutId = setTimeout(() => controller.abort(), 5000); // 5s timeout\n\n        await fetch(urlParams.push_url, {\n          method: 'POST',\n          headers: {\n            'Content-Type': 'application/json',\n          },\n          body: JSON.stringify(verificationState),\n          signal: controller.signal,\n        });\n\n        clearTimeout(timeoutId);\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(() => {\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        };\n\n        // Send data to provided push_url with a timeout\n        const controller = new AbortController();\n        const timeoutId = setTimeout(() => controller.abort(), 5000); // 5s timeout\n\n        fetch(urlParams.push_url, {\n          method: 'POST',\n          headers: {\n            'Content-Type': 'application/json',\n          },\n          body: JSON.stringify(verificationState),\n          signal: controller.signal,\n        });\n\n        clearTimeout(timeoutId);\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, 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      // 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        existingSessionId={urlParams.kyc_id}\n        initialStep={urlParams.step ? (() => {\n          const stepNum = parseInt(urlParams.step, 10);\n          console.log('Parsing step from URL:', { stepString: urlParams.step, stepNumber: stepNum, isNaN: isNaN(stepNum) });\n          return isNaN(stepNum) ? undefined : stepNum;\n        })() : undefined}\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.25",
   "description": "transfergratis react native sdk",
   "main": "build/index.js",
   "types": "build/index.d.ts",

package/plugin/build/withVisionCamera.js

@@ -28,10 +28,9 @@ const withVisionCameraPermissions = (config, { cameraPermissionText = 'This app
             'android.permission.CAMERA',
             'android.permission.RECORD_AUDIO',
         ];
-        // Add frame processors permission if enabled
-        if (enableFrameProcessors) {
-            permissions.push('android.permission.WRITE_EXTERNAL_STORAGE');
-        }
+        // Note: WRITE_EXTERNAL_STORAGE is NOT needed even with frame processors
+        // Frame processors work in memory, and photos are saved to app's internal storage
+        // Adding storage permissions causes Google Play Store rejection for KYC apps
         for (const permission of permissions) {
             if (!androidManifest.manifest['uses-permission'].find((perm) => perm.$['android:name'] === permission)) {
                 androidManifest.manifest['uses-permission'].push({

package/plugin/src/withVisionCamera.js

@@ -37,10 +37,9 @@ const withVisionCameraPermissions = (config, {
       'android.permission.RECORD_AUDIO',
     ];
 
-    // Add frame processors permission if enabled
-    if (enableFrameProcessors) {
-      permissions.push('android.permission.WRITE_EXTERNAL_STORAGE');
-    }
+    // Note: WRITE_EXTERNAL_STORAGE is NOT needed even with frame processors
+    // Frame processors work in memory, and photos are saved to app's internal storage
+    // Adding storage permissions causes Google Play Store rejection for KYC apps
 
     for (const permission of permissions) {
       if (!androidManifest.manifest['uses-permission'].find(

package/plugin/src/withVisionCamera.ts

@@ -46,10 +46,9 @@ const withVisionCameraPermissions: ConfigPlugin<VisionCameraPluginProps> = (
       'android.permission.RECORD_AUDIO',
     ];
 
-    // Add frame processors permission if enabled
-    if (enableFrameProcessors) {
-      permissions.push('android.permission.WRITE_EXTERNAL_STORAGE');
-    }
+    // Note: WRITE_EXTERNAL_STORAGE is NOT needed even with frame processors
+    // Frame processors work in memory, and photos are saved to app's internal storage
+    // Adding storage permissions causes Google Play Store rejection for KYC apps
 
     for (const permission of permissions) {
       if (!androidManifest.manifest['uses-permission'].find(

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',
+  },
 });