@hmcts/ccd-case-ui-toolkit 6.13.10-c → 6.13.10-case-file-view-display-document-upload-date

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

@@ -118,7 +118,7 @@
             i0__namespace.ɵɵtextInterpolate(ctx_r1.workhours);
         }
     }
-    var _c0$_ = [[["", "footerSolsNavLinks", ""]], [["", "footerCaseWorkerNavLinks", ""]]];
+    var _c0$$ = [[["", "footerSolsNavLinks", ""]], [["", "footerCaseWorkerNavLinks", ""]]];
     var _c1$s = ["[footerSolsNavLinks]", "[footerCaseWorkerNavLinks]"];
     var FooterComponent = /** @class */ (function () {
         function FooterComponent() {
@@ -128,7 +128,7 @@
     FooterComponent.ɵfac = function FooterComponent_Factory(t) { return new (t || FooterComponent)(); };
     FooterComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: FooterComponent, selectors: [["cut-footer-bar"]], inputs: { email: "email", isSolicitor: "isSolicitor", phone: "phone", workhours: "workhours" }, ngContentSelectors: _c1$s, decls: 4, vars: 4, consts: [["id", "footer", "role", "footer", 1, "group", "js-footer"], [1, "footer-wrapper"], ["class", "footer-meta", 4, "ngIf"], [1, "footer-meta"], [1, "footer-meta-inner"], [1, "open-government-licence"], [1, "logo"], ["href", "https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/", "rel", "license"], [1, "copyright"], ["href", "https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/copyright-and-re-use/crown-copyright/"], [1, "title"], [1, "footer-text"], [1, "email"], [3, "href"], [1, "phone"], [1, "work-hours"]], template: function FooterComponent_Template(rf, ctx) {
             if (rf & 1) {
-                i0__namespace.ɵɵprojectionDef(_c0$_);
+                i0__namespace.ɵɵprojectionDef(_c0$$);
                 i0__namespace.ɵɵelementStart(0, "footer", 0);
                 i0__namespace.ɵɵelementStart(1, "div", 1);
                 i0__namespace.ɵɵtemplate(2, FooterComponent_div_2_Template, 15, 0, "div", 2);
@@ -207,7 +207,7 @@
             i0__namespace.ɵɵtextInterpolate(ctx_r2.title);
         }
     }
-    var _c0$Z = [[["", "headerNavigation", ""]]];
+    var _c0$_ = [[["", "headerNavigation", ""]]];
     var _c1$r = ["[headerNavigation]"];
     var HeaderBarComponent = /** @class */ (function () {
         function HeaderBarComponent() {
@@ -221,7 +221,7 @@
     HeaderBarComponent.ɵfac = function HeaderBarComponent_Factory(t) { return new (t || HeaderBarComponent)(); };
     HeaderBarComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: HeaderBarComponent, selectors: [["cut-header-bar"]], inputs: { title: "title", isSolicitor: "isSolicitor", username: "username" }, outputs: { signOutRequest: "signOutRequest" }, ngContentSelectors: _c1$r, decls: 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__namespace.ɵɵprojectionDef(_c0$Z);
+                i0__namespace.ɵɵprojectionDef(_c0$_);
                 i0__namespace.ɵɵelementStart(0, "header", 0);
                 i0__namespace.ɵɵelementStart(1, "div", 1);
                 i0__namespace.ɵɵelementStart(2, "div", 2);
@@ -282,7 +282,7 @@
                 }] });
     })();
 
-    var _c0$Y = [[["", "leftNavLinks", ""]], [["", "rightNavLinks", ""]]];
+    var _c0$Z = [[["", "leftNavLinks", ""]], [["", "rightNavLinks", ""]]];
     var _c1$q = ["[leftNavLinks]", "[rightNavLinks]"];
     var NavigationComponent = /** @class */ (function () {
         function NavigationComponent() {
@@ -292,7 +292,7 @@
     NavigationComponent.ɵfac = function NavigationComponent_Factory(t) { return new (t || NavigationComponent)(); };
     NavigationComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: NavigationComponent, selectors: [["cut-nav-bar"]], inputs: { isSolicitor: "isSolicitor" }, ngContentSelectors: _c1$q, decls: 4, vars: 2, consts: [[1, "cut-nav-bar"]], template: function NavigationComponent_Template(rf, ctx) {
             if (rf & 1) {
-                i0__namespace.ɵɵprojectionDef(_c0$Y);
+                i0__namespace.ɵɵprojectionDef(_c0$Z);
                 i0__namespace.ɵɵelementStart(0, "div");
                 i0__namespace.ɵɵelementStart(1, "nav", 0);
                 i0__namespace.ɵɵprojection(2);
@@ -437,7 +437,7 @@
             }], null, null);
     })();
 
-    var _c0$X = [[["", "topBody", ""]], [["", "leftBody", ""]], [["", "rightBody", ""]]];
+    var _c0$Y = [[["", "topBody", ""]], [["", "leftBody", ""]], [["", "rightBody", ""]]];
     var _c1$p = ["[topBody]", "[leftBody]", "[rightBody]"];
     var BodyComponent = /** @class */ (function () {
         function BodyComponent() {
@@ -447,7 +447,7 @@
     BodyComponent.ɵfac = function BodyComponent_Factory(t) { return new (t || BodyComponent)(); };
     BodyComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: BodyComponent, selectors: [["cut-body"]], ngContentSelectors: _c1$p, decls: 4, vars: 0, consts: [[1, "global-display"]], template: function BodyComponent_Template(rf, ctx) {
             if (rf & 1) {
-                i0__namespace.ɵɵprojectionDef(_c0$X);
+                i0__namespace.ɵɵprojectionDef(_c0$Y);
                 i0__namespace.ɵɵelementStart(0, "div", 0);
                 i0__namespace.ɵɵprojection(1);
                 i0__namespace.ɵɵprojection(2, 1);
@@ -852,7 +852,7 @@
         return typeof state === "function" ? receiver === state : state.has(receiver);
     }
 
-    var _c0$W = function (a0) { return { "govuk-input--error": a0 }; };
+    var _c0$X = function (a0) { return { "govuk-input--error": a0 }; };
     function DateInputComponent_div_16_Template(rf, ctx) {
         if (rf & 1) {
             var _r8_1 = i0__namespace.ɵɵgetCurrentView();
@@ -870,7 +870,7 @@
             i0__namespace.ɵɵadvance(1);
             i0__namespace.ɵɵproperty("for", ctx_r3.hourId());
             i0__namespace.ɵɵadvance(2);
-            i0__namespace.ɵɵproperty("id", ctx_r3.hourId())("name", ctx_r3.hourId())("value", ctx_r3.displayHour)("ngClass", i0__namespace.ɵɵpureFunction1(5, _c0$W, ctx_r3.isInvalid));
+            i0__namespace.ɵɵproperty("id", ctx_r3.hourId())("name", ctx_r3.hourId())("value", ctx_r3.displayHour)("ngClass", i0__namespace.ɵɵpureFunction1(5, _c0$X, ctx_r3.isInvalid));
         }
     }
     function DateInputComponent_div_17_Template(rf, ctx) {
@@ -890,7 +890,7 @@
             i0__namespace.ɵɵadvance(1);
             i0__namespace.ɵɵproperty("for", ctx_r4.minuteId());
             i0__namespace.ɵɵadvance(2);
-            i0__namespace.ɵɵproperty("id", ctx_r4.minuteId())("name", ctx_r4.minuteId())("value", ctx_r4.displayMinute)("ngClass", i0__namespace.ɵɵpureFunction1(5, _c0$W, ctx_r4.isInvalid));
+            i0__namespace.ɵɵproperty("id", ctx_r4.minuteId())("name", ctx_r4.minuteId())("value", ctx_r4.displayMinute)("ngClass", i0__namespace.ɵɵpureFunction1(5, _c0$X, ctx_r4.isInvalid));
         }
     }
     function DateInputComponent_div_18_Template(rf, ctx) {
@@ -910,7 +910,7 @@
             i0__namespace.ɵɵadvance(1);
             i0__namespace.ɵɵproperty("for", ctx_r5.secondId());
             i0__namespace.ɵɵadvance(2);
-            i0__namespace.ɵɵproperty("id", ctx_r5.secondId())("name", ctx_r5.secondId())("value", ctx_r5.displaySecond)("ngClass", i0__namespace.ɵɵpureFunction1(5, _c0$W, ctx_r5.isInvalid));
+            i0__namespace.ɵɵproperty("id", ctx_r5.secondId())("name", ctx_r5.secondId())("value", ctx_r5.displaySecond)("ngClass", i0__namespace.ɵɵpureFunction1(5, _c0$X, ctx_r5.isInvalid));
         }
     }
     var DateInputComponent = /** @class */ (function () {
@@ -1036,22 +1036,22 @@
             }
         };
         DateInputComponent.prototype.dayId = function () {
-            return this.id + '-day';
+            return this.id + "-day";
         };
         DateInputComponent.prototype.monthId = function () {
-            return this.id + '-month';
+            return this.id + "-month";
         };
         DateInputComponent.prototype.yearId = function () {
-            return this.id + '-year';
+            return this.id + "-year";
         };
         DateInputComponent.prototype.hourId = function () {
-            return this.id + '-hour';
+            return this.id + "-hour";
         };
         DateInputComponent.prototype.minuteId = function () {
-            return this.id + '-minute';
+            return this.id + "-minute";
         };
         DateInputComponent.prototype.secondId = function () {
-            return this.id + '-second';
+            return this.id + "-second";
         };
         DateInputComponent.prototype.viewValue = function () {
             if (this.day || this.month || this.year || this.hour || this.minute || this.second) {
@@ -1066,7 +1066,7 @@
                         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;
@@ -1144,15 +1144,15 @@
                 i0__namespace.ɵɵadvance(2);
                 i0__namespace.ɵɵproperty("for", ctx.dayId());
                 i0__namespace.ɵɵadvance(2);
-                i0__namespace.ɵɵproperty("id", ctx.dayId())("name", ctx.dayId())("value", ctx.displayDay)("ngClass", i0__namespace.ɵɵpureFunction1(18, _c0$W, ctx.isInvalid));
+                i0__namespace.ɵɵproperty("id", ctx.dayId())("name", ctx.dayId())("value", ctx.displayDay)("ngClass", i0__namespace.ɵɵpureFunction1(18, _c0$X, ctx.isInvalid));
                 i0__namespace.ɵɵadvance(3);
                 i0__namespace.ɵɵproperty("for", ctx.monthId());
                 i0__namespace.ɵɵadvance(2);
-                i0__namespace.ɵɵproperty("id", ctx.monthId())("name", ctx.monthId())("value", ctx.displayMonth)("ngClass", i0__namespace.ɵɵpureFunction1(20, _c0$W, ctx.isInvalid));
+                i0__namespace.ɵɵproperty("id", ctx.monthId())("name", ctx.monthId())("value", ctx.displayMonth)("ngClass", i0__namespace.ɵɵpureFunction1(20, _c0$X, ctx.isInvalid));
                 i0__namespace.ɵɵadvance(3);
                 i0__namespace.ɵɵproperty("for", ctx.yearId());
                 i0__namespace.ɵɵadvance(2);
-                i0__namespace.ɵɵproperty("id", ctx.yearId())("name", ctx.yearId())("value", ctx.displayYear)("ngClass", i0__namespace.ɵɵpureFunction1(22, _c0$W, ctx.isInvalid));
+                i0__namespace.ɵɵproperty("id", ctx.yearId())("name", ctx.yearId())("value", ctx.displayYear)("ngClass", i0__namespace.ɵɵpureFunction1(22, _c0$X, ctx.isInvalid));
                 i0__namespace.ɵɵadvance(2);
                 i0__namespace.ɵɵproperty("ngIf", ctx.isDateTime);
                 i0__namespace.ɵɵadvance(1);
@@ -1233,7 +1233,7 @@
             i0__namespace.ɵɵelementContainerEnd();
         }
     }
-    var _c0$V = ["*"];
+    var _c0$W = ["*"];
     exports.AlertMessageType = void 0;
     (function (AlertMessageType) {
         AlertMessageType["WARNING"] = "warning";
@@ -1254,7 +1254,7 @@
     AlertComponent.TYPE_ERROR = 'error';
     AlertComponent.TYPE_INFORMATION = 'information';
     AlertComponent.ɵfac = function AlertComponent_Factory(t) { return new (t || AlertComponent)(); };
-    AlertComponent.ɵcmp = i0__namespace.ɵɵ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) {
+    AlertComponent.ɵcmp = i0__namespace.ɵɵ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__namespace.ɵɵprojectionDef();
                 i0__namespace.ɵɵelementStart(0, "div", 0);
@@ -1529,7 +1529,7 @@
                 }] });
     })();
 
-    var _c0$U = function (a0) { return { "js-hidden": a0 }; };
+    var _c0$V = function (a0) { return { "js-hidden": a0 }; };
     var _c1$o = ["*"];
     var TabComponent = /** @class */ (function () {
         function TabComponent() {
@@ -1545,7 +1545,7 @@
                 i0__namespace.ɵɵelementEnd();
             }
             if (rf & 2) {
-                i0__namespace.ɵɵproperty("id", ctx.id)("ngClass", i0__namespace.ɵɵpureFunction1(3, _c0$U, !ctx.selected));
+                i0__namespace.ɵɵproperty("id", ctx.id)("ngClass", i0__namespace.ɵɵpureFunction1(3, _c0$V, !ctx.selected));
                 i0__namespace.ɵɵattribute("aria-hidden", !ctx.selected);
             }
         }, directives: [i1__namespace.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}}"] });
@@ -1568,7 +1568,7 @@
                 }] });
     })();
 
-    var _c0$T = ["tab"];
+    var _c0$U = ["tab"];
     var _c1$n = function () { return ["."]; };
     var _c2$3 = function (a0) { return { "tabs-toggle-selected": a0 }; };
     function TabsComponent_li_2_Template(rf, ctx) {
@@ -1622,7 +1622,7 @@
             }
         }, viewQuery: function TabsComponent_Query(rf, ctx) {
             if (rf & 1) {
-                i0__namespace.ɵɵviewQuery(_c0$T, 1);
+                i0__namespace.ɵɵviewQuery(_c0$U, 1);
             }
             if (rf & 2) {
                 var _t = void 0;
@@ -1701,7 +1701,7 @@
             }], null, null);
     })();
 
-    var _c0$S = function (a0, a1) { return { caseLocked: a0, someoneViewing: a1 }; };
+    var _c0$T = function (a0, a1) { return { caseLocked: a0, someoneViewing: a1 }; };
     var ActivityBannerComponent = /** @class */ (function () {
         function ActivityBannerComponent() {
         }
@@ -1722,7 +1722,7 @@
                 i0__namespace.ɵɵelementEnd();
             }
             if (rf & 2) {
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction2(4, _c0$S, ctx.bannerType === "editor", ctx.bannerType === "viewer"));
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction2(4, _c0$T, ctx.bannerType === "editor", ctx.bannerType === "viewer"));
                 i0__namespace.ɵɵadvance(2);
                 i0__namespace.ɵɵpropertyInterpolate("alt", ctx.description);
                 i0__namespace.ɵɵpropertyInterpolate("src", ctx.imageLink, i0__namespace.ɵɵsanitizeUrl);
@@ -2131,7 +2131,7 @@
         });
         ActivityService.handleHttpError = function (response) {
             var 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;
@@ -2139,12 +2139,11 @@
         ActivityService.prototype.getOptions = function () {
             var userDetails = JSON.parse(this.sessionStorageService.getItem('userDetails'));
             var headers = new i1$2.HttpHeaders().set('Content-Type', 'application/json').set('Authorization', userDetails.token);
-            var options = {
+            return {
                 headers: headers,
                 withCredentials: true,
                 observe: 'body',
             };
-            return options;
         };
         ActivityService.prototype.getActivities = function () {
             var caseId = [];
@@ -2153,41 +2152,33 @@
             }
             try {
                 var options = this.getOptions();
-                var url = this.activityUrl() + ("/cases/" + caseId.join(',') + "/activity");
+                var url = this.activityUrl() + "/cases/" + caseId.join(',') + "/activity";
                 return this.http
                     .get(url, options, false, ActivityService.handleHttpError)
                     .pipe(operators.map(function (response) { return response; }));
             }
             catch (error) {
-                console.log('user may not be authenticated.' + error);
+                console.log("user may not be authenticated." + error);
             }
         };
         ActivityService.prototype.postActivity = function (caseId, activity) {
             try {
                 var options = this.getOptions();
-                var url = this.activityUrl() + ("/cases/" + caseId + "/activity");
+                var url = this.activityUrl() + "/cases/" + caseId + "/activity";
                 var body = { activity: activity };
                 return this.http
                     .post(url, body, options, false)
                     .pipe(operators.map(function (response) { return response; }));
             }
             catch (error) {
-                console.log('user may not be authenticated.' + error);
+                console.log("user may not be authenticated." + error);
             }
         };
         ActivityService.prototype.verifyUserIsAuthorized = function () {
             var _this = this;
-            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(function () { return _this.userAuthorised = true; }, function (error) {
-                    if ([401, 403].indexOf(error.status) > -1) {
-                        _this.userAuthorised = false;
-                    }
-                    else {
-                        _this.userAuthorised = true;
-                    }
+                    _this.userAuthorised = [401, 403].indexOf(error.status) <= -1;
                 });
             }
         };
@@ -2300,7 +2291,7 @@
                         requests.get(activity.caseId).next(activity);
                     });
                 }, function (err) {
-                    console.log('error: ' + err);
+                    console.log("error: " + err);
                     Array.from(requests.values()).forEach(function (subject) { return subject.error(err); });
                 }); });
             });
@@ -2440,9 +2431,9 @@
         };
         ActivityComponent.prototype.generateDescription = function (prefix, suffix, namesArray, unknownCount) {
             var resultText = prefix;
-            resultText += namesArray.map(function (activityInfo) { return activityInfo.forename + ' ' + activityInfo.surname; }).join(', ');
+            resultText += namesArray.map(function (activityInfo) { return 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 {
@@ -2450,10 +2441,10 @@
             }
             if (suffix.length > 0) {
                 if (namesArray.length + unknownCount > 1) {
-                    resultText += ' are ' + suffix;
+                    resultText += " are " + suffix;
                 }
                 else {
-                    resultText += ' is ' + suffix;
+                    resultText += " is " + suffix;
                 }
             }
             return resultText;
@@ -2792,7 +2783,7 @@
                             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':
@@ -2926,9 +2917,9 @@
                         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';
                         }
                     }
@@ -3360,9 +3351,12 @@
         }
         Object.defineProperty(CaseField.prototype, "value", {
             get: function () {
-                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;
                 }
@@ -3452,7 +3446,7 @@
         };
         CaseField.prototype.isDynamic = function () {
             var _this = this;
-            var dynamicFieldTypes = ['DynamicList', 'DynamicRadioList'];
+            var dynamicFieldTypes = ['DynamicList', 'DynamicRadioList', 'DynamicMultiSelectList'];
             if (!this.field_type) {
                 return false;
             }
@@ -3741,25 +3735,25 @@
         OrganisationConverter.toSimpleAddress = function (organisationModel) {
             var 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;
         };
@@ -3938,9 +3932,9 @@
             });
             return valueMap;
         };
-        FieldsUtils.getType = function (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);
+        // }
         FieldsUtils.isObject = function (elem) {
             return typeof elem === 'object' && elem !== null;
         };
@@ -4498,7 +4492,6 @@
             if (!condition) {
                 return null;
             }
-            ;
             condition = condition.replace(/CONTAINS/g, ' CONTAINS');
             return peg.parse(condition.trim(), {});
         };
@@ -4512,14 +4505,12 @@
             if (!conditions || conditions.length === 0) {
                 return true;
             }
-            ;
             var validJoinComparators = ['AND', 'OR'];
-            var result = conditions.reduce(function (accumulator, condition, index) {
+            return conditions.reduce(function (accumulator, condition, index) {
                 var isJoinComparator = function (comparator) { return (typeof comparator === 'string' && validJoinComparators.indexOf(comparator) !== -1); };
                 if (isJoinComparator(condition)) {
                     return accumulator;
                 }
-                ;
                 var currentConditionResult = true;
                 if (Array.isArray(condition)) {
                     currentConditionResult = _this.evaluate(fields, condition);
@@ -4536,7 +4527,6 @@
                 }
                 return currentConditionResult;
             }, true);
-            return result;
         };
         ConditionParser.evaluateJoin = function (leftResult, comparator, rightResult) {
             switch (comparator) {
@@ -4743,8 +4733,8 @@
                 if (originalCondition.indexOf(condition.fieldReference) > -1) {
                     if (this.processedList && this.processedList.indexOf(condition.fieldReference) === -1) {
                         this.processedList.push(condition.fieldReference);
-                        var regularExp = new RegExp('(\\b)' + condition.fieldReference + '(?=[^"]*(?:"[^"]*"[^"]*)*$)(\\b)', 'g');
-                        return originalCondition.replace(regularExp, pathPrefix + '.' + condition.fieldReference);
+                        var regularExp = new RegExp("(\\b)" + condition.fieldReference + "(?=[^\"]*(?:\"[^\"]*\"[^\"]*)*$)(\\b)", 'g');
+                        return originalCondition.replace(regularExp, pathPrefix + "." + condition.fieldReference);
                     }
                     else {
                         return originalCondition;
@@ -5313,14 +5303,14 @@
             var formFields = form.getRawValue();
             var currentPage = wizard.getPage(currentPageId, this.fieldsUtils.buildCanShowPredicate(eventTrigger, form));
             currentPage.wizard_page_fields.forEach(function (wpf) {
-                var case_field = _this.findCaseFieldByWizardPageFieldId(currentPage, wpf);
-                if (_this.hasShowConditionField(case_field, formFields)) {
-                    var condition = new ShowCondition(case_field.show_condition);
-                    if (_this.isHidden(condition, formFields.data) && !(_this.isReadonly(case_field))) {
-                        _this.resetField(form, case_field);
+                var caseField = _this.findCaseFieldByWizardPageFieldId(currentPage, wpf);
+                if (_this.hasShowConditionField(caseField, formFields)) {
+                    var 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);
             });
         };
         FieldsPurger.prototype.retainHiddenValueByFieldType = function (field, form) {
@@ -5351,13 +5341,13 @@
         FieldsPurger.prototype.hasShowConditionPage = function (wizardPage, formFields) {
             return wizardPage.show_condition && formFields[this.getShowConditionKey(wizardPage.show_condition)];
         };
-        FieldsPurger.prototype.hasShowConditionField = function (case_field, formFields) {
-            return case_field.show_condition && formFields.data[this.getShowConditionKey(case_field.show_condition)];
+        FieldsPurger.prototype.hasShowConditionField = function (caseField, formFields) {
+            return caseField.show_condition && formFields.data[this.getShowConditionKey(caseField.show_condition)];
         };
-        FieldsPurger.prototype.getShowConditionKey = function (show_condition) {
+        FieldsPurger.prototype.getShowConditionKey = function (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];
         };
         FieldsPurger.prototype.resetField = function (form, field) {
             var e_1, _a;
@@ -5453,8 +5443,8 @@
         FieldsPurger.prototype.resetPage = function (form, wizardPage) {
             var _this = this;
             wizardPage.wizard_page_fields.forEach(function (wpf) {
-                var case_field = _this.findCaseFieldByWizardPageFieldId(wizardPage, wpf);
-                _this.resetField(form, case_field);
+                var caseField = _this.findCaseFieldByWizardPageFieldId(wizardPage, wpf);
+                _this.resetField(form, caseField);
             });
         };
         FieldsPurger.prototype.getType = function (elem) {
@@ -5464,8 +5454,8 @@
             return this.getType(elem) === 'Object';
         };
         // TODO: call isReadOnly on CaseFields once we make it available
-        FieldsPurger.prototype.isReadonly = function (case_field) {
-            return case_field.display_context.toUpperCase() === 'READONLY';
+        FieldsPurger.prototype.isReadonly = function (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
@@ -5653,6 +5643,9 @@
             }
             caseFields.forEach(function (caseField) {
                 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);
@@ -5670,6 +5663,17 @@
                 }
             });
         };
+        FieldTypeSanitiser.prototype.convertArrayToDynamicListOutput = function (field, data) {
+            var values = data[field.id];
+            if (Array.isArray(values)) {
+                var listItems = this.getListItems(field);
+                var matches = listItems.filter(function (item) { return values.map(function (v) { return v.code; }).indexOf(item.code) !== -1; });
+                data[field.id] = {
+                    value: matches,
+                    list_items: listItems
+                };
+            }
+        };
         FieldTypeSanitiser.prototype.convertStringToDynamicListOutput = function (field, data) {
             var stringValue = data[field.id];
             if (typeof stringValue === 'string') {
@@ -5700,6 +5704,7 @@
     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__namespace.ɵɵdefineInjectable({ token: FieldTypeSanitiser, factory: FieldTypeSanitiser.ɵfac });
     (function () {
@@ -6345,7 +6350,6 @@
                             });
                         }
                     }
-                    ;
                 });
             }
         };
@@ -6784,7 +6788,7 @@
             return addressModel;
         };
         AddressParser.prototype.parseAddressLine1 = function (classification, address) {
-            var addressLine = '';
+            var addressLine;
             if (classification === AddressType.RD06) {
                 addressLine =
                     address.SUB_BUILDING_NAME + " " + address.ORGANISATION_NAME + " " + address.DEPARTMENT_NAME + " " + address.PO_BOX_NUMBER;
@@ -6797,7 +6801,7 @@
             return this.removeNonAddressValues(addressLine);
         };
         AddressParser.prototype.parseAddressLine2 = function (classification, address) {
-            var addressLine = '';
+            var addressLine;
             if (classification === AddressType.RD06) {
                 addressLine = address.BUILDING_NAME + " ";
             }
@@ -6808,7 +6812,7 @@
             return this.removeNonAddressValues(addressLine);
         };
         AddressParser.prototype.parseAddressLine3 = function (classification, address) {
-            var addressLine = '';
+            var addressLine;
             if (classification === AddressType.RD06) {
                 addressLine =
                     address.BUILDING_NUMBER + " " + address.THOROUGHFARE_NAME;
@@ -6836,7 +6840,7 @@
             return value.replace(new RegExp('^,', 'gi'), '');
         };
         AddressParser.prototype.prefixWithCommaIfPresent = function (value) {
-            return value ? ', ' + value : value;
+            return value ? ", " + value : value;
         };
         return AddressParser;
     }());
@@ -7086,7 +7090,7 @@
                 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';
@@ -7692,18 +7696,6 @@
             }], null, null);
     })();
 
-    var HasLoadingState = /** @class */ (function () {
-        function HasLoadingState() {
-        }
-        Object.defineProperty(HasLoadingState.prototype, "isLoading", {
-            get: function () {
-                return;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        return HasLoadingState;
-    }());
     var LoadingService = /** @class */ (function () {
         function LoadingService() {
             this.registered = new Map();
@@ -7728,7 +7720,7 @@
         };
         LoadingService.prototype.generateToken = function () {
             var timestamp = window.performance.now();
-            return 'toolkit-loading-' + timestamp; // format: [source-library]-[unique incrementing number]
+            return "toolkit-loading-" + timestamp; // format: [source-library]-[unique incrementing number]
         };
         return LoadingService;
     }());
@@ -7749,10 +7741,7 @@
         }
         SearchService.prototype.search = function (jurisdictionId, caseTypeId, metaCriteria, caseCriteria, view) {
             var _this = this;
-            var url = this.appConfig.getApiUrl() + "/caseworkers/:uid"
-                + ("/jurisdictions/" + jurisdictionId)
-                + ("/case-types/" + caseTypeId)
-                + "/cases";
+            var url = this.appConfig.getApiUrl() + "/caseworkers/:uid/jurisdictions/" + jurisdictionId + "/case-types/" + caseTypeId + "/cases";
             var options = this.requestOptionsBuilder.buildOptions(metaCriteria, caseCriteria, view);
             var loadingToken = this.loadingService.register();
             return this.httpService
@@ -7761,15 +7750,14 @@
         };
         SearchService.prototype.searchCasesByIds = function (caseTypeId, filter, view, sort) {
             var _this = this;
-            var url = this.appConfig.getCaseDataUrl() +
-                ("/internal/searchCases?ctid=" + caseTypeId + "&use_case=" + view);
+            var url = this.appConfig.getCaseDataUrl() + "/internal/searchCases?ctid=" + caseTypeId + "&use_case=" + view;
             var body = Object.assign(Object.assign({ sort: sort }, filter), { size: this.appConfig.getPaginationPageSize() });
             var loadingToken = this.loadingService.register();
             return this.httpService.post(url, body).pipe(operators.map(function (response) { return response; }), operators.finalize(function () { return _this.loadingService.unregister(loadingToken); }));
         };
         SearchService.prototype.searchCases = function (caseTypeId, metaCriteria, caseCriteria, view, sort) {
             var _this = this;
-            var url = this.appConfig.getCaseDataUrl() + ("/internal/searchCases?ctid=" + caseTypeId + "&use_case=" + view);
+            var url = this.appConfig.getCaseDataUrl() + "/internal/searchCases?ctid=" + caseTypeId + "&use_case=" + view;
             var options = this.requestOptionsBuilder.buildOptions(metaCriteria, caseCriteria, view);
             var body = {
                 sort: sort,
@@ -7814,9 +7802,8 @@
         return 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__namespace.ɵɵinject(AbstractAppConfig), i0__namespace.ɵɵinject(HttpService), i0__namespace.ɵɵinject(RequestOptionsBuilder), i0__namespace.ɵɵinject(LoadingService)); };
     SearchService.ɵprov = i0__namespace.ɵɵdefineInjectable({ token: SearchService, factory: SearchService.ɵfac });
     (function () {
@@ -7946,17 +7933,12 @@
             this.appConfig = appConfig;
         }
         DefinitionsService.prototype.getCaseTypes = function (jurisdictionId, access) {
-            var url = this.appConfig.getApiUrl()
-                + "/caseworkers/:uid"
-                + ("/jurisdictions/" + jurisdictionId)
-                + ("/case-types?access=" + access);
+            var url = this.appConfig.getApiUrl() + "/caseworkers/:uid/jurisdictions/" + jurisdictionId + "/case-types?access=" + access;
             return this.http
                 .get(url).pipe(operators.map(function (response) { return response; }));
         };
         DefinitionsService.prototype.getJurisdictions = function (access) {
-            var url = this.appConfig.getApiUrl()
-                + "/caseworkers/:uid"
-                + ("/jurisdictions?access=" + access);
+            var url = this.appConfig.getApiUrl() + "/caseworkers/:uid/jurisdictions?access=" + access;
             return this.http
                 .get(url)
                 .pipe(operators.map(function (response) { return response; }));
@@ -8038,8 +8020,8 @@
                 compare: function (a, b) {
                     var fieldA = a.case_fields[fieldId];
                     var fieldB = b.case_fields[fieldId];
-                    fieldA = util.isUndefined(fieldA) || fieldA == null ? '' : fieldA.toLowerCase();
-                    fieldB = util.isUndefined(fieldB) || fieldB == null ? '' : fieldB.toLowerCase();
+                    fieldA = util.isUndefined(fieldA) || fieldA === null ? '' : fieldA.toLowerCase();
+                    fieldB = util.isUndefined(fieldB) || fieldB === null ? '' : fieldB.toLowerCase();
                     return fieldA === fieldB ? 0 : fieldA > fieldB ? 1 : -1;
                 }
             };
@@ -8049,8 +8031,8 @@
                 compare: function (a, b) {
                     var fieldA = a.case_fields[fieldId];
                     var fieldB = b.case_fields[fieldId];
-                    fieldA = util.isUndefined(fieldA) || fieldA == null ? '' : fieldA.join().toLowerCase();
-                    fieldB = util.isUndefined(fieldB) || fieldB == null ? '' : fieldB.join().toLowerCase();
+                    fieldA = util.isUndefined(fieldA) || fieldA === null ? '' : fieldA.join().toLowerCase();
+                    fieldB = util.isUndefined(fieldB) || fieldB === null ? '' : fieldB.join().toLowerCase();
                     return fieldA === fieldB ? 0 : fieldA > fieldB ? 1 : -1;
                 }
             };
@@ -8346,7 +8328,7 @@
             });
         };
         WizardPageFieldToCaseFieldMapper.prototype.preparePathPrefix = function (pathPrefix, caseField) {
-            return pathPrefix.length === 0 ? caseField : pathPrefix + '.' + caseField;
+            return pathPrefix.length === 0 ? caseField : pathPrefix + "." + caseField;
         };
         WizardPageFieldToCaseFieldMapper.prototype.getCaseFieldLeaf = function (caseFieldId, caseFields) {
             var _a = __read(caseFieldId), head = _a[0], tail = _a.slice(1);
@@ -8638,11 +8620,7 @@
         };
         CasesService.prototype.getCaseView = function (jurisdictionId, caseTypeId, caseId) {
             var _this = this;
-            var url = this.appConfig.getApiUrl()
-                + "/caseworkers/:uid"
-                + ("/jurisdictions/" + jurisdictionId)
-                + ("/case-types/" + caseTypeId)
-                + ("/cases/" + caseId);
+            var url = this.appConfig.getApiUrl() + "/caseworkers/:uid/jurisdictions/" + jurisdictionId + "/case-types/" + caseTypeId + "/cases/" + caseId;
             var loadingToken = this.loadingService.register();
             return this.http
                 .get(url)
@@ -8694,7 +8672,7 @@
         CasesService.prototype.createEvent = function (caseDetails, eventData) {
             var _this = this;
             var caseId = caseDetails.case_id;
-            var url = this.appConfig.getCaseDataUrl() + ("/cases/" + caseId + "/events");
+            var url = this.appConfig.getCaseDataUrl() + "/cases/" + caseId + "/events";
             var headers = new i1$2.HttpHeaders()
                 .set('experimental', 'true')
                 .set('Accept', CasesService.V2_MEDIATYPE_CREATE_EVENT)
@@ -8708,9 +8686,8 @@
         };
         CasesService.prototype.validateCase = function (ctid, eventData, pageId) {
             var _this = this;
-            var pageIdString = pageId ? '?pageId=' + pageId : '';
-            var url = this.appConfig.getCaseDataUrl()
-                + ("/case-types/" + ctid + "/validate" + pageIdString);
+            var pageIdString = pageId ? "?pageId=" + pageId : '';
+            var url = this.appConfig.getCaseDataUrl() + "/case-types/" + ctid + "/validate" + pageIdString;
             var headers = new i1$2.HttpHeaders()
                 .set('experimental', 'true')
                 .set('Accept', CasesService.V2_MEDIATYPE_CASE_DATA_VALIDATE)
@@ -8728,8 +8705,7 @@
             if (eventData.ignore_warning) {
                 ignoreWarning = 'true';
             }
-            var url = this.appConfig.getCaseDataUrl()
-                + ("/case-types/" + ctid + "/cases?ignore-warning=" + ignoreWarning);
+            var url = this.appConfig.getCaseDataUrl() + "/case-types/" + ctid + "/cases?ignore-warning=" + ignoreWarning;
             var headers = new i1$2.HttpHeaders()
                 .set('experimental', 'true')
                 .set('Accept', CasesService.V2_MEDIATYPE_CREATE_CASE)
@@ -8743,9 +8719,7 @@
         };
         CasesService.prototype.getPrintDocuments = function (caseId) {
             var _this = this;
-            var url = this.appConfig.getCaseDataUrl()
-                + ("/cases/" + caseId)
-                + "/documents";
+            var url = this.appConfig.getCaseDataUrl() + "/cases/" + caseId + "/documents";
             var headers = new i1$2.HttpHeaders()
                 .set('experimental', 'true')
                 .set('Accept', CasesService.V2_MEDIATYPE_CASE_DOCUMENTS)
@@ -9481,7 +9455,7 @@
         PageValidationService.prototype.isHidden = function (caseField, editForm, path) {
             var formFields = editForm.getRawValue();
             var 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);
@@ -10451,7 +10425,7 @@
                     var label = casefield.label || 'Field';
                     var id_1 = casefield.id;
                     if (fieldElement['component'] && fieldElement['component'].parent) {
-                        if (fieldElement['component'].idPrefix.indexOf('_' + id_1 + '_') === -1) {
+                        if (fieldElement['component'].idPrefix.indexOf("_" + id_1 + "_") === -1) {
                             id_1 = "" + fieldElement['component'].idPrefix + id_1;
                         }
                         else {
@@ -10989,7 +10963,7 @@
 
     var AddressOption = /** @class */ (function () {
         function AddressOption(addressModel, description) {
-            if (description == null) {
+            if (description === null) {
                 this.value = addressModel;
                 this.description = this.getDescription();
             }
@@ -10998,13 +10972,10 @@
             }
         }
         AddressOption.prototype.getDescription = function () {
-            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);
         };
         AddressOption.prototype.prefixWithCommaIfPresent = function (value) {
-            return value ? ', ' + value : value;
+            return value ? ", " + value : value;
         };
         AddressOption.prototype.removeInitialCommaIfPresent = function (value) {
             return value.replace(new RegExp('^,', 'gi'), '');
@@ -11012,7 +10983,7 @@
         return AddressOption;
     }());
 
-    var _c0$R = ["writeComplexFieldComponent"];
+    var _c0$S = ["writeComplexFieldComponent"];
     function WriteAddressFieldComponent_div_1_div_4_span_4_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "span", 14);
@@ -11148,7 +11119,7 @@
                 this.missingPostcode = false;
                 var postcode_1 = this.postcode.value;
                 this.caseField.value = null;
-                this.addressOptions = new Array();
+                this.addressOptions = [];
                 this.addressesService.getAddressesForPostcode(postcode_1.replace(' ', '').toUpperCase()).subscribe(function (result) {
                     result.forEach(function (address) {
                         _this.addressOptions.push(new AddressOption(address, null));
@@ -11191,7 +11162,7 @@
             var hasAddress = false;
             if (address) {
                 Object.keys(address).forEach(function (key) {
-                    if (address[key] != null) {
+                    if (address[key] !== null) {
                         hasAddress = true;
                     }
                 });
@@ -11214,7 +11185,7 @@
         };
         WriteAddressFieldComponent.prototype.defaultLabel = function (numberOfAddresses) {
             return numberOfAddresses === 0 ? 'No address found'
-                : numberOfAddresses + (numberOfAddresses === 1 ? ' address ' : ' addresses ') + 'found';
+                : "" + numberOfAddresses + (numberOfAddresses === 1 ? ' address ' : ' addresses ') + "found";
         };
         WriteAddressFieldComponent.prototype.setFormValue = function () {
             if (this.writeComplexFieldComponent.complexGroup) {
@@ -11226,7 +11197,7 @@
     WriteAddressFieldComponent.ɵfac = function WriteAddressFieldComponent_Factory(t) { return new (t || WriteAddressFieldComponent)(i0__namespace.ɵɵdirectiveInject(AddressesService), i0__namespace.ɵɵdirectiveInject(IsCompoundPipe)); };
     WriteAddressFieldComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: WriteAddressFieldComponent, selectors: [["ccd-write-address-field"]], viewQuery: function WriteAddressFieldComponent_Query(rf, ctx) {
             if (rf & 1) {
-                i0__namespace.ɵɵviewQuery(_c0$R, 1);
+                i0__namespace.ɵɵviewQuery(_c0$S, 1);
                 i0__namespace.ɵɵviewQuery(FocusElementDirective, 1);
             }
             if (rf & 2) {
@@ -11372,12 +11343,13 @@
         }
     }
     var CaseFileViewFieldComponent = /** @class */ (function () {
-        function CaseFileViewFieldComponent(elementRef, route, caseFileViewService, documentManagementService, loadingService) {
+        function CaseFileViewFieldComponent(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;
         }
@@ -11391,6 +11363,12 @@
                 },
                 error: function (_) { return _this.getCategoriesAndDocumentsError = true; }
             });
+            // EXUI-8000
+            var userInfo = JSON.parse(this.sessionStorageService.getItem('userDetails'));
+            // Get acls that intersects from acl roles and user roles
+            var acls = this.caseField.acls.filter(function (acl) { return userInfo.roles.includes(acl.role); });
+            // As there can be more than one intersecting role, if any acls are update: true
+            this.allowMoving = acls.some(function (acl) { return acl.update; });
         };
         CaseFileViewFieldComponent.prototype.ngAfterViewInit = function () {
             var slider = this.elementRef.nativeElement.querySelector('.slider');
@@ -11438,7 +11416,7 @@
         return CaseFileViewFieldComponent;
     }());
     CaseFileViewFieldComponent.PARAM_CASE_ID = 'cid';
-    CaseFileViewFieldComponent.ɵfac = function CaseFileViewFieldComponent_Factory(t) { return new (t || CaseFileViewFieldComponent)(i0__namespace.ɵɵdirectiveInject(i0__namespace.ElementRef), i0__namespace.ɵɵdirectiveInject(i1__namespace$1.ActivatedRoute), i0__namespace.ɵɵdirectiveInject(CaseFileViewService), i0__namespace.ɵɵdirectiveInject(DocumentManagementService), i0__namespace.ɵɵdirectiveInject(LoadingService)); };
+    CaseFileViewFieldComponent.ɵfac = function CaseFileViewFieldComponent_Factory(t) { return new (t || CaseFileViewFieldComponent)(i0__namespace.ɵɵdirectiveInject(i0__namespace.ElementRef), i0__namespace.ɵɵdirectiveInject(i1__namespace$1.ActivatedRoute), i0__namespace.ɵɵdirectiveInject(CaseFileViewService), i0__namespace.ɵɵdirectiveInject(DocumentManagementService), i0__namespace.ɵɵdirectiveInject(LoadingService), i0__namespace.ɵɵdirectiveInject(SessionStorageService)); };
     CaseFileViewFieldComponent.ɵcmp = i0__namespace.ɵɵ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__namespace.ɵɵtemplate(0, CaseFileViewFieldComponent_div_0_Template, 5, 0, "div", 0);
@@ -11458,94 +11436,7 @@
                         templateUrl: './case-file-view-field.component.html',
                         styleUrls: ['./case-file-view-field.component.scss'],
                     }]
-            }], function () { return [{ type: i0__namespace.ElementRef }, { type: i1__namespace$1.ActivatedRoute }, { type: CaseFileViewService }, { type: DocumentManagementService }, { type: LoadingService }]; }, null);
-    })();
-
-    function CaseFileViewFieldReadComponent_div_0_Template(rf, ctx) {
-        if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "div", 2);
-            i0__namespace.ɵɵelementStart(1, "h1", 3);
-            i0__namespace.ɵɵtext(2, "Sorry, there is a problem with the service");
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(3, "p", 4);
-            i0__namespace.ɵɵtext(4, "Try again later.");
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementEnd();
-        }
-    }
-    function CaseFileViewFieldReadComponent_div_1_ng_container_8_Template(rf, ctx) {
-        if (rf & 1) {
-            i0__namespace.ɵɵelementContainerStart(0);
-            i0__namespace.ɵɵelement(1, "mv-media-viewer", 11);
-            i0__namespace.ɵɵelementContainerEnd();
-        }
-        if (rf & 2) {
-            var ctx_r2 = i0__namespace.ɵɵnextContext(2);
-            i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵ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) {
-            var _r4_1 = i0__namespace.ɵɵgetCurrentView();
-            i0__namespace.ɵɵelementStart(0, "div");
-            i0__namespace.ɵɵelementStart(1, "h2", 5);
-            i0__namespace.ɵɵtext(2, "Case file");
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(3, "div", 6);
-            i0__namespace.ɵɵelementStart(4, "div", 7);
-            i0__namespace.ɵɵelementStart(5, "ccd-case-file-view-folder", 8);
-            i0__namespace.ɵɵlistener("clickedDocument", function CaseFileViewFieldReadComponent_div_1_Template_ccd_case_file_view_folder_clickedDocument_5_listener($event) { i0__namespace.ɵɵrestoreView(_r4_1); var ctx_r3 = i0__namespace.ɵɵnextContext(); return ctx_r3.setMediaViewerFile($event); })("moveDocument", function CaseFileViewFieldReadComponent_div_1_Template_ccd_case_file_view_folder_moveDocument_5_listener($event) { i0__namespace.ɵɵrestoreView(_r4_1); var ctx_r5 = i0__namespace.ɵɵnextContext(); return ctx_r5.moveDocument($event); });
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelement(6, "div", 9);
-            i0__namespace.ɵɵelementStart(7, "div", 10);
-            i0__namespace.ɵɵtemplate(8, CaseFileViewFieldReadComponent_div_1_ng_container_8_Template, 2, 7, "ng-container", 1);
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementEnd();
-        }
-        if (rf & 2) {
-            var ctx_r1 = i0__namespace.ɵɵnextContext();
-            i0__namespace.ɵɵadvance(5);
-            i0__namespace.ɵɵproperty("categoriesAndDocuments", ctx_r1.categoriesAndDocuments$)("allowMoving", ctx_r1.allowMoving);
-            i0__namespace.ɵɵadvance(3);
-            i0__namespace.ɵɵproperty("ngIf", ctx_r1.currentDocument);
-        }
-    }
-    var CaseFileViewFieldReadComponent = /** @class */ (function (_super) {
-        __extends(CaseFileViewFieldReadComponent, _super);
-        function CaseFileViewFieldReadComponent() {
-            return _super !== null && _super.apply(this, arguments) || this;
-        }
-        CaseFileViewFieldReadComponent.prototype.ngOnInit = function () {
-            _super.prototype.ngOnInit.call(this);
-            this.allowMoving = this.caseField.acls.some(function (acl) { return acl.update; });
-        };
-        return CaseFileViewFieldReadComponent;
-    }(CaseFileViewFieldComponent));
-    CaseFileViewFieldReadComponent.ɵfac = function CaseFileViewFieldReadComponent_Factory(t) { return ɵCaseFileViewFieldReadComponent_BaseFactory(t || CaseFileViewFieldReadComponent); };
-    CaseFileViewFieldReadComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: CaseFileViewFieldReadComponent, selectors: [["ccd-case-file-view-field"]], features: [i0__namespace.ɵɵ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__namespace.ɵɵtemplate(0, CaseFileViewFieldReadComponent_div_0_Template, 5, 0, "div", 0);
-                i0__namespace.ɵɵtemplate(1, CaseFileViewFieldReadComponent_div_1_Template, 9, 3, "div", 1);
-            }
-            if (rf & 2) {
-                i0__namespace.ɵɵproperty("ngIf", ctx.getCategoriesAndDocumentsError);
-                i0__namespace.ɵɵadvance(1);
-                i0__namespace.ɵɵ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}"] });
-    var ɵCaseFileViewFieldReadComponent_BaseFactory = /*@__PURE__*/ i0__namespace.ɵɵgetInheritedFactory(CaseFileViewFieldReadComponent);
-    (function () {
-        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(CaseFileViewFieldReadComponent, [{
-                type: i0.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__namespace.ElementRef }, { type: i1__namespace$1.ActivatedRoute }, { type: CaseFileViewService }, { type: DocumentManagementService }, { type: LoadingService }, { type: SessionStorageService }]; }, null);
     })();
 
     exports.AddCommentsErrorMessage = void 0;
@@ -11900,7 +11791,7 @@
             i0__namespace.ɵɵproperty("formGroup", ctx_r10.caseFlagParentFormGroup)("optional", ctx_r10.flagCommentsOptional);
         }
     }
-    var _c0$Q = function (a0) { return { "form-group-error": a0 }; };
+    var _c0$R = function (a0) { return { "form-group-error": a0 }; };
     function WriteCaseFlagFieldComponent_div_1_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "div", 8);
@@ -11921,7 +11812,7 @@
             i0__namespace.ɵɵadvance(1);
             i0__namespace.ɵɵproperty("ngSwitch", ctx_r1.fieldState);
             i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(8, _c0$Q, ctx_r1.errorMessages.length > 0));
+            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(8, _c0$R, ctx_r1.errorMessages.length > 0));
             i0__namespace.ɵɵadvance(1);
             i0__namespace.ɵɵtextInterpolate1(" ", ctx_r1.createFlagCaption, " ");
             i0__namespace.ɵɵadvance(1);
@@ -12397,7 +12288,7 @@
             }], null, null);
     })();
 
-    var _c0$P = ["writeComplexFieldComponent"];
+    var _c0$Q = ["writeComplexFieldComponent"];
     function WriteCaseLinkFieldComponent_span_2_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "span", 6);
@@ -12502,7 +12393,7 @@
     WriteCaseLinkFieldComponent.ɵfac = function WriteCaseLinkFieldComponent_Factory(t) { return ɵWriteCaseLinkFieldComponent_BaseFactory(t || WriteCaseLinkFieldComponent); };
     WriteCaseLinkFieldComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: WriteCaseLinkFieldComponent, selectors: [["ccd-write-case-link-field"]], viewQuery: function WriteCaseLinkFieldComponent_Query(rf, ctx) {
             if (rf & 1) {
-                i0__namespace.ɵɵviewQuery(_c0$P, 1);
+                i0__namespace.ɵɵviewQuery(_c0$Q, 1);
             }
             if (rf & 2) {
                 var _t = void 0;
@@ -12547,7 +12438,7 @@
                 }] });
     })();
 
-    var _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 }; };
+    var _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__namespace.ɵɵelementStart(0, "tbody");
@@ -12562,7 +12453,7 @@
         if (rf & 2) {
             var ctx_r1 = i0__namespace.ɵɵnextContext(2);
             i0__namespace.ɵɵadvance(4);
-            i0__namespace.ɵɵproperty("caseField", i0__namespace.ɵɵ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__namespace.ɵɵproperty("caseField", i0__namespace.ɵɵpureFunction6(3, _c0$P, ctx_r1.caseField.label, ctx_r1.caseField.label, ctx_r1.caseField.field_type.collection_field_type, ctx_r1.caseField.display_context_parameter, ctx_r1.caseField.value, ctx_r1.caseField.hidden))("context", ctx_r1.context)("topLevelFormGroup", ctx_r1.topLevelFormGroup);
         }
     }
     var _c1$k = function (a0, a1, a2, a3, a4) { return { id: a0, label: a1, field_type: a2, value: a3, hidden: a4 }; };
@@ -12713,7 +12604,7 @@
             }], function () { return [{ type: i1__namespace$3.MatDialogRef }]; }, null);
     })();
 
-    var _c0$N = ["collectionItem"];
+    var _c0$O = ["collectionItem"];
     function WriteCollectionFieldComponent_h2_7_span_1_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "span", 9);
@@ -12955,6 +12846,11 @@
             // Manually resetting errors is required to prevent `ExpressionChangedAfterItHasBeenCheckedError`
             this.formArray.setErrors(null);
             var item = { value: null };
+            if (this.isCollectionDynamic()) {
+                item = Object.assign({}, this.caseField.value[this.caseField.value.length - 1]);
+                var key = Number(item['id'][item['id'].length - 1]) + 1;
+                item.id = item['id'].replace(/.$/, key.toString());
+            }
             this.caseField.value.push(item);
             var index = this.caseField.value.length - 1;
             var caseField = this.buildCaseField(item, index, true);
@@ -12977,6 +12873,12 @@
                 setTimeout(function () { return _this.focusLastItem(); });
             }
         };
+        WriteCollectionFieldComponent.prototype.isCollectionDynamic = function () {
+            if (!this.caseField.field_type || !this.caseField.field_type.collection_field_type) {
+                return false;
+            }
+            return this.caseField.field_type.collection_field_type.id === 'DynamicRadioList';
+        };
         WriteCollectionFieldComponent.prototype.newCaseField = function (id, item, index, isNew) {
             if (isNew === void 0) { isNew = false; }
             var isNotAuthorisedToUpdate = !isNew && this.isNotAuthorisedToUpdate(index);
@@ -13028,16 +12930,16 @@
                     && this.collItems[i].caseField.id === counter.toString()) {
                     this.collItems[i].caseField.id = i.toString();
                 }
-                var idPrefix1 = this.collItems[i].prefix ? this.collItems[i].prefix.replace('_' + counter.toString(), '_' + i.toString()) : '';
-                var idPrefix1Current = idPrefix1.replace('_' + i.toString(), '_' + counter.toString());
+                var idPrefix1 = this.collItems[i].prefix ? this.collItems[i].prefix.replace("_" + counter.toString(), "_" + i.toString()) : '';
+                var idPrefix1Current = idPrefix1.replace("_" + i.toString(), "_" + counter.toString());
                 if (this.collItems[i].prefix && this.collItems[i].prefix === idPrefix1Current) {
                     this.collItems[i].prefix = idPrefix1;
                 }
                 var idPrefixAvailable = this.collItems[i].container && this.collItems[i].container['component']
                     && this.collItems[i].container['component'].idPrefix ? true : false;
                 var idPrefix2 = idPrefixAvailable ?
-                    this.collItems[i].container['component'].idPrefix.replace('_' + counter.toString(), '_' + i.toString()) : '';
-                var idPrefix2current = idPrefix2.replace('_' + i.toString(), '_' + counter.toString());
+                    this.collItems[i].container['component'].idPrefix.replace("_" + counter.toString(), "_" + i.toString()) : '';
+                var idPrefix2current = idPrefix2.replace("_" + i.toString(), "_" + counter.toString());
                 if (idPrefixAvailable && this.collItems[i].container['component'].idPrefix === idPrefix2current) {
                     this.collItems[i].container['component'].idPrefix = idPrefix2;
                 }
@@ -13126,7 +13028,7 @@
     WriteCollectionFieldComponent.ɵfac = function WriteCollectionFieldComponent_Factory(t) { return new (t || WriteCollectionFieldComponent)(i0__namespace.ɵɵdirectiveInject(i1__namespace$3.MatDialog), i0__namespace.ɵɵdirectiveInject(i2__namespace$1.ScrollToService), i0__namespace.ɵɵdirectiveInject(ProfileNotifier)); };
     WriteCollectionFieldComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: WriteCollectionFieldComponent, selectors: [["ccd-write-collection-field"]], viewQuery: function WriteCollectionFieldComponent_Query(rf, ctx) {
             if (rf & 1) {
-                i0__namespace.ɵɵviewQuery(_c0$N, 1);
+                i0__namespace.ɵɵviewQuery(_c0$O, 1);
             }
             if (rf & 2) {
                 var _t = void 0;
@@ -13820,7 +13722,7 @@
             }], null, null);
     })();
 
-    var _c0$M = ["fileInput"];
+    var _c0$N = ["fileInput"];
     function WriteDocumentFieldComponent_span_6_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "span", 12);
@@ -14114,7 +14016,7 @@
     WriteDocumentFieldComponent.ɵfac = function WriteDocumentFieldComponent_Factory(t) { return new (t || WriteDocumentFieldComponent)(i0__namespace.ɵɵdirectiveInject(AbstractAppConfig), i0__namespace.ɵɵdirectiveInject(CaseNotifier), i0__namespace.ɵɵdirectiveInject(DocumentManagementService), i0__namespace.ɵɵdirectiveInject(i1__namespace$3.MatDialog), i0__namespace.ɵɵdirectiveInject(FileUploadStateService)); };
     WriteDocumentFieldComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: WriteDocumentFieldComponent, selectors: [["ccd-write-document-field"]], viewQuery: function WriteDocumentFieldComponent_Query(rf, ctx) {
             if (rf & 1) {
-                i0__namespace.ɵɵviewQuery(_c0$M, 1);
+                i0__namespace.ɵɵviewQuery(_c0$N, 1);
             }
             if (rf & 2) {
                 var _t = void 0;
@@ -14314,7 +14216,7 @@
             i0__namespace.ɵɵtextInterpolate(type_r5.label);
         }
     }
-    var _c0$L = function (a0) { return { "form-group-error": a0 }; };
+    var _c0$M = function (a0) { return { "form-group-error": a0 }; };
     var WriteDynamicListFieldComponent = /** @class */ (function (_super) {
         __extends(WriteDynamicListFieldComponent, _super);
         function WriteDynamicListFieldComponent() {
@@ -14363,7 +14265,7 @@
                 i0__namespace.ɵɵelementEnd();
             }
             if (rf & 2) {
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(10, _c0$L, !ctx.dynamicListFormControl.valid && (ctx.dynamicListFormControl.dirty || ctx.dynamicListFormControl.touched)));
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(10, _c0$M, !ctx.dynamicListFormControl.valid && (ctx.dynamicListFormControl.dirty || ctx.dynamicListFormControl.touched)));
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("for", ctx.id());
                 i0__namespace.ɵɵadvance(1);
@@ -14513,7 +14415,7 @@
             i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(2, 1, ctx_r3.dynamicRadioListControl.errors));
         }
     }
-    var _c0$K = function (a0) { return { selected: a0 }; };
+    var _c0$L = function (a0) { return { selected: a0 }; };
     function WriteDynamicRadioListFieldComponent_div_9_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "div", 10);
@@ -14526,12 +14428,11 @@
         if (rf & 2) {
             var radioButton_r5 = ctx.$implicit;
             var ctx_r4 = i0__namespace.ɵɵnextContext();
-            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(7, _c0$K, ctx_r4.dynamicRadioListControl.value === radioButton_r5.code));
+            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(7, _c0$L, ctx_r4.dynamicRadioListControl.value === radioButton_r5.code));
             i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵpropertyInterpolate("name", ctx_r4.id());
-            i0__namespace.ɵɵproperty("id", ctx_r4.buildElementId(radioButton_r5.code))("formControl", ctx_r4.dynamicRadioListControl)("value", radioButton_r5.code);
+            i0__namespace.ɵɵproperty("id", ctx_r4.createElementId(radioButton_r5.code))("name", ctx_r4.createElementId(radioButton_r5.code))("formControl", ctx_r4.dynamicRadioListControl)("value", radioButton_r5.code);
             i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("for", ctx_r4.buildElementId(radioButton_r5.code));
+            i0__namespace.ɵɵproperty("for", ctx_r4.createElementId(radioButton_r5.code));
             i0__namespace.ɵɵadvance(1);
             i0__namespace.ɵɵtextInterpolate(radioButton_r5.label);
         }
@@ -14560,8 +14461,8 @@
             this.dynamicRadioListControl = this.registerControl(new i2.FormControl(this.caseField.value));
             this.dynamicRadioListControl.setValue(this.caseField.value);
         };
-        WriteDynamicRadioListFieldComponent.prototype.buildElementId = function (name) {
-            return this.id() + "-" + name;
+        WriteDynamicRadioListFieldComponent.prototype.createElementId = function (name) {
+            return this.parent && this.parent.value ? this.parent.value.id + this.parent.value.value : _super.prototype.createElementId.call(this, name);
         };
         return WriteDynamicRadioListFieldComponent;
     }(AbstractFieldWriteComponent));
@@ -14691,7 +14592,7 @@
             i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind2(2, 1, ctx_r2.emailControl.errors, ctx_r2.caseField.label));
         }
     }
-    var _c0$J = function (a0) { return { "form-group-error": a0 }; };
+    var _c0$K = function (a0) { return { "form-group-error": a0 }; };
     var _c1$h = function (a0) { return { "govuk-input--error": a0 }; };
     var WriteEmailFieldComponent = /** @class */ (function (_super) {
         __extends(WriteEmailFieldComponent, _super);
@@ -14716,7 +14617,7 @@
                 i0__namespace.ɵɵelementEnd();
             }
             if (rf & 2) {
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(8, _c0$J, !ctx.emailControl.valid && (ctx.emailControl.dirty || ctx.emailControl.touched)));
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(8, _c0$K, !ctx.emailControl.valid && (ctx.emailControl.dirty || ctx.emailControl.touched)));
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("for", ctx.id());
                 i0__namespace.ɵɵadvance(1);
@@ -14848,7 +14749,7 @@
             i0__namespace.ɵɵtextInterpolate(type_r4.label);
         }
     }
-    var _c0$I = function (a0) { return { "form-group-error": a0 }; };
+    var _c0$J = function (a0) { return { "form-group-error": a0 }; };
     var WriteFixedListFieldComponent = /** @class */ (function (_super) {
         __extends(WriteFixedListFieldComponent, _super);
         function WriteFixedListFieldComponent() {
@@ -14897,7 +14798,7 @@
                 i0__namespace.ɵɵelementEnd();
             }
             if (rf & 2) {
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(9, _c0$I, !ctx.fixedListFormControl.valid && (ctx.fixedListFormControl.dirty || ctx.fixedListFormControl.touched)));
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(9, _c0$J, !ctx.fixedListFormControl.valid && (ctx.fixedListFormControl.dirty || ctx.fixedListFormControl.touched)));
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("for", ctx.id());
                 i0__namespace.ɵɵadvance(1);
@@ -15015,7 +14916,7 @@
             i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind2(2, 1, ctx_r2.fixedRadioListControl.errors, ctx_r2.caseField.label));
         }
     }
-    var _c0$H = function (a0) { return { selected: a0 }; };
+    var _c0$I = function (a0) { return { selected: a0 }; };
     function WriteFixedRadioListFieldComponent_div_8_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "div", 9);
@@ -15028,7 +14929,7 @@
         if (rf & 2) {
             var radioButton_r4 = ctx.$implicit;
             var ctx_r3 = i0__namespace.ɵɵnextContext();
-            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(7, _c0$H, ctx_r3.fixedRadioListControl.value === radioButton_r4.code));
+            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(7, _c0$I, ctx_r3.fixedRadioListControl.value === radioButton_r4.code));
             i0__namespace.ɵɵadvance(1);
             i0__namespace.ɵɵproperty("id", ctx_r3.id() + "-" + radioButton_r4.code)("name", ctx_r3.id())("formControl", ctx_r3.fixedRadioListControl)("value", radioButton_r4.code);
             i0__namespace.ɵɵadvance(1);
@@ -15198,7 +15099,7 @@
             i0__namespace.ɵɵtextInterpolate1(" ", ctx_r1.caseField.hint_text, " ");
         }
     }
-    var _c0$G = function (a0) { return { "hide-autocomplete": a0 }; };
+    var _c0$H = function (a0) { return { "hide-autocomplete": a0 }; };
     function WriteJudicialUserFieldComponent_mat_option_7_Template(rf, ctx) {
         if (rf & 1) {
             var _r7_1 = i0__namespace.ɵɵgetCurrentView();
@@ -15210,7 +15111,7 @@
         if (rf & 2) {
             var judicialUser_r5 = ctx.$implicit;
             var ctx_r3 = i0__namespace.ɵɵnextContext();
-            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(4, _c0$G, !ctx_r3.showAutocomplete))("value", judicialUser_r5.idamId);
+            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(4, _c0$H, !ctx_r3.showAutocomplete))("value", judicialUser_r5.idamId);
             i0__namespace.ɵɵadvance(1);
             i0__namespace.ɵɵtextInterpolate2(" ", judicialUser_r5.fullName, " (", judicialUser_r5.emailId, ") ");
         }
@@ -15449,7 +15350,7 @@
                             casesResponse.push(_this.mapResponse(result));
                         });
                     });
-                    var caseLinks = casesResponse.map(function (item) {
+                    _this.linkedCases = casesResponse.map(function (item) {
                         return {
                             caseReference: item.caseReference,
                             caseName: item.caseName,
@@ -15463,7 +15364,6 @@
                             }),
                         };
                     });
-                    _this.linkedCases = caseLinks;
                     _this.serverLinkedApiError = null;
                 }, function (err) {
                     _this.serverLinkedApiError = {
@@ -16000,7 +15900,7 @@
             i0__namespace.ɵɵtextInterpolate1(" ", ctx_r13.caseReasonCommentsError, " ");
         }
     }
-    var _c0$F = function (a0) { return { "govuk-form-group--error": a0 }; };
+    var _c0$G = function (a0) { return { "govuk-form-group--error": a0 }; };
     function LinkCasesComponent_div_8_div_14_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "div", 35);
@@ -16018,7 +15918,7 @@
         }
         if (rf & 2) {
             var ctx_r7 = i0__namespace.ɵɵnextContext(2);
-            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(2, _c0$F, !!ctx_r7.caseReasonCommentsError));
+            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(2, _c0$G, !!ctx_r7.caseReasonCommentsError));
             i0__namespace.ɵɵadvance(3);
             i0__namespace.ɵɵproperty("ngIf", ctx_r7.caseReasonCommentsError);
         }
@@ -16075,11 +15975,11 @@
             var ctx_r0 = i0__namespace.ɵɵnextContext();
             i0__namespace.ɵɵproperty("formGroup", ctx_r0.linkCaseForm);
             i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(8, _c0$F, !!ctx_r0.caseNumberError));
+            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(8, _c0$G, !!ctx_r0.caseNumberError));
             i0__namespace.ɵɵadvance(3);
             i0__namespace.ɵɵproperty("ngIf", ctx_r0.caseNumberError);
             i0__namespace.ɵɵadvance(2);
-            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(10, _c0$F, !!ctx_r0.caseReasonError));
+            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(10, _c0$G, !!ctx_r0.caseReasonError));
             i0__namespace.ɵɵadvance(5);
             i0__namespace.ɵɵproperty("ngIf", ctx_r0.caseReasonError);
             i0__namespace.ɵɵadvance(2);
@@ -16513,7 +16413,7 @@
                 i0__namespace.ɵɵadvance(4);
                 i0__namespace.ɵɵproperty("ngIf", ctx.linkCaseForm);
                 i0__namespace.ɵɵadvance(4);
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(9, _c0$F, !!ctx.noSelectedCaseError));
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(9, _c0$G, !!ctx.noSelectedCaseError));
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("ngIf", ctx.noSelectedCaseError);
                 i0__namespace.ɵɵadvance(18);
@@ -17197,7 +17097,7 @@
             i0__namespace.ɵɵtextInterpolate2(" ", case_r4.caseName, " ", i0__namespace.ɵɵpipeBind1(4, 6, case_r4.caseReference), " ");
         }
     }
-    var _c0$E = function (a0) { return { "govuk-form-group--error": a0 }; };
+    var _c0$F = function (a0) { return { "govuk-form-group--error": a0 }; };
     function UnLinkCasesComponent_div_0_div_4_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "div", 7);
@@ -17209,7 +17109,7 @@
         }
         if (rf & 2) {
             var ctx_r1 = i0__namespace.ɵɵnextContext(2);
-            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(4, _c0$E, ctx_r1.unlinkErrorMessage))("formGroup", ctx_r1.unlinkCaseForm);
+            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(4, _c0$F, ctx_r1.unlinkErrorMessage))("formGroup", ctx_r1.unlinkCaseForm);
             i0__namespace.ɵɵadvance(1);
             i0__namespace.ɵɵproperty("ngIf", ctx_r1.unlinkErrorMessage);
             i0__namespace.ɵɵadvance(2);
@@ -17543,7 +17443,7 @@
                 this.caseField = (_a = tab === null || tab === void 0 ? void 0 : tab.fields) === null || _a === void 0 ? void 0 : _a.find(function (field) { return field.id === 'caseLinks'; });
             }
             this.isServerJurisdictionError = this.linkedCasesService.serverJurisdictionError || false;
-            var reasonCodeAPIurl = this.appConfig.getRDCommonDataApiUrl() + '/lov/categories/CaseLinkingReasonCode';
+            var reasonCodeAPIurl = this.appConfig.getRDCommonDataApiUrl() + "/lov/categories/CaseLinkingReasonCode";
             this.commonDataService.getRefData(reasonCodeAPIurl).subscribe({
                 next: function (reasons) {
                     _this.reasonListLoaded = true;
@@ -17805,7 +17705,7 @@
         };
         WriteLinkedCasesFieldComponent.prototype.getLinkedCaseReasons = function () {
             var _this = this;
-            var reasonCodeAPIurl = this.appConfig.getRDCommonDataApiUrl() + '/lov/categories/CaseLinkingReasonCode';
+            var reasonCodeAPIurl = this.appConfig.getRDCommonDataApiUrl() + "/lov/categories/CaseLinkingReasonCode";
             this.commonDataService.getRefData(reasonCodeAPIurl).subscribe({
                 next: function (reasons) {
                     // Sort in ascending order
@@ -17864,11 +17764,10 @@
             var _this = this;
             this.casesService.getCaseViewV2(this.linkedCasesService.caseId).subscribe(function (caseView) {
                 var caseViewFiltered = caseView.tabs.filter(function (tab) {
-                    var linkField = tab.fields.some(function (_b) {
+                    return tab.fields.some(function (_b) {
                         var field_type = _b.field_type;
                         return field_type && field_type.collection_field_type && field_type.collection_field_type.id === 'CaseLink';
                     });
-                    return linkField;
                 });
                 if (caseViewFiltered) {
                     var caseLinkFieldValue = caseViewFiltered.map(function (filtered) { var _a; return ((_a = filtered.fields) === null || _a === void 0 ? void 0 : _a.length) > 0 && filtered.fields.filter(function (field) { return field.id === 'caseLinks'; })[0].value; });
@@ -18151,7 +18050,7 @@
             i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind2(2, 1, ctx_r2.moneyGbpControl.errors, ctx_r2.caseField.label));
         }
     }
-    var _c0$D = function (a0) { return { "form-group-error": a0 }; };
+    var _c0$E = function (a0) { return { "form-group-error": a0 }; };
     var WriteMoneyGbpFieldComponent = /** @class */ (function (_super) {
         __extends(WriteMoneyGbpFieldComponent, _super);
         function WriteMoneyGbpFieldComponent() {
@@ -18181,7 +18080,7 @@
                 i0__namespace.ɵɵelementEnd();
             }
             if (rf & 2) {
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(11, _c0$D, !ctx.moneyGbpControl.valid && (ctx.moneyGbpControl.dirty || ctx.moneyGbpControl.touched)));
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(11, _c0$E, !ctx.moneyGbpControl.valid && (ctx.moneyGbpControl.dirty || ctx.moneyGbpControl.touched)));
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("for", ctx.id());
                 i0__namespace.ɵɵadvance(1);
@@ -18329,7 +18228,7 @@
             i0__namespace.ɵɵtextInterpolate(checkbox_r4.label);
         }
     }
-    var _c0$C = function (a0) { return { "error": a0 }; };
+    var _c0$D = function (a0) { return { "error": a0 }; };
     var WriteMultiSelectListFieldComponent = /** @class */ (function (_super) {
         __extends(WriteMultiSelectListFieldComponent, _super);
         function WriteMultiSelectListFieldComponent() {
@@ -18393,7 +18292,7 @@
                 i0__namespace.ɵɵelementEnd();
             }
             if (rf & 2) {
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(6, _c0$C, !ctx.checkboxes.valid && (ctx.checkboxes.dirty || ctx.checkboxes.touched)))("id", ctx.id());
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(6, _c0$D, !ctx.checkboxes.valid && (ctx.checkboxes.dirty || ctx.checkboxes.touched)))("id", ctx.id());
                 i0__namespace.ɵɵadvance(3);
                 i0__namespace.ɵɵproperty("ngIf", ctx.caseField.label);
                 i0__namespace.ɵɵadvance(1);
@@ -18484,7 +18383,7 @@
             i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind2(2, 1, ctx_r2.numberControl.errors, ctx_r2.caseField.label));
         }
     }
-    var _c0$B = function (a0) { return { "form-group-error": a0 }; };
+    var _c0$C = function (a0) { return { "form-group-error": a0 }; };
     var _c1$e = function (a0) { return { "govuk-input--error": a0 }; };
     var WriteNumberFieldComponent = /** @class */ (function (_super) {
         __extends(WriteNumberFieldComponent, _super);
@@ -18509,7 +18408,7 @@
                 i0__namespace.ɵɵelementEnd();
             }
             if (rf & 2) {
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(8, _c0$B, !ctx.numberControl.valid && ctx.numberControl.dirty));
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(8, _c0$C, !ctx.numberControl.valid && ctx.numberControl.dirty));
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("for", ctx.id());
                 i0__namespace.ɵɵadvance(1);
@@ -18810,7 +18709,7 @@
             i0__namespace.ɵɵelementEnd();
         }
     }
-    var _c0$A = function (a0) { return { "scroll-container ": a0 }; };
+    var _c0$B = function (a0) { return { "scroll-container ": a0 }; };
     function WriteOrganisationFieldComponent_fieldset_3_div_14_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "div", 26);
@@ -18826,7 +18725,7 @@
             var ctx_r2 = i0__namespace.ɵɵnextContext(2);
             var tmp_0_0 = null;
             var tmp_2_0 = null;
-            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(11, _c0$A, ((tmp_0_0 = i0__namespace.ɵɵpipeBind1(1, 3, ctx_r2.simpleOrganisations$)) == null ? null : tmp_0_0.length) > 10));
+            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(11, _c0$B, ((tmp_0_0 = i0__namespace.ɵɵpipeBind1(1, 3, ctx_r2.simpleOrganisations$)) == null ? null : tmp_0_0.length) > 10));
             i0__namespace.ɵɵadvance(2);
             i0__namespace.ɵɵproperty("ngForOf", i0__namespace.ɵɵpipeBind1(3, 5, ctx_r2.simpleOrganisations$));
             i0__namespace.ɵɵadvance(2);
@@ -19230,6 +19129,231 @@
             }], function () { return [{ type: AbstractAppConfig }, { type: SessionStorageService }]; }, null);
     })();
 
+    function ReadDynamicMultiSelectListFieldComponent_div_0_Template(rf, ctx) {
+        if (rf & 1) {
+            i0__namespace.ɵɵelementStart(0, "div");
+            i0__namespace.ɵɵtext(1);
+            i0__namespace.ɵɵpipe(2, "ccdFixedList");
+            i0__namespace.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var value_r1 = ctx.$implicit;
+            var ctx_r0 = i0__namespace.ɵɵnextContext();
+            i0__namespace.ɵɵadvance(1);
+            i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind2(2, 1, value_r1.code, ctx_r0.caseField.list_items), "\n");
+        }
+    }
+    var ReadDynamicMultiSelectListFieldComponent = /** @class */ (function (_super) {
+        __extends(ReadDynamicMultiSelectListFieldComponent, _super);
+        function ReadDynamicMultiSelectListFieldComponent() {
+            return _super !== null && _super.apply(this, arguments) || this;
+        }
+        ReadDynamicMultiSelectListFieldComponent.prototype.ngOnInit = function () {
+            /**
+             *
+             * 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.prototype.ngOnInit.call(this);
+        };
+        return ReadDynamicMultiSelectListFieldComponent;
+    }(AbstractFieldReadComponent));
+    ReadDynamicMultiSelectListFieldComponent.ɵfac = function ReadDynamicMultiSelectListFieldComponent_Factory(t) { return ɵReadDynamicMultiSelectListFieldComponent_BaseFactory(t || ReadDynamicMultiSelectListFieldComponent); };
+    ReadDynamicMultiSelectListFieldComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: ReadDynamicMultiSelectListFieldComponent, selectors: [["ccd-read-dynamic-multi-select-list-field"]], features: [i0__namespace.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [[4, "ngFor", "ngForOf"]], template: function ReadDynamicMultiSelectListFieldComponent_Template(rf, ctx) {
+            if (rf & 1) {
+                i0__namespace.ɵɵtemplate(0, ReadDynamicMultiSelectListFieldComponent_div_0_Template, 3, 4, "div", 0);
+            }
+            if (rf & 2) {
+                i0__namespace.ɵɵproperty("ngForOf", ctx.caseField.value);
+            }
+        }, directives: [i1__namespace.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}"] });
+    var ɵReadDynamicMultiSelectListFieldComponent_BaseFactory = /*@__PURE__*/ i0__namespace.ɵɵgetInheritedFactory(ReadDynamicMultiSelectListFieldComponent);
+    (function () {
+        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(ReadDynamicMultiSelectListFieldComponent, [{
+                type: i0.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__namespace.ɵɵelementStart(0, "span", 5);
+            i0__namespace.ɵɵtext(1);
+            i0__namespace.ɵɵpipe(2, "ccdFieldLabel");
+            i0__namespace.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var ctx_r0 = i0__namespace.ɵɵnextContext();
+            i0__namespace.ɵɵadvance(1);
+            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(2, 1, ctx_r0.caseField));
+        }
+    }
+    function WriteDynamicMultiSelectListFieldComponent_span_4_Template(rf, ctx) {
+        if (rf & 1) {
+            i0__namespace.ɵɵelementStart(0, "span", 6);
+            i0__namespace.ɵɵtext(1);
+            i0__namespace.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var ctx_r1 = i0__namespace.ɵɵnextContext();
+            i0__namespace.ɵɵadvance(1);
+            i0__namespace.ɵɵtextInterpolate(ctx_r1.caseField.hint_text);
+        }
+    }
+    function WriteDynamicMultiSelectListFieldComponent_span_5_Template(rf, ctx) {
+        if (rf & 1) {
+            i0__namespace.ɵɵelementStart(0, "span", 7);
+            i0__namespace.ɵɵtext(1);
+            i0__namespace.ɵɵpipe(2, "ccdFirstError");
+            i0__namespace.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var ctx_r2 = i0__namespace.ɵɵnextContext();
+            i0__namespace.ɵɵadvance(1);
+            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(2, 1, ctx_r2.checkboxes.errors));
+        }
+    }
+    function WriteDynamicMultiSelectListFieldComponent_ng_container_6_Template(rf, ctx) {
+        if (rf & 1) {
+            var _r6_1 = i0__namespace.ɵɵgetCurrentView();
+            i0__namespace.ɵɵelementContainerStart(0);
+            i0__namespace.ɵɵelementStart(1, "div", 8);
+            i0__namespace.ɵɵelementStart(2, "input", 9);
+            i0__namespace.ɵɵlistener("change", function WriteDynamicMultiSelectListFieldComponent_ng_container_6_Template_input_change_2_listener($event) { i0__namespace.ɵɵrestoreView(_r6_1); var ctx_r5 = i0__namespace.ɵɵnextContext(); return ctx_r5.onCheckChange($event); });
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(3, "label", 10);
+            i0__namespace.ɵɵtext(4);
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementContainerEnd();
+        }
+        if (rf & 2) {
+            var checkbox_r4 = ctx.$implicit;
+            var ctx_r3 = i0__namespace.ɵɵnextContext();
+            i0__namespace.ɵɵadvance(2);
+            i0__namespace.ɵɵpropertyInterpolate("id", ctx_r3.createElementId(checkbox_r4.code));
+            i0__namespace.ɵɵpropertyInterpolate("name", ctx_r3.id());
+            i0__namespace.ɵɵproperty("value", checkbox_r4.code)("checked", ctx_r3.isSelected(checkbox_r4.code));
+            i0__namespace.ɵɵadvance(1);
+            i0__namespace.ɵɵpropertyInterpolate("for", ctx_r3.createElementId(checkbox_r4.code));
+            i0__namespace.ɵɵadvance(1);
+            i0__namespace.ɵɵtextInterpolate(checkbox_r4.label);
+        }
+    }
+    var _c0$A = function (a0) { return { "error": a0 }; };
+    var WriteDynamicMultiSelectListFieldComponent = /** @class */ (function (_super) {
+        __extends(WriteDynamicMultiSelectListFieldComponent, _super);
+        function WriteDynamicMultiSelectListFieldComponent() {
+            return _super !== null && _super.apply(this, arguments) || this;
+        }
+        WriteDynamicMultiSelectListFieldComponent.prototype.ngOnInit = function () {
+            var _this = this;
+            this.checkboxes = new i2.FormArray([]);
+            this.setInitialCaseList();
+            this.setInitialCaseFieldValue();
+            // Initialise array with existing values
+            if (this.caseField.value && Array.isArray(this.caseField.value)) {
+                var values = this.caseField.value;
+                values.forEach(function (value) {
+                    _this.checkboxes.push(new i2.FormControl(value));
+                });
+            }
+            this.dynamicListFormControl = this.registerControl(new i2.FormControl(this.checkboxes.value));
+            this.dynamicListFormControl.setValue(this.checkboxes.value);
+        };
+        WriteDynamicMultiSelectListFieldComponent.prototype.onCheckChange = function (event) {
+            var _this = this;
+            var target = event.target;
+            if (!target || !target.value) {
+                return;
+            }
+            var selectedListItem = this.getValueListItem(target.value);
+            if (!this.isSelected(target.value)) {
+                // Add a new control in the FormArray
+                this.checkboxes.push(new i2.FormControl(selectedListItem));
+            }
+            else {
+                // Remove the control from the FormArray
+                this.checkboxes.controls.forEach(function (ctrl, i) {
+                    if (ctrl.value.code === target.value) {
+                        _this.checkboxes.removeAt(i);
+                    }
+                });
+            }
+            this.dynamicListFormControl.setValue(this.checkboxes.value);
+        };
+        WriteDynamicMultiSelectListFieldComponent.prototype.isSelected = function (code) {
+            if (this.checkboxes && this.checkboxes.controls) {
+                return this.checkboxes.controls.find(function (control) { return control.value.code === code; });
+            }
+        };
+        WriteDynamicMultiSelectListFieldComponent.prototype.getValueListItem = function (value) {
+            return this.caseField.list_items.find(function (i) { return i.code === value; });
+        };
+        WriteDynamicMultiSelectListFieldComponent.prototype.setInitialCaseList = function () {
+            var hasListItems = this.caseField.list_items && this.caseField.list_items.length > 0;
+            var 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;
+            }
+        };
+        WriteDynamicMultiSelectListFieldComponent.prototype.setInitialCaseFieldValue = function () {
+            if (!this.caseField.value && this.caseField.formatted_value && this.caseField.formatted_value.value) {
+                this.caseField.value = this.caseField.formatted_value.value;
+            }
+            var isNull = this.caseField.value === undefined || this.caseField.value === '';
+            if (isNull || !Array.isArray(this.caseField.value)) {
+                this.caseField.value = [];
+            }
+        };
+        return WriteDynamicMultiSelectListFieldComponent;
+    }(AbstractFieldWriteComponent));
+    WriteDynamicMultiSelectListFieldComponent.ɵfac = function WriteDynamicMultiSelectListFieldComponent_Factory(t) { return ɵWriteDynamicMultiSelectListFieldComponent_BaseFactory(t || WriteDynamicMultiSelectListFieldComponent); };
+    WriteDynamicMultiSelectListFieldComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: WriteDynamicMultiSelectListFieldComponent, selectors: [["ccd-write-dynamic-multi-select-list-field"]], features: [i0__namespace.ɵɵ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__namespace.ɵɵelementStart(0, "div", 0);
+                i0__namespace.ɵɵelementStart(1, "fieldset");
+                i0__namespace.ɵɵelementStart(2, "legend");
+                i0__namespace.ɵɵtemplate(3, WriteDynamicMultiSelectListFieldComponent_span_3_Template, 3, 3, "span", 1);
+                i0__namespace.ɵɵtemplate(4, WriteDynamicMultiSelectListFieldComponent_span_4_Template, 2, 1, "span", 2);
+                i0__namespace.ɵɵtemplate(5, WriteDynamicMultiSelectListFieldComponent_span_5_Template, 3, 3, "span", 3);
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵtemplate(6, WriteDynamicMultiSelectListFieldComponent_ng_container_6_Template, 5, 6, "ng-container", 4);
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementEnd();
+            }
+            if (rf & 2) {
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(6, _c0$A, !ctx.checkboxes.valid && ctx.checkboxes.touched))("id", ctx.id());
+                i0__namespace.ɵɵadvance(3);
+                i0__namespace.ɵɵproperty("ngIf", ctx.caseField.label);
+                i0__namespace.ɵɵadvance(1);
+                i0__namespace.ɵɵproperty("ngIf", ctx.caseField.hint_text);
+                i0__namespace.ɵɵadvance(1);
+                i0__namespace.ɵɵproperty("ngIf", ctx.checkboxes.errors && ctx.checkboxes.touched);
+                i0__namespace.ɵɵadvance(1);
+                i0__namespace.ɵɵproperty("ngForOf", ctx.caseField.list_items);
+            }
+        }, directives: [i1__namespace.NgClass, i1__namespace.NgIf, i1__namespace.NgForOf], pipes: [FieldLabelPipe, FirstErrorPipe], encapsulation: 2 });
+    var ɵWriteDynamicMultiSelectListFieldComponent_BaseFactory = /*@__PURE__*/ i0__namespace.ɵɵgetInheritedFactory(WriteDynamicMultiSelectListFieldComponent);
+    (function () {
+        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(WriteDynamicMultiSelectListFieldComponent, [{
+                type: i0.Component,
+                args: [{
+                        selector: 'ccd-write-dynamic-multi-select-list-field',
+                        templateUrl: './write-dynamic-multi-select-list-field.html'
+                    }]
+            }], null, null);
+    })();
+
     var ReadPhoneUKFieldComponent = /** @class */ (function (_super) {
         __extends(ReadPhoneUKFieldComponent, _super);
         function ReadPhoneUKFieldComponent() {
@@ -19430,7 +19554,7 @@
         WriteTextAreaFieldComponent.prototype.autoGrow = function (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;
             }
         };
@@ -19862,7 +19986,7 @@
         function PaletteService() {
             var _b;
             this.componentLauncherRegistry = (_b = {},
-                _b[DisplayContextCustomParameter.CaseFileView] = [CaseFileViewFieldComponent, CaseFileViewFieldReadComponent],
+                _b[DisplayContextCustomParameter.CaseFileView] = [CaseFileViewFieldComponent, CaseFileViewFieldComponent],
                 _b[DisplayContextCustomParameter.LinkedCases] = [WriteLinkedCasesFieldComponent, ReadLinkedCasesFieldComponent],
                 _b);
         }
@@ -19892,6 +20016,8 @@
                     return write ? WriteFixedListFieldComponent : ReadFixedListFieldComponent;
                 case 'DynamicRadioList':
                     return write ? WriteDynamicRadioListFieldComponent : ReadDynamicRadioListFieldComponent;
+                case 'DynamicMultiSelectList':
+                    return write ? WriteDynamicMultiSelectListFieldComponent : ReadDynamicMultiSelectListFieldComponent;
                 case 'FixedRadioList':
                     return write ? WriteFixedRadioListFieldComponent : ReadFixedRadioListFieldComponent;
                 case 'Complex':
@@ -19961,7 +20087,7 @@
     })();
 
     var _c0$v = ["fieldContainer"];
-    var FIX_CASEFIELD_FOR$1 = ['FixedList', 'DynamicList'];
+    var FIX_CASEFIELD_FOR$1 = ['FixedList', 'DynamicList', 'DynamicMultiSelectList'];
     var FieldReadComponent = /** @class */ (function (_super) {
         __extends(FieldReadComponent, _super);
         function FieldReadComponent(resolver, paletteService) {
@@ -20051,7 +20177,7 @@
     })();
 
     var _c0$u = ["fieldContainer"];
-    var FIX_CASEFIELD_FOR = ['FixedList', 'DynamicList'];
+    var FIX_CASEFIELD_FOR = ['FixedList', 'DynamicList', 'DynamicMultiSelectList'];
     var FieldWriteComponent = /** @class */ (function (_super) {
         __extends(FieldWriteComponent, _super);
         function FieldWriteComponent(resolver, paletteService) {
@@ -20790,10 +20916,14 @@
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementStart(4, "span", 16);
             i0__namespace.ɵɵtext(5);
+            i0__namespace.ɵɵelement(6, "br");
+            i0__namespace.ɵɵelementStart(7, "span", 17);
+            i0__namespace.ɵɵtext(8);
+            i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(6, "div", 17);
-            i0__namespace.ɵɵelementStart(7, "ccd-case-file-view-folder-document-actions", 18);
-            i0__namespace.ɵɵlistener("changeFolderAction", function CaseFileViewFolderComponent_div_8_cdk_nested_tree_node_4_Template_ccd_case_file_view_folder_document_actions_changeFolderAction_7_listener() { i0__namespace.ɵɵrestoreView(_r6_1); var node_r4 = ctx.$implicit; var ctx_r7 = i0__namespace.ɵɵnextContext(2); return ctx_r7.triggerDocumentAction("changeFolder", node_r4); })("openInANewTabAction", function CaseFileViewFolderComponent_div_8_cdk_nested_tree_node_4_Template_ccd_case_file_view_folder_document_actions_openInANewTabAction_7_listener() { i0__namespace.ɵɵrestoreView(_r6_1); var node_r4 = ctx.$implicit; var ctx_r8 = i0__namespace.ɵɵnextContext(2); return ctx_r8.triggerDocumentAction("openInANewTab", node_r4); })("downloadAction", function CaseFileViewFolderComponent_div_8_cdk_nested_tree_node_4_Template_ccd_case_file_view_folder_document_actions_downloadAction_7_listener() { i0__namespace.ɵɵrestoreView(_r6_1); var node_r4 = ctx.$implicit; var ctx_r9 = i0__namespace.ɵɵnextContext(2); return ctx_r9.triggerDocumentAction("download", node_r4); })("printAction", function CaseFileViewFolderComponent_div_8_cdk_nested_tree_node_4_Template_ccd_case_file_view_folder_document_actions_printAction_7_listener() { i0__namespace.ɵɵrestoreView(_r6_1); var node_r4 = ctx.$implicit; var ctx_r10 = i0__namespace.ɵɵnextContext(2); return ctx_r10.triggerDocumentAction("print", node_r4); });
+            i0__namespace.ɵɵelementStart(9, "div", 18);
+            i0__namespace.ɵɵelementStart(10, "ccd-case-file-view-folder-document-actions", 19);
+            i0__namespace.ɵɵlistener("changeFolderAction", function CaseFileViewFolderComponent_div_8_cdk_nested_tree_node_4_Template_ccd_case_file_view_folder_document_actions_changeFolderAction_10_listener() { i0__namespace.ɵɵrestoreView(_r6_1); var node_r4 = ctx.$implicit; var ctx_r7 = i0__namespace.ɵɵnextContext(2); return ctx_r7.triggerDocumentAction("changeFolder", node_r4); })("openInANewTabAction", function CaseFileViewFolderComponent_div_8_cdk_nested_tree_node_4_Template_ccd_case_file_view_folder_document_actions_openInANewTabAction_10_listener() { i0__namespace.ɵɵrestoreView(_r6_1); var node_r4 = ctx.$implicit; var ctx_r8 = i0__namespace.ɵɵnextContext(2); return ctx_r8.triggerDocumentAction("openInANewTab", node_r4); })("downloadAction", function CaseFileViewFolderComponent_div_8_cdk_nested_tree_node_4_Template_ccd_case_file_view_folder_document_actions_downloadAction_10_listener() { i0__namespace.ɵɵrestoreView(_r6_1); var node_r4 = ctx.$implicit; var ctx_r9 = i0__namespace.ɵɵnextContext(2); return ctx_r9.triggerDocumentAction("download", node_r4); })("printAction", function CaseFileViewFolderComponent_div_8_cdk_nested_tree_node_4_Template_ccd_case_file_view_folder_document_actions_printAction_10_listener() { i0__namespace.ɵɵrestoreView(_r6_1); var node_r4 = ctx.$implicit; var ctx_r10 = i0__namespace.ɵɵnextContext(2); return ctx_r10.triggerDocumentAction("print", node_r4); });
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
@@ -20805,27 +20935,29 @@
             i0__namespace.ɵɵadvance(1);
             i0__namespace.ɵɵclassProp("node--selected", (ctx_r2.selectedNodeItem == null ? null : ctx_r2.selectedNodeItem.name) === node_r4.name);
             i0__namespace.ɵɵadvance(4);
-            i0__namespace.ɵɵtextInterpolate(node_r4.name);
+            i0__namespace.ɵɵtextInterpolate1(" ", node_r4.name, " ");
+            i0__namespace.ɵɵadvance(3);
+            i0__namespace.ɵɵtextInterpolate(node_r4.upload_timestamp);
             i0__namespace.ɵɵadvance(2);
             i0__namespace.ɵɵproperty("allowMoving", ctx_r2.allowMoving);
         }
     }
     function CaseFileViewFolderComponent_div_8_cdk_nested_tree_node_5_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "cdk-nested-tree-node", 19);
-            i0__namespace.ɵɵelementStart(1, "button", 20);
-            i0__namespace.ɵɵelementStart(2, "div", 21);
-            i0__namespace.ɵɵelement(3, "img", 22);
-            i0__namespace.ɵɵelementStart(4, "span", 23);
+            i0__namespace.ɵɵelementStart(0, "cdk-nested-tree-node", 20);
+            i0__namespace.ɵɵelementStart(1, "button", 21);
+            i0__namespace.ɵɵelementStart(2, "div", 22);
+            i0__namespace.ɵɵelement(3, "img", 23);
+            i0__namespace.ɵɵelementStart(4, "span", 24);
             i0__namespace.ɵɵtext(5);
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(6, "span", 24);
+            i0__namespace.ɵɵelementStart(6, "span", 25);
             i0__namespace.ɵɵtext(7);
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementStart(8, "div");
-            i0__namespace.ɵɵelementContainer(9, 25);
+            i0__namespace.ɵɵelementContainer(9, 26);
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
         }
@@ -20850,7 +20982,7 @@
             i0__namespace.ɵɵtemplate(1, CaseFileViewFolderComponent_div_8_div_1_Template, 2, 0, "div", 8);
             i0__namespace.ɵɵelementStart(2, "div");
             i0__namespace.ɵɵelementStart(3, "cdk-tree", 9);
-            i0__namespace.ɵɵtemplate(4, CaseFileViewFolderComponent_div_8_cdk_nested_tree_node_4_Template, 8, 4, "cdk-nested-tree-node", 10);
+            i0__namespace.ɵɵtemplate(4, CaseFileViewFolderComponent_div_8_cdk_nested_tree_node_4_Template, 11, 5, "cdk-nested-tree-node", 10);
             i0__namespace.ɵɵtemplate(5, CaseFileViewFolderComponent_div_8_cdk_nested_tree_node_5_Template, 10, 6, "cdk-nested-tree-node", 11);
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
@@ -20945,6 +21077,7 @@
                 documentTreeNode.document_filename = document.document_filename;
                 documentTreeNode.document_binary_url = document.document_binary_url;
                 documentTreeNode.attribute_path = document.attribute_path;
+                documentTreeNode.upload_timestamp = document.upload_timestamp ? moment__namespace(document.upload_timestamp).format('DD MMM YYYY') : '';
                 documentsToReturn.push(documentTreeNode);
             });
             return documentsToReturn;
@@ -20958,6 +21091,7 @@
                 documentTreeNode.document_filename = document.document_filename;
                 documentTreeNode.document_binary_url = document.document_binary_url;
                 documentTreeNode.attribute_path = document.attribute_path;
+                documentTreeNode.upload_timestamp = document.upload_timestamp ? moment__namespace(document.upload_timestamp).format('DD MMM YYYY') : '';
                 documents.push(documentTreeNode);
             });
             var uncategorisedNode = new DocumentTreeNode();
@@ -21082,7 +21216,7 @@
     CaseFileViewFolderComponent.DOCUMENT_SEARCH_FORM_CONTROL_NAME = 'documentSearchFormControl';
     CaseFileViewFolderComponent.MINIMUM_SEARCH_CHARACTERS = 1;
     CaseFileViewFolderComponent.ɵfac = function CaseFileViewFolderComponent_Factory(t) { return new (t || CaseFileViewFolderComponent)(i0__namespace.ɵɵdirectiveInject(WindowService), i0__namespace.ɵɵdirectiveInject(i1__namespace$1.Router), i0__namespace.ɵɵdirectiveInject(DocumentManagementService), i0__namespace.ɵɵdirectiveInject(i1__namespace$3.MatDialog)); };
-    CaseFileViewFolderComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: CaseFileViewFolderComponent, selectors: [["ccd-case-file-view-folder"]], inputs: { categoriesAndDocuments: "categoriesAndDocuments", allowMoving: "allowMoving" }, outputs: { clickedDocument: "clickedDocument", moveDocument: "moveDocument" }, decls: 9, vars: 3, consts: [[1, "document-filter-container"], [1, "form-group", "document-filter", 3, "formGroup"], ["type", "search", "id", "document-search", "name", "documentSearchFormControl", "formControlName", "documentSearchFormControl", "placeholder", "Search by document name", 1, "form-control", "document-search"], [1, "document-folders-header"], [1, "document-folders-header__title"], [3, "sortAscending", "sortDescending"], ["class", "document-tree-container", 4, "ngIf"], [1, "document-tree-container"], [4, "ngIf"], [3, "dataSource", "treeControl"], ["class", "document-tree-container__node document-tree-container__node--document", 4, "cdkTreeNodeDef"], ["class", "document-tree-container__node document-tree-container__folder", 4, "cdkTreeNodeDef", "cdkTreeNodeDefWhen"], [1, "document-tree-container__node", "document-tree-container__node--document"], [1, "node", 3, "click"], ["disabled", "", 1, "node__icon"], ["src", "/assets/img/case-file-view/case-file-view-document.svg", "alt", "Document icon", 1, "node__iconImg"], [1, "node__name", "node-name-document"], [1, "node__document-options"], [3, "allowMoving", "changeFolderAction", "openInANewTabAction", "downloadAction", "printAction"], [1, "document-tree-container__node", "document-tree-container__folder"], ["cdkTreeNodeToggle", "", 1, "node"], [1, "node__icon"], ["alt", "Folder icon", 1, "node__iconImg", 3, "src"], [1, "node__count"], [1, "node__name", "node__name--folder"], ["cdkTreeNodeOutlet", ""]], template: function CaseFileViewFolderComponent_Template(rf, ctx) {
+    CaseFileViewFolderComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: CaseFileViewFolderComponent, selectors: [["ccd-case-file-view-folder"]], inputs: { categoriesAndDocuments: "categoriesAndDocuments", allowMoving: "allowMoving" }, outputs: { clickedDocument: "clickedDocument", moveDocument: "moveDocument" }, decls: 9, vars: 3, consts: [[1, "document-filter-container"], [1, "form-group", "document-filter", 3, "formGroup"], ["type", "search", "id", "document-search", "name", "documentSearchFormControl", "formControlName", "documentSearchFormControl", "placeholder", "Search by document name", 1, "form-control", "document-search"], [1, "document-folders-header"], [1, "document-folders-header__title"], [3, "sortAscending", "sortDescending"], ["class", "document-tree-container", 4, "ngIf"], [1, "document-tree-container"], [4, "ngIf"], [3, "dataSource", "treeControl"], ["class", "document-tree-container__node document-tree-container__node--document", 4, "cdkTreeNodeDef"], ["class", "document-tree-container__node document-tree-container__folder", 4, "cdkTreeNodeDef", "cdkTreeNodeDefWhen"], [1, "document-tree-container__node", "document-tree-container__node--document"], [1, "node", 3, "click"], ["disabled", "", 1, "node__icon"], ["src", "/assets/img/case-file-view/case-file-view-document.svg", "alt", "Document icon", 1, "node__iconImg"], [1, "node__name", "node-name-document"], [1, "node__document-upload-timestamp"], [1, "node__document-options"], [3, "allowMoving", "changeFolderAction", "openInANewTabAction", "downloadAction", "printAction"], [1, "document-tree-container__node", "document-tree-container__folder"], ["cdkTreeNodeToggle", "", 1, "node"], [1, "node__icon"], ["alt", "Folder icon", 1, "node__iconImg", 3, "src"], [1, "node__count"], [1, "node__name", "node__name--folder"], ["cdkTreeNodeOutlet", ""]], template: function CaseFileViewFolderComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0__namespace.ɵɵelementStart(0, "div", 0);
                 i0__namespace.ɵɵelementStart(1, "div", 1);
@@ -21109,7 +21243,7 @@
                 i0__namespace.ɵɵadvance(3);
                 i0__namespace.ɵɵproperty("ngIf", ctx.documentTreeData);
             }
-        }, directives: [i2__namespace.NgControlStatusGroup, i2__namespace.FormGroupDirective, i2__namespace.DefaultValueAccessor, i2__namespace.NgControlStatus, i2__namespace.FormControlName, CaseFileViewFolderSortComponent, i1__namespace.NgIf, i7__namespace.CdkTree, i7__namespace.CdkTreeNodeDef, i7__namespace.CdkNestedTreeNode, CaseFileViewFolderDocumentActionsComponent, i7__namespace.CdkTreeNodeToggle, i7__namespace.CdkTreeNodeOutlet], styles: ["[_nghost-%COMP%]{display:flex;height:100%;flex-direction:column}[_nghost-%COMP%]   .document-tree-container[_ngcontent-%COMP%]{flex:1 0}.document-filter-container[_ngcontent-%COMP%]{border-bottom:2px solid #c9c9c9}.document-filter-container[_ngcontent-%COMP%]   .document-filter[_ngcontent-%COMP%]{padding:10px}.document-filter-container[_ngcontent-%COMP%]   .document-filter[_ngcontent-%COMP%]   .document-search[_ngcontent-%COMP%]{background:url(/assets/images/icon-search-black.svg) no-repeat 100% #fff;background-position-x:calc(100% - 4px);padding-right:30px;width:100%}.document-filter-container[_ngcontent-%COMP%]   .documents-title[_ngcontent-%COMP%]{height:30%;margin-left:8px;font-weight:700}.document-tree-container[_ngcontent-%COMP%]{padding:4px;overflow-x:hidden;overflow-y:scroll}.document-tree-container__node[_ngcontent-%COMP%]{display:block}.document-tree-container__node[_ngcontent-%COMP%]   .document-tree-container__node[_ngcontent-%COMP%]{padding-left:40px}.document-tree-container[_ngcontent-%COMP%]   .document-tree-invisible[_ngcontent-%COMP%]{display:none}.document-tree-container[_ngcontent-%COMP%]::-webkit-scrollbar{width:7px}.document-tree-container[_ngcontent-%COMP%]::-webkit-scrollbar-thumb{border:4px solid transparent;background-clip:padding-box;border-radius:9999px;background-color:#aaa}.document-tree-container[_ngcontent-%COMP%]::-webkit-scrollbar-button{display:none}.document-tree-container[_ngcontent-%COMP%]::-webkit-scrollbar-track-piece{background:#eee}.document-tree-container[_ngcontent-%COMP%]::-webkit-scrollbar-thumb{background:#ccc}.document-folders-header[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid #c9c9c9;padding:10px}.document-folders-header__title[_ngcontent-%COMP%]{font-weight:700}.node[_ngcontent-%COMP%]{display:flex;align-items:center;width:100%;padding:6px;background:none;border:0;cursor:pointer;white-space:nowrap}.node--selected[_ngcontent-%COMP%]{background:#fff2cc}.node__icon[_ngcontent-%COMP%]{position:relative;display:inline-block}.node__count[_ngcontent-%COMP%]{color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.875rem;padding-top:4px}.node__iconImg[_ngcontent-%COMP%]{display:block;height:30px;width:30px}.node__name[_ngcontent-%COMP%]{margin-left:6px;font-size:1rem;overflow:hidden;text-overflow:ellipsis}.node__document-options[_ngcontent-%COMP%]{margin-left:auto;margin-right:0}"] });
+        }, directives: [i2__namespace.NgControlStatusGroup, i2__namespace.FormGroupDirective, i2__namespace.DefaultValueAccessor, i2__namespace.NgControlStatus, i2__namespace.FormControlName, CaseFileViewFolderSortComponent, i1__namespace.NgIf, i7__namespace.CdkTree, i7__namespace.CdkTreeNodeDef, i7__namespace.CdkNestedTreeNode, CaseFileViewFolderDocumentActionsComponent, i7__namespace.CdkTreeNodeToggle, i7__namespace.CdkTreeNodeOutlet], styles: ["[_nghost-%COMP%]{display:flex;height:100%;flex-direction:column}[_nghost-%COMP%]   .document-tree-container[_ngcontent-%COMP%]{flex:1 0}.document-filter-container[_ngcontent-%COMP%]{border-bottom:2px solid #c9c9c9}.document-filter-container[_ngcontent-%COMP%]   .document-filter[_ngcontent-%COMP%]{padding:10px}.document-filter-container[_ngcontent-%COMP%]   .document-filter[_ngcontent-%COMP%]   .document-search[_ngcontent-%COMP%]{background:url(/assets/images/icon-search-black.svg) no-repeat 100% #fff;background-position-x:calc(100% - 4px);padding-right:30px;width:100%}.document-filter-container[_ngcontent-%COMP%]   .documents-title[_ngcontent-%COMP%]{height:30%;margin-left:8px;font-weight:700}.document-tree-container[_ngcontent-%COMP%]{padding:4px;overflow-x:hidden;overflow-y:scroll}.document-tree-container__node[_ngcontent-%COMP%]{display:block}.document-tree-container__node[_ngcontent-%COMP%]   .document-tree-container__node[_ngcontent-%COMP%]{padding-left:40px}.document-tree-container[_ngcontent-%COMP%]   .document-tree-invisible[_ngcontent-%COMP%]{display:none}.document-tree-container[_ngcontent-%COMP%]::-webkit-scrollbar{width:7px}.document-tree-container[_ngcontent-%COMP%]::-webkit-scrollbar-thumb{border:4px solid transparent;background-clip:padding-box;border-radius:9999px;background-color:#aaa}.document-tree-container[_ngcontent-%COMP%]::-webkit-scrollbar-button{display:none}.document-tree-container[_ngcontent-%COMP%]::-webkit-scrollbar-track-piece{background:#eee}.document-tree-container[_ngcontent-%COMP%]::-webkit-scrollbar-thumb{background:#ccc}.document-folders-header[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid #c9c9c9;padding:10px}.document-folders-header__title[_ngcontent-%COMP%]{font-weight:700}.node[_ngcontent-%COMP%]{display:flex;align-items:center;width:100%;padding:10px;background:none;border:0;cursor:pointer;white-space:nowrap}.node--selected[_ngcontent-%COMP%]{background:#fff2cc}.node__icon[_ngcontent-%COMP%]{position:relative;display:inline-block}.node__count[_ngcontent-%COMP%]{color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.875rem;padding-top:4px}.node__iconImg[_ngcontent-%COMP%]{display:block;height:30px;width:30px}.node__name[_ngcontent-%COMP%]{margin-left:6px;font-size:1rem;overflow:hidden;text-overflow:ellipsis}.node__document-options[_ngcontent-%COMP%]{margin-left:auto;margin-right:0}.node__document-upload-timestamp[_ngcontent-%COMP%]{font-size:.8rem;float:left;padding-left:10px}"] });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(CaseFileViewFolderComponent, [{
                 type: i0.Component,
@@ -22003,7 +22137,7 @@
             // is expected not to have a party name)
             if (this.flagsData) {
                 this.filteredFlagsData =
-                    this.flagsData.filter(function (f) { return f.flags.partyName != null || f.pathToFlagsFormGroup === _this.caseLevelCaseFlagsFieldId; });
+                    this.flagsData.filter(function (f) { return 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) {
@@ -23300,13 +23434,13 @@
             field.value = { CaseReference: value };
             return field;
         };
-        ReadComplexFieldCollectionTableComponent.prototype.toCaseField = function (id, label, field_type, value) {
+        ReadComplexFieldCollectionTableComponent.prototype.toCaseField = function (id, label, fieldType, value) {
             return classTransformer.plainToClassFromExist(new CaseField(), {
                 id: id,
                 label: label,
                 display_context: 'READONLY',
                 value: value,
-                field_type: field_type
+                field_type: fieldType
             });
         };
         ReadComplexFieldCollectionTableComponent.prototype.sortRowsByColumns = function (column) {
@@ -25142,7 +25276,7 @@
         function CcdPageFieldsPipe() {
         }
         CcdPageFieldsPipe.prototype.transform = function (page, dataFormGroup) {
-            var complex_fields = Object.keys(dataFormGroup.controls['data'].controls).map(function (key) {
+            var complexFields = Object.keys(dataFormGroup.controls['data'].controls).map(function (key) {
                 var control = dataFormGroup.controls['data'].get(key);
                 return control['caseField'];
             }).filter(function (field) {
@@ -25162,7 +25296,7 @@
                 field_type: {
                     id: page.id,
                     type: 'Complex',
-                    complex_fields: complex_fields
+                    complex_fields: complexFields
                 }
             });
         };
@@ -25341,11 +25475,11 @@
             }
             return childrenCaseFields;
         };
-        CollectionCreateCheckerService.prototype.isComplex = function (case_field) {
-            return case_field.field_type.type === 'Complex';
+        CollectionCreateCheckerService.prototype.isComplex = function (caseField) {
+            return caseField.field_type.type === 'Complex';
         };
-        CollectionCreateCheckerService.prototype.isCollection = function (case_field) {
-            return case_field.field_type.type === 'Collection';
+        CollectionCreateCheckerService.prototype.isCollection = function (caseField) {
+            return caseField.field_type.type === 'Collection';
         };
         CollectionCreateCheckerService.prototype.hasCreateAccess = function (caseField, role) {
             return !!caseField.acls.find(function (acl) { return acl.role === role && acl.create === true; });
@@ -25439,6 +25573,8 @@
         WriteDocumentFieldComponent,
         WriteDynamicListFieldComponent,
         WriteDynamicRadioListFieldComponent,
+        WriteDynamicMultiSelectListFieldComponent,
+        ReadDynamicMultiSelectListFieldComponent,
         WriteTextFieldComponent,
         WriteDateContainerFieldComponent,
         WriteTextAreaFieldComponent,
@@ -25462,12 +25598,18 @@
         WriteCollectionFieldComponent,
         // ComponentLauncher web components
         CaseFileViewFieldComponent,
-        CaseFileViewFieldReadComponent,
         CaseFileViewFolderComponent,
         CaseFileViewFolderSortComponent,
         CaseFileViewOverlayMenuComponent,
         CaseFileViewFolderDocumentActionsComponent,
         CaseFileViewFolderSelectorComponent,
+        // component for dynamic list
+        WriteDynamicMultiSelectListFieldComponent,
+        WriteDynamicRadioListFieldComponent,
+        WriteDynamicListFieldComponent,
+        ReadDynamicMultiSelectListFieldComponent,
+        ReadDynamicListFieldComponent,
+        ReadDynamicRadioListFieldComponent,
         LinkedCasesToTableComponent,
         LinkedCasesFromTableComponent,
         BeforeYouStartComponent,
@@ -25598,6 +25740,8 @@
                 WriteDocumentFieldComponent,
                 WriteDynamicListFieldComponent,
                 WriteDynamicRadioListFieldComponent,
+                WriteDynamicMultiSelectListFieldComponent,
+                ReadDynamicMultiSelectListFieldComponent,
                 WriteTextFieldComponent,
                 WriteDateContainerFieldComponent,
                 WriteTextAreaFieldComponent,
@@ -25621,12 +25765,18 @@
                 WriteCollectionFieldComponent,
                 // ComponentLauncher web components
                 CaseFileViewFieldComponent,
-                CaseFileViewFieldReadComponent,
                 CaseFileViewFolderComponent,
                 CaseFileViewFolderSortComponent,
                 CaseFileViewOverlayMenuComponent,
                 CaseFileViewFolderDocumentActionsComponent,
                 CaseFileViewFolderSelectorComponent,
+                // component for dynamic list
+                WriteDynamicMultiSelectListFieldComponent,
+                WriteDynamicRadioListFieldComponent,
+                WriteDynamicListFieldComponent,
+                ReadDynamicMultiSelectListFieldComponent,
+                ReadDynamicListFieldComponent,
+                ReadDynamicRadioListFieldComponent,
                 LinkedCasesToTableComponent,
                 LinkedCasesFromTableComponent,
                 BeforeYouStartComponent,
@@ -25716,6 +25866,8 @@
                 WriteDocumentFieldComponent,
                 WriteDynamicListFieldComponent,
                 WriteDynamicRadioListFieldComponent,
+                WriteDynamicMultiSelectListFieldComponent,
+                ReadDynamicMultiSelectListFieldComponent,
                 WriteTextFieldComponent,
                 WriteDateContainerFieldComponent,
                 WriteTextAreaFieldComponent,
@@ -25739,12 +25891,18 @@
                 WriteCollectionFieldComponent,
                 // ComponentLauncher web components
                 CaseFileViewFieldComponent,
-                CaseFileViewFieldReadComponent,
                 CaseFileViewFolderComponent,
                 CaseFileViewFolderSortComponent,
                 CaseFileViewOverlayMenuComponent,
                 CaseFileViewFolderDocumentActionsComponent,
                 CaseFileViewFolderSelectorComponent,
+                // component for dynamic list
+                WriteDynamicMultiSelectListFieldComponent,
+                WriteDynamicRadioListFieldComponent,
+                WriteDynamicListFieldComponent,
+                ReadDynamicMultiSelectListFieldComponent,
+                ReadDynamicListFieldComponent,
+                ReadDynamicRadioListFieldComponent,
                 LinkedCasesToTableComponent,
                 LinkedCasesFromTableComponent,
                 BeforeYouStartComponent,
@@ -25870,8 +26028,7 @@
     i0__namespace.ɵɵsetComponentScope(WriteCollectionFieldComponent, [i1__namespace.NgIf, i1__namespace.NgForOf, FieldWriteComponent, i2__namespace.NgControlStatusGroup, i2__namespace.FormGroupDirective], [FieldLabelPipe, FirstErrorPipe]);
     i0__namespace.ɵɵsetComponentScope(
     // ComponentLauncher web components
-    CaseFileViewFieldComponent, [i1__namespace.NgIf, CaseFileViewFolderComponent, i11__namespace.ɵcs], []);
-    i0__namespace.ɵɵsetComponentScope(CaseFileViewFieldReadComponent, [i1__namespace.NgIf, CaseFileViewFolderComponent, i11__namespace.ɵcs], []);
+    CaseFileViewFieldComponent, [i1__namespace.NgIf, CaseFileViewFolderComponent, i11__namespace.MediaViewerComponent], []);
     i0__namespace.ɵɵsetComponentScope(LinkedCasesToTableComponent, [i1__namespace.NgIf, i1__namespace.NgForOf], [CaseReferencePipe, LinkCasesReasonValuePipe]);
     i0__namespace.ɵɵsetComponentScope(LinkedCasesFromTableComponent, [i1__namespace.NgIf, i1__namespace.NgForOf], [CaseReferencePipe, LinkCasesFromReasonValuePipe]);
     i0__namespace.ɵɵsetComponentScope(LinkCasesComponent, [i1__namespace.NgIf, i2__namespace.NgControlStatusGroup, i2__namespace.FormGroupDirective, i1__namespace.NgClass, i2__namespace.DefaultValueAccessor, i2__namespace.NgControlStatus, i2__namespace.FormControlName, i2__namespace.FormArrayName, i1__namespace.NgForOf, i2__namespace.FormGroupName, i2__namespace.CheckboxControlValueAccessor], [CaseReferencePipe, LinkCasesReasonValuePipe]);
@@ -26523,7 +26680,7 @@
                     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)
@@ -28552,7 +28709,7 @@
                         var formValue = _this.windowService.getLocalStorage(FORM_GROUP_VAL_LOC_STORAGE);
                         workbasketInputs.forEach(function (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) {
@@ -28604,7 +28761,7 @@
                                 var 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);
                                 }
                             }
@@ -30985,7 +31142,7 @@
          * or the empty string
          */
         PrintUrlPipe.prototype.transform = function (remoteUrl) {
-            if (remoteUrl && remoteUrl.length > 0) {
+            if ((remoteUrl === null || remoteUrl === void 0 ? void 0 : remoteUrl.length) > 0) {
                 var printServiceUrlPathname = void 0;
                 /**
                  * Check navigator.userAgent to see if the browser is IE or not. Check for either the browser name, "MSIE", or
@@ -31001,7 +31158,7 @@
                     printServiceUrlPathname = urlParser.pathname;
                     if (printServiceUrlPathname[0] !== '/') {
                         // Fix for IE11; it returns the pathname without leading slash
-                        printServiceUrlPathname = '/' + printServiceUrlPathname;
+                        printServiceUrlPathname = "/" + printServiceUrlPathname;
                     }
                 }
                 else {
@@ -31204,10 +31361,10 @@
         };
         CaseViewerComponent.prototype.setUserAccessType = function (caseDetails) {
             if (caseDetails && Array.isArray(caseDetails.metadataFields)) {
-                var access_process = caseDetails.metadataFields.find(function (metadataField) { return metadataField.id === CaseViewerComponent.METADATA_FIELD_ACCESS_PROCEES_ID; });
-                var access_granted = caseDetails.metadataFields.find(function (metadataField) { return 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;
+                var accessProcess = caseDetails.metadataFields.find(function (metadataField) { return metadataField.id === CaseViewerComponent.METADATA_FIELD_ACCESS_PROCEES_ID; });
+                var accessGranted = caseDetails.metadataFields.find(function (metadataField) { return 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;
             }
         };
         CaseViewerComponent.prototype.isDataLoaded = function () {
@@ -32503,11 +32660,11 @@
                 };
                 this.$roleAssignmentResponseSubscription = this.casesService.createChallengedAccessRequest(caseId_1, challengedAccessRequest)
                     .pipe(operators.switchMap(function () { return _this.caseNotifier.fetchAndRefresh(caseId_1); }))
-                    .subscribe(function (_response) {
+                    .subscribe(function () {
                     // 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 });
-                }, function (_error) {
+                }, function () {
                     // Navigate to error page
                 });
             }
@@ -32521,7 +32678,7 @@
             }
         };
         CaseChallengedAccessRequestComponent.prototype.inputEmpty = function (input) {
-            return input.value == null || input.value.trim().length === 0;
+            return input.value === null || input.value.trim().length === 0;
         };
         return CaseChallengedAccessRequestComponent;
     }());
@@ -33145,11 +33302,11 @@
                 };
                 this.$roleAssignmentResponseSubscription = this.casesService.createSpecificAccessRequest(caseId_1, specificAccessRequest)
                     .pipe(operators.switchMap(function () { return _this.caseNotifier.fetchAndRefresh(caseId_1); }))
-                    .subscribe(function (_response) {
+                    .subscribe(function () {
                     // 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 });
-                }, function (_error) {
+                }, function () {
                     // Navigate to error page
                 });
             }
@@ -33164,7 +33321,7 @@
             }
         };
         CaseSpecificAccessRequestComponent.prototype.inputEmpty = function (input) {
-            return input.value == null || input.value.trim().length === 0;
+            return input.value === null || input.value.trim().length === 0;
         };
         return CaseSpecificAccessRequestComponent;
     }());
@@ -34065,7 +34222,7 @@
                 }
                 searchInputs.forEach(function (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) {
@@ -35332,24 +35489,24 @@
             this.caseField.id = id;
             return this;
         };
-        CaseFieldBuilder.prototype.withFieldType = function (field_type) {
-            this.caseField.field_type = field_type;
+        CaseFieldBuilder.prototype.withFieldType = function (fieldType) {
+            this.caseField.field_type = fieldType;
             return this;
         };
-        CaseFieldBuilder.prototype.withDisplayContext = function (display_context) {
-            this.caseField.display_context = display_context;
+        CaseFieldBuilder.prototype.withDisplayContext = function (displayContext) {
+            this.caseField.display_context = displayContext;
             return this;
         };
-        CaseFieldBuilder.prototype.withDisplayContextParameter = function (display_context_parameter) {
-            this.caseField.display_context_parameter = display_context_parameter;
+        CaseFieldBuilder.prototype.withDisplayContextParameter = function (displayContextParameter) {
+            this.caseField.display_context_parameter = displayContextParameter;
             return this;
         };
         CaseFieldBuilder.prototype.withHidden = function (hidden) {
             this.caseField.hidden = hidden;
             return this;
         };
-        CaseFieldBuilder.prototype.withHintText = function (hint_text) {
-            this.caseField.hint_text = hint_text;
+        CaseFieldBuilder.prototype.withHintText = function (hintText) {
+            this.caseField.hint_text = hintText;
             return this;
         };
         CaseFieldBuilder.prototype.withLabel = function (label) {
@@ -35360,12 +35517,12 @@
             this.caseField.order = order;
             return this;
         };
-        CaseFieldBuilder.prototype.withSecurityLabel = function (security_label) {
-            this.caseField.security_label = security_label;
+        CaseFieldBuilder.prototype.withSecurityLabel = function (securityLabel) {
+            this.caseField.security_label = securityLabel;
             return this;
         };
-        CaseFieldBuilder.prototype.withShowCondition = function (show_condition) {
-            this.caseField.show_condition = show_condition;
+        CaseFieldBuilder.prototype.withShowCondition = function (showCondition) {
+            this.caseField.show_condition = showCondition;
             return this;
         };
         CaseFieldBuilder.prototype.withShowSummaryContentOption = function (option) {
@@ -35393,21 +35550,21 @@
             complex_fields: []
         };
     };
-    var createCaseEventTrigger = function (id, name, case_id, show_summary, case_fields, wizard_pages, can_save_draft) {
-        if (wizard_pages === void 0) { wizard_pages = []; }
-        if (can_save_draft === void 0) { can_save_draft = false; }
+    var createCaseEventTrigger = function (id, name, caseId, showSummary, caseFields, wizardPages, canSaveDraft) {
+        if (wizardPages === void 0) { wizardPages = []; }
+        if (canSaveDraft === void 0) { canSaveDraft = false; }
         var 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;
     };
-    var aCaseField = function (id, label, type, display_context, show_summary_content_option, typeComplexFields, retain_hidden_value, hidden) {
+    var aCaseField = function (id, label, type, displayContext, showSummaryContentOption, typeComplexFields, retainHiddenValue, hidden) {
         if (typeComplexFields === void 0) { typeComplexFields = []; }
         return ({
             id: id || 'personFirstName',
@@ -35416,10 +35573,10 @@
                 type: type || 'Text',
                 complex_fields: typeComplexFields || []
             },
-            display_context: display_context || 'OPTIONAL',
+            display_context: displayContext || 'OPTIONAL',
             label: label || 'First name',
-            show_summary_content_option: show_summary_content_option,
-            retain_hidden_value: retain_hidden_value || false,
+            show_summary_content_option: showSummaryContentOption,
+            retain_hidden_value: retainHiddenValue || false,
             hidden: hidden || false
         });
     };
@@ -35461,48 +35618,48 @@
         complexFieldOverride.display_context = 'HIDDEN';
         return complexFieldOverride;
     };
-    var createCaseField = function (id, label, hint, fieldType, display_context, order, show_condition, ACLs, hidden) {
+    var createCaseField = function (id, label, hint, fieldType, displayContext, order, showCondition, acls, hidden) {
         if (order === void 0) { order = undefined; }
-        if (show_condition === void 0) { show_condition = undefined; }
-        if (ACLs === void 0) { ACLs = undefined; }
+        if (showCondition === void 0) { showCondition = undefined; }
+        if (acls === void 0) { acls = undefined; }
         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();
     };
-    var newCaseField = function (id, label, hint, fieldType, display_context, order) {
+    var newCaseField = function (id, label, hint, fieldType, displayContext, order) {
         if (order === void 0) { 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);
     };
-    var createFieldType = function (typeId, type, complex_fields, collection_field_type) {
-        if (complex_fields === void 0) { complex_fields = []; }
-        if (collection_field_type === void 0) { collection_field_type = undefined; }
+    var createFieldType = function (typeId, type, complexFields, collectionFieldType) {
+        if (complexFields === void 0) { complexFields = []; }
+        if (collectionFieldType === void 0) { 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
         };
     };
     var createFixedListFieldType = function (typeId, fixedListItems) {
         if (fixedListItems === void 0) { fixedListItems = []; }
         return {
-            id: 'FixedList-' + typeId,
+            id: "FixedList-" + typeId,
             type: 'FixedList',
             fixed_list_items: fixedListItems || []
         };
@@ -35510,18 +35667,18 @@
     var createMultiSelectListFieldType = function (typeId, fixedListItems) {
         if (fixedListItems === void 0) { fixedListItems = []; }
         return {
-            id: 'MultiSelectList-' + typeId,
+            id: "MultiSelectList-" + typeId,
             type: 'MultiSelectList',
             fixed_list_items: fixedListItems || []
         };
     };
-    var createACL = function (role, create, read, update, _delete) {
+    var createACL = function (role, aclCreate, aclRead, aclUpdate, aclDelete) {
         return ({
             role: role || 'roleX',
-            create: create,
-            read: read,
-            update: update,
-            delete: _delete
+            create: aclCreate,
+            read: aclRead,
+            update: aclUpdate,
+            delete: aclDelete
         });
     };
 
@@ -35621,7 +35778,6 @@
     exports.CaseField = CaseField;
     exports.CaseFieldService = CaseFieldService;
     exports.CaseFileViewFieldComponent = CaseFileViewFieldComponent;
-    exports.CaseFileViewFieldReadComponent = CaseFileViewFieldReadComponent;
     exports.CaseFileViewFolderComponent = CaseFileViewFolderComponent;
     exports.CaseFileViewFolderDocumentActionsComponent = CaseFileViewFolderDocumentActionsComponent;
     exports.CaseFileViewFolderSelectorComponent = CaseFileViewFolderSelectorComponent;
@@ -35741,7 +35897,6 @@
     exports.FormatTranslatorService = FormatTranslatorService;
     exports.GreyBarService = GreyBarService;
     exports.HRef = HRef;
-    exports.HasLoadingState = HasLoadingState;
     exports.HeaderBarComponent = HeaderBarComponent;
     exports.HeadersModule = HeadersModule;
     exports.HttpError = HttpError;
@@ -35811,6 +35966,7 @@
     exports.ReadDateFieldComponent = ReadDateFieldComponent;
     exports.ReadDocumentFieldComponent = ReadDocumentFieldComponent;
     exports.ReadDynamicListFieldComponent = ReadDynamicListFieldComponent;
+    exports.ReadDynamicMultiSelectListFieldComponent = ReadDynamicMultiSelectListFieldComponent;
     exports.ReadDynamicRadioListFieldComponent = ReadDynamicRadioListFieldComponent;
     exports.ReadEmailFieldComponent = ReadEmailFieldComponent;
     exports.ReadFieldsFilterPipe = ReadFieldsFilterPipe;
@@ -35887,6 +36043,7 @@
     exports.WriteDateFieldComponent = WriteDateFieldComponent;
     exports.WriteDocumentFieldComponent = WriteDocumentFieldComponent;
     exports.WriteDynamicListFieldComponent = WriteDynamicListFieldComponent;
+    exports.WriteDynamicMultiSelectListFieldComponent = WriteDynamicMultiSelectListFieldComponent;
     exports.WriteDynamicRadioListFieldComponent = WriteDynamicRadioListFieldComponent;
     exports.WriteEmailFieldComponent = WriteEmailFieldComponent;
     exports.WriteFixedListFieldComponent = WriteFixedListFieldComponent;