@sanctum-key/react-native-sdk 1.0.0

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;AAM1D,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,195 @@
+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, { errorMessage } from '../../modules/api/KYCService';
+import { logger } from '../../utils/logger';
+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 {
+            logger.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;
+            logger.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);
+                    logger.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 {
+                    logger.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) {
+            logger.error('getVerificationResult error', JSON.stringify(errorMessage(error), null, 2));
+            // En cas d'erreur, on peut aussi retry
+            if (currentRetryCount < maxRetries) {
+                const nextRetryCount = currentRetryCount + 1;
+                setRetryCount(nextRetryCount);
+                setIsRetrying(true);
+                logger.log(`getVerificationResult 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);
+                logger.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.resetTemplate()}>
+          <Text style={styles.buttonText}>{t('kyc.verificationProgress.status.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', { current: retryCount, max: 40 })}`
+            : 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, { errorMessage } from '../../modules/api/KYCService';\nimport { logger } from '../../utils/logger';\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      logger.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      logger.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          logger.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          logger.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      logger.error('getVerificationResult error', JSON.stringify(errorMessage(error), null, 2));\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        logger.log(`getVerificationResult 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        logger.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.resetTemplate()}>\n          <Text style={styles.buttonText}>{t('kyc.verificationProgress.status.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', { current: retryCount, max: 40 })}`\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/KYCElements/VerificationStep.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { KYCElement } from '../../types/KYC.types';
+interface VerificationStepProps {
+    element: KYCElement;
+    onComplete: () => void;
+    error?: string;
+}
+export declare const VerificationStep: React.FC<VerificationStepProps>;
+export {};
+//# sourceMappingURL=VerificationStep.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VerificationStep.d.ts","sourceRoot":"","sources":["../../../src/components/KYCElements/VerificationStep.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,UAAU,qBAAqB;IAC7B,OAAO,EAAE,UAAU,CAAC;IACpB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAiG5D,CAAC"}

package/build/components/KYCElements/VerificationStep.js

@@ -0,0 +1,199 @@
+import React, { useState, useEffect } from 'react';
+import { View, Text, StyleSheet, ActivityIndicator } from 'react-native';
+export const VerificationStep = ({ element, onComplete, error, }) => {
+    const [progress, setProgress] = useState(0);
+    const [currentStep, setCurrentStep] = useState(0);
+    const [isComplete, setIsComplete] = useState(false);
+    const verificationSteps = [
+        'Analyse des documents',
+        'Vérification de l\'identité',
+        'Contrôle de la selfie',
+        'Validation des données',
+        'Finalisation'
+    ];
+    useEffect(() => {
+        const simulateVerification = async () => {
+            for (let i = 0; i < verificationSteps.length; i++) {
+                setCurrentStep(i);
+                setProgress((i / (verificationSteps.length - 1)) * 100);
+                // Simuler un délai pour chaque étape
+                await new Promise(resolve => setTimeout(resolve, 1500 + Math.random() * 1000));
+            }
+            setProgress(100);
+            setIsComplete(true);
+            // Attendre un peu avant de compléter
+            setTimeout(() => {
+                onComplete();
+            }, 1000);
+        };
+        simulateVerification();
+    }, [verificationSteps.length, onComplete]);
+    return (<View style={styles.container}>
+      <Text style={styles.title}>{element.title}</Text>
+      <Text style={styles.description}>{element.description}</Text>
+      
+      <View style={styles.progressContainer}>
+        <View style={styles.progressBar}>
+          <View style={[styles.progressFill, { width: `${progress}%` }]}/>
+        </View>
+        <Text style={styles.progressText}>{Math.round(progress)}%</Text>
+      </View>
+
+      <View style={styles.stepsContainer}>
+        {verificationSteps.map((step, index) => (<View key={index} style={styles.stepItem}>
+            <View style={[
+                styles.stepIndicator,
+                index < currentStep && styles.stepCompleted,
+                index === currentStep && styles.stepCurrent,
+                index > currentStep && styles.stepPending
+            ]}>
+              {index < currentStep ? (<Text style={styles.stepCheckmark}>✓</Text>) : index === currentStep ? (<ActivityIndicator size="small" color="#4CAF50"/>) : (<Text style={styles.stepNumber}>{index + 1}</Text>)}
+            </View>
+            <Text style={[
+                styles.stepText,
+                index <= currentStep && styles.stepTextActive
+            ]}>
+              {step}
+            </Text>
+          </View>))}
+      </View>
+
+      {isComplete && (<View style={styles.completionContainer}>
+          <Text style={styles.completionIcon}>✅</Text>
+          <Text style={styles.completionText}>
+            Vérification terminée avec succès !
+          </Text>
+        </View>)}
+
+      {error && (<View style={styles.errorContainer}>
+          <Text style={styles.errorIcon}>❌</Text>
+          <Text style={styles.errorText}>{error}</Text>
+        </View>)}
+    </View>);
+};
+const styles = StyleSheet.create({
+    container: {
+        flex: 1,
+        padding: 16,
+        justifyContent: 'center',
+    },
+    title: {
+        fontSize: 24,
+        fontWeight: 'bold',
+        color: '#333',
+        marginBottom: 8,
+        textAlign: 'center',
+    },
+    description: {
+        fontSize: 16,
+        color: '#666',
+        textAlign: 'center',
+        marginBottom: 32,
+        lineHeight: 22,
+    },
+    progressContainer: {
+        alignItems: 'center',
+        marginBottom: 32,
+    },
+    progressBar: {
+        width: '100%',
+        height: 8,
+        backgroundColor: '#e5e5e5',
+        borderRadius: 4,
+        overflow: 'hidden',
+        marginBottom: 8,
+    },
+    progressFill: {
+        height: '100%',
+        backgroundColor: '#4CAF50',
+        borderRadius: 4,
+    },
+    progressText: {
+        fontSize: 18,
+        fontWeight: '600',
+        color: '#4CAF50',
+    },
+    stepsContainer: {
+        marginBottom: 32,
+    },
+    stepItem: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        marginBottom: 16,
+    },
+    stepIndicator: {
+        width: 32,
+        height: 32,
+        borderRadius: 16,
+        justifyContent: 'center',
+        alignItems: 'center',
+        marginRight: 16,
+    },
+    stepCompleted: {
+        backgroundColor: '#4CAF50',
+    },
+    stepCurrent: {
+        backgroundColor: '#fff',
+        borderWidth: 2,
+        borderColor: '#4CAF50',
+    },
+    stepPending: {
+        backgroundColor: '#e5e5e5',
+    },
+    stepCheckmark: {
+        color: 'white',
+        fontSize: 16,
+        fontWeight: 'bold',
+    },
+    stepNumber: {
+        color: '#666',
+        fontSize: 14,
+        fontWeight: '600',
+    },
+    stepText: {
+        fontSize: 16,
+        color: '#666',
+        flex: 1,
+    },
+    stepTextActive: {
+        color: '#333',
+        fontWeight: '500',
+    },
+    completionContainer: {
+        alignItems: 'center',
+        padding: 24,
+        backgroundColor: '#f0f9f0',
+        borderRadius: 12,
+        borderWidth: 2,
+        borderColor: '#4CAF50',
+    },
+    completionIcon: {
+        fontSize: 48,
+        marginBottom: 16,
+    },
+    completionText: {
+        fontSize: 18,
+        fontWeight: '600',
+        color: '#4CAF50',
+        textAlign: 'center',
+    },
+    errorContainer: {
+        alignItems: 'center',
+        padding: 24,
+        backgroundColor: '#fef2f2',
+        borderRadius: 12,
+        borderWidth: 2,
+        borderColor: '#dc2626',
+    },
+    errorIcon: {
+        fontSize: 48,
+        marginBottom: 16,
+    },
+    errorText: {
+        fontSize: 18,
+        fontWeight: '600',
+        color: '#dc2626',
+        textAlign: 'center',
+    },
+});
+//# sourceMappingURL=VerificationStep.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VerificationStep.js","sourceRoot":"","sources":["../../../src/components/KYCElements/VerificationStep.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useState, useEffect } from 'react';\nimport { View, Text, StyleSheet, ActivityIndicator } from 'react-native';\nimport { KYCElement } from '../../types/KYC.types';\n\ninterface VerificationStepProps {\n  element: KYCElement;\n  onComplete: () => void;\n  error?: string;\n}\n\nexport const VerificationStep: React.FC<VerificationStepProps> = ({\n  element,\n  onComplete,\n  error,\n}) => {\n  const [progress, setProgress] = useState(0);\n  const [currentStep, setCurrentStep] = useState(0);\n  const [isComplete, setIsComplete] = useState(false);\n\n  const verificationSteps = [\n    'Analyse des documents',\n    'Vérification de l\\'identité',\n    'Contrôle de la selfie',\n    'Validation des données',\n    'Finalisation'\n  ];\n\n  useEffect(() => {\n    const simulateVerification = async () => {\n      for (let i = 0; i < verificationSteps.length; i++) {\n        setCurrentStep(i);\n        setProgress((i / (verificationSteps.length - 1)) * 100);\n        \n        // Simuler un délai pour chaque étape\n        await new Promise(resolve => setTimeout(resolve, 1500 + Math.random() * 1000));\n      }\n      \n      setProgress(100);\n      setIsComplete(true);\n      \n      // Attendre un peu avant de compléter\n      setTimeout(() => {\n        onComplete();\n      }, 1000);\n    };\n\n    simulateVerification();\n  }, [verificationSteps.length, onComplete]);\n\n  return (\n    <View style={styles.container}>\n      <Text style={styles.title}>{element.title}</Text>\n      <Text style={styles.description}>{element.description}</Text>\n      \n      <View style={styles.progressContainer}>\n        <View style={styles.progressBar}>\n          <View \n            style={[styles.progressFill, { width: `${progress}%` }]}\n          />\n        </View>\n        <Text style={styles.progressText}>{Math.round(progress)}%</Text>\n      </View>\n\n      <View style={styles.stepsContainer}>\n        {verificationSteps.map((step, index) => (\n          <View key={index} style={styles.stepItem}>\n            <View style={[\n              styles.stepIndicator,\n              index < currentStep && styles.stepCompleted,\n              index === currentStep && styles.stepCurrent,\n              index > currentStep && styles.stepPending\n            ]}>\n              {index < currentStep ? (\n                <Text style={styles.stepCheckmark}>✓</Text>\n              ) : index === currentStep ? (\n                <ActivityIndicator size=\"small\" color=\"#4CAF50\" />\n              ) : (\n                <Text style={styles.stepNumber}>{index + 1}</Text>\n              )}\n            </View>\n            <Text style={[\n              styles.stepText,\n              index <= currentStep && styles.stepTextActive\n            ]}>\n              {step}\n            </Text>\n          </View>\n        ))}\n      </View>\n\n      {isComplete && (\n        <View style={styles.completionContainer}>\n          <Text style={styles.completionIcon}>✅</Text>\n          <Text style={styles.completionText}>\n            Vérification terminée avec succès !\n          </Text>\n        </View>\n      )}\n\n      {error && (\n        <View style={styles.errorContainer}>\n          <Text style={styles.errorIcon}>❌</Text>\n          <Text style={styles.errorText}>{error}</Text>\n        </View>\n      )}\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    flex: 1,\n    padding: 16,\n    justifyContent: 'center',\n  },\n  title: {\n    fontSize: 24,\n    fontWeight: 'bold',\n    color: '#333',\n    marginBottom: 8,\n    textAlign: 'center',\n  },\n  description: {\n    fontSize: 16,\n    color: '#666',\n    textAlign: 'center',\n    marginBottom: 32,\n    lineHeight: 22,\n  },\n  progressContainer: {\n    alignItems: 'center',\n    marginBottom: 32,\n  },\n  progressBar: {\n    width: '100%',\n    height: 8,\n    backgroundColor: '#e5e5e5',\n    borderRadius: 4,\n    overflow: 'hidden',\n    marginBottom: 8,\n  },\n  progressFill: {\n    height: '100%',\n    backgroundColor: '#4CAF50',\n    borderRadius: 4,\n  },\n  progressText: {\n    fontSize: 18,\n    fontWeight: '600',\n    color: '#4CAF50',\n  },\n  stepsContainer: {\n    marginBottom: 32,\n  },\n  stepItem: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    marginBottom: 16,\n  },\n  stepIndicator: {\n    width: 32,\n    height: 32,\n    borderRadius: 16,\n    justifyContent: 'center',\n    alignItems: 'center',\n    marginRight: 16,\n  },\n  stepCompleted: {\n    backgroundColor: '#4CAF50',\n  },\n  stepCurrent: {\n    backgroundColor: '#fff',\n    borderWidth: 2,\n    borderColor: '#4CAF50',\n  },\n  stepPending: {\n    backgroundColor: '#e5e5e5',\n  },\n  stepCheckmark: {\n    color: 'white',\n    fontSize: 16,\n    fontWeight: 'bold',\n  },\n  stepNumber: {\n    color: '#666',\n    fontSize: 14,\n    fontWeight: '600',\n  },\n  stepText: {\n    fontSize: 16,\n    color: '#666',\n    flex: 1,\n  },\n  stepTextActive: {\n    color: '#333',\n    fontWeight: '500',\n  },\n  completionContainer: {\n    alignItems: 'center',\n    padding: 24,\n    backgroundColor: '#f0f9f0',\n    borderRadius: 12,\n    borderWidth: 2,\n    borderColor: '#4CAF50',\n  },\n  completionIcon: {\n    fontSize: 48,\n    marginBottom: 16,\n  },\n  completionText: {\n    fontSize: 18,\n    fontWeight: '600',\n    color: '#4CAF50',\n    textAlign: 'center',\n  },\n  errorContainer: {\n    alignItems: 'center',\n    padding: 24,\n    backgroundColor: '#fef2f2',\n    borderRadius: 12,\n    borderWidth: 2,\n    borderColor: '#dc2626',\n  },\n  errorIcon: {\n    fontSize: 48,\n    marginBottom: 16,\n  },\n  errorText: {\n    fontSize: 18,\n    fontWeight: '600',\n    color: '#dc2626',\n    textAlign: 'center',\n  },\n}); "]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"WelcomeTemplate.d.ts","sourceRoot":"","sources":["../../../src/components/KYCElements/WelcomeTemplate.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,iBAAiB,EAAgC,MAAM,uBAAuB,CAAC;AAMxF,UAAU,oBAAoB;IAC5B,SAAS,EAAE,iBAAiB,CAAC;IAC7B,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,aAAa,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAkJ1D,CAAC"}