@hmcts/ccd-case-ui-toolkit 5.0.50-case-file-view-restrict-document-move → 5.0.50-case-flags-multiple-case-flags-tabs-support

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

@@ -116,11 +116,11 @@ function FooterComponent_div_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtextInterpolate(ctx_r1.workhours);
 } }
 const _c0$_ = [[["", "footerSolsNavLinks", ""]], [["", "footerCaseWorkerNavLinks", ""]]];
-const _c1$r = ["[footerSolsNavLinks]", "[footerCaseWorkerNavLinks]"];
+const _c1$q = ["[footerSolsNavLinks]", "[footerCaseWorkerNavLinks]"];
 class FooterComponent {
 }
 FooterComponent.ɵfac = function FooterComponent_Factory(t) { return new (t || FooterComponent)(); };
-FooterComponent.ɵcmp = i0.ɵɵdefineComponent({ type: FooterComponent, selectors: [["cut-footer-bar"]], inputs: { email: "email", isSolicitor: "isSolicitor", phone: "phone", workhours: "workhours" }, ngContentSelectors: _c1$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) {
+FooterComponent.ɵcmp = i0.ɵɵ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) { if (rf & 1) {
         i0.ɵɵprojectionDef(_c0$_);
         i0.ɵɵelementStart(0, "footer", 0);
         i0.ɵɵelementStart(1, "div", 1);
@@ -189,7 +189,7 @@ function HeaderBarComponent_div_9_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtextInterpolate(ctx_r2.title);
 } }
 const _c0$Z = [[["", "headerNavigation", ""]]];
-const _c1$q = ["[headerNavigation]"];
+const _c1$p = ["[headerNavigation]"];
 class HeaderBarComponent {
     constructor() {
         this.signOutRequest = new EventEmitter();
@@ -199,7 +199,7 @@ class HeaderBarComponent {
     }
 }
 HeaderBarComponent.ɵfac = function HeaderBarComponent_Factory(t) { return new (t || HeaderBarComponent)(); };
-HeaderBarComponent.ɵcmp = i0.ɵɵdefineComponent({ type: HeaderBarComponent, selectors: [["cut-header-bar"]], inputs: { title: "title", isSolicitor: "isSolicitor", username: "username" }, outputs: { signOutRequest: "signOutRequest" }, ngContentSelectors: _c1$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) {
+HeaderBarComponent.ɵcmp = i0.ɵɵ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) { if (rf & 1) {
         i0.ɵɵprojectionDef(_c0$Z);
         i0.ɵɵelementStart(0, "header", 0);
         i0.ɵɵelementStart(1, "div", 1);
@@ -258,11 +258,11 @@ HeaderBarComponent.ɵcmp = i0.ɵɵdefineComponent({ type: HeaderBarComponent, se
         }] }); })();
 
 const _c0$Y = [[["", "leftNavLinks", ""]], [["", "rightNavLinks", ""]]];
-const _c1$p = ["[leftNavLinks]", "[rightNavLinks]"];
+const _c1$o = ["[leftNavLinks]", "[rightNavLinks]"];
 class NavigationComponent {
 }
 NavigationComponent.ɵfac = function NavigationComponent_Factory(t) { return new (t || NavigationComponent)(); };
-NavigationComponent.ɵcmp = i0.ɵɵdefineComponent({ type: NavigationComponent, selectors: [["cut-nav-bar"]], inputs: { isSolicitor: "isSolicitor" }, ngContentSelectors: _c1$p, decls: 4, vars: 2, consts: [[1, "cut-nav-bar"]], template: function NavigationComponent_Template(rf, ctx) { if (rf & 1) {
+NavigationComponent.ɵcmp = i0.ɵɵ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) { if (rf & 1) {
         i0.ɵɵprojectionDef(_c0$Y);
         i0.ɵɵelementStart(0, "div");
         i0.ɵɵelementStart(1, "nav", 0);
@@ -381,11 +381,11 @@ HeadersModule.ɵinj = i0.ɵɵdefineInjector({ imports: [[CommonModule, RouterMod
     }], null, null); })();
 
 const _c0$X = [[["", "topBody", ""]], [["", "leftBody", ""]], [["", "rightBody", ""]]];
-const _c1$o = ["[topBody]", "[leftBody]", "[rightBody]"];
+const _c1$n = ["[topBody]", "[leftBody]", "[rightBody]"];
 class BodyComponent {
 }
 BodyComponent.ɵfac = function BodyComponent_Factory(t) { return new (t || BodyComponent)(); };
-BodyComponent.ɵcmp = i0.ɵɵdefineComponent({ type: BodyComponent, selectors: [["cut-body"]], ngContentSelectors: _c1$o, decls: 4, vars: 0, consts: [[1, "global-display"]], template: function BodyComponent_Template(rf, ctx) { if (rf & 1) {
+BodyComponent.ɵcmp = i0.ɵɵdefineComponent({ type: BodyComponent, selectors: [["cut-body"]], ngContentSelectors: _c1$n, decls: 4, vars: 0, consts: [[1, "global-display"]], template: function BodyComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵprojectionDef(_c0$X);
         i0.ɵɵelementStart(0, "div", 0);
         i0.ɵɵprojection(1);
@@ -1012,11 +1012,11 @@ NotificationBannerComponent.ɵcmp = i0.ɵɵdefineComponent({ type: NotificationB
         }] }); })();
 
 const _c0$U = function (a0) { return { "js-hidden": a0 }; };
-const _c1$n = ["*"];
+const _c1$m = ["*"];
 class TabComponent {
 }
 TabComponent.ɵfac = function TabComponent_Factory(t) { return new (t || TabComponent)(); };
-TabComponent.ɵcmp = i0.ɵɵ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) {
+TabComponent.ɵcmp = i0.ɵɵ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) { if (rf & 1) {
         i0.ɵɵprojectionDef();
         i0.ɵɵelementStart(0, "div", 0);
         i0.ɵɵprojection(1);
@@ -1043,7 +1043,7 @@ TabComponent.ɵcmp = i0.ɵɵdefineComponent({ type: TabComponent, selectors: [["
         }] }); })();
 
 const _c0$T = ["tab"];
-const _c1$m = function () { return ["."]; };
+const _c1$l = function () { return ["."]; };
 const _c2$3 = function (a0) { return { "tabs-toggle-selected": a0 }; };
 function TabsComponent_li_2_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
@@ -1056,7 +1056,7 @@ function TabsComponent_li_2_Template(rf, ctx) { if (rf & 1) {
 } if (rf & 2) {
     const panel_r1 = ctx.$implicit;
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("routerLink", i0.ɵɵpureFunction0(6, _c1$m))("fragment", panel_r1.id)("ngClass", i0.ɵɵpureFunction1(7, _c2$3, panel_r1.selected));
+    i0.ɵɵproperty("routerLink", i0.ɵɵpureFunction0(6, _c1$l))("fragment", panel_r1.id)("ngClass", i0.ɵɵpureFunction1(7, _c2$3, panel_r1.selected));
     i0.ɵɵattribute("aria-controls", panel_r1.id)("aria-selected", panel_r1.selected);
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate(panel_r1.title);
@@ -2145,6 +2145,7 @@ var CaseFlagStatus;
     CaseFlagStatus["ACTIVE"] = "Active";
     CaseFlagStatus["INACTIVE"] = "Inactive";
     CaseFlagStatus["REQUESTED"] = "Requested";
+    CaseFlagStatus["NOT_APPROVED"] = "Not approved";
 })(CaseFlagStatus || (CaseFlagStatus = {}));
 
 class DashPipe {
@@ -9847,6 +9848,20 @@ FieldsFilterPipe.ɵpipe = i0.ɵɵdefinePipe({ name: "ccdFieldsFilter", type: Fie
             }]
     }], null, null); })();
 
+class EnumDisplayDescriptionPipe {
+    transform(value) {
+        return Object.values(value);
+    }
+}
+EnumDisplayDescriptionPipe.ɵfac = function EnumDisplayDescriptionPipe_Factory(t) { return new (t || EnumDisplayDescriptionPipe)(); };
+EnumDisplayDescriptionPipe.ɵpipe = i0.ɵɵdefinePipe({ name: "enumDisplayDescription", type: EnumDisplayDescriptionPipe, pure: true });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EnumDisplayDescriptionPipe, [{
+        type: Pipe,
+        args: [{
+                name: 'enumDisplayDescription'
+            }]
+    }], null, null); })();
+
 class LinkedCasesService {
     constructor(jurisdictionService, searchService) {
         this.jurisdictionService = jurisdictionService;
@@ -10031,7 +10046,8 @@ const pipeDeclarations = [
     ReadFieldsFilterPipe,
     CcdTabFieldsPipe,
     CcdPageFieldsPipe,
-    LinkCasesReasonValuePipe
+    LinkCasesReasonValuePipe,
+    EnumDisplayDescriptionPipe
 ];
 class PipesModule {
 }
@@ -10048,7 +10064,8 @@ PipesModule.ɵinj = i0.ɵɵdefineInjector({ imports: [[
         ReadFieldsFilterPipe,
         CcdTabFieldsPipe,
         CcdPageFieldsPipe,
-        LinkCasesReasonValuePipe], imports: [CommonModule], exports: [CaseReferencePipe,
+        LinkCasesReasonValuePipe,
+        EnumDisplayDescriptionPipe], imports: [CommonModule], exports: [CaseReferencePipe,
         SortSearchResultPipe,
         CcdCaseTitlePipe,
         CcdCollectionTableCaseFieldsFilterPipe,
@@ -10056,7 +10073,8 @@ PipesModule.ɵinj = i0.ɵɵdefineInjector({ imports: [[
         ReadFieldsFilterPipe,
         CcdTabFieldsPipe,
         CcdPageFieldsPipe,
-        LinkCasesReasonValuePipe] }); })();
+        LinkCasesReasonValuePipe,
+        EnumDisplayDescriptionPipe] }); })();
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PipesModule, [{
         type: NgModule,
         args: [{
@@ -10067,7 +10085,7 @@ PipesModule.ɵinj = i0.ɵɵdefineInjector({ imports: [[
                     ...pipeDeclarations
                 ],
                 exports: [
-                    ...pipeDeclarations
+                    ...pipeDeclarations,
                 ]
             }]
     }], null, null); })();
@@ -10284,7 +10302,7 @@ function WriteAddressFieldComponent_div_1_div_4_span_4_Template(rf, ctx) { if (r
     i0.ɵɵtext(1, "Enter the Postcode");
     i0.ɵɵelementEnd();
 } }
-const _c1$l = function (a0) { return { "form-group-error": a0 }; };
+const _c1$k = function (a0) { return { "form-group-error": a0 }; };
 const _c2$2 = function (a0) { return { "govuk-input--error": a0 }; };
 function WriteAddressFieldComponent_div_1_div_4_Template(rf, ctx) { if (rf & 1) {
     const _r7 = i0.ɵɵgetCurrentView();
@@ -10303,7 +10321,7 @@ function WriteAddressFieldComponent_div_1_div_4_Template(rf, ctx) { if (rf & 1)
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("id", ctx_r2.createElementId("postcodeLookup"))("ngClass", i0.ɵɵpureFunction1(7, _c1$l, ctx_r2.missingPostcode));
+    i0.ɵɵproperty("id", ctx_r2.createElementId("postcodeLookup"))("ngClass", i0.ɵɵpureFunction1(7, _c1$k, ctx_r2.missingPostcode));
     i0.ɵɵadvance(1);
     i0.ɵɵproperty("for", ctx_r2.createElementId("postcodeInput"));
     i0.ɵɵadvance(3);
@@ -10557,7 +10575,7 @@ function CaseFileViewFieldComponent_div_1_ng_container_8_Template(rf, ctx) { if
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("url", ctx_r2.currentDocument.document_binary_url)("downloadFileName", ctx_r2.currentDocument.document_filename)("showToolbar", true)("contentType", ctx_r2.currentDocument.content_type)("enableAnnotations", true)("enableRedactions", true)("height", "94.5vh");
+    i0.ɵɵproperty("url", ctx_r2.currentDocument.document_binary_url)("downloadFileName", ctx_r2.currentDocument.document_filename)("showToolbar", true)("contentType", ctx_r2.currentDocument.content_type)("enableAnnotations", true)("enableRedactions", true);
 } }
 function CaseFileViewFieldComponent_div_1_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
@@ -10573,7 +10591,7 @@ function CaseFileViewFieldComponent_div_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementEnd();
     i0.ɵɵelement(6, "div", 9);
     i0.ɵɵelementStart(7, "div", 10);
-    i0.ɵɵtemplate(8, CaseFileViewFieldComponent_div_1_ng_container_8_Template, 2, 7, "ng-container", 1);
+    i0.ɵɵtemplate(8, CaseFileViewFieldComponent_div_1_ng_container_8_Template, 2, 6, "ng-container", 1);
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
@@ -10649,7 +10667,7 @@ class CaseFileViewFieldComponent {
 }
 CaseFileViewFieldComponent.PARAM_CASE_ID = 'cid';
 CaseFileViewFieldComponent.ɵfac = function CaseFileViewFieldComponent_Factory(t) { return new (t || CaseFileViewFieldComponent)(i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i1$1.ActivatedRoute), i0.ɵɵdirectiveInject(CaseFileViewService), i0.ɵɵdirectiveInject(DocumentManagementService), i0.ɵɵdirectiveInject(LoadingService)); };
-CaseFileViewFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: CaseFileViewFieldComponent, selectors: [["ccd-case-file-view-field"]], decls: 2, vars: 2, consts: [["class", "govuk-grid-column-two-thirds", 4, "ngIf"], [4, "ngIf"], [1, "govuk-grid-column-two-thirds"], [1, "govuk-heading-xl"], [1, "govuk-body"], [1, "govuk-heading-l"], ["id", "case-file-view", 1, "govuk-form-group"], [1, "document-tree-container"], [1, "document-tree-container__tree", 3, "categoriesAndDocuments", "allowMoving", "clickedDocument", "moveDocument"], [1, "slider"], [1, "media-viewer-container"], [3, "url", "downloadFileName", "showToolbar", "contentType", "enableAnnotations", "enableRedactions", "height"]], template: function CaseFileViewFieldComponent_Template(rf, ctx) { if (rf & 1) {
+CaseFileViewFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: CaseFileViewFieldComponent, selectors: [["ccd-case-file-view-field"]], decls: 2, vars: 2, consts: [["class", "govuk-grid-column-two-thirds", 4, "ngIf"], [4, "ngIf"], [1, "govuk-grid-column-two-thirds"], [1, "govuk-heading-xl"], [1, "govuk-body"], [1, "govuk-heading-l"], ["id", "case-file-view", 1, "govuk-form-group"], [1, "document-tree-container"], [1, "document-tree-container__tree", 3, "categoriesAndDocuments", "allowMoving", "clickedDocument", "moveDocument"], [1, "slider"], [1, "media-viewer-container"], [3, "url", "downloadFileName", "showToolbar", "contentType", "enableAnnotations", "enableRedactions"]], template: function CaseFileViewFieldComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵtemplate(0, CaseFileViewFieldComponent_div_0_Template, 5, 0, "div", 0);
         i0.ɵɵtemplate(1, CaseFileViewFieldComponent_div_1_Template, 9, 3, "div", 1);
     } if (rf & 2) {
@@ -10683,7 +10701,7 @@ function CaseFileViewFieldReadComponent_div_1_ng_container_8_Template(rf, ctx) {
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("url", ctx_r2.currentDocument.document_binary_url)("downloadFileName", ctx_r2.currentDocument.document_filename)("showToolbar", true)("contentType", ctx_r2.currentDocument.content_type)("enableAnnotations", true)("enableRedactions", true)("height", "94.5vh");
+    i0.ɵɵproperty("url", ctx_r2.currentDocument.document_binary_url)("downloadFileName", ctx_r2.currentDocument.document_filename)("showToolbar", true)("contentType", ctx_r2.currentDocument.content_type)("enableAnnotations", true)("enableRedactions", true);
 } }
 function CaseFileViewFieldReadComponent_div_1_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
@@ -10699,7 +10717,7 @@ function CaseFileViewFieldReadComponent_div_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementEnd();
     i0.ɵɵelement(6, "div", 9);
     i0.ɵɵelementStart(7, "div", 10);
-    i0.ɵɵtemplate(8, CaseFileViewFieldReadComponent_div_1_ng_container_8_Template, 2, 7, "ng-container", 1);
+    i0.ɵɵtemplate(8, CaseFileViewFieldReadComponent_div_1_ng_container_8_Template, 2, 6, "ng-container", 1);
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
@@ -10713,11 +10731,11 @@ function CaseFileViewFieldReadComponent_div_1_Template(rf, ctx) { if (rf & 1) {
 class CaseFileViewFieldReadComponent extends CaseFileViewFieldComponent {
     constructor() {
         super(...arguments);
-        this.allowMoving = false;
+        this.allowMoving = true;
     }
 }
 CaseFileViewFieldReadComponent.ɵfac = function CaseFileViewFieldReadComponent_Factory(t) { return ɵCaseFileViewFieldReadComponent_BaseFactory(t || CaseFileViewFieldReadComponent); };
-CaseFileViewFieldReadComponent.ɵcmp = i0.ɵɵdefineComponent({ type: CaseFileViewFieldReadComponent, selectors: [["ccd-case-file-view-field"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 2, consts: [["class", "govuk-grid-column-two-thirds", 4, "ngIf"], [4, "ngIf"], [1, "govuk-grid-column-two-thirds"], [1, "govuk-heading-xl"], [1, "govuk-body"], [1, "govuk-heading-l"], ["id", "case-file-view", 1, "govuk-form-group"], [1, "document-tree-container"], [1, "document-tree-container__tree", 3, "categoriesAndDocuments", "allowMoving", "clickedDocument", "moveDocument"], [1, "slider"], [1, "media-viewer-container"], [3, "url", "downloadFileName", "showToolbar", "contentType", "enableAnnotations", "enableRedactions", "height"]], template: function CaseFileViewFieldReadComponent_Template(rf, ctx) { if (rf & 1) {
+CaseFileViewFieldReadComponent.ɵcmp = i0.ɵɵdefineComponent({ type: CaseFileViewFieldReadComponent, selectors: [["ccd-case-file-view-field"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 2, consts: [["class", "govuk-grid-column-two-thirds", 4, "ngIf"], [4, "ngIf"], [1, "govuk-grid-column-two-thirds"], [1, "govuk-heading-xl"], [1, "govuk-body"], [1, "govuk-heading-l"], ["id", "case-file-view", 1, "govuk-form-group"], [1, "document-tree-container"], [1, "document-tree-container__tree", 3, "categoriesAndDocuments", "allowMoving", "clickedDocument", "moveDocument"], [1, "slider"], [1, "media-viewer-container"], [3, "url", "downloadFileName", "showToolbar", "contentType", "enableAnnotations", "enableRedactions"]], template: function CaseFileViewFieldReadComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵtemplate(0, CaseFileViewFieldReadComponent_div_0_Template, 5, 0, "div", 0);
         i0.ɵɵtemplate(1, CaseFileViewFieldReadComponent_div_1_Template, 9, 3, "div", 1);
     } if (rf & 2) {
@@ -10821,8 +10839,9 @@ var UpdateFlagErrorMessage;
 
 var UpdateFlagStep;
 (function (UpdateFlagStep) {
-    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";
+    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 || (UpdateFlagStep = {}));
 
 function ReadCaseFlagFieldComponent_ng_container_1_Template(rf, ctx) { if (rf & 1) {
@@ -10892,7 +10911,9 @@ class ReadCaseFlagFieldComponent extends AbstractFieldReadComponent {
             if (this.route.snapshot.data.case && this.route.snapshot.data.case.tabs) {
                 this.flagsData = this.route.snapshot.data.case.tabs
                     .filter(tab => tab.fields && tab.fields
-                    .some(caseField => caseField.field_type.type === 'FlagLauncher'))[0].fields.reduce((flags, caseField) => {
+                    // 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(caseField => caseField.field_type.type === 'FlagLauncher' && caseField.id === this.caseField.id))[0].fields.reduce((flags, caseField) => {
                     return FieldsUtils.extractFlagsDataFromCaseField(flags, caseField, caseField.id, caseField);
                 }, []);
             }
@@ -11625,7 +11646,7 @@ function ReadCollectionFieldComponent_table_0_tbody_2_Template(rf, ctx) { if (rf
     i0.ɵɵadvance(4);
     i0.ɵɵproperty("caseField", i0.ɵɵpureFunction6(3, _c0$O, ctx_r1.caseField.label, ctx_r1.caseField.label, ctx_r1.caseField.field_type.collection_field_type, ctx_r1.caseField.display_context_parameter, ctx_r1.caseField.value, ctx_r1.caseField.hidden))("context", ctx_r1.context)("topLevelFormGroup", ctx_r1.topLevelFormGroup);
 } }
-const _c1$k = function (a0, a1, a2, a3, a4) { return { id: a0, label: a1, field_type: a2, value: a3, hidden: a4 }; };
+const _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.ɵɵelementStart(0, "tr");
     i0.ɵɵelementStart(1, "td");
@@ -11637,7 +11658,7 @@ function ReadCollectionFieldComponent_table_0_tbody_3_tr_1_Template(rf, ctx) { i
     const i_r5 = ctx.index;
     const ctx_r3 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("caseField", i0.ɵɵpureFunction5(4, _c1$k, i_r5, ctx_r3.caseField.label + " " + (i_r5 + 1), ctx_r3.caseField.field_type.collection_field_type, item_r4.value, ctx_r3.caseField.hidden))("context", ctx_r3.context)("topLevelFormGroup", ctx_r3.topLevelFormGroup)("idPrefix", ctx_r3.buildIdPrefix(i_r5));
+    i0.ɵɵproperty("caseField", i0.ɵɵ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) { if (rf & 1) {
     i0.ɵɵelementStart(0, "tbody");
@@ -12470,7 +12491,7 @@ function WriteDocumentFieldComponent_ccd_read_document_field_9_Template(rf, ctx)
     const ctx_r2 = i0.ɵɵnextContext();
     i0.ɵɵproperty("caseField", ctx_r2.caseField);
 } }
-const _c1$j = function (a0) { return { "form-group-error bottom-30": a0 }; };
+const _c1$i = function (a0) { return { "form-group-error bottom-30": a0 }; };
 class WriteDocumentFieldComponent extends AbstractFieldWriteComponent {
     constructor(appConfig, caseNotifier, documentManagement, dialog, fileUploadStateService) {
         super();
@@ -12759,7 +12780,7 @@ WriteDocumentFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: WriteDocument
         i0.ɵɵelementEnd();
         i0.ɵɵelementEnd();
     } if (rf & 2) {
-        i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(15, _c1$j, !ctx.valid));
+        i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(15, _c1$i, !ctx.valid));
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("for", ctx.id());
         i0.ɵɵadvance(1);
@@ -13068,7 +13089,7 @@ function WriteDynamicRadioListFieldComponent_div_9_Template(rf, ctx) { if (rf &
     i0.ɵɵadvance(1);
     i0.ɵɵtextInterpolate(radioButton_r5.label);
 } }
-const _c1$i = function (a0) { return { "form-group-error": a0 }; };
+const _c1$h = function (a0) { return { "form-group-error": a0 }; };
 class WriteDynamicRadioListFieldComponent extends AbstractFieldWriteComponent {
     ngOnInit() {
         /**
@@ -13109,7 +13130,7 @@ WriteDynamicRadioListFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: Write
         i0.ɵɵelementEnd();
         i0.ɵɵelementEnd();
     } if (rf & 2) {
-        i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(8, _c1$i, !ctx.dynamicRadioListControl.valid && ctx.dynamicRadioListControl.dirty))("id", ctx.id());
+        i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(8, _c1$h, !ctx.dynamicRadioListControl.valid && ctx.dynamicRadioListControl.dirty))("id", ctx.id());
         i0.ɵɵadvance(3);
         i0.ɵɵproperty("for", ctx.id());
         i0.ɵɵadvance(1);
@@ -13194,7 +13215,7 @@ function WriteEmailFieldComponent_span_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(2, 1, ctx_r2.emailControl.errors, ctx_r2.caseField.label));
 } }
 const _c0$J = function (a0) { return { "form-group-error": a0 }; };
-const _c1$h = function (a0) { return { "govuk-input--error": a0 }; };
+const _c1$g = function (a0) { return { "govuk-input--error": a0 }; };
 class WriteEmailFieldComponent extends AbstractFieldWriteComponent {
     ngOnInit() {
         this.emailControl = this.registerControl(new FormControl(this.caseField.value));
@@ -13221,7 +13242,7 @@ WriteEmailFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: WriteEmailFieldC
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("ngIf", ctx.emailControl.errors && (ctx.emailControl.dirty || ctx.emailControl.touched));
         i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(10, _c1$h, ctx.emailControl.errors && (ctx.emailControl.dirty || ctx.emailControl.touched)))("id", ctx.id())("formControl", ctx.emailControl);
+        i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(10, _c1$g, ctx.emailControl.errors && (ctx.emailControl.dirty || ctx.emailControl.touched)))("id", ctx.id())("formControl", ctx.emailControl);
     } }, directives: [i1.NgClass, i1.NgIf, i2.DefaultValueAccessor, i2.NgControlStatus, i2.FormControlDirective], pipes: [FieldLabelPipe, FirstErrorPipe], encapsulation: 2 });
 const ɵWriteEmailFieldComponent_BaseFactory = /*@__PURE__*/ i0.ɵɵgetInheritedFactory(WriteEmailFieldComponent);
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WriteEmailFieldComponent, [{
@@ -13461,7 +13482,7 @@ function WriteFixedRadioListFieldComponent_div_8_Template(rf, ctx) { if (rf & 1)
     i0.ɵɵadvance(1);
     i0.ɵɵtextInterpolate(radioButton_r4.label);
 } }
-const _c1$g = function (a0) { return { "form-group-error": a0 }; };
+const _c1$f = function (a0) { return { "form-group-error": a0 }; };
 class WriteFixedRadioListFieldComponent extends AbstractFieldWriteComponent {
     ngOnInit() {
         const notEmpty = this.caseField.value !== null && this.caseField.value !== undefined;
@@ -13485,7 +13506,7 @@ WriteFixedRadioListFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: WriteFi
         i0.ɵɵelementEnd();
         i0.ɵɵelementEnd();
     } if (rf & 2) {
-        i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(7, _c1$g, !ctx.fixedRadioListControl.valid && (ctx.fixedRadioListControl.dirty || ctx.fixedRadioListControl.touched)))("id", ctx.id());
+        i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(7, _c1$f, !ctx.fixedRadioListControl.valid && (ctx.fixedRadioListControl.dirty || ctx.fixedRadioListControl.touched)))("id", ctx.id());
         i0.ɵɵadvance(3);
         i0.ɵɵproperty("for", ctx.id());
         i0.ɵɵadvance(1);
@@ -14167,7 +14188,7 @@ function WriteNumberFieldComponent_span_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(2, 1, ctx_r2.numberControl.errors, ctx_r2.caseField.label));
 } }
 const _c0$D = function (a0) { return { "form-group-error": a0 }; };
-const _c1$f = function (a0) { return { "govuk-input--error": a0 }; };
+const _c1$e = function (a0) { return { "govuk-input--error": a0 }; };
 class WriteNumberFieldComponent extends AbstractFieldWriteComponent {
     ngOnInit() {
         this.numberControl = this.registerControl(new FormControl(this.caseField.value));
@@ -14194,7 +14215,7 @@ WriteNumberFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: WriteNumberFiel
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("ngIf", ctx.numberControl.errors && ctx.numberControl.dirty);
         i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(10, _c1$f, ctx.numberControl.errors && ctx.numberControl.dirty))("id", ctx.id())("formControl", ctx.numberControl);
+        i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(10, _c1$e, ctx.numberControl.errors && ctx.numberControl.dirty))("id", ctx.id())("formControl", ctx.numberControl);
     } }, directives: [i1.NgClass, i1.NgIf, i2.NumberValueAccessor, i2.DefaultValueAccessor, i2.NgControlStatus, i2.FormControlDirective], pipes: [FieldLabelPipe, FirstErrorPipe], encapsulation: 2 });
 const ɵWriteNumberFieldComponent_BaseFactory = /*@__PURE__*/ i0.ɵɵgetInheritedFactory(WriteNumberFieldComponent);
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WriteNumberFieldComponent, [{
@@ -14848,7 +14869,7 @@ function WritePhoneUKFieldComponent_span_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(2, 1, ctx_r2.phoneUkControl.errors, ctx_r2.caseField.label));
 } }
 const _c0$B = function (a0) { return { "form-group-error": a0 }; };
-const _c1$e = function (a0) { return { "govuk-input--error": a0 }; };
+const _c1$d = function (a0) { return { "govuk-input--error": a0 }; };
 class WritePhoneUKFieldComponent extends AbstractFieldWriteComponent {
     ngOnInit() {
         this.phoneUkControl = this.registerControl(new FormControl(this.caseField.value));
@@ -14875,7 +14896,7 @@ WritePhoneUKFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: WritePhoneUKFi
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("ngIf", ctx.phoneUkControl.errors && (ctx.phoneUkControl.dirty || ctx.phoneUkControl.touched));
         i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(10, _c1$e, ctx.phoneUkControl.errors && ctx.phoneUkControl.dirty))("id", ctx.id())("formControl", ctx.phoneUkControl);
+        i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(10, _c1$d, ctx.phoneUkControl.errors && ctx.phoneUkControl.dirty))("id", ctx.id())("formControl", ctx.phoneUkControl);
     } }, directives: [i1.NgClass, i1.NgIf, i2.DefaultValueAccessor, i2.NgControlStatus, i2.FormControlDirective], pipes: [FieldLabelPipe, FirstErrorPipe], encapsulation: 2 });
 const ɵWritePhoneUKFieldComponent_BaseFactory = /*@__PURE__*/ i0.ɵɵgetInheritedFactory(WritePhoneUKFieldComponent);
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WritePhoneUKFieldComponent, [{
@@ -14936,7 +14957,7 @@ function WriteTextAreaFieldComponent_span_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(2, 1, ctx_r2.textareaControl.errors, ctx_r2.caseField.label));
 } }
 const _c0$A = function (a0) { return { "form-group-error": a0 }; };
-const _c1$d = function (a0) { return { "govuk-textarea--error": a0 }; };
+const _c1$c = function (a0) { return { "govuk-textarea--error": a0 }; };
 class WriteTextAreaFieldComponent extends AbstractFieldWriteComponent {
     constructor(browserService) {
         super();
@@ -14976,7 +14997,7 @@ WriteTextAreaFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: WriteTextArea
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("ngIf", ctx.textareaControl.errors && (ctx.textareaControl.dirty || ctx.textareaControl.touched));
         i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(10, _c1$d, ctx.textareaControl.errors && (ctx.textareaControl.dirty || ctx.textareaControl.touched)))("id", ctx.id())("formControl", ctx.textareaControl);
+        i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(10, _c1$c, ctx.textareaControl.errors && (ctx.textareaControl.dirty || ctx.textareaControl.touched)))("id", ctx.id())("formControl", ctx.textareaControl);
     } }, directives: [i1.NgClass, i1.NgIf, i2.DefaultValueAccessor, i2.NgControlStatus, i2.FormControlDirective], pipes: [FieldLabelPipe, FirstErrorPipe], encapsulation: 2 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WriteTextAreaFieldComponent, [{
         type: Component,
@@ -15037,7 +15058,7 @@ function WriteTextFieldComponent_span_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(2, 1, ctx_r2.textControl.errors, ctx_r2.caseField.label));
 } }
 const _c0$z = function (a0) { return { "form-group-error": a0 }; };
-const _c1$c = function (a0) { return { "govuk-input--error": a0 }; };
+const _c1$b = function (a0) { return { "govuk-input--error": a0 }; };
 class WriteTextFieldComponent extends AbstractFieldWriteComponent {
     ngOnInit() {
         this.textControl = this.registerControl(new FormControl(this.caseField.value));
@@ -15069,7 +15090,7 @@ WriteTextFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: WriteTextFieldCom
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("ngIf", (ctx.textControl == null ? null : ctx.textControl.errors) && (ctx.textControl.dirty || ctx.textControl.touched));
         i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(10, _c1$c, (ctx.textControl == null ? null : ctx.textControl.errors) && (ctx.textControl.dirty || ctx.textControl.touched)))("id", ctx.id())("formControl", ctx.textControl);
+        i0.ɵɵproperty("ngClass", i0.ɵɵ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.NgClass, i1.NgIf, i2.DefaultValueAccessor, i2.NgControlStatus, i2.FormControlDirective], pipes: [FieldLabelPipe, FirstErrorPipe], encapsulation: 2 });
 const ɵWriteTextFieldComponent_BaseFactory = /*@__PURE__*/ i0.ɵɵgetInheritedFactory(WriteTextFieldComponent);
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WriteTextFieldComponent, [{
@@ -15245,7 +15266,7 @@ function WriteYesNoFieldComponent_div_7_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(1);
     i0.ɵɵtextInterpolate(value_r4);
 } }
-const _c1$b = function (a0) { return { "form-group-error": a0 }; };
+const _c1$a = function (a0) { return { "form-group-error": a0 }; };
 class WriteYesNoFieldComponent extends AbstractFieldWriteComponent {
     constructor(yesNoService) {
         super();
@@ -15271,7 +15292,7 @@ WriteYesNoFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: WriteYesNoFieldC
         i0.ɵɵelementEnd();
         i0.ɵɵelementEnd();
     } if (rf & 2) {
-        i0.ɵɵproperty("id", ctx.id())("ngClass", i0.ɵɵpureFunction1(7, _c1$b, !ctx.yesNoControl.valid && (ctx.yesNoControl.dirty || ctx.yesNoControl.touched)));
+        i0.ɵɵproperty("id", ctx.id())("ngClass", i0.ɵɵpureFunction1(7, _c1$a, !ctx.yesNoControl.valid && (ctx.yesNoControl.dirty || ctx.yesNoControl.touched)));
         i0.ɵɵadvance(3);
         i0.ɵɵproperty("ngIf", ctx.caseField.label);
         i0.ɵɵadvance(1);
@@ -15622,13 +15643,13 @@ const ɵFieldReadLabelComponent_BaseFactory = /*@__PURE__*/ i0.ɵɵgetInheritedF
             type: Input
         }] }); })();
 
-function CaseFileViewFolderSelectorComponent_ng_container_6_ng_container_1_Template(rf, ctx) { if (rf & 1) {
+function CaseFileViewFolderSelectorComponent_ng_container_5_ng_container_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0);
 } }
 const _c0$u = function (a0) { return { cat: a0, level: 1 }; };
-function CaseFileViewFolderSelectorComponent_ng_container_6_Template(rf, ctx) { if (rf & 1) {
+function CaseFileViewFolderSelectorComponent_ng_container_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
-    i0.ɵɵtemplate(1, CaseFileViewFolderSelectorComponent_ng_container_6_ng_container_1_Template, 1, 0, "ng-container", 8);
+    i0.ɵɵtemplate(1, CaseFileViewFolderSelectorComponent_ng_container_5_ng_container_1_Template, 1, 0, "ng-container", 8);
     i0.ɵɵelementContainerEnd();
 } if (rf & 2) {
     const cat_r3 = ctx.$implicit;
@@ -15640,7 +15661,7 @@ function CaseFileViewFolderSelectorComponent_ng_container_6_Template(rf, ctx) {
 function CaseFileViewFolderSelectorComponent_ng_template_12_ng_container_5_ng_container_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0);
 } }
-const _c1$a = function (a0, a1) { return { cat: a0, level: a1 }; };
+const _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.ɵɵelementContainerStart(0);
     i0.ɵɵtemplate(1, CaseFileViewFolderSelectorComponent_ng_template_12_ng_container_5_ng_container_1_Template, 1, 0, "ng-container", 8);
@@ -15651,7 +15672,7 @@ function CaseFileViewFolderSelectorComponent_ng_template_12_ng_container_5_Templ
     i0.ɵɵnextContext();
     const _r1 = i0.ɵɵreference(13);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngTemplateOutlet", _r1)("ngTemplateOutletContext", i0.ɵɵpureFunction2(2, _c1$a, subcat_r8, level_r6 + 1));
+    i0.ɵɵproperty("ngTemplateOutlet", _r1)("ngTemplateOutletContext", i0.ɵɵpureFunction2(2, _c1$9, subcat_r8, level_r6 + 1));
 } }
 function CaseFileViewFolderSelectorComponent_ng_template_12_Template(rf, ctx) { if (rf & 1) {
     const _r12 = i0.ɵɵgetCurrentView();
@@ -15663,7 +15684,7 @@ function CaseFileViewFolderSelectorComponent_ng_template_12_Template(rf, ctx) {
     i0.ɵɵelement(3, "img", 12);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(5, CaseFileViewFolderSelectorComponent_ng_template_12_ng_container_5_Template, 2, 5, "ng-container", 3);
+    i0.ɵɵtemplate(5, CaseFileViewFolderSelectorComponent_ng_template_12_ng_container_5_Template, 2, 5, "ng-container", 2);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const cat_r5 = ctx.cat;
@@ -15734,43 +15755,42 @@ class CaseFileViewFolderSelectorComponent {
     }
 }
 CaseFileViewFolderSelectorComponent.ɵfac = function CaseFileViewFolderSelectorComponent_Factory(t) { return new (t || CaseFileViewFolderSelectorComponent)(i0.ɵɵdirectiveInject(i1$3.MatDialogRef), i0.ɵɵdirectiveInject(MAT_DIALOG_DATA)); };
-CaseFileViewFolderSelectorComponent.ɵcmp = i0.ɵɵdefineComponent({ type: CaseFileViewFolderSelectorComponent, selectors: [["xui-case-file-view-folder-selector"]], decls: 14, vars: 2, consts: [[1, "close", 3, "click"], [1, "govuk-heading-l"], [1, "folders", "govuk-radios", "govuk-radios--conditional"], [4, "ngFor", "ngForOf"], [1, "govuk-button-group"], ["type", "button", 1, "button", "button-primary", 3, "click"], [1, "cancel", 3, "click"], ["folder", ""], [4, "ngTemplateOutlet", "ngTemplateOutletContext"], [1, "folder", "govuk-radios__item"], ["type", "radio", 1, "govuk-radios__input", 3, "name", "id", "click"], [1, "govuk-label", "govuk-radios__label", 3, "for"], ["src", "/assets/images/folder.png", "alt", "Folder icon", 1, "iconImg"]], template: function CaseFileViewFolderSelectorComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵelementStart(0, "div", 0);
-        i0.ɵɵlistener("click", function CaseFileViewFolderSelectorComponent_Template_div_click_0_listener() { return ctx.cancel(); });
+CaseFileViewFolderSelectorComponent.ɵcmp = i0.ɵɵdefineComponent({ type: CaseFileViewFolderSelectorComponent, selectors: [["xui-case-file-view-folder-selector"]], decls: 14, vars: 2, consts: [[1, "govuk-heading-l"], [1, "folders", "govuk-radios", "govuk-radios--conditional"], [4, "ngFor", "ngForOf"], [1, "govuk-button-group"], ["type", "button", 1, "button", "button-primary", 3, "click"], [1, "cancel", 3, "click"], [1, "close", 3, "click"], ["folder", ""], [4, "ngTemplateOutlet", "ngTemplateOutletContext"], [1, "folder", "govuk-radios__item"], ["type", "radio", 1, "govuk-radios__input", 3, "name", "id", "click"], [1, "govuk-label", "govuk-radios__label", 3, "for"], ["src", "/assets/images/folder.png", "alt", "Folder icon", 1, "iconImg"]], template: function CaseFileViewFolderSelectorComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵelementStart(0, "h2", 0);
+        i0.ɵɵtext(1, "Move File");
         i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(1, "h2", 1);
-        i0.ɵɵtext(2, "Move File");
+        i0.ɵɵelementStart(2, "p");
+        i0.ɵɵtext(3);
         i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(3, "p");
-        i0.ɵɵtext(4);
+        i0.ɵɵelementStart(4, "div", 1);
+        i0.ɵɵtemplate(5, CaseFileViewFolderSelectorComponent_ng_container_5_Template, 2, 4, "ng-container", 2);
         i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(5, "div", 2);
-        i0.ɵɵtemplate(6, CaseFileViewFolderSelectorComponent_ng_container_6_Template, 2, 4, "ng-container", 3);
+        i0.ɵɵelementStart(6, "div", 3);
+        i0.ɵɵelementStart(7, "button", 4);
+        i0.ɵɵlistener("click", function CaseFileViewFolderSelectorComponent_Template_button_click_7_listener() { return ctx.save(); });
+        i0.ɵɵtext(8, "Save");
         i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(7, "div", 4);
-        i0.ɵɵelementStart(8, "button", 5);
-        i0.ɵɵlistener("click", function CaseFileViewFolderSelectorComponent_Template_button_click_8_listener() { return ctx.save(); });
-        i0.ɵɵtext(9, "Save");
+        i0.ɵɵelementStart(9, "a", 5);
+        i0.ɵɵlistener("click", function CaseFileViewFolderSelectorComponent_Template_a_click_9_listener() { return ctx.cancel(); });
+        i0.ɵɵtext(10, "Cancel");
         i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(10, "a", 6);
-        i0.ɵɵlistener("click", function CaseFileViewFolderSelectorComponent_Template_a_click_10_listener() { return ctx.cancel(); });
-        i0.ɵɵtext(11, "Cancel");
         i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(11, "div", 6);
+        i0.ɵɵlistener("click", function CaseFileViewFolderSelectorComponent_Template_div_click_11_listener() { return ctx.cancel(); });
         i0.ɵɵelementEnd();
         i0.ɵɵtemplate(12, CaseFileViewFolderSelectorComponent_ng_template_12_Template, 6, 5, "ng-template", null, 7, i0.ɵɵtemplateRefExtractor);
     } if (rf & 2) {
-        i0.ɵɵadvance(4);
+        i0.ɵɵadvance(3);
         i0.ɵɵtextInterpolate1("Where do you want to move \"", ctx.data.document.document_filename, "\" file?");
         i0.ɵɵadvance(2);
         i0.ɵɵproperty("ngForOf", ctx.currentCategories);
-    } }, directives: [i1.NgForOf, i1.NgTemplateOutlet], styles: [":host{position:relative;display:block}.folders{margin-bottom:20px}.folder{display:none;border-top:1px solid #ccc;margin:0 0 -1px}.folder:last-child{border-bottom:1px solid #ccc}.folders>.folder,input:checked~.folder{display:block}.iconImg{position:relative;display:inline-block;height:28px}.folder>.folder{margin-left:20px}.folder label:before{top:3px}.folder label:after{top:13px}p{font-weight:700}button{margin-right:20px}.close{float:right;width:30px;height:30px;background:url(/assets/img/x.PNG) no-repeat 50%}.cancel,.close{cursor:pointer}.cdk-overlay-pane{overflow:auto}.cdk-overlay-pane::-webkit-scrollbar{width:7px}.cdk-overlay-pane::-webkit-scrollbar-thumb{border:4px solid transparent;background-clip:padding-box;border-radius:9999px;background-color:#aaa}.cdk-overlay-pane::-webkit-scrollbar-button{display:none}.cdk-overlay-pane::-webkit-scrollbar-track-piece{background:#eee}.cdk-overlay-pane::-webkit-scrollbar-thumb{background:#ccc}"], encapsulation: 2 });
+    } }, directives: [i1.NgForOf, i1.NgTemplateOutlet], styles: ["[_nghost-%COMP%]{position:relative;display:block}.folders[_ngcontent-%COMP%]{margin-bottom:20px}.folder[_ngcontent-%COMP%]{display:none;border-bottom:1px solid #ccc;border-top:1px solid #ccc;margin:0 0 -1px}.folders[_ngcontent-%COMP%] > .folder[_ngcontent-%COMP%], input[_ngcontent-%COMP%]:checked ~ .folder[_ngcontent-%COMP%]{display:block}.iconImg[_ngcontent-%COMP%]{position:relative;display:inline-block;height:28px}.folder[_ngcontent-%COMP%] > .folder[_ngcontent-%COMP%]{margin-left:20px}.folder[_ngcontent-%COMP%]   label[_ngcontent-%COMP%]:before{top:3px}.folder[_ngcontent-%COMP%]   label[_ngcontent-%COMP%]:after{top:13px}p[_ngcontent-%COMP%]{font-weight:700}button[_ngcontent-%COMP%]{margin-right:20px}.close[_ngcontent-%COMP%]{position:absolute;top:0;right:0;width:30px;height:30px;background:url(/assets/img/x.PNG) no-repeat 50%}.cancel[_ngcontent-%COMP%], .close[_ngcontent-%COMP%]{cursor:pointer}"] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaseFileViewFolderSelectorComponent, [{
         type: Component,
         args: [{
                 selector: 'xui-case-file-view-folder-selector',
                 templateUrl: './case-file-view-folder-selector.component.html',
-                styleUrls: ['./case-file-view-folder-selector.component.scss'],
-                encapsulation: ViewEncapsulation.None
+                styleUrls: ['./case-file-view-folder-selector.component.scss']
             }]
     }], function () { return [{ type: i1$3.MatDialogRef }, { type: undefined, decorators: [{
                 type: Inject,
@@ -15827,7 +15847,7 @@ function CaseFileViewOverlayMenuComponent_ng_template_4_Template(rf, ctx) { if (
     i0.ɵɵproperty("ngForOf", ctx_r1.menuItems);
 } }
 const _c0$t = [[["", "trigger", ""]]];
-const _c1$9 = ["[trigger]"];
+const _c1$8 = ["[trigger]"];
 class CaseFileViewOverlayMenuComponent {
     constructor() {
         this.title = '';
@@ -15841,7 +15861,7 @@ class CaseFileViewOverlayMenuComponent {
     }
 }
 CaseFileViewOverlayMenuComponent.ɵfac = function CaseFileViewOverlayMenuComponent_Factory(t) { return new (t || CaseFileViewOverlayMenuComponent)(); };
-CaseFileViewOverlayMenuComponent.ɵcmp = i0.ɵɵdefineComponent({ type: CaseFileViewOverlayMenuComponent, selectors: [["ccd-case-file-view-overlay-menu"]], inputs: { title: "title", menuItems: "menuItems", isOpen: "isOpen" }, outputs: { isOpenChange: "isOpenChange" }, ngContentSelectors: _c1$9, 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) {
+CaseFileViewOverlayMenuComponent.ɵcmp = i0.ɵɵ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.ɵɵprojectionDef(_c0$t);
         i0.ɵɵelementStart(0, "div");
         i0.ɵɵelementStart(1, "button", 0, 1);
@@ -16251,7 +16271,7 @@ class CaseFileViewFolderComponent {
             return Object.assign(documentTreeNode, node);
         }
         let filteredData = this.documentTreeData;
-        if (searchTerm && searchTerm.length >= CaseFileViewFolderComponent.MINIMUM_SEARCH_CHARACTERS && this.documentFilterFormGroup.controls[CaseFileViewFolderComponent.DOCUMENT_SEARCH_FORM_CONTROL_NAME].value.length > 0) {
+        if (searchTerm && searchTerm.length >= CaseFileViewFolderComponent.MINIMUM_SEARCH_CHARACTERS && this.documentFilterFormGroup.controls[CaseFileViewFolderComponent.DOCUMENT_SEARCH_FORM_CONTROL_NAME].value.length > 2) {
             filteredData = this.documentTreeData.map(copy).filter(function filterTreeData(node) {
                 if (node.name && node.name.toLowerCase().includes(searchTerm) && node.type === DocumentTreeNodeType.DOCUMENT) {
                     return true;
@@ -16331,6 +16351,7 @@ class CaseFileViewFolderComponent {
     }
     openMoveDialog(node) {
         const dialogRef = this.dialog.open(CaseFileViewFolderSelectorComponent, {
+            width: '570px',
             data: { categories: this.categories, document: node }
         });
         dialogRef.afterClosed().subscribe(newCatId => {
@@ -16355,7 +16376,7 @@ class CaseFileViewFolderComponent {
 }
 CaseFileViewFolderComponent.UNCATEGORISED_DOCUMENTS_TITLE = 'Uncategorised documents';
 CaseFileViewFolderComponent.DOCUMENT_SEARCH_FORM_CONTROL_NAME = 'documentSearchFormControl';
-CaseFileViewFolderComponent.MINIMUM_SEARCH_CHARACTERS = 1;
+CaseFileViewFolderComponent.MINIMUM_SEARCH_CHARACTERS = 3;
 CaseFileViewFolderComponent.ɵfac = function CaseFileViewFolderComponent_Factory(t) { return new (t || CaseFileViewFolderComponent)(i0.ɵɵdirectiveInject(WindowService), i0.ɵɵdirectiveInject(i1$1.Router), i0.ɵɵdirectiveInject(DocumentManagementService), i0.ɵɵdirectiveInject(i1$3.MatDialog)); };
 CaseFileViewFolderComponent.ɵcmp = i0.ɵɵ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) { if (rf & 1) {
         i0.ɵɵelementStart(0, "div", 0);
@@ -16407,20 +16428,25 @@ function CaseFlagTableComponent_table_0_tr_16_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementEnd();
 } }
 function CaseFlagTableComponent_table_0_tbody_17_tr_1_strong_15_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "strong", 19);
+    i0.ɵɵelementStart(0, "strong", 20);
     i0.ɵɵtext(1, "Active");
     i0.ɵɵelementEnd();
 } }
 function CaseFlagTableComponent_table_0_tbody_17_tr_1_strong_16_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "strong", 20);
+    i0.ɵɵelementStart(0, "strong", 21);
     i0.ɵɵtext(1, "Inactive");
     i0.ɵɵelementEnd();
 } }
 function CaseFlagTableComponent_table_0_tbody_17_tr_1_strong_17_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "strong", 20);
+    i0.ɵɵelementStart(0, "strong", 21);
     i0.ɵɵtext(1, "Requested");
     i0.ɵɵelementEnd();
 } }
+function CaseFlagTableComponent_table_0_tbody_17_tr_1_strong_18_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "strong", 22);
+    i0.ɵɵtext(1, "Not approved");
+    i0.ɵɵelementEnd();
+} }
 function CaseFlagTableComponent_table_0_tbody_17_tr_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "tr", 15);
     i0.ɵɵelementStart(1, "td", 16);
@@ -16446,6 +16472,7 @@ function CaseFlagTableComponent_table_0_tbody_17_tr_1_Template(rf, ctx) { if (rf
     i0.ɵɵtemplate(15, CaseFlagTableComponent_table_0_tbody_17_tr_1_strong_15_Template, 2, 0, "strong", 17);
     i0.ɵɵtemplate(16, CaseFlagTableComponent_table_0_tbody_17_tr_1_strong_16_Template, 2, 0, "strong", 18);
     i0.ɵɵtemplate(17, CaseFlagTableComponent_table_0_tbody_17_tr_1_strong_17_Template, 2, 0, "strong", 18);
+    i0.ɵɵtemplate(18, CaseFlagTableComponent_table_0_tbody_17_tr_1_strong_18_Template, 2, 0, "strong", 19);
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -16458,19 +16485,21 @@ function CaseFlagTableComponent_table_0_tbody_17_tr_1_Template(rf, ctx) { if (rf
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate(flagDetail_r4.flagComment);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(10, 8, flagDetail_r4.dateTimeCreated, "dd LLL yyyy"));
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(10, 9, flagDetail_r4.dateTimeCreated, "dd LLL yyyy"));
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(13, 11, flagDetail_r4.dateTimeModified, "dd LLL yyyy"));
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(13, 12, flagDetail_r4.dateTimeModified, "dd LLL yyyy"));
     i0.ɵɵadvance(3);
     i0.ɵɵproperty("ngIf", flagDetail_r4.status === ctx_r3.caseFlagStatus.ACTIVE);
     i0.ɵɵadvance(1);
     i0.ɵɵproperty("ngIf", flagDetail_r4.status === ctx_r3.caseFlagStatus.INACTIVE);
     i0.ɵɵadvance(1);
     i0.ɵɵproperty("ngIf", flagDetail_r4.status === ctx_r3.caseFlagStatus.REQUESTED);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", flagDetail_r4.status === ctx_r3.caseFlagStatus.NOT_APPROVED);
 } }
 function CaseFlagTableComponent_table_0_tbody_17_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "tbody", 10);
-    i0.ɵɵtemplate(1, CaseFlagTableComponent_table_0_tbody_17_tr_1_Template, 18, 14, "tr", 14);
+    i0.ɵɵtemplate(1, CaseFlagTableComponent_table_0_tbody_17_tr_1_Template, 19, 15, "tr", 14);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(2);
@@ -16523,7 +16552,7 @@ class CaseFlagTableComponent {
     }
 }
 CaseFlagTableComponent.ɵfac = function CaseFlagTableComponent_Factory(t) { return new (t || CaseFlagTableComponent)(); };
-CaseFlagTableComponent.ɵcmp = i0.ɵɵ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) {
+CaseFlagTableComponent.ɵcmp = i0.ɵɵ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) { if (rf & 1) {
         i0.ɵɵtemplate(0, CaseFlagTableComponent_table_0_Template, 18, 4, "table", 0);
     } if (rf & 2) {
         i0.ɵɵproperty("ngIf", ctx.flagData);
@@ -16590,7 +16619,7 @@ function SelectFlagTypeComponent_div_9_div_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtextInterpolate1(" ", ctx_r8.flagTypeErrorMessage, " ");
 } }
 const _c0$s = function (a0) { return { "form-group-error": a0 }; };
-const _c1$8 = function (a0) { return { "govuk-input--error": a0 }; };
+const _c1$7 = function (a0) { return { "govuk-input--error": a0 }; };
 function SelectFlagTypeComponent_div_9_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 15);
     i0.ɵɵelementStart(1, "div", 1);
@@ -16608,7 +16637,7 @@ function SelectFlagTypeComponent_div_9_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(3);
     i0.ɵɵproperty("ngIf", ctx_r2.flagTypeErrorMessage.length > 0);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(7, _c1$8, ctx_r2.flagTypeErrorMessage.length > 0))("name", ctx_r2.descriptionControlName)("formControlName", ctx_r2.descriptionControlName);
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(7, _c1$7, ctx_r2.flagTypeErrorMessage.length > 0))("name", ctx_r2.descriptionControlName)("formControlName", ctx_r2.descriptionControlName);
 } }
 function SelectFlagTypeComponent_div_10_Template(rf, ctx) { if (rf & 1) {
     const _r10 = i0.ɵɵgetCurrentView();
@@ -17614,9 +17643,9 @@ ManageCaseFlagsComponent.ɵcmp = i0.ɵɵdefineComponent({ type: ManageCaseFlagsC
             type: Output
         }] }); })();
 
-function UpdateFlagComponent_div_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 16);
-    i0.ɵɵelementStart(1, "span", 17);
+function UpdateFlagComponent_div_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 24);
+    i0.ɵɵelementStart(1, "span", 25);
     i0.ɵɵtext(2, "Error:");
     i0.ɵɵelementEnd();
     i0.ɵɵtext(3);
@@ -17626,9 +17655,9 @@ function UpdateFlagComponent_div_8_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(3);
     i0.ɵɵtextInterpolate1(" ", ctx_r0.updateFlagNotEnteredErrorMessage, " ");
 } }
-function UpdateFlagComponent_div_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 18);
-    i0.ɵɵelementStart(1, "span", 17);
+function UpdateFlagComponent_div_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 26);
+    i0.ɵɵelementStart(1, "span", 25);
     i0.ɵɵtext(2, "Error:");
     i0.ɵɵelementEnd();
     i0.ɵɵtext(3);
@@ -17638,15 +17667,25 @@ function UpdateFlagComponent_div_9_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(3);
     i0.ɵɵtextInterpolate1(" ", ctx_r1.updateFlagCharLimitErrorMessage, " ");
 } }
-function UpdateFlagComponent_button_22_Template(rf, ctx) { if (rf & 1) {
-    const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 19);
-    i0.ɵɵlistener("click", function UpdateFlagComponent_button_22_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r4); const ctx_r3 = i0.ɵɵnextContext(); return ctx_r3.onChangeStatus(); });
-    i0.ɵɵtext(1, " Make inactive ");
+function UpdateFlagComponent_div_24_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 27);
+    i0.ɵɵelement(1, "input", 28);
+    i0.ɵɵpipe(2, "lowercase");
+    i0.ɵɵelementStart(3, "label", 29);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const status_r3 = ctx.$implicit;
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("name", ctx_r2.FLAG_STATUS_CONTROL_NAME)("value", i0.ɵɵpipeBind1(2, 4, status_r3));
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("for", ctx_r2.FLAG_STATUS_CONTROL_NAME);
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate1(" ", status_r3, " ");
 } }
 const _c0$n = function (a0) { return { "form-group-error": a0 }; };
-const _c1$7 = function (a0) { return { "govuk-tag--grey": a0 }; };
 class UpdateFlagComponent {
     constructor() {
         this.caseFlagStateEmitter = new EventEmitter();
@@ -17654,22 +17693,25 @@ class UpdateFlagComponent {
         this.errorMessages = [];
         this.updateFlagNotEnteredErrorMessage = null;
         this.updateFlagCharLimitErrorMessage = null;
-        this.updateFlagControlName = 'flagComments';
+        this.updateFlagStepEnum = UpdateFlagStep;
+        this.caseFlagStatuses = 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.commentsMaxCharLimit = 200;
     }
     ngOnInit() {
-        this.updateFlagHint = UpdateFlagStep.HINT_TEXT;
-        this.updateFlagCharLimitInfo = UpdateFlagStep.CHARACTER_LIMIT_INFO;
-        this.formGroup.addControl(this.updateFlagControlName, new FormControl(''));
         if (this.selectedFlag && this.selectedFlag.flagDetailDisplay && this.selectedFlag.flagDetailDisplay.flagDetail) {
             const flagDetail = this.selectedFlag.flagDetailDisplay.flagDetail;
+            this.formGroup.addControl(this.FLAG_STATUS_CONTROL_NAME, new FormControl(flagDetail.status));
+            this.formGroup.addControl(this.FLAG_STATUS_CHANGE_REASON_CONTROL_NAME, new FormControl(''));
+            this.formGroup.addControl(this.FLAG_WELSH_TRANSLATION_CONTROL_NAME, new FormControl(false));
             // Populate flag comments text area with existing comments
-            this.formGroup.get(this.updateFlagControlName).setValue(flagDetail.flagComment);
+            this.formGroup.addControl(this.FLAG_COMMENTS_CONTROL_NAME, new FormControl(flagDetail.flagComment));
             if (flagDetail.name) {
                 this.updateFlagTitle =
-                    `${CaseFlagWizardStepTitle.UPDATE_FLAG_TITLE} "${flagDetail.name}${flagDetail.subTypeValue
-                        ? `, ${flagDetail.subTypeValue}"`
-                        : '"'}`;
+                    `${CaseFlagWizardStepTitle.UPDATE_FLAG_TITLE} "${flagDetail.name}${flagDetail.subTypeValue ? `, ${flagDetail.subTypeValue}"` : '"'}`;
             }
         }
     }
@@ -17678,7 +17720,7 @@ class UpdateFlagComponent {
         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.updateFlagControlName).value });
+            this.selectedFlag.flagDetailDisplay.flagDetail = Object.assign(Object.assign({}, this.selectedFlag.flagDetailDisplay.flagDetail), { flagComment: this.formGroup.get(this.FLAG_COMMENTS_CONTROL_NAME).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
@@ -17688,22 +17730,17 @@ class UpdateFlagComponent {
             selectedFlag: this.selectedFlag
         });
     }
-    onChangeStatus() {
-        this.selectedFlag.flagDetailDisplay.flagDetail = Object.assign(Object.assign({}, this.selectedFlag.flagDetailDisplay.flagDetail), { status: this.selectedFlag.flagDetailDisplay.flagDetail.status === CaseFlagStatus.ACTIVE
-                ? CaseFlagStatus.INACTIVE
-                : this.selectedFlag.flagDetailDisplay.flagDetail.status });
-    }
     validateTextEntry() {
         this.updateFlagNotEnteredErrorMessage = null;
         this.updateFlagCharLimitErrorMessage = null;
         this.errorMessages = [];
-        const comment = this.formGroup.get(this.updateFlagControlName).value;
+        const comment = this.formGroup.get(this.FLAG_COMMENTS_CONTROL_NAME).value;
         if (!comment) {
             this.updateFlagNotEnteredErrorMessage = UpdateFlagErrorMessage.FLAG_COMMENTS_NOT_ENTERED;
             this.errorMessages.push({
                 title: '',
                 description: UpdateFlagErrorMessage.FLAG_COMMENTS_NOT_ENTERED,
-                fieldId: this.updateFlagControlName
+                fieldId: this.FLAG_COMMENTS_CONTROL_NAME
             });
         }
         if (comment && comment.length > this.commentsMaxCharLimit) {
@@ -17711,13 +17748,13 @@ class UpdateFlagComponent {
             this.errorMessages.push({
                 title: '',
                 description: UpdateFlagErrorMessage.FLAG_COMMENTS_CHAR_LIMIT_EXCEEDED,
-                fieldId: this.updateFlagControlName
+                fieldId: this.FLAG_COMMENTS_CONTROL_NAME
             });
         }
     }
 }
 UpdateFlagComponent.ɵfac = function UpdateFlagComponent_Factory(t) { return new (t || UpdateFlagComponent)(); };
-UpdateFlagComponent.ɵcmp = i0.ɵɵ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) {
+UpdateFlagComponent.ɵcmp = i0.ɵɵ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) { if (rf & 1) {
         i0.ɵɵelementStart(0, "div", 0);
         i0.ɵɵelementStart(1, "div", 1);
         i0.ɵɵelementStart(2, "div", 2);
@@ -17727,65 +17764,98 @@ UpdateFlagComponent.ɵcmp = i0.ɵɵdefineComponent({ type: UpdateFlagComponent,
         i0.ɵɵelementEnd();
         i0.ɵɵelementEnd();
         i0.ɵɵelementStart(6, "div", 5);
-        i0.ɵɵtext(7);
+        i0.ɵɵelementStart(7, "div");
+        i0.ɵɵelementStart(8, "label", 6);
+        i0.ɵɵtext(9);
         i0.ɵɵelementEnd();
-        i0.ɵɵtemplate(8, UpdateFlagComponent_div_8_Template, 4, 1, "div", 6);
-        i0.ɵɵtemplate(9, UpdateFlagComponent_div_9_Template, 4, 1, "div", 7);
-        i0.ɵɵelementStart(10, "textarea", 8);
-        i0.ɵɵtext(11, "      ");
         i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(12, "div", 9);
-        i0.ɵɵtext(13);
+        i0.ɵɵelementStart(10, "div", 7);
+        i0.ɵɵtext(11);
         i0.ɵɵelementEnd();
+        i0.ɵɵtemplate(12, UpdateFlagComponent_div_12_Template, 4, 1, "div", 8);
+        i0.ɵɵtemplate(13, UpdateFlagComponent_div_13_Template, 4, 1, "div", 9);
+        i0.ɵɵelementStart(14, "textarea", 10);
+        i0.ɵɵtext(15, "        ");
         i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(16, "div", 11);
+        i0.ɵɵtext(17);
         i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(14, "div", 10);
-        i0.ɵɵelementStart(15, "div", 11);
-        i0.ɵɵelementStart(16, "p");
-        i0.ɵɵtext(17, "Flag status: ");
-        i0.ɵɵelementStart(18, "span");
-        i0.ɵɵelementStart(19, "strong", 12);
-        i0.ɵɵtext(20);
         i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(18, "div", 12);
+        i0.ɵɵelementStart(19, "div");
+        i0.ɵɵelementStart(20, "label", 13);
+        i0.ɵɵtext(21);
         i0.ɵɵelementEnd();
         i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(22, "div", 5);
+        i0.ɵɵelementStart(23, "div", 14);
+        i0.ɵɵtemplate(24, UpdateFlagComponent_div_24_Template, 5, 6, "div", 15);
+        i0.ɵɵpipe(25, "enumDisplayDescription");
         i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(21, "div", 11);
-        i0.ɵɵtemplate(22, UpdateFlagComponent_button_22_Template, 2, 0, "button", 13);
         i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(26, "div");
+        i0.ɵɵelementStart(27, "div", 16);
+        i0.ɵɵtext(28);
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(29, "textarea", 17);
+        i0.ɵɵtext(30, "          ");
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(31, "div");
+        i0.ɵɵelementStart(32, "div", 18);
+        i0.ɵɵelementStart(33, "div", 19);
+        i0.ɵɵelement(34, "input", 20);
+        i0.ɵɵelementStart(35, "label", 21);
+        i0.ɵɵtext(36, " I need to add a Welsh translation ");
         i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(23, "div", 14);
-        i0.ɵɵelementStart(24, "button", 15);
-        i0.ɵɵlistener("click", function UpdateFlagComponent_Template_button_click_24_listener() { return ctx.onNext(); });
-        i0.ɵɵtext(25, "Next");
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(37, "div", 22);
+        i0.ɵɵelementStart(38, "button", 23);
+        i0.ɵɵlistener("click", function UpdateFlagComponent_Template_button_click_38_listener() { return ctx.onNext(); });
+        i0.ɵɵtext(39, "Next");
         i0.ɵɵelementEnd();
         i0.ɵɵelementEnd();
         i0.ɵɵelementEnd();
     } if (rf & 2) {
         i0.ɵɵproperty("formGroup", ctx.formGroup);
         i0.ɵɵadvance(2);
-        i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(14, _c0$n, ctx.errorMessages.length > 0));
-        i0.ɵɵadvance(2);
-        i0.ɵɵproperty("for", ctx.updateFlagControlName);
-        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(24, _c0$n, ctx.errorMessages.length > 0));
+        i0.ɵɵadvance(3);
         i0.ɵɵtextInterpolate1(" ", ctx.updateFlagTitle, " ");
+        i0.ɵɵadvance(3);
+        i0.ɵɵproperty("for", ctx.FLAG_COMMENTS_CONTROL_NAME);
+        i0.ɵɵadvance(1);
+        i0.ɵɵtextInterpolate1(" ", ctx.updateFlagTitle, " comments ");
         i0.ɵɵadvance(2);
-        i0.ɵɵtextInterpolate1(" ", ctx.updateFlagHint, " ");
+        i0.ɵɵtextInterpolate1(" ", ctx.updateFlagStepEnum.COMMENT_HINT_TEXT, " ");
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("ngIf", ctx.updateFlagNotEnteredErrorMessage);
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("ngIf", ctx.updateFlagCharLimitErrorMessage);
         i0.ɵɵadvance(1);
-        i0.ɵɵproperty("id", ctx.updateFlagControlName)("name", ctx.updateFlagControlName)("formControlName", ctx.updateFlagControlName);
+        i0.ɵɵproperty("id", ctx.FLAG_COMMENTS_CONTROL_NAME)("name", ctx.FLAG_COMMENTS_CONTROL_NAME)("formControlName", ctx.FLAG_COMMENTS_CONTROL_NAME);
         i0.ɵɵadvance(3);
-        i0.ɵɵtextInterpolate1(" ", ctx.updateFlagCharLimitInfo, " ");
-        i0.ɵɵadvance(6);
-        i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(16, _c1$7, ctx.selectedFlag.flagDetailDisplay.flagDetail.status === "Inactive"));
-        i0.ɵɵadvance(1);
-        i0.ɵɵtextInterpolate1(" ", ctx.selectedFlag.flagDetailDisplay.flagDetail.status, " ");
+        i0.ɵɵtextInterpolate1(" ", ctx.updateFlagStepEnum.COMMENT_CHARACTER_LIMIT_INFO, " ");
+        i0.ɵɵadvance(4);
+        i0.ɵɵtextInterpolate1(" ", ctx.updateFlagTitle, " status ");
         i0.ɵɵadvance(2);
-        i0.ɵɵproperty("ngIf", ctx.selectedFlag.flagDetailDisplay.flagDetail.status === "Active");
-    } }, directives: [i2.NgControlStatusGroup, i2.FormGroupDirective, i1.NgClass, i1.NgIf, i2.DefaultValueAccessor, i2.NgControlStatus, i2.FormControlName], encapsulation: 2 });
+        i0.ɵɵproperty("id", ctx.FLAG_STATUS_CONTROL_NAME);
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngForOf", i0.ɵɵpipeBind1(25, 22, ctx.caseFlagStatuses));
+        i0.ɵɵadvance(4);
+        i0.ɵɵtextInterpolate1(" ", ctx.updateFlagStepEnum.STATUS_HINT_TEXT, " ");
+        i0.ɵɵadvance(1);
+        i0.ɵɵ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.ɵɵadvance(5);
+        i0.ɵɵproperty("id", ctx.FLAG_WELSH_TRANSLATION_CONTROL_NAME)("name", ctx.FLAG_WELSH_TRANSLATION_CONTROL_NAME);
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("for", ctx.FLAG_WELSH_TRANSLATION_CONTROL_NAME);
+    } }, directives: [i2.NgControlStatusGroup, i2.FormGroupDirective, i1.NgClass, i1.NgIf, i2.DefaultValueAccessor, i2.NgControlStatus, i2.FormControlName, i1.NgForOf], pipes: [EnumDisplayDescriptionPipe, i1.LowerCasePipe], encapsulation: 2 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(UpdateFlagComponent, [{
         type: Component,
         args: [{
@@ -30818,5 +30888,5 @@ class TestRouteSnapshotBuilder {
  * Generated bundle index. Do not edit.
  */
 
-export { AbstractAppConfig, AbstractFieldReadComponent, AbstractFieldWriteComponent, Activity, ActivityBannerComponent, ActivityComponent, ActivityIconComponent, ActivityInfo, ActivityModule, ActivityPollingService, ActivityService, AddCommentsComponent, AddCommentsErrorMessage, AddCommentsStep, AddressModel, AddressOption, AddressesService, Alert, AlertComponent, AlertIconClassPipe, AlertMessageType, AlertModule, AlertService, AuthService, Banner, BannersService, BeforeYouStartComponent, BodyComponent, BrowserService, CCDCaseLinkType, CallbackErrorsComponent, CallbackErrorsContext, CaseAccessUtils, CaseBasicAccessViewComponent, CaseChallengedAccessRequestComponent, CaseChallengedAccessSuccessComponent, CaseCreateComponent, CaseDetails, CaseEditComponent, CaseEditConfirmComponent, CaseEditDataModule, CaseEditDataService, CaseEditFormComponent, CaseEditPageComponent, CaseEditSubmitComponent, CaseEditWizardGuard, CaseEditorConfig, CaseEditorModule, CaseEvent, CaseEventData, CaseEventTrigger, CaseEventTriggerComponent, CaseField, CaseFieldService, CaseFileViewFieldComponent, CaseFileViewFieldReadComponent, CaseFileViewFolderComponent, CaseFileViewFolderDocumentActionsComponent, CaseFileViewFolderSelectorComponent, CaseFileViewFolderSortComponent, CaseFileViewOverlayMenuComponent, CaseFileViewService, CaseFlagFieldState, CaseFlagRefdataService, CaseFlagStatus, CaseFlagSummaryListComponent, CaseFlagSummaryListDisplayMode, CaseFlagTableComponent, CaseFlagText, CaseFlagWizardStepTitle, CaseFullAccessViewComponent, CaseHeaderComponent, CaseHeaderModule, CaseHistoryViewerFieldComponent, CaseLink, CaseLinkResponse, CaseListComponent, CaseListFiltersComponent, CaseListFiltersModule, CaseListModule, CaseNotifier, CasePaymentHistoryViewerFieldComponent, CasePrintDocument, CasePrinterComponent, CaseProgressComponent, CaseReferencePipe, CaseResolver, CaseSpecificAccessRequestComponent, CaseSpecificAccessSuccessComponent, CaseState, CaseTab, CaseTimelineComponent, CaseTimelineDisplayMode, CaseTimelineModule, CaseType, CaseTypeLite, CaseView, CaseViewComponent, CaseViewEvent, CaseViewTrigger, CaseViewerComponent, CaseViewerModule, CasesService, CaseworkerService, CcdCYAPageLabelFilterPipe, CcdCaseTitlePipe, CcdCollectionTableCaseFieldsFilterPipe, CcdPageFieldsPipe, CcdTabFieldsPipe, CheckYourAnswersComponent, ConditionalShowFormDirective, ConditionalShowModule, ConditionalShowRegistrarService, Confirmation, ConvertHrefToRouterService, CreateCaseFiltersComponent, CreateCaseFiltersModule, CreateCaseFiltersSelection, DRAFT_PREFIX, DRAFT_QUERY_PARAM, DashPipe, DateInputComponent, DatePipe, DateTimeFormatUtils, DatetimePickerComponent, DefinitionsModule, DefinitionsService, DeleteOrCancelDialogComponent, DialogsModule, DisplayMode, Document, DocumentData, DocumentDialogComponent, DocumentLinks, DocumentManagementService, DocumentUrlPipe, Draft, DraftService, DynamicListPipe, DynamicRadioListPipe, ESQueryType, Embedded, ErrorMessageComponent, ErrorNotifierService, EventCaseField, EventCompletionReturnStates, EventCompletionStateMachineService, EventCompletionStates, EventLogComponent, EventLogDetailsComponent, EventLogTableComponent, EventMessageModule, EventStartComponent, EventStartModule, EventStartStateMachineService, EventStatusService, EventTriggerResolver, EventTriggerService, Fee, FeeValue, Field, FieldLabelPipe, FieldReadComponent, FieldReadLabelComponent, FieldType, FieldTypeSanitiser, FieldWriteComponent, FieldsFilterPipe, FieldsPurger, FieldsUtils, FirstErrorPipe, FixedListItem, FixedListPipe, FixedRadioListPipe, FocusElementDirective, FocusElementModule, FooterComponent, FormDocument, FormErrorService, FormValidatorsService, FormValueService, FormatTranslatorService, GreyBarService, HRef, HasLoadingState, HeaderBarComponent, HeadersModule, HttpError, HttpErrorService, HttpService, IsCompoundPipe, IsMandatoryPipe, IsReadOnlyAndNotCollectionPipe, IsReadOnlyPipe, JudicialworkerService, Jurisdiction, JurisdictionService, LabelFieldComponent, LabelSubstitutorDirective, LabelSubstitutorModule, LinkCaseReason, LinkCasesComponent, LinkCasesReasonValuePipe, LinkDetails, LinkReason, LinkedCasesErrorMessages, LinkedCasesEventTriggers, LinkedCasesFromTableComponent, LinkedCasesPages, LinkedCasesResponse, LinkedCasesToTableComponent, LoadingModule, LoadingService, LoadingSpinnerComponent, LoadingSpinnerModule, MEDIA_VIEWER_LOCALSTORAGE_KEY, MULTIPLE_TASKS_FOUND, ManageCaseFlagsComponent, MarkdownComponent, MoneyGbpInputComponent, MultipleTasksExistComponent, NavigationComponent, NavigationItemComponent, NavigationNotifierService, NavigationOrigin, NoLinkedCasesComponent, NoTasksAvailableComponent, NotificationBannerComponent, NotificationBannerHeaderClass, NotificationBannerType, OrderService, OrderSummary, OrganisationConverter, OrganisationService, PageType, PageValidationService, PaginationComponent, PaginationMetadata, PaginationModule, PaletteContext, PaletteModule, PaletteService, PaletteUtilsModule, Patterns, PaymentField, PhaseComponent, PipesModule, PlaceholderService, PrintUrlPipe, Profile, ProfileNotifier, ProfileService, ReadCaseFlagFieldComponent, ReadCaseLinkFieldComponent, ReadCollectionFieldComponent, ReadComplexFieldCollectionTableComponent, ReadComplexFieldComponent, ReadComplexFieldRawComponent, ReadComplexFieldTableComponent, ReadDateFieldComponent, ReadDocumentFieldComponent, ReadDynamicListFieldComponent, ReadDynamicRadioListFieldComponent, ReadEmailFieldComponent, ReadFieldsFilterPipe, ReadFixedListFieldComponent, ReadFixedRadioListFieldComponent, ReadJudicialUserFieldComponent, ReadLinkedCasesComponent, ReadMoneyGbpFieldComponent, ReadMultiSelectListFieldComponent, ReadNumberFieldComponent, ReadOrderSummaryFieldComponent, ReadOrderSummaryRowComponent, ReadOrganisationFieldComponent, ReadOrganisationFieldRawComponent, ReadOrganisationFieldTableComponent, ReadPhoneUKFieldComponent, ReadTextAreaFieldComponent, ReadTextFieldComponent, ReadYesNoFieldComponent, RefdataCaseFlagType, RemoveDialogComponent, RequestOptionsBuilder, RouterHelperService, SaveOrDiscardDialogComponent, SearchFiltersComponent, SearchFiltersModule, SearchFiltersWrapperComponent, SearchInput, SearchLanguageInterpreterComponent, SearchLanguageInterpreterErrorMessage, SearchLanguageInterpreterStep, SearchResultComponent, SearchResultModule, SearchResultView, SearchResultViewColumn, SearchResultViewItem, SearchResultViewItemComparatorFactory, SearchService, SelectFlagErrorMessage, SelectFlagLocationComponent, SelectFlagLocationErrorMessage, SelectFlagTypeComponent, SelectFlagTypeErrorMessage, SessionStorageService, ShowCondition, SortOrder$1 as SortOrder, SortParameters, SortSearchResultPipe, TabComponent, TableColumnConfig, TableConfig, TabsComponent, TabsModule, TaskAssignedComponent, TaskCancelledComponent, TaskConflictComponent, TaskUnassignedComponent, Terms, TestRouteSnapshotBuilder, UnLinkCasesComponent, UnsupportedFieldComponent, UpdateFlagComponent, UpdateFlagErrorMessage, UpdateFlagStep, WaysToPayFieldComponent, WindowService, Wizard, WizardFactoryService, WizardPage, WizardPageField, WorkAllocationService, WorkbasketFiltersComponent, WorkbasketFiltersModule, WorkbasketInput, WorkbasketInputFilterService, WorkbasketInputModel, WriteAddressFieldComponent, WriteCaseFlagFieldComponent, WriteCaseLinkFieldComponent, WriteCollectionFieldComponent, WriteComplexFieldComponent, WriteDateContainerFieldComponent, WriteDateFieldComponent, WriteDocumentFieldComponent, WriteDynamicListFieldComponent, WriteDynamicRadioListFieldComponent, WriteEmailFieldComponent, WriteFixedListFieldComponent, WriteFixedRadioListFieldComponent, WriteJudicialUserFieldComponent, WriteLinkedCasesComponent, WriteMoneyGbpFieldComponent, WriteMultiSelectListFieldComponent, WriteNumberFieldComponent, WriteOrderSummaryFieldComponent, WriteOrganisationComplexFieldComponent, WriteOrganisationFieldComponent, WritePhoneUKFieldComponent, WriteTextAreaFieldComponent, WriteTextFieldComponent, WriteYesNoFieldComponent, YesNoService, aCaseField, createACL, createCaseEventTrigger, createCaseField, createComplexFieldOverride, createFieldType, createFixedListFieldType, createHiddenComplexFieldOverride, createMultiSelectListFieldType, createWizardPage, createWizardPageField, editorRouting, initDialog, newCaseField, textFieldType, viewerRouting };
+export { AbstractAppConfig, AbstractFieldReadComponent, AbstractFieldWriteComponent, Activity, ActivityBannerComponent, ActivityComponent, ActivityIconComponent, ActivityInfo, ActivityModule, ActivityPollingService, ActivityService, AddCommentsComponent, AddCommentsErrorMessage, AddCommentsStep, AddressModel, AddressOption, AddressesService, Alert, AlertComponent, AlertIconClassPipe, AlertMessageType, AlertModule, AlertService, AuthService, Banner, BannersService, BeforeYouStartComponent, BodyComponent, BrowserService, CCDCaseLinkType, CallbackErrorsComponent, CallbackErrorsContext, CaseAccessUtils, CaseBasicAccessViewComponent, CaseChallengedAccessRequestComponent, CaseChallengedAccessSuccessComponent, CaseCreateComponent, CaseDetails, CaseEditComponent, CaseEditConfirmComponent, CaseEditDataModule, CaseEditDataService, CaseEditFormComponent, CaseEditPageComponent, CaseEditSubmitComponent, CaseEditWizardGuard, CaseEditorConfig, CaseEditorModule, CaseEvent, CaseEventData, CaseEventTrigger, CaseEventTriggerComponent, CaseField, CaseFieldService, CaseFileViewFieldComponent, CaseFileViewFieldReadComponent, CaseFileViewFolderComponent, CaseFileViewFolderDocumentActionsComponent, CaseFileViewFolderSelectorComponent, CaseFileViewFolderSortComponent, CaseFileViewOverlayMenuComponent, CaseFileViewService, CaseFlagFieldState, CaseFlagRefdataService, CaseFlagStatus, CaseFlagSummaryListComponent, CaseFlagSummaryListDisplayMode, CaseFlagTableComponent, CaseFlagText, CaseFlagWizardStepTitle, CaseFullAccessViewComponent, CaseHeaderComponent, CaseHeaderModule, CaseHistoryViewerFieldComponent, CaseLink, CaseLinkResponse, CaseListComponent, CaseListFiltersComponent, CaseListFiltersModule, CaseListModule, CaseNotifier, CasePaymentHistoryViewerFieldComponent, CasePrintDocument, CasePrinterComponent, CaseProgressComponent, CaseReferencePipe, CaseResolver, CaseSpecificAccessRequestComponent, CaseSpecificAccessSuccessComponent, CaseState, CaseTab, CaseTimelineComponent, CaseTimelineDisplayMode, CaseTimelineModule, CaseType, CaseTypeLite, CaseView, CaseViewComponent, CaseViewEvent, CaseViewTrigger, CaseViewerComponent, CaseViewerModule, CasesService, CaseworkerService, CcdCYAPageLabelFilterPipe, CcdCaseTitlePipe, CcdCollectionTableCaseFieldsFilterPipe, CcdPageFieldsPipe, CcdTabFieldsPipe, CheckYourAnswersComponent, ConditionalShowFormDirective, ConditionalShowModule, ConditionalShowRegistrarService, Confirmation, ConvertHrefToRouterService, CreateCaseFiltersComponent, CreateCaseFiltersModule, CreateCaseFiltersSelection, DRAFT_PREFIX, DRAFT_QUERY_PARAM, DashPipe, DateInputComponent, DatePipe, DateTimeFormatUtils, DatetimePickerComponent, DefinitionsModule, DefinitionsService, DeleteOrCancelDialogComponent, DialogsModule, DisplayMode, Document, DocumentData, DocumentDialogComponent, DocumentLinks, DocumentManagementService, DocumentUrlPipe, Draft, DraftService, DynamicListPipe, DynamicRadioListPipe, ESQueryType, Embedded, EnumDisplayDescriptionPipe, ErrorMessageComponent, ErrorNotifierService, EventCaseField, EventCompletionReturnStates, EventCompletionStateMachineService, EventCompletionStates, EventLogComponent, EventLogDetailsComponent, EventLogTableComponent, EventMessageModule, EventStartComponent, EventStartModule, EventStartStateMachineService, EventStatusService, EventTriggerResolver, EventTriggerService, Fee, FeeValue, Field, FieldLabelPipe, FieldReadComponent, FieldReadLabelComponent, FieldType, FieldTypeSanitiser, FieldWriteComponent, FieldsFilterPipe, FieldsPurger, FieldsUtils, FirstErrorPipe, FixedListItem, FixedListPipe, FixedRadioListPipe, FocusElementDirective, FocusElementModule, FooterComponent, FormDocument, FormErrorService, FormValidatorsService, FormValueService, FormatTranslatorService, GreyBarService, HRef, HasLoadingState, HeaderBarComponent, HeadersModule, HttpError, HttpErrorService, HttpService, IsCompoundPipe, IsMandatoryPipe, IsReadOnlyAndNotCollectionPipe, IsReadOnlyPipe, JudicialworkerService, Jurisdiction, JurisdictionService, LabelFieldComponent, LabelSubstitutorDirective, LabelSubstitutorModule, LinkCaseReason, LinkCasesComponent, LinkCasesReasonValuePipe, LinkDetails, LinkReason, LinkedCasesErrorMessages, LinkedCasesEventTriggers, LinkedCasesFromTableComponent, LinkedCasesPages, LinkedCasesResponse, LinkedCasesToTableComponent, LoadingModule, LoadingService, LoadingSpinnerComponent, LoadingSpinnerModule, MEDIA_VIEWER_LOCALSTORAGE_KEY, MULTIPLE_TASKS_FOUND, ManageCaseFlagsComponent, MarkdownComponent, MoneyGbpInputComponent, MultipleTasksExistComponent, NavigationComponent, NavigationItemComponent, NavigationNotifierService, NavigationOrigin, NoLinkedCasesComponent, NoTasksAvailableComponent, NotificationBannerComponent, NotificationBannerHeaderClass, NotificationBannerType, OrderService, OrderSummary, OrganisationConverter, OrganisationService, PageType, PageValidationService, PaginationComponent, PaginationMetadata, PaginationModule, PaletteContext, PaletteModule, PaletteService, PaletteUtilsModule, Patterns, PaymentField, PhaseComponent, PipesModule, PlaceholderService, PrintUrlPipe, Profile, ProfileNotifier, ProfileService, ReadCaseFlagFieldComponent, ReadCaseLinkFieldComponent, ReadCollectionFieldComponent, ReadComplexFieldCollectionTableComponent, ReadComplexFieldComponent, ReadComplexFieldRawComponent, ReadComplexFieldTableComponent, ReadDateFieldComponent, ReadDocumentFieldComponent, ReadDynamicListFieldComponent, ReadDynamicRadioListFieldComponent, ReadEmailFieldComponent, ReadFieldsFilterPipe, ReadFixedListFieldComponent, ReadFixedRadioListFieldComponent, ReadJudicialUserFieldComponent, ReadLinkedCasesComponent, ReadMoneyGbpFieldComponent, ReadMultiSelectListFieldComponent, ReadNumberFieldComponent, ReadOrderSummaryFieldComponent, ReadOrderSummaryRowComponent, ReadOrganisationFieldComponent, ReadOrganisationFieldRawComponent, ReadOrganisationFieldTableComponent, ReadPhoneUKFieldComponent, ReadTextAreaFieldComponent, ReadTextFieldComponent, ReadYesNoFieldComponent, RefdataCaseFlagType, RemoveDialogComponent, RequestOptionsBuilder, RouterHelperService, SaveOrDiscardDialogComponent, SearchFiltersComponent, SearchFiltersModule, SearchFiltersWrapperComponent, SearchInput, SearchLanguageInterpreterComponent, SearchLanguageInterpreterErrorMessage, SearchLanguageInterpreterStep, SearchResultComponent, SearchResultModule, SearchResultView, SearchResultViewColumn, SearchResultViewItem, SearchResultViewItemComparatorFactory, SearchService, SelectFlagErrorMessage, SelectFlagLocationComponent, SelectFlagLocationErrorMessage, SelectFlagTypeComponent, SelectFlagTypeErrorMessage, SessionStorageService, ShowCondition, SortOrder$1 as SortOrder, SortParameters, SortSearchResultPipe, TabComponent, TableColumnConfig, TableConfig, TabsComponent, TabsModule, TaskAssignedComponent, TaskCancelledComponent, TaskConflictComponent, TaskUnassignedComponent, Terms, TestRouteSnapshotBuilder, UnLinkCasesComponent, UnsupportedFieldComponent, UpdateFlagComponent, UpdateFlagErrorMessage, UpdateFlagStep, WaysToPayFieldComponent, WindowService, Wizard, WizardFactoryService, WizardPage, WizardPageField, WorkAllocationService, WorkbasketFiltersComponent, WorkbasketFiltersModule, WorkbasketInput, WorkbasketInputFilterService, WorkbasketInputModel, WriteAddressFieldComponent, WriteCaseFlagFieldComponent, WriteCaseLinkFieldComponent, WriteCollectionFieldComponent, WriteComplexFieldComponent, WriteDateContainerFieldComponent, WriteDateFieldComponent, WriteDocumentFieldComponent, WriteDynamicListFieldComponent, WriteDynamicRadioListFieldComponent, WriteEmailFieldComponent, WriteFixedListFieldComponent, WriteFixedRadioListFieldComponent, WriteJudicialUserFieldComponent, WriteLinkedCasesComponent, WriteMoneyGbpFieldComponent, WriteMultiSelectListFieldComponent, WriteNumberFieldComponent, WriteOrderSummaryFieldComponent, WriteOrganisationComplexFieldComponent, WriteOrganisationFieldComponent, WritePhoneUKFieldComponent, WriteTextAreaFieldComponent, WriteTextFieldComponent, WriteYesNoFieldComponent, YesNoService, aCaseField, createACL, createCaseEventTrigger, createCaseField, createComplexFieldOverride, createFieldType, createFixedListFieldType, createHiddenComplexFieldOverride, createMultiSelectListFieldType, createWizardPage, createWizardPageField, editorRouting, initDialog, newCaseField, textFieldType, viewerRouting };
 //# sourceMappingURL=hmcts-ccd-case-ui-toolkit.js.map