displayIncomingCall ignored due to no ConnectionService or no phone account

[Sheharyar566]

Bug report

I've setup the call keep as mentioned in the documentation with selfManaged: true on android , and am looking at the debug logs (also mentioned in the documentation), but I'm getting the following error in the debug logs
displayIncomingCall ignored due to no ConnectionService or no phone account

• I've checked the example to reproduce the issue.

• Reproduced on:

• Android

• iOS

Description

I'm calling the stuff in a file called call.screen.tsx which calls the listeners as:

  useEffect(() => {
    const initCallKeep = async () => {
      try {
        const options: IOptions = {
          ios: {
            appName: 'My app name',
          },
          android: {
            alertTitle: 'Permissions required',
            alertDescription: 'This application needs to access your phone accounts',
            cancelButton: 'Cancel',
            okButton: 'ok',
            imageName: 'phone_account_icon',
            additionalPermissions: [],
            selfManaged: true,
            // Required to get audio in background when using Android 11
            foregroundService: {
              channelId: 'com.company.my',
              channelName: 'Foreground service for my app',
              notificationTitle: 'My app is running on background',
              notificationIcon: 'Path to the resource icon of the notification',
            },
          },
        };

        RNCallKeep.setAvailable(true);
        await RNCallKeep.setup(options);
      } catch (e) {
        console.error('Error occured while initializing callkeep: ', e);
        showError(e);
      }
    };

    initCallKeep();
  }, []);

  const actionHandler = (action: string) => {
    console.log('Called handler for action: ', action);
  };

  useEffect(() => {
    Api.on(ApiEvent.IncomingCall, onIncomingCall);
    Api.on(ApiEvent.CallUpdate, onCallUpdated);

    RNCallKeep.addEventListener('showIncomingCallUi', showCallUI);
    RNCallKeep.addEventListener('didReceiveStartCallAction', () => actionHandler('didReceiveStartCallAction'));
    RNCallKeep.addEventListener('answerCall', () => actionHandler('answerCall'));
    RNCallKeep.addEventListener('endCall', () => actionHandler('endCall'));
    RNCallKeep.addEventListener('didDisplayIncomingCall', () => actionHandler('didDisplayIncomingCall'));
    RNCallKeep.addEventListener('didPerformSetMutedCallAction', () => actionHandler('didPerformSetMutedCallAction'));
    RNCallKeep.addEventListener('didPerformDTMFAction', () => actionHandler('didPerformDTMFAction'));

    return () => {
      Api.off(ApiEvent.IncomingCall, onIncomingCall);
      Api.off(ApiEvent.CallUpdate, onCallUpdated);

      RNCallKeep.removeEventListener('showIncomingCallUi');
      RNCallKeep.removeEventListener('didReceiveStartCallAction');
      RNCallKeep.removeEventListener('answerCall');
      RNCallKeep.removeEventListener('endCall');
      RNCallKeep.removeEventListener('didDisplayIncomingCall');
      RNCallKeep.removeEventListener('didPerformSetMutedCallAction');
      RNCallKeep.removeEventListener('didPerformDTMFAction');
    };
  }, []);

  const onIncomingCall = useCallback(
    async (data: ICall) => {
      try {
        if (isCalling) {
          throw 'Call Event Duplication: A call was already in progress while another incoming call event was received';
        }

        setBookingID(data.bookingId);
        setCallID(data.id);
        RNCallKeep.displayIncomingCall(data.id, 'Driver');
      } catch (e) {
        console.error('Failed to start the call: ', e);
        throw e;
      }
    },
    [isCalling],
  );

  const showCallUI = () => {
    setIsCalling(true);
    setStatus(CallStatus.Incoming);
    CallService.playRingTone();
  };

Steps to Reproduce

Versions

- Callkeep: ^4.3.3
- React Native: 0.69.5
- iOS: NA
- Android: 10
- Phone model: Xiaomi Redmi 8

Logs

11-02 16:40:09.765 24283 26727 D RNCallKeep: [VoiceConnectionService] setAvailable: true
11-02 16:40:09.765 24283 26727 D RNCallKeep: [VoiceConnectionService] setInitialized: true
11-02 16:40:09.770 24283 26727 D RNCallKeep: [RNCallKeepModule] setup
11-02 16:40:09.770 24283 26727 D RNCallKeep: [VoiceConnectionService] setAvailable: false
11-02 16:40:09.770 24283 26727 D RNCallKeep: [VoiceConnectionService] setInitialized: true
11-02 16:40:09.770 24283 26727 D RNCallKeep: [RNCallKeepModule] setSettings: { NativeMap: {"alertTitle":"Permissions required","foregroundService":{"channelId":"com.company.my","channelName":"Foreground service for my app","notificationTitle":"My app is running on background","notificationIcon":"Path to the resource icon of the notification"},"alertDescription":"This application needs to access your phone accounts","cancelButton":"Cancel","imageName":"phone_account_icon","okButton":"ok","selfManaged":true,"additionalPermissions":[]} }
11-02 16:40:09.772 24283 26727 D RNCallKeep: [RNCallKeepModule] API Version supports self managed, and is enabled in setup
11-02 16:40:09.772 24283 26727 D RNCallKeep: [RNCallKeepModule] setup, adding RECORD_AUDIO in permissions in self managed
11-02 16:40:09.772 24283 26727 D RNCallKeep: [RNCallKeepModule] registerPhoneAccount
11-02 16:40:09.840 24283 26727 D RNCallKeep: [RNCallKeepModule] registerEvents
11-02 16:40:09.840 24283 26727 D RNCallKeep: [RNCallKeepModule] startObserving, event count: 0
11-02 16:40:09.840 24283 26727 D RNCallKeep: [RNCallKeepModule] startObserving, event count: 0
11-02 16:40:09.840 24283 26727 D RNCallKeep: [VoiceConnectionService] setAvailable: true
11-02 16:40:09.840 24283 26727 D RNCallKeep: [VoiceConnectionService] setInitialized: true
11-02 16:40:43.990 24283 26727 W RNCallKeep: [RNCallKeepModule] displayIncomingCall ignored due to no ConnectionService or no phone account

[wilmxre]

did you manage to solve this problem?

[Sheharyar566]

Nope... had to manually implement it on native side (android particularly - haven't had a chance to do it for iOS side yet).

[wilmxre]

thank you for the quick answer. what did you implement specifically on native side? i also have this problem on a lenovo tablet, the incoming call is not showing up, neither my outgoing calls are received. can you provide me some information about this, please?

[juxnpxblo]

Nope... had to manually implement it on native side (android particularly - haven't had a chance to do it for iOS side yet).

yeah @wilmxre what did you exactly had to implement in the native side?

are you displaying the incoming call ui inside a time sensitive notification?

[wilmxre]

i have an activity in android that i display when i get a call notification. i call callkeep's backToForeground method when i get the notification then i call my activity that is exposed to react-native via NativeModules

[sultanmyrza]

Hey gusy I got it working in my Expo project. My package.json

"expo": "~53.0.17",
"react-native": "0.79.5",
"react-native-callkeep": "^4.3.16",
"@config-plugins/react-native-callkeep": "^11.0.0",

make sure your app.json or app.config.js|ts has these values.

{
  "expo": {
    "newArchEnabled": false,
    "android": {
      "permissions": [
        // these will be added when you run expo build because of "@config-plugins/react-native-callkeep"
        "android.permission.BIND_TELECOM_CONNECTION_SERVICE",
        "android.permission.FOREGROUND_SERVICE",
        "android.permission.READ_PHONE_STATE",
        "android.permission.CALL_PHONE",

        // after debugging react-native-callkeep source code I found out that we manually need to add these
        "android.permission.READ_PHONE_NUMBERS",
        "android.permission.RECORD_AUDIO"
      ],
    },
    "plugins": [
      "@config-plugins/react-native-callkeep"
    ],
  }
}

Long story short I put debugger at this line

react-native-callkeep/android/src/main/java/io/wazo/callkeep/RNCallKeepModule.java

Line 448 in db693d5

if (!isConnectionServiceAvailable() || !hasPhoneAccount()) {

So hasPhoneAccount() internally calls

• hasPermission() it will return false if are missing any of [android.permission.READ_PHONE_NUMBERS, android.permission.CALL_PHONE, android.permission.RECORD_AUDIO]
• telecomManager.getPhoneAccount(handle).isEnabled() Requires Permission: Manifest.permission.READ_PHONE_NUMBERS

Let me know if it worked and should we close this issue? I guess we need create PR to add in docs that we need to add these

"permissions": [
        // these will be added when you run expo build because of "@config-plugins/react-native-callkeep"
        "android.permission.BIND_TELECOM_CONNECTION_SERVICE",
        "android.permission.FOREGROUND_SERVICE",
        "android.permission.READ_PHONE_STATE",
        "android.permission.CALL_PHONE",

        // after debugging react-native-callkeep source code I found out that we manually need to add these
        "android.permission.READ_PHONE_NUMBERS",
        "android.permission.RECORD_AUDIO"
      ],

[sultanmyrza]

Hey folks, I just opened a PR to improve the docs so others don’t have to go through the same pain we did: #849

While we’re at it, hoping @manuquentin can also take a look at this one: #816

@manuquentin
• #849
• #816

Both are low-hanging fruits that would help close a few open issues. Would be awesome to get them merged. 🙌