@hmcts/ccd-case-ui-toolkit 6.16.0-query-management-read-view-changes → 6.16.0-query-management-CYA-raise-query-v9

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

@@ -20503,12 +20503,12 @@
         return QueryListData;
     }());
 
-    exports.QueryItemType = void 0;
-    (function (QueryItemType) {
-        QueryItemType["NEW"] = "New";
-        QueryItemType["RESPOND"] = "Respond";
-        QueryItemType["FOLLOWUP"] = "Followup";
-    })(exports.QueryItemType || (exports.QueryItemType = {}));
+    exports.QueryCreateContext = void 0;
+    (function (QueryCreateContext) {
+        QueryCreateContext["NEW"] = "New";
+        QueryCreateContext["RESPOND"] = "Respond";
+        QueryCreateContext["FOLLOWUP"] = "Follow-Up";
+    })(exports.QueryCreateContext || (exports.QueryCreateContext = {}));
 
     var QueryManagementUtils = /** @class */ (function () {
         function QueryManagementUtils() {
@@ -20535,7 +20535,21 @@
             }], null, null);
     })();
 
-    function QueryCheckYourAnswersComponent_ng_container_3_Template(rf, ctx) {
+    function QueryCheckYourAnswersComponent_ng_container_2_Template(rf, ctx) {
+        if (rf & 1) {
+            i0__namespace.ɵɵelementContainerStart(0);
+            i0__namespace.ɵɵelementStart(1, "div", 18);
+            i0__namespace.ɵɵtext(2);
+            i0__namespace.ɵɵpipe(3, "rpxTranslate");
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementContainerEnd();
+        }
+        if (rf & 2) {
+            i0__namespace.ɵɵadvance(2);
+            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(3, 1, "Raise a query"));
+        }
+    }
+    function QueryCheckYourAnswersComponent_ng_container_4_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementContainerStart(0);
             i0__namespace.ɵɵtext(1);
@@ -20547,7 +20561,7 @@
             i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(2, 1, "Review query response details"), " ");
         }
     }
-    function QueryCheckYourAnswersComponent_ng_template_4_Template(rf, ctx) {
+    function QueryCheckYourAnswersComponent_ng_template_5_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵtext(0);
             i0__namespace.ɵɵpipe(1, "rpxTranslate");
@@ -20556,46 +20570,171 @@
             i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(1, 1, "Review query details"), " ");
         }
     }
-    function QueryCheckYourAnswersComponent_dl_8_Template(rf, ctx) {
+    function QueryCheckYourAnswersComponent_dl_9_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "dl", 7);
-            i0__namespace.ɵɵelementStart(1, "div", 8);
-            i0__namespace.ɵɵelementStart(2, "dt", 9);
+            i0__namespace.ɵɵelementStart(0, "dl", 8);
+            i0__namespace.ɵɵelementStart(1, "div", 9);
+            i0__namespace.ɵɵelementStart(2, "dt", 10);
             i0__namespace.ɵɵtext(3);
             i0__namespace.ɵɵpipe(4, "rpxTranslate");
             i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(5, "dd", 10);
+            i0__namespace.ɵɵelementStart(5, "dd", 11);
             i0__namespace.ɵɵtext(6);
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var ctx_r3 = i0__namespace.ɵɵnextContext();
+            var ctx_r4 = i0__namespace.ɵɵnextContext();
             i0__namespace.ɵɵadvance(3);
             i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(4, 2, "Submitted query"), " ");
             i0__namespace.ɵɵadvance(3);
-            i0__namespace.ɵɵtextInterpolate1(" ", ctx_r3.queryItem.subject, " ");
+            i0__namespace.ɵɵtextInterpolate1(" ", ctx_r4.queryItem.subject, " ");
         }
     }
-    function QueryCheckYourAnswersComponent_ccd_read_collection_field_37_Template(rf, ctx) {
+    function QueryCheckYourAnswersComponent_dl_21_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelement(0, "ccd-read-collection-field", 17);
+            var _r9_1 = i0__namespace.ɵɵgetCurrentView();
+            i0__namespace.ɵɵelementStart(0, "dl", 8);
+            i0__namespace.ɵɵelementStart(1, "div", 9);
+            i0__namespace.ɵɵelementStart(2, "dt", 10);
+            i0__namespace.ɵɵtext(3);
+            i0__namespace.ɵɵpipe(4, "rpxTranslate");
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(5, "dd", 11);
+            i0__namespace.ɵɵtext(6);
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(7, "dd", 12);
+            i0__namespace.ɵɵelementStart(8, "a", 13);
+            i0__namespace.ɵɵlistener("click", function QueryCheckYourAnswersComponent_dl_21_Template_a_click_8_listener() { i0__namespace.ɵɵrestoreView(_r9_1); var ctx_r8 = i0__namespace.ɵɵnextContext(); return ctx_r8.goBack(); });
+            i0__namespace.ɵɵtext(9);
+            i0__namespace.ɵɵpipe(10, "rpxTranslate");
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var ctx_r4 = i0__namespace.ɵɵnextContext();
-            i0__namespace.ɵɵproperty("caseField", ctx_r4.caseField);
+            var ctx_r5 = i0__namespace.ɵɵnextContext();
+            var tmp_1_0 = null;
+            i0__namespace.ɵɵadvance(3);
+            i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(4, 3, "Query subject"), " ");
+            i0__namespace.ɵɵadvance(3);
+            i0__namespace.ɵɵtextInterpolate1(" ", (tmp_1_0 = ctx_r5.formGroup.get("subject")) == null ? null : tmp_1_0.value, " ");
+            i0__namespace.ɵɵadvance(3);
+            i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(10, 5, "Change"), " ");
+        }
+    }
+    function QueryCheckYourAnswersComponent_dl_33_ng_container_6_Template(rf, ctx) {
+        if (rf & 1) {
+            i0__namespace.ɵɵelementContainerStart(0);
+            i0__namespace.ɵɵtext(1);
+            i0__namespace.ɵɵpipe(2, "rpxTranslate");
+            i0__namespace.ɵɵelementContainerEnd();
+        }
+        if (rf & 2) {
+            i0__namespace.ɵɵadvance(1);
+            i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind3(2, 1, "Is the query hearing related?", null, "Yes"), " ");
+        }
+    }
+    function QueryCheckYourAnswersComponent_dl_33_ng_template_7_Template(rf, ctx) {
+        if (rf & 1) {
+            i0__namespace.ɵɵtext(0);
+            i0__namespace.ɵɵpipe(1, "rpxTranslate");
+        }
+        if (rf & 2) {
+            i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind3(1, 1, "Is the query hearing related?", null, "No"), " ");
+        }
+    }
+    function QueryCheckYourAnswersComponent_dl_33_div_13_Template(rf, ctx) {
+        if (rf & 1) {
+            var _r15_1 = i0__namespace.ɵɵgetCurrentView();
+            i0__namespace.ɵɵelementStart(0, "div", 9);
+            i0__namespace.ɵɵelementStart(1, "dt", 10);
+            i0__namespace.ɵɵtext(2);
+            i0__namespace.ɵɵpipe(3, "rpxTranslate");
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(4, "dd", 11);
+            i0__namespace.ɵɵtext(5);
+            i0__namespace.ɵɵpipe(6, "date");
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(7, "dd", 12);
+            i0__namespace.ɵɵelementStart(8, "a", 13);
+            i0__namespace.ɵɵlistener("click", function QueryCheckYourAnswersComponent_dl_33_div_13_Template_a_click_8_listener() { i0__namespace.ɵɵrestoreView(_r15_1); var ctx_r14 = i0__namespace.ɵɵnextContext(2); return ctx_r14.goBack(); });
+            i0__namespace.ɵɵtext(9);
+            i0__namespace.ɵɵpipe(10, "rpxTranslate");
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var ctx_r13 = i0__namespace.ɵɵnextContext(2);
+            var tmp_1_0 = null;
+            i0__namespace.ɵɵadvance(2);
+            i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(3, 3, "What is the date of the hearing your query is related to?"), " ");
+            i0__namespace.ɵɵadvance(3);
+            i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind2(6, 5, (tmp_1_0 = ctx_r13.formGroup.get("hearingDate")) == null ? null : tmp_1_0.value, "dd MMM yyyy"), " ");
+            i0__namespace.ɵɵadvance(4);
+            i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(10, 8, "Change"), " ");
+        }
+    }
+    function QueryCheckYourAnswersComponent_dl_33_Template(rf, ctx) {
+        if (rf & 1) {
+            var _r17_1 = i0__namespace.ɵɵgetCurrentView();
+            i0__namespace.ɵɵelementStart(0, "dl", 8);
+            i0__namespace.ɵɵelementStart(1, "div", 9);
+            i0__namespace.ɵɵelementStart(2, "dt", 10);
+            i0__namespace.ɵɵtext(3);
+            i0__namespace.ɵɵpipe(4, "rpxTranslate");
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(5, "dd", 11);
+            i0__namespace.ɵɵtemplate(6, QueryCheckYourAnswersComponent_dl_33_ng_container_6_Template, 3, 5, "ng-container", 4);
+            i0__namespace.ɵɵtemplate(7, QueryCheckYourAnswersComponent_dl_33_ng_template_7_Template, 2, 5, "ng-template", null, 19, i0__namespace.ɵɵtemplateRefExtractor);
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(9, "dd", 12);
+            i0__namespace.ɵɵelementStart(10, "a", 13);
+            i0__namespace.ɵɵlistener("click", function QueryCheckYourAnswersComponent_dl_33_Template_a_click_10_listener() { i0__namespace.ɵɵrestoreView(_r17_1); var ctx_r16 = i0__namespace.ɵɵnextContext(); return ctx_r16.goBack(); });
+            i0__namespace.ɵɵtext(11);
+            i0__namespace.ɵɵpipe(12, "rpxTranslate");
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵtemplate(13, QueryCheckYourAnswersComponent_dl_33_div_13_Template, 11, 10, "div", 20);
+            i0__namespace.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var _r11 = i0__namespace.ɵɵreference(8);
+            var ctx_r6 = i0__namespace.ɵɵnextContext();
+            var tmp_1_0 = null;
+            var tmp_4_0 = null;
+            i0__namespace.ɵɵadvance(3);
+            i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(4, 5, "Is the query hearing related?"), " ");
+            i0__namespace.ɵɵadvance(3);
+            i0__namespace.ɵɵproperty("ngIf", ((tmp_1_0 = ctx_r6.formGroup.get("isHearingRelated")) == null ? null : tmp_1_0.value) === true)("ngIfElse", _r11);
+            i0__namespace.ɵɵadvance(5);
+            i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(12, 7, "Change"), " ");
+            i0__namespace.ɵɵadvance(2);
+            i0__namespace.ɵɵproperty("ngIf", (tmp_4_0 = ctx_r6.formGroup.get("isHearingRelated")) == null ? null : tmp_4_0.value);
+        }
+    }
+    function QueryCheckYourAnswersComponent_ccd_read_collection_field_40_Template(rf, ctx) {
+        if (rf & 1) {
+            i0__namespace.ɵɵelement(0, "ccd-read-collection-field", 21);
+        }
+        if (rf & 2) {
+            var ctx_r7 = i0__namespace.ɵɵnextContext();
+            i0__namespace.ɵɵproperty("caseField", ctx_r7.caseField);
         }
     }
     var QueryCheckYourAnswersComponent = /** @class */ (function () {
         function QueryCheckYourAnswersComponent() {
             this.backClicked = new i0.EventEmitter();
-            this.queryItemTypeEnum = exports.QueryItemType;
+            this.queryCreateContextEnum = exports.QueryCreateContext;
         }
         QueryCheckYourAnswersComponent.prototype.ngOnInit = function () {
+            var _a;
             this.caseField = caseFieldMockData;
-            this.caseField.value = this.formGroup.get('attachments').value
-                .map(QueryManagementUtils.documentToCollectionFormDocument);
+            this.caseField.value = (_a = this.formGroup.get('attachments')) === null || _a === void 0 ? void 0 : _a.value.map(QueryManagementUtils.documentToCollectionFormDocument);
         };
         QueryCheckYourAnswersComponent.prototype.goBack = function () {
             this.backClicked.emit(true);
@@ -20603,115 +20742,126 @@
         return QueryCheckYourAnswersComponent;
     }());
     QueryCheckYourAnswersComponent.ɵfac = function QueryCheckYourAnswersComponent_Factory(t) { return new (t || QueryCheckYourAnswersComponent)(); };
-    QueryCheckYourAnswersComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: QueryCheckYourAnswersComponent, selectors: [["ccd-query-check-your-answers"]], inputs: { formGroup: "formGroup", queryItem: "queryItem", queryCreateContext: "queryCreateContext" }, outputs: { backClicked: "backClicked" }, decls: 50, vars: 30, consts: [[1, "govuk-grid-row"], [1, "govuk-grid-column-two-thirds-from-desktop"], [1, "govuk-heading-l"], [4, "ngIf", "ngIfElse"], ["defaultCheckYourAnswersTitle", ""], [1, "govuk-!-margin-bottom-4"], ["class", "govuk-summary-list govuk-!-margin-bottom-0", 4, "ngIf"], [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"], ["href", "javascript:void(0)", 1, "govuk-link", 3, "click"], [1, "govuk-summary-list__value", "govuk-summary-list__value--documentAttached"], [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"], [3, "caseField"]], template: function QueryCheckYourAnswersComponent_Template(rf, ctx) {
+    QueryCheckYourAnswersComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: QueryCheckYourAnswersComponent, selectors: [["ccd-query-check-your-answers"]], inputs: { formGroup: "formGroup", queryItem: "queryItem", queryCreateContext: "queryCreateContext" }, outputs: { backClicked: "backClicked" }, decls: 53, vars: 33, consts: [[1, "govuk-grid-row"], [1, "govuk-grid-column-two-thirds-from-desktop"], [4, "ngIf"], [1, "govuk-heading-l"], [4, "ngIf", "ngIfElse"], ["defaultCheckYourAnswersTitle", ""], [1, "govuk-!-margin-bottom-4"], ["class", "govuk-summary-list govuk-!-margin-bottom-0", 4, "ngIf"], [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"], ["href", "javascript:void(0)", 1, "govuk-link", 3, "click"], [1, "govuk-summary-list__value", "govuk-summary-list__value--documentAttached"], [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-caption-l"], ["isHearingRelatedFalse", ""], ["class", "govuk-summary-list__row", 4, "ngIf"], [3, "caseField"]], template: function QueryCheckYourAnswersComponent_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.ɵɵtemplate(3, QueryCheckYourAnswersComponent_ng_container_3_Template, 3, 3, "ng-container", 3);
-                i0__namespace.ɵɵtemplate(4, QueryCheckYourAnswersComponent_ng_template_4_Template, 2, 3, "ng-template", null, 4, i0__namespace.ɵɵtemplateRefExtractor);
+                i0__namespace.ɵɵtemplate(2, QueryCheckYourAnswersComponent_ng_container_2_Template, 4, 3, "ng-container", 2);
+                i0__namespace.ɵɵelementStart(3, "h1", 3);
+                i0__namespace.ɵɵtemplate(4, QueryCheckYourAnswersComponent_ng_container_4_Template, 3, 3, "ng-container", 4);
+                i0__namespace.ɵɵtemplate(5, QueryCheckYourAnswersComponent_ng_template_5_Template, 2, 3, "ng-template", null, 5, i0__namespace.ɵɵtemplateRefExtractor);
                 i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(6, "div", 5);
-                i0__namespace.ɵɵelement(7, "ccd-query-case-details-header");
+                i0__namespace.ɵɵelementStart(7, "div", 6);
+                i0__namespace.ɵɵelement(8, "ccd-query-case-details-header");
                 i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵtemplate(8, QueryCheckYourAnswersComponent_dl_8_Template, 7, 4, "dl", 6);
-                i0__namespace.ɵɵelementStart(9, "dl", 7);
-                i0__namespace.ɵɵelementStart(10, "div", 8);
-                i0__namespace.ɵɵelementStart(11, "dt", 9);
-                i0__namespace.ɵɵtext(12);
-                i0__namespace.ɵɵpipe(13, "rpxTranslate");
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(14, "dd", 10);
-                i0__namespace.ɵɵtext(15);
+                i0__namespace.ɵɵtemplate(9, QueryCheckYourAnswersComponent_dl_9_Template, 7, 4, "dl", 7);
+                i0__namespace.ɵɵelementStart(10, "dl", 8);
+                i0__namespace.ɵɵelementStart(11, "div", 9);
+                i0__namespace.ɵɵelementStart(12, "dt", 10);
+                i0__namespace.ɵɵtext(13);
+                i0__namespace.ɵɵpipe(14, "rpxTranslate");
                 i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(16, "dd", 11);
-                i0__namespace.ɵɵelementStart(17, "a", 12);
-                i0__namespace.ɵɵlistener("click", function QueryCheckYourAnswersComponent_Template_a_click_17_listener() { return ctx.goBack(); });
-                i0__namespace.ɵɵtext(18);
-                i0__namespace.ɵɵpipe(19, "rpxTranslate");
+                i0__namespace.ɵɵelementStart(15, "dd", 11);
+                i0__namespace.ɵɵtext(16);
                 i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementStart(17, "dd", 12);
+                i0__namespace.ɵɵelementStart(18, "a", 13);
+                i0__namespace.ɵɵlistener("click", function QueryCheckYourAnswersComponent_Template_a_click_18_listener() { return ctx.goBack(); });
+                i0__namespace.ɵɵtext(19);
+                i0__namespace.ɵɵpipe(20, "rpxTranslate");
                 i0__namespace.ɵɵelementEnd();
                 i0__namespace.ɵɵelementEnd();
                 i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(20, "dl", 7);
-                i0__namespace.ɵɵelementStart(21, "div", 8);
-                i0__namespace.ɵɵelementStart(22, "dt", 9);
-                i0__namespace.ɵɵtext(23);
-                i0__namespace.ɵɵpipe(24, "rpxTranslate");
                 i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(25, "dd", 10);
-                i0__namespace.ɵɵtext(26);
+                i0__namespace.ɵɵtemplate(21, QueryCheckYourAnswersComponent_dl_21_Template, 11, 7, "dl", 7);
+                i0__namespace.ɵɵelementStart(22, "dl", 8);
+                i0__namespace.ɵɵelementStart(23, "div", 9);
+                i0__namespace.ɵɵelementStart(24, "dt", 10);
+                i0__namespace.ɵɵtext(25);
+                i0__namespace.ɵɵpipe(26, "rpxTranslate");
                 i0__namespace.ɵɵelementEnd();
                 i0__namespace.ɵɵelementStart(27, "dd", 11);
-                i0__namespace.ɵɵelementStart(28, "a", 12);
-                i0__namespace.ɵɵlistener("click", function QueryCheckYourAnswersComponent_Template_a_click_28_listener() { return ctx.goBack(); });
-                i0__namespace.ɵɵtext(29);
-                i0__namespace.ɵɵpipe(30, "rpxTranslate");
+                i0__namespace.ɵɵtext(28);
                 i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementStart(29, "dd", 12);
+                i0__namespace.ɵɵelementStart(30, "a", 13);
+                i0__namespace.ɵɵlistener("click", function QueryCheckYourAnswersComponent_Template_a_click_30_listener() { return ctx.goBack(); });
+                i0__namespace.ɵɵtext(31);
+                i0__namespace.ɵɵpipe(32, "rpxTranslate");
                 i0__namespace.ɵɵelementEnd();
                 i0__namespace.ɵɵelementEnd();
                 i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(31, "dl", 7);
-                i0__namespace.ɵɵelementStart(32, "div", 8);
-                i0__namespace.ɵɵelementStart(33, "dt", 9);
-                i0__namespace.ɵɵtext(34);
-                i0__namespace.ɵɵpipe(35, "rpxTranslate");
                 i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(36, "dd", 13);
-                i0__namespace.ɵɵtemplate(37, QueryCheckYourAnswersComponent_ccd_read_collection_field_37_Template, 1, 1, "ccd-read-collection-field", 14);
+                i0__namespace.ɵɵtemplate(33, QueryCheckYourAnswersComponent_dl_33_Template, 14, 9, "dl", 7);
+                i0__namespace.ɵɵelementStart(34, "dl", 8);
+                i0__namespace.ɵɵelementStart(35, "div", 9);
+                i0__namespace.ɵɵelementStart(36, "dt", 10);
+                i0__namespace.ɵɵtext(37);
+                i0__namespace.ɵɵpipe(38, "rpxTranslate");
                 i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(38, "dd", 11);
-                i0__namespace.ɵɵelementStart(39, "a", 12);
-                i0__namespace.ɵɵlistener("click", function QueryCheckYourAnswersComponent_Template_a_click_39_listener() { return ctx.goBack(); });
-                i0__namespace.ɵɵtext(40);
-                i0__namespace.ɵɵpipe(41, "rpxTranslate");
+                i0__namespace.ɵɵelementStart(39, "dd", 14);
+                i0__namespace.ɵɵtemplate(40, QueryCheckYourAnswersComponent_ccd_read_collection_field_40_Template, 1, 1, "ccd-read-collection-field", 15);
                 i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementStart(41, "dd", 12);
+                i0__namespace.ɵɵelementStart(42, "a", 13);
+                i0__namespace.ɵɵlistener("click", function QueryCheckYourAnswersComponent_Template_a_click_42_listener() { return ctx.goBack(); });
+                i0__namespace.ɵɵtext(43);
+                i0__namespace.ɵɵpipe(44, "rpxTranslate");
                 i0__namespace.ɵɵelementEnd();
                 i0__namespace.ɵɵelementEnd();
                 i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelement(42, "br");
-                i0__namespace.ɵɵelementStart(43, "div");
-                i0__namespace.ɵɵelementStart(44, "button", 15);
-                i0__namespace.ɵɵlistener("click", function QueryCheckYourAnswersComponent_Template_button_click_44_listener() { return ctx.goBack(); });
-                i0__namespace.ɵɵtext(45);
-                i0__namespace.ɵɵpipe(46, "rpxTranslate");
                 i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelement(45, "br");
+                i0__namespace.ɵɵelementStart(46, "div");
                 i0__namespace.ɵɵelementStart(47, "button", 16);
+                i0__namespace.ɵɵlistener("click", function QueryCheckYourAnswersComponent_Template_button_click_47_listener() { return ctx.goBack(); });
                 i0__namespace.ɵɵtext(48);
                 i0__namespace.ɵɵpipe(49, "rpxTranslate");
                 i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementStart(50, "button", 17);
+                i0__namespace.ɵɵtext(51);
+                i0__namespace.ɵɵpipe(52, "rpxTranslate");
+                i0__namespace.ɵɵelementEnd();
                 i0__namespace.ɵɵelementEnd();
                 i0__namespace.ɵɵelementEnd();
                 i0__namespace.ɵɵelementEnd();
             }
             if (rf & 2) {
-                var _r1 = i0__namespace.ɵɵreference(5);
-                i0__namespace.ɵɵadvance(3);
-                i0__namespace.ɵɵproperty("ngIf", ctx.queryCreateContext === ctx.queryItemTypeEnum.RESPOND)("ngIfElse", _r1);
+                var _r2 = i0__namespace.ɵɵreference(6);
+                var tmp_5_0 = null;
+                var tmp_9_0 = null;
+                i0__namespace.ɵɵadvance(2);
+                i0__namespace.ɵɵproperty("ngIf", ctx.queryCreateContext === ctx.queryCreateContextEnum.NEW);
+                i0__namespace.ɵɵadvance(2);
+                i0__namespace.ɵɵproperty("ngIf", ctx.queryCreateContext === ctx.queryCreateContextEnum.RESPOND)("ngIfElse", _r2);
                 i0__namespace.ɵɵadvance(5);
-                i0__namespace.ɵɵproperty("ngIf", ctx.queryCreateContext === ctx.queryItemTypeEnum.RESPOND);
+                i0__namespace.ɵɵproperty("ngIf", ctx.queryCreateContext === ctx.queryCreateContextEnum.RESPOND);
                 i0__namespace.ɵɵadvance(4);
-                i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(13, 14, "Full name"), " ");
+                i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(14, 17, "Full name"), " ");
                 i0__namespace.ɵɵadvance(3);
-                i0__namespace.ɵɵtextInterpolate1(" ", ctx.formGroup.controls["fullName"].value, " ");
+                i0__namespace.ɵɵtextInterpolate1(" ", (tmp_5_0 = ctx.formGroup.get("fullName")) == null ? null : tmp_5_0.value, " ");
                 i0__namespace.ɵɵadvance(3);
-                i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(19, 16, "Change"), " ");
-                i0__namespace.ɵɵadvance(5);
-                i0__namespace.ɵɵtextInterpolate1(" ", ctx.queryCreateContext === ctx.queryItemTypeEnum.RESPOND ? "Response message" : i0__namespace.ɵɵpipeBind1(24, 18, "Query body"), " ");
+                i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(20, 19, "Change"), " ");
+                i0__namespace.ɵɵadvance(2);
+                i0__namespace.ɵɵproperty("ngIf", ctx.queryCreateContext === ctx.queryCreateContextEnum.NEW);
+                i0__namespace.ɵɵadvance(4);
+                i0__namespace.ɵɵtextInterpolate1(" ", ctx.queryCreateContext === ctx.queryCreateContextEnum.RESPOND ? "Response message" : i0__namespace.ɵɵpipeBind1(26, 21, "Query body"), " ");
                 i0__namespace.ɵɵadvance(3);
-                i0__namespace.ɵɵtextInterpolate1(" ", ctx.formGroup.controls["body"].value, " ");
+                i0__namespace.ɵɵtextInterpolate1(" ", (tmp_9_0 = ctx.formGroup.get("body")) == null ? null : tmp_9_0.value, " ");
                 i0__namespace.ɵɵadvance(3);
-                i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(30, 20, "Change"), " ");
-                i0__namespace.ɵɵadvance(5);
-                i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(35, 22, "Document attached"), " ");
+                i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(32, 23, "Change"), " ");
+                i0__namespace.ɵɵadvance(2);
+                i0__namespace.ɵɵproperty("ngIf", ctx.queryCreateContext === ctx.queryCreateContextEnum.NEW);
+                i0__namespace.ɵɵadvance(4);
+                i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(38, 25, "Document attached"), " ");
                 i0__namespace.ɵɵadvance(3);
                 i0__namespace.ɵɵproperty("ngIf", ctx.caseField);
                 i0__namespace.ɵɵadvance(3);
-                i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(41, 24, "Change"), " ");
+                i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(44, 27, "Change"), " ");
                 i0__namespace.ɵɵadvance(5);
-                i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(46, 26, "Previous"), " ");
+                i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(49, 29, "Previous"), " ");
                 i0__namespace.ɵɵadvance(3);
-                i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(49, 28, "Submit"), " ");
+                i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(52, 31, "Submit"), " ");
             }
         }, styles: ["ccd-query-check-your-answers .collection-field-table tr>td{border-bottom:none;padding-bottom:0}ccd-query-check-your-answers .govuk-summary-list__value--documentAttached{vertical-align:middle}"], encapsulation: 2 });
     (function () {
@@ -20984,33 +21134,31 @@
 
     function QueryListComponent_ng_container_0_th_7_Template(rf, ctx) {
         if (rf & 1) {
-            var _r6_1 = i0__namespace.ɵɵgetCurrentView();
+            var _r5_1 = i0__namespace.ɵɵgetCurrentView();
             i0__namespace.ɵɵelementStart(0, "th", 8);
-            i0__namespace.ɵɵelementStart(1, "button", 9);
-            i0__namespace.ɵɵlistener("click", function QueryListComponent_ng_container_0_th_7_Template_button_click_1_listener() { i0__namespace.ɵɵrestoreView(_r6_1); var col_r3 = ctx.$implicit; var ctx_r5 = i0__namespace.ɵɵnextContext(2); return ctx_r5.sortTable(col_r3); });
-            i0__namespace.ɵɵtext(2);
-            i0__namespace.ɵɵpipe(3, "rpxTranslate");
+            i0__namespace.ɵɵtext(1);
+            i0__namespace.ɵɵpipe(2, "rpxTranslate");
+            i0__namespace.ɵɵelementStart(3, "a", 9);
+            i0__namespace.ɵɵlistener("click", function QueryListComponent_ng_container_0_th_7_Template_a_click_3_listener() { i0__namespace.ɵɵrestoreView(_r5_1); var col_r3 = ctx.$implicit; var ctx_r4 = i0__namespace.ɵɵnextContext(2); return ctx_r4.sortTable(col_r3); });
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
         }
         if (rf & 2) {
             var col_r3 = ctx.$implicit;
-            var i_r4 = ctx.index;
             var ctx_r1 = i0__namespace.ɵɵnextContext(2);
-            i0__namespace.ɵɵattribute("aria-sort", ctx_r1.getAriaSortHeaderValue(col_r3));
-            i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵattribute("data-index", i_r4);
             i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(3, 3, col_r3.displayName), " ");
+            i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(2, 2, col_r3.displayName), " ");
+            i0__namespace.ɵɵadvance(2);
+            i0__namespace.ɵɵproperty("innerHTML", ctx_r1.sortWidget(col_r3), i0__namespace.ɵɵsanitizeHtml);
         }
     }
     function QueryListComponent_ng_container_0_tr_9_Template(rf, ctx) {
         if (rf & 1) {
-            var _r9_1 = i0__namespace.ɵɵgetCurrentView();
+            var _r8_1 = i0__namespace.ɵɵgetCurrentView();
             i0__namespace.ɵɵelementStart(0, "tr", 4);
             i0__namespace.ɵɵelementStart(1, "td", 10);
             i0__namespace.ɵɵelementStart(2, "a", 11);
-            i0__namespace.ɵɵlistener("click", function QueryListComponent_ng_container_0_tr_9_Template_a_click_2_listener() { i0__namespace.ɵɵrestoreView(_r9_1); var message_r7 = ctx.$implicit; var ctx_r8 = i0__namespace.ɵɵnextContext(2); return ctx_r8.showDetails(message_r7); });
+            i0__namespace.ɵɵlistener("click", function QueryListComponent_ng_container_0_tr_9_Template_a_click_2_listener() { i0__namespace.ɵɵrestoreView(_r8_1); var message_r6 = ctx.$implicit; var ctx_r7 = i0__namespace.ɵɵnextContext(2); return ctx_r7.showDetails(message_r6); });
             i0__namespace.ɵɵtext(3);
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
@@ -21031,17 +21179,17 @@
             i0__namespace.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var message_r7 = ctx.$implicit;
+            var message_r6 = ctx.$implicit;
             i0__namespace.ɵɵadvance(3);
-            i0__namespace.ɵɵtextInterpolate(message_r7.subject);
+            i0__namespace.ɵɵtextInterpolate(message_r6.subject);
             i0__namespace.ɵɵadvance(2);
-            i0__namespace.ɵɵtextInterpolate(message_r7.lastSubmittedBy);
+            i0__namespace.ɵɵtextInterpolate(message_r6.lastSubmittedBy);
             i0__namespace.ɵɵadvance(2);
-            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind2(8, 5, message_r7.lastSubmittedDate, "dd MMM YYYY"));
+            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind2(8, 5, message_r6.lastSubmittedDate, "dd MMM YYYY"));
             i0__namespace.ɵɵadvance(3);
-            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind2(11, 8, message_r7.lastResponseDate, "dd MMM YYYY"));
+            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind2(11, 8, message_r6.lastResponseDate, "dd MMM YYYY"));
             i0__namespace.ɵɵadvance(3);
-            i0__namespace.ɵɵtextInterpolate(message_r7.lastResponseBy);
+            i0__namespace.ɵɵtextInterpolate(message_r6.lastResponseBy);
         }
     }
     function QueryListComponent_ng_container_0_Template(rf, ctx) {
@@ -21055,7 +21203,7 @@
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementStart(5, "thead", 3);
             i0__namespace.ɵɵelementStart(6, "tr", 4);
-            i0__namespace.ɵɵtemplate(7, QueryListComponent_ng_container_0_th_7_Template, 4, 5, "th", 5);
+            i0__namespace.ɵɵtemplate(7, QueryListComponent_ng_container_0_th_7_Template, 4, 4, "th", 5);
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementStart(8, "tbody", 6);
@@ -21078,7 +21226,7 @@
         function QueryListComponent() {
             this.selectedQuery = new i0.EventEmitter();
             this.displayedColumns = [
-                { name: 'subject', displayName: 'Query subject', sortOrder: SortOrder.UNSORTED },
+                { name: 'subject', displayName: 'Queries', sortOrder: SortOrder.UNSORTED },
                 { name: 'lastSubmittedBy', displayName: 'Last submitted by', sortOrder: SortOrder.UNSORTED },
                 { name: 'lastSubmittedDate', displayName: 'Last submission date', sortOrder: SortOrder.UNSORTED },
                 { name: 'lastResponseDate', displayName: 'Last response date', sortOrder: SortOrder.UNSORTED },
@@ -21105,16 +21253,13 @@
                 }
             }
         };
-        QueryListComponent.prototype.getAriaSortHeaderValue = function (col) {
+        QueryListComponent.prototype.sortWidget = function (col) {
             switch (col.sortOrder) {
                 case SortOrder.ASCENDING: {
-                    return 'ascending';
-                }
-                case SortOrder.DESCENDING: {
-                    return 'descending';
+                    return '▲';
                 }
                 default: {
-                    return 'none';
+                    return '▼';
                 }
             }
         };
@@ -21148,14 +21293,14 @@
         return QueryListComponent;
     }());
     QueryListComponent.ɵfac = function QueryListComponent_Factory(t) { return new (t || QueryListComponent)(); };
-    QueryListComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: QueryListComponent, selectors: [["ccd-query-list"]], inputs: { partyMessageGroup: "partyMessageGroup" }, outputs: { selectedQuery: "selectedQuery" }, features: [i0__namespace.ɵɵNgOnChangesFeature], decls: 1, vars: 1, consts: [[4, "ngIf"], [1, "govuk-table", "query-list__table"], [1, "govuk-table__cell", "query-list__caption", "query-list__row"], [1, "govuk-table__head"], [1, "govuk-table__row", "query-list__row"], ["scope", "col", "class", "govuk-table__header", 4, "ngFor", "ngForOf"], [1, "govuk-table__body"], ["class", "govuk-table__row query-list__row", 4, "ngFor", "ngForOf"], ["scope", "col", 1, "govuk-table__header"], ["type", "button", "aria-sort", "none", "href", "javascript:void(0)", 3, "click"], [1, "govuk-table__cell", "query-list__cell", "query-list__cell--first"], ["href", "javascript:void(0)", 3, "click"], [1, "govuk-table__cell", "query-list__cell"]], template: function QueryListComponent_Template(rf, ctx) {
+    QueryListComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: QueryListComponent, selectors: [["ccd-query-list"]], inputs: { partyMessageGroup: "partyMessageGroup" }, outputs: { selectedQuery: "selectedQuery" }, features: [i0__namespace.ɵɵNgOnChangesFeature], decls: 1, vars: 1, consts: [[4, "ngIf"], [1, "govuk-table", "query-list__table"], [1, "govuk-table__cell", "query-list__caption", "query-list__row"], [1, "govuk-table__head"], [1, "govuk-table__row", "query-list__row"], ["class", "govuk-table__header", 4, "ngFor", "ngForOf"], [1, "govuk-table__body"], ["class", "govuk-table__row query-list__row", 4, "ngFor", "ngForOf"], [1, "govuk-table__header"], ["href", "javascript:void(0)", 1, "sort-widget", 3, "innerHTML", "click"], [1, "govuk-table__cell", "query-list__cell", "query-list__cell--first"], ["href", "javascript:void(0)", 3, "click"], [1, "govuk-table__cell", "query-list__cell"]], template: function QueryListComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0__namespace.ɵɵtemplate(0, QueryListComponent_ng_container_0_Template, 10, 3, "ng-container", 0);
             }
             if (rf & 2) {
                 i0__namespace.ɵɵproperty("ngIf", ctx.queryListData);
             }
-        }, directives: [i5__namespace.NgIf, i5__namespace.NgForOf], pipes: [i1__namespace.RpxTranslatePipe, i5__namespace.DatePipe], styles: ["@charset \"UTF-8\";.query-list__caption[_ngcontent-%COMP%], .query-list__table[_ngcontent-%COMP%]{border:1px solid #b1b4b6}.query-list__caption[_ngcontent-%COMP%]{background:#f3f2f1;border-bottom:0;font-weight:700}.query-list__row[_ngcontent-%COMP%] > [_ngcontent-%COMP%]:first-child{padding-left:10px}.query-list__row[_ngcontent-%COMP%] > [_ngcontent-%COMP%]:last-child{padding-right:10px}.query-list__cell--first[_ngcontent-%COMP%]{width:33%}[aria-sort][_ngcontent-%COMP%]   button[_ngcontent-%COMP%], [aria-sort][_ngcontent-%COMP%]   button[_ngcontent-%COMP%]:hover, [aria-sort][_ngcontent-%COMP%]   button[_ngcontent-%COMP%]:hover:hover{background-color:transparent;border-width:0;box-shadow:0 0 0 0;color:#000;cursor:pointer;font-family:inherit;font-weight:inherit;padding:0 10px 0 0;position:relative;text-align:inherit;font-size:1em;margin:0}[aria-sort][_ngcontent-%COMP%]   button[_ngcontent-%COMP%]:focus, [aria-sort][_ngcontent-%COMP%]   button[_ngcontent-%COMP%]:hover:focus{background-color:#fd0;color:#000;box-shadow:0 -2px #fd0,0 4px #000;outline:none}[aria-sort][_ngcontent-%COMP%]:first-child   button[_ngcontent-%COMP%]{right:auto}[aria-sort][_ngcontent-%COMP%]   button[_ngcontent-%COMP%]:before{content:\" \u25BC\";position:absolute;right:-1px;top:9px;font-size:.5em}[aria-sort][_ngcontent-%COMP%]   button[_ngcontent-%COMP%]:after{content:\" \u25B2\";position:absolute;right:-1px;top:1px;font-size:.5em}[aria-sort=ascending][_ngcontent-%COMP%]   button[_ngcontent-%COMP%]:before, [aria-sort=descending][_ngcontent-%COMP%]   button[_ngcontent-%COMP%]:before{content:none}[aria-sort=ascending][_ngcontent-%COMP%]   button[_ngcontent-%COMP%]:after{content:\" \u25B2\";font-size:.8em;position:absolute;right:-5px;top:2px}[aria-sort=descending][_ngcontent-%COMP%]   button[_ngcontent-%COMP%]:after{content:\" \u25BC\";font-size:.8em;position:absolute;right:-5px;top:2px}"] });
+        }, directives: [i5__namespace.NgIf, i5__namespace.NgForOf], pipes: [i1__namespace.RpxTranslatePipe, i5__namespace.DatePipe], styles: [".query-list__caption[_ngcontent-%COMP%], .query-list__table[_ngcontent-%COMP%]{border:1px solid #b1b4b6}.query-list__caption[_ngcontent-%COMP%]{background:#f3f2f1;border-bottom:0;font-weight:700}.query-list__row[_ngcontent-%COMP%] > [_ngcontent-%COMP%]:first-child{padding-left:10px}.query-list__row[_ngcontent-%COMP%] > [_ngcontent-%COMP%]:last-child{padding-right:10px}.query-list__cell--first[_ngcontent-%COMP%]{width:33%}.sort-widget[_ngcontent-%COMP%]{cursor:pointer;text-decoration:none;color:#000}"] });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(QueryListComponent, [{
                 type: i0.Component,
@@ -21171,81 +21316,6 @@
                 }] });
     })();
 
-    var QueryWriteAddDocumentsComponent = /** @class */ (function () {
-        function QueryWriteAddDocumentsComponent() {
-            this.documentFormGroup = new i3.FormGroup({});
-            this.documentCollectionUpdate = new i0.EventEmitter();
-        }
-        QueryWriteAddDocumentsComponent.prototype.ngOnInit = function () {
-            var _a;
-            // This field is mocked to allow the document component to be used in isolation
-            this.mockDocumentCaseField = Object.assign(new CaseField(), {
-                id: QueryWriteAddDocumentsComponent.DOCUMENTS_FORM_CONTROL_NAME,
-                label: 'Add document',
-                hint_text: 'Attach a document to this message',
-                display_context: 'OPTIONAL',
-                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,
-                    })
-                }),
-            });
-            this.mockDocumentCaseField.value = (_a = this.formGroup.get('attachments')) === null || _a === void 0 ? void 0 : _a.value.map(QueryManagementUtils.documentToCollectionFormDocument);
-        };
-        QueryWriteAddDocumentsComponent.prototype.ngAfterViewInit = function () {
-            var _this = this;
-            var documentFormControl = this.documentFormGroup.get(QueryWriteAddDocumentsComponent.DOCUMENTS_FORM_CONTROL_NAME);
-            if (documentFormControl) {
-                this.documentFormControlSubscription = documentFormControl.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();
-            }
-        };
-        QueryWriteAddDocumentsComponent.prototype.ngOnDestroy = function () {
-            var _a;
-            (_a = this.documentFormControlSubscription) === null || _a === void 0 ? void 0 : _a.unsubscribe();
-        };
-        return QueryWriteAddDocumentsComponent;
-    }());
-    QueryWriteAddDocumentsComponent.DOCUMENTS_FORM_CONTROL_NAME = 'documentCollection';
-    QueryWriteAddDocumentsComponent.ɵfac = function QueryWriteAddDocumentsComponent_Factory(t) { return new (t || QueryWriteAddDocumentsComponent)(); };
-    QueryWriteAddDocumentsComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: QueryWriteAddDocumentsComponent, selectors: [["ccd-query-write-add-documents"]], inputs: { formGroup: "formGroup" }, outputs: { documentCollectionUpdate: "documentCollectionUpdate" }, decls: 1, vars: 2, consts: [[3, "formGroup", "caseField"]], template: function QueryWriteAddDocumentsComponent_Template(rf, ctx) {
-            if (rf & 1) {
-                i0__namespace.ɵɵelement(0, "ccd-write-collection-field", 0);
-            }
-            if (rf & 2) {
-                i0__namespace.ɵɵproperty("formGroup", ctx.documentFormGroup)("caseField", ctx.mockDocumentCaseField);
-            }
-        }, encapsulation: 2 });
-    (function () {
-        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(QueryWriteAddDocumentsComponent, [{
-                type: i0.Component,
-                args: [{
-                        selector: 'ccd-query-write-add-documents',
-                        templateUrl: './query-write-add-documents.component.html'
-                    }]
-            }], null, { formGroup: [{
-                    type: i0.Input
-                }], documentCollectionUpdate: [{
-                    type: i0.Output
-                }] });
-    })();
-
     var QueryWriteDateInputComponent = /** @class */ (function () {
         function QueryWriteDateInputComponent() {
             this.disabled = false;
@@ -21372,6 +21442,81 @@
                 }] });
     })();
 
+    var QueryWriteAddDocumentsComponent = /** @class */ (function () {
+        function QueryWriteAddDocumentsComponent() {
+            this.documentFormGroup = new i3.FormGroup({});
+            this.documentCollectionUpdate = new i0.EventEmitter();
+        }
+        QueryWriteAddDocumentsComponent.prototype.ngOnInit = function () {
+            var _a;
+            // This field is mocked to allow the document component to be used in isolation
+            this.mockDocumentCaseField = Object.assign(new CaseField(), {
+                id: QueryWriteAddDocumentsComponent.DOCUMENTS_FORM_CONTROL_NAME,
+                label: 'Add document',
+                hint_text: 'Attach a document to this message',
+                display_context: 'OPTIONAL',
+                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,
+                    })
+                }),
+            });
+            this.mockDocumentCaseField.value = (_a = this.formGroup.get('attachments')) === null || _a === void 0 ? void 0 : _a.value.map(QueryManagementUtils.documentToCollectionFormDocument);
+        };
+        QueryWriteAddDocumentsComponent.prototype.ngAfterViewInit = function () {
+            var _this = this;
+            var documentFormControl = this.documentFormGroup.get(QueryWriteAddDocumentsComponent.DOCUMENTS_FORM_CONTROL_NAME);
+            if (documentFormControl) {
+                this.documentFormControlSubscription = documentFormControl.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();
+            }
+        };
+        QueryWriteAddDocumentsComponent.prototype.ngOnDestroy = function () {
+            var _a;
+            (_a = this.documentFormControlSubscription) === null || _a === void 0 ? void 0 : _a.unsubscribe();
+        };
+        return QueryWriteAddDocumentsComponent;
+    }());
+    QueryWriteAddDocumentsComponent.DOCUMENTS_FORM_CONTROL_NAME = 'documentCollection';
+    QueryWriteAddDocumentsComponent.ɵfac = function QueryWriteAddDocumentsComponent_Factory(t) { return new (t || QueryWriteAddDocumentsComponent)(); };
+    QueryWriteAddDocumentsComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: QueryWriteAddDocumentsComponent, selectors: [["ccd-query-write-add-documents"]], inputs: { formGroup: "formGroup" }, outputs: { documentCollectionUpdate: "documentCollectionUpdate" }, decls: 1, vars: 2, consts: [[3, "formGroup", "caseField"]], template: function QueryWriteAddDocumentsComponent_Template(rf, ctx) {
+            if (rf & 1) {
+                i0__namespace.ɵɵelement(0, "ccd-write-collection-field", 0);
+            }
+            if (rf & 2) {
+                i0__namespace.ɵɵproperty("formGroup", ctx.documentFormGroup)("caseField", ctx.mockDocumentCaseField);
+            }
+        }, encapsulation: 2 });
+    (function () {
+        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(QueryWriteAddDocumentsComponent, [{
+                type: i0.Component,
+                args: [{
+                        selector: 'ccd-query-write-add-documents',
+                        templateUrl: './query-write-add-documents.component.html'
+                    }]
+            }], null, { formGroup: [{
+                    type: i0.Input
+                }], documentCollectionUpdate: [{
+                    type: i0.Output
+                }] });
+    })();
+
     var RaiseQueryErrorMessage;
     (function (RaiseQueryErrorMessage) {
         RaiseQueryErrorMessage["FULL_NAME"] = "Enter a full name";
@@ -21718,7 +21863,7 @@
         function QueryWriteRespondToQueryComponent(caseNotifier) {
             this.caseNotifier = caseNotifier;
             this.submitted = false;
-            this.queryItemTypeEnum = exports.QueryItemType;
+            this.queryItemTypeEnum = exports.QueryCreateContext;
         }
         QueryWriteRespondToQueryComponent.prototype.ngOnInit = function () {
             var _this = this;
@@ -21756,7 +21901,7 @@
                 i0__namespace.ɵɵelementEnd();
                 i0__namespace.ɵɵelementEnd();
                 i0__namespace.ɵɵelementStart(16, "div", 7);
-                i0__namespace.ɵɵelementStart(17, "div", 5);
+                i0__namespace.ɵɵelementStart(17, "div");
                 i0__namespace.ɵɵelementStart(18, "h1", 8);
                 i0__namespace.ɵɵtext(19);
                 i0__namespace.ɵɵpipe(20, "rpxTranslate");
@@ -30252,7 +30397,7 @@
         QueryDetailsTableComponent, i3__namespace.NgControlStatusGroup, i3__namespace.FormGroupDirective, i5__namespace.NgIf, i3__namespace.DefaultValueAccessor, i3__namespace.NgControlStatus, i3__namespace.FormControlName], [i1__namespace.RpxTranslatePipe]);
     i0__namespace.ɵɵsetComponentScope(QueryWriteRaiseQueryComponent, [QueryCaseDetailsHeaderComponent, i3__namespace.NgControlStatusGroup, i3__namespace.FormGroupDirective, i5__namespace.NgClass, i5__namespace.NgIf, i3__namespace.DefaultValueAccessor, i3__namespace.NgControlStatus, i3__namespace.FormControlName, i3__namespace.RadioControlValueAccessor, QueryWriteDateInputComponent], [i1__namespace.RpxTranslatePipe]);
     i0__namespace.ɵɵsetComponentScope(QueryCheckYourAnswersComponent, [i5__namespace.NgIf, QueryCaseDetailsHeaderComponent,
-        ReadCollectionFieldComponent], [i1__namespace.RpxTranslatePipe]);
+        ReadCollectionFieldComponent], [i1__namespace.RpxTranslatePipe, i5__namespace.DatePipe]);
     i0__namespace.ɵɵsetComponentScope(QueryWriteAddDocumentsComponent, [WriteCollectionFieldComponent, i3__namespace.NgControlStatusGroup, i3__namespace.FormGroupDirective], []);
 
     var Confirmation = /** @class */ (function () {