Push notifications

$ npm install @react-native-firebase/app @react-native-firebase/messaging

$ npm install @react-native-community/push-notification-ios

import messaging from '@react-native-firebase/messaging';

const sb = SendBird.getInstance();

if (Platform.OS === 'ios') {
    const token = await messaging().getAPNSToken();
    try {
        const response = await sb.registerAPNSPushTokenForCurrentUser(token);
        // Do something in response to a successful registration.
    } catch (error) {
        // Handle error.
    }
} else {
    const token = await messaging().getToken();
    try {
        const response = await sb.registerGCMPushTokenForCurrentUser(token);
        // Do something in response to a successful registration.
    } catch (error) {
        // Handle error.
    }
}

import messaging from '@react-native-firebase/messaging';
import notifee, { AndroidImportance } from '@notifee/react-native';

// Link: https://rnfirebase.io/messaging/usage#background--quit-state-messages
messaging().setBackgroundMessageHandler(async (message) => {
    const isSendbirdNotification = Boolean(message.data.sendbird);
    if(!isSendbirdNotification) return;

    const text = message.data.message;
    const payload = JSON.parse(message.data.sendbird);

    // The following is required for compatibility with Android 8.0 (API level 26) and higher.
    // Link: https://notifee.app/react-native/reference/createchannel
    // Link: https://notifee.app/react-native/reference/androidchannel
    const channelId = await notifee.createChannel({
        id: 'NOTIFICATION_CHANNEL_ID',
        name: 'NOTIFICATION_CHANNEL_NAME',
        importance: AndroidImportance.HIGH
    });

    // Link: https://notifee.app/react-native/reference/displaynotification
    await notifee.displayNotification({
        id: message.messageId,
        title: 'New message has arrived!',
        subtitle: `Number of unread messages: ${payload.unread_message_count}`,
        body: payload.message,
        data: payload,
        // Link: https://notifee.app/react-native/reference/notificationandroid
        android: {
            channelId,
            smallIcon: NOTIFICATION_ICON_RESOURCE_ID,
            importance: AndroidImportance.HIGH,
        },
        // Link: https://notifee.app/react-native/reference/notificationios
        ios: {
            foregroundPresentationOptions: {
                alert: true,
                badge: true,
                sound: true,
            },
        },
    });
})

import Notifee, { EventType } from '@notifee/react-native';
import PushNotificationIOS from '@react-native-community/push-notification-ios';

// Handle data from '@react-native-community/push-notification-ios'
const onNotificationIOS = (notification) => {
    const data = notification?.getData();
    if (data && data.userInteraction === 1 && Boolean(data.sendbird)) {
        // navigate to channel
        // const channelUrl = data.sendbird.channel.channel_url;
    }
}

// Handle data from '@notifee/react-native'
const onNotificationAndroid = async (event) => {
    if(event.type === EventType.PRESS && Boolean(event.detail.notification?.data?.sendbird)) {
        // navigate to channel
        // const channelUrl = event.detail.notification.data.sendbird.channel.channel_url;
    }
}

const App = () => {
    useEffect(() => {
        PushNotificationIOS.getInitialNotification().then(onNotificationIOS);
        PushNotificationIOS.addEventListener('localNotification', onNotificationIOS);
        const unsubscribe = Notifee.onForegroundEvent(onNotificationAndroid);
        return () => {
            PushNotificationIOS.removeEventListener('localNotification');
            unsubscribe();
        }
    },[])

    // ...
    // Your app
}

Notifee.onBackgroundEvent(onNotificationAndroid)

{
    "category": "messaging:offline_notification",
    "type": string,                 // Message type: 'MESG', 'FILE', or 'ADMM'
    "message": string,              // User input message
    "custom_type": string,          // Custom message type
    "message_id": long,             // Message ID
    "created_at": long,             // The time that the message was created, in a 13-digit Unix milliseconds format
    "app_id": string,               // Application's unique ID
    "unread_message_count": int,    // Total number of new messages unread by the user
    "channel": {
        "channel_url": string,      // Group channel URL
        "name": string,             // Group channel name
        "custom_type": string,       // Custom Group channel type
        "channel_unread_count": int // Total number of unread new messages from the specific channel
    },
    "channel_type": string,         // The value of "channel_type" is set by the system. The 'messaging' indicates a distinct group channel while 'group_messaging' indicates a private group channel and 'chat' indicates all other cases.
    "sender": {
        "id": string,               // Sender's unique ID
        "name": string,             // Sender's nickname
        "profile_url": string,       // Sender's profile image URL
        "require_auth_for_profile_image": false,
        "metadata": {}
    },
    "recipient": {
        "id": string,               // Recipient's unique ID
        "name": string              // Recipient's nickname
    },
    "files": [],                    // An array of data regarding the file message, such as filename
    "translations": {},             // The items of locale:translation.
    "push_title": string,           // Title of a notification message that can be customized in the Sendbird Dashboard with or without variables
    "push_sound": string,           // The location of a sound file for notifications
    "audience_type": string,        // The type of audiences for notifications
    "mentioned_users": {
        "user_id": string,          // The ID of a mentioned user
        "nickname": string,         // The nickname of a mentioned user
        "profile_url": string,      // Mentioned user's profile image URL
        "require_auth_for_profile_image": false
    },
}

const sb = SendBird.getInstance();

function setPushNotification(enable, os) {
    if (enable) {
        if (os === 'ios') {
            try {
                const response = await sb.registerAPNSPushTokenForCurrentUser(TOKEN);
                // Do something in response to a successful registration.
            } catch (error) {
                // Handle error.
            }
        } else {
            try {
                const response = await sb.registerGCMPushTokenForCurrentUser(TOKEN);
                // Do something in response to a successful registration.
            } catch (error) {
                // Handle error.
            }
        }
    } else {
        if (os === 'ios') {
            try {
                const response = await sb.unregisterAPNSPushTokenForCurrentUser(TOKEN);
                // Do something in response to a successful unregistration.
            } catch (error) {
                // Handle error.
            }
        } else {
            try {
                const response = await sb.unregisterGCMPushTokenForCurrentUser(TOKEN);
                // Do something in response to a successful unregistration.
            } catch (error) {
                // Handle error.
            }
        }
    }
}

const sb = SendBird.getInstance();

// If you want to trigger notification messages only when the current user is mentioned in messages.
try {
    const response = await sb.setPushTriggerOption('mention_only');
    // Do something in response to setting.
} catch (error) {
    // Handle error.
}

// If you want to automatically apply the user's push notification setting to the channel.
try {
    const response = await groupChannel.setMyPushTriggerOption('default');
    // Do something in response to setting.
} catch (error) {
    // Handle error.
}

const sb = SendBird.getInstance();

// The current user will not receive push notifications during the specified time of every day.
try {
    const response = await sb.setDoNotDisturb(true, START_HOUR, START_MIN, END_HOUR, END_MIN, 'Asia/Seoul');
    // Do something in response to setting.
} catch (error) {
    // Handle error.
}

const sb = SendBird.getInstance();

// The current user will not receive notification messages during the specified period of time (from START_TS to END_TS).
try {
    const response = await sb.setSnoozePeriod(true, START_TS, END_TS);
    // Do something in response to setting.
} catch (error) {
    // Handle error.
}

const sb = SendBird.getInstance();

try {
    const response = await sb.setPushTemplate(sb.PUSH_TEMPLATE_ALTERNATIVE);
    // Push template successfully set to 'PUSH_TEMPLATE_ALTERNATIVE'.
} catch (error) {
    // Handle error.
}

const sb = SendBird.getInstance();

try {
    const pushTemplate = await sb.getPushTemplate();
    if (pushTemplate == sb.PUSH_TEMPLATE_DEFAULT) {
        // Currently configured to use the default template.
    } else if (pushTemplate == sb.PUSH_TEMPLATE_ALTERNATIVE) {
        // Currently configured to use the alternative template.
    }
} catch (error) {
    // Handle error.
}

const sb = SendBird.getInstance();
const preferredLanguages = ['fr', 'de', 'es', 'ko'];    // French, German, Spanish, and Korean

try {
    let isUpdatedSuccessfully = true;

    for (let language of sb.currentUser.preferredLanguages) {   // The sb.currentUser.preferredLanguages returns a list of the current user's preferred languages.
        if (!preferredLanguages.inlcudes(language)) {
            isUpdatedSuccessfully = false;
            break;
        }
    }

    if (isUpdatedSuccessfully) {
        // The current user's preferred languages have been updated successfully.
    }
} catch (error) {
    // Handle error.
}

{
    "message": {
        "token": "ad3nNwPe3H0:ZI3k_HHwgRpoDKCIZvvRMExUdFQ3P1...",
        "notification": {
            "title": "Greeting!",
            "body": "Bonjour comment allez vous"    // A notification message is translated into the first language listed in the preferred languages.
        }
    },
    "sendbird": {
        "category": "messaging:offline_notification",
        "type": "User",
        "message": "Hello, how are you?",
        ...

        "translations": {   // The translated messages in other preferred languages.
            "fr": "Bonjour comment allez vous",
            "de": "Hallo wie geht es dir",
            "es": "Hola como estas",
            "kr": "안녕하십니까?"
        },

        ...
    }
}