test: update apn sample app with 3rd party SDK that handles push

Apps/APN/App.js

@@ -12,6 +12,7 @@
 import { CustomerIoSdkContext } from './src/state/customerIoSdkState';
 import { UserStateContext } from './src/state/userState';
 import { GestureHandlerRootView } from 'react-native-gesture-handler';
+import { CustomerIO } from 'customerio-reactnative';
 
 export default function App() {
   const [loading, setLoading] = useState(true);
@@ -30,7 +31,7 @@
     };
 
     prepare();
-    const inAppEventListener = registerInAppEventListener();
+    const inAppEventListener = registerInAppEventListener();    
 
     // Remove listeners once unmounted
     return () => {
@@ -105,7 +106,7 @@
   }
 
   return (
     <GestureHandlerRootView style={{ flex: 1 }}>
       <CustomerIoSdkContext.Provider value={customerIoSdkState}>
         <UserStateContext.Provider value={userState}>
           <SafeAreaView style={styles.container}>

Apps/APN/ios/AppDelegate.mm

@@ -8,6 +8,7 @@
 #import <UserNotifications/UserNotifications.h>
 #import <RNCPushNotificationIOS.h>
 #import <React/RCTLinkingManager.h>
+#import "RNNotifications.h"
 
 #if RCT_NEW_ARCH_ENABLED
 #import <React/CoreModulesPlugins.h>
@@ -76,7 +77,9 @@ - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(
   self.window.rootViewController = rootViewController;
   [self.window makeKeyAndVisible];
 
-  [pnHandlerObj setupCustomerIOClickHandling:self];
+  [pnHandlerObj setupCustomerIOClickHandling];
+
+  [RNNotifications startMonitorNotifications];
 
   return YES;
 }
@@ -156,35 +159,25 @@ - (void)application:(UIApplication *)application didRegisterForRemoteNotificatio
 {
   // Register device to receive push notifications with device token
   [pnHandlerObj application:application deviceToken:deviceToken];
+
+  [RNNotifications didRegisterForRemoteNotificationsWithDeviceToken:deviceToken];
 }
 
 // Required for the notification event. You must call the completion handler after handling the remote notification.
 - (void)application:(UIApplication *)application didReceiveRemoteNotification:(NSDictionary *)userInfo
 fetchCompletionHandler:(void (^)(UIBackgroundFetchResult))completionHandler
 {
   [RNCPushNotificationIOS didReceiveRemoteNotification:userInfo fetchCompletionHandler:completionHandler];
+
+  [RNNotifications didReceiveBackgroundNotification:userInfo withCompletionHandler:completionHandler];
 }
 
 // Required for the registrationError event.
 - (void)application:(UIApplication *)application didFailToRegisterForRemoteNotificationsWithError:(NSError *)error
 {
   [pnHandlerObj application:application error:error];
-}
 
-// Required for localNotification event
-- (void)userNotificationCenter:(UNUserNotificationCenter *)center
-didReceiveNotificationResponse:(UNNotificationResponse *)response
-         withCompletionHandler:(void (^)(void))completionHandler
-{
-  [pnHandlerObj userNotificationCenter:center didReceiveNotificationResponse:response withCompletionHandler:completionHandler];
-
-  [RNCPushNotificationIOS didReceiveNotificationResponse:response];
-}
-
-//Called when a notification is delivered to a foreground app.
--(void)userNotificationCenter:(UNUserNotificationCenter *)center willPresentNotification:(UNNotification *)notification withCompletionHandler:(void (^)(UNNotificationPresentationOptions options))completionHandler
-{
-  completionHandler(UNNotificationPresentationOptionSound | UNNotificationPresentationOptionList | UNNotificationPresentationOptionBanner | UNNotificationPresentationOptionBadge);
+  [RNNotifications didFailToRegisterForRemoteNotificationsWithError:error];
 }
 
 // Deep linking

Apps/APN/ios/MyAppPushNotificationsHandler.swift

@@ -1,25 +1,22 @@
 import Foundation
 import CioMessagingPushAPN
-import UserNotifications
 import CioTracking
 
 @objc
 public class MyAppPushNotificationsHandler : NSObject {
 
   public override init() {}
 
-  @objc(setupCustomerIOClickHandling:)
-  public func setupCustomerIOClickHandling(withNotificationDelegate notificationDelegate: UNUserNotificationCenterDelegate) {
+  @objc(setupCustomerIOClickHandling)
+  public func setupCustomerIOClickHandling() {
     // This line of code is required in order for the Customer.io SDK to handle push notification click events.
     // We are working on removing this requirement in a future release.
     // Remember to modify the siteId and apiKey with your own values.
     CustomerIO.initialize(siteId: Env.siteId, apiKey: Env.apiKey, region: .US) { config in
       config.autoTrackDeviceAttributes = true
       config.logLevel = .debug
     }
-
-    let center  = UNUserNotificationCenter.current()
-    center.delegate = notificationDelegate
+    MessagingPushAPN.initialize(configOptions: nil)
   }
 
   @objc(application:deviceToken:)
@@ -31,16 +28,4 @@ public class MyAppPushNotificationsHandler : NSObject {
   public func application(_ application: UIApplication, didFailToRegisterForRemoteNotificationsWithError error: Error) {
     MessagingPush.shared.application(application, didFailToRegisterForRemoteNotificationsWithError: error)
   }
-
-  @objc(userNotificationCenter:didReceiveNotificationResponse:withCompletionHandler:)
-  public func userNotificationCenter(_ center: UNUserNotificationCenter, didReceive response: UNNotificationResponse, withCompletionHandler completionHandler: @escaping () -> Void) {
-    let handled = MessagingPush.shared.userNotificationCenter(center, didReceive: response,
-  withCompletionHandler: completionHandler)
-
-    // If the Customer.io SDK does not handle the push, it's up to you to handle it and call the
-    // completion handler. If the SDK did handle it, it called the completion handler for you.
-    if !handled {
-      completionHandler()
-    }
-  }
 }

Apps/APN/ios/Podfile

@@ -18,7 +18,7 @@ target 'SampleApp' do
   flags = get_default_flags()
 
   pod 'customerio-reactnative/apn', :path => '../node_modules/customerio-reactnative'
-  # install_non_production_ios_sdk_local_path(local_path: '~/code/customerio-ios/', is_app_extension: false, push_service: "apn")
+  install_non_production_ios_sdk_local_path(local_path: '~/code/customerio-ios/', is_app_extension: false, push_service: "apn")
   # install_non_production_ios_sdk_git_branch(branch_name: 'main', is_app_extension: false, push_service: "apn")
 
   use_react_native!(
@@ -49,6 +49,6 @@ end
 
 target 'NotificationServiceExtension' do
   pod 'customerio-reactnative-richpush/apn', :path => '../node_modules/customerio-reactnative'
-  # install_non_production_ios_sdk_local_path(local_path: '~/code/customerio-ios/', is_app_extension: true, push_service: "apn")
+  install_non_production_ios_sdk_local_path(local_path: '~/code/customerio-ios/', is_app_extension: true, push_service: "apn")
   # install_non_production_ios_sdk_git_branch(branch_name: 'main', is_app_extension: true, push_service: "apn")
 end

Apps/APN/ios/Podfile.lock

@@ -2,38 +2,38 @@ PODS:
   - boost (1.76.0)
   - customerio-reactnative (3.2.0):
     - customerio-reactnative/nopush (= 3.2.0)
-    - CustomerIO/MessagingInApp (= 2.8.4)
-    - CustomerIO/Tracking (= 2.8.4)
+    - CustomerIO/MessagingInApp (= 2.8.5)
+    - CustomerIO/Tracking (= 2.8.5)
     - React-Core
   - customerio-reactnative-richpush/apn (3.2.0):
-    - CustomerIO/MessagingPushAPN (= 2.8.4)
+    - CustomerIO/MessagingPushAPN (= 2.8.5)
   - customerio-reactnative/apn (3.2.0):
-    - CustomerIO/MessagingInApp (= 2.8.4)
-    - CustomerIO/MessagingPushAPN (= 2.8.4)
-    - CustomerIO/Tracking (= 2.8.4)
+    - CustomerIO/MessagingInApp (= 2.8.5)
+    - CustomerIO/MessagingPushAPN (= 2.8.5)
+    - CustomerIO/Tracking (= 2.8.5)
     - React-Core
   - customerio-reactnative/nopush (3.2.0):
-    - CustomerIO/MessagingInApp (= 2.8.4)
-    - CustomerIO/MessagingPush (= 2.8.4)
-    - CustomerIO/Tracking (= 2.8.4)
+    - CustomerIO/MessagingInApp (= 2.8.5)
+    - CustomerIO/MessagingPush (= 2.8.5)
+    - CustomerIO/Tracking (= 2.8.5)
     - React-Core
-  - CustomerIO/MessagingInApp (2.8.4):
-    - CustomerIOMessagingInApp (= 2.8.4)
-  - CustomerIO/MessagingPush (2.8.4):
-    - CustomerIOMessagingPush (= 2.8.4)
-  - CustomerIO/MessagingPushAPN (2.8.4):
-    - CustomerIOMessagingPushAPN (= 2.8.4)
-  - CustomerIO/Tracking (2.8.4):
-    - CustomerIOTracking (= 2.8.4)
-  - CustomerIOCommon (2.8.4)
-  - CustomerIOMessagingInApp (2.8.4):
-    - CustomerIOTracking (= 2.8.4)
-  - CustomerIOMessagingPush (2.8.4):
-    - CustomerIOTracking (= 2.8.4)
-  - CustomerIOMessagingPushAPN (2.8.4):
-    - CustomerIOMessagingPush (= 2.8.4)
-  - CustomerIOTracking (2.8.4):
-    - CustomerIOCommon (= 2.8.4)
+  - CustomerIO/MessagingInApp (2.8.5):
+    - CustomerIOMessagingInApp (= 2.8.5)
+  - CustomerIO/MessagingPush (2.8.5):
+    - CustomerIOMessagingPush (= 2.8.5)
+  - CustomerIO/MessagingPushAPN (2.8.5):
+    - CustomerIOMessagingPushAPN (= 2.8.5)
+  - CustomerIO/Tracking (2.8.5):
+    - CustomerIOTracking (= 2.8.5)
+  - CustomerIOCommon (2.8.5)
+  - CustomerIOMessagingInApp (2.8.5):
+    - CustomerIOTracking (= 2.8.5)
+  - CustomerIOMessagingPush (2.8.5):
+    - CustomerIOTracking (= 2.8.5)
+  - CustomerIOMessagingPushAPN (2.8.5):
+    - CustomerIOMessagingPush (= 2.8.5)
+  - CustomerIOTracking (2.8.5):
+    - CustomerIOCommon (= 2.8.5)
   - DoubleConversion (1.1.6)
   - FBLazyVector (0.72.4)
   - FBReactNativeSpec (0.72.4):
@@ -349,6 +349,8 @@ PODS:
   - React-jsinspector (0.72.4)
   - React-logger (0.72.4):
     - glog
+  - react-native-notifications (5.1.0):
+    - React-Core
   - react-native-safe-area-context (4.7.1):
     - React-Core
   - React-NativeModulesApple (0.72.4):
@@ -532,6 +534,7 @@ DEPENDENCIES:
   - React-jsiexecutor (from `../node_modules/react-native/ReactCommon/jsiexecutor`)
   - React-jsinspector (from `../node_modules/react-native/ReactCommon/jsinspector`)
   - React-logger (from `../node_modules/react-native/ReactCommon/logger`)
+  - react-native-notifications (from `../node_modules/react-native-notifications`)
   - react-native-safe-area-context (from `../node_modules/react-native-safe-area-context`)
   - React-NativeModulesApple (from `../node_modules/react-native/ReactCommon/react/nativemodule/core/platform/ios`)
   - React-perflogger (from `../node_modules/react-native/ReactCommon/reactperflogger`)
@@ -620,6 +623,8 @@ EXTERNAL SOURCES:
     :path: "../node_modules/react-native/ReactCommon/jsinspector"
   React-logger:
     :path: "../node_modules/react-native/ReactCommon/logger"
+  react-native-notifications:
+    :path: "../node_modules/react-native-notifications"
   react-native-safe-area-context:
     :path: "../node_modules/react-native-safe-area-context"
   React-NativeModulesApple:
@@ -677,14 +682,14 @@ EXTERNAL SOURCES:
 
 SPEC CHECKSUMS:
   boost: 57d2868c099736d80fcd648bf211b4431e51a558
-  CustomerIO: 4a04f63c9951bced3f2160397e811451cba0de36
-  customerio-reactnative: 57a15506e537c89802847b819442ab4426de68eb
-  customerio-reactnative-richpush: 3866204a12a94ce8eaa6630ab39f069dea970b36
-  CustomerIOCommon: 65752b4280cd24edf8091eba59cae04347999fe1
-  CustomerIOMessagingInApp: ce4944ec4c9d1dd0d30ea7a0c6aee7137609d7e3
-  CustomerIOMessagingPush: 6a21e2bd5bb4a6b483671e7703dc011a4deb8178
-  CustomerIOMessagingPushAPN: 93e371ee9e5208497320bec6325e715db0a8b3ab
-  CustomerIOTracking: 5eab210defdf8950e0708713f7d95b35b779e056
+  CustomerIO: c77cdb5e9746a0fffa0c1dc4fcd9d099909a4959
+  customerio-reactnative: f708dbb24c377d3497652c4dedd438e83c67f832
+  customerio-reactnative-richpush: a27490b92747ccf45b70e62a63747aa696d420b6
+  CustomerIOCommon: 57d842ef82f1acee1c2108055fc7061bfdd71fc0
+  CustomerIOMessagingInApp: 52a7b20a8bb24706d0035835cf7a00381d9771bd
+  CustomerIOMessagingPush: 7715a657c64a3a7bff402fab94474edf7edd24eb
+  CustomerIOMessagingPushAPN: 82b7ed41eecfadb6919f447e5c9b1546c3a68ed5
+  CustomerIOTracking: 67e62dc3643ee1cf1f719f85290351549a18e56e
   DoubleConversion: 5189b271737e1565bdce30deb4a08d647e3f5f54
   FBLazyVector: 5d4a3b7f411219a45a6d952f77d2c0a6c9989da5
   FBReactNativeSpec: 3fc2d478e1c4b08276f9dd9128f80ec6d5d85c1f
@@ -707,6 +712,7 @@ SPEC CHECKSUMS:
   React-jsiexecutor: c7f826e40fa9cab5d37cab6130b1af237332b594
   React-jsinspector: aaed4cf551c4a1c98092436518c2d267b13a673f
   React-logger: da1ebe05ae06eb6db4b162202faeafac4b435e77
+  react-native-notifications: 4601a5a8db4ced6ae7cfc43b44d35fe437ac50c4
   react-native-safe-area-context: 9697629f7b2cda43cf52169bb7e0767d330648c2
   React-NativeModulesApple: edb5ace14f73f4969df6e7b1f3e41bef0012740f
   React-perflogger: 496a1a3dc6737f964107cb3ddae7f9e265ddda58
@@ -738,4 +744,4 @@ SPEC CHECKSUMS:
 
 PODFILE CHECKSUM: dd15e298a538ff617275f2a8acfe9f2e3d78fbbf
 
-COCOAPODS: 1.12.1
+COCOAPODS: 1.14.3

Apps/APN/package.json

@@ -29,6 +29,7 @@
     "react-native": "0.72.4",
     "react-native-device-info": "^10.7.0",
     "react-native-gesture-handler": "^2.12.1",
+    "react-native-notifications": "^5.1.0",
     "react-native-reanimated": "3.2.0",
     "react-native-safe-area-context": "^4.2.5",
     "react-native-screens": "~3.24.0",

Apps/APN/src/screens/Dashboard.js

@@ -23,6 +23,8 @@
 import { generateRandomNumber } from '../utils/helpers';
 import { navigateToScreen } from '../utils/navigation';
 import Prompts from '../utils/prompts';
+import {Notifications} from 'react-native-notifications';
+import { CustomerIO } from 'customerio-reactnative';
 
 const pushPermissionAlertTitle = 'Push Permission';
 
@@ -138,6 +140,14 @@
         handlePushPermissionCheck();
         break;
 
+      case ActionItem.SHOW_LOCAL_PUSH:
+        console.log('Sending local push');
+        let localNotification = Notifications.postLocalNotification({
+          body: "Try clicking on me. The SDK that sent this should also be able to handle it.",
+          title: "Local push not sent by Customer.io"          
+        });
+        break; 
+
       case ActionItem.SIGN_OUT:
         onUserStateChanged(null);
         break;
@@ -150,6 +160,25 @@
     }
   };
 
+  // Setup react-native-notifications
+  Notifications.registerRemoteNotifications();
+
+  Notifications.events().registerNotificationReceivedForeground((notification: Notification, completion) => {
+    console.log(`Non-Customer.io notification received in foreground: ${notification.title} : ${notification.body}`);
+
+    completion({alert: true, sound: true, badge: true});
+  });
+
+  Notifications.events().registerNotificationOpened((notification: Notification, completion) => {
+    console.log(`Non-Customer.io notification opened: ${notification.payload}`);
+
+    CustomerIO.track("push clicked", {"push": notification.payload})
+
+    completion();
+  });
+
+  console.log('Setup react-native-notifications');
+
   return (
     <View style={styles.container}>
       <View style={styles.topBar}>
@@ -218,6 +247,11 @@
     contentDesc: 'Show Push Prompt Button',
     targetScreen: null,
   },
+  SHOW_LOCAL_PUSH: {
+    text: 'Show Local Push',
+    contentDesc: 'Show Local Push Button',
+    targetScreen: null,
+  },
   SIGN_OUT: {
     text: 'Log Out',
     contentDesc: 'Log Out Button',