mixpanel-react-native 1.3.4 → 1.3.5

package/Samples/MixpanelDemo/ios/MixpanelDemo.xcodeproj/xcshareddata/xcschemes/MixpanelDemo-tvOS.xcscheme

@@ -0,0 +1,88 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<Scheme
+   LastUpgradeVersion = "1130"
+   version = "1.3">
+   <BuildAction
+      parallelizeBuildables = "YES"
+      buildImplicitDependencies = "YES">
+      <BuildActionEntries>
+         <BuildActionEntry
+            buildForTesting = "YES"
+            buildForRunning = "YES"
+            buildForProfiling = "YES"
+            buildForArchiving = "YES"
+            buildForAnalyzing = "YES">
+            <BuildableReference
+               BuildableIdentifier = "primary"
+               BlueprintIdentifier = "2D02E47A1E0B4A5D006451C7"
+               BuildableName = "MixpanelDemo-tvOS.app"
+               BlueprintName = "MixpanelDemo-tvOS"
+               ReferencedContainer = "container:MixpanelDemo.xcodeproj">
+            </BuildableReference>
+         </BuildActionEntry>
+      </BuildActionEntries>
+   </BuildAction>
+   <TestAction
+      buildConfiguration = "Debug"
+      selectedDebuggerIdentifier = "Xcode.DebuggerFoundation.Debugger.LLDB"
+      selectedLauncherIdentifier = "Xcode.DebuggerFoundation.Launcher.LLDB"
+      shouldUseLaunchSchemeArgsEnv = "YES">
+      <Testables>
+         <TestableReference
+            skipped = "NO">
+            <BuildableReference
+               BuildableIdentifier = "primary"
+               BlueprintIdentifier = "2D02E48F1E0B4A5D006451C7"
+               BuildableName = "MixpanelDemo-tvOSTests.xctest"
+               BlueprintName = "MixpanelDemo-tvOSTests"
+               ReferencedContainer = "container:MixpanelDemo.xcodeproj">
+            </BuildableReference>
+         </TestableReference>
+      </Testables>
+   </TestAction>
+   <LaunchAction
+      buildConfiguration = "Debug"
+      selectedDebuggerIdentifier = "Xcode.DebuggerFoundation.Debugger.LLDB"
+      selectedLauncherIdentifier = "Xcode.DebuggerFoundation.Launcher.LLDB"
+      launchStyle = "0"
+      useCustomWorkingDirectory = "NO"
+      ignoresPersistentStateOnLaunch = "NO"
+      debugDocumentVersioning = "YES"
+      debugServiceExtension = "internal"
+      allowLocationSimulation = "YES">
+      <BuildableProductRunnable
+         runnableDebuggingMode = "0">
+         <BuildableReference
+            BuildableIdentifier = "primary"
+            BlueprintIdentifier = "2D02E47A1E0B4A5D006451C7"
+            BuildableName = "MixpanelDemo-tvOS.app"
+            BlueprintName = "MixpanelDemo-tvOS"
+            ReferencedContainer = "container:MixpanelDemo.xcodeproj">
+         </BuildableReference>
+      </BuildableProductRunnable>
+   </LaunchAction>
+   <ProfileAction
+      buildConfiguration = "Release"
+      shouldUseLaunchSchemeArgsEnv = "YES"
+      savedToolIdentifier = ""
+      useCustomWorkingDirectory = "NO"
+      debugDocumentVersioning = "YES">
+      <BuildableProductRunnable
+         runnableDebuggingMode = "0">
+         <BuildableReference
+            BuildableIdentifier = "primary"
+            BlueprintIdentifier = "2D02E47A1E0B4A5D006451C7"
+            BuildableName = "MixpanelDemo-tvOS.app"
+            BlueprintName = "MixpanelDemo-tvOS"
+            ReferencedContainer = "container:MixpanelDemo.xcodeproj">
+         </BuildableReference>
+      </BuildableProductRunnable>
+   </ProfileAction>
+   <AnalyzeAction
+      buildConfiguration = "Debug">
+   </AnalyzeAction>
+   <ArchiveAction
+      buildConfiguration = "Release"
+      revealArchiveInOrganizer = "YES">
+   </ArchiveAction>
+</Scheme>

package/Samples/MixpanelDemo/ios/MixpanelDemo.xcodeproj/xcshareddata/xcschemes/MixpanelDemo.xcscheme

@@ -0,0 +1,88 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<Scheme
+   LastUpgradeVersion = "1130"
+   version = "1.3">
+   <BuildAction
+      parallelizeBuildables = "YES"
+      buildImplicitDependencies = "YES">
+      <BuildActionEntries>
+         <BuildActionEntry
+            buildForTesting = "YES"
+            buildForRunning = "YES"
+            buildForProfiling = "YES"
+            buildForArchiving = "YES"
+            buildForAnalyzing = "YES">
+            <BuildableReference
+               BuildableIdentifier = "primary"
+               BlueprintIdentifier = "13B07F861A680F5B00A75B9A"
+               BuildableName = "MixpanelDemo.app"
+               BlueprintName = "MixpanelDemo"
+               ReferencedContainer = "container:MixpanelDemo.xcodeproj">
+            </BuildableReference>
+         </BuildActionEntry>
+      </BuildActionEntries>
+   </BuildAction>
+   <TestAction
+      buildConfiguration = "Debug"
+      selectedDebuggerIdentifier = "Xcode.DebuggerFoundation.Debugger.LLDB"
+      selectedLauncherIdentifier = "Xcode.DebuggerFoundation.Launcher.LLDB"
+      shouldUseLaunchSchemeArgsEnv = "YES">
+      <Testables>
+         <TestableReference
+            skipped = "NO">
+            <BuildableReference
+               BuildableIdentifier = "primary"
+               BlueprintIdentifier = "00E356ED1AD99517003FC87E"
+               BuildableName = "MixpanelDemoTests.xctest"
+               BlueprintName = "MixpanelDemoTests"
+               ReferencedContainer = "container:MixpanelDemo.xcodeproj">
+            </BuildableReference>
+         </TestableReference>
+      </Testables>
+   </TestAction>
+   <LaunchAction
+      buildConfiguration = "Debug"
+      selectedDebuggerIdentifier = "Xcode.DebuggerFoundation.Debugger.LLDB"
+      selectedLauncherIdentifier = "Xcode.DebuggerFoundation.Launcher.LLDB"
+      launchStyle = "0"
+      useCustomWorkingDirectory = "NO"
+      ignoresPersistentStateOnLaunch = "NO"
+      debugDocumentVersioning = "YES"
+      debugServiceExtension = "internal"
+      allowLocationSimulation = "YES">
+      <BuildableProductRunnable
+         runnableDebuggingMode = "0">
+         <BuildableReference
+            BuildableIdentifier = "primary"
+            BlueprintIdentifier = "13B07F861A680F5B00A75B9A"
+            BuildableName = "MixpanelDemo.app"
+            BlueprintName = "MixpanelDemo"
+            ReferencedContainer = "container:MixpanelDemo.xcodeproj">
+         </BuildableReference>
+      </BuildableProductRunnable>
+   </LaunchAction>
+   <ProfileAction
+      buildConfiguration = "Release"
+      shouldUseLaunchSchemeArgsEnv = "YES"
+      savedToolIdentifier = ""
+      useCustomWorkingDirectory = "NO"
+      debugDocumentVersioning = "YES">
+      <BuildableProductRunnable
+         runnableDebuggingMode = "0">
+         <BuildableReference
+            BuildableIdentifier = "primary"
+            BlueprintIdentifier = "13B07F861A680F5B00A75B9A"
+            BuildableName = "MixpanelDemo.app"
+            BlueprintName = "MixpanelDemo"
+            ReferencedContainer = "container:MixpanelDemo.xcodeproj">
+         </BuildableReference>
+      </BuildableProductRunnable>
+   </ProfileAction>
+   <AnalyzeAction
+      buildConfiguration = "Debug">
+   </AnalyzeAction>
+   <ArchiveAction
+      buildConfiguration = "Release"
+      revealArchiveInOrganizer = "YES">
+   </ArchiveAction>
+</Scheme>

package/Samples/MixpanelDemo/ios/MixpanelDemo.xcworkspace/contents.xcworkspacedata

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<Workspace
+   version = "1.0">
+   <FileRef
+      location = "group:MixpanelDemo.xcodeproj">
+   </FileRef>
+   <FileRef
+      location = "group:Pods/Pods.xcodeproj">
+   </FileRef>
+</Workspace>

package/Samples/MixpanelDemo/ios/MixpanelDemo.xcworkspace/xcshareddata/IDEWorkspaceChecks.plist

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+	<key>IDEDidComputeMac32BitWarning</key>
+	<true/>
+</dict>
+</plist>

package/Samples/MixpanelDemo/ios/MixpanelDemoTests/Info.plist

@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+	<key>CFBundleDevelopmentRegion</key>
+	<string>en</string>
+	<key>CFBundleExecutable</key>
+	<string>$(EXECUTABLE_NAME)</string>
+	<key>CFBundleIdentifier</key>
+	<string>$(PRODUCT_BUNDLE_IDENTIFIER)</string>
+	<key>CFBundleInfoDictionaryVersion</key>
+	<string>6.0</string>
+	<key>CFBundleName</key>
+	<string>$(PRODUCT_NAME)</string>
+	<key>CFBundlePackageType</key>
+	<string>BNDL</string>
+	<key>CFBundleShortVersionString</key>
+	<string>1.0</string>
+	<key>CFBundleSignature</key>
+	<string>????</string>
+	<key>CFBundleVersion</key>
+	<string>1</string>
+</dict>
+</plist>

package/Samples/MixpanelDemo/ios/MixpanelDemoTests/MixpanelDemoTests.m

@@ -0,0 +1,65 @@
+#import <UIKit/UIKit.h>
+#import <XCTest/XCTest.h>
+
+#import <React/RCTLog.h>
+#import <React/RCTRootView.h>
+
+#define TIMEOUT_SECONDS 600
+#define TEXT_TO_LOOK_FOR @"Welcome to React"
+
+@interface MixpanelDemoTests : XCTestCase
+
+@end
+
+@implementation MixpanelDemoTests
+
+- (BOOL)findSubviewInView:(UIView *)view matching:(BOOL(^)(UIView *view))test
+{
+  if (test(view)) {
+    return YES;
+  }
+  for (UIView *subview in [view subviews]) {
+    if ([self findSubviewInView:subview matching:test]) {
+      return YES;
+    }
+  }
+  return NO;
+}
+
+- (void)testRendersWelcomeScreen
+{
+  UIViewController *vc = [[[RCTSharedApplication() delegate] window] rootViewController];
+  NSDate *date = [NSDate dateWithTimeIntervalSinceNow:TIMEOUT_SECONDS];
+  BOOL foundElement = NO;
+
+  __block NSString *redboxError = nil;
+#ifdef DEBUG
+  RCTSetLogFunction(^(RCTLogLevel level, RCTLogSource source, NSString *fileName, NSNumber *lineNumber, NSString *message) {
+    if (level >= RCTLogLevelError) {
+      redboxError = message;
+    }
+  });
+#endif
+
+  while ([date timeIntervalSinceNow] > 0 && !foundElement && !redboxError) {
+    [[NSRunLoop mainRunLoop] runMode:NSDefaultRunLoopMode beforeDate:[NSDate dateWithTimeIntervalSinceNow:0.1]];
+    [[NSRunLoop mainRunLoop] runMode:NSRunLoopCommonModes beforeDate:[NSDate dateWithTimeIntervalSinceNow:0.1]];
+
+    foundElement = [self findSubviewInView:vc.view matching:^BOOL(UIView *view) {
+      if ([view.accessibilityLabel isEqualToString:TEXT_TO_LOOK_FOR]) {
+        return YES;
+      }
+      return NO;
+    }];
+  }
+
+#ifdef DEBUG
+  RCTSetLogFunction(RCTDefaultLogFunction);
+#endif
+
+  XCTAssertNil(redboxError, @"RedBox error: %@", redboxError);
+  XCTAssertTrue(foundElement, @"Couldn't find element with text '%@' in %d seconds", TEXT_TO_LOOK_FOR, TIMEOUT_SECONDS);
+}
+
+
+@end

package/Samples/MixpanelDemo/ios/Podfile

@@ -0,0 +1,24 @@
+require_relative '../node_modules/react-native/scripts/react_native_pods'
+require_relative '../node_modules/@react-native-community/cli-platform-ios/native_modules'
+
+platform :ios, '10.0'
+
+target 'MixpanelDemo' do
+  config = use_native_modules!
+
+  use_react_native!(:path => config["reactNativePath"])
+
+  target 'MixpanelDemoTests' do
+    inherit! :complete
+    # Pods for testing
+  end
+end
+
+target 'MixpanelDemo-tvOS' do
+  # Pods for MixpanelDemo-tvOS
+
+  target 'MixpanelDemo-tvOSTests' do
+    inherit! :search_paths
+    # Pods for testing
+  end
+end

package/Samples/MixpanelDemo/metro.config.js

@@ -0,0 +1,17 @@
+/**
+ * Metro configuration for React Native
+ * https://github.com/facebook/react-native
+ *
+ * @format
+ */
+
+module.exports = {
+  transformer: {
+    getTransformOptions: async () => ({
+      transform: {
+        experimentalImportSupport: false,
+        inlineRequires: false,
+      },
+    }),
+  },
+};

package/Samples/MixpanelDemo/package.json

@@ -0,0 +1,40 @@
+{
+  "name": "MixpanelDemo",
+  "version": "0.0.1",
+  "private": true,
+  "scripts": {
+    "android": "react-native run-android",
+    "ios": "react-native run-ios",
+    "start": "react-native start",
+    "test": "jest",
+    "lint": "eslint ."
+  },
+  "dependencies": {
+    "mixpanel-react-native": "file:../..",
+    "react": "17.0.1",
+    "react-native": "0.64.1",
+    "react-native-gesture-handler": "^1.8.0",
+    "react-native-interactable": "^2.0.1",
+    "react-native-ionicons": "^4.6.5",
+    "react-native-reanimated": "^1.13.1",
+    "react-native-safe-area-context": "^3.1.8",
+    "react-native-safe-area-view": "react-native-community/react-native-safe-area-view",
+    "react-native-screens": "^2.13.0",
+    "react-navigation": "^4.4.4",
+    "react-navigation-stack": "^2.10.1"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.12.9",
+    "@babel/runtime": "^7.12.5",
+    "@react-native-community/eslint-config": "^2.0.0",
+    "babel-jest": "^26.6.3",
+    "eslint": "7.14.0",
+    "jest": "^26.6.3",
+    "metro-react-native-babel-preset": "^0.64.0",
+    "react-native-clean-project": "^3.6.4",
+    "react-test-renderer": "17.0.1"
+  },
+  "jest": {
+    "preset": "react-native"
+  }
+}

package/Samples/MixpanelDemo/screens/EventScreen.js

@@ -0,0 +1,156 @@
+import React from 'react';
+import {View, Text, StyleSheet, TouchableOpacity, ScrollView} from 'react-native';
+
+import {MixpanelInstance} from '../Analytics';
+
+
+class EventScreen extends React.Component {
+
+    constructor(props) {
+        super(props);
+        this.mixpanel = MixpanelInstance;
+    }
+
+    /**
+      Use for Track an event.
+    */
+    track = () => {
+        this.mixpanel.track("Track Event!");
+    }
+
+    identify = () => {
+        this.mixpanel.identify("testDistinctId");
+    }
+
+    timeEvent = () => {
+        const eventName = "Timed Event";
+        this.mixpanel.timeEvent(eventName);
+        setTimeout(() => {
+          this.mixpanel.track(eventName);
+        }, 2000);
+    }
+
+    trackWProperties = () => {
+        const properties = {"Cool Property": "Property Value"};
+        this.mixpanel.track("Track event with property", properties);
+    }
+
+    /**
+      registerSuperProperties will store a new superProperty and possibly overwriting any existing superProperty with the same name.
+    */
+    registerSuperProperties = () => {
+        this.mixpanel.registerSuperProperties({
+            "super property": "super property value",
+            "super property1": "super property value1",
+        });
+    }
+    /**
+      Erase all currently registered superProperties.
+    */
+    clearSuperProperties = () => {
+        this.mixpanel.clearSuperProperties();
+    }
+
+    unregisterSuperProperty = () => {
+        this.mixpanel.unregisterSuperProperty("super property");
+    }
+    /**
+      Returns a json object of the user's current super properties.
+    */
+    getSuperProperties = () => {
+        this.mixpanel.getSuperProperties().then(t => {
+            alert(JSON.stringify(t));
+        });
+    }
+
+    registerSuperPropertiesOnce = () => {
+        this.mixpanel.registerSuperPropertiesOnce({"super property": "super property value1"}, );
+    }
+
+    flush = () => {
+      this.mixpanel.flush();
+    }
+
+    render() {
+        return (
+            <ScrollView>
+                <View style={{ flexDirection: 'row', justifyContent: 'space-between' }}>
+                    <TouchableOpacity style={styles.button} onPress={this.track}>
+                        <Text style={styles.buttonText}>Track w/o Properties</Text>
+                    </TouchableOpacity>
+                </View>
+                <View style={{ flexDirection: 'row', justifyContent: 'space-between' }}>
+                    <TouchableOpacity style={styles.button} onPress={this.trackWProperties}>
+                        <Text style={styles.buttonText}>Track w Properties</Text>
+                    </TouchableOpacity>
+                </View>
+                <View style={{ flexDirection: 'row', justifyContent: 'space-between' }}>
+                    <TouchableOpacity style={styles.button} onPress={this.identify}>
+                        <Text style={styles.buttonText}>Identify</Text>
+                    </TouchableOpacity>
+                </View>
+                <View style={{ flexDirection: 'row', justifyContent: 'space-between' }}>
+                    <TouchableOpacity style={styles.button} onPress={this.timeEvent}>
+                        <Text style={styles.buttonText}>Time Event 2 secs</Text>
+                    </TouchableOpacity>
+                </View>
+                <View style={{ flexDirection: 'row', justifyContent: 'space-between' }}>
+                    <TouchableOpacity style={styles.button} onPress={this.getSuperProperties}>
+                        <Text style={styles.buttonText}>Get Current SuperProperties</Text>
+                    </TouchableOpacity>
+                </View>
+                <View style={{ flexDirection: 'row', justifyContent: 'space-between' }}>
+                    <TouchableOpacity style={styles.button} onPress={this.clearSuperProperties}>
+                        <Text style={styles.buttonText}>Clear SuperProperties</Text>
+                    </TouchableOpacity>
+                </View>
+                <View style={{ flexDirection: 'row', justifyContent: 'space-between' }}>
+                    <TouchableOpacity style={styles.button} onPress={this.registerSuperProperties}>
+                        <Text style={styles.buttonText}>Register SuperProperties</Text>
+                    </TouchableOpacity>
+                </View>
+                <View style={{ flexDirection: 'row', justifyContent: 'space-between' }}>
+                    <TouchableOpacity style={styles.button} onPress={this.registerSuperPropertiesOnce}>
+                        <Text style={styles.buttonText}>Register SuperProperties Once</Text>
+                    </TouchableOpacity>
+                </View>
+                <View style={{ flexDirection: 'row', justifyContent: 'space-between' }}>
+                    <TouchableOpacity style={styles.button} onPress={this.unregisterSuperProperty}>
+                        <Text style={styles.buttonText}>Unregister SuperProperty</Text>
+                    </TouchableOpacity>
+                </View>
+                <View style={{ flexDirection: 'row', justifyContent: 'space-between' }}>
+                    <TouchableOpacity style={styles.button} onPress={this.flush}>
+                        <Text style={styles.buttonText}>Flush</Text>
+                    </TouchableOpacity>
+                </View>
+            </ScrollView>
+        );
+    }
+}
+
+const styles = StyleSheet.create({
+    button: {
+        backgroundColor: '#1E90FF',
+        width: '100%',
+        alignItems: 'center',
+        marginVertical: 10,
+        paddingVertical: 12,
+    },
+    buttonText: {
+        fontSize: 16,
+        fontWeight: '500',
+        color: '#ffffff',
+        textAlign: "center"
+    },
+    touchableOpacity: {
+      backgroundColor: '#1E90FF',
+      borderRadius: 25,
+      width: '100%',
+      alignItems: 'center',
+      marginVertical: 10,
+      paddingVertical: 10,
+    }
+})
+
+export default EventScreen;

package/Samples/MixpanelDemo/screens/GDPRScreen.js

@@ -0,0 +1,63 @@
+import React from 'react';
+import {Text, TouchableOpacity, StyleSheet, View, ScrollView} from 'react-native';
+import {MixpanelInstance} from '../Analytics';
+
+export default class GDPRScreen extends React.Component {
+
+    constructor(props) {
+        super(props);
+        this.mixpanel = MixpanelInstance;
+    }
+
+    /**
+      Identify the user uniquely by providing the user distinctId.
+     */
+    optIn = () => {
+        this.mixpanel.optInTracking(this.mixpanel.getDistinctId());
+    }
+
+    optOut = () => {
+        this.mixpanel.optOutTracking();
+    }
+
+    render() {
+        return (
+            <ScrollView>
+                <View style={{ flexDirection: 'row', justifyContent: 'space-between' }}>
+                    <TouchableOpacity style={styles.button} onPress={this.optIn}>
+                        <Text style={styles.buttonText}>Opt In</Text>
+                    </TouchableOpacity>
+                </View>
+                <View style={{ flexDirection: 'row', justifyContent: 'space-between' }}>
+                    <TouchableOpacity style={styles.button} onPress={this.optOut}>
+                        <Text style={styles.buttonText}>Opt Out</Text>
+                    </TouchableOpacity>
+                </View>
+            </ScrollView>
+        );
+    }
+}
+
+const styles = StyleSheet.create({
+    button: {
+        backgroundColor: '#1E90FF',
+        width: '100%',
+        alignItems: 'center',
+        marginVertical: 10,
+        paddingVertical: 10,
+    },
+    buttonText: {
+        fontSize: 16,
+        fontWeight: '500',
+        color: '#ffffff',
+        textAlign: "center"
+    },
+    touchableOpacity: {
+        backgroundColor: '#1E90FF',
+        borderRadius: 25,
+        width: '100%',
+        alignItems: 'center',
+        marginVertical: 10,
+        paddingVertical: 10,
+    }
+})