mixpanel-react-native 3.1.0 → 3.1.2

package/Samples/MixpanelExample/package.json

@@ -0,0 +1,42 @@
+{
+  "name": "MixpanelExample",
+  "version": "0.0.1",
+  "private": true,
+  "scripts": {
+    "android": "react-native run-android",
+    "ios": "react-native run-ios",
+    "lint": "eslint .",
+    "start": "react-native start",
+    "test": "jest"
+  },
+  "dependencies": {
+    "@react-native-async-storage/async-storage": "^1.24.0",
+    "mixpanel-react-native": "file:../..",
+    "react": "19.0.0",
+    "react-native": "0.79.3",
+    "uuid": "^3.3.2"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.25.2",
+    "@babel/preset-env": "^7.25.3",
+    "@babel/runtime": "^7.25.0",
+    "@react-native-community/cli": "18.0.0",
+    "@react-native-community/cli-platform-android": "18.0.0",
+    "@react-native-community/cli-platform-ios": "18.0.0",
+    "@react-native/babel-preset": "0.79.3",
+    "@react-native/eslint-config": "0.79.3",
+    "@react-native/metro-config": "0.79.3",
+    "@react-native/typescript-config": "0.79.3",
+    "@types/jest": "^29.5.13",
+    "@types/react": "^19.0.0",
+    "@types/react-test-renderer": "^19.0.0",
+    "eslint": "^8.19.0",
+    "jest": "^29.6.3",
+    "prettier": "2.8.8",
+    "react-test-renderer": "19.0.0",
+    "typescript": "5.0.4"
+  },
+  "engines": {
+    "node": ">=18"
+  }
+}

package/Samples/MixpanelExample/tsconfig.json

@@ -0,0 +1,3 @@
+{
+  "extends": "@react-native/typescript-config/tsconfig.json"
+}

package/__tests__/jest_setup.js

@@ -1,11 +1,11 @@
 import * as ReactNative from "react-native";
 import { jest } from "@jest/globals";
 
-jest.mock("expo-crypto", () => ({
-  randomUUID: jest.fn(
-    () => "mocked-uuid-string-" + Math.random().toString(36).substring(2, 15)
-  ), // Provides a somewhat unique mock UUID
-}));
+// Mock react-native-get-random-values polyfill
+jest.mock("react-native-get-random-values", () => {
+  // Polyfill is imported for side effects, no need to mock specific functions
+  return {};
+});
 
 jest.mock("mixpanel-react-native/javascript/mixpanel-storage", () => {
   return {

package/__tests__/persistent.test.js

@@ -1,5 +1,4 @@
-// We need to test the actual module behavior, not mocked behavior
-// So we'll use jest.isolateModules to get a fresh instance
+// Test UUID generation with polyfilled crypto.getRandomValues
 describe("MixpanelPersistent - UUID Generation", () => {
   const token = "test-token";
 
@@ -7,25 +6,17 @@ describe("MixpanelPersistent - UUID Generation", () => {
     jest.clearAllMocks();
   });
 
-  it("should fallback to uuid.v4() when expo-crypto throws", async () => {
+  it("should generate device ID using uuid.v4() with polyfill", async () => {
     let mixpanelPersistent;
     
     await jest.isolateModules(async () => {
-      // Mock expo-crypto to throw an error
-      jest.doMock("expo-crypto", () => ({
-        randomUUID: jest.fn(() => {
-          throw new Error("Expo crypto not available");
-        }),
-      }));
-
       // Mock uuid to return a specific value
       jest.doMock("uuid", () => ({
-        v4: jest.fn(() => "fallback-uuid-1234"),
+        v4: jest.fn(() => "polyfilled-uuid-1234"),
       }));
 
       // Now require the modules
       const { MixpanelPersistent } = require("mixpanel-react-native/javascript/mixpanel-persistent");
-      const { randomUUID } = require("expo-crypto");
       const uuid = require("uuid");
 
       // Create instance
@@ -35,51 +26,11 @@ describe("MixpanelPersistent - UUID Generation", () => {
       // Load device ID (which triggers UUID generation)
       await mixpanelPersistent.loadDeviceId(token);
 
-      // Verify randomUUID was called
-      expect(randomUUID).toHaveBeenCalled();
-
-      // Verify uuid.v4 was called as fallback
+      // Verify uuid.v4 was called
       expect(uuid.v4).toHaveBeenCalled();
 
-      // Verify the device ID was set to the fallback value
-      expect(mixpanelPersistent.getDeviceId(token)).toBe("fallback-uuid-1234");
-    });
-  });
-
-  it("should use expo-crypto randomUUID when available", async () => {
-    let mixpanelPersistent;
-    
-    await jest.isolateModules(async () => {
-      // Mock expo-crypto to return a specific value
-      jest.doMock("expo-crypto", () => ({
-        randomUUID: jest.fn(() => "expo-uuid-5678"),
-      }));
-
-      // Mock uuid
-      jest.doMock("uuid", () => ({
-        v4: jest.fn(() => "should-not-be-called"),
-      }));
-
-      // Now require the modules
-      const { MixpanelPersistent } = require("mixpanel-react-native/javascript/mixpanel-persistent");
-      const { randomUUID } = require("expo-crypto");
-      const uuid = require("uuid");
-
-      // Create instance
-      MixpanelPersistent.instance = null;
-      mixpanelPersistent = MixpanelPersistent.getInstance(null, token);
-
-      // Load device ID
-      await mixpanelPersistent.loadDeviceId(token);
-
-      // Verify randomUUID was called
-      expect(randomUUID).toHaveBeenCalled();
-
-      // Verify uuid.v4 was NOT called
-      expect(uuid.v4).not.toHaveBeenCalled();
-
-      // Verify the device ID was set to the expo value
-      expect(mixpanelPersistent.getDeviceId(token)).toBe("expo-uuid-5678");
+      // Verify the device ID was set
+      expect(mixpanelPersistent.getDeviceId(token)).toBe("polyfilled-uuid-1234");
     });
   });
 

package/index.d.ts

@@ -24,7 +24,8 @@ export class Mixpanel {
   init(
     optOutTrackingDefault?: boolean,
     superProperties?: MixpanelProperties,
-    serverURL?: String
+    serverURL?: string,
+    useGzipCompression?: boolean
   ): Promise<void>;
   setServerURL(serverURL: string): void;
   setLoggingEnabled(loggingEnabled: boolean): void;

package/ios/MixpanelReactNative.m

@@ -5,7 +5,7 @@
 
 // MARK: - Mixpanel Instance
 
-RCT_EXTERN_METHOD(initialize:(NSString *)token trackAutomaticEvents:(BOOL)trackAutomaticEvents optOutTrackingByDefault:(BOOL)optOutTrackingByDefault properties:(NSDictionary *)properties serverURL:(NSString *)serverURL resolver:(RCTPromiseResolveBlock)resolve rejecter:(RCTPromiseRejectBlock)reject)
+RCT_EXTERN_METHOD(initialize:(NSString *)token trackAutomaticEvents:(BOOL)trackAutomaticEvents optOutTrackingByDefault:(BOOL)optOutTrackingByDefault properties:(NSDictionary *)properties serverURL:(NSString *)serverURL useGzipCompression:(BOOL)useGzipCompression resolver:(RCTPromiseResolveBlock)resolve rejecter:(RCTPromiseRejectBlock)reject)
 
 // Mark: - Settings
 RCT_EXTERN_METHOD(setServerURL:(NSString *)token serverURL:(NSString *)serverURL resolver:(RCTPromiseResolveBlock)resolve rejecter:(RCTPromiseRejectBlock)reject)

package/javascript/mixpanel-persistent.js

@@ -9,10 +9,10 @@ import {
   getAppHasOpenedBeforeKey,
 } from "./mixpanel-constants";
 
+import "react-native-get-random-values"; // Polyfill for crypto.getRandomValues
 import { AsyncStorageAdapter } from "./mixpanel-storage";
 import uuid from "uuid";
 import { MixpanelLogger } from "mixpanel-react-native/javascript/mixpanel-logger";
-import { randomUUID } from "expo-crypto";
 
 export class MixpanelPersistent {
   static instance;
@@ -67,11 +67,8 @@ export class MixpanelPersistent {
     this._identity[token].deviceId = storageToken;
 
     if (!this._identity[token].deviceId) {
-      try {
-        this._identity[token].deviceId = randomUUID();
-      } catch (e) {
-        this._identity[token].deviceId = uuid.v4();
-      }
+      // Generate device ID using uuid.v4() with polyfilled crypto.getRandomValues
+      this._identity[token].deviceId = uuid.v4();
       await this.storageAdapter.setItem(
         getDeviceIdKey(token),
         this._identity[token].deviceId

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mixpanel-react-native",
-  "version": "3.1.0",
+  "version": "3.1.2",
   "description": "Official React Native Tracking Library for Mixpanel Analytics",
   "main": "index.js",
   "scripts": {
@@ -60,7 +60,7 @@
   },
   "dependencies": {
     "@react-native-async-storage/async-storage": "^1.21.0",
-    "uuid": "3.3.2",
-    "expo-crypto": "~14.1.4"
+    "react-native-get-random-values": "^1.9.0",
+    "uuid": "3.3.2"
   }
 }