fix: allows OTP to be approved from a cold start

src/App.tsx

@@ -10,6 +10,7 @@ import theme from './lib/theme'
 import Main from './Main'
 import { PrefsProvider } from './context/PrefsContext'
 import { PendingNotificationsProvider } from './context/PendingNotificationsContext'
+import { InitialLoadingProvider } from './context/InitalLoadingContext'
 
 export default function App() {
   return (
@@ -18,10 +19,12 @@ export default function App() {
         <SecretsProvider>
           <PrefsProvider>
             <PendingNotificationsProvider>
-              <PaperProvider theme={theme}>
-                <Main />
-                <StatusBar style="auto" />
-              </PaperProvider>
+              <InitialLoadingProvider>
+                <PaperProvider theme={theme}>
+                  <Main />
+                  <StatusBar style="auto" />
+                </PaperProvider>
+              </InitialLoadingProvider>
             </PendingNotificationsProvider>
           </PrefsProvider>
         </SecretsProvider>

src/context/InitalLoadingContext.tsx

@@ -0,0 +1,40 @@
+import React, {
+  createContext,
+  useContext,
+  useState,
+  useMemo,
+  useCallback,
+} from 'react'
+
+const initialContext = {
+  initialLoadingComplete: false,
+  markInitialLoadingComplete: () => {
+    // set in context provider construction
+  },
+}
+
+const InitialLoadingContext = createContext(initialContext)
+
+export const useInitialLoading = () => useContext(InitialLoadingContext)
+
+export const InitialLoadingProvider = ({ children }) => {
+  const [initialLoadingComplete, setInitialLoadingComplete] = useState(false)
+
+  const markInitialLoadingComplete = useCallback(() => {
+    setInitialLoadingComplete(true)
+  }, [setInitialLoadingComplete])
+
+  const value = useMemo(
+    () => ({
+      initialLoadingComplete,
+      markInitialLoadingComplete,
+    }),
+    [initialLoadingComplete, markInitialLoadingComplete]
+  )
+
+  return (
+    <InitialLoadingContext.Provider value={value}>
+      {children}
+    </InitialLoadingContext.Provider>
+  )
+}

src/screens/HomeScreen.test.tsx

@@ -17,6 +17,7 @@ jest.mock('expo-notifications', () => ({
   addNotificationReceivedListener: jest.fn(),
   addNotificationResponseReceivedListener: jest.fn(),
   removeNotificationSubscription: jest.fn(),
+  useLastNotificationResponse: jest.fn(),
 }))
 
 jest.mock('../lib/api')

src/screens/HomeScreen.tsx

@@ -10,6 +10,7 @@ import Toast from 'react-native-root-toast'
 import { usePendingNotifications } from '../context/PendingNotificationsContext'
 import { useSecrets } from '../context/SecretsContext'
 import { useAuth } from '../context/AuthContext'
+import { useInitialLoading } from '../context/InitalLoadingContext'
 import apiFactory from '../lib/api'
 import { NoSecrets } from '../components/NoSecrets'
 import { Actions } from '../components/Actions'
@@ -47,6 +48,9 @@ export const HomeScreen: React.FC<HomeScreenProps> = ({ navigation }) => {
   const isFocused = useIsFocused()
   const notificationListener = useRef<Subscription>()
   const responseListener = useRef<Subscription>()
+  const lastNotificationResponse = Notifications.useLastNotificationResponse()
+  const { initialLoadingComplete, markInitialLoadingComplete } =
+    useInitialLoading()
 
   const api = useMemo(() => apiFactory({ idToken: user.idToken }), [user])
 
@@ -125,6 +129,37 @@ export const HomeScreen: React.FC<HomeScreenProps> = ({ navigation }) => {
     }
   }, [onNotification, onNotificationResponse])
 
+  useEffect(() => {
+    // runs callbacks when notification is pressed from a cold start
+    if (
+      !initialLoadingComplete &&
+      !secretsLoading &&
+      lastNotificationResponse
+    ) {
+      const request = lastNotificationResponse.notification
+        .request as Notifications.NotificationRequest & {
+        content: { data: NotificationData }
+      }
+      const opticNotification: OpticNotification = {
+        date: lastNotificationResponse.notification.date,
+        request: request,
+      }
+
+      onNotificationResponse(lastNotificationResponse)
+      onNotification(opticNotification)
+
+      // prevents the cold start callbacks from being called again after this conditional has been triggered
+      markInitialLoadingComplete()
+    }
+  }, [
+    initialLoadingComplete,
+    lastNotificationResponse,
+    markInitialLoadingComplete,
+    onNotification,
+    onNotificationResponse,
+    secretsLoading,
+  ])
+
   if (secretsLoading) {
     return null
   }