@transfergratis/react-native-sdk 0.1.2

package/build/components/KYCElements/IDCardCapture.js

@@ -0,0 +1,421 @@
+import React, { useEffect, useState } from 'react';
+import { View, Text, TouchableOpacity, StyleSheet, Image, Alert, ScrollView } from 'react-native';
+import { EnhancedCameraView } from '../EnhancedCameraView';
+import IdCardOverlay from '../OverLay/IdCard';
+import { useTemplateKYCFlowContext } from '../../hooks/useTemplateKYCFlow';
+import { Button } from '../ui/Button';
+export const IDCardCapture = ({ component, value = {}, onValueChange, error, language = 'en', currentSide = 'front', }) => {
+    const [showCamera, setShowCamera] = useState(false);
+    const [capturedImages, setCapturedImages] = useState(value);
+    const [selectedDocumentType, setSelectedDocumentType] = useState(null);
+    const [showDocumentSelection, setShowDocumentSelection] = useState(true);
+    const { actions, state, } = useTemplateKYCFlowContext();
+    const config = component.config;
+    const getLocalizedText = (text) => {
+        return text[language] || text.en || '';
+    };
+    const getDocumentTypeInfo = (docType) => {
+        switch (docType) {
+            case 'id_card':
+                return {
+                    name: { en: 'ID Card', fr: 'Carte d\'identité' },
+                    icon: '🆔',
+                    instructions: { en: 'Position your ID card within the frame', fr: 'Positionnez votre carte d\'identité dans le cadre' }
+                };
+            case 'passport':
+                return {
+                    name: { en: 'Passport', fr: 'Passeport' },
+                    icon: '📘',
+                    instructions: { en: 'Position your passport within the frame', fr: 'Positionnez votre passeport dans le cadre' }
+                };
+            case 'drivers_license':
+                return {
+                    name: { en: 'Driver\'s License', fr: 'Permis de conduire' },
+                    icon: '🚗',
+                    instructions: { en: 'Position your driver\'s license within the frame', fr: 'Positionnez votre permis de conduire dans le cadre' }
+                };
+            case 'residence_permit':
+                return {
+                    name: { en: 'Residence Permit', fr: 'Permis de séjour' },
+                    icon: '🏠',
+                    instructions: { en: 'Position your residence permit within the frame', fr: 'Positionnez votre permis de séjour dans le cadre' }
+                };
+            case 'national_id':
+                return {
+                    name: { en: 'National ID', fr: 'Carte nationale d\'identité' },
+                    icon: '🏛️',
+                    instructions: { en: 'Position your national ID within the frame', fr: 'Positionnez votre carte nationale d\'identité dans le cadre' }
+                };
+            case 'voter_id':
+                return {
+                    name: { en: 'Voter ID', fr: 'Carte d\'électeur' },
+                    icon: '🗳️',
+                    instructions: { en: 'Position your voter ID within the frame', fr: 'Positionnez votre carte d\'électeur dans le cadre' }
+                };
+            case 'military_id':
+                return {
+                    name: { en: 'Military ID', fr: 'Carte militaire' },
+                    icon: '🎖️',
+                    instructions: { en: 'Position your military ID within the frame', fr: 'Positionnez votre carte militaire dans le cadre' }
+                };
+            case 'student_id':
+                return {
+                    name: { en: 'Student ID', fr: 'Carte d\'étudiant' },
+                    icon: '🎓',
+                    instructions: { en: 'Position your student ID within the frame', fr: 'Positionnez votre carte d\'étudiant dans le cadre' }
+                };
+            case 'work_permit':
+                return {
+                    name: { en: 'Work Permit', fr: 'Permis de travail' },
+                    icon: '💼',
+                    instructions: { en: 'Position your work permit within the frame', fr: 'Positionnez votre permis de travail dans le cadre' }
+                };
+            case 'other':
+            default:
+                return {
+                    name: { en: 'Government Document', fr: 'Document gouvernemental' },
+                    icon: '📄',
+                    instructions: { en: 'Position your document within the frame', fr: 'Positionnez votre document dans le cadre' }
+                };
+        }
+    };
+    const cameraConfig = {
+        aspectRatio: 4 / 3,
+        quality: 0.8,
+        flashMode: 'auto',
+        cameraType: 'back',
+        allowRetake: true,
+        maxRetakes: 3,
+        overlay: {
+            showGuide: true,
+            guideText: selectedDocumentType ? getDocumentTypeInfo(selectedDocumentType).instructions.en : getLocalizedText(component.instructions),
+            bbox: selectedDocumentType && config.bbox_configs[selectedDocumentType] ? config.bbox_configs[selectedDocumentType] : {
+                xMin: 20,
+                yMin: 140,
+                xMax: 370,
+                yMax: 340,
+                borderColor: '#2DBD60',
+                borderWidth: 3,
+                cornerRadius: 8
+            }
+        }
+    };
+    const retakePicture = (currentSide) => {
+        setShowCamera(true);
+        actions.showCustomStepper(false);
+        setCapturedImages({ ...capturedImages, [currentSide]: '' });
+        onValueChange({ ...value, [currentSide]: '' });
+    };
+    const handleCapture = (result) => {
+        if (result.success && result.path) {
+            const newImages = { ...capturedImages, [currentSide]: result.path };
+            setCapturedImages(newImages);
+            onValueChange(newImages);
+            setShowCamera(false);
+            actions.showCustomStepper(true);
+        }
+        else {
+            Alert.alert('Erreur', result.error || 'Impossible de prendre la photo');
+        }
+    };
+    const handleError = (event) => {
+        Alert.alert('Erreur', event.message);
+        setShowCamera(false);
+    };
+    useEffect(() => {
+        actions.showCustomStepper(!showCamera);
+    }, [showCamera]);
+    const handleDocumentTypeSelection = (docType) => {
+        setSelectedDocumentType(docType);
+    };
+    // Interface de sélection du type de document
+    if (showDocumentSelection) {
+        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.documentTypesContainer} showsVerticalScrollIndicator={false}>
+            {config.document_types.map((docType) => {
+                const docInfo = getDocumentTypeInfo(docType);
+                return (<TouchableOpacity key={docType} style={[styles.documentTypeButton, { backgroundColor: selectedDocumentType === docType ? '#2DBD6030' : '#F8F9FA', borderColor: selectedDocumentType === docType ? '#2DBD60' : '#E9ECEF', borderWidth: 2 }]} onPress={() => handleDocumentTypeSelection(docType)}>
+                  <View style={[styles.documentTypeIconContainer, { backgroundColor: 'gray', }]}>
+                    <Text style={styles.documentTypeIcon}>{docInfo.icon}</Text>
+                  </View>
+                  <Text style={styles.documentTypeName}>
+                    {docInfo.name[language] || docInfo.name.en}
+                  </Text>
+                  <Text style={styles.documentTypeArrow}>→</Text>
+                </TouchableOpacity>);
+            })}
+          </ScrollView>
+          <Button title={getLocalizedText(component.ui.buttonText)} onPress={() => {
+                if (!selectedDocumentType) {
+                    Alert.alert('Erreur', 'Veuillez sélectionner un type de document');
+                    return;
+                }
+                setShowDocumentSelection(false);
+                setShowCamera(true);
+                actions.showCustomStepper(false);
+            }} variant={selectedDocumentType ? 'primary' : "neutral"} size="large" fullWidth/>
+
+
+          {error && (<Text style={styles.errorText}>{error}</Text>)}
+        </View>
+      </View>);
+    }
+    if (showCamera) {
+        return (<View style={styles.cameraContainer}>
+        <EnhancedCameraView showCamera={true} cameraType={cameraConfig.cameraType} style={styles.camera} onCapture={handleCapture} onError={handleError} onClose={() => setShowCamera(false)} quality="high" showCaptureButton={true} showSwitchCamera={true} enableFlash={cameraConfig.flashMode === 'auto' || cameraConfig.flashMode === 'on'} overlayComponent={<IdCardOverlay xMin={cameraConfig.overlay.bbox.xMin} yMin={cameraConfig.overlay.bbox.yMin} xMax={cameraConfig.overlay.bbox.xMax} yMax={cameraConfig.overlay.bbox.yMax} instructions={cameraConfig.overlay.guideText} cornerOpacity={cameraConfig.overlay.bbox.cornerRadius || 0} stepperProps={{
+                    back: () => {
+                        setShowDocumentSelection(true);
+                        actions.showCustomStepper(false);
+                    },
+                    selectedDocumentType: getDocumentTypeInfo(selectedDocumentType || 'id_card').name.en || '',
+                    step: state.currentComponentIndex + 1,
+                    totalSteps: state.template.components.length,
+                }}/>}/>
+      </View>);
+    }
+    return (<View style={styles.root}>
+      <View style={styles.previewContainer}>
+        <ScrollView style={styles.previewItemContainer} showsVerticalScrollIndicator={false}>
+          <View key={currentSide} style={styles.sideContainer}>
+            <Text style={styles.sideTitle}>
+              {currentSide === 'front' ? 'Recto' : 'Verso'} de la carte d'identité
+            </Text>
+            <Text style={{ fontSize: 14, color: '#666', textAlign: 'center', marginBottom: 16, lineHeight: 22 }}>
+              {getLocalizedText(component.instructions)}
+            </Text>
+
+
+            <View style={{ alignItems: 'center', justifyContent: 'center', flexDirection: "column", gap: 16 }}>
+              <View style={{
+            width: '100%',
+            height: 200,
+            borderRadius: 12,
+            padding: 1,
+            overflow: 'hidden',
+            // Shadow for iOS
+            shadowColor: '#000',
+            shadowOffset: { width: 0, height: 4 },
+            shadowOpacity: 0.18,
+            shadowRadius: 8,
+            // Shadow for Android
+            elevation: 8,
+            backgroundColor: '#fff', // Needed for shadow to show on iOS
+        }}>
+                <Image source={{ uri: capturedImages[currentSide] }} style={{
+            width: '100%',
+            height: 200,
+            borderRadius: 12,
+            resizeMode: 'cover',
+        }}/>
+              </View>
+              {/* retake button */}
+              <Button title="Reprendre" onPress={() => {
+            retakePicture(currentSide);
+        }} variant="outline" size="medium" fullWidth/>
+              <Button title="Suivant" onPress={() => {
+            setShowCamera(true);
+            actions.nextComponent();
+        }} variant="primary" size="large" fullWidth/>
+            </View>
+          </View>
+        </ScrollView>
+
+
+
+        {error && (<Text style={styles.errorText}>{error}</Text>)}
+      </View>
+    </View>);
+};
+const styles = StyleSheet.create({
+    root: {
+        flex: 1,
+        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,
+        // padding: 16,
+    },
+    cameraContainer: {
+        flex: 1,
+        width: '100%',
+        height: '100%',
+    },
+    previewContainer: {
+        width: '100%',
+        backgroundColor: 'white',
+        margin: 10,
+        borderRadius: 10,
+        paddingVertical: 16,
+        paddingHorizontal: 16,
+    },
+    previewItemContainer: {
+    // marginBottom: 24,
+    },
+    title: {
+        fontSize: 24,
+        fontWeight: 'bold',
+        color: '#333',
+        marginBottom: 8,
+        textAlign: 'center',
+    },
+    subtitle: {
+        fontSize: 18,
+        color: '#666',
+        textAlign: 'center',
+        marginBottom: 16,
+    },
+    sideInfo: {
+        fontSize: 14,
+        color: '#888',
+        textAlign: 'center',
+        marginBottom: 16,
+        fontStyle: 'italic',
+    },
+    description: {
+        fontSize: 16,
+        color: '#666',
+        textAlign: 'center',
+        marginBottom: 24,
+        lineHeight: 22,
+    },
+    sidesContainer: {
+        flex: 1,
+    },
+    sideContainer: {
+        marginBottom: 24,
+    },
+    sideTitle: {
+        fontSize: 25,
+        fontWeight: 'bold',
+        color: '#000',
+        marginBottom: 12,
+        textAlign: 'center',
+    },
+    captureButton: {
+        borderWidth: 2,
+        borderColor: '#2DBD60',
+        borderStyle: 'dashed',
+        borderRadius: 12,
+        padding: 32,
+        alignItems: 'center',
+        backgroundColor: '#f0f9f0',
+    },
+    captureIcon: {
+        fontSize: 48,
+        marginBottom: 16,
+    },
+    captureText: {
+        fontSize: 16,
+        color: '#2DBD60',
+        fontWeight: '600',
+    },
+    capturedImageContainer: {
+        position: 'relative',
+    },
+    capturedImage: {
+        width: '100%',
+        height: 200,
+        borderRadius: 12,
+        resizeMode: 'contain',
+        backgroundColor: '#f0f0f0',
+    },
+    retakeButton: {
+        position: 'absolute',
+        top: 8,
+        right: 8,
+        backgroundColor: 'rgba(0, 0, 0, 0.7)',
+        paddingHorizontal: 12,
+        paddingVertical: 6,
+        borderRadius: 6,
+    },
+    retakeButtonText: {
+        color: 'white',
+        fontSize: 12,
+        fontWeight: '600',
+    },
+    camera: {
+        flex: 1,
+    },
+    completionContainer: {
+        marginTop: 24,
+        alignItems: 'center',
+    },
+    completionText: {
+        fontSize: 16,
+        color: '#2DBD60',
+        fontWeight: '600',
+        marginBottom: 16,
+    },
+    primaryButton: {
+        paddingHorizontal: 32,
+        paddingVertical: 16,
+        borderRadius: 8,
+        // minWidth: 120,
+        alignItems: 'center',
+        backgroundColor: '#2DBD60',
+    },
+    primaryButtonText: {
+        color: 'white',
+        fontWeight: '600',
+        fontSize: 16,
+    },
+    errorText: {
+        color: '#dc2626',
+        fontSize: 14,
+        marginTop: 8,
+        textAlign: 'center',
+    },
+    documentTypesContainer: {
+        // flex: 1,
+        marginBottom: 16,
+        // paddingHorizontal: 16,
+    },
+    documentTypeButton: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        backgroundColor: '#F8F9FA',
+        padding: 16,
+        marginBottom: 12,
+        borderRadius: 12,
+        borderWidth: 1,
+        borderColor: '#E9ECEF',
+    },
+    documentTypeIconContainer: {
+        width: 40, height: 40,
+        borderRadius: 10,
+        alignItems: 'center',
+        justifyContent: 'center',
+        marginRight: 16,
+    },
+    documentTypeIcon: {
+        fontSize: 24,
+    },
+    documentTypeName: {
+        flex: 1,
+        fontSize: 16,
+        fontWeight: '600',
+        color: '#333',
+    },
+    documentTypeArrow: {
+        fontSize: 18,
+        color: '#666',
+        fontWeight: 'bold',
+    },
+});
+//# sourceMappingURL=IDCardCapture.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IDCardCapture.js","sourceRoot":"","sources":["../../../src/components/KYCElements/IDCardCapture.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { View, Text, TouchableOpacity, StyleSheet, Image, Alert, ScrollView } from 'react-native';\nimport { EnhancedCameraView } from '../EnhancedCameraView';\nimport { TemplateComponent, IDCardConfig, LocalizedText, GovernmentDocumentType } from '../../types/KYC.types';\nimport IdCardOverlay from '../OverLay/IdCard';\nimport { useTemplateKYCFlowContext } from '../../hooks/useTemplateKYCFlow';\nimport { Button } from '../ui/Button';\n\ninterface IDCardCaptureProps {\n  component: TemplateComponent;\n  value?: Record<string, string>;\n  onValueChange: (value: Record<string, string>) => void;\n  error?: string;\n  language?: string;\n  currentSide?: string; // Nouveau prop pour spécifier le côté actuel\n}\n\nexport const IDCardCapture: React.FC<IDCardCaptureProps> = ({\n  component,\n  value = {},\n  onValueChange,\n  error,\n  language = 'en',\n  currentSide = 'front',\n}) => {\n  const [showCamera, setShowCamera] = useState(false);\n  const [capturedImages, setCapturedImages] = useState<Record<string, string>>(value);\n  const [selectedDocumentType, setSelectedDocumentType] = useState<GovernmentDocumentType | null>(null);\n  const [showDocumentSelection, setShowDocumentSelection] = useState(true);\n\n  const { actions, state, } = useTemplateKYCFlowContext();\n  const config = component.config as IDCardConfig;\n\n  const getLocalizedText = (text: LocalizedText): string => {\n    return text[language] || text.en || '';\n  };\n\n  const getDocumentTypeInfo = (docType: GovernmentDocumentType) => {\n    switch (docType) {\n      case 'id_card':\n        return {\n          name: { en: 'ID Card', fr: 'Carte d\\'identité' },\n          icon: '🆔',\n          instructions: { en: 'Position your ID card within the frame', fr: 'Positionnez votre carte d\\'identité dans le cadre' }\n        };\n      case 'passport':\n        return {\n          name: { en: 'Passport', fr: 'Passeport' },\n          icon: '📘',\n          instructions: { en: 'Position your passport within the frame', fr: 'Positionnez votre passeport dans le cadre' }\n        };\n      case 'drivers_license':\n        return {\n          name: { en: 'Driver\\'s License', fr: 'Permis de conduire' },\n          icon: '🚗',\n          instructions: { en: 'Position your driver\\'s license within the frame', fr: 'Positionnez votre permis de conduire dans le cadre' }\n        };\n      case 'residence_permit':\n        return {\n          name: { en: 'Residence Permit', fr: 'Permis de séjour' },\n          icon: '🏠',\n          instructions: { en: 'Position your residence permit within the frame', fr: 'Positionnez votre permis de séjour dans le cadre' }\n        };\n      case 'national_id':\n        return {\n          name: { en: 'National ID', fr: 'Carte nationale d\\'identité' },\n          icon: '🏛️',\n          instructions: { en: 'Position your national ID within the frame', fr: 'Positionnez votre carte nationale d\\'identité dans le cadre' }\n        };\n      case 'voter_id':\n        return {\n          name: { en: 'Voter ID', fr: 'Carte d\\'électeur' },\n          icon: '🗳️',\n          instructions: { en: 'Position your voter ID within the frame', fr: 'Positionnez votre carte d\\'électeur dans le cadre' }\n        };\n      case 'military_id':\n        return {\n          name: { en: 'Military ID', fr: 'Carte militaire' },\n          icon: '🎖️',\n          instructions: { en: 'Position your military ID within the frame', fr: 'Positionnez votre carte militaire dans le cadre' }\n        };\n      case 'student_id':\n        return {\n          name: { en: 'Student ID', fr: 'Carte d\\'étudiant' },\n          icon: '🎓',\n          instructions: { en: 'Position your student ID within the frame', fr: 'Positionnez votre carte d\\'étudiant dans le cadre' }\n        };\n      case 'work_permit':\n        return {\n          name: { en: 'Work Permit', fr: 'Permis de travail' },\n          icon: '💼',\n          instructions: { en: 'Position your work permit within the frame', fr: 'Positionnez votre permis de travail dans le cadre' }\n        };\n      case 'other':\n      default:\n        return {\n          name: { en: 'Government Document', fr: 'Document gouvernemental' },\n          icon: '📄',\n          instructions: { en: 'Position your document within the frame', fr: 'Positionnez votre document dans le cadre' }\n        };\n    }\n  };\n\n\n  const cameraConfig = {\n    aspectRatio: 4 / 3,\n    quality: 0.8,\n    flashMode: 'auto' as const,\n    cameraType: 'back' as const,\n    allowRetake: true,\n    maxRetakes: 3,\n    overlay: {\n      showGuide: true,\n      guideText: selectedDocumentType ? getDocumentTypeInfo(selectedDocumentType).instructions.en : getLocalizedText(component.instructions),\n      bbox: selectedDocumentType && config.bbox_configs[selectedDocumentType] ? config.bbox_configs[selectedDocumentType] : {\n        xMin: 20,\n        yMin: 140,\n        xMax: 370,\n        yMax: 340,\n        borderColor: '#2DBD60',\n        borderWidth: 3,\n        cornerRadius: 8\n      }\n\n    }\n  };\n\n  const retakePicture = (currentSide: string) => {\n    setShowCamera(true);\n    actions.showCustomStepper(false);\n    setCapturedImages({ ...capturedImages, [currentSide]: '' });\n    onValueChange({ ...value, [currentSide]: '' });\n  };\n\n  const handleCapture = (result: { success: boolean; path?: string; error?: string }) => {\n    if (result.success && result.path) {\n      const newImages = { ...capturedImages, [currentSide]: result.path };\n      setCapturedImages(newImages);\n      onValueChange(newImages);\n      setShowCamera(false);\n      actions.showCustomStepper(true);\n    } else {\n      Alert.alert('Erreur', result.error || 'Impossible de prendre la photo');\n    }\n  };\n\n  const handleError = (event: { message: string }) => {\n    Alert.alert('Erreur', event.message);\n    setShowCamera(false);\n  };\n\n\n  useEffect(() => {\n\n    actions.showCustomStepper(!showCamera);\n\n  }, [showCamera]);\n\n\n  const handleDocumentTypeSelection = (docType: GovernmentDocumentType) => {\n    setSelectedDocumentType(docType);\n  };\n\n  // Interface de sélection du type de document\n  if (showDocumentSelection) {\n    return (\n      <View style={styles.root}>\n        <View style={styles.container}>\n\n          <Text style={styles.title}>{getLocalizedText(component.labels)}</Text>\n          <Text style={styles.description}>{getLocalizedText(component.instructions)}</Text>\n\n          <ScrollView style={styles.documentTypesContainer} showsVerticalScrollIndicator={false}>\n            {config.document_types.map((docType) => {\n              const docInfo = getDocumentTypeInfo(docType);\n              return (\n                <TouchableOpacity\n                  key={docType}\n                  style={[styles.documentTypeButton, { backgroundColor: selectedDocumentType === docType ? '#2DBD6030' : '#F8F9FA', borderColor: selectedDocumentType === docType ? '#2DBD60' : '#E9ECEF', borderWidth: 2 }]}\n                  onPress={() => handleDocumentTypeSelection(docType)}\n                >\n                  <View style={[styles.documentTypeIconContainer, { backgroundColor: 'gray', }]}>\n                    <Text style={styles.documentTypeIcon}>{docInfo.icon}</Text>\n                  </View>\n                  <Text style={styles.documentTypeName}>\n                    {docInfo.name[language as keyof typeof docInfo.name] || docInfo.name.en}\n                  </Text>\n                  <Text style={styles.documentTypeArrow}>→</Text>\n                </TouchableOpacity>\n              );\n            })}\n          </ScrollView>\n          <Button title={getLocalizedText(component.ui.buttonText)} onPress={() => {\n            if (!selectedDocumentType) {\n              Alert.alert('Erreur', 'Veuillez sélectionner un type de document');\n              return;\n            }\n            setShowDocumentSelection(false);\n            setShowCamera(true);\n            actions.showCustomStepper(false);\n          }}\n            variant={selectedDocumentType ? 'primary' : \"neutral\"}\n            size=\"large\"\n            fullWidth\n          // rounded\n          />\n\n\n          {error && (\n            <Text style={styles.errorText}>{error}</Text>\n          )}\n        </View>\n      </View>\n    );\n  }\n\n\n\n  if (showCamera) {\n\n    return (\n      <View style={styles.cameraContainer}>\n        <EnhancedCameraView\n          showCamera={true}\n          cameraType={cameraConfig.cameraType}\n          style={styles.camera}\n          onCapture={handleCapture}\n          onError={handleError}\n          onClose={() => setShowCamera(false)}\n          quality=\"high\"\n          showCaptureButton={true}\n          showSwitchCamera={true}\n          enableFlash={cameraConfig.flashMode === 'auto' || cameraConfig.flashMode === 'on'}\n          overlayComponent={<IdCardOverlay\n            xMin={cameraConfig.overlay.bbox.xMin}\n            yMin={cameraConfig.overlay.bbox.yMin}\n            xMax={cameraConfig.overlay.bbox.xMax}\n            yMax={cameraConfig.overlay.bbox.yMax}\n            instructions={cameraConfig.overlay.guideText}\n            cornerOpacity={cameraConfig.overlay.bbox.cornerRadius || 0 as number}\n            stepperProps={{\n              back: () => {\n                setShowDocumentSelection(true);\n                actions.showCustomStepper(false);\n              },\n              selectedDocumentType: getDocumentTypeInfo(selectedDocumentType || 'id_card').name.en || '',\n              step: state.currentComponentIndex + 1,\n              totalSteps: state.template.components.length,\n            }}\n          />\n          }\n        />\n      </View>\n    );\n  }\n\n  return (\n    <View style={styles.root}>\n      <View style={styles.previewContainer}>\n        <ScrollView style={styles.previewItemContainer} showsVerticalScrollIndicator={false}>\n          <View key={currentSide} style={styles.sideContainer}>\n            <Text style={styles.sideTitle}>\n              {currentSide === 'front' ? 'Recto' : 'Verso'} de la carte d'identité\n            </Text>\n            <Text style={{ fontSize: 14, color: '#666', textAlign: 'center', marginBottom: 16, lineHeight: 22 }}>\n              {getLocalizedText(component.instructions)}\n            </Text>\n\n\n            <View style={{ alignItems: 'center', justifyContent: 'center', flexDirection: \"column\", gap: 16 }}>\n              <View\n                style={{\n                  width: '100%',\n                  height: 200,\n                  borderRadius: 12,\n                  padding: 1,\n                  overflow: 'hidden',\n                  // Shadow for iOS\n                  shadowColor: '#000',\n                  shadowOffset: { width: 0, height: 4 },\n                  shadowOpacity: 0.18,\n                  shadowRadius: 8,\n                  // Shadow for Android\n                  elevation: 8,\n                  backgroundColor: '#fff', // Needed for shadow to show on iOS\n                }}\n              >\n                <Image\n                  source={{ uri: capturedImages[currentSide] }}\n                  style={{\n                    width: '100%',\n                    height: 200,\n                    borderRadius: 12,\n                    resizeMode: 'cover',\n                  }}\n                />\n              </View>\n              {/* retake button */}\n              <Button title=\"Reprendre\" onPress={() => {\n                retakePicture(currentSide);\n              }}\n                variant=\"outline\"\n                size=\"medium\"\n                fullWidth\n              \n              />\n              <Button title=\"Suivant\" onPress={() => {\n                setShowCamera(true);\n\n                actions.nextComponent();\n              }}\n                variant=\"primary\"\n                size=\"large\"\n                fullWidth\n              />\n            </View>\n          </View>\n        </ScrollView>\n\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    // padding: 16,\n  },\n  cameraContainer: {\n    flex: 1,\n    width: '100%',\n    height: '100%',\n  },\n  previewContainer: {\n    width: '100%',\n    backgroundColor: 'white',\n    margin: 10,\n    borderRadius: 10,\n    paddingVertical: 16,\n    paddingHorizontal: 16,\n  },\n  previewItemContainer: {\n\n    // marginBottom: 24,\n  },\n  title: {\n    fontSize: 24,\n    fontWeight: 'bold',\n    color: '#333',\n    marginBottom: 8,\n    textAlign: 'center',\n  },\n  subtitle: {\n    fontSize: 18,\n    color: '#666',\n    textAlign: 'center',\n    marginBottom: 16,\n  },\n  sideInfo: {\n    fontSize: 14,\n    color: '#888',\n    textAlign: 'center',\n    marginBottom: 16,\n    fontStyle: 'italic',\n  },\n  description: {\n    fontSize: 16,\n    color: '#666',\n    textAlign: 'center',\n    marginBottom: 24,\n    lineHeight: 22,\n  },\n  sidesContainer: {\n    flex: 1,\n  },\n  sideContainer: {\n    marginBottom: 24,\n  },\n  sideTitle: {\n    fontSize: 25,\n    fontWeight: 'bold',\n    color: '#000',\n    marginBottom: 12,\n    textAlign: 'center',\n  },\n  captureButton: {\n    borderWidth: 2,\n    borderColor: '#2DBD60',\n    borderStyle: 'dashed',\n    borderRadius: 12,\n    padding: 32,\n    alignItems: 'center',\n    backgroundColor: '#f0f9f0',\n  },\n  captureIcon: {\n    fontSize: 48,\n    marginBottom: 16,\n  },\n  captureText: {\n    fontSize: 16,\n    color: '#2DBD60',\n    fontWeight: '600',\n  },\n  capturedImageContainer: {\n    position: 'relative',\n  },\n  capturedImage: {\n    width: '100%',\n    height: 200,\n    borderRadius: 12,\n    resizeMode: 'contain',\n    backgroundColor: '#f0f0f0',\n  },\n  retakeButton: {\n    position: 'absolute',\n    top: 8,\n    right: 8,\n    backgroundColor: 'rgba(0, 0, 0, 0.7)',\n    paddingHorizontal: 12,\n    paddingVertical: 6,\n    borderRadius: 6,\n  },\n  retakeButtonText: {\n    color: 'white',\n    fontSize: 12,\n    fontWeight: '600',\n  },\n  camera: {\n    flex: 1,\n  },\n  completionContainer: {\n    marginTop: 24,\n    alignItems: 'center',\n  },\n  completionText: {\n    fontSize: 16,\n    color: '#2DBD60',\n    fontWeight: '600',\n    marginBottom: 16,\n  },\n  primaryButton: {\n    paddingHorizontal: 32,\n    paddingVertical: 16,\n    borderRadius: 8,\n    // minWidth: 120,\n    alignItems: 'center',\n    backgroundColor: '#2DBD60',\n  },\n  primaryButtonText: {\n    color: 'white',\n    fontWeight: '600',\n    fontSize: 16,\n  },\n  errorText: {\n    color: '#dc2626',\n    fontSize: 14,\n    marginTop: 8,\n    textAlign: 'center',\n  },\n  documentTypesContainer: {\n    // flex: 1,\n    marginBottom: 16,\n    // paddingHorizontal: 16,\n  },\n  documentTypeButton: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    backgroundColor: '#F8F9FA',\n    padding: 16,\n    marginBottom: 12,\n    borderRadius: 12,\n    borderWidth: 1,\n    borderColor: '#E9ECEF',\n  },\n  documentTypeIconContainer: {\n\n    width: 40, height: 40,\n    borderRadius: 10,\n    alignItems: 'center',\n    justifyContent: 'center',\n    marginRight: 16,\n  },\n  documentTypeIcon: {\n    fontSize: 24,\n\n  },\n  documentTypeName: {\n    flex: 1,\n    fontSize: 16,\n    fontWeight: '600',\n    color: '#333',\n  },\n  documentTypeArrow: {\n    fontSize: 18,\n    color: '#666',\n    fontWeight: 'bold',\n  },\n}); "]}

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

@@ -0,0 +1,20 @@
+import React from 'react';
+import { TemplateComponent } from '../../types/KYC.types';
+interface LocationCaptureTemplateProps {
+    component: TemplateComponent;
+    value?: {
+        latitude: number;
+        longitude: number;
+        accuracy: number;
+    } | null;
+    onValueChange: (value: {
+        latitude: number;
+        longitude: number;
+        accuracy: number;
+    } | null) => void;
+    error?: string;
+    language?: string;
+}
+export declare const LocationCaptureTemplate: React.FC<LocationCaptureTemplateProps>;
+export {};
+//# sourceMappingURL=LocationCaptureTemplate.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LocationCaptureTemplate.d.ts","sourceRoot":"","sources":["../../../src/components/KYCElements/LocationCaptureTemplate.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAkB,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAO1E,UAAU,4BAA4B;IACpC,SAAS,EAAE,iBAAiB,CAAC;IAC7B,KAAK,CAAC,EAAE;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;IACzE,aAAa,EAAE,CAAC,KAAK,EAAE;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,KAAK,IAAI,CAAC;IACjG,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAAC,4BAA4B,CAyJ1E,CAAC"}