chore: one signal config app

hmarques98 · hmarques98 · commit 6010685154b1 · 2021-05-23T10:24:40.000-03:00
diff --git a/template/.env b/template/.env
@@ -1,3 +1,5 @@
 ENV=dev
 SENTRY_DSN=
-BASE_URL=https://swapi.dev/api/
+BASE_URL=https://swapi.dev/api/
+ONESIGNAL_IOS_KEY=
+ONESIGNAL_ANDROID_KEY=
diff --git a/template/App.tsx b/template/App.tsx
@@ -5,11 +5,12 @@ import 'localization';
 import Router from 'navigation/Router';
 import { enableScreens } from 'react-native-screens';
 import { FileLogger } from 'react-native-file-logger';
-import { SENTRY_DSN, ENV } from '@env';
+import { SENTRY_DSN, ENV, ONESIGNAL_ANDROID_KEY } from '@env';
 import * as Sentry from '@sentry/react-native';
 import codePush, { CodePushOptions } from 'react-native-code-push';
 import useNetworkError from 'hooks/useNetworkError';
 import useStartupTime from 'hooks/useStartupTime';
+import useOneSignal from 'hooks/useOneSignal';
 import useAppState from 'react-native-appstate-hook';
 import { Provider } from 'react-redux';
 import store from './src/store';
@@ -21,7 +22,7 @@ FileLogger.configure({
   maximumNumberOfFiles: 3,
 });
 
-log({ ENV, SENTRY_DSN });
+log({ ENV, SENTRY_DSN, ONESIGNAL_ANDROID_KEY });
 
 if (typeof SENTRY_DSN === 'string' && SENTRY_DSN.length > 0) {
   Sentry.init({
@@ -32,7 +33,7 @@ const queryClient = new QueryClient();
 
 const App = () => {
   useNavigationMounting();
-
+  useOneSignal();
   useStartupTime();
 
   useNetworkError();
diff --git a/template/android/app/build.gradle b/template/android/app/build.gradle
@@ -1,3 +1,14 @@
+buildscript {
+    repositories {
+        gradlePluginPortal()
+    }
+    dependencies {
+        classpath 'gradle.plugin.com.onesignal:onesignal-gradle-plugin:[0.12.10, 0.99.99]'
+    }
+}
+
+apply plugin: 'com.onesignal.androidsdk.onesignal-gradle-plugin'
+// apply plugin: 'com.google.gms.google-services'
 apply plugin: "com.android.application"
 apply from: "../../node_modules/react-native-vector-icons/fonts.gradle"
 
@@ -210,7 +221,7 @@ dependencies {
     implementation "androidx.swiperefreshlayout:swiperefreshlayout:1.0.0"
 
     implementation 'com.google.firebase:firebase-core:16.0.0'
-
+    // implementation platform('com.google.firebase:firebase-bom:28.0.1')
     implementation 'androidx.multidex:multidex:2.0.1'
     compile project(':react-native-vector-icons')
 
diff --git a/template/android/app/src/main/AndroidManifest.xml b/template/android/app/src/main/AndroidManifest.xml
@@ -13,6 +13,17 @@
       android:networkSecurityConfig="@xml/network_security_config"
       android:largeHeap="true"
       >
+      <meta-data android:name="com.onesignal.NotificationAccentColor.DEFAULT" android:value="FF00FF00" />
+
+      <meta-data
+        android:name="com.google.firebase.messaging.default_notification_icon"
+        android:resource="@drawable/ic_stat_onesignal_default" />
+      <!-- Set color used with incoming notification messages. This is used when no color is set for the incoming
+            notification message. See README(https://goo.gl/6BKBk7) for more. -->
+    <meta-data
+        android:name="com.google.firebase.messaging.default_notification_color"
+        android:resource="@color/colorAccent" />
+
       <activity
         android:name=".MainActivity"
         android:label="@string/app_name"
diff --git a/template/android/app/src/main/res/drawable-hdpi/ic_stat_onesignal_default.png b/template/android/app/src/main/res/drawable-hdpi/ic_stat_onesignal_default.png
diff --git a/template/android/app/src/main/res/drawable-mdpi/ic_stat_onesignal_default.png b/template/android/app/src/main/res/drawable-mdpi/ic_stat_onesignal_default.png
diff --git a/template/android/app/src/main/res/drawable-xhdpi/ic_stat_onesignal_default.png b/template/android/app/src/main/res/drawable-xhdpi/ic_stat_onesignal_default.png
diff --git a/template/android/app/src/main/res/drawable-xxhdpi/ic_stat_onesignal_default.png b/template/android/app/src/main/res/drawable-xxhdpi/ic_stat_onesignal_default.png
diff --git a/template/android/app/src/main/res/drawable-xxxhdpi/ic_stat_onesignal_default.png b/template/android/app/src/main/res/drawable-xxxhdpi/ic_stat_onesignal_default.png
diff --git a/template/android/app/src/main/res/values/colors.xml b/template/android/app/src/main/res/values/colors.xml
@@ -1,3 +1,4 @@
 <resources>
     <color name="bootsplash_background">#FFFFFF</color>
+    <color name="colorAccent">#C60C30</color>
 </resources>
diff --git a/template/index.d.ts b/template/index.d.ts
@@ -7,4 +7,6 @@ declare module '@env' {
   export const SENTRY_DSN: string;
 
   export const BASE_URL: string;
+  export const ONESIGNAL_IOS_KEY: string;
+  export const ONESIGNAL_ANDROID_KEY: string;
 }
diff --git a/template/ios/HelloWorld.xcodeproj/project.pbxproj b/template/ios/HelloWorld.xcodeproj/project.pbxproj
diff --git a/template/ios/HelloWorld/Info.plist b/template/ios/HelloWorld/Info.plist
@@ -35,6 +35,8 @@
 			</dict>
 		</dict>
 	</dict>
+	<key>NSLocationWhenInUseUsageDescription</key>
+	<string></string>
 	<key>UIAppFonts</key>
 	<array>
 		<string>AntDesign.ttf</string>
@@ -70,8 +72,10 @@
 		<string>RobotoMono-Thin.ttf</string>
 		<string>RobotoMono-ThinItalic.ttf</string>
 	</array>
-	<key>NSLocationWhenInUseUsageDescription</key>
-	<string/>
+	<key>UIBackgroundModes</key>
+	<array>
+		<string>remote-notification</string>
+	</array>
 	<key>UILaunchStoryboardName</key>
 	<string>BootSplash</string>
 	<key>UIRequiredDeviceCapabilities</key>
diff --git a/template/ios/OneSignalNotificationServiceExtension/NotificationService.swift b/template/ios/OneSignalNotificationServiceExtension/NotificationService.swift
@@ -1,25 +1,20 @@
-//
-//  NotificationService.swift
-//  OneSignalNotificationServiceExtension
-//
-//  Created by Henrique Marques on 23/05/21.
-//
-
 import UserNotifications
 
-class NotificationService: UNNotificationServiceExtension {
+import OneSignal
 
+class NotificationService: UNNotificationServiceExtension {
+    
     var contentHandler: ((UNNotificationContent) -> Void)?
+    var receivedRequest: UNNotificationRequest!
     var bestAttemptContent: UNMutableNotificationContent?
-
+    
     override func didReceive(_ request: UNNotificationRequest, withContentHandler contentHandler: @escaping (UNNotificationContent) -> Void) {
+        self.receivedRequest = request;
         self.contentHandler = contentHandler
         bestAttemptContent = (request.content.mutableCopy() as? UNMutableNotificationContent)
         
         if let bestAttemptContent = bestAttemptContent {
-            // Modify the notification content here...
-            bestAttemptContent.title = "\(bestAttemptContent.title) [modified]"
-            
+            OneSignal.didReceiveNotificationExtensionRequest(self.receivedRequest, with: self.bestAttemptContent)
             contentHandler(bestAttemptContent)
         }
     }
@@ -28,8 +23,9 @@ class NotificationService: UNNotificationServiceExtension {
         // Called just before the extension will be terminated by the system.
         // Use this as an opportunity to deliver your "best attempt" at modified content, otherwise the original push payload will be used.
         if let contentHandler = contentHandler, let bestAttemptContent =  bestAttemptContent {
+            OneSignal.serviceExtensionTimeWillExpireRequest(self.receivedRequest, with: self.bestAttemptContent)
             contentHandler(bestAttemptContent)
         }
     }
-
+    
 }
diff --git a/template/ios/Podfile b/template/ios/Podfile
@@ -24,6 +24,10 @@ target 'HelloWorld' do
     # Pods for testing
   end
 
+  target 'OneSignalNotificationServiceExtension' do
+    pod 'OneSignal', '>= 3.0', '< 4.0'
+  end
+
   # Enables Flipper.
   #
   # Note that if you have use_frameworks! enabled, Flipper will not work and
diff --git a/template/package.json b/template/package.json
@@ -4,7 +4,11 @@
   "private": true,
   "scripts": {
     "android": "react-native run-android",
+    "run-android:stagingRelease": "ENVFILE=.env.staging react-native run-android --variant=release",
+    "run-android:productionRelease": "ENVFILE=.env.prod react-native run-android --variant=release",
     "ios": "react-native run-ios",
+    "run-ios:stagingRelease": "react-native run-ios --scheme STAGING --configuration Release",
+    "run-ios:productionRelease": "react-native run-ios --scheme PRODUCTION --configuration Release",
     "start": "react-native start --reset-cache",
     "test": "./jest.sh",
     "bundle": "react-native-bundle-visualizer",
@@ -14,17 +18,6 @@
     "detox:android": "./detox.sh android",
     "lint": "eslint . --ext .js,.jsx,.ts,.tsx",
     "generate": "plop",
-    "run-android:stagingRelease": "ENVFILE=.env.staging react-native run-android --variant=release",
-    "run-android:productionRelease": "ENVFILE=.env.prod react-native run-android --variant=release",
-    "run-ios:stagingRelease": "react-native run-ios --scheme STAGING --configuration Release",
-    "run-ios:productionRelease": "react-native run-ios --scheme PRODUCTION --configuration Release",
-    "detox-build:androidRelease": "detox build -c android.emu.release",
-    "detox-test:androidRelease": "detox test -c android.emu.release",
-    "detox-build:iosRelease": "detox build -c ios.sim.release",
-    "detox-test:iosRelease": "detox test -c ios.sim.release",
-    "bump-patch": "npm version patch --no-git-tag-version && bundle exec fastlane bump_badge",
-    "bump-minor": "npm version minor --no-git-tag-version && bundle exec fastlane bump_badge",
-    "bump-major": "npm version major --no-git-tag-version && bundle exec fastlane bump_badge",
     "validate-typescript": "tsc --noEmit",
     "uninstall-android": "adb uninstall com.helloworld",
     "clear-android": "adb shell pm clear com.helloworld",
@@ -55,6 +48,7 @@
     "react-native-flipper": "^0.90.2",
     "react-native-gesture-handler": "^1.10.3",
     "react-native-keychain": "^6.2.0",
+    "react-native-onesignal": "^4.1.0",
     "react-native-paper": "^4.8.1",
     "react-native-permissions": "^3.0.1",
     "react-native-reanimated": "^2.1.0",
@@ -65,7 +59,7 @@
     "react-native-svg-transformer": "^0.14.3",
     "react-native-user-avatar": "^1.0.7",
     "react-native-vector-icons": "^8.1.0",
-    "react-native-webview": "^11.0.2",
+    "react-native-webview": "11.4.1",
     "react-query": "^3.12.0",
     "react-redux": "^7.2.4",
     "redux-flipper": "^1.4.2",
@@ -107,6 +101,7 @@
     "jest-extended": "^0.11.5",
     "lint-staged": "^10.5.3",
     "metro-react-native-babel-preset": "^0.64.0",
+    "miragejs": "^0.1.41",
     "patch-package": "^6.4.4",
     "plop": "^2.7.4",
     "postinstall-postinstall": "^2.1.0",
diff --git a/template/src/hooks/useOneSignal.ts b/template/src/hooks/useOneSignal.ts
@@ -0,0 +1,63 @@
+import React, { useCallback, useEffect, useState } from 'react';
+import { ONESIGNAL_IOS_KEY, ONESIGNAL_ANDROID_KEY } from '@env';
+
+import OneSignal from 'react-native-onesignal';
+import { IS_IOS } from '@utils/constants';
+import { DeviceState } from 'react-native-onesignal';
+
+interface SubscribeFields {
+  isSubscribed: boolean;
+}
+
+export interface Props {
+  subscribeFields: SubscribeFields;
+  loggingFunction: Function;
+  inputFieldValue: string;
+}
+
+export interface State {
+  isSubscribed: boolean;
+  unSubscribedWhenNotificationDisabled: boolean;
+  isLocationShared: boolean;
+  provideUserConsent: boolean;
+  requireUserConsent: boolean;
+  pauseIAM: boolean;
+  state: any;
+}
+
+const onesignalId = IS_IOS ? ONESIGNAL_IOS_KEY : ONESIGNAL_ANDROID_KEY;
+
+const useOneSignal = () => {
+  const [userDeviceState, setUserDeviceState] = useState<DeviceState>(
+    {} as DeviceState,
+  );
+
+  useEffect(() => {
+    OneSignal.setLogLevel(6, 0);
+
+    OneSignal.setAppId(onesignalId);
+
+    OneSignal.promptForPushNotificationsWithUserResponse((response) => {
+      console.log('Prompt response:', response);
+    });
+
+    getDeviceState();
+    handlerOpenedNotification();
+  }, []);
+
+  const handlerOpenedNotification = () => {
+    OneSignal.setNotificationOpenedHandler((notification) => {
+      console.log('OneSignal: notification opened:', notification);
+    });
+  };
+
+  const getDeviceState = useCallback(async () => {
+    const deviceState = await OneSignal.getDeviceState();
+
+    setUserDeviceState(deviceState);
+  }, []);
+
+  return { userDeviceState };
+};
+
+export default useOneSignal;
diff --git a/template/src/store/index.ts b/template/src/store/index.ts
@@ -6,16 +6,20 @@ import { ENV } from '@env';
 
 export type RootState = ReturnType<typeof store.getState>;
 log({ ENV });
+
 const middlewares: any[] = [];
+
 const dev = ENV === 'dev';
+
 if (dev) {
   const createDebugger = require('redux-flipper').default;
   middlewares.push(createDebugger());
 }
 const store = configureStore({
   reducer: rootReducer,
   devTools: dev,
-  middleware: (getDefaultMiddleware) => getDefaultMiddleware().concat(middlewares),
+  middleware: (getDefaultMiddleware) =>
+    getDefaultMiddleware().concat(middlewares),
 });
 
 export type AppDispatch = typeof store.dispatch;
