Address typecheck errors

Author: robertson-waweru

AgentforceSDK-ReactNative-Bridge/app/App.tsx

@@ -4,9 +4,9 @@ import { createNativeStackNavigator } from '@react-navigation/native-stack';
 import HomeScreen from './screens/HomeScreen';
 import SettingsScreen from './screens/SettingsScreen';
 
-type RootStackParamList = {
+export type RootStackParamList = {
   Home: undefined;
-  Settings: { tab?: 'service' | 'employee' } | undefined;
+  Settings: { tab?: 'service' | 'employee' };
 };
 
 const Stack = createNativeStackNavigator<RootStackParamList>();

AgentforceSDK-ReactNative-Bridge/app/screens/SettingsScreen.tsx

@@ -10,6 +10,8 @@ import {
   KeyboardAvoidingView,
   Platform,
 } from 'react-native';
+import type { NativeStackScreenProps } from '@react-navigation/native-stack';
+import type { RootStackParamList } from '../App';
 import {
   AgentforceService,
   isEmployeeAgentAuthSupported,
@@ -19,10 +21,7 @@ import {
 } from '../../src';
 // Employee Agent tab uses Mobile SDK login only; file-based config is a dev backdoor (no UI here).
 
-interface SettingsScreenProps {
-  navigation: any;
-  route?: { params?: { tab?: 'service' | 'employee' } };
-}
+type SettingsScreenProps = NativeStackScreenProps<RootStackParamList, 'Settings'>;
 
 type TabType = 'service' | 'employee';
 

AgentforceSDK-ReactNative-Bridge/src/services/AgentforceService.ts

@@ -49,7 +49,7 @@ const EVENTS = {
 /**
  * Valid context variable types for runtime validation
  */
-const VALID_CONTEXT_TYPES: Set<AgentforceContextVariableType> = new Set([
+const VALID_CONTEXT_TYPES: Set<AgentforceContextVariableType> = new Set<AgentforceContextVariableType>([
   'Text',
   'Number',
   'Boolean',

App.tsx

@@ -29,9 +29,9 @@ import HomeScreen from './src/screens/HomeScreen';
 import SettingsScreen from './src/screens/SettingsScreen';
 import FeatureFlagsScreen from './src/screens/FeatureFlagsScreen';
 
-type RootStackParamList = {
+export type RootStackParamList = {
   Home: undefined;
-  Settings: { tab?: 'service' | 'employee' | 'features' } | undefined;
+  Settings: { tab?: 'service' | 'employee' | 'features' };
   FeatureFlags: undefined;
 };
 

src/config/AppConfig.ts

@@ -31,12 +31,15 @@
 
 import { APP_MODE } from './AppConfig.generated';
 
+// Widen the type for comparison - APP_MODE can be 'service', 'employee', or 'all'
+const appMode: 'service' | 'employee' | 'all' = APP_MODE as any;
+
 /**
  * Feature flags derived from APP_MODE
  */
 export const FEATURES = {
-  SHOW_SERVICE_AGENT: APP_MODE === 'all' || APP_MODE === 'service',
-  SHOW_EMPLOYEE_AGENT: APP_MODE === 'all' || APP_MODE === 'employee',
+  SHOW_SERVICE_AGENT: appMode === 'all' || appMode === 'service',
+  SHOW_EMPLOYEE_AGENT: appMode === 'all' || appMode === 'employee',
 };
 
 /**

src/screens/FeatureFlagsScreen.tsx

@@ -4,8 +4,10 @@
 
 import React, { useEffect } from 'react';
 import type { NativeStackScreenProps } from '@react-navigation/native-stack';
+import type { RootStackParamList } from '../../App';
 
-type Props = NativeStackScreenProps<any, 'FeatureFlags'>;
+
+type Props = NativeStackScreenProps<RootStackParamList, 'FeatureFlags'>;
 
 /**
  * Redirects to the Settings screen's Flags tab.

src/screens/SettingsScreen.tsx

@@ -36,6 +36,8 @@ import {
   Switch,
   ActivityIndicator,
 } from 'react-native';
+import type { NativeStackScreenProps } from '@react-navigation/native-stack';
+import type { RootStackParamList } from '../../App';
 import {
   AgentforceService,
   isEmployeeAgentAuthSupported,
@@ -72,10 +74,8 @@ const FLAG_HINTS: Record<keyof FeatureFlags, string> = {
   enableCustomViewProvider: 'Override SDK output views with React Native components',
 };
 
-interface SettingsScreenProps {
-  navigation: any;
-  route?: { params?: { tab?: TabType } };
-}
+
+type SettingsScreenProps = NativeStackScreenProps<RootStackParamList, 'Settings'>;
 
 const SettingsScreen: React.FC<SettingsScreenProps> = ({ navigation, route }) => {
   const [activeTab, setActiveTab] = useState<TabType>(