wire up appstate subscriptions

ios/RCTShareExtensionHandlerModule.m

@@ -11,6 +11,7 @@
 
 NSString *const ShareExtensionGroupIdentifier = @"group.com.new-expensify";
 NSString *const ShareExtensionFilesKey = @"ShareFiles";
+NSString *const ShareImageFileExtension = @".png";
 
 @implementation RCTShareExtensionHandlerModule
 

src/pages/share/ShareRootPage.tsx

@@ -1,16 +1,33 @@
-import React, {useEffect} from 'react';
-import {View} from 'react-native';
+import React, {useEffect, useRef} from 'react';
+import type {AppStateStatus} from 'react-native';
+import {AppState, View} from 'react-native';
 import Text from '@components/Text';
 import ShareExtensionHandlerModule from '@src/modules/ShareExtensionHandlerModule';
 
 // type ShareRootPageProps = {};
 
 export default function ShareRootPage() {
+    const appState = useRef(AppState.currentState);
+
+    const handleAppStateChange = (nextAppState: AppStateStatus) => {
+        if (appState.current.match(/inactive|background/) && nextAppState === 'active') {
+            ShareExtensionHandlerModule.processFiles((processedFiles) => {
+                // eslint-disable-next-line no-console
+                console.log('PROCESSED FILES ', processedFiles);
+            });
+        }
+
+        appState.current = nextAppState;
+        // eslint-disable-next-line no-console
+        console.log('AppState', appState.current);
+    };
+
     useEffect(() => {
-        ShareExtensionHandlerModule?.processFiles((processedFiles) => {
-            // eslint-disable-next-line no-console
-            console.warn('PROCESSED FILES ', processedFiles);
-        });
+        const appStateSubscription = AppState.addEventListener('change', handleAppStateChange);
+
+        return () => {
+            appStateSubscription.remove();
+        };
     }, []);
 
     return (