[Question] - Receive call with app in background or closed on iOS

[samuelvertello]

• [ ] @stream-io/video-react-sdk
• [X ] @stream-io/video-react-native-sdk
• [ ] @stream-io/video-client

Describe the bug
I'm using @stream-io/video-react-native-sdk in my project, and it's working perfectly for Android. I can receive the call with the app in the background or closed, but for iOS I only receive it if the app is in the foreground.

Has this been fixed in a newer version?

"Version"
"@stream-io/video-react-native-sdk": "^1.9.0",
"@stream-io/react-native-webrtc": "^125.0.3",]

[kristian-mkd]

Hi @samuelvertello, we can reproduce the reported issue, thanks for reporting. We will work on fixing it and inform here as soon as it is fixed.

[santhoshvai]

@samuelvertello Can you send your setPushConfig setup

Also make sure that you use

    const client = StreamVideoClient.getOrCreateInstance({
        apiKey,
        user,
        tokenProvider,
      });

Whereever you create a video client

[samuelvertello]

the setPushConfig configuration is not very different from the documentation. it is like this.

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";

const STREAM_API_KEY = process.env.EXPO_PUBLIC_STREAM_API_KEY;

export async function setPushConfig() {
try {
const userId = await AsyncStorage.getItem("@userid");
const userName = await AsyncStorage.getItem("@userName");
const userToken = await AsyncStorage.getItem("@usertoken");

if (!userId || !userName || !userToken) {
  console.log("User not authenticated or invalid token");
  return;
}
StreamVideoRN.setPushConfig({
  isExpo: true,
  ios: {
    pushProviderName: __DEV__
      ? "apn-video-staging"
      : "apn-video-production",
  },
  android: {
    pushProviderName: __DEV__
      ? "firebase-video-dev"
      : "firebase-video-production",
    incomingCallChannel: {
      id: "stream_incoming_call",
      name: "Incoming call notifications",
      importance: AndroidImportance.HIGH,
      vibration: true,
      vibrationPattern: [300, 500],
    },
    incomingCallNotificationTextGetters: {
      getTitle: (createdUserName) => `Ligação de ${createdUserName}`,
      getBody: () => "Toque para atender a chamada",
    },
  },
  createStreamVideoClient: async () => {
    return StreamVideoClient.getOrCreateInstance({
      apiKey: STREAM_API_KEY,
      user: {
        id: JSON.parse(userId),
        name: JSON.parse(userName),
      },
      token: JSON.parse(userToken),
    });
  },
});

console.log("Stream Push Config successfully set up.");

} catch (error) {
console.error("Error setting up Stream Push Config:", error);
}
}

[samuelvertello]

outside the react lifecycle
in index.js i call my notifee listeners function

import {
isNotifeeStreamVideoEvent,
oniOSNotifeeEvent,
} from "@stream-io/video-react-native-sdk";
import { Platform } from "react-native";
import notifee from "@notifee/react-native";

export const setNotifeeListeners = () => {
notifee.onBackgroundEvent(async (event) => {
if (isNotifeeStreamVideoEvent(event)) {
}
if (Platform.OS === "ios") {
oniOSNotifeeEvent({ event, isBackground: true });
}
});

notifee.onForegroundEvent(async (event) => {
if (isNotifeeStreamVideoEvent(event)) {
}
if (Platform.OS === "ios") {
oniOSNotifeeEvent({ event, isBackground: false });
}
});
};