npm - @hmcts/ccd-case-ui-toolkit - Versions diffs - 6.16.0-query-management-CYA-v1 → 6.16.0-query-management-document-uploader - Mend

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

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

Files changed (45) hide show

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

@@ -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);
@@ -20147,11 +20145,9 @@
                     body: 'Please review attached document and advise if hearing should proceed?',
                     attachments: [
                         {
-                            _links: {
-                                self: { href: '/' },
-                                binary: { href: '/' },
-                            },
-                            originalDocumentName: 'documentName.pdf',
+                            document_url: '/',
+                            document_binary_url: '/',
+                            document_filename: 'document.pdf',
                         }
                     ],
                     isHearingRelated: true,
@@ -20254,31 +20250,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,6 +20483,68 @@
             }], function () { return []; }, null);
     })();
+    function QueryDetailsComponent_ng_container_0_Template(rf, ctx) {
+        if (rf & 1) {
+            var _r2_1 = i0__namespace.ɵɵgetCurrentView();
+            i0__namespace.ɵɵelementContainerStart(0);
+            i0__namespace.ɵɵelementStart(1, "p");
+            i0__namespace.ɵɵelement(2, "br");
+            i0__namespace.ɵɵelementStart(3, "a", 1);
+            i0__namespace.ɵɵlistener("click", function QueryDetailsComponent_ng_container_0_Template_a_click_3_listener() { i0__namespace.ɵɵrestoreView(_r2_1); var ctx_r1 = i0__namespace.ɵɵnextContext(); return ctx_r1.onBack(); });
+            i0__namespace.ɵɵtext(4);
+            i0__namespace.ɵɵpipe(5, "rpxTranslate");
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(6, "div", 2);
+            i0__namespace.ɵɵtext(7);
+            i0__namespace.ɵɵpipe(8, "rpxTranslate");
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelement(9, "ccd-query-details-table", 3);
+            i0__namespace.ɵɵelementContainerEnd();
+        }
+        if (rf & 2) {
+            var ctx_r0 = i0__namespace.ɵɵnextContext();
+            i0__namespace.ɵɵadvance(4);
+            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(5, 3, "Back to queries"));
+            i0__namespace.ɵɵadvance(3);
+            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(8, 5, "Query details"));
+            i0__namespace.ɵɵadvance(2);
+            i0__namespace.ɵɵproperty("queryItem", ctx_r0.query);
+        }
+    }
+    var QueryDetailsComponent = /** @class */ (function () {
+        function QueryDetailsComponent() {
+            this.backClicked = new i0.EventEmitter();
+        }
+        QueryDetailsComponent.prototype.onBack = function () {
+            this.backClicked.emit(true);
+        };
+        return QueryDetailsComponent;
+    }());
+    QueryDetailsComponent.ɵfac = function QueryDetailsComponent_Factory(t) { return new (t || QueryDetailsComponent)(); };
+    QueryDetailsComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: QueryDetailsComponent, selectors: [["ccd-query-details"]], inputs: { query: "query" }, outputs: { backClicked: "backClicked" }, decls: 1, vars: 1, consts: [[4, "ngIf"], ["href", "javascript:void(0)", 1, "govuk-link", 3, "click"], [1, "query_details_caption"], [3, "queryItem"]], template: function QueryDetailsComponent_Template(rf, ctx) {
+            if (rf & 1) {
+                i0__namespace.ɵɵtemplate(0, QueryDetailsComponent_ng_container_0_Template, 10, 7, "ng-container", 0);
+            }
+            if (rf & 2) {
+                i0__namespace.ɵɵproperty("ngIf", ctx.query);
+            }
+        }, styles: [".query_details_caption[_ngcontent-%COMP%]{background:#f3f2f1;padding:10px;font-size:x-large;font-weight:700}"] });
+    (function () {
+        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(QueryDetailsComponent, [{
+                type: i0.Component,
+                args: [{
+                        selector: 'ccd-query-details',
+                        templateUrl: './query-details.component.html',
+                        styleUrls: ['./query-details.component.scss']
+                    }]
+            }], null, { query: [{
+                    type: i0.Input
+                }], backClicked: [{
+                    type: i0.Output
+                }] });
+    })();
     function QueryDetailsTableComponent_ng_container_0_tr_35_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "tr", 3);
@@ -20581,68 +20707,6 @@
                 }] });
     })();
-    function QueryDetailsComponent_ng_container_0_Template(rf, ctx) {
-        if (rf & 1) {
-            var _r2_1 = i0__namespace.ɵɵgetCurrentView();
-            i0__namespace.ɵɵelementContainerStart(0);
-            i0__namespace.ɵɵelementStart(1, "p");
-            i0__namespace.ɵɵelement(2, "br");
-            i0__namespace.ɵɵelementStart(3, "a", 1);
-            i0__namespace.ɵɵlistener("click", function QueryDetailsComponent_ng_container_0_Template_a_click_3_listener() { i0__namespace.ɵɵrestoreView(_r2_1); var ctx_r1 = i0__namespace.ɵɵnextContext(); return ctx_r1.onBack(); });
-            i0__namespace.ɵɵtext(4);
-            i0__namespace.ɵɵpipe(5, "rpxTranslate");
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(6, "div", 2);
-            i0__namespace.ɵɵtext(7);
-            i0__namespace.ɵɵpipe(8, "rpxTranslate");
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelement(9, "ccd-query-details-table", 3);
-            i0__namespace.ɵɵelementContainerEnd();
-        }
-        if (rf & 2) {
-            var ctx_r0 = i0__namespace.ɵɵnextContext();
-            i0__namespace.ɵɵadvance(4);
-            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(5, 3, "Back to queries"));
-            i0__namespace.ɵɵadvance(3);
-            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(8, 5, "Query details"));
-            i0__namespace.ɵɵadvance(2);
-            i0__namespace.ɵɵproperty("queryItem", ctx_r0.query);
-        }
-    }
-    var QueryDetailsComponent = /** @class */ (function () {
-        function QueryDetailsComponent() {
-            this.backClicked = new i0.EventEmitter();
-        }
-        QueryDetailsComponent.prototype.onBack = function () {
-            this.backClicked.emit(true);
-        };
-        return QueryDetailsComponent;
-    }());
-    QueryDetailsComponent.ɵfac = function QueryDetailsComponent_Factory(t) { return new (t || QueryDetailsComponent)(); };
-    QueryDetailsComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: QueryDetailsComponent, selectors: [["ccd-query-details"]], inputs: { query: "query" }, outputs: { backClicked: "backClicked" }, decls: 1, vars: 1, consts: [[4, "ngIf"], ["href", "javascript:void(0)", 1, "govuk-link", 3, "click"], [1, "query_details_caption"], [3, "queryItem"]], template: function QueryDetailsComponent_Template(rf, ctx) {
-            if (rf & 1) {
-                i0__namespace.ɵɵtemplate(0, QueryDetailsComponent_ng_container_0_Template, 10, 7, "ng-container", 0);
-            }
-            if (rf & 2) {
-                i0__namespace.ɵɵproperty("ngIf", ctx.query);
-            }
-        }, styles: [".query_details_caption[_ngcontent-%COMP%]{background:#f3f2f1;padding:10px;font-size:x-large;font-weight:700}"] });
-    (function () {
-        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(QueryDetailsComponent, [{
-                type: i0.Component,
-                args: [{
-                        selector: 'ccd-query-details',
-                        templateUrl: './query-details.component.html',
-                        styleUrls: ['./query-details.component.scss']
-                    }]
-            }], null, { query: [{
-                    type: i0.Input
-                }], backClicked: [{
-                    type: i0.Output
-                }] });
-    })();
     var SortOrder;
     (function (SortOrder) {
         SortOrder[SortOrder["ASCENDING"] = 0] = "ASCENDING";
@@ -20650,99 +20714,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 +20898,79 @@
                 }] });
     })();
-    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 });
+        }, styles: [""] });
     (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',
+                        styleUrls: ['./query-write-add-documents.component.scss']
                     }]
-            }], null, { queryItem: [{
-                    type: i0.Input
-                }], backClicked: [{
+            }], function () { return []; }, { documentCollectionUpdate: [{
                     type: i0.Output
                 }] });
     })();
     function QueryWriteRaiseQueryComponent_p_23_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "p", 38);
-            i0__namespace.ɵɵelementStart(1, "span", 39);
+            i0__namespace.ɵɵelementStart(0, "p", 35);
+            i0__namespace.ɵɵelementStart(1, "span", 36);
             i0__namespace.ɵɵtext(2);
             i0__namespace.ɵɵpipe(3, "rpxTranslate");
             i0__namespace.ɵɵelementEnd();
@@ -21113,8 +20987,8 @@
     }
     function QueryWriteRaiseQueryComponent_p_33_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "p", 40);
-            i0__namespace.ɵɵelementStart(1, "span", 39);
+            i0__namespace.ɵɵelementStart(0, "p", 37);
+            i0__namespace.ɵɵelementStart(1, "span", 36);
             i0__namespace.ɵɵtext(2);
             i0__namespace.ɵɵpipe(3, "rpxTranslate");
             i0__namespace.ɵɵelementEnd();
@@ -21131,8 +21005,8 @@
     }
     function QueryWriteRaiseQueryComponent_p_43_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "p", 41);
-            i0__namespace.ɵɵelementStart(1, "span", 39);
+            i0__namespace.ɵɵelementStart(0, "p", 38);
+            i0__namespace.ɵɵelementStart(1, "span", 36);
             i0__namespace.ɵɵtext(2);
             i0__namespace.ɵɵpipe(3, "rpxTranslate");
             i0__namespace.ɵɵelementEnd();
@@ -21147,40 +21021,23 @@
             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)
+                documents: new i3.FormControl([])
             });
+        }
+        QueryWriteRaiseQueryComponent.prototype.onDocumentCollectionUpdate = function (documents) {
+            this.formGroup.get('documents').setValue(documents);
         };
         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"]], decls: 80, vars: 75, 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"], [3, "documentCollectionUpdate"], ["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"]], template: function QueryWriteRaiseQueryComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0__namespace.ɵɵelementStart(0, "div", 0);
                 i0__namespace.ɵɵelementStart(1, "div", 1);
@@ -21271,46 +21128,33 @@
                 i0__namespace.ɵɵelementEnd();
                 i0__namespace.ɵɵelementEnd();
                 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.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(70, "div");
-                i0__namespace.ɵɵtext(71);
-                i0__namespace.ɵɵpipe(72, "rpxTranslate");
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵtemplate(73, QueryWriteRaiseQueryComponent_p_73_Template, 6, 6, "p", 31);
-                i0__namespace.ɵɵelement(74, "input", 32);
+                i0__namespace.ɵɵelementStart(63, "div", 7);
+                i0__namespace.ɵɵelementStart(64, "ccd-query-write-add-documents", 29);
+                i0__namespace.ɵɵlistener("documentCollectionUpdate", function QueryWriteRaiseQueryComponent_Template_ccd_query_write_add_documents_documentCollectionUpdate_64_listener($event) { return ctx.onDocumentCollectionUpdate($event); });
                 i0__namespace.ɵɵelementEnd();
                 i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(75, "button", 33);
-                i0__namespace.ɵɵtext(76);
-                i0__namespace.ɵɵpipe(77, "rpxTranslate");
+                i0__namespace.ɵɵelementStart(65, "button", 30);
+                i0__namespace.ɵɵtext(66);
+                i0__namespace.ɵɵpipe(67, "rpxTranslate");
                 i0__namespace.ɵɵelementEnd();
                 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(68, "div");
+                i0__namespace.ɵɵelementStart(69, "div", 31);
+                i0__namespace.ɵɵelementStart(70, "button", 32);
+                i0__namespace.ɵɵtext(71);
+                i0__namespace.ɵɵpipe(72, "rpxTranslate");
                 i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(83, "button", 33);
-                i0__namespace.ɵɵtext(84);
-                i0__namespace.ɵɵpipe(85, "rpxTranslate");
+                i0__namespace.ɵɵelementStart(73, "button", 30);
+                i0__namespace.ɵɵtext(74);
+                i0__namespace.ɵɵpipe(75, "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.ɵɵelementStart(76, "div", 33);
+                i0__namespace.ɵɵelementStart(77, "a", 34);
+                i0__namespace.ɵɵtext(78);
+                i0__namespace.ɵɵpipe(79, "rpxTranslate");
                 i0__namespace.ɵɵelementEnd();
                 i0__namespace.ɵɵelementEnd();
                 i0__namespace.ɵɵelementEnd();
@@ -21328,19 +21172,18 @@
                 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.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(5, 41, "Raise a query"));
                 i0__namespace.ɵɵadvance(3);
-                i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(8, 46, "Enter query details"));
+                i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(8, 43, "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(19, 45, "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(22, 47, "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.ɵɵadvance(1);
@@ -21349,9 +21192,9 @@
                 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(29, 49, "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(32, 51, "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.ɵɵadvance(1);
@@ -21360,42 +21203,36 @@
                 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(39, 53, "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(42, 55, "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(51, 57, "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(57, 59, "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.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind3(62, 63, "Is the query hearing related?", null, "No"), " ");
                 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.ɵɵ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(3);
-                i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(77, 74, "Next"), " ");
+                i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(67, 67, "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.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(72, 69, "Previous"), " ");
                 i0__namespace.ɵɵadvance(3);
-                i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(85, 78, "Continue"), " ");
+                i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(75, 71, "Continue"), " ");
                 i0__namespace.ɵɵadvance(4);
-                i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(89, 80, "Cancel and return to case"), " ");
+                i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(79, 73, "Cancel and return to case"), " ");
             }
         }, styles: [".query-raise[_ngcontent-%COMP%]{width:100%;max-width:720px}"] });
     (function () {
@@ -21406,15 +21243,13 @@
                         templateUrl: './query-write-raise-query.component.html',
                         styleUrls: ['./query-write-raise-query.component.scss']
                     }]
-            }], null, { formGroup: [{
-                    type: i0.Input
-                }] });
+            }], function () { return []; }, null);
     })();
     function QueryWriteRespondToQueryComponent_p_25_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "p", 24);
-            i0__namespace.ɵɵelementStart(1, "span", 25);
+            i0__namespace.ɵɵelementStart(0, "p", 20);
+            i0__namespace.ɵɵelementStart(1, "span", 21);
             i0__namespace.ɵɵtext(2);
             i0__namespace.ɵɵpipe(3, "rpxTranslate");
             i0__namespace.ɵɵelementEnd();
@@ -21429,43 +21264,22 @@
             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)
+                response: new i3.FormControl('', i3.Validators.required),
+                documents: new i3.FormControl(null)
             });
         };
-        QueryWriteRespondToQueryComponent.prototype.submitForm = function () {
-            this.queryItem.response = this.formGroup.controls['response'].value;
-            this.confirmDetails.emit(true);
+        QueryWriteRespondToQueryComponent.prototype.onDocumentCollectionUpdate = function (documents) {
+            this.formGroup.get('documents').setValue(documents);
         };
         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" }, decls: 45, vars: 38, 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"], [3, "documentCollectionUpdate"], ["data-module", "govuk-button", 1, "govuk-button"], [1, "govuk-button-group"], ["data-module", "govuk-button", 1, "govuk-button", "govuk-button--secondary", 3, "disabled"], ["href", "javascript:void(0)", 1, "govuk-back-link"], ["id", "query-response-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);
@@ -21504,50 +21318,36 @@
                 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.ɵɵ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.ɵɵelementEnd();
+                i0__namespace.ɵɵelementStart(28, "div", 14);
+                i0__namespace.ɵɵelementStart(29, "ccd-query-write-add-documents", 15);
+                i0__namespace.ɵɵlistener("documentCollectionUpdate", function QueryWriteRespondToQueryComponent_Template_ccd_query_write_add_documents_documentCollectionUpdate_29_listener($event) { return ctx.onDocumentCollectionUpdate($event); });
                 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.ɵɵelementEnd();
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(40, "button", 19);
-                i0__namespace.ɵɵtext(41);
-                i0__namespace.ɵɵpipe(42, "rpxTranslate");
+                i0__namespace.ɵɵelementStart(30, "button", 16);
+                i0__namespace.ɵɵtext(31);
+                i0__namespace.ɵɵpipe(32, "rpxTranslate");
                 i0__namespace.ɵɵelementEnd();
                 i0__namespace.ɵɵelementEnd();
                 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.ɵɵelementStart(33, "div");
+                i0__namespace.ɵɵelementStart(34, "div", 17);
+                i0__namespace.ɵɵelementStart(35, "button", 18);
+                i0__namespace.ɵɵtext(36);
+                i0__namespace.ɵɵpipe(37, "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.ɵɵelementStart(38, "button", 16);
+                i0__namespace.ɵɵtext(39);
+                i0__namespace.ɵɵpipe(40, "rpxTranslate");
                 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.ɵɵelementStart(41, "div", 0);
+                i0__namespace.ɵɵelementStart(42, "a", 19);
+                i0__namespace.ɵɵtext(43);
+                i0__namespace.ɵɵpipe(44, "rpxTranslate");
                 i0__namespace.ɵɵelementEnd();
                 i0__namespace.ɵɵelementEnd();
             }
@@ -21556,46 +21356,39 @@
                 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.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(3, 20, "Back to tasks"));
                 i0__namespace.ɵɵadvance(4);
-                i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(7, 25, "Respond to query"));
+                i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(7, 22, "Respond to query"));
                 i0__namespace.ɵɵadvance(3);
-                i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(10, 27, "Query details"));
+                i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(10, 24, "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.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(18, 26, "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.ɵɵadvance(3);
-                i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(24, 31, "Response message"), " ");
+                i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(24, 28, "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.ɵɵ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.ɵɵ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(3);
-                i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(42, 37, "Next"), " ");
+                i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(32, 30, "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.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(37, 32, "Previous"), " ");
                 i0__namespace.ɵɵadvance(3);
-                i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(50, 41, "Continue"), " ");
+                i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(40, 34, "Continue"), " ");
                 i0__namespace.ɵɵadvance(4);
-                i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(54, 43, "Cancel and return to query list"));
+                i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(44, 36, "Cancel and return to query list"));
             }
         }, encapsulation: 2 });
     (function () {
@@ -21607,10 +21400,6 @@
                     }]
             }], null, { queryItem: [{
                     type: i0.Input
-                }], formGroup: [{
-                    type: i0.Input
-                }], confirmDetails: [{
-                    type: i0.Output
                 }] });
     })();
@@ -21721,89 +21510,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 +29313,7 @@
         QueryWriteRespondToQueryComponent,
         QueryWriteRaiseQueryComponent,
         QueryCaseDetailsHeaderComponent,
-        QueryCheckYourAnswersComponent
+        QueryWriteAddDocumentsComponent,
     ];
     var PaletteModule = /** @class */ (function () {
         function PaletteModule() {
@@ -29751,7 +29499,7 @@
                 QueryWriteRespondToQueryComponent,
                 QueryWriteRaiseQueryComponent,
                 QueryCaseDetailsHeaderComponent,
-                QueryCheckYourAnswersComponent], imports: [i5.CommonModule,
+                QueryWriteAddDocumentsComponent], imports: [i5.CommonModule,
                 i1$1.RouterModule,
                 i3.FormsModule,
                 i3.ReactiveFormsModule,
@@ -29898,7 +29646,7 @@
                 QueryWriteRespondToQueryComponent,
                 QueryWriteRaiseQueryComponent,
                 QueryCaseDetailsHeaderComponent,
-                QueryCheckYourAnswersComponent] });
+                QueryWriteAddDocumentsComponent] });
     })();
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(PaletteModule, [{
@@ -30040,13 +29788,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]);
+        QueryDetailsTableComponent, i3__namespace.NgControlStatusGroup, i3__namespace.FormGroupDirective, i5__namespace.NgIf, i3__namespace.DefaultValueAccessor, i3__namespace.NgControlStatus, i3__namespace.FormControlName, QueryWriteAddDocumentsComponent], [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, QueryWriteAddDocumentsComponent], [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 +40410,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 +40529,6 @@
     exports.WriteYesNoFieldComponent = WriteYesNoFieldComponent;
     exports.YesNoService = YesNoService;
     exports.aCaseField = aCaseField;
-    exports.caseFieldMockData = caseFieldMockData;
     exports.createACL = createACL;
     exports.createCaseEventTrigger = createCaseEventTrigger;
     exports.createCaseField = createCaseField;