@hmcts/ccd-case-ui-toolkit 7.2.5-invalid-message → 7.2.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (13) hide show
  1. package/esm2022/lib/shared/components/palette/base-field/field-write.component.mjs +2 -2
  2. package/esm2022/lib/shared/components/palette/document/write-document-field.component.mjs +46 -21
  3. package/esm2022/lib/shared/components/palette/palette.module.mjs +3 -2
  4. package/esm2022/lib/shared/components/palette/query-management/components/query-details/query-details.component.mjs +138 -120
  5. package/esm2022/lib/shared/components/palette/query-management/components/query-write/query-write-respond-to-query/query-write-respond-to-query.component.mjs +30 -35
  6. package/fesm2022/hmcts-ccd-case-ui-toolkit.mjs +211 -176
  7. package/fesm2022/hmcts-ccd-case-ui-toolkit.mjs.map +1 -1
  8. package/lib/shared/components/palette/document/write-document-field.component.d.ts +5 -1
  9. package/lib/shared/components/palette/document/write-document-field.component.d.ts.map +1 -1
  10. package/lib/shared/components/palette/query-management/components/query-details/query-details.component.d.ts +1 -0
  11. package/lib/shared/components/palette/query-management/components/query-details/query-details.component.d.ts.map +1 -1
  12. package/lib/shared/components/palette/query-management/components/query-write/query-write-respond-to-query/query-write-respond-to-query.component.d.ts.map +1 -1
  13. package/package.json +1 -1
package/fesm2022/hmcts-ccd-case-ui-toolkit.mjs CHANGED
@@ -15071,7 +15071,7 @@ class FileUploadStateService {
15071
15071
  const _c0$R = ["fileInput"];
15072
15072
  const _c1$l = a0 => ({ "form-group-error bottom-30": a0 });
15073
15073
  function WriteDocumentFieldComponent_span_6_Template(rf, ctx) { if (rf & 1) {
15074
- i0.ɵɵelementStart(0, "span", 12)(1, "markdown");
15074
+ i0.ɵɵelementStart(0, "span", 15)(1, "markdown");
15075
15075
  i0.ɵɵtext(2);
15076
15076
  i0.ɵɵpipe(3, "rpxTranslate");
15077
15077
  i0.ɵɵelementEnd()();
@@ -15081,7 +15081,7 @@ function WriteDocumentFieldComponent_span_6_Template(rf, ctx) { if (rf & 1) {
15081
15081
  i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 1, ctx_r1.caseField.hint_text));
15082
15082
  } }
15083
15083
  function WriteDocumentFieldComponent_ccd_read_document_field_11_Template(rf, ctx) { if (rf & 1) {
15084
- i0.ɵɵelement(0, "ccd-read-document-field", 13);
15084
+ i0.ɵɵelement(0, "ccd-read-document-field", 16);
15085
15085
  } if (rf & 2) {
15086
15086
  const ctx_r1 = i0.ɵɵnextContext();
15087
15087
  i0.ɵɵproperty("caseField", ctx_r1.caseField);
@@ -15093,6 +15093,7 @@ class WriteDocumentFieldComponent extends AbstractFieldWriteComponent {
15093
15093
  dialog;
15094
15094
  fileUploadStateService;
15095
15095
  jurisdictionService;
15096
+ rpxTranslationService;
15096
15097
  static DOCUMENT_URL = 'document_url';
15097
15098
  static DOCUMENT_BINARY_URL = 'document_binary_url';
15098
15099
  static DOCUMENT_FILENAME = 'document_filename';
@@ -15103,6 +15104,7 @@ class WriteDocumentFieldComponent extends AbstractFieldWriteComponent {
15103
15104
  static UPLOAD_ERROR_INVALID_FORMAT = 'Document format is not supported';
15104
15105
  static UPLOAD_WAITING_FILE_STATUS = 'Uploading...';
15105
15106
  static ERROR_UPLOADING_FILE = 'Error Uploading File';
15107
+ static NO_FILE_CHOSED = 'No file chosen';
15106
15108
  fileInput;
15107
15109
  selectedFile;
15108
15110
  valid = true;
@@ -15114,12 +15116,13 @@ class WriteDocumentFieldComponent extends AbstractFieldWriteComponent {
15114
15116
  dialogSubscription;
15115
15117
  caseNotifierSubscription;
15116
15118
  jurisdictionSubs;
15119
+ fileName = WriteDocumentFieldComponent.NO_FILE_CHOSED;
15117
15120
  uploadedDocument;
15118
15121
  dialogConfig;
15119
15122
  secureModeOn;
15120
15123
  jurisdictionId;
15121
15124
  caseTypeId;
15122
- constructor(appConfig, caseNotifier, documentManagement, dialog, fileUploadStateService, jurisdictionService) {
15125
+ constructor(appConfig, caseNotifier, documentManagement, dialog, fileUploadStateService, jurisdictionService, rpxTranslationService) {
15123
15126
  super();
15124
15127
  this.appConfig = appConfig;
15125
15128
  this.caseNotifier = caseNotifier;
@@ -15127,9 +15130,15 @@ class WriteDocumentFieldComponent extends AbstractFieldWriteComponent {
15127
15130
  this.dialog = dialog;
15128
15131
  this.fileUploadStateService = fileUploadStateService;
15129
15132
  this.jurisdictionService = jurisdictionService;
15133
+ this.rpxTranslationService = rpxTranslationService;
15130
15134
  }
15131
15135
  ngOnInit() {
15132
15136
  this.secureModeOn = this.appConfig.getDocumentSecureMode();
15137
+ if (this.rpxTranslationService.language === 'cy') {
15138
+ this.rpxTranslationService.getTranslation$(WriteDocumentFieldComponent.NO_FILE_CHOSED).subscribe((translation) => {
15139
+ this.fileName = translation;
15140
+ });
15141
+ }
15133
15142
  if (this.secureModeOn) {
15134
15143
  this.subscribeToCaseDetails();
15135
15144
  }
@@ -15188,6 +15197,7 @@ class WriteDocumentFieldComponent extends AbstractFieldWriteComponent {
15188
15197
  }
15189
15198
  else if (fileInput.target.files[0]) {
15190
15199
  this.selectedFile = fileInput.target.files[0];
15200
+ this.fileName = fileInput.target.files[0].name;
15191
15201
  this.displayFileUploadMessages(WriteDocumentFieldComponent.UPLOAD_WAITING_FILE_STATUS);
15192
15202
  const documentUpload = this.buildDocumentUploadData(this.selectedFile);
15193
15203
  this.fileUploadStateService.setUploadInProgress(true);
@@ -15422,13 +15432,13 @@ class WriteDocumentFieldComponent extends AbstractFieldWriteComponent {
15422
15432
  this.valid = false;
15423
15433
  this.fileUploadStateService.setUploadInProgress(false);
15424
15434
  }
15425
- static ɵfac = function WriteDocumentFieldComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || WriteDocumentFieldComponent)(i0.ɵɵdirectiveInject(AbstractAppConfig), i0.ɵɵdirectiveInject(CaseNotifier), i0.ɵɵdirectiveInject(DocumentManagementService), i0.ɵɵdirectiveInject(i1$3.MatLegacyDialog), i0.ɵɵdirectiveInject(FileUploadStateService), i0.ɵɵdirectiveInject(JurisdictionService)); };
15435
+ static ɵfac = function WriteDocumentFieldComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || WriteDocumentFieldComponent)(i0.ɵɵdirectiveInject(AbstractAppConfig), i0.ɵɵdirectiveInject(CaseNotifier), i0.ɵɵdirectiveInject(DocumentManagementService), i0.ɵɵdirectiveInject(i1$3.MatLegacyDialog), i0.ɵɵdirectiveInject(FileUploadStateService), i0.ɵɵdirectiveInject(JurisdictionService), i0.ɵɵdirectiveInject(i1.RpxTranslationService)); };
15426
15436
  static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: WriteDocumentFieldComponent, selectors: [["ccd-write-document-field"]], viewQuery: function WriteDocumentFieldComponent_Query(rf, ctx) { if (rf & 1) {
15427
15437
  i0.ɵɵviewQuery(_c0$R, 5);
15428
15438
  } if (rf & 2) {
15429
15439
  let _t;
15430
15440
  i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.fileInput = _t.first);
15431
- } }, features: [i0.ɵɵInheritDefinitionFeature], decls: 20, vars: 23, consts: [["fileInput", ""], [1, "form-group", 3, "ngClass"], [3, "for"], [1, "form-label"], ["class", "form-hint", 4, "ngIf"], ["role", "alert", "tabindex", "0", 1, "error-message", 3, "hidden"], [3, "caseField", 4, "ngIf"], [2, "position", "relative"], [3, "click", "keyup", "id"], ["type", "file", 1, "form-control", "bottom-30", 3, "keydown.Tab", "change", "id", "accept"], [1, "form-group", "bottom-30"], ["type", "button", "aria-label", "Cancel upload", 1, "button", "button-secondary", 3, "click", "disabled"], [1, "form-hint"], [3, "caseField"]], template: function WriteDocumentFieldComponent_Template(rf, ctx) { if (rf & 1) {
15441
+ } }, features: [i0.ɵɵInheritDefinitionFeature], decls: 27, vars: 28, consts: [["fileInput", ""], [1, "form-group", 3, "ngClass"], [3, "for"], [1, "form-label"], ["class", "form-hint", 4, "ngIf"], ["role", "alert", "tabindex", "0", 1, "error-message", 3, "hidden"], [3, "caseField", 4, "ngIf"], [2, "position", "relative"], [3, "click", "keyup", "id"], [1, "upload-file-container"], ["aria-label", "Choose file", 1, "button", "button-secondary", "input-label", 3, "for"], [1, "form-control", "bottom-30"], ["type", "file", 1, "input-upload-file", 3, "keydown.Tab", "change", "id", "accept"], [1, "form-group", "bottom-30"], ["type", "button", "aria-label", "Cancel upload", 1, "button", "button-secondary", 3, "click", "disabled"], [1, "form-hint"], [3, "caseField"]], template: function WriteDocumentFieldComponent_Template(rf, ctx) { if (rf & 1) {
15432
15442
  const _r1 = i0.ɵɵgetCurrentView();
15433
15443
  i0.ɵɵelementStart(0, "div", 1)(1, "label", 2)(2, "span", 3);
15434
15444
  i0.ɵɵpipe(3, "ccdFieldLabel");
@@ -15446,49 +15456,62 @@ class WriteDocumentFieldComponent extends AbstractFieldWriteComponent {
15446
15456
  i0.ɵɵelementStart(12, "div", 7)(13, "div", 8);
15447
15457
  i0.ɵɵlistener("click", function WriteDocumentFieldComponent_Template_div_click_13_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.fileSelectEvent()); })("keyup", function WriteDocumentFieldComponent_Template_div_keyup_13_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.fileSelectEvent()); });
15448
15458
  i0.ɵɵelementEnd();
15449
- i0.ɵɵelementStart(14, "input", 9, 0);
15450
- i0.ɵɵlistener("keydown.Tab", function WriteDocumentFieldComponent_Template_input_keydown_Tab_14_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.fileValidationsOnTab()); })("change", function WriteDocumentFieldComponent_Template_input_change_14_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.fileChangeEvent($event, ctx.caseField.field_type.regular_expression)); });
15459
+ i0.ɵɵelementStart(14, "div", 9)(15, "label", 10);
15460
+ i0.ɵɵtext(16);
15461
+ i0.ɵɵpipe(17, "rpxTranslate");
15462
+ i0.ɵɵelementEnd();
15463
+ i0.ɵɵelementStart(18, "span", 11)(19, "span");
15464
+ i0.ɵɵtext(20);
15451
15465
  i0.ɵɵelementEnd()()();
15452
- i0.ɵɵelementStart(16, "div", 10)(17, "button", 11);
15453
- i0.ɵɵlistener("click", function WriteDocumentFieldComponent_Template_button_click_17_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.cancelUpload()); });
15454
- i0.ɵɵtext(18);
15455
- i0.ɵɵpipe(19, "rpxTranslate");
15466
+ i0.ɵɵelementStart(21, "input", 12, 0);
15467
+ i0.ɵɵlistener("keydown.Tab", function WriteDocumentFieldComponent_Template_input_keydown_Tab_21_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.fileValidationsOnTab()); })("change", function WriteDocumentFieldComponent_Template_input_change_21_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.fileChangeEvent($event, ctx.caseField.field_type.regular_expression)); });
15468
+ i0.ɵɵelementEnd()()();
15469
+ i0.ɵɵelementStart(23, "div", 13)(24, "button", 14);
15470
+ i0.ɵɵlistener("click", function WriteDocumentFieldComponent_Template_button_click_24_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.cancelUpload()); });
15471
+ i0.ɵɵtext(25);
15472
+ i0.ɵɵpipe(26, "rpxTranslate");
15456
15473
  i0.ɵɵelementEnd()();
15457
15474
  } if (rf & 2) {
15458
- i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(21, _c1$l, !ctx.valid));
15475
+ i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(26, _c1$l, !ctx.valid));
15459
15476
  i0.ɵɵadvance();
15460
15477
  i0.ɵɵproperty("for", ctx.id());
15461
15478
  i0.ɵɵadvance();
15462
- i0.ɵɵattribute("aria-label", i0.ɵɵpipeBind1(3, 13, ctx.caseField));
15479
+ i0.ɵɵattribute("aria-label", i0.ɵɵpipeBind1(3, 16, ctx.caseField));
15463
15480
  i0.ɵɵadvance(2);
15464
- i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(5, 15, ctx.caseField));
15481
+ i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(5, 18, ctx.caseField));
15465
15482
  i0.ɵɵadvance(2);
15466
15483
  i0.ɵɵproperty("ngIf", ctx.caseField.hint_text);
15467
15484
  i0.ɵɵadvance();
15468
15485
  i0.ɵɵproperty("hidden", !(ctx.fileUploadMessages && !ctx.valid));
15469
15486
  i0.ɵɵadvance();
15470
- i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(9, 17, ctx.fileUploadMessages), " ");
15487
+ i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(9, 20, ctx.fileUploadMessages), " ");
15471
15488
  i0.ɵɵadvance(3);
15472
15489
  i0.ɵɵproperty("ngIf", ctx.caseField);
15473
15490
  i0.ɵɵadvance(2);
15474
15491
  i0.ɵɵproperty("id", ctx.createElementId("fileInputWrapper"));
15492
+ i0.ɵɵadvance(2);
15493
+ i0.ɵɵproperty("for", ctx.id());
15494
+ i0.ɵɵadvance();
15495
+ i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(17, 22, "Choose file"), " ");
15496
+ i0.ɵɵadvance(4);
15497
+ i0.ɵɵtextInterpolate(ctx.fileName);
15475
15498
  i0.ɵɵadvance();
15476
15499
  i0.ɵɵpropertyInterpolate("accept", ctx.caseField.field_type.regular_expression);
15477
15500
  i0.ɵɵproperty("id", ctx.id());
15478
15501
  i0.ɵɵadvance(3);
15479
15502
  i0.ɵɵproperty("disabled", !ctx.isUploadInProgress());
15480
15503
  i0.ɵɵadvance();
15481
- i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(19, 19, "Cancel upload"));
15482
- } }, encapsulation: 2 });
15504
+ i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(26, 24, "Cancel upload"), " ");
15505
+ } }, styles: [".input-upload-file[_ngcontent-%COMP%]{width:100%;display:none}.upload-file-container[_ngcontent-%COMP%]{display:flex;align-items:baseline}.input-label[_ngcontent-%COMP%]{width:8rem}.form [_nghost-%COMP%] .grey-bar>*>.form-group, .form [_nghost-%COMP%] .grey-bar>*>*>.form-group, .form [_nghost-%COMP%] .grey-bar>*>dl.case-field{margin-left:15px;padding-left:15px}.form [_nghost-%COMP%] .grey-bar>*>.form-group:not(.form-group-error), .form [_nghost-%COMP%] .grey-bar>*>*>.form-group:not(.form-group-error), .form [_nghost-%COMP%] .grey-bar>*>dl.case-field:not(.form-group-error){border-left:solid 5px #b1b4b6}.form [_nghost-%COMP%] .grey-bar>*>.form-group input:not(.inline-block), .form [_nghost-%COMP%] .grey-bar>*>.form-group select:not(.inline-block), .form [_nghost-%COMP%] .grey-bar>*>.form-group textarea:not(.inline-block), .form [_nghost-%COMP%] .grey-bar>*>*>.form-group input:not(.inline-block), .form [_nghost-%COMP%] .grey-bar>*>*>.form-group select:not(.inline-block), .form [_nghost-%COMP%] .grey-bar>*>*>.form-group textarea:not(.inline-block), .form [_nghost-%COMP%] .grey-bar>*>dl.case-field input:not(.inline-block), .form [_nghost-%COMP%] .grey-bar>*>dl.case-field select:not(.inline-block), .form [_nghost-%COMP%] .grey-bar>*>dl.case-field textarea:not(.inline-block){display:block}"] });
15483
15506
  }
15484
15507
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WriteDocumentFieldComponent, [{
15485
15508
  type: Component,
15486
- args: [{ selector: 'ccd-write-document-field', template: "<div class=\"form-group\" [ngClass]=\"{'form-group-error bottom-30': !valid}\">\n <label [for]=\"id()\">\n <span class=\"form-label\" attr.aria-label=\"{{caseField | ccdFieldLabel}}\">{{(caseField | ccdFieldLabel)}}</span>\n </label>\n <span class=\"form-hint\" *ngIf=\"caseField.hint_text\">\n <markdown>{{ caseField.hint_text | rpxTranslate }}</markdown>\n </span>\n <span class=\"error-message\"\n role=\"alert\"\n tabindex=\"0\"\n [hidden]=\"!(fileUploadMessages && !valid)\">\n {{ fileUploadMessages | rpxTranslate }}\n </span>\n <div>\n <!--<span *ngIf=\"getUploadedFileName()\" class=\"text-16\">File name: {{getUploadedFileName()}}</span>-->\n <ccd-read-document-field *ngIf=\"caseField\" [caseField]=\"caseField\"></ccd-read-document-field>\n </div>\n\n <div style='position:relative'>\n <div [id]=\"createElementId('fileInputWrapper')\" (click)=\"fileSelectEvent()\" (keyup)=\"fileSelectEvent()\"></div>\n <input class=\"form-control bottom-30\" [id]=\"id()\" type=\"file\" (keydown.Tab)=\"fileValidationsOnTab()\" (change)=\"fileChangeEvent($event, caseField.field_type.regular_expression)\"\n accept=\"{{caseField.field_type.regular_expression}}\" #fileInput/>\n </div>\n</div>\n<div class=\"form-group bottom-30\">\n <button class=\"button button-secondary\" type=\"button\" aria-label=\"Cancel upload\" (click)=\"cancelUpload()\" [disabled]=\"!isUploadInProgress()\">{{'Cancel upload' | rpxTranslate}}</button>\n</div>\n" }]
15487
- }], () => [{ type: AbstractAppConfig }, { type: CaseNotifier }, { type: DocumentManagementService }, { type: i1$3.MatLegacyDialog }, { type: FileUploadStateService }, { type: JurisdictionService }], { fileInput: [{
15509
+ args: [{ selector: 'ccd-write-document-field', template: "<div class=\"form-group\" [ngClass]=\"{'form-group-error bottom-30': !valid}\">\n <label [for]=\"id()\">\n <span class=\"form-label\" attr.aria-label=\"{{caseField | ccdFieldLabel}}\">{{(caseField | ccdFieldLabel)}}</span>\n </label>\n <span class=\"form-hint\" *ngIf=\"caseField.hint_text\">\n <markdown>{{ caseField.hint_text | rpxTranslate }}</markdown>\n </span>\n <span class=\"error-message\"\n role=\"alert\"\n tabindex=\"0\"\n [hidden]=\"!(fileUploadMessages && !valid)\">\n {{ fileUploadMessages | rpxTranslate }}\n </span>\n <div>\n <!--<span *ngIf=\"getUploadedFileName()\" class=\"text-16\">File name: {{getUploadedFileName()}}</span>-->\n <ccd-read-document-field *ngIf=\"caseField\" [caseField]=\"caseField\"></ccd-read-document-field>\n </div>\n\n <div style=\"position:relative\">\n <div\n [id]=\"createElementId('fileInputWrapper')\"\n (click)=\"fileSelectEvent()\"\n (keyup)=\"fileSelectEvent()\"\n ></div>\n <div class=\"upload-file-container\">\n <label\n [for]=\"id()\"\n class=\"button button-secondary input-label\"\n aria-label=\"Choose file\">\n {{'Choose file' | rpxTranslate}}\n </label>\n <span class=\"form-control bottom-30\">\n <span>{{fileName}}</span>\n </span>\n </div>\n <input\n [id]=\"id()\"\n type=\"file\"\n class=\"input-upload-file\"\n (keydown.Tab)=\"fileValidationsOnTab()\"\n (change)=\"fileChangeEvent($event, caseField.field_type.regular_expression)\"\n accept=\"{{caseField.field_type.regular_expression}}\"\n #fileInput/>\n </div>\n</div>\n<div class=\"form-group bottom-30\">\n <button\n class=\"button button-secondary\"\n type=\"button\"\n aria-label=\"Cancel upload\"\n (click)=\"cancelUpload()\"\n [disabled]=\"!isUploadInProgress()\">\n {{'Cancel upload' | rpxTranslate}}\n </button>\n</div>\n", styles: [".input-upload-file{width:100%;display:none}.upload-file-container{display:flex;align-items:baseline}.input-label{width:8rem}.form :host::ng-deep .grey-bar>*>.form-group,.form :host::ng-deep .grey-bar>*>*>.form-group,.form :host::ng-deep .grey-bar>*>dl.case-field{margin-left:15px;padding-left:15px}.form :host::ng-deep .grey-bar>*>.form-group:not(.form-group-error),.form :host::ng-deep .grey-bar>*>*>.form-group:not(.form-group-error),.form :host::ng-deep .grey-bar>*>dl.case-field:not(.form-group-error){border-left:solid 5px #b1b4b6}.form :host::ng-deep .grey-bar>*>.form-group input:not(.inline-block),.form :host::ng-deep .grey-bar>*>.form-group select:not(.inline-block),.form :host::ng-deep .grey-bar>*>.form-group textarea:not(.inline-block),.form :host::ng-deep .grey-bar>*>*>.form-group input:not(.inline-block),.form :host::ng-deep .grey-bar>*>*>.form-group select:not(.inline-block),.form :host::ng-deep .grey-bar>*>*>.form-group textarea:not(.inline-block),.form :host::ng-deep .grey-bar>*>dl.case-field input:not(.inline-block),.form :host::ng-deep .grey-bar>*>dl.case-field select:not(.inline-block),.form :host::ng-deep .grey-bar>*>dl.case-field textarea:not(.inline-block){display:block}\n"] }]
15510
+ }], () => [{ type: AbstractAppConfig }, { type: CaseNotifier }, { type: DocumentManagementService }, { type: i1$3.MatLegacyDialog }, { type: FileUploadStateService }, { type: JurisdictionService }, { type: i1.RpxTranslationService }], { fileInput: [{
15488
15511
  type: ViewChild,
15489
15512
  args: ['fileInput', { static: false }]
15490
15513
  }] }); })();
15491
- (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(WriteDocumentFieldComponent, { className: "WriteDocumentFieldComponent", filePath: "lib/shared/components/palette/document/write-document-field.component.ts", lineNumber: 23 }); })();
15514
+ (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(WriteDocumentFieldComponent, { className: "WriteDocumentFieldComponent", filePath: "lib/shared/components/palette/document/write-document-field.component.ts", lineNumber: 25 }); })();
15492
15515
 
15493
15516
  class DynamicListPipe {
15494
15517
  static EMPTY = '';
@@ -21654,10 +21677,21 @@ class QueryCheckYourAnswersComponent {
21654
21677
  }] }); })();
21655
21678
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(QueryCheckYourAnswersComponent, { className: "QueryCheckYourAnswersComponent", filePath: "lib/shared/components/palette/query-management/components/query-check-your-answers/query-check-your-answers.component.ts", lineNumber: 28 }); })();
21656
21679
 
21657
- function QueryDetailsComponent_ng_container_0_p_1_Template(rf, ctx) { if (rf & 1) {
21658
- const _r1 = i0.ɵɵgetCurrentView();
21659
- i0.ɵɵelementStart(0, "p")(1, "a", 10);
21660
- i0.ɵɵlistener("click", function QueryDetailsComponent_ng_container_0_p_1_Template_a_click_1_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onBack()); });
21680
+ function QueryDetailsComponent_ng_container_0_cut_alert_1_Template(rf, ctx) { if (rf & 1) {
21681
+ i0.ɵɵelementStart(0, "cut-alert", 11);
21682
+ i0.ɵɵelementContainerStart(1);
21683
+ i0.ɵɵtext(2);
21684
+ i0.ɵɵelementContainerEnd();
21685
+ i0.ɵɵelementEnd();
21686
+ } if (rf & 2) {
21687
+ const ctx_r0 = i0.ɵɵnextContext(2);
21688
+ i0.ɵɵadvance(2);
21689
+ i0.ɵɵtextInterpolate(ctx_r0.message);
21690
+ } }
21691
+ function QueryDetailsComponent_ng_container_0_p_3_Template(rf, ctx) { if (rf & 1) {
21692
+ const _r2 = i0.ɵɵgetCurrentView();
21693
+ i0.ɵɵelementStart(0, "p")(1, "a", 12);
21694
+ i0.ɵɵlistener("click", function QueryDetailsComponent_ng_container_0_p_3_Template_a_click_1_listener() { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.onBack()); });
21661
21695
  i0.ɵɵtext(2);
21662
21696
  i0.ɵɵpipe(3, "rpxTranslate");
21663
21697
  i0.ɵɵelementEnd()();
@@ -21665,49 +21699,49 @@ function QueryDetailsComponent_ng_container_0_p_1_Template(rf, ctx) { if (rf & 1
21665
21699
  i0.ɵɵadvance(2);
21666
21700
  i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 1, "Back to query list"));
21667
21701
  } }
21668
- function QueryDetailsComponent_ng_container_0_tr_42_Template(rf, ctx) { if (rf & 1) {
21669
- i0.ɵɵelementStart(0, "tr", 11)(1, "th", 6);
21702
+ function QueryDetailsComponent_ng_container_0_tr_44_Template(rf, ctx) { if (rf & 1) {
21703
+ i0.ɵɵelementStart(0, "tr", 13)(1, "th", 7);
21670
21704
  i0.ɵɵtext(2);
21671
21705
  i0.ɵɵpipe(3, "rpxTranslate");
21672
21706
  i0.ɵɵelementEnd();
21673
- i0.ɵɵelementStart(4, "td", 7);
21707
+ i0.ɵɵelementStart(4, "td", 8);
21674
21708
  i0.ɵɵtext(5);
21675
21709
  i0.ɵɵpipe(6, "date");
21676
21710
  i0.ɵɵelementEnd()();
21677
21711
  } if (rf & 2) {
21678
- const ctx_r1 = i0.ɵɵnextContext(2);
21712
+ const ctx_r0 = i0.ɵɵnextContext(2);
21679
21713
  i0.ɵɵadvance(2);
21680
21714
  i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 2, "What is the date of the hearing?"));
21681
21715
  i0.ɵɵadvance(3);
21682
- i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(6, 4, ctx_r1.query.hearingDate, "dd MMM yyyy"));
21716
+ i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(6, 4, ctx_r0.query.hearingDate, "dd MMM yyyy"));
21683
21717
  } }
21684
- function QueryDetailsComponent_ng_container_0_tr_43_ccd_query_attachments_read_5_Template(rf, ctx) { if (rf & 1) {
21685
- i0.ɵɵelement(0, "ccd-query-attachments-read", 13);
21718
+ function QueryDetailsComponent_ng_container_0_tr_45_ccd_query_attachments_read_5_Template(rf, ctx) { if (rf & 1) {
21719
+ i0.ɵɵelement(0, "ccd-query-attachments-read", 15);
21686
21720
  } if (rf & 2) {
21687
- const ctx_r1 = i0.ɵɵnextContext(3);
21688
- i0.ɵɵproperty("attachments", ctx_r1.query.attachments);
21721
+ const ctx_r0 = i0.ɵɵnextContext(3);
21722
+ i0.ɵɵproperty("attachments", ctx_r0.query.attachments);
21689
21723
  } }
21690
- function QueryDetailsComponent_ng_container_0_tr_43_Template(rf, ctx) { if (rf & 1) {
21691
- i0.ɵɵelementStart(0, "tr", 5)(1, "th", 6);
21724
+ function QueryDetailsComponent_ng_container_0_tr_45_Template(rf, ctx) { if (rf & 1) {
21725
+ i0.ɵɵelementStart(0, "tr", 6)(1, "th", 7);
21692
21726
  i0.ɵɵtext(2);
21693
21727
  i0.ɵɵpipe(3, "rpxTranslate");
21694
21728
  i0.ɵɵelementEnd();
21695
- i0.ɵɵelementStart(4, "td", 7);
21696
- i0.ɵɵtemplate(5, QueryDetailsComponent_ng_container_0_tr_43_ccd_query_attachments_read_5_Template, 1, 1, "ccd-query-attachments-read", 12);
21729
+ i0.ɵɵelementStart(4, "td", 8);
21730
+ i0.ɵɵtemplate(5, QueryDetailsComponent_ng_container_0_tr_45_ccd_query_attachments_read_5_Template, 1, 1, "ccd-query-attachments-read", 14);
21697
21731
  i0.ɵɵelementEnd()();
21698
21732
  } if (rf & 2) {
21699
- const ctx_r1 = i0.ɵɵnextContext(2);
21733
+ const ctx_r0 = i0.ɵɵnextContext(2);
21700
21734
  i0.ɵɵadvance(2);
21701
21735
  i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 2, "Attachments"));
21702
21736
  i0.ɵɵadvance(3);
21703
- i0.ɵɵproperty("ngIf", ctx_r1.query.attachments);
21737
+ i0.ɵɵproperty("ngIf", ctx_r0.query.attachments);
21704
21738
  } }
21705
- function QueryDetailsComponent_ng_container_0_ng_container_44_ng_container_1_ng_container_1_tr_15_Template(rf, ctx) { if (rf & 1) {
21706
- i0.ɵɵelementStart(0, "tr", 5)(1, "th", 6);
21739
+ function QueryDetailsComponent_ng_container_0_ng_container_46_ng_container_1_ng_container_1_tr_15_Template(rf, ctx) { if (rf & 1) {
21740
+ i0.ɵɵelementStart(0, "tr", 6)(1, "th", 7);
21707
21741
  i0.ɵɵtext(2);
21708
21742
  i0.ɵɵpipe(3, "rpxTranslate");
21709
21743
  i0.ɵɵelementEnd();
21710
- i0.ɵɵelementStart(4, "td", 7);
21744
+ i0.ɵɵelementStart(4, "td", 8);
21711
21745
  i0.ɵɵtext(5);
21712
21746
  i0.ɵɵelementEnd()();
21713
21747
  } if (rf & 2) {
@@ -21717,19 +21751,19 @@ function QueryDetailsComponent_ng_container_0_ng_container_44_ng_container_1_ng_
21717
21751
  i0.ɵɵadvance(3);
21718
21752
  i0.ɵɵtextInterpolate(child_r3.name);
21719
21753
  } }
21720
- function QueryDetailsComponent_ng_container_0_ng_container_44_ng_container_1_ng_container_1_tr_22_ccd_query_attachments_read_5_Template(rf, ctx) { if (rf & 1) {
21721
- i0.ɵɵelement(0, "ccd-query-attachments-read", 13);
21754
+ function QueryDetailsComponent_ng_container_0_ng_container_46_ng_container_1_ng_container_1_tr_22_ccd_query_attachments_read_5_Template(rf, ctx) { if (rf & 1) {
21755
+ i0.ɵɵelement(0, "ccd-query-attachments-read", 15);
21722
21756
  } if (rf & 2) {
21723
21757
  const child_r3 = i0.ɵɵnextContext(3).$implicit;
21724
21758
  i0.ɵɵproperty("attachments", child_r3.attachments);
21725
21759
  } }
21726
- function QueryDetailsComponent_ng_container_0_ng_container_44_ng_container_1_ng_container_1_tr_22_Template(rf, ctx) { if (rf & 1) {
21727
- i0.ɵɵelementStart(0, "tr", 5)(1, "th", 6);
21760
+ function QueryDetailsComponent_ng_container_0_ng_container_46_ng_container_1_ng_container_1_tr_22_Template(rf, ctx) { if (rf & 1) {
21761
+ i0.ɵɵelementStart(0, "tr", 6)(1, "th", 7);
21728
21762
  i0.ɵɵtext(2);
21729
21763
  i0.ɵɵpipe(3, "rpxTranslate");
21730
21764
  i0.ɵɵelementEnd();
21731
- i0.ɵɵelementStart(4, "td", 7);
21732
- i0.ɵɵtemplate(5, QueryDetailsComponent_ng_container_0_ng_container_44_ng_container_1_ng_container_1_tr_22_ccd_query_attachments_read_5_Template, 1, 1, "ccd-query-attachments-read", 12);
21765
+ i0.ɵɵelementStart(4, "td", 8);
21766
+ i0.ɵɵtemplate(5, QueryDetailsComponent_ng_container_0_ng_container_46_ng_container_1_ng_container_1_tr_22_ccd_query_attachments_read_5_Template, 1, 1, "ccd-query-attachments-read", 14);
21733
21767
  i0.ɵɵelementEnd()();
21734
21768
  } if (rf & 2) {
21735
21769
  const child_r3 = i0.ɵɵnextContext(2).$implicit;
@@ -21738,36 +21772,36 @@ function QueryDetailsComponent_ng_container_0_ng_container_44_ng_container_1_ng_
21738
21772
  i0.ɵɵadvance(3);
21739
21773
  i0.ɵɵproperty("ngIf", child_r3.attachments);
21740
21774
  } }
21741
- function QueryDetailsComponent_ng_container_0_ng_container_44_ng_container_1_ng_container_1_Template(rf, ctx) { if (rf & 1) {
21775
+ function QueryDetailsComponent_ng_container_0_ng_container_46_ng_container_1_ng_container_1_Template(rf, ctx) { if (rf & 1) {
21742
21776
  i0.ɵɵelementContainerStart(0);
21743
- i0.ɵɵelementStart(1, "table", 2);
21777
+ i0.ɵɵelementStart(1, "table", 3);
21744
21778
  i0.ɵɵpipe(2, "rpxTranslate");
21745
- i0.ɵɵelementStart(3, "caption", 3)(4, "div");
21779
+ i0.ɵɵelementStart(3, "caption", 4)(4, "div");
21746
21780
  i0.ɵɵtext(5);
21747
21781
  i0.ɵɵpipe(6, "rpxTranslate");
21748
21782
  i0.ɵɵelementEnd()();
21749
- i0.ɵɵelementStart(7, "tbody", 4)(8, "tr", 5)(9, "th", 6);
21783
+ i0.ɵɵelementStart(7, "tbody", 5)(8, "tr", 6)(9, "th", 7);
21750
21784
  i0.ɵɵtext(10);
21751
21785
  i0.ɵɵpipe(11, "rpxTranslate");
21752
21786
  i0.ɵɵelementEnd();
21753
- i0.ɵɵelementStart(12, "td", 7);
21787
+ i0.ɵɵelementStart(12, "td", 8);
21754
21788
  i0.ɵɵtext(13);
21755
21789
  i0.ɵɵpipe(14, "date");
21756
21790
  i0.ɵɵelementEnd()();
21757
- i0.ɵɵtemplate(15, QueryDetailsComponent_ng_container_0_ng_container_44_ng_container_1_ng_container_1_tr_15_Template, 6, 4, "tr", 9);
21758
- i0.ɵɵelementStart(16, "tr", 5)(17, "th", 6);
21791
+ i0.ɵɵtemplate(15, QueryDetailsComponent_ng_container_0_ng_container_46_ng_container_1_ng_container_1_tr_15_Template, 6, 4, "tr", 10);
21792
+ i0.ɵɵelementStart(16, "tr", 6)(17, "th", 7);
21759
21793
  i0.ɵɵtext(18);
21760
21794
  i0.ɵɵpipe(19, "rpxTranslate");
21761
21795
  i0.ɵɵelementEnd();
21762
- i0.ɵɵelementStart(20, "td", 7);
21796
+ i0.ɵɵelementStart(20, "td", 8);
21763
21797
  i0.ɵɵtext(21);
21764
21798
  i0.ɵɵelementEnd()();
21765
- i0.ɵɵtemplate(22, QueryDetailsComponent_ng_container_0_ng_container_44_ng_container_1_ng_container_1_tr_22_Template, 6, 4, "tr", 9);
21799
+ i0.ɵɵtemplate(22, QueryDetailsComponent_ng_container_0_ng_container_46_ng_container_1_ng_container_1_tr_22_Template, 6, 4, "tr", 10);
21766
21800
  i0.ɵɵelementEnd()();
21767
21801
  i0.ɵɵelementContainerEnd();
21768
21802
  } if (rf & 2) {
21769
21803
  const child_r3 = i0.ɵɵnextContext().$implicit;
21770
- const ctx_r1 = i0.ɵɵnextContext(3);
21804
+ const ctx_r0 = i0.ɵɵnextContext(3);
21771
21805
  i0.ɵɵadvance();
21772
21806
  i0.ɵɵattribute("aria-describedby", i0.ɵɵpipeBind1(2, 8, "Response of the query"));
21773
21807
  i0.ɵɵadvance(4);
@@ -21777,7 +21811,7 @@ function QueryDetailsComponent_ng_container_0_ng_container_44_ng_container_1_ng_
21777
21811
  i0.ɵɵadvance(3);
21778
21812
  i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(14, 14, child_r3.createdOn, "dd MMMM YYYY HH:mm"));
21779
21813
  i0.ɵɵadvance(2);
21780
- i0.ɵɵproperty("ngIf", ctx_r1.isInternalUser());
21814
+ i0.ɵɵproperty("ngIf", ctx_r0.isInternalUser());
21781
21815
  i0.ɵɵadvance(3);
21782
21816
  i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(19, 17, "Response detail"));
21783
21817
  i0.ɵɵadvance(3);
@@ -21785,19 +21819,19 @@ function QueryDetailsComponent_ng_container_0_ng_container_44_ng_container_1_ng_
21785
21819
  i0.ɵɵadvance();
21786
21820
  i0.ɵɵproperty("ngIf", child_r3.attachments.length > 0);
21787
21821
  } }
21788
- function QueryDetailsComponent_ng_container_0_ng_container_44_ng_container_1_ng_template_2_tr_26_ccd_query_attachments_read_5_Template(rf, ctx) { if (rf & 1) {
21789
- i0.ɵɵelement(0, "ccd-query-attachments-read", 13);
21822
+ function QueryDetailsComponent_ng_container_0_ng_container_46_ng_container_1_ng_template_2_tr_26_ccd_query_attachments_read_5_Template(rf, ctx) { if (rf & 1) {
21823
+ i0.ɵɵelement(0, "ccd-query-attachments-read", 15);
21790
21824
  } if (rf & 2) {
21791
21825
  const child_r3 = i0.ɵɵnextContext(3).$implicit;
21792
21826
  i0.ɵɵproperty("attachments", child_r3.attachments);
21793
21827
  } }
21794
- function QueryDetailsComponent_ng_container_0_ng_container_44_ng_container_1_ng_template_2_tr_26_Template(rf, ctx) { if (rf & 1) {
21795
- i0.ɵɵelementStart(0, "tr", 5)(1, "th", 6);
21828
+ function QueryDetailsComponent_ng_container_0_ng_container_46_ng_container_1_ng_template_2_tr_26_Template(rf, ctx) { if (rf & 1) {
21829
+ i0.ɵɵelementStart(0, "tr", 6)(1, "th", 7);
21796
21830
  i0.ɵɵtext(2);
21797
21831
  i0.ɵɵpipe(3, "rpxTranslate");
21798
21832
  i0.ɵɵelementEnd();
21799
- i0.ɵɵelementStart(4, "td", 7);
21800
- i0.ɵɵtemplate(5, QueryDetailsComponent_ng_container_0_ng_container_44_ng_container_1_ng_template_2_tr_26_ccd_query_attachments_read_5_Template, 1, 1, "ccd-query-attachments-read", 12);
21833
+ i0.ɵɵelementStart(4, "td", 8);
21834
+ i0.ɵɵtemplate(5, QueryDetailsComponent_ng_container_0_ng_container_46_ng_container_1_ng_template_2_tr_26_ccd_query_attachments_read_5_Template, 1, 1, "ccd-query-attachments-read", 14);
21801
21835
  i0.ɵɵelementEnd()();
21802
21836
  } if (rf & 2) {
21803
21837
  const child_r3 = i0.ɵɵnextContext(2).$implicit;
@@ -21806,36 +21840,36 @@ function QueryDetailsComponent_ng_container_0_ng_container_44_ng_container_1_ng_
21806
21840
  i0.ɵɵadvance(3);
21807
21841
  i0.ɵɵproperty("ngIf", child_r3.attachments);
21808
21842
  } }
21809
- function QueryDetailsComponent_ng_container_0_ng_container_44_ng_container_1_ng_template_2_Template(rf, ctx) { if (rf & 1) {
21810
- i0.ɵɵelementStart(0, "table", 2);
21843
+ function QueryDetailsComponent_ng_container_0_ng_container_46_ng_container_1_ng_template_2_Template(rf, ctx) { if (rf & 1) {
21844
+ i0.ɵɵelementStart(0, "table", 3);
21811
21845
  i0.ɵɵpipe(1, "rpxTranslate");
21812
- i0.ɵɵelementStart(2, "caption", 3)(3, "div");
21846
+ i0.ɵɵelementStart(2, "caption", 4)(3, "div");
21813
21847
  i0.ɵɵtext(4);
21814
21848
  i0.ɵɵpipe(5, "rpxTranslate");
21815
21849
  i0.ɵɵelementEnd()();
21816
- i0.ɵɵelementStart(6, "tbody", 4)(7, "tr", 5)(8, "th", 6);
21850
+ i0.ɵɵelementStart(6, "tbody", 5)(7, "tr", 6)(8, "th", 7);
21817
21851
  i0.ɵɵtext(9);
21818
21852
  i0.ɵɵpipe(10, "rpxTranslate");
21819
21853
  i0.ɵɵelementEnd();
21820
- i0.ɵɵelementStart(11, "td", 7);
21854
+ i0.ɵɵelementStart(11, "td", 8);
21821
21855
  i0.ɵɵtext(12);
21822
21856
  i0.ɵɵpipe(13, "date");
21823
21857
  i0.ɵɵelementEnd()();
21824
- i0.ɵɵelementStart(14, "tr", 5)(15, "th", 6);
21858
+ i0.ɵɵelementStart(14, "tr", 6)(15, "th", 7);
21825
21859
  i0.ɵɵtext(16);
21826
21860
  i0.ɵɵpipe(17, "rpxTranslate");
21827
21861
  i0.ɵɵelementEnd();
21828
- i0.ɵɵelementStart(18, "td", 7);
21862
+ i0.ɵɵelementStart(18, "td", 8);
21829
21863
  i0.ɵɵtext(19);
21830
21864
  i0.ɵɵelementEnd()();
21831
- i0.ɵɵelementStart(20, "tr", 5)(21, "th", 6);
21865
+ i0.ɵɵelementStart(20, "tr", 6)(21, "th", 7);
21832
21866
  i0.ɵɵtext(22);
21833
21867
  i0.ɵɵpipe(23, "rpxTranslate");
21834
21868
  i0.ɵɵelementEnd();
21835
- i0.ɵɵelementStart(24, "td", 7);
21869
+ i0.ɵɵelementStart(24, "td", 8);
21836
21870
  i0.ɵɵtext(25);
21837
21871
  i0.ɵɵelementEnd()();
21838
- i0.ɵɵtemplate(26, QueryDetailsComponent_ng_container_0_ng_container_44_ng_container_1_ng_template_2_tr_26_Template, 6, 4, "tr", 9);
21872
+ i0.ɵɵtemplate(26, QueryDetailsComponent_ng_container_0_ng_container_46_ng_container_1_ng_template_2_tr_26_Template, 6, 4, "tr", 10);
21839
21873
  i0.ɵɵelementEnd()();
21840
21874
  } if (rf & 2) {
21841
21875
  const child_r3 = i0.ɵɵnextContext().$implicit;
@@ -21857,9 +21891,9 @@ function QueryDetailsComponent_ng_container_0_ng_container_44_ng_container_1_ng_
21857
21891
  i0.ɵɵadvance();
21858
21892
  i0.ɵɵproperty("ngIf", child_r3.attachments.length > 0);
21859
21893
  } }
21860
- function QueryDetailsComponent_ng_container_0_ng_container_44_ng_container_1_Template(rf, ctx) { if (rf & 1) {
21894
+ function QueryDetailsComponent_ng_container_0_ng_container_46_ng_container_1_Template(rf, ctx) { if (rf & 1) {
21861
21895
  i0.ɵɵelementContainerStart(0);
21862
- i0.ɵɵtemplate(1, QueryDetailsComponent_ng_container_0_ng_container_44_ng_container_1_ng_container_1_Template, 23, 19, "ng-container", 15)(2, QueryDetailsComponent_ng_container_0_ng_container_44_ng_container_1_ng_template_2_Template, 27, 22, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor);
21896
+ i0.ɵɵtemplate(1, QueryDetailsComponent_ng_container_0_ng_container_46_ng_container_1_ng_container_1_Template, 23, 19, "ng-container", 17)(2, QueryDetailsComponent_ng_container_0_ng_container_46_ng_container_1_ng_template_2_Template, 27, 22, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor);
21863
21897
  i0.ɵɵelementContainerEnd();
21864
21898
  } if (rf & 2) {
21865
21899
  const i_r4 = ctx.index;
@@ -21867,103 +21901,107 @@ function QueryDetailsComponent_ng_container_0_ng_container_44_ng_container_1_Tem
21867
21901
  i0.ɵɵadvance();
21868
21902
  i0.ɵɵproperty("ngIf", i_r4 % 2 === 0)("ngIfElse", followUpMessage_r5);
21869
21903
  } }
21870
- function QueryDetailsComponent_ng_container_0_ng_container_44_Template(rf, ctx) { if (rf & 1) {
21904
+ function QueryDetailsComponent_ng_container_0_ng_container_46_Template(rf, ctx) { if (rf & 1) {
21871
21905
  i0.ɵɵelementContainerStart(0);
21872
- i0.ɵɵtemplate(1, QueryDetailsComponent_ng_container_0_ng_container_44_ng_container_1_Template, 4, 2, "ng-container", 14);
21906
+ i0.ɵɵtemplate(1, QueryDetailsComponent_ng_container_0_ng_container_46_ng_container_1_Template, 4, 2, "ng-container", 16);
21873
21907
  i0.ɵɵelementContainerEnd();
21874
21908
  } if (rf & 2) {
21875
- const ctx_r1 = i0.ɵɵnextContext(2);
21909
+ const ctx_r0 = i0.ɵɵnextContext(2);
21876
21910
  i0.ɵɵadvance();
21877
- i0.ɵɵproperty("ngForOf", ctx_r1.query.children);
21911
+ i0.ɵɵproperty("ngForOf", ctx_r0.query.children);
21878
21912
  } }
21879
21913
  function QueryDetailsComponent_ng_container_0_Template(rf, ctx) { if (rf & 1) {
21880
21914
  i0.ɵɵelementContainerStart(0);
21881
- i0.ɵɵtemplate(1, QueryDetailsComponent_ng_container_0_p_1_Template, 4, 3, "p", 1);
21882
- i0.ɵɵelementStart(2, "div")(3, "table", 2);
21883
- i0.ɵɵpipe(4, "rpxTranslate");
21884
- i0.ɵɵelementStart(5, "caption", 3)(6, "div");
21885
- i0.ɵɵtext(7);
21886
- i0.ɵɵpipe(8, "rpxTranslate");
21915
+ i0.ɵɵtemplate(1, QueryDetailsComponent_ng_container_0_cut_alert_1_Template, 3, 1, "cut-alert", 2);
21916
+ i0.ɵɵelement(2, "br");
21917
+ i0.ɵɵtemplate(3, QueryDetailsComponent_ng_container_0_p_3_Template, 4, 3, "p", 1);
21918
+ i0.ɵɵelementStart(4, "div")(5, "table", 3);
21919
+ i0.ɵɵpipe(6, "rpxTranslate");
21920
+ i0.ɵɵelementStart(7, "caption", 4)(8, "div");
21921
+ i0.ɵɵtext(9);
21922
+ i0.ɵɵpipe(10, "rpxTranslate");
21887
21923
  i0.ɵɵelementEnd()();
21888
- i0.ɵɵelementStart(9, "tbody", 4)(10, "tr", 5)(11, "th", 6);
21889
- i0.ɵɵtext(12);
21890
- i0.ɵɵpipe(13, "rpxTranslate");
21924
+ i0.ɵɵelementStart(11, "tbody", 5)(12, "tr", 6)(13, "th", 7);
21925
+ i0.ɵɵtext(14);
21926
+ i0.ɵɵpipe(15, "rpxTranslate");
21891
21927
  i0.ɵɵelementEnd();
21892
- i0.ɵɵelementStart(14, "td", 7);
21893
- i0.ɵɵtext(15);
21928
+ i0.ɵɵelementStart(16, "td", 8);
21929
+ i0.ɵɵtext(17);
21894
21930
  i0.ɵɵelementEnd()();
21895
- i0.ɵɵelementStart(16, "tr", 5)(17, "th", 6);
21896
- i0.ɵɵtext(18);
21897
- i0.ɵɵpipe(19, "rpxTranslate");
21931
+ i0.ɵɵelementStart(18, "tr", 6)(19, "th", 7);
21932
+ i0.ɵɵtext(20);
21933
+ i0.ɵɵpipe(21, "rpxTranslate");
21898
21934
  i0.ɵɵelementEnd();
21899
- i0.ɵɵelementStart(20, "td", 7);
21900
- i0.ɵɵtext(21);
21901
- i0.ɵɵpipe(22, "date");
21935
+ i0.ɵɵelementStart(22, "td", 8);
21936
+ i0.ɵɵtext(23);
21937
+ i0.ɵɵpipe(24, "date");
21902
21938
  i0.ɵɵelementEnd()();
21903
- i0.ɵɵelementStart(23, "tr", 5)(24, "th", 6);
21904
- i0.ɵɵtext(25);
21905
- i0.ɵɵpipe(26, "rpxTranslate");
21939
+ i0.ɵɵelementStart(25, "tr", 6)(26, "th", 7);
21940
+ i0.ɵɵtext(27);
21941
+ i0.ɵɵpipe(28, "rpxTranslate");
21906
21942
  i0.ɵɵelementEnd();
21907
- i0.ɵɵelementStart(27, "td", 7);
21908
- i0.ɵɵtext(28);
21943
+ i0.ɵɵelementStart(29, "td", 8);
21944
+ i0.ɵɵtext(30);
21909
21945
  i0.ɵɵelementEnd()();
21910
- i0.ɵɵelementStart(29, "tr", 5)(30, "th", 6);
21911
- i0.ɵɵtext(31);
21912
- i0.ɵɵpipe(32, "rpxTranslate");
21946
+ i0.ɵɵelementStart(31, "tr", 6)(32, "th", 7);
21947
+ i0.ɵɵtext(33);
21948
+ i0.ɵɵpipe(34, "rpxTranslate");
21913
21949
  i0.ɵɵelementEnd();
21914
- i0.ɵɵelementStart(33, "td", 7);
21915
- i0.ɵɵtext(34);
21950
+ i0.ɵɵelementStart(35, "td", 8);
21951
+ i0.ɵɵtext(36);
21916
21952
  i0.ɵɵelementEnd()();
21917
- i0.ɵɵelementStart(35, "tr", 5)(36, "th", 6);
21918
- i0.ɵɵtext(37);
21919
- i0.ɵɵpipe(38, "rpxTranslate");
21953
+ i0.ɵɵelementStart(37, "tr", 6)(38, "th", 7);
21954
+ i0.ɵɵtext(39);
21955
+ i0.ɵɵpipe(40, "rpxTranslate");
21920
21956
  i0.ɵɵelementEnd();
21921
- i0.ɵɵelementStart(39, "td", 7);
21922
- i0.ɵɵtext(40);
21923
- i0.ɵɵpipe(41, "rpxTranslate");
21957
+ i0.ɵɵelementStart(41, "td", 8);
21958
+ i0.ɵɵtext(42);
21959
+ i0.ɵɵpipe(43, "rpxTranslate");
21924
21960
  i0.ɵɵelementEnd()();
21925
- i0.ɵɵtemplate(42, QueryDetailsComponent_ng_container_0_tr_42_Template, 7, 7, "tr", 8)(43, QueryDetailsComponent_ng_container_0_tr_43_Template, 6, 4, "tr", 9);
21961
+ i0.ɵɵtemplate(44, QueryDetailsComponent_ng_container_0_tr_44_Template, 7, 7, "tr", 9)(45, QueryDetailsComponent_ng_container_0_tr_45_Template, 6, 4, "tr", 10);
21926
21962
  i0.ɵɵelementEnd()()();
21927
- i0.ɵɵtemplate(44, QueryDetailsComponent_ng_container_0_ng_container_44_Template, 2, 1, "ng-container", 1);
21963
+ i0.ɵɵtemplate(46, QueryDetailsComponent_ng_container_0_ng_container_46_Template, 2, 1, "ng-container", 1);
21928
21964
  i0.ɵɵelementContainerEnd();
21929
21965
  } if (rf & 2) {
21930
- const ctx_r1 = i0.ɵɵnextContext();
21966
+ const ctx_r0 = i0.ɵɵnextContext();
21931
21967
  i0.ɵɵadvance();
21932
- i0.ɵɵproperty("ngIf", ctx_r1.showItem);
21968
+ i0.ɵɵproperty("ngIf", ctx_r0.hasRespondedToQuery() && !ctx_r0.showItem);
21969
+ i0.ɵɵadvance(2);
21970
+ i0.ɵɵproperty("ngIf", ctx_r0.showItem);
21933
21971
  i0.ɵɵadvance(2);
21934
- i0.ɵɵattribute("aria-describedby", i0.ɵɵpipeBind1(4, 20, "Details of the query"));
21972
+ i0.ɵɵattribute("aria-describedby", i0.ɵɵpipeBind1(6, 21, "Details of the query"));
21935
21973
  i0.ɵɵadvance(4);
21936
- i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(8, 22, "Query details"));
21974
+ i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(10, 23, "Query details"));
21937
21975
  i0.ɵɵadvance(5);
21938
- i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(13, 24, "Last submitted by"));
21976
+ i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(15, 25, "Last submitted by"));
21939
21977
  i0.ɵɵadvance(3);
21940
- i0.ɵɵtextInterpolate(ctx_r1.query.lastSubmittedBy);
21978
+ i0.ɵɵtextInterpolate(ctx_r0.query.lastSubmittedBy);
21941
21979
  i0.ɵɵadvance(3);
21942
- i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(19, 26, "Submission date"));
21980
+ i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(21, 27, "Submission date"));
21943
21981
  i0.ɵɵadvance(3);
21944
- i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(22, 28, ctx_r1.query.createdOn, "dd MMMM YYYY HH:mm"));
21982
+ i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(24, 29, ctx_r0.query.createdOn, "dd MMMM YYYY HH:mm"));
21945
21983
  i0.ɵɵadvance(4);
21946
- i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(26, 31, "Query subject"));
21984
+ i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(28, 32, "Query subject"));
21947
21985
  i0.ɵɵadvance(3);
21948
- i0.ɵɵtextInterpolate(ctx_r1.query.subject);
21986
+ i0.ɵɵtextInterpolate(ctx_r0.query.subject);
21949
21987
  i0.ɵɵadvance(3);
21950
- i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(32, 33, "Query body"));
21988
+ i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(34, 34, "Query body"));
21951
21989
  i0.ɵɵadvance(3);
21952
- i0.ɵɵtextInterpolate(ctx_r1.query.body);
21990
+ i0.ɵɵtextInterpolate(ctx_r0.query.body);
21953
21991
  i0.ɵɵadvance(2);
21954
- i0.ɵɵclassProp("govuk-table__header--no-border", ctx_r1.query.isHearingRelated);
21992
+ i0.ɵɵclassProp("govuk-table__header--no-border", ctx_r0.query.isHearingRelated);
21955
21993
  i0.ɵɵadvance();
21956
- i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(38, 35, "Is the query hearing related?"), " ");
21994
+ i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(40, 36, "Is the query hearing related?"), " ");
21957
21995
  i0.ɵɵadvance(2);
21958
- i0.ɵɵclassProp("govuk-table__cell--no-border", ctx_r1.query.isHearingRelated);
21996
+ i0.ɵɵclassProp("govuk-table__cell--no-border", ctx_r0.query.isHearingRelated);
21959
21997
  i0.ɵɵadvance();
21960
- i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind3(41, 37, "Is the query hearing related?", null, ctx_r1.query.isHearingRelated), "");
21998
+ i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind3(43, 38, "Is the query hearing related?", null, ctx_r0.query.isHearingRelated), "");
21961
21999
  i0.ɵɵadvance(2);
21962
- i0.ɵɵproperty("ngIf", ctx_r1.query.isHearingRelated === "Yes");
22000
+ i0.ɵɵproperty("ngIf", ctx_r0.query.isHearingRelated === "Yes");
21963
22001
  i0.ɵɵadvance();
21964
- i0.ɵɵproperty("ngIf", ctx_r1.query.attachments.length > 0);
22002
+ i0.ɵɵproperty("ngIf", ctx_r0.query.attachments.length > 0);
21965
22003
  i0.ɵɵadvance();
21966
- i0.ɵɵproperty("ngIf", (ctx_r1.query.children == null ? null : ctx_r1.query.children.length) > 0);
22004
+ i0.ɵɵproperty("ngIf", (ctx_r0.query.children == null ? null : ctx_r0.query.children.length) > 0);
21967
22005
  } }
21968
22006
  class QueryDetailsComponent {
21969
22007
  sessionStorageService;
@@ -21975,6 +22013,7 @@ class QueryDetailsComponent {
21975
22013
  backClicked = new EventEmitter();
21976
22014
  hasResponded = new EventEmitter();
21977
22015
  showItem = true;
22016
+ message;
21978
22017
  static QUERY_ITEM_RESPOND = '3';
21979
22018
  static QUERY_ITEM_FOLLOW_UP = '4';
21980
22019
  queryItemId;
@@ -22006,6 +22045,7 @@ class QueryDetailsComponent {
22006
22045
  this.hasResponded.emit(false);
22007
22046
  return false;
22008
22047
  }
22048
+ this.message = Constants.TASK_COMPLETION_ERROR;
22009
22049
  this.hasResponded.emit(true);
22010
22050
  return true;
22011
22051
  }
@@ -22017,15 +22057,15 @@ class QueryDetailsComponent {
22017
22057
  return false;
22018
22058
  }
22019
22059
  static ɵfac = function QueryDetailsComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || QueryDetailsComponent)(i0.ɵɵdirectiveInject(SessionStorageService), i0.ɵɵdirectiveInject(i1$1.ActivatedRoute), i0.ɵɵdirectiveInject(i1$1.Router)); };
22020
- static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: QueryDetailsComponent, selectors: [["ccd-query-details"]], inputs: { query: "query", caseId: "caseId", queryResponseStatus: "queryResponseStatus" }, outputs: { backClicked: "backClicked", hasResponded: "hasResponded" }, features: [i0.ɵɵNgOnChangesFeature], decls: 1, vars: 1, consts: [["followUpMessage", ""], [4, "ngIf"], [1, "govuk-table", "query-details-table"], [1, "govuk-table__caption", "govuk-table__caption--l"], [1, "govuk-table__body"], [1, "govuk-table__row"], ["scope", "row", 1, "govuk-table__header"], [1, "govuk-table__cell"], ["class", "govuk-table__row govuk-table__row--isHearingRelated", 4, "ngIf"], ["class", "govuk-table__row", 4, "ngIf"], ["href", "javascript:void(0)", 1, "govuk-link", 3, "click"], [1, "govuk-table__row", "govuk-table__row--isHearingRelated"], [3, "attachments", 4, "ngIf"], [3, "attachments"], [4, "ngFor", "ngForOf"], [4, "ngIf", "ngIfElse"]], template: function QueryDetailsComponent_Template(rf, ctx) { if (rf & 1) {
22021
- i0.ɵɵtemplate(0, QueryDetailsComponent_ng_container_0_Template, 45, 41, "ng-container", 1);
22060
+ static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: QueryDetailsComponent, selectors: [["ccd-query-details"]], inputs: { query: "query", caseId: "caseId", queryResponseStatus: "queryResponseStatus" }, outputs: { backClicked: "backClicked", hasResponded: "hasResponded" }, features: [i0.ɵɵNgOnChangesFeature], decls: 1, vars: 1, consts: [["followUpMessage", ""], [4, "ngIf"], ["type", "error", 4, "ngIf"], [1, "govuk-table", "query-details-table"], [1, "govuk-table__caption", "govuk-table__caption--l"], [1, "govuk-table__body"], [1, "govuk-table__row"], ["scope", "row", 1, "govuk-table__header"], [1, "govuk-table__cell"], ["class", "govuk-table__row govuk-table__row--isHearingRelated", 4, "ngIf"], ["class", "govuk-table__row", 4, "ngIf"], ["type", "error"], ["href", "javascript:void(0)", 1, "govuk-link", 3, "click"], [1, "govuk-table__row", "govuk-table__row--isHearingRelated"], [3, "attachments", 4, "ngIf"], [3, "attachments"], [4, "ngFor", "ngForOf"], [4, "ngIf", "ngIfElse"]], template: function QueryDetailsComponent_Template(rf, ctx) { if (rf & 1) {
22061
+ i0.ɵɵtemplate(0, QueryDetailsComponent_ng_container_0_Template, 47, 42, "ng-container", 1);
22022
22062
  } if (rf & 2) {
22023
22063
  i0.ɵɵproperty("ngIf", ctx.query);
22024
22064
  } }, styles: [".query-details-table[_ngcontent-%COMP%] .govuk-table__header[_ngcontent-%COMP%]{width:330px}"] });
22025
22065
  }
22026
22066
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(QueryDetailsComponent, [{
22027
22067
  type: Component,
22028
- args: [{ selector: 'ccd-query-details', template: "<ng-container *ngIf=\"query\">\n <p *ngIf=\"showItem\">\n <a class=\"govuk-link\" href=\"javascript:void(0)\" (click)=\"onBack()\">{{ 'Back to query list' | rpxTranslate }}</a>\n </p>\n <div>\n <table class=\"govuk-table query-details-table\" [attr.aria-describedby]=\"'Details of the query' | rpxTranslate\">\n <caption class=\"govuk-table__caption govuk-table__caption--l\">\n <div>{{ 'Query details' | rpxTranslate }}</div>\n </caption>\n <tbody class=\"govuk-table__body\">\n <tr class=\"govuk-table__row\">\n <th scope=\"row\" class=\"govuk-table__header\">{{ 'Last submitted by' | rpxTranslate }}</th>\n <td class=\"govuk-table__cell\">{{ query.lastSubmittedBy }}</td>\n </tr>\n <tr class=\"govuk-table__row\">\n <th scope=\"row\" class=\"govuk-table__header\">{{ 'Submission date' | rpxTranslate }}</th>\n <td class=\"govuk-table__cell\">{{ query.createdOn | date: 'dd MMMM YYYY HH:mm' }}</td>\n </tr>\n <tr class=\"govuk-table__row\">\n <th scope=\"row\" class=\"govuk-table__header\">{{ 'Query subject' | rpxTranslate }}</th>\n <td class=\"govuk-table__cell\">{{ query.subject }}</td>\n </tr>\n <tr class=\"govuk-table__row\">\n <th scope=\"row\" class=\"govuk-table__header\">{{ 'Query body' | rpxTranslate }}</th>\n <td class=\"govuk-table__cell\">{{ query.body }}</td>\n </tr>\n <tr class=\"govuk-table__row\">\n <th scope=\"row\" class=\"govuk-table__header\" [class.govuk-table__header--no-border]=\"query.isHearingRelated\">\n {{ 'Is the query hearing related?' | rpxTranslate }}\n </th>\n <td class=\"govuk-table__cell\" [class.govuk-table__cell--no-border]=\"query.isHearingRelated\">\n {{ 'Is the query hearing related?' | rpxTranslate: null : (query.isHearingRelated) }}</td>\n </tr>\n <tr class=\"govuk-table__row govuk-table__row--isHearingRelated\" *ngIf=\"query.isHearingRelated === 'Yes'\">\n <th scope=\"row\" class=\"govuk-table__header\">{{ 'What is the date of the hearing?' | rpxTranslate }}</th>\n <td class=\"govuk-table__cell\">{{ query.hearingDate | date: 'dd MMM yyyy' }}</td>\n </tr>\n <tr class=\"govuk-table__row\" *ngIf=\"query.attachments.length > 0\">\n <th scope=\"row\" class=\"govuk-table__header\">{{ 'Attachments' | rpxTranslate }}</th>\n <td class=\"govuk-table__cell\">\n <ccd-query-attachments-read\n *ngIf=\"query.attachments\"\n [attachments]=\"query.attachments\"\n >\n </ccd-query-attachments-read>\n </td>\n </tr>\n </tbody>\n </table>\n </div>\n <ng-container *ngIf=\"query.children?.length > 0\">\n <ng-container *ngFor=\"let child of query.children; let i = index;\">\n <ng-container *ngIf=\"i % 2 === 0; else followUpMessage\">\n <table class=\"govuk-table query-details-table\" [attr.aria-describedby]=\"'Response of the query' | rpxTranslate\">\n <caption class=\"govuk-table__caption govuk-table__caption--l\">\n <div>{{ 'Response' | rpxTranslate }}</div>\n </caption>\n <tbody class=\"govuk-table__body\">\n <tr class=\"govuk-table__row\">\n <th scope=\"row\" class=\"govuk-table__header\">{{ 'Last response date' | rpxTranslate }}</th>\n <td class=\"govuk-table__cell\">{{ child.createdOn | date: 'dd MMMM YYYY HH:mm' }}</td>\n </tr>\n\n <tr *ngIf=\"isInternalUser()\" class=\"govuk-table__row\">\n <th scope=\"row\" class=\"govuk-table__header\">{{ 'Caseworker name' | rpxTranslate }}</th>\n <td class=\"govuk-table__cell\">{{ child.name }}</td>\n </tr>\n\n <tr class=\"govuk-table__row\">\n <th scope=\"row\" class=\"govuk-table__header\">{{ 'Response detail' | rpxTranslate }}</th>\n <td class=\"govuk-table__cell\">{{ child.body }}</td>\n </tr>\n\n <tr class=\"govuk-table__row\" *ngIf=\"child.attachments.length > 0\">\n <th scope=\"row\" class=\"govuk-table__header\">{{ 'Attachments' | rpxTranslate }}</th>\n <td class=\"govuk-table__cell\">\n <ccd-query-attachments-read\n *ngIf=\"child.attachments\"\n [attachments]=\"child.attachments\"\n >\n </ccd-query-attachments-read>\n </td>\n </tr>\n </tbody>\n </table>\n </ng-container>\n\n <ng-template #followUpMessage>\n <!-- <div class=\"query_details_caption\">{{ 'Follow-up' | rpxTranslate }}</div> -->\n <table class=\"govuk-table query-details-table\"\n [attr.aria-describedby]=\"'Follow-up of the response' | rpxTranslate\">\n <caption class=\"govuk-table__caption govuk-table__caption--l\">\n <div>{{ 'Follow up query' | rpxTranslate }}</div>\n </caption>\n <tbody class=\"govuk-table__body\">\n <tr class=\"govuk-table__row\">\n <th scope=\"row\" class=\"govuk-table__header\">{{ 'Last submission date' | rpxTranslate }}</th>\n <td class=\"govuk-table__cell\">{{ child.createdOn | date: 'dd MMMM YYYY HH:mm'}}</td>\n </tr>\n\n <tr class=\"govuk-table__row\">\n <th scope=\"row\" class=\"govuk-table__header\">{{ 'Last submitted by' | rpxTranslate }}</th>\n <td class=\"govuk-table__cell\">{{ child.name }}</td>\n </tr>\n\n <tr class=\"govuk-table__row\">\n <th scope=\"row\" class=\"govuk-table__header\">{{ 'Query detail' | rpxTranslate }}</th>\n <td class=\"govuk-table__cell\">{{ child.body }}</td>\n </tr>\n\n <tr class=\"govuk-table__row\" *ngIf=\"child.attachments.length > 0\">\n <th scope=\"row\" class=\"govuk-table__header\">{{ 'Attachments' | rpxTranslate }}</th>\n <td class=\"govuk-table__cell\">\n <ccd-query-attachments-read\n *ngIf=\"child.attachments\"\n [attachments]=\"child.attachments\"\n >\n </ccd-query-attachments-read>\n </td>\n </tr>\n </tbody>\n </table>\n </ng-template>\n </ng-container>\n </ng-container>\n</ng-container>\n", styles: [".query-details-table .govuk-table__header{width:330px}\n"] }]
22068
+ args: [{ selector: 'ccd-query-details', template: "<ng-container *ngIf=\"query\">\n <cut-alert type=\"error\" *ngIf=\"hasRespondedToQuery() && !showItem\">\n <ng-container>{{message}}</ng-container>\n </cut-alert>\n\n <br/>\n <p *ngIf=\"showItem\">\n <a class=\"govuk-link\" href=\"javascript:void(0)\" (click)=\"onBack()\">{{ 'Back to query list' | rpxTranslate }}</a>\n </p>\n <div>\n <table class=\"govuk-table query-details-table\" [attr.aria-describedby]=\"'Details of the query' | rpxTranslate\">\n <caption class=\"govuk-table__caption govuk-table__caption--l\">\n <div>{{ 'Query details' | rpxTranslate }}</div>\n </caption>\n <tbody class=\"govuk-table__body\">\n <tr class=\"govuk-table__row\">\n <th scope=\"row\" class=\"govuk-table__header\">{{ 'Last submitted by' | rpxTranslate }}</th>\n <td class=\"govuk-table__cell\">{{ query.lastSubmittedBy }}</td>\n </tr>\n <tr class=\"govuk-table__row\">\n <th scope=\"row\" class=\"govuk-table__header\">{{ 'Submission date' | rpxTranslate }}</th>\n <td class=\"govuk-table__cell\">{{ query.createdOn | date: 'dd MMMM YYYY HH:mm' }}</td>\n </tr>\n <tr class=\"govuk-table__row\">\n <th scope=\"row\" class=\"govuk-table__header\">{{ 'Query subject' | rpxTranslate }}</th>\n <td class=\"govuk-table__cell\">{{ query.subject }}</td>\n </tr>\n <tr class=\"govuk-table__row\">\n <th scope=\"row\" class=\"govuk-table__header\">{{ 'Query body' | rpxTranslate }}</th>\n <td class=\"govuk-table__cell\">{{ query.body }}</td>\n </tr>\n <tr class=\"govuk-table__row\">\n <th scope=\"row\" class=\"govuk-table__header\" [class.govuk-table__header--no-border]=\"query.isHearingRelated\">\n {{ 'Is the query hearing related?' | rpxTranslate }}\n </th>\n <td class=\"govuk-table__cell\" [class.govuk-table__cell--no-border]=\"query.isHearingRelated\">\n {{ 'Is the query hearing related?' | rpxTranslate: null : (query.isHearingRelated) }}</td>\n </tr>\n <tr class=\"govuk-table__row govuk-table__row--isHearingRelated\" *ngIf=\"query.isHearingRelated === 'Yes'\">\n <th scope=\"row\" class=\"govuk-table__header\">{{ 'What is the date of the hearing?' | rpxTranslate }}</th>\n <td class=\"govuk-table__cell\">{{ query.hearingDate | date: 'dd MMM yyyy' }}</td>\n </tr>\n <tr class=\"govuk-table__row\" *ngIf=\"query.attachments.length > 0\">\n <th scope=\"row\" class=\"govuk-table__header\">{{ 'Attachments' | rpxTranslate }}</th>\n <td class=\"govuk-table__cell\">\n <ccd-query-attachments-read\n *ngIf=\"query.attachments\"\n [attachments]=\"query.attachments\"\n >\n </ccd-query-attachments-read>\n </td>\n </tr>\n </tbody>\n </table>\n </div>\n <ng-container *ngIf=\"query.children?.length > 0\">\n <ng-container *ngFor=\"let child of query.children; let i = index;\">\n <ng-container *ngIf=\"i % 2 === 0; else followUpMessage\">\n <table class=\"govuk-table query-details-table\" [attr.aria-describedby]=\"'Response of the query' | rpxTranslate\">\n <caption class=\"govuk-table__caption govuk-table__caption--l\">\n <div>{{ 'Response' | rpxTranslate }}</div>\n </caption>\n <tbody class=\"govuk-table__body\">\n <tr class=\"govuk-table__row\">\n <th scope=\"row\" class=\"govuk-table__header\">{{ 'Last response date' | rpxTranslate }}</th>\n <td class=\"govuk-table__cell\">{{ child.createdOn | date: 'dd MMMM YYYY HH:mm' }}</td>\n </tr>\n\n <tr *ngIf=\"isInternalUser()\" class=\"govuk-table__row\">\n <th scope=\"row\" class=\"govuk-table__header\">{{ 'Caseworker name' | rpxTranslate }}</th>\n <td class=\"govuk-table__cell\">{{ child.name }}</td>\n </tr>\n\n <tr class=\"govuk-table__row\">\n <th scope=\"row\" class=\"govuk-table__header\">{{ 'Response detail' | rpxTranslate }}</th>\n <td class=\"govuk-table__cell\">{{ child.body }}</td>\n </tr>\n\n <tr class=\"govuk-table__row\" *ngIf=\"child.attachments.length > 0\">\n <th scope=\"row\" class=\"govuk-table__header\">{{ 'Attachments' | rpxTranslate }}</th>\n <td class=\"govuk-table__cell\">\n <ccd-query-attachments-read\n *ngIf=\"child.attachments\"\n [attachments]=\"child.attachments\"\n >\n </ccd-query-attachments-read>\n </td>\n </tr>\n </tbody>\n </table>\n </ng-container>\n\n <ng-template #followUpMessage>\n <!-- <div class=\"query_details_caption\">{{ 'Follow-up' | rpxTranslate }}</div> -->\n <table class=\"govuk-table query-details-table\"\n [attr.aria-describedby]=\"'Follow-up of the response' | rpxTranslate\">\n <caption class=\"govuk-table__caption govuk-table__caption--l\">\n <div>{{ 'Follow up query' | rpxTranslate }}</div>\n </caption>\n <tbody class=\"govuk-table__body\">\n <tr class=\"govuk-table__row\">\n <th scope=\"row\" class=\"govuk-table__header\">{{ 'Last submission date' | rpxTranslate }}</th>\n <td class=\"govuk-table__cell\">{{ child.createdOn | date: 'dd MMMM YYYY HH:mm'}}</td>\n </tr>\n\n <tr class=\"govuk-table__row\">\n <th scope=\"row\" class=\"govuk-table__header\">{{ 'Last submitted by' | rpxTranslate }}</th>\n <td class=\"govuk-table__cell\">{{ child.name }}</td>\n </tr>\n\n <tr class=\"govuk-table__row\">\n <th scope=\"row\" class=\"govuk-table__header\">{{ 'Query detail' | rpxTranslate }}</th>\n <td class=\"govuk-table__cell\">{{ child.body }}</td>\n </tr>\n\n <tr class=\"govuk-table__row\" *ngIf=\"child.attachments.length > 0\">\n <th scope=\"row\" class=\"govuk-table__header\">{{ 'Attachments' | rpxTranslate }}</th>\n <td class=\"govuk-table__cell\">\n <ccd-query-attachments-read\n *ngIf=\"child.attachments\"\n [attachments]=\"child.attachments\"\n >\n </ccd-query-attachments-read>\n </td>\n </tr>\n </tbody>\n </table>\n </ng-template>\n </ng-container>\n </ng-container>\n</ng-container>\n", styles: [".query-details-table .govuk-table__header{width:330px}\n"] }]
22029
22069
  }], () => [{ type: SessionStorageService }, { type: i1$1.ActivatedRoute }, { type: i1$1.Router }], { query: [{
22030
22070
  type: Input
22031
22071
  }], caseId: [{
@@ -22037,7 +22077,7 @@ class QueryDetailsComponent {
22037
22077
  }], hasResponded: [{
22038
22078
  type: Output
22039
22079
  }] }); })();
22040
- (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(QueryDetailsComponent, { className: "QueryDetailsComponent", filePath: "lib/shared/components/palette/query-management/components/query-details/query-details.component.ts", lineNumber: 14 }); })();
22080
+ (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(QueryDetailsComponent, { className: "QueryDetailsComponent", filePath: "lib/shared/components/palette/query-management/components/query-details/query-details.component.ts", lineNumber: 15 }); })();
22041
22081
 
22042
22082
  class QueryEventCompletionComponent {
22043
22083
  eventCompletionParams;
@@ -22751,43 +22791,38 @@ class QueryWriteRespondToQueryComponent {
22751
22791
  });
22752
22792
  }
22753
22793
  ngOnChanges() {
22754
- if (!this.caseQueriesCollections || this.caseQueriesCollections.length === 0) {
22755
- // Silent return – this is not an error.
22756
- return;
22757
- }
22758
- if (!this.caseQueriesCollections[0]) {
22759
- console.error('caseQueriesCollections[0] is undefined!', this.caseQueriesCollections);
22760
- return;
22761
- }
22762
- const messageId = this.route.snapshot.params?.dataid;
22763
- if (!messageId) {
22764
- console.warn('No messageId found in route params:', this.route.snapshot.params);
22765
- return;
22766
- }
22767
- const allMessages = this.caseQueriesCollections
22768
- .flatMap((caseData) => caseData?.caseMessages || []);
22769
- const matchingMessage = allMessages.find((message) => message?.value?.id === messageId)?.value;
22770
- if (!matchingMessage) {
22771
- console.warn('No matching message found for ID:', messageId);
22772
- return;
22773
- }
22774
- const queryWithChildren = new QueryListData(this.caseQueriesCollections[0]);
22775
- let filteredQuery = [];
22776
- if (this.queryItemId === QueryWriteRespondToQueryComponent.QUERY_ITEM_RESPOND) {
22777
- if (matchingMessage?.parentId) {
22778
- filteredQuery = queryWithChildren.queries.filter((query) => query?.id === matchingMessage.parentId);
22794
+ if (this.caseQueriesCollections?.length > 0) {
22795
+ if (!this.caseQueriesCollections[0]) {
22796
+ console.error('caseQueriesCollections[0] is undefined!', this.caseQueriesCollections);
22797
+ return;
22779
22798
  }
22780
- else {
22781
- filteredQuery = queryWithChildren.queries.filter((query) => query?.id === matchingMessage.id);
22799
+ const queryWithChildren = new QueryListData(this.caseQueriesCollections[0]);
22800
+ const messageId = this.route.snapshot.params.dataid;
22801
+ if (!messageId) {
22802
+ console.warn('No messageId found in route params:', this.route.snapshot.params);
22803
+ return;
22804
+ }
22805
+ const filteredMessages = this.caseQueriesCollections
22806
+ .map((caseData) => caseData?.caseMessages || []) // Ensure caseMessages is always an array
22807
+ .flat() // Flatten into a single array of messages
22808
+ .filter((message) => message?.value?.id === messageId); // Safe access
22809
+ if (filteredMessages.length > 0) {
22810
+ const matchingMessage = filteredMessages[0]?.value;
22811
+ let filteredQuery = [];
22812
+ if (this.queryItemId === QueryWriteRespondToQueryComponent.QUERY_ITEM_RESPOND) {
22813
+ filteredQuery = queryWithChildren?.queries.filter((message) => filteredMessages[0]?.value?.id === message?.id);
22814
+ if (matchingMessage) {
22815
+ this.queryItemDisplay = new QueryListItem();
22816
+ Object.assign(this.queryItemDisplay, matchingMessage);
22817
+ this.queryItem = this.queryItemDisplay;
22818
+ }
22819
+ }
22820
+ else {
22821
+ filteredQuery = queryWithChildren?.queries.filter((message) => filteredMessages[0]?.value?.id === message?.id);
22822
+ }
22823
+ this.queryResponseStatus = filteredQuery[0]?.responseStatus;
22782
22824
  }
22783
- this.queryItemDisplay = new QueryListItem();
22784
- Object.assign(this.queryItemDisplay, matchingMessage);
22785
- this.queryItem = this.queryItemDisplay;
22786
- }
22787
- else {
22788
- filteredQuery = queryWithChildren.queries.filter((query) => query?.id === matchingMessage.id);
22789
22825
  }
22790
- this.queryResponseStatus = filteredQuery[0]?.responseStatus;
22791
22826
  }
22792
22827
  hasResponded(value) {
22793
22828
  this.hasRespondedToQuery = value;
@@ -23749,11 +23784,11 @@ class FieldWriteComponent extends AbstractFieldWriteComponent {
23749
23784
  } if (rf & 2) {
23750
23785
  i0.ɵɵclassProp("grey-bar", ctx.canHaveGreyBar && !ctx.caseField.hiddenCannotChange);
23751
23786
  i0.ɵɵproperty("hidden", ctx.caseField.hidden);
23752
- } }, styles: [".form [_nghost-%COMP%] .grey-bar>*>.form-group, .form [_nghost-%COMP%] .grey-bar>*>*>.form-group, .form [_nghost-%COMP%] .grey-bar>*>dl.case-field{margin-left:15px;padding-left:15px}.form [_nghost-%COMP%] .grey-bar>*>.form-group:not(.form-group-error), .form [_nghost-%COMP%] .grey-bar>*>*>.form-group:not(.form-group-error), .form [_nghost-%COMP%] .grey-bar>*>dl.case-field:not(.form-group-error){border-left:solid 5px #b1b4b6}.form [_nghost-%COMP%] .grey-bar>*>.form-group input:not(.inline-block), .form [_nghost-%COMP%] .grey-bar>*>.form-group select:not(.inline-block), .form [_nghost-%COMP%] .grey-bar>*>.form-group textarea:not(.inline-block), .form [_nghost-%COMP%] .grey-bar>*>*>.form-group input:not(.inline-block), .form [_nghost-%COMP%] .grey-bar>*>*>.form-group select:not(.inline-block), .form [_nghost-%COMP%] .grey-bar>*>*>.form-group textarea:not(.inline-block), .form [_nghost-%COMP%] .grey-bar>*>dl.case-field input:not(.inline-block), .form [_nghost-%COMP%] .grey-bar>*>dl.case-field select:not(.inline-block), .form [_nghost-%COMP%] .grey-bar>*>dl.case-field textarea:not(.inline-block){display:block}"] });
23787
+ } }, styles: [".input-upload-file[_ngcontent-%COMP%]{width:100%;display:none}.upload-file-container[_ngcontent-%COMP%]{display:flex;align-items:baseline}.input-label[_ngcontent-%COMP%]{width:8rem}.form [_nghost-%COMP%] .grey-bar>*>.form-group, .form [_nghost-%COMP%] .grey-bar>*>*>.form-group, .form [_nghost-%COMP%] .grey-bar>*>dl.case-field{margin-left:15px;padding-left:15px}.form [_nghost-%COMP%] .grey-bar>*>.form-group:not(.form-group-error), .form [_nghost-%COMP%] .grey-bar>*>*>.form-group:not(.form-group-error), .form [_nghost-%COMP%] .grey-bar>*>dl.case-field:not(.form-group-error){border-left:solid 5px #b1b4b6}.form [_nghost-%COMP%] .grey-bar>*>.form-group input:not(.inline-block), .form [_nghost-%COMP%] .grey-bar>*>.form-group select:not(.inline-block), .form [_nghost-%COMP%] .grey-bar>*>.form-group textarea:not(.inline-block), .form [_nghost-%COMP%] .grey-bar>*>*>.form-group input:not(.inline-block), .form [_nghost-%COMP%] .grey-bar>*>*>.form-group select:not(.inline-block), .form [_nghost-%COMP%] .grey-bar>*>*>.form-group textarea:not(.inline-block), .form [_nghost-%COMP%] .grey-bar>*>dl.case-field input:not(.inline-block), .form [_nghost-%COMP%] .grey-bar>*>dl.case-field select:not(.inline-block), .form [_nghost-%COMP%] .grey-bar>*>dl.case-field textarea:not(.inline-block){display:block}"] });
23753
23788
  }
23754
23789
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FieldWriteComponent, [{
23755
23790
  type: Component,
23756
- args: [{ selector: 'ccd-field-write', template: "<div [hidden]=\"caseField.hidden\" [class.grey-bar]=\"canHaveGreyBar && !caseField.hiddenCannotChange\">\n <ng-container #fieldContainer></ng-container>\n</div>\n", styles: [".form :host::ng-deep .grey-bar>*>.form-group,.form :host::ng-deep .grey-bar>*>*>.form-group,.form :host::ng-deep .grey-bar>*>dl.case-field{margin-left:15px;padding-left:15px}.form :host::ng-deep .grey-bar>*>.form-group:not(.form-group-error),.form :host::ng-deep .grey-bar>*>*>.form-group:not(.form-group-error),.form :host::ng-deep .grey-bar>*>dl.case-field:not(.form-group-error){border-left:solid 5px #b1b4b6}.form :host::ng-deep .grey-bar>*>.form-group input:not(.inline-block),.form :host::ng-deep .grey-bar>*>.form-group select:not(.inline-block),.form :host::ng-deep .grey-bar>*>.form-group textarea:not(.inline-block),.form :host::ng-deep .grey-bar>*>*>.form-group input:not(.inline-block),.form :host::ng-deep .grey-bar>*>*>.form-group select:not(.inline-block),.form :host::ng-deep .grey-bar>*>*>.form-group textarea:not(.inline-block),.form :host::ng-deep .grey-bar>*>dl.case-field input:not(.inline-block),.form :host::ng-deep .grey-bar>*>dl.case-field select:not(.inline-block),.form :host::ng-deep .grey-bar>*>dl.case-field textarea:not(.inline-block){display:block}\n"] }]
23791
+ args: [{ selector: 'ccd-field-write', template: "<div [hidden]=\"caseField.hidden\" [class.grey-bar]=\"canHaveGreyBar && !caseField.hiddenCannotChange\">\n <ng-container #fieldContainer></ng-container>\n</div>\n", styles: [".input-upload-file{width:100%;display:none}.upload-file-container{display:flex;align-items:baseline}.input-label{width:8rem}.form :host::ng-deep .grey-bar>*>.form-group,.form :host::ng-deep .grey-bar>*>*>.form-group,.form :host::ng-deep .grey-bar>*>dl.case-field{margin-left:15px;padding-left:15px}.form :host::ng-deep .grey-bar>*>.form-group:not(.form-group-error),.form :host::ng-deep .grey-bar>*>*>.form-group:not(.form-group-error),.form :host::ng-deep .grey-bar>*>dl.case-field:not(.form-group-error){border-left:solid 5px #b1b4b6}.form :host::ng-deep .grey-bar>*>.form-group input:not(.inline-block),.form :host::ng-deep .grey-bar>*>.form-group select:not(.inline-block),.form :host::ng-deep .grey-bar>*>.form-group textarea:not(.inline-block),.form :host::ng-deep .grey-bar>*>*>.form-group input:not(.inline-block),.form :host::ng-deep .grey-bar>*>*>.form-group select:not(.inline-block),.form :host::ng-deep .grey-bar>*>*>.form-group textarea:not(.inline-block),.form :host::ng-deep .grey-bar>*>dl.case-field input:not(.inline-block),.form :host::ng-deep .grey-bar>*>dl.case-field select:not(.inline-block),.form :host::ng-deep .grey-bar>*>dl.case-field textarea:not(.inline-block){display:block}\n"] }]
23757
23792
  }], () => [{ type: i0.ComponentFactoryResolver }, { type: PaletteService }], { caseFields: [{
23758
23793
  type: Input
23759
23794
  }], fieldContainer: [{
@@ -30833,7 +30868,7 @@ i0.ɵɵsetComponentScope(
30833
30868
  // Components for Query Management
30834
30869
  ReadQueryManagementFieldComponent, function () { return [i5.NgForOf, i5.NgIf, i1$1.RouterLink, QueryDetailsComponent,
30835
30870
  QueryListComponent]; }, function () { return [i1.RpxTranslatePipe]; });
30836
- i0.ɵɵsetComponentScope(QueryDetailsComponent, function () { return [i5.NgForOf, i5.NgIf, QueryAttachmentsReadComponent]; }, function () { return [i5.DatePipe, i1.RpxTranslatePipe]; });
30871
+ i0.ɵɵsetComponentScope(QueryDetailsComponent, function () { return [i5.NgForOf, i5.NgIf, AlertComponent, QueryAttachmentsReadComponent]; }, function () { return [i5.DatePipe, i1.RpxTranslatePipe]; });
30837
30872
  i0.ɵɵsetComponentScope(QueryWriteRespondToQueryComponent, function () { return [i5.NgIf, i4.DefaultValueAccessor, i4.NgControlStatus, i4.NgControlStatusGroup, i4.FormGroupDirective, i4.FormControlName, QueryDetailsComponent,
30838
30873
  QueryCaseDetailsHeaderComponent]; }, function () { return [i1.RpxTranslatePipe]; });
30839
30874
  i0.ɵɵsetComponentScope(QueryWriteRaiseQueryComponent, function () { return [i5.NgClass, i5.NgIf, i4.DefaultValueAccessor, i4.RadioControlValueAccessor, i4.NgControlStatus, i4.NgControlStatusGroup, i4.MaxLengthValidator, i4.FormGroupDirective, i4.FormControlName, MarkdownComponent, QueryCaseDetailsHeaderComponent,