@sanctum-key/react-native-sdk 1.0.0

package/build/components/TemplateKYCExample.js

@@ -0,0 +1,155 @@
+import React from 'react';
+import { View, SafeAreaView } from 'react-native';
+import { TemplateKYCFlow } from './TemplateKYCFlowRefactored';
+const advancedVerificationTemplate = {
+    id: 1,
+    name: {
+        en: "Advanced Verification",
+        fr: "Vérification Avancée"
+    },
+    description: {
+        en: "Extended identity verification flow",
+        fr: "Processus de vérification d'identité étendu"
+    },
+    version: "1.1.0",
+    components: [
+        {
+            id: 5,
+            type: "location",
+            order: 1,
+            labels: {
+                en: "Enable your location",
+                fr: "Activez votre localisation"
+            },
+            instructions: {
+                en: "We need your GPS location for compliance purposes.",
+                fr: "Nous avons besoin de votre localisation GPS pour des raisons réglementaires."
+            },
+            ui: {
+                icon: "location-icon.png",
+                themeColor: "#2DBD60",
+                buttonText: { en: "Enable Location", fr: "Activer la localisation" }
+            },
+            config: {
+                accuracy: "high",
+                required: true
+            }
+        },
+        {
+            id: 6,
+            type: "country_selection",
+            order: 2,
+            labels: {
+                en: "Select your country",
+                fr: "Sélectionnez votre pays"
+            },
+            instructions: {
+                en: "Choose your country of residence.",
+                fr: "Choisissez votre pays de résidence."
+            },
+            ui: {
+                icon: "country-icon.png",
+                themeColor: "#2DBD60",
+                buttonText: { en: "Confirm", fr: "Confirmer" }
+            },
+            config: {
+                allowed_countries: ["CM", "NG", "CI", "KE", "GH"],
+                default_country: "CM",
+                required: true
+            }
+        },
+        {
+            id: 1,
+            type: "id_card",
+            order: 3,
+            templateId: 1,
+            labels: {
+                front: {
+                    en: "Upload front of ID card",
+                    fr: "Téléversez le recto de votre carte d'identité"
+                },
+                back: {
+                    en: "Upload back of ID card",
+                    fr: "Téléversez le verso de votre carte d'identité"
+                },
+            },
+            instructions: {
+                front: {
+                    en: "Take a clear photo of the front of your ID.",
+                    fr: "Prenez une photo nette du recto de votre pièce."
+                },
+                back: {
+                    en: "Take a clear photo of the back of your ID.",
+                    fr: "Prenez une photo nette du verso de votre pièce."
+                },
+            },
+            ui: {
+                front: {
+                    icon: "id-card-icon.png",
+                    themeColor: "#2DBD60",
+                    buttonText: { en: "Next", fr: "Suivant" }
+                },
+                back: {
+                    icon: "id-card-icon.png",
+                    themeColor: "#2DBD60",
+                    buttonText: { en: "Next", fr: "Suivant" }
+                },
+            },
+            config: {
+                sides: ["front", "back"],
+                allowed_formats: ["jpg", "png"],
+                max_size_mb: 5,
+                document_types: ["drivers_licence", "passport", "drivers_licence", "national_id"],
+            }
+        },
+        {
+            id: 3,
+            type: "selfie",
+            order: 5,
+            templateId: 1,
+            labels: {
+                en: "Take selfies from different angles",
+                fr: "Prenez des selfies sous différents angles"
+            },
+            instructions: {
+                en: "Take selfies from front, left, and right angles.",
+                fr: "Prenez des selfies de face, profil gauche et profil droit."
+            },
+            ui: {
+                icon: "selfie-icon.png",
+                themeColor: "#2DBD60",
+                buttonText: { en: "Next", fr: "Suivant" }
+            },
+            config: {
+                liveness_check: true,
+                max_attempts: 3,
+                orientations: ["center", "left", "right"]
+            }
+        },
+    ]
+};
+export const TemplateKYCExample = ({ onComplete, onCancel, onError, language, API_KEY, templateId, template, env = 'PRODUCTION', serverEnv, existingSessionId, initialComponentIndex, initialCountryResume }) => {
+    const handleComplete = (data) => {
+        console.log('KYC Template completed with data:', data);
+        onComplete(data);
+        // Ici vous pouvez envoyer les données à votre API
+    };
+    const handleCancel = () => {
+        console.log('KYC Template flow cancelled');
+        onCancel();
+    };
+    const handleError = (error) => {
+        console.error('KYC Template error:', error);
+        onError(error);
+    };
+    // Transform backend template to SDK format
+    // Determine which template to use: prefer templateId for dynamic loading, then template prop, then fallback to hardcoded
+    const templateToUse = templateId ? undefined : (template || advancedVerificationTemplate);
+    return (<SafeAreaView style={{ flex: 1, paddingVertical: 25 }}>
+      <View style={{ flex: 1 }}>
+        <TemplateKYCFlow template={templateToUse} templateId={templateId} onComplete={handleComplete} onError={handleError} onCancel={handleCancel} language={language} // ou "en" pour l'anglais
+     API_KEY={API_KEY} env={env} serverEnv={serverEnv} existingSessionId={existingSessionId} initialComponentIndex={initialComponentIndex} initialCountryResume={initialCountryResume}/>
+      </View>
+    </SafeAreaView>);
+};
+//# sourceMappingURL=TemplateKYCExample.js.map

package/build/components/TemplateKYCExample.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TemplateKYCExample.js","sourceRoot":"","sources":["../../src/components/TemplateKYCExample.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport { View, SafeAreaView } from 'react-native';\nimport { TemplateKYCFlow } from './TemplateKYCFlowRefactored';\nimport { KYCTemplate, VerificationState } from '../types/KYC.types';\nimport { KycEnvironment, BackendEnvironment } from '../types/env.types';\n\n\n\n\nconst advancedVerificationTemplate: KYCTemplate = {\n  id: 1,\n  name: {\n    en: \"Advanced Verification\",\n    fr: \"Vérification Avancée\"\n  },\n  description: {\n    en: \"Extended identity verification flow\",\n    fr: \"Processus de vérification d'identité étendu\"\n  },\n  version: \"1.1.0\",\n  components: [\n    {\n      id: 5,\n      type: \"location\" as const,\n      order: 1,\n      labels: {\n        en: \"Enable your location\",\n        fr: \"Activez votre localisation\"\n      },\n      instructions: {\n        en: \"We need your GPS location for compliance purposes.\",\n        fr: \"Nous avons besoin de votre localisation GPS pour des raisons réglementaires.\"\n      },\n      ui: {\n        icon: \"location-icon.png\",\n        themeColor: \"#2DBD60\",\n        buttonText: { en: \"Enable Location\", fr: \"Activer la localisation\" }\n      },\n      config: {\n        accuracy: \"high\",\n        required: true\n      } as const\n    },\n    {\n      id: 6,\n      type: \"country_selection\" as const,\n      order: 2,\n      labels: {\n        en: \"Select your country\",\n        fr: \"Sélectionnez votre pays\"\n      },\n      instructions: {\n        en: \"Choose your country of residence.\",\n        fr: \"Choisissez votre pays de résidence.\"\n      },\n      ui: {\n        icon: \"country-icon.png\",\n        themeColor: \"#2DBD60\",\n        buttonText: { en: \"Confirm\", fr: \"Confirmer\" }\n      },\n      config: {\n        allowed_countries: [\"CM\", \"NG\", \"CI\", \"KE\", \"GH\"],\n        default_country: \"CM\",\n        required: true\n      } as const\n    },\n    {\n      id: 1,\n      type: \"id_card\" as const,\n      order: 3,\n      templateId: 1,\n      labels: {\n        front: {\n          en: \"Upload front of ID card\",\n          fr: \"Téléversez le recto de votre carte d'identité\"\n        },\n        back: {\n          en: \"Upload back of ID card\",\n          fr: \"Téléversez le verso de votre carte d'identité\"\n        },\n      },\n      instructions: {\n        front: {\n          en: \"Take a clear photo of the front of your ID.\",\n          fr: \"Prenez une photo nette du recto de votre pièce.\"\n        },\n        back: {\n          en: \"Take a clear photo of the back of your ID.\",\n          fr: \"Prenez une photo nette du verso de votre pièce.\"\n        },\n      },\n      ui: {\n        front: {\n          icon: \"id-card-icon.png\",\n          themeColor: \"#2DBD60\",\n          buttonText: { en: \"Next\", fr: \"Suivant\" }\n        },\n        back: {\n          icon: \"id-card-icon.png\",\n          themeColor: \"#2DBD60\",\n          buttonText: { en: \"Next\", fr: \"Suivant\" }\n        },\n      },\n      config: {\n        sides: [\"front\", \"back\"],\n        allowed_formats: [\"jpg\", \"png\"],\n        max_size_mb: 5,\n        document_types: [\"drivers_licence\", \"passport\", \"drivers_licence\", \"national_id\"],\n\n      } as const\n    },\n    {\n      id: 3,\n      type: \"selfie\" as const,\n      order: 5,\n      templateId: 1,\n      labels: {\n        en: \"Take selfies from different angles\",\n        fr: \"Prenez des selfies sous différents angles\"\n      },\n      instructions: {\n        en: \"Take selfies from front, left, and right angles.\",\n        fr: \"Prenez des selfies de face, profil gauche et profil droit.\"\n      },\n      ui: {\n        icon: \"selfie-icon.png\",\n        themeColor: \"#2DBD60\",\n        buttonText: { en: \"Next\", fr: \"Suivant\" }\n      },\n      config: {\n        liveness_check: true,\n        max_attempts: 3,\n        orientations: [\"center\", \"left\", \"right\"]\n      } as const\n    },\n  ]\n};\n\nexport const TemplateKYCExample: React.FC<{\n  onComplete: (data: VerificationState) => void;\n  onCancel: () => void;\n  onError: (error: string) => void;\n  language: string;\n  API_KEY?: string;\n  templateId?: string;\n  template?: KYCTemplate;\n  env?: KycEnvironment;           // Flow execution: PRODUCTION (full AI) or SANDBOX (skip AI)\n  serverEnv?: BackendEnvironment; // Backend to call: PRODUCTION or TEST (API URL)\n  existingSessionId?: string;\n  initialComponentIndex?: number;\n  initialCountryResume?: { code: string; documentType: string; region?: string };\n}> = ({ onComplete, onCancel, onError, language, API_KEY, templateId, template, env = 'PRODUCTION', serverEnv, existingSessionId, initialComponentIndex, initialCountryResume }) => {\n  const handleComplete = (data: VerificationState) => {\n    console.log('KYC Template completed with data:', data);\n    onComplete(data);\n    // Ici vous pouvez envoyer les données à votre API\n  };\n\n  const handleCancel = () => {\n    console.log('KYC Template flow cancelled');\n    onCancel();\n  };\n\n  const handleError = (error: string) => {\n    console.error('KYC Template error:', error);\n    onError(error);\n  };\n\n  // Transform backend template to SDK format\n  // Determine which template to use: prefer templateId for dynamic loading, then template prop, then fallback to hardcoded\n  const templateToUse = templateId ? undefined : (template || advancedVerificationTemplate);\n\n  return (\n    <SafeAreaView style={{ flex: 1, paddingVertical: 25 }}>\n      <View style={{ flex: 1 }}>\n        <TemplateKYCFlow\n          template={templateToUse}\n          templateId={templateId}\n          onComplete={handleComplete}\n          onError={handleError}\n          onCancel={handleCancel}\n          language={language} // ou \"en\" pour l'anglais\n          API_KEY={API_KEY}\n          env={env}\n          serverEnv={serverEnv}\n          existingSessionId={existingSessionId}\n          initialComponentIndex={initialComponentIndex}\n          initialCountryResume={initialCountryResume}\n        />\n      </View>\n    </SafeAreaView>\n  );\n};\n\n"]}

package/build/components/TemplateKYCFlowRefactored.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+import { KYCTemplate, VerificationState } from '../types/KYC.types';
+import { KycEnvironment, BackendEnvironment } from '../types/env.types';
+interface TemplateKYCFlowProps {
+    template?: KYCTemplate;
+    templateId?: string;
+    onComplete?: (data: VerificationState) => void;
+    onError?: (error: string) => void;
+    language?: string;
+    onCancel?: () => void;
+    API_KEY?: string;
+    env?: KycEnvironment;
+    serverEnv?: BackendEnvironment;
+    existingSessionId?: string;
+    /** Index in template.components (0-based) to resume at — e.g. from URL component_index or template table */
+    initialComponentIndex?: number;
+    /** Pays / type de document depuis l'URL de reprise (reprise multi-appareil) */
+    initialCountryResume?: {
+        code: string;
+        documentType: string;
+        region?: string;
+    };
+}
+export declare const TemplateKYCFlow: React.FC<TemplateKYCFlowProps>;
+export {};
+//# sourceMappingURL=TemplateKYCFlowRefactored.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TemplateKYCFlowRefactored.d.ts","sourceRoot":"","sources":["../../src/components/TemplateKYCFlowRefactored.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAkBpE,OAAO,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAGxE,UAAU,oBAAoB;IAC5B,QAAQ,CAAC,EAAE,WAAW,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC/C,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,GAAG,CAAC,EAAE,cAAc,CAAC;IACrB,SAAS,CAAC,EAAE,kBAAkB,CAAC;IAC/B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,4GAA4G;IAC5G,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,+EAA+E;IAC/E,oBAAoB,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,YAAY,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CAChF;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAsH1D,CAAC"}

package/build/components/TemplateKYCFlowRefactored.js

@@ -0,0 +1,359 @@
+import React, { useEffect } from 'react';
+import { View, Text, StyleSheet, SafeAreaView, TouchableOpacity, ActivityIndicator, Dimensions, ScrollView, Platform } from 'react-native';
+import { TemplateKYCFlowProvider, useTemplateKYCFlowContext } from '../hooks/useTemplateKYCFlow';
+import { useI18n } from '../hooks/useI18n';
+import { showAlert } from '../utils/platformAlert';
+import { IDCardCapture } from './KYCElements/IDCardCapture';
+import { SelfieCaptureTemplate } from './KYCElements/SelfieCaptureTemplate';
+import { FileUploadTemplate } from './KYCElements/FileUploadTemplate';
+import { LocationCaptureTemplate } from './KYCElements/LocationCaptureTemplate';
+import { CountrySelectionTemplate } from './KYCElements/CountrySelectionTemplate';
+import { InitializationStep } from './KYCElements/InitializationStep';
+import { ReviewSubmitTemplate } from './KYCElements/ReviewSubmitTemplate';
+import { VerificationProgressTemplate } from './KYCElements/VerificationProgressTemplate';
+import { useTemplateLoader } from '../hooks/useTemplateLoader';
+import { WelcomeTemplate } from './KYCElements/WelcomeTemplate';
+import { EmailVerificationTemplate } from './KYCElements/EmailVerificationTemplate';
+import { PhoneVerificationTemplate } from './KYCElements/PhoneVerificationTemplate';
+import { PersonalInformationTemplate } from './KYCElements/PersonalInformationTemplate';
+import { AdditionalDocumentsTemplate } from './KYCElements/AdditionalDocumentsTemplate';
+import KYCConfig from '../config/KYCConfig';
+export const TemplateKYCFlow = ({ template: providedTemplate, templateId, onComplete, onError, language = 'fr', onCancel, API_KEY, env = 'PRODUCTION', serverEnv, existingSessionId, initialComponentIndex, initialCountryResume, }) => {
+    const { t } = useI18n();
+    const { template: loadedTemplate, isLoading, error, loadTemplate } = useTemplateLoader();
+    // Which backend URL to call (independent from flow env)
+    useEffect(() => {
+        if (serverEnv !== undefined) {
+            KYCConfig.setBackendEnvironment(serverEnv);
+        }
+    }, [serverEnv]);
+    // Validate props
+    useEffect(() => {
+        if (!providedTemplate && !templateId) {
+            const errorMsg = 'Either template or templateId must be provided';
+            onError?.(errorMsg);
+            return;
+        }
+        if (templateId && !API_KEY) {
+            // Try to load without API key (will use token authentication)
+            loadTemplate(templateId);
+        }
+        else if (templateId && API_KEY) {
+            loadTemplate(templateId, API_KEY);
+        }
+    }, [templateId, API_KEY, providedTemplate, loadTemplate, onError]);
+    // Handle loading errors
+    useEffect(() => {
+        if (error) {
+            onError?.(error);
+        }
+    }, [error, onError]);
+    const OnCancel = () => {
+        showAlert(t('kyc.cancelConfirmation.title'), t('kyc.cancelConfirmation.message'), [
+            { text: t('kyc.cancelConfirmation.cancelButton'), style: 'cancel' },
+            {
+                text: t('kyc.cancelConfirmation.confirmButton'),
+                onPress: () => {
+                    onCancel?.();
+                }
+            },
+        ]);
+    };
+    // Determine which template to use
+    const template = providedTemplate || loadedTemplate;
+    // Show loading state while fetching template
+    if (templateId && isLoading && !template) {
+        return (<View style={styles.loadingContainer}>
+        <ActivityIndicator size="large" color="#2DBD60"/>
+        <Text style={styles.loadingText}>{t('common.loading') || 'Loading template...'}</Text>
+      </View>);
+    }
+    // Show error state if template failed to load
+    if (templateId && error && !template) {
+        return (<View style={styles.errorContainer}>
+        <Text style={styles.errorText}>{error}</Text>
+        <TouchableOpacity style={styles.retryButton} onPress={() => loadTemplate(templateId, API_KEY)}>
+          <Text style={styles.retryButtonText}>{t('common.retry') || 'Retry'}</Text>
+        </TouchableOpacity>
+      </View>);
+    }
+    // Show error if no template available
+    if (!template) {
+        return (<View style={styles.errorContainer}>
+        <Text style={styles.errorText}>
+          {t('errors.unknownError') || 'Template not available'}
+        </Text>
+      </View>);
+    }
+    return (<TemplateKYCFlowProvider template={template} onComplete={onComplete} onError={onError} onCancel={OnCancel} initialLanguage={language} apiKey={API_KEY} env={env} existingSessionId={existingSessionId} initialComponentIndex={initialComponentIndex} initialCountryResume={initialCountryResume}>
+      <TemplateKYCFlowContent onCancel={OnCancel}/>
+    </TemplateKYCFlowProvider>);
+};
+const TemplateKYCFlowContent = ({ onCancel }) => {
+    const { state, actions, currentComponent, progress, } = useTemplateKYCFlowContext();
+    const { t } = useI18n();
+    const updateComponentData = (componentId, data) => {
+        actions.updateComponentData(componentId, data);
+    };
+    if (!currentComponent) {
+        return (<View style={styles.container}>
+        <Text style={styles.errorText}>{t('errors.unknownError')}</Text>
+      </View>);
+    }
+    // Rendu du composant actuel
+    const renderCurrentComponent = () => {
+        const commonProps = {
+            component: currentComponent,
+            value: state.componentData[currentComponent.id],
+            onValueChange: (data) => updateComponentData(currentComponent.id, data),
+            error: state.errors[currentComponent.id],
+            language: state.currentLanguage,
+        };
+        if (!state.session.isInitialized) {
+            return <InitializationStep session={state.session}/>;
+        }
+        switch (currentComponent.type) {
+            case 'welcome':
+                return <WelcomeTemplate {...commonProps}/>;
+            case 'id_card':
+                return <IDCardCapture {...commonProps}/>;
+            case 'selfie':
+                return <SelfieCaptureTemplate {...commonProps}/>;
+            case 'file_upload':
+                return <FileUploadTemplate {...commonProps}/>;
+            case 'location':
+                return <LocationCaptureTemplate {...commonProps}/>;
+            case 'country_selection':
+                return <CountrySelectionTemplate {...commonProps}/>;
+            case 'review_submit':
+                return <ReviewSubmitTemplate {...commonProps}/>;
+            case 'email_verification':
+                return <EmailVerificationTemplate {...commonProps}/>;
+            case 'phone_verification':
+                return <PhoneVerificationTemplate {...commonProps}/>;
+            case 'personal_information':
+                return <PersonalInformationTemplate {...commonProps}/>;
+            case 'additional_documents':
+                return <AdditionalDocumentsTemplate {...commonProps}/>;
+            case 'verification_progress':
+                return <VerificationProgressTemplate {...commonProps}/>;
+            default:
+                return (<View style={styles.unsupportedContainer}>
+            <Text style={styles.unsupportedText}>
+              {t('errors.unknownError')}: {currentComponent.type}
+            </Text>
+          </View>);
+        }
+    };
+    return (<View style={{ flex: 1, position: 'relative' }}>
+      {state.isProcessing && (<View style={styles.processingContainer}>
+          <Text style={styles.processingText}>{t('common.loading')}</Text>
+          <ActivityIndicator size="large" color="#fff"/>
+        </View>)}
+      <SafeAreaView style={styles.container}>
+        {/* Header avec informations sur l'étape */}
+
+        {(state.showCustomStepper && state.session.isInitialized) ? (<View style={styles.header}>
+            <Text style={styles.progressText}>
+              {t('kyc.step', {
+                current: (state.template.components.findIndex(c => c.id === currentComponent.id) + 1) || (state.currentComponentIndex + 1),
+                total: state.template.components.length,
+            })}
+            </Text>
+            <View style={styles.progressContainer}>
+              <View style={styles.progressBar}>
+                <View style={[
+                styles.progressFill,
+                { width: `${progress}%` }
+            ]}/>
+              </View>
+
+            </View>
+
+            <View style={{ position: 'absolute', right: 12, top: 12 }}>
+              <TouchableOpacity onPress={onCancel} disabled={!onCancel} style={{ opacity: onCancel ? 1 : 0.5 }}>
+                <Text style={{ fontSize: 20, fontWeight: 'bold', color: '#333' }}>{`X`}</Text>
+              </TouchableOpacity>
+            </View>
+          </View>) : null}
+
+        {/* Contenu principal */}
+        <ScrollView style={styles.scrollView} contentContainerStyle={styles.content} showsVerticalScrollIndicator={Platform.OS === 'web'} bounces={false}>
+          {renderCurrentComponent()}
+        </ScrollView>
+
+        {state.isProcessing && (<View style={styles.processingContainer}>
+            <Text style={styles.processingText}>{t('common.loading')}</Text>
+            <ActivityIndicator size="large" color="#fff"/>
+          </View>)}
+      </SafeAreaView>
+    </View>);
+};
+const styles = StyleSheet.create({
+    container: {
+        flex: 1,
+        backgroundColor: '#f5f5f5',
+    },
+    header: {
+        backgroundColor: 'white',
+        paddingVertical: 20,
+        paddingHorizontal: 12,
+        borderBottomWidth: 1,
+        borderBottomColor: '#e0e0e0',
+        marginHorizontal: 12,
+        marginTop: 12,
+        // shadow
+        shadowColor: '#000',
+        shadowOffset: { width: 0, height: 2 },
+        shadowOpacity: 0.15,
+        shadowRadius: 1.84,
+        elevation: 5,
+    },
+    title: {
+        fontSize: 24,
+        fontWeight: 'bold',
+        color: '#333',
+        marginBottom: 8,
+    },
+    description: {
+        fontSize: 16,
+        color: '#666',
+        marginBottom: 20,
+    },
+    progressContainer: {
+    // marginBottom: 20,
+    },
+    progressBar: {
+        height: 8,
+        backgroundColor: '#e0e0e0',
+        borderRadius: 4,
+        overflow: 'hidden',
+    },
+    progressFill: {
+        height: '100%',
+        backgroundColor: '#2DBD60',
+        borderRadius: 4,
+    },
+    progressText: {
+        fontSize: 14,
+        color: 'black',
+        fontWeight: '600',
+        textAlign: 'left',
+        marginBottom: 8,
+    },
+    stepInfo: {
+        backgroundColor: '#f8f9fa',
+        padding: 16,
+        borderRadius: 8,
+        borderLeftWidth: 4,
+        borderLeftColor: '#2DBD60',
+    },
+    stepTitle: {
+        fontSize: 18,
+        fontWeight: '600',
+        color: '#333',
+        marginBottom: 8,
+    },
+    stepDescription: {
+        fontSize: 14,
+        color: '#666',
+        lineHeight: 20,
+    },
+    scrollView: {
+        flex: 1,
+    },
+    content: {
+        flexGrow: 1,
+        alignItems: 'center',
+        paddingBottom: 20, // Add padding for better mobile scrolling
+    },
+    navigation: {
+        flexDirection: 'row',
+        justifyContent: 'space-between',
+        padding: 20,
+        backgroundColor: 'white',
+        borderTopWidth: 1,
+        borderTopColor: '#e0e0e0',
+    },
+    navButton: {
+        paddingHorizontal: 24,
+        paddingVertical: 12,
+        borderRadius: 8,
+        minWidth: 100,
+        alignItems: 'center',
+    },
+    primaryButton: {
+        backgroundColor: '#2DBD60',
+    },
+    navButtonText: {
+        fontSize: 16,
+        fontWeight: '600',
+        color: 'white',
+    },
+    errorText: {
+        color: '#dc2626',
+        fontSize: 16,
+        textAlign: 'center',
+        margin: 20,
+    },
+    unsupportedContainer: {
+        flex: 1,
+        justifyContent: 'center',
+        alignItems: 'center',
+        padding: 20,
+    },
+    unsupportedText: {
+        fontSize: 16,
+        color: '#666',
+        textAlign: 'center',
+    },
+    processingContainer: {
+        position: 'absolute',
+        flex: 1,
+        width: Dimensions.get('window').width,
+        height: Dimensions.get('window').height,
+        backgroundColor: 'rgba(0, 0, 0, 0.5)',
+        justifyContent: 'center',
+        alignItems: 'center',
+        zIndex: 10000000,
+    },
+    processingText: {
+        fontSize: 16,
+        color: '#fff',
+        textAlign: 'center',
+        fontWeight: 'bold',
+        marginBottom: 10,
+    },
+    loadingContainer: {
+        flex: 1,
+        justifyContent: 'center',
+        alignItems: 'center',
+        backgroundColor: '#f5f5f5',
+    },
+    loadingText: {
+        marginTop: 16,
+        fontSize: 16,
+        color: '#666',
+        textAlign: 'center',
+    },
+    errorContainer: {
+        flex: 1,
+        justifyContent: 'center',
+        alignItems: 'center',
+        backgroundColor: '#f5f5f5',
+        padding: 20,
+    },
+    retryButton: {
+        marginTop: 20,
+        paddingHorizontal: 24,
+        paddingVertical: 12,
+        backgroundColor: '#2DBD60',
+        borderRadius: 8,
+    },
+    retryButtonText: {
+        color: '#fff',
+        fontSize: 16,
+        fontWeight: '600',
+    },
+});
+//# sourceMappingURL=TemplateKYCFlowRefactored.js.map

package/build/components/TemplateKYCFlowRefactored.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TemplateKYCFlowRefactored.js","sourceRoot":"","sources":["../../src/components/TemplateKYCFlowRefactored.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,YAAY,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAE3I,OAAO,EAAE,uBAAuB,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AACjG,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AAC5E,OAAO,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AACtE,OAAO,EAAE,uBAAuB,EAAE,MAAM,uCAAuC,CAAC;AAChF,OAAO,EAAE,wBAAwB,EAAE,MAAM,wCAAwC,CAAC;AAClF,OAAO,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AACtE,OAAO,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AAC1E,OAAO,EAAE,4BAA4B,EAAE,MAAM,4CAA4C,CAAC;AAC1F,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAChE,OAAO,EAAE,yBAAyB,EAAE,MAAM,yCAAyC,CAAC;AACpF,OAAO,EAAE,yBAAyB,EAAE,MAAM,yCAAyC,CAAC;AACpF,OAAO,EAAE,2BAA2B,EAAE,MAAM,2CAA2C,CAAC;AACxF,OAAO,EAAE,2BAA2B,EAAE,MAAM,2CAA2C,CAAC;AAExF,OAAO,SAAS,MAAM,qBAAqB,CAAC;AAmB5C,MAAM,CAAC,MAAM,eAAe,GAAmC,CAAC,EAC9D,QAAQ,EAAE,gBAAgB,EAC1B,UAAU,EACV,UAAU,EACV,OAAO,EACP,QAAQ,GAAG,IAAI,EACf,QAAQ,EACR,OAAO,EACP,GAAG,GAAG,YAAY,EAClB,SAAS,EACT,iBAAiB,EACjB,qBAAqB,EACrB,oBAAoB,GACrB,EAAE,EAAE;IACH,MAAM,EAAE,CAAC,EAAE,GAAG,OAAO,EAAE,CAAC;IACxB,MAAM,EAAE,QAAQ,EAAE,cAAc,EAAE,SAAS,EAAE,KAAK,EAAE,YAAY,EAAE,GAAG,iBAAiB,EAAE,CAAC;IAEzF,wDAAwD;IACxD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,SAAS,KAAK,SAAS,EAAE,CAAC;YAC5B,SAAS,CAAC,qBAAqB,CAAC,SAAS,CAAC,CAAC;QAC7C,CAAC;IACH,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,iBAAiB;IACjB,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,gBAAgB,IAAI,CAAC,UAAU,EAAE,CAAC;YACrC,MAAM,QAAQ,GAAG,gDAAgD,CAAC;YAClE,OAAO,EAAE,CAAC,QAAQ,CAAC,CAAC;YACpB,OAAO;QACT,CAAC;QAED,IAAI,UAAU,IAAI,CAAC,OAAO,EAAE,CAAC;YAC3B,8DAA8D;YAC9D,YAAY,CAAC,UAAU,CAAC,CAAC;QAC3B,CAAC;aAAM,IAAI,UAAU,IAAI,OAAO,EAAE,CAAC;YACjC,YAAY,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;QACpC,CAAC;IACH,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,EAAE,gBAAgB,EAAE,YAAY,EAAE,OAAO,CAAC,CAAC,CAAC;IAEnE,wBAAwB;IACxB,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,KAAK,EAAE,CAAC;YACV,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC;QACnB,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC;IAErB,MAAM,QAAQ,GAAG,GAAG,EAAE;QACpB,SAAS,CACP,CAAC,CAAC,8BAA8B,CAAC,EACjC,CAAC,CAAC,gCAAgC,CAAC,EACnC;YACE,EAAE,IAAI,EAAE,CAAC,CAAC,qCAAqC,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE;YACnE;gBACE,IAAI,EAAE,CAAC,CAAC,sCAAsC,CAAC;gBAC/C,OAAO,EAAE,GAAG,EAAE;oBACZ,QAAQ,EAAE,EAAE,CAAC;gBACf,CAAC;aACF;SACF,CACF,CAAC;IACJ,CAAC,CAAC;IAEF,kCAAkC;IAClC,MAAM,QAAQ,GAAG,gBAAgB,IAAI,cAAc,CAAC;IAEpD,6CAA6C;IAC7C,IAAI,UAAU,IAAI,SAAS,IAAI,CAAC,QAAQ,EAAE,CAAC;QACzC,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,gBAAgB,CAAC,CACnC;QAAA,CAAC,iBAAiB,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,SAAS,EAC/C;QAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,IAAI,qBAAqB,CAAC,EAAE,IAAI,CACvF;MAAA,EAAE,IAAI,CAAC,CACR,CAAC;IACJ,CAAC;IAED,8CAA8C;IAC9C,IAAI,UAAU,IAAI,KAAK,IAAI,CAAC,QAAQ,EAAE,CAAC;QACrC,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,CACjC;QAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,IAAI,CAC5C;QAAA,CAAC,gBAAgB,CACf,KAAK,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CAC1B,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC,CAEjD;UAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,IAAI,OAAO,CAAC,EAAE,IAAI,CAC3E;QAAA,EAAE,gBAAgB,CACpB;MAAA,EAAE,IAAI,CAAC,CACR,CAAC;IACJ,CAAC;IAED,sCAAsC;IACtC,IAAI,CAAC,QAAQ,EAAE,CAAC;QACd,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,CACjC;QAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAC5B;UAAA,CAAC,CAAC,CAAC,qBAAqB,CAAC,IAAI,wBAAwB,CACvD;QAAA,EAAE,IAAI,CACR;MAAA,EAAE,IAAI,CAAC,CACR,CAAC;IACJ,CAAC;IAED,OAAO,CACL,CAAC,uBAAuB,CACtB,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,UAAU,CAAC,CAAC,UAAU,CAAC,CACvB,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,eAAe,CAAC,CAAC,QAAQ,CAAC,CAC1B,MAAM,CAAC,CAAC,OAAO,CAAC,CAChB,GAAG,CAAC,CAAC,GAAG,CAAC,CACT,iBAAiB,CAAC,CAAC,iBAAiB,CAAC,CACrC,qBAAqB,CAAC,CAAC,qBAAqB,CAAC,CAC7C,oBAAoB,CAAC,CAAC,oBAAoB,CAAC,CAE3C;MAAA,CAAC,sBAAsB,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,EAC7C;IAAA,EAAE,uBAAuB,CAAC,CAC3B,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,sBAAsB,GAAwC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACnF,MAAM,EACJ,KAAK,EACL,OAAO,EACP,gBAAgB,EAChB,QAAQ,GACT,GAAG,yBAAyB,EAAE,CAAC;IAEhC,MAAM,EAAE,CAAC,EAAE,GAAG,OAAO,EAAE,CAAC;IAExB,MAAM,mBAAmB,GAAG,CAAC,WAAmB,EAAE,IAAa,EAAE,EAAE;QACjE,OAAO,CAAC,mBAAmB,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;IACjD,CAAC,CAAC;IAEF,IAAI,CAAC,gBAAgB,EAAE,CAAC;QACtB,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAC5B;QAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,EAAE,IAAI,CACjE;MAAA,EAAE,IAAI,CAAC,CACR,CAAC;IACJ,CAAC;IAED,4BAA4B;IAC5B,MAAM,sBAAsB,GAAG,GAAG,EAAE;QAClC,MAAM,WAAW,GAAG;YAClB,SAAS,EAAE,gBAAgB;YAC3B,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,EAAE,CAAC;YAC/C,aAAa,EAAE,CAAC,IAAa,EAAE,EAAE,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,EAAE,IAAI,CAAC;YAChF,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,gBAAgB,CAAC,EAAE,CAAC;YACxC,QAAQ,EAAE,KAAK,CAAC,eAAe;SAChC,CAAC;QAEF,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,aAAa,EAAE,CAAC;YACjC,OAAO,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,EAAG,CAAA;QACvD,CAAC;QAED,QAAQ,gBAAgB,CAAC,IAAI,EAAE,CAAC;YAC9B,KAAK,SAAS;gBACZ,OAAO,CAAC,eAAe,CAAC,IAAI,WAAW,CAAC,EAAG,CAAC;YAE9C,KAAK,SAAS;gBACZ,OAAO,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,EAAG,CAAC;YAE5C,KAAK,QAAQ;gBACX,OAAO,CAAC,qBAAqB,CAAC,IAAI,WAAW,CAAC,EAAG,CAAC;YAEpD,KAAK,aAAa;gBAChB,OAAO,CAAC,kBAAkB,CAAC,IAAI,WAAW,CAAC,EAAG,CAAC;YAEjD,KAAK,UAAU;gBACb,OAAO,CAAC,uBAAuB,CAAC,IAAI,WAAW,CAAC,EAAG,CAAC;YAEtD,KAAK,mBAAmB;gBACtB,OAAO,CAAC,wBAAwB,CAAC,IAAI,WAAW,CAAC,EAAG,CAAC;YAEvD,KAAK,eAAe;gBAClB,OAAO,CAAC,oBAAoB,CAAC,IAAI,WAAW,CAAC,EAAG,CAAC;YAEnD,KAAK,oBAAoB;gBACvB,OAAO,CAAC,yBAAyB,CAAC,IAAI,WAAW,CAAC,EAAG,CAAC;YAExD,KAAK,oBAAoB;gBACvB,OAAO,CAAC,yBAAyB,CAAC,IAAI,WAAW,CAAC,EAAG,CAAC;YAExD,KAAK,sBAAsB;gBACzB,OAAO,CAAC,2BAA2B,CAAC,IAAI,WAAW,CAAC,EAAG,CAAC;YAE1D,KAAK,sBAAsB;gBACzB,OAAO,CAAC,2BAA2B,CAAC,IAAI,WAAW,CAAC,EAAG,CAAC;YAE1D,KAAK,uBAAuB;gBAC1B,OAAO,CAAC,4BAA4B,CAAC,IAAI,WAAW,CAAC,EAAG,CAAC;YAE3D;gBACE,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,oBAAoB,CAAC,CACvC;YAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,eAAe,CAAC,CAClC;cAAA,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,EAAE,CAAC,gBAAgB,CAAC,IAAI,CACpD;YAAA,EAAE,IAAI,CACR;UAAA,EAAE,IAAI,CAAC,CACR,CAAC;QACN,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAC,CAC7C;MAAA,CAAC,KAAK,CAAC,YAAY,IAAI,CACrB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,mBAAmB,CAAC,CACtC;UAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,EAAE,IAAI,CAC/D;UAAA,CAAC,iBAAiB,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,EAC9C;QAAA,EAAE,IAAI,CAAC,CACR,CACD;MAAA,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CACpC;QAAA,CAAC,0CAA0C,CAE3C;;QAAA,CAAC,CAAC,KAAK,CAAC,iBAAiB,IAAI,KAAK,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAC1D,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CACzB;YAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAC/B;cAAA,CAAC,CAAC,CAAC,UAAU,EAAE;gBACb,OAAO,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,gBAAgB,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,qBAAqB,GAAG,CAAC,CAAC;gBAC1H,KAAK,EAAE,KAAK,CAAC,QAAQ,CAAC,UAAU,CAAC,MAAM;aACxC,CAAC,CACJ;YAAA,EAAE,IAAI,CACN;YAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,iBAAiB,CAAC,CACpC;cAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CAC9B;gBAAA,CAAC,IAAI,CACH,KAAK,CAAC,CAAC;gBACL,MAAM,CAAC,YAAY;gBACnB,EAAE,KAAK,EAAE,GAAG,QAAQ,GAAG,EAAE;aAC1B,CAAC,EAEN;cAAA,EAAE,IAAI,CAER;;YAAA,EAAE,IAAI,CAEN;;YAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,KAAK,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,CACxD;cAAA,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,CAC/F;gBAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,IAAI,CAC/E;cAAA,EAAE,gBAAgB,CACpB;YAAA,EAAE,IAAI,CACR;UAAA,EAAE,IAAI,CAAC,CACR,CAAC,CAAC,CAAC,IAAI,CAER;;QAAA,CAAC,uBAAuB,CACxB;QAAA,CAAC,UAAU,CACT,KAAK,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CACzB,qBAAqB,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CACtC,4BAA4B,CAAC,CAAC,QAAQ,CAAC,EAAE,KAAK,KAAK,CAAC,CACpD,OAAO,CAAC,CAAC,KAAK,CAAC,CAEf;UAAA,CAAC,sBAAsB,EAAE,CAC3B;QAAA,EAAE,UAAU,CAEZ;;QAAA,CAAC,KAAK,CAAC,YAAY,IAAI,CACrB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,mBAAmB,CAAC,CACtC;YAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,EAAE,IAAI,CAC/D;YAAA,CAAC,iBAAiB,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,EAC9C;UAAA,EAAE,IAAI,CAAC,CACR,CACH;MAAA,EAAE,YAAY,CAChB;IAAA,EAAE,IAAI,CAAC,CAER,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,IAAI,EAAE,CAAC;QACP,eAAe,EAAE,SAAS;KAE3B;IACD,MAAM,EAAE;QACN,eAAe,EAAE,OAAO;QACxB,eAAe,EAAE,EAAE;QACnB,iBAAiB,EAAE,EAAE;QACrB,iBAAiB,EAAE,CAAC;QACpB,iBAAiB,EAAE,SAAS;QAC5B,gBAAgB,EAAE,EAAE;QACpB,SAAS,EAAE,EAAE;QACb,SAAS;QACT,WAAW,EAAE,MAAM;QACnB,YAAY,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE;QACrC,aAAa,EAAE,IAAI;QACnB,YAAY,EAAE,IAAI;QAClB,SAAS,EAAE,CAAC;KACb;IACD,KAAK,EAAE;QACL,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,MAAM;QAClB,KAAK,EAAE,MAAM;QACb,YAAY,EAAE,CAAC;KAChB;IACD,WAAW,EAAE;QACX,QAAQ,EAAE,EAAE;QACZ,KAAK,EAAE,MAAM;QACb,YAAY,EAAE,EAAE;KACjB;IACD,iBAAiB,EAAE;IACjB,oBAAoB;KACrB;IACD,WAAW,EAAE;QACX,MAAM,EAAE,CAAC;QACT,eAAe,EAAE,SAAS;QAC1B,YAAY,EAAE,CAAC;QACf,QAAQ,EAAE,QAAQ;KACnB;IACD,YAAY,EAAE;QACZ,MAAM,EAAE,MAAM;QACd,eAAe,EAAE,SAAS;QAC1B,YAAY,EAAE,CAAC;KAChB;IACD,YAAY,EAAE;QACZ,QAAQ,EAAE,EAAE;QACZ,KAAK,EAAE,OAAO;QACd,UAAU,EAAE,KAAK;QACjB,SAAS,EAAE,MAAM;QACjB,YAAY,EAAE,CAAC;KAChB;IACD,QAAQ,EAAE;QACR,eAAe,EAAE,SAAS;QAC1B,OAAO,EAAE,EAAE;QACX,YAAY,EAAE,CAAC;QACf,eAAe,EAAE,CAAC;QAClB,eAAe,EAAE,SAAS;KAC3B;IACD,SAAS,EAAE;QACT,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,KAAK;QACjB,KAAK,EAAE,MAAM;QACb,YAAY,EAAE,CAAC;KAChB;IACD,eAAe,EAAE;QACf,QAAQ,EAAE,EAAE;QACZ,KAAK,EAAE,MAAM;QACb,UAAU,EAAE,EAAE;KACf;IACD,UAAU,EAAE;QACV,IAAI,EAAE,CAAC;KACR;IACD,OAAO,EAAE;QACP,QAAQ,EAAE,CAAC;QACX,UAAU,EAAE,QAAQ;QACpB,aAAa,EAAE,EAAE,EAAE,0CAA0C;KAC9D;IACD,UAAU,EAAE;QACV,aAAa,EAAE,KAAK;QACpB,cAAc,EAAE,eAAe;QAC/B,OAAO,EAAE,EAAE;QACX,eAAe,EAAE,OAAO;QACxB,cAAc,EAAE,CAAC;QACjB,cAAc,EAAE,SAAS;KAC1B;IACD,SAAS,EAAE;QACT,iBAAiB,EAAE,EAAE;QACrB,eAAe,EAAE,EAAE;QACnB,YAAY,EAAE,CAAC;QACf,QAAQ,EAAE,GAAG;QACb,UAAU,EAAE,QAAQ;KACrB;IACD,aAAa,EAAE;QACb,eAAe,EAAE,SAAS;KAC3B;IACD,aAAa,EAAE;QACb,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,KAAK;QACjB,KAAK,EAAE,OAAO;KACf;IACD,SAAS,EAAE;QACT,KAAK,EAAE,SAAS;QAChB,QAAQ,EAAE,EAAE;QACZ,SAAS,EAAE,QAAQ;QACnB,MAAM,EAAE,EAAE;KACX;IACD,oBAAoB,EAAE;QACpB,IAAI,EAAE,CAAC;QACP,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,OAAO,EAAE,EAAE;KACZ;IACD,eAAe,EAAE;QACf,QAAQ,EAAE,EAAE;QACZ,KAAK,EAAE,MAAM;QACb,SAAS,EAAE,QAAQ;KACpB;IACD,mBAAmB,EAAE;QACnB,QAAQ,EAAE,UAAU;QACpB,IAAI,EAAE,CAAC;QACP,KAAK,EAAE,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,KAAK;QACrC,MAAM,EAAE,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,MAAM;QACvC,eAAe,EAAE,oBAAoB;QACrC,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,MAAM,EAAE,QAAQ;KACjB;IACD,cAAc,EAAE;QACd,QAAQ,EAAE,EAAE;QACZ,KAAK,EAAE,MAAM;QACb,SAAS,EAAE,QAAQ;QACnB,UAAU,EAAE,MAAM;QAClB,YAAY,EAAE,EAAE;KACjB;IACD,gBAAgB,EAAE;QAChB,IAAI,EAAE,CAAC;QACP,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,eAAe,EAAE,SAAS;KAC3B;IACD,WAAW,EAAE;QACX,SAAS,EAAE,EAAE;QACb,QAAQ,EAAE,EAAE;QACZ,KAAK,EAAE,MAAM;QACb,SAAS,EAAE,QAAQ;KACpB;IACD,cAAc,EAAE;QACd,IAAI,EAAE,CAAC;QACP,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,eAAe,EAAE,SAAS;QAC1B,OAAO,EAAE,EAAE;KACZ;IACD,WAAW,EAAE;QACX,SAAS,EAAE,EAAE;QACb,iBAAiB,EAAE,EAAE;QACrB,eAAe,EAAE,EAAE;QACnB,eAAe,EAAE,SAAS;QAC1B,YAAY,EAAE,CAAC;KAChB;IACD,eAAe,EAAE;QACf,KAAK,EAAE,MAAM;QACb,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,KAAK;KAClB;CACF,CAAC,CAAC","sourcesContent":["import React, { useEffect } from 'react';\nimport { View, Text, StyleSheet, SafeAreaView, TouchableOpacity, ActivityIndicator, Dimensions, ScrollView, Platform } from 'react-native';\nimport { KYCTemplate, VerificationState } from '../types/KYC.types';\nimport { TemplateKYCFlowProvider, useTemplateKYCFlowContext } from '../hooks/useTemplateKYCFlow';\nimport { useI18n } from '../hooks/useI18n';\nimport { showAlert } from '../utils/platformAlert';\nimport { IDCardCapture } from './KYCElements/IDCardCapture';\nimport { SelfieCaptureTemplate } from './KYCElements/SelfieCaptureTemplate';\nimport { FileUploadTemplate } from './KYCElements/FileUploadTemplate';\nimport { LocationCaptureTemplate } from './KYCElements/LocationCaptureTemplate';\nimport { CountrySelectionTemplate } from './KYCElements/CountrySelectionTemplate';\nimport { InitializationStep } from './KYCElements/InitializationStep';\nimport { ReviewSubmitTemplate } from './KYCElements/ReviewSubmitTemplate';\nimport { VerificationProgressTemplate } from './KYCElements/VerificationProgressTemplate';\nimport { useTemplateLoader } from '../hooks/useTemplateLoader';\nimport { WelcomeTemplate } from './KYCElements/WelcomeTemplate';\nimport { EmailVerificationTemplate } from './KYCElements/EmailVerificationTemplate';\nimport { PhoneVerificationTemplate } from './KYCElements/PhoneVerificationTemplate';\nimport { PersonalInformationTemplate } from './KYCElements/PersonalInformationTemplate';\nimport { AdditionalDocumentsTemplate } from './KYCElements/AdditionalDocumentsTemplate';\nimport { KycEnvironment, BackendEnvironment } from '../types/env.types';\nimport KYCConfig from '../config/KYCConfig';\n\ninterface TemplateKYCFlowProps {\n  template?: KYCTemplate;        // Format SDK direct (existing, now optional)\n  templateId?: string;           // New: ID to load from API\n  onComplete?: (data: VerificationState) => void;\n  onError?: (error: string) => void;\n  language?: string;\n  onCancel?: () => void;\n  API_KEY?: string;              // Required if templateId is used\n  env?: KycEnvironment;           // Flow execution: PRODUCTION (full AI) or SANDBOX (skip AI)\n  serverEnv?: BackendEnvironment; // Backend to call: PRODUCTION or TEST (API URL)\n  existingSessionId?: string;\n  /** Index in template.components (0-based) to resume at — e.g. from URL component_index or template table */\n  initialComponentIndex?: number;\n  /** Pays / type de document depuis l'URL de reprise (reprise multi-appareil) */\n  initialCountryResume?: { code: string; documentType: string; region?: string };\n}\n\nexport const TemplateKYCFlow: React.FC<TemplateKYCFlowProps> = ({\n  template: providedTemplate,\n  templateId,\n  onComplete,\n  onError,\n  language = 'fr',\n  onCancel,\n  API_KEY,\n  env = 'PRODUCTION',\n  serverEnv,\n  existingSessionId,\n  initialComponentIndex,\n  initialCountryResume,\n}) => {\n  const { t } = useI18n();\n  const { template: loadedTemplate, isLoading, error, loadTemplate } = useTemplateLoader();\n\n  // Which backend URL to call (independent from flow env)\n  useEffect(() => {\n    if (serverEnv !== undefined) {\n      KYCConfig.setBackendEnvironment(serverEnv);\n    }\n  }, [serverEnv]);\n\n  // Validate props\n  useEffect(() => {\n    if (!providedTemplate && !templateId) {\n      const errorMsg = 'Either template or templateId must be provided';\n      onError?.(errorMsg);\n      return;\n    }\n\n    if (templateId && !API_KEY) {\n      // Try to load without API key (will use token authentication)\n      loadTemplate(templateId);\n    } else if (templateId && API_KEY) {\n      loadTemplate(templateId, API_KEY);\n    }\n  }, [templateId, API_KEY, providedTemplate, loadTemplate, onError]);\n\n  // Handle loading errors\n  useEffect(() => {\n    if (error) {\n      onError?.(error);\n    }\n  }, [error, onError]);\n\n  const OnCancel = () => {\n    showAlert(\n      t('kyc.cancelConfirmation.title'),\n      t('kyc.cancelConfirmation.message'),\n      [\n        { text: t('kyc.cancelConfirmation.cancelButton'), style: 'cancel' },\n        {\n          text: t('kyc.cancelConfirmation.confirmButton'),\n          onPress: () => {\n            onCancel?.();\n          }\n        },\n      ]\n    );\n  };\n\n  // Determine which template to use\n  const template = providedTemplate || loadedTemplate;\n\n  // Show loading state while fetching template\n  if (templateId && isLoading && !template) {\n    return (\n      <View style={styles.loadingContainer}>\n        <ActivityIndicator size=\"large\" color=\"#2DBD60\" />\n        <Text style={styles.loadingText}>{t('common.loading') || 'Loading template...'}</Text>\n      </View>\n    );\n  }\n\n  // Show error state if template failed to load\n  if (templateId && error && !template) {\n    return (\n      <View style={styles.errorContainer}>\n        <Text style={styles.errorText}>{error}</Text>\n        <TouchableOpacity\n          style={styles.retryButton}\n          onPress={() => loadTemplate(templateId, API_KEY)}\n        >\n          <Text style={styles.retryButtonText}>{t('common.retry') || 'Retry'}</Text>\n        </TouchableOpacity>\n      </View>\n    );\n  }\n\n  // Show error if no template available\n  if (!template) {\n    return (\n      <View style={styles.errorContainer}>\n        <Text style={styles.errorText}>\n          {t('errors.unknownError') || 'Template not available'}\n        </Text>\n      </View>\n    );\n  }\n\n  return (\n    <TemplateKYCFlowProvider\n      template={template}\n      onComplete={onComplete}\n      onError={onError}\n      onCancel={OnCancel}\n      initialLanguage={language}\n      apiKey={API_KEY}\n      env={env}\n      existingSessionId={existingSessionId}\n      initialComponentIndex={initialComponentIndex}\n      initialCountryResume={initialCountryResume}\n    >\n      <TemplateKYCFlowContent onCancel={OnCancel} />\n    </TemplateKYCFlowProvider>\n  );\n};\n\nconst TemplateKYCFlowContent: React.FC<{ onCancel?: () => void }> = ({ onCancel }) => {\n  const {\n    state,\n    actions,\n    currentComponent,\n    progress,\n  } = useTemplateKYCFlowContext();\n\n  const { t } = useI18n();\n\n  const updateComponentData = (componentId: number, data: unknown) => {\n    actions.updateComponentData(componentId, data);\n  };\n\n  if (!currentComponent) {\n    return (\n      <View style={styles.container}>\n        <Text style={styles.errorText}>{t('errors.unknownError')}</Text>\n      </View>\n    );\n  }\n\n  // Rendu du composant actuel\n  const renderCurrentComponent = () => {\n    const commonProps = {\n      component: currentComponent,\n      value: state.componentData[currentComponent.id],\n      onValueChange: (data: unknown) => updateComponentData(currentComponent.id, data),\n      error: state.errors[currentComponent.id],\n      language: state.currentLanguage,\n    };\n\n    if (!state.session.isInitialized) {\n      return <InitializationStep session={state.session} />\n    }\n\n    switch (currentComponent.type) {\n      case 'welcome':\n        return <WelcomeTemplate {...commonProps} />;\n\n      case 'id_card':\n        return <IDCardCapture {...commonProps} />;\n\n      case 'selfie':\n        return <SelfieCaptureTemplate {...commonProps} />;\n\n      case 'file_upload':\n        return <FileUploadTemplate {...commonProps} />;\n\n      case 'location':\n        return <LocationCaptureTemplate {...commonProps} />;\n\n      case 'country_selection':\n        return <CountrySelectionTemplate {...commonProps} />;\n\n      case 'review_submit':\n        return <ReviewSubmitTemplate {...commonProps} />;\n\n      case 'email_verification':\n        return <EmailVerificationTemplate {...commonProps} />;\n\n      case 'phone_verification':\n        return <PhoneVerificationTemplate {...commonProps} />;\n\n      case 'personal_information':\n        return <PersonalInformationTemplate {...commonProps} />;\n\n      case 'additional_documents':\n        return <AdditionalDocumentsTemplate {...commonProps} />;\n\n      case 'verification_progress':\n        return <VerificationProgressTemplate {...commonProps} />;\n\n      default:\n        return (\n          <View style={styles.unsupportedContainer}>\n            <Text style={styles.unsupportedText}>\n              {t('errors.unknownError')}: {currentComponent.type}\n            </Text>\n          </View>\n        );\n    }\n  };\n\n  return (\n    <View style={{ flex: 1, position: 'relative' }}>\n      {state.isProcessing && (\n        <View style={styles.processingContainer}>\n          <Text style={styles.processingText}>{t('common.loading')}</Text>\n          <ActivityIndicator size=\"large\" color=\"#fff\" />\n        </View>\n      )}\n      <SafeAreaView style={styles.container}>\n        {/* Header avec informations sur l'étape */}\n\n        {(state.showCustomStepper && state.session.isInitialized) ? (\n          <View style={styles.header}>\n            <Text style={styles.progressText}>\n              {t('kyc.step', {\n                current: (state.template.components.findIndex(c => c.id === currentComponent.id) + 1) || (state.currentComponentIndex + 1),\n                total: state.template.components.length,\n              })}\n            </Text>\n            <View style={styles.progressContainer}>\n              <View style={styles.progressBar}>\n                <View\n                  style={[\n                    styles.progressFill,\n                    { width: `${progress}%` }\n                  ]}\n                />\n              </View>\n\n            </View>\n\n            <View style={{ position: 'absolute', right: 12, top: 12 }}>\n              <TouchableOpacity onPress={onCancel} disabled={!onCancel} style={{ opacity: onCancel ? 1 : 0.5 }}>\n                <Text style={{ fontSize: 20, fontWeight: 'bold', color: '#333' }}>{`X`}</Text>\n              </TouchableOpacity>\n            </View>\n          </View>\n        ) : null}\n\n        {/* Contenu principal */}\n        <ScrollView\n          style={styles.scrollView}\n          contentContainerStyle={styles.content}\n          showsVerticalScrollIndicator={Platform.OS === 'web'}\n          bounces={false}\n        >\n          {renderCurrentComponent()}\n        </ScrollView>\n\n        {state.isProcessing && (\n          <View style={styles.processingContainer}>\n            <Text style={styles.processingText}>{t('common.loading')}</Text>\n            <ActivityIndicator size=\"large\" color=\"#fff\" />\n          </View>\n        )}\n      </SafeAreaView>\n    </View>\n\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    flex: 1,\n    backgroundColor: '#f5f5f5',\n\n  },\n  header: {\n    backgroundColor: 'white',\n    paddingVertical: 20,\n    paddingHorizontal: 12,\n    borderBottomWidth: 1,\n    borderBottomColor: '#e0e0e0',\n    marginHorizontal: 12,\n    marginTop: 12,\n    // shadow\n    shadowColor: '#000',\n    shadowOffset: { width: 0, height: 2 },\n    shadowOpacity: 0.15,\n    shadowRadius: 1.84,\n    elevation: 5,\n  },\n  title: {\n    fontSize: 24,\n    fontWeight: 'bold',\n    color: '#333',\n    marginBottom: 8,\n  },\n  description: {\n    fontSize: 16,\n    color: '#666',\n    marginBottom: 20,\n  },\n  progressContainer: {\n    // marginBottom: 20,\n  },\n  progressBar: {\n    height: 8,\n    backgroundColor: '#e0e0e0',\n    borderRadius: 4,\n    overflow: 'hidden',\n  },\n  progressFill: {\n    height: '100%',\n    backgroundColor: '#2DBD60',\n    borderRadius: 4,\n  },\n  progressText: {\n    fontSize: 14,\n    color: 'black',\n    fontWeight: '600',\n    textAlign: 'left',\n    marginBottom: 8,\n  },\n  stepInfo: {\n    backgroundColor: '#f8f9fa',\n    padding: 16,\n    borderRadius: 8,\n    borderLeftWidth: 4,\n    borderLeftColor: '#2DBD60',\n  },\n  stepTitle: {\n    fontSize: 18,\n    fontWeight: '600',\n    color: '#333',\n    marginBottom: 8,\n  },\n  stepDescription: {\n    fontSize: 14,\n    color: '#666',\n    lineHeight: 20,\n  },\n  scrollView: {\n    flex: 1,\n  },\n  content: {\n    flexGrow: 1,\n    alignItems: 'center',\n    paddingBottom: 20, // Add padding for better mobile scrolling\n  },\n  navigation: {\n    flexDirection: 'row',\n    justifyContent: 'space-between',\n    padding: 20,\n    backgroundColor: 'white',\n    borderTopWidth: 1,\n    borderTopColor: '#e0e0e0',\n  },\n  navButton: {\n    paddingHorizontal: 24,\n    paddingVertical: 12,\n    borderRadius: 8,\n    minWidth: 100,\n    alignItems: 'center',\n  },\n  primaryButton: {\n    backgroundColor: '#2DBD60',\n  },\n  navButtonText: {\n    fontSize: 16,\n    fontWeight: '600',\n    color: 'white',\n  },\n  errorText: {\n    color: '#dc2626',\n    fontSize: 16,\n    textAlign: 'center',\n    margin: 20,\n  },\n  unsupportedContainer: {\n    flex: 1,\n    justifyContent: 'center',\n    alignItems: 'center',\n    padding: 20,\n  },\n  unsupportedText: {\n    fontSize: 16,\n    color: '#666',\n    textAlign: 'center',\n  },\n  processingContainer: {\n    position: 'absolute',\n    flex: 1,\n    width: Dimensions.get('window').width,\n    height: Dimensions.get('window').height,\n    backgroundColor: 'rgba(0, 0, 0, 0.5)',\n    justifyContent: 'center',\n    alignItems: 'center',\n    zIndex: 10000000,\n  },\n  processingText: {\n    fontSize: 16,\n    color: '#fff',\n    textAlign: 'center',\n    fontWeight: 'bold',\n    marginBottom: 10,\n  },\n  loadingContainer: {\n    flex: 1,\n    justifyContent: 'center',\n    alignItems: 'center',\n    backgroundColor: '#f5f5f5',\n  },\n  loadingText: {\n    marginTop: 16,\n    fontSize: 16,\n    color: '#666',\n    textAlign: 'center',\n  },\n  errorContainer: {\n    flex: 1,\n    justifyContent: 'center',\n    alignItems: 'center',\n    backgroundColor: '#f5f5f5',\n    padding: 20,\n  },\n  retryButton: {\n    marginTop: 20,\n    paddingHorizontal: 24,\n    paddingVertical: 12,\n    backgroundColor: '#2DBD60',\n    borderRadius: 8,\n  },\n  retryButtonText: {\n    color: '#fff',\n    fontSize: 16,\n    fontWeight: '600',\n  },\n}); "]}

package/build/components/VisionCameraView.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import { ViewStyle } from 'react-native';
+export interface VisionCameraViewProps {
+    instructions?: string;
+    showCamera: boolean;
+    cameraType?: 'front' | 'back';
+    style?: ViewStyle;
+    onCapture?: (result: {
+        success: boolean;
+        path?: string;
+        error?: string;
+    }) => void;
+    onError?: (event: {
+        message: string;
+    }) => void;
+    onPermissionError?: () => void;
+    enableHdr?: boolean;
+    enableNightMode?: boolean;
+    quality?: 'low' | 'medium' | 'high';
+}
+export declare const VisionCameraView: React.FC<VisionCameraViewProps>;
+//# sourceMappingURL=VisionCameraView.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VisionCameraView.d.ts","sourceRoot":"","sources":["../../src/components/VisionCameraView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AACxE,OAAO,EAA8B,SAAS,EAAQ,MAAM,cAAc,CAAC;AAI3E,MAAM,WAAW,qBAAqB;IACpC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC9B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE;QAAE,OAAO,EAAE,OAAO,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAClF,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,OAAO,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAC/C,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,OAAO,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,CAAC;CACrC;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA0I5D,CAAC"}