import {isStandalone} from '../../../report/util';

declare var mixpanel: any;
declare var mp: any;

export enum TrackingEvent {
  AddPropertyFilter = 'Custom Events: add property filter',
  AddSelector = 'Custom Events: add alternative',
  CancelCustomEventModal = 'Custom Events: cancel modal',
  DeleteCustomEvent = 'Custom Events: delete',
  OpenCustomEventModal = 'Custom Events: open modal',
  RemovePropertyFilter = 'Custom Events: remove property filter',
  RemoveSelector = 'Custom Events: delete alternative',
  SaveNewCustomEvent = 'Custom Events: save',
  UpdateCustomEvent = 'Custom Events: update',
}

const appName: string = isStandalone() ? `` : mp.report.globals.app_name;

export function track(event: TrackingEvent, properties = {}): void {
  mixpanel.track(event, {
    ...properties,
    appName,
   });
}