@sanctum-key/react-native-sdk 1.0.0

package/build/components/SelfieCapture.js

@@ -0,0 +1,197 @@
+import React, { useState, useEffect } from 'react';
+import { View, Text, TouchableOpacity, Image, Alert, StyleSheet } from 'react-native';
+import { useKYCStore } from '../stores/kycStore';
+import VisionCameraModule from '../modules/camera/VisionCameraModule';
+import { EnhancedCameraView } from './EnhancedCameraView';
+export const SelfieCapture = () => {
+    const [capturedSelfie, setCapturedSelfie] = useState(null);
+    const [isCapturing, setIsCapturing] = useState(false);
+    const [showCamera, setShowCamera] = useState(false);
+    const { setSelfie, setProcessing } = useKYCStore();
+    const instructions = "Placez votre visage dans le cadre et souriez naturellement. Assurez-vous que votre visage est bien éclairé et centré.";
+    useEffect(() => {
+        // Check camera availability on component mount
+        const checkCameraAvailability = async () => {
+            const isAvailable = await VisionCameraModule.isCameraAvailable();
+            if (!isAvailable) {
+                Alert.alert('Erreur', 'Caméra non disponible sur cette plateforme');
+            }
+        };
+        checkCameraAvailability();
+    }, []);
+    const handleCapture = async () => {
+        try {
+            setIsCapturing(true);
+            setProcessing(true);
+            const hasPermissions = await VisionCameraModule.requestAllPermissions();
+            if (!hasPermissions) {
+                Alert.alert('Permission refusée', 'Nous avons besoin de l\'accès à la caméra et au microphone');
+                setIsCapturing(false);
+                setProcessing(false);
+                return;
+            }
+            setShowCamera(true);
+        }
+        catch (error) {
+            Alert.alert('Erreur', 'Impossible d\'ouvrir la caméra');
+            setIsCapturing(false);
+            setProcessing(false);
+        }
+    };
+    const handleCaptureSuccess = (imagePath) => {
+        setCapturedSelfie(imagePath);
+        setSelfie(imagePath);
+        setShowCamera(false);
+        setIsCapturing(false);
+        setProcessing(false);
+    };
+    const handleRetake = () => {
+        setCapturedSelfie(null);
+        setShowCamera(false);
+    };
+    const handleCameraCapture = (result) => {
+        if (result.success && result.path) {
+            handleCaptureSuccess(result.path);
+        }
+        else {
+            Alert.alert('Erreur', result.error || 'Échec de la capture');
+            setIsCapturing(false);
+            setProcessing(false);
+        }
+    };
+    const handleCameraError = (event) => {
+        Alert.alert('Erreur', event.message || 'Une erreur est survenue');
+        setShowCamera(false);
+        setIsCapturing(false);
+        setProcessing(false);
+    };
+    const handleCloseCamera = () => {
+        setShowCamera(false);
+        setIsCapturing(false);
+        setProcessing(false);
+    };
+    if (showCamera) {
+        return (<View style={styles.container}>
+        <EnhancedCameraView instructions={instructions} showCamera={true} cameraType="front" onCapture={handleCameraCapture} onError={handleCameraError} onClose={handleCloseCamera} quality="high" showCaptureButton={true} showSwitchCamera={false} overlayComponent={<View style={styles.selfieOverlay}>
+              <View style={styles.faceFrame}/>
+            </View>}/>
+      </View>);
+    }
+    return (<View style={styles.container}>
+      {capturedSelfie ? (<View style={styles.previewContainer}>
+          <View style={styles.imageContainer}>
+            <Image source={{ uri: `file://${capturedSelfie}` }} style={styles.previewImage} resizeMode="cover"/>
+          </View>
+
+          <View style={styles.buttonContainer}>
+            <TouchableOpacity style={[styles.button, styles.retakeButton]} onPress={handleRetake}>
+              <Text style={styles.buttonText}>Reprendre</Text>
+            </TouchableOpacity>
+
+            <TouchableOpacity style={[styles.button, styles.validateButton]} onPress={() => { }}>
+              <Text style={styles.buttonText}>Valider</Text>
+            </TouchableOpacity>
+          </View>
+        </View>) : (<View style={styles.captureContainer}>
+          <Text style={styles.title}>Capture de selfie</Text>
+          <Text style={styles.instructions}>
+            {instructions}
+          </Text>
+          
+          <TouchableOpacity style={[styles.button, styles.captureButton]} onPress={handleCapture} disabled={isCapturing}>
+            <Text style={styles.buttonText}>
+              {isCapturing ? 'Ouverture...' : '📸 Prendre une photo'}
+            </Text>
+          </TouchableOpacity>
+        </View>)}
+    </View>);
+};
+const styles = StyleSheet.create({
+    container: {
+        flex: 1,
+        backgroundColor: '#f5f5f5',
+    },
+    captureContainer: {
+        flex: 1,
+        justifyContent: 'center',
+        alignItems: 'center',
+        padding: 20,
+    },
+    title: {
+        fontSize: 24,
+        fontWeight: 'bold',
+        color: '#333',
+        marginBottom: 20,
+        textAlign: 'center',
+    },
+    instructions: {
+        fontSize: 16,
+        color: '#666',
+        textAlign: 'center',
+        marginBottom: 40,
+        lineHeight: 24,
+    },
+    previewContainer: {
+        flex: 1,
+        padding: 20,
+    },
+    imageContainer: {
+        flex: 1,
+        justifyContent: 'center',
+        alignItems: 'center',
+        marginBottom: 20,
+    },
+    previewImage: {
+        width: 250,
+        height: 250,
+        borderRadius: 125,
+        borderWidth: 3,
+        borderColor: '#4CAF50',
+    },
+    buttonContainer: {
+        flexDirection: 'row',
+        justifyContent: 'space-between',
+        gap: 15,
+    },
+    button: {
+        flex: 1,
+        paddingVertical: 15,
+        paddingHorizontal: 20,
+        borderRadius: 10,
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    captureButton: {
+        backgroundColor: '#4CAF50',
+    },
+    retakeButton: {
+        backgroundColor: '#FF9800',
+    },
+    validateButton: {
+        backgroundColor: '#2196F3',
+    },
+    buttonText: {
+        color: 'white',
+        fontSize: 16,
+        fontWeight: '600',
+    },
+    selfieOverlay: {
+        position: 'absolute',
+        top: 0,
+        left: 0,
+        right: 0,
+        bottom: 0,
+        justifyContent: 'center',
+        alignItems: 'center',
+        pointerEvents: 'none',
+    },
+    faceFrame: {
+        width: 250,
+        height: 300,
+        borderWidth: 3,
+        borderColor: '#4CAF50',
+        borderRadius: 125,
+        backgroundColor: 'transparent',
+    },
+});
+//# sourceMappingURL=SelfieCapture.js.map

package/build/components/SelfieCapture.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelfieCapture.js","sourceRoot":"","sources":["../../src/components/SelfieCapture.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useState, useEffect } from 'react';\nimport { View, Text, TouchableOpacity, Image, Alert, StyleSheet } from 'react-native';\nimport { useKYCStore } from '../stores/kycStore';\nimport VisionCameraModule from '../modules/camera/VisionCameraModule';\nimport { EnhancedCameraView } from './EnhancedCameraView';\n\nexport const SelfieCapture: React.FC = () => {\n  const [capturedSelfie, setCapturedSelfie] = useState<string | null>(null);\n  const [isCapturing, setIsCapturing] = useState(false);\n  const [showCamera, setShowCamera] = useState(false);\n  const { setSelfie, setProcessing } = useKYCStore();\n\n  const instructions = \"Placez votre visage dans le cadre et souriez naturellement. Assurez-vous que votre visage est bien éclairé et centré.\";\n\n  useEffect(() => {\n    // Check camera availability on component mount\n    const checkCameraAvailability = async () => {\n      const isAvailable = await VisionCameraModule.isCameraAvailable();\n      if (!isAvailable) {\n        Alert.alert('Erreur', 'Caméra non disponible sur cette plateforme');\n      }\n    };\n    \n    checkCameraAvailability();\n  }, []);\n\n  const handleCapture = async () => {\n    try {\n      setIsCapturing(true);\n      setProcessing(true);\n\n      const hasPermissions = await VisionCameraModule.requestAllPermissions();\n      if (!hasPermissions) {\n        Alert.alert('Permission refusée', 'Nous avons besoin de l\\'accès à la caméra et au microphone');\n        setIsCapturing(false);\n        setProcessing(false);\n        return;\n      }\n\n      setShowCamera(true);\n    } catch (error) {\n      Alert.alert('Erreur', 'Impossible d\\'ouvrir la caméra');\n      setIsCapturing(false);\n      setProcessing(false);\n    }\n  };\n\n  const handleCaptureSuccess = (imagePath: string) => {\n    setCapturedSelfie(imagePath);\n    setSelfie(imagePath);\n    setShowCamera(false);\n    setIsCapturing(false);\n    setProcessing(false);\n  };\n\n  const handleRetake = () => {\n    setCapturedSelfie(null);\n    setShowCamera(false);\n  };\n\n  const handleCameraCapture = (result: { success: boolean; path?: string; error?: string }) => {\n    if (result.success && result.path) {\n      handleCaptureSuccess(result.path);\n    } else {\n      Alert.alert('Erreur', result.error || 'Échec de la capture');\n      setIsCapturing(false);\n      setProcessing(false);\n    }\n  };\n\n  const handleCameraError = (event: { message: string }) => {\n    Alert.alert('Erreur', event.message || 'Une erreur est survenue');\n    setShowCamera(false);\n    setIsCapturing(false);\n    setProcessing(false);\n  };\n\n  const handleCloseCamera = () => {\n    setShowCamera(false);\n    setIsCapturing(false);\n    setProcessing(false);\n  };\n\n  if (showCamera) {\n    return (\n      <View style={styles.container}>\n        <EnhancedCameraView\n          instructions={instructions}\n          showCamera={true}\n          cameraType=\"front\"\n          onCapture={handleCameraCapture}\n          onError={handleCameraError}\n          onClose={handleCloseCamera}\n          quality=\"high\"\n          showCaptureButton={true}\n          showSwitchCamera={false}\n          overlayComponent={\n            <View style={styles.selfieOverlay}>\n              <View style={styles.faceFrame} />\n            </View>\n          }\n        />\n      </View>\n    );\n  }\n\n  return (\n    <View style={styles.container}>\n      {capturedSelfie ? (\n        <View style={styles.previewContainer}>\n          <View style={styles.imageContainer}>\n            <Image\n              source={{ uri: `file://${capturedSelfie}` }}\n              style={styles.previewImage}\n              resizeMode=\"cover\"\n            />\n          </View>\n\n          <View style={styles.buttonContainer}>\n            <TouchableOpacity\n              style={[styles.button, styles.retakeButton]}\n              onPress={handleRetake}\n            >\n              <Text style={styles.buttonText}>Reprendre</Text>\n            </TouchableOpacity>\n\n            <TouchableOpacity\n              style={[styles.button, styles.validateButton]}\n              onPress={() => {/* Navigation vers l'étape suivante */}}\n            >\n              <Text style={styles.buttonText}>Valider</Text>\n            </TouchableOpacity>\n          </View>\n        </View>\n      ) : (\n        <View style={styles.captureContainer}>\n          <Text style={styles.title}>Capture de selfie</Text>\n          <Text style={styles.instructions}>\n            {instructions}\n          </Text>\n          \n          <TouchableOpacity\n            style={[styles.button, styles.captureButton]}\n            onPress={handleCapture}\n            disabled={isCapturing}\n          >\n            <Text style={styles.buttonText}>\n              {isCapturing ? 'Ouverture...' : '📸 Prendre une photo'}\n            </Text>\n          </TouchableOpacity>\n        </View>\n      )}\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    flex: 1,\n    backgroundColor: '#f5f5f5',\n  },\n  captureContainer: {\n    flex: 1,\n    justifyContent: 'center',\n    alignItems: 'center',\n    padding: 20,\n  },\n  title: {\n    fontSize: 24,\n    fontWeight: 'bold',\n    color: '#333',\n    marginBottom: 20,\n    textAlign: 'center',\n  },\n  instructions: {\n    fontSize: 16,\n    color: '#666',\n    textAlign: 'center',\n    marginBottom: 40,\n    lineHeight: 24,\n  },\n  previewContainer: {\n    flex: 1,\n    padding: 20,\n  },\n  imageContainer: {\n    flex: 1,\n    justifyContent: 'center',\n    alignItems: 'center',\n    marginBottom: 20,\n  },\n  previewImage: {\n    width: 250,\n    height: 250,\n    borderRadius: 125,\n    borderWidth: 3,\n    borderColor: '#4CAF50',\n  },\n  buttonContainer: {\n    flexDirection: 'row',\n    justifyContent: 'space-between',\n    gap: 15,\n  },\n  button: {\n    flex: 1,\n    paddingVertical: 15,\n    paddingHorizontal: 20,\n    borderRadius: 10,\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  captureButton: {\n    backgroundColor: '#4CAF50',\n  },\n  retakeButton: {\n    backgroundColor: '#FF9800',\n  },\n  validateButton: {\n    backgroundColor: '#2196F3',\n  },\n  buttonText: {\n    color: 'white',\n    fontSize: 16,\n    fontWeight: '600',\n  },\n  selfieOverlay: {\n    position: 'absolute',\n    top: 0,\n    left: 0,\n    right: 0,\n    bottom: 0,\n    justifyContent: 'center',\n    alignItems: 'center',\n    pointerEvents: 'none',\n  },\n  faceFrame: {\n    width: 250,\n    height: 300,\n    borderWidth: 3,\n    borderColor: '#4CAF50',\n    borderRadius: 125,\n    backgroundColor: 'transparent',\n  },\n}); "]}

package/build/components/SimpleExample.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const SimpleExample: React.FC;
+//# sourceMappingURL=SimpleExample.d.ts.map

package/build/components/SimpleExample.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleExample.d.ts","sourceRoot":"","sources":["../../src/components/SimpleExample.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAkCjC,CAAC"}

package/build/components/SimpleExample.js

@@ -0,0 +1,89 @@
+import React from 'react';
+import { View, Text, TouchableOpacity, StyleSheet } from 'react-native';
+export const SimpleExample = () => {
+    return (<View style={styles.container}>
+      <View style={styles.card}>
+        <Text style={styles.title}>
+          Test React Native StyleSheet
+        </Text>
+        
+        <Text style={styles.subtitle}>
+          Ce composant utilise StyleSheet de React Native
+        </Text>
+        
+        <View style={styles.buttonContainer}>
+          <TouchableOpacity style={[styles.button, styles.primaryButton]}>
+            <Text style={styles.buttonText}>
+              Bouton Principal
+            </Text>
+          </TouchableOpacity>
+          
+          <TouchableOpacity style={[styles.button, styles.successButton]}>
+            <Text style={styles.buttonText}>
+              Bouton Succès
+            </Text>
+          </TouchableOpacity>
+          
+          <TouchableOpacity style={[styles.button, styles.errorButton]}>
+            <Text style={styles.buttonText}>
+              Bouton Erreur
+            </Text>
+          </TouchableOpacity>
+        </View>
+      </View>
+    </View>);
+};
+const styles = StyleSheet.create({
+    container: {
+        flex: 1,
+        backgroundColor: '#f5f5f5',
+        padding: 16,
+    },
+    card: {
+        backgroundColor: 'white',
+        borderRadius: 12,
+        padding: 24,
+        shadowColor: '#000',
+        shadowOffset: {
+            width: 0,
+            height: 2,
+        },
+        shadowOpacity: 0.1,
+        shadowRadius: 3.84,
+        elevation: 5,
+    },
+    title: {
+        fontSize: 24,
+        fontWeight: 'bold',
+        color: '#333',
+        marginBottom: 16,
+    },
+    subtitle: {
+        fontSize: 16,
+        color: '#666',
+        marginBottom: 24,
+    },
+    buttonContainer: {
+        gap: 16,
+    },
+    button: {
+        paddingHorizontal: 16,
+        paddingVertical: 12,
+        borderRadius: 8,
+    },
+    primaryButton: {
+        backgroundColor: '#4CAF50',
+    },
+    successButton: {
+        backgroundColor: '#2196F3',
+    },
+    errorButton: {
+        backgroundColor: '#F44336',
+    },
+    buttonText: {
+        color: 'white',
+        fontWeight: '500',
+        textAlign: 'center',
+    },
+});
+//# sourceMappingURL=SimpleExample.js.map

package/build/components/SimpleExample.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleExample.js","sourceRoot":"","sources":["../../src/components/SimpleExample.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport { View, Text, TouchableOpacity, StyleSheet } from 'react-native';\n\nexport const SimpleExample: React.FC = () => {\n  return (\n    <View style={styles.container}>\n      <View style={styles.card}>\n        <Text style={styles.title}>\n          Test React Native StyleSheet\n        </Text>\n        \n        <Text style={styles.subtitle}>\n          Ce composant utilise StyleSheet de React Native\n        </Text>\n        \n        <View style={styles.buttonContainer}>\n          <TouchableOpacity style={[styles.button, styles.primaryButton]}>\n            <Text style={styles.buttonText}>\n              Bouton Principal\n            </Text>\n          </TouchableOpacity>\n          \n          <TouchableOpacity style={[styles.button, styles.successButton]}>\n            <Text style={styles.buttonText}>\n              Bouton Succès\n            </Text>\n          </TouchableOpacity>\n          \n          <TouchableOpacity style={[styles.button, styles.errorButton]}>\n            <Text style={styles.buttonText}>\n              Bouton Erreur\n            </Text>\n          </TouchableOpacity>\n        </View>\n      </View>\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    flex: 1,\n    backgroundColor: '#f5f5f5',\n    padding: 16,\n  },\n  card: {\n    backgroundColor: 'white',\n    borderRadius: 12,\n    padding: 24,\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  title: {\n    fontSize: 24,\n    fontWeight: 'bold',\n    color: '#333',\n    marginBottom: 16,\n  },\n  subtitle: {\n    fontSize: 16,\n    color: '#666',\n    marginBottom: 24,\n  },\n  buttonContainer: {\n    gap: 16,\n  },\n  button: {\n    paddingHorizontal: 16,\n    paddingVertical: 12,\n    borderRadius: 8,\n  },\n  primaryButton: {\n    backgroundColor: '#4CAF50',\n  },\n  successButton: {\n    backgroundColor: '#2196F3',\n  },\n  errorButton: {\n    backgroundColor: '#F44336',\n  },\n  buttonText: {\n    color: 'white',\n    fontWeight: '500',\n    textAlign: 'center',\n  },\n}); "]}

package/build/components/Svgs/GpsIcon.d.ts

@@ -0,0 +1,3 @@
+declare const GpsIcon: () => import("react").JSX.Element;
+export default GpsIcon;
+//# sourceMappingURL=GpsIcon.d.ts.map

package/build/components/Svgs/GpsIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GpsIcon.d.ts","sourceRoot":"","sources":["../../../src/components/Svgs/GpsIcon.tsx"],"names":[],"mappings":"AAEA,QAAA,MAAM,OAAO,mCAOZ,CAAA;AAED,eAAe,OAAO,CAAC"}

package/build/components/Svgs/GpsIcon.js

@@ -0,0 +1,9 @@
+import { Svg, Path } from "react-native-svg";
+const GpsIcon = () => {
+    return (<Svg width="19" height="19" viewBox="0 0 19 19" fill="none">
+            <Path d="M16.25 8.25C16.25 13.5 9.5 18 9.5 18C9.5 18 2.75 13.5 2.75 8.25C2.75 6.45979 3.46116 4.7429 4.72703 3.47703C5.9929 2.21116 7.70979 1.5 9.5 1.5C11.2902 1.5 13.0071 2.21116 14.273 3.47703C15.5388 4.7429 16.25 6.45979 16.25 8.25Z" stroke="#22C55E" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"/>
+            <Path d="M9.5 10.5C10.7426 10.5 11.75 9.49264 11.75 8.25C11.75 7.00736 10.7426 6 9.5 6C8.25736 6 7.25 7.00736 7.25 8.25C7.25 9.49264 8.25736 10.5 9.5 10.5Z" stroke="#22C55E" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"/>
+        </Svg>);
+};
+export default GpsIcon;
+//# sourceMappingURL=GpsIcon.js.map

package/build/components/Svgs/GpsIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GpsIcon.js","sourceRoot":"","sources":["../../../src/components/Svgs/GpsIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAE7C,MAAM,OAAO,GAAG,GAAG,EAAE;IACjB,OAAO,CACH,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,MAAM,CACvD;YAAA,CAAC,IAAI,CAAC,CAAC,CAAC,oOAAoO,CAAC,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,cAAc,CAAC,OAAO,EAC5T;YAAA,CAAC,IAAI,CAAC,CAAC,CAAC,oJAAoJ,CAAC,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,cAAc,CAAC,OAAO,EAChP;QAAA,EAAE,GAAG,CAAC,CACT,CAAA;AACL,CAAC,CAAA;AAED,eAAe,OAAO,CAAC","sourcesContent":["import { Svg, Path } from \"react-native-svg\";\n\nconst GpsIcon = () => {\n    return (\n        <Svg width=\"19\" height=\"19\" viewBox=\"0 0 19 19\" fill=\"none\">\n            <Path d=\"M16.25 8.25C16.25 13.5 9.5 18 9.5 18C9.5 18 2.75 13.5 2.75 8.25C2.75 6.45979 3.46116 4.7429 4.72703 3.47703C5.9929 2.21116 7.70979 1.5 9.5 1.5C11.2902 1.5 13.0071 2.21116 14.273 3.47703C15.5388 4.7429 16.25 6.45979 16.25 8.25Z\" stroke=\"#22C55E\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n            <Path d=\"M9.5 10.5C10.7426 10.5 11.75 9.49264 11.75 8.25C11.75 7.00736 10.7426 6 9.5 6C8.25736 6 7.25 7.00736 7.25 8.25C7.25 9.49264 8.25736 10.5 9.5 10.5Z\" stroke=\"#22C55E\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n        </Svg>\n    )\n}\n\nexport default GpsIcon;"]}

package/build/components/Svgs/Schield.d.ts

@@ -0,0 +1,3 @@
+declare const ShieldIcon: () => import("react").JSX.Element;
+export default ShieldIcon;
+//# sourceMappingURL=Schield.d.ts.map

package/build/components/Svgs/Schield.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Schield.d.ts","sourceRoot":"","sources":["../../../src/components/Svgs/Schield.tsx"],"names":[],"mappings":"AAEA,QAAA,MAAM,UAAU,mCAqBf,CAAA;AAED,eAAe,UAAU,CAAC"}

package/build/components/Svgs/Schield.js

@@ -0,0 +1,22 @@
+import { Svg, Path, G, Filter, Defs, FeColorMatrix, FeOffset, FeGaussianBlur, FeComposite, FeBlend } from "react-native-svg";
+const ShieldIcon = () => {
+    return (<Svg width="36" height="36" viewBox="0 0 29 36" fill="none">
+            <G filter="url(#filter0_d_4964_44)">
+                <Path d="M24.0375 2.86663C23.8923 2.74133 23.7226 2.65233 23.5409 2.60618C23.3592 2.56003 23.1701 2.55791 22.9875 2.59996C21.6518 2.89856 20.2729 2.90236 18.9358 2.61114C17.5987 2.31992 16.3316 1.73985 15.2125 0.906631C15.0033 0.751794 14.7547 0.668823 14.5 0.668823C14.2453 0.668823 13.9968 0.751794 13.7875 0.906631C12.6685 1.73985 11.4014 2.31992 10.0642 2.61114C8.72708 2.90236 7.34821 2.89856 6.01251 2.59996C5.82993 2.55791 5.64084 2.56003 5.45913 2.60618C5.27743 2.65233 5.10773 2.74133 4.96251 2.86663C4.81748 2.99212 4.70066 3.15068 4.62062 3.33065C4.54059 3.51062 4.49937 3.70744 4.50001 3.90663V13.84C4.4989 15.7516 4.92597 17.6359 5.74568 19.3359C6.56538 21.0359 7.75398 22.5024 9.21251 23.6133L13.775 27.08C13.9867 27.2407 14.2401 27.3271 14.5 27.3271C14.7599 27.3271 15.0133 27.2407 15.225 27.08L19.7875 23.6133C21.246 22.5024 22.4346 21.0359 23.2543 19.3359C24.074 17.6359 24.5011 15.7516 24.5 13.84V3.90663C24.5006 3.70744 24.4594 3.51062 24.3794 3.33065C24.2994 3.15068 24.1825 2.99212 24.0375 2.86663ZM22 13.84C22.001 15.3263 21.6691 16.7914 21.0321 18.1133C20.395 19.4352 19.4712 20.5758 18.3375 21.44L14.5 24.36L10.6625 21.44C9.5288 20.5758 8.60499 19.4352 7.96794 18.1133C7.3309 16.7914 6.99905 15.3263 7.00001 13.84V5.43996C9.62054 5.67921 12.2451 5.03066 14.5 3.58663C16.755 5.03066 19.3795 5.67921 22 5.43996V13.84Z" fill="white"/>
+            </G>
+            <Defs>
+                <Filter id="filter0_d_4964_44" x="0.5" y="0.668823" width="28" height="34.6583" filterUnits="userSpaceOnUse">
+                    {/* <FeFlood flood-opacity="0" result="BackgroundImageFix" /> */}
+                    <FeColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+                    <FeOffset dy="4"/>
+                    <FeGaussianBlur stdDeviation="2"/>
+                    <FeComposite in2="hardAlpha" operator="out"/>
+                    <FeColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0"/>
+                    <FeBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4964_44"/>
+                    <FeBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4964_44" result="shape"/>
+                </Filter>
+            </Defs>
+        </Svg>);
+};
+export default ShieldIcon;
+//# sourceMappingURL=Schield.js.map

package/build/components/Svgs/Schield.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Schield.js","sourceRoot":"","sources":["../../../src/components/Svgs/Schield.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,aAAa,EAAE,QAAQ,EAAE,cAAc,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAE7H,MAAM,UAAU,GAAG,GAAG,EAAE;IACpB,OAAO,CACH,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,MAAM,CACvD;YAAA,CAAC,CAAC,CAAC,MAAM,CAAC,yBAAyB,CAC/B;gBAAA,CAAC,IAAI,CAAC,CAAC,CAAC,ozCAAozC,CAAC,IAAI,CAAC,OAAO,EAC70C;YAAA,EAAE,CAAC,CACH;YAAA,CAAC,IAAI,CACD;gBAAA,CAAC,MAAM,CAAC,EAAE,CAAC,mBAAmB,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,gBAAgB,CACxG;oBAAA,CAAC,+DAA+D,CAChE;oBAAA,CAAC,aAAa,CAAC,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,2CAA2C,CAAC,MAAM,CAAC,WAAW,EACnH;oBAAA,CAAC,QAAQ,CAAC,EAAE,CAAC,GAAG,EAChB;oBAAA,CAAC,cAAc,CAAC,YAAY,CAAC,GAAG,EAChC;oBAAA,CAAC,WAAW,CAAC,GAAG,CAAC,WAAW,CAAC,QAAQ,CAAC,KAAK,EAC3C;oBAAA,CAAC,aAAa,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,4CAA4C,EAChF;oBAAA,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,oBAAoB,CAAC,MAAM,CAAC,4BAA4B,EACnF;oBAAA,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC,eAAe,CAAC,GAAG,CAAC,4BAA4B,CAAC,MAAM,CAAC,OAAO,EAC7F;gBAAA,EAAE,MAAM,CACZ;YAAA,EAAE,IAAI,CACV;QAAA,EAAE,GAAG,CAAC,CAET,CAAA;AACL,CAAC,CAAA;AAED,eAAe,UAAU,CAAC","sourcesContent":["import { Svg, Path, G, Filter, Defs, FeColorMatrix, FeOffset, FeGaussianBlur, FeComposite, FeBlend } from \"react-native-svg\";\n\nconst ShieldIcon = () => {\n    return (\n        <Svg width=\"36\" height=\"36\" viewBox=\"0 0 29 36\" fill=\"none\">\n            <G filter=\"url(#filter0_d_4964_44)\">\n                <Path d=\"M24.0375 2.86663C23.8923 2.74133 23.7226 2.65233 23.5409 2.60618C23.3592 2.56003 23.1701 2.55791 22.9875 2.59996C21.6518 2.89856 20.2729 2.90236 18.9358 2.61114C17.5987 2.31992 16.3316 1.73985 15.2125 0.906631C15.0033 0.751794 14.7547 0.668823 14.5 0.668823C14.2453 0.668823 13.9968 0.751794 13.7875 0.906631C12.6685 1.73985 11.4014 2.31992 10.0642 2.61114C8.72708 2.90236 7.34821 2.89856 6.01251 2.59996C5.82993 2.55791 5.64084 2.56003 5.45913 2.60618C5.27743 2.65233 5.10773 2.74133 4.96251 2.86663C4.81748 2.99212 4.70066 3.15068 4.62062 3.33065C4.54059 3.51062 4.49937 3.70744 4.50001 3.90663V13.84C4.4989 15.7516 4.92597 17.6359 5.74568 19.3359C6.56538 21.0359 7.75398 22.5024 9.21251 23.6133L13.775 27.08C13.9867 27.2407 14.2401 27.3271 14.5 27.3271C14.7599 27.3271 15.0133 27.2407 15.225 27.08L19.7875 23.6133C21.246 22.5024 22.4346 21.0359 23.2543 19.3359C24.074 17.6359 24.5011 15.7516 24.5 13.84V3.90663C24.5006 3.70744 24.4594 3.51062 24.3794 3.33065C24.2994 3.15068 24.1825 2.99212 24.0375 2.86663ZM22 13.84C22.001 15.3263 21.6691 16.7914 21.0321 18.1133C20.395 19.4352 19.4712 20.5758 18.3375 21.44L14.5 24.36L10.6625 21.44C9.5288 20.5758 8.60499 19.4352 7.96794 18.1133C7.3309 16.7914 6.99905 15.3263 7.00001 13.84V5.43996C9.62054 5.67921 12.2451 5.03066 14.5 3.58663C16.755 5.03066 19.3795 5.67921 22 5.43996V13.84Z\" fill=\"white\" />\n            </G>\n            <Defs>\n                <Filter id=\"filter0_d_4964_44\" x=\"0.5\" y=\"0.668823\" width=\"28\" height=\"34.6583\" filterUnits=\"userSpaceOnUse\">\n                    {/* <FeFlood flood-opacity=\"0\" result=\"BackgroundImageFix\" /> */}\n                    <FeColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\" />\n                    <FeOffset dy=\"4\" />\n                    <FeGaussianBlur stdDeviation=\"2\" />\n                    <FeComposite in2=\"hardAlpha\" operator=\"out\" />\n                    <FeColorMatrix type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0\" />\n                    <FeBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_4964_44\" />\n                    <FeBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_4964_44\" result=\"shape\" />\n                </Filter>\n            </Defs>\n        </Svg>\n\n    )\n}\n\nexport default ShieldIcon;"]}

package/build/components/Svgs/frontSelfieIcon.d.ts

@@ -0,0 +1,3 @@
+declare const FrontSelfieIcon: () => import("react").JSX.Element;
+export default FrontSelfieIcon;
+//# sourceMappingURL=frontSelfieIcon.d.ts.map

package/build/components/Svgs/frontSelfieIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"frontSelfieIcon.d.ts","sourceRoot":"","sources":["../../../src/components/Svgs/frontSelfieIcon.tsx"],"names":[],"mappings":"AAEA,QAAA,MAAM,eAAe,mCAQpB,CAAA;AAED,eAAe,eAAe,CAAA"}

package/build/components/Svgs/frontSelfieIcon.js

@@ -0,0 +1,11 @@
+import Svg, { Path } from "react-native-svg";
+const FrontSelfieIcon = () => {
+    return <Svg width="240" height="285" viewBox="0 0 240 285" fill="none">
+        <Path fill-rule="evenodd" clip-rule="evenodd" d="M35.4198 48.9242C38.2153 41.9014 42.5851 35.6693 48.3859 30.8232C61.3601 19.9842 88.1543 1.5 120 1.5C151.846 1.5 178.64 19.9842 191.614 30.8232C197.415 35.6693 201.785 41.9014 204.58 48.9242C210.484 63.7564 220 93.0114 220 127.5C220 168.082 204.19 212.617 198.234 227.954C196.792 231.667 194.971 235.196 192.628 238.417C183.46 251.021 156.313 283.5 120 283.5C83.6867 283.5 56.5401 251.021 47.3723 238.417C45.0294 235.196 43.2081 231.667 41.7663 227.954C35.8102 212.617 20 168.082 20 127.5C20 93.0114 29.5157 63.7564 35.4198 48.9242Z" stroke="#2DBE60" strokeWidth="2"/>
+        <Path fill-rule="evenodd" clip-rule="evenodd" d="M230.689 128.956C235.531 138.98 234.491 163.862 226.181 178.777C223.182 184.16 218.047 188.814 210.775 192.738L210.514 192.743C216.838 170.205 220 148.457 220 127.5L219.995 125.802V125.802L220 125.795L220.249 125.664V125.664L220.518 125.535C220.612 125.493 220.708 125.451 220.808 125.41L221.116 125.291C221.169 125.272 221.223 125.253 221.277 125.234L221.61 125.127C224.335 124.301 228.483 124.388 230.689 128.956Z" stroke="#2DBE60" strokeWidth="2"/>
+        <Path fill-rule="evenodd" clip-rule="evenodd" d="M9.3184 128.956C4.47645 138.98 5.51723 163.862 13.8267 178.777C16.8259 184.16 21.9613 188.814 29.2329 192.738L29.4941 192.743C23.1697 170.205 20.0075 148.457 20.0075 127.5L20.0133 125.802V125.802L20.0075 125.795L19.7591 125.664V125.664L19.4893 125.535C19.396 125.493 19.2994 125.451 19.1997 125.41L18.8916 125.291C18.8387 125.272 18.7852 125.253 18.731 125.234L18.398 125.127C15.6723 124.301 11.5253 124.388 9.3184 128.956Z" stroke="#2DBE60" strokeWidth="2"/>
+        <Path d="M120 33.5V251.5" stroke="#F6F7F8" strokeWidth="2" stroke-dasharray="3 2"/>
+    </Svg>;
+};
+export default FrontSelfieIcon;
+//# sourceMappingURL=frontSelfieIcon.js.map

package/build/components/Svgs/frontSelfieIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"frontSelfieIcon.js","sourceRoot":"","sources":["../../../src/components/Svgs/frontSelfieIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,GAAG,EAAE,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAA;AAE5C,MAAM,eAAe,GAAG,GAAG,EAAE;IACzB,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,aAAa,CAAC,IAAI,CAAC,MAAM,CAClE;QAAA,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,shBAAshB,CAAC,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,GAAG,EACvmB;QAAA,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,iaAAia,CAAC,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,GAAG,EAClf;QAAA,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,yaAAya,CAAC,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,GAAG,EAC1f;QAAA,CAAC,IAAI,CAAC,CAAC,CAAC,iBAAiB,CAAC,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,GAAG,CAAC,gBAAgB,CAAC,KAAK,EACrF;IAAA,EAAE,GAAG,CAAC,CAAA;AAEV,CAAC,CAAA;AAED,eAAe,eAAe,CAAA","sourcesContent":["import Svg, { Path } from \"react-native-svg\"\n\nconst FrontSelfieIcon = () => {\n    return <Svg width=\"240\" height=\"285\" viewBox=\"0 0 240 285\" fill=\"none\">\n        <Path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M35.4198 48.9242C38.2153 41.9014 42.5851 35.6693 48.3859 30.8232C61.3601 19.9842 88.1543 1.5 120 1.5C151.846 1.5 178.64 19.9842 191.614 30.8232C197.415 35.6693 201.785 41.9014 204.58 48.9242C210.484 63.7564 220 93.0114 220 127.5C220 168.082 204.19 212.617 198.234 227.954C196.792 231.667 194.971 235.196 192.628 238.417C183.46 251.021 156.313 283.5 120 283.5C83.6867 283.5 56.5401 251.021 47.3723 238.417C45.0294 235.196 43.2081 231.667 41.7663 227.954C35.8102 212.617 20 168.082 20 127.5C20 93.0114 29.5157 63.7564 35.4198 48.9242Z\" stroke=\"#2DBE60\" strokeWidth=\"2\" />\n        <Path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M230.689 128.956C235.531 138.98 234.491 163.862 226.181 178.777C223.182 184.16 218.047 188.814 210.775 192.738L210.514 192.743C216.838 170.205 220 148.457 220 127.5L219.995 125.802V125.802L220 125.795L220.249 125.664V125.664L220.518 125.535C220.612 125.493 220.708 125.451 220.808 125.41L221.116 125.291C221.169 125.272 221.223 125.253 221.277 125.234L221.61 125.127C224.335 124.301 228.483 124.388 230.689 128.956Z\" stroke=\"#2DBE60\" strokeWidth=\"2\" />\n        <Path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M9.3184 128.956C4.47645 138.98 5.51723 163.862 13.8267 178.777C16.8259 184.16 21.9613 188.814 29.2329 192.738L29.4941 192.743C23.1697 170.205 20.0075 148.457 20.0075 127.5L20.0133 125.802V125.802L20.0075 125.795L19.7591 125.664V125.664L19.4893 125.535C19.396 125.493 19.2994 125.451 19.1997 125.41L18.8916 125.291C18.8387 125.272 18.7852 125.253 18.731 125.234L18.398 125.127C15.6723 124.301 11.5253 124.388 9.3184 128.956Z\" stroke=\"#2DBE60\" strokeWidth=\"2\" />\n        <Path d=\"M120 33.5V251.5\" stroke=\"#F6F7F8\" strokeWidth=\"2\" stroke-dasharray=\"3 2\" />\n    </Svg>\n\n}\n\nexport default FrontSelfieIcon"]}

package/build/components/Svgs/scanningLine.d.ts

@@ -0,0 +1,9 @@
+interface ScanningLineProps {
+    yMin: number;
+    yMax: number;
+    screenWidth: number;
+    height: number;
+}
+declare const ScanningLine: ({ yMin, screenWidth, height, yMax }: ScanningLineProps) => import("react").JSX.Element;
+export default ScanningLine;
+//# sourceMappingURL=scanningLine.d.ts.map

package/build/components/Svgs/scanningLine.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scanningLine.d.ts","sourceRoot":"","sources":["../../../src/components/Svgs/scanningLine.tsx"],"names":[],"mappings":"AAIA,UAAU,iBAAiB;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,MAAM,CAAA;CACjB;AACD,QAAA,MAAM,YAAY,GAAI,qCAAqC,iBAAiB,gCAiE3E,CAAA;AAYD,eAAe,YAAY,CAAA"}

package/build/components/Svgs/scanningLine.js

@@ -0,0 +1,61 @@
+import { useEffect, useState } from "react";
+import { StyleSheet } from "react-native";
+import Svg, { Defs, LinearGradient, Rect, Stop } from "react-native-svg";
+const ScanningLine = ({ yMin, screenWidth, height, yMax }) => {
+    const [scanLineX, setScanLineX] = useState({
+        val: yMin - (40 + 280),
+        direction: 'down'
+    });
+    useEffect(() => {
+        const interval = setInterval(() => {
+            setScanLineX(prev => {
+                const newX = prev.val + (prev.direction === 'up' ? -1 : 1) * Math.round(Math.random() * 2); // Vitesse de déplacement horizontal 
+                if (prev.direction === "down") {
+                    if (newX > yMax - (280 - 40)) {
+                        return { val: yMax + (40), direction: 'up' };
+                    }
+                    else {
+                        return { val: newX, direction: 'down' };
+                    }
+                }
+                else {
+                    if (newX < yMin - (40)) {
+                        return { val: yMin - (40 + 280), direction: 'down' };
+                    }
+                    else {
+                        return { val: newX, direction: 'up' };
+                    }
+                }
+            });
+        }, 2);
+        return () => clearInterval(interval);
+    }, []);
+    return <Svg width={screenWidth} height={height} style={styles.svg}>
+        <Defs>
+            <LinearGradient id="grad-rect" x1="0%" y1={scanLineX.direction === 'up' ? "100%" : "0%"} x2="0%" y2={scanLineX.direction === 'up' ? "0%" : "100%"}>
+                <Stop offset="30%" stopColor="#2DBD60" stopOpacity="0"/>
+                <Stop offset="40%" stopColor="#2DBD60" stopOpacity="0"/>
+                <Stop offset="50%" stopColor="#2DBD60" stopOpacity="0"/>
+                <Stop offset="60%" stopColor="#2DBD60" stopOpacity="0"/>
+                <Stop offset="70%" stopColor="#2DBD60" stopOpacity="0.02"/>
+                <Stop offset="88%" stopColor="#2DBD60" stopOpacity="0.09"/>
+                <Stop offset="90%" stopColor="#2DBD60" stopOpacity="0.42"/>
+                <Stop offset="100%" stopColor="#2DBD60" stopOpacity="1"/>
+            </LinearGradient>
+        </Defs>
+
+
+        <Rect x="0" y={scanLineX.val} width={screenWidth} height="280" rx="0" ry="0" fill="url(#grad-rect)"/>
+    </Svg>;
+};
+const styles = StyleSheet.create({
+    svg: {
+        position: 'absolute',
+        top: 0,
+        left: 0,
+        width: '100%',
+        height: '100%',
+    },
+});
+export default ScanningLine;
+//# sourceMappingURL=scanningLine.js.map

package/build/components/Svgs/scanningLine.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scanningLine.js","sourceRoot":"","sources":["../../../src/components/Svgs/scanningLine.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useEffect, useState } from \"react\";\nimport { StyleSheet } from \"react-native\";\nimport Svg, { Defs, LinearGradient, Rect, Stop } from \"react-native-svg\"\n\ninterface ScanningLineProps {\n    yMin: number,\n    yMax: number\n    screenWidth: number,\n    height: number\n}\nconst ScanningLine = ({ yMin, screenWidth, height, yMax }: ScanningLineProps) => {\n\n    const [scanLineX, setScanLineX] = useState<{\n        val: number,\n        direction: 'up' | 'down'\n    }>({\n        val: yMin - (40 + 280),\n        direction: 'down'\n    });\n\n    useEffect(() => {\n        const interval = setInterval(() => {\n            setScanLineX(prev => {\n\n                const newX = prev.val + (prev.direction === 'up' ? -1 : 1) * Math.round(Math.random() * 2); // Vitesse de déplacement horizontal \n                if (prev.direction === \"down\") {\n                    if (newX > yMax - (280 - 40)) {\n                        return { val: yMax + (40), direction: 'up' }\n                    } else {\n                        return { val: newX, direction: 'down' }\n                    }\n                } else {\n                    if (newX < yMin - (40)) {\n                        return { val: yMin - (40 + 280), direction: 'down' }\n                    } else {\n                        return { val: newX, direction: 'up' }\n                    }\n                }\n\n            });\n        }, 2);\n\n        return () => clearInterval(interval);\n    }, []);\n\n   \n\n    return <Svg width={screenWidth} height={height} style={styles.svg}>\n        <Defs>\n            <LinearGradient id=\"grad-rect\" x1=\"0%\"\n                y1={scanLineX.direction === 'up' ? \"100%\" : \"0%\"} x2=\"0%\"\n                y2={scanLineX.direction === 'up' ? \"0%\" : \"100%\"}>\n                <Stop offset=\"30%\" stopColor=\"#2DBD60\" stopOpacity=\"0\" />\n                <Stop offset=\"40%\" stopColor=\"#2DBD60\" stopOpacity=\"0\" />\n                <Stop offset=\"50%\" stopColor=\"#2DBD60\" stopOpacity=\"0\" />\n                <Stop offset=\"60%\" stopColor=\"#2DBD60\" stopOpacity=\"0\" />\n                <Stop offset=\"70%\" stopColor=\"#2DBD60\" stopOpacity=\"0.02\" />\n                <Stop offset=\"88%\" stopColor=\"#2DBD60\" stopOpacity=\"0.09\" />\n                <Stop offset=\"90%\" stopColor=\"#2DBD60\" stopOpacity=\"0.42\" />\n                <Stop offset=\"100%\" stopColor=\"#2DBD60\" stopOpacity=\"1\" />\n            </LinearGradient>\n        </Defs>\n\n\n        <Rect x=\"0\"\n            y={scanLineX.val}\n            width={screenWidth}\n            height=\"280\"\n            rx=\"0\"\n            ry=\"0\"\n            fill=\"url(#grad-rect)\"\n\n        />\n    </Svg>\n\n}\n\nconst styles = StyleSheet.create({\n    svg: {\n        position: 'absolute',\n        top: 0,\n        left: 0,\n        width: '100%',\n        height: '100%',\n    },\n})\n\nexport default ScanningLine"]}

package/build/components/Svgs/sideSelfieIcon.d.ts

@@ -0,0 +1,3 @@
+declare const SideSelfieIcon: () => import("react").JSX.Element;
+export default SideSelfieIcon;
+//# sourceMappingURL=sideSelfieIcon.d.ts.map

package/build/components/Svgs/sideSelfieIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sideSelfieIcon.d.ts","sourceRoot":"","sources":["../../../src/components/Svgs/sideSelfieIcon.tsx"],"names":[],"mappings":"AAEA,QAAA,MAAM,cAAc,mCAKnB,CAAA;AAED,eAAe,cAAc,CAAA"}

package/build/components/Svgs/sideSelfieIcon.js

@@ -0,0 +1,9 @@
+import Svg, { Path } from "react-native-svg";
+const SideSelfieIcon = () => {
+    return <Svg width="240" height="285" viewBox="0 0 240 285" fill="none">
+        <Path fill-rule="evenodd" clip-rule="evenodd" d="M35.4198 48.9242C38.2153 41.9014 42.5851 35.6693 48.3859 30.8232C61.3601 19.9842 88.1543 1.5 120 1.5C151.846 1.5 178.64 19.9842 191.614 30.8232C197.415 35.6693 201.785 41.9014 204.58 48.9242C210.484 63.7564 220 93.0114 220 127.5C220 168.082 204.19 212.617 198.234 227.954C196.792 231.667 194.971 235.196 192.628 238.417C183.46 251.021 156.313 283.5 120 283.5C83.6867 283.5 56.5401 251.021 47.3723 238.417C45.0294 235.196 43.2081 231.667 41.7663 227.954C35.8102 212.617 20 168.082 20 127.5C20 93.0114 29.5157 63.7564 35.4198 48.9242Z" stroke="#4CAF50" strokeWidth="4"/>
+        <Path d="M120 33.5V251.5" stroke="#4CAF50" strokeWidth="4" stroke-dasharray="3 2"/>
+    </Svg>;
+};
+export default SideSelfieIcon;
+//# sourceMappingURL=sideSelfieIcon.js.map

package/build/components/Svgs/sideSelfieIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sideSelfieIcon.js","sourceRoot":"","sources":["../../../src/components/Svgs/sideSelfieIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,GAAG,EAAE,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAA;AAE5C,MAAM,cAAc,GAAG,GAAG,EAAE;IACxB,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,aAAa,CAAC,IAAI,CAAC,MAAM,CAClE;QAAA,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,shBAAshB,CAAC,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,GAAG,EACvmB;QAAA,CAAC,IAAI,CAAC,CAAC,CAAC,iBAAiB,CAAC,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,GAAG,CAAC,gBAAgB,CAAC,KAAK,EACrF;IAAA,EAAE,GAAG,CAAC,CAAA;AACV,CAAC,CAAA;AAED,eAAe,cAAc,CAAA","sourcesContent":["import Svg, { Path } from \"react-native-svg\"\n\nconst SideSelfieIcon = () => {\n    return <Svg width=\"240\" height=\"285\" viewBox=\"0 0 240 285\" fill=\"none\">\n        <Path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M35.4198 48.9242C38.2153 41.9014 42.5851 35.6693 48.3859 30.8232C61.3601 19.9842 88.1543 1.5 120 1.5C151.846 1.5 178.64 19.9842 191.614 30.8232C197.415 35.6693 201.785 41.9014 204.58 48.9242C210.484 63.7564 220 93.0114 220 127.5C220 168.082 204.19 212.617 198.234 227.954C196.792 231.667 194.971 235.196 192.628 238.417C183.46 251.021 156.313 283.5 120 283.5C83.6867 283.5 56.5401 251.021 47.3723 238.417C45.0294 235.196 43.2081 231.667 41.7663 227.954C35.8102 212.617 20 168.082 20 127.5C20 93.0114 29.5157 63.7564 35.4198 48.9242Z\" stroke=\"#4CAF50\" strokeWidth=\"4\" />\n        <Path d=\"M120 33.5V251.5\" stroke=\"#4CAF50\" strokeWidth=\"4\" stroke-dasharray=\"3 2\" />\n    </Svg>\n}\n\nexport default SideSelfieIcon"]}

package/build/components/TemplateKYCExample.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import { KYCTemplate, VerificationState } from '../types/KYC.types';
+import { KycEnvironment, BackendEnvironment } from '../types/env.types';
+export declare const TemplateKYCExample: React.FC<{
+    onComplete: (data: VerificationState) => void;
+    onCancel: () => void;
+    onError: (error: string) => void;
+    language: string;
+    API_KEY?: string;
+    templateId?: string;
+    template?: KYCTemplate;
+    env?: KycEnvironment;
+    serverEnv?: BackendEnvironment;
+    existingSessionId?: string;
+    initialComponentIndex?: number;
+    initialCountryResume?: {
+        code: string;
+        documentType: string;
+        region?: string;
+    };
+}>;
+//# sourceMappingURL=TemplateKYCExample.d.ts.map

package/build/components/TemplateKYCExample.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TemplateKYCExample.d.ts","sourceRoot":"","sources":["../../src/components/TemplateKYCExample.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AACpE,OAAO,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAsIxE,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC;IACxC,UAAU,EAAE,CAAC,IAAI,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC9C,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,WAAW,CAAC;IACvB,GAAG,CAAC,EAAE,cAAc,CAAC;IACrB,SAAS,CAAC,EAAE,kBAAkB,CAAC;IAC/B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,oBAAoB,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,YAAY,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CAChF,CAyCA,CAAC"}