Issue # SB-10130 fix: constant DeviceId for all browser versions (#1409)

* Issue # SB-0000 fix: draft content limit fix

* Issue # SB-10130 fix: Device ID changes every time there is a new browser upgrade

src/app/client/package.json

@@ -33,7 +33,7 @@
     "@angular/platform-browser": "^6.0.7",
     "@angular/platform-browser-dynamic": "^6.0.7",
     "@angular/router": "^6.0.7",
-    "@project-sunbird/telemetry-sdk": "0.0.8",
+    "@project-sunbird/telemetry-sdk": "0.0.12",
     "@project-sunbird/web-extensions": "^0.0.2",
     "@types/lodash": "^4.14.104",
     "@types/moment-duration-format": "^2.2.0",
@@ -69,6 +69,7 @@
     "slick-carousel": "1.6.0",
     "time-ago-pipe": "^1.3.2",
     "tree-model": "^1.0.6",
+    "ua-parser-js": "^0.7.19",
     "zone.js": "^0.8.19"
   },
   "devDependencies": {
@@ -100,4 +101,4 @@
     "typescript": "~2.7.2",
     "@angular-devkit/build-angular": "~0.6.8"
   }
-}
\ No newline at end of file
+}

src/app/client/src/app/app.component.ts

@@ -11,7 +11,6 @@ import { Observable, of, throwError, combineLatest } from 'rxjs';
 import { first, filter, mergeMap, tap, map } from 'rxjs/operators';
 import { CacheService } from 'ng2-cache-service';
 import { DOCUMENT } from '@angular/platform-browser';
-const fingerPrint2 = new Fingerprint2();
 
 /**
  * main app component
@@ -146,7 +145,8 @@ export class AppComponent implements OnInit {
    * fetch device id using fingerPrint2 library.
    */
   public setDeviceId(): Observable<string> {
-    return new Observable(observer => fingerPrint2.get((deviceId) => {
+    const options = this.userService.getFingerPrintOptions();
+    return new Observable(observer => Fingerprint2.getV18(options, (deviceId) => {
       (<HTMLInputElement>document.getElementById('deviceId')).value = deviceId;
       observer.next(deviceId);
       observer.complete();

src/app/client/src/app/modules/core/services/user/user.service.ts

@@ -9,6 +9,8 @@ import * as _ from 'lodash';
 import { HttpClient } from '@angular/common/http';
 import { PublicDataService } from './../public-data/public-data.service';
 import { skipWhile } from 'rxjs/operators';
+import * as UAParser from 'ua-parser-js';
+
 /**
  * Service to fetch user details from server
  *
@@ -335,8 +337,8 @@ export class UserService {
    * method to log session start
    */
   public startSession(): void {
-    const fingerPrint2 = new Fingerprint2();
-    fingerPrint2.get((result, components) => {
+    const options = this.getFingerPrintOptions();
+    Fingerprint2.getV18(options, (result) => {
       const url = `/v1/user/session/start/${result}`;
       this.http.get(url).subscribe();
     });
@@ -345,4 +347,56 @@ export class UserService {
   getUserByKey(key) {
     return this.learnerService.get({ url: this.config.urlConFig.URLS.USER.GET_USER_BY_KEY + '/' + key});
   }
+  public getFingerPrintOptions(): object {
+    return ({
+      preprocessor: (key, value) => {
+        if (key === 'userAgent') {
+          const parser = new UAParser(value); // https://github.com/faisalman/ua-parser-js
+          const userAgentMinusVersion = parser.getOS().name + ' ' + parser.getBrowser().name;
+          return userAgentMinusVersion;
+        }
+        return value;
+      },
+      audio: {
+        timeout: 1000,
+        excludeIOS11: true
+      },
+      fonts: {
+        swfContainerId: 'fingerprintjs2',
+        swfPath: 'flash/compiled/FontList.swf',
+        userDefinedFonts: [],
+        extendedJsFonts: false
+      },
+      screen: {
+        detectScreenOrientation: true
+      },
+      plugins: {
+        sortPluginsFor: [/palemoon/i],
+        excludeIE: false
+      },
+      extraComponents: [],
+      excludes: {
+        // Unreliable on Windows, see https://github.com/Valve/fingerprintjs2/issues/375
+        'enumerateDevices': true,
+        // devicePixelRatio depends on browser zoom, and it's impossible to detect browser zoom
+        'pixelRatio': true,
+        // DNT depends on incognito mode for some browsers (Chrome) and it's impossible to detect incognito mode
+        'doNotTrack': true,
+        // uses js fonts already
+        'fontsFlash': true,
+        'canvas': true,
+        'screenResolution': true,
+        'availableScreenResolution': true,
+        'touchSupport': true,
+        'plugins': true,
+        'webgl': true,
+        'audio': true,
+        'language': true,
+        'deviceMemory': true
+      },
+      NOT_AVAILABLE: 'not available',
+      ERROR: 'error',
+      EXCLUDED: 'excluded'
+    });
+  }
 }