@hmcts/ccd-case-ui-toolkit 6.14.0-restricted-case-access → 6.14.0-restricted-case-access-v2

package/fesm2015/hmcts-ccd-case-ui-toolkit.js

@@ -116,13 +116,13 @@ function FooterComponent_div_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(3);
     i0.ɵɵtextInterpolate(ctx_r1.workhours);
 } }
-const _c0$_ = [[["", "footerSolsNavLinks", ""]], [["", "footerCaseWorkerNavLinks", ""]]];
+const _c0$$ = [[["", "footerSolsNavLinks", ""]], [["", "footerCaseWorkerNavLinks", ""]]];
 const _c1$s = ["[footerSolsNavLinks]", "[footerCaseWorkerNavLinks]"];
 class FooterComponent {
 }
 FooterComponent.ɵfac = function FooterComponent_Factory(t) { return new (t || FooterComponent)(); };
 FooterComponent.ɵcmp = i0.ɵɵ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) { if (rf & 1) {
-        i0.ɵɵprojectionDef(_c0$_);
+        i0.ɵɵprojectionDef(_c0$$);
         i0.ɵɵelementStart(0, "footer", 0);
         i0.ɵɵelementStart(1, "div", 1);
         i0.ɵɵtemplate(2, FooterComponent_div_2_Template, 15, 0, "div", 2);
@@ -189,7 +189,7 @@ function HeaderBarComponent_div_9_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(3);
     i0.ɵɵtextInterpolate(ctx_r2.title);
 } }
-const _c0$Z = [[["", "headerNavigation", ""]]];
+const _c0$_ = [[["", "headerNavigation", ""]]];
 const _c1$r = ["[headerNavigation]"];
 class HeaderBarComponent {
     constructor() {
@@ -201,7 +201,7 @@ class HeaderBarComponent {
 }
 HeaderBarComponent.ɵfac = function HeaderBarComponent_Factory(t) { return new (t || HeaderBarComponent)(); };
 HeaderBarComponent.ɵcmp = i0.ɵɵdefineComponent({ type: HeaderBarComponent, selectors: [["cut-header-bar"]], inputs: { title: "title", isSolicitor: "isSolicitor", username: "username" }, outputs: { signOutRequest: "signOutRequest" }, ngContentSelectors: _c1$r, decls: 15, vars: 8, 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.ɵɵprojectionDef(_c0$Z);
+        i0.ɵɵprojectionDef(_c0$_);
         i0.ɵɵelementStart(0, "header", 0);
         i0.ɵɵelementStart(1, "div", 1);
         i0.ɵɵelementStart(2, "div", 2);
@@ -258,13 +258,13 @@ HeaderBarComponent.ɵcmp = i0.ɵɵdefineComponent({ type: HeaderBarComponent, se
             type: Output
         }] }); })();
 
-const _c0$Y = [[["", "leftNavLinks", ""]], [["", "rightNavLinks", ""]]];
+const _c0$Z = [[["", "leftNavLinks", ""]], [["", "rightNavLinks", ""]]];
 const _c1$q = ["[leftNavLinks]", "[rightNavLinks]"];
 class NavigationComponent {
 }
 NavigationComponent.ɵfac = function NavigationComponent_Factory(t) { return new (t || NavigationComponent)(); };
 NavigationComponent.ɵcmp = i0.ɵɵ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) { if (rf & 1) {
-        i0.ɵɵprojectionDef(_c0$Y);
+        i0.ɵɵprojectionDef(_c0$Z);
         i0.ɵɵelementStart(0, "div");
         i0.ɵɵelementStart(1, "nav", 0);
         i0.ɵɵprojection(2);
@@ -381,13 +381,13 @@ HeadersModule.ɵinj = i0.ɵɵdefineInjector({ imports: [[CommonModule, RouterMod
             }]
     }], null, null); })();
 
-const _c0$X = [[["", "topBody", ""]], [["", "leftBody", ""]], [["", "rightBody", ""]]];
+const _c0$Y = [[["", "topBody", ""]], [["", "leftBody", ""]], [["", "rightBody", ""]]];
 const _c1$p = ["[topBody]", "[leftBody]", "[rightBody]"];
 class BodyComponent {
 }
 BodyComponent.ɵfac = function BodyComponent_Factory(t) { return new (t || BodyComponent)(); };
 BodyComponent.ɵcmp = i0.ɵɵdefineComponent({ type: BodyComponent, selectors: [["cut-body"]], ngContentSelectors: _c1$p, decls: 4, vars: 0, consts: [[1, "global-display"]], template: function BodyComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵprojectionDef(_c0$X);
+        i0.ɵɵprojectionDef(_c0$Y);
         i0.ɵɵelementStart(0, "div", 0);
         i0.ɵɵprojection(1);
         i0.ɵɵprojection(2, 1);
@@ -404,7 +404,7 @@ BodyComponent.ɵcmp = i0.ɵɵdefineComponent({ type: BodyComponent, selectors: [
             }]
     }], null, null); })();
 
-const _c0$W = function (a0) { return { "govuk-input--error": a0 }; };
+const _c0$X = function (a0) { return { "govuk-input--error": a0 }; };
 function DateInputComponent_div_16_Template(rf, ctx) { if (rf & 1) {
     const _r8 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 12);
@@ -420,7 +420,7 @@ function DateInputComponent_div_16_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(1);
     i0.ɵɵproperty("for", ctx_r3.hourId());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("id", ctx_r3.hourId())("name", ctx_r3.hourId())("value", ctx_r3.displayHour)("ngClass", i0.ɵɵpureFunction1(5, _c0$W, ctx_r3.isInvalid));
+    i0.ɵɵproperty("id", ctx_r3.hourId())("name", ctx_r3.hourId())("value", ctx_r3.displayHour)("ngClass", i0.ɵɵpureFunction1(5, _c0$X, ctx_r3.isInvalid));
 } }
 function DateInputComponent_div_17_Template(rf, ctx) { if (rf & 1) {
     const _r13 = i0.ɵɵgetCurrentView();
@@ -437,7 +437,7 @@ function DateInputComponent_div_17_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(1);
     i0.ɵɵproperty("for", ctx_r4.minuteId());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("id", ctx_r4.minuteId())("name", ctx_r4.minuteId())("value", ctx_r4.displayMinute)("ngClass", i0.ɵɵpureFunction1(5, _c0$W, ctx_r4.isInvalid));
+    i0.ɵɵproperty("id", ctx_r4.minuteId())("name", ctx_r4.minuteId())("value", ctx_r4.displayMinute)("ngClass", i0.ɵɵpureFunction1(5, _c0$X, ctx_r4.isInvalid));
 } }
 function DateInputComponent_div_18_Template(rf, ctx) { if (rf & 1) {
     const _r18 = i0.ɵɵgetCurrentView();
@@ -454,7 +454,7 @@ function DateInputComponent_div_18_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(1);
     i0.ɵɵproperty("for", ctx_r5.secondId());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("id", ctx_r5.secondId())("name", ctx_r5.secondId())("value", ctx_r5.displaySecond)("ngClass", i0.ɵɵpureFunction1(5, _c0$W, ctx_r5.isInvalid));
+    i0.ɵɵproperty("id", ctx_r5.secondId())("name", ctx_r5.secondId())("value", ctx_r5.displaySecond)("ngClass", i0.ɵɵpureFunction1(5, _c0$X, ctx_r5.isInvalid));
 } }
 class DateInputComponent {
     constructor() {
@@ -579,22 +579,22 @@ class DateInputComponent {
         }
     }
     dayId() {
-        return this.id + '-day';
+        return `${this.id}-day`;
     }
     monthId() {
-        return this.id + '-month';
+        return `${this.id}-month`;
     }
     yearId() {
-        return this.id + '-year';
+        return `${this.id}-year`;
     }
     hourId() {
-        return this.id + '-hour';
+        return `${this.id}-hour`;
     }
     minuteId() {
-        return this.id + '-minute';
+        return `${this.id}-minute`;
     }
     secondId() {
-        return this.id + '-second';
+        return `${this.id}-second`;
     }
     viewValue() {
         if (this.day || this.month || this.year || this.hour || this.minute || this.second) {
@@ -609,7 +609,7 @@ class DateInputComponent {
                     this.minute ? this.pad(this.minute) : '',
                     this.second ? this.pad(this.second) : ''
                 ].join(':');
-                return date + 'T' + time + '.000';
+                return `${date}T${time}.000`;
             }
             else {
                 return date;
@@ -683,15 +683,15 @@ DateInputComponent.ɵcmp = i0.ɵɵdefineComponent({ type: DateInputComponent, se
         i0.ɵɵadvance(2);
         i0.ɵɵproperty("for", ctx.dayId());
         i0.ɵɵadvance(2);
-        i0.ɵɵproperty("id", ctx.dayId())("name", ctx.dayId())("value", ctx.displayDay)("ngClass", i0.ɵɵpureFunction1(18, _c0$W, ctx.isInvalid));
+        i0.ɵɵproperty("id", ctx.dayId())("name", ctx.dayId())("value", ctx.displayDay)("ngClass", i0.ɵɵpureFunction1(18, _c0$X, ctx.isInvalid));
         i0.ɵɵadvance(3);
         i0.ɵɵproperty("for", ctx.monthId());
         i0.ɵɵadvance(2);
-        i0.ɵɵproperty("id", ctx.monthId())("name", ctx.monthId())("value", ctx.displayMonth)("ngClass", i0.ɵɵpureFunction1(20, _c0$W, ctx.isInvalid));
+        i0.ɵɵproperty("id", ctx.monthId())("name", ctx.monthId())("value", ctx.displayMonth)("ngClass", i0.ɵɵpureFunction1(20, _c0$X, ctx.isInvalid));
         i0.ɵɵadvance(3);
         i0.ɵɵproperty("for", ctx.yearId());
         i0.ɵɵadvance(2);
-        i0.ɵɵproperty("id", ctx.yearId())("name", ctx.yearId())("value", ctx.displayYear)("ngClass", i0.ɵɵpureFunction1(22, _c0$W, ctx.isInvalid));
+        i0.ɵɵproperty("id", ctx.yearId())("name", ctx.yearId())("value", ctx.displayYear)("ngClass", i0.ɵɵpureFunction1(22, _c0$X, ctx.isInvalid));
         i0.ɵɵadvance(2);
         i0.ɵɵproperty("ngIf", ctx.isDateTime);
         i0.ɵɵadvance(1);
@@ -761,7 +761,7 @@ function AlertComponent_ng_container_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementEnd();
     i0.ɵɵelementContainerEnd();
 } }
-const _c0$V = ["*"];
+const _c0$W = ["*"];
 var AlertMessageType;
 (function (AlertMessageType) {
     AlertMessageType["WARNING"] = "warning";
@@ -781,7 +781,7 @@ AlertComponent.TYPE_SUCCESS = 'success';
 AlertComponent.TYPE_ERROR = 'error';
 AlertComponent.TYPE_INFORMATION = 'information';
 AlertComponent.ɵfac = function AlertComponent_Factory(t) { return new (t || AlertComponent)(); };
-AlertComponent.ɵcmp = i0.ɵɵdefineComponent({ type: AlertComponent, selectors: [["cut-alert"]], inputs: { type: "type", showIcon: "showIcon" }, ngContentSelectors: _c0$V, decls: 10, vars: 10, consts: [[1, "hmcts-banner"], [3, "ngSwitch"], [4, "ngSwitchCase"], [1, "hmcts-banner__message"], [1, "hmcts-banner__assistive"], ["fill", "currentColor", "role", "presentation", "focusable", "false", "xmlns", "http://www.w3.org/2000/svg", "viewBox", "0 0 25 25", "height", "25", "width", "25", 1, "hmcts-banner__icon"], ["d", "M13.6,15.4h-2.3v-4.5h2.3V15.4z M13.6,19.8h-2.3v-2.2h2.3V19.8z M0,23.2h25L12.5,2L0,23.2z"], ["d", "M25,6.2L8.7,23.2L0,14.1l4-4.2l4.7,4.9L21,2L25,6.2z"], ["d", "M13.7,18.5h-2.4v-2.4h2.4V18.5z M12.5,13.7c-0.7,0-1.2-0.5-1.2-1.2V7.7c0-0.7,0.5-1.2,1.2-1.2s1.2,0.5,1.2,1.2v4.8\n      C13.7,13.2,13.2,13.7,12.5,13.7z M12.5,0.5c-6.6,0-12,5.4-12,12s5.4,12,12,12s12-5.4,12-12S19.1,0.5,12.5,0.5z"]], template: function AlertComponent_Template(rf, ctx) { if (rf & 1) {
+AlertComponent.ɵcmp = i0.ɵɵdefineComponent({ type: AlertComponent, selectors: [["cut-alert"]], inputs: { type: "type", showIcon: "showIcon" }, ngContentSelectors: _c0$W, decls: 10, vars: 10, consts: [[1, "hmcts-banner"], [3, "ngSwitch"], [4, "ngSwitchCase"], [1, "hmcts-banner__message"], [1, "hmcts-banner__assistive"], ["fill", "currentColor", "role", "presentation", "focusable", "false", "xmlns", "http://www.w3.org/2000/svg", "viewBox", "0 0 25 25", "height", "25", "width", "25", 1, "hmcts-banner__icon"], ["d", "M13.6,15.4h-2.3v-4.5h2.3V15.4z M13.6,19.8h-2.3v-2.2h2.3V19.8z M0,23.2h25L12.5,2L0,23.2z"], ["d", "M25,6.2L8.7,23.2L0,14.1l4-4.2l4.7,4.9L21,2L25,6.2z"], ["d", "M13.7,18.5h-2.4v-2.4h2.4V18.5z M12.5,13.7c-0.7,0-1.2-0.5-1.2-1.2V7.7c0-0.7,0.5-1.2,1.2-1.2s1.2,0.5,1.2,1.2v4.8\n      C13.7,13.2,13.2,13.7,12.5,13.7z M12.5,0.5c-6.6,0-12,5.4-12,12s5.4,12,12,12s12-5.4,12-12S19.1,0.5,12.5,0.5z"]], template: function AlertComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵprojectionDef();
         i0.ɵɵelementStart(0, "div", 0);
         i0.ɵɵelementContainerStart(1, 1);
@@ -1012,7 +1012,7 @@ NotificationBannerComponent.ɵcmp = i0.ɵɵdefineComponent({ type: NotificationB
             type: Output
         }] }); })();
 
-const _c0$U = function (a0) { return { "js-hidden": a0 }; };
+const _c0$V = function (a0) { return { "js-hidden": a0 }; };
 const _c1$o = ["*"];
 class TabComponent {
 }
@@ -1023,7 +1023,7 @@ TabComponent.ɵcmp = i0.ɵɵdefineComponent({ type: TabComponent, selectors: [["
         i0.ɵɵprojection(1);
         i0.ɵɵelementEnd();
     } if (rf & 2) {
-        i0.ɵɵproperty("id", ctx.id)("ngClass", i0.ɵɵpureFunction1(3, _c0$U, !ctx.selected));
+        i0.ɵɵproperty("id", ctx.id)("ngClass", i0.ɵɵpureFunction1(3, _c0$V, !ctx.selected));
         i0.ɵɵattribute("aria-hidden", !ctx.selected);
     } }, directives: [i1.NgClass], styles: [".tabs-toggle[_ngcontent-%COMP%]{display:block;padding:10px 15px 3px;margin-bottom:8px}.tabs-toggle[aria-selected=true][_ngcontent-%COMP%]{color:#0b0c0c;text-decoration:none;border-bottom:none}.tabs-toggle[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]{color:#005ea5}@media (max-width:640px){.tabs-list[_ngcontent-%COMP%]{border-bottom:1px solid #bfc1c3;margin-left:-15px;margin-right:-15px}.tabs-toggle[_ngcontent-%COMP%]{border-top:1px solid #bfc1c3}.tabs-toggle[_ngcontent-%COMP%]:focus{color:#0b0c0c;outline:none}}@media (min-width:641px){.tabs-panel[_ngcontent-%COMP%]{border-top:1px solid #bfc1c3;clear:both;overflow:hidden}.tabs-list[_ngcontent-%COMP%]{float:left}.tabs-list-item[_ngcontent-%COMP%]{float:left;position:relative;bottom:-1px;padding-top:10px}.tabs-toggle[_ngcontent-%COMP%]{background-color:#dee0e2;border:1px solid transparent;float:left;margin:0 6px 0 0;text-decoration:none}.tabs-toggle[_ngcontent-%COMP%]:visited{color:#005ea5}.tabs-toggle-selected[_ngcontent-%COMP%], .tabs-toggle[aria-selected=true][_ngcontent-%COMP%]{background-color:#fff;border-bottom:0;border-color:#bfc1c3;padding-bottom:11px;margin-bottom:0;color:#0b0c0c}}"] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TabComponent, [{
@@ -1043,7 +1043,7 @@ TabComponent.ɵcmp = i0.ɵɵdefineComponent({ type: TabComponent, selectors: [["
             type: Input
         }] }); })();
 
-const _c0$T = ["tab"];
+const _c0$U = ["tab"];
 const _c1$n = function () { return ["."]; };
 const _c2$3 = function (a0) { return { "tabs-toggle-selected": a0 }; };
 function TabsComponent_li_2_Template(rf, ctx) { if (rf & 1) {
@@ -1088,7 +1088,7 @@ TabsComponent.ɵcmp = i0.ɵɵdefineComponent({ type: TabsComponent, selectors: [
         let _t;
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.panels = _t);
     } }, viewQuery: function TabsComponent_Query(rf, ctx) { if (rf & 1) {
-        i0.ɵɵviewQuery(_c0$T, 1);
+        i0.ɵɵviewQuery(_c0$U, 1);
     } if (rf & 2) {
         let _t;
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.tabs = _t);
@@ -1153,7 +1153,7 @@ TabsModule.ɵinj = i0.ɵɵdefineInjector({ imports: [[
             }]
     }], null, null); })();
 
-const _c0$S = function (a0, a1) { return { caseLocked: a0, someoneViewing: a1 }; };
+const _c0$T = function (a0, a1) { return { caseLocked: a0, someoneViewing: a1 }; };
 class ActivityBannerComponent {
     constructor() { }
     ngOnInit() {
@@ -1170,7 +1170,7 @@ ActivityBannerComponent.ɵcmp = i0.ɵɵdefineComponent({ type: ActivityBannerCom
         i0.ɵɵelementEnd();
         i0.ɵɵelementEnd();
     } if (rf & 2) {
-        i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(4, _c0$S, ctx.bannerType === "editor", ctx.bannerType === "viewer"));
+        i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(4, _c0$T, ctx.bannerType === "editor", ctx.bannerType === "viewer"));
         i0.ɵɵadvance(2);
         i0.ɵɵpropertyInterpolate("alt", ctx.description);
         i0.ɵɵpropertyInterpolate("src", ctx.imageLink, i0.ɵɵsanitizeUrl);
@@ -1521,7 +1521,7 @@ class ActivityService {
     }
     static handleHttpError(response) {
         const error = HttpErrorService.convertToHttpError(response);
-        if (response.status && response.status !== error.status) {
+        if ((response === null || response === void 0 ? void 0 : response.status) !== error.status) {
             error.status = response.status;
         }
         return error;
@@ -1529,50 +1529,41 @@ class ActivityService {
     getOptions() {
         const userDetails = JSON.parse(this.sessionStorageService.getItem('userDetails'));
         const headers = new HttpHeaders().set('Content-Type', 'application/json').set('Authorization', userDetails.token);
-        const options = {
+        return {
             headers,
             withCredentials: true,
             observe: 'body',
         };
-        return options;
     }
     getActivities(...caseId) {
         try {
             const options = this.getOptions();
-            const url = this.activityUrl() + `/cases/${caseId.join(',')}/activity`;
+            const url = `${this.activityUrl()}/cases/${caseId.join(',')}/activity`;
             return this.http
                 .get(url, options, false, ActivityService.handleHttpError)
                 .pipe(map(response => response));
         }
         catch (error) {
-            console.log('user may not be authenticated.' + error);
+            console.log(`user may not be authenticated.${error}`);
         }
     }
     postActivity(caseId, activity) {
         try {
             const options = this.getOptions();
-            const url = this.activityUrl() + `/cases/${caseId}/activity`;
+            const url = `${this.activityUrl()}/cases/${caseId}/activity`;
             const body = { activity };
             return this.http
                 .post(url, body, options, false)
                 .pipe(map(response => response));
         }
         catch (error) {
-            console.log('user may not be authenticated.' + error);
+            console.log(`user may not be authenticated.${error}`);
         }
     }
     verifyUserIsAuthorized() {
-        if (this.sessionStorageService.getItem('userDetails') === undefined) {
-            return;
-        }
-        if (this.activityUrl() && this.userAuthorised === undefined) {
+        if (this.sessionStorageService.getItem('userDetails') && this.activityUrl() && this.userAuthorised === undefined) {
             this.getActivities(ActivityService.DUMMY_CASE_REFERENCE).subscribe(() => this.userAuthorised = true, error => {
-                if ([401, 403].indexOf(error.status) > -1) {
-                    this.userAuthorised = false;
-                }
-                else {
-                    this.userAuthorised = true;
-                }
+                this.userAuthorised = [401, 403].indexOf(error.status) <= -1;
             });
         }
     }
@@ -1671,7 +1662,7 @@ class ActivityPollingService {
                     requests.get(activity.caseId).next(activity);
                 });
             }, (err) => {
-                console.log('error: ' + err);
+                console.log(`error: ${err}`);
                 Array.from(requests.values()).forEach((subject) => subject.error(err));
             }));
         });
@@ -1792,9 +1783,9 @@ class ActivityComponent {
     }
     generateDescription(prefix, suffix, namesArray, unknownCount) {
         let resultText = prefix;
-        resultText += namesArray.map(activityInfo => activityInfo.forename + ' ' + activityInfo.surname).join(', ');
+        resultText += namesArray.map(activityInfo => `${activityInfo.forename} ${activityInfo.surname}`).join(', ');
         if (unknownCount > 0) {
-            resultText += (namesArray.length > 0 ? ' and ' + unknownCount + ' other' : unknownCount + ' user');
+            resultText += (namesArray.length > 0 ? ` and ${unknownCount} other` : `${unknownCount} user`);
             resultText += (unknownCount > 1 ? 's' : '');
         }
         else {
@@ -1802,10 +1793,10 @@ class ActivityComponent {
         }
         if (suffix.length > 0) {
             if (namesArray.length + unknownCount > 1) {
-                resultText += ' are ' + suffix;
+                resultText += ` are ${suffix}`;
             }
             else {
-                resultText += ' is ' + suffix;
+                resultText += ` is ${suffix}`;
             }
         }
         return resultText;
@@ -2318,7 +2309,7 @@ class FormatTranslatorService {
                     break;
                 case 'n':
                 case 'N':
-                    maybePush(result, '***' + c + '***', inQuote); // No way to support A - millisec of day, n - nano of second, N - nano of Day
+                    maybePush(result, `***${c}***`, inQuote); // No way to support A - millisec of day, n - nano of second, N - nano of Day
                     break;
                 case 'V':
                 case 'O':
@@ -2441,9 +2432,9 @@ class DatePipe {
                     resultDate = `${offsetDate.getDate()} ${DatePipe.MONTHS[offsetDate.getMonth()]} ${offsetDate.getFullYear()}`;
                     if (match[4] && match[5] && match[6] && format !== 'short') {
                         resultDate += ', ';
-                        resultDate += this.getHour(offsetDate.getHours().toString()) + ':';
-                        resultDate += this.pad(offsetDate.getMinutes()) + ':';
-                        resultDate += this.pad(offsetDate.getSeconds()) + ' ';
+                        resultDate += `${this.getHour(offsetDate.getHours().toString())}:`;
+                        resultDate += `${this.pad(offsetDate.getMinutes())}:`;
+                        resultDate += `${this.pad(offsetDate.getSeconds())} `;
                         resultDate += (this.toInt(offsetDate.getHours().toString()) >= 12) ? 'PM' : 'AM';
                     }
                 }
@@ -2778,6 +2769,7 @@ PaletteUtilsModule.ɵinj = i0.ɵɵdefineInjector({ providers: [
             }]
     }], null, null); })();
 
+// tslint:disable:variable-name
 class AddressModel {
     constructor() {
         this.AddressLine1 = '';
@@ -2821,9 +2813,12 @@ class CaseField {
         this._list_items = [];
     }
     get value() {
-        if (this.isDynamic()) {
+        if (this.field_type && (this.field_type.type === 'DynamicList' || this.field_type.type === 'DynamicRadioList')) {
             return this._value && this._value.value ? this._value.value.code : this._value;
         }
+        else if (this.field_type && this.field_type.type === 'DynamicMultiSelectList') {
+            return this._value && this._value.value ? this._value.value : this._value;
+        }
         else {
             return this._value;
         }
@@ -2897,7 +2892,7 @@ class CaseField {
         return this.field_type && this.field_type.type === 'Complex';
     }
     isDynamic() {
-        const dynamicFieldTypes = ['DynamicList', 'DynamicRadioList'];
+        const dynamicFieldTypes = ['DynamicList', 'DynamicRadioList', 'DynamicMultiSelectList'];
         if (!this.field_type) {
             return false;
         }
@@ -3046,6 +3041,7 @@ __decorate([
     __metadata("design:type", Array)
 ], CaseEventTrigger.prototype, "wizard_pages", void 0);
 
+// tslint:disable:variable-name
 class CaseViewEvent {
 }
 
@@ -3072,6 +3068,7 @@ __decorate([
     __metadata("design:type", Array)
 ], CaseType.prototype, "case_fields", void 0);
 
+// tslint:disable:variable-name
 class EventCaseField {
 }
 
@@ -3104,6 +3101,7 @@ __decorate([
 class CasePrintDocument {
 }
 
+// tslint:disable:variable-name
 class HRef {
 }
 class DocumentLinks {
@@ -3121,25 +3119,25 @@ class OrganisationConverter {
     static toSimpleAddress(organisationModel) {
         let simpleAddress = '';
         if (organisationModel.addressLine1) {
-            simpleAddress += organisationModel.addressLine1 + '<br>';
+            simpleAddress += `${organisationModel.addressLine1}<br>`;
         }
         if (organisationModel.addressLine2) {
-            simpleAddress += organisationModel.addressLine2 + '<br>';
+            simpleAddress += `${organisationModel.addressLine2}<br>`;
         }
         if (organisationModel.addressLine3) {
-            simpleAddress += organisationModel.addressLine3 + '<br>';
+            simpleAddress += `${organisationModel.addressLine3}<br>`;
         }
         if (organisationModel.townCity) {
-            simpleAddress += organisationModel.townCity + '<br>';
+            simpleAddress += `${organisationModel.townCity}<br>`;
         }
         if (organisationModel.county) {
-            simpleAddress += organisationModel.county + '<br>';
+            simpleAddress += `${organisationModel.county}<br>`;
         }
         if (organisationModel.country) {
-            simpleAddress += organisationModel.country + '<br>';
+            simpleAddress += `${organisationModel.country}<br>`;
         }
         if (organisationModel.postCode) {
-            simpleAddress += organisationModel.postCode + '<br>';
+            simpleAddress += `${organisationModel.postCode}<br>`;
         }
         return simpleAddress;
     }
@@ -3222,20 +3220,15 @@ __decorate([
     __metadata("design:type", Array)
 ], SearchResultView.prototype, "results", void 0);
 
+// tslint:disable:variable-name
 class CaseDetails {
 }
 
+// tslint:disable:variable-name
 class CaseEventData {
 }
 
 class WorkbasketInputModel {
-    constructor(label, order, field, metadata, display_context_parameter) {
-        this.label = label;
-        this.order = order;
-        this.field = field;
-        this.metadata = metadata;
-        this.display_context_parameter = display_context_parameter;
-    }
 }
 class WorkbasketInput {
 }
@@ -3272,9 +3265,9 @@ class FieldsUtils {
         });
         return valueMap;
     }
-    static getType(elem) {
-        return Object.prototype.toString.call(elem).slice(8, -1);
-    }
+    // public static getType(elem: any): string {
+    //   return Object.prototype.toString.call(elem).slice(8, -1);
+    // }
     static isObject(elem) {
         return typeof elem === 'object' && elem !== null;
     }
@@ -3774,6 +3767,7 @@ FieldsUtils.LABEL_MERGE_FUNCTION = function mergeFunction(field, result) {
             const elements = (result[field.id] || field.value);
             if (elements) {
                 elements.forEach((elem) => {
+                    // tslint:disable-next-line:switch-default
                     switch (field.field_type.collection_field_type.type) {
                         case 'MoneyGBP': {
                             elem.value = FieldsUtils.getMoneyGBP(elem.value);
@@ -3918,7 +3912,6 @@ class ConditionParser {
         if (!condition) {
             return null;
         }
-        ;
         condition = condition.replace(/CONTAINS/g, ' CONTAINS');
         return peg.parse(condition.trim(), {});
     }
@@ -3931,14 +3924,12 @@ class ConditionParser {
         if (!conditions || conditions.length === 0) {
             return true;
         }
-        ;
         const validJoinComparators = ['AND', 'OR'];
-        const result = conditions.reduce((accumulator, condition, index) => {
+        return conditions.reduce((accumulator, condition, index) => {
             const isJoinComparator = (comparator) => (typeof comparator === 'string' && validJoinComparators.indexOf(comparator) !== -1);
             if (isJoinComparator(condition)) {
                 return accumulator;
             }
-            ;
             let currentConditionResult = true;
             if (Array.isArray(condition)) {
                 currentConditionResult = this.evaluate(fields, condition);
@@ -3955,9 +3946,9 @@ class ConditionParser {
             }
             return currentConditionResult;
         }, true);
-        return result;
     }
     static evaluateJoin(leftResult, comparator, rightResult) {
+        // tslint:disable-next-line:switch-default
         switch (comparator) {
             case 'OR': return leftResult || rightResult;
             case 'AND': return leftResult && rightResult;
@@ -4047,8 +4038,7 @@ class ConditionParser {
         }
     }
     static unquoted(str) {
-        const res = str.replace(/^"|"$/g, '');
-        return res;
+        return str.replace(/^"|"$/g, '');
     }
     static findValueForComplexCondition(fields, head, tail, path) {
         if (!fields) {
@@ -4160,8 +4150,8 @@ class ShowCondition {
             if (originalCondition.indexOf(condition.fieldReference) > -1) {
                 if (this.processedList && this.processedList.indexOf(condition.fieldReference) === -1) {
                     this.processedList.push(condition.fieldReference);
-                    const regularExp = new RegExp('(\\b)' + condition.fieldReference + '(?=[^"]*(?:"[^"]*"[^"]*)*$)(\\b)', 'g');
-                    return originalCondition.replace(regularExp, pathPrefix + '.' + condition.fieldReference);
+                    const regularExp = new RegExp(`(\\b)${condition.fieldReference}(?=[^"]*(?:"[^"]*"[^"]*)*$)(\\b)`, 'g');
+                    return originalCondition.replace(regularExp, `${pathPrefix}.${condition.fieldReference}`);
                 }
                 else {
                     return originalCondition;
@@ -4238,6 +4228,7 @@ class ShowCondition {
                             }
                             // Consider what type of field this is.
                             const ft = caseField.field_type;
+                            // tslint:disable-next-line:switch-default
                             switch (ft.type) {
                                 case 'Collection':
                                     if (ft.collection_field_type.type === 'Complex' && ft.collection_field_type.complex_fields) {
@@ -4683,14 +4674,14 @@ class FieldsPurger {
         const formFields = form.getRawValue();
         const currentPage = wizard.getPage(currentPageId, this.fieldsUtils.buildCanShowPredicate(eventTrigger, form));
         currentPage.wizard_page_fields.forEach(wpf => {
-            const case_field = this.findCaseFieldByWizardPageFieldId(currentPage, wpf);
-            if (this.hasShowConditionField(case_field, formFields)) {
-                const condition = new ShowCondition(case_field.show_condition);
-                if (this.isHidden(condition, formFields.data) && !(this.isReadonly(case_field))) {
-                    this.resetField(form, case_field);
+            const caseField = this.findCaseFieldByWizardPageFieldId(currentPage, wpf);
+            if (this.hasShowConditionField(caseField, formFields)) {
+                const condition = new ShowCondition(caseField.show_condition);
+                if (this.isHidden(condition, formFields.data) && !(this.isReadonly(caseField))) {
+                    this.resetField(form, caseField);
                 }
             }
-            this.retainHiddenValueByFieldType(case_field, form);
+            this.retainHiddenValueByFieldType(caseField, form);
         });
     }
     retainHiddenValueByFieldType(field, form) {
@@ -4721,13 +4712,13 @@ class FieldsPurger {
     hasShowConditionPage(wizardPage, formFields) {
         return wizardPage.show_condition && formFields[this.getShowConditionKey(wizardPage.show_condition)];
     }
-    hasShowConditionField(case_field, formFields) {
-        return case_field.show_condition && formFields.data[this.getShowConditionKey(case_field.show_condition)];
+    hasShowConditionField(caseField, formFields) {
+        return caseField.show_condition && formFields.data[this.getShowConditionKey(caseField.show_condition)];
     }
-    getShowConditionKey(show_condition) {
+    getShowConditionKey(showCondition) {
         // Need to allow for negated conditions, i.e. !=, as well as regular ones (=)
         // Also need to allow for conditions specified using the "CONTAINS" keyword
-        return show_condition.split(/!=|=|CONTAINS/)[0];
+        return showCondition.split(/!=|=|CONTAINS/)[0];
     }
     resetField(form, field) {
         /**
@@ -4799,8 +4790,8 @@ class FieldsPurger {
     }
     resetPage(form, wizardPage) {
         wizardPage.wizard_page_fields.forEach(wpf => {
-            const case_field = this.findCaseFieldByWizardPageFieldId(wizardPage, wpf);
-            this.resetField(form, case_field);
+            const caseField = this.findCaseFieldByWizardPageFieldId(wizardPage, wpf);
+            this.resetField(form, caseField);
         });
     }
     getType(elem) {
@@ -4810,8 +4801,8 @@ class FieldsPurger {
         return this.getType(elem) === 'Object';
     }
     // TODO: call isReadOnly on CaseFields once we make it available
-    isReadonly(case_field) {
-        return case_field.display_context.toUpperCase() === 'READONLY';
+    isReadonly(caseField) {
+        return caseField.display_context.toUpperCase() === 'READONLY';
     }
     /**
      * Deletes a field value by setting the value of the corresponding {@link FormControl} to null (or an empty array
@@ -4967,7 +4958,11 @@ class FieldTypeSanitiser {
             return;
         }
         caseFields.forEach(caseField => {
+            // tslint:disable-next-line:switch-default
             switch (caseField.field_type.type) {
+                case FieldTypeSanitiser.FIELD_TYPE_DYNAMIC_MULTISELECT_LIST:
+                    this.convertArrayToDynamicListOutput(caseField, data);
+                    break;
                 case FieldTypeSanitiser.FIELD_TYPE_DYNAMIC_RADIO_LIST:
                 case FieldTypeSanitiser.FIELD_TYPE_DYNAMIC_LIST:
                     this.convertStringToDynamicListOutput(caseField, data);
@@ -4985,6 +4980,17 @@ class FieldTypeSanitiser {
             }
         });
     }
+    convertArrayToDynamicListOutput(field, data) {
+        const values = data[field.id];
+        if (Array.isArray(values)) {
+            const listItems = this.getListItems(field);
+            const matches = listItems.filter(item => values.map(v => v.code).indexOf(item.code) !== -1);
+            data[field.id] = {
+                value: matches,
+                list_items: listItems
+            };
+        }
+    }
     convertStringToDynamicListOutput(field, data) {
         const stringValue = data[field.id];
         if (typeof stringValue === 'string') {
@@ -5014,6 +5020,7 @@ FieldTypeSanitiser.FIELD_TYPE_COMPLEX = 'Complex';
 FieldTypeSanitiser.FIELD_TYPE_COLLECTION = 'Collection';
 FieldTypeSanitiser.FIELD_TYPE_DYNAMIC_LIST = 'DynamicList';
 FieldTypeSanitiser.FIELD_TYPE_DYNAMIC_RADIO_LIST = 'DynamicRadioList';
+FieldTypeSanitiser.FIELD_TYPE_DYNAMIC_MULTISELECT_LIST = 'DynamicMultiSelectList';
 FieldTypeSanitiser.ɵfac = function FieldTypeSanitiser_Factory(t) { return new (t || FieldTypeSanitiser)(); };
 FieldTypeSanitiser.ɵprov = i0.ɵɵdefineInjectable({ token: FieldTypeSanitiser, factory: FieldTypeSanitiser.ɵfac });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FieldTypeSanitiser, [{
@@ -5528,7 +5535,6 @@ class FormValueService {
                         });
                     }
                 }
-                ;
             });
         }
     }
@@ -5942,7 +5948,7 @@ class AddressParser {
         return addressModel;
     }
     parseAddressLine1(classification, address) {
-        let addressLine = '';
+        let addressLine;
         if (classification === AddressType.RD06) {
             addressLine =
                 `${address.SUB_BUILDING_NAME} ${address.ORGANISATION_NAME} ${address.DEPARTMENT_NAME} ${address.PO_BOX_NUMBER}`;
@@ -5955,7 +5961,7 @@ class AddressParser {
         return this.removeNonAddressValues(addressLine);
     }
     parseAddressLine2(classification, address) {
-        let addressLine = '';
+        let addressLine;
         if (classification === AddressType.RD06) {
             addressLine = `${address.BUILDING_NAME} `;
         }
@@ -5966,7 +5972,7 @@ class AddressParser {
         return this.removeNonAddressValues(addressLine);
     }
     parseAddressLine3(classification, address) {
-        let addressLine = '';
+        let addressLine;
         if (classification === AddressType.RD06) {
             addressLine =
                 `${address.BUILDING_NUMBER} ${address.THOROUGHFARE_NAME}`;
@@ -5994,7 +6000,7 @@ class AddressParser {
         return value.replace(new RegExp('^,', 'gi'), '');
     }
     prefixWithCommaIfPresent(value) {
-        return value ? ', ' + value : value;
+        return value ? `, ${value}` : value;
     }
 }
 
@@ -6103,7 +6109,7 @@ class CaseFlagRefdataService {
             if (flagType) {
                 url += `?flag-type=${flagType}`;
             }
-            if (welshRequired != null) {
+            if (typeof welshRequired === 'boolean') {
                 // Check if flag-type has been added to the query string; if so, append welsh-required with '&'
                 url.indexOf('?') > -1 ? url += '&' : url += '?';
                 welshRequired ? url += 'welsh-required=Y' : url += 'welsh-required=N';
@@ -6560,11 +6566,6 @@ RequestOptionsBuilder.ɵprov = i0.ɵɵdefineInjectable({ token: RequestOptionsBu
         type: Injectable
     }], null, null); })();
 
-class HasLoadingState {
-    get isLoading() {
-        return;
-    }
-}
 class LoadingService {
     constructor() {
         this.registered = new Map();
@@ -6585,7 +6586,7 @@ class LoadingService {
     }
     generateToken() {
         const timestamp = window.performance.now();
-        return 'toolkit-loading-' + timestamp; // format: [source-library]-[unique incrementing number]
+        return `toolkit-loading-${timestamp}`; // format: [source-library]-[unique incrementing number]
     }
 }
 LoadingService.ɵfac = function LoadingService_Factory(t) { return new (t || LoadingService)(); };
@@ -6602,10 +6603,7 @@ class SearchService {
         this.loadingService = loadingService;
     }
     search(jurisdictionId, caseTypeId, metaCriteria, caseCriteria, view) {
-        const url = this.appConfig.getApiUrl() + `/caseworkers/:uid`
-            + `/jurisdictions/${jurisdictionId}`
-            + `/case-types/${caseTypeId}`
-            + `/cases`;
+        const url = `${this.appConfig.getApiUrl()}/caseworkers/:uid/jurisdictions/${jurisdictionId}/case-types/${caseTypeId}/cases`;
         const options = this.requestOptionsBuilder.buildOptions(metaCriteria, caseCriteria, view);
         const loadingToken = this.loadingService.register();
         return this.httpService
@@ -6613,14 +6611,13 @@ class SearchService {
             .pipe(map(response => response), finalize(() => this.loadingService.unregister(loadingToken)));
     }
     searchCasesByIds(caseTypeId, filter, view, sort) {
-        const url = this.appConfig.getCaseDataUrl() +
-            `/internal/searchCases?ctid=${caseTypeId}&use_case=${view}`;
+        const url = `${this.appConfig.getCaseDataUrl()}/internal/searchCases?ctid=${caseTypeId}&use_case=${view}`;
         const body = Object.assign(Object.assign({ sort }, filter), { size: this.appConfig.getPaginationPageSize() });
         const loadingToken = this.loadingService.register();
         return this.httpService.post(url, body).pipe(map((response) => response), finalize(() => this.loadingService.unregister(loadingToken)));
     }
     searchCases(caseTypeId, metaCriteria, caseCriteria, view, sort) {
-        const url = this.appConfig.getCaseDataUrl() + `/internal/searchCases?ctid=${caseTypeId}&use_case=${view}`;
+        const url = `${this.appConfig.getCaseDataUrl()}/internal/searchCases?ctid=${caseTypeId}&use_case=${view}`;
         const options = this.requestOptionsBuilder.buildOptions(metaCriteria, caseCriteria, view);
         const body = {
             sort,
@@ -6663,9 +6660,8 @@ class SearchService {
     }
 }
 SearchService.V2_MEDIATYPE_SEARCH_INPUTS = 'application/vnd.uk.gov.hmcts.ccd-data-store-api.ui-search-input-details.v2+json;charset=UTF-8';
-SearchService.VIEW_SEARCH = 'SEARCH';
+// public static readonly VIEW_SEARCH = 'SEARCH';
 SearchService.VIEW_WORKBASKET = 'WORKBASKET';
-SearchService.FIELD_PREFIX = 'case.';
 SearchService.ɵfac = function SearchService_Factory(t) { return new (t || SearchService)(i0.ɵɵinject(AbstractAppConfig), i0.ɵɵinject(HttpService), i0.ɵɵinject(RequestOptionsBuilder), i0.ɵɵinject(LoadingService)); };
 SearchService.ɵprov = i0.ɵɵdefineInjectable({ token: SearchService, factory: SearchService.ɵfac });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SearchService, [{
@@ -6779,17 +6775,12 @@ class DefinitionsService {
         this.appConfig = appConfig;
     }
     getCaseTypes(jurisdictionId, access) {
-        const url = this.appConfig.getApiUrl()
-            + `/caseworkers/:uid`
-            + `/jurisdictions/${jurisdictionId}`
-            + `/case-types?access=${access}`;
+        const url = `${this.appConfig.getApiUrl()}/caseworkers/:uid/jurisdictions/${jurisdictionId}/case-types?access=${access}`;
         return this.http
             .get(url).pipe(map(response => response));
     }
     getJurisdictions(access) {
-        const url = this.appConfig.getApiUrl()
-            + `/caseworkers/:uid`
-            + `/jurisdictions?access=${access}`;
+        const url = `${this.appConfig.getApiUrl()}/caseworkers/:uid/jurisdictions?access=${access}`;
         return this.http
             .get(url)
             .pipe(map(response => response));
@@ -6861,8 +6852,8 @@ class SearchResultViewItemComparatorFactory {
             compare(a, b) {
                 let fieldA = a.case_fields[fieldId];
                 let fieldB = b.case_fields[fieldId];
-                fieldA = isUndefined(fieldA) || fieldA == null ? '' : fieldA.toLowerCase();
-                fieldB = isUndefined(fieldB) || fieldB == null ? '' : fieldB.toLowerCase();
+                fieldA = isUndefined(fieldA) || fieldA === null ? '' : fieldA.toLowerCase();
+                fieldB = isUndefined(fieldB) || fieldB === null ? '' : fieldB.toLowerCase();
                 return fieldA === fieldB ? 0 : fieldA > fieldB ? 1 : -1;
             }
         };
@@ -6872,8 +6863,8 @@ class SearchResultViewItemComparatorFactory {
             compare(a, b) {
                 let fieldA = a.case_fields[fieldId];
                 let fieldB = b.case_fields[fieldId];
-                fieldA = isUndefined(fieldA) || fieldA == null ? '' : fieldA.join().toLowerCase();
-                fieldB = isUndefined(fieldB) || fieldB == null ? '' : fieldB.join().toLowerCase();
+                fieldA = isUndefined(fieldA) || fieldA === null ? '' : fieldA.join().toLowerCase();
+                fieldB = isUndefined(fieldB) || fieldB === null ? '' : fieldB.join().toLowerCase();
                 return fieldA === fieldB ? 0 : fieldA > fieldB ? 1 : -1;
             }
         };
@@ -7102,31 +7093,31 @@ class WizardPageFieldToCaseFieldMapper {
     }
     processComplexFieldOverride(override, caseField, caseFields) {
         const caseFieldIds = override.complex_field_element_id.split('.');
-        let case_field_leaf;
+        let caseFieldLeaf;
         const children = this.getCaseFieldChildren(caseField);
         if (children.length > 0) {
             const [_, ...tail] = caseFieldIds;
-            case_field_leaf = this.getCaseFieldLeaf(tail, children);
+            caseFieldLeaf = this.getCaseFieldLeaf(tail, children);
         }
         else {
-            case_field_leaf = this.getCaseFieldLeaf(caseFieldIds, caseFields);
+            caseFieldLeaf = this.getCaseFieldLeaf(caseFieldIds, caseFields);
         }
         if (override.display_context !== 'HIDDEN') {
-            case_field_leaf.hidden = false;
-            case_field_leaf.display_context = override.display_context;
+            caseFieldLeaf.hidden = false;
+            caseFieldLeaf.display_context = override.display_context;
             if (override.label && override.label.length > 0) {
-                case_field_leaf.label = override.label;
+                caseFieldLeaf.label = override.label;
             }
             if (override.hint_text && override.hint_text.length > 0) {
-                case_field_leaf.hint_text = override.hint_text;
+                caseFieldLeaf.hint_text = override.hint_text;
             }
             if (override.show_condition && override.show_condition.length > 0) {
-                case_field_leaf.show_condition = override.show_condition;
+                caseFieldLeaf.show_condition = override.show_condition;
             }
         }
         else {
-            case_field_leaf.hidden = true;
-            case_field_leaf.display_context = override.display_context;
+            caseFieldLeaf.hidden = true;
+            caseFieldLeaf.display_context = override.display_context;
         }
     }
     fixShowConditionPath(caseField, pathPrefix) {
@@ -7139,7 +7130,7 @@ class WizardPageFieldToCaseFieldMapper {
         });
     }
     preparePathPrefix(pathPrefix, caseField) {
-        return pathPrefix.length === 0 ? caseField : pathPrefix + '.' + caseField;
+        return pathPrefix.length === 0 ? caseField : `${pathPrefix}.${caseField}`;
     }
     getCaseFieldLeaf(caseFieldId, caseFields) {
         const [head, ...tail] = caseFieldId;
@@ -7192,215 +7183,13 @@ WizardPageFieldToCaseFieldMapper.ɵprov = i0.ɵɵdefineInjectable({ token: Wizar
             }]
     }], null, null); })();
 
-const MULTIPLE_TASKS_FOUND = 'More than one task found!';
-class WorkAllocationService {
-    constructor(http, appConfig, errorService, alertService, sessionStorageService) {
-        this.http = http;
-        this.appConfig = appConfig;
-        this.errorService = errorService;
-        this.alertService = alertService;
-        this.sessionStorageService = sessionStorageService;
-        // Check to see if work allocation is enabled
-    }
-    /**
-     * Call the API to get tasks matching the search criteria.
-     * @param searchRequest The search parameters that specify which tasks to match.
-     */
-    searchTasks(searchRequest) {
-        // Do not need to check if WA enabled as parent method will do that
-        const url = `${this.appConfig.getWorkAllocationApiUrl()}/searchForCompletable`;
-        return this.http
-            .post(url, { searchRequest }, null, false)
-            .pipe(map(response => response), catchError(error => {
-            this.errorService.setError(error);
-            // explicitly eat away 401 error and 400 error
-            if (error && error.status && (error.status === 401 || error.status === 400)) {
-                // do nothing
-                console.log('error status 401 or 400', error);
-            }
-            else {
-                return throwError(error);
-            }
-        }));
-    }
-    isWAEnabled(jurisdiction, caseType) {
-        this.features = this.appConfig.getWAServiceConfig();
-        let enabled = false;
-        if (!jurisdiction || !caseType) {
-            const caseInfo = JSON.parse(this.sessionStorageService.getItem('caseInfo'));
-            jurisdiction = caseInfo.jurisdiction;
-            caseType = caseInfo.caseType;
-        }
-        if (!this.features || !this.features.configurations) {
-            return false;
-        }
-        this.features.configurations.forEach(serviceConfig => {
-            if (serviceConfig.serviceName === jurisdiction && (serviceConfig.caseTypes.indexOf(caseType) !== -1)) {
-                enabled = true;
-            }
-        });
-        return enabled;
-    }
-    /**
-     * Call the API to assign a task.
-     * @param taskId specifies which task should be assigned.
-     * @param userId specifies the user the task should be assigned to.
-     */
-    assignTask(taskId, userId) {
-        if (!this.isWAEnabled()) {
-            return of(null);
-        }
-        const url = `${this.appConfig.getWorkAllocationApiUrl()}/task/${taskId}/assign`;
-        return this.http
-            .post(url, { userId })
-            .pipe(catchError(error => {
-            this.errorService.setError(error);
-            return throwError(error);
-        }));
-    }
-    /**
-     * Call the API to complete a task.
-     * @param taskId specifies which task should be completed.
-     */
-    completeTask(taskId) {
-        if (!this.isWAEnabled()) {
-            return of(null);
-        }
-        const url = `${this.appConfig.getWorkAllocationApiUrl()}/task/${taskId}/complete`;
-        return this.http
-            .post(url, {})
-            .pipe(catchError(error => {
-            this.errorService.setError(error);
-            // this will subscribe to get the user details and decide whether to display an error message
-            this.http.get(this.appConfig.getUserInfoApiUrl()).pipe(map(response => response)).subscribe((response) => {
-                this.handleTaskCompletionError(response);
-            });
-            return throwError(error);
-        }));
-    }
-    /**
-     * Call the API to assign and complete a task.
-     * @param taskId specifies which task should be completed.
-     */
-    assignAndCompleteTask(taskId) {
-        if (!this.isWAEnabled()) {
-            return of(null);
-        }
-        const url = `${this.appConfig.getWorkAllocationApiUrl()}/task/${taskId}/complete`;
-        return this.http
-            .post(url, {
-            completion_options: {
-                assign_and_complete: true
-            }
-        })
-            .pipe(catchError(error => {
-            this.errorService.setError(error);
-            // this will subscribe to get the user details and decide whether to display an error message
-            this.http.get(this.appConfig.getUserInfoApiUrl()).pipe(map(response => response)).subscribe((response) => {
-                this.handleTaskCompletionError(response);
-            });
-            return throwError(error);
-        }));
-    }
-    /**
-     * Handles the response from the observable to get the user details when task is completed.
-     * @param response is the response given from the observable which contains the user detaild.
-     */
-    handleTaskCompletionError(response) {
-        const userDetails = response;
-        if (this.userIsCaseworker(userDetails.userInfo.roles)) {
-            // when submitting the completion of task if not yet rendered cases/case confirm then preserve the alert for re-rendering
-            this.alertService.setPreserveAlerts(true, ['cases/case', 'submit']);
-            this.alertService.warning('A task could not be completed successfully. Please complete the task associated with the case manually.');
-        }
-    }
-    /**
-     * Returns true if the user's role is equivalent to a caseworker.
-     * @param roles is the list of roles found from the current user.
-     */
-    userIsCaseworker(roles) {
-        const lowerCaseRoles = roles.map(role => role.toLowerCase());
-        // When/if lib & target permanently change to es2016, replace indexOf with includes
-        return (lowerCaseRoles.indexOf(WorkAllocationService.iACCaseOfficer) !== -1)
-            || (lowerCaseRoles.indexOf(WorkAllocationService.iACAdmOfficer) !== -1);
-    }
-    /**
-     * Look for open tasks for a case and event combination. There are 5 possible scenarios:
-     *   1. No tasks found                              => Success.
-     *   2. One task found => Mark as done              => Success.
-     *   3. One task found => Mark as done throws error => Failure.
-     *   4. More than one task found                    => Failure.
-     *   5. Search call throws an error                 => Failure.
-     * @param ccdId The ID of the case to find tasks for.
-     * @param eventId The ID of the event to find tasks for.
-     */
-    completeAppropriateTask(ccdId, eventId, jurisdiction, caseTypeId) {
-        if (!this.isWAEnabled(jurisdiction, caseTypeId)) {
-            return of(null);
-        }
-        const taskSearchParameter = {
-            ccdId,
-            eventId,
-            jurisdiction,
-            caseTypeId
-        };
-        return this.searchTasks(taskSearchParameter)
-            .pipe(map((response) => {
-            const tasks = response.tasks;
-            if (tasks && tasks.length > 0) {
-                if (tasks.length === 1) {
-                    this.completeTask(tasks[0].id).subscribe();
-                }
-                else {
-                    // This is a problem. Throw an appropriate error.
-                    throw new Error(MULTIPLE_TASKS_FOUND);
-                }
-            }
-            return true; // All good. Nothing to see here.
-        }), catchError(error => {
-            // Simply rethrow it.
-            return throwError(error);
-        }));
-    }
-    /**
-     * Return tasks for case and event.
-     */
-    getTasksByCaseIdAndEventId(eventId, caseId, caseType, jurisdiction) {
-        const defaultPayload = {
-            task_required_for_event: false,
-            tasks: []
-        };
-        if (!this.isWAEnabled()) {
-            return of(defaultPayload);
-        }
-        return this.http.get(`${this.appConfig.getWorkAllocationApiUrl()}/case/tasks/${caseId}/event/${eventId}/caseType/${caseType}/jurisdiction/${jurisdiction}`);
-    }
-    /**
-     * Call the API to get a task
-     */
-    getTask(taskId) {
-        if (!this.isWAEnabled()) {
-            return of({ task: null });
-        }
-        return this.http.get(`${this.appConfig.getWorkAllocationApiUrl()}/task/${taskId}`);
-    }
-}
-WorkAllocationService.iACCaseOfficer = 'caseworker-ia-caseofficer';
-WorkAllocationService.iACAdmOfficer = 'caseworker-ia-admofficer';
-WorkAllocationService.ɵfac = function WorkAllocationService_Factory(t) { return new (t || WorkAllocationService)(i0.ɵɵinject(HttpService), i0.ɵɵinject(AbstractAppConfig), i0.ɵɵinject(HttpErrorService), i0.ɵɵinject(AlertService), i0.ɵɵinject(SessionStorageService)); };
-WorkAllocationService.ɵprov = i0.ɵɵdefineInjectable({ token: WorkAllocationService, factory: WorkAllocationService.ɵfac });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WorkAllocationService, [{
-        type: Injectable
-    }], function () { return [{ type: HttpService }, { type: AbstractAppConfig }, { type: HttpErrorService }, { type: AlertService }, { type: SessionStorageService }]; }, null); })();
-
 class CasesService {
-    constructor(http, appConfig, orderService, errorService, wizardPageFieldToCaseFieldMapper, workAllocationService, loadingService, sessionStorageService) {
+    constructor(http, appConfig, orderService, errorService, wizardPageFieldToCaseFieldMapper, loadingService, sessionStorageService) {
         this.http = http;
         this.appConfig = appConfig;
         this.orderService = orderService;
         this.errorService = errorService;
         this.wizardPageFieldToCaseFieldMapper = wizardPageFieldToCaseFieldMapper;
-        this.workAllocationService = workAllocationService;
         this.loadingService = loadingService;
         this.sessionStorageService = sessionStorageService;
         this.get = this.getCaseView;
@@ -7418,11 +7207,7 @@ class CasesService {
         });
     }
     getCaseView(jurisdictionId, caseTypeId, caseId) {
-        const url = this.appConfig.getApiUrl()
-            + `/caseworkers/:uid`
-            + `/jurisdictions/${jurisdictionId}`
-            + `/case-types/${caseTypeId}`
-            + `/cases/${caseId}`;
+        const url = `${this.appConfig.getApiUrl()}/caseworkers/:uid/jurisdictions/${jurisdictionId}/case-types/${caseTypeId}/cases/${caseId}`;
         const loadingToken = this.loadingService.register();
         return this.http
             .get(url)
@@ -7471,7 +7256,7 @@ class CasesService {
     }
     createEvent(caseDetails, eventData) {
         const caseId = caseDetails.case_id;
-        const url = this.appConfig.getCaseDataUrl() + `/cases/${caseId}/events`;
+        const url = `${this.appConfig.getCaseDataUrl()}/cases/${caseId}/events`;
         const headers = new HttpHeaders()
             .set('experimental', 'true')
             .set('Accept', CasesService.V2_MEDIATYPE_CREATE_EVENT)
@@ -7484,9 +7269,8 @@ class CasesService {
         }));
     }
     validateCase(ctid, eventData, pageId) {
-        const pageIdString = pageId ? '?pageId=' + pageId : '';
-        const url = this.appConfig.getCaseDataUrl()
-            + `/case-types/${ctid}/validate${pageIdString}`;
+        const pageIdString = pageId ? `?pageId=${pageId}` : '';
+        const url = `${this.appConfig.getCaseDataUrl()}/case-types/${ctid}/validate${pageIdString}`;
         const headers = new HttpHeaders()
             .set('experimental', 'true')
             .set('Accept', CasesService.V2_MEDIATYPE_CASE_DATA_VALIDATE)
@@ -7503,8 +7287,7 @@ class CasesService {
         if (eventData.ignore_warning) {
             ignoreWarning = 'true';
         }
-        const url = this.appConfig.getCaseDataUrl()
-            + `/case-types/${ctid}/cases?ignore-warning=${ignoreWarning}`;
+        const url = `${this.appConfig.getCaseDataUrl()}/case-types/${ctid}/cases?ignore-warning=${ignoreWarning}`;
         const headers = new HttpHeaders()
             .set('experimental', 'true')
             .set('Accept', CasesService.V2_MEDIATYPE_CREATE_CASE)
@@ -7517,9 +7300,7 @@ class CasesService {
         }));
     }
     getPrintDocuments(caseId) {
-        const url = this.appConfig.getCaseDataUrl()
-            + `/cases/${caseId}`
-            + `/documents`;
+        const url = `${this.appConfig.getCaseDataUrl()}/cases/${caseId}/documents`;
         const headers = new HttpHeaders()
             .set('experimental', 'true')
             .set('Accept', CasesService.V2_MEDIATYPE_CASE_DOCUMENTS)
@@ -7532,7 +7313,7 @@ class CasesService {
         }));
     }
     buildEventTriggerUrl(caseTypeId, eventTriggerId, caseId, ignoreWarning) {
-        let url = this.appConfig.getCaseDataUrl() + `/internal`;
+        let url = `${this.appConfig.getCaseDataUrl()}/internal`;
         if (Draft.isDraft(caseId)) {
             url += `/drafts/${caseId}`
                 + `/event-trigger`
@@ -7626,11 +7407,11 @@ CasesService.V2_MEDIATYPE_CASE_DATA_VALIDATE = 'application/vnd.uk.gov.hmcts.ccd
 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.ɵɵinject(HttpService), i0.ɵɵinject(AbstractAppConfig), i0.ɵɵinject(OrderService), i0.ɵɵinject(HttpErrorService), i0.ɵɵinject(WizardPageFieldToCaseFieldMapper), i0.ɵɵinject(WorkAllocationService), i0.ɵɵinject(LoadingService), i0.ɵɵinject(SessionStorageService)); };
+CasesService.ɵfac = function CasesService_Factory(t) { return new (t || CasesService)(i0.ɵɵinject(HttpService), i0.ɵɵinject(AbstractAppConfig), i0.ɵɵinject(OrderService), i0.ɵɵinject(HttpErrorService), i0.ɵɵinject(WizardPageFieldToCaseFieldMapper), i0.ɵɵinject(LoadingService), i0.ɵɵinject(SessionStorageService)); };
 CasesService.ɵprov = i0.ɵɵdefineInjectable({ token: CasesService, factory: CasesService.ɵfac });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CasesService, [{
         type: Injectable
-    }], function () { return [{ type: HttpService }, { type: AbstractAppConfig }, { type: OrderService }, { type: HttpErrorService }, { type: WizardPageFieldToCaseFieldMapper }, { type: WorkAllocationService }, { type: LoadingService }, { type: SessionStorageService }]; }, null); })();
+    }], function () { return [{ type: HttpService }, { type: AbstractAppConfig }, { type: OrderService }, { type: HttpErrorService }, { type: WizardPageFieldToCaseFieldMapper }, { type: LoadingService }, { type: SessionStorageService }]; }, null); })();
 
 class EventTriggerService {
     constructor() {
@@ -8204,7 +7985,7 @@ class PageValidationService {
     isHidden(caseField, editForm, path) {
         const formFields = editForm.getRawValue();
         const condition = ShowCondition.getInstance(caseField.show_condition);
-        if (path && path.indexOf('_' + caseField.id + '_') === -1) {
+        if (path && path.indexOf(`_${caseField.id}_`) === -1) {
             path = `${path}${caseField.id}`;
         }
         return !condition.match(formFields.data, path);
@@ -8233,6 +8014,207 @@ PageValidationService.ɵprov = i0.ɵɵdefineInjectable({ token: PageValidationSe
         type: Injectable
     }], function () { return [{ type: CaseFieldService }]; }, null); })();
 
+const MULTIPLE_TASKS_FOUND = 'More than one task found!';
+class WorkAllocationService {
+    constructor(http, appConfig, errorService, alertService, sessionStorageService) {
+        this.http = http;
+        this.appConfig = appConfig;
+        this.errorService = errorService;
+        this.alertService = alertService;
+        this.sessionStorageService = sessionStorageService;
+        // Check to see if work allocation is enabled
+    }
+    /**
+     * Call the API to get tasks matching the search criteria.
+     * @param searchRequest The search parameters that specify which tasks to match.
+     */
+    searchTasks(searchRequest) {
+        // Do not need to check if WA enabled as parent method will do that
+        const url = `${this.appConfig.getWorkAllocationApiUrl()}/searchForCompletable`;
+        return this.http
+            .post(url, { searchRequest }, null, false)
+            .pipe(map(response => response), catchError(error => {
+            this.errorService.setError(error);
+            // explicitly eat away 401 error and 400 error
+            if (error && error.status && (error.status === 401 || error.status === 400)) {
+                // do nothing
+                console.log('error status 401 or 400', error);
+            }
+            else {
+                return throwError(error);
+            }
+        }));
+    }
+    isWAEnabled(jurisdiction, caseType) {
+        this.features = this.appConfig.getWAServiceConfig();
+        let enabled = false;
+        if (!jurisdiction || !caseType) {
+            const caseInfo = JSON.parse(this.sessionStorageService.getItem('caseInfo'));
+            jurisdiction = caseInfo.jurisdiction;
+            caseType = caseInfo.caseType;
+        }
+        if (!this.features || !this.features.configurations) {
+            return false;
+        }
+        this.features.configurations.forEach(serviceConfig => {
+            if (serviceConfig.serviceName === jurisdiction && (serviceConfig.caseTypes.indexOf(caseType) !== -1)) {
+                enabled = true;
+            }
+        });
+        return enabled;
+    }
+    /**
+     * Call the API to assign a task.
+     * @param taskId specifies which task should be assigned.
+     * @param userId specifies the user the task should be assigned to.
+     */
+    assignTask(taskId, userId) {
+        if (!this.isWAEnabled()) {
+            return of(null);
+        }
+        const url = `${this.appConfig.getWorkAllocationApiUrl()}/task/${taskId}/assign`;
+        return this.http
+            .post(url, { userId })
+            .pipe(catchError(error => {
+            this.errorService.setError(error);
+            return throwError(error);
+        }));
+    }
+    /**
+     * Call the API to complete a task.
+     * @param taskId specifies which task should be completed.
+     */
+    completeTask(taskId) {
+        if (!this.isWAEnabled()) {
+            return of(null);
+        }
+        const url = `${this.appConfig.getWorkAllocationApiUrl()}/task/${taskId}/complete`;
+        return this.http
+            .post(url, {})
+            .pipe(catchError(error => {
+            this.errorService.setError(error);
+            // this will subscribe to get the user details and decide whether to display an error message
+            this.http.get(this.appConfig.getUserInfoApiUrl()).pipe(map(response => response)).subscribe((response) => {
+                this.handleTaskCompletionError(response);
+            });
+            return throwError(error);
+        }));
+    }
+    /**
+     * Call the API to assign and complete a task.
+     * @param taskId specifies which task should be completed.
+     */
+    assignAndCompleteTask(taskId) {
+        if (!this.isWAEnabled()) {
+            return of(null);
+        }
+        const url = `${this.appConfig.getWorkAllocationApiUrl()}/task/${taskId}/complete`;
+        return this.http
+            .post(url, {
+            completion_options: {
+                assign_and_complete: true
+            }
+        })
+            .pipe(catchError(error => {
+            this.errorService.setError(error);
+            // this will subscribe to get the user details and decide whether to display an error message
+            this.http.get(this.appConfig.getUserInfoApiUrl()).pipe(map(response => response)).subscribe((response) => {
+                this.handleTaskCompletionError(response);
+            });
+            return throwError(error);
+        }));
+    }
+    /**
+     * Handles the response from the observable to get the user details when task is completed.
+     * @param response is the response given from the observable which contains the user detaild.
+     */
+    handleTaskCompletionError(response) {
+        const userDetails = response;
+        if (this.userIsCaseworker(userDetails.userInfo.roles)) {
+            // when submitting the completion of task if not yet rendered cases/case confirm then preserve the alert for re-rendering
+            this.alertService.setPreserveAlerts(true, ['cases/case', 'submit']);
+            this.alertService.warning('A task could not be completed successfully. Please complete the task associated with the case manually.');
+        }
+    }
+    /**
+     * Returns true if the user's role is equivalent to a caseworker.
+     * @param roles is the list of roles found from the current user.
+     */
+    userIsCaseworker(roles) {
+        const lowerCaseRoles = roles.map(role => role.toLowerCase());
+        // When/if lib & target permanently change to es2016, replace indexOf with includes
+        return (lowerCaseRoles.indexOf(WorkAllocationService.iACCaseOfficer) !== -1)
+            || (lowerCaseRoles.indexOf(WorkAllocationService.iACAdmOfficer) !== -1);
+    }
+    /**
+     * Look for open tasks for a case and event combination. There are 5 possible scenarios:
+     *   1. No tasks found                              => Success.
+     *   2. One task found => Mark as done              => Success.
+     *   3. One task found => Mark as done throws error => Failure.
+     *   4. More than one task found                    => Failure.
+     *   5. Search call throws an error                 => Failure.
+     * @param ccdId The ID of the case to find tasks for.
+     * @param eventId The ID of the event to find tasks for.
+     */
+    completeAppropriateTask(ccdId, eventId, jurisdiction, caseTypeId) {
+        if (!this.isWAEnabled(jurisdiction, caseTypeId)) {
+            return of(null);
+        }
+        const taskSearchParameter = {
+            ccdId,
+            eventId,
+            jurisdiction,
+            caseTypeId
+        };
+        return this.searchTasks(taskSearchParameter)
+            .pipe(map((response) => {
+            const tasks = response.tasks;
+            if (tasks && tasks.length > 0) {
+                if (tasks.length === 1) {
+                    this.completeTask(tasks[0].id).subscribe();
+                }
+                else {
+                    // This is a problem. Throw an appropriate error.
+                    throw new Error(MULTIPLE_TASKS_FOUND);
+                }
+            }
+            return true; // All good. Nothing to see here.
+        }), catchError(error => {
+            // Simply rethrow it.
+            return throwError(error);
+        }));
+    }
+    /**
+     * Return tasks for case and event.
+     */
+    getTasksByCaseIdAndEventId(eventId, caseId, caseType, jurisdiction) {
+        const defaultPayload = {
+            task_required_for_event: false,
+            tasks: []
+        };
+        if (!this.isWAEnabled()) {
+            return of(defaultPayload);
+        }
+        return this.http.get(`${this.appConfig.getWorkAllocationApiUrl()}/case/tasks/${caseId}/event/${eventId}/caseType/${caseType}/jurisdiction/${jurisdiction}`);
+    }
+    /**
+     * Call the API to get a task
+     */
+    getTask(taskId) {
+        if (!this.isWAEnabled()) {
+            return of({ task: null });
+        }
+        return this.http.get(`${this.appConfig.getWorkAllocationApiUrl()}/task/${taskId}`);
+    }
+}
+WorkAllocationService.iACCaseOfficer = 'caseworker-ia-caseofficer';
+WorkAllocationService.iACAdmOfficer = 'caseworker-ia-admofficer';
+WorkAllocationService.ɵfac = function WorkAllocationService_Factory(t) { return new (t || WorkAllocationService)(i0.ɵɵinject(HttpService), i0.ɵɵinject(AbstractAppConfig), i0.ɵɵinject(HttpErrorService), i0.ɵɵinject(AlertService), i0.ɵɵinject(SessionStorageService)); };
+WorkAllocationService.ɵprov = i0.ɵɵdefineInjectable({ token: WorkAllocationService, factory: WorkAllocationService.ɵfac });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WorkAllocationService, [{
+        type: Injectable
+    }], function () { return [{ type: HttpService }, { type: AbstractAppConfig }, { type: HttpErrorService }, { type: AlertService }, { type: SessionStorageService }]; }, null); })();
+
 class CaseEditComponent {
     constructor(fb, router, route, fieldsUtils, fieldsPurger, registrarService, wizardFactory, sessionStorageService, windowsService) {
         this.fb = fb;
@@ -9058,7 +9040,7 @@ class CaseEditPageComponent {
                 const label = casefield.label || 'Field';
                 let id = casefield.id;
                 if (fieldElement['component'] && fieldElement['component'].parent) {
-                    if (fieldElement['component'].idPrefix.indexOf('_' + id + '_') === -1) {
+                    if (fieldElement['component'].idPrefix.indexOf(`_${id}_`) === -1) {
                         id = `${fieldElement['component'].idPrefix}${id}`;
                     }
                     else {
@@ -9187,8 +9169,8 @@ class CaseEditPageComponent {
         }
     }
     callbackErrorsNotify(errorContext) {
-        this.ignoreWarning = errorContext.ignore_warning;
-        this.triggerText = errorContext.trigger_text;
+        this.ignoreWarning = errorContext.ignoreWarning;
+        this.triggerText = errorContext.triggerText;
     }
     next() {
         this.resetErrors();
@@ -9500,12 +9482,12 @@ class CallbackErrorsComponent {
     buildCallbackErrorsContext() {
         const errorContext = new CallbackErrorsContext();
         if (this.hasWarnings() && !this.hasErrors() && !this.hasInvalidData()) {
-            errorContext.ignore_warning = true;
-            errorContext.trigger_text = this.triggerTextIgnore;
+            errorContext.ignoreWarning = true;
+            errorContext.triggerText = this.triggerTextIgnore;
         }
         else {
-            errorContext.ignore_warning = false;
-            errorContext.trigger_text = this.triggerTextContinue;
+            errorContext.ignoreWarning = false;
+            errorContext.triggerText = this.triggerTextContinue;
         }
         return errorContext;
     }
@@ -9544,7 +9526,7 @@ CallbackErrorsComponent.ɵcmp = i0.ɵɵdefineComponent({ type: CallbackErrorsCom
 
 class AddressOption {
     constructor(addressModel, description) {
-        if (description == null) {
+        if (description === null) {
             this.value = addressModel;
             this.description = this.getDescription();
         }
@@ -9553,13 +9535,10 @@ class AddressOption {
         }
     }
     getDescription() {
-        return this.removeInitialCommaIfPresent((this.value.AddressLine1 === undefined ? '' : this.value.AddressLine1)
-            + this.prefixWithCommaIfPresent(this.value.AddressLine2)
-            + this.prefixWithCommaIfPresent(this.value.AddressLine3)
-            + ', ' + this.value.PostTown);
+        return this.removeInitialCommaIfPresent(`${this.value.AddressLine1 === undefined ? '' : this.value.AddressLine1}${this.prefixWithCommaIfPresent(this.value.AddressLine2)}${this.prefixWithCommaIfPresent(this.value.AddressLine3)}, ${this.value.PostTown}`);
     }
     prefixWithCommaIfPresent(value) {
-        return value ? ', ' + value : value;
+        return value ? `, ${value}` : value;
     }
     removeInitialCommaIfPresent(value) {
         return value.replace(new RegExp('^,', 'gi'), '');
@@ -9830,7 +9809,7 @@ WriteComplexFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: WriteComplexFi
             type: Input
         }] }); })();
 
-const _c0$R = ["writeComplexFieldComponent"];
+const _c0$S = ["writeComplexFieldComponent"];
 function WriteAddressFieldComponent_div_1_div_4_span_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 14);
     i0.ɵɵtext(1, "Enter the Postcode");
@@ -9947,7 +9926,7 @@ class WriteAddressFieldComponent extends AbstractFieldWriteComponent {
             this.missingPostcode = false;
             const postcode = this.postcode.value;
             this.caseField.value = null;
-            this.addressOptions = new Array();
+            this.addressOptions = [];
             this.addressesService.getAddressesForPostcode(postcode.replace(' ', '').toUpperCase()).subscribe(result => {
                 result.forEach(address => {
                     this.addressOptions.push(new AddressOption(address, null));
@@ -9990,7 +9969,7 @@ class WriteAddressFieldComponent extends AbstractFieldWriteComponent {
         let hasAddress = false;
         if (address) {
             Object.keys(address).forEach((key) => {
-                if (address[key] != null) {
+                if (address[key] !== null) {
                     hasAddress = true;
                 }
             });
@@ -10013,7 +9992,7 @@ class WriteAddressFieldComponent extends AbstractFieldWriteComponent {
     }
     defaultLabel(numberOfAddresses) {
         return numberOfAddresses === 0 ? 'No address found'
-            : numberOfAddresses + (numberOfAddresses === 1 ? ' address ' : ' addresses ') + 'found';
+            : `${numberOfAddresses}${numberOfAddresses === 1 ? ' address ' : ' addresses '}found`;
     }
     setFormValue() {
         if (this.writeComplexFieldComponent.complexGroup) {
@@ -10023,7 +10002,7 @@ class WriteAddressFieldComponent extends AbstractFieldWriteComponent {
 }
 WriteAddressFieldComponent.ɵfac = function WriteAddressFieldComponent_Factory(t) { return new (t || WriteAddressFieldComponent)(i0.ɵɵdirectiveInject(AddressesService), i0.ɵɵdirectiveInject(IsCompoundPipe)); };
 WriteAddressFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: WriteAddressFieldComponent, selectors: [["ccd-write-address-field"]], viewQuery: function WriteAddressFieldComponent_Query(rf, ctx) { if (rf & 1) {
-        i0.ɵɵviewQuery(_c0$R, 1);
+        i0.ɵɵviewQuery(_c0$S, 1);
         i0.ɵɵviewQuery(FocusElementDirective, 1);
     } if (rf & 2) {
         let _t;
@@ -10149,12 +10128,13 @@ function CaseFileViewFieldComponent_div_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵproperty("ngIf", ctx_r1.currentDocument);
 } }
 class CaseFileViewFieldComponent {
-    constructor(elementRef, route, caseFileViewService, documentManagementService, loadingService) {
+    constructor(elementRef, route, caseFileViewService, documentManagementService, loadingService, sessionStorageService) {
         this.elementRef = elementRef;
         this.route = route;
         this.caseFileViewService = caseFileViewService;
         this.documentManagementService = documentManagementService;
         this.loadingService = loadingService;
+        this.sessionStorageService = sessionStorageService;
         this.allowMoving = true;
         this.getCategoriesAndDocumentsError = false;
     }
@@ -10167,6 +10147,12 @@ class CaseFileViewFieldComponent {
             },
             error: _ => this.getCategoriesAndDocumentsError = true
         });
+        // EXUI-8000
+        const userInfo = JSON.parse(this.sessionStorageService.getItem('userDetails'));
+        // Get acls that intersects from acl roles and user roles
+        const acls = this.caseField.acls.filter(acl => userInfo.roles.includes(acl.role));
+        // As there can be more than one intersecting role, if any acls are update: true
+        this.allowMoving = acls.some(acl => acl.update);
     }
     ngAfterViewInit() {
         const slider = this.elementRef.nativeElement.querySelector('.slider');
@@ -10212,7 +10198,7 @@ class CaseFileViewFieldComponent {
     }
 }
 CaseFileViewFieldComponent.PARAM_CASE_ID = 'cid';
-CaseFileViewFieldComponent.ɵfac = function CaseFileViewFieldComponent_Factory(t) { return new (t || CaseFileViewFieldComponent)(i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i1$1.ActivatedRoute), i0.ɵɵdirectiveInject(CaseFileViewService), i0.ɵɵdirectiveInject(DocumentManagementService), i0.ɵɵdirectiveInject(LoadingService)); };
+CaseFileViewFieldComponent.ɵfac = function CaseFileViewFieldComponent_Factory(t) { return new (t || CaseFileViewFieldComponent)(i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i1$1.ActivatedRoute), i0.ɵɵdirectiveInject(CaseFileViewService), i0.ɵɵdirectiveInject(DocumentManagementService), i0.ɵɵdirectiveInject(LoadingService), i0.ɵɵdirectiveInject(SessionStorageService)); };
 CaseFileViewFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: CaseFileViewFieldComponent, selectors: [["ccd-case-file-view-field"]], decls: 2, vars: 2, consts: [["class", "govuk-grid-column-two-thirds", 4, "ngIf"], [4, "ngIf"], [1, "govuk-grid-column-two-thirds"], [1, "govuk-heading-xl"], [1, "govuk-body"], [1, "govuk-heading-l"], ["id", "case-file-view", 1, "govuk-form-group"], [1, "document-tree-container"], [1, "document-tree-container__tree", 3, "categoriesAndDocuments", "allowMoving", "clickedDocument", "moveDocument"], [1, "slider"], [1, "media-viewer-container"], [3, "url", "downloadFileName", "showToolbar", "contentType", "enableAnnotations", "enableRedactions", "height"]], template: function CaseFileViewFieldComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵtemplate(0, CaseFileViewFieldComponent_div_0_Template, 5, 0, "div", 0);
         i0.ɵɵtemplate(1, CaseFileViewFieldComponent_div_1_Template, 9, 3, "div", 1);
@@ -10228,76 +10214,7 @@ CaseFileViewFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: CaseFileViewFi
                 templateUrl: './case-file-view-field.component.html',
                 styleUrls: ['./case-file-view-field.component.scss'],
             }]
-    }], function () { return [{ type: i0.ElementRef }, { type: i1$1.ActivatedRoute }, { type: CaseFileViewService }, { type: DocumentManagementService }, { type: LoadingService }]; }, null); })();
-
-function CaseFileViewFieldReadComponent_div_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 2);
-    i0.ɵɵelementStart(1, "h1", 3);
-    i0.ɵɵtext(2, "Sorry, there is a problem with the service");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "p", 4);
-    i0.ɵɵtext(4, "Try again later.");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
-} }
-function CaseFileViewFieldReadComponent_div_1_ng_container_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainerStart(0);
-    i0.ɵɵelement(1, "mv-media-viewer", 11);
-    i0.ɵɵelementContainerEnd();
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("url", ctx_r2.currentDocument.document_binary_url)("downloadFileName", ctx_r2.currentDocument.document_filename)("showToolbar", true)("contentType", ctx_r2.currentDocument.content_type)("enableAnnotations", true)("enableRedactions", true)("height", "94.5vh");
-} }
-function CaseFileViewFieldReadComponent_div_1_Template(rf, ctx) { if (rf & 1) {
-    const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div");
-    i0.ɵɵelementStart(1, "h2", 5);
-    i0.ɵɵtext(2, "Case file");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 6);
-    i0.ɵɵelementStart(4, "div", 7);
-    i0.ɵɵelementStart(5, "ccd-case-file-view-folder", 8);
-    i0.ɵɵlistener("clickedDocument", function CaseFileViewFieldReadComponent_div_1_Template_ccd_case_file_view_folder_clickedDocument_5_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r3 = i0.ɵɵnextContext(); return ctx_r3.setMediaViewerFile($event); })("moveDocument", function CaseFileViewFieldReadComponent_div_1_Template_ccd_case_file_view_folder_moveDocument_5_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r5 = i0.ɵɵnextContext(); return ctx_r5.moveDocument($event); });
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
-    i0.ɵɵelement(6, "div", 9);
-    i0.ɵɵelementStart(7, "div", 10);
-    i0.ɵɵtemplate(8, CaseFileViewFieldReadComponent_div_1_ng_container_8_Template, 2, 7, "ng-container", 1);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(5);
-    i0.ɵɵproperty("categoriesAndDocuments", ctx_r1.categoriesAndDocuments$)("allowMoving", ctx_r1.allowMoving);
-    i0.ɵɵadvance(3);
-    i0.ɵɵproperty("ngIf", ctx_r1.currentDocument);
-} }
-class CaseFileViewFieldReadComponent extends CaseFileViewFieldComponent {
-    constructor() {
-        super(...arguments);
-        this.allowMoving = false;
-    }
-}
-CaseFileViewFieldReadComponent.ɵfac = function CaseFileViewFieldReadComponent_Factory(t) { return ɵCaseFileViewFieldReadComponent_BaseFactory(t || CaseFileViewFieldReadComponent); };
-CaseFileViewFieldReadComponent.ɵcmp = i0.ɵɵdefineComponent({ type: CaseFileViewFieldReadComponent, selectors: [["ccd-case-file-view-field"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 2, consts: [["class", "govuk-grid-column-two-thirds", 4, "ngIf"], [4, "ngIf"], [1, "govuk-grid-column-two-thirds"], [1, "govuk-heading-xl"], [1, "govuk-body"], [1, "govuk-heading-l"], ["id", "case-file-view", 1, "govuk-form-group"], [1, "document-tree-container"], [1, "document-tree-container__tree", 3, "categoriesAndDocuments", "allowMoving", "clickedDocument", "moveDocument"], [1, "slider"], [1, "media-viewer-container"], [3, "url", "downloadFileName", "showToolbar", "contentType", "enableAnnotations", "enableRedactions", "height"]], template: function CaseFileViewFieldReadComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵtemplate(0, CaseFileViewFieldReadComponent_div_0_Template, 5, 0, "div", 0);
-        i0.ɵɵtemplate(1, CaseFileViewFieldReadComponent_div_1_Template, 9, 3, "div", 1);
-    } if (rf & 2) {
-        i0.ɵɵproperty("ngIf", ctx.getCategoriesAndDocumentsError);
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngIf", !ctx.getCategoriesAndDocumentsError);
-    } }, styles: ["#case-file-view[_ngcontent-%COMP%]{display:flex;border:2px solid #c9c9c9;height:100vh;position:relative}#case-file-view[_ngcontent-%COMP%]   .document-tree-container[_ngcontent-%COMP%]{background-color:#faf8f8;width:30%;min-height:400px;min-width:10%}#case-file-view[_ngcontent-%COMP%]   .slider[_ngcontent-%COMP%]{width:.2%;background-color:#6b6b6b}#case-file-view[_ngcontent-%COMP%]   .slider[_ngcontent-%COMP%]:focus, #case-file-view[_ngcontent-%COMP%]   .slider[_ngcontent-%COMP%]:hover{cursor:col-resize}#case-file-view[_ngcontent-%COMP%]   .media-viewer-container[_ngcontent-%COMP%]{background-color:#dee0e2;flex:1 1 0;overflow:hidden}"] });
-const ɵCaseFileViewFieldReadComponent_BaseFactory = /*@__PURE__*/ i0.ɵɵgetInheritedFactory(CaseFileViewFieldReadComponent);
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaseFileViewFieldReadComponent, [{
-        type: Component,
-        args: [{
-                selector: 'ccd-case-file-view-field',
-                templateUrl: './case-file-view-field.component.html',
-                styleUrls: ['./case-file-view-field.component.scss'],
-            }]
-    }], null, null); })();
+    }], function () { return [{ type: i0.ElementRef }, { type: i1$1.ActivatedRoute }, { type: CaseFileViewService }, { type: DocumentManagementService }, { type: LoadingService }, { type: SessionStorageService }]; }, null); })();
 
 var AddCommentsErrorMessage;
 (function (AddCommentsErrorMessage) {
@@ -10609,7 +10526,7 @@ function WriteCaseFlagFieldComponent_div_1_ng_container_7_Template(rf, ctx) { if
     i0.ɵɵadvance(1);
     i0.ɵɵproperty("formGroup", ctx_r10.caseFlagParentFormGroup)("optional", ctx_r10.flagCommentsOptional);
 } }
-const _c0$Q = function (a0) { return { "form-group-error": a0 }; };
+const _c0$R = function (a0) { return { "form-group-error": a0 }; };
 function WriteCaseFlagFieldComponent_div_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 8);
     i0.ɵɵelementStart(1, "div", 9);
@@ -10628,7 +10545,7 @@ function WriteCaseFlagFieldComponent_div_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(1);
     i0.ɵɵproperty("ngSwitch", ctx_r1.fieldState);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(8, _c0$Q, ctx_r1.errorMessages.length > 0));
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(8, _c0$R, ctx_r1.errorMessages.length > 0));
     i0.ɵɵadvance(1);
     i0.ɵɵtextInterpolate1(" ", ctx_r1.createFlagCaption, " ");
     i0.ɵɵadvance(1);
@@ -11065,7 +10982,7 @@ const ɵReadCaseLinkFieldComponent_BaseFactory = /*@__PURE__*/ i0.ɵɵgetInherit
             }]
     }], null, null); })();
 
-const _c0$P = ["writeComplexFieldComponent"];
+const _c0$Q = ["writeComplexFieldComponent"];
 function WriteCaseLinkFieldComponent_span_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 6);
     i0.ɵɵtext(1);
@@ -11143,7 +11060,7 @@ class WriteCaseLinkFieldComponent extends AbstractFieldWriteComponent {
 }
 WriteCaseLinkFieldComponent.ɵfac = function WriteCaseLinkFieldComponent_Factory(t) { return ɵWriteCaseLinkFieldComponent_BaseFactory(t || WriteCaseLinkFieldComponent); };
 WriteCaseLinkFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: WriteCaseLinkFieldComponent, selectors: [["ccd-write-case-link-field"]], viewQuery: function WriteCaseLinkFieldComponent_Query(rf, ctx) { if (rf & 1) {
-        i0.ɵɵviewQuery(_c0$P, 1);
+        i0.ɵɵviewQuery(_c0$Q, 1);
     } if (rf & 2) {
         let _t;
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.writeComplexFieldComponent = _t.first);
@@ -11181,7 +11098,7 @@ const ɵWriteCaseLinkFieldComponent_BaseFactory = /*@__PURE__*/ i0.ɵɵgetInheri
             args: ['writeComplexFieldComponent']
         }] }); })();
 
-const _c0$O = function (a0, a1, a2, a3, a4, a5) { return { id: a0, label: a1, field_type: a2, display_context_parameter: a3, value: a4, hidden: a5 }; };
+const _c0$P = function (a0, a1, a2, a3, a4, a5) { return { id: a0, label: a1, field_type: a2, display_context_parameter: a3, value: a4, hidden: a5 }; };
 function ReadCollectionFieldComponent_table_0_tbody_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "tbody");
     i0.ɵɵelementStart(1, "tr");
@@ -11194,7 +11111,7 @@ function ReadCollectionFieldComponent_table_0_tbody_2_Template(rf, ctx) { if (rf
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(4);
-    i0.ɵɵproperty("caseField", i0.ɵɵpureFunction6(3, _c0$O, 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);
+    i0.ɵɵproperty("caseField", i0.ɵɵ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);
 } }
 const _c1$k = 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) {
@@ -11322,7 +11239,7 @@ RemoveDialogComponent.ɵcmp = i0.ɵɵdefineComponent({ type: RemoveDialogCompone
             }]
     }], function () { return [{ type: i1$3.MatDialogRef }]; }, null); })();
 
-const _c0$N = ["collectionItem"];
+const _c0$O = ["collectionItem"];
 function WriteCollectionFieldComponent_h2_7_span_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 9);
     i0.ɵɵtext(1);
@@ -11529,7 +11446,12 @@ class WriteCollectionFieldComponent extends AbstractFieldWriteComponent {
     addItem(doScroll) {
         // Manually resetting errors is required to prevent `ExpressionChangedAfterItHasBeenCheckedError`
         this.formArray.setErrors(null);
-        const item = { value: null };
+        let item = { value: null };
+        if (this.isCollectionDynamic()) {
+            item = Object.assign({}, this.caseField.value[this.caseField.value.length - 1]);
+            const key = Number(item['id'][item['id'].length - 1]) + 1;
+            item.id = item['id'].replace(/.$/, key.toString());
+        }
         this.caseField.value.push(item);
         const index = this.caseField.value.length - 1;
         const caseField = this.buildCaseField(item, index, true);
@@ -11552,6 +11474,12 @@ class WriteCollectionFieldComponent extends AbstractFieldWriteComponent {
             setTimeout(() => this.focusLastItem());
         }
     }
+    isCollectionDynamic() {
+        if (!this.caseField.field_type || !this.caseField.field_type.collection_field_type) {
+            return false;
+        }
+        return this.caseField.field_type.collection_field_type.id === 'DynamicRadioList';
+    }
     newCaseField(id, item, index, isNew = false) {
         const isNotAuthorisedToUpdate = !isNew && this.isNotAuthorisedToUpdate(index);
         const fieldType = plainToClassFromExist(new FieldType(), this.caseField.field_type.collection_field_type);
@@ -11593,6 +11521,7 @@ class WriteCollectionFieldComponent extends AbstractFieldWriteComponent {
         this.formArray.removeAt(index);
     }
     resetIds(index) {
+        var _a, _b;
         for (let i = index; i < this.collItems.length; i++) {
             const counter = i + 1;
             if (this.collItems[i].index && this.collItems[i].index === counter) {
@@ -11602,16 +11531,15 @@ class WriteCollectionFieldComponent extends AbstractFieldWriteComponent {
                 && this.collItems[i].caseField.id === counter.toString()) {
                 this.collItems[i].caseField.id = i.toString();
             }
-            const idPrefix1 = this.collItems[i].prefix ? this.collItems[i].prefix.replace('_' + counter.toString(), '_' + i.toString()) : '';
-            const idPrefix1Current = idPrefix1.replace('_' + i.toString(), '_' + counter.toString());
+            const idPrefix1 = this.collItems[i].prefix ? this.collItems[i].prefix.replace(`_${counter.toString()}`, `_${i.toString()}`) : '';
+            const idPrefix1Current = idPrefix1.replace(`_${i.toString()}`, `_${counter.toString()}`);
             if (this.collItems[i].prefix && this.collItems[i].prefix === idPrefix1Current) {
                 this.collItems[i].prefix = idPrefix1;
             }
-            const idPrefixAvailable = this.collItems[i].container && this.collItems[i].container['component']
-                && this.collItems[i].container['component'].idPrefix ? true : false;
+            const idPrefixAvailable = !!((_b = (_a = this.collItems[i].container) === null || _a === void 0 ? void 0 : _a['component']) === null || _b === void 0 ? void 0 : _b.idPrefix);
             const idPrefix2 = idPrefixAvailable ?
-                this.collItems[i].container['component'].idPrefix.replace('_' + counter.toString(), '_' + i.toString()) : '';
-            const idPrefix2current = idPrefix2.replace('_' + i.toString(), '_' + counter.toString());
+                this.collItems[i].container['component'].idPrefix.replace(`_${counter.toString()}`, `_${i.toString()}`) : '';
+            const idPrefix2current = idPrefix2.replace(`_${i.toString()}`, `_${counter.toString()}`);
             if (idPrefixAvailable && this.collItems[i].container['component'].idPrefix === idPrefix2current) {
                 this.collItems[i].container['component'].idPrefix = idPrefix2;
             }
@@ -11696,7 +11624,7 @@ class WriteCollectionFieldComponent extends AbstractFieldWriteComponent {
 }
 WriteCollectionFieldComponent.ɵfac = function WriteCollectionFieldComponent_Factory(t) { return new (t || WriteCollectionFieldComponent)(i0.ɵɵdirectiveInject(i1$3.MatDialog), i0.ɵɵdirectiveInject(i2$1.ScrollToService), i0.ɵɵdirectiveInject(ProfileNotifier)); };
 WriteCollectionFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: WriteCollectionFieldComponent, selectors: [["ccd-write-collection-field"]], viewQuery: function WriteCollectionFieldComponent_Query(rf, ctx) { if (rf & 1) {
-        i0.ɵɵviewQuery(_c0$N, 1);
+        i0.ɵɵviewQuery(_c0$O, 1);
     } if (rf & 2) {
         let _t;
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.items = _t);
@@ -12016,7 +11944,7 @@ FileUploadStateService.ɵprov = i0.ɵɵdefineInjectable({ token: FileUploadState
         type: Injectable
     }], null, null); })();
 
-const _c0$M = ["fileInput"];
+const _c0$N = ["fileInput"];
 function WriteDocumentFieldComponent_span_6_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 12);
     i0.ɵɵtext(1);
@@ -12294,7 +12222,7 @@ WriteDocumentFieldComponent.UPLOAD_ERROR_NOT_AVAILABLE = 'Document upload facili
 WriteDocumentFieldComponent.UPLOAD_WAITING_FILE_STATUS = 'Uploading...';
 WriteDocumentFieldComponent.ɵfac = function WriteDocumentFieldComponent_Factory(t) { return new (t || WriteDocumentFieldComponent)(i0.ɵɵdirectiveInject(AbstractAppConfig), i0.ɵɵdirectiveInject(CaseNotifier), i0.ɵɵdirectiveInject(DocumentManagementService), i0.ɵɵdirectiveInject(i1$3.MatDialog), i0.ɵɵdirectiveInject(FileUploadStateService)); };
 WriteDocumentFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: WriteDocumentFieldComponent, selectors: [["ccd-write-document-field"]], viewQuery: function WriteDocumentFieldComponent_Query(rf, ctx) { if (rf & 1) {
-        i0.ɵɵviewQuery(_c0$M, 1);
+        i0.ɵɵviewQuery(_c0$N, 1);
     } if (rf & 2) {
         let _t;
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.fileInput = _t.first);
@@ -12456,7 +12384,7 @@ function WriteDynamicListFieldComponent_option_9_Template(rf, ctx) { if (rf & 1)
     i0.ɵɵadvance(1);
     i0.ɵɵtextInterpolate(type_r5.label);
 } }
-const _c0$L = function (a0) { return { "form-group-error": a0 }; };
+const _c0$M = function (a0) { return { "form-group-error": a0 }; };
 class WriteDynamicListFieldComponent extends AbstractFieldWriteComponent {
     ngOnInit() {
         /**
@@ -12498,7 +12426,7 @@ WriteDynamicListFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: WriteDynam
         i0.ɵɵelementEnd();
         i0.ɵɵelementEnd();
     } if (rf & 2) {
-        i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(10, _c0$L, !ctx.dynamicListFormControl.valid && (ctx.dynamicListFormControl.dirty || ctx.dynamicListFormControl.touched)));
+        i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(10, _c0$M, !ctx.dynamicListFormControl.valid && (ctx.dynamicListFormControl.dirty || ctx.dynamicListFormControl.touched)));
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("for", ctx.id());
         i0.ɵɵadvance(1);
@@ -12525,6 +12453,215 @@ const ɵWriteDynamicListFieldComponent_BaseFactory = /*@__PURE__*/ i0.ɵɵgetInh
             }]
     }], null, null); })();
 
+class FixedListPipe {
+    transform(value, items) {
+        if (!!items) {
+            const item = items.find(i => i.code === value);
+            return item ? item.label : FixedListPipe.EMPTY;
+        }
+        else {
+            return FixedListPipe.EMPTY;
+        }
+    }
+}
+FixedListPipe.EMPTY = '';
+FixedListPipe.ɵfac = function FixedListPipe_Factory(t) { return new (t || FixedListPipe)(); };
+FixedListPipe.ɵpipe = i0.ɵɵdefinePipe({ name: "ccdFixedList", type: FixedListPipe, pure: true });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FixedListPipe, [{
+        type: Pipe,
+        args: [{
+                name: 'ccdFixedList'
+            }]
+    }], null, null); })();
+
+function ReadDynamicMultiSelectListFieldComponent_div_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div");
+    i0.ɵɵtext(1);
+    i0.ɵɵpipe(2, "ccdFixedList");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const value_r1 = ctx.$implicit;
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(2, 1, value_r1.code, ctx_r0.caseField.list_items), "\n");
+} }
+class ReadDynamicMultiSelectListFieldComponent extends AbstractFieldReadComponent {
+    ngOnInit() {
+        /**
+         *
+         * Reassigning list_items from formatted_list when list_items is empty
+         */
+        if (!this.caseField.list_items && this.caseField.formatted_value && this.caseField.formatted_value.list_items) {
+            this.caseField.list_items = this.caseField.formatted_value.list_items;
+        }
+        if (!this.caseField.value && this.caseField.formatted_value && this.caseField.formatted_value.value) {
+            this.caseField.value = this.caseField.formatted_value.value;
+        }
+        super.ngOnInit();
+    }
+}
+ReadDynamicMultiSelectListFieldComponent.ɵfac = function ReadDynamicMultiSelectListFieldComponent_Factory(t) { return ɵReadDynamicMultiSelectListFieldComponent_BaseFactory(t || ReadDynamicMultiSelectListFieldComponent); };
+ReadDynamicMultiSelectListFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: ReadDynamicMultiSelectListFieldComponent, selectors: [["ccd-read-dynamic-multi-select-list-field"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [[4, "ngFor", "ngForOf"]], template: function ReadDynamicMultiSelectListFieldComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵtemplate(0, ReadDynamicMultiSelectListFieldComponent_div_0_Template, 3, 4, "div", 0);
+    } if (rf & 2) {
+        i0.ɵɵproperty("ngForOf", ctx.caseField.value);
+    } }, directives: [i1.NgForOf], pipes: [FixedListPipe], styles: [".multi-select-list-field-table[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%] > td[_ngcontent-%COMP%]{padding:5px 0}.multi-select-list-field-table[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]:last-child > td[_ngcontent-%COMP%]{border-bottom:none}.multi-select-list-field-table[_ngcontent-%COMP%]   td.collection-actions[_ngcontent-%COMP%]{width:1px;white-space:nowrap}"] });
+const ɵReadDynamicMultiSelectListFieldComponent_BaseFactory = /*@__PURE__*/ i0.ɵɵgetInheritedFactory(ReadDynamicMultiSelectListFieldComponent);
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ReadDynamicMultiSelectListFieldComponent, [{
+        type: Component,
+        args: [{
+                selector: 'ccd-read-dynamic-multi-select-list-field',
+                templateUrl: './read-dynamic-multi-select-list-field.html',
+                styleUrls: ['./read-dynamic-multi-select-list-field.component.scss']
+            }]
+    }], null, null); })();
+
+function WriteDynamicMultiSelectListFieldComponent_span_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 5);
+    i0.ɵɵtext(1);
+    i0.ɵɵpipe(2, "ccdFieldLabel");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, ctx_r0.caseField));
+} }
+function WriteDynamicMultiSelectListFieldComponent_span_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 6);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate(ctx_r1.caseField.hint_text);
+} }
+function WriteDynamicMultiSelectListFieldComponent_span_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 7);
+    i0.ɵɵtext(1);
+    i0.ɵɵpipe(2, "ccdFirstError");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, ctx_r2.checkboxes.errors));
+} }
+function WriteDynamicMultiSelectListFieldComponent_ng_container_6_Template(rf, ctx) { if (rf & 1) {
+    const _r6 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵelementStart(1, "div", 8);
+    i0.ɵɵelementStart(2, "input", 9);
+    i0.ɵɵlistener("change", function WriteDynamicMultiSelectListFieldComponent_ng_container_6_Template_input_change_2_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r5 = i0.ɵɵnextContext(); return ctx_r5.onCheckChange($event); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "label", 10);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementContainerEnd();
+} if (rf & 2) {
+    const checkbox_r4 = ctx.$implicit;
+    const ctx_r3 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(2);
+    i0.ɵɵpropertyInterpolate("id", ctx_r3.createElementId(checkbox_r4.code));
+    i0.ɵɵpropertyInterpolate("name", ctx_r3.id());
+    i0.ɵɵproperty("value", checkbox_r4.code)("checked", ctx_r3.isSelected(checkbox_r4.code));
+    i0.ɵɵadvance(1);
+    i0.ɵɵpropertyInterpolate("for", ctx_r3.createElementId(checkbox_r4.code));
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate(checkbox_r4.label);
+} }
+const _c0$L = function (a0) { return { "error": a0 }; };
+class WriteDynamicMultiSelectListFieldComponent extends AbstractFieldWriteComponent {
+    ngOnInit() {
+        this.checkboxes = new FormArray([]);
+        this.setInitialCaseList();
+        this.setInitialCaseFieldValue();
+        // Initialise array with existing values
+        if (this.caseField.value && Array.isArray(this.caseField.value)) {
+            const values = this.caseField.value;
+            values.forEach(value => {
+                this.checkboxes.push(new FormControl(value));
+            });
+        }
+        this.dynamicListFormControl = this.registerControl(new FormControl(this.checkboxes.value));
+        this.dynamicListFormControl.setValue(this.checkboxes.value);
+    }
+    onCheckChange(event) {
+        const target = event.target;
+        if (!target || !target.value) {
+            return;
+        }
+        const selectedListItem = this.getValueListItem(target.value);
+        if (!this.isSelected(target.value)) {
+            // Add a new control in the FormArray
+            this.checkboxes.push(new FormControl(selectedListItem));
+        }
+        else {
+            // Remove the control from the FormArray
+            this.checkboxes.controls.forEach((ctrl, i) => {
+                if (ctrl.value.code === target.value) {
+                    this.checkboxes.removeAt(i);
+                }
+            });
+        }
+        this.dynamicListFormControl.setValue(this.checkboxes.value);
+    }
+    isSelected(code) {
+        if (this.checkboxes && this.checkboxes.controls) {
+            return this.checkboxes.controls.find(control => control.value.code === code);
+        }
+    }
+    getValueListItem(value) {
+        return this.caseField.list_items.find(i => i.code === value);
+    }
+    setInitialCaseList() {
+        const hasListItems = this.caseField.list_items && this.caseField.list_items.length > 0;
+        const hasFormattedListItems = this.caseField.formatted_value && this.caseField.formatted_value.list_items.length > 0;
+        if (!hasListItems && hasFormattedListItems) {
+            this.caseField.list_items = this.caseField.formatted_value.list_items;
+        }
+    }
+    setInitialCaseFieldValue() {
+        if (!this.caseField.value && this.caseField.formatted_value && this.caseField.formatted_value.value) {
+            this.caseField.value = this.caseField.formatted_value.value;
+        }
+        const isNull = this.caseField.value === undefined || this.caseField.value === '';
+        if (isNull || !Array.isArray(this.caseField.value)) {
+            this.caseField.value = [];
+        }
+    }
+}
+WriteDynamicMultiSelectListFieldComponent.ɵfac = function WriteDynamicMultiSelectListFieldComponent_Factory(t) { return ɵWriteDynamicMultiSelectListFieldComponent_BaseFactory(t || WriteDynamicMultiSelectListFieldComponent); };
+WriteDynamicMultiSelectListFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: WriteDynamicMultiSelectListFieldComponent, selectors: [["ccd-write-dynamic-multi-select-list-field"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 7, vars: 8, consts: [[1, "form-group", "bottom-30", 3, "ngClass", "id"], ["class", "form-label", 4, "ngIf"], ["class", "form-hint", 4, "ngIf"], ["class", "error-message", 4, "ngIf"], [4, "ngFor", "ngForOf"], [1, "form-label"], [1, "form-hint"], [1, "error-message"], [1, "multiple-choice"], ["type", "checkbox", 1, "form-control", 3, "id", "name", "value", "checked", "change"], [1, "form-label", 3, "for"]], template: function WriteDynamicMultiSelectListFieldComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵelementStart(0, "div", 0);
+        i0.ɵɵelementStart(1, "fieldset");
+        i0.ɵɵelementStart(2, "legend");
+        i0.ɵɵtemplate(3, WriteDynamicMultiSelectListFieldComponent_span_3_Template, 3, 3, "span", 1);
+        i0.ɵɵtemplate(4, WriteDynamicMultiSelectListFieldComponent_span_4_Template, 2, 1, "span", 2);
+        i0.ɵɵtemplate(5, WriteDynamicMultiSelectListFieldComponent_span_5_Template, 3, 3, "span", 3);
+        i0.ɵɵelementEnd();
+        i0.ɵɵtemplate(6, WriteDynamicMultiSelectListFieldComponent_ng_container_6_Template, 5, 6, "ng-container", 4);
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementEnd();
+    } if (rf & 2) {
+        i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(6, _c0$L, !ctx.checkboxes.valid && ctx.checkboxes.touched))("id", ctx.id());
+        i0.ɵɵadvance(3);
+        i0.ɵɵproperty("ngIf", ctx.caseField.label);
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngIf", ctx.caseField.hint_text);
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngIf", ctx.checkboxes.errors && ctx.checkboxes.touched);
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngForOf", ctx.caseField.list_items);
+    } }, directives: [i1.NgClass, i1.NgIf, i1.NgForOf], pipes: [FieldLabelPipe, FirstErrorPipe], encapsulation: 2 });
+const ɵWriteDynamicMultiSelectListFieldComponent_BaseFactory = /*@__PURE__*/ i0.ɵɵgetInheritedFactory(WriteDynamicMultiSelectListFieldComponent);
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WriteDynamicMultiSelectListFieldComponent, [{
+        type: Component,
+        args: [{
+                selector: 'ccd-write-dynamic-multi-select-list-field',
+                templateUrl: './write-dynamic-multi-select-list-field.html'
+            }]
+    }], null, null); })();
+
 class DynamicRadioListPipe {
     transform(value, items) {
         /**
@@ -12632,10 +12769,9 @@ function WriteDynamicRadioListFieldComponent_div_9_Template(rf, ctx) { if (rf &
     const ctx_r4 = i0.ɵɵnextContext();
     i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(7, _c0$K, ctx_r4.dynamicRadioListControl.value === radioButton_r5.code));
     i0.ɵɵadvance(1);
-    i0.ɵɵpropertyInterpolate("name", ctx_r4.id());
-    i0.ɵɵproperty("id", ctx_r4.buildElementId(radioButton_r5.code))("formControl", ctx_r4.dynamicRadioListControl)("value", radioButton_r5.code);
+    i0.ɵɵproperty("id", ctx_r4.createElementId(radioButton_r5.code))("name", ctx_r4.createElementId(radioButton_r5.code))("formControl", ctx_r4.dynamicRadioListControl)("value", radioButton_r5.code);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("for", ctx_r4.buildElementId(radioButton_r5.code));
+    i0.ɵɵproperty("for", ctx_r4.createElementId(radioButton_r5.code));
     i0.ɵɵadvance(1);
     i0.ɵɵtextInterpolate(radioButton_r5.label);
 } }
@@ -12659,8 +12795,8 @@ class WriteDynamicRadioListFieldComponent extends AbstractFieldWriteComponent {
         this.dynamicRadioListControl = this.registerControl(new FormControl(this.caseField.value));
         this.dynamicRadioListControl.setValue(this.caseField.value);
     }
-    buildElementId(name) {
-        return `${this.id()}-${name}`;
+    createElementId(name) {
+        return this.parent && this.parent.value ? this.parent.value.id + this.parent.value.value : super.createElementId(name);
     }
 }
 WriteDynamicRadioListFieldComponent.ɵfac = function WriteDynamicRadioListFieldComponent_Factory(t) { return ɵWriteDynamicRadioListFieldComponent_BaseFactory(t || WriteDynamicRadioListFieldComponent); };
@@ -12803,27 +12939,6 @@ const ɵWriteEmailFieldComponent_BaseFactory = /*@__PURE__*/ i0.ɵɵgetInherited
             }]
     }], null, null); })();
 
-class FixedListPipe {
-    transform(value, items) {
-        if (!!items) {
-            const item = items.find(i => i.code === value);
-            return item ? item.label : FixedListPipe.EMPTY;
-        }
-        else {
-            return FixedListPipe.EMPTY;
-        }
-    }
-}
-FixedListPipe.EMPTY = '';
-FixedListPipe.ɵfac = function FixedListPipe_Factory(t) { return new (t || FixedListPipe)(); };
-FixedListPipe.ɵpipe = i0.ɵɵdefinePipe({ name: "ccdFixedList", type: FixedListPipe, pure: true });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FixedListPipe, [{
-        type: Pipe,
-        args: [{
-                name: 'ccdFixedList'
-            }]
-    }], null, null); })();
-
 class ReadFixedListFieldComponent extends AbstractFieldReadComponent {
 }
 ReadFixedListFieldComponent.ɵfac = function ReadFixedListFieldComponent_Factory(t) { return ɵReadFixedListFieldComponent_BaseFactory(t || ReadFixedListFieldComponent); };
@@ -13384,7 +13499,7 @@ class LinkedCasesService {
                         casesResponse.push(this.mapResponse(result));
                     });
                 });
-                const caseLinks = casesResponse.map(item => {
+                this.linkedCases = casesResponse.map(item => {
                     return {
                         caseReference: item.caseReference,
                         caseName: item.caseName,
@@ -13398,7 +13513,6 @@ class LinkedCasesService {
                         }),
                     };
                 });
-                this.linkedCases = caseLinks;
                 this.serverLinkedApiError = null;
             }, err => {
                 this.serverLinkedApiError = {
@@ -15121,6 +15235,7 @@ UnLinkCasesComponent.ɵcmp = i0.ɵɵdefineComponent({ type: UnLinkCasesComponent
             type: Output
         }] }); })();
 
+// tslint:disable:variable-name
 class LinkCaseReason {
 }
 class CCDCaseLinkType {
@@ -15231,7 +15346,7 @@ class ReadLinkedCasesFieldComponent {
             this.caseField = (_a = tab === null || tab === void 0 ? void 0 : tab.fields) === null || _a === void 0 ? void 0 : _a.find(field => field.id === 'caseLinks');
         }
         this.isServerJurisdictionError = this.linkedCasesService.serverJurisdictionError || false;
-        const reasonCodeAPIurl = this.appConfig.getRDCommonDataApiUrl() + '/lov/categories/CaseLinkingReasonCode';
+        const reasonCodeAPIurl = `${this.appConfig.getRDCommonDataApiUrl()}/lov/categories/CaseLinkingReasonCode`;
         this.commonDataService.getRefData(reasonCodeAPIurl).subscribe({
             next: reasons => {
                 this.reasonListLoaded = true;
@@ -15466,7 +15581,7 @@ class WriteLinkedCasesFieldComponent extends AbstractFieldWriteComponent {
         }
     }
     getLinkedCaseReasons() {
-        const reasonCodeAPIurl = this.appConfig.getRDCommonDataApiUrl() + '/lov/categories/CaseLinkingReasonCode';
+        const reasonCodeAPIurl = `${this.appConfig.getRDCommonDataApiUrl()}/lov/categories/CaseLinkingReasonCode`;
         this.commonDataService.getRefData(reasonCodeAPIurl).subscribe({
             next: reasons => {
                 // Sort in ascending order
@@ -15524,8 +15639,7 @@ class WriteLinkedCasesFieldComponent extends AbstractFieldWriteComponent {
     getLinkedCases() {
         this.casesService.getCaseViewV2(this.linkedCasesService.caseId).subscribe((caseView) => {
             const caseViewFiltered = caseView.tabs.filter(tab => {
-                const linkField = tab.fields.some(({ field_type }) => field_type && field_type.collection_field_type && field_type.collection_field_type.id === 'CaseLink');
-                return linkField;
+                return tab.fields.some(({ field_type }) => field_type && field_type.collection_field_type && field_type.collection_field_type.id === 'CaseLink');
             });
             if (caseViewFiltered) {
                 const caseLinkFieldValue = caseViewFiltered.map(filtered => { var _a; return ((_a = filtered.fields) === null || _a === void 0 ? void 0 : _a.length) > 0 && filtered.fields.filter(field => field.id === 'caseLinks')[0].value; });
@@ -16642,6 +16756,9 @@ class PaymentField extends AbstractFieldReadComponent {
     getRefundsUrl() {
         return this.appConfig.getRefundsUrl();
     }
+    getNotificationUrl() {
+        return this.appConfig.getNotificationUrl();
+    }
     getUserRoles() {
         const userDetails = JSON.parse(this.sessionStorage.getItem('userDetails') || null);
         if (!userDetails || !userDetails.hasOwnProperty('roles')) {
@@ -16664,10 +16781,10 @@ class CasePaymentHistoryViewerFieldComponent extends PaymentField {
     }
 }
 CasePaymentHistoryViewerFieldComponent.ɵfac = function CasePaymentHistoryViewerFieldComponent_Factory(t) { return new (t || CasePaymentHistoryViewerFieldComponent)(i0.ɵɵdirectiveInject(AbstractAppConfig), i0.ɵɵdirectiveInject(SessionStorageService)); };
-CasePaymentHistoryViewerFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: CasePaymentHistoryViewerFieldComponent, selectors: [["ccd-case-payment-history-viewer-field"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 15, consts: [[3, "API_ROOT", "CCD_CASE_NUMBER", "BULKSCAN_API_ROOT", "SELECTED_OPTION", "ISBSENABLE", "LOGGEDINUSEREMAIL", "LOGGEDINUSERROLES", "REFUNDS_API_ROOT", "VIEW", "TAKEPAYMENT", "SERVICEREQUEST", "PAYMENT_GROUP_REF", "EXC_REFERENCE", "DCN_NUMBER", "ISPAYMENTSTATUSENABLED"]], template: function CasePaymentHistoryViewerFieldComponent_Template(rf, ctx) { if (rf & 1) {
+CasePaymentHistoryViewerFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: CasePaymentHistoryViewerFieldComponent, selectors: [["ccd-case-payment-history-viewer-field"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 16, consts: [[3, "API_ROOT", "CCD_CASE_NUMBER", "BULKSCAN_API_ROOT", "SELECTED_OPTION", "ISBSENABLE", "LOGGEDINUSEREMAIL", "LOGGEDINUSERROLES", "REFUNDS_API_ROOT", "NOTIFICATION_API_ROOT", "VIEW", "TAKEPAYMENT", "SERVICEREQUEST", "PAYMENT_GROUP_REF", "EXC_REFERENCE", "DCN_NUMBER", "ISPAYMENTSTATUSENABLED"]], template: function CasePaymentHistoryViewerFieldComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵelement(0, "ccpay-payment-lib", 0);
     } if (rf & 2) {
-        i0.ɵɵproperty("API_ROOT", ctx.getBaseURL())("CCD_CASE_NUMBER", ctx.caseReference)("BULKSCAN_API_ROOT", ctx.getPayBulkScanBaseURL())("SELECTED_OPTION", "CCDorException")("ISBSENABLE", "true")("LOGGEDINUSEREMAIL", ctx.getUserEmail())("LOGGEDINUSERROLES", ctx.getUserRoles())("REFUNDS_API_ROOT", ctx.getRefundsUrl())("VIEW", "case-transactions")("TAKEPAYMENT", false)("SERVICEREQUEST", false)("PAYMENT_GROUP_REF", null)("EXC_REFERENCE", ctx.caseReference)("DCN_NUMBER", null)("ISPAYMENTSTATUSENABLED", "Enable");
+        i0.ɵɵproperty("API_ROOT", ctx.getBaseURL())("CCD_CASE_NUMBER", ctx.caseReference)("BULKSCAN_API_ROOT", ctx.getPayBulkScanBaseURL())("SELECTED_OPTION", "CCDorException")("ISBSENABLE", "true")("LOGGEDINUSEREMAIL", ctx.getUserEmail())("LOGGEDINUSERROLES", ctx.getUserRoles())("REFUNDS_API_ROOT", ctx.getRefundsUrl())("NOTIFICATION_API_ROOT", ctx.getNotificationUrl())("VIEW", "case-transactions")("TAKEPAYMENT", false)("SERVICEREQUEST", false)("PAYMENT_GROUP_REF", null)("EXC_REFERENCE", ctx.caseReference)("DCN_NUMBER", null)("ISPAYMENTSTATUSENABLED", "Enable");
     } }, directives: [i3.PaymentLibComponent], encapsulation: 2 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CasePaymentHistoryViewerFieldComponent, [{
         type: Component,
@@ -16827,7 +16944,7 @@ class WriteTextAreaFieldComponent extends AbstractFieldWriteComponent {
     autoGrow(event) {
         if (this.browserService.isIEOrEdge()) {
             event.target.style.height = 'auto';
-            event.target.style.height = event.target.scrollHeight + 'px';
+            event.target.style.height = `${event.target.scrollHeight}px`;
             event.target.scrollTop = event.target.scrollHeight;
         }
     }
@@ -16978,7 +17095,7 @@ function WaysToPayFieldComponent_ccpay_payment_lib_0_Template(rf, ctx) { if (rf
     i0.ɵɵelement(0, "ccpay-payment-lib", 1);
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("API_ROOT", ctx_r0.getBaseURL())("BULKSCAN_API_ROOT", ctx_r0.getPayBulkScanBaseURL())("REFUNDS_API_ROOT", ctx_r0.getRefundsUrl())("CCD_CASE_NUMBER", ctx_r0.caseReference)("VIEW", "case-transactions")("TAKEPAYMENT", false)("SERVICEREQUEST", true)("PAYMENT_GROUP_REF", null)("EXC_REFERENCE", ctx_r0.caseReference)("DCN_NUMBER", null)("SELECTED_OPTION", "CCDorException")("LOGGEDINUSERROLES", ctx_r0.getUserRoles())("CARDPAYMENTRETURNURL", ctx_r0.getCardPaymentReturnUrl())("ISPAYMENTSTATUSENABLED", "Enable");
+    i0.ɵɵproperty("API_ROOT", ctx_r0.getBaseURL())("BULKSCAN_API_ROOT", ctx_r0.getPayBulkScanBaseURL())("REFUNDS_API_ROOT", ctx_r0.getRefundsUrl())("NOTIFICATION_API_ROOT", ctx_r0.getNotificationUrl())("CCD_CASE_NUMBER", ctx_r0.caseReference)("VIEW", "case-transactions")("TAKEPAYMENT", false)("SERVICEREQUEST", true)("PAYMENT_GROUP_REF", null)("EXC_REFERENCE", ctx_r0.caseReference)("DCN_NUMBER", null)("SELECTED_OPTION", "CCDorException")("LOGGEDINUSERROLES", ctx_r0.getUserRoles())("CARDPAYMENTRETURNURL", ctx_r0.getCardPaymentReturnUrl())("ISPAYMENTSTATUSENABLED", "Enable");
 } }
 class WaysToPayFieldComponent extends PaymentField {
     constructor(appConfig, sessionStorage) {
@@ -16989,8 +17106,8 @@ class WaysToPayFieldComponent extends PaymentField {
     }
 }
 WaysToPayFieldComponent.ɵfac = function WaysToPayFieldComponent_Factory(t) { return new (t || WaysToPayFieldComponent)(i0.ɵɵdirectiveInject(AbstractAppConfig), i0.ɵɵdirectiveInject(SessionStorageService)); };
-WaysToPayFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: WaysToPayFieldComponent, selectors: [["ccd-ways-to-pay-field"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [[3, "API_ROOT", "BULKSCAN_API_ROOT", "REFUNDS_API_ROOT", "CCD_CASE_NUMBER", "VIEW", "TAKEPAYMENT", "SERVICEREQUEST", "PAYMENT_GROUP_REF", "EXC_REFERENCE", "DCN_NUMBER", "SELECTED_OPTION", "LOGGEDINUSERROLES", "CARDPAYMENTRETURNURL", "ISPAYMENTSTATUSENABLED", 4, "ngIf"], [3, "API_ROOT", "BULKSCAN_API_ROOT", "REFUNDS_API_ROOT", "CCD_CASE_NUMBER", "VIEW", "TAKEPAYMENT", "SERVICEREQUEST", "PAYMENT_GROUP_REF", "EXC_REFERENCE", "DCN_NUMBER", "SELECTED_OPTION", "LOGGEDINUSERROLES", "CARDPAYMENTRETURNURL", "ISPAYMENTSTATUSENABLED"]], template: function WaysToPayFieldComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵtemplate(0, WaysToPayFieldComponent_ccpay_payment_lib_0_Template, 1, 14, "ccpay-payment-lib", 0);
+WaysToPayFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: WaysToPayFieldComponent, selectors: [["ccd-ways-to-pay-field"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [[3, "API_ROOT", "BULKSCAN_API_ROOT", "REFUNDS_API_ROOT", "NOTIFICATION_API_ROOT", "CCD_CASE_NUMBER", "VIEW", "TAKEPAYMENT", "SERVICEREQUEST", "PAYMENT_GROUP_REF", "EXC_REFERENCE", "DCN_NUMBER", "SELECTED_OPTION", "LOGGEDINUSERROLES", "CARDPAYMENTRETURNURL", "ISPAYMENTSTATUSENABLED", 4, "ngIf"], [3, "API_ROOT", "BULKSCAN_API_ROOT", "REFUNDS_API_ROOT", "NOTIFICATION_API_ROOT", "CCD_CASE_NUMBER", "VIEW", "TAKEPAYMENT", "SERVICEREQUEST", "PAYMENT_GROUP_REF", "EXC_REFERENCE", "DCN_NUMBER", "SELECTED_OPTION", "LOGGEDINUSERROLES", "CARDPAYMENTRETURNURL", "ISPAYMENTSTATUSENABLED"]], template: function WaysToPayFieldComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵtemplate(0, WaysToPayFieldComponent_ccpay_payment_lib_0_Template, 1, 15, "ccpay-payment-lib", 0);
     } if (rf & 2) {
         i0.ɵɵproperty("ngIf", ctx.getUserRoles().length > 0);
     } }, directives: [i1.NgIf, i3.PaymentLibComponent], encapsulation: 2 });
@@ -17013,6 +17130,7 @@ class YesNoService {
         return YesNoService.EMPTY;
     }
     isYes(value) {
+        // tslint:disable-next-line:switch-default
         switch (typeof (value)) {
             case 'boolean':
                 return value;
@@ -17022,6 +17140,7 @@ class YesNoService {
         return false;
     }
     isNo(value) {
+        // tslint:disable-next-line:switch-default
         switch (typeof (value)) {
             case 'boolean':
                 return !value;
@@ -17173,7 +17292,7 @@ WriteYesNoFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: WriteYesNoFieldC
 class PaletteService {
     constructor() {
         this.componentLauncherRegistry = {
-            [DisplayContextCustomParameter.CaseFileView]: [CaseFileViewFieldComponent, CaseFileViewFieldReadComponent],
+            [DisplayContextCustomParameter.CaseFileView]: [CaseFileViewFieldComponent, CaseFileViewFieldComponent],
             [DisplayContextCustomParameter.LinkedCases]: [WriteLinkedCasesFieldComponent, ReadLinkedCasesFieldComponent]
         };
     }
@@ -17203,6 +17322,8 @@ class PaletteService {
                 return write ? WriteFixedListFieldComponent : ReadFixedListFieldComponent;
             case 'DynamicRadioList':
                 return write ? WriteDynamicRadioListFieldComponent : ReadDynamicRadioListFieldComponent;
+            case 'DynamicMultiSelectList':
+                return write ? WriteDynamicMultiSelectListFieldComponent : ReadDynamicMultiSelectListFieldComponent;
             case 'FixedRadioList':
                 return write ? WriteFixedRadioListFieldComponent : ReadFixedRadioListFieldComponent;
             case 'Complex':
@@ -17269,7 +17390,7 @@ PaletteService.ɵprov = i0.ɵɵdefineInjectable({ token: PaletteService, factory
     }], null, null); })();
 
 const _c0$v = ["fieldContainer"];
-const FIX_CASEFIELD_FOR$1 = ['FixedList', 'DynamicList'];
+const FIX_CASEFIELD_FOR$1 = ['FixedList', 'DynamicList', 'DynamicMultiSelectList'];
 class FieldReadComponent extends AbstractFieldReadComponent {
     constructor(resolver, paletteService) {
         super();
@@ -17347,7 +17468,7 @@ FieldReadComponent.ɵcmp = i0.ɵɵdefineComponent({ type: FieldReadComponent, se
         }] }); })();
 
 const _c0$u = ["fieldContainer"];
-const FIX_CASEFIELD_FOR = ['FixedList', 'DynamicList'];
+const FIX_CASEFIELD_FOR = ['FixedList', 'DynamicList', 'DynamicMultiSelectList'];
 class FieldWriteComponent extends AbstractFieldWriteComponent {
     constructor(resolver, paletteService) {
         super();
@@ -17841,6 +17962,7 @@ CaseFileViewFolderSortComponent.ɵcmp = i0.ɵɵdefineComponent({ type: CaseFileV
 class CaseFileViewCategory {
 }
 
+// tslint:disable:variable-name
 class CaseFileViewDocument {
 }
 
@@ -19051,7 +19173,7 @@ class SelectFlagLocationComponent {
         // is expected not to have a party name)
         if (this.flagsData) {
             this.filteredFlagsData =
-                this.flagsData.filter(f => f.flags.partyName != null || f.pathToFlagsFormGroup === this.caseLevelCaseFlagsFieldId);
+                this.flagsData.filter(f => f.flags.partyName !== null || f.pathToFlagsFormGroup === this.caseLevelCaseFlagsFieldId);
         }
         // Add a FormControl for the selected flag location if there is at least one flags instance remaining after filtering
         if (this.filteredFlagsData && this.filteredFlagsData.length > 0) {
@@ -20219,18 +20341,19 @@ class ReadComplexFieldCollectionTableComponent extends AbstractFieldReadComponen
         field.value = { CaseReference: value };
         return field;
     }
-    toCaseField(id, label, field_type, value) {
+    toCaseField(id, label, fieldType, value) {
         return plainToClassFromExist(new CaseField(), {
             id,
             label,
             display_context: 'READONLY',
             value,
-            field_type
+            field_type: fieldType
         });
     }
     sortRowsByColumns(column) {
         const shouldSortInAscendingOrder = this.columnsHorizontalLabel[column].sortOrder === SortOrder.UNSORTED
             || this.columnsHorizontalLabel[column].sortOrder === SortOrder.DESCENDING;
+        // tslint:disable-next-line:switch-default
         switch (this.columnsHorizontalLabel[column].type.type) {
             case 'Number':
             case 'MoneyGBP': {
@@ -21207,6 +21330,7 @@ MarkdownComponent.ɵcmp = i0.ɵɵdefineComponent({ type: MarkdownComponent, sele
 class FeeValue {
 }
 
+// tslint:disable:variable-name
 class Fee {
 }
 
@@ -21692,23 +21816,26 @@ class ReadFieldsFilterPipe {
             || !ReadFieldsFilterPipe.isEmpty(value[field.id]);
     }
     static getValue(field, values, index) {
-        let value;
-        if (index >= 0) {
-            value = values[index].value[field.id];
-        }
-        else {
-            value = values[field.id];
+        if (ReadFieldsFilterPipe.isEmpty(field.value)) {
+            let value;
+            if (index >= 0) {
+                value = values[index].value[field.id];
+            }
+            else {
+                value = values[field.id];
+            }
+            return value;
         }
-        return ReadFieldsFilterPipe.isEmpty(field.value) ? value : field.value;
+        return field.value;
     }
-    static evaluateConditionalShow(field, formValue, path, formGroupAvaliable, fieldId) {
+    static evaluateConditionalShow(field, formValue, path, formGroupAvailable, fieldId) {
         if (field.display_context === 'HIDDEN') {
             field.hidden = true;
         }
         else if (field.show_condition) {
             let cond;
-            if (fieldId && field.show_condition.indexOf(fieldId) > -1 && !formGroupAvaliable && !!Object.keys(formValue).length) {
-                const search = fieldId + '.';
+            if (fieldId && field.show_condition.indexOf(`${fieldId}.`) > -1 && !formGroupAvailable && !!Object.keys(formValue).length) {
+                const search = `${fieldId}.`;
                 const searchRegExp = new RegExp(search, 'g');
                 const replaceWith = '';
                 cond = ShowCondition.getInstance(field.show_condition.replace(searchRegExp, replaceWith));
@@ -21808,7 +21935,7 @@ CcdTabFieldsPipe.ɵpipe = i0.ɵɵdefinePipe({ name: "ccdTabFields", type: CcdTab
 
 class CcdPageFieldsPipe {
     transform(page, dataFormGroup) {
-        const complex_fields = Object.keys(dataFormGroup.controls['data'].controls).map(key => {
+        const complexFields = Object.keys(dataFormGroup.controls['data'].controls).map(key => {
             const control = dataFormGroup.controls['data'].get(key);
             return control['caseField'];
         }).filter(field => {
@@ -21827,7 +21954,7 @@ class CcdPageFieldsPipe {
             field_type: {
                 id: page.id,
                 type: 'Complex',
-                complex_fields
+                complex_fields: complexFields
             }
         });
     }
@@ -21986,11 +22113,11 @@ class CollectionCreateCheckerService {
         }
         return childrenCaseFields;
     }
-    isComplex(case_field) {
-        return case_field.field_type.type === 'Complex';
+    isComplex(caseField) {
+        return caseField.field_type.type === 'Complex';
     }
-    isCollection(case_field) {
-        return case_field.field_type.type === 'Collection';
+    isCollection(caseField) {
+        return caseField.field_type.type === 'Collection';
     }
     hasCreateAccess(caseField, role) {
         return !!caseField.acls.find(acl => acl.role === role && acl.create === true);
@@ -22078,6 +22205,8 @@ const PALETTE_COMPONENTS = [
     WriteDocumentFieldComponent,
     WriteDynamicListFieldComponent,
     WriteDynamicRadioListFieldComponent,
+    WriteDynamicMultiSelectListFieldComponent,
+    ReadDynamicMultiSelectListFieldComponent,
     WriteTextFieldComponent,
     WriteDateContainerFieldComponent,
     WriteTextAreaFieldComponent,
@@ -22101,12 +22230,18 @@ const PALETTE_COMPONENTS = [
     WriteCollectionFieldComponent,
     // ComponentLauncher web components
     CaseFileViewFieldComponent,
-    CaseFileViewFieldReadComponent,
     CaseFileViewFolderComponent,
     CaseFileViewFolderSortComponent,
     CaseFileViewOverlayMenuComponent,
     CaseFileViewFolderDocumentActionsComponent,
     CaseFileViewFolderSelectorComponent,
+    // component for dynamic list
+    WriteDynamicMultiSelectListFieldComponent,
+    WriteDynamicRadioListFieldComponent,
+    WriteDynamicListFieldComponent,
+    ReadDynamicMultiSelectListFieldComponent,
+    ReadDynamicListFieldComponent,
+    ReadDynamicRadioListFieldComponent,
     LinkedCasesToTableComponent,
     LinkedCasesFromTableComponent,
     BeforeYouStartComponent,
@@ -22233,6 +22368,8 @@ PaletteModule.ɵinj = i0.ɵɵdefineInjector({ providers: [
         WriteDocumentFieldComponent,
         WriteDynamicListFieldComponent,
         WriteDynamicRadioListFieldComponent,
+        WriteDynamicMultiSelectListFieldComponent,
+        ReadDynamicMultiSelectListFieldComponent,
         WriteTextFieldComponent,
         WriteDateContainerFieldComponent,
         WriteTextAreaFieldComponent,
@@ -22256,12 +22393,18 @@ PaletteModule.ɵinj = i0.ɵɵdefineInjector({ providers: [
         WriteCollectionFieldComponent,
         // ComponentLauncher web components
         CaseFileViewFieldComponent,
-        CaseFileViewFieldReadComponent,
         CaseFileViewFolderComponent,
         CaseFileViewFolderSortComponent,
         CaseFileViewOverlayMenuComponent,
         CaseFileViewFolderDocumentActionsComponent,
         CaseFileViewFolderSelectorComponent,
+        // component for dynamic list
+        WriteDynamicMultiSelectListFieldComponent,
+        WriteDynamicRadioListFieldComponent,
+        WriteDynamicListFieldComponent,
+        ReadDynamicMultiSelectListFieldComponent,
+        ReadDynamicListFieldComponent,
+        ReadDynamicRadioListFieldComponent,
         LinkedCasesToTableComponent,
         LinkedCasesFromTableComponent,
         BeforeYouStartComponent,
@@ -22351,6 +22494,8 @@ PaletteModule.ɵinj = i0.ɵɵdefineInjector({ providers: [
         WriteDocumentFieldComponent,
         WriteDynamicListFieldComponent,
         WriteDynamicRadioListFieldComponent,
+        WriteDynamicMultiSelectListFieldComponent,
+        ReadDynamicMultiSelectListFieldComponent,
         WriteTextFieldComponent,
         WriteDateContainerFieldComponent,
         WriteTextAreaFieldComponent,
@@ -22374,12 +22519,18 @@ PaletteModule.ɵinj = i0.ɵɵdefineInjector({ providers: [
         WriteCollectionFieldComponent,
         // ComponentLauncher web components
         CaseFileViewFieldComponent,
-        CaseFileViewFieldReadComponent,
         CaseFileViewFolderComponent,
         CaseFileViewFolderSortComponent,
         CaseFileViewOverlayMenuComponent,
         CaseFileViewFolderDocumentActionsComponent,
         CaseFileViewFolderSelectorComponent,
+        // component for dynamic list
+        WriteDynamicMultiSelectListFieldComponent,
+        WriteDynamicRadioListFieldComponent,
+        WriteDynamicListFieldComponent,
+        ReadDynamicMultiSelectListFieldComponent,
+        ReadDynamicListFieldComponent,
+        ReadDynamicRadioListFieldComponent,
         LinkedCasesToTableComponent,
         LinkedCasesFromTableComponent,
         BeforeYouStartComponent,
@@ -22504,8 +22655,7 @@ i0.ɵɵsetComponentScope(WriteDateContainerFieldComponent, [i1.NgIf, DatetimePic
 i0.ɵɵsetComponentScope(WriteCollectionFieldComponent, [i1.NgIf, i1.NgForOf, FieldWriteComponent, i2.NgControlStatusGroup, i2.FormGroupDirective], [FieldLabelPipe, FirstErrorPipe]);
 i0.ɵɵsetComponentScope(
 // ComponentLauncher web components
-CaseFileViewFieldComponent, [i1.NgIf, CaseFileViewFolderComponent, i11.ɵcs], []);
-i0.ɵɵsetComponentScope(CaseFileViewFieldReadComponent, [i1.NgIf, CaseFileViewFolderComponent, i11.ɵcs], []);
+CaseFileViewFieldComponent, [i1.NgIf, CaseFileViewFolderComponent, i11.MediaViewerComponent], []);
 i0.ɵɵsetComponentScope(LinkedCasesToTableComponent, [i1.NgIf, i1.NgForOf], [CaseReferencePipe, LinkCasesReasonValuePipe]);
 i0.ɵɵsetComponentScope(LinkedCasesFromTableComponent, [i1.NgIf, i1.NgForOf], [CaseReferencePipe, LinkCasesFromReasonValuePipe]);
 i0.ɵɵsetComponentScope(LinkCasesComponent, [i1.NgIf, i2.NgControlStatusGroup, i2.FormGroupDirective, i1.NgClass, i2.DefaultValueAccessor, i2.NgControlStatus, i2.FormControlName, i2.FormArrayName, i1.NgForOf, i2.FormGroupName, i2.CheckboxControlValueAccessor], [CaseReferencePipe, LinkCasesReasonValuePipe]);
@@ -23081,7 +23231,7 @@ class CaseEditSubmitComponent {
                 if (caseField.field_type.type === 'Complex') {
                     // Note: Deliberate use of equality (==) and non-equality (!=) operators for null checks throughout, to
                     // handle both null and undefined values
-                    if (caseField.value != null) {
+                    if (caseField.value !== null) {
                         // Call this function recursively to replace the Complex field's sub-fields as necessary, passing the
                         // CaseField itself (the sub-fields do not contain any values, so these need to be obtained from the
                         // parent)
@@ -23143,8 +23293,8 @@ class CaseEditSubmitComponent {
         this.caseEdit.navigateToPage(pageId);
     }
     callbackErrorsNotify(errorContext) {
-        this.ignoreWarning = errorContext.ignore_warning;
-        this.triggerText = errorContext.trigger_text;
+        this.ignoreWarning = errorContext.ignoreWarning;
+        this.triggerText = errorContext.triggerText;
     }
     summaryCaseField(field) {
         if (null === this.editForm.get('data').get(field.id)) {
@@ -23697,6 +23847,7 @@ class CaseEventCompletionComponent {
                 { provide: COMPONENT_PORTAL_INJECTION_TOKEN, useValue: this }
             ]
         });
+        // tslint:disable-next-line:switch-default
         switch (portalType) {
             case EventCompletionPortalTypes.TaskCancelled:
                 this.selectedComponentPortal = new ComponentPortal(CaseEventCompletionTaskCancelledComponent, null, injector);
@@ -24167,27 +24318,27 @@ class PaginationComponent {
         this.screenReaderCurrentLabel = `You're on page`;
         this.pageChange = new EventEmitter();
         this.pageBoundsCorrection = new EventEmitter();
-        this._directionLinks = true;
-        this._autoHide = false;
-        this._responsive = false;
+        this.pDirectionLinks = true;
+        this.pAutoHide = false;
+        this.pResponsive = false;
     }
     get directionLinks() {
-        return this._directionLinks;
+        return this.pDirectionLinks;
     }
     set directionLinks(value) {
-        this._directionLinks = coerceToBoolean(value);
+        this.pDirectionLinks = coerceToBoolean(value);
     }
     get autoHide() {
-        return this._autoHide;
+        return this.pAutoHide;
     }
     set autoHide(value) {
-        this._autoHide = coerceToBoolean(value);
+        this.pAutoHide = coerceToBoolean(value);
     }
     get responsive() {
-        return this._responsive;
+        return this.pResponsive;
     }
     set responsive(value) {
-        this._responsive = coerceToBoolean(value);
+        this.pResponsive = coerceToBoolean(value);
     }
 }
 PaginationComponent.ɵfac = function PaginationComponent_Factory(t) { return new (t || PaginationComponent)(); };
@@ -24848,7 +24999,7 @@ class WorkbasketFiltersComponent {
                     const formValue = this.windowService.getLocalStorage(FORM_GROUP_VAL_LOC_STORAGE);
                     workbasketInputs.forEach(item => {
                         if (item.field.elementPath) {
-                            item.field.id = item.field.id + '.' + item.field.elementPath;
+                            item.field.id = `${item.field.id}.${item.field.elementPath}`;
                         }
                         item.field.label = item.label;
                         if (formValue) {
@@ -24900,7 +25051,7 @@ class WorkbasketFiltersComponent {
                             const value = formGroupLS[key];
                             // Clear the filter form group control values if it has a value in local storage
                             // The regionList form group control value should be ignored as it always contain the latest value
-                            if (key !== REGION_LIST_AND_FRC_FILTER && value != null) {
+                            if (key !== REGION_LIST_AND_FRC_FILTER && value !== null) {
                                 this.formGroup.get(key).setValue(null);
                             }
                         }
@@ -25923,7 +26074,7 @@ class CaseEventTriggerComponent {
         this.eventTrigger = this.route.snapshot.data.eventTrigger;
         if (this.activityPollingService.isEnabled) {
             this.ngZone.runOutsideAngular(() => {
-                this.activitySubscription = this.postEditActivity().subscribe((_resolved) => {
+                this.activitySubscription = this.postEditActivity().subscribe(() => {
                     // console.log('Posted EDIT activity and result is: ' + JSON.stringify(_resolved));
                 });
             });
@@ -26769,8 +26920,8 @@ class CaseFullAccessViewComponent {
         return this.sortedTabs.length > 0 || this.prependedTabs.length > 0 || this.appendedTabs.length > 0;
     }
     callbackErrorsNotify(callbackErrorsContext) {
-        this.ignoreWarning = callbackErrorsContext.ignore_warning;
-        this.triggerText = callbackErrorsContext.trigger_text;
+        this.ignoreWarning = callbackErrorsContext.ignoreWarning;
+        this.triggerText = callbackErrorsContext.triggerText;
     }
     isDraft() {
         return Draft.isDraft(this.caseDetails.case_id);
@@ -27037,7 +27188,7 @@ class PrintUrlPipe {
      * or the empty string
      */
     transform(remoteUrl) {
-        if (remoteUrl && remoteUrl.length > 0) {
+        if ((remoteUrl === null || remoteUrl === void 0 ? void 0 : remoteUrl.length) > 0) {
             let printServiceUrlPathname;
             /**
              * Check navigator.userAgent to see if the browser is IE or not. Check for either the browser name, "MSIE", or
@@ -27053,7 +27204,7 @@ class PrintUrlPipe {
                 printServiceUrlPathname = urlParser.pathname;
                 if (printServiceUrlPathname[0] !== '/') {
                     // Fix for IE11; it returns the pathname without leading slash
-                    printServiceUrlPathname = '/' + printServiceUrlPathname;
+                    printServiceUrlPathname = `/${printServiceUrlPathname}`;
                 }
             }
             else {
@@ -27230,10 +27381,10 @@ class CaseViewerComponent {
     }
     setUserAccessType(caseDetails) {
         if (caseDetails && Array.isArray(caseDetails.metadataFields)) {
-            const access_process = caseDetails.metadataFields.find(metadataField => metadataField.id === CaseViewerComponent.METADATA_FIELD_ACCESS_PROCEES_ID);
-            const access_granted = caseDetails.metadataFields.find(metadataField => metadataField.id === CaseViewerComponent.METADATA_FIELD_ACCESS_GRANTED_ID);
-            this.accessGranted = access_granted ? access_granted.value !== CaseViewerComponent.BASIC_USER_ACCESS_TYPES : false;
-            this.userAccessType = access_process ? access_process.value : null;
+            const accessProcess = caseDetails.metadataFields.find(metadataField => metadataField.id === CaseViewerComponent.METADATA_FIELD_ACCESS_PROCEES_ID);
+            const accessGranted = caseDetails.metadataFields.find(metadataField => metadataField.id === CaseViewerComponent.METADATA_FIELD_ACCESS_GRANTED_ID);
+            this.accessGranted = accessGranted ? accessGranted.value !== CaseViewerComponent.BASIC_USER_ACCESS_TYPES : false;
+            this.userAccessType = accessProcess ? accessProcess.value : null;
         }
     }
     isDataLoaded() {
@@ -28398,11 +28549,11 @@ class CaseChallengedAccessRequestComponent {
             };
             this.$roleAssignmentResponseSubscription = this.casesService.createChallengedAccessRequest(caseId, challengedAccessRequest)
                 .pipe(switchMap(() => this.caseNotifier.fetchAndRefresh(caseId)))
-                .subscribe(_response => {
+                .subscribe(() => {
                 // Would have been nice to pass the caseId within state.data, but this isn't part of NavigationExtras until
                 // Angular 7.2!
                 this.router.navigate(['success'], { relativeTo: this.route });
-            }, _error => {
+            }, () => {
                 // Navigate to error page
             });
         }
@@ -28416,7 +28567,7 @@ class CaseChallengedAccessRequestComponent {
         }
     }
     inputEmpty(input) {
-        return input.value == null || input.value.trim().length === 0;
+        return input.value === null || input.value.trim().length === 0;
     }
 }
 CaseChallengedAccessRequestComponent.CANCEL_LINK_DESTINATION = '/work/my-work/list';
@@ -29002,11 +29153,11 @@ class CaseSpecificAccessRequestComponent {
             };
             this.$roleAssignmentResponseSubscription = this.casesService.createSpecificAccessRequest(caseId, specificAccessRequest)
                 .pipe(switchMap(() => this.caseNotifier.fetchAndRefresh(caseId)))
-                .subscribe(_response => {
+                .subscribe(() => {
                 // Would have been nice to pass the caseId within state.data, but this isn't part of NavigationExtras until
                 // Angular 7.2
                 this.router.navigate(['success'], { relativeTo: this.route });
-            }, _error => {
+            }, () => {
                 // Navigate to error page
             });
         }
@@ -29021,7 +29172,7 @@ class CaseSpecificAccessRequestComponent {
         }
     }
     inputEmpty(input) {
-        return input.value == null || input.value.trim().length === 0;
+        return input.value === null || input.value.trim().length === 0;
     }
 }
 CaseSpecificAccessRequestComponent.CANCEL_LINK_DESTINATION = '/work/my-work/list';
@@ -29863,7 +30014,7 @@ class SearchFiltersComponent {
             }
             searchInputs.forEach(item => {
                 if (item.field.elementPath) {
-                    item.field.id = item.field.id + '.' + item.field.elementPath;
+                    item.field.id = `${item.field.id}.${item.field.elementPath}`;
                 }
                 item.field.label = item.label;
                 if (formValueObject) {
@@ -30117,7 +30268,7 @@ function SearchResultComponent_table_0_div_4_Template(rf, ctx) { if (rf & 1) {
 } if (rf & 2) {
     const ctx_r3 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(6);
-    i0.ɵɵtextInterpolate1(" The total size of the result set is ", i0.ɵɵpipeBind1(7, 1, ctx_r3.paginationMetadata.total_results_count), ". Only the first 10,000 records are available for display. ");
+    i0.ɵɵtextInterpolate1(" The total size of the result set is ", i0.ɵɵpipeBind1(7, 1, ctx_r3.paginationMetadata.totalResultsCount), ". Only the first 10,000 records are available for display. ");
 } }
 function SearchResultComponent_table_0_div_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 15);
@@ -30575,7 +30726,7 @@ class SearchResultComponent {
         }
     }
     get resultTotal() {
-        const total = this.paginationMetadata.total_results_count;
+        const total = this.paginationMetadata.totalResultsCount;
         const maximumResultReached = total >= this.PAGINATION_MAX_ITEM_RESULT;
         this.paginationLimitEnforced = maximumResultReached;
         return maximumResultReached ? this.PAGINATION_MAX_ITEM_RESULT : total;
@@ -30720,7 +30871,7 @@ class SearchResultComponent {
         return col;
     }
     hasResults() {
-        return this.resultView.results.length && this.paginationMetadata.total_pages_count;
+        return this.resultView.results.length && this.paginationMetadata.totalPagesCount;
     }
     hasDrafts() {
         return this.resultView.hasDrafts();
@@ -30819,7 +30970,7 @@ class SearchResultComponent {
         return ((currentPage - 1) * this.paginationPageSize) + this.resultView.results.length + this.getDraftsCountIfNotPageOne(currentPage);
     }
     getTotalResults() {
-        const total = this.paginationMetadata.total_results_count + this.draftsCount;
+        const total = this.paginationMetadata.totalResultsCount + this.draftsCount;
         return total >= this.PAGINATION_MAX_ITEM_RESULT ? this.PAGINATION_MAX_ITEM_RESULT : total;
     }
     prepareCaseLinkUrl(caseId) {
@@ -30964,6 +31115,7 @@ SearchResultModule.ɵinj = i0.ɵɵdefineInjector({ providers: [
     }], null, null); })();
 i0.ɵɵsetComponentScope(SearchResultComponent, [i1.NgIf, i1.NgForOf, i1$1.RouterLinkWithHref, FieldReadComponent, LabelSubstitutorDirective, ActivityComponent, PaginationComponent], [i1.DecimalPipe, i1$6.PaginatePipe, CaseReferencePipe, SortSearchResultPipe]);
 
+// tslint:disable:variable-name
 class ComplexFieldOverride {
 }
 
@@ -30982,24 +31134,24 @@ class CaseFieldBuilder {
         this.caseField.id = id;
         return this;
     }
-    withFieldType(field_type) {
-        this.caseField.field_type = field_type;
+    withFieldType(fieldType) {
+        this.caseField.field_type = fieldType;
         return this;
     }
-    withDisplayContext(display_context) {
-        this.caseField.display_context = display_context;
+    withDisplayContext(displayContext) {
+        this.caseField.display_context = displayContext;
         return this;
     }
-    withDisplayContextParameter(display_context_parameter) {
-        this.caseField.display_context_parameter = display_context_parameter;
+    withDisplayContextParameter(displayContextParameter) {
+        this.caseField.display_context_parameter = displayContextParameter;
         return this;
     }
     withHidden(hidden) {
         this.caseField.hidden = hidden;
         return this;
     }
-    withHintText(hint_text) {
-        this.caseField.hint_text = hint_text;
+    withHintText(hintText) {
+        this.caseField.hint_text = hintText;
         return this;
     }
     withLabel(label) {
@@ -31010,12 +31162,12 @@ class CaseFieldBuilder {
         this.caseField.order = order;
         return this;
     }
-    withSecurityLabel(security_label) {
-        this.caseField.security_label = security_label;
+    withSecurityLabel(securityLabel) {
+        this.caseField.security_label = securityLabel;
         return this;
     }
-    withShowCondition(show_condition) {
-        this.caseField.show_condition = show_condition;
+    withShowCondition(showCondition) {
+        this.caseField.show_condition = showCondition;
         return this;
     }
     withShowSummaryContentOption(option) {
@@ -31042,19 +31194,19 @@ const textFieldType = () => {
         complex_fields: []
     };
 };
-const createCaseEventTrigger = (id, name, case_id, show_summary, case_fields, wizard_pages = [], can_save_draft = false) => {
+const createCaseEventTrigger = (id, name, caseId, showSummary, caseFields, wizardPages = [], canSaveDraft = false) => {
     const eventTrigger = new CaseEventTrigger();
     eventTrigger.id = id;
     eventTrigger.name = name;
-    eventTrigger.case_id = case_id;
-    eventTrigger.show_summary = show_summary;
-    eventTrigger.wizard_pages = wizard_pages;
+    eventTrigger.case_id = caseId;
+    eventTrigger.show_summary = showSummary;
+    eventTrigger.wizard_pages = wizardPages;
     eventTrigger.event_token = 'test-token';
-    eventTrigger.case_fields = case_fields;
-    eventTrigger.can_save_draft = can_save_draft;
+    eventTrigger.case_fields = caseFields;
+    eventTrigger.can_save_draft = canSaveDraft;
     return eventTrigger;
 };
-const aCaseField = (id, label, type, display_context, show_summary_content_option, typeComplexFields = [], retain_hidden_value, hidden) => {
+const aCaseField = (id, label, type, displayContext, showSummaryContentOption, typeComplexFields = [], retainHiddenValue, hidden) => {
     return ({
         id: id || 'personFirstName',
         field_type: {
@@ -31062,10 +31214,10 @@ const aCaseField = (id, label, type, display_context, show_summary_content_optio
             type: type || 'Text',
             complex_fields: typeComplexFields || []
         },
-        display_context: display_context || 'OPTIONAL',
+        display_context: displayContext || 'OPTIONAL',
         label: label || 'First name',
-        show_summary_content_option,
-        retain_hidden_value: retain_hidden_value || false,
+        show_summary_content_option: showSummaryContentOption,
+        retain_hidden_value: retainHiddenValue || false,
         hidden: hidden || false
     });
 };
@@ -31103,59 +31255,59 @@ const createHiddenComplexFieldOverride = (id) => {
     complexFieldOverride.display_context = 'HIDDEN';
     return complexFieldOverride;
 };
-const createCaseField = (id, label, hint, fieldType, display_context, order = undefined, show_condition = undefined, ACLs = undefined, hidden) => {
+const createCaseField = (id, label, hint, fieldType, displayContext, order = undefined, showCondition = undefined, acls = undefined, hidden) => {
     return CaseFieldBuilder.create()
         .withId(id || 'personFirstName')
         .withFieldType(fieldType || textFieldType())
-        .withDisplayContext(display_context || 'OPTIONAL')
+        .withDisplayContext(displayContext || 'OPTIONAL')
         .withLabel(label || 'First name')
         .withHintText(hint || 'First name hint text')
         .withShowSummaryContentOption(0)
         .withOrder(order)
-        .withShowCondition(show_condition || undefined)
-        .withACLs(ACLs)
+        .withShowCondition(showCondition || undefined)
+        .withACLs(acls)
         .withHidden(hidden || false)
         .build();
 };
-const newCaseField = (id, label, hint, fieldType, display_context, order = undefined) => {
+const newCaseField = (id, label, hint, fieldType, displayContext, order = undefined) => {
     return CaseFieldBuilder.create()
         .withId(id || 'personFirstName')
         .withFieldType(fieldType || textFieldType())
-        .withDisplayContext(display_context || 'OPTIONAL')
+        .withDisplayContext(displayContext || 'OPTIONAL')
         .withHintText(hint || 'First name hint text')
         .withLabel(label || 'First name')
         .withOrder(order)
         .withShowSummaryContentOption(0);
 };
-const createFieldType = (typeId, type, complex_fields = [], collection_field_type = undefined) => {
+const createFieldType = (typeId, type, complexFields = [], collectionFieldType = undefined) => {
     return {
         id: typeId || 'Text',
         type: type || 'Text',
-        complex_fields: complex_fields || [],
-        collection_field_type: collection_field_type || undefined
+        complex_fields: complexFields || [],
+        collection_field_type: collectionFieldType || undefined
     };
 };
 const createFixedListFieldType = (typeId, fixedListItems = []) => {
     return {
-        id: 'FixedList-' + typeId,
+        id: `FixedList-${typeId}`,
         type: 'FixedList',
         fixed_list_items: fixedListItems || []
     };
 };
 const createMultiSelectListFieldType = (typeId, fixedListItems = []) => {
     return {
-        id: 'MultiSelectList-' + typeId,
+        id: `MultiSelectList-${typeId}`,
         type: 'MultiSelectList',
         fixed_list_items: fixedListItems || []
     };
 };
-const createACL = (role, create, read, update, _delete) => {
+const createACL = (role, aclCreate, aclRead, aclUpdate, aclDelete) => {
     return ({
         role: role || 'roleX',
-        create,
-        read,
-        update,
-        delete: _delete
+        create: aclCreate,
+        read: aclRead,
+        update: aclUpdate,
+        delete: aclDelete
     });
 };
 
@@ -31202,5 +31354,5 @@ class TestRouteSnapshotBuilder {
  * Generated bundle index. Do not edit.
  */
 
-export { AbstractAppConfig, AbstractFieldReadComponent, AbstractFieldWriteComponent, Activity, ActivityBannerComponent, ActivityComponent, ActivityIconComponent, ActivityInfo, ActivityModule, ActivityPollingService, ActivityService, AddCommentsComponent, AddCommentsErrorMessage, AddCommentsStep, AddressModel, AddressOption, AddressesService, Alert, AlertComponent, AlertIconClassPipe, AlertMessageType, AlertModule, AlertService, AuthService, Banner, BannersService, BeforeYouStartComponent, BodyComponent, BrowserService, CCDCaseLinkType, CallbackErrorsComponent, CallbackErrorsContext, CaseAccessUtils, CaseBasicAccessViewComponent, CaseChallengedAccessRequestComponent, CaseChallengedAccessSuccessComponent, CaseCreateComponent, CaseDetails, CaseEditComponent, CaseEditConfirmComponent, CaseEditDataModule, CaseEditDataService, CaseEditFormComponent, CaseEditPageComponent, CaseEditSubmitComponent, CaseEditWizardGuard, CaseEditorConfig, CaseEditorModule, CaseEvent, CaseEventData, CaseEventTrigger, CaseEventTriggerComponent, CaseField, CaseFieldService, CaseFileViewFieldComponent, CaseFileViewFieldReadComponent, CaseFileViewFolderComponent, CaseFileViewFolderDocumentActionsComponent, CaseFileViewFolderSelectorComponent, CaseFileViewFolderSortComponent, CaseFileViewOverlayMenuComponent, CaseFileViewService, CaseFlagFieldState, CaseFlagRefdataService, CaseFlagStatus, CaseFlagSummaryListComponent, CaseFlagSummaryListDisplayMode, CaseFlagTableComponent, CaseFlagText, CaseFlagWizardStepTitle, CaseFullAccessViewComponent, CaseHeaderComponent, CaseHeaderModule, CaseHistoryViewerFieldComponent, CaseLink, CaseLinkResponse, CaseListComponent, CaseListFiltersComponent, CaseListFiltersModule, CaseListModule, CaseNotifier, CasePaymentHistoryViewerFieldComponent, CasePrintDocument, CasePrinterComponent, CaseProgressComponent, CaseReferencePipe, CaseResolver, CaseSpecificAccessRequestComponent, CaseSpecificAccessSuccessComponent, CaseState, CaseTab, CaseTimelineComponent, CaseTimelineDisplayMode, CaseTimelineModule, CaseType, CaseTypeLite, CaseView, CaseViewComponent, CaseViewEvent, CaseViewTrigger, CaseViewerComponent, CaseViewerModule, CasesService, CaseworkerService, CcdCYAPageLabelFilterPipe, CcdCaseTitlePipe, CcdCollectionTableCaseFieldsFilterPipe, CcdPageFieldsPipe, CcdTabFieldsPipe, CheckYourAnswersComponent, ConditionalShowFormDirective, ConditionalShowModule, ConditionalShowRegistrarService, Confirmation, ConvertHrefToRouterService, CreateCaseFiltersComponent, CreateCaseFiltersModule, CreateCaseFiltersSelection, DRAFT_PREFIX, DRAFT_QUERY_PARAM, DashPipe, DateInputComponent, DatePipe, DateTimeFormatUtils, DatetimePickerComponent, DefinitionsModule, DefinitionsService, DeleteOrCancelDialogComponent, DialogsModule, DisplayMode, Document, DocumentData, DocumentDialogComponent, DocumentLinks, DocumentManagementService, DocumentUrlPipe, Draft, DraftService, DynamicListPipe, DynamicRadioListPipe, ESQueryType, Embedded, ErrorMessageComponent, ErrorNotifierService, EventCaseField, EventCompletionReturnStates, EventCompletionStateMachineService, EventCompletionStates, EventLogComponent, EventLogDetailsComponent, EventLogTableComponent, EventMessageModule, EventStartComponent, EventStartModule, EventStartStateMachineService, EventStatusService, EventTriggerResolver, EventTriggerService, Fee, FeeValue, Field, FieldLabelPipe, FieldReadComponent, FieldReadLabelComponent, FieldType, FieldTypeSanitiser, FieldWriteComponent, FieldsFilterPipe, FieldsPurger, FieldsUtils, FirstErrorPipe, FixedListItem, FixedListPipe, FixedRadioListPipe, FocusElementDirective, FocusElementModule, FooterComponent, FormDocument, FormErrorService, FormValidatorsService, FormValueService, FormatTranslatorService, GreyBarService, HRef, HasLoadingState, HeaderBarComponent, HeadersModule, HttpError, HttpErrorService, HttpService, IsCompoundPipe, IsMandatoryPipe, IsReadOnlyAndNotCollectionPipe, IsReadOnlyPipe, JudicialworkerService, Jurisdiction, JurisdictionService, LabelFieldComponent, LabelSubstitutorDirective, LabelSubstitutorModule, LinkCaseReason, LinkCasesComponent, LinkCasesFromReasonValuePipe, LinkCasesReasonValuePipe, LinkDetails, LinkFromReason, LinkReason, LinkedCasesErrorMessages, LinkedCasesEventTriggers, LinkedCasesFromTableComponent, LinkedCasesPages, LinkedCasesResponse, LinkedCasesToTableComponent, LoadingModule, LoadingService, LoadingSpinnerComponent, LoadingSpinnerModule, MEDIA_VIEWER_LOCALSTORAGE_KEY, MULTIPLE_TASKS_FOUND, ManageCaseFlagsComponent, MarkdownComponent, MoneyGbpInputComponent, MultipleTasksExistComponent, NavigationComponent, NavigationItemComponent, NavigationNotifierService, NavigationOrigin, NoLinkedCasesComponent, NoTasksAvailableComponent, NotificationBannerComponent, NotificationBannerHeaderClass, NotificationBannerType, OrderService, OrderSummary, OrganisationConverter, OrganisationService, PageValidationService, PaginationComponent, PaginationMetadata, PaginationModule, PaletteContext, PaletteModule, PaletteService, PaletteUtilsModule, Patterns, PaymentField, PhaseComponent, PipesModule, PlaceholderService, PrintUrlPipe, Profile, ProfileNotifier, ProfileService, ReadCaseFlagFieldComponent, ReadCaseLinkFieldComponent, ReadCollectionFieldComponent, ReadComplexFieldCollectionTableComponent, ReadComplexFieldComponent, ReadComplexFieldRawComponent, ReadComplexFieldTableComponent, ReadDateFieldComponent, ReadDocumentFieldComponent, ReadDynamicListFieldComponent, ReadDynamicRadioListFieldComponent, ReadEmailFieldComponent, ReadFieldsFilterPipe, ReadFixedListFieldComponent, ReadFixedRadioListFieldComponent, ReadJudicialUserFieldComponent, ReadLinkedCasesFieldComponent, ReadMoneyGbpFieldComponent, ReadMultiSelectListFieldComponent, ReadNumberFieldComponent, ReadOrderSummaryFieldComponent, ReadOrderSummaryRowComponent, ReadOrganisationFieldComponent, ReadOrganisationFieldRawComponent, ReadOrganisationFieldTableComponent, ReadPhoneUKFieldComponent, ReadTextAreaFieldComponent, ReadTextFieldComponent, ReadYesNoFieldComponent, RefdataCaseFlagType, RemoveDialogComponent, RequestOptionsBuilder, RouterHelperService, SaveOrDiscardDialogComponent, SearchFiltersComponent, SearchFiltersModule, SearchFiltersWrapperComponent, SearchInput, SearchLanguageInterpreterComponent, SearchLanguageInterpreterErrorMessage, SearchLanguageInterpreterStep, SearchResultComponent, SearchResultModule, SearchResultView, SearchResultViewColumn, SearchResultViewItem, SearchResultViewItemComparatorFactory, SearchService, SelectFlagErrorMessage, SelectFlagLocationComponent, SelectFlagLocationErrorMessage, SelectFlagTypeComponent, SelectFlagTypeErrorMessage, SessionStorageService, ShowCondition, SortOrder$1 as SortOrder, SortParameters, SortSearchResultPipe, TabComponent, TableColumnConfig, TableConfig, TabsComponent, TabsModule, TaskAssignedComponent, TaskCancelledComponent, TaskConflictComponent, TaskUnassignedComponent, Terms, TestRouteSnapshotBuilder, UnLinkCasesComponent, UnsupportedFieldComponent, UpdateFlagComponent, UpdateFlagErrorMessage, UpdateFlagStep, WaysToPayFieldComponent, WindowService, Wizard, WizardFactoryService, WizardPage, WizardPageField, WorkAllocationService, WorkbasketFiltersComponent, WorkbasketFiltersModule, WorkbasketInput, WorkbasketInputFilterService, WorkbasketInputModel, WriteAddressFieldComponent, WriteCaseFlagFieldComponent, WriteCaseLinkFieldComponent, WriteCollectionFieldComponent, WriteComplexFieldComponent, WriteDateContainerFieldComponent, WriteDateFieldComponent, WriteDocumentFieldComponent, WriteDynamicListFieldComponent, WriteDynamicRadioListFieldComponent, WriteEmailFieldComponent, WriteFixedListFieldComponent, WriteFixedRadioListFieldComponent, WriteJudicialUserFieldComponent, WriteLinkedCasesFieldComponent, WriteMoneyGbpFieldComponent, WriteMultiSelectListFieldComponent, WriteNumberFieldComponent, WriteOrderSummaryFieldComponent, WriteOrganisationComplexFieldComponent, WriteOrganisationFieldComponent, WritePhoneUKFieldComponent, WriteTextAreaFieldComponent, WriteTextFieldComponent, WriteYesNoFieldComponent, YesNoService, aCaseField, createACL, createCaseEventTrigger, createCaseField, createComplexFieldOverride, createFieldType, createFixedListFieldType, createHiddenComplexFieldOverride, createMultiSelectListFieldType, createWizardPage, createWizardPageField, editorRouting, initDialog, newCaseField, textFieldType, viewerRouting };
+export { AbstractAppConfig, AbstractFieldReadComponent, AbstractFieldWriteComponent, Activity, ActivityBannerComponent, ActivityComponent, ActivityIconComponent, ActivityInfo, ActivityModule, ActivityPollingService, ActivityService, AddCommentsComponent, AddCommentsErrorMessage, AddCommentsStep, AddressModel, AddressOption, AddressesService, Alert, AlertComponent, AlertIconClassPipe, AlertMessageType, AlertModule, AlertService, AuthService, Banner, BannersService, BeforeYouStartComponent, BodyComponent, BrowserService, CCDCaseLinkType, CallbackErrorsComponent, CallbackErrorsContext, CaseAccessUtils, CaseBasicAccessViewComponent, CaseChallengedAccessRequestComponent, CaseChallengedAccessSuccessComponent, CaseCreateComponent, CaseDetails, CaseEditComponent, CaseEditConfirmComponent, CaseEditDataModule, CaseEditDataService, CaseEditFormComponent, CaseEditPageComponent, CaseEditSubmitComponent, CaseEditWizardGuard, CaseEditorConfig, CaseEditorModule, CaseEvent, CaseEventData, CaseEventTrigger, CaseEventTriggerComponent, CaseField, CaseFieldService, CaseFileViewFieldComponent, CaseFileViewFolderComponent, CaseFileViewFolderDocumentActionsComponent, CaseFileViewFolderSelectorComponent, CaseFileViewFolderSortComponent, CaseFileViewOverlayMenuComponent, CaseFileViewService, CaseFlagFieldState, CaseFlagRefdataService, CaseFlagStatus, CaseFlagSummaryListComponent, CaseFlagSummaryListDisplayMode, CaseFlagTableComponent, CaseFlagText, CaseFlagWizardStepTitle, CaseFullAccessViewComponent, CaseHeaderComponent, CaseHeaderModule, CaseHistoryViewerFieldComponent, CaseLink, CaseLinkResponse, CaseListComponent, CaseListFiltersComponent, CaseListFiltersModule, CaseListModule, CaseNotifier, CasePaymentHistoryViewerFieldComponent, CasePrintDocument, CasePrinterComponent, CaseProgressComponent, CaseReferencePipe, CaseResolver, CaseSpecificAccessRequestComponent, CaseSpecificAccessSuccessComponent, CaseState, CaseTab, CaseTimelineComponent, CaseTimelineDisplayMode, CaseTimelineModule, CaseType, CaseTypeLite, CaseView, CaseViewComponent, CaseViewEvent, CaseViewTrigger, CaseViewerComponent, CaseViewerModule, CasesService, CaseworkerService, CcdCYAPageLabelFilterPipe, CcdCaseTitlePipe, CcdCollectionTableCaseFieldsFilterPipe, CcdPageFieldsPipe, CcdTabFieldsPipe, CheckYourAnswersComponent, ConditionalShowFormDirective, ConditionalShowModule, ConditionalShowRegistrarService, Confirmation, ConvertHrefToRouterService, CreateCaseFiltersComponent, CreateCaseFiltersModule, CreateCaseFiltersSelection, DRAFT_PREFIX, DRAFT_QUERY_PARAM, DashPipe, DateInputComponent, DatePipe, DateTimeFormatUtils, DatetimePickerComponent, DefinitionsModule, DefinitionsService, DeleteOrCancelDialogComponent, DialogsModule, DisplayMode, Document, DocumentData, DocumentDialogComponent, DocumentLinks, DocumentManagementService, DocumentUrlPipe, Draft, DraftService, DynamicListPipe, DynamicRadioListPipe, ESQueryType, Embedded, ErrorMessageComponent, ErrorNotifierService, EventCaseField, EventCompletionReturnStates, EventCompletionStateMachineService, EventCompletionStates, EventLogComponent, EventLogDetailsComponent, EventLogTableComponent, EventMessageModule, EventStartComponent, EventStartModule, EventStartStateMachineService, EventStatusService, EventTriggerResolver, EventTriggerService, Fee, FeeValue, Field, FieldLabelPipe, FieldReadComponent, FieldReadLabelComponent, FieldType, FieldTypeSanitiser, FieldWriteComponent, FieldsFilterPipe, FieldsPurger, FieldsUtils, FirstErrorPipe, FixedListItem, FixedListPipe, FixedRadioListPipe, FocusElementDirective, FocusElementModule, FooterComponent, FormDocument, FormErrorService, FormValidatorsService, FormValueService, FormatTranslatorService, GreyBarService, HRef, HeaderBarComponent, HeadersModule, HttpError, HttpErrorService, HttpService, IsCompoundPipe, IsMandatoryPipe, IsReadOnlyAndNotCollectionPipe, IsReadOnlyPipe, JudicialworkerService, Jurisdiction, JurisdictionService, LabelFieldComponent, LabelSubstitutorDirective, LabelSubstitutorModule, LinkCaseReason, LinkCasesComponent, LinkCasesFromReasonValuePipe, LinkCasesReasonValuePipe, LinkDetails, LinkFromReason, LinkReason, LinkedCasesErrorMessages, LinkedCasesEventTriggers, LinkedCasesFromTableComponent, LinkedCasesPages, LinkedCasesResponse, LinkedCasesToTableComponent, LoadingModule, LoadingService, LoadingSpinnerComponent, LoadingSpinnerModule, MEDIA_VIEWER_LOCALSTORAGE_KEY, MULTIPLE_TASKS_FOUND, ManageCaseFlagsComponent, MarkdownComponent, MoneyGbpInputComponent, MultipleTasksExistComponent, NavigationComponent, NavigationItemComponent, NavigationNotifierService, NavigationOrigin, NoLinkedCasesComponent, NoTasksAvailableComponent, NotificationBannerComponent, NotificationBannerHeaderClass, NotificationBannerType, OrderService, OrderSummary, OrganisationConverter, OrganisationService, PageValidationService, PaginationComponent, PaginationMetadata, PaginationModule, PaletteContext, PaletteModule, PaletteService, PaletteUtilsModule, Patterns, PaymentField, PhaseComponent, PipesModule, PlaceholderService, PrintUrlPipe, Profile, ProfileNotifier, ProfileService, ReadCaseFlagFieldComponent, ReadCaseLinkFieldComponent, ReadCollectionFieldComponent, ReadComplexFieldCollectionTableComponent, ReadComplexFieldComponent, ReadComplexFieldRawComponent, ReadComplexFieldTableComponent, ReadDateFieldComponent, ReadDocumentFieldComponent, ReadDynamicListFieldComponent, ReadDynamicMultiSelectListFieldComponent, ReadDynamicRadioListFieldComponent, ReadEmailFieldComponent, ReadFieldsFilterPipe, ReadFixedListFieldComponent, ReadFixedRadioListFieldComponent, ReadJudicialUserFieldComponent, ReadLinkedCasesFieldComponent, ReadMoneyGbpFieldComponent, ReadMultiSelectListFieldComponent, ReadNumberFieldComponent, ReadOrderSummaryFieldComponent, ReadOrderSummaryRowComponent, ReadOrganisationFieldComponent, ReadOrganisationFieldRawComponent, ReadOrganisationFieldTableComponent, ReadPhoneUKFieldComponent, ReadTextAreaFieldComponent, ReadTextFieldComponent, ReadYesNoFieldComponent, RefdataCaseFlagType, RemoveDialogComponent, RequestOptionsBuilder, RouterHelperService, SaveOrDiscardDialogComponent, SearchFiltersComponent, SearchFiltersModule, SearchFiltersWrapperComponent, SearchInput, SearchLanguageInterpreterComponent, SearchLanguageInterpreterErrorMessage, SearchLanguageInterpreterStep, SearchResultComponent, SearchResultModule, SearchResultView, SearchResultViewColumn, SearchResultViewItem, SearchResultViewItemComparatorFactory, SearchService, SelectFlagErrorMessage, SelectFlagLocationComponent, SelectFlagLocationErrorMessage, SelectFlagTypeComponent, SelectFlagTypeErrorMessage, SessionStorageService, ShowCondition, SortOrder$1 as SortOrder, SortParameters, SortSearchResultPipe, TabComponent, TableColumnConfig, TableConfig, TabsComponent, TabsModule, TaskAssignedComponent, TaskCancelledComponent, TaskConflictComponent, TaskUnassignedComponent, Terms, TestRouteSnapshotBuilder, UnLinkCasesComponent, UnsupportedFieldComponent, UpdateFlagComponent, UpdateFlagErrorMessage, UpdateFlagStep, WaysToPayFieldComponent, WindowService, Wizard, WizardFactoryService, WizardPage, WizardPageField, WorkAllocationService, WorkbasketFiltersComponent, WorkbasketFiltersModule, WorkbasketInput, WorkbasketInputFilterService, WorkbasketInputModel, WriteAddressFieldComponent, WriteCaseFlagFieldComponent, WriteCaseLinkFieldComponent, WriteCollectionFieldComponent, WriteComplexFieldComponent, WriteDateContainerFieldComponent, WriteDateFieldComponent, WriteDocumentFieldComponent, WriteDynamicListFieldComponent, WriteDynamicMultiSelectListFieldComponent, WriteDynamicRadioListFieldComponent, WriteEmailFieldComponent, WriteFixedListFieldComponent, WriteFixedRadioListFieldComponent, WriteJudicialUserFieldComponent, WriteLinkedCasesFieldComponent, WriteMoneyGbpFieldComponent, WriteMultiSelectListFieldComponent, WriteNumberFieldComponent, WriteOrderSummaryFieldComponent, WriteOrganisationComplexFieldComponent, WriteOrganisationFieldComponent, WritePhoneUKFieldComponent, WriteTextAreaFieldComponent, WriteTextFieldComponent, WriteYesNoFieldComponent, YesNoService, aCaseField, createACL, createCaseEventTrigger, createCaseField, createComplexFieldOverride, createFieldType, createFixedListFieldType, createHiddenComplexFieldOverride, createMultiSelectListFieldType, createWizardPage, createWizardPageField, editorRouting, initDialog, newCaseField, textFieldType, viewerRouting };
 //# sourceMappingURL=hmcts-ccd-case-ui-toolkit.js.map