@sanctum-key/react-native-sdk 1.0.7 → 1.0.9

package/src/{SanctumKeySdk.types.ts → TransfergratisSdk.types.ts}

@@ -15,13 +15,13 @@ export type ErrorEventPayload = {
   message: string;
 };
 
-export type SanctumKeySdkModuleEvents = {
+export type TransfergratisSdkModuleEvents = {
   onCameraCapture: (params: CameraCaptureEventPayload) => void;
   onFileSelected: (params: FileSelectedEventPayload) => void;
   onError: (params: ErrorEventPayload) => void;
 };
 
-export type SanctumKeySdkViewProps = {
+export type TransfergratisSdkViewProps = {
   instructions: string;
   showCamera: boolean;
   onCapture?: (event: { nativeEvent: { action: 'capture' | 'retake' } }) => void;

package/src/{SanctumKeySdkModule.ts → TransfergratisSdkModule.ts}

@@ -2,9 +2,9 @@ import { requireNativeModule } from 'expo-modules-core';
 
 import { NativeModule } from 'expo';
 
-import { SanctumKeySdkModuleEvents } from './SanctumKeySdk.types';
+import { TransfergratisSdkModuleEvents } from './TransfergratisSdk.types';
 
-declare class SanctumKeySdkModule extends NativeModule<SanctumKeySdkModuleEvents> {
+declare class TransfergratisSdkModule extends NativeModule<TransfergratisSdkModuleEvents> {
   PI: number;
   testModule(): Promise<string>;
   requestCameraPermission(): Promise<boolean>;
@@ -13,4 +13,4 @@ declare class SanctumKeySdkModule extends NativeModule<SanctumKeySdkModuleEvents
 }
 
 // This call loads the native module object from the JSI.
-export default requireNativeModule<SanctumKeySdkModule>('SanctumKeySdk');
+export default requireNativeModule<TransfergratisSdkModule>('TransfergratisSdk');

package/src/{SanctumKeySdkModule.web.ts → TransfergratisSdkModule.web.ts}

@@ -1,9 +1,9 @@
 import { registerWebModule } from 'expo-modules-core';
 import { NativeModule } from 'expo';
 
-import { SanctumKeySdkModuleEvents } from './SanctumKeySdk.types';
+import { TransfergratisSdkModuleEvents } from './TransfergratisSdk.types';
 
-class SanctumKeySdkModule extends NativeModule<SanctumKeySdkModuleEvents> {
+class TransfergratisSdkModule extends NativeModule<TransfergratisSdkModuleEvents> {
   PI = Math.PI;
   
   async requestCameraPermission(): Promise<boolean> {
@@ -28,4 +28,4 @@ class SanctumKeySdkModule extends NativeModule<SanctumKeySdkModuleEvents> {
   }
 }
 
-export default registerWebModule(SanctumKeySdkModule, 'SanctumKeySdkModule');
+export default registerWebModule(TransfergratisSdkModule, 'TransfergratisSdkModule');

package/src/TransfergratisSdkView.tsx

@@ -0,0 +1,11 @@
+import { requireNativeView } from 'expo';
+import * as React from 'react';
+
+import { TransfergratisSdkViewProps } from './TransfergratisSdk.types';
+
+const NativeView: React.ComponentType<TransfergratisSdkViewProps> =
+  requireNativeView('TransfergratisSdk');
+
+export default function TransfergratisSdkView(props: TransfergratisSdkViewProps) {
+  return <NativeView {...props} />;
+}

package/src/{SanctumKeySdkView.web.tsx → TransfergratisSdkView.web.tsx}

@@ -1,8 +1,8 @@
 import * as React from 'react';
 
-import { SanctumKeySdkViewProps } from './SanctumKeySdk.types';
+import { TransfergratisSdkViewProps } from './TransfergratisSdk.types';
 
-export default function SanctumKeySdkView(props: SanctumKeySdkViewProps) {
+export default function TransfergratisSdkView(props: TransfergratisSdkViewProps) {
   return (
     <div>
       {/* <iframe

package/src/api/axios.ts

@@ -132,12 +132,12 @@ export default HttpClient;
 
 // ml service api
 export const mlService = new HttpClient({
-    baseURL: 'https://api.ml.SanctumKey.com',
+    baseURL: 'https://api.ml.transfergratis.com',
     apiKey: 'your-api-key',
 });
 // backedn service api
 export const backendService = new HttpClient({
-    baseURL: 'https://api.backend.SanctumKey.com',
+    baseURL: 'https://api.backend.transfergratis.com',
     apiKey: 'your-api-key',
 });
 

package/src/components/KYCElements/PhoneVerificationTemplate.tsx

@@ -1,5 +1,5 @@
 import React, { useState, useRef, useEffect } from 'react';
-import { View, Text, StyleSheet, TextInput, TouchableOpacity, Alert, Pressable, Modal, FlatList } from 'react-native';
+import { View, Text, StyleSheet, TextInput, TouchableOpacity, Alert, Pressable } from 'react-native';
 import { TemplateComponent, LocalizedText } from '../../types/KYC.types';
 import { useTemplateKYCFlowContext } from '../../hooks/useTemplateKYCFlow';
 import { useI18n } from '../../hooks/useI18n';
@@ -17,19 +17,6 @@ interface PhoneVerificationTemplateProps {
 type VerificationStep = 'phone' | 'otp';
 const CODE_LENGTH = 6;
 
-// Easily expand this list with any countries your app supports
-const COUNTRY_CODES = [
-    { code: '+254', label: '🇰🇪 Kenya (+254)' },
-    { code: '+255', label: '🇹🇿 Tanzania (+255)' },
-    { code: '+256', label: '🇺🇬 Uganda (+256)' },
-    { code: '+250', label: '🇷🇼 Rwanda (+250)' },
-    { code: '+234', label: '🇳🇬 Nigeria (+234)' },
-    { code: '+27',  label: '🇿🇦 South Africa (+27)' },
-    { code: '+44',  label: '🇬🇧 UK (+44)' },
-    { code: '+1',   label: '🇺🇸 US/Canada (+1)' },
-    { code: '+91',  label: '🇮🇳 India (+91)' },
-];
-
 export const PhoneVerificationTemplate: React.FC<PhoneVerificationTemplateProps> = ({
     component,
     value,
@@ -44,12 +31,7 @@ export const PhoneVerificationTemplate: React.FC<PhoneVerificationTemplateProps>
 
     // State
     const [step, setStep] = useState<VerificationStep>('phone');
-    
-    // Split phone state into code and number
-    const [countryCode, setCountryCode] = useState('+254');
     const [phone, setPhone] = useState('');
-    const [showCountryPicker, setShowCountryPicker] = useState(false);
-    
     const [otp, setOtp] = useState('');
     const [localError, setLocalError] = useState<string | null>(null);
     const [isSimulating, setIsSimulating] = useState(false);
@@ -80,12 +62,10 @@ export const PhoneVerificationTemplate: React.FC<PhoneVerificationTemplateProps>
         setLocalError(null);
         setIsSimulating(true);
 
-        // Combine code and number for the API
-        const fullPhoneNumber = `${countryCode}${trimmedPhone}`;
-
         try {
-            await kycService.sendWhatsAppVerificationCode(sessionId, fullPhoneNumber, auth);
+            await kycService.sendWhatsAppVerificationCode(sessionId, trimmedPhone, auth);
             setStep('otp');
+            // Auto-focus the OTP input shortly after switching steps
             setTimeout(() => inputRef.current?.focus(), 100);
         } catch (err: any) {
             const msg = errorMessage(err) ?? err?.message ?? (t('errors.sendCodeFailed') || 'Failed to send verification code');
@@ -103,19 +83,16 @@ export const PhoneVerificationTemplate: React.FC<PhoneVerificationTemplateProps>
 
         setLocalError(null);
         setIsSimulating(true);
-        
-        const fullPhoneNumber = `${countryCode}${phone.trim()}`;
 
         try {
-            await kycService.verifyWhatsAppCode(sessionId, otp.trim(), fullPhoneNumber, auth);
-            
-            const data = { phone: fullPhoneNumber, otp, verified: true };
+            await kycService.verifyWhatsAppCode(sessionId, otp.trim(), auth);
+            const data = { phone, otp, verified: true };
             onValueChange(data);
             actions.nextComponent(data);
         } catch (err: any) {
             const msg = errorMessage(err) ?? err?.message ?? (t('errors.wrongCode') || 'Invalid verification code');
             setLocalError(typeof msg === 'string' ? msg : JSON.stringify(msg));
-            setOtp('');
+            setOtp(''); // Clear the boxes on error so they can type again
             inputRef.current?.focus();
         } finally {
             setIsSimulating(false);
@@ -123,13 +100,12 @@ export const PhoneVerificationTemplate: React.FC<PhoneVerificationTemplateProps>
     };
 
     const onChangePhone = (text: string) => {
-        // Strip out any non-numeric characters the user might type (like spaces or dashes)
-        const cleaned = text.replace(/[^0-9]/g, '');
-        setPhone(cleaned);
+        setPhone(text);
         if (localError) setLocalError(null);
     };
 
     const onChangeOtp = (text: string) => {
+        // Only allow numbers
         const cleaned = text.replace(/[^0-9]/g, '');
         setOtp(cleaned);
         if (localError) setLocalError(null);
@@ -171,35 +147,22 @@ export const PhoneVerificationTemplate: React.FC<PhoneVerificationTemplateProps>
         <View style={styles.container}>
             <Text style={styles.title}>{title}</Text>
             <Text style={styles.instructions}>
-                {step === 'phone' ? instructions : (t('kyc.enterCodeSent') || `Please enter the code sent to ${countryCode} ${phone}`)}
+                {step === 'phone' ? instructions : (t('kyc.enterCodeSent') || `Please enter the code sent to ${phone}`)}
             </Text>
 
             <View style={styles.contentContainer}>
                 {step === 'phone' ? (
                     <View style={styles.inputContainer}>
                         <Text style={styles.label}>{t('common.phone') || 'Phone Number'}</Text>
-                        
-                        {/* 🚨 UPGRADED PHONE INPUT ROW */}
-                        <View style={styles.phoneInputRow}>
-                            <TouchableOpacity 
-                                style={styles.countryPickerBtn} 
-                                onPress={() => setShowCountryPicker(true)}
-                                disabled={isSimulating}
-                            >
-                                <Text style={styles.countryPickerText}>{countryCode}</Text>
-                                <Text style={styles.dropdownIcon}>▼</Text>
-                            </TouchableOpacity>
-
-                            <TextInput
-                                style={styles.phoneInput}
-                                placeholder="712 345 678"
-                                value={phone}
-                                onChangeText={onChangePhone}
-                                keyboardType="phone-pad"
-                                autoComplete="tel"
-                                editable={!isSimulating}
-                            />
-                        </View>
+                        <TextInput
+                            style={styles.input}
+                            placeholder="+1234567890"
+                            value={phone}
+                            onChangeText={onChangePhone}
+                            keyboardType="phone-pad"
+                            autoComplete="tel"
+                            editable={!isSimulating}
+                        />
                     </View>
                 ) : (
                     <View style={styles.inputContainer}>
@@ -207,6 +170,7 @@ export const PhoneVerificationTemplate: React.FC<PhoneVerificationTemplateProps>
                         
                         <View style={styles.otpWrapper}>
                             {renderOtpBoxes()}
+                            {/* Hidden TextInput overlaid to handle native keyboard & pasting seamlessly */}
                             <TextInput
                                 ref={inputRef}
                                 style={styles.hiddenInput}
@@ -246,12 +210,11 @@ export const PhoneVerificationTemplate: React.FC<PhoneVerificationTemplateProps>
                             if (isSimulating) return;
                             setLocalError(null);
                             setIsSimulating(true);
-                            const fullPhoneNumber = `${countryCode}${phone.trim()}`;
                             try {
-                                await kycService.sendWhatsAppVerificationCode(sessionId, fullPhoneNumber, auth);
+                                await kycService.sendWhatsAppVerificationCode(sessionId, phone.trim(), auth);
                                 Alert.alert(
                                     t('common.codeResent') || 'Code Resent',
-                                    t('common.codeResentMessage', { email: fullPhoneNumber }) || 'Code resent to ' + fullPhoneNumber
+                                    t('common.codeResentMessage', { email: phone }) || 'Code resent to ' + phone
                                 );
                             } catch (err: any) {
                                 const msg = errorMessage(err) ?? err?.message ?? (t('errors.sendCodeFailed') || 'Failed to send code');
@@ -267,45 +230,6 @@ export const PhoneVerificationTemplate: React.FC<PhoneVerificationTemplateProps>
                     </TouchableOpacity>
                 )}
             </View>
-
-            {/* 🚨 COUNTRY PICKER MODAL */}
-            <Modal
-                visible={showCountryPicker}
-                animationType="slide"
-                transparent={true}
-                onRequestClose={() => setShowCountryPicker(false)}
-            >
-                <TouchableOpacity 
-                    style={styles.modalOverlay} 
-                    activeOpacity={1} 
-                    onPress={() => setShowCountryPicker(false)}
-                >
-                    <View style={styles.modalContent}>
-                        <View style={styles.modalHeader}>
-                            <Text style={styles.modalTitle}>Select Country</Text>
-                            <TouchableOpacity onPress={() => setShowCountryPicker(false)}>
-                                <Text style={styles.modalClose}>✕</Text>
-                            </TouchableOpacity>
-                        </View>
-                        <FlatList
-                            data={COUNTRY_CODES}
-                            keyExtractor={(item) => item.code}
-                            renderItem={({ item }) => (
-                                <TouchableOpacity 
-                                    style={styles.countryItem}
-                                    onPress={() => {
-                                        setCountryCode(item.code);
-                                        setShowCountryPicker(false);
-                                    }}
-                                >
-                                    <Text style={styles.countryItemLabel}>{item.label}</Text>
-                                    {countryCode === item.code && <Text style={styles.checkMark}>✓</Text>}
-                                </TouchableOpacity>
-                            )}
-                        />
-                    </View>
-                </TouchableOpacity>
-            </Modal>
         </View>
     );
 };
@@ -348,37 +272,7 @@ const styles = StyleSheet.create({
         marginBottom: 8,
         marginLeft: 4,
     },
-    
-    // --- Phone Row Styles ---
-    phoneInputRow: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        gap: 10, // Space between picker and input
-    },
-    countryPickerBtn: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        justifyContent: 'space-between',
-        borderWidth: 1,
-        borderColor: '#e0e0e0',
-        paddingHorizontal: 12,
-        paddingVertical: 16,
-        borderRadius: 12,
-        backgroundColor: '#f8f9fa',
-        minWidth: 90,
-    },
-    countryPickerText: {
-        fontSize: 16,
-        color: '#333',
-        fontWeight: '600',
-    },
-    dropdownIcon: {
-        fontSize: 12,
-        color: '#666',
-        marginLeft: 8,
-    },
-    phoneInput: {
-        flex: 1, // Takes up remaining space
+    input: {
         borderWidth: 1,
         borderColor: '#e0e0e0',
         padding: 16,
@@ -387,58 +281,6 @@ const styles = StyleSheet.create({
         backgroundColor: '#f8f9fa',
         color: '#333',
     },
-
-    // --- Country Modal Styles ---
-    modalOverlay: {
-        flex: 1,
-        backgroundColor: 'rgba(0,0,0,0.5)',
-        justifyContent: 'flex-end',
-    },
-    modalContent: {
-        backgroundColor: 'white',
-        borderTopLeftRadius: 24,
-        borderTopRightRadius: 24,
-        maxHeight: '60%',
-        paddingBottom: 40,
-    },
-    modalHeader: {
-        flexDirection: 'row',
-        justifyContent: 'space-between',
-        alignItems: 'center',
-        padding: 20,
-        borderBottomWidth: 1,
-        borderBottomColor: '#f0f0f0',
-    },
-    modalTitle: {
-        fontSize: 18,
-        fontWeight: '700',
-        color: '#1a1a1a',
-    },
-    modalClose: {
-        fontSize: 20,
-        color: '#666',
-        padding: 5,
-    },
-    countryItem: {
-        flexDirection: 'row',
-        justifyContent: 'space-between',
-        alignItems: 'center',
-        paddingVertical: 16,
-        paddingHorizontal: 24,
-        borderBottomWidth: 1,
-        borderBottomColor: '#f8f9fa',
-    },
-    countryItemLabel: {
-        fontSize: 16,
-        color: '#333',
-    },
-    checkMark: {
-        color: '#2DBD60',
-        fontSize: 18,
-        fontWeight: 'bold',
-    },
-
-    // --- OTP Styles ---
     otpWrapper: {
         position: 'relative',
         width: '100%',
@@ -453,7 +295,7 @@ const styles = StyleSheet.create({
     },
     otpBox: {
         width: '14%',
-        aspectRatio: 1,
+        aspectRatio: 1, // keeps it perfectly square
         borderWidth: 1,
         borderColor: '#e0e0e0',
         borderRadius: 12,
@@ -481,10 +323,8 @@ const styles = StyleSheet.create({
         left: 0,
         width: '100%',
         height: '100%',
-        opacity: 0,
+        opacity: 0, // completely invisible but handles native keyboard interactions perfectly
     },
-    
-    // --- General Styles ---
     errorText: {
         color: '#dc2626',
         marginBottom: 16,

package/src/components/NativeCameraView.tsx

@@ -10,7 +10,7 @@ export interface NativeCameraViewProps {
   onError?: (event: any) => void;
 }
 
-const NativeCameraViewComponent = requireNativeViewManager('SanctumKeySdk_SanctumKeySdkView');
+const NativeCameraViewComponent = requireNativeViewManager('TransfergratisSdk_TransfergratisSdkView');
 
 export const NativeCameraView: React.FC<NativeCameraViewProps> = (props) => {
   

package/src/config/KYCConfig.ts

@@ -6,7 +6,7 @@ class KYCConfig {
 
     private backendUrls: Record<BackendEnvironment, string> = {
         PRODUCTION: 'https://service.sanctumkey.com/api/v1',
-        TEST: 'https://kyc-backend.SanctumKey.net/api/v1', 
+        TEST: 'https://kyc-backend.transfergratis.net/api/v1', 
     };
 
     private constructor() { }

package/src/config/allowedDomains.ts

@@ -12,11 +12,11 @@ export interface AllowedDomainConfig {
 // Default configuration - can be overridden via environment variables
 const DEFAULT_CONFIG: AllowedDomainConfig = {
   domains: [
-    'SanctumKey.com',
-    'www.SanctumKey.com',
-    'admin.SanctumKey.com',
-    'dashboard.SanctumKey.com',
-    'preweb.SanctumKey.net',
+    'transfergratis.com',
+    'www.transfergratis.com',
+    'admin.transfergratis.com',
+    'dashboard.transfergratis.com',
+    'preweb.transfergratis.net',
     // Add other trusted domains here
   ],
   enforceHttps: true,
@@ -59,7 +59,7 @@ export const isDomainAllowed = (domain: string): boolean => {
       return true;
     }
 
-    // Subdomain match (e.g., app.SanctumKey.com matches SanctumKey.com)
+    // Subdomain match (e.g., app.transfergratis.com matches transfergratis.com)
     if (domain.endsWith('.' + allowedDomain)) {
       return true;
     }

package/src/i18n/README.md

@@ -1,4 +1,4 @@
-# 🌍 Système d'Internationalisation (i18n) - SanctumKey SDK
+# 🌍 Système d'Internationalisation (i18n) - Transfergratis SDK
 
 Ce système d'internationalisation permet de traduire facilement votre application KYC en plusieurs langues.
 

package/src/index.ts

@@ -1,4 +1,4 @@
-export * from './SanctumKeySdk.types';
+export * from './TransfergratisSdk.types';
 
 
 // Export KYC types
@@ -8,9 +8,9 @@ export * from './types/KYC.types';
 export * from './types/env.types';
 
 
-export { TemplateKYCExample as LaunchSanctumKeyKYC } from './components/TemplateKYCExample';
+export { TemplateKYCExample as LaunchTransferGratisKYC } from './components/TemplateKYCExample';
 // Backward compatibility for existing integrations using the typo.
-export { TemplateKYCExample as LauchSanctumKeyKYC } from './components/TemplateKYCExample';
+export { TemplateKYCExample as LauchTransferGratisKYC } from './components/TemplateKYCExample';
 
 // Export Template Flow Components
 export { TemplateKYCFlow } from './components/TemplateKYCFlowRefactored';

package/src/modules/api/KYCService.ts

@@ -60,10 +60,10 @@ export class KYCService {
   private baseURL: string;
   private apiKey: string;
   // Additional service base URLs (fixed as per current infra)
-  private faceServiceURL = 'https://kyc-engine.SanctumKey.net:8000';
-  private textExtractionServiceURL = 'https://kyc-engine.SanctumKey.net:8006';
-  private mrzServiceURL = 'https://kyc-engine.SanctumKey.net:8002';
-  private barcodeServiceURL = 'https://kyc-engine.SanctumKey.net:8000';
+  private faceServiceURL = 'https://kyc-engine.transfergratis.net:8000';
+  private textExtractionServiceURL = 'https://kyc-engine.transfergratis.net:8006';
+  private mrzServiceURL = 'https://kyc-engine.transfergratis.net:8002';
+  private barcodeServiceURL = 'https://kyc-engine.transfergratis.net:8000';
   private orientationServiceURL = 'http://18.188.180.154:8080';
 
   constructor(baseURL: string, apiKey: string) {
@@ -645,40 +645,30 @@ export class KYCService {
     return res.data;
   }
 
+  /** Verify WhatsApp code with OTP. POST /api/v1/accounts/verify-whatsapp-verification/ */
   async verifyWhatsAppCode(
     sessionId: string,
     otp: string,
-    phoneNumber: string, 
     auth?: { apiKey?: string; token?: string }
   ): Promise<unknown> {
-    
+    // Note: Verify this endpoint matches your exact Django/backend route
     const url = `${KYCConfig.getBackendUrl()}/accounts/verify-whatsapp-verification/`; 
     const token = auth?.apiKey ? undefined : (auth?.token ?? await authentification());
     
-    try {
-      const res = await axios.post(
-        url,
-        { 
-          session_id: sessionId,
-          otp: otp,
-          phone_number: phoneNumber 
+    const res = await axios.post(
+      url,
+      { 
+        session_id: sessionId,
+        otp: otp 
+      }, // Adjust this payload if your backend also expects 'phone_number' here
+      {
+        headers: {
+          'Content-Type': 'application/json',
+          ...(auth?.apiKey ? { 'Authorization': `ApiKey ${auth.apiKey}` } : { 'Authorization': `Bearer ${token}` }),
         },
-        {
-          headers: {
-            'Content-Type': 'application/json',
-            
-            // 🚨 THE FIX: Spoof the Referer header for Django's CSRF middleware
-            'Referer': KYCConfig.getBackendUrl(), 
-            
-            ...(auth?.apiKey ? { 'Authorization': `ApiKey ${auth.apiKey}` } : { 'Authorization': `Bearer ${token}` }),
-          },
-        }
-      );
-      return res.data;
-    } catch (error: any) {
-      console.error("WhatsApp Verify API Error: ", error.response?.data || error.message);
-      throw error;
-    }
+      }
+    );
+    return res.data;
   }
 }
 
@@ -729,7 +719,7 @@ export const authentification = async (): Promise<string> => {
       const params = 'client_id=kyc_frontend&client_secret=QhgAmvKgmwODzsEp98dnA4PeUEMMaFHd&grant_type=client_credentials';
       
       const res = await axios.post(
-        `https://keycloak.SanctumKey.net/realms/kyc/protocol/openid-connect/token`,
+        `https://keycloak.transfergratis.net/realms/kyc/protocol/openid-connect/token`,
         params,
         {
           headers: {

package/src/modules/camera/NativeCameraModule.ts

@@ -1,5 +1,5 @@
 import { NativeEventEmitter, Platform } from "react-native";
-import SanctumKeySdkModule from "../../SanctumKeySdkModule";
+import TransfergratisSdkModule from "../../TransfergratisSdkModule";
 
 
 export interface CameraCaptureResult {
@@ -23,11 +23,11 @@ export class NativeCameraModule {
    */
   async testModule(): Promise<string> {
     try {
-      if (!SanctumKeySdkModule) {
-        console.warn('SanctumKeySdk native module not available');
+      if (!TransfergratisSdkModule) {
+        console.warn('TransfergratisSdk native module not available');
         return 'Module not available';
       }
-      return await SanctumKeySdkModule.testModule();
+      return await TransfergratisSdkModule.testModule();
     } catch (error) {
       console.error('Error testing module:', error);
       return 'Test failed';
@@ -39,17 +39,17 @@ export class NativeCameraModule {
     console.log('Platform:', Platform.OS);
     
     // Vérifier que le module natif est disponible
-    if (SanctumKeySdkModule) {
-      console.log('SanctumKeySdk module found, creating event emitter');
+    if (TransfergratisSdkModule) {
+      console.log('TransfergratisSdk module found, creating event emitter');
       try {
-        // this.eventEmitter = new NativeEventEmitter(SanctumKeySdkModule as unknown as NativeModule);
+        // this.eventEmitter = new NativeEventEmitter(TransfergratisSdkModule as unknown as NativeModule);
         console.log('Event emitter created successfully');
       } catch (error) {
         console.error('Error creating event emitter:', error);
         this.eventEmitter = null;
       }
     } else {
-      console.warn('SanctumKeySdk native module not available');
+      console.warn('TransfergratisSdk native module not available');
     }
   }
 
@@ -60,11 +60,11 @@ export class NativeCameraModule {
     console.log('requestCameraPermission');
     
     try {
-      if (!SanctumKeySdkModule) {
-        console.warn('SanctumKeySdk native module not available');
+      if (!TransfergratisSdkModule) {
+        console.warn('TransfergratisSdk native module not available');
         return false;
       }
-      return await SanctumKeySdkModule.requestCameraPermission();
+      return await TransfergratisSdkModule.requestCameraPermission();
     } catch (error) {
       console.error('Error requesting camera permission:', error);
       return false;
@@ -76,8 +76,8 @@ export class NativeCameraModule {
    */
   async openCameraWithInstructions(instructions: string): Promise<CameraCaptureResult> {
     try {
-      if (!SanctumKeySdkModule) {
-        console.warn('SanctumKeySdk native module not available');
+      if (!TransfergratisSdkModule) {
+        console.warn('TransfergratisSdk native module not available');
         return {
           success: false,
           error: 'Native module not available'
@@ -92,7 +92,7 @@ export class NativeCameraModule {
         };
       }
 
-      const result = await SanctumKeySdkModule.openCameraWithInstructions(instructions);
+      const result = await TransfergratisSdkModule.openCameraWithInstructions(instructions);
       return {
         success: result.success,
         path: result.path
@@ -111,14 +111,14 @@ export class NativeCameraModule {
    */
   async openFilePicker(allowedTypes: string[] = ['*/*']): Promise<FilePickerResult> {
     try {
-      if (!SanctumKeySdkModule) {
-        console.warn('SanctumKeySdk native module not available');
+      if (!TransfergratisSdkModule) {
+        console.warn('TransfergratisSdk native module not available');
         return {
           success: false,
           error: 'Native module not available'
         };
       }
-      const result = await SanctumKeySdkModule.openFilePicker(allowedTypes);
+      const result = await TransfergratisSdkModule.openFilePicker(allowedTypes);
       return {
         success: result.success,
         uri: result.uri,