import { ApolloProvider } from "@apollo/client";
import "expo-asset";
import 'expo-dev-client';
import "intl";
import "intl/locale-data/jsonp/en";
import {
  MD2LightTheme as DefaultTheme,
  Provider as PaperProvider,
} from "react-native-paper";
import { SafeAreaProvider } from "react-native-safe-area-context";
import Toast from "react-native-toast-message";
import { Provider } from "react-redux";
import { PersistGate } from "redux-persist/integration/react";
import ScreenMainComponent from "./components/screen-main/screen-main.component";
import { client } from "./graphql/client";
import { persistor, store } from "./redux/store";
import "./translations/i18n";

import RNEventSource from "react-native-event-source";
globalThis.EventSource = RNEventSource;

// Sentry.init({
//   dsn: "https://8d6c3de1940a4e4f8b81cf4d2150bdea@o492140.ingest.sentry.io/5558869",
//   enableInExpoDevelopment: true,
//   // tracesSampleRate: 0.2,
//   // integrations: [
//   //   new Sentry.ReactNativeTracing({
//   //     tracingOrigins: ["localhost", "imex.online", "cloudinary.com", /^\//],
//   //     // ... other options
//   //   }),
//   // ],
//   //debug: true, // Sentry will try to print out useful debugging information if something goes wrong with sending an event. Set this to `false` in production.
// });

const theme = {
  ...DefaultTheme,
  colors: {
    ...DefaultTheme.colors,
    primary: "#1890ff",
    accent: "tomato",
  },
};

const App = () => {
  return (
    <SafeAreaProvider>
      <Provider store={store}>
        <PersistGate persistor={persistor}>
          <ApolloProvider client={client}>
            <PaperProvider theme={theme}>
              <ScreenMainComponent />
              <Toast />
            </PaperProvider>
          </ApolloProvider>
        </PersistGate>
      </Provider>
    </SafeAreaProvider>
  );

}
export default App;