Merge pull request #291 from Outblock:288-feature-call-mixpanel-from-…

…background

288-feature-call-mixpanel-from-background

_raw/manifest/manifest.dev.json

@@ -40,6 +40,7 @@
     "extension_pages": "script-src 'self' 'wasm-unsafe-eval'; object-src 'self' 'wasm-unsafe-eval';"
   },
   "permissions": ["storage", "activeTab", "tabs", "notifications", "identity", "camera"],
+  "host_permissions": ["https://api.mixpanel.com/*"],
   "web_accessible_resources": [
     {
       "resources": [

_raw/manifest/manifest.pro.json

@@ -40,6 +40,7 @@
     "extension_pages": "script-src 'self' 'wasm-unsafe-eval'; object-src 'self' 'wasm-unsafe-eval';"
   },
   "permissions": ["storage", "activeTab", "tabs", "notifications", "identity", "camera", "*://*/*"],
+  "host_permissions": ["https://api.mixpanel.com/*"],
   "web_accessible_resources": [
     {
       "resources": [

package.json

@@ -60,7 +60,6 @@
     "@trustwallet/wallet-core": "^4.1.19",
     "@tsparticles/engine": "^3.6.0",
     "@tsparticles/react": "^3.0.0",
-    "@types/mixpanel-browser": "^2.50.2",
     "@walletconnect/core": "^2.17.2",
     "@walletconnect/jsonrpc-utils": "^1.0.8",
     "@walletconnect/modal": "^2.7.0",
@@ -101,7 +100,6 @@
     "lodash": "^4.17.21",
     "loglevel": "^1.9.2",
     "lru-cache": "^6.0.0",
-    "mixpanel-browser": "^2.56.0",
     "nanoid": "^3.3.7",
     "obs-store": "^4.0.3",
     "process": "^0.11.10",

src/background/controller/wallet.ts

@@ -12,6 +12,7 @@ import web3, { TransactionError } from 'web3';
 
 import eventBus from '@/eventBus';
 import { type FeatureFlags } from '@/shared/types/feature-types';
+import { type TrackingEvents } from '@/shared/types/tracking-types';
 import { isValidEthereumAddress, withPrefix } from '@/shared/utils/address';
 import { getHashAlgo, getSignAlgo } from '@/shared/utils/algo';
 // eslint-disable-next-line no-restricted-imports
@@ -4097,6 +4098,23 @@ export class WalletController extends BaseController {
       source: source,
     });
   };
+
+  // This is called from the front end, we should find a better way to track this event
+  trackAccountRecovered = async () => {
+    mixpanelTrack.track('account_recovered', {
+      address: (await this.getCurrentAddress()) || '',
+      mechanism: 'multi-backup',
+      methods: [],
+    });
+  };
+
+  trackPageView = async (pathname: string) => {
+    mixpanelTrack.trackPageView(pathname);
+  };
+
+  trackTime = async (eventName: keyof TrackingEvents) => {
+    mixpanelTrack.time(eventName);
+  };
 }
 
 export default new WalletController();