RootStack.tsx

import React, { useEffect } from 'react';
import { Linking } from 'react-native';
import UserInactivity from 'react-native-user-inactivity';
import {observer} from "mobx-react";
import {useNavigation} from "@react-navigation/core";
import AgentProvider from '@aries-framework/react-hooks';
import rootStore from "src/store/rootStore";
import MainStack from './MainStack';
import OnboardingStack from './OnboardingStack';
import {useRealm} from "@realm/react";
import notifee, { EventType } from '@notifee/react-native';
import {Screens, TabStacks} from 'src/type/navigators';

const RootStack: React.FC = observer(() => {
  const navigation = useNavigation();
  const realm = useRealm();
  useEffect(() => {
    rootStore.agentStore.createAgent();
    rootStore.urlStore.injectNavigation(navigation);
    rootStore.agentStore.injectNavigation(navigation);
    rootStore.agentStore.injectRealm(realm);
    notifee.requestPermission();
  }, []);


  useEffect(() => {
    (async () => {
      const handleDeepLinking = (url: string) => {
        rootStore.urlStore.setDeepLink(url);
      };

      Linking.addEventListener('url', ({ url }) => handleDeepLinking(url));
      const initialUrl = await Linking.getInitialURL();
      if (initialUrl) {
        handleDeepLinking(initialUrl);
      }
    })();
  }, []);

  // Subscribe to events
  useEffect(() => {
    if (!rootStore.authenticated) return;

    return notifee.onForegroundEvent(({ type, detail }) => {
      switch (type) {
        case EventType.PRESS:
          console.log('User pressed notification', detail.notification);
          if (detail.notification?.data?.type === 'new-email-received') {
            const realmId = detail.notification?.data?.realmId as string;
            if (realmId) {
              navigation.navigate(TabStacks.EmailStack, {
                screen: Screens.EmailDetails,
                params: { realmId: realmId },
              });
            }
          }

          break;
      }
    });
  }, [rootStore.authenticated]);

  useEffect(() => {
    if (rootStore.authenticated) {
      rootStore.urlStore.processDeepLinkIfAny();
    }
  }, [rootStore.authenticated]);


  return rootStore.agentStore.agentCreated && rootStore.authenticated ? (
    <UserInactivity
      isActive={rootStore.agentStore.active}
      timeForInactivity={300000}
      onAction={isActive => {
        rootStore.setAuthenticated(isActive);
      }}
    >
      <AgentProvider agent={rootStore.agentStore.agent}>
        <MainStack />
      </AgentProvider>
    </UserInactivity>
  ) : <OnboardingStack />;
});

export default RootStack;