npm - @hmcts/ccd-case-ui-toolkit - Versions diffs - 6.10.7-case-flags-support-tab-changes-v3 → 6.10.7-case-flags-confirm-flag-status-step - Mend

@hmcts/ccd-case-ui-toolkit 6.10.7-case-flags-support-tab-changes-v3 → 6.10.7-case-flags-confirm-flag-status-step

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

@@ -118,7 +118,7 @@
             i0__namespace.ɵɵtextInterpolate(ctx_r1.workhours);
         }
     }
-    var _c0$Y = [[["", "footerSolsNavLinks", ""]], [["", "footerCaseWorkerNavLinks", ""]]];
+    var _c0$Z = [[["", "footerSolsNavLinks", ""]], [["", "footerCaseWorkerNavLinks", ""]]];
     var _c1$q = ["[footerSolsNavLinks]", "[footerCaseWorkerNavLinks]"];
     var FooterComponent = /** @class */ (function () {
         function FooterComponent() {
@@ -128,7 +128,7 @@
     FooterComponent.ɵfac = function FooterComponent_Factory(t) { return new (t || FooterComponent)(); };
     FooterComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: FooterComponent, selectors: [["cut-footer-bar"]], inputs: { email: "email", isSolicitor: "isSolicitor", phone: "phone", workhours: "workhours" }, ngContentSelectors: _c1$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__namespace.ɵɵprojectionDef(_c0$Y);
+                i0__namespace.ɵɵprojectionDef(_c0$Z);
                 i0__namespace.ɵɵelementStart(0, "footer", 0);
                 i0__namespace.ɵɵelementStart(1, "div", 1);
                 i0__namespace.ɵɵtemplate(2, FooterComponent_div_2_Template, 15, 0, "div", 2);
@@ -207,7 +207,7 @@
             i0__namespace.ɵɵtextInterpolate(ctx_r2.title);
         }
     }
-    var _c0$X = [[["", "headerNavigation", ""]]];
+    var _c0$Y = [[["", "headerNavigation", ""]]];
     var _c1$p = ["[headerNavigation]"];
     var HeaderBarComponent = /** @class */ (function () {
         function HeaderBarComponent() {
@@ -221,7 +221,7 @@
     HeaderBarComponent.ɵfac = function HeaderBarComponent_Factory(t) { return new (t || HeaderBarComponent)(); };
     HeaderBarComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: HeaderBarComponent, selectors: [["cut-header-bar"]], inputs: { title: "title", isSolicitor: "isSolicitor", username: "username" }, outputs: { signOutRequest: "signOutRequest" }, ngContentSelectors: _c1$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__namespace.ɵɵprojectionDef(_c0$X);
+                i0__namespace.ɵɵprojectionDef(_c0$Y);
                 i0__namespace.ɵɵelementStart(0, "header", 0);
                 i0__namespace.ɵɵelementStart(1, "div", 1);
                 i0__namespace.ɵɵelementStart(2, "div", 2);
@@ -282,7 +282,7 @@
                 }] });
     })();
-    var _c0$W = [[["", "leftNavLinks", ""]], [["", "rightNavLinks", ""]]];
+    var _c0$X = [[["", "leftNavLinks", ""]], [["", "rightNavLinks", ""]]];
     var _c1$o = ["[leftNavLinks]", "[rightNavLinks]"];
     var NavigationComponent = /** @class */ (function () {
         function NavigationComponent() {
@@ -292,7 +292,7 @@
     NavigationComponent.ɵfac = function NavigationComponent_Factory(t) { return new (t || NavigationComponent)(); };
     NavigationComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: NavigationComponent, selectors: [["cut-nav-bar"]], inputs: { isSolicitor: "isSolicitor" }, ngContentSelectors: _c1$o, decls: 4, vars: 2, consts: [[1, "cut-nav-bar"]], template: function NavigationComponent_Template(rf, ctx) {
             if (rf & 1) {
-                i0__namespace.ɵɵprojectionDef(_c0$W);
+                i0__namespace.ɵɵprojectionDef(_c0$X);
                 i0__namespace.ɵɵelementStart(0, "div");
                 i0__namespace.ɵɵelementStart(1, "nav", 0);
                 i0__namespace.ɵɵprojection(2);
@@ -437,7 +437,7 @@
             }], null, null);
     })();
-    var _c0$V = [[["", "topBody", ""]], [["", "leftBody", ""]], [["", "rightBody", ""]]];
+    var _c0$W = [[["", "topBody", ""]], [["", "leftBody", ""]], [["", "rightBody", ""]]];
     var _c1$n = ["[topBody]", "[leftBody]", "[rightBody]"];
     var BodyComponent = /** @class */ (function () {
         function BodyComponent() {
@@ -447,7 +447,7 @@
     BodyComponent.ɵfac = function BodyComponent_Factory(t) { return new (t || BodyComponent)(); };
     BodyComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: BodyComponent, selectors: [["cut-body"]], ngContentSelectors: _c1$n, decls: 4, vars: 0, consts: [[1, "global-display"]], template: function BodyComponent_Template(rf, ctx) {
             if (rf & 1) {
-                i0__namespace.ɵɵprojectionDef(_c0$V);
+                i0__namespace.ɵɵprojectionDef(_c0$W);
                 i0__namespace.ɵɵelementStart(0, "div", 0);
                 i0__namespace.ɵɵprojection(1);
                 i0__namespace.ɵɵprojection(2, 1);
@@ -794,7 +794,7 @@
         return typeof state === "function" ? receiver === state : state.has(receiver);
     }
-    var _c0$U = function (a0) { return { "govuk-input--error": a0 }; };
+    var _c0$V = function (a0) { return { "govuk-input--error": a0 }; };
     function DateInputComponent_div_16_Template(rf, ctx) {
         if (rf & 1) {
             var _r8_1 = i0__namespace.ɵɵgetCurrentView();
@@ -812,7 +812,7 @@
             i0__namespace.ɵɵadvance(1);
             i0__namespace.ɵɵproperty("for", ctx_r3.hourId());
             i0__namespace.ɵɵadvance(2);
-            i0__namespace.ɵɵproperty("id", ctx_r3.hourId())("name", ctx_r3.hourId())("value", ctx_r3.displayHour)("ngClass", i0__namespace.ɵɵpureFunction1(5, _c0$U, ctx_r3.isInvalid));
+            i0__namespace.ɵɵproperty("id", ctx_r3.hourId())("name", ctx_r3.hourId())("value", ctx_r3.displayHour)("ngClass", i0__namespace.ɵɵpureFunction1(5, _c0$V, ctx_r3.isInvalid));
         }
     }
     function DateInputComponent_div_17_Template(rf, ctx) {
@@ -832,7 +832,7 @@
             i0__namespace.ɵɵadvance(1);
             i0__namespace.ɵɵproperty("for", ctx_r4.minuteId());
             i0__namespace.ɵɵadvance(2);
-            i0__namespace.ɵɵproperty("id", ctx_r4.minuteId())("name", ctx_r4.minuteId())("value", ctx_r4.displayMinute)("ngClass", i0__namespace.ɵɵpureFunction1(5, _c0$U, ctx_r4.isInvalid));
+            i0__namespace.ɵɵproperty("id", ctx_r4.minuteId())("name", ctx_r4.minuteId())("value", ctx_r4.displayMinute)("ngClass", i0__namespace.ɵɵpureFunction1(5, _c0$V, ctx_r4.isInvalid));
         }
     }
     function DateInputComponent_div_18_Template(rf, ctx) {
@@ -852,7 +852,7 @@
             i0__namespace.ɵɵadvance(1);
             i0__namespace.ɵɵproperty("for", ctx_r5.secondId());
             i0__namespace.ɵɵadvance(2);
-            i0__namespace.ɵɵproperty("id", ctx_r5.secondId())("name", ctx_r5.secondId())("value", ctx_r5.displaySecond)("ngClass", i0__namespace.ɵɵpureFunction1(5, _c0$U, ctx_r5.isInvalid));
+            i0__namespace.ɵɵproperty("id", ctx_r5.secondId())("name", ctx_r5.secondId())("value", ctx_r5.displaySecond)("ngClass", i0__namespace.ɵɵpureFunction1(5, _c0$V, ctx_r5.isInvalid));
         }
     }
     var DateInputComponent = /** @class */ (function () {
@@ -1086,15 +1086,15 @@
                 i0__namespace.ɵɵadvance(2);
                 i0__namespace.ɵɵproperty("for", ctx.dayId());
                 i0__namespace.ɵɵadvance(2);
-                i0__namespace.ɵɵproperty("id", ctx.dayId())("name", ctx.dayId())("value", ctx.displayDay)("ngClass", i0__namespace.ɵɵpureFunction1(18, _c0$U, ctx.isInvalid));
+                i0__namespace.ɵɵproperty("id", ctx.dayId())("name", ctx.dayId())("value", ctx.displayDay)("ngClass", i0__namespace.ɵɵpureFunction1(18, _c0$V, ctx.isInvalid));
                 i0__namespace.ɵɵadvance(3);
                 i0__namespace.ɵɵproperty("for", ctx.monthId());
                 i0__namespace.ɵɵadvance(2);
-                i0__namespace.ɵɵproperty("id", ctx.monthId())("name", ctx.monthId())("value", ctx.displayMonth)("ngClass", i0__namespace.ɵɵpureFunction1(20, _c0$U, ctx.isInvalid));
+                i0__namespace.ɵɵproperty("id", ctx.monthId())("name", ctx.monthId())("value", ctx.displayMonth)("ngClass", i0__namespace.ɵɵpureFunction1(20, _c0$V, ctx.isInvalid));
                 i0__namespace.ɵɵadvance(3);
                 i0__namespace.ɵɵproperty("for", ctx.yearId());
                 i0__namespace.ɵɵadvance(2);
-                i0__namespace.ɵɵproperty("id", ctx.yearId())("name", ctx.yearId())("value", ctx.displayYear)("ngClass", i0__namespace.ɵɵpureFunction1(22, _c0$U, ctx.isInvalid));
+                i0__namespace.ɵɵproperty("id", ctx.yearId())("name", ctx.yearId())("value", ctx.displayYear)("ngClass", i0__namespace.ɵɵpureFunction1(22, _c0$V, ctx.isInvalid));
                 i0__namespace.ɵɵadvance(2);
                 i0__namespace.ɵɵproperty("ngIf", ctx.isDateTime);
                 i0__namespace.ɵɵadvance(1);
@@ -1175,7 +1175,7 @@
             i0__namespace.ɵɵelementContainerEnd();
         }
     }
-    var _c0$T = ["*"];
+    var _c0$U = ["*"];
     exports.AlertMessageType = void 0;
     (function (AlertMessageType) {
         AlertMessageType["WARNING"] = "warning";
@@ -1196,7 +1196,7 @@
     AlertComponent.TYPE_ERROR = 'error';
     AlertComponent.TYPE_INFORMATION = 'information';
     AlertComponent.ɵfac = function AlertComponent_Factory(t) { return new (t || AlertComponent)(); };
-    AlertComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: AlertComponent, selectors: [["cut-alert"]], inputs: { type: "type", showIcon: "showIcon" }, ngContentSelectors: _c0$T, decls: 10, vars: 10, consts: [[1, "hmcts-banner"], [3, "ngSwitch"], [4, "ngSwitchCase"], [1, "hmcts-banner__message"], [1, "hmcts-banner__assistive"], ["fill", "currentColor", "role", "presentation", "focusable", "false", "xmlns", "http://www.w3.org/2000/svg", "viewBox", "0 0 25 25", "height", "25", "width", "25", 1, "hmcts-banner__icon"], ["d", "M13.6,15.4h-2.3v-4.5h2.3V15.4z M13.6,19.8h-2.3v-2.2h2.3V19.8z M0,23.2h25L12.5,2L0,23.2z"], ["d", "M25,6.2L8.7,23.2L0,14.1l4-4.2l4.7,4.9L21,2L25,6.2z"], ["d", "M13.7,18.5h-2.4v-2.4h2.4V18.5z M12.5,13.7c-0.7,0-1.2-0.5-1.2-1.2V7.7c0-0.7,0.5-1.2,1.2-1.2s1.2,0.5,1.2,1.2v4.8\n      C13.7,13.2,13.2,13.7,12.5,13.7z M12.5,0.5c-6.6,0-12,5.4-12,12s5.4,12,12,12s12-5.4,12-12S19.1,0.5,12.5,0.5z"]], template: function AlertComponent_Template(rf, ctx) {
+    AlertComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: AlertComponent, selectors: [["cut-alert"]], inputs: { type: "type", showIcon: "showIcon" }, ngContentSelectors: _c0$U, decls: 10, vars: 10, consts: [[1, "hmcts-banner"], [3, "ngSwitch"], [4, "ngSwitchCase"], [1, "hmcts-banner__message"], [1, "hmcts-banner__assistive"], ["fill", "currentColor", "role", "presentation", "focusable", "false", "xmlns", "http://www.w3.org/2000/svg", "viewBox", "0 0 25 25", "height", "25", "width", "25", 1, "hmcts-banner__icon"], ["d", "M13.6,15.4h-2.3v-4.5h2.3V15.4z M13.6,19.8h-2.3v-2.2h2.3V19.8z M0,23.2h25L12.5,2L0,23.2z"], ["d", "M25,6.2L8.7,23.2L0,14.1l4-4.2l4.7,4.9L21,2L25,6.2z"], ["d", "M13.7,18.5h-2.4v-2.4h2.4V18.5z M12.5,13.7c-0.7,0-1.2-0.5-1.2-1.2V7.7c0-0.7,0.5-1.2,1.2-1.2s1.2,0.5,1.2,1.2v4.8\n      C13.7,13.2,13.2,13.7,12.5,13.7z M12.5,0.5c-6.6,0-12,5.4-12,12s5.4,12,12,12s12-5.4,12-12S19.1,0.5,12.5,0.5z"]], template: function AlertComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0__namespace.ɵɵprojectionDef();
                 i0__namespace.ɵɵelementStart(0, "div", 0);
@@ -1471,7 +1471,7 @@
                 }] });
     })();
-    var _c0$S = function (a0) { return { "js-hidden": a0 }; };
+    var _c0$T = function (a0) { return { "js-hidden": a0 }; };
     var _c1$m = ["*"];
     var TabComponent = /** @class */ (function () {
         function TabComponent() {
@@ -1487,7 +1487,7 @@
                 i0__namespace.ɵɵelementEnd();
             }
             if (rf & 2) {
-                i0__namespace.ɵɵproperty("id", ctx.id)("ngClass", i0__namespace.ɵɵpureFunction1(3, _c0$S, !ctx.selected));
+                i0__namespace.ɵɵproperty("id", ctx.id)("ngClass", i0__namespace.ɵɵpureFunction1(3, _c0$T, !ctx.selected));
                 i0__namespace.ɵɵattribute("aria-hidden", !ctx.selected);
             }
         }, directives: [i1__namespace.NgClass], styles: [".tabs-toggle[_ngcontent-%COMP%]{display:block;padding:10px 15px 3px;margin-bottom:8px}.tabs-toggle[aria-selected=true][_ngcontent-%COMP%]{color:#0b0c0c;text-decoration:none;border-bottom:none}.tabs-toggle[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]{color:#005ea5}@media (max-width:640px){.tabs-list[_ngcontent-%COMP%]{border-bottom:1px solid #bfc1c3;margin-left:-15px;margin-right:-15px}.tabs-toggle[_ngcontent-%COMP%]{border-top:1px solid #bfc1c3}.tabs-toggle[_ngcontent-%COMP%]:focus{color:#0b0c0c;outline:none}}@media (min-width:641px){.tabs-panel[_ngcontent-%COMP%]{border-top:1px solid #bfc1c3;clear:both;overflow:hidden}.tabs-list[_ngcontent-%COMP%]{float:left}.tabs-list-item[_ngcontent-%COMP%]{float:left;position:relative;bottom:-1px;padding-top:10px}.tabs-toggle[_ngcontent-%COMP%]{background-color:#dee0e2;border:1px solid transparent;float:left;margin:0 6px 0 0;text-decoration:none}.tabs-toggle[_ngcontent-%COMP%]:visited{color:#005ea5}.tabs-toggle-selected[_ngcontent-%COMP%], .tabs-toggle[aria-selected=true][_ngcontent-%COMP%]{background-color:#fff;border-bottom:0;border-color:#bfc1c3;padding-bottom:11px;margin-bottom:0;color:#0b0c0c}}"] });
@@ -1510,7 +1510,7 @@
                 }] });
     })();
-    var _c0$R = ["tab"];
+    var _c0$S = ["tab"];
     var _c1$l = function () { return ["."]; };
     var _c2$3 = function (a0) { return { "tabs-toggle-selected": a0 }; };
     function TabsComponent_li_2_Template(rf, ctx) {
@@ -1564,7 +1564,7 @@
             }
         }, viewQuery: function TabsComponent_Query(rf, ctx) {
             if (rf & 1) {
-                i0__namespace.ɵɵviewQuery(_c0$R, 1);
+                i0__namespace.ɵɵviewQuery(_c0$S, 1);
             }
             if (rf & 2) {
                 var _t = void 0;
@@ -1643,7 +1643,7 @@
             }], null, null);
     })();
-    var _c0$Q = function (a0, a1) { return { caseLocked: a0, someoneViewing: a1 }; };
+    var _c0$R = function (a0, a1) { return { caseLocked: a0, someoneViewing: a1 }; };
     var ActivityBannerComponent = /** @class */ (function () {
         function ActivityBannerComponent() {
         }
@@ -1664,7 +1664,7 @@
                 i0__namespace.ɵɵelementEnd();
             }
             if (rf & 2) {
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction2(4, _c0$Q, ctx.bannerType === "editor", ctx.bannerType === "viewer"));
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction2(4, _c0$R, ctx.bannerType === "editor", ctx.bannerType === "viewer"));
                 i0__namespace.ɵɵadvance(2);
                 i0__namespace.ɵɵpropertyInterpolate("alt", ctx.description);
                 i0__namespace.ɵɵpropertyInterpolate("src", ctx.imageLink, i0__namespace.ɵɵsanitizeUrl);
@@ -2549,9 +2549,9 @@
     exports.CaseFlagStatus = void 0;
     (function (CaseFlagStatus) {
+        CaseFlagStatus["REQUESTED"] = "Requested";
         CaseFlagStatus["ACTIVE"] = "Active";
         CaseFlagStatus["INACTIVE"] = "Inactive";
-        CaseFlagStatus["REQUESTED"] = "Requested";
         CaseFlagStatus["NOT_APPROVED"] = "Not approved";
     })(exports.CaseFlagStatus || (exports.CaseFlagStatus = {}));
@@ -11465,7 +11465,7 @@
         return AddressOption;
     }());
-    var _c0$P = ["writeComplexFieldComponent"];
+    var _c0$Q = ["writeComplexFieldComponent"];
     function WriteAddressFieldComponent_div_1_div_4_span_4_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "span", 14);
@@ -11679,7 +11679,7 @@
     WriteAddressFieldComponent.ɵfac = function WriteAddressFieldComponent_Factory(t) { return new (t || WriteAddressFieldComponent)(i0__namespace.ɵɵdirectiveInject(AddressesService), i0__namespace.ɵɵdirectiveInject(IsCompoundPipe)); };
     WriteAddressFieldComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: WriteAddressFieldComponent, selectors: [["ccd-write-address-field"]], viewQuery: function WriteAddressFieldComponent_Query(rf, ctx) {
             if (rf & 1) {
-                i0__namespace.ɵɵviewQuery(_c0$P, 1);
+                i0__namespace.ɵɵviewQuery(_c0$Q, 1);
                 i0__namespace.ɵɵviewQuery(FocusElementDirective, 1);
             }
             if (rf & 2) {
@@ -12012,11 +12012,18 @@
         CaseFlagWizardStepTitle["SEARCH_LANGUAGE_INTERPRETER"] = "Search for a language interpreter";
         CaseFlagWizardStepTitle["SEARCH_SIGN_LANGUAGE_INTERPRETER"] = "Search for a sign language interpreter";
         CaseFlagWizardStepTitle["ADD_FLAG_COMMENTS"] = "Add comments for this flag";
+        CaseFlagWizardStepTitle["CONFIRM_FLAG_STATUS"] = "Confirm the status of the flag";
         CaseFlagWizardStepTitle["FLAG_STATUS"] = "Flag status";
         CaseFlagWizardStepTitle["MANAGE_CASE_FLAGS"] = "Manage case flags";
         CaseFlagWizardStepTitle["UPDATE_FLAG_TITLE"] = "Update flag";
     })(exports.CaseFlagWizardStepTitle || (exports.CaseFlagWizardStepTitle = {}));
+    exports.ConfirmStatusStep = void 0;
+    (function (ConfirmStatusStep) {
+        ConfirmStatusStep["HINT_TEXT"] = "Describe reason for status; if choosing 'Not approved' provide name of person approving decision.";
+        ConfirmStatusStep["CHARACTER_LIMIT_INFO"] = "You can enter up to 200 characters";
+    })(exports.ConfirmStatusStep || (exports.ConfirmStatusStep = {}));
     exports.SearchLanguageInterpreterErrorMessage = void 0;
     (function (SearchLanguageInterpreterErrorMessage) {
         SearchLanguageInterpreterErrorMessage["LANGUAGE_NOT_ENTERED"] = "Enter the language that will need to be interpreted";
@@ -12057,8 +12064,9 @@
         CaseFlagFieldState[CaseFlagFieldState["FLAG_TYPE"] = 1] = "FLAG_TYPE";
         CaseFlagFieldState[CaseFlagFieldState["FLAG_LANGUAGE_INTERPRETER"] = 2] = "FLAG_LANGUAGE_INTERPRETER";
         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_STATUS"] = 4] = "FLAG_STATUS";
+        CaseFlagFieldState[CaseFlagFieldState["FLAG_MANAGE_CASE_FLAGS"] = 5] = "FLAG_MANAGE_CASE_FLAGS";
+        CaseFlagFieldState[CaseFlagFieldState["FLAG_UPDATE"] = 6] = "FLAG_UPDATE";
     })(exports.CaseFlagFieldState || (exports.CaseFlagFieldState = {}));
     exports.CaseFlagText = void 0;
     (function (CaseFlagText) {
@@ -12075,7 +12083,7 @@
     (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["STATUS_HINT_TEXT"] = "Describe reason for status change; if choosing 'Not approved' provide name of person approving decision.";
     })(exports.UpdateFlagStep || (exports.UpdateFlagStep = {}));
     var CaseFlagStateService = /** @class */ (function () {
@@ -12098,10 +12106,10 @@
     function ReadCaseFlagFieldComponent_ng_container_1_Template(rf, ctx) {
         if (rf & 1) {
-            var _r4_1 = i0__namespace.ɵɵgetCurrentView();
+            var _r3_1 = i0__namespace.ɵɵgetCurrentView();
             i0__namespace.ɵɵelementContainerStart(0);
             i0__namespace.ɵɵelementStart(1, "ccd-case-flag-summary-list", 3);
-            i0__namespace.ɵɵlistener("changeButtonEmitter", function ReadCaseFlagFieldComponent_ng_container_1_Template_ccd_case_flag_summary_list_changeButtonEmitter_1_listener($event) { i0__namespace.ɵɵrestoreView(_r4_1); var ctx_r3 = i0__namespace.ɵɵnextContext(); return ctx_r3.navigateBackToForm($event); });
+            i0__namespace.ɵɵlistener("changeButtonEmitter", function ReadCaseFlagFieldComponent_ng_container_1_Template_ccd_case_flag_summary_list_changeButtonEmitter_1_listener($event) { i0__namespace.ɵɵrestoreView(_r3_1); var ctx_r2 = i0__namespace.ɵɵnextContext(); return ctx_r2.navigateBackToForm($event); });
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementContainerEnd();
         }
@@ -12111,19 +12119,19 @@
             i0__namespace.ɵɵproperty("flagForSummaryDisplay", ctx_r0.flagForSummaryDisplay)("summaryListDisplayMode", ctx_r0.summaryListDisplayMode);
         }
     }
-    function ReadCaseFlagFieldComponent_ng_container_4_div_3_ccd_case_flag_table_1_Template(rf, ctx) {
+    function ReadCaseFlagFieldComponent_ng_container_2_div_3_ccd_case_flag_table_1_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelement(0, "ccd-case-flag-table", 7);
+            i0__namespace.ɵɵelement(0, "ccd-case-flag-table", 8);
         }
         if (rf & 2) {
             var flagData_r6 = i0__namespace.ɵɵnextContext().$implicit;
-            i0__namespace.ɵɵproperty("tableCaption", "")("flagData", flagData_r6)("firstColumnHeader", flagData_r6.flags.partyName);
+            i0__namespace.ɵɵproperty("tableCaption", flagData_r6.flags.partyName)("flagData", flagData_r6)("firstColumnHeader", "Party level flags");
         }
     }
-    function ReadCaseFlagFieldComponent_ng_container_4_div_3_Template(rf, ctx) {
+    function ReadCaseFlagFieldComponent_ng_container_2_div_3_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "div");
-            i0__namespace.ɵɵtemplate(1, ReadCaseFlagFieldComponent_ng_container_4_div_3_ccd_case_flag_table_1_Template, 1, 3, "ccd-case-flag-table", 6);
+            i0__namespace.ɵɵtemplate(1, ReadCaseFlagFieldComponent_ng_container_2_div_3_ccd_case_flag_table_1_Template, 1, 3, "ccd-case-flag-table", 7);
             i0__namespace.ɵɵelementEnd();
         }
         if (rf & 2) {
@@ -12132,70 +12140,34 @@
             i0__namespace.ɵɵproperty("ngIf", flagData_r6.flags.partyName);
         }
     }
-    function ReadCaseFlagFieldComponent_ng_container_4_Template(rf, ctx) {
-        if (rf & 1) {
-            i0__namespace.ɵɵelementContainerStart(0);
-            i0__namespace.ɵɵelementStart(1, "h2", 4);
-            i0__namespace.ɵɵtext(2, " Support requested ");
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵtemplate(3, ReadCaseFlagFieldComponent_ng_container_4_div_3_Template, 2, 1, "div", 5);
-            i0__namespace.ɵɵelementContainerEnd();
-        }
-        if (rf & 2) {
-            var ctx_r1 = i0__namespace.ɵɵnextContext();
-            i0__namespace.ɵɵadvance(3);
-            i0__namespace.ɵɵproperty("ngForOf", ctx_r1.partyLevelCaseFlagData);
-        }
-    }
-    function ReadCaseFlagFieldComponent_ng_container_5_div_3_ccd_case_flag_table_1_Template(rf, ctx) {
-        if (rf & 1) {
-            i0__namespace.ɵɵelement(0, "ccd-case-flag-table", 7);
-        }
-        if (rf & 2) {
-            var flagData_r11 = i0__namespace.ɵɵnextContext().$implicit;
-            i0__namespace.ɵɵproperty("tableCaption", flagData_r11.flags.partyName)("flagData", flagData_r11)("firstColumnHeader", "Party level flags");
-        }
-    }
-    function ReadCaseFlagFieldComponent_ng_container_5_div_3_Template(rf, ctx) {
-        if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "div");
-            i0__namespace.ɵɵtemplate(1, ReadCaseFlagFieldComponent_ng_container_5_div_3_ccd_case_flag_table_1_Template, 1, 3, "ccd-case-flag-table", 6);
-            i0__namespace.ɵɵelementEnd();
-        }
-        if (rf & 2) {
-            var flagData_r11 = ctx.$implicit;
-            i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("ngIf", flagData_r11.flags.partyName);
-        }
-    }
-    function ReadCaseFlagFieldComponent_ng_container_5_div_4_Template(rf, ctx) {
+    function ReadCaseFlagFieldComponent_ng_container_2_div_4_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "div");
-            i0__namespace.ɵɵelement(1, "ccd-case-flag-table", 7);
+            i0__namespace.ɵɵelement(1, "ccd-case-flag-table", 8);
             i0__namespace.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var ctx_r10 = i0__namespace.ɵɵnextContext(2);
+            var ctx_r5 = i0__namespace.ɵɵnextContext(2);
             i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("tableCaption", "Case level flags")("flagData", ctx_r10.caseLevelCaseFlagData)("firstColumnHeader", "Case flags");
+            i0__namespace.ɵɵproperty("tableCaption", "Case level flags")("flagData", ctx_r5.caseLevelCaseFlagData)("firstColumnHeader", "Case flags");
         }
     }
-    function ReadCaseFlagFieldComponent_ng_container_5_Template(rf, ctx) {
+    function ReadCaseFlagFieldComponent_ng_container_2_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementContainerStart(0);
             i0__namespace.ɵɵelementStart(1, "h2", 4);
-            i0__namespace.ɵɵtext(2, " Case flags ");
+            i0__namespace.ɵɵtext(2, "Case flags");
             i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵtemplate(3, ReadCaseFlagFieldComponent_ng_container_5_div_3_Template, 2, 1, "div", 5);
-            i0__namespace.ɵɵtemplate(4, ReadCaseFlagFieldComponent_ng_container_5_div_4_Template, 2, 3, "div", 8);
+            i0__namespace.ɵɵtemplate(3, ReadCaseFlagFieldComponent_ng_container_2_div_3_Template, 2, 1, "div", 5);
+            i0__namespace.ɵɵtemplate(4, ReadCaseFlagFieldComponent_ng_container_2_div_4_Template, 2, 3, "div", 6);
             i0__namespace.ɵɵelementContainerEnd();
         }
         if (rf & 2) {
-            var ctx_r2 = i0__namespace.ɵɵnextContext();
+            var ctx_r1 = i0__namespace.ɵɵnextContext();
             i0__namespace.ɵɵadvance(3);
-            i0__namespace.ɵɵproperty("ngForOf", ctx_r2.partyLevelCaseFlagData);
+            i0__namespace.ɵɵproperty("ngForOf", ctx_r1.partyLevelCaseFlagData);
             i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("ngIf", ctx_r2.caseLevelCaseFlagData);
+            i0__namespace.ɵɵproperty("ngIf", ctx_r1.caseLevelCaseFlagData);
         }
     }
     var ReadCaseFlagFieldComponent = /** @class */ (function (_super) {
@@ -12206,20 +12178,14 @@
             _this.router = router;
             _this.caseFlagStateService = caseFlagStateService;
             _this.paletteContext = exports.PaletteContext;
-            _this.displayContextParameter = '';
             _this.caseLevelCaseFlagsFieldId = 'caseFlags';
             _this.caseNameMissing = 'Case name missing';
-            _this.readSupportMode = '#ARGUMENT(READ,EXTERNAL)';
             _this.createMode = '#ARGUMENT(CREATE)';
             _this.updateMode = '#ARGUMENT(UPDATE)';
             return _this;
         }
         ReadCaseFlagFieldComponent.prototype.ngOnInit = function () {
             var _this = this;
-            var _a, _b;
-            var flagLauncherControlName = Object.keys(this.formGroup.controls).find(function (controlName) { return FieldsUtils.isFlagLauncherCaseField(_this.formGroup.get(controlName)['caseField']); });
-            var flagLauncherComponent = (_a = this.formGroup.get(flagLauncherControlName)) === null || _a === void 0 ? void 0 : _a['component'];
-            this.displayContextParameter = (_b = flagLauncherComponent === null || flagLauncherComponent === void 0 ? void 0 : flagLauncherComponent.caseField) === null || _b === void 0 ? void 0 : _b.display_context_parameter;
             // If the context is PaletteContext.DEFAULT, the Flags fields need to be located by CaseTab (they won't be present
             // in the FormGroup - only the FlagLauncher field is present)
             if (this.context === exports.PaletteContext.DEFAULT) {
@@ -12244,7 +12210,9 @@
                 // The FlagLauncher component, WriteCaseFlagFieldComponent, holds a reference to:
                 // i) the parent FormGroup for the Flags instance where changes have been made;
                 // ii) the currently selected flag (selectedFlag) if one exists
-                if (flagLauncherComponent) {
+                var flagLauncherControlName = Object.keys(this.formGroup.controls).find(function (controlName) { return FieldsUtils.isFlagLauncherCaseField(_this.formGroup.get(controlName)['caseField']); });
+                if (flagLauncherControlName && this.formGroup.get(flagLauncherControlName)['component']) {
+                    var flagLauncherComponent = this.formGroup.get(flagLauncherControlName)['component'];
                     // The FlagLauncher component holds a reference (selectedFlagsLocation) containing the CaseField instance to
                     // which the new flag has been added
                     if (flagLauncherComponent.caseField.display_context_parameter === this.createMode &&
@@ -12296,26 +12264,17 @@
         return ReadCaseFlagFieldComponent;
     }(AbstractFieldReadComponent));
     ReadCaseFlagFieldComponent.ɵfac = function ReadCaseFlagFieldComponent_Factory(t) { return new (t || ReadCaseFlagFieldComponent)(i0__namespace.ɵɵdirectiveInject(i1__namespace$1.ActivatedRoute), i0__namespace.ɵɵdirectiveInject(i1__namespace$1.Router), i0__namespace.ɵɵdirectiveInject(CaseFlagStateService)); };
-    ReadCaseFlagFieldComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: ReadCaseFlagFieldComponent, selectors: [["ccd-read-case-flag-field"]], features: [i0__namespace.ɵɵInheritDefinitionFeature], decls: 6, vars: 4, consts: [[3, "ngSwitch"], [4, "ngSwitchCase"], [4, "ngSwitchDefault"], [3, "flagForSummaryDisplay", "summaryListDisplayMode", "changeButtonEmitter"], ["id", "read-case-flag-title", 1, "govuk-heading-l"], [4, "ngFor", "ngForOf"], [3, "tableCaption", "flagData", "firstColumnHeader", 4, "ngIf"], [3, "tableCaption", "flagData", "firstColumnHeader"], [4, "ngIf"]], template: function ReadCaseFlagFieldComponent_Template(rf, ctx) {
+    ReadCaseFlagFieldComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: ReadCaseFlagFieldComponent, selectors: [["ccd-read-case-flag-field"]], features: [i0__namespace.ɵɵInheritDefinitionFeature], decls: 3, vars: 2, consts: [[3, "ngSwitch"], [4, "ngSwitchCase"], [4, "ngSwitchDefault"], [3, "flagForSummaryDisplay", "summaryListDisplayMode", "changeButtonEmitter"], [1, "govuk-heading-l"], [4, "ngFor", "ngForOf"], [4, "ngIf"], [3, "tableCaption", "flagData", "firstColumnHeader", 4, "ngIf"], [3, "tableCaption", "flagData", "firstColumnHeader"]], template: function ReadCaseFlagFieldComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0__namespace.ɵɵelementContainerStart(0, 0);
                 i0__namespace.ɵɵtemplate(1, ReadCaseFlagFieldComponent_ng_container_1_Template, 2, 2, "ng-container", 1);
-                i0__namespace.ɵɵelementContainerStart(2);
-                i0__namespace.ɵɵelementContainerStart(3, 0);
-                i0__namespace.ɵɵtemplate(4, ReadCaseFlagFieldComponent_ng_container_4_Template, 4, 1, "ng-container", 1);
-                i0__namespace.ɵɵtemplate(5, ReadCaseFlagFieldComponent_ng_container_5_Template, 5, 2, "ng-container", 2);
-                i0__namespace.ɵɵelementContainerEnd();
-                i0__namespace.ɵɵelementContainerEnd();
+                i0__namespace.ɵɵtemplate(2, ReadCaseFlagFieldComponent_ng_container_2_Template, 5, 2, "ng-container", 2);
                 i0__namespace.ɵɵelementContainerEnd();
             }
             if (rf & 2) {
                 i0__namespace.ɵɵproperty("ngSwitch", ctx.context);
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("ngSwitchCase", ctx.paletteContext.CHECK_YOUR_ANSWER);
-                i0__namespace.ɵɵadvance(2);
-                i0__namespace.ɵɵproperty("ngSwitch", ctx.displayContextParameter);
-                i0__namespace.ɵɵadvance(1);
-                i0__namespace.ɵɵproperty("ngSwitchCase", ctx.readSupportMode);
             }
         }, styles: [".govuk-heading-l[_ngcontent-%COMP%]{margin-top:30px}"] });
     (function () {
@@ -12366,10 +12325,10 @@
     }
     function WriteCaseFlagFieldComponent_div_1_ng_container_4_Template(rf, ctx) {
         if (rf & 1) {
-            var _r12_1 = i0__namespace.ɵɵgetCurrentView();
+            var _r13_1 = i0__namespace.ɵɵgetCurrentView();
             i0__namespace.ɵɵelementContainerStart(0);
             i0__namespace.ɵɵelementStart(1, "ccd-select-flag-location", 12);
-            i0__namespace.ɵɵlistener("caseFlagStateEmitter", function WriteCaseFlagFieldComponent_div_1_ng_container_4_Template_ccd_select_flag_location_caseFlagStateEmitter_1_listener($event) { i0__namespace.ɵɵrestoreView(_r12_1); var ctx_r11 = i0__namespace.ɵɵnextContext(2); return ctx_r11.onCaseFlagStateEmitted($event); });
+            i0__namespace.ɵɵlistener("caseFlagStateEmitter", function WriteCaseFlagFieldComponent_div_1_ng_container_4_Template_ccd_select_flag_location_caseFlagStateEmitter_1_listener($event) { i0__namespace.ɵɵrestoreView(_r13_1); var ctx_r12 = i0__namespace.ɵɵnextContext(2); return ctx_r12.onCaseFlagStateEmitted($event); });
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementContainerEnd();
         }
@@ -12381,10 +12340,10 @@
     }
     function WriteCaseFlagFieldComponent_div_1_ng_container_5_Template(rf, ctx) {
         if (rf & 1) {
-            var _r14_1 = i0__namespace.ɵɵgetCurrentView();
+            var _r15_1 = i0__namespace.ɵɵgetCurrentView();
             i0__namespace.ɵɵelementContainerStart(0);
             i0__namespace.ɵɵelementStart(1, "ccd-select-flag-type", 13);
-            i0__namespace.ɵɵlistener("caseFlagStateEmitter", function WriteCaseFlagFieldComponent_div_1_ng_container_5_Template_ccd_select_flag_type_caseFlagStateEmitter_1_listener($event) { i0__namespace.ɵɵrestoreView(_r14_1); var ctx_r13 = i0__namespace.ɵɵnextContext(2); return ctx_r13.onCaseFlagStateEmitted($event); })("flagCommentsOptionalEmitter", function WriteCaseFlagFieldComponent_div_1_ng_container_5_Template_ccd_select_flag_type_flagCommentsOptionalEmitter_1_listener($event) { i0__namespace.ɵɵrestoreView(_r14_1); var ctx_r15 = i0__namespace.ɵɵnextContext(2); return ctx_r15.onFlagCommentsOptionalEmitted($event); });
+            i0__namespace.ɵɵlistener("caseFlagStateEmitter", function WriteCaseFlagFieldComponent_div_1_ng_container_5_Template_ccd_select_flag_type_caseFlagStateEmitter_1_listener($event) { i0__namespace.ɵɵrestoreView(_r15_1); var ctx_r14 = i0__namespace.ɵɵnextContext(2); return ctx_r14.onCaseFlagStateEmitted($event); })("flagCommentsOptionalEmitter", function WriteCaseFlagFieldComponent_div_1_ng_container_5_Template_ccd_select_flag_type_flagCommentsOptionalEmitter_1_listener($event) { i0__namespace.ɵɵrestoreView(_r15_1); var ctx_r16 = i0__namespace.ɵɵnextContext(2); return ctx_r16.onFlagCommentsOptionalEmitted($event); });
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementContainerEnd();
         }
@@ -12396,10 +12355,10 @@
     }
     function WriteCaseFlagFieldComponent_div_1_ng_container_6_Template(rf, ctx) {
         if (rf & 1) {
-            var _r17_1 = i0__namespace.ɵɵgetCurrentView();
+            var _r18_1 = i0__namespace.ɵɵgetCurrentView();
             i0__namespace.ɵɵelementContainerStart(0);
             i0__namespace.ɵɵelementStart(1, "ccd-search-language-interpreter", 14);
-            i0__namespace.ɵɵlistener("caseFlagStateEmitter", function WriteCaseFlagFieldComponent_div_1_ng_container_6_Template_ccd_search_language_interpreter_caseFlagStateEmitter_1_listener($event) { i0__namespace.ɵɵrestoreView(_r17_1); var ctx_r16 = i0__namespace.ɵɵnextContext(2); return ctx_r16.onCaseFlagStateEmitted($event); });
+            i0__namespace.ɵɵlistener("caseFlagStateEmitter", function WriteCaseFlagFieldComponent_div_1_ng_container_6_Template_ccd_search_language_interpreter_caseFlagStateEmitter_1_listener($event) { i0__namespace.ɵɵrestoreView(_r18_1); var ctx_r17 = i0__namespace.ɵɵnextContext(2); return ctx_r17.onCaseFlagStateEmitted($event); });
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementContainerEnd();
         }
@@ -12411,10 +12370,10 @@
     }
     function WriteCaseFlagFieldComponent_div_1_ng_container_7_Template(rf, ctx) {
         if (rf & 1) {
-            var _r19_1 = i0__namespace.ɵɵgetCurrentView();
+            var _r20_1 = i0__namespace.ɵɵgetCurrentView();
             i0__namespace.ɵɵelementContainerStart(0);
             i0__namespace.ɵɵelementStart(1, "ccd-add-comments", 15);
-            i0__namespace.ɵɵlistener("caseFlagStateEmitter", function WriteCaseFlagFieldComponent_div_1_ng_container_7_Template_ccd_add_comments_caseFlagStateEmitter_1_listener($event) { i0__namespace.ɵɵrestoreView(_r19_1); var ctx_r18 = i0__namespace.ɵɵnextContext(2); return ctx_r18.onCaseFlagStateEmitted($event); });
+            i0__namespace.ɵɵlistener("caseFlagStateEmitter", function WriteCaseFlagFieldComponent_div_1_ng_container_7_Template_ccd_add_comments_caseFlagStateEmitter_1_listener($event) { i0__namespace.ɵɵrestoreView(_r20_1); var ctx_r19 = i0__namespace.ɵɵnextContext(2); return ctx_r19.onCaseFlagStateEmitted($event); });
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementContainerEnd();
         }
@@ -12424,7 +12383,22 @@
             i0__namespace.ɵɵproperty("formGroup", ctx_r10.caseFlagParentFormGroup)("optional", ctx_r10.flagCommentsOptional);
         }
     }
-    var _c0$O = function (a0) { return { "form-group-error": a0 }; };
+    function WriteCaseFlagFieldComponent_div_1_ng_container_8_Template(rf, ctx) {
+        if (rf & 1) {
+            var _r22_1 = i0__namespace.ɵɵgetCurrentView();
+            i0__namespace.ɵɵelementContainerStart(0);
+            i0__namespace.ɵɵelementStart(1, "ccd-confirm-flag-status", 16);
+            i0__namespace.ɵɵlistener("caseFlagStateEmitter", function WriteCaseFlagFieldComponent_div_1_ng_container_8_Template_ccd_confirm_flag_status_caseFlagStateEmitter_1_listener($event) { i0__namespace.ɵɵrestoreView(_r22_1); var ctx_r21 = i0__namespace.ɵɵnextContext(2); return ctx_r21.onCaseFlagStateEmitted($event); });
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementContainerEnd();
+        }
+        if (rf & 2) {
+            var ctx_r11 = i0__namespace.ɵɵnextContext(2);
+            i0__namespace.ɵɵadvance(1);
+            i0__namespace.ɵɵproperty("formGroup", ctx_r11.caseFlagParentFormGroup)("defaultStatus", ctx_r11.flagType.defaultStatus);
+        }
+    }
+    var _c0$P = function (a0) { return { "form-group-error": a0 }; };
     function WriteCaseFlagFieldComponent_div_1_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "div", 8);
@@ -12436,6 +12410,7 @@
             i0__namespace.ɵɵtemplate(5, WriteCaseFlagFieldComponent_div_1_ng_container_5_Template, 2, 2, "ng-container", 11);
             i0__namespace.ɵɵtemplate(6, WriteCaseFlagFieldComponent_div_1_ng_container_6_Template, 2, 3, "ng-container", 11);
             i0__namespace.ɵɵtemplate(7, WriteCaseFlagFieldComponent_div_1_ng_container_7_Template, 2, 2, "ng-container", 11);
+            i0__namespace.ɵɵtemplate(8, WriteCaseFlagFieldComponent_div_1_ng_container_8_Template, 2, 2, "ng-container", 11);
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
         }
@@ -12445,7 +12420,7 @@
             i0__namespace.ɵɵadvance(1);
             i0__namespace.ɵɵproperty("ngSwitch", ctx_r1.fieldState);
             i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(8, _c0$O, ctx_r1.errorMessages.length > 0));
+            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(9, _c0$P, ctx_r1.errorMessages.length > 0));
             i0__namespace.ɵɵadvance(1);
             i0__namespace.ɵɵtextInterpolate1(" ", ctx_r1.createFlagCaption, " ");
             i0__namespace.ɵɵadvance(1);
@@ -12456,36 +12431,38 @@
             i0__namespace.ɵɵproperty("ngSwitchCase", ctx_r1.caseFlagFieldState.FLAG_LANGUAGE_INTERPRETER);
             i0__namespace.ɵɵadvance(1);
             i0__namespace.ɵɵproperty("ngSwitchCase", ctx_r1.caseFlagFieldState.FLAG_COMMENTS);
+            i0__namespace.ɵɵadvance(1);
+            i0__namespace.ɵɵproperty("ngSwitchCase", ctx_r1.caseFlagFieldState.FLAG_STATUS);
         }
     }
     function WriteCaseFlagFieldComponent_div_2_ng_container_2_Template(rf, ctx) {
         if (rf & 1) {
-            var _r23_1 = i0__namespace.ɵɵgetCurrentView();
+            var _r26_1 = i0__namespace.ɵɵgetCurrentView();
             i0__namespace.ɵɵelementContainerStart(0);
-            i0__namespace.ɵɵelementStart(1, "ccd-manage-case-flags", 16);
-            i0__namespace.ɵɵlistener("caseFlagStateEmitter", function WriteCaseFlagFieldComponent_div_2_ng_container_2_Template_ccd_manage_case_flags_caseFlagStateEmitter_1_listener($event) { i0__namespace.ɵɵrestoreView(_r23_1); var ctx_r22 = i0__namespace.ɵɵnextContext(2); return ctx_r22.onCaseFlagStateEmitted($event); });
+            i0__namespace.ɵɵelementStart(1, "ccd-manage-case-flags", 17);
+            i0__namespace.ɵɵlistener("caseFlagStateEmitter", function WriteCaseFlagFieldComponent_div_2_ng_container_2_Template_ccd_manage_case_flags_caseFlagStateEmitter_1_listener($event) { i0__namespace.ɵɵrestoreView(_r26_1); var ctx_r25 = i0__namespace.ɵɵnextContext(2); return ctx_r25.onCaseFlagStateEmitted($event); });
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementContainerEnd();
         }
         if (rf & 2) {
-            var ctx_r20 = i0__namespace.ɵɵnextContext(2);
+            var ctx_r23 = i0__namespace.ɵɵnextContext(2);
             i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("formGroup", ctx_r20.caseFlagParentFormGroup)("flagsData", ctx_r20.flagsData)("caseTitle", ctx_r20.caseTitle);
+            i0__namespace.ɵɵproperty("formGroup", ctx_r23.caseFlagParentFormGroup)("flagsData", ctx_r23.flagsData)("caseTitle", ctx_r23.caseTitle);
         }
     }
     function WriteCaseFlagFieldComponent_div_2_ng_container_3_Template(rf, ctx) {
         if (rf & 1) {
-            var _r25_1 = i0__namespace.ɵɵgetCurrentView();
+            var _r28_1 = i0__namespace.ɵɵgetCurrentView();
             i0__namespace.ɵɵelementContainerStart(0);
-            i0__namespace.ɵɵelementStart(1, "ccd-update-flag", 17);
-            i0__namespace.ɵɵlistener("caseFlagStateEmitter", function WriteCaseFlagFieldComponent_div_2_ng_container_3_Template_ccd_update_flag_caseFlagStateEmitter_1_listener($event) { i0__namespace.ɵɵrestoreView(_r25_1); var ctx_r24 = i0__namespace.ɵɵnextContext(2); return ctx_r24.onCaseFlagStateEmitted($event); });
+            i0__namespace.ɵɵelementStart(1, "ccd-update-flag", 18);
+            i0__namespace.ɵɵlistener("caseFlagStateEmitter", function WriteCaseFlagFieldComponent_div_2_ng_container_3_Template_ccd_update_flag_caseFlagStateEmitter_1_listener($event) { i0__namespace.ɵɵrestoreView(_r28_1); var ctx_r27 = i0__namespace.ɵɵnextContext(2); return ctx_r27.onCaseFlagStateEmitted($event); });
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementContainerEnd();
         }
         if (rf & 2) {
-            var ctx_r21 = i0__namespace.ɵɵnextContext(2);
+            var ctx_r24 = i0__namespace.ɵɵnextContext(2);
             i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("formGroup", ctx_r21.caseFlagParentFormGroup)("selectedFlag", ctx_r21.selectedFlag);
+            i0__namespace.ɵɵproperty("formGroup", ctx_r24.caseFlagParentFormGroup)("selectedFlag", ctx_r24.selectedFlag);
         }
     }
     function WriteCaseFlagFieldComponent_div_2_Template(rf, ctx) {
@@ -12608,9 +12585,9 @@
             this.selectedFlag = caseFlagState.selectedFlag;
             // Validation succeeded; proceed to next state or final review stage ("Check your answers")
             if (this.errorMessages.length === 0) {
-                // If the current state is CaseFlagFieldState.FLAG_COMMENTS or CaseFlagFieldState.FLAG_UPDATE, move to final
+                // If the current state is CaseFlagFieldState.FLAG_STATUS or CaseFlagFieldState.FLAG_UPDATE, move to final
                 // review stage
-                if (caseFlagState.currentCaseFlagFieldState === exports.CaseFlagFieldState.FLAG_COMMENTS ||
+                if (caseFlagState.currentCaseFlagFieldState === exports.CaseFlagFieldState.FLAG_STATUS ||
                     caseFlagState.currentCaseFlagFieldState === exports.CaseFlagFieldState.FLAG_UPDATE) {
                     this.moveToFinalReviewStage();
                     // Don't move to next state if current state is CaseFlagFieldState.FLAG_TYPE and the flag type is a parent - this
@@ -12639,7 +12616,7 @@
         WriteCaseFlagFieldComponent.prototype.setFlagsCaseFieldValue = function () {
             // tslint:disable-next-line: switch-default
             switch (this.fieldState) {
-                case exports.CaseFlagFieldState.FLAG_COMMENTS:
+                case exports.CaseFlagFieldState.FLAG_STATUS:
                     this.addFlagToCollection();
                     break;
                 case exports.CaseFlagFieldState.FLAG_UPDATE:
@@ -12749,7 +12726,7 @@
         WriteCaseFlagFieldComponent.prototype.isAtFinalState = function () {
             return this.isDisplayContextParameterUpdate
                 ? this.fieldState === exports.CaseFlagFieldState.FLAG_UPDATE
-                : this.fieldState === exports.CaseFlagFieldState.FLAG_COMMENTS;
+                : this.fieldState === exports.CaseFlagFieldState.FLAG_STATUS;
         };
         WriteCaseFlagFieldComponent.prototype.navigateToErrorElement = function (elementId) {
             if (elementId) {
@@ -12764,22 +12741,25 @@
             this.flagCommentsOptional = true;
         };
         WriteCaseFlagFieldComponent.prototype.populateNewFlagDetailInstance = function () {
-            var _a, _b, _c, _d, _e, _f, _g;
+            var _a, _b, _c, _d, _e, _f, _g, _h, _j;
             var formValues = (_a = this.caseFlagParentFormGroup) === null || _a === void 0 ? void 0 : _a.value;
             return {
                 name: (_b = formValues === null || formValues === void 0 ? void 0 : formValues.flagType) === null || _b === void 0 ? void 0 : _b.name,
+                name_cy: (_c = formValues === null || formValues === void 0 ? void 0 : formValues.flagType) === null || _c === void 0 ? void 0 : _c.name_cy,
                 // Currently, subTypeValue and subTypeKey are applicable only to language flag types
                 subTypeValue: (formValues === null || formValues === void 0 ? void 0 : formValues.languageSearchTerm) ? formValues === null || formValues === void 0 ? void 0 : formValues.languageSearchTerm.value : (formValues === null || formValues === void 0 ? void 0 : formValues.manualLanguageEntry) ? formValues === null || formValues === void 0 ? void 0 : formValues.manualLanguageEntry : null,
                 // For user-entered (i.e. non-Reference Data) languages, there is no key
                 subTypeKey: (formValues === null || formValues === void 0 ? void 0 : formValues.languageSearchTerm) ? formValues === null || formValues === void 0 ? void 0 : formValues.languageSearchTerm.key : null,
-                otherDescription: ((_c = formValues === null || formValues === void 0 ? void 0 : formValues.flagType) === null || _c === void 0 ? void 0 : _c.flagCode) === this.otherFlagTypeCode && (formValues === null || formValues === void 0 ? void 0 : formValues.otherFlagTypeDescription)
+                otherDescription: ((_d = formValues === null || formValues === void 0 ? void 0 : formValues.flagType) === null || _d === void 0 ? void 0 : _d.flagCode) === this.otherFlagTypeCode && (formValues === null || formValues === void 0 ? void 0 : formValues.otherFlagTypeDescription)
                     ? formValues === null || formValues === void 0 ? void 0 : formValues.otherFlagTypeDescription : null,
                 flagComment: formValues === null || formValues === void 0 ? void 0 : formValues.flagComments,
+                flagUpdateComment: formValues === null || formValues === void 0 ? void 0 : formValues.statusReason,
                 dateTimeCreated: new Date().toISOString(),
-                path: ((_d = formValues === null || formValues === void 0 ? void 0 : formValues.flagType) === null || _d === void 0 ? void 0 : _d.Path) && ((_e = formValues === null || formValues === void 0 ? void 0 : formValues.flagType) === null || _e === void 0 ? void 0 : _e.Path.map(function (pathValue) { return Object.assign({ id: null, value: pathValue }); })),
-                hearingRelevant: ((_f = formValues === null || formValues === void 0 ? void 0 : formValues.flagType) === null || _f === void 0 ? void 0 : _f.hearingRelevantFlag) ? 'Yes' : 'No',
-                flagCode: (_g = formValues === null || formValues === void 0 ? void 0 : formValues.flagType) === null || _g === void 0 ? void 0 : _g.flagCode,
-                status: exports.CaseFlagStatus.ACTIVE
+                path: ((_e = formValues === null || formValues === void 0 ? void 0 : formValues.flagType) === null || _e === void 0 ? void 0 : _e.Path) && ((_f = formValues === null || formValues === void 0 ? void 0 : formValues.flagType) === null || _f === void 0 ? void 0 : _f.Path.map(function (pathValue) { return Object.assign({ id: null, value: pathValue }); })),
+                hearingRelevant: ((_g = formValues === null || formValues === void 0 ? void 0 : formValues.flagType) === null || _g === void 0 ? void 0 : _g.hearingRelevantFlag) ? 'Yes' : 'No',
+                flagCode: (_h = formValues === null || formValues === void 0 ? void 0 : formValues.flagType) === null || _h === void 0 ? void 0 : _h.flagCode,
+                status: exports.CaseFlagStatus[formValues === null || formValues === void 0 ? void 0 : formValues.selectedStatus],
+                availableExternally: ((_j = formValues === null || formValues === void 0 ? void 0 : formValues.flagType) === null || _j === void 0 ? void 0 : _j.externallyAvailable) ? 'Yes' : 'No'
             };
         };
         WriteCaseFlagFieldComponent.prototype.moveToFinalReviewStage = function () {
@@ -12796,10 +12776,10 @@
         return WriteCaseFlagFieldComponent;
     }(AbstractFieldWriteComponent));
     WriteCaseFlagFieldComponent.ɵfac = function WriteCaseFlagFieldComponent_Factory(t) { return new (t || WriteCaseFlagFieldComponent)(i0__namespace.ɵɵdirectiveInject(i1__namespace$1.ActivatedRoute), i0__namespace.ɵɵdirectiveInject(CaseEditDataService), i0__namespace.ɵɵdirectiveInject(i1__namespace.Location), i0__namespace.ɵɵdirectiveInject(CaseFlagStateService)); };
-    WriteCaseFlagFieldComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: WriteCaseFlagFieldComponent, selectors: [["ccd-write-case-flag-field"]], features: [i0__namespace.ɵɵInheritDefinitionFeature], decls: 3, vars: 3, consts: [["class", "govuk-error-summary", "aria-labelledby", "error-summary-title", "role", "alert", "tabindex", "-1", "data-module", "govuk-error-summary", 4, "ngIf"], ["class", "form-group", 3, "formGroup", 4, "ngIf"], ["aria-labelledby", "error-summary-title", "role", "alert", "tabindex", "-1", "data-module", "govuk-error-summary", 1, "govuk-error-summary"], ["id", "error-summary-title", 1, "govuk-error-summary__title"], ["class", "govuk-error-summary__body", 4, "ngFor", "ngForOf"], [1, "govuk-error-summary__body"], [1, "govuk-list", "govuk-error-summary__list"], [1, "validation-error", 3, "click"], [1, "form-group", 3, "formGroup"], [1, "govuk-form-group", 3, "ngSwitch"], ["id", "create-flag-caption", 1, "govuk-caption-l", 3, "ngClass"], [4, "ngSwitchCase"], [3, "formGroup", "flagsData", "caseFlagStateEmitter"], [3, "formGroup", "jurisdiction", "caseFlagStateEmitter", "flagCommentsOptionalEmitter"], [3, "formGroup", "languages", "flagCode", "caseFlagStateEmitter"], [3, "formGroup", "optional", "caseFlagStateEmitter"], [3, "formGroup", "flagsData", "caseTitle", "caseFlagStateEmitter"], [3, "formGroup", "selectedFlag", "caseFlagStateEmitter"]], template: function WriteCaseFlagFieldComponent_Template(rf, ctx) {
+    WriteCaseFlagFieldComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: WriteCaseFlagFieldComponent, selectors: [["ccd-write-case-flag-field"]], features: [i0__namespace.ɵɵInheritDefinitionFeature], decls: 3, vars: 3, consts: [["class", "govuk-error-summary", "aria-labelledby", "error-summary-title", "role", "alert", "tabindex", "-1", "data-module", "govuk-error-summary", 4, "ngIf"], ["class", "form-group", 3, "formGroup", 4, "ngIf"], ["aria-labelledby", "error-summary-title", "role", "alert", "tabindex", "-1", "data-module", "govuk-error-summary", 1, "govuk-error-summary"], ["id", "error-summary-title", 1, "govuk-error-summary__title"], ["class", "govuk-error-summary__body", 4, "ngFor", "ngForOf"], [1, "govuk-error-summary__body"], [1, "govuk-list", "govuk-error-summary__list"], [1, "validation-error", 3, "click"], [1, "form-group", 3, "formGroup"], [1, "govuk-form-group", 3, "ngSwitch"], ["id", "create-flag-caption", 1, "govuk-caption-l", 3, "ngClass"], [4, "ngSwitchCase"], [3, "formGroup", "flagsData", "caseFlagStateEmitter"], [3, "formGroup", "jurisdiction", "caseFlagStateEmitter", "flagCommentsOptionalEmitter"], [3, "formGroup", "languages", "flagCode", "caseFlagStateEmitter"], [3, "formGroup", "optional", "caseFlagStateEmitter"], [3, "formGroup", "defaultStatus", "caseFlagStateEmitter"], [3, "formGroup", "flagsData", "caseTitle", "caseFlagStateEmitter"], [3, "formGroup", "selectedFlag", "caseFlagStateEmitter"]], template: function WriteCaseFlagFieldComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0__namespace.ɵɵtemplate(0, WriteCaseFlagFieldComponent_div_0_Template, 4, 1, "div", 0);
-                i0__namespace.ɵɵtemplate(1, WriteCaseFlagFieldComponent_div_1_Template, 8, 10, "div", 1);
+                i0__namespace.ɵɵtemplate(1, WriteCaseFlagFieldComponent_div_1_Template, 9, 11, "div", 1);
                 i0__namespace.ɵɵtemplate(2, WriteCaseFlagFieldComponent_div_2_Template, 4, 4, "div", 1);
             }
             if (rf & 2) {
@@ -12867,7 +12847,7 @@
             }], null, null);
     })();
-    var _c0$N = ["writeComplexFieldComponent"];
+    var _c0$O = ["writeComplexFieldComponent"];
     function WriteCaseLinkFieldComponent_span_2_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "span", 6);
@@ -12972,7 +12952,7 @@
     WriteCaseLinkFieldComponent.ɵfac = function WriteCaseLinkFieldComponent_Factory(t) { return ɵWriteCaseLinkFieldComponent_BaseFactory(t || WriteCaseLinkFieldComponent); };
     WriteCaseLinkFieldComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: WriteCaseLinkFieldComponent, selectors: [["ccd-write-case-link-field"]], viewQuery: function WriteCaseLinkFieldComponent_Query(rf, ctx) {
             if (rf & 1) {
-                i0__namespace.ɵɵviewQuery(_c0$N, 1);
+                i0__namespace.ɵɵviewQuery(_c0$O, 1);
             }
             if (rf & 2) {
                 var _t = void 0;
@@ -13017,7 +12997,7 @@
                 }] });
     })();
-    var _c0$M = function (a0, a1, a2, a3, a4, a5) { return { id: a0, label: a1, field_type: a2, display_context_parameter: a3, value: a4, hidden: a5 }; };
+    var _c0$N = function (a0, a1, a2, a3, a4, a5) { return { id: a0, label: a1, field_type: a2, display_context_parameter: a3, value: a4, hidden: a5 }; };
     function ReadCollectionFieldComponent_table_0_tbody_2_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "tbody");
@@ -13032,7 +13012,7 @@
         if (rf & 2) {
             var ctx_r1 = i0__namespace.ɵɵnextContext(2);
             i0__namespace.ɵɵadvance(4);
-            i0__namespace.ɵɵproperty("caseField", i0__namespace.ɵɵpureFunction6(3, _c0$M, ctx_r1.caseField.label, ctx_r1.caseField.label, ctx_r1.caseField.field_type.collection_field_type, ctx_r1.caseField.display_context_parameter, ctx_r1.caseField.value, ctx_r1.caseField.hidden))("context", ctx_r1.context)("topLevelFormGroup", ctx_r1.topLevelFormGroup);
+            i0__namespace.ɵɵproperty("caseField", i0__namespace.ɵɵpureFunction6(3, _c0$N, ctx_r1.caseField.label, ctx_r1.caseField.label, ctx_r1.caseField.field_type.collection_field_type, ctx_r1.caseField.display_context_parameter, ctx_r1.caseField.value, ctx_r1.caseField.hidden))("context", ctx_r1.context)("topLevelFormGroup", ctx_r1.topLevelFormGroup);
         }
     }
     var _c1$i = function (a0, a1, a2, a3, a4) { return { id: a0, label: a1, field_type: a2, value: a3, hidden: a4 }; };
@@ -13183,7 +13163,7 @@
             }], function () { return [{ type: i1__namespace$4.MatDialogRef }]; }, null);
     })();
-    var _c0$L = ["collectionItem"];
+    var _c0$M = ["collectionItem"];
     function WriteCollectionFieldComponent_h2_7_span_1_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "span", 9);
@@ -13596,7 +13576,7 @@
     WriteCollectionFieldComponent.ɵfac = function WriteCollectionFieldComponent_Factory(t) { return new (t || WriteCollectionFieldComponent)(i0__namespace.ɵɵdirectiveInject(i1__namespace$4.MatDialog), i0__namespace.ɵɵdirectiveInject(i2__namespace.ScrollToService), i0__namespace.ɵɵdirectiveInject(ProfileNotifier)); };
     WriteCollectionFieldComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: WriteCollectionFieldComponent, selectors: [["ccd-write-collection-field"]], viewQuery: function WriteCollectionFieldComponent_Query(rf, ctx) {
             if (rf & 1) {
-                i0__namespace.ɵɵviewQuery(_c0$L, 1);
+                i0__namespace.ɵɵviewQuery(_c0$M, 1);
             }
             if (rf & 2) {
                 var _t = void 0;
@@ -14184,7 +14164,7 @@
             }], null, null);
     })();
-    var _c0$K = ["fileInput"];
+    var _c0$L = ["fileInput"];
     function WriteDocumentFieldComponent_span_6_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "span", 12);
@@ -14478,7 +14458,7 @@
     WriteDocumentFieldComponent.ɵfac = function WriteDocumentFieldComponent_Factory(t) { return new (t || WriteDocumentFieldComponent)(i0__namespace.ɵɵdirectiveInject(AbstractAppConfig), i0__namespace.ɵɵdirectiveInject(CaseNotifier), i0__namespace.ɵɵdirectiveInject(DocumentManagementService), i0__namespace.ɵɵdirectiveInject(i1__namespace$4.MatDialog), i0__namespace.ɵɵdirectiveInject(FileUploadStateService)); };
     WriteDocumentFieldComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: WriteDocumentFieldComponent, selectors: [["ccd-write-document-field"]], viewQuery: function WriteDocumentFieldComponent_Query(rf, ctx) {
             if (rf & 1) {
-                i0__namespace.ɵɵviewQuery(_c0$K, 1);
+                i0__namespace.ɵɵviewQuery(_c0$L, 1);
             }
             if (rf & 2) {
                 var _t = void 0;
@@ -14678,7 +14658,7 @@
             i0__namespace.ɵɵtextInterpolate(type_r5.label);
         }
     }
-    var _c0$J = function (a0) { return { "form-group-error": a0 }; };
+    var _c0$K = function (a0) { return { "form-group-error": a0 }; };
     var WriteDynamicListFieldComponent = /** @class */ (function (_super) {
         __extends(WriteDynamicListFieldComponent, _super);
         function WriteDynamicListFieldComponent() {
@@ -14727,7 +14707,7 @@
                 i0__namespace.ɵɵelementEnd();
             }
             if (rf & 2) {
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(10, _c0$J, !ctx.dynamicListFormControl.valid && (ctx.dynamicListFormControl.dirty || ctx.dynamicListFormControl.touched)));
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(10, _c0$K, !ctx.dynamicListFormControl.valid && (ctx.dynamicListFormControl.dirty || ctx.dynamicListFormControl.touched)));
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("for", ctx.id());
                 i0__namespace.ɵɵadvance(1);
@@ -14877,7 +14857,7 @@
             i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(2, 1, ctx_r3.dynamicRadioListControl.errors));
         }
     }
-    var _c0$I = function (a0) { return { selected: a0 }; };
+    var _c0$J = function (a0) { return { selected: a0 }; };
     function WriteDynamicRadioListFieldComponent_div_9_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "div", 10);
@@ -14890,7 +14870,7 @@
         if (rf & 2) {
             var radioButton_r5 = ctx.$implicit;
             var ctx_r4 = i0__namespace.ɵɵnextContext();
-            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(7, _c0$I, ctx_r4.dynamicRadioListControl.value === radioButton_r5.code));
+            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(7, _c0$J, ctx_r4.dynamicRadioListControl.value === radioButton_r5.code));
             i0__namespace.ɵɵadvance(1);
             i0__namespace.ɵɵpropertyInterpolate("name", ctx_r4.id());
             i0__namespace.ɵɵproperty("id", ctx_r4.buildElementId(radioButton_r5.code))("formControl", ctx_r4.dynamicRadioListControl)("value", radioButton_r5.code);
@@ -15055,7 +15035,7 @@
             i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind2(2, 1, ctx_r2.emailControl.errors, ctx_r2.caseField.label));
         }
     }
-    var _c0$H = function (a0) { return { "form-group-error": a0 }; };
+    var _c0$I = function (a0) { return { "form-group-error": a0 }; };
     var _c1$f = function (a0) { return { "govuk-input--error": a0 }; };
     var WriteEmailFieldComponent = /** @class */ (function (_super) {
         __extends(WriteEmailFieldComponent, _super);
@@ -15080,7 +15060,7 @@
                 i0__namespace.ɵɵelementEnd();
             }
             if (rf & 2) {
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(8, _c0$H, !ctx.emailControl.valid && (ctx.emailControl.dirty || ctx.emailControl.touched)));
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(8, _c0$I, !ctx.emailControl.valid && (ctx.emailControl.dirty || ctx.emailControl.touched)));
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("for", ctx.id());
                 i0__namespace.ɵɵadvance(1);
@@ -15212,7 +15192,7 @@
             i0__namespace.ɵɵtextInterpolate(type_r4.label);
         }
     }
-    var _c0$G = function (a0) { return { "form-group-error": a0 }; };
+    var _c0$H = function (a0) { return { "form-group-error": a0 }; };
     var WriteFixedListFieldComponent = /** @class */ (function (_super) {
         __extends(WriteFixedListFieldComponent, _super);
         function WriteFixedListFieldComponent() {
@@ -15261,7 +15241,7 @@
                 i0__namespace.ɵɵelementEnd();
             }
             if (rf & 2) {
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(9, _c0$G, !ctx.fixedListFormControl.valid && (ctx.fixedListFormControl.dirty || ctx.fixedListFormControl.touched)));
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(9, _c0$H, !ctx.fixedListFormControl.valid && (ctx.fixedListFormControl.dirty || ctx.fixedListFormControl.touched)));
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("for", ctx.id());
                 i0__namespace.ɵɵadvance(1);
@@ -15379,7 +15359,7 @@
             i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind2(2, 1, ctx_r2.fixedRadioListControl.errors, ctx_r2.caseField.label));
         }
     }
-    var _c0$F = function (a0) { return { selected: a0 }; };
+    var _c0$G = function (a0) { return { selected: a0 }; };
     function WriteFixedRadioListFieldComponent_div_8_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "div", 9);
@@ -15392,7 +15372,7 @@
         if (rf & 2) {
             var radioButton_r4 = ctx.$implicit;
             var ctx_r3 = i0__namespace.ɵɵnextContext();
-            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(7, _c0$F, ctx_r3.fixedRadioListControl.value === radioButton_r4.code));
+            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(7, _c0$G, ctx_r3.fixedRadioListControl.value === radioButton_r4.code));
             i0__namespace.ɵɵadvance(1);
             i0__namespace.ɵɵproperty("id", ctx_r3.id() + "-" + radioButton_r4.code)("name", ctx_r3.id())("formControl", ctx_r3.fixedRadioListControl)("value", radioButton_r4.code);
             i0__namespace.ɵɵadvance(1);
@@ -15562,7 +15542,7 @@
             i0__namespace.ɵɵtextInterpolate1(" ", ctx_r1.caseField.hint_text, " ");
         }
     }
-    var _c0$E = function (a0) { return { "hide-autocomplete": a0 }; };
+    var _c0$F = function (a0) { return { "hide-autocomplete": a0 }; };
     function WriteJudicialUserFieldComponent_mat_option_7_Template(rf, ctx) {
         if (rf & 1) {
             var _r7_1 = i0__namespace.ɵɵgetCurrentView();
@@ -15574,7 +15554,7 @@
         if (rf & 2) {
             var judicialUser_r5 = ctx.$implicit;
             var ctx_r3 = i0__namespace.ɵɵnextContext();
-            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(4, _c0$E, !ctx_r3.showAutocomplete))("value", judicialUser_r5.idamId);
+            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(4, _c0$F, !ctx_r3.showAutocomplete))("value", judicialUser_r5.idamId);
             i0__namespace.ɵɵadvance(1);
             i0__namespace.ɵɵtextInterpolate2(" ", judicialUser_r5.fullName, " (", judicialUser_r5.emailId, ") ");
         }
@@ -15921,7 +15901,7 @@
             i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind2(2, 1, ctx_r2.moneyGbpControl.errors, ctx_r2.caseField.label));
         }
     }
-    var _c0$D = function (a0) { return { "form-group-error": a0 }; };
+    var _c0$E = function (a0) { return { "form-group-error": a0 }; };
     var WriteMoneyGbpFieldComponent = /** @class */ (function (_super) {
         __extends(WriteMoneyGbpFieldComponent, _super);
         function WriteMoneyGbpFieldComponent() {
@@ -15951,7 +15931,7 @@
                 i0__namespace.ɵɵelementEnd();
             }
             if (rf & 2) {
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(11, _c0$D, !ctx.moneyGbpControl.valid && (ctx.moneyGbpControl.dirty || ctx.moneyGbpControl.touched)));
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(11, _c0$E, !ctx.moneyGbpControl.valid && (ctx.moneyGbpControl.dirty || ctx.moneyGbpControl.touched)));
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("for", ctx.id());
                 i0__namespace.ɵɵadvance(1);
@@ -16099,7 +16079,7 @@
             i0__namespace.ɵɵtextInterpolate(checkbox_r4.label);
         }
     }
-    var _c0$C = function (a0) { return { "error": a0 }; };
+    var _c0$D = function (a0) { return { "error": a0 }; };
     var WriteMultiSelectListFieldComponent = /** @class */ (function (_super) {
         __extends(WriteMultiSelectListFieldComponent, _super);
         function WriteMultiSelectListFieldComponent() {
@@ -16163,7 +16143,7 @@
                 i0__namespace.ɵɵelementEnd();
             }
             if (rf & 2) {
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(6, _c0$C, !ctx.checkboxes.valid && (ctx.checkboxes.dirty || ctx.checkboxes.touched)))("id", ctx.id());
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(6, _c0$D, !ctx.checkboxes.valid && (ctx.checkboxes.dirty || ctx.checkboxes.touched)))("id", ctx.id());
                 i0__namespace.ɵɵadvance(3);
                 i0__namespace.ɵɵproperty("ngIf", ctx.caseField.label);
                 i0__namespace.ɵɵadvance(1);
@@ -16254,7 +16234,7 @@
             i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind2(2, 1, ctx_r2.numberControl.errors, ctx_r2.caseField.label));
         }
     }
-    var _c0$B = function (a0) { return { "form-group-error": a0 }; };
+    var _c0$C = function (a0) { return { "form-group-error": a0 }; };
     var _c1$d = function (a0) { return { "govuk-input--error": a0 }; };
     var WriteNumberFieldComponent = /** @class */ (function (_super) {
         __extends(WriteNumberFieldComponent, _super);
@@ -16279,7 +16259,7 @@
                 i0__namespace.ɵɵelementEnd();
             }
             if (rf & 2) {
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(8, _c0$B, !ctx.numberControl.valid && ctx.numberControl.dirty));
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(8, _c0$C, !ctx.numberControl.valid && ctx.numberControl.dirty));
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("for", ctx.id());
                 i0__namespace.ɵɵadvance(1);
@@ -16580,7 +16560,7 @@
             i0__namespace.ɵɵelementEnd();
         }
     }
-    var _c0$A = function (a0) { return { "scroll-container ": a0 }; };
+    var _c0$B = function (a0) { return { "scroll-container ": a0 }; };
     function WriteOrganisationFieldComponent_fieldset_3_div_14_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "div", 26);
@@ -16596,7 +16576,7 @@
             var ctx_r2 = i0__namespace.ɵɵnextContext(2);
             var tmp_0_0 = null;
             var tmp_2_0 = null;
-            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(11, _c0$A, ((tmp_0_0 = i0__namespace.ɵɵpipeBind1(1, 3, ctx_r2.simpleOrganisations$)) == null ? null : tmp_0_0.length) > 10));
+            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(11, _c0$B, ((tmp_0_0 = i0__namespace.ɵɵpipeBind1(1, 3, ctx_r2.simpleOrganisations$)) == null ? null : tmp_0_0.length) > 10));
             i0__namespace.ɵɵadvance(2);
             i0__namespace.ɵɵproperty("ngForOf", i0__namespace.ɵɵpipeBind1(3, 5, ctx_r2.simpleOrganisations$));
             i0__namespace.ɵɵadvance(2);
@@ -17068,7 +17048,7 @@
             i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind2(2, 1, ctx_r2.phoneUkControl.errors, ctx_r2.caseField.label));
         }
     }
-    var _c0$z = function (a0) { return { "form-group-error": a0 }; };
+    var _c0$A = function (a0) { return { "form-group-error": a0 }; };
     var _c1$c = function (a0) { return { "govuk-input--error": a0 }; };
     var WritePhoneUKFieldComponent = /** @class */ (function (_super) {
         __extends(WritePhoneUKFieldComponent, _super);
@@ -17093,7 +17073,7 @@
                 i0__namespace.ɵɵelementEnd();
             }
             if (rf & 2) {
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(8, _c0$z, !ctx.phoneUkControl.valid && (ctx.phoneUkControl.dirty || ctx.phoneUkControl.touched)));
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(8, _c0$A, !ctx.phoneUkControl.valid && (ctx.phoneUkControl.dirty || ctx.phoneUkControl.touched)));
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("for", ctx.id());
                 i0__namespace.ɵɵadvance(1);
@@ -17185,7 +17165,7 @@
             i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind2(2, 1, ctx_r2.textareaControl.errors, ctx_r2.caseField.label));
         }
     }
-    var _c0$y = function (a0) { return { "form-group-error": a0 }; };
+    var _c0$z = function (a0) { return { "form-group-error": a0 }; };
     var _c1$b = function (a0) { return { "govuk-textarea--error": a0 }; };
     var WriteTextAreaFieldComponent = /** @class */ (function (_super) {
         __extends(WriteTextAreaFieldComponent, _super);
@@ -17221,7 +17201,7 @@
                 i0__namespace.ɵɵelementEnd();
             }
             if (rf & 2) {
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(8, _c0$y, !ctx.textareaControl.valid && ctx.textareaControl.dirty));
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(8, _c0$z, !ctx.textareaControl.valid && ctx.textareaControl.dirty));
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("for", ctx.id());
                 i0__namespace.ɵɵadvance(1);
@@ -17313,7 +17293,7 @@
             i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind2(2, 1, ctx_r2.textControl.errors, ctx_r2.caseField.label));
         }
     }
-    var _c0$x = function (a0) { return { "form-group-error": a0 }; };
+    var _c0$y = function (a0) { return { "form-group-error": a0 }; };
     var _c1$a = function (a0) { return { "govuk-input--error": a0 }; };
     var WriteTextFieldComponent = /** @class */ (function (_super) {
         __extends(WriteTextFieldComponent, _super);
@@ -17343,7 +17323,7 @@
                 i0__namespace.ɵɵelementEnd();
             }
             if (rf & 2) {
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(8, _c0$x, !!ctx.textControl && !ctx.textControl.valid && (ctx.textControl.dirty || ctx.textControl.touched)));
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(8, _c0$y, !!ctx.textControl && !ctx.textControl.valid && (ctx.textControl.dirty || ctx.textControl.touched)));
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("for", ctx.id());
                 i0__namespace.ɵɵadvance(1);
@@ -17551,7 +17531,7 @@
             i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind2(2, 1, ctx_r2.yesNoControl.errors, ctx_r2.caseField.label));
         }
     }
-    var _c0$w = function (a0) { return { selected: a0 }; };
+    var _c0$x = function (a0) { return { selected: a0 }; };
     function WriteYesNoFieldComponent_div_7_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "div", 10);
@@ -17564,7 +17544,7 @@
         if (rf & 2) {
             var value_r4 = ctx.$implicit;
             var ctx_r3 = i0__namespace.ɵɵnextContext();
-            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(8, _c0$w, ctx_r3.yesNoControl.value === value_r4));
+            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(8, _c0$x, ctx_r3.yesNoControl.value === value_r4));
             i0__namespace.ɵɵadvance(1);
             i0__namespace.ɵɵproperty("id", ctx_r3.createElementId(value_r4))("name", ctx_r3.id())("formControl", ctx_r3.yesNoControl)("value", value_r4);
             i0__namespace.ɵɵattribute("name", ctx_r3.id());
@@ -17719,7 +17699,7 @@
             }], null, null);
     })();
-    var _c0$v = ["fieldContainer"];
+    var _c0$w = ["fieldContainer"];
     var FIX_CASEFIELD_FOR$1 = ['FixedList', 'DynamicList'];
     var FieldReadComponent = /** @class */ (function (_super) {
         __extends(FieldReadComponent, _super);
@@ -17768,7 +17748,7 @@
     FieldReadComponent.ɵfac = function FieldReadComponent_Factory(t) { return new (t || FieldReadComponent)(i0__namespace.ɵɵdirectiveInject(i0__namespace.ComponentFactoryResolver), i0__namespace.ɵɵdirectiveInject(PaletteService)); };
     FieldReadComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: FieldReadComponent, selectors: [["ccd-field-read"]], viewQuery: function FieldReadComponent_Query(rf, ctx) {
             if (rf & 1) {
-                i0__namespace.ɵɵviewQuery(_c0$v, 1, i0.ViewContainerRef);
+                i0__namespace.ɵɵviewQuery(_c0$w, 1, i0.ViewContainerRef);
             }
             if (rf & 2) {
                 var _t = void 0;
@@ -17809,7 +17789,7 @@
                 }] });
     })();
-    var _c0$u = ["fieldContainer"];
+    var _c0$v = ["fieldContainer"];
     var FIX_CASEFIELD_FOR = ['FixedList', 'DynamicList'];
     var FieldWriteComponent = /** @class */ (function (_super) {
         __extends(FieldWriteComponent, _super);
@@ -17857,7 +17837,7 @@
     FieldWriteComponent.ɵfac = function FieldWriteComponent_Factory(t) { return new (t || FieldWriteComponent)(i0__namespace.ɵɵdirectiveInject(i0__namespace.ComponentFactoryResolver), i0__namespace.ɵɵdirectiveInject(PaletteService)); };
     FieldWriteComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: FieldWriteComponent, selectors: [["ccd-field-write"]], viewQuery: function FieldWriteComponent_Query(rf, ctx) {
             if (rf & 1) {
-                i0__namespace.ɵɵviewQuery(_c0$u, 3, i0.ViewContainerRef);
+                i0__namespace.ɵɵviewQuery(_c0$v, 3, i0.ViewContainerRef);
             }
             if (rf & 2) {
                 var _t = void 0;
@@ -17920,7 +17900,7 @@
             i0__namespace.ɵɵprojection(0);
         }
     }
-    var _c0$t = ["*"];
+    var _c0$u = ["*"];
     var FieldReadLabelComponent = /** @class */ (function (_super) {
         __extends(FieldReadLabelComponent, _super);
         function FieldReadLabelComponent() {
@@ -17958,7 +17938,7 @@
         return FieldReadLabelComponent;
     }(AbstractFieldReadComponent));
     FieldReadLabelComponent.ɵfac = function FieldReadLabelComponent_Factory(t) { return ɵFieldReadLabelComponent_BaseFactory(t || FieldReadLabelComponent); };
-    FieldReadLabelComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: FieldReadLabelComponent, selectors: [["ccd-field-read-label"]], inputs: { withLabel: "withLabel", markdownUseHrefAsRouterLink: "markdownUseHrefAsRouterLink" }, features: [i0__namespace.ɵɵInheritDefinitionFeature, i0__namespace.ɵɵNgOnChangesFeature], ngContentSelectors: _c0$t, decls: 4, vars: 5, consts: [[3, "hidden"], ["class", "case-field", 4, "ngIf", "ngIfElse"], ["caseFieldValue", ""], [1, "case-field"], [1, "case-field__label"], [1, "case-field__value"], [4, "ngTemplateOutlet"]], template: function FieldReadLabelComponent_Template(rf, ctx) {
+    FieldReadLabelComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: FieldReadLabelComponent, selectors: [["ccd-field-read-label"]], inputs: { withLabel: "withLabel", markdownUseHrefAsRouterLink: "markdownUseHrefAsRouterLink" }, features: [i0__namespace.ɵɵInheritDefinitionFeature, i0__namespace.ɵɵNgOnChangesFeature], ngContentSelectors: _c0$u, decls: 4, vars: 5, consts: [[3, "hidden"], ["class", "case-field", 4, "ngIf", "ngIfElse"], ["caseFieldValue", ""], [1, "case-field"], [1, "case-field__label"], [1, "case-field__value"], [4, "ngTemplateOutlet"]], template: function FieldReadLabelComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0__namespace.ɵɵprojectionDef();
                 i0__namespace.ɵɵelementStart(0, "div", 0);
@@ -17997,7 +17977,7 @@
             i0__namespace.ɵɵelementContainer(0);
         }
     }
-    var _c0$s = function (a0) { return { cat: a0, level: 1 }; };
+    var _c0$t = function (a0) { return { cat: a0, level: 1 }; };
     function CaseFileViewFolderSelectorComponent_ng_container_6_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementContainerStart(0);
@@ -18009,7 +17989,7 @@
             i0__namespace.ɵɵnextContext();
             var _r1 = i0__namespace.ɵɵreference(13);
             i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("ngTemplateOutlet", _r1)("ngTemplateOutletContext", i0__namespace.ɵɵpureFunction1(2, _c0$s, cat_r3));
+            i0__namespace.ɵɵproperty("ngTemplateOutlet", _r1)("ngTemplateOutletContext", i0__namespace.ɵɵpureFunction1(2, _c0$t, cat_r3));
         }
     }
     function CaseFileViewFolderSelectorComponent_ng_template_12_ng_container_5_ng_container_1_Template(rf, ctx) {
@@ -18251,7 +18231,7 @@
             i0__namespace.ɵɵproperty("ngForOf", ctx_r1.menuItems);
         }
     }
-    var _c0$r = [[["", "trigger", ""]]];
+    var _c0$s = [[["", "trigger", ""]]];
     var _c1$7 = ["[trigger]"];
     var CaseFileViewOverlayMenuComponent = /** @class */ (function () {
         function CaseFileViewOverlayMenuComponent() {
@@ -18269,7 +18249,7 @@
     CaseFileViewOverlayMenuComponent.ɵfac = function CaseFileViewOverlayMenuComponent_Factory(t) { return new (t || CaseFileViewOverlayMenuComponent)(); };
     CaseFileViewOverlayMenuComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: CaseFileViewOverlayMenuComponent, selectors: [["ccd-case-file-view-overlay-menu"]], inputs: { title: "title", menuItems: "menuItems", isOpen: "isOpen" }, outputs: { isOpenChange: "isOpenChange" }, ngContentSelectors: _c1$7, decls: 5, vars: 4, consts: [["type", "button", "cdkOverlayOrigin", "", 1, "overlay-toggle", 3, "click"], ["trigger", "cdkOverlayOrigin"], ["cdkConnectedOverlay", "", 3, "cdkConnectedOverlayOrigin", "cdkConnectedOverlayOpen", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayBackdropClass", "backdropClick"], [1, "overlay-menu"], [4, "ngIf"], [4, "ngFor", "ngForOf"], [1, "overlay-menu__title"], [1, "overlay-menu__item", 3, "click"], ["class", "overlay-menu__itemIcon", 3, "src", "alt", 4, "ngIf"], [1, "overlay-menu__actionText"], [1, "overlay-menu__itemIcon", 3, "src", "alt"]], template: function CaseFileViewOverlayMenuComponent_Template(rf, ctx) {
             if (rf & 1) {
-                i0__namespace.ɵɵprojectionDef(_c0$r);
+                i0__namespace.ɵɵprojectionDef(_c0$s);
                 i0__namespace.ɵɵelementStart(0, "div");
                 i0__namespace.ɵɵelementStart(1, "button", 0, 1);
                 i0__namespace.ɵɵlistener("click", function CaseFileViewOverlayMenuComponent_Template_button_click_1_listener($event) { $event.stopPropagation(); return ctx.isOpen = !ctx.isOpen; });
@@ -18888,59 +18868,47 @@
                 }] });
     })();
-    function CaseFlagTableComponent_table_0_caption_1_Template(rf, ctx) {
-        if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "caption", 13);
-            i0__namespace.ɵɵtext(1);
-            i0__namespace.ɵɵelementEnd();
-        }
-        if (rf & 2) {
-            var ctx_r1 = i0__namespace.ɵɵnextContext(2);
-            i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵtextInterpolate(ctx_r1.tableCaption);
-        }
-    }
-    function CaseFlagTableComponent_table_0_tr_15_Template(rf, ctx) {
+    function CaseFlagTableComponent_table_0_tr_16_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "tr");
-            i0__namespace.ɵɵelementStart(1, "td", 14);
+            i0__namespace.ɵɵelementStart(1, "td", 13);
             i0__namespace.ɵɵtext(2, "None");
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
         }
     }
-    function CaseFlagTableComponent_table_0_tbody_16_tr_1_strong_15_Template(rf, ctx) {
+    function CaseFlagTableComponent_table_0_tbody_17_tr_1_strong_15_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "strong", 21);
+            i0__namespace.ɵɵelementStart(0, "strong", 20);
             i0__namespace.ɵɵtext(1, "Active");
             i0__namespace.ɵɵelementEnd();
         }
     }
-    function CaseFlagTableComponent_table_0_tbody_16_tr_1_strong_16_Template(rf, ctx) {
+    function CaseFlagTableComponent_table_0_tbody_17_tr_1_strong_16_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "strong", 22);
+            i0__namespace.ɵɵelementStart(0, "strong", 21);
             i0__namespace.ɵɵtext(1, "Inactive");
             i0__namespace.ɵɵelementEnd();
         }
     }
-    function CaseFlagTableComponent_table_0_tbody_16_tr_1_strong_17_Template(rf, ctx) {
+    function CaseFlagTableComponent_table_0_tbody_17_tr_1_strong_17_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "strong", 22);
+            i0__namespace.ɵɵelementStart(0, "strong", 21);
             i0__namespace.ɵɵtext(1, "Requested");
             i0__namespace.ɵɵelementEnd();
         }
     }
-    function CaseFlagTableComponent_table_0_tbody_16_tr_1_strong_18_Template(rf, ctx) {
+    function CaseFlagTableComponent_table_0_tbody_17_tr_1_strong_18_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "strong", 23);
+            i0__namespace.ɵɵelementStart(0, "strong", 22);
             i0__namespace.ɵɵtext(1, "Not approved");
             i0__namespace.ɵɵelementEnd();
         }
     }
-    function CaseFlagTableComponent_table_0_tbody_16_tr_1_Template(rf, ctx) {
+    function CaseFlagTableComponent_table_0_tbody_17_tr_1_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "tr", 16);
-            i0__namespace.ɵɵelementStart(1, "td", 17);
+            i0__namespace.ɵɵelementStart(0, "tr", 15);
+            i0__namespace.ɵɵelementStart(1, "td", 16);
             i0__namespace.ɵɵelementStart(2, "div");
             i0__namespace.ɵɵtext(3);
             i0__namespace.ɵɵelementEnd();
@@ -18948,93 +18916,95 @@
             i0__namespace.ɵɵtext(5);
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(6, "td", 17);
+            i0__namespace.ɵɵelementStart(6, "td", 16);
             i0__namespace.ɵɵtext(7);
             i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(8, "td", 17);
+            i0__namespace.ɵɵelementStart(8, "td", 16);
             i0__namespace.ɵɵtext(9);
             i0__namespace.ɵɵpipe(10, "date");
             i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(11, "td", 17);
+            i0__namespace.ɵɵelementStart(11, "td", 16);
             i0__namespace.ɵɵtext(12);
             i0__namespace.ɵɵpipe(13, "date");
             i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(14, "td", 17);
-            i0__namespace.ɵɵtemplate(15, CaseFlagTableComponent_table_0_tbody_16_tr_1_strong_15_Template, 2, 0, "strong", 18);
-            i0__namespace.ɵɵtemplate(16, CaseFlagTableComponent_table_0_tbody_16_tr_1_strong_16_Template, 2, 0, "strong", 19);
-            i0__namespace.ɵɵtemplate(17, CaseFlagTableComponent_table_0_tbody_16_tr_1_strong_17_Template, 2, 0, "strong", 19);
-            i0__namespace.ɵɵtemplate(18, CaseFlagTableComponent_table_0_tbody_16_tr_1_strong_18_Template, 2, 0, "strong", 20);
+            i0__namespace.ɵɵelementStart(14, "td", 16);
+            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();
         }
         if (rf & 2) {
-            var flagDetail_r5 = ctx.$implicit;
-            var ctx_r4 = i0__namespace.ɵɵnextContext(3);
+            var flagDetail_r4 = ctx.$implicit;
+            var ctx_r3 = i0__namespace.ɵɵnextContext(3);
             i0__namespace.ɵɵadvance(3);
-            i0__namespace.ɵɵtextInterpolate(flagDetail_r5.name);
+            i0__namespace.ɵɵtextInterpolate(flagDetail_r4.name);
             i0__namespace.ɵɵadvance(2);
-            i0__namespace.ɵɵtextInterpolate(flagDetail_r5.otherDescription);
+            i0__namespace.ɵɵtextInterpolate(flagDetail_r4.otherDescription);
             i0__namespace.ɵɵadvance(2);
-            i0__namespace.ɵɵtextInterpolate(flagDetail_r5.flagComment);
+            i0__namespace.ɵɵtextInterpolate(flagDetail_r4.flagComment);
             i0__namespace.ɵɵadvance(2);
-            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind2(10, 9, flagDetail_r5.dateTimeCreated, "dd LLL yyyy"));
+            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind2(10, 9, flagDetail_r4.dateTimeCreated, "dd LLL yyyy"));
             i0__namespace.ɵɵadvance(3);
-            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind2(13, 12, flagDetail_r5.dateTimeModified, "dd LLL yyyy"));
+            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind2(13, 12, flagDetail_r4.dateTimeModified, "dd LLL yyyy"));
             i0__namespace.ɵɵadvance(3);
-            i0__namespace.ɵɵproperty("ngIf", flagDetail_r5.status === ctx_r4.caseFlagStatus.ACTIVE);
+            i0__namespace.ɵɵproperty("ngIf", flagDetail_r4.status === ctx_r3.caseFlagStatus.ACTIVE);
             i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("ngIf", flagDetail_r5.status === ctx_r4.caseFlagStatus.INACTIVE);
+            i0__namespace.ɵɵproperty("ngIf", flagDetail_r4.status === ctx_r3.caseFlagStatus.INACTIVE);
             i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("ngIf", flagDetail_r5.status === ctx_r4.caseFlagStatus.REQUESTED);
+            i0__namespace.ɵɵproperty("ngIf", flagDetail_r4.status === ctx_r3.caseFlagStatus.REQUESTED);
             i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("ngIf", flagDetail_r5.status === ctx_r4.caseFlagStatus.NOT_APPROVED);
+            i0__namespace.ɵɵproperty("ngIf", flagDetail_r4.status === ctx_r3.caseFlagStatus.NOT_APPROVED);
         }
     }
-    function CaseFlagTableComponent_table_0_tbody_16_Template(rf, ctx) {
+    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_16_tr_1_Template, 19, 15, "tr", 15);
+            i0__namespace.ɵɵtemplate(1, CaseFlagTableComponent_table_0_tbody_17_tr_1_Template, 19, 15, "tr", 14);
             i0__namespace.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var ctx_r3 = i0__namespace.ɵɵnextContext(2);
+            var ctx_r2 = i0__namespace.ɵɵnextContext(2);
             i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("ngForOf", ctx_r3.flagData.flags.details);
+            i0__namespace.ɵɵproperty("ngForOf", ctx_r2.flagData.flags.details);
         }
     }
     function CaseFlagTableComponent_table_0_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "table", 1);
-            i0__namespace.ɵɵtemplate(1, CaseFlagTableComponent_table_0_caption_1_Template, 2, 1, "caption", 2);
-            i0__namespace.ɵɵelementStart(2, "thead", 3);
-            i0__namespace.ɵɵelementStart(3, "tr", 4);
-            i0__namespace.ɵɵelementStart(4, "th", 5);
-            i0__namespace.ɵɵtext(5);
+            i0__namespace.ɵɵelementStart(1, "caption", 2);
+            i0__namespace.ɵɵtext(2);
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(3, "thead", 3);
+            i0__namespace.ɵɵelementStart(4, "tr", 4);
+            i0__namespace.ɵɵelementStart(5, "th", 5);
+            i0__namespace.ɵɵtext(6);
             i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(6, "th", 6);
-            i0__namespace.ɵɵtext(7, "Comments");
+            i0__namespace.ɵɵelementStart(7, "th", 6);
+            i0__namespace.ɵɵtext(8, "Comments");
             i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(8, "th", 7);
-            i0__namespace.ɵɵtext(9, "Creation date");
+            i0__namespace.ɵɵelementStart(9, "th", 7);
+            i0__namespace.ɵɵtext(10, "Creation date");
             i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(10, "th", 8);
-            i0__namespace.ɵɵtext(11, "Last modified");
+            i0__namespace.ɵɵelementStart(11, "th", 8);
+            i0__namespace.ɵɵtext(12, "Last modified");
             i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(12, "th", 9);
-            i0__namespace.ɵɵtext(13, "Flag status");
+            i0__namespace.ɵɵelementStart(13, "th", 9);
+            i0__namespace.ɵɵtext(14, "Flag status");
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(14, "tbody", 10);
-            i0__namespace.ɵɵtemplate(15, CaseFlagTableComponent_table_0_tr_15_Template, 3, 0, "tr", 11);
+            i0__namespace.ɵɵelementStart(15, "tbody", 10);
+            i0__namespace.ɵɵtemplate(16, CaseFlagTableComponent_table_0_tr_16_Template, 3, 0, "tr", 11);
             i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵtemplate(16, CaseFlagTableComponent_table_0_tbody_16_Template, 2, 1, "tbody", 12);
+            i0__namespace.ɵɵtemplate(17, CaseFlagTableComponent_table_0_tbody_17_Template, 2, 1, "tbody", 12);
             i0__namespace.ɵɵelementEnd();
         }
         if (rf & 2) {
             var ctx_r0 = i0__namespace.ɵɵnextContext();
-            i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("ngIf", ctx_r0.tableCaption);
+            i0__namespace.ɵɵadvance(2);
+            i0__namespace.ɵɵtextInterpolate(ctx_r0.tableCaption);
             i0__namespace.ɵɵadvance(4);
             i0__namespace.ɵɵtextInterpolate(ctx_r0.firstColumnHeader);
             i0__namespace.ɵɵadvance(10);
@@ -19056,9 +19026,9 @@
         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"], ["class", "govuk-table__caption govuk-table__caption--l", 4, "ngIf"], [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"], [1, "govuk-table__caption", "govuk-table__caption--l"], ["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"], ["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__namespace.ɵɵtemplate(0, CaseFlagTableComponent_table_0_Template, 17, 4, "table", 0);
+                i0__namespace.ɵɵtemplate(0, CaseFlagTableComponent_table_0_Template, 18, 4, "table", 0);
             }
             if (rf & 2) {
                 i0__namespace.ɵɵproperty("ngIf", ctx.flagData);
@@ -19084,7 +19054,7 @@
     /**
      * DTO to provide typing of the response from the Reference Data Common API for Case Flags data.
      *
-     * @see {@link https://tools.hmcts.net/confluence/pages/viewpage.action?pageId=1525476616#CaseFlagsHLDVersion1.0-Output}
+     * @see {@link https://tools.hmcts.net/confluence/pages/viewpage.action?pageId=1597741121#CaseFlagsHLDVersion2.0-Output}
      * for full details
      */
     var FlagType = /** @class */ (function () {
@@ -19190,7 +19160,7 @@
             i0__namespace.ɵɵtextInterpolate1(" ", ctx_r7.flagTypeErrorMessage, " ");
         }
     }
-    var _c0$q = function (a0) { return { "form-group-error": a0 }; };
+    var _c0$r = function (a0) { return { "form-group-error": a0 }; };
     var _c1$6 = function (a0) { return { "govuk-input--error": a0 }; };
     function SelectFlagTypeComponent_div_0_div_9_Template(rf, ctx) {
         if (rf & 1) {
@@ -19207,7 +19177,7 @@
         if (rf & 2) {
             var ctx_r3 = i0__namespace.ɵɵnextContext(2);
             i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(5, _c0$q, ctx_r3.flagTypeErrorMessage.length > 0));
+            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(5, _c0$r, ctx_r3.flagTypeErrorMessage.length > 0));
             i0__namespace.ɵɵadvance(3);
             i0__namespace.ɵɵproperty("ngIf", ctx_r3.flagTypeErrorMessage.length > 0);
             i0__namespace.ɵɵadvance(1);
@@ -19249,7 +19219,7 @@
             var ctx_r0 = i0__namespace.ɵɵnextContext();
             i0__namespace.ɵɵproperty("formGroup", ctx_r0.formGroup);
             i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(7, _c0$q, ctx_r0.flagTypeNotSelectedErrorMessage.length > 0));
+            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(7, _c0$r, ctx_r0.flagTypeNotSelectedErrorMessage.length > 0));
             i0__namespace.ɵɵadvance(4);
             i0__namespace.ɵɵtextInterpolate1(" ", ctx_r0.caseFlagWizardStepTitle.SELECT_CASE_FLAG, " ");
             i0__namespace.ɵɵadvance(1);
@@ -19520,7 +19490,7 @@
             i0__namespace.ɵɵtextInterpolate1(" ", ctx_r8.languageCharLimitErrorMessage, " ");
         }
     }
-    var _c0$p = function (a0) { return { "form-group-error": a0 }; };
+    var _c0$q = function (a0) { return { "form-group-error": a0 }; };
     function SearchLanguageInterpreterComponent_div_21_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "div", 25);
@@ -19537,7 +19507,7 @@
         if (rf & 2) {
             var ctx_r5 = i0__namespace.ɵɵnextContext();
             i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(6, _c0$p, ctx_r5.languageNotEnteredErrorMessage || ctx_r5.languageCharLimitErrorMessage));
+            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(6, _c0$q, ctx_r5.languageNotEnteredErrorMessage || ctx_r5.languageCharLimitErrorMessage));
             i0__namespace.ɵɵadvance(2);
             i0__namespace.ɵɵtextInterpolate(ctx_r5.searchLanguageInterpreterStep.INPUT_LABEL);
             i0__namespace.ɵɵadvance(1);
@@ -19711,7 +19681,7 @@
                 var _r2 = i0__namespace.ɵɵreference(12);
                 i0__namespace.ɵɵproperty("formGroup", ctx.formGroup);
                 i0__namespace.ɵɵadvance(1);
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(16, _c0$p, ctx.languageNotSelectedErrorMessage || ctx.languageEnteredInBothFieldsErrorMessage));
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(16, _c0$q, ctx.languageNotSelectedErrorMessage || ctx.languageEnteredInBothFieldsErrorMessage));
                 i0__namespace.ɵɵadvance(2);
                 i0__namespace.ɵɵproperty("for", ctx.SearchLanguageInterpreterControlNames.LANGUAGE_SEARCH_TERM);
                 i0__namespace.ɵɵadvance(1);
@@ -19845,7 +19815,7 @@
             i0__namespace.ɵɵelementEnd();
         }
     }
-    var _c0$o = function (a0) { return { "form-group-error": a0 }; };
+    var _c0$p = function (a0) { return { "form-group-error": a0 }; };
     var SelectFlagLocationComponent = /** @class */ (function () {
         function SelectFlagLocationComponent() {
             this.caseFlagStateEmitter = new i0.EventEmitter();
@@ -19938,7 +19908,7 @@
             if (rf & 2) {
                 i0__namespace.ɵɵproperty("formGroup", ctx.formGroup);
                 i0__namespace.ɵɵadvance(1);
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(6, _c0$o, ctx.errorMessages.length > 0));
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(6, _c0$p, ctx.errorMessages.length > 0));
                 i0__namespace.ɵɵadvance(4);
                 i0__namespace.ɵɵtextInterpolate1(" ", ctx.flagLocationTitle, " ");
                 i0__namespace.ɵɵadvance(1);
@@ -20002,7 +19972,7 @@
             i0__namespace.ɵɵtextInterpolate1(" ", ctx_r2.flagCommentsCharLimitErrorMessage, " ");
         }
     }
-    var _c0$n = function (a0) { return { "form-group-error": a0 }; };
+    var _c0$o = function (a0) { return { "form-group-error": a0 }; };
     var AddCommentsComponent = /** @class */ (function () {
         function AddCommentsComponent() {
             this.optional = false;
@@ -20085,7 +20055,7 @@
             if (rf & 2) {
                 i0__namespace.ɵɵproperty("formGroup", ctx.formGroup);
                 i0__namespace.ɵɵadvance(2);
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(12, _c0$n, ctx.errorMessages.length > 0));
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(12, _c0$o, ctx.errorMessages.length > 0));
                 i0__namespace.ɵɵadvance(2);
                 i0__namespace.ɵɵproperty("for", ctx.flagCommentsControlName);
                 i0__namespace.ɵɵadvance(1);
@@ -20165,7 +20135,7 @@
             i0__namespace.ɵɵelementEnd();
         }
     }
-    var _c0$m = function (a0) { return { "form-group-error": a0 }; };
+    var _c0$n = function (a0) { return { "form-group-error": a0 }; };
     var ManageCaseFlagsComponent = /** @class */ (function () {
         function ManageCaseFlagsComponent() {
             this.caseFlagStateEmitter = new i0.EventEmitter();
@@ -20325,7 +20295,7 @@
             if (rf & 2) {
                 i0__namespace.ɵɵproperty("formGroup", ctx.formGroup);
                 i0__namespace.ɵɵadvance(1);
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(6, _c0$m, ctx.errorMessages.length > 0));
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(6, _c0$n, ctx.errorMessages.length > 0));
                 i0__namespace.ɵɵadvance(4);
                 i0__namespace.ɵɵtextInterpolate1(" ", ctx.manageCaseFlagTitle, " ");
                 i0__namespace.ɵɵadvance(1);
@@ -20407,7 +20377,7 @@
             i0__namespace.ɵɵtextInterpolate1(" ", status_r3, " ");
         }
     }
-    var _c0$l = function (a0) { return { "form-group-error": a0 }; };
+    var _c0$m = function (a0) { return { "form-group-error": a0 }; };
     var UpdateFlagComponent = /** @class */ (function () {
         function UpdateFlagComponent() {
             this.caseFlagStateEmitter = new i0.EventEmitter();
@@ -20549,7 +20519,7 @@
             if (rf & 2) {
                 i0__namespace.ɵɵproperty("formGroup", ctx.formGroup);
                 i0__namespace.ɵɵadvance(2);
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(24, _c0$l, ctx.errorMessages.length > 0));
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(24, _c0$m, ctx.errorMessages.length > 0));
                 i0__namespace.ɵɵadvance(3);
                 i0__namespace.ɵɵtextInterpolate1(" ", ctx.updateFlagTitle, " ");
                 i0__namespace.ɵɵadvance(3);
@@ -20759,6 +20729,117 @@
                 }] });
     })();
+    function ConfirmFlagStatusComponent_div_8_Template(rf, ctx) {
+        if (rf & 1) {
+            i0__namespace.ɵɵelementStart(0, "div", 13);
+            i0__namespace.ɵɵelement(1, "input", 14);
+            i0__namespace.ɵɵelementStart(2, "label", 15);
+            i0__namespace.ɵɵtext(3);
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var status_r1 = ctx.$implicit;
+            var i_r2 = ctx.index;
+            var ctx_r0 = i0__namespace.ɵɵnextContext();
+            i0__namespace.ɵɵadvance(1);
+            i0__namespace.ɵɵpropertyInterpolate1("id", "flag-status-", i_r2, "");
+            i0__namespace.ɵɵproperty("name", ctx_r0.selectedStatusControlName)("value", status_r1)("formControlName", ctx_r0.selectedStatusControlName);
+            i0__namespace.ɵɵadvance(1);
+            i0__namespace.ɵɵpropertyInterpolate1("for", "flag-status-", i_r2, "");
+            i0__namespace.ɵɵadvance(1);
+            i0__namespace.ɵɵtextInterpolate1(" ", ctx_r0.caseFlagStatusEnum[status_r1], " ");
+        }
+    }
+    var _c0$l = function (a0) { return { "form-group-error": a0 }; };
+    var ConfirmFlagStatusComponent = /** @class */ (function () {
+        function ConfirmFlagStatusComponent() {
+            this.caseFlagStateEmitter = new i0.EventEmitter();
+            this.caseFlagStatusEnum = exports.CaseFlagStatus;
+            this.errorMessages = [];
+            this.selectedStatusControlName = 'selectedStatus';
+            this.statusReasonControlName = 'statusReason';
+        }
+        ConfirmFlagStatusComponent.prototype.ngOnInit = function () {
+            var _this = this;
+            this.confirmFlagStatusTitle = exports.CaseFlagWizardStepTitle.CONFIRM_FLAG_STATUS;
+            this.flagCreationStatuses = Object.keys(exports.CaseFlagStatus).filter(function (key) { return !['INACTIVE'].includes(key); });
+            this.statusReasonHint = exports.ConfirmStatusStep.HINT_TEXT;
+            this.statusReasonCharLimitInfo = exports.ConfirmStatusStep.CHARACTER_LIMIT_INFO;
+            this.formGroup.addControl(this.selectedStatusControlName, new i1$2.FormControl(this.flagCreationStatuses.find(function (key) { return exports.CaseFlagStatus[key] === _this.defaultStatus; })));
+            this.formGroup.addControl(this.statusReasonControlName, new i1$2.FormControl(''));
+        };
+        ConfirmFlagStatusComponent.prototype.onNext = function () {
+            // Return case flag field state and error messages to the parent
+            this.caseFlagStateEmitter.emit({ currentCaseFlagFieldState: exports.CaseFlagFieldState.FLAG_STATUS, errorMessages: this.errorMessages });
+        };
+        return ConfirmFlagStatusComponent;
+    }());
+    ConfirmFlagStatusComponent.ɵfac = function ConfirmFlagStatusComponent_Factory(t) { return new (t || ConfirmFlagStatusComponent)(); };
+    ConfirmFlagStatusComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: ConfirmFlagStatusComponent, selectors: [["ccd-confirm-flag-status"]], inputs: { formGroup: "formGroup", defaultStatus: "defaultStatus" }, outputs: { caseFlagStateEmitter: "caseFlagStateEmitter" }, decls: 17, vars: 11, consts: [[1, "form-group", 3, "formGroup"], ["data-module", "govuk-character-count", "data-maxlength", "100", 1, "govuk-character-count"], [1, "govuk-form-group", 3, "ngClass"], ["aria-describedby", "confirm-flag-status-heading", 1, "govuk-fieldset"], [1, "govuk-fieldset__legend", "govuk-fieldset__legend--l"], ["id", "confirm-flag-status-heading", 1, "govuk-fieldset__heading"], ["data-module", "govuk-radios", "id", "conditional-radios-list", 1, "govuk-radios", "govuk-radios--conditional", "govuk-!-margin-bottom-4"], ["class", "govuk-radios__item", 4, "ngFor", "ngForOf"], ["id", "status-reason-hint", 1, "govuk-hint"], ["rows", "5", "aria-describedby", "status-reason-hint status-reason-char-limit-info", 1, "govuk-textarea", 3, "id", "name", "formControlName"], ["id", "status-reason-char-limit-info", "aria-live", "polite", 1, "govuk-hint", "govuk-character-count__message"], [1, "govuk-button-group"], ["type", "button", 1, "button", "button-primary", 3, "click"], [1, "govuk-radios__item"], ["type", "radio", 1, "govuk-radios__input", 3, "id", "name", "value", "formControlName"], [1, "govuk-label", "govuk-radios__label", 3, "for"]], template: function ConfirmFlagStatusComponent_Template(rf, ctx) {
+            if (rf & 1) {
+                i0__namespace.ɵɵelementStart(0, "div", 0);
+                i0__namespace.ɵɵelementStart(1, "div", 1);
+                i0__namespace.ɵɵelementStart(2, "div", 2);
+                i0__namespace.ɵɵelementStart(3, "fieldset", 3);
+                i0__namespace.ɵɵelementStart(4, "legend", 4);
+                i0__namespace.ɵɵelementStart(5, "h1", 5);
+                i0__namespace.ɵɵtext(6);
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementStart(7, "div", 6);
+                i0__namespace.ɵɵtemplate(8, ConfirmFlagStatusComponent_div_8_Template, 4, 6, "div", 7);
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementStart(9, "div", 8);
+                i0__namespace.ɵɵtext(10);
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelement(11, "textarea", 9);
+                i0__namespace.ɵɵelementStart(12, "div", 10);
+                i0__namespace.ɵɵtext(13);
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementStart(14, "div", 11);
+                i0__namespace.ɵɵelementStart(15, "button", 12);
+                i0__namespace.ɵɵlistener("click", function ConfirmFlagStatusComponent_Template_button_click_15_listener() { return ctx.onNext(); });
+                i0__namespace.ɵɵtext(16, "Next");
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementEnd();
+            }
+            if (rf & 2) {
+                i0__namespace.ɵɵproperty("formGroup", ctx.formGroup);
+                i0__namespace.ɵɵadvance(2);
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(9, _c0$l, ctx.errorMessages.length > 0));
+                i0__namespace.ɵɵadvance(4);
+                i0__namespace.ɵɵtextInterpolate1(" ", ctx.confirmFlagStatusTitle, " ");
+                i0__namespace.ɵɵadvance(2);
+                i0__namespace.ɵɵproperty("ngForOf", ctx.flagCreationStatuses);
+                i0__namespace.ɵɵadvance(2);
+                i0__namespace.ɵɵtextInterpolate1(" ", ctx.statusReasonHint, " ");
+                i0__namespace.ɵɵadvance(1);
+                i0__namespace.ɵɵproperty("id", ctx.statusReasonControlName)("name", ctx.statusReasonControlName)("formControlName", ctx.statusReasonControlName);
+                i0__namespace.ɵɵadvance(2);
+                i0__namespace.ɵɵtextInterpolate1(" ", ctx.statusReasonCharLimitInfo, " ");
+            }
+        }, directives: [i1__namespace$3.NgControlStatusGroup, i1__namespace$3.FormGroupDirective, i1__namespace.NgClass, i1__namespace.NgForOf, i1__namespace$3.DefaultValueAccessor, i1__namespace$3.NgControlStatus, i1__namespace$3.FormControlName, i1__namespace$3.RadioControlValueAccessor], encapsulation: 2 });
+    (function () {
+        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(ConfirmFlagStatusComponent, [{
+                type: i0.Component,
+                args: [{
+                        selector: 'ccd-confirm-flag-status',
+                        templateUrl: './confirm-flag-status.component.html'
+                    }]
+            }], null, { formGroup: [{
+                    type: i0.Input
+                }], defaultStatus: [{
+                    type: i0.Input
+                }], caseFlagStateEmitter: [{
+                    type: i0.Output
+                }] });
+    })();
     var CollectionCreateCheckerService = /** @class */ (function () {
         function CollectionCreateCheckerService() {
         }
@@ -22774,7 +22855,7 @@
         EventLogComponent,
         EventLogDetailsComponent,
         EventLogTableComponent,
-        // // Read
+        // Read
         ReadTextFieldComponent,
         ReadTextAreaFieldComponent,
         ReadNumberFieldComponent,
@@ -22923,7 +23004,7 @@
                 EventLogComponent,
                 EventLogDetailsComponent,
                 EventLogTableComponent,
-                // // Read
+                // Read
                 ReadTextFieldComponent,
                 ReadTextAreaFieldComponent,
                 ReadNumberFieldComponent,
@@ -22987,7 +23068,7 @@
                 CaseFileViewFolderSortComponent,
                 CaseFileViewOverlayMenuComponent,
                 CaseFileViewFolderDocumentActionsComponent,
-                CaseFileViewFolderSelectorComponent], imports: [i1.CommonModule,
+                CaseFileViewFolderSelectorComponent, ConfirmFlagStatusComponent], imports: [i1.CommonModule,
                 i1$1.RouterModule,
                 i1$2.FormsModule,
                 i1$2.ReactiveFormsModule,
@@ -23032,7 +23113,7 @@
                 EventLogComponent,
                 EventLogDetailsComponent,
                 EventLogTableComponent,
-                // // Read
+                // Read
                 ReadTextFieldComponent,
                 ReadTextAreaFieldComponent,
                 ReadNumberFieldComponent,
@@ -23147,7 +23228,9 @@
                             AddCommentsComponent,
                             UpdateFlagComponent,
                             CaseFlagSummaryListComponent
-                        ], PALETTE_COMPONENTS),
+                        ], PALETTE_COMPONENTS, [
+                            ConfirmFlagStatusComponent
+                        ]),
                         exports: __spread([
                             i4.NgxMatDatetimePickerModule,
                             i4.NgxMatNativeDateModule,
@@ -23190,7 +23273,7 @@
     i0__namespace.ɵɵsetComponentScope(ReadComplexFieldTableComponent, [i1__namespace.NgForOf, i1__namespace.NgIf, FieldReadComponent], [ReadFieldsFilterPipe, IsCompoundPipe]);
     i0__namespace.ɵɵsetComponentScope(ReadComplexFieldCollectionTableComponent, [i1__namespace.NgForOf, i1__namespace.NgIf, FieldReadComponent,
         ReadCaseLinkFieldComponent], [ReadFieldsFilterPipe, CcdCollectionTableCaseFieldsFilterPipe, i1__namespace.KeyValuePipe, IsCompoundPipe]);
-    i0__namespace.ɵɵsetComponentScope(ReadCaseFlagFieldComponent, [i1__namespace.NgSwitch, i1__namespace.NgSwitchCase, CaseFlagSummaryListComponent, i1__namespace.NgForOf, i1__namespace.NgIf, CaseFlagTableComponent, i1__namespace.NgSwitchDefault], []);
+    i0__namespace.ɵɵsetComponentScope(ReadCaseFlagFieldComponent, [i1__namespace.NgSwitch, i1__namespace.NgSwitchCase, CaseFlagSummaryListComponent, i1__namespace.NgSwitchDefault, i1__namespace.NgForOf, i1__namespace.NgIf, CaseFlagTableComponent], []);
     i0__namespace.ɵɵsetComponentScope(WriteAddressFieldComponent, [i1__namespace.NgIf, i1__namespace.NgClass, i1__namespace$3.DefaultValueAccessor, i1__namespace$3.NgControlStatus, i1__namespace$3.FormControlDirective, i1__namespace$3.SelectControlValueAccessor, i1__namespace.NgForOf, i1__namespace$3.NgSelectOption, i1__namespace$3.ɵangular_packages_forms_forms_z, WriteComplexFieldComponent, i1__namespace$3.NgControlStatusGroup, i1__namespace$3.FormGroupDirective], [FieldLabelPipe]);
     i0__namespace.ɵɵsetComponentScope(WriteComplexFieldComponent, [i1__namespace.NgIf, i1__namespace.NgForOf, i1__namespace.NgSwitch, i1__namespace.NgSwitchCase, FieldReadComponent, LabelSubstitutorDirective, i1__namespace$3.NgControlStatusGroup, i1__namespace$3.FormGroupDirective, FieldWriteComponent], [FieldLabelPipe, IsReadOnlyPipe]);
     i0__namespace.ɵɵsetComponentScope(WriteDocumentFieldComponent, [i1__namespace.NgClass, i1__namespace.NgIf, ReadDocumentFieldComponent], [FieldLabelPipe]);
@@ -23199,6 +23282,7 @@
         SelectFlagTypeComponent,
         SearchLanguageInterpreterComponent,
         AddCommentsComponent,
+        ConfirmFlagStatusComponent,
         ManageCaseFlagsComponent,
         UpdateFlagComponent], []);
     i0__namespace.ɵɵsetComponentScope(WriteOrganisationFieldComponent, [i1__namespace$3.NgControlStatusGroup, i1__namespace$3.FormGroupDirective, i1__namespace.NgIf, i1__namespace$3.DefaultValueAccessor, i1__namespace$3.NgControlStatus, i1__namespace$3.FormControlDirective, i1__namespace.NgClass, i1__namespace.NgForOf, MarkdownComponent,
@@ -32998,6 +33082,7 @@
     exports.ConditionalShowFormDirective = ConditionalShowFormDirective;
     exports.ConditionalShowModule = ConditionalShowModule;
     exports.ConditionalShowRegistrarService = ConditionalShowRegistrarService;
+    exports.ConfirmFlagStatusComponent = ConfirmFlagStatusComponent;
     exports.Confirmation = Confirmation;
     exports.ConvertHrefToRouterService = ConvertHrefToRouterService;
     exports.CreateCaseFiltersComponent = CreateCaseFiltersComponent;