@sanctum-key/react-native-sdk 1.0.51 → 1.0.53

package/src/components/TemplateKYCExample.tsx

@@ -48,6 +48,7 @@ export interface TemplateKYCExampleProps {
   onError: (error: string) => void;
   language: string;
   API_KEY?: string;
+  TEST_API_KEY?: string;
   templateId?: string;
   template?: KYCTemplate;
   env?: KycEnvironment;
@@ -66,6 +67,7 @@ export function TemplateKYCExample({
   onError,
   language,
   API_KEY,
+  TEST_API_KEY,
   templateId,
   template,
   env = 'PRODUCTION',
@@ -84,45 +86,51 @@ export function TemplateKYCExample({
     let finalPayload: any = data; // Fallback to raw data if mapping fails
 
     if ((data.status === 'success' || data.status === 'in_progress') && data.result) {
-      // 1. Extract the dynamic root key (e.g., 'national_id', 'passport')
-      const docKey = Object.keys(data.result)[0];
       
-      if (docKey && data.result[docKey]) {
-        const backendData = data.result[docKey].data;
-        const personalInfo = backendData?.user_data?.personal_information || {};
-        
+      // 1. Grab the backend data directly from the result (no docKey needed)
+      const backendData = data.result.data;
+
+      if (backendData) {
+        const personalInfo = backendData.user_data?.personal_information || {};
+
         // Ensure we capture the session ID from whichever prop was provided
-        const activeSessionId = kyc_session_id || existingSessionId || "";
+        const activeSessionId = kyc_session_id || existingSessionId || backendData.session_id || "";
 
-        // 2. Strict mapping to your expected format
+        // 2. Strict mapping to your expected format with improved fallbacks
         finalPayload = {
           data: {
-            verification_id: backendData?.verification_id,
-            verification_status: backendData?.verification_status,
+            verification_id: backendData.verification_id,
+            verification_status: backendData.verification_status,
             session_id: activeSessionId,
             user_data: {
               personal_information: {
-                first_name: personalInfo.first_name || undefined,
+                // Safely fallback to given_name and surname if first/last are empty strings
+                first_name: personalInfo.first_name || personalInfo.given_name || undefined,
+                last_name: personalInfo.last_name || personalInfo.surname || undefined,
                 given_name: personalInfo.given_name || undefined,
-                last_name: personalInfo.last_name || undefined,
-                surname: personalInfo.last_name || undefined, // fallback
+                surname: personalInfo.surname || undefined, 
+                
                 address: personalInfo.address || undefined,
                 city: personalInfo.city || undefined,
                 postal_code: personalInfo.postal_code || undefined,
                 expiry_date: personalInfo.expiry_date || undefined,
                 issue_date: personalInfo.issue_date || undefined,
-                date_of_birth: personalInfo.date_of_birth || undefined,
-                birth_date: personalInfo.date_of_birth || undefined, // fallback
+                
+                // Fallback to birth_date if date_of_birth is missing
+                date_of_birth: personalInfo.date_of_birth || personalInfo.birth_date || undefined,
+                birth_date: personalInfo.birth_date || undefined,
+                
                 country: personalInfo.country || undefined,
-                document_number: (personalInfo as any).document_number || undefined,
-                nationality: (personalInfo as any).nationality || undefined,
+                document_number: personalInfo.document_number || undefined,
+                nationality: personalInfo.nationality || undefined,
+                sex: personalInfo.sex || undefined,
               }
             }
           }
         };
 
         sdkLogger.info("Wrapper formatted completion payload successfully", { 
-          verification_id: finalPayload.data.verification_id 
+          data: finalPayload 
         });
       }
     } else {
@@ -130,7 +138,7 @@ export function TemplateKYCExample({
     }
 
     onComplete(finalPayload as any); 
-  };
+};
 
   const handleCancel = () => {
     console.log('KYC Template flow cancelled');
@@ -138,7 +146,7 @@ export function TemplateKYCExample({
   };
 
   const handleError = (error: string) => {
-    console.error('KYC Template error:', error);
+    sdkLogger.error('KYC Template error:', error);
     onError(error);
   };
 
@@ -155,6 +163,7 @@ export function TemplateKYCExample({
           onCancel={handleCancel}
           language={language}
           API_KEY={API_KEY}
+          TEST_API_KEY={TEST_API_KEY}
           env={env}
           serverEnv={serverEnv}
           existingSessionId={existingSessionId}

package/src/components/TemplateKYCFlowRefactored.tsx

@@ -4,7 +4,6 @@ import { KYCTemplate, VerificationState } from '../types/KYC.types';
 import { TemplateKYCFlowProvider, useTemplateKYCFlowContext } from '../hooks/useTemplateKYCFlow';
 import { useI18n } from '../hooks/useI18n';
 import { showAlert } from '../utils/platformAlert';
-
 import { IDCardCapture } from './KYCElements/IDCardCapture';
 import { SelfieCaptureTemplate } from './KYCElements/SelfieCaptureTemplate';
 import { FileUploadTemplate } from './KYCElements/FileUploadTemplate';
@@ -21,18 +20,19 @@ import { PersonalInformationTemplate } from './KYCElements/PersonalInformationTe
 import { AdditionalDocumentsTemplate } from './KYCElements/AdditionalDocumentsTemplate';
 import { KycEnvironment, BackendEnvironment } from '../types/env.types';
 import KYCConfig from '../config/KYCConfig';
-import { sdkLogger } from '../utils/logger'; // 🚨 IMPORT SDK LOGGER
+import { logger, sdkLogger } from '../utils/logger'; 
 
 interface TemplateKYCFlowProps {
-  template?: KYCTemplate;        // Format SDK direct (existing, now optional)
-  templateId?: string;           // New: ID to load from API
+  template?: KYCTemplate;        
+  templateId?: string;           
   onComplete?: (data: VerificationState) => void;
   onError?: (error: string) => void;
   language?: string;
   onCancel?: () => void;
-  API_KEY?: string;              // Required if templateId is used
-  env?: KycEnvironment;          // Flow execution: PRODUCTION (full AI) or SANDBOX (skip AI)
-  serverEnv?: BackendEnvironment; // Backend to call: PRODUCTION or TEST (API URL)
+  API_KEY?: string;              
+  TEST_API_KEY?: string;
+  env?: KycEnvironment;          
+  serverEnv?: BackendEnvironment; 
   existingSessionId?: string;
   initialComponentIndex?: number;
   initialCountryResume?: { code: string; documentType: string; region?: string };
@@ -49,6 +49,7 @@ export const TemplateKYCFlow: React.FC<TemplateKYCFlowProps> = ({
   language = 'fr',
   onCancel,
   API_KEY,
+  TEST_API_KEY,
   env = 'PRODUCTION',
   serverEnv,
   existingSessionId,
@@ -61,12 +62,14 @@ export const TemplateKYCFlow: React.FC<TemplateKYCFlowProps> = ({
   const { t } = useI18n();
   const { template: loadedTemplate, isLoading, error, loadTemplate } = useTemplateLoader();
 
+  // 🚨 1. Determine the active API key based on the environment
+  const activeApiKey = env === 'PRODUCTION' ? API_KEY : (TEST_API_KEY || API_KEY);
+
   useEffect(() => {
-    if (API_KEY) {
-      if (sdkLogger.setApiKey) sdkLogger.setApiKey(API_KEY);
+    if (activeApiKey) {
+      if (sdkLogger.setApiKey) sdkLogger.setApiKey(activeApiKey);
     }
-    
-  }, [env, serverEnv, existingSessionId, API_KEY]);
+  }, [env, serverEnv, existingSessionId, activeApiKey]);
 
   useEffect(() => {
     if (serverEnv !== undefined) {
@@ -77,19 +80,20 @@ export const TemplateKYCFlow: React.FC<TemplateKYCFlowProps> = ({
   useEffect(() => {
     if (!providedTemplate && !templateId) {
       const errorMsg = 'Either template or templateId must be provided';
-      sdkLogger.error("Template Loading Failed: Missing Props", { errorMsg });
+      logger.error("Template Loading Failed: Missing Props", { errorMsg });
       onError?.(errorMsg);
       return;
     }
 
-    if (templateId && !API_KEY) {
-      sdkLogger.info(`Fetching template ${templateId} via token authentication`);
+    if (templateId && !activeApiKey) {
+      logger.log(`Fetching template ${templateId} via token authentication`);
       loadTemplate(templateId);
-    } else if (templateId && API_KEY) {
-      sdkLogger.info(`Fetching template ${templateId} via API Key`);
-      loadTemplate(templateId, API_KEY);
+    } else if (templateId && activeApiKey) {
+      logger.log(`Fetching template ${templateId} via API Key`);
+      // 🚨 2. Use the resolved active key here
+      loadTemplate(templateId, activeApiKey);
     }
-  }, [templateId, API_KEY, providedTemplate, loadTemplate, onError]);
+  }, [templateId, activeApiKey, providedTemplate, loadTemplate, onError]);
 
   useEffect(() => {
     if (error) {
@@ -103,8 +107,8 @@ export const TemplateKYCFlow: React.FC<TemplateKYCFlowProps> = ({
       t('kyc.cancelConfirmation.title'),
       t('kyc.cancelConfirmation.message'),
       [
-        { 
-          text: t('kyc.cancelConfirmation.cancelButton'), 
+        {
+          text: t('kyc.cancelConfirmation.cancelButton'),
           style: 'cancel',
         },
         {
@@ -121,11 +125,7 @@ export const TemplateKYCFlow: React.FC<TemplateKYCFlowProps> = ({
 
   const template = providedTemplate || loadedTemplate;
 
-  useEffect(() => {
-    if (template) {
-      sdkLogger.info("Template loaded successfully", { componentCount: template.components.length });
-    }
-  }, [template]);
+  
 
   if (templateId && isLoading && !template) {
     return (
@@ -140,11 +140,11 @@ export const TemplateKYCFlow: React.FC<TemplateKYCFlowProps> = ({
     return (
       <View style={styles.errorContainer}>
         <Text style={styles.errorText}>{error}</Text>
-        <TouchableOpacity 
-          style={styles.retryButton} 
+        <TouchableOpacity
+          style={styles.retryButton}
           onPress={() => {
             sdkLogger.info("User retrying template fetch");
-            loadTemplate(templateId, API_KEY);
+            loadTemplate(templateId, activeApiKey);
           }}
         >
           <Text style={styles.retryButtonText}>{t('common.retry') || 'Retry'}</Text>
@@ -163,23 +163,26 @@ export const TemplateKYCFlow: React.FC<TemplateKYCFlowProps> = ({
     );
   }
 
-
   return (
     <TemplateKYCFlowProvider
       template={template}
       onComplete={(data) => {
         sdkLogger.info("KYC Flow Completed", { referenceId: data?.result?.referenceId });
         sdkLogger.flush();
+        logger.log('this is the data going to the TG side',data)
+        console.log('this is the data going to the TG side',data)
         if (onComplete) onComplete(data);
       }}
       onError={(err) => {
         sdkLogger.error("KYC Flow Error", { error: err });
         sdkLogger.flush();
+        logger.log('Error', err)
         if (onError) onError(err);
       }}
       onCancel={OnCancel}
       initialLanguage={language}
-      apiKey={API_KEY}
+      apiKey={activeApiKey}
+      testApiKey={TEST_API_KEY} 
       env={env}
       existingSessionId={existingSessionId}
       initialComponentIndex={initialComponentIndex}
@@ -197,7 +200,6 @@ const TemplateKYCFlowContent: React.FC<{ onCancel?: () => void }> = ({ onCancel
   const { state, actions, currentComponent, progress } = useTemplateKYCFlowContext();
   const { t } = useI18n();
 
-  console.log(`sessionnnn id: ${state.session.session_id}`)
 
   useEffect(() => {
     if (state.session?.session_id) {

package/src/config/KYCConfig.ts

@@ -4,10 +4,11 @@ class KYCConfig {
     private static instance: KYCConfig;
     private backendEnvironment: BackendEnvironment = 'PRODUCTION';
 
-    private backendUrls: Record<BackendEnvironment, string> = {
+    // 🚨 Use a string record to safely handle 'TEST' or 'SANDBOX' aliases 
+    private backendUrls: Record<string, string> = {
         PRODUCTION: 'https://service.sanctumkey.com/api/v1',
-        // TEST: 'https://kyc-backend.transfergratis.net/api/v1', 
-        TEST: 'https://api.sanctumkey.com/api/v1', 
+        TEST: 'https://api.sanctumkey.com/api/v1',
+        SANDBOX: 'https://kyc-backend.transfergratis.net/api/v1',
     };
 
     private constructor() { }
@@ -24,7 +25,8 @@ class KYCConfig {
     }
 
     public getBackendUrl(): string {
-        return this.backendUrls[this.backendEnvironment];
+        // Fallback to PRODUCTION if an invalid env string is somehow passed
+        return this.backendUrls[this.backendEnvironment] || this.backendUrls['PRODUCTION'];
     }
 
     public getBackendEnvironment(): BackendEnvironment {
@@ -32,4 +34,4 @@ class KYCConfig {
     }
 }
 
-export default KYCConfig.getInstance();
+export default KYCConfig.getInstance();

package/src/hooks/useTemplateKYCFlow.tsx

@@ -33,6 +33,7 @@ interface TemplateKYCFlowProviderProps {
   onCancel?: () => void;
   initialLanguage?: string;
   apiKey?: string;
+  testApiKey?: string;
   env?: KycEnvironment;
   existingSessionId?: string;
   /** Index in template.components where to resume (0-based). Simple to store in template table. */

package/src/hooks/useTemplateLoader.ts

@@ -61,10 +61,8 @@ export function useTemplateLoader(): UseTemplateLoaderReturn {
 
       // Set the template
       setTemplate(transformedTemplate);
-      logger.log(`Template loaded successfully: ${templateId}`);
     } catch (err: any) {
       const errorMessage = err.message || 'Failed to load template';
-      logger.error(`Error loading template ${templateId}:`, errorMessage);
       setError(errorMessage);
       setTemplate(null);
     } finally {