Push notification ringing feature not working on app either on kill/background mode or on foreground mode

[iambigmarn]

import {
StreamVideoClient,
StreamVideoRN,
} from "@stream-io/video-react-native-sdk";
import { AndroidImportance } from "@notifee/react-native";
import AsyncStorage from "@react-native-async-storage/async-storage";
import { chatApiKey } from "../chatConfig";
import DeviceInfo from "react-native-device-info";
import { makeApi, baseUrl } from "../api";

export function setPushConfig() {

const createStreamVideoClient = async () => {
  try {
    let token = await AsyncStorage.getItem("chatToken");
    let id = await DeviceInfo.getUniqueId();
    let name = id;

    if (!token) {
      const authApi = makeApi({ baseURL: baseUrl });

      const response = await authApi.post(`/device/add`, {
        deviceSerial: id,
      });

      if (response?.success) {
        token = response.data.chatToken;

        const chatUser = {
          chatUserId: response.data.deviceSerial,
          chatUserName: response.data.deviceSerial,
          chatUserToken: response.data.chatToken,
        };
        await AsyncStorage.setItem("chatToken", response.data.chatToken);
        await AsyncStorage.setItem("chatUser", JSON.stringify(chatUser));
      }
    }

    if (!token) {
      throw new Error("No token available for Stream Video client.");
    }

    return StreamVideoClient.getOrCreateInstance({
      apiKey: chatApiKey,
      user: {
        id,
        name,
      },
      tokenProvider: async () => token!,
    });
    console.log("Push config successful");
  } catch (err: any) {
    console.log("Push config failed, retrying...", err.message);
    setTimeout(createStreamVideoClient, 5000);
  }
};

StreamVideoRN.setPushConfig({
  ios: {
    pushProviderName: __DEV__
      ? "apn-video-staging"
      : "apn-video-production",
  },
  android: {
    smallIcon: "ic_notification",
    pushProviderName:"app-android",
    incomingCallChannel: {
      id: "stream_incoming_call",
      name: "Incoming call notifications",
      importance: AndroidImportance.HIGH,
    },
    incomingCallNotificationTextGetters: {
      getTitle: (userName: string) => `Incoming call from ${userName}`,
      getBody: () => "Tap to answer the call",
      getAcceptButtonTitle: () => "Accept",
      getDeclineButtonTitle: () => "Decline",
    },
  },
  createStreamVideoClient,
});

}

[gdalkesh]

I'm also not getting notification on only on kill mode application(working fine in background nad foreground). Even when my call is running and user killed application call must be running in backgorund it should not be ended untill user ended the call manually.

And also my user is getting offline in get stream dashboard again and again whenever i tried to make call or receive call.

[gdalkesh]

@iambigmarn for foreground and background please refer this below links :
#1912
#1898

[gdalkesh]

I'm also not getting notification on only on kill mode application(working fine in background nad foreground). Even when my call is running and user killed application call must be running in backgorund it should not be ended untill user ended the call manually.

And also my user is getting offline in get stream dashboard again and again whenever i tried to make call or receive call.

Any updates on this issue ? @santhoshvai or @oliverlaz can you please help us out for this issue if possible,

[iambigmarn]

import messaging from "@react-native-firebase/messaging";
import notifee from "@notifee/react-native";
import {
isFirebaseStreamVideoMessage,
firebaseDataHandler,
onAndroidNotifeeEvent,
isNotifeeStreamVideoEvent,
} from "@stream-io/video-react-native-sdk";

export const setFirebaseListeners = () => {
// Set up the background message handler
messaging().setBackgroundMessageHandler(async (msg) => {
if (isFirebaseStreamVideoMessage(msg)) {
await firebaseDataHandler(msg.data);
} else {
// your other background notifications (if any)
}
});

// on press handlers of background notifications
notifee.onBackgroundEvent(async (event) => {
if (isNotifeeStreamVideoEvent(event)) {
await onAndroidNotifeeEvent({ event, isBackground: true });
} else {
// your other background notifications (if any)
}
});

// Optionally: set up the foreground message handler
messaging().onMessage((msg) => {
if (isFirebaseStreamVideoMessage(msg)) {
firebaseDataHandler(msg.data);
} else {
// your other foreground notifications (if any)
}
});
// Optionally: on press handlers of foreground notifications
notifee.onForegroundEvent((event) => {
if (isNotifeeStreamVideoEvent(event)) {
onAndroidNotifeeEvent({ event, isBackground: false });
} else {
// your other foreground notifications (if any)
}
});
};

This is my setFirebaseListeners.ts

If i comment the code

import 'react-native-gesture-handler';
import app from "@react-native-firebase/app";
import { AppRegistry } from 'react-native';
import { setPushConfig } from "./src/utils/setPushConfig.ts";
import { setFirebaseListeners } from "./src/utils/setFirebaseListeners";
import {name as appName} from './app.json';
import App from './src/app';

console.log("Firebase apps available appfire:", app.apps);

setPushConfig();
// setFirebaseListeners();

AppRegistry.registerComponent(appName, () => App);

Firebase apps available appfire:
Array(1)
_name
:
"ONESIGNAL_SDK_FCM_APP_NAME"
_nativeInitialized
:
true
_options
:
apiKey
:
"API_KEY
appId
:
"APP_ID"
messagingSenderId
:
"SENDER_ID"
projectId
:
"onesignal-shared-public"
storageBucket
:
null
my app builds, but if it is not commented, i get an error

Error: No Firebase App '[DEFAULT]' has been created - call firebase.initializeApp()

@santhoshvai @oliverlaz can you please help out

[oliverlaz]

hi @iambigmarn, hi @gdalkesh, thank you for reporting this issue. We'll check this and get back to you.

[santhoshvai]

looks like react-native-firebase is not registering for you

check over the comments at invertase/react-native-firebase#7462 invertase/react-native-firebase#7891

it could be that you have a very old com.google.gms:google-services or old react-native-firebase version or you have added a wrong firebase credentials file

[gdalkesh]

looks like react-native-firebase is not registering for you

check over the comments at invertase/react-native-firebase#7462 invertase/react-native-firebase#7891

it could be that you have a very old com.google.gms:google-services or old react-native-firebase version or you have added a wrong firebase credentials file

Hello @santhoshvai , My configurations are correct as i mentoned before. I'm also getting notifications in foreground and background mode.

Only when my application is in kill mode that time i'm not receving notification and call is also not alive in kill mode.

Call should remain alive like WhatsApp untill user did not end the call manually.

[iambigmarn]

looks like react-native-firebase is not registering for you

check over the comments at invertase/react-native-firebase#7462 invertase/react-native-firebase#7891

it could be that you have a very old com.google.gms:google-services or old react-native-firebase version or you have added a wrong firebase credentials file

Thank you @santhoshvai I checked it out and resolved firebase registration for me.

[santhoshvai]

closing the issue thread as its resolved

[santhoshvai]

@gdalkesh there should be something missed in your integration here. But I cant find what it is given the little information we know from this discussion unfortunately.

But I am sharing some links from our documentation for you to check it out. Please look into these docs.

• https://getstream.io/video/docs/react-native/guides/keeping-call-alive/
• https://getstream.io/video/docs/react-native/incoming-calls/ringing-setup/react-native/
• https://getstream.io/video/docs/react-native/advanced/troubleshooting/#push-notification-integration-issues