[DSC-1570] create DatadogRumService

Author: Andrea Barbasso

src/app/app.component.ts

@@ -29,8 +29,7 @@ import { distinctNext } from './core/shared/distinct-next';
 import { RouteService } from './core/services/route.service';
 import { getEditItemPageRoute, getWorkflowItemModuleRoute, getWorkspaceItemModuleRoute } from './app-routing-paths';
 import { SocialService } from './social/social.service';
-import { datadogRum } from '@datadog/browser-rum';
-import { KlaroService } from './shared/cookies/klaro.service';
+import { DatadogRumService } from './shared/datadog-rum/datadog-rum.service';
 
 @Component({
   selector: 'ds-app',
@@ -76,7 +75,7 @@ export class AppComponent implements OnInit, AfterViewInit {
     private modalService: NgbModal,
     private modalConfig: NgbModalConfig,
     private socialService: SocialService,
-    private klaroService: KlaroService
+    private datadogRumService: DatadogRumService
   ) {
     this.notificationOptions = environment.notifications;
 
@@ -112,13 +111,7 @@ export class AppComponent implements OnInit, AfterViewInit {
 
     this.dispatchWindowSize(this._window.nativeWindow.innerWidth, this._window.nativeWindow.innerHeight);
 
-    this.klaroService.getSavedPreferences().subscribe(savedPreferences => {
-      if (savedPreferences?.datadog &&
-        environment.datadogRum?.clientToken && environment.datadogRum?.applicationId &&
-        environment.datadogRum?.service && environment.datadogRum?.env) {
-        datadogRum.init(environment.datadogRum);
-      }
-    });
+    this.datadogRumService.initDatadogRum();
   }
 
   private storeCSSVariables() {

src/app/shared/datadog-rum/datadog-rum.service.spec.ts

@@ -0,0 +1,16 @@
+import { TestBed } from '@angular/core/testing';
+
+import { DatadogRumService } from './datadog-rum.service';
+
+describe('DatadogRumService', () => {
+  let service: DatadogRumService;
+
+  beforeEach(() => {
+    TestBed.configureTestingModule({});
+    service = TestBed.inject(DatadogRumService);
+  });
+
+  it('should be created', () => {
+    expect(service).toBeTruthy();
+  });
+});

src/app/shared/datadog-rum/datadog-rum.service.ts

@@ -0,0 +1,38 @@
+import { Injectable } from '@angular/core';
+import { environment } from '../../../environments/environment';
+import { datadogRum } from '@datadog/browser-rum';
+import { CookieConsents, KlaroService } from '../cookies/klaro.service';
+import { BehaviorSubject } from 'rxjs';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class DatadogRumService {
+
+  consentUpdates$: BehaviorSubject<CookieConsents>;
+  isDatadogInitialized = false;
+
+  constructor(
+    private klaroService: KlaroService
+  ) {
+  }
+
+  initDatadogRum() {
+    this.klaroService.watchConsentUpdates();
+    this.consentUpdates$ = this.klaroService.consentsUpdates$;
+    this.consentUpdates$.subscribe(savedPreferences => {
+      if (savedPreferences?.datadog &&
+        environment.datadogRum?.clientToken && environment.datadogRum?.applicationId &&
+        environment.datadogRum?.service && environment.datadogRum?.env) {
+        if (!this.isDatadogInitialized) {
+          this.isDatadogInitialized = true;
+          datadogRum.init(environment.datadogRum);
+        }
+      } else {
+        // TODO: if a session starts then stops then starts again an error is thrown. Is there an alternative to the .init method?
+        datadogRum.stopSession();
+        this.isDatadogInitialized = false;
+      }
+    });
+  }
+}