@hmcts/ccd-case-ui-toolkit 4.12.0 → 4.12.1-EUI-5225-organisation-search

package/RELEASE-NOTES.md

@@ -1,11 +1,20 @@
 ## RELEASE NOTES
 
+### Version 4.12.1-EUI-5225-organisation-search
+**EUI-5225** Bug fix the organisation search functionality
+
+### Version 4.14.1-EUI-5305-change-link-accessibility-update
+**EUI-5305** Accessibility improvement for 'Change' links
+
 ### Version 4.12.0
 Add refunds functionality
 
 ### Version 4.9.15-state-machine"
 **Task event completion and state machine** Task event completion and state machine
 
+### Version 4.3.9-markdown-case-ref-EUI-3650
+**EUI-3650** Added formatting for case reference inside markdown
+
 ### Version 4.7.6-tab-not-defined-error"
 **EUI-4562** Case details Active tasks tab on success not returning to active tasks page
 
@@ -15,6 +24,9 @@ Add refunds functionality
 ### Version 4.7.6-tab-not-defined-error"
 **EUI-4562** Case details Active tasks tab on success not returning to active tasks page
 
+### Version 4.7.6-hearings-tab
+**EUI-4441** Add hearings tab in case details
+
 ### Version 4.7.6-hearings-tab
 **EUI-4441** Add hearings tab in case details
 **EUI-4627** Can't access /hearings tab from URL

package/dist/index.umd.js

@@ -1,6 +1,6 @@
 /**
  * @hmcts/ccd-case-ui-toolkit - Case UI Toolkit
- * @version v4.12.0
+ * @version v4.12.1-EUI-5225-organisation-search
  * @link undefined
  * @license MIT
  */
@@ -19090,47 +19090,55 @@ var CaseEditPageComponent = /** @class */ (function () {
         CaseEditPageComponent_1.setFocusToTop();
     };
     // Adding validation message to show it as Error Summary
-    CaseEditPageComponent.prototype.generateErrorMessage = function (fields, container) {
+    CaseEditPageComponent.prototype.generateErrorMessage = function (fields, container, path) {
         var _this = this;
         var group = container || this.editForm.controls['data'];
         fields.filter(function (casefield) { return !_this.caseFieldService.isReadOnly(casefield); })
-            .filter(function (casefield) { return !_this.pageValidationService.isHidden(casefield, _this.editForm); })
+            .filter(function (casefield) { return !_this.pageValidationService.isHidden(casefield, _this.editForm, path); })
             .forEach(function (casefield) {
             var fieldElement = group.get(casefield.id);
             if (fieldElement) {
                 var label = casefield.label || 'Field';
-                var id = casefield.id;
+                var id_1 = casefield.id;
                 if (fieldElement['component'] && fieldElement['component'].parent) {
-                    id = "" + fieldElement['component'].idPrefix + id;
+                    if (fieldElement['component'].idPrefix.indexOf('_' + id_1 + '_') === -1) {
+                        id_1 = "" + fieldElement['component'].idPrefix + id_1;
+                    }
+                    else {
+                        id_1 = "" + fieldElement['component'].idPrefix;
+                    }
                 }
                 if (fieldElement.hasError('required')) {
-                    _this.validationErrors.push({ id: id, message: label + " is required" });
+                    _this.validationErrors.push({ id: id_1, message: label + " is required" });
                     fieldElement.markAsDirty();
                 }
                 else if (fieldElement.hasError('pattern')) {
-                    _this.validationErrors.push({ id: id, message: label + " is not valid" });
+                    _this.validationErrors.push({ id: id_1, message: label + " is not valid" });
                     fieldElement.markAsDirty();
                 }
                 else if (fieldElement.hasError('minlength')) {
-                    _this.validationErrors.push({ id: id, message: label + " is below the minimum length" });
+                    _this.validationErrors.push({ id: id_1, message: label + " is below the minimum length" });
                     fieldElement.markAsDirty();
                 }
                 else if (fieldElement.hasError('maxlength')) {
-                    _this.validationErrors.push({ id: id, message: label + " exceeds the maximum length" });
+                    _this.validationErrors.push({ id: id_1, message: label + " exceeds the maximum length" });
                     fieldElement.markAsDirty();
                 }
                 else if (fieldElement.invalid) {
                     if (casefield.isComplex()) {
-                        _this.generateErrorMessage(casefield.field_type.complex_fields, fieldElement);
+                        _this.generateErrorMessage(casefield.field_type.complex_fields, fieldElement, id_1);
                     }
                     else if (casefield.isCollection() && casefield.field_type.collection_field_type.type === 'Complex') {
                         var fieldArray = fieldElement;
+                        if (fieldArray['component'] && fieldArray['component']['collItems'] && fieldArray['component']['collItems'].length > 0) {
+                            id_1 = "" + fieldArray['component']['collItems'][0].prefix;
+                        }
                         fieldArray.controls.forEach(function (c) {
-                            _this.generateErrorMessage(casefield.field_type.collection_field_type.complex_fields, c.get('value'));
+                            _this.generateErrorMessage(casefield.field_type.collection_field_type.complex_fields, c.get('value'), id_1);
                         });
                     }
                     else {
-                        _this.validationErrors.push({ id: id, message: "Select or fill the required " + casefield.label + " field" });
+                        _this.validationErrors.push({ id: id_1, message: "Select or fill the required " + casefield.label + " field" });
                         fieldElement.markAsDirty();
                     }
                 }
@@ -19196,7 +19204,7 @@ var CaseEditPageComponent = /** @class */ (function () {
     };
     CaseEditPageComponent.prototype.updateFormControlsValue = function (formGroup, caseFieldId, value) {
         var theControl = formGroup.controls['data'].get(caseFieldId);
-        if (theControl) {
+        if (theControl && theControl['status'] !== 'DISABLED') {
             if (Array.isArray(theControl.value) && Array.isArray(value)
                 && theControl.value.length > value.length && theControl['caseField']
                 && theControl['caseField']['display_context'] && theControl['caseField']['display_context'] === 'OPTIONAL'
@@ -19545,6 +19553,9 @@ var CaseEditSubmitComponent = /** @class */ (function () {
         this.formValueService.removeEmptyCollectionsWithMinValidation(caseEventData.data, this.eventTrigger.case_fields);
         caseEventData.event_token = this.eventTrigger.event_token;
         caseEventData.ignore_warning = this.ignoreWarning;
+        if (this.caseEdit.confirmation) {
+            caseEventData.data = {};
+        }
         return caseEventData;
     };
     /**
@@ -21640,10 +21651,13 @@ var PageValidationService = /** @class */ (function () {
         }
         return !(this.checkMandatoryField(caseField, theControl));
     };
-    PageValidationService.prototype.isHidden = function (caseField, editForm) {
+    PageValidationService.prototype.isHidden = function (caseField, editForm, path) {
         var formFields = editForm.getRawValue();
         var condition = conditional_show_model_1.ShowCondition.getInstance(caseField.show_condition);
-        return !condition.match(formFields.data);
+        if (path && path.indexOf('_' + caseField.id + '_') === -1) {
+            path = "" + path + caseField.id;
+        }
+        return !condition.match(formFields.data, path);
     };
     PageValidationService.prototype.checkOptionalField = function (caseField, theControl) {
         if (!theControl) {
@@ -23584,16 +23598,33 @@ var CaseFullAccessViewComponent = /** @class */ (function () {
         var matTab;
         var url = this.location.path(true);
         var hashValue = url.substring(url.indexOf('#') + 1);
-        // if we have prepended tabs route to one of the prepended tabs
-        if (!url.includes('#') && this.prependedTabs && this.prependedTabs.length) {
+        if (!url.includes('#')) {
             var paths = url.split('/');
-            var tabName_1 = decodeURIComponent(paths[paths.length - 1]);
-            var selectedTab_1 = this.prependedTabs.find(function (caseTab) { return caseTab.id.toLowerCase() === tabName_1.toLowerCase(); });
-            var tab = selectedTab_1 ? selectedTab_1.id : 'tasks';
-            this.router.navigate(['cases', 'case-details', this.caseDetails.case_id, tab]).then(function () {
-                matTab = _this.tabGroup._tabs.find(function (x) { return x.textLabel === selectedTab_1.label; });
-                _this.tabGroup.selectedIndex = matTab.position;
-            });
+            // lastPath can be /caseId, or the tabs /tasks, /hearings etc.
+            var lastPath_1 = decodeURIComponent(paths[paths.length - 1]);
+            var foundTab_1 = null;
+            var additionalTabs = this.prependedTabs.concat(this.appendedTabs);
+            if (additionalTabs && additionalTabs.length) {
+                foundTab_1 = additionalTabs.find(function (caseTab) { return caseTab.id.toLowerCase() === lastPath_1.toLowerCase(); });
+            }
+            // found tasks or hearing tab
+            if (foundTab_1) {
+                this.router.navigate(['cases', 'case-details', this.caseDetails.case_id, foundTab_1.id]).then(function () {
+                    matTab = _this.tabGroup._tabs.find(function (x) { return x.textLabel === foundTab_1.label; });
+                    _this.tabGroup.selectedIndex = matTab.position;
+                });
+                // last path is caseId
+            }
+            else {
+                // sort with the order of CCD predefined tabs
+                this.caseDetails.tabs.sort(function (aTab, bTab) { return aTab.order > bTab.order ? 1 : (bTab.order > aTab.order ? -1 : 0); });
+                // preselect the 1st order of CCD predefined tabs
+                var preSelectTab_1 = this.caseDetails.tabs[0];
+                this.router.navigate(['cases', 'case-details', this.caseDetails.case_id]).then(function () {
+                    matTab = _this.tabGroup._tabs.find(function (x) { return x.textLabel === preSelectTab_1.label; });
+                    _this.tabGroup.selectedIndex = matTab.position;
+                });
+            }
         }
         else {
             var regExp = new RegExp(CaseFullAccessViewComponent_1.UNICODE_SPACE, 'g');
@@ -26928,6 +26959,7 @@ Object.defineProperty(exports, "__esModule", ({ value: true }));
 var core_1 = __webpack_require__(57208);
 var markdown_component_1 = __webpack_require__(86843);
 var ngx_md_1 = __webpack_require__(99978);
+var pipes_1 = __webpack_require__(32741);
 exports.forRoot = ngx_md_1.NgxMdModule.forRoot();
 var MarkdownModule = /** @class */ (function () {
     function MarkdownModule() {
@@ -26935,7 +26967,8 @@ var MarkdownModule = /** @class */ (function () {
     MarkdownModule = __decorate([
         core_1.NgModule({
             imports: [
-                exports.forRoot
+                exports.forRoot,
+                pipes_1.PipesModule
             ],
             declarations: [
                 markdown_component_1.MarkdownComponent
@@ -28155,12 +28188,12 @@ var WriteCaseLinkFieldComponent = /** @class */ (function (_super) {
     WriteCaseLinkFieldComponent.prototype.ngOnInit = function () {
         if (this.caseField.value) {
             this.caseLinkGroup = this.registerControl(new forms_1.FormGroup({
-                'CaseReference': new forms_1.FormControl(this.caseField.value.CaseReference),
+                'CaseReference': new forms_1.FormControl(this.caseField.value.CaseReference, forms_1.Validators.required),
             }), true);
         }
         else {
             this.caseLinkGroup = this.registerControl(new forms_1.FormGroup({
-                'CaseReference': new forms_1.FormControl(),
+                'CaseReference': new forms_1.FormControl(null, forms_1.Validators.required),
             }), true);
         }
         this.caseReferenceControl = this.caseLinkGroup.controls['CaseReference'];
@@ -28183,6 +28216,11 @@ var WriteCaseLinkFieldComponent = /** @class */ (function (_super) {
                 }
                 return { 'error': 'Please use a valid 16 Digit Case Reference' };
             }
+            else {
+                if (control.touched) {
+                    return { 'error': 'Please use a valid 16 Digit Case Reference' };
+                }
+            }
             return null;
         };
     };
@@ -33693,13 +33731,29 @@ var WriteOrganisationFieldComponent = /** @class */ (function (_super) {
             this.simpleOrganisations$ = rxjs_1.of([]);
         }
     };
+    // The way the search works divide into two phases
+    // 1. go through collection of org items one by one by doing the comparsion of search string using includes to all the address fields
+    // 2. split the search string into arrays and apply the each array item into the address fields
+    // 3. both step 1, 2 will go until max count result reaches, and finally combine both result sets into final collection
     WriteOrganisationFieldComponent.prototype.searchOrg = function (organisations, lowerOrgSearchText) {
         var _this = this;
-        return organisations.filter(function (organisation) {
-            return _this.searchCriteria(organisation, lowerOrgSearchText) || _this.searchWithSpace(organisation, lowerOrgSearchText);
-        })
-            .map(function (organisation) { return _this.organisationConverter.toSimpleOrganisationModel(organisation); })
-            .slice(0, WriteOrganisationFieldComponent_1.MAX_RESULT_COUNT);
+        var partMatchingResultSet = [], withSpaceMatchingResultSet = [];
+        var MAX_RESULT_COUNT = WriteOrganisationFieldComponent_1.MAX_RESULT_COUNT;
+        organisations.forEach(function (organisation) {
+            if (partMatchingResultSet.length < MAX_RESULT_COUNT && _this.searchCriteria(organisation, lowerOrgSearchText)) {
+                partMatchingResultSet.push(organisation);
+            }
+        });
+        organisations.forEach(function (org) {
+            var matchingOrg = partMatchingResultSet.concat(withSpaceMatchingResultSet).find(function (item) { return item.organisationIdentifier === org.organisationIdentifier; });
+            if (!matchingOrg && partMatchingResultSet.concat(withSpaceMatchingResultSet).length < MAX_RESULT_COUNT
+                && _this.searchWithSpace(org, lowerOrgSearchText)) {
+                withSpaceMatchingResultSet.push(org);
+            }
+        });
+        return partMatchingResultSet.concat(withSpaceMatchingResultSet).map(function (organisation) {
+            return _this.organisationConverter.toSimpleOrganisationModel(organisation);
+        });
     };
     WriteOrganisationFieldComponent.prototype.searchCriteria = function (organisation, lowerOrgSearchText) {
         if (organisation.postCode && organisation.postCode.toLowerCase().includes(lowerOrgSearchText)) {
@@ -39953,7 +40007,7 @@ var CaseReferencePipe = /** @class */ (function () {
             return draft_model_1.DRAFT_PREFIX;
         }
         else {
-            return String(caseReference).replace(/(\d{4})(\d{4})(\d{4})(\d{4})/, '$1-$2-$3-$4');
+            return String(caseReference).replace(/(?<!\/)(\d{4})(\d{4})(\d{4})(\d{4})/g, '$1-$2-$3-$4');
         }
     };
     CaseReferencePipe = __decorate([
@@ -89116,7 +89170,7 @@ module.exports = "<ccd-loading-spinner  *ngIf=\"showSpinner\"></ccd-loading-spin
 /***/ 81278:
 /***/ ((module) => {
 
-module.exports = "<div *ngIf=\"!eventCompletionChecksRequired\">\n  <!-- Event trigger name -->\n  <h1 class=\"govuk-heading-l\">{{ eventTrigger.name}}</h1>\n\n  <!--Case ID or Title -->\n  <div *ngIf=\"getCaseTitle(); then titleBlock; else idBlock\"></div>\n  <ng-template #titleBlock>\n    <ccd-markdown [content]=\"getCaseTitle() | ccdCaseTitle: contextFields : editForm.controls['data']\"></ccd-markdown>\n  </ng-template>\n  <ng-template #idBlock>\n    <h2 *ngIf=\"getCaseId()\" class=\"heading-h2\">#{{ getCaseId() | ccdCaseReference }}</h2>\n  </ng-template>\n\n  <!-- Generic error heading and error message to be displayed only if there are no specific callback errors or warnings, or no error details -->\n  <div *ngIf=\"error && (!(error.callbackErrors || error.callbackWarnings || error.details) && !error.message)\" class=\"error-summary\" role=\"group\" aria-labelledby=\"edit-case-event_error-summary-heading\" tabindex=\"-1\">\n    <h1 class=\"heading-h1 error-summary-heading\" id=\"edit-case-event_error-summary-heading\">\n      Something went wrong\n    </h1>\n    <div class=\"govuk-error-summary__body\" id=\"edit-case-event_error-summary-body\">\n      <p>We're working to fix the problem. Try again shortly.</p>\n      <p><a href=\"get-help\" target=\"_blank\">Contact us</a> if you're still having problems.</p>\n    </div>\n  </div>\n  <!-- Event error heading and error message to be displayed if there are specific error details -->\n  <div *ngIf=\"error && (error.details || error.message)\" class=\"error-summary\" role=\"group\" aria-labelledby=\"edit-case-event_error-summary-heading\" tabindex=\"-1\">\n    <h3 class=\"heading-h3 error-summary-heading\" id=\"edit-case-event_error-summary-heading\">\n      The event could not be created\n    </h3>\n    <p>{{error.message}}</p>\n    <ul *ngIf=\"error.details?.field_errors\" class=\"error-summary-list\">\n      <li *ngFor=\"let fieldError of error.details.field_errors\" class=\"ccd-error-summary-li\">{{fieldError.message}}</li>\n    </ul>\n  </div>\n  <ccd-callback-errors [callbackErrorsSubject]=\"callbackErrorsSubject\"\n                      (callbackErrorsContext)=\"callbackErrorsNotify($event)\"></ccd-callback-errors>\n\n  <form class=\"check-your-answers\" [formGroup]=\"editForm\" (submit)=\"submit()\">\n    <ng-container *ngIf=\"checkYourAnswerFieldsToDisplayExists()\">\n\n      <h2 class=\"heading-h2\">Check your answers</h2>\n      <span class=\"text-16\">Check the information below carefully.</span>\n\n      <table class=\"form-table\">\n        <tbody>\n        <ng-container *ngFor=\"let page of this.wizard.pages\">\n          <ng-container *ngIf=\"isShown(page)\">\n            <ng-container *ngFor=\"let field of page\n            | ccdPageFields: editForm.controls['data']\n            | ccdReadFieldsFilter: false :undefined :true : editForm.controls['data']\n            | ccdCYAPageLabelFilter\">\n              <ng-container *ngIf=\"canShowFieldInCYA(field)\">\n                <tr ccdLabelSubstitutor [caseField]=\"field\" [hidden]=\"field.hidden\"\n                    [formGroup]=\"editForm.controls['data']\" [contextFields]=\"contextFields\">\n                  <th *ngIf=\"!isLabel(field)\" class=\"valign-top case-field-label\"><span class=\"text-16\">{{field.label}}</span></th>\n                  <td class=\"form-cell case-field-content\" [attr.colspan]=\"isLabel(field) ? '2' : '1'\">\n                    <ccd-field-read\n                      [formGroup]=\"editForm.controls['data']\" [topLevelFormGroup]=\"editForm.controls['data']\"\n                      [caseField]=\"summaryCaseField(field)\" [context]=\"paletteContext\" [caseFields]=\"contextFields\"></ccd-field-read>\n                  </td>\n                  <td class=\"valign-top check-your-answers__change case-field-change\">\n                    <a *ngIf=\"isChangeAllowed(field)\" (click)=\"navigateToPage(page.id)\"\n                      href=\"javascript:void(0)\"><span class=\"text-16\">Change</span></a>\n                  </td>\n                </tr>\n              </ng-container>\n            </ng-container>\n          </ng-container>\n        </ng-container>\n        </tbody>\n      </table>\n    </ng-container>\n    <ng-container *ngIf=\"readOnlySummaryFieldsToDisplayExists()\">\n\n      <table class=\"summary-fields\">\n        <tbody>\n          <ng-container *ngFor=\"let field of this.showSummaryFields\">\n              <ng-container [ngSwitch]=\"!(field | ccdIsCompound)\">\n                <tr *ngSwitchCase=\"true\" ccdLabelSubstitutor [caseField]=\"field\" [formGroup]=\"editForm.controls['data']\" [contextFields]=\"contextFields\">\n                  <th>{{field.label}}</th>\n                  <td class=\"form-cell\">\n                    <ccd-field-read [formGroup]=\"editForm.controls['data']\" [caseField]=\"summaryCaseField(field)\"></ccd-field-read>\n                  </td>\n                </tr>\n                <tr *ngSwitchCase=\"false\" class=\"compound-field\" ccdLabelSubstitutor [caseField]=\"field\" [formGroup]=\"editForm.controls['data']\" [contextFields]=\"contextFields\">\n                  <td colspan=\"2\">\n                    <ccd-field-read [formGroup]=\"editForm.controls['data']\" [caseField]=\"summaryCaseField(field)\" [caseFields]=\"contextFields\"></ccd-field-read>\n                  </td>\n                </tr>\n              </ng-container>\n            </ng-container>\n        </tbody>\n      </table>\n    </ng-container>\n    <ng-container *ngIf=\"showEventNotes()\">\n      <fieldset id=\"fieldset-event\" formGroupName=\"event\" *ngIf=\"profile && !isSolicitor()\">\n        <div class=\"form-group\">\n          <label for=\"field-trigger-summary\" class=\"form-label\">\n            Event summary (optional)\n            <span class=\"form-hint\">A few words describing the purpose of the event.</span>\n          </label>\n          <input type=\"text\" id=\"field-trigger-summary\" class=\"form-control bottom-30 width-50\" formControlName=\"summary\" maxlength=\"1024\">\n        </div>\n        <div class=\"form-group\">\n          <label for=\"field-trigger-description\" class=\"form-label\">Event description (optional)</label>\n          <textarea id=\"field-trigger-description\" class=\"form-control bottom-30 width-50\" formControlName=\"description\"\n                    maxlength=\"65536\"></textarea>\n        </div>\n      </fieldset>\n    </ng-container>\n    <div class=\"form-group form-group-related\">\n      <button class=\"button button-secondary\" type=\"button\" [disabled]=\"!hasPrevious() || isSubmitting\" (click)=\"previous()\">Previous</button>\n      <button type=\"submit\" [disabled]=\"isDisabled\" class=\"button\">{{triggerText}}</button>\n    </div>\n    <p class=\"cancel\"><a (click)=\"cancel()\" href=\"javascript:void(0)\" [class.disabled]=\"isSubmitting\">{{getCancelText()}}</a></p>\n  </form>\n</div>\n<ccd-case-event-completion *ngIf=\"eventCompletionChecksRequired\"\n  [eventCompletionParams]=\"eventCompletionParams\"\n  (eventCanBeCompleted)=\"onEventCanBeCompleted($event)\">\n</ccd-case-event-completion>"
+module.exports = "<div *ngIf=\"!eventCompletionChecksRequired\">\n  <!-- Event trigger name -->\n  <h1 class=\"govuk-heading-l\">{{ eventTrigger.name}}</h1>\n\n  <!--Case ID or Title -->\n  <div *ngIf=\"getCaseTitle(); then titleBlock; else idBlock\"></div>\n  <ng-template #titleBlock>\n    <ccd-markdown [content]=\"getCaseTitle() | ccdCaseTitle: contextFields : editForm.controls['data']\"></ccd-markdown>\n  </ng-template>\n  <ng-template #idBlock>\n    <h2 *ngIf=\"getCaseId()\" class=\"heading-h2\">#{{ getCaseId() | ccdCaseReference }}</h2>\n  </ng-template>\n\n  <!-- Generic error heading and error message to be displayed only if there are no specific callback errors or warnings, or no error details -->\n  <div *ngIf=\"error && (!(error.callbackErrors || error.callbackWarnings || error.details) && !error.message)\" class=\"error-summary\" role=\"group\" aria-labelledby=\"edit-case-event_error-summary-heading\" tabindex=\"-1\">\n    <h1 class=\"heading-h1 error-summary-heading\" id=\"edit-case-event_error-summary-heading\">\n      Something went wrong\n    </h1>\n    <div class=\"govuk-error-summary__body\" id=\"edit-case-event_error-summary-body\">\n      <p>We're working to fix the problem. Try again shortly.</p>\n      <p><a href=\"get-help\" target=\"_blank\">Contact us</a> if you're still having problems.</p>\n    </div>\n  </div>\n  <!-- Event error heading and error message to be displayed if there are specific error details -->\n  <div *ngIf=\"error && (error.details || error.message)\" class=\"error-summary\" role=\"group\" aria-labelledby=\"edit-case-event_error-summary-heading\" tabindex=\"-1\">\n    <h3 class=\"heading-h3 error-summary-heading\" id=\"edit-case-event_error-summary-heading\">\n      The event could not be created\n    </h3>\n    <p>{{error.message}}</p>\n    <ul *ngIf=\"error.details?.field_errors\" class=\"error-summary-list\">\n      <li *ngFor=\"let fieldError of error.details.field_errors\" class=\"ccd-error-summary-li\">{{fieldError.message}}</li>\n    </ul>\n  </div>\n  <ccd-callback-errors [callbackErrorsSubject]=\"callbackErrorsSubject\"\n                      (callbackErrorsContext)=\"callbackErrorsNotify($event)\"></ccd-callback-errors>\n\n  <form class=\"check-your-answers\" [formGroup]=\"editForm\" (submit)=\"submit()\">\n    <ng-container *ngIf=\"checkYourAnswerFieldsToDisplayExists()\">\n\n      <h2 class=\"heading-h2\">Check your answers</h2>\n      <span class=\"text-16\">Check the information below carefully.</span>\n\n      <table class=\"form-table\">\n        <tbody>\n        <ng-container *ngFor=\"let page of this.wizard.pages\">\n          <ng-container *ngIf=\"isShown(page)\">\n            <ng-container *ngFor=\"let field of page\n            | ccdPageFields: editForm.controls['data']\n            | ccdReadFieldsFilter: false :undefined :true : editForm.controls['data']\n            | ccdCYAPageLabelFilter\">\n              <ng-container *ngIf=\"canShowFieldInCYA(field)\">\n                <tr ccdLabelSubstitutor [caseField]=\"field\" [hidden]=\"field.hidden\"\n                    [formGroup]=\"editForm.controls['data']\" [contextFields]=\"contextFields\">\n                  <th *ngIf=\"!isLabel(field)\" class=\"valign-top case-field-label\"><span class=\"text-16\">{{field.label}}</span></th>\n                  <td class=\"form-cell case-field-content\" [attr.colspan]=\"isLabel(field) ? '2' : '1'\">\n                    <ccd-field-read\n                      [formGroup]=\"editForm.controls['data']\" [topLevelFormGroup]=\"editForm.controls['data']\"\n                      [caseField]=\"summaryCaseField(field)\" [context]=\"paletteContext\" [caseFields]=\"contextFields\"></ccd-field-read>\n                  </td>\n                  <td class=\"valign-top check-your-answers__change case-field-change\">\n                    <a *ngIf=\"isChangeAllowed(field)\" (click)=\"navigateToPage(page.id)\"\n                      href=\"javascript:void(0)\"><span class=\"text-16\" attr.aria-label=\"Change {{ field.label }}\">Change</span></a>\n                  </td>\n                </tr>\n              </ng-container>\n            </ng-container>\n          </ng-container>\n        </ng-container>\n        </tbody>\n      </table>\n    </ng-container>\n    <ng-container *ngIf=\"readOnlySummaryFieldsToDisplayExists()\">\n\n      <table class=\"summary-fields\">\n        <tbody>\n          <ng-container *ngFor=\"let field of this.showSummaryFields\">\n              <ng-container [ngSwitch]=\"!(field | ccdIsCompound)\">\n                <tr *ngSwitchCase=\"true\" ccdLabelSubstitutor [caseField]=\"field\" [formGroup]=\"editForm.controls['data']\" [contextFields]=\"contextFields\">\n                  <th>{{field.label}}</th>\n                  <td class=\"form-cell\">\n                    <ccd-field-read [formGroup]=\"editForm.controls['data']\" [caseField]=\"summaryCaseField(field)\"></ccd-field-read>\n                  </td>\n                </tr>\n                <tr *ngSwitchCase=\"false\" class=\"compound-field\" ccdLabelSubstitutor [caseField]=\"field\" [formGroup]=\"editForm.controls['data']\" [contextFields]=\"contextFields\">\n                  <td colspan=\"2\">\n                    <ccd-field-read [formGroup]=\"editForm.controls['data']\" [caseField]=\"summaryCaseField(field)\" [caseFields]=\"contextFields\"></ccd-field-read>\n                  </td>\n                </tr>\n              </ng-container>\n            </ng-container>\n        </tbody>\n      </table>\n    </ng-container>\n    <ng-container *ngIf=\"showEventNotes()\">\n      <fieldset id=\"fieldset-event\" formGroupName=\"event\" *ngIf=\"profile && !isSolicitor()\">\n        <div class=\"form-group\">\n          <label for=\"field-trigger-summary\" class=\"form-label\">\n            Event summary (optional)\n            <span class=\"form-hint\">A few words describing the purpose of the event.</span>\n          </label>\n          <input type=\"text\" id=\"field-trigger-summary\" class=\"form-control bottom-30 width-50\" formControlName=\"summary\" maxlength=\"1024\">\n        </div>\n        <div class=\"form-group\">\n          <label for=\"field-trigger-description\" class=\"form-label\">Event description (optional)</label>\n          <textarea id=\"field-trigger-description\" class=\"form-control bottom-30 width-50\" formControlName=\"description\"\n                    maxlength=\"65536\"></textarea>\n        </div>\n      </fieldset>\n    </ng-container>\n    <div class=\"form-group form-group-related\">\n      <button class=\"button button-secondary\" type=\"button\" [disabled]=\"!hasPrevious() || isSubmitting\" (click)=\"previous()\">Previous</button>\n      <button type=\"submit\" [disabled]=\"isDisabled\" class=\"button\">{{triggerText}}</button>\n    </div>\n    <p class=\"cancel\"><a (click)=\"cancel()\" href=\"javascript:void(0)\" [class.disabled]=\"isSubmitting\">{{getCancelText()}}</a></p>\n  </form>\n</div>\n<ccd-case-event-completion *ngIf=\"eventCompletionChecksRequired\"\n  [eventCompletionParams]=\"eventCompletionParams\"\n  (eventCanBeCompleted)=\"onEventCanBeCompleted($event)\">\n</ccd-case-event-completion>\n"
 
 /***/ }),
 
@@ -89382,7 +89436,7 @@ module.exports = "<div class=\"spinner-container\">\n    <div class=\"spinner-in
 /***/ 6961:
 /***/ ((module) => {
 
-module.exports = "<div><markdown class=\"markdown\" [innerHTML]=\"content\"></markdown></div>"
+module.exports = "<div><markdown class=\"markdown\" [innerHTML]=\"content | ccdCaseReference\"></markdown></div>"
 
 /***/ }),