fix: android push notification permission issues (#2947)

Author: isekovanic

examples/SampleApp/src/components/SecretMenu.tsx

@@ -81,14 +81,14 @@ export const SecretMenu = ({ close, visible, chatClient }: { close: () => void,
           >
             Notification Provider
           </Text>
-          <View style={{ marginLeft: 16 }}>
+          {isAndroid ? null : <View style={{ marginLeft: 16 }}>
             {notificationConfigItems.map((item) => (
               <TouchableOpacity key={item.id} style={{ paddingTop: 8, flexDirection: 'row' }} onPress={() => storeProvider(item)}>
                 <Text style={styles.notificationItem}>{item.label}</Text>
                 {item.id === selectedProvider ? <Check height={16} pathFill={'green'} width={16} style={{ marginLeft: 12 }} /> : null}
               </TouchableOpacity>
             ))}
-          </View>
+          </View>}
         </View>
       </View>
       <TouchableOpacity onPress={removeAllDevices} style={menuDrawerStyles.menuItem}>

examples/SampleApp/src/hooks/useChatClient.ts

@@ -7,6 +7,7 @@ import { USER_TOKENS, USERS } from '../ChatUsers';
 import AsyncStore from '../utils/AsyncStore';
 
 import type { LoginConfig, StreamChatGenerics } from '../types';
+import { PermissionsAndroid, Platform } from 'react-native';
 
 // Request Push Notification permission from device.
 const requestNotificationPermission = async () => {
@@ -67,6 +68,16 @@ messaging().setBackgroundMessageHandler(async (remoteMessage) => {
   }
 });
 
+const requestAndroidPermission = async () => {
+  if (Platform.OS === 'android' && Platform.Version >= 33) {
+    const result = await PermissionsAndroid.request(
+      PermissionsAndroid.PERMISSIONS.POST_NOTIFICATIONS
+    );
+    return result === PermissionsAndroid.RESULTS.GRANTED;
+  }
+  return true;
+};
+
 export const useChatClient = () => {
   const [chatClient, setChatClient] = useState<StreamChat<StreamChatGenerics> | null>(null);
   const [isConnecting, setIsConnecting] = useState(true);
@@ -98,10 +109,14 @@ export const useChatClient = () => {
     await AsyncStore.setItem('@stream-rn-sampleapp-login-config', config);
 
     const permissionAuthStatus = await messaging().hasPermission();
-    const isEnabled =
+    let isEnabled =
       permissionAuthStatus === messaging.AuthorizationStatus.AUTHORIZED ||
       permissionAuthStatus === messaging.AuthorizationStatus.PROVISIONAL;
 
+    if (permissionAuthStatus === messaging.AuthorizationStatus.DENIED) {
+      isEnabled = await requestAndroidPermission();
+    }
+
     if (isEnabled) {
       // Register FCM token with stream chat server.
       const firebaseToken = await messaging().getToken();