feat(firebase): update Firebase Analytics integration (#1075)

  Replace deprecated namespaced API (firebaseAnalytics().logEvent()) with
  the v22 modular API (getAnalytics/logEvent). The namespaced API is
  deprecated and breaks when strict mode is enabled.

  - Create shared firebaseAnalytics.ts module for centralized instance
  - Update track, screen, reset, and identify methods
  - Bump peer deps to @react-native-firebase/analytics >=22.2.0
  - Update all test mocks for modular API imports

  BREAKING CHANGE: requires @react-native-firebase/analytics >=22.2.0
  and @react-native-firebase/app >=22.2.0

Author: CoryWritesCode

packages/plugins/plugin-firebase/package.json

@@ -44,13 +44,13 @@
   },
   "homepage": "https://github.com/segmentio/analytics-react-native/tree/master/packages/plugins/plugin-firebase#readme",
   "peerDependencies": {
-    "@react-native-firebase/analytics": ">=18.4.0",
-    "@react-native-firebase/app": ">=18.4.0",
+    "@react-native-firebase/analytics": ">=22.2.0",
+    "@react-native-firebase/app": ">=22.2.0",
     "@segment/analytics-react-native": "^2.18.0"
   },
   "devDependencies": {
-    "@react-native-firebase/analytics": "^18.4.0",
-    "@react-native-firebase/app": "^18.4.0",
+    "@react-native-firebase/analytics": "^22.2.0",
+    "@react-native-firebase/app": "^22.2.0",
     "@segment/analytics-react-native": "^2.18.0",
     "@segment/analytics-rn-shared": "workspace:^",
     "@segment/sovran-react-native": "^1.1.0",

packages/plugins/plugin-firebase/src/FirebasePlugin.tsx

@@ -10,14 +10,14 @@ import {
 import screen from './methods/screen';
 import track from './methods/track';
 import reset from './methods/reset';
-import firebaseAnalytics from '@react-native-firebase/analytics';
+import { firebaseAnalytics } from './firebaseAnalytics';
 export class FirebasePlugin extends DestinationPlugin {
   type = PluginType.destination;
   key = 'Firebase';
 
   async identify(event: IdentifyEventType) {
     if (event.userId !== undefined) {
-      await firebaseAnalytics().setUserId(event.userId);
+      await firebaseAnalytics.setUserId(event.userId);
     }
     if (event.traits) {
       const eventTraits = event.traits;
@@ -45,7 +45,7 @@ export class FirebasePlugin extends DestinationPlugin {
         {}
       );
 
-      await firebaseAnalytics().setUserProperties(safeTraits);
+      await firebaseAnalytics.setUserProperties(safeTraits);
     }
     return event;
   }

packages/plugins/plugin-firebase/src/firebaseAnalytics.ts

@@ -0,0 +1,4 @@
+import { getAnalytics } from '@react-native-firebase/analytics';
+import { getApp } from '@react-native-firebase/app';
+
+export const firebaseAnalytics = getAnalytics(getApp());

packages/plugins/plugin-firebase/src/methods/___tests__/identify.test.ts

@@ -1,14 +1,20 @@
-import type { IdentifyEventType } from '@segment/analytics-react-native';
-import { FirebasePlugin } from '../../FirebasePlugin';
-
 const mockSetUserId = jest.fn();
 const mockSetUserProperties = jest.fn();
 
-jest.mock('@react-native-firebase/analytics', () => () => ({
-  setUserId: mockSetUserId,
-  setUserProperties: mockSetUserProperties,
+jest.mock('@react-native-firebase/analytics', () => ({
+  getAnalytics: jest.fn().mockImplementation(() => ({
+    setUserId: mockSetUserId,
+    setUserProperties: mockSetUserProperties,
+  })),
+  isString: (a: unknown) => typeof a === 'string',
+}));
+jest.mock('@react-native-firebase/app', () => ({
+  getApp: jest.fn(),
 }));
 
+import type { IdentifyEventType } from '@segment/analytics-react-native';
+import { FirebasePlugin } from '../../FirebasePlugin';
+
 describe('#identify', () => {
   beforeEach(() => {
     jest.clearAllMocks();

packages/plugins/plugin-firebase/src/methods/___tests__/reset.test.ts

@@ -1,11 +1,17 @@
-import reset from '../reset';
-
 const mockReset = jest.fn();
 
-jest.mock('@react-native-firebase/analytics', () => () => ({
-  resetAnalyticsData: mockReset,
+jest.mock('@react-native-firebase/analytics', () => ({
+  getAnalytics: jest.fn().mockImplementation(() => ({
+    resetAnalyticsData: mockReset,
+  })),
+}));
+
+jest.mock('@react-native-firebase/app', () => ({
+  getApp: jest.fn(),
 }));
 
+import reset from '../reset';
+
 describe('#reset', () => {
   beforeEach(() => {
     jest.clearAllMocks();

packages/plugins/plugin-firebase/src/methods/___tests__/screen.test.ts

@@ -1,12 +1,18 @@
-import type { ScreenEventType } from '@segment/analytics-react-native';
-import screen from '../screen';
-
 const mockScreen = jest.fn();
 
-jest.mock('@react-native-firebase/analytics', () => () => ({
-  logScreenView: mockScreen,
+jest.mock('@react-native-firebase/analytics', () => ({
+  getAnalytics: jest.fn().mockImplementation(() => ({
+    logScreenView: mockScreen,
+  })),
+}));
+
+jest.mock('@react-native-firebase/app', () => ({
+  getApp: jest.fn(),
 }));
 
+import type { ScreenEventType } from '@segment/analytics-react-native';
+import screen from '../screen';
+
 describe('#screen', () => {
   beforeEach(() => {
     jest.clearAllMocks();

packages/plugins/plugin-firebase/src/methods/___tests__/track.test.ts

@@ -1,13 +1,18 @@
-import { EventType, TrackEventType } from '@segment/analytics-react-native';
-import track from '../track';
-
-jest.mock('uuid');
-
 const mockLogEvent = jest.fn();
 
-jest.mock('@react-native-firebase/analytics', () => () => ({
-  logEvent: mockLogEvent,
+jest.mock('@react-native-firebase/analytics', () => ({
+  getAnalytics: jest.fn().mockImplementation(() => ({
+    logEvent: mockLogEvent,
+  })),
+  isString: (a: unknown) => typeof a === 'string',
 }));
+jest.mock('@react-native-firebase/app', () => ({
+  getApp: jest.fn(),
+}));
+jest.mock('uuid');
+
+import { EventType, TrackEventType } from '@segment/analytics-react-native';
+import track from '../track';
 
 describe('#track', () => {
   beforeEach(() => {

packages/plugins/plugin-firebase/src/methods/reset.ts

@@ -1,5 +1,5 @@
-import firebaseAnalytics from '@react-native-firebase/analytics';
+import { firebaseAnalytics } from '../firebaseAnalytics';
 
 export default async () => {
-  await firebaseAnalytics().resetAnalyticsData();
+  await firebaseAnalytics.resetAnalyticsData();
 };

packages/plugins/plugin-firebase/src/methods/screen.ts

@@ -1,5 +1,5 @@
-import firebaseAnalytics from '@react-native-firebase/analytics';
 import type { ScreenEventType } from '@segment/analytics-react-native';
+import { firebaseAnalytics } from '../firebaseAnalytics';
 
 export default async (event: ScreenEventType) => {
   const screenProps = {
@@ -8,5 +8,5 @@ export default async (event: ScreenEventType) => {
     ...event.properties,
   };
 
-  await firebaseAnalytics().logScreenView(screenProps);
+  await firebaseAnalytics.logScreenView(screenProps);
 };

packages/plugins/plugin-firebase/src/methods/track.ts

@@ -1,8 +1,8 @@
-import firebaseAnalytics from '@react-native-firebase/analytics';
 import {
+  type TrackEventType,
   generateMapTransform,
-  TrackEventType,
 } from '@segment/analytics-react-native';
+import { firebaseAnalytics } from '../firebaseAnalytics';
 import { mapEventProps, transformMap } from './parameterMapping';
 
 const mappedPropNames = generateMapTransform(mapEventProps, transformMap);
@@ -22,5 +22,5 @@ export default async (event: TrackEventType) => {
   if (safeEventName.length > 40) {
     safeEventName = safeEventName.substring(0, 40);
   }
-  await firebaseAnalytics().logEvent(safeEventName, safeProps);
+  await firebaseAnalytics.logEvent(safeEventName, safeProps);
 };