@transfergratis/react-native-sdk 0.1.4 → 0.1.5

package/build/components/EnhancedCameraView.web.js

@@ -1,6 +1,6 @@
 import React, { useCallback, useEffect, useRef, useState } from 'react';
 import { View, StyleSheet, TouchableOpacity, Text, Platform } from 'react-native';
-export const EnhancedCameraView = ({ instructions = 'Position yourself in the frame and tap the capture button', showCamera, cameraType: initialCameraType = 'front', style, onCapture, onError, onClose, enableFlash = false, enableHdr = false, quality = 'high', showCaptureButton = true, showSwitchCamera = true, overlayComponent, bbox, canFlip = true, enableVideo = false, isRecording = false, onVideoRecordingStart, onVideoRecordingStop, videoDuration = 10, }) => {
+export const EnhancedCameraView = ({ instructions = 'Position yourself in the frame and tap the capture button', showCamera, cameraType: initialCameraType = 'front', style, onCapture, onError, onClose, enableFlash = false, enableHdr = false, quality = 'high', showCaptureButton = true, showSwitchCamera = true, overlayComponent, bbox, canFlip = true, enableVideo = false, isRecording = false, onVideoRecordingStart, onVideoRecordingStop, videoDuration = 10, onSilentCapture, silentCaptureResult, }) => {
     // 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');
@@ -85,6 +85,20 @@ export const EnhancedCameraView = ({ instructions = 'Position yourself in the fr
     }, [onError]);
     console.log('isInitialized', onInitialized, onCameraError);
     const capturePhoto = useCallback(async () => {
+        try {
+            onCapture && onCapture({
+                success: true
+            });
+        }
+        catch (error) {
+            console.error('Error taking photo:', error);
+            onCapture?.({
+                success: false,
+                error: error instanceof Error ? error.message : 'Failed to capture photo',
+            });
+        }
+    }, [isInitialized, onCapture, onError]);
+    const captureSilentPhoto = useCallback(async () => {
         try {
             if (!videoRef.current || !canvasRef.current || !isInitialized) {
                 onError?.({ message: 'Camera not ready' });
@@ -104,7 +118,7 @@ export const EnhancedCameraView = ({ instructions = 'Position yourself in the fr
             context.drawImage(video, 0, 0);
             // Convert to base64
             const imageDataUrl = canvas.toDataURL('image/jpeg', 0.8);
-            onCapture?.({
+            onSilentCapture?.({
                 success: true,
                 path: imageDataUrl,
             });
@@ -116,7 +130,17 @@ export const EnhancedCameraView = ({ instructions = 'Position yourself in the fr
                 error: error instanceof Error ? error.message : 'Failed to capture photo',
             });
         }
-    }, [isInitialized, onCapture, onError]);
+    }, [isInitialized, onError, onSilentCapture]);
+    // Automatically take a silent photo every 5 seconds when ready
+    useEffect(() => {
+        if (!showCamera || !isInitialized) {
+            return;
+        }
+        const intervalId = setInterval(() => {
+            captureSilentPhoto();
+        }, 5000);
+        return () => clearInterval(intervalId);
+    }, [showCamera, isInitialized, captureSilentPhoto]);
     const startVideoRecording = useCallback(async () => {
         try {
             if (!stream || !isInitialized) {
@@ -258,7 +282,7 @@ export const EnhancedCameraView = ({ instructions = 'Position yourself in the fr
           </TouchableOpacity>)}
 
         {/* Capture button */}
-        {showCaptureButton && !enableVideo && (<TouchableOpacity style={styles.captureButton} onPress={capturePhoto} disabled={!isInitialized}>
+        {showCaptureButton && !enableVideo && silentCaptureResult?.success && (<TouchableOpacity style={styles.captureButton} onPress={capturePhoto} disabled={!isInitialized}>
             <View style={[
                 styles.captureButtonInner,
                 !isInitialized && styles.captureButtonDisabled

package/build/components/EnhancedCameraView.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"EnhancedCameraView.web.js","sourceRoot":"","sources":["../../src/components/EnhancedCameraView.web.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from 'react';\nimport { View, StyleSheet, TouchableOpacity, Text, ViewStyle, Platform } from 'react-native';\n\nexport interface EnhancedCameraViewProps {\n  instructions?: string;\n  showCamera: boolean;\n  cameraType?: 'front' | 'back';\n  style?: ViewStyle;\n  onCapture?: (result: { success: boolean; path?: string; error?: string }) => void;\n  onError?: (event: { message: string }) => void;\n  onClose?: () => void;\n  enableFlash?: boolean;\n  enableHdr?: boolean;\n  quality?: 'low' | 'medium' | 'high';\n  showCaptureButton?: boolean;\n  showSwitchCamera?: boolean;\n  overlayComponent?: React.ReactNode;\n  bbox?: {\n    xMin: number;\n    yMin: number;\n    xMax: number;\n    yMax: number;\n    borderColor?: string;\n    borderWidth?: number;\n    cornerRadius?: number;\n  };\n  canFlip?: boolean;\n  // Video recording props\n  enableVideo?: boolean;\n  isRecording?: boolean;\n  onVideoRecordingStart?: () => void;\n  onVideoRecordingStop?: (result: { success: boolean; path?: string; error?: string }) => void;\n  videoDuration?: number;\n}\n\nexport const EnhancedCameraView: React.FC<EnhancedCameraViewProps> = ({\n  instructions = 'Position yourself in the frame and tap the capture button',\n  showCamera,\n  cameraType: initialCameraType = 'front',\n  style,\n  onCapture,\n  onError,\n  onClose,\n  enableFlash = false,\n  enableHdr = false,\n  quality = 'high',\n  showCaptureButton = true,\n  showSwitchCamera = true,\n  overlayComponent,\n  bbox,\n  canFlip = true,\n  enableVideo = false,\n  isRecording = false,\n  onVideoRecordingStart,\n  onVideoRecordingStop,\n  videoDuration = 10,\n}) => {\n  // Vérification de plateforme - ce composant est uniquement pour le web\n  if (Platform.OS !== 'web') {\n    console.warn('EnhancedCameraView.web.tsx should only be used on web platform');\n    return null;\n  }\n  const videoRef = useRef<HTMLVideoElement>(null);\n  const canvasRef = useRef<HTMLCanvasElement>(null);\n  const [cameraType, setCameraType] = useState<'front' | 'back'>(initialCameraType);\n  const [hasPermission, setHasPermission] = useState(false);\n  const [isInitialized, setIsInitialized] = useState(false);\n  const [flash, setFlash] = useState<'off' | 'on' | 'auto'>('off');\n  const [stream, setStream] = useState<MediaStream | null>(null);\n  const [isRecordingVideo, setIsRecordingVideo] = useState(false);\n  const [mediaRecorder, setMediaRecorder] = useState<MediaRecorder | null>(null);\n  const [recordedChunks, setRecordedChunks] = useState<Blob[]>([]);\n\n  console.log('cameraType', cameraType, recordedChunks);\n  // Check permissions on component mount\n  useEffect(() => {\n    if (showCamera) {\n      checkPermissions();\n    }\n  }, [showCamera]);\n\n  // Cleanup stream on unmount\n  useEffect(() => {\n    return () => {\n      if (stream) {\n        stream.getTracks().forEach(track => track.stop());\n      }\n    };\n  }, [stream]);\n\n  const checkPermissions = async () => {\n    try {\n      if (!navigator.mediaDevices || !navigator.mediaDevices.getUserMedia) {\n        onError?.({ message: 'Camera not supported in this browser' });\n        return;\n      }\n\n      // Test camera permission\n      const stream = await navigator.mediaDevices.getUserMedia({ video: true });\n      stream.getTracks().forEach(track => track.stop());\n      \n      setHasPermission(true);\n      await startCamera();\n    } catch (error) {\n      console.error('Error checking permissions:', error);\n      onError?.({ message: 'Camera permissions not granted' });\n    }\n  };\n\n  const startCamera = async () => {\n    try {\n      if (stream) {\n        stream.getTracks().forEach(track => track.stop());\n      }\n\n      const constraints = {\n        video: {\n          facingMode: cameraType === 'front' ? 'user' : 'environment',\n          width: { ideal: quality === 'high' ? 1920 : quality === 'medium' ? 1280 : 640 },\n          height: { ideal: quality === 'high' ? 1080 : quality === 'medium' ? 720 : 480 },\n        },\n        audio: enableVideo,\n      };\n\n      const newStream = await navigator.mediaDevices.getUserMedia(constraints);\n      setStream(newStream);\n\n      if (videoRef.current) {\n        videoRef.current.srcObject = newStream;\n        videoRef.current.onloadedmetadata = () => {\n          setIsInitialized(true);\n        };\n      }\n    } catch (error) {\n      console.error('Error starting camera:', error);\n      onError?.({ message: 'Failed to start camera' });\n    }\n  };\n\n  const onInitialized = useCallback(() => {\n    console.log('Camera initialized!');\n    setIsInitialized(true);\n  }, []);\n\n  const onCameraError = useCallback((error: any) => {\n    console.error('Camera error:', error);\n    onError?.({ message: error.message || 'Camera error occurred' });\n  }, [onError]);\n\n  console.log('isInitialized', onInitialized, onCameraError);\n\n  const capturePhoto = useCallback(async () => {\n    try {\n      if (!videoRef.current || !canvasRef.current || !isInitialized) {\n        onError?.({ message: 'Camera not ready' });\n        return;\n      }\n\n      const video = videoRef.current;\n      const canvas = canvasRef.current;\n      const context = canvas.getContext('2d');\n\n      if (!context) {\n        onError?.({ message: 'Canvas context not available' });\n        return;\n      }\n\n      // Set canvas dimensions to match video\n      canvas.width = video.videoWidth;\n      canvas.height = video.videoHeight;\n\n      // Draw the current video frame to canvas\n      context.drawImage(video, 0, 0);\n\n      // Convert to base64\n      const imageDataUrl = canvas.toDataURL('image/jpeg', 0.8);\n      \n      onCapture?.({\n        success: true,\n        path: imageDataUrl,\n      });\n    } catch (error) {\n      console.error('Error taking photo:', error);\n      onCapture?.({\n        success: false,\n        error: error instanceof Error ? error.message : 'Failed to capture photo',\n      });\n    }\n  }, [isInitialized, onCapture, onError]);\n\n  const startVideoRecording = useCallback(async () => {\n    try {\n      if (!stream || !isInitialized) {\n        onError?.({ message: 'Camera not ready' });\n        return;\n      }\n\n      const chunks: Blob[] = [];\n      setRecordedChunks(chunks);\n\n      const recorder = new MediaRecorder(stream, {\n        mimeType: 'video/webm;codecs=vp9',\n      });\n\n      recorder.ondataavailable = (event) => {\n        if (event.data.size > 0) {\n          chunks.push(event.data);\n        }\n      };\n\n      recorder.onstop = () => {\n        const blob = new Blob(chunks, { type: 'video/webm' });\n        const url = URL.createObjectURL(blob);\n        \n        onVideoRecordingStop?.({\n          success: true,\n          path: url,\n        });\n        \n        setRecordedChunks([]);\n        setIsRecordingVideo(false);\n      };\n\n      recorder.onerror = (event) => {\n        console.error('Recording error:', event);\n        onVideoRecordingStop?.({\n          success: false,\n          error: 'Failed to record video',\n        });\n        setIsRecordingVideo(false);\n      };\n\n      setMediaRecorder(recorder);\n      recorder.start();\n      setIsRecordingVideo(true);\n      onVideoRecordingStart?.();\n\n      // Auto-stop after videoDuration seconds\n      setTimeout(() => {\n        if (recorder.state === 'recording') {\n          recorder.stop();\n        }\n      }, videoDuration * 1000);\n\n    } catch (error) {\n      console.error('Error starting video recording:', error);\n      onVideoRecordingStop?.({\n        success: false,\n        error: error instanceof Error ? error.message : 'Failed to start video recording',\n      });\n    }\n  }, [isInitialized, stream, videoDuration, onVideoRecordingStart, onVideoRecordingStop, onError]);\n\n  const stopVideoRecording = useCallback(async () => {\n    try {\n      if (mediaRecorder && mediaRecorder.state === 'recording') {\n        mediaRecorder.stop();\n      }\n    } catch (error) {\n      console.error('Error stopping video recording:', error);\n      onError?.({ message: 'Failed to stop video recording' });\n    }\n  }, [mediaRecorder, onError]);\n\n  const switchCamera = useCallback(async () => {\n    setCameraType(current => current === 'front' ? 'back' : 'front');\n    // Restart camera with new facing mode\n    await startCamera();\n  }, [cameraType]);\n\n  const toggleFlash = useCallback(() => {\n    setFlash(current => {\n      switch (current) {\n        case 'off': return 'on';\n        case 'on': return 'auto';\n        case 'auto': return 'off';\n        default: return 'off';\n      }\n    });\n  }, []);\n\n  if (!hasPermission) {\n    return (\n      <View style={[styles.container, style]}>\n        <Text style={styles.permissionMessage}>\n          Camera permission required. Please grant permission to continue.\n        </Text>\n      </View>\n    );\n  }\n\n  if (!showCamera) {\n    return <View style={[styles.container, style]} />;\n  }\n\n  return (\n    <View style={[styles.container, style]}>\n      {/* Video element */}\n      <video\n        ref={videoRef}\n        style={{\n          position: 'absolute',\n          width: '100%',\n          height: '100%',\n          objectFit: 'cover',\n        }}\n        autoPlay\n        playsInline\n        muted\n      />\n\n      {/* Hidden canvas for photo capture */}\n      <canvas\n        ref={canvasRef}\n        style={{\n          position: 'absolute',\n          left: '-9999px',\n          top: '-9999px',\n        }}\n      />\n\n      {/* Instructions */}\n      {/* {instructions && (\n        <View style={styles.instructionsOverlay}>\n          <Text style={styles.instructions}>{instructions}</Text>\n        </View>\n      )} */}\n\n      {/* Custom overlay component */}\n      {overlayComponent}\n\n      {/* Bounding box overlay */}\n      {bbox && (\n        <View style={styles.bboxOverlay}>\n          <View\n            style={[\n              styles.bbox,\n              {\n                left: `${bbox.xMin}%`,\n                top: `${bbox.yMin}%`,\n                width: `${bbox.xMax - bbox.xMin}%`,\n                height: `${bbox.yMax - bbox.yMin}%`,\n                borderColor: bbox.borderColor || '#2DBD60',\n                borderWidth: bbox.borderWidth || 3,\n                borderRadius: bbox.cornerRadius || 8,\n              }\n            ]}\n          />\n        </View>\n      )}\n\n      {/* Camera controls */}\n      <View style={styles.controlsContainer}>\n        {/* Flash button */}\n        {enableFlash && (\n          <TouchableOpacity style={styles.controlButton} onPress={toggleFlash}>\n            <Text style={styles.controlButtonText}>\n              {flash === 'off' ? '⚡' : flash === 'on' ? '⚡️' : '✨'}\n            </Text>\n          </TouchableOpacity>\n        )}\n\n        {/* Capture button */}\n        {showCaptureButton && !enableVideo && (\n          <TouchableOpacity\n            style={styles.captureButton}\n            onPress={capturePhoto}\n            disabled={!isInitialized}\n          >\n            <View style={[\n              styles.captureButtonInner,\n              !isInitialized && styles.captureButtonDisabled\n            ]} />\n          </TouchableOpacity>\n        )}\n\n        {/* Video recording button */}\n        {showCaptureButton && enableVideo && (\n          <TouchableOpacity\n            style={[\n              styles.captureButton,\n              isRecordingVideo && styles.recordingButton\n            ]}\n            onPress={isRecordingVideo ? stopVideoRecording : startVideoRecording}\n            disabled={!isInitialized}\n          >\n            <View style={[\n              styles.captureButtonInner,\n              !isInitialized && styles.captureButtonDisabled,\n              isRecordingVideo && styles.recordingButtonInner\n            ]} />\n          </TouchableOpacity>\n        )}\n\n        {/* Switch camera button */}\n        {showSwitchCamera && canFlip && (\n          <TouchableOpacity style={styles.controlButton} onPress={switchCamera}>\n            <Text style={styles.controlButtonText}>🔄</Text>\n          </TouchableOpacity>\n        )}\n      </View>\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    flex: 1,\n    backgroundColor: 'black',\n  },\n  instructionsOverlay: {\n    position: 'absolute',\n    top: 60,\n    left: 20,\n    right: 20,\n    backgroundColor: 'rgba(0, 0, 0, 0.7)',\n    padding: 15,\n    borderRadius: 10,\n    zIndex: 1,\n  },\n  instructions: {\n    color: 'white',\n    fontSize: 16,\n    textAlign: 'center',\n    fontWeight: '500',\n  },\n  closeButton: {\n    position: 'absolute',\n    top: 50,\n    right: 20,\n    backgroundColor: 'rgba(0, 0, 0, 0.7)',\n    width: 40,\n    height: 40,\n    borderRadius: 20,\n    justifyContent: 'center',\n    alignItems: 'center',\n    zIndex: 2,\n  },\n  closeButtonText: {\n    color: 'white',\n    fontSize: 20,\n    fontWeight: 'bold',\n  },\n  controlsContainer: {\n    position: 'absolute',\n    bottom: 40,\n    left: 0,\n    right: 0,\n    flexDirection: 'row',\n    justifyContent: 'space-around',\n    alignItems: 'center',\n    paddingHorizontal: 40,\n    zIndex: 1,\n  },\n  controlButton: {\n    backgroundColor: 'rgba(0, 0, 0, 0.7)',\n    width: 50,\n    height: 50,\n    borderRadius: 25,\n    justifyContent: 'center',\n    alignItems: 'center',\n  },\n  controlButtonText: {\n    fontSize: 24,\n  },\n  captureButton: {\n    backgroundColor: 'rgba(255, 255, 255, 0.3)',\n    width: 80,\n    height: 80,\n    borderRadius: 40,\n    justifyContent: 'center',\n    alignItems: 'center',\n    borderWidth: 3,\n    borderColor: 'white',\n  },\n  captureButtonInner: {\n    backgroundColor: 'white',\n    width: 60,\n    height: 60,\n    borderRadius: 30,\n  },\n  captureButtonDisabled: {\n    backgroundColor: 'rgba(255, 255, 255, 0.5)',\n  },\n  recordingButton: {\n    backgroundColor: 'rgba(255, 59, 48, 0.3)',\n    borderColor: '#FF3B30',\n  },\n  recordingButtonInner: {\n    backgroundColor: '#FF3B30',\n  },\n  permissionMessage: {\n    color: 'white',\n    fontSize: 16,\n    textAlign: 'center',\n    margin: 20,\n  },\n  errorMessage: {\n    color: 'red',\n    fontSize: 16,\n    textAlign: 'center',\n    margin: 20,\n  },\n  bboxOverlay: {\n    position: 'absolute',\n    top: 0,\n    left: 0,\n    right: 0,\n    bottom: 0,\n    pointerEvents: 'none',\n  },\n  bbox: {\n    position: 'absolute',\n    borderStyle: 'solid',\n    backgroundColor: 'transparent',\n  },\n}); "]}
+{"version":3,"file":"EnhancedCameraView.web.js","sourceRoot":"","sources":["../../src/components/EnhancedCameraView.web.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from 'react';\nimport { View, StyleSheet, TouchableOpacity, Text, Platform } from 'react-native';\nimport { EnhancedCameraViewProps } from './OverLay/type';\n\n\nexport const EnhancedCameraView: React.FC<EnhancedCameraViewProps> = ({\n  instructions = 'Position yourself in the frame and tap the capture button',\n  showCamera,\n  cameraType: initialCameraType = 'front',\n  style,\n  onCapture,\n  onError,\n  onClose,\n  enableFlash = false,\n  enableHdr = false,\n  quality = 'high',\n  showCaptureButton = true,\n  showSwitchCamera = true,\n  overlayComponent,\n  bbox,\n  canFlip = true,\n  enableVideo = false,\n  isRecording = false,\n  onVideoRecordingStart,\n  onVideoRecordingStop,\n  videoDuration = 10,\n  onSilentCapture,\n  silentCaptureResult,\n}) => {\n  // Vérification de plateforme - ce composant est uniquement pour le web\n  if (Platform.OS !== 'web') {\n    console.warn('EnhancedCameraView.web.tsx should only be used on web platform');\n    return null;\n  }\n  const videoRef = useRef<HTMLVideoElement>(null);\n  const canvasRef = useRef<HTMLCanvasElement>(null);\n  const [cameraType, setCameraType] = useState<'front' | 'back'>(initialCameraType);\n  const [hasPermission, setHasPermission] = useState(false);\n  const [isInitialized, setIsInitialized] = useState(false);\n  const [flash, setFlash] = useState<'off' | 'on' | 'auto'>('off');\n  const [stream, setStream] = useState<MediaStream | null>(null);\n  const [isRecordingVideo, setIsRecordingVideo] = useState(false);\n  const [mediaRecorder, setMediaRecorder] = useState<MediaRecorder | null>(null);\n  const [recordedChunks, setRecordedChunks] = useState<Blob[]>([]);\n\n  console.log('cameraType', cameraType, recordedChunks);\n  // Check permissions on component mount\n  useEffect(() => {\n    if (showCamera) {\n      checkPermissions();\n    }\n  }, [showCamera]);\n\n  // Cleanup stream on unmount\n  useEffect(() => {\n    return () => {\n      if (stream) {\n        stream.getTracks().forEach(track => track.stop());\n      }\n    };\n  }, [stream]);\n\n  const checkPermissions = async () => {\n    try {\n      if (!navigator.mediaDevices || !navigator.mediaDevices.getUserMedia) {\n        onError?.({ message: 'Camera not supported in this browser' });\n        return;\n      }\n\n      // Test camera permission\n      const stream = await navigator.mediaDevices.getUserMedia({ video: true });\n      stream.getTracks().forEach(track => track.stop());\n\n      setHasPermission(true);\n      await startCamera();\n    } catch (error) {\n      console.error('Error checking permissions:', error);\n      onError?.({ message: 'Camera permissions not granted' });\n    }\n  };\n\n  const startCamera = async () => {\n    try {\n      if (stream) {\n        stream.getTracks().forEach(track => track.stop());\n      }\n\n      const constraints = {\n        video: {\n          facingMode: cameraType === 'front' ? 'user' : 'environment',\n          width: { ideal: quality === 'high' ? 1920 : quality === 'medium' ? 1280 : 640 },\n          height: { ideal: quality === 'high' ? 1080 : quality === 'medium' ? 720 : 480 },\n        },\n        audio: enableVideo,\n      };\n\n      const newStream = await navigator.mediaDevices.getUserMedia(constraints);\n      setStream(newStream);\n\n      if (videoRef.current) {\n        videoRef.current.srcObject = newStream;\n        videoRef.current.onloadedmetadata = () => {\n          setIsInitialized(true);\n        };\n      }\n    } catch (error) {\n      console.error('Error starting camera:', error);\n      onError?.({ message: 'Failed to start camera' });\n    }\n  };\n\n  const onInitialized = useCallback(() => {\n    console.log('Camera initialized!');\n    setIsInitialized(true);\n  }, []);\n\n  const onCameraError = useCallback((error: any) => {\n    console.error('Camera error:', error);\n    onError?.({ message: error.message || 'Camera error occurred' });\n  }, [onError]);\n\n  console.log('isInitialized', onInitialized, onCameraError);\n\n  const capturePhoto = useCallback(async () => {\n    try {\n      onCapture && onCapture({\n        success: true\n      })\n    } catch (error) {\n      console.error('Error taking photo:', error);\n      onCapture?.({\n        success: false,\n        error: error instanceof Error ? error.message : 'Failed to capture photo',\n      });\n    }\n  }, [isInitialized, onCapture, onError]);\n\n\n  const captureSilentPhoto = useCallback(async () => {\n    try {\n      if (!videoRef.current || !canvasRef.current || !isInitialized) {\n        onError?.({ message: 'Camera not ready' });\n        return;\n      }\n\n      const video = videoRef.current;\n      const canvas = canvasRef.current;\n      const context = canvas.getContext('2d');\n\n      if (!context) {\n        onError?.({ message: 'Canvas context not available' });\n        return;\n      }\n\n      // Set canvas dimensions to match video\n      canvas.width = video.videoWidth;\n      canvas.height = video.videoHeight;\n\n      // Draw the current video frame to canvas\n      context.drawImage(video, 0, 0);\n\n      // Convert to base64\n      const imageDataUrl = canvas.toDataURL('image/jpeg', 0.8);\n\n      onSilentCapture?.({\n        success: true,\n        path: imageDataUrl,\n      });\n    } catch (error) {\n      console.error('Error taking photo:', error);\n      onCapture?.({\n        success: false,\n        error: error instanceof Error ? error.message : 'Failed to capture photo',\n      });\n    }\n  }, [isInitialized, onError, onSilentCapture]);\n\n\n  // Automatically take a silent photo every 5 seconds when ready\n  useEffect(() => {\n    if (!showCamera || !isInitialized) {\n      return;\n    }\n\n    const intervalId = setInterval(() => {\n      captureSilentPhoto();\n    }, 5000);\n\n    return () => clearInterval(intervalId);\n  }, [showCamera, isInitialized, captureSilentPhoto]);\n\n  const startVideoRecording = useCallback(async () => {\n    try {\n      if (!stream || !isInitialized) {\n        onError?.({ message: 'Camera not ready' });\n        return;\n      }\n\n      const chunks: Blob[] = [];\n      setRecordedChunks(chunks);\n\n      const recorder = new MediaRecorder(stream, {\n        mimeType: 'video/webm;codecs=vp9',\n      });\n\n      recorder.ondataavailable = (event) => {\n        if (event.data.size > 0) {\n          chunks.push(event.data);\n        }\n      };\n\n      recorder.onstop = () => {\n        const blob = new Blob(chunks, { type: 'video/webm' });\n        const url = URL.createObjectURL(blob);\n\n        onVideoRecordingStop?.({\n          success: true,\n          path: url,\n        });\n\n        setRecordedChunks([]);\n        setIsRecordingVideo(false);\n      };\n\n      recorder.onerror = (event) => {\n        console.error('Recording error:', event);\n        onVideoRecordingStop?.({\n          success: false,\n          error: 'Failed to record video',\n        });\n        setIsRecordingVideo(false);\n      };\n\n      setMediaRecorder(recorder);\n      recorder.start();\n      setIsRecordingVideo(true);\n      onVideoRecordingStart?.();\n\n      // Auto-stop after videoDuration seconds\n      setTimeout(() => {\n        if (recorder.state === 'recording') {\n          recorder.stop();\n        }\n      }, videoDuration * 1000);\n\n    } catch (error) {\n      console.error('Error starting video recording:', error);\n      onVideoRecordingStop?.({\n        success: false,\n        error: error instanceof Error ? error.message : 'Failed to start video recording',\n      });\n    }\n  }, [isInitialized, stream, videoDuration, onVideoRecordingStart, onVideoRecordingStop, onError]);\n\n  const stopVideoRecording = useCallback(async () => {\n    try {\n      if (mediaRecorder && mediaRecorder.state === 'recording') {\n        mediaRecorder.stop();\n      }\n    } catch (error) {\n      console.error('Error stopping video recording:', error);\n      onError?.({ message: 'Failed to stop video recording' });\n    }\n  }, [mediaRecorder, onError]);\n\n  const switchCamera = useCallback(async () => {\n    setCameraType(current => current === 'front' ? 'back' : 'front');\n    // Restart camera with new facing mode\n    await startCamera();\n  }, [cameraType]);\n\n  const toggleFlash = useCallback(() => {\n    setFlash(current => {\n      switch (current) {\n        case 'off': return 'on';\n        case 'on': return 'auto';\n        case 'auto': return 'off';\n        default: return 'off';\n      }\n    });\n  }, []);\n\n  if (!hasPermission) {\n    return (\n      <View style={[styles.container, style]}>\n        <Text style={styles.permissionMessage}>\n          Camera permission required. Please grant permission to continue.\n        </Text>\n      </View>\n    );\n  }\n\n  if (!showCamera) {\n    return <View style={[styles.container, style]} />;\n  }\n\n  return (\n    <View style={[styles.container, style]}>\n      {/* Video element */}\n      <video\n        ref={videoRef}\n        style={{\n          position: 'absolute',\n          width: '100%',\n          height: '100%',\n          objectFit: 'cover',\n        }}\n        autoPlay\n        playsInline\n        muted\n      />\n\n      {/* Hidden canvas for photo capture */}\n      <canvas\n        ref={canvasRef}\n        style={{\n          position: 'absolute',\n          left: '-9999px',\n          top: '-9999px',\n        }}\n      />\n\n      {/* Instructions */}\n      {/* {instructions && (\n        <View style={styles.instructionsOverlay}>\n          <Text style={styles.instructions}>{instructions}</Text>\n        </View>\n      )} */}\n\n      {/* Custom overlay component */}\n      {overlayComponent}\n\n      {/* Bounding box overlay */}\n      {bbox && (\n        <View style={styles.bboxOverlay}>\n          <View\n            style={[\n              styles.bbox,\n              {\n                left: `${bbox.xMin}%`,\n                top: `${bbox.yMin}%`,\n                width: `${bbox.xMax - bbox.xMin}%`,\n                height: `${bbox.yMax - bbox.yMin}%`,\n                borderColor: bbox.borderColor || '#2DBD60',\n                borderWidth: bbox.borderWidth || 3,\n                borderRadius: bbox.cornerRadius || 8,\n              }\n            ]}\n          />\n        </View>\n      )}\n\n      {/* Camera controls */}\n      <View style={styles.controlsContainer}>\n        {/* Flash button */}\n        {enableFlash && (\n          <TouchableOpacity style={styles.controlButton} onPress={toggleFlash}>\n            <Text style={styles.controlButtonText}>\n              {flash === 'off' ? '⚡' : flash === 'on' ? '⚡️' : '✨'}\n            </Text>\n          </TouchableOpacity>\n        )}\n\n        {/* Capture button */}\n        {showCaptureButton && !enableVideo && silentCaptureResult?.success && (\n          <TouchableOpacity\n            style={styles.captureButton}\n            onPress={capturePhoto}\n            disabled={!isInitialized}\n          >\n            <View style={[\n              styles.captureButtonInner,\n              !isInitialized && styles.captureButtonDisabled\n            ]} />\n          </TouchableOpacity>\n        )}\n\n        {/* Video recording button */}\n        {showCaptureButton && enableVideo && (\n          <TouchableOpacity\n            style={[\n              styles.captureButton,\n              isRecordingVideo && styles.recordingButton\n            ]}\n            onPress={isRecordingVideo ? stopVideoRecording : startVideoRecording}\n            disabled={!isInitialized}\n          >\n            <View style={[\n              styles.captureButtonInner,\n              !isInitialized && styles.captureButtonDisabled,\n              isRecordingVideo && styles.recordingButtonInner\n            ]} />\n          </TouchableOpacity>\n        )}\n\n        {/* Switch camera button */}\n        {showSwitchCamera && canFlip && (\n          <TouchableOpacity style={styles.controlButton} onPress={switchCamera}>\n            <Text style={styles.controlButtonText}>🔄</Text>\n          </TouchableOpacity>\n        )}\n      </View>\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    flex: 1,\n    backgroundColor: 'black',\n  },\n  instructionsOverlay: {\n    position: 'absolute',\n    top: 60,\n    left: 20,\n    right: 20,\n    backgroundColor: 'rgba(0, 0, 0, 0.7)',\n    padding: 15,\n    borderRadius: 10,\n    zIndex: 1,\n  },\n  instructions: {\n    color: 'white',\n    fontSize: 16,\n    textAlign: 'center',\n    fontWeight: '500',\n  },\n  closeButton: {\n    position: 'absolute',\n    top: 50,\n    right: 20,\n    backgroundColor: 'rgba(0, 0, 0, 0.7)',\n    width: 40,\n    height: 40,\n    borderRadius: 20,\n    justifyContent: 'center',\n    alignItems: 'center',\n    zIndex: 2,\n  },\n  closeButtonText: {\n    color: 'white',\n    fontSize: 20,\n    fontWeight: 'bold',\n  },\n  controlsContainer: {\n    position: 'absolute',\n    bottom: 40,\n    left: 0,\n    right: 0,\n    flexDirection: 'row',\n    justifyContent: 'space-around',\n    alignItems: 'center',\n    paddingHorizontal: 40,\n    zIndex: 1,\n  },\n  controlButton: {\n    backgroundColor: 'rgba(0, 0, 0, 0.7)',\n    width: 50,\n    height: 50,\n    borderRadius: 25,\n    justifyContent: 'center',\n    alignItems: 'center',\n  },\n  controlButtonText: {\n    fontSize: 24,\n  },\n  captureButton: {\n    backgroundColor: 'rgba(255, 255, 255, 0.3)',\n    width: 80,\n    height: 80,\n    borderRadius: 40,\n    justifyContent: 'center',\n    alignItems: 'center',\n    borderWidth: 3,\n    borderColor: 'white',\n  },\n  captureButtonInner: {\n    backgroundColor: 'white',\n    width: 60,\n    height: 60,\n    borderRadius: 30,\n  },\n  captureButtonDisabled: {\n    backgroundColor: 'rgba(255, 255, 255, 0.5)',\n  },\n  recordingButton: {\n    backgroundColor: 'rgba(255, 59, 48, 0.3)',\n    borderColor: '#FF3B30',\n  },\n  recordingButtonInner: {\n    backgroundColor: '#FF3B30',\n  },\n  permissionMessage: {\n    color: 'white',\n    fontSize: 16,\n    textAlign: 'center',\n    margin: 20,\n  },\n  errorMessage: {\n    color: 'red',\n    fontSize: 16,\n    textAlign: 'center',\n    margin: 20,\n  },\n  bboxOverlay: {\n    position: 'absolute',\n    top: 0,\n    left: 0,\n    right: 0,\n    bottom: 0,\n    pointerEvents: 'none',\n  },\n  bbox: {\n    position: 'absolute',\n    borderStyle: 'solid',\n    backgroundColor: 'transparent',\n  },\n}); "]}

package/build/components/KYCElements/CountrySelectionTemplate.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
-import { TemplateComponent } from '../../types/KYC.types';
+import { TemplateComponent, Country } from '../../types/KYC.types';
 interface CountrySelectionTemplateProps {
     component: TemplateComponent;
     value?: string;
-    onValueChange: (value: string) => void;
+    onValueChange: (value: Country) => void;
     error?: string;
     language?: string;
 }

package/build/components/KYCElements/CountrySelectionTemplate.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CountrySelectionTemplate.d.ts","sourceRoot":"","sources":["../../../src/components/KYCElements/CountrySelectionTemplate.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,iBAAiB,EAAyC,MAAM,uBAAuB,CAAC;AAEjG,UAAU,6BAA6B;IACrC,SAAS,EAAE,iBAAiB,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAiFD,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC,6BAA6B,CAiF5E,CAAC"}
+{"version":3,"file":"CountrySelectionTemplate.d.ts","sourceRoot":"","sources":["../../../src/components/KYCElements/CountrySelectionTemplate.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,iBAAiB,EAAyC,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAO1G,UAAU,6BAA6B;IACrC,SAAS,EAAE,iBAAiB,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC,6BAA6B,CA2G5E,CAAC"}

package/build/components/KYCElements/CountrySelectionTemplate.js

@@ -1,87 +1,18 @@
-import React from 'react';
+import React, { useState } from 'react';
 import { View, Text, TouchableOpacity, StyleSheet, ScrollView } from 'react-native';
-const countryData = {
-    FR: { name: 'France', flag: '🇫🇷' },
-    CM: { name: 'Cameroun', flag: '🇨🇲' },
-    US: { name: 'États-Unis', flag: '🇺🇸' },
-    DE: { name: 'Allemagne', flag: '🇩🇪' },
-    BE: { name: 'Belgique', flag: '🇧🇪' },
-    LU: { name: 'Luxembourg', flag: '🇱🇺' },
-    IT: { name: 'Italie', flag: '🇮🇹' },
-    ES: { name: 'Espagne', flag: '🇪🇸' },
-    PT: { name: 'Portugal', flag: '🇵🇹' },
-    AT: { name: 'Autriche', flag: '🇦🇹' },
-    CH: { name: 'Suisse', flag: '🇨🇭' },
-    NL: { name: 'Pays-Bas', flag: '🇳🇱' },
-    CA: { name: 'Canada', flag: '🇨🇦' },
-    GB: { name: 'Royaume-Uni', flag: '🇬🇧' },
-    AU: { name: 'Australie', flag: '🇦🇺' },
-    JP: { name: 'Japon', flag: '🇯🇵' },
-    KR: { name: 'Corée du Sud', flag: '🇰🇷' },
-    SG: { name: 'Singapour', flag: '🇸🇬' },
-    HK: { name: 'Hong Kong', flag: '🇭🇰' },
-    AE: { name: 'Émirats Arabes Unis', flag: '🇦🇪' },
-    SA: { name: 'Arabie Saoudite', flag: '🇸🇦' },
-    QA: { name: 'Qatar', flag: '🇶🇦' },
-    KW: { name: 'Koweït', flag: '🇰🇼' },
-    BH: { name: 'Bahreïn', flag: '🇧🇭' },
-    OM: { name: 'Oman', flag: '🇴🇲' },
-    JO: { name: 'Jordanie', flag: '🇯🇴' },
-    LB: { name: 'Liban', flag: '🇱🇧' },
-    EG: { name: 'Égypte', flag: '🇪🇬' },
-    MA: { name: 'Maroc', flag: '🇲🇦' },
-    TN: { name: 'Tunisie', flag: '🇹🇳' },
-    DZ: { name: 'Algérie', flag: '🇩🇿' },
-    SN: { name: 'Sénégal', flag: '🇸🇳' },
-    CI: { name: 'Côte d\'Ivoire', flag: '🇨🇮' },
-    NG: { name: 'Nigeria', flag: '🇳🇬' },
-    KE: { name: 'Kenya', flag: '🇰🇪' },
-    ZA: { name: 'Afrique du Sud', flag: '🇿🇦' },
-    BR: { name: 'Brésil', flag: '🇧🇷' },
-    MX: { name: 'Mexique', flag: '🇲🇽' },
-    AR: { name: 'Argentine', flag: '🇦🇷' },
-    CL: { name: 'Chili', flag: '🇨🇱' },
-    PE: { name: 'Pérou', flag: '🇵🇪' },
-    CO: { name: 'Colombie', flag: '🇨🇴' },
-    VE: { name: 'Venezuela', flag: '🇻🇪' },
-    EC: { name: 'Équateur', flag: '🇪🇨' },
-    UY: { name: 'Uruguay', flag: '🇺🇾' },
-    PY: { name: 'Paraguay', flag: '🇵🇾' },
-    BO: { name: 'Bolivie', flag: '🇧🇴' },
-    IN: { name: 'Inde', flag: '🇮🇳' },
-    CN: { name: 'Chine', flag: '🇨🇳' },
-    TH: { name: 'Thaïlande', flag: '🇹🇭' },
-    VN: { name: 'Vietnam', flag: '🇻🇳' },
-    ID: { name: 'Indonésie', flag: '🇮🇩' },
-    MY: { name: 'Malaisie', flag: '🇲🇾' },
-    PH: { name: 'Philippines', flag: '🇵🇭' },
-    TR: { name: 'Turquie', flag: '🇹🇷' },
-    IL: { name: 'Israël', flag: '🇮🇱' },
-    RU: { name: 'Russie', flag: '🇷🇺' },
-    UA: { name: 'Ukraine', flag: '🇺🇦' },
-    PL: { name: 'Pologne', flag: '🇵🇱' },
-    CZ: { name: 'République Tchèque', flag: '🇨🇿' },
-    HU: { name: 'Hongrie', flag: '🇭🇺' },
-    RO: { name: 'Roumanie', flag: '🇷🇴' },
-    BG: { name: 'Bulgarie', flag: '🇧🇬' },
-    HR: { name: 'Croatie', flag: '🇭🇷' },
-    SI: { name: 'Slovénie', flag: '🇸🇮' },
-    SK: { name: 'Slovaquie', flag: '🇸🇰' },
-    LT: { name: 'Lituanie', flag: '🇱🇹' },
-    LV: { name: 'Lettonie', flag: '🇱🇻' },
-    EE: { name: 'Estonie', flag: '🇪🇪' },
-    FI: { name: 'Finlande', flag: '🇫🇮' },
-    SE: { name: 'Suède', flag: '🇸🇪' },
-    NO: { name: 'Norvège', flag: '🇳🇴' },
-    DK: { name: 'Danemark', flag: '🇩🇰' },
-    IS: { name: 'Islande', flag: '🇮🇸' },
-    IE: { name: 'Irlande', flag: '🇮🇪' },
-    NZ: { name: 'Nouvelle-Zélande', flag: '🇳🇿' },
-};
+import { countryMapping } from '../../config/region_mapping';
+import { useTemplateKYCFlowContext } from '../../hooks/useTemplateKYCFlow';
+import { useI18n } from '../../hooks/useI18n';
+import { Button } from '../ui/Button';
+import { countryData } from '../../config/countriesData';
 export const CountrySelectionTemplate = ({ component, value, onValueChange, error, language = 'en', }) => {
+    const { t } = useI18n();
     const config = component.config;
-    const allowedCountries = config.allowed_countries || Object.keys(countryData);
-    const defaultCountry = config.default_country || 'FR';
+    const allowedCountries = (config.allowed_countries || Object.keys(countryData));
+    const defaultCountry = config.default_country || 'CM';
+    const { actions, state } = useTemplateKYCFlowContext();
+    console.log({ language }, state.currentLanguage);
+    const [selectedCountry, setSelectedCountry] = useState({ code: defaultCountry, ...countryData[defaultCountry] });
     const getLocalizedText = (text) => {
         return text[language] || text.en || '';
     };
@@ -93,51 +24,76 @@ export const CountrySelectionTemplate = ({ component, value, onValueChange, erro
         ...countryData[code]
     }))
         .sort((a, b) => a.name.localeCompare(b.name));
-    return (<View style={styles.container}>
-      <Text style={styles.title}>{getLocalizedText(component.labels)}</Text>
-      <Text style={styles.description}>{getLocalizedText(component.instructions)}</Text>
-      
-      <ScrollView style={styles.countriesContainer} showsVerticalScrollIndicator={false}>
-        {filteredCountries.map((country) => (<TouchableOpacity key={country.code} style={[
+    return (<View style={styles.root}>
+      <View style={styles.container}>
+        <Text style={styles.title}>{getLocalizedText(component.labels)}</Text>
+        <Text style={styles.description}>{getLocalizedText(component.instructions)}</Text>
+
+        <ScrollView style={styles.countriesContainer} showsVerticalScrollIndicator={false}>
+          {filteredCountries.map((country) => (<TouchableOpacity key={country.code} style={[
                 styles.countryOption,
-                selectedValue === country.code && styles.selectedCountryOption
-            ]} onPress={() => onValueChange(country.code)}>
-            <Text style={styles.countryFlag}>{country.flag}</Text>
-            <View style={styles.countryContent}>
-              <Text style={[
+                selectedCountry.code === country.code && styles.selectedCountryOption
+            ]} onPress={() => {
+                console.log({
+                    country, language
+                });
+                setSelectedCountry(country);
+            }}>
+              <Text style={styles.countryFlag}>{country.flag}</Text>
+              <View style={styles.countryContent}>
+                <Text style={[
                 styles.countryName,
-                selectedValue === country.code && styles.selectedCountryName
+                selectedCountry.code === country.code && styles.selectedCountryName
             ]}>
-                {country.name}
-              </Text>
-              <Text style={styles.countryCode}>{country.code}</Text>
-            </View>
-            {selectedValue === country.code && (<View style={[
+                  {state.currentLanguage === "en" ? country.name_en : country.name}
+                </Text>
+                <Text style={styles.countryCode}>{country.code}</Text>
+              </View>
+              {selectedCountry.code === country.code && (<View style={[
                     styles.checkmark,
                     { backgroundColor: component.ui.themeColor || '#2DBD60' }
                 ]}>
-                <Text style={styles.checkmarkText}>✓</Text>
-              </View>)}
-          </TouchableOpacity>))}
-      </ScrollView>
+                  <Text style={styles.checkmarkText}>✓</Text>
+                </View>)}
+            </TouchableOpacity>))}
+        </ScrollView>
+
+        {selectedCountry.code && (<Button title={t('common.next')} onPress={() => {
+                const mapping = selectedCountry.code ? countryMapping[selectedCountry.code] : undefined;
+                onValueChange({ ...selectedCountry, regionMapping: mapping });
+                setTimeout(() => {
+                    actions.nextComponent();
+                }, 500);
+            }} variant="primary" size="large" fullWidth/>)}
 
-      {selectedValue && (<View style={styles.selectionInfo}>
-          <Text style={styles.selectionText}>
-            Pays sélectionné: {countryData[selectedValue]?.flag} {countryData[selectedValue]?.name}
-          </Text>
-        </View>)}
+        {config.required && !selectedValue && (<View style={styles.requiredContainer}>
 
-      {config.required && !selectedValue && (<View style={styles.requiredContainer}>
-          <Text style={styles.requiredText}>⚠️ Veuillez sélectionner un pays</Text>
-        </View>)}
 
-      {error && (<Text style={styles.errorText}>{error}</Text>)}
+            <Text style={styles.requiredText}>{state.currentLanguage === "en" ? "⚠️  Please Select your country" : "⚠️ Veuillez sélectionner un pays"}</Text>
+          </View>)}
+
+        {error && (<Text style={styles.errorText}>{error}</Text>)}
+      </View>
     </View>);
 };
 const styles = StyleSheet.create({
-    container: {
+    root: {
         flex: 1,
-        padding: 16,
+        maxWidth: 760,
+        width: '100%',
+    },
+    container: {
+        backgroundColor: 'white',
+        margin: 10,
+        borderRadius: 10,
+        paddingVertical: 16,
+        paddingHorizontal: 16,
+        // shadow
+        shadowColor: '#000',
+        shadowOffset: { width: 0, height: 2 },
+        shadowOpacity: 0.35,
+        shadowRadius: 4.84,
+        elevation: 10,
     },
     title: {
         fontSize: 24,
@@ -154,7 +110,8 @@ const styles = StyleSheet.create({
         lineHeight: 22,
     },
     countriesContainer: {
-        flex: 1,
+        height: "80%",
+        maxHeight: 600,
     },
     countryOption: {
         flexDirection: 'row',

package/build/components/KYCElements/CountrySelectionTemplate.js.map

@@ -1 +1 @@
-{"version":3,"file":"CountrySelectionTemplate.js","sourceRoot":"","sources":["../../../src/components/KYCElements/CountrySelectionTemplate.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport { View, Text, TouchableOpacity, StyleSheet, ScrollView } from 'react-native';\nimport { TemplateComponent, CountrySelectionConfig, LocalizedText } from '../../types/KYC.types';\n\ninterface CountrySelectionTemplateProps {\n  component: TemplateComponent;\n  value?: string;\n  onValueChange: (value: string) => void;\n  error?: string;\n  language?: string;\n}\n\nconst countryData: Record<string, { name: string; flag: string }> = {\n  FR: { name: 'France', flag: '🇫🇷' },\n  CM: { name: 'Cameroun', flag: '🇨🇲' },\n  US: { name: 'États-Unis', flag: '🇺🇸' },\n  DE: { name: 'Allemagne', flag: '🇩🇪' },\n  BE: { name: 'Belgique', flag: '🇧🇪' },\n  LU: { name: 'Luxembourg', flag: '🇱🇺' },\n  IT: { name: 'Italie', flag: '🇮🇹' },\n  ES: { name: 'Espagne', flag: '🇪🇸' },\n  PT: { name: 'Portugal', flag: '🇵🇹' },\n  AT: { name: 'Autriche', flag: '🇦🇹' },\n  CH: { name: 'Suisse', flag: '🇨🇭' },\n  NL: { name: 'Pays-Bas', flag: '🇳🇱' },\n  CA: { name: 'Canada', flag: '🇨🇦' },\n  GB: { name: 'Royaume-Uni', flag: '🇬🇧' },\n  AU: { name: 'Australie', flag: '🇦🇺' },\n  JP: { name: 'Japon', flag: '🇯🇵' },\n  KR: { name: 'Corée du Sud', flag: '🇰🇷' },\n  SG: { name: 'Singapour', flag: '🇸🇬' },\n  HK: { name: 'Hong Kong', flag: '🇭🇰' },\n  AE: { name: 'Émirats Arabes Unis', flag: '🇦🇪' },\n  SA: { name: 'Arabie Saoudite', flag: '🇸🇦' },\n  QA: { name: 'Qatar', flag: '🇶🇦' },\n  KW: { name: 'Koweït', flag: '🇰🇼' },\n  BH: { name: 'Bahreïn', flag: '🇧🇭' },\n  OM: { name: 'Oman', flag: '🇴🇲' },\n  JO: { name: 'Jordanie', flag: '🇯🇴' },\n  LB: { name: 'Liban', flag: '🇱🇧' },\n  EG: { name: 'Égypte', flag: '🇪🇬' },\n  MA: { name: 'Maroc', flag: '🇲🇦' },\n  TN: { name: 'Tunisie', flag: '🇹🇳' },\n  DZ: { name: 'Algérie', flag: '🇩🇿' },\n  SN: { name: 'Sénégal', flag: '🇸🇳' },\n  CI: { name: 'Côte d\\'Ivoire', flag: '🇨🇮' },\n  NG: { name: 'Nigeria', flag: '🇳🇬' },\n  KE: { name: 'Kenya', flag: '🇰🇪' },\n  ZA: { name: 'Afrique du Sud', flag: '🇿🇦' },\n  BR: { name: 'Brésil', flag: '🇧🇷' },\n  MX: { name: 'Mexique', flag: '🇲🇽' },\n  AR: { name: 'Argentine', flag: '🇦🇷' },\n  CL: { name: 'Chili', flag: '🇨🇱' },\n  PE: { name: 'Pérou', flag: '🇵🇪' },\n  CO: { name: 'Colombie', flag: '🇨🇴' },\n  VE: { name: 'Venezuela', flag: '🇻🇪' },\n  EC: { name: 'Équateur', flag: '🇪🇨' },\n  UY: { name: 'Uruguay', flag: '🇺🇾' },\n  PY: { name: 'Paraguay', flag: '🇵🇾' },\n  BO: { name: 'Bolivie', flag: '🇧🇴' },\n  IN: { name: 'Inde', flag: '🇮🇳' },\n  CN: { name: 'Chine', flag: '🇨🇳' },\n  TH: { name: 'Thaïlande', flag: '🇹🇭' },\n  VN: { name: 'Vietnam', flag: '🇻🇳' },\n  ID: { name: 'Indonésie', flag: '🇮🇩' },\n  MY: { name: 'Malaisie', flag: '🇲🇾' },\n  PH: { name: 'Philippines', flag: '🇵🇭' },\n  TR: { name: 'Turquie', flag: '🇹🇷' },\n  IL: { name: 'Israël', flag: '🇮🇱' },\n  RU: { name: 'Russie', flag: '🇷🇺' },\n  UA: { name: 'Ukraine', flag: '🇺🇦' },\n  PL: { name: 'Pologne', flag: '🇵🇱' },\n  CZ: { name: 'République Tchèque', flag: '🇨🇿' },\n  HU: { name: 'Hongrie', flag: '🇭🇺' },\n  RO: { name: 'Roumanie', flag: '🇷🇴' },\n  BG: { name: 'Bulgarie', flag: '🇧🇬' },\n  HR: { name: 'Croatie', flag: '🇭🇷' },\n  SI: { name: 'Slovénie', flag: '🇸🇮' },\n  SK: { name: 'Slovaquie', flag: '🇸🇰' },\n  LT: { name: 'Lituanie', flag: '🇱🇹' },\n  LV: { name: 'Lettonie', flag: '🇱🇻' },\n  EE: { name: 'Estonie', flag: '🇪🇪' },\n  FI: { name: 'Finlande', flag: '🇫🇮' },\n  SE: { name: 'Suède', flag: '🇸🇪' },\n  NO: { name: 'Norvège', flag: '🇳🇴' },\n  DK: { name: 'Danemark', flag: '🇩🇰' },\n  IS: { name: 'Islande', flag: '🇮🇸' },\n  IE: { name: 'Irlande', flag: '🇮🇪' },\n  NZ: { name: 'Nouvelle-Zélande', flag: '🇳🇿' },\n};\n\nexport const CountrySelectionTemplate: React.FC<CountrySelectionTemplateProps> = ({\n  component,\n  value,\n  onValueChange,\n  error,\n  language = 'en',\n}) => {\n  const config = component.config as CountrySelectionConfig;\n  const allowedCountries = config.allowed_countries || Object.keys(countryData);\n  const defaultCountry = config.default_country || 'FR';\n\n  const getLocalizedText = (text: LocalizedText): string => {\n    return text[language] || text.en || '';\n  };\n\n  const selectedValue = value || defaultCountry;\n\n  const filteredCountries = allowedCountries\n    .filter(code => countryData[code])\n    .map(code => ({\n      code,\n      ...countryData[code]\n    }))\n    .sort((a, b) => a.name.localeCompare(b.name));\n\n  return (\n    <View style={styles.container}>\n      <Text style={styles.title}>{getLocalizedText(component.labels)}</Text>\n      <Text style={styles.description}>{getLocalizedText(component.instructions)}</Text>\n      \n      <ScrollView style={styles.countriesContainer} showsVerticalScrollIndicator={false}>\n        {filteredCountries.map((country) => (\n          <TouchableOpacity\n            key={country.code}\n            style={[\n              styles.countryOption,\n              selectedValue === country.code && styles.selectedCountryOption\n            ]}\n            onPress={() => onValueChange(country.code)}\n          >\n            <Text style={styles.countryFlag}>{country.flag}</Text>\n            <View style={styles.countryContent}>\n              <Text style={[\n                styles.countryName,\n                selectedValue === country.code && styles.selectedCountryName\n              ]}>\n                {country.name}\n              </Text>\n              <Text style={styles.countryCode}>{country.code}</Text>\n            </View>\n            {selectedValue === country.code && (\n              <View style={[\n                styles.checkmark,\n                { backgroundColor: component.ui.themeColor || '#2DBD60' }\n              ]}>\n                <Text style={styles.checkmarkText}>✓</Text>\n              </View>\n            )}\n          </TouchableOpacity>\n        ))}\n      </ScrollView>\n\n      {selectedValue && (\n        <View style={styles.selectionInfo}>\n          <Text style={styles.selectionText}>\n            Pays sélectionné: {countryData[selectedValue]?.flag} {countryData[selectedValue]?.name}\n          </Text>\n        </View>\n      )}\n\n      {config.required && !selectedValue && (\n        <View style={styles.requiredContainer}>\n          <Text style={styles.requiredText}>⚠️ Veuillez sélectionner un pays</Text>\n        </View>\n      )}\n\n      {error && (\n        <Text style={styles.errorText}>{error}</Text>\n      )}\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    flex: 1,\n    padding: 16,\n  },\n  title: {\n    fontSize: 24,\n    fontWeight: 'bold',\n    color: '#333',\n    marginBottom: 8,\n    textAlign: 'center',\n  },\n  description: {\n    fontSize: 16,\n    color: '#666',\n    textAlign: 'center',\n    marginBottom: 24,\n    lineHeight: 22,\n  },\n  countriesContainer: {\n    flex: 1,\n  },\n  countryOption: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    padding: 16,\n    backgroundColor: 'white',\n    borderRadius: 12,\n    marginBottom: 12,\n    borderWidth: 2,\n    borderColor: '#e5e5e5',\n    shadowColor: '#000',\n    shadowOffset: {\n      width: 0,\n      height: 2,\n    },\n    shadowOpacity: 0.1,\n    shadowRadius: 3.84,\n    elevation: 5,\n  },\n  selectedCountryOption: {\n    borderColor: '#2DBD60',\n    backgroundColor: '#f0f9f0',\n  },\n  countryFlag: {\n    fontSize: 32,\n    marginRight: 16,\n  },\n  countryContent: {\n    flex: 1,\n  },\n  countryName: {\n    fontSize: 18,\n    fontWeight: '600',\n    color: '#333',\n  },\n  selectedCountryName: {\n    color: '#2DBD60',\n  },\n  countryCode: {\n    fontSize: 14,\n    color: '#666',\n    marginTop: 4,\n    fontWeight: '500',\n  },\n  checkmark: {\n    width: 24,\n    height: 24,\n    borderRadius: 12,\n    justifyContent: 'center',\n    alignItems: 'center',\n  },\n  checkmarkText: {\n    color: 'white',\n    fontSize: 16,\n    fontWeight: 'bold',\n  },\n  selectionInfo: {\n    backgroundColor: '#f0f9f0',\n    padding: 16,\n    borderRadius: 8,\n    marginTop: 16,\n    alignItems: 'center',\n  },\n  selectionText: {\n    fontSize: 16,\n    fontWeight: '600',\n    color: '#2DBD60',\n  },\n  requiredContainer: {\n    backgroundColor: '#fff3cd',\n    padding: 16,\n    borderRadius: 8,\n    marginTop: 16,\n    alignItems: 'center',\n  },\n  requiredText: {\n    fontSize: 16,\n    fontWeight: '600',\n    color: '#856404',\n  },\n  errorText: {\n    color: '#dc2626',\n    fontSize: 14,\n    marginTop: 8,\n    textAlign: 'center',\n  },\n}); "]}
+{"version":3,"file":"CountrySelectionTemplate.js","sourceRoot":"","sources":["../../../src/components/KYCElements/CountrySelectionTemplate.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useState } from 'react';\nimport { View, Text, TouchableOpacity, StyleSheet, ScrollView } from 'react-native';\nimport { TemplateComponent, CountrySelectionConfig, LocalizedText, Country } from '../../types/KYC.types';\nimport { countryMapping } from '../../config/region_mapping';\nimport { useTemplateKYCFlowContext } from '../../hooks/useTemplateKYCFlow';\nimport { useI18n } from '../../hooks/useI18n';\nimport { Button } from '../ui/Button';\nimport { countryData } from '../../config/countriesData';\n\ninterface CountrySelectionTemplateProps {\n  component: TemplateComponent;\n  value?: string;\n  onValueChange: (value: Country) => void;\n  error?: string;\n  language?: string;\n}\n\nexport const CountrySelectionTemplate: React.FC<CountrySelectionTemplateProps> = ({\n  component,\n  value,\n  onValueChange,\n  error,\n  language = 'en',\n}) => {\n  const { t } = useI18n();\n  const config = component.config as CountrySelectionConfig;\n  const allowedCountries = (config.allowed_countries || Object.keys(countryData));\n  const defaultCountry = config.default_country || 'CM';\n  const { actions, state} = useTemplateKYCFlowContext();\n\n  console.log({ language }, state.currentLanguage);\n\n  const [selectedCountry, setSelectedCountry] = useState<Country>({ code: defaultCountry, ...countryData[defaultCountry] });\n\n  const getLocalizedText = (text: LocalizedText): string => {\n    return text[language] || text.en || '';\n  };\n\n  const selectedValue = value || defaultCountry;\n\n  const filteredCountries = allowedCountries\n    .filter(code => countryData[code])\n    .map(code => ({\n      code,\n      ...countryData[code]\n    }))\n    .sort((a, b) => a.name.localeCompare(b.name));\n\n  return (\n    <View style={styles.root}>\n      <View style={styles.container}>\n        <Text style={styles.title}>{getLocalizedText(component.labels as LocalizedText)}</Text>\n        <Text style={styles.description}>{getLocalizedText(component.instructions as LocalizedText)}</Text>\n\n        <ScrollView style={styles.countriesContainer} showsVerticalScrollIndicator={false}>\n          {filteredCountries.map((country) => (\n            <TouchableOpacity\n              key={country.code}\n              style={[\n                styles.countryOption,\n                selectedCountry.code === country.code && styles.selectedCountryOption\n              ]}\n              onPress={() => {\n                console.log({\n                  country, language\n                });\n\n                setSelectedCountry(country);\n              }}\n            >\n              <Text style={styles.countryFlag}>{country.flag}</Text>\n              <View style={styles.countryContent}>\n                <Text style={[\n                  styles.countryName,\n                  selectedCountry.code === country.code && styles.selectedCountryName\n                ]}>\n                  {state.currentLanguage === \"en\"? country.name_en: country.name}\n                </Text>\n                <Text style={styles.countryCode}>{country.code}</Text>\n              </View>\n              {selectedCountry.code === country.code && (\n                <View style={[\n                  styles.checkmark,\n                  { backgroundColor: component.ui.themeColor as string || '#2DBD60' }\n                ]}>\n                  <Text style={styles.checkmarkText}>✓</Text>\n                </View>\n              )}\n            </TouchableOpacity>\n          ))}\n        </ScrollView>\n\n        {selectedCountry.code && (\n          <Button title={t('common.next')} onPress={() => {\n\n\n            const mapping = selectedCountry.code ? countryMapping[selectedCountry.code as keyof typeof countryMapping] : undefined;\n            onValueChange({ ...selectedCountry, regionMapping: mapping });\n            setTimeout(() => {\n              actions.nextComponent();\n            }, 500);\n          }}\n            variant=\"primary\"\n            size=\"large\"\n            fullWidth\n          />\n        )}\n\n        {config.required && !selectedValue && (\n          <View style={styles.requiredContainer}>\n\n\n            <Text style={styles.requiredText}>{\n              state.currentLanguage === \"en\" ? \"⚠️  Please Select your country\" : \"⚠️ Veuillez sélectionner un pays\"\n            }</Text>\n          </View>\n        )}\n\n        {error && (\n          <Text style={styles.errorText}>{error}</Text>\n        )}\n      </View>\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  root: {\n    flex: 1,\n    maxWidth: 760,\n    width: '100%',\n  },\n  container: {\n    backgroundColor: 'white',\n    margin: 10,\n    borderRadius: 10,\n    paddingVertical: 16,\n    paddingHorizontal: 16,\n    // shadow\n    shadowColor: '#000',\n    shadowOffset: { width: 0, height: 2 },\n    shadowOpacity: 0.35,\n    shadowRadius: 4.84,\n    elevation: 10,\n\n  },\n  title: {\n    fontSize: 24,\n    fontWeight: 'bold',\n    color: '#333',\n    marginBottom: 8,\n    textAlign: 'center',\n  },\n  description: {\n    fontSize: 16,\n    color: '#666',\n    textAlign: 'center',\n    marginBottom: 24,\n    lineHeight: 22,\n  },\n  countriesContainer: {\n    height: \"80%\",\n    maxHeight: 600,\n  },\n  countryOption: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    padding: 16,\n    backgroundColor: 'white',\n    borderRadius: 12,\n    marginBottom: 12,\n    borderWidth: 2,\n    borderColor: '#e5e5e5',\n    shadowColor: '#000',\n    shadowOffset: {\n      width: 0,\n      height: 2,\n    },\n    shadowOpacity: 0.1,\n    shadowRadius: 3.84,\n    elevation: 5,\n  },\n  selectedCountryOption: {\n    borderColor: '#2DBD60',\n    backgroundColor: '#f0f9f0',\n  },\n  countryFlag: {\n    fontSize: 32,\n    marginRight: 16,\n  },\n  countryContent: {\n    flex: 1,\n  },\n  countryName: {\n    fontSize: 18,\n    fontWeight: '600',\n    color: '#333',\n  },\n  selectedCountryName: {\n    color: '#2DBD60',\n  },\n  countryCode: {\n    fontSize: 14,\n    color: '#666',\n    marginTop: 4,\n    fontWeight: '500',\n  },\n  checkmark: {\n    width: 24,\n    height: 24,\n    borderRadius: 12,\n    justifyContent: 'center',\n    alignItems: 'center',\n  },\n  checkmarkText: {\n    color: 'white',\n    fontSize: 16,\n    fontWeight: 'bold',\n  },\n  selectionInfo: {\n    backgroundColor: '#f0f9f0',\n    padding: 16,\n    borderRadius: 8,\n    marginTop: 16,\n    alignItems: 'center',\n  },\n  selectionText: {\n    fontSize: 16,\n    fontWeight: '600',\n    color: '#2DBD60',\n  },\n  requiredContainer: {\n    backgroundColor: '#fff3cd',\n    padding: 16,\n    borderRadius: 8,\n    marginTop: 16,\n    alignItems: 'center',\n  },\n  requiredText: {\n    fontSize: 16,\n    fontWeight: '600',\n    color: '#856404',\n  },\n  errorText: {\n    color: '#dc2626',\n    fontSize: 14,\n    marginTop: 8,\n    textAlign: 'center',\n  },\n}); "]}

package/build/components/KYCElements/FileUploadTemplate.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FileUploadTemplate.d.ts","sourceRoot":"","sources":["../../../src/components/KYCElements/FileUploadTemplate.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAIxC,OAAO,EAAE,iBAAiB,EAAmC,MAAM,uBAAuB,CAAC;AAE3F,UAAU,uBAAuB;IAC/B,SAAS,EAAE,iBAAiB,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AASD,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CA8MhE,CAAC"}
+{"version":3,"file":"FileUploadTemplate.d.ts","sourceRoot":"","sources":["../../../src/components/KYCElements/FileUploadTemplate.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAKxC,OAAO,EAAE,iBAAiB,EAAmC,MAAM,uBAAuB,CAAC;AAE3F,UAAU,uBAAuB;IAC/B,SAAS,EAAE,iBAAiB,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AASD,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAmNhE,CAAC"}

package/build/components/KYCElements/FileUploadTemplate.js

@@ -2,7 +2,9 @@ import React, { useState } from 'react';
 import { View, Text, TouchableOpacity, StyleSheet, ScrollView, Image, Alert } from 'react-native';
 import { useKYCStore } from '../../stores/kycStore';
 import NativeCameraModule from '../../modules/camera/NativeCameraModule';
+import { useI18n } from '../../hooks/useI18n';
 export const FileUploadTemplate = ({ component, value = [], onValueChange, error, language = 'en', }) => {
+    const { t } = useI18n();
     const [uploadedFiles, setUploadedFiles] = useState([]);
     const [isUploading, setIsUploading] = useState(false);
     const { setProcessing } = useKYCStore();
@@ -144,9 +146,9 @@ export const FileUploadTemplate = ({ component, value = [], onValueChange, error
         </View>)}
 
       {!hasFiles && (<View style={styles.emptyState}>
-          <Text style={styles.emptyStateText}>Aucun fichier sélectionné</Text>
+          <Text style={styles.emptyStateText}>{t('kyc.fileUpload.selectFile')}</Text>
           <Text style={styles.emptyStateSubtext}>
-            {isRequired ? 'Ce document est obligatoire' : 'Ce document est optionnel'}
+            {isRequired ? t('validation.required') : t('common.info')}
           </Text>
         </View>)}
 
@@ -154,7 +156,9 @@ export const FileUploadTemplate = ({ component, value = [], onValueChange, error
           <TouchableOpacity style={[
                 styles.primaryButton,
                 { backgroundColor: component.ui.themeColor || '#2DBD60' }
-            ]}>
+            ]} onPress={() => {
+                onValueChange(uploadedFiles.map(file => file.uri));
+            }}>
             <Text style={styles.primaryButtonText}>
               {getLocalizedText(component.ui.buttonText)}
             </Text>