@transfergratis/react-native-sdk 0.1.3 → 0.1.5

package/build/components/TemplateKYCExample.js

@@ -37,147 +37,72 @@ const advancedVerificationTemplate = {
             }
         },
         {
-            id: 1,
-            type: "id_card",
+            id: 6,
+            type: "country_selection",
             order: 2,
-            templateId: 1,
             labels: {
-                en: "Upload front of ID card",
-                fr: "Téléversez le recto de votre carte d'identité"
+                en: "Select your country",
+                fr: "Sélectionnez votre pays"
             },
             instructions: {
-                en: "Take a clear photo of the front of your ID.",
-                fr: "Prenez une photo nette du recto de votre pièce."
+                en: "Choose your country of residence.",
+                fr: "Choisissez votre pays de résidence."
             },
             ui: {
-                icon: "id-card-icon.png",
+                icon: "country-icon.png",
                 themeColor: "#2DBD60",
-                buttonText: { en: "Next", fr: "Suivant" }
+                buttonText: { en: "Confirm", fr: "Confirmer" }
             },
             config: {
-                sides: ["front"],
-                allowed_formats: ["jpg", "png"],
-                max_size_mb: 5,
-                document_types: ["id_card", "passport", "drivers_license", "national_id"],
-                bbox_configs: {
-                    id_card: {
-                        xMin: 20,
-                        yMin: 140,
-                        xMax: 370,
-                        yMax: 340,
-                        borderColor: "#2DBD60",
-                        borderWidth: 4,
-                        cornerRadius: 12
-                    },
-                    passport: {
-                        xMin: 15,
-                        yMin: 130,
-                        xMax: 375,
-                        yMax: 350,
-                        borderColor: "#007AFF",
-                        borderWidth: 4,
-                        cornerRadius: 8
-                    },
-                    drivers_license: {
-                        xMin: 25,
-                        yMin: 150,
-                        xMax: 365,
-                        yMax: 330,
-                        borderColor: "#FF9500",
-                        borderWidth: 4,
-                        cornerRadius: 10
-                    },
-                    national_id: {
-                        xMin: 20,
-                        yMin: 140,
-                        xMax: 370,
-                        yMax: 340,
-                        borderColor: "#5856D6",
-                        borderWidth: 4,
-                        cornerRadius: 12
-                    },
-                    residence_permit: {
-                        xMin: 20,
-                        yMin: 140,
-                        xMax: 370,
-                        yMax: 340,
-                        borderColor: "#2DBD60",
-                        borderWidth: 4,
-                        cornerRadius: 12
-                    },
-                    voter_id: {
-                        xMin: 20,
-                        yMin: 140,
-                        xMax: 370,
-                        yMax: 340,
-                        borderColor: "#2DBD60",
-                        borderWidth: 4,
-                        cornerRadius: 12
-                    },
-                    military_id: {
-                        xMin: 20,
-                        yMin: 140,
-                        xMax: 370,
-                        yMax: 340,
-                        borderColor: "#2DBD60",
-                        borderWidth: 4,
-                        cornerRadius: 12
-                    },
-                    student_id: {
-                        xMin: 20,
-                        yMin: 140,
-                        xMax: 370,
-                        yMax: 340,
-                        borderColor: "#2DBD60",
-                        borderWidth: 4,
-                        cornerRadius: 12
-                    },
-                    work_permit: {
-                        xMin: 20,
-                        yMin: 140,
-                        xMax: 370,
-                        yMax: 340,
-                        borderColor: "#2DBD60",
-                        borderWidth: 4,
-                        cornerRadius: 12
-                    },
-                    other: {
-                        xMin: 20,
-                        yMin: 140,
-                        xMax: 370,
-                        yMax: 340,
-                        borderColor: "#2DBD60",
-                        borderWidth: 4,
-                        cornerRadius: 12
-                    }
-                }
+                allowed_countries: ["CA", "FR", "CM", "US", "DE", "CI", "SN", "NG", "MA", "DZ"],
+                default_country: "CA",
+                required: true
             }
         },
         {
-            id: 2,
+            id: 1,
             type: "id_card",
             order: 3,
             templateId: 1,
             labels: {
-                en: "Upload back of ID card",
-                fr: "Téléversez le verso de votre carte d'identité"
+                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: {
-                en: "Take a clear photo of the back of your ID.",
-                fr: "Prenez une photo nette du verso de votre pièce."
+                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: {
-                icon: "id-card-icon.png",
-                themeColor: "#2DBD60",
-                buttonText: { en: "Next", fr: "Suivant" }
+                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: ["back"],
+                sides: ["front", "back"],
                 allowed_formats: ["jpg", "png"],
                 max_size_mb: 5,
-                document_types: ["id_card", "passport", "drivers_license", "national_id"],
+                document_types: ["drivers_licence", "passport", "drivers_licence", "national_id"],
                 bbox_configs: {
-                    id_card: {
+                    drivers_licence: {
                         xMin: 20,
                         yMin: 140,
                         xMax: 370,
@@ -195,25 +120,7 @@ const advancedVerificationTemplate = {
                         borderWidth: 4,
                         cornerRadius: 8
                     },
-                    drivers_license: {
-                        xMin: 25,
-                        yMin: 150,
-                        xMax: 365,
-                        yMax: 330,
-                        borderColor: "#FF9500",
-                        borderWidth: 4,
-                        cornerRadius: 10
-                    },
-                    national_id: {
-                        xMin: 20,
-                        yMin: 140,
-                        xMax: 370,
-                        yMax: 340,
-                        borderColor: "#5856D6",
-                        borderWidth: 4,
-                        cornerRadius: 12
-                    },
-                    residence_permit: {
+                    identity_card: {
                         xMin: 20,
                         yMin: 140,
                         xMax: 370,
@@ -222,7 +129,7 @@ const advancedVerificationTemplate = {
                         borderWidth: 4,
                         cornerRadius: 12
                     },
-                    voter_id: {
+                    health_insurance_card: {
                         xMin: 20,
                         yMin: 140,
                         xMax: 370,
@@ -231,16 +138,16 @@ const advancedVerificationTemplate = {
                         borderWidth: 4,
                         cornerRadius: 12
                     },
-                    military_id: {
+                    national_id: {
                         xMin: 20,
                         yMin: 140,
                         xMax: 370,
                         yMax: 340,
-                        borderColor: "#2DBD60",
+                        borderColor: "#5856D6",
                         borderWidth: 4,
                         cornerRadius: 12
                     },
-                    student_id: {
+                    permanent_residence: {
                         xMin: 20,
                         yMin: 140,
                         xMax: 370,
@@ -258,22 +165,13 @@ const advancedVerificationTemplate = {
                         borderWidth: 4,
                         cornerRadius: 12
                     },
-                    other: {
-                        xMin: 20,
-                        yMin: 140,
-                        xMax: 370,
-                        yMax: 340,
-                        borderColor: "#2DBD60",
-                        borderWidth: 4,
-                        cornerRadius: 12
-                    }
                 }
             }
         },
         {
             id: 3,
             type: "selfie",
-            order: 4,
+            order: 5,
             templateId: 1,
             labels: {
                 en: "Take selfies from different angles",
@@ -291,55 +189,32 @@ const advancedVerificationTemplate = {
             config: {
                 liveness_check: true,
                 max_attempts: 3,
-                orientations: ["front", "left", "right"]
+                orientations: ["center", "left", "right"]
             }
         },
-        {
-            id: 4,
-            type: "file_upload",
-            order: 5,
-            labels: {
-                en: "Upload proof of address",
-                fr: "Téléversez un justificatif de domicile"
-            },
-            instructions: {
-                en: "Upload a recent utility bill or bank statement (PDF, JPG, PNG).",
-                fr: "Téléversez une facture récente ou un relevé bancaire (PDF, JPG, PNG)."
-            },
-            ui: {
-                icon: "file-upload-icon.png",
-                themeColor: "#2DBD60",
-                buttonText: { en: "Upload", fr: "Téléverser" }
-            },
-            config: {
-                allowed_formats: ["pdf", "jpg", "png"],
-                max_size_mb: 10,
-                required: true
-            }
-        },
-        {
-            id: 6,
-            type: "country_selection",
-            order: 6,
-            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: ["FR", "CM", "US", "DE"],
-                default_country: "FR",
-                required: true
-            }
-        }
+        // {
+        //   id: 4,
+        //   type: "file_upload" as const,
+        //   order: 6,
+        //   labels: {
+        //     en: "Upload proof of address",
+        //     fr: "Téléversez un justificatif de domicile"
+        //   },
+        //   instructions: {
+        //     en: "Upload a recent utility bill or bank statement (PDF, JPG, PNG).",
+        //     fr: "Téléversez une facture récente ou un relevé bancaire (PDF, JPG, PNG)."
+        //   },
+        //   ui: {
+        //     icon: "file-upload-icon.png",
+        //     themeColor: "#2DBD60",
+        //     buttonText: { en: "Upload", fr: "Téléverser" }
+        //   },
+        //   config: {
+        //     allowed_formats: ["pdf", "jpg", "png"],
+        //     max_size_mb: 10,
+        //     required: true
+        //   } as const
+        // },
     ]
 };
 export const TemplateKYCExample = ({ onComplete, onCancel, onError }) => {
@@ -357,7 +232,7 @@ export const TemplateKYCExample = ({ onComplete, onCancel, onError }) => {
         // Gérer l'erreur
     };
     return (<View style={styles.container}>
-      <TemplateKYCFlow template={advancedVerificationTemplate} onComplete={handleComplete} onError={handleError} onCancel={handleCancel} language="fr" // ou "en" pour l'anglais
+      <TemplateKYCFlow template={advancedVerificationTemplate} onComplete={handleComplete} onError={handleError} onCancel={handleCancel} language="en" // ou "en" pour l'anglais
     />
     </View>);
 };

package/build/components/TemplateKYCExample.js.map

@@ -1 +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, StyleSheet } from 'react-native';\nimport { TemplateKYCFlow } from './TemplateKYCFlowRefactored';\nimport { KYCTemplate } from '../types/KYC.types';\n\n// Template JSON basé sur votre exemple\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: 1,\n      type: \"id_card\" as const,\n      order: 2,\n      templateId: 1,\n      labels: {\n        en: \"Upload front of ID card\",\n        fr: \"Téléversez le recto de votre carte d'identité\"\n      },\n      instructions: {\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      ui: {\n        icon: \"id-card-icon.png\",\n        themeColor: \"#2DBD60\",\n        buttonText: { en: \"Next\", fr: \"Suivant\" }\n      },\n      config: {\n        sides: [\"front\"],\n        allowed_formats: [\"jpg\", \"png\"],\n        max_size_mb: 5,\n        document_types: [\"id_card\", \"passport\", \"drivers_license\", \"national_id\"],\n        bbox_configs: {\n          id_card: {\n            xMin: 20,\n            yMin: 140,\n            xMax: 370,\n            yMax: 340,\n            borderColor: \"#2DBD60\",\n            borderWidth: 4,\n            cornerRadius: 12\n          },\n          passport: {\n            xMin: 15,\n            yMin: 130,\n            xMax: 375,\n            yMax: 350,\n            borderColor: \"#007AFF\",\n            borderWidth: 4,\n            cornerRadius: 8\n          },\n          drivers_license: {\n            xMin: 25,\n            yMin: 150,\n            xMax: 365,\n            yMax: 330,\n            borderColor: \"#FF9500\",\n            borderWidth: 4,\n            cornerRadius: 10\n          },\n          national_id: {\n            xMin: 20,\n            yMin: 140,\n            xMax: 370,\n            yMax: 340,\n            borderColor: \"#5856D6\",\n            borderWidth: 4,\n            cornerRadius: 12\n          },\n          residence_permit: {\n            xMin: 20,\n            yMin: 140,\n            xMax: 370,\n            yMax: 340,\n            borderColor: \"#2DBD60\",\n            borderWidth: 4,\n            cornerRadius: 12\n          },\n          voter_id: {\n            xMin: 20,\n            yMin: 140,\n            xMax: 370,\n            yMax: 340,\n            borderColor: \"#2DBD60\",\n            borderWidth: 4,\n            cornerRadius: 12\n          },\n          military_id: {\n            xMin: 20,\n            yMin: 140,\n            xMax: 370,\n            yMax: 340,\n            borderColor: \"#2DBD60\",\n            borderWidth: 4,\n            cornerRadius: 12\n          },\n          student_id: {\n            xMin: 20,\n            yMin: 140,\n            xMax: 370,\n            yMax: 340,\n            borderColor: \"#2DBD60\",\n            borderWidth: 4,\n            cornerRadius: 12\n          },\n          work_permit: {\n            xMin: 20,\n            yMin: 140,\n            xMax: 370,\n            yMax: 340,\n            borderColor: \"#2DBD60\",\n            borderWidth: 4,\n            cornerRadius: 12\n          },\n          other: {\n            xMin: 20,\n            yMin: 140,\n            xMax: 370,\n            yMax: 340,\n            borderColor: \"#2DBD60\",\n            borderWidth: 4,\n            cornerRadius: 12\n          }\n        }\n      } as const\n    },\n    {\n      id: 2,\n      type: \"id_card\" as const,\n      order: 3,\n      templateId: 1,\n      labels: {\n        en: \"Upload back of ID card\",\n        fr: \"Téléversez le verso de votre carte d'identité\"\n      },\n      instructions: {\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      ui: {\n        icon: \"id-card-icon.png\",\n        themeColor: \"#2DBD60\",\n        buttonText: { en: \"Next\", fr: \"Suivant\" }\n      },\n      config: {\n        sides: [\"back\"],\n        allowed_formats: [\"jpg\", \"png\"],\n        max_size_mb: 5,\n        document_types: [\"id_card\", \"passport\", \"drivers_license\", \"national_id\"],\n        bbox_configs: {\n          id_card: {\n            xMin: 20,\n            yMin: 140,\n            xMax: 370,\n            yMax: 340,\n            borderColor: \"#2DBD60\",\n            borderWidth: 4,\n            cornerRadius: 12\n          },\n          passport: {\n            xMin: 15,\n            yMin: 130,\n            xMax: 375,\n            yMax: 350,\n            borderColor: \"#007AFF\",\n            borderWidth: 4,\n            cornerRadius: 8\n          },\n          drivers_license: {\n            xMin: 25,\n            yMin: 150,\n            xMax: 365,\n            yMax: 330,\n            borderColor: \"#FF9500\",\n            borderWidth: 4,\n            cornerRadius: 10\n          },\n          national_id: {\n            xMin: 20,\n            yMin: 140,\n            xMax: 370,\n            yMax: 340,\n            borderColor: \"#5856D6\",\n            borderWidth: 4,\n            cornerRadius: 12\n          },\n          residence_permit: {\n            xMin: 20,\n            yMin: 140,\n            xMax: 370,\n            yMax: 340,\n            borderColor: \"#2DBD60\",\n            borderWidth: 4,\n            cornerRadius: 12\n          },\n          voter_id: {\n            xMin: 20,\n            yMin: 140,\n            xMax: 370,\n            yMax: 340,\n            borderColor: \"#2DBD60\",\n            borderWidth: 4,\n            cornerRadius: 12\n          },\n          military_id: {\n            xMin: 20,\n            yMin: 140,\n            xMax: 370,\n            yMax: 340,\n            borderColor: \"#2DBD60\",\n            borderWidth: 4,\n            cornerRadius: 12\n          },\n          student_id: {\n            xMin: 20,\n            yMin: 140,\n            xMax: 370,\n            yMax: 340,\n            borderColor: \"#2DBD60\",\n            borderWidth: 4,\n            cornerRadius: 12\n          },\n          work_permit: {\n            xMin: 20,\n            yMin: 140,\n            xMax: 370,\n            yMax: 340,\n            borderColor: \"#2DBD60\",\n            borderWidth: 4,\n            cornerRadius: 12\n          },\n          other: {\n            xMin: 20,\n            yMin: 140,\n            xMax: 370,\n            yMax: 340,\n            borderColor: \"#2DBD60\",\n            borderWidth: 4,\n            cornerRadius: 12\n          }\n        }\n      } as const\n    },\n    {\n      id: 3,\n      type: \"selfie\" as const,\n      order: 4,\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: [\"front\", \"left\", \"right\"]\n      } as const\n    },\n    {\n      id: 4,\n      type: \"file_upload\" as const,\n      order: 5,\n      labels: {\n        en: \"Upload proof of address\",\n        fr: \"Téléversez un justificatif de domicile\"\n      },\n      instructions: {\n        en: \"Upload a recent utility bill or bank statement (PDF, JPG, PNG).\",\n        fr: \"Téléversez une facture récente ou un relevé bancaire (PDF, JPG, PNG).\"\n      },\n      ui: {\n        icon: \"file-upload-icon.png\",\n        themeColor: \"#2DBD60\",\n        buttonText: { en: \"Upload\", fr: \"Téléverser\" }\n      },\n      config: {\n        allowed_formats: [\"pdf\", \"jpg\", \"png\"],\n        max_size_mb: 10,\n        required: true\n      } as const\n    },\n    {\n      id: 6,\n      type: \"country_selection\" as const,\n      order: 6,\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: [\"FR\", \"CM\", \"US\", \"DE\"],\n        default_country: \"FR\",\n        required: true\n      } as const\n    }\n  ]\n};\n\nexport const TemplateKYCExample: React.FC<{ onComplete: (data: Record<number, any>) => void, onCancel: () => void, onError: (error: string) => void }> = ({ onComplete, onCancel, onError }) => {\n  const handleComplete = (data: Record<number, any>) => {\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    // Gérer l'erreur\n  };\n\n  return (\n    <View style={styles.container}>\n      <TemplateKYCFlow\n        template={advancedVerificationTemplate}\n        onComplete={handleComplete}\n        onError={handleError}\n        onCancel={handleCancel}\n        language=\"fr\" // ou \"en\" pour l'anglais\n      />\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    flex: 1,\n  },\n});\n\n// Exemples de différents types de documents gouvernementaux supportés :\n/*\nexport const documentTypeExamples = {\n  // Carte d'identité nationale\n  idCard: {\n    document_type: \"id_card\" as const,\n    labels: { en: \"Upload your ID card\", fr: \"Téléversez votre carte d'identité\" }\n  },\n  \n  // Passeport\n  passport: {\n    document_type: \"passport\" as const,\n    labels: { en: \"Upload your passport\", fr: \"Téléversez votre passeport\" }\n  },\n  \n  // Permis de conduire\n  driversLicense: {\n    document_type: \"drivers_license\" as const,\n    labels: { en: \"Upload your driver's license\", fr: \"Téléversez votre permis de conduire\" }\n  },\n  \n  // Permis de séjour\n  residencePermit: {\n    document_type: \"residence_permit\" as const,\n    labels: { en: \"Upload your residence permit\", fr: \"Téléversez votre permis de séjour\" }\n  },\n  \n  // Carte nationale d'identité\n  nationalId: {\n    document_type: \"national_id\" as const,\n    labels: { en: \"Upload your national ID\", fr: \"Téléversez votre carte nationale d'identité\" }\n  },\n  \n  // Carte d'électeur\n  voterId: {\n    document_type: \"voter_id\" as const,\n    labels: { en: \"Upload your voter ID\", fr: \"Téléversez votre carte d'électeur\" }\n  },\n  \n  // Carte militaire\n  militaryId: {\n    document_type: \"military_id\" as const,\n    labels: { en: \"Upload your military ID\", fr: \"Téléversez votre carte militaire\" }\n  },\n  \n  // Carte d'étudiant\n  studentId: {\n    document_type: \"student_id\" as const,\n    labels: { en: \"Upload your student ID\", fr: \"Téléversez votre carte d'étudiant\" }\n  },\n  \n  // Permis de travail\n  workPermit: {\n    document_type: \"work_permit\" as const,\n    labels: { en: \"Upload your work permit\", fr: \"Téléversez votre permis de travail\" }\n  },\n  \n  // Autre document gouvernemental\n  other: {\n    document_type: \"other\" as const,\n    labels: { en: \"Upload your government document\", fr: \"Téléversez votre document gouvernemental\" }\n  }\n};\n*/ "]}
+{"version":3,"file":"TemplateKYCExample.js","sourceRoot":"","sources":["../../src/components/TemplateKYCExample.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport { View, StyleSheet } from 'react-native';\nimport { TemplateKYCFlow } from './TemplateKYCFlowRefactored';\nimport { KYCTemplate } from '../types/KYC.types';\n\n// Template JSON basé sur votre exemple\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: [\"CA\", \"FR\", \"CM\", \"US\", \"DE\", \"CI\", \"SN\", \"NG\", \"MA\", \"DZ\"],\n        default_country: \"CA\",\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        bbox_configs: {\n          drivers_licence: {\n            xMin: 20,\n            yMin: 140,\n            xMax: 370,\n            yMax: 340,\n            borderColor: \"#2DBD60\",\n            borderWidth: 4,\n            cornerRadius: 12\n          },\n          passport: {\n            xMin: 15,\n            yMin: 130,\n            xMax: 375,\n            yMax: 350,\n            borderColor: \"#007AFF\",\n            borderWidth: 4,\n            cornerRadius: 8\n          },\n          identity_card: {\n            xMin: 20,\n            yMin: 140,\n            xMax: 370,\n            yMax: 340,\n            borderColor: \"#2DBD60\",\n            borderWidth: 4,\n            cornerRadius: 12\n          },\n          health_insurance_card: {\n            xMin: 20,\n            yMin: 140,\n            xMax: 370,\n            yMax: 340,\n            borderColor: \"#2DBD60\",\n            borderWidth: 4,\n            cornerRadius: 12\n          },\n          national_id: {\n            xMin: 20,\n            yMin: 140,\n            xMax: 370,\n            yMax: 340,\n            borderColor: \"#5856D6\",\n            borderWidth: 4,\n            cornerRadius: 12\n          },\n          permanent_residence: {\n            xMin: 20,\n            yMin: 140,\n            xMax: 370,\n            yMax: 340,\n            borderColor: \"#2DBD60\",\n            borderWidth: 4,\n            cornerRadius: 12\n          },\n\n\n          work_permit: {\n            xMin: 20,\n            yMin: 140,\n            xMax: 370,\n            yMax: 340,\n            borderColor: \"#2DBD60\",\n            borderWidth: 4,\n            cornerRadius: 12\n          },\n\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    //   id: 4,\n    //   type: \"file_upload\" as const,\n    //   order: 6,\n    //   labels: {\n    //     en: \"Upload proof of address\",\n    //     fr: \"Téléversez un justificatif de domicile\"\n    //   },\n    //   instructions: {\n    //     en: \"Upload a recent utility bill or bank statement (PDF, JPG, PNG).\",\n    //     fr: \"Téléversez une facture récente ou un relevé bancaire (PDF, JPG, PNG).\"\n    //   },\n    //   ui: {\n    //     icon: \"file-upload-icon.png\",\n    //     themeColor: \"#2DBD60\",\n    //     buttonText: { en: \"Upload\", fr: \"Téléverser\" }\n    //   },\n    //   config: {\n    //     allowed_formats: [\"pdf\", \"jpg\", \"png\"],\n    //     max_size_mb: 10,\n    //     required: true\n    //   } as const\n    // },\n\n  ]\n};\n\nexport const TemplateKYCExample: React.FC<{ onComplete: (data: Record<number, any>) => void, onCancel: () => void, onError: (error: string) => void }> = ({ onComplete, onCancel, onError }) => {\n  const handleComplete = (data: Record<number, any>) => {\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    // Gérer l'erreur\n  };\n\n  return (\n    <View style={styles.container}>\n      <TemplateKYCFlow\n        template={advancedVerificationTemplate}\n        onComplete={handleComplete}\n        onError={handleError}\n        onCancel={handleCancel}\n        language=\"en\" // ou \"en\" pour l'anglais\n      />\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    flex: 1,\n  },\n});\n\n// Exemples de différents types de documents gouvernementaux supportés :\n/*\nexport const documentTypeExamples = {\n  // Carte d'identité nationale\n  idCard: {\n    document_type: \"id_card\" as const,\n    labels: { en: \"Upload your ID card\", fr: \"Téléversez votre carte d'identité\" }\n  },\n  \n  // Passeport\n  passport: {\n    document_type: \"passport\" as const,\n    labels: { en: \"Upload your passport\", fr: \"Téléversez votre passeport\" }\n  },\n  \n  // Permis de conduire\n  driversLicense: {\n    document_type: \"drivers_license\" as const,\n    labels: { en: \"Upload your driver's license\", fr: \"Téléversez votre permis de conduire\" }\n  },\n  \n  // Permis de séjour\n  residencePermit: {\n    document_type: \"residence_permit\" as const,\n    labels: { en: \"Upload your residence permit\", fr: \"Téléversez votre permis de séjour\" }\n  },\n  \n  // Carte nationale d'identité\n  nationalId: {\n    document_type: \"national_id\" as const,\n    labels: { en: \"Upload your national ID\", fr: \"Téléversez votre carte nationale d'identité\" }\n  },\n  \n  // Carte d'électeur\n  voterId: {\n    document_type: \"voter_id\" as const,\n    labels: { en: \"Upload your voter ID\", fr: \"Téléversez votre carte d'électeur\" }\n  },\n  \n  // Carte militaire\n  militaryId: {\n    document_type: \"military_id\" as const,\n    labels: { en: \"Upload your military ID\", fr: \"Téléversez votre carte militaire\" }\n  },\n  \n  // Carte d'étudiant\n  studentId: {\n    document_type: \"student_id\" as const,\n    labels: { en: \"Upload your student ID\", fr: \"Téléversez votre carte d'étudiant\" }\n  },\n  \n  // Permis de travail\n  workPermit: {\n    document_type: \"work_permit\" as const,\n    labels: { en: \"Upload your work permit\", fr: \"Téléversez votre permis de travail\" }\n  },\n  \n  // Autre document gouvernemental\n  other: {\n    document_type: \"other\" as const,\n    labels: { en: \"Upload your government document\", fr: \"Téléversez votre document gouvernemental\" }\n  }\n};\n*/ "]}

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

@@ -1 +1 @@
-{"version":3,"file":"TemplateKYCFlowRefactored.d.ts","sourceRoot":"","sources":["../../src/components/TemplateKYCFlowRefactored.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAQjD,UAAU,oBAAoB;IAC5B,QAAQ,EAAE,WAAW,CAAC;IACtB,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;IACrD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAiB1D,CAAC"}
+{"version":3,"file":"TemplateKYCFlowRefactored.d.ts","sourceRoot":"","sources":["../../src/components/TemplateKYCFlowRefactored.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAYjD,UAAU,oBAAoB;IAC5B,QAAQ,EAAE,WAAW,CAAC;IACtB,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;IACrD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAiB1D,CAAC"}

package/build/components/TemplateKYCFlowRefactored.js

@@ -1,36 +1,29 @@
 import React from 'react';
-import { View, Text, StyleSheet, SafeAreaView, TouchableOpacity } from 'react-native';
+import { View, Text, StyleSheet, SafeAreaView, TouchableOpacity, ActivityIndicator, Dimensions } from 'react-native';
 import { TemplateKYCFlowProvider, useTemplateKYCFlowContext } from '../hooks/useTemplateKYCFlow';
+import { useI18n } from '../hooks/useI18n';
 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';
-export const TemplateKYCFlow = ({ template, onComplete, onError, language = 'en', onCancel, }) => {
+import { InitializationStep } from './KYCElements/InitializationStep';
+import { ReviewSubmitTemplate } from './KYCElements/ReviewSubmitTemplate';
+import { VerificationProgressTemplate } from './KYCElements/VerificationProgressTemplate';
+export const TemplateKYCFlow = ({ template, onComplete, onError, language = 'fr', onCancel, }) => {
     return (<TemplateKYCFlowProvider template={template} onComplete={onComplete} onError={onError} initialLanguage={language}>
       <TemplateKYCFlowContent onCancel={onCancel}/>
     </TemplateKYCFlowProvider>);
 };
 const TemplateKYCFlowContent = ({ onCancel }) => {
     const { state, actions, currentComponent, progress, } = useTemplateKYCFlowContext();
-    // Fonction pour déterminer le côté actuel d'une carte d'identité
-    const getCurrentSideForComponent = (componentId) => {
-        const component = state.template.components.find(c => c.id === componentId);
-        if (!component || component.type !== 'id_card')
-            return 'front';
-        const idConfig = component.config;
-        const sides = idConfig.sides || ['front', 'back'];
-        // Calculer le côté basé sur l'ordre dans le template
-        const componentIndex = state.template.components.findIndex(c => c.id === componentId);
-        const sideIndex = componentIndex % sides.length;
-        return sides[sideIndex];
-    };
+    const { t } = useI18n();
     const updateComponentData = (componentId, data) => {
         actions.updateComponentData(componentId, data);
     };
     if (!currentComponent) {
         return (<View style={styles.container}>
-        <Text style={styles.errorText}>Aucun composant trouvé</Text>
+        <Text style={styles.errorText}>{t('errors.unknownError')}</Text>
       </View>);
     }
     // Rendu du composant actuel
@@ -42,9 +35,12 @@ const TemplateKYCFlowContent = ({ onCancel }) => {
             error: state.errors[currentComponent.id],
             language: state.currentLanguage,
         };
+        if (!state.session.isInitialized) {
+            return <InitializationStep session={state.session}/>;
+        }
         switch (currentComponent.type) {
             case 'id_card':
-                return <IDCardCapture {...commonProps} currentSide={getCurrentSideForComponent(currentComponent.id)}/>;
+                return <IDCardCapture {...commonProps}/>;
             case 'selfie':
                 return <SelfieCaptureTemplate {...commonProps}/>;
             case 'file_upload':
@@ -53,42 +49,53 @@ const TemplateKYCFlowContent = ({ onCancel }) => {
                 return <LocationCaptureTemplate {...commonProps}/>;
             case 'country_selection':
                 return <CountrySelectionTemplate {...commonProps}/>;
+            case 'review_submit':
+                return <ReviewSubmitTemplate {...commonProps}/>;
+            case 'verification_progress':
+                return <VerificationProgressTemplate {...commonProps}/>;
             default:
                 return (<View style={styles.unsupportedContainer}>
             <Text style={styles.unsupportedText}>
-              Type de composant non supporté: {currentComponent.type}
+              {t('errors.unknownError')}: {currentComponent.type}
             </Text>
           </View>);
         }
     };
-    return (<SafeAreaView style={styles.container}>
-      {/* Header avec informations sur l'étape */}
-      {state.showCustomStepper ? (<View style={styles.header}>
-          <Text style={styles.progressText}>
-            Étape {state.currentComponentIndex + 1} sur {state.template.components.length}
-          </Text>
-          <View style={styles.progressContainer}>
-            <View style={styles.progressBar}>
-              <View style={[
+    return (<View style={{ flex: 1 }}>
+      {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.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>
+            </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}
+            <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 */}
-      <View style={styles.content}>
-        {renderCurrentComponent()}
-      </View>
-    </SafeAreaView>);
+        {/* Contenu principal */}
+        <View style={styles.content}>
+          {renderCurrentComponent()}
+        </View>
+      </SafeAreaView>
+    </View>);
 };
 const styles = StyleSheet.create({
     container: {
@@ -206,5 +213,22 @@ const styles = StyleSheet.create({
         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: 1000,
+    },
+    processingText: {
+        fontSize: 16,
+        color: '#fff',
+        textAlign: 'center',
+        fontWeight: 'bold',
+        marginBottom: 10,
+    },
 });
 //# sourceMappingURL=TemplateKYCFlowRefactored.js.map