@hmcts/ccd-case-ui-toolkit 5.0.47-fix-case-link → 5.0.48-linked-cases-from-table-check

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

@@ -116,11 +116,11 @@ function FooterComponent_div_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtextInterpolate(ctx_r1.workhours);
 } }
 const _c0$_ = [[["", "footerSolsNavLinks", ""]], [["", "footerCaseWorkerNavLinks", ""]]];
-const _c1$s = ["[footerSolsNavLinks]", "[footerCaseWorkerNavLinks]"];
+const _c1$r = ["[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$s, 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) {
+FooterComponent.ɵcmp = i0.ɵɵdefineComponent({ type: FooterComponent, selectors: [["cut-footer-bar"]], inputs: { email: "email", isSolicitor: "isSolicitor", phone: "phone", workhours: "workhours" }, ngContentSelectors: _c1$r, 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$_);
         i0.ɵɵelementStart(0, "footer", 0);
         i0.ɵɵelementStart(1, "div", 1);
@@ -189,7 +189,7 @@ function HeaderBarComponent_div_9_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtextInterpolate(ctx_r2.title);
 } }
 const _c0$Z = [[["", "headerNavigation", ""]]];
-const _c1$r = ["[headerNavigation]"];
+const _c1$q = ["[headerNavigation]"];
 class HeaderBarComponent {
     constructor() {
         this.signOutRequest = new EventEmitter();
@@ -199,7 +199,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$r, 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) {
+HeaderBarComponent.ɵcmp = i0.ɵɵdefineComponent({ type: HeaderBarComponent, selectors: [["cut-header-bar"]], inputs: { title: "title", isSolicitor: "isSolicitor", username: "username" }, outputs: { signOutRequest: "signOutRequest" }, ngContentSelectors: _c1$q, 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$Z);
         i0.ɵɵelementStart(0, "header", 0);
         i0.ɵɵelementStart(1, "div", 1);
@@ -258,11 +258,11 @@ HeaderBarComponent.ɵcmp = i0.ɵɵdefineComponent({ type: HeaderBarComponent, se
         }] }); })();
 
 const _c0$Y = [[["", "leftNavLinks", ""]], [["", "rightNavLinks", ""]]];
-const _c1$q = ["[leftNavLinks]", "[rightNavLinks]"];
+const _c1$p = ["[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$q, decls: 4, vars: 2, consts: [[1, "cut-nav-bar"]], template: function NavigationComponent_Template(rf, ctx) { if (rf & 1) {
+NavigationComponent.ɵcmp = i0.ɵɵdefineComponent({ type: NavigationComponent, selectors: [["cut-nav-bar"]], inputs: { isSolicitor: "isSolicitor" }, ngContentSelectors: _c1$p, decls: 4, vars: 2, consts: [[1, "cut-nav-bar"]], template: function NavigationComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵprojectionDef(_c0$Y);
         i0.ɵɵelementStart(0, "div");
         i0.ɵɵelementStart(1, "nav", 0);
@@ -381,11 +381,11 @@ HeadersModule.ɵinj = i0.ɵɵdefineInjector({ imports: [[CommonModule, RouterMod
     }], null, null); })();
 
 const _c0$X = [[["", "topBody", ""]], [["", "leftBody", ""]], [["", "rightBody", ""]]];
-const _c1$p = ["[topBody]", "[leftBody]", "[rightBody]"];
+const _c1$o = ["[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$p, decls: 4, vars: 0, consts: [[1, "global-display"]], template: function BodyComponent_Template(rf, ctx) { if (rf & 1) {
+BodyComponent.ɵcmp = i0.ɵɵdefineComponent({ type: BodyComponent, selectors: [["cut-body"]], ngContentSelectors: _c1$o, decls: 4, vars: 0, consts: [[1, "global-display"]], template: function BodyComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵprojectionDef(_c0$X);
         i0.ɵɵelementStart(0, "div", 0);
         i0.ɵɵprojection(1);
@@ -1012,11 +1012,11 @@ NotificationBannerComponent.ɵcmp = i0.ɵɵdefineComponent({ type: NotificationB
         }] }); })();
 
 const _c0$U = function (a0) { return { "js-hidden": a0 }; };
-const _c1$o = ["*"];
+const _c1$n = ["*"];
 class TabComponent {
 }
 TabComponent.ɵfac = function TabComponent_Factory(t) { return new (t || TabComponent)(); };
-TabComponent.ɵcmp = i0.ɵɵdefineComponent({ type: TabComponent, selectors: [["cut-tab"]], inputs: { id: "id", title: "title", selected: "selected" }, ngContentSelectors: _c1$o, decls: 2, vars: 5, consts: [["role", "tabpanel", 1, "tabs-panel", 3, "id", "ngClass"]], template: function TabComponent_Template(rf, ctx) { if (rf & 1) {
+TabComponent.ɵcmp = i0.ɵɵdefineComponent({ type: TabComponent, selectors: [["cut-tab"]], inputs: { id: "id", title: "title", selected: "selected" }, ngContentSelectors: _c1$n, decls: 2, vars: 5, consts: [["role", "tabpanel", 1, "tabs-panel", 3, "id", "ngClass"]], template: function TabComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵprojectionDef();
         i0.ɵɵelementStart(0, "div", 0);
         i0.ɵɵprojection(1);
@@ -1043,7 +1043,7 @@ TabComponent.ɵcmp = i0.ɵɵdefineComponent({ type: TabComponent, selectors: [["
         }] }); })();
 
 const _c0$T = ["tab"];
-const _c1$n = function () { return ["."]; };
+const _c1$m = function () { return ["."]; };
 const _c2$3 = function (a0) { return { "tabs-toggle-selected": a0 }; };
 function TabsComponent_li_2_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
@@ -1056,7 +1056,7 @@ function TabsComponent_li_2_Template(rf, ctx) { if (rf & 1) {
 } if (rf & 2) {
     const panel_r1 = ctx.$implicit;
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("routerLink", i0.ɵɵpureFunction0(6, _c1$n))("fragment", panel_r1.id)("ngClass", i0.ɵɵpureFunction1(7, _c2$3, panel_r1.selected));
+    i0.ɵɵproperty("routerLink", i0.ɵɵpureFunction0(6, _c1$m))("fragment", panel_r1.id)("ngClass", i0.ɵɵpureFunction1(7, _c2$3, panel_r1.selected));
     i0.ɵɵattribute("aria-controls", panel_r1.id)("aria-selected", panel_r1.selected);
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate(panel_r1.title);
@@ -3314,7 +3314,7 @@ class FieldsUtils {
         if (!caseField) {
             return false;
         }
-        return caseField.field_type.collection_field_type.id === 'CaseLink' && caseField.id === 'caseLinks';
+        return caseField.field_type.collection_field_type.id === 'CaseLink';
     }
     static cloneObject(obj) {
         return Object.assign({}, obj);
@@ -4216,18 +4216,18 @@ class AbstractFormFieldComponent {
         return control;
     }
     addControlToFormGroup(control, parent, replace) {
-        if (!replace) {
-            parent.addControl(this.caseField.id, control);
-            return control;
-        }
-        if (this.caseField.field_type && this.caseField.field_type.id === 'CaseLink'
-            && this.caseField.field_type.type === 'Complex'
-            && this.caseField.field_type.complex_fields.some(cf => cf.id === 'CaseReference')
-            && this.caseField.id !== 'caseLinks') {
-            parent.setControl('CaseReference', control['controls']['CaseReference']);
+        if (replace) {
+            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 {
+                parent.setControl(this.caseField.id, control);
+            }
         }
         else {
-            parent.setControl(this.caseField.id, control);
+            parent.addControl(this.caseField.id, control);
         }
         return control;
     }
@@ -9855,6 +9855,7 @@ class LinkedCasesService {
         this.isLinkedCasesEventTrigger = false;
         this.linkCaseReasons = [];
         this.linkedCases = [];
+        this.linkedCasesFrom = [];
         this.initialCaseLinks = [];
         this.editMode = false;
         this.jurisdictionsResponse = [];
@@ -10284,7 +10285,7 @@ function WriteAddressFieldComponent_div_1_div_4_span_4_Template(rf, ctx) { if (r
     i0.ɵɵtext(1, "Enter the Postcode");
     i0.ɵɵelementEnd();
 } }
-const _c1$m = function (a0) { return { "form-group-error": a0 }; };
+const _c1$l = function (a0) { return { "form-group-error": a0 }; };
 const _c2$2 = function (a0) { return { "govuk-input--error": a0 }; };
 function WriteAddressFieldComponent_div_1_div_4_Template(rf, ctx) { if (rf & 1) {
     const _r7 = i0.ɵɵgetCurrentView();
@@ -10303,7 +10304,7 @@ function WriteAddressFieldComponent_div_1_div_4_Template(rf, ctx) { if (rf & 1)
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("id", ctx_r2.createElementId("postcodeLookup"))("ngClass", i0.ɵɵpureFunction1(7, _c1$m, ctx_r2.missingPostcode));
+    i0.ɵɵproperty("id", ctx_r2.createElementId("postcodeLookup"))("ngClass", i0.ɵɵpureFunction1(7, _c1$l, ctx_r2.missingPostcode));
     i0.ɵɵadvance(1);
     i0.ɵɵproperty("for", ctx_r2.createElementId("postcodeInput"));
     i0.ɵɵadvance(3);
@@ -10557,7 +10558,7 @@ function CaseFileViewFieldComponent_div_1_ng_container_8_Template(rf, ctx) { if
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("url", ctx_r2.currentDocument.document_binary_url)("downloadFileName", ctx_r2.currentDocument.document_filename)("showToolbar", true)("contentType", ctx_r2.currentDocument.content_type)("enableAnnotations", true)("enableRedactions", true);
+    i0.ɵɵproperty("url", ctx_r2.currentDocument.document_binary_url)("downloadFileName", ctx_r2.currentDocument.document_filename)("showToolbar", true)("contentType", ctx_r2.currentDocument.content_type)("enableAnnotations", true)("enableRedactions", true)("height", "94.5vh");
 } }
 function CaseFileViewFieldComponent_div_1_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
@@ -10573,7 +10574,7 @@ function CaseFileViewFieldComponent_div_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementEnd();
     i0.ɵɵelement(6, "div", 9);
     i0.ɵɵelementStart(7, "div", 10);
-    i0.ɵɵtemplate(8, CaseFileViewFieldComponent_div_1_ng_container_8_Template, 2, 6, "ng-container", 1);
+    i0.ɵɵtemplate(8, CaseFileViewFieldComponent_div_1_ng_container_8_Template, 2, 7, "ng-container", 1);
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
@@ -10649,7 +10650,7 @@ class CaseFileViewFieldComponent {
 }
 CaseFileViewFieldComponent.PARAM_CASE_ID = 'cid';
 CaseFileViewFieldComponent.ɵfac = function CaseFileViewFieldComponent_Factory(t) { return new (t || CaseFileViewFieldComponent)(i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i1$1.ActivatedRoute), i0.ɵɵdirectiveInject(CaseFileViewService), i0.ɵɵdirectiveInject(DocumentManagementService), i0.ɵɵdirectiveInject(LoadingService)); };
-CaseFileViewFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: CaseFileViewFieldComponent, selectors: [["ccd-case-file-view-field"]], decls: 2, vars: 2, consts: [["class", "govuk-grid-column-two-thirds", 4, "ngIf"], [4, "ngIf"], [1, "govuk-grid-column-two-thirds"], [1, "govuk-heading-xl"], [1, "govuk-body"], [1, "govuk-heading-l"], ["id", "case-file-view", 1, "govuk-form-group"], [1, "document-tree-container"], [1, "document-tree-container__tree", 3, "categoriesAndDocuments", "allowMoving", "clickedDocument", "moveDocument"], [1, "slider"], [1, "media-viewer-container"], [3, "url", "downloadFileName", "showToolbar", "contentType", "enableAnnotations", "enableRedactions"]], template: function CaseFileViewFieldComponent_Template(rf, ctx) { if (rf & 1) {
+CaseFileViewFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: CaseFileViewFieldComponent, selectors: [["ccd-case-file-view-field"]], decls: 2, vars: 2, consts: [["class", "govuk-grid-column-two-thirds", 4, "ngIf"], [4, "ngIf"], [1, "govuk-grid-column-two-thirds"], [1, "govuk-heading-xl"], [1, "govuk-body"], [1, "govuk-heading-l"], ["id", "case-file-view", 1, "govuk-form-group"], [1, "document-tree-container"], [1, "document-tree-container__tree", 3, "categoriesAndDocuments", "allowMoving", "clickedDocument", "moveDocument"], [1, "slider"], [1, "media-viewer-container"], [3, "url", "downloadFileName", "showToolbar", "contentType", "enableAnnotations", "enableRedactions", "height"]], template: function CaseFileViewFieldComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵtemplate(0, CaseFileViewFieldComponent_div_0_Template, 5, 0, "div", 0);
         i0.ɵɵtemplate(1, CaseFileViewFieldComponent_div_1_Template, 9, 3, "div", 1);
     } if (rf & 2) {
@@ -10683,7 +10684,7 @@ function CaseFileViewFieldReadComponent_div_1_ng_container_8_Template(rf, ctx) {
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("url", ctx_r2.currentDocument.document_binary_url)("downloadFileName", ctx_r2.currentDocument.document_filename)("showToolbar", true)("contentType", ctx_r2.currentDocument.content_type)("enableAnnotations", true)("enableRedactions", true);
+    i0.ɵɵproperty("url", ctx_r2.currentDocument.document_binary_url)("downloadFileName", ctx_r2.currentDocument.document_filename)("showToolbar", true)("contentType", ctx_r2.currentDocument.content_type)("enableAnnotations", true)("enableRedactions", true)("height", "94.5vh");
 } }
 function CaseFileViewFieldReadComponent_div_1_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
@@ -10699,7 +10700,7 @@ function CaseFileViewFieldReadComponent_div_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementEnd();
     i0.ɵɵelement(6, "div", 9);
     i0.ɵɵelementStart(7, "div", 10);
-    i0.ɵɵtemplate(8, CaseFileViewFieldReadComponent_div_1_ng_container_8_Template, 2, 6, "ng-container", 1);
+    i0.ɵɵtemplate(8, CaseFileViewFieldReadComponent_div_1_ng_container_8_Template, 2, 7, "ng-container", 1);
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
@@ -10717,7 +10718,7 @@ class CaseFileViewFieldReadComponent extends CaseFileViewFieldComponent {
     }
 }
 CaseFileViewFieldReadComponent.ɵfac = function CaseFileViewFieldReadComponent_Factory(t) { return ɵCaseFileViewFieldReadComponent_BaseFactory(t || CaseFileViewFieldReadComponent); };
-CaseFileViewFieldReadComponent.ɵcmp = i0.ɵɵdefineComponent({ type: CaseFileViewFieldReadComponent, selectors: [["ccd-case-file-view-field"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 2, consts: [["class", "govuk-grid-column-two-thirds", 4, "ngIf"], [4, "ngIf"], [1, "govuk-grid-column-two-thirds"], [1, "govuk-heading-xl"], [1, "govuk-body"], [1, "govuk-heading-l"], ["id", "case-file-view", 1, "govuk-form-group"], [1, "document-tree-container"], [1, "document-tree-container__tree", 3, "categoriesAndDocuments", "allowMoving", "clickedDocument", "moveDocument"], [1, "slider"], [1, "media-viewer-container"], [3, "url", "downloadFileName", "showToolbar", "contentType", "enableAnnotations", "enableRedactions"]], template: function CaseFileViewFieldReadComponent_Template(rf, ctx) { if (rf & 1) {
+CaseFileViewFieldReadComponent.ɵcmp = i0.ɵɵdefineComponent({ type: CaseFileViewFieldReadComponent, selectors: [["ccd-case-file-view-field"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 2, consts: [["class", "govuk-grid-column-two-thirds", 4, "ngIf"], [4, "ngIf"], [1, "govuk-grid-column-two-thirds"], [1, "govuk-heading-xl"], [1, "govuk-body"], [1, "govuk-heading-l"], ["id", "case-file-view", 1, "govuk-form-group"], [1, "document-tree-container"], [1, "document-tree-container__tree", 3, "categoriesAndDocuments", "allowMoving", "clickedDocument", "moveDocument"], [1, "slider"], [1, "media-viewer-container"], [3, "url", "downloadFileName", "showToolbar", "contentType", "enableAnnotations", "enableRedactions", "height"]], template: function CaseFileViewFieldReadComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵtemplate(0, CaseFileViewFieldReadComponent_div_0_Template, 5, 0, "div", 0);
         i0.ɵɵtemplate(1, CaseFileViewFieldReadComponent_div_1_Template, 9, 3, "div", 1);
     } if (rf & 2) {
@@ -11460,8 +11461,7 @@ class ReadCaseLinkFieldComponent extends AbstractFieldReadComponent {
     hasCaseLinkCollection() {
         return (this.caseField.field_type &&
             this.caseField.field_type.type === 'Collection' &&
-            this.caseField.field_type.collection_field_type.id === 'CaseLink' &&
-            this.caseField.id === 'caseLinks');
+            this.caseField.field_type.collection_field_type.id === 'CaseLink');
     }
 }
 ReadCaseLinkFieldComponent.ɵfac = function ReadCaseLinkFieldComponent_Factory(t) { return ɵReadCaseLinkFieldComponent_BaseFactory(t || ReadCaseLinkFieldComponent); };
@@ -11484,7 +11484,7 @@ const ɵReadCaseLinkFieldComponent_BaseFactory = /*@__PURE__*/ i0.ɵɵgetInherit
 
 const _c0$P = ["writeComplexFieldComponent"];
 function WriteCaseLinkFieldComponent_div_1_span_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 8);
+    i0.ɵɵelementStart(0, "span", 6);
     i0.ɵɵtext(1);
     i0.ɵɵpipe(2, "ccdFieldLabel");
     i0.ɵɵelementEnd();
@@ -11494,7 +11494,7 @@ function WriteCaseLinkFieldComponent_div_1_span_2_Template(rf, ctx) { if (rf & 1
     i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, ctx_r2.caseField));
 } }
 function WriteCaseLinkFieldComponent_div_1_span_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 9);
+    i0.ɵɵelementStart(0, "span", 7);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -11502,45 +11502,30 @@ function WriteCaseLinkFieldComponent_div_1_span_3_Template(rf, ctx) { if (rf & 1
     i0.ɵɵadvance(1);
     i0.ɵɵtextInterpolate(ctx_r3.caseField.hint_text);
 } }
-function WriteCaseLinkFieldComponent_div_1_span_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 10);
-    i0.ɵɵtext(1);
-    i0.ɵɵpipe(2, "ccdFirstError");
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r4 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(2, 1, ctx_r4.caseReferenceControl.errors, ctx_r4.caseField.label));
-} }
-const _c1$l = function (a0) { return { "form-group-error": a0 }; };
 function WriteCaseLinkFieldComponent_div_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 2);
-    i0.ɵɵelementStart(1, "label", 3);
-    i0.ɵɵtemplate(2, WriteCaseLinkFieldComponent_div_1_span_2_Template, 3, 3, "span", 4);
+    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", 5);
-    i0.ɵɵtemplate(4, WriteCaseLinkFieldComponent_div_1_span_4_Template, 3, 4, "span", 6);
-    i0.ɵɵelement(5, "input", 7);
+    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_r0 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("formGroup", ctx_r0.caseLinkGroup)("ngClass", i0.ɵɵpureFunction1(8, _c1$l, !ctx_r0.caseReferenceControl.valid && (ctx_r0.caseReferenceControl.dirty || ctx_r0.caseReferenceControl.touched)));
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("for", ctx_r0.caseReferenceControl);
+    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("ngIf", ctx_r0.caseReferenceControl.errors && (ctx_r0.caseReferenceControl.dirty || ctx_r0.caseReferenceControl.touched));
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("id", ctx_r0.caseReferenceControl)("formControl", ctx_r0.caseReferenceControl);
+    i0.ɵɵproperty("id", ctx_r0.id())("formControl", ctx_r0.caseReferenceControl);
 } }
 function WriteCaseLinkFieldComponent_div_2_Template(rf, ctx) { if (rf & 1) {
-    const _r6 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 11);
-    i0.ɵɵelementStart(1, "ccd-write-linked-cases", 12);
-    i0.ɵɵlistener("onLinkedCasesSelected", function WriteCaseLinkFieldComponent_div_2_Template_ccd_write_linked_cases_onLinkedCasesSelected_1_listener() { i0.ɵɵrestoreView(_r6); const ctx_r5 = i0.ɵɵnextContext(); return ctx_r5.submitLinkedCases(); });
+    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) {
@@ -11555,61 +11540,22 @@ class WriteCaseLinkFieldComponent extends AbstractFieldWriteComponent {
         this.caseFields = [];
     }
     ngOnInit() {
-        // Will be TRUE for new Case link/unlink journey
-        this.containsCaseLinkCollection = this.hasCaseLinkCollection();
-        if (!this.containsCaseLinkCollection) {
-            if (this.caseField.value) {
-                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') {
-                for (const caseLinkSubField of this.caseField.field_type.complex_fields) {
-                    caseLinkSubField.retain_hidden_value = this.caseField.retain_hidden_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);
         }
-    }
-    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' };
-                }
+        // 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') {
+            for (const caseLinkSubField of this.caseField.field_type.complex_fields) {
+                caseLinkSubField.retain_hidden_value = this.caseField.retain_hidden_value;
             }
-            return null;
-        };
-    }
-    validCaseReference(valueString) {
-        if (!valueString) {
-            return false;
         }
-        return new RegExp('^\\b\\d{4}[ -]?\\d{4}[ -]?\\d{4}[ -]?\\d{4}\\b$').test(valueString.trim());
-    }
-    hasCaseLinkCollection() {
-        return (this.caseField.field_type &&
-            this.caseField.field_type.type === 'Collection' &&
-            this.caseField.field_type.collection_field_type.id === 'CaseLink' &&
-            this.caseField.id === 'caseLinks');
+        this.containsCaseLinkCollection = this.hasCaseLinkCollection();
     }
-    /**
-     * This method is applicable only for new Case link/unlink journey
-     */
     submitLinkedCases() {
         const formGroup = this.formGroup;
         if (!this.linkedCasesService.isLinkedCasesEventTrigger) {
@@ -11621,6 +11567,17 @@ class WriteCaseLinkFieldComponent extends AbstractFieldWriteComponent {
             this.formGroup.value.caseLinks = this.linkedCasesService.caseFieldValue;
         }
     }
+    validCaseReference(valueString) {
+        if (!valueString) {
+            return false;
+        }
+        return new RegExp('^\\b\\d{4}[ -]?\\d{4}[ -]?\\d{4}[ -]?\\d{4}\\b$').test(valueString.trim());
+    }
+    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 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) {
@@ -11628,10 +11585,10 @@ WriteCaseLinkFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: WriteCaseLink
     } if (rf & 2) {
         let _t;
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.writeComplexFieldComponent = _t.first);
-    } }, inputs: { caseFields: "caseFields", formGroup: "formGroup" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 3, vars: 2, consts: [["class", "form-group", 3, "formGroup", "ngClass", 4, "ngIf"], ["class", "form-group", 4, "ngIf"], [1, "form-group", 3, "formGroup", "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"], [1, "form-group"], [3, "caseFields", "caseField", "formGroup", "isLinkedCasesJourney", "onLinkedCasesSelected"]], template: function WriteCaseLinkFieldComponent_Template(rf, ctx) { if (rf & 1) {
+    } }, inputs: { caseFields: "caseFields", formGroup: "formGroup" }, 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", "isLinkedCasesJourney", "onLinkedCasesSelected"]], template: function WriteCaseLinkFieldComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵelementContainerStart(0);
-        i0.ɵɵtemplate(1, WriteCaseLinkFieldComponent_div_1_Template, 6, 10, "div", 0);
-        i0.ɵɵtemplate(2, WriteCaseLinkFieldComponent_div_2_Template, 2, 4, "div", 1);
+        i0.ɵɵtemplate(1, WriteCaseLinkFieldComponent_div_1_Template, 5, 5, "div", 0);
+        i0.ɵɵtemplate(2, WriteCaseLinkFieldComponent_div_2_Template, 2, 4, "div", 0);
         i0.ɵɵelementContainerEnd();
     } if (rf & 2) {
         i0.ɵɵadvance(1);
@@ -15380,13 +15337,9 @@ class PaletteService {
                         return write ? WriteOrganisationFieldComponent : ReadOrganisationFieldComponent;
                     case 'JudicialUser':
                         return write ? WriteJudicialUserFieldComponent : ReadJudicialUserFieldComponent;
-                    case 'CaseLink':
-                        return write ? WriteCaseLinkFieldComponent : ReadCaseLinkFieldComponent;
                     default:
                         return write ? WriteComplexFieldComponent : ReadComplexFieldComponent;
                 }
-            case 'CaseLink':
-                return write ? WriteCaseLinkFieldComponent : ReadCaseLinkFieldComponent;
             case 'Collection':
                 switch (caseField.field_type.collection_field_type.id) {
                     case 'CaseLink':
@@ -15668,13 +15621,13 @@ const ɵFieldReadLabelComponent_BaseFactory = /*@__PURE__*/ i0.ɵɵgetInheritedF
             type: Input
         }] }); })();
 
-function CaseFileViewFolderSelectorComponent_ng_container_5_ng_container_1_Template(rf, ctx) { if (rf & 1) {
+function CaseFileViewFolderSelectorComponent_ng_container_6_ng_container_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0);
 } }
 const _c0$u = function (a0) { return { cat: a0, level: 1 }; };
-function CaseFileViewFolderSelectorComponent_ng_container_5_Template(rf, ctx) { if (rf & 1) {
+function CaseFileViewFolderSelectorComponent_ng_container_6_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
-    i0.ɵɵtemplate(1, CaseFileViewFolderSelectorComponent_ng_container_5_ng_container_1_Template, 1, 0, "ng-container", 8);
+    i0.ɵɵtemplate(1, CaseFileViewFolderSelectorComponent_ng_container_6_ng_container_1_Template, 1, 0, "ng-container", 8);
     i0.ɵɵelementContainerEnd();
 } if (rf & 2) {
     const cat_r3 = ctx.$implicit;
@@ -15709,7 +15662,7 @@ function CaseFileViewFolderSelectorComponent_ng_template_12_Template(rf, ctx) {
     i0.ɵɵelement(3, "img", 12);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(5, CaseFileViewFolderSelectorComponent_ng_template_12_ng_container_5_Template, 2, 5, "ng-container", 2);
+    i0.ɵɵtemplate(5, CaseFileViewFolderSelectorComponent_ng_template_12_ng_container_5_Template, 2, 5, "ng-container", 3);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const cat_r5 = ctx.cat;
@@ -15780,42 +15733,43 @@ class CaseFileViewFolderSelectorComponent {
     }
 }
 CaseFileViewFolderSelectorComponent.ɵfac = function CaseFileViewFolderSelectorComponent_Factory(t) { return new (t || CaseFileViewFolderSelectorComponent)(i0.ɵɵdirectiveInject(i1$3.MatDialogRef), i0.ɵɵdirectiveInject(MAT_DIALOG_DATA)); };
-CaseFileViewFolderSelectorComponent.ɵcmp = i0.ɵɵdefineComponent({ type: CaseFileViewFolderSelectorComponent, selectors: [["xui-case-file-view-folder-selector"]], decls: 14, vars: 2, consts: [[1, "govuk-heading-l"], [1, "folders", "govuk-radios", "govuk-radios--conditional"], [4, "ngFor", "ngForOf"], [1, "govuk-button-group"], ["type", "button", 1, "button", "button-primary", 3, "click"], [1, "cancel", 3, "click"], [1, "close", 3, "click"], ["folder", ""], [4, "ngTemplateOutlet", "ngTemplateOutletContext"], [1, "folder", "govuk-radios__item"], ["type", "radio", 1, "govuk-radios__input", 3, "name", "id", "click"], [1, "govuk-label", "govuk-radios__label", 3, "for"], ["src", "/assets/images/folder.png", "alt", "Folder icon", 1, "iconImg"]], template: function CaseFileViewFolderSelectorComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵelementStart(0, "h2", 0);
-        i0.ɵɵtext(1, "Move File");
+CaseFileViewFolderSelectorComponent.ɵcmp = i0.ɵɵdefineComponent({ type: CaseFileViewFolderSelectorComponent, selectors: [["xui-case-file-view-folder-selector"]], decls: 14, vars: 2, consts: [[1, "close", 3, "click"], [1, "govuk-heading-l"], [1, "folders", "govuk-radios", "govuk-radios--conditional"], [4, "ngFor", "ngForOf"], [1, "govuk-button-group"], ["type", "button", 1, "button", "button-primary", 3, "click"], [1, "cancel", 3, "click"], ["folder", ""], [4, "ngTemplateOutlet", "ngTemplateOutletContext"], [1, "folder", "govuk-radios__item"], ["type", "radio", 1, "govuk-radios__input", 3, "name", "id", "click"], [1, "govuk-label", "govuk-radios__label", 3, "for"], ["src", "/assets/images/folder.png", "alt", "Folder icon", 1, "iconImg"]], template: function CaseFileViewFolderSelectorComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵelementStart(0, "div", 0);
+        i0.ɵɵlistener("click", function CaseFileViewFolderSelectorComponent_Template_div_click_0_listener() { return ctx.cancel(); });
         i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(2, "p");
-        i0.ɵɵtext(3);
+        i0.ɵɵelementStart(1, "h2", 1);
+        i0.ɵɵtext(2, "Move File");
         i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(4, "div", 1);
-        i0.ɵɵtemplate(5, CaseFileViewFolderSelectorComponent_ng_container_5_Template, 2, 4, "ng-container", 2);
+        i0.ɵɵelementStart(3, "p");
+        i0.ɵɵtext(4);
         i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(6, "div", 3);
-        i0.ɵɵelementStart(7, "button", 4);
-        i0.ɵɵlistener("click", function CaseFileViewFolderSelectorComponent_Template_button_click_7_listener() { return ctx.save(); });
-        i0.ɵɵtext(8, "Save");
+        i0.ɵɵelementStart(5, "div", 2);
+        i0.ɵɵtemplate(6, CaseFileViewFolderSelectorComponent_ng_container_6_Template, 2, 4, "ng-container", 3);
         i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(9, "a", 5);
-        i0.ɵɵlistener("click", function CaseFileViewFolderSelectorComponent_Template_a_click_9_listener() { return ctx.cancel(); });
-        i0.ɵɵtext(10, "Cancel");
+        i0.ɵɵelementStart(7, "div", 4);
+        i0.ɵɵelementStart(8, "button", 5);
+        i0.ɵɵlistener("click", function CaseFileViewFolderSelectorComponent_Template_button_click_8_listener() { return ctx.save(); });
+        i0.ɵɵtext(9, "Save");
         i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(10, "a", 6);
+        i0.ɵɵlistener("click", function CaseFileViewFolderSelectorComponent_Template_a_click_10_listener() { return ctx.cancel(); });
+        i0.ɵɵtext(11, "Cancel");
         i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(11, "div", 6);
-        i0.ɵɵlistener("click", function CaseFileViewFolderSelectorComponent_Template_div_click_11_listener() { return ctx.cancel(); });
         i0.ɵɵelementEnd();
         i0.ɵɵtemplate(12, CaseFileViewFolderSelectorComponent_ng_template_12_Template, 6, 5, "ng-template", null, 7, i0.ɵɵtemplateRefExtractor);
     } if (rf & 2) {
-        i0.ɵɵadvance(3);
+        i0.ɵɵadvance(4);
         i0.ɵɵtextInterpolate1("Where do you want to move \"", ctx.data.document.document_filename, "\" file?");
         i0.ɵɵadvance(2);
         i0.ɵɵproperty("ngForOf", ctx.currentCategories);
-    } }, directives: [i1.NgForOf, i1.NgTemplateOutlet], styles: ["[_nghost-%COMP%]{position:relative;display:block}.folders[_ngcontent-%COMP%]{margin-bottom:20px}.folder[_ngcontent-%COMP%]{display:none;border-bottom:1px solid #ccc;border-top:1px solid #ccc;margin:0 0 -1px}.folders[_ngcontent-%COMP%] > .folder[_ngcontent-%COMP%], input[_ngcontent-%COMP%]:checked ~ .folder[_ngcontent-%COMP%]{display:block}.iconImg[_ngcontent-%COMP%]{position:relative;display:inline-block;height:28px}.folder[_ngcontent-%COMP%] > .folder[_ngcontent-%COMP%]{margin-left:20px}.folder[_ngcontent-%COMP%]   label[_ngcontent-%COMP%]:before{top:3px}.folder[_ngcontent-%COMP%]   label[_ngcontent-%COMP%]:after{top:13px}p[_ngcontent-%COMP%]{font-weight:700}button[_ngcontent-%COMP%]{margin-right:20px}.close[_ngcontent-%COMP%]{position:absolute;top:0;right:0;width:30px;height:30px;background:url(/assets/img/x.PNG) no-repeat 50%}.cancel[_ngcontent-%COMP%], .close[_ngcontent-%COMP%]{cursor:pointer}"] });
+    } }, directives: [i1.NgForOf, i1.NgTemplateOutlet], styles: [":host{position:relative;display:block}.folders{margin-bottom:20px}.folder{display:none;border-top:1px solid #ccc;margin:0 0 -1px}.folder:last-child{border-bottom:1px solid #ccc}.folders>.folder,input:checked~.folder{display:block}.iconImg{position:relative;display:inline-block;height:28px}.folder>.folder{margin-left:20px}.folder label:before{top:3px}.folder label:after{top:13px}p{font-weight:700}button{margin-right:20px}.close{float:right;width:30px;height:30px;background:url(/assets/img/x.PNG) no-repeat 50%}.cancel,.close{cursor:pointer}.cdk-overlay-pane{overflow:auto}.cdk-overlay-pane::-webkit-scrollbar{width:7px}.cdk-overlay-pane::-webkit-scrollbar-thumb{border:4px solid transparent;background-clip:padding-box;border-radius:9999px;background-color:#aaa}.cdk-overlay-pane::-webkit-scrollbar-button{display:none}.cdk-overlay-pane::-webkit-scrollbar-track-piece{background:#eee}.cdk-overlay-pane::-webkit-scrollbar-thumb{background:#ccc}"], encapsulation: 2 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaseFileViewFolderSelectorComponent, [{
         type: Component,
         args: [{
                 selector: 'xui-case-file-view-folder-selector',
                 templateUrl: './case-file-view-folder-selector.component.html',
-                styleUrls: ['./case-file-view-folder-selector.component.scss']
+                styleUrls: ['./case-file-view-folder-selector.component.scss'],
+                encapsulation: ViewEncapsulation.None
             }]
     }], function () { return [{ type: i1$3.MatDialogRef }, { type: undefined, decorators: [{
                 type: Inject,
@@ -16296,7 +16250,7 @@ class CaseFileViewFolderComponent {
             return Object.assign(documentTreeNode, node);
         }
         let filteredData = this.documentTreeData;
-        if (searchTerm && searchTerm.length >= CaseFileViewFolderComponent.MINIMUM_SEARCH_CHARACTERS && this.documentFilterFormGroup.controls[CaseFileViewFolderComponent.DOCUMENT_SEARCH_FORM_CONTROL_NAME].value.length > 2) {
+        if (searchTerm && searchTerm.length >= CaseFileViewFolderComponent.MINIMUM_SEARCH_CHARACTERS && this.documentFilterFormGroup.controls[CaseFileViewFolderComponent.DOCUMENT_SEARCH_FORM_CONTROL_NAME].value.length > 0) {
             filteredData = this.documentTreeData.map(copy).filter(function filterTreeData(node) {
                 if (node.name && node.name.toLowerCase().includes(searchTerm) && node.type === DocumentTreeNodeType.DOCUMENT) {
                     return true;
@@ -16376,7 +16330,6 @@ class CaseFileViewFolderComponent {
     }
     openMoveDialog(node) {
         const dialogRef = this.dialog.open(CaseFileViewFolderSelectorComponent, {
-            width: '570px',
             data: { categories: this.categories, document: node }
         });
         dialogRef.afterClosed().subscribe(newCatId => {
@@ -16401,7 +16354,7 @@ class CaseFileViewFolderComponent {
 }
 CaseFileViewFolderComponent.UNCATEGORISED_DOCUMENTS_TITLE = 'Uncategorised documents';
 CaseFileViewFolderComponent.DOCUMENT_SEARCH_FORM_CONTROL_NAME = 'documentSearchFormControl';
-CaseFileViewFolderComponent.MINIMUM_SEARCH_CHARACTERS = 3;
+CaseFileViewFolderComponent.MINIMUM_SEARCH_CHARACTERS = 1;
 CaseFileViewFolderComponent.ɵfac = function CaseFileViewFolderComponent_Factory(t) { return new (t || CaseFileViewFolderComponent)(i0.ɵɵdirectiveInject(WindowService), i0.ɵɵdirectiveInject(i1$1.Router), i0.ɵɵdirectiveInject(DocumentManagementService), i0.ɵɵdirectiveInject(i1$3.MatDialog)); };
 CaseFileViewFolderComponent.ɵcmp = i0.ɵɵdefineComponent({ type: CaseFileViewFolderComponent, selectors: [["ccd-case-file-view-folder"]], inputs: { categoriesAndDocuments: "categoriesAndDocuments", allowMoving: "allowMoving" }, outputs: { clickedDocument: "clickedDocument", moveDocument: "moveDocument" }, decls: 9, vars: 3, consts: [[1, "document-filter-container"], [1, "form-group", "document-filter", 3, "formGroup"], ["type", "search", "id", "document-search", "name", "documentSearchFormControl", "formControlName", "documentSearchFormControl", "placeholder", "Search by document name", 1, "form-control", "document-search"], [1, "document-folders-header"], [1, "document-folders-header__title"], [3, "sortAscending", "sortDescending"], ["class", "document-tree-container", 4, "ngIf"], [1, "document-tree-container"], [4, "ngIf"], [3, "dataSource", "treeControl"], ["class", "document-tree-container__node document-tree-container__node--document", 4, "cdkTreeNodeDef"], ["class", "document-tree-container__node document-tree-container__folder", 4, "cdkTreeNodeDef", "cdkTreeNodeDefWhen"], [1, "document-tree-container__node", "document-tree-container__node--document"], [1, "node", 3, "click"], ["disabled", "", 1, "node__icon"], ["src", "/assets/img/case-file-view/case-file-view-document.svg", "alt", "Document icon", 1, "node__iconImg"], [1, "node__name", "node-name-document"], [1, "node__document-options"], [3, "allowMoving", "changeFolderAction", "openInANewTabAction", "downloadAction", "printAction"], [1, "document-tree-container__node", "document-tree-container__folder"], ["cdkTreeNodeToggle", "", 1, "node"], [1, "node__icon"], ["alt", "Folder icon", 1, "node__iconImg", 3, "src"], [1, "node__count"], [1, "node__name", "node__name--folder"], ["cdkTreeNodeOutlet", ""]], template: function CaseFileViewFolderComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵelementStart(0, "div", 0);
@@ -18545,7 +18498,8 @@ class LinkCasesComponent {
         if (this.linkCaseForm.valid &&
             !this.isCaseSelected(this.selectedCases) &&
             !this.isCaseSelected(this.linkedCasesService.linkedCases) &&
-            !this.isCaseSelectedSameAsCurrentCase()) {
+            !this.isCaseSelectedSameAsCurrentCase() &&
+            !this.isCaseSelected(this.linkedCasesService.linkedCasesFrom)) {
             this.getCaseInfo();
         }
         else {
@@ -18595,6 +18549,14 @@ class LinkCasesComponent {
                 fieldId: 'caseNumber',
             });
         }
+        if (this.isCaseSelected(this.linkedCasesService.linkedCasesFrom)) {
+            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',
@@ -18954,6 +18916,9 @@ class LinkedCasesFromTableComponent {
         this.caseId = this.route.snapshot.data.case.case_id;
         this.getLinkedCases().subscribe(response => {
             this.isServerError = false;
+            if (response.linkedCases) {
+                this.setLinkiedCasesFrom(response.linkedCases);
+            }
             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);
@@ -18968,6 +18933,16 @@ class LinkedCasesFromTableComponent {
             this.notifyAPIFailure.emit(true);
         });
     }
+    setLinkiedCasesFrom(linkedCases) {
+        const caseLinks = linkedCases.map(item => {
+            return {
+                caseReference: item.caseReference,
+                caseService: item.ccdJurisdiction,
+                caseType: item.ccdCaseType,
+            };
+        });
+        this.linkedCasesService.linkedCasesFrom = caseLinks;
+    }
     getLinkedCases() {
         return this.casesService.getLinkedCases(this.caseId);
     }
@@ -22179,7 +22154,7 @@ 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.NgControlStatusGroup, i2.FormGroupDirective, i1.NgClass, i2.DefaultValueAccessor, i2.NgControlStatus, i2.FormControlDirective, WriteLinkedCasesComponent], [FieldLabelPipe, FirstErrorPipe]);
+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(
 // ComponentLauncher web components