App.tsx

import React from 'react';
import { Provider } from 'react-redux';
import { StatusBar } from 'expo-status-bar';
import { ActivityIndicator, LogBox } from 'react-native';

// import 'react-native-gesture-handler';
import './global.css';

import { store } from './src/store';
import AppNavigator from './src/navigation/AppNavigator';
// import SessionExpiredModal from './src/components/SessionExpiredModal';
// import {
//   initializeAppLifecycle,
//   cleanupAppLifecycle,
// } from './src/services/appLifecycleService';
import { ClerkLoaded, ClerkLoading, ClerkProvider } from '@clerk/clerk-expo';
import { tokenCache } from '@clerk/clerk-expo/token-cache';

// Suppress the Reanimated plugin warning until NativeWind/css-interop is updated
LogBox.ignoreLogs([
  /\[Reanimated\] Seems like you are using a Babel plugin `react-native-reanimated\/plugin`/,
]);

// Additional console suppression for the warning
const originalWarn = console.warn;
// eslint-disable-next-line no-console
console.warn = (...args) => {
  const message = args.join(' ');
  if (
    message.includes(
      '[Reanimated] Seems like you are using a Babel plugin `react-native-reanimated/plugin`'
    )
  ) {
    return; // Suppress this specific warning
  }
  originalWarn.apply(console, args);
};

const AppContent = () => {
  // useEffect(() => {
  //   initializeAppLifecycle();

  //   return () => {
  //     cleanupAppLifecycle();
  //   };
  // }, []);

  return (
    <>
      <StatusBar style="auto" />
      <AppNavigator />
    </>
  );
};

export default function App() {
  const publishableKey = process.env.EXPO_PUBLIC_CLERK_PUBLISHABLE_KEY;

  if (!publishableKey) {
    throw new Error('Add EXPO_PUBLIC_CLERK_PUBLISHABLE_KEY to your .env file');
  }
  return (
    <Provider store={store}>
      <ClerkProvider tokenCache={tokenCache} publishableKey={publishableKey}>
        <ClerkLoaded>
          <AppContent />
        </ClerkLoaded>
        <ClerkLoading>
          <ActivityIndicator />
        </ClerkLoading>
      </ClerkProvider>
    </Provider>
  );
}