@transfergratis/react-native-sdk 0.1.12 → 0.1.14

package/src/components/TemplateKYCFlowRefactored.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { View, Text, StyleSheet, SafeAreaView, TouchableOpacity, ActivityIndicator, Dimensions } from 'react-native';
+import { View, Text, StyleSheet, SafeAreaView, TouchableOpacity, ActivityIndicator, Dimensions, Alert } from 'react-native';
 import { KYCTemplate, VerificationState } from '../types/KYC.types';
 import { TemplateKYCFlowProvider, useTemplateKYCFlowContext } from '../hooks/useTemplateKYCFlow';
 import { useI18n } from '../hooks/useI18n';
@@ -29,16 +29,33 @@ export const TemplateKYCFlow: React.FC<TemplateKYCFlowProps> = ({
   onCancel,
   API_KEY,
 }) => {
+  const { t } = useI18n();
+  
+  const OnCancel = () => {
+    Alert.alert(
+      t('kyc.cancelConfirmation.title'),
+      t('kyc.cancelConfirmation.message'),
+      [
+        { text: t('kyc.cancelConfirmation.cancelButton'), style: 'cancel' },
+        {
+          text: t('kyc.cancelConfirmation.confirmButton'),
+          onPress: () => {
+            onCancel?.();
+          }
+        },
+      ]
+    );
+  };
   return (
     <TemplateKYCFlowProvider
       template={template}
       onComplete={onComplete}
       onError={onError}
-      onCancel={onCancel}
+      onCancel={OnCancel}
       initialLanguage={language}
       apiKey={API_KEY}
     >
-      <TemplateKYCFlowContent onCancel={onCancel} />
+      <TemplateKYCFlowContent onCancel={OnCancel} />
     </TemplateKYCFlowProvider>
   );
 };

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'
       }
     },
 
@@ -161,6 +162,14 @@ export const en = {
         right: 'Right',
         left: 'Left'
       }
+    },
+
+    // Cancel Confirmation
+    cancelConfirmation: {
+      title: 'Are you sure you want to cancel?',
+      message: 'You will lose all your progress.',
+      cancelButton: 'Cancel',
+      confirmButton: 'OK'
     }
   },
 

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'
       }
     },
 
@@ -161,6 +162,14 @@ export const fr = {
         right: 'Droite',
         left: 'Gauche'
       }
+    },
+
+    // Confirmation d'annulation
+    cancelConfirmation: {
+      title: 'Êtes-vous sûr de vouloir annuler ?',
+      message: 'Vous perdrez tout votre progrès.',
+      cancelButton: 'Annuler',
+      confirmButton: 'OK'
     }
   },
 

package/src/i18n/types.ts

@@ -98,6 +98,7 @@ export interface KYCTranslations {
       processing: string;
       completed: string;
       failed: string;
+      retry: string;
     };
   };
   
@@ -113,6 +114,13 @@ export interface KYCTranslations {
     success: string;
     error: string;
   };
+  
+  cancelConfirmation: {
+    title: string;
+    message: string;
+    cancelButton: string;
+    confirmButton: string;
+  };
 }
 
 export interface CameraTranslations {

package/src/modules/api/CardAuthentification.ts

@@ -1,4 +1,4 @@
-import kycService, { authentification, errorMessage } from "./KYCService";
+import kycService, { authentification, errorMessage, truncateFields } from "./KYCService";
 import { cropByObb } from "../../utils/cropByObb";
 import { GovernmentDocumentType, IBbox } from "../../types/KYC.types";
 import { logger } from "../../utils/logger";
@@ -149,6 +149,8 @@ export async function checkTemplateType(result: { path?: string, docType: string
     try {
         const token = await authentification();
         const templateType = await kycService.checkTemplateType({ fileUri: result.path || '', docType: result?.docType as GovernmentDocumentType, docRegion: result?.docRegion || "", postfix: result?.postfix, token: token });
+
+        logger.log("templateType result", JSON.stringify(truncateFields(templateType), null, 2));
         return templateType;
     } catch (e: any) {
         logger.error('Error checking template type:', JSON.stringify(errorMessage(e), null, 2));

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;