feat: add and use ENABLE_MIXPANEL and USE_MIXPANEL_PROXY env variable (#3195)

Author: Chethan-Fyle

hooks/utils/prod-environment.js

@@ -17,6 +17,7 @@ export const environment = {
   LIVE_UPDATE_APP_VERSION: '${process.env.LIVE_UPDATE_APP_VERSION}',
   SMARTLOOK_API_KEY: '${process.env.SMARTLOOK_API_KEY}',
   MIXPANEL_PROJECT_TOKEN: '${process.env.MIXPANEL_PROJECT_TOKEN}',
-  MIXPANEL_PROXY_URL: '${process.env.MIXPANEL_PROXY_URL}',
+  USE_MIXPANEL_PROXY: '${process.env.USE_MIXPANEL_PROXY}',
+  ENABLE_MIXPANEL: '${process.env.ENABLE_MIXPANEL}'
 };
 `

src/app/core/services/router-auth.service.spec.ts

@@ -15,6 +15,7 @@ import { apiAuthRes, authResData1 } from '../mock-data/auth-reponse.data';
 import { ExpenseAggregationService } from './expense-aggregation.service';
 import { SpenderService } from './platform/v1/spender/spender.service';
 import { ApproverService } from './platform/v1/approver/approver.service';
+import { TrackingService } from './tracking.service';
 
 describe('RouterAuthService', () => {
   let routerAuthService: RouterAuthService;
@@ -31,6 +32,7 @@ describe('RouterAuthService', () => {
   let expenseAggregationService: jasmine.SpyObj<ExpenseAggregationService>;
   let spenderService: jasmine.SpyObj<SpenderService>;
   let approverService: jasmine.SpyObj<ApproverService>;
+  let trackingService: jasmine.SpyObj<TrackingService>;
 
   const access_token =
     'eyJhbGciOiJIUzI1NiJ9.eyJpYXQiOjE2Nzk5MDQ0NTQsImlzcyI6IkZ5bGVBcHAiLCJ1c2VyX2lkIjoidXN2S0E0WDhVZ2NyIiwib3JnX3VzZXJfaWQiOiJvdVg4ZHdzYkxDTHYiLCJvcmdfaWQiOiJvck5WdGhUbzJaeW8iLCJyb2xlcyI6IltcIkFETUlOXCIsXCJBUFBST1ZFUlwiLFwiRllMRVJcIixcIkhPUFwiLFwiSE9EXCIsXCJPV05FUlwiXSIsInNjb3BlcyI6IltdIiwiYWxsb3dlZF9DSURScyI6IltdIiwidmVyc2lvbiI6IjMiLCJjbHVzdGVyX2RvbWFpbiI6IlwiaHR0cHM6Ly9zdGFnaW5nLmZ5bGUudGVjaFwiIiwiZXhwIjoxNjc5OTA4MDU0fQ.z3i-MqE3NNyxPEvWFCSr3q58rLXn3LZcIBskW9BLN48';
@@ -59,6 +61,7 @@ describe('RouterAuthService', () => {
     const expenseAggregationServiceSpy = jasmine.createSpyObj('ExpenseAggregationService', ['setRoot']);
     const spenderServiceSpy = jasmine.createSpyObj('SpenderService', ['setRoot']);
     const approverServiceSpy = jasmine.createSpyObj('ApproverService', ['setRoot']);
+    const trackingServiceSpy = jasmine.createSpyObj('TrackingService', ['setRoot']);
 
     TestBed.configureTestingModule({
       providers: [
@@ -115,6 +118,10 @@ describe('RouterAuthService', () => {
           provide: ApproverService,
           useValue: approverServiceSpy,
         },
+        {
+          provide: TrackingService,
+          useValue: trackingServiceSpy,
+        },
       ],
     });
     routerAuthService = TestBed.inject(RouterAuthService);
@@ -135,6 +142,7 @@ describe('RouterAuthService', () => {
     expenseAggregationService = TestBed.inject(ExpenseAggregationService) as jasmine.SpyObj<ExpenseAggregationService>;
     spenderService = TestBed.inject(SpenderService) as jasmine.SpyObj<SpenderService>;
     approverService = TestBed.inject(ApproverService) as jasmine.SpyObj<ApproverService>;
+    trackingService = TestBed.inject(TrackingService) as jasmine.SpyObj<TrackingService>;
   });
 
   it('should be created', () => {
@@ -169,6 +177,7 @@ describe('RouterAuthService', () => {
       expect(expenseAggregationService.setRoot).toHaveBeenCalledOnceWith(domain);
       expect(spenderService.setRoot).toHaveBeenCalledOnceWith(domain);
       expect(approverService.setRoot).toHaveBeenCalledOnceWith(domain);
+      expect(trackingService.setRoot).toHaveBeenCalledOnceWith(domain);
       done();
     });
   });

src/app/core/services/router-auth.service.ts

@@ -17,6 +17,7 @@ import { SpenderService } from './platform/v1/spender/spender.service';
 import { ApproverService } from './platform/v1/approver/approver.service';
 import { EmailExistsResponse } from '../models/email-exists-response.model';
 import { ResendEmailVerification } from '../models/resend-email-verification.model';
+import { TrackingService } from './tracking.service';
 
 @Injectable({
   providedIn: 'root',
@@ -35,7 +36,8 @@ export class RouterAuthService {
     private spenderPlatformV1ApiService: SpenderPlatformV1ApiService,
     private expenseAggregationService: ExpenseAggregationService,
     private spenderService: SpenderService,
-    private approverService: ApproverService
+    private approverService: ApproverService,
+    private trackingService: TrackingService
   ) {}
 
   checkEmailExists(email: string): Observable<EmailExistsResponse> {
@@ -66,6 +68,7 @@ export class RouterAuthService {
     this.expenseAggregationService.setRoot(domain);
     this.spenderService.setRoot(domain);
     this.approverService.setRoot(domain);
+    this.trackingService.setRoot(domain);
 
     await this.tokenService.setClusterDomain(domain);
   }

src/app/core/services/tracking.service.ts

@@ -46,19 +46,32 @@ import mixpanel, { Config } from 'mixpanel-browser';
 export class TrackingService {
   identityEmail = null;
 
-  constructor(private authService: AuthService, private deviceService: DeviceService) {
-    try {
-      const config: Partial<Config> = {
-        debug: false,
-        track_pageview: false,
-        persistence: 'localStorage',
-      };
+  ROOT_ENDPOINT: string;
 
-      if (environment.MIXPANEL_PROXY_URL) {
-        config.api_host = environment.MIXPANEL_PROXY_URL;
-      }
+  constructor(private authService: AuthService, private deviceService: DeviceService) {}
 
-      mixpanel.init(environment.MIXPANEL_PROJECT_TOKEN, config);
+  setRoot(rootUrl: string): void {
+    this.ROOT_ENDPOINT = rootUrl;
+    this.initializeMixpanel();
+  }
+
+  initializeMixpanel(): void {
+    try {
+      const enableMixpanel = environment.ENABLE_MIXPANEL;
+      if (enableMixpanel === 'true') {
+        const config: Partial<Config> = {
+          debug: false,
+          track_pageview: false,
+          persistence: 'localStorage',
+        };
+
+        const useMixpanelProxy = environment.USE_MIXPANEL_PROXY;
+        if (useMixpanelProxy === 'true' && this.ROOT_ENDPOINT) {
+          config.api_host = this.ROOT_ENDPOINT + '/mixpanel';
+        }
+
+        mixpanel.init(environment.MIXPANEL_PROJECT_TOKEN, config);
+      }
     } catch (e) {}
   }
 

src/environments/environment.ts

@@ -18,7 +18,8 @@ export const environment = {
   LIVE_UPDATE_APP_VERSION: '',
   SMARTLOOK_API_KEY: '',
   MIXPANEL_PROJECT_TOKEN: '',
-  MIXPANEL_PROXY_URL: '',
+  USE_MIXPANEL_PROXY: '',
+  ENABLE_MIXPANEL: '',
 };
 
 /*