@transfergratis/react-native-sdk 0.1.4 → 0.1.6

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

@@ -1 +1 @@
-{"version":3,"file":"type.js","sourceRoot":"","sources":["../../../src/components/OverLay/type.ts"],"names":[],"mappings":"","sourcesContent":["export interface IdCardOverlayProps {\n    xMin: number;\n    yMin: number;\n    xMax: number;\n    yMax: number;\n    cornerOpacity: number;\n    instructions: string;\n    cornerColor?: string;\n    stepperProps?: StepperProps;\n    instructionsTile?: string;\n    instructionsSubtitle?: string;\n    orientation?: 'front' | 'left' | 'right';\n}\n\n\ninterface StepperProps {\n    back: () => void;\n    selectedDocumentType: string;\n    step: number;\n    totalSteps: number;\n}"]}
+{"version":3,"file":"type.js","sourceRoot":"","sources":["../../../src/components/OverLay/type.ts"],"names":[],"mappings":"","sourcesContent":["import { ViewStyle } from \"react-native\";\nimport { ISilentCaptureResult } from \"../../types/KYC.types\";\n\nexport interface IdCardOverlayProps {\n    xMin: number;\n    yMin: number;\n    xMax: number;\n    yMax: number;\n    cornerOpacity: number;\n    instructions: string;\n    cornerColor?: string;\n    stepperProps?: StepperProps;\n    instructionsTile?: string;\n    instructionsSubtitle?: string;\n    orientation?: 'center' | 'left' | 'right';\n    isAnalyzing?: boolean;\n    isSuccess?: boolean;\n    language:string\n}\n\n\ninterface StepperProps {\n    back: () => void;\n    selectedDocumentType: string;\n    step: number;\n    totalSteps: number;\n}\n\nexport interface ExtractMrzTextResponse {\n    parsed_data: {\n        mrz_type: string;\n        document_code: string;\n        issuer_code: string;\n        surname: string;\n        given_name: string;\n        document_number: string;\n        document_number_checkdigit: string;\n        nationality_code: string;\n        birth_date: string;\n        sex: string;\n        expiry_date: string;\n        optional_data: string;\n        mrz_text: string;\n        status: string;\n    },\n    success: boolean;\n}\n\n\n\nexport interface EnhancedCameraViewProps {\n    instructions?: string;\n    showCamera: boolean;\n    cameraType?: 'front' | 'back';\n    style?: ViewStyle;\n    onCapture?: (result: { success: boolean; path?: string; error?: string }) => void;\n    onSilentCapture?: (result: { success: boolean; path?: string; error?: string }) => void;\n    silentCaptureResult?: ISilentCaptureResult;\n    onError?: (event: { message: string }) => void;\n    onClose?: () => void;\n    enableFlash?: boolean;\n    enableHdr?: boolean;\n    quality?: 'low' | 'medium' | 'high';\n    showCaptureButton?: boolean;\n    showSwitchCamera?: boolean;\n    overlayComponent?: React.ReactNode;\n    bbox?: {\n      xMin: number;\n      yMin: number;\n      xMax: number;\n      yMax: number;\n      borderColor?: string;\n      borderWidth?: number;\n      cornerRadius?: number;\n    };\n    canFlip?: boolean;\n    // Video recording props\n    enableVideo?: boolean;\n    isRecording?: boolean;\n    onVideoRecordingStart?: () => void;\n    onVideoRecordingStop?: (result: { success: boolean; path?: string; error?: string }) => void;\n    videoDuration?: number;\n  }"]}

package/build/components/TemplateKYCExample.d.ts

@@ -1,7 +1,10 @@
 import React from 'react';
+import { VerificationState } from '../types/KYC.types';
 export declare const TemplateKYCExample: React.FC<{
-    onComplete: (data: Record<number, any>) => void;
+    onComplete: (data: VerificationState) => void;
     onCancel: () => void;
     onError: (error: string) => void;
+    language: string;
+    API_KEY: string;
 }>;
 //# sourceMappingURL=TemplateKYCExample.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"TemplateKYCExample.d.ts","sourceRoot":"","sources":["../../src/components/TemplateKYCExample.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AA2V1B,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI,CAAC;IAAC,QAAQ,EAAE,MAAM,IAAI,CAAC;IAAC,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CAAE,CA4BpJ,CAAC"}
+{"version":3,"file":"TemplateKYCExample.d.ts","sourceRoot":"","sources":["../../src/components/TemplateKYCExample.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAe,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AA+NpE,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,UAAU,EAAE,CAAC,IAAI,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAAC,QAAQ,EAAE,MAAM,IAAI,CAAC;IAAC,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,CA6BrL,CAAC"}

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", "SN", "NG", "MA", "DZ", "CI", "KE", "GH"],
+                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,58 +189,35 @@ 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 }) => {
+export const TemplateKYCExample = ({ onComplete, onCancel, onError, language, API_KEY }) => {
     const handleComplete = (data) => {
         console.log('KYC Template completed with data:', data);
         onComplete(data);
@@ -357,8 +232,8 @@ 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={language} // ou "en" pour l'anglais
+     API_KEY={API_KEY}/>
     </View>);
 };
 const styles = StyleSheet.create({

package/build/components/TemplateKYCExample.js.map

@@ -1 +1 @@
-{"version":3,"file":"TemplateKYCExample.js","sourceRoot":"","sources":["../../src/components/TemplateKYCExample.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAG9D,uCAAuC;AACvC,MAAM,4BAA4B,GAAgB;IAChD,EAAE,EAAE,CAAC;IACL,IAAI,EAAE;QACJ,EAAE,EAAE,uBAAuB;QAC3B,EAAE,EAAE,sBAAsB;KAC3B;IACD,WAAW,EAAE;QACX,EAAE,EAAE,qCAAqC;QACzC,EAAE,EAAE,6CAA6C;KAClD;IACD,OAAO,EAAE,OAAO;IAChB,UAAU,EAAE;QACV;YACE,EAAE,EAAE,CAAC;YACL,IAAI,EAAE,UAAmB;YACzB,KAAK,EAAE,CAAC;YACR,MAAM,EAAE;gBACN,EAAE,EAAE,sBAAsB;gBAC1B,EAAE,EAAE,4BAA4B;aACjC;YACD,YAAY,EAAE;gBACZ,EAAE,EAAE,oDAAoD;gBACxD,EAAE,EAAE,8EAA8E;aACnF;YACD,EAAE,EAAE;gBACF,IAAI,EAAE,mBAAmB;gBACzB,UAAU,EAAE,SAAS;gBACrB,UAAU,EAAE,EAAE,EAAE,EAAE,iBAAiB,EAAE,EAAE,EAAE,yBAAyB,EAAE;aACrE;YACD,MAAM,EAAE;gBACN,QAAQ,EAAE,MAAM;gBAChB,QAAQ,EAAE,IAAI;aACN;SACX;QACD;YACE,EAAE,EAAE,CAAC;YACL,IAAI,EAAE,SAAkB;YACxB,KAAK,EAAE,CAAC;YACR,UAAU,EAAE,CAAC;YACb,MAAM,EAAE;gBACN,EAAE,EAAE,yBAAyB;gBAC7B,EAAE,EAAE,+CAA+C;aACpD;YACD,YAAY,EAAE;gBACZ,EAAE,EAAE,6CAA6C;gBACjD,EAAE,EAAE,iDAAiD;aACtD;YACD,EAAE,EAAE;gBACF,IAAI,EAAE,kBAAkB;gBACxB,UAAU,EAAE,SAAS;gBACrB,UAAU,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,SAAS,EAAE;aAC1C;YACD,MAAM,EAAE;gBACN,KAAK,EAAE,CAAC,OAAO,CAAC;gBAChB,eAAe,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC;gBAC/B,WAAW,EAAE,CAAC;gBACd,cAAc,EAAE,CAAC,SAAS,EAAE,UAAU,EAAE,iBAAiB,EAAE,aAAa,CAAC;gBACzE,YAAY,EAAE;oBACZ,OAAO,EAAE;wBACP,IAAI,EAAE,EAAE;wBACR,IAAI,EAAE,GAAG;wBACT,IAAI,EAAE,GAAG;wBACT,IAAI,EAAE,GAAG;wBACT,WAAW,EAAE,SAAS;wBACtB,WAAW,EAAE,CAAC;wBACd,YAAY,EAAE,EAAE;qBACjB;oBACD,QAAQ,EAAE;wBACR,IAAI,EAAE,EAAE;wBACR,IAAI,EAAE,GAAG;wBACT,IAAI,EAAE,GAAG;wBACT,IAAI,EAAE,GAAG;wBACT,WAAW,EAAE,SAAS;wBACtB,WAAW,EAAE,CAAC;wBACd,YAAY,EAAE,CAAC;qBAChB;oBACD,eAAe,EAAE;wBACf,IAAI,EAAE,EAAE;wBACR,IAAI,EAAE,GAAG;wBACT,IAAI,EAAE,GAAG;wBACT,IAAI,EAAE,GAAG;wBACT,WAAW,EAAE,SAAS;wBACtB,WAAW,EAAE,CAAC;wBACd,YAAY,EAAE,EAAE;qBACjB;oBACD,WAAW,EAAE;wBACX,IAAI,EAAE,EAAE;wBACR,IAAI,EAAE,GAAG;wBACT,IAAI,EAAE,GAAG;wBACT,IAAI,EAAE,GAAG;wBACT,WAAW,EAAE,SAAS;wBACtB,WAAW,EAAE,CAAC;wBACd,YAAY,EAAE,EAAE;qBACjB;oBACD,gBAAgB,EAAE;wBAChB,IAAI,EAAE,EAAE;wBACR,IAAI,EAAE,GAAG;wBACT,IAAI,EAAE,GAAG;wBACT,IAAI,EAAE,GAAG;wBACT,WAAW,EAAE,SAAS;wBACtB,WAAW,EAAE,CAAC;wBACd,YAAY,EAAE,EAAE;qBACjB;oBACD,QAAQ,EAAE;wBACR,IAAI,EAAE,EAAE;wBACR,IAAI,EAAE,GAAG;wBACT,IAAI,EAAE,GAAG;wBACT,IAAI,EAAE,GAAG;wBACT,WAAW,EAAE,SAAS;wBACtB,WAAW,EAAE,CAAC;wBACd,YAAY,EAAE,EAAE;qBACjB;oBACD,WAAW,EAAE;wBACX,IAAI,EAAE,EAAE;wBACR,IAAI,EAAE,GAAG;wBACT,IAAI,EAAE,GAAG;wBACT,IAAI,EAAE,GAAG;wBACT,WAAW,EAAE,SAAS;wBACtB,WAAW,EAAE,CAAC;wBACd,YAAY,EAAE,EAAE;qBACjB;oBACD,UAAU,EAAE;wBACV,IAAI,EAAE,EAAE;wBACR,IAAI,EAAE,GAAG;wBACT,IAAI,EAAE,GAAG;wBACT,IAAI,EAAE,GAAG;wBACT,WAAW,EAAE,SAAS;wBACtB,WAAW,EAAE,CAAC;wBACd,YAAY,EAAE,EAAE;qBACjB;oBACD,WAAW,EAAE;wBACX,IAAI,EAAE,EAAE;wBACR,IAAI,EAAE,GAAG;wBACT,IAAI,EAAE,GAAG;wBACT,IAAI,EAAE,GAAG;wBACT,WAAW,EAAE,SAAS;wBACtB,WAAW,EAAE,CAAC;wBACd,YAAY,EAAE,EAAE;qBACjB;oBACD,KAAK,EAAE;wBACL,IAAI,EAAE,EAAE;wBACR,IAAI,EAAE,GAAG;wBACT,IAAI,EAAE,GAAG;wBACT,IAAI,EAAE,GAAG;wBACT,WAAW,EAAE,SAAS;wBACtB,WAAW,EAAE,CAAC;wBACd,YAAY,EAAE,EAAE;qBACjB;iBACF;aACO;SACX;QACD;YACE,EAAE,EAAE,CAAC;YACL,IAAI,EAAE,SAAkB;YACxB,KAAK,EAAE,CAAC;YACR,UAAU,EAAE,CAAC;YACb,MAAM,EAAE;gBACN,EAAE,EAAE,wBAAwB;gBAC5B,EAAE,EAAE,+CAA+C;aACpD;YACD,YAAY,EAAE;gBACZ,EAAE,EAAE,4CAA4C;gBAChD,EAAE,EAAE,iDAAiD;aACtD;YACD,EAAE,EAAE;gBACF,IAAI,EAAE,kBAAkB;gBACxB,UAAU,EAAE,SAAS;gBACrB,UAAU,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,SAAS,EAAE;aAC1C;YACD,MAAM,EAAE;gBACN,KAAK,EAAE,CAAC,MAAM,CAAC;gBACf,eAAe,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC;gBAC/B,WAAW,EAAE,CAAC;gBACd,cAAc,EAAE,CAAC,SAAS,EAAE,UAAU,EAAE,iBAAiB,EAAE,aAAa,CAAC;gBACzE,YAAY,EAAE;oBACZ,OAAO,EAAE;wBACP,IAAI,EAAE,EAAE;wBACR,IAAI,EAAE,GAAG;wBACT,IAAI,EAAE,GAAG;wBACT,IAAI,EAAE,GAAG;wBACT,WAAW,EAAE,SAAS;wBACtB,WAAW,EAAE,CAAC;wBACd,YAAY,EAAE,EAAE;qBACjB;oBACD,QAAQ,EAAE;wBACR,IAAI,EAAE,EAAE;wBACR,IAAI,EAAE,GAAG;wBACT,IAAI,EAAE,GAAG;wBACT,IAAI,EAAE,GAAG;wBACT,WAAW,EAAE,SAAS;wBACtB,WAAW,EAAE,CAAC;wBACd,YAAY,EAAE,CAAC;qBAChB;oBACD,eAAe,EAAE;wBACf,IAAI,EAAE,EAAE;wBACR,IAAI,EAAE,GAAG;wBACT,IAAI,EAAE,GAAG;wBACT,IAAI,EAAE,GAAG;wBACT,WAAW,EAAE,SAAS;wBACtB,WAAW,EAAE,CAAC;wBACd,YAAY,EAAE,EAAE;qBACjB;oBACD,WAAW,EAAE;wBACX,IAAI,EAAE,EAAE;wBACR,IAAI,EAAE,GAAG;wBACT,IAAI,EAAE,GAAG;wBACT,IAAI,EAAE,GAAG;wBACT,WAAW,EAAE,SAAS;wBACtB,WAAW,EAAE,CAAC;wBACd,YAAY,EAAE,EAAE;qBACjB;oBACD,gBAAgB,EAAE;wBAChB,IAAI,EAAE,EAAE;wBACR,IAAI,EAAE,GAAG;wBACT,IAAI,EAAE,GAAG;wBACT,IAAI,EAAE,GAAG;wBACT,WAAW,EAAE,SAAS;wBACtB,WAAW,EAAE,CAAC;wBACd,YAAY,EAAE,EAAE;qBACjB;oBACD,QAAQ,EAAE;wBACR,IAAI,EAAE,EAAE;wBACR,IAAI,EAAE,GAAG;wBACT,IAAI,EAAE,GAAG;wBACT,IAAI,EAAE,GAAG;wBACT,WAAW,EAAE,SAAS;wBACtB,WAAW,EAAE,CAAC;wBACd,YAAY,EAAE,EAAE;qBACjB;oBACD,WAAW,EAAE;wBACX,IAAI,EAAE,EAAE;wBACR,IAAI,EAAE,GAAG;wBACT,IAAI,EAAE,GAAG;wBACT,IAAI,EAAE,GAAG;wBACT,WAAW,EAAE,SAAS;wBACtB,WAAW,EAAE,CAAC;wBACd,YAAY,EAAE,EAAE;qBACjB;oBACD,UAAU,EAAE;wBACV,IAAI,EAAE,EAAE;wBACR,IAAI,EAAE,GAAG;wBACT,IAAI,EAAE,GAAG;wBACT,IAAI,EAAE,GAAG;wBACT,WAAW,EAAE,SAAS;wBACtB,WAAW,EAAE,CAAC;wBACd,YAAY,EAAE,EAAE;qBACjB;oBACD,WAAW,EAAE;wBACX,IAAI,EAAE,EAAE;wBACR,IAAI,EAAE,GAAG;wBACT,IAAI,EAAE,GAAG;wBACT,IAAI,EAAE,GAAG;wBACT,WAAW,EAAE,SAAS;wBACtB,WAAW,EAAE,CAAC;wBACd,YAAY,EAAE,EAAE;qBACjB;oBACD,KAAK,EAAE;wBACL,IAAI,EAAE,EAAE;wBACR,IAAI,EAAE,GAAG;wBACT,IAAI,EAAE,GAAG;wBACT,IAAI,EAAE,GAAG;wBACT,WAAW,EAAE,SAAS;wBACtB,WAAW,EAAE,CAAC;wBACd,YAAY,EAAE,EAAE;qBACjB;iBACF;aACO;SACX;QACD;YACE,EAAE,EAAE,CAAC;YACL,IAAI,EAAE,QAAiB;YACvB,KAAK,EAAE,CAAC;YACR,UAAU,EAAE,CAAC;YACb,MAAM,EAAE;gBACN,EAAE,EAAE,oCAAoC;gBACxC,EAAE,EAAE,2CAA2C;aAChD;YACD,YAAY,EAAE;gBACZ,EAAE,EAAE,kDAAkD;gBACtD,EAAE,EAAE,4DAA4D;aACjE;YACD,EAAE,EAAE;gBACF,IAAI,EAAE,iBAAiB;gBACvB,UAAU,EAAE,SAAS;gBACrB,UAAU,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,SAAS,EAAE;aAC1C;YACD,MAAM,EAAE;gBACN,cAAc,EAAE,IAAI;gBACpB,YAAY,EAAE,CAAC;gBACf,YAAY,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,CAAC;aAChC;SACX;QACD;YACE,EAAE,EAAE,CAAC;YACL,IAAI,EAAE,aAAsB;YAC5B,KAAK,EAAE,CAAC;YACR,MAAM,EAAE;gBACN,EAAE,EAAE,yBAAyB;gBAC7B,EAAE,EAAE,wCAAwC;aAC7C;YACD,YAAY,EAAE;gBACZ,EAAE,EAAE,iEAAiE;gBACrE,EAAE,EAAE,uEAAuE;aAC5E;YACD,EAAE,EAAE;gBACF,IAAI,EAAE,sBAAsB;gBAC5B,UAAU,EAAE,SAAS;gBACrB,UAAU,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,YAAY,EAAE;aAC/C;YACD,MAAM,EAAE;gBACN,eAAe,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC;gBACtC,WAAW,EAAE,EAAE;gBACf,QAAQ,EAAE,IAAI;aACN;SACX;QACD;YACE,EAAE,EAAE,CAAC;YACL,IAAI,EAAE,mBAA4B;YAClC,KAAK,EAAE,CAAC;YACR,MAAM,EAAE;gBACN,EAAE,EAAE,qBAAqB;gBACzB,EAAE,EAAE,yBAAyB;aAC9B;YACD,YAAY,EAAE;gBACZ,EAAE,EAAE,mCAAmC;gBACvC,EAAE,EAAE,qCAAqC;aAC1C;YACD,EAAE,EAAE;gBACF,IAAI,EAAE,kBAAkB;gBACxB,UAAU,EAAE,SAAS;gBACrB,UAAU,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,WAAW,EAAE;aAC/C;YACD,MAAM,EAAE;gBACN,iBAAiB,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC;gBAC3C,eAAe,EAAE,IAAI;gBACrB,QAAQ,EAAE,IAAI;aACN;SACX;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAA0H,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE;IAC7L,MAAM,cAAc,GAAG,CAAC,IAAyB,EAAE,EAAE;QACnD,OAAO,CAAC,GAAG,CAAC,mCAAmC,EAAE,IAAI,CAAC,CAAC;QACvD,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,kDAAkD;IACpD,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,OAAO,CAAC,GAAG,CAAC,6BAA6B,CAAC,CAAC;QAC3C,QAAQ,EAAE,CAAC;IACb,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,CAAC,KAAa,EAAE,EAAE;QACpC,OAAO,CAAC,KAAK,CAAC,qBAAqB,EAAE,KAAK,CAAC,CAAC;QAC5C,iBAAiB;IACnB,CAAC,CAAC;IAEF,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAC5B;MAAA,CAAC,eAAe,CACd,QAAQ,CAAC,CAAC,4BAA4B,CAAC,CACvC,UAAU,CAAC,CAAC,cAAc,CAAC,CAC3B,OAAO,CAAC,CAAC,WAAW,CAAC,CACrB,QAAQ,CAAC,CAAC,YAAY,CAAC,CACvB,QAAQ,CAAC,IAAI,CAAC,yBAAyB;MAE3C;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,IAAI,EAAE,CAAC;KACR;CACF,CAAC,CAAC;AAEH,wEAAwE;AACxE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8DE","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, VerificationState } 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\", \"SN\", \"NG\", \"MA\", \"DZ\",\"CI\", \"KE\",\"GH\"],\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: VerificationState) => void, onCancel: () => void, onError: (error: string) => void, language: string, API_KEY: string }> = ({ onComplete, onCancel, onError, language, API_KEY }) => {\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    // 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={language} // ou \"en\" pour l'anglais\n        API_KEY={API_KEY}\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

@@ -1,11 +1,12 @@
 import React from 'react';
-import { KYCTemplate } from '../types/KYC.types';
+import { KYCTemplate, VerificationState } from '../types/KYC.types';
 interface TemplateKYCFlowProps {
     template: KYCTemplate;
-    onComplete?: (data: Record<number, unknown>) => void;
+    onComplete?: (data: VerificationState) => void;
     onError?: (error: string) => void;
     language?: string;
     onCancel?: () => void;
+    API_KEY?: string;
 }
 export declare const TemplateKYCFlow: React.FC<TemplateKYCFlowProps>;
 export {};

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,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAYpE,UAAU,oBAAoB;IAC5B,QAAQ,EAAE,WAAW,CAAC;IACtB,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;CAClB;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAoB1D,CAAC"}