[Angular] Expose tracking functionality and remove direct usage of `s…

…itecore-jss` module (#1048) * [Angular] Expose tracking functionality and remove direct usage of `sitecore-jss` module * Fix lint issue
Sitecore · May 31, 2022 · e9bff66 · e9bff66
1 parent ffdf480
commit e9bff66
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 9 deletions.
diff --git a/...templates/angular/src/app/components/styleguide-tracking/styleguide-tracking.component.ts b/...templates/angular/src/app/components/styleguide-tracking/styleguide-tracking.component.ts
@@ -1,6 +1,9 @@
 import { Component, Input, OnInit } from '@angular/core';
-import { ComponentRendering } from '@sitecore-jss/sitecore-jss-angular';
-import { trackingApi, TrackingRequestOptions } from '@sitecore-jss/sitecore-jss/tracking';
+import {
+  ComponentRendering,
+  trackingApi,
+  TrackingRequestOptions,
+} from '@sitecore-jss/sitecore-jss-angular';
 import { environment } from '../../../environments/environment';
 import { JssDataFetcherService } from '../../jss-data-fetcher.service';
 
@@ -42,14 +45,14 @@ export class StyleguideTrackingComponent implements OnInit {
     trackingApi
       .trackEvent([{ eventId: this.event }], this.trackingApiOptions)
       .then(() => alert('Page event pushed'))
-      .catch((error) => alert(error));
+      .catch((error: unknown) => alert(error));
   }
 
   submitGoal() {
     trackingApi
       .trackEvent([{ goalId: this.goal }], this.trackingApiOptions)
       .then(() => alert('Goal pushed'))
-      .catch((error) => alert(error));
+      .catch((error: unknown) => alert(error));
   }
 
   submitOutcome() {
@@ -65,14 +68,14 @@ export class StyleguideTrackingComponent implements OnInit {
         this.trackingApiOptions
       )
       .then(() => alert('Outcome pushed'))
-      .catch((error) => alert(error));
+      .catch((error: unknown) => alert(error));
   }
 
   triggerCampaign() {
     trackingApi
       .trackEvent([{ campaignId: this.campaign }], this.trackingApiOptions)
       .then(() => alert('Campaign set'))
-      .catch((error) => alert(error));
+      .catch((error: unknown) => alert(error));
   }
 
   submitPageView() {
@@ -82,7 +85,7 @@ export class StyleguideTrackingComponent implements OnInit {
         this.trackingApiOptions
       )
       .then(() => alert('Page view pushed'))
-      .catch((error) => alert(error));
+      .catch((error: unknown) => alert(error));
   }
 
   abandonSession() {
@@ -94,7 +97,7 @@ export class StyleguideTrackingComponent implements OnInit {
     trackingApi
       .trackEvent([], abandonOptions)
       .then(() => alert('Interaction has been terminated and its data pushed to xConnect.'))
-      .catch((error) => alert(error));
+      .catch((error: unknown) => alert(error));
   }
 
   submitBatching() {
@@ -111,6 +114,6 @@ export class StyleguideTrackingComponent implements OnInit {
         this.trackingApiOptions
       )
       .then(() => alert('Batch of events pushed'))
-      .catch((error) => alert(error));
+      .catch((error: unknown) => alert(error));
   }
 }
diff --git a/packages/sitecore-jss-angular/src/public_api.ts b/packages/sitecore-jss-angular/src/public_api.ts
@@ -49,3 +49,12 @@ export {
   resetEditorChromes,
   handleEditorAnchors,
 } from '@sitecore-jss/sitecore-jss/utils';
+export {
+  trackingApi,
+  TrackingRequestOptions,
+  CampaignInstance,
+  GoalInstance,
+  OutcomeInstance,
+  EventInstance,
+  PageViewInstance,
+} from '@sitecore-jss/sitecore-jss/tracking';