@hmcts/rpx-xui-common-lib 2.0.11 → 2.0.12

package/fesm2020/hmcts-rpx-xui-common-lib.mjs

@@ -10,7 +10,7 @@ import { combineLatest, BehaviorSubject, Subject, of as of$1, forkJoin, zip, iif
 import * as i2$1 from '@angular/router';
 import { NavigationEnd, RouterModule } from '@angular/router';
 import { map, filter, distinctUntilChanged, delay, skipWhile, shareReplay, catchError, take, tap, debounceTime, switchMap, mergeMap } from 'rxjs/operators';
-import * as LDClient from 'launchdarkly-js-client-sdk';
+import { initialize } from 'launchdarkly-js-client-sdk';
 import * as i1$1 from '@angular/common/http';
 import { HttpParams } from '@angular/common/http';
 import { of } from 'rxjs/internal/observable/of';
@@ -999,6 +999,10 @@ class FeatureToggleService {
     getValueOnce(_key, _defaultValue) {
         throw new Error('Not implemented');
     }
+    // tslint:disable-next-line: variable-name
+    getValueSync(feature, defaultValue) {
+        throw new Error(`Not implemented ${feature}:${defaultValue}`);
+    }
 }
 FeatureToggleService.ɵfac = function FeatureToggleService_Factory(t) { return new (t || FeatureToggleService)(); };
 FeatureToggleService.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: FeatureToggleService, factory: FeatureToggleService.ɵfac, providedIn: 'root' });
@@ -1046,17 +1050,18 @@ class LaunchDarklyService {
         this.ready.next(false);
         this.user = user;
         this.clientId = clientId;
-        this.client = LDClient.initialize(this.clientId, this.user, {});
+        this.client = initialize(this.clientId, this.user, {});
         this.client.on('ready', () => {
             this.client.identify(this.user).then(() => this.ready.next(true));
         });
     }
-    isEnabled(feature) {
-        return this.getValue(feature, false);
+    isEnabled(feature, defaultValue = false) {
+        return this.getValue(feature, defaultValue);
     }
     getArray(feature) {
         return this.getValue(feature, []);
     }
+    // Note that this function always emits its default value first, which can lead to unexpected results
     getValue(feature, defaultValue) {
         if (!this.features.hasOwnProperty(feature)) {
             this.features[feature] = new BehaviorSubject(defaultValue);
@@ -1081,6 +1086,9 @@ class LaunchDarklyService {
     getValueOnce(feature, defaultValue) {
         return this.ready.pipe(filter(ready => ready), map(() => this.client.variation(feature, defaultValue)));
     }
+    getValueSync(feature, defaultValue) {
+        return this.client.variation(feature, defaultValue);
+    }
 }
 LaunchDarklyService.ɵfac = function LaunchDarklyService_Factory(t) { return new (t || LaunchDarklyService)(); };
 LaunchDarklyService.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: LaunchDarklyService, factory: LaunchDarklyService.ɵfac, providedIn: 'root' });
@@ -7263,9 +7271,9 @@ function CookieBannerComponent_div_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(24, 20, "View cookies"));
 } }
 class CookieBannerComponent {
-    constructor(cookieService, featureToggleService, window) {
+    constructor(cookieService, window) {
         this.cookieService = cookieService;
-        this.featureToggleService = featureToggleService;
+        this.enableDynatrace = false;
         this.rejectionNotifier = new EventEmitter();
         this.acceptanceNotifier = new EventEmitter();
         this.isCookieBannerVisible = false;
@@ -7301,24 +7309,30 @@ class CookieBannerComponent {
         this.rejectionNotifier.emit();
     }
     notifyAcceptance() {
-        if (this.window.hasOwnProperty('dtrum')) {
-            // @ts-ignore
-            const dtrum = this.window['dtrum'];
-            if (dtrum) {
-                this.featureToggleService.isEnabled('xui-dynatrace-rum-enabled')
-                    .subscribe((enabled) => {
-                    if (enabled) {
-                        try {
-                            dtrum.enable();
-                            dtrum.enableSessionReplay(true);
-                        }
-                        catch (e) {
-                            console.error('Error enabling DynaTrace', e);
-                        }
+        if (this.enableDynatrace) {
+            if (this.window.hasOwnProperty('dtrum')) {
+                // @ts-ignore
+                const dtrum = this.window['dtrum'];
+                if (dtrum) {
+                    try {
+                        dtrum.enable();
+                        dtrum.enableSessionReplay(true);
                     }
-                });
+                    catch (e) {
+                        console.error('Error enabling DynaTrace', e);
+                    }
+                }
+                else {
+                    console.info("DynaTrace not enabled on the server");
+                }
+            }
+            else {
+                console.info("DynaTrace not enabled on the server");
             }
         }
+        else {
+            console.info("Dyntrace RUM not enabled via component parameter");
+        }
         this.acceptanceNotifier.emit();
     }
     getExpiryDate() {
@@ -7329,8 +7343,8 @@ class CookieBannerComponent {
         return now.toUTCString();
     }
 }
-CookieBannerComponent.ɵfac = function CookieBannerComponent_Factory(t) { return new (t || CookieBannerComponent)(i0.ɵɵdirectiveInject(CookieService), i0.ɵɵdirectiveInject(FeatureToggleService), i0.ɵɵdirectiveInject(windowToken)); };
-CookieBannerComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CookieBannerComponent, selectors: [["xuilib-cookie-banner"]], inputs: { identifier: "identifier", appName: "appName" }, outputs: { rejectionNotifier: "rejectionNotifier", acceptanceNotifier: "acceptanceNotifier" }, decls: 1, vars: 1, consts: [["class", "govuk-cookie-banner ", "role", "region", 4, "ngIf"], ["role", "region", 1, "govuk-cookie-banner"], [1, "govuk-cookie-banner__message", "govuk-width-container"], [1, "govuk-grid-row"], [1, "govuk-grid-column-two-thirds"], [1, "govuk-cookie-banner__heading", "govuk-heading-m"], [1, "govuk-cookie-banner__content"], [1, "govuk-button-group"], ["value", "accept", "type", "button", "name", "cookies", "data-module", "govuk-button", 1, "govuk-button", 3, "click"], ["value", "reject", "type", "button", "name", "cookies", "data-module", "govuk-button", 1, "govuk-button", 3, "click"], ["routerLink", "/cookies", 1, "govuk-link"]], template: function CookieBannerComponent_Template(rf, ctx) { if (rf & 1) {
+CookieBannerComponent.ɵfac = function CookieBannerComponent_Factory(t) { return new (t || CookieBannerComponent)(i0.ɵɵdirectiveInject(CookieService), i0.ɵɵdirectiveInject(windowToken)); };
+CookieBannerComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CookieBannerComponent, selectors: [["xuilib-cookie-banner"]], inputs: { identifier: "identifier", appName: "appName", enableDynatrace: "enableDynatrace" }, outputs: { rejectionNotifier: "rejectionNotifier", acceptanceNotifier: "acceptanceNotifier" }, decls: 1, vars: 1, consts: [["class", "govuk-cookie-banner ", "role", "region", 4, "ngIf"], ["role", "region", 1, "govuk-cookie-banner"], [1, "govuk-cookie-banner__message", "govuk-width-container"], [1, "govuk-grid-row"], [1, "govuk-grid-column-two-thirds"], [1, "govuk-cookie-banner__heading", "govuk-heading-m"], [1, "govuk-cookie-banner__content"], [1, "govuk-button-group"], ["value", "accept", "type", "button", "name", "cookies", "data-module", "govuk-button", 1, "govuk-button", 3, "click"], ["value", "reject", "type", "button", "name", "cookies", "data-module", "govuk-button", 1, "govuk-button", 3, "click"], ["routerLink", "/cookies", 1, "govuk-link"]], template: function CookieBannerComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵtemplate(0, CookieBannerComponent_div_0_Template, 25, 22, "div", 0);
     } if (rf & 2) {
         i0.ɵɵproperty("ngIf", ctx.isCookieBannerVisible);
@@ -7338,13 +7352,15 @@ CookieBannerComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Cooki
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CookieBannerComponent, [{
         type: Component,
         args: [{ selector: 'xuilib-cookie-banner', template: "<div class=\"govuk-cookie-banner \" role=\"region\" attr.aria-label=\"'Cookies on {{appName}}'\" *ngIf=\"isCookieBannerVisible\">\n  <div class=\"govuk-cookie-banner__message govuk-width-container\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <h2 class=\"govuk-cookie-banner__heading govuk-heading-m\">{{'Cookies on' | rpxTranslate}} {{appName | rpxTranslate}}</h2>\n\n        <div class=\"govuk-cookie-banner__content\">\n          <p>{{'We use some essential cookies to make this service work.' | rpxTranslate}}</p>\n          <p>{{'We\\\u2019d also like to use analytics cookies so we can understand how you use the service and make improvements.' | rpxTranslate}}</p>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"govuk-button-group\">\n      <button value=\"accept\" type=\"button\" name=\"cookies\" class=\"govuk-button\" data-module=\"govuk-button\" (click)=\"acceptCookie()\">\n        {{'Accept analytics cookies' | rpxTranslate}}\n      </button>\n      <button value=\"reject\" type=\"button\" name=\"cookies\" class=\"govuk-button\" data-module=\"govuk-button\" (click)=\"rejectCookie()\">\n        {{'Reject analytics cookies' | rpxTranslate}}\n      </button>\n      <a class=\"govuk-link\" routerLink=\"/cookies\">{{'View cookies' | rpxTranslate}}</a>\n    </div>\n  </div>\n</div>\n" }]
-    }], function () { return [{ type: CookieService }, { type: FeatureToggleService }, { type: undefined, decorators: [{
+    }], function () { return [{ type: CookieService }, { type: undefined, decorators: [{
                 type: Inject,
                 args: [windowToken]
             }] }]; }, { identifier: [{
             type: Input
         }], appName: [{
             type: Input
+        }], enableDynatrace: [{
+            type: Input
         }], rejectionNotifier: [{
             type: Output
         }], acceptanceNotifier: [{