@transfergratis/react-native-sdk 0.1.2

package/build/components/KYCElements/LocationCaptureTemplate.js

@@ -0,0 +1,275 @@
+import React, { useState, useEffect } from 'react';
+import { View, Text, StyleSheet, Alert } from 'react-native';
+import ShieldIcon from '../Svgs/Schield';
+import GpsIcon from '../Svgs/GpsIcon';
+import { Button } from '../ui/Button';
+import * as Location from 'expo-location';
+import { useTemplateKYCFlowContext } from '../../hooks/useTemplateKYCFlow';
+export const LocationCaptureTemplate = ({ component, value, onValueChange, error, language = 'en', }) => {
+    const [isRequesting, setIsRequesting] = useState(false);
+    const [currentLocation, setCurrentLocation] = useState(value || null);
+    const { actions } = useTemplateKYCFlowContext();
+    const config = component.config;
+    const requestLocationPermission = async () => {
+        try {
+            const { status } = await Location.requestForegroundPermissionsAsync();
+            return status === 'granted';
+        }
+        catch (err) {
+            console.warn('Erreur lors de la demande de permission:', err);
+            return false;
+        }
+    };
+    const getCurrentLocation = async () => {
+        try {
+            setIsRequesting(true);
+            const hasLocationPermission = await requestLocationPermission();
+            if (!hasLocationPermission) {
+                Alert.alert('Permission refusée', 'La permission de localisation est nécessaire pour continuer.');
+                setIsRequesting(false);
+                return;
+            }
+            // Vérifier si la localisation est activée
+            const isLocationEnabled = await Location.hasServicesEnabledAsync();
+            if (!isLocationEnabled) {
+                Alert.alert('Localisation désactivée', 'Veuillez activer la localisation sur votre appareil pour continuer.');
+                setIsRequesting(false);
+                return;
+            }
+            // Récupérer la localisation actuelle
+            const location = await Location.getCurrentPositionAsync({
+                accuracy: config.accuracy === 'high' ? Location.Accuracy.High : Location.Accuracy.Balanced,
+                timeInterval: 5000,
+                distanceInterval: 10,
+            });
+            const locationData = {
+                latitude: location.coords.latitude,
+                longitude: location.coords.longitude,
+                accuracy: location.coords.accuracy || 50,
+            };
+            // Mettre à jour l'état local et passer la valeur au parent
+            setCurrentLocation(locationData);
+            onValueChange(locationData);
+        }
+        catch (error) {
+            console.error('Erreur lors de la récupération de la localisation:', error);
+            Alert.alert('Erreur', 'Impossible de récupérer votre localisation. Veuillez réessayer.');
+        }
+        finally {
+            setIsRequesting(false);
+        }
+    };
+    const resetLocation = () => {
+        setCurrentLocation(null);
+        onValueChange(null);
+    };
+    // Passer automatiquement à l'étape suivante quand la localisation est obtenue
+    useEffect(() => {
+        if (currentLocation && !isRequesting) {
+            // Délai court pour permettre à l'utilisateur de voir la localisation obtenue
+            const timer = setTimeout(() => {
+                actions.nextComponent();
+            }, 1500);
+            return () => clearTimeout(timer);
+        }
+        return undefined;
+    }, [currentLocation, isRequesting, actions]);
+    return (<View style={styles.container}>
+      <View style={{ flexDirection: 'column', alignItems: 'center', justifyContent: 'center' }}>
+        <View style={{ position: 'relative', width: 70, }}>
+          <View style={{ flexDirection: 'row', alignItems: 'center', justifyContent: 'center', width: 60, height: 60, backgroundColor: '#2DBE60', borderRadius: 100 }}>
+            <ShieldIcon />
+          </View>
+          <View style={{ position: 'absolute', top: "60%", right: 0, flexDirection: 'row', alignItems: 'center', justifyContent: 'center', width: 40, height: 40, backgroundColor: 'white', borderRadius: 100, shadowColor: '#000', shadowOffset: { width: 0, height: 2 }, shadowOpacity: 0.15, shadowRadius: 1.84, elevation: 5 }}>
+            <GpsIcon />
+          </View>
+        </View>
+        <View style={{ flexDirection: 'column', alignItems: 'center', justifyContent: 'center', marginTop: 36 }}>
+          <Text style={{ fontSize: 24, fontWeight: 'bold', color: '#333', marginBottom: 8 }}>Secure Your Verification</Text>
+          <Text style={{ fontSize: 16, color: '#666', textAlign: 'center', marginBottom: 24, lineHeight: 22 }}>
+            Allow location access to help us protect your account and prevent fraudulent activity during verification.
+          </Text>
+        </View>
+        <View style={{ flexDirection: 'column', marginTop: 36, backgroundColor: "#F9FAFB", padding: 12, borderRadius: 12, width: '100%', }}>
+          <Text style={{ fontSize: 16, color: 'black', fontWeight: 'bold', textAlign: 'left', lineHeight: 22 }}>
+            {`How this helps:`}
+          </Text>
+          <Text style={{ fontSize: 16, color: '#666', textAlign: 'left', lineHeight: 22 }}>
+            {`• Verifies your device location matches your identity\n• Detects and prevents unauthorized access\n• Ensures compliance with security regulations`}
+          </Text>
+        </View>
+
+        {currentLocation ? (<View style={styles.locationInfo}>
+            <Text style={styles.locationTitle}>Localisation obtenue</Text>
+            <Text style={styles.locationDetails}>
+              Latitude: {currentLocation.latitude.toFixed(6)}
+            </Text>
+            <Text style={styles.locationDetails}>
+              Longitude: {currentLocation.longitude.toFixed(6)}
+            </Text>
+            <Text style={styles.locationDetails}>
+              Précision: {currentLocation.accuracy.toFixed(1)}m
+            </Text>
+            <Button title="Réinitialiser" fullWidth onPress={resetLocation} style={{ paddingVertical: 20, marginTop: 24, backgroundColor: '#6B7280' }}/>
+          </View>) : (<Button title={isRequesting ? "Récupération..." : "Enable Location Access"} fullWidth onPress={getCurrentLocation} disabled={isRequesting} style={{ paddingVertical: 20, marginTop: 36 }}/>)}
+
+        <View style={{
+            height: 12,
+        }}/>
+      </View>
+    </View>);
+};
+const styles = StyleSheet.create({
+    container: {
+        padding: 16,
+        backgroundColor: 'white',
+        marginHorizontal: 12,
+        marginTop: 12,
+        borderRadius: 12,
+        shadowColor: '#000',
+        shadowOffset: { width: 0, height: 2 },
+        shadowOpacity: 0.15,
+        maxWidth: 760,
+    },
+    locationInfo: {
+        alignItems: 'center',
+        width: '100%',
+        marginTop: 24,
+    },
+    locationTitle: {
+        fontSize: 20,
+        fontWeight: '600',
+        color: '#2DBD60',
+        marginBottom: 16,
+    },
+    locationDetails: {
+        fontSize: 14,
+        color: '#666',
+        marginBottom: 4,
+        fontFamily: 'monospace',
+    },
+    title: {
+        fontSize: 24,
+        fontWeight: 'bold',
+        color: '#333',
+        marginBottom: 8,
+        textAlign: 'center',
+    },
+    description: {
+        fontSize: 16,
+        color: '#666',
+        textAlign: 'center',
+        marginBottom: 24,
+        lineHeight: 22,
+    },
+    locationContainer: {
+        flex: 1,
+        justifyContent: 'center',
+        alignItems: 'center',
+        padding: 24,
+    },
+    iconContainer: {
+        marginBottom: 24,
+    },
+    locationIcon: {
+        fontSize: 80,
+    },
+    locationRequest: {
+        alignItems: 'center',
+        width: '100%',
+    },
+    locationRequestText: {
+        fontSize: 16,
+        color: '#666',
+        textAlign: 'center',
+        marginBottom: 24,
+    },
+    locationButton: {
+        paddingHorizontal: 32,
+        paddingVertical: 16,
+        borderRadius: 8,
+        minWidth: 200,
+        alignItems: 'center',
+    },
+    locationButtonDisabled: {
+        opacity: 0.6,
+    },
+    locationButtonText: {
+        color: 'white',
+        fontWeight: '600',
+        fontSize: 16,
+    },
+    buttonContainer: {
+        flexDirection: 'row',
+        justifyContent: 'space-around',
+        alignItems: 'center',
+        marginTop: 24,
+        width: '100%',
+    },
+    primaryButton: {
+        paddingHorizontal: 32,
+        paddingVertical: 16,
+        borderRadius: 8,
+        minWidth: 120,
+        alignItems: 'center',
+    },
+    primaryButtonText: {
+        color: 'white',
+        fontWeight: '600',
+        fontSize: 16,
+    },
+    secondaryButton: {
+        backgroundColor: '#e5e5e5',
+        paddingHorizontal: 32,
+        paddingVertical: 16,
+        borderRadius: 8,
+        minWidth: 120,
+        alignItems: 'center',
+    },
+    secondaryButtonText: {
+        color: '#333',
+        fontWeight: '600',
+        fontSize: 16,
+    },
+    requiredContainer: {
+        backgroundColor: '#fff3cd',
+        padding: 16,
+        borderRadius: 8,
+        marginTop: 16,
+    },
+    requiredText: {
+        fontSize: 16,
+        fontWeight: '600',
+        color: '#856404',
+        marginBottom: 8,
+    },
+    requiredSubtext: {
+        fontSize: 14,
+        color: '#856404',
+        lineHeight: 20,
+    },
+    accuracyContainer: {
+        backgroundColor: '#f0f9f0',
+        padding: 16,
+        borderRadius: 8,
+        marginTop: 16,
+    },
+    accuracyTitle: {
+        fontSize: 16,
+        fontWeight: '600',
+        color: '#2DBD60',
+        marginBottom: 8,
+    },
+    accuracyText: {
+        fontSize: 14,
+        color: '#666',
+        lineHeight: 20,
+    },
+    errorText: {
+        color: '#dc2626',
+        fontSize: 14,
+        marginTop: 8,
+        textAlign: 'center',
+    },
+});
+//# sourceMappingURL=LocationCaptureTemplate.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LocationCaptureTemplate.js","sourceRoot":"","sources":["../../../src/components/KYCElements/LocationCaptureTemplate.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useState, useEffect } from 'react';\nimport { View, Text, StyleSheet, Alert } from 'react-native';\nimport { LocationConfig, TemplateComponent } from '../../types/KYC.types';\nimport ShieldIcon from '../Svgs/Schield';\nimport GpsIcon from '../Svgs/GpsIcon';\nimport { Button } from '../ui/Button';\nimport * as Location from 'expo-location';\nimport { useTemplateKYCFlowContext } from '../../hooks/useTemplateKYCFlow';\n\ninterface LocationCaptureTemplateProps {\n  component: TemplateComponent;\n  value?: { latitude: number; longitude: number; accuracy: number } | null;\n  onValueChange: (value: { latitude: number; longitude: number; accuracy: number } | null) => void;\n  error?: string;\n  language?: string;\n}\n\nexport const LocationCaptureTemplate: React.FC<LocationCaptureTemplateProps> = ({\n  component,\n  value,\n  onValueChange,\n  error,\n  language = 'en',\n}) => {\n  const [isRequesting, setIsRequesting] = useState(false);\n  const [currentLocation, setCurrentLocation] = useState<{ latitude: number; longitude: number; accuracy: number } | null>(value || null);\n  const { actions } = useTemplateKYCFlowContext();\n  const config = component.config as LocationConfig;\n\n  const requestLocationPermission = async (): Promise<boolean> => {\n    try {\n      const { status } = await Location.requestForegroundPermissionsAsync();\n      return status === 'granted';\n    } catch (err) {\n      console.warn('Erreur lors de la demande de permission:', err);\n      return false;\n    }\n  };\n\n  const getCurrentLocation = async () => {\n    try {\n      setIsRequesting(true);\n\n      const hasLocationPermission = await requestLocationPermission();\n      if (!hasLocationPermission) {\n        Alert.alert(\n          'Permission refusée',\n          'La permission de localisation est nécessaire pour continuer.'\n        );\n        setIsRequesting(false);\n        return;\n      }\n\n      // Vérifier si la localisation est activée\n      const isLocationEnabled = await Location.hasServicesEnabledAsync();\n      if (!isLocationEnabled) {\n        Alert.alert(\n          'Localisation désactivée',\n          'Veuillez activer la localisation sur votre appareil pour continuer.'\n        );\n        setIsRequesting(false);\n        return;\n      }\n\n      // Récupérer la localisation actuelle\n      const location = await Location.getCurrentPositionAsync({\n        accuracy: config.accuracy === 'high' ? Location.Accuracy.High : Location.Accuracy.Balanced,\n        timeInterval: 5000,\n        distanceInterval: 10,\n      });\n\n      const locationData = {\n        latitude: location.coords.latitude,\n        longitude: location.coords.longitude,\n        accuracy: location.coords.accuracy || 50,\n      };\n\n      // Mettre à jour l'état local et passer la valeur au parent\n      setCurrentLocation(locationData);\n      onValueChange(locationData);\n\n    } catch (error) {\n      console.error('Erreur lors de la récupération de la localisation:', error);\n      Alert.alert('Erreur', 'Impossible de récupérer votre localisation. Veuillez réessayer.');\n    } finally {\n      setIsRequesting(false);\n    }\n  };\n\n  const resetLocation = () => {\n    setCurrentLocation(null);\n    onValueChange(null);\n  };\n\n  // Passer automatiquement à l'étape suivante quand la localisation est obtenue\n  useEffect(() => {\n    if (currentLocation && !isRequesting) {\n      // Délai court pour permettre à l'utilisateur de voir la localisation obtenue\n      const timer = setTimeout(() => {\n        actions.nextComponent();\n      }, 1500);\n\n      return () => clearTimeout(timer);\n    }\n    return undefined;\n  }, [currentLocation, isRequesting, actions]);\n\n\n\n  return (\n    <View style={styles.container}>\n      <View style={{ flexDirection: 'column', alignItems: 'center', justifyContent: 'center' }}>\n        <View style={{ position: 'relative', width: 70, }}>\n          <View style={{ flexDirection: 'row', alignItems: 'center', justifyContent: 'center', width: 60, height: 60, backgroundColor: '#2DBE60', borderRadius: 100 }}>\n            <ShieldIcon />\n          </View>\n          <View style={{ position: 'absolute', top: \"60%\", right: 0, flexDirection: 'row', alignItems: 'center', justifyContent: 'center', width: 40, height: 40, backgroundColor: 'white', borderRadius: 100, shadowColor: '#000', shadowOffset: { width: 0, height: 2 }, shadowOpacity: 0.15, shadowRadius: 1.84, elevation: 5 }}>\n            <GpsIcon />\n          </View>\n        </View>\n        <View style={{ flexDirection: 'column', alignItems: 'center', justifyContent: 'center', marginTop: 36 }}>\n          <Text style={{ fontSize: 24, fontWeight: 'bold', color: '#333', marginBottom: 8 }}>Secure Your Verification</Text>\n          <Text style={{ fontSize: 16, color: '#666', textAlign: 'center', marginBottom: 24, lineHeight: 22 }}>\n            Allow location access to help us protect your account and prevent fraudulent activity during verification.\n          </Text>\n        </View>\n        <View style={{ flexDirection: 'column', marginTop: 36, backgroundColor: \"#F9FAFB\", padding: 12, borderRadius: 12, width: '100%', }}>\n          <Text style={{ fontSize: 16, color: 'black', fontWeight: 'bold', textAlign: 'left', lineHeight: 22 }}>\n            {`How this helps:`}\n          </Text>\n          <Text style={{ fontSize: 16, color: '#666', textAlign: 'left', lineHeight: 22 }}>\n            {`• Verifies your device location matches your identity\\n• Detects and prevents unauthorized access\\n• Ensures compliance with security regulations`}\n          </Text>\n        </View>\n\n        {currentLocation ? (\n          <View style={styles.locationInfo}>\n            <Text style={styles.locationTitle}>Localisation obtenue</Text>\n            <Text style={styles.locationDetails}>\n              Latitude: {currentLocation.latitude.toFixed(6)}\n            </Text>\n            <Text style={styles.locationDetails}>\n              Longitude: {currentLocation.longitude.toFixed(6)}\n            </Text>\n            <Text style={styles.locationDetails}>\n              Précision: {currentLocation.accuracy.toFixed(1)}m\n            </Text>\n            <Button\n              title=\"Réinitialiser\"\n              fullWidth\n              onPress={resetLocation}\n              style={{ paddingVertical: 20, marginTop: 24, backgroundColor: '#6B7280' }}\n            />\n          </View>\n        ) : (\n          <Button\n            title={isRequesting ? \"Récupération...\" : \"Enable Location Access\"}\n            fullWidth\n            onPress={getCurrentLocation}\n            disabled={isRequesting}\n            style={{ paddingVertical: 20, marginTop: 36 }}\n          />\n        )}\n\n        <View style={{\n          height: 12,\n        }} />\n      </View>\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    padding: 16,\n    backgroundColor: 'white',\n    marginHorizontal: 12,\n    marginTop: 12,\n    borderRadius: 12,\n    shadowColor: '#000',\n    shadowOffset: { width: 0, height: 2 },\n    shadowOpacity: 0.15,\n    maxWidth: 760,\n  },\n  locationInfo: {\n    alignItems: 'center',\n    width: '100%',\n    marginTop: 24,\n  },\n  locationTitle: {\n    fontSize: 20,\n    fontWeight: '600',\n    color: '#2DBD60',\n    marginBottom: 16,\n  },\n  locationDetails: {\n    fontSize: 14,\n    color: '#666',\n    marginBottom: 4,\n    fontFamily: 'monospace',\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  locationContainer: {\n    flex: 1,\n    justifyContent: 'center',\n    alignItems: 'center',\n    padding: 24,\n  },\n  iconContainer: {\n    marginBottom: 24,\n  },\n  locationIcon: {\n    fontSize: 80,\n  },\n  locationRequest: {\n    alignItems: 'center',\n    width: '100%',\n  },\n  locationRequestText: {\n    fontSize: 16,\n    color: '#666',\n    textAlign: 'center',\n    marginBottom: 24,\n  },\n  locationButton: {\n    paddingHorizontal: 32,\n    paddingVertical: 16,\n    borderRadius: 8,\n    minWidth: 200,\n    alignItems: 'center',\n  },\n  locationButtonDisabled: {\n    opacity: 0.6,\n  },\n  locationButtonText: {\n    color: 'white',\n    fontWeight: '600',\n    fontSize: 16,\n  },\n  buttonContainer: {\n    flexDirection: 'row',\n    justifyContent: 'space-around',\n    alignItems: 'center',\n    marginTop: 24,\n    width: '100%',\n  },\n  primaryButton: {\n    paddingHorizontal: 32,\n    paddingVertical: 16,\n    borderRadius: 8,\n    minWidth: 120,\n    alignItems: 'center',\n  },\n  primaryButtonText: {\n    color: 'white',\n    fontWeight: '600',\n    fontSize: 16,\n  },\n  secondaryButton: {\n    backgroundColor: '#e5e5e5',\n    paddingHorizontal: 32,\n    paddingVertical: 16,\n    borderRadius: 8,\n    minWidth: 120,\n    alignItems: 'center',\n  },\n  secondaryButtonText: {\n    color: '#333',\n    fontWeight: '600',\n    fontSize: 16,\n  },\n  requiredContainer: {\n    backgroundColor: '#fff3cd',\n    padding: 16,\n    borderRadius: 8,\n    marginTop: 16,\n  },\n  requiredText: {\n    fontSize: 16,\n    fontWeight: '600',\n    color: '#856404',\n    marginBottom: 8,\n  },\n  requiredSubtext: {\n    fontSize: 14,\n    color: '#856404',\n    lineHeight: 20,\n  },\n  accuracyContainer: {\n    backgroundColor: '#f0f9f0',\n    padding: 16,\n    borderRadius: 8,\n    marginTop: 16,\n  },\n  accuracyTitle: {\n    fontSize: 16,\n    fontWeight: '600',\n    color: '#2DBD60',\n    marginBottom: 8,\n  },\n  accuracyText: {\n    fontSize: 14,\n    color: '#666',\n    lineHeight: 20,\n  },\n  errorText: {\n    color: '#dc2626',\n    fontSize: 14,\n    marginTop: 8,\n    textAlign: 'center',\n  },\n}); "]}

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

@@ -0,0 +1,12 @@
+import React from 'react';
+import { OrientationVideoConfig } from '../../types/KYC.types';
+import KYCService from '../../modules/api/KYCService';
+interface OrientationVideoCaptureProps {
+    config?: Partial<OrientationVideoConfig>;
+    onComplete: (result: any) => void;
+    onError: (error: string) => void;
+    kycService: KYCService;
+}
+export declare const OrientationVideoCapture: React.FC<OrientationVideoCaptureProps>;
+export default OrientationVideoCapture;
+//# sourceMappingURL=OrientationVideoCapture.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OrientationVideoCapture.d.ts","sourceRoot":"","sources":["../../../src/components/KYCElements/OrientationVideoCapture.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAY3D,OAAO,EAAE,sBAAsB,EAAyB,MAAM,uBAAuB,CAAC;AACtF,OAAO,UAAU,MAAM,8BAA8B,CAAC;AAItD,UAAU,4BAA4B;IACpC,MAAM,CAAC,EAAE,OAAO,CAAC,sBAAsB,CAAC,CAAC;IACzC,UAAU,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;IAClC,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,UAAU,EAAE,UAAU,CAAC;CACxB;AAiBD,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAAC,4BAA4B,CAoZ1E,CAAC;AA0MF,eAAe,uBAAuB,CAAC"}