@hmcts/ccd-case-ui-toolkit 6.16.0-query-management-CYA-v1 → 6.16.0-query-management-document-uploader-v2

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$11 = [[["", "footerSolsNavLinks", ""]], [["", "footerCaseWorkerNavLinks", ""]]];
     var _c1$s = ["[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$s, 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$11);
                 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$10 = [[["", "headerNavigation", ""]]];
     var _c1$r = ["[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$r, 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$10);
                 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$$ = [[["", "leftNavLinks", ""]], [["", "rightNavLinks", ""]]];
     var _c1$q = ["[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$q, 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$$);
                 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$_ = [[["", "topBody", ""]], [["", "leftBody", ""]], [["", "rightBody", ""]]];
     var _c1$p = ["[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$p, 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$_);
                 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$Z = 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$Z, 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$Z, 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$Z, 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$Z, 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$Z, 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$Z, 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$Y = ["*"];
     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$Y, 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$X = function (a0) { return { "js-hidden": a0 }; };
     var _c1$o = ["*"];
     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$X, !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$W = ["tab"];
     var _c1$n = 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$W, 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$V = 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$V, 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);
@@ -11185,7 +11185,7 @@
         return AddressOption;
     }());
 
-    var _c0$V = ["writeComplexFieldComponent"];
+    var _c0$U = ["writeComplexFieldComponent"];
     function WriteAddressFieldComponent_div_1_div_5_span_5_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "span", 14);
@@ -11420,7 +11420,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$U, 1);
                 i0__namespace.ɵɵviewQuery(FocusElementDirective, 1);
             }
             if (rf & 2) {
@@ -12194,7 +12194,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$T = function (a0) { return { "form-group-error": a0 }; };
     function WriteCaseFlagFieldComponent_div_1_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "div", 8);
@@ -12217,7 +12217,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$T, ctx_r1.errorMessages.length > 0));
             i0__namespace.ɵɵadvance(1);
             i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(4, 9, ctx_r1.createFlagCaption), " ");
             i0__namespace.ɵɵadvance(2);
@@ -12794,7 +12794,7 @@
             }], null, null);
     })();
 
-    var _c0$T = ["writeComplexFieldComponent"];
+    var _c0$S = ["writeComplexFieldComponent"];
     function WriteCaseLinkFieldComponent_span_2_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "span", 6);
@@ -12902,7 +12902,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$S, 1);
             }
             if (rf & 2) {
                 var _t = void 0;
@@ -12947,7 +12947,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$R = 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");
@@ -12962,7 +12962,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$R, 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$k = function (a0, a1, a2, a3, a4) { return { id: a0, label: a1, field_type: a2, value: a3, hidden: a4 }; };
@@ -13127,7 +13127,7 @@
             }], function () { return [{ type: i1__namespace$3.MatDialogRef }]; }, null);
     })();
 
-    var _c0$R = ["collectionItem"];
+    var _c0$Q = ["collectionItem"];
     function WriteCollectionFieldComponent_h2_9_span_1_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "span", 9);
@@ -13173,40 +13173,41 @@
     function WriteCollectionFieldComponent_div_10_div_1_Template(rf, ctx) {
         if (rf & 1) {
             var _r10_1 = i0__namespace.ɵɵgetCurrentView();
-            i0__namespace.ɵɵelementStart(0, "div", 13, 14);
-            i0__namespace.ɵɵelementStart(2, "div", 15);
-            i0__namespace.ɵɵelementStart(3, "div", 16);
-            i0__namespace.ɵɵelementStart(4, "label", 17);
-            i0__namespace.ɵɵelementStart(5, "h3", 18);
+            i0__namespace.ɵɵelementStart(0, "div", 0, 13);
+            i0__namespace.ɵɵelementStart(2, "div", 14);
+            i0__namespace.ɵɵelementStart(3, "div", 15);
+            i0__namespace.ɵɵelementStart(4, "label", 16);
+            i0__namespace.ɵɵelementStart(5, "h3", 17);
             i0__namespace.ɵɵtext(6);
             i0__namespace.ɵɵpipe(7, "rpxTranslate");
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(8, "div", 19);
-            i0__namespace.ɵɵelementStart(9, "button", 20);
+            i0__namespace.ɵɵelementStart(8, "div", 18);
+            i0__namespace.ɵɵelementStart(9, "button", 19);
             i0__namespace.ɵɵlistener("click", function WriteCollectionFieldComponent_div_10_div_1_Template_button_click_9_listener() { i0__namespace.ɵɵrestoreView(_r10_1); var i_r7 = ctx.index; var ctx_r9 = i0__namespace.ɵɵnextContext(2); return ctx_r9.openModal(i_r7); });
             i0__namespace.ɵɵtext(10);
             i0__namespace.ɵɵpipe(11, "rpxTranslate");
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelement(12, "ccd-field-write", 21);
+            i0__namespace.ɵɵelement(12, "ccd-field-write", 20);
             i0__namespace.ɵɵelementEnd();
         }
         if (rf & 2) {
             var item_r6 = ctx.$implicit;
             var i_r7 = ctx.index;
             var ctx_r5 = i0__namespace.ɵɵnextContext(2);
+            i0__namespace.ɵɵproperty("id", ctx_r5.buildIdPrefix(i_r7) + i_r7);
             i0__namespace.ɵɵadvance(4);
             i0__namespace.ɵɵproperty("for", item_r6.prefix + i_r7);
             i0__namespace.ɵɵadvance(2);
-            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(7, 13, ctx_r5.itemLabel(i_r7)));
+            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(7, 14, ctx_r5.itemLabel(i_r7)));
             i0__namespace.ɵɵadvance(3);
             i0__namespace.ɵɵattributeInterpolate1("aria-label", "Remove ", ctx_r5.itemLabel(i_r7), "");
             i0__namespace.ɵɵproperty("disabled", ctx_r5.isNotAuthorisedToDelete(i_r7));
             i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(11, 15, "Remove"));
+            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(11, 16, "Remove"));
             i0__namespace.ɵɵadvance(2);
             i0__namespace.ɵɵproperty("caseField", item_r6.caseField)("caseFields", ctx_r5.caseFields)("formGroup", ctx_r5.formGroup)("parent", item_r6.container)("idPrefix", item_r6.prefix)("hidden", item_r6.caseField.hidden)("isExpanded", ctx_r5.isExpanded)("isInSearchBlock", ctx_r5.isInSearchBlock);
         }
@@ -13214,7 +13215,7 @@
     function WriteCollectionFieldComponent_div_10_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "div", 11);
-            i0__namespace.ɵɵtemplate(1, WriteCollectionFieldComponent_div_10_div_1_Template, 13, 17, "div", 12);
+            i0__namespace.ɵɵtemplate(1, WriteCollectionFieldComponent_div_10_div_1_Template, 13, 18, "div", 12);
             i0__namespace.ɵɵelementEnd();
         }
         if (rf & 2) {
@@ -13227,7 +13228,7 @@
     function WriteCollectionFieldComponent_button_11_Template(rf, ctx) {
         if (rf & 1) {
             var _r12_1 = i0__namespace.ɵɵgetCurrentView();
-            i0__namespace.ɵɵelementStart(0, "button", 22);
+            i0__namespace.ɵɵelementStart(0, "button", 21);
             i0__namespace.ɵɵlistener("click", function WriteCollectionFieldComponent_button_11_Template_button_click_0_listener() { i0__namespace.ɵɵrestoreView(_r12_1); var ctx_r11 = i0__namespace.ɵɵnextContext(); return ctx_r11.addItem(false); });
             i0__namespace.ɵɵtext(1);
             i0__namespace.ɵɵpipe(2, "rpxTranslate");
@@ -13242,11 +13243,12 @@
     }
     var WriteCollectionFieldComponent = /** @class */ (function (_super) {
         __extends(WriteCollectionFieldComponent, _super);
-        function WriteCollectionFieldComponent(dialog, scrollToService, profileNotifier) {
+        function WriteCollectionFieldComponent(dialog, scrollToService, profileNotifier, cdRef) {
             var _this = _super.call(this) || this;
             _this.dialog = dialog;
             _this.scrollToService = scrollToService;
             _this.profileNotifier = profileNotifier;
+            _this.cdRef = cdRef;
             _this.caseFields = [];
             _this.collItems = [];
             return _this;
@@ -13364,8 +13366,9 @@
             return cf;
         };
         WriteCollectionFieldComponent.prototype.buildIdPrefix = function (index) {
+            var _a;
             var prefix = "" + this.idPrefix + this.caseField.id + "_";
-            if (this.caseField.field_type.collection_field_type.type === 'Complex') {
+            if (((_a = this.caseField.field_type.collection_field_type) === null || _a === void 0 ? void 0 : _a.type) === 'Complex') {
                 return "" + prefix + index + "_";
             }
             return prefix;
@@ -13374,7 +13377,6 @@
             return this.isInSearchBlock && this.collItems.length > 0;
         };
         WriteCollectionFieldComponent.prototype.addItem = function (doScroll) {
-            var _this = this;
             // Manually resetting errors is required to prevent `ExpressionChangedAfterItHasBeenCheckedError`
             this.formArray.setErrors(null);
             var item = { value: null };
@@ -13389,21 +13391,17 @@
             var prefix = this.buildIdPrefix(index);
             var container = this.getContainer(index);
             this.collItems.push({ caseField: caseField, item: item, index: index, prefix: prefix, container: container });
-            // Timeout is required for the collection item to be rendered before it can be scrolled to or focused.
+            // Update DOM required after pushing a new item to do the next steps (i.e. scrolling and focusing)
+            this.cdRef.detectChanges();
             if (doScroll) {
-                setTimeout(function () {
-                    _this.scrollToService.scrollTo({
-                        target: "" + _this.buildIdPrefix(index) + index,
-                        duration: 1000,
-                        offset: -150,
-                    })
-                        .pipe(operators.finalize(function () { return _this.focusLastItem(); }))
-                        .subscribe(function () { }, console.error);
-                });
-            }
-            else {
-                setTimeout(function () { return _this.focusLastItem(); });
+                this.scrollToService.scrollTo({
+                    target: "" + this.buildIdPrefix(index) + index,
+                    duration: 1000,
+                    offset: -150,
+                })
+                    .subscribe(function () { }, console.error);
             }
+            this.focusLastItem();
         };
         WriteCollectionFieldComponent.prototype.isCollectionDynamic = function () {
             if (!this.caseField.field_type || !this.caseField.field_type.collection_field_type) {
@@ -13557,16 +13555,16 @@
         };
         return WriteCollectionFieldComponent;
     }(AbstractFieldWriteComponent));
-    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)); };
+    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$Q, 1);
             }
             if (rf & 2) {
                 var _t = void 0;
                 i0__namespace.ɵɵqueryRefresh(_t = i0__namespace.ɵɵloadQuery()) && (ctx.items = _t);
             }
-        }, inputs: { caseFields: "caseFields", formGroup: "formGroup" }, features: [i0__namespace.ɵɵInheritDefinitionFeature], decls: 12, vars: 13, consts: [[1, "form-group", 3, "id"], [1, "panel", "collection-indicator"], [1, "heading-h2", "error-spacing"], ["type", "button", 1, "button", "write-collection-add-item__top", 3, "disabled", "click"], ["class", "heading-h2 error-spacing", 4, "ngIf"], ["class", "form-group", 3, "hidden", 4, "ngIf"], ["class", "button write-collection-add-item__bottom", "type", "button", 3, "disabled", "click", 4, "ngIf"], ["class", "form-hint", 4, "ngIf"], ["class", "error-message", 4, "ngIf"], [1, "form-hint"], [1, "error-message"], [1, "form-group", 3, "hidden"], ["class", "form-group", 4, "ngFor", "ngForOf"], [1, "form-group"], ["collectionItem", ""], [1, "collection-title"], [1, "float-left"], [3, "for"], [1, "heading-h3"], [1, "float-right"], ["type", "button", 1, "button", "button-secondary", 3, "disabled", "click"], [3, "caseField", "caseFields", "formGroup", "parent", "idPrefix", "hidden", "isExpanded", "isInSearchBlock"], ["type", "button", 1, "button", "write-collection-add-item__bottom", 3, "disabled", "click"]], template: function WriteCollectionFieldComponent_Template(rf, ctx) {
+        }, inputs: { caseFields: "caseFields", formGroup: "formGroup" }, features: [i0__namespace.ɵɵInheritDefinitionFeature], decls: 12, vars: 13, consts: [[1, "form-group", 3, "id"], [1, "panel", "collection-indicator"], [1, "heading-h2", "error-spacing"], ["type", "button", 1, "button", "write-collection-add-item__top", 3, "disabled", "click"], ["class", "heading-h2 error-spacing", 4, "ngIf"], ["class", "form-group", 3, "hidden", 4, "ngIf"], ["class", "button write-collection-add-item__bottom", "type", "button", 3, "disabled", "click", 4, "ngIf"], ["class", "form-hint", 4, "ngIf"], ["class", "error-message", 4, "ngIf"], [1, "form-hint"], [1, "error-message"], [1, "form-group", 3, "hidden"], ["class", "form-group", 3, "id", 4, "ngFor", "ngForOf"], ["collectionItem", ""], [1, "collection-title"], [1, "float-left"], [3, "for"], [1, "heading-h3"], [1, "float-right"], ["type", "button", 1, "button", "button-secondary", 3, "disabled", "click"], [3, "caseField", "caseFields", "formGroup", "parent", "idPrefix", "hidden", "isExpanded", "isInSearchBlock"], ["type", "button", 1, "button", "write-collection-add-item__bottom", 3, "disabled", "click"]], template: function WriteCollectionFieldComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0__namespace.ɵɵelementStart(0, "div", 0);
                 i0__namespace.ɵɵelementStart(1, "div", 1);
@@ -13610,7 +13608,7 @@
                         templateUrl: './write-collection-field.html',
                         styleUrls: ['./collection-field.scss']
                     }]
-            }], function () { return [{ type: i1__namespace$3.MatDialog }, { type: i2__namespace.ScrollToService }, { type: ProfileNotifier }]; }, { caseFields: [{
+            }], function () { return [{ type: i1__namespace$3.MatDialog }, { type: i2__namespace.ScrollToService }, { type: ProfileNotifier }, { type: i0__namespace.ChangeDetectorRef }]; }, { caseFields: [{
                     type: i0.Input
                 }], formGroup: [{
                     type: i0.Input
@@ -14273,7 +14271,7 @@
             }], null, null);
     })();
 
-    var _c0$Q = ["fileInput"];
+    var _c0$P = ["fileInput"];
     function WriteDocumentFieldComponent_span_7_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "span", 12);
@@ -14569,7 +14567,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$P, 1);
             }
             if (rf & 2) {
                 var _t = void 0;
@@ -14783,7 +14781,7 @@
             i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(2, 2, type_r5.label));
         }
     }
-    var _c0$P = function (a0) { return { "form-group-error": a0 }; };
+    var _c0$O = function (a0) { return { "form-group-error": a0 }; };
     var WriteDynamicListFieldComponent = /** @class */ (function (_super) {
         __extends(WriteDynamicListFieldComponent, _super);
         function WriteDynamicListFieldComponent() {
@@ -14833,7 +14831,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$O, !ctx.dynamicListFormControl.valid && (ctx.dynamicListFormControl.dirty || ctx.dynamicListFormControl.touched)));
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("for", ctx.id());
                 i0__namespace.ɵɵadvance(1);
@@ -15011,7 +15009,7 @@
             i0__namespace.ɵɵtextInterpolate(checkbox_r4.label);
         }
     }
-    var _c0$O = function (a0) { return { "error": a0 }; };
+    var _c0$N = function (a0) { return { "error": a0 }; };
     var WriteDynamicMultiSelectListFieldComponent = /** @class */ (function (_super) {
         __extends(WriteDynamicMultiSelectListFieldComponent, _super);
         function WriteDynamicMultiSelectListFieldComponent() {
@@ -15094,7 +15092,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$N, !ctx.checkboxes.valid && ctx.checkboxes.touched))("id", ctx.id());
                 i0__namespace.ɵɵadvance(3);
                 i0__namespace.ɵɵproperty("ngIf", ctx.caseField.label);
                 i0__namespace.ɵɵadvance(1);
@@ -15245,7 +15243,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$M = function (a0) { return { selected: a0 }; };
     function WriteDynamicRadioListFieldComponent_div_9_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "div", 10);
@@ -15258,7 +15256,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$M, ctx_r4.dynamicRadioListControl.value === radioButton_r5.code));
             i0__namespace.ɵɵadvance(1);
             i0__namespace.ɵɵproperty("id", ctx_r4.createElementId(radioButton_r5.code))("name", ctx_r4.createElementId(radioButton_r5.code))("formControl", ctx_r4.dynamicRadioListControl)("value", radioButton_r5.code);
             i0__namespace.ɵɵadvance(1);
@@ -15425,7 +15423,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$L = function (a0) { return { "form-group-error": a0 }; };
     var _c1$h = function (a0) { return { "govuk-input--error": a0 }; };
     var WriteEmailFieldComponent = /** @class */ (function (_super) {
         __extends(WriteEmailFieldComponent, _super);
@@ -15450,7 +15448,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$L, !ctx.emailControl.valid && (ctx.emailControl.dirty || ctx.emailControl.touched)));
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("for", ctx.id());
                 i0__namespace.ɵɵadvance(1);
@@ -15561,7 +15559,7 @@
             i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(2, 2, type_r4.label));
         }
     }
-    var _c0$L = function (a0) { return { "form-group-error": a0 }; };
+    var _c0$K = function (a0) { return { "form-group-error": a0 }; };
     var WriteFixedListFieldComponent = /** @class */ (function (_super) {
         __extends(WriteFixedListFieldComponent, _super);
         function WriteFixedListFieldComponent() {
@@ -15610,7 +15608,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$K, !ctx.fixedListFormControl.valid && (ctx.fixedListFormControl.dirty || ctx.fixedListFormControl.touched)));
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("for", ctx.id());
                 i0__namespace.ɵɵadvance(1);
@@ -15732,7 +15730,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$J = function (a0) { return { selected: a0 }; };
     function WriteFixedRadioListFieldComponent_div_8_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "div", 9);
@@ -15746,7 +15744,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$J, 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);
@@ -15916,7 +15914,7 @@
             i0__namespace.ɵɵtextInterpolate1(" ", ctx_r1.caseField.hint_text, " ");
         }
     }
-    var _c0$J = function (a0) { return { "hide-autocomplete": a0 }; };
+    var _c0$I = function (a0) { return { "hide-autocomplete": a0 }; };
     function WriteJudicialUserFieldComponent_mat_option_7_Template(rf, ctx) {
         if (rf & 1) {
             var _r7_1 = i0__namespace.ɵɵgetCurrentView();
@@ -15928,7 +15926,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$I, !ctx_r3.showAutocomplete))("value", judicialUser_r5.idamId);
             i0__namespace.ɵɵadvance(1);
             i0__namespace.ɵɵtextInterpolate2(" ", judicialUser_r5.fullName, " (", judicialUser_r5.emailId, ") ");
         }
@@ -16742,7 +16740,7 @@
             i0__namespace.ɵɵtextInterpolate1(" ", ctx_r13.caseReasonCommentsError, " ");
         }
     }
-    var _c0$I = function (a0) { return { "govuk-form-group--error": a0 }; };
+    var _c0$H = 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);
@@ -16760,7 +16758,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$H, !!ctx_r7.caseReasonCommentsError));
             i0__namespace.ɵɵadvance(3);
             i0__namespace.ɵɵproperty("ngIf", ctx_r7.caseReasonCommentsError);
         }
@@ -16817,11 +16815,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$H, !!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$H, !!ctx_r0.caseReasonError));
             i0__namespace.ɵɵadvance(5);
             i0__namespace.ɵɵproperty("ngIf", ctx_r0.caseReasonError);
             i0__namespace.ɵɵadvance(2);
@@ -17255,7 +17253,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$H, !!ctx.noSelectedCaseError));
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("ngIf", ctx.noSelectedCaseError);
                 i0__namespace.ɵɵadvance(18);
@@ -17964,7 +17962,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$G = 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);
@@ -17976,7 +17974,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$G, ctx_r1.unlinkErrorMessage))("formGroup", ctx_r1.unlinkCaseForm);
             i0__namespace.ɵɵadvance(1);
             i0__namespace.ɵɵproperty("ngIf", ctx_r1.unlinkErrorMessage);
             i0__namespace.ɵɵadvance(2);
@@ -18865,7 +18863,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$F = function (a0) { return { "form-group-error": a0 }; };
     var WriteMoneyGbpFieldComponent = /** @class */ (function (_super) {
         __extends(WriteMoneyGbpFieldComponent, _super);
         function WriteMoneyGbpFieldComponent() {
@@ -18895,7 +18893,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$F, !ctx.moneyGbpControl.valid && (ctx.moneyGbpControl.dirty || ctx.moneyGbpControl.touched)));
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("for", ctx.id());
                 i0__namespace.ɵɵadvance(1);
@@ -19050,7 +19048,7 @@
             i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(5, 6, checkbox_r4.label));
         }
     }
-    var _c0$F = function (a0) { return { "error": a0 }; };
+    var _c0$E = function (a0) { return { "error": a0 }; };
     var WriteMultiSelectListFieldComponent = /** @class */ (function (_super) {
         __extends(WriteMultiSelectListFieldComponent, _super);
         function WriteMultiSelectListFieldComponent() {
@@ -19114,7 +19112,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$E, !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);
@@ -19208,7 +19206,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$D = function (a0) { return { "form-group-error": a0 }; };
     var _c1$e = function (a0) { return { "govuk-input--error": a0 }; };
     var WriteNumberFieldComponent = /** @class */ (function (_super) {
         __extends(WriteNumberFieldComponent, _super);
@@ -19233,7 +19231,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$D, !ctx.numberControl.valid && ctx.numberControl.dirty));
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("for", ctx.id());
                 i0__namespace.ɵɵadvance(1);
@@ -19572,7 +19570,7 @@
             i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(3, 1, "No results found."), " ");
         }
     }
-    var _c0$D = function (a0) { return { "scroll-container ": a0 }; };
+    var _c0$C = function (a0) { return { "scroll-container ": a0 }; };
     function WriteOrganisationFieldComponent_fieldset_3_div_17_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "div", 26);
@@ -19588,7 +19586,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$C, ((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);
@@ -20086,7 +20084,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$B = function (a0) { return { "form-group-error": a0 }; };
     var _c1$d = function (a0) { return { "govuk-input--error": a0 }; };
     var WritePhoneUKFieldComponent = /** @class */ (function (_super) {
         __extends(WritePhoneUKFieldComponent, _super);
@@ -20111,7 +20109,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$B, !ctx.phoneUkControl.valid && (ctx.phoneUkControl.dirty || ctx.phoneUkControl.touched)));
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("for", ctx.id());
                 i0__namespace.ɵɵadvance(1);
@@ -20254,31 +20252,99 @@
             ]
         }
     ];
-    var caseFieldMockData = Object.assign(new CaseField(), {
-        id: '',
-        label: '',
-        hint_text: '',
-        field_type: Object.assign(new FieldType(), {
-            id: 'QueryDocuments',
-            type: 'QueryDocuments',
-            min: null,
-            max: null,
-            regular_expression: null,
-            fixed_list_items: [],
-            complex_fields: [],
-            collection_field_type: Object.assign(new FieldType(), {
-                id: 'Document',
-                type: 'Document',
-                min: null,
-                max: null,
-                regular_expression: null,
-                fixed_list_items: [],
-                complex_fields: [],
-                collection_field_type: null
-            })
-        }),
-        display_context_parameter: '#COLLECTION(allowInsert,allowUpdate)'
-    });
+
+    var QueryListItem = /** @class */ (function () {
+        function QueryListItem() {
+            this.children = [];
+        }
+        Object.defineProperty(QueryListItem.prototype, "lastSubmittedMessage", {
+            get: function () {
+                var getLastSubmittedMessage = function (item) {
+                    var e_1, _b;
+                    var lastSubmittedMessage = item;
+                    if (item.children && item.children.length > 0) {
+                        try {
+                            for (var _c = __values(item.children), _d = _c.next(); !_d.done; _d = _c.next()) {
+                                var child = _d.value;
+                                var childLastSubmittedMessage = getLastSubmittedMessage(child);
+                                if (childLastSubmittedMessage.createdOn > lastSubmittedMessage.createdOn) {
+                                    lastSubmittedMessage = childLastSubmittedMessage;
+                                }
+                            }
+                        }
+                        catch (e_1_1) { e_1 = { error: e_1_1 }; }
+                        finally {
+                            try {
+                                if (_d && !_d.done && (_b = _c.return)) _b.call(_c);
+                            }
+                            finally { if (e_1) throw e_1.error; }
+                        }
+                    }
+                    return lastSubmittedMessage;
+                };
+                return getLastSubmittedMessage(this);
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(QueryListItem.prototype, "lastSubmittedBy", {
+            get: function () {
+                return this.lastSubmittedMessage.name;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(QueryListItem.prototype, "lastSubmittedDate", {
+            get: function () {
+                return new Date(this.lastSubmittedMessage.createdOn);
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(QueryListItem.prototype, "lastResponseBy", {
+            get: function () {
+                var _a;
+                return ((_a = this.children) === null || _a === void 0 ? void 0 : _a.length) > 0 ? this.lastSubmittedMessage.name : '';
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(QueryListItem.prototype, "lastResponseDate", {
+            get: function () {
+                var _a;
+                return ((_a = this.children) === null || _a === void 0 ? void 0 : _a.length) > 0 ? new Date(this.lastSubmittedMessage.createdOn) : null;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        return QueryListItem;
+    }());
+
+    var QueryListData = /** @class */ (function () {
+        function QueryListData(partyMessagesGroup) {
+            var _this = this;
+            this.partyName = partyMessagesGroup.partyName;
+            this.roleOnCase = partyMessagesGroup.roleOnCase;
+            // get the parent messages (messages without parentId) and add the children to them
+            var parentMessages = partyMessagesGroup.partyMessages.filter(function (message) { return !message.parentId; });
+            this.partyMessages = parentMessages.map(function (message) { return _this.buildQueryListItem(message, partyMessagesGroup.partyMessages); });
+        }
+        QueryListData.prototype.buildQueryListItem = function (message, allMessages) {
+            var _this = this;
+            var queryListItem = new QueryListItem();
+            Object.assign(queryListItem, Object.assign(Object.assign({}, message), { children: allMessages
+                    .filter(function (childMessage) { return childMessage.parentId === message.id; })
+                    .map(function (childMessage) { return _this.buildQueryListItem(childMessage, allMessages); }) }));
+            return queryListItem;
+        };
+        return QueryListData;
+    }());
+
+    exports.QueryListResponseStatus = void 0;
+    (function (QueryListResponseStatus) {
+        QueryListResponseStatus["NEW"] = "New";
+        QueryListResponseStatus["RESPONDED"] = "Responded";
+    })(exports.QueryListResponseStatus || (exports.QueryListResponseStatus = {}));
 
     var MarkdownComponent = /** @class */ (function () {
         function MarkdownComponent() {
@@ -20419,168 +20485,6 @@
             }], function () { return []; }, null);
     })();
 
-    function QueryDetailsTableComponent_ng_container_0_tr_35_Template(rf, ctx) {
-        if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "tr", 3);
-            i0__namespace.ɵɵelementStart(1, "th", 4);
-            i0__namespace.ɵɵtext(2);
-            i0__namespace.ɵɵpipe(3, "rpxTranslate");
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(4, "td", 5);
-            i0__namespace.ɵɵtext(5);
-            i0__namespace.ɵɵpipe(6, "date");
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementEnd();
-        }
-        if (rf & 2) {
-            var ctx_r1 = i0__namespace.ɵɵnextContext(2);
-            i0__namespace.ɵɵadvance(2);
-            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(3, 2, "What is the date of the hearing your query related to?"));
-            i0__namespace.ɵɵadvance(3);
-            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind2(6, 4, ctx_r1.queryItem.hearingDate, "dd MMM yyyy"));
-        }
-    }
-    function QueryDetailsTableComponent_ng_container_0_div_41_Template(rf, ctx) {
-        if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "div");
-            i0__namespace.ɵɵelementStart(1, "a", 8);
-            i0__namespace.ɵɵtext(2);
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementEnd();
-        }
-        if (rf & 2) {
-            var attachment_r3 = ctx.$implicit;
-            i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("href", attachment_r3._links.self.href, i0__namespace.ɵɵsanitizeUrl);
-            i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵtextInterpolate(attachment_r3.originalDocumentName);
-        }
-    }
-    function QueryDetailsTableComponent_ng_container_0_Template(rf, ctx) {
-        if (rf & 1) {
-            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.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(8, "td", 5);
-            i0__namespace.ɵɵtext(9);
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(10, "tr", 3);
-            i0__namespace.ɵɵelementStart(11, "th", 4);
-            i0__namespace.ɵɵtext(12);
-            i0__namespace.ɵɵpipe(13, "rpxTranslate");
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(14, "td", 5);
-            i0__namespace.ɵɵtext(15);
-            i0__namespace.ɵɵpipe(16, "date");
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(17, "tr", 3);
-            i0__namespace.ɵɵelementStart(18, "th", 4);
-            i0__namespace.ɵɵtext(19);
-            i0__namespace.ɵɵpipe(20, "rpxTranslate");
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(21, "td", 5);
-            i0__namespace.ɵɵtext(22);
-            i0__namespace.ɵɵelementEnd();
-            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.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(27, "td", 5);
-            i0__namespace.ɵɵtext(28);
-            i0__namespace.ɵɵelementEnd();
-            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.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(33, "td", 5);
-            i0__namespace.ɵɵtext(34);
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵtemplate(35, QueryDetailsTableComponent_ng_container_0_tr_35_Template, 7, 7, "tr", 6);
-            i0__namespace.ɵɵelementStart(36, "tr", 3);
-            i0__namespace.ɵɵelementStart(37, "th", 4);
-            i0__namespace.ɵɵtext(38);
-            i0__namespace.ɵɵpipe(39, "rpxTranslate");
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(40, "td", 5);
-            i0__namespace.ɵɵtemplate(41, QueryDetailsTableComponent_ng_container_0_div_41_Template, 3, 2, "div", 7);
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementContainerEnd();
-        }
-        if (rf & 2) {
-            var ctx_r0 = i0__namespace.ɵɵnextContext();
-            i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵattribute("aria-describedby", i0__namespace.ɵɵpipeBind1(2, 14, "Details of the query"));
-            i0__namespace.ɵɵadvance(5);
-            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(7, 16, "Last submitted by"));
-            i0__namespace.ɵɵadvance(3);
-            i0__namespace.ɵɵtextInterpolate(ctx_r0.queryItem.lastSubmittedBy);
-            i0__namespace.ɵɵadvance(3);
-            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(13, 18, "Submission date"));
-            i0__namespace.ɵɵadvance(3);
-            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind2(16, 20, ctx_r0.queryItem.createdOn, "dd MMM yyyy"));
-            i0__namespace.ɵɵadvance(4);
-            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(20, 23, "Query subject"));
-            i0__namespace.ɵɵadvance(3);
-            i0__namespace.ɵɵtextInterpolate(ctx_r0.queryItem.subject);
-            i0__namespace.ɵɵadvance(3);
-            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(26, 25, "Query body"));
-            i0__namespace.ɵɵadvance(3);
-            i0__namespace.ɵɵtextInterpolate(ctx_r0.queryItem.body);
-            i0__namespace.ɵɵadvance(3);
-            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(32, 27, "Is the query hearing related?"));
-            i0__namespace.ɵɵadvance(3);
-            i0__namespace.ɵɵtextInterpolate(ctx_r0.queryItem.isHearingRelated ? "Yes" : "No");
-            i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("ngIf", ctx_r0.queryItem.isHearingRelated);
-            i0__namespace.ɵɵadvance(3);
-            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(39, 29, "Attachments"));
-            i0__namespace.ɵɵadvance(3);
-            i0__namespace.ɵɵproperty("ngForOf", ctx_r0.queryItem.attachments);
-        }
-    }
-    var QueryDetailsTableComponent = /** @class */ (function () {
-        function QueryDetailsTableComponent() {
-        }
-        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", 4, "ngIf"], [4, "ngFor", "ngForOf"], ["target", "_blank", 3, "href"]], template: function QueryDetailsTableComponent_Template(rf, ctx) {
-            if (rf & 1) {
-                i0__namespace.ɵɵtemplate(0, QueryDetailsTableComponent_ng_container_0_Template, 42, 31, "ng-container", 0);
-            }
-            if (rf & 2) {
-                i0__namespace.ɵɵproperty("ngIf", ctx.queryItem);
-            }
-        }, directives: [i5__namespace.NgIf, i5__namespace.NgForOf], pipes: [i1__namespace.RpxTranslatePipe, i5__namespace.DatePipe], styles: [".query-details-table[_ngcontent-%COMP%]   .govuk-table__header[_ngcontent-%COMP%]{width:330px}"] });
-    (function () {
-        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(QueryDetailsTableComponent, [{
-                type: i0.Component,
-                args: [{
-                        selector: 'ccd-query-details-table',
-                        templateUrl: './query-details-table.component.html',
-                        styleUrls: ['./query-details-table.component.scss']
-                    }]
-            }], null, { queryItem: [{
-                    type: i0.Input
-                }] });
-    })();
-
     function QueryDetailsComponent_ng_container_0_Template(rf, ctx) {
         if (rf & 1) {
             var _r2_1 = i0__namespace.ɵɵgetCurrentView();
@@ -20643,6 +20547,168 @@
                 }] });
     })();
 
+    function QueryDetailsTableComponent_ng_container_0_tr_35_Template(rf, ctx) {
+        if (rf & 1) {
+            i0__namespace.ɵɵelementStart(0, "tr", 3);
+            i0__namespace.ɵɵelementStart(1, "th", 4);
+            i0__namespace.ɵɵtext(2);
+            i0__namespace.ɵɵpipe(3, "rpxTranslate");
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(4, "td", 5);
+            i0__namespace.ɵɵtext(5);
+            i0__namespace.ɵɵpipe(6, "date");
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var ctx_r1 = i0__namespace.ɵɵnextContext(2);
+            i0__namespace.ɵɵadvance(2);
+            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(3, 2, "What is the date of the hearing your query related to?"));
+            i0__namespace.ɵɵadvance(3);
+            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind2(6, 4, ctx_r1.queryItem.hearingDate, "dd MMM yyyy"));
+        }
+    }
+    function QueryDetailsTableComponent_ng_container_0_div_41_Template(rf, ctx) {
+        if (rf & 1) {
+            i0__namespace.ɵɵelementStart(0, "div");
+            i0__namespace.ɵɵelementStart(1, "a", 8);
+            i0__namespace.ɵɵtext(2);
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var attachment_r3 = ctx.$implicit;
+            i0__namespace.ɵɵadvance(1);
+            i0__namespace.ɵɵproperty("href", attachment_r3._links.self.href, i0__namespace.ɵɵsanitizeUrl);
+            i0__namespace.ɵɵadvance(1);
+            i0__namespace.ɵɵtextInterpolate(attachment_r3.originalDocumentName);
+        }
+    }
+    function QueryDetailsTableComponent_ng_container_0_Template(rf, ctx) {
+        if (rf & 1) {
+            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.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(8, "td", 5);
+            i0__namespace.ɵɵtext(9);
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(10, "tr", 3);
+            i0__namespace.ɵɵelementStart(11, "th", 4);
+            i0__namespace.ɵɵtext(12);
+            i0__namespace.ɵɵpipe(13, "rpxTranslate");
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(14, "td", 5);
+            i0__namespace.ɵɵtext(15);
+            i0__namespace.ɵɵpipe(16, "date");
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(17, "tr", 3);
+            i0__namespace.ɵɵelementStart(18, "th", 4);
+            i0__namespace.ɵɵtext(19);
+            i0__namespace.ɵɵpipe(20, "rpxTranslate");
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(21, "td", 5);
+            i0__namespace.ɵɵtext(22);
+            i0__namespace.ɵɵelementEnd();
+            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.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(27, "td", 5);
+            i0__namespace.ɵɵtext(28);
+            i0__namespace.ɵɵelementEnd();
+            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.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(33, "td", 5);
+            i0__namespace.ɵɵtext(34);
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵtemplate(35, QueryDetailsTableComponent_ng_container_0_tr_35_Template, 7, 7, "tr", 6);
+            i0__namespace.ɵɵelementStart(36, "tr", 3);
+            i0__namespace.ɵɵelementStart(37, "th", 4);
+            i0__namespace.ɵɵtext(38);
+            i0__namespace.ɵɵpipe(39, "rpxTranslate");
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(40, "td", 5);
+            i0__namespace.ɵɵtemplate(41, QueryDetailsTableComponent_ng_container_0_div_41_Template, 3, 2, "div", 7);
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementContainerEnd();
+        }
+        if (rf & 2) {
+            var ctx_r0 = i0__namespace.ɵɵnextContext();
+            i0__namespace.ɵɵadvance(1);
+            i0__namespace.ɵɵattribute("aria-describedby", i0__namespace.ɵɵpipeBind1(2, 14, "Details of the query"));
+            i0__namespace.ɵɵadvance(5);
+            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(7, 16, "Last submitted by"));
+            i0__namespace.ɵɵadvance(3);
+            i0__namespace.ɵɵtextInterpolate(ctx_r0.queryItem.lastSubmittedBy);
+            i0__namespace.ɵɵadvance(3);
+            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(13, 18, "Submission date"));
+            i0__namespace.ɵɵadvance(3);
+            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind2(16, 20, ctx_r0.queryItem.createdOn, "dd MMM yyyy"));
+            i0__namespace.ɵɵadvance(4);
+            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(20, 23, "Query subject"));
+            i0__namespace.ɵɵadvance(3);
+            i0__namespace.ɵɵtextInterpolate(ctx_r0.queryItem.subject);
+            i0__namespace.ɵɵadvance(3);
+            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(26, 25, "Query body"));
+            i0__namespace.ɵɵadvance(3);
+            i0__namespace.ɵɵtextInterpolate(ctx_r0.queryItem.body);
+            i0__namespace.ɵɵadvance(3);
+            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(32, 27, "Is the query hearing related?"));
+            i0__namespace.ɵɵadvance(3);
+            i0__namespace.ɵɵtextInterpolate(ctx_r0.queryItem.isHearingRelated ? "Yes" : "No");
+            i0__namespace.ɵɵadvance(1);
+            i0__namespace.ɵɵproperty("ngIf", ctx_r0.queryItem.isHearingRelated);
+            i0__namespace.ɵɵadvance(3);
+            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(39, 29, "Attachments"));
+            i0__namespace.ɵɵadvance(3);
+            i0__namespace.ɵɵproperty("ngForOf", ctx_r0.queryItem.attachments);
+        }
+    }
+    var QueryDetailsTableComponent = /** @class */ (function () {
+        function QueryDetailsTableComponent() {
+        }
+        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", 4, "ngIf"], [4, "ngFor", "ngForOf"], ["target", "_blank", 3, "href"]], template: function QueryDetailsTableComponent_Template(rf, ctx) {
+            if (rf & 1) {
+                i0__namespace.ɵɵtemplate(0, QueryDetailsTableComponent_ng_container_0_Template, 42, 31, "ng-container", 0);
+            }
+            if (rf & 2) {
+                i0__namespace.ɵɵproperty("ngIf", ctx.queryItem);
+            }
+        }, directives: [i5__namespace.NgIf, i5__namespace.NgForOf], pipes: [i1__namespace.RpxTranslatePipe, i5__namespace.DatePipe], styles: [".query-details-table[_ngcontent-%COMP%]   .govuk-table__header[_ngcontent-%COMP%]{width:330px}"] });
+    (function () {
+        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(QueryDetailsTableComponent, [{
+                type: i0.Component,
+                args: [{
+                        selector: 'ccd-query-details-table',
+                        templateUrl: './query-details-table.component.html',
+                        styleUrls: ['./query-details-table.component.scss']
+                    }]
+            }], null, { queryItem: [{
+                    type: i0.Input
+                }] });
+    })();
+
     var SortOrder;
     (function (SortOrder) {
         SortOrder[SortOrder["ASCENDING"] = 0] = "ASCENDING";
@@ -20650,99 +20716,6 @@
         SortOrder[SortOrder["UNSORTED"] = 2] = "UNSORTED";
     })(SortOrder || (SortOrder = {}));
 
-    var QueryListItem = /** @class */ (function () {
-        function QueryListItem() {
-            this.children = [];
-        }
-        Object.defineProperty(QueryListItem.prototype, "lastSubmittedMessage", {
-            get: function () {
-                var getLastSubmittedMessage = function (item) {
-                    var e_1, _b;
-                    var lastSubmittedMessage = item;
-                    if (item.children && item.children.length > 0) {
-                        try {
-                            for (var _c = __values(item.children), _d = _c.next(); !_d.done; _d = _c.next()) {
-                                var child = _d.value;
-                                var childLastSubmittedMessage = getLastSubmittedMessage(child);
-                                if (childLastSubmittedMessage.createdOn > lastSubmittedMessage.createdOn) {
-                                    lastSubmittedMessage = childLastSubmittedMessage;
-                                }
-                            }
-                        }
-                        catch (e_1_1) { e_1 = { error: e_1_1 }; }
-                        finally {
-                            try {
-                                if (_d && !_d.done && (_b = _c.return)) _b.call(_c);
-                            }
-                            finally { if (e_1) throw e_1.error; }
-                        }
-                    }
-                    return lastSubmittedMessage;
-                };
-                return getLastSubmittedMessage(this);
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(QueryListItem.prototype, "lastSubmittedBy", {
-            get: function () {
-                return this.lastSubmittedMessage.name;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(QueryListItem.prototype, "lastSubmittedDate", {
-            get: function () {
-                return new Date(this.lastSubmittedMessage.createdOn);
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(QueryListItem.prototype, "lastResponseBy", {
-            get: function () {
-                var _a;
-                return ((_a = this.children) === null || _a === void 0 ? void 0 : _a.length) > 0 ? this.lastSubmittedMessage.name : '';
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(QueryListItem.prototype, "lastResponseDate", {
-            get: function () {
-                var _a;
-                return ((_a = this.children) === null || _a === void 0 ? void 0 : _a.length) > 0 ? new Date(this.lastSubmittedMessage.createdOn) : null;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        return QueryListItem;
-    }());
-
-    var QueryListData = /** @class */ (function () {
-        function QueryListData(partyMessagesGroup) {
-            var _this = this;
-            this.partyName = partyMessagesGroup.partyName;
-            this.roleOnCase = partyMessagesGroup.roleOnCase;
-            // get the parent messages (messages without parentId) and add the children to them
-            var parentMessages = partyMessagesGroup.partyMessages.filter(function (message) { return !message.parentId; });
-            this.partyMessages = parentMessages.map(function (message) { return _this.buildQueryListItem(message, partyMessagesGroup.partyMessages); });
-        }
-        QueryListData.prototype.buildQueryListItem = function (message, allMessages) {
-            var _this = this;
-            var queryListItem = new QueryListItem();
-            Object.assign(queryListItem, Object.assign(Object.assign({}, message), { children: allMessages
-                    .filter(function (childMessage) { return childMessage.parentId === message.id; })
-                    .map(function (childMessage) { return _this.buildQueryListItem(childMessage, allMessages); }) }));
-            return queryListItem;
-        };
-        return QueryListData;
-    }());
-
-    exports.QueryListResponseStatus = void 0;
-    (function (QueryListResponseStatus) {
-        QueryListResponseStatus["NEW"] = "New";
-        QueryListResponseStatus["RESPONDED"] = "Responded";
-    })(exports.QueryListResponseStatus || (exports.QueryListResponseStatus = {}));
-
     function QueryListComponent_ng_container_0_th_7_Template(rf, ctx) {
         if (rf & 1) {
             var _r5_1 = i0__namespace.ɵɵgetCurrentView();
@@ -20927,176 +20900,78 @@
                 }] });
     })();
 
-    function QueryCheckYourAnswersComponent_ccd_read_collection_field_31_Template(rf, ctx) {
-        if (rf & 1) {
-            i0__namespace.ɵɵelement(0, "ccd-read-collection-field", 15);
-        }
-        if (rf & 2) {
-            var ctx_r0 = i0__namespace.ɵɵnextContext();
-            i0__namespace.ɵɵproperty("caseField", ctx_r0.caseField);
-        }
-    }
-    var _c0$B = function () { return ["/", "cases"]; };
-    var QueryCheckYourAnswersComponent = /** @class */ (function () {
-        function QueryCheckYourAnswersComponent() {
-            this.backClicked = new i0.EventEmitter();
+    var QueryWriteAddDocumentsComponent = /** @class */ (function () {
+        function QueryWriteAddDocumentsComponent() {
+            this.documentFormGroup = new i3.FormGroup({});
+            this.documentCollectionUpdate = new i0.EventEmitter();
+            // 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 (optional)',
+                hint_text: 'Attach a document to this message',
+                display_context_parameter: '#COLLECTION(allowInsert,allowUpdate)',
+                field_type: Object.assign(new FieldType(), {
+                    id: 'queryDocuments',
+                    type: 'queryDocuments',
+                    min: null,
+                    max: null,
+                    regular_expression: null,
+                    fixed_list_items: [],
+                    complex_fields: [],
+                    collection_field_type: Object.assign(new FieldType(), {
+                        id: 'Document',
+                        type: 'Document',
+                        min: null,
+                        max: null,
+                        regular_expression: null,
+                        fixed_list_items: [],
+                        complex_fields: [],
+                        collection_field_type: null,
+                    })
+                }),
+            });
         }
-        QueryCheckYourAnswersComponent.prototype.ngOnInit = function () {
-            // Mock object
-            caseFieldMockData.value = [
-                {
-                    id: '725bf4a7-9e4c-4132-b5c1-f8028cb83459',
-                    value: {
-                        document_url: 'https://dm-store-aat.service.core-compute-aat.internal/documents/e5366837-b3f6-492d-acbf-548730625e8f',
-                        document_filename: 'Screenshot 2023-06-01 at 16.07.06.png',
-                        document_binary_url: 'https://dm-store-aat.service.core-compute-aat.internal/documents/e5366837-b3f6-492d-acbf-548730625e8f/binary'
-                    }
-                },
-                {
-                    id: '725bf4a7-9e4c-4132-b5c1-f8028cb83459',
-                    value: {
-                        document_url: 'https://dm-store-aat.service.core-compute-aat.internal/documents/f50ccd7a-7f28-40f3-b5f9-7ad2f6425506',
-                        document_filename: 'dummy.pdf',
-                        document_binary_url: 'https://dm-store-aat.service.core-compute-aat.internal/documents/f50ccd7a-7f28-40f3-b5f9-7ad2f6425506/binary'
-                    }
-                }
-            ];
-            this.caseField = caseFieldMockData;
+        QueryWriteAddDocumentsComponent.prototype.ngAfterViewInit = function () {
+            var _this = this;
+            var formControl = this.documentFormGroup.get(QueryWriteAddDocumentsComponent.DOCUMENTS_FORM_CONTROL_NAME);
+            if (formControl) {
+                this.documentFormControlSubscription = formControl.valueChanges
+                    .pipe(operators.map(function (documents) { return (documents.filter(function (document) { var _a; return !!((_a = document === null || document === void 0 ? void 0 : document.value) === null || _a === void 0 ? void 0 : _a.document_url); })); }), operators.map(function (documents) { return documents.map(function (document) { return document === null || document === void 0 ? void 0 : document.value; }); }), operators.tap(function (documents) { return _this.documentCollectionUpdate.emit(documents); }))
+                    .subscribe();
+            }
         };
-        QueryCheckYourAnswersComponent.prototype.goBack = function () {
-            this.backClicked.emit(true);
+        QueryWriteAddDocumentsComponent.prototype.ngOnDestroy = function () {
+            var _a;
+            (_a = this.documentFormControlSubscription) === null || _a === void 0 ? void 0 : _a.unsubscribe();
         };
-        return QueryCheckYourAnswersComponent;
+        return QueryWriteAddDocumentsComponent;
     }());
-    QueryCheckYourAnswersComponent.ɵfac = function QueryCheckYourAnswersComponent_Factory(t) { return new (t || QueryCheckYourAnswersComponent)(); };
-    QueryCheckYourAnswersComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: QueryCheckYourAnswersComponent, selectors: [["ccd-query-check-your-answers"]], inputs: { queryItem: "queryItem" }, outputs: { backClicked: "backClicked" }, decls: 48, vars: 32, consts: [[1, "govuk-grid-row"], [1, "govuk-grid-column-two-thirds-from-desktop"], [1, "govuk-heading-l"], [1, "govuk-!-margin-bottom-4"], [1, "govuk-summary-list", "govuk-!-margin-bottom-0"], [1, "govuk-summary-list__row"], [1, "govuk-summary-list__key"], [1, "govuk-summary-list__value"], [1, "govuk-summary-list__actions"], [1, "govuk-link", 3, "click"], [3, "caseField", 4, "ngIf"], ["data-module", "govuk-button", 1, "govuk-button", "govuk-button--secondary", "govuk-!-margin-right-3", 3, "click"], ["data-module", "govuk-button", 1, "govuk-button"], [1, "govuk-!-margin-bottom-2"], [3, "routerLink"], [3, "caseField"]], template: function QueryCheckYourAnswersComponent_Template(rf, ctx) {
+    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"]], outputs: { documentCollectionUpdate: "documentCollectionUpdate" }, decls: 1, vars: 2, consts: [[3, "formGroup", "caseField"]], template: function QueryWriteAddDocumentsComponent_Template(rf, ctx) {
             if (rf & 1) {
-                i0__namespace.ɵɵelementStart(0, "div", 0);
-                i0__namespace.ɵɵelementStart(1, "div", 1);
-                i0__namespace.ɵɵelementStart(2, "h1", 2);
-                i0__namespace.ɵɵtext(3);
-                i0__namespace.ɵɵpipe(4, "rpxTranslate");
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(5, "div", 3);
-                i0__namespace.ɵɵelement(6, "ccd-query-case-details-header");
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(7, "dl", 4);
-                i0__namespace.ɵɵelementStart(8, "div", 5);
-                i0__namespace.ɵɵelementStart(9, "dt", 6);
-                i0__namespace.ɵɵtext(10);
-                i0__namespace.ɵɵpipe(11, "rpxTranslate");
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(12, "dd", 7);
-                i0__namespace.ɵɵtext(13);
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(14, "dl", 4);
-                i0__namespace.ɵɵelementStart(15, "div", 5);
-                i0__namespace.ɵɵelementStart(16, "dt", 6);
-                i0__namespace.ɵɵtext(17);
-                i0__namespace.ɵɵpipe(18, "rpxTranslate");
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(19, "dd", 7);
-                i0__namespace.ɵɵtext(20);
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(21, "dd", 8);
-                i0__namespace.ɵɵelementStart(22, "a", 9);
-                i0__namespace.ɵɵlistener("click", function QueryCheckYourAnswersComponent_Template_a_click_22_listener() { return ctx.goBack(); });
-                i0__namespace.ɵɵtext(23);
-                i0__namespace.ɵɵpipe(24, "rpxTranslate");
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(25, "dl", 4);
-                i0__namespace.ɵɵelementStart(26, "div", 5);
-                i0__namespace.ɵɵelementStart(27, "dt", 6);
-                i0__namespace.ɵɵtext(28);
-                i0__namespace.ɵɵpipe(29, "rpxTranslate");
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(30, "dd", 7);
-                i0__namespace.ɵɵtemplate(31, QueryCheckYourAnswersComponent_ccd_read_collection_field_31_Template, 1, 1, "ccd-read-collection-field", 10);
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(32, "dd", 8);
-                i0__namespace.ɵɵelementStart(33, "a", 9);
-                i0__namespace.ɵɵlistener("click", function QueryCheckYourAnswersComponent_Template_a_click_33_listener() { return ctx.goBack(); });
-                i0__namespace.ɵɵtext(34);
-                i0__namespace.ɵɵpipe(35, "rpxTranslate");
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelement(36, "br");
-                i0__namespace.ɵɵelementStart(37, "div");
-                i0__namespace.ɵɵelementStart(38, "button", 11);
-                i0__namespace.ɵɵlistener("click", function QueryCheckYourAnswersComponent_Template_button_click_38_listener() { return ctx.goBack(); });
-                i0__namespace.ɵɵtext(39);
-                i0__namespace.ɵɵpipe(40, "rpxTranslate");
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(41, "button", 12);
-                i0__namespace.ɵɵtext(42);
-                i0__namespace.ɵɵpipe(43, "rpxTranslate");
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(44, "div", 13);
-                i0__namespace.ɵɵelementStart(45, "a", 14);
-                i0__namespace.ɵɵtext(46);
-                i0__namespace.ɵɵpipe(47, "rpxTranslate");
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelement(0, "ccd-write-collection-field", 0);
             }
             if (rf & 2) {
-                i0__namespace.ɵɵadvance(3);
-                i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(4, 13, "Review query response details"));
-                i0__namespace.ɵɵadvance(7);
-                i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(11, 15, "Submitted query"), " ");
-                i0__namespace.ɵɵadvance(3);
-                i0__namespace.ɵɵtextInterpolate1(" ", ctx.queryItem.subject, " ");
-                i0__namespace.ɵɵadvance(4);
-                i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(18, 17, "Response message"), " ");
-                i0__namespace.ɵɵadvance(3);
-                i0__namespace.ɵɵtextInterpolate1(" ", ctx.queryItem.response, " ");
-                i0__namespace.ɵɵadvance(3);
-                i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(24, 19, "Change"), " ");
-                i0__namespace.ɵɵadvance(5);
-                i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(29, 21, "Document attached"), " ");
-                i0__namespace.ɵɵadvance(3);
-                i0__namespace.ɵɵproperty("ngIf", ctx.caseField);
-                i0__namespace.ɵɵadvance(3);
-                i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(35, 23, "Change"), " ");
-                i0__namespace.ɵɵadvance(5);
-                i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(40, 25, "Previous"), " ");
-                i0__namespace.ɵɵadvance(3);
-                i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(43, 27, "Submit"), " ");
-                i0__namespace.ɵɵadvance(3);
-                i0__namespace.ɵɵproperty("routerLink", i0__namespace.ɵɵpureFunction0(31, _c0$B));
-                i0__namespace.ɵɵadvance(1);
-                i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(47, 29, "Cancel and return to case"));
+                i0__namespace.ɵɵproperty("formGroup", ctx.documentFormGroup)("caseField", ctx.mockDocumentCaseField);
             }
-        }, styles: [".collection-field-table tr>td{border-bottom:none}"], encapsulation: 2 });
+        }, encapsulation: 2 });
     (function () {
-        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(QueryCheckYourAnswersComponent, [{
+        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(QueryWriteAddDocumentsComponent, [{
                 type: i0.Component,
                 args: [{
-                        selector: 'ccd-query-check-your-answers',
-                        templateUrl: './query-check-your-answers.component.html',
-                        styleUrls: ['./query-check-your-answers.component.scss'],
-                        encapsulation: i0.ViewEncapsulation.None
+                        selector: 'ccd-query-write-add-documents',
+                        templateUrl: './query-write-add-documents.component.html'
                     }]
-            }], null, { queryItem: [{
-                    type: i0.Input
-                }], backClicked: [{
+            }], function () { return []; }, { documentCollectionUpdate: [{
                     type: i0.Output
                 }] });
     })();
 
-    function QueryWriteRaiseQueryComponent_p_23_Template(rf, ctx) {
+    function QueryWriteRaiseQueryComponent_p_22_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "p", 38);
-            i0__namespace.ɵɵelementStart(1, "span", 39);
+            i0__namespace.ɵɵelementStart(0, "p", 27);
+            i0__namespace.ɵɵelementStart(1, "span", 28);
             i0__namespace.ɵɵtext(2);
             i0__namespace.ɵɵpipe(3, "rpxTranslate");
             i0__namespace.ɵɵelementEnd();
@@ -21108,13 +20983,13 @@
             i0__namespace.ɵɵadvance(2);
             i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(3, 2, "Error:"));
             i0__namespace.ɵɵadvance(2);
-            i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(5, 4, "Enter a response message"), " ");
+            i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(5, 4, "Enter a message"), " ");
         }
     }
-    function QueryWriteRaiseQueryComponent_p_33_Template(rf, ctx) {
+    function QueryWriteRaiseQueryComponent_p_32_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "p", 40);
-            i0__namespace.ɵɵelementStart(1, "span", 39);
+            i0__namespace.ɵɵelementStart(0, "p", 29);
+            i0__namespace.ɵɵelementStart(1, "span", 28);
             i0__namespace.ɵɵtext(2);
             i0__namespace.ɵɵpipe(3, "rpxTranslate");
             i0__namespace.ɵɵelementEnd();
@@ -21129,10 +21004,10 @@
             i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(5, 4, "Enter a subject"), " ");
         }
     }
-    function QueryWriteRaiseQueryComponent_p_43_Template(rf, ctx) {
+    function QueryWriteRaiseQueryComponent_p_42_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "p", 41);
-            i0__namespace.ɵɵelementStart(1, "span", 39);
+            i0__namespace.ɵɵelementStart(0, "p", 30);
+            i0__namespace.ɵɵelementStart(1, "span", 28);
             i0__namespace.ɵɵtext(2);
             i0__namespace.ɵɵpipe(3, "rpxTranslate");
             i0__namespace.ɵɵelementEnd();
@@ -21147,170 +21022,101 @@
             i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(5, 4, "Enter a body"), " ");
         }
     }
-    function QueryWriteRaiseQueryComponent_p_73_Template(rf, ctx) {
-        if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "p", 42);
-            i0__namespace.ɵɵelementStart(1, "span", 39);
-            i0__namespace.ɵɵtext(2);
-            i0__namespace.ɵɵpipe(3, "rpxTranslate");
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵtext(4);
-            i0__namespace.ɵɵpipe(5, "rpxTranslate");
-            i0__namespace.ɵɵelementEnd();
-        }
-        if (rf & 2) {
-            i0__namespace.ɵɵadvance(2);
-            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(3, 2, "Error:"));
-            i0__namespace.ɵɵadvance(2);
-            i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(5, 4, "File error message"), " ");
-        }
-    }
     var QueryWriteRaiseQueryComponent = /** @class */ (function () {
         function QueryWriteRaiseQueryComponent() {
         }
-        QueryWriteRaiseQueryComponent.prototype.ngOnInit = function () {
-            this.formGroup = new i3.FormGroup({
-                fullName: new i3.FormControl('', i3.Validators.required),
-                subject: new i3.FormControl('', i3.Validators.required),
-                body: new i3.FormControl('', i3.Validators.required),
-                isHearingRelated: new i3.FormControl(null, i3.Validators.required),
-                documents: new i3.FormControl([], i3.Validators.required)
-            });
-        };
         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" }, decls: 90, vars: 82, consts: [[1, "govuk-!-margin-top-6", "govuk-!-margin-bottom-6"], [1, "query-raise"], [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"], [1, "govuk-label-wrapper"], ["for", "query-raise-fullName", 1, "govuk-label", "govuk-label--m", "govuk-!-font-weight-bold"], ["id", "query-raise-fullName-hint", 1, "govuk-hint"], ["id", "query-raise-fullName-error", "class", "govuk-error-message", 4, "ngIf"], ["id", "query-raise-fullName", "name", "query-raise-fullName", "type", "text", 1, "govuk-input", 3, "formControlName"], ["for", "query-raise-subject", 1, "govuk-label", "govuk-label--m", "govuk-!-font-weight-bold"], ["id", "query-raise-subject-hint", 1, "govuk-hint"], ["id", "query-raise-subject-error", "class", "govuk-error-message", 4, "ngIf"], ["id", "query-raise-subject", "name", "query-raise-subject", "type", "text", 1, "govuk-input", 3, "formControlName"], ["for", "query-raise-body", 1, "govuk-label", "govuk-label--m", "govuk-!-font-weight-bold"], ["id", "query-raise-body-hint", 1, "govuk-hint"], ["id", "query-raise-body-error", "class", "govuk-error-message", 4, "ngIf"], ["id", "query-raise-body", "name", "query-response", "rows", "5", "aria-describedby", "query-response-hint query-response-error", 1, "govuk-textarea", 3, "formControlName"], [1, "govuk-fieldset"], [1, "govuk-label", "govuk-label--m", "govuk-!-font-weight-bold"], ["data-module", "govuk-radios", 1, "govuk-radios", "govuk-radios--inline"], [1, "govuk-radios__item"], ["id", "query-raise-isHearingRelated-yes", "name", "query-raise-isHearingRelated-yes", "type", "radio", 1, "govuk-radios__input", 3, "checked", "value"], ["for", "query-raise-isHearingRelated-yes", 1, "govuk-label", "govuk-radios__label"], ["id", "query-raise-isHearingRelated-no", "name", "query-raise-isHearingRelated-no", "type", "radio", 1, "govuk-radios__input", 3, "checked", "value"], ["for", "query-raise-isHearingRelated-no", 1, "govuk-label", "govuk-radios__label"], ["for", "add-documents", 1, "govuk-label"], [1, "govuk-!-font-weight-bold"], ["id", "add-documents-error", "class", "govuk-error-message", 4, "ngIf"], ["id", "add-documents", "name", "add-documents", "type", "file", 1, "govuk-file-upload"], ["data-module", "govuk-button", 1, "govuk-button"], [1, "govuk-button-group"], ["data-module", "govuk-button", 1, "govuk-button", "govuk-button--secondary", 3, "disabled"], [1, "govuk-!-margin-bottom-2"], ["href", "javascript:void(0)", 1, "govuk-back-link"], ["id", "query-raise-fullName-error", 1, "govuk-error-message"], [1, "govuk-visually-hidden"], ["id", "query-raise-subject-error", 1, "govuk-error-message"], ["id", "query-raise-body-error", 1, "govuk-error-message"], ["id", "add-documents-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" }, decls: 62, vars: 60, 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"], [1, "govuk-label-wrapper"], ["for", "query-raise-fullName", 1, "govuk-label", "govuk-label--m", "govuk-!-font-weight-bold"], ["id", "query-raise-fullName-hint", 1, "govuk-hint"], ["id", "query-raise-fullName-error", "class", "govuk-error-message", 4, "ngIf"], ["id", "query-raise-fullName", "name", "query-raise-fullName", "type", "text", 1, "govuk-input", 3, "formControlName"], ["for", "query-raise-subject", 1, "govuk-label", "govuk-label--m", "govuk-!-font-weight-bold"], ["id", "query-raise-subject-hint", 1, "govuk-hint"], ["id", "query-raise-subject-error", "class", "govuk-error-message", 4, "ngIf"], ["id", "query-raise-subject", "name", "query-raise-subject", "type", "text", 1, "govuk-input", 3, "formControlName"], ["for", "query-raise-body", 1, "govuk-label", "govuk-label--m", "govuk-!-font-weight-bold"], ["id", "query-raise-body-hint", 1, "govuk-hint"], ["id", "query-raise-body-error", "class", "govuk-error-message", 4, "ngIf"], ["id", "query-raise-body", "name", "query-body", "rows", "5", "aria-describedby", "query-body-hint query-body-error", 1, "govuk-textarea", 3, "formControlName"], [1, "govuk-fieldset"], [1, "govuk-label", "govuk-label--m", "govuk-!-font-weight-bold"], ["data-module", "govuk-radios", 1, "govuk-radios", "govuk-radios--inline"], [1, "govuk-radios__item"], ["id", "query-raise-isHearingRelated-yes", "name", "query-raise-isHearingRelated-yes", "type", "radio", 1, "govuk-radios__input", 3, "checked", "value"], ["for", "query-raise-isHearingRelated-yes", 1, "govuk-label", "govuk-radios__label"], ["id", "query-raise-isHearingRelated-no", "name", "query-raise-isHearingRelated-no", "type", "radio", 1, "govuk-radios__input", 3, "checked", "value"], ["for", "query-raise-isHearingRelated-no", 1, "govuk-label", "govuk-radios__label"], ["id", "query-raise-fullName-error", 1, "govuk-error-message"], [1, "govuk-visually-hidden"], ["id", "query-raise-subject-error", 1, "govuk-error-message"], ["id", "query-raise-body-error", 1, "govuk-error-message"]], template: function QueryWriteRaiseQueryComponent_Template(rf, ctx) {
             if (rf & 1) {
-                i0__namespace.ɵɵelementStart(0, "div", 0);
-                i0__namespace.ɵɵelementStart(1, "div", 1);
-                i0__namespace.ɵɵelementStart(2, "div", 2);
-                i0__namespace.ɵɵelementStart(3, "div", 3);
-                i0__namespace.ɵɵtext(4);
-                i0__namespace.ɵɵpipe(5, "rpxTranslate");
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(6, "h1", 4);
-                i0__namespace.ɵɵtext(7);
-                i0__namespace.ɵɵpipe(8, "rpxTranslate");
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(9, "div");
-                i0__namespace.ɵɵelement(10, "ccd-query-case-details-header");
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelement(11, "hr");
-                i0__namespace.ɵɵelementStart(12, "div", 5);
-                i0__namespace.ɵɵelementStart(13, "div", 6);
-                i0__namespace.ɵɵelementStart(14, "div");
-                i0__namespace.ɵɵelementStart(15, "div", 7);
-                i0__namespace.ɵɵelementStart(16, "div", 8);
-                i0__namespace.ɵɵelementStart(17, "label", 9);
-                i0__namespace.ɵɵtext(18);
-                i0__namespace.ɵɵpipe(19, "rpxTranslate");
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(20, "div", 10);
-                i0__namespace.ɵɵtext(21);
-                i0__namespace.ɵɵpipe(22, "rpxTranslate");
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵtemplate(23, QueryWriteRaiseQueryComponent_p_23_Template, 6, 6, "p", 11);
-                i0__namespace.ɵɵelement(24, "input", 12);
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(25, "div", 7);
-                i0__namespace.ɵɵelementStart(26, "div", 8);
-                i0__namespace.ɵɵelementStart(27, "label", 13);
-                i0__namespace.ɵɵtext(28);
-                i0__namespace.ɵɵpipe(29, "rpxTranslate");
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(30, "div", 14);
-                i0__namespace.ɵɵtext(31);
-                i0__namespace.ɵɵpipe(32, "rpxTranslate");
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵtemplate(33, QueryWriteRaiseQueryComponent_p_33_Template, 6, 6, "p", 15);
-                i0__namespace.ɵɵelement(34, "input", 16);
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(35, "div", 7);
-                i0__namespace.ɵɵelementStart(36, "div", 8);
-                i0__namespace.ɵɵelementStart(37, "label", 17);
-                i0__namespace.ɵɵtext(38);
-                i0__namespace.ɵɵpipe(39, "rpxTranslate");
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(40, "div", 18);
-                i0__namespace.ɵɵtext(41);
-                i0__namespace.ɵɵpipe(42, "rpxTranslate");
+                i0__namespace.ɵɵelementStart(0, "div");
+                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.ɵɵtemplate(43, QueryWriteRaiseQueryComponent_p_43_Template, 6, 6, "p", 19);
-                i0__namespace.ɵɵelementStart(44, "textarea", 20);
-                i0__namespace.ɵɵtext(45, "          ");
+                i0__namespace.ɵɵelementStart(5, "h1", 2);
+                i0__namespace.ɵɵtext(6);
+                i0__namespace.ɵɵpipe(7, "rpxTranslate");
                 i0__namespace.ɵɵelementEnd();
                 i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(46, "div", 7);
-                i0__namespace.ɵɵelementStart(47, "fieldset", 21);
-                i0__namespace.ɵɵelementStart(48, "legend");
-                i0__namespace.ɵɵelementStart(49, "label", 22);
-                i0__namespace.ɵɵtext(50);
-                i0__namespace.ɵɵpipe(51, "rpxTranslate");
+                i0__namespace.ɵɵelementStart(8, "div");
+                i0__namespace.ɵɵelement(9, "ccd-query-case-details-header");
                 i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelement(10, "hr");
+                i0__namespace.ɵɵelementStart(11, "div", 3);
+                i0__namespace.ɵɵelementStart(12, "div", 4);
+                i0__namespace.ɵɵelementStart(13, "div");
+                i0__namespace.ɵɵelementStart(14, "div", 5);
+                i0__namespace.ɵɵelementStart(15, "div", 6);
+                i0__namespace.ɵɵelementStart(16, "label", 7);
+                i0__namespace.ɵɵtext(17);
+                i0__namespace.ɵɵpipe(18, "rpxTranslate");
                 i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(52, "div", 23);
-                i0__namespace.ɵɵelementStart(53, "div", 24);
-                i0__namespace.ɵɵelement(54, "input", 25);
-                i0__namespace.ɵɵelementStart(55, "label", 26);
-                i0__namespace.ɵɵtext(56);
-                i0__namespace.ɵɵpipe(57, "rpxTranslate");
                 i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementStart(19, "div", 8);
+                i0__namespace.ɵɵtext(20);
+                i0__namespace.ɵɵpipe(21, "rpxTranslate");
                 i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(58, "div", 24);
-                i0__namespace.ɵɵelement(59, "input", 27);
-                i0__namespace.ɵɵelementStart(60, "label", 28);
-                i0__namespace.ɵɵtext(61);
-                i0__namespace.ɵɵpipe(62, "rpxTranslate");
+                i0__namespace.ɵɵtemplate(22, QueryWriteRaiseQueryComponent_p_22_Template, 6, 6, "p", 9);
+                i0__namespace.ɵɵelement(23, "input", 10);
                 i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementStart(24, "div", 5);
+                i0__namespace.ɵɵelementStart(25, "div", 6);
+                i0__namespace.ɵɵelementStart(26, "label", 11);
+                i0__namespace.ɵɵtext(27);
+                i0__namespace.ɵɵpipe(28, "rpxTranslate");
                 i0__namespace.ɵɵelementEnd();
                 i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementStart(29, "div", 12);
+                i0__namespace.ɵɵtext(30);
+                i0__namespace.ɵɵpipe(31, "rpxTranslate");
                 i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵtemplate(32, QueryWriteRaiseQueryComponent_p_32_Template, 6, 6, "p", 13);
+                i0__namespace.ɵɵelement(33, "input", 14);
                 i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(63, "div");
-                i0__namespace.ɵɵelementStart(64, "div", 7);
-                i0__namespace.ɵɵelementStart(65, "div", 8);
-                i0__namespace.ɵɵelementStart(66, "label", 29);
-                i0__namespace.ɵɵelementStart(67, "div", 30);
-                i0__namespace.ɵɵtext(68);
-                i0__namespace.ɵɵpipe(69, "rpxTranslate");
+                i0__namespace.ɵɵelementStart(34, "div", 5);
+                i0__namespace.ɵɵelementStart(35, "div", 6);
+                i0__namespace.ɵɵelementStart(36, "label", 15);
+                i0__namespace.ɵɵtext(37);
+                i0__namespace.ɵɵpipe(38, "rpxTranslate");
                 i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(70, "div");
-                i0__namespace.ɵɵtext(71);
-                i0__namespace.ɵɵpipe(72, "rpxTranslate");
                 i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementStart(39, "div", 16);
+                i0__namespace.ɵɵtext(40);
+                i0__namespace.ɵɵpipe(41, "rpxTranslate");
                 i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵtemplate(42, QueryWriteRaiseQueryComponent_p_42_Template, 6, 6, "p", 17);
+                i0__namespace.ɵɵelementStart(43, "textarea", 18);
+                i0__namespace.ɵɵtext(44, "          ");
                 i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵtemplate(73, QueryWriteRaiseQueryComponent_p_73_Template, 6, 6, "p", 31);
-                i0__namespace.ɵɵelement(74, "input", 32);
                 i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementStart(45, "div", 5);
+                i0__namespace.ɵɵelementStart(46, "fieldset", 19);
+                i0__namespace.ɵɵelementStart(47, "legend");
+                i0__namespace.ɵɵelementStart(48, "label", 20);
+                i0__namespace.ɵɵtext(49);
+                i0__namespace.ɵɵpipe(50, "rpxTranslate");
                 i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(75, "button", 33);
-                i0__namespace.ɵɵtext(76);
-                i0__namespace.ɵɵpipe(77, "rpxTranslate");
                 i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementStart(51, "div", 21);
+                i0__namespace.ɵɵelementStart(52, "div", 22);
+                i0__namespace.ɵɵelement(53, "input", 23);
+                i0__namespace.ɵɵelementStart(54, "label", 24);
+                i0__namespace.ɵɵtext(55);
+                i0__namespace.ɵɵpipe(56, "rpxTranslate");
                 i0__namespace.ɵɵelementEnd();
                 i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(78, "div");
-                i0__namespace.ɵɵelementStart(79, "div", 34);
-                i0__namespace.ɵɵelementStart(80, "button", 35);
-                i0__namespace.ɵɵtext(81);
-                i0__namespace.ɵɵpipe(82, "rpxTranslate");
+                i0__namespace.ɵɵelementStart(57, "div", 22);
+                i0__namespace.ɵɵelement(58, "input", 25);
+                i0__namespace.ɵɵelementStart(59, "label", 26);
+                i0__namespace.ɵɵtext(60);
+                i0__namespace.ɵɵpipe(61, "rpxTranslate");
                 i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(83, "button", 33);
-                i0__namespace.ɵɵtext(84);
-                i0__namespace.ɵɵpipe(85, "rpxTranslate");
                 i0__namespace.ɵɵelementEnd();
                 i0__namespace.ɵɵelementEnd();
                 i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(86, "div", 36);
-                i0__namespace.ɵɵelementStart(87, "a", 37);
-                i0__namespace.ɵɵtext(88);
-                i0__namespace.ɵɵpipe(89, "rpxTranslate");
                 i0__namespace.ɵɵelementEnd();
                 i0__namespace.ɵɵelementEnd();
                 i0__namespace.ɵɵelementEnd();
@@ -21327,94 +21133,73 @@
                 var tmp_15_0 = null;
                 var tmp_18_0 = null;
                 var tmp_19_0 = null;
-                var tmp_28_0 = null;
-                var tmp_31_0 = null;
-                i0__namespace.ɵɵadvance(4);
-                i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(5, 44, "Raise a query"));
                 i0__namespace.ɵɵadvance(3);
-                i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(8, 46, "Enter query details"));
+                i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(4, 34, "Raise a query"));
+                i0__namespace.ɵɵadvance(3);
+                i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(7, 36, "Enter query details"));
                 i0__namespace.ɵɵadvance(6);
                 i0__namespace.ɵɵproperty("formGroup", ctx.formGroup);
                 i0__namespace.ɵɵadvance(2);
                 i0__namespace.ɵɵclassProp("govuk-form-group--error", (tmp_3_0 = ctx.formGroup.get("fullName")) == null ? null : tmp_3_0.errors == null ? null : tmp_3_0.errors.length);
                 i0__namespace.ɵɵadvance(3);
-                i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(19, 48, "Full name"), " ");
+                i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(18, 38, "Full name"), " ");
                 i0__namespace.ɵɵadvance(3);
-                i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(22, 50, "Your full name must be included here"), " ");
+                i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(21, 40, "Your full name must be included here"), " ");
                 i0__namespace.ɵɵadvance(2);
-                i0__namespace.ɵɵproperty("ngIf", (tmp_6_0 = ctx.formGroup.get("response")) == null ? null : tmp_6_0.errors == null ? null : tmp_6_0.errors.length);
+                i0__namespace.ɵɵproperty("ngIf", (tmp_6_0 = ctx.formGroup.get("body")) == null ? null : tmp_6_0.errors == null ? null : tmp_6_0.errors.length);
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵclassProp("govuk-input--error", (tmp_7_0 = ctx.formGroup.get("fullName")) == null ? null : tmp_7_0.errors == null ? null : tmp_7_0.errors.length);
                 i0__namespace.ɵɵproperty("formControlName", "fullName");
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵclassProp("govuk-form-group--error", (tmp_9_0 = ctx.formGroup.get("subject")) == null ? null : tmp_9_0.errors == null ? null : tmp_9_0.errors.length);
                 i0__namespace.ɵɵadvance(3);
-                i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(29, 52, "Query subject"), " ");
+                i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(28, 42, "Query subject"), " ");
                 i0__namespace.ɵɵadvance(3);
-                i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(32, 54, "The subject should be a summary of your query"), " ");
+                i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(31, 44, "The subject should be a summary of your query"), " ");
                 i0__namespace.ɵɵadvance(2);
-                i0__namespace.ɵɵproperty("ngIf", (tmp_12_0 = ctx.formGroup.get("response")) == null ? null : tmp_12_0.errors == null ? null : tmp_12_0.errors.length);
+                i0__namespace.ɵɵproperty("ngIf", (tmp_12_0 = ctx.formGroup.get("body")) == null ? null : tmp_12_0.errors == null ? null : tmp_12_0.errors.length);
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵclassProp("govuk-input--error", (tmp_13_0 = ctx.formGroup.get("subject")) == null ? null : tmp_13_0.errors == null ? null : tmp_13_0.errors.length);
                 i0__namespace.ɵɵproperty("formControlName", "subject");
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵclassProp("govuk-form-group--error", (tmp_15_0 = ctx.formGroup.get("body")) == null ? null : tmp_15_0.errors == null ? null : tmp_15_0.errors.length);
                 i0__namespace.ɵɵadvance(3);
-                i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(39, 56, "Query body"), " ");
+                i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(38, 46, "Query body"), " ");
                 i0__namespace.ɵɵadvance(3);
-                i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(42, 58, "Include as many details as possible so case workers can respond to your query"), " ");
+                i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(41, 48, "Include as many details as possible so case workers can respond to your query"), " ");
                 i0__namespace.ɵɵadvance(2);
                 i0__namespace.ɵɵproperty("ngIf", (tmp_18_0 = ctx.formGroup.get("body")) == null ? null : tmp_18_0.errors == null ? null : tmp_18_0.errors.length);
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵclassProp("govuk-textarea--error", (tmp_19_0 = ctx.formGroup.get("body")) == null ? null : tmp_19_0.errors == null ? null : tmp_19_0.errors.length);
                 i0__namespace.ɵɵproperty("formControlName", "body");
                 i0__namespace.ɵɵadvance(6);
-                i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(51, 60, "Is the query hearing related?"), " ");
+                i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(50, 50, "Is the query hearing related?"), " ");
                 i0__namespace.ɵɵadvance(4);
                 i0__namespace.ɵɵproperty("checked", ctx.formGroup.get("isHearingRelated").value === true)("value", true);
                 i0__namespace.ɵɵadvance(2);
-                i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind3(57, 62, "Is the query hearing related?", null, "Yes"), " ");
+                i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind3(56, 52, "Is the query hearing related?", null, "Yes"), " ");
                 i0__namespace.ɵɵadvance(3);
                 i0__namespace.ɵɵproperty("checked", ctx.formGroup.get("isHearingRelated").value === false)("value", false);
                 i0__namespace.ɵɵadvance(2);
-                i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind3(62, 66, "Is the query hearing related?", null, "No"), " ");
-                i0__namespace.ɵɵadvance(3);
-                i0__namespace.ɵɵclassProp("govuk-form-group--error", (tmp_28_0 = ctx.formGroup.get("documents")) == null ? null : tmp_28_0.errors == null ? null : tmp_28_0.errors.length);
-                i0__namespace.ɵɵadvance(4);
-                i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(69, 70, "Add document (optional)"));
-                i0__namespace.ɵɵadvance(3);
-                i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(72, 72, "Attach a document to this message"));
-                i0__namespace.ɵɵadvance(2);
-                i0__namespace.ɵɵproperty("ngIf", (tmp_31_0 = ctx.formGroup.get("response")) == null ? null : tmp_31_0.errors == null ? null : tmp_31_0.errors.length);
-                i0__namespace.ɵɵadvance(3);
-                i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(77, 74, "Next"), " ");
-                i0__namespace.ɵɵadvance(4);
-                i0__namespace.ɵɵproperty("disabled", true);
-                i0__namespace.ɵɵadvance(1);
-                i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(82, 76, "Previous"), " ");
-                i0__namespace.ɵɵadvance(3);
-                i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(85, 78, "Continue"), " ");
-                i0__namespace.ɵɵadvance(4);
-                i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(89, 80, "Cancel and return to case"), " ");
+                i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind3(61, 56, "Is the query hearing related?", null, "No"), " ");
             }
-        }, styles: [".query-raise[_ngcontent-%COMP%]{width:100%;max-width:720px}"] });
+        }, encapsulation: 2 });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(QueryWriteRaiseQueryComponent, [{
                 type: i0.Component,
                 args: [{
                         selector: 'ccd-query-write-raise-query',
-                        templateUrl: './query-write-raise-query.component.html',
-                        styleUrls: ['./query-write-raise-query.component.scss']
+                        templateUrl: './query-write-raise-query.component.html'
                     }]
             }], null, { formGroup: [{
                     type: i0.Input
                 }] });
     })();
 
-    function QueryWriteRespondToQueryComponent_p_25_Template(rf, ctx) {
+    function QueryWriteRespondToQueryComponent_p_27_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "p", 24);
-            i0__namespace.ɵɵelementStart(1, "span", 25);
+            i0__namespace.ɵɵelementStart(0, "p", 15);
+            i0__namespace.ɵɵelementStart(1, "span", 16);
             i0__namespace.ɵɵtext(2);
             i0__namespace.ɵɵpipe(3, "rpxTranslate");
             i0__namespace.ɵɵelementEnd();
@@ -21429,43 +21214,13 @@
             i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(5, 4, "Enter a response message"), " ");
         }
     }
-    function QueryWriteRespondToQueryComponent_p_38_Template(rf, ctx) {
-        if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "p", 26);
-            i0__namespace.ɵɵelementStart(1, "span", 25);
-            i0__namespace.ɵɵtext(2);
-            i0__namespace.ɵɵpipe(3, "rpxTranslate");
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵtext(4);
-            i0__namespace.ɵɵpipe(5, "rpxTranslate");
-            i0__namespace.ɵɵelementEnd();
-        }
-        if (rf & 2) {
-            i0__namespace.ɵɵadvance(2);
-            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(3, 2, "Error:"));
-            i0__namespace.ɵɵadvance(2);
-            i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(5, 4, "File error message"), " ");
-        }
-    }
     var QueryWriteRespondToQueryComponent = /** @class */ (function () {
         function QueryWriteRespondToQueryComponent() {
-            this.confirmDetails = new i0.EventEmitter();
         }
-        QueryWriteRespondToQueryComponent.prototype.ngOnInit = function () {
-            var _a;
-            this.formGroup = new i3.FormGroup({
-                response: new i3.FormControl(((_a = this.queryItem) === null || _a === void 0 ? void 0 : _a.response) ? this.queryItem.response : '', i3.Validators.required),
-                documents: new i3.FormControl([], i3.Validators.required)
-            });
-        };
-        QueryWriteRespondToQueryComponent.prototype.submitForm = function () {
-            this.queryItem.response = this.formGroup.controls['response'].value;
-            this.confirmDetails.emit(true);
-        };
         return QueryWriteRespondToQueryComponent;
     }());
     QueryWriteRespondToQueryComponent.ɵfac = function QueryWriteRespondToQueryComponent_Factory(t) { return new (t || QueryWriteRespondToQueryComponent)(); };
-    QueryWriteRespondToQueryComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: QueryWriteRespondToQueryComponent, selectors: [["ccd-query-write-respond-to-query"]], inputs: { queryItem: "queryItem", formGroup: "formGroup" }, outputs: { confirmDetails: "confirmDetails" }, decls: 55, vars: 45, consts: [[1, "govuk-!-margin-bottom-2"], ["href", "javascript:void(0)", 1, "govuk-back-link", "govuk-!-margin-top-0"], [1, "govuk-!-margin-bottom-6"], [1, "govuk-caption-l", "govuk-!-margin-bottom-4"], [1, "govuk-heading-l", "govuk-!-margin-bottom-3"], [1, "govuk-!-margin-bottom-4"], [3, "queryItem"], [1, "govuk-heading-m"], [3, "formGroup"], [1, "govuk-form-group", "response-textarea"], [1, "govuk-label-wrapper"], ["for", "query-response", 1, "govuk-label", "govuk-!-font-weight-bold"], ["id", "query-response-error", "class", "govuk-error-message", 4, "ngIf"], ["id", "query-response", "name", "query-response", "rows", "5", "aria-describedby", "query-response-hint query-response-error", 1, "govuk-textarea", 3, "formControlName"], [1, "govuk-form-group"], ["for", "add-documents", 1, "govuk-label"], [1, "govuk-!-font-weight-bold"], ["id", "add-documents-error", "class", "govuk-error-message", 4, "ngIf"], ["id", "add-documents", "name", "add-documents", "type", "file", 1, "govuk-file-upload"], ["data-module", "govuk-button", 1, "govuk-button"], [1, "govuk-button-group"], ["data-module", "govuk-button", 1, "govuk-button", "govuk-button--secondary", 3, "disabled"], ["data-module", "govuk-button", 1, "govuk-button", 3, "click"], ["href", "javascript:void(0)", 1, "govuk-back-link"], ["id", "query-response-error", 1, "govuk-error-message"], [1, "govuk-visually-hidden"], ["id", "add-documents-error", 1, "govuk-error-message"]], 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" }, decls: 30, vars: 23, consts: [[1, "govuk-!-margin-bottom-2"], ["href", "javascript:void(0)", 1, "govuk-back-link", "govuk-!-margin-top-0"], [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", "query-body", 1, "govuk-label", "govuk-!-font-weight-bold"], ["id", "query-body-error", "class", "govuk-error-message", 4, "ngIf"], ["id", "query-body", "name", "query-body", "rows", "5", "aria-describedby", "query-body-hint query-body-error", 1, "govuk-textarea", 3, "formControlName"], ["id", "query-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, "a", 1);
@@ -21474,80 +21229,43 @@
                 i0__namespace.ɵɵelementEnd();
                 i0__namespace.ɵɵelementEnd();
                 i0__namespace.ɵɵelementStart(4, "div", 2);
-                i0__namespace.ɵɵelementStart(5, "div", 3);
-                i0__namespace.ɵɵtext(6);
-                i0__namespace.ɵɵpipe(7, "rpxTranslate");
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(8, "h1", 4);
-                i0__namespace.ɵɵtext(9);
-                i0__namespace.ɵɵpipe(10, "rpxTranslate");
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(11, "div", 5);
-                i0__namespace.ɵɵelement(12, "ccd-query-case-details-header");
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(13, "div");
-                i0__namespace.ɵɵelement(14, "ccd-query-details-table", 6);
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(15, "div", 5);
-                i0__namespace.ɵɵelementStart(16, "h1", 7);
-                i0__namespace.ɵɵtext(17);
-                i0__namespace.ɵɵpipe(18, "rpxTranslate");
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(19, "div", 8);
-                i0__namespace.ɵɵelementStart(20, "div", 9);
-                i0__namespace.ɵɵelementStart(21, "div", 10);
-                i0__namespace.ɵɵelementStart(22, "label", 11);
-                i0__namespace.ɵɵtext(23);
-                i0__namespace.ɵɵpipe(24, "rpxTranslate");
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵtemplate(25, QueryWriteRespondToQueryComponent_p_25_Template, 6, 6, "p", 12);
-                i0__namespace.ɵɵelementStart(26, "textarea", 13);
-                i0__namespace.ɵɵtext(27, "        ");
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(28, "div");
-                i0__namespace.ɵɵelementStart(29, "div", 14);
-                i0__namespace.ɵɵelementStart(30, "div", 10);
-                i0__namespace.ɵɵelementStart(31, "label", 15);
-                i0__namespace.ɵɵelementStart(32, "div", 16);
-                i0__namespace.ɵɵtext(33);
-                i0__namespace.ɵɵpipe(34, "rpxTranslate");
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(35, "div");
-                i0__namespace.ɵɵtext(36);
-                i0__namespace.ɵɵpipe(37, "rpxTranslate");
+                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(9, "h1", 4);
+                i0__namespace.ɵɵtext(10);
+                i0__namespace.ɵɵpipe(11, "rpxTranslate");
                 i0__namespace.ɵɵelementEnd();
                 i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵtemplate(38, QueryWriteRespondToQueryComponent_p_38_Template, 6, 6, "p", 17);
-                i0__namespace.ɵɵelement(39, "input", 18);
+                i0__namespace.ɵɵelementStart(12, "div", 5);
+                i0__namespace.ɵɵelement(13, "ccd-query-case-details-header");
                 i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementStart(14, "div");
+                i0__namespace.ɵɵelement(15, "ccd-query-details-table", 6);
                 i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(40, "button", 19);
-                i0__namespace.ɵɵtext(41);
-                i0__namespace.ɵɵpipe(42, "rpxTranslate");
                 i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementStart(16, "div", 7);
+                i0__namespace.ɵɵelementStart(17, "div", 5);
+                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.ɵɵelementStart(43, "div");
-                i0__namespace.ɵɵelementStart(44, "div", 20);
-                i0__namespace.ɵɵelementStart(45, "button", 21);
-                i0__namespace.ɵɵtext(46);
-                i0__namespace.ɵɵpipe(47, "rpxTranslate");
                 i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(48, "button", 22);
-                i0__namespace.ɵɵlistener("click", function QueryWriteRespondToQueryComponent_Template_button_click_48_listener() { return ctx.submitForm(); });
-                i0__namespace.ɵɵtext(49);
-                i0__namespace.ɵɵpipe(50, "rpxTranslate");
+                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();
-                i0__namespace.ɵɵelementStart(51, "div", 0);
-                i0__namespace.ɵɵelementStart(52, "a", 23);
-                i0__namespace.ɵɵtext(53);
-                i0__namespace.ɵɵpipe(54, "rpxTranslate");
                 i0__namespace.ɵɵelementEnd();
                 i0__namespace.ɵɵelementEnd();
             }
@@ -21555,62 +21273,41 @@
                 var tmp_6_0 = null;
                 var tmp_8_0 = null;
                 var tmp_9_0 = null;
-                var tmp_11_0 = null;
-                var tmp_14_0 = null;
                 i0__namespace.ɵɵadvance(2);
-                i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(3, 23, "Back to tasks"));
-                i0__namespace.ɵɵadvance(4);
-                i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(7, 25, "Respond to query"));
+                i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(3, 13, "Back to tasks"));
+                i0__namespace.ɵɵadvance(5);
+                i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(8, 15, "Respond to query"));
                 i0__namespace.ɵɵadvance(3);
-                i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(10, 27, "Query details"));
+                i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(11, 17, "Query details"));
                 i0__namespace.ɵɵadvance(5);
                 i0__namespace.ɵɵproperty("queryItem", ctx.queryItem);
-                i0__namespace.ɵɵadvance(3);
-                i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(18, 29, "Respond to a query"));
+                i0__namespace.ɵɵadvance(4);
+                i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(20, 19, "Respond to a query"));
                 i0__namespace.ɵɵadvance(2);
                 i0__namespace.ɵɵproperty("formGroup", ctx.formGroup);
                 i0__namespace.ɵɵadvance(1);
-                i0__namespace.ɵɵclassProp("govuk-form-group--error", (tmp_6_0 = ctx.formGroup.get("response")) == null ? null : tmp_6_0.errors == null ? null : tmp_6_0.errors.length);
+                i0__namespace.ɵɵclassProp("govuk-form-group--error", (tmp_6_0 = ctx.formGroup.get("body")) == null ? null : tmp_6_0.errors == null ? null : tmp_6_0.errors.length);
                 i0__namespace.ɵɵadvance(3);
-                i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(24, 31, "Response message"), " ");
+                i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(26, 21, "Response message"), " ");
                 i0__namespace.ɵɵadvance(2);
-                i0__namespace.ɵɵproperty("ngIf", (tmp_8_0 = ctx.formGroup.get("response")) == null ? null : tmp_8_0.errors == null ? null : tmp_8_0.errors.length);
+                i0__namespace.ɵɵproperty("ngIf", (tmp_8_0 = ctx.formGroup.get("body")) == null ? null : tmp_8_0.errors == null ? null : tmp_8_0.errors.length);
                 i0__namespace.ɵɵadvance(1);
-                i0__namespace.ɵɵclassProp("govuk-textarea--error", (tmp_9_0 = ctx.formGroup.get("response")) == null ? null : tmp_9_0.errors == null ? null : tmp_9_0.errors.length);
-                i0__namespace.ɵɵproperty("formControlName", "response");
-                i0__namespace.ɵɵadvance(3);
-                i0__namespace.ɵɵclassProp("govuk-form-group--error", (tmp_11_0 = ctx.formGroup.get("documents")) == null ? null : tmp_11_0.errors == null ? null : tmp_11_0.errors.length);
-                i0__namespace.ɵɵadvance(4);
-                i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(34, 33, "Add document (optional)"));
-                i0__namespace.ɵɵadvance(3);
-                i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(37, 35, "Attach a document to this message"));
-                i0__namespace.ɵɵadvance(2);
-                i0__namespace.ɵɵproperty("ngIf", (tmp_14_0 = ctx.formGroup.get("response")) == null ? null : tmp_14_0.errors == null ? null : tmp_14_0.errors.length);
-                i0__namespace.ɵɵadvance(3);
-                i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(42, 37, "Next"), " ");
-                i0__namespace.ɵɵadvance(4);
-                i0__namespace.ɵɵproperty("disabled", true);
-                i0__namespace.ɵɵadvance(1);
-                i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(47, 39, "Previous"), " ");
-                i0__namespace.ɵɵadvance(3);
-                i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(50, 41, "Continue"), " ");
-                i0__namespace.ɵɵadvance(4);
-                i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(54, 43, "Cancel and return to query list"));
+                i0__namespace.ɵɵclassProp("govuk-textarea--error", (tmp_9_0 = ctx.formGroup.get("body")) == null ? null : tmp_9_0.errors == null ? null : tmp_9_0.errors.length);
+                i0__namespace.ɵɵproperty("formControlName", "body");
             }
-        }, encapsulation: 2 });
+        }, styles: [".query-respond[_ngcontent-%COMP%]{width:100%;max-width:720px}"] });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(QueryWriteRespondToQueryComponent, [{
                 type: i0.Component,
                 args: [{
                         selector: 'ccd-query-write-respond-to-query',
-                        templateUrl: './query-write-respond-to-query.component.html'
+                        templateUrl: './query-write-respond-to-query.component.html',
+                        styleUrls: ['./query-write-respond-to-query.component.scss']
                     }]
             }], null, { queryItem: [{
                     type: i0.Input
                 }], formGroup: [{
                     type: i0.Input
-                }], confirmDetails: [{
-                    type: i0.Output
                 }] });
     })();
 
@@ -21721,89 +21418,48 @@
             }], function () { return [{ type: i1__namespace$1.ActivatedRoute }]; }, null);
     })();
 
-    function WriteQueryManagementFieldComponent_ng_container_1_ng_container_1_Template(rf, ctx) {
-        if (rf & 1) {
-            var _r6_1 = i0__namespace.ɵɵgetCurrentView();
-            i0__namespace.ɵɵelementContainerStart(0);
-            i0__namespace.ɵɵelementStart(1, "ccd-query-write-respond-to-query", 5);
-            i0__namespace.ɵɵlistener("confirmDetails", function WriteQueryManagementFieldComponent_ng_container_1_ng_container_1_Template_ccd_query_write_respond_to_query_confirmDetails_1_listener() { i0__namespace.ɵɵrestoreView(_r6_1); var ctx_r5 = i0__namespace.ɵɵnextContext(2); return ctx_r5.confirmDetails(); });
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementContainerEnd();
-        }
-        if (rf & 2) {
-            var ctx_r2 = i0__namespace.ɵɵnextContext(2);
-            i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("queryItem", ctx_r2.queryItem)("formGroup", ctx_r2.formGroup);
-        }
-    }
-    function WriteQueryManagementFieldComponent_ng_container_1_ng_template_2_Template(rf, ctx) {
-        if (rf & 1) {
-            i0__namespace.ɵɵelement(0, "ccd-query-write-raise-query", 6);
-        }
-        if (rf & 2) {
-            var ctx_r4 = i0__namespace.ɵɵnextContext(2);
-            i0__namespace.ɵɵproperty("formGroup", ctx_r4.formGroup);
-        }
-    }
     function WriteQueryManagementFieldComponent_ng_container_1_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementContainerStart(0);
-            i0__namespace.ɵɵtemplate(1, WriteQueryManagementFieldComponent_ng_container_1_ng_container_1_Template, 2, 2, "ng-container", 3);
-            i0__namespace.ɵɵtemplate(2, WriteQueryManagementFieldComponent_ng_container_1_ng_template_2_Template, 1, 1, "ng-template", null, 4, i0__namespace.ɵɵtemplateRefExtractor);
+            i0__namespace.ɵɵelement(1, "ccd-query-write-respond-to-query", 3);
             i0__namespace.ɵɵelementContainerEnd();
         }
         if (rf & 2) {
-            var _r3 = i0__namespace.ɵɵreference(3);
             var ctx_r0 = i0__namespace.ɵɵnextContext();
             i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("ngIf", ctx_r0.queryItem)("ngIfElse", _r3);
+            i0__namespace.ɵɵproperty("queryItem", ctx_r0.queryItem)("formGroup", ctx_r0.formGroup);
         }
     }
-    function WriteQueryManagementFieldComponent_ccd_query_check_your_answers_2_Template(rf, ctx) {
+    function WriteQueryManagementFieldComponent_ng_template_2_Template(rf, ctx) {
         if (rf & 1) {
-            var _r8_1 = i0__namespace.ɵɵgetCurrentView();
-            i0__namespace.ɵɵelementStart(0, "ccd-query-check-your-answers", 7);
-            i0__namespace.ɵɵlistener("backClicked", function WriteQueryManagementFieldComponent_ccd_query_check_your_answers_2_Template_ccd_query_check_your_answers_backClicked_0_listener() { i0__namespace.ɵɵrestoreView(_r8_1); var ctx_r7 = i0__namespace.ɵɵnextContext(); return ctx_r7.showResponseForm(); });
-            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelement(0, "ccd-query-write-raise-query", 4);
         }
         if (rf & 2) {
-            var ctx_r1 = i0__namespace.ɵɵnextContext();
-            i0__namespace.ɵɵproperty("queryItem", ctx_r1.queryItem);
+            var ctx_r2 = i0__namespace.ɵɵnextContext();
+            i0__namespace.ɵɵproperty("formGroup", ctx_r2.formGroup);
         }
     }
     var WriteQueryManagementFieldComponent = /** @class */ (function (_super) {
         __extends(WriteQueryManagementFieldComponent, _super);
         function WriteQueryManagementFieldComponent() {
             var _this = _super.call(this) || this;
-            _this.showSummary = false;
             _this.formGroup = new i3.FormGroup({});
             return _this;
         }
-        WriteQueryManagementFieldComponent.prototype.ngOnInit = function () {
-            this.queryItem = new QueryListItem();
-            Object.assign(this.queryItem, partyMessagesMockData[0].partyMessages[0]);
-        };
-        WriteQueryManagementFieldComponent.prototype.showResponseForm = function () {
-            this.showSummary = false;
-        };
-        WriteQueryManagementFieldComponent.prototype.confirmDetails = function () {
-            this.showSummary = true;
-        };
         return WriteQueryManagementFieldComponent;
     }(AbstractFieldReadComponent));
     WriteQueryManagementFieldComponent.ɵfac = function WriteQueryManagementFieldComponent_Factory(t) { return new (t || WriteQueryManagementFieldComponent)(); };
-    WriteQueryManagementFieldComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: WriteQueryManagementFieldComponent, selectors: [["ccd-write-query-management-field"]], features: [i0__namespace.ɵɵInheritDefinitionFeature], decls: 3, vars: 2, consts: [[1, "govuk-!-margin-top-6", "govuk-!-margin-bottom-6"], [4, "ngIf"], [3, "queryItem", "backClicked", 4, "ngIf"], [4, "ngIf", "ngIfElse"], ["raiseQuery", ""], [3, "queryItem", "formGroup", "confirmDetails"], [3, "formGroup"], [3, "queryItem", "backClicked"]], template: function WriteQueryManagementFieldComponent_Template(rf, ctx) {
+    WriteQueryManagementFieldComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: WriteQueryManagementFieldComponent, selectors: [["ccd-write-query-management-field"]], features: [i0__namespace.ɵɵInheritDefinitionFeature], decls: 4, vars: 2, consts: [[1, "govuk-!-margin-top-6", "govuk-!-margin-bottom-6"], [4, "ngIf", "ngIfElse"], ["raiseQuery", ""], [3, "queryItem", "formGroup"], [3, "formGroup"]], template: function WriteQueryManagementFieldComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0__namespace.ɵɵelementStart(0, "div", 0);
-                i0__namespace.ɵɵtemplate(1, WriteQueryManagementFieldComponent_ng_container_1_Template, 4, 2, "ng-container", 1);
-                i0__namespace.ɵɵtemplate(2, WriteQueryManagementFieldComponent_ccd_query_check_your_answers_2_Template, 1, 1, "ccd-query-check-your-answers", 2);
+                i0__namespace.ɵɵtemplate(1, WriteQueryManagementFieldComponent_ng_container_1_Template, 2, 2, "ng-container", 1);
+                i0__namespace.ɵɵtemplate(2, WriteQueryManagementFieldComponent_ng_template_2_Template, 1, 1, "ng-template", null, 2, i0__namespace.ɵɵtemplateRefExtractor);
                 i0__namespace.ɵɵelementEnd();
             }
             if (rf & 2) {
+                var _r1 = i0__namespace.ɵɵreference(3);
                 i0__namespace.ɵɵadvance(1);
-                i0__namespace.ɵɵproperty("ngIf", !ctx.showSummary);
-                i0__namespace.ɵɵadvance(1);
-                i0__namespace.ɵɵproperty("ngIf", ctx.showSummary);
+                i0__namespace.ɵɵproperty("ngIf", ctx.queryItem)("ngIfElse", _r1);
             }
         }, styles: [".response-textarea[_ngcontent-%COMP%]{max-width:576px}"] });
     (function () {
@@ -29565,7 +29221,7 @@
         QueryWriteRespondToQueryComponent,
         QueryWriteRaiseQueryComponent,
         QueryCaseDetailsHeaderComponent,
-        QueryCheckYourAnswersComponent
+        QueryWriteAddDocumentsComponent,
     ];
     var PaletteModule = /** @class */ (function () {
         function PaletteModule() {
@@ -29751,7 +29407,7 @@
                 QueryWriteRespondToQueryComponent,
                 QueryWriteRaiseQueryComponent,
                 QueryCaseDetailsHeaderComponent,
-                QueryCheckYourAnswersComponent], imports: [i5.CommonModule,
+                QueryWriteAddDocumentsComponent], imports: [i5.CommonModule,
                 i1$1.RouterModule,
                 i3.FormsModule,
                 i3.ReactiveFormsModule,
@@ -29898,7 +29554,7 @@
                 QueryWriteRespondToQueryComponent,
                 QueryWriteRaiseQueryComponent,
                 QueryCaseDetailsHeaderComponent,
-                QueryCheckYourAnswersComponent] });
+                QueryWriteAddDocumentsComponent] });
     })();
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(PaletteModule, [{
@@ -30040,13 +29696,12 @@
     // Components for Query Management
     ReadQueryManagementFieldComponent, [i5__namespace.NgForOf, i5__namespace.NgIf, QueryListComponent,
         QueryDetailsComponent], []);
-    i0__namespace.ɵɵsetComponentScope(WriteQueryManagementFieldComponent, [i5__namespace.NgIf, QueryWriteRespondToQueryComponent, i3__namespace.NgControlStatusGroup, i3__namespace.FormGroupDirective, QueryWriteRaiseQueryComponent,
-        QueryCheckYourAnswersComponent], []);
+    i0__namespace.ɵɵsetComponentScope(WriteQueryManagementFieldComponent, [i5__namespace.NgIf, QueryWriteRespondToQueryComponent, i3__namespace.NgControlStatusGroup, i3__namespace.FormGroupDirective, QueryWriteRaiseQueryComponent], []);
     i0__namespace.ɵɵsetComponentScope(QueryDetailsComponent, [i5__namespace.NgIf, QueryDetailsTableComponent], [i1__namespace.RpxTranslatePipe]);
     i0__namespace.ɵɵsetComponentScope(QueryWriteRespondToQueryComponent, [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.NgIf, i3__namespace.DefaultValueAccessor, i3__namespace.NgControlStatus, i3__namespace.FormControlName], [i1__namespace.RpxTranslatePipe]);
-    i0__namespace.ɵɵsetComponentScope(QueryCheckYourAnswersComponent, [QueryCaseDetailsHeaderComponent, i5__namespace.NgIf, ReadCollectionFieldComponent, i1__namespace$1.RouterLinkWithHref], [i1__namespace.RpxTranslatePipe]);
+    i0__namespace.ɵɵsetComponentScope(QueryWriteAddDocumentsComponent, [WriteCollectionFieldComponent, i3__namespace.NgControlStatusGroup, i3__namespace.FormGroupDirective], []);
 
     var Confirmation = /** @class */ (function () {
         function Confirmation(caseId, status, header, body) {
@@ -40663,13 +40318,13 @@
     exports.ProfileNotifier = ProfileNotifier;
     exports.ProfileService = ProfileService;
     exports.QueryCaseDetailsHeaderComponent = QueryCaseDetailsHeaderComponent;
-    exports.QueryCheckYourAnswersComponent = QueryCheckYourAnswersComponent;
     exports.QueryCreateComponent = QueryCreateComponent;
     exports.QueryDetailsComponent = QueryDetailsComponent;
     exports.QueryDetailsTableComponent = QueryDetailsTableComponent;
     exports.QueryListComponent = QueryListComponent;
     exports.QueryListData = QueryListData;
     exports.QueryListItem = QueryListItem;
+    exports.QueryWriteAddDocumentsComponent = QueryWriteAddDocumentsComponent;
     exports.QueryWriteRaiseQueryComponent = QueryWriteRaiseQueryComponent;
     exports.QueryWriteRespondToQueryComponent = QueryWriteRespondToQueryComponent;
     exports.ReadCaseFlagFieldComponent = ReadCaseFlagFieldComponent;
@@ -40782,7 +40437,6 @@
     exports.WriteYesNoFieldComponent = WriteYesNoFieldComponent;
     exports.YesNoService = YesNoService;
     exports.aCaseField = aCaseField;
-    exports.caseFieldMockData = caseFieldMockData;
     exports.createACL = createACL;
     exports.createCaseEventTrigger = createCaseEventTrigger;
     exports.createCaseField = createCaseField;