mixpanel-react-native 3.0.9 → 3.1.0

package/Samples/MixpanelExpo/.yalc/mixpanel-react-native/Samples/MixpanelExpo/.yalc/mixpanel-react-native/Samples/MixpanelDemo/screens/GroupScreen.js

@@ -0,0 +1,142 @@
+import React from 'react';
+import {Text, TouchableOpacity, StyleSheet, View, ScrollView} from 'react-native';
+import {MixpanelInstance} from '../Analytics';
+
+export default class GroupScreen extends React.Component {
+
+    constructor(props) {
+        super(props);
+        this.mixpanel = MixpanelInstance;
+        this.group = this.mixpanel.getGroup("company_id", 12345);
+    }
+
+    setProperty = () => {
+        this.group.set("prop_key", "prop_value");
+    }
+
+    setPropertyOnce = () => {
+        this.group.setOnce("prop_key", "prop_value");
+    }
+
+    unsetProperty = () => {
+        this.group.unset("aaa");
+    }
+
+    removeProperty = () => {
+        this.group.remove("prop_key", "334");
+    }
+
+    unionProperty = () => {
+        this.group.union("prop_key", ["prop_value_a", "prop_value_b"]);
+    }
+
+    deleteGroup = () => {
+        this.mixpanel.deleteGroup("company_id", 12345);
+    }
+  
+    setGroup = () => {
+        this.mixpanel.setGroup("company_id", 12345);
+    }
+
+    addGroup = () => {
+        this.mixpanel.addGroup("company_id", 111);
+    }
+
+    removeGroup = () => {
+        this.mixpanel.removeGroup("company_id", 323);
+    }
+
+    trackWithGroups = () => {
+        this.mixpanel.trackWithGroups("tracked with groups", {"a": 1, "b": 2.3}, {"company_id": "Mixpanel"});
+    }
+
+    flush = () => {
+        this.mixpanel.flush();
+    }
+
+    render() {
+        return (
+            <ScrollView>
+                <View style={{ flexDirection: 'row', justifyContent: 'space-between' }}>
+                    <TouchableOpacity style={styles.button} onPress={this.setProperty}>
+                        <Text style={styles.buttonText}>Set One Property</Text>
+                    </TouchableOpacity>
+                </View>
+                <View style={{ flexDirection: 'row', justifyContent: 'space-between' }}>
+                    <TouchableOpacity style={styles.button} onPress={this.setPropertyOnce}>
+                        <Text style={styles.buttonText}>Set Properties Once</Text>
+                    </TouchableOpacity>
+                </View>
+                <View style={{ flexDirection: 'row', justifyContent: 'space-between' }}>
+                    <TouchableOpacity style={styles.button} onPress={this.unsetProperty}>
+                        <Text style={styles.buttonText}>Unset Property</Text>
+                    </TouchableOpacity>
+                </View>
+                <View style={{ flexDirection: 'row', justifyContent: 'space-between' }}>
+                    <TouchableOpacity style={styles.button} onPress={this.removeProperty}>
+                        <Text style={styles.buttonText}>Remove Property</Text>
+                    </TouchableOpacity>
+                </View>
+                <View style={{ flexDirection: 'row', justifyContent: 'space-between' }}>
+                    <TouchableOpacity style={styles.button} onPress={this.unionProperty}>
+                        <Text style={styles.buttonText}>Union Properties</Text>
+                    </TouchableOpacity>
+                </View>
+                <View style={{ flexDirection: 'row', justifyContent: 'space-between' }}>
+                    <TouchableOpacity style={styles.button} onPress={this.deleteGroup}>
+                        <Text style={styles.buttonText}>Delete Group</Text>
+                    </TouchableOpacity>
+                </View>
+                <View style={{ flexDirection: 'row', justifyContent: 'space-between' }}>
+                    <TouchableOpacity style={styles.button} onPress={this.setGroup}>
+                        <Text style={styles.buttonText}>Set Group</Text>
+                    </TouchableOpacity>
+                </View>
+                <View style={{ flexDirection: 'row', justifyContent: 'space-between' }}>
+                    <TouchableOpacity style={styles.button} onPress={this.addGroup}>
+                        <Text style={styles.buttonText}>Add Group</Text>
+                    </TouchableOpacity>
+                </View>
+                <View style={{ flexDirection: 'row', justifyContent: 'space-between' }}>
+                    <TouchableOpacity style={styles.button} onPress={this.removeGroup}>
+                        <Text style={styles.buttonText}>Remove Group</Text>
+                    </TouchableOpacity>
+                </View>
+                <View style={{ flexDirection: 'row', justifyContent: 'space-between' }}>
+                    <TouchableOpacity style={styles.button} onPress={this.trackWithGroups}>
+                        <Text style={styles.buttonText}>Track with Groups</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: 10,
+    },
+    buttonText: {
+        fontSize: 16,
+        fontWeight: '500',
+        color: '#ffffff',
+        textAlign: "center"
+    },
+    touchableOpacity: {
+        backgroundColor: '#1E90FF',
+        borderRadius: 25,
+        width: '100%',
+        alignItems: 'center',
+        marginVertical: 10,
+        paddingVertical: 10,
+    }
+})

package/Samples/MixpanelExpo/.yalc/mixpanel-react-native/Samples/MixpanelExpo/.yalc/mixpanel-react-native/Samples/MixpanelDemo/screens/Home.js

@@ -0,0 +1,54 @@
+import React from 'react';
+import {StyleSheet, SafeAreaView, View, Button, ScrollView} from 'react-native';
+
+
+const Separator = () => (
+  <View style={styles.separator} />
+);
+
+class HomeScreen extends React.Component {
+    /**
+      Navigate screen to Welcome page
+    */
+    navigateEvent = () => {
+        this.props.navigation.navigate('Event');
+    }
+
+    navigateProfile = () => {
+      this.props.navigation.navigate('Profile');
+    }
+
+    navigateGDPR = () => {
+      this.props.navigation.navigate('GDPR');
+    }
+
+    navigateGroup = () => {
+      this.props.navigation.navigate('Group');
+    }
+
+    render() {
+        return (
+          <SafeAreaView>
+            <ScrollView >
+                <Separator />
+                <Button onPress={this.navigateEvent} title='Event' />
+                <Separator />
+                <Button onPress={this.navigateProfile} title='Profile' />
+                <Separator />
+                <Button onPress={this.navigateGDPR} title='GDPR' />
+                <Separator />
+                <Button onPress={this.navigateGroup} title='Group' />
+                <Separator />
+            </ScrollView>
+          </SafeAreaView>
+        );
+    }
+}
+
+const styles = StyleSheet.create({
+  separator: {
+    marginVertical: 15,
+  }
+})
+
+export default HomeScreen;

package/Samples/MixpanelExpo/.yalc/mixpanel-react-native/Samples/MixpanelExpo/.yalc/mixpanel-react-native/Samples/MixpanelDemo/screens/ProfileScreen.js

@@ -0,0 +1,184 @@
+import React from 'react';
+import {Text, TouchableOpacity, StyleSheet, View, ScrollView} from 'react-native';
+import {MixpanelInstance} from '../Analytics';
+
+export default class ProfileScreen extends React.Component {
+
+    constructor(props) {
+        super(props);
+        this.mixpanel = MixpanelInstance;
+    }
+    
+    createAlias = () => {
+        this.mixpanel.alias("New Alias", "testDistinctId");
+    }
+
+    reset = () => {
+        this.mixpanel.reset();
+    }
+
+    setProperty = () => {
+        this.mixpanel.getPeople().set({
+          "a": 1,
+          "b": 2.3,
+          "c": ["4", 5],
+        });
+    }
+
+    setOneProperty = () => {
+        this.mixpanel.getPeople().set("d", "yo");
+    }
+
+    setOnePropertyOnce = () => {
+        this.mixpanel.getPeople().setOnce("c", "just once");
+    }
+
+    unsetProperties = () => {
+        this.mixpanel.getPeople().unset("a");
+    }
+
+    incrementProperty = () => {
+        this.mixpanel.getPeople().increment("a", 1.2);
+    }
+    
+    removePropertyValue = () => {
+        this.mixpanel.getPeople().remove("c", 5);
+    }
+
+    appendProperties = () => {
+        this.mixpanel.getPeople().append("e", "Hello");
+    }
+
+    unionProperties = () => {
+        this.mixpanel.getPeople().union("a", ["goodbye", "hi"]);
+    }
+
+    trackChargeWithoutProperties = () => {
+        this.mixpanel.getPeople().trackCharge(22.8);
+    }
+
+    trackCharge = () => {
+        this.mixpanel.getPeople().trackCharge(12.8, {"sandwich": 1});
+    }
+
+    clearCharges = () => {
+        this.mixpanel.getPeople().clearCharges();
+    }
+
+    deleteUser = () => {
+        this.mixpanel.getPeople().deleteUser();
+    }
+
+    /**
+      Push all queued Mixpanel events and People Analytics changes to Mixpanel servers.
+    */
+    flush = () => {
+        this.mixpanel.flush();
+    }
+
+    render() {
+        return (
+            <ScrollView>
+                <View style={{ flexDirection: 'row', justifyContent: 'space-between' }}>
+                    <TouchableOpacity style={styles.button} onPress={this.createAlias}>
+                        <Text style={styles.buttonText}>Create Alias</Text>
+                    </TouchableOpacity>
+                </View>
+                <View style={{ flexDirection: 'row', justifyContent: 'space-between' }}>
+                    <TouchableOpacity style={styles.button} onPress={this.reset}>
+                        <Text style={styles.buttonText}>Reset</Text>
+                    </TouchableOpacity>
+                </View>
+                <View style={{ flexDirection: 'row', justifyContent: 'space-between' }}>
+                    <TouchableOpacity style={styles.button} onPress={this.setProperty}>
+                        <Text style={styles.buttonText}>Set Properties</Text>
+                    </TouchableOpacity>
+                </View>
+                <View style={{ flexDirection: 'row', justifyContent: 'space-between' }}>
+                    <TouchableOpacity style={styles.button} onPress={this.setOneProperty}>
+                        <Text style={styles.buttonText}>Set One Property</Text>
+                    </TouchableOpacity>
+                </View>
+                <View style={{ flexDirection: 'row', justifyContent: 'space-between' }}>
+                    <TouchableOpacity style={styles.button} onPress={this.setOnePropertyOnce}>
+                        <Text style={styles.buttonText}>Set Properties Once</Text>
+                    </TouchableOpacity>
+                </View>
+                <View style={{ flexDirection: 'row', justifyContent: 'space-between' }}>
+                    <TouchableOpacity style={styles.button} onPress={this.unsetProperties}>
+                        <Text style={styles.buttonText}>Unset Properties</Text>
+                    </TouchableOpacity>
+                </View>
+                <View style={{ flexDirection: 'row', justifyContent: 'space-between' }}>
+                    <TouchableOpacity style={styles.button} onPress={this.incrementProperty}>
+                        <Text style={styles.buttonText}>Increment Property</Text>
+                    </TouchableOpacity>
+                </View>
+                <View style={{ flexDirection: 'row', justifyContent: 'space-between' }}>
+                    <TouchableOpacity style={styles.button} onPress={this.removePropertyValue}>
+                        <Text style={styles.buttonText}>Remove Property Value</Text>
+                    </TouchableOpacity>
+                </View>
+                <View style={{ flexDirection: 'row', justifyContent: 'space-between' }}>
+                    <TouchableOpacity style={styles.button} onPress={this.appendProperties}>
+                        <Text style={styles.buttonText}>Append Properties</Text>
+                    </TouchableOpacity>
+                </View>
+                <View style={{ flexDirection: 'row', justifyContent: 'space-between' }}>
+                    <TouchableOpacity style={styles.button} onPress={this.unionProperties}>
+                        <Text style={styles.buttonText}>Union Properties</Text>
+                    </TouchableOpacity>
+                </View>
+                <View style={{ flexDirection: 'row', justifyContent: 'space-between' }}>
+                    <TouchableOpacity style={styles.button} onPress={this.trackChargeWithoutProperties}>
+                        <Text style={styles.buttonText}>Track Charge w/o Properties</Text>
+                    </TouchableOpacity>
+                </View>
+                <View style={{ flexDirection: 'row', justifyContent: 'space-between' }}>
+                    <TouchableOpacity style={styles.button} onPress={this.trackCharge}>
+                        <Text style={styles.buttonText}>Track Charge w Properties</Text>
+                    </TouchableOpacity>
+                </View>
+                <View style={{ flexDirection: 'row', justifyContent: 'space-between' }}>
+                    <TouchableOpacity style={styles.button} onPress={this.clearCharges}>
+                        <Text style={styles.buttonText}>Clear Charges</Text>
+                    </TouchableOpacity>
+                </View>
+                <View style={{ flexDirection: 'row', justifyContent: 'space-between' }}>
+                    <TouchableOpacity style={styles.button} onPress={this.deleteUser}>
+                        <Text style={styles.buttonText}>Delete User</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: 10,
+    },
+    buttonText: {
+        fontSize: 16,
+        fontWeight: '500',
+        color: '#ffffff',
+        textAlign: "center"
+    },
+    touchableOpacity: {
+        backgroundColor: '#1E90FF',
+        borderRadius: 25,
+        width: '100%',
+        alignItems: 'center',
+        marginVertical: 10,
+        paddingVertical: 10,
+    }
+})

package/Samples/MixpanelExpo/.yalc/mixpanel-react-native/Samples/MixpanelExpo/.yalc/mixpanel-react-native/Samples/MixpanelExpo/.yalc/mixpanel-react-native/.gitattributes

@@ -0,0 +1 @@
+*.pbxproj -text

package/Samples/MixpanelExpo/.yalc/mixpanel-react-native/Samples/MixpanelExpo/.yalc/mixpanel-react-native/Samples/MixpanelExpo/.yalc/mixpanel-react-native/.github/workflows/node.js.yml

@@ -0,0 +1,93 @@
+# This workflow will do a clean install of node dependencies, build the source code and run tests across different versions of node
+# For more information see: https://help.github.com/actions/language-and-framework-guides/using-nodejs-with-github-actions
+
+name: Node.js CI
+
+on:
+  push:
+    branches: [master]
+  pull_request:
+    branches: [master]
+
+jobs:
+  test_main_code:
+    runs-on: macos-latest
+    strategy:
+      matrix:
+        node-version: [18.x]
+        # See supported Node.js release schedule at https://nodejs.org/en/about/releases/
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v2
+      - name: Use Node.js ${{ matrix.node-version }}
+        uses: actions/setup-node@v2
+        with:
+          node-version: ${{ matrix.node-version }}
+      - run: npm install
+      - run: npm test
+
+  test_android:
+    runs-on: macos-13
+    strategy:
+      matrix:
+        node-version: [18.x]
+        # See supported Node.js release schedule at https://nodejs.org/en/about/releases/
+
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v2
+      - name: Use Node.js ${{ matrix.node-version }}
+        uses: actions/setup-node@v2
+        with:
+          node-version: ${{ matrix.node-version }}
+      - uses: actions/setup-java@v4
+        with:
+          distribution: "temurin" # See 'Supported distributions' for available options
+          java-version: "17"
+      - run: npm install
+      - run: npm install -g react-native-cli
+      - run: npm i react-native-gradle-plugin
+      - name: Test Integration - Install dependencies
+        working-directory: ./Samples/SimpleMixpanel
+        run: yarn install
+      - name: Setup Android
+        uses: reactivecircus/android-emulator-runner@v2.32.0
+        with:
+          api-level: 34
+          profile: Nexus 5X
+          arch: x86_64
+          working-directory: ./Samples/SimpleMixpanel/android
+          script: ./gradlew
+      - name: Test Android
+        uses: reactivecircus/android-emulator-runner@v2.32.0
+        with:
+          api-level: 34
+          profile: Nexus 5X
+          arch: x86_64
+          working-directory: ./Samples/SimpleMixpanel
+          script: react-native run-android
+
+  test_ios:
+    runs-on: macos-latest
+    strategy:
+      matrix:
+        node-version: [18.x]
+        # See supported Node.js release schedule at https://nodejs.org/en/about/releases/
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v2
+      - name: Use Node.js ${{ matrix.node-version }}
+        uses: actions/setup-node@v2
+        with:
+          node-version: ${{ matrix.node-version }}
+      - run: npm install
+      - run: npm install -g react-native-cli
+      - name: Test Integration - Install dependencies
+        working-directory: ./Samples/SimpleMixpanel
+        run: npm install
+      - name: Setup iOS
+        working-directory: ./Samples/SimpleMixpanel/ios
+        run: pod install --repo-update
+      - name: Test iOS
+        working-directory: ./Samples/SimpleMixpanel
+        run: react-native run-ios

package/Samples/MixpanelExpo/.yalc/mixpanel-react-native/Samples/MixpanelExpo/.yalc/mixpanel-react-native/Samples/MixpanelExpo/.yalc/mixpanel-react-native/.github/workflows/release-tag.yml

@@ -0,0 +1,21 @@
+name: Node.js CI
+
+on:
+  workflow_dispatch:
+
+jobs:
+  test_main_code:
+    runs-on: macos-latest
+    strategy:
+      matrix:
+        node-version: [18.x]
+        # See supported Node.js release schedule at https://nodejs.org/en/about/releases/
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v2
+      - name: Use Node.js ${{ matrix.node-version }}
+        uses: actions/setup-node@v2
+        with:
+          node-version: ${{ matrix.node-version }}
+      - run: npm install
+      - run: npm test

package/Samples/MixpanelExpo/.yalc/mixpanel-react-native/Samples/MixpanelExpo/.yalc/mixpanel-react-native/Samples/MixpanelExpo/.yalc/mixpanel-react-native/.github/workflows/release.yml

@@ -0,0 +1,72 @@
+name: Create release
+
+on:
+  push:
+    tags:
+      - "v*" # Push events to matching v*, i.e. v1.0, v20.15.10
+
+jobs:
+  build:
+    name: "🚀 Release"
+    runs-on: ubuntu-latest
+    steps:
+      - name: "Check-out"
+        uses: actions/checkout@v1
+      - name: "Update Release CHANGELOG"
+        id: update-release-changelog
+        uses: heinrichreimer/github-changelog-generator-action@v2.2
+        with:
+          token: ${{ secrets.GITHUB_TOKEN }}
+          onlyLastTag: true
+          stripHeaders: false
+          base: "CHANGELOG.md"
+          headerLabel: "# Changelog"
+          breakingLabel: '### Breaking'
+          enhancementLabel: '### Enhancements'
+          stripGeneratorNotice: true
+          bugsLabel: '### Fixes'
+          issues: false
+          issuesWoLabels: false
+          pullRequests: true
+          prWoLabels: true
+          author: false
+          verbose: true
+      - name: Commit CHANGELOG Changes
+        run: |
+          git add .
+          git config user.name "zihe.jia"
+          git config user.email "zihe.jia@mixpanel.com"
+          git commit -m "Update CHANGELOG"
+      - name: Push CHANGELOG changes
+        uses: ad-m/github-push-action@v0.6.0
+        with:
+          github_token: ${{ secrets.GITHUB_TOKEN }}
+          branch: master
+          force: true
+      - name: "Prepare for the Github Release"
+        id: generate-release-changelog
+        uses: heinrichreimer/github-changelog-generator-action@v2.2
+        with:
+          token: ${{ secrets.GITHUB_TOKEN }}
+          output: "output.md"
+          headerLabel: "# Changelog"
+          onlyLastTag: true
+          stripHeaders: false
+          breakingLabel: '### Breaking'
+          enhancementLabel: '### Enhancements'
+          stripGeneratorNotice: true
+          bugsLabel: '### Fixes'
+          issues: false
+          issuesWoLabels: false
+          pullRequests: true
+          prWoLabels: true
+          author: false
+          verbose: true
+      - name: "🚀 Create GitHub Release"
+        uses: actions/create-release@v1
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+        with:
+          tag_name: ${{ github.ref }}
+          release_name: Release ${{ github.ref }}
+          body: ${{ steps.generate-release-changelog.outputs.changelog }}

package/Samples/MixpanelExpo/.yalc/mixpanel-react-native/Samples/MixpanelExpo/.yalc/mixpanel-react-native/Samples/MixpanelExpo/.yalc/mixpanel-react-native/.vscode/settings.json

@@ -0,0 +1,4 @@
+{
+  "java.compile.nullAnalysis.mode": "automatic",
+  "files.trimTrailingWhitespace": true
+}