App.tsx

import notifee, { EventType } from '@notifee/react-native'
import messaging from '@react-native-firebase/messaging'
import { GoogleSignin } from '@react-native-google-signin/google-signin'
import { NavigationContainer } from '@react-navigation/native'
import { get, set } from 'lodash'
import React, { useRef } from 'react'
import { Platform, Text, TextInput } from 'react-native'
import Config from 'react-native-config'
import { Settings } from 'react-native-fbsdk-next'
import {
  DefaultTheme,
  Provider as PaperProvider,
  TextInput as TextInputPaper,
} from 'react-native-paper'
import { SafeAreaProvider } from 'react-native-safe-area-context'
import { Provider as ReduxProvider } from 'react-redux'
import { PersistGate } from 'redux-persist/integration/react'
import { Constants } from 'src/common/constants'
import {
  navigationOnReady,
  navigationOnStateChange,
  navigationRef,
} from 'src/common/navigation'
import {
  createNotificationChannel,
  displayNotification,
} from 'src/common/notifications'
import { AppContainer } from 'src/navigation'
import { setNotificationToBeHandled } from 'src/store/features/chat/chatSlice'
import { persistor, store } from 'src/store/store'
import { StreamChat } from 'stream-chat'

const theme = {
  ...DefaultTheme,
  dark: false,
  colors: {
    ...DefaultTheme.colors,
  },
}

//TODO: For the moment dont support big font scales
set(Text, 'defaultProps', {
  ...get(Text, 'defaultProps', {}),
  maxFontSizeMultiplier: Constants.FONT_SCALE_LIMIT,
})

set(TextInput, 'defaultProps', {
  ...get(TextInput, 'defaultProps', {}),
  maxFontSizeMultiplier: Constants.FONT_SCALE_LIMIT,
})

set(TextInputPaper, 'defaultProps', {
  ...get(TextInputPaper, 'defaultProps', {}),
  maxFontSizeMultiplier: Constants.FONT_SCALE_LIMIT,
})

export const chatClient = StreamChat.getInstance(
  `${Config.STREAM_CHAT_API_KEY}`,
)

/// Register background handler
if (Platform.OS === 'android') {
  messaging().setBackgroundMessageHandler(async remoteMessage => {
    const channelId = await createNotificationChannel('chat', 'Chat')
    try {
      const message = await chatClient.getMessage(remoteMessage?.data?.id ?? '')
      await displayNotification(
        channelId,
        `Nuevo mensaje de: ${message?.message?.user?.name}`,
        message?.message?.text ?? '',
        remoteMessage?.data,
      )
    } catch (error) {
      notifee.onBackgroundEvent(async ({ detail, type }) => {
        if (type === EventType.PRESS || type === EventType.ACTION_PRESS) {
          store?.dispatch(setNotificationToBeHandled(detail))
        }

        await Promise.resolve()
      })

      await displayNotification(
        channelId,
        'Nuevo mensaje!',
        'Contesta para continuar tu proceso de adopción',
        remoteMessage?.data,
      )
    }
  })
}

const App = () => {
  GoogleSignin.configure({
    offlineAccess: true,
    webClientId: Config.GOOGLE_WEB_CLIENT_ID,
    iosClientId: Config.GOOGLE_IOS_CLIENT_ID,
  })
  Settings.initializeSDK()
  const routeNameRef = useRef<string>()
  return (
    <ReduxProvider store={store}>
      <PersistGate loading={null} persistor={persistor}>
        <PaperProvider theme={theme}>
          <SafeAreaProvider>
            <NavigationContainer
              ref={navigationRef}
              onReady={navigationOnReady(navigationRef, routeNameRef)}
              onStateChange={navigationOnStateChange(
                navigationRef,
                routeNameRef,
              )}>
              <AppContainer />
            </NavigationContainer>
          </SafeAreaProvider>
        </PaperProvider>
      </PersistGate>
    </ReduxProvider>
  )
}

export default App