@hmcts/ccd-case-ui-toolkit 6.16.0-query-management-response-UI-changes-v2 → 6.16.0-query-management-remove-grey-bar-styling

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

@@ -144,7 +144,7 @@
             i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(18, 13, ctx_r1.workhours));
         }
     }
-    var _c0$12 = [[["", "footerSolsNavLinks", ""]], [["", "footerCaseWorkerNavLinks", ""]]];
+    var _c0$13 = [[["", "footerSolsNavLinks", ""]], [["", "footerCaseWorkerNavLinks", ""]]];
     var _c1$r = ["[footerSolsNavLinks]", "[footerCaseWorkerNavLinks]"];
     var FooterComponent = /** @class */ (function () {
         function FooterComponent() {
@@ -154,7 +154,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$r, decls: 4, vars: 4, consts: [["id", "footer", "role", "footer", 1, "group", "js-footer"], [1, "footer-wrapper"], ["class", "footer-meta", 4, "ngIf"], [1, "footer-meta"], [1, "footer-meta-inner"], [1, "open-government-licence"], [1, "logo"], ["href", "https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/", "rel", "license"], [1, "copyright"], ["href", "https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/copyright-and-re-use/crown-copyright/"], [1, "title"], [1, "footer-text"], [1, "email"], [3, "href"], [1, "phone"], [1, "work-hours"]], template: function FooterComponent_Template(rf, ctx) {
             if (rf & 1) {
-                i0__namespace.ɵɵprojectionDef(_c0$12);
+                i0__namespace.ɵɵprojectionDef(_c0$13);
                 i0__namespace.ɵɵelementStart(0, "footer", 0);
                 i0__namespace.ɵɵelementStart(1, "div", 1);
                 i0__namespace.ɵɵtemplate(2, FooterComponent_div_2_Template, 20, 15, "div", 2);
@@ -240,7 +240,7 @@
             i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(4, 1, ctx_r2.title));
         }
     }
-    var _c0$11 = [[["", "headerNavigation", ""]]];
+    var _c0$12 = [[["", "headerNavigation", ""]]];
     var _c1$q = ["[headerNavigation]"];
     var HeaderBarComponent = /** @class */ (function () {
         function HeaderBarComponent() {
@@ -254,7 +254,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$q, decls: 17, vars: 14, 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$11);
+                i0__namespace.ɵɵprojectionDef(_c0$12);
                 i0__namespace.ɵɵelementStart(0, "header", 0);
                 i0__namespace.ɵɵelementStart(1, "div", 1);
                 i0__namespace.ɵɵelementStart(2, "div", 2);
@@ -321,7 +321,7 @@
                 }] });
     })();
 
-    var _c0$10 = [[["", "leftNavLinks", ""]], [["", "rightNavLinks", ""]]];
+    var _c0$11 = [[["", "leftNavLinks", ""]], [["", "rightNavLinks", ""]]];
     var _c1$p = ["[leftNavLinks]", "[rightNavLinks]"];
     var NavigationComponent = /** @class */ (function () {
         function NavigationComponent() {
@@ -331,7 +331,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$p, decls: 4, vars: 2, consts: [[1, "cut-nav-bar"]], template: function NavigationComponent_Template(rf, ctx) {
             if (rf & 1) {
-                i0__namespace.ɵɵprojectionDef(_c0$10);
+                i0__namespace.ɵɵprojectionDef(_c0$11);
                 i0__namespace.ɵɵelementStart(0, "div");
                 i0__namespace.ɵɵelementStart(1, "nav", 0);
                 i0__namespace.ɵɵprojection(2);
@@ -487,7 +487,7 @@
             }], null, null);
     })();
 
-    var _c0$$ = [[["", "topBody", ""]], [["", "leftBody", ""]], [["", "rightBody", ""]]];
+    var _c0$10 = [[["", "topBody", ""]], [["", "leftBody", ""]], [["", "rightBody", ""]]];
     var _c1$o = ["[topBody]", "[leftBody]", "[rightBody]"];
     var BodyComponent = /** @class */ (function () {
         function BodyComponent() {
@@ -497,7 +497,7 @@
     BodyComponent.ɵfac = function BodyComponent_Factory(t) { return new (t || BodyComponent)(); };
     BodyComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: BodyComponent, selectors: [["cut-body"]], ngContentSelectors: _c1$o, decls: 4, vars: 0, consts: [[1, "global-display"]], template: function BodyComponent_Template(rf, ctx) {
             if (rf & 1) {
-                i0__namespace.ɵɵprojectionDef(_c0$$);
+                i0__namespace.ɵɵprojectionDef(_c0$10);
                 i0__namespace.ɵɵelementStart(0, "div", 0);
                 i0__namespace.ɵɵprojection(1);
                 i0__namespace.ɵɵprojection(2, 1);
@@ -902,7 +902,7 @@
         return typeof state === "function" ? receiver === state : state.has(receiver);
     }
 
-    var _c0$_ = function (a0) { return { "govuk-input--error": a0 }; };
+    var _c0$$ = function (a0) { return { "govuk-input--error": a0 }; };
     function DateInputComponent_div_19_Template(rf, ctx) {
         if (rf & 1) {
             var _r8_1 = i0__namespace.ɵɵgetCurrentView();
@@ -923,7 +923,7 @@
             i0__namespace.ɵɵadvance(1);
             i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(3, 6, "Hour"));
             i0__namespace.ɵɵadvance(2);
-            i0__namespace.ɵɵproperty("id", ctx_r3.hourId())("name", ctx_r3.hourId())("value", ctx_r3.displayHour)("ngClass", i0__namespace.ɵɵpureFunction1(8, _c0$_, ctx_r3.isInvalid));
+            i0__namespace.ɵɵproperty("id", ctx_r3.hourId())("name", ctx_r3.hourId())("value", ctx_r3.displayHour)("ngClass", i0__namespace.ɵɵpureFunction1(8, _c0$$, ctx_r3.isInvalid));
         }
     }
     function DateInputComponent_div_20_Template(rf, ctx) {
@@ -946,7 +946,7 @@
             i0__namespace.ɵɵadvance(1);
             i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(3, 6, "Minute"));
             i0__namespace.ɵɵadvance(2);
-            i0__namespace.ɵɵproperty("id", ctx_r4.minuteId())("name", ctx_r4.minuteId())("value", ctx_r4.displayMinute)("ngClass", i0__namespace.ɵɵpureFunction1(8, _c0$_, ctx_r4.isInvalid));
+            i0__namespace.ɵɵproperty("id", ctx_r4.minuteId())("name", ctx_r4.minuteId())("value", ctx_r4.displayMinute)("ngClass", i0__namespace.ɵɵpureFunction1(8, _c0$$, ctx_r4.isInvalid));
         }
     }
     function DateInputComponent_div_21_Template(rf, ctx) {
@@ -969,7 +969,7 @@
             i0__namespace.ɵɵadvance(1);
             i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(3, 6, "Second"));
             i0__namespace.ɵɵadvance(2);
-            i0__namespace.ɵɵproperty("id", ctx_r5.secondId())("name", ctx_r5.secondId())("value", ctx_r5.displaySecond)("ngClass", i0__namespace.ɵɵpureFunction1(8, _c0$_, ctx_r5.isInvalid));
+            i0__namespace.ɵɵproperty("id", ctx_r5.secondId())("name", ctx_r5.secondId())("value", ctx_r5.displaySecond)("ngClass", i0__namespace.ɵɵpureFunction1(8, _c0$$, ctx_r5.isInvalid));
         }
     }
     var DateInputComponent = /** @class */ (function () {
@@ -1208,19 +1208,19 @@
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(4, 21, "Day"));
                 i0__namespace.ɵɵadvance(2);
-                i0__namespace.ɵɵproperty("id", ctx.dayId())("name", ctx.dayId())("value", ctx.displayDay)("ngClass", i0__namespace.ɵɵpureFunction1(27, _c0$_, ctx.isInvalid));
+                i0__namespace.ɵɵproperty("id", ctx.dayId())("name", ctx.dayId())("value", ctx.displayDay)("ngClass", i0__namespace.ɵɵpureFunction1(27, _c0$$, ctx.isInvalid));
                 i0__namespace.ɵɵadvance(3);
                 i0__namespace.ɵɵproperty("for", ctx.monthId());
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(10, 23, "Month"));
                 i0__namespace.ɵɵadvance(2);
-                i0__namespace.ɵɵproperty("id", ctx.monthId())("name", ctx.monthId())("value", ctx.displayMonth)("ngClass", i0__namespace.ɵɵpureFunction1(29, _c0$_, ctx.isInvalid));
+                i0__namespace.ɵɵproperty("id", ctx.monthId())("name", ctx.monthId())("value", ctx.displayMonth)("ngClass", i0__namespace.ɵɵpureFunction1(29, _c0$$, ctx.isInvalid));
                 i0__namespace.ɵɵadvance(3);
                 i0__namespace.ɵɵproperty("for", ctx.yearId());
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(16, 25, "Year"));
                 i0__namespace.ɵɵadvance(2);
-                i0__namespace.ɵɵproperty("id", ctx.yearId())("name", ctx.yearId())("value", ctx.displayYear)("ngClass", i0__namespace.ɵɵpureFunction1(31, _c0$_, ctx.isInvalid));
+                i0__namespace.ɵɵproperty("id", ctx.yearId())("name", ctx.yearId())("value", ctx.displayYear)("ngClass", i0__namespace.ɵɵpureFunction1(31, _c0$$, ctx.isInvalid));
                 i0__namespace.ɵɵadvance(2);
                 i0__namespace.ɵɵproperty("ngIf", ctx.isDateTime);
                 i0__namespace.ɵɵadvance(1);
@@ -1301,7 +1301,7 @@
             i0__namespace.ɵɵelementContainerEnd();
         }
     }
-    var _c0$Z = ["*"];
+    var _c0$_ = ["*"];
     exports.AlertMessageType = void 0;
     (function (AlertMessageType) {
         AlertMessageType["WARNING"] = "warning";
@@ -1322,7 +1322,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$Z, decls: 11, vars: 12, 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$_, decls: 11, vars: 12, 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);
@@ -1604,7 +1604,7 @@
                 }] });
     })();
 
-    var _c0$Y = function (a0) { return { "js-hidden": a0 }; };
+    var _c0$Z = function (a0) { return { "js-hidden": a0 }; };
     var _c1$n = ["*"];
     var TabComponent = /** @class */ (function () {
         function TabComponent() {
@@ -1620,7 +1620,7 @@
                 i0__namespace.ɵɵelementEnd();
             }
             if (rf & 2) {
-                i0__namespace.ɵɵproperty("id", ctx.id)("ngClass", i0__namespace.ɵɵpureFunction1(3, _c0$Y, !ctx.selected));
+                i0__namespace.ɵɵproperty("id", ctx.id)("ngClass", i0__namespace.ɵɵpureFunction1(3, _c0$Z, !ctx.selected));
                 i0__namespace.ɵɵattribute("aria-hidden", !ctx.selected);
             }
         }, directives: [i5__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}}"] });
@@ -1643,7 +1643,7 @@
                 }] });
     })();
 
-    var _c0$X = ["tab"];
+    var _c0$Y = ["tab"];
     var _c1$m = function () { return ["."]; };
     var _c2$3 = function (a0) { return { "tabs-toggle-selected": a0 }; };
     function TabsComponent_li_2_Template(rf, ctx) {
@@ -1699,7 +1699,7 @@
             }
         }, viewQuery: function TabsComponent_Query(rf, ctx) {
             if (rf & 1) {
-                i0__namespace.ɵɵviewQuery(_c0$X, 1);
+                i0__namespace.ɵɵviewQuery(_c0$Y, 1);
             }
             if (rf & 2) {
                 var _t = void 0;
@@ -1780,7 +1780,7 @@
             }], null, null);
     })();
 
-    var _c0$W = function (a0, a1) { return { caseLocked: a0, someoneViewing: a1 }; };
+    var _c0$X = function (a0, a1) { return { caseLocked: a0, someoneViewing: a1 }; };
     var ActivityBannerComponent = /** @class */ (function () {
         function ActivityBannerComponent() {
         }
@@ -1803,7 +1803,7 @@
                 i0__namespace.ɵɵelementEnd();
             }
             if (rf & 2) {
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction2(8, _c0$W, ctx.bannerType === "editor", ctx.bannerType === "viewer"));
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction2(8, _c0$X, ctx.bannerType === "editor", ctx.bannerType === "viewer"));
                 i0__namespace.ɵɵadvance(2);
                 i0__namespace.ɵɵpropertyInterpolate("alt", i0__namespace.ɵɵpipeBind1(3, 4, ctx.description));
                 i0__namespace.ɵɵpropertyInterpolate("src", ctx.imageLink, i0__namespace.ɵɵsanitizeUrl);
@@ -11480,7 +11480,7 @@
         return AddressOption;
     }());
 
-    var _c0$V = ["writeComplexFieldComponent"];
+    var _c0$W = ["writeComplexFieldComponent"];
     function WriteAddressFieldComponent_div_1_div_5_span_5_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "span", 14);
@@ -11715,7 +11715,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$V, 1);
+                i0__namespace.ɵɵviewQuery(_c0$W, 1);
                 i0__namespace.ɵɵviewQuery(FocusElementDirective, 1);
             }
             if (rf & 2) {
@@ -12545,7 +12545,7 @@
             i0__namespace.ɵɵproperty("formGroup", ctx_r11.caseFlagParentFormGroup)("defaultStatus", ctx_r11.flagType.defaultStatus);
         }
     }
-    var _c0$U = function (a0) { return { "form-group-error": a0 }; };
+    var _c0$V = function (a0) { return { "form-group-error": a0 }; };
     function WriteCaseFlagFieldComponent_div_1_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "div", 8);
@@ -12568,7 +12568,7 @@
             i0__namespace.ɵɵadvance(1);
             i0__namespace.ɵɵproperty("ngSwitch", ctx_r1.fieldState);
             i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(11, _c0$U, ctx_r1.errorMessages.length > 0));
+            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(11, _c0$V, ctx_r1.errorMessages.length > 0));
             i0__namespace.ɵɵadvance(1);
             i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(4, 9, ctx_r1.createFlagCaption), " ");
             i0__namespace.ɵɵadvance(2);
@@ -13145,7 +13145,7 @@
             }], null, null);
     })();
 
-    var _c0$T = ["writeComplexFieldComponent"];
+    var _c0$U = ["writeComplexFieldComponent"];
     function WriteCaseLinkFieldComponent_span_2_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "span", 6);
@@ -13253,7 +13253,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$T, 1);
+                i0__namespace.ɵɵviewQuery(_c0$U, 1);
             }
             if (rf & 2) {
                 var _t = void 0;
@@ -13298,7 +13298,7 @@
                 }] });
     })();
 
-    var _c0$S = 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$T = 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");
@@ -13313,7 +13313,7 @@
         if (rf & 2) {
             var ctx_r1 = i0__namespace.ɵɵnextContext(2);
             i0__namespace.ɵɵadvance(4);
-            i0__namespace.ɵɵproperty("caseField", i0__namespace.ɵɵpureFunction6(3, _c0$S, 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$T, ctx_r1.caseField.label, ctx_r1.caseField.label, ctx_r1.caseField.field_type.collection_field_type, ctx_r1.caseField.display_context_parameter, ctx_r1.caseField.value, ctx_r1.caseField.hidden))("context", ctx_r1.context)("topLevelFormGroup", ctx_r1.topLevelFormGroup);
         }
     }
     var _c1$j = function (a0, a1, a2, a3, a4) { return { id: a0, label: a1, field_type: a2, value: a3, hidden: a4 }; };
@@ -13478,7 +13478,7 @@
             }], function () { return [{ type: i1__namespace$3.MatDialogRef }]; }, null);
     })();
 
-    var _c0$R = ["collectionItem"];
+    var _c0$S = ["collectionItem"];
     function WriteCollectionFieldComponent_h2_9_span_1_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "span", 9);
@@ -13909,7 +13909,7 @@
     WriteCollectionFieldComponent.ɵfac = function WriteCollectionFieldComponent_Factory(t) { return new (t || WriteCollectionFieldComponent)(i0__namespace.ɵɵdirectiveInject(i1__namespace$3.MatDialog), i0__namespace.ɵɵdirectiveInject(i2__namespace.ScrollToService), i0__namespace.ɵɵdirectiveInject(ProfileNotifier), i0__namespace.ɵɵdirectiveInject(i0__namespace.ChangeDetectorRef)); };
     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$R, 1);
+                i0__namespace.ɵɵviewQuery(_c0$S, 1);
             }
             if (rf & 2) {
                 var _t = void 0;
@@ -14622,7 +14622,7 @@
             }], null, null);
     })();
 
-    var _c0$Q = ["fileInput"];
+    var _c0$R = ["fileInput"];
     function WriteDocumentFieldComponent_span_7_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "span", 12);
@@ -14918,7 +14918,7 @@
     WriteDocumentFieldComponent.ɵfac = function WriteDocumentFieldComponent_Factory(t) { return new (t || WriteDocumentFieldComponent)(i0__namespace.ɵɵdirectiveInject(AbstractAppConfig), i0__namespace.ɵɵdirectiveInject(CaseNotifier), i0__namespace.ɵɵdirectiveInject(DocumentManagementService), i0__namespace.ɵɵdirectiveInject(i1__namespace$3.MatDialog), i0__namespace.ɵɵdirectiveInject(FileUploadStateService)); };
     WriteDocumentFieldComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: WriteDocumentFieldComponent, selectors: [["ccd-write-document-field"]], viewQuery: function WriteDocumentFieldComponent_Query(rf, ctx) {
             if (rf & 1) {
-                i0__namespace.ɵɵviewQuery(_c0$Q, 1);
+                i0__namespace.ɵɵviewQuery(_c0$R, 1);
             }
             if (rf & 2) {
                 var _t = void 0;
@@ -15132,7 +15132,7 @@
             i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(2, 2, type_r5.label));
         }
     }
-    var _c0$P = function (a0) { return { "form-group-error": a0 }; };
+    var _c0$Q = function (a0) { return { "form-group-error": a0 }; };
     var WriteDynamicListFieldComponent = /** @class */ (function (_super) {
         __extends(WriteDynamicListFieldComponent, _super);
         function WriteDynamicListFieldComponent() {
@@ -15182,7 +15182,7 @@
                 i0__namespace.ɵɵelementEnd();
             }
             if (rf & 2) {
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(13, _c0$P, !ctx.dynamicListFormControl.valid && (ctx.dynamicListFormControl.dirty || ctx.dynamicListFormControl.touched)));
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(13, _c0$Q, !ctx.dynamicListFormControl.valid && (ctx.dynamicListFormControl.dirty || ctx.dynamicListFormControl.touched)));
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("for", ctx.id());
                 i0__namespace.ɵɵadvance(1);
@@ -15360,7 +15360,7 @@
             i0__namespace.ɵɵtextInterpolate(checkbox_r4.label);
         }
     }
-    var _c0$O = function (a0) { return { "error": a0 }; };
+    var _c0$P = function (a0) { return { "error": a0 }; };
     var WriteDynamicMultiSelectListFieldComponent = /** @class */ (function (_super) {
         __extends(WriteDynamicMultiSelectListFieldComponent, _super);
         function WriteDynamicMultiSelectListFieldComponent() {
@@ -15443,7 +15443,7 @@
                 i0__namespace.ɵɵelementEnd();
             }
             if (rf & 2) {
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(6, _c0$O, !ctx.checkboxes.valid && ctx.checkboxes.touched))("id", ctx.id());
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(6, _c0$P, !ctx.checkboxes.valid && ctx.checkboxes.touched))("id", ctx.id());
                 i0__namespace.ɵɵadvance(3);
                 i0__namespace.ɵɵproperty("ngIf", ctx.caseField.label);
                 i0__namespace.ɵɵadvance(1);
@@ -15594,7 +15594,7 @@
             i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(2, 1, i0__namespace.ɵɵpipeBind1(3, 3, ctx_r3.dynamicRadioListControl.errors)));
         }
     }
-    var _c0$N = function (a0) { return { selected: a0 }; };
+    var _c0$O = function (a0) { return { selected: a0 }; };
     function WriteDynamicRadioListFieldComponent_div_9_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "div", 10);
@@ -15607,7 +15607,7 @@
         if (rf & 2) {
             var radioButton_r5 = ctx.$implicit;
             var ctx_r4 = i0__namespace.ɵɵnextContext();
-            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(7, _c0$N, ctx_r4.dynamicRadioListControl.value === radioButton_r5.code));
+            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(7, _c0$O, ctx_r4.dynamicRadioListControl.value === radioButton_r5.code));
             i0__namespace.ɵɵadvance(1);
             i0__namespace.ɵɵproperty("id", ctx_r4.createElementId(radioButton_r5.code))("name", ctx_r4.id())("formControl", ctx_r4.dynamicRadioListControl)("value", radioButton_r5.code);
             i0__namespace.ɵɵadvance(1);
@@ -15773,7 +15773,7 @@
             i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(2, 1, i0__namespace.ɵɵpipeBind2(3, 3, ctx_r2.emailControl.errors, ctx_r2.caseField.label)));
         }
     }
-    var _c0$M = function (a0) { return { "form-group-error": a0 }; };
+    var _c0$N = function (a0) { return { "form-group-error": a0 }; };
     var _c1$g = function (a0) { return { "govuk-input--error": a0 }; };
     var WriteEmailFieldComponent = /** @class */ (function (_super) {
         __extends(WriteEmailFieldComponent, _super);
@@ -15798,7 +15798,7 @@
                 i0__namespace.ɵɵelementEnd();
             }
             if (rf & 2) {
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(8, _c0$M, !ctx.emailControl.valid && (ctx.emailControl.dirty || ctx.emailControl.touched)));
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(8, _c0$N, !ctx.emailControl.valid && (ctx.emailControl.dirty || ctx.emailControl.touched)));
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("for", ctx.id());
                 i0__namespace.ɵɵadvance(1);
@@ -15909,7 +15909,7 @@
             i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(2, 2, type_r4.label));
         }
     }
-    var _c0$L = function (a0) { return { "form-group-error": a0 }; };
+    var _c0$M = function (a0) { return { "form-group-error": a0 }; };
     var WriteFixedListFieldComponent = /** @class */ (function (_super) {
         __extends(WriteFixedListFieldComponent, _super);
         function WriteFixedListFieldComponent() {
@@ -15958,7 +15958,7 @@
                 i0__namespace.ɵɵelementEnd();
             }
             if (rf & 2) {
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(9, _c0$L, !ctx.fixedListFormControl.valid && (ctx.fixedListFormControl.dirty || ctx.fixedListFormControl.touched)));
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(9, _c0$M, !ctx.fixedListFormControl.valid && (ctx.fixedListFormControl.dirty || ctx.fixedListFormControl.touched)));
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("for", ctx.id());
                 i0__namespace.ɵɵadvance(1);
@@ -16080,7 +16080,7 @@
             i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(2, 1, i0__namespace.ɵɵpipeBind2(3, 3, ctx_r2.fixedRadioListControl.errors, ctx_r2.caseField.label)));
         }
     }
-    var _c0$K = function (a0) { return { selected: a0 }; };
+    var _c0$L = function (a0) { return { selected: a0 }; };
     function WriteFixedRadioListFieldComponent_div_8_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "div", 9);
@@ -16094,7 +16094,7 @@
         if (rf & 2) {
             var radioButton_r4 = ctx.$implicit;
             var ctx_r3 = i0__namespace.ɵɵnextContext();
-            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(9, _c0$K, ctx_r3.fixedRadioListControl.value === radioButton_r4.code));
+            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(9, _c0$L, 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);
@@ -16264,7 +16264,7 @@
             i0__namespace.ɵɵtextInterpolate1(" ", ctx_r1.caseField.hint_text, " ");
         }
     }
-    var _c0$J = function (a0) { return { "hide-autocomplete": a0 }; };
+    var _c0$K = function (a0) { return { "hide-autocomplete": a0 }; };
     function WriteJudicialUserFieldComponent_mat_option_7_Template(rf, ctx) {
         if (rf & 1) {
             var _r7_1 = i0__namespace.ɵɵgetCurrentView();
@@ -16276,7 +16276,7 @@
         if (rf & 2) {
             var judicialUser_r5 = ctx.$implicit;
             var ctx_r3 = i0__namespace.ɵɵnextContext();
-            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(4, _c0$J, !ctx_r3.showAutocomplete))("value", judicialUser_r5.idamId);
+            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(4, _c0$K, !ctx_r3.showAutocomplete))("value", judicialUser_r5.idamId);
             i0__namespace.ɵɵadvance(1);
             i0__namespace.ɵɵtextInterpolate2(" ", judicialUser_r5.fullName, " (", judicialUser_r5.emailId, ") ");
         }
@@ -17115,7 +17115,7 @@
             i0__namespace.ɵɵtextInterpolate1(" ", ctx_r13.caseReasonCommentsError, " ");
         }
     }
-    var _c0$I = function (a0) { return { "govuk-form-group--error": a0 }; };
+    var _c0$J = function (a0) { return { "govuk-form-group--error": a0 }; };
     function LinkCasesComponent_div_8_div_14_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "div", 35);
@@ -17133,7 +17133,7 @@
         }
         if (rf & 2) {
             var ctx_r7 = i0__namespace.ɵɵnextContext(2);
-            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(2, _c0$I, !!ctx_r7.caseReasonCommentsError));
+            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(2, _c0$J, !!ctx_r7.caseReasonCommentsError));
             i0__namespace.ɵɵadvance(3);
             i0__namespace.ɵɵproperty("ngIf", ctx_r7.caseReasonCommentsError);
         }
@@ -17190,11 +17190,11 @@
             var ctx_r0 = i0__namespace.ɵɵnextContext();
             i0__namespace.ɵɵproperty("formGroup", ctx_r0.linkCaseForm);
             i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(8, _c0$I, !!ctx_r0.caseNumberError));
+            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(8, _c0$J, !!ctx_r0.caseNumberError));
             i0__namespace.ɵɵadvance(3);
             i0__namespace.ɵɵproperty("ngIf", ctx_r0.caseNumberError);
             i0__namespace.ɵɵadvance(2);
-            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(10, _c0$I, !!ctx_r0.caseReasonError));
+            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(10, _c0$J, !!ctx_r0.caseReasonError));
             i0__namespace.ɵɵadvance(5);
             i0__namespace.ɵɵproperty("ngIf", ctx_r0.caseReasonError);
             i0__namespace.ɵɵadvance(2);
@@ -17628,7 +17628,7 @@
                 i0__namespace.ɵɵadvance(4);
                 i0__namespace.ɵɵproperty("ngIf", ctx.linkCaseForm);
                 i0__namespace.ɵɵadvance(4);
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(9, _c0$I, !!ctx.noSelectedCaseError));
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(9, _c0$J, !!ctx.noSelectedCaseError));
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("ngIf", ctx.noSelectedCaseError);
                 i0__namespace.ɵɵadvance(18);
@@ -18335,7 +18335,7 @@
             i0__namespace.ɵɵtextInterpolate2(" ", case_r4.caseName, " ", i0__namespace.ɵɵpipeBind1(4, 6, case_r4.caseReference), " ");
         }
     }
-    var _c0$H = function (a0) { return { "govuk-form-group--error": a0 }; };
+    var _c0$I = function (a0) { return { "govuk-form-group--error": a0 }; };
     function UnLinkCasesComponent_div_0_div_4_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "div", 7);
@@ -18347,7 +18347,7 @@
         }
         if (rf & 2) {
             var ctx_r1 = i0__namespace.ɵɵnextContext(2);
-            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(4, _c0$H, ctx_r1.unlinkErrorMessage))("formGroup", ctx_r1.unlinkCaseForm);
+            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(4, _c0$I, ctx_r1.unlinkErrorMessage))("formGroup", ctx_r1.unlinkCaseForm);
             i0__namespace.ɵɵadvance(1);
             i0__namespace.ɵɵproperty("ngIf", ctx_r1.unlinkErrorMessage);
             i0__namespace.ɵɵadvance(2);
@@ -19234,7 +19234,7 @@
             i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(2, 1, i0__namespace.ɵɵpipeBind2(3, 3, ctx_r2.moneyGbpControl.errors, ctx_r2.caseField.label)));
         }
     }
-    var _c0$G = function (a0) { return { "form-group-error": a0 }; };
+    var _c0$H = function (a0) { return { "form-group-error": a0 }; };
     var WriteMoneyGbpFieldComponent = /** @class */ (function (_super) {
         __extends(WriteMoneyGbpFieldComponent, _super);
         function WriteMoneyGbpFieldComponent() {
@@ -19264,7 +19264,7 @@
                 i0__namespace.ɵɵelementEnd();
             }
             if (rf & 2) {
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(11, _c0$G, !ctx.moneyGbpControl.valid && (ctx.moneyGbpControl.dirty || ctx.moneyGbpControl.touched)));
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(11, _c0$H, !ctx.moneyGbpControl.valid && (ctx.moneyGbpControl.dirty || ctx.moneyGbpControl.touched)));
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("for", ctx.id());
                 i0__namespace.ɵɵadvance(1);
@@ -19419,7 +19419,7 @@
             i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(5, 6, checkbox_r4.label));
         }
     }
-    var _c0$F = function (a0) { return { "error": a0 }; };
+    var _c0$G = function (a0) { return { "error": a0 }; };
     var WriteMultiSelectListFieldComponent = /** @class */ (function (_super) {
         __extends(WriteMultiSelectListFieldComponent, _super);
         function WriteMultiSelectListFieldComponent() {
@@ -19483,7 +19483,7 @@
                 i0__namespace.ɵɵelementEnd();
             }
             if (rf & 2) {
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(6, _c0$F, !ctx.checkboxes.valid && (ctx.checkboxes.dirty || ctx.checkboxes.touched)))("id", ctx.id());
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(6, _c0$G, !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);
@@ -19577,7 +19577,7 @@
             i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(2, 1, i0__namespace.ɵɵpipeBind2(3, 3, ctx_r2.numberControl.errors, ctx_r2.caseField.label)));
         }
     }
-    var _c0$E = function (a0) { return { "form-group-error": a0 }; };
+    var _c0$F = 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);
@@ -19602,7 +19602,7 @@
                 i0__namespace.ɵɵelementEnd();
             }
             if (rf & 2) {
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(8, _c0$E, !ctx.numberControl.valid && ctx.numberControl.dirty));
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(8, _c0$F, !ctx.numberControl.valid && ctx.numberControl.dirty));
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("for", ctx.id());
                 i0__namespace.ɵɵadvance(1);
@@ -19941,7 +19941,7 @@
             i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(3, 1, "No results found."), " ");
         }
     }
-    var _c0$D = function (a0) { return { "scroll-container ": a0 }; };
+    var _c0$E = function (a0) { return { "scroll-container ": a0 }; };
     function WriteOrganisationFieldComponent_fieldset_3_div_17_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "div", 26);
@@ -19957,7 +19957,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$D, ((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$E, ((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);
@@ -20455,7 +20455,7 @@
             i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(2, 1, i0__namespace.ɵɵpipeBind2(3, 3, ctx_r2.phoneUkControl.errors, ctx_r2.caseField.label)), " ");
         }
     }
-    var _c0$C = function (a0) { return { "form-group-error": a0 }; };
+    var _c0$D = 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);
@@ -20480,7 +20480,7 @@
                 i0__namespace.ɵɵelementEnd();
             }
             if (rf & 2) {
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(8, _c0$C, !ctx.phoneUkControl.valid && (ctx.phoneUkControl.dirty || ctx.phoneUkControl.touched)));
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(8, _c0$D, !ctx.phoneUkControl.valid && (ctx.phoneUkControl.dirty || ctx.phoneUkControl.touched)));
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("for", ctx.id());
                 i0__namespace.ɵɵadvance(1);
@@ -21389,14 +21389,14 @@
                 }] });
     })();
 
-    function QueryDetailsTableComponent_ng_container_0_tr_36_Template(rf, ctx) {
+    function QueryDetailsTableComponent_ng_container_0_tr_40_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "tr", 8);
-            i0__namespace.ɵɵelementStart(1, "th", 4);
+            i0__namespace.ɵɵelementStart(0, "tr", 9);
+            i0__namespace.ɵɵelementStart(1, "th", 5);
             i0__namespace.ɵɵtext(2);
             i0__namespace.ɵɵpipe(3, "rpxTranslate");
             i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(4, "td", 5);
+            i0__namespace.ɵɵelementStart(4, "td", 6);
             i0__namespace.ɵɵtext(5);
             i0__namespace.ɵɵpipe(6, "date");
             i0__namespace.ɵɵelementEnd();
@@ -21410,9 +21410,9 @@
             i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind2(6, 4, ctx_r1.queryItem.hearingDate, "dd MMM yyyy"));
         }
     }
-    function QueryDetailsTableComponent_ng_container_0_ccd_query_attachments_read_42_Template(rf, ctx) {
+    function QueryDetailsTableComponent_ng_container_0_ccd_query_attachments_read_46_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelement(0, "ccd-query-attachments-read", 9);
+            i0__namespace.ɵɵelement(0, "ccd-query-attachments-read", 10);
         }
         if (rf & 2) {
             var ctx_r2 = i0__namespace.ɵɵnextContext(2);
@@ -21424,62 +21424,68 @@
             i0__namespace.ɵɵelementContainerStart(0);
             i0__namespace.ɵɵelementStart(1, "table", 1);
             i0__namespace.ɵɵpipe(2, "rpxTranslate");
-            i0__namespace.ɵɵelementStart(3, "tbody", 2);
-            i0__namespace.ɵɵelementStart(4, "tr", 3);
-            i0__namespace.ɵɵelementStart(5, "th", 4);
-            i0__namespace.ɵɵtext(6);
-            i0__namespace.ɵɵpipe(7, "rpxTranslate");
+            i0__namespace.ɵɵelementStart(3, "caption", 2);
+            i0__namespace.ɵɵelementStart(4, "div");
+            i0__namespace.ɵɵtext(5);
+            i0__namespace.ɵɵpipe(6, "rpxTranslate");
             i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(8, "td", 5);
-            i0__namespace.ɵɵtext(9);
-            i0__namespace.ɵɵpipe(10, "date");
             i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(7, "tbody", 3);
+            i0__namespace.ɵɵelementStart(8, "tr", 4);
+            i0__namespace.ɵɵelementStart(9, "th", 5);
+            i0__namespace.ɵɵtext(10);
+            i0__namespace.ɵɵpipe(11, "rpxTranslate");
             i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(11, "tr", 3);
-            i0__namespace.ɵɵelementStart(12, "th", 4);
+            i0__namespace.ɵɵelementStart(12, "td", 6);
             i0__namespace.ɵɵtext(13);
-            i0__namespace.ɵɵpipe(14, "rpxTranslate");
             i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(15, "td", 5);
-            i0__namespace.ɵɵtext(16);
             i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(14, "tr", 4);
+            i0__namespace.ɵɵelementStart(15, "th", 5);
+            i0__namespace.ɵɵtext(16);
+            i0__namespace.ɵɵpipe(17, "rpxTranslate");
             i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(17, "tr", 3);
-            i0__namespace.ɵɵelementStart(18, "th", 4);
+            i0__namespace.ɵɵelementStart(18, "td", 6);
             i0__namespace.ɵɵtext(19);
-            i0__namespace.ɵɵpipe(20, "rpxTranslate");
+            i0__namespace.ɵɵpipe(20, "date");
             i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(21, "td", 5);
-            i0__namespace.ɵɵtext(22);
             i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(21, "tr", 4);
+            i0__namespace.ɵɵelementStart(22, "th", 5);
+            i0__namespace.ɵɵtext(23);
+            i0__namespace.ɵɵpipe(24, "rpxTranslate");
             i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(23, "tr", 3);
-            i0__namespace.ɵɵelementStart(24, "th", 4);
-            i0__namespace.ɵɵtext(25);
-            i0__namespace.ɵɵpipe(26, "rpxTranslate");
+            i0__namespace.ɵɵelementStart(25, "td", 6);
+            i0__namespace.ɵɵtext(26);
             i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(27, "td", 5);
-            i0__namespace.ɵɵtext(28);
             i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(27, "tr", 4);
+            i0__namespace.ɵɵelementStart(28, "th", 5);
+            i0__namespace.ɵɵtext(29);
+            i0__namespace.ɵɵpipe(30, "rpxTranslate");
             i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(29, "tr", 3);
-            i0__namespace.ɵɵelementStart(30, "th", 4);
-            i0__namespace.ɵɵtext(31);
-            i0__namespace.ɵɵpipe(32, "rpxTranslate");
+            i0__namespace.ɵɵelementStart(31, "td", 6);
+            i0__namespace.ɵɵtext(32);
             i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(33, "td", 5);
-            i0__namespace.ɵɵtext(34);
-            i0__namespace.ɵɵpipe(35, "rpxTranslate");
             i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(33, "tr", 4);
+            i0__namespace.ɵɵelementStart(34, "th", 5);
+            i0__namespace.ɵɵtext(35);
+            i0__namespace.ɵɵpipe(36, "rpxTranslate");
             i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵtemplate(36, QueryDetailsTableComponent_ng_container_0_tr_36_Template, 7, 7, "tr", 6);
-            i0__namespace.ɵɵelementStart(37, "tr", 3);
-            i0__namespace.ɵɵelementStart(38, "th", 4);
-            i0__namespace.ɵɵtext(39);
-            i0__namespace.ɵɵpipe(40, "rpxTranslate");
+            i0__namespace.ɵɵelementStart(37, "td", 6);
+            i0__namespace.ɵɵtext(38);
+            i0__namespace.ɵɵpipe(39, "rpxTranslate");
             i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(41, "td", 5);
-            i0__namespace.ɵɵtemplate(42, QueryDetailsTableComponent_ng_container_0_ccd_query_attachments_read_42_Template, 1, 1, "ccd-query-attachments-read", 7);
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵtemplate(40, QueryDetailsTableComponent_ng_container_0_tr_40_Template, 7, 7, "tr", 7);
+            i0__namespace.ɵɵelementStart(41, "tr", 4);
+            i0__namespace.ɵɵelementStart(42, "th", 5);
+            i0__namespace.ɵɵtext(43);
+            i0__namespace.ɵɵpipe(44, "rpxTranslate");
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(45, "td", 6);
+            i0__namespace.ɵɵtemplate(46, QueryDetailsTableComponent_ng_container_0_ccd_query_attachments_read_46_Template, 1, 1, "ccd-query-attachments-read", 8);
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
@@ -21489,35 +21495,37 @@
         if (rf & 2) {
             var ctx_r0 = i0__namespace.ɵɵnextContext();
             i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵattribute("aria-describedby", i0__namespace.ɵɵpipeBind1(2, 18, "Details of the query"));
-            i0__namespace.ɵɵadvance(5);
-            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(7, 20, "Submission date"));
-            i0__namespace.ɵɵadvance(3);
-            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind2(10, 22, ctx_r0.queryItem.createdOn, "dd MMM yyyy"));
+            i0__namespace.ɵɵattribute("aria-describedby", i0__namespace.ɵɵpipeBind1(2, 19, "Details of the query"));
             i0__namespace.ɵɵadvance(4);
-            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(14, 25, "Last submitted by"));
+            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(6, 21, "Query details"));
+            i0__namespace.ɵɵadvance(5);
+            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(11, 23, "Last submitted by"));
             i0__namespace.ɵɵadvance(3);
             i0__namespace.ɵɵtextInterpolate(ctx_r0.queryItem.lastSubmittedBy);
             i0__namespace.ɵɵadvance(3);
-            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(20, 27, "Query subject"));
+            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(17, 25, "Submission date"));
+            i0__namespace.ɵɵadvance(3);
+            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind2(20, 27, ctx_r0.queryItem.createdOn, "dd MMM yyyy"));
+            i0__namespace.ɵɵadvance(4);
+            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(24, 30, "Query subject"));
             i0__namespace.ɵɵadvance(3);
             i0__namespace.ɵɵtextInterpolate(ctx_r0.queryItem.subject);
             i0__namespace.ɵɵadvance(3);
-            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(26, 29, "Query detail"));
+            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(30, 32, "Query body"));
             i0__namespace.ɵɵadvance(3);
             i0__namespace.ɵɵtextInterpolate(ctx_r0.queryItem.body);
             i0__namespace.ɵɵadvance(2);
             i0__namespace.ɵɵclassProp("govuk-table__header--no-border", ctx_r0.queryItem.isHearingRelated);
             i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(32, 31, "Is the query hearing related?"), " ");
+            i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(36, 34, "Is the query hearing related?"), " ");
             i0__namespace.ɵɵadvance(2);
             i0__namespace.ɵɵclassProp("govuk-table__cell--no-border", ctx_r0.queryItem.isHearingRelated);
             i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind3(35, 33, "Is the query hearing related?", null, ctx_r0.queryItem.isHearingRelated ? "Yes" : "No"), "");
+            i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind3(39, 36, "Is the query hearing related?", null, ctx_r0.queryItem.isHearingRelated ? "Yes" : "No"), "");
             i0__namespace.ɵɵadvance(2);
             i0__namespace.ɵɵproperty("ngIf", ctx_r0.queryItem.isHearingRelated);
             i0__namespace.ɵɵadvance(3);
-            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(40, 37, "Attachments"));
+            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(44, 40, "Attachments"));
             i0__namespace.ɵɵadvance(3);
             i0__namespace.ɵɵproperty("ngIf", ctx_r0.queryItem.attachments);
         }
@@ -21528,9 +21536,9 @@
         return QueryDetailsTableComponent;
     }());
     QueryDetailsTableComponent.ɵfac = function QueryDetailsTableComponent_Factory(t) { return new (t || QueryDetailsTableComponent)(); };
-    QueryDetailsTableComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: QueryDetailsTableComponent, selectors: [["ccd-query-details-table"]], inputs: { queryItem: "queryItem" }, decls: 1, vars: 1, consts: [[4, "ngIf"], [1, "govuk-table", "query-details-table"], [1, "govuk-table__body"], [1, "govuk-table__row"], ["scope", "row", 1, "govuk-table__header"], [1, "govuk-table__cell"], ["class", "govuk-table__row govuk-table__row--isHearingRelated", 4, "ngIf"], [3, "attachments", 4, "ngIf"], [1, "govuk-table__row", "govuk-table__row--isHearingRelated"], [3, "attachments"]], template: function QueryDetailsTableComponent_Template(rf, ctx) {
+    QueryDetailsTableComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: QueryDetailsTableComponent, selectors: [["ccd-query-details-table"]], inputs: { queryItem: "queryItem" }, decls: 1, vars: 1, consts: [[4, "ngIf"], [1, "govuk-table", "query-details-table"], [1, "govuk-table__caption", "govuk-table__caption--l"], [1, "govuk-table__body"], [1, "govuk-table__row"], ["scope", "row", 1, "govuk-table__header"], [1, "govuk-table__cell"], ["class", "govuk-table__row govuk-table__row--isHearingRelated", 4, "ngIf"], [3, "attachments", 4, "ngIf"], [1, "govuk-table__row", "govuk-table__row--isHearingRelated"], [3, "attachments"]], template: function QueryDetailsTableComponent_Template(rf, ctx) {
             if (rf & 1) {
-                i0__namespace.ɵɵtemplate(0, QueryDetailsTableComponent_ng_container_0_Template, 43, 39, "ng-container", 0);
+                i0__namespace.ɵɵtemplate(0, QueryDetailsTableComponent_ng_container_0_Template, 47, 42, "ng-container", 0);
             }
             if (rf & 2) {
                 i0__namespace.ɵɵproperty("ngIf", ctx.queryItem);
@@ -21549,7 +21557,7 @@
                 }] });
     })();
 
-    function QueryDetailsComponent_ng_container_0_ng_container_10_ng_container_1_ng_container_1_ccd_query_attachments_read_25_Template(rf, ctx) {
+    function QueryDetailsComponent_ng_container_0_ng_container_7_ng_container_1_ng_container_1_ccd_query_attachments_read_26_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelement(0, "ccd-query-attachments-read", 14);
         }
@@ -21558,42 +21566,44 @@
             i0__namespace.ɵɵproperty("attachments", child_r5.attachments);
         }
     }
-    function QueryDetailsComponent_ng_container_0_ng_container_10_ng_container_1_ng_container_1_Template(rf, ctx) {
+    function QueryDetailsComponent_ng_container_0_ng_container_7_ng_container_1_ng_container_1_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementContainerStart(0);
-            i0__namespace.ɵɵelementStart(1, "div", 2);
-            i0__namespace.ɵɵtext(2);
-            i0__namespace.ɵɵpipe(3, "rpxTranslate");
+            i0__namespace.ɵɵelementStart(1, "table", 7);
+            i0__namespace.ɵɵpipe(2, "rpxTranslate");
+            i0__namespace.ɵɵelementStart(3, "caption", 8);
+            i0__namespace.ɵɵelementStart(4, "div");
+            i0__namespace.ɵɵtext(5);
+            i0__namespace.ɵɵpipe(6, "rpxTranslate");
             i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(4, "table", 8);
-            i0__namespace.ɵɵpipe(5, "rpxTranslate");
-            i0__namespace.ɵɵelementStart(6, "tbody", 9);
-            i0__namespace.ɵɵelementStart(7, "tr", 10);
-            i0__namespace.ɵɵelementStart(8, "th", 11);
-            i0__namespace.ɵɵtext(9);
-            i0__namespace.ɵɵpipe(10, "rpxTranslate");
             i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(11, "td", 12);
-            i0__namespace.ɵɵtext(12);
-            i0__namespace.ɵɵpipe(13, "date");
+            i0__namespace.ɵɵelementStart(7, "tbody", 9);
+            i0__namespace.ɵɵelementStart(8, "tr", 10);
+            i0__namespace.ɵɵelementStart(9, "th", 11);
+            i0__namespace.ɵɵtext(10);
+            i0__namespace.ɵɵpipe(11, "rpxTranslate");
             i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(12, "td", 12);
+            i0__namespace.ɵɵtext(13);
+            i0__namespace.ɵɵpipe(14, "date");
             i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(14, "tr", 10);
-            i0__namespace.ɵɵelementStart(15, "th", 11);
-            i0__namespace.ɵɵtext(16);
-            i0__namespace.ɵɵpipe(17, "rpxTranslate");
             i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(18, "td", 12);
-            i0__namespace.ɵɵtext(19);
+            i0__namespace.ɵɵelementStart(15, "tr", 10);
+            i0__namespace.ɵɵelementStart(16, "th", 11);
+            i0__namespace.ɵɵtext(17);
+            i0__namespace.ɵɵpipe(18, "rpxTranslate");
             i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(19, "td", 12);
+            i0__namespace.ɵɵtext(20);
             i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(20, "tr", 10);
-            i0__namespace.ɵɵelementStart(21, "th", 11);
-            i0__namespace.ɵɵtext(22);
-            i0__namespace.ɵɵpipe(23, "rpxTranslate");
             i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(24, "td", 12);
-            i0__namespace.ɵɵtemplate(25, QueryDetailsComponent_ng_container_0_ng_container_10_ng_container_1_ng_container_1_ccd_query_attachments_read_25_Template, 1, 1, "ccd-query-attachments-read", 13);
+            i0__namespace.ɵɵelementStart(21, "tr", 10);
+            i0__namespace.ɵɵelementStart(22, "th", 11);
+            i0__namespace.ɵɵtext(23);
+            i0__namespace.ɵɵpipe(24, "rpxTranslate");
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(25, "td", 12);
+            i0__namespace.ɵɵtemplate(26, QueryDetailsComponent_ng_container_0_ng_container_7_ng_container_1_ng_container_1_ccd_query_attachments_read_26_Template, 1, 1, "ccd-query-attachments-read", 13);
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
@@ -21602,59 +21612,61 @@
         }
         if (rf & 2) {
             var child_r5 = i0__namespace.ɵɵnextContext().$implicit;
-            i0__namespace.ɵɵadvance(2);
-            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(3, 8, "Response"));
-            i0__namespace.ɵɵadvance(2);
-            i0__namespace.ɵɵattribute("aria-describedby", i0__namespace.ɵɵpipeBind1(5, 10, "Response of the query"));
+            i0__namespace.ɵɵadvance(1);
+            i0__namespace.ɵɵattribute("aria-describedby", i0__namespace.ɵɵpipeBind1(2, 8, "Response of the query"));
+            i0__namespace.ɵɵadvance(4);
+            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(6, 10, "Response"));
             i0__namespace.ɵɵadvance(5);
-            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(10, 12, "Last response date"));
+            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(11, 12, "Last response date"));
             i0__namespace.ɵɵadvance(3);
-            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind2(13, 14, child_r5.createdOn, "dd MMM yyyy"));
+            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind2(14, 14, child_r5.createdOn, "dd MMM yyyy"));
             i0__namespace.ɵɵadvance(4);
-            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(17, 17, "Response detail"));
+            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(18, 17, "Response detail"));
             i0__namespace.ɵɵadvance(3);
             i0__namespace.ɵɵtextInterpolate(child_r5.body);
             i0__namespace.ɵɵadvance(3);
-            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(23, 19, "Attachments"));
+            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(24, 19, "Attachments"));
             i0__namespace.ɵɵadvance(3);
             i0__namespace.ɵɵproperty("ngIf", child_r5.attachments);
         }
     }
-    function QueryDetailsComponent_ng_container_0_ng_container_10_ng_container_1_ng_template_2_Template(rf, ctx) {
+    function QueryDetailsComponent_ng_container_0_ng_container_7_ng_container_1_ng_template_2_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "div", 2);
-            i0__namespace.ɵɵtext(1);
-            i0__namespace.ɵɵpipe(2, "rpxTranslate");
+            i0__namespace.ɵɵelementStart(0, "table", 7);
+            i0__namespace.ɵɵpipe(1, "rpxTranslate");
+            i0__namespace.ɵɵelementStart(2, "caption", 8);
+            i0__namespace.ɵɵelementStart(3, "div");
+            i0__namespace.ɵɵtext(4);
+            i0__namespace.ɵɵpipe(5, "rpxTranslate");
             i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(3, "table", 8);
-            i0__namespace.ɵɵpipe(4, "rpxTranslate");
-            i0__namespace.ɵɵelementStart(5, "tbody", 9);
-            i0__namespace.ɵɵelementStart(6, "tr", 10);
-            i0__namespace.ɵɵelementStart(7, "th", 11);
-            i0__namespace.ɵɵtext(8);
-            i0__namespace.ɵɵpipe(9, "rpxTranslate");
             i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(10, "td", 12);
-            i0__namespace.ɵɵtext(11);
-            i0__namespace.ɵɵpipe(12, "date");
+            i0__namespace.ɵɵelementStart(6, "tbody", 9);
+            i0__namespace.ɵɵelementStart(7, "tr", 10);
+            i0__namespace.ɵɵelementStart(8, "th", 11);
+            i0__namespace.ɵɵtext(9);
+            i0__namespace.ɵɵpipe(10, "rpxTranslate");
             i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(11, "td", 12);
+            i0__namespace.ɵɵtext(12);
+            i0__namespace.ɵɵpipe(13, "date");
             i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(13, "tr", 10);
-            i0__namespace.ɵɵelementStart(14, "th", 11);
-            i0__namespace.ɵɵtext(15);
-            i0__namespace.ɵɵpipe(16, "rpxTranslate");
             i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(17, "td", 12);
-            i0__namespace.ɵɵtext(18);
+            i0__namespace.ɵɵelementStart(14, "tr", 10);
+            i0__namespace.ɵɵelementStart(15, "th", 11);
+            i0__namespace.ɵɵtext(16);
+            i0__namespace.ɵɵpipe(17, "rpxTranslate");
             i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(18, "td", 12);
+            i0__namespace.ɵɵtext(19);
             i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(19, "tr", 10);
-            i0__namespace.ɵɵelementStart(20, "th", 11);
-            i0__namespace.ɵɵtext(21);
-            i0__namespace.ɵɵpipe(22, "rpxTranslate");
             i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(23, "td", 12);
-            i0__namespace.ɵɵtext(24);
+            i0__namespace.ɵɵelementStart(20, "tr", 10);
+            i0__namespace.ɵɵelementStart(21, "th", 11);
+            i0__namespace.ɵɵtext(22);
+            i0__namespace.ɵɵpipe(23, "rpxTranslate");
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(24, "td", 12);
+            i0__namespace.ɵɵtext(25);
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
@@ -21662,29 +21674,28 @@
         }
         if (rf & 2) {
             var child_r5 = i0__namespace.ɵɵnextContext().$implicit;
-            i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(2, 8, "Follow up query"));
-            i0__namespace.ɵɵadvance(2);
-            i0__namespace.ɵɵattribute("aria-describedby", i0__namespace.ɵɵpipeBind1(4, 10, "Follow-up of the response"));
+            i0__namespace.ɵɵattribute("aria-describedby", i0__namespace.ɵɵpipeBind1(1, 8, "Follow-up of the response"));
+            i0__namespace.ɵɵadvance(4);
+            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(5, 10, "Follow up query"));
             i0__namespace.ɵɵadvance(5);
-            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(9, 12, "Last submission date"));
+            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(10, 12, "Last submission date"));
             i0__namespace.ɵɵadvance(3);
-            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind2(12, 14, child_r5.createdOn, "dd MMM yyyy"));
+            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind2(13, 14, child_r5.createdOn, "dd MMM yyyy"));
             i0__namespace.ɵɵadvance(4);
-            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(16, 17, "Last submitted by"));
+            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(17, 17, "Last submitted by"));
             i0__namespace.ɵɵadvance(3);
             i0__namespace.ɵɵtextInterpolate(child_r5.name);
             i0__namespace.ɵɵadvance(3);
-            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(22, 19, "Query detail"));
+            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(23, 19, "Query detail"));
             i0__namespace.ɵɵadvance(3);
             i0__namespace.ɵɵtextInterpolate(child_r5.body);
         }
     }
-    function QueryDetailsComponent_ng_container_0_ng_container_10_ng_container_1_Template(rf, ctx) {
+    function QueryDetailsComponent_ng_container_0_ng_container_7_ng_container_1_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementContainerStart(0);
-            i0__namespace.ɵɵtemplate(1, QueryDetailsComponent_ng_container_0_ng_container_10_ng_container_1_ng_container_1_Template, 26, 21, "ng-container", 4);
-            i0__namespace.ɵɵtemplate(2, QueryDetailsComponent_ng_container_0_ng_container_10_ng_container_1_ng_template_2_Template, 25, 21, "ng-template", null, 7, i0__namespace.ɵɵtemplateRefExtractor);
+            i0__namespace.ɵɵtemplate(1, QueryDetailsComponent_ng_container_0_ng_container_7_ng_container_1_ng_container_1_Template, 27, 21, "ng-container", 3);
+            i0__namespace.ɵɵtemplate(2, QueryDetailsComponent_ng_container_0_ng_container_7_ng_container_1_ng_template_2_Template, 26, 21, "ng-template", null, 6, i0__namespace.ɵɵtemplateRefExtractor);
             i0__namespace.ɵɵelementContainerEnd();
         }
         if (rf & 2) {
@@ -21694,10 +21705,10 @@
             i0__namespace.ɵɵproperty("ngIf", i_r6 % 2 === 0)("ngIfElse", _r8);
         }
     }
-    function QueryDetailsComponent_ng_container_0_ng_container_10_Template(rf, ctx) {
+    function QueryDetailsComponent_ng_container_0_ng_container_7_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementContainerStart(0);
-            i0__namespace.ɵɵtemplate(1, QueryDetailsComponent_ng_container_0_ng_container_10_ng_container_1_Template, 4, 2, "ng-container", 6);
+            i0__namespace.ɵɵtemplate(1, QueryDetailsComponent_ng_container_0_ng_container_7_ng_container_1_Template, 4, 2, "ng-container", 5);
             i0__namespace.ɵɵelementContainerEnd();
         }
         if (rf & 2) {
@@ -21706,7 +21717,7 @@
             i0__namespace.ɵɵproperty("ngForOf", ctx_r1.query.children);
         }
     }
-    function QueryDetailsComponent_ng_container_0_ng_template_11_Template(rf, ctx) {
+    function QueryDetailsComponent_ng_container_0_ng_template_8_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "div");
             i0__namespace.ɵɵelementStart(1, "p", 15);
@@ -21738,22 +21749,16 @@
             i0__namespace.ɵɵpipe(5, "rpxTranslate");
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(6, "div", 2);
-            i0__namespace.ɵɵtext(7);
-            i0__namespace.ɵɵpipe(8, "rpxTranslate");
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelement(9, "ccd-query-details-table", 3);
-            i0__namespace.ɵɵtemplate(10, QueryDetailsComponent_ng_container_0_ng_container_10_Template, 2, 1, "ng-container", 4);
-            i0__namespace.ɵɵtemplate(11, QueryDetailsComponent_ng_container_0_ng_template_11_Template, 7, 6, "ng-template", null, 5, i0__namespace.ɵɵtemplateRefExtractor);
+            i0__namespace.ɵɵelement(6, "ccd-query-details-table", 2);
+            i0__namespace.ɵɵtemplate(7, QueryDetailsComponent_ng_container_0_ng_container_7_Template, 2, 1, "ng-container", 3);
+            i0__namespace.ɵɵtemplate(8, QueryDetailsComponent_ng_container_0_ng_template_8_Template, 7, 6, "ng-template", null, 4, i0__namespace.ɵɵtemplateRefExtractor);
             i0__namespace.ɵɵelementContainerEnd();
         }
         if (rf & 2) {
-            var _r2 = i0__namespace.ɵɵreference(12);
+            var _r2 = i0__namespace.ɵɵreference(9);
             var ctx_r0 = i0__namespace.ɵɵnextContext();
             i0__namespace.ɵɵadvance(4);
-            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(5, 5, "Back to queries"));
-            i0__namespace.ɵɵadvance(3);
-            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(8, 7, "Query details"));
+            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(5, 4, "Back to queries"));
             i0__namespace.ɵɵadvance(2);
             i0__namespace.ɵɵproperty("queryItem", ctx_r0.query);
             i0__namespace.ɵɵadvance(1);
@@ -21770,14 +21775,14 @@
         return QueryDetailsComponent;
     }());
     QueryDetailsComponent.ɵfac = function QueryDetailsComponent_Factory(t) { return new (t || QueryDetailsComponent)(); };
-    QueryDetailsComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: QueryDetailsComponent, selectors: [["ccd-query-details"]], inputs: { query: "query" }, outputs: { backClicked: "backClicked" }, decls: 1, vars: 1, consts: [[4, "ngIf"], ["href", "javascript:void(0)", 1, "govuk-link", 3, "click"], [1, "query_details_caption"], [3, "queryItem"], [4, "ngIf", "ngIfElse"], ["queryIsInReview", ""], [4, "ngFor", "ngForOf"], ["followUpMessage", ""], [1, "govuk-table", "query-details-table"], [1, "govuk-table__body"], [1, "govuk-table__row"], ["scope", "row", 1, "govuk-table__header"], [1, "govuk-table__cell"], [3, "attachments", 4, "ngIf"], [3, "attachments"], [1, "govuk-!-font-weight-bold"]], template: function QueryDetailsComponent_Template(rf, ctx) {
+    QueryDetailsComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: QueryDetailsComponent, selectors: [["ccd-query-details"]], inputs: { query: "query" }, outputs: { backClicked: "backClicked" }, decls: 1, vars: 1, consts: [[4, "ngIf"], ["href", "javascript:void(0)", 1, "govuk-link", 3, "click"], [3, "queryItem"], [4, "ngIf", "ngIfElse"], ["queryIsInReview", ""], [4, "ngFor", "ngForOf"], ["followUpMessage", ""], [1, "govuk-table", "query-details-table"], [1, "govuk-table__caption", "govuk-table__caption--l"], [1, "govuk-table__body"], [1, "govuk-table__row"], ["scope", "row", 1, "govuk-table__header"], [1, "govuk-table__cell"], [3, "attachments", 4, "ngIf"], [3, "attachments"], [1, "govuk-!-font-weight-bold"]], template: function QueryDetailsComponent_Template(rf, ctx) {
             if (rf & 1) {
-                i0__namespace.ɵɵtemplate(0, QueryDetailsComponent_ng_container_0_Template, 13, 9, "ng-container", 0);
+                i0__namespace.ɵɵtemplate(0, QueryDetailsComponent_ng_container_0_Template, 10, 6, "ng-container", 0);
             }
             if (rf & 2) {
                 i0__namespace.ɵɵproperty("ngIf", ctx.query);
             }
-        }, styles: [".query_details_caption[_ngcontent-%COMP%]{background:#f3f2f1;padding:10px;font-size:x-large;font-weight:700}.query-details-table[_ngcontent-%COMP%]   .govuk-table__header[_ngcontent-%COMP%]{width:330px}"] });
+        }, styles: [".query-details-table[_ngcontent-%COMP%]   .govuk-table__header[_ngcontent-%COMP%]{width:330px}"] });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(QueryDetailsComponent, [{
                 type: i0.Component,
@@ -21967,14 +21972,14 @@
         return QueryListComponent;
     }());
     QueryListComponent.ɵfac = function QueryListComponent_Factory(t) { return new (t || QueryListComponent)(); };
-    QueryListComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: QueryListComponent, selectors: [["ccd-query-list"]], inputs: { partyMessageGroup: "partyMessageGroup" }, outputs: { selectedQuery: "selectedQuery" }, features: [i0__namespace.ɵɵNgOnChangesFeature], decls: 1, vars: 1, consts: [[4, "ngIf"], [1, "govuk-table", "query-list__table"], [1, "govuk-table__cell", "query-list__caption", "query-list__row"], [1, "govuk-table__head"], [1, "govuk-table__row", "query-list__row"], ["scope", "col", "class", "govuk-table__header", 4, "ngFor", "ngForOf"], [1, "govuk-table__body"], ["class", "govuk-table__row query-list__row", 4, "ngFor", "ngForOf"], ["scope", "col", 1, "govuk-table__header"], ["type", "button", "aria-sort", "none", "href", "javascript:void(0)", 3, "click"], [1, "govuk-table__cell", "query-list__cell", "query-list__cell--first"], ["href", "javascript:void(0)", 3, "click"], [1, "govuk-table__cell", "query-list__cell"]], template: function QueryListComponent_Template(rf, ctx) {
+    QueryListComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: QueryListComponent, selectors: [["ccd-query-list"]], inputs: { partyMessageGroup: "partyMessageGroup" }, outputs: { selectedQuery: "selectedQuery" }, features: [i0__namespace.ɵɵNgOnChangesFeature], decls: 1, vars: 1, consts: [[4, "ngIf"], [1, "govuk-table", "query-list__table"], [1, "govuk-table__caption", "govuk-table__caption--l"], [1, "govuk-table__head"], [1, "govuk-table__row", "query-list__row"], ["scope", "col", "class", "govuk-table__header", 4, "ngFor", "ngForOf"], [1, "govuk-table__body"], ["class", "govuk-table__row query-list__row", 4, "ngFor", "ngForOf"], ["scope", "col", 1, "govuk-table__header"], ["type", "button", "aria-sort", "none", "href", "javascript:void(0)", 3, "click"], [1, "govuk-table__cell", "query-list__cell", "query-list__cell--first"], ["href", "javascript:void(0)", 3, "click"], [1, "govuk-table__cell", "query-list__cell"]], template: function QueryListComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0__namespace.ɵɵtemplate(0, QueryListComponent_ng_container_0_Template, 10, 3, "ng-container", 0);
             }
             if (rf & 2) {
                 i0__namespace.ɵɵproperty("ngIf", ctx.queryListData);
             }
-        }, directives: [i5__namespace.NgIf, i5__namespace.NgForOf], pipes: [i1__namespace.RpxTranslatePipe, i5__namespace.DatePipe], styles: ["@charset \"UTF-8\";.query-list__caption[_ngcontent-%COMP%], .query-list__table[_ngcontent-%COMP%]{border:1px solid #b1b4b6}.query-list__caption[_ngcontent-%COMP%]{background:#f3f2f1;border-bottom:0;font-weight:700}.query-list__row[_ngcontent-%COMP%] > [_ngcontent-%COMP%]:first-child{padding-left:10px}.query-list__row[_ngcontent-%COMP%] > [_ngcontent-%COMP%]:last-child{padding-right:10px}.query-list__cell--first[_ngcontent-%COMP%]{width:33%}[aria-sort][_ngcontent-%COMP%]   button[_ngcontent-%COMP%], [aria-sort][_ngcontent-%COMP%]   button[_ngcontent-%COMP%]:hover, [aria-sort][_ngcontent-%COMP%]   button[_ngcontent-%COMP%]:hover:hover{background-color:transparent;border-width:0;box-shadow:0 0 0 0;color:#000;cursor:pointer;font-family:inherit;font-weight:inherit;padding:0 10px 0 0;position:relative;text-align:inherit;font-size:1em;margin:0}[aria-sort][_ngcontent-%COMP%]   button[_ngcontent-%COMP%]:focus, [aria-sort][_ngcontent-%COMP%]   button[_ngcontent-%COMP%]:hover:focus{background-color:#fd0;color:#000;box-shadow:0 -2px #fd0,0 4px #000;outline:none}[aria-sort][_ngcontent-%COMP%]:first-child   button[_ngcontent-%COMP%]{right:auto}[aria-sort][_ngcontent-%COMP%]   button[_ngcontent-%COMP%]:before{content:\" \u25BC\";position:absolute;right:-1px;top:9px;font-size:.5em}[aria-sort][_ngcontent-%COMP%]   button[_ngcontent-%COMP%]:after{content:\" \u25B2\";position:absolute;right:-1px;top:1px;font-size:.5em}[aria-sort=ascending][_ngcontent-%COMP%]   button[_ngcontent-%COMP%]:before, [aria-sort=descending][_ngcontent-%COMP%]   button[_ngcontent-%COMP%]:before{content:none}[aria-sort=ascending][_ngcontent-%COMP%]   button[_ngcontent-%COMP%]:after{content:\" \u25B2\";font-size:.8em;position:absolute;right:-5px;top:2px}[aria-sort=descending][_ngcontent-%COMP%]   button[_ngcontent-%COMP%]:after{content:\" \u25BC\";font-size:.8em;position:absolute;right:-5px;top:2px}"] });
+        }, directives: [i5__namespace.NgIf, i5__namespace.NgForOf], pipes: [i1__namespace.RpxTranslatePipe, i5__namespace.DatePipe], styles: ["@charset \"UTF-8\";.query-list__row[_ngcontent-%COMP%] > [_ngcontent-%COMP%]:first-child{padding-left:10px}.query-list__row[_ngcontent-%COMP%] > [_ngcontent-%COMP%]:last-child{padding-right:10px}.query-list__cell--first[_ngcontent-%COMP%]{width:33%}[aria-sort][_ngcontent-%COMP%]   button[_ngcontent-%COMP%], [aria-sort][_ngcontent-%COMP%]   button[_ngcontent-%COMP%]:hover, [aria-sort][_ngcontent-%COMP%]   button[_ngcontent-%COMP%]:hover:hover{background-color:transparent;border-width:0;box-shadow:0 0 0 0;color:#000;cursor:pointer;font-family:inherit;font-weight:inherit;padding:0 10px 0 0;position:relative;text-align:inherit;font-size:1em;margin:0}[aria-sort][_ngcontent-%COMP%]   button[_ngcontent-%COMP%]:focus, [aria-sort][_ngcontent-%COMP%]   button[_ngcontent-%COMP%]:hover:focus{background-color:#fd0;color:#000;box-shadow:0 -2px #fd0,0 4px #000;outline:none}[aria-sort][_ngcontent-%COMP%]:first-child   button[_ngcontent-%COMP%]{right:auto}[aria-sort][_ngcontent-%COMP%]   button[_ngcontent-%COMP%]:before{content:\" \u25BC\";position:absolute;right:-1px;top:9px;font-size:.5em}[aria-sort][_ngcontent-%COMP%]   button[_ngcontent-%COMP%]:after{content:\" \u25B2\";position:absolute;right:-1px;top:1px;font-size:.5em}[aria-sort=ascending][_ngcontent-%COMP%]   button[_ngcontent-%COMP%]:before, [aria-sort=descending][_ngcontent-%COMP%]   button[_ngcontent-%COMP%]:before{content:none}[aria-sort=ascending][_ngcontent-%COMP%]   button[_ngcontent-%COMP%]:after{content:\" \u25B2\";font-size:.8em;position:absolute;right:-5px;top:2px}[aria-sort=descending][_ngcontent-%COMP%]   button[_ngcontent-%COMP%]:after{content:\" \u25BC\";font-size:.8em;position:absolute;right:-5px;top:2px}"] });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(QueryListComponent, [{
                 type: i0.Component,
@@ -22151,8 +22156,8 @@
             // This field is mocked to allow the document component to be used in isolation
             this.mockDocumentCaseField = Object.assign(new CaseField(), {
                 id: QueryWriteAddDocumentsComponent.DOCUMENTS_FORM_CONTROL_NAME,
-                label: 'Add document',
-                hint_text: 'Attach a document to this message',
+                label: this.label ? this.label : 'Add document',
+                hint_text: this.hintText ? this.hintText : 'Attach a document to this message',
                 display_context: 'OPTIONAL',
                 display_context_parameter: '#COLLECTION(allowInsert,allowUpdate)',
                 field_type: Object.assign(new FieldType(), {
@@ -22194,7 +22199,7 @@
     }());
     QueryWriteAddDocumentsComponent.DOCUMENTS_FORM_CONTROL_NAME = 'documentCollection';
     QueryWriteAddDocumentsComponent.ɵfac = function QueryWriteAddDocumentsComponent_Factory(t) { return new (t || QueryWriteAddDocumentsComponent)(); };
-    QueryWriteAddDocumentsComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: QueryWriteAddDocumentsComponent, selectors: [["ccd-query-write-add-documents"]], inputs: { formGroup: "formGroup" }, outputs: { documentCollectionUpdate: "documentCollectionUpdate" }, decls: 1, vars: 2, consts: [[3, "formGroup", "caseField"]], template: function QueryWriteAddDocumentsComponent_Template(rf, ctx) {
+    QueryWriteAddDocumentsComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: QueryWriteAddDocumentsComponent, selectors: [["ccd-query-write-add-documents"]], inputs: { formGroup: "formGroup", label: "label", hintText: "hintText" }, outputs: { documentCollectionUpdate: "documentCollectionUpdate" }, decls: 1, vars: 2, consts: [[3, "formGroup", "caseField"]], template: function QueryWriteAddDocumentsComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0__namespace.ɵɵelement(0, "ccd-write-collection-field", 0);
             }
@@ -22211,6 +22216,10 @@
                     }]
             }], null, { formGroup: [{
                     type: i0.Input
+                }], label: [{
+                    type: i0.Input
+                }], hintText: [{
+                    type: i0.Input
                 }], documentCollectionUpdate: [{
                     type: i0.Output
                 }] });
@@ -22292,7 +22301,7 @@
             i0__namespace.ɵɵtextInterpolate1("", i0__namespace.ɵɵpipeBind1(5, 4, ctx_r4.raiseQueryErrorMessage.QUERY_HEARING_DATE), " ");
         }
     }
-    var _c0$B = function (a0) { return { "govuk-form-group--error": a0 }; };
+    var _c0$C = function (a0) { return { "govuk-form-group--error": a0 }; };
     function QueryWriteRaiseQueryComponent_ng_container_53_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementContainerStart(0);
@@ -22313,9 +22322,9 @@
         if (rf & 2) {
             var ctx_r3 = i0__namespace.ɵɵnextContext();
             i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(5, _c0$B, ctx_r3.submitted && ctx_r3.formGroup.get("isHearingRelated").value === true && ctx_r3.formGroup.get("hearingDate").value === null));
+            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(5, _c0$C, ctx_r3.submitted && ctx_r3.formGroup.get("isHearingRelated").value === true && ctx_r3.formGroup.get("hearingDate").value === null));
             i0__namespace.ɵɵadvance(4);
-            i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(6, 3, "Hearing date"), " ");
+            i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(6, 3, "What is the date of the hearing?"), " ");
             i0__namespace.ɵɵadvance(2);
             i0__namespace.ɵɵproperty("ngIf", ctx_r3.submitted && ctx_r3.formGroup.get("isHearingRelated").value === true && ctx_r3.formGroup.get("hearingDate").value === null);
         }
@@ -22327,7 +22336,7 @@
         return QueryWriteRaiseQueryComponent;
     }());
     QueryWriteRaiseQueryComponent.ɵfac = function QueryWriteRaiseQueryComponent_Factory(t) { return new (t || QueryWriteRaiseQueryComponent)(); };
-    QueryWriteRaiseQueryComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: QueryWriteRaiseQueryComponent, selectors: [["ccd-query-write-raise-query"]], inputs: { formGroup: "formGroup", submitted: "submitted" }, decls: 54, vars: 55, consts: [[1, "govuk-!-margin-bottom-6"], [1, "govuk-caption-l"], [1, "govuk-heading-l", "govuk-!-margin-bottom-4"], [1, "govuk-!-margin-bottom-4"], [3, "formGroup"], [1, "govuk-form-group", 3, "ngClass"], [1, "govuk-label-wrapper"], ["for", "subject", 1, "govuk-label", "govuk-label--m", "govuk-!-font-weight-bold"], ["id", "subject-hint", 1, "govuk-hint"], ["id", "subject-error", "class", "govuk-error-message", 4, "ngIf"], ["type", "text", "name", "subject", "id", "subject", 1, "govuk-input", 3, "formControlName"], ["for", "body", 1, "govuk-label", "govuk-label--m", "govuk-!-font-weight-bold"], ["id", "body-hint", 1, "govuk-hint"], ["id", "body-error", "class", "govuk-error-message", 4, "ngIf"], ["id", "body", "name", "body", "rows", "5", "aria-describedby", "body-hint body-error", 1, "govuk-textarea", 3, "formControlName"], [1, "govuk-fieldset"], [1, "govuk-label", "govuk-label--m", "govuk-!-font-weight-bold"], ["id", "isHearingRelated-error", "class", "govuk-error-message", 4, "ngIf"], ["data-module", "govuk-radios", 1, "govuk-radios", "govuk-radios--inline"], [1, "govuk-radios__item"], ["id", "isHearingRelated-yes", "name", "isHearingRelated", "type", "radio", "formControlName", "isHearingRelated", 1, "govuk-radios__input", 3, "checked", "value"], ["for", "isHearingRelated-yes", 1, "govuk-label", "govuk-radios__label"], ["id", "isHearingRelated-no", "name", "isHearingRelated", "type", "radio", "formControlName", "isHearingRelated", 1, "govuk-radios__input", 3, "checked", "value"], ["for", "isHearingRelated-no", 1, "govuk-label", "govuk-radios__label"], [4, "ngIf"], ["id", "subject-error", 1, "govuk-error-message"], [1, "govuk-visually-hidden"], ["id", "body-error", 1, "govuk-error-message"], ["id", "isHearingRelated-error", 1, "govuk-error-message"], [1, "govuk-!-margin-top-1", 3, "ngClass"], ["role", "group", 1, "govuk-fieldset"], [1, "govuk-label", "govuk-label--s"], ["id", "hearingDate-error", "class", "govuk-error-message", 4, "ngIf"], ["formControlName", "hearingDate"], ["id", "hearingDate-error", 1, "govuk-error-message"]], template: function QueryWriteRaiseQueryComponent_Template(rf, ctx) {
+    QueryWriteRaiseQueryComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: QueryWriteRaiseQueryComponent, selectors: [["ccd-query-write-raise-query"]], inputs: { formGroup: "formGroup", submitted: "submitted" }, decls: 54, vars: 55, consts: [[1, "govuk-!-margin-bottom-6"], [1, "govuk-caption-l"], [1, "govuk-heading-l", "govuk-!-margin-bottom-4"], [1, "govuk-!-margin-bottom-4"], [3, "formGroup"], [1, "govuk-form-group", 3, "ngClass"], [1, "govuk-label-wrapper"], ["for", "subject", 1, "govuk-label", "govuk-label--m", "govuk-!-font-weight-bold"], ["id", "subject-hint", 1, "govuk-hint"], ["id", "subject-error", "class", "govuk-error-message", 4, "ngIf"], ["type", "text", "name", "subject", "id", "subject", 1, "govuk-input", 3, "formControlName"], ["for", "body", 1, "govuk-label", "govuk-label--m", "govuk-!-font-weight-bold"], ["id", "body-hint", 1, "govuk-hint"], ["id", "body-error", "class", "govuk-error-message", 4, "ngIf"], ["id", "body", "name", "body", "rows", "5", "aria-describedby", "body-hint body-error", 1, "govuk-textarea", 3, "formControlName"], [1, "govuk-fieldset"], [1, "govuk-label", "govuk-label--m", "govuk-!-font-weight-bold"], ["id", "isHearingRelated-error", "class", "govuk-error-message", 4, "ngIf"], ["data-module", "govuk-radios", 1, "govuk-radios", "govuk-radios--inline"], [1, "govuk-radios__item"], ["id", "isHearingRelated-yes", "name", "isHearingRelated", "type", "radio", "formControlName", "isHearingRelated", 1, "govuk-radios__input", 3, "checked", "value"], ["for", "isHearingRelated-yes", 1, "govuk-label", "govuk-radios__label"], ["id", "isHearingRelated-no", "name", "isHearingRelated", "type", "radio", "formControlName", "isHearingRelated", 1, "govuk-radios__input", 3, "checked", "value"], ["for", "isHearingRelated-no", 1, "govuk-label", "govuk-radios__label"], [4, "ngIf"], ["id", "subject-error", 1, "govuk-error-message"], [1, "govuk-visually-hidden"], ["id", "body-error", 1, "govuk-error-message"], ["id", "isHearingRelated-error", 1, "govuk-error-message"], [1, "govuk-radios__conditional", "govuk-!-margin-top-1", 3, "ngClass"], ["role", "group", 1, "govuk-fieldset"], [1, "govuk-label", "govuk-label--s"], ["id", "hearingDate-error", "class", "govuk-error-message", 4, "ngIf"], ["formControlName", "hearingDate"], ["id", "hearingDate-error", 1, "govuk-error-message"]], template: function QueryWriteRaiseQueryComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0__namespace.ɵɵelementStart(0, "div");
                 i0__namespace.ɵɵelementStart(1, "div", 0);
@@ -22419,7 +22428,7 @@
                 i0__namespace.ɵɵadvance(6);
                 i0__namespace.ɵɵproperty("formGroup", ctx.formGroup);
                 i0__namespace.ɵɵadvance(2);
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(49, _c0$B, ctx.submitted && ctx.formGroup.get("subject").hasError("required")));
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(49, _c0$C, ctx.submitted && ctx.formGroup.get("subject").hasError("required")));
                 i0__namespace.ɵɵadvance(3);
                 i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(18, 31, "Query subject"), " ");
                 i0__namespace.ɵɵadvance(3);
@@ -22430,9 +22439,9 @@
                 i0__namespace.ɵɵclassProp("govuk-input--error", ctx.submitted && ((tmp_7_0 = ctx.formGroup.get("subject")) == null ? null : tmp_7_0.hasError("required")));
                 i0__namespace.ɵɵproperty("formControlName", "subject");
                 i0__namespace.ɵɵadvance(1);
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(51, _c0$B, ctx.submitted && ctx.formGroup.get("body").hasError("required")));
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(51, _c0$C, ctx.submitted && ctx.formGroup.get("body").hasError("required")));
                 i0__namespace.ɵɵadvance(3);
-                i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(28, 35, "Query body"), " ");
+                i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(28, 35, "Query detail"), " ");
                 i0__namespace.ɵɵadvance(3);
                 i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(31, 37, "Include as many details as possible so case workers can respond to your query"), " ");
                 i0__namespace.ɵɵadvance(2);
@@ -22441,7 +22450,7 @@
                 i0__namespace.ɵɵclassProp("govuk-textarea--error", ctx.submitted && ctx.formGroup.get("body").hasError("required"));
                 i0__namespace.ɵɵproperty("formControlName", "body");
                 i0__namespace.ɵɵadvance(2);
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(53, _c0$B, ctx.submitted && ctx.formGroup.get("isHearingRelated").hasError("required")));
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(53, _c0$C, ctx.submitted && ctx.formGroup.get("isHearingRelated").hasError("required")));
                 i0__namespace.ɵɵadvance(4);
                 i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(40, 39, "Is the query hearing related?"), " ");
                 i0__namespace.ɵɵadvance(2);
@@ -22472,10 +22481,10 @@
                 }] });
     })();
 
-    function QueryWriteRespondToQueryComponent_p_23_Template(rf, ctx) {
+    function QueryWriteRespondToQueryComponent_p_27_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "p", 13);
-            i0__namespace.ɵɵelementStart(1, "span", 14);
+            i0__namespace.ɵɵelementStart(0, "p", 15);
+            i0__namespace.ɵɵelementStart(1, "span", 16);
             i0__namespace.ɵɵtext(2);
             i0__namespace.ɵɵpipe(3, "rpxTranslate");
             i0__namespace.ɵɵelementEnd();
@@ -22491,6 +22500,7 @@
             i0__namespace.ɵɵtextInterpolate1("", ctx_r0.queryCreateContext === ctx_r0.queryCreateContextEnum.RESPOND ? ctx_r0.raiseQueryErrorMessages.RESPOND_QUERY_BODY : i0__namespace.ɵɵpipeBind1(5, 4, ctx_r0.raiseQueryErrorMessages.QUERY_BODY), " ");
         }
     }
+    var _c0$B = function (a3) { return ["/", "cases", "case-details", a3, "tasks"]; };
     var QueryWriteRespondToQueryComponent = /** @class */ (function () {
         function QueryWriteRespondToQueryComponent(caseNotifier) {
             this.caseNotifier = caseNotifier;
@@ -22507,43 +22517,49 @@
         return QueryWriteRespondToQueryComponent;
     }());
     QueryWriteRespondToQueryComponent.ɵfac = function QueryWriteRespondToQueryComponent_Factory(t) { return new (t || QueryWriteRespondToQueryComponent)(i0__namespace.ɵɵdirectiveInject(CaseNotifier)); };
-    QueryWriteRespondToQueryComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: QueryWriteRespondToQueryComponent, selectors: [["ccd-query-write-respond-to-query"]], inputs: { queryItem: "queryItem", formGroup: "formGroup", queryCreateContext: "queryCreateContext", submitted: "submitted" }, decls: 26, vars: 20, consts: [[1, "govuk-!-margin-bottom-6"], [1, "govuk-caption-l"], [1, "govuk-heading-l", "govuk-!-margin-bottom-0"], [1, "govuk-!-margin-bottom-4"], [3, "queryItem"], [1, "query-respond"], [1, "govuk-heading-m"], [3, "formGroup"], [1, "govuk-form-group", "body-textarea"], [1, "govuk-label-wrapper"], ["for", "body", 1, "govuk-label", "govuk-label--m", "govuk-!-font-weight-bold"], ["id", "body-error", "class", "govuk-error-message", 4, "ngIf"], ["id", "body", "name", "body", "rows", "5", "aria-describedby", "body-hint body-error", 1, "govuk-textarea", 3, "formControlName"], ["id", "body-error", 1, "govuk-error-message"], [1, "govuk-visually-hidden"]], template: function QueryWriteRespondToQueryComponent_Template(rf, ctx) {
+    QueryWriteRespondToQueryComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: QueryWriteRespondToQueryComponent, selectors: [["ccd-query-write-respond-to-query"]], inputs: { queryItem: "queryItem", formGroup: "formGroup", queryCreateContext: "queryCreateContext", submitted: "submitted" }, decls: 30, vars: 26, consts: [[1, "govuk-!-margin-bottom-2"], ["href", "javascript:void(0)", 1, "govuk-back-link", "govuk-!-margin-top-0", 3, "routerLink"], [1, "govuk-!-margin-bottom-6"], [1, "govuk-caption-l"], [1, "govuk-heading-l", "govuk-!-margin-bottom-0"], [1, "govuk-!-margin-bottom-4"], [3, "queryItem"], [1, "query-respond"], [1, "govuk-heading-m"], [3, "formGroup"], [1, "govuk-form-group", "body-textarea"], [1, "govuk-label-wrapper"], ["for", "body", 1, "govuk-label", "govuk-label--m", "govuk-!-font-weight-bold"], ["id", "body-error", "class", "govuk-error-message", 4, "ngIf"], ["id", "body", "name", "body", "rows", "5", "aria-describedby", "body-hint body-error", 1, "govuk-textarea", 3, "formControlName"], ["id", "body-error", 1, "govuk-error-message"], [1, "govuk-visually-hidden"]], template: function QueryWriteRespondToQueryComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0__namespace.ɵɵelementStart(0, "div", 0);
-                i0__namespace.ɵɵelementStart(1, "div", 0);
-                i0__namespace.ɵɵelementStart(2, "div", 1);
-                i0__namespace.ɵɵtext(3);
-                i0__namespace.ɵɵpipe(4, "rpxTranslate");
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(5, "h1", 2);
-                i0__namespace.ɵɵtext(6);
-                i0__namespace.ɵɵpipe(7, "rpxTranslate");
+                i0__namespace.ɵɵelementStart(1, "a", 1);
+                i0__namespace.ɵɵtext(2);
+                i0__namespace.ɵɵpipe(3, "rpxTranslate");
                 i0__namespace.ɵɵelementEnd();
                 i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(8, "div", 3);
-                i0__namespace.ɵɵelement(9, "ccd-query-case-details-header");
+                i0__namespace.ɵɵelementStart(4, "div", 2);
+                i0__namespace.ɵɵelementStart(5, "div", 2);
+                i0__namespace.ɵɵelementStart(6, "div", 3);
+                i0__namespace.ɵɵtext(7);
+                i0__namespace.ɵɵpipe(8, "rpxTranslate");
                 i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(10, "div");
-                i0__namespace.ɵɵelement(11, "ccd-query-details-table", 4);
+                i0__namespace.ɵɵelementStart(9, "h1", 4);
+                i0__namespace.ɵɵtext(10);
+                i0__namespace.ɵɵpipe(11, "rpxTranslate");
                 i0__namespace.ɵɵelementEnd();
                 i0__namespace.ɵɵelementEnd();
                 i0__namespace.ɵɵelementStart(12, "div", 5);
-                i0__namespace.ɵɵelementStart(13, "div");
-                i0__namespace.ɵɵelementStart(14, "h1", 6);
-                i0__namespace.ɵɵtext(15);
-                i0__namespace.ɵɵpipe(16, "rpxTranslate");
+                i0__namespace.ɵɵelement(13, "ccd-query-case-details-header");
                 i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(17, "div", 7);
-                i0__namespace.ɵɵelementStart(18, "div", 8);
-                i0__namespace.ɵɵelementStart(19, "div", 9);
-                i0__namespace.ɵɵelementStart(20, "label", 10);
-                i0__namespace.ɵɵtext(21);
-                i0__namespace.ɵɵpipe(22, "rpxTranslate");
+                i0__namespace.ɵɵelementStart(14, "div");
+                i0__namespace.ɵɵelement(15, "ccd-query-details-table", 6);
                 i0__namespace.ɵɵelementEnd();
                 i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵtemplate(23, QueryWriteRespondToQueryComponent_p_23_Template, 6, 6, "p", 11);
-                i0__namespace.ɵɵelementStart(24, "textarea", 12);
-                i0__namespace.ɵɵtext(25, "      ");
+                i0__namespace.ɵɵelementStart(16, "div", 7);
+                i0__namespace.ɵɵelementStart(17, "div");
+                i0__namespace.ɵɵelementStart(18, "h1", 8);
+                i0__namespace.ɵɵtext(19);
+                i0__namespace.ɵɵpipe(20, "rpxTranslate");
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementStart(21, "div", 9);
+                i0__namespace.ɵɵelementStart(22, "div", 10);
+                i0__namespace.ɵɵelementStart(23, "div", 11);
+                i0__namespace.ɵɵelementStart(24, "label", 12);
+                i0__namespace.ɵɵtext(25);
+                i0__namespace.ɵɵpipe(26, "rpxTranslate");
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵtemplate(27, QueryWriteRespondToQueryComponent_p_27_Template, 6, 6, "p", 13);
+                i0__namespace.ɵɵelementStart(28, "textarea", 14);
+                i0__namespace.ɵɵtext(29, "      ");
                 i0__namespace.ɵɵelementEnd();
                 i0__namespace.ɵɵelementEnd();
                 i0__namespace.ɵɵelementEnd();
@@ -22551,27 +22567,31 @@
                 i0__namespace.ɵɵelementEnd();
             }
             if (rf & 2) {
-                var tmp_5_0 = null;
                 var tmp_7_0 = null;
-                var tmp_8_0 = null;
-                i0__namespace.ɵɵadvance(3);
-                i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(4, 12, "Respond to a query"));
+                var tmp_9_0 = null;
+                var tmp_10_0 = null;
+                i0__namespace.ɵɵadvance(1);
+                i0__namespace.ɵɵproperty("routerLink", i0__namespace.ɵɵpureFunction1(24, _c0$B, ctx.caseId));
+                i0__namespace.ɵɵadvance(1);
+                i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(3, 14, "Cancel and return to tasks"), " ");
+                i0__namespace.ɵɵadvance(5);
+                i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(8, 16, "Respond to query"));
                 i0__namespace.ɵɵadvance(3);
-                i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(7, 14, "Query details"));
+                i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(11, 18, "Query details"));
                 i0__namespace.ɵɵadvance(5);
                 i0__namespace.ɵɵproperty("queryItem", ctx.queryItem);
                 i0__namespace.ɵɵadvance(4);
-                i0__namespace.ɵɵtextInterpolate1(" ", ctx.queryCreateContext === ctx.queryCreateContextEnum.RESPOND ? "Respond to a query" : i0__namespace.ɵɵpipeBind1(16, 16, "Ask a follow-up question"), " ");
+                i0__namespace.ɵɵtextInterpolate1(" ", ctx.queryCreateContext === ctx.queryCreateContextEnum.RESPOND ? "Respond to a query" : i0__namespace.ɵɵpipeBind1(20, 20, "Ask a follow-up question"), " ");
                 i0__namespace.ɵɵadvance(2);
                 i0__namespace.ɵɵproperty("formGroup", ctx.formGroup);
                 i0__namespace.ɵɵadvance(1);
-                i0__namespace.ɵɵclassProp("govuk-form-group--error", ctx.submitted && ((tmp_5_0 = ctx.formGroup.get("body")) == null ? null : tmp_5_0.hasError("required")));
+                i0__namespace.ɵɵclassProp("govuk-form-group--error", ctx.submitted && ((tmp_7_0 = ctx.formGroup.get("body")) == null ? null : tmp_7_0.hasError("required")));
                 i0__namespace.ɵɵadvance(3);
-                i0__namespace.ɵɵtextInterpolate1(" ", ctx.queryCreateContext === ctx.queryCreateContextEnum.RESPOND ? "Response detail" : i0__namespace.ɵɵpipeBind1(22, 18, "Query Body"), " ");
+                i0__namespace.ɵɵtextInterpolate1(" ", ctx.queryCreateContext === ctx.queryCreateContextEnum.RESPOND ? "Response message" : i0__namespace.ɵɵpipeBind1(26, 22, "Query Body"), " ");
                 i0__namespace.ɵɵadvance(2);
-                i0__namespace.ɵɵproperty("ngIf", ctx.submitted && ((tmp_7_0 = ctx.formGroup.get("body")) == null ? null : tmp_7_0.hasError("required")));
+                i0__namespace.ɵɵproperty("ngIf", ctx.submitted && ((tmp_9_0 = ctx.formGroup.get("body")) == null ? null : tmp_9_0.hasError("required")));
                 i0__namespace.ɵɵadvance(1);
-                i0__namespace.ɵɵclassProp("govuk-textarea--error", ctx.submitted && ((tmp_8_0 = ctx.formGroup.get("body")) == null ? null : tmp_8_0.hasError("required")));
+                i0__namespace.ɵɵclassProp("govuk-textarea--error", ctx.submitted && ((tmp_10_0 = ctx.formGroup.get("body")) == null ? null : tmp_10_0.hasError("required")));
                 i0__namespace.ɵɵproperty("formControlName", "body");
             }
         }, styles: [".query-respond[_ngcontent-%COMP%]{width:100%;max-width:720px}"] });
@@ -30998,7 +31018,7 @@
         QueryDetailsComponent], []);
     i0__namespace.ɵɵsetComponentScope(QueryDetailsComponent, [i5__namespace.NgIf, QueryDetailsTableComponent, i5__namespace.NgForOf, QueryAttachmentsReadComponent], [i1__namespace.RpxTranslatePipe, i5__namespace.DatePipe]);
     i0__namespace.ɵɵsetComponentScope(QueryDetailsTableComponent, [i5__namespace.NgIf, QueryAttachmentsReadComponent], [i1__namespace.RpxTranslatePipe, i5__namespace.DatePipe]);
-    i0__namespace.ɵɵsetComponentScope(QueryWriteRespondToQueryComponent, [QueryCaseDetailsHeaderComponent,
+    i0__namespace.ɵɵsetComponentScope(QueryWriteRespondToQueryComponent, [i1__namespace$1.RouterLinkWithHref, QueryCaseDetailsHeaderComponent,
         QueryDetailsTableComponent, i3__namespace.NgControlStatusGroup, i3__namespace.FormGroupDirective, i5__namespace.NgIf, i3__namespace.DefaultValueAccessor, i3__namespace.NgControlStatus, i3__namespace.FormControlName], [i1__namespace.RpxTranslatePipe]);
     i0__namespace.ɵɵsetComponentScope(QueryWriteRaiseQueryComponent, [QueryCaseDetailsHeaderComponent, i3__namespace.NgControlStatusGroup, i3__namespace.FormGroupDirective, i5__namespace.NgClass, i5__namespace.NgIf, i3__namespace.DefaultValueAccessor, i3__namespace.NgControlStatus, i3__namespace.FormControlName, i3__namespace.RadioControlValueAccessor, QueryWriteDateInputComponent], [i1__namespace.RpxTranslatePipe]);
     i0__namespace.ɵɵsetComponentScope(QueryCheckYourAnswersComponent, [i5__namespace.NgIf, QueryCaseDetailsHeaderComponent,