mixpanel-react-native 3.1.1 → 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/javascript/mixpanel-persistent.js

@@ -9,6 +9,7 @@ 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";
@@ -66,16 +67,8 @@ export class MixpanelPersistent {
     this._identity[token].deviceId = storageToken;
 
     if (!this._identity[token].deviceId) {
-      let newDeviceId;
-      try {
-        // Try to use expo-crypto if available
-        const expoCrypto = require("expo-crypto");
-        newDeviceId = expoCrypto.randomUUID();
-      } catch (e) {
-        // Fallback to uuid.v4() if expo-crypto is not available
-        newDeviceId = uuid.v4();
-      }
-      this._identity[token].deviceId = newDeviceId;
+      // 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.1",
+  "version": "3.1.2",
   "description": "Official React Native Tracking Library for Mixpanel Analytics",
   "main": "index.js",
   "scripts": {
@@ -60,9 +60,7 @@
   },
   "dependencies": {
     "@react-native-async-storage/async-storage": "^1.21.0",
+    "react-native-get-random-values": "^1.9.0",
     "uuid": "3.3.2"
-  },
-  "optionalDependencies": {
-    "expo-crypto": "~14.1.4"
   }
 }