@transfergratis/react-native-sdk 0.1.2

package/build/components/TemplateKYCExample.js

@@ -0,0 +1,433 @@
+import React from 'react';
+import { View, StyleSheet } from 'react-native';
+import { TemplateKYCFlow } from './TemplateKYCFlowRefactored';
+// Template JSON basé sur votre exemple
+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: 1,
+            type: "id_card",
+            order: 2,
+            templateId: 1,
+            labels: {
+                en: "Upload front of ID card",
+                fr: "Téléversez le recto de votre carte d'identité"
+            },
+            instructions: {
+                en: "Take a clear photo of the front of your ID.",
+                fr: "Prenez une photo nette du recto de votre pièce."
+            },
+            ui: {
+                icon: "id-card-icon.png",
+                themeColor: "#2DBD60",
+                buttonText: { en: "Next", fr: "Suivant" }
+            },
+            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
+                    }
+                }
+            }
+        },
+        {
+            id: 2,
+            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é"
+            },
+            instructions: {
+                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" }
+            },
+            config: {
+                sides: ["back"],
+                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
+                    }
+                }
+            }
+        },
+        {
+            id: 3,
+            type: "selfie",
+            order: 4,
+            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: ["front", "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
+            }
+        }
+    ]
+};
+export const TemplateKYCExample = ({ onComplete, onCancel, onError }) => {
+    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);
+        // 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
+    />
+    </View>);
+};
+const styles = StyleSheet.create({
+    container: {
+        flex: 1,
+    },
+});
+// Exemples de différents types de documents gouvernementaux supportés :
+/*
+export const documentTypeExamples = {
+  // Carte d'identité nationale
+  idCard: {
+    document_type: "id_card" as const,
+    labels: { en: "Upload your ID card", fr: "Téléversez votre carte d'identité" }
+  },
+  
+  // Passeport
+  passport: {
+    document_type: "passport" as const,
+    labels: { en: "Upload your passport", fr: "Téléversez votre passeport" }
+  },
+  
+  // Permis de conduire
+  driversLicense: {
+    document_type: "drivers_license" as const,
+    labels: { en: "Upload your driver's license", fr: "Téléversez votre permis de conduire" }
+  },
+  
+  // Permis de séjour
+  residencePermit: {
+    document_type: "residence_permit" as const,
+    labels: { en: "Upload your residence permit", fr: "Téléversez votre permis de séjour" }
+  },
+  
+  // Carte nationale d'identité
+  nationalId: {
+    document_type: "national_id" as const,
+    labels: { en: "Upload your national ID", fr: "Téléversez votre carte nationale d'identité" }
+  },
+  
+  // Carte d'électeur
+  voterId: {
+    document_type: "voter_id" as const,
+    labels: { en: "Upload your voter ID", fr: "Téléversez votre carte d'électeur" }
+  },
+  
+  // Carte militaire
+  militaryId: {
+    document_type: "military_id" as const,
+    labels: { en: "Upload your military ID", fr: "Téléversez votre carte militaire" }
+  },
+  
+  // Carte d'étudiant
+  studentId: {
+    document_type: "student_id" as const,
+    labels: { en: "Upload your student ID", fr: "Téléversez votre carte d'étudiant" }
+  },
+  
+  // Permis de travail
+  workPermit: {
+    document_type: "work_permit" as const,
+    labels: { en: "Upload your work permit", fr: "Téléversez votre permis de travail" }
+  },
+  
+  // Autre document gouvernemental
+  other: {
+    document_type: "other" as const,
+    labels: { en: "Upload your government document", fr: "Téléversez votre document gouvernemental" }
+  }
+};
+*/ 
+//# 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, 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*/ "]}

package/build/components/TemplateKYCFlowRefactored.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { KYCTemplate } from '../types/KYC.types';
+interface TemplateKYCFlowProps {
+    template: KYCTemplate;
+    onComplete?: (data: Record<number, unknown>) => void;
+    onError?: (error: string) => void;
+    language?: string;
+    onCancel?: () => void;
+}
+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,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"}