@hmcts/ccd-case-ui-toolkit 6.18.0-restricted-case-access-v3 → 6.18.0-restricted-case-access-v4

package/bundles/hmcts-ccd-case-ui-toolkit.umd.js

@@ -2,7 +2,7 @@
     typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('rpx-xui-translation'), require('@angular/router'), require('@angular/forms'), require('rx-polling'), require('rxjs'), require('@angular/common/http'), require('rxjs/operators'), require('class-transformer'), require('moment'), require('underscore'), require('pegjs'), require('util'), require('@edium/fsm'), require('@angular/material/dialog'), require('@nicky-lenaers/ngx-scroll-to'), require('ngx-md'), require('@angular/material/autocomplete'), require('@angular/material/core'), require('@hmcts/ccpay-web-component'), require('@angular/cdk/overlay'), require('@angular/cdk/tree'), require('@angular/material/input'), require('@angular-material-components/datetime-picker'), require('@angular-material-components/moment-adapter'), require('@angular/material/datepicker'), require('@angular/material/form-field'), require('@hmcts/media-viewer'), require('@angular/cdk/portal'), require('ngx-pagination'), require('@angular/material/tabs')) :
     typeof define === 'function' && define.amd ? define('@hmcts/ccd-case-ui-toolkit', ['exports', '@angular/core', '@angular/common', 'rpx-xui-translation', '@angular/router', '@angular/forms', 'rx-polling', 'rxjs', '@angular/common/http', 'rxjs/operators', 'class-transformer', 'moment', 'underscore', 'pegjs', 'util', '@edium/fsm', '@angular/material/dialog', '@nicky-lenaers/ngx-scroll-to', 'ngx-md', '@angular/material/autocomplete', '@angular/material/core', '@hmcts/ccpay-web-component', '@angular/cdk/overlay', '@angular/cdk/tree', '@angular/material/input', '@angular-material-components/datetime-picker', '@angular-material-components/moment-adapter', '@angular/material/datepicker', '@angular/material/form-field', '@hmcts/media-viewer', '@angular/cdk/portal', 'ngx-pagination', '@angular/material/tabs'], factory) :
     (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.hmcts = global.hmcts || {}, global.hmcts["ccd-case-ui-toolkit"] = {}), global.ng.core, global.ng.common, global.i1, global.ng.router, global.ng.forms, global["rx-polling"], global.rxjs, global.ng.common.http, global.rxjs.operators, global["class-transformer"], global.moment, global.underscore, global.pegjs, global.util, global["@edium/fsm"], global.ng.material.dialog, global["@nicky-lenaers/ngx-scroll-to"], global["ngx-md"], global.ng.material.autocomplete, global.ng.material.core, global["@hmcts/ccpay-web-component"], global.ng.cdk.overlay, global.ng.cdk.tree, global.ng.material.input, global["@angular-material-components/datetime-picker"], global["@angular-material-components/moment-adapter"], global.ng.material.datepicker, global.ng.material.formField, global.i12, global.ng.cdk.portal, global["ngx-pagination"], global.ng.material.tabs));
-})(this, (function (exports, i0, i2, i1, i1$1, i2$1, polling, rxjs, i1$2, operators, classTransformer, moment, _, pegjs, util, fsm, i1$3, i2$2, i1$4, i4, i5, i3, i1$5, i7, i3$1, i4$1, momentAdapter, i5$1, i6, i12, i6$1, i1$6, i10) { 'use strict';
+})(this, (function (exports, i0, i2, i1, i1$1, i2$1, polling, rxjs, i1$2, operators, classTransformer, moment, _, pegjs, util, fsm, i1$3, i2$2, i1$4, i5, i6, i3, i1$5, i7, i3$1, i4, momentAdapter, i5$1, i6$1, i12, i6$2, i1$6, i10) { 'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -36,17 +36,17 @@
     var i1__namespace$3 = /*#__PURE__*/_interopNamespace(i1$3);
     var i2__namespace$2 = /*#__PURE__*/_interopNamespace(i2$2);
     var i1__namespace$4 = /*#__PURE__*/_interopNamespace(i1$4);
-    var i4__namespace = /*#__PURE__*/_interopNamespace(i4);
     var i5__namespace = /*#__PURE__*/_interopNamespace(i5);
+    var i6__namespace = /*#__PURE__*/_interopNamespace(i6);
     var i3__namespace = /*#__PURE__*/_interopNamespace(i3);
     var i1__namespace$5 = /*#__PURE__*/_interopNamespace(i1$5);
     var i7__namespace = /*#__PURE__*/_interopNamespace(i7);
     var i3__namespace$1 = /*#__PURE__*/_interopNamespace(i3$1);
-    var i4__namespace$1 = /*#__PURE__*/_interopNamespace(i4$1);
+    var i4__namespace = /*#__PURE__*/_interopNamespace(i4);
     var i5__namespace$1 = /*#__PURE__*/_interopNamespace(i5$1);
-    var i6__namespace = /*#__PURE__*/_interopNamespace(i6);
-    var i12__namespace = /*#__PURE__*/_interopNamespace(i12);
     var i6__namespace$1 = /*#__PURE__*/_interopNamespace(i6$1);
+    var i12__namespace = /*#__PURE__*/_interopNamespace(i12);
+    var i6__namespace$2 = /*#__PURE__*/_interopNamespace(i6$2);
     var i1__namespace$6 = /*#__PURE__*/_interopNamespace(i1$6);
     var i10__namespace = /*#__PURE__*/_interopNamespace(i10);
 
@@ -145,14 +145,14 @@
         }
     }
     var _c0$$ = [[["", "footerSolsNavLinks", ""]], [["", "footerCaseWorkerNavLinks", ""]]];
-    var _c1$s = ["[footerSolsNavLinks]", "[footerCaseWorkerNavLinks]"];
+    var _c1$t = ["[footerSolsNavLinks]", "[footerCaseWorkerNavLinks]"];
     var FooterComponent = /** @class */ (function () {
         function FooterComponent() {
         }
         return FooterComponent;
     }());
     FooterComponent.ɵfac = function FooterComponent_Factory(t) { return new (t || FooterComponent)(); };
-    FooterComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: FooterComponent, selectors: [["cut-footer-bar"]], inputs: { email: "email", isSolicitor: "isSolicitor", phone: "phone", workhours: "workhours" }, ngContentSelectors: _c1$s, decls: 4, vars: 4, consts: [["id", "footer", "role", "footer", 1, "group", "js-footer"], [1, "footer-wrapper"], ["class", "footer-meta", 4, "ngIf"], [1, "footer-meta"], [1, "footer-meta-inner"], [1, "open-government-licence"], [1, "logo"], ["href", "https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/", "rel", "license"], [1, "copyright"], ["href", "https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/copyright-and-re-use/crown-copyright/"], [1, "title"], [1, "footer-text"], [1, "email"], [3, "href"], [1, "phone"], [1, "work-hours"]], template: function FooterComponent_Template(rf, ctx) {
+    FooterComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: FooterComponent, selectors: [["cut-footer-bar"]], inputs: { email: "email", isSolicitor: "isSolicitor", phone: "phone", workhours: "workhours" }, ngContentSelectors: _c1$t, decls: 4, vars: 4, consts: [["id", "footer", "role", "footer", 1, "group", "js-footer"], [1, "footer-wrapper"], ["class", "footer-meta", 4, "ngIf"], [1, "footer-meta"], [1, "footer-meta-inner"], [1, "open-government-licence"], [1, "logo"], ["href", "https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/", "rel", "license"], [1, "copyright"], ["href", "https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/copyright-and-re-use/crown-copyright/"], [1, "title"], [1, "footer-text"], [1, "email"], [3, "href"], [1, "phone"], [1, "work-hours"]], template: function FooterComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0__namespace.ɵɵprojectionDef(_c0$$);
                 i0__namespace.ɵɵelementStart(0, "footer", 0);
@@ -241,7 +241,7 @@
         }
     }
     var _c0$_ = [[["", "headerNavigation", ""]]];
-    var _c1$r = ["[headerNavigation]"];
+    var _c1$s = ["[headerNavigation]"];
     var HeaderBarComponent = /** @class */ (function () {
         function HeaderBarComponent() {
             this.signOutRequest = new i0.EventEmitter();
@@ -252,7 +252,7 @@
         return HeaderBarComponent;
     }());
     HeaderBarComponent.ɵfac = function HeaderBarComponent_Factory(t) { return new (t || HeaderBarComponent)(); };
-    HeaderBarComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: HeaderBarComponent, selectors: [["cut-header-bar"]], inputs: { title: "title", isSolicitor: "isSolicitor", username: "username" }, outputs: { signOutRequest: "signOutRequest" }, ngContentSelectors: _c1$r, decls: 17, vars: 14, consts: [["role", "banner", "id", "global-header", 1, "with-proposition"], [1, "header-wrapper"], [1, "header-global"], [4, "ngIf"], ["class", "global-header", 4, "ngIf"], [1, "header-proposition"], [1, "content"], ["href", "#proposition-links", 1, "js-header-toggle", "menu"], ["id", "proposition-menu", 4, "ngIf"], [1, "proposition-right"], ["id", "user-name"], ["id", "sign-out", "href", "javascript:void(0)", 3, "click"], ["href", "https://www.gov.uk", "title", "Go to the GOV.UK homepage", "id", "logo", 1, "content", 2, "margin-left", "0px"], ["src", "/img/gov.uk_logotype_crown_invert_trans.png?0.23.0", "width", "36", "height", "32", "alt", ""], [1, "global-header"], [1, "title"], ["id", "proposition-menu"], [1, "title-solicitor"], ["id", "proposition-name"]], template: function HeaderBarComponent_Template(rf, ctx) {
+    HeaderBarComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: HeaderBarComponent, selectors: [["cut-header-bar"]], inputs: { title: "title", isSolicitor: "isSolicitor", username: "username" }, outputs: { signOutRequest: "signOutRequest" }, ngContentSelectors: _c1$s, decls: 17, vars: 14, consts: [["role", "banner", "id", "global-header", 1, "with-proposition"], [1, "header-wrapper"], [1, "header-global"], [4, "ngIf"], ["class", "global-header", 4, "ngIf"], [1, "header-proposition"], [1, "content"], ["href", "#proposition-links", 1, "js-header-toggle", "menu"], ["id", "proposition-menu", 4, "ngIf"], [1, "proposition-right"], ["id", "user-name"], ["id", "sign-out", "href", "javascript:void(0)", 3, "click"], ["href", "https://www.gov.uk", "title", "Go to the GOV.UK homepage", "id", "logo", 1, "content", 2, "margin-left", "0px"], ["src", "/img/gov.uk_logotype_crown_invert_trans.png?0.23.0", "width", "36", "height", "32", "alt", ""], [1, "global-header"], [1, "title"], ["id", "proposition-menu"], [1, "title-solicitor"], ["id", "proposition-name"]], template: function HeaderBarComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0__namespace.ɵɵprojectionDef(_c0$_);
                 i0__namespace.ɵɵelementStart(0, "header", 0);
@@ -322,14 +322,14 @@
     })();
 
     var _c0$Z = [[["", "leftNavLinks", ""]], [["", "rightNavLinks", ""]]];
-    var _c1$q = ["[leftNavLinks]", "[rightNavLinks]"];
+    var _c1$r = ["[leftNavLinks]", "[rightNavLinks]"];
     var NavigationComponent = /** @class */ (function () {
         function NavigationComponent() {
         }
         return NavigationComponent;
     }());
     NavigationComponent.ɵfac = function NavigationComponent_Factory(t) { return new (t || NavigationComponent)(); };
-    NavigationComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: NavigationComponent, selectors: [["cut-nav-bar"]], inputs: { isSolicitor: "isSolicitor" }, ngContentSelectors: _c1$q, decls: 4, vars: 2, consts: [[1, "cut-nav-bar"]], template: function NavigationComponent_Template(rf, ctx) {
+    NavigationComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: NavigationComponent, selectors: [["cut-nav-bar"]], inputs: { isSolicitor: "isSolicitor" }, ngContentSelectors: _c1$r, decls: 4, vars: 2, consts: [[1, "cut-nav-bar"]], template: function NavigationComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0__namespace.ɵɵprojectionDef(_c0$Z);
                 i0__namespace.ɵɵelementStart(0, "div");
@@ -488,14 +488,14 @@
     })();
 
     var _c0$Y = [[["", "topBody", ""]], [["", "leftBody", ""]], [["", "rightBody", ""]]];
-    var _c1$p = ["[topBody]", "[leftBody]", "[rightBody]"];
+    var _c1$q = ["[topBody]", "[leftBody]", "[rightBody]"];
     var BodyComponent = /** @class */ (function () {
         function BodyComponent() {
         }
         return BodyComponent;
     }());
     BodyComponent.ɵfac = function BodyComponent_Factory(t) { return new (t || BodyComponent)(); };
-    BodyComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: BodyComponent, selectors: [["cut-body"]], ngContentSelectors: _c1$p, decls: 4, vars: 0, consts: [[1, "global-display"]], template: function BodyComponent_Template(rf, ctx) {
+    BodyComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: BodyComponent, selectors: [["cut-body"]], ngContentSelectors: _c1$q, decls: 4, vars: 0, consts: [[1, "global-display"]], template: function BodyComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0__namespace.ɵɵprojectionDef(_c0$Y);
                 i0__namespace.ɵɵelementStart(0, "div", 0);
@@ -1684,14 +1684,14 @@
     })();
 
     var _c0$V = function (a0) { return { "js-hidden": a0 }; };
-    var _c1$o = ["*"];
+    var _c1$p = ["*"];
     var TabComponent = /** @class */ (function () {
         function TabComponent() {
         }
         return TabComponent;
     }());
     TabComponent.ɵfac = function TabComponent_Factory(t) { return new (t || TabComponent)(); };
-    TabComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: TabComponent, selectors: [["cut-tab"]], inputs: { id: "id", title: "title", selected: "selected" }, ngContentSelectors: _c1$o, decls: 2, vars: 5, consts: [["role", "tabpanel", 1, "tabs-panel", 3, "id", "ngClass"]], template: function TabComponent_Template(rf, ctx) {
+    TabComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: TabComponent, selectors: [["cut-tab"]], inputs: { id: "id", title: "title", selected: "selected" }, ngContentSelectors: _c1$p, decls: 2, vars: 5, consts: [["role", "tabpanel", 1, "tabs-panel", 3, "id", "ngClass"]], template: function TabComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0__namespace.ɵɵprojectionDef();
                 i0__namespace.ɵɵelementStart(0, "div", 0);
@@ -1723,7 +1723,7 @@
     })();
 
     var _c0$U = ["tab"];
-    var _c1$n = function () { return ["."]; };
+    var _c1$o = function () { return ["."]; };
     var _c2$3 = function (a0) { return { "tabs-toggle-selected": a0 }; };
     function TabsComponent_li_2_Template(rf, ctx) {
         if (rf & 1) {
@@ -1739,7 +1739,7 @@
         if (rf & 2) {
             var panel_r1 = ctx.$implicit;
             i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("routerLink", i0__namespace.ɵɵpureFunction0(8, _c1$n))("fragment", panel_r1.id)("ngClass", i0__namespace.ɵɵpureFunction1(9, _c2$3, panel_r1.selected));
+            i0__namespace.ɵɵproperty("routerLink", i0__namespace.ɵɵpureFunction0(8, _c1$o))("fragment", panel_r1.id)("ngClass", i0__namespace.ɵɵpureFunction1(9, _c2$3, panel_r1.selected));
             i0__namespace.ɵɵattribute("aria-controls", panel_r1.id)("aria-selected", panel_r1.selected);
             i0__namespace.ɵɵadvance(2);
             i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(4, 6, panel_r1.title));
@@ -2022,6 +2022,18 @@
         AbstractAppConfig.prototype.getLocationRefApiUrl = function () {
             return undefined;
         };
+        AbstractAppConfig.prototype.getEnvironment = function () {
+            var _a, _b, _c, _d;
+            if ((_a = this.getActivityUrl()) === null || _a === void 0 ? void 0 : _a.includes('.aat.'))
+                return 'aat';
+            else if ((_b = this.getActivityUrl()) === null || _b === void 0 ? void 0 : _b.includes('.preview.'))
+                return 'preview';
+            else if ((_c = this.getActivityUrl()) === null || _c === void 0 ? void 0 : _c.includes('.demo.'))
+                return 'demo';
+            else if ((_d = this.getActivityUrl()) === null || _d === void 0 ? void 0 : _d.includes('.ithc.'))
+                return 'ithc';
+            return 'prod';
+        };
         AbstractAppConfig.prototype.getCamRoleAssignmentsApiUrl = function () {
             return undefined;
         };
@@ -2110,6 +2122,8 @@
         };
         HttpErrorService.prototype.handle = function (error, redirectIfNotAuthorised) {
             if (redirectIfNotAuthorised === void 0) { redirectIfNotAuthorised = true; }
+            console.error('Handling error in http error service.');
+            console.error(error);
             var httpError = HttpErrorService.convertToHttpError(error);
             if (redirectIfNotAuthorised && (httpError.status === 401 || httpError.status === 403)) {
                 this.authService.signIn();
@@ -4328,7 +4342,7 @@
             if (!caseField || !types) {
                 return false;
             }
-            return types.some(function (type) { return type === caseField.field_type.type; });
+            return types.some(function (type) { return type === caseField.field_type.type || type === caseField.field_type.id; });
         };
         FieldsUtils.isLinkedCasesCaseField = function (caseField) {
             return FieldsUtils.isComponentLauncherCaseField(caseField) &&
@@ -5160,7 +5174,7 @@
         return FormValidatorsService;
     }());
     FormValidatorsService.CUSTOM_VALIDATED_TYPES = [
-        'Date', 'MoneyGBP', 'Label'
+        'Date', 'MoneyGBP', 'Label', 'JudicialUser'
     ];
     FormValidatorsService.ɵfac = function FormValidatorsService_Factory(t) { return new (t || FormValidatorsService)(); };
     FormValidatorsService.ɵprov = i0__namespace.ɵɵdefineInjectable({ token: FormValidatorsService, factory: FormValidatorsService.ɵfac });
@@ -7943,13 +7957,17 @@
         });
         LoadingService.prototype.register = function () {
             var token = this.generateToken();
+            console.info("registering [" + token + "]");
             this.registered.set(token, token);
             this.loading.next(true);
+            console.info("registered [" + token + "]");
             return token;
         };
         LoadingService.prototype.unregister = function (token) {
+            console.info("unregistering [" + token + "]");
             this.registered.delete(token);
             this.loading.next(this.registered.size > 0);
+            console.info("unregistered [" + token + "]");
         };
         LoadingService.prototype.generateToken = function () {
             var timestamp = window.performance.now();
@@ -8068,6 +8086,94 @@
             }], null, null);
     })();
 
+    var ArtificialDelayContext = /** @class */ (function () {
+        function ArtificialDelayContext(preferredDelay) {
+            this.preferredDelay = preferredDelay;
+            this.artificialDelayOn = true;
+            this.selectedDelay = this.selectActualDelayTime();
+        }
+        ;
+        ArtificialDelayContext.prototype.switchArtificialDelays = function (status) {
+            this.artificialDelayOn = status;
+            this.selectedDelay = this.selectActualDelayTime();
+        };
+        ArtificialDelayContext.prototype.turnOnArtificialDelays = function () {
+            this.switchArtificialDelays(true);
+        };
+        ArtificialDelayContext.prototype.turnOffArtificialDelays = function () {
+            this.switchArtificialDelays(false);
+        };
+        ArtificialDelayContext.prototype.getActualDelay = function () {
+            return this.artificialDelayOn ? this.selectedDelay : 0;
+        };
+        ArtificialDelayContext.prototype.shouldApplyArtificialDelay = function () {
+            return this.preferredDelay > 0;
+        };
+        ArtificialDelayContext.prototype.selectActualDelayTime = function () {
+            return Date.now() % 2 == 0 ? this.preferredDelay : 1;
+        };
+        return ArtificialDelayContext;
+    }());
+    var RetryUtil = /** @class */ (function () {
+        function RetryUtil() {
+        }
+        RetryUtil.prototype.pipeTimeoutMechanismOn = function (in$, preferredArtificialDelay, timeoutPeriods) {
+            var artificialDelayContext = new ArtificialDelayContext(preferredArtificialDelay);
+            console.info("Piping a retry mechanism with timeouts {" + timeoutPeriods + "}.");
+            console.info("Artificial delay will be applied: " + artificialDelayContext.shouldApplyArtificialDelay() + ".");
+            var out$ = in$;
+            if (artificialDelayContext.shouldApplyArtificialDelay()) {
+                console.info("Preferred artificial delay: " + preferredArtificialDelay + " seconds. Actual delay selected: " + artificialDelayContext.getActualDelay());
+                out$ = this.pipeArtificialDelayOn(out$, artificialDelayContext);
+            }
+            out$ = this.pipeTimeOutControlOn(out$, timeoutPeriods);
+            out$ = this.pipeRetryMechanismOn(out$, artificialDelayContext);
+            return out$;
+        };
+        RetryUtil.prototype.pipeTimeOutControlOn = function (in$, timeoutPeriods) {
+            var timeOutAfterSeconds = timeoutPeriods[0];
+            var out$ = in$.pipe(operators.timeout(timeOutAfterSeconds * 1000));
+            return out$;
+        };
+        RetryUtil.prototype.pipeRetryMechanismOn = function (in$, artificialDelayContext) {
+            var retryStrategy = function (errors) {
+                return errors.pipe(operators.mergeMap(function (error, i) {
+                    console.error("Mapping error " + (error === null || error === void 0 ? void 0 : error.name) + ", " + i);
+                    console.error(error);
+                    if ((error === null || error === void 0 ? void 0 : error.name) === 'TimeoutError' && i === 0) {
+                        artificialDelayContext.turnOffArtificialDelays();
+                        console.info('Will retry, after a timeout error.');
+                    }
+                    else {
+                        console.error('Will NOT retry.');
+                        rxjs.throwError(error);
+                    }
+                    return rxjs.timer(0);
+                }), operators.finalize(function () { return console.log('We are done!'); }));
+            };
+            var out$ = in$.pipe(operators.retryWhen(retryStrategy));
+            return out$;
+        };
+        RetryUtil.prototype.pipeArtificialDelayOn = function (in$, artificialDelayContext) {
+            var out$ = in$.pipe(operators.tap(function () {
+                console.log("Artificially delaying for " + artificialDelayContext.getActualDelay() + " seconds..");
+            }));
+            out$ = out$.pipe(operators.delayWhen(function () { return rxjs.timer(artificialDelayContext.getActualDelay() * 1000); }));
+            out$ = out$.pipe(operators.tap(function () {
+                console.log("Artificially delayed for " + artificialDelayContext.getActualDelay() + " seconds..");
+            }));
+            return out$;
+        };
+        return RetryUtil;
+    }());
+    RetryUtil.ɵfac = function RetryUtil_Factory(t) { return new (t || RetryUtil)(); };
+    RetryUtil.ɵprov = i0__namespace.ɵɵdefineInjectable({ token: RetryUtil, factory: RetryUtil.ɵfac });
+    (function () {
+        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(RetryUtil, [{
+                type: i0.Injectable
+            }], null, null);
+    })();
+
     var WindowService = /** @class */ (function () {
         function WindowService() {
         }
@@ -8619,7 +8725,7 @@
     })();
 
     var CasesService = /** @class */ (function () {
-        function CasesService(http, appConfig, orderService, errorService, wizardPageFieldToCaseFieldMapper, loadingService, sessionStorageService) {
+        function CasesService(http, appConfig, orderService, errorService, wizardPageFieldToCaseFieldMapper, loadingService, sessionStorageService, retryUtil) {
             this.http = http;
             this.appConfig = appConfig;
             this.orderService = orderService;
@@ -8627,6 +8733,7 @@
             this.wizardPageFieldToCaseFieldMapper = wizardPageFieldToCaseFieldMapper;
             this.loadingService = loadingService;
             this.sessionStorageService = sessionStorageService;
+            this.retryUtil = retryUtil;
             this.get = this.getCaseView;
         }
         CasesService.updateChallengedAccessRequestAttributes = function (httpClient, caseId, attributesToUpdate) {
@@ -8660,12 +8767,30 @@
                 .set('Accept', CasesService.V2_MEDIATYPE_CASE_VIEW)
                 .set('Content-Type', 'application/json');
             var loadingToken = this.loadingService.register();
-            return this.http
-                .get(url, { headers: headers, observe: 'body' })
-                .pipe(operators.catchError(function (error) {
+            var http$ = this.http.get(url, { headers: headers, observe: 'body' });
+            var artificialDelay = this.appConfig.getTimeoutsCaseRetrievalArtificialDelay();
+            var timeoutPeriods = this.appConfig.getTimeoutsForCaseRetrieval();
+            if (timeoutPeriods && timeoutPeriods.length > 0 && timeoutPeriods[1] > 0) {
+                http$ = this.retryUtil.pipeTimeoutMechanismOn(http$, artificialDelay, timeoutPeriods);
+            }
+            http$ = this.pipeErrorProcessor(http$);
+            http$ = http$.pipe(operators.finalize(function () { return _this.finalizeGetCaseViewWith(caseId, loadingToken); }));
+            return http$;
+        };
+        CasesService.prototype.pipeErrorProcessor = function (in$) {
+            var _this = this;
+            var out$ = in$.pipe(operators.catchError(function (error) {
+                console.error("Error while getting case view with getCaseViewV2! Error type: '" + typeof error + ", Error name: '" + (error === null || error === void 0 ? void 0 : error.name) + "'");
+                console.error(error);
                 _this.errorService.setError(error);
                 return rxjs.throwError(error);
-            }), operators.finalize(function () { return _this.loadingService.unregister(loadingToken); }));
+            }));
+            return out$;
+        };
+        CasesService.prototype.finalizeGetCaseViewWith = function (caseId, loadingToken) {
+            console.info("finalizeGetCaseViewWith started for " + caseId + ".");
+            this.loadingService.unregister(loadingToken);
+            console.info("finalizeGetCaseViewWith finished for " + caseId + ".");
         };
         CasesService.prototype.getEventTrigger = function (caseTypeId, eventTriggerId, caseId, ignoreWarning) {
             var _this = this;
@@ -8851,12 +8976,12 @@
     CasesService.V2_MEDIATYPE_CREATE_EVENT = 'application/vnd.uk.gov.hmcts.ccd-data-store-api.create-event.v2+json;charset=UTF-8';
     CasesService.V2_MEDIATYPE_CREATE_CASE = 'application/vnd.uk.gov.hmcts.ccd-data-store-api.create-case.v2+json;charset=UTF-8';
     CasesService.PUI_CASE_MANAGER = 'pui-case-manager';
-    CasesService.ɵfac = function CasesService_Factory(t) { return new (t || CasesService)(i0__namespace.ɵɵinject(HttpService), i0__namespace.ɵɵinject(AbstractAppConfig), i0__namespace.ɵɵinject(OrderService), i0__namespace.ɵɵinject(HttpErrorService), i0__namespace.ɵɵinject(WizardPageFieldToCaseFieldMapper), i0__namespace.ɵɵinject(LoadingService), i0__namespace.ɵɵinject(SessionStorageService)); };
+    CasesService.ɵfac = function CasesService_Factory(t) { return new (t || CasesService)(i0__namespace.ɵɵinject(HttpService), i0__namespace.ɵɵinject(AbstractAppConfig), i0__namespace.ɵɵinject(OrderService), i0__namespace.ɵɵinject(HttpErrorService), i0__namespace.ɵɵinject(WizardPageFieldToCaseFieldMapper), i0__namespace.ɵɵinject(LoadingService), i0__namespace.ɵɵinject(SessionStorageService), i0__namespace.ɵɵinject(RetryUtil)); };
     CasesService.ɵprov = i0__namespace.ɵɵdefineInjectable({ token: CasesService, factory: CasesService.ɵfac });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(CasesService, [{
                 type: i0.Injectable
-            }], function () { return [{ type: HttpService }, { type: AbstractAppConfig }, { type: OrderService }, { type: HttpErrorService }, { type: WizardPageFieldToCaseFieldMapper }, { type: LoadingService }, { type: SessionStorageService }]; }, null);
+            }], function () { return [{ type: HttpService }, { type: AbstractAppConfig }, { type: OrderService }, { type: HttpErrorService }, { type: WizardPageFieldToCaseFieldMapper }, { type: LoadingService }, { type: SessionStorageService }, { type: RetryUtil }]; }, null);
     })();
 
     var EventTriggerService = /** @class */ (function () {
@@ -9240,16 +9365,23 @@
             this.cachedCaseView = null;
         };
         CaseNotifier.prototype.announceCase = function (c) {
+            console.info('announceCase started.');
             this.caseViewSource.next(c);
+            console.info('announceCase finished.');
         };
         CaseNotifier.prototype.fetchAndRefresh = function (cid) {
             var _this = this;
+            console.info('fetchAndRefresh started.');
             return this.casesService
                 .getCaseViewV2(cid)
                 .pipe(operators.map(function (caseView) {
+                console.info('mapping caseView started.');
+                // this.casesService.syncWait(10);
+                // throw new Error('******************************************************');
                 _this.cachedCaseView = classTransformer.plainToClassFromExist(new CaseView(), caseView);
                 _this.setBasicFields(_this.cachedCaseView.tabs);
                 _this.announceCase(_this.cachedCaseView);
+                console.info('mapping caseView finished. Returning it.');
                 return _this.cachedCaseView;
             }));
         };
@@ -9501,7 +9633,9 @@
                 .filter(function (caseField) { return !_this.caseFieldService.isReadOnly(caseField); })
                 .filter(function (caseField) { return !_this.isHidden(caseField, editForm); })
                 .every(function (caseField) {
-                var theControl = editForm.controls['data'].get(caseField.id);
+                var theControl = FieldsUtils.isCaseFieldOfType(caseField, ['JudicialUser'])
+                    ? editForm.controls['data'].get(caseField.id + "_judicialUserControl")
+                    : editForm.controls['data'].get(caseField.id);
                 return _this.checkDocumentField(caseField, theControl) && _this.checkOptionalField(caseField, theControl);
             });
         };
@@ -10935,7 +11069,9 @@
             fields.filter(function (casefield) { return !_this.caseFieldService.isReadOnly(casefield); })
                 .filter(function (casefield) { return !_this.pageValidationService.isHidden(casefield, _this.editForm, path); })
                 .forEach(function (casefield) {
-                var fieldElement = group.get(casefield.id);
+                var fieldElement = FieldsUtils.isCaseFieldOfType(casefield, ['JudicialUser'])
+                    ? group.get(casefield.id + "_judicialUserControl")
+                    : group.get(casefield.id);
                 if (fieldElement) {
                     var label = casefield.label || 'Field';
                     var id_1 = casefield.id;
@@ -10950,6 +11086,11 @@
                     if (fieldElement.hasError('required')) {
                         _this.caseEditDataService.addFormValidationError({ id: id_1, message: "%FIELDLABEL% is required", label: label });
                         fieldElement.markAsDirty();
+                        // For the JudicialUser field type, an error needs to be set on the component so that an error message
+                        // can be displayed at field level
+                        if (FieldsUtils.isCaseFieldOfType(casefield, ['JudicialUser'])) {
+                            fieldElement['component'].errors = { required: true };
+                        }
                     }
                     else if (fieldElement.hasError('pattern')) {
                         _this.caseEditDataService.addFormValidationError({ id: id_1, message: "%FIELDLABEL% is not valid", label: label });
@@ -11046,6 +11187,10 @@
                     _this.handleError(error);
                 });
                 CaseEditPageComponent.scrollToTop();
+                // Remove all JudicialUser FormControls with the ID suffix "_judicialUserControl" because these are not
+                // intended to be present in the Case Event data (they are added only for value selection and validation
+                // purposes)
+                this.removeAllJudicialUserFormControls(this.currentPage, this.editForm);
             }
             CaseEditPageComponent.setFocusToTop();
         };
@@ -11317,6 +11462,13 @@
                 submit: this.caseEdit.submit,
             });
         };
+        CaseEditPageComponent.prototype.removeAllJudicialUserFormControls = function (page, editForm) {
+            page.case_fields.forEach(function (caseField) {
+                if (FieldsUtils.isCaseFieldOfType(caseField, ['JudicialUser'])) {
+                    editForm.controls['data'].removeControl(caseField.id + "_judicialUserControl");
+                }
+            });
+        };
         return CaseEditPageComponent;
     }());
     CaseEditPageComponent.RESUMED_FORM_DISCARD = 'RESUMED_FORM_DISCARD';
@@ -11582,7 +11734,7 @@
             i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(2, 1, "Enter the Postcode"));
         }
     }
-    var _c1$m = function (a0) { return { "form-group-error": a0 }; };
+    var _c1$n = function (a0) { return { "form-group-error": a0 }; };
     var _c2$2 = function (a0) { return { "govuk-input--error": a0 }; };
     function WriteAddressFieldComponent_div_1_div_5_Template(rf, ctx) {
         if (rf & 1) {
@@ -11605,7 +11757,7 @@
         }
         if (rf & 2) {
             var ctx_r2 = i0__namespace.ɵɵnextContext(2);
-            i0__namespace.ɵɵproperty("id", ctx_r2.createElementId("postcodeLookup"))("ngClass", i0__namespace.ɵɵpureFunction1(13, _c1$m, ctx_r2.missingPostcode));
+            i0__namespace.ɵɵproperty("id", ctx_r2.createElementId("postcodeLookup"))("ngClass", i0__namespace.ɵɵpureFunction1(13, _c1$n, ctx_r2.missingPostcode));
             i0__namespace.ɵɵadvance(1);
             i0__namespace.ɵɵproperty("for", ctx_r2.createElementId("postcodeInput"));
             i0__namespace.ɵɵadvance(2);
@@ -12998,7 +13150,7 @@
             i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(2, 1, i0__namespace.ɵɵpipeBind2(3, 3, ctx_r2.caseReferenceControl.errors, ctx_r2.caseField.label)), " ");
         }
     }
-    var _c1$l = function (a0) { return { "form-group-error": a0 }; };
+    var _c1$m = function (a0) { return { "form-group-error": a0 }; };
     var WriteCaseLinkFieldComponent = /** @class */ (function (_super) {
         __extends(WriteCaseLinkFieldComponent, _super);
         function WriteCaseLinkFieldComponent() {
@@ -13082,7 +13234,7 @@
                 i0__namespace.ɵɵelementEnd();
             }
             if (rf & 2) {
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(7, _c1$l, !ctx.caseReferenceControl.valid && (ctx.caseReferenceControl.dirty || ctx.caseReferenceControl.touched)));
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(7, _c1$m, !ctx.caseReferenceControl.valid && (ctx.caseReferenceControl.dirty || ctx.caseReferenceControl.touched)));
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("for", ctx.id());
                 i0__namespace.ɵɵadvance(1);
@@ -13127,7 +13279,7 @@
             i0__namespace.ɵɵproperty("caseField", i0__namespace.ɵɵpureFunction6(3, _c0$P, ctx_r1.caseField.label, ctx_r1.caseField.label, ctx_r1.caseField.field_type.collection_field_type, ctx_r1.caseField.display_context_parameter, ctx_r1.caseField.value, ctx_r1.caseField.hidden))("context", ctx_r1.context)("topLevelFormGroup", ctx_r1.topLevelFormGroup);
         }
     }
-    var _c1$k = function (a0, a1, a2, a3, a4) { return { id: a0, label: a1, field_type: a2, value: a3, hidden: a4 }; };
+    var _c1$l = function (a0, a1, a2, a3, a4) { return { id: a0, label: a1, field_type: a2, value: a3, hidden: a4 }; };
     function ReadCollectionFieldComponent_table_0_tbody_3_tr_1_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "tr");
@@ -13141,7 +13293,7 @@
             var i_r5 = ctx.index;
             var ctx_r3 = i0__namespace.ɵɵnextContext(3);
             i0__namespace.ɵɵadvance(2);
-            i0__namespace.ɵɵproperty("caseField", i0__namespace.ɵɵpureFunction5(4, _c1$k, i_r5, ctx_r3.caseField.label + " " + (i_r5 + 1), ctx_r3.caseField.field_type.collection_field_type, item_r4.value, ctx_r3.caseField.hidden))("context", ctx_r3.context)("topLevelFormGroup", ctx_r3.topLevelFormGroup)("idPrefix", ctx_r3.buildIdPrefix(i_r5));
+            i0__namespace.ɵɵproperty("caseField", i0__namespace.ɵɵpureFunction5(4, _c1$l, i_r5, ctx_r3.caseField.label + " " + (i_r5 + 1), ctx_r3.caseField.field_type.collection_field_type, item_r4.value, ctx_r3.caseField.hidden))("context", ctx_r3.context)("topLevelFormGroup", ctx_r3.topLevelFormGroup)("idPrefix", ctx_r3.buildIdPrefix(i_r5));
         }
     }
     function ReadCollectionFieldComponent_table_0_tbody_3_Template(rf, ctx) {
@@ -14471,7 +14623,7 @@
             i0__namespace.ɵɵproperty("caseField", ctx_r2.caseField);
         }
     }
-    var _c1$j = function (a0) { return { "form-group-error bottom-30": a0 }; };
+    var _c1$k = function (a0) { return { "form-group-error bottom-30": a0 }; };
     var WriteDocumentFieldComponent = /** @class */ (function (_super) {
         __extends(WriteDocumentFieldComponent, _super);
         function WriteDocumentFieldComponent(appConfig, caseNotifier, documentManagement, dialog, fileUploadStateService) {
@@ -14775,7 +14927,7 @@
                 i0__namespace.ɵɵelementEnd();
             }
             if (rf & 2) {
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(20, _c1$j, !ctx.valid));
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(20, _c1$k, !ctx.valid));
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("for", ctx.id());
                 i0__namespace.ɵɵadvance(1);
@@ -15480,7 +15632,7 @@
             i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(4, 7, radioButton_r5.label));
         }
     }
-    var _c1$i = function (a0) { return { "form-group-error": a0 }; };
+    var _c1$j = function (a0) { return { "form-group-error": a0 }; };
     var WriteDynamicRadioListFieldComponent = /** @class */ (function (_super) {
         __extends(WriteDynamicRadioListFieldComponent, _super);
         function WriteDynamicRadioListFieldComponent() {
@@ -15527,7 +15679,7 @@
                 i0__namespace.ɵɵelementEnd();
             }
             if (rf & 2) {
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(8, _c1$i, !ctx.dynamicRadioListControl.valid && ctx.dynamicRadioListControl.dirty))("id", ctx.id());
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(8, _c1$j, !ctx.dynamicRadioListControl.valid && ctx.dynamicRadioListControl.dirty))("id", ctx.id());
                 i0__namespace.ɵɵadvance(3);
                 i0__namespace.ɵɵproperty("for", ctx.id());
                 i0__namespace.ɵɵadvance(1);
@@ -15638,7 +15790,7 @@
         }
     }
     var _c0$J = function (a0) { return { "form-group-error": a0 }; };
-    var _c1$h = function (a0) { return { "govuk-input--error": a0 }; };
+    var _c1$i = function (a0) { return { "govuk-input--error": a0 }; };
     var WriteEmailFieldComponent = /** @class */ (function (_super) {
         __extends(WriteEmailFieldComponent, _super);
         function WriteEmailFieldComponent() {
@@ -15672,7 +15824,7 @@
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("ngIf", ctx.emailControl.errors && (ctx.emailControl.dirty || ctx.emailControl.touched));
                 i0__namespace.ɵɵadvance(1);
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(10, _c1$h, ctx.emailControl.errors && (ctx.emailControl.dirty || ctx.emailControl.touched)))("id", ctx.id())("formControl", ctx.emailControl);
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(10, _c1$i, ctx.emailControl.errors && (ctx.emailControl.dirty || ctx.emailControl.touched)))("id", ctx.id())("formControl", ctx.emailControl);
             }
         }, directives: [i2__namespace.NgClass, i2__namespace.NgIf, i2__namespace$1.DefaultValueAccessor, i2__namespace$1.NgControlStatus, i2__namespace$1.FormControlDirective], pipes: [i1__namespace.RpxTranslatePipe, FieldLabelPipe, FirstErrorPipe], encapsulation: 2 });
     var ɵWriteEmailFieldComponent_BaseFactory = /*@__PURE__*/ i0__namespace.ɵɵgetInheritedFactory(WriteEmailFieldComponent);
@@ -15967,7 +16119,7 @@
             i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(4, 7, radioButton_r4.label));
         }
     }
-    var _c1$g = function (a0) { return { "form-group-error": a0 }; };
+    var _c1$h = function (a0) { return { "form-group-error": a0 }; };
     var WriteFixedRadioListFieldComponent = /** @class */ (function (_super) {
         __extends(WriteFixedRadioListFieldComponent, _super);
         function WriteFixedRadioListFieldComponent() {
@@ -15998,7 +16150,7 @@
                 i0__namespace.ɵɵelementEnd();
             }
             if (rf & 2) {
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(7, _c1$g, !ctx.fixedRadioListControl.valid && (ctx.fixedRadioListControl.dirty || ctx.fixedRadioListControl.touched)))("id", ctx.id());
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(7, _c1$h, !ctx.fixedRadioListControl.valid && (ctx.fixedRadioListControl.dirty || ctx.fixedRadioListControl.touched)))("id", ctx.id());
                 i0__namespace.ɵɵadvance(3);
                 i0__namespace.ɵɵproperty("for", ctx.id());
                 i0__namespace.ɵɵadvance(1);
@@ -16105,7 +16257,7 @@
 
     function WriteJudicialUserFieldComponent_span_2_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "span", 9);
+            i0__namespace.ɵɵelementStart(0, "span", 10);
             i0__namespace.ɵɵtext(1);
             i0__namespace.ɵɵpipe(2, "ccdFieldLabel");
             i0__namespace.ɵɵelementEnd();
@@ -16118,7 +16270,7 @@
     }
     function WriteJudicialUserFieldComponent_span_3_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "span", 10);
+            i0__namespace.ɵɵelementStart(0, "span", 11);
             i0__namespace.ɵɵtext(1);
             i0__namespace.ɵɵelementEnd();
         }
@@ -16128,56 +16280,92 @@
             i0__namespace.ɵɵtextInterpolate1(" ", ctx_r1.caseField.hint_text, " ");
         }
     }
-    var _c0$G = function (a0) { return { "hide-autocomplete": a0 }; };
-    function WriteJudicialUserFieldComponent_mat_option_7_Template(rf, ctx) {
+    function WriteJudicialUserFieldComponent_span_4_Template(rf, ctx) {
         if (rf & 1) {
-            var _r7_1 = i0__namespace.ɵɵgetCurrentView();
-            i0__namespace.ɵɵelementStart(0, "mat-option", 11);
-            i0__namespace.ɵɵlistener("onSelectionChange", function WriteJudicialUserFieldComponent_mat_option_7_Template_mat_option_onSelectionChange_0_listener() { i0__namespace.ɵɵrestoreView(_r7_1); var judicialUser_r5 = ctx.$implicit; var ctx_r6 = i0__namespace.ɵɵnextContext(); return ctx_r6.onSelectionChange(judicialUser_r5); });
+            i0__namespace.ɵɵelementStart(0, "span", 12);
             i0__namespace.ɵɵtext(1);
+            i0__namespace.ɵɵpipe(2, "ccdFirstError");
             i0__namespace.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var judicialUser_r5 = ctx.$implicit;
-            var ctx_r3 = i0__namespace.ɵɵnextContext();
-            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(4, _c0$G, !ctx_r3.showAutocomplete))("value", judicialUser_r5.idamId);
+            var ctx_r2 = i0__namespace.ɵɵnextContext();
             i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵtextInterpolate2(" ", judicialUser_r5.fullName, " (", judicialUser_r5.emailId, ") ");
+            i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind2(2, 1, ctx_r2.errors, ctx_r2.caseField.label), " ");
         }
     }
+    var _c0$G = function (a0) { return { "hide-autocomplete": a0 }; };
     function WriteJudicialUserFieldComponent_mat_option_8_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "mat-option", 12);
+            var _r9_1 = i0__namespace.ɵɵgetCurrentView();
+            i0__namespace.ɵɵelementStart(0, "mat-option", 13);
+            i0__namespace.ɵɵlistener("onSelectionChange", function WriteJudicialUserFieldComponent_mat_option_8_Template_mat_option_onSelectionChange_0_listener($event) { i0__namespace.ɵɵrestoreView(_r9_1); var ctx_r8 = i0__namespace.ɵɵnextContext(); return ctx_r8.onSelectionChange($event); });
+            i0__namespace.ɵɵtext(1);
+            i0__namespace.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var judicialUser_r7 = ctx.$implicit;
+            var ctx_r4 = i0__namespace.ɵɵnextContext();
+            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(4, _c0$G, !ctx_r4.showAutocomplete))("value", judicialUser_r7);
+            i0__namespace.ɵɵadvance(1);
+            i0__namespace.ɵɵtextInterpolate2(" ", (judicialUser_r7 == null ? null : judicialUser_r7.fullName) ? judicialUser_r7.fullName : "", "", (judicialUser_r7 == null ? null : judicialUser_r7.emailId) ? " (" + judicialUser_r7.emailId + ")" : "", " ");
+        }
+    }
+    function WriteJudicialUserFieldComponent_mat_option_10_Template(rf, ctx) {
+        if (rf & 1) {
+            i0__namespace.ɵɵelementStart(0, "mat-option", 14);
             i0__namespace.ɵɵtext(1, " No results found ");
             i0__namespace.ɵɵelementEnd();
         }
     }
+    function WriteJudicialUserFieldComponent_mat_option_11_Template(rf, ctx) {
+        if (rf & 1) {
+            i0__namespace.ɵɵelementStart(0, "mat-option", 14);
+            i0__namespace.ɵɵtext(1, " Invalid search term ");
+            i0__namespace.ɵɵelementEnd();
+        }
+    }
+    var _c1$g = function (a0) { return { "form-group-error": a0 }; };
     var WriteJudicialUserFieldComponent = /** @class */ (function (_super) {
         __extends(WriteJudicialUserFieldComponent, _super);
-        function WriteJudicialUserFieldComponent(jurisdictionService, sessionStorageService, caseFlagRefDataService) {
-            var _this = _super.call(this) || this;
+        function WriteJudicialUserFieldComponent(jurisdictionService, sessionStorageService, caseFlagRefDataService, compoundPipe, validatorsService) {
+            var _this = _super.call(this, compoundPipe, validatorsService) || this;
             _this.jurisdictionService = jurisdictionService;
             _this.sessionStorageService = sessionStorageService;
             _this.caseFlagRefDataService = caseFlagRefDataService;
-            _this.MINIMUM_SEARCH_CHARACTERS = 2;
-            _this.IDAM_ID = 'idamId';
-            _this.PERSONAL_CODE = 'personalCode';
-            _this.filteredJudicialUsers = [];
+            _this.compoundPipe = compoundPipe;
+            _this.validatorsService = validatorsService;
+            _this.minSearchCharacters = 2;
             _this.showAutocomplete = false;
+            _this.searchTerm = '';
+            _this.noResults = false;
+            _this.invalidSearchTerm = false;
+            _this.judicialUserSelected = false;
             return _this;
         }
         WriteJudicialUserFieldComponent.prototype.ngOnInit = function () {
             var _this = this;
             var _a;
-            this.judicialUserFormGroup = this.registerControl(new i2$1.FormGroup({}), true);
-            this.idamIdFormControl = new i2$1.FormControl('');
-            this.judicialUserFormGroup.addControl(this.IDAM_ID, this.idamIdFormControl);
-            this.personalCodeFormControl = new i2$1.FormControl('');
-            this.judicialUserFormGroup.addControl(this.PERSONAL_CODE, this.personalCodeFormControl);
+            _super.prototype.ngOnInit.call(this);
+            this.judicialUserControl = new i2$1.FormControl(this.caseField.value);
+            // FormControl needs to be added to the main FormGroup so it can be picked up by the PageValidationService when
+            // checking if the page is valid. FormGroup.setControl() is used here to ensure any existing JudicialUser
+            // FormControl is replaced when the component is re-initialised, for example, if the user navigates away then
+            // back to the page containing the JudicialUser field
+            this.formGroup.setControl(this.caseField.id + "_judicialUserControl", this.judicialUserControl);
+            // Ensure that this FormControl has links to the JudicialUser case field and this component
+            FieldsUtils.addCaseFieldAndComponentReferences(this.judicialUserControl, this.caseField, this);
+            this.setupValidation();
             this.setJurisdictionAndCaseType();
-            this.sub = this.idamIdFormControl.valueChanges.pipe(operators.tap(function () { return _this.showAutocomplete = false; }), operators.tap(function () { return _this.filteredJudicialUsers = []; }), operators.debounceTime(300), operators.filter(function (searchTerm) { return searchTerm && searchTerm.length > _this.MINIMUM_SEARCH_CHARACTERS; }), operators.switchMap(function (searchTerm) { return _this.filterJudicialUsers(searchTerm).pipe(operators.tap(function () { return _this.showAutocomplete = true; }), operators.catchError(function () { return _this.filteredJudicialUsers = []; })); })).subscribe(function (judicialUsers) {
-                _this.filteredJudicialUsers = judicialUsers;
-            });
+            this.filteredJudicialUsers$ = this.judicialUserControl.valueChanges.pipe(operators.tap(function () { return _this.showAutocomplete = false; }), operators.debounceTime(300), 
+            // Need to check type of input because it changes to object (i.e. JudicialUser) when a value is selected from the
+            // autocomplete panel, instead of string when a value is being typed in
+            operators.map(function (input) { return typeof input === 'string' ? input : input === null || input === void 0 ? void 0 : input.fullName; }), operators.tap(function (searchTerm) {
+                _this.searchTerm = searchTerm;
+                _this.invalidSearchTerm = false;
+            }), operators.filter(function (searchTerm) { return searchTerm && searchTerm.length > _this.minSearchCharacters; }), operators.switchMap(function (searchTerm) { return _this.filterJudicialUsers(searchTerm).pipe(operators.tap(function (judicialUsers) {
+                _this.showAutocomplete = true;
+                _this.noResults = !_this.invalidSearchTerm && judicialUsers.length === 0;
+            })); }));
             if ((_a = this.caseField.value) === null || _a === void 0 ? void 0 : _a.personalCode) {
                 this.loadJudicialUser(this.caseField.value.personalCode);
             }
@@ -16187,17 +16375,22 @@
             return this.caseFlagRefDataService.getHmctsServiceDetailsByCaseType(this.caseType).pipe(
             // If an error occurs retrieving HMCTS service details by case type ID, try by service name instead
             operators.catchError(function (_) { return _this.caseFlagRefDataService.getHmctsServiceDetailsByServiceName(_this.jurisdiction); }), 
-            // Use switchMap to return an inner Observable of the flag types data, having received the service details
+            // Use switchMap to return an inner Observable of the judicial users data, having received the service details
             // including service_code. This avoids having nested `subscribe`s, which is an anti-pattern!
-            operators.switchMap(function (serviceDetails) { return _this.jurisdictionService.searchJudicialUsers(searchTerm, serviceDetails[0].service_code); }));
+            operators.switchMap(function (serviceDetails) {
+                return _this.jurisdictionService.searchJudicialUsers(searchTerm, serviceDetails[0].service_code).pipe(
+                // Handle any errors here rather than outside of the function, so that the outer Observable is kept live
+                operators.catchError(function (_) {
+                    _this.invalidSearchTerm = true;
+                    return rxjs.of(undefined);
+                }));
+            }));
         };
         WriteJudicialUserFieldComponent.prototype.loadJudicialUser = function (personalCode) {
             var _this = this;
             if (personalCode) {
-                this.jurisdictionService.searchJudicialUsersByPersonalCodes([personalCode]).subscribe(function (judicialUsers) {
-                    var judicialUser = judicialUsers[0];
-                    _this.idamIdFormControl.setValue(judicialUser.fullName + " (" + judicialUser.emailId + ")");
-                    _this.personalCodeFormControl.setValue(judicialUser.personalCode);
+                this.jurisdictionService.searchJudicialUsersByPersonalCodes([personalCode]).pipe(operators.take(1)).subscribe(function (judicialUsers) {
+                    _this.judicialUserControl.setValue(judicialUsers[0]);
                 });
             }
         };
@@ -16209,35 +16402,75 @@
                 this.caseType = caseInfo === null || caseInfo === void 0 ? void 0 : caseInfo.caseType;
             }
         };
-        WriteJudicialUserFieldComponent.prototype.onSelectionChange = function (judicialUser) {
-            this.idamIdFormControl.setValue(judicialUser.fullName + " (" + judicialUser.emailId + ")");
-            this.personalCodeFormControl.setValue(judicialUser.personalCode);
+        WriteJudicialUserFieldComponent.prototype.displayJudicialUser = function (judicialUser) {
+            return judicialUser
+                ? "" + (judicialUser.fullName ? judicialUser.fullName : '') + (judicialUser.emailId ? " (" + judicialUser.emailId + ")" : '')
+                : undefined;
         };
-        WriteJudicialUserFieldComponent.prototype.ngOnDestroy = function () {
-            if (this.sub) {
-                this.sub.unsubscribe();
+        WriteJudicialUserFieldComponent.prototype.onSelectionChange = function (event) {
+            var _a, _b;
+            // The event.source.value property is a JudicialUserModel object instance; use this to update both the caseField
+            // value and the values of the two FormControls for the idamId and personalCode properties of the JudicialUser
+            // complex field type (these values will appear in the data payload for validation and submission)
+            this.caseField.value = {
+                idamId: event.source.value.idamId,
+                personalCode: event.source.value.personalCode
+            };
+            (_a = this.complexGroup.get('idamId')) === null || _a === void 0 ? void 0 : _a.setValue(this.caseField.value.idamId);
+            (_b = this.complexGroup.get('personalCode')) === null || _b === void 0 ? void 0 : _b.setValue(this.caseField.value.personalCode);
+            this.judicialUserSelected = true;
+        };
+        WriteJudicialUserFieldComponent.prototype.onBlur = function (event) {
+            var _a, _b, _c;
+            // If the user types into the JudicialUser field but doesn't select a value from the autocomplete list, reset the
+            // FormControl value to null to ensure it fails validation (can check the event.relatedTarget property)
+            if (((_a = event.relatedTarget) === null || _a === void 0 ? void 0 : _a.role) !== 'option' && !this.judicialUserSelected) {
+                // If relatedTarget.role is not "option", it means the user didn't select a value
+                this.judicialUserControl.setValue(null);
+            }
+            if (!this.judicialUserControl.value) {
+                // If the user deletes the field value, set the caseField value and the values of the two FormControls for
+                // idamId and personalCode to null. This is to avoid judicial user data being present in the data payload
+                // unintentionally
+                this.caseField.value = null;
+                (_b = this.complexGroup.get('idamId')) === null || _b === void 0 ? void 0 : _b.setValue(null);
+                (_c = this.complexGroup.get('personalCode')) === null || _c === void 0 ? void 0 : _c.setValue(null);
+            }
+        };
+        WriteJudicialUserFieldComponent.prototype.setupValidation = function () {
+            // Need to remove validators from the two FormControls, idamId and personalCode, for the JudicialUser complex
+            // field type. This prevents these hidden fields being listed in an error message if there are validation errors
+            this.complexGroup.get('idamId').clearValidators();
+            this.complexGroup.get('personalCode').clearValidators();
+            if (this.caseField.display_context === Constants.MANDATORY) {
+                this.judicialUserControl.setValidators(i2$1.Validators.required);
             }
         };
         return WriteJudicialUserFieldComponent;
-    }(AbstractFieldWriteComponent));
-    WriteJudicialUserFieldComponent.ɵfac = function WriteJudicialUserFieldComponent_Factory(t) { return new (t || WriteJudicialUserFieldComponent)(i0__namespace.ɵɵdirectiveInject(JurisdictionService), i0__namespace.ɵɵdirectiveInject(SessionStorageService), i0__namespace.ɵɵdirectiveInject(CaseFlagRefdataService)); };
-    WriteJudicialUserFieldComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: WriteJudicialUserFieldComponent, selectors: [["ccd-write-judicial-user-field"]], features: [i0__namespace.ɵɵInheritDefinitionFeature], decls: 9, vars: 9, consts: [[1, "form-group", 3, "formGroup"], [3, "for"], ["class", "form-label", 4, "ngIf"], ["class", "form-hint", 4, "ngIf"], [1, "form-control", "bottom-30", 3, "id", "formControl", "matAutocomplete"], ["autoActiveFirstOption", ""], ["autoComplete", "matAutocomplete"], ["class", "select-option", 3, "ngClass", "value", "onSelectionChange", 4, "ngFor", "ngForOf"], ["class", "select-option", 4, "ngIf"], [1, "form-label"], [1, "form-hint"], [1, "select-option", 3, "ngClass", "value", "onSelectionChange"], [1, "select-option"]], template: function WriteJudicialUserFieldComponent_Template(rf, ctx) {
+    }(WriteComplexFieldComponent));
+    WriteJudicialUserFieldComponent.ɵfac = function WriteJudicialUserFieldComponent_Factory(t) { return new (t || WriteJudicialUserFieldComponent)(i0__namespace.ɵɵdirectiveInject(JurisdictionService), i0__namespace.ɵɵdirectiveInject(SessionStorageService), i0__namespace.ɵɵdirectiveInject(CaseFlagRefdataService), i0__namespace.ɵɵdirectiveInject(IsCompoundPipe), i0__namespace.ɵɵdirectiveInject(FormValidatorsService)); };
+    WriteJudicialUserFieldComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: WriteJudicialUserFieldComponent, selectors: [["ccd-write-judicial-user-field"]], features: [i0__namespace.ɵɵInheritDefinitionFeature], decls: 12, vars: 17, consts: [[1, "form-group", 3, "formGroup", "ngClass"], [3, "for"], ["class", "form-label", 4, "ngIf"], ["class", "form-hint", 4, "ngIf"], ["class", "error-message", 4, "ngIf"], [1, "form-control", "bottom-30", 3, "id", "formControl", "matAutocomplete", "blur"], ["autoActiveFirstOption", "", 3, "displayWith"], ["autoComplete", "matAutocomplete"], ["class", "select-option", 3, "ngClass", "value", "onSelectionChange", 4, "ngFor", "ngForOf"], ["class", "select-option", "disabled", "", 4, "ngIf"], [1, "form-label"], [1, "form-hint"], [1, "error-message"], [1, "select-option", 3, "ngClass", "value", "onSelectionChange"], ["disabled", "", 1, "select-option"]], template: function WriteJudicialUserFieldComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0__namespace.ɵɵelementStart(0, "div", 0);
                 i0__namespace.ɵɵelementStart(1, "label", 1);
                 i0__namespace.ɵɵtemplate(2, WriteJudicialUserFieldComponent_span_2_Template, 3, 3, "span", 2);
                 i0__namespace.ɵɵelementEnd();
                 i0__namespace.ɵɵtemplate(3, WriteJudicialUserFieldComponent_span_3_Template, 2, 1, "span", 3);
-                i0__namespace.ɵɵelement(4, "input", 4);
-                i0__namespace.ɵɵelementStart(5, "mat-autocomplete", 5, 6);
-                i0__namespace.ɵɵtemplate(7, WriteJudicialUserFieldComponent_mat_option_7_Template, 2, 6, "mat-option", 7);
-                i0__namespace.ɵɵtemplate(8, WriteJudicialUserFieldComponent_mat_option_8_Template, 2, 0, "mat-option", 8);
+                i0__namespace.ɵɵtemplate(4, WriteJudicialUserFieldComponent_span_4_Template, 3, 4, "span", 4);
+                i0__namespace.ɵɵelementStart(5, "input", 5);
+                i0__namespace.ɵɵlistener("blur", function WriteJudicialUserFieldComponent_Template_input_blur_5_listener($event) { return ctx.onBlur($event); });
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementStart(6, "mat-autocomplete", 6, 7);
+                i0__namespace.ɵɵtemplate(8, WriteJudicialUserFieldComponent_mat_option_8_Template, 2, 6, "mat-option", 8);
+                i0__namespace.ɵɵpipe(9, "async");
+                i0__namespace.ɵɵtemplate(10, WriteJudicialUserFieldComponent_mat_option_10_Template, 2, 0, "mat-option", 9);
+                i0__namespace.ɵɵtemplate(11, WriteJudicialUserFieldComponent_mat_option_11_Template, 2, 0, "mat-option", 9);
                 i0__namespace.ɵɵelementEnd();
                 i0__namespace.ɵɵelementEnd();
             }
             if (rf & 2) {
-                var _r2 = i0__namespace.ɵɵreference(6);
-                i0__namespace.ɵɵproperty("formGroup", ctx.judicialUserFormGroup);
+                var _r3 = i0__namespace.ɵɵreference(7);
+                i0__namespace.ɵɵproperty("formGroup", ctx.formGroup)("ngClass", i0__namespace.ɵɵpureFunction1(15, _c1$g, !!ctx.judicialUserControl && ctx.errors));
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("for", ctx.id());
                 i0__namespace.ɵɵadvance(1);
@@ -16245,13 +16478,19 @@
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("ngIf", ctx.caseField.hint_text);
                 i0__namespace.ɵɵadvance(1);
-                i0__namespace.ɵɵproperty("id", ctx.id())("formControl", ctx.idamIdFormControl)("matAutocomplete", _r2);
-                i0__namespace.ɵɵadvance(3);
-                i0__namespace.ɵɵproperty("ngForOf", ctx.filteredJudicialUsers);
+                i0__namespace.ɵɵproperty("ngIf", ctx.errors);
+                i0__namespace.ɵɵadvance(1);
+                i0__namespace.ɵɵproperty("id", ctx.id())("formControl", ctx.judicialUserControl)("matAutocomplete", _r3);
+                i0__namespace.ɵɵadvance(1);
+                i0__namespace.ɵɵproperty("displayWith", ctx.displayJudicialUser);
+                i0__namespace.ɵɵadvance(2);
+                i0__namespace.ɵɵproperty("ngForOf", i0__namespace.ɵɵpipeBind1(9, 13, ctx.filteredJudicialUsers$));
+                i0__namespace.ɵɵadvance(2);
+                i0__namespace.ɵɵproperty("ngIf", ctx.noResults && ctx.searchTerm && ctx.searchTerm.length > ctx.minSearchCharacters && ctx.showAutocomplete);
                 i0__namespace.ɵɵadvance(1);
-                i0__namespace.ɵɵproperty("ngIf", !(ctx.filteredJudicialUsers == null ? null : ctx.filteredJudicialUsers.length) && ctx.showAutocomplete);
+                i0__namespace.ɵɵproperty("ngIf", ctx.invalidSearchTerm);
             }
-        }, directives: [i2__namespace$1.NgControlStatusGroup, i2__namespace$1.FormGroupDirective, i2__namespace.NgIf, i2__namespace$1.DefaultValueAccessor, i4__namespace.MatAutocompleteTrigger, i2__namespace$1.NgControlStatus, i2__namespace$1.FormControlDirective, i4__namespace.MatAutocomplete, i2__namespace.NgForOf, i5__namespace.MatOption, i2__namespace.NgClass], pipes: [FieldLabelPipe], styles: [".mat-option[_ngcontent-%COMP%]:hover{background:#2596be}.mat-option.select-option[_ngcontent-%COMP%]:hover{background:#1d70b8;color:#fff}.hide-autocomplete[_ngcontent-%COMP%]{display:none}"] });
+        }, directives: [i2__namespace$1.NgControlStatusGroup, i2__namespace$1.FormGroupDirective, i2__namespace.NgClass, i2__namespace.NgIf, i2__namespace$1.DefaultValueAccessor, i5__namespace.MatAutocompleteTrigger, i2__namespace$1.NgControlStatus, i2__namespace$1.FormControlDirective, i5__namespace.MatAutocomplete, i2__namespace.NgForOf, i6__namespace.MatOption], pipes: [i2__namespace.AsyncPipe, FieldLabelPipe, FirstErrorPipe], styles: [".mat-option[_ngcontent-%COMP%]:hover{background:#2596be}.mat-option.select-option[_ngcontent-%COMP%]:hover{background:#1d70b8;color:#fff}.hide-autocomplete[_ngcontent-%COMP%]{display:none}"] });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(WriteJudicialUserFieldComponent, [{
                 type: i0.Component,
@@ -16260,7 +16499,7 @@
                         styleUrls: ['./write-judicial-user-field.component.scss'],
                         templateUrl: './write-judicial-user-field.component.html'
                     }]
-            }], function () { return [{ type: JurisdictionService }, { type: SessionStorageService }, { type: CaseFlagRefdataService }]; }, null);
+            }], function () { return [{ type: JurisdictionService }, { type: SessionStorageService }, { type: CaseFlagRefdataService }, { type: IsCompoundPipe }, { type: FormValidatorsService }]; }, null);
     })();
 
     function LabelFieldComponent_ccd_markdown_2_Template(rf, ctx) {
@@ -23168,7 +23407,7 @@
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("ngIf", ctx.isCheckboxEnabled);
             }
-        }, directives: [i2__namespace$1.NgControlStatusGroup, i2__namespace$1.FormGroupDirective, i2__namespace.NgClass, i2__namespace.NgIf, i3__namespace$1.MatInput, i2__namespace$1.DefaultValueAccessor, i4__namespace.MatAutocompleteTrigger, i2__namespace$1.NgControlStatus, i2__namespace$1.FormControlName, i4__namespace.MatAutocomplete, i2__namespace.NgForOf, i5__namespace.MatOption], pipes: [i2__namespace.AsyncPipe], styles: [".autocomplete__input--show-all-values[_ngcontent-%COMP%]{padding:5px 34px 5px 5px;cursor:pointer}.autocomplete__dropdown-arrow-down[_ngcontent-%COMP%]{z-index:-1;display:inline-block;position:absolute;right:8px;width:24px;height:24px;top:10px}.autocomplete__menu[_ngcontent-%COMP%]{background-color:#fff;border:2px solid #0b0c0c;border-top:0;color:#0b0c0c;margin:0;max-height:342px;overflow-x:hidden;padding:0;width:100%;width:calc(100% - 4px)}.autocomplete__menu--visible[_ngcontent-%COMP%]{display:block}.autocomplete__menu--hidden[_ngcontent-%COMP%]{display:none}.autocomplete__menu--overlay[_ngcontent-%COMP%]{box-shadow:0 2px 6px rgba(0,0,0,.256863);left:0;position:absolute;top:100%;z-index:100}.autocomplete__menu--inline[_ngcontent-%COMP%]{position:relative}.autocomplete__option[_ngcontent-%COMP%]{border-left-width:0;border-bottom:1px solid #b1b4b6;border-right-width:0;border-top-width:1px;cursor:pointer;display:block;position:relative}.autocomplete__option[_ngcontent-%COMP%] > *[_ngcontent-%COMP%]{pointer-events:none}.autocomplete__option[_ngcontent-%COMP%]:first-of-type{border-top-width:0}.autocomplete__option[_ngcontent-%COMP%]:last-of-type{border-bottom-width:0}.autocomplete__option--odd[_ngcontent-%COMP%]{background-color:#fafafa}.autocomplete__option--focused[_ngcontent-%COMP%], .autocomplete__option[_ngcontent-%COMP%]:hover{background-color:#1d70b8;border-color:#1d70b8;color:#fff;outline:0}.autocomplete__option--no-results[_ngcontent-%COMP%]{background-color:#fafafa;color:#646b6f;cursor:not-allowed}.autocomplete__hint[_ngcontent-%COMP%], .autocomplete__input[_ngcontent-%COMP%], .autocomplete__option[_ngcontent-%COMP%]{font-size:13px;line-height:1.25}.autocomplete__hint[_ngcontent-%COMP%], .autocomplete__option[_ngcontent-%COMP%]{padding:5px}@media (min-width:641px){.autocomplete__hint[_ngcontent-%COMP%], .autocomplete__input[_ngcontent-%COMP%], .autocomplete__option[_ngcontent-%COMP%]{font-size:13px;line-height:1.31579}}.div-action[_ngcontent-%COMP%]{display:inline-block}.add-location[_ngcontent-%COMP%]{display:inline}.remove-location-button[_ngcontent-%COMP%]{margin:5px}.hide-autocomplete[_ngcontent-%COMP%]{display:none}.auto-complete-container[_ngcontent-%COMP%]{min-width:550px;display:inline-block;margin-right:4px}.autocomplete__input[_ngcontent-%COMP%]{line-height:24px;font-size:19px}.hidden[_ngcontent-%COMP%]{display:none}.search-language__input[_ngcontent-%COMP%]{position:relative;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36' width='40' height='40'%3E%3Cpath d='M25.7 24.8L21.9 21c.7-1 1.1-2.2 1.1-3.5 0-3.6-2.9-6.5-6.5-6.5S10 13.9 10 17.5s2.9 6.5 6.5 6.5c1.6 0 3-.6 4.1-1.5l3.7 3.7 1.4-1.4zM12 17.5c0-2.5 2-4.5 4.5-4.5s4.5 2 4.5 4.5-2 4.5-4.5 4.5-4.5-2-4.5-4.5z' fill='%23505a5f'%3E%3C/path%3E%3C/svg%3E\");background-repeat:no-repeat;background-position:center left -2px;background-size:40px 40px;padding-left:35px}"] });
+        }, directives: [i2__namespace$1.NgControlStatusGroup, i2__namespace$1.FormGroupDirective, i2__namespace.NgClass, i2__namespace.NgIf, i3__namespace$1.MatInput, i2__namespace$1.DefaultValueAccessor, i5__namespace.MatAutocompleteTrigger, i2__namespace$1.NgControlStatus, i2__namespace$1.FormControlName, i5__namespace.MatAutocomplete, i2__namespace.NgForOf, i6__namespace.MatOption], pipes: [i2__namespace.AsyncPipe], styles: [".autocomplete__input--show-all-values[_ngcontent-%COMP%]{padding:5px 34px 5px 5px;cursor:pointer}.autocomplete__dropdown-arrow-down[_ngcontent-%COMP%]{z-index:-1;display:inline-block;position:absolute;right:8px;width:24px;height:24px;top:10px}.autocomplete__menu[_ngcontent-%COMP%]{background-color:#fff;border:2px solid #0b0c0c;border-top:0;color:#0b0c0c;margin:0;max-height:342px;overflow-x:hidden;padding:0;width:100%;width:calc(100% - 4px)}.autocomplete__menu--visible[_ngcontent-%COMP%]{display:block}.autocomplete__menu--hidden[_ngcontent-%COMP%]{display:none}.autocomplete__menu--overlay[_ngcontent-%COMP%]{box-shadow:0 2px 6px rgba(0,0,0,.256863);left:0;position:absolute;top:100%;z-index:100}.autocomplete__menu--inline[_ngcontent-%COMP%]{position:relative}.autocomplete__option[_ngcontent-%COMP%]{border-left-width:0;border-bottom:1px solid #b1b4b6;border-right-width:0;border-top-width:1px;cursor:pointer;display:block;position:relative}.autocomplete__option[_ngcontent-%COMP%] > *[_ngcontent-%COMP%]{pointer-events:none}.autocomplete__option[_ngcontent-%COMP%]:first-of-type{border-top-width:0}.autocomplete__option[_ngcontent-%COMP%]:last-of-type{border-bottom-width:0}.autocomplete__option--odd[_ngcontent-%COMP%]{background-color:#fafafa}.autocomplete__option--focused[_ngcontent-%COMP%], .autocomplete__option[_ngcontent-%COMP%]:hover{background-color:#1d70b8;border-color:#1d70b8;color:#fff;outline:0}.autocomplete__option--no-results[_ngcontent-%COMP%]{background-color:#fafafa;color:#646b6f;cursor:not-allowed}.autocomplete__hint[_ngcontent-%COMP%], .autocomplete__input[_ngcontent-%COMP%], .autocomplete__option[_ngcontent-%COMP%]{font-size:13px;line-height:1.25}.autocomplete__hint[_ngcontent-%COMP%], .autocomplete__option[_ngcontent-%COMP%]{padding:5px}@media (min-width:641px){.autocomplete__hint[_ngcontent-%COMP%], .autocomplete__input[_ngcontent-%COMP%], .autocomplete__option[_ngcontent-%COMP%]{font-size:13px;line-height:1.31579}}.div-action[_ngcontent-%COMP%]{display:inline-block}.add-location[_ngcontent-%COMP%]{display:inline}.remove-location-button[_ngcontent-%COMP%]{margin:5px}.hide-autocomplete[_ngcontent-%COMP%]{display:none}.auto-complete-container[_ngcontent-%COMP%]{min-width:550px;display:inline-block;margin-right:4px}.autocomplete__input[_ngcontent-%COMP%]{line-height:24px;font-size:19px}.hidden[_ngcontent-%COMP%]{display:none}.search-language__input[_ngcontent-%COMP%]{position:relative;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36' width='40' height='40'%3E%3Cpath d='M25.7 24.8L21.9 21c.7-1 1.1-2.2 1.1-3.5 0-3.6-2.9-6.5-6.5-6.5S10 13.9 10 17.5s2.9 6.5 6.5 6.5c1.6 0 3-.6 4.1-1.5l3.7 3.7 1.4-1.4zM12 17.5c0-2.5 2-4.5 4.5-4.5s4.5 2 4.5 4.5-2 4.5-4.5 4.5-4.5-2-4.5-4.5z' fill='%23505a5f'%3E%3C/path%3E%3C/svg%3E\");background-repeat:no-repeat;background-position:center left -2px;background-size:40px 40px;padding-left:35px}"] });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(SearchLanguageInterpreterComponent, [{
                 type: i0.Component,
@@ -24906,7 +25145,7 @@
         };
         return DatetimePickerComponent;
     }(AbstractFormFieldComponent));
-    DatetimePickerComponent.ɵfac = function DatetimePickerComponent_Factory(t) { return new (t || DatetimePickerComponent)(i0__namespace.ɵɵdirectiveInject(FormatTranslatorService), i0__namespace.ɵɵdirectiveInject(i4$1.NGX_MAT_DATE_FORMATS)); };
+    DatetimePickerComponent.ɵfac = function DatetimePickerComponent_Factory(t) { return new (t || DatetimePickerComponent)(i0__namespace.ɵɵdirectiveInject(FormatTranslatorService), i0__namespace.ɵɵdirectiveInject(i4.NGX_MAT_DATE_FORMATS)); };
     DatetimePickerComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: DatetimePickerComponent, selectors: [["ccd-datetime-picker"]], viewQuery: function DatetimePickerComponent_Query(rf, ctx) {
             if (rf & 1) {
                 i0__namespace.ɵɵviewQuery(_c0$i, 1);
@@ -24918,10 +25157,10 @@
                 i0__namespace.ɵɵqueryRefresh(_t = i0__namespace.ɵɵloadQuery()) && (ctx.inputElement = _t.first);
             }
         }, inputs: { dateControl: "dateControl" }, features: [i0__namespace.ɵɵProvidersFeature([
-                { provide: i4$1.NGX_MAT_DATE_FORMATS, useValue: CUSTOM_MOMENT_FORMATS },
-                { provide: i4$1.NgxMatDateAdapter,
+                { provide: i4.NGX_MAT_DATE_FORMATS, useValue: CUSTOM_MOMENT_FORMATS },
+                { provide: i4.NgxMatDateAdapter,
                     useClass: momentAdapter.NgxMatMomentAdapter,
-                    deps: [i5.MAT_DATE_LOCALE, momentAdapter.NGX_MAT_MOMENT_DATE_ADAPTER_OPTIONS]
+                    deps: [i6.MAT_DATE_LOCALE, momentAdapter.NGX_MAT_MOMENT_DATE_ADAPTER_OPTIONS]
                 },
                 { provide: momentAdapter.NGX_MAT_MOMENT_DATE_ADAPTER_OPTIONS, useValue: { useUtc: true } }
             ]), i0__namespace.ɵɵInheritDefinitionFeature], decls: 14, vars: 26, consts: [[1, "govuk-form-group", "bottom-30", 3, "id", "ngClass"], ["class", "form-label", 4, "ngIf"], ["class", "form-hint", 4, "ngIf"], ["class", "error-message", 4, "ngIf"], [1, "datepicker-container"], ["ng-model-options", "{timezone:'utc'}", 1, "govuk-input", 3, "min", "max", "formControl", "ngxMatDatetimePicker", "focusin", "focusout", "dateChange"], ["input", ""], ["matSuffix", "", "id", "pickerOpener", 3, "for"], [3, "color", "touchUi", "hideTime", "startView", "stepHour", "stepSecond", "stepMinute", "showSeconds", "showSpinners", "disableMinute", "enableMeridian", "yearSelected", "monthSelected", "opened"], ["picker", ""], [1, "form-label"], [1, "form-hint"], [1, "error-message"]], template: function DatetimePickerComponent_Template(rf, ctx) {
@@ -24968,7 +25207,7 @@
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("color", ctx.color)("touchUi", ctx.touchUi)("hideTime", ctx.hideTime)("startView", ctx.startView)("stepHour", ctx.stepHour)("stepSecond", ctx.stepSecond)("stepMinute", ctx.stepMinute)("showSeconds", ctx.showSeconds)("showSpinners", ctx.showSpinners)("disableMinute", ctx.disableMinute)("enableMeridian", ctx.enableMeridian);
             }
-        }, directives: [i2__namespace.NgClass, i2__namespace.NgIf, i2__namespace$1.DefaultValueAccessor, i4__namespace$1.NgxMatDatetimeInput, i2__namespace$1.NgControlStatus, i2__namespace$1.FormControlDirective, i5__namespace$1.MatDatepickerToggle, i6__namespace.MatSuffix, i4__namespace$1.NgxMatDatetimePicker], pipes: [i1__namespace.RpxTranslatePipe, FieldLabelPipe, FirstErrorPipe], styles: ["@charset \"UTF-8\";.datepicker-container{display:inline-block;position:relative;min-width:298px}.datepicker-container .govuk-input{height:35px;min-width:298px;width:auto;padding-right:40px;border:1px solid #000}.datepicker-container .govuk-input:focus{outline:1px solid #fd0;border:1px solid #000}.datepicker-container .govuk-input::-ms-clear{display:none}.datepicker-container .datepicker-wrapper-input{position:relative;display:inline-block;top:-20%;border:0}.datepicker-container .datepicker-wrapper-input:focus{border:0;outline:none}.datepicker-container .mat-icon-button{height:32px;width:32px}.datepicker-container .mat-icon-button:focus{outline:1px solid #fd0}.datepicker-container .mat-icon-button .mat-datepicker-toggle-default-icon{position:relative;top:-5px}.datepicker-container .mat-datepicker-toggle{position:absolute;right:0}.cdk-overlay-container .mat-datepicker-content{border:1px solid #000;border-radius:0;max-width:295px}.cdk-overlay-container .mat-datepicker-content .mat-calendar-table{width:calc(100% - 1px);table-layout:fixed}.cdk-overlay-container .mat-datepicker-content .mat-calendar-header{height:34px;border-bottom:1px ridge #bfc1c3}.cdk-overlay-container .mat-datepicker-content .mat-calendar-period-button{left:14%;min-width:125px;border-right:1px ridge #bfc1c3;border-left:1px ridge #bfc1c3;border-radius:0;top:-20px;width:200%}.cdk-overlay-container .mat-datepicker-content .mat-calendar-period-button .mat-button-wrapper{text-align:center;font-weight:700}.cdk-overlay-container .mat-datepicker-content .mat-calendar-period-button:focus{border:2px solid #000}.cdk-overlay-container .mat-datepicker-content .mat-calendar-previous-button{left:-73%;top:-20px;border:2px solid transparent;border-radius:0}.cdk-overlay-container .mat-datepicker-content .mat-calendar-previous-button:focus{border-color:#000}.cdk-overlay-container .mat-datepicker-content .mat-calendar-previous-button:after{border-left-width:5px;border-top-width:5px;color:#000;padding:4px;top:-2px;left:-2px}.cdk-overlay-container .mat-datepicker-content .mat-calendar-next-button{top:-20px;left:1%;border:2px solid transparent;border-radius:0}.cdk-overlay-container .mat-datepicker-content .mat-calendar-next-button:focus{border-color:#000}.cdk-overlay-container .mat-datepicker-content .mat-calendar-next-button:after{border-right-width:5px;border-top-width:5px;color:#000;padding:4px;top:-2px;left:-2px}.cdk-overlay-container .mat-datepicker-content .mat-button-wrapper{text-transform:capitalize!important}.cdk-overlay-container .mat-datepicker-content .mat-calendar{border-bottom:1px solid #000}.cdk-overlay-container .mat-datepicker-content .mat-calendar-table-header-divider{padding:0;border-bottom:none}.cdk-overlay-container .mat-datepicker-content .mat-calendar-table-header-divider:after{height:0}.cdk-overlay-container .mat-datepicker-content .mat-calendar-content{padding:0}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-table-header{color:#000}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-table-header th.ng-star-inserted{font-weight:700;font-size:15px;padding-top:2%;padding-bottom:2%;-moz-column-width:20px;column-width:20px}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-table-header tr:first-of-type th{visibility:hidden}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-table-header tr:first-of-type th:after{visibility:visible;color:#000;position:relative;left:-15px}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-table-header tr:first-of-type th:first-of-type:after{content:\"MON\"}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-table-header tr:first-of-type th:nth-of-type(2):after{left:-12px;content:\"TUE\"}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-table-header tr:first-of-type th:nth-of-type(3):after{left:-18px;content:\"WED\"}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-table-header tr:first-of-type th:nth-of-type(4):after{left:-14px;content:\"THU\"}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-table-header tr:first-of-type th:nth-of-type(5):after{left:-10px;content:\"FRI\"}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-table-header tr:first-of-type th:nth-of-type(6):after{content:\"SAT\"}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-table-header tr:first-of-type th:nth-of-type(7):after{content:\"SUN\"}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-body-label{font-weight:700;font-size:large;color:#000}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-body-selected{border:none;background-color:transparent;color:#fff}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-body-active{background-color:#5694ca}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-body-today{border:none;box-shadow:none}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-body-cell{border:1px ridge #bfc1c3}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-body-cell[aria-selected=true]{background-color:#1d70b8;outline:3px solid #fd0;border:2px solid #000;outline-offset:1px;z-index:1}.cdk-overlay-container .mat-datepicker-content ngx-mat-multi-year-view .mat-calendar-table{border-collapse:separate;border-spacing:10px}.cdk-overlay-container .mat-datepicker-content ngx-mat-multi-year-view .mat-calendar-table .mat-calendar-body-active{background-color:#5694ca}.cdk-overlay-container .mat-datepicker-content ngx-mat-multi-year-view .mat-calendar-table .mat-calendar-body-cell{border:1px solid #bfc1c3}.cdk-overlay-container .mat-datepicker-content ngx-mat-multi-year-view .mat-calendar-table .mat-calendar-body-cell .mat-calendar-body-cell-content{border:none}.cdk-overlay-container .mat-datepicker-content ngx-mat-multi-year-view .mat-calendar-table .mat-calendar-body-cell .mat-calendar-body-selected{border:none;box-shadow:none;background-color:transparent}.cdk-overlay-container .mat-datepicker-content ngx-mat-multi-year-view .mat-calendar-table .mat-calendar-body-cell[aria-selected=true]{background-color:#1d70b8;outline:2px solid #fd0}.cdk-overlay-container .mat-datepicker-content ngx-mat-year-view .mat-calendar-table{border-collapse:separate;border-spacing:20px}.cdk-overlay-container .mat-datepicker-content ngx-mat-year-view .mat-calendar-table tr:first-of-type{visibility:collapse}.cdk-overlay-container .mat-datepicker-content ngx-mat-year-view .mat-calendar-table .mat-calendar-body-active{background-color:#5694ca}.cdk-overlay-container .mat-datepicker-content ngx-mat-year-view .mat-calendar-table .mat-calendar-body-cell{border:1px solid #bfc1c3}.cdk-overlay-container .mat-datepicker-content ngx-mat-year-view .mat-calendar-table .mat-calendar-body-cell .mat-calendar-body-cell-content{border:none}.cdk-overlay-container .mat-datepicker-content ngx-mat-year-view .mat-calendar-table .mat-calendar-body-cell .mat-calendar-body-selected{border:none;box-shadow:none;background-color:transparent}.cdk-overlay-container .mat-datepicker-content ngx-mat-year-view .mat-calendar-table .mat-calendar-body-cell[aria-selected=true]{background-color:#1d70b8;outline:3px solid #fd0;border:2px solid #000;outline-offset:1px}.cdk-overlay-container .mat-datepicker-content .time-container{height:80px;padding-top:0}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker{width:100%}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table{margin-left:0!important}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tbody{position:relative}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr .mat-icon-button .mat-button-wrapper{width:auto;height:auto}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr .mat-icon-button:focus{outline:none}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:first-child{position:absolute;left:49px;top:15px;z-index:2}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:first-child button:disabled{display:none}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:first-child td:first-child [aria-label=\"expand_less icon\"]{position:absolute;left:-2px;top:25px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:first-child td:nth-child(3) [aria-label=\"expand_less icon\"].mat-icon-button{position:absolute;left:82px!important;top:25px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:first-child td:nth-child(5) [aria-label=\"expand_less icon\"].mat-icon-button{position:absolute;left:169px!important;top:25px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:first-child td:last-child [aria-label=\"expand_less icon\"].mat-icon-button{left:153px!important}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:first-child td:nth-last-child(2) [aria-label=\"expand_less icon\"].mat-icon-button{left:65px!important}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(2){display:flex;padding:20px 0 20px 15px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(2) td{margin-right:30px;text-align:right}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(2) td:first-child .mat-form-field{width:50px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(2) td:first-child .mat-form-field:before{color:#000;content:\"Hours\";position:relative;top:-5px;left:-5px;font-size:15px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(2) td:nth-child(3) .mat-form-field:before{color:#000;content:\"Minutes\";position:relative;top:-5px;font-size:15px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(2) td:last-child{text-align:left;left:-15px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(2) .mat-form-field-disabled{display:none}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(2) td:nth-of-type(5) .mat-form-field:before{color:#000;content:\"Seconds\";position:relative;top:-5px;font-size:15px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(2) .meridian{border-bottom:none}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(2) .meridian .mat-button{height:30px;top:21px;border-radius:0;color:#000;border-color:#000;background-color:#dee0e2;display:flex;justify-content:center}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(2) .meridian .mat-button .mat-button-wrapper{position:relative;top:-2px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(4){display:flex;padding:2rem 0 2rem 15px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(4) td{margin-right:30px;text-align:right}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(4) td:last-child{text-align:left}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:last-child{position:absolute;left:49px;top:40px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:last-child button:disabled{display:none}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:last-child td:first-child [aria-label=\"expand_more icon\"]{position:absolute;top:15px;left:-2px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:last-child td:nth-child(3) [aria-label=\"expand_more icon\"].mat-icon-button{position:absolute;left:82px!important;top:15px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:last-child td:nth-child(5) [aria-label=\"expand_more icon\"].mat-icon-button{position:absolute;top:15px;left:169px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:last-child td:last-child [aria-label=\"expand_more icon\"].mat-icon-button{left:65px!important}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:last-child td:last-child.ng-star-inserted [aria-label=\"expand_more icon\"].mat-icon-button{left:153px!important}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr td{padding:0;border-bottom:0;position:relative}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr .spacer{display:none}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr .mat-icon{visibility:hidden;display:none}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr .mat-button-wrapper{display:block;width:15px;height:8px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr .mat-form-field-wrapper{padding-bottom:0}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr .mat-form-field{width:auto;max-width:none}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr [aria-label=\"expand_less icon\"].mat-icon-button .mat-button-wrapper:after{content:\" \u25B2\"}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr [aria-label=\"expand_more icon\"].mat-icon-button .mat-button-wrapper:after{content:\"\u25BC\"}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr .mat-form-field-flex{width:100%}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr .mat-form-field-flex .mat-form-field-infix{border:1px solid #000;height:20px;width:37px;display:flex;justify-content:center;align-items:center}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr .mat-form-field-underline{visibility:hidden}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr input{height:33px;width:37px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr input:focus{border-color:#000}.cdk-overlay-container .mat-datepicker-content .actions{padding-bottom:20px;margin-top:20px;justify-content:flex-start}.cdk-overlay-container .mat-datepicker-content .actions .mat-button{background-color:#00823b;position:relative;display:-moz-inline-stack;display:inline-block;padding:.526315em .789473em .263157em;border:none;border-radius:0;outline:1px solid transparent;outline-offset:-1px;-webkit-appearance:none;box-shadow:0 2px 0 #003618;font-size:1em;line-height:1.25;text-decoration:none;-webkit-font-smoothing:antialiased;color:#fff;box-sizing:border-box;vertical-align:top;width:80px;cursor:pointer}.cdk-overlay-container .mat-datepicker-content .actions .mat-button:focus{outline:2px solid #fd0}.cdk-overlay-container .mat-datepicker-content .actions .mat-button:hover{background-color:#006400}.cdk-overlay-container .mat-datepicker-content .actions .mat-button .mat-icon{visibility:hidden}.cdk-overlay-container .mat-datepicker-content .actions .mat-button .mat-button-wrapper:before{color:#fff;content:\"Confirm\";position:relative;font-size:15px;left:-3px}"], encapsulation: 2 });
+        }, directives: [i2__namespace.NgClass, i2__namespace.NgIf, i2__namespace$1.DefaultValueAccessor, i4__namespace.NgxMatDatetimeInput, i2__namespace$1.NgControlStatus, i2__namespace$1.FormControlDirective, i5__namespace$1.MatDatepickerToggle, i6__namespace$1.MatSuffix, i4__namespace.NgxMatDatetimePicker], pipes: [i1__namespace.RpxTranslatePipe, FieldLabelPipe, FirstErrorPipe], styles: ["@charset \"UTF-8\";.datepicker-container{display:inline-block;position:relative;min-width:298px}.datepicker-container .govuk-input{height:35px;min-width:298px;width:auto;padding-right:40px;border:1px solid #000}.datepicker-container .govuk-input:focus{outline:1px solid #fd0;border:1px solid #000}.datepicker-container .govuk-input::-ms-clear{display:none}.datepicker-container .datepicker-wrapper-input{position:relative;display:inline-block;top:-20%;border:0}.datepicker-container .datepicker-wrapper-input:focus{border:0;outline:none}.datepicker-container .mat-icon-button{height:32px;width:32px}.datepicker-container .mat-icon-button:focus{outline:1px solid #fd0}.datepicker-container .mat-icon-button .mat-datepicker-toggle-default-icon{position:relative;top:-5px}.datepicker-container .mat-datepicker-toggle{position:absolute;right:0}.cdk-overlay-container .mat-datepicker-content{border:1px solid #000;border-radius:0;max-width:295px}.cdk-overlay-container .mat-datepicker-content .mat-calendar-table{width:calc(100% - 1px);table-layout:fixed}.cdk-overlay-container .mat-datepicker-content .mat-calendar-header{height:34px;border-bottom:1px ridge #bfc1c3}.cdk-overlay-container .mat-datepicker-content .mat-calendar-period-button{left:14%;min-width:125px;border-right:1px ridge #bfc1c3;border-left:1px ridge #bfc1c3;border-radius:0;top:-20px;width:200%}.cdk-overlay-container .mat-datepicker-content .mat-calendar-period-button .mat-button-wrapper{text-align:center;font-weight:700}.cdk-overlay-container .mat-datepicker-content .mat-calendar-period-button:focus{border:2px solid #000}.cdk-overlay-container .mat-datepicker-content .mat-calendar-previous-button{left:-73%;top:-20px;border:2px solid transparent;border-radius:0}.cdk-overlay-container .mat-datepicker-content .mat-calendar-previous-button:focus{border-color:#000}.cdk-overlay-container .mat-datepicker-content .mat-calendar-previous-button:after{border-left-width:5px;border-top-width:5px;color:#000;padding:4px;top:-2px;left:-2px}.cdk-overlay-container .mat-datepicker-content .mat-calendar-next-button{top:-20px;left:1%;border:2px solid transparent;border-radius:0}.cdk-overlay-container .mat-datepicker-content .mat-calendar-next-button:focus{border-color:#000}.cdk-overlay-container .mat-datepicker-content .mat-calendar-next-button:after{border-right-width:5px;border-top-width:5px;color:#000;padding:4px;top:-2px;left:-2px}.cdk-overlay-container .mat-datepicker-content .mat-button-wrapper{text-transform:capitalize!important}.cdk-overlay-container .mat-datepicker-content .mat-calendar{border-bottom:1px solid #000}.cdk-overlay-container .mat-datepicker-content .mat-calendar-table-header-divider{padding:0;border-bottom:none}.cdk-overlay-container .mat-datepicker-content .mat-calendar-table-header-divider:after{height:0}.cdk-overlay-container .mat-datepicker-content .mat-calendar-content{padding:0}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-table-header{color:#000}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-table-header th.ng-star-inserted{font-weight:700;font-size:15px;padding-top:2%;padding-bottom:2%;-moz-column-width:20px;column-width:20px}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-table-header tr:first-of-type th{visibility:hidden}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-table-header tr:first-of-type th:after{visibility:visible;color:#000;position:relative;left:-15px}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-table-header tr:first-of-type th:first-of-type:after{content:\"MON\"}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-table-header tr:first-of-type th:nth-of-type(2):after{left:-12px;content:\"TUE\"}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-table-header tr:first-of-type th:nth-of-type(3):after{left:-18px;content:\"WED\"}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-table-header tr:first-of-type th:nth-of-type(4):after{left:-14px;content:\"THU\"}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-table-header tr:first-of-type th:nth-of-type(5):after{left:-10px;content:\"FRI\"}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-table-header tr:first-of-type th:nth-of-type(6):after{content:\"SAT\"}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-table-header tr:first-of-type th:nth-of-type(7):after{content:\"SUN\"}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-body-label{font-weight:700;font-size:large;color:#000}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-body-selected{border:none;background-color:transparent;color:#fff}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-body-active{background-color:#5694ca}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-body-today{border:none;box-shadow:none}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-body-cell{border:1px ridge #bfc1c3}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-body-cell[aria-selected=true]{background-color:#1d70b8;outline:3px solid #fd0;border:2px solid #000;outline-offset:1px;z-index:1}.cdk-overlay-container .mat-datepicker-content ngx-mat-multi-year-view .mat-calendar-table{border-collapse:separate;border-spacing:10px}.cdk-overlay-container .mat-datepicker-content ngx-mat-multi-year-view .mat-calendar-table .mat-calendar-body-active{background-color:#5694ca}.cdk-overlay-container .mat-datepicker-content ngx-mat-multi-year-view .mat-calendar-table .mat-calendar-body-cell{border:1px solid #bfc1c3}.cdk-overlay-container .mat-datepicker-content ngx-mat-multi-year-view .mat-calendar-table .mat-calendar-body-cell .mat-calendar-body-cell-content{border:none}.cdk-overlay-container .mat-datepicker-content ngx-mat-multi-year-view .mat-calendar-table .mat-calendar-body-cell .mat-calendar-body-selected{border:none;box-shadow:none;background-color:transparent}.cdk-overlay-container .mat-datepicker-content ngx-mat-multi-year-view .mat-calendar-table .mat-calendar-body-cell[aria-selected=true]{background-color:#1d70b8;outline:2px solid #fd0}.cdk-overlay-container .mat-datepicker-content ngx-mat-year-view .mat-calendar-table{border-collapse:separate;border-spacing:20px}.cdk-overlay-container .mat-datepicker-content ngx-mat-year-view .mat-calendar-table tr:first-of-type{visibility:collapse}.cdk-overlay-container .mat-datepicker-content ngx-mat-year-view .mat-calendar-table .mat-calendar-body-active{background-color:#5694ca}.cdk-overlay-container .mat-datepicker-content ngx-mat-year-view .mat-calendar-table .mat-calendar-body-cell{border:1px solid #bfc1c3}.cdk-overlay-container .mat-datepicker-content ngx-mat-year-view .mat-calendar-table .mat-calendar-body-cell .mat-calendar-body-cell-content{border:none}.cdk-overlay-container .mat-datepicker-content ngx-mat-year-view .mat-calendar-table .mat-calendar-body-cell .mat-calendar-body-selected{border:none;box-shadow:none;background-color:transparent}.cdk-overlay-container .mat-datepicker-content ngx-mat-year-view .mat-calendar-table .mat-calendar-body-cell[aria-selected=true]{background-color:#1d70b8;outline:3px solid #fd0;border:2px solid #000;outline-offset:1px}.cdk-overlay-container .mat-datepicker-content .time-container{height:80px;padding-top:0}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker{width:100%}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table{margin-left:0!important}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tbody{position:relative}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr .mat-icon-button .mat-button-wrapper{width:auto;height:auto}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr .mat-icon-button:focus{outline:none}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:first-child{position:absolute;left:49px;top:15px;z-index:2}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:first-child button:disabled{display:none}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:first-child td:first-child [aria-label=\"expand_less icon\"]{position:absolute;left:-2px;top:25px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:first-child td:nth-child(3) [aria-label=\"expand_less icon\"].mat-icon-button{position:absolute;left:82px!important;top:25px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:first-child td:nth-child(5) [aria-label=\"expand_less icon\"].mat-icon-button{position:absolute;left:169px!important;top:25px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:first-child td:last-child [aria-label=\"expand_less icon\"].mat-icon-button{left:153px!important}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:first-child td:nth-last-child(2) [aria-label=\"expand_less icon\"].mat-icon-button{left:65px!important}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(2){display:flex;padding:20px 0 20px 15px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(2) td{margin-right:30px;text-align:right}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(2) td:first-child .mat-form-field{width:50px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(2) td:first-child .mat-form-field:before{color:#000;content:\"Hours\";position:relative;top:-5px;left:-5px;font-size:15px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(2) td:nth-child(3) .mat-form-field:before{color:#000;content:\"Minutes\";position:relative;top:-5px;font-size:15px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(2) td:last-child{text-align:left;left:-15px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(2) .mat-form-field-disabled{display:none}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(2) td:nth-of-type(5) .mat-form-field:before{color:#000;content:\"Seconds\";position:relative;top:-5px;font-size:15px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(2) .meridian{border-bottom:none}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(2) .meridian .mat-button{height:30px;top:21px;border-radius:0;color:#000;border-color:#000;background-color:#dee0e2;display:flex;justify-content:center}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(2) .meridian .mat-button .mat-button-wrapper{position:relative;top:-2px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(4){display:flex;padding:2rem 0 2rem 15px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(4) td{margin-right:30px;text-align:right}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(4) td:last-child{text-align:left}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:last-child{position:absolute;left:49px;top:40px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:last-child button:disabled{display:none}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:last-child td:first-child [aria-label=\"expand_more icon\"]{position:absolute;top:15px;left:-2px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:last-child td:nth-child(3) [aria-label=\"expand_more icon\"].mat-icon-button{position:absolute;left:82px!important;top:15px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:last-child td:nth-child(5) [aria-label=\"expand_more icon\"].mat-icon-button{position:absolute;top:15px;left:169px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:last-child td:last-child [aria-label=\"expand_more icon\"].mat-icon-button{left:65px!important}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:last-child td:last-child.ng-star-inserted [aria-label=\"expand_more icon\"].mat-icon-button{left:153px!important}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr td{padding:0;border-bottom:0;position:relative}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr .spacer{display:none}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr .mat-icon{visibility:hidden;display:none}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr .mat-button-wrapper{display:block;width:15px;height:8px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr .mat-form-field-wrapper{padding-bottom:0}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr .mat-form-field{width:auto;max-width:none}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr [aria-label=\"expand_less icon\"].mat-icon-button .mat-button-wrapper:after{content:\" \u25B2\"}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr [aria-label=\"expand_more icon\"].mat-icon-button .mat-button-wrapper:after{content:\"\u25BC\"}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr .mat-form-field-flex{width:100%}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr .mat-form-field-flex .mat-form-field-infix{border:1px solid #000;height:20px;width:37px;display:flex;justify-content:center;align-items:center}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr .mat-form-field-underline{visibility:hidden}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr input{height:33px;width:37px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr input:focus{border-color:#000}.cdk-overlay-container .mat-datepicker-content .actions{padding-bottom:20px;margin-top:20px;justify-content:flex-start}.cdk-overlay-container .mat-datepicker-content .actions .mat-button{background-color:#00823b;position:relative;display:-moz-inline-stack;display:inline-block;padding:.526315em .789473em .263157em;border:none;border-radius:0;outline:1px solid transparent;outline-offset:-1px;-webkit-appearance:none;box-shadow:0 2px 0 #003618;font-size:1em;line-height:1.25;text-decoration:none;-webkit-font-smoothing:antialiased;color:#fff;box-sizing:border-box;vertical-align:top;width:80px;cursor:pointer}.cdk-overlay-container .mat-datepicker-content .actions .mat-button:focus{outline:2px solid #fd0}.cdk-overlay-container .mat-datepicker-content .actions .mat-button:hover{background-color:#006400}.cdk-overlay-container .mat-datepicker-content .actions .mat-button .mat-icon{visibility:hidden}.cdk-overlay-container .mat-datepicker-content .actions .mat-button .mat-button-wrapper:before{color:#fff;content:\"Confirm\";position:relative;font-size:15px;left:-3px}"], encapsulation: 2 });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(DatetimePickerComponent, [{
                 type: i0.Component,
@@ -24978,10 +25217,10 @@
                         styleUrls: ['./datetime-picker.component.scss'],
                         encapsulation: i0.ViewEncapsulation.None,
                         providers: [
-                            { provide: i4$1.NGX_MAT_DATE_FORMATS, useValue: CUSTOM_MOMENT_FORMATS },
-                            { provide: i4$1.NgxMatDateAdapter,
+                            { provide: i4.NGX_MAT_DATE_FORMATS, useValue: CUSTOM_MOMENT_FORMATS },
+                            { provide: i4.NgxMatDateAdapter,
                                 useClass: momentAdapter.NgxMatMomentAdapter,
-                                deps: [i5.MAT_DATE_LOCALE, momentAdapter.NGX_MAT_MOMENT_DATE_ADAPTER_OPTIONS]
+                                deps: [i6.MAT_DATE_LOCALE, momentAdapter.NGX_MAT_MOMENT_DATE_ADAPTER_OPTIONS]
                             },
                             { provide: momentAdapter.NGX_MAT_MOMENT_DATE_ADAPTER_OPTIONS, useValue: { useUtc: true } }
                         ]
@@ -24989,7 +25228,7 @@
             }], function () {
             return [{ type: FormatTranslatorService }, { type: undefined, decorators: [{
                             type: i0.Inject,
-                            args: [i4$1.NGX_MAT_DATE_FORMATS]
+                            args: [i4.NGX_MAT_DATE_FORMATS]
                         }] }];
         }, { datetimePicker: [{
                     type: i0.ViewChild,
@@ -26644,7 +26883,7 @@
             CommonDataService,
             JurisdictionService,
             LinkedCasesService,
-            { provide: i5.MAT_DATE_LOCALE, useValue: 'en-GB' }
+            { provide: i6.MAT_DATE_LOCALE, useValue: 'en-GB' }
         ], imports: [[
                 i2.CommonModule,
                 i1$1.RouterModule,
@@ -26661,13 +26900,13 @@
                 TabsModule,
                 LabelSubstitutorModule,
                 i1$4.NgxMdModule,
-                i4$1.NgxMatDatetimePickerModule,
-                i4$1.NgxMatTimepickerModule,
-                i4$1.NgxMatNativeDateModule,
-                i6.MatFormFieldModule,
+                i4.NgxMatDatetimePickerModule,
+                i4.NgxMatTimepickerModule,
+                i4.NgxMatNativeDateModule,
+                i6$1.MatFormFieldModule,
                 i3$1.MatInputModule,
                 i5$1.MatDatepickerModule,
-                i4.MatAutocompleteModule,
+                i5.MatAutocompleteModule,
                 i7.CdkTreeModule,
                 i1$5.OverlayModule,
                 i3.PaymentLibModule,
@@ -26678,9 +26917,9 @@
                 i1$3.MatDialogModule,
                 i12.MediaViewerModule,
                 LoadingModule
-            ], i4$1.NgxMatDatetimePickerModule,
-            i4$1.NgxMatNativeDateModule,
-            i4$1.NgxMatTimepickerModule,
+            ], i4.NgxMatDatetimePickerModule,
+            i4.NgxMatNativeDateModule,
+            i4.NgxMatTimepickerModule,
             TabsModule,
             PaletteUtilsModule,
             PipesModule] });
@@ -26809,22 +27048,22 @@
                 TabsModule,
                 LabelSubstitutorModule,
                 i1$4.NgxMdModule,
-                i4$1.NgxMatDatetimePickerModule,
-                i4$1.NgxMatTimepickerModule,
-                i4$1.NgxMatNativeDateModule,
-                i6.MatFormFieldModule,
+                i4.NgxMatDatetimePickerModule,
+                i4.NgxMatTimepickerModule,
+                i4.NgxMatNativeDateModule,
+                i6$1.MatFormFieldModule,
                 i3$1.MatInputModule,
                 i5$1.MatDatepickerModule,
-                i4.MatAutocompleteModule,
+                i5.MatAutocompleteModule,
                 i7.CdkTreeModule,
                 i1$5.OverlayModule,
                 i3.PaymentLibModule, i2__namespace$2.ScrollToModule, i1__namespace.RpxTranslationModule, i7.CdkTreeModule,
                 i1$5.OverlayModule,
                 i1$3.MatDialogModule,
                 i12.MediaViewerModule,
-                LoadingModule], exports: [i4$1.NgxMatDatetimePickerModule,
-                i4$1.NgxMatNativeDateModule,
-                i4$1.NgxMatTimepickerModule,
+                LoadingModule], exports: [i4.NgxMatDatetimePickerModule,
+                i4.NgxMatNativeDateModule,
+                i4.NgxMatTimepickerModule,
                 TabsModule,
                 PaletteUtilsModule,
                 PipesModule, UnsupportedFieldComponent,
@@ -26954,13 +27193,13 @@
                             TabsModule,
                             LabelSubstitutorModule,
                             i1$4.NgxMdModule,
-                            i4$1.NgxMatDatetimePickerModule,
-                            i4$1.NgxMatTimepickerModule,
-                            i4$1.NgxMatNativeDateModule,
-                            i6.MatFormFieldModule,
+                            i4.NgxMatDatetimePickerModule,
+                            i4.NgxMatTimepickerModule,
+                            i4.NgxMatNativeDateModule,
+                            i6$1.MatFormFieldModule,
                             i3$1.MatInputModule,
                             i5$1.MatDatepickerModule,
-                            i4.MatAutocompleteModule,
+                            i5.MatAutocompleteModule,
                             i7.CdkTreeModule,
                             i1$5.OverlayModule,
                             i3.PaymentLibModule,
@@ -26980,9 +27219,9 @@
                             DocumentUrlPipe
                         ], PALETTE_COMPONENTS),
                         exports: __spread([
-                            i4$1.NgxMatDatetimePickerModule,
-                            i4$1.NgxMatNativeDateModule,
-                            i4$1.NgxMatTimepickerModule,
+                            i4.NgxMatDatetimePickerModule,
+                            i4.NgxMatNativeDateModule,
+                            i4.NgxMatTimepickerModule,
                             TabsModule,
                             PaletteUtilsModule,
                             PipesModule
@@ -27000,7 +27239,7 @@
                             CommonDataService,
                             JurisdictionService,
                             LinkedCasesService,
-                            { provide: i5.MAT_DATE_LOCALE, useValue: 'en-GB' }
+                            { provide: i6.MAT_DATE_LOCALE, useValue: 'en-GB' }
                         ],
                         entryComponents: [CaseFileViewFolderSelectorComponent]
                     }]
@@ -28275,10 +28514,10 @@
             // tslint:disable-next-line:switch-default
             switch (portalType) {
                 case EventCompletionPortalTypes.TaskCancelled:
-                    this.selectedComponentPortal = new i6$1.ComponentPortal(CaseEventCompletionTaskCancelledComponent, null, injector);
+                    this.selectedComponentPortal = new i6$2.ComponentPortal(CaseEventCompletionTaskCancelledComponent, null, injector);
                     break;
                 case EventCompletionPortalTypes.TaskReassigned:
-                    this.selectedComponentPortal = new i6$1.ComponentPortal(CaseEventCompletionTaskReassignedComponent, null, injector);
+                    this.selectedComponentPortal = new i6$2.ComponentPortal(CaseEventCompletionTaskReassignedComponent, null, injector);
                     break;
             }
         };
@@ -28292,7 +28531,7 @@
             if (rf & 2) {
                 i0__namespace.ɵɵproperty("cdkPortalOutlet", ctx.selectedComponentPortal);
             }
-        }, directives: [i6__namespace$1.CdkPortalOutlet], encapsulation: 2 });
+        }, directives: [i6__namespace$2.CdkPortalOutlet], encapsulation: 2 });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(CaseEventCompletionComponent, [{
                 type: i0.Component,
@@ -28352,7 +28591,7 @@
                 LabelSubstitutorModule,
                 ConditionalShowModule,
                 ErrorsModule,
-                i6$1.PortalModule,
+                i6$2.PortalModule,
                 LoadingSpinnerModule,
                 BannersModule,
                 i1.RpxTranslationModule.forChild()
@@ -28377,7 +28616,7 @@
                 LabelSubstitutorModule,
                 ConditionalShowModule,
                 ErrorsModule,
-                i6$1.PortalModule,
+                i6$2.PortalModule,
                 LoadingSpinnerModule,
                 BannersModule, i1__namespace.RpxTranslationModule], exports: [CaseEditConfirmComponent,
                 CaseEditComponent,
@@ -28402,7 +28641,7 @@
                             LabelSubstitutorModule,
                             ConditionalShowModule,
                             ErrorsModule,
-                            i6$1.PortalModule,
+                            i6$2.PortalModule,
                             LoadingSpinnerModule,
                             BannersModule,
                             i1.RpxTranslationModule.forChild()
@@ -30698,6 +30937,7 @@
         CaseResolver.prototype.resolve = function (route) {
             var cid = route.paramMap.get(CaseResolver.PARAM_CASE_ID);
             if (!cid) {
+                console.info('No case ID available in the route. Will navigate to case list.');
                 // when redirected to case view after a case created, and the user has no READ access,
                 // the post returns no id
                 this.navigateToCaseList();
@@ -30721,8 +30961,10 @@
         };
         CaseResolver.prototype.getAndCacheCaseView = function (cid) {
             var _this = this;
+            console.info('getAndCacheCaseView started.');
             if (this.caseNotifier.cachedCaseView && this.caseNotifier.cachedCaseView.case_id && this.caseNotifier.cachedCaseView.case_id === cid) {
                 this.caseNotifier.announceCase(this.caseNotifier.cachedCaseView);
+                console.info('getAndCacheCaseView - Path A.');
                 return rxjs.of(this.caseNotifier.cachedCaseView).toPromise();
             }
             else {
@@ -30730,8 +30972,9 @@
                     return this.getAndCacheDraft(cid);
                 }
                 else {
+                    console.info('getAndCacheCaseView - Path B.');
                     return this.caseNotifier.fetchAndRefresh(cid)
-                        .pipe(operators.catchError(function (error) { return _this.checkAuthorizationError(error, cid); }))
+                        .pipe(operators.catchError(function (error) { return _this.processErrorInCaseFetch(error, cid); }))
                         .toPromise();
                 }
             }
@@ -30744,9 +30987,11 @@
                 _this.caseNotifier.cachedCaseView = classTransformer.plainToClassFromExist(new CaseView(), caseView);
                 _this.caseNotifier.announceCase(_this.caseNotifier.cachedCaseView);
                 return _this.caseNotifier.cachedCaseView;
-            }), operators.catchError(function (error) { return _this.checkAuthorizationError(error, cid); })).toPromise();
+            }), operators.catchError(function (error) { return _this.processErrorInCaseFetch(error, cid); })).toPromise();
         };
-        CaseResolver.prototype.checkAuthorizationError = function (error, caseReference) {
+        CaseResolver.prototype.processErrorInCaseFetch = function (error, caseReference) {
+            console.error('!!! processErrorInCaseFetch !!!');
+            console.error(error);
             // TODO Should be logged to remote logging infrastructure
             if (error.status === 400) {
                 this.router.navigate(['/search/noresults']);
@@ -30769,6 +31014,7 @@
         };
         // as discussed for EUI-5456, need functionality to go to default page
         CaseResolver.prototype.goToDefaultPage = function () {
+            console.info('Going to default page!');
             var userDetails = JSON.parse(this.sessionStorage.getItem('userDetails'));
             userDetails && userDetails.roles
                 && !userDetails.roles.includes('pui-case-manager')
@@ -31038,7 +31284,7 @@
                 _this.caseNotifier.announceCase(_this.caseDetails);
             }))
                 .toPromise()
-                .catch(function (error) { return _this.checkAuthorizationError(error); });
+                .catch(function (error) { return _this.checkErrorGettingCaseView(error); });
             this.navigationSubscription = this.navigationNotifierService.navigation.subscribe(function (navigation) {
                 _this.navigationTriggered.emit(navigation);
             });
@@ -31063,8 +31309,9 @@
             return this.draftService
                 .getDraft(cid);
         };
-        CaseViewComponent.prototype.checkAuthorizationError = function (error) {
+        CaseViewComponent.prototype.checkErrorGettingCaseView = function (error) {
             // TODO Should be logged to remote logging infrastructure
+            console.error('Called checkErrorGettingCaseView.');
             console.error(error);
             if (error.status !== 401 && error.status !== 403) {
                 this.alertService.error(error.message);
@@ -32468,7 +32715,9 @@
             this.appendedTabs = [];
         }
         CaseViewerComponent.prototype.ngOnInit = function () {
+            console.info('Loading case details...');
             this.loadCaseDetails();
+            console.info('Loaded case details...');
         };
         CaseViewerComponent.prototype.ngOnDestroy = function () {
             if (this.caseSubscription) {
@@ -32478,6 +32727,7 @@
         CaseViewerComponent.prototype.loadCaseDetails = function () {
             var _this = this;
             if (this.route.snapshot.data.case) {
+                console.info('Setting the case into case viewer component from this.route.snapshot.data.case.');
                 this.caseDetails = this.route.snapshot.data.case;
                 this.caseDetails.tabs = this.orderService.sort(this.caseDetails.tabs);
                 this.caseDetails.tabs = this.suffixDuplicateTabs(this.caseDetails.tabs);
@@ -32485,6 +32735,7 @@
             }
             else {
                 this.caseSubscription = this.caseNotifier.caseView.subscribe(function (caseDetails) {
+                    console.info('Setting the case into case viewer component as retrieved from XHR request.');
                     _this.caseDetails = caseDetails;
                     _this.setUserAccessType(_this.caseDetails);
                 });
@@ -37462,6 +37713,7 @@
     exports.ReadYesNoFieldComponent = ReadYesNoFieldComponent;
     exports.RemoveDialogComponent = RemoveDialogComponent;
     exports.RequestOptionsBuilder = RequestOptionsBuilder;
+    exports.RetryUtil = RetryUtil;
     exports.RouterHelperService = RouterHelperService;
     exports.SaveOrDiscardDialogComponent = SaveOrDiscardDialogComponent;
     exports.SearchFiltersComponent = SearchFiltersComponent;