@trustchex/react-native-sdk 1.250.0 → 1.266.0

package/src/Trustchex.tsx

@@ -2,8 +2,8 @@ import React, { useEffect, useState, useMemo } from 'react';
 import { NavigationContainer } from '@react-navigation/native';
 import { createNativeStackNavigator } from '@react-navigation/native-stack';
 import { View, ActivityIndicator, StyleSheet } from 'react-native';
-import { MD3LightTheme, PaperProvider } from 'react-native-paper';
 import 'react-native-get-random-values';
+import { ThemeProvider } from './Shared/Contexts/ThemeContext';
 
 import IdentityDocumentEIDScanningScreen from './Screens/Dynamic/IdentityDocumentEIDScanningScreen';
 import IdentityDocumentScanningScreen from './Screens/Dynamic/IdentityDocumentScanningScreen';
@@ -15,6 +15,11 @@ import QrCodeScanningScreen from './Screens/Static/QrCodeScanningScreen';
 import AppContext from './Shared/Contexts/AppContext';
 import i18n from './Translation';
 import { initializeTTS } from './Shared/Libs/tts.utils';
+import { analyticsService } from './Shared/Services/AnalyticsService';
+import {
+  AnalyticsEventCategory,
+  AnalyticsEventName,
+} from './Shared/Types/analytics.types';
 
 const Stack = createNativeStackNavigator();
 
@@ -32,6 +37,7 @@ interface TrustchexProps {
   locale?: 'en' | 'tr';
   onCompleted?: () => void;
   onError?: (error: string) => void;
+  enableAnalytics?: boolean;
 }
 
 const DEFAULT_BRANDING: TrustchexBranding = {
@@ -48,11 +54,19 @@ const Trustchex: React.FC<TrustchexProps> = ({
   locale: propLocale,
   onCompleted,
   onError,
+  enableAnalytics = true,
 }) => {
+  useEffect(() => {
+    console.log('[Trustchex] Props updated:', { baseUrl: propBaseUrl, sessionId: propSessionId, enableAnalytics });
+  }, [propBaseUrl, propSessionId, enableAnalytics]);
+
   const [baseUrl, setBaseUrl] = useState<string | null>(null);
   const [sessionId, setSessionId] = useState<string | null>(null);
-  const [locale, setLocale] = useState(propLocale || i18n.language);
+  const [locale, setLocale] = useState(
+    propLocale || (i18n.language as 'en' | 'tr')
+  );
   const [isInitialized, setIsInitialized] = useState(false);
+  const [analyticsInitialized, setAnalyticsInitialized] = useState(false);
 
   const branding = useMemo(
     () => ({
@@ -62,40 +76,66 @@ const Trustchex: React.FC<TrustchexProps> = ({
     [propBranding]
   );
 
-  const theme = useMemo(
-    () => ({
-      ...MD3LightTheme,
-      colors: {
-        ...MD3LightTheme.colors,
-        primary: branding.primaryColor,
-        secondary: branding.secondaryColor,
-        tertiary: branding.tertiaryColor,
-      },
-    }),
-    [branding]
-  );
-
   const contextValue = useMemo(
     () => ({
       isDemoSession: false,
-      baseUrl,
+      baseUrl: baseUrl || '',
       locale,
       branding,
       identificationInfo: {
-        sessionId,
+        sessionId: sessionId || '',
         identificationId: '',
         consent: {
           contractIds: [],
           deviceInfo: '',
         },
-        locale: propLocale || i18n.language,
+        locale: propLocale || (i18n.language as 'en' | 'tr'),
       },
       onCompleted,
       onError,
+      setSessionId,
+      setBaseUrl,
     }),
     [baseUrl, locale, branding, sessionId, propLocale, onCompleted, onError]
   );
 
+  // Initialize analytics IMMEDIATELY when SDK mounts or session ID changes
+  useEffect(() => {
+    console.log('[Trustchex] Analytics check:', {
+      enableAnalytics,
+      hasBaseUrl: !!baseUrl,
+      hasSessionId: !!sessionId,
+      analyticsInitialized,
+      sessionId: sessionId?.substring(0, 8) + '...'
+    });
+
+    if (enableAnalytics && baseUrl && sessionId && !analyticsInitialized) {
+      console.log('[Trustchex] Initializing analytics...');
+      // Initialize analytics synchronously with the verification sessionId
+      analyticsService
+        .initialize({
+          enabled: true,
+          baseUrl: baseUrl,
+          verificationSessionId: sessionId, // Pass the verification session ID from backend
+        })
+        .then(() => {
+          console.log('[Trustchex] Analytics initialized successfully');
+          setAnalyticsInitialized(true);
+          // Track session start as the very first event
+          analyticsService.trackEvent(
+            AnalyticsEventName.SESSION_START,
+            AnalyticsEventCategory.SESSION,
+            {
+              source: 'sdk_init',
+            }
+          );
+        })
+        .catch((error) => {
+          console.warn('[Trustchex] Failed to initialize analytics:', error);
+        });
+    }
+  }, [enableAnalytics, baseUrl, sessionId, analyticsInitialized]);
+
   useEffect(() => {
     initializeTTS();
   }, []);
@@ -119,6 +159,7 @@ const Trustchex: React.FC<TrustchexProps> = ({
     if (propLocale) {
       setLocale(propLocale);
       i18n.changeLanguage(propLocale);
+      analyticsService.setLocale(propLocale);
     }
   }, [propLocale]);
 
@@ -131,7 +172,11 @@ const Trustchex: React.FC<TrustchexProps> = ({
   }
 
   return (
-    <PaperProvider theme={theme}>
+    <ThemeProvider
+      primaryColor={branding.primaryColor}
+      secondaryColor={branding.secondaryColor}
+      tertiaryColor={branding.tertiaryColor}
+    >
       <AppContext.Provider value={contextValue}>
         <NavigationContainer>
           <Stack.Navigator
@@ -170,7 +215,7 @@ const Trustchex: React.FC<TrustchexProps> = ({
           </Stack.Navigator>
         </NavigationContainer>
       </AppContext.Provider>
-    </PaperProvider>
+    </ThemeProvider>
   );
 };
 

package/src/index.tsx

@@ -1,5 +1,38 @@
 import Trustchex from './Trustchex';
 
 export { handleDeepLink } from './Shared/Libs/deeplink.utils';
+export { analyticsService } from './Shared/Services/AnalyticsService';
+export {
+  trackScreenView,
+  trackScreenExit,
+  trackButtonClick,
+  trackError,
+  trackErrorWithDetails,
+  trackApiCall,
+  trackVerificationStart,
+  trackVerificationComplete,
+  trackConsentGiven,
+  trackSessionStart,
+  trackSessionEnd,
+  trackNFCScanStart,
+  trackNFCScanComplete,
+  trackNFCScanFailed,
+  trackFunnelStep,
+  trackStepAbandoned,
+  trackStepSkipped,
+  useScreenTracking,
+} from './Shared/Libs/analytics.utils';
+export {
+  AnalyticsEventCategory,
+  AnalyticsEventName,
+  ErrorCategory,
+} from './Shared/Types/analytics.types';
+export type {
+  AnalyticsConfig,
+  AnalyticsEvent,
+  ErrorSeverity,
+  ErrorContext,
+  ErrorEventMetadata,
+} from './Shared/Types/analytics.types';
 
 export default Trustchex;