Using Analytics.js 2.0 + Heap with Angular about analytics-next HOT 2 CLOSED

// see: https://developers.heap.io/reference/client-side-apis-overview
interface Heap {
  track: (event: string, properties?: Object) => void;
  identify: (identity: string) => void;
  resetIdentity: () => void;
  addUserProperties: (properties: Object) => void;
  addEventProperties: (properties: Object) => void;
  removeEventProperty: (property: string) => void;
  clearEventProperties: () => void;
  appid: string;
  userId: string;
  identity: string | null;
  config: any;
  loaded: boolean;
}

declare var window: { heap: Heap };

@Injectable()
export class SegmentAnalyticsService {
  private analytics?: Analytics;
  private context?: Context;

  // use an APP_INITIALIZER
  loadAnalytics = (): Promise<Analytics | undefined> => {
    return new Promise<Analytics>((resolve) => {
      AnalyticsBrowser.load({
        writeKey: environment.segmentKey
      })
        .then((response: [Analytics, Context]) => {
          this.analytics = response[0];
          this.context = response[1];

          this.analytics.ready().then((res) => {
            console.log('ANALYTICS READY: ', this.analytics);

            resolve(this.analytics);
          });
        })
        .catch((e) => {
          console.error('Error loading segment analytics');
          resolve(undefined);
        });
    });
  };

  identify = (activeUser: ActiveUser) => {
    this.analytics
      .identify(activeUser.cognitoId, {
        name: `${activeUser.forename} ${activeUser.surname}`,
        email: activeUser.email
      })
      .then();
  };


  addMemberProperties = (activeMember: Member) => {
    // utilized many dead-ends to get here...
    // makes me wonder what the hell we actually need segment for

    this.clearMemberProperties();

    // a user can switch the organisation in context. we want to track activity by organisation - DO NOT use user traits for this
    const properties = {
      'Organisation Id': activeMember.organisationId,
      'Organisation Name': activeMember.organisationName,
      'Cloud Flavour': activeMember.cintraCloudFlavour,
      'Roles': activeMember.roles?.join(', '),
      'Messaging Enabled': activeMember.messagingEnabled.toString(),
      'Groups Enabled': activeMember.groupsEnabled.toString()
    };
    window.heap.addEventProperties(properties);
  };

  clearMemberProperties = () => {
    window.heap.clearEventProperties();
  };

  track = (event: string, payload: any) => this.analytics.track(event, payload).then();

  logout = () => {
    this.clearMemberProperties();
    this.analytics.reset();
  };
}

@Injectable()
export class MockSegmentAnalyticsService {
  loadAnalytics = (): Promise<Analytics | undefined> => {
    return new Promise<Analytics>((resolve) => {
      resolve(undefined);
    });
  };

  identify = (activeUser: ActiveUser) => {};

  addMemberProperties = (activeMember: Member) => {};

  clearMemberProperties = () => {};

  track = (event: string, payload: any) => {};

  logout = () => {};
}

/// core.module.ts

    {
      provide: SegmentAnalyticsService,
      useClass: environment.analyticsDisabled ? MockSegmentAnalyticsService : SegmentAnalyticsService
    },

`