@sanctum-key/react-native-sdk 1.0.0

package/build/components/VisionCameraView.js

@@ -0,0 +1,142 @@
+import React, { useCallback, useEffect, useRef, useState } from 'react';
+import { View, StyleSheet, Platform, Text } from 'react-native';
+import { Camera, useCameraDevice } from 'react-native-vision-camera';
+import VisionCameraModule from '../modules/camera/VisionCameraModule';
+export const VisionCameraView = ({ instructions = 'Position yourself in the frame and tap to capture', showCamera, cameraType = 'front', style, onCapture, onError, onPermissionError, enableHdr = false, enableNightMode = false, quality = 'high', }) => {
+    const camera = useRef(null);
+    const device = useCameraDevice(cameraType);
+    const [hasPermission, setHasPermission] = useState(false);
+    const [isInitialized, setIsInitialized] = useState(false);
+    // Check permissions on component mount
+    useEffect(() => {
+        checkPermissions();
+    }, []);
+    const checkPermissions = async () => {
+        try {
+            const hasAllPermissions = await VisionCameraModule.hasAllPermissions();
+            if (!hasAllPermissions) {
+                const granted = await VisionCameraModule.requestAllPermissions();
+                if (!granted) {
+                    onPermissionError?.();
+                    onError?.({ message: 'Camera permissions not granted' });
+                    return;
+                }
+            }
+            setHasPermission(true);
+        }
+        catch (error) {
+            console.error('Error checking permissions:', error);
+            onError?.({ message: 'Error checking camera permissions' });
+        }
+    };
+    const onInitialized = useCallback(() => {
+        console.log('Camera initialized!');
+        setIsInitialized(true);
+    }, []);
+    const onCameraError = useCallback((error) => {
+        console.error('Camera error:', error);
+        onError?.({ message: error.message || 'Camera error occurred' });
+    }, [onError]);
+    const capturePhoto = useCallback(async () => {
+        try {
+            if (!camera.current || !isInitialized) {
+                onError?.({ message: 'Camera not ready' });
+                return;
+            }
+            const photo = await camera.current.takePhoto({
+                enableShutterSound: true,
+            });
+            const result = await VisionCameraModule.processPhotoResult(photo);
+            onCapture?.(result);
+        }
+        catch (error) {
+            console.error('Error taking photo:', error);
+            onCapture?.({
+                success: false,
+                error: error instanceof Error ? error.message : 'Failed to capture photo',
+            });
+        }
+    }, [isInitialized, quality, onCapture, onError]);
+    // Auto-capture functionality (can be triggered externally)
+    useEffect(() => {
+        if (showCamera && isInitialized && hasPermission) {
+            // Auto-capture after a short delay when camera is ready
+            const timer = setTimeout(() => {
+                capturePhoto();
+            }, 1000);
+            return () => clearTimeout(timer);
+        }
+        return undefined;
+    }, [showCamera, isInitialized, hasPermission, capturePhoto]);
+    if (Platform.OS === 'web') {
+        return (<View style={[styles.container, style]}>
+        <Text style={styles.webMessage}>
+          Camera is not supported on web platform. Please use the mobile app.
+        </Text>
+      </View>);
+    }
+    if (!hasPermission) {
+        return (<View style={[styles.container, style]}>
+        <Text style={styles.permissionMessage}>
+          Camera permission required. Please grant permission to continue.
+        </Text>
+      </View>);
+    }
+    if (!device) {
+        return (<View style={[styles.container, style]}>
+        <Text style={styles.errorMessage}>
+          Camera device not available
+        </Text>
+      </View>);
+    }
+    if (!showCamera) {
+        return <View style={[styles.container, style]}/>;
+    }
+    return (<View style={[styles.container, style]}>
+      <Camera ref={camera} style={StyleSheet.absoluteFill} device={device} isActive={showCamera} photo={true} onInitialized={onInitialized} onError={onCameraError}/>
+      
+      {instructions && (<View style={styles.instructionsOverlay}>
+          <Text style={styles.instructions}>{instructions}</Text>
+        </View>)}
+    </View>);
+};
+const styles = StyleSheet.create({
+    container: {
+        flex: 1,
+        backgroundColor: 'black',
+    },
+    instructionsOverlay: {
+        position: 'absolute',
+        top: 60,
+        left: 20,
+        right: 20,
+        backgroundColor: 'rgba(0, 0, 0, 0.7)',
+        padding: 15,
+        borderRadius: 10,
+    },
+    instructions: {
+        color: 'white',
+        fontSize: 16,
+        textAlign: 'center',
+        fontWeight: '500',
+    },
+    permissionMessage: {
+        color: 'white',
+        fontSize: 16,
+        textAlign: 'center',
+        margin: 20,
+    },
+    errorMessage: {
+        color: 'red',
+        fontSize: 16,
+        textAlign: 'center',
+        margin: 20,
+    },
+    webMessage: {
+        color: 'white',
+        fontSize: 16,
+        textAlign: 'center',
+        margin: 20,
+    },
+});
+//# sourceMappingURL=VisionCameraView.js.map

package/build/components/VisionCameraView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VisionCameraView.js","sourceRoot":"","sources":["../../src/components/VisionCameraView.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from 'react';\nimport { View, StyleSheet, Platform, ViewStyle, Text } from 'react-native';\nimport { Camera, useCameraDevice } from 'react-native-vision-camera';\nimport VisionCameraModule from '../modules/camera/VisionCameraModule';\n\nexport interface VisionCameraViewProps {\n  instructions?: string;\n  showCamera: boolean;\n  cameraType?: 'front' | 'back';\n  style?: ViewStyle;\n  onCapture?: (result: { success: boolean; path?: string; error?: string }) => void;\n  onError?: (event: { message: string }) => void;\n  onPermissionError?: () => void;\n  enableHdr?: boolean;\n  enableNightMode?: boolean;\n  quality?: 'low' | 'medium' | 'high';\n}\n\nexport const VisionCameraView: React.FC<VisionCameraViewProps> = ({\n  instructions = 'Position yourself in the frame and tap to capture',\n  showCamera,\n  cameraType = 'front',\n  style,\n  onCapture,\n  onError,\n  onPermissionError,\n  enableHdr = false,\n  enableNightMode = false,\n  quality = 'high',\n}) => {\n  const camera = useRef<Camera>(null);\n  const device = useCameraDevice(cameraType);\n  const [hasPermission, setHasPermission] = useState(false);\n  const [isInitialized, setIsInitialized] = useState(false);\n\n  // Check permissions on component mount\n  useEffect(() => {\n    checkPermissions();\n  }, []);\n\n  const checkPermissions = async () => {\n    try {\n      const hasAllPermissions = await VisionCameraModule.hasAllPermissions();\n      if (!hasAllPermissions) {\n        const granted = await VisionCameraModule.requestAllPermissions();\n        if (!granted) {\n          onPermissionError?.();\n          onError?.({ message: 'Camera permissions not granted' });\n          return;\n        }\n      }\n      setHasPermission(true);\n    } catch (error) {\n      console.error('Error checking permissions:', error);\n      onError?.({ message: 'Error checking camera permissions' });\n    }\n  };\n\n  const onInitialized = useCallback(() => {\n    console.log('Camera initialized!');\n    setIsInitialized(true);\n  }, []);\n\n  const onCameraError = useCallback((error: any) => {\n    console.error('Camera error:', error);\n    onError?.({ message: error.message || 'Camera error occurred' });\n  }, [onError]);\n\n  const capturePhoto = useCallback(async () => {\n    try {\n      if (!camera.current || !isInitialized) {\n        onError?.({ message: 'Camera not ready' });\n        return;\n      }\n\n      const photo = await camera.current.takePhoto({\n        enableShutterSound: true,\n      });\n\n      const result = await VisionCameraModule.processPhotoResult(photo);\n      onCapture?.(result);\n    } catch (error) {\n      console.error('Error taking photo:', error);\n      onCapture?.({\n        success: false,\n        error: error instanceof Error ? error.message : 'Failed to capture photo',\n      });\n    }\n  }, [isInitialized, quality, onCapture, onError]);\n\n  // Auto-capture functionality (can be triggered externally)\n  useEffect(() => {\n    if (showCamera && isInitialized && hasPermission) {\n      // Auto-capture after a short delay when camera is ready\n      const timer = setTimeout(() => {\n        capturePhoto();\n      }, 1000);\n      \n      return () => clearTimeout(timer);\n    }\n    return undefined;\n  }, [showCamera, isInitialized, hasPermission, capturePhoto]);\n\n  if (Platform.OS === 'web') {\n    return (\n      <View style={[styles.container, style]}>\n        <Text style={styles.webMessage}>\n          Camera is not supported on web platform. Please use the mobile app.\n        </Text>\n      </View>\n    );\n  }\n\n  if (!hasPermission) {\n    return (\n      <View style={[styles.container, style]}>\n        <Text style={styles.permissionMessage}>\n          Camera permission required. Please grant permission to continue.\n        </Text>\n      </View>\n    );\n  }\n\n  if (!device) {\n    return (\n      <View style={[styles.container, style]}>\n        <Text style={styles.errorMessage}>\n          Camera device not available\n        </Text>\n      </View>\n    );\n  }\n\n  if (!showCamera) {\n    return <View style={[styles.container, style]} />;\n  }\n\n  return (\n    <View style={[styles.container, style]}>\n      <Camera\n        ref={camera}\n        style={StyleSheet.absoluteFill}\n        device={device}\n        isActive={showCamera}\n        photo={true}\n        onInitialized={onInitialized}\n        onError={onCameraError}\n      />\n      \n      {instructions && (\n        <View style={styles.instructionsOverlay}>\n          <Text style={styles.instructions}>{instructions}</Text>\n        </View>\n      )}\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    flex: 1,\n    backgroundColor: 'black',\n  },\n  instructionsOverlay: {\n    position: 'absolute',\n    top: 60,\n    left: 20,\n    right: 20,\n    backgroundColor: 'rgba(0, 0, 0, 0.7)',\n    padding: 15,\n    borderRadius: 10,\n  },\n  instructions: {\n    color: 'white',\n    fontSize: 16,\n    textAlign: 'center',\n    fontWeight: '500',\n  },\n  permissionMessage: {\n    color: 'white',\n    fontSize: 16,\n    textAlign: 'center',\n    margin: 20,\n  },\n  errorMessage: {\n    color: 'red',\n    fontSize: 16,\n    textAlign: 'center',\n    margin: 20,\n  },\n  webMessage: {\n    color: 'white',\n    fontSize: 16,\n    textAlign: 'center',\n    margin: 20,\n  },\n});"]}

package/build/components/example/CameraCaptureEx.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+declare const CameraCaptureEx: () => React.JSX.Element;
+export default CameraCaptureEx;
+//# sourceMappingURL=CameraCaptureEx.d.ts.map

package/build/components/example/CameraCaptureEx.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CameraCaptureEx.d.ts","sourceRoot":"","sources":["../../../src/components/example/CameraCaptureEx.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAG3D,QAAA,MAAM,eAAe,yBAwPpB,CAAA;AAgFD,eAAe,eAAe,CAAA"}

package/build/components/example/CameraCaptureEx.js

@@ -0,0 +1,219 @@
+import { StyleSheet, View, Dimensions, Text, Animated, Image } from "react-native";
+import { EnhancedCameraView } from "../EnhancedCameraView";
+import Svg, { Rect, Path, Mask, Defs } from 'react-native-svg';
+import React, { useEffect, useRef, useState } from 'react';
+import ScanningLine from "../Svgs/scanningLine";
+const CameraCaptureEx = () => {
+    const { width: screenWidth, height: screenHeight } = Dimensions.get('window');
+    const bbox = [20, 140, 370, 340]; // [xMin, yMin, xMax, yMax]
+    const [xMin, yMin, xMax, yMax] = bbox;
+    const boxWidth = xMax - xMin;
+    const boxHeight = yMax - yMin;
+    // Animations
+    const instructionAnimation = useRef(new Animated.Value(0)).current;
+    const [cornerOpacity, setCornerOpacity] = useState(0.8);
+    const [imageUrl, setImageUrl] = useState(null);
+    const scanY = useRef(new Animated.Value(yMin)).current;
+    useEffect(() => {
+        // Animation boucle : descend puis remonte
+        Animated.loop(Animated.sequence([
+            Animated.timing(scanY, {
+                toValue: yMax,
+                duration: 2000,
+                useNativeDriver: false,
+            }),
+            Animated.timing(scanY, {
+                toValue: yMin,
+                duration: 2000,
+                useNativeDriver: false,
+            }),
+        ])).start();
+    }, [scanY, yMin, yMax]);
+    useEffect(() => {
+        // Animation des instructions
+        const instructionSequence = Animated.loop(Animated.sequence([
+            Animated.timing(instructionAnimation, {
+                toValue: 1,
+                duration: 600,
+                useNativeDriver: false,
+            }),
+            Animated.timing(instructionAnimation, {
+                toValue: 0.95,
+                duration: 200,
+                useNativeDriver: false,
+            }),
+            Animated.timing(instructionAnimation, {
+                toValue: 1,
+                duration: 200,
+                useNativeDriver: false,
+            }),
+        ]));
+        // Animation des coins avec setState
+        const cornerInterval = setInterval(() => {
+            setCornerOpacity(prev => prev === 0.8 ? 1 : 0.8);
+        }, 800);
+        // Démarrer les animations
+        instructionSequence.start();
+        return () => {
+            instructionSequence.stop();
+            clearInterval(cornerInterval);
+        };
+    }, [instructionAnimation, xMin, xMax]);
+    if (imageUrl) {
+        return (<View style={{
+                flex: 1,
+                justifyContent: 'center',
+                alignItems: 'center',
+            }}>
+
+                <View style={{
+                justifyContent: 'center',
+                alignItems: 'center',
+            }}>
+                    <Image source={{ uri: imageUrl }} style={[styles.image,
+                {
+                    width: boxWidth,
+                    height: boxHeight,
+                    marginLeft: -xMin,
+                    marginTop: -yMin,
+                },
+            ]}/>
+                </View>
+
+            </View>);
+    }
+    return (<EnhancedCameraView showCamera={true} showSwitchCamera={false} bbox={{
+            xMin: 150,
+            yMin: 210,
+            xMax: 350,
+            yMax: 410,
+            borderColor: "#2DBD60",
+            borderWidth: 3,
+            cornerRadius: 8
+        }} onCapture={(image) => {
+            setImageUrl(image.path ?? null);
+        }} overlayComponent={<View style={StyleSheet.absoluteFill}>
+                    <Animated.View style={[
+                styles.topIntruction,
+            ]}>
+                        <Text style={styles.topIntructionText}>
+                            💡 Alignez le code QR avec la zone de capture • déplacez la caméra pour ajuster la zone de capture • mesurez 100cm de hauteur.
+                        </Text>
+                    </Animated.View>
+
+                    <Svg height={screenHeight} width={screenWidth} style={styles.svg}>
+                        <Defs>
+                            <Mask id="cameraMask">
+                                {/* Fond blanc - zone visible */}
+                                <Rect x="0" y="0" width={screenWidth} height={screenHeight} fill="white"/>
+                                {/* Zone noire - zone masquée (transparente) */}
+                                <Rect x={xMin} y={yMin} width={boxWidth} height={boxHeight} fill="black"/>
+                            </Mask>
+                        </Defs>
+
+                        {/* Overlay semi-transparent avec masque */}
+                        <Rect x="0" y="0" width={screenWidth} height={screenHeight} fill="rgba(0, 0, 0, 0.5)" mask="url(#cameraMask)"/>
+
+                        {/* Coins de la zone de capture - arrondis avec animation */}
+                        <Path d={`M ${xMin + 15} ${yMin} Q ${xMin} ${yMin} ${xMin} ${yMin + 15} L ${xMin} ${yMin + 20}`} stroke="#4CAF50" strokeWidth="8" fill="none" opacity={cornerOpacity}/>
+                        <Path d={`M ${xMin + 20} ${yMin} L ${xMin + 15} ${yMin}`} stroke="#4CAF50" strokeWidth="8" opacity={cornerOpacity}/>
+
+                        <Path d={`M ${xMax - 15} ${yMin} Q ${xMax} ${yMin} ${xMax} ${yMin + 15} L ${xMax} ${yMin + 20}`} stroke="#4CAF50" strokeWidth="8" fill="none" opacity={cornerOpacity}/>
+                        <Path d={`M ${xMax - 20} ${yMin} L ${xMax - 15} ${yMin}`} stroke="#4CAF50" strokeWidth="8" opacity={cornerOpacity}/>
+
+                        <Path d={`M ${xMin + 15} ${yMax} Q ${xMin} ${yMax} ${xMin} ${yMax - 15} L ${xMin} ${yMax - 20}`} stroke="#4CAF50" strokeWidth="8" fill="none" opacity={cornerOpacity}/>
+                        <Path d={`M ${xMin + 20} ${yMax} L ${xMin + 15} ${yMax}`} stroke="#4CAF50" strokeWidth="8" opacity={cornerOpacity}/>
+
+                        <Path d={`M ${xMax - 15} ${yMax} Q ${xMax} ${yMax} ${xMax} ${yMax - 15} L ${xMax} ${yMax - 20}`} stroke="#4CAF50" strokeWidth="8" fill="none" opacity={cornerOpacity}/>
+                        <Path d={`M ${xMax - 20} ${yMax} L ${xMax - 15} ${yMax}`} stroke="#4CAF50" strokeWidth="8" opacity={cornerOpacity}/>
+
+                    </Svg>
+                    <ScanningLine yMin={yMin} screenWidth={screenWidth} height={screenHeight} yMax={yMax}/>
+
+                    <View style={styles.bottomIntruction}>
+                        <Text style={styles.bottomTitle}>
+                            Mesurez 100cm de hauteur.
+                        </Text>
+                        <Text style={styles.bottomSubtitle}>
+                            Ne pas déplacer la caméra pendant la capture. • Ne pas déplacer la caméra pendant la capture.
+                        </Text>
+                    </View>
+                </View>}/>);
+};
+const styles = StyleSheet.create({
+    overlay: {
+        position: 'absolute',
+        top: 0,
+        left: 0,
+        width: '100%',
+        height: '50%',
+        backgroundColor: 'rgba(0, 0, 0, 0.5)',
+    },
+    svg: {
+        position: 'absolute',
+        top: 0,
+        left: 0,
+        width: '100%',
+        height: '100%',
+    },
+    topIntruction: {
+        zIndex: 1000,
+        flexDirection: 'row',
+        alignItems: 'center',
+        justifyContent: 'center',
+        paddingVertical: 20,
+        paddingHorizontal: 10,
+        marginHorizontal: 20,
+        marginTop: 10,
+        backgroundColor: "#FDE04730",
+        borderColor: "#FDE047",
+        borderWidth: 1,
+        borderRadius: 10,
+        gap: 10,
+    },
+    topIntructionText: {
+        color: '#FDE047',
+        fontSize: 14,
+        fontWeight: 'bold',
+        textAlign: 'center',
+    },
+    bottomIntruction: {
+        position: 'absolute',
+        bottom: 0,
+        left: 0,
+        width: '100%',
+        height: '35%',
+        paddingHorizontal: 20,
+    },
+    bottomIntructionTextBold: {
+        color: 'white',
+        fontSize: 16,
+        fontWeight: 'bold',
+        textAlign: 'center',
+    },
+    bottomIntructionText: {
+        color: 'white',
+        fontSize: 14,
+        fontWeight: 'bold',
+        textAlign: 'center',
+    },
+    bottomTitle: {
+        color: 'white',
+        fontSize: 25,
+        fontWeight: 'bold',
+        textAlign: 'center',
+    },
+    bottomSubtitle: {
+        color: 'white',
+        marginTop: 15,
+        fontSize: 14,
+        fontWeight: '500',
+        textAlign: 'center',
+    },
+    image: {
+        position: 'absolute',
+        borderRadius: 10,
+    },
+});
+export default CameraCaptureEx;
+//# sourceMappingURL=CameraCaptureEx.js.map

package/build/components/example/CameraCaptureEx.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CameraCaptureEx.js","sourceRoot":"","sources":["../../../src/components/example/CameraCaptureEx.tsx"],"names":[],"mappings":"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","sourcesContent":["import { StyleSheet, View, Dimensions, Text, Animated, Image } from \"react-native\"\nimport { EnhancedCameraView } from \"../EnhancedCameraView\"\nimport Svg, { Rect, Path, Mask, Defs } from 'react-native-svg';\nimport React, { useEffect, useRef, useState } from 'react';\nimport ScanningLine from \"../Svgs/scanningLine\";\n\nconst CameraCaptureEx = () => {\n    const { width: screenWidth, height: screenHeight } = Dimensions.get('window');\n\n\n    const bbox = [20, 140, 370, 340]; // [xMin, yMin, xMax, yMax]\n    const [xMin, yMin, xMax, yMax] = bbox;\n    const boxWidth = xMax - xMin;\n    const boxHeight = yMax - yMin;\n\n    // Animations\n    const instructionAnimation = useRef(new Animated.Value(0)).current;\n\n    const [cornerOpacity, setCornerOpacity] = useState(0.8);\n\n    const [imageUrl, setImageUrl] = useState<string | null>(null);\n\n    const scanY = useRef(new Animated.Value(yMin)).current;\n\n\n    useEffect(() => {\n        // Animation boucle : descend puis remonte\n        Animated.loop(\n            Animated.sequence([\n                Animated.timing(scanY, {\n                    toValue: yMax,\n                    duration: 2000,\n                    useNativeDriver: false,\n                }),\n                Animated.timing(scanY, {\n                    toValue: yMin,\n                    duration: 2000,\n                    useNativeDriver: false,\n                }),\n            ])\n        ).start();\n    }, [scanY, yMin, yMax]);\n\n    useEffect(() => {\n        // Animation des instructions\n        const instructionSequence = Animated.loop(\n            Animated.sequence([\n                Animated.timing(instructionAnimation, {\n                    toValue: 1,\n                    duration: 600,\n                    useNativeDriver: false,\n                }),\n                Animated.timing(instructionAnimation, {\n                    toValue: 0.95,\n                    duration: 200,\n                    useNativeDriver: false,\n                }),\n                Animated.timing(instructionAnimation, {\n                    toValue: 1,\n                    duration: 200,\n                    useNativeDriver: false,\n                }),\n            ])\n        );\n\n        // Animation des coins avec setState\n        const cornerInterval = setInterval(() => {\n            setCornerOpacity(prev => prev === 0.8 ? 1 : 0.8);\n        }, 800);\n\n\n\n\n        // Démarrer les animations\n        instructionSequence.start();\n\n        return () => {\n            instructionSequence.stop();\n            clearInterval(cornerInterval);\n\n        };\n    }, [instructionAnimation, xMin, xMax]);\n\n    if (imageUrl) {\n        return (\n            <View style={\n                {\n                    flex: 1,\n                    justifyContent: 'center',\n                    alignItems: 'center',\n                }\n            }>\n\n                <View style={\n                    {\n\n                        justifyContent: 'center',\n                        alignItems: 'center',\n                    }\n                }>\n                    <Image\n                        source={{ uri: imageUrl }}\n                        style={[styles.image,\n                        {\n                            width: boxWidth,\n                            height: boxHeight,\n                            marginLeft: -xMin,\n                            marginTop: -yMin,\n\n                        },\n                        ]} />\n                </View>\n\n            </View>\n        )\n    }\n\n    return (\n        <EnhancedCameraView\n            showCamera={true}\n            showSwitchCamera={false}\n            bbox={{\n              xMin: 150,\n              yMin: 210,\n              xMax: 350,\n              yMax: 410,\n              borderColor: \"#2DBD60\",\n              borderWidth: 3,\n              cornerRadius: 8\n            }}\n            onCapture={(image) => {\n                setImageUrl(image.path ?? null);\n            }}\n            overlayComponent={\n                <View style={StyleSheet.absoluteFill}>\n                    <Animated.View\n                        style={[\n                            styles.topIntruction,\n\n                        ]}\n                    >\n                        <Text style={styles.topIntructionText}>\n                            💡 Alignez le code QR avec la zone de capture • déplacez la caméra pour ajuster la zone de capture • mesurez 100cm de hauteur.\n                        </Text>\n                    </Animated.View>\n\n                    <Svg\n                        height={screenHeight}\n                        width={screenWidth}\n                        style={styles.svg}\n                    >\n                        <Defs>\n                            <Mask id=\"cameraMask\">\n                                {/* Fond blanc - zone visible */}\n                                <Rect\n                                    x=\"0\"\n                                    y=\"0\"\n                                    width={screenWidth}\n                                    height={screenHeight}\n                                    fill=\"white\"\n                                />\n                                {/* Zone noire - zone masquée (transparente) */}\n                                <Rect\n                                    x={xMin}\n                                    y={yMin}\n                                    width={boxWidth}\n                                    height={boxHeight}\n                                    fill=\"black\"\n                                />\n                            </Mask>\n                        </Defs>\n\n                        {/* Overlay semi-transparent avec masque */}\n                        <Rect\n                            x=\"0\"\n                            y=\"0\"\n                            width={screenWidth}\n                            height={screenHeight}\n                            fill=\"rgba(0, 0, 0, 0.5)\"\n                            mask=\"url(#cameraMask)\"\n                        />\n\n                        {/* Coins de la zone de capture - arrondis avec animation */}\n                        <Path\n                            d={`M ${xMin + 15} ${yMin} Q ${xMin} ${yMin} ${xMin} ${yMin + 15} L ${xMin} ${yMin + 20}`}\n                            stroke=\"#4CAF50\"\n                            strokeWidth=\"8\"\n                            fill=\"none\"\n                            opacity={cornerOpacity}\n                        />\n                        <Path\n                            d={`M ${xMin + 20} ${yMin} L ${xMin + 15} ${yMin}`}\n                            stroke=\"#4CAF50\"\n                            strokeWidth=\"8\"\n                            opacity={cornerOpacity}\n                        />\n\n                        <Path\n                            d={`M ${xMax - 15} ${yMin} Q ${xMax} ${yMin} ${xMax} ${yMin + 15} L ${xMax} ${yMin + 20}`}\n                            stroke=\"#4CAF50\"\n                            strokeWidth=\"8\"\n                            fill=\"none\"\n                            opacity={cornerOpacity}\n                        />\n                        <Path\n                            d={`M ${xMax - 20} ${yMin} L ${xMax - 15} ${yMin}`}\n                            stroke=\"#4CAF50\"\n                            strokeWidth=\"8\"\n                            opacity={cornerOpacity}\n                        />\n\n                        <Path\n                            d={`M ${xMin + 15} ${yMax} Q ${xMin} ${yMax} ${xMin} ${yMax - 15} L ${xMin} ${yMax - 20}`}\n                            stroke=\"#4CAF50\"\n                            strokeWidth=\"8\"\n                            fill=\"none\"\n                            opacity={cornerOpacity}\n                        />\n                        <Path\n                            d={`M ${xMin + 20} ${yMax} L ${xMin + 15} ${yMax}`}\n                            stroke=\"#4CAF50\"\n                            strokeWidth=\"8\"\n                            opacity={cornerOpacity}\n                        />\n\n                        <Path\n                            d={`M ${xMax - 15} ${yMax} Q ${xMax} ${yMax} ${xMax} ${yMax - 15} L ${xMax} ${yMax - 20}`}\n                            stroke=\"#4CAF50\"\n                            strokeWidth=\"8\"\n                            fill=\"none\"\n                            opacity={cornerOpacity}\n                        />\n                        <Path\n                            d={`M ${xMax - 20} ${yMax} L ${xMax - 15} ${yMax}`}\n                            stroke=\"#4CAF50\"\n                            strokeWidth=\"8\"\n                            opacity={cornerOpacity}\n                        />\n\n                    </Svg>\n                    <ScanningLine yMin={yMin} screenWidth={screenWidth} height={screenHeight} yMax={yMax} />\n\n                    <View style={styles.bottomIntruction}>\n                        <Text style={styles.bottomTitle}>\n                            Mesurez 100cm de hauteur.\n                        </Text>\n                        <Text style={styles.bottomSubtitle}>\n                            Ne pas déplacer la caméra pendant la capture. • Ne pas déplacer la caméra pendant la capture.\n                        </Text>\n                    </View>\n                </View>\n            }\n        />\n    )\n}\n\nconst styles = StyleSheet.create({\n    overlay: {\n        position: 'absolute',\n        top: 0,\n        left: 0,\n        width: '100%',\n        height: '50%',\n        backgroundColor: 'rgba(0, 0, 0, 0.5)',\n    },\n    svg: {\n        position: 'absolute',\n        top: 0,\n        left: 0,\n        width: '100%',\n        height: '100%',\n    },\n    topIntruction: {\n        zIndex: 1000,\n        flexDirection: 'row',\n        alignItems: 'center',\n        justifyContent: 'center',\n        paddingVertical: 20,\n        paddingHorizontal: 10,\n        marginHorizontal: 20,\n        marginTop: 10,\n        backgroundColor: \"#FDE04730\",\n        borderColor: \"#FDE047\",\n        borderWidth: 1,\n        borderRadius: 10,\n        gap: 10,\n    },\n    topIntructionText: {\n        color: '#FDE047',\n        fontSize: 14,\n        fontWeight: 'bold',\n        textAlign: 'center',\n    },\n    bottomIntruction: {\n        position: 'absolute',\n        bottom: 0,\n        left: 0,\n        width: '100%',\n        height: '35%',\n        paddingHorizontal: 20,\n    },\n    bottomIntructionTextBold: {\n        color: 'white',\n        fontSize: 16,\n        fontWeight: 'bold',\n        textAlign: 'center',\n    },\n    bottomIntructionText: {\n        color: 'white',\n        fontSize: 14,\n        fontWeight: 'bold',\n        textAlign: 'center',\n    },\n    bottomTitle: {\n        color: 'white',\n        fontSize: 25,\n        fontWeight: 'bold',\n        textAlign: 'center',\n    },\n    bottomSubtitle: {\n        color: 'white',\n        marginTop: 15,\n        fontSize: 14,\n        fontWeight: '500',\n        textAlign: 'center',\n    },\n\n\n    image: {\n        position: 'absolute',\n        borderRadius: 10,\n    },\n})\n\nexport default CameraCaptureEx"]}

package/build/components/example/CameraCaptureExAdvanced.d.ts

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

package/build/components/example/CameraCaptureExAdvanced.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CameraCaptureExAdvanced.d.ts","sourceRoot":"","sources":["../../../src/components/example/CameraCaptureExAdvanced.tsx"],"names":[],"mappings":"AAKA,QAAA,MAAM,uBAAuB,mCAqR5B,CAAA;AA0ED,eAAe,uBAAuB,CAAA"}