@hmcts/ccd-case-ui-toolkit 5.0.31-angular11-upgrade → 5.0.33-angular11-upgrade

package/fesm2015/hmcts-ccd-case-ui-toolkit.js

@@ -7,7 +7,7 @@ import { RouterModule, NavigationStart, NavigationEnd } from '@angular/router';
 import * as i2 from '@angular/forms';
 import { NG_VALUE_ACCESSOR, NG_VALIDATORS, FormArray, FormGroup, FormControl, Validators, FormsModule, ReactiveFormsModule } from '@angular/forms';
 import polling from 'rx-polling';
-import { throwError, Subject, EMPTY, Observable, of, BehaviorSubject, timer } from 'rxjs';
+import { throwError, Subject, EMPTY, Observable, of, BehaviorSubject, timer, forkJoin } from 'rxjs';
 import * as i1$2 from '@angular/common/http';
 import { HttpErrorResponse, HttpHeaders, HttpParams } from '@angular/common/http';
 import { catchError, map, publish, refCount, debounceTime, delay, distinctUntilChanged, finalize, publishReplay, take, tap, first, filter, switchMap } from 'rxjs/operators';
@@ -109,13 +109,13 @@ function FooterComponent_div_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(3);
     i0.ɵɵtextInterpolate(ctx_r1.workhours);
 } }
-const _c0$W = [[["", "footerSolsNavLinks", ""]], [["", "footerCaseWorkerNavLinks", ""]]];
+const _c0$Y = [[["", "footerSolsNavLinks", ""]], [["", "footerCaseWorkerNavLinks", ""]]];
 const _c1$p = ["[footerSolsNavLinks]", "[footerCaseWorkerNavLinks]"];
 class FooterComponent {
 }
 FooterComponent.ɵfac = function FooterComponent_Factory(t) { return new (t || FooterComponent)(); };
 FooterComponent.ɵcmp = i0.ɵɵdefineComponent({ type: FooterComponent, selectors: [["cut-footer-bar"]], inputs: { email: "email", isSolicitor: "isSolicitor", phone: "phone", workhours: "workhours" }, ngContentSelectors: _c1$p, decls: 4, vars: 4, consts: [["id", "footer", "role", "footer", 1, "group", "js-footer"], [1, "footer-wrapper"], ["class", "footer-meta", 4, "ngIf"], [1, "footer-meta"], [1, "footer-meta-inner"], [1, "open-government-licence"], [1, "logo"], ["href", "https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/", "rel", "license"], [1, "copyright"], ["href", "https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/copyright-and-re-use/crown-copyright/"], [1, "title"], [1, "footer-text"], [1, "email"], [3, "href"], [1, "phone"], [1, "work-hours"]], template: function FooterComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵprojectionDef(_c0$W);
+        i0.ɵɵprojectionDef(_c0$Y);
         i0.ɵɵelementStart(0, "footer", 0);
         i0.ɵɵelementStart(1, "div", 1);
         i0.ɵɵtemplate(2, FooterComponent_div_2_Template, 15, 0, "div", 2);
@@ -182,7 +182,7 @@ function HeaderBarComponent_div_9_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(3);
     i0.ɵɵtextInterpolate(ctx_r2.title);
 } }
-const _c0$V = [[["", "headerNavigation", ""]]];
+const _c0$X = [[["", "headerNavigation", ""]]];
 const _c1$o = ["[headerNavigation]"];
 class HeaderBarComponent {
     constructor() {
@@ -194,7 +194,7 @@ class HeaderBarComponent {
 }
 HeaderBarComponent.ɵfac = function HeaderBarComponent_Factory(t) { return new (t || HeaderBarComponent)(); };
 HeaderBarComponent.ɵcmp = i0.ɵɵdefineComponent({ type: HeaderBarComponent, selectors: [["cut-header-bar"]], inputs: { title: "title", isSolicitor: "isSolicitor", username: "username" }, outputs: { signOutRequest: "signOutRequest" }, ngContentSelectors: _c1$o, decls: 15, vars: 8, consts: [["role", "banner", "id", "global-header", 1, "with-proposition"], [1, "header-wrapper"], [1, "header-global"], [4, "ngIf"], ["class", "global-header", 4, "ngIf"], [1, "header-proposition"], [1, "content"], ["href", "#proposition-links", 1, "js-header-toggle", "menu"], ["id", "proposition-menu", 4, "ngIf"], [1, "proposition-right"], ["id", "user-name"], ["id", "sign-out", "href", "javascript:void(0)", 3, "click"], ["href", "https://www.gov.uk", "title", "Go to the GOV.UK homepage", "id", "logo", 1, "content", 2, "margin-left", "0px"], ["src", "/img/gov.uk_logotype_crown_invert_trans.png?0.23.0", "width", "36", "height", "32", "alt", ""], [1, "global-header"], [1, "title"], ["id", "proposition-menu"], [1, "title-solicitor"], ["id", "proposition-name"]], template: function HeaderBarComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵprojectionDef(_c0$V);
+        i0.ɵɵprojectionDef(_c0$X);
         i0.ɵɵelementStart(0, "header", 0);
         i0.ɵɵelementStart(1, "div", 1);
         i0.ɵɵelementStart(2, "div", 2);
@@ -251,13 +251,13 @@ HeaderBarComponent.ɵcmp = i0.ɵɵdefineComponent({ type: HeaderBarComponent, se
             type: Output
         }] }); })();
 
-const _c0$U = [[["", "leftNavLinks", ""]], [["", "rightNavLinks", ""]]];
+const _c0$W = [[["", "leftNavLinks", ""]], [["", "rightNavLinks", ""]]];
 const _c1$n = ["[leftNavLinks]", "[rightNavLinks]"];
 class NavigationComponent {
 }
 NavigationComponent.ɵfac = function NavigationComponent_Factory(t) { return new (t || NavigationComponent)(); };
 NavigationComponent.ɵcmp = i0.ɵɵdefineComponent({ type: NavigationComponent, selectors: [["cut-nav-bar"]], inputs: { isSolicitor: "isSolicitor" }, ngContentSelectors: _c1$n, decls: 4, vars: 2, consts: [[1, "cut-nav-bar"]], template: function NavigationComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵprojectionDef(_c0$U);
+        i0.ɵɵprojectionDef(_c0$W);
         i0.ɵɵelementStart(0, "div");
         i0.ɵɵelementStart(1, "nav", 0);
         i0.ɵɵprojection(2);
@@ -374,13 +374,13 @@ HeadersModule.ɵinj = i0.ɵɵdefineInjector({ imports: [[CommonModule, RouterMod
             }]
     }], null, null); })();
 
-const _c0$T = [[["", "topBody", ""]], [["", "leftBody", ""]], [["", "rightBody", ""]]];
+const _c0$V = [[["", "topBody", ""]], [["", "leftBody", ""]], [["", "rightBody", ""]]];
 const _c1$m = ["[topBody]", "[leftBody]", "[rightBody]"];
 class BodyComponent {
 }
 BodyComponent.ɵfac = function BodyComponent_Factory(t) { return new (t || BodyComponent)(); };
 BodyComponent.ɵcmp = i0.ɵɵdefineComponent({ type: BodyComponent, selectors: [["cut-body"]], ngContentSelectors: _c1$m, decls: 4, vars: 0, consts: [[1, "global-display"]], template: function BodyComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵprojectionDef(_c0$T);
+        i0.ɵɵprojectionDef(_c0$V);
         i0.ɵɵelementStart(0, "div", 0);
         i0.ɵɵprojection(1);
         i0.ɵɵprojection(2, 1);
@@ -397,7 +397,7 @@ BodyComponent.ɵcmp = i0.ɵɵdefineComponent({ type: BodyComponent, selectors: [
             }]
     }], null, null); })();
 
-const _c0$S = function (a0) { return { "govuk-input--error": a0 }; };
+const _c0$U = function (a0) { return { "govuk-input--error": a0 }; };
 function DateInputComponent_div_16_Template(rf, ctx) { if (rf & 1) {
     const _r8 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 12);
@@ -413,7 +413,7 @@ function DateInputComponent_div_16_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(1);
     i0.ɵɵproperty("for", ctx_r3.hourId());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("id", ctx_r3.hourId())("name", ctx_r3.hourId())("value", ctx_r3.displayHour)("ngClass", i0.ɵɵpureFunction1(5, _c0$S, ctx_r3.isInvalid));
+    i0.ɵɵproperty("id", ctx_r3.hourId())("name", ctx_r3.hourId())("value", ctx_r3.displayHour)("ngClass", i0.ɵɵpureFunction1(5, _c0$U, ctx_r3.isInvalid));
 } }
 function DateInputComponent_div_17_Template(rf, ctx) { if (rf & 1) {
     const _r13 = i0.ɵɵgetCurrentView();
@@ -430,7 +430,7 @@ function DateInputComponent_div_17_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(1);
     i0.ɵɵproperty("for", ctx_r4.minuteId());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("id", ctx_r4.minuteId())("name", ctx_r4.minuteId())("value", ctx_r4.displayMinute)("ngClass", i0.ɵɵpureFunction1(5, _c0$S, ctx_r4.isInvalid));
+    i0.ɵɵproperty("id", ctx_r4.minuteId())("name", ctx_r4.minuteId())("value", ctx_r4.displayMinute)("ngClass", i0.ɵɵpureFunction1(5, _c0$U, ctx_r4.isInvalid));
 } }
 function DateInputComponent_div_18_Template(rf, ctx) { if (rf & 1) {
     const _r18 = i0.ɵɵgetCurrentView();
@@ -447,7 +447,7 @@ function DateInputComponent_div_18_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(1);
     i0.ɵɵproperty("for", ctx_r5.secondId());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("id", ctx_r5.secondId())("name", ctx_r5.secondId())("value", ctx_r5.displaySecond)("ngClass", i0.ɵɵpureFunction1(5, _c0$S, ctx_r5.isInvalid));
+    i0.ɵɵproperty("id", ctx_r5.secondId())("name", ctx_r5.secondId())("value", ctx_r5.displaySecond)("ngClass", i0.ɵɵpureFunction1(5, _c0$U, ctx_r5.isInvalid));
 } }
 class DateInputComponent {
     constructor() {
@@ -676,15 +676,15 @@ DateInputComponent.ɵcmp = i0.ɵɵdefineComponent({ type: DateInputComponent, se
         i0.ɵɵadvance(2);
         i0.ɵɵproperty("for", ctx.dayId());
         i0.ɵɵadvance(2);
-        i0.ɵɵproperty("id", ctx.dayId())("name", ctx.dayId())("value", ctx.displayDay)("ngClass", i0.ɵɵpureFunction1(18, _c0$S, ctx.isInvalid));
+        i0.ɵɵproperty("id", ctx.dayId())("name", ctx.dayId())("value", ctx.displayDay)("ngClass", i0.ɵɵpureFunction1(18, _c0$U, ctx.isInvalid));
         i0.ɵɵadvance(3);
         i0.ɵɵproperty("for", ctx.monthId());
         i0.ɵɵadvance(2);
-        i0.ɵɵproperty("id", ctx.monthId())("name", ctx.monthId())("value", ctx.displayMonth)("ngClass", i0.ɵɵpureFunction1(20, _c0$S, ctx.isInvalid));
+        i0.ɵɵproperty("id", ctx.monthId())("name", ctx.monthId())("value", ctx.displayMonth)("ngClass", i0.ɵɵpureFunction1(20, _c0$U, ctx.isInvalid));
         i0.ɵɵadvance(3);
         i0.ɵɵproperty("for", ctx.yearId());
         i0.ɵɵadvance(2);
-        i0.ɵɵproperty("id", ctx.yearId())("name", ctx.yearId())("value", ctx.displayYear)("ngClass", i0.ɵɵpureFunction1(22, _c0$S, ctx.isInvalid));
+        i0.ɵɵproperty("id", ctx.yearId())("name", ctx.yearId())("value", ctx.displayYear)("ngClass", i0.ɵɵpureFunction1(22, _c0$U, ctx.isInvalid));
         i0.ɵɵadvance(2);
         i0.ɵɵproperty("ngIf", ctx.isDateTime);
         i0.ɵɵadvance(1);
@@ -754,7 +754,7 @@ function AlertComponent_ng_container_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementEnd();
     i0.ɵɵelementContainerEnd();
 } }
-const _c0$R = ["*"];
+const _c0$T = ["*"];
 var AlertMessageType;
 (function (AlertMessageType) {
     AlertMessageType["WARNING"] = "warning";
@@ -774,7 +774,7 @@ AlertComponent.TYPE_SUCCESS = 'success';
 AlertComponent.TYPE_ERROR = 'error';
 AlertComponent.TYPE_INFORMATION = 'information';
 AlertComponent.ɵfac = function AlertComponent_Factory(t) { return new (t || AlertComponent)(); };
-AlertComponent.ɵcmp = i0.ɵɵdefineComponent({ type: AlertComponent, selectors: [["cut-alert"]], inputs: { type: "type", showIcon: "showIcon" }, ngContentSelectors: _c0$R, decls: 10, vars: 10, consts: [[1, "hmcts-banner"], [3, "ngSwitch"], [4, "ngSwitchCase"], [1, "hmcts-banner__message"], [1, "hmcts-banner__assistive"], ["fill", "currentColor", "role", "presentation", "focusable", "false", "xmlns", "http://www.w3.org/2000/svg", "viewBox", "0 0 25 25", "height", "25", "width", "25", 1, "hmcts-banner__icon"], ["d", "M13.6,15.4h-2.3v-4.5h2.3V15.4z M13.6,19.8h-2.3v-2.2h2.3V19.8z M0,23.2h25L12.5,2L0,23.2z"], ["d", "M25,6.2L8.7,23.2L0,14.1l4-4.2l4.7,4.9L21,2L25,6.2z"], ["d", "M13.7,18.5h-2.4v-2.4h2.4V18.5z M12.5,13.7c-0.7,0-1.2-0.5-1.2-1.2V7.7c0-0.7,0.5-1.2,1.2-1.2s1.2,0.5,1.2,1.2v4.8\n      C13.7,13.2,13.2,13.7,12.5,13.7z M12.5,0.5c-6.6,0-12,5.4-12,12s5.4,12,12,12s12-5.4,12-12S19.1,0.5,12.5,0.5z"]], template: function AlertComponent_Template(rf, ctx) { if (rf & 1) {
+AlertComponent.ɵcmp = i0.ɵɵdefineComponent({ type: AlertComponent, selectors: [["cut-alert"]], inputs: { type: "type", showIcon: "showIcon" }, ngContentSelectors: _c0$T, decls: 10, vars: 10, consts: [[1, "hmcts-banner"], [3, "ngSwitch"], [4, "ngSwitchCase"], [1, "hmcts-banner__message"], [1, "hmcts-banner__assistive"], ["fill", "currentColor", "role", "presentation", "focusable", "false", "xmlns", "http://www.w3.org/2000/svg", "viewBox", "0 0 25 25", "height", "25", "width", "25", 1, "hmcts-banner__icon"], ["d", "M13.6,15.4h-2.3v-4.5h2.3V15.4z M13.6,19.8h-2.3v-2.2h2.3V19.8z M0,23.2h25L12.5,2L0,23.2z"], ["d", "M25,6.2L8.7,23.2L0,14.1l4-4.2l4.7,4.9L21,2L25,6.2z"], ["d", "M13.7,18.5h-2.4v-2.4h2.4V18.5z M12.5,13.7c-0.7,0-1.2-0.5-1.2-1.2V7.7c0-0.7,0.5-1.2,1.2-1.2s1.2,0.5,1.2,1.2v4.8\n      C13.7,13.2,13.2,13.7,12.5,13.7z M12.5,0.5c-6.6,0-12,5.4-12,12s5.4,12,12,12s12-5.4,12-12S19.1,0.5,12.5,0.5z"]], template: function AlertComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵprojectionDef();
         i0.ɵɵelementStart(0, "div", 0);
         i0.ɵɵelementContainerStart(1, 1);
@@ -1005,7 +1005,7 @@ NotificationBannerComponent.ɵcmp = i0.ɵɵdefineComponent({ type: NotificationB
             type: Output
         }] }); })();
 
-const _c0$Q = function (a0) { return { "js-hidden": a0 }; };
+const _c0$S = function (a0) { return { "js-hidden": a0 }; };
 const _c1$l = ["*"];
 class TabComponent {
 }
@@ -1016,7 +1016,7 @@ TabComponent.ɵcmp = i0.ɵɵdefineComponent({ type: TabComponent, selectors: [["
         i0.ɵɵprojection(1);
         i0.ɵɵelementEnd();
     } if (rf & 2) {
-        i0.ɵɵproperty("id", ctx.id)("ngClass", i0.ɵɵpureFunction1(3, _c0$Q, !ctx.selected));
+        i0.ɵɵproperty("id", ctx.id)("ngClass", i0.ɵɵpureFunction1(3, _c0$S, !ctx.selected));
         i0.ɵɵattribute("aria-hidden", !ctx.selected);
     } }, directives: [i1.NgClass], styles: [".tabs-toggle[_ngcontent-%COMP%]{display:block;padding:10px 15px 3px;margin-bottom:8px}.tabs-toggle[aria-selected=true][_ngcontent-%COMP%]{color:#0b0c0c;text-decoration:none;border-bottom:none}.tabs-toggle[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]{color:#005ea5}@media (max-width:640px){.tabs-list[_ngcontent-%COMP%]{border-bottom:1px solid #bfc1c3;margin-left:-15px;margin-right:-15px}.tabs-toggle[_ngcontent-%COMP%]{border-top:1px solid #bfc1c3}.tabs-toggle[_ngcontent-%COMP%]:focus{color:#0b0c0c;outline:none}}@media (min-width:641px){.tabs-panel[_ngcontent-%COMP%]{border-top:1px solid #bfc1c3;clear:both;overflow:hidden}.tabs-list[_ngcontent-%COMP%]{float:left}.tabs-list-item[_ngcontent-%COMP%]{float:left;position:relative;bottom:-1px;padding-top:10px}.tabs-toggle[_ngcontent-%COMP%]{background-color:#dee0e2;border:1px solid transparent;float:left;margin:0 6px 0 0;text-decoration:none}.tabs-toggle[_ngcontent-%COMP%]:visited{color:#005ea5}.tabs-toggle-selected[_ngcontent-%COMP%], .tabs-toggle[aria-selected=true][_ngcontent-%COMP%]{background-color:#fff;border-bottom:0;border-color:#bfc1c3;padding-bottom:11px;margin-bottom:0;color:#0b0c0c}}"] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TabComponent, [{
@@ -1036,7 +1036,7 @@ TabComponent.ɵcmp = i0.ɵɵdefineComponent({ type: TabComponent, selectors: [["
             type: Input
         }] }); })();
 
-const _c0$P = ["tab"];
+const _c0$R = ["tab"];
 const _c1$k = function () { return ["."]; };
 const _c2$3 = function (a0) { return { "tabs-toggle-selected": a0 }; };
 function TabsComponent_li_2_Template(rf, ctx) { if (rf & 1) {
@@ -1081,7 +1081,7 @@ TabsComponent.ɵcmp = i0.ɵɵdefineComponent({ type: TabsComponent, selectors: [
         let _t;
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.panels = _t);
     } }, viewQuery: function TabsComponent_Query(rf, ctx) { if (rf & 1) {
-        i0.ɵɵviewQuery(_c0$P, 1);
+        i0.ɵɵviewQuery(_c0$R, 1);
     } if (rf & 2) {
         let _t;
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.tabs = _t);
@@ -1146,7 +1146,7 @@ TabsModule.ɵinj = i0.ɵɵdefineInjector({ imports: [[
             }]
     }], null, null); })();
 
-const _c0$O = function (a0, a1) { return { caseLocked: a0, someoneViewing: a1 }; };
+const _c0$Q = function (a0, a1) { return { caseLocked: a0, someoneViewing: a1 }; };
 class ActivityBannerComponent {
     constructor() { }
     ngOnInit() {
@@ -1163,7 +1163,7 @@ ActivityBannerComponent.ɵcmp = i0.ɵɵdefineComponent({ type: ActivityBannerCom
         i0.ɵɵelementEnd();
         i0.ɵɵelementEnd();
     } if (rf & 2) {
-        i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(4, _c0$O, ctx.bannerType === "editor", ctx.bannerType === "viewer"));
+        i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(4, _c0$Q, ctx.bannerType === "editor", ctx.bannerType === "viewer"));
         i0.ɵɵadvance(2);
         i0.ɵɵpropertyInterpolate("alt", ctx.description);
         i0.ɵɵpropertyInterpolate("src", ctx.imageLink, i0.ɵɵsanitizeUrl);
@@ -3283,6 +3283,12 @@ class FieldsUtils {
     static isCollectionWithValue(pageFormFields) {
         return pageFormFields[0]['value'] !== undefined;
     }
+    static isLinkedCasesCaseField(caseField) {
+        if (!caseField) {
+            return false;
+        }
+        return caseField.field_type.collection_field_type.id === 'CaseLink';
+    }
     static cloneObject(obj) {
         return Object.assign({}, obj);
     }
@@ -3481,7 +3487,7 @@ class FieldsUtils {
                     // If the Flags CaseField has a value, it is a root-level Complex field; if it does not, it is a Flags
                     // CaseField that is a sub-field within another Complex field, so use the currentValue value (if any)
                     // instead. The exception to this is the "caseFlags" Flags CaseField, which will have an empty object value
-                    // initially, because no party name is required
+                    // initially or could be null or undefined, because no party name is required
                     if (caseField.value && FieldsUtils.isNonEmptyObject(caseField.value) ||
                         caseField.id === this.caseLevelCaseFlagsFieldId) {
                         flags.push(this.mapCaseFieldToFlagsWithFormGroupPathObject(caseField, pathToFlagsFormGroup));
@@ -3700,6 +3706,9 @@ FieldsUtils.DEFAULT_MERGE_FUNCTION = function mergeFunction(field, result) {
     }
 };
 FieldsUtils.LABEL_MERGE_FUNCTION = function mergeFunction(field, result) {
+    if (!result) {
+        result = {};
+    }
     if (!result.hasOwnProperty(field.id)) {
         result[field.id] = field.value;
     }
@@ -4181,7 +4190,9 @@ class AbstractFormFieldComponent {
     }
     addControlToFormGroup(control, parent, replace) {
         if (replace) {
-            if (this.caseField.field_type && this.caseField.field_type.id === 'CaseLink' && this.caseField.field_type.type === 'Complex' && /^-?\d+$/.test(this.caseField.id)) {
+            if (this.caseField.field_type && this.caseField.field_type.collection_field_type
+                && this.caseField.field_type.collection_field_type.id === 'CaseLink'
+                && this.caseField.field_type.type === 'Complex' && /^-?\d+$/.test(this.caseField.id)) {
                 parent.setControl('CaseReference', control['controls']['CaseReference']);
             }
             else {
@@ -4434,117 +4445,6 @@ class FieldsPurger {
     constructor(fieldsUtils) {
         this.fieldsUtils = fieldsUtils;
     }
-    /**
-     * Deletes a field value by setting the value of the corresponding {@link FormControl} to null (or an empty array
-     * if the field type is `Collection`), except when the field type is `Complex` or `Document`. For `Complex` field
-     * types, this recursive method is called until simple or "base" field types are reached. For `Document` field
-     * types, its _sub-field_ `FormControl` values are set to null.
-     *
-     * @param formGroup The `FormGroup` instance containing the `FormControl` for the specified field
-     * @param field The `CaseField` whose value is to be deleted in the backend
-     * @param parentField Reference to the parent `CaseField`. Used for checking specifically where a Complex field and
-     * its sub-fields have `retain_hidden_value` set to `true`, but the field's parent has it set to `false` or undefined
-     */
-    deleteFieldValue(formGroup, field, parentField) {
-        const fieldType = field.field_type.type;
-        const fieldControl = formGroup.get(field.id);
-        if (fieldControl) {
-            switch (fieldType) {
-                case 'Complex':
-                    /**
-                     * If the field is a Complex type, loop over its sub-fields and call deleteFieldValue() for:
-                     *
-                     * * Any sub-fields where retain_hidden_value is false/undefined, if the parent field has
-                     * retain_hidden_value = true;
-                     * * ALL sub-fields if the parent field has retain_hidden_value = true BUT its _own_ parent has
-                     * retain_hidden_value = false/undefined (thus overriding anything else);
-                     * * ALL sub-fields if the parent field has retain_hidden_value = false/undefined;
-                     * * Any Complex sub-fields *regardless of their retain_hidden_value* (in order to inspect the sub-fields
-                     * of a Complex type within another Complex type)
-                     */
-                    if (field.field_type.complex_fields.length > 0) {
-                        for (const complexSubField of field.field_type.complex_fields) {
-                            if ((complexSubField.field_type.type === 'Complex' && complexSubField.field_type.complex_fields.length > 0) ||
-                                (complexSubField.field_type.type !== 'Complex' &&
-                                    (field.retain_hidden_value
-                                        ? !complexSubField.retain_hidden_value || (parentField && !parentField.retain_hidden_value)
-                                        : true))) {
-                                // The fieldControl is cast to a FormGroup because a Complex field type uses this as its underlying
-                                // implementation
-                                this.deleteFieldValue(fieldControl, complexSubField, field);
-                            }
-                        }
-                    }
-                    break;
-                case 'Collection':
-                    // If it is a collection of Complex types, loop through each one; else fall through to be handled as a
-                    // collection of simple types (in the same way as MultiSelectList), unless it's a collection of Document
-                    // types, which requires different handling
-                    const collectionFieldType = field.field_type.collection_field_type;
-                    if (collectionFieldType.type === 'Complex' && collectionFieldType.complex_fields.length > 0) {
-                        // Get the array of Complex field values
-                        const complexFieldValues = fieldControl.value;
-                        // For each Complex field value, get the ID of each sub-field within it and use as a key to find the
-                        // corresponding sub-CaseField (which contains the field type information)
-                        if (complexFieldValues) {
-                            complexFieldValues.forEach((fieldValue, index) => Object.keys(fieldValue.value).forEach(subFieldId => {
-                                // Find the sub-CaseField corresponding to the sub-field ID
-                                let subCaseField;
-                                for (const caseField of collectionFieldType.complex_fields) {
-                                    if (caseField.id === subFieldId) {
-                                        subCaseField = caseField;
-                                        break;
-                                    }
-                                }
-                                // Recursively delete the sub-field value, passing in the parent FormGroup
-                                const parentFormGroup = fieldControl.at(index).get('value');
-                                this.deleteFieldValue(parentFormGroup, subCaseField);
-                            }));
-                        }
-                        break;
-                    }
-                    else if (collectionFieldType.type === 'Document') {
-                        // Get the array of Document field values
-                        const documentFieldValues = fieldControl.value;
-                        // For each Document field value, set all its property values to null (this is not accepted by the
-                        // back-end but will be handled by sanitiseObject() in FormValueService before sending - see below for
-                        // the single Document case)
-                        if (documentFieldValues) {
-                            documentFieldValues.forEach((fieldValue, index) => Object.keys(fieldValue.value).forEach(subFieldId => {
-                                // Get the FormGroup containing the FormControl for the sub-field and set its value to null
-                                fieldControl.at(index).get(`value.${subFieldId}`).setValue(null);
-                            }));
-                        }
-                        break;
-                    }
-                // Omitted "break" is intentional because a collection should be handled as per MultiSelectList if it is
-                // not a collection of Complex types
-                // tslint:disable-next-line: no-switch-case-fall-through
-                case 'MultiSelectList':
-                    // Field control should be a FormArray, so map each of its values to null
-                    // NOTE: The FormArray cannot just be set to an empty array because Angular checks that all existing values
-                    // of a FormArray are present; setting the control's value to an empty array causes a runtime error
-                    fieldControl.setValue(fieldControl.value.map(() => null));
-                    break;
-                case 'Document':
-                    // NOTE: The field control (a FormGroup in this case) cannot just be set to null because Angular checks that
-                    // all existing values of a FormGroup are present; setting the control's value to null causes a runtime error
-                    const documentFieldValue = fieldControl.value;
-                    for (const key in documentFieldValue) {
-                        if (fieldControl.get(key)) {
-                            // The back-end doesn't accept null as a valid value for any of the Document field type properties but
-                            // this is handled by sanitiseObject() in FormValueService, returning a null object for the entire
-                            // Document field, if any of its properties is null - which is accepted by the back-end
-                            fieldControl.get(key).setValue(null);
-                        }
-                    }
-                    break;
-                // Note: the default case applies to DynamicList fields, too
-                default:
-                    fieldControl.setValue(null);
-            }
-        }
-    }
     clearHiddenFields(form, wizard, eventTrigger, currentPageId) {
         this.clearHiddenFieldForFieldShowCondition(currentPageId, form, wizard, eventTrigger);
         this.clearHiddenFieldForPageShowCondition(form, wizard, eventTrigger);
@@ -4694,6 +4594,133 @@ class FieldsPurger {
     isReadonly(case_field) {
         return case_field.display_context.toUpperCase() === 'READONLY';
     }
+    /**
+     * Deletes a field value by setting the value of the corresponding {@link FormControl} to null (or an empty array
+     * if the field type is `Collection`), except when the field type is `Complex` or `Document`. For `Complex` field
+     * types, this recursive method is called until simple or "base" field types are reached. For `Document` field
+     * types, its _sub-field_ `FormControl` values are set to null.
+     *
+     * @param formGroup The `FormGroup` instance containing the `FormControl` for the specified field
+     * @param field The `CaseField` whose value is to be deleted in the backend
+     * @param parentField Reference to the parent `CaseField`. Used for checking specifically where a Complex field and
+     * its sub-fields have `retain_hidden_value` set to `true`, but the field's parent has it set to `false` or undefined
+     */
+    deleteFieldValue(formGroup, field, parentField) {
+        const fieldType = field.field_type.type;
+        const fieldControl = formGroup.get(field.id);
+        if (fieldControl) {
+            switch (fieldType) {
+                case 'Complex':
+                    /**
+                     * If the field is a Complex type, loop over its sub-fields and call deleteFieldValue() for:
+                     *
+                     * * Any sub-fields where retain_hidden_value is false/undefined, if the parent field has
+                     * retain_hidden_value = true;
+                     * * ALL sub-fields if the parent field has retain_hidden_value = true BUT its _own_ parent has
+                     * retain_hidden_value = false/undefined (thus overriding anything else);
+                     * * ALL sub-fields if the parent field has retain_hidden_value = false/undefined;
+                     * * Any Complex sub-fields *regardless of their retain_hidden_value* (in order to inspect the sub-fields
+                     * of a Complex type within another Complex type)
+                     */
+                    if (field.field_type.complex_fields.length > 0) {
+                        for (const complexSubField of field.field_type.complex_fields) {
+                            if ((complexSubField.field_type.type === 'Complex' && complexSubField.field_type.complex_fields.length > 0) ||
+                                (complexSubField.field_type.type !== 'Complex' &&
+                                    (field.retain_hidden_value
+                                        ? !complexSubField.retain_hidden_value || (parentField && !parentField.retain_hidden_value)
+                                        : true))) {
+                                // The fieldControl is cast to a FormGroup because a Complex field type uses this as its underlying
+                                // implementation
+                                this.deleteFieldValue(fieldControl, complexSubField, field);
+                            }
+                        }
+                    }
+                    break;
+                case 'Collection':
+                    // If it is a collection of Complex types, loop through each one; else fall through to be handled as a
+                    // collection of simple types (in the same way as MultiSelectList), unless it's a collection of Document
+                    // types, which requires different handling
+                    const collectionFieldType = field.field_type.collection_field_type;
+                    if (collectionFieldType.type === 'Complex' && collectionFieldType.complex_fields.length > 0) {
+                        // Get the array of Complex field values
+                        const complexFieldValues = fieldControl.value;
+                        // For each Complex field value, get the ID of each sub-field within it and use as a key to find the
+                        // corresponding sub-CaseField (which contains the field type information)
+                        if (complexFieldValues) {
+                            complexFieldValues.forEach((fieldValue, index) => Object.keys(fieldValue.value).forEach(subFieldId => {
+                                // Find the sub-CaseField corresponding to the sub-field ID
+                                let subCaseField;
+                                for (const caseField of collectionFieldType.complex_fields) {
+                                    if (caseField.id === subFieldId) {
+                                        subCaseField = caseField;
+                                        break;
+                                    }
+                                }
+                                // Recursively delete the sub-field value, passing in the parent FormGroup
+                                const parentFormGroup = fieldControl.at(index).get('value');
+                                this.deleteFieldValue(parentFormGroup, subCaseField);
+                            }));
+                        }
+                        break;
+                    }
+                    else if (collectionFieldType.type === 'Document') {
+                        // Get the array of Document field values
+                        const documentFieldValues = fieldControl.value;
+                        // For each Document field value, set all its property values to null (this is not accepted by the
+                        // back-end but will be handled by sanitiseObject() in FormValueService before sending - see below for
+                        // the single Document case)
+                        if (documentFieldValues) {
+                            documentFieldValues.forEach((fieldValue, index) => Object.keys(fieldValue.value).forEach(subFieldId => {
+                                // Get the FormGroup containing the FormControl for the sub-field and set its value to null
+                                fieldControl.at(index).get(`value.${subFieldId}`).setValue(null);
+                            }));
+                        }
+                        break;
+                    }
+                // Omitted "break" is intentional because a collection should be handled as per MultiSelectList if it is
+                // not a collection of Complex types
+                // tslint:disable-next-line: no-switch-case-fall-through
+                case 'MultiSelectList':
+                    // Field control should be a FormArray, so map each of its values to null
+                    // NOTE: The FormArray cannot just be set to an empty array because Angular checks that all existing values
+                    // of a FormArray are present; setting the control's value to an empty array causes a runtime error
+                    if (fieldControl.value) {
+                        // Need to allow for field values that are objects, not just primitives
+                        fieldControl.setValue(this.mapArrayValuesToNull(fieldControl.value));
+                    }
+                    break;
+                case 'Document':
+                    // NOTE: The field control (a FormGroup in this case) cannot just be set to null because Angular checks that
+                    // all existing values of a FormGroup are present; setting the control's value to null causes a runtime error
+                    const documentFieldValue = fieldControl.value;
+                    for (const key in documentFieldValue) {
+                        if (fieldControl.get(key)) {
+                            // The back-end doesn't accept null as a valid value for any of the Document field type properties but
+                            // this is handled by sanitiseObject() in FormValueService, returning a null object for the entire
+                            // Document field, if any of its properties is null - which is accepted by the back-end
+                            fieldControl.get(key).setValue(null);
+                        }
+                    }
+                    break;
+                // Note: the default case applies to DynamicList fields, too
+                default:
+                    fieldControl.setValue(null);
+            }
+        }
+    }
+    /**
+     * Maps all values of an array to `null`, retaining keys for any values that are objects. For example,
+     * `[{ id: '0', value: 'Test' }, 'Test']` would become `[{ id: null, value: null }, null]`.
+     * @param array The array of values to map
+     * @returns A new array with the mapped values
+     */
+    mapArrayValuesToNull(array) {
+        return array.map(element => {
+            return typeof element === 'object'
+                ? Object.assign({}, ...Object.keys(element).map(k => ({ [k]: null })))
+                : null;
+        });
+    }
 }
 FieldsPurger.ɵfac = function FieldsPurger_Factory(t) { return new (t || FieldsPurger)(i0.ɵɵinject(FieldsUtils)); };
 FieldsPurger.ɵprov = i0.ɵɵdefineInjectable({ token: FieldsPurger, factory: FieldsPurger.ɵfac });
@@ -5271,14 +5298,16 @@ class FormValueService {
             // (or sub-fields of Complex fields in a collection)
             caseFields.filter(caseField => !FieldsUtils.isFlagLauncherCaseField(caseField))
                 .forEach(caseField => {
-                if (data[caseField.id]) {
+                // Ensure that the data object is populated for all case field IDs it contains, even if there is currently
+                // nothing for a given case field ID (hence the use of hasOwnProperty())
+                if (data.hasOwnProperty(caseField.id) && caseField.value) {
+                    // Create new object for the case field ID within the data object, if necessary
+                    if (!data[caseField.id]) {
+                        data[caseField.id] = {};
+                    }
                     // Copy all values from the corresponding CaseField; this ensures all nested flag data (for example, a
                     // Flags field within a Complex field or a collection of Complex fields) is copied across
-                    Object.keys(data[caseField.id]).forEach(key => {
-                        if (caseField.value.hasOwnProperty(key)) {
-                            data[caseField.id][key] = caseField.value[key];
-                        }
-                    });
+                    Object.keys(caseField.value).forEach(key => data[caseField.id][key] = caseField.value[key]);
                 }
             });
         }
@@ -6018,7 +6047,7 @@ FormErrorService.ɵprov = i0.ɵɵdefineInjectable({ token: FormErrorService, fac
         type: Injectable
     }], null, null); })();
 
-class JurisdictionService {
+class JurisdictionService$1 {
     constructor(httpService) {
         this.httpService = httpService;
         this.selectedJurisdictionSource = new Subject();
@@ -6034,9 +6063,9 @@ class JurisdictionService {
         return this.httpService.post('api/prd/judicial/searchJudicialUserByPersonalCodes', { personal_code: personalCodes });
     }
 }
-JurisdictionService.ɵfac = function JurisdictionService_Factory(t) { return new (t || JurisdictionService)(i0.ɵɵinject(HttpService)); };
-JurisdictionService.ɵprov = i0.ɵɵdefineInjectable({ token: JurisdictionService, factory: JurisdictionService.ɵfac });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(JurisdictionService, [{
+JurisdictionService$1.ɵfac = function JurisdictionService_Factory(t) { return new (t || JurisdictionService$1)(i0.ɵɵinject(HttpService)); };
+JurisdictionService$1.ɵprov = i0.ɵɵdefineInjectable({ token: JurisdictionService$1, factory: JurisdictionService$1.ɵfac });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(JurisdictionService$1, [{
         type: Injectable
     }], function () { return [{ type: HttpService }]; }, null); })();
 
@@ -6269,6 +6298,13 @@ class SearchService {
             .get(url, options)
             .pipe(map(response => response), finalize(() => this.loadingService.unregister(loadingToken)));
     }
+    searchCasesByIds(caseTypeId, filter, view, sort) {
+        const url = this.appConfig.getCaseDataUrl() +
+            `/internal/searchCases?ctid=${caseTypeId}&use_case=${view}`;
+        const body = Object.assign(Object.assign({ sort }, filter), { size: this.appConfig.getPaginationPageSize() });
+        const loadingToken = this.loadingService.register();
+        return this.httpService.post(url, body).pipe(map((response) => response), finalize(() => this.loadingService.unregister(loadingToken)));
+    }
     searchCases(caseTypeId, metaCriteria, caseCriteria, view, sort) {
         const url = this.appConfig.getCaseDataUrl() + `/internal/searchCases?ctid=${caseTypeId}&use_case=${view}`;
         const options = this.requestOptionsBuilder.buildOptions(metaCriteria, caseCriteria, view);
@@ -7086,19 +7122,46 @@ class CasesService {
             return throwError(error);
         }), finalize(() => this.loadingService.unregister(loadingToken)));
     }
-    getEventTrigger(caseTypeId, eventTriggerId, caseId, ignoreWarning) {
-        ignoreWarning = undefined !== ignoreWarning ? ignoreWarning : 'false';
-        const url = this.buildEventTriggerUrl(caseTypeId, eventTriggerId, caseId, ignoreWarning);
-        let headers = new HttpHeaders();
-        headers = headers.set('experimental', 'true');
-        headers = headers.set('Content-Type', 'application/json');
-        if (Draft.isDraft(caseId)) {
-            headers = headers.set('Accept', CasesService.V2_MEDIATYPE_START_DRAFT_TRIGGER);
-        }
-        else if (caseId !== undefined && caseId !== null) {
-            headers = headers.set('Accept', CasesService.V2_MEDIATYPE_START_EVENT_TRIGGER);
-        }
-        else {
+    /**
+     * TODO: Gets case link responses
+     * @returns case link responses
+     */
+    getCaseLinkResponses() {
+        const headers = new HttpHeaders()
+            .set('experimental', 'true')
+            .set('Accept', CasesService.V2_MEDIATYPE_CASE_VIEW)
+            .set('Content-Type', 'application/json');
+        const loadingToken = this.loadingService.register();
+        return this.http
+            .get('assets/getCaseReasons.json', { headers, observe: 'body' })
+            .pipe(map((reasons) => {
+            return reasons.sort((reasonA, reasonB) => reasonA.value_en > reasonB.value_en ? 1 : -1);
+        }), catchError(error => {
+            this.errorService.setError(error);
+            return throwError(error);
+        }), finalize(() => this.loadingService.unregister(loadingToken)));
+    }
+    getLinkedCases(caseId) {
+        const url = `${this.appConfig.getCaseDataStoreApiUrl()}/${caseId}`;
+        return this.http
+            .get(url)
+            .pipe(catchError(error => {
+            return throwError(error);
+        }));
+    }
+    getEventTrigger(caseTypeId, eventTriggerId, caseId, ignoreWarning) {
+        ignoreWarning = undefined !== ignoreWarning ? ignoreWarning : 'false';
+        const url = this.buildEventTriggerUrl(caseTypeId, eventTriggerId, caseId, ignoreWarning);
+        let headers = new HttpHeaders();
+        headers = headers.set('experimental', 'true');
+        headers = headers.set('Content-Type', 'application/json');
+        if (Draft.isDraft(caseId)) {
+            headers = headers.set('Accept', CasesService.V2_MEDIATYPE_START_DRAFT_TRIGGER);
+        }
+        else if (caseId !== undefined && caseId !== null) {
+            headers = headers.set('Accept', CasesService.V2_MEDIATYPE_START_EVENT_TRIGGER);
+        }
+        else {
             headers = headers.set('Accept', CasesService.V2_MEDIATYPE_START_CASE_TRIGGER);
         }
         return this.http
@@ -7853,7 +7916,8 @@ class PageValidationService {
             .filter(caseField => !this.isHidden(caseField, editForm))
             .every(caseField => {
             const theControl = editForm.controls['data'].get(caseField.id);
-            return this.checkDocumentField(caseField, theControl) && this.checkOptionalField(caseField, theControl);
+            return this.checkDocumentField(caseField, theControl) && this.checkOptionalField(caseField, theControl) &&
+                this.checkCaseLinksCollectionField(caseField, theControl);
         });
     }
     isHidden(caseField, editForm, path) {
@@ -7881,6 +7945,13 @@ class PageValidationService {
     checkMandatoryField(caseField, theControl) {
         return this.caseFieldService.isMandatory(caseField) && theControl === null;
     }
+    checkCaseLinksCollectionField(caseField, theControl) {
+        if (caseField && caseField.id === 'caseLinks') {
+            return theControl && theControl.value && Array.isArray(theControl.value) &&
+                theControl.value.length ? true : false;
+        }
+        return true;
+    }
 }
 PageValidationService.ɵfac = function PageValidationService_Factory(t) { return new (t || PageValidationService)(i0.ɵɵinject(CaseFieldService)); };
 PageValidationService.ɵprov = i0.ɵɵdefineInjectable({ token: PageValidationService, factory: PageValidationService.ɵfac });
@@ -8658,20 +8729,24 @@ class CaseEditPageComponent {
                     this.validationErrors.push({ id, message: `${label} exceeds the maximum length` });
                     fieldElement.markAsDirty();
                 }
+                else if (this.caseLinkError && FieldsUtils.isLinkedCasesCaseField(casefield)) {
+                    this.validationErrors.push({ id: this.caseLinkError.componentId, message: this.caseLinkError.errorMessage });
+                }
                 else if (fieldElement.invalid) {
                     if (casefield.isComplex()) {
                         this.generateErrorMessage(casefield.field_type.complex_fields, fieldElement, id);
                     }
                     else if (casefield.isCollection() && casefield.field_type.collection_field_type.type === 'Complex') {
-                        const fieldArray = fieldElement;
-                        if (fieldArray['component'] && fieldArray['component']['collItems'] && fieldArray['component']['collItems'].length > 0) {
-                            fieldArray['component']['collItems'].forEach(element => {
-                                id = `${element.prefix}`;
-                                fieldArray.controls.forEach((control, index) => {
-                                    if (id.charAt(id.indexOf(index.toString())) === index.toString()) {
-                                        this.generateErrorMessage(casefield.field_type.collection_field_type.complex_fields, control.get('value'), id);
-                                    }
-                                });
+                        if (this.caseLinkError && FieldsUtils.isLinkedCasesCaseField(casefield)) {
+                            this.validationErrors.push({ id: this.caseLinkError.componentId, message: this.caseLinkError.errorMessage });
+                        }
+                        else {
+                            const fieldArray = fieldElement;
+                            if (fieldArray['component'] && fieldArray['component']['collItems'] && fieldArray['component']['collItems'].length > 0) {
+                                id = `${fieldArray['component']['collItems'][0].prefix}`;
+                            }
+                            fieldArray.controls.forEach((c) => {
+                                this.generateErrorMessage(casefield.field_type.collection_field_type.complex_fields, c.get('value'), id);
                             });
                         }
                     }
@@ -9361,6 +9436,10 @@ class ReadFieldsFilterPipe {
             && ReadFieldsFilterPipe.NESTED_TYPES[field.field_type.type](field, value);
     }
     static keepField(field, value, ignoreLabels = false) {
+        // We should always render the caselinks tables from and to regardless whether it has valid value or not
+        if (field.id === 'caseLinks') {
+            return true;
+        }
         // We shouldn't ditch labels.
         if (!ignoreLabels && field.field_type.type === 'Label' && (field.label || '').length > 0) {
             return true;
@@ -9625,6 +9704,172 @@ FieldsFilterPipe.ɵpipe = i0.ɵɵdefinePipe({ name: "ccdFieldsFilter", type: Fie
             }]
     }], null, null); })();
 
+class JurisdictionService {
+    constructor(http) {
+        this.http = http;
+    }
+    getJurisdictions() {
+        const headers = new HttpHeaders({
+            'Content-Type': 'application/json',
+            Accept: 'application/json'
+        });
+        return this.http.get('/aggregated/caseworkers/:uid/jurisdictions?access=read', { headers });
+    }
+}
+JurisdictionService.ɵfac = function JurisdictionService_Factory(t) { return new (t || JurisdictionService)(i0.ɵɵinject(i1$2.HttpClient)); };
+JurisdictionService.ɵprov = i0.ɵɵdefineInjectable({ token: JurisdictionService, factory: JurisdictionService.ɵfac });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(JurisdictionService, [{
+        type: Injectable
+    }], function () { return [{ type: i1$2.HttpClient }]; }, null); })();
+
+class LinkedCasesService {
+    constructor(jurisdictionService, searchService) {
+        this.jurisdictionService = jurisdictionService;
+        this.searchService = searchService;
+        this.caseFieldValue = [];
+        this.isLinkedCasesEventTrigger = false;
+        this.linkCaseReasons = [];
+        this.linkedCases = [];
+        this.initialCaseLinks = [];
+        this.editMode = false;
+        this.jurisdictionsResponse = [];
+        this.serverError = null;
+        this.serverLinkedApiError = null;
+        this.isServerReasonCodeError = false;
+        this.caseJurisdictionID = null;
+        this.groupLinkedCasesByCaseType = (arrObj, key) => {
+            return arrObj.reduce((rv, x) => {
+                (rv[x.value[key]] = rv[x.value[key]] || []).push(x.value['CaseReference']);
+                return rv;
+            }, {});
+        };
+        this.jurisdictionService.getJurisdictions().subscribe((jurisdictions) => {
+            this.jurisdictionsResponse = jurisdictions;
+        }, (error) => {
+            this.serverJurisdictionError = true;
+        });
+    }
+    constructElasticSearchQuery(caseIds, size) {
+        return {
+            query: {
+                terms: {
+                    reference: caseIds,
+                },
+            },
+            size,
+        };
+    }
+    mapResponse(esSearchCasesResponse) {
+        const caseInfo = this.caseFieldValue.find(item => item.value && item.value.CaseReference === esSearchCasesResponse.case_id);
+        return caseInfo && {
+            caseReference: esSearchCasesResponse.case_id,
+            caseName: esSearchCasesResponse.case_fields.caseNameHmctsInternal || LinkedCasesService.CASE_NAME_MISSING_TEXT,
+            caseType: this.mapLookupIDToValueFromJurisdictions('CASE_TYPE', esSearchCasesResponse.case_fields['[CASE_TYPE]']),
+            service: this.mapLookupIDToValueFromJurisdictions('JURISDICTION', esSearchCasesResponse.case_fields['[JURISDICTION]']),
+            state: this.mapLookupIDToValueFromJurisdictions('STATE', esSearchCasesResponse.case_fields['[STATE]']),
+            reasons: caseInfo.value && caseInfo.value.ReasonForLink &&
+                caseInfo.value.ReasonForLink.map(reason => reason.value && reason.value.Reason),
+        };
+    }
+    searchCasesByCaseIds(searchCasesResponse) {
+        return forkJoin(searchCasesResponse);
+    }
+    getAllLinkedCaseInformation() {
+        const searchCasesResponse = [];
+        const linkedCaseIds = this.groupLinkedCasesByCaseType(this.caseFieldValue, 'CaseType');
+        Object.keys(linkedCaseIds).forEach(key => {
+            const esQuery = this.constructElasticSearchQuery(linkedCaseIds[key], 100);
+            const query = this.searchService.searchCasesByIds(key, esQuery, SearchService.VIEW_WORKBASKET);
+            searchCasesResponse.push(query);
+        });
+        if (searchCasesResponse.length) {
+            this.searchCasesByCaseIds(searchCasesResponse).subscribe((searchCases) => {
+                const casesResponse = [];
+                searchCases.forEach(response => {
+                    response.results.forEach((result) => {
+                        casesResponse.push(this.mapResponse(result));
+                    });
+                });
+                const caseLinks = casesResponse.map(item => {
+                    return {
+                        caseReference: item.caseReference,
+                        caseName: item.caseName,
+                        caseService: item.service,
+                        caseType: item.caseType,
+                        unlink: false,
+                        reasons: item.reasons && item.reasons.map(reason => {
+                            return {
+                                reasonCode: reason
+                            };
+                        }),
+                    };
+                });
+                this.linkedCases = caseLinks;
+                this.serverLinkedApiError = null;
+            }, err => {
+                this.serverLinkedApiError = {
+                    id: 'backendError', message: 'Some case information is not available at the moment'
+                };
+            });
+        }
+    }
+    mapLookupIDToValueFromJurisdictions(fieldName, fieldValue) {
+        const selectedJurisdiction = this.jurisdictionsResponse &&
+            this.jurisdictionsResponse.find(item => item.id === this.caseDetails.case_type.jurisdiction.id);
+        const selectedCaseType = selectedJurisdiction && selectedJurisdiction.caseTypes.find(item => item.id === this.caseDetails.case_type.id);
+        const state = selectedCaseType && selectedCaseType.states.find(item => item.id === fieldValue);
+        switch (fieldName) {
+            case 'JURISDICTION':
+                return selectedJurisdiction && selectedJurisdiction.description;
+            case 'CASE_TYPE':
+                return selectedCaseType && selectedCaseType.name;
+            case 'CASE_TYPE_DESCRIPTION':
+                return selectedCaseType && selectedCaseType.description;
+            case 'STATE':
+                return state && state.name || fieldValue;
+            case 'STATE_DESCRIPTION':
+                return state && state.description || fieldValue;
+            default:
+                break;
+        }
+    }
+    getCaseName(searchCasesResponse) {
+        let caseName = LinkedCasesService.CASE_NAME_MISSING_TEXT;
+        const tabs = searchCasesResponse.tabs.filter(tab => {
+            const caseNameHmctsInternalField = tab.fields.find(field => field.id === 'caseNameHmctsInternal');
+            if (caseNameHmctsInternalField) {
+                caseName = caseNameHmctsInternalField.value;
+            }
+        });
+        return caseName;
+    }
+}
+LinkedCasesService.CASE_NAME_MISSING_TEXT = 'Case name missing';
+LinkedCasesService.ɵfac = function LinkedCasesService_Factory(t) { return new (t || LinkedCasesService)(i0.ɵɵinject(JurisdictionService), i0.ɵɵinject(SearchService)); };
+LinkedCasesService.ɵprov = i0.ɵɵdefineInjectable({ token: LinkedCasesService, factory: LinkedCasesService.ɵfac });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LinkedCasesService, [{
+        type: Injectable
+    }], function () { return [{ type: JurisdictionService }, { type: SearchService }]; }, null); })();
+
+class LinkCasesReasonValuePipe {
+    constructor(linkedCasesService) {
+        this.linkedCasesService = linkedCasesService;
+    }
+    transform(reasonCode) {
+        const reasonCodeMapping = this.linkedCasesService.linkCaseReasons &&
+            this.linkedCasesService.linkCaseReasons.find(reason => reason.key === reasonCode);
+        return reasonCodeMapping && reasonCodeMapping.value_en;
+    }
+}
+LinkCasesReasonValuePipe.ɵfac = function LinkCasesReasonValuePipe_Factory(t) { return new (t || LinkCasesReasonValuePipe)(i0.ɵɵdirectiveInject(LinkedCasesService)); };
+LinkCasesReasonValuePipe.ɵpipe = i0.ɵɵdefinePipe({ name: "ccdLinkCasesReasonValue", type: LinkCasesReasonValuePipe, pure: true });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LinkCasesReasonValuePipe, [{
+        type: Pipe,
+        args: [{
+                name: 'ccdLinkCasesReasonValue'
+            }]
+    }], function () { return [{ type: LinkedCasesService }]; }, null); })();
+
 var SortOrder;
 (function (SortOrder) {
     SortOrder[SortOrder["ASCENDING"] = 0] = "ASCENDING";
@@ -9660,7 +9905,8 @@ const pipeDeclarations = [
     CcdCYAPageLabelFilterPipe,
     ReadFieldsFilterPipe,
     CcdTabFieldsPipe,
-    CcdPageFieldsPipe
+    CcdPageFieldsPipe,
+    LinkCasesReasonValuePipe
 ];
 class PipesModule {
 }
@@ -9676,14 +9922,16 @@ PipesModule.ɵinj = i0.ɵɵdefineInjector({ imports: [[
         CcdCYAPageLabelFilterPipe,
         ReadFieldsFilterPipe,
         CcdTabFieldsPipe,
-        CcdPageFieldsPipe], imports: [CommonModule], exports: [CaseReferencePipe,
+        CcdPageFieldsPipe,
+        LinkCasesReasonValuePipe], imports: [CommonModule], exports: [CaseReferencePipe,
         SortSearchResultPipe,
         CcdCaseTitlePipe,
         CcdCollectionTableCaseFieldsFilterPipe,
         CcdCYAPageLabelFilterPipe,
         ReadFieldsFilterPipe,
         CcdTabFieldsPipe,
-        CcdPageFieldsPipe] }); })();
+        CcdPageFieldsPipe,
+        LinkCasesReasonValuePipe] }); })();
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PipesModule, [{
         type: NgModule,
         args: [{
@@ -9922,7 +10170,7 @@ class AddressOption {
     }
 }
 
-const _c0$N = ["writeComplexFieldComponent"];
+const _c0$P = ["writeComplexFieldComponent"];
 function WriteAddressFieldComponent_div_1_div_4_span_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 14);
     i0.ɵɵtext(1, "Enter the Postcode");
@@ -10115,7 +10363,7 @@ class WriteAddressFieldComponent extends AbstractFieldWriteComponent {
 }
 WriteAddressFieldComponent.ɵfac = function WriteAddressFieldComponent_Factory(t) { return new (t || WriteAddressFieldComponent)(i0.ɵɵdirectiveInject(AddressesService), i0.ɵɵdirectiveInject(IsCompoundPipe)); };
 WriteAddressFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: WriteAddressFieldComponent, selectors: [["ccd-write-address-field"]], viewQuery: function WriteAddressFieldComponent_Query(rf, ctx) { if (rf & 1) {
-        i0.ɵɵviewQuery(_c0$N, 1);
+        i0.ɵɵviewQuery(_c0$P, 1);
         i0.ɵɵviewQuery(FocusElementDirective, 1);
     } if (rf & 2) {
         let _t;
@@ -10271,7 +10519,7 @@ function ReadCaseFlagFieldComponent_ng_container_2_div_4_Template(rf, ctx) { if
 } if (rf & 2) {
     const ctx_r3 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("tableCaption", "Case level flags")("flagData", ctx_r3.caseLevelCaseFlagData)("firstColumnHeader", ctx_r3.caseLevelFirstColumnHeader);
+    i0.ɵɵproperty("tableCaption", "Case level flags")("flagData", ctx_r3.caseLevelCaseFlagData)("firstColumnHeader", "Case flags");
 } }
 function ReadCaseFlagFieldComponent_ng_container_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
@@ -10343,7 +10591,6 @@ class ReadCaseFlagFieldComponent extends AbstractFieldReadComponent {
                 }
             }
         }
-        this.caseLevelFirstColumnHeader = this.caseNameMissing;
     }
     extractNewFlagToFlagDetailDisplayObject(selectedFlagsLocation) {
         // Use the pathToFlagsFormGroup property from the selected flag location to drill down to the correct part of the
@@ -10461,7 +10708,7 @@ function WriteCaseFlagFieldComponent_div_1_ng_container_7_Template(rf, ctx) { if
     i0.ɵɵadvance(1);
     i0.ɵɵproperty("formGroup", ctx_r10.caseFlagParentFormGroup)("optional", ctx_r10.flagCommentsOptional);
 } }
-const _c0$M = function (a0) { return { "form-group-error": a0 }; };
+const _c0$O = function (a0) { return { "form-group-error": a0 }; };
 function WriteCaseFlagFieldComponent_div_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 8);
     i0.ɵɵelementStart(1, "div", 9);
@@ -10480,7 +10727,7 @@ function WriteCaseFlagFieldComponent_div_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(1);
     i0.ɵɵproperty("ngSwitch", ctx_r1.fieldState);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(8, _c0$M, ctx_r1.errorMessages.length > 0));
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(8, _c0$O, ctx_r1.errorMessages.length > 0));
     i0.ɵɵadvance(1);
     i0.ɵɵtextInterpolate1(" ", ctx_r1.createFlagCaption, " ");
     i0.ɵɵadvance(1);
@@ -10687,15 +10934,19 @@ class WriteCaseFlagFieldComponent extends AbstractFieldWriteComponent {
         if (path.indexOf('.') > -1) {
             path.slice(path.indexOf('.') + 1).split('.').forEach(part => flagsCaseFieldValue = flagsCaseFieldValue[part]);
         }
-        if (flagsCaseFieldValue) {
-            // Create a details array if one does not exist
-            if (!flagsCaseFieldValue.hasOwnProperty('details')) {
-                flagsCaseFieldValue.details = [];
-            }
-            // Populate new FlagDetail instance and add to the Flags data within the CaseField instance of the selected flag
-            // location
-            flagsCaseFieldValue.details.push({ value: this.populateNewFlagDetailInstance() });
+        // If the CaseField for the selected flags location has no value, set it to an empty object so it can be populated
+        // with flag details
+        if (!flagsCaseFieldValue) {
+            this.selectedFlagsLocation.caseField.value = {};
+            flagsCaseFieldValue = this.selectedFlagsLocation.caseField.value;
         }
+        // Create a details array if one does not exist
+        if (!flagsCaseFieldValue.hasOwnProperty('details')) {
+            flagsCaseFieldValue.details = [];
+        }
+        // Populate new FlagDetail instance and add to the Flags data within the CaseField instance of the selected flag
+        // location
+        flagsCaseFieldValue.details.push({ value: this.populateNewFlagDetailInstance() });
     }
     updateFlagInCollection() {
         // Ensure no more than one flag is being updated at a time, by iterating through each Flags case field and resetting
@@ -10832,8 +11083,8 @@ WriteCaseFlagFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: WriteCaseFlag
     }], function () { return [{ type: i1$1.ActivatedRoute }]; }, null); })();
 
 function ReadCaseLinkFieldComponent_a_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "a", 1);
-    i0.ɵɵelementStart(1, "span", 2);
+    i0.ɵɵelementStart(0, "a", 2);
+    i0.ɵɵelementStart(1, "span", 3);
     i0.ɵɵtext(2);
     i0.ɵɵpipe(3, "ccdCaseReference");
     i0.ɵɵelementEnd();
@@ -10844,71 +11095,112 @@ function ReadCaseLinkFieldComponent_a_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate(ctx_r0.caseField.value.CaseReference ? i0.ɵɵpipeBind1(3, 2, ctx_r0.caseField.value.CaseReference) : "");
 } }
+function ReadCaseLinkFieldComponent_ng_container_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵelement(1, "ccd-read-linked-cases", 4);
+    i0.ɵɵelementContainerEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("caseField", ctx_r1.caseField);
+} }
 class ReadCaseLinkFieldComponent extends AbstractFieldReadComponent {
+    constructor() {
+        super(...arguments);
+        this.paletteContext = PaletteContext;
+    }
     hasReference() {
         return this.caseField.value && this.caseField.value.CaseReference;
     }
+    hasCaseLinkCollection() {
+        return (this.caseField.field_type &&
+            this.caseField.field_type.type === 'Collection' &&
+            this.caseField.field_type.collection_field_type.id === 'CaseLink');
+    }
 }
 ReadCaseLinkFieldComponent.ɵfac = function ReadCaseLinkFieldComponent_Factory(t) { return ɵReadCaseLinkFieldComponent_BaseFactory(t || ReadCaseLinkFieldComponent); };
-ReadCaseLinkFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: ReadCaseLinkFieldComponent, selectors: [["ccd-read-case-link-field"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [["target", "_blank", 3, "href", 4, "ngIf"], ["target", "_blank", 3, "href"], [1, "text-16"]], template: function ReadCaseLinkFieldComponent_Template(rf, ctx) { if (rf & 1) {
+ReadCaseLinkFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: ReadCaseLinkFieldComponent, selectors: [["ccd-read-case-link-field"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 2, consts: [["target", "_blank", 3, "href", 4, "ngIf"], [4, "ngIf"], ["target", "_blank", 3, "href"], [1, "text-16"], [3, "caseField"]], template: function ReadCaseLinkFieldComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵtemplate(0, ReadCaseLinkFieldComponent_a_0_Template, 4, 4, "a", 0);
+        i0.ɵɵtemplate(1, ReadCaseLinkFieldComponent_ng_container_1_Template, 2, 1, "ng-container", 1);
     } if (rf & 2) {
         i0.ɵɵproperty("ngIf", ctx.hasReference());
-    } }, directives: [i1.NgIf], pipes: [CaseReferencePipe], encapsulation: 2 });
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngIf", ctx.hasCaseLinkCollection());
+    } }, encapsulation: 2 });
 const ɵReadCaseLinkFieldComponent_BaseFactory = /*@__PURE__*/ i0.ɵɵgetInheritedFactory(ReadCaseLinkFieldComponent);
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ReadCaseLinkFieldComponent, [{
         type: Component,
         args: [{
                 selector: 'ccd-read-case-link-field',
-                templateUrl: 'read-case-link-field.html'
+                templateUrl: 'read-case-link-field.html',
             }]
     }], null, null); })();
 
-const _c0$L = ["writeComplexFieldComponent"];
-function WriteCaseLinkFieldComponent_span_2_Template(rf, ctx) { if (rf & 1) {
+const _c0$N = ["writeComplexFieldComponent"];
+function WriteCaseLinkFieldComponent_div_1_span_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 6);
     i0.ɵɵtext(1);
     i0.ɵɵpipe(2, "ccdFieldLabel");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
+    const ctx_r2 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, ctx_r0.caseField));
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, ctx_r2.caseField));
 } }
-function WriteCaseLinkFieldComponent_span_3_Template(rf, ctx) { if (rf & 1) {
+function WriteCaseLinkFieldComponent_div_1_span_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 7);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
+    const ctx_r3 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate(ctx_r1.caseField.hint_text);
+    i0.ɵɵtextInterpolate(ctx_r3.caseField.hint_text);
 } }
-function WriteCaseLinkFieldComponent_span_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 8);
-    i0.ɵɵtext(1);
-    i0.ɵɵpipe(2, "ccdFirstError");
+function WriteCaseLinkFieldComponent_div_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 1);
+    i0.ɵɵelementStart(1, "label", 2);
+    i0.ɵɵtemplate(2, WriteCaseLinkFieldComponent_div_1_span_2_Template, 3, 3, "span", 3);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(3, WriteCaseLinkFieldComponent_div_1_span_3_Template, 2, 1, "span", 4);
+    i0.ɵɵelement(4, "input", 5);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext();
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("for", ctx_r0.id());
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", ctx_r0.caseField.label);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", ctx_r0.caseField.hint_text);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("id", ctx_r0.id())("formControl", ctx_r0.caseReferenceControl);
+} }
+function WriteCaseLinkFieldComponent_div_2_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 1);
+    i0.ɵɵelementStart(1, "ccd-write-linked-cases", 8);
+    i0.ɵɵlistener("onLinkedCasesSelected", function WriteCaseLinkFieldComponent_div_2_Template_ccd_write_linked_cases_onLinkedCasesSelected_1_listener() { i0.ɵɵrestoreView(_r5); const ctx_r4 = i0.ɵɵnextContext(); return ctx_r4.submitLinkedCases(); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(2, 1, ctx_r2.caseReferenceControl.errors, ctx_r2.caseField.label));
+    i0.ɵɵproperty("caseFields", ctx_r1.caseFields)("caseField", ctx_r1.caseField)("formGroup", ctx_r1.formGroup)("caseEditPageComponent", ctx_r1.caseEditPageComponent)("isLinkedCasesJourney", ctx_r1.linkedCasesService.isLinkedCasesEventTrigger);
 } }
-const _c1$i = function (a0) { return { "form-group-error": a0 }; };
 class WriteCaseLinkFieldComponent extends AbstractFieldWriteComponent {
+    constructor(linkedCasesService) {
+        super();
+        this.linkedCasesService = linkedCasesService;
+        this.caseFields = [];
+    }
     ngOnInit() {
-        if (this.caseField.value) {
+        this.formArray = this.registerControl(new FormArray([]), true);
+        this.formArray['caseField'] = this.caseField;
+        if (!this.hasCaseLinkCollection()) {
             this.caseLinkGroup = this.registerControl(new FormGroup({
                 CaseReference: new FormControl(this.caseField.value.CaseReference, Validators.required),
             }), true);
         }
-        else {
-            this.caseLinkGroup = this.registerControl(new FormGroup({
-                CaseReference: new FormControl(null, Validators.required),
-            }), true);
-        }
-        this.caseReferenceControl = this.caseLinkGroup.controls['CaseReference'];
-        this.caseReferenceControl.setValidators(this.caseReferenceValidator());
         // Ensure that all sub-fields inherit the same value for retain_hidden_value as this parent; although a CaseLink
         // field uses the Complex type, it is meant to be treated as one field
         if (this.caseField && this.caseField.field_type.type === 'Complex') {
@@ -10916,6 +11208,18 @@ class WriteCaseLinkFieldComponent extends AbstractFieldWriteComponent {
                 caseLinkSubField.retain_hidden_value = this.caseField.retain_hidden_value;
             }
         }
+        this.containsCaseLinkCollection = this.hasCaseLinkCollection();
+    }
+    submitLinkedCases() {
+        const formGroup = this.formGroup;
+        if (!this.linkedCasesService.isLinkedCasesEventTrigger) {
+            const unlinkedCaseRefereneIds = this.linkedCasesService.linkedCases.filter(item => item.unlink).map(item => item.caseReference);
+            this.formGroup.value.caseLinks = this.linkedCasesService.caseFieldValue
+                .filter(item => unlinkedCaseRefereneIds.indexOf(item.id) === -1);
+        }
+        else if (formGroup.value && formGroup.value.caseLinks && this.linkedCasesService.linkedCases) {
+            this.formGroup.value.caseLinks = this.linkedCasesService.caseFieldValue;
+        }
     }
     validCaseReference(valueString) {
         if (!valueString) {
@@ -10923,64 +11227,47 @@ class WriteCaseLinkFieldComponent extends AbstractFieldWriteComponent {
         }
         return new RegExp('^\\b\\d{4}[ -]?\\d{4}[ -]?\\d{4}[ -]?\\d{4}\\b$').test(valueString.trim());
     }
-    caseReferenceValidator() {
-        return (control) => {
-            if (control.value) {
-                if (this.validCaseReference(control.value)) {
-                    return null;
-                }
-                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;
-        };
+    hasCaseLinkCollection() {
+        return (this.caseField.field_type &&
+            this.caseField.field_type.type === 'Collection' &&
+            this.caseField.field_type.collection_field_type.id === 'CaseLink');
     }
 }
-WriteCaseLinkFieldComponent.ɵfac = function WriteCaseLinkFieldComponent_Factory(t) { return ɵWriteCaseLinkFieldComponent_BaseFactory(t || WriteCaseLinkFieldComponent); };
+WriteCaseLinkFieldComponent.ɵfac = function WriteCaseLinkFieldComponent_Factory(t) { return new (t || WriteCaseLinkFieldComponent)(i0.ɵɵdirectiveInject(LinkedCasesService)); };
 WriteCaseLinkFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: WriteCaseLinkFieldComponent, selectors: [["ccd-write-case-link-field"]], viewQuery: function WriteCaseLinkFieldComponent_Query(rf, ctx) { if (rf & 1) {
-        i0.ɵɵviewQuery(_c0$L, 1);
+        i0.ɵɵviewQuery(_c0$N, 1);
     } if (rf & 2) {
         let _t;
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.writeComplexFieldComponent = _t.first);
-    } }, features: [i0.ɵɵInheritDefinitionFeature], decls: 6, vars: 9, consts: [[1, "form-group", 3, "ngClass"], [3, "for"], ["class", "form-label", 4, "ngIf"], ["class", "form-hint", 4, "ngIf"], ["class", "error-message", 4, "ngIf"], ["type", "text", 1, "form-control", "bottom-30", 3, "id", "formControl"], [1, "form-label"], [1, "form-hint"], [1, "error-message"]], template: function WriteCaseLinkFieldComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵelementStart(0, "div", 0);
-        i0.ɵɵelementStart(1, "label", 1);
-        i0.ɵɵtemplate(2, WriteCaseLinkFieldComponent_span_2_Template, 3, 3, "span", 2);
-        i0.ɵɵelementEnd();
-        i0.ɵɵtemplate(3, WriteCaseLinkFieldComponent_span_3_Template, 2, 1, "span", 3);
-        i0.ɵɵtemplate(4, WriteCaseLinkFieldComponent_span_4_Template, 3, 4, "span", 4);
-        i0.ɵɵelement(5, "input", 5);
-        i0.ɵɵelementEnd();
+    } }, inputs: { caseFields: "caseFields", formGroup: "formGroup", caseEditPageComponent: "caseEditPageComponent" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 3, vars: 2, consts: [["class", "form-group", 4, "ngIf"], [1, "form-group"], [3, "for"], ["class", "form-label", 4, "ngIf"], ["class", "form-hint", 4, "ngIf"], ["type", "text", 1, "form-control", "bottom-30", 3, "id", "formControl"], [1, "form-label"], [1, "form-hint"], [3, "caseFields", "caseField", "formGroup", "caseEditPageComponent", "isLinkedCasesJourney", "onLinkedCasesSelected"]], template: function WriteCaseLinkFieldComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵelementContainerStart(0);
+        i0.ɵɵtemplate(1, WriteCaseLinkFieldComponent_div_1_Template, 5, 5, "div", 0);
+        i0.ɵɵtemplate(2, WriteCaseLinkFieldComponent_div_2_Template, 2, 5, "div", 0);
+        i0.ɵɵelementContainerEnd();
     } if (rf & 2) {
-        i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(7, _c1$i, !ctx.caseReferenceControl.valid && (ctx.caseReferenceControl.dirty || ctx.caseReferenceControl.touched)));
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("for", ctx.id());
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngIf", ctx.caseField.label);
         i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngIf", ctx.caseField.hint_text);
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngIf", ctx.caseReferenceControl.errors && (ctx.caseReferenceControl.dirty || ctx.caseReferenceControl.touched));
+        i0.ɵɵproperty("ngIf", !ctx.containsCaseLinkCollection);
         i0.ɵɵadvance(1);
-        i0.ɵɵproperty("id", ctx.id())("formControl", ctx.caseReferenceControl);
-    } }, directives: [i1.NgClass, i1.NgIf, i2.DefaultValueAccessor, i2.NgControlStatus, i2.FormControlDirective], pipes: [FieldLabelPipe, FirstErrorPipe], encapsulation: 2 });
-const ɵWriteCaseLinkFieldComponent_BaseFactory = /*@__PURE__*/ i0.ɵɵgetInheritedFactory(WriteCaseLinkFieldComponent);
+        i0.ɵɵproperty("ngIf", ctx.containsCaseLinkCollection);
+    } }, encapsulation: 2 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WriteCaseLinkFieldComponent, [{
         type: Component,
         args: [{
                 selector: 'ccd-write-case-link-field',
                 templateUrl: 'write-case-link-field.html'
             }]
-    }], null, { writeComplexFieldComponent: [{
+    }], function () { return [{ type: LinkedCasesService }]; }, { caseFields: [{
+            type: Input
+        }], formGroup: [{
+            type: Input
+        }], caseEditPageComponent: [{
+            type: Input
+        }], writeComplexFieldComponent: [{
             type: ViewChild,
             args: ['writeComplexFieldComponent', /* TODO: add static flag */ {}]
         }] }); })();
 
-const _c0$K = function (a0, a1, a2, a3, a4, a5) { return { id: a0, label: a1, field_type: a2, display_context_parameter: a3, value: a4, hidden: a5 }; };
+const _c0$M = function (a0, a1, a2, a3, a4, a5) { return { id: a0, label: a1, field_type: a2, display_context_parameter: a3, value: a4, hidden: a5 }; };
 function ReadCollectionFieldComponent_table_0_tbody_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "tbody");
     i0.ɵɵelementStart(1, "tr");
@@ -10993,9 +11280,9 @@ function ReadCollectionFieldComponent_table_0_tbody_2_Template(rf, ctx) { if (rf
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(4);
-    i0.ɵɵproperty("caseField", i0.ɵɵpureFunction6(3, _c0$K, ctx_r1.caseField.label, ctx_r1.caseField.label, ctx_r1.caseField.field_type.collection_field_type, ctx_r1.caseField.display_context_parameter, ctx_r1.caseField.value, ctx_r1.caseField.hidden))("context", ctx_r1.context)("topLevelFormGroup", ctx_r1.topLevelFormGroup);
+    i0.ɵɵproperty("caseField", i0.ɵɵpureFunction6(3, _c0$M, ctx_r1.caseField.label, ctx_r1.caseField.label, ctx_r1.caseField.field_type.collection_field_type, ctx_r1.caseField.display_context_parameter, ctx_r1.caseField.value, ctx_r1.caseField.hidden))("context", ctx_r1.context)("topLevelFormGroup", ctx_r1.topLevelFormGroup);
 } }
-const _c1$h = function (a0, a1, a2, a3, a4) { return { id: a0, label: a1, field_type: a2, value: a3, hidden: a4 }; };
+const _c1$i = function (a0, a1, a2, a3, a4) { return { id: a0, label: a1, field_type: a2, value: a3, hidden: a4 }; };
 function ReadCollectionFieldComponent_table_0_tbody_3_tr_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "tr");
     i0.ɵɵelementStart(1, "td");
@@ -11007,7 +11294,7 @@ function ReadCollectionFieldComponent_table_0_tbody_3_tr_1_Template(rf, ctx) { i
     const i_r5 = ctx.index;
     const ctx_r3 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("caseField", i0.ɵɵpureFunction5(4, _c1$h, i_r5, ctx_r3.caseField.label + " " + (i_r5 + 1), ctx_r3.caseField.field_type.collection_field_type, item_r4.value, ctx_r3.caseField.hidden))("context", ctx_r3.context)("topLevelFormGroup", ctx_r3.topLevelFormGroup)("idPrefix", ctx_r3.buildIdPrefix(i_r5));
+    i0.ɵɵproperty("caseField", i0.ɵɵpureFunction5(4, _c1$i, i_r5, ctx_r3.caseField.label + " " + (i_r5 + 1), ctx_r3.caseField.field_type.collection_field_type, item_r4.value, ctx_r3.caseField.hidden))("context", ctx_r3.context)("topLevelFormGroup", ctx_r3.topLevelFormGroup)("idPrefix", ctx_r3.buildIdPrefix(i_r5));
 } }
 function ReadCollectionFieldComponent_table_0_tbody_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "tbody");
@@ -11121,7 +11408,7 @@ RemoveDialogComponent.ɵcmp = i0.ɵɵdefineComponent({ type: RemoveDialogCompone
             }]
     }], function () { return [{ type: i1$3.MatDialogRef }]; }, null); })();
 
-const _c0$J = ["collectionItem"];
+const _c0$L = ["collectionItem"];
 function WriteCollectionFieldComponent_h2_7_span_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 9);
     i0.ɵɵtext(1);
@@ -11495,7 +11782,7 @@ class WriteCollectionFieldComponent extends AbstractFieldWriteComponent {
 }
 WriteCollectionFieldComponent.ɵfac = function WriteCollectionFieldComponent_Factory(t) { return new (t || WriteCollectionFieldComponent)(i0.ɵɵdirectiveInject(i1$3.MatDialog), i0.ɵɵdirectiveInject(i2$1.ScrollToService), i0.ɵɵdirectiveInject(ProfileNotifier)); };
 WriteCollectionFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: WriteCollectionFieldComponent, selectors: [["ccd-write-collection-field"]], viewQuery: function WriteCollectionFieldComponent_Query(rf, ctx) { if (rf & 1) {
-        i0.ɵɵviewQuery(_c0$J, 1);
+        i0.ɵɵviewQuery(_c0$L, 1);
     } if (rf & 2) {
         let _t;
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.items = _t);
@@ -11815,7 +12102,7 @@ FileUploadStateService.ɵprov = i0.ɵɵdefineInjectable({ token: FileUploadState
         type: Injectable
     }], null, null); })();
 
-const _c0$I = ["fileInput"];
+const _c0$K = ["fileInput"];
 function WriteDocumentFieldComponent_span_6_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 12);
     i0.ɵɵtext(1);
@@ -11840,7 +12127,7 @@ function WriteDocumentFieldComponent_ccd_read_document_field_9_Template(rf, ctx)
     const ctx_r2 = i0.ɵɵnextContext();
     i0.ɵɵproperty("caseField", ctx_r2.caseField);
 } }
-const _c1$g = function (a0) { return { "form-group-error bottom-30": a0 }; };
+const _c1$h = function (a0) { return { "form-group-error bottom-30": a0 }; };
 class WriteDocumentFieldComponent extends AbstractFieldWriteComponent {
     constructor(appConfig, caseNotifier, documentManagement, dialog, fileUploadStateService) {
         super();
@@ -12093,7 +12380,7 @@ WriteDocumentFieldComponent.UPLOAD_ERROR_NOT_AVAILABLE = 'Document upload facili
 WriteDocumentFieldComponent.UPLOAD_WAITING_FILE_STATUS = 'Uploading...';
 WriteDocumentFieldComponent.ɵfac = function WriteDocumentFieldComponent_Factory(t) { return new (t || WriteDocumentFieldComponent)(i0.ɵɵdirectiveInject(AbstractAppConfig), i0.ɵɵdirectiveInject(CaseNotifier), i0.ɵɵdirectiveInject(DocumentManagementService), i0.ɵɵdirectiveInject(i1$3.MatDialog), i0.ɵɵdirectiveInject(FileUploadStateService)); };
 WriteDocumentFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: WriteDocumentFieldComponent, selectors: [["ccd-write-document-field"]], viewQuery: function WriteDocumentFieldComponent_Query(rf, ctx) { if (rf & 1) {
-        i0.ɵɵviewQuery(_c0$I, 1);
+        i0.ɵɵviewQuery(_c0$K, 1);
     } if (rf & 2) {
         let _t;
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.fileInput = _t.first);
@@ -12129,7 +12416,7 @@ WriteDocumentFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: WriteDocument
         i0.ɵɵelementEnd();
         i0.ɵɵelementEnd();
     } if (rf & 2) {
-        i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(15, _c1$g, !ctx.valid));
+        i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(15, _c1$h, !ctx.valid));
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("for", ctx.id());
         i0.ɵɵadvance(1);
@@ -12255,7 +12542,7 @@ function WriteDynamicListFieldComponent_option_9_Template(rf, ctx) { if (rf & 1)
     i0.ɵɵadvance(1);
     i0.ɵɵtextInterpolate(type_r5.label);
 } }
-const _c0$H = function (a0) { return { "form-group-error": a0 }; };
+const _c0$J = function (a0) { return { "form-group-error": a0 }; };
 class WriteDynamicListFieldComponent extends AbstractFieldWriteComponent {
     ngOnInit() {
         /**
@@ -12297,7 +12584,7 @@ WriteDynamicListFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: WriteDynam
         i0.ɵɵelementEnd();
         i0.ɵɵelementEnd();
     } if (rf & 2) {
-        i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(10, _c0$H, !ctx.dynamicListFormControl.valid && (ctx.dynamicListFormControl.dirty || ctx.dynamicListFormControl.touched)));
+        i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(10, _c0$J, !ctx.dynamicListFormControl.valid && (ctx.dynamicListFormControl.dirty || ctx.dynamicListFormControl.touched)));
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("for", ctx.id());
         i0.ɵɵadvance(1);
@@ -12418,7 +12705,7 @@ function WriteDynamicRadioListFieldComponent_span_7_Template(rf, ctx) { if (rf &
     i0.ɵɵadvance(1);
     i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, ctx_r3.dynamicRadioListControl.errors));
 } }
-const _c0$G = function (a0) { return { selected: a0 }; };
+const _c0$I = function (a0) { return { selected: a0 }; };
 function WriteDynamicRadioListFieldComponent_div_9_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 10);
     i0.ɵɵelement(1, "input", 11);
@@ -12429,7 +12716,7 @@ function WriteDynamicRadioListFieldComponent_div_9_Template(rf, ctx) { if (rf &
 } if (rf & 2) {
     const radioButton_r5 = ctx.$implicit;
     const ctx_r4 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(7, _c0$G, ctx_r4.dynamicRadioListControl.value === radioButton_r5.code));
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(7, _c0$I, ctx_r4.dynamicRadioListControl.value === radioButton_r5.code));
     i0.ɵɵadvance(1);
     i0.ɵɵpropertyInterpolate("name", ctx_r4.id());
     i0.ɵɵproperty("id", ctx_r4.buildElementId(radioButton_r5.code))("formControl", ctx_r4.dynamicRadioListControl)("value", radioButton_r5.code);
@@ -12438,7 +12725,7 @@ function WriteDynamicRadioListFieldComponent_div_9_Template(rf, ctx) { if (rf &
     i0.ɵɵadvance(1);
     i0.ɵɵtextInterpolate(radioButton_r5.label);
 } }
-const _c1$f = function (a0) { return { "form-group-error": a0 }; };
+const _c1$g = function (a0) { return { "form-group-error": a0 }; };
 class WriteDynamicRadioListFieldComponent extends AbstractFieldWriteComponent {
     ngOnInit() {
         /**
@@ -12479,7 +12766,7 @@ WriteDynamicRadioListFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: Write
         i0.ɵɵelementEnd();
         i0.ɵɵelementEnd();
     } if (rf & 2) {
-        i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(8, _c1$f, !ctx.dynamicRadioListControl.valid && ctx.dynamicRadioListControl.dirty))("id", ctx.id());
+        i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(8, _c1$g, !ctx.dynamicRadioListControl.valid && ctx.dynamicRadioListControl.dirty))("id", ctx.id());
         i0.ɵɵadvance(3);
         i0.ɵɵproperty("for", ctx.id());
         i0.ɵɵadvance(1);
@@ -12563,8 +12850,8 @@ function WriteEmailFieldComponent_span_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(1);
     i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(2, 1, ctx_r2.emailControl.errors, ctx_r2.caseField.label));
 } }
-const _c0$F = function (a0) { return { "form-group-error": a0 }; };
-const _c1$e = function (a0) { return { "govuk-input--error": a0 }; };
+const _c0$H = function (a0) { return { "form-group-error": a0 }; };
+const _c1$f = function (a0) { return { "govuk-input--error": a0 }; };
 class WriteEmailFieldComponent extends AbstractFieldWriteComponent {
     ngOnInit() {
         this.emailControl = this.registerControl(new FormControl(this.caseField.value));
@@ -12581,7 +12868,7 @@ WriteEmailFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: WriteEmailFieldC
         i0.ɵɵelement(5, "input", 5);
         i0.ɵɵelementEnd();
     } if (rf & 2) {
-        i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(8, _c0$F, !ctx.emailControl.valid && (ctx.emailControl.dirty || ctx.emailControl.touched)));
+        i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(8, _c0$H, !ctx.emailControl.valid && (ctx.emailControl.dirty || ctx.emailControl.touched)));
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("for", ctx.id());
         i0.ɵɵadvance(1);
@@ -12591,7 +12878,7 @@ WriteEmailFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: WriteEmailFieldC
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("ngIf", ctx.emailControl.errors && (ctx.emailControl.dirty || ctx.emailControl.touched));
         i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(10, _c1$e, ctx.emailControl.errors && (ctx.emailControl.dirty || ctx.emailControl.touched)))("id", ctx.id())("formControl", ctx.emailControl);
+        i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(10, _c1$f, ctx.emailControl.errors && (ctx.emailControl.dirty || ctx.emailControl.touched)))("id", ctx.id())("formControl", ctx.emailControl);
     } }, directives: [i1.NgClass, i1.NgIf, i2.DefaultValueAccessor, i2.NgControlStatus, i2.FormControlDirective], pipes: [FieldLabelPipe, FirstErrorPipe], encapsulation: 2 });
 const ɵWriteEmailFieldComponent_BaseFactory = /*@__PURE__*/ i0.ɵɵgetInheritedFactory(WriteEmailFieldComponent);
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WriteEmailFieldComponent, [{
@@ -12683,7 +12970,7 @@ function WriteFixedListFieldComponent_option_8_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(1);
     i0.ɵɵtextInterpolate(type_r4.label);
 } }
-const _c0$E = function (a0) { return { "form-group-error": a0 }; };
+const _c0$G = function (a0) { return { "form-group-error": a0 }; };
 class WriteFixedListFieldComponent extends AbstractFieldWriteComponent {
     get listItems() {
         if (this.caseField) {
@@ -12721,7 +13008,7 @@ WriteFixedListFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: WriteFixedLi
         i0.ɵɵelementEnd();
         i0.ɵɵelementEnd();
     } if (rf & 2) {
-        i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(9, _c0$E, !ctx.fixedListFormControl.valid && (ctx.fixedListFormControl.dirty || ctx.fixedListFormControl.touched)));
+        i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(9, _c0$G, !ctx.fixedListFormControl.valid && (ctx.fixedListFormControl.dirty || ctx.fixedListFormControl.touched)));
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("for", ctx.id());
         i0.ɵɵadvance(1);
@@ -12812,7 +13099,7 @@ function WriteFixedRadioListFieldComponent_span_6_Template(rf, ctx) { if (rf & 1
     i0.ɵɵadvance(1);
     i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(2, 1, ctx_r2.fixedRadioListControl.errors, ctx_r2.caseField.label));
 } }
-const _c0$D = function (a0) { return { selected: a0 }; };
+const _c0$F = function (a0) { return { selected: a0 }; };
 function WriteFixedRadioListFieldComponent_div_8_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 9);
     i0.ɵɵelement(1, "input", 10);
@@ -12823,7 +13110,7 @@ function WriteFixedRadioListFieldComponent_div_8_Template(rf, ctx) { if (rf & 1)
 } if (rf & 2) {
     const radioButton_r4 = ctx.$implicit;
     const ctx_r3 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(7, _c0$D, ctx_r3.fixedRadioListControl.value === radioButton_r4.code));
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(7, _c0$F, ctx_r3.fixedRadioListControl.value === radioButton_r4.code));
     i0.ɵɵadvance(1);
     i0.ɵɵproperty("id", ctx_r3.id() + "-" + radioButton_r4.code)("name", ctx_r3.id())("formControl", ctx_r3.fixedRadioListControl)("value", radioButton_r4.code);
     i0.ɵɵadvance(1);
@@ -12831,7 +13118,7 @@ function WriteFixedRadioListFieldComponent_div_8_Template(rf, ctx) { if (rf & 1)
     i0.ɵɵadvance(1);
     i0.ɵɵtextInterpolate(radioButton_r4.label);
 } }
-const _c1$d = function (a0) { return { "form-group-error": a0 }; };
+const _c1$e = function (a0) { return { "form-group-error": a0 }; };
 class WriteFixedRadioListFieldComponent extends AbstractFieldWriteComponent {
     ngOnInit() {
         const notEmpty = this.caseField.value !== null && this.caseField.value !== undefined;
@@ -12855,7 +13142,7 @@ WriteFixedRadioListFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: WriteFi
         i0.ɵɵelementEnd();
         i0.ɵɵelementEnd();
     } if (rf & 2) {
-        i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(7, _c1$d, !ctx.fixedRadioListControl.valid && (ctx.fixedRadioListControl.dirty || ctx.fixedRadioListControl.touched)))("id", ctx.id());
+        i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(7, _c1$e, !ctx.fixedRadioListControl.valid && (ctx.fixedRadioListControl.dirty || ctx.fixedRadioListControl.touched)))("id", ctx.id());
         i0.ɵɵadvance(3);
         i0.ɵɵproperty("for", ctx.id());
         i0.ɵɵadvance(1);
@@ -12921,7 +13208,7 @@ class ReadJudicialUserFieldComponent extends AbstractFieldReadComponent {
         }
     }
 }
-ReadJudicialUserFieldComponent.ɵfac = function ReadJudicialUserFieldComponent_Factory(t) { return new (t || ReadJudicialUserFieldComponent)(i0.ɵɵdirectiveInject(JurisdictionService)); };
+ReadJudicialUserFieldComponent.ɵfac = function ReadJudicialUserFieldComponent_Factory(t) { return new (t || ReadJudicialUserFieldComponent)(i0.ɵɵdirectiveInject(JurisdictionService$1)); };
 ReadJudicialUserFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: ReadJudicialUserFieldComponent, selectors: [["ccd-read-judicial-user-field"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [["class", "text-16", 4, "ngIf"], [1, "text-16"]], template: function ReadJudicialUserFieldComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵtemplate(0, ReadJudicialUserFieldComponent_span_0_Template, 2, 2, "span", 0);
     } if (rf & 2) {
@@ -12933,7 +13220,7 @@ ReadJudicialUserFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: ReadJudici
                 selector: 'ccd-read-judicial-user-field',
                 templateUrl: './read-judicial-user-field.component.html'
             }]
-    }], function () { return [{ type: JurisdictionService }]; }, null); })();
+    }], function () { return [{ type: JurisdictionService$1 }]; }, null); })();
 
 function WriteJudicialUserFieldComponent_span_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 9);
@@ -12954,7 +13241,7 @@ function WriteJudicialUserFieldComponent_span_3_Template(rf, ctx) { if (rf & 1)
     i0.ɵɵadvance(1);
     i0.ɵɵtextInterpolate1(" ", ctx_r1.caseField.hint_text, " ");
 } }
-const _c0$C = function (a0) { return { "hide-autocomplete": a0 }; };
+const _c0$E = function (a0) { return { "hide-autocomplete": a0 }; };
 function WriteJudicialUserFieldComponent_mat_option_7_Template(rf, ctx) { if (rf & 1) {
     const _r7 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "mat-option", 11);
@@ -12964,7 +13251,7 @@ function WriteJudicialUserFieldComponent_mat_option_7_Template(rf, ctx) { if (rf
 } if (rf & 2) {
     const judicialUser_r5 = ctx.$implicit;
     const ctx_r3 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(4, _c0$C, !ctx_r3.showAutocomplete))("value", judicialUser_r5.idamId);
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(4, _c0$E, !ctx_r3.showAutocomplete))("value", judicialUser_r5.idamId);
     i0.ɵɵadvance(1);
     i0.ɵɵtextInterpolate2(" ", judicialUser_r5.fullName, " (", judicialUser_r5.emailId, ") ");
 } }
@@ -13010,7 +13297,7 @@ class WriteJudicialUserFieldComponent extends AbstractFieldWriteComponent {
         }
     }
 }
-WriteJudicialUserFieldComponent.ɵfac = function WriteJudicialUserFieldComponent_Factory(t) { return new (t || WriteJudicialUserFieldComponent)(i0.ɵɵdirectiveInject(i1$1.ActivatedRoute), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(JurisdictionService)); };
+WriteJudicialUserFieldComponent.ɵfac = function WriteJudicialUserFieldComponent_Factory(t) { return new (t || WriteJudicialUserFieldComponent)(i0.ɵɵdirectiveInject(i1$1.ActivatedRoute), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(JurisdictionService$1)); };
 WriteJudicialUserFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: WriteJudicialUserFieldComponent, selectors: [["ccd-write-judicial-user-field"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 9, vars: 9, consts: [[1, "form-group", 3, "formGroup"], [3, "for"], ["class", "form-label", 4, "ngIf"], ["class", "form-hint", 4, "ngIf"], [1, "form-control", "bottom-30", 3, "id", "formControl", "matAutocomplete"], ["autoActiveFirstOption", ""], ["autoComplete", "matAutocomplete"], ["class", "select-option", 3, "ngClass", "value", "onSelectionChange", 4, "ngFor", "ngForOf"], ["class", "select-option", 4, "ngIf"], [1, "form-label"], [1, "form-hint"], [1, "select-option", 3, "ngClass", "value", "onSelectionChange"], [1, "select-option"]], template: function WriteJudicialUserFieldComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵelementStart(0, "div", 0);
         i0.ɵɵelementStart(1, "label", 1);
@@ -13046,7 +13333,7 @@ WriteJudicialUserFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: WriteJudi
                 styleUrls: ['./write-judicial-user-field.component.scss'],
                 templateUrl: './write-judicial-user-field.component.html'
             }]
-    }], function () { return [{ type: i1$1.ActivatedRoute }, { type: i0.ChangeDetectorRef }, { type: JurisdictionService }]; }, null); })();
+    }], function () { return [{ type: i1$1.ActivatedRoute }, { type: i0.ChangeDetectorRef }, { type: JurisdictionService$1 }]; }, null); })();
 
 class LabelFieldComponent {
     constructor() {
@@ -13272,7 +13559,7 @@ function WriteMoneyGbpFieldComponent_span_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(1);
     i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(2, 1, ctx_r2.moneyGbpControl.errors, ctx_r2.caseField.label));
 } }
-const _c0$B = function (a0) { return { "form-group-error": a0 }; };
+const _c0$D = function (a0) { return { "form-group-error": a0 }; };
 class WriteMoneyGbpFieldComponent extends AbstractFieldWriteComponent {
     ngOnInit() {
         this.moneyGbpControl = this.registerControl(new FormControl(this.caseField.value));
@@ -13295,7 +13582,7 @@ WriteMoneyGbpFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: WriteMoneyGbp
         i0.ɵɵelementEnd();
         i0.ɵɵelementEnd();
     } if (rf & 2) {
-        i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(11, _c0$B, !ctx.moneyGbpControl.valid && (ctx.moneyGbpControl.dirty || ctx.moneyGbpControl.touched)));
+        i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(11, _c0$D, !ctx.moneyGbpControl.valid && (ctx.moneyGbpControl.dirty || ctx.moneyGbpControl.touched)));
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("for", ctx.id());
         i0.ɵɵadvance(1);
@@ -13412,7 +13699,7 @@ function WriteMultiSelectListFieldComponent_ng_container_6_Template(rf, ctx) { i
     i0.ɵɵadvance(1);
     i0.ɵɵtextInterpolate(checkbox_r4.label);
 } }
-const _c0$A = function (a0) { return { "error": a0 }; };
+const _c0$C = function (a0) { return { "error": a0 }; };
 class WriteMultiSelectListFieldComponent extends AbstractFieldWriteComponent {
     ngOnInit() {
         this.checkboxes = new FormArray([]);
@@ -13467,7 +13754,7 @@ WriteMultiSelectListFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: WriteM
         i0.ɵɵelementEnd();
         i0.ɵɵelementEnd();
     } if (rf & 2) {
-        i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(6, _c0$A, !ctx.checkboxes.valid && (ctx.checkboxes.dirty || ctx.checkboxes.touched)))("id", ctx.id());
+        i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(6, _c0$C, !ctx.checkboxes.valid && (ctx.checkboxes.dirty || ctx.checkboxes.touched)))("id", ctx.id());
         i0.ɵɵadvance(3);
         i0.ɵɵproperty("ngIf", ctx.caseField.label);
         i0.ɵɵadvance(1);
@@ -13536,8 +13823,8 @@ function WriteNumberFieldComponent_span_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(1);
     i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(2, 1, ctx_r2.numberControl.errors, ctx_r2.caseField.label));
 } }
-const _c0$z = function (a0) { return { "form-group-error": a0 }; };
-const _c1$c = function (a0) { return { "govuk-input--error": a0 }; };
+const _c0$B = function (a0) { return { "form-group-error": a0 }; };
+const _c1$d = function (a0) { return { "govuk-input--error": a0 }; };
 class WriteNumberFieldComponent extends AbstractFieldWriteComponent {
     ngOnInit() {
         this.numberControl = this.registerControl(new FormControl(this.caseField.value));
@@ -13554,7 +13841,7 @@ WriteNumberFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: WriteNumberFiel
         i0.ɵɵelement(5, "input", 5);
         i0.ɵɵelementEnd();
     } if (rf & 2) {
-        i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(8, _c0$z, !ctx.numberControl.valid && ctx.numberControl.dirty));
+        i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(8, _c0$B, !ctx.numberControl.valid && ctx.numberControl.dirty));
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("for", ctx.id());
         i0.ɵɵadvance(1);
@@ -13564,7 +13851,7 @@ WriteNumberFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: WriteNumberFiel
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("ngIf", ctx.numberControl.errors && ctx.numberControl.dirty);
         i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(10, _c1$c, ctx.numberControl.errors && ctx.numberControl.dirty))("id", ctx.id())("formControl", ctx.numberControl);
+        i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(10, _c1$d, ctx.numberControl.errors && ctx.numberControl.dirty))("id", ctx.id())("formControl", ctx.numberControl);
     } }, directives: [i1.NgClass, i1.NgIf, i2.NumberValueAccessor, i2.DefaultValueAccessor, i2.NgControlStatus, i2.FormControlDirective], pipes: [FieldLabelPipe, FirstErrorPipe], encapsulation: 2 });
 const ɵWriteNumberFieldComponent_BaseFactory = /*@__PURE__*/ i0.ɵɵgetInheritedFactory(WriteNumberFieldComponent);
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WriteNumberFieldComponent, [{
@@ -13804,7 +14091,7 @@ function WriteOrganisationFieldComponent_fieldset_3_div_14_div_4_Template(rf, ct
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
 } }
-const _c0$y = function (a0) { return { "scroll-container ": a0 }; };
+const _c0$A = function (a0) { return { "scroll-container ": a0 }; };
 function WriteOrganisationFieldComponent_fieldset_3_div_14_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 26);
     i0.ɵɵpipe(1, "async");
@@ -13818,7 +14105,7 @@ function WriteOrganisationFieldComponent_fieldset_3_div_14_Template(rf, ctx) { i
     const ctx_r2 = i0.ɵɵnextContext(2);
     let tmp_0_0 = null;
     let tmp_2_0 = null;
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(11, _c0$y, ((tmp_0_0 = i0.ɵɵpipeBind1(1, 3, ctx_r2.simpleOrganisations$)) == null ? null : tmp_0_0.length) > 10));
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(11, _c0$A, ((tmp_0_0 = i0.ɵɵpipeBind1(1, 3, ctx_r2.simpleOrganisations$)) == null ? null : tmp_0_0.length) > 10));
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("ngForOf", i0.ɵɵpipeBind1(3, 5, ctx_r2.simpleOrganisations$));
     i0.ɵɵadvance(2);
@@ -14217,8 +14504,8 @@ function WritePhoneUKFieldComponent_span_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(1);
     i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(2, 1, ctx_r2.phoneUkControl.errors, ctx_r2.caseField.label));
 } }
-const _c0$x = function (a0) { return { "form-group-error": a0 }; };
-const _c1$b = function (a0) { return { "govuk-input--error": a0 }; };
+const _c0$z = function (a0) { return { "form-group-error": a0 }; };
+const _c1$c = function (a0) { return { "govuk-input--error": a0 }; };
 class WritePhoneUKFieldComponent extends AbstractFieldWriteComponent {
     ngOnInit() {
         this.phoneUkControl = this.registerControl(new FormControl(this.caseField.value));
@@ -14235,7 +14522,7 @@ WritePhoneUKFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: WritePhoneUKFi
         i0.ɵɵelement(5, "input", 5);
         i0.ɵɵelementEnd();
     } if (rf & 2) {
-        i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(8, _c0$x, !ctx.phoneUkControl.valid && (ctx.phoneUkControl.dirty || ctx.phoneUkControl.touched)));
+        i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(8, _c0$z, !ctx.phoneUkControl.valid && (ctx.phoneUkControl.dirty || ctx.phoneUkControl.touched)));
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("for", ctx.id());
         i0.ɵɵadvance(1);
@@ -14245,7 +14532,7 @@ WritePhoneUKFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: WritePhoneUKFi
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("ngIf", ctx.phoneUkControl.errors && (ctx.phoneUkControl.dirty || ctx.phoneUkControl.touched));
         i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(10, _c1$b, ctx.phoneUkControl.errors && ctx.phoneUkControl.dirty))("id", ctx.id())("formControl", ctx.phoneUkControl);
+        i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(10, _c1$c, ctx.phoneUkControl.errors && ctx.phoneUkControl.dirty))("id", ctx.id())("formControl", ctx.phoneUkControl);
     } }, directives: [i1.NgClass, i1.NgIf, i2.DefaultValueAccessor, i2.NgControlStatus, i2.FormControlDirective], pipes: [FieldLabelPipe, FirstErrorPipe], encapsulation: 2 });
 const ɵWritePhoneUKFieldComponent_BaseFactory = /*@__PURE__*/ i0.ɵɵgetInheritedFactory(WritePhoneUKFieldComponent);
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WritePhoneUKFieldComponent, [{
@@ -14305,8 +14592,8 @@ function WriteTextAreaFieldComponent_span_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(1);
     i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(2, 1, ctx_r2.textareaControl.errors, ctx_r2.caseField.label));
 } }
-const _c0$w = function (a0) { return { "form-group-error": a0 }; };
-const _c1$a = function (a0) { return { "govuk-textarea--error": a0 }; };
+const _c0$y = function (a0) { return { "form-group-error": a0 }; };
+const _c1$b = function (a0) { return { "govuk-textarea--error": a0 }; };
 class WriteTextAreaFieldComponent extends AbstractFieldWriteComponent {
     constructor(browserService) {
         super();
@@ -14336,7 +14623,7 @@ WriteTextAreaFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: WriteTextArea
         i0.ɵɵelementEnd();
         i0.ɵɵelementEnd();
     } if (rf & 2) {
-        i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(8, _c0$w, !ctx.textareaControl.valid && ctx.textareaControl.dirty));
+        i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(8, _c0$y, !ctx.textareaControl.valid && ctx.textareaControl.dirty));
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("for", ctx.id());
         i0.ɵɵadvance(1);
@@ -14346,7 +14633,7 @@ WriteTextAreaFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: WriteTextArea
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("ngIf", ctx.textareaControl.errors && (ctx.textareaControl.dirty || ctx.textareaControl.touched));
         i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(10, _c1$a, ctx.textareaControl.errors && (ctx.textareaControl.dirty || ctx.textareaControl.touched)))("id", ctx.id())("formControl", ctx.textareaControl);
+        i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(10, _c1$b, ctx.textareaControl.errors && (ctx.textareaControl.dirty || ctx.textareaControl.touched)))("id", ctx.id())("formControl", ctx.textareaControl);
     } }, directives: [i1.NgClass, i1.NgIf, i2.DefaultValueAccessor, i2.NgControlStatus, i2.FormControlDirective], pipes: [FieldLabelPipe, FirstErrorPipe], encapsulation: 2 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WriteTextAreaFieldComponent, [{
         type: Component,
@@ -14406,8 +14693,8 @@ function WriteTextFieldComponent_span_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(1);
     i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(2, 1, ctx_r2.textControl.errors, ctx_r2.caseField.label));
 } }
-const _c0$v = function (a0) { return { "form-group-error": a0 }; };
-const _c1$9 = function (a0) { return { "govuk-input--error": a0 }; };
+const _c0$x = function (a0) { return { "form-group-error": a0 }; };
+const _c1$a = function (a0) { return { "govuk-input--error": a0 }; };
 class WriteTextFieldComponent extends AbstractFieldWriteComponent {
     ngOnInit() {
         this.textControl = this.registerControl(new FormControl(this.caseField.value));
@@ -14429,7 +14716,7 @@ WriteTextFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: WriteTextFieldCom
         i0.ɵɵelementEnd();
         i0.ɵɵelementEnd();
     } if (rf & 2) {
-        i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(8, _c0$v, !!ctx.textControl && !ctx.textControl.valid && (ctx.textControl.dirty || ctx.textControl.touched)));
+        i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(8, _c0$x, !!ctx.textControl && !ctx.textControl.valid && (ctx.textControl.dirty || ctx.textControl.touched)));
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("for", ctx.id());
         i0.ɵɵadvance(1);
@@ -14439,7 +14726,7 @@ WriteTextFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: WriteTextFieldCom
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("ngIf", (ctx.textControl == null ? null : ctx.textControl.errors) && (ctx.textControl.dirty || ctx.textControl.touched));
         i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(10, _c1$9, (ctx.textControl == null ? null : ctx.textControl.errors) && (ctx.textControl.dirty || ctx.textControl.touched)))("id", ctx.id())("formControl", ctx.textControl);
+        i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(10, _c1$a, (ctx.textControl == null ? null : ctx.textControl.errors) && (ctx.textControl.dirty || ctx.textControl.touched)))("id", ctx.id())("formControl", ctx.textControl);
     } }, directives: [i1.NgClass, i1.NgIf, i2.DefaultValueAccessor, i2.NgControlStatus, i2.FormControlDirective], pipes: [FieldLabelPipe, FirstErrorPipe], encapsulation: 2 });
 const ɵWriteTextFieldComponent_BaseFactory = /*@__PURE__*/ i0.ɵɵgetInheritedFactory(WriteTextFieldComponent);
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WriteTextFieldComponent, [{
@@ -14595,7 +14882,7 @@ function WriteYesNoFieldComponent_span_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(1);
     i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(2, 1, ctx_r2.yesNoControl.errors, ctx_r2.caseField.label));
 } }
-const _c0$u = function (a0) { return { selected: a0 }; };
+const _c0$w = function (a0) { return { selected: a0 }; };
 function WriteYesNoFieldComponent_div_7_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 10);
     i0.ɵɵelement(1, "input", 11);
@@ -14606,7 +14893,7 @@ function WriteYesNoFieldComponent_div_7_Template(rf, ctx) { if (rf & 1) {
 } if (rf & 2) {
     const value_r4 = ctx.$implicit;
     const ctx_r3 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(8, _c0$u, ctx_r3.yesNoControl.value === value_r4));
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(8, _c0$w, ctx_r3.yesNoControl.value === value_r4));
     i0.ɵɵadvance(1);
     i0.ɵɵproperty("id", ctx_r3.createElementId(value_r4))("name", ctx_r3.id())("formControl", ctx_r3.yesNoControl)("value", value_r4);
     i0.ɵɵattribute("name", ctx_r3.id());
@@ -14615,7 +14902,7 @@ function WriteYesNoFieldComponent_div_7_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(1);
     i0.ɵɵtextInterpolate(value_r4);
 } }
-const _c1$8 = function (a0) { return { "form-group-error": a0 }; };
+const _c1$9 = function (a0) { return { "form-group-error": a0 }; };
 class WriteYesNoFieldComponent extends AbstractFieldWriteComponent {
     constructor(yesNoService) {
         super();
@@ -14641,7 +14928,7 @@ WriteYesNoFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: WriteYesNoFieldC
         i0.ɵɵelementEnd();
         i0.ɵɵelementEnd();
     } if (rf & 2) {
-        i0.ɵɵproperty("id", ctx.id())("ngClass", i0.ɵɵpureFunction1(7, _c1$8, !ctx.yesNoControl.valid && (ctx.yesNoControl.dirty || ctx.yesNoControl.touched)));
+        i0.ɵɵproperty("id", ctx.id())("ngClass", i0.ɵɵpureFunction1(7, _c1$9, !ctx.yesNoControl.valid && (ctx.yesNoControl.dirty || ctx.yesNoControl.touched)));
         i0.ɵɵadvance(3);
         i0.ɵɵproperty("ngIf", ctx.caseField.label);
         i0.ɵɵadvance(1);
@@ -14697,8 +14984,6 @@ class PaletteService {
                         return write ? WriteAddressFieldComponent : ReadComplexFieldComponent;
                     case 'OrderSummary':
                         return write ? WriteOrderSummaryFieldComponent : ReadOrderSummaryFieldComponent;
-                    case 'CaseLink':
-                        return write ? WriteCaseLinkFieldComponent : ReadCaseLinkFieldComponent;
                     case 'Organisation':
                         return write ? WriteOrganisationFieldComponent : ReadOrganisationFieldComponent;
                     case 'JudicialUser':
@@ -14707,7 +14992,15 @@ class PaletteService {
                         return write ? WriteComplexFieldComponent : ReadComplexFieldComponent;
                 }
             case 'Collection':
-                return write ? WriteCollectionFieldComponent : ReadCollectionFieldComponent;
+                switch (caseField.field_type.collection_field_type.id) {
+                    case 'CaseLink':
+                        if (caseField.id === 'caseLinks') {
+                            return write ? WriteCaseLinkFieldComponent : ReadCaseLinkFieldComponent;
+                        }
+                        return write ? WriteCollectionFieldComponent : ReadCollectionFieldComponent;
+                    default:
+                        return write ? WriteCollectionFieldComponent : ReadCollectionFieldComponent;
+                }
             case 'MultiSelectList':
                 return write ? WriteMultiSelectListFieldComponent : ReadMultiSelectListFieldComponent;
             case 'Document':
@@ -14733,7 +15026,7 @@ PaletteService.ɵprov = i0.ɵɵdefineInjectable({ token: PaletteService, factory
         type: Injectable
     }], null, null); })();
 
-const _c0$t = ["fieldContainer"];
+const _c0$v = ["fieldContainer"];
 const FIX_CASEFIELD_FOR$1 = ['FixedList', 'DynamicList'];
 class FieldReadComponent extends AbstractFieldReadComponent {
     constructor(resolver, paletteService) {
@@ -14777,7 +15070,7 @@ class FieldReadComponent extends AbstractFieldReadComponent {
 }
 FieldReadComponent.ɵfac = function FieldReadComponent_Factory(t) { return new (t || FieldReadComponent)(i0.ɵɵdirectiveInject(i0.ComponentFactoryResolver), i0.ɵɵdirectiveInject(PaletteService)); };
 FieldReadComponent.ɵcmp = i0.ɵɵdefineComponent({ type: FieldReadComponent, selectors: [["ccd-field-read"]], viewQuery: function FieldReadComponent_Query(rf, ctx) { if (rf & 1) {
-        i0.ɵɵviewQuery(_c0$t, 1, ViewContainerRef);
+        i0.ɵɵviewQuery(_c0$v, 1, ViewContainerRef);
     } if (rf & 2) {
         let _t;
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.fieldContainer = _t.first);
@@ -14811,7 +15104,7 @@ FieldReadComponent.ɵcmp = i0.ɵɵdefineComponent({ type: FieldReadComponent, se
             args: ['fieldContainer', { static: false, read: ViewContainerRef }]
         }] }); })();
 
-const _c0$s = ["fieldContainer"];
+const _c0$u = ["fieldContainer"];
 const FIX_CASEFIELD_FOR = ['FixedList', 'DynamicList'];
 class FieldWriteComponent extends AbstractFieldWriteComponent {
     constructor(resolver, paletteService) {
@@ -14822,16 +15115,13 @@ class FieldWriteComponent extends AbstractFieldWriteComponent {
         this.canHaveGreyBar = false;
         this.caseFields = [];
     }
+    addValidators(caseField, control) {
+        FormValidatorsService.addValidators(caseField, control);
+    }
     ngOnInit() {
-        var _a;
         const componentClass = this.paletteService.getFieldComponentClass(this.caseField, true);
-        const injectorOptions = {
-            providers: [],
-            parent: (_a = this.fieldContainer) === null || _a === void 0 ? void 0 : _a.injector
-        };
-        const injector = Injector.create(injectorOptions);
-        const factory = this.resolver.resolveComponentFactory(componentClass);
-        const component = this.fieldContainer.createComponent(factory, 0, injector);
+        const injector = Injector.create([], this.fieldContainer.parentInjector);
+        const component = this.resolver.resolveComponentFactory(componentClass).create(injector);
         // Only Fixed list use plainToClassFromExist
         // Better performance
         // TODO AW 30/12/20 figure out why FixedLists need plainToClassFromExist
@@ -14850,21 +15140,15 @@ class FieldWriteComponent extends AbstractFieldWriteComponent {
         }
         component.instance['isExpanded'] = this.isExpanded;
         component.instance['isInSearchBlock'] = this.isInSearchBlock;
-        // Add a reference to the parent CaseEditPageComponent to this component (needed for access to the parent
-        // CaseEditPageComponent's validation error messages)
-        component.instance['caseEditPageComponent'] = component.injector.get(CaseEditPageComponent);
         this.fieldContainer.insert(component.hostView);
         // EUI-3267.
         // Set up the flag for whether this can have a grey bar.
         this.canHaveGreyBar = this.caseField.show_condition && this.caseField.field_type.type !== 'Collection';
     }
-    addValidators(caseField, control) {
-        FormValidatorsService.addValidators(caseField, control);
-    }
 }
 FieldWriteComponent.ɵfac = function FieldWriteComponent_Factory(t) { return new (t || FieldWriteComponent)(i0.ɵɵdirectiveInject(i0.ComponentFactoryResolver), i0.ɵɵdirectiveInject(PaletteService)); };
 FieldWriteComponent.ɵcmp = i0.ɵɵdefineComponent({ type: FieldWriteComponent, selectors: [["ccd-field-write"]], viewQuery: function FieldWriteComponent_Query(rf, ctx) { if (rf & 1) {
-        i0.ɵɵviewQuery(_c0$s, 3, ViewContainerRef);
+        i0.ɵɵviewQuery(_c0$u, 3, ViewContainerRef);
     } if (rf & 2) {
         let _t;
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.fieldContainer = _t.first);
@@ -14913,7 +15197,7 @@ function FieldReadLabelComponent_dl_1_Template(rf, ctx) { if (rf & 1) {
 function FieldReadLabelComponent_ng_template_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵprojection(0);
 } }
-const _c0$r = ["*"];
+const _c0$t = ["*"];
 class FieldReadLabelComponent extends AbstractFieldReadComponent {
     constructor() {
         super(...arguments);
@@ -14948,7 +15232,7 @@ class FieldReadLabelComponent extends AbstractFieldReadComponent {
     }
 }
 FieldReadLabelComponent.ɵfac = function FieldReadLabelComponent_Factory(t) { return ɵFieldReadLabelComponent_BaseFactory(t || FieldReadLabelComponent); };
-FieldReadLabelComponent.ɵcmp = i0.ɵɵdefineComponent({ type: FieldReadLabelComponent, selectors: [["ccd-field-read-label"]], inputs: { withLabel: "withLabel", markdownUseHrefAsRouterLink: "markdownUseHrefAsRouterLink" }, features: [i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0$r, decls: 4, vars: 5, consts: [[3, "hidden"], ["class", "case-field", 4, "ngIf", "ngIfElse"], ["caseFieldValue", ""], [1, "case-field"], [1, "case-field__label"], [1, "case-field__value"], [4, "ngTemplateOutlet"]], template: function FieldReadLabelComponent_Template(rf, ctx) { if (rf & 1) {
+FieldReadLabelComponent.ɵcmp = i0.ɵɵdefineComponent({ type: FieldReadLabelComponent, selectors: [["ccd-field-read-label"]], inputs: { withLabel: "withLabel", markdownUseHrefAsRouterLink: "markdownUseHrefAsRouterLink" }, features: [i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0$t, decls: 4, vars: 5, consts: [[3, "hidden"], ["class", "case-field", 4, "ngIf", "ngIfElse"], ["caseFieldValue", ""], [1, "case-field"], [1, "case-field__label"], [1, "case-field__value"], [4, "ngTemplateOutlet"]], template: function FieldReadLabelComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵprojectionDef();
         i0.ɵɵelementStart(0, "div", 0);
         i0.ɵɵtemplate(1, FieldReadLabelComponent_dl_1_Template, 5, 2, "dl", 1);
@@ -14977,6 +15261,23 @@ const ɵFieldReadLabelComponent_BaseFactory = /*@__PURE__*/ i0.ɵɵgetInheritedF
             type: Input
         }] }); })();
 
+class CommonDataService {
+    constructor(http) {
+        this.http = http;
+    }
+    getRefData(url) {
+        if (url) {
+            return this.http.get(url, { observe: 'body' });
+        }
+        return of(null);
+    }
+}
+CommonDataService.ɵfac = function CommonDataService_Factory(t) { return new (t || CommonDataService)(i0.ɵɵinject(i1$2.HttpClient)); };
+CommonDataService.ɵprov = i0.ɵɵdefineInjectable({ token: CommonDataService, factory: CommonDataService.ɵfac });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CommonDataService, [{
+        type: Injectable
+    }], function () { return [{ type: i1$2.HttpClient }]; }, null); })();
+
 function CaseFlagTableComponent_table_0_tr_16_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "tr");
     i0.ɵɵelementStart(1, "td", 13);
@@ -15167,8 +15468,8 @@ function SelectFlagTypeComponent_div_9_div_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(3);
     i0.ɵɵtextInterpolate1(" ", ctx_r8.flagTypeErrorMessage, " ");
 } }
-const _c0$q = function (a0) { return { "form-group-error": a0 }; };
-const _c1$7 = function (a0) { return { "govuk-input--error": a0 }; };
+const _c0$s = function (a0) { return { "form-group-error": a0 }; };
+const _c1$8 = function (a0) { return { "govuk-input--error": a0 }; };
 function SelectFlagTypeComponent_div_9_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 15);
     i0.ɵɵelementStart(1, "div", 1);
@@ -15182,11 +15483,11 @@ function SelectFlagTypeComponent_div_9_Template(rf, ctx) { if (rf & 1) {
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(5, _c0$q, ctx_r2.flagTypeErrorMessage.length > 0));
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(5, _c0$s, ctx_r2.flagTypeErrorMessage.length > 0));
     i0.ɵɵadvance(3);
     i0.ɵɵproperty("ngIf", ctx_r2.flagTypeErrorMessage.length > 0);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(7, _c1$7, ctx_r2.flagTypeErrorMessage.length > 0))("name", ctx_r2.descriptionControlName)("formControlName", ctx_r2.descriptionControlName);
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(7, _c1$8, ctx_r2.flagTypeErrorMessage.length > 0))("name", ctx_r2.descriptionControlName)("formControlName", ctx_r2.descriptionControlName);
 } }
 function SelectFlagTypeComponent_div_10_Template(rf, ctx) { if (rf & 1) {
     const _r10 = i0.ɵɵgetCurrentView();
@@ -15333,7 +15634,7 @@ SelectFlagTypeComponent.ɵcmp = i0.ɵɵdefineComponent({ type: SelectFlagTypeCom
     } if (rf & 2) {
         i0.ɵɵproperty("formGroup", ctx.formGroup);
         i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(7, _c0$q, ctx.flagTypeNotSelectedErrorMessage.length > 0));
+        i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(7, _c0$s, ctx.flagTypeNotSelectedErrorMessage.length > 0));
         i0.ɵɵadvance(4);
         i0.ɵɵtextInterpolate1(" ", ctx.caseFlagWizardStepTitle.SELECT_CASE_FLAG, " ");
         i0.ɵɵadvance(1);
@@ -15425,7 +15726,7 @@ function SearchLanguageInterpreterComponent_div_21_div_5_Template(rf, ctx) { if
     i0.ɵɵadvance(3);
     i0.ɵɵtextInterpolate1(" ", ctx_r8.languageCharLimitErrorMessage, " ");
 } }
-const _c0$p = function (a0) { return { "form-group-error": a0 }; };
+const _c0$r = function (a0) { return { "form-group-error": a0 }; };
 function SearchLanguageInterpreterComponent_div_21_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 25);
     i0.ɵɵelementStart(1, "div", 1);
@@ -15440,7 +15741,7 @@ function SearchLanguageInterpreterComponent_div_21_Template(rf, ctx) { if (rf &
 } if (rf & 2) {
     const ctx_r5 = i0.ɵɵnextContext();
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(6, _c0$p, ctx_r5.languageNotEnteredErrorMessage || ctx_r5.languageCharLimitErrorMessage));
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(6, _c0$r, ctx_r5.languageNotEnteredErrorMessage || ctx_r5.languageCharLimitErrorMessage));
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate(ctx_r5.searchLanguageInterpreterStep.INPUT_LABEL);
     i0.ɵɵadvance(1);
@@ -15606,7 +15907,7 @@ SearchLanguageInterpreterComponent.ɵcmp = i0.ɵɵdefineComponent({ type: Search
         const _r2 = i0.ɵɵreference(12);
         i0.ɵɵproperty("formGroup", ctx.formGroup);
         i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(16, _c0$p, ctx.languageNotSelectedErrorMessage || ctx.languageEnteredInBothFieldsErrorMessage));
+        i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(16, _c0$r, ctx.languageNotSelectedErrorMessage || ctx.languageEnteredInBothFieldsErrorMessage));
         i0.ɵɵadvance(2);
         i0.ɵɵproperty("for", ctx.languageSearchTermControlName);
         i0.ɵɵadvance(1);
@@ -15720,7 +16021,7 @@ function SelectFlagLocationComponent_div_9_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
 } }
-const _c0$o = function (a0) { return { "form-group-error": a0 }; };
+const _c0$q = function (a0) { return { "form-group-error": a0 }; };
 class SelectFlagLocationComponent {
     constructor() {
         this.caseFlagStateEmitter = new EventEmitter();
@@ -15805,7 +16106,7 @@ SelectFlagLocationComponent.ɵcmp = i0.ɵɵdefineComponent({ type: SelectFlagLoc
     } if (rf & 2) {
         i0.ɵɵproperty("formGroup", ctx.formGroup);
         i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(6, _c0$o, ctx.errorMessages.length > 0));
+        i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(6, _c0$q, ctx.errorMessages.length > 0));
         i0.ɵɵadvance(4);
         i0.ɵɵtextInterpolate1(" ", ctx.flagLocationTitle, " ");
         i0.ɵɵadvance(1);
@@ -15858,7 +16159,7 @@ function AddCommentsComponent_div_10_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(3);
     i0.ɵɵtextInterpolate1(" ", ctx_r2.flagCommentsCharLimitErrorMessage, " ");
 } }
-const _c0$n = function (a0) { return { "form-group-error": a0 }; };
+const _c0$p = function (a0) { return { "form-group-error": a0 }; };
 class AddCommentsComponent {
     constructor() {
         this.optional = false;
@@ -15936,7 +16237,7 @@ AddCommentsComponent.ɵcmp = i0.ɵɵdefineComponent({ type: AddCommentsComponent
     } if (rf & 2) {
         i0.ɵɵproperty("formGroup", ctx.formGroup);
         i0.ɵɵadvance(2);
-        i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(12, _c0$n, ctx.errorMessages.length > 0));
+        i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(12, _c0$p, ctx.errorMessages.length > 0));
         i0.ɵɵadvance(2);
         i0.ɵɵproperty("for", ctx.flagCommentsControlName);
         i0.ɵɵadvance(1);
@@ -15983,9 +16284,7 @@ function ManageCaseFlagsComponent_div_6_Template(rf, ctx) { if (rf & 1) {
 function ManageCaseFlagsComponent_div_8_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 11);
     i0.ɵɵelement(1, "input", 12);
-    i0.ɵɵelementStart(2, "label", 13);
-    i0.ɵɵtext(3);
-    i0.ɵɵelementEnd();
+    i0.ɵɵelement(2, "label", 13);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const flagDisplay_r3 = ctx.$implicit;
@@ -15996,8 +16295,7 @@ function ManageCaseFlagsComponent_div_8_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵproperty("name", ctx_r1.selectedControlName)("value", flagDisplay_r3)("formControlName", ctx_r1.selectedControlName);
     i0.ɵɵadvance(1);
     i0.ɵɵpropertyInterpolate1("for", "flag-selection-", i_r4, "");
-    i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate(ctx_r1.processLabel(flagDisplay_r3));
+    i0.ɵɵproperty("innerHtml", flagDisplay_r3.label, i0.ɵɵsanitizeHtml);
 } }
 function ManageCaseFlagsComponent_div_9_Template(rf, ctx) { if (rf & 1) {
     const _r6 = i0.ɵɵgetCurrentView();
@@ -16008,7 +16306,7 @@ function ManageCaseFlagsComponent_div_9_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
 } }
-const _c0$m = function (a0) { return { "form-group-error": a0 }; };
+const _c0$o = function (a0) { return { "form-group-error": a0 }; };
 class ManageCaseFlagsComponent {
     constructor() {
         this.caseFlagStateEmitter = new EventEmitter();
@@ -16016,7 +16314,6 @@ class ManageCaseFlagsComponent {
         this.manageCaseFlagSelectedErrorMessage = null;
         this.noFlagsError = false;
         this.selectedControlName = 'selectedManageCaseLocation';
-        this.caseLevelCaseFlagsFieldId = 'caseFlags';
     }
     ngOnInit() {
         this.manageCaseFlagTitle = CaseFlagWizardStepTitle.MANAGE_CASE_FLAGS;
@@ -16026,11 +16323,14 @@ class ManageCaseFlagsComponent {
                 if (flagsInstance.flags.details && flagsInstance.flags.details.length > 0) {
                     displayData = [
                         ...displayData,
-                        ...flagsInstance.flags.details.map(detail => this.mapFlagDetailForDisplay(detail, flagsInstance.flags.partyName, flagsInstance.pathToFlagsFormGroup, flagsInstance.caseField))
+                        ...flagsInstance.flags.details.map(detail => this.mapFlagDetailForDisplay(detail, flagsInstance))
                     ];
                 }
                 return displayData;
             }, []);
+            this.flagsDisplayData.forEach(flagDisplayData => {
+                flagDisplayData.label = this.processLabel(flagDisplayData);
+            });
         }
         // Add a FormControl for the selected case flag if there is at least one flags instance remaining after mapping
         if (this.flagsDisplayData && this.flagsDisplayData.length > 0) {
@@ -16042,42 +16342,70 @@ class ManageCaseFlagsComponent {
             this.onNoFlagsError();
         }
     }
-    mapFlagDetailForDisplay(flagDetail, partyName, pathToFlagsFormGroup, caseField) {
+    mapFlagDetailForDisplay(flagDetail, flagsInstance) {
         return {
             flagDetailDisplay: {
-                partyName,
+                partyName: flagsInstance.flags.partyName,
                 flagDetail,
-                flagsCaseFieldId: caseField.id
+                flagsCaseFieldId: flagsInstance.caseField.id
             },
-            pathToFlagsFormGroup,
-            caseField
+            pathToFlagsFormGroup: flagsInstance.pathToFlagsFormGroup,
+            caseField: flagsInstance.caseField,
+            roleOnCase: flagsInstance.flags.roleOnCase
         };
     }
     processLabel(flagDisplay) {
-        const partyName = flagDisplay.pathToFlagsFormGroup && flagDisplay.pathToFlagsFormGroup === this.caseLevelCaseFlagsFieldId
-            ? `${this.caseTitle} - `
-            : flagDisplay.flagDetailDisplay.partyName
-                ? `${flagDisplay.flagDetailDisplay.partyName} - `
-                : '';
         const flagDetail = flagDisplay.flagDetailDisplay.flagDetail;
-        const flagPathOrName = flagDetail && flagDetail.path && flagDetail.path.length > 1
-            ? flagDetail.path[1].value
-            : flagDetail.subTypeKey && flagDetail.subTypeValue
-                ? flagDetail.subTypeValue
-                : flagDetail.name;
-        const flagOtherDescriptionOrName = flagDetail && flagDetail.name
-            ? flagDetail.name === 'Other'
-                ? flagDetail.otherDescription
-                : flagDetail.subTypeKey && flagDetail.subTypeValue
-                    ? flagDetail.subTypeValue
-                    : flagDetail.name
-            : '';
-        const comment = flagDetail.flagComment
-            ? ` (${flagDetail.flagComment})`
-            : '';
-        return flagPathOrName === flagOtherDescriptionOrName
-            ? `${partyName}${flagOtherDescriptionOrName}${comment}`
-            : `${partyName}${flagPathOrName}, ${flagOtherDescriptionOrName}${comment}`;
+        const partyName = this.getPartyName(flagDisplay);
+        const flagName = this.getFlagName(flagDetail);
+        const flagDescription = this.getFlagDescription(flagDetail);
+        const roleOnCase = this.getRoleOnCase(flagDisplay);
+        const flagComment = this.getFlagComments(flagDetail);
+        return flagName === flagDescription
+            ? `${partyName}${roleOnCase} - <span class="flag-name-and-description">${flagDescription}</span>${flagComment}`
+            : `${partyName}${roleOnCase} - <span class="flag-name-and-description">${flagName}, ${flagDescription}</span>${flagComment}`;
+    }
+    getPartyName(flagDisplay) {
+        if (flagDisplay.pathToFlagsFormGroup && flagDisplay.pathToFlagsFormGroup === ManageCaseFlagsComponent.CASE_LEVEL_CASE_FLAGS_FIELD_ID) {
+            return 'Case level';
+        }
+        if (flagDisplay.flagDetailDisplay.partyName) {
+            return `${flagDisplay.flagDetailDisplay.partyName}`;
+        }
+        return '';
+    }
+    getFlagName(flagDetail) {
+        if (flagDetail && flagDetail.path && flagDetail.path.length > 1) {
+            return flagDetail.path[1].value;
+        }
+        if (flagDetail.subTypeKey && flagDetail.subTypeValue) {
+            return flagDetail.subTypeValue;
+        }
+        return flagDetail.name;
+    }
+    getFlagDescription(flagDetail) {
+        if (flagDetail && flagDetail.name) {
+            if (flagDetail.name === 'Other' && flagDetail.otherDescription) {
+                return flagDetail.otherDescription;
+            }
+            if (flagDetail.subTypeKey && flagDetail.subTypeValue) {
+                return flagDetail.subTypeValue;
+            }
+            return flagDetail.name;
+        }
+        return '';
+    }
+    getRoleOnCase(flagDisplay) {
+        if (flagDisplay && flagDisplay.roleOnCase) {
+            return ` (${flagDisplay.roleOnCase})`;
+        }
+        return '';
+    }
+    getFlagComments(flagDetail) {
+        if (flagDetail.flagComment) {
+            return ` (${flagDetail.flagComment})`;
+        }
+        return '';
     }
     onNext() {
         // Validate flag selection
@@ -16115,8 +16443,9 @@ class ManageCaseFlagsComponent {
         });
     }
 }
+ManageCaseFlagsComponent.CASE_LEVEL_CASE_FLAGS_FIELD_ID = 'caseFlags';
 ManageCaseFlagsComponent.ɵfac = function ManageCaseFlagsComponent_Factory(t) { return new (t || ManageCaseFlagsComponent)(); };
-ManageCaseFlagsComponent.ɵcmp = i0.ɵɵdefineComponent({ type: ManageCaseFlagsComponent, selectors: [["ccd-manage-case-flags"]], inputs: { formGroup: "formGroup", flagsData: "flagsData", caseTitle: "caseTitle" }, outputs: { caseFlagStateEmitter: "caseFlagStateEmitter" }, decls: 10, vars: 8, consts: [[1, "form-group", 3, "formGroup"], [1, "govuk-form-group", 3, "ngClass"], ["aria-describedby", "manage-case-flag-heading", 1, "govuk-fieldset"], [1, "govuk-fieldset__legend", "govuk-fieldset__legend--l"], ["id", "manage-case-flag-heading", 1, "govuk-fieldset__heading"], ["id", "manage-case-flag-not-selected-error-message", "class", "govuk-error-message", 4, "ngIf"], ["data-module", "govuk-radios", "id", "conditional-radios-list", 1, "govuk-radios", "govuk-radios--conditional"], ["class", "govuk-radios__item", 4, "ngFor", "ngForOf"], ["class", "govuk-button-group", 4, "ngIf"], ["id", "manage-case-flag-not-selected-error-message", 1, "govuk-error-message"], [1, "govuk-visually-hidden"], [1, "govuk-radios__item"], ["type", "radio", 1, "govuk-radios__input", 3, "id", "name", "value", "formControlName"], [1, "govuk-label", "govuk-radios__label", 3, "for"], [1, "govuk-button-group"], ["type", "button", 1, "button", "button-primary", 3, "click"]], template: function ManageCaseFlagsComponent_Template(rf, ctx) { if (rf & 1) {
+ManageCaseFlagsComponent.ɵcmp = i0.ɵɵdefineComponent({ type: ManageCaseFlagsComponent, selectors: [["ccd-manage-case-flags"]], inputs: { formGroup: "formGroup", flagsData: "flagsData", caseTitle: "caseTitle" }, outputs: { caseFlagStateEmitter: "caseFlagStateEmitter" }, decls: 10, vars: 8, consts: [[1, "form-group", 3, "formGroup"], [1, "govuk-form-group", 3, "ngClass"], ["aria-describedby", "manage-case-flag-heading", 1, "govuk-fieldset"], [1, "govuk-fieldset__legend", "govuk-fieldset__legend--l"], ["id", "manage-case-flag-heading", 1, "govuk-fieldset__heading"], ["id", "manage-case-flag-not-selected-error-message", "class", "govuk-error-message", 4, "ngIf"], ["data-module", "govuk-radios", "id", "conditional-radios-list", 1, "govuk-radios", "govuk-radios--conditional"], ["class", "govuk-radios__item", 4, "ngFor", "ngForOf"], ["class", "govuk-button-group", 4, "ngIf"], ["id", "manage-case-flag-not-selected-error-message", 1, "govuk-error-message"], [1, "govuk-visually-hidden"], [1, "govuk-radios__item"], ["type", "radio", 1, "govuk-radios__input", 3, "id", "name", "value", "formControlName"], [1, "govuk-label", "govuk-radios__label", 3, "for", "innerHtml"], [1, "govuk-button-group"], ["type", "button", 1, "button", "button-primary", 3, "click"]], template: function ManageCaseFlagsComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵelementStart(0, "div", 0);
         i0.ɵɵelementStart(1, "div", 1);
         i0.ɵɵelementStart(2, "fieldset", 2);
@@ -16127,7 +16456,7 @@ ManageCaseFlagsComponent.ɵcmp = i0.ɵɵdefineComponent({ type: ManageCaseFlagsC
         i0.ɵɵelementEnd();
         i0.ɵɵtemplate(6, ManageCaseFlagsComponent_div_6_Template, 4, 1, "div", 5);
         i0.ɵɵelementStart(7, "div", 6);
-        i0.ɵɵtemplate(8, ManageCaseFlagsComponent_div_8_Template, 4, 6, "div", 7);
+        i0.ɵɵtemplate(8, ManageCaseFlagsComponent_div_8_Template, 3, 6, "div", 7);
         i0.ɵɵelementEnd();
         i0.ɵɵelementEnd();
         i0.ɵɵelementEnd();
@@ -16136,7 +16465,7 @@ ManageCaseFlagsComponent.ɵcmp = i0.ɵɵdefineComponent({ type: ManageCaseFlagsC
     } if (rf & 2) {
         i0.ɵɵproperty("formGroup", ctx.formGroup);
         i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(6, _c0$m, ctx.errorMessages.length > 0));
+        i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(6, _c0$o, ctx.errorMessages.length > 0));
         i0.ɵɵadvance(4);
         i0.ɵɵtextInterpolate1(" ", ctx.manageCaseFlagTitle, " ");
         i0.ɵɵadvance(1);
@@ -16145,12 +16474,14 @@ ManageCaseFlagsComponent.ɵcmp = i0.ɵɵdefineComponent({ type: ManageCaseFlagsC
         i0.ɵɵproperty("ngForOf", ctx.flagsDisplayData);
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("ngIf", !ctx.noFlagsError);
-    } }, directives: [i2.NgControlStatusGroup, i2.FormGroupDirective, i1.NgClass, i1.NgIf, i1.NgForOf, i2.RadioControlValueAccessor, i2.DefaultValueAccessor, i2.NgControlStatus, i2.FormControlName], encapsulation: 2 });
+    } }, directives: [i2.NgControlStatusGroup, i2.FormGroupDirective, i1.NgClass, i1.NgIf, i1.NgForOf, i2.RadioControlValueAccessor, i2.DefaultValueAccessor, i2.NgControlStatus, i2.FormControlName], styles: [".flag-name-and-description{font-weight:700}"], encapsulation: 2 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ManageCaseFlagsComponent, [{
         type: Component,
         args: [{
                 selector: 'ccd-manage-case-flags',
-                templateUrl: './manage-case-flags.component.html'
+                templateUrl: './manage-case-flags.component.html',
+                styleUrls: ['./manage-case-flags.component.scss'],
+                encapsulation: ViewEncapsulation.None
             }]
     }], null, { formGroup: [{
             type: Input
@@ -16193,8 +16524,8 @@ function UpdateFlagComponent_button_22_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(1, " Make inactive ");
     i0.ɵɵelementEnd();
 } }
-const _c0$l = function (a0) { return { "form-group-error": a0 }; };
-const _c1$6 = function (a0) { return { "govuk-tag--grey": a0 }; };
+const _c0$n = function (a0) { return { "form-group-error": a0 }; };
+const _c1$7 = function (a0) { return { "govuk-tag--grey": a0 }; };
 class UpdateFlagComponent {
     constructor() {
         this.caseFlagStateEmitter = new EventEmitter();
@@ -16312,7 +16643,7 @@ UpdateFlagComponent.ɵcmp = i0.ɵɵdefineComponent({ type: UpdateFlagComponent,
     } if (rf & 2) {
         i0.ɵɵproperty("formGroup", ctx.formGroup);
         i0.ɵɵadvance(2);
-        i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(14, _c0$l, ctx.errorMessages.length > 0));
+        i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(14, _c0$n, ctx.errorMessages.length > 0));
         i0.ɵɵadvance(2);
         i0.ɵɵproperty("for", ctx.updateFlagControlName);
         i0.ɵɵadvance(1);
@@ -16328,7 +16659,7 @@ UpdateFlagComponent.ɵcmp = i0.ɵɵdefineComponent({ type: UpdateFlagComponent,
         i0.ɵɵadvance(3);
         i0.ɵɵtextInterpolate1(" ", ctx.updateFlagCharLimitInfo, " ");
         i0.ɵɵadvance(6);
-        i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(16, _c1$6, ctx.selectedFlag.flagDetailDisplay.flagDetail.status === "Inactive"));
+        i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(16, _c1$7, ctx.selectedFlag.flagDetailDisplay.flagDetail.status === "Inactive"));
         i0.ɵɵadvance(1);
         i0.ɵɵtextInterpolate1(" ", ctx.selectedFlag.flagDetailDisplay.flagDetail.status, " ");
         i0.ɵɵadvance(2);
@@ -16441,10 +16772,2046 @@ CaseFlagSummaryListComponent.ɵcmp = i0.ɵɵdefineComponent({ type: CaseFlagSumm
             type: Input
         }] }); })();
 
-class CollectionCreateCheckerService {
-    setDisplayContextForChildren(caseField, profile) {
-        const children = this.getCaseFieldChildren(caseField);
-        if (children && children.length > 0) {
+var LinkedCasesPages;
+(function (LinkedCasesPages) {
+    LinkedCasesPages[LinkedCasesPages["BEFORE_YOU_START"] = 0] = "BEFORE_YOU_START";
+    LinkedCasesPages[LinkedCasesPages["NO_LINKED_CASES"] = 1] = "NO_LINKED_CASES";
+    LinkedCasesPages[LinkedCasesPages["LINK_CASE"] = 2] = "LINK_CASE";
+    LinkedCasesPages[LinkedCasesPages["UNLINK_CASE"] = 3] = "UNLINK_CASE";
+    LinkedCasesPages[LinkedCasesPages["CHECK_YOUR_ANSWERS"] = 4] = "CHECK_YOUR_ANSWERS";
+})(LinkedCasesPages || (LinkedCasesPages = {}));
+var LinkedCasesErrorMessages;
+(function (LinkedCasesErrorMessages) {
+    LinkedCasesErrorMessages["ProposedCaseWithIn"] = "Case can not be linked to the same case";
+    LinkedCasesErrorMessages["CaseNumberError"] = "Case numbers must have 16 digits";
+    LinkedCasesErrorMessages["ReasonSelectionError"] = "Select a reason why these cases should be linked";
+    LinkedCasesErrorMessages["SomethingWrong"] = "Something went wrong, please try again later";
+    LinkedCasesErrorMessages["CaseCheckAgainError"] = "Check the case number and try again";
+    LinkedCasesErrorMessages["CaseSelectionError"] = "You need to propose at least one case";
+    LinkedCasesErrorMessages["CaseProposedError"] = "This case has already been proposed";
+    LinkedCasesErrorMessages["CasesLinkedError"] = "These cases are already linked";
+    LinkedCasesErrorMessages["UnlinkCaseSelectionError"] = "Select a case to unlink before continue";
+    LinkedCasesErrorMessages["LinkCasesNavigationError"] = "Please select Next to link case(s)";
+    LinkedCasesErrorMessages["UnlinkCasesNavigationError"] = "Please select Next to unlink case(s)";
+    LinkedCasesErrorMessages["BackNavigationError"] = "Please select Back to go to the previous page";
+})(LinkedCasesErrorMessages || (LinkedCasesErrorMessages = {}));
+var LinkedCasesEventTriggers;
+(function (LinkedCasesEventTriggers) {
+    LinkedCasesEventTriggers["LINK_CASES"] = "Link cases";
+    LinkedCasesEventTriggers["MANAGE_CASE_LINKS"] = "Manage case links";
+})(LinkedCasesEventTriggers || (LinkedCasesEventTriggers = {}));
+var Patterns;
+(function (Patterns) {
+    Patterns["CASE_REF"] = "((([0-9]{4})(?: |-)?)){4}";
+})(Patterns || (Patterns = {}));
+
+function BeforeYouStartComponent_div_1_p_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "p", 5);
+    i0.ɵɵelementStart(1, "span", 6);
+    i0.ɵɵtext(2, "Error:");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate1(" ", ctx_r2.linkedCasesService.serverLinkedApiError.message, " ");
+} }
+function BeforeYouStartComponent_div_1_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div");
+    i0.ɵɵelementStart(1, "h1", 1);
+    i0.ɵɵtext(2, "There is a problem");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(3, BeforeYouStartComponent_div_1_p_3_Template, 4, 1, "p", 2);
+    i0.ɵɵelementStart(4, "p", 3);
+    i0.ɵɵelementStart(5, "a", 4);
+    i0.ɵɵlistener("click", function BeforeYouStartComponent_div_1_Template_a_click_5_listener() { i0.ɵɵrestoreView(_r4); const ctx_r3 = i0.ɵɵnextContext(); return ctx_r3.onBack(); });
+    i0.ɵɵtext(6, "Go back to the Linked cases tab");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("ngIf", ctx_r0.linkedCasesService.serverLinkedApiError);
+} }
+function BeforeYouStartComponent_div_2_div_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 11);
+    i0.ɵɵelementStart(1, "p", 3);
+    i0.ɵɵtext(2, "If a group of linked cases has a lead case, you must start from the lead case.");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "p", 3);
+    i0.ɵɵtext(4, "If the cases to be linked has no lead, you can start the linking journey from any of those cases.");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+} }
+function BeforeYouStartComponent_div_2_div_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 12);
+    i0.ɵɵelementStart(1, "p", 3);
+    i0.ɵɵtext(2, "If there are linked hearings for the case you need to un-link then you must unlink the hearing first.");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+} }
+function BeforeYouStartComponent_div_2_Template(rf, ctx) { if (rf & 1) {
+    const _r8 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div");
+    i0.ɵɵelementStart(1, "h1", 1);
+    i0.ɵɵtext(2, "Before you start");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(3, BeforeYouStartComponent_div_2_div_3_Template, 5, 0, "div", 7);
+    i0.ɵɵtemplate(4, BeforeYouStartComponent_div_2_div_4_Template, 3, 0, "div", 8);
+    i0.ɵɵelementStart(5, "div", 9);
+    i0.ɵɵelementStart(6, "button", 10);
+    i0.ɵɵlistener("click", function BeforeYouStartComponent_div_2_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r8); const ctx_r7 = i0.ɵɵnextContext(); return ctx_r7.onNext(); });
+    i0.ɵɵtext(7, "Next");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("ngIf", ctx_r1.isLinkCasesJourney);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", !ctx_r1.isLinkCasesJourney);
+} }
+class BeforeYouStartComponent {
+    constructor(router, linkedCasesService) {
+        this.router = router;
+        this.linkedCasesService = linkedCasesService;
+        this.linkedCasesStateEmitter = new EventEmitter();
+        this.isLinkCasesJourney = false;
+        this.isLinkCasesJourney = this.linkedCasesService.isLinkedCasesEventTrigger;
+        // re-initiate the state based on the casefield value
+        const linkedCaseRefereneIds = this.linkedCasesService.caseFieldValue.filter(item => item).map(item => item.id);
+        this.linkedCasesService.linkedCases = this.linkedCasesService.linkedCases.filter(item => linkedCaseRefereneIds.indexOf(item.caseReference) !== -1);
+        this.linkedCasesService.initialCaseLinks = this.linkedCasesService.linkedCases;
+    }
+    onNext() {
+        this.linkedCasesStateEmitter.emit({
+            currentLinkedCasesPage: LinkedCasesPages.BEFORE_YOU_START,
+            errorMessages: this.errorMessages,
+            navigateToNextPage: true
+        });
+    }
+    onBack() {
+        this.router.navigate(['cases', 'case-details', this.linkedCasesService.caseId]).then(() => {
+            window.location.hash = 'Linked cases';
+        });
+    }
+}
+BeforeYouStartComponent.ɵfac = function BeforeYouStartComponent_Factory(t) { return new (t || BeforeYouStartComponent)(i0.ɵɵdirectiveInject(i1$1.Router), i0.ɵɵdirectiveInject(LinkedCasesService)); };
+BeforeYouStartComponent.ɵcmp = i0.ɵɵdefineComponent({ type: BeforeYouStartComponent, selectors: [["ccd-linked-cases-before-you-start"]], outputs: { linkedCasesStateEmitter: "linkedCasesStateEmitter" }, decls: 3, vars: 2, consts: [[4, "ngIf"], [1, "govuk-heading-xl"], ["id", "unlink-cases-error", "class", "govuk-error-message", 4, "ngIf"], [1, "govuk-body"], ["href", "javascript:void(0)", 1, "govuk-link", 3, "click"], ["id", "unlink-cases-error", 1, "govuk-error-message"], [1, "govuk-visually-hidden"], ["id", "link-cases-journey", 4, "ngIf"], ["id", "manage-link-cases-journey", 4, "ngIf"], [1, "govuk-button-group"], ["type", "button", "id", "next-button", 1, "button", "button-primary", 3, "click"], ["id", "link-cases-journey"], ["id", "manage-link-cases-journey"]], template: function BeforeYouStartComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵelementStart(0, "div");
+        i0.ɵɵtemplate(1, BeforeYouStartComponent_div_1_Template, 7, 1, "div", 0);
+        i0.ɵɵtemplate(2, BeforeYouStartComponent_div_2_Template, 8, 2, "div", 0);
+        i0.ɵɵelementEnd();
+    } if (rf & 2) {
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngIf", ctx.linkedCasesService.serverLinkedApiError);
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngIf", !ctx.linkedCasesService || !ctx.linkedCasesService.serverLinkedApiError);
+    } }, directives: [i1.NgIf], encapsulation: 2 });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BeforeYouStartComponent, [{
+        type: Component,
+        args: [{
+                selector: 'ccd-linked-cases-before-you-start',
+                templateUrl: './before-you-start.component.html'
+            }]
+    }], function () { return [{ type: i1$1.Router }, { type: LinkedCasesService }]; }, { linkedCasesStateEmitter: [{
+            type: Output
+        }] }); })();
+
+function CheckYourAnswersComponent_table_4_tr_9_Template(rf, ctx) { if (rf & 1) {
+    const _r8 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "tr", 7);
+    i0.ɵɵelementStart(1, "td", 14);
+    i0.ɵɵtext(2);
+    i0.ɵɵelement(3, "br");
+    i0.ɵɵtext(4);
+    i0.ɵɵpipe(5, "ccdCaseReference");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "td", 14);
+    i0.ɵɵelementStart(7, "a", 15);
+    i0.ɵɵlistener("click", function CheckYourAnswersComponent_table_4_tr_9_Template_a_click_7_listener() { i0.ɵɵrestoreView(_r8); const ctx_r7 = i0.ɵɵnextContext(2); return ctx_r7.onChange(); });
+    i0.ɵɵtext(8, "Change");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const case_r6 = ctx.$implicit;
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", case_r6.caseName, " ");
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(5, 2, case_r6.caseReference), " ");
+} }
+function CheckYourAnswersComponent_table_4_tr_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "tr", 7);
+    i0.ɵɵelementStart(1, "td", 16);
+    i0.ɵɵtext(2, " None ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+} }
+function CheckYourAnswersComponent_table_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "table", 13);
+    i0.ɵɵelementStart(1, "caption", 5);
+    i0.ɵɵtext(2, "Cases to unlink");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "thead", 6);
+    i0.ɵɵelementStart(4, "tr", 7);
+    i0.ɵɵelementStart(5, "th", 8);
+    i0.ɵɵtext(6, "Case name and number");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelement(7, "th", 8);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(8, "tbody", 10);
+    i0.ɵɵtemplate(9, CheckYourAnswersComponent_table_4_tr_9_Template, 9, 4, "tr", 11);
+    i0.ɵɵtemplate(10, CheckYourAnswersComponent_table_4_tr_10_Template, 3, 0, "tr", 12);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(9);
+    i0.ɵɵproperty("ngForOf", ctx_r0.casesToUnlink);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", !ctx_r0.casesToUnlink.length);
+} }
+function CheckYourAnswersComponent_th_15_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "th", 8);
+} }
+function CheckYourAnswersComponent_tr_17_span_8_br_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "br");
+} }
+function CheckYourAnswersComponent_tr_17_span_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span");
+    i0.ɵɵtext(1);
+    i0.ɵɵpipe(2, "ccdLinkCasesReasonValue");
+    i0.ɵɵtemplate(3, CheckYourAnswersComponent_tr_17_span_8_br_3_Template, 1, 0, "br", 19);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const reason_r12 = ctx.$implicit;
+    const isLast_r13 = ctx.last;
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(2, 2, reason_r12.reasonCode), "");
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngIf", !isLast_r13);
+} }
+function CheckYourAnswersComponent_tr_17_td_10_Template(rf, ctx) { if (rf & 1) {
+    const _r16 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "td", 14);
+    i0.ɵɵelementStart(1, "a", 15);
+    i0.ɵɵlistener("click", function CheckYourAnswersComponent_tr_17_td_10_Template_a_click_1_listener() { i0.ɵɵrestoreView(_r16); const ctx_r15 = i0.ɵɵnextContext(2); return ctx_r15.onChange(); });
+    i0.ɵɵtext(2, "Change");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+} }
+function CheckYourAnswersComponent_tr_17_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "tr", 7);
+    i0.ɵɵelementStart(1, "td", 14);
+    i0.ɵɵelementStart(2, "span");
+    i0.ɵɵtext(3);
+    i0.ɵɵelement(4, "br");
+    i0.ɵɵtext(5);
+    i0.ɵɵpipe(6, "ccdCaseReference");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(7, "td", 14);
+    i0.ɵɵtemplate(8, CheckYourAnswersComponent_tr_17_span_8_Template, 4, 4, "span", 17);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelement(9, "td", 14);
+    i0.ɵɵtemplate(10, CheckYourAnswersComponent_tr_17_td_10_Template, 3, 0, "td", 18);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const case_r9 = ctx.$implicit;
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate1("", case_r9.caseName, " ");
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(6, 4, case_r9.caseReference), " ");
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("ngForOf", case_r9.reasons);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngIf", ctx_r2.isLinkCasesJourney);
+} }
+function CheckYourAnswersComponent_tr_18_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "tr", 7);
+    i0.ɵɵelementStart(1, "td", 20);
+    i0.ɵɵtext(2, " None ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+} }
+class CheckYourAnswersComponent {
+    constructor(linkedCasesService) {
+        this.linkedCasesService = linkedCasesService;
+        this.linkedCasesStateEmitter = new EventEmitter();
+    }
+    ngOnInit() {
+        this.isLinkCasesJourney = this.linkedCasesService.isLinkedCasesEventTrigger;
+        this.linkedCasesTableCaption = this.linkedCasesService.isLinkedCasesEventTrigger ? 'Proposed case links' : 'Linked cases';
+        this.linkedCases = this.linkedCasesService.linkedCases.filter(linkedCase => !linkedCase.unlink);
+        this.casesToUnlink = this.linkedCasesService.linkedCases.filter(linkedCase => linkedCase.unlink && linkedCase.unlink === true);
+    }
+    onChange() {
+        this.linkedCasesService.editMode = true;
+        this.linkedCasesStateEmitter.emit({
+            currentLinkedCasesPage: LinkedCasesPages.CHECK_YOUR_ANSWERS,
+            navigateToPreviousPage: true,
+            navigateToNextPage: true
+        });
+    }
+}
+CheckYourAnswersComponent.ɵfac = function CheckYourAnswersComponent_Factory(t) { return new (t || CheckYourAnswersComponent)(i0.ɵɵdirectiveInject(LinkedCasesService)); };
+CheckYourAnswersComponent.ɵcmp = i0.ɵɵdefineComponent({ type: CheckYourAnswersComponent, selectors: [["ccd-linked-cases-check-your-answers"]], outputs: { linkedCasesStateEmitter: "linkedCasesStateEmitter" }, decls: 19, vars: 5, consts: [[1, "govuk-grid-row"], [1, "govuk-grid-column-full"], [1, "govuk-heading-xl"], ["id", "cases-to-unlink-table", "class", "govuk-table", 4, "ngIf"], ["id", "linked-cases-table", 1, "govuk-table"], [1, "govuk-table__caption", "govuk-table__caption--m"], [1, "govuk-table__head"], [1, "govuk-table__row"], ["scope", "col", 1, "govuk-table__header"], ["scope", "col", "class", "govuk-table__header", 4, "ngIf"], [1, "govuk-table__body"], ["class", "govuk-table__row", 4, "ngFor", "ngForOf"], ["class", "govuk-table__row", 4, "ngIf"], ["id", "cases-to-unlink-table", 1, "govuk-table"], [1, "govuk-table__cell"], ["href", "javascript:void(0)", 1, "govuk-link", "govuk-link--no-visited-state", "float-right", 3, "click"], ["colspan", "2", 1, "govuk-table__cell"], [4, "ngFor", "ngForOf"], ["class", "govuk-table__cell", 4, "ngIf"], [4, "ngIf"], ["colspan", "4", 1, "govuk-table__cell"]], template: function CheckYourAnswersComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵelementStart(0, "div", 0);
+        i0.ɵɵelementStart(1, "div", 1);
+        i0.ɵɵelementStart(2, "h1", 2);
+        i0.ɵɵtext(3, "Check your answers");
+        i0.ɵɵelementEnd();
+        i0.ɵɵtemplate(4, CheckYourAnswersComponent_table_4_Template, 11, 2, "table", 3);
+        i0.ɵɵelementStart(5, "table", 4);
+        i0.ɵɵelementStart(6, "caption", 5);
+        i0.ɵɵtext(7);
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(8, "thead", 6);
+        i0.ɵɵelementStart(9, "tr", 7);
+        i0.ɵɵelementStart(10, "th", 8);
+        i0.ɵɵtext(11, "Case name and number");
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(12, "th", 8);
+        i0.ɵɵtext(13, "Reasons for case link");
+        i0.ɵɵelementEnd();
+        i0.ɵɵelement(14, "th", 8);
+        i0.ɵɵtemplate(15, CheckYourAnswersComponent_th_15_Template, 1, 0, "th", 9);
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(16, "tbody", 10);
+        i0.ɵɵtemplate(17, CheckYourAnswersComponent_tr_17_Template, 11, 6, "tr", 11);
+        i0.ɵɵtemplate(18, CheckYourAnswersComponent_tr_18_Template, 3, 0, "tr", 12);
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementEnd();
+    } if (rf & 2) {
+        i0.ɵɵadvance(4);
+        i0.ɵɵproperty("ngIf", !ctx.isLinkCasesJourney);
+        i0.ɵɵadvance(3);
+        i0.ɵɵtextInterpolate(ctx.linkedCasesTableCaption);
+        i0.ɵɵadvance(8);
+        i0.ɵɵproperty("ngIf", ctx.isLinkCasesJourney);
+        i0.ɵɵadvance(2);
+        i0.ɵɵproperty("ngForOf", ctx.linkedCases);
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngIf", !ctx.linkedCases.length);
+    } }, styles: [".float-right[_ngcontent-%COMP%]{float:right}"] });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CheckYourAnswersComponent, [{
+        type: Component,
+        args: [{
+                selector: 'ccd-linked-cases-check-your-answers',
+                templateUrl: './check-your-answers.component.html',
+                styleUrls: ['./check-your-answers.component.scss']
+            }]
+    }], function () { return [{ type: LinkedCasesService }]; }, { linkedCasesStateEmitter: [{
+            type: Output
+        }] }); })();
+
+class ValidatorsUtils {
+    numberLengthValidator(inputLength) {
+        return (control) => {
+            return control.value.length !== inputLength ? { isValid: false } : null;
+        };
+    }
+    formArraySelectedValidator() {
+        return (control) => {
+            return control.value.every((option) => !option.selected) ? { isValid: false } : null;
+        };
+    }
+    regexPattern(regexPattern) {
+        return (control) => {
+            const regex = new RegExp(regexPattern);
+            return regex.test(control.value) ? null : { isValid: false };
+        };
+    }
+}
+ValidatorsUtils.ɵfac = function ValidatorsUtils_Factory(t) { return new (t || ValidatorsUtils)(); };
+ValidatorsUtils.ɵprov = i0.ɵɵdefineInjectable({ token: ValidatorsUtils, factory: ValidatorsUtils.ɵfac, providedIn: 'root' });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ValidatorsUtils, [{
+        type: Injectable,
+        args: [{ providedIn: 'root' }]
+    }], null, null); })();
+
+function LinkCasesComponent_div_8_span_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 28);
+    i0.ɵɵelementStart(1, "span", 29);
+    i0.ɵɵtext(2, "Error:");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r4 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate1(" ", ctx_r4.caseNumberError, " ");
+} }
+function LinkCasesComponent_div_8_span_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 28);
+    i0.ɵɵelementStart(1, "span", 29);
+    i0.ɵɵtext(2, "Error:");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r5 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate1(" ", ctx_r5.caseReasonError, " ");
+} }
+function LinkCasesComponent_div_8_div_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 30);
+    i0.ɵɵelement(1, "input", 31);
+    i0.ɵɵelementStart(2, "label", 32);
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const reason_r8 = ctx.$implicit;
+    const pos_r9 = ctx.index;
+    i0.ɵɵproperty("formGroupName", pos_r9);
+    i0.ɵɵadvance(1);
+    i0.ɵɵpropertyInterpolate("id", reason_r8.key);
+    i0.ɵɵproperty("value", reason_r8.value_en);
+    i0.ɵɵadvance(1);
+    i0.ɵɵpropertyInterpolate("for", reason_r8.key);
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate(reason_r8.value_en);
+} }
+function LinkCasesComponent_div_8_span_15_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 28);
+    i0.ɵɵelementStart(1, "span", 29);
+    i0.ɵɵtext(2, "Error:");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r7 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate1(" ", ctx_r7.caseSelectionError, " ");
+} }
+const _c0$m = function (a0) { return { "govuk-form-group--error": a0 }; };
+function LinkCasesComponent_div_8_Template(rf, ctx) { if (rf & 1) {
+    const _r11 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 21);
+    i0.ɵɵelementStart(1, "h3", 22);
+    i0.ɵɵtext(2, "Enter case reference");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "div", 5);
+    i0.ɵɵtemplate(4, LinkCasesComponent_div_8_span_4_Template, 4, 1, "span", 6);
+    i0.ɵɵelement(5, "input", 23);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "h3", 22);
+    i0.ɵɵtext(7, "Why should these cases be linked?");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(8, "div", 24);
+    i0.ɵɵtext(9, " Select all that apply. ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(10, LinkCasesComponent_div_8_span_10_Template, 4, 1, "span", 6);
+    i0.ɵɵelementStart(11, "div", 25);
+    i0.ɵɵtemplate(12, LinkCasesComponent_div_8_div_12_Template, 4, 5, "div", 26);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelement(13, "br");
+    i0.ɵɵelement(14, "br");
+    i0.ɵɵtemplate(15, LinkCasesComponent_div_8_span_15_Template, 4, 1, "span", 6);
+    i0.ɵɵelementStart(16, "button", 27);
+    i0.ɵɵlistener("click", function LinkCasesComponent_div_8_Template_button_click_16_listener() { i0.ɵɵrestoreView(_r11); const ctx_r10 = i0.ɵɵnextContext(); return ctx_r10.submitCaseInfo(); });
+    i0.ɵɵtext(17, "Propose case link");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("formGroup", ctx_r0.linkCaseForm);
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(7, _c0$m, !!ctx_r0.caseNumberError));
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", ctx_r0.caseNumberError);
+    i0.ɵɵadvance(6);
+    i0.ɵɵproperty("ngIf", ctx_r0.caseReasonError);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(9, _c0$m, !!ctx_r0.caseReasonError));
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngForOf", ctx_r0.linkedCasesService.linkCaseReasons);
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("ngIf", ctx_r0.caseSelectionError);
+} }
+function LinkCasesComponent_span_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 28);
+    i0.ɵɵelementStart(1, "span", 29);
+    i0.ɵɵtext(2, "Error:");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.noSelectedCaseError, " ");
+} }
+function LinkCasesComponent_tr_31_span_15_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span");
+    i0.ɵɵtext(1);
+    i0.ɵɵpipe(2, "ccdLinkCasesReasonValue");
+    i0.ɵɵelement(3, "br");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const reason_r15 = ctx.$implicit;
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, reason_r15.reasonCode));
+} }
+const _c1$6 = function (a0) { return { "table-group-error": a0 }; };
+function LinkCasesComponent_tr_31_Template(rf, ctx) { if (rf & 1) {
+    const _r17 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "tr", 10);
+    i0.ɵɵelementStart(1, "td", 33);
+    i0.ɵɵelement(2, "div", 34);
+    i0.ɵɵelementStart(3, "span");
+    i0.ɵɵtext(4);
+    i0.ɵɵelement(5, "br");
+    i0.ɵɵtext(6);
+    i0.ɵɵpipe(7, "ccdCaseReference");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(8, "td", 35);
+    i0.ɵɵtext(9);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(10, "td", 33);
+    i0.ɵɵtext(11);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(12, "td", 35);
+    i0.ɵɵtext(13);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(14, "td", 33);
+    i0.ɵɵtemplate(15, LinkCasesComponent_tr_31_span_15_Template, 4, 3, "span", 36);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(16, "td", 33);
+    i0.ɵɵelementStart(17, "a", 37);
+    i0.ɵɵlistener("click", function LinkCasesComponent_tr_31_Template_a_click_17_listener() { i0.ɵɵrestoreView(_r17); const pos_r13 = ctx.index; const case_r12 = ctx.$implicit; const ctx_r16 = i0.ɵɵnextContext(); return ctx_r16.onSelectedLinkedCaseRemove(pos_r13, case_r12.caseReference); });
+    i0.ɵɵtext(18, "Remove");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const case_r12 = ctx.$implicit;
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(12, _c1$6, ctx_r2.caseSelectionError && case_r12.caseReference === ctx_r2.linkCaseForm.value.caseNumber));
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1("", case_r12.caseName, " ");
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(7, 10, case_r12.caseReference), "");
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("title", case_r12.caseTypeDescription);
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate(case_r12.caseType);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(case_r12.caseService);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("title", case_r12.caseStateDescription);
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate(case_r12.caseState);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngForOf", case_r12.reasons);
+    i0.ɵɵadvance(2);
+    i0.ɵɵattribute("id", case_r12.caseReference);
+} }
+function LinkCasesComponent_tr_32_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "tr", 10);
+    i0.ɵɵelementStart(1, "td", 38);
+    i0.ɵɵtext(2, " None ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+} }
+class LinkCasesComponent {
+    constructor(casesService, fb, validatorsUtils, linkedCasesService) {
+        this.casesService = casesService;
+        this.fb = fb;
+        this.validatorsUtils = validatorsUtils;
+        this.linkedCasesService = linkedCasesService;
+        this.linkedCasesStateEmitter = new EventEmitter();
+        this.errorMessages = [];
+        this.selectedCases = [];
+        this.ISO_FORMAT = 'YYYY-MM-DDTHH:mm:ss.SSS';
+    }
+    ngOnInit() {
+        this.initForm();
+        if (this.linkedCasesService.editMode) {
+            // this may have includes the currently added one but yet to be submitted.
+            this.selectedCases = this.linkedCasesService.linkedCases;
+        }
+        else if (this.linkedCasesService.initialCaseLinks.length !== this.linkedCasesService.caseFieldValue.length) {
+            this.linkedCasesService.linkedCases = this.linkedCasesService.initialCaseLinks;
+        }
+    }
+    initForm() {
+        this.linkCaseForm = this.fb.group({
+            caseNumber: ['', [Validators.minLength(16), this.validatorsUtils.regexPattern(Patterns.CASE_REF)]],
+            reasonType: this.getReasonTypeFormArray,
+        });
+    }
+    get getReasonTypeFormArray() {
+        return this.fb.array(this.linkedCasesService.linkCaseReasons.map((val) => this.fb.group({
+            key: [val.key],
+            value_en: [val.value_en],
+            value_cy: [val.value_cy],
+            hint_text_en: [val.hint_text_en],
+            hint_text_cy: [val.hint_text_cy],
+            lov_order: [val.lov_order],
+            parent_key: [val.parent_key],
+            selected: [!!val.selected],
+        })), this.validatorsUtils.formArraySelectedValidator());
+    }
+    submitCaseInfo() {
+        this.errorMessages = [];
+        this.caseReasonError = null;
+        this.caseNumberError = null;
+        this.caseSelectionError = null;
+        this.noSelectedCaseError = null;
+        if (this.linkCaseForm.valid &&
+            !this.isCaseSelected(this.selectedCases) &&
+            !this.isCaseSelected(this.linkedCasesService.linkedCases) &&
+            !this.isCaseSelectedSameAsCurrentCase()) {
+            this.getCaseInfo();
+        }
+        else {
+            this.showErrorInfo();
+        }
+    }
+    isCaseSelected(linkedCases) {
+        if (linkedCases.length === 0) {
+            return false;
+        }
+        const caseNumber = this.linkCaseForm.value.caseNumber;
+        return !!linkedCases.find((caseLink) => caseLink.caseReference.split('-').join('') === caseNumber.split('-').join(''));
+    }
+    isCaseSelectedSameAsCurrentCase() {
+        return this.linkCaseForm.value.caseNumber.split('-').join('') === this.linkedCasesService.caseId.split('-').join('');
+    }
+    showErrorInfo() {
+        if (this.linkCaseForm.controls.caseNumber.invalid) {
+            this.caseNumberError = LinkedCasesErrorMessages.CaseNumberError;
+            this.errorMessages.push({
+                title: 'dummy-case-number',
+                description: LinkedCasesErrorMessages.CaseNumberError,
+                fieldId: 'caseNumber',
+            });
+        }
+        if (this.linkCaseForm.controls.reasonType.invalid) {
+            this.caseReasonError = LinkedCasesErrorMessages.ReasonSelectionError;
+            this.errorMessages.push({
+                title: 'dummy-case-reason',
+                description: LinkedCasesErrorMessages.ReasonSelectionError,
+                fieldId: 'caseReason',
+            });
+        }
+        if (this.isCaseSelected(this.selectedCases)) {
+            this.caseSelectionError = LinkedCasesErrorMessages.CaseProposedError;
+            this.errorMessages.push({
+                title: 'dummy-case-number',
+                description: LinkedCasesErrorMessages.CaseProposedError,
+                fieldId: 'caseNumber',
+            });
+        }
+        if (this.isCaseSelected(this.linkedCasesService.linkedCases)) {
+            this.caseSelectionError = LinkedCasesErrorMessages.CasesLinkedError;
+            this.errorMessages.push({
+                title: 'dummy-case-number',
+                description: LinkedCasesErrorMessages.CasesLinkedError,
+                fieldId: 'caseNumber',
+            });
+        }
+        if (this.linkCaseForm.value.caseNumber.split('-').join('') === this.linkedCasesService.caseId.split('-').join('')) {
+            this.errorMessages.push({
+                title: 'dummy-case-number',
+                description: LinkedCasesErrorMessages.ProposedCaseWithIn,
+                fieldId: 'caseNumber',
+            });
+        }
+        window.scrollTo(0, 0);
+        this.emitLinkedCasesState(false);
+    }
+    getCaseInfo() {
+        const caseNumberData = this.linkCaseForm.value.caseNumber.replace(/[- ]/g, '');
+        this.casesService
+            .getCaseViewV2(caseNumberData)
+            .subscribe((caseView) => {
+            this.linkedCasesService.caseDetails = caseView;
+            const caseLink = {
+                caseReference: caseView.case_id,
+                reasons: this.getSelectedCaseReasons(),
+                createdDateTime: moment(new Date()).format(this.ISO_FORMAT),
+                caseType: caseView.case_type.name || '',
+                caseTypeDescription: caseView.case_type.description || '',
+                caseState: caseView.state.name || '',
+                caseStateDescription: caseView.state.description || '',
+                caseService: caseView.case_type && caseView.case_type.jurisdiction && caseView.case_type.jurisdiction.description || '',
+                caseName: this.linkedCasesService.getCaseName(caseView),
+            };
+            const ccdApiCaseLinkData = {
+                CaseReference: caseView.case_id,
+                CaseType: caseView.case_type.id,
+                CreatedDateTime: moment(new Date()).format(this.ISO_FORMAT),
+                ReasonForLink: this.getSelectedCCDTypeCaseReason()
+            };
+            if (!this.linkedCasesService.caseFieldValue) {
+                this.linkedCasesService.caseFieldValue = [];
+            }
+            this.linkedCasesService.caseFieldValue.push({ id: caseView.case_id.toString(), value: ccdApiCaseLinkData });
+            this.selectedCases.push(caseLink);
+            this.initForm();
+            this.emitLinkedCasesState(false);
+        }, (error) => {
+            this.caseNumberError = LinkedCasesErrorMessages.CaseCheckAgainError;
+            this.errorMessages.push({
+                title: 'dummy-case-number',
+                description: LinkedCasesErrorMessages.CaseCheckAgainError,
+                fieldId: 'caseNumber',
+            });
+            this.emitLinkedCasesState(false);
+            window.scrollTo(0, 0);
+            return throwError(error);
+        });
+    }
+    // Return linked cases state and error messages to the parent
+    emitLinkedCasesState(isNavigateToNextPage) {
+        this.linkedCasesStateEmitter.emit({
+            currentLinkedCasesPage: LinkedCasesPages.LINK_CASE,
+            errorMessages: this.errorMessages,
+            navigateToNextPage: isNavigateToNextPage,
+        });
+    }
+    getSelectedCaseReasons() {
+        const selectedReasons = [];
+        this.linkCaseForm.controls.reasonType.value.forEach((selectedReason) => {
+            if (selectedReason.selected) {
+                selectedReasons.push({
+                    reasonCode: selectedReason.key
+                });
+            }
+        });
+        return selectedReasons;
+    }
+    getSelectedCCDTypeCaseReason() {
+        const selectedReasons = [];
+        this.linkCaseForm.controls.reasonType.value.forEach((selectedReason) => {
+            if (selectedReason.selected) {
+                selectedReasons.push({
+                    value: {
+                        Reason: selectedReason.key,
+                    }
+                });
+            }
+        });
+        return selectedReasons;
+    }
+    onSelectedLinkedCaseRemove(pos, selectedCaseReference) {
+        const caseFieldValue = this.linkedCasesService.caseFieldValue || [];
+        const updatedItems = caseFieldValue.filter(item => item.value && item.value.CaseReference !== selectedCaseReference);
+        if (updatedItems) {
+            this.linkedCasesService.caseFieldValue = updatedItems;
+        }
+        this.selectedCases.splice(pos, 1);
+    }
+    onNext() {
+        this.errorMessages = [];
+        this.caseReasonError = null;
+        this.caseNumberError = null;
+        this.caseSelectionError = null;
+        this.noSelectedCaseError = null;
+        let navigateToNextPage = true;
+        if (this.selectedCases.length) {
+            this.linkedCasesService.linkedCases = this.selectedCases;
+        }
+        else {
+            this.noSelectedCaseError = LinkedCasesErrorMessages.CaseSelectionError;
+            this.errorMessages.push({
+                title: 'dummy-case-selection',
+                description: LinkedCasesErrorMessages.CaseSelectionError,
+                fieldId: 'caseReason',
+            });
+            navigateToNextPage = false;
+        }
+        this.emitLinkedCasesState(navigateToNextPage);
+    }
+}
+LinkCasesComponent.ɵfac = function LinkCasesComponent_Factory(t) { return new (t || LinkCasesComponent)(i0.ɵɵdirectiveInject(CasesService), i0.ɵɵdirectiveInject(i2.FormBuilder), i0.ɵɵdirectiveInject(ValidatorsUtils), i0.ɵɵdirectiveInject(LinkedCasesService)); };
+LinkCasesComponent.ɵcmp = i0.ɵɵdefineComponent({ type: LinkCasesComponent, selectors: [["ccd-link-cases"]], outputs: { linkedCasesStateEmitter: "linkedCasesStateEmitter" }, decls: 36, vars: 11, consts: [[1, "govuk-grid-row"], [1, "govuk-grid-column-full"], [1, "govuk-caption-l"], [1, "govuk-heading-xl"], ["class", "form-group", 3, "formGroup", 4, "ngIf"], ["id", "caseNumber", 1, "govuk-form-group", 3, "ngClass"], ["class", "govuk-error-message", 4, "ngIf"], [1, "govuk-table"], [1, "govuk-table__caption", "govuk-table__caption--m"], [1, "govuk-table__head"], [1, "govuk-table__row"], ["scope", "col", "width", "300", 1, "govuk-table__header"], ["scope", "col", "width", "150", 1, "govuk-table__header"], ["scope", "col", "width", "200", 1, "govuk-table__header"], ["scope", "col", "width", "400", 1, "govuk-table__header"], ["scope", "col", "width", "50", 1, "govuk-table__header"], [1, "govuk-table__body"], ["class", "govuk-table__row", 4, "ngFor", "ngForOf"], ["class", "govuk-table__row", 4, "ngIf"], [1, "govuk-button-group"], ["type", "button", "id", "next-button", 1, "button", "button-primary", 3, "click"], [1, "form-group", 3, "formGroup"], [1, "govuk-heading-s"], ["formControlName", "caseNumber", "id", "width-20", "name", "width-20", "type", "text", 1, "govuk-input", "govuk-input--width-20"], ["id", "waste-hint", 1, "govuk-hint"], ["data-module", "govuk-checkboxes", "formArrayName", "reasonType", "id", "caseReason", 1, "govuk-checkboxes", 3, "ngClass"], ["class", "govuk-checkboxes__item", 3, "formGroupName", 4, "ngFor", "ngForOf"], ["id", "propose", "type", "button", "data-module", "govuk-button", 1, "govuk-button", "govuk-button--secondary", 3, "click"], [1, "govuk-error-message"], [1, "govuk-visually-hidden"], [1, "govuk-checkboxes__item", 3, "formGroupName"], ["formControlName", "selected", "name", "pos", "type", "checkbox", 1, "govuk-checkboxes__input", 3, "id", "value"], [1, "govuk-label", "govuk-checkboxes__label", 3, "for"], [1, "govuk-table__cell"], [1, "govuk-form-group--error", 3, "ngClass"], [1, "govuk-table__cell", 3, "title"], [4, "ngFor", "ngForOf"], [1, "govuk-link", "no-visited-state", 3, "click"], ["colspan", "6", 1, "govuk-table__cell"]], template: function LinkCasesComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵelementStart(0, "div", 0);
+        i0.ɵɵelementStart(1, "div", 1);
+        i0.ɵɵelementStart(2, "div");
+        i0.ɵɵelementStart(3, "span", 2);
+        i0.ɵɵtext(4);
+        i0.ɵɵpipe(5, "ccdCaseReference");
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(6, "h1", 3);
+        i0.ɵɵtext(7, "Select a\u00A0case you want to link to this case");
+        i0.ɵɵelementEnd();
+        i0.ɵɵtemplate(8, LinkCasesComponent_div_8_Template, 18, 11, "div", 4);
+        i0.ɵɵelement(9, "hr");
+        i0.ɵɵelement(10, "br");
+        i0.ɵɵelement(11, "br");
+        i0.ɵɵelementStart(12, "div", 5);
+        i0.ɵɵtemplate(13, LinkCasesComponent_span_13_Template, 4, 1, "span", 6);
+        i0.ɵɵelementStart(14, "table", 7);
+        i0.ɵɵelementStart(15, "caption", 8);
+        i0.ɵɵtext(16, "Proposed case links ");
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(17, "thead", 9);
+        i0.ɵɵelementStart(18, "tr", 10);
+        i0.ɵɵelementStart(19, "th", 11);
+        i0.ɵɵtext(20, "Case name and number");
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(21, "th", 12);
+        i0.ɵɵtext(22, "Case type ");
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(23, "th", 13);
+        i0.ɵɵtext(24, "Service");
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(25, "th", 13);
+        i0.ɵɵtext(26, "State");
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(27, "th", 14);
+        i0.ɵɵtext(28, "Reasons for case link");
+        i0.ɵɵelementEnd();
+        i0.ɵɵelement(29, "th", 15);
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(30, "tbody", 16);
+        i0.ɵɵtemplate(31, LinkCasesComponent_tr_31_Template, 19, 14, "tr", 17);
+        i0.ɵɵtemplate(32, LinkCasesComponent_tr_32_Template, 3, 0, "tr", 18);
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(33, "div", 19);
+        i0.ɵɵelementStart(34, "button", 20);
+        i0.ɵɵlistener("click", function LinkCasesComponent_Template_button_click_34_listener() { return ctx.onNext(); });
+        i0.ɵɵtext(35, "Next");
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementEnd();
+    } if (rf & 2) {
+        i0.ɵɵadvance(4);
+        i0.ɵɵtextInterpolate2("Link cases to ", ctx.linkedCasesService.caseName, " ", i0.ɵɵpipeBind1(5, 7, ctx.linkedCasesService.caseId), "");
+        i0.ɵɵadvance(4);
+        i0.ɵɵproperty("ngIf", ctx.linkCaseForm);
+        i0.ɵɵadvance(4);
+        i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(9, _c0$m, !!ctx.noSelectedCaseError));
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngIf", ctx.noSelectedCaseError);
+        i0.ɵɵadvance(18);
+        i0.ɵɵproperty("ngForOf", ctx.selectedCases);
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngIf", !ctx.selectedCases.length);
+    } }, styles: [".no-visited-state[_ngcontent-%COMP%]{color:#1d70b8;cursor:pointer}.no-visited-state[_ngcontent-%COMP%]:hover{color:#003078}.govuk-checkboxes[_ngcontent-%COMP%]{display:flex;flex-direction:column;flex-wrap:wrap;max-height:500px;width:100%;overflow-x:auto;overflow-y:hidden;padding-top:5px}.govuk-checkboxes[_ngcontent-%COMP%]   .govuk-checkboxes__item[_ngcontent-%COMP%]{display:flex}  .govuk-width-container .screen-990 .width-50{width:100%}.govuk-table__row[_ngcontent-%COMP%]{position:relative}.govuk-table__row[_ngcontent-%COMP%]   .table-group-error[_ngcontent-%COMP%]{position:absolute;height:calc(100% - 20px);margin-left:-15px}"] });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LinkCasesComponent, [{
+        type: Component,
+        args: [{
+                selector: 'ccd-link-cases',
+                styleUrls: ['./link-cases.component.scss'],
+                templateUrl: './link-cases.component.html',
+            }]
+    }], function () { return [{ type: CasesService }, { type: i2.FormBuilder }, { type: ValidatorsUtils }, { type: LinkedCasesService }]; }, { linkedCasesStateEmitter: [{
+            type: Output
+        }] }); })();
+
+function LinkedCasesFromTableComponent_a_0_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "a", 2);
+    i0.ɵɵlistener("click", function LinkedCasesFromTableComponent_a_0_Template_a_click_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r2 = i0.ɵɵnextContext(); return ctx_r2.onClick(); });
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate(ctx_r0.showHideLinkText);
+} }
+function LinkedCasesFromTableComponent_table_1_tbody_13_tr_1_td_18_span_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span");
+    i0.ɵɵtext(1);
+    i0.ɵɵpipe(2, "ccdLinkCasesReasonValue");
+    i0.ɵɵelement(3, "br");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const reason_r11 = ctx.$implicit;
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(2, 1, reason_r11.reasonCode), " ");
+} }
+function LinkedCasesFromTableComponent_table_1_tbody_13_tr_1_td_18_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "td", 14);
+    i0.ɵɵtemplate(1, LinkedCasesFromTableComponent_table_1_tbody_13_tr_1_td_18_span_1_Template, 4, 3, "span", 17);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const details_r9 = ctx.$implicit;
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngForOf", details_r9.reasons);
+} }
+function LinkedCasesFromTableComponent_table_1_tbody_13_tr_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "tr", 5);
+    i0.ɵɵelementStart(1, "td", 11);
+    i0.ɵɵelementStart(2, "p", 12);
+    i0.ɵɵelementStart(3, "a", 13);
+    i0.ɵɵelementStart(4, "span");
+    i0.ɵɵtext(5);
+    i0.ɵɵelement(6, "br");
+    i0.ɵɵtext(7);
+    i0.ɵɵpipe(8, "ccdCaseReference");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(9, "td", 14);
+    i0.ɵɵelementStart(10, "span", 15);
+    i0.ɵɵtext(11);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(12, "td", 14);
+    i0.ɵɵelementStart(13, "span");
+    i0.ɵɵtext(14);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(15, "td", 14);
+    i0.ɵɵelementStart(16, "span", 15);
+    i0.ɵɵtext(17);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(18, LinkedCasesFromTableComponent_table_1_tbody_13_tr_1_td_18_Template, 2, 1, "td", 16);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const case_r7 = ctx.$implicit;
+    i0.ɵɵadvance(3);
+    i0.ɵɵpropertyInterpolate1("href", "cases/case-details/", case_r7.caseReference, "", i0.ɵɵsanitizeUrl);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1("", case_r7.caseNameHmctsInternal, " ");
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(8, 9, case_r7.caseReference), "");
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("title", case_r7.ccdCaseTypeDescription);
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate(case_r7.ccdCaseType);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(case_r7.ccdJurisdiction);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("title", case_r7.stateDescription);
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate(case_r7.state);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngForOf", case_r7.linkDetails);
+} }
+function LinkedCasesFromTableComponent_table_1_tbody_13_tr_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "tr", 5);
+    i0.ɵɵelementStart(1, "td", 18);
+    i0.ɵɵtext(2, " None ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+} }
+function LinkedCasesFromTableComponent_table_1_tbody_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "tbody", 8);
+    i0.ɵɵtemplate(1, LinkedCasesFromTableComponent_table_1_tbody_13_tr_1_Template, 19, 11, "tr", 9);
+    i0.ɵɵtemplate(2, LinkedCasesFromTableComponent_table_1_tbody_13_tr_2_Template, 3, 0, "tr", 10);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r4 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngForOf", ctx_r4.getLinkedCasesResponse);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", ctx_r4.noLinkedCases);
+} }
+function LinkedCasesFromTableComponent_table_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "table", 3);
+    i0.ɵɵelementStart(1, "thead", 4);
+    i0.ɵɵelementStart(2, "tr", 5);
+    i0.ɵɵelementStart(3, "th", 6);
+    i0.ɵɵtext(4, "Case name and number");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "th", 6);
+    i0.ɵɵtext(6, "Case type ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(7, "th", 6);
+    i0.ɵɵtext(8, "Service");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(9, "th", 6);
+    i0.ɵɵtext(10, "State");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(11, "th", 6);
+    i0.ɵɵtext(12, "Reasons for case link");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(13, LinkedCasesFromTableComponent_table_1_tbody_13_Template, 3, 2, "tbody", 7);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(13);
+    i0.ɵɵproperty("ngIf", ctx_r1.getLinkedCasesResponse && (!ctx_r1.isServerError && !ctx_r1.linkedCasesService.isServerReasonCodeError));
+} }
+var PageType;
+(function (PageType) {
+    PageType["LINKEDCASESTABLBEVIEW"] = "linkedCasesTableView";
+    PageType["PROPOSEDCASELINK"] = "proposedCaseLink";
+})(PageType || (PageType = {}));
+class LinkedCasesFromTableComponent {
+    constructor(route, casesService, linkedCasesService) {
+        this.route = route;
+        this.casesService = casesService;
+        this.linkedCasesService = linkedCasesService;
+        this.notifyAPIFailure = new EventEmitter(false);
+        this.pageType = PageType;
+        this.getLinkedCasesResponse = [];
+        this.showHideLinkText = 'Show';
+        this.noLinkedCases = true;
+        this.isServerError = false;
+    }
+    ngAfterViewInit() {
+        const labelField = document.getElementsByClassName('case-viewer-label');
+        if (labelField && labelField.length) {
+            labelField[0].replaceWith('');
+        }
+    }
+    ngOnInit() {
+        this.fetchPageData();
+        if (this.route.snapshot.data.case) {
+            this.linkedCasesService.caseDetails = this.route.snapshot.data.case;
+        }
+    }
+    fetchPageData() {
+        this.caseId = this.route.snapshot.data.case.case_id;
+        this.getLinkedCases().subscribe(response => {
+            this.isServerError = false;
+            this.getLinkedCasesResponse = response.linkedCases && response.linkedCases.map(item => {
+                const mappedCasetype = this.mapLookupIDToValueFromJurisdictions('CASE_TYPE', item.ccdCaseType);
+                const mappedCasetypeDescription = this.mapLookupIDToValueFromJurisdictions('CASE_TYPE_DESCRIPTION', item.ccdCaseType);
+                const mappedCaseState = this.mapLookupIDToValueFromJurisdictions('STATE', item.state);
+                const mappedCaseStateDescription = this.mapLookupIDToValueFromJurisdictions('STATE_DESCRIPTION', item.state);
+                const mappedCaseService = this.mapLookupIDToValueFromJurisdictions('JURISDICTION', item.ccdJurisdiction);
+                return Object.assign(Object.assign({}, item), { ccdCaseType: mappedCasetype, ccdCaseTypeDescription: mappedCasetypeDescription, ccdJurisdiction: mappedCaseService, state: mappedCaseState, stateDescription: mappedCaseStateDescription, caseNameHmctsInternal: item.caseNameHmctsInternal || LinkedCasesFromTableComponent.CASE_NAME_MISSING_TEXT });
+            });
+            this.noLinkedCases = !response.linkedCases || !response.linkedCases.length;
+        }, err => {
+            this.isServerError = true;
+            this.notifyAPIFailure.emit(true);
+        });
+    }
+    getLinkedCases() {
+        return this.casesService.getLinkedCases(this.caseId);
+    }
+    mapLookupIDToValueFromJurisdictions(fieldName, fieldValue) {
+        return this.linkedCasesService.mapLookupIDToValueFromJurisdictions(fieldName, fieldValue);
+    }
+    onClick() {
+        this.showHideLinkText = this.showHideLinkText === 'Show'
+            ? 'Hide'
+            : 'Show';
+    }
+}
+LinkedCasesFromTableComponent.CASE_NAME_MISSING_TEXT = 'Case name missing';
+LinkedCasesFromTableComponent.ɵfac = function LinkedCasesFromTableComponent_Factory(t) { return new (t || LinkedCasesFromTableComponent)(i0.ɵɵdirectiveInject(i1$1.ActivatedRoute), i0.ɵɵdirectiveInject(CasesService), i0.ɵɵdirectiveInject(LinkedCasesService)); };
+LinkedCasesFromTableComponent.ɵcmp = i0.ɵɵdefineComponent({ type: LinkedCasesFromTableComponent, selectors: [["ccd-linked-cases-from-table"]], inputs: { caseField: "caseField" }, outputs: { notifyAPIFailure: "notifyAPIFailure" }, decls: 2, vars: 2, consts: [["id", "show-hide-link", "class", "govuk-link", "href", "javascript:void(0)", 3, "click", 4, "ngIf"], ["aria-describedby", "table to display cases linked from", 4, "ngIf"], ["id", "show-hide-link", "href", "javascript:void(0)", 1, "govuk-link", 3, "click"], ["aria-describedby", "table to display cases linked from"], [1, "govuk-table__head"], [1, "govuk-table__row"], ["scope", "col", "width", "20%", 1, "govuk-table__header", "case-table-column"], ["class", "govuk-table__body", 4, "ngIf"], [1, "govuk-table__body"], ["class", "govuk-table__row", 4, "ngFor", "ngForOf"], ["class", "govuk-table__row", 4, "ngIf"], [1, "govuk-table__header", "case-table-column", "width-20"], [1, "govuk-body"], ["target", "_blank", "rel", "noopener", 1, "govuk-link", 3, "href"], [1, "case-table-column"], [3, "title"], ["class", "case-table-column", 4, "ngFor", "ngForOf"], [4, "ngFor", "ngForOf"], ["colspan", "5", 1, "govuk-table__cell"]], template: function LinkedCasesFromTableComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵtemplate(0, LinkedCasesFromTableComponent_a_0_Template, 2, 1, "a", 0);
+        i0.ɵɵtemplate(1, LinkedCasesFromTableComponent_table_1_Template, 14, 1, "table", 1);
+    } if (rf & 2) {
+        i0.ɵɵproperty("ngIf", !ctx.noLinkedCases && !ctx.isServerError);
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngIf", ctx.getLinkedCasesResponse && ctx.showHideLinkText === "Hide" || ctx.noLinkedCases);
+    } }, styles: [".case-table-column[_ngcontent-%COMP%]{min-width:20%;max-width:20%}.heading-h2[_ngcontent-%COMP%]{margin-bottom:0}"] });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LinkedCasesFromTableComponent, [{
+        type: Component,
+        args: [{
+                selector: 'ccd-linked-cases-from-table',
+                templateUrl: './linked-cases-from-table.component.html',
+                styleUrls: ['./linked-cases-from-table.component.scss']
+            }]
+    }], function () { return [{ type: i1$1.ActivatedRoute }, { type: CasesService }, { type: LinkedCasesService }]; }, { caseField: [{
+            type: Input
+        }], notifyAPIFailure: [{
+            type: Output
+        }] }); })();
+
+function LinkedCasesToTableComponent_table_2_tr_14_td_18_span_1_a_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "a", 16);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const case_r3 = i0.ɵɵnextContext(3).$implicit;
+    const ctx_r9 = i0.ɵɵnextContext(2);
+    i0.ɵɵpropertyInterpolate1("href", "cases/case-details/", case_r3.caseReference, "", i0.ɵɵsanitizeUrl);
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate(ctx_r9.getCaseRefereneLink(case_r3.caseReference));
+} }
+function LinkedCasesToTableComponent_table_2_tr_14_td_18_span_1_br_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "br");
+} }
+function LinkedCasesToTableComponent_table_2_tr_14_td_18_span_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span");
+    i0.ɵɵtext(1);
+    i0.ɵɵpipe(2, "ccdLinkCasesReasonValue");
+    i0.ɵɵelementStart(3, "span");
+    i0.ɵɵtemplate(4, LinkedCasesToTableComponent_table_2_tr_14_td_18_span_1_a_4_Template, 2, 2, "a", 15);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(5, LinkedCasesToTableComponent_table_2_tr_14_td_18_span_1_br_5_Template, 1, 0, "br", 13);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const reason_r6 = ctx.$implicit;
+    const isLast_r8 = ctx.last;
+    const ctx_r5 = i0.ɵɵnextContext(4);
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(2, 3, reason_r6), "");
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("ngIf", ctx_r5.hasLeadCaseOrConsolidated(reason_r6));
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", !isLast_r8);
+} }
+function LinkedCasesToTableComponent_table_2_tr_14_td_18_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "td");
+    i0.ɵɵtemplate(1, LinkedCasesToTableComponent_table_2_tr_14_td_18_span_1_Template, 6, 5, "span", 14);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const case_r3 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngForOf", case_r3.reasons);
+} }
+function LinkedCasesToTableComponent_table_2_tr_14_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "tr", 4);
+    i0.ɵɵelementStart(1, "td");
+    i0.ɵɵelementStart(2, "p", 9);
+    i0.ɵɵelementStart(3, "a", 10);
+    i0.ɵɵelementStart(4, "span", 11);
+    i0.ɵɵtext(5);
+    i0.ɵɵelement(6, "br");
+    i0.ɵɵtext(7);
+    i0.ɵɵpipe(8, "ccdCaseReference");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(9, "td");
+    i0.ɵɵelementStart(10, "span", 12);
+    i0.ɵɵtext(11);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(12, "td");
+    i0.ɵɵelementStart(13, "span");
+    i0.ɵɵtext(14);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(15, "td");
+    i0.ɵɵelementStart(16, "span", 12);
+    i0.ɵɵtext(17);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(18, LinkedCasesToTableComponent_table_2_tr_14_td_18_Template, 2, 1, "td", 13);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const case_r3 = ctx.$implicit;
+    i0.ɵɵadvance(3);
+    i0.ɵɵpropertyInterpolate1("href", "cases/case-details/", case_r3.caseReference, "", i0.ɵɵsanitizeUrl);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1("", case_r3.caseName, " ");
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(8, 9, case_r3.caseReference), "");
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("title", case_r3.caseTypeDescription);
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate(case_r3.caseType);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(case_r3.service);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("title", case_r3.stateDescription);
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate(case_r3.state);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", case_r3 && case_r3.reasons);
+} }
+function LinkedCasesToTableComponent_table_2_tr_15_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "tr", 4);
+    i0.ɵɵelementStart(1, "td", 17);
+    i0.ɵɵtext(2, " None ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+} }
+function LinkedCasesToTableComponent_table_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "table", 3);
+    i0.ɵɵelementStart(1, "thead");
+    i0.ɵɵelementStart(2, "tr", 4);
+    i0.ɵɵelementStart(3, "th", 5);
+    i0.ɵɵtext(4, "Case name and number");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "th", 5);
+    i0.ɵɵtext(6, "Case type ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(7, "th", 5);
+    i0.ɵɵtext(8, "Service");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(9, "th", 5);
+    i0.ɵɵtext(10, "State");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(11, "th", 5);
+    i0.ɵɵtext(12, "Reasons for case link");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(13, "tbody", 6);
+    i0.ɵɵtemplate(14, LinkedCasesToTableComponent_table_2_tr_14_Template, 19, 11, "tr", 7);
+    i0.ɵɵtemplate(15, LinkedCasesToTableComponent_table_2_tr_15_Template, 3, 0, "tr", 8);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(14);
+    i0.ɵɵproperty("ngForOf", ctx_r0.linkedCasesFromResponse);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", ctx_r0.linkedCasesFromResponse && ctx_r0.linkedCasesFromResponse.length === 0 && (!ctx_r0.isServerError && !ctx_r0.linkedCasesService.isServerReasonCodeError));
+} }
+class LinkedCasesToTableComponent {
+    constructor(route, linkedCasesService, casesService) {
+        this.route = route;
+        this.linkedCasesService = linkedCasesService;
+        this.casesService = casesService;
+        this.notifyAPIFailure = new EventEmitter(false);
+        this.linkedCasesFromResponse = [];
+        this.isServerError = false;
+        this.jurisdictionsResponse = [];
+    }
+    ngAfterViewInit() {
+        let labelField = document.getElementsByClassName('govuk-heading-l');
+        if (labelField && labelField.length) {
+            labelField[0].replaceWith('');
+        }
+        labelField = document.getElementsByClassName('heading-h2');
+        if (labelField && labelField.length) {
+            labelField[0].replaceWith('');
+        }
+    }
+    ngOnInit() {
+        this.caseId = this.route.snapshot && this.route.snapshot.data && this.route.snapshot.data.case.case_id;
+        this.getAllLinkedCaseInformation();
+        if (this.route.snapshot.data.case) {
+            this.linkedCasesService.caseDetails = this.route.snapshot.data.case;
+        }
+    }
+    getCaseRefereneLink(caseRef) {
+        return caseRef.slice(this.caseId.length - 4);
+    }
+    sortLinkedCasesByReasonCode(searchCasesResponse) {
+        const topLevelresultArray = [];
+        let secondLevelresultArray = [];
+        searchCasesResponse.forEach((item) => {
+            const reasons = item && item.reasons || [];
+            const consolidatedStateReason = reasons.map(x => x).find(reason => reason === LinkedCasesToTableComponent.CASE_CONSOLIDATED_REASON_CODE);
+            const progressedStateReason = reasons.map(x => x).find(reason => reason === LinkedCasesToTableComponent.CASE_PROGRESS_REASON_CODE);
+            let arrayItem;
+            if (progressedStateReason) {
+                arrayItem = Object.assign({}, item);
+                topLevelresultArray.push(arrayItem);
+            }
+            else if (consolidatedStateReason) {
+                arrayItem = Object.assign({}, item);
+                secondLevelresultArray = [Object.assign({}, item), ...secondLevelresultArray];
+            }
+            else {
+                arrayItem = Object.assign({}, item);
+                secondLevelresultArray.push(Object.assign({}, item));
+            }
+        });
+        return topLevelresultArray.concat(secondLevelresultArray);
+    }
+    getAllLinkedCaseInformation() {
+        const searchCasesResponse = [];
+        const caseFieldValue = this.caseField ? this.caseField.value : [];
+        // Generate the list of observables
+        caseFieldValue.forEach(fieldValue => {
+            if (fieldValue && fieldValue.id) {
+                searchCasesResponse.push(this.casesService.getCaseViewV2(fieldValue.id));
+            }
+        });
+        if (searchCasesResponse.length) {
+            this.searchCasesByCaseIds(searchCasesResponse).subscribe((searchCases) => {
+                const casesResponse = [];
+                searchCases.forEach(response => {
+                    casesResponse.push(this.mapResponse(response));
+                });
+                this.linkedCasesFromResponse = this.sortLinkedCasesByReasonCode(casesResponse);
+                this.isLoaded = true;
+                const caseLinks = this.linkedCasesFromResponse.map(item => {
+                    return {
+                        caseReference: item.caseReference,
+                        caseName: item.caseName,
+                        caseService: item.service,
+                        caseType: item.caseType,
+                        unlink: false,
+                        reasons: item.reasons && item.reasons.map(reason => {
+                            return {
+                                reasonCode: reason
+                            };
+                        }),
+                    };
+                });
+                this.linkedCasesService.initialCaseLinks = caseLinks;
+                this.linkedCasesService.linkedCases = caseLinks;
+                this.isServerError = false;
+            }, err => {
+                this.isServerError = true;
+                this.notifyAPIFailure.emit(true);
+            });
+        }
+    }
+    searchCasesByCaseIds(searchCasesResponse) {
+        return forkJoin(searchCasesResponse);
+    }
+    hasLeadCaseOrConsolidated(reasonCode) {
+        return reasonCode === LinkedCasesToTableComponent.CASE_PROGRESS_REASON_CODE ||
+            reasonCode === LinkedCasesToTableComponent.CASE_CONSOLIDATED_REASON_CODE;
+    }
+    mapResponse(esSearchCasesResponse) {
+        const caseInfo = this.caseField.value.find(item => item.value && item.value.CaseReference === esSearchCasesResponse.case_id);
+        return caseInfo && {
+            caseReference: esSearchCasesResponse.case_id,
+            caseName: this.linkedCasesService.getCaseName(esSearchCasesResponse),
+            caseType: esSearchCasesResponse.case_type.name || '',
+            caseTypeDescription: esSearchCasesResponse.case_type.description || '',
+            service: esSearchCasesResponse.case_type && esSearchCasesResponse.case_type.jurisdiction.description || '',
+            state: esSearchCasesResponse.state.name || '',
+            stateDescription: esSearchCasesResponse.state.description || '',
+            reasons: caseInfo.value && caseInfo.value.ReasonForLink &&
+                caseInfo.value.ReasonForLink.map(reason => reason.value && reason.value.Reason),
+        };
+    }
+}
+LinkedCasesToTableComponent.CASE_CONSOLIDATED_REASON_CODE = 'CLRC015';
+LinkedCasesToTableComponent.CASE_PROGRESS_REASON_CODE = 'CLRC016';
+LinkedCasesToTableComponent.ɵfac = function LinkedCasesToTableComponent_Factory(t) { return new (t || LinkedCasesToTableComponent)(i0.ɵɵdirectiveInject(i1$1.ActivatedRoute), i0.ɵɵdirectiveInject(LinkedCasesService), i0.ɵɵdirectiveInject(CasesService)); };
+LinkedCasesToTableComponent.ɵcmp = i0.ɵɵdefineComponent({ type: LinkedCasesToTableComponent, selectors: [["ccd-linked-cases-to-table"]], inputs: { caseField: "caseField" }, outputs: { notifyAPIFailure: "notifyAPIFailure" }, decls: 3, vars: 1, consts: [[1, "govuk-grid-row", "govuk-!-margin-bottom-2"], [1, "govuk-grid-column-full"], ["aria-describedby", "table to display cases linked TO", 4, "ngIf"], ["aria-describedby", "table to display cases linked TO"], [1, "govuk-table__row"], ["scope", "col", "width", "20%", 1, "govuk-table__header", "case-table-column"], [1, "govuk-table__body"], ["class", "govuk-table__row", 4, "ngFor", "ngForOf"], ["class", "govuk-table__row", 4, "ngIf"], [1, "govuk-body"], ["target", "_blank", "rel", "noopener", 3, "href"], [1, "govuk-link"], [3, "title"], [4, "ngIf"], [4, "ngFor", "ngForOf"], ["class", "govuk-!-padding-left-1", 3, "href", 4, "ngIf"], [1, "govuk-!-padding-left-1", 3, "href"], ["colspan", "5", 1, "govuk-table__cell"]], template: function LinkedCasesToTableComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵelementStart(0, "div", 0);
+        i0.ɵɵelementStart(1, "div", 1);
+        i0.ɵɵtemplate(2, LinkedCasesToTableComponent_table_2_Template, 16, 2, "table", 2);
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementEnd();
+    } if (rf & 2) {
+        i0.ɵɵadvance(2);
+        i0.ɵɵproperty("ngIf", ctx.linkedCasesFromResponse);
+    } }, styles: [".case-table-column[_ngcontent-%COMP%]{min-width:20%;max-width:20%}"] });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LinkedCasesToTableComponent, [{
+        type: Component,
+        args: [{
+                selector: 'ccd-linked-cases-to-table',
+                templateUrl: './linked-cases-to-table.component.html',
+                styleUrls: ['./linked-cases-to-table.component.scss']
+            }]
+    }], function () { return [{ type: i1$1.ActivatedRoute }, { type: LinkedCasesService }, { type: CasesService }]; }, { caseField: [{
+            type: Input
+        }], notifyAPIFailure: [{
+            type: Output
+        }] }); })();
+
+function NoLinkedCasesComponent_h1_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "h1", 9);
+    i0.ɵɵtext(1, "There is a problem");
+    i0.ɵɵelementEnd();
+} }
+function NoLinkedCasesComponent_p_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "p", 10);
+    i0.ɵɵelementStart(1, "span", 11);
+    i0.ɵɵtext(2, "Error:");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.linkedCasesService.serverLinkedApiError.message, " ");
+} }
+function NoLinkedCasesComponent_ng_template_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "p", 5);
+    i0.ɵɵtext(1, "There are no cases linked to this one.");
+    i0.ɵɵelementEnd();
+} }
+class NoLinkedCasesComponent {
+    constructor(router, linkedCasesService) {
+        this.router = router;
+        this.linkedCasesService = linkedCasesService;
+    }
+    onBack() {
+        this.router.navigate(['cases', 'case-details', this.linkedCasesService.caseId]).then(() => {
+            window.location.hash = 'Linked cases';
+        });
+    }
+}
+NoLinkedCasesComponent.ɵfac = function NoLinkedCasesComponent_Factory(t) { return new (t || NoLinkedCasesComponent)(i0.ɵɵdirectiveInject(i1$1.Router), i0.ɵɵdirectiveInject(LinkedCasesService)); };
+NoLinkedCasesComponent.ɵcmp = i0.ɵɵdefineComponent({ type: NoLinkedCasesComponent, selectors: [["ccd-no-linked-cases"]], decls: 12, vars: 3, consts: [[1, "govuk-grid-row"], [1, "govuk-grid-column-full"], ["class", "govuk-heading-xl", 4, "ngIf"], ["id", "unlink-cases-error", "class", "govuk-error-message", 4, "ngIf", "ngIfElse"], ["noLinkedCases", ""], [1, "govuk-body"], ["href", "javascript:void(0)", 1, "govuk-link", 3, "click"], [1, "govuk-button-group"], ["type", "button", "id", "back-button", 1, "button", "button-primary", 3, "click"], [1, "govuk-heading-xl"], ["id", "unlink-cases-error", 1, "govuk-error-message"], [1, "govuk-visually-hidden"]], template: function NoLinkedCasesComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵelementStart(0, "div", 0);
+        i0.ɵɵelementStart(1, "div", 1);
+        i0.ɵɵtemplate(2, NoLinkedCasesComponent_h1_2_Template, 2, 0, "h1", 2);
+        i0.ɵɵtemplate(3, NoLinkedCasesComponent_p_3_Template, 4, 1, "p", 3);
+        i0.ɵɵtemplate(4, NoLinkedCasesComponent_ng_template_4_Template, 2, 0, "ng-template", null, 4, i0.ɵɵtemplateRefExtractor);
+        i0.ɵɵelementStart(6, "p", 5);
+        i0.ɵɵelementStart(7, "a", 6);
+        i0.ɵɵlistener("click", function NoLinkedCasesComponent_Template_a_click_7_listener() { return ctx.onBack(); });
+        i0.ɵɵtext(8, "Go back to the Linked cases tab");
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(9, "div", 7);
+        i0.ɵɵelementStart(10, "button", 8);
+        i0.ɵɵlistener("click", function NoLinkedCasesComponent_Template_button_click_10_listener() { return ctx.onBack(); });
+        i0.ɵɵtext(11, "Back");
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementEnd();
+    } if (rf & 2) {
+        const _r2 = i0.ɵɵreference(5);
+        i0.ɵɵadvance(2);
+        i0.ɵɵproperty("ngIf", ctx.linkedCasesService.serverLinkedApiError);
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngIf", ctx.linkedCasesService.serverLinkedApiError)("ngIfElse", _r2);
+    } }, directives: [i1.NgIf], encapsulation: 2 });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(NoLinkedCasesComponent, [{
+        type: Component,
+        args: [{
+                selector: 'ccd-no-linked-cases',
+                templateUrl: './no-linked-cases.component.html'
+            }]
+    }], function () { return [{ type: i1$1.Router }, { type: LinkedCasesService }]; }, null); })();
+
+function UnLinkCasesComponent_div_0_div_4_p_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "p", 11);
+    i0.ɵɵelementStart(1, "span", 12);
+    i0.ɵɵtext(2, "Error:");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate1(" ", ctx_r2.unlinkErrorMessage, " ");
+} }
+function UnLinkCasesComponent_div_0_div_4_div_3_Template(rf, ctx) { if (rf & 1) {
+    const _r6 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 13);
+    i0.ɵɵelementStart(1, "input", 14);
+    i0.ɵɵlistener("change", function UnLinkCasesComponent_div_0_div_4_div_3_Template_input_change_1_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r5 = i0.ɵɵnextContext(3); return ctx_r5.onChange($event.target); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(2, "label", 15);
+    i0.ɵɵtext(3);
+    i0.ɵɵpipe(4, "ccdCaseReference");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const case_r4 = ctx.$implicit;
+    i0.ɵɵadvance(1);
+    i0.ɵɵpropertyInterpolate1("id", "case-reference-", case_r4.caseReference, "");
+    i0.ɵɵproperty("value", case_r4.caseReference)("checked", case_r4.unlink);
+    i0.ɵɵadvance(1);
+    i0.ɵɵpropertyInterpolate("for", case_r4.caseReference);
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate2(" ", case_r4.caseName, " ", i0.ɵɵpipeBind1(4, 6, case_r4.caseReference), " ");
+} }
+const _c0$l = function (a0) { return { "govuk-form-group--error": a0 }; };
+function UnLinkCasesComponent_div_0_div_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 7);
+    i0.ɵɵtemplate(1, UnLinkCasesComponent_div_0_div_4_p_1_Template, 4, 1, "p", 8);
+    i0.ɵɵelementStart(2, "div", 9);
+    i0.ɵɵtemplate(3, UnLinkCasesComponent_div_0_div_4_div_3_Template, 5, 8, "div", 10);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(4, _c0$l, ctx_r1.unlinkErrorMessage))("formGroup", ctx_r1.unlinkCaseForm);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", ctx_r1.unlinkErrorMessage);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngForOf", ctx_r1.linkedCases);
+} }
+function UnLinkCasesComponent_div_0_Template(rf, ctx) { if (rf & 1) {
+    const _r8 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 1);
+    i0.ɵɵelementStart(1, "div", 2);
+    i0.ɵɵelementStart(2, "h1", 3);
+    i0.ɵɵtext(3, "Select the cases you want to unlink from this case");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(4, UnLinkCasesComponent_div_0_div_4_Template, 4, 6, "div", 4);
+    i0.ɵɵelementStart(5, "div", 5);
+    i0.ɵɵelementStart(6, "button", 6);
+    i0.ɵɵlistener("click", function UnLinkCasesComponent_div_0_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r8); const ctx_r7 = i0.ɵɵnextContext(); return ctx_r7.onNext(); });
+    i0.ɵɵtext(7, "Next");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(4);
+    i0.ɵɵproperty("ngIf", ctx_r0.unlinkCaseForm);
+} }
+class UnLinkCasesComponent {
+    constructor(caseEdit, fb, casesService, linkedCasesService) {
+        this.caseEdit = caseEdit;
+        this.fb = fb;
+        this.casesService = casesService;
+        this.linkedCasesService = linkedCasesService;
+        this.linkedCasesStateEmitter = new EventEmitter();
+        this.notifyAPIFailure = new EventEmitter(false);
+        this.linkedCases = [];
+        this.errorMessages = [];
+        this.isServerError = false;
+    }
+    ngOnInit() {
+        this.getLinkedCases();
+    }
+    getLinkedCases() {
+        this.caseId = this.linkedCasesService.caseId;
+        if (this.linkedCasesService.linkedCases.length > 0) {
+            this.linkedCases = this.linkedCasesService.linkedCases;
+            this.getAllLinkedCaseInformation();
+        }
+        else {
+            this.casesService.getCaseViewV2(this.caseId).subscribe((caseView) => {
+                const linkedCasesTab = caseView.tabs.find(tab => tab.id === UnLinkCasesComponent.LINKED_CASES_TAB_ID);
+                if (linkedCasesTab) {
+                    const linkedCases = linkedCasesTab.fields[0].value;
+                    this.linkedCases = linkedCases;
+                    this.linkedCasesService.linkedCases = linkedCases;
+                    this.getAllLinkedCaseInformation();
+                }
+            });
+        }
+    }
+    getAllLinkedCaseInformation() {
+        const searchCasesResponse = [];
+        this.linkedCases.forEach(linkedCase => {
+            searchCasesResponse.push(this.casesService.getCaseViewV2(linkedCase.caseReference));
+        });
+        if (searchCasesResponse.length) {
+            this.searchCasesByCaseIds(searchCasesResponse).subscribe((searchCases) => {
+                searchCases.forEach((response) => {
+                    const linkedCaseFromList = this.linkedCases.find(linkedCase => linkedCase.caseReference === response.case_id);
+                    if (linkedCaseFromList) {
+                        const caseName = this.linkedCasesService.getCaseName(response);
+                        this.linkedCases.find(linkedCase => linkedCase.caseReference === response.case_id).caseName = caseName;
+                    }
+                });
+                this.initForm();
+                this.linkedCasesService.linkedCases = this.linkedCases;
+                this.isServerError = false;
+            }, err => {
+                this.isServerError = true;
+                this.notifyAPIFailure.emit(true);
+            });
+        }
+    }
+    searchCasesByCaseIds(searchCasesResponse) {
+        return forkJoin(searchCasesResponse);
+    }
+    initForm() {
+        this.unlinkCaseForm = this.fb.group({
+            linkedCases: this.getLinkedCasesFormArray
+        });
+    }
+    get getLinkedCasesFormArray() {
+        const formFieldArray = this.linkedCases.map(val => this.fb.group({
+            caseReference: val.caseReference,
+            reasons: val.reasons,
+            createdDateTime: val.createdDateTime,
+            caseType: val.caseType,
+            caseState: val.caseState,
+            caseService: val.caseService,
+            caseName: val.caseName || UnLinkCasesComponent.CASE_NAME_MISSING_TEXT,
+            unlink: val.unlink
+        }));
+        return this.fb.array(formFieldArray);
+    }
+    onChange(caseSelected) {
+        this.resetErrorMessages();
+        const selectedCase = this.linkedCases.find(linkedCase => linkedCase.caseReference === caseSelected.value);
+        if (selectedCase) {
+            selectedCase.unlink = caseSelected.checked ? true : false;
+        }
+    }
+    onNext() {
+        this.resetErrorMessages();
+        let navigateToNextPage = true;
+        const casesMarkedToUnlink = this.linkedCases.find(linkedCase => linkedCase.unlink && linkedCase.unlink === true);
+        if (!casesMarkedToUnlink) {
+            this.errorMessages.push({
+                title: 'case-selection',
+                description: LinkedCasesErrorMessages.UnlinkCaseSelectionError,
+                fieldId: `case-reference-${this.linkedCases[0].caseReference}`
+            });
+            this.unlinkErrorMessage = LinkedCasesErrorMessages.UnlinkCaseSelectionError;
+            navigateToNextPage = false;
+        }
+        const unlinkedCaseRefereneIds = this.linkedCasesService.linkedCases.filter(item => item.unlink).map(item => item.caseReference);
+        const updatedLinkedCases = this.linkedCasesService.caseFieldValue.filter(item => unlinkedCaseRefereneIds.indexOf(item.value.CaseReference) === -1);
+        this.caseEdit.form.controls['data'] = new FormGroup({ caseLinks: new FormControl(updatedLinkedCases || []) });
+        // Return linked cases state and error messages to the parent
+        this.linkedCasesStateEmitter.emit({
+            currentLinkedCasesPage: LinkedCasesPages.UNLINK_CASE,
+            errorMessages: this.errorMessages,
+            navigateToNextPage
+        });
+    }
+    resetErrorMessages() {
+        this.errorMessages = [];
+        this.unlinkErrorMessage = null;
+    }
+}
+UnLinkCasesComponent.LINKED_CASES_TAB_ID = 'linked_cases_sscs';
+UnLinkCasesComponent.CASE_NAME_MISSING_TEXT = 'Case name missing';
+UnLinkCasesComponent.ɵfac = function UnLinkCasesComponent_Factory(t) { return new (t || UnLinkCasesComponent)(i0.ɵɵdirectiveInject(CaseEditComponent), i0.ɵɵdirectiveInject(i2.FormBuilder), i0.ɵɵdirectiveInject(CasesService), i0.ɵɵdirectiveInject(LinkedCasesService)); };
+UnLinkCasesComponent.ɵcmp = i0.ɵɵdefineComponent({ type: UnLinkCasesComponent, selectors: [["ccd-unlink-cases"]], outputs: { linkedCasesStateEmitter: "linkedCasesStateEmitter", notifyAPIFailure: "notifyAPIFailure" }, decls: 1, vars: 1, consts: [["class", "govuk-grid-row", 4, "ngIf"], [1, "govuk-grid-row"], [1, "govuk-grid-column-full"], [1, "govuk-heading-xl"], ["class", "govuk-form-group form-group", 3, "ngClass", "formGroup", 4, "ngIf"], [1, "govuk-button-group"], ["type", "button", "id", "next-button", 1, "button", "button-primary", 3, "click"], [1, "govuk-form-group", "form-group", 3, "ngClass", "formGroup"], ["id", "unlink-cases-error", "class", "govuk-error-message", 4, "ngIf"], ["data-module", "govuk-checkboxes", 1, "govuk-checkboxes"], ["class", "govuk-checkboxes__item", 4, "ngFor", "ngForOf"], ["id", "unlink-cases-error", 1, "govuk-error-message"], [1, "govuk-visually-hidden"], [1, "govuk-checkboxes__item"], ["formArrayName", "linkedCases", "name", "linkedCases", "type", "checkbox", 1, "govuk-checkboxes__input", 3, "id", "value", "checked", "change"], [1, "govuk-label", "govuk-checkboxes__label", 3, "for"]], template: function UnLinkCasesComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵtemplate(0, UnLinkCasesComponent_div_0_Template, 8, 1, "div", 0);
+    } if (rf & 2) {
+        i0.ɵɵproperty("ngIf", ctx.linkedCases.length > 0);
+    } }, directives: [i1.NgIf, i1.NgClass, i2.NgControlStatusGroup, i2.FormGroupDirective, i1.NgForOf, i2.FormArrayName], pipes: [CaseReferencePipe], encapsulation: 2 });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(UnLinkCasesComponent, [{
+        type: Component,
+        args: [{
+                selector: 'ccd-unlink-cases',
+                templateUrl: './unlink-cases.component.html'
+            }]
+    }], function () { return [{ type: CaseEditComponent }, { type: i2.FormBuilder }, { type: CasesService }, { type: LinkedCasesService }]; }, { linkedCasesStateEmitter: [{
+            type: Output
+        }], notifyAPIFailure: [{
+            type: Output
+        }] }); })();
+
+function WriteLinkedCasesComponent_div_0_div_3_Template(rf, ctx) { if (rf & 1) {
+    const _r9 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 7);
+    i0.ɵɵelementStart(1, "ul", 8);
+    i0.ɵɵelementStart(2, "li");
+    i0.ɵɵelementStart(3, "a", 9);
+    i0.ɵɵlistener("click", function WriteLinkedCasesComponent_div_0_div_3_Template_a_click_3_listener() { i0.ɵɵrestoreView(_r9); const errorMessage_r7 = ctx.$implicit; const ctx_r8 = i0.ɵɵnextContext(2); return ctx_r8.navigateToErrorElement(errorMessage_r7.fieldId); });
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const errorMessage_r7 = ctx.$implicit;
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate(errorMessage_r7.description);
+} }
+function WriteLinkedCasesComponent_div_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 4);
+    i0.ɵɵelementStart(1, "h2", 5);
+    i0.ɵɵtext(2, " There is a problem ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(3, WriteLinkedCasesComponent_div_0_div_3_Template, 5, 1, "div", 6);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("ngForOf", ctx_r0.errorMessages);
+} }
+function WriteLinkedCasesComponent_ng_container_3_Template(rf, ctx) { if (rf & 1) {
+    const _r11 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵelementStart(1, "ccd-linked-cases-before-you-start", 10);
+    i0.ɵɵlistener("linkedCasesStateEmitter", function WriteLinkedCasesComponent_ng_container_3_Template_ccd_linked_cases_before_you_start_linkedCasesStateEmitter_1_listener($event) { i0.ɵɵrestoreView(_r11); const ctx_r10 = i0.ɵɵnextContext(); return ctx_r10.onLinkedCasesStateEmitted($event); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementContainerEnd();
+} }
+function WriteLinkedCasesComponent_ng_container_4_Template(rf, ctx) { if (rf & 1) {
+    const _r13 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵelementStart(1, "ccd-no-linked-cases", 10);
+    i0.ɵɵlistener("linkedCasesStateEmitter", function WriteLinkedCasesComponent_ng_container_4_Template_ccd_no_linked_cases_linkedCasesStateEmitter_1_listener($event) { i0.ɵɵrestoreView(_r13); const ctx_r12 = i0.ɵɵnextContext(); return ctx_r12.onLinkedCasesStateEmitted($event); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementContainerEnd();
+} }
+function WriteLinkedCasesComponent_ng_container_5_Template(rf, ctx) { if (rf & 1) {
+    const _r15 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵelementStart(1, "ccd-link-cases", 10);
+    i0.ɵɵlistener("linkedCasesStateEmitter", function WriteLinkedCasesComponent_ng_container_5_Template_ccd_link_cases_linkedCasesStateEmitter_1_listener($event) { i0.ɵɵrestoreView(_r15); const ctx_r14 = i0.ɵɵnextContext(); return ctx_r14.onLinkedCasesStateEmitted($event); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementContainerEnd();
+} }
+function WriteLinkedCasesComponent_ng_container_6_Template(rf, ctx) { if (rf & 1) {
+    const _r17 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵelementStart(1, "ccd-unlink-cases", 10);
+    i0.ɵɵlistener("linkedCasesStateEmitter", function WriteLinkedCasesComponent_ng_container_6_Template_ccd_unlink_cases_linkedCasesStateEmitter_1_listener($event) { i0.ɵɵrestoreView(_r17); const ctx_r16 = i0.ɵɵnextContext(); return ctx_r16.onLinkedCasesStateEmitted($event); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementContainerEnd();
+} }
+function WriteLinkedCasesComponent_ng_container_7_Template(rf, ctx) { if (rf & 1) {
+    const _r19 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵelementStart(1, "ccd-linked-cases-check-your-answers", 10);
+    i0.ɵɵlistener("linkedCasesStateEmitter", function WriteLinkedCasesComponent_ng_container_7_Template_ccd_linked_cases_check_your_answers_linkedCasesStateEmitter_1_listener($event) { i0.ɵɵrestoreView(_r19); const ctx_r18 = i0.ɵɵnextContext(); return ctx_r18.onLinkedCasesStateEmitted($event); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementContainerEnd();
+} }
+class WriteLinkedCasesComponent extends AbstractFieldWriteComponent {
+    constructor(caseEdit, appConfig, commonDataService, casesService, linkedCasesService) {
+        super();
+        this.caseEdit = caseEdit;
+        this.appConfig = appConfig;
+        this.commonDataService = commonDataService;
+        this.casesService = casesService;
+        this.linkedCasesService = linkedCasesService;
+        this.onLinkedCasesSelected = new EventEmitter();
+        this.isLinkedCasesJourney = false;
+        this.linkedCasesPages = LinkedCasesPages;
+        this.linkedCasesEventTriggers = LinkedCasesEventTriggers;
+        this.linkedCases = [];
+        this.errorMessages = [];
+    }
+    ngOnInit() {
+        this.linkedCasesService.caseId = this.caseEdit.caseDetails.case_id;
+        this.linkedCasesService.caseName = this.linkedCasesService.getCaseName(this.caseEdit.caseDetails);
+        this.linkedCasesService.caseDetails = this.caseEdit.caseDetails;
+        this.linkedCasesService.editMode = false;
+        const reasonCodeAPIurl = this.appConfig.getRDCommonDataApiUrl() + '/lov/categories/CaseLinkingReasonCode';
+        this.commonDataService.getRefData(reasonCodeAPIurl).subscribe({
+            next: reasons => {
+                this.linkedCasesService.linkCaseReasons = reasons.list_of_values.sort((a, b) => (a.value_en > b.value_en) ? 1 : -1);
+            }
+        });
+        this.getLinkedCases();
+        this.linkedCasesService.isLinkedCasesEventTrigger =
+            this.caseEditPageComponent.eventTrigger.name === LinkedCasesEventTriggers.LINK_CASES;
+    }
+    ngAfterViewInit() {
+        let labelField = document.getElementsByClassName('govuk-heading-l');
+        if (labelField && labelField.length) {
+            labelField[0].replaceWith('');
+        }
+        labelField = document.getElementsByClassName('heading-h2');
+        if (labelField && labelField.length) {
+            labelField[0].replaceWith('');
+        }
+    }
+    onLinkedCasesStateEmitted(linkedCasesState) {
+        this.errorMessages = [];
+        this.caseEditPageComponent.validationErrors = [];
+        if (linkedCasesState.navigateToNextPage) {
+            this.linkedCasesPage = this.getNextPage(linkedCasesState);
+            this.setContinueButtonValidationErrorMessage();
+            this.proceedToNextPage();
+        }
+        else {
+            if (linkedCasesState.errorMessages && linkedCasesState.errorMessages.length) {
+                linkedCasesState.errorMessages.forEach((errorMessage, index) => {
+                    this.caseEditPageComponent.validationErrors.push({ id: errorMessage.fieldId, message: errorMessage.description });
+                });
+            }
+        }
+    }
+    isAtFinalState() {
+        return this.linkedCasesPage === this.linkedCasesPages.CHECK_YOUR_ANSWERS;
+    }
+    setContinueButtonValidationErrorMessage() {
+        const errorMessage = this.linkedCasesService.isLinkedCasesEventTrigger
+            ? LinkedCasesErrorMessages.LinkCasesNavigationError
+            : LinkedCasesErrorMessages.UnlinkCasesNavigationError;
+        const buttonId = this.linkedCasesService.linkedCases.length === 0
+            ? 'back-button'
+            : 'next-button';
+        this.caseEditPageComponent.caseLinkError = {
+            componentId: buttonId,
+            errorMessage
+        };
+    }
+    proceedToNextPage() {
+        if (this.isAtFinalPage()) {
+            // Continue button event must be allowed in final page
+            this.caseEditPageComponent.caseLinkError = null;
+            // Trigger validation to clear the "notAtFinalPage" error if now at the final state
+            this.formGroup.updateValueAndValidity();
+            // update form value
+            this.onLinkedCasesSelected.emit();
+            this.caseEdit.form.controls['data'] = new FormGroup({ caseLinks: new FormControl(this.linkedCasesService.caseFieldValue) });
+        }
+    }
+    isAtFinalPage() {
+        return this.linkedCasesPage === this.linkedCasesPages.CHECK_YOUR_ANSWERS;
+    }
+    getNextPage(linkedCasesState) {
+        if ((this.linkedCasesPage === LinkedCasesPages.BEFORE_YOU_START) ||
+            (linkedCasesState.currentLinkedCasesPage === LinkedCasesPages.CHECK_YOUR_ANSWERS && linkedCasesState.navigateToPreviousPage)) {
+            return this.isLinkedCasesJourney
+                ? LinkedCasesPages.LINK_CASE
+                : LinkedCasesPages.UNLINK_CASE;
+        }
+        return LinkedCasesPages.CHECK_YOUR_ANSWERS;
+    }
+    getLinkedCases() {
+        this.casesService.getCaseViewV2(this.linkedCasesService.caseId).subscribe((caseView) => {
+            const caseViewFiltered = caseView.tabs.filter(tab => {
+                const linkField = tab.fields.some(({ field_type }) => field_type && field_type.collection_field_type && field_type.collection_field_type.id === 'CaseLink');
+                return linkField;
+            });
+            if (caseViewFiltered) {
+                const caseLinkFieldValue = caseViewFiltered.map(filtered => filtered.fields.length && filtered.fields[0].value);
+                this.linkedCasesService.caseFieldValue = caseLinkFieldValue.length ? caseLinkFieldValue[0] : [];
+                this.linkedCasesService.getAllLinkedCaseInformation();
+            }
+            // Initialise the first page to display
+            this.linkedCasesPage = this.linkedCasesService.isLinkedCasesEventTrigger ||
+                (this.linkedCasesService.caseFieldValue && this.linkedCasesService.caseFieldValue.length > 0
+                    && !this.linkedCasesService.serverLinkedApiError)
+                ? LinkedCasesPages.BEFORE_YOU_START
+                : LinkedCasesPages.NO_LINKED_CASES;
+            // Initialise the error to be displayed when clicked on Continue button
+            this.setContinueButtonValidationErrorMessage();
+        });
+    }
+    navigateToErrorElement(elementId) {
+        if (elementId) {
+            const htmlElement = document.getElementById(elementId);
+            if (htmlElement) {
+                htmlElement.scrollIntoView({ behavior: 'smooth', block: 'center' });
+                htmlElement.focus();
+            }
+        }
+    }
+}
+WriteLinkedCasesComponent.ɵfac = function WriteLinkedCasesComponent_Factory(t) { return new (t || WriteLinkedCasesComponent)(i0.ɵɵdirectiveInject(CaseEditComponent), i0.ɵɵdirectiveInject(AbstractAppConfig), i0.ɵɵdirectiveInject(CommonDataService), i0.ɵɵdirectiveInject(CasesService), i0.ɵɵdirectiveInject(LinkedCasesService)); };
+WriteLinkedCasesComponent.ɵcmp = i0.ɵɵdefineComponent({ type: WriteLinkedCasesComponent, selectors: [["ccd-write-linked-cases"]], inputs: { caseFields: "caseFields", caseField: "caseField", caseEditPageComponent: "caseEditPageComponent", isLinkedCasesJourney: "isLinkedCasesJourney", formGroup: "formGroup" }, outputs: { onLinkedCasesSelected: "onLinkedCasesSelected" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 8, vars: 8, consts: [["class", "govuk-error-summary", "aria-labelledby", "error-summary-title", "role", "alert", "tabindex", "-1", "data-module", "govuk-error-summary", 4, "ngIf"], [1, "form-group", "govuk-!-margin-bottom-2", 3, "formGroup"], [1, "govuk-form-group", 3, "ngSwitch"], [4, "ngSwitchCase"], ["aria-labelledby", "error-summary-title", "role", "alert", "tabindex", "-1", "data-module", "govuk-error-summary", 1, "govuk-error-summary"], ["id", "error-summary-title", 1, "govuk-error-summary__title"], ["class", "govuk-error-summary__body", 4, "ngFor", "ngForOf"], [1, "govuk-error-summary__body"], [1, "govuk-list", "govuk-error-summary__list"], [1, "validation-error", 3, "click"], [3, "linkedCasesStateEmitter"]], template: function WriteLinkedCasesComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵtemplate(0, WriteLinkedCasesComponent_div_0_Template, 4, 1, "div", 0);
+        i0.ɵɵelementStart(1, "div", 1);
+        i0.ɵɵelementStart(2, "div", 2);
+        i0.ɵɵtemplate(3, WriteLinkedCasesComponent_ng_container_3_Template, 2, 0, "ng-container", 3);
+        i0.ɵɵtemplate(4, WriteLinkedCasesComponent_ng_container_4_Template, 2, 0, "ng-container", 3);
+        i0.ɵɵtemplate(5, WriteLinkedCasesComponent_ng_container_5_Template, 2, 0, "ng-container", 3);
+        i0.ɵɵtemplate(6, WriteLinkedCasesComponent_ng_container_6_Template, 2, 0, "ng-container", 3);
+        i0.ɵɵtemplate(7, WriteLinkedCasesComponent_ng_container_7_Template, 2, 0, "ng-container", 3);
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementEnd();
+    } if (rf & 2) {
+        i0.ɵɵproperty("ngIf", ctx.errorMessages.length > 0);
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("formGroup", ctx.formGroup);
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngSwitch", ctx.linkedCasesPage);
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngSwitchCase", ctx.linkedCasesPages.BEFORE_YOU_START);
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngSwitchCase", ctx.linkedCasesPages.NO_LINKED_CASES);
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngSwitchCase", ctx.linkedCasesPages.LINK_CASE);
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngSwitchCase", ctx.linkedCasesPages.UNLINK_CASE);
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngSwitchCase", ctx.linkedCasesPages.CHECK_YOUR_ANSWERS);
+    } }, encapsulation: 2 });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WriteLinkedCasesComponent, [{
+        type: Component,
+        args: [{
+                selector: 'ccd-write-linked-cases',
+                templateUrl: './write-linked-cases.component.html'
+            }]
+    }], function () { return [{ type: CaseEditComponent }, { type: AbstractAppConfig }, { type: CommonDataService }, { type: CasesService }, { type: LinkedCasesService }]; }, { caseFields: [{
+            type: Input
+        }], caseField: [{
+            type: Input
+        }], caseEditPageComponent: [{
+            type: Input
+        }], onLinkedCasesSelected: [{
+            type: Output
+        }], isLinkedCasesJourney: [{
+            type: Input
+        }], formGroup: [{
+            type: Input
+        }] }); })();
+
+function ReadLinkedCasesComponent_ng_container_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainer(0);
+} }
+function ReadLinkedCasesComponent_ng_container_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainer(0);
+} }
+function ReadLinkedCasesComponent_ng_container_14_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainer(0);
+} }
+function ReadLinkedCasesComponent_ng_container_15_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainer(0);
+} }
+function ReadLinkedCasesComponent_ng_template_16_Template(rf, ctx) { if (rf & 1) {
+    const _r9 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 8);
+    i0.ɵɵelementStart(1, "p", 9);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "span", 10);
+    i0.ɵɵelementStart(4, "a", 11);
+    i0.ɵɵlistener("click", function ReadLinkedCasesComponent_ng_template_16_Template_a_click_4_listener() { i0.ɵɵrestoreView(_r9); const ctx_r8 = i0.ɵɵnextContext(); return ctx_r8.reloadCurrentRoute(); });
+    i0.ɵɵtext(5, "Reload the Linked cases tab");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r5 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r5.serverLinkedApiError.message);
+} }
+function ReadLinkedCasesComponent_ng_template_18_Template(rf, ctx) { if (rf & 1) {
+    const _r11 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 8);
+    i0.ɵɵelementStart(1, "p", 9);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "span", 10);
+    i0.ɵɵelementStart(4, "a", 11);
+    i0.ɵɵlistener("click", function ReadLinkedCasesComponent_ng_template_18_Template_a_click_4_listener() { i0.ɵɵrestoreView(_r11); const ctx_r10 = i0.ɵɵnextContext(); return ctx_r10.reloadCurrentRoute(); });
+    i0.ɵɵtext(5, "Reload the Linked cases tab");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r7 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r7.serverError.message);
+} }
+class ReadLinkedCasesComponent {
+    constructor(router, linkedCasesService, appConfig, commonDataService) {
+        this.router = router;
+        this.linkedCasesService = linkedCasesService;
+        this.appConfig = appConfig;
+        this.commonDataService = commonDataService;
+        this.reasonListLoaded = false;
+        this.reload = false;
+        this.serverError = null;
+        this.serverLinkedApiError = null;
+        this.isServerReasonCodeError = false;
+        this.isServerJurisdictionError = false;
+        this.isServerLinkedFromError = false;
+        this.isServerLinkedToError = false;
+    }
+    ngOnInit() {
+        this.isServerJurisdictionError = this.linkedCasesService.serverJurisdictionError || false;
+        const reasonCodeAPIurl = this.appConfig.getRDCommonDataApiUrl() + '/lov/categories/CaseLinkingReasonCode';
+        this.commonDataService.getRefData(reasonCodeAPIurl).subscribe({
+            next: reasons => {
+                this.reasonListLoaded = true;
+                this.linkedCasesService.linkCaseReasons = reasons.list_of_values.sort((a, b) => (a.value_en > b.value_en) ? 1 : -1);
+            },
+            error: error => {
+                this.isServerReasonCodeError = true;
+                this.linkedCasesService.isServerReasonCodeError = true;
+            }
+        });
+        this.serverLinkedApiError = {
+            id: 'backendError', message: 'Some case information is not available at the moment'
+        };
+        this.serverError = {
+            id: 'backendError', message: 'There has been a system error and your request could not be processed.'
+        };
+    }
+    ngAfterViewInit() {
+        this.linkedCasesService.caseFieldValue = this.caseField.value || [];
+        let labelField = document.getElementsByClassName('govuk-heading-l');
+        if (labelField && labelField.length) {
+            labelField[0].replaceWith('');
+        }
+        labelField = document.getElementsByClassName('heading-h2');
+        if (labelField && labelField.length) {
+            labelField[0].replaceWith('');
+        }
+        labelField = document.getElementsByClassName('case-viewer-label');
+        if (labelField && labelField.length) {
+            labelField[0].replaceWith('');
+        }
+    }
+    reloadCurrentRoute() {
+        this.router.navigate(['cases', 'case-details', this.linkedCasesService.caseDetails.case_id]).then(() => {
+            window.location.hash = 'Linked cases';
+        });
+    }
+    getFailureLinkedToNotification(evt) {
+        this.isServerLinkedToError = true;
+    }
+    getFailureLinkedFromNotification(evt) {
+        this.isServerLinkedFromError = true;
+    }
+}
+ReadLinkedCasesComponent.ɵfac = function ReadLinkedCasesComponent_Factory(t) { return new (t || ReadLinkedCasesComponent)(i0.ɵɵdirectiveInject(i1$1.Router), i0.ɵɵdirectiveInject(LinkedCasesService), i0.ɵɵdirectiveInject(AbstractAppConfig), i0.ɵɵdirectiveInject(CommonDataService)); };
+ReadLinkedCasesComponent.ɵcmp = i0.ɵɵdefineComponent({ type: ReadLinkedCasesComponent, selectors: [["ccd-read-linked-cases"]], inputs: { caseField: "caseField" }, decls: 20, vars: 10, consts: [[1, "govuk-!-margin-bottom-2"], [1, "heading-h1"], [1, "table-sub-heading"], ["reloadPage", "reload", 3, "caseField", "notifyAPIFailure"], [4, "ngIf", "ngIfThen"], [1, "govuk-!-margin-top-8"], ["singleApiError", ""], ["multiApisError", ""], [1, "govuk-main-wrapper"], [1, "govuk-body"], [1, "govuk-body", "align-left"], ["href", "javascript:void(0)", "id", "reload-linked-cases-tab", 1, "govuk-link", 3, "click"]], template: function ReadLinkedCasesComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵelementStart(0, "div");
+        i0.ɵɵelementStart(1, "div", 0);
+        i0.ɵɵelementStart(2, "h1", 1);
+        i0.ɵɵtext(3, "Linked cases");
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(4, "label", 2);
+        i0.ɵɵtext(5, "This case is linked to");
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(6, "ccd-linked-cases-to-table", 3);
+        i0.ɵɵlistener("notifyAPIFailure", function ReadLinkedCasesComponent_Template_ccd_linked_cases_to_table_notifyAPIFailure_6_listener($event) { return ctx.getFailureLinkedToNotification($event); });
+        i0.ɵɵelementEnd();
+        i0.ɵɵtemplate(7, ReadLinkedCasesComponent_ng_container_7_Template, 1, 0, "ng-container", 4);
+        i0.ɵɵtemplate(8, ReadLinkedCasesComponent_ng_container_8_Template, 1, 0, "ng-container", 4);
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(9, "div", 5);
+        i0.ɵɵelementStart(10, "label", 2);
+        i0.ɵɵtext(11, "This case is linked from");
+        i0.ɵɵelementEnd();
+        i0.ɵɵelement(12, "br");
+        i0.ɵɵelementStart(13, "ccd-linked-cases-from-table", 3);
+        i0.ɵɵlistener("notifyAPIFailure", function ReadLinkedCasesComponent_Template_ccd_linked_cases_from_table_notifyAPIFailure_13_listener($event) { return ctx.getFailureLinkedFromNotification($event); });
+        i0.ɵɵelementEnd();
+        i0.ɵɵtemplate(14, ReadLinkedCasesComponent_ng_container_14_Template, 1, 0, "ng-container", 4);
+        i0.ɵɵtemplate(15, ReadLinkedCasesComponent_ng_container_15_Template, 1, 0, "ng-container", 4);
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementEnd();
+        i0.ɵɵtemplate(16, ReadLinkedCasesComponent_ng_template_16_Template, 6, 1, "ng-template", null, 6, i0.ɵɵtemplateRefExtractor);
+        i0.ɵɵtemplate(18, ReadLinkedCasesComponent_ng_template_18_Template, 6, 1, "ng-template", null, 7, i0.ɵɵtemplateRefExtractor);
+    } if (rf & 2) {
+        const _r4 = i0.ɵɵreference(17);
+        const _r6 = i0.ɵɵreference(19);
+        i0.ɵɵadvance(6);
+        i0.ɵɵproperty("caseField", ctx.caseField);
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngIf", ctx.isServerLinkedToError && ctx.isServerJurisdictionError && ctx.isServerReasonCodeError)("ngIfThen", _r6);
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngIf", !(ctx.isServerLinkedToError && ctx.isServerJurisdictionError && ctx.isServerReasonCodeError) && (ctx.isServerLinkedToError || ctx.isServerJurisdictionError || ctx.isServerReasonCodeError))("ngIfThen", _r4);
+        i0.ɵɵadvance(5);
+        i0.ɵɵproperty("caseField", ctx.caseField);
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngIf", ctx.isServerLinkedFromError && ctx.isServerJurisdictionError && ctx.isServerReasonCodeError)("ngIfThen", _r6);
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngIf", !(ctx.isServerLinkedFromError && ctx.isServerJurisdictionError && ctx.isServerReasonCodeError) && (ctx.isServerLinkedFromError || ctx.isServerJurisdictionError || ctx.isServerReasonCodeError))("ngIfThen", _r4);
+    } }, styles: [".table-sub-heading[_ngcontent-%COMP%]{font-size:24px;font-weight:700}"] });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ReadLinkedCasesComponent, [{
+        type: Component,
+        args: [{
+                selector: 'ccd-read-linked-cases',
+                templateUrl: './read-linked-cases.component.html',
+                styleUrls: ['./read-linked-cases.component.scss']
+            }]
+    }], function () { return [{ type: i1$1.Router }, { type: LinkedCasesService }, { type: AbstractAppConfig }, { type: CommonDataService }]; }, { caseField: [{
+            type: Input
+        }] }); })();
+
+class LinkCaseReason {
+}
+class CCDCaseLinkType {
+}
+class CaseLink {
+}
+class LinkReason {
+}
+class LinkedCasesResponse {
+}
+class CaseLinkResponse {
+}
+class LinkDetails {
+}
+class Terms {
+}
+class ESQueryType {
+}
+
+class CollectionCreateCheckerService {
+    setDisplayContextForChildren(caseField, profile) {
+        const children = this.getCaseFieldChildren(caseField);
+        if (children && children.length > 0) {
             children.forEach(child => {
                 if (!!profile.user.idam.roles.find(role => this.hasCreateAccess(child, role))) {
                     child.display_context = caseField.display_context;
@@ -18209,6 +20576,7 @@ const PALETTE_COMPONENTS = [
     ReadComplexFieldTableComponent,
     ReadComplexFieldCollectionTableComponent,
     ReadCaseFlagFieldComponent,
+    ReadLinkedCasesComponent,
     // Write
     WriteJudicialUserFieldComponent,
     WriteAddressFieldComponent,
@@ -18236,7 +20604,15 @@ const PALETTE_COMPONENTS = [
     WriteFixedListFieldComponent,
     WriteFixedRadioListFieldComponent,
     WriteCaseLinkFieldComponent,
-    WriteCollectionFieldComponent
+    WriteCollectionFieldComponent,
+    LinkedCasesToTableComponent,
+    LinkedCasesFromTableComponent,
+    BeforeYouStartComponent,
+    LinkCasesComponent,
+    CheckYourAnswersComponent,
+    WriteLinkedCasesComponent,
+    UnLinkCasesComponent,
+    NoLinkedCasesComponent
 ];
 class PaletteModule {
 }
@@ -18252,6 +20628,9 @@ PaletteModule.ɵinj = i0.ɵɵdefineInjector({ providers: [
         FileUploadStateService,
         FileUploadProgressGuard,
         WindowService,
+        LinkedCasesService,
+        CommonDataService,
+        JurisdictionService$1,
         { provide: MAT_DATE_LOCALE, useValue: 'en-GB' }
     ], imports: [[
             CommonModule,
@@ -18338,6 +20717,7 @@ PaletteModule.ɵinj = i0.ɵɵdefineInjector({ providers: [
         ReadComplexFieldTableComponent,
         ReadComplexFieldCollectionTableComponent,
         ReadCaseFlagFieldComponent,
+        ReadLinkedCasesComponent,
         // Write
         WriteJudicialUserFieldComponent,
         WriteAddressFieldComponent,
@@ -18365,7 +20745,15 @@ PaletteModule.ɵinj = i0.ɵɵdefineInjector({ providers: [
         WriteFixedListFieldComponent,
         WriteFixedRadioListFieldComponent,
         WriteCaseLinkFieldComponent,
-        WriteCollectionFieldComponent], imports: [CommonModule,
+        WriteCollectionFieldComponent,
+        LinkedCasesToTableComponent,
+        LinkedCasesFromTableComponent,
+        BeforeYouStartComponent,
+        LinkCasesComponent,
+        CheckYourAnswersComponent,
+        WriteLinkedCasesComponent,
+        UnLinkCasesComponent,
+        NoLinkedCasesComponent], imports: [CommonModule,
         RouterModule,
         FormsModule,
         ReactiveFormsModule,
@@ -18434,6 +20822,7 @@ PaletteModule.ɵinj = i0.ɵɵdefineInjector({ providers: [
         ReadComplexFieldTableComponent,
         ReadComplexFieldCollectionTableComponent,
         ReadCaseFlagFieldComponent,
+        ReadLinkedCasesComponent,
         // Write
         WriteJudicialUserFieldComponent,
         WriteAddressFieldComponent,
@@ -18461,7 +20850,15 @@ PaletteModule.ɵinj = i0.ɵɵdefineInjector({ providers: [
         WriteFixedListFieldComponent,
         WriteFixedRadioListFieldComponent,
         WriteCaseLinkFieldComponent,
-        WriteCollectionFieldComponent] }); })();
+        WriteCollectionFieldComponent,
+        LinkedCasesToTableComponent,
+        LinkedCasesFromTableComponent,
+        BeforeYouStartComponent,
+        LinkCasesComponent,
+        CheckYourAnswersComponent,
+        WriteLinkedCasesComponent,
+        UnLinkCasesComponent,
+        NoLinkedCasesComponent] }); })();
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PaletteModule, [{
         type: NgModule,
         args: [{
@@ -18525,6 +20922,9 @@ PaletteModule.ɵinj = i0.ɵɵdefineInjector({ providers: [
                     FileUploadStateService,
                     FileUploadProgressGuard,
                     WindowService,
+                    LinkedCasesService,
+                    CommonDataService,
+                    JurisdictionService$1,
                     { provide: MAT_DATE_LOCALE, useValue: 'en-GB' }
                 ]
             }]
@@ -18539,6 +20939,7 @@ i0.ɵɵsetComponentScope(ReadOrganisationFieldComponent, [i1.NgSwitch, i1.NgSwit
 i0.ɵɵsetComponentScope(ReadOrderSummaryFieldComponent, [i1.NgForOf, ReadOrderSummaryRowComponent,
     ReadMoneyGbpFieldComponent], []);
 i0.ɵɵsetComponentScope(ReadOrderSummaryRowComponent, [ReadMoneyGbpFieldComponent], []);
+i0.ɵɵsetComponentScope(ReadCaseLinkFieldComponent, [i1.NgIf, ReadLinkedCasesComponent], [CaseReferencePipe]);
 i0.ɵɵsetComponentScope(ReadComplexFieldComponent, [i1.NgSwitch, i1.NgSwitchCase, ReadComplexFieldRawComponent,
     ReadComplexFieldCollectionTableComponent, i1.NgSwitchDefault, ReadComplexFieldTableComponent], []);
 i0.ɵɵsetComponentScope(ReadComplexFieldRawComponent, [i1.NgForOf, FieldReadComponent], [ReadFieldsFilterPipe]);
@@ -18546,6 +20947,7 @@ i0.ɵɵsetComponentScope(ReadComplexFieldTableComponent, [i1.NgForOf, i1.NgIf, F
 i0.ɵɵsetComponentScope(ReadComplexFieldCollectionTableComponent, [i1.NgForOf, i1.NgIf, FieldReadComponent,
     ReadCaseLinkFieldComponent], [ReadFieldsFilterPipe, CcdCollectionTableCaseFieldsFilterPipe, i1.KeyValuePipe, IsCompoundPipe]);
 i0.ɵɵsetComponentScope(ReadCaseFlagFieldComponent, [i1.NgSwitch, i1.NgSwitchCase, CaseFlagSummaryListComponent, i1.NgSwitchDefault, i1.NgForOf, i1.NgIf, CaseFlagTableComponent], []);
+i0.ɵɵsetComponentScope(ReadLinkedCasesComponent, [LinkedCasesToTableComponent, i1.NgIf, LinkedCasesFromTableComponent], []);
 i0.ɵɵsetComponentScope(WriteAddressFieldComponent, [i1.NgIf, i1.NgClass, i2.DefaultValueAccessor, i2.NgControlStatus, i2.FormControlDirective, i2.SelectControlValueAccessor, i1.NgForOf, i2.NgSelectOption, i2.ɵangular_packages_forms_forms_z, WriteComplexFieldComponent, i2.NgControlStatusGroup, i2.FormGroupDirective], [FieldLabelPipe]);
 i0.ɵɵsetComponentScope(WriteComplexFieldComponent, [i1.NgIf, i1.NgForOf, i1.NgSwitch, i1.NgSwitchCase, FieldReadComponent, LabelSubstitutorDirective, i2.NgControlStatusGroup, i2.FormGroupDirective, FieldWriteComponent], [FieldLabelPipe, IsReadOnlyPipe]);
 i0.ɵɵsetComponentScope(WriteDocumentFieldComponent, [i1.NgClass, i1.NgIf, ReadDocumentFieldComponent], [FieldLabelPipe]);
@@ -18560,7 +20962,17 @@ i0.ɵɵsetComponentScope(WriteOrganisationFieldComponent, [i2.NgControlStatusGro
     WriteOrganisationComplexFieldComponent], [i1.AsyncPipe]);
 i0.ɵɵsetComponentScope(WriteOrderSummaryFieldComponent, [ReadOrderSummaryFieldComponent], []);
 i0.ɵɵsetComponentScope(WriteDateContainerFieldComponent, [i1.NgIf, DatetimePickerComponent, i2.NgControlStatusGroup, i2.FormGroupDirective, WriteDateFieldComponent], []);
+i0.ɵɵsetComponentScope(WriteCaseLinkFieldComponent, [i1.NgIf, i2.DefaultValueAccessor, i2.NgControlStatus, i2.FormControlDirective, WriteLinkedCasesComponent, i2.NgControlStatusGroup, i2.FormGroupDirective], [FieldLabelPipe]);
 i0.ɵɵsetComponentScope(WriteCollectionFieldComponent, [i1.NgIf, i1.NgForOf, FieldWriteComponent, i2.NgControlStatusGroup, i2.FormGroupDirective], [FieldLabelPipe, FirstErrorPipe]);
+i0.ɵɵsetComponentScope(LinkedCasesToTableComponent, [i1.NgIf, i1.NgForOf], [CaseReferencePipe, LinkCasesReasonValuePipe]);
+i0.ɵɵsetComponentScope(LinkedCasesFromTableComponent, [i1.NgIf, i1.NgForOf], [CaseReferencePipe, LinkCasesReasonValuePipe]);
+i0.ɵɵsetComponentScope(LinkCasesComponent, [i1.NgIf, i2.NgControlStatusGroup, i2.FormGroupDirective, i1.NgClass, i2.DefaultValueAccessor, i2.NgControlStatus, i2.FormControlName, i2.FormArrayName, i1.NgForOf, i2.FormGroupName, i2.CheckboxControlValueAccessor], [CaseReferencePipe, LinkCasesReasonValuePipe]);
+i0.ɵɵsetComponentScope(CheckYourAnswersComponent, [i1.NgIf, i1.NgForOf], [CaseReferencePipe, LinkCasesReasonValuePipe]);
+i0.ɵɵsetComponentScope(WriteLinkedCasesComponent, [i1.NgIf, i1.NgForOf, i2.NgControlStatusGroup, i2.FormGroupDirective, i1.NgSwitch, i1.NgSwitchCase, BeforeYouStartComponent,
+    NoLinkedCasesComponent,
+    LinkCasesComponent,
+    UnLinkCasesComponent,
+    CheckYourAnswersComponent], []);
 
 class Confirmation {
     constructor(caseId, status, header, body) {
@@ -21041,7 +23453,7 @@ class WorkbasketFiltersComponent {
 WorkbasketFiltersComponent.PARAM_JURISDICTION = 'jurisdiction';
 WorkbasketFiltersComponent.PARAM_CASE_TYPE = 'case-type';
 WorkbasketFiltersComponent.PARAM_CASE_STATE = 'case-state';
-WorkbasketFiltersComponent.ɵfac = function WorkbasketFiltersComponent_Factory(t) { return new (t || WorkbasketFiltersComponent)(i0.ɵɵdirectiveInject(i1$1.ActivatedRoute), i0.ɵɵdirectiveInject(WorkbasketInputFilterService), i0.ɵɵdirectiveInject(OrderService), i0.ɵɵdirectiveInject(JurisdictionService), i0.ɵɵdirectiveInject(AlertService), i0.ɵɵdirectiveInject(WindowService)); };
+WorkbasketFiltersComponent.ɵfac = function WorkbasketFiltersComponent_Factory(t) { return new (t || WorkbasketFiltersComponent)(i0.ɵɵdirectiveInject(i1$1.ActivatedRoute), i0.ɵɵdirectiveInject(WorkbasketInputFilterService), i0.ɵɵdirectiveInject(OrderService), i0.ɵɵdirectiveInject(JurisdictionService$1), i0.ɵɵdirectiveInject(AlertService), i0.ɵɵdirectiveInject(WindowService)); };
 WorkbasketFiltersComponent.ɵcmp = i0.ɵɵdefineComponent({ type: WorkbasketFiltersComponent, selectors: [["ccd-workbasket-filters"]], inputs: { jurisdictions: "jurisdictions", defaults: "defaults" }, outputs: { onApply: "onApply", onReset: "onReset" }, decls: 28, vars: 13, consts: [["aria-label", "Filters", 1, "heading-h2"], [1, "global-display"], [1, "form-group"], ["for", "wb-jurisdiction", 1, "form-label"], ["id", "wb-jurisdiction", "name", "jurisdiction", "aria-controls", "search-result", 1, "form-control", "form-control-3-4", "ccd-dropdown", 3, "ngModel", "ngModelChange", "change"], [3, "ngValue", 4, "ngIf"], [3, "ngValue", 4, "ngFor", "ngForOf"], ["for", "wb-case-type", 1, "form-label"], ["id", "wb-case-type", "name", "case-type", "aria-controls", "search-result", 1, "form-control", "form-control-3-4", "ccd-dropdown", 3, "ngModel", "disabled", "ngModelChange", "change"], ["for", "wb-case-state", 1, "form-label"], ["id", "wb-case-state", "name", "state", "aria-controls", "search-result", 1, "form-control", "form-control-3-4", "ccd-dropdown", 3, "ngModel", "disabled", "ngModelChange"], [3, "ngValue"], ["ccdConditionalShowForm", "", 3, "formGroup", "contextFields", 4, "ngIf"], ["type", "button", "title", "Apply filter", "aria-label", "Apply filter", 1, "button", "workbasket-filters-apply", 3, "disabled", "click"], ["type", "button", "title", "Reset filter", "aria-label", "Reset filter", 1, "button", "button-secondary", 3, "click"], ["ccdConditionalShowForm", "", 3, "formGroup", "contextFields"], ["id", "dynamicFilters"], ["class", "form-group", 4, "ngFor", "ngForOf"], [3, "caseField", "formGroup", "isExpanded", "isInSearchBlock", "keyup.enter"]], template: function WorkbasketFiltersComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵelementStart(0, "h2", 0);
         i0.ɵɵtext(1, "Filters");
@@ -21121,7 +23533,7 @@ WorkbasketFiltersComponent.ɵcmp = i0.ɵɵdefineComponent({ type: WorkbasketFilt
                 templateUrl: './workbasket-filters.component.html',
                 styleUrls: ['./workbasket-filters.component.scss']
             }]
-    }], function () { return [{ type: i1$1.ActivatedRoute }, { type: WorkbasketInputFilterService }, { type: OrderService }, { type: JurisdictionService }, { type: AlertService }, { type: WindowService }]; }, { jurisdictions: [{
+    }], function () { return [{ type: i1$1.ActivatedRoute }, { type: WorkbasketInputFilterService }, { type: OrderService }, { type: JurisdictionService$1 }, { type: AlertService }, { type: WindowService }]; }, { jurisdictions: [{
             type: Input
         }], defaults: [{
             type: Input
@@ -21138,7 +23550,7 @@ WorkbasketFiltersModule.ɵmod = i0.ɵɵdefineNgModule({ type: WorkbasketFiltersM
 WorkbasketFiltersModule.ɵinj = i0.ɵɵdefineInjector({ providers: [
         WorkbasketInputFilterService,
         OrderService,
-        JurisdictionService,
+        JurisdictionService$1,
         AlertService,
         WindowService,
     ], imports: [[
@@ -21172,7 +23584,7 @@ WorkbasketFiltersModule.ɵinj = i0.ɵɵdefineInjector({ providers: [
                 providers: [
                     WorkbasketInputFilterService,
                     OrderService,
-                    JurisdictionService,
+                    JurisdictionService$1,
                     AlertService,
                     WindowService,
                 ]
@@ -21241,7 +23653,7 @@ CaseListFiltersModule.ɵmod = i0.ɵɵdefineNgModule({ type: CaseListFiltersModul
 CaseListFiltersModule.ɵinj = i0.ɵɵdefineInjector({ providers: [
         WorkbasketInputFilterService,
         OrderService,
-        JurisdictionService,
+        JurisdictionService$1,
         AlertService,
         WindowService
     ], imports: [[
@@ -21278,7 +23690,7 @@ CaseListFiltersModule.ɵinj = i0.ɵɵdefineInjector({ providers: [
                 providers: [
                     WorkbasketInputFilterService,
                     OrderService,
-                    JurisdictionService,
+                    JurisdictionService$1,
                     AlertService,
                     WindowService
                 ]
@@ -22020,7 +24432,14 @@ class CaseEventTriggerComponent {
         });
     }
     cancel() {
-        return this.router.navigate([this.parentUrl]);
+        if (this.router.url && this.router.url.includes('linkCases')) {
+            this.router.navigate(['cases', 'case-details', this.caseDetails.case_id]).then(() => {
+                window.location.hash = 'Linked cases';
+            });
+        }
+        else {
+            return this.router.navigate([this.parentUrl]);
+        }
     }
     isDataLoaded() {
         return !!(this.eventTrigger && this.caseDetails);
@@ -22644,7 +25063,7 @@ function CaseFullAccessViewComponent_ng_container_12_Template(rf, ctx) { if (rf
     i0.ɵɵproperty("ngIf", ctx_r5.prependedTabs && ctx_r5.prependedTabs.length || ctx_r5.appendedTabs && ctx_r5.appendedTabs.length);
 } }
 class CaseFullAccessViewComponent {
-    constructor(ngZone, route, router, navigationNotifierService, orderService, activityPollingService, dialog, alertService, draftService, errorNotifierService, convertHrefToRouterService, location, sessionStorageService, crf) {
+    constructor(ngZone, route, router, navigationNotifierService, orderService, activityPollingService, dialog, alertService, draftService, errorNotifierService, convertHrefToRouterService, location, crf, sessionStorageService) {
         this.ngZone = ngZone;
         this.route = route;
         this.router = router;
@@ -22657,8 +25076,8 @@ class CaseFullAccessViewComponent {
         this.errorNotifierService = errorNotifierService;
         this.convertHrefToRouterService = convertHrefToRouterService;
         this.location = location;
-        this.sessionStorageService = sessionStorageService;
         this.crf = crf;
+        this.sessionStorageService = sessionStorageService;
         this.hasPrint = true;
         this.hasEventSelector = true;
         this.prependedTabs = [];
@@ -22797,7 +25216,7 @@ class CaseFullAccessViewComponent {
         let matTab;
         const url = this.location.path(true);
         let hashValue = url.substring(url.indexOf('#') + 1);
-        if (!url.includes('#') && !url.includes('roles-and-access') && !url.includes('tasks')) {
+        if (!url.includes('#') && !url.includes('roles-and-access') && !url.includes('tasks') && !url.includes('hearings')) {
             const paths = url.split('/');
             // lastPath can be /caseId, or the tabs /tasks, /hearings etc.
             const lastPath = decodeURIComponent(paths[paths.length - 1]);
@@ -22831,8 +25250,13 @@ class CaseFullAccessViewComponent {
         else {
             const regExp = new RegExp(CaseFullAccessViewComponent.UNICODE_SPACE, 'g');
             hashValue = hashValue.replace(regExp, CaseFullAccessViewComponent.EMPTY_SPACE);
-            if (hashValue.includes('roles-and-access') || hashValue.includes('tasks')) {
-                hashValue = hashValue.includes('roles-and-access') ? 'roles and access' : 'tasks';
+            if (hashValue.includes('hearings')) {
+                hashValue = 'hearings';
+            }
+            else {
+                if (hashValue.includes('roles-and-access') || hashValue.includes('tasks')) {
+                    hashValue = hashValue.includes('roles-and-access') ? 'roles and access' : 'tasks';
+                }
             }
             matTab = this.tabGroup._tabs.find((x) => x.textLabel.replace(CaseFullAccessViewComponent.EMPTY_SPACE, '').toLowerCase() ===
                 hashValue.replace(CaseFullAccessViewComponent.EMPTY_SPACE, '').toLowerCase());
@@ -22848,8 +25272,8 @@ class CaseFullAccessViewComponent {
         const id = tab.element.nativeElement.id;
         // due to some edge case like hidden tab we can't calculate the last index of existing tabs,
         // so have to hard code the hearings id here
-        if ((tabChangeEvent.index <= 1 && this.prependedTabs.length) ||
-            (this.appendedTabs.length && id === 'hearings')) {
+        if ((tabChangeEvent.index <= 1 && this.prependedTabs && this.prependedTabs.length) ||
+            (this.appendedTabs && this.appendedTabs.length && id === 'hearings')) {
             this.router.navigate([id], { relativeTo: this.route });
         }
         else {
@@ -22956,7 +25380,7 @@ CaseFullAccessViewComponent.TRIGGER_TEXT_START = 'Go';
 CaseFullAccessViewComponent.TRIGGER_TEXT_CONTINUE = 'Ignore Warning and Go';
 CaseFullAccessViewComponent.UNICODE_SPACE = '%20';
 CaseFullAccessViewComponent.EMPTY_SPACE = ' ';
-CaseFullAccessViewComponent.ɵfac = function CaseFullAccessViewComponent_Factory(t) { return new (t || CaseFullAccessViewComponent)(i0.ɵɵdirectiveInject(i0.NgZone), i0.ɵɵdirectiveInject(i1$1.ActivatedRoute), i0.ɵɵdirectiveInject(i1$1.Router), i0.ɵɵdirectiveInject(NavigationNotifierService), i0.ɵɵdirectiveInject(OrderService), i0.ɵɵdirectiveInject(ActivityPollingService), i0.ɵɵdirectiveInject(i1$3.MatDialog), i0.ɵɵdirectiveInject(AlertService), i0.ɵɵdirectiveInject(DraftService), i0.ɵɵdirectiveInject(ErrorNotifierService), i0.ɵɵdirectiveInject(ConvertHrefToRouterService), i0.ɵɵdirectiveInject(i1.Location), i0.ɵɵdirectiveInject(SessionStorageService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
+CaseFullAccessViewComponent.ɵfac = function CaseFullAccessViewComponent_Factory(t) { return new (t || CaseFullAccessViewComponent)(i0.ɵɵdirectiveInject(i0.NgZone), i0.ɵɵdirectiveInject(i1$1.ActivatedRoute), i0.ɵɵdirectiveInject(i1$1.Router), i0.ɵɵdirectiveInject(NavigationNotifierService), i0.ɵɵdirectiveInject(OrderService), i0.ɵɵdirectiveInject(ActivityPollingService), i0.ɵɵdirectiveInject(i1$3.MatDialog), i0.ɵɵdirectiveInject(AlertService), i0.ɵɵdirectiveInject(DraftService), i0.ɵɵdirectiveInject(ErrorNotifierService), i0.ɵɵdirectiveInject(ConvertHrefToRouterService), i0.ɵɵdirectiveInject(i1.Location), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(SessionStorageService)); };
 CaseFullAccessViewComponent.ɵcmp = i0.ɵɵdefineComponent({ type: CaseFullAccessViewComponent, selectors: [["ccd-case-full-access-view"]], viewQuery: function CaseFullAccessViewComponent_Query(rf, ctx) { if (rf & 1) {
         i0.ɵɵviewQuery(_c0$b, 1);
     } if (rf & 2) {
@@ -23008,7 +25432,7 @@ CaseFullAccessViewComponent.ɵcmp = i0.ɵɵdefineComponent({ type: CaseFullAcces
                 templateUrl: './case-full-access-view.component.html',
                 styleUrls: ['./case-full-access-view.component.scss']
             }]
-    }], function () { return [{ type: i0.NgZone }, { type: i1$1.ActivatedRoute }, { type: i1$1.Router }, { type: NavigationNotifierService }, { type: OrderService }, { type: ActivityPollingService }, { type: i1$3.MatDialog }, { type: AlertService }, { type: DraftService }, { type: ErrorNotifierService }, { type: ConvertHrefToRouterService }, { type: i1.Location }, { type: SessionStorageService }, { type: i0.ChangeDetectorRef }]; }, { hasPrint: [{
+    }], function () { return [{ type: i0.NgZone }, { type: i1$1.ActivatedRoute }, { type: i1$1.Router }, { type: NavigationNotifierService }, { type: OrderService }, { type: ActivityPollingService }, { type: i1$3.MatDialog }, { type: AlertService }, { type: DraftService }, { type: ErrorNotifierService }, { type: ConvertHrefToRouterService }, { type: i1.Location }, { type: i0.ChangeDetectorRef }, { type: SessionStorageService }]; }, { hasPrint: [{
             type: Input
         }], hasEventSelector: [{
             type: Input
@@ -25928,7 +28352,7 @@ class SearchFiltersComponent {
         }
     }
 }
-SearchFiltersComponent.ɵfac = function SearchFiltersComponent_Factory(t) { return new (t || SearchFiltersComponent)(i0.ɵɵdirectiveInject(SearchService), i0.ɵɵdirectiveInject(OrderService), i0.ɵɵdirectiveInject(JurisdictionService), i0.ɵɵdirectiveInject(WindowService)); };
+SearchFiltersComponent.ɵfac = function SearchFiltersComponent_Factory(t) { return new (t || SearchFiltersComponent)(i0.ɵɵdirectiveInject(SearchService), i0.ɵɵdirectiveInject(OrderService), i0.ɵɵdirectiveInject(JurisdictionService$1), i0.ɵɵdirectiveInject(WindowService)); };
 SearchFiltersComponent.ɵcmp = i0.ɵɵdefineComponent({ type: SearchFiltersComponent, selectors: [["ccd-search-filters"]], inputs: { jurisdictions: "jurisdictions", autoApply: "autoApply" }, outputs: { onApply: "onApply", onReset: "onReset", onJurisdiction: "onJurisdiction" }, decls: 19, vars: 7, consts: [["aria-label", "Filters", 1, "heading-h2"], [1, "global-display"], [1, "form-group", 2, "margin-top", "13px"], ["for", "s-jurisdiction", 1, "form-label"], ["id", "s-jurisdiction", "name", "jurisdiction", "aria-controls", "search-result", 1, "form-control", "form-control-3-4", "ccd-dropdown", 3, "ngModel", "ngModelChange", "change"], [3, "ngValue", 4, "ngFor", "ngForOf"], [1, "form-group"], ["for", "s-case-type", 1, "form-label"], ["id", "s-case-type", "name", "case-type", "aria-controls", "search-result", 1, "form-control", "form-control-3-4", "ccd-dropdown", 3, "disabled", "ngModel", "ngModelChange", "change"], ["ccdConditionalShowForm", "", 3, "formGroup", "contextFields", 4, "ngIf"], ["type", "button", "title", "Apply filter", "aria-label", "Apply filter", 1, "button", 3, "disabled", "click", "keyup.enter"], ["id", "reset", "type", "button", "title", "Reset filter", "aria-label", "Reset filter", 1, "button", "button-secondary", 3, "click"], [3, "ngValue"], ["ccdConditionalShowForm", "", 3, "formGroup", "contextFields"], ["id", "dynamicFilters"], ["class", "form-group", 4, "ngFor", "ngForOf"], [3, "caseField", "formGroup", "isExpanded", "keyup.enter"]], template: function SearchFiltersComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵelementStart(0, "h2", 0);
         i0.ɵɵtext(1, "Filters");
@@ -25983,7 +28407,7 @@ SearchFiltersComponent.ɵcmp = i0.ɵɵdefineComponent({ type: SearchFiltersCompo
                 selector: 'ccd-search-filters',
                 templateUrl: './search-filters.component.html',
             }]
-    }], function () { return [{ type: SearchService }, { type: OrderService }, { type: JurisdictionService }, { type: WindowService }]; }, { jurisdictions: [{
+    }], function () { return [{ type: SearchService }, { type: OrderService }, { type: JurisdictionService$1 }, { type: WindowService }]; }, { jurisdictions: [{
             type: Input
         }], autoApply: [{
             type: Input
@@ -26058,7 +28482,7 @@ SearchFiltersModule.ɵmod = i0.ɵɵdefineNgModule({ type: SearchFiltersModule })
 SearchFiltersModule.ɵinj = i0.ɵɵdefineInjector({ providers: [
         SearchService,
         OrderService,
-        JurisdictionService,
+        JurisdictionService$1,
         DefinitionsService,
         WindowService
     ], imports: [[
@@ -26094,7 +28518,7 @@ SearchFiltersModule.ɵinj = i0.ɵɵdefineInjector({ providers: [
                 providers: [
                     SearchService,
                     OrderService,
-                    JurisdictionService,
+                    JurisdictionService$1,
                     DefinitionsService,
                     WindowService
                 ]
@@ -27201,5 +29625,5 @@ class TestRouteSnapshotBuilder {
  * Generated bundle index. Do not edit.
  */
 
-export { AbstractAppConfig, AbstractFieldReadComponent, AbstractFieldWriteComponent, Activity, ActivityBannerComponent, ActivityComponent, ActivityIconComponent, ActivityInfo, ActivityModule, ActivityPollingService, ActivityService, AddCommentsComponent, AddCommentsErrorMessage, AddCommentsStep, AddressModel, AddressOption, AddressesService, Alert, AlertComponent, AlertIconClassPipe, AlertMessageType, AlertModule, AlertService, AuthService, Banner, BannersService, BodyComponent, BrowserService, CallbackErrorsComponent, CallbackErrorsContext, CaseAccessUtils, CaseBasicAccessViewComponent, CaseChallengedAccessRequestComponent, CaseChallengedAccessSuccessComponent, CaseCreateComponent, CaseDetails, CaseEditComponent, CaseEditConfirmComponent, CaseEditFormComponent, CaseEditPageComponent, CaseEditSubmitComponent, CaseEditWizardGuard, CaseEditorConfig, CaseEditorModule, CaseEvent, CaseEventData, CaseEventTrigger, CaseEventTriggerComponent, CaseField, CaseFieldService, CaseFlagFieldState, CaseFlagRefdataService, CaseFlagStatus, CaseFlagSummaryListComponent, CaseFlagSummaryListDisplayMode, CaseFlagTableComponent, CaseFlagText, CaseFlagWizardStepTitle, CaseFullAccessViewComponent, CaseHeaderComponent, CaseHeaderModule, CaseHistoryViewerFieldComponent, CaseListComponent, CaseListFiltersComponent, CaseListFiltersModule, CaseListModule, CaseNotifier, CasePaymentHistoryViewerFieldComponent, CasePrintDocument, CasePrinterComponent, CaseProgressComponent, CaseReferencePipe, CaseResolver, CaseSpecificAccessRequestComponent, CaseSpecificAccessSuccessComponent, CaseState, CaseTab, CaseTimelineComponent, CaseTimelineDisplayMode, CaseTimelineModule, CaseType, CaseTypeLite, CaseView, CaseViewComponent, CaseViewEvent, CaseViewTrigger, CaseViewerComponent, CaseViewerModule, CasesService, CaseworkerService, CcdCYAPageLabelFilterPipe, CcdCaseTitlePipe, CcdCollectionTableCaseFieldsFilterPipe, CcdPageFieldsPipe, CcdTabFieldsPipe, ConditionalShowFormDirective, ConditionalShowModule, ConditionalShowRegistrarService, Confirmation, ConvertHrefToRouterService, CreateCaseFiltersComponent, CreateCaseFiltersModule, CreateCaseFiltersSelection, DRAFT_PREFIX, DRAFT_QUERY_PARAM, DashPipe, DateInputComponent, DatePipe, DateTimeFormatUtils, DatetimePickerComponent, DefinitionsModule, DefinitionsService, DeleteOrCancelDialogComponent, DialogsModule, DisplayMode, Document, DocumentData, DocumentDialogComponent, DocumentLinks, DocumentManagementService, DocumentUrlPipe, Draft, DraftService, DynamicListPipe, DynamicRadioListPipe, Embedded, ErrorMessageComponent, ErrorNotifierService, EventCaseField, EventCompletionReturnStates, EventCompletionStateMachineService, EventCompletionStates, EventLogComponent, EventLogDetailsComponent, EventLogTableComponent, EventMessageModule, EventStartComponent, EventStartModule, EventStartStateMachineService, EventStatusService, EventTriggerResolver, EventTriggerService, Fee, FeeValue, Field, FieldLabelPipe, FieldReadComponent, FieldReadLabelComponent, FieldType, FieldTypeSanitiser, FieldWriteComponent, FieldsFilterPipe, FieldsPurger, FieldsUtils, FirstErrorPipe, FixedListItem, FixedListPipe, FixedRadioListPipe, FocusElementDirective, FocusElementModule, FooterComponent, FormDocument, FormErrorService, FormValidatorsService, FormValueService, FormatTranslatorService, GreyBarService, HRef, HasLoadingState, HeaderBarComponent, HeadersModule, HttpError, HttpErrorService, HttpService, IsCompoundPipe, IsMandatoryPipe, IsReadOnlyAndNotCollectionPipe, IsReadOnlyPipe, JudicialworkerService, Jurisdiction, JurisdictionService, LabelFieldComponent, LabelSubstitutorDirective, LabelSubstitutorModule, LoadingModule, LoadingService, LoadingSpinnerComponent, LoadingSpinnerModule, MULTIPLE_TASKS_FOUND, ManageCaseFlagsComponent, MarkdownComponent, MoneyGbpInputComponent, MultipleTasksExistComponent, NavigationComponent, NavigationItemComponent, NavigationNotifierService, NavigationOrigin, NoTasksAvailableComponent, NotificationBannerComponent, NotificationBannerHeaderClass, NotificationBannerType, OrderService, OrderSummary, OrganisationConverter, OrganisationService, PageValidationService, PaginationComponent, PaginationMetadata, PaginationModule, PaletteContext, PaletteModule, PaletteService, PaletteUtilsModule, PaymentField, PhaseComponent, PipesModule, PlaceholderService, PrintUrlPipe, Profile, ProfileNotifier, ProfileService, ReadCaseFlagFieldComponent, ReadCaseLinkFieldComponent, ReadCollectionFieldComponent, ReadComplexFieldCollectionTableComponent, ReadComplexFieldComponent, ReadComplexFieldRawComponent, ReadComplexFieldTableComponent, ReadDateFieldComponent, ReadDocumentFieldComponent, ReadDynamicListFieldComponent, ReadDynamicRadioListFieldComponent, ReadEmailFieldComponent, ReadFieldsFilterPipe, ReadFixedListFieldComponent, ReadFixedRadioListFieldComponent, ReadJudicialUserFieldComponent, ReadMoneyGbpFieldComponent, ReadMultiSelectListFieldComponent, ReadNumberFieldComponent, ReadOrderSummaryFieldComponent, ReadOrderSummaryRowComponent, ReadOrganisationFieldComponent, ReadOrganisationFieldRawComponent, ReadOrganisationFieldTableComponent, ReadPhoneUKFieldComponent, ReadTextAreaFieldComponent, ReadTextFieldComponent, ReadYesNoFieldComponent, RefdataCaseFlagType, RemoveDialogComponent, RequestOptionsBuilder, RouterHelperService, SaveOrDiscardDialogComponent, SearchFiltersComponent, SearchFiltersModule, SearchFiltersWrapperComponent, SearchInput, SearchLanguageInterpreterComponent, SearchLanguageInterpreterErrorMessage, SearchLanguageInterpreterStep, SearchResultComponent, SearchResultModule, SearchResultView, SearchResultViewColumn, SearchResultViewItem, SearchResultViewItemComparatorFactory, SearchService, SelectFlagErrorMessage, SelectFlagLocationComponent, SelectFlagLocationErrorMessage, SelectFlagTypeComponent, SelectFlagTypeErrorMessage, SessionStorageService, ShowCondition, SortOrder$1 as SortOrder, SortParameters, SortSearchResultPipe, TabComponent, TableColumnConfig, TableConfig, TabsComponent, TabsModule, TaskAssignedComponent, TaskCancelledComponent, TaskConflictComponent, TaskUnassignedComponent, TestRouteSnapshotBuilder, UnsupportedFieldComponent, UpdateFlagComponent, UpdateFlagErrorMessage, UpdateFlagStep, WaysToPayFieldComponent, WindowService, Wizard, WizardFactoryService, WizardPage, WizardPageField, WorkAllocationService, WorkbasketFiltersComponent, WorkbasketFiltersModule, WorkbasketInput, WorkbasketInputFilterService, WorkbasketInputModel, WriteAddressFieldComponent, WriteCaseFlagFieldComponent, WriteCaseLinkFieldComponent, WriteCollectionFieldComponent, WriteComplexFieldComponent, WriteDateContainerFieldComponent, WriteDateFieldComponent, WriteDocumentFieldComponent, WriteDynamicListFieldComponent, WriteDynamicRadioListFieldComponent, WriteEmailFieldComponent, WriteFixedListFieldComponent, WriteFixedRadioListFieldComponent, WriteJudicialUserFieldComponent, WriteMoneyGbpFieldComponent, WriteMultiSelectListFieldComponent, WriteNumberFieldComponent, WriteOrderSummaryFieldComponent, WriteOrganisationComplexFieldComponent, WriteOrganisationFieldComponent, WritePhoneUKFieldComponent, WriteTextAreaFieldComponent, WriteTextFieldComponent, WriteYesNoFieldComponent, YesNoService, aCaseField, createACL, createCaseEventTrigger, createCaseField, createComplexFieldOverride, createFieldType, createFixedListFieldType, createHiddenComplexFieldOverride, createMultiSelectListFieldType, createWizardPage, createWizardPageField, editorRouting, initDialog, newCaseField, textFieldType, viewerRouting };
+export { AbstractAppConfig, AbstractFieldReadComponent, AbstractFieldWriteComponent, Activity, ActivityBannerComponent, ActivityComponent, ActivityIconComponent, ActivityInfo, ActivityModule, ActivityPollingService, ActivityService, AddCommentsComponent, AddCommentsErrorMessage, AddCommentsStep, AddressModel, AddressOption, AddressesService, Alert, AlertComponent, AlertIconClassPipe, AlertMessageType, AlertModule, AlertService, AuthService, Banner, BannersService, BeforeYouStartComponent, BodyComponent, BrowserService, CCDCaseLinkType, CallbackErrorsComponent, CallbackErrorsContext, CaseAccessUtils, CaseBasicAccessViewComponent, CaseChallengedAccessRequestComponent, CaseChallengedAccessSuccessComponent, CaseCreateComponent, CaseDetails, CaseEditComponent, CaseEditConfirmComponent, CaseEditFormComponent, CaseEditPageComponent, CaseEditSubmitComponent, CaseEditWizardGuard, CaseEditorConfig, CaseEditorModule, CaseEvent, CaseEventData, CaseEventTrigger, CaseEventTriggerComponent, CaseField, CaseFieldService, CaseFlagFieldState, CaseFlagRefdataService, CaseFlagStatus, CaseFlagSummaryListComponent, CaseFlagSummaryListDisplayMode, CaseFlagTableComponent, CaseFlagText, CaseFlagWizardStepTitle, CaseFullAccessViewComponent, CaseHeaderComponent, CaseHeaderModule, CaseHistoryViewerFieldComponent, CaseLink, CaseLinkResponse, CaseListComponent, CaseListFiltersComponent, CaseListFiltersModule, CaseListModule, CaseNotifier, CasePaymentHistoryViewerFieldComponent, CasePrintDocument, CasePrinterComponent, CaseProgressComponent, CaseReferencePipe, CaseResolver, CaseSpecificAccessRequestComponent, CaseSpecificAccessSuccessComponent, CaseState, CaseTab, CaseTimelineComponent, CaseTimelineDisplayMode, CaseTimelineModule, CaseType, CaseTypeLite, CaseView, CaseViewComponent, CaseViewEvent, CaseViewTrigger, CaseViewerComponent, CaseViewerModule, CasesService, CaseworkerService, CcdCYAPageLabelFilterPipe, CcdCaseTitlePipe, CcdCollectionTableCaseFieldsFilterPipe, CcdPageFieldsPipe, CcdTabFieldsPipe, CheckYourAnswersComponent, ConditionalShowFormDirective, ConditionalShowModule, ConditionalShowRegistrarService, Confirmation, ConvertHrefToRouterService, CreateCaseFiltersComponent, CreateCaseFiltersModule, CreateCaseFiltersSelection, DRAFT_PREFIX, DRAFT_QUERY_PARAM, DashPipe, DateInputComponent, DatePipe, DateTimeFormatUtils, DatetimePickerComponent, DefinitionsModule, DefinitionsService, DeleteOrCancelDialogComponent, DialogsModule, DisplayMode, Document, DocumentData, DocumentDialogComponent, DocumentLinks, DocumentManagementService, DocumentUrlPipe, Draft, DraftService, DynamicListPipe, DynamicRadioListPipe, ESQueryType, Embedded, ErrorMessageComponent, ErrorNotifierService, EventCaseField, EventCompletionReturnStates, EventCompletionStateMachineService, EventCompletionStates, EventLogComponent, EventLogDetailsComponent, EventLogTableComponent, EventMessageModule, EventStartComponent, EventStartModule, EventStartStateMachineService, EventStatusService, EventTriggerResolver, EventTriggerService, Fee, FeeValue, Field, FieldLabelPipe, FieldReadComponent, FieldReadLabelComponent, FieldType, FieldTypeSanitiser, FieldWriteComponent, FieldsFilterPipe, FieldsPurger, FieldsUtils, FirstErrorPipe, FixedListItem, FixedListPipe, FixedRadioListPipe, FocusElementDirective, FocusElementModule, FooterComponent, FormDocument, FormErrorService, FormValidatorsService, FormValueService, FormatTranslatorService, GreyBarService, HRef, HasLoadingState, HeaderBarComponent, HeadersModule, HttpError, HttpErrorService, HttpService, IsCompoundPipe, IsMandatoryPipe, IsReadOnlyAndNotCollectionPipe, IsReadOnlyPipe, JudicialworkerService, Jurisdiction, JurisdictionService$1 as JurisdictionService, LabelFieldComponent, LabelSubstitutorDirective, LabelSubstitutorModule, LinkCaseReason, LinkCasesComponent, LinkCasesReasonValuePipe, LinkDetails, LinkReason, LinkedCasesErrorMessages, LinkedCasesEventTriggers, LinkedCasesFromTableComponent, LinkedCasesPages, LinkedCasesResponse, LinkedCasesToTableComponent, LoadingModule, LoadingService, LoadingSpinnerComponent, LoadingSpinnerModule, MULTIPLE_TASKS_FOUND, ManageCaseFlagsComponent, MarkdownComponent, MoneyGbpInputComponent, MultipleTasksExistComponent, NavigationComponent, NavigationItemComponent, NavigationNotifierService, NavigationOrigin, NoLinkedCasesComponent, NoTasksAvailableComponent, NotificationBannerComponent, NotificationBannerHeaderClass, NotificationBannerType, OrderService, OrderSummary, OrganisationConverter, OrganisationService, PageType, PageValidationService, PaginationComponent, PaginationMetadata, PaginationModule, PaletteContext, PaletteModule, PaletteService, PaletteUtilsModule, Patterns, PaymentField, PhaseComponent, PipesModule, PlaceholderService, PrintUrlPipe, Profile, ProfileNotifier, ProfileService, ReadCaseFlagFieldComponent, ReadCaseLinkFieldComponent, ReadCollectionFieldComponent, ReadComplexFieldCollectionTableComponent, ReadComplexFieldComponent, ReadComplexFieldRawComponent, ReadComplexFieldTableComponent, ReadDateFieldComponent, ReadDocumentFieldComponent, ReadDynamicListFieldComponent, ReadDynamicRadioListFieldComponent, ReadEmailFieldComponent, ReadFieldsFilterPipe, ReadFixedListFieldComponent, ReadFixedRadioListFieldComponent, ReadJudicialUserFieldComponent, ReadLinkedCasesComponent, ReadMoneyGbpFieldComponent, ReadMultiSelectListFieldComponent, ReadNumberFieldComponent, ReadOrderSummaryFieldComponent, ReadOrderSummaryRowComponent, ReadOrganisationFieldComponent, ReadOrganisationFieldRawComponent, ReadOrganisationFieldTableComponent, ReadPhoneUKFieldComponent, ReadTextAreaFieldComponent, ReadTextFieldComponent, ReadYesNoFieldComponent, RefdataCaseFlagType, RemoveDialogComponent, RequestOptionsBuilder, RouterHelperService, SaveOrDiscardDialogComponent, SearchFiltersComponent, SearchFiltersModule, SearchFiltersWrapperComponent, SearchInput, SearchLanguageInterpreterComponent, SearchLanguageInterpreterErrorMessage, SearchLanguageInterpreterStep, SearchResultComponent, SearchResultModule, SearchResultView, SearchResultViewColumn, SearchResultViewItem, SearchResultViewItemComparatorFactory, SearchService, SelectFlagErrorMessage, SelectFlagLocationComponent, SelectFlagLocationErrorMessage, SelectFlagTypeComponent, SelectFlagTypeErrorMessage, SessionStorageService, ShowCondition, SortOrder$1 as SortOrder, SortParameters, SortSearchResultPipe, TabComponent, TableColumnConfig, TableConfig, TabsComponent, TabsModule, TaskAssignedComponent, TaskCancelledComponent, TaskConflictComponent, TaskUnassignedComponent, Terms, TestRouteSnapshotBuilder, UnLinkCasesComponent, UnsupportedFieldComponent, UpdateFlagComponent, UpdateFlagErrorMessage, UpdateFlagStep, WaysToPayFieldComponent, WindowService, Wizard, WizardFactoryService, WizardPage, WizardPageField, WorkAllocationService, WorkbasketFiltersComponent, WorkbasketFiltersModule, WorkbasketInput, WorkbasketInputFilterService, WorkbasketInputModel, WriteAddressFieldComponent, WriteCaseFlagFieldComponent, WriteCaseLinkFieldComponent, WriteCollectionFieldComponent, WriteComplexFieldComponent, WriteDateContainerFieldComponent, WriteDateFieldComponent, WriteDocumentFieldComponent, WriteDynamicListFieldComponent, WriteDynamicRadioListFieldComponent, WriteEmailFieldComponent, WriteFixedListFieldComponent, WriteFixedRadioListFieldComponent, WriteJudicialUserFieldComponent, WriteLinkedCasesComponent, WriteMoneyGbpFieldComponent, WriteMultiSelectListFieldComponent, WriteNumberFieldComponent, WriteOrderSummaryFieldComponent, WriteOrganisationComplexFieldComponent, WriteOrganisationFieldComponent, WritePhoneUKFieldComponent, WriteTextAreaFieldComponent, WriteTextFieldComponent, WriteYesNoFieldComponent, YesNoService, aCaseField, createACL, createCaseEventTrigger, createCaseField, createComplexFieldOverride, createFieldType, createFixedListFieldType, createHiddenComplexFieldOverride, createMultiSelectListFieldType, createWizardPage, createWizardPageField, editorRouting, initDialog, newCaseField, textFieldType, viewerRouting };
 //# sourceMappingURL=hmcts-ccd-case-ui-toolkit.js.map