@transfergratis/react-native-sdk 0.1.13 → 0.1.14

package/build/utils/pathToBase64.js

@@ -8,9 +8,14 @@ export async function pathToBase64(uri) {
     }
     // Try Expo FileSystem if available (React Native + Expo)
     try {
-        // Dynamically import to avoid hard dependency when not available
-        // eslint-disable-next-line @typescript-eslint/no-var-requires
-        const FileSystem = require('expo-file-system');
+        // Try legacy API first (Expo SDK 54+) to avoid deprecation warnings
+        // @ts-ignore - legacy export might not be in types
+        let FileSystem = require('expo-file-system/legacy');
+        if (!FileSystem?.readAsStringAsync) {
+            // Fall back to regular import for older versions
+            // eslint-disable-next-line @typescript-eslint/no-var-requires
+            FileSystem = require('expo-file-system');
+        }
         if (FileSystem?.readAsStringAsync) {
             const base64 = await FileSystem.readAsStringAsync(uri, { encoding: FileSystem.EncodingType.Base64 });
             if (base64)

package/build/utils/pathToBase64.js.map

@@ -1 +1 @@
-{"version":3,"file":"pathToBase64.js","sourceRoot":"","sources":["../../src/utils/pathToBase64.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,KAAK,UAAU,YAAY,CAAC,GAAW;IAC5C,IAAI,CAAC,GAAG;QAAE,MAAM,IAAI,KAAK,CAAC,+BAA+B,CAAC,CAAC;IAE3D,gDAAgD;IAChD,IAAI,GAAG,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,CAAC;QAC5B,MAAM,UAAU,GAAG,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;QACpC,OAAO,UAAU,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,SAAS,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;IACjE,CAAC;IAED,yDAAyD;IACzD,IAAI,CAAC;QACH,iEAAiE;QACjE,8DAA8D;QAC9D,MAAM,UAAU,GAAG,OAAO,CAAC,kBAAkB,CAAC,CAAC;QAC/C,IAAI,UAAU,EAAE,iBAAiB,EAAE,CAAC;YAClC,MAAM,MAAM,GAAG,MAAM,UAAU,CAAC,iBAAiB,CAAC,GAAG,EAAE,EAAE,QAAQ,EAAE,UAAU,CAAC,YAAY,CAAC,MAAM,EAAE,CAAC,CAAC;YACrG,IAAI,MAAM;gBAAE,OAAO,MAAM,CAAC;QAC5B,CAAC;IACH,CAAC;IAAC,OAAO,CAAC,EAAE,CAAC;QACX,yCAAyC;IAC3C,CAAC;IAED,yFAAyF;IACzF,IAAI,CAAC;QACH,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,GAAG,CAAC,CAAC;QAClC,MAAM,IAAI,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC;QACnC,MAAM,OAAO,GAAG,MAAM,IAAI,OAAO,CAAS,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE;YAC5D,MAAM,MAAM,GAAG,IAAI,UAAU,EAAE,CAAC;YAChC,MAAM,CAAC,SAAS,GAAG,GAAG,EAAE;gBACtB,IAAI,OAAO,MAAM,CAAC,MAAM,KAAK,QAAQ;oBAAE,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;;oBACzD,MAAM,CAAC,IAAI,KAAK,CAAC,oCAAoC,CAAC,CAAC,CAAC;YAC/D,CAAC,CAAC;YACF,MAAM,CAAC,OAAO,GAAG,MAAM,CAAC;YACxB,MAAM,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;QAC7B,CAAC,CAAC,CAAC;QACH,MAAM,UAAU,GAAG,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;QACxC,OAAO,UAAU,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;IACzE,CAAC;IAAC,OAAO,GAAG,EAAE,CAAC;QACb,0BAA0B;IAC5B,CAAC;IAED,MAAM,IAAI,KAAK,CAAC,+CAA+C,CAAC,CAAC;AACnE,CAAC;AAED,eAAe,YAAY,CAAC","sourcesContent":["export async function pathToBase64(uri: string): Promise<string> {\n  if (!uri) throw new Error('pathToBase64: uri is required');\n\n  // If already a data URI, return the base64 part\n  if (uri.startsWith('data:')) {\n    const commaIndex = uri.indexOf(',');\n    return commaIndex !== -1 ? uri.substring(commaIndex + 1) : uri;\n  }\n\n  // Try Expo FileSystem if available (React Native + Expo)\n  try {\n    // Dynamically import to avoid hard dependency when not available\n    // eslint-disable-next-line @typescript-eslint/no-var-requires\n    const FileSystem = require('expo-file-system');\n    if (FileSystem?.readAsStringAsync) {\n      const base64 = await FileSystem.readAsStringAsync(uri, { encoding: FileSystem.EncodingType.Base64 });\n      if (base64) return base64;\n    }\n  } catch (_) {\n    // ignore - fall back to other strategies\n  }\n\n  // Generic fetch + FileReader strategy (works on web; often works on RN for file:// URIs)\n  try {\n    const response = await fetch(uri);\n    const blob = await response.blob();\n    const dataUrl = await new Promise<string>((resolve, reject) => {\n      const reader = new FileReader();\n      reader.onloadend = () => {\n        if (typeof reader.result === 'string') resolve(reader.result);\n        else reject(new Error('Failed to convert blob to data URL'));\n      };\n      reader.onerror = reject;\n      reader.readAsDataURL(blob);\n    });\n    const commaIndex = dataUrl.indexOf(',');\n    return commaIndex !== -1 ? dataUrl.substring(commaIndex + 1) : dataUrl;\n  } catch (err) {\n    // continue to final error\n  }\n\n  throw new Error('pathToBase64: unable to convert uri to base64');\n}\n\nexport default pathToBase64;\n\n\n"]}
+{"version":3,"file":"pathToBase64.js","sourceRoot":"","sources":["../../src/utils/pathToBase64.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,KAAK,UAAU,YAAY,CAAC,GAAW;IAC5C,IAAI,CAAC,GAAG;QAAE,MAAM,IAAI,KAAK,CAAC,+BAA+B,CAAC,CAAC;IAE3D,gDAAgD;IAChD,IAAI,GAAG,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,CAAC;QAC5B,MAAM,UAAU,GAAG,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;QACpC,OAAO,UAAU,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,SAAS,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;IACjE,CAAC;IAED,yDAAyD;IACzD,IAAI,CAAC;QACH,oEAAoE;QACpE,mDAAmD;QACnD,IAAI,UAAU,GAAG,OAAO,CAAC,yBAAyB,CAAC,CAAC;QACpD,IAAI,CAAC,UAAU,EAAE,iBAAiB,EAAE,CAAC;YACnC,iDAAiD;YACjD,8DAA8D;YAC9D,UAAU,GAAG,OAAO,CAAC,kBAAkB,CAAC,CAAC;QAC3C,CAAC;QACD,IAAI,UAAU,EAAE,iBAAiB,EAAE,CAAC;YAClC,MAAM,MAAM,GAAG,MAAM,UAAU,CAAC,iBAAiB,CAAC,GAAG,EAAE,EAAE,QAAQ,EAAE,UAAU,CAAC,YAAY,CAAC,MAAM,EAAE,CAAC,CAAC;YACrG,IAAI,MAAM;gBAAE,OAAO,MAAM,CAAC;QAC5B,CAAC;IACH,CAAC;IAAC,OAAO,CAAC,EAAE,CAAC;QACX,yCAAyC;IAC3C,CAAC;IAED,yFAAyF;IACzF,IAAI,CAAC;QACH,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,GAAG,CAAC,CAAC;QAClC,MAAM,IAAI,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC;QACnC,MAAM,OAAO,GAAG,MAAM,IAAI,OAAO,CAAS,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE;YAC5D,MAAM,MAAM,GAAG,IAAI,UAAU,EAAE,CAAC;YAChC,MAAM,CAAC,SAAS,GAAG,GAAG,EAAE;gBACtB,IAAI,OAAO,MAAM,CAAC,MAAM,KAAK,QAAQ;oBAAE,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;;oBACzD,MAAM,CAAC,IAAI,KAAK,CAAC,oCAAoC,CAAC,CAAC,CAAC;YAC/D,CAAC,CAAC;YACF,MAAM,CAAC,OAAO,GAAG,MAAM,CAAC;YACxB,MAAM,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;QAC7B,CAAC,CAAC,CAAC;QACH,MAAM,UAAU,GAAG,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;QACxC,OAAO,UAAU,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;IACzE,CAAC;IAAC,OAAO,GAAG,EAAE,CAAC;QACb,0BAA0B;IAC5B,CAAC;IAED,MAAM,IAAI,KAAK,CAAC,+CAA+C,CAAC,CAAC;AACnE,CAAC;AAED,eAAe,YAAY,CAAC","sourcesContent":["export async function pathToBase64(uri: string): Promise<string> {\n  if (!uri) throw new Error('pathToBase64: uri is required');\n\n  // If already a data URI, return the base64 part\n  if (uri.startsWith('data:')) {\n    const commaIndex = uri.indexOf(',');\n    return commaIndex !== -1 ? uri.substring(commaIndex + 1) : uri;\n  }\n\n  // Try Expo FileSystem if available (React Native + Expo)\n  try {\n    // Try legacy API first (Expo SDK 54+) to avoid deprecation warnings\n    // @ts-ignore - legacy export might not be in types\n    let FileSystem = require('expo-file-system/legacy');\n    if (!FileSystem?.readAsStringAsync) {\n      // Fall back to regular import for older versions\n      // eslint-disable-next-line @typescript-eslint/no-var-requires\n      FileSystem = require('expo-file-system');\n    }\n    if (FileSystem?.readAsStringAsync) {\n      const base64 = await FileSystem.readAsStringAsync(uri, { encoding: FileSystem.EncodingType.Base64 });\n      if (base64) return base64;\n    }\n  } catch (_) {\n    // ignore - fall back to other strategies\n  }\n\n  // Generic fetch + FileReader strategy (works on web; often works on RN for file:// URIs)\n  try {\n    const response = await fetch(uri);\n    const blob = await response.blob();\n    const dataUrl = await new Promise<string>((resolve, reject) => {\n      const reader = new FileReader();\n      reader.onloadend = () => {\n        if (typeof reader.result === 'string') resolve(reader.result);\n        else reject(new Error('Failed to convert blob to data URL'));\n      };\n      reader.onerror = reject;\n      reader.readAsDataURL(blob);\n    });\n    const commaIndex = dataUrl.indexOf(',');\n    return commaIndex !== -1 ? dataUrl.substring(commaIndex + 1) : dataUrl;\n  } catch (err) {\n    // continue to final error\n  }\n\n  throw new Error('pathToBase64: unable to convert uri to base64');\n}\n\nexport default pathToBase64;\n\n\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@transfergratis/react-native-sdk",
-  "version": "0.1.13",
+  "version": "0.1.14",
   "description": "transfergratis react native sdk",
   "main": "build/index.js",
   "types": "build/index.d.ts",

package/src/components/KYCElements/IDCardCapture.tsx

@@ -339,30 +339,13 @@ export const IDCardCapture: React.FC<IDCardCaptureProps> = ({
 
 
 
-  // const renderBboxOverlay = () => {
-  //   const bbox: any = (silentCaptureResult as any)?.bbox;
-  //   if (!bbox || !imageNaturalSize) return null;
-  //   const containerWidth = Dimensions.get('window').width - 24 - 24; // approximate inner width accounting paddings/margins
-  //   const containerHeight = 200;
-  //   const scaleX = 1;
-  //   const scaleY = 1;
-  //   const left = Math.max(0, bbox.minX * scaleX);
-  //   const top = Math.max(0, bbox.minY * scaleY);
-  //   const width = Math.max(1, bbox.width * scaleX);
-  //   const height = Math.max(1, bbox.height * scaleY);
-  //   return (
-  //     <View
-  //       pointerEvents="none"
-  //       style={{ position: 'absolute', left, top, width, height, borderColor: '#2DBD60', borderWidth: 2, borderStyle: 'solid', borderRadius: 6 }}
-  //     />
-  //   );
-  // };
-
 
 
 
   const handleDocumentTypeSelection = (docType: GovernmentDocumentType) => {
     setSelectedDocumentType({ type: docType, region: hasRegions(docType) ? '' : 'root' });
+    setSilentCaptureResult((prev) => ({ ...prev, templatePath: '', bbox: undefined, success: false, isAnalyzing: false, error: '', path: '', mrz: '', country: '', documentType: '' }));
+    setCapturedImages((prev) => ({ ...prev, front: { dir: '', file: '', mrz: '' }, back: { dir: '', file: '', mrz: '' } }));
   };
   const handleRegionSelection = (region: string) => {
     setSelectedDocumentType((prev) => ({ ...prev, region: region }));

package/src/components/KYCElements/VerificationProgressTemplate.tsx

@@ -155,7 +155,7 @@ export const VerificationProgressTemplate: React.FC<VerificationProgressTemplate
             <Text key={idx} style={styles.issueItem}>• {issue}</Text>
           ))}
         </View>
-        <TouchableOpacity style={[styles.button, styles.primary]} onPress={() => actions.goToComponent(state.template.components.find(c => c.type !== 'review_submit' && c.type !== 'verification_progress')?.id || 0)}>
+        <TouchableOpacity style={[styles.button, styles.primary]} onPress={() => actions.resetTemplate()}>
           <Text style={styles.buttonText}>{t('kyc.verificationProgress.status.retry')}</Text>
         </TouchableOpacity>
         <TouchableOpacity style={[styles.button, styles.secondary]}>

package/src/components/TemplateKYCExample.tsx

@@ -260,68 +260,3 @@ const styles = StyleSheet.create({
     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" }
-  }
-};
-*/ 

package/src/hooks/useTemplateKYCFlow.tsx

@@ -130,8 +130,8 @@ export const useTemplateKYCFlow = (
   const templateWithReview = useMemo(() => ensureReviewSubmitStep(template), [template, ensureReviewSubmitStep]);
   const templateWithReviewAndVerification = useMemo(() => ensureVerificationProgressStep(templateWithReview), [templateWithReview, ensureVerificationProgressStep]);
 
-  // État du flux
-  const [state, setState] = useState<TemplateState>({
+  // État initial du flux
+  const buildInitialState = (): TemplateState => ({
     template: templateWithReviewAndVerification,
     currentComponentIndex: 0,
     completedComponents: [],
@@ -151,6 +151,9 @@ export const useTemplateKYCFlow = (
       status: 'idle',
     },
   });
+
+  // État du flux
+  const [state, setState] = useState<TemplateState>(() => buildInitialState());
   const mapComponentTypeToAction = useCallback((type: TemplateComponent['type']): string | null => {
     switch (type) {
       case 'id_card':
@@ -594,16 +597,8 @@ export const useTemplateKYCFlow = (
 
     // Réinitialiser le template
     resetTemplate: useCallback(() => {
-      setState(prev => ({
-        ...prev,
-        currentComponentIndex: 0,
-        completedComponents: [],
-        componentData: {},
-        errors: {},
-        isProcessing: false,
-        verification: { status: 'idle', result: undefined },
-      }));
-    }, []),
+      setState(buildInitialState());
+    }, [buildInitialState]),
 
     // Changer la langue
     setLanguage: useCallback((language: string) => {

package/src/i18n/en/index.ts

@@ -140,7 +140,8 @@ export const en = {
         pending: 'Pending',
         processing: 'Processing',
         completed: 'Completed',
-        failed: 'Failed'
+        failed: 'Failed',
+        retry: 'Retry'
       }
     },
 

package/src/i18n/fr/index.ts

@@ -140,7 +140,8 @@ export const fr = {
         pending: 'En attente',
         processing: 'En cours',
         completed: 'Terminé',
-        failed: 'Échoué'
+        failed: 'Échoué',
+        retry: 'Réessayer'
       }
     },
 

package/src/i18n/types.ts

@@ -98,6 +98,7 @@ export interface KYCTranslations {
       processing: string;
       completed: string;
       failed: string;
+      retry: string;
     };
   };
   

package/src/modules/camera/VisionCameraModule.ts

@@ -2,6 +2,29 @@ import { Platform } from 'react-native';
 import { Camera, CameraDevice, CameraPermissionStatus, PhotoFile } from 'react-native-vision-camera';
 import * as FileSystem from "expo-file-system";
 
+/**
+ * Backward-compatible file copy function
+ * Uses legacy API from expo-file-system/legacy if available (Expo SDK 54+)
+ * Falls back to regular copyAsync for older versions
+ */
+async function copyFileCompat(from: string, to: string): Promise<void> {
+  try {
+    // Try legacy API from expo-file-system/legacy (Expo SDK 54+)
+    // This avoids deprecation warnings while maintaining backward compatibility
+    // @ts-ignore - legacy export might not be in types
+    const LegacyFileSystem = require('expo-file-system/legacy');
+    if (LegacyFileSystem?.copyAsync) {
+      await LegacyFileSystem.copyAsync({ from, to });
+      return;
+    }
+  } catch (_) {
+    // Legacy export not available, fall through to regular import
+  }
+
+  // Fall back to regular copyAsync (for older Expo SDK versions < 54)
+  await FileSystem.copyAsync({ from, to });
+}
+
 export interface CameraCaptureResult {
   success: boolean;
   path?: string;
@@ -163,15 +186,11 @@ export class VisionCameraModule {
    * Process photo capture result
    */
   async processPhotoResult(photo: PhotoFile): Promise<CameraCaptureResult> {
+    try {
+      const newPath = FileSystem.documentDirectory + `photo_${Date.now()}.jpg`;
 
-    const newPath = FileSystem.documentDirectory + `photo_${Date.now()}.jpg`;
-
-    await FileSystem.copyAsync({
-      from: `file://${photo.path}`,
-      to: newPath,
-    });
+      await copyFileCompat(`file://${photo.path}`, newPath);
 
-    try {
       return {
         success: true,
         path: newPath,

package/src/utils/pathToBase64.ts

@@ -9,9 +9,14 @@ export async function pathToBase64(uri: string): Promise<string> {
 
   // Try Expo FileSystem if available (React Native + Expo)
   try {
-    // Dynamically import to avoid hard dependency when not available
-    // eslint-disable-next-line @typescript-eslint/no-var-requires
-    const FileSystem = require('expo-file-system');
+    // Try legacy API first (Expo SDK 54+) to avoid deprecation warnings
+    // @ts-ignore - legacy export might not be in types
+    let FileSystem = require('expo-file-system/legacy');
+    if (!FileSystem?.readAsStringAsync) {
+      // Fall back to regular import for older versions
+      // eslint-disable-next-line @typescript-eslint/no-var-requires
+      FileSystem = require('expo-file-system');
+    }
     if (FileSystem?.readAsStringAsync) {
       const base64 = await FileSystem.readAsStringAsync(uri, { encoding: FileSystem.EncodingType.Base64 });
       if (base64) return base64;