Supported versions

"react": ">=16.8.6"

"react-native": ">=0.60.0"

Installation

• Install prerequisites.

$ yarn add @react-native-community/async-storage

• Install package.

$ yarn add react-native-rd-package

• Install pods (IOS only).

$ cd ios
$ pod install

Platform Integrations

Android

• Create a Firebase project and register your app. Download google-services.json file and place it in android/app folder.
• Add below line to your android/build.gradle file's dependencies section.

  classpath 'com.google.gms:google-services:4.3.3'

• Add below line to your android/app/build.gradle file's bottom.

apply plugin: 'com.google.gms.google-services'

IOS

• Enable Push Notifications and Background Modes->Remote Notifications capabilities.
• Import library in AppDelegate.h

#import <UserNotifications/UNUserNotificationCenter.h>

• Modify AppDelegate.h and add UNUserNotificationCenterDelegate.

@interface AppDelegate : UIResponder <UIApplicationDelegate, RCTBridgeDelegate, UNUserNotificationCenterDelegate>

• Import libraries in AppDelegate.m

#import "RelatedDigitalPushModule.h"
#import <UserNotifications/UserNotifications.h>

• Modify AppDelegate.m file's didFinishLaunchingWithOptions method and add the following just before return statement.

UNUserNotificationCenter *center = [UNUserNotificationCenter currentNotificationCenter];
center.delegate = self;

• Modify AppDelegate.m and add following methods.

- (void)application:(UIApplication *)application didRegisterUserNotificationSettings:(UIUserNotificationSettings *)notificationSettings
{
 [RelatedDigitalPushModule didRegisterUserNotificationSettings:notificationSettings];
}

- (void)application:(UIApplication *)application didRegisterForRemoteNotificationsWithDeviceToken:(NSData *)deviceToken
{
 [RelatedDigitalPushModule didRegisterForRemoteNotificationsWithDeviceToken:deviceToken];
}

- (void)application:(UIApplication *)application didReceiveRemoteNotification:(NSDictionary *)userInfo
fetchCompletionHandler:(void (^)(UIBackgroundFetchResult))completionHandler
{
  [RelatedDigitalPushModule didReceiveRemoteNotification:userInfo fetchCompletionHandler:completionHandler];
}

- (void)application:(UIApplication *)application didFailToRegisterForRemoteNotificationsWithError:(NSError *)error
{
 [RelatedDigitalPushModule didFailToRegisterForRemoteNotificationsWithError:error];
}

-(void)userNotificationCenter:(UNUserNotificationCenter *)center willPresentNotification:(UNNotification *)notification withCompletionHandler:(void (^)(UNNotificationPresentationOptions options))completionHandler
{
  completionHandler(UNAuthorizationOptionSound | UNAuthorizationOptionAlert | UNAuthorizationOptionBadge);
}

Usage

import React, { useState, useEffect } from 'react';
import {
  SafeAreaView,
  StyleSheet,
  ScrollView,
  Button,
  View,
  ActivityIndicator,
  Platform
} from 'react-native';

import { addEventListener, removeEventListener, requestPermissions, EuroMessageApi, VisilabsApi } from 'react-native-rd-package'

const App = () => {
  const [loading, setLoading] = useState(false)

  const appAlias = 'alias'
  const euroMessageSubscriptionUrl = 'https://pushs.euromsg.com/subscription'
  const euroMessageRetentionUrl = 'https://pushr.euromsg.com/retention'

  const siteId = "SID";
  const organizationId = "OID";
  const segmentUrl = "http://lgr.visilabs.net";
  const realTimeUrl = "http://rt.visilabs.net";
  const dataSource = "datasource";

  const euroMessageApi = new EuroMessageApi(appAlias, euroMessageSubscriptionUrl, euroMessageRetentionUrl)
  const visilabsApi = new VisilabsApi(appAlias, siteId, organizationId, segmentUrl, realTimeUrl, dataSource)

  useEffect(() => {
    addExtra()
    addListeners()

    return () => removeListeners()
  }, [])

  const addListeners = () => {

    addEventListener('register', async (token) => {
      const subscribeResult = await euroMessageApi.subscribe(token)

      visilabsApi.register(token, (result) => {
        
      })
    }, euroMessageApi)

    addEventListener('registrationError', async (registrationError) => {
      console.log('registrationError is ', registrationError)
    }, euroMessageApi)
  }

  const addExtra = async () => {
    await euroMessageApi.setUserProperty('extra', 1)
  }

  const removeListeners = () => {
    removeEventListener('register')
    removeEventListener('registrationError')
  }

  return (
    <>
      <SafeAreaView>
        {
          loading ?
          <ActivityIndicator 
            size='large'
            animating={loading} /> :
          <ScrollView
            contentInsetAdjustmentBehavior="automatic"
            style={styles.scrollView}>
            <Button 
              title='REQUEST PERMISSONS'
              onPress={() => {
                requestPermissions()
              }} 
            />
          </ScrollView>
        }
      </SafeAreaView>
    </>
  );
};

const styles = StyleSheet.create({
  scrollView: {
    backgroundColor: '#FFF',
    padding: 20
  },
  divider: {
    height: 20
  }
});

export default App;