@inngageregistry/inngage-react 2.3.3 → 3.0.2

package/{ListenToNotifications.js → src/notificationsListener.ts}

@@ -1,13 +1,12 @@
-import { Linking, Alert } from 'react-native'
+import { Linking } from 'react-native'
 import InAppBrowser from 'react-native-inappbrowser-reborn'
 import messaging, { firebase } from '@react-native-firebase/messaging';
-import DeviceInfo from 'react-native-device-info'
-import { showAlert, showAlertLink } from './utils'
-import { notificationApi } from './inngageApi'
+import { showAlert } from './utils'
+import { notificationApi } from './services/inngage'
 import AsyncStorage from '@react-native-async-storage/async-storage';
-import PushNotification from 'react-native-push-notification'
+import PushNotification, { Importance } from 'react-native-push-notification'
 
-export const linkInApp = (link) => {
+export const linkInApp = (link: string) => {
   InAppBrowser.open(link, {
     dismissButtonStyle: 'cancel',
     preferredBarTintColor: 'gray',
@@ -28,7 +27,7 @@ export const linkInApp = (link) => {
   })
 }
 
-const openLinkByType = (type, url) => (type === 'deep' ? Linking.openURL(url) : linkInApp(url))
+const openLinkByType = (type: string, url: string) => (type === 'deep' ? Linking.openURL(url) : linkInApp(url))
 
 export const openCommonNotification = (notificationData) => {
   const { appToken, dev, remoteMessage, enableAlert, state } = notificationData
@@ -47,40 +46,43 @@ export const openCommonNotification = (notificationData) => {
     },
   }
   if (!url) {
-    
+
     return notificationApi(request, dev).then(() => {
-       
-    }).catch(console.log)
+
+    }).catch(console.error)
 
   }
   return Linking.canOpenURL(url).then((supported) => {
     if (supported) {
-     
-        supported && openLinkByType(type, url)
-      
+
+      supported && openLinkByType(type, url)
+
     }
-  }).catch(console.log)
+  }).catch(console.error)
 }
 export const openRichNotification = (notificationData) => {
 }
 
+export interface notificationsListenerProps {
+  appToken: string,
+  dev?: boolean,
+  enableAlert: boolean,
+  onNotificationOpenedApp?: any,
+}
+export default async ({ appToken, dev, enableAlert, onNotificationOpenedApp }: notificationsListenerProps) => {
+  var messageArray: any = [];
 
-
-export default async ({ appToken, dev, enableAlert, onNotificationOpenedApp }) => {
-  var messageArray = [];
-  
-  
   firebase.messaging().setBackgroundMessageHandler(async (remoteMessage) => {
     console.log('Push received: Background')
 
     const request = {
       notificationRequest: {
-        id: remoteMessage.data.notId,
+        id: remoteMessage.data!.notId,
         app_token: appToken,
       },
     }
-    if (remoteMessage != null && remoteMessage.data.additional_data) {
-      let msg = JSON.parse(remoteMessage.data.additional_data)
+    if (remoteMessage != null && remoteMessage.data!.additional_data) {
+      let msg = JSON.parse(remoteMessage.data!.additional_data)
       console.log('first step')
       if (msg.inapp_message == true) {
         console.log('second step')
@@ -96,20 +98,20 @@ export default async ({ appToken, dev, enableAlert, onNotificationOpenedApp }) =
           })
         }, 3000)
       }
-    } else if (remoteMessage != null && !remoteMessage.data.additional_data) {
+    } else if (remoteMessage != null && !remoteMessage.data!.additional_data) {
       setTimeout(() => {
         messaging().getInitialNotification().then(notification => {
-          if (!remoteMessage.data.url) {
-            notificationApi(request, dev)
+          if (!remoteMessage.data!.url) {
+            notificationApi(request, dev) // TODO, responsible for triggering the notification api multiple times
           } else {
             notificationApi(request, dev)
-            Linking.canOpenURL(remoteMessage.data.url).then((supported) => {
+            Linking.canOpenURL(remoteMessage.data!.url).then((supported) => {
               if (supported) {
-               
-                  supported && openLinkByType(remoteMessage.data.type, remoteMessage.data.url)
-                
+
+                supported && openLinkByType(remoteMessage.data!.type, remoteMessage.data!.url)
+
               }
-            }).catch(error => console.log(error))
+            }).catch(error => console.error(error))
           }
         })
       }, 3000)
@@ -121,9 +123,9 @@ export default async ({ appToken, dev, enableAlert, onNotificationOpenedApp }) =
     openCommonNotification({ appToken, dev, remoteMessage, enableAlert, state: 'Background' })
   });
 
-  if(typeof onNotificationOpenedApp == 'function') {
+  if (typeof onNotificationOpenedApp == 'function') {
     const remoteMessage = await messaging().getInitialNotification();
-    onNotificationOpenedApp(remoteMessage);  
+    onNotificationOpenedApp(remoteMessage);
   }
 
   firebase.messaging().onMessage(async (remoteMessage) => {
@@ -131,46 +133,45 @@ export default async ({ appToken, dev, enableAlert, onNotificationOpenedApp }) =
 
     try {
       PushNotification.configure({
-        onNotification: function(notification) {
+        onNotification: function (notification) {
           console.log('LOCAL NOTIFICATION ==>', notification)
 
           openCommonNotification({ appToken, dev, remoteMessage, enableAlert, state: 'foreground' })
-
         },
-         channelId: "high_importance_channel",
-        priority: "high",
         popInitialNotification: true,
         requestPermissions: true
       })
-      
-    } catch (e) { 
-      console.log(e)
 
-    }
-    try{
-     
-      PushNotification.presentLocalNotification({
-        autoCancel: true,
-        bigText:remoteMessage.data.body,
-        title: remoteMessage.data.title,
-        message: '',
-        vibrate: true,
-        vibration: 300,
+      PushNotification.createChannel({
+        channelId: 'high_importance_channel',
+        channelName: 'default',
+        importance: Importance.HIGH,
         playSound: true,
         soundName: 'default',
-        
-      })
-       console.log('LOCAL NOTIFICATION : ')
-       console.log(remoteMessage)
-    }catch(e){
-      onsole.log('LOCAL NOTIFICATION ERROR: ')
-      console.log(e)
-    } 
-
+        vibrate: true
+      }, (created) => console.log(`createChannel returned '${created}'`));
 
+    } catch (e) {
+      console.error(e)
+    }
+    try {
+      PushNotification.localNotification({
+        autoCancel: true,
+        title: remoteMessage.data!.title,
+        message: remoteMessage.data!.body,
+        vibration: 300,
+        channelId: "high_importance_channel"
+      });
+
+      console.log('LOCAL NOTIFICATION : ')
+      console.log(remoteMessage)
+    } catch (e) {
+      console.error('LOCAL NOTIFICATION ERROR: ')
+      console.error(e)
+    }
 
-    if (remoteMessage != null && remoteMessage.data.additional_data) {
-      let msg = JSON.parse(remoteMessage.data.additional_data)
+    if (remoteMessage != null && remoteMessage.data!.additional_data) {
+      let msg = JSON.parse(remoteMessage.data!.additional_data)
       if (msg.inapp_message == true) {
         const currentMessages = await AsyncStorage.getItem('inngage');
         if (currentMessages !== null) {
@@ -179,13 +180,11 @@ export default async ({ appToken, dev, enableAlert, onNotificationOpenedApp }) =
         messageArray.push(remoteMessage);
         await AsyncStorage.setItem('inngage', JSON.stringify(messageArray));
       }
-    } else if (remoteMessage != null && !remoteMessage.data.additional_data) {
-      console.log(remoteMessage.data.title)
+    } else if (remoteMessage != null && !remoteMessage.data!.additional_data) {
+      console.log(remoteMessage.data!.title)
       if (enableAlert) {
-        showAlert(remoteMessage.data.title, remoteMessage.data.body)
+        showAlert(remoteMessage.data!.title, remoteMessage.data!.body)
       }
     }
   });
-
- 
 }

package/src/services/handler.ts

@@ -0,0 +1,42 @@
+const baseUrlHook = {
+  [false as any]: 'https://api.inngage.com.br/v1',
+  [undefined as any]: 'https://api.inngage.com.br/v1',
+  [null as any]: 'https://api.inngage.com.br/v1',
+  [true as any]: 'https://apid.inngage.com.br/v1',
+}
+
+const requestConfigFactory = (method, request) => {
+
+  let header: any = {
+    Accept: 'application/json',
+    'Content-Type': 'application/json',
+  }
+  try{
+    if (request?.registerSubscriberRequest?.authKey) {
+      header = {
+        ...header,
+        Authorization: request.registerSubscriberRequest.authKey
+      }
+    }
+ }catch(e){
+   console.error(e)
+ }
+  let objToSend = {
+    method,
+    body: JSON.stringify(request),
+    headers: header
+  }
+
+  return objToSend
+}
+
+export const fetchClient = (method, requestBody, path, isDev = false): Promise<Response> => {
+  return new Promise((resolve) => {
+    const url = String(baseUrlHook[isDev as any]).concat(path)
+    const request = requestConfigFactory(method, requestBody)
+    console.log(request)
+    fetch(url, request)
+      .then(resolve)
+      .catch(err => console.error('Fetch Error', err))
+  })
+}

package/src/services/inngage.ts

@@ -0,0 +1,17 @@
+import { fetchClient } from './handler'
+
+export const subscriptionApi = (request, dev = false) => {
+  if (dev)
+    console.log('subscriptionApi', request)
+  return fetchClient('POST', request, '/subscription/', !!dev)
+}
+export const notificationApi = (request, dev = false) => {
+  if (dev)
+    console.log('notificationApi', request)
+  return fetchClient('POST', request, '/notification/', !!dev)
+}
+export const eventsApi = (request, dev = false) => {
+  if (dev)
+    console.log('eventsApi', request)
+  return fetchClient('POST', request, '/events/newEvent/', !!dev)
+}

package/src/utils.ts

@@ -0,0 +1,51 @@
+import { Alert } from 'react-native'
+
+export const formatDate = (timestamp) => {
+  if (!timestamp) {
+    return null
+  }
+  return new Date(timestamp).toISOString()
+}
+
+export const showAlert = (title: string, body: string) => {
+  Alert.alert(title, body, [{ text: 'OK', onPress: () => console.log('OK Pressed') }], {
+    cancelable: false,
+  })
+}
+
+export const showAlertLink = (title: string, body: string, appName: string, link: string) => {
+  return new Promise((resolve) => {
+    Alert.alert(
+      title,
+      `${body}\n\n${link}`,
+      [{ text: 'NO', onPress: () => resolve(false) }, { text: 'OK', onPress: () => resolve(true) }],
+      { cancelable: false },
+    )
+  })
+}
+
+export const subscriptionRequestAdapter = (sdkRequest, useCustomData, customData) => {
+  if (useCustomData) {
+    return {
+      registerSubscriberRequest: {
+        ...sdkRequest.registerSubscriberRequest,
+        custom_field: customData
+      }
+    }
+  }
+  return {
+    registerSubscriberRequest: {
+      ...sdkRequest.registerSubscriberRequest
+    }
+  };
+}
+
+export const isEmpty = (obj: any) => {
+  for (var prop in obj) {
+    if (obj.hasOwnProperty(prop)) {
+      return false;
+    }
+  }
+
+  return JSON.stringify(obj) === JSON.stringify({});
+}

package/tsconfig.json

@@ -0,0 +1,24 @@
+{
+  "compilerOptions": {
+    "target": "es5",
+    "module": "es6",
+    "declaration": true,
+    "outDir": "./build",
+    "strict": true,
+    "jsx": "react-native",
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "skipLibCheck": true,
+    "moduleResolution": "node",
+    "noImplicitAny": false,
+    "lib": [ "es2015" ]
+  },
+  "include": [
+    "**/*"
+  ],
+  "exclude": [
+    "node_modules",
+    "**/__tests__/*",
+    "build"
+  ]
+}