@hmcts/ccd-case-ui-toolkit 6.10.7-case-flags-multiple-case-flags-tabs-support-v2 → 6.10.7-cfv-move-document-handle-error

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

@@ -119,14 +119,14 @@
         }
     }
     var _c0$Y = [[["", "footerSolsNavLinks", ""]], [["", "footerCaseWorkerNavLinks", ""]]];
-    var _c1$q = ["[footerSolsNavLinks]", "[footerCaseWorkerNavLinks]"];
+    var _c1$r = ["[footerSolsNavLinks]", "[footerCaseWorkerNavLinks]"];
     var FooterComponent = /** @class */ (function () {
         function FooterComponent() {
         }
         return FooterComponent;
     }());
     FooterComponent.ɵfac = function FooterComponent_Factory(t) { return new (t || FooterComponent)(); };
-    FooterComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: FooterComponent, selectors: [["cut-footer-bar"]], inputs: { email: "email", isSolicitor: "isSolicitor", phone: "phone", workhours: "workhours" }, ngContentSelectors: _c1$q, decls: 4, vars: 4, consts: [["id", "footer", "role", "footer", 1, "group", "js-footer"], [1, "footer-wrapper"], ["class", "footer-meta", 4, "ngIf"], [1, "footer-meta"], [1, "footer-meta-inner"], [1, "open-government-licence"], [1, "logo"], ["href", "https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/", "rel", "license"], [1, "copyright"], ["href", "https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/copyright-and-re-use/crown-copyright/"], [1, "title"], [1, "footer-text"], [1, "email"], [3, "href"], [1, "phone"], [1, "work-hours"]], template: function FooterComponent_Template(rf, ctx) {
+    FooterComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: FooterComponent, selectors: [["cut-footer-bar"]], inputs: { email: "email", isSolicitor: "isSolicitor", phone: "phone", workhours: "workhours" }, ngContentSelectors: _c1$r, 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$Y);
                 i0__namespace.ɵɵelementStart(0, "footer", 0);
@@ -208,7 +208,7 @@
         }
     }
     var _c0$X = [[["", "headerNavigation", ""]]];
-    var _c1$p = ["[headerNavigation]"];
+    var _c1$q = ["[headerNavigation]"];
     var HeaderBarComponent = /** @class */ (function () {
         function HeaderBarComponent() {
             this.signOutRequest = new i0.EventEmitter();
@@ -219,7 +219,7 @@
         return HeaderBarComponent;
     }());
     HeaderBarComponent.ɵfac = function HeaderBarComponent_Factory(t) { return new (t || HeaderBarComponent)(); };
-    HeaderBarComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: HeaderBarComponent, selectors: [["cut-header-bar"]], inputs: { title: "title", isSolicitor: "isSolicitor", username: "username" }, outputs: { signOutRequest: "signOutRequest" }, ngContentSelectors: _c1$p, 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) {
+    HeaderBarComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: HeaderBarComponent, selectors: [["cut-header-bar"]], inputs: { title: "title", isSolicitor: "isSolicitor", username: "username" }, outputs: { signOutRequest: "signOutRequest" }, ngContentSelectors: _c1$q, 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$X);
                 i0__namespace.ɵɵelementStart(0, "header", 0);
@@ -283,14 +283,14 @@
     })();
 
     var _c0$W = [[["", "leftNavLinks", ""]], [["", "rightNavLinks", ""]]];
-    var _c1$o = ["[leftNavLinks]", "[rightNavLinks]"];
+    var _c1$p = ["[leftNavLinks]", "[rightNavLinks]"];
     var NavigationComponent = /** @class */ (function () {
         function NavigationComponent() {
         }
         return NavigationComponent;
     }());
     NavigationComponent.ɵfac = function NavigationComponent_Factory(t) { return new (t || NavigationComponent)(); };
-    NavigationComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: NavigationComponent, selectors: [["cut-nav-bar"]], inputs: { isSolicitor: "isSolicitor" }, ngContentSelectors: _c1$o, decls: 4, vars: 2, consts: [[1, "cut-nav-bar"]], template: function NavigationComponent_Template(rf, ctx) {
+    NavigationComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: NavigationComponent, selectors: [["cut-nav-bar"]], inputs: { isSolicitor: "isSolicitor" }, ngContentSelectors: _c1$p, decls: 4, vars: 2, consts: [[1, "cut-nav-bar"]], template: function NavigationComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0__namespace.ɵɵprojectionDef(_c0$W);
                 i0__namespace.ɵɵelementStart(0, "div");
@@ -438,14 +438,14 @@
     })();
 
     var _c0$V = [[["", "topBody", ""]], [["", "leftBody", ""]], [["", "rightBody", ""]]];
-    var _c1$n = ["[topBody]", "[leftBody]", "[rightBody]"];
+    var _c1$o = ["[topBody]", "[leftBody]", "[rightBody]"];
     var BodyComponent = /** @class */ (function () {
         function BodyComponent() {
         }
         return BodyComponent;
     }());
     BodyComponent.ɵfac = function BodyComponent_Factory(t) { return new (t || BodyComponent)(); };
-    BodyComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: BodyComponent, selectors: [["cut-body"]], ngContentSelectors: _c1$n, decls: 4, vars: 0, consts: [[1, "global-display"]], template: function BodyComponent_Template(rf, ctx) {
+    BodyComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: BodyComponent, selectors: [["cut-body"]], ngContentSelectors: _c1$o, decls: 4, vars: 0, consts: [[1, "global-display"]], template: function BodyComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0__namespace.ɵɵprojectionDef(_c0$V);
                 i0__namespace.ɵɵelementStart(0, "div", 0);
@@ -1472,14 +1472,14 @@
     })();
 
     var _c0$S = function (a0) { return { "js-hidden": a0 }; };
-    var _c1$m = ["*"];
+    var _c1$n = ["*"];
     var TabComponent = /** @class */ (function () {
         function TabComponent() {
         }
         return TabComponent;
     }());
     TabComponent.ɵfac = function TabComponent_Factory(t) { return new (t || TabComponent)(); };
-    TabComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: TabComponent, selectors: [["cut-tab"]], inputs: { id: "id", title: "title", selected: "selected" }, ngContentSelectors: _c1$m, decls: 2, vars: 5, consts: [["role", "tabpanel", 1, "tabs-panel", 3, "id", "ngClass"]], template: function TabComponent_Template(rf, ctx) {
+    TabComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: TabComponent, selectors: [["cut-tab"]], inputs: { id: "id", title: "title", selected: "selected" }, ngContentSelectors: _c1$n, decls: 2, vars: 5, consts: [["role", "tabpanel", 1, "tabs-panel", 3, "id", "ngClass"]], template: function TabComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0__namespace.ɵɵprojectionDef();
                 i0__namespace.ɵɵelementStart(0, "div", 0);
@@ -1511,7 +1511,7 @@
     })();
 
     var _c0$R = ["tab"];
-    var _c1$l = function () { return ["."]; };
+    var _c1$m = function () { return ["."]; };
     var _c2$3 = function (a0) { return { "tabs-toggle-selected": a0 }; };
     function TabsComponent_li_2_Template(rf, ctx) {
         if (rf & 1) {
@@ -1526,7 +1526,7 @@
         if (rf & 2) {
             var panel_r1 = ctx.$implicit;
             i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("routerLink", i0__namespace.ɵɵpureFunction0(6, _c1$l))("fragment", panel_r1.id)("ngClass", i0__namespace.ɵɵpureFunction1(7, _c2$3, panel_r1.selected));
+            i0__namespace.ɵɵproperty("routerLink", i0__namespace.ɵɵpureFunction0(6, _c1$m))("fragment", panel_r1.id)("ngClass", i0__namespace.ɵɵpureFunction1(7, _c2$3, panel_r1.selected));
             i0__namespace.ɵɵattribute("aria-controls", panel_r1.id)("aria-selected", panel_r1.selected);
             i0__namespace.ɵɵadvance(2);
             i0__namespace.ɵɵtextInterpolate(panel_r1.title);
@@ -2552,7 +2552,6 @@
         CaseFlagStatus["ACTIVE"] = "Active";
         CaseFlagStatus["INACTIVE"] = "Inactive";
         CaseFlagStatus["REQUESTED"] = "Requested";
-        CaseFlagStatus["NOT_APPROVED"] = "Not approved";
     })(exports.CaseFlagStatus || (exports.CaseFlagStatus = {}));
 
     var DashPipe = /** @class */ (function () {
@@ -11316,25 +11315,6 @@
             }], null, null);
     })();
 
-    var EnumDisplayDescriptionPipe = /** @class */ (function () {
-        function EnumDisplayDescriptionPipe() {
-        }
-        EnumDisplayDescriptionPipe.prototype.transform = function (value) {
-            return Object.values(value);
-        };
-        return EnumDisplayDescriptionPipe;
-    }());
-    EnumDisplayDescriptionPipe.ɵfac = function EnumDisplayDescriptionPipe_Factory(t) { return new (t || EnumDisplayDescriptionPipe)(); };
-    EnumDisplayDescriptionPipe.ɵpipe = i0__namespace.ɵɵdefinePipe({ name: "enumDisplayDescription", type: EnumDisplayDescriptionPipe, pure: true });
-    (function () {
-        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(EnumDisplayDescriptionPipe, [{
-                type: i0.Pipe,
-                args: [{
-                        name: 'enumDisplayDescription'
-                    }]
-            }], null, null);
-    })();
-
     var SortOrder;
     (function (SortOrder) {
         SortOrder[SortOrder["ASCENDING"] = 0] = "ASCENDING";
@@ -11375,8 +11355,7 @@
         CcdCYAPageLabelFilterPipe,
         ReadFieldsFilterPipe,
         CcdTabFieldsPipe,
-        CcdPageFieldsPipe,
-        EnumDisplayDescriptionPipe
+        CcdPageFieldsPipe
     ];
     var PipesModule = /** @class */ (function () {
         function PipesModule() {
@@ -11396,16 +11375,14 @@
                 CcdCYAPageLabelFilterPipe,
                 ReadFieldsFilterPipe,
                 CcdTabFieldsPipe,
-                CcdPageFieldsPipe,
-                EnumDisplayDescriptionPipe], imports: [i1.CommonModule], exports: [CaseReferencePipe,
+                CcdPageFieldsPipe], imports: [i1.CommonModule], exports: [CaseReferencePipe,
                 SortSearchResultPipe,
                 CcdCaseTitlePipe,
                 CcdCollectionTableCaseFieldsFilterPipe,
                 CcdCYAPageLabelFilterPipe,
                 ReadFieldsFilterPipe,
                 CcdTabFieldsPipe,
-                CcdPageFieldsPipe,
-                EnumDisplayDescriptionPipe] });
+                CcdPageFieldsPipe] });
     })();
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(PipesModule, [{
@@ -11473,7 +11450,7 @@
             i0__namespace.ɵɵelementEnd();
         }
     }
-    var _c1$k = function (a0) { return { "form-group-error": a0 }; };
+    var _c1$l = function (a0) { return { "form-group-error": a0 }; };
     var _c2$2 = function (a0) { return { "govuk-input--error": a0 }; };
     function WriteAddressFieldComponent_div_1_div_4_Template(rf, ctx) {
         if (rf & 1) {
@@ -11494,7 +11471,7 @@
         }
         if (rf & 2) {
             var ctx_r2 = i0__namespace.ɵɵnextContext(2);
-            i0__namespace.ɵɵproperty("id", ctx_r2.createElementId("postcodeLookup"))("ngClass", i0__namespace.ɵɵpureFunction1(7, _c1$k, ctx_r2.missingPostcode));
+            i0__namespace.ɵɵproperty("id", ctx_r2.createElementId("postcodeLookup"))("ngClass", i0__namespace.ɵɵpureFunction1(7, _c1$l, ctx_r2.missingPostcode));
             i0__namespace.ɵɵadvance(1);
             i0__namespace.ɵɵproperty("for", ctx_r2.createElementId("postcodeInput"));
             i0__namespace.ɵɵadvance(3);
@@ -11760,56 +11737,93 @@
                 }] });
     })();
 
-    function CaseFileViewFieldComponent_div_0_Template(rf, ctx) {
+    function CaseFileViewFieldComponent_ng_container_0_li_7_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "div", 2);
-            i0__namespace.ɵɵelementStart(1, "h1", 3);
+            i0__namespace.ɵɵelementStart(0, "li");
+            i0__namespace.ɵɵelementStart(1, "a", 8);
+            i0__namespace.ɵɵtext(2);
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var errorMessage_r4 = ctx.$implicit;
+            i0__namespace.ɵɵadvance(2);
+            i0__namespace.ɵɵtextInterpolate(errorMessage_r4);
+        }
+    }
+    function CaseFileViewFieldComponent_ng_container_0_Template(rf, ctx) {
+        if (rf & 1) {
+            i0__namespace.ɵɵelementContainerStart(0);
+            i0__namespace.ɵɵelementStart(1, "div", 2);
+            i0__namespace.ɵɵelementStart(2, "div", 3);
+            i0__namespace.ɵɵelementStart(3, "h2", 4);
+            i0__namespace.ɵɵtext(4, " There is a problem ");
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(5, "div", 5);
+            i0__namespace.ɵɵelementStart(6, "ul", 6);
+            i0__namespace.ɵɵtemplate(7, CaseFileViewFieldComponent_ng_container_0_li_7_Template, 3, 1, "li", 7);
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementContainerEnd();
+        }
+        if (rf & 2) {
+            var ctx_r0 = i0__namespace.ɵɵnextContext();
+            i0__namespace.ɵɵadvance(7);
+            i0__namespace.ɵɵproperty("ngForOf", ctx_r0.errorMessages);
+        }
+    }
+    function CaseFileViewFieldComponent_div_1_Template(rf, ctx) {
+        if (rf & 1) {
+            i0__namespace.ɵɵelementStart(0, "div", 9);
+            i0__namespace.ɵɵelementStart(1, "h1", 10);
             i0__namespace.ɵɵtext(2, "Sorry, there is a problem with the service");
             i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(3, "p", 4);
+            i0__namespace.ɵɵelementStart(3, "p", 11);
             i0__namespace.ɵɵtext(4, "Try again later.");
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
         }
     }
-    function CaseFileViewFieldComponent_div_1_ng_container_8_Template(rf, ctx) {
+    function CaseFileViewFieldComponent_div_2_ng_container_8_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementContainerStart(0);
-            i0__namespace.ɵɵelement(1, "mv-media-viewer", 11);
+            i0__namespace.ɵɵelement(1, "mv-media-viewer", 18);
             i0__namespace.ɵɵelementContainerEnd();
         }
         if (rf & 2) {
-            var ctx_r2 = i0__namespace.ɵɵnextContext(2);
+            var ctx_r5 = 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");
+            i0__namespace.ɵɵproperty("url", ctx_r5.currentDocument.document_binary_url)("downloadFileName", ctx_r5.currentDocument.document_filename)("showToolbar", true)("contentType", ctx_r5.currentDocument.content_type)("enableAnnotations", true)("enableRedactions", true)("height", "94.5vh");
         }
     }
-    function CaseFileViewFieldComponent_div_1_Template(rf, ctx) {
+    function CaseFileViewFieldComponent_div_2_Template(rf, ctx) {
         if (rf & 1) {
-            var _r4_1 = i0__namespace.ɵɵgetCurrentView();
+            var _r7_1 = i0__namespace.ɵɵgetCurrentView();
             i0__namespace.ɵɵelementStart(0, "div");
-            i0__namespace.ɵɵelementStart(1, "h2", 5);
+            i0__namespace.ɵɵelementStart(1, "h2", 12);
             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 CaseFileViewFieldComponent_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 CaseFileViewFieldComponent_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.ɵɵelementStart(3, "div", 13);
+            i0__namespace.ɵɵelementStart(4, "div", 14);
+            i0__namespace.ɵɵelementStart(5, "ccd-case-file-view-folder", 15);
+            i0__namespace.ɵɵlistener("clickedDocument", function CaseFileViewFieldComponent_div_2_Template_ccd_case_file_view_folder_clickedDocument_5_listener($event) { i0__namespace.ɵɵrestoreView(_r7_1); var ctx_r6 = i0__namespace.ɵɵnextContext(); ctx_r6.setMediaViewerFile($event); return ctx_r6.resetErrorMessages(); })("moveDocument", function CaseFileViewFieldComponent_div_2_Template_ccd_case_file_view_folder_moveDocument_5_listener($event) { i0__namespace.ɵɵrestoreView(_r7_1); var ctx_r8 = i0__namespace.ɵɵnextContext(); return ctx_r8.moveDocument($event); });
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelement(6, "div", 9);
-            i0__namespace.ɵɵelementStart(7, "div", 10);
-            i0__namespace.ɵɵtemplate(8, CaseFileViewFieldComponent_div_1_ng_container_8_Template, 2, 7, "ng-container", 1);
+            i0__namespace.ɵɵelement(6, "div", 16);
+            i0__namespace.ɵɵelementStart(7, "div", 17);
+            i0__namespace.ɵɵtemplate(8, CaseFileViewFieldComponent_div_2_ng_container_8_Template, 2, 7, "ng-container", 0);
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var ctx_r1 = i0__namespace.ɵɵnextContext();
+            var ctx_r2 = i0__namespace.ɵɵnextContext();
             i0__namespace.ɵɵadvance(5);
-            i0__namespace.ɵɵproperty("categoriesAndDocuments", ctx_r1.categoriesAndDocuments$)("allowMoving", ctx_r1.allowMoving);
+            i0__namespace.ɵɵproperty("categoriesAndDocuments", ctx_r2.categoriesAndDocuments$)("allowMoving", ctx_r2.allowMoving);
             i0__namespace.ɵɵadvance(3);
-            i0__namespace.ɵɵproperty("ngIf", ctx_r1.currentDocument);
+            i0__namespace.ɵɵproperty("ngIf", ctx_r2.currentDocument);
         }
     }
     var CaseFileViewFieldComponent = /** @class */ (function () {
@@ -11821,6 +11835,7 @@
             this.loadingService = loadingService;
             this.allowMoving = true;
             this.getCategoriesAndDocumentsError = false;
+            this.errorMessages = [];
         }
         CaseFileViewFieldComponent.prototype.ngOnInit = function () {
             var _this = this;
@@ -11866,11 +11881,23 @@
             var _this = this;
             var cid = this.route.snapshot.paramMap.get(CaseFileViewFieldComponent.PARAM_CASE_ID);
             var loadingToken = this.loadingService.register();
-            this.caseFileViewService.updateDocumentCategory(cid, this.caseVersion, data.document.attribute_path, data.newCategory).subscribe(function (_) {
-                location.reload();
+            this.caseFileViewService.updateDocumentCategory(cid, this.caseVersion, data.document.attribute_path, data.newCategory)
+                .pipe(operators.finalize(function () {
                 _this.loadingService.unregister(loadingToken);
+            }), operators.catchError(function () {
+                _this.errorMessages = ['You do not have permission to move this document to the selected folder.'];
+                return rxjs.of(null);
+            }))
+                .subscribe(function (res) {
+                if (res) {
+                    _this.resetErrorMessages();
+                    location.reload();
+                }
             });
         };
+        CaseFileViewFieldComponent.prototype.resetErrorMessages = function () {
+            this.errorMessages = [];
+        };
         CaseFileViewFieldComponent.prototype.ngOnDestroy = function () {
             if (this.categoriesAndDocumentsSubscription) {
                 this.categoriesAndDocumentsSubscription.unsubscribe();
@@ -11880,12 +11907,15 @@
     }());
     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.ɵ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) {
+    CaseFileViewFieldComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: CaseFileViewFieldComponent, selectors: [["ccd-case-file-view-field"]], decls: 3, vars: 3, consts: [[4, "ngIf"], ["class", "govuk-grid-column-two-thirds", 4, "ngIf"], ["data-module", "govuk-error-summary", 1, "govuk-error-summary", "govuk-!-margin-bottom-4"], ["role", "alert"], [1, "govuk-error-summary__title"], [1, "govuk-error-summary__body"], [1, "govuk-list", "govuk-error-summary__list"], [4, "ngFor", "ngForOf"], ["href", "javascript:void(0);"], [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);
-                i0__namespace.ɵɵtemplate(1, CaseFileViewFieldComponent_div_1_Template, 9, 3, "div", 1);
+                i0__namespace.ɵɵtemplate(0, CaseFileViewFieldComponent_ng_container_0_Template, 8, 1, "ng-container", 0);
+                i0__namespace.ɵɵtemplate(1, CaseFileViewFieldComponent_div_1_Template, 5, 0, "div", 1);
+                i0__namespace.ɵɵtemplate(2, CaseFileViewFieldComponent_div_2_Template, 9, 3, "div", 0);
             }
             if (rf & 2) {
+                i0__namespace.ɵɵproperty("ngIf", ctx.errorMessages == null ? null : ctx.errorMessages.length);
+                i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("ngIf", ctx.getCategoriesAndDocumentsError);
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("ngIf", !ctx.getCategoriesAndDocumentsError);
@@ -11902,74 +11932,114 @@
             }], 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) {
+    function CaseFileViewFieldReadComponent_ng_container_0_li_7_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "div", 2);
-            i0__namespace.ɵɵelementStart(1, "h1", 3);
+            i0__namespace.ɵɵelementStart(0, "li");
+            i0__namespace.ɵɵelementStart(1, "a", 8);
+            i0__namespace.ɵɵtext(2);
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var errorMessage_r4 = ctx.$implicit;
+            i0__namespace.ɵɵadvance(2);
+            i0__namespace.ɵɵtextInterpolate(errorMessage_r4);
+        }
+    }
+    function CaseFileViewFieldReadComponent_ng_container_0_Template(rf, ctx) {
+        if (rf & 1) {
+            i0__namespace.ɵɵelementContainerStart(0);
+            i0__namespace.ɵɵelementStart(1, "div", 2);
+            i0__namespace.ɵɵelementStart(2, "div", 3);
+            i0__namespace.ɵɵelementStart(3, "h2", 4);
+            i0__namespace.ɵɵtext(4, " There is a problem ");
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(5, "div", 5);
+            i0__namespace.ɵɵelementStart(6, "ul", 6);
+            i0__namespace.ɵɵtemplate(7, CaseFileViewFieldReadComponent_ng_container_0_li_7_Template, 3, 1, "li", 7);
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementContainerEnd();
+        }
+        if (rf & 2) {
+            var ctx_r0 = i0__namespace.ɵɵnextContext();
+            i0__namespace.ɵɵadvance(7);
+            i0__namespace.ɵɵproperty("ngForOf", ctx_r0.errorMessages);
+        }
+    }
+    function CaseFileViewFieldReadComponent_div_1_Template(rf, ctx) {
+        if (rf & 1) {
+            i0__namespace.ɵɵelementStart(0, "div", 9);
+            i0__namespace.ɵɵelementStart(1, "h1", 10);
             i0__namespace.ɵɵtext(2, "Sorry, there is a problem with the service");
             i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(3, "p", 4);
+            i0__namespace.ɵɵelementStart(3, "p", 11);
             i0__namespace.ɵɵtext(4, "Try again later.");
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
         }
     }
-    function CaseFileViewFieldReadComponent_div_1_ng_container_8_Template(rf, ctx) {
+    function CaseFileViewFieldReadComponent_div_2_ng_container_8_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementContainerStart(0);
-            i0__namespace.ɵɵelement(1, "mv-media-viewer", 11);
+            i0__namespace.ɵɵelement(1, "mv-media-viewer", 18);
             i0__namespace.ɵɵelementContainerEnd();
         }
         if (rf & 2) {
-            var ctx_r2 = i0__namespace.ɵɵnextContext(2);
+            var ctx_r5 = 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");
+            i0__namespace.ɵɵproperty("url", ctx_r5.currentDocument.document_binary_url)("downloadFileName", ctx_r5.currentDocument.document_filename)("showToolbar", true)("contentType", ctx_r5.currentDocument.content_type)("enableAnnotations", true)("enableRedactions", true)("height", "94.5vh");
         }
     }
-    function CaseFileViewFieldReadComponent_div_1_Template(rf, ctx) {
+    function CaseFileViewFieldReadComponent_div_2_Template(rf, ctx) {
         if (rf & 1) {
-            var _r4_1 = i0__namespace.ɵɵgetCurrentView();
+            var _r7_1 = i0__namespace.ɵɵgetCurrentView();
             i0__namespace.ɵɵelementStart(0, "div");
-            i0__namespace.ɵɵelementStart(1, "h2", 5);
+            i0__namespace.ɵɵelementStart(1, "h2", 12);
             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.ɵɵelementStart(3, "div", 13);
+            i0__namespace.ɵɵelementStart(4, "div", 14);
+            i0__namespace.ɵɵelementStart(5, "ccd-case-file-view-folder", 15);
+            i0__namespace.ɵɵlistener("clickedDocument", function CaseFileViewFieldReadComponent_div_2_Template_ccd_case_file_view_folder_clickedDocument_5_listener($event) { i0__namespace.ɵɵrestoreView(_r7_1); var ctx_r6 = i0__namespace.ɵɵnextContext(); ctx_r6.setMediaViewerFile($event); return ctx_r6.resetErrorMessages(); })("moveDocument", function CaseFileViewFieldReadComponent_div_2_Template_ccd_case_file_view_folder_moveDocument_5_listener($event) { i0__namespace.ɵɵrestoreView(_r7_1); var ctx_r8 = i0__namespace.ɵɵnextContext(); return ctx_r8.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.ɵɵelement(6, "div", 16);
+            i0__namespace.ɵɵelementStart(7, "div", 17);
+            i0__namespace.ɵɵtemplate(8, CaseFileViewFieldReadComponent_div_2_ng_container_8_Template, 2, 7, "ng-container", 0);
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var ctx_r1 = i0__namespace.ɵɵnextContext();
+            var ctx_r2 = i0__namespace.ɵɵnextContext();
             i0__namespace.ɵɵadvance(5);
-            i0__namespace.ɵɵproperty("categoriesAndDocuments", ctx_r1.categoriesAndDocuments$)("allowMoving", ctx_r1.allowMoving);
+            i0__namespace.ɵɵproperty("categoriesAndDocuments", ctx_r2.categoriesAndDocuments$)("allowMoving", ctx_r2.allowMoving);
             i0__namespace.ɵɵadvance(3);
-            i0__namespace.ɵɵproperty("ngIf", ctx_r1.currentDocument);
+            i0__namespace.ɵɵproperty("ngIf", ctx_r2.currentDocument);
         }
     }
     var CaseFileViewFieldReadComponent = /** @class */ (function (_super) {
         __extends(CaseFileViewFieldReadComponent, _super);
         function CaseFileViewFieldReadComponent() {
             var _this = _super.apply(this, __spread(arguments)) || this;
-            _this.allowMoving = true;
+            _this.allowMoving = false;
             return _this;
         }
         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) {
+    CaseFileViewFieldReadComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: CaseFileViewFieldReadComponent, selectors: [["ccd-case-file-view-field"]], features: [i0__namespace.ɵɵInheritDefinitionFeature], decls: 3, vars: 3, consts: [[4, "ngIf"], ["class", "govuk-grid-column-two-thirds", 4, "ngIf"], ["data-module", "govuk-error-summary", 1, "govuk-error-summary", "govuk-!-margin-bottom-4"], ["role", "alert"], [1, "govuk-error-summary__title"], [1, "govuk-error-summary__body"], [1, "govuk-list", "govuk-error-summary__list"], [4, "ngFor", "ngForOf"], ["href", "javascript:void(0);"], [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);
+                i0__namespace.ɵɵtemplate(0, CaseFileViewFieldReadComponent_ng_container_0_Template, 8, 1, "ng-container", 0);
+                i0__namespace.ɵɵtemplate(1, CaseFileViewFieldReadComponent_div_1_Template, 5, 0, "div", 1);
+                i0__namespace.ɵɵtemplate(2, CaseFileViewFieldReadComponent_div_2_Template, 9, 3, "div", 0);
             }
             if (rf & 2) {
+                i0__namespace.ɵɵproperty("ngIf", ctx.errorMessages == null ? null : ctx.errorMessages.length);
+                i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("ngIf", ctx.getCategoriesAndDocumentsError);
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("ngIf", !ctx.getCategoriesAndDocumentsError);
@@ -12073,9 +12143,8 @@
 
     exports.UpdateFlagStep = void 0;
     (function (UpdateFlagStep) {
-        UpdateFlagStep["COMMENT_HINT_TEXT"] = "Update the comments describing the user's support needs or flag description. Do not include any sensitive information such as personal details.";
-        UpdateFlagStep["COMMENT_CHARACTER_LIMIT_INFO"] = "You can enter up to 200 characters";
-        UpdateFlagStep["STATUS_HINT_TEXT"] = "Describe reason for status change, if choosing 'not approved' provide name for person approving decision";
+        UpdateFlagStep["HINT_TEXT"] = "Explain why you are updating this flag. Do not include any sensitive information such as personal details.";
+        UpdateFlagStep["CHARACTER_LIMIT_INFO"] = "You can enter up to 200 characters";
     })(exports.UpdateFlagStep || (exports.UpdateFlagStep = {}));
 
     function ReadCaseFlagFieldComponent_ng_container_1_Template(rf, ctx) {
@@ -12163,9 +12232,7 @@
                 if (this.route.snapshot.data.case && this.route.snapshot.data.case.tabs) {
                     this.flagsData = this.route.snapshot.data.case.tabs
                         .filter(function (tab) { return tab.fields && tab.fields
-                        // There could be more than one FlagLauncher field instance so an additional check of caseField ID is
-                        // required to ensure the correct instance is obtained
-                        .some(function (caseField) { return caseField.field_type.type === 'FlagLauncher' && caseField.id === _this.caseField.id; }); })[0].fields.reduce(function (flags, caseField) {
+                        .some(function (caseField) { return caseField.field_type.type === 'FlagLauncher'; }); })[0].fields.reduce(function (flags, caseField) {
                         return FieldsUtils.extractFlagsDataFromCaseField(flags, caseField, caseField.id, caseField);
                     }, []);
                 }
@@ -12832,7 +12899,7 @@
             i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind2(2, 1, ctx_r2.caseReferenceControl.errors, ctx_r2.caseField.label));
         }
     }
-    var _c1$j = function (a0) { return { "form-group-error": a0 }; };
+    var _c1$k = function (a0) { return { "form-group-error": a0 }; };
     var WriteCaseLinkFieldComponent = /** @class */ (function (_super) {
         __extends(WriteCaseLinkFieldComponent, _super);
         function WriteCaseLinkFieldComponent() {
@@ -12916,7 +12983,7 @@
                 i0__namespace.ɵɵelementEnd();
             }
             if (rf & 2) {
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(7, _c1$j, !ctx.caseReferenceControl.valid && (ctx.caseReferenceControl.dirty || ctx.caseReferenceControl.touched)));
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(7, _c1$k, !ctx.caseReferenceControl.valid && (ctx.caseReferenceControl.dirty || ctx.caseReferenceControl.touched)));
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("for", ctx.id());
                 i0__namespace.ɵɵadvance(1);
@@ -12961,7 +13028,7 @@
             i0__namespace.ɵɵproperty("caseField", i0__namespace.ɵɵpureFunction6(3, _c0$M, 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$i = function (a0, a1, a2, a3, a4) { return { id: a0, label: a1, field_type: a2, value: a3, hidden: a4 }; };
+    var _c1$j = function (a0, a1, a2, a3, a4) { return { id: a0, label: a1, field_type: a2, value: a3, hidden: a4 }; };
     function ReadCollectionFieldComponent_table_0_tbody_3_tr_1_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "tr");
@@ -12975,7 +13042,7 @@
             var i_r5 = ctx.index;
             var ctx_r3 = i0__namespace.ɵɵnextContext(3);
             i0__namespace.ɵɵadvance(2);
-            i0__namespace.ɵɵproperty("caseField", i0__namespace.ɵɵpureFunction5(4, _c1$i, i_r5, ctx_r3.caseField.label + " " + (i_r5 + 1), ctx_r3.caseField.field_type.collection_field_type, item_r4.value, ctx_r3.caseField.hidden))("context", ctx_r3.context)("topLevelFormGroup", ctx_r3.topLevelFormGroup)("idPrefix", ctx_r3.buildIdPrefix(i_r5));
+            i0__namespace.ɵɵproperty("caseField", i0__namespace.ɵɵpureFunction5(4, _c1$j, i_r5, ctx_r3.caseField.label + " " + (i_r5 + 1), ctx_r3.caseField.field_type.collection_field_type, item_r4.value, ctx_r3.caseField.hidden))("context", ctx_r3.context)("topLevelFormGroup", ctx_r3.topLevelFormGroup)("idPrefix", ctx_r3.buildIdPrefix(i_r5));
         }
     }
     function ReadCollectionFieldComponent_table_0_tbody_3_Template(rf, ctx) {
@@ -14144,7 +14211,7 @@
             i0__namespace.ɵɵproperty("caseField", ctx_r2.caseField);
         }
     }
-    var _c1$h = function (a0) { return { "form-group-error bottom-30": a0 }; };
+    var _c1$i = function (a0) { return { "form-group-error bottom-30": a0 }; };
     var WriteDocumentFieldComponent = /** @class */ (function (_super) {
         __extends(WriteDocumentFieldComponent, _super);
         function WriteDocumentFieldComponent(appConfig, caseNotifier, documentManagement, dialog, fileUploadStateService) {
@@ -14446,7 +14513,7 @@
                 i0__namespace.ɵɵelementEnd();
             }
             if (rf & 2) {
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(15, _c1$h, !ctx.valid));
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(15, _c1$i, !ctx.valid));
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("for", ctx.id());
                 i0__namespace.ɵɵadvance(1);
@@ -14826,7 +14893,7 @@
             i0__namespace.ɵɵtextInterpolate(radioButton_r5.label);
         }
     }
-    var _c1$g = function (a0) { return { "form-group-error": a0 }; };
+    var _c1$h = function (a0) { return { "form-group-error": a0 }; };
     var WriteDynamicRadioListFieldComponent = /** @class */ (function (_super) {
         __extends(WriteDynamicRadioListFieldComponent, _super);
         function WriteDynamicRadioListFieldComponent() {
@@ -14874,7 +14941,7 @@
                 i0__namespace.ɵɵelementEnd();
             }
             if (rf & 2) {
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(8, _c1$g, !ctx.dynamicRadioListControl.valid && ctx.dynamicRadioListControl.dirty))("id", ctx.id());
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(8, _c1$h, !ctx.dynamicRadioListControl.valid && ctx.dynamicRadioListControl.dirty))("id", ctx.id());
                 i0__namespace.ɵɵadvance(3);
                 i0__namespace.ɵɵproperty("for", ctx.id());
                 i0__namespace.ɵɵadvance(1);
@@ -14982,7 +15049,7 @@
         }
     }
     var _c0$H = function (a0) { return { "form-group-error": a0 }; };
-    var _c1$f = function (a0) { return { "govuk-input--error": a0 }; };
+    var _c1$g = function (a0) { return { "govuk-input--error": a0 }; };
     var WriteEmailFieldComponent = /** @class */ (function (_super) {
         __extends(WriteEmailFieldComponent, _super);
         function WriteEmailFieldComponent() {
@@ -15016,7 +15083,7 @@
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("ngIf", ctx.emailControl.errors && (ctx.emailControl.dirty || ctx.emailControl.touched));
                 i0__namespace.ɵɵadvance(1);
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(10, _c1$f, ctx.emailControl.errors && (ctx.emailControl.dirty || ctx.emailControl.touched)))("id", ctx.id())("formControl", ctx.emailControl);
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(10, _c1$g, ctx.emailControl.errors && (ctx.emailControl.dirty || ctx.emailControl.touched)))("id", ctx.id())("formControl", ctx.emailControl);
             }
         }, directives: [i1__namespace.NgClass, i1__namespace.NgIf, i2__namespace.DefaultValueAccessor, i2__namespace.NgControlStatus, i2__namespace.FormControlDirective], pipes: [FieldLabelPipe, FirstErrorPipe], encapsulation: 2 });
     var ɵWriteEmailFieldComponent_BaseFactory = /*@__PURE__*/ i0__namespace.ɵɵgetInheritedFactory(WriteEmailFieldComponent);
@@ -15327,7 +15394,7 @@
             i0__namespace.ɵɵtextInterpolate(radioButton_r4.label);
         }
     }
-    var _c1$e = function (a0) { return { "form-group-error": a0 }; };
+    var _c1$f = function (a0) { return { "form-group-error": a0 }; };
     var WriteFixedRadioListFieldComponent = /** @class */ (function (_super) {
         __extends(WriteFixedRadioListFieldComponent, _super);
         function WriteFixedRadioListFieldComponent() {
@@ -15358,7 +15425,7 @@
                 i0__namespace.ɵɵelementEnd();
             }
             if (rf & 2) {
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(7, _c1$e, !ctx.fixedRadioListControl.valid && (ctx.fixedRadioListControl.dirty || ctx.fixedRadioListControl.touched)))("id", ctx.id());
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(7, _c1$f, !ctx.fixedRadioListControl.valid && (ctx.fixedRadioListControl.dirty || ctx.fixedRadioListControl.touched)))("id", ctx.id());
                 i0__namespace.ɵɵadvance(3);
                 i0__namespace.ɵɵproperty("for", ctx.id());
                 i0__namespace.ɵɵadvance(1);
@@ -16181,7 +16248,7 @@
         }
     }
     var _c0$B = function (a0) { return { "form-group-error": a0 }; };
-    var _c1$d = function (a0) { return { "govuk-input--error": a0 }; };
+    var _c1$e = function (a0) { return { "govuk-input--error": a0 }; };
     var WriteNumberFieldComponent = /** @class */ (function (_super) {
         __extends(WriteNumberFieldComponent, _super);
         function WriteNumberFieldComponent() {
@@ -16215,7 +16282,7 @@
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("ngIf", ctx.numberControl.errors && ctx.numberControl.dirty);
                 i0__namespace.ɵɵadvance(1);
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(10, _c1$d, ctx.numberControl.errors && ctx.numberControl.dirty))("id", ctx.id())("formControl", ctx.numberControl);
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(10, _c1$e, ctx.numberControl.errors && ctx.numberControl.dirty))("id", ctx.id())("formControl", ctx.numberControl);
             }
         }, directives: [i1__namespace.NgClass, i1__namespace.NgIf, i2__namespace.NumberValueAccessor, i2__namespace.DefaultValueAccessor, i2__namespace.NgControlStatus, i2__namespace.FormControlDirective], pipes: [FieldLabelPipe, FirstErrorPipe], encapsulation: 2 });
     var ɵWriteNumberFieldComponent_BaseFactory = /*@__PURE__*/ i0__namespace.ɵɵgetInheritedFactory(WriteNumberFieldComponent);
@@ -16995,7 +17062,7 @@
         }
     }
     var _c0$z = function (a0) { return { "form-group-error": a0 }; };
-    var _c1$c = function (a0) { return { "govuk-input--error": a0 }; };
+    var _c1$d = function (a0) { return { "govuk-input--error": a0 }; };
     var WritePhoneUKFieldComponent = /** @class */ (function (_super) {
         __extends(WritePhoneUKFieldComponent, _super);
         function WritePhoneUKFieldComponent() {
@@ -17029,7 +17096,7 @@
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("ngIf", ctx.phoneUkControl.errors && (ctx.phoneUkControl.dirty || ctx.phoneUkControl.touched));
                 i0__namespace.ɵɵadvance(1);
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(10, _c1$c, ctx.phoneUkControl.errors && ctx.phoneUkControl.dirty))("id", ctx.id())("formControl", ctx.phoneUkControl);
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(10, _c1$d, ctx.phoneUkControl.errors && ctx.phoneUkControl.dirty))("id", ctx.id())("formControl", ctx.phoneUkControl);
             }
         }, directives: [i1__namespace.NgClass, i1__namespace.NgIf, i2__namespace.DefaultValueAccessor, i2__namespace.NgControlStatus, i2__namespace.FormControlDirective], pipes: [FieldLabelPipe, FirstErrorPipe], encapsulation: 2 });
     var ɵWritePhoneUKFieldComponent_BaseFactory = /*@__PURE__*/ i0__namespace.ɵɵgetInheritedFactory(WritePhoneUKFieldComponent);
@@ -17112,7 +17179,7 @@
         }
     }
     var _c0$y = function (a0) { return { "form-group-error": a0 }; };
-    var _c1$b = function (a0) { return { "govuk-textarea--error": a0 }; };
+    var _c1$c = function (a0) { return { "govuk-textarea--error": a0 }; };
     var WriteTextAreaFieldComponent = /** @class */ (function (_super) {
         __extends(WriteTextAreaFieldComponent, _super);
         function WriteTextAreaFieldComponent(browserService) {
@@ -17157,7 +17224,7 @@
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("ngIf", ctx.textareaControl.errors && (ctx.textareaControl.dirty || ctx.textareaControl.touched));
                 i0__namespace.ɵɵadvance(1);
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(10, _c1$b, ctx.textareaControl.errors && (ctx.textareaControl.dirty || ctx.textareaControl.touched)))("id", ctx.id())("formControl", ctx.textareaControl);
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(10, _c1$c, ctx.textareaControl.errors && (ctx.textareaControl.dirty || ctx.textareaControl.touched)))("id", ctx.id())("formControl", ctx.textareaControl);
             }
         }, directives: [i1__namespace.NgClass, i1__namespace.NgIf, i2__namespace.DefaultValueAccessor, i2__namespace.NgControlStatus, i2__namespace.FormControlDirective], pipes: [FieldLabelPipe, FirstErrorPipe], encapsulation: 2 });
     (function () {
@@ -17240,7 +17307,7 @@
         }
     }
     var _c0$x = function (a0) { return { "form-group-error": a0 }; };
-    var _c1$a = function (a0) { return { "govuk-input--error": a0 }; };
+    var _c1$b = function (a0) { return { "govuk-input--error": a0 }; };
     var WriteTextFieldComponent = /** @class */ (function (_super) {
         __extends(WriteTextFieldComponent, _super);
         function WriteTextFieldComponent() {
@@ -17279,7 +17346,7 @@
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("ngIf", (ctx.textControl == null ? null : ctx.textControl.errors) && (ctx.textControl.dirty || ctx.textControl.touched));
                 i0__namespace.ɵɵadvance(1);
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(10, _c1$a, (ctx.textControl == null ? null : ctx.textControl.errors) && (ctx.textControl.dirty || ctx.textControl.touched)))("id", ctx.id())("formControl", ctx.textControl);
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(10, _c1$b, (ctx.textControl == null ? null : ctx.textControl.errors) && (ctx.textControl.dirty || ctx.textControl.touched)))("id", ctx.id())("formControl", ctx.textControl);
             }
         }, directives: [i1__namespace.NgClass, i1__namespace.NgIf, i2__namespace.DefaultValueAccessor, i2__namespace.NgControlStatus, i2__namespace.FormControlDirective], pipes: [FieldLabelPipe, FirstErrorPipe], encapsulation: 2 });
     var ɵWriteTextFieldComponent_BaseFactory = /*@__PURE__*/ i0__namespace.ɵɵgetInheritedFactory(WriteTextFieldComponent);
@@ -17500,7 +17567,7 @@
             i0__namespace.ɵɵtextInterpolate(value_r4);
         }
     }
-    var _c1$9 = function (a0) { return { "form-group-error": a0 }; };
+    var _c1$a = function (a0) { return { "form-group-error": a0 }; };
     var WriteYesNoFieldComponent = /** @class */ (function (_super) {
         __extends(WriteYesNoFieldComponent, _super);
         function WriteYesNoFieldComponent(yesNoService) {
@@ -17531,7 +17598,7 @@
                 i0__namespace.ɵɵelementEnd();
             }
             if (rf & 2) {
-                i0__namespace.ɵɵproperty("id", ctx.id())("ngClass", i0__namespace.ɵɵpureFunction1(7, _c1$9, !ctx.yesNoControl.valid && (ctx.yesNoControl.dirty || ctx.yesNoControl.touched)));
+                i0__namespace.ɵɵproperty("id", ctx.id())("ngClass", i0__namespace.ɵɵpureFunction1(7, _c1$a, !ctx.yesNoControl.valid && (ctx.yesNoControl.dirty || ctx.yesNoControl.touched)));
                 i0__namespace.ɵɵadvance(3);
                 i0__namespace.ɵɵproperty("ngIf", ctx.caseField.label);
                 i0__namespace.ɵɵadvance(1);
@@ -17943,7 +18010,7 @@
             i0__namespace.ɵɵelementContainer(0);
         }
     }
-    var _c1$8 = function (a0, a1) { return { cat: a0, level: a1 }; };
+    var _c1$9 = function (a0, a1) { return { cat: a0, level: a1 }; };
     function CaseFileViewFolderSelectorComponent_ng_template_12_ng_container_5_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementContainerStart(0);
@@ -17956,7 +18023,7 @@
             i0__namespace.ɵɵnextContext();
             var _r1 = i0__namespace.ɵɵreference(13);
             i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("ngTemplateOutlet", _r1)("ngTemplateOutletContext", i0__namespace.ɵɵpureFunction2(2, _c1$8, subcat_r8, level_r6 + 1));
+            i0__namespace.ɵɵproperty("ngTemplateOutlet", _r1)("ngTemplateOutletContext", i0__namespace.ɵɵpureFunction2(2, _c1$9, subcat_r8, level_r6 + 1));
         }
     }
     function CaseFileViewFolderSelectorComponent_ng_template_12_Template(rf, ctx) {
@@ -18178,7 +18245,7 @@
         }
     }
     var _c0$r = [[["", "trigger", ""]]];
-    var _c1$7 = ["[trigger]"];
+    var _c1$8 = ["[trigger]"];
     var CaseFileViewOverlayMenuComponent = /** @class */ (function () {
         function CaseFileViewOverlayMenuComponent() {
             this.title = '';
@@ -18193,7 +18260,7 @@
         return CaseFileViewOverlayMenuComponent;
     }());
     CaseFileViewOverlayMenuComponent.ɵfac = function CaseFileViewOverlayMenuComponent_Factory(t) { return new (t || CaseFileViewOverlayMenuComponent)(); };
-    CaseFileViewOverlayMenuComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: CaseFileViewOverlayMenuComponent, selectors: [["ccd-case-file-view-overlay-menu"]], inputs: { title: "title", menuItems: "menuItems", isOpen: "isOpen" }, outputs: { isOpenChange: "isOpenChange" }, ngContentSelectors: _c1$7, decls: 5, vars: 4, consts: [["type", "button", "cdkOverlayOrigin", "", 1, "overlay-toggle", 3, "click"], ["trigger", "cdkOverlayOrigin"], ["cdkConnectedOverlay", "", 3, "cdkConnectedOverlayOrigin", "cdkConnectedOverlayOpen", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayBackdropClass", "backdropClick"], [1, "overlay-menu"], [4, "ngIf"], [4, "ngFor", "ngForOf"], [1, "overlay-menu__title"], [1, "overlay-menu__item", 3, "click"], ["class", "overlay-menu__itemIcon", 3, "src", "alt", 4, "ngIf"], [1, "overlay-menu__actionText"], [1, "overlay-menu__itemIcon", 3, "src", "alt"]], template: function CaseFileViewOverlayMenuComponent_Template(rf, ctx) {
+    CaseFileViewOverlayMenuComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: CaseFileViewOverlayMenuComponent, selectors: [["ccd-case-file-view-overlay-menu"]], inputs: { title: "title", menuItems: "menuItems", isOpen: "isOpen" }, outputs: { isOpenChange: "isOpenChange" }, ngContentSelectors: _c1$8, decls: 5, vars: 4, consts: [["type", "button", "cdkOverlayOrigin", "", 1, "overlay-toggle", 3, "click"], ["trigger", "cdkOverlayOrigin"], ["cdkConnectedOverlay", "", 3, "cdkConnectedOverlayOrigin", "cdkConnectedOverlayOpen", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayBackdropClass", "backdropClick"], [1, "overlay-menu"], [4, "ngIf"], [4, "ngFor", "ngForOf"], [1, "overlay-menu__title"], [1, "overlay-menu__item", 3, "click"], ["class", "overlay-menu__itemIcon", 3, "src", "alt", 4, "ngIf"], [1, "overlay-menu__actionText"], [1, "overlay-menu__itemIcon", 3, "src", "alt"]], template: function CaseFileViewOverlayMenuComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0__namespace.ɵɵprojectionDef(_c0$r);
                 i0__namespace.ɵɵelementStart(0, "div");
@@ -18210,7 +18277,7 @@
                 i0__namespace.ɵɵadvance(4);
                 i0__namespace.ɵɵproperty("cdkConnectedOverlayOrigin", _r0)("cdkConnectedOverlayOpen", ctx.isOpen)("cdkConnectedOverlayHasBackdrop", true)("cdkConnectedOverlayBackdropClass", "cdk-overlay-transparent-backdrop");
             }
-        }, directives: [i1__namespace$4.CdkOverlayOrigin, i1__namespace$4.CdkConnectedOverlay, i1__namespace.NgIf, i1__namespace.NgForOf], styles: [".overlay-toggle[_ngcontent-%COMP%]{display:block;background:none;border:0;padding:0 6px;margin-right:-6px;cursor:pointer}.overlay-menu[_ngcontent-%COMP%]{background-color:#fafafa;border:1px solid grey;margin-top:8px;font-size:1rem}.overlay-menu__item[_ngcontent-%COMP%], .overlay-menu__title[_ngcontent-%COMP%]{padding:10px;border-bottom:1px solid grey}.overlay-menu__item[_ngcontent-%COMP%]:last-child, .overlay-menu__title[_ngcontent-%COMP%]:last-child{border:none}.overlay-menu__title[_ngcontent-%COMP%]{padding-left:6px;padding-right:6px}.overlay-menu__item[_ngcontent-%COMP%]{display:flex;align-items:center;cursor:pointer;font-size:.875em}.overlay-menu__item[_ngcontent-%COMP%]:hover{background-color:#fff2cc}.overlay-menu__itemIcon[_ngcontent-%COMP%]{height:1.25em;width:1.25em;margin-right:6px}"] });
+        }, directives: [i1__namespace$4.CdkOverlayOrigin, i1__namespace$4.CdkConnectedOverlay, i1__namespace.NgIf, i1__namespace.NgForOf], styles: [".overlay-toggle[_ngcontent-%COMP%]{display:block;background:none;border:0;padding:0 6px;margin-right:-4px;cursor:pointer}.overlay-menu[_ngcontent-%COMP%]{background-color:#fafafa;border:1px solid grey;margin-top:8px;font-size:1rem}.overlay-menu__item[_ngcontent-%COMP%], .overlay-menu__title[_ngcontent-%COMP%]{padding:10px;border-bottom:1px solid grey}.overlay-menu__item[_ngcontent-%COMP%]:last-child, .overlay-menu__title[_ngcontent-%COMP%]:last-child{border:none}.overlay-menu__title[_ngcontent-%COMP%]{padding-left:6px;padding-right:6px}.overlay-menu__item[_ngcontent-%COMP%]{display:flex;align-items:center;cursor:pointer;font-size:.875em}.overlay-menu__item[_ngcontent-%COMP%]:hover{background-color:#fff2cc}.overlay-menu__itemIcon[_ngcontent-%COMP%]{height:1.25em;width:1.25em;margin-right:6px}"] });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(CaseFileViewOverlayMenuComponent, [{
                 type: i0.Component,
@@ -18743,6 +18810,7 @@
                 data: { categories: this.categories, document: node }
             });
             dialogRef.afterClosed().subscribe(function (newCatId) {
+                console.log(newCatId, node);
                 if (newCatId) {
                     _this.moveDocument.emit({ newCategory: newCatId, document: node });
                 }
@@ -18825,32 +18893,25 @@
     }
     function CaseFlagTableComponent_table_0_tbody_17_tr_1_strong_15_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "strong", 20);
+            i0__namespace.ɵɵelementStart(0, "strong", 19);
             i0__namespace.ɵɵtext(1, "Active");
             i0__namespace.ɵɵelementEnd();
         }
     }
     function CaseFlagTableComponent_table_0_tbody_17_tr_1_strong_16_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "strong", 21);
+            i0__namespace.ɵɵelementStart(0, "strong", 20);
             i0__namespace.ɵɵtext(1, "Inactive");
             i0__namespace.ɵɵelementEnd();
         }
     }
     function CaseFlagTableComponent_table_0_tbody_17_tr_1_strong_17_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "strong", 21);
+            i0__namespace.ɵɵelementStart(0, "strong", 20);
             i0__namespace.ɵɵtext(1, "Requested");
             i0__namespace.ɵɵelementEnd();
         }
     }
-    function CaseFlagTableComponent_table_0_tbody_17_tr_1_strong_18_Template(rf, ctx) {
-        if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "strong", 22);
-            i0__namespace.ɵɵtext(1, "Not approved");
-            i0__namespace.ɵɵelementEnd();
-        }
-    }
     function CaseFlagTableComponent_table_0_tbody_17_tr_1_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "tr", 15);
@@ -18877,7 +18938,6 @@
             i0__namespace.ɵɵtemplate(15, CaseFlagTableComponent_table_0_tbody_17_tr_1_strong_15_Template, 2, 0, "strong", 17);
             i0__namespace.ɵɵtemplate(16, CaseFlagTableComponent_table_0_tbody_17_tr_1_strong_16_Template, 2, 0, "strong", 18);
             i0__namespace.ɵɵtemplate(17, CaseFlagTableComponent_table_0_tbody_17_tr_1_strong_17_Template, 2, 0, "strong", 18);
-            i0__namespace.ɵɵtemplate(18, CaseFlagTableComponent_table_0_tbody_17_tr_1_strong_18_Template, 2, 0, "strong", 19);
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
         }
@@ -18891,23 +18951,21 @@
             i0__namespace.ɵɵadvance(2);
             i0__namespace.ɵɵtextInterpolate(flagDetail_r4.flagComment);
             i0__namespace.ɵɵadvance(2);
-            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind2(10, 9, flagDetail_r4.dateTimeCreated, "dd LLL yyyy"));
+            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind2(10, 8, flagDetail_r4.dateTimeCreated, "dd LLL yyyy"));
             i0__namespace.ɵɵadvance(3);
-            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind2(13, 12, flagDetail_r4.dateTimeModified, "dd LLL yyyy"));
+            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind2(13, 11, flagDetail_r4.dateTimeModified, "dd LLL yyyy"));
             i0__namespace.ɵɵadvance(3);
             i0__namespace.ɵɵproperty("ngIf", flagDetail_r4.status === ctx_r3.caseFlagStatus.ACTIVE);
             i0__namespace.ɵɵadvance(1);
             i0__namespace.ɵɵproperty("ngIf", flagDetail_r4.status === ctx_r3.caseFlagStatus.INACTIVE);
             i0__namespace.ɵɵadvance(1);
             i0__namespace.ɵɵproperty("ngIf", flagDetail_r4.status === ctx_r3.caseFlagStatus.REQUESTED);
-            i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("ngIf", flagDetail_r4.status === ctx_r3.caseFlagStatus.NOT_APPROVED);
         }
     }
     function CaseFlagTableComponent_table_0_tbody_17_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "tbody", 10);
-            i0__namespace.ɵɵtemplate(1, CaseFlagTableComponent_table_0_tbody_17_tr_1_Template, 19, 15, "tr", 14);
+            i0__namespace.ɵɵtemplate(1, CaseFlagTableComponent_table_0_tbody_17_tr_1_Template, 18, 14, "tr", 14);
             i0__namespace.ɵɵelementEnd();
         }
         if (rf & 2) {
@@ -18972,7 +19030,7 @@
         return CaseFlagTableComponent;
     }());
     CaseFlagTableComponent.ɵfac = function CaseFlagTableComponent_Factory(t) { return new (t || CaseFlagTableComponent)(); };
-    CaseFlagTableComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: CaseFlagTableComponent, selectors: [["ccd-case-flag-table"]], inputs: { tableCaption: "tableCaption", flagData: "flagData", firstColumnHeader: "firstColumnHeader" }, decls: 1, vars: 1, consts: [["class", "govuk-table", 4, "ngIf"], [1, "govuk-table"], [1, "govuk-table__caption", "govuk-table__caption--l"], [1, "govuk-table__head"], [1, "govuk-table__row"], ["scope", "col", 1, "govuk-table__header", "col-party-name"], ["scope", "col", 1, "govuk-table__header", "col-comments"], ["scope", "col", 1, "govuk-table__header", "col-creation-date"], ["scope", "col", 1, "govuk-table__header", "col-last-modified"], ["scope", "col", 1, "govuk-table__header", "col-flag-status"], [1, "govuk-table__body"], [4, "ngIf"], ["class", "govuk-table__body", 4, "ngIf"], ["colspan", "5"], ["scope", "row", "class", "govuk-table__row", 4, "ngFor", "ngForOf"], ["scope", "row", 1, "govuk-table__row"], [1, "govuk-table__cell"], ["class", "govuk-tag", 4, "ngIf"], ["class", "govuk-tag govuk-tag--grey", 4, "ngIf"], ["class", "govuk-tag govuk-tag--red", 4, "ngIf"], [1, "govuk-tag"], [1, "govuk-tag", "govuk-tag--grey"], [1, "govuk-tag", "govuk-tag--red"]], template: function CaseFlagTableComponent_Template(rf, ctx) {
+    CaseFlagTableComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: CaseFlagTableComponent, selectors: [["ccd-case-flag-table"]], inputs: { tableCaption: "tableCaption", flagData: "flagData", firstColumnHeader: "firstColumnHeader" }, decls: 1, vars: 1, consts: [["class", "govuk-table", 4, "ngIf"], [1, "govuk-table"], [1, "govuk-table__caption", "govuk-table__caption--l"], [1, "govuk-table__head"], [1, "govuk-table__row"], ["scope", "col", 1, "govuk-table__header", "col-party-name"], ["scope", "col", 1, "govuk-table__header", "col-comments"], ["scope", "col", 1, "govuk-table__header", "col-creation-date"], ["scope", "col", 1, "govuk-table__header", "col-last-modified"], ["scope", "col", 1, "govuk-table__header", "col-flag-status"], [1, "govuk-table__body"], [4, "ngIf"], ["class", "govuk-table__body", 4, "ngIf"], ["colspan", "5"], ["scope", "row", "class", "govuk-table__row", 4, "ngFor", "ngForOf"], ["scope", "row", 1, "govuk-table__row"], [1, "govuk-table__cell"], ["class", "govuk-tag", 4, "ngIf"], ["class", "govuk-tag govuk-tag--grey", 4, "ngIf"], [1, "govuk-tag"], [1, "govuk-tag", "govuk-tag--grey"]], template: function CaseFlagTableComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0__namespace.ɵɵtemplate(0, CaseFlagTableComponent_table_0_Template, 18, 4, "table", 0);
             }
@@ -19053,7 +19111,7 @@
         }
     }
     var _c0$q = function (a0) { return { "form-group-error": a0 }; };
-    var _c1$6 = function (a0) { return { "govuk-input--error": a0 }; };
+    var _c1$7 = function (a0) { return { "govuk-input--error": a0 }; };
     function SelectFlagTypeComponent_div_9_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "div", 15);
@@ -19073,7 +19131,7 @@
             i0__namespace.ɵɵadvance(3);
             i0__namespace.ɵɵproperty("ngIf", ctx_r2.flagTypeErrorMessage.length > 0);
             i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(7, _c1$6, ctx_r2.flagTypeErrorMessage.length > 0))("name", ctx_r2.descriptionControlName)("formControlName", ctx_r2.descriptionControlName);
+            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(7, _c1$7, ctx_r2.flagTypeErrorMessage.length > 0))("name", ctx_r2.descriptionControlName)("formControlName", ctx_r2.descriptionControlName);
         }
     }
     function SelectFlagTypeComponent_div_10_Template(rf, ctx) {
@@ -20174,10 +20232,10 @@
                 }] });
     })();
 
-    function UpdateFlagComponent_div_12_Template(rf, ctx) {
+    function UpdateFlagComponent_div_8_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "div", 24);
-            i0__namespace.ɵɵelementStart(1, "span", 25);
+            i0__namespace.ɵɵelementStart(0, "div", 16);
+            i0__namespace.ɵɵelementStart(1, "span", 17);
             i0__namespace.ɵɵtext(2, "Error:");
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵtext(3);
@@ -20189,10 +20247,10 @@
             i0__namespace.ɵɵtextInterpolate1(" ", ctx_r0.updateFlagNotEnteredErrorMessage, " ");
         }
     }
-    function UpdateFlagComponent_div_13_Template(rf, ctx) {
+    function UpdateFlagComponent_div_9_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "div", 26);
-            i0__namespace.ɵɵelementStart(1, "span", 25);
+            i0__namespace.ɵɵelementStart(0, "div", 18);
+            i0__namespace.ɵɵelementStart(1, "span", 17);
             i0__namespace.ɵɵtext(2, "Error:");
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵtext(3);
@@ -20204,28 +20262,17 @@
             i0__namespace.ɵɵtextInterpolate1(" ", ctx_r1.updateFlagCharLimitErrorMessage, " ");
         }
     }
-    function UpdateFlagComponent_div_24_Template(rf, ctx) {
+    function UpdateFlagComponent_button_22_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "div", 27);
-            i0__namespace.ɵɵelement(1, "input", 28);
-            i0__namespace.ɵɵpipe(2, "lowercase");
-            i0__namespace.ɵɵelementStart(3, "label", 29);
-            i0__namespace.ɵɵtext(4);
-            i0__namespace.ɵɵelementEnd();
+            var _r4_1 = i0__namespace.ɵɵgetCurrentView();
+            i0__namespace.ɵɵelementStart(0, "button", 19);
+            i0__namespace.ɵɵlistener("click", function UpdateFlagComponent_button_22_Template_button_click_0_listener() { i0__namespace.ɵɵrestoreView(_r4_1); var ctx_r3 = i0__namespace.ɵɵnextContext(); return ctx_r3.onChangeStatus(); });
+            i0__namespace.ɵɵtext(1, " Make inactive ");
             i0__namespace.ɵɵelementEnd();
         }
-        if (rf & 2) {
-            var status_r3 = ctx.$implicit;
-            var ctx_r2 = i0__namespace.ɵɵnextContext();
-            i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("name", ctx_r2.FLAG_STATUS_CONTROL_NAME)("value", i0__namespace.ɵɵpipeBind1(2, 4, status_r3));
-            i0__namespace.ɵɵadvance(2);
-            i0__namespace.ɵɵproperty("for", ctx_r2.FLAG_STATUS_CONTROL_NAME);
-            i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵtextInterpolate1(" ", status_r3, " ");
-        }
     }
     var _c0$l = function (a0) { return { "form-group-error": a0 }; };
+    var _c1$6 = function (a0) { return { "govuk-tag--grey": a0 }; };
     var UpdateFlagComponent = /** @class */ (function () {
         function UpdateFlagComponent() {
             this.caseFlagStateEmitter = new i0.EventEmitter();
@@ -20233,25 +20280,22 @@
             this.errorMessages = [];
             this.updateFlagNotEnteredErrorMessage = null;
             this.updateFlagCharLimitErrorMessage = null;
-            this.updateFlagStepEnum = exports.UpdateFlagStep;
-            this.caseFlagStatuses = exports.CaseFlagStatus;
-            this.FLAG_COMMENTS_CONTROL_NAME = 'flagComment';
-            this.FLAG_STATUS_CONTROL_NAME = 'flagStatus';
-            this.FLAG_STATUS_CHANGE_REASON_CONTROL_NAME = 'flagStatusReasonChange';
-            this.FLAG_WELSH_TRANSLATION_CONTROL_NAME = 'flagWelshTranslation';
+            this.updateFlagControlName = 'flagComments';
             this.commentsMaxCharLimit = 200;
         }
         UpdateFlagComponent.prototype.ngOnInit = function () {
+            this.updateFlagHint = exports.UpdateFlagStep.HINT_TEXT;
+            this.updateFlagCharLimitInfo = exports.UpdateFlagStep.CHARACTER_LIMIT_INFO;
+            this.formGroup.addControl(this.updateFlagControlName, new i2.FormControl(''));
             if (this.selectedFlag && this.selectedFlag.flagDetailDisplay && this.selectedFlag.flagDetailDisplay.flagDetail) {
                 var flagDetail = this.selectedFlag.flagDetailDisplay.flagDetail;
-                this.formGroup.addControl(this.FLAG_STATUS_CONTROL_NAME, new i2.FormControl(flagDetail.status));
-                this.formGroup.addControl(this.FLAG_STATUS_CHANGE_REASON_CONTROL_NAME, new i2.FormControl(''));
-                this.formGroup.addControl(this.FLAG_WELSH_TRANSLATION_CONTROL_NAME, new i2.FormControl(false));
                 // Populate flag comments text area with existing comments
-                this.formGroup.addControl(this.FLAG_COMMENTS_CONTROL_NAME, new i2.FormControl(flagDetail.flagComment));
+                this.formGroup.get(this.updateFlagControlName).setValue(flagDetail.flagComment);
                 if (flagDetail.name) {
                     this.updateFlagTitle =
-                        exports.CaseFlagWizardStepTitle.UPDATE_FLAG_TITLE + " \"" + flagDetail.name + (flagDetail.subTypeValue ? ", " + flagDetail.subTypeValue + "\"" : '"');
+                        exports.CaseFlagWizardStepTitle.UPDATE_FLAG_TITLE + " \"" + flagDetail.name + (flagDetail.subTypeValue
+                            ? ", " + flagDetail.subTypeValue + "\""
+                            : '"');
                 }
             }
         };
@@ -20260,7 +20304,7 @@
             this.validateTextEntry();
             // If validation has passed, update the flag details with the comments entered
             if (this.errorMessages.length === 0) {
-                this.selectedFlag.flagDetailDisplay.flagDetail = Object.assign(Object.assign({}, this.selectedFlag.flagDetailDisplay.flagDetail), { flagComment: this.formGroup.get(this.FLAG_COMMENTS_CONTROL_NAME).value });
+                this.selectedFlag.flagDetailDisplay.flagDetail = Object.assign(Object.assign({}, this.selectedFlag.flagDetailDisplay.flagDetail), { flagComment: this.formGroup.get(this.updateFlagControlName).value });
             }
             // Return case flag field state, error messages, and selected flag detail to the parent. The selected flag must be
             // re-emitted because the parent component repopulates this on handling this EventEmitter
@@ -20270,17 +20314,22 @@
                 selectedFlag: this.selectedFlag
             });
         };
+        UpdateFlagComponent.prototype.onChangeStatus = function () {
+            this.selectedFlag.flagDetailDisplay.flagDetail = Object.assign(Object.assign({}, this.selectedFlag.flagDetailDisplay.flagDetail), { status: this.selectedFlag.flagDetailDisplay.flagDetail.status === exports.CaseFlagStatus.ACTIVE
+                    ? exports.CaseFlagStatus.INACTIVE
+                    : this.selectedFlag.flagDetailDisplay.flagDetail.status });
+        };
         UpdateFlagComponent.prototype.validateTextEntry = function () {
             this.updateFlagNotEnteredErrorMessage = null;
             this.updateFlagCharLimitErrorMessage = null;
             this.errorMessages = [];
-            var comment = this.formGroup.get(this.FLAG_COMMENTS_CONTROL_NAME).value;
+            var comment = this.formGroup.get(this.updateFlagControlName).value;
             if (!comment) {
                 this.updateFlagNotEnteredErrorMessage = exports.UpdateFlagErrorMessage.FLAG_COMMENTS_NOT_ENTERED;
                 this.errorMessages.push({
                     title: '',
                     description: exports.UpdateFlagErrorMessage.FLAG_COMMENTS_NOT_ENTERED,
-                    fieldId: this.FLAG_COMMENTS_CONTROL_NAME
+                    fieldId: this.updateFlagControlName
                 });
             }
             if (comment && comment.length > this.commentsMaxCharLimit) {
@@ -20288,14 +20337,14 @@
                 this.errorMessages.push({
                     title: '',
                     description: exports.UpdateFlagErrorMessage.FLAG_COMMENTS_CHAR_LIMIT_EXCEEDED,
-                    fieldId: this.FLAG_COMMENTS_CONTROL_NAME
+                    fieldId: this.updateFlagControlName
                 });
             }
         };
         return UpdateFlagComponent;
     }());
     UpdateFlagComponent.ɵfac = function UpdateFlagComponent_Factory(t) { return new (t || UpdateFlagComponent)(); };
-    UpdateFlagComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: UpdateFlagComponent, selectors: [["ccd-update-flag"]], inputs: { formGroup: "formGroup", selectedFlag: "selectedFlag" }, outputs: { caseFlagStateEmitter: "caseFlagStateEmitter" }, decls: 40, vars: 26, consts: [[1, "form-group", 3, "formGroup"], ["data-module", "govuk-character-count", "data-maxlength", "200", 1, "govuk-character-count"], [1, "govuk-form-group", 3, "ngClass"], [1, "govuk-label-wrapper", "govuk-!-margin-bottom-6"], [1, "govuk-label", "govuk-label--l"], [1, "govuk-!-margin-bottom-4"], [1, "govuk-label", "govuk-label--s", 3, "for"], ["id", "update-flag-hint", 1, "govuk-hint"], ["id", "update-flag-not-entered-error-message", "class", "govuk-error-message", 4, "ngIf"], ["id", "update-flag-char-limit-error", "class", "govuk-error-message", 4, "ngIf"], ["rows", "5", "aria-describedby", "update-flag-hint update-flag-char-limit-info update-flag-char-limit-error", 1, "govuk-textarea", 3, "id", "name", "formControlName"], ["id", "update-flag-char-limit-info", "aria-live", "polite", 1, "govuk-hint", "govuk-character-count__message"], [1, "govuk-!-margin-bottom-6"], [1, "govuk-label", "govuk-label--s", "govuk-!-margin-bottom-2"], ["data-module", "govuk-radios", 1, "govuk-radios", 3, "id"], ["class", "govuk-radios__item", 4, "ngFor", "ngForOf"], ["id", "update-flag-status-hint", 1, "govuk-hint"], ["rows", "5", 1, "govuk-textarea", 3, "id", "name", "formControlName"], ["data-module", "govuk-checkboxes", 1, "govuk-checkboxes"], [1, "govuk-checkboxes__item"], ["type", "checkbox", 1, "govuk-checkboxes__input", 3, "id", "name"], [1, "govuk-label", "govuk-checkboxes__label", 3, "for"], [1, "govuk-button-group"], ["type", "button", 1, "button", "button-primary", 3, "click"], ["id", "update-flag-not-entered-error-message", 1, "govuk-error-message"], [1, "govuk-visually-hidden"], ["id", "update-flag-char-limit-error", 1, "govuk-error-message"], [1, "govuk-radios__item"], ["type", "radio", 1, "govuk-radios__input", 3, "name", "value"], [1, "govuk-label", "govuk-radios__label", 3, "for"]], template: function UpdateFlagComponent_Template(rf, ctx) {
+    UpdateFlagComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: UpdateFlagComponent, selectors: [["ccd-update-flag"]], inputs: { formGroup: "formGroup", selectedFlag: "selectedFlag" }, outputs: { caseFlagStateEmitter: "caseFlagStateEmitter" }, decls: 26, vars: 18, consts: [[1, "form-group", 3, "formGroup"], ["data-module", "govuk-character-count", "data-maxlength", "200", 1, "govuk-character-count"], [1, "govuk-form-group", 3, "ngClass"], [1, "govuk-label-wrapper"], [1, "govuk-label", "govuk-label--l", 3, "for"], ["id", "update-flag-hint", 1, "govuk-hint"], ["id", "update-flag-not-entered-error-message", "class", "govuk-error-message", 4, "ngIf"], ["id", "update-flag-char-limit-error", "class", "govuk-error-message", 4, "ngIf"], ["rows", "5", "aria-describedby", "update-flag-hint update-flag-char-limit-info update-flag-char-limit-error", 1, "govuk-textarea", 3, "id", "name", "formControlName"], ["id", "update-flag-char-limit-info", "aria-live", "polite", 1, "govuk-hint", "govuk-character-count__message"], [1, "govuk-grid-row"], [1, "govuk-grid-column-one-half"], [1, "govuk-tag", 3, "ngClass"], ["class", "button button-secondary", "type", "button", 3, "click", 4, "ngIf"], [1, "govuk-button-group"], ["type", "button", 1, "button", "button-primary", 3, "click"], ["id", "update-flag-not-entered-error-message", 1, "govuk-error-message"], [1, "govuk-visually-hidden"], ["id", "update-flag-char-limit-error", 1, "govuk-error-message"], ["type", "button", 1, "button", "button-secondary", 3, "click"]], template: function UpdateFlagComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0__namespace.ɵɵelementStart(0, "div", 0);
                 i0__namespace.ɵɵelementStart(1, "div", 1);
@@ -20306,60 +20355,37 @@
                 i0__namespace.ɵɵelementEnd();
                 i0__namespace.ɵɵelementEnd();
                 i0__namespace.ɵɵelementStart(6, "div", 5);
-                i0__namespace.ɵɵelementStart(7, "div");
-                i0__namespace.ɵɵelementStart(8, "label", 6);
-                i0__namespace.ɵɵtext(9);
+                i0__namespace.ɵɵtext(7);
                 i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵtemplate(8, UpdateFlagComponent_div_8_Template, 4, 1, "div", 6);
+                i0__namespace.ɵɵtemplate(9, UpdateFlagComponent_div_9_Template, 4, 1, "div", 7);
+                i0__namespace.ɵɵelementStart(10, "textarea", 8);
+                i0__namespace.ɵɵtext(11, "      ");
                 i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(10, "div", 7);
-                i0__namespace.ɵɵtext(11);
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵtemplate(12, UpdateFlagComponent_div_12_Template, 4, 1, "div", 8);
-                i0__namespace.ɵɵtemplate(13, UpdateFlagComponent_div_13_Template, 4, 1, "div", 9);
-                i0__namespace.ɵɵelementStart(14, "textarea", 10);
-                i0__namespace.ɵɵtext(15, "        ");
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(16, "div", 11);
-                i0__namespace.ɵɵtext(17);
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(18, "div", 12);
-                i0__namespace.ɵɵelementStart(19, "div");
-                i0__namespace.ɵɵelementStart(20, "label", 13);
-                i0__namespace.ɵɵtext(21);
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(22, "div", 5);
-                i0__namespace.ɵɵelementStart(23, "div", 14);
-                i0__namespace.ɵɵtemplate(24, UpdateFlagComponent_div_24_Template, 5, 6, "div", 15);
-                i0__namespace.ɵɵpipe(25, "enumDisplayDescription");
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(26, "div");
-                i0__namespace.ɵɵelementStart(27, "div", 16);
-                i0__namespace.ɵɵtext(28);
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(29, "textarea", 17);
-                i0__namespace.ɵɵtext(30, "          ");
+                i0__namespace.ɵɵelementStart(12, "div", 9);
+                i0__namespace.ɵɵtext(13);
                 i0__namespace.ɵɵelementEnd();
                 i0__namespace.ɵɵelementEnd();
                 i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(31, "div");
-                i0__namespace.ɵɵelementStart(32, "div", 18);
-                i0__namespace.ɵɵelementStart(33, "div", 19);
-                i0__namespace.ɵɵelement(34, "input", 20);
-                i0__namespace.ɵɵelementStart(35, "label", 21);
-                i0__namespace.ɵɵtext(36, " I need to add a Welsh translation ");
+                i0__namespace.ɵɵelementStart(14, "div", 10);
+                i0__namespace.ɵɵelementStart(15, "div", 11);
+                i0__namespace.ɵɵelementStart(16, "p");
+                i0__namespace.ɵɵtext(17, "Flag status: ");
+                i0__namespace.ɵɵelementStart(18, "span");
+                i0__namespace.ɵɵelementStart(19, "strong", 12);
+                i0__namespace.ɵɵtext(20);
                 i0__namespace.ɵɵelementEnd();
                 i0__namespace.ɵɵelementEnd();
                 i0__namespace.ɵɵelementEnd();
                 i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementStart(21, "div", 11);
+                i0__namespace.ɵɵtemplate(22, UpdateFlagComponent_button_22_Template, 2, 0, "button", 13);
                 i0__namespace.ɵɵelementEnd();
                 i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(37, "div", 22);
-                i0__namespace.ɵɵelementStart(38, "button", 23);
-                i0__namespace.ɵɵlistener("click", function UpdateFlagComponent_Template_button_click_38_listener() { return ctx.onNext(); });
-                i0__namespace.ɵɵtext(39, "Next");
+                i0__namespace.ɵɵelementStart(23, "div", 14);
+                i0__namespace.ɵɵelementStart(24, "button", 15);
+                i0__namespace.ɵɵlistener("click", function UpdateFlagComponent_Template_button_click_24_listener() { return ctx.onNext(); });
+                i0__namespace.ɵɵtext(25, "Next");
                 i0__namespace.ɵɵelementEnd();
                 i0__namespace.ɵɵelementEnd();
                 i0__namespace.ɵɵelementEnd();
@@ -20367,39 +20393,29 @@
             if (rf & 2) {
                 i0__namespace.ɵɵproperty("formGroup", ctx.formGroup);
                 i0__namespace.ɵɵadvance(2);
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(24, _c0$l, ctx.errorMessages.length > 0));
-                i0__namespace.ɵɵadvance(3);
-                i0__namespace.ɵɵtextInterpolate1(" ", ctx.updateFlagTitle, " ");
-                i0__namespace.ɵɵadvance(3);
-                i0__namespace.ɵɵproperty("for", ctx.FLAG_COMMENTS_CONTROL_NAME);
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(14, _c0$l, ctx.errorMessages.length > 0));
+                i0__namespace.ɵɵadvance(2);
+                i0__namespace.ɵɵproperty("for", ctx.updateFlagControlName);
                 i0__namespace.ɵɵadvance(1);
-                i0__namespace.ɵɵtextInterpolate1(" ", ctx.updateFlagTitle, " comments ");
+                i0__namespace.ɵɵtextInterpolate1(" ", ctx.updateFlagTitle, " ");
                 i0__namespace.ɵɵadvance(2);
-                i0__namespace.ɵɵtextInterpolate1(" ", ctx.updateFlagStepEnum.COMMENT_HINT_TEXT, " ");
+                i0__namespace.ɵɵtextInterpolate1(" ", ctx.updateFlagHint, " ");
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("ngIf", ctx.updateFlagNotEnteredErrorMessage);
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("ngIf", ctx.updateFlagCharLimitErrorMessage);
                 i0__namespace.ɵɵadvance(1);
-                i0__namespace.ɵɵproperty("id", ctx.FLAG_COMMENTS_CONTROL_NAME)("name", ctx.FLAG_COMMENTS_CONTROL_NAME)("formControlName", ctx.FLAG_COMMENTS_CONTROL_NAME);
+                i0__namespace.ɵɵproperty("id", ctx.updateFlagControlName)("name", ctx.updateFlagControlName)("formControlName", ctx.updateFlagControlName);
                 i0__namespace.ɵɵadvance(3);
-                i0__namespace.ɵɵtextInterpolate1(" ", ctx.updateFlagStepEnum.COMMENT_CHARACTER_LIMIT_INFO, " ");
-                i0__namespace.ɵɵadvance(4);
-                i0__namespace.ɵɵtextInterpolate1(" ", ctx.updateFlagTitle, " status ");
-                i0__namespace.ɵɵadvance(2);
-                i0__namespace.ɵɵproperty("id", ctx.FLAG_STATUS_CONTROL_NAME);
-                i0__namespace.ɵɵadvance(1);
-                i0__namespace.ɵɵproperty("ngForOf", i0__namespace.ɵɵpipeBind1(25, 22, ctx.caseFlagStatuses));
-                i0__namespace.ɵɵadvance(4);
-                i0__namespace.ɵɵtextInterpolate1(" ", ctx.updateFlagStepEnum.STATUS_HINT_TEXT, " ");
-                i0__namespace.ɵɵadvance(1);
-                i0__namespace.ɵɵproperty("id", ctx.FLAG_STATUS_CHANGE_REASON_CONTROL_NAME)("name", ctx.FLAG_STATUS_CHANGE_REASON_CONTROL_NAME)("formControlName", ctx.FLAG_STATUS_CHANGE_REASON_CONTROL_NAME);
-                i0__namespace.ɵɵadvance(5);
-                i0__namespace.ɵɵproperty("id", ctx.FLAG_WELSH_TRANSLATION_CONTROL_NAME)("name", ctx.FLAG_WELSH_TRANSLATION_CONTROL_NAME);
+                i0__namespace.ɵɵtextInterpolate1(" ", ctx.updateFlagCharLimitInfo, " ");
+                i0__namespace.ɵɵadvance(6);
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(16, _c1$6, ctx.selectedFlag.flagDetailDisplay.flagDetail.status === "Inactive"));
                 i0__namespace.ɵɵadvance(1);
-                i0__namespace.ɵɵproperty("for", ctx.FLAG_WELSH_TRANSLATION_CONTROL_NAME);
+                i0__namespace.ɵɵtextInterpolate1(" ", ctx.selectedFlag.flagDetailDisplay.flagDetail.status, " ");
+                i0__namespace.ɵɵadvance(2);
+                i0__namespace.ɵɵproperty("ngIf", ctx.selectedFlag.flagDetailDisplay.flagDetail.status === "Active");
             }
-        }, directives: [i2__namespace.NgControlStatusGroup, i2__namespace.FormGroupDirective, i1__namespace.NgClass, i1__namespace.NgIf, i2__namespace.DefaultValueAccessor, i2__namespace.NgControlStatus, i2__namespace.FormControlName, i1__namespace.NgForOf], pipes: [EnumDisplayDescriptionPipe, i1__namespace.LowerCasePipe], encapsulation: 2 });
+        }, directives: [i2__namespace.NgControlStatusGroup, i2__namespace.FormGroupDirective, i1__namespace.NgClass, i1__namespace.NgIf, i2__namespace.DefaultValueAccessor, i2__namespace.NgControlStatus, i2__namespace.FormControlName], encapsulation: 2 });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(UpdateFlagComponent, [{
                 type: i0.Component,
@@ -22970,8 +22986,8 @@
     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, i1__namespace.NgForOf, CaseFileViewFolderComponent, i11__namespace.ɵcs], []);
+    i0__namespace.ɵɵsetComponentScope(CaseFileViewFieldReadComponent, [i1__namespace.NgIf, i1__namespace.NgForOf, CaseFileViewFolderComponent, i11__namespace.ɵcs], []);
 
     var Confirmation = /** @class */ (function () {
         function Confirmation(caseId, status, header, body) {
@@ -32772,7 +32788,6 @@
     exports.DynamicListPipe = DynamicListPipe;
     exports.DynamicRadioListPipe = DynamicRadioListPipe;
     exports.Embedded = Embedded;
-    exports.EnumDisplayDescriptionPipe = EnumDisplayDescriptionPipe;
     exports.ErrorMessageComponent = ErrorMessageComponent;
     exports.ErrorNotifierService = ErrorNotifierService;
     exports.EventCaseField = EventCaseField;