@transfergratis/react-native-sdk 0.1.2

package/build/components/KYCFlow.js

@@ -0,0 +1,308 @@
+import React from 'react';
+import { View, Text, TouchableOpacity, ScrollView, StyleSheet, PermissionsAndroid, Platform, Alert } from 'react-native';
+import { useKYCStore } from '../stores/kycStore';
+import { SelfieCapture } from './SelfieCapture';
+import { FileUpload } from './FileUpload';
+export const KYCFlow = () => {
+    const { currentStep, setCurrentStep, isProcessing, error, currentSession, initializeSession } = useKYCStore();
+    const [hasLocationPermission, setHasLocationPermission] = React.useState(null);
+    const requestLocationPermission = React.useCallback(async () => {
+        if (Platform.OS === 'ios') {
+            // iOS prompts automatically via system when needed; assume granted for this demo
+            setHasLocationPermission(true);
+            return true;
+        }
+        try {
+            const granted = await PermissionsAndroid.request(PermissionsAndroid.PERMISSIONS.ACCESS_FINE_LOCATION, {
+                title: "Permission de localisation",
+                message: "Nous avons besoin de votre localisation pour démarrer la vérification.",
+                buttonNeutral: "Plus tard",
+                buttonNegative: "Annuler",
+                buttonPositive: "OK",
+            });
+            const isGranted = granted === PermissionsAndroid.RESULTS.GRANTED;
+            setHasLocationPermission(isGranted);
+            if (!isGranted) {
+                Alert.alert('Permission refusée', "La localisation est requise pour continuer.");
+            }
+            return isGranted;
+        }
+        catch (e) {
+            setHasLocationPermission(false);
+            Alert.alert('Erreur', "Impossible de demander la permission de localisation");
+            return false;
+        }
+    }, []);
+    React.useEffect(() => {
+        // Initialiser la session si elle n'existe pas
+        if (!currentSession) {
+            initializeSession('user-123'); // ID utilisateur temporaire
+        }
+    }, []);
+    const steps = [
+        { id: 0, title: 'Activer la localisation', description: 'Autorisez l\'accès à votre localisation' },
+        { id: 1, title: 'Bienvenues', description: 'Commençons la vérification' },
+        { id: 2, title: 'Document d\'identité', description: 'Sélectionnez vos documents' },
+        { id: 3, title: 'Selfie', description: 'Prenez une photo de votre visage' },
+        { id: 4, title: 'Vérification', description: 'Validation en cours...' },
+        { id: 5, title: 'Terminé', description: 'Vérification complétée' }
+    ];
+    // const appStep = [
+    //   { id: 0, title: 'Which country issued your ID?', description: 'This helps us verify your documents quickly and securely',type:"country", options:["France","Belgique","Luxembourg","Allemagne","Italie","Espagne","Portugal","Autriche","Suisse","Pays-Bas","Autre"] },
+    //   { id: 1, title: 'What is your ID type?', description: 'This helps us verify your documents quickly and securely',type:"idType", options:["Passport","National ID","Driver's License","Other"] },
+    //   // camera front id
+    //   { id: 2, title: 'Take a photo of your From ID', description: 'This helps us verify your documents quickly and securely',type:"cameraFrontId", options:[] },
+    //   // camera back id
+    //   { id: 3, title: 'Take a photo of your Back ID', description: 'This helps us verify your documents quickly and securely',type:"cameraBackId", options:[] },
+    //   // camera selfie
+    //   { id: 4, title: 'Take a photo of your Front side Selfie', description: 'This helps us verify your documents quickly and securely',type:"cameraSelfie", options:[] },
+    //   // camera selfie
+    //   { id: 5, title: 'Take a photo of your Left left side of your ID', description: 'This helps us verify your documents quickly and securely',type:"cameraSelfie", options:[] },
+    //   // camera selfie
+    //   { id: 6, title: 'Take a photo of your Right right side of your ID', description: 'This helps us verify your documents quickly and securely',type:"cameraSelfie", options:[] },
+    // ]
+    const handleFilesSelected = (files) => {
+        console.log('Files selected:', files);
+        // Ici vous pourriez traiter les fichiers sélectionnés
+        // Par exemple, les ajouter au store KYC
+    };
+    const renderStep = () => {
+        switch (currentStep) {
+            case 0:
+                return (<View style={styles.stepContainer}>
+            <Text style={styles.stepTitle}>Autoriser la localisation</Text>
+            <Text style={styles.stepDescription}>
+              Nous avons besoin de votre localisation (GPS) pour des raisons de conformité.
+            </Text>
+            {hasLocationPermission ? (<Text style={{ color: '#4CAF50', marginBottom: 16 }}>Permission accordée ✓</Text>) : null}
+            <TouchableOpacity style={styles.primaryButton} onPress={requestLocationPermission}>
+              <Text style={styles.primaryButtonText}>Activer la localisation</Text>
+            </TouchableOpacity>
+            <TouchableOpacity style={[styles.secondaryButton, { marginTop: 12, opacity: hasLocationPermission ? 1 : 0.6 }]} onPress={() => hasLocationPermission && setCurrentStep(1)} disabled={!hasLocationPermission}>
+              <Text style={styles.secondaryButtonText}>Continuer</Text>
+            </TouchableOpacity>
+          </View>);
+            case 1:
+                return (
+                // Écran d'accueil après permission
+                <View style={styles.stepContainer}>
+            <Text style={styles.stepTitle}>
+              Vérification d'identité
+            </Text>
+            <Text style={styles.stepDescription}>
+              Nous allons vous guider à travers le processus de vérification d'identité
+            </Text>
+            <TouchableOpacity style={styles.primaryButton} onPress={() => setCurrentStep(2)}>
+              <Text style={styles.primaryButtonText}>
+                Commencer
+              </Text>
+            </TouchableOpacity>
+          </View>);
+            case 2:
+                return (<FileUpload allowedTypes={['image/*', 'application/pdf']} maxFiles={3} onFilesSelected={handleFilesSelected}/>);
+            case 3:
+                return <SelfieCapture />;
+            case 4:
+                return (<View style={styles.stepContainer}>
+            <Text style={styles.stepTitle2}>
+              Vérification en cours
+            </Text>
+            <Text style={styles.stepDescription}>
+              Veuillez patienter pendant que nous vérifions vos informations
+            </Text>
+            <View style={styles.loadingIndicator}/>
+          </View>);
+            case 5:
+                return (<View style={styles.stepContainer}>
+            <Text style={styles.successTitle}>
+              ✅ Terminé !
+            </Text>
+            <Text style={styles.stepDescription}>
+              Votre vérification d'identité a été complétée avec succès
+            </Text>
+            <TouchableOpacity style={styles.primaryButton} onPress={() => setCurrentStep(0)}>
+              <Text style={styles.primaryButtonText}>
+                Recommencer
+              </Text>
+            </TouchableOpacity>
+          </View>);
+            default:
+                return null;
+        }
+    };
+    return (<View style={styles.container}>
+      {/* Header avec progression */}
+      <View style={styles.header}>
+        <View style={styles.progressContainer}>
+          <View style={[styles.progressBar, { width: `${(currentStep / (steps.length - 1)) * 100}%` }]}/>
+        </View>
+        <Text style={styles.headerTitle}>
+          {steps[currentStep]?.title}
+        </Text>
+        <Text style={styles.headerDescription}>
+          {steps[currentStep]?.description}
+        </Text>
+      </View>
+
+      {/* Contenu principal */}
+      <ScrollView style={styles.scrollView}>
+        {error && (<View style={styles.errorContainer}>
+            <Text style={styles.errorText}>
+              Erreur: {error}
+            </Text>
+          </View>)}
+
+        {renderStep()}
+      </ScrollView>
+
+      {/* Footer avec navigation */}
+      {currentStep > 0 && currentStep < 3 && (<View style={styles.footer}>
+          <TouchableOpacity style={styles.secondaryButton} onPress={() => setCurrentStep(currentStep - 1)} disabled={isProcessing}>
+            <Text style={styles.secondaryButtonText}>
+              Précédent
+            </Text>
+          </TouchableOpacity>
+
+          <TouchableOpacity style={styles.footerPrimaryButton} onPress={() => setCurrentStep(currentStep + 1)} disabled={isProcessing}>
+            <Text style={styles.primaryButtonText}>
+              Suivant
+            </Text>
+          </TouchableOpacity>
+        </View>)}
+    </View>);
+};
+const styles = StyleSheet.create({
+    container: {
+        flex: 1,
+        backgroundColor: '#f8f9fa',
+    },
+    header: {
+        backgroundColor: 'white',
+        padding: 16,
+        borderBottomWidth: 1,
+        borderBottomColor: '#e5e5e5',
+        shadowColor: '#000',
+        shadowOffset: {
+            width: 0,
+            height: 2,
+        },
+        shadowOpacity: 0.1,
+        shadowRadius: 3.84,
+        elevation: 5,
+    },
+    progressContainer: {
+        width: '100%',
+        height: 8,
+        backgroundColor: '#e5e5e5',
+        borderRadius: 4,
+        overflow: 'hidden',
+        marginBottom: 8,
+    },
+    progressBar: {
+        height: '100%',
+        backgroundColor: '#4CAF50',
+        borderRadius: 4,
+    },
+    headerTitle: {
+        fontSize: 18,
+        fontWeight: '600',
+        color: '#333',
+        marginTop: 8,
+    },
+    headerDescription: {
+        fontSize: 14,
+        color: '#666',
+    },
+    scrollView: {
+        flex: 1,
+    },
+    errorContainer: {
+        backgroundColor: '#fef2f2',
+        borderWidth: 1,
+        borderColor: '#fecaca',
+        margin: 16,
+        padding: 16,
+        borderRadius: 8,
+    },
+    errorText: {
+        color: '#dc2626',
+        fontWeight: '500',
+    },
+    stepContainer: {
+        flex: 1,
+        justifyContent: 'center',
+        alignItems: 'center',
+        padding: 24,
+    },
+    stepTitle: {
+        fontSize: 30,
+        fontWeight: 'bold',
+        color: '#333',
+        marginBottom: 16,
+        textAlign: 'center',
+    },
+    stepTitle2: {
+        fontSize: 24,
+        fontWeight: 'bold',
+        color: '#333',
+        marginBottom: 16,
+        textAlign: 'center',
+    },
+    successTitle: {
+        fontSize: 30,
+        fontWeight: 'bold',
+        color: '#4CAF50',
+        marginBottom: 16,
+        textAlign: 'center',
+    },
+    stepDescription: {
+        fontSize: 18,
+        color: '#666',
+        textAlign: 'center',
+        marginBottom: 32,
+        lineHeight: 24,
+    },
+    primaryButton: {
+        backgroundColor: '#4CAF50',
+        paddingHorizontal: 32,
+        paddingVertical: 16,
+        borderRadius: 8,
+    },
+    primaryButtonText: {
+        color: 'white',
+        fontWeight: '600',
+        fontSize: 18,
+    },
+    loadingIndicator: {
+        width: 64,
+        height: 64,
+        backgroundColor: '#4CAF50',
+        borderRadius: 32,
+        opacity: 0.7,
+    },
+    footer: {
+        backgroundColor: 'white',
+        borderTopWidth: 1,
+        borderTopColor: '#e5e5e5',
+        padding: 16,
+        flexDirection: 'row',
+        justifyContent: 'space-between',
+    },
+    secondaryButton: {
+        backgroundColor: '#e5e5e5',
+        paddingHorizontal: 24,
+        paddingVertical: 12,
+        borderRadius: 8,
+    },
+    secondaryButtonText: {
+        color: '#333',
+        fontWeight: '500',
+    },
+    footerPrimaryButton: {
+        backgroundColor: '#4CAF50',
+        paddingHorizontal: 24,
+        paddingVertical: 12,
+        borderRadius: 8,
+    },
+});
+//# sourceMappingURL=KYCFlow.js.map

package/build/components/KYCFlow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"KYCFlow.js","sourceRoot":"","sources":["../../src/components/KYCFlow.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport { View, Text, TouchableOpacity, ScrollView, StyleSheet, PermissionsAndroid, Platform, Alert } from 'react-native';\nimport { useKYCStore } from '../stores/kycStore';\nimport { SelfieCapture } from './SelfieCapture';\nimport { FileUpload } from './FileUpload';\n\nexport const KYCFlow: React.FC = () => {\n  const { \n    currentStep, \n    setCurrentStep, \n    isProcessing, \n    error,\n    currentSession,\n    initializeSession \n  } = useKYCStore();\n\n  const [hasLocationPermission, setHasLocationPermission] = React.useState<boolean | null>(null);\n\n  const requestLocationPermission = React.useCallback(async (): Promise<boolean> => {\n    if (Platform.OS === 'ios') {\n      // iOS prompts automatically via system when needed; assume granted for this demo\n      setHasLocationPermission(true);\n      return true;\n    }\n\n    try {\n      const granted = await PermissionsAndroid.request(\n        PermissionsAndroid.PERMISSIONS.ACCESS_FINE_LOCATION,\n        {\n          title: \"Permission de localisation\",\n          message: \"Nous avons besoin de votre localisation pour démarrer la vérification.\",\n          buttonNeutral: \"Plus tard\",\n          buttonNegative: \"Annuler\",\n          buttonPositive: \"OK\",\n        }\n      );\n      const isGranted = granted === PermissionsAndroid.RESULTS.GRANTED;\n      setHasLocationPermission(isGranted);\n      if (!isGranted) {\n        Alert.alert('Permission refusée', \"La localisation est requise pour continuer.\");\n      }\n      return isGranted;\n    } catch (e) {\n      setHasLocationPermission(false);\n      Alert.alert('Erreur', \"Impossible de demander la permission de localisation\");\n      return false;\n    }\n  }, []);\n\n  React.useEffect(() => {\n    // Initialiser la session si elle n'existe pas\n    if (!currentSession) {\n      initializeSession('user-123'); // ID utilisateur temporaire\n    }\n  }, []);\n\n  const steps = [\n    { id: 0, title: 'Activer la localisation', description: 'Autorisez l\\'accès à votre localisation' },\n    { id: 1, title: 'Bienvenues', description: 'Commençons la vérification' },\n    { id: 2, title: 'Document d\\'identité', description: 'Sélectionnez vos documents' },\n    { id: 3, title: 'Selfie', description: 'Prenez une photo de votre visage' },\n    { id: 4, title: 'Vérification', description: 'Validation en cours...' },\n    { id: 5, title: 'Terminé', description: 'Vérification complétée' }\n  ];\n\n  // const appStep = [\n  //   { id: 0, title: 'Which country issued your ID?', description: 'This helps us verify your documents quickly and securely',type:\"country\", options:[\"France\",\"Belgique\",\"Luxembourg\",\"Allemagne\",\"Italie\",\"Espagne\",\"Portugal\",\"Autriche\",\"Suisse\",\"Pays-Bas\",\"Autre\"] },\n  //   { id: 1, title: 'What is your ID type?', description: 'This helps us verify your documents quickly and securely',type:\"idType\", options:[\"Passport\",\"National ID\",\"Driver's License\",\"Other\"] },\n  //   // camera front id\n  //   { id: 2, title: 'Take a photo of your From ID', description: 'This helps us verify your documents quickly and securely',type:\"cameraFrontId\", options:[] },\n  //   // camera back id\n  //   { id: 3, title: 'Take a photo of your Back ID', description: 'This helps us verify your documents quickly and securely',type:\"cameraBackId\", options:[] },\n  //   // camera selfie\n  //   { id: 4, title: 'Take a photo of your Front side Selfie', description: 'This helps us verify your documents quickly and securely',type:\"cameraSelfie\", options:[] },\n  //   // camera selfie\n  //   { id: 5, title: 'Take a photo of your Left left side of your ID', description: 'This helps us verify your documents quickly and securely',type:\"cameraSelfie\", options:[] },\n  //   // camera selfie\n  //   { id: 6, title: 'Take a photo of your Right right side of your ID', description: 'This helps us verify your documents quickly and securely',type:\"cameraSelfie\", options:[] },\n    \n  // ]\n  const handleFilesSelected = (files: Array<{ uri: string; path: string; name: string }>) => {\n    console.log('Files selected:', files);\n    // Ici vous pourriez traiter les fichiers sélectionnés\n    // Par exemple, les ajouter au store KYC\n  };\n\n  const renderStep = () => {\n    switch (currentStep) {\n      case 0:\n        return (\n          <View style={styles.stepContainer}>\n            <Text style={styles.stepTitle}>Autoriser la localisation</Text>\n            <Text style={styles.stepDescription}>\n              Nous avons besoin de votre localisation (GPS) pour des raisons de conformité.\n            </Text>\n            {hasLocationPermission ? (\n              <Text style={{ color: '#4CAF50', marginBottom: 16 }}>Permission accordée ✓</Text>\n            ) : null}\n            <TouchableOpacity\n              style={styles.primaryButton}\n              onPress={requestLocationPermission}\n            >\n              <Text style={styles.primaryButtonText}>Activer la localisation</Text>\n            </TouchableOpacity>\n            <TouchableOpacity\n              style={[styles.secondaryButton, { marginTop: 12, opacity: hasLocationPermission ? 1 : 0.6 }]}\n              onPress={() => hasLocationPermission && setCurrentStep(1)}\n              disabled={!hasLocationPermission}\n            >\n              <Text style={styles.secondaryButtonText}>Continuer</Text>\n            </TouchableOpacity>\n          </View>\n        );\n\n      case 1:\n        return (\n          // Écran d'accueil après permission\n          <View style={styles.stepContainer}>\n            <Text style={styles.stepTitle}>\n              Vérification d'identité\n            </Text>\n            <Text style={styles.stepDescription}>\n              Nous allons vous guider à travers le processus de vérification d'identité\n            </Text>\n            <TouchableOpacity \n              style={styles.primaryButton}\n              onPress={() => setCurrentStep(2)}\n            >\n              <Text style={styles.primaryButtonText}>\n                Commencer\n              </Text>\n            </TouchableOpacity>\n          </View>\n        );\n\n      case 2:\n        return (\n          <FileUpload\n            allowedTypes={['image/*', 'application/pdf']}\n            maxFiles={3}\n            onFilesSelected={handleFilesSelected}\n          />\n        );\n\n      case 3:\n        return <SelfieCapture />;\n\n      case 4:\n        return (\n          <View style={styles.stepContainer}>\n            <Text style={styles.stepTitle2}>\n              Vérification en cours\n            </Text>\n            <Text style={styles.stepDescription}>\n              Veuillez patienter pendant que nous vérifions vos informations\n            </Text>\n            <View style={styles.loadingIndicator} />\n          </View>\n        );\n\n      case 5:\n        return (\n          <View style={styles.stepContainer}>\n            <Text style={styles.successTitle}>\n              ✅ Terminé !\n            </Text>\n            <Text style={styles.stepDescription}>\n              Votre vérification d'identité a été complétée avec succès\n            </Text>\n            <TouchableOpacity \n              style={styles.primaryButton}\n              onPress={() => setCurrentStep(0)}\n            >\n              <Text style={styles.primaryButtonText}>\n                Recommencer\n              </Text>\n            </TouchableOpacity>\n          </View>\n        );\n\n      default:\n        return null;\n    }\n  };\n\n  return (\n    <View style={styles.container}>\n      {/* Header avec progression */}\n      <View style={styles.header}>\n        <View style={styles.progressContainer}>\n          <View \n            style={[styles.progressBar, { width: `${(currentStep / (steps.length - 1)) * 100}%` }]}\n          />\n        </View>\n        <Text style={styles.headerTitle}>\n          {steps[currentStep]?.title}\n        </Text>\n        <Text style={styles.headerDescription}>\n          {steps[currentStep]?.description}\n        </Text>\n      </View>\n\n      {/* Contenu principal */}\n      <ScrollView style={styles.scrollView}>\n        {error && (\n          <View style={styles.errorContainer}>\n            <Text style={styles.errorText}>\n              Erreur: {error}\n            </Text>\n          </View>\n        )}\n\n        {renderStep()}\n      </ScrollView>\n\n      {/* Footer avec navigation */}\n      {currentStep > 0 && currentStep < 3 && (\n        <View style={styles.footer}>\n          <TouchableOpacity \n            style={styles.secondaryButton}\n            onPress={() => setCurrentStep(currentStep - 1)}\n            disabled={isProcessing}\n          >\n            <Text style={styles.secondaryButtonText}>\n              Précédent\n            </Text>\n          </TouchableOpacity>\n\n          <TouchableOpacity \n            style={styles.footerPrimaryButton}\n            onPress={() => setCurrentStep(currentStep + 1)}\n            disabled={isProcessing}\n          >\n            <Text style={styles.primaryButtonText}>\n              Suivant\n            </Text>\n          </TouchableOpacity>\n        </View>\n      )}\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    flex: 1,\n    backgroundColor: '#f8f9fa',\n  },\n  header: {\n    backgroundColor: 'white',\n    padding: 16,\n    borderBottomWidth: 1,\n    borderBottomColor: '#e5e5e5',\n    shadowColor: '#000',\n    shadowOffset: {\n      width: 0,\n      height: 2,\n    },\n    shadowOpacity: 0.1,\n    shadowRadius: 3.84,\n    elevation: 5,\n  },\n  progressContainer: {\n    width: '100%',\n    height: 8,\n    backgroundColor: '#e5e5e5',\n    borderRadius: 4,\n    overflow: 'hidden',\n    marginBottom: 8,\n  },\n  progressBar: {\n    height: '100%',\n    backgroundColor: '#4CAF50',\n    borderRadius: 4,\n  },\n  headerTitle: {\n    fontSize: 18,\n    fontWeight: '600',\n    color: '#333',\n    marginTop: 8,\n  },\n  headerDescription: {\n    fontSize: 14,\n    color: '#666',\n  },\n  scrollView: {\n    flex: 1,\n  },\n  errorContainer: {\n    backgroundColor: '#fef2f2',\n    borderWidth: 1,\n    borderColor: '#fecaca',\n    margin: 16,\n    padding: 16,\n    borderRadius: 8,\n  },\n  errorText: {\n    color: '#dc2626',\n    fontWeight: '500',\n  },\n  stepContainer: {\n    flex: 1,\n    justifyContent: 'center',\n    alignItems: 'center',\n    padding: 24,\n  },\n  stepTitle: {\n    fontSize: 30,\n    fontWeight: 'bold',\n    color: '#333',\n    marginBottom: 16,\n    textAlign: 'center',\n  },\n  stepTitle2: {\n    fontSize: 24,\n    fontWeight: 'bold',\n    color: '#333',\n    marginBottom: 16,\n    textAlign: 'center',\n  },\n  successTitle: {\n    fontSize: 30,\n    fontWeight: 'bold',\n    color: '#4CAF50',\n    marginBottom: 16,\n    textAlign: 'center',\n  },\n  stepDescription: {\n    fontSize: 18,\n    color: '#666',\n    textAlign: 'center',\n    marginBottom: 32,\n    lineHeight: 24,\n  },\n  primaryButton: {\n    backgroundColor: '#4CAF50',\n    paddingHorizontal: 32,\n    paddingVertical: 16,\n    borderRadius: 8,\n  },\n  primaryButtonText: {\n    color: 'white',\n    fontWeight: '600',\n    fontSize: 18,\n  },\n  loadingIndicator: {\n    width: 64,\n    height: 64,\n    backgroundColor: '#4CAF50',\n    borderRadius: 32,\n    opacity: 0.7,\n  },\n  footer: {\n    backgroundColor: 'white',\n    borderTopWidth: 1,\n    borderTopColor: '#e5e5e5',\n    padding: 16,\n    flexDirection: 'row',\n    justifyContent: 'space-between',\n  },\n  secondaryButton: {\n    backgroundColor: '#e5e5e5',\n    paddingHorizontal: 24,\n    paddingVertical: 12,\n    borderRadius: 8,\n  },\n  secondaryButtonText: {\n    color: '#333',\n    fontWeight: '500',\n  },\n  footerPrimaryButton: {\n    backgroundColor: '#4CAF50',\n    paddingHorizontal: 24,\n    paddingVertical: 12,\n    borderRadius: 8,\n  },\n}); "]}

package/build/components/NativeCameraView.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { ViewStyle } from 'react-native';
+export interface NativeCameraViewProps {
+    instructions: string;
+    showCamera: boolean;
+    style?: ViewStyle;
+    onCapture?: (event: any) => void;
+    onError?: (event: any) => void;
+}
+export declare const NativeCameraView: React.FC<NativeCameraViewProps>;
+//# sourceMappingURL=NativeCameraView.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NativeCameraView.d.ts","sourceRoot":"","sources":["../../src/components/NativeCameraView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAGzC,MAAM,WAAW,qBAAqB;IACpC,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IACjC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;CAChC;AAID,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAgC5D,CAAC"}

package/build/components/NativeCameraView.js

@@ -0,0 +1,27 @@
+import React, { useEffect } from 'react';
+import { requireNativeViewManager } from 'expo-modules-core';
+const NativeCameraViewComponent = requireNativeViewManager('TransfergratisSdk_TransfergratisSdkView');
+export const NativeCameraView = (props) => {
+    useEffect(() => {
+        console.log('🟨 [NativeCameraView] Props reçues:', {
+            instructions: props.instructions,
+            showCamera: props.showCamera,
+            hasOnCapture: !!props.onCapture,
+            hasOnError: !!props.onError
+        });
+    }, [props.instructions, props.showCamera, props.onCapture, props.onError]);
+    const handleCapture = (event) => {
+        console.log('🟨 [NativeCameraView] Événement onCapture reçu:', event);
+        if (props.onCapture) {
+            props.onCapture(event);
+        }
+    };
+    const handleError = (event) => {
+        console.log('🟨 [NativeCameraView] Événement onError reçu:', event);
+        if (props.onError) {
+            props.onError(event);
+        }
+    };
+    return (<NativeCameraViewComponent {...props} onCapture={handleCapture} onError={handleError}/>);
+};
+//# sourceMappingURL=NativeCameraView.js.map

package/build/components/NativeCameraView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NativeCameraView.js","sourceRoot":"","sources":["../../src/components/NativeCameraView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAE,wBAAwB,EAAE,MAAM,mBAAmB,CAAC;AAU7D,MAAM,yBAAyB,GAAG,wBAAwB,CAAC,yCAAyC,CAAC,CAAC;AAEtG,MAAM,CAAC,MAAM,gBAAgB,GAAoC,CAAC,KAAK,EAAE,EAAE;IAEzE,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,CAAC,GAAG,CAAC,qCAAqC,EAAE;YACjD,YAAY,EAAE,KAAK,CAAC,YAAY;YAChC,UAAU,EAAE,KAAK,CAAC,UAAU;YAC5B,YAAY,EAAE,CAAC,CAAC,KAAK,CAAC,SAAS;YAC/B,UAAU,EAAE,CAAC,CAAC,KAAK,CAAC,OAAO;SAC5B,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,KAAK,CAAC,YAAY,EAAE,KAAK,CAAC,UAAU,EAAE,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IAE3E,MAAM,aAAa,GAAG,CAAC,KAAU,EAAE,EAAE;QACnC,OAAO,CAAC,GAAG,CAAC,iDAAiD,EAAE,KAAK,CAAC,CAAC;QACtE,IAAI,KAAK,CAAC,SAAS,EAAE,CAAC;YACpB,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;QACzB,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,CAAC,KAAU,EAAE,EAAE;QACjC,OAAO,CAAC,GAAG,CAAC,+CAA+C,EAAE,KAAK,CAAC,CAAC;QACpE,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC;YAClB,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QACvB,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,CAAC,yBAAyB,CACxB,IAAI,KAAK,CAAC,CACV,SAAS,CAAC,CAAC,aAAa,CAAC,CACzB,OAAO,CAAC,CAAC,WAAW,CAAC,EACrB,CACH,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import React, { useEffect } from 'react';\nimport { ViewStyle } from 'react-native';\nimport { requireNativeViewManager } from 'expo-modules-core';\n\nexport interface NativeCameraViewProps {\n  instructions: string;\n  showCamera: boolean;\n  style?: ViewStyle;\n  onCapture?: (event: any) => void;\n  onError?: (event: any) => void;\n}\n\nconst NativeCameraViewComponent = requireNativeViewManager('TransfergratisSdk_TransfergratisSdkView');\n\nexport const NativeCameraView: React.FC<NativeCameraViewProps> = (props) => {\n  \n  useEffect(() => {\n    console.log('🟨 [NativeCameraView] Props reçues:', {\n      instructions: props.instructions,\n      showCamera: props.showCamera,\n      hasOnCapture: !!props.onCapture,\n      hasOnError: !!props.onError\n    });\n  }, [props.instructions, props.showCamera, props.onCapture, props.onError]);\n\n  const handleCapture = (event: any) => {\n    console.log('🟨 [NativeCameraView] Événement onCapture reçu:', event);\n    if (props.onCapture) {\n      props.onCapture(event);\n    }\n  };\n\n  const handleError = (event: any) => {\n    console.log('🟨 [NativeCameraView] Événement onError reçu:', event);\n    if (props.onError) {\n      props.onError(event);\n    }\n  };\n\n  return (\n    <NativeCameraViewComponent \n      {...props} \n      onCapture={handleCapture}\n      onError={handleError}\n    />\n  );\n}; "]}

package/build/components/OverLay/IdCard.d.ts

@@ -0,0 +1,4 @@
+import { IdCardOverlayProps } from "./type";
+declare const IdCardOverlay: ({ xMin: xMinProps, yMin: yMinProps, xMax: xMaxProps, yMax: yMaxProps, cornerOpacity, instructions, cornerColor, stepperProps }: IdCardOverlayProps) => import("react").JSX.Element;
+export default IdCardOverlay;
+//# sourceMappingURL=IdCard.d.ts.map

package/build/components/OverLay/IdCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IdCard.d.ts","sourceRoot":"","sources":["../../../src/components/OverLay/IdCard.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AAM5C,QAAA,MAAM,aAAa,GAAI,gIAA4I,kBAAkB,gCA2IpL,CAAA;AAED,eAAe,aAAa,CAAC"}

package/build/components/OverLay/IdCard.js

@@ -0,0 +1,181 @@
+import { Animated, Dimensions, StyleSheet, Text, View } from "react-native";
+import Svg, { Defs, Mask, Rect, Path } from "react-native-svg";
+import ScanningLine from "../Svgs/scanningLine";
+import StepOverlay from "./StepOverlay";
+const IdCardOverlay = ({ xMin: xMinProps, yMin: yMinProps, xMax: xMaxProps, yMax: yMaxProps, cornerOpacity, instructions, cornerColor = "#4CAF50", stepperProps }) => {
+    const screenWidth = Dimensions.get('window').width;
+    const screenHeight = Dimensions.get('window').height;
+    const boxWidth = xMaxProps - xMinProps;
+    const boxHeight = yMaxProps - yMinProps;
+    // Calculer les coordonnées pour centrer le cadre
+    const xMin = (screenWidth - boxWidth) / 2;
+    const yMin = (screenHeight - boxHeight) / 3;
+    const xMax = xMin + boxWidth;
+    const yMax = yMin + boxHeight;
+    return (<View style={StyleSheet.absoluteFill}>
+            {stepperProps ? (<StepOverlay {...stepperProps}/>) : null}
+            
+            <Animated.View style={[styles.topIntruction]}>
+                <Text style={styles.topIntructionText}>
+                    💡 {instructions}
+                </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 */}
+                {/* Coin supérieur gauche */}
+                <Path d={`M ${xMin + 15} ${yMin} Q ${xMin} ${yMin} ${xMin} ${yMin + 15} L ${xMin} ${yMin + 20}`} stroke={cornerColor} strokeWidth="8" fill="none" opacity={cornerOpacity}/>
+                <Path d={`M ${xMin + 20} ${yMin} L ${xMin + 15} ${yMin}`} stroke={cornerColor} strokeWidth="8" opacity={cornerOpacity}/>
+
+                {/* Coin supérieur droit */}
+                <Path d={`M ${xMax - 15} ${yMin} Q ${xMax} ${yMin} ${xMax} ${yMin + 15} L ${xMax} ${yMin + 20}`} stroke={cornerColor} strokeWidth="8" fill="none" opacity={cornerOpacity}/>
+                <Path d={`M ${xMax - 20} ${yMin} L ${xMax - 15} ${yMin}`} stroke={cornerColor} strokeWidth="8" opacity={cornerOpacity}/>
+
+                {/* Coin inférieur gauche */}
+                <Path d={`M ${xMin + 15} ${yMax} Q ${xMin} ${yMax} ${xMin} ${yMax - 15} L ${xMin} ${yMax - 20}`} stroke={cornerColor} strokeWidth="8" fill="none" opacity={cornerOpacity}/>
+                <Path d={`M ${xMin + 20} ${yMax} L ${xMin + 15} ${yMax}`} stroke={cornerColor} strokeWidth="8" opacity={cornerOpacity}/>
+
+                {/* Coin inférieur droit */}
+                <Path d={`M ${xMax - 15} ${yMax} Q ${xMax} ${yMax} ${xMax} ${yMax - 15} L ${xMax} ${yMax - 20}`} stroke={cornerColor} strokeWidth="8" fill="none" opacity={cornerOpacity}/>
+                <Path d={`M ${xMax - 20} ${yMax} L ${xMax - 15} ${yMax}`} stroke={cornerColor} 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>);
+};
+export default IdCardOverlay;
+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,
+    },
+    stepperContainer: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        justifyContent: 'space-between',
+        paddingHorizontal: 20,
+        paddingVertical: 15,
+        // backgroundColor: 'rgba(0, 0, 0, 0.5)',
+        zIndex: 1000,
+    },
+    stepperItem: {
+        flex: 1,
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    stepperDetails: {
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    stepperItemText: {
+        color: 'white',
+        fontSize: 20,
+        fontWeight: 'bold',
+    },
+    stepperDetailsText: {
+        color: 'white',
+        fontSize: 12,
+        fontWeight: '500',
+    },
+    back: {
+        // flex: 1,
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    next: {
+        flex: 1,
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+});
+//# sourceMappingURL=IdCard.js.map

package/build/components/OverLay/IdCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IdCard.js","sourceRoot":"","sources":["../../../src/components/OverLay/IdCard.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Animated, Dimensions, StyleSheet, Text, View } from \"react-native\";\nimport Svg, { Defs, Mask, Rect, Path } from \"react-native-svg\";\nimport ScanningLine from \"../Svgs/scanningLine\";\nimport { IdCardOverlayProps } from \"./type\";\nimport StepOverlay from \"./StepOverlay\";\n\n\n\n\nconst IdCardOverlay = ({ xMin: xMinProps, yMin: yMinProps, xMax: xMaxProps, yMax: yMaxProps, cornerOpacity, instructions, cornerColor = \"#4CAF50\", stepperProps }: IdCardOverlayProps) => {\n    const screenWidth = Dimensions.get('window').width;\n    const screenHeight = Dimensions.get('window').height;\n\n    const boxWidth = xMaxProps - xMinProps;\n    const boxHeight = yMaxProps - yMinProps;\n\n\n    \n\n   \n    \n    // Calculer les coordonnées pour centrer le cadre\n    const xMin = (screenWidth - boxWidth) / 2;\n    const yMin = (screenHeight - boxHeight) / 3;\n    const xMax = xMin + boxWidth;\n    const yMax = yMin + boxHeight;\n\n    return (\n        <View style={StyleSheet.absoluteFill}>\n            {stepperProps ? (\n                <StepOverlay {...stepperProps} />\n            ) : null}\n            \n            <Animated.View style={[styles.topIntruction]}>\n                <Text style={styles.topIntructionText}>\n                    💡 {instructions}\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                {/* Coin supérieur gauche */}\n                <Path\n                    d={`M ${xMin + 15} ${yMin} Q ${xMin} ${yMin} ${xMin} ${yMin + 15} L ${xMin} ${yMin + 20}`}\n                    stroke={cornerColor}\n                    strokeWidth=\"8\"\n                    fill=\"none\"\n                    opacity={cornerOpacity}\n                />\n                <Path\n                    d={`M ${xMin + 20} ${yMin} L ${xMin + 15} ${yMin}`}\n                    stroke={cornerColor}\n                    strokeWidth=\"8\"\n                    opacity={cornerOpacity}\n                />\n\n                {/* Coin supérieur droit */}\n                <Path\n                    d={`M ${xMax - 15} ${yMin} Q ${xMax} ${yMin} ${xMax} ${yMin + 15} L ${xMax} ${yMin + 20}`}\n                    stroke={cornerColor}\n                    strokeWidth=\"8\"\n                    fill=\"none\"\n                    opacity={cornerOpacity}\n                />\n                <Path\n                    d={`M ${xMax - 20} ${yMin} L ${xMax - 15} ${yMin}`}\n                    stroke={cornerColor}\n                    strokeWidth=\"8\"\n                    opacity={cornerOpacity}\n                />\n\n                {/* Coin inférieur gauche */}\n                <Path\n                    d={`M ${xMin + 15} ${yMax} Q ${xMin} ${yMax} ${xMin} ${yMax - 15} L ${xMin} ${yMax - 20}`}\n                    stroke={cornerColor}\n                    strokeWidth=\"8\"\n                    fill=\"none\"\n                    opacity={cornerOpacity}\n                />\n                <Path\n                    d={`M ${xMin + 20} ${yMax} L ${xMin + 15} ${yMax}`}\n                    stroke={cornerColor}\n                    strokeWidth=\"8\"\n                    opacity={cornerOpacity}\n                />\n\n                {/* Coin inférieur droit */}\n                <Path\n                    d={`M ${xMax - 15} ${yMax} Q ${xMax} ${yMax} ${xMax} ${yMax - 15} L ${xMax} ${yMax - 20}`}\n                    stroke={cornerColor}\n                    strokeWidth=\"8\"\n                    fill=\"none\"\n                    opacity={cornerOpacity}\n                />\n                <Path\n                    d={`M ${xMax - 20} ${yMax} L ${xMax - 15} ${yMax}`}\n                    stroke={cornerColor}\n                    strokeWidth=\"8\"\n                    opacity={cornerOpacity}\n                />\n            </Svg>\n            \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\nexport default IdCardOverlay;\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    stepperContainer: {\n        flexDirection: 'row',\n        alignItems: 'center',\n        justifyContent: 'space-between',\n        paddingHorizontal: 20,\n        paddingVertical: 15,\n        // backgroundColor: 'rgba(0, 0, 0, 0.5)',\n        zIndex: 1000,\n    },\n    stepperItem: {\n        flex: 1,\n        alignItems: 'center',\n        justifyContent: 'center',\n    },\n    stepperDetails: {\n\n        alignItems: 'center',\n        justifyContent: 'center',\n    },\n    stepperItemText: {\n        color: 'white',\n        fontSize: 20,\n        fontWeight: 'bold',\n    },\n    stepperDetailsText: {\n        color: 'white',\n        fontSize: 12,\n        fontWeight: '500',\n    },\n    back: {\n        // flex: 1,\n        alignItems: 'center',\n        justifyContent: 'center',\n    },\n    next: {\n        flex: 1,\n        alignItems: 'center',\n        justifyContent: 'center',\n    },\n\n})"]}

package/build/components/OverLay/SelfieOverlay.d.ts

@@ -0,0 +1,4 @@
+import { IdCardOverlayProps } from "./type";
+declare const SelfieOverlay: ({ xMin, yMin, xMax, yMax, cornerOpacity, instructions, cornerColor, stepperProps, instructionsTile, instructionsSubtitle, orientation }: IdCardOverlayProps) => import("react").JSX.Element;
+export default SelfieOverlay;
+//# sourceMappingURL=SelfieOverlay.d.ts.map

package/build/components/OverLay/SelfieOverlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelfieOverlay.d.ts","sourceRoot":"","sources":["../../../src/components/OverLay/SelfieOverlay.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AAO5C,QAAA,MAAM,aAAa,GAAI,yIAAqJ,kBAAkB,gCAuG7L,CAAA;AAED,eAAe,aAAa,CAAC"}