@transfergratis/react-native-sdk 0.1.4 → 0.1.6

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

@@ -0,0 +1,12 @@
+import React from 'react';
+import { TemplateComponent } from '../../types/KYC.types';
+interface VerificationProgressTemplateProps {
+    component: TemplateComponent;
+    value: unknown;
+    onValueChange: (data: unknown) => void;
+    error?: string;
+    language?: string;
+}
+export declare const VerificationProgressTemplate: React.FC<VerificationProgressTemplateProps>;
+export {};
+//# sourceMappingURL=VerificationProgressTemplate.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VerificationProgressTemplate.d.ts","sourceRoot":"","sources":["../../../src/components/KYCElements/VerificationProgressTemplate.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAK1D,UAAU,iCAAiC;IACzC,SAAS,EAAE,iBAAiB,CAAC;IAC7B,KAAK,EAAE,OAAO,CAAC;IACf,aAAa,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,4BAA4B,EAAE,KAAK,CAAC,EAAE,CAAC,iCAAiC,CAuMpF,CAAC"}

package/build/components/KYCElements/VerificationProgressTemplate.js

@@ -0,0 +1,194 @@
+import React, { useEffect, useState } from 'react';
+import { View, Text, StyleSheet, TouchableOpacity } from 'react-native';
+import { useTemplateKYCFlowContext } from '../../hooks/useTemplateKYCFlow';
+import { useI18n } from '../../hooks/useI18n';
+import kycService from '../../modules/api/KYCService';
+export const VerificationProgressTemplate = () => {
+    const { t } = useI18n();
+    const { state, actions } = useTemplateKYCFlowContext();
+    const [retryCount, setRetryCount] = useState(0);
+    const [isRetrying, setIsRetrying] = useState(false);
+    const [timeoutId, setTimeoutId] = useState(null);
+    const verification = state.verification;
+    const isSuccess = verification.status === 'success';
+    const isFailed = verification.status === 'failed';
+    // Fonction pour récupérer le résultat de vérification avec retry
+    const getVerificationResult = async (currentRetryCount = 0, maxRetries = 40) => {
+        try {
+            console.log(`Starting verification check (attempt ${currentRetryCount + 1}/${maxRetries + 1})`);
+            const result = await kycService.getVerificationResult(state.session.session_id);
+            const verificationResult = result[state.session.session_id].data;
+            console.log('getVerificationResult result', JSON.stringify(result, null, 2));
+            // Vérifier le statut de vérification
+            if (verificationResult.verification_status === null || verificationResult.verification_status === "processing" || verificationResult.verification_status === "pending") {
+                if (currentRetryCount < maxRetries) {
+                    const nextRetryCount = currentRetryCount + 1;
+                    setRetryCount(nextRetryCount);
+                    setIsRetrying(true);
+                    console.log(`Verification still processing, retrying in 10s... (${nextRetryCount}/${maxRetries})`);
+                    // Nettoyer le timeout précédent s'il existe
+                    if (timeoutId) {
+                        clearTimeout(timeoutId);
+                    }
+                    // Attendre 10 secondes avant de relancer
+                    const newTimeoutId = setTimeout(() => {
+                        getVerificationResult(nextRetryCount, maxRetries);
+                    }, 10000);
+                    setTimeoutId(newTimeoutId);
+                    return; // Sortir de la fonction pour éviter de traiter le résultat
+                }
+                else {
+                    console.error('Max retries reached, verification still processing');
+                    setIsRetrying(false);
+                    return;
+                }
+            }
+            // Traiter le résultat final (success, failed, etc.)
+            if (verificationResult.verification_status === "completed" ||
+                verificationResult.verification_status === "approved") {
+                // Mettre à jour l'état avec le succès
+                actions.setVerificationState({
+                    status: 'success',
+                    result: result
+                });
+            }
+            else if (verificationResult.verification_status === "failed" ||
+                verificationResult.verification_status === "rejected") {
+                // Mettre à jour l'état avec l'échec
+                actions.setVerificationState({
+                    status: 'failed',
+                    result: {
+                        referenceId: verificationResult.verification_id,
+                        issues: ['Verification failed']
+                    }
+                });
+            }
+            setIsRetrying(false);
+        }
+        catch (error) {
+            console.error('getVerificationResult error', error);
+            // En cas d'erreur, on peut aussi retry
+            if (currentRetryCount < maxRetries) {
+                const nextRetryCount = currentRetryCount + 1;
+                setRetryCount(nextRetryCount);
+                setIsRetrying(true);
+                console.log(`Error occurred, retrying in 10s... (${nextRetryCount}/${maxRetries})`);
+                // Nettoyer le timeout précédent s'il existe
+                if (timeoutId) {
+                    clearTimeout(timeoutId);
+                }
+                const newTimeoutId = setTimeout(() => {
+                    getVerificationResult(nextRetryCount, maxRetries);
+                }, 10000);
+                setTimeoutId(newTimeoutId);
+            }
+            else {
+                setIsRetrying(false);
+                console.error('Max retries reached after errors');
+            }
+        }
+    };
+    useEffect(() => {
+        if (state.session.session_id) {
+            getVerificationResult();
+        }
+    }, [state.session.session_id]);
+    // Nettoyage des timeouts lors du démontage du composant
+    useEffect(() => {
+        return () => {
+            if (timeoutId) {
+                clearTimeout(timeoutId);
+            }
+        };
+    }, [timeoutId]);
+    if (isSuccess) {
+        return (<View style={styles.container}>
+        <Text style={styles.title}>{t('kyc.verificationProgress.steps.complete')}</Text>
+        <Text style={styles.subtitle}>{t('kyc.verificationProgress.subtitle')}</Text>
+        <TouchableOpacity style={[styles.button, styles.primary]} onPress={() => actions.submitVerification()}>
+          <Text style={styles.buttonText}>{t('common.continue')}</Text>
+        </TouchableOpacity>
+        {verification.result?.referenceId ? (<Text style={styles.refText}>{`Verification ID: ${verification.result.referenceId}`}</Text>) : null}
+      </View>);
+    }
+    if (isFailed) {
+        return (<View style={styles.container}>
+        <Text style={styles.title}>{t('kyc.verificationProgress.status.failed')}</Text>
+        <Text style={styles.subtitle}>{t('errors.validationError')}</Text>
+        <View style={styles.issuesBox}>
+          <Text style={styles.issuesTitle}>{t('common.error')}</Text>
+          {Array.isArray(verification.result?.issues) && verification.result.issues.map((issue, idx) => (<Text key={idx} style={styles.issueItem}>• {issue}</Text>))}
+        </View>
+        <TouchableOpacity style={[styles.button, styles.primary]} onPress={() => actions.goToComponent(state.template.components.find(c => c.type !== 'review_submit' && c.type !== 'verification_progress')?.id || 0)}>
+          <Text style={styles.buttonText}>{t('common.retry')}</Text>
+        </TouchableOpacity>
+        <TouchableOpacity style={[styles.button, styles.secondary]}>
+          <Text style={styles.secondaryText}>{t('common.info')}</Text>
+        </TouchableOpacity>
+        {verification.result?.referenceId ? (<Text style={styles.refText}>{`Reference ID: ${verification.result.referenceId}`}</Text>) : null}
+      </View>);
+    }
+    return (<View style={styles.container}>
+      <Text style={styles.title}>{t('kyc.verificationProgress.title')}</Text>
+      <Text style={styles.subtitle}>
+        {isRetrying
+            ? `${t('kyc.verificationProgress.retrying')} (${retryCount}/10)`
+            : t('kyc.verificationProgress.estimatedTime')}
+      </Text>
+
+      <View style={styles.timeline}>
+        <View style={[styles.dot, styles.done]}><Text style={styles.stepCheckmark}>✓</Text></View>
+        <View style={styles.line}/>
+        <View style={[styles.dot, styles.active]}><Text style={styles.stepCheckmark}>2</Text></View>
+        <View style={styles.line}/>
+        <View style={[styles.dot, styles.pending]}><Text style={styles.stepCheckmark}>3</Text></View>
+      </View>
+
+      <View style={styles.row}>
+        <Text style={styles.stepLabel}>{t('kyc.verificationProgress.status.completed')}</Text>
+        <Text style={styles.stepLabel}>{t('kyc.verificationProgress.steps.analyzing')}</Text>
+        <Text style={styles.stepLabel}>{t('kyc.verificationProgress.steps.verifying')}</Text>
+      </View>
+
+      <View style={styles.card}>
+        <Text style={styles.cardTitle}>{t('kyc.idCardCapture.title')}</Text>
+        <Text style={styles.cardLine}>{t('kyc.verificationProgress.steps.extracting')}</Text>
+        <Text style={styles.cardTitle}>{t('kyc.selfieCapture.title')}</Text>
+        <Text style={styles.cardLine}>{t('kyc.verificationProgress.steps.analyzing')}</Text>
+        <Text style={styles.cardTitle}>{t('kyc.verificationProgress.title')}</Text>
+        <Text style={styles.cardLine}>
+          {isRetrying
+            ? `${t('kyc.verificationProgress.status.processing')}...`
+            : t('kyc.verificationProgress.status.pending')}
+        </Text>
+      </View>
+    </View>);
+};
+const styles = StyleSheet.create({
+    container: { flex: 1, width: '100%', paddingHorizontal: 16, paddingVertical: 12 },
+    title: { fontSize: 24, fontWeight: 'bold', color: '#111827', textAlign: 'center', marginTop: 12 },
+    subtitle: { fontSize: 14, color: '#6B7280', textAlign: 'center', marginTop: 8 },
+    timeline: { flexDirection: 'row', alignItems: 'center', justifyContent: 'space-between', marginTop: 24 },
+    dot: { width: 38, height: 38, borderRadius: 34, justifyContent: 'center', alignItems: 'center' },
+    stepCheckmark: { color: 'white', fontSize: 16, fontWeight: 'bold' },
+    line: { flex: 1, height: 4, backgroundColor: '#E5E7EB' },
+    done: { backgroundColor: '#10B981' },
+    active: { backgroundColor: '#F59E0B' },
+    pending: { backgroundColor: '#E5E7EB' },
+    row: { flexDirection: 'row', justifyContent: 'space-between', marginTop: 8 },
+    stepLabel: { fontSize: 14, color: '#111827', fontWeight: '600' },
+    card: { backgroundColor: 'white', padding: 16, borderRadius: 16, marginTop: 24 },
+    cardTitle: { fontSize: 16, color: '#6B7280', marginTop: 8 },
+    cardLine: { fontSize: 18, color: '#111827', fontWeight: '600', marginTop: 2 },
+    // Success/Failure specific
+    button: { paddingVertical: 14, borderRadius: 10, alignItems: 'center', marginTop: 20 },
+    primary: { backgroundColor: '#2DBD60' },
+    buttonText: { color: 'white', fontSize: 16, fontWeight: '600' },
+    refText: { marginTop: 12, textAlign: 'center', color: '#6B7280' },
+    issuesBox: { backgroundColor: '#FEF2F2', borderRadius: 16, padding: 16, marginTop: 20 },
+    issuesTitle: { color: '#991B1B', fontWeight: '700', marginBottom: 8 },
+    issueItem: { color: '#991B1B', marginTop: 4 },
+    secondary: { backgroundColor: '#F3F4F6' },
+    secondaryText: { color: '#111827', fontSize: 16, fontWeight: '600' },
+});
+//# sourceMappingURL=VerificationProgressTemplate.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VerificationProgressTemplate.js","sourceRoot":"","sources":["../../../src/components/KYCElements/VerificationProgressTemplate.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { View, Text, StyleSheet, TouchableOpacity } from 'react-native';\nimport { TemplateComponent } from '../../types/KYC.types';\nimport { useTemplateKYCFlowContext } from '../../hooks/useTemplateKYCFlow';\nimport { useI18n } from '../../hooks/useI18n';\nimport kycService from '../../modules/api/KYCService';\n\ninterface VerificationProgressTemplateProps {\n  component: TemplateComponent;\n  value: unknown;\n  onValueChange: (data: unknown) => void;\n  error?: string;\n  language?: string;\n}\n\nexport const VerificationProgressTemplate: React.FC<VerificationProgressTemplateProps> = () => {\n  const { t } = useI18n();\n  const { state, actions } = useTemplateKYCFlowContext();\n  const [retryCount, setRetryCount] = useState(0);\n  const [isRetrying, setIsRetrying] = useState(false);\n  const [timeoutId, setTimeoutId] = useState<number | null>(null);\n\n  const verification = state.verification;\n\n  const isSuccess = verification.status === 'success';\n  const isFailed = verification.status === 'failed';\n\n  // Fonction pour récupérer le résultat de vérification avec retry\n  const getVerificationResult = async (currentRetryCount = 0, maxRetries = 40) => {\n    try {\n      console.log(`Starting verification check (attempt ${currentRetryCount + 1}/${maxRetries + 1})`);\n      \n      const result = await kycService.getVerificationResult(state.session.session_id);\n      const verificationResult = result[state.session.session_id].data;\n\n      console.log('getVerificationResult result', JSON.stringify(result, null, 2));\n\n      // Vérifier le statut de vérification\n      if (verificationResult.verification_status === null || verificationResult.verification_status === \"processing\" || verificationResult.verification_status === \"pending\") {\n        if (currentRetryCount < maxRetries) {\n          const nextRetryCount = currentRetryCount + 1;\n          setRetryCount(nextRetryCount);\n          setIsRetrying(true);\n          \n          console.log(`Verification still processing, retrying in 10s... (${nextRetryCount}/${maxRetries})`);\n\n          // Nettoyer le timeout précédent s'il existe\n          if (timeoutId) {\n            clearTimeout(timeoutId);\n          }\n\n          // Attendre 10 secondes avant de relancer\n          const newTimeoutId = setTimeout(() => {\n            getVerificationResult(nextRetryCount, maxRetries);\n          }, 10000);\n          \n          setTimeoutId(newTimeoutId);\n          return; // Sortir de la fonction pour éviter de traiter le résultat\n        } else {\n          console.error('Max retries reached, verification still processing');\n          setIsRetrying(false);\n          return;\n        }\n      }\n\n      // Traiter le résultat final (success, failed, etc.)\n      if (verificationResult.verification_status === \"completed\" ||\n        verificationResult.verification_status === \"approved\") {\n        // Mettre à jour l'état avec le succès\n        actions.setVerificationState({\n          status: 'success',\n          result: result\n        });\n      } else if (verificationResult.verification_status === \"failed\" ||\n        verificationResult.verification_status === \"rejected\") {\n        // Mettre à jour l'état avec l'échec\n        actions.setVerificationState({\n          status: 'failed',\n          result: {\n            referenceId: verificationResult.verification_id,\n            issues: ['Verification failed']\n          } as any\n        });\n      }\n\n      setIsRetrying(false);\n\n    } catch (error) {\n      console.error('getVerificationResult error', error);\n\n      // En cas d'erreur, on peut aussi retry\n      if (currentRetryCount < maxRetries) {\n        const nextRetryCount = currentRetryCount + 1;\n        setRetryCount(nextRetryCount);\n        setIsRetrying(true);\n        \n        console.log(`Error occurred, retrying in 10s... (${nextRetryCount}/${maxRetries})`);\n        \n        // Nettoyer le timeout précédent s'il existe\n        if (timeoutId) {\n          clearTimeout(timeoutId);\n        }\n        \n        const newTimeoutId = setTimeout(() => {\n          getVerificationResult(nextRetryCount, maxRetries);\n        }, 10000);\n        \n        setTimeoutId(newTimeoutId);\n      } else {\n        setIsRetrying(false);\n        console.error('Max retries reached after errors');\n      }\n    }\n  };\n\n  useEffect(() => {\n    if (state.session.session_id) {\n      getVerificationResult();\n    }\n  }, [state.session.session_id]);\n\n  // Nettoyage des timeouts lors du démontage du composant\n  useEffect(() => {\n    return () => {\n      if (timeoutId) {\n        clearTimeout(timeoutId);\n      }\n    };\n  }, [timeoutId]);\n\n  if (isSuccess) {\n    return (\n      <View style={styles.container}>\n        <Text style={styles.title}>{t('kyc.verificationProgress.steps.complete')}</Text>\n        <Text style={styles.subtitle}>{t('kyc.verificationProgress.subtitle')}</Text>\n        <TouchableOpacity style={[styles.button, styles.primary]} onPress={() => actions.submitVerification()}>\n          <Text style={styles.buttonText}>{t('common.continue')}</Text>\n        </TouchableOpacity>\n        {verification.result?.referenceId ? (\n          <Text style={styles.refText}>{`Verification ID: ${verification.result.referenceId}`}</Text>\n        ) : null}\n      </View>\n    );\n  }\n\n  if (isFailed) {\n    return (\n      <View style={styles.container}>\n        <Text style={styles.title}>{t('kyc.verificationProgress.status.failed')}</Text>\n        <Text style={styles.subtitle}>{t('errors.validationError')}</Text>\n        <View style={styles.issuesBox}>\n          <Text style={styles.issuesTitle}>{t('common.error')}</Text>\n          {Array.isArray(verification.result?.issues) && verification.result.issues.map((issue: string, idx: number) => (\n            <Text key={idx} style={styles.issueItem}>• {issue}</Text>\n          ))}\n        </View>\n        <TouchableOpacity style={[styles.button, styles.primary]} onPress={() => actions.goToComponent(state.template.components.find(c => c.type !== 'review_submit' && c.type !== 'verification_progress')?.id || 0)}>\n          <Text style={styles.buttonText}>{t('common.retry')}</Text>\n        </TouchableOpacity>\n        <TouchableOpacity style={[styles.button, styles.secondary]}>\n          <Text style={styles.secondaryText}>{t('common.info')}</Text>\n        </TouchableOpacity>\n        {verification.result?.referenceId ? (\n          <Text style={styles.refText}>{`Reference ID: ${verification.result.referenceId}`}</Text>\n        ) : null}\n      </View>\n    );\n  }\n\n\n\n\n\n\n\n  return (\n    <View style={styles.container}>\n      <Text style={styles.title}>{t('kyc.verificationProgress.title')}</Text>\n      <Text style={styles.subtitle}>\n        {isRetrying\n          ? `${t('kyc.verificationProgress.retrying')} (${retryCount}/10)`\n          : t('kyc.verificationProgress.estimatedTime')\n        }\n      </Text>\n\n      <View style={styles.timeline}>\n        <View style={[styles.dot, styles.done]}><Text style={styles.stepCheckmark}>✓</Text></View>\n        <View style={styles.line} />\n        <View style={[styles.dot, styles.active]}><Text style={styles.stepCheckmark}>2</Text></View>\n        <View style={styles.line} />\n        <View style={[styles.dot, styles.pending]}><Text style={styles.stepCheckmark}>3</Text></View>\n      </View>\n\n      <View style={styles.row}>\n        <Text style={styles.stepLabel}>{t('kyc.verificationProgress.status.completed')}</Text>\n        <Text style={styles.stepLabel}>{t('kyc.verificationProgress.steps.analyzing')}</Text>\n        <Text style={styles.stepLabel}>{t('kyc.verificationProgress.steps.verifying')}</Text>\n      </View>\n\n      <View style={styles.card}>\n        <Text style={styles.cardTitle}>{t('kyc.idCardCapture.title')}</Text>\n        <Text style={styles.cardLine}>{t('kyc.verificationProgress.steps.extracting')}</Text>\n        <Text style={styles.cardTitle}>{t('kyc.selfieCapture.title')}</Text>\n        <Text style={styles.cardLine}>{t('kyc.verificationProgress.steps.analyzing')}</Text>\n        <Text style={styles.cardTitle}>{t('kyc.verificationProgress.title')}</Text>\n        <Text style={styles.cardLine}>\n          {isRetrying\n            ? `${t('kyc.verificationProgress.status.processing')}...`\n            : t('kyc.verificationProgress.status.pending')\n          }\n        </Text>\n      </View>\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: { flex: 1, width: '100%', paddingHorizontal: 16, paddingVertical: 12 },\n  title: { fontSize: 24, fontWeight: 'bold', color: '#111827', textAlign: 'center', marginTop: 12 },\n  subtitle: { fontSize: 14, color: '#6B7280', textAlign: 'center', marginTop: 8 },\n  timeline: { flexDirection: 'row', alignItems: 'center', justifyContent: 'space-between', marginTop: 24 },\n  dot: { width: 38, height: 38, borderRadius: 34, justifyContent: 'center', alignItems: 'center' },\n  stepCheckmark: { color: 'white', fontSize: 16, fontWeight: 'bold' },\n  line: { flex: 1, height: 4, backgroundColor: '#E5E7EB' },\n  done: { backgroundColor: '#10B981' },\n  active: { backgroundColor: '#F59E0B' },\n  pending: { backgroundColor: '#E5E7EB' },\n  row: { flexDirection: 'row', justifyContent: 'space-between', marginTop: 8 },\n  stepLabel: { fontSize: 14, color: '#111827', fontWeight: '600' },\n  card: { backgroundColor: 'white', padding: 16, borderRadius: 16, marginTop: 24 },\n  cardTitle: { fontSize: 16, color: '#6B7280', marginTop: 8 },\n  cardLine: { fontSize: 18, color: '#111827', fontWeight: '600', marginTop: 2 },\n  // Success/Failure specific\n  button: { paddingVertical: 14, borderRadius: 10, alignItems: 'center', marginTop: 20 },\n  primary: { backgroundColor: '#2DBD60' },\n  buttonText: { color: 'white', fontSize: 16, fontWeight: '600' },\n  refText: { marginTop: 12, textAlign: 'center', color: '#6B7280' },\n  issuesBox: { backgroundColor: '#FEF2F2', borderRadius: 16, padding: 16, marginTop: 20 },\n  issuesTitle: { color: '#991B1B', fontWeight: '700', marginBottom: 8 },\n  issueItem: { color: '#991B1B', marginTop: 4 },\n  secondary: { backgroundColor: '#F3F4F6' },\n  secondaryText: { color: '#111827', fontSize: 16, fontWeight: '600' },\n});\n\n\n\n"]}

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

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

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

@@ -1 +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"}
+{"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,qJAAkK,kBAAkB,gCAmJ1M,CAAA;AAED,eAAe,aAAa,CAAC"}

package/build/components/OverLay/IdCard.js

@@ -2,7 +2,7 @@ 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 IdCardOverlay = ({ xMin: xMinProps, yMin: yMinProps, xMax: xMaxProps, yMax: yMaxProps, cornerOpacity, instructions, cornerColor = "#4CAF50", stepperProps, isSuccess, language }) => {
     const screenWidth = Dimensions.get('window').width;
     const screenHeight = Dimensions.get('window').height;
     const boxWidth = xMaxProps - xMinProps;
@@ -14,7 +14,7 @@ const IdCardOverlay = ({ xMin: xMinProps, yMin: yMinProps, xMax: xMaxProps, yMax
     const yMax = yMin + boxHeight;
     return (<View style={StyleSheet.absoluteFill}>
             {stepperProps ? (<StepOverlay {...stepperProps}/>) : null}
-            
+
             <Animated.View style={[styles.topIntruction]}>
                 <Text style={styles.topIntructionText}>
                     💡 {instructions}
@@ -51,15 +51,19 @@ const IdCardOverlay = ({ xMin: xMinProps, yMin: yMinProps, xMax: xMaxProps, yMax
                 <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}/>
+            {isSuccess ? null : (<ScanningLine yMin={yMin} screenWidth={screenWidth} height={screenHeight} yMax={yMax}/>)}
+            {/* <ScanningLine yMin={yMin} screenWidth={screenWidth} height={screenHeight} yMax={yMax} /> */}
 
             <View style={styles.bottomIntruction}>
                 <Text style={styles.bottomTitle}>
-                    Mesurez 100cm de hauteur.
+                    {language === "en" ? "Measure 100cm in height." : "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.
+                    {language === "en"
+            ? "Do not move the camera during capture. • Do not move the camera during capture."
+            : "Ne pas déplacer la caméra pendant la capture. • Ne pas déplacer la caméra pendant la capture."}
+                    
                 </Text>
             </View>
         </View>);

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

@@ -1 +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})"]}
+{"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, isSuccess, language  }: 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            {isSuccess ? null : (\n                <ScanningLine yMin={yMin} screenWidth={screenWidth} height={screenHeight} yMax={yMax} />\n            )}\n            {/* <ScanningLine yMin={yMin} screenWidth={screenWidth} height={screenHeight} yMax={yMax} /> */}\n\n            <View style={styles.bottomIntruction}>\n                <Text style={styles.bottomTitle}>\n                    {language === \"en\" ? \"Measure 100cm in height.\":\"Mesurez 100cm de hauteur.\"}\n                  \n                </Text>\n                <Text style={styles.bottomSubtitle}>\n                    {\n                        language === \"en\" \n                          ? \"Do not move the camera during capture. • Do not move the camera during capture.\"\n                          : \"Ne pas déplacer la caméra pendant la capture. • Ne pas déplacer la caméra pendant la capture.\"\n                    }\n                    \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

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

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

@@ -1 +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"}
+{"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,oJAAgK,kBAAkB,gCAwGxM,CAAA;AAED,eAAe,aAAa,CAAC"}

package/build/components/OverLay/SelfieOverlay.js

@@ -4,7 +4,7 @@ import ScanningLine from "../Svgs/scanningLine";
 import FrontSelfieIcon from "../Svgs/frontSelfieIcon";
 import StepOverlay from "./StepOverlay";
 import SideSelfieIcon from "../Svgs/sideSelfieIcon";
-const SelfieOverlay = ({ xMin, yMin, xMax, yMax, cornerOpacity, instructions, cornerColor = "#4CAF50", stepperProps, instructionsTile, instructionsSubtitle, orientation }) => {
+const SelfieOverlay = ({ xMin, yMin, xMax, yMax, cornerOpacity, instructions, cornerColor = "#4CAF50", stepperProps, instructionsTile, instructionsSubtitle, orientation, isSuccess }) => {
     const screenWidth = Dimensions.get('window').width;
     const screenHeight = Dimensions.get('window').height;
     // Dimensions de l'icône FrontSelfieIcon (240x285 selon le viewBox)
@@ -34,7 +34,7 @@ const SelfieOverlay = ({ xMin, yMin, xMax, yMax, cornerOpacity, instructions, co
 
                 {/* Overlay semi-transparent avec masque */}
                 <Rect x="0" y="0" width="100%" height="100%" fill="rgba(0, 0, 0, 0.5)" mask="url(#faceMask)"/>
-                <ScanningLine yMin={scanningYMin} screenWidth={screenWidth} height={screenHeight} yMax={scanningYMax}/>
+                {isSuccess ? null : <ScanningLine yMin={scanningYMin} screenWidth={screenWidth} height={screenHeight} yMax={scanningYMax}/>}
             </Svg>
 
             {/* Container de l'icône - centré automatiquement */}
@@ -44,11 +44,11 @@ const SelfieOverlay = ({ xMin, yMin, xMax, yMax, cornerOpacity, instructions, co
                 width: iconWidth,
                 height: iconHeight,
             }]}>
-                {orientation === "front" ? <FrontSelfieIcon /> : <SideSelfieIcon />}
+                {orientation === "center" ? <FrontSelfieIcon /> : <SideSelfieIcon />}
             </View>
 
             {/* Flèche directionnelle pour les orientations latérales */}
-            {orientation !== "front" ? (<View style={[
+            {orientation !== "center" ? (<View style={[
                 styles.arrowContainer,
                 {
                     top: iconY + iconHeight / 2 - 50, // Centré verticalement par rapport à l'icône
@@ -62,6 +62,7 @@ const SelfieOverlay = ({ xMin, yMin, xMax, yMax, cornerOpacity, instructions, co
             ]}/>
                 </View>) : null}
 
+
             <View style={styles.bottomIntruction}>
                 <Text style={styles.bottomTitle}>
                     {instructionsTile}

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

@@ -1 +1 @@
-{"version":3,"file":"SelfieOverlay.js","sourceRoot":"","sources":["../../../src/components/OverLay/SelfieOverlay.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Dimensions, Image, StyleSheet, Text, View } from \"react-native\";\nimport { IdCardOverlayProps } from \"./type\";\nimport Svg, { Rect, Path, Mask, Defs } from 'react-native-svg';\nimport ScanningLine from \"../Svgs/scanningLine\";\nimport FrontSelfieIcon from \"../Svgs/frontSelfieIcon\";\nimport StepOverlay from \"./StepOverlay\";\nimport SideSelfieIcon from \"../Svgs/sideSelfieIcon\";\n\nconst SelfieOverlay = ({ xMin, yMin, xMax, yMax, cornerOpacity, instructions, cornerColor = \"#4CAF50\", stepperProps, instructionsTile, instructionsSubtitle, orientation }: IdCardOverlayProps) => {\n    const screenWidth = Dimensions.get('window').width;\n    const screenHeight = Dimensions.get('window').height;\n\n    // Dimensions de l'icône FrontSelfieIcon (240x285 selon le viewBox)\n    const iconWidth = 240;\n    const iconHeight = 285;\n\n    // Calculer la position pour centrer l'icône\n    const iconX = (screenWidth - iconWidth) / 2;\n    const iconY = (screenHeight - iconHeight) / 3;\n\n    // Position du centre pour le masque (doit correspondre au centre de l'icône)\n    const maskCenterX = iconX + iconWidth / 2;\n    const maskCenterY = iconY + iconHeight / 2;\n\n    // Zone pour ScanningLine (basée sur la zone de l'icône)\n    const scanningYMin = iconY;\n    const scanningYMax = iconY + iconHeight;\n\n    return (\n        <View style={StyleSheet.absoluteFill}>\n            {stepperProps ? (\n                <StepOverlay {...stepperProps} />\n            ) : null}\n\n            <Svg\n                height=\"100%\"\n                width=\"100%\"\n                style={[StyleSheet.absoluteFill]}\n            >\n                <Defs>\n                    <Mask id=\"faceMask\">\n                        {/* Fond blanc - zone visible (extérieur) */}\n                        <Rect\n                            x=\"0\"\n                            y=\"0\"\n                            width=\"100%\"\n                            height=\"100%\"\n                            fill=\"white\"\n                        />\n                        {/* Zone noire - zone masquée (forme du visage) - exactement alignée avec l'icône */}\n                        <Path\n                            d=\"M35.4198 48.9242C38.2153 41.9014 42.5851 35.6693 48.3859 30.8232C61.3601 19.9842 88.1543 1.5 120 1.5C151.846 1.5 178.64 19.9842 191.614 30.8232C197.415 35.6693 201.785 41.9014 204.58 48.9242C210.484 63.7564 220 93.0114 220 127.5C220 168.082 204.19 212.617 198.234 227.954C196.792 231.667 194.971 235.196 192.628 238.417C183.46 251.021 156.313 283.5 120 283.5C83.6867 283.5 56.5401 251.021 47.3723 238.417C45.0294 235.196 43.2081 231.667 41.7663 227.954C35.8102 212.617 20 168.082 20 127.5C20 93.0114 29.5157 63.7564 35.4198 48.9242Z\"\n                            fill=\"black\"\n                            transform={`translate(${maskCenterX}, ${maskCenterY}) translate(-120, -142.5)`}\n                        />\n                    </Mask>\n                </Defs>\n\n                {/* Overlay semi-transparent avec masque */}\n                <Rect\n                    x=\"0\"\n                    y=\"0\"\n                    width=\"100%\"\n                    height=\"100%\"\n                    fill=\"rgba(0, 0, 0, 0.5)\"\n                    mask=\"url(#faceMask)\"\n                />\n                <ScanningLine yMin={scanningYMin} screenWidth={screenWidth} height={screenHeight} yMax={scanningYMax} />\n            </Svg>\n\n            {/* Container de l'icône - centré automatiquement */}\n            <View style={[styles.iconContainer, {\n                left: iconX,\n                top: iconY,\n                width: iconWidth,\n                height: iconHeight,\n            }]}>\n                {orientation === \"front\" ? <FrontSelfieIcon /> : <SideSelfieIcon />}\n            </View>\n\n            {/* Flèche directionnelle pour les orientations latérales */}\n            {orientation !== \"front\" ? (\n                <View style={[\n                    styles.arrowContainer,\n                    {\n                        top: iconY + iconHeight / 2 - 50, // Centré verticalement par rapport à l'icône\n                        left: orientation === \"left\" ? iconX - 72 : 'auto',\n                        right: orientation === \"right\" ? iconX-75: 'auto'\n                    }\n                ]}>\n                    <Image\n                        source={require('../Svgs/directionArrow.gif')}\n                        resizeMode=\"contain\"\n                        style={[\n                            styles.arrowImage,\n                            { transform: orientation === \"right\" ? [{ scaleX: -1 }] : [] }\n                        ]}\n                    />\n                </View>\n            ) : null}\n\n            <View style={styles.bottomIntruction}>\n                <Text style={styles.bottomTitle}>\n                    {instructionsTile}\n                </Text>\n                <Text style={styles.bottomSubtitle}>\n                    {instructionsSubtitle}\n                </Text>\n            </View>\n        </View>\n    )\n}\n\nexport default SelfieOverlay;\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    iconContainer: {\n        position: 'absolute',\n        justifyContent: 'center',\n        alignItems: 'center',\n    },\n    arrowContainer: {\n        position: 'absolute',\n        width: 100,\n        height: 100,\n        justifyContent: 'center',\n        alignItems: 'center',\n    },\n    arrowImage: {\n        width: 100,\n        height: 100,\n        objectFit: 'contain',\n    },\n})\n"]}
+{"version":3,"file":"SelfieOverlay.js","sourceRoot":"","sources":["../../../src/components/OverLay/SelfieOverlay.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Dimensions, Image, StyleSheet, Text, View } from \"react-native\";\nimport { IdCardOverlayProps } from \"./type\";\nimport Svg, { Rect, Path, Mask, Defs } from 'react-native-svg';\nimport ScanningLine from \"../Svgs/scanningLine\";\nimport FrontSelfieIcon from \"../Svgs/frontSelfieIcon\";\nimport StepOverlay from \"./StepOverlay\";\nimport SideSelfieIcon from \"../Svgs/sideSelfieIcon\";\n\nconst SelfieOverlay = ({ xMin, yMin, xMax, yMax, cornerOpacity, instructions, cornerColor = \"#4CAF50\", stepperProps, instructionsTile, instructionsSubtitle, orientation, isSuccess }: IdCardOverlayProps) => {\n    const screenWidth = Dimensions.get('window').width;\n    const screenHeight = Dimensions.get('window').height;\n\n    // Dimensions de l'icône FrontSelfieIcon (240x285 selon le viewBox)\n    const iconWidth = 240;\n    const iconHeight = 285;\n\n    // Calculer la position pour centrer l'icône\n    const iconX = (screenWidth - iconWidth) / 2;\n    const iconY = (screenHeight - iconHeight) / 3;\n\n    // Position du centre pour le masque (doit correspondre au centre de l'icône)\n    const maskCenterX = iconX + iconWidth / 2;\n    const maskCenterY = iconY + iconHeight / 2;\n\n    // Zone pour ScanningLine (basée sur la zone de l'icône)\n    const scanningYMin = iconY;\n    const scanningYMax = iconY + iconHeight;\n\n    return (\n        <View style={StyleSheet.absoluteFill}>\n            {stepperProps ? (\n                <StepOverlay {...stepperProps} />\n            ) : null}\n\n            <Svg\n                height=\"100%\"\n                width=\"100%\"\n                style={[StyleSheet.absoluteFill]}\n            >\n                <Defs>\n                    <Mask id=\"faceMask\">\n                        {/* Fond blanc - zone visible (extérieur) */}\n                        <Rect\n                            x=\"0\"\n                            y=\"0\"\n                            width=\"100%\"\n                            height=\"100%\"\n                            fill=\"white\"\n                        />\n                        {/* Zone noire - zone masquée (forme du visage) - exactement alignée avec l'icône */}\n                        <Path\n                            d=\"M35.4198 48.9242C38.2153 41.9014 42.5851 35.6693 48.3859 30.8232C61.3601 19.9842 88.1543 1.5 120 1.5C151.846 1.5 178.64 19.9842 191.614 30.8232C197.415 35.6693 201.785 41.9014 204.58 48.9242C210.484 63.7564 220 93.0114 220 127.5C220 168.082 204.19 212.617 198.234 227.954C196.792 231.667 194.971 235.196 192.628 238.417C183.46 251.021 156.313 283.5 120 283.5C83.6867 283.5 56.5401 251.021 47.3723 238.417C45.0294 235.196 43.2081 231.667 41.7663 227.954C35.8102 212.617 20 168.082 20 127.5C20 93.0114 29.5157 63.7564 35.4198 48.9242Z\"\n                            fill=\"black\"\n                            transform={`translate(${maskCenterX}, ${maskCenterY}) translate(-120, -142.5)`}\n                        />\n                    </Mask>\n                </Defs>\n\n                {/* Overlay semi-transparent avec masque */}\n                <Rect\n                    x=\"0\"\n                    y=\"0\"\n                    width=\"100%\"\n                    height=\"100%\"\n                    fill=\"rgba(0, 0, 0, 0.5)\"\n                    mask=\"url(#faceMask)\"\n                />\n                {isSuccess ? null : <ScanningLine yMin={scanningYMin} screenWidth={screenWidth} height={screenHeight} yMax={scanningYMax} />}\n            </Svg>\n\n            {/* Container de l'icône - centré automatiquement */}\n            <View style={[styles.iconContainer, {\n                left: iconX,\n                top: iconY,\n                width: iconWidth,\n                height: iconHeight,\n            }]}>\n                {orientation === \"center\" ? <FrontSelfieIcon /> : <SideSelfieIcon />}\n            </View>\n\n            {/* Flèche directionnelle pour les orientations latérales */}\n            {orientation !== \"center\" ? (\n                <View style={[\n                    styles.arrowContainer,\n                    {\n                        top: iconY + iconHeight / 2 - 50, // Centré verticalement par rapport à l'icône\n                        left: orientation === \"left\" ? iconX - 72 : 'auto',\n                        right: orientation === \"right\" ? iconX - 75 : 'auto'\n                    }\n                ]}>\n                    <Image\n                        source={require('../Svgs/directionArrow.gif')}\n                        resizeMode=\"contain\"\n                        style={[\n                            styles.arrowImage,\n                            { transform: orientation === \"right\" ? [{ scaleX: -1 }] : [] }\n                        ]}\n                    />\n                </View>\n            ) : null}\n\n\n            <View style={styles.bottomIntruction}>\n                <Text style={styles.bottomTitle}>\n                    {instructionsTile}\n                </Text>\n                <Text style={styles.bottomSubtitle}>\n                    {instructionsSubtitle}\n                </Text>\n            </View>\n        </View>\n    )\n}\n\nexport default SelfieOverlay;\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    iconContainer: {\n        position: 'absolute',\n        justifyContent: 'center',\n        alignItems: 'center',\n    },\n    arrowContainer: {\n        position: 'absolute',\n        width: 100,\n        height: 100,\n        justifyContent: 'center',\n        alignItems: 'center',\n    },\n    arrowImage: {\n        width: 100,\n        height: 100,\n        objectFit: 'contain',\n    },\n})\n"]}

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

@@ -1,3 +1,5 @@
+import { ViewStyle } from "react-native";
+import { ISilentCaptureResult } from "../../types/KYC.types";
 export interface IdCardOverlayProps {
     xMin: number;
     yMin: number;
@@ -9,7 +11,10 @@ export interface IdCardOverlayProps {
     stepperProps?: StepperProps;
     instructionsTile?: string;
     instructionsSubtitle?: string;
-    orientation?: 'front' | 'left' | 'right';
+    orientation?: 'center' | 'left' | 'right';
+    isAnalyzing?: boolean;
+    isSuccess?: boolean;
+    language: string;
 }
 interface StepperProps {
     back: () => void;
@@ -17,5 +22,70 @@ interface StepperProps {
     step: number;
     totalSteps: number;
 }
+export interface ExtractMrzTextResponse {
+    parsed_data: {
+        mrz_type: string;
+        document_code: string;
+        issuer_code: string;
+        surname: string;
+        given_name: string;
+        document_number: string;
+        document_number_checkdigit: string;
+        nationality_code: string;
+        birth_date: string;
+        sex: string;
+        expiry_date: string;
+        optional_data: string;
+        mrz_text: string;
+        status: string;
+    };
+    success: boolean;
+}
+export interface EnhancedCameraViewProps {
+    instructions?: string;
+    showCamera: boolean;
+    cameraType?: 'front' | 'back';
+    style?: ViewStyle;
+    onCapture?: (result: {
+        success: boolean;
+        path?: string;
+        error?: string;
+    }) => void;
+    onSilentCapture?: (result: {
+        success: boolean;
+        path?: string;
+        error?: string;
+    }) => void;
+    silentCaptureResult?: ISilentCaptureResult;
+    onError?: (event: {
+        message: string;
+    }) => void;
+    onClose?: () => void;
+    enableFlash?: boolean;
+    enableHdr?: boolean;
+    quality?: 'low' | 'medium' | 'high';
+    showCaptureButton?: boolean;
+    showSwitchCamera?: boolean;
+    overlayComponent?: React.ReactNode;
+    bbox?: {
+        xMin: number;
+        yMin: number;
+        xMax: number;
+        yMax: number;
+        borderColor?: string;
+        borderWidth?: number;
+        cornerRadius?: number;
+    };
+    canFlip?: boolean;
+    enableVideo?: boolean;
+    isRecording?: boolean;
+    onVideoRecordingStart?: () => void;
+    onVideoRecordingStop?: (result: {
+        success: boolean;
+        path?: string;
+        error?: string;
+    }) => void;
+    videoDuration?: number;
+}
 export {};
 //# sourceMappingURL=type.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../src/components/OverLay/type.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,kBAAkB;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,WAAW,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC;CAC5C;AAGD,UAAU,YAAY;IAClB,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;CACtB"}
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../src/components/OverLay/type.ts"],"names":[],"mappings":"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"}