npm - @hmcts/ccd-case-ui-toolkit - Versions diffs - 6.10.6-view-edit-add-welsh-translation-flag → 6.10.7-access-view-alignment - Mend

@hmcts/ccd-case-ui-toolkit 6.10.6-view-edit-add-welsh-translation-flag → 6.10.7-access-view-alignment

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (46) hide show

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

@@ -119,14 +119,14 @@
         }
     }
     var _c0$_ = [[["", "footerSolsNavLinks", ""]], [["", "footerCaseWorkerNavLinks", ""]]];
-    var _c1$q = ["[footerSolsNavLinks]", "[footerCaseWorkerNavLinks]"];
+    var _c1$r = ["[footerSolsNavLinks]", "[footerCaseWorkerNavLinks]"];
     var FooterComponent = /** @class */ (function () {
         function FooterComponent() {
         }
         return FooterComponent;
     }());
     FooterComponent.ɵfac = function FooterComponent_Factory(t) { return new (t || FooterComponent)(); };
-    FooterComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: FooterComponent, selectors: [["cut-footer-bar"]], inputs: { email: "email", isSolicitor: "isSolicitor", phone: "phone", workhours: "workhours" }, ngContentSelectors: _c1$q, decls: 4, vars: 4, consts: [["id", "footer", "role", "footer", 1, "group", "js-footer"], [1, "footer-wrapper"], ["class", "footer-meta", 4, "ngIf"], [1, "footer-meta"], [1, "footer-meta-inner"], [1, "open-government-licence"], [1, "logo"], ["href", "https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/", "rel", "license"], [1, "copyright"], ["href", "https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/copyright-and-re-use/crown-copyright/"], [1, "title"], [1, "footer-text"], [1, "email"], [3, "href"], [1, "phone"], [1, "work-hours"]], template: function FooterComponent_Template(rf, ctx) {
+    FooterComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: FooterComponent, selectors: [["cut-footer-bar"]], inputs: { email: "email", isSolicitor: "isSolicitor", phone: "phone", workhours: "workhours" }, ngContentSelectors: _c1$r, decls: 4, vars: 4, consts: [["id", "footer", "role", "footer", 1, "group", "js-footer"], [1, "footer-wrapper"], ["class", "footer-meta", 4, "ngIf"], [1, "footer-meta"], [1, "footer-meta-inner"], [1, "open-government-licence"], [1, "logo"], ["href", "https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/", "rel", "license"], [1, "copyright"], ["href", "https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/copyright-and-re-use/crown-copyright/"], [1, "title"], [1, "footer-text"], [1, "email"], [3, "href"], [1, "phone"], [1, "work-hours"]], template: function FooterComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0__namespace.ɵɵprojectionDef(_c0$_);
                 i0__namespace.ɵɵelementStart(0, "footer", 0);
@@ -208,7 +208,7 @@
         }
     }
     var _c0$Z = [[["", "headerNavigation", ""]]];
-    var _c1$p = ["[headerNavigation]"];
+    var _c1$q = ["[headerNavigation]"];
     var HeaderBarComponent = /** @class */ (function () {
         function HeaderBarComponent() {
             this.signOutRequest = new i0.EventEmitter();
@@ -219,7 +219,7 @@
         return HeaderBarComponent;
     }());
     HeaderBarComponent.ɵfac = function HeaderBarComponent_Factory(t) { return new (t || HeaderBarComponent)(); };
-    HeaderBarComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: HeaderBarComponent, selectors: [["cut-header-bar"]], inputs: { title: "title", isSolicitor: "isSolicitor", username: "username" }, outputs: { signOutRequest: "signOutRequest" }, ngContentSelectors: _c1$p, decls: 15, vars: 8, consts: [["role", "banner", "id", "global-header", 1, "with-proposition"], [1, "header-wrapper"], [1, "header-global"], [4, "ngIf"], ["class", "global-header", 4, "ngIf"], [1, "header-proposition"], [1, "content"], ["href", "#proposition-links", 1, "js-header-toggle", "menu"], ["id", "proposition-menu", 4, "ngIf"], [1, "proposition-right"], ["id", "user-name"], ["id", "sign-out", "href", "javascript:void(0)", 3, "click"], ["href", "https://www.gov.uk", "title", "Go to the GOV.UK homepage", "id", "logo", 1, "content", 2, "margin-left", "0px"], ["src", "/img/gov.uk_logotype_crown_invert_trans.png?0.23.0", "width", "36", "height", "32", "alt", ""], [1, "global-header"], [1, "title"], ["id", "proposition-menu"], [1, "title-solicitor"], ["id", "proposition-name"]], template: function HeaderBarComponent_Template(rf, ctx) {
+    HeaderBarComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: HeaderBarComponent, selectors: [["cut-header-bar"]], inputs: { title: "title", isSolicitor: "isSolicitor", username: "username" }, outputs: { signOutRequest: "signOutRequest" }, ngContentSelectors: _c1$q, decls: 15, vars: 8, consts: [["role", "banner", "id", "global-header", 1, "with-proposition"], [1, "header-wrapper"], [1, "header-global"], [4, "ngIf"], ["class", "global-header", 4, "ngIf"], [1, "header-proposition"], [1, "content"], ["href", "#proposition-links", 1, "js-header-toggle", "menu"], ["id", "proposition-menu", 4, "ngIf"], [1, "proposition-right"], ["id", "user-name"], ["id", "sign-out", "href", "javascript:void(0)", 3, "click"], ["href", "https://www.gov.uk", "title", "Go to the GOV.UK homepage", "id", "logo", 1, "content", 2, "margin-left", "0px"], ["src", "/img/gov.uk_logotype_crown_invert_trans.png?0.23.0", "width", "36", "height", "32", "alt", ""], [1, "global-header"], [1, "title"], ["id", "proposition-menu"], [1, "title-solicitor"], ["id", "proposition-name"]], template: function HeaderBarComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0__namespace.ɵɵprojectionDef(_c0$Z);
                 i0__namespace.ɵɵelementStart(0, "header", 0);
@@ -283,14 +283,14 @@
     })();
     var _c0$Y = [[["", "leftNavLinks", ""]], [["", "rightNavLinks", ""]]];
-    var _c1$o = ["[leftNavLinks]", "[rightNavLinks]"];
+    var _c1$p = ["[leftNavLinks]", "[rightNavLinks]"];
     var NavigationComponent = /** @class */ (function () {
         function NavigationComponent() {
         }
         return NavigationComponent;
     }());
     NavigationComponent.ɵfac = function NavigationComponent_Factory(t) { return new (t || NavigationComponent)(); };
-    NavigationComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: NavigationComponent, selectors: [["cut-nav-bar"]], inputs: { isSolicitor: "isSolicitor" }, ngContentSelectors: _c1$o, decls: 4, vars: 2, consts: [[1, "cut-nav-bar"]], template: function NavigationComponent_Template(rf, ctx) {
+    NavigationComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: NavigationComponent, selectors: [["cut-nav-bar"]], inputs: { isSolicitor: "isSolicitor" }, ngContentSelectors: _c1$p, decls: 4, vars: 2, consts: [[1, "cut-nav-bar"]], template: function NavigationComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0__namespace.ɵɵprojectionDef(_c0$Y);
                 i0__namespace.ɵɵelementStart(0, "div");
@@ -438,14 +438,14 @@
     })();
     var _c0$X = [[["", "topBody", ""]], [["", "leftBody", ""]], [["", "rightBody", ""]]];
-    var _c1$n = ["[topBody]", "[leftBody]", "[rightBody]"];
+    var _c1$o = ["[topBody]", "[leftBody]", "[rightBody]"];
     var BodyComponent = /** @class */ (function () {
         function BodyComponent() {
         }
         return BodyComponent;
     }());
     BodyComponent.ɵfac = function BodyComponent_Factory(t) { return new (t || BodyComponent)(); };
-    BodyComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: BodyComponent, selectors: [["cut-body"]], ngContentSelectors: _c1$n, decls: 4, vars: 0, consts: [[1, "global-display"]], template: function BodyComponent_Template(rf, ctx) {
+    BodyComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: BodyComponent, selectors: [["cut-body"]], ngContentSelectors: _c1$o, decls: 4, vars: 0, consts: [[1, "global-display"]], template: function BodyComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0__namespace.ɵɵprojectionDef(_c0$X);
                 i0__namespace.ɵɵelementStart(0, "div", 0);
@@ -1472,14 +1472,14 @@
     })();
     var _c0$U = function (a0) { return { "js-hidden": a0 }; };
-    var _c1$m = ["*"];
+    var _c1$n = ["*"];
     var TabComponent = /** @class */ (function () {
         function TabComponent() {
         }
         return TabComponent;
     }());
     TabComponent.ɵfac = function TabComponent_Factory(t) { return new (t || TabComponent)(); };
-    TabComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: TabComponent, selectors: [["cut-tab"]], inputs: { id: "id", title: "title", selected: "selected" }, ngContentSelectors: _c1$m, decls: 2, vars: 5, consts: [["role", "tabpanel", 1, "tabs-panel", 3, "id", "ngClass"]], template: function TabComponent_Template(rf, ctx) {
+    TabComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: TabComponent, selectors: [["cut-tab"]], inputs: { id: "id", title: "title", selected: "selected" }, ngContentSelectors: _c1$n, decls: 2, vars: 5, consts: [["role", "tabpanel", 1, "tabs-panel", 3, "id", "ngClass"]], template: function TabComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0__namespace.ɵɵprojectionDef();
                 i0__namespace.ɵɵelementStart(0, "div", 0);
@@ -1511,7 +1511,7 @@
     })();
     var _c0$T = ["tab"];
-    var _c1$l = function () { return ["."]; };
+    var _c1$m = function () { return ["."]; };
     var _c2$3 = function (a0) { return { "tabs-toggle-selected": a0 }; };
     function TabsComponent_li_2_Template(rf, ctx) {
         if (rf & 1) {
@@ -1526,7 +1526,7 @@
         if (rf & 2) {
             var panel_r1 = ctx.$implicit;
             i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("routerLink", i0__namespace.ɵɵpureFunction0(6, _c1$l))("fragment", panel_r1.id)("ngClass", i0__namespace.ɵɵpureFunction1(7, _c2$3, panel_r1.selected));
+            i0__namespace.ɵɵproperty("routerLink", i0__namespace.ɵɵpureFunction0(6, _c1$m))("fragment", panel_r1.id)("ngClass", i0__namespace.ɵɵpureFunction1(7, _c2$3, panel_r1.selected));
             i0__namespace.ɵɵattribute("aria-controls", panel_r1.id)("aria-selected", panel_r1.selected);
             i0__namespace.ɵɵadvance(2);
             i0__namespace.ɵɵtextInterpolate(panel_r1.title);
@@ -2552,7 +2552,6 @@
         CaseFlagStatus["ACTIVE"] = "Active";
         CaseFlagStatus["INACTIVE"] = "Inactive";
         CaseFlagStatus["REQUESTED"] = "Requested";
-        CaseFlagStatus["NOT_APPROVED"] = "Not Approved";
     })(exports.CaseFlagStatus || (exports.CaseFlagStatus = {}));
     var DashPipe = /** @class */ (function () {
@@ -11391,25 +11390,6 @@
             }], null, null);
     })();
-    var EnumDisplayDescriptionPipe = /** @class */ (function () {
-        function EnumDisplayDescriptionPipe() {
-        }
-        EnumDisplayDescriptionPipe.prototype.transform = function (value) {
-            return Object.values(value);
-        };
-        return EnumDisplayDescriptionPipe;
-    }());
-    EnumDisplayDescriptionPipe.ɵfac = function EnumDisplayDescriptionPipe_Factory(t) { return new (t || EnumDisplayDescriptionPipe)(); };
-    EnumDisplayDescriptionPipe.ɵpipe = i0__namespace.ɵɵdefinePipe({ name: "enumDisplayDescription", type: EnumDisplayDescriptionPipe, pure: true });
-    (function () {
-        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(EnumDisplayDescriptionPipe, [{
-                type: i0.Pipe,
-                args: [{
-                        name: 'enumDisplayDescription'
-                    }]
-            }], null, null);
-    })();
     var LinkedCasesService = /** @class */ (function () {
         function LinkedCasesService(jurisdictionService, searchService) {
             var _this = this;
@@ -11608,8 +11588,7 @@
         ReadFieldsFilterPipe,
         CcdTabFieldsPipe,
         CcdPageFieldsPipe,
-        LinkCasesReasonValuePipe,
-        EnumDisplayDescriptionPipe
+        LinkCasesReasonValuePipe
     ];
     var PipesModule = /** @class */ (function () {
         function PipesModule() {
@@ -11630,8 +11609,7 @@
                 ReadFieldsFilterPipe,
                 CcdTabFieldsPipe,
                 CcdPageFieldsPipe,
-                LinkCasesReasonValuePipe,
-                EnumDisplayDescriptionPipe], imports: [i1.CommonModule], exports: [CaseReferencePipe,
+                LinkCasesReasonValuePipe], imports: [i1.CommonModule], exports: [CaseReferencePipe,
                 SortSearchResultPipe,
                 CcdCaseTitlePipe,
                 CcdCollectionTableCaseFieldsFilterPipe,
@@ -11639,8 +11617,7 @@
                 ReadFieldsFilterPipe,
                 CcdTabFieldsPipe,
                 CcdPageFieldsPipe,
-                LinkCasesReasonValuePipe,
-                EnumDisplayDescriptionPipe] });
+                LinkCasesReasonValuePipe] });
     })();
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(PipesModule, [{
@@ -11708,7 +11685,7 @@
             i0__namespace.ɵɵelementEnd();
         }
     }
-    var _c1$k = function (a0) { return { "form-group-error": a0 }; };
+    var _c1$l = function (a0) { return { "form-group-error": a0 }; };
     var _c2$2 = function (a0) { return { "govuk-input--error": a0 }; };
     function WriteAddressFieldComponent_div_1_div_4_Template(rf, ctx) {
         if (rf & 1) {
@@ -11729,7 +11706,7 @@
         }
         if (rf & 2) {
             var ctx_r2 = i0__namespace.ɵɵnextContext(2);
-            i0__namespace.ɵɵproperty("id", ctx_r2.createElementId("postcodeLookup"))("ngClass", i0__namespace.ɵɵpureFunction1(7, _c1$k, ctx_r2.missingPostcode));
+            i0__namespace.ɵɵproperty("id", ctx_r2.createElementId("postcodeLookup"))("ngClass", i0__namespace.ɵɵpureFunction1(7, _c1$l, ctx_r2.missingPostcode));
             i0__namespace.ɵɵadvance(1);
             i0__namespace.ɵɵproperty("for", ctx_r2.createElementId("postcodeInput"));
             i0__namespace.ɵɵadvance(3);
@@ -12294,7 +12271,6 @@
         CaseFlagFieldState[CaseFlagFieldState["FLAG_COMMENTS"] = 3] = "FLAG_COMMENTS";
         CaseFlagFieldState[CaseFlagFieldState["FLAG_MANAGE_CASE_FLAGS"] = 4] = "FLAG_MANAGE_CASE_FLAGS";
         CaseFlagFieldState[CaseFlagFieldState["FLAG_UPDATE"] = 5] = "FLAG_UPDATE";
-        CaseFlagFieldState[CaseFlagFieldState["FLAG_UPDATE_EXTRA_STEP"] = 6] = "FLAG_UPDATE_EXTRA_STEP";
     })(exports.CaseFlagFieldState || (exports.CaseFlagFieldState = {}));
     exports.CaseFlagText = void 0;
     (function (CaseFlagText) {
@@ -12309,9 +12285,8 @@
     exports.UpdateFlagStep = void 0;
     (function (UpdateFlagStep) {
-        UpdateFlagStep["COMMENT_HINT_TEXT"] = "Update the comments describing the user's support needs or flag description. Do not include any sensitive information such as personal details.";
-        UpdateFlagStep["COMMENT_CHARACTER_LIMIT_INFO"] = "You can enter up to 200 characters";
-        UpdateFlagStep["STATUS_HINT_TEXT"] = "Describe reason for status change, if choosing 'not approved' provide name for person approving decision";
+        UpdateFlagStep["HINT_TEXT"] = "Explain why you are updating this flag. Do not include any sensitive information such as personal details.";
+        UpdateFlagStep["CHARACTER_LIMIT_INFO"] = "You can enter up to 200 characters";
     })(exports.UpdateFlagStep || (exports.UpdateFlagStep = {}));
     function ReadCaseFlagFieldComponent_ng_container_1_Template(rf, ctx) {
@@ -13230,7 +13205,7 @@
             i0__namespace.ɵɵproperty("caseField", i0__namespace.ɵɵpureFunction6(3, _c0$O, ctx_r1.caseField.label, ctx_r1.caseField.label, ctx_r1.caseField.field_type.collection_field_type, ctx_r1.caseField.display_context_parameter, ctx_r1.caseField.value, ctx_r1.caseField.hidden))("context", ctx_r1.context)("topLevelFormGroup", ctx_r1.topLevelFormGroup);
         }
     }
-    var _c1$j = function (a0, a1, a2, a3, a4) { return { id: a0, label: a1, field_type: a2, value: a3, hidden: a4 }; };
+    var _c1$k = function (a0, a1, a2, a3, a4) { return { id: a0, label: a1, field_type: a2, value: a3, hidden: a4 }; };
     function ReadCollectionFieldComponent_table_0_tbody_3_tr_1_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "tr");
@@ -13244,7 +13219,7 @@
             var i_r5 = ctx.index;
             var ctx_r3 = i0__namespace.ɵɵnextContext(3);
             i0__namespace.ɵɵadvance(2);
-            i0__namespace.ɵɵproperty("caseField", i0__namespace.ɵɵpureFunction5(4, _c1$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));
+            i0__namespace.ɵɵproperty("caseField", i0__namespace.ɵɵpureFunction5(4, _c1$k, i_r5, ctx_r3.caseField.label + " " + (i_r5 + 1), ctx_r3.caseField.field_type.collection_field_type, item_r4.value, ctx_r3.caseField.hidden))("context", ctx_r3.context)("topLevelFormGroup", ctx_r3.topLevelFormGroup)("idPrefix", ctx_r3.buildIdPrefix(i_r5));
         }
     }
     function ReadCollectionFieldComponent_table_0_tbody_3_Template(rf, ctx) {
@@ -14413,7 +14388,7 @@
             i0__namespace.ɵɵproperty("caseField", ctx_r2.caseField);
         }
     }
-    var _c1$i = function (a0) { return { "form-group-error bottom-30": a0 }; };
+    var _c1$j = function (a0) { return { "form-group-error bottom-30": a0 }; };
     var WriteDocumentFieldComponent = /** @class */ (function (_super) {
         __extends(WriteDocumentFieldComponent, _super);
         function WriteDocumentFieldComponent(appConfig, caseNotifier, documentManagement, dialog, fileUploadStateService) {
@@ -14715,7 +14690,7 @@
                 i0__namespace.ɵɵelementEnd();
             }
             if (rf & 2) {
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(15, _c1$i, !ctx.valid));
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(15, _c1$j, !ctx.valid));
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("for", ctx.id());
                 i0__namespace.ɵɵadvance(1);
@@ -15095,7 +15070,7 @@
             i0__namespace.ɵɵtextInterpolate(radioButton_r5.label);
         }
     }
-    var _c1$h = function (a0) { return { "form-group-error": a0 }; };
+    var _c1$i = function (a0) { return { "form-group-error": a0 }; };
     var WriteDynamicRadioListFieldComponent = /** @class */ (function (_super) {
         __extends(WriteDynamicRadioListFieldComponent, _super);
         function WriteDynamicRadioListFieldComponent() {
@@ -15143,7 +15118,7 @@
                 i0__namespace.ɵɵelementEnd();
             }
             if (rf & 2) {
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(8, _c1$h, !ctx.dynamicRadioListControl.valid && ctx.dynamicRadioListControl.dirty))("id", ctx.id());
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(8, _c1$i, !ctx.dynamicRadioListControl.valid && ctx.dynamicRadioListControl.dirty))("id", ctx.id());
                 i0__namespace.ɵɵadvance(3);
                 i0__namespace.ɵɵproperty("for", ctx.id());
                 i0__namespace.ɵɵadvance(1);
@@ -15251,7 +15226,7 @@
         }
     }
     var _c0$J = function (a0) { return { "form-group-error": a0 }; };
-    var _c1$g = function (a0) { return { "govuk-input--error": a0 }; };
+    var _c1$h = function (a0) { return { "govuk-input--error": a0 }; };
     var WriteEmailFieldComponent = /** @class */ (function (_super) {
         __extends(WriteEmailFieldComponent, _super);
         function WriteEmailFieldComponent() {
@@ -15285,7 +15260,7 @@
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("ngIf", ctx.emailControl.errors && (ctx.emailControl.dirty || ctx.emailControl.touched));
                 i0__namespace.ɵɵadvance(1);
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(10, _c1$g, ctx.emailControl.errors && (ctx.emailControl.dirty || ctx.emailControl.touched)))("id", ctx.id())("formControl", ctx.emailControl);
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(10, _c1$h, ctx.emailControl.errors && (ctx.emailControl.dirty || ctx.emailControl.touched)))("id", ctx.id())("formControl", ctx.emailControl);
             }
         }, directives: [i1__namespace.NgClass, i1__namespace.NgIf, i2__namespace.DefaultValueAccessor, i2__namespace.NgControlStatus, i2__namespace.FormControlDirective], pipes: [FieldLabelPipe, FirstErrorPipe], encapsulation: 2 });
     var ɵWriteEmailFieldComponent_BaseFactory = /*@__PURE__*/ i0__namespace.ɵɵgetInheritedFactory(WriteEmailFieldComponent);
@@ -15596,7 +15571,7 @@
             i0__namespace.ɵɵtextInterpolate(radioButton_r4.label);
         }
     }
-    var _c1$f = function (a0) { return { "form-group-error": a0 }; };
+    var _c1$g = function (a0) { return { "form-group-error": a0 }; };
     var WriteFixedRadioListFieldComponent = /** @class */ (function (_super) {
         __extends(WriteFixedRadioListFieldComponent, _super);
         function WriteFixedRadioListFieldComponent() {
@@ -15627,7 +15602,7 @@
                 i0__namespace.ɵɵelementEnd();
             }
             if (rf & 2) {
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(7, _c1$f, !ctx.fixedRadioListControl.valid && (ctx.fixedRadioListControl.dirty || ctx.fixedRadioListControl.touched)))("id", ctx.id());
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(7, _c1$g, !ctx.fixedRadioListControl.valid && (ctx.fixedRadioListControl.dirty || ctx.fixedRadioListControl.touched)))("id", ctx.id());
                 i0__namespace.ɵɵadvance(3);
                 i0__namespace.ɵɵproperty("for", ctx.id());
                 i0__namespace.ɵɵadvance(1);
@@ -16450,7 +16425,7 @@
         }
     }
     var _c0$D = function (a0) { return { "form-group-error": a0 }; };
-    var _c1$e = function (a0) { return { "govuk-input--error": a0 }; };
+    var _c1$f = function (a0) { return { "govuk-input--error": a0 }; };
     var WriteNumberFieldComponent = /** @class */ (function (_super) {
         __extends(WriteNumberFieldComponent, _super);
         function WriteNumberFieldComponent() {
@@ -16484,7 +16459,7 @@
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("ngIf", ctx.numberControl.errors && ctx.numberControl.dirty);
                 i0__namespace.ɵɵadvance(1);
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(10, _c1$e, ctx.numberControl.errors && ctx.numberControl.dirty))("id", ctx.id())("formControl", ctx.numberControl);
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(10, _c1$f, ctx.numberControl.errors && ctx.numberControl.dirty))("id", ctx.id())("formControl", ctx.numberControl);
             }
         }, directives: [i1__namespace.NgClass, i1__namespace.NgIf, i2__namespace.NumberValueAccessor, i2__namespace.DefaultValueAccessor, i2__namespace.NgControlStatus, i2__namespace.FormControlDirective], pipes: [FieldLabelPipe, FirstErrorPipe], encapsulation: 2 });
     var ɵWriteNumberFieldComponent_BaseFactory = /*@__PURE__*/ i0__namespace.ɵɵgetInheritedFactory(WriteNumberFieldComponent);
@@ -17264,7 +17239,7 @@
         }
     }
     var _c0$B = function (a0) { return { "form-group-error": a0 }; };
-    var _c1$d = function (a0) { return { "govuk-input--error": a0 }; };
+    var _c1$e = function (a0) { return { "govuk-input--error": a0 }; };
     var WritePhoneUKFieldComponent = /** @class */ (function (_super) {
         __extends(WritePhoneUKFieldComponent, _super);
         function WritePhoneUKFieldComponent() {
@@ -17298,7 +17273,7 @@
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("ngIf", ctx.phoneUkControl.errors && (ctx.phoneUkControl.dirty || ctx.phoneUkControl.touched));
                 i0__namespace.ɵɵadvance(1);
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(10, _c1$d, ctx.phoneUkControl.errors && ctx.phoneUkControl.dirty))("id", ctx.id())("formControl", ctx.phoneUkControl);
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(10, _c1$e, ctx.phoneUkControl.errors && ctx.phoneUkControl.dirty))("id", ctx.id())("formControl", ctx.phoneUkControl);
             }
         }, directives: [i1__namespace.NgClass, i1__namespace.NgIf, i2__namespace.DefaultValueAccessor, i2__namespace.NgControlStatus, i2__namespace.FormControlDirective], pipes: [FieldLabelPipe, FirstErrorPipe], encapsulation: 2 });
     var ɵWritePhoneUKFieldComponent_BaseFactory = /*@__PURE__*/ i0__namespace.ɵɵgetInheritedFactory(WritePhoneUKFieldComponent);
@@ -17381,7 +17356,7 @@
         }
     }
     var _c0$A = function (a0) { return { "form-group-error": a0 }; };
-    var _c1$c = function (a0) { return { "govuk-textarea--error": a0 }; };
+    var _c1$d = function (a0) { return { "govuk-textarea--error": a0 }; };
     var WriteTextAreaFieldComponent = /** @class */ (function (_super) {
         __extends(WriteTextAreaFieldComponent, _super);
         function WriteTextAreaFieldComponent(browserService) {
@@ -17426,7 +17401,7 @@
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("ngIf", ctx.textareaControl.errors && (ctx.textareaControl.dirty || ctx.textareaControl.touched));
                 i0__namespace.ɵɵadvance(1);
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(10, _c1$c, ctx.textareaControl.errors && (ctx.textareaControl.dirty || ctx.textareaControl.touched)))("id", ctx.id())("formControl", ctx.textareaControl);
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(10, _c1$d, ctx.textareaControl.errors && (ctx.textareaControl.dirty || ctx.textareaControl.touched)))("id", ctx.id())("formControl", ctx.textareaControl);
             }
         }, directives: [i1__namespace.NgClass, i1__namespace.NgIf, i2__namespace.DefaultValueAccessor, i2__namespace.NgControlStatus, i2__namespace.FormControlDirective], pipes: [FieldLabelPipe, FirstErrorPipe], encapsulation: 2 });
     (function () {
@@ -17509,7 +17484,7 @@
         }
     }
     var _c0$z = function (a0) { return { "form-group-error": a0 }; };
-    var _c1$b = function (a0) { return { "govuk-input--error": a0 }; };
+    var _c1$c = function (a0) { return { "govuk-input--error": a0 }; };
     var WriteTextFieldComponent = /** @class */ (function (_super) {
         __extends(WriteTextFieldComponent, _super);
         function WriteTextFieldComponent() {
@@ -17548,7 +17523,7 @@
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("ngIf", (ctx.textControl == null ? null : ctx.textControl.errors) && (ctx.textControl.dirty || ctx.textControl.touched));
                 i0__namespace.ɵɵadvance(1);
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(10, _c1$b, (ctx.textControl == null ? null : ctx.textControl.errors) && (ctx.textControl.dirty || ctx.textControl.touched)))("id", ctx.id())("formControl", ctx.textControl);
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(10, _c1$c, (ctx.textControl == null ? null : ctx.textControl.errors) && (ctx.textControl.dirty || ctx.textControl.touched)))("id", ctx.id())("formControl", ctx.textControl);
             }
         }, directives: [i1__namespace.NgClass, i1__namespace.NgIf, i2__namespace.DefaultValueAccessor, i2__namespace.NgControlStatus, i2__namespace.FormControlDirective], pipes: [FieldLabelPipe, FirstErrorPipe], encapsulation: 2 });
     var ɵWriteTextFieldComponent_BaseFactory = /*@__PURE__*/ i0__namespace.ɵɵgetInheritedFactory(WriteTextFieldComponent);
@@ -17769,7 +17744,7 @@
             i0__namespace.ɵɵtextInterpolate(value_r4);
         }
     }
-    var _c1$a = function (a0) { return { "form-group-error": a0 }; };
+    var _c1$b = function (a0) { return { "form-group-error": a0 }; };
     var WriteYesNoFieldComponent = /** @class */ (function (_super) {
         __extends(WriteYesNoFieldComponent, _super);
         function WriteYesNoFieldComponent(yesNoService) {
@@ -17800,7 +17775,7 @@
                 i0__namespace.ɵɵelementEnd();
             }
             if (rf & 2) {
-                i0__namespace.ɵɵproperty("id", ctx.id())("ngClass", i0__namespace.ɵɵpureFunction1(7, _c1$a, !ctx.yesNoControl.valid && (ctx.yesNoControl.dirty || ctx.yesNoControl.touched)));
+                i0__namespace.ɵɵproperty("id", ctx.id())("ngClass", i0__namespace.ɵɵpureFunction1(7, _c1$b, !ctx.yesNoControl.valid && (ctx.yesNoControl.dirty || ctx.yesNoControl.touched)));
                 i0__namespace.ɵɵadvance(3);
                 i0__namespace.ɵɵproperty("ngIf", ctx.caseField.label);
                 i0__namespace.ɵɵadvance(1);
@@ -18220,7 +18195,7 @@
             i0__namespace.ɵɵelementContainer(0);
         }
     }
-    var _c1$9 = function (a0, a1) { return { cat: a0, level: a1 }; };
+    var _c1$a = function (a0, a1) { return { cat: a0, level: a1 }; };
     function CaseFileViewFolderSelectorComponent_ng_template_12_ng_container_5_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementContainerStart(0);
@@ -18233,7 +18208,7 @@
             i0__namespace.ɵɵnextContext();
             var _r1 = i0__namespace.ɵɵreference(13);
             i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("ngTemplateOutlet", _r1)("ngTemplateOutletContext", i0__namespace.ɵɵpureFunction2(2, _c1$9, subcat_r8, level_r6 + 1));
+            i0__namespace.ɵɵproperty("ngTemplateOutlet", _r1)("ngTemplateOutletContext", i0__namespace.ɵɵpureFunction2(2, _c1$a, subcat_r8, level_r6 + 1));
         }
     }
     function CaseFileViewFolderSelectorComponent_ng_template_12_Template(rf, ctx) {
@@ -18375,7 +18350,7 @@
                 i0__namespace.ɵɵadvance(2);
                 i0__namespace.ɵɵproperty("ngForOf", ctx.currentCategories);
             }
-        }, directives: [i1__namespace.NgForOf, i1__namespace.NgTemplateOutlet], styles: [":host{position:relative;display:block}.folders{margin-bottom:20px}.folder{display:none;border-top:1px solid #ccc;margin:0 0 -1px}.folder,.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__namespace.NgForOf, i1__namespace.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 });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(CaseFileViewFolderSelectorComponent, [{
                 type: i0.Component,
@@ -18455,7 +18430,7 @@
         }
     }
     var _c0$t = [[["", "trigger", ""]]];
-    var _c1$8 = ["[trigger]"];
+    var _c1$9 = ["[trigger]"];
     var CaseFileViewOverlayMenuComponent = /** @class */ (function () {
         function CaseFileViewOverlayMenuComponent() {
             this.title = '';
@@ -18470,7 +18445,7 @@
         return CaseFileViewOverlayMenuComponent;
     }());
     CaseFileViewOverlayMenuComponent.ɵfac = function CaseFileViewOverlayMenuComponent_Factory(t) { return new (t || CaseFileViewOverlayMenuComponent)(); };
-    CaseFileViewOverlayMenuComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: CaseFileViewOverlayMenuComponent, selectors: [["ccd-case-file-view-overlay-menu"]], inputs: { title: "title", menuItems: "menuItems", isOpen: "isOpen" }, outputs: { isOpenChange: "isOpenChange" }, ngContentSelectors: _c1$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) {
+    CaseFileViewOverlayMenuComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: CaseFileViewOverlayMenuComponent, selectors: [["ccd-case-file-view-overlay-menu"]], inputs: { title: "title", menuItems: "menuItems", isOpen: "isOpen" }, outputs: { isOpenChange: "isOpenChange" }, ngContentSelectors: _c1$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) {
                 i0__namespace.ɵɵprojectionDef(_c0$t);
                 i0__namespace.ɵɵelementStart(0, "div");
@@ -19102,32 +19077,25 @@
     }
     function CaseFlagTableComponent_table_0_tbody_17_tr_1_strong_15_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "strong", 20);
+            i0__namespace.ɵɵelementStart(0, "strong", 19);
             i0__namespace.ɵɵtext(1, "Active");
             i0__namespace.ɵɵelementEnd();
         }
     }
     function CaseFlagTableComponent_table_0_tbody_17_tr_1_strong_16_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "strong", 21);
+            i0__namespace.ɵɵelementStart(0, "strong", 20);
             i0__namespace.ɵɵtext(1, "Inactive");
             i0__namespace.ɵɵelementEnd();
         }
     }
     function CaseFlagTableComponent_table_0_tbody_17_tr_1_strong_17_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "strong", 21);
+            i0__namespace.ɵɵelementStart(0, "strong", 20);
             i0__namespace.ɵɵtext(1, "Requested");
             i0__namespace.ɵɵelementEnd();
         }
     }
-    function CaseFlagTableComponent_table_0_tbody_17_tr_1_strong_18_Template(rf, ctx) {
-        if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "strong", 22);
-            i0__namespace.ɵɵtext(1, "Not approved");
-            i0__namespace.ɵɵelementEnd();
-        }
-    }
     function CaseFlagTableComponent_table_0_tbody_17_tr_1_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "tr", 15);
@@ -19154,7 +19122,6 @@
             i0__namespace.ɵɵtemplate(15, CaseFlagTableComponent_table_0_tbody_17_tr_1_strong_15_Template, 2, 0, "strong", 17);
             i0__namespace.ɵɵtemplate(16, CaseFlagTableComponent_table_0_tbody_17_tr_1_strong_16_Template, 2, 0, "strong", 18);
             i0__namespace.ɵɵtemplate(17, CaseFlagTableComponent_table_0_tbody_17_tr_1_strong_17_Template, 2, 0, "strong", 18);
-            i0__namespace.ɵɵtemplate(18, CaseFlagTableComponent_table_0_tbody_17_tr_1_strong_18_Template, 2, 0, "strong", 19);
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
         }
@@ -19168,23 +19135,21 @@
             i0__namespace.ɵɵadvance(2);
             i0__namespace.ɵɵtextInterpolate(flagDetail_r4.flagComment);
             i0__namespace.ɵɵadvance(2);
-            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind2(10, 9, flagDetail_r4.dateTimeCreated, "dd LLL yyyy"));
+            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind2(10, 8, flagDetail_r4.dateTimeCreated, "dd LLL yyyy"));
             i0__namespace.ɵɵadvance(3);
-            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind2(13, 12, flagDetail_r4.dateTimeModified, "dd LLL yyyy"));
+            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind2(13, 11, flagDetail_r4.dateTimeModified, "dd LLL yyyy"));
             i0__namespace.ɵɵadvance(3);
             i0__namespace.ɵɵproperty("ngIf", flagDetail_r4.status === ctx_r3.caseFlagStatus.ACTIVE);
             i0__namespace.ɵɵadvance(1);
             i0__namespace.ɵɵproperty("ngIf", flagDetail_r4.status === ctx_r3.caseFlagStatus.INACTIVE);
             i0__namespace.ɵɵadvance(1);
             i0__namespace.ɵɵproperty("ngIf", flagDetail_r4.status === ctx_r3.caseFlagStatus.REQUESTED);
-            i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("ngIf", flagDetail_r4.status === ctx_r3.caseFlagStatus.NOT_APPROVED);
         }
     }
     function CaseFlagTableComponent_table_0_tbody_17_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "tbody", 10);
-            i0__namespace.ɵɵtemplate(1, CaseFlagTableComponent_table_0_tbody_17_tr_1_Template, 19, 15, "tr", 14);
+            i0__namespace.ɵɵtemplate(1, CaseFlagTableComponent_table_0_tbody_17_tr_1_Template, 18, 14, "tr", 14);
             i0__namespace.ɵɵelementEnd();
         }
         if (rf & 2) {
@@ -19249,7 +19214,7 @@
         return CaseFlagTableComponent;
     }());
     CaseFlagTableComponent.ɵfac = function CaseFlagTableComponent_Factory(t) { return new (t || CaseFlagTableComponent)(); };
-    CaseFlagTableComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: CaseFlagTableComponent, selectors: [["ccd-case-flag-table"]], inputs: { tableCaption: "tableCaption", flagData: "flagData", firstColumnHeader: "firstColumnHeader" }, decls: 1, vars: 1, consts: [["class", "govuk-table", 4, "ngIf"], [1, "govuk-table"], [1, "govuk-table__caption", "govuk-table__caption--l"], [1, "govuk-table__head"], [1, "govuk-table__row"], ["scope", "col", 1, "govuk-table__header", "col-party-name"], ["scope", "col", 1, "govuk-table__header", "col-comments"], ["scope", "col", 1, "govuk-table__header", "col-creation-date"], ["scope", "col", 1, "govuk-table__header", "col-last-modified"], ["scope", "col", 1, "govuk-table__header", "col-flag-status"], [1, "govuk-table__body"], [4, "ngIf"], ["class", "govuk-table__body", 4, "ngIf"], ["colspan", "5"], ["scope", "row", "class", "govuk-table__row", 4, "ngFor", "ngForOf"], ["scope", "row", 1, "govuk-table__row"], [1, "govuk-table__cell"], ["class", "govuk-tag", 4, "ngIf"], ["class", "govuk-tag govuk-tag--grey", 4, "ngIf"], ["class", "govuk-tag govuk-tag--red", 4, "ngIf"], [1, "govuk-tag"], [1, "govuk-tag", "govuk-tag--grey"], [1, "govuk-tag", "govuk-tag--red"]], template: function CaseFlagTableComponent_Template(rf, ctx) {
+    CaseFlagTableComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: CaseFlagTableComponent, selectors: [["ccd-case-flag-table"]], inputs: { tableCaption: "tableCaption", flagData: "flagData", firstColumnHeader: "firstColumnHeader" }, decls: 1, vars: 1, consts: [["class", "govuk-table", 4, "ngIf"], [1, "govuk-table"], [1, "govuk-table__caption", "govuk-table__caption--l"], [1, "govuk-table__head"], [1, "govuk-table__row"], ["scope", "col", 1, "govuk-table__header", "col-party-name"], ["scope", "col", 1, "govuk-table__header", "col-comments"], ["scope", "col", 1, "govuk-table__header", "col-creation-date"], ["scope", "col", 1, "govuk-table__header", "col-last-modified"], ["scope", "col", 1, "govuk-table__header", "col-flag-status"], [1, "govuk-table__body"], [4, "ngIf"], ["class", "govuk-table__body", 4, "ngIf"], ["colspan", "5"], ["scope", "row", "class", "govuk-table__row", 4, "ngFor", "ngForOf"], ["scope", "row", 1, "govuk-table__row"], [1, "govuk-table__cell"], ["class", "govuk-tag", 4, "ngIf"], ["class", "govuk-tag govuk-tag--grey", 4, "ngIf"], [1, "govuk-tag"], [1, "govuk-tag", "govuk-tag--grey"]], template: function CaseFlagTableComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0__namespace.ɵɵtemplate(0, CaseFlagTableComponent_table_0_Template, 18, 4, "table", 0);
             }
@@ -19330,7 +19295,7 @@
         }
     }
     var _c0$s = function (a0) { return { "form-group-error": a0 }; };
-    var _c1$7 = function (a0) { return { "govuk-input--error": a0 }; };
+    var _c1$8 = function (a0) { return { "govuk-input--error": a0 }; };
     function SelectFlagTypeComponent_div_9_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "div", 15);
@@ -19350,7 +19315,7 @@
             i0__namespace.ɵɵadvance(3);
             i0__namespace.ɵɵproperty("ngIf", ctx_r2.flagTypeErrorMessage.length > 0);
             i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(7, _c1$7, ctx_r2.flagTypeErrorMessage.length > 0))("name", ctx_r2.descriptionControlName)("formControlName", ctx_r2.descriptionControlName);
+            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(7, _c1$8, ctx_r2.flagTypeErrorMessage.length > 0))("name", ctx_r2.descriptionControlName)("formControlName", ctx_r2.descriptionControlName);
         }
     }
     function SelectFlagTypeComponent_div_10_Template(rf, ctx) {
@@ -20451,319 +20416,70 @@
                 }] });
     })();
-    var UpdateFlagStatesEnum;
-    (function (UpdateFlagStatesEnum) {
-        UpdateFlagStatesEnum[UpdateFlagStatesEnum["FLAG_FORM"] = 0] = "FLAG_FORM";
-        UpdateFlagStatesEnum[UpdateFlagStatesEnum["WELSH_TRANSLATION_FORM"] = 1] = "WELSH_TRANSLATION_FORM";
-    })(UpdateFlagStatesEnum || (UpdateFlagStatesEnum = {}));
-    var UpdateFlagWelshTranslationFormComponent = /** @class */ (function () {
-        function UpdateFlagWelshTranslationFormComponent() {
-            this.FLAG_COMMENTS_CONTROL_NAME = 'flagComment';
-            this.FLAG_STATUS_CHANGE_REASON_CONTROL_NAME = 'flagStatusReasonChange';
-            this.FLAG_COMMENTS_WELSH_CONTROL_NAME = 'flagCommentWelsh';
-            this.FLAG_STATUS_CHANGE_REASON_WELSH_CONTROL_NAME = 'flagStatusReasonChangeWelsh';
-        }
-        UpdateFlagWelshTranslationFormComponent.prototype.ngOnInit = function () {
-            if (this.formGroup) {
-                this.formGroup.addControl(this.FLAG_COMMENTS_WELSH_CONTROL_NAME, new i2.FormControl(''));
-                this.formGroup.addControl(this.FLAG_STATUS_CHANGE_REASON_WELSH_CONTROL_NAME, new i2.FormControl(''));
-            }
-        };
-        return UpdateFlagWelshTranslationFormComponent;
-    }());
-    UpdateFlagWelshTranslationFormComponent.ɵfac = function UpdateFlagWelshTranslationFormComponent_Factory(t) { return new (t || UpdateFlagWelshTranslationFormComponent)(); };
-    UpdateFlagWelshTranslationFormComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: UpdateFlagWelshTranslationFormComponent, selectors: [["ccd-update-flag-welsh-translation-form"]], inputs: { formGroup: "formGroup", FLAG_COMMENTS_CONTROL_NAME: "FLAG_COMMENTS_CONTROL_NAME", FLAG_STATUS_CHANGE_REASON_CONTROL_NAME: "FLAG_STATUS_CHANGE_REASON_CONTROL_NAME" }, decls: 28, vars: 17, consts: [[1, "govuk-!-margin-bottom-6"], [1, "govuk-label", "govuk-label--m"], [1, "govuk-hint"], [3, "formGroup"], [1, "govuk-!-margin-bottom-4"], [1, "govuk-label", "govuk-label--s", 3, "for"], ["readonly", "", "rows", "5", 1, "govuk-textarea", 3, "id", "name", "formControlName"], ["rows", "5", 1, "govuk-textarea", 3, "id", "name", "formControlName"]], template: function UpdateFlagWelshTranslationFormComponent_Template(rf, ctx) {
-            if (rf & 1) {
-                i0__namespace.ɵɵelementStart(0, "div", 0);
-                i0__namespace.ɵɵelementStart(1, "h2", 1);
-                i0__namespace.ɵɵtext(2, "Add Welsh translation to flag");
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(3, "div", 2);
-                i0__namespace.ɵɵtext(4, "Write translation to flag description or comments in the box provided.");
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementContainerStart(5, 3);
-                i0__namespace.ɵɵelementStart(6, "div");
-                i0__namespace.ɵɵelementStart(7, "div", 4);
-                i0__namespace.ɵɵelementStart(8, "label", 5);
-                i0__namespace.ɵɵtext(9, "Other description");
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(10, "textarea", 6);
-                i0__namespace.ɵɵtext(11, "      ");
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(12, "div", 4);
-                i0__namespace.ɵɵelementStart(13, "label", 5);
-                i0__namespace.ɵɵtext(14, "Other description (Welsh)");
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(15, "textarea", 7);
-                i0__namespace.ɵɵtext(16, "      ");
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(17, "div");
-                i0__namespace.ɵɵelementStart(18, "div", 4);
-                i0__namespace.ɵɵelementStart(19, "label", 5);
-                i0__namespace.ɵɵtext(20, "Flag comment");
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(21, "textarea", 6);
-                i0__namespace.ɵɵtext(22, "      ");
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(23, "div", 4);
-                i0__namespace.ɵɵelementStart(24, "label", 5);
-                i0__namespace.ɵɵtext(25, "Flag comment (Welsh)");
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(26, "textarea", 7);
-                i0__namespace.ɵɵtext(27, "      ");
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementContainerEnd();
-            }
-            if (rf & 2) {
-                i0__namespace.ɵɵadvance(5);
-                i0__namespace.ɵɵproperty("formGroup", ctx.formGroup);
-                i0__namespace.ɵɵadvance(3);
-                i0__namespace.ɵɵproperty("for", ctx.FLAG_COMMENTS_CONTROL_NAME);
-                i0__namespace.ɵɵadvance(2);
-                i0__namespace.ɵɵproperty("id", ctx.FLAG_COMMENTS_CONTROL_NAME)("name", ctx.FLAG_COMMENTS_CONTROL_NAME)("formControlName", ctx.FLAG_COMMENTS_CONTROL_NAME);
-                i0__namespace.ɵɵadvance(3);
-                i0__namespace.ɵɵproperty("for", ctx.FLAG_COMMENTS_WELSH_CONTROL_NAME);
-                i0__namespace.ɵɵadvance(2);
-                i0__namespace.ɵɵproperty("id", ctx.FLAG_COMMENTS_WELSH_CONTROL_NAME)("name", ctx.FLAG_COMMENTS_WELSH_CONTROL_NAME)("formControlName", ctx.FLAG_COMMENTS_WELSH_CONTROL_NAME);
-                i0__namespace.ɵɵadvance(4);
-                i0__namespace.ɵɵproperty("for", ctx.FLAG_STATUS_CHANGE_REASON_CONTROL_NAME);
-                i0__namespace.ɵɵadvance(2);
-                i0__namespace.ɵɵproperty("id", ctx.FLAG_STATUS_CHANGE_REASON_CONTROL_NAME)("name", ctx.FLAG_STATUS_CHANGE_REASON_CONTROL_NAME)("formControlName", ctx.FLAG_STATUS_CHANGE_REASON_CONTROL_NAME);
-                i0__namespace.ɵɵadvance(3);
-                i0__namespace.ɵɵproperty("for", ctx.FLAG_STATUS_CHANGE_REASON_WELSH_CONTROL_NAME);
-                i0__namespace.ɵɵadvance(2);
-                i0__namespace.ɵɵproperty("id", ctx.FLAG_STATUS_CHANGE_REASON_WELSH_CONTROL_NAME)("name", ctx.FLAG_STATUS_CHANGE_REASON_WELSH_CONTROL_NAME)("formControlName", ctx.FLAG_STATUS_CHANGE_REASON_WELSH_CONTROL_NAME);
-            }
-        }, directives: [i2__namespace.NgControlStatusGroup, i2__namespace.FormGroupDirective, i2__namespace.DefaultValueAccessor, i2__namespace.NgControlStatus, i2__namespace.FormControlName], encapsulation: 2 });
-    (function () {
-        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(UpdateFlagWelshTranslationFormComponent, [{
-                type: i0.Component,
-                args: [{
-                        selector: 'ccd-update-flag-welsh-translation-form',
-                        templateUrl: './update-flag-welsh-translation-form.component.html'
-                    }]
-            }], null, { formGroup: [{
-                    type: i0.Input
-                }], FLAG_COMMENTS_CONTROL_NAME: [{
-                    type: i0.Input
-                }], FLAG_STATUS_CHANGE_REASON_CONTROL_NAME: [{
-                    type: i0.Input
-                }] });
-    })();
-    function UpdateFlagComponent_ng_container_1_div_14_Template(rf, ctx) {
+    function UpdateFlagComponent_div_8_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "div", 27);
-            i0__namespace.ɵɵelementStart(1, "span", 28);
+            i0__namespace.ɵɵelementStart(0, "div", 16);
+            i0__namespace.ɵɵelementStart(1, "span", 17);
             i0__namespace.ɵɵtext(2, "Error:");
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵtext(3);
             i0__namespace.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var ctx_r3 = i0__namespace.ɵɵnextContext(2);
+            var ctx_r0 = i0__namespace.ɵɵnextContext();
             i0__namespace.ɵɵadvance(3);
-            i0__namespace.ɵɵtextInterpolate1(" ", ctx_r3.updateFlagNotEnteredErrorMessage, " ");
+            i0__namespace.ɵɵtextInterpolate1(" ", ctx_r0.updateFlagNotEnteredErrorMessage, " ");
         }
     }
-    function UpdateFlagComponent_ng_container_1_div_15_Template(rf, ctx) {
+    function UpdateFlagComponent_div_9_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "div", 29);
-            i0__namespace.ɵɵelementStart(1, "span", 28);
+            i0__namespace.ɵɵelementStart(0, "div", 18);
+            i0__namespace.ɵɵelementStart(1, "span", 17);
             i0__namespace.ɵɵtext(2, "Error:");
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵtext(3);
             i0__namespace.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var ctx_r4 = i0__namespace.ɵɵnextContext(2);
+            var ctx_r1 = i0__namespace.ɵɵnextContext();
             i0__namespace.ɵɵadvance(3);
-            i0__namespace.ɵɵtextInterpolate1(" ", ctx_r4.updateFlagCharLimitErrorMessage, " ");
+            i0__namespace.ɵɵtextInterpolate1(" ", ctx_r1.updateFlagCharLimitErrorMessage, " ");
         }
     }
-    function UpdateFlagComponent_ng_container_1_div_26_Template(rf, ctx) {
+    function UpdateFlagComponent_button_22_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "div", 30);
-            i0__namespace.ɵɵelement(1, "input", 31);
-            i0__namespace.ɵɵelementStart(2, "label", 32);
-            i0__namespace.ɵɵtext(3);
-            i0__namespace.ɵɵelementEnd();
+            var _r4_1 = i0__namespace.ɵɵgetCurrentView();
+            i0__namespace.ɵɵelementStart(0, "button", 19);
+            i0__namespace.ɵɵlistener("click", function UpdateFlagComponent_button_22_Template_button_click_0_listener() { i0__namespace.ɵɵrestoreView(_r4_1); var ctx_r3 = i0__namespace.ɵɵnextContext(); return ctx_r3.onChangeStatus(); });
+            i0__namespace.ɵɵtext(1, " Make inactive ");
             i0__namespace.ɵɵelementEnd();
         }
-        if (rf & 2) {
-            var status_r6 = ctx.$implicit;
-            var ctx_r5 = i0__namespace.ɵɵnextContext(2);
-            i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("id", ctx_r5.FLAG_STATUS_CONTROL_NAME + "_" + status_r6)("name", ctx_r5.FLAG_STATUS_CONTROL_NAME)("formControlName", ctx_r5.FLAG_STATUS_CONTROL_NAME)("value", status_r6);
-            i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("for", ctx_r5.FLAG_STATUS_CONTROL_NAME + "_" + status_r6);
-            i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵtextInterpolate1(" ", status_r6, " ");
-        }
     }
     var _c0$n = function (a0) { return { "form-group-error": a0 }; };
-    function UpdateFlagComponent_ng_container_1_Template(rf, ctx) {
-        if (rf & 1) {
-            i0__namespace.ɵɵelementContainerStart(0);
-            i0__namespace.ɵɵelementContainerStart(1, 5);
-            i0__namespace.ɵɵelementStart(2, "div");
-            i0__namespace.ɵɵelementStart(3, "div", 6);
-            i0__namespace.ɵɵelementStart(4, "div", 7);
-            i0__namespace.ɵɵelementStart(5, "h1", 8);
-            i0__namespace.ɵɵelementStart(6, "label", 9);
-            i0__namespace.ɵɵtext(7);
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(8, "div", 10);
-            i0__namespace.ɵɵelementStart(9, "div");
-            i0__namespace.ɵɵelementStart(10, "label", 11);
-            i0__namespace.ɵɵtext(11);
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(12, "div", 12);
-            i0__namespace.ɵɵtext(13);
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵtemplate(14, UpdateFlagComponent_ng_container_1_div_14_Template, 4, 1, "div", 13);
-            i0__namespace.ɵɵtemplate(15, UpdateFlagComponent_ng_container_1_div_15_Template, 4, 1, "div", 14);
-            i0__namespace.ɵɵelementStart(16, "textarea", 15);
-            i0__namespace.ɵɵtext(17, "              ");
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(18, "div", 16);
-            i0__namespace.ɵɵtext(19);
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(20, "div");
-            i0__namespace.ɵɵelementStart(21, "div");
-            i0__namespace.ɵɵelementStart(22, "label", 17);
-            i0__namespace.ɵɵtext(23);
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(24, "div", 10);
-            i0__namespace.ɵɵelementStart(25, "div", 18);
-            i0__namespace.ɵɵtemplate(26, UpdateFlagComponent_ng_container_1_div_26_Template, 4, 6, "div", 19);
-            i0__namespace.ɵɵpipe(27, "enumDisplayDescription");
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(28, "div");
-            i0__namespace.ɵɵelementStart(29, "div", 20);
-            i0__namespace.ɵɵtext(30);
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(31, "textarea", 21);
-            i0__namespace.ɵɵtext(32, "            ");
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(33, "div", 22);
-            i0__namespace.ɵɵelementStart(34, "div", 23);
-            i0__namespace.ɵɵelementStart(35, "div", 24);
-            i0__namespace.ɵɵelement(36, "input", 25);
-            i0__namespace.ɵɵelementStart(37, "label", 26);
-            i0__namespace.ɵɵtext(38, " I need to add a Welsh translation ");
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementContainerEnd();
-            i0__namespace.ɵɵelementContainerEnd();
-        }
-        if (rf & 2) {
-            var ctx_r0 = i0__namespace.ɵɵnextContext();
-            i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("formGroup", ctx_r0.formGroup);
-            i0__namespace.ɵɵadvance(3);
-            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(25, _c0$n, ctx_r0.errorMessages.length > 0));
-            i0__namespace.ɵɵadvance(3);
-            i0__namespace.ɵɵtextInterpolate1(" ", ctx_r0.updateFlagTitle, " ");
-            i0__namespace.ɵɵadvance(3);
-            i0__namespace.ɵɵproperty("for", ctx_r0.FLAG_COMMENTS_CONTROL_NAME);
-            i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵtextInterpolate1(" ", ctx_r0.updateFlagTitle, " comments ");
-            i0__namespace.ɵɵadvance(2);
-            i0__namespace.ɵɵtextInterpolate1(" ", ctx_r0.updateFlagStepEnum.COMMENT_HINT_TEXT, " ");
-            i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("ngIf", ctx_r0.updateFlagNotEnteredErrorMessage);
-            i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("ngIf", ctx_r0.updateFlagCharLimitErrorMessage);
-            i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("id", ctx_r0.FLAG_COMMENTS_CONTROL_NAME)("name", ctx_r0.FLAG_COMMENTS_CONTROL_NAME)("formControlName", ctx_r0.FLAG_COMMENTS_CONTROL_NAME);
-            i0__namespace.ɵɵadvance(3);
-            i0__namespace.ɵɵtextInterpolate1(" ", ctx_r0.updateFlagStepEnum.COMMENT_CHARACTER_LIMIT_INFO, " ");
-            i0__namespace.ɵɵadvance(4);
-            i0__namespace.ɵɵtextInterpolate1(" ", ctx_r0.updateFlagTitle, " status ");
-            i0__namespace.ɵɵadvance(2);
-            i0__namespace.ɵɵproperty("id", ctx_r0.FLAG_STATUS_CONTROL_NAME);
-            i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("ngForOf", i0__namespace.ɵɵpipeBind1(27, 23, ctx_r0.caseFlagStatuses));
-            i0__namespace.ɵɵadvance(4);
-            i0__namespace.ɵɵtextInterpolate1(" ", ctx_r0.updateFlagStepEnum.STATUS_HINT_TEXT, " ");
-            i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("id", ctx_r0.FLAG_STATUS_CHANGE_REASON_CONTROL_NAME)("name", ctx_r0.FLAG_STATUS_CHANGE_REASON_CONTROL_NAME)("formControlName", ctx_r0.FLAG_STATUS_CHANGE_REASON_CONTROL_NAME);
-            i0__namespace.ɵɵadvance(5);
-            i0__namespace.ɵɵproperty("formControlName", ctx_r0.FLAG_WELSH_TRANSLATION_CONTROL_NAME)("id", ctx_r0.FLAG_WELSH_TRANSLATION_CONTROL_NAME)("name", ctx_r0.FLAG_WELSH_TRANSLATION_CONTROL_NAME);
-            i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("for", ctx_r0.FLAG_WELSH_TRANSLATION_CONTROL_NAME);
-        }
-    }
-    function UpdateFlagComponent_ng_container_2_Template(rf, ctx) {
-        if (rf & 1) {
-            i0__namespace.ɵɵelementContainerStart(0);
-            i0__namespace.ɵɵelement(1, "ccd-update-flag-welsh-translation-form", 33);
-            i0__namespace.ɵɵelementContainerEnd();
-        }
-        if (rf & 2) {
-            var ctx_r1 = i0__namespace.ɵɵnextContext();
-            i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("formGroup", ctx_r1.formGroup)("FLAG_COMMENTS_CONTROL_NAME", ctx_r1.FLAG_COMMENTS_CONTROL_NAME)("FLAG_STATUS_CHANGE_REASON_CONTROL_NAME", ctx_r1.FLAG_STATUS_CHANGE_REASON_CONTROL_NAME);
-        }
-    }
-    function UpdateFlagComponent_button_4_Template(rf, ctx) {
-        if (rf & 1) {
-            var _r8_1 = i0__namespace.ɵɵgetCurrentView();
-            i0__namespace.ɵɵelementStart(0, "button", 34);
-            i0__namespace.ɵɵlistener("click", function UpdateFlagComponent_button_4_Template_button_click_0_listener() { i0__namespace.ɵɵrestoreView(_r8_1); var ctx_r7 = i0__namespace.ɵɵnextContext(); return ctx_r7.onBack(); });
-            i0__namespace.ɵɵtext(1, " Back ");
-            i0__namespace.ɵɵelementEnd();
-        }
-    }
+    var _c1$7 = function (a0) { return { "govuk-tag--grey": a0 }; };
     var UpdateFlagComponent = /** @class */ (function () {
         function UpdateFlagComponent() {
             this.caseFlagStateEmitter = new i0.EventEmitter();
-            this.currentFormStep = UpdateFlagStatesEnum.FLAG_FORM;
-            this.updateFlagStates = UpdateFlagStatesEnum;
             this.updateFlagTitle = '';
             this.errorMessages = [];
             this.updateFlagNotEnteredErrorMessage = null;
             this.updateFlagCharLimitErrorMessage = null;
-            this.updateFlagStepEnum = exports.UpdateFlagStep;
-            this.caseFlagStatuses = exports.CaseFlagStatus;
-            this.FLAG_COMMENTS_CONTROL_NAME = 'flagComment';
-            this.FLAG_STATUS_CONTROL_NAME = 'flagStatus';
-            this.FLAG_STATUS_CHANGE_REASON_CONTROL_NAME = 'flagStatusReasonChange';
-            this.FLAG_WELSH_TRANSLATION_CONTROL_NAME = 'flagWelshTranslationNeeded';
+            this.updateFlagControlName = 'flagComments';
             this.commentsMaxCharLimit = 200;
         }
         UpdateFlagComponent.prototype.ngOnInit = function () {
+            this.updateFlagHint = exports.UpdateFlagStep.HINT_TEXT;
+            this.updateFlagCharLimitInfo = exports.UpdateFlagStep.CHARACTER_LIMIT_INFO;
+            this.formGroup.addControl(this.updateFlagControlName, new i2.FormControl(''));
             if (this.selectedFlag && this.selectedFlag.flagDetailDisplay && this.selectedFlag.flagDetailDisplay.flagDetail) {
                 var flagDetail = this.selectedFlag.flagDetailDisplay.flagDetail;
-                this.formGroup.addControl(this.FLAG_STATUS_CONTROL_NAME, new i2.FormControl(flagDetail.status));
-                this.formGroup.addControl(this.FLAG_STATUS_CHANGE_REASON_CONTROL_NAME, new i2.FormControl(''));
-                this.formGroup.addControl(this.FLAG_WELSH_TRANSLATION_CONTROL_NAME, new i2.FormControl(false));
                 // Populate flag comments text area with existing comments
-                this.formGroup.addControl(this.FLAG_COMMENTS_CONTROL_NAME, new i2.FormControl(flagDetail.flagComment));
+                this.formGroup.get(this.updateFlagControlName).setValue(flagDetail.flagComment);
                 if (flagDetail.name) {
                     this.updateFlagTitle =
-                        exports.CaseFlagWizardStepTitle.UPDATE_FLAG_TITLE + " \"" + flagDetail.name + (flagDetail.subTypeValue ? ", " + flagDetail.subTypeValue + "\"" : '"');
+                        exports.CaseFlagWizardStepTitle.UPDATE_FLAG_TITLE + " \"" + flagDetail.name + (flagDetail.subTypeValue
+                            ? ", " + flagDetail.subTypeValue + "\""
+                            : '"');
                 }
             }
         };
@@ -20772,44 +20488,32 @@
             this.validateTextEntry();
             // If validation has passed, update the flag details with the comments entered
             if (this.errorMessages.length === 0) {
-                this.selectedFlag.flagDetailDisplay.flagDetail = Object.assign(Object.assign({}, this.selectedFlag.flagDetailDisplay.flagDetail), { flagComment: this.formGroup.get(this.FLAG_COMMENTS_CONTROL_NAME).value });
-            }
-            if (this.errorMessages.length > 0 || !this.formGroup.get(this.FLAG_WELSH_TRANSLATION_CONTROL_NAME).value
-                || this.currentFormStep === UpdateFlagStatesEnum.WELSH_TRANSLATION_FORM) {
-                // 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
-                this.caseFlagStateEmitter.emit({
-                    currentCaseFlagFieldState: exports.CaseFlagFieldState.FLAG_UPDATE,
-                    errorMessages: this.errorMessages,
-                    selectedFlag: this.selectedFlag,
-                });
-            }
-            else if (this.formGroup.get(this.FLAG_WELSH_TRANSLATION_CONTROL_NAME).value && this.currentFormStep === 0) {
-                this.currentFormStep = UpdateFlagStatesEnum.WELSH_TRANSLATION_FORM;
-                this.caseFlagStateEmitter.emit({
-                    currentCaseFlagFieldState: exports.CaseFlagFieldState.FLAG_UPDATE_EXTRA_STEP,
-                    errorMessages: this.errorMessages,
-                    selectedFlag: this.selectedFlag,
-                });
+                this.selectedFlag.flagDetailDisplay.flagDetail = Object.assign(Object.assign({}, this.selectedFlag.flagDetailDisplay.flagDetail), { flagComment: this.formGroup.get(this.updateFlagControlName).value });
             }
-            window.scrollTo(0, 0);
+            // 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
+            this.caseFlagStateEmitter.emit({
+                currentCaseFlagFieldState: exports.CaseFlagFieldState.FLAG_UPDATE,
+                errorMessages: this.errorMessages,
+                selectedFlag: this.selectedFlag
+            });
         };
-        UpdateFlagComponent.prototype.onBack = function () {
-            if (this.currentFormStep === UpdateFlagStatesEnum.WELSH_TRANSLATION_FORM) {
-                this.currentFormStep = UpdateFlagStatesEnum.FLAG_FORM;
-            }
+        UpdateFlagComponent.prototype.onChangeStatus = function () {
+            this.selectedFlag.flagDetailDisplay.flagDetail = Object.assign(Object.assign({}, this.selectedFlag.flagDetailDisplay.flagDetail), { status: this.selectedFlag.flagDetailDisplay.flagDetail.status === exports.CaseFlagStatus.ACTIVE
+                    ? exports.CaseFlagStatus.INACTIVE
+                    : this.selectedFlag.flagDetailDisplay.flagDetail.status });
         };
         UpdateFlagComponent.prototype.validateTextEntry = function () {
             this.updateFlagNotEnteredErrorMessage = null;
             this.updateFlagCharLimitErrorMessage = null;
             this.errorMessages = [];
-            var comment = this.formGroup.get(this.FLAG_COMMENTS_CONTROL_NAME).value;
+            var comment = this.formGroup.get(this.updateFlagControlName).value;
             if (!comment) {
                 this.updateFlagNotEnteredErrorMessage = exports.UpdateFlagErrorMessage.FLAG_COMMENTS_NOT_ENTERED;
                 this.errorMessages.push({
                     title: '',
                     description: exports.UpdateFlagErrorMessage.FLAG_COMMENTS_NOT_ENTERED,
-                    fieldId: this.FLAG_COMMENTS_CONTROL_NAME
+                    fieldId: this.updateFlagControlName
                 });
             }
             if (comment && comment.length > this.commentsMaxCharLimit) {
@@ -20817,37 +20521,85 @@
                 this.errorMessages.push({
                     title: '',
                     description: exports.UpdateFlagErrorMessage.FLAG_COMMENTS_CHAR_LIMIT_EXCEEDED,
-                    fieldId: this.FLAG_COMMENTS_CONTROL_NAME
+                    fieldId: this.updateFlagControlName
                 });
             }
         };
         return UpdateFlagComponent;
     }());
     UpdateFlagComponent.ɵfac = function UpdateFlagComponent_Factory(t) { return new (t || UpdateFlagComponent)(); };
-    UpdateFlagComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: UpdateFlagComponent, selectors: [["ccd-update-flag"]], inputs: { formGroup: "formGroup", selectedFlag: "selectedFlag" }, outputs: { caseFlagStateEmitter: "caseFlagStateEmitter" }, decls: 7, vars: 4, consts: [[3, "ngSwitch"], [4, "ngSwitchCase"], [1, "govuk-button-group"], ["class", "govuk-button govuk-button--secondary", "type", "button", "data-module", "govuk-button", 3, "click", 4, "ngIf"], ["id", "updateFlagNextButton", "type", "button", 1, "govuk-button", 3, "click"], [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-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"], [1, "govuk-!-margin-bottom-6"], ["data-module", "govuk-checkboxes", 1, "govuk-checkboxes"], [1, "govuk-checkboxes__item"], ["type", "checkbox", 1, "govuk-checkboxes__input", 3, "formControlName", "id", "name"], [1, "govuk-label", "govuk-checkboxes__label", 3, "for"], ["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, "id", "name", "formControlName", "value"], [1, "govuk-label", "govuk-radios__label", 3, "for"], [3, "formGroup", "FLAG_COMMENTS_CONTROL_NAME", "FLAG_STATUS_CHANGE_REASON_CONTROL_NAME"], ["type", "button", "data-module", "govuk-button", 1, "govuk-button", "govuk-button--secondary", 3, "click"]], template: function UpdateFlagComponent_Template(rf, ctx) {
+    UpdateFlagComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: UpdateFlagComponent, selectors: [["ccd-update-flag"]], inputs: { formGroup: "formGroup", selectedFlag: "selectedFlag" }, outputs: { caseFlagStateEmitter: "caseFlagStateEmitter" }, decls: 26, vars: 18, consts: [[1, "form-group", 3, "formGroup"], ["data-module", "govuk-character-count", "data-maxlength", "200", 1, "govuk-character-count"], [1, "govuk-form-group", 3, "ngClass"], [1, "govuk-label-wrapper"], [1, "govuk-label", "govuk-label--l", 3, "for"], ["id", "update-flag-hint", 1, "govuk-hint"], ["id", "update-flag-not-entered-error-message", "class", "govuk-error-message", 4, "ngIf"], ["id", "update-flag-char-limit-error", "class", "govuk-error-message", 4, "ngIf"], ["rows", "5", "aria-describedby", "update-flag-hint update-flag-char-limit-info update-flag-char-limit-error", 1, "govuk-textarea", 3, "id", "name", "formControlName"], ["id", "update-flag-char-limit-info", "aria-live", "polite", 1, "govuk-hint", "govuk-character-count__message"], [1, "govuk-grid-row"], [1, "govuk-grid-column-one-half"], [1, "govuk-tag", 3, "ngClass"], ["class", "button button-secondary", "type", "button", 3, "click", 4, "ngIf"], [1, "govuk-button-group"], ["type", "button", 1, "button", "button-primary", 3, "click"], ["id", "update-flag-not-entered-error-message", 1, "govuk-error-message"], [1, "govuk-visually-hidden"], ["id", "update-flag-char-limit-error", 1, "govuk-error-message"], ["type", "button", 1, "button", "button-secondary", 3, "click"]], template: function UpdateFlagComponent_Template(rf, ctx) {
             if (rf & 1) {
-                i0__namespace.ɵɵelementContainerStart(0, 0);
-                i0__namespace.ɵɵtemplate(1, UpdateFlagComponent_ng_container_1_Template, 39, 27, "ng-container", 1);
-                i0__namespace.ɵɵtemplate(2, UpdateFlagComponent_ng_container_2_Template, 2, 3, "ng-container", 1);
-                i0__namespace.ɵɵelementContainerEnd();
-                i0__namespace.ɵɵelementStart(3, "div", 2);
-                i0__namespace.ɵɵtemplate(4, UpdateFlagComponent_button_4_Template, 2, 0, "button", 3);
-                i0__namespace.ɵɵelementStart(5, "button", 4);
-                i0__namespace.ɵɵlistener("click", function UpdateFlagComponent_Template_button_click_5_listener() { return ctx.onNext(); });
-                i0__namespace.ɵɵtext(6, " Next ");
+                i0__namespace.ɵɵelementStart(0, "div", 0);
+                i0__namespace.ɵɵelementStart(1, "div", 1);
+                i0__namespace.ɵɵelementStart(2, "div", 2);
+                i0__namespace.ɵɵelementStart(3, "h1", 3);
+                i0__namespace.ɵɵelementStart(4, "label", 4);
+                i0__namespace.ɵɵtext(5);
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementStart(6, "div", 5);
+                i0__namespace.ɵɵtext(7);
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵtemplate(8, UpdateFlagComponent_div_8_Template, 4, 1, "div", 6);
+                i0__namespace.ɵɵtemplate(9, UpdateFlagComponent_div_9_Template, 4, 1, "div", 7);
+                i0__namespace.ɵɵelementStart(10, "textarea", 8);
+                i0__namespace.ɵɵtext(11, "      ");
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementStart(12, "div", 9);
+                i0__namespace.ɵɵtext(13);
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementStart(14, "div", 10);
+                i0__namespace.ɵɵelementStart(15, "div", 11);
+                i0__namespace.ɵɵelementStart(16, "p");
+                i0__namespace.ɵɵtext(17, "Flag status: ");
+                i0__namespace.ɵɵelementStart(18, "span");
+                i0__namespace.ɵɵelementStart(19, "strong", 12);
+                i0__namespace.ɵɵtext(20);
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementStart(21, "div", 11);
+                i0__namespace.ɵɵtemplate(22, UpdateFlagComponent_button_22_Template, 2, 0, "button", 13);
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementStart(23, "div", 14);
+                i0__namespace.ɵɵelementStart(24, "button", 15);
+                i0__namespace.ɵɵlistener("click", function UpdateFlagComponent_Template_button_click_24_listener() { return ctx.onNext(); });
+                i0__namespace.ɵɵtext(25, "Next");
+                i0__namespace.ɵɵelementEnd();
                 i0__namespace.ɵɵelementEnd();
                 i0__namespace.ɵɵelementEnd();
             }
             if (rf & 2) {
-                i0__namespace.ɵɵproperty("ngSwitch", ctx.currentFormStep);
+                i0__namespace.ɵɵproperty("formGroup", ctx.formGroup);
+                i0__namespace.ɵɵadvance(2);
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(14, _c0$n, ctx.errorMessages.length > 0));
+                i0__namespace.ɵɵadvance(2);
+                i0__namespace.ɵɵproperty("for", ctx.updateFlagControlName);
+                i0__namespace.ɵɵadvance(1);
+                i0__namespace.ɵɵtextInterpolate1(" ", ctx.updateFlagTitle, " ");
+                i0__namespace.ɵɵadvance(2);
+                i0__namespace.ɵɵtextInterpolate1(" ", ctx.updateFlagHint, " ");
                 i0__namespace.ɵɵadvance(1);
-                i0__namespace.ɵɵproperty("ngSwitchCase", ctx.updateFlagStates.FLAG_FORM);
+                i0__namespace.ɵɵproperty("ngIf", ctx.updateFlagNotEnteredErrorMessage);
                 i0__namespace.ɵɵadvance(1);
-                i0__namespace.ɵɵproperty("ngSwitchCase", ctx.updateFlagStates.WELSH_TRANSLATION_FORM);
+                i0__namespace.ɵɵproperty("ngIf", ctx.updateFlagCharLimitErrorMessage);
+                i0__namespace.ɵɵadvance(1);
+                i0__namespace.ɵɵproperty("id", ctx.updateFlagControlName)("name", ctx.updateFlagControlName)("formControlName", ctx.updateFlagControlName);
+                i0__namespace.ɵɵadvance(3);
+                i0__namespace.ɵɵtextInterpolate1(" ", ctx.updateFlagCharLimitInfo, " ");
+                i0__namespace.ɵɵadvance(6);
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(16, _c1$7, ctx.selectedFlag.flagDetailDisplay.flagDetail.status === "Inactive"));
+                i0__namespace.ɵɵadvance(1);
+                i0__namespace.ɵɵtextInterpolate1(" ", ctx.selectedFlag.flagDetailDisplay.flagDetail.status, " ");
                 i0__namespace.ɵɵadvance(2);
-                i0__namespace.ɵɵproperty("ngIf", ctx.currentFormStep === ctx.updateFlagStates.WELSH_TRANSLATION_FORM);
+                i0__namespace.ɵɵproperty("ngIf", ctx.selectedFlag.flagDetailDisplay.flagDetail.status === "Active");
             }
-        }, directives: [i1__namespace.NgSwitch, i1__namespace.NgSwitchCase, i1__namespace.NgIf, i2__namespace.NgControlStatusGroup, i2__namespace.FormGroupDirective, i1__namespace.NgClass, i2__namespace.DefaultValueAccessor, i2__namespace.NgControlStatus, i2__namespace.FormControlName, i1__namespace.NgForOf, i2__namespace.CheckboxControlValueAccessor, i2__namespace.RadioControlValueAccessor, UpdateFlagWelshTranslationFormComponent], pipes: [EnumDisplayDescriptionPipe], encapsulation: 2 });
+        }, directives: [i2__namespace.NgControlStatusGroup, i2__namespace.FormGroupDirective, i1__namespace.NgClass, i1__namespace.NgIf, i2__namespace.DefaultValueAccessor, i2__namespace.NgControlStatus, i2__namespace.FormControlName], encapsulation: 2 });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(UpdateFlagComponent, [{
                 type: i0.Component,
@@ -25360,8 +25112,7 @@
         CheckYourAnswersComponent,
         WriteLinkedCasesComponent,
         UnLinkCasesComponent,
-        NoLinkedCasesComponent,
-        UpdateFlagWelshTranslationFormComponent
+        NoLinkedCasesComponent
     ];
     var PaletteModule = /** @class */ (function () {
         function PaletteModule() {
@@ -25520,8 +25271,7 @@
                 CheckYourAnswersComponent,
                 WriteLinkedCasesComponent,
                 UnLinkCasesComponent,
-                NoLinkedCasesComponent,
-                UpdateFlagWelshTranslationFormComponent], imports: [i1.CommonModule,
+                NoLinkedCasesComponent], imports: [i1.CommonModule,
                 i1$1.RouterModule,
                 i2.FormsModule,
                 i2.ReactiveFormsModule,
@@ -25639,8 +25389,7 @@
                 CheckYourAnswersComponent,
                 WriteLinkedCasesComponent,
                 UnLinkCasesComponent,
-                NoLinkedCasesComponent,
-                UpdateFlagWelshTranslationFormComponent] });
+                NoLinkedCasesComponent] });
     })();
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(PaletteModule, [{
@@ -30812,7 +30561,7 @@
                 i0__namespace.ɵɵadvance(3);
                 i0__namespace.ɵɵproperty("ngIf", ctx.hasTabsPresent());
             }
-        }, styles: ["th[_ngcontent-%COMP%]{width:1%;white-space:nowrap;vertical-align:top}.compound-field[_ngcontent-%COMP%]   th[_ngcontent-%COMP%]{padding:0}.case-viewer-controls[_ngcontent-%COMP%]{margin-top:47px;margin-bottom:20px}ccd-case-header[_ngcontent-%COMP%]{float:left;margin-right:10px}ccd-event-trigger[_ngcontent-%COMP%]{float:right}.case-viewer-label[_ngcontent-%COMP%]{min-width:300px;white-space:normal}.markdown[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%]{margin-bottom:0}"] });
+        }, styles: ["th[_ngcontent-%COMP%]{width:1%;white-space:nowrap;vertical-align:top}th[id*=case-viewer-field-read--][_ngcontent-%COMP%], th[id^=case-viewer-field-read--][_ngcontent-%COMP%]{border-bottom:none!important;border-style:none!important}.compound-field[_ngcontent-%COMP%]   th[_ngcontent-%COMP%]{padding:0}.case-viewer-controls[_ngcontent-%COMP%]{margin-top:47px;margin-bottom:20px}ccd-case-header[_ngcontent-%COMP%]{float:left;margin-right:10px}ccd-event-trigger[_ngcontent-%COMP%]{float:right}.case-viewer-label[_ngcontent-%COMP%]{min-width:300px;white-space:normal}.markdown[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%]{margin-bottom:0}"] });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(CaseFullAccessViewComponent, [{
                 type: i0.Component,
@@ -35573,7 +35322,6 @@
     exports.DynamicRadioListPipe = DynamicRadioListPipe;
     exports.ESQueryType = ESQueryType;
     exports.Embedded = Embedded;
-    exports.EnumDisplayDescriptionPipe = EnumDisplayDescriptionPipe;
     exports.ErrorMessageComponent = ErrorMessageComponent;
     exports.ErrorNotifierService = ErrorNotifierService;
     exports.EventCaseField = EventCaseField;
@@ -35737,7 +35485,6 @@
     exports.UnLinkCasesComponent = UnLinkCasesComponent;
     exports.UnsupportedFieldComponent = UnsupportedFieldComponent;
     exports.UpdateFlagComponent = UpdateFlagComponent;
-    exports.UpdateFlagWelshTranslationFormComponent = UpdateFlagWelshTranslationFormComponent;
     exports.WaysToPayFieldComponent = WaysToPayFieldComponent;
     exports.WindowService = WindowService;
     exports.Wizard = Wizard;