-
Notifications
You must be signed in to change notification settings - Fork 16
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #41 from linhvovan29546/dev/example-callkeep
Dev/example callkeep
- Loading branch information
Showing
6 changed files
with
201 additions
and
55 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,166 @@ | ||
| import { PermissionsAndroid, Platform } from 'react-native'; | ||
| import RNNotificationCall, { | ||
| answerPayload, | ||
| declinePayload, | ||
| } from '../../../src/index'; | ||
| import RNCallKeep from 'react-native-callkeep'; | ||
| import { request, check, PERMISSIONS, RESULTS } from 'react-native-permissions'; | ||
|
|
||
| const appName = 'Incoming-Test'; | ||
| const isAndroid = Platform.OS === 'android'; | ||
| const answerOption = { | ||
| channelId: 'com.abc.incomingcall', | ||
| channelName: 'Incoming video call', | ||
| notificationIcon: 'ic_launcher', //mipmap | ||
| notificationTitle: 'Linh Vo', | ||
| answerText: 'Answer', | ||
| declineText: 'Decline', | ||
| notificationColor: 'colorAccent', //path color in android | ||
| notificationSound: undefined, //raw | ||
| }; | ||
| // this service only focus for Android | ||
|
|
||
| export class CallKeepService { | ||
| private static _instance?: CallKeepService; | ||
| static navigation: any; | ||
| constructor() { | ||
| //setup callkeep | ||
| // this.setupCallKeep(); | ||
| } | ||
| static instance(): CallKeepService { | ||
| if (!CallKeepService._instance) { | ||
| CallKeepService._instance = new CallKeepService(); | ||
| } | ||
| return CallKeepService._instance; | ||
| } | ||
|
|
||
| async setupCallKeep() { | ||
| await new Promise((resolve) => { | ||
| console.log('setup call keep done in promise'); | ||
| this.setupCallKeepFunc().then(resolve); | ||
| }); | ||
| } | ||
|
|
||
| async setupCallKeepFunc() { | ||
| const granted = await request(PERMISSIONS.ANDROID.READ_PHONE_NUMBERS); | ||
| if (granted !== RESULTS.GRANTED) return; | ||
| //only setup when granted permission | ||
| await this.setup(); | ||
| //setup done | ||
| if (isAndroid) { | ||
| RNCallKeep.setAvailable(true); | ||
| } | ||
| this.registerEvent(); | ||
| } | ||
| async setup() { | ||
| try { | ||
| await RNCallKeep.setup({ | ||
| ios: { | ||
| appName: appName, | ||
| maximumCallGroups: '1', | ||
| maximumCallsPerCallGroup: '1', | ||
| includesCallsInRecents: false, | ||
| imageName: 'callkitIcon', //image name from ios | ||
| }, | ||
| android: { | ||
| alertTitle: 'Permissions required', | ||
| alertDescription: | ||
| 'This application needs to access your phone accounts', | ||
| cancelButton: 'Cancel', | ||
| okButton: 'ok', | ||
| selfManaged: true, | ||
| additionalPermissions: [], | ||
| foregroundService: { | ||
| channelId: 'com.test.app.callkeep', | ||
| channelName: 'Incoming Call', | ||
| notificationTitle: 'Incoming Call', | ||
| notificationIcon: 'ic_launcher_round', | ||
| }, | ||
| }, | ||
| }); | ||
| return { | ||
| result: 'setupDone', | ||
| }; | ||
| } catch (error) { | ||
| console.log('error setup callkeep', error); | ||
| return error; | ||
| } | ||
| } | ||
| registerEvent() { | ||
| isAndroid && | ||
| RNCallKeep.addEventListener( | ||
| 'createIncomingConnectionFailed', | ||
| this.onFailCallAction | ||
| ); | ||
| RNCallKeep.addEventListener('answerCall', this.onCallKeepAnswerCallAction); | ||
| RNCallKeep.addEventListener('endCall', this.onCallKeepEndCallAction); | ||
| if (isAndroid) { | ||
| //event only on android | ||
| RNCallKeep.addEventListener( | ||
| 'showIncomingCallUi', | ||
| ({ handle, callUUID, name }) => { | ||
| RNNotificationCall.displayNotification(callUUID, null, 30000, { | ||
| ...answerOption, | ||
| channelId: 'com.abc.incomingcall', | ||
| channelName: 'Incoming video call', | ||
| notificationTitle: 'Linh Vo', | ||
| notificationBody: 'Incoming video call', | ||
| payload: { | ||
| kiokas: 'ádada', | ||
| ssskis: 'awq', | ||
| }, | ||
| }); | ||
| } | ||
| ); | ||
| // Listen to headless action events | ||
| RNNotificationCall.addEventListener('endCall', (data: declinePayload) => { | ||
| const { callUUID } = data; | ||
| // End call action here | ||
| console.log('endCall', callUUID); | ||
| RNCallKeep.endCall(callUUID); | ||
| }); | ||
| RNNotificationCall.addEventListener('answer', (data: answerPayload) => { | ||
| const { callUUID } = data; | ||
| //open app from quit state | ||
| RNNotificationCall.backToApp(); | ||
| //call api answer | ||
| console.log('answer', callUUID); | ||
| RNCallKeep.answerIncomingCall(callUUID); | ||
| }); | ||
| // You can listener firebase message event here | ||
| } | ||
| } | ||
| onFailCallAction() { | ||
| RNCallKeep.endAllCalls(); | ||
| } | ||
|
|
||
| //handle event | ||
| onCallKeepAnswerCallAction(answerData: any) { | ||
| const { callUUID } = answerData; | ||
| // called when the user answer the incoming call | ||
| //navigate to another screen | ||
| //some project need to rehandle with redux state or other state manager refer https://github.com/linhvovan29546/react-native-full-screen-notification-incoming-call/issues/17#issuecomment-1318225574 | ||
| CallKeepService.navigation.navigate('Detail'); | ||
| } | ||
| onCallKeepEndCallAction(answerData: any) { | ||
| const { callUUID } = answerData; | ||
| //end call action of callkit | ||
| //action destroy screen | ||
| //You need to call RNCallKeep.endCall(callUUID) to end call | ||
| } | ||
|
|
||
| async displayCall(uuid: string) { | ||
| const granted = await check(PERMISSIONS.ANDROID.READ_PHONE_NUMBERS); | ||
| //only display call when permission granted | ||
| if (granted !== RESULTS.GRANTED) return; | ||
| console.log('display call', uuid); | ||
| RNCallKeep.displayIncomingCall( | ||
| uuid, | ||
| 'Linh Vo', | ||
| 'Linh Vo', | ||
| 'number', | ||
| true, | ||
| undefined | ||
| ); | ||
| } | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters