feat: enhance Firebase messaging module support for v22+

Author: OnestarLee

packages/uikit-react-native/src/platform/createNotificationService.native.ts

@@ -1,27 +1,63 @@
 import type RNFBMessaging from '@react-native-firebase/messaging';
+import type { FirebaseMessagingTypes } from '@react-native-firebase/messaging';
 import { Platform } from 'react-native';
 import type * as Permissions from 'react-native-permissions';
 
 import type { NotificationServiceInterface } from './types';
 
+// Type definitions for Firebase Messaging Module instance
+// This represents the instance returned by messaging() or getMessaging()
+// We use a type alias to handle both v14 and v22+ types
+type MessagingInstance = ReturnType<typeof RNFBMessaging>;
+
+// Type definitions for modular API support (Firebase v22+)
+// The modular API provides standalone functions that accept a messaging instance
+type ModularMessagingType = {
+  getMessaging: () => MessagingInstance;
+  getAPNSToken: (messaging: MessagingInstance) => Promise<string | null>;
+  getToken: (messaging: MessagingInstance) => Promise<string>;
+  hasPermission: (messaging: MessagingInstance) => Promise<FirebaseMessagingTypes.AuthorizationStatus>;
+  requestPermission: (
+    messaging: MessagingInstance,
+    iosPermissions?: FirebaseMessagingTypes.IOSPermissions,
+  ) => Promise<FirebaseMessagingTypes.AuthorizationStatus>;
+  onTokenRefresh: (messaging: MessagingInstance, listener: (token: string) => void) => () => void;
+  AuthorizationStatus: typeof RNFBMessaging.AuthorizationStatus;
+};
+
+// Create a flexible type that can handle both v14 and v22+ Firebase modules
+type FirebaseMessagingModule = typeof RNFBMessaging | ModularMessagingType;
+
+const isModularAPI = (module: FirebaseMessagingModule): module is ModularMessagingType => {
+  return typeof (module as ModularMessagingType).getMessaging === 'function';
+};
+
 const createNativeNotificationService = ({
   messagingModule,
   permissionModule,
 }: {
-  messagingModule: typeof RNFBMessaging;
+  messagingModule: FirebaseMessagingModule;
   permissionModule: typeof Permissions;
 }): NotificationServiceInterface => {
-  const module = messagingModule();
+  const isModular = isModularAPI(messagingModule);
+  const messaging = isModular ? messagingModule.getMessaging() : (messagingModule as typeof RNFBMessaging)();
+
   const authorizedStatus = [
     messagingModule.AuthorizationStatus.AUTHORIZED,
     messagingModule.AuthorizationStatus.PROVISIONAL,
   ];
   return {
     getAPNSToken(): Promise<string | null> {
-      return module.getAPNSToken();
+      if (isModular) {
+        return (messagingModule as ModularMessagingType).getAPNSToken(messaging);
+      }
+      return messaging.getAPNSToken();
     },
     getFCMToken(): Promise<string | null> {
-      return module.getToken();
+      if (isModular) {
+        return (messagingModule as ModularMessagingType).getToken(messaging);
+      }
+      return messaging.getToken();
     },
     async hasPushPermission(): Promise<boolean> {
       if (Platform.OS === 'android') {
@@ -30,7 +66,9 @@ const createNativeNotificationService = ({
       }
 
       if (Platform.OS === 'ios') {
-        const status = await module.hasPermission();
+        const status = isModular
+          ? await (messagingModule as ModularMessagingType).hasPermission(messaging)
+          : await messaging.hasPermission();
         return authorizedStatus.includes(status);
       }
 
@@ -43,14 +81,21 @@ const createNativeNotificationService = ({
       }
 
       if (Platform.OS === 'ios') {
-        const status = await module.requestPermission();
+        const status = isModular
+          ? await (messagingModule as ModularMessagingType).requestPermission(messaging)
+          : await messaging.requestPermission();
         return authorizedStatus.includes(status);
       }
 
       return false;
     },
     onTokenRefresh(handler: (token: string) => void): () => void | undefined {
-      return module.onTokenRefresh((token) => {
+      if (isModular) {
+        return (messagingModule as ModularMessagingType).onTokenRefresh(messaging, (token: string) => {
+          if (Platform.OS === 'android') handler(token);
+        });
+      }
+      return messaging.onTokenRefresh((token: string) => {
         if (Platform.OS === 'android') handler(token);
       });
     },