import { ApolloProvider } from "@apollo/client";
import * as Sentry from "@sentry/react-native";
import { SplitFactory } from "@splitsoftware/splitio-react-native";
import "expo-asset";
import "intl";
import "intl/locale-data/jsonp/en";
import React from "react";
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 { logImEXEvent } from "./firebase/firebase.analytics";
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.Native.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",
  },
};

class App extends React.Component {
  async componentDidMount() {
    logImEXEvent("imexmobile_app_start");
  }

  render() {
    return (
      <SafeAreaProvider>
        <Provider store={store}>
          <PersistGate persistor={persistor}>
            <ApolloProvider client={client}>
              <PaperProvider theme={theme}>
                <ScreenMainComponent />
                <Toast />
              </PaperProvider>
            </ApolloProvider>
          </PersistGate>
        </Provider>
      </SafeAreaProvider>
    );
  }
}
export default Sentry.wrap(App);