@hmcts/rpx-xui-common-lib 1.4.20-reset-button → 1.4.21-case-share-fix-r2

package/bundles/hmcts-rpx-xui-common-lib.umd.js

@@ -795,58 +795,16 @@
         return FilterService;
     }());
 
-    /**
-     * @fileoverview added by tsickle
-     * Generated from: lib/components/generic-filter/generic-filter-utils.ts
-     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
-     */
-    /**
-     * @template T
-     * @param {?} min
-     * @return {?}
-     */
-    function minSelectedValidator(min) {
-        return ( /**
-         * @param {?} control
-         * @return {?}
-         */function (control) {
-            /** @type {?} */
-            var values = ( /** @type {?} */(control.value));
-            return values.length && values.filter(( /**
-             * @param {?} value
-             * @return {?}
-             */function (value) { return value; })).length >= min ? null : { minLength: true };
-        });
-    }
-    /**
-     * @template T
-     * @param {?} max
-     * @return {?}
-     */
-    function maxSelectedValidator(max) {
-        return ( /**
-         * @param {?} control
-         * @return {?}
-         */function (control) {
-            /** @type {?} */
-            var values = ( /** @type {?} */(control.value));
-            return values.length && values.filter(( /**
-             * @param {?} value
-             * @return {?}
-             */function (value) { return value; })).length <= max ? null : { maxLength: true };
-        });
-    }
-
     /**
      * @fileoverview added by tsickle
      * Generated from: lib/components/generic-filter/generic-filter.component.ts
      * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
     var GenericFilterComponent = /** @class */ (function () {
-        function GenericFilterComponent(filterService, fb) {
+        function GenericFilterComponent(filterService) {
             this.filterService = filterService;
-            this.fb = fb;
-            this.submitted = false;
+            this.selected = [];
+            this.hasErrors = false;
         }
         Object.defineProperty(GenericFilterComponent.prototype, "config", {
             get: /**
@@ -891,196 +849,13 @@
         /**
          * @return {?}
          */
-        GenericFilterComponent.prototype.ngOnInit = /**
-         * @return {?}
-         */
-            function () {
-                var _this = this;
-                if (!this.settings) {
-                    this.getSettings();
-                }
-                this.mergeDefaultFields(this.settings);
-                this.buildForm(this.config, this.settings);
-                this.formSub = this.form.valueChanges.subscribe(( /**
-                 * @return {?}
-                 */function () { return _this.submitted = false; }));
-            };
-        /**
-         * @return {?}
-         */
-        GenericFilterComponent.prototype.ngOnDestroy = /**
-         * @return {?}
-         */
-            function () {
-                if (this.formSub) {
-                    this.formSub.unsubscribe();
-                }
-            };
-        /**
-         * @param {?} field
-         * @param {?} form
-         * @return {?}
-         */
-        GenericFilterComponent.prototype.hidden = /**
-         * @param {?} field
-         * @param {?} form
-         * @return {?}
-         */
-            function (field, form) {
-                if (!field.showCondition) {
-                    return false;
-                }
-                if (typeof field.showCondition === 'string') {
-                    /** @type {?} */
-                    var control = ( /** @type {?} */(form.get(field.name)));
-                    var _a = __read(field.showCondition.split('='), 2), name_1 = _a[0], value = _a[1];
-                    if (form.value && form.value[name_1] === value) {
-                        if (field.type === 'find-person') {
-                            control.get('email').setValidators(forms.Validators.required);
-                            control.get('email').updateValueAndValidity();
-                        }
-                        else {
-                            control.setValidators(forms.Validators.required);
-                            control.updateValueAndValidity();
-                        }
-                        return false;
-                    }
-                    else {
-                        if (field.type === 'find-person') {
-                            control.get('email').clearValidators();
-                            control.get('email').updateValueAndValidity();
-                        }
-                        else {
-                            control.clearValidators();
-                            control.updateValueAndValidity();
-                        }
-                    }
-                }
-                return true;
-            };
-        /**
-         * @param {?} field
-         * @param {?} form
-         * @return {?}
-         */
-        GenericFilterComponent.prototype.disabled = /**
-         * @param {?} field
-         * @param {?} form
-         * @return {?}
-         */
-            function (field, form) {
-                if (!field.enableCondition) {
-                    return null;
-                }
-                if (typeof field.enableCondition === 'string') {
-                    /** @type {?} */
-                    var control = ( /** @type {?} */(form.get(field.name)));
-                    var _a = __read(field.enableCondition.split('='), 2), name_2 = _a[0], value = _a[1];
-                    if (form.value && form.value[name_2] === value) {
-                        if (field.type === 'find-person') {
-                            control.get('email').setValidators(forms.Validators.required);
-                            control.get('email').updateValueAndValidity();
-                        }
-                        else {
-                            control.setValidators(forms.Validators.required);
-                            control.updateValueAndValidity();
-                        }
-                        return null;
-                    }
-                    else {
-                        if (field.type === 'find-person') {
-                            control.get('email').clearValidators();
-                            control.get('email').updateValueAndValidity();
-                        }
-                        else {
-                            control.clearValidators();
-                            control.updateValueAndValidity();
-                        }
-                    }
-                }
-                return true;
-            };
-        /**
-         * @param {?} form
-         * @return {?}
-         */
         GenericFilterComponent.prototype.applyFilter = /**
-         * @param {?} form
          * @return {?}
          */
-            function (form) {
-                this.submitted = true;
-                form.markAsTouched();
-                if (form.valid) {
-                    this._settings = {
-                        id: this.config.id,
-                        fields: this.getSelectedValues(form.value, this.config)
-                    };
+            function () {
+                if (!this.checkFieldsConstraints(this.selected)) {
                     this.filterService.givenErrors.next(null);
-                    /** @type {?} */
-                    var settings = __assign({}, this.settings, { reset: false });
-                    this.filterService.persist(settings, this.config.persistence);
-                }
-                else {
-                    this.emitFormErrors(form);
-                }
-            };
-        // when domain changes ensure that person field is reset
-        // when domain changes ensure that person field is reset
-        /**
-         * @param {?} field
-         * @param {?} form
-         * @return {?}
-         */
-        GenericFilterComponent.prototype.selectChanged =
-            // when domain changes ensure that person field is reset
-            /**
-             * @param {?} field
-             * @param {?} form
-             * @return {?}
-             */
-            function (field, form) {
-                if (field.findPersonField) {
-                    /** @type {?} */
-                    var currentField = this.config.fields.find(( /**
-                     * @param {?} f
-                     * @return {?}
-                     */function (f) { return f.name === field.findPersonField; }));
-                    if (currentField) {
-                        currentField.domain = form.get(field.name).value;
-                    }
-                    this.removePersonField(field);
-                }
-            };
-        /**
-         * @param {?} field
-         * @return {?}
-         */
-        GenericFilterComponent.prototype.radiosChanged = /**
-         * @param {?} field
-         * @return {?}
-         */
-            function (field) {
-                if (field.findPersonField) {
-                    this.form.get('findPersonControl').setValue(null);
-                    this.removePersonField(field);
-                }
-            };
-        /**
-         * @param {?} field
-         * @return {?}
-         */
-        GenericFilterComponent.prototype.removePersonField = /**
-         * @param {?} field
-         * @return {?}
-         */
-            function (field) {
-                if (this.form.get(field.findPersonField)) {
-                    this.form.get(field.findPersonField).get('domain').setValue(null);
-                    this.form.get(field.findPersonField).get('email').setValue(null);
-                    this.form.get(field.findPersonField).get('id').setValue(null);
-                    this.form.get(field.findPersonField).get('name').setValue(null);
-                    this.form.get(field.findPersonField).get('knownAs').setValue(null);
+                    this.filterService.persist(this.settings, this.config.persistence);
                 }
             };
         /**
@@ -1090,129 +865,81 @@
          * @return {?}
          */
             function () {
-                this.buildForm(this.config, this.settings, true);
-                if (this.config && this.config.cancelSetting) {
-                    this._settings.fields = JSON.parse(JSON.stringify(this.config.cancelSetting.fields));
-                }
                 /** @type {?} */
-                var settings = __assign({}, this.settings, { reset: true });
-                this.filterService.persist(settings, this.config.persistence);
-                this.filterService.givenErrors.next(null);
+                var cancelFields = JSON.parse(JSON.stringify(this.config.cancelSetting.fields));
+                this._settings.fields = cancelFields;
+                this.selected = cancelFields;
+                this.applyFilter();
             };
         /**
-         * @param {?} values
-         * @param {?} field
+         * @param {?} id
+         * @param {?} key
          * @return {?}
          */
-        GenericFilterComponent.prototype.updatePersonControls = /**
-         * @param {?} values
-         * @param {?} field
+        GenericFilterComponent.prototype.isSelected = /**
+         * @param {?} id
+         * @param {?} key
          * @return {?}
          */
-            function (values, field) {
-                var e_1, _a;
-                /** @type {?} */
-                var keys = Object.keys(values);
-                try {
-                    for (var keys_1 = __values(keys), keys_1_1 = keys_1.next(); !keys_1_1.done; keys_1_1 = keys_1.next()) {
-                        var key = keys_1_1.value;
-                        if (this.form.get(field.name) && this.form.get(field.name).get(key)) {
-                            this.form.get(field.name).get(key).patchValue(values[key]);
-                        }
-                    }
-                }
-                catch (e_1_1) {
-                    e_1 = { error: e_1_1 };
-                }
-                finally {
-                    try {
-                        if (keys_1_1 && !keys_1_1.done && (_a = keys_1.return))
-                            _a.call(keys_1);
-                    }
-                    finally {
-                        if (e_1)
-                            throw e_1.error;
-                    }
+            function (id, key) {
+                if (this.settings) {
+                    return this.settings.fields.some(( /**
+                     * @param {?} x
+                     * @return {?}
+                     */function (x) { return x.name === id; })) && this.settings.fields.some(( /**
+                     * @param {?} x
+                     * @return {?}
+                     */function (x) {
+                        return x.value.some(( /**
+                         * @param {?} v
+                         * @return {?}
+                         */function (v) { return v === key; }));
+                    }));
                 }
+                return false;
             };
         /**
          * @param {?} event
-         * @param {?} form
-         * @param {?} item
-         * @param {?} field
          * @return {?}
          */
-        GenericFilterComponent.prototype.toggleSelectAll = /**
+        GenericFilterComponent.prototype.onSelectionChange = /**
          * @param {?} event
-         * @param {?} form
-         * @param {?} item
-         * @param {?} field
          * @return {?}
          */
-            function (event, form, item, field) {
+            function (event) {
                 /** @type {?} */
-                var isChecked = event.target.checked;
+                var input = ( /** @type {?} */(event.target));
                 /** @type {?} */
-                var formArray = ( /** @type {?} */(form.get(field.name)));
-                if (!item.selectAll) {
-                    /** @type {?} */
-                    var allChecked = formArray.controls.every(( /**
-                     * @param {?} control
-                     * @return {?}
-                     */function (control) { return control.value; }));
-                    /** @type {?} */
-                    var index_1 = null;
-                    /** @type {?} */
-                    var hasSelectAllOption = field.options.find(( /**
-                     * @param {?} option
-                     * @param {?} i
-                     * @return {?}
-                     */function (option, i) {
-                        if (option.hasOwnProperty('selectAll')) {
-                            index_1 = i;
-                            return true;
-                        }
-                        return false;
-                    }));
-                    // tslint:disable-next-line:variable-name
-                    /** @type {?} */
-                    var isAllCheckedExcludingTheSelectAllOption = formArray.controls.filter(( /**
-                     * @param {?} _control
-                     * @param {?} i
-                     * @return {?}
-                     */function (_control, i) { return i !== index_1; }))
-                        .every(( /**
-                 * @param {?} control
+                var fieldName = input.getAttribute('field');
+                /** @type {?} */
+                var match = this.selected.find(( /**
+                 * @param {?} x
                  * @return {?}
-                 */function (control) { return control.value; }));
-                    if (!allChecked && hasSelectAllOption && !isChecked) {
-                        formArray.controls.forEach(( /**
-                         * @param {?} control
-                         * @param {?} i
-                         * @return {?}
-                         */function (control, i) {
-                            if (index_1 === i) {
-                                control.patchValue(false);
-                                return;
+                 */function (x) { return x.name === fieldName; }));
+                if (match) {
+                    if (input.type === 'checkbox') {
+                        if (input.checked) {
+                            match.value.push(input.value);
+                        }
+                        else {
+                            /** @type {?} */
+                            var index = match.value.indexOf(input.value);
+                            if (index !== -1) {
+                                match.value.splice(index, 1);
                             }
-                        }));
-                    }
-                    else if (hasSelectAllOption && !allChecked && isChecked && isAllCheckedExcludingTheSelectAllOption) {
-                        formArray.controls[index_1].patchValue(true);
-                    }
-                    return;
-                }
-                formArray.controls.forEach(( /**
-                 * @param {?} control
-                 * @return {?}
-                 */function (control) {
-                    if (isChecked) {
-                        control.patchValue(true);
+                        }
                     }
                     else {
-                        control.patchValue(false);
+                        match.value = [input.value];
                     }
-                }));
+                }
+                else {
+                    this.selected.push({ name: fieldName, value: [input.value] });
+                }
+                this._settings = {
+                    id: this.config.id,
+                    fields: this.selected
+                };
             };
         /**
          * @private
@@ -1225,15 +952,10 @@
          * @return {?}
          */
             function (filter) {
-                if (filter) {
-                    filter.fields = this.filterService.get(this.config.id) ? this.filterService.get(this.config.id).fields : filter.fields;
-                }
-                else if (this.config && this.config.cancelSetting) {
-                    this._settings = {
-                        id: this.config.id,
-                        fields: JSON.parse(JSON.stringify(this.config.cancelSetting.fields))
-                    };
-                }
+                /** @type {?} */
+                var fields = this.filterService.get(this.config.id) ? this.filterService.get(this.config.id).fields : filter.fields;
+                this.selected = fields;
+                filter.fields = fields;
             };
         /**
          * @private
@@ -1248,236 +970,59 @@
             };
         /**
          * @private
-         * @param {?} config
-         * @param {?} settings
-         * @param {?=} reset
+         * @param {?} selected
          * @return {?}
          */
-        GenericFilterComponent.prototype.buildForm = /**
+        GenericFilterComponent.prototype.checkFieldsConstraints = /**
          * @private
-         * @param {?} config
-         * @param {?} settings
-         * @param {?=} reset
+         * @param {?} selected
          * @return {?}
          */
-            function (config, settings, reset) {
-                var e_2, _a;
+            function (selected) {
+                var e_1, _a;
                 /** @type {?} */
-                var findPersonControl = this.form ? this.form.get('findPersonControl') : null;
-                this.form = this.fb.group({});
-                if (findPersonControl) {
-                    // in order to maintain find person component, control needs to be kept
-                    this.form.addControl('findPersonControl', findPersonControl);
-                }
-                var _loop_1 = function (field) {
-                    if (field.type === 'checkbox') {
+                var hasErrors = false;
+                var _loop_1 = function (fieldConstraint) {
+                    if (fieldConstraint.minSelected > 0 || fieldConstraint.maxSelected > 0) {
                         /** @type {?} */
-                        var formArray = this_1.buildCheckBoxFormArray(field, settings);
-                        this_1.form.addControl(field.name, formArray);
-                    }
-                    else {
-                        /** @type {?} */
-                        var validators = [];
-                        if (field.minSelected && field.minSelected > 0) {
-                            validators.push(forms.Validators.required);
-                        }
-                        /** @type {?} */
-                        var defaultValue = null;
-                        if (reset && config.cancelSetting) {
-                            /** @type {?} */
-                            var cancelField = config.cancelSetting.fields.find(( /**
-                             * @param {?} f
-                             * @return {?}
-                             */function (f) { return f.name === field.name; }));
-                            defaultValue = cancelField && cancelField.value ? cancelField.value[0] : '';
-                        }
-                        else if (settings && settings.fields) {
-                            /** @type {?} */
-                            var lastSavedValue = settings.fields.find(( /**
-                             * @param {?} f
-                             * @return {?}
-                             */function (f) { return f.name === field.name; }));
-                            defaultValue = lastSavedValue && lastSavedValue ? lastSavedValue.value[0] : '';
-                        }
-                        // if field is find-person build a form group;
-                        if (field.type === 'find-person') {
-                            /** @type {?} */
-                            var formGroup = new forms.FormGroup({
-                                domain: new forms.FormControl(''),
-                                email: new forms.FormControl(defaultValue && defaultValue.hasOwnProperty('email') ? defaultValue.email : '', validators),
-                                id: new forms.FormControl(''),
-                                name: new forms.FormControl(''),
-                                knownAs: new forms.FormControl(''),
-                            });
-                            this_1.form.addControl(field.name, formGroup);
+                        var field = selected.find(( /**
+                         * @param {?} f
+                         * @return {?}
+                         */function (f) { return f.name === fieldConstraint.name; }));
+                        if (!field) {
+                            // display error for minimum selected
+                            fieldConstraint.displayMinSelectedError = true;
+                            hasErrors = true;
+                            this_1.filterService.givenErrors.next(fieldConstraint.minSelectedError);
+                            return "continue";
                         }
-                        else {
-                            /** @type {?} */
-                            var control = new forms.FormControl(defaultValue, validators);
-                            this_1.form.addControl(field.name, control);
+                        if (field.value.length > fieldConstraint.maxSelected) {
+                            // display error for maximum selected
+                            fieldConstraint.displayMaxSelectedError = true;
+                            hasErrors = true;
+                            this_1.filterService.givenErrors.next(fieldConstraint.maxSelectedError);
+                            return "continue";
                         }
-                        // if field updates find person component set the initial domain
-                        if (field.findPersonField) {
-                            this_1.selectChanged(field, this_1.form);
+                        if (field.value.length < fieldConstraint.minSelected) {
+                            // display error for minimum selected
+                            fieldConstraint.displayMinSelectedError = true;
+                            hasErrors = true;
+                            this_1.filterService.givenErrors.next(fieldConstraint.minSelectedError);
+                            return "continue";
                         }
+                        fieldConstraint.displayMinSelectedError = false;
+                        fieldConstraint.displayMaxSelectedError = false;
                     }
                 };
                 var this_1 = this;
-                try {
-                    for (var _b = __values(config.fields), _c = _b.next(); !_c.done; _c = _b.next()) {
-                        var field = _c.value;
-                        _loop_1(field);
-                    }
-                }
-                catch (e_2_1) {
-                    e_2 = { error: e_2_1 };
-                }
-                finally {
-                    try {
-                        if (_c && !_c.done && (_a = _b.return))
-                            _a.call(_b);
-                    }
-                    finally {
-                        if (e_2)
-                            throw e_2.error;
-                    }
-                }
-            };
-        /**
-         * @private
-         * @param {?} field
-         * @param {?} settings
-         * @return {?}
-         */
-        GenericFilterComponent.prototype.buildCheckBoxFormArray = /**
-         * @private
-         * @param {?} field
-         * @param {?} settings
-         * @return {?}
-         */
-            function (field, settings) {
-                var e_3, _a;
-                /** @type {?} */
-                var validators = [];
-                if (field && field.minSelected) {
-                    validators.push(minSelectedValidator(field.minSelected));
-                }
-                if (field && field.maxSelected) {
-                    validators.push(maxSelectedValidator(field.maxSelected));
-                }
-                /** @type {?} */
-                var formArray = this.fb.array([], validators);
-                /** @type {?} */
-                var defaultValues;
-                if (settings && settings.fields) {
-                    defaultValues = settings.fields.find(( /**
-                     * @param {?} f
-                     * @return {?}
-                     */function (f) { return f.name === field.name; }));
-                }
-                var _loop_2 = function (option) {
-                    /** @type {?} */
-                    var checked = false;
-                    if (defaultValues && Array.isArray(defaultValues.value)) {
-                        checked = !!defaultValues.value.find(( /**
-                         * @param {?} value
-                         * @return {?}
-                         */function (value) { return value === option.key; }));
-                    }
-                    formArray.push(new forms.FormControl(checked));
-                };
-                try {
-                    for (var _b = __values(field.options), _c = _b.next(); !_c.done; _c = _b.next()) {
-                        var option = _c.value;
-                        _loop_2(option);
-                    }
-                }
-                catch (e_3_1) {
-                    e_3 = { error: e_3_1 };
-                }
-                finally {
-                    try {
-                        if (_c && !_c.done && (_a = _b.return))
-                            _a.call(_b);
-                    }
-                    finally {
-                        if (e_3)
-                            throw e_3.error;
-                    }
-                }
-                return formArray;
-            };
-        /**
-         * @private
-         * @param {?} formValues
-         * @param {?} config
-         * @return {?}
-         */
-        GenericFilterComponent.prototype.getSelectedValues = /**
-         * @private
-         * @param {?} formValues
-         * @param {?} config
-         * @return {?}
-         */
-            function (formValues, config) {
-                return Object.keys(formValues).map(( /**
-                 * @param {?} name
-                 * @return {?}
-                 */function (name) {
-                    /** @type {?} */
-                    var values = formValues[name];
-                    if (Array.isArray(values)) {
-                        /** @type {?} */
-                        var field = config.fields.find(( /**
-                         * @param {?} f
-                         * @return {?}
-                         */function (f) { return f.name === name; }));
-                        /** @type {?} */
-                        var realValues = field.options.reduce(( /**
-                         * @param {?} acc
-                         * @param {?} option
-                         * @param {?} index
-                         * @return {?}
-                         */function (acc, option, index) {
-                            if (values[index]) {
-                                return __spread(acc, [option.key]);
-                            }
-                            return acc;
-                        }), []);
-                        return { value: realValues, name: name };
-                    }
-                    else {
-                        return { value: [values], name: name };
-                    }
-                }));
-            };
-        /**
-         * @private
-         * @param {?} form
-         * @return {?}
-         */
-        GenericFilterComponent.prototype.emitFormErrors = /**
-         * @private
-         * @param {?} form
-         * @return {?}
-         */
-            function (form) {
-                var e_4, _a;
                 try {
                     for (var _b = __values(this.config.fields), _c = _b.next(); !_c.done; _c = _b.next()) {
-                        var field = _c.value;
-                        /** @type {?} */
-                        var formGroup = form.get(field.name);
-                        if (formGroup && formGroup.errors && formGroup.errors.minLength) {
-                            this.filterService.givenErrors.next(field.minSelectedError);
-                        }
-                        if (formGroup && formGroup.errors && formGroup.errors.maxLength) {
-                            this.filterService.givenErrors.next(field.maxSelectedError);
-                        }
+                        var fieldConstraint = _c.value;
+                        _loop_1(fieldConstraint);
                     }
                 }
-                catch (e_4_1) {
-                    e_4 = { error: e_4_1 };
+                catch (e_1_1) {
+                    e_1 = { error: e_1_1 };
                 }
                 finally {
                     try {
@@ -1485,25 +1030,25 @@
                             _a.call(_b);
                     }
                     finally {
-                        if (e_4)
-                            throw e_4.error;
+                        if (e_1)
+                            throw e_1.error;
                     }
                 }
+                return hasErrors;
             };
         GenericFilterComponent.decorators = [
             { type: i0.Component, args: [{
                         selector: 'xuilib-generic-filter',
-                        template: "<form [formGroup]=\"form\" (ngSubmit)=\"applyFilter(form)\">\n  <div class=\"contain-classes\" *ngFor=\"let field of config.fields\">\n    <hr *ngIf=\"field.lineBreakBefore\" class=\"govuk-section-break govuk-section-break--visible elevated-break\">\n    <div class=\"govuk-form-group xui-generic-filter\"\n         [hidden]=\"hidden(field, form)\"\n         [ngClass]=\"{'form-group-error': submitted && (form.get(field.name).errors?.minLength || form.get(field.name).errors?.maxLength)}\">\n      <h3 *ngIf=\"field.title\" class=\"govuk-heading-s\">{{field.title}}</h3>\n      <p class=\"govuk-body\" *ngIf=\"field.subTitle\">{{field.subTitle}}</p>\n      <span [id]=\"field.name + '-error'\" class=\"govuk-error-message\" *ngIf=\"field.displayMinSelectedError && submitted && form.get(field.name).errors?.minLength\">\n        <span class=\"govuk-visually-hidden\">Error:</span> {{field.minSelectedError}}\n      </span>\n      <span [id]=\"field.name + '-error'\" class=\"govuk-error-message\" *ngIf=\"field.displayMaxSelectedError && submitted && form.get(field.name).errors?.maxLength\">\n        <span class=\"govuk-visually-hidden\">Error:</span> {{field.maxSelectedError}}\n      </span>\n      <div class=\"govuk-body\" [ngSwitch]=\"field.type\">\n        <ng-container *ngSwitchCase=\"'select'\">\n          <select class=\"govuk-select\" (change)=\"selectChanged(field, form)\" [attr.disabled]=\"disabled(field, form)\" [name]=\"'select_' + field.name\" [id]=\"'select_' + field.name\" [formControlName]=\"field.name\">\n            <option disabled selected hidden value=\"\">{{field.disabledText}}</option>\n            <option class=\"govuk-radios__item\" *ngFor=\"let item of field.options\" [value]=\"item.key\">{{item.label}}</option>\n          </select>\n        </ng-container>\n        <ng-container *ngSwitchCase=\"'checkbox'\">\n          <div class=\"govuk-checkboxes govuk-checkboxes--small\" [formGroupName]=\"field.name\" [attr.field]=\"field.name\" [id]=\"'checkbox_' + field.name\">\n            <div *ngFor=\"let item of field.options; let i = index\" class=\"govuk-checkboxes__item\">\n              <input type=\"checkbox\" class=\"govuk-checkboxes__input\"\n                     [attr.disabled]=\"disabled(field, form)\"\n                     [formControlName]=\"i\"\n                     (change)=\"toggleSelectAll($event, form, item, field)\"\n                     [value]=\"item.key\" [id]=\"'checkbox_' + item.key\"\n                     [name]=\"'checkbox_' + item.key\"\n              />\n              <label\n                [for]=\"'checkbox_' + item.key\"\n                class=\"govuk-label govuk-checkboxes__label\"\n                [ngClass]=\"{'govuk-!-font-weight-bold': item.selectAll}\"\n              >{{item.label}}</label>\n            </div>\n          </div>\n        </ng-container>\n        <ng-container *ngSwitchCase=\"'radio'\">\n          <div class=\"govuk-radios\">\n            <div *ngFor=\"let item of field.options\" class=\"govuk-radios__item\">\n              <input type=\"radio\"\n                     [formControlName]=\"field.name\"\n                     [id]=\"'radio_' + item.key\"\n                     [attr.disabled]=\"disabled(field, form)\"\n                     [checked]=\"item.key === form.get(field.name).value\"\n                     class=\"govuk-radios__input\"\n                     [value]=\"item.key\"\n                     (change)=\"radiosChanged(field)\"\n              />\n              <label [for]=\"'radio_' + item.key\" class=\"govuk-label govuk-radios__label\">{{item.label}}</label>\n            </div>\n          </div>\n        </ng-container>\n        <ng-container *ngSwitchCase=\"'find-person'\">\n          <xuilib-find-person subTitle=\"\" (personSelected)=\"updatePersonControls($event, field)\"\n                              [submitted]=\"submitted\"\n                              [disabled]=\"disabled(field, form)\"\n                              [domain]=\"field.domain\"\n                              [findPersonGroup]=\"form\"\n                              [selectedPerson]=\"form.get(field.name)?.value?.email\"\n          ></xuilib-find-person>\n        </ng-container>\n      </div>\n    </div>\n  </div>\n  <hr class=\"govuk-section-break govuk-section-break--m govuk-section-break--visible\"/>\n  <div class=\"govuk-grid-row\">\n    <div class=\"govuk-grid-column-full\">\n      <button\n        class=\"govuk-button govuk-!-margin-right-1 govuk-!-margin-bottom-0\"\n        type=\"submit\"\n        id=\"applyFilter\"\n        [disabled]=\"config.enableDisabledButton && form.invalid\"\n      >{{config.applyButtonText || 'Apply'}}</button>\n      <button\n        class=\"govuk-button govuk-button--secondary govuk-!-margin-bottom-0\"\n        type=\"button\"\n        id=\"cancelFilter\"\n        (click)=\"cancelFilter()\">{{ config.cancelButtonText || 'Cancel'}}</button>\n    </div>\n  </div>\n</form>\n",
+                        template: "<div class=\"govuk-form-group\">\n  <div class=\"xui-generic-filter\" *ngFor=\"let field of config.fields\">\n    <div class=\"govuk-form-group\" [ngClass]=\"{'form-group-error': field.displayMinSelectedError || field.displayMaxSelectedError}\">\n      <h3 *ngIf=\"field.title\" class=\"govuk-heading-s\">{{field.title}}</h3>\n      <p class=\"govuk-body\" *ngIf=\"field.subTitle\">{{field.subTitle}}</p>\n      <div class=\"govuk-body\" [ngSwitch]=\"field.type\">\n        <ng-container *ngSwitchCase=\"'checkbox'\">\n          <div class=\"govuk-checkboxes govuk-checkboxes--small\">\n            <div *ngFor=\"let item of field.options\" class=\"govuk-checkboxes__item\">\n              <input type=\"checkbox\" [name]=\"'checkbox_' + item.key\" [id]=\"'checkbox_' + item.key\" [value]=\"item.key\" [checked]=\"isSelected(field.name, item.key)\" (change)=\"onSelectionChange($event)\" class=\"govuk-checkboxes__input\" [attr.field]=\"field.name\"/>\n              <label [for]=\"'checkbox_' + item.key\" class=\"govuk-label govuk-checkboxes__label\" [attr.field]=\"field.name\">{{item.label}}</label>\n            </div>\n          </div>\n        </ng-container>\n        <ng-container *ngSwitchCase=\"'radio'\">\n          <div class=\"govuk-radios\">\n            <div *ngFor=\"let item of field.options\" class=\"govuk-radios__item\">\n              <input type=\"radio\" [name]=\"'radio_' + field.name\" [id]=\"'radio_' + item.key\" [value]=\"item.key\" [checked]=\"isSelected(field.name,item.key)\" (change)=\"onSelectionChange($event)\" class=\"govuk-radios__input\"/>\n              <label [for]=\"'radio_' + item.key\" class=\"govuk-label govuk-radios__label\">{{item.label}}</label>\n            </div>\n          </div>\n        </ng-container>\n        <ng-container *ngSwitchCase=\"'select'\">\n          <select class=\"govuk-select\" [name]=\"'select_' + field.name\" [id]=\"'select_' + field.name\" (change)=\"onSelectionChange($event)\">\n            <ng-container *ngFor=\"let item of field.options\">\n              <option class=\"govuk-radios__item\" [value]=\"item.key\" [selected]=\"isSelected(field.name,item.key)\">{{item.label}}</option>\n            </ng-container>\n          </select>\n        </ng-container>\n      </div>\n    </div>\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-full\">\n        <hr class=\"govuk-section-break govuk-section-break--m govuk-section-break--visible\"/>\n        <button class=\"govuk-button govuk-!-margin-right-1 govuk-!-margin-bottom-0\" type=\"submit\" id=\"applyFilter\" (click)=\"applyFilter()\">{{config.applyButtonText || 'Apply'}}</button>\n        <button class=\"govuk-button govuk-button--secondary govuk-!-margin-bottom-0\" id=\"cancelFilter\" (click)=\"cancelFilter()\">{{ config.cancelButtonText || 'Cancel'}}</button>\n      </div>\n    </div>\n  </div>\n</div>\n",
                         changeDetection: i0.ChangeDetectionStrategy.OnPush,
                         encapsulation: i0.ViewEncapsulation.None,
-                        styles: [".contain-classes .elevated-break{position:relative;top:-10px}.contain-classes .xui-generic-filter .select-all{margin-bottom:10px}.contain-classes .xui-generic-filter .govuk-checkboxes{display:flex;flex-wrap:wrap}.contain-classes .xui-generic-filter .govuk-checkboxes>div{flex-grow:1;flex-shrink:0}"]
+                        styles: [".xui-generic-filter .select-all{margin-bottom:10px}.xui-generic-filter .govuk-checkboxes{display:flex;flex-wrap:wrap}.xui-generic-filter .govuk-checkboxes>div{flex-grow:1;flex-shrink:0;flex-basis:calc(50% - 34px);width:29%}"]
                     }] }
         ];
         /** @nocollapse */
         GenericFilterComponent.ctorParameters = function () {
             return [
-                { type: FilterService },
-                { type: forms.FormBuilder }
+                { type: FilterService }
             ];
         };
         GenericFilterComponent.propDecorators = {
@@ -1629,18 +1174,45 @@
      * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
     var LoadingSpinnerComponent = /** @class */ (function () {
-        function LoadingSpinnerComponent() {
-            this.loadingText = 'Loading';
+        function LoadingSpinnerComponent(renderer) {
+            this.renderer = renderer;
+            this.zIndex = 1000;
+            this.loadingText = 'Page can take up to 30 seconds to load';
         }
+        /**
+         * @return {?}
+         */
+        LoadingSpinnerComponent.prototype.ngOnInit = /**
+         * @return {?}
+         */
+            function () {
+                this.renderer.addClass(document.body, 'loading-spinner-in-action');
+            };
+        /**
+         * @return {?}
+         */
+        LoadingSpinnerComponent.prototype.ngOnDestroy = /**
+         * @return {?}
+         */
+            function () {
+                this.renderer.removeClass(document.body, 'loading-spinner-in-action');
+            };
         LoadingSpinnerComponent.decorators = [
             { type: i0.Component, args: [{
                         selector: 'xuilib-loading-spinner',
-                        template: "<div class=\"spinner-container\">\n    <div class=\"spinner-inner-container\">\n        <p>{{loadingText}}</p>\n        <div class=\"spinner\" style=\"margin: auto;\"></div>\n    </div>\n</div>\n",
+                        template: "<div class=\"loading-spinner__overlay\" [ngStyle]=\"{'z-index': zIndex}\">\n  <div class=\"loading-spinner__box\" [ngStyle]=\"{'z-index': zIndex + 1}\">\n    <div class=\"loading-spinner__fan\">\n      <ng-container *ngFor=\"let i of [].constructor(12)\">\n        <div></div>\n      </ng-container>\n    </div>\n    <p>{{loadingText}}</p>\n  </div>\n</div>",
                         encapsulation: i0.ViewEncapsulation.None,
-                        styles: [".spinner-container{position:fixed;top:0;left:0;height:100%;width:100%;display:flex;justify-content:center;align-items:center;background:rgba(255,255,255,.5);z-index:99}.spinner-container .spinner-inner-container p{text-align:center}.spinner-container .spinner-inner-container .spinner{border:10px solid #ddd;border-top:10px solid #000;border-radius:50%;width:40px;height:40px;-webkit-animation:1s linear infinite spin;animation:1s linear infinite spin}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}"]
+                        styles: [".loading-spinner-in-action{overflow:hidden}.loading-spinner-in-action .loading-spinner__overlay{position:fixed;top:0;left:0;bottom:0;right:0;background-color:rgba(255,255,255,.7)}.loading-spinner-in-action .loading-spinner__box{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.loading-spinner-in-action .loading-spinner__fan{display:inline-block;position:relative;width:64px;height:64px}.loading-spinner-in-action .loading-spinner__fan div{transform-origin:32px 32px;-webkit-animation:1.2s linear infinite lds-spinner;animation:1.2s linear infinite lds-spinner}.loading-spinner-in-action .loading-spinner__fan div:after{content:\" \";display:block;position:absolute;top:3px;left:29px;width:5px;height:14px;border-radius:20%;background:#0b0c0c}.loading-spinner-in-action .loading-spinner__fan div:nth-child(1){transform:rotate(0);-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.loading-spinner-in-action .loading-spinner__fan div:nth-child(2){transform:rotate(30deg);-webkit-animation-delay:-1s;animation-delay:-1s}.loading-spinner-in-action .loading-spinner__fan div:nth-child(3){transform:rotate(60deg);-webkit-animation-delay:-.9s;animation-delay:-.9s}.loading-spinner-in-action .loading-spinner__fan div:nth-child(4){transform:rotate(90deg);-webkit-animation-delay:-.8s;animation-delay:-.8s}.loading-spinner-in-action .loading-spinner__fan div:nth-child(5){transform:rotate(120deg);-webkit-animation-delay:-.7s;animation-delay:-.7s}.loading-spinner-in-action .loading-spinner__fan div:nth-child(6){transform:rotate(150deg);-webkit-animation-delay:-.6s;animation-delay:-.6s}.loading-spinner-in-action .loading-spinner__fan div:nth-child(7){transform:rotate(180deg);-webkit-animation-delay:-.5s;animation-delay:-.5s}.loading-spinner-in-action .loading-spinner__fan div:nth-child(8){transform:rotate(210deg);-webkit-animation-delay:-.4s;animation-delay:-.4s}.loading-spinner-in-action .loading-spinner__fan div:nth-child(9){transform:rotate(240deg);-webkit-animation-delay:-.3s;animation-delay:-.3s}.loading-spinner-in-action .loading-spinner__fan div:nth-child(10){transform:rotate(270deg);-webkit-animation-delay:-.2s;animation-delay:-.2s}.loading-spinner-in-action .loading-spinner__fan div:nth-child(11){transform:rotate(300deg);-webkit-animation-delay:-.1s;animation-delay:-.1s}.loading-spinner-in-action .loading-spinner__fan div:nth-child(12){transform:rotate(330deg);-webkit-animation-delay:0s;animation-delay:0s}@-webkit-keyframes lds-spinner{0%{opacity:1}100%{opacity:0}}@keyframes lds-spinner{0%{opacity:1}100%{opacity:0}}"]
                     }] }
         ];
+        /** @nocollapse */
+        LoadingSpinnerComponent.ctorParameters = function () {
+            return [
+                { type: i0.Renderer2 }
+            ];
+        };
         LoadingSpinnerComponent.propDecorators = {
+            zIndex: [{ type: i0.Input }],
             loadingText: [{ type: i0.Input }]
         };
         return LoadingSpinnerComponent;
@@ -2948,6 +2520,18 @@
          * @return {?}
          */
             function (user) {
+                if (user.email) {
+                    user.email = user.email.trim();
+                }
+                if (user.firstName) {
+                    user.firstName = user.firstName.trim();
+                }
+                if (user.lastName) {
+                    user.lastName = user.lastName.trim();
+                }
+                if (user.idamId) {
+                    user.idamId = user.idamId.trim();
+                }
                 this.selectedUser = user;
             };
         /**
@@ -3486,391 +3070,101 @@
         /**
          * @return {?}
          */
-        CookieBannerComponent.prototype.rejectCookie = /**
-         * @return {?}
-         */
-            function () {
-                this.cookieService.setCookie(this.identifier, 'false', this.getExpiryDate());
-                this.setState(true);
-            };
-        /**
-         * @param {?=} reload
-         * @return {?}
-         */
-        CookieBannerComponent.prototype.setState = /**
-         * @param {?=} reload
-         * @return {?}
-         */
-            function (reload) {
-                if (reload === void 0) {
-                    reload = false;
-                }
-                this.isCookieBannerVisible = !this.cookieService.checkCookie(this.identifier);
-                if (this.areCookiesAccepted()) {
-                    this.notifyAcceptance();
-                }
-                else {
-                    this.notifyRejection();
-                }
-                if (reload) { // reload if any of the buttons are pressed
-                    this.window.location.reload();
-                }
-            };
-        /**
-         * @return {?}
-         */
-        CookieBannerComponent.prototype.areCookiesAccepted = /**
-         * @return {?}
-         */
-            function () {
-                return this.cookieService.checkCookie(this.identifier) && this.cookieService.getCookie(this.identifier) === 'true';
-            };
-        /**
-         * @return {?}
-         */
-        CookieBannerComponent.prototype.notifyRejection = /**
-         * @return {?}
-         */
-            function () {
-                this.rejectionNotifier.emit();
-            };
-        /**
-         * @return {?}
-         */
-        CookieBannerComponent.prototype.notifyAcceptance = /**
-         * @return {?}
-         */
-            function () {
-                this.acceptanceNotifier.emit();
-            };
-        /**
-         * @private
-         * @return {?}
-         */
-        CookieBannerComponent.prototype.getExpiryDate = /**
-         * @private
-         * @return {?}
-         */
-            function () {
-                /** @type {?} */
-                var now = new Date();
-                /** @type {?} */
-                var time = now.getTime();
-                /** @type {?} */
-                var expireTime = time + 31536000000;
-                now.setTime(expireTime);
-                return now.toUTCString();
-            };
-        CookieBannerComponent.decorators = [
-            { type: i0.Component, args: [{
-                        selector: 'xuilib-cookie-banner',
-                        template: "<div class=\"govuk-cookie-banner \" role=\"region\" attr.aria-label=\"'Cookies on {{appName}}'\" *ngIf=\"isCookieBannerVisible\">\n  <div class=\"govuk-cookie-banner__message govuk-width-container\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <h2 class=\"govuk-cookie-banner__heading govuk-heading-m\">Cookies on {{appName}}</h2>\n\n        <div class=\"govuk-cookie-banner__content\">\n          <p>We use some essential cookies to make this service work.</p>\n          <p>We\u2019d also like to use analytics cookies so we can understand how you use the service and make improvements.</p>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"govuk-button-group\">\n      <button value=\"accept\" type=\"button\" name=\"cookies\" class=\"govuk-button\" data-module=\"govuk-button\" (click)=\"acceptCookie()\">\n        Accept analytics cookies\n      </button>\n      <button value=\"reject\" type=\"button\" name=\"cookies\" class=\"govuk-button\" data-module=\"govuk-button\" (click)=\"rejectCookie()\">\n        Reject analytics cookies\n      </button>\n      <a class=\"govuk-link\" routerLink=\"/cookies\">View cookies</a>\n    </div>\n  </div>\n</div>"
-                    }] }
-        ];
-        /** @nocollapse */
-        CookieBannerComponent.ctorParameters = function () {
-            return [
-                { type: CookieService },
-                { type: undefined, decorators: [{ type: i0.Inject, args: [windowToken,] }] }
-            ];
-        };
-        CookieBannerComponent.propDecorators = {
-            identifier: [{ type: i0.Input }],
-            appName: [{ type: i0.Input }],
-            rejectionNotifier: [{ type: i0.Output }],
-            acceptanceNotifier: [{ type: i0.Output }]
-        };
-        return CookieBannerComponent;
-    }());
-
-    /**
-     * @fileoverview added by tsickle
-     * Generated from: lib/services/locations/location.service.ts
-     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
-     */
-    var LocationService = /** @class */ (function () {
-        function LocationService(http) {
-            this.http = http;
-        }
-        /**
-         * @description getAllLocations from service Ids/location type/search term
-         * @param serviceIds: SSCS | SSCS,IA split with ','
-         * @param locationType: optional | hearing | case_management
-         * @param searchTerm: any search term for postcode | site name | venue name |court name | court address etc.
-         * @return Observable<LocationByEPIMSModel[]>: Array of locationModel in Observable
-         */
-        /**
-         * \@description getAllLocations from service Ids/location type/search term
-         * @param {?} serviceIds
-         * @param {?} locationType
-         * @param {?} searchTerm
-         * @return {?} Observable<LocationByEPIMSModel[]>: Array of locationModel in Observable
-         */
-        LocationService.prototype.getAllLocations = /**
-         * \@description getAllLocations from service Ids/location type/search term
-         * @param {?} serviceIds
-         * @param {?} locationType
-         * @param {?} searchTerm
-         * @return {?} Observable<LocationByEPIMSModel[]>: Array of locationModel in Observable
-         */
-            function (serviceIds, locationType, searchTerm) {
-                return this.http.get("api/locations/getLocations?serviceIds=" + serviceIds + "&locationType=" + locationType + "&searchTerm=" + searchTerm);
-            };
-        LocationService.decorators = [
-            { type: i0.Injectable, args: [{
-                        providedIn: 'root'
-                    },] }
-        ];
-        /** @nocollapse */
-        LocationService.ctorParameters = function () {
-            return [
-                { type: i1.HttpClient }
-            ];
-        };
-        /** @nocollapse */ LocationService.ngInjectableDef = i0.defineInjectable({ factory: function LocationService_Factory() { return new LocationService(i0.inject(i1.HttpClient)); }, token: LocationService, providedIn: "root" });
-        return LocationService;
-    }());
-
-    /**
-     * @fileoverview added by tsickle
-     * Generated from: lib/components/search-location/search-location.component.ts
-     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
-     */
-    var SearchLocationComponent = /** @class */ (function () {
-        function SearchLocationComponent(locationService, fb) {
-            this.locationService = locationService;
-            this.disabled = null;
-            this.locationType = '';
-            this.serviceIds = '';
-            this.submitted = true;
-            this.showAutocomplete = false;
-            this.minSearchCharacters = 3;
-            this.keyUpSubject$ = new rxjs.Subject();
-            this.findLocationFormGroup = fb.group({
-                findLocationFormControl: [null],
-                locationSelectedFormControl: [null]
-            });
-            this.selectedLocations$ = rxjs.of([]);
-        }
-        /**
-         * @return {?}
-         */
-        SearchLocationComponent.prototype.ngOnInit = /**
-         * @return {?}
-         */
-            function () {
-                var _this = this;
-                this.locations$ = rxjs.of([]);
-                if (this.control) {
-                    if (this.findLocationFormGroup && this.findLocationFormGroup.controls) {
-                        this.findLocationFormGroup.controls.locationSelectedFormControl = this.control;
-                    }
-                }
-                this.keyUpSubject$.pipe(operators.debounceTime(500)).subscribe(( /**
-                 * @param {?} searchValue
-                 * @return {?}
-                 */function (searchValue) { return _this.search(( /** @type {?} */(searchValue))); }));
-            };
-        /**
-         * @param {?} event
-         * @return {?}
-         */
-        SearchLocationComponent.prototype.onKeyUp = /**
-         * @param {?} event
-         * @return {?}
-         */
-            function (event) {
-                this.keyUpSubject$.next(event.target.value);
-            };
-        Object.defineProperty(SearchLocationComponent.prototype, "locationSource$", {
-            get: /**
-             * @return {?}
-             */ function () {
-                var _this = this;
-                return this.locations$ ? this.locations$.pipe(operators.mergeMap(( /**
-                 * @param {?} locations
-                 * @return {?}
-                 */function (locations) {
-                    return _this.selectedLocations$.pipe(operators.map(( /**
-                     * @param {?} selectedLocations
-                     * @return {?}
-                     */function (selectedLocations) {
-                        return locations.filter(( /**
-                         * @param {?} location
-                         * @return {?}
-                         */function (location) {
-                            return !selectedLocations.map(( /**
-                             * @param {?} selectedLocation
-                             * @return {?}
-                             */function (selectedLocation) { return selectedLocation.epims_id; })).includes(location.epims_id);
-                        }));
-                    })));
-                }))) : rxjs.of([]);
-            },
-            enumerable: true,
-            configurable: true
-        });
-        /**
-         * @param {?} term
-         * @return {?}
-         */
-        SearchLocationComponent.prototype.filter = /**
-         * @param {?} term
-         * @return {?}
-         */
-            function (term) {
-                var _this = this;
-                this.getLocations(term).pipe(operators.mergeMap(( /**
-                 * @param {?} apiData
-                 * @return {?}
-                 */function (apiData) {
-                    return _this.selectedLocations$.pipe(operators.map(( /**
-                     * @param {?} selectedLocations
-                     * @return {?}
-                     */function (selectedLocations) {
-                        return apiData.filter(( /**
-                         * @param {?} apiLocation
-                         * @return {?}
-                         */function (apiLocation) {
-                            return !selectedLocations.map(( /**
-                             * @param {?} selectedLocation
-                             * @return {?}
-                             */function (selectedLocation) { return selectedLocation.epims_id; })).includes(apiLocation.epims_id);
-                        }));
-                    })));
-                }))).subscribe(( /**
-                 * @param {?} locations
-                 * @return {?}
-                 */function (locations) {
-                    _this.locations$ = rxjs.of(locations);
-                }));
-            };
-        /**
-         * @param {?=} selection
-         * @return {?}
-         */
-        SearchLocationComponent.prototype.onSelectionChange = /**
-         * @param {?=} selection
-         * @return {?}
-         */
-            function (selection) {
-                this.findLocationFormGroup.controls.locationSelectedFormControl.setValue(selection);
-            };
-        /**
-         * @param {?} currentValue
-         * @return {?}
-         */
-        SearchLocationComponent.prototype.search = /**
-         * @param {?} currentValue
+        CookieBannerComponent.prototype.rejectCookie = /**
          * @return {?}
          */
-            function (currentValue) {
-                this.showAutocomplete = !!currentValue && (currentValue.length >= this.minSearchCharacters);
-                if (this.showAutocomplete) {
-                    this.filter(currentValue);
-                }
+            function () {
+                this.cookieService.setCookie(this.identifier, 'false', this.getExpiryDate());
+                this.setState(true);
             };
         /**
-         * @param {?} selectedLocation
+         * @param {?=} reload
          * @return {?}
          */
-        SearchLocationComponent.prototype.getDisplayName = /**
-         * @param {?} selectedLocation
+        CookieBannerComponent.prototype.setState = /**
+         * @param {?=} reload
          * @return {?}
          */
-            function (selectedLocation) {
-                return selectedLocation.court_name;
+            function (reload) {
+                if (reload === void 0) {
+                    reload = false;
+                }
+                this.isCookieBannerVisible = !this.cookieService.checkCookie(this.identifier);
+                if (this.areCookiesAccepted()) {
+                    this.notifyAcceptance();
+                }
+                else {
+                    this.notifyRejection();
+                }
+                if (reload) { // reload if any of the buttons are pressed
+                    this.window.location.reload();
+                }
             };
         /**
-         * @param {?} term
          * @return {?}
          */
-        SearchLocationComponent.prototype.getLocations = /**
-         * @param {?} term
+        CookieBannerComponent.prototype.areCookiesAccepted = /**
          * @return {?}
          */
-            function (term) {
-                return this.locationService.getAllLocations(this.serviceIds, this.locationType, term);
+            function () {
+                return this.cookieService.checkCookie(this.identifier) && this.cookieService.getCookie(this.identifier) === 'true';
             };
         /**
          * @return {?}
          */
-        SearchLocationComponent.prototype.getControlCourtNameValue = /**
+        CookieBannerComponent.prototype.notifyRejection = /**
          * @return {?}
          */
             function () {
-                return this.findLocationFormGroup && this.findLocationFormGroup.controls && this.findLocationFormGroup.controls.locationSelectedFormControl.value ?
-                    (( /** @type {?} */(this.findLocationFormGroup.controls.locationSelectedFormControl.value))).court_name : '';
+                this.rejectionNotifier.emit();
             };
-        SearchLocationComponent.decorators = [
-            { type: i0.Component, args: [{
-                        selector: 'exui-search-location',
-                        template: "<div class=\"auto-complete-container\">\n  <div class=\"autocomplete__wrapper\">                \n    <input                             \n      [formControl]=\"findLocationFormGroup.controls.findLocationFormControl\"\n      [matAutocomplete]=\"auto\"\n      (keyup)=\"onKeyUp($event)\"\n      aria-expanded=\"false\" \n      aria-owns=\"input-selected-location__listbox\" \n      aria-autocomplete=\"both\" \n      autocomplete=\"off\" \n      class=\"autocomplete__input autocomplete__input--default search-box\"\n      [attr.disabled]=\"!disabled ? null: disabled\"\n      [value]=\"getControlCourtNameValue()\"\n      id=\"input-selected-location\">\n    <mat-autocomplete class=\"mat-autocomplete-panel-extend\" autoActiveFirstOption #auto=\"matAutocomplete\">\n      <mat-option *ngFor=\"let location of locationSource$ | async\"\n      [value]=\"getDisplayName(location)\"\n      (onSelectionChange)=\"onSelectionChange(location)\"\n      [ngClass]=\"{'hide-autocomplete': !showAutocomplete}\">\n      {{ getDisplayName(location) }}\n      </mat-option>\n    </mat-autocomplete>\n  </div>\n</div>\n",
-                        styles: [".autocomplete__input{-webkit-appearance:none;border:2px solid #0b0c0c;border-radius:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;margin-bottom:0;width:100%;background-color:transparent;position:relative}.autocomplete__hint{color:#b1b4b6;position:absolute}.autocomplete__input--default{padding:5px}.autocomplete__input--focused{outline:#fd0 solid 3px;outline-offset:0;box-shadow:inset 0 0 0 2px}.autocomplete__input--show-all-values{padding:5px 34px 5px 5px;cursor:pointer}.autocomplete__dropdown-arrow-down{z-index:-1;display:inline-block;position:absolute;right:8px;width:24px;height:24px;top:10px}.autocomplete__menu{background-color:#fff;border:2px solid #0b0c0c;border-top:0;color:#0b0c0c;margin:0;max-height:342px;overflow-x:hidden;padding:0;width:100%;width:calc(100% - 4px)}.autocomplete__menu--visible{display:block}.autocomplete__menu--hidden{display:none}.autocomplete__menu--overlay{box-shadow:rgba(0,0,0,.256863) 0 2px 6px;left:0;position:absolute;top:100%;z-index:100}.autocomplete__menu--inline{position:relative}.autocomplete__option{border-bottom:solid #b1b4b6;border-width:1px 0;cursor:pointer;display:block;position:relative}.autocomplete__option>*{pointer-events:none}.autocomplete__option:first-of-type{border-top-width:0}.autocomplete__option:last-of-type{border-bottom-width:0}.autocomplete__option--odd{background-color:#fafafa}.autocomplete__option--focused,.autocomplete__option:hover{background-color:#1d70b8;border-color:#1d70b8;color:#fff;outline:0}.autocomplete__option--no-results{background-color:#fafafa;color:#646b6f;cursor:not-allowed}.autocomplete__hint,.autocomplete__input,.autocomplete__option{font-size:16px;line-height:1.25}.autocomplete__hint,.autocomplete__option{padding:5px}@media (min-width:641px){.autocomplete__hint,.autocomplete__input,.autocomplete__option{font-size:19px;line-height:1.31579}}.div-action{display:inline-block}.add-location{display:inline}.remove-location-button{margin:5px}.hide-autocomplete{display:none}.auto-complete-container{width:50%;display:inline-block;margin-right:4px}"]
-                    }] }
-        ];
-        /** @nocollapse */
-        SearchLocationComponent.ctorParameters = function () {
-            return [
-                { type: LocationService },
-                { type: forms.FormBuilder }
-            ];
-        };
-        SearchLocationComponent.propDecorators = {
-            control: [{ type: i0.Input }],
-            disabled: [{ type: i0.Input }],
-            locationType: [{ type: i0.Input }],
-            selectedLocations$: [{ type: i0.Input }],
-            serviceIds: [{ type: i0.Input }],
-            submitted: [{ type: i0.Input }]
-        };
-        return SearchLocationComponent;
-    }());
-
-    /**
-     * @fileoverview added by tsickle
-     * Generated from: lib/components/pagination/pagination.component.ts
-     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
-     */
-    var PaginationComponent = /** @class */ (function () {
-        function PaginationComponent() {
-            this.previousPage = new i0.EventEmitter();
-            this.nextPage = new i0.EventEmitter();
-        }
         /**
          * @return {?}
          */
-        PaginationComponent.prototype.onPrevious = /**
+        CookieBannerComponent.prototype.notifyAcceptance = /**
          * @return {?}
          */
             function () {
-                this.previousPage.emit(null);
+                this.acceptanceNotifier.emit();
             };
         /**
+         * @private
          * @return {?}
          */
-        PaginationComponent.prototype.onNext = /**
+        CookieBannerComponent.prototype.getExpiryDate = /**
+         * @private
          * @return {?}
          */
             function () {
-                this.nextPage.emit(null);
+                /** @type {?} */
+                var now = new Date();
+                /** @type {?} */
+                var time = now.getTime();
+                /** @type {?} */
+                var expireTime = time + 31536000000;
+                now.setTime(expireTime);
+                return now.toUTCString();
             };
-        PaginationComponent.decorators = [
+        CookieBannerComponent.decorators = [
             { type: i0.Component, args: [{
-                        selector: 'xuilib-pagination',
-                        template: "<nav class=\"hmcts-pagination\" id=\"pagination-label\">\n\n  <p class=\"govuk-visually-hidden\" aria-labelledby=\"pagination-label\">Pagination navigation</p>\n\n  <ul class=\"hmcts-pagination__list\">\n    <li class=\"hmcts-pagination__item  hmcts-pagination__item--prev\">\n      <a *ngIf=\"firstRecord > 1; else noPrevious\" class=\"hmcts-pagination__link\" (click)=\"onPrevious()\" href=\"javascript:void(0)\">\n        Previous page\n      </a>\n      <ng-template #noPrevious>\n        <span class=\"hmcts-pagination__link\">Previous page</span>\n      </ng-template>\n    </li>\n\n    <li class=\"hmcts-pagination__item  hmcts-pagination__item--next\">\n      <a *ngIf=\"moreItems; else noNext\" class=\"hmcts-pagination__link\" (click)=\"onNext()\" href=\"javascript:void(0)\">Next page</a>\n      <ng-template #noNext>\n        <span class=\"hmcts-pagination__link\">Next page</span>\n      </ng-template>\n    </li>\n  </ul>\n</nav>\n",
-                        styles: ["span.hmcts-pagination__link:hover{color:revert}"]
+                        selector: 'xuilib-cookie-banner',
+                        template: "<div class=\"govuk-cookie-banner \" role=\"region\" attr.aria-label=\"'Cookies on {{appName}}'\" *ngIf=\"isCookieBannerVisible\">\n  <div class=\"govuk-cookie-banner__message govuk-width-container\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <h2 class=\"govuk-cookie-banner__heading govuk-heading-m\">Cookies on {{appName}}</h2>\n\n        <div class=\"govuk-cookie-banner__content\">\n          <p>We use some essential cookies to make this service work.</p>\n          <p>We\u2019d also like to use analytics cookies so we can understand how you use the service and make improvements.</p>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"govuk-button-group\">\n      <button value=\"accept\" type=\"button\" name=\"cookies\" class=\"govuk-button\" data-module=\"govuk-button\" (click)=\"acceptCookie()\">\n        Accept analytics cookies\n      </button>\n      <button value=\"reject\" type=\"button\" name=\"cookies\" class=\"govuk-button\" data-module=\"govuk-button\" (click)=\"rejectCookie()\">\n        Reject analytics cookies\n      </button>\n      <a class=\"govuk-link\" routerLink=\"/cookies\">View cookies</a>\n    </div>\n  </div>\n</div>"
                     }] }
         ];
         /** @nocollapse */
-        PaginationComponent.ctorParameters = function () { return []; };
-        PaginationComponent.propDecorators = {
-            moreItems: [{ type: i0.Input }],
-            firstRecord: [{ type: i0.Input }],
-            previousPage: [{ type: i0.Output }],
-            nextPage: [{ type: i0.Output }]
+        CookieBannerComponent.ctorParameters = function () {
+            return [
+                { type: CookieService },
+                { type: undefined, decorators: [{ type: i0.Inject, args: [windowToken,] }] }
+            ];
         };
-        return PaginationComponent;
+        CookieBannerComponent.propDecorators = {
+            identifier: [{ type: i0.Input }],
+            appName: [{ type: i0.Input }],
+            rejectionNotifier: [{ type: i0.Output }],
+            acceptanceNotifier: [{ type: i0.Output }]
+        };
+        return CookieBannerComponent;
     }());
 
     /**
@@ -4060,34 +3354,6 @@
         return ExuiPageWrapperComponent;
     }());
 
-    /**
-     * @fileoverview added by tsickle
-     * Generated from: lib/models/contact-details.model.ts
-     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
-     */
-    /** @enum {string} */
-    var BadgeColour = {
-        BADGE_RED: "hmcts-badge--red",
-        BADGE_BLUE: "hmcts-badge--blue",
-        BADGE_GREEN: "hmcts-badge--green",
-    };
-
-    /**
-     * @fileoverview added by tsickle
-     * Generated from: lib/models/feature-user.ts
-     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
-     */
-    var AnonymousFeatureUser = /** @class */ (function () {
-        function AnonymousFeatureUser() {
-        }
-        return AnonymousFeatureUser;
-    }());
-    var LoggedInFeatureUser = /** @class */ (function () {
-        function LoggedInFeatureUser() {
-        }
-        return LoggedInFeatureUser;
-    }());
-
     /**
      * @fileoverview added by tsickle
      * Generated from: lib/models/person.model.ts
@@ -4100,119 +3366,6 @@
         ADMIN: "Admin",
         ALL: "All",
     };
-    /** @enum {string} */
-    var RoleCategory = {
-        JUDICIAL: "JUDICIAL",
-        CASEWORKER: "LEGAL_OPERATIONS",
-        ADMIN: "ADMIN",
-        ALL: "ALL",
-    };
-
-    /**
-     * @fileoverview added by tsickle
-     * Generated from: lib/models/filter.model.ts
-     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
-     */
-    var RadioFilterFieldConfig = /** @class */ (function () {
-        function RadioFilterFieldConfig() {
-        }
-        return RadioFilterFieldConfig;
-    }());
-
-    /**
-     * @fileoverview added by tsickle
-     * Generated from: lib/services/session-storage/session-storage.service.ts
-     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
-     */
-    var SessionStorageService = /** @class */ (function () {
-        function SessionStorageService() {
-        }
-        /**
-         * Get an item from the session storage.
-         * If remove is true, the item will be removed once read
-         * @param removeAfterRead removed the key once it has been read
-         */
-        /**
-         * Get an item from the session storage.
-         * If remove is true, the item will be removed once read
-         * @param {?} key
-         * @param {?=} removeAfterRead removed the key once it has been read
-         * @return {?}
-         */
-        SessionStorageService.prototype.getItem = /**
-         * Get an item from the session storage.
-         * If remove is true, the item will be removed once read
-         * @param {?} key
-         * @param {?=} removeAfterRead removed the key once it has been read
-         * @return {?}
-         */
-            function (key, removeAfterRead) {
-                if (removeAfterRead === void 0) {
-                    removeAfterRead = false;
-                }
-                /** @type {?} */
-                var item = sessionStorage.getItem(key);
-                if (removeAfterRead) {
-                    this.removeItem(key);
-                }
-                return item;
-            };
-        /**
-         * Set an item in the session storage.
-         */
-        /**
-         * Set an item in the session storage.
-         * @param {?} key
-         * @param {?} value
-         * @return {?}
-         */
-        SessionStorageService.prototype.setItem = /**
-         * Set an item in the session storage.
-         * @param {?} key
-         * @param {?} value
-         * @return {?}
-         */
-            function (key, value) {
-                sessionStorage.setItem(key, value);
-            };
-        /**
-         * Remove an item in the session storage.
-         */
-        /**
-         * Remove an item in the session storage.
-         * @param {?} key
-         * @return {?}
-         */
-        SessionStorageService.prototype.removeItem = /**
-         * Remove an item in the session storage.
-         * @param {?} key
-         * @return {?}
-         */
-            function (key) {
-                sessionStorage.removeItem(key);
-            };
-        /**
-         * Clear all the items held in session storage.
-         */
-        /**
-         * Clear all the items held in session storage.
-         * @return {?}
-         */
-        SessionStorageService.prototype.clear = /**
-         * Clear all the items held in session storage.
-         * @return {?}
-         */
-            function () {
-                sessionStorage.clear();
-            };
-        SessionStorageService.decorators = [
-            { type: i0.Injectable, args: [{
-                        providedIn: 'root'
-                    },] }
-        ];
-        /** @nocollapse */ SessionStorageService.ngInjectableDef = i0.defineInjectable({ factory: function SessionStorageService_Factory() { return new SessionStorageService(); }, token: SessionStorageService, providedIn: "root" });
-        return SessionStorageService;
-    }());
 
     /**
      * @fileoverview added by tsickle
@@ -4220,9 +3373,8 @@
      * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
     var FindAPersonService = /** @class */ (function () {
-        function FindAPersonService(http, sessionStorageService) {
+        function FindAPersonService(http) {
             this.http = http;
-            this.sessionStorageService = sessionStorageService;
         }
         /**
          * @param {?} searchOptions
@@ -4235,69 +3387,6 @@
             function (searchOptions) {
                 return this.http.post('/workallocation2/findPerson', { searchOptions: searchOptions });
             };
-        /**
-         * @param {?} searchOptions
-         * @return {?}
-         */
-        FindAPersonService.prototype.findCaseworkers = /**
-         * @param {?} searchOptions
-         * @return {?}
-         */
-            function (searchOptions) {
-                var _this = this;
-                if (!this.sessionStorageService.getItem(FindAPersonService.caseworkersKey)) {
-                    this.http.get('/workallocation2/caseworker').pipe(operators.tap(( /**
-                     * @param {?} caseworkerList
-                     * @return {?}
-                     */function (caseworkerList) { return _this.sessionStorageService.setItem(FindAPersonService.caseworkersKey, JSON.stringify(caseworkerList)); })));
-                }
-                /** @type {?} */
-                var caseworkers = JSON.parse(this.sessionStorageService.getItem(FindAPersonService.caseworkersKey));
-                /** @type {?} */
-                var roleCategory = RoleCategory.ALL;
-                if (!(searchOptions.jurisdiction === PersonRole.ALL)) {
-                    roleCategory = searchOptions.jurisdiction === PersonRole.CASEWORKER ? RoleCategory.CASEWORKER : RoleCategory.ADMIN;
-                }
-                /** @type {?} */
-                var people = caseworkers ? this.mapCaseworkers(caseworkers, roleCategory) : [];
-                /** @type {?} */
-                var searchTerm = searchOptions && searchOptions.searchTerm ? searchOptions.searchTerm.toLowerCase() : '';
-                return rxjs.of(people.filter(( /**
-                 * @param {?} person
-                 * @return {?}
-                 */function (person) { return person && person.name && person.name.toLowerCase().includes(searchTerm); })));
-            };
-        /**
-         * @param {?} caseworkers
-         * @param {?} roleCategory
-         * @return {?}
-         */
-        FindAPersonService.prototype.mapCaseworkers = /**
-         * @param {?} caseworkers
-         * @param {?} roleCategory
-         * @return {?}
-         */
-            function (caseworkers, roleCategory) {
-                /** @type {?} */
-                var people = [];
-                caseworkers.forEach(( /**
-                 * @param {?} caseworker
-                 * @return {?}
-                 */function (caseworker) {
-                    /** @type {?} */
-                    var thisPerson = {
-                        email: caseworker.email,
-                        name: caseworker.firstName + " " + caseworker.lastName,
-                        id: caseworker.idamId,
-                        domain: caseworker.roleCategory === RoleCategory.CASEWORKER ? PersonRole.CASEWORKER : PersonRole.ADMIN,
-                    };
-                    if (caseworker.roleCategory === roleCategory || roleCategory === RoleCategory.ALL) {
-                        people.push(thisPerson);
-                    }
-                }));
-                return people;
-            };
-        FindAPersonService.caseworkersKey = 'caseworkers';
         FindAPersonService.decorators = [
             { type: i0.Injectable, args: [{
                         providedIn: 'root'
@@ -4306,11 +3395,10 @@
         /** @nocollapse */
         FindAPersonService.ctorParameters = function () {
             return [
-                { type: i1.HttpClient },
-                { type: SessionStorageService }
+                { type: i1.HttpClient }
             ];
         };
-        /** @nocollapse */ FindAPersonService.ngInjectableDef = i0.defineInjectable({ factory: function FindAPersonService_Factory() { return new FindAPersonService(i0.inject(i1.HttpClient), i0.inject(SessionStorageService)); }, token: FindAPersonService, providedIn: "root" });
+        /** @nocollapse */ FindAPersonService.ngInjectableDef = i0.defineInjectable({ factory: function FindAPersonService_Factory() { return new FindAPersonService(i0.inject(i1.HttpClient)); }, token: FindAPersonService, providedIn: "root" });
         return FindAPersonService;
     }());
 
@@ -4323,12 +3411,10 @@
         function FindPersonComponent(findPersonService) {
             this.findPersonService = findPersonService;
             this.personSelected = new i0.EventEmitter();
-            this.boldTitle = 'Find the person';
-            this.subTitle = 'Type the name of the person and select them.';
+            this.boldTitle = 'Find a person';
             this.domain = PersonRole.ALL;
-            this.submitted = true;
-            this.disabled = null;
             this.showAutocomplete = false;
+            this.showSmallTitle = false;
             this.findPersonControl = new forms.FormControl();
             this.minSearchCharacters = 2;
         }
@@ -4340,6 +3426,7 @@
          */
             function () {
                 var _this = this;
+                this.showSmallTitle = (this.boldTitle !== 'Find a person');
                 if (!this.findPersonGroup) {
                     this.findPersonGroup = new forms.FormGroup({});
                 }
@@ -4354,20 +3441,6 @@
                 })));
                 this.findPersonControl.setValue(this.selectedPerson);
             };
-        /**
-         * @param {?} changes
-         * @return {?}
-         */
-        FindPersonComponent.prototype.ngOnChanges = /**
-         * @param {?} changes
-         * @return {?}
-         */
-            function (changes) {
-                if (changes['domain'] && !changes['domain'].firstChange) {
-                    this.findPersonControl.setValue(null);
-                    this.selectedPerson = null;
-                }
-            };
         /**
          * @param {?} searchTerm
          * @return {?}
@@ -4377,29 +3450,8 @@
          * @return {?}
          */
             function (searchTerm) {
-                /** @type {?} */
-                var findJudicialPeople = this.findPersonService.find({ searchTerm: searchTerm, jurisdiction: this.domain });
-                /** @type {?} */
-                var findCaseworkersOrAdmins = this.findPersonService.findCaseworkers({ searchTerm: searchTerm, jurisdiction: this.domain });
                 if (searchTerm && searchTerm.length > this.minSearchCharacters) {
-                    switch (this.domain) {
-                        case PersonRole.JUDICIAL: {
-                            return findJudicialPeople;
-                        }
-                        case PersonRole.ALL: {
-                            return rxjs.zip(findJudicialPeople, findCaseworkersOrAdmins).pipe(operators.map(( /**
-                             * @param {?} separatePeople
-                             * @return {?}
-                             */function (separatePeople) { return separatePeople[0].concat(separatePeople[1]); })));
-                        }
-                        case PersonRole.CASEWORKER:
-                        case PersonRole.ADMIN: {
-                            return findCaseworkersOrAdmins;
-                        }
-                        default: {
-                            return rxjs.of();
-                        }
-                    }
+                    return this.findPersonService.find({ searchTerm: searchTerm, jurisdiction: this.domain });
                 }
                 return rxjs.of();
             };
@@ -4434,15 +3486,12 @@
          * @return {?}
          */
             function (selectedPerson) {
-                if (selectedPerson.domain === PersonRole.JUDICIAL && selectedPerson.knownAs) {
-                    return selectedPerson.knownAs + "(" + selectedPerson.email + ")";
-                }
                 return selectedPerson.email ? selectedPerson.name + "(" + selectedPerson.email + ")" : selectedPerson.name;
             };
         FindPersonComponent.decorators = [
             { type: i0.Component, args: [{
                         selector: 'xuilib-find-person',
-                        template: "<h1 class=\"govuk-heading-l\" *ngIf=\"title && title.length\">\n  <span class=\"govuk-caption-l\">{{title}}</span>\n  {{boldTitle}}\n</h1>\n<div class=\"govuk-form-group\" [formGroup]=\"findPersonGroup\"\n     [ngClass]=\"{'form-group-error': !findPersonGroup.valid && submitted}\">\n  <fieldset class=\"govuk-fieldset\" aria-describedby=\"sub-title-hint\">\n    <div id=\"sub-title-hint\" class=\"govuk-hint\" *ngIf=\"subTitle && subTitle.length\">\n      {{subTitle}}\n    </div>\n    <span id=\"validation-error\" class=\"govuk-error-message\" *ngIf=\"findPersonGroup && findPersonGroup.errors\">\n        <span class=\"govuk-visually-hidden\">Error:</span>You must select a name\n    </span>\n    <input id=\"inputSelectPerson\" type=\"text\" aria-label=\"select a person\" matInput\n           formControlName=\"findPersonControl\"\n           [matAutocomplete]=\"auto\"\n           class=\"govuk-input govuk-!-width-one-third\"\n           (ngModelChange)=\"updatedVal($event)\"\n           [attr.disabled]=\"disabled\"\n           [value]=\"selectedPerson\">\n    <mat-autocomplete autoActiveFirstOption #auto=\"matAutocomplete\">\n      <mat-option *ngFor=\"let option of filteredOptions | async\"\n                  [value]=\"getDisplayName(option)\"\n                  (onSelectionChange)=\"onSelectionChange(option)\"\n                  [ngClass]=\"{'hide-autocomplete': !showAutocomplete}\">\n        {{getDisplayName(option)}}\n      </mat-option>\n    </mat-autocomplete>\n  </fieldset>\n</div>\n",
+                        template: "<h1 class=\"govuk-heading-l\">\n  <span class=\"govuk-caption-l\">{{title}}</span>\n  {{boldTitle}}\n</h1>\n<div class=\"govuk-form-group\" [formGroup]=\"findPersonGroup\"\n     [ngClass]=\"{'form-group-error': !findPersonGroup.valid}\">\n  <fieldset class=\"govuk-fieldset\" aria-describedby=\"\">\n    <div id=\"waste-hint\" class=\"govuk-hint\">\n      <h1 *ngIf=\"showSmallTitle\" class=\"govuk-heading-m\">Find the person</h1>\n      Type the name of the person and select them.\n    </div>\n    <span id=\"validation-error\" class=\"govuk-error-message\" *ngIf=\"findPersonGroup.errors\">\n        <span class=\"govuk-visually-hidden\">Error:</span>You must select a name\n    </span>\n    <input id=\"inputSelectPerson\" type=\"text\" aria-label=\"select a person\" matInput\n           formControlName=\"findPersonControl\"\n           [matAutocomplete]=\"auto\"\n           class=\"govuk-input govuk-!-width-one-third\"\n           (ngModelChange)=\"updatedVal($event)\"\n           [value]=\"selectedPerson\">\n    <mat-autocomplete autoActiveFirstOption #auto=\"matAutocomplete\">\n      <mat-option *ngFor=\"let option of filteredOptions | async\"\n                  [value]=\"getDisplayName(option)\"\n                  (onSelectionChange)=\"onSelectionChange(option)\"\n                  [ngClass]=\"{'hide-autocomplete': !showAutocomplete}\">\n        {{getDisplayName(option)}}\n      </mat-option>\n    </mat-autocomplete>\n  </fieldset>\n</div>\n",
                         styles: [".mat-option:hover{background:#2596be}.hide-autocomplete{display:none}"]
                     }] }
         ];
@@ -4456,12 +3505,9 @@
             personSelected: [{ type: i0.Output }],
             title: [{ type: i0.Input }],
             boldTitle: [{ type: i0.Input }],
-            subTitle: [{ type: i0.Input }],
             domain: [{ type: i0.Input }],
             findPersonGroup: [{ type: i0.Input }],
-            selectedPerson: [{ type: i0.Input }],
-            submitted: [{ type: i0.Input }],
-            disabled: [{ type: i0.Input }]
+            selectedPerson: [{ type: i0.Input }]
         };
         return FindPersonComponent;
     }());
@@ -4562,8 +3608,7 @@
         GovUkDateComponent.decorators = [
             { type: i0.Component, args: [{
                         selector: 'xuilib-gov-uk-date',
-                        template: "<div class=\"govuk-form-group\" [ngClass]=\"{'govuk-form-group--error': errorMessage?.isInvalid}\" [formGroup]=\"formGroup\">\n  <div class=\"date-input-container\">\n    <xuilib-gov-uk-fieldset\n      [config]=\"{\n        legend: config.label || 'Date component',\n        classes: config.classes || 'govuk-label--m',\n        id: config.id,\n        hint: config.hint != null ? config.hint : 'For example, 12 11 2007',\n        isPageHeading: config.isPageHeading || false}\"\n      [errorMessage]=\"errorMessage\">\n      <xuilib-gov-uk-error-message\n        [config]=\"{id: 'passport'}\"\n        *ngIf=\"errorMessage\"\n        [errorMessage]=\"errorMessage\">\n      </xuilib-gov-uk-error-message>\n\n      <div class=\"govuk-date-input\" [id]=\"config.id+'-date'\">\n        <div class=\"govuk-date-input__item\">\n          <div class=\"govuk-form-group\">\n            <xuilib-gov-label\n              [config]=\"{label: 'Day', name: config.id+'-day', id: config.id+'-day', classes: 'govuk-date-input__label'}\">\n            </xuilib-gov-label>\n            <input class=\"govuk-input govuk-date-input__input govuk-input--width-2\"\n                   [ngClass]=\"{'govuk-input--error': errorMessage?.isInvalid}\"\n                   [id]=\"config.id\"\n                   [name]=\"config.id+'-day'\" type=\"number\" value=\"\" pattern=\"[0-9]*\"\n                   [formControlName]=\"config.id+'_day'\">\n          </div>\n        </div>\n        <div class=\"govuk-date-input__item\">\n          <div class=\"govuk-form-group\">\n            <xuilib-gov-label\n              [config]=\"{label: 'Month', name: config.id+'-month', id: config.id+'-month', classes: 'govuk-date-input__label'}\">\n            </xuilib-gov-label>\n            <input class=\"govuk-input govuk-date-input__input govuk-input--width-2\"\n                   [ngClass]=\"{'govuk-input--error': errorMessage?.isInvalid}\"\n                   [id]=\"config.id+'-month'\"\n                   [name]=\"config.id+'-month'\" type=\"number\" value=\"\" pattern=\"[0-9]*\"\n                   [formControlName]=\"config.id+'_month'\">\n          </div>\n        </div>\n        <div class=\"govuk-date-input__item\">\n          <div class=\"govuk-form-group\">\n            <xuilib-gov-label\n              [config]=\"{label: 'Year', name: config.id+'-year', id: config.id+'-year', classes: 'govuk-date-input__label'}\">\n            </xuilib-gov-label>\n            <input class=\"govuk-input govuk-date-input__input govuk-input--width-4\"\n                   [ngClass]=\"{'govuk-input--error': errorMessage?.isInvalid}\"\n                   [id]=\"config.id+'-year'\"\n                   [name]=\"config.id+'-year'\" type=\"number\" value=\"\" pattern=\"[0-9]*\"\n                   [formControlName]=\"config.id+'_year'\">\n          </div>\n        </div>\n      </div>\n    </xuilib-gov-uk-fieldset>\n  </div>\n</div>\n",
-                        styles: [".govuk-form-group .date-input-container{margin-bottom:30px}.govuk-form-group .date-input-container .govuk-date-input .govuk-date-input__item .govuk-form-group{margin-bottom:0}"]
+                        template: "<div class=\"govuk-form-group\" [ngClass]=\"{'govuk-form-group--error': errorMessage?.isInvalid}\" [formGroup]=\"formGroup\">\n  <xuilib-gov-uk-fieldset\n    [config]=\"{legend: 'Date component', classes: 'govuk-label--m', id: config.id, hint: ' For example, 12 11 2007', isPageHeading: config.isPageHeading}\"\n    [errorMessage]=\"errorMessage\">\n    <xuilib-gov-uk-error-message\n      [config]=\"{id: 'passport'}\"\n      *ngIf=\"errorMessage\"\n      [errorMessage]=\"errorMessage\">\n    </xuilib-gov-uk-error-message>\n\n    <div class=\"govuk-date-input\" [id]=\"config.id+'-date'\">\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <xuilib-gov-label\n            [config]=\"{label: 'Day', name: config.id, id: config.id+'-day', classes: 'govuk-date-input__label'}\">\n          </xuilib-gov-label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-2\"\n                 [ngClass]=\"{'govuk-input--error': errorMessage?.isInvalid}\"\n                 [id]=\"config.id\"\n                 [name]=\"config.id+'-day'\" type=\"number\" value=\"\" pattern=\"[0-9]*\"\n                 [formControlName]=\"'day'\">\n        </div>\n      </div>\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <xuilib-gov-label\n            [config]=\"{label: 'Month', name: config.id+'-month', id: config.id+'-month', classes: 'govuk-date-input__label'}\">\n          </xuilib-gov-label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-2\"\n                 [ngClass]=\"{'govuk-input--error': errorMessage?.isInvalid}\"\n                 [id]=\"config.id+'-month'\"\n                 [name]=\"config.id+'-month'\" type=\"number\" value=\"\" pattern=\"[0-9]*\"\n                 [formControlName]=\"'month'\">\n        </div>\n      </div>\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <xuilib-gov-label\n            [config]=\"{label: 'Year', name: config.id+'-year', id: config.id+'-year', classes: 'govuk-date-input__label'}\">\n          </xuilib-gov-label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-4\"\n                 [ngClass]=\"{'govuk-input--error': errorMessage?.isInvalid}\"\n                 [id]=\"config.id+'-year'\"\n                 [name]=\"config.id+'-year'\" type=\"number\" value=\"\" pattern=\"[0-9]*\"\n                 [formControlName]=\"'year'\">\n        </div>\n      </div>\n    </div>\n  </xuilib-gov-uk-fieldset>\n</div>"
                     }] }
         ];
         /** @nocollapse */
@@ -4817,7 +3862,7 @@
         GovUkInputComponent.decorators = [
             { type: i0.Component, args: [{
                         selector: 'xuilib-gov-uk-input',
-                        template: "<div class=\"govuk-form-group gov-uk-input\" [formGroup]=\"group\"\n[ngClass]=\"{'govuk-form-group--error': errorMessage?.isInvalid}\">\n\n<xuilib-gov-label [config]=\"config\"></xuilib-gov-label>\n\n<span *ngIf=\"config.hint\" [id]=\"config.id +'-hint'\" class=\"govuk-hint\">\n  {{config.hint}}\n</span>\n\n<xuilib-gov-uk-error-message [config]=\"config\" [errorMessage]=\"errorMessage\"></xuilib-gov-uk-error-message>\n\n<input class=\"govuk-input\"\n       [ngClass]=\"{'govuk-input--error': errorMessage?.isInvalid}\"\n       [id]=\"config.id\"\n       [name]=\"config.name\"\n       [type]=\"config.type\"\n       [attr.aria-invalid]=\"errorMessage?.isInvalid\"\n       [formControlName]=\"config.name\"\n       [attr.aria-describedby]='setDescribedBy()'>\n</div>\n",
+                        template: "<div class=\"govuk-form-group gov-uk-input\" [formGroup]=\"group\"\n[ngClass]=\"{'govuk-form-group--error': errorMessage?.isInvalid}\">\n\n<xuilib-gov-label [config]=\"config\"></xuilib-gov-label>\n\n<span *ngIf=\"config.hint\" [id]=\"config.id +'-hint'\" class=\"govuk-hint\">\n {{config.hint}}\n</span>\n\n<xuilib-gov-uk-error-message [config]=\"config\" [errorMessage]=\"errorMessage\"></xuilib-gov-uk-error-message>\n\n<input class=\"govuk-input\" [id]=\"config.id\" [name]=\"config.name\" [type]=\"config.type\"\n    [attr.aria-invalid]=\"errorMessage?.isInvalid\"\n    [formControlName]=\"config.name\" [attr.aria-describedby]='setDescribedBy()'>\n</div>",
                         styles: [".gov-uk-input input:disabled{background:#b1b4b6}"]
                     }] }
         ];
@@ -5423,9 +4468,7 @@
         LoadingSpinnerComponent,
         GenericFilterComponent,
         CookieBannerComponent,
-        FindPersonComponent,
-        SearchLocationComponent,
-        PaginationComponent
+        FindPersonComponent
     ];
     /** @type {?} */
     var GOV_UI_COMPONENTS = [
@@ -5625,6 +4668,45 @@
      * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
 
+    /**
+     * @fileoverview added by tsickle
+     * Generated from: lib/models/contact-details.model.ts
+     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     */
+    /** @enum {string} */
+    var BadgeColour = {
+        BADGE_RED: "hmcts-badge--red",
+        BADGE_BLUE: "hmcts-badge--blue",
+        BADGE_GREEN: "hmcts-badge--green",
+    };
+
+    /**
+     * @fileoverview added by tsickle
+     * Generated from: lib/models/feature-user.ts
+     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     */
+    var AnonymousFeatureUser = /** @class */ (function () {
+        function AnonymousFeatureUser() {
+        }
+        return AnonymousFeatureUser;
+    }());
+    var LoggedInFeatureUser = /** @class */ (function () {
+        function LoggedInFeatureUser() {
+        }
+        return LoggedInFeatureUser;
+    }());
+
+    /**
+     * @fileoverview added by tsickle
+     * Generated from: lib/models/filter.model.ts
+     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     */
+    var RadioFilterFieldConfig = /** @class */ (function () {
+        function RadioFilterFieldConfig() {
+        }
+        return RadioFilterFieldConfig;
+    }());
+
     /**
      * @fileoverview added by tsickle
      * Generated from: lib/services/feature-toggle/feature-toggle.guard.ts
@@ -6497,8 +5579,6 @@
     exports.UserDetailsComponent = UserDetailsComponent;
     exports.UserListComponent = UserListComponent;
     exports.CookieBannerComponent = CookieBannerComponent;
-    exports.SearchLocationComponent = SearchLocationComponent;
-    exports.PaginationComponent = PaginationComponent;
     exports.FeatureToggleDirective = FeatureToggleDirective;
     exports.LetContext = LetContext;
     exports.LetDirective = LetDirective;
@@ -6516,7 +5596,6 @@
     exports.AnonymousFeatureUser = AnonymousFeatureUser;
     exports.LoggedInFeatureUser = LoggedInFeatureUser;
     exports.PersonRole = PersonRole;
-    exports.RoleCategory = RoleCategory;
     exports.RadioFilterFieldConfig = RadioFilterFieldConfig;
     exports.FeatureToggleGuard = FeatureToggleGuard;
     exports.FeatureToggleService = FeatureToggleService;
@@ -6546,8 +5625,6 @@
     exports.ɵo = InviteUserFormComponent;
     exports.ɵn = InviteUserPermissionComponent;
     exports.ɵbc = LoadingSpinnerComponent;
-    exports.ɵbm = PaginationComponent;
-    exports.ɵbk = SearchLocationComponent;
     exports.ɵv = SelectedCaseConfirmComponent;
     exports.ɵt = SelectedCaseListComponent;
     exports.ɵu = SelectedCaseComponent;
@@ -6566,34 +5643,32 @@
     exports.ɵg = FeatureToggleDirective;
     exports.ɵi = LetContext;
     exports.ɵj = LetDirective;
-    exports.ɵbv = GovUkCheckboxComponent;
-    exports.ɵcb = GovUkCheckboxesComponent;
-    exports.ɵca = GovUkDateComponent;
-    exports.ɵby = GovUkErrorMessageComponent;
-    exports.ɵbz = GovUkFieldsetComponent;
-    exports.ɵcg = GovUkFileUploadComponent;
-    exports.ɵbw = GovUkFormGroupWrapperComponent;
-    exports.ɵbu = GovUkInputComponent;
-    exports.ɵbx = GovUkLabelComponent;
-    exports.ɵcc = GovUkRadioComponent;
-    exports.ɵcd = GovUkRadiosComponent;
-    exports.ɵce = GovUkSelectComponent;
-    exports.ɵbt = GovukTableComponent;
-    exports.ɵcf = GovUkTextareaComponent;
-    exports.ɵbs = HmctsBannerComponent;
-    exports.ɵbq = HmctsErrorSummaryComponent;
-    exports.ɵbn = HmctsIdentityBarComponent;
-    exports.ɵbr = HmctsMainWrapperComponent;
-    exports.ɵbp = HmctsPrimaryNavigationComponent;
-    exports.ɵbo = HmctsSubNavigationComponent;
-    exports.ɵch = RemoveHostDirective;
+    exports.ɵbr = GovUkCheckboxComponent;
+    exports.ɵbx = GovUkCheckboxesComponent;
+    exports.ɵbw = GovUkDateComponent;
+    exports.ɵbu = GovUkErrorMessageComponent;
+    exports.ɵbv = GovUkFieldsetComponent;
+    exports.ɵcc = GovUkFileUploadComponent;
+    exports.ɵbs = GovUkFormGroupWrapperComponent;
+    exports.ɵbq = GovUkInputComponent;
+    exports.ɵbt = GovUkLabelComponent;
+    exports.ɵby = GovUkRadioComponent;
+    exports.ɵbz = GovUkRadiosComponent;
+    exports.ɵca = GovUkSelectComponent;
+    exports.ɵbp = GovukTableComponent;
+    exports.ɵcb = GovUkTextareaComponent;
+    exports.ɵbo = HmctsBannerComponent;
+    exports.ɵbm = HmctsErrorSummaryComponent;
+    exports.ɵbj = HmctsIdentityBarComponent;
+    exports.ɵbn = HmctsMainWrapperComponent;
+    exports.ɵbl = HmctsPrimaryNavigationComponent;
+    exports.ɵbk = HmctsSubNavigationComponent;
+    exports.ɵcd = RemoveHostDirective;
     exports.ɵr = CaseSharingStateService;
     exports.ɵbg = CookieService;
     exports.ɵh = FeatureToggleService;
     exports.ɵbe = FilterService;
     exports.ɵbi = FindAPersonService;
-    exports.ɵbl = LocationService;
-    exports.ɵbj = SessionStorageService;
 
     Object.defineProperty(exports, '__esModule', { value: true });