@hmcts/ccd-case-ui-toolkit 6.16.0-query-management-query-details-v4 → 6.16.0-query-management-raise-query-trigger

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

@@ -3707,7 +3707,6 @@
         }
         return CaseViewTrigger;
     }());
-    CaseViewTrigger.DELETE = 'DELETE';
 
     var CaseEvent = /** @class */ (function () {
         function CaseEvent() {
@@ -20136,231 +20135,730 @@
             }], null, null);
     })();
 
-    var partyMessagesMockData = [
-        {
-            partyName: 'John Smith - Appellant',
-            roleOnCase: null,
-            partyMessages: [
-                {
-                    id: 'case-message-001',
-                    subject: 'Review attached document',
-                    name: 'Maggie Conroy',
-                    body: 'Please review attached document and advise if hearing should proceed?',
-                    attachments: [
-                        {
-                            _links: {
-                                self: { href: '/' },
-                                binary: { href: '/' },
-                            },
-                            originalDocumentName: 'documentName.pdf',
-                        }
-                    ],
-                    isHearingRelated: true,
-                    hearingDate: '10 Jan 2023',
-                    createdOn: new Date(2023, 0, 3),
-                    createdBy: '1111-1111-1111-1111'
-                },
-                {
-                    id: 'case-message-002',
-                    subject: 'Games',
-                    name: 'Maggie Conroy',
-                    body: 'Can I play games in my phone when my solicitor is talking?',
-                    attachments: [],
-                    isHearingRelated: true,
-                    hearingDate: '10 Jan 2023',
-                    createdOn: new Date(2023, 0, 3),
-                    createdBy: '1111-1111-1111-1111'
-                },
-                {
-                    id: 'case-message-003',
-                    name: 'Maggie Conroy',
-                    body: 'Using mobile phone is strictly prohibited in the court room.',
-                    attachments: [],
-                    isHearingRelated: true,
-                    hearingDate: '10 Jan 2023',
-                    createdOn: new Date(2023, 0, 4),
-                    createdBy: '2222-2222-2222-2222',
-                    parentId: 'case-message-002'
+    var CcdCaseTitlePipe = /** @class */ (function () {
+        function CcdCaseTitlePipe(placeholderService, fieldsUtils) {
+            this.placeholderService = placeholderService;
+            this.fieldsUtils = fieldsUtils;
+        }
+        CcdCaseTitlePipe.prototype.transform = function (caseTitle, caseFields, values) {
+            var caseFieldValues = this.getReadOnlyAndFormFields(values, caseFields);
+            var result = this.placeholderService.resolvePlaceholders(caseFieldValues, caseTitle);
+            return result;
+        };
+        CcdCaseTitlePipe.prototype.getReadOnlyAndFormFields = function (formGroup, caseFields) {
+            return this.fieldsUtils.mergeLabelCaseFieldsAndFormFields(caseFields, formGroup.getRawValue());
+        };
+        return CcdCaseTitlePipe;
+    }());
+    CcdCaseTitlePipe.ɵfac = function CcdCaseTitlePipe_Factory(t) { return new (t || CcdCaseTitlePipe)(i0__namespace.ɵɵdirectiveInject(exports.PlaceholderService), i0__namespace.ɵɵdirectiveInject(FieldsUtils)); };
+    CcdCaseTitlePipe.ɵpipe = i0__namespace.ɵɵdefinePipe({ name: "ccdCaseTitle", type: CcdCaseTitlePipe, pure: true });
+    (function () {
+        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(CcdCaseTitlePipe, [{
+                type: i0.Pipe,
+                args: [{
+                        name: 'ccdCaseTitle'
+                    }]
+            }], function () { return [{ type: exports.PlaceholderService }, { type: FieldsUtils }]; }, null);
+    })();
+
+    var CcdCollectionTableCaseFieldsFilterPipe = /** @class */ (function () {
+        function CcdCollectionTableCaseFieldsFilterPipe() {
+        }
+        CcdCollectionTableCaseFieldsFilterPipe.prototype.transform = function (objs, caseField, value) {
+            var fields = objs.map(function (obj) { return (Object.assign(Object.assign({}, obj.value.caseField), { type: obj.value.type.type ? obj.value.type.type : obj.value.type })); });
+            return classTransformer.plainToClassFromExist(new CaseField(), {
+                id: caseField ? caseField.id : '',
+                label: caseField ? caseField.label : '',
+                display_context: 'READONLY',
+                value: value,
+                field_type: {
+                    id: caseField ? caseField.id : '',
+                    type: 'Complex',
+                    complex_fields: fields,
                 }
-            ]
-        },
-        {
-            partyName: 'Kevin Peterson - Respondent',
-            roleOnCase: null,
-            partyMessages: [
-                {
-                    id: 'case-message-005',
-                    subject: 'Add respondent detention order',
-                    name: 'Maggie Conroy',
-                    body: 'Please add respondent detention order to the file XX20230423-DX.',
-                    attachments: [],
-                    isHearingRelated: false,
-                    createdOn: new Date(2023, 1, 5),
-                    createdBy: '1111-1111-1111-1111'
-                },
-                {
-                    id: 'case-message-006',
-                    name: 'Maggie Conroy',
-                    body: 'I confirm that the respondent detention order is now added to the file XX20230423-DX.',
-                    attachments: [],
-                    isHearingRelated: false,
-                    createdOn: new Date(2023, 1, 6),
-                    createdBy: '2222-2222-2222-2222',
-                    parentId: 'case-message-005'
-                },
-                {
-                    id: 'case-message-007',
-                    subject: 'Food',
-                    name: 'Maggie Conroy',
-                    body: 'Can I eat in the hearings?',
-                    attachments: [],
-                    isHearingRelated: true,
-                    hearingDate: '10 Jan 2023',
-                    createdOn: new Date(2023, 0, 3),
-                    createdBy: '1111-1111-1111-1111'
-                },
-                {
-                    id: 'case-message-008',
-                    name: 'Maggie Conroy',
-                    body: 'Consumption of food is not allowed when a hearing is taking place.',
-                    attachments: [],
-                    isHearingRelated: true,
-                    hearingDate: '10 Jan 2023',
-                    createdOn: new Date(2023, 0, 5),
-                    createdBy: '2222-2222-2222-2222',
-                    parentId: 'case-message-007'
-                },
-                {
-                    id: 'case-message-009',
-                    subject: 'Bring relatives',
-                    name: 'Maggie Conroy',
-                    body: 'Can I bring my grandma with me so she get out from the residence?',
-                    attachments: [],
-                    isHearingRelated: true,
-                    hearingDate: '10 Jan 2023',
-                    createdOn: new Date(2023, 0, 6),
-                    createdBy: '1111-1111-1111-1111'
-                },
-                {
-                    id: 'case-message-010',
-                    name: 'Maggie Conroy',
-                    body: 'Sorry, only those required for the hearing should be present inside the court room.',
-                    attachments: [],
-                    isHearingRelated: true,
-                    hearingDate: '10 Jan 2023',
-                    createdOn: new Date(2023, 0, 7),
-                    createdBy: '2222-2222-2222-2222',
-                    parentId: 'case-message-009'
+            });
+        };
+        return CcdCollectionTableCaseFieldsFilterPipe;
+    }());
+    CcdCollectionTableCaseFieldsFilterPipe.ɵfac = function CcdCollectionTableCaseFieldsFilterPipe_Factory(t) { return new (t || CcdCollectionTableCaseFieldsFilterPipe)(); };
+    CcdCollectionTableCaseFieldsFilterPipe.ɵpipe = i0__namespace.ɵɵdefinePipe({ name: "ccdCollectionTableCaseFieldsFilter", type: CcdCollectionTableCaseFieldsFilterPipe, pure: true });
+    (function () {
+        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(CcdCollectionTableCaseFieldsFilterPipe, [{
+                type: i0.Pipe,
+                args: [{
+                        name: 'ccdCollectionTableCaseFieldsFilter'
+                    }]
+            }], null, null);
+    })();
+
+    var CcdCYAPageLabelFilterPipe = /** @class */ (function () {
+        function CcdCYAPageLabelFilterPipe() {
+            this.getNonLabelComplexFieldType = function (complexFields) { return complexFields.filter(function (caseField) { return caseField.field_type.type !== 'Label'; }); };
+        }
+        CcdCYAPageLabelFilterPipe.prototype.transform = function (caseFields) {
+            var _this = this;
+            return caseFields.map(function (caseField) {
+                if (caseField.field_type.collection_field_type &&
+                    caseField.field_type.collection_field_type.complex_fields &&
+                    caseField.field_type.collection_field_type.complex_fields.length) {
+                    caseField.field_type.collection_field_type.complex_fields = _this.transform(caseField.field_type.collection_field_type.complex_fields);
                 }
-            ]
+                if (caseField.field_type.complex_fields && caseField.field_type.complex_fields.length) {
+                    caseField.field_type.complex_fields = _this.getNonLabelComplexFieldType(caseField.field_type.complex_fields);
+                }
+                return caseField;
+            });
+        };
+        return CcdCYAPageLabelFilterPipe;
+    }());
+    CcdCYAPageLabelFilterPipe.ɵfac = function CcdCYAPageLabelFilterPipe_Factory(t) { return new (t || CcdCYAPageLabelFilterPipe)(); };
+    CcdCYAPageLabelFilterPipe.ɵpipe = i0__namespace.ɵɵdefinePipe({ name: "ccdCYAPageLabelFilter", type: CcdCYAPageLabelFilterPipe, pure: true });
+    (function () {
+        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(CcdCYAPageLabelFilterPipe, [{
+                type: i0.Pipe,
+                args: [{
+                        name: 'ccdCYAPageLabelFilter'
+                    }]
+            }], null, null);
+    })();
+
+    var ReadFieldsFilterPipe = /** @class */ (function () {
+        function ReadFieldsFilterPipe() {
         }
+        /**
+         * Complex type should have at least on simple field descendant with a value.
+         */
+        ReadFieldsFilterPipe.isValidComplex = function (field, values) {
+            values = values || {};
+            var type = field.field_type;
+            var value = ReadFieldsFilterPipe.getValue(field, values);
+            var hasChildrenWithValue = type.complex_fields.find(function (f) {
+                var willKeep = ReadFieldsFilterPipe.keepField(f, value, true);
+                return willKeep && ReadFieldsFilterPipe.evaluateConditionalShow(f, value).hidden !== true;
+            });
+            return !!hasChildrenWithValue;
+        };
+        ReadFieldsFilterPipe.isValidCollection = function (field, values) {
+            // if field is collection and it has complex/collection child field; parent field doesnt have value defined
+            if (!Array.isArray(field.value) && values && values.hasOwnProperty(field.id)) {
+                return true;
+            }
+            var isNotEmpty = Array.isArray(field.value) && field.value.length > 0;
+            if (isNotEmpty && field.field_type.collection_field_type.type === 'Complex') {
+                return !!field.value.find(function (item) {
+                    var complexField = classTransformer.plainToClassFromExist(new CaseField(), {
+                        id: field.field_type.collection_field_type.id,
+                        field_type: field.field_type.collection_field_type,
+                        value: item.value,
+                        label: null,
+                    });
+                    return ReadFieldsFilterPipe.isValidComplex(complexField);
+                });
+            }
+            return isNotEmpty;
+        };
+        ReadFieldsFilterPipe.isEmpty = function (value) {
+            return ReadFieldsFilterPipe.EMPTY_VALUES.indexOf(value) !== -1
+                || value.length === 0;
+        };
+        ReadFieldsFilterPipe.isCompound = function (field) {
+            return ReadFieldsFilterPipe.NESTED_TYPES[field.field_type.type];
+        };
+        ReadFieldsFilterPipe.isValidCompound = function (field, value) {
+            return ReadFieldsFilterPipe.isCompound(field)
+                && ReadFieldsFilterPipe.NESTED_TYPES[field.field_type.type](field, value);
+        };
+        ReadFieldsFilterPipe.keepField = function (field, value, ignoreLabels) {
+            if (ignoreLabels === void 0) { ignoreLabels = false; }
+            // We shouldn't ditch labels.
+            if (!ignoreLabels && field.field_type.type === 'Label' && (field.label || '').length > 0) {
+                return true;
+            }
+            // We also shouldn't ditch fields that will always come back with a null value.
+            if (this.ALWAYS_NULL_FIELDS.indexOf(field.field_type.type) !== -1) {
+                return true;
+            }
+            value = value || {};
+            if (ReadFieldsFilterPipe.isCompound(field)) {
+                return ReadFieldsFilterPipe.isValidCompound(field, value);
+            }
+            return !ReadFieldsFilterPipe.isEmpty(field.value)
+                || !ReadFieldsFilterPipe.isEmpty(value[field.id]);
+        };
+        ReadFieldsFilterPipe.getValue = function (field, values, index) {
+            if (ReadFieldsFilterPipe.isEmpty(field.value)) {
+                var value = void 0;
+                if (index >= 0) {
+                    value = values[index].value[field.id];
+                }
+                else {
+                    value = values[field.id];
+                }
+                return value;
+            }
+            return field.value;
+        };
+        ReadFieldsFilterPipe.evaluateConditionalShow = function (field, formValue, path, formGroupAvailable, fieldId) {
+            if (field.display_context === 'HIDDEN') {
+                field.hidden = true;
+            }
+            else if (field.show_condition) {
+                var cond = void 0;
+                if (fieldId && field.show_condition.indexOf(fieldId + ".") > -1 && !formGroupAvailable && !!Object.keys(formValue).length) {
+                    var search = fieldId + ".";
+                    var searchRegExp = new RegExp(search, 'g');
+                    var replaceWith = '';
+                    cond = ShowCondition.getInstance(field.show_condition.replace(searchRegExp, replaceWith));
+                }
+                else {
+                    cond = ShowCondition.getInstance(field.show_condition);
+                }
+                field.hidden = !cond.match(formValue, path);
+            }
+            else {
+                field.hidden = false;
+            }
+            return field;
+        };
+        /**
+         * Filter out fields having no data to display and harmonise field values coming parent's value.
+         */
+        ReadFieldsFilterPipe.prototype.transform = function (complexField, keepEmpty, index, setupHidden, formGroup, path) {
+            if (setupHidden === void 0) { setupHidden = false; }
+            if (!complexField || !complexField.field_type) {
+                return [];
+            }
+            var fields = complexField.field_type.complex_fields || [];
+            var values = complexField.value || {};
+            var checkConditionalShowAgainst = values;
+            var formGroupAvailable = false;
+            if (formGroup) {
+                checkConditionalShowAgainst = formGroup.value;
+                formGroupAvailable = true;
+            }
+            return fields
+                .map(function (f) {
+                var clone = FieldsUtils.cloneObject(f);
+                var value = ReadFieldsFilterPipe.getValue(f, values, index);
+                if (!ReadFieldsFilterPipe.isEmpty(value)) {
+                    clone.value = value;
+                }
+                return clone;
+            })
+                .map(function (f) {
+                if (!f.display_context) {
+                    f.display_context = complexField.display_context;
+                }
+                if (setupHidden) {
+                    ReadFieldsFilterPipe.evaluateConditionalShow(f, checkConditionalShowAgainst, path, formGroupAvailable, complexField.id);
+                }
+                return f;
+            })
+                .filter(function (f) { return keepEmpty || ReadFieldsFilterPipe.keepField(f); });
+        };
+        return ReadFieldsFilterPipe;
+    }());
+    ReadFieldsFilterPipe.EMPTY_VALUES = [
+        undefined,
+        null,
+        '',
+        {}
     ];
+    ReadFieldsFilterPipe.ALWAYS_NULL_FIELDS = ['CasePaymentHistoryViewer', 'WaysToPay', 'FlagLauncher', 'ComponentLauncher'];
+    ReadFieldsFilterPipe.NESTED_TYPES = {
+        Complex: ReadFieldsFilterPipe.isValidComplex,
+        Collection: ReadFieldsFilterPipe.isValidCollection
+    };
+    ReadFieldsFilterPipe.ɵfac = function ReadFieldsFilterPipe_Factory(t) { return new (t || ReadFieldsFilterPipe)(); };
+    ReadFieldsFilterPipe.ɵpipe = i0__namespace.ɵɵdefinePipe({ name: "ccdReadFieldsFilter", type: ReadFieldsFilterPipe, pure: true });
+    (function () {
+        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(ReadFieldsFilterPipe, [{
+                type: i0.Pipe,
+                args: [{
+                        name: 'ccdReadFieldsFilter'
+                    }]
+            }], null, null);
+    })();
 
-    var QueryManagementUtils = /** @class */ (function () {
-        function QueryManagementUtils() {
+    var CcdTabFieldsPipe = /** @class */ (function () {
+        function CcdTabFieldsPipe() {
         }
-        QueryManagementUtils.extractCaseQueriesFromCaseField = function () {
+        CcdTabFieldsPipe.prototype.transform = function (tab) {
+            var value = tab.fields.reduce(function (acc, field) {
+                var _a;
+                return Object.assign(Object.assign({}, acc), (_a = {}, _a[field.id] = field.value, _a));
+            }, {});
+            return classTransformer.plainToClassFromExist(new CaseField(), {
+                id: tab.id,
+                label: tab.label,
+                display_context: 'READONLY',
+                value: value,
+                field_type: {
+                    id: tab.id,
+                    type: 'Complex',
+                    complex_fields: tab.fields
+                }
+            });
         };
-        return QueryManagementUtils;
+        return CcdTabFieldsPipe;
     }());
-    QueryManagementUtils.ɵfac = function QueryManagementUtils_Factory(t) { return new (t || QueryManagementUtils)(); };
-    QueryManagementUtils.ɵprov = i0__namespace.ɵɵdefineInjectable({ token: QueryManagementUtils, factory: QueryManagementUtils.ɵfac });
+    CcdTabFieldsPipe.ɵfac = function CcdTabFieldsPipe_Factory(t) { return new (t || CcdTabFieldsPipe)(); };
+    CcdTabFieldsPipe.ɵpipe = i0__namespace.ɵɵdefinePipe({ name: "ccdTabFields", type: CcdTabFieldsPipe, pure: true });
     (function () {
-        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(QueryManagementUtils, [{
-                type: i0.Injectable
+        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(CcdTabFieldsPipe, [{
+                type: i0.Pipe,
+                args: [{
+                        name: 'ccdTabFields'
+                    }]
             }], null, null);
     })();
 
-    function ReadQueryManagementFieldComponent_ng_container_1_div_1_Template(rf, ctx) {
+    var CcdPageFieldsPipe = /** @class */ (function () {
+        function CcdPageFieldsPipe() {
+        }
+        CcdPageFieldsPipe.prototype.transform = function (page, dataFormGroup) {
+            var complexFields = Object.keys(dataFormGroup.controls['data'].controls).map(function (key) {
+                var control = dataFormGroup.controls['data'].get(key);
+                return control['caseField'];
+            }).filter(function (field) {
+                return !!page.case_fields.find(function (pcf) { return pcf.id === field.id; });
+            }).sort(function (a, b) { return a.order - b.order; });
+            var rawValue = dataFormGroup.value;
+            var value = page.case_fields.reduce(function (acc, field) {
+                var _a;
+                var fieldValue = rawValue[field.id] || field.value;
+                return Object.assign(Object.assign({}, acc), (_a = {}, _a[field.id] = fieldValue, _a));
+            }, {});
+            return classTransformer.plainToClassFromExist(new CaseField(), {
+                id: page.id,
+                label: page.label,
+                display_context: 'READONLY',
+                value: value,
+                field_type: {
+                    id: page.id,
+                    type: 'Complex',
+                    complex_fields: complexFields
+                }
+            });
+        };
+        return CcdPageFieldsPipe;
+    }());
+    CcdPageFieldsPipe.ɵfac = function CcdPageFieldsPipe_Factory(t) { return new (t || CcdPageFieldsPipe)(); };
+    CcdPageFieldsPipe.ɵpipe = i0__namespace.ɵɵdefinePipe({ name: "ccdPageFields", type: CcdPageFieldsPipe, pure: true });
+    (function () {
+        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(CcdPageFieldsPipe, [{
+                type: i0.Pipe,
+                args: [{
+                        name: 'ccdPageFields'
+                    }]
+            }], null, null);
+    })();
+
+    var EnumDisplayDescriptionPipe = /** @class */ (function () {
+        function EnumDisplayDescriptionPipe() {
+        }
+        EnumDisplayDescriptionPipe.prototype.transform = function (value) {
+            return Object.values(value);
+        };
+        return EnumDisplayDescriptionPipe;
+    }());
+    EnumDisplayDescriptionPipe.ɵfac = function EnumDisplayDescriptionPipe_Factory(t) { return new (t || EnumDisplayDescriptionPipe)(); };
+    EnumDisplayDescriptionPipe.ɵpipe = i0__namespace.ɵɵdefinePipe({ name: "enumDisplayDescription", type: EnumDisplayDescriptionPipe, pure: true });
+    (function () {
+        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(EnumDisplayDescriptionPipe, [{
+                type: i0.Pipe,
+                args: [{
+                        name: 'enumDisplayDescription'
+                    }]
+            }], null, null);
+    })();
+
+    var LinkCasesFromReasonValuePipe = /** @class */ (function () {
+        function LinkCasesFromReasonValuePipe(linkedCasesService) {
+            this.linkedCasesService = linkedCasesService;
+        }
+        LinkCasesFromReasonValuePipe.prototype.transform = function (linkFromReason) {
+            var _a, _b, _c;
+            if (linkFromReason === null || linkFromReason === void 0 ? void 0 : linkFromReason.otherDescription) {
+                var reasonCodeMapping = (_a = this.linkedCasesService.linkCaseReasons) === null || _a === void 0 ? void 0 : _a.find(function (reason) { return reason.key === linkFromReason.reasonCode; });
+                return (reasonCodeMapping === null || reasonCodeMapping === void 0 ? void 0 : reasonCodeMapping.value_en) === 'Other'
+                    ? (reasonCodeMapping === null || reasonCodeMapping === void 0 ? void 0 : reasonCodeMapping.value_en) + " - " + linkFromReason.otherDescription
+                    : reasonCodeMapping === null || reasonCodeMapping === void 0 ? void 0 : reasonCodeMapping.value_en;
+            }
+            return (_c = (_b = this.linkedCasesService.linkCaseReasons) === null || _b === void 0 ? void 0 : _b.find(function (reason) { return reason.key === linkFromReason.reasonCode; })) === null || _c === void 0 ? void 0 : _c.value_en;
+        };
+        return LinkCasesFromReasonValuePipe;
+    }());
+    LinkCasesFromReasonValuePipe.ɵfac = function LinkCasesFromReasonValuePipe_Factory(t) { return new (t || LinkCasesFromReasonValuePipe)(i0__namespace.ɵɵdirectiveInject(LinkedCasesService)); };
+    LinkCasesFromReasonValuePipe.ɵpipe = i0__namespace.ɵɵdefinePipe({ name: "ccdLinkCasesFromReasonValue", type: LinkCasesFromReasonValuePipe, pure: true });
+    (function () {
+        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(LinkCasesFromReasonValuePipe, [{
+                type: i0.Pipe,
+                args: [{
+                        name: 'ccdLinkCasesFromReasonValue'
+                    }]
+            }], function () { return [{ type: LinkedCasesService }]; }, null);
+    })();
+
+    var LinkCasesReasonValuePipe = /** @class */ (function () {
+        function LinkCasesReasonValuePipe(linkedCasesService) {
+            this.linkedCasesService = linkedCasesService;
+        }
+        LinkCasesReasonValuePipe.prototype.transform = function (linkReason) {
+            var _a, _b, _c;
+            if (linkReason === null || linkReason === void 0 ? void 0 : linkReason.OtherDescription) {
+                var reasonCodeMapping = (_a = this.linkedCasesService.linkCaseReasons) === null || _a === void 0 ? void 0 : _a.find(function (reason) { return reason.key === linkReason.Reason; });
+                return (reasonCodeMapping === null || reasonCodeMapping === void 0 ? void 0 : reasonCodeMapping.value_en) === 'Other'
+                    ? (reasonCodeMapping === null || reasonCodeMapping === void 0 ? void 0 : reasonCodeMapping.value_en) + " - " + linkReason.OtherDescription
+                    : reasonCodeMapping === null || reasonCodeMapping === void 0 ? void 0 : reasonCodeMapping.value_en;
+            }
+            return (_c = (_b = this.linkedCasesService.linkCaseReasons) === null || _b === void 0 ? void 0 : _b.find(function (reason) { return reason.key === linkReason.Reason; })) === null || _c === void 0 ? void 0 : _c.value_en;
+        };
+        return LinkCasesReasonValuePipe;
+    }());
+    LinkCasesReasonValuePipe.ɵfac = function LinkCasesReasonValuePipe_Factory(t) { return new (t || LinkCasesReasonValuePipe)(i0__namespace.ɵɵdirectiveInject(LinkedCasesService)); };
+    LinkCasesReasonValuePipe.ɵpipe = i0__namespace.ɵɵdefinePipe({ name: "ccdLinkCasesReasonValue", type: LinkCasesReasonValuePipe, pure: true });
+    (function () {
+        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(LinkCasesReasonValuePipe, [{
+                type: i0.Pipe,
+                args: [{
+                        name: 'ccdLinkCasesReasonValue'
+                    }]
+            }], function () { return [{ type: LinkedCasesService }]; }, null);
+    })();
+
+    var SortOrder;
+    (function (SortOrder) {
+        SortOrder[SortOrder["ASCENDING"] = 0] = "ASCENDING";
+        SortOrder[SortOrder["DESCENDING"] = 1] = "DESCENDING";
+        SortOrder[SortOrder["UNSORTED"] = 2] = "UNSORTED";
+    })(SortOrder || (SortOrder = {}));
+
+    var SortSearchResultPipe = /** @class */ (function () {
+        function SortSearchResultPipe() {
+        }
+        SortSearchResultPipe.prototype.transform = function (searchResults, sortParameters) {
+            if (util.isUndefined(searchResults) || util.isUndefined(sortParameters)) {
+                return searchResults;
+            }
+            return searchResults.sort(function (a, b) {
+                return sortParameters.comparator.compare(a, b)
+                    * (sortParameters.sortOrder === SortOrder.DESCENDING ? 1 : -1);
+            });
+        };
+        return SortSearchResultPipe;
+    }());
+    SortSearchResultPipe.ɵfac = function SortSearchResultPipe_Factory(t) { return new (t || SortSearchResultPipe)(); };
+    SortSearchResultPipe.ɵpipe = i0__namespace.ɵɵdefinePipe({ name: "ccdSortSearchResult", type: SortSearchResultPipe, pure: true });
+    (function () {
+        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(SortSearchResultPipe, [{
+                type: i0.Pipe,
+                args: [{
+                        name: 'ccdSortSearchResult'
+                    }]
+            }], null, null);
+    })();
+
+    var pipeDeclarations = [
+        CaseReferencePipe,
+        SortSearchResultPipe,
+        CcdCaseTitlePipe,
+        CcdCollectionTableCaseFieldsFilterPipe,
+        CcdCYAPageLabelFilterPipe,
+        ReadFieldsFilterPipe,
+        CcdTabFieldsPipe,
+        CcdPageFieldsPipe,
+        LinkCasesReasonValuePipe,
+        LinkCasesFromReasonValuePipe,
+        EnumDisplayDescriptionPipe
+    ];
+    var PipesModule = /** @class */ (function () {
+        function PipesModule() {
+        }
+        return PipesModule;
+    }());
+    PipesModule.ɵfac = function PipesModule_Factory(t) { return new (t || PipesModule)(); };
+    PipesModule.ɵmod = i0__namespace.ɵɵdefineNgModule({ type: PipesModule });
+    PipesModule.ɵinj = i0__namespace.ɵɵdefineInjector({ imports: [[
+                i2.CommonModule,
+            ]] });
+    (function () {
+        (typeof ngJitMode === "undefined" || ngJitMode) && i0__namespace.ɵɵsetNgModuleScope(PipesModule, { declarations: [CaseReferencePipe,
+                SortSearchResultPipe,
+                CcdCaseTitlePipe,
+                CcdCollectionTableCaseFieldsFilterPipe,
+                CcdCYAPageLabelFilterPipe,
+                ReadFieldsFilterPipe,
+                CcdTabFieldsPipe,
+                CcdPageFieldsPipe,
+                LinkCasesReasonValuePipe,
+                LinkCasesFromReasonValuePipe,
+                EnumDisplayDescriptionPipe], imports: [i2.CommonModule], exports: [CaseReferencePipe,
+                SortSearchResultPipe,
+                CcdCaseTitlePipe,
+                CcdCollectionTableCaseFieldsFilterPipe,
+                CcdCYAPageLabelFilterPipe,
+                ReadFieldsFilterPipe,
+                CcdTabFieldsPipe,
+                CcdPageFieldsPipe,
+                LinkCasesReasonValuePipe,
+                LinkCasesFromReasonValuePipe,
+                EnumDisplayDescriptionPipe] });
+    })();
+    (function () {
+        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(PipesModule, [{
+                type: i0.NgModule,
+                args: [{
+                        imports: [
+                            i2.CommonModule,
+                        ],
+                        declarations: __spread(pipeDeclarations),
+                        exports: __spread(pipeDeclarations)
+                    }]
+            }], null, null);
+    })();
+
+    var QueryCreateComponent = /** @class */ (function () {
+        function QueryCreateComponent() {
+        }
+        QueryCreateComponent.prototype.ngOnInit = function () {
+        };
+        return QueryCreateComponent;
+    }());
+    QueryCreateComponent.ɵfac = function QueryCreateComponent_Factory(t) { return new (t || QueryCreateComponent)(); };
+    QueryCreateComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: QueryCreateComponent, selectors: [["ccd-query-create"]], decls: 0, vars: 0, template: function QueryCreateComponent_Template(rf, ctx) { }, encapsulation: 2 });
+    (function () {
+        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(QueryCreateComponent, [{
+                type: i0.Component,
+                args: [{
+                        selector: 'ccd-query-create',
+                        templateUrl: './query-create.component.html',
+                    }]
+            }], function () { return []; }, null);
+    })();
+
+    function QueryDetailsTableComponent_ng_container_0_tr_35_Template(rf, ctx) {
         if (rf & 1) {
-            var _r5_1 = i0__namespace.ɵɵgetCurrentView();
-            i0__namespace.ɵɵelementStart(0, "div", 3);
-            i0__namespace.ɵɵelementStart(1, "ccd-query-list", 4);
-            i0__namespace.ɵɵlistener("selectedQuery", function ReadQueryManagementFieldComponent_ng_container_1_div_1_Template_ccd_query_list_selectedQuery_1_listener($event) { i0__namespace.ɵɵrestoreView(_r5_1); var ctx_r4 = i0__namespace.ɵɵnextContext(2); return ctx_r4.setQuery($event); });
+            i0__namespace.ɵɵelementStart(0, "tr", 3);
+            i0__namespace.ɵɵelementStart(1, "th", 4);
+            i0__namespace.ɵɵtext(2);
+            i0__namespace.ɵɵpipe(3, "rpxTranslate");
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(4, "td", 5);
+            i0__namespace.ɵɵtext(5);
+            i0__namespace.ɵɵpipe(6, "date");
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var singlePartyMessageGroup_r2 = i0__namespace.ɵɵnextContext().$implicit;
+            var ctx_r1 = i0__namespace.ɵɵnextContext(2);
+            i0__namespace.ɵɵadvance(2);
+            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(3, 2, "What is the date of the hearing your query related to?"));
+            i0__namespace.ɵɵadvance(3);
+            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind2(6, 4, ctx_r1.queryItem.hearingDate, "dd MMM yyyy"));
+        }
+    }
+    function QueryDetailsTableComponent_ng_container_0_div_41_Template(rf, ctx) {
+        if (rf & 1) {
+            i0__namespace.ɵɵelementStart(0, "div");
+            i0__namespace.ɵɵelementStart(1, "a", 8);
+            i0__namespace.ɵɵtext(2);
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var attachment_r3 = ctx.$implicit;
             i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("partyMessageGroup", singlePartyMessageGroup_r2);
+            i0__namespace.ɵɵproperty("href", attachment_r3._links.self.href, i0__namespace.ɵɵsanitizeUrl);
+            i0__namespace.ɵɵadvance(1);
+            i0__namespace.ɵɵtextInterpolate(attachment_r3.originalDocumentName);
         }
     }
-    function ReadQueryManagementFieldComponent_ng_container_1_Template(rf, ctx) {
+    function QueryDetailsTableComponent_ng_container_0_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementContainerStart(0);
-            i0__namespace.ɵɵtemplate(1, ReadQueryManagementFieldComponent_ng_container_1_div_1_Template, 2, 1, "div", 2);
+            i0__namespace.ɵɵelementStart(1, "table", 1);
+            i0__namespace.ɵɵpipe(2, "rpxTranslate");
+            i0__namespace.ɵɵelementStart(3, "tbody", 2);
+            i0__namespace.ɵɵelementStart(4, "tr", 3);
+            i0__namespace.ɵɵelementStart(5, "th", 4);
+            i0__namespace.ɵɵtext(6);
+            i0__namespace.ɵɵpipe(7, "rpxTranslate");
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(8, "td", 5);
+            i0__namespace.ɵɵtext(9);
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(10, "tr", 3);
+            i0__namespace.ɵɵelementStart(11, "th", 4);
+            i0__namespace.ɵɵtext(12);
+            i0__namespace.ɵɵpipe(13, "rpxTranslate");
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(14, "td", 5);
+            i0__namespace.ɵɵtext(15);
+            i0__namespace.ɵɵpipe(16, "date");
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(17, "tr", 3);
+            i0__namespace.ɵɵelementStart(18, "th", 4);
+            i0__namespace.ɵɵtext(19);
+            i0__namespace.ɵɵpipe(20, "rpxTranslate");
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(21, "td", 5);
+            i0__namespace.ɵɵtext(22);
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(23, "tr", 3);
+            i0__namespace.ɵɵelementStart(24, "th", 4);
+            i0__namespace.ɵɵtext(25);
+            i0__namespace.ɵɵpipe(26, "rpxTranslate");
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(27, "td", 5);
+            i0__namespace.ɵɵtext(28);
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(29, "tr", 3);
+            i0__namespace.ɵɵelementStart(30, "th", 4);
+            i0__namespace.ɵɵtext(31);
+            i0__namespace.ɵɵpipe(32, "rpxTranslate");
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(33, "td", 5);
+            i0__namespace.ɵɵtext(34);
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵtemplate(35, QueryDetailsTableComponent_ng_container_0_tr_35_Template, 7, 7, "tr", 6);
+            i0__namespace.ɵɵelementStart(36, "tr", 3);
+            i0__namespace.ɵɵelementStart(37, "th", 4);
+            i0__namespace.ɵɵtext(38);
+            i0__namespace.ɵɵpipe(39, "rpxTranslate");
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(40, "td", 5);
+            i0__namespace.ɵɵtemplate(41, QueryDetailsTableComponent_ng_container_0_div_41_Template, 3, 2, "div", 7);
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementContainerEnd();
         }
         if (rf & 2) {
             var ctx_r0 = i0__namespace.ɵɵnextContext();
             i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("ngIf", ctx_r0.showQueryList);
+            i0__namespace.ɵɵattribute("aria-describedby", i0__namespace.ɵɵpipeBind1(2, 14, "Details of the query"));
+            i0__namespace.ɵɵadvance(5);
+            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(7, 16, "Last submitted by"));
+            i0__namespace.ɵɵadvance(3);
+            i0__namespace.ɵɵtextInterpolate(ctx_r0.queryItem.lastSubmittedBy);
+            i0__namespace.ɵɵadvance(3);
+            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(13, 18, "Submission date"));
+            i0__namespace.ɵɵadvance(3);
+            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind2(16, 20, ctx_r0.queryItem.createdOn, "dd MMM yyyy"));
+            i0__namespace.ɵɵadvance(4);
+            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(20, 23, "Query subject"));
+            i0__namespace.ɵɵadvance(3);
+            i0__namespace.ɵɵtextInterpolate(ctx_r0.queryItem.subject);
+            i0__namespace.ɵɵadvance(3);
+            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(26, 25, "Query body"));
+            i0__namespace.ɵɵadvance(3);
+            i0__namespace.ɵɵtextInterpolate(ctx_r0.queryItem.body);
+            i0__namespace.ɵɵadvance(3);
+            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(32, 27, "Is the query hearing related?"));
+            i0__namespace.ɵɵadvance(3);
+            i0__namespace.ɵɵtextInterpolate(ctx_r0.queryItem.isHearingRelated ? "Yes" : "No");
+            i0__namespace.ɵɵadvance(1);
+            i0__namespace.ɵɵproperty("ngIf", ctx_r0.queryItem.isHearingRelated);
+            i0__namespace.ɵɵadvance(3);
+            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(39, 29, "Attachments"));
+            i0__namespace.ɵɵadvance(3);
+            i0__namespace.ɵɵproperty("ngForOf", ctx_r0.queryItem.attachments);
         }
     }
-    function ReadQueryManagementFieldComponent_ccd_query_details_2_Template(rf, ctx) {
+    var QueryDetailsTableComponent = /** @class */ (function () {
+        function QueryDetailsTableComponent() {
+        }
+        return QueryDetailsTableComponent;
+    }());
+    QueryDetailsTableComponent.ɵfac = function QueryDetailsTableComponent_Factory(t) { return new (t || QueryDetailsTableComponent)(); };
+    QueryDetailsTableComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: QueryDetailsTableComponent, selectors: [["ccd-query-details-table"]], inputs: { queryItem: "queryItem" }, decls: 1, vars: 1, consts: [[4, "ngIf"], [1, "govuk-table", "query-details-table"], [1, "govuk-table__body"], [1, "govuk-table__row"], ["scope", "row", 1, "govuk-table__header"], [1, "govuk-table__cell"], ["class", "govuk-table__row", 4, "ngIf"], [4, "ngFor", "ngForOf"], ["target", "_blank", 3, "href"]], template: function QueryDetailsTableComponent_Template(rf, ctx) {
+            if (rf & 1) {
+                i0__namespace.ɵɵtemplate(0, QueryDetailsTableComponent_ng_container_0_Template, 42, 31, "ng-container", 0);
+            }
+            if (rf & 2) {
+                i0__namespace.ɵɵproperty("ngIf", ctx.queryItem);
+            }
+        }, directives: [i2__namespace.NgIf, i2__namespace.NgForOf], pipes: [i1__namespace.RpxTranslatePipe, i2__namespace.DatePipe], styles: [".query-details-table[_ngcontent-%COMP%]   .govuk-table__header[_ngcontent-%COMP%]{width:330px}"] });
+    (function () {
+        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(QueryDetailsTableComponent, [{
+                type: i0.Component,
+                args: [{
+                        selector: 'ccd-query-details-table',
+                        templateUrl: './query-details-table.component.html',
+                        styleUrls: ['./query-details-table.component.scss']
+                    }]
+            }], null, { queryItem: [{
+                    type: i0.Input
+                }] });
+    })();
+
+    function QueryDetailsComponent_ng_container_0_Template(rf, ctx) {
         if (rf & 1) {
-            var _r8_1 = i0__namespace.ɵɵgetCurrentView();
-            i0__namespace.ɵɵelementStart(0, "ccd-query-details", 5);
-            i0__namespace.ɵɵlistener("backClicked", function ReadQueryManagementFieldComponent_ccd_query_details_2_Template_ccd_query_details_backClicked_0_listener() { i0__namespace.ɵɵrestoreView(_r8_1); var ctx_r7 = i0__namespace.ɵɵnextContext(); return ctx_r7.showQueryList = true; });
+            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_r1 = i0__namespace.ɵɵnextContext();
-            i0__namespace.ɵɵproperty("query", ctx_r1.query);
+            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 ReadQueryManagementFieldComponent = /** @class */ (function (_super) {
-        __extends(ReadQueryManagementFieldComponent, _super);
-        function ReadQueryManagementFieldComponent(route) {
-            var _this = _super.call(this) || this;
-            _this.route = route;
-            _this.showQueryList = true;
-            return _this;
+    var QueryDetailsComponent = /** @class */ (function () {
+        function QueryDetailsComponent() {
+            this.backClicked = new i0.EventEmitter();
         }
-        ReadQueryManagementFieldComponent.prototype.ngOnInit = function () {
-            if (this.context === exports.PaletteContext.DEFAULT) {
-                // EUI-8303 Using mock data until CCD is ready with the API and data contract
-                this.partyMessagesGroups = partyMessagesMockData;
-                // TODO: Actual implementation once the CCD API and data contract is available
-                // Each parties will have a separate collection of party messages
-                // Find whether queries tab is available in the case data
-                var queriesTab = this.route.snapshot.data.case.tabs
-                    .filter(function (tab) { return tab.fields && tab.fields
-                    .some(function (caseField) { return caseField.id === 'QueryManagement'; }); });
-                // Loop through the list of parties and their case queries collections
-                QueryManagementUtils.extractCaseQueriesFromCaseField();
-            }
-        };
-        ReadQueryManagementFieldComponent.prototype.setQuery = function (query) {
-            this.showQueryList = false;
-            this.query = query;
+        QueryDetailsComponent.prototype.onBack = function () {
+            this.backClicked.emit(true);
         };
-        return ReadQueryManagementFieldComponent;
-    }(AbstractFieldReadComponent));
-    ReadQueryManagementFieldComponent.ɵfac = function ReadQueryManagementFieldComponent_Factory(t) { return new (t || ReadQueryManagementFieldComponent)(i0__namespace.ɵɵdirectiveInject(i1__namespace$1.ActivatedRoute)); };
-    ReadQueryManagementFieldComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: ReadQueryManagementFieldComponent, selectors: [["ccd-read-query-management-field"]], features: [i0__namespace.ɵɵInheritDefinitionFeature], decls: 3, vars: 2, consts: [[4, "ngFor", "ngForOf"], [3, "query", "backClicked", 4, "ngIf"], ["class", "govuk-!-margin-top-8 govuk-!-margin-bottom-8", 4, "ngIf"], [1, "govuk-!-margin-top-8", "govuk-!-margin-bottom-8"], [3, "partyMessageGroup", "selectedQuery"], [3, "query", "backClicked"]], template: function ReadQueryManagementFieldComponent_Template(rf, ctx) {
+        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.ɵɵelementContainerStart(0);
-                i0__namespace.ɵɵtemplate(1, ReadQueryManagementFieldComponent_ng_container_1_Template, 2, 1, "ng-container", 0);
-                i0__namespace.ɵɵtemplate(2, ReadQueryManagementFieldComponent_ccd_query_details_2_Template, 1, 1, "ccd-query-details", 1);
-                i0__namespace.ɵɵelementContainerEnd();
+                i0__namespace.ɵɵtemplate(0, QueryDetailsComponent_ng_container_0_Template, 10, 7, "ng-container", 0);
             }
             if (rf & 2) {
-                i0__namespace.ɵɵadvance(1);
-                i0__namespace.ɵɵproperty("ngForOf", ctx.partyMessagesGroups);
-                i0__namespace.ɵɵadvance(1);
-                i0__namespace.ɵɵproperty("ngIf", !ctx.showQueryList);
+                i0__namespace.ɵɵproperty("ngIf", ctx.query);
             }
-        }, encapsulation: 2 });
+        }, 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(ReadQueryManagementFieldComponent, [{
+        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(QueryDetailsComponent, [{
                 type: i0.Component,
                 args: [{
-                        selector: 'ccd-read-query-management-field',
-                        templateUrl: './read-query-management-field.component.html',
+                        selector: 'ccd-query-details',
+                        templateUrl: './query-details.component.html',
+                        styleUrls: ['./query-details.component.scss']
                     }]
-            }], function () { return [{ type: i1__namespace$1.ActivatedRoute }]; }, null);
+            }], null, { query: [{
+                    type: i0.Input
+                }], backClicked: [{
+                    type: i0.Output
+                }] });
     })();
 
     var QueryListItem = /** @class */ (function () {
@@ -20456,6 +20954,417 @@
         QueryListResponseStatus["RESPONDED"] = "Responded";
     })(QueryListResponseStatus || (QueryListResponseStatus = {}));
 
+    function QueryListComponent_ng_container_0_th_7_Template(rf, ctx) {
+        if (rf & 1) {
+            var _r5_1 = i0__namespace.ɵɵgetCurrentView();
+            i0__namespace.ɵɵelementStart(0, "th", 8);
+            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 ctx_r1 = i0__namespace.ɵɵnextContext(2);
+            i0__namespace.ɵɵadvance(1);
+            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 _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(_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();
+            i0__namespace.ɵɵelementStart(4, "td", 12);
+            i0__namespace.ɵɵtext(5);
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(6, "td", 12);
+            i0__namespace.ɵɵtext(7);
+            i0__namespace.ɵɵpipe(8, "date");
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(9, "td", 12);
+            i0__namespace.ɵɵtext(10);
+            i0__namespace.ɵɵpipe(11, "date");
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(12, "td", 12);
+            i0__namespace.ɵɵtext(13);
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var message_r6 = ctx.$implicit;
+            i0__namespace.ɵɵadvance(3);
+            i0__namespace.ɵɵtextInterpolate(message_r6.subject);
+            i0__namespace.ɵɵadvance(2);
+            i0__namespace.ɵɵtextInterpolate(message_r6.lastSubmittedBy);
+            i0__namespace.ɵɵadvance(2);
+            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_r6.lastResponseDate, "dd MMM YYYY"));
+            i0__namespace.ɵɵadvance(3);
+            i0__namespace.ɵɵtextInterpolate(message_r6.lastResponseBy);
+        }
+    }
+    function QueryListComponent_ng_container_0_Template(rf, ctx) {
+        if (rf & 1) {
+            i0__namespace.ɵɵelementContainerStart(0);
+            i0__namespace.ɵɵelementStart(1, "table", 1);
+            i0__namespace.ɵɵelementStart(2, "caption", 2);
+            i0__namespace.ɵɵelementStart(3, "div");
+            i0__namespace.ɵɵtext(4);
+            i0__namespace.ɵɵelementEnd();
+            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, 4, "th", 5);
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(8, "tbody", 6);
+            i0__namespace.ɵɵtemplate(9, QueryListComponent_ng_container_0_tr_9_Template, 14, 11, "tr", 7);
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementContainerEnd();
+        }
+        if (rf & 2) {
+            var ctx_r0 = i0__namespace.ɵɵnextContext();
+            i0__namespace.ɵɵadvance(4);
+            i0__namespace.ɵɵtextInterpolate(ctx_r0.queryListData.partyName);
+            i0__namespace.ɵɵadvance(3);
+            i0__namespace.ɵɵproperty("ngForOf", ctx_r0.displayedColumns);
+            i0__namespace.ɵɵadvance(2);
+            i0__namespace.ɵɵproperty("ngForOf", ctx_r0.queryListData.partyMessages);
+        }
+    }
+    var QueryListComponent = /** @class */ (function () {
+        function QueryListComponent() {
+            this.selectedQuery = new i0.EventEmitter();
+            this.displayedColumns = [
+                { 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 },
+                { name: 'lastResponseBy', displayName: 'Response by', sortOrder: SortOrder.UNSORTED }
+            ];
+        }
+        QueryListComponent.prototype.ngOnChanges = function (simpleChanges) {
+            var _a;
+            var currentPartyMessageGroup = (_a = simpleChanges.partyMessageGroup) === null || _a === void 0 ? void 0 : _a.currentValue;
+            if (currentPartyMessageGroup) {
+                this.queryListData = new QueryListData(currentPartyMessageGroup);
+            }
+        };
+        QueryListComponent.prototype.sortTable = function (col) {
+            switch (col.displayName) {
+                case 'Last submission date':
+                case 'Last response date': {
+                    this.sortDate(col);
+                    break;
+                }
+                default: {
+                    this.sort(col);
+                    break;
+                }
+            }
+        };
+        QueryListComponent.prototype.sortWidget = function (col) {
+            switch (col.sortOrder) {
+                case SortOrder.ASCENDING: {
+                    return '▲';
+                }
+                default: {
+                    return '▼';
+                }
+            }
+        };
+        QueryListComponent.prototype.showDetails = function (query) {
+            this.selectedQuery.emit(query);
+        };
+        QueryListComponent.prototype.sort = function (col) {
+            if (col.sortOrder === SortOrder.ASCENDING) {
+                this.queryListData.partyMessages.sort(function (a, b) { return (a[col.name] < b[col.name]) ? 1 : -1; });
+                this.displayedColumns.forEach(function (c) { return c.sortOrder = SortOrder.UNSORTED; });
+                col.sortOrder = SortOrder.DESCENDING;
+            }
+            else {
+                this.queryListData.partyMessages.sort(function (a, b) { return (a[col.name] > b[col.name]) ? 1 : -1; });
+                this.displayedColumns.forEach(function (c) { return c.sortOrder = SortOrder.UNSORTED; });
+                col.sortOrder = SortOrder.ASCENDING;
+            }
+        };
+        QueryListComponent.prototype.sortDate = function (col) {
+            if (col.sortOrder === SortOrder.ASCENDING) {
+                this.queryListData.partyMessages.sort(function (a, b) { return b[col.name] - a[col.name]; });
+                this.displayedColumns.forEach(function (c) { return c.sortOrder = SortOrder.UNSORTED; });
+                col.sortOrder = SortOrder.DESCENDING;
+            }
+            else {
+                this.queryListData.partyMessages.sort(function (a, b) { return a[col.name] - b[col.name]; });
+                this.displayedColumns.forEach(function (c) { return c.sortOrder = SortOrder.UNSORTED; });
+                col.sortOrder = SortOrder.ASCENDING;
+            }
+        };
+        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"], ["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: [i2__namespace.NgIf, i2__namespace.NgForOf], pipes: [i1__namespace.RpxTranslatePipe, i2__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,
+                args: [{
+                        selector: 'ccd-query-list',
+                        templateUrl: './query-list.component.html',
+                        styleUrls: ['./query-list.component.scss']
+                    }]
+            }], null, { partyMessageGroup: [{
+                    type: i0.Input
+                }], selectedQuery: [{
+                    type: i0.Output
+                }] });
+    })();
+
+    var partyMessagesMockData = [
+        {
+            partyName: 'John Smith - Appellant',
+            roleOnCase: null,
+            partyMessages: [
+                {
+                    id: 'case-message-001',
+                    subject: 'Review attached document',
+                    name: 'Maggie Conroy',
+                    body: 'Please review attached document and advise if hearing should proceed?',
+                    attachments: [
+                        {
+                            _links: {
+                                self: { href: '/' },
+                                binary: { href: '/' },
+                            },
+                            originalDocumentName: 'documentName.pdf',
+                        }
+                    ],
+                    isHearingRelated: true,
+                    hearingDate: '10 Jan 2023',
+                    createdOn: new Date(2023, 0, 3),
+                    createdBy: '1111-1111-1111-1111'
+                },
+                {
+                    id: 'case-message-002',
+                    subject: 'Games',
+                    name: 'Maggie Conroy',
+                    body: 'Can I play games in my phone when my solicitor is talking?',
+                    attachments: [],
+                    isHearingRelated: true,
+                    hearingDate: '10 Jan 2023',
+                    createdOn: new Date(2023, 0, 3),
+                    createdBy: '1111-1111-1111-1111'
+                },
+                {
+                    id: 'case-message-003',
+                    name: 'Maggie Conroy',
+                    body: 'Using mobile phone is strictly prohibited in the court room.',
+                    attachments: [],
+                    isHearingRelated: true,
+                    hearingDate: '10 Jan 2023',
+                    createdOn: new Date(2023, 0, 4),
+                    createdBy: '2222-2222-2222-2222',
+                    parentId: 'case-message-002'
+                }
+            ]
+        },
+        {
+            partyName: 'Kevin Peterson - Respondent',
+            roleOnCase: null,
+            partyMessages: [
+                {
+                    id: 'case-message-005',
+                    subject: 'Add respondent detention order',
+                    name: 'Maggie Conroy',
+                    body: 'Please add respondent detention order to the file XX20230423-DX.',
+                    attachments: [],
+                    isHearingRelated: false,
+                    createdOn: new Date(2023, 1, 5),
+                    createdBy: '1111-1111-1111-1111'
+                },
+                {
+                    id: 'case-message-006',
+                    name: 'Maggie Conroy',
+                    body: 'I confirm that the respondent detention order is now added to the file XX20230423-DX.',
+                    attachments: [],
+                    isHearingRelated: false,
+                    createdOn: new Date(2023, 1, 6),
+                    createdBy: '2222-2222-2222-2222',
+                    parentId: 'case-message-005'
+                },
+                {
+                    id: 'case-message-007',
+                    subject: 'Food',
+                    name: 'Maggie Conroy',
+                    body: 'Can I eat in the hearings?',
+                    attachments: [],
+                    isHearingRelated: true,
+                    hearingDate: '10 Jan 2023',
+                    createdOn: new Date(2023, 0, 3),
+                    createdBy: '1111-1111-1111-1111'
+                },
+                {
+                    id: 'case-message-008',
+                    name: 'Maggie Conroy',
+                    body: 'Consumption of food is not allowed when a hearing is taking place.',
+                    attachments: [],
+                    isHearingRelated: true,
+                    hearingDate: '10 Jan 2023',
+                    createdOn: new Date(2023, 0, 5),
+                    createdBy: '2222-2222-2222-2222',
+                    parentId: 'case-message-007'
+                },
+                {
+                    id: 'case-message-009',
+                    subject: 'Bring relatives',
+                    name: 'Maggie Conroy',
+                    body: 'Can I bring my grandma with me so she get out from the residence?',
+                    attachments: [],
+                    isHearingRelated: true,
+                    hearingDate: '10 Jan 2023',
+                    createdOn: new Date(2023, 0, 6),
+                    createdBy: '1111-1111-1111-1111'
+                },
+                {
+                    id: 'case-message-010',
+                    name: 'Maggie Conroy',
+                    body: 'Sorry, only those required for the hearing should be present inside the court room.',
+                    attachments: [],
+                    isHearingRelated: true,
+                    hearingDate: '10 Jan 2023',
+                    createdOn: new Date(2023, 0, 7),
+                    createdBy: '2222-2222-2222-2222',
+                    parentId: 'case-message-009'
+                }
+            ]
+        }
+    ];
+
+    var QueryManagementUtils = /** @class */ (function () {
+        function QueryManagementUtils() {
+        }
+        QueryManagementUtils.extractCaseQueriesFromCaseField = function () {
+        };
+        return QueryManagementUtils;
+    }());
+    QueryManagementUtils.ɵfac = function QueryManagementUtils_Factory(t) { return new (t || QueryManagementUtils)(); };
+    QueryManagementUtils.ɵprov = i0__namespace.ɵɵdefineInjectable({ token: QueryManagementUtils, factory: QueryManagementUtils.ɵfac });
+    (function () {
+        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(QueryManagementUtils, [{
+                type: i0.Injectable
+            }], null, null);
+    })();
+
+    function ReadQueryManagementFieldComponent_ng_container_1_div_1_Template(rf, ctx) {
+        if (rf & 1) {
+            var _r5_1 = i0__namespace.ɵɵgetCurrentView();
+            i0__namespace.ɵɵelementStart(0, "div", 3);
+            i0__namespace.ɵɵelementStart(1, "ccd-query-list", 4);
+            i0__namespace.ɵɵlistener("selectedQuery", function ReadQueryManagementFieldComponent_ng_container_1_div_1_Template_ccd_query_list_selectedQuery_1_listener($event) { i0__namespace.ɵɵrestoreView(_r5_1); var ctx_r4 = i0__namespace.ɵɵnextContext(2); return ctx_r4.setQuery($event); });
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var singlePartyMessageGroup_r2 = i0__namespace.ɵɵnextContext().$implicit;
+            i0__namespace.ɵɵadvance(1);
+            i0__namespace.ɵɵproperty("partyMessageGroup", singlePartyMessageGroup_r2);
+        }
+    }
+    function ReadQueryManagementFieldComponent_ng_container_1_Template(rf, ctx) {
+        if (rf & 1) {
+            i0__namespace.ɵɵelementContainerStart(0);
+            i0__namespace.ɵɵtemplate(1, ReadQueryManagementFieldComponent_ng_container_1_div_1_Template, 2, 1, "div", 2);
+            i0__namespace.ɵɵelementContainerEnd();
+        }
+        if (rf & 2) {
+            var ctx_r0 = i0__namespace.ɵɵnextContext();
+            i0__namespace.ɵɵadvance(1);
+            i0__namespace.ɵɵproperty("ngIf", ctx_r0.showQueryList);
+        }
+    }
+    function ReadQueryManagementFieldComponent_ccd_query_details_2_Template(rf, ctx) {
+        if (rf & 1) {
+            var _r8_1 = i0__namespace.ɵɵgetCurrentView();
+            i0__namespace.ɵɵelementStart(0, "ccd-query-details", 5);
+            i0__namespace.ɵɵlistener("backClicked", function ReadQueryManagementFieldComponent_ccd_query_details_2_Template_ccd_query_details_backClicked_0_listener() { i0__namespace.ɵɵrestoreView(_r8_1); var ctx_r7 = i0__namespace.ɵɵnextContext(); return ctx_r7.showQueryList = true; });
+            i0__namespace.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var ctx_r1 = i0__namespace.ɵɵnextContext();
+            i0__namespace.ɵɵproperty("query", ctx_r1.query);
+        }
+    }
+    var ReadQueryManagementFieldComponent = /** @class */ (function (_super) {
+        __extends(ReadQueryManagementFieldComponent, _super);
+        function ReadQueryManagementFieldComponent(route) {
+            var _this = _super.call(this) || this;
+            _this.route = route;
+            _this.showQueryList = true;
+            return _this;
+        }
+        ReadQueryManagementFieldComponent.prototype.ngOnInit = function () {
+            if (this.context === exports.PaletteContext.DEFAULT) {
+                // EUI-8303 Using mock data until CCD is ready with the API and data contract
+                this.partyMessagesGroups = partyMessagesMockData;
+                // TODO: Actual implementation once the CCD API and data contract is available
+                // Each parties will have a separate collection of party messages
+                // Find whether queries tab is available in the case data
+                var queriesTab = this.route.snapshot.data.case.tabs
+                    .filter(function (tab) { return tab.fields && tab.fields
+                    .some(function (caseField) { return caseField.id === 'QueryManagement'; }); });
+                // Loop through the list of parties and their case queries collections
+                QueryManagementUtils.extractCaseQueriesFromCaseField();
+            }
+        };
+        ReadQueryManagementFieldComponent.prototype.setQuery = function (query) {
+            this.showQueryList = false;
+            this.query = query;
+        };
+        return ReadQueryManagementFieldComponent;
+    }(AbstractFieldReadComponent));
+    ReadQueryManagementFieldComponent.ɵfac = function ReadQueryManagementFieldComponent_Factory(t) { return new (t || ReadQueryManagementFieldComponent)(i0__namespace.ɵɵdirectiveInject(i1__namespace$1.ActivatedRoute)); };
+    ReadQueryManagementFieldComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: ReadQueryManagementFieldComponent, selectors: [["ccd-read-query-management-field"]], features: [i0__namespace.ɵɵInheritDefinitionFeature], decls: 3, vars: 2, consts: [[4, "ngFor", "ngForOf"], [3, "query", "backClicked", 4, "ngIf"], ["class", "govuk-!-margin-top-8 govuk-!-margin-bottom-8", 4, "ngIf"], [1, "govuk-!-margin-top-8", "govuk-!-margin-bottom-8"], [3, "partyMessageGroup", "selectedQuery"], [3, "query", "backClicked"]], template: function ReadQueryManagementFieldComponent_Template(rf, ctx) {
+            if (rf & 1) {
+                i0__namespace.ɵɵelementContainerStart(0);
+                i0__namespace.ɵɵtemplate(1, ReadQueryManagementFieldComponent_ng_container_1_Template, 2, 1, "ng-container", 0);
+                i0__namespace.ɵɵtemplate(2, ReadQueryManagementFieldComponent_ccd_query_details_2_Template, 1, 1, "ccd-query-details", 1);
+                i0__namespace.ɵɵelementContainerEnd();
+            }
+            if (rf & 2) {
+                i0__namespace.ɵɵadvance(1);
+                i0__namespace.ɵɵproperty("ngForOf", ctx.partyMessagesGroups);
+                i0__namespace.ɵɵadvance(1);
+                i0__namespace.ɵɵproperty("ngIf", !ctx.showQueryList);
+            }
+        }, encapsulation: 2 });
+    (function () {
+        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(ReadQueryManagementFieldComponent, [{
+                type: i0.Component,
+                args: [{
+                        selector: 'ccd-read-query-management-field',
+                        templateUrl: './read-query-management-field.component.html',
+                    }]
+            }], function () { return [{ type: i1__namespace$1.ActivatedRoute }]; }, null);
+    })();
+
     function WriteQueryManagementFieldComponent_p_28_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "p", 25);
@@ -20659,6 +21568,59 @@
             }], function () { return []; }, null);
     })();
 
+    var QueryManagementModule = /** @class */ (function () {
+        function QueryManagementModule() {
+        }
+        return QueryManagementModule;
+    }());
+    QueryManagementModule.ɵfac = function QueryManagementModule_Factory(t) { return new (t || QueryManagementModule)(); };
+    QueryManagementModule.ɵmod = i0__namespace.ɵɵdefineNgModule({ type: QueryManagementModule });
+    QueryManagementModule.ɵinj = i0__namespace.ɵɵdefineInjector({ imports: [[
+                i2.CommonModule,
+                i3.ReactiveFormsModule,
+                i1.RpxTranslationModule.forChild(),
+                PipesModule
+            ]] });
+    (function () {
+        (typeof ngJitMode === "undefined" || ngJitMode) && i0__namespace.ɵɵsetNgModuleScope(QueryManagementModule, { declarations: [ReadQueryManagementFieldComponent,
+                WriteQueryManagementFieldComponent,
+                QueryDetailsComponent,
+                QueryCreateComponent,
+                QueryListComponent,
+                QueryDetailsTableComponent], imports: [i2.CommonModule,
+                i3.ReactiveFormsModule, i1__namespace.RpxTranslationModule, PipesModule], exports: [ReadQueryManagementFieldComponent,
+                WriteQueryManagementFieldComponent] });
+    })();
+    (function () {
+        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(QueryManagementModule, [{
+                type: i0.NgModule,
+                args: [{
+                        declarations: [
+                            ReadQueryManagementFieldComponent,
+                            WriteQueryManagementFieldComponent,
+                            QueryDetailsComponent,
+                            QueryCreateComponent,
+                            QueryListComponent,
+                            QueryDetailsTableComponent,
+                        ],
+                        imports: [
+                            i2.CommonModule,
+                            i3.ReactiveFormsModule,
+                            i1.RpxTranslationModule.forChild(),
+                            PipesModule
+                        ],
+                        exports: [
+                            ReadQueryManagementFieldComponent,
+                            WriteQueryManagementFieldComponent
+                        ],
+                    }]
+            }], null, null);
+    })();
+    i0__namespace.ɵɵsetComponentScope(ReadQueryManagementFieldComponent, [i2__namespace.NgForOf, i2__namespace.NgIf, QueryListComponent,
+        QueryDetailsComponent], []);
+    i0__namespace.ɵɵsetComponentScope(WriteQueryManagementFieldComponent, [QueryDetailsTableComponent, i3__namespace.NgControlStatusGroup, i3__namespace.FormGroupDirective, i2__namespace.NgIf, i3__namespace.DefaultValueAccessor, i3__namespace.NgControlStatus, i3__namespace.FormControlName], [i1__namespace.RpxTranslatePipe, CaseReferencePipe]);
+    i0__namespace.ɵɵsetComponentScope(QueryDetailsComponent, [i2__namespace.NgIf, QueryDetailsTableComponent], [i1__namespace.RpxTranslatePipe]);
+
     var ReadTextAreaFieldComponent = /** @class */ (function (_super) {
         __extends(ReadTextAreaFieldComponent, _super);
         function ReadTextAreaFieldComponent() {
@@ -25786,13 +26748,6 @@
                 }] });
     })();
 
-    var SortOrder;
-    (function (SortOrder) {
-        SortOrder[SortOrder["ASCENDING"] = 0] = "ASCENDING";
-        SortOrder[SortOrder["DESCENDING"] = 1] = "DESCENDING";
-        SortOrder[SortOrder["UNSORTED"] = 2] = "UNSORTED";
-    })(SortOrder || (SortOrder = {}));
-
     function ReadComplexFieldCollectionTableComponent_th_10_Template(rf, ctx) {
         if (rf & 1) {
             var _r4_1 = i0__namespace.ɵɵgetCurrentView();
@@ -27759,482 +28714,6 @@
             }], null, null);
     })();
 
-    var CcdCaseTitlePipe = /** @class */ (function () {
-        function CcdCaseTitlePipe(placeholderService, fieldsUtils) {
-            this.placeholderService = placeholderService;
-            this.fieldsUtils = fieldsUtils;
-        }
-        CcdCaseTitlePipe.prototype.transform = function (caseTitle, caseFields, values) {
-            var caseFieldValues = this.getReadOnlyAndFormFields(values, caseFields);
-            var result = this.placeholderService.resolvePlaceholders(caseFieldValues, caseTitle);
-            return result;
-        };
-        CcdCaseTitlePipe.prototype.getReadOnlyAndFormFields = function (formGroup, caseFields) {
-            return this.fieldsUtils.mergeLabelCaseFieldsAndFormFields(caseFields, formGroup.getRawValue());
-        };
-        return CcdCaseTitlePipe;
-    }());
-    CcdCaseTitlePipe.ɵfac = function CcdCaseTitlePipe_Factory(t) { return new (t || CcdCaseTitlePipe)(i0__namespace.ɵɵdirectiveInject(exports.PlaceholderService), i0__namespace.ɵɵdirectiveInject(FieldsUtils)); };
-    CcdCaseTitlePipe.ɵpipe = i0__namespace.ɵɵdefinePipe({ name: "ccdCaseTitle", type: CcdCaseTitlePipe, pure: true });
-    (function () {
-        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(CcdCaseTitlePipe, [{
-                type: i0.Pipe,
-                args: [{
-                        name: 'ccdCaseTitle'
-                    }]
-            }], function () { return [{ type: exports.PlaceholderService }, { type: FieldsUtils }]; }, null);
-    })();
-
-    var CcdCollectionTableCaseFieldsFilterPipe = /** @class */ (function () {
-        function CcdCollectionTableCaseFieldsFilterPipe() {
-        }
-        CcdCollectionTableCaseFieldsFilterPipe.prototype.transform = function (objs, caseField, value) {
-            var fields = objs.map(function (obj) { return (Object.assign(Object.assign({}, obj.value.caseField), { type: obj.value.type.type ? obj.value.type.type : obj.value.type })); });
-            return classTransformer.plainToClassFromExist(new CaseField(), {
-                id: caseField ? caseField.id : '',
-                label: caseField ? caseField.label : '',
-                display_context: 'READONLY',
-                value: value,
-                field_type: {
-                    id: caseField ? caseField.id : '',
-                    type: 'Complex',
-                    complex_fields: fields,
-                }
-            });
-        };
-        return CcdCollectionTableCaseFieldsFilterPipe;
-    }());
-    CcdCollectionTableCaseFieldsFilterPipe.ɵfac = function CcdCollectionTableCaseFieldsFilterPipe_Factory(t) { return new (t || CcdCollectionTableCaseFieldsFilterPipe)(); };
-    CcdCollectionTableCaseFieldsFilterPipe.ɵpipe = i0__namespace.ɵɵdefinePipe({ name: "ccdCollectionTableCaseFieldsFilter", type: CcdCollectionTableCaseFieldsFilterPipe, pure: true });
-    (function () {
-        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(CcdCollectionTableCaseFieldsFilterPipe, [{
-                type: i0.Pipe,
-                args: [{
-                        name: 'ccdCollectionTableCaseFieldsFilter'
-                    }]
-            }], null, null);
-    })();
-
-    var CcdCYAPageLabelFilterPipe = /** @class */ (function () {
-        function CcdCYAPageLabelFilterPipe() {
-            this.getNonLabelComplexFieldType = function (complexFields) { return complexFields.filter(function (caseField) { return caseField.field_type.type !== 'Label'; }); };
-        }
-        CcdCYAPageLabelFilterPipe.prototype.transform = function (caseFields) {
-            var _this = this;
-            return caseFields.map(function (caseField) {
-                if (caseField.field_type.collection_field_type &&
-                    caseField.field_type.collection_field_type.complex_fields &&
-                    caseField.field_type.collection_field_type.complex_fields.length) {
-                    caseField.field_type.collection_field_type.complex_fields = _this.transform(caseField.field_type.collection_field_type.complex_fields);
-                }
-                if (caseField.field_type.complex_fields && caseField.field_type.complex_fields.length) {
-                    caseField.field_type.complex_fields = _this.getNonLabelComplexFieldType(caseField.field_type.complex_fields);
-                }
-                return caseField;
-            });
-        };
-        return CcdCYAPageLabelFilterPipe;
-    }());
-    CcdCYAPageLabelFilterPipe.ɵfac = function CcdCYAPageLabelFilterPipe_Factory(t) { return new (t || CcdCYAPageLabelFilterPipe)(); };
-    CcdCYAPageLabelFilterPipe.ɵpipe = i0__namespace.ɵɵdefinePipe({ name: "ccdCYAPageLabelFilter", type: CcdCYAPageLabelFilterPipe, pure: true });
-    (function () {
-        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(CcdCYAPageLabelFilterPipe, [{
-                type: i0.Pipe,
-                args: [{
-                        name: 'ccdCYAPageLabelFilter'
-                    }]
-            }], null, null);
-    })();
-
-    var ReadFieldsFilterPipe = /** @class */ (function () {
-        function ReadFieldsFilterPipe() {
-        }
-        /**
-         * Complex type should have at least on simple field descendant with a value.
-         */
-        ReadFieldsFilterPipe.isValidComplex = function (field, values) {
-            values = values || {};
-            var type = field.field_type;
-            var value = ReadFieldsFilterPipe.getValue(field, values);
-            var hasChildrenWithValue = type.complex_fields.find(function (f) {
-                var willKeep = ReadFieldsFilterPipe.keepField(f, value, true);
-                return willKeep && ReadFieldsFilterPipe.evaluateConditionalShow(f, value).hidden !== true;
-            });
-            return !!hasChildrenWithValue;
-        };
-        ReadFieldsFilterPipe.isValidCollection = function (field, values) {
-            // if field is collection and it has complex/collection child field; parent field doesnt have value defined
-            if (!Array.isArray(field.value) && values && values.hasOwnProperty(field.id)) {
-                return true;
-            }
-            var isNotEmpty = Array.isArray(field.value) && field.value.length > 0;
-            if (isNotEmpty && field.field_type.collection_field_type.type === 'Complex') {
-                return !!field.value.find(function (item) {
-                    var complexField = classTransformer.plainToClassFromExist(new CaseField(), {
-                        id: field.field_type.collection_field_type.id,
-                        field_type: field.field_type.collection_field_type,
-                        value: item.value,
-                        label: null,
-                    });
-                    return ReadFieldsFilterPipe.isValidComplex(complexField);
-                });
-            }
-            return isNotEmpty;
-        };
-        ReadFieldsFilterPipe.isEmpty = function (value) {
-            return ReadFieldsFilterPipe.EMPTY_VALUES.indexOf(value) !== -1
-                || value.length === 0;
-        };
-        ReadFieldsFilterPipe.isCompound = function (field) {
-            return ReadFieldsFilterPipe.NESTED_TYPES[field.field_type.type];
-        };
-        ReadFieldsFilterPipe.isValidCompound = function (field, value) {
-            return ReadFieldsFilterPipe.isCompound(field)
-                && ReadFieldsFilterPipe.NESTED_TYPES[field.field_type.type](field, value);
-        };
-        ReadFieldsFilterPipe.keepField = function (field, value, ignoreLabels) {
-            if (ignoreLabels === void 0) { ignoreLabels = false; }
-            // We shouldn't ditch labels.
-            if (!ignoreLabels && field.field_type.type === 'Label' && (field.label || '').length > 0) {
-                return true;
-            }
-            // We also shouldn't ditch fields that will always come back with a null value.
-            if (this.ALWAYS_NULL_FIELDS.indexOf(field.field_type.type) !== -1) {
-                return true;
-            }
-            value = value || {};
-            if (ReadFieldsFilterPipe.isCompound(field)) {
-                return ReadFieldsFilterPipe.isValidCompound(field, value);
-            }
-            return !ReadFieldsFilterPipe.isEmpty(field.value)
-                || !ReadFieldsFilterPipe.isEmpty(value[field.id]);
-        };
-        ReadFieldsFilterPipe.getValue = function (field, values, index) {
-            if (ReadFieldsFilterPipe.isEmpty(field.value)) {
-                var value = void 0;
-                if (index >= 0) {
-                    value = values[index].value[field.id];
-                }
-                else {
-                    value = values[field.id];
-                }
-                return value;
-            }
-            return field.value;
-        };
-        ReadFieldsFilterPipe.evaluateConditionalShow = function (field, formValue, path, formGroupAvailable, fieldId) {
-            if (field.display_context === 'HIDDEN') {
-                field.hidden = true;
-            }
-            else if (field.show_condition) {
-                var cond = void 0;
-                if (fieldId && field.show_condition.indexOf(fieldId + ".") > -1 && !formGroupAvailable && !!Object.keys(formValue).length) {
-                    var search = fieldId + ".";
-                    var searchRegExp = new RegExp(search, 'g');
-                    var replaceWith = '';
-                    cond = ShowCondition.getInstance(field.show_condition.replace(searchRegExp, replaceWith));
-                }
-                else {
-                    cond = ShowCondition.getInstance(field.show_condition);
-                }
-                field.hidden = !cond.match(formValue, path);
-            }
-            else {
-                field.hidden = false;
-            }
-            return field;
-        };
-        /**
-         * Filter out fields having no data to display and harmonise field values coming parent's value.
-         */
-        ReadFieldsFilterPipe.prototype.transform = function (complexField, keepEmpty, index, setupHidden, formGroup, path) {
-            if (setupHidden === void 0) { setupHidden = false; }
-            if (!complexField || !complexField.field_type) {
-                return [];
-            }
-            var fields = complexField.field_type.complex_fields || [];
-            var values = complexField.value || {};
-            var checkConditionalShowAgainst = values;
-            var formGroupAvailable = false;
-            if (formGroup) {
-                checkConditionalShowAgainst = formGroup.value;
-                formGroupAvailable = true;
-            }
-            return fields
-                .map(function (f) {
-                var clone = FieldsUtils.cloneObject(f);
-                var value = ReadFieldsFilterPipe.getValue(f, values, index);
-                if (!ReadFieldsFilterPipe.isEmpty(value)) {
-                    clone.value = value;
-                }
-                return clone;
-            })
-                .map(function (f) {
-                if (!f.display_context) {
-                    f.display_context = complexField.display_context;
-                }
-                if (setupHidden) {
-                    ReadFieldsFilterPipe.evaluateConditionalShow(f, checkConditionalShowAgainst, path, formGroupAvailable, complexField.id);
-                }
-                return f;
-            })
-                .filter(function (f) { return keepEmpty || ReadFieldsFilterPipe.keepField(f); });
-        };
-        return ReadFieldsFilterPipe;
-    }());
-    ReadFieldsFilterPipe.EMPTY_VALUES = [
-        undefined,
-        null,
-        '',
-        {}
-    ];
-    ReadFieldsFilterPipe.ALWAYS_NULL_FIELDS = ['CasePaymentHistoryViewer', 'WaysToPay', 'FlagLauncher', 'ComponentLauncher'];
-    ReadFieldsFilterPipe.NESTED_TYPES = {
-        Complex: ReadFieldsFilterPipe.isValidComplex,
-        Collection: ReadFieldsFilterPipe.isValidCollection
-    };
-    ReadFieldsFilterPipe.ɵfac = function ReadFieldsFilterPipe_Factory(t) { return new (t || ReadFieldsFilterPipe)(); };
-    ReadFieldsFilterPipe.ɵpipe = i0__namespace.ɵɵdefinePipe({ name: "ccdReadFieldsFilter", type: ReadFieldsFilterPipe, pure: true });
-    (function () {
-        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(ReadFieldsFilterPipe, [{
-                type: i0.Pipe,
-                args: [{
-                        name: 'ccdReadFieldsFilter'
-                    }]
-            }], null, null);
-    })();
-
-    var CcdTabFieldsPipe = /** @class */ (function () {
-        function CcdTabFieldsPipe() {
-        }
-        CcdTabFieldsPipe.prototype.transform = function (tab) {
-            var value = tab.fields.reduce(function (acc, field) {
-                var _a;
-                return Object.assign(Object.assign({}, acc), (_a = {}, _a[field.id] = field.value, _a));
-            }, {});
-            return classTransformer.plainToClassFromExist(new CaseField(), {
-                id: tab.id,
-                label: tab.label,
-                display_context: 'READONLY',
-                value: value,
-                field_type: {
-                    id: tab.id,
-                    type: 'Complex',
-                    complex_fields: tab.fields
-                }
-            });
-        };
-        return CcdTabFieldsPipe;
-    }());
-    CcdTabFieldsPipe.ɵfac = function CcdTabFieldsPipe_Factory(t) { return new (t || CcdTabFieldsPipe)(); };
-    CcdTabFieldsPipe.ɵpipe = i0__namespace.ɵɵdefinePipe({ name: "ccdTabFields", type: CcdTabFieldsPipe, pure: true });
-    (function () {
-        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(CcdTabFieldsPipe, [{
-                type: i0.Pipe,
-                args: [{
-                        name: 'ccdTabFields'
-                    }]
-            }], null, null);
-    })();
-
-    var CcdPageFieldsPipe = /** @class */ (function () {
-        function CcdPageFieldsPipe() {
-        }
-        CcdPageFieldsPipe.prototype.transform = function (page, dataFormGroup) {
-            var complexFields = Object.keys(dataFormGroup.controls['data'].controls).map(function (key) {
-                var control = dataFormGroup.controls['data'].get(key);
-                return control['caseField'];
-            }).filter(function (field) {
-                return !!page.case_fields.find(function (pcf) { return pcf.id === field.id; });
-            }).sort(function (a, b) { return a.order - b.order; });
-            var rawValue = dataFormGroup.value;
-            var value = page.case_fields.reduce(function (acc, field) {
-                var _a;
-                var fieldValue = rawValue[field.id] || field.value;
-                return Object.assign(Object.assign({}, acc), (_a = {}, _a[field.id] = fieldValue, _a));
-            }, {});
-            return classTransformer.plainToClassFromExist(new CaseField(), {
-                id: page.id,
-                label: page.label,
-                display_context: 'READONLY',
-                value: value,
-                field_type: {
-                    id: page.id,
-                    type: 'Complex',
-                    complex_fields: complexFields
-                }
-            });
-        };
-        return CcdPageFieldsPipe;
-    }());
-    CcdPageFieldsPipe.ɵfac = function CcdPageFieldsPipe_Factory(t) { return new (t || CcdPageFieldsPipe)(); };
-    CcdPageFieldsPipe.ɵpipe = i0__namespace.ɵɵdefinePipe({ name: "ccdPageFields", type: CcdPageFieldsPipe, pure: true });
-    (function () {
-        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(CcdPageFieldsPipe, [{
-                type: i0.Pipe,
-                args: [{
-                        name: 'ccdPageFields'
-                    }]
-            }], null, null);
-    })();
-
-    var EnumDisplayDescriptionPipe = /** @class */ (function () {
-        function EnumDisplayDescriptionPipe() {
-        }
-        EnumDisplayDescriptionPipe.prototype.transform = function (value) {
-            return Object.values(value);
-        };
-        return EnumDisplayDescriptionPipe;
-    }());
-    EnumDisplayDescriptionPipe.ɵfac = function EnumDisplayDescriptionPipe_Factory(t) { return new (t || EnumDisplayDescriptionPipe)(); };
-    EnumDisplayDescriptionPipe.ɵpipe = i0__namespace.ɵɵdefinePipe({ name: "enumDisplayDescription", type: EnumDisplayDescriptionPipe, pure: true });
-    (function () {
-        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(EnumDisplayDescriptionPipe, [{
-                type: i0.Pipe,
-                args: [{
-                        name: 'enumDisplayDescription'
-                    }]
-            }], null, null);
-    })();
-
-    var LinkCasesFromReasonValuePipe = /** @class */ (function () {
-        function LinkCasesFromReasonValuePipe(linkedCasesService) {
-            this.linkedCasesService = linkedCasesService;
-        }
-        LinkCasesFromReasonValuePipe.prototype.transform = function (linkFromReason) {
-            var _a, _b, _c;
-            if (linkFromReason === null || linkFromReason === void 0 ? void 0 : linkFromReason.otherDescription) {
-                var reasonCodeMapping = (_a = this.linkedCasesService.linkCaseReasons) === null || _a === void 0 ? void 0 : _a.find(function (reason) { return reason.key === linkFromReason.reasonCode; });
-                return (reasonCodeMapping === null || reasonCodeMapping === void 0 ? void 0 : reasonCodeMapping.value_en) === 'Other'
-                    ? (reasonCodeMapping === null || reasonCodeMapping === void 0 ? void 0 : reasonCodeMapping.value_en) + " - " + linkFromReason.otherDescription
-                    : reasonCodeMapping === null || reasonCodeMapping === void 0 ? void 0 : reasonCodeMapping.value_en;
-            }
-            return (_c = (_b = this.linkedCasesService.linkCaseReasons) === null || _b === void 0 ? void 0 : _b.find(function (reason) { return reason.key === linkFromReason.reasonCode; })) === null || _c === void 0 ? void 0 : _c.value_en;
-        };
-        return LinkCasesFromReasonValuePipe;
-    }());
-    LinkCasesFromReasonValuePipe.ɵfac = function LinkCasesFromReasonValuePipe_Factory(t) { return new (t || LinkCasesFromReasonValuePipe)(i0__namespace.ɵɵdirectiveInject(LinkedCasesService)); };
-    LinkCasesFromReasonValuePipe.ɵpipe = i0__namespace.ɵɵdefinePipe({ name: "ccdLinkCasesFromReasonValue", type: LinkCasesFromReasonValuePipe, pure: true });
-    (function () {
-        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(LinkCasesFromReasonValuePipe, [{
-                type: i0.Pipe,
-                args: [{
-                        name: 'ccdLinkCasesFromReasonValue'
-                    }]
-            }], function () { return [{ type: LinkedCasesService }]; }, null);
-    })();
-
-    var LinkCasesReasonValuePipe = /** @class */ (function () {
-        function LinkCasesReasonValuePipe(linkedCasesService) {
-            this.linkedCasesService = linkedCasesService;
-        }
-        LinkCasesReasonValuePipe.prototype.transform = function (linkReason) {
-            var _a, _b, _c;
-            if (linkReason === null || linkReason === void 0 ? void 0 : linkReason.OtherDescription) {
-                var reasonCodeMapping = (_a = this.linkedCasesService.linkCaseReasons) === null || _a === void 0 ? void 0 : _a.find(function (reason) { return reason.key === linkReason.Reason; });
-                return (reasonCodeMapping === null || reasonCodeMapping === void 0 ? void 0 : reasonCodeMapping.value_en) === 'Other'
-                    ? (reasonCodeMapping === null || reasonCodeMapping === void 0 ? void 0 : reasonCodeMapping.value_en) + " - " + linkReason.OtherDescription
-                    : reasonCodeMapping === null || reasonCodeMapping === void 0 ? void 0 : reasonCodeMapping.value_en;
-            }
-            return (_c = (_b = this.linkedCasesService.linkCaseReasons) === null || _b === void 0 ? void 0 : _b.find(function (reason) { return reason.key === linkReason.Reason; })) === null || _c === void 0 ? void 0 : _c.value_en;
-        };
-        return LinkCasesReasonValuePipe;
-    }());
-    LinkCasesReasonValuePipe.ɵfac = function LinkCasesReasonValuePipe_Factory(t) { return new (t || LinkCasesReasonValuePipe)(i0__namespace.ɵɵdirectiveInject(LinkedCasesService)); };
-    LinkCasesReasonValuePipe.ɵpipe = i0__namespace.ɵɵdefinePipe({ name: "ccdLinkCasesReasonValue", type: LinkCasesReasonValuePipe, pure: true });
-    (function () {
-        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(LinkCasesReasonValuePipe, [{
-                type: i0.Pipe,
-                args: [{
-                        name: 'ccdLinkCasesReasonValue'
-                    }]
-            }], function () { return [{ type: LinkedCasesService }]; }, null);
-    })();
-
-    var SortSearchResultPipe = /** @class */ (function () {
-        function SortSearchResultPipe() {
-        }
-        SortSearchResultPipe.prototype.transform = function (searchResults, sortParameters) {
-            if (util.isUndefined(searchResults) || util.isUndefined(sortParameters)) {
-                return searchResults;
-            }
-            return searchResults.sort(function (a, b) {
-                return sortParameters.comparator.compare(a, b)
-                    * (sortParameters.sortOrder === SortOrder.DESCENDING ? 1 : -1);
-            });
-        };
-        return SortSearchResultPipe;
-    }());
-    SortSearchResultPipe.ɵfac = function SortSearchResultPipe_Factory(t) { return new (t || SortSearchResultPipe)(); };
-    SortSearchResultPipe.ɵpipe = i0__namespace.ɵɵdefinePipe({ name: "ccdSortSearchResult", type: SortSearchResultPipe, pure: true });
-    (function () {
-        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(SortSearchResultPipe, [{
-                type: i0.Pipe,
-                args: [{
-                        name: 'ccdSortSearchResult'
-                    }]
-            }], null, null);
-    })();
-
-    var pipeDeclarations = [
-        CaseReferencePipe,
-        SortSearchResultPipe,
-        CcdCaseTitlePipe,
-        CcdCollectionTableCaseFieldsFilterPipe,
-        CcdCYAPageLabelFilterPipe,
-        ReadFieldsFilterPipe,
-        CcdTabFieldsPipe,
-        CcdPageFieldsPipe,
-        LinkCasesReasonValuePipe,
-        LinkCasesFromReasonValuePipe,
-        EnumDisplayDescriptionPipe
-    ];
-    var PipesModule = /** @class */ (function () {
-        function PipesModule() {
-        }
-        return PipesModule;
-    }());
-    PipesModule.ɵfac = function PipesModule_Factory(t) { return new (t || PipesModule)(); };
-    PipesModule.ɵmod = i0__namespace.ɵɵdefineNgModule({ type: PipesModule });
-    PipesModule.ɵinj = i0__namespace.ɵɵdefineInjector({ imports: [[
-                i2.CommonModule,
-            ]] });
-    (function () {
-        (typeof ngJitMode === "undefined" || ngJitMode) && i0__namespace.ɵɵsetNgModuleScope(PipesModule, { declarations: [CaseReferencePipe,
-                SortSearchResultPipe,
-                CcdCaseTitlePipe,
-                CcdCollectionTableCaseFieldsFilterPipe,
-                CcdCYAPageLabelFilterPipe,
-                ReadFieldsFilterPipe,
-                CcdTabFieldsPipe,
-                CcdPageFieldsPipe,
-                LinkCasesReasonValuePipe,
-                LinkCasesFromReasonValuePipe,
-                EnumDisplayDescriptionPipe], imports: [i2.CommonModule], exports: [CaseReferencePipe,
-                SortSearchResultPipe,
-                CcdCaseTitlePipe,
-                CcdCollectionTableCaseFieldsFilterPipe,
-                CcdCYAPageLabelFilterPipe,
-                ReadFieldsFilterPipe,
-                CcdTabFieldsPipe,
-                CcdPageFieldsPipe,
-                LinkCasesReasonValuePipe,
-                LinkCasesFromReasonValuePipe,
-                EnumDisplayDescriptionPipe] });
-    })();
-    (function () {
-        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(PipesModule, [{
-                type: i0.NgModule,
-                args: [{
-                        imports: [
-                            i2.CommonModule,
-                        ],
-                        declarations: __spread(pipeDeclarations),
-                        exports: __spread(pipeDeclarations)
-                    }]
-            }], null, null);
-    })();
-
     var CollectionCreateCheckerService = /** @class */ (function () {
         function CollectionCreateCheckerService() {
         }
@@ -28307,486 +28786,6 @@
             }], function () { return [{ type: FileUploadStateService }, { type: WindowService }]; }, null);
     })();
 
-    var QueryCreateComponent = /** @class */ (function () {
-        function QueryCreateComponent() {
-        }
-        QueryCreateComponent.prototype.ngOnInit = function () {
-        };
-        return QueryCreateComponent;
-    }());
-    QueryCreateComponent.ɵfac = function QueryCreateComponent_Factory(t) { return new (t || QueryCreateComponent)(); };
-    QueryCreateComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: QueryCreateComponent, selectors: [["ccd-query-create"]], decls: 0, vars: 0, template: function QueryCreateComponent_Template(rf, ctx) { }, encapsulation: 2 });
-    (function () {
-        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(QueryCreateComponent, [{
-                type: i0.Component,
-                args: [{
-                        selector: 'ccd-query-create',
-                        templateUrl: './query-create.component.html',
-                    }]
-            }], function () { return []; }, null);
-    })();
-
-    function QueryDetailsTableComponent_ng_container_0_tr_35_Template(rf, ctx) {
-        if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "tr", 3);
-            i0__namespace.ɵɵelementStart(1, "th", 4);
-            i0__namespace.ɵɵtext(2);
-            i0__namespace.ɵɵpipe(3, "rpxTranslate");
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(4, "td", 5);
-            i0__namespace.ɵɵtext(5);
-            i0__namespace.ɵɵpipe(6, "date");
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementEnd();
-        }
-        if (rf & 2) {
-            var ctx_r1 = i0__namespace.ɵɵnextContext(2);
-            i0__namespace.ɵɵadvance(2);
-            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(3, 2, "What is the date of the hearing your query is related to?"));
-            i0__namespace.ɵɵadvance(3);
-            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind2(6, 4, ctx_r1.queryItem.hearingDate, "dd MMM yyyy"));
-        }
-    }
-    function QueryDetailsTableComponent_ng_container_0_div_41_Template(rf, ctx) {
-        if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "div");
-            i0__namespace.ɵɵelementStart(1, "a", 8);
-            i0__namespace.ɵɵtext(2);
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementEnd();
-        }
-        if (rf & 2) {
-            var attachment_r3 = ctx.$implicit;
-            i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("href", attachment_r3._links.self.href, i0__namespace.ɵɵsanitizeUrl);
-            i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵtextInterpolate(attachment_r3.originalDocumentName);
-        }
-    }
-    function QueryDetailsTableComponent_ng_container_0_Template(rf, ctx) {
-        if (rf & 1) {
-            i0__namespace.ɵɵelementContainerStart(0);
-            i0__namespace.ɵɵelementStart(1, "table", 1);
-            i0__namespace.ɵɵpipe(2, "rpxTranslate");
-            i0__namespace.ɵɵelementStart(3, "tbody", 2);
-            i0__namespace.ɵɵelementStart(4, "tr", 3);
-            i0__namespace.ɵɵelementStart(5, "th", 4);
-            i0__namespace.ɵɵtext(6);
-            i0__namespace.ɵɵpipe(7, "rpxTranslate");
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(8, "td", 5);
-            i0__namespace.ɵɵtext(9);
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(10, "tr", 3);
-            i0__namespace.ɵɵelementStart(11, "th", 4);
-            i0__namespace.ɵɵtext(12);
-            i0__namespace.ɵɵpipe(13, "rpxTranslate");
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(14, "td", 5);
-            i0__namespace.ɵɵtext(15);
-            i0__namespace.ɵɵpipe(16, "date");
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(17, "tr", 3);
-            i0__namespace.ɵɵelementStart(18, "th", 4);
-            i0__namespace.ɵɵtext(19);
-            i0__namespace.ɵɵpipe(20, "rpxTranslate");
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(21, "td", 5);
-            i0__namespace.ɵɵtext(22);
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(23, "tr", 3);
-            i0__namespace.ɵɵelementStart(24, "th", 4);
-            i0__namespace.ɵɵtext(25);
-            i0__namespace.ɵɵpipe(26, "rpxTranslate");
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(27, "td", 5);
-            i0__namespace.ɵɵtext(28);
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(29, "tr", 3);
-            i0__namespace.ɵɵelementStart(30, "th", 4);
-            i0__namespace.ɵɵtext(31);
-            i0__namespace.ɵɵpipe(32, "rpxTranslate");
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(33, "td", 5);
-            i0__namespace.ɵɵtext(34);
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵtemplate(35, QueryDetailsTableComponent_ng_container_0_tr_35_Template, 7, 7, "tr", 6);
-            i0__namespace.ɵɵelementStart(36, "tr", 3);
-            i0__namespace.ɵɵelementStart(37, "th", 4);
-            i0__namespace.ɵɵtext(38);
-            i0__namespace.ɵɵpipe(39, "rpxTranslate");
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(40, "td", 5);
-            i0__namespace.ɵɵtemplate(41, QueryDetailsTableComponent_ng_container_0_div_41_Template, 3, 2, "div", 7);
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementContainerEnd();
-        }
-        if (rf & 2) {
-            var ctx_r0 = i0__namespace.ɵɵnextContext();
-            i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵattribute("aria-describedby", i0__namespace.ɵɵpipeBind1(2, 14, "Details of the query"));
-            i0__namespace.ɵɵadvance(5);
-            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(7, 16, "Last submitted by"));
-            i0__namespace.ɵɵadvance(3);
-            i0__namespace.ɵɵtextInterpolate(ctx_r0.queryItem.lastSubmittedBy);
-            i0__namespace.ɵɵadvance(3);
-            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(13, 18, "Submission date"));
-            i0__namespace.ɵɵadvance(3);
-            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind2(16, 20, ctx_r0.queryItem.createdOn, "dd MMM yyyy"));
-            i0__namespace.ɵɵadvance(4);
-            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(20, 23, "Query subject"));
-            i0__namespace.ɵɵadvance(3);
-            i0__namespace.ɵɵtextInterpolate(ctx_r0.queryItem.subject);
-            i0__namespace.ɵɵadvance(3);
-            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(26, 25, "Query body"));
-            i0__namespace.ɵɵadvance(3);
-            i0__namespace.ɵɵtextInterpolate(ctx_r0.queryItem.body);
-            i0__namespace.ɵɵadvance(3);
-            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(32, 27, "Is the query hearing related?"));
-            i0__namespace.ɵɵadvance(3);
-            i0__namespace.ɵɵtextInterpolate(ctx_r0.queryItem.isHearingRelated ? "Yes" : "No");
-            i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("ngIf", ctx_r0.queryItem.isHearingRelated);
-            i0__namespace.ɵɵadvance(3);
-            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(39, 29, "Attachments"));
-            i0__namespace.ɵɵadvance(3);
-            i0__namespace.ɵɵproperty("ngForOf", ctx_r0.queryItem.attachments);
-        }
-    }
-    var QueryDetailsTableComponent = /** @class */ (function () {
-        function QueryDetailsTableComponent() {
-        }
-        return QueryDetailsTableComponent;
-    }());
-    QueryDetailsTableComponent.ɵfac = function QueryDetailsTableComponent_Factory(t) { return new (t || QueryDetailsTableComponent)(); };
-    QueryDetailsTableComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: QueryDetailsTableComponent, selectors: [["ccd-query-details-table"]], inputs: { queryItem: "queryItem" }, decls: 1, vars: 1, consts: [[4, "ngIf"], [1, "govuk-table", "query-details-table"], [1, "govuk-table__body"], [1, "govuk-table__row"], ["scope", "row", 1, "govuk-table__header"], [1, "govuk-table__cell"], ["class", "govuk-table__row", 4, "ngIf"], [4, "ngFor", "ngForOf"], ["target", "_blank", 3, "href"]], template: function QueryDetailsTableComponent_Template(rf, ctx) {
-            if (rf & 1) {
-                i0__namespace.ɵɵtemplate(0, QueryDetailsTableComponent_ng_container_0_Template, 42, 31, "ng-container", 0);
-            }
-            if (rf & 2) {
-                i0__namespace.ɵɵproperty("ngIf", ctx.queryItem);
-            }
-        }, directives: [i2__namespace.NgIf, i2__namespace.NgForOf], pipes: [i1__namespace.RpxTranslatePipe, i2__namespace.DatePipe], styles: [".query-details-table[_ngcontent-%COMP%]   .govuk-table__header[_ngcontent-%COMP%]{width:330px}"] });
-    (function () {
-        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(QueryDetailsTableComponent, [{
-                type: i0.Component,
-                args: [{
-                        selector: 'ccd-query-details-table',
-                        templateUrl: './query-details-table.component.html',
-                        styleUrls: ['./query-details-table.component.scss']
-                    }]
-            }], null, { queryItem: [{
-                    type: i0.Input
-                }] });
-    })();
-
-    function QueryDetailsComponent_ng_container_0_Template(rf, ctx) {
-        if (rf & 1) {
-            var _r2_1 = i0__namespace.ɵɵgetCurrentView();
-            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 QueryListComponent_ng_container_0_th_7_Template(rf, ctx) {
-        if (rf & 1) {
-            var _r5_1 = i0__namespace.ɵɵgetCurrentView();
-            i0__namespace.ɵɵelementStart(0, "th", 8);
-            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 ctx_r1 = i0__namespace.ɵɵnextContext(2);
-            i0__namespace.ɵɵadvance(1);
-            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 _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(_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();
-            i0__namespace.ɵɵelementStart(4, "td", 12);
-            i0__namespace.ɵɵtext(5);
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(6, "td", 12);
-            i0__namespace.ɵɵtext(7);
-            i0__namespace.ɵɵpipe(8, "date");
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(9, "td", 12);
-            i0__namespace.ɵɵtext(10);
-            i0__namespace.ɵɵpipe(11, "date");
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(12, "td", 12);
-            i0__namespace.ɵɵtext(13);
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementEnd();
-        }
-        if (rf & 2) {
-            var message_r6 = ctx.$implicit;
-            i0__namespace.ɵɵadvance(3);
-            i0__namespace.ɵɵtextInterpolate(message_r6.subject);
-            i0__namespace.ɵɵadvance(2);
-            i0__namespace.ɵɵtextInterpolate(message_r6.lastSubmittedBy);
-            i0__namespace.ɵɵadvance(2);
-            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_r6.lastResponseDate, "dd MMM YYYY"));
-            i0__namespace.ɵɵadvance(3);
-            i0__namespace.ɵɵtextInterpolate(message_r6.lastResponseBy);
-        }
-    }
-    function QueryListComponent_ng_container_0_Template(rf, ctx) {
-        if (rf & 1) {
-            i0__namespace.ɵɵelementContainerStart(0);
-            i0__namespace.ɵɵelementStart(1, "table", 1);
-            i0__namespace.ɵɵelementStart(2, "caption", 2);
-            i0__namespace.ɵɵelementStart(3, "div");
-            i0__namespace.ɵɵtext(4);
-            i0__namespace.ɵɵelementEnd();
-            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, 4, "th", 5);
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(8, "tbody", 6);
-            i0__namespace.ɵɵtemplate(9, QueryListComponent_ng_container_0_tr_9_Template, 14, 11, "tr", 7);
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementContainerEnd();
-        }
-        if (rf & 2) {
-            var ctx_r0 = i0__namespace.ɵɵnextContext();
-            i0__namespace.ɵɵadvance(4);
-            i0__namespace.ɵɵtextInterpolate(ctx_r0.queryListData.partyName);
-            i0__namespace.ɵɵadvance(3);
-            i0__namespace.ɵɵproperty("ngForOf", ctx_r0.displayedColumns);
-            i0__namespace.ɵɵadvance(2);
-            i0__namespace.ɵɵproperty("ngForOf", ctx_r0.queryListData.partyMessages);
-        }
-    }
-    var QueryListComponent = /** @class */ (function () {
-        function QueryListComponent() {
-            this.selectedQuery = new i0.EventEmitter();
-            this.displayedColumns = [
-                { 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 },
-                { name: 'lastResponseBy', displayName: 'Response by', sortOrder: SortOrder.UNSORTED }
-            ];
-        }
-        QueryListComponent.prototype.ngOnChanges = function (simpleChanges) {
-            var _a;
-            var currentPartyMessageGroup = (_a = simpleChanges.partyMessageGroup) === null || _a === void 0 ? void 0 : _a.currentValue;
-            if (currentPartyMessageGroup) {
-                this.queryListData = new QueryListData(currentPartyMessageGroup);
-            }
-        };
-        QueryListComponent.prototype.sortTable = function (col) {
-            switch (col.displayName) {
-                case 'Last submission date':
-                case 'Last response date': {
-                    this.sortDate(col);
-                    break;
-                }
-                default: {
-                    this.sort(col);
-                    break;
-                }
-            }
-        };
-        QueryListComponent.prototype.sortWidget = function (col) {
-            switch (col.sortOrder) {
-                case SortOrder.ASCENDING: {
-                    return '&#9650;';
-                }
-                default: {
-                    return '&#9660;';
-                }
-            }
-        };
-        QueryListComponent.prototype.showDetails = function (query) {
-            this.selectedQuery.emit(query);
-        };
-        QueryListComponent.prototype.sort = function (col) {
-            if (col.sortOrder === SortOrder.ASCENDING) {
-                this.queryListData.partyMessages.sort(function (a, b) { return (a[col.name] < b[col.name]) ? 1 : -1; });
-                this.displayedColumns.forEach(function (c) { return c.sortOrder = SortOrder.UNSORTED; });
-                col.sortOrder = SortOrder.DESCENDING;
-            }
-            else {
-                this.queryListData.partyMessages.sort(function (a, b) { return (a[col.name] > b[col.name]) ? 1 : -1; });
-                this.displayedColumns.forEach(function (c) { return c.sortOrder = SortOrder.UNSORTED; });
-                col.sortOrder = SortOrder.ASCENDING;
-            }
-        };
-        QueryListComponent.prototype.sortDate = function (col) {
-            if (col.sortOrder === SortOrder.ASCENDING) {
-                this.queryListData.partyMessages.sort(function (a, b) { return b[col.name] - a[col.name]; });
-                this.displayedColumns.forEach(function (c) { return c.sortOrder = SortOrder.UNSORTED; });
-                col.sortOrder = SortOrder.DESCENDING;
-            }
-            else {
-                this.queryListData.partyMessages.sort(function (a, b) { return a[col.name] - b[col.name]; });
-                this.displayedColumns.forEach(function (c) { return c.sortOrder = SortOrder.UNSORTED; });
-                col.sortOrder = SortOrder.ASCENDING;
-            }
-        };
-        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"], ["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: [i2__namespace.NgIf, i2__namespace.NgForOf], pipes: [i1__namespace.RpxTranslatePipe, i2__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,
-                args: [{
-                        selector: 'ccd-query-list',
-                        templateUrl: './query-list.component.html',
-                        styleUrls: ['./query-list.component.scss']
-                    }]
-            }], null, { partyMessageGroup: [{
-                    type: i0.Input
-                }], selectedQuery: [{
-                    type: i0.Output
-                }] });
-    })();
-
-    var QueryManagementModule = /** @class */ (function () {
-        function QueryManagementModule() {
-        }
-        return QueryManagementModule;
-    }());
-    QueryManagementModule.ɵfac = function QueryManagementModule_Factory(t) { return new (t || QueryManagementModule)(); };
-    QueryManagementModule.ɵmod = i0__namespace.ɵɵdefineNgModule({ type: QueryManagementModule });
-    QueryManagementModule.ɵinj = i0__namespace.ɵɵdefineInjector({ imports: [[
-                i2.CommonModule,
-                i3.ReactiveFormsModule,
-                i1.RpxTranslationModule.forChild(),
-                PipesModule
-            ]] });
-    (function () {
-        (typeof ngJitMode === "undefined" || ngJitMode) && i0__namespace.ɵɵsetNgModuleScope(QueryManagementModule, { declarations: [ReadQueryManagementFieldComponent,
-                WriteQueryManagementFieldComponent,
-                QueryDetailsComponent,
-                QueryCreateComponent,
-                QueryListComponent,
-                QueryDetailsTableComponent], imports: [i2.CommonModule,
-                i3.ReactiveFormsModule, i1__namespace.RpxTranslationModule, PipesModule], exports: [ReadQueryManagementFieldComponent,
-                WriteQueryManagementFieldComponent] });
-    })();
-    (function () {
-        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(QueryManagementModule, [{
-                type: i0.NgModule,
-                args: [{
-                        declarations: [
-                            ReadQueryManagementFieldComponent,
-                            WriteQueryManagementFieldComponent,
-                            QueryDetailsComponent,
-                            QueryCreateComponent,
-                            QueryListComponent,
-                            QueryDetailsTableComponent,
-                        ],
-                        imports: [
-                            i2.CommonModule,
-                            i3.ReactiveFormsModule,
-                            i1.RpxTranslationModule.forChild(),
-                            PipesModule
-                        ],
-                        exports: [
-                            ReadQueryManagementFieldComponent,
-                            WriteQueryManagementFieldComponent
-                        ],
-                    }]
-            }], null, null);
-    })();
-    i0__namespace.ɵɵsetComponentScope(ReadQueryManagementFieldComponent, [i2__namespace.NgForOf, i2__namespace.NgIf, QueryListComponent,
-        QueryDetailsComponent], []);
-    i0__namespace.ɵɵsetComponentScope(WriteQueryManagementFieldComponent, [QueryDetailsTableComponent, i3__namespace.NgControlStatusGroup, i3__namespace.FormGroupDirective, i2__namespace.NgIf, i3__namespace.DefaultValueAccessor, i3__namespace.NgControlStatus, i3__namespace.FormControlName], [i1__namespace.RpxTranslatePipe, CaseReferencePipe]);
-    i0__namespace.ɵɵsetComponentScope(QueryDetailsComponent, [i2__namespace.NgIf, QueryDetailsTableComponent], [i1__namespace.RpxTranslatePipe]);
-
     var PALETTE_COMPONENTS = [
         UnsupportedFieldComponent,
         DatetimePickerComponent,
@@ -28943,7 +28942,6 @@
                 i1$4.OverlayModule,
                 i3$1.PaymentLibModule,
                 i2$1.ScrollToModule.forRoot(),
-                i1.RpxTranslationModule.forChild(),
                 i1$3.MatDialogModule,
                 i12.MediaViewerModule,
                 LoadingModule,
@@ -28954,7 +28952,8 @@
             i4.NgxMatTimepickerModule,
             TabsModule,
             PaletteUtilsModule,
-            PipesModule] });
+            PipesModule,
+            QueryManagementModule] });
     (function () {
         (typeof ngJitMode === "undefined" || ngJitMode) && i0__namespace.ɵɵsetNgModuleScope(PaletteModule, { declarations: [FixedListPipe,
                 FixedRadioListPipe,
@@ -29093,14 +29092,15 @@
                 i5.MatAutocompleteModule,
                 i7.CdkTreeModule,
                 i1$4.OverlayModule,
-                i3$1.PaymentLibModule, i2__namespace$1.ScrollToModule, i1__namespace.RpxTranslationModule, i1$3.MatDialogModule,
+                i3$1.PaymentLibModule, i2__namespace$1.ScrollToModule, i1$3.MatDialogModule,
                 i12.MediaViewerModule,
                 LoadingModule, i1__namespace.RpxTranslationModule, QueryManagementModule], exports: [i4.NgxMatDatetimePickerModule,
                 i4.NgxMatNativeDateModule,
                 i4.NgxMatTimepickerModule,
                 TabsModule,
                 PaletteUtilsModule,
-                PipesModule, UnsupportedFieldComponent,
+                PipesModule,
+                QueryManagementModule, UnsupportedFieldComponent,
                 DatetimePickerComponent,
                 WaysToPayFieldComponent,
                 MarkdownComponent,
@@ -29238,7 +29238,6 @@
                             i1$4.OverlayModule,
                             i3$1.PaymentLibModule,
                             i2$1.ScrollToModule.forRoot(),
-                            i1.RpxTranslationModule.forChild(),
                             i1$3.MatDialogModule,
                             i12.MediaViewerModule,
                             LoadingModule,
@@ -29262,7 +29261,8 @@
                             i4.NgxMatTimepickerModule,
                             TabsModule,
                             PaletteUtilsModule,
-                            PipesModule
+                            PipesModule,
+                            QueryManagementModule
                         ], PALETTE_COMPONENTS),
                         providers: [
                             i0.ChangeDetectorRef,
@@ -33930,6 +33930,12 @@
                 }] });
     })();
 
+    var CaseViewEventIds;
+    (function (CaseViewEventIds) {
+        CaseViewEventIds["DELETE"] = "DELETE";
+        CaseViewEventIds["QueryManagementRaiseQuery"] = "queryManagementRaiseQuery";
+    })(CaseViewEventIds || (CaseViewEventIds = {}));
+
     var DeleteOrCancelDialogComponent = /** @class */ (function () {
         function DeleteOrCancelDialogComponent(matDialogRef) {
             this.matDialogRef = matDialogRef;
@@ -34460,45 +34466,60 @@
             this.triggerText = CaseFullAccessViewComponent.TRIGGER_TEXT_START;
         };
         CaseFullAccessViewComponent.prototype.applyTrigger = function (trigger) {
-            var _this = this;
-            this.error = null;
-            var theQueryParams = {};
-            if (this.ignoreWarning) {
-                theQueryParams['ignoreWarning'] = this.ignoreWarning;
-            }
-            // we may need to take care of different triggers in the future
-            if (trigger.id === CaseViewTrigger.DELETE) {
-                var dialogRef = this.dialog.open(DeleteOrCancelDialogComponent, this.dialogConfig);
-                dialogRef.afterClosed().subscribe(function (result) {
-                    if (result === 'Delete') {
-                        _this.draftService.deleteDraft(_this.caseDetails.case_id)
-                            .subscribe(function (_) {
-                            _this.navigationNotifierService.announceNavigation({ action: exports.NavigationOrigin.DRAFT_DELETED });
-                        }, function (_) {
-                            _this.navigationNotifierService.announceNavigation({ action: exports.NavigationOrigin.ERROR_DELETING_DRAFT });
-                        });
+            return __awaiter(this, void 0, void 0, function () {
+                var theQueryParams, dialogRef;
+                var _this = this;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0:
+                            this.error = null;
+                            theQueryParams = {};
+                            if (this.ignoreWarning) {
+                                theQueryParams['ignoreWarning'] = this.ignoreWarning;
+                            }
+                            if (!(trigger.id === CaseViewEventIds.QueryManagementRaiseQuery)) return [3 /*break*/, 2];
+                            return [4 /*yield*/, this.router.navigate(["/cases/query/" + this.caseDetails.case_id])];
+                        case 1:
+                            _a.sent();
+                            return [3 /*break*/, 3];
+                        case 2:
+                            if (trigger.id === CaseViewEventIds.DELETE) {
+                                dialogRef = this.dialog.open(DeleteOrCancelDialogComponent, this.dialogConfig);
+                                dialogRef.afterClosed().subscribe(function (result) {
+                                    if (result === 'Delete') {
+                                        _this.draftService.deleteDraft(_this.caseDetails.case_id)
+                                            .subscribe(function (_) {
+                                            _this.navigationNotifierService.announceNavigation({ action: exports.NavigationOrigin.DRAFT_DELETED });
+                                        }, function (_) {
+                                            _this.navigationNotifierService.announceNavigation({ action: exports.NavigationOrigin.ERROR_DELETING_DRAFT });
+                                        });
+                                    }
+                                });
+                            }
+                            else if (this.isDraft() && trigger.id !== CaseViewEventIds.DELETE) {
+                                theQueryParams[DRAFT_QUERY_PARAM] = this.caseDetails.case_id;
+                                theQueryParams[CaseFullAccessViewComponent.ORIGIN_QUERY_PARAM] = 'viewDraft';
+                                this.navigationNotifierService.announceNavigation({
+                                    action: exports.NavigationOrigin.DRAFT_RESUMED,
+                                    jid: this.caseDetails.case_type.jurisdiction.id,
+                                    ctid: this.caseDetails.case_type.id,
+                                    etid: trigger.id,
+                                    queryParams: theQueryParams
+                                });
+                            }
+                            else {
+                                this.navigationNotifierService.announceNavigation({
+                                    action: exports.NavigationOrigin.EVENT_TRIGGERED,
+                                    queryParams: theQueryParams,
+                                    etid: trigger.id,
+                                    relativeTo: this.route
+                                });
+                            }
+                            _a.label = 3;
+                        case 3: return [2 /*return*/];
                     }
                 });
-            }
-            else if (this.isDraft() && trigger.id !== CaseViewTrigger.DELETE) {
-                theQueryParams[DRAFT_QUERY_PARAM] = this.caseDetails.case_id;
-                theQueryParams[CaseFullAccessViewComponent.ORIGIN_QUERY_PARAM] = 'viewDraft';
-                this.navigationNotifierService.announceNavigation({
-                    action: exports.NavigationOrigin.DRAFT_RESUMED,
-                    jid: this.caseDetails.case_type.jurisdiction.id,
-                    ctid: this.caseDetails.case_type.id,
-                    etid: trigger.id,
-                    queryParams: theQueryParams
-                });
-            }
-            else {
-                this.navigationNotifierService.announceNavigation({
-                    action: exports.NavigationOrigin.EVENT_TRIGGERED,
-                    queryParams: theQueryParams,
-                    etid: trigger.id,
-                    relativeTo: this.route
-                });
-            }
+            });
         };
         CaseFullAccessViewComponent.prototype.hasTabsPresent = function () {
             return this.sortedTabs.length > 0 || this.prependedTabs.length > 0 || this.appendedTabs.length > 0;
@@ -34650,7 +34671,7 @@
             // Clone and sort tabs array
             this.sortedTabs = this.orderService.sort(this.caseDetails.tabs);
             this.caseFields = this.getTabFields();
-            this.sortedTabs = this.sortTabFieldsAndFilterTabs(this.sortedTabs);
+            // this.sortedTabs = this.sortTabFieldsAndFilterTabs(this.sortedTabs);
             this.formGroup = this.buildFormGroup(this.caseFields);
             if (this.caseDetails.triggers && this.error) {
                 this.resetErrors();
@@ -39937,6 +39958,7 @@
     exports.Profile = Profile;
     exports.ProfileNotifier = ProfileNotifier;
     exports.ProfileService = ProfileService;
+    exports.QueryManagementModule = QueryManagementModule;
     exports.ReadCaseFlagFieldComponent = ReadCaseFlagFieldComponent;
     exports.ReadCaseLinkFieldComponent = ReadCaseLinkFieldComponent;
     exports.ReadCollectionFieldComponent = ReadCollectionFieldComponent;