@hmcts/ccd-case-ui-toolkit 5.0.47-fix-related-cases-tab → 5.0.48-fee-pay-props

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

@@ -119,14 +119,14 @@
         }
     }
     var _c0$_ = [[["", "footerSolsNavLinks", ""]], [["", "footerCaseWorkerNavLinks", ""]]];
-    var _c1$s = ["[footerSolsNavLinks]", "[footerCaseWorkerNavLinks]"];
+    var _c1$r = ["[footerSolsNavLinks]", "[footerCaseWorkerNavLinks]"];
     var FooterComponent = /** @class */ (function () {
         function FooterComponent() {
         }
         return FooterComponent;
     }());
     FooterComponent.ɵfac = function FooterComponent_Factory(t) { return new (t || FooterComponent)(); };
-    FooterComponent.ɵcmp = i0__namespace.ɵɵ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) {
+    FooterComponent.ɵcmp = i0__namespace.ɵɵ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__namespace.ɵɵprojectionDef(_c0$_);
                 i0__namespace.ɵɵelementStart(0, "footer", 0);
@@ -208,7 +208,7 @@
         }
     }
     var _c0$Z = [[["", "headerNavigation", ""]]];
-    var _c1$r = ["[headerNavigation]"];
+    var _c1$q = ["[headerNavigation]"];
     var HeaderBarComponent = /** @class */ (function () {
         function HeaderBarComponent() {
             this.signOutRequest = new i0.EventEmitter();
@@ -219,7 +219,7 @@
         return HeaderBarComponent;
     }());
     HeaderBarComponent.ɵfac = function HeaderBarComponent_Factory(t) { return new (t || HeaderBarComponent)(); };
-    HeaderBarComponent.ɵcmp = i0__namespace.ɵɵ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) {
+    HeaderBarComponent.ɵcmp = i0__namespace.ɵɵ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__namespace.ɵɵprojectionDef(_c0$Z);
                 i0__namespace.ɵɵelementStart(0, "header", 0);
@@ -283,14 +283,14 @@
     })();
 
     var _c0$Y = [[["", "leftNavLinks", ""]], [["", "rightNavLinks", ""]]];
-    var _c1$q = ["[leftNavLinks]", "[rightNavLinks]"];
+    var _c1$p = ["[leftNavLinks]", "[rightNavLinks]"];
     var NavigationComponent = /** @class */ (function () {
         function NavigationComponent() {
         }
         return NavigationComponent;
     }());
     NavigationComponent.ɵfac = function NavigationComponent_Factory(t) { return new (t || NavigationComponent)(); };
-    NavigationComponent.ɵcmp = i0__namespace.ɵɵ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) {
+    NavigationComponent.ɵcmp = i0__namespace.ɵɵ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__namespace.ɵɵprojectionDef(_c0$Y);
                 i0__namespace.ɵɵelementStart(0, "div");
@@ -438,14 +438,14 @@
     })();
 
     var _c0$X = [[["", "topBody", ""]], [["", "leftBody", ""]], [["", "rightBody", ""]]];
-    var _c1$p = ["[topBody]", "[leftBody]", "[rightBody]"];
+    var _c1$o = ["[topBody]", "[leftBody]", "[rightBody]"];
     var BodyComponent = /** @class */ (function () {
         function BodyComponent() {
         }
         return BodyComponent;
     }());
     BodyComponent.ɵfac = function BodyComponent_Factory(t) { return new (t || BodyComponent)(); };
-    BodyComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: BodyComponent, selectors: [["cut-body"]], ngContentSelectors: _c1$p, decls: 4, vars: 0, consts: [[1, "global-display"]], template: function BodyComponent_Template(rf, ctx) {
+    BodyComponent.ɵcmp = i0__namespace.ɵɵ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__namespace.ɵɵprojectionDef(_c0$X);
                 i0__namespace.ɵɵelementStart(0, "div", 0);
@@ -1472,14 +1472,14 @@
     })();
 
     var _c0$U = function (a0) { return { "js-hidden": a0 }; };
-    var _c1$o = ["*"];
+    var _c1$n = ["*"];
     var TabComponent = /** @class */ (function () {
         function TabComponent() {
         }
         return TabComponent;
     }());
     TabComponent.ɵfac = function TabComponent_Factory(t) { return new (t || TabComponent)(); };
-    TabComponent.ɵcmp = i0__namespace.ɵɵ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) {
+    TabComponent.ɵcmp = i0__namespace.ɵɵ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__namespace.ɵɵprojectionDef();
                 i0__namespace.ɵɵelementStart(0, "div", 0);
@@ -1511,7 +1511,7 @@
     })();
 
     var _c0$T = ["tab"];
-    var _c1$n = function () { return ["."]; };
+    var _c1$m = function () { return ["."]; };
     var _c2$3 = function (a0) { return { "tabs-toggle-selected": a0 }; };
     function TabsComponent_li_2_Template(rf, ctx) {
         if (rf & 1) {
@@ -1526,7 +1526,7 @@
         if (rf & 2) {
             var panel_r1 = ctx.$implicit;
             i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("routerLink", i0__namespace.ɵɵpureFunction0(6, _c1$n))("fragment", panel_r1.id)("ngClass", i0__namespace.ɵɵpureFunction1(7, _c2$3, panel_r1.selected));
+            i0__namespace.ɵɵproperty("routerLink", i0__namespace.ɵɵpureFunction0(6, _c1$m))("fragment", panel_r1.id)("ngClass", i0__namespace.ɵɵpureFunction1(7, _c2$3, panel_r1.selected));
             i0__namespace.ɵɵattribute("aria-controls", panel_r1.id)("aria-selected", panel_r1.selected);
             i0__namespace.ɵɵadvance(2);
             i0__namespace.ɵɵtextInterpolate(panel_r1.title);
@@ -3923,7 +3923,7 @@
             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';
         };
         FieldsUtils.cloneObject = function (obj) {
             return Object.assign({}, obj);
@@ -4863,19 +4863,18 @@
             return control;
         };
         AbstractFormFieldComponent.prototype.addControlToFormGroup = function (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(function (cf) { return cf.id === 'CaseReference'; })
-                && this.caseField.id !== 'caseLinks'
-                && this instanceof AbstractFieldWriteComponent) {
-                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;
         };
@@ -11696,7 +11695,7 @@
             i0__namespace.ɵɵelementEnd();
         }
     }
-    var _c1$m = function (a0) { return { "form-group-error": a0 }; };
+    var _c1$l = function (a0) { return { "form-group-error": a0 }; };
     var _c2$2 = function (a0) { return { "govuk-input--error": a0 }; };
     function WriteAddressFieldComponent_div_1_div_4_Template(rf, ctx) {
         if (rf & 1) {
@@ -11717,7 +11716,7 @@
         }
         if (rf & 2) {
             var ctx_r2 = i0__namespace.ɵɵnextContext(2);
-            i0__namespace.ɵɵproperty("id", ctx_r2.createElementId("postcodeLookup"))("ngClass", i0__namespace.ɵɵpureFunction1(7, _c1$m, ctx_r2.missingPostcode));
+            i0__namespace.ɵɵproperty("id", ctx_r2.createElementId("postcodeLookup"))("ngClass", i0__namespace.ɵɵpureFunction1(7, _c1$l, ctx_r2.missingPostcode));
             i0__namespace.ɵɵadvance(1);
             i0__namespace.ɵɵproperty("for", ctx_r2.createElementId("postcodeInput"));
             i0__namespace.ɵɵadvance(3);
@@ -13008,8 +13007,7 @@
         ReadCaseLinkFieldComponent.prototype.hasCaseLinkCollection = function () {
             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');
         };
         return ReadCaseLinkFieldComponent;
     }(AbstractFieldReadComponent));
@@ -13039,7 +13037,7 @@
     var _c0$P = ["writeComplexFieldComponent"];
     function WriteCaseLinkFieldComponent_div_1_span_2_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "span", 8);
+            i0__namespace.ɵɵelementStart(0, "span", 6);
             i0__namespace.ɵɵtext(1);
             i0__namespace.ɵɵpipe(2, "ccdFieldLabel");
             i0__namespace.ɵɵelementEnd();
@@ -13052,7 +13050,7 @@
     }
     function WriteCaseLinkFieldComponent_div_1_span_3_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "span", 9);
+            i0__namespace.ɵɵelementStart(0, "span", 7);
             i0__namespace.ɵɵtext(1);
             i0__namespace.ɵɵelementEnd();
         }
@@ -13062,52 +13060,34 @@
             i0__namespace.ɵɵtextInterpolate(ctx_r3.caseField.hint_text);
         }
     }
-    function WriteCaseLinkFieldComponent_div_1_span_4_Template(rf, ctx) {
-        if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "span", 10);
-            i0__namespace.ɵɵtext(1);
-            i0__namespace.ɵɵpipe(2, "ccdFirstError");
-            i0__namespace.ɵɵelementEnd();
-        }
-        if (rf & 2) {
-            var ctx_r4 = i0__namespace.ɵɵnextContext(2);
-            i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind2(2, 1, ctx_r4.caseReferenceControl.errors, ctx_r4.caseField.label));
-        }
-    }
-    var _c1$l = function (a0) { return { "form-group-error": a0 }; };
     function WriteCaseLinkFieldComponent_div_1_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "div", 2);
-            i0__namespace.ɵɵelementStart(1, "label", 3);
-            i0__namespace.ɵɵtemplate(2, WriteCaseLinkFieldComponent_div_1_span_2_Template, 3, 3, "span", 4);
+            i0__namespace.ɵɵelementStart(0, "div", 1);
+            i0__namespace.ɵɵelementStart(1, "label", 2);
+            i0__namespace.ɵɵtemplate(2, WriteCaseLinkFieldComponent_div_1_span_2_Template, 3, 3, "span", 3);
             i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵtemplate(3, WriteCaseLinkFieldComponent_div_1_span_3_Template, 2, 1, "span", 5);
-            i0__namespace.ɵɵtemplate(4, WriteCaseLinkFieldComponent_div_1_span_4_Template, 3, 4, "span", 6);
-            i0__namespace.ɵɵelement(5, "input", 7);
+            i0__namespace.ɵɵtemplate(3, WriteCaseLinkFieldComponent_div_1_span_3_Template, 2, 1, "span", 4);
+            i0__namespace.ɵɵelement(4, "input", 5);
             i0__namespace.ɵɵelementEnd();
         }
         if (rf & 2) {
             var ctx_r0 = i0__namespace.ɵɵnextContext();
-            i0__namespace.ɵɵproperty("formGroup", ctx_r0.caseLinkGroup)("ngClass", i0__namespace.ɵɵpureFunction1(8, _c1$l, !ctx_r0.caseReferenceControl.valid && (ctx_r0.caseReferenceControl.dirty || ctx_r0.caseReferenceControl.touched)));
             i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("for", ctx_r0.caseReferenceControl);
+            i0__namespace.ɵɵproperty("for", ctx_r0.id());
             i0__namespace.ɵɵadvance(1);
             i0__namespace.ɵɵproperty("ngIf", ctx_r0.caseField.label);
             i0__namespace.ɵɵadvance(1);
             i0__namespace.ɵɵproperty("ngIf", ctx_r0.caseField.hint_text);
             i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("ngIf", ctx_r0.caseReferenceControl.errors && (ctx_r0.caseReferenceControl.dirty || ctx_r0.caseReferenceControl.touched));
-            i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("id", ctx_r0.caseReferenceControl)("formControl", ctx_r0.caseReferenceControl);
+            i0__namespace.ɵɵproperty("id", ctx_r0.id())("formControl", ctx_r0.caseReferenceControl);
         }
     }
     function WriteCaseLinkFieldComponent_div_2_Template(rf, ctx) {
         if (rf & 1) {
-            var _r6_1 = i0__namespace.ɵɵgetCurrentView();
-            i0__namespace.ɵɵelementStart(0, "div", 11);
-            i0__namespace.ɵɵelementStart(1, "ccd-write-linked-cases", 12);
-            i0__namespace.ɵɵlistener("onLinkedCasesSelected", function WriteCaseLinkFieldComponent_div_2_Template_ccd_write_linked_cases_onLinkedCasesSelected_1_listener() { i0__namespace.ɵɵrestoreView(_r6_1); var ctx_r5 = i0__namespace.ɵɵnextContext(); return ctx_r5.submitLinkedCases(); });
+            var _r5_1 = i0__namespace.ɵɵgetCurrentView();
+            i0__namespace.ɵɵelementStart(0, "div", 1);
+            i0__namespace.ɵɵelementStart(1, "ccd-write-linked-cases", 8);
+            i0__namespace.ɵɵlistener("onLinkedCasesSelected", function WriteCaseLinkFieldComponent_div_2_Template_ccd_write_linked_cases_onLinkedCasesSelected_1_listener() { i0__namespace.ɵɵrestoreView(_r5_1); var ctx_r4 = i0__namespace.ɵɵnextContext(); return ctx_r4.submitLinkedCases(); });
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
         }
@@ -13127,72 +13107,32 @@
         }
         WriteCaseLinkFieldComponent.prototype.ngOnInit = function () {
             var e_1, _a;
-            // 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 i2.FormGroup({
-                        CaseReference: new i2.FormControl(this.caseField.value.CaseReference, i2.Validators.required),
-                    }), true);
-                }
-                else {
-                    this.caseLinkGroup = this.registerControl(new i2.FormGroup({
-                        CaseReference: new i2.FormControl(null, i2.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') {
-                    try {
-                        for (var _b = __values(this.caseField.field_type.complex_fields), _c = _b.next(); !_c.done; _c = _b.next()) {
-                            var caseLinkSubField = _c.value;
-                            caseLinkSubField.retain_hidden_value = this.caseField.retain_hidden_value;
-                        }
-                    }
-                    catch (e_1_1) { e_1 = { error: e_1_1 }; }
-                    finally {
-                        try {
-                            if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
-                        }
-                        finally { if (e_1) throw e_1.error; }
-                    }
-                }
+            this.formArray = this.registerControl(new i2.FormArray([]), true);
+            this.formArray['caseField'] = this.caseField;
+            if (!this.hasCaseLinkCollection()) {
+                this.caseLinkGroup = this.registerControl(new i2.FormGroup({
+                    CaseReference: new i2.FormControl(this.caseField.value.CaseReference, i2.Validators.required),
+                }), true);
             }
-        };
-        WriteCaseLinkFieldComponent.prototype.caseReferenceValidator = function () {
-            var _this = this;
-            return function (control) {
-                if (control.value) {
-                    if (_this.validCaseReference(control.value)) {
-                        return null;
+            // 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') {
+                try {
+                    for (var _b = __values(this.caseField.field_type.complex_fields), _c = _b.next(); !_c.done; _c = _b.next()) {
+                        var caseLinkSubField = _c.value;
+                        caseLinkSubField.retain_hidden_value = this.caseField.retain_hidden_value;
                     }
-                    return { error: 'Please use a valid 16 Digit Case Reference' };
                 }
-                else {
-                    if (control.touched) {
-                        return { error: 'Please use a valid 16 Digit Case Reference' };
+                catch (e_1_1) { e_1 = { error: e_1_1 }; }
+                finally {
+                    try {
+                        if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
                     }
+                    finally { if (e_1) throw e_1.error; }
                 }
-                return null;
-            };
-        };
-        WriteCaseLinkFieldComponent.prototype.validCaseReference = function (valueString) {
-            if (!valueString) {
-                return false;
             }
-            return new RegExp('^\\b\\d{4}[ -]?\\d{4}[ -]?\\d{4}[ -]?\\d{4}\\b$').test(valueString.trim());
-        };
-        WriteCaseLinkFieldComponent.prototype.hasCaseLinkCollection = function () {
-            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
-         */
         WriteCaseLinkFieldComponent.prototype.submitLinkedCases = function () {
             var formGroup = this.formGroup;
             if (!this.linkedCasesService.isLinkedCasesEventTrigger) {
@@ -13204,6 +13144,17 @@
                 this.formGroup.value.caseLinks = this.linkedCasesService.caseFieldValue;
             }
         };
+        WriteCaseLinkFieldComponent.prototype.validCaseReference = function (valueString) {
+            if (!valueString) {
+                return false;
+            }
+            return new RegExp('^\\b\\d{4}[ -]?\\d{4}[ -]?\\d{4}[ -]?\\d{4}\\b$').test(valueString.trim());
+        };
+        WriteCaseLinkFieldComponent.prototype.hasCaseLinkCollection = function () {
+            return (this.caseField.field_type &&
+                this.caseField.field_type.type === 'Collection' &&
+                this.caseField.field_type.collection_field_type.id === 'CaseLink');
+        };
         return WriteCaseLinkFieldComponent;
     }(AbstractFieldWriteComponent));
     WriteCaseLinkFieldComponent.ɵfac = function WriteCaseLinkFieldComponent_Factory(t) { return new (t || WriteCaseLinkFieldComponent)(i0__namespace.ɵɵdirectiveInject(LinkedCasesService)); };
@@ -13215,11 +13166,11 @@
                 var _t = void 0;
                 i0__namespace.ɵɵqueryRefresh(_t = i0__namespace.ɵɵloadQuery()) && (ctx.writeComplexFieldComponent = _t.first);
             }
-        }, inputs: { caseFields: "caseFields", formGroup: "formGroup" }, features: [i0__namespace.ɵɵ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) {
+        }, inputs: { caseFields: "caseFields", formGroup: "formGroup" }, features: [i0__namespace.ɵɵ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__namespace.ɵɵelementContainerStart(0);
-                i0__namespace.ɵɵtemplate(1, WriteCaseLinkFieldComponent_div_1_Template, 6, 10, "div", 0);
-                i0__namespace.ɵɵtemplate(2, WriteCaseLinkFieldComponent_div_2_Template, 2, 4, "div", 1);
+                i0__namespace.ɵɵtemplate(1, WriteCaseLinkFieldComponent_div_1_Template, 5, 5, "div", 0);
+                i0__namespace.ɵɵtemplate(2, WriteCaseLinkFieldComponent_div_2_Template, 2, 4, "div", 0);
                 i0__namespace.ɵɵelementContainerEnd();
             }
             if (rf & 2) {
@@ -17186,6 +17137,9 @@
         PaymentField.prototype.getRefundsUrl = function () {
             return this.appConfig.getRefundsUrl();
         };
+        PaymentField.prototype.getNotificationUrl = function () {
+            return this.appConfig.getNotificationUrl();
+        };
         PaymentField.prototype.getUserRoles = function () {
             var userDetails = JSON.parse(this.sessionStorage.getItem('userDetails') || null);
             if (!userDetails || !userDetails.hasOwnProperty('roles')) {
@@ -17211,12 +17165,12 @@
         return CasePaymentHistoryViewerFieldComponent;
     }(PaymentField));
     CasePaymentHistoryViewerFieldComponent.ɵfac = function CasePaymentHistoryViewerFieldComponent_Factory(t) { return new (t || CasePaymentHistoryViewerFieldComponent)(i0__namespace.ɵɵdirectiveInject(AbstractAppConfig), i0__namespace.ɵɵdirectiveInject(SessionStorageService)); };
-    CasePaymentHistoryViewerFieldComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: CasePaymentHistoryViewerFieldComponent, selectors: [["ccd-case-payment-history-viewer-field"]], features: [i0__namespace.ɵɵInheritDefinitionFeature], decls: 1, vars: 15, consts: [[3, "API_ROOT", "CCD_CASE_NUMBER", "BULKSCAN_API_ROOT", "SELECTED_OPTION", "ISBSENABLE", "LOGGEDINUSEREMAIL", "LOGGEDINUSERROLES", "REFUNDS_API_ROOT", "VIEW", "TAKEPAYMENT", "SERVICEREQUEST", "PAYMENT_GROUP_REF", "EXC_REFERENCE", "DCN_NUMBER", "ISPAYMENTSTATUSENABLED"]], template: function CasePaymentHistoryViewerFieldComponent_Template(rf, ctx) {
+    CasePaymentHistoryViewerFieldComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: CasePaymentHistoryViewerFieldComponent, selectors: [["ccd-case-payment-history-viewer-field"]], features: [i0__namespace.ɵɵInheritDefinitionFeature], decls: 1, vars: 16, consts: [[3, "API_ROOT", "CCD_CASE_NUMBER", "BULKSCAN_API_ROOT", "SELECTED_OPTION", "ISBSENABLE", "LOGGEDINUSEREMAIL", "LOGGEDINUSERROLES", "REFUNDS_API_ROOT", "NOTIFICATION_API_ROOT", "VIEW", "TAKEPAYMENT", "SERVICEREQUEST", "PAYMENT_GROUP_REF", "EXC_REFERENCE", "DCN_NUMBER", "ISPAYMENTSTATUSENABLED"]], template: function CasePaymentHistoryViewerFieldComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0__namespace.ɵɵelement(0, "ccpay-payment-lib", 0);
             }
             if (rf & 2) {
-                i0__namespace.ɵɵproperty("API_ROOT", ctx.getBaseURL())("CCD_CASE_NUMBER", ctx.caseReference)("BULKSCAN_API_ROOT", ctx.getPayBulkScanBaseURL())("SELECTED_OPTION", "CCDorException")("ISBSENABLE", "true")("LOGGEDINUSEREMAIL", ctx.getUserEmail())("LOGGEDINUSERROLES", ctx.getUserRoles())("REFUNDS_API_ROOT", ctx.getRefundsUrl())("VIEW", "case-transactions")("TAKEPAYMENT", false)("SERVICEREQUEST", false)("PAYMENT_GROUP_REF", null)("EXC_REFERENCE", ctx.caseReference)("DCN_NUMBER", null)("ISPAYMENTSTATUSENABLED", "Enable");
+                i0__namespace.ɵɵproperty("API_ROOT", ctx.getBaseURL())("CCD_CASE_NUMBER", ctx.caseReference)("BULKSCAN_API_ROOT", ctx.getPayBulkScanBaseURL())("SELECTED_OPTION", "CCDorException")("ISBSENABLE", "true")("LOGGEDINUSEREMAIL", ctx.getUserEmail())("LOGGEDINUSERROLES", ctx.getUserRoles())("REFUNDS_API_ROOT", ctx.getRefundsUrl())("NOTIFICATION_API_ROOT", ctx.getNotificationUrl())("VIEW", "case-transactions")("TAKEPAYMENT", false)("SERVICEREQUEST", false)("PAYMENT_GROUP_REF", null)("EXC_REFERENCE", ctx.caseReference)("DCN_NUMBER", null)("ISPAYMENTSTATUSENABLED", "Enable");
             }
         }, directives: [i3__namespace.PaymentLibComponent], encapsulation: 2 });
     (function () {
@@ -17624,7 +17578,7 @@
         }
         if (rf & 2) {
             var ctx_r0 = i0__namespace.ɵɵnextContext();
-            i0__namespace.ɵɵproperty("API_ROOT", ctx_r0.getBaseURL())("BULKSCAN_API_ROOT", ctx_r0.getPayBulkScanBaseURL())("REFUNDS_API_ROOT", ctx_r0.getRefundsUrl())("CCD_CASE_NUMBER", ctx_r0.caseReference)("VIEW", "case-transactions")("TAKEPAYMENT", false)("SERVICEREQUEST", true)("PAYMENT_GROUP_REF", null)("EXC_REFERENCE", ctx_r0.caseReference)("DCN_NUMBER", null)("SELECTED_OPTION", "CCDorException")("LOGGEDINUSERROLES", ctx_r0.getUserRoles())("CARDPAYMENTRETURNURL", ctx_r0.getCardPaymentReturnUrl())("ISPAYMENTSTATUSENABLED", "Enable");
+            i0__namespace.ɵɵproperty("API_ROOT", ctx_r0.getBaseURL())("BULKSCAN_API_ROOT", ctx_r0.getPayBulkScanBaseURL())("REFUNDS_API_ROOT", ctx_r0.getRefundsUrl())("NOTIFICATION_API_ROOT", ctx_r0.getNotificationUrl())("CCD_CASE_NUMBER", ctx_r0.caseReference)("VIEW", "case-transactions")("TAKEPAYMENT", false)("SERVICEREQUEST", true)("PAYMENT_GROUP_REF", null)("EXC_REFERENCE", ctx_r0.caseReference)("DCN_NUMBER", null)("SELECTED_OPTION", "CCDorException")("LOGGEDINUSERROLES", ctx_r0.getUserRoles())("CARDPAYMENTRETURNURL", ctx_r0.getCardPaymentReturnUrl())("ISPAYMENTSTATUSENABLED", "Enable");
         }
     }
     var WaysToPayFieldComponent = /** @class */ (function (_super) {
@@ -17638,9 +17592,9 @@
         return WaysToPayFieldComponent;
     }(PaymentField));
     WaysToPayFieldComponent.ɵfac = function WaysToPayFieldComponent_Factory(t) { return new (t || WaysToPayFieldComponent)(i0__namespace.ɵɵdirectiveInject(AbstractAppConfig), i0__namespace.ɵɵdirectiveInject(SessionStorageService)); };
-    WaysToPayFieldComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: WaysToPayFieldComponent, selectors: [["ccd-ways-to-pay-field"]], features: [i0__namespace.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [[3, "API_ROOT", "BULKSCAN_API_ROOT", "REFUNDS_API_ROOT", "CCD_CASE_NUMBER", "VIEW", "TAKEPAYMENT", "SERVICEREQUEST", "PAYMENT_GROUP_REF", "EXC_REFERENCE", "DCN_NUMBER", "SELECTED_OPTION", "LOGGEDINUSERROLES", "CARDPAYMENTRETURNURL", "ISPAYMENTSTATUSENABLED", 4, "ngIf"], [3, "API_ROOT", "BULKSCAN_API_ROOT", "REFUNDS_API_ROOT", "CCD_CASE_NUMBER", "VIEW", "TAKEPAYMENT", "SERVICEREQUEST", "PAYMENT_GROUP_REF", "EXC_REFERENCE", "DCN_NUMBER", "SELECTED_OPTION", "LOGGEDINUSERROLES", "CARDPAYMENTRETURNURL", "ISPAYMENTSTATUSENABLED"]], template: function WaysToPayFieldComponent_Template(rf, ctx) {
+    WaysToPayFieldComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: WaysToPayFieldComponent, selectors: [["ccd-ways-to-pay-field"]], features: [i0__namespace.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [[3, "API_ROOT", "BULKSCAN_API_ROOT", "REFUNDS_API_ROOT", "NOTIFICATION_API_ROOT", "CCD_CASE_NUMBER", "VIEW", "TAKEPAYMENT", "SERVICEREQUEST", "PAYMENT_GROUP_REF", "EXC_REFERENCE", "DCN_NUMBER", "SELECTED_OPTION", "LOGGEDINUSERROLES", "CARDPAYMENTRETURNURL", "ISPAYMENTSTATUSENABLED", 4, "ngIf"], [3, "API_ROOT", "BULKSCAN_API_ROOT", "REFUNDS_API_ROOT", "NOTIFICATION_API_ROOT", "CCD_CASE_NUMBER", "VIEW", "TAKEPAYMENT", "SERVICEREQUEST", "PAYMENT_GROUP_REF", "EXC_REFERENCE", "DCN_NUMBER", "SELECTED_OPTION", "LOGGEDINUSERROLES", "CARDPAYMENTRETURNURL", "ISPAYMENTSTATUSENABLED"]], template: function WaysToPayFieldComponent_Template(rf, ctx) {
             if (rf & 1) {
-                i0__namespace.ɵɵtemplate(0, WaysToPayFieldComponent_ccpay_payment_lib_0_Template, 1, 14, "ccpay-payment-lib", 0);
+                i0__namespace.ɵɵtemplate(0, WaysToPayFieldComponent_ccpay_payment_lib_0_Template, 1, 15, "ccpay-payment-lib", 0);
             }
             if (rf & 2) {
                 i0__namespace.ɵɵproperty("ngIf", ctx.getUserRoles().length > 0);
@@ -17902,11 +17856,11 @@
                             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':
@@ -25560,7 +25514,7 @@
         WriteOrganisationComplexFieldComponent], [i1__namespace.AsyncPipe]);
     i0__namespace.ɵɵsetComponentScope(WriteOrderSummaryFieldComponent, [ReadOrderSummaryFieldComponent], []);
     i0__namespace.ɵɵsetComponentScope(WriteDateContainerFieldComponent, [i1__namespace.NgIf, DatetimePickerComponent, i2__namespace.NgControlStatusGroup, i2__namespace.FormGroupDirective, WriteDateFieldComponent], []);
-    i0__namespace.ɵɵsetComponentScope(WriteCaseLinkFieldComponent, [i1__namespace.NgIf, i2__namespace.NgControlStatusGroup, i2__namespace.FormGroupDirective, i1__namespace.NgClass, i2__namespace.DefaultValueAccessor, i2__namespace.NgControlStatus, i2__namespace.FormControlDirective, WriteLinkedCasesComponent], [FieldLabelPipe, FirstErrorPipe]);
+    i0__namespace.ɵɵsetComponentScope(WriteCaseLinkFieldComponent, [i1__namespace.NgIf, i2__namespace.DefaultValueAccessor, i2__namespace.NgControlStatus, i2__namespace.FormControlDirective, WriteLinkedCasesComponent, i2__namespace.NgControlStatusGroup, i2__namespace.FormGroupDirective], [FieldLabelPipe]);
     i0__namespace.ɵɵsetComponentScope(WriteCollectionFieldComponent, [i1__namespace.NgIf, i1__namespace.NgForOf, FieldWriteComponent, i2__namespace.NgControlStatusGroup, i2__namespace.FormGroupDirective], [FieldLabelPipe, FirstErrorPipe]);
     i0__namespace.ɵɵsetComponentScope(
     // ComponentLauncher web components