@hmcts/ccd-case-ui-toolkit 6.14.5-duplicate-tabs → 6.15.0-b

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

@@ -22,9 +22,9 @@ import * as i1$3 from '@angular/material/dialog';
 import { MatDialogConfig, MAT_DIALOG_DATA, MatDialogModule } from '@angular/material/dialog';
 import * as i2$1 from '@nicky-lenaers/ngx-scroll-to';
 import { ScrollToModule } from '@nicky-lenaers/ngx-scroll-to';
-import * as i5 from '@angular/material/autocomplete';
+import * as i4 from '@angular/material/autocomplete';
 import { MatAutocompleteModule } from '@angular/material/autocomplete';
-import * as i6 from '@angular/material/core';
+import * as i5 from '@angular/material/core';
 import { MAT_DATE_LOCALE } from '@angular/material/core';
 import * as i3 from '@hmcts/ccpay-web-component';
 import { PaymentLibModule } from '@hmcts/ccpay-web-component';
@@ -34,18 +34,18 @@ import * as i7 from '@angular/cdk/tree';
 import { NestedTreeControl, CdkTreeModule } from '@angular/cdk/tree';
 import * as i3$1 from '@angular/material/input';
 import { MatInputModule } from '@angular/material/input';
-import * as i4 from '@angular-material-components/datetime-picker';
+import * as i4$1 from '@angular-material-components/datetime-picker';
 import { NGX_MAT_DATE_FORMATS, NgxMatDateAdapter, NgxMatDatetimePickerModule, NgxMatTimepickerModule, NgxMatNativeDateModule } from '@angular-material-components/datetime-picker';
 import { NgxMatMomentAdapter, NGX_MAT_MOMENT_DATE_ADAPTER_OPTIONS } from '@angular-material-components/moment-adapter';
 import * as i5$1 from '@angular/material/datepicker';
 import { MatDatepickerModule } from '@angular/material/datepicker';
-import * as i6$1 from '@angular/material/form-field';
+import * as i6 from '@angular/material/form-field';
 import { MatFormFieldModule } from '@angular/material/form-field';
 import * as i1$5 from 'ngx-md';
 import { NgxMdModule } from 'ngx-md';
 import * as i11 from '@hmcts/media-viewer';
 import { MediaViewerModule } from '@hmcts/media-viewer';
-import * as i6$2 from '@angular/cdk/portal';
+import * as i6$1 from '@angular/cdk/portal';
 import { ComponentPortal, PortalModule } from '@angular/cdk/portal';
 import * as i1$6 from 'ngx-pagination';
 import { NgxPaginationModule, PaginatePipe } from 'ngx-pagination';
@@ -7748,41 +7748,47 @@ CaseCreateComponent.ɵcmp = i0.ɵɵdefineComponent({ type: CaseCreateComponent,
             type: Output
         }] }); })();
 
-class ConvertHrefToRouterService {
-    constructor(router) {
-        this.router = router;
-        this.hrefMarkdownLinkContent = new BehaviorSubject('Default');
+class Confirmation {
+    constructor(caseId, status, header, body) {
+        this.caseId = caseId;
+        this.status = status;
+        this.header = header;
+        this.body = body;
     }
-    updateHrefLink(content) {
-        this.hrefMarkdownLinkContent.next(content);
+    getCaseId() {
+        return this.caseId;
     }
-    getHrefMarkdownLinkContent() {
-        return this.hrefMarkdownLinkContent.asObservable();
+    getStatus() {
+        return this.status;
     }
-    callAngularRouter(hrefMarkdownLinkContent) {
-        const urls = hrefMarkdownLinkContent.split('?');
-        const queryParams = urls[1];
-        const queryParamObj = {};
-        if (queryParams) {
-            const queryParam = queryParams.split('&');
-            if (queryParam[0]) {
-                // tslint:disable-next-line: prefer-for-of
-                for (let i = 0; i < queryParam.length; i++) {
-                    const param = queryParam[i].split('=');
-                    queryParamObj[param[0]] = param[1];
-                }
-            }
-        }
-        this.router.navigate([urls[0]], {
-            queryParams: queryParamObj && (Object.keys(queryParamObj).length) ? queryParamObj : ''
-        });
+    getHeader() {
+        return this.header;
+    }
+    getBody() {
+        return this.body;
     }
 }
-ConvertHrefToRouterService.ɵfac = function ConvertHrefToRouterService_Factory(t) { return new (t || ConvertHrefToRouterService)(i0.ɵɵinject(i1$1.Router)); };
-ConvertHrefToRouterService.ɵprov = i0.ɵɵdefineInjectable({ token: ConvertHrefToRouterService, factory: ConvertHrefToRouterService.ɵfac });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ConvertHrefToRouterService, [{
-        type: Injectable
-    }], function () { return [{ type: i1$1.Router }]; }, null); })();
+
+var EventCompletionReturnStates;
+(function (EventCompletionReturnStates) {
+    EventCompletionReturnStates["InProgress"] = "in-progress";
+    EventCompletionReturnStates["CompleteEvent"] = "complete-event";
+    EventCompletionReturnStates["CancelEvent"] = "cancel-event";
+})(EventCompletionReturnStates || (EventCompletionReturnStates = {}));
+
+var EventCompletionStates;
+(function (EventCompletionStates) {
+    EventCompletionStates["CheckTasksCanBeCompleted"] = "check-tasks-can-be-completed";
+    EventCompletionStates["CompleteEventAndTask"] = "complete-event-and-task";
+    EventCompletionStates["CancelEvent"] = "cancel-event";
+    EventCompletionStates["CompleteEventNotTask"] = "complete-event-not-task";
+    EventCompletionStates["TaskCompetedOrCancelled"] = "task-completed-or-cancelled";
+    EventCompletionStates["TaskAssignedToAnotherUser"] = "task-assigned-to-another-user";
+    EventCompletionStates["TaskReassignToUser"] = "task-reassign-to-user";
+    EventCompletionStates["TaskAssignToUser"] = "task-assign-to-user";
+    EventCompletionStates["TaskUnassigned"] = "task-unassigned";
+    EventCompletionStates["Final"] = "final";
+})(EventCompletionStates || (EventCompletionStates = {}));
 
 class Wizard {
     constructor(wizardPages) {
@@ -7840,6 +7846,42 @@ class Wizard {
     }
 }
 
+class ConvertHrefToRouterService {
+    constructor(router) {
+        this.router = router;
+        this.hrefMarkdownLinkContent = new BehaviorSubject('Default');
+    }
+    updateHrefLink(content) {
+        this.hrefMarkdownLinkContent.next(content);
+    }
+    getHrefMarkdownLinkContent() {
+        return this.hrefMarkdownLinkContent.asObservable();
+    }
+    callAngularRouter(hrefMarkdownLinkContent) {
+        const urls = hrefMarkdownLinkContent.split('?');
+        const queryParams = urls[1];
+        const queryParamObj = {};
+        if (queryParams) {
+            const queryParam = queryParams.split('&');
+            if (queryParam[0]) {
+                // tslint:disable-next-line: prefer-for-of
+                for (let i = 0; i < queryParam.length; i++) {
+                    const param = queryParam[i].split('=');
+                    queryParamObj[param[0]] = param[1];
+                }
+            }
+        }
+        this.router.navigate([urls[0]], {
+            queryParams: queryParamObj && (Object.keys(queryParamObj).length) ? queryParamObj : ''
+        });
+    }
+}
+ConvertHrefToRouterService.ɵfac = function ConvertHrefToRouterService_Factory(t) { return new (t || ConvertHrefToRouterService)(i0.ɵɵinject(i1$1.Router)); };
+ConvertHrefToRouterService.ɵprov = i0.ɵɵdefineInjectable({ token: ConvertHrefToRouterService, factory: ConvertHrefToRouterService.ɵfac });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ConvertHrefToRouterService, [{
+        type: Injectable
+    }], function () { return [{ type: i1$1.Router }]; }, null); })();
+
 class WizardFactoryService {
     create(eventTrigger) {
         return new Wizard(eventTrigger.wizard_pages);
@@ -8015,20 +8057,6 @@ var EventCompletionPortalTypes;
     EventCompletionPortalTypes[EventCompletionPortalTypes["TaskReassigned"] = 1] = "TaskReassigned";
 })(EventCompletionPortalTypes || (EventCompletionPortalTypes = {}));
 
-var EventCompletionStates;
-(function (EventCompletionStates) {
-    EventCompletionStates["CheckTasksCanBeCompleted"] = "check-tasks-can-be-completed";
-    EventCompletionStates["CompleteEventAndTask"] = "complete-event-and-task";
-    EventCompletionStates["CancelEvent"] = "cancel-event";
-    EventCompletionStates["CompleteEventNotTask"] = "complete-event-not-task";
-    EventCompletionStates["TaskCompetedOrCancelled"] = "task-completed-or-cancelled";
-    EventCompletionStates["TaskAssignedToAnotherUser"] = "task-assigned-to-another-user";
-    EventCompletionStates["TaskReassignToUser"] = "task-reassign-to-user";
-    EventCompletionStates["TaskAssignToUser"] = "task-assign-to-user";
-    EventCompletionStates["TaskUnassigned"] = "task-unassigned";
-    EventCompletionStates["Final"] = "final";
-})(EventCompletionStates || (EventCompletionStates = {}));
-
 const EVENT_COMPLETION_STATE_MACHINE = 'EVENT COMPLETION STATE MACHINE';
 class EventCompletionStateMachineService {
     initialiseStateMachine(context) {
@@ -8252,8 +8280,9 @@ PageValidationService.ɵprov = i0.ɵɵdefineInjectable({ token: PageValidationSe
     }], function () { return [{ type: CaseFieldService }]; }, null); })();
 
 class CaseEditComponent {
-    constructor(fb, router, route, fieldsUtils, fieldsPurger, registrarService, wizardFactory, sessionStorageService, windowsService) {
+    constructor(fb, caseNotifier, router, route, fieldsUtils, fieldsPurger, registrarService, wizardFactory, sessionStorageService, windowsService, formValueService, formErrorService) {
         this.fb = fb;
+        this.caseNotifier = caseNotifier;
         this.router = router;
         this.route = route;
         this.fieldsUtils = fieldsUtils;
@@ -8262,14 +8291,22 @@ class CaseEditComponent {
         this.wizardFactory = wizardFactory;
         this.sessionStorageService = sessionStorageService;
         this.windowsService = windowsService;
+        this.formValueService = formValueService;
+        this.formErrorService = formErrorService;
         this.cancelled = new EventEmitter();
         this.submitted = new EventEmitter();
+        this.isEventCompletionChecksRequired = false;
+        this.isCaseFlagSubmission = false;
+        this.ignoreWarning = false;
+        this.isLinkedCasesSubmission = false;
+        this.callbackErrorsSubject = new Subject();
     }
     ngOnInit() {
         this.wizard = this.wizardFactory.create(this.eventTrigger);
         this.initialUrl = this.sessionStorageService.getItem('eventUrl');
         this.isPageRefreshed = JSON.parse(this.sessionStorageService.getItem('isPageRefreshed'));
         this.checkPageRefresh();
+        /* istanbul ignore else */
         if (this.router.url && !this.isPageRefreshed) {
             this.sessionStorageService.setItem('eventUrl', this.router.url);
         }
@@ -8285,6 +8322,12 @@ class CaseEditComponent {
             this.navigationOrigin = params[CaseEditComponent.ORIGIN_QUERY_PARAM];
         });
     }
+    ngOnDestroy() {
+        /* istanbul ignore else */
+        if (this.callbackErrorsSubject) {
+            this.callbackErrorsSubject.unsubscribe();
+        }
+    }
     checkPageRefresh() {
         if (this.isPageRefreshed && this.initialUrl) {
             this.sessionStorageService.removeItem('eventUrl');
@@ -8307,20 +8350,37 @@ class CaseEditComponent {
     }
     next(currentPageId) {
         this.initialUrl = this.sessionStorageService.getItem('eventUrl');
+        /* istanbul ignore else */
         if (this.router.url && !this.initialUrl) {
             this.sessionStorageService.setItem('eventUrl', this.router.url);
         }
         this.fieldsPurger.clearHiddenFields(this.form, this.wizard, this.eventTrigger, currentPageId);
+        const nextPage = this.getNextPage({
+            currentPageId,
+            wizard: this.wizard,
+            eventTrigger: this.eventTrigger,
+            form: this.form,
+        });
+        /* istanbul ignore else */
+        if (!nextPage && !this.eventTrigger.show_summary) {
+            this.submitForm({
+                eventTrigger: this.eventTrigger,
+                form: this.form,
+                submit: this.submit,
+                caseDetails: this.caseDetails,
+            });
+            return;
+        }
         this.registrarService.reset();
         const theQueryParams = {};
         theQueryParams[CaseEditComponent.ORIGIN_QUERY_PARAM] = this.navigationOrigin;
-        const nextPage = this.wizard.nextPage(currentPageId, this.fieldsUtils.buildCanShowPredicate(this.eventTrigger, this.form));
         return this.router.navigate([nextPage ? nextPage.id : 'submit'], { queryParams: theQueryParams, relativeTo: this.route });
     }
     previous(currentPageId) {
         this.fieldsPurger.clearHiddenFields(this.form, this.wizard, this.eventTrigger, currentPageId);
         this.registrarService.reset();
         const previousPage = this.wizard.previousPage(currentPageId, this.fieldsUtils.buildCanShowPredicate(this.eventTrigger, this.form));
+        /* istanbul ignore else */
         if (!previousPage) {
             return Promise.resolve(false);
         }
@@ -8334,14 +8394,231 @@ class CaseEditComponent {
     cancel() {
         this.cancelled.emit();
     }
+    emitSubmitted(response) {
+        this.submitted.emit({ caseId: response['id'], status: this.getStatus(response) });
+    }
+    getNextPage({ wizard, currentPageId, eventTrigger, form }) {
+        return wizard.nextPage(currentPageId, this.fieldsUtils.buildCanShowPredicate(eventTrigger, form));
+    }
     confirm(confirmation) {
         this.confirmation = confirmation;
         return this.router.navigate(['confirm'], { relativeTo: this.route });
     }
+    submitForm({ eventTrigger, form, caseDetails, submit }) {
+        this.isSubmitting = true;
+        // We have to run the event completion checks if task in session storage
+        // and if the task is in session storage, then is it associated to the case
+        let taskInSessionStorage;
+        const taskStr = this.sessionStorageService.getItem('taskToComplete');
+        if (taskStr) {
+            taskInSessionStorage = JSON.parse(taskStr);
+        }
+        if (taskInSessionStorage && taskInSessionStorage.case_id === this.getCaseId(caseDetails)) {
+            // Show event completion component to perform event completion checks
+            this.eventCompletionParams = ({
+                caseId: this.getCaseId(caseDetails),
+                eventId: this.getEventId(form),
+                task: taskInSessionStorage
+            });
+            this.isEventCompletionChecksRequired = true;
+        }
+        else {
+            // Task not in session storage, proceed to submit
+            const caseEventData = this.generateCaseEventData({
+                eventTrigger,
+                form
+            });
+            this.caseSubmit({ form,
+                caseEventData,
+                submit });
+        }
+    }
+    getCaseId(caseDetails) {
+        return (caseDetails ? caseDetails.case_id : '');
+    }
+    getEventId(form) {
+        return form.value.event.id;
+    }
+    generateCaseEventData({ eventTrigger, form }) {
+        const caseEventData = {
+            data: this.replaceEmptyComplexFieldValues(this.formValueService.sanitise(this.replaceHiddenFormValuesWithOriginalCaseData(form.get('data'), eventTrigger.case_fields))),
+            event: form.value.event
+        };
+        this.formValueService.clearNonCaseFields(caseEventData.data, eventTrigger.case_fields);
+        this.formValueService.removeNullLabels(caseEventData.data, eventTrigger.case_fields);
+        this.formValueService.removeEmptyDocuments(caseEventData.data, eventTrigger.case_fields);
+        // Remove collection fields that have "min" validation of greater than zero set on the FieldType but are empty;
+        // these will fail validation
+        this.formValueService.removeEmptyCollectionsWithMinValidation(caseEventData.data, eventTrigger.case_fields);
+        // If this is a Case Flag submission (and thus a FlagLauncher field is present in the event trigger), the flag
+        // details data needs populating for each Flags field, then the FlagLauncher field needs removing
+        if (this.isCaseFlagSubmission) {
+            this.formValueService.populateFlagDetailsFromCaseFields(caseEventData.data, eventTrigger.case_fields);
+            this.formValueService.removeFlagLauncherField(caseEventData.data, eventTrigger.case_fields);
+        }
+        if (this.isLinkedCasesSubmission) {
+            this.formValueService.populateLinkedCasesDetailsFromCaseFields(caseEventData.data, eventTrigger.case_fields);
+            this.formValueService.removeComponentLauncherField(caseEventData.data, eventTrigger.case_fields);
+        }
+        caseEventData.event_token = eventTrigger.event_token;
+        caseEventData.ignore_warning = this.ignoreWarning;
+        if (this.confirmation) {
+            caseEventData.data = {};
+        }
+        return caseEventData;
+    }
+    /**
+     * Replaces non-array value objects with `null` for any Complex-type fields whose value is effectively empty, i.e.
+     * all its sub-fields and descendants are `null` or `undefined`.
+     *
+     * @param data The object tree representing all the form field data
+     * @returns The form field data modified accordingly
+     */
+    replaceEmptyComplexFieldValues(data) {
+        Object.keys(data).forEach((key) => {
+            if (!Array.isArray(data[key]) && typeof data[key] === 'object' && !FieldsUtils.containsNonEmptyValues(data[key])) {
+                data[key] = null;
+            }
+        });
+        return data;
+    }
+    /**
+     * Traverse *all* values of a {@link FormGroup}, including those for disabled fields (i.e. hidden ones), replacing the
+     * value of any that are hidden AND have `retain_hidden_value` set to `true` in the corresponding `CaseField`, with
+     * the *original* value held in the `CaseField` object.
+     *
+     * This is as per design in EUI-3622, where any user-driven updates to hidden fields with `retain_hidden_value` =
+     * `true` are ignored (thus retaining the value displayed originally).
+     *
+     * * For Complex field types, the replacement above is performed recursively for all hidden sub-fields with
+     * `retain_hidden_value` = `true`.
+     *
+     * * For Collection field types, including collections of Complex and Document field types, the replacement is
+     * performed for all fields in the collection.
+     *
+     * @param formGroup The `FormGroup` instance whose raw values are to be traversed
+     * @param caseFields The array of {@link CaseField} domain model objects corresponding to fields in `formGroup`
+     * @param parentField Reference to the parent `CaseField`. Used for retrieving the sub-field values of a Complex field
+     * to perform recursive replacement - the sub-field `CaseField`s themselves do *not* contain any values
+     * @returns An object with the *raw* form value data (as key-value pairs), with any value replacements as necessary
+     */
+    replaceHiddenFormValuesWithOriginalCaseData(formGroup, caseFields, parentField) {
+        // Get the raw form value data, which includes the values of any disabled controls, as key-value pairs
+        const rawFormValueData = formGroup.getRawValue();
+        // Place all case fields in a lookup object, so they can be retrieved by id
+        const caseFieldsLookup = {};
+        for (let i = 0, len = caseFields.length; i < len; i++) {
+            caseFieldsLookup[caseFields[i].id] = caseFields[i];
+        }
+        /**
+         * Replace any form value with the original, where its CaseField is hidden AND has the retain_hidden_value flag set
+         * to true.
+         *
+         * If the CaseField's `hidden` attribute is null or undefined, then check this attribute in the parent CaseField (if
+         * one exists). This is occurring (and is possibly a bug) when a CaseField is a sub-field of a Complex type, or an
+         * item in a Collection type.
+         *
+         * If the field is a Complex type with retain_hidden_value = true, perform a recursive replacement for all (hidden)
+         * sub-fields with retain_hidden_value = true, using their original CaseField values (from the `formatted_value`
+         * attribute).
+         *
+         * If the field is a Collection type with retain_hidden_value = true, the entire collection is replaced with the
+         * original from `formatted_value`. This applies to *all* types of Collections.
+         */
+        /* istanbul ignore next */
+        Object.keys(rawFormValueData).forEach((key) => {
+            const caseField = caseFieldsLookup[key];
+            // If caseField.hidden is NOT truthy and also NOT equal to false, then it must be null/undefined (remember that
+            // both null and undefined are equal to *neither false nor true*)
+            if (caseField && caseField.retain_hidden_value &&
+                (caseField.hidden || (caseField.hidden !== false && parentField && parentField.hidden))) {
+                if (caseField.field_type.type === 'Complex') {
+                    // Note: Deliberate use of equality (==) and non-equality (!=) operators for null checks throughout, to
+                    // handle both null and undefined values
+                    if (caseField.value != null) {
+                        // Call this function recursively to replace the Complex field's sub-fields as necessary, passing the
+                        // CaseField itself (the sub-fields do not contain any values, so these need to be obtained from the
+                        // parent)
+                        // Update rawFormValueData for this field
+                        // creating form group and adding control into it in case caseField is of complext type and and part of formGroup
+                        const form = new FormGroup({});
+                        if (formGroup.controls[key].value) {
+                            Object.keys(formGroup.controls[key].value).forEach((item) => {
+                                form.addControl(item, new FormControl(formGroup.controls[key].value[item]));
+                            });
+                        }
+                        rawFormValueData[key] = this.replaceHiddenFormValuesWithOriginalCaseData(form, caseField.field_type.complex_fields, caseField);
+                    }
+                }
+                else {
+                    // Default case also handles collections of *all* types; the entire collection in rawFormValueData will be
+                    // replaced with the original from formatted_value
+                    // Use the CaseField's existing *formatted_value* from the parent, if available. (This is necessary for
+                    // Complex fields, whose sub-fields do not hold any values in the model.) Otherwise, use formatted_value
+                    // from the CaseField itself.
+                    if (parentField && parentField.formatted_value) {
+                        rawFormValueData[key] = parentField.formatted_value[caseField.id];
+                    }
+                    else {
+                        rawFormValueData[key] = caseField.formatted_value;
+                    }
+                }
+            }
+        });
+        return rawFormValueData;
+    }
+    caseSubmit({ form, caseEventData, submit }) {
+        submit(caseEventData)
+            .subscribe(response => {
+            this.caseNotifier.cachedCaseView = null;
+            this.sessionStorageService.removeItem('eventUrl');
+            const confirmation = this.buildConfirmation(response);
+            if (confirmation && (confirmation.getHeader() || confirmation.getBody())) {
+                this.confirm(confirmation);
+            }
+            else {
+                this.emitSubmitted(response);
+            }
+        }, error => {
+            this.error = error;
+            this.callbackErrorsSubject.next(error);
+            /* istanbul ignore else */
+            if (this.error.details) {
+                this.formErrorService
+                    .mapFieldErrors(this.error.details.field_errors, form.controls['data'], 'validation');
+            }
+            this.isSubmitting = false;
+        });
+    }
+    buildConfirmation(response) {
+        if (response['after_submit_callback_response']) {
+            return new Confirmation(response['id'], response['callback_response_status'], response['after_submit_callback_response']['confirmation_header'], response['after_submit_callback_response']['confirmation_body']);
+        }
+        else {
+            return null;
+        }
+    }
+    onEventCanBeCompleted({ eventTrigger, eventCanBeCompleted, caseDetails, form, submit }) {
+        if (eventCanBeCompleted) {
+            // Submit
+            const caseEventData = this.generateCaseEventData({ eventTrigger, form });
+            this.caseSubmit({ form, caseEventData, submit });
+        }
+        else {
+            // Navigate to tasks tab on case details page
+            this.router.navigate([`/cases/case-details/${this.getCaseId(caseDetails)}/tasks`], { relativeTo: this.route });
+        }
+    }
+    getStatus(response) {
+        return this.hasCallbackFailed(response) ? response['callback_response_status'] : response['delete_draft_response_status'];
+    }
+    hasCallbackFailed(response) {
+        return response['callback_response_status'] !== 'CALLBACK_COMPLETED';
+    }
 }
 CaseEditComponent.ORIGIN_QUERY_PARAM = 'origin';
 CaseEditComponent.ALERT_MESSAGE = 'Page is being refreshed so you will be redirected to the first page of this event.';
-CaseEditComponent.ɵfac = function CaseEditComponent_Factory(t) { return new (t || CaseEditComponent)(i0.ɵɵdirectiveInject(i2.FormBuilder), i0.ɵɵdirectiveInject(i1$1.Router), i0.ɵɵdirectiveInject(i1$1.ActivatedRoute), i0.ɵɵdirectiveInject(FieldsUtils), i0.ɵɵdirectiveInject(FieldsPurger), i0.ɵɵdirectiveInject(ConditionalShowRegistrarService), i0.ɵɵdirectiveInject(WizardFactoryService), i0.ɵɵdirectiveInject(SessionStorageService), i0.ɵɵdirectiveInject(WindowService)); };
+CaseEditComponent.ɵfac = function CaseEditComponent_Factory(t) { return new (t || CaseEditComponent)(i0.ɵɵdirectiveInject(i2.FormBuilder), i0.ɵɵdirectiveInject(CaseNotifier), i0.ɵɵdirectiveInject(i1$1.Router), i0.ɵɵdirectiveInject(i1$1.ActivatedRoute), i0.ɵɵdirectiveInject(FieldsUtils), i0.ɵɵdirectiveInject(FieldsPurger), i0.ɵɵdirectiveInject(ConditionalShowRegistrarService), i0.ɵɵdirectiveInject(WizardFactoryService), i0.ɵɵdirectiveInject(SessionStorageService), i0.ɵɵdirectiveInject(WindowService), i0.ɵɵdirectiveInject(FormValueService), i0.ɵɵdirectiveInject(FormErrorService)); };
 CaseEditComponent.ɵcmp = i0.ɵɵdefineComponent({ type: CaseEditComponent, selectors: [["ccd-case-edit"]], inputs: { eventTrigger: "eventTrigger", submit: "submit", validate: "validate", saveDraft: "saveDraft", caseDetails: "caseDetails" }, outputs: { cancelled: "cancelled", submitted: "submitted" }, features: [i0.ɵɵProvidersFeature([GreyBarService])], decls: 1, vars: 0, template: function CaseEditComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵelement(0, "router-outlet");
     } }, directives: [i1$1.RouterOutlet], styles: ["#fieldset-case-data[_ngcontent-%COMP%]{margin-bottom:30px}#fieldset-case-data[_ngcontent-%COMP%]   th[_ngcontent-%COMP%]{width:1%;white-space:nowrap;vertical-align:top}.compound-field[_ngcontent-%COMP%]   td[_ngcontent-%COMP%]{padding:0}#confirmation-header[_ngcontent-%COMP%]{width:630px;background-color:#17958b;border:1px solid #979797;color:#fff;text-align:center}#confirmation-body[_ngcontent-%COMP%]{width:630px;background-color:#fff}.valign-top[_ngcontent-%COMP%]{vertical-align:top}.summary-fields[_ngcontent-%COMP%]{margin-bottom:30px}.summary-fields[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   td[_ngcontent-%COMP%], .summary-fields[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   th[_ngcontent-%COMP%]{border-bottom:0}a.disabled[_ngcontent-%COMP%]{pointer-events:none;cursor:default}.case-field-label[_ngcontent-%COMP%]{width:45%}.case-field-content[_ngcontent-%COMP%]{width:50%}.case-field-change[_ngcontent-%COMP%]{width:5%}"] });
@@ -8353,7 +8630,7 @@ CaseEditComponent.ɵcmp = i0.ɵɵdefineComponent({ type: CaseEditComponent, sele
                 styleUrls: ['../case-edit.scss'],
                 providers: [GreyBarService]
             }]
-    }], function () { return [{ type: i2.FormBuilder }, { type: i1$1.Router }, { type: i1$1.ActivatedRoute }, { type: FieldsUtils }, { type: FieldsPurger }, { type: ConditionalShowRegistrarService }, { type: WizardFactoryService }, { type: SessionStorageService }, { type: WindowService }]; }, { eventTrigger: [{
+    }], function () { return [{ type: i2.FormBuilder }, { type: CaseNotifier }, { type: i1$1.Router }, { type: i1$1.ActivatedRoute }, { type: FieldsUtils }, { type: FieldsPurger }, { type: ConditionalShowRegistrarService }, { type: WizardFactoryService }, { type: SessionStorageService }, { type: WindowService }, { type: FormValueService }, { type: FormErrorService }]; }, { eventTrigger: [{
             type: Input
         }], submit: [{
             type: Input
@@ -8424,7 +8701,6 @@ class CaseEditConfirmComponent {
         this.caseFields = this.getCaseFields();
         if (this.caseEdit.confirmation) {
             this.confirmation = this.caseEdit.confirmation;
-            this.caseId = this.caseEdit.confirmation.getCaseId();
         }
         else {
             this.router.navigate(['/']);
@@ -8434,7 +8710,8 @@ class CaseEditConfirmComponent {
         this.caseEdit.submitted.emit({ caseId: this.confirmation.getCaseId(), status: this.confirmation.getStatus() });
     }
     getCaseId() {
-        return (this.caseEdit.caseDetails ? this.caseEdit.caseDetails.case_id : '');
+        var _a, _b;
+        return ((_b = (_a = this.caseEdit) === null || _a === void 0 ? void 0 : _a.caseDetails) === null || _b === void 0 ? void 0 : _b.case_id) || '';
     }
     getCaseTitle() {
         return (this.caseEdit.caseDetails && this.caseEdit.caseDetails.state &&
@@ -8759,33 +9036,33 @@ function CaseEditPageComponent_ccd_loading_spinner_0_Template(rf, ctx) { if (rf
     i0.ɵɵelement(0, "ccd-loading-spinner");
 } }
 function CaseEditPageComponent_ng_container_1_h1_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "h1", 10);
+    i0.ɵɵelementStart(0, "h1", 11);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r11 = i0.ɵɵnextContext(2);
+    const ctx_r10 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate(ctx_r11.eventTrigger.name);
+    i0.ɵɵtextInterpolate(ctx_r10.eventTrigger.name);
 } }
 function CaseEditPageComponent_ng_container_1_ng_container_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
-    i0.ɵɵelementStart(1, "span", 11);
+    i0.ɵɵelementStart(1, "span", 12);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "h1", 10);
+    i0.ɵɵelementStart(3, "h1", 11);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd();
     i0.ɵɵelementContainerEnd();
 } if (rf & 2) {
-    const ctx_r12 = i0.ɵɵnextContext(2);
+    const ctx_r11 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(ctx_r12.eventTrigger.name);
+    i0.ɵɵtextInterpolate(ctx_r11.eventTrigger.name);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(ctx_r12.currentPage.label);
+    i0.ɵɵtextInterpolate(ctx_r11.currentPage.label);
 } }
 function CaseEditPageComponent_ng_container_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
-    i0.ɵɵtemplate(1, CaseEditPageComponent_ng_container_1_h1_1_Template, 2, 1, "h1", 9);
+    i0.ɵɵtemplate(1, CaseEditPageComponent_ng_container_1_h1_1_Template, 2, 1, "h1", 10);
     i0.ɵɵtemplate(2, CaseEditPageComponent_ng_container_1_ng_container_2_Template, 5, 2, "ng-container", 0);
     i0.ɵɵelementContainerEnd();
 } if (rf & 2) {
@@ -8799,176 +9076,132 @@ function CaseEditPageComponent_div_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "div");
 } }
 function CaseEditPageComponent_ng_template_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "ccd-markdown", 12);
+    i0.ɵɵelement(0, "ccd-markdown", 13);
     i0.ɵɵpipe(1, "ccdCaseTitle");
 } if (rf & 2) {
     const ctx_r4 = i0.ɵɵnextContext();
     i0.ɵɵproperty("content", i0.ɵɵpipeBind3(1, 1, ctx_r4.getCaseTitle(), ctx_r4.caseFields, ctx_r4.editForm.controls["data"]));
 } }
 function CaseEditPageComponent_ng_template_5_h2_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "h2", 14);
+    i0.ɵɵelementStart(0, "h2", 15);
     i0.ɵɵtext(1);
     i0.ɵɵpipe(2, "ccdCaseReference");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r13 = i0.ɵɵnextContext(2);
+    const ctx_r12 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate1("#", i0.ɵɵpipeBind1(2, 1, ctx_r13.getCaseId()), "");
+    i0.ɵɵtextInterpolate1("#", i0.ɵɵpipeBind1(2, 1, ctx_r12.getCaseId()), "");
 } }
 function CaseEditPageComponent_ng_template_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, CaseEditPageComponent_ng_template_5_h2_0_Template, 3, 3, "h2", 13);
+    i0.ɵɵtemplate(0, CaseEditPageComponent_ng_template_5_h2_0_Template, 3, 3, "h2", 14);
 } if (rf & 2) {
     const ctx_r6 = i0.ɵɵnextContext();
     i0.ɵɵproperty("ngIf", ctx_r6.getCaseId());
 } }
 function CaseEditPageComponent_div_7_div_3_Template(rf, ctx) { if (rf & 1) {
-    const _r17 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 18);
-    i0.ɵɵelementStart(1, "ul", 19);
+    const _r16 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 19);
+    i0.ɵɵelementStart(1, "ul", 20);
     i0.ɵɵelementStart(2, "li");
-    i0.ɵɵelementStart(3, "a", 20);
-    i0.ɵɵlistener("click", function CaseEditPageComponent_div_7_div_3_Template_a_click_3_listener() { i0.ɵɵrestoreView(_r17); const validationError_r15 = ctx.$implicit; const ctx_r16 = i0.ɵɵnextContext(2); return ctx_r16.navigateToErrorElement(validationError_r15.id); });
+    i0.ɵɵelementStart(3, "a", 21);
+    i0.ɵɵlistener("click", function CaseEditPageComponent_div_7_div_3_Template_a_click_3_listener() { i0.ɵɵrestoreView(_r16); const validationError_r14 = ctx.$implicit; const ctx_r15 = i0.ɵɵnextContext(2); return ctx_r15.navigateToErrorElement(validationError_r14.id); });
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const validationError_r15 = ctx.$implicit;
+    const validationError_r14 = ctx.$implicit;
     i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate(validationError_r15.message);
+    i0.ɵɵtextInterpolate(validationError_r14.message);
 } }
 function CaseEditPageComponent_div_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 15);
-    i0.ɵɵelementStart(1, "h2", 16);
+    i0.ɵɵelementStart(0, "div", 16);
+    i0.ɵɵelementStart(1, "h2", 17);
     i0.ɵɵtext(2, " There is a problem ");
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(3, CaseEditPageComponent_div_7_div_3_Template, 5, 1, "div", 17);
+    i0.ɵɵtemplate(3, CaseEditPageComponent_div_7_div_3_Template, 5, 1, "div", 18);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r7 = i0.ɵɵnextContext();
     i0.ɵɵadvance(3);
     i0.ɵɵproperty("ngForOf", ctx_r7.validationErrors);
 } }
-function CaseEditPageComponent_div_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 21);
-    i0.ɵɵelementStart(1, "h1", 22);
-    i0.ɵɵtext(2, " Something went wrong ");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 23);
-    i0.ɵɵelementStart(4, "p");
-    i0.ɵɵtext(5, "We're working to fix the problem. Try again shortly.");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "p");
-    i0.ɵɵelementStart(7, "a", 24);
-    i0.ɵɵtext(8, "Contact us");
-    i0.ɵɵelementEnd();
-    i0.ɵɵtext(9, " if you're still having problems.");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
-} }
-function CaseEditPageComponent_div_9_ul_5_li_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "li", 29);
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const fieldError_r20 = ctx.$implicit;
-    i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate(fieldError_r20.message);
-} }
-function CaseEditPageComponent_div_9_ul_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "ul", 27);
-    i0.ɵɵtemplate(1, CaseEditPageComponent_div_9_ul_5_li_1_Template, 2, 1, "li", 28);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r18 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngForOf", ctx_r18.error.details.field_errors);
-} }
-function CaseEditPageComponent_div_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 21);
-    i0.ɵɵelementStart(1, "h3", 25);
-    i0.ɵɵtext(2, " The event could not be created ");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "p");
-    i0.ɵɵtext(4);
-    i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(5, CaseEditPageComponent_div_9_ul_5_Template, 2, 1, "ul", 26);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r9 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate(ctx_r9.error.message);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r9.error.details == null ? null : ctx_r9.error.details.field_errors);
-} }
-function CaseEditPageComponent_form_12_ccd_case_edit_form_3_Template(rf, ctx) { if (rf & 1) {
-    const _r24 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "ccd-case-edit-form", 40);
-    i0.ɵɵlistener("valuesChanged", function CaseEditPageComponent_form_12_ccd_case_edit_form_3_Template_ccd_case_edit_form_valuesChanged_0_listener($event) { i0.ɵɵrestoreView(_r24); const ctx_r23 = i0.ɵɵnextContext(2); return ctx_r23.applyValuesChanged($event); });
+function CaseEditPageComponent_form_11_ccd_case_edit_form_3_Template(rf, ctx) { if (rf & 1) {
+    const _r20 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "ccd-case-edit-form", 32);
+    i0.ɵɵlistener("valuesChanged", function CaseEditPageComponent_form_11_ccd_case_edit_form_3_Template_ccd_case_edit_form_valuesChanged_0_listener($event) { i0.ɵɵrestoreView(_r20); const ctx_r19 = i0.ɵɵnextContext(2); return ctx_r19.applyValuesChanged($event); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r21 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("fields", ctx_r21.currentPage.getCol1Fields())("formGroup", ctx_r21.editForm.controls["data"])("caseFields", ctx_r21.caseFields)("pageChangeSubject", ctx_r21.pageChangeSubject);
+    const ctx_r17 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("fields", ctx_r17.currentPage.getCol1Fields())("formGroup", ctx_r17.editForm.controls["data"])("caseFields", ctx_r17.caseFields)("pageChangeSubject", ctx_r17.pageChangeSubject);
 } }
-function CaseEditPageComponent_form_12_div_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 41);
-    i0.ɵɵelementStart(1, "div", 42);
-    i0.ɵɵelement(2, "ccd-case-edit-form", 43);
+function CaseEditPageComponent_form_11_div_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 33);
+    i0.ɵɵelementStart(1, "div", 34);
+    i0.ɵɵelement(2, "ccd-case-edit-form", 35);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 44);
-    i0.ɵɵelement(4, "ccd-case-edit-form", 45);
+    i0.ɵɵelementStart(3, "div", 36);
+    i0.ɵɵelement(4, "ccd-case-edit-form", 37);
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r22 = i0.ɵɵnextContext(2);
+    const ctx_r18 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("fields", ctx_r22.currentPage.getCol1Fields())("formGroup", ctx_r22.editForm.controls["data"])("caseFields", ctx_r22.caseFields);
+    i0.ɵɵproperty("fields", ctx_r18.currentPage.getCol1Fields())("formGroup", ctx_r18.editForm.controls["data"])("caseFields", ctx_r18.caseFields);
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("fields", ctx_r22.currentPage.getCol2Fields())("formGroup", ctx_r22.editForm.controls["data"])("caseFields", ctx_r22.caseFields);
+    i0.ɵɵproperty("fields", ctx_r18.currentPage.getCol2Fields())("formGroup", ctx_r18.editForm.controls["data"])("caseFields", ctx_r18.caseFields);
 } }
-function CaseEditPageComponent_form_12_Template(rf, ctx) { if (rf & 1) {
-    const _r26 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "form", 30);
-    i0.ɵɵlistener("submit", function CaseEditPageComponent_form_12_Template_form_submit_0_listener() { i0.ɵɵrestoreView(_r26); const ctx_r25 = i0.ɵɵnextContext(); return ctx_r25.submit(); });
-    i0.ɵɵelementStart(1, "fieldset", 31);
-    i0.ɵɵelement(2, "legend", 32);
-    i0.ɵɵtemplate(3, CaseEditPageComponent_form_12_ccd_case_edit_form_3_Template, 1, 4, "ccd-case-edit-form", 33);
-    i0.ɵɵtemplate(4, CaseEditPageComponent_form_12_div_4_Template, 5, 6, "div", 34);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "div", 35);
-    i0.ɵɵelementStart(6, "button", 36);
-    i0.ɵɵlistener("click", function CaseEditPageComponent_form_12_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r26); const ctx_r27 = i0.ɵɵnextContext(); return ctx_r27.toPreviousPage(); });
+function CaseEditPageComponent_form_11_Template(rf, ctx) { if (rf & 1) {
+    const _r22 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "form", 22);
+    i0.ɵɵlistener("submit", function CaseEditPageComponent_form_11_Template_form_submit_0_listener() { i0.ɵɵrestoreView(_r22); const ctx_r21 = i0.ɵɵnextContext(); return ctx_r21.submit(); });
+    i0.ɵɵelementStart(1, "fieldset", 23);
+    i0.ɵɵelement(2, "legend", 24);
+    i0.ɵɵtemplate(3, CaseEditPageComponent_form_11_ccd_case_edit_form_3_Template, 1, 4, "ccd-case-edit-form", 25);
+    i0.ɵɵtemplate(4, CaseEditPageComponent_form_11_div_4_Template, 5, 6, "div", 26);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "div", 27);
+    i0.ɵɵelementStart(6, "button", 28);
+    i0.ɵɵlistener("click", function CaseEditPageComponent_form_11_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r22); const ctx_r23 = i0.ɵɵnextContext(); return ctx_r23.toPreviousPage(); });
     i0.ɵɵpipe(7, "async");
     i0.ɵɵtext(8, " Previous ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(9, "button", 37);
+    i0.ɵɵelementStart(9, "button", 29);
     i0.ɵɵtext(10);
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(11, "p", 38);
-    i0.ɵɵelementStart(12, "a", 39);
-    i0.ɵɵlistener("click", function CaseEditPageComponent_form_12_Template_a_click_12_listener() { i0.ɵɵrestoreView(_r26); const ctx_r28 = i0.ɵɵnextContext(); return ctx_r28.cancel(); });
+    i0.ɵɵelementStart(11, "p", 30);
+    i0.ɵɵelementStart(12, "a", 31);
+    i0.ɵɵlistener("click", function CaseEditPageComponent_form_11_Template_a_click_12_listener() { i0.ɵɵrestoreView(_r22); const ctx_r24 = i0.ɵɵnextContext(); return ctx_r24.cancel(); });
     i0.ɵɵtext(13);
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r10 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("formGroup", ctx_r10.editForm);
+    const ctx_r8 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("formGroup", ctx_r8.editForm);
     i0.ɵɵadvance(3);
-    i0.ɵɵproperty("ngIf", !ctx_r10.currentPage.isMultiColumn());
+    i0.ɵɵproperty("ngIf", !ctx_r8.currentPage.isMultiColumn());
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r10.currentPage.isMultiColumn());
+    i0.ɵɵproperty("ngIf", ctx_r8.currentPage.isMultiColumn());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("disabled", !i0.ɵɵpipeBind1(7, 7, ctx_r10.hasPreviousPage$));
+    i0.ɵɵproperty("disabled", !i0.ɵɵpipeBind1(7, 7, ctx_r8.hasPreviousPage$));
     i0.ɵɵadvance(3);
-    i0.ɵɵproperty("disabled", ctx_r10.submitting());
+    i0.ɵɵproperty("disabled", ctx_r8.submitting());
     i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate(ctx_r10.triggerText);
+    i0.ɵɵtextInterpolate(ctx_r8.triggerText);
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(ctx_r10.getCancelText());
+    i0.ɵɵtextInterpolate(ctx_r8.getCancelText());
+} }
+function CaseEditPageComponent_ccd_case_event_completion_12_Template(rf, ctx) { if (rf & 1) {
+    const _r26 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "ccd-case-event-completion", 38);
+    i0.ɵɵlistener("eventCanBeCompleted", function CaseEditPageComponent_ccd_case_event_completion_12_Template_ccd_case_event_completion_eventCanBeCompleted_0_listener($event) { i0.ɵɵrestoreView(_r26); const ctx_r25 = i0.ɵɵnextContext(); return ctx_r25.onEventCanBeCompleted($event); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r9 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("eventCompletionParams", ctx_r9.caseEdit.eventCompletionParams);
 } }
 class CaseEditPageComponent {
     constructor(caseEdit, route, formValueService, formErrorService, cdRef, pageValidationService, dialog, caseFieldService, caseEditDataService) {
@@ -8981,15 +9214,13 @@ class CaseEditPageComponent {
         this.dialog = dialog;
         this.caseFieldService = caseFieldService;
         this.caseEditDataService = caseEditDataService;
-        this.callbackErrorsSubject = new Subject();
-        this.ignoreWarning = false;
         this.triggerTextStart = CaseEditPageComponent.TRIGGER_TEXT_START;
         this.triggerTextIgnoreWarnings = CaseEditPageComponent.TRIGGER_TEXT_CONTINUE;
-        this.isSubmitting = false;
         this.formValuesChanged = false;
         this.pageChangeSubject = new Subject();
         this.validationErrors = [];
         this.hasPreviousPage$ = new BehaviorSubject(false);
+        this.callbackErrorsSubject = new Subject();
     }
     static scrollToTop() {
         window.scrollTo(0, 0);
@@ -9006,12 +9237,13 @@ class CaseEditPageComponent {
         this.editForm = this.caseEdit.form;
         this.wizard = this.caseEdit.wizard;
         this.caseFields = this.getCaseFields();
-        this.triggerText = this.getTriggerText();
         this.syncCaseEditDataService();
         this.route.params
             .subscribe(params => {
+            var _a, _b;
             const pageId = params['page'];
-            if (!this.currentPage || pageId !== this.currentPage.id) {
+            /* istanbul ignore else */
+            if (!this.currentPage || pageId !== ((_a = this.currentPage) === null || _a === void 0 ? void 0 : _a.id)) {
                 const page = this.caseEdit.getPage(pageId);
                 if (page) {
                     this.currentPage = page;
@@ -9024,7 +9256,7 @@ class CaseEditPageComponent {
                         return this.first();
                     }
                 }
-                this.hasPreviousPage$.next(this.caseEdit.hasPrevious(this.currentPage.id));
+                this.hasPreviousPage$.next(this.caseEdit.hasPrevious((_b = this.currentPage) === null || _b === void 0 ? void 0 : _b.id));
             }
         });
         CaseEditPageComponent.setFocusToTop();
@@ -9039,6 +9271,7 @@ class CaseEditPageComponent {
                 }
             }
         });
+        this.triggerText = this.getTriggerText();
     }
     ngAfterViewChecked() {
         this.cdRef.detectChanges();
@@ -9137,8 +9370,10 @@ class CaseEditPageComponent {
         CaseEditPageComponent.scrollToTop();
     }
     navigateToErrorElement(elementId) {
+        /* istanbul ignore else */
         if (elementId) {
             const htmlElement = document.getElementById(elementId);
+            /* istanbul ignore else */
             if (htmlElement) {
                 htmlElement.scrollIntoView({ behavior: 'smooth', block: 'center' });
                 htmlElement.focus();
@@ -9150,18 +9385,18 @@ class CaseEditPageComponent {
         if (this.currentPageIsNotValid()) {
             this.generateErrorMessage(this.currentPage.case_fields);
         }
-        if (!this.isSubmitting && !this.currentPageIsNotValid()) {
-            this.isSubmitting = true;
-            this.error = null;
+        if (!this.caseEdit.isSubmitting && !this.currentPageIsNotValid()) {
+            this.caseEdit.isSubmitting = true;
+            this.caseEdit.error = null;
             const caseEventData = this.buildCaseEventData();
             this.showSpinner = true;
             this.caseEdit.validate(caseEventData, this.currentPage.id)
                 .subscribe((jsonData) => {
+                /* istanbul ignore else */
                 if (jsonData) {
                     this.updateFormData(jsonData);
                 }
                 this.saveDraft();
-                this.showSpinner = false;
                 this.next();
             }, error => {
                 this.showSpinner = false;
@@ -9173,6 +9408,7 @@ class CaseEditPageComponent {
     }
     updateFormData(jsonData) {
         for (const caseFieldId of Object.keys(jsonData.data)) {
+            /* istanbul ignore else */
             if (this.pageWithFieldExists(caseFieldId)) {
                 this.updateEventTriggerCaseFields(caseFieldId, jsonData, this.caseEdit.eventTrigger);
                 this.updateFormControlsValue(this.editForm, caseFieldId, jsonData.data[caseFieldId]);
@@ -9184,12 +9420,33 @@ class CaseEditPageComponent {
         return this.wizard.findWizardPage(caseFieldId);
     }
     updateEventTriggerCaseFields(caseFieldId, jsonData, eventTrigger) {
-        if (eventTrigger.case_fields) {
+        /* istanbul ignore else */
+        if (eventTrigger === null || eventTrigger === void 0 ? void 0 : eventTrigger.case_fields) {
             eventTrigger.case_fields
                 .filter(element => element.id === caseFieldId)
-                .forEach(element => element.value = jsonData.data[caseFieldId]);
+                .forEach(element => {
+                if (this.isAnObject(element.value)) {
+                    const updatedJsonDataObject = this.updateJsonDataObject(caseFieldId, jsonData, element);
+                    element.value = Object.assign(Object.assign({}, element.value), updatedJsonDataObject);
+                }
+                else {
+                    element.value = jsonData.data[caseFieldId];
+                }
+            });
         }
     }
+    updateJsonDataObject(caseFieldId, jsonData, element) {
+        return Object.keys(jsonData.data[caseFieldId]).reduce((acc, key) => {
+            const elementValue = element.value[key];
+            const jsonDataValue = jsonData.data[caseFieldId][key];
+            const hasElementGotValueProperty = this.isAnObject(elementValue) && elementValue.value !== undefined;
+            const jsonDataOrElementValue = (jsonDataValue === null || jsonDataValue === void 0 ? void 0 : jsonDataValue.value) !== null && (jsonDataValue === null || jsonDataValue === void 0 ? void 0 : jsonDataValue.value) !== undefined ? jsonDataValue : elementValue;
+            return Object.assign(Object.assign({}, acc), { [`${key}`]: hasElementGotValueProperty ? jsonDataOrElementValue : jsonDataValue });
+        }, {});
+    }
+    isAnObject(property) {
+        return typeof property === 'object' && !Array.isArray(property) && property !== null;
+    }
     updateFormControlsValue(formGroup, caseFieldId, value) {
         const theControl = formGroup.controls['data'].get(caseFieldId);
         if (theControl && theControl['status'] !== 'DISABLED') {
@@ -9205,12 +9462,15 @@ class CaseEditPageComponent {
         }
     }
     callbackErrorsNotify(errorContext) {
-        this.ignoreWarning = errorContext.ignore_warning;
+        this.caseEdit.ignoreWarning = errorContext.ignore_warning;
         this.triggerText = errorContext.trigger_text;
     }
     next() {
+        if (this.canNavigateToSummaryPage()) {
+            this.showSpinner = false;
+            this.caseEdit.isSubmitting = false;
+        }
         this.resetErrors();
-        this.isSubmitting = false;
         this.formValuesChanged = false;
         this.pageChangeSubject.next(true);
         return this.caseEdit.next(this.currentPage.id);
@@ -9253,7 +9513,7 @@ class CaseEditPageComponent {
         }
     }
     submitting() {
-        return this.isSubmitting;
+        return this.caseEdit.isSubmitting;
     }
     getCaseId() {
         return (this.caseEdit.caseDetails ? this.caseEdit.caseDetails.case_id : '');
@@ -9265,10 +9525,23 @@ class CaseEditPageComponent {
     getCancelText() {
         return this.eventTrigger.can_save_draft ? 'Return to case list' : 'Cancel';
     }
+    canNavigateToSummaryPage() {
+        var _a;
+        const nextPage = this.caseEdit.getNextPage({
+            currentPageId: (_a = this.currentPage) === null || _a === void 0 ? void 0 : _a.id,
+            wizard: this.wizard,
+            eventTrigger: this.eventTrigger,
+            form: this.editForm
+        });
+        return this.eventTrigger.show_summary || !!nextPage;
+    }
     getTriggerText() {
-        return this.eventTrigger && this.eventTrigger.can_save_draft
+        const textBasedOnCanSaveDraft = this.eventTrigger && this.eventTrigger.can_save_draft
             ? CaseEditPageComponent.TRIGGER_TEXT_SAVE
             : CaseEditPageComponent.TRIGGER_TEXT_START;
+        return this.canNavigateToSummaryPage()
+            ? textBasedOnCanSaveDraft
+            : 'Submit';
     }
     discard() {
         if (this.route.snapshot.queryParamMap.get(CaseEditComponent.ORIGIN_QUERY_PARAM) === 'viewDraft') {
@@ -9279,25 +9552,28 @@ class CaseEditPageComponent {
         }
     }
     handleError(error) {
-        this.isSubmitting = false;
-        this.error = error;
-        this.callbackErrorsSubject.next(this.error);
-        if (this.error.details) {
+        var _a, _b;
+        this.caseEdit.isSubmitting = false;
+        this.caseEdit.error = error;
+        this.caseEdit.callbackErrorsSubject.next(this.caseEdit.error);
+        this.callbackErrorsSubject.next(this.caseEdit.error);
+        /* istanbul ignore else */
+        if (this.caseEdit.error.details) {
             this.formErrorService
-                .mapFieldErrors(this.error.details.field_errors, this.editForm.controls['data'], 'validation');
+                .mapFieldErrors(this.caseEdit.error.details.field_errors, (_b = (_a = this.editForm) === null || _a === void 0 ? void 0 : _a.controls) === null || _b === void 0 ? void 0 : _b['data'], 'validation');
         }
     }
     resetErrors() {
-        this.error = null;
-        this.ignoreWarning = false;
+        this.caseEdit.error = null;
+        this.caseEdit.ignoreWarning = false;
         this.triggerText = this.getTriggerText();
-        this.callbackErrorsSubject.next(null);
+        this.caseEdit.callbackErrorsSubject.next(null);
     }
     saveDraft() {
         if (this.eventTrigger.can_save_draft) {
             const draftCaseEventData = this.formValueService.sanitise(this.editForm.value);
             draftCaseEventData.event_token = this.eventTrigger.event_token;
-            draftCaseEventData.ignore_warning = this.ignoreWarning;
+            draftCaseEventData.ignore_warning = this.caseEdit.ignoreWarning;
             this.caseEdit.saveDraft(draftCaseEventData).subscribe((draft) => this.eventTrigger.case_id = DRAFT_PREFIX + draft.id, error => this.handleError(error));
         }
     }
@@ -9329,7 +9605,7 @@ class CaseEditPageComponent {
         pageEventData.event_data = formEventData.data;
         // Finalise the CaseEventData object.
         pageEventData.event_token = this.eventTrigger.event_token;
-        pageEventData.ignore_warning = this.ignoreWarning;
+        pageEventData.ignore_warning = this.caseEdit.ignoreWarning;
         // Finally, try to set up the case_reference.
         if (this.caseEdit.caseDetails) {
             pageEventData.case_reference = this.caseEdit.caseDetails.case_id;
@@ -9365,6 +9641,15 @@ class CaseEditPageComponent {
             next: (validationErrors) => this.validationErrors = validationErrors
         });
     }
+    onEventCanBeCompleted(eventCanBeCompleted) {
+        this.caseEdit.onEventCanBeCompleted({
+            eventTrigger: this.eventTrigger,
+            eventCanBeCompleted,
+            caseDetails: this.caseEdit.caseDetails,
+            form: this.editForm,
+            submit: this.caseEdit.submit,
+        });
+    }
 }
 CaseEditPageComponent.RESUMED_FORM_DISCARD = 'RESUMED_FORM_DISCARD';
 CaseEditPageComponent.NEW_FORM_DISCARD = 'NEW_FORM_DISCARD';
@@ -9374,21 +9659,21 @@ CaseEditPageComponent.TRIGGER_TEXT_START = 'Continue';
 CaseEditPageComponent.TRIGGER_TEXT_SAVE = 'Save and continue';
 CaseEditPageComponent.TRIGGER_TEXT_CONTINUE = 'Ignore Warning and Continue';
 CaseEditPageComponent.ɵfac = function CaseEditPageComponent_Factory(t) { return new (t || CaseEditPageComponent)(i0.ɵɵdirectiveInject(CaseEditComponent), i0.ɵɵdirectiveInject(i1$1.ActivatedRoute), i0.ɵɵdirectiveInject(FormValueService), i0.ɵɵdirectiveInject(FormErrorService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(PageValidationService), i0.ɵɵdirectiveInject(i1$3.MatDialog), i0.ɵɵdirectiveInject(CaseFieldService), i0.ɵɵdirectiveInject(CaseEditDataService)); };
-CaseEditPageComponent.ɵcmp = i0.ɵɵdefineComponent({ type: CaseEditPageComponent, selectors: [["ccd-case-edit-page"]], decls: 13, vars: 12, consts: [[4, "ngIf"], [4, "ngIf", "ngIfThen", "ngIfElse"], ["titleBlock", ""], ["idBlock", ""], ["class", "govuk-error-summary", "aria-labelledby", "error-summary-title", "role", "alert", "tabindex", "-1", "data-module", "govuk-error-summary", 4, "ngIf"], ["class", "error-summary", "role", "status", "aria-labelledby", "edit-case-event_error-summary-heading", "tabindex", "-1", 4, "ngIf"], [3, "triggerTextContinue", "triggerTextIgnore", "callbackErrorsSubject", "callbackErrorsContext"], [1, "width-50"], ["class", "form", 3, "formGroup", "submit", 4, "ngIf"], ["class", "govuk-heading-l", 4, "ngIf"], [1, "govuk-heading-l"], [1, "govuk-caption-l"], [3, "content"], ["class", "heading-h2", 4, "ngIf"], [1, "heading-h2"], ["aria-labelledby", "error-summary-title", "role", "alert", "tabindex", "-1", "data-module", "govuk-error-summary", 1, "govuk-error-summary"], ["id", "error-summary-title", 1, "govuk-error-summary__title"], ["class", "govuk-error-summary__body", 4, "ngFor", "ngForOf"], [1, "govuk-error-summary__body"], [1, "govuk-list", "govuk-error-summary__list"], [1, "validation-error", 3, "click"], ["role", "status", "aria-labelledby", "edit-case-event_error-summary-heading", "tabindex", "-1", 1, "error-summary"], ["id", "edit-case-event_error-summary-heading", 1, "heading-h1", "error-summary-heading"], ["id", "edit-case-event_error-summary-body", 1, "govuk-error-summary__body"], ["href", "get-help", "target", "_blank"], ["id", "edit-case-event_error-summary-heading-3", 1, "heading-h3", "error-summary-heading"], ["class", "error-summary-list", 4, "ngIf"], [1, "error-summary-list"], ["class", "ccd-error-summary-li", 4, "ngFor", "ngForOf"], [1, "ccd-error-summary-li"], [1, "form", 3, "formGroup", "submit"], ["id", "fieldset-case-data"], [2, "display", "none"], ["id", "caseEditForm", 3, "fields", "formGroup", "caseFields", "pageChangeSubject", "valuesChanged", 4, "ngIf"], ["class", "grid-row", 4, "ngIf"], [1, "form-group", "form-group-related"], ["type", "button", 1, "button", "button-secondary", 3, "disabled", "click"], ["type", "submit", 1, "button", 3, "disabled"], [1, "cancel"], ["href", "javascript:void(0)", 3, "click"], ["id", "caseEditForm", 3, "fields", "formGroup", "caseFields", "pageChangeSubject", "valuesChanged"], [1, "grid-row"], [1, "column-two-thirds", "rightBorderSeparator"], ["id", "caseEditForm1", 3, "fields", "formGroup", "caseFields"], [1, "column-one-third"], ["id", "caseEditForm2", 3, "fields", "formGroup", "caseFields"]], template: function CaseEditPageComponent_Template(rf, ctx) { if (rf & 1) {
+CaseEditPageComponent.ɵcmp = i0.ɵɵdefineComponent({ type: CaseEditPageComponent, selectors: [["ccd-case-edit-page"]], decls: 13, vars: 12, consts: [[4, "ngIf"], [4, "ngIf", "ngIfThen", "ngIfElse"], ["titleBlock", ""], ["idBlock", ""], ["class", "govuk-error-summary", "aria-labelledby", "error-summary-title", "role", "alert", "tabindex", "-1", "data-module", "govuk-error-summary", 4, "ngIf"], [3, "error"], [3, "triggerTextContinue", "triggerTextIgnore", "callbackErrorsSubject", "callbackErrorsContext"], [1, "width-50"], ["class", "form", 3, "formGroup", "submit", 4, "ngIf"], [3, "eventCompletionParams", "eventCanBeCompleted", 4, "ngIf"], ["class", "govuk-heading-l", 4, "ngIf"], [1, "govuk-heading-l"], [1, "govuk-caption-l"], [3, "content"], ["class", "heading-h2", 4, "ngIf"], [1, "heading-h2"], ["aria-labelledby", "error-summary-title", "role", "alert", "tabindex", "-1", "data-module", "govuk-error-summary", 1, "govuk-error-summary"], ["id", "error-summary-title", 1, "govuk-error-summary__title"], ["class", "govuk-error-summary__body", 4, "ngFor", "ngForOf"], [1, "govuk-error-summary__body"], [1, "govuk-list", "govuk-error-summary__list"], [1, "validation-error", 3, "click"], [1, "form", 3, "formGroup", "submit"], ["id", "fieldset-case-data"], [2, "display", "none"], ["id", "caseEditForm", 3, "fields", "formGroup", "caseFields", "pageChangeSubject", "valuesChanged", 4, "ngIf"], ["class", "grid-row", 4, "ngIf"], [1, "form-group", "form-group-related"], ["type", "button", 1, "button", "button-secondary", 3, "disabled", "click"], ["type", "submit", 1, "button", 3, "disabled"], [1, "cancel"], ["href", "javascript:void(0)", 3, "click"], ["id", "caseEditForm", 3, "fields", "formGroup", "caseFields", "pageChangeSubject", "valuesChanged"], [1, "grid-row"], [1, "column-two-thirds", "rightBorderSeparator"], ["id", "caseEditForm1", 3, "fields", "formGroup", "caseFields"], [1, "column-one-third"], ["id", "caseEditForm2", 3, "fields", "formGroup", "caseFields"], [3, "eventCompletionParams", "eventCanBeCompleted"]], template: function CaseEditPageComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵtemplate(0, CaseEditPageComponent_ccd_loading_spinner_0_Template, 1, 0, "ccd-loading-spinner", 0);
         i0.ɵɵtemplate(1, CaseEditPageComponent_ng_container_1_Template, 3, 2, "ng-container", 0);
         i0.ɵɵtemplate(2, CaseEditPageComponent_div_2_Template, 1, 0, "div", 1);
         i0.ɵɵtemplate(3, CaseEditPageComponent_ng_template_3_Template, 2, 5, "ng-template", null, 2, i0.ɵɵtemplateRefExtractor);
         i0.ɵɵtemplate(5, CaseEditPageComponent_ng_template_5_Template, 1, 1, "ng-template", null, 3, i0.ɵɵtemplateRefExtractor);
         i0.ɵɵtemplate(7, CaseEditPageComponent_div_7_Template, 4, 1, "div", 4);
-        i0.ɵɵtemplate(8, CaseEditPageComponent_div_8_Template, 10, 0, "div", 5);
-        i0.ɵɵtemplate(9, CaseEditPageComponent_div_9_Template, 6, 2, "div", 5);
-        i0.ɵɵelementStart(10, "ccd-callback-errors", 6);
-        i0.ɵɵlistener("callbackErrorsContext", function CaseEditPageComponent_Template_ccd_callback_errors_callbackErrorsContext_10_listener($event) { return ctx.callbackErrorsNotify($event); });
+        i0.ɵɵelement(8, "ccd-case-edit-generic-errors", 5);
+        i0.ɵɵelementStart(9, "ccd-callback-errors", 6);
+        i0.ɵɵlistener("callbackErrorsContext", function CaseEditPageComponent_Template_ccd_callback_errors_callbackErrorsContext_9_listener($event) { return ctx.callbackErrorsNotify($event); });
         i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(11, "div", 7);
-        i0.ɵɵtemplate(12, CaseEditPageComponent_form_12_Template, 14, 9, "form", 8);
+        i0.ɵɵelementStart(10, "div", 7);
+        i0.ɵɵtemplate(11, CaseEditPageComponent_form_11_Template, 14, 9, "form", 8);
         i0.ɵɵelementEnd();
+        i0.ɵɵtemplate(12, CaseEditPageComponent_ccd_case_event_completion_12_Template, 1, 1, "ccd-case-event-completion", 9);
     } if (rf & 2) {
         const _r3 = i0.ɵɵreference(4);
         const _r5 = i0.ɵɵreference(6);
@@ -9400,13 +9685,13 @@ CaseEditPageComponent.ɵcmp = i0.ɵɵdefineComponent({ type: CaseEditPageCompone
         i0.ɵɵadvance(5);
         i0.ɵɵproperty("ngIf", ctx.validationErrors.length > 0);
         i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngIf", ctx.error && !(ctx.error.callbackErrors || ctx.error.callbackWarnings || ctx.error.details));
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngIf", ctx.error && ctx.error.details);
+        i0.ɵɵproperty("error", ctx.caseEdit.error);
         i0.ɵɵadvance(1);
-        i0.ɵɵproperty("triggerTextContinue", ctx.triggerTextStart)("triggerTextIgnore", ctx.triggerTextIgnoreWarnings)("callbackErrorsSubject", ctx.callbackErrorsSubject);
+        i0.ɵɵproperty("triggerTextContinue", ctx.triggerTextStart)("triggerTextIgnore", ctx.triggerTextIgnoreWarnings)("callbackErrorsSubject", ctx.caseEdit.callbackErrorsSubject);
         i0.ɵɵadvance(2);
         i0.ɵɵproperty("ngIf", ctx.currentPage);
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngIf", ctx.caseEdit.isEventCompletionChecksRequired);
     } }, styles: [".rightBorderSeparator[_ngcontent-%COMP%]{border-right:4px solid #ffcc02}.validation-error[_ngcontent-%COMP%]{cursor:pointer;text-decoration:underline;color:#d4351c}"] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaseEditPageComponent, [{
         type: Component,
@@ -9500,11 +9785,6 @@ class CallbackErrorsComponent {
             }
         });
     }
-    ngOnDestroy() {
-        if (this.callbackErrorsSubject) {
-            this.callbackErrorsSubject.unsubscribe();
-        }
-    }
     hasErrors() {
         return this.error
             && this.error.callbackErrors
@@ -10122,49 +10402,80 @@ var DisplayContextCustomParameter;
     DisplayContextCustomParameter["LinkedCases"] = "LinkedCases";
 })(DisplayContextCustomParameter || (DisplayContextCustomParameter = {}));
 
-function CaseFileViewFieldComponent_div_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 2);
-    i0.ɵɵelementStart(1, "h1", 3);
+function CaseFileViewFieldComponent_ng_container_0_li_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "li");
+    i0.ɵɵelementStart(1, "a", 8);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const errorMessage_r4 = ctx.$implicit;
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(errorMessage_r4);
+} }
+function CaseFileViewFieldComponent_ng_container_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵelementStart(1, "div", 2);
+    i0.ɵɵelementStart(2, "div", 3);
+    i0.ɵɵelementStart(3, "h2", 4);
+    i0.ɵɵtext(4, " There is a problem ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "div", 5);
+    i0.ɵɵelementStart(6, "ul", 6);
+    i0.ɵɵtemplate(7, CaseFileViewFieldComponent_ng_container_0_li_7_Template, 3, 1, "li", 7);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementContainerEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(7);
+    i0.ɵɵproperty("ngForOf", ctx_r0.errorMessages);
+} }
+function CaseFileViewFieldComponent_div_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 9);
+    i0.ɵɵelementStart(1, "h1", 10);
     i0.ɵɵtext(2, "Sorry, there is a problem with the service");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "p", 4);
+    i0.ɵɵelementStart(3, "p", 11);
     i0.ɵɵtext(4, "Try again later.");
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
 } }
-function CaseFileViewFieldComponent_div_1_ng_container_8_Template(rf, ctx) { if (rf & 1) {
+function CaseFileViewFieldComponent_div_2_ng_container_8_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
-    i0.ɵɵelement(1, "mv-media-viewer", 11);
+    i0.ɵɵelement(1, "mv-media-viewer", 18);
     i0.ɵɵelementContainerEnd();
 } if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(2);
+    const ctx_r5 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("url", ctx_r2.currentDocument.document_binary_url)("downloadFileName", ctx_r2.currentDocument.document_filename)("showToolbar", true)("contentType", ctx_r2.currentDocument.content_type)("enableAnnotations", true)("enableRedactions", true)("height", "94.5vh");
+    i0.ɵɵproperty("url", ctx_r5.currentDocument.document_binary_url)("downloadFileName", ctx_r5.currentDocument.document_filename)("showToolbar", true)("contentType", ctx_r5.currentDocument.content_type)("enableAnnotations", true)("enableRedactions", true)("height", "94.5vh");
 } }
-function CaseFileViewFieldComponent_div_1_Template(rf, ctx) { if (rf & 1) {
-    const _r4 = i0.ɵɵgetCurrentView();
+function CaseFileViewFieldComponent_div_2_Template(rf, ctx) { if (rf & 1) {
+    const _r7 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div");
-    i0.ɵɵelementStart(1, "h2", 5);
+    i0.ɵɵelementStart(1, "h2", 12);
     i0.ɵɵtext(2, "Case file");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 6);
-    i0.ɵɵelementStart(4, "div", 7);
-    i0.ɵɵelementStart(5, "ccd-case-file-view-folder", 8);
-    i0.ɵɵlistener("clickedDocument", function CaseFileViewFieldComponent_div_1_Template_ccd_case_file_view_folder_clickedDocument_5_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r3 = i0.ɵɵnextContext(); return ctx_r3.setMediaViewerFile($event); })("moveDocument", function CaseFileViewFieldComponent_div_1_Template_ccd_case_file_view_folder_moveDocument_5_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r5 = i0.ɵɵnextContext(); return ctx_r5.moveDocument($event); });
+    i0.ɵɵelementStart(3, "div", 13);
+    i0.ɵɵelementStart(4, "div", 14);
+    i0.ɵɵelementStart(5, "ccd-case-file-view-folder", 15);
+    i0.ɵɵlistener("clickedDocument", function CaseFileViewFieldComponent_div_2_Template_ccd_case_file_view_folder_clickedDocument_5_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r6 = i0.ɵɵnextContext(); ctx_r6.setMediaViewerFile($event); return ctx_r6.resetErrorMessages(); })("moveDocument", function CaseFileViewFieldComponent_div_2_Template_ccd_case_file_view_folder_moveDocument_5_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r8 = i0.ɵɵnextContext(); return ctx_r8.moveDocument($event); });
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(6, "div", 9);
-    i0.ɵɵelementStart(7, "div", 10);
-    i0.ɵɵtemplate(8, CaseFileViewFieldComponent_div_1_ng_container_8_Template, 2, 7, "ng-container", 1);
+    i0.ɵɵelement(6, "div", 16);
+    i0.ɵɵelementStart(7, "div", 17);
+    i0.ɵɵtemplate(8, CaseFileViewFieldComponent_div_2_ng_container_8_Template, 2, 7, "ng-container", 0);
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
+    const ctx_r2 = i0.ɵɵnextContext();
     i0.ɵɵadvance(5);
-    i0.ɵɵproperty("categoriesAndDocuments", ctx_r1.categoriesAndDocuments$)("allowMoving", ctx_r1.allowMoving);
+    i0.ɵɵproperty("categoriesAndDocuments", ctx_r2.categoriesAndDocuments$)("allowMoving", ctx_r2.allowMoving);
     i0.ɵɵadvance(3);
-    i0.ɵɵproperty("ngIf", ctx_r1.currentDocument);
+    i0.ɵɵproperty("ngIf", ctx_r2.currentDocument);
 } }
 class CaseFileViewFieldComponent {
     constructor(elementRef, route, caseFileViewService, documentManagementService, loadingService, sessionStorageService) {
@@ -10176,6 +10487,7 @@ class CaseFileViewFieldComponent {
         this.sessionStorageService = sessionStorageService;
         this.allowMoving = true;
         this.getCategoriesAndDocumentsError = false;
+        this.errorMessages = [];
     }
     ngOnInit() {
         const cid = this.route.snapshot.paramMap.get(CaseFileViewFieldComponent.PARAM_CASE_ID);
@@ -10225,11 +10537,26 @@ class CaseFileViewFieldComponent {
     moveDocument(data) {
         const cid = this.route.snapshot.paramMap.get(CaseFileViewFieldComponent.PARAM_CASE_ID);
         const loadingToken = this.loadingService.register();
-        this.caseFileViewService.updateDocumentCategory(cid, this.caseVersion, data.document.attribute_path, data.newCategory).subscribe(_ => {
-            location.reload();
+        this.caseFileViewService.updateDocumentCategory(cid, this.caseVersion, data.document.attribute_path, data.newCategory)
+            .pipe(finalize(() => {
             this.loadingService.unregister(loadingToken);
+        }), catchError(() => {
+            this.errorMessages = ['You do not have permission to move this document to the selected folder.'];
+            return of(null);
+        }))
+            .subscribe(res => {
+            if (res) {
+                this.resetErrorMessages();
+                this.reloadPage();
+            }
         });
     }
+    reloadPage() {
+        location.reload();
+    }
+    resetErrorMessages() {
+        this.errorMessages = [];
+    }
     ngOnDestroy() {
         if (this.categoriesAndDocumentsSubscription) {
             this.categoriesAndDocumentsSubscription.unsubscribe();
@@ -10238,10 +10565,13 @@ class CaseFileViewFieldComponent {
 }
 CaseFileViewFieldComponent.PARAM_CASE_ID = 'cid';
 CaseFileViewFieldComponent.ɵfac = function CaseFileViewFieldComponent_Factory(t) { return new (t || CaseFileViewFieldComponent)(i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i1$1.ActivatedRoute), i0.ɵɵdirectiveInject(CaseFileViewService), i0.ɵɵdirectiveInject(DocumentManagementService), i0.ɵɵdirectiveInject(LoadingService), i0.ɵɵdirectiveInject(SessionStorageService)); };
-CaseFileViewFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: CaseFileViewFieldComponent, selectors: [["ccd-case-file-view-field"]], decls: 2, vars: 2, consts: [["class", "govuk-grid-column-two-thirds", 4, "ngIf"], [4, "ngIf"], [1, "govuk-grid-column-two-thirds"], [1, "govuk-heading-xl"], [1, "govuk-body"], [1, "govuk-heading-l"], ["id", "case-file-view", 1, "govuk-form-group"], [1, "document-tree-container"], [1, "document-tree-container__tree", 3, "categoriesAndDocuments", "allowMoving", "clickedDocument", "moveDocument"], [1, "slider"], [1, "media-viewer-container"], [3, "url", "downloadFileName", "showToolbar", "contentType", "enableAnnotations", "enableRedactions", "height"]], template: function CaseFileViewFieldComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵtemplate(0, CaseFileViewFieldComponent_div_0_Template, 5, 0, "div", 0);
-        i0.ɵɵtemplate(1, CaseFileViewFieldComponent_div_1_Template, 9, 3, "div", 1);
+CaseFileViewFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: CaseFileViewFieldComponent, selectors: [["ccd-case-file-view-field"]], decls: 3, vars: 3, consts: [[4, "ngIf"], ["class", "govuk-grid-column-two-thirds", 4, "ngIf"], ["id", "case-file-view-field-errors", "data-module", "govuk-error-summary", 1, "govuk-error-summary", "govuk-!-margin-bottom-4"], ["role", "alert"], [1, "govuk-error-summary__title"], [1, "govuk-error-summary__body"], [1, "govuk-list", "govuk-error-summary__list"], [4, "ngFor", "ngForOf"], ["href", "javascript:void(0);"], [1, "govuk-grid-column-two-thirds"], [1, "govuk-heading-xl"], [1, "govuk-body"], [1, "govuk-heading-l"], ["id", "case-file-view", 1, "govuk-form-group"], [1, "document-tree-container"], [1, "document-tree-container__tree", 3, "categoriesAndDocuments", "allowMoving", "clickedDocument", "moveDocument"], [1, "slider"], [1, "media-viewer-container"], [3, "url", "downloadFileName", "showToolbar", "contentType", "enableAnnotations", "enableRedactions", "height"]], template: function CaseFileViewFieldComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵtemplate(0, CaseFileViewFieldComponent_ng_container_0_Template, 8, 1, "ng-container", 0);
+        i0.ɵɵtemplate(1, CaseFileViewFieldComponent_div_1_Template, 5, 0, "div", 1);
+        i0.ɵɵtemplate(2, CaseFileViewFieldComponent_div_2_Template, 9, 3, "div", 0);
     } if (rf & 2) {
+        i0.ɵɵproperty("ngIf", ctx.errorMessages == null ? null : ctx.errorMessages.length);
+        i0.ɵɵadvance(1);
         i0.ɵɵproperty("ngIf", ctx.getCategoriesAndDocumentsError);
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("ngIf", !ctx.getCategoriesAndDocumentsError);
@@ -13141,12 +13471,11 @@ function WriteJudicialUserFieldComponent_mat_option_8_Template(rf, ctx) { if (rf
     i0.ɵɵelementEnd();
 } }
 class WriteJudicialUserFieldComponent extends AbstractFieldWriteComponent {
-    constructor(route, cd, jurisdictionService) {
+    constructor(jurisdictionService, sessionStorageService, caseFlagRefDataService) {
         super();
-        this.route = route;
-        this.cd = cd;
         this.jurisdictionService = jurisdictionService;
-        this.JURISDICTION_ID = 'jid';
+        this.sessionStorageService = sessionStorageService;
+        this.caseFlagRefDataService = caseFlagRefDataService;
         this.MINIMUM_SEARCH_CHARACTERS = 2;
         this.IDAM_ID = 'idamId';
         this.PERSONAL_CODE = 'personalCode';
@@ -13154,18 +13483,44 @@ class WriteJudicialUserFieldComponent extends AbstractFieldWriteComponent {
         this.showAutocomplete = false;
     }
     ngOnInit() {
-        this.jurisdictionId = this.route.snapshot.params[this.JURISDICTION_ID];
+        var _a;
         this.judicialUserFormGroup = this.registerControl(new FormGroup({}), true);
         this.idamIdFormControl = new FormControl('');
         this.judicialUserFormGroup.addControl(this.IDAM_ID, this.idamIdFormControl);
         this.personalCodeFormControl = new FormControl('');
         this.judicialUserFormGroup.addControl(this.PERSONAL_CODE, this.personalCodeFormControl);
-        this.sub = this.idamIdFormControl.valueChanges.pipe(tap(() => this.showAutocomplete = false), tap(() => this.filteredJudicialUsers = []), debounceTime(300), filter((searchTerm) => searchTerm && searchTerm.length > this.MINIMUM_SEARCH_CHARACTERS), switchMap((searchTerm) => this.filter(searchTerm).pipe(tap(() => this.showAutocomplete = true), catchError(() => this.filteredJudicialUsers = [])))).subscribe((judicialUsers) => {
+        this.setJurisdictionAndCaseType();
+        this.sub = this.idamIdFormControl.valueChanges.pipe(tap(() => this.showAutocomplete = false), tap(() => this.filteredJudicialUsers = []), debounceTime(300), filter((searchTerm) => searchTerm && searchTerm.length > this.MINIMUM_SEARCH_CHARACTERS), switchMap((searchTerm) => this.filterJudicialUsers(searchTerm).pipe(tap(() => this.showAutocomplete = true), catchError(() => this.filteredJudicialUsers = [])))).subscribe((judicialUsers) => {
             this.filteredJudicialUsers = judicialUsers;
         });
+        if ((_a = this.caseField.value) === null || _a === void 0 ? void 0 : _a.personalCode) {
+            this.loadJudicialUser(this.caseField.value.personalCode);
+        }
+    }
+    filterJudicialUsers(searchTerm) {
+        return this.caseFlagRefDataService.getHmctsServiceDetailsByCaseType(this.caseType).pipe(
+        // If an error occurs retrieving HMCTS service details by case type ID, try by service name instead
+        catchError(_ => this.caseFlagRefDataService.getHmctsServiceDetailsByServiceName(this.jurisdiction)), 
+        // Use switchMap to return an inner Observable of the flag types data, having received the service details
+        // including service_code. This avoids having nested `subscribe`s, which is an anti-pattern!
+        switchMap(serviceDetails => this.jurisdictionService.searchJudicialUsers(searchTerm, serviceDetails[0].service_code)));
+    }
+    loadJudicialUser(personalCode) {
+        if (personalCode) {
+            this.jurisdictionService.searchJudicialUsersByPersonalCodes([personalCode]).subscribe(judicialUsers => {
+                const judicialUser = judicialUsers[0];
+                this.idamIdFormControl.setValue(`${judicialUser.fullName} (${judicialUser.emailId})`);
+                this.personalCodeFormControl.setValue(judicialUser.personalCode);
+            });
+        }
     }
-    filter(searchTerm) {
-        return this.jurisdictionService.searchJudicialUsers(searchTerm, this.jurisdictionId);
+    setJurisdictionAndCaseType() {
+        const caseInfoStr = this.sessionStorageService.getItem('caseInfo');
+        if (caseInfoStr) {
+            const caseInfo = JSON.parse(caseInfoStr);
+            this.jurisdiction = caseInfo === null || caseInfo === void 0 ? void 0 : caseInfo.jurisdiction;
+            this.caseType = caseInfo === null || caseInfo === void 0 ? void 0 : caseInfo.caseType;
+        }
     }
     onSelectionChange(judicialUser) {
         this.idamIdFormControl.setValue(`${judicialUser.fullName} (${judicialUser.emailId})`);
@@ -13177,7 +13532,7 @@ class WriteJudicialUserFieldComponent extends AbstractFieldWriteComponent {
         }
     }
 }
-WriteJudicialUserFieldComponent.ɵfac = function WriteJudicialUserFieldComponent_Factory(t) { return new (t || WriteJudicialUserFieldComponent)(i0.ɵɵdirectiveInject(i1$1.ActivatedRoute), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(JurisdictionService)); };
+WriteJudicialUserFieldComponent.ɵfac = function WriteJudicialUserFieldComponent_Factory(t) { return new (t || WriteJudicialUserFieldComponent)(i0.ɵɵdirectiveInject(JurisdictionService), i0.ɵɵdirectiveInject(SessionStorageService), i0.ɵɵdirectiveInject(CaseFlagRefdataService)); };
 WriteJudicialUserFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: WriteJudicialUserFieldComponent, selectors: [["ccd-write-judicial-user-field"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 9, vars: 9, consts: [[1, "form-group", 3, "formGroup"], [3, "for"], ["class", "form-label", 4, "ngIf"], ["class", "form-hint", 4, "ngIf"], [1, "form-control", "bottom-30", 3, "id", "formControl", "matAutocomplete"], ["autoActiveFirstOption", ""], ["autoComplete", "matAutocomplete"], ["class", "select-option", 3, "ngClass", "value", "onSelectionChange", 4, "ngFor", "ngForOf"], ["class", "select-option", 4, "ngIf"], [1, "form-label"], [1, "form-hint"], [1, "select-option", 3, "ngClass", "value", "onSelectionChange"], [1, "select-option"]], template: function WriteJudicialUserFieldComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵelementStart(0, "div", 0);
         i0.ɵɵelementStart(1, "label", 1);
@@ -13205,7 +13560,7 @@ WriteJudicialUserFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: WriteJudi
         i0.ɵɵproperty("ngForOf", ctx.filteredJudicialUsers);
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("ngIf", !(ctx.filteredJudicialUsers == null ? null : ctx.filteredJudicialUsers.length) && ctx.showAutocomplete);
-    } }, directives: [i2.NgControlStatusGroup, i2.FormGroupDirective, i1.NgIf, i2.DefaultValueAccessor, i5.MatAutocompleteTrigger, i2.NgControlStatus, i2.FormControlDirective, i5.MatAutocomplete, i1.NgForOf, i6.MatOption, i1.NgClass], pipes: [FieldLabelPipe], styles: [".mat-option[_ngcontent-%COMP%]:hover{background:#2596be}.mat-option.select-option[_ngcontent-%COMP%]:hover{background:#1d70b8;color:#fff}.hide-autocomplete[_ngcontent-%COMP%]{display:none}"] });
+    } }, directives: [i2.NgControlStatusGroup, i2.FormGroupDirective, i1.NgIf, i2.DefaultValueAccessor, i4.MatAutocompleteTrigger, i2.NgControlStatus, i2.FormControlDirective, i4.MatAutocomplete, i1.NgForOf, i5.MatOption, i1.NgClass], pipes: [FieldLabelPipe], styles: [".mat-option[_ngcontent-%COMP%]:hover{background:#2596be}.mat-option.select-option[_ngcontent-%COMP%]:hover{background:#1d70b8;color:#fff}.hide-autocomplete[_ngcontent-%COMP%]{display:none}"] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WriteJudicialUserFieldComponent, [{
         type: Component,
         args: [{
@@ -13213,7 +13568,7 @@ WriteJudicialUserFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: WriteJudi
                 styleUrls: ['./write-judicial-user-field.component.scss'],
                 templateUrl: './write-judicial-user-field.component.html'
             }]
-    }], function () { return [{ type: i1$1.ActivatedRoute }, { type: i0.ChangeDetectorRef }, { type: JurisdictionService }]; }, null); })();
+    }], function () { return [{ type: JurisdictionService }, { type: SessionStorageService }, { type: CaseFlagRefdataService }]; }, null); })();
 
 class LabelFieldComponent {
     constructor() {
@@ -13502,7 +13857,9 @@ class BeforeYouStartComponent {
         });
     }
     onBack() {
-        this.router.navigate(['cases', 'case-details', this.linkedCasesService.caseId], { fragment: 'Linked cases' });
+        this.router.navigate(['cases', 'case-details', this.linkedCasesService.caseId]).then(() => {
+            window.location.hash = 'Linked cases';
+        });
     }
 }
 BeforeYouStartComponent.ɵfac = function BeforeYouStartComponent_Factory(t) { return new (t || BeforeYouStartComponent)(i0.ɵɵdirectiveInject(i1$1.Router), i0.ɵɵdirectiveInject(LinkedCasesService)); };
@@ -14842,7 +15199,9 @@ class NoLinkedCasesComponent {
         this.serverLinkedApiError = this.linkedCasesService.serverLinkedApiError;
     }
     onBack() {
-        this.router.navigate(['cases', 'case-details', this.linkedCasesService.caseId], { fragment: 'Linked cases' });
+        this.router.navigate(['cases', 'case-details', this.linkedCasesService.caseId]).then(() => {
+            window.location.hash = 'Linked cases';
+        });
     }
 }
 NoLinkedCasesComponent.ɵfac = function NoLinkedCasesComponent_Factory(t) { return new (t || NoLinkedCasesComponent)(i0.ɵɵdirectiveInject(i1$1.Router), i0.ɵɵdirectiveInject(LinkedCasesService)); };
@@ -15228,7 +15587,9 @@ class ReadLinkedCasesFieldComponent {
         }
     }
     reloadCurrentRoute() {
-        this.router.navigate(['cases', 'case-details', this.linkedCasesService.caseDetails.case_id], { fragment: 'Linked cases' });
+        this.router.navigate(['cases', 'case-details', this.linkedCasesService.caseDetails.case_id]).then(() => {
+            window.location.hash = 'Linked cases';
+        });
     }
     getFailureLinkedToNotification(evt) {
         this.isServerLinkedToError = true;
@@ -17886,7 +18247,7 @@ CaseFileViewOverlayMenuComponent.ɵcmp = i0.ɵɵdefineComponent({ type: CaseFile
         const _r0 = i0.ɵɵreference(2);
         i0.ɵɵadvance(4);
         i0.ɵɵproperty("cdkConnectedOverlayOrigin", _r0)("cdkConnectedOverlayOpen", ctx.isOpen)("cdkConnectedOverlayHasBackdrop", true)("cdkConnectedOverlayBackdropClass", "cdk-overlay-transparent-backdrop");
-    } }, directives: [i1$4.CdkOverlayOrigin, i1$4.CdkConnectedOverlay, i1.NgIf, i1.NgForOf], styles: [".overlay-toggle[_ngcontent-%COMP%]{display:block;background:none;border:0;padding:0 6px;margin-right:-6px;cursor:pointer}.overlay-menu[_ngcontent-%COMP%]{background-color:#fafafa;border:1px solid grey;margin-top:8px;font-size:1rem}.overlay-menu__item[_ngcontent-%COMP%], .overlay-menu__title[_ngcontent-%COMP%]{padding:10px;border-bottom:1px solid grey}.overlay-menu__item[_ngcontent-%COMP%]:last-child, .overlay-menu__title[_ngcontent-%COMP%]:last-child{border:none}.overlay-menu__title[_ngcontent-%COMP%]{padding-left:6px;padding-right:6px}.overlay-menu__item[_ngcontent-%COMP%]{display:flex;align-items:center;cursor:pointer;font-size:.875em}.overlay-menu__item[_ngcontent-%COMP%]:hover{background-color:#fff2cc}.overlay-menu__itemIcon[_ngcontent-%COMP%]{height:1.25em;width:1.25em;margin-right:6px}"] });
+    } }, directives: [i1$4.CdkOverlayOrigin, i1$4.CdkConnectedOverlay, i1.NgIf, i1.NgForOf], styles: [".overlay-toggle[_ngcontent-%COMP%]{display:block;background:none;border:0;padding:0 6px;margin-right:-4px;cursor:pointer}.overlay-menu[_ngcontent-%COMP%]{background-color:#fafafa;border:1px solid grey;margin-top:8px;font-size:1rem}.overlay-menu__item[_ngcontent-%COMP%], .overlay-menu__title[_ngcontent-%COMP%]{padding:10px;border-bottom:1px solid grey}.overlay-menu__item[_ngcontent-%COMP%]:last-child, .overlay-menu__title[_ngcontent-%COMP%]:last-child{border:none}.overlay-menu__title[_ngcontent-%COMP%]{padding-left:6px;padding-right:6px}.overlay-menu__item[_ngcontent-%COMP%]{display:flex;align-items:center;cursor:pointer;font-size:.875em}.overlay-menu__item[_ngcontent-%COMP%]:hover{background-color:#fff2cc}.overlay-menu__itemIcon[_ngcontent-%COMP%]{height:1.25em;width:1.25em;margin-right:6px}"] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaseFileViewOverlayMenuComponent, [{
         type: Component,
         args: [{
@@ -18437,17 +18798,17 @@ function CaseFlagTableComponent_table_0_tr_16_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
 } }
-function CaseFlagTableComponent_table_0_tbody_17_tr_1_strong_15_Template(rf, ctx) { if (rf & 1) {
+function CaseFlagTableComponent_table_0_tbody_17_tr_1_strong_17_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "strong", 19);
     i0.ɵɵtext(1, "Active");
     i0.ɵɵelementEnd();
 } }
-function CaseFlagTableComponent_table_0_tbody_17_tr_1_strong_16_Template(rf, ctx) { if (rf & 1) {
+function CaseFlagTableComponent_table_0_tbody_17_tr_1_strong_18_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "strong", 20);
     i0.ɵɵtext(1, "Inactive");
     i0.ɵɵelementEnd();
 } }
-function CaseFlagTableComponent_table_0_tbody_17_tr_1_strong_17_Template(rf, ctx) { if (rf & 1) {
+function CaseFlagTableComponent_table_0_tbody_17_tr_1_strong_19_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "strong", 20);
     i0.ɵɵtext(1, "Requested");
     i0.ɵɵelementEnd();
@@ -18461,22 +18822,25 @@ function CaseFlagTableComponent_table_0_tbody_17_tr_1_Template(rf, ctx) { if (rf
     i0.ɵɵelementStart(4, "div");
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "td", 16);
+    i0.ɵɵelementStart(6, "div");
     i0.ɵɵtext(7);
     i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
     i0.ɵɵelementStart(8, "td", 16);
     i0.ɵɵtext(9);
-    i0.ɵɵpipe(10, "date");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(11, "td", 16);
-    i0.ɵɵtext(12);
-    i0.ɵɵpipe(13, "date");
+    i0.ɵɵelementStart(10, "td", 16);
+    i0.ɵɵtext(11);
+    i0.ɵɵpipe(12, "date");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(13, "td", 16);
+    i0.ɵɵtext(14);
+    i0.ɵɵpipe(15, "date");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(14, "td", 16);
-    i0.ɵɵtemplate(15, CaseFlagTableComponent_table_0_tbody_17_tr_1_strong_15_Template, 2, 0, "strong", 17);
-    i0.ɵɵtemplate(16, CaseFlagTableComponent_table_0_tbody_17_tr_1_strong_16_Template, 2, 0, "strong", 18);
-    i0.ɵɵtemplate(17, CaseFlagTableComponent_table_0_tbody_17_tr_1_strong_17_Template, 2, 0, "strong", 18);
+    i0.ɵɵelementStart(16, "td", 16);
+    i0.ɵɵtemplate(17, CaseFlagTableComponent_table_0_tbody_17_tr_1_strong_17_Template, 2, 0, "strong", 17);
+    i0.ɵɵtemplate(18, CaseFlagTableComponent_table_0_tbody_17_tr_1_strong_18_Template, 2, 0, "strong", 18);
+    i0.ɵɵtemplate(19, CaseFlagTableComponent_table_0_tbody_17_tr_1_strong_19_Template, 2, 0, "strong", 18);
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -18487,11 +18851,13 @@ function CaseFlagTableComponent_table_0_tbody_17_tr_1_Template(rf, ctx) { if (rf
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate(flagDetail_r4.otherDescription);
     i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(flagDetail_r4.subTypeValue);
+    i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate(flagDetail_r4.flagComment);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(10, 8, flagDetail_r4.dateTimeCreated, "dd LLL yyyy"));
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(12, 9, flagDetail_r4.dateTimeCreated, "dd LLL yyyy"));
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(13, 11, flagDetail_r4.dateTimeModified, "dd LLL yyyy"));
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(15, 12, flagDetail_r4.dateTimeModified, "dd LLL yyyy"));
     i0.ɵɵadvance(3);
     i0.ɵɵproperty("ngIf", flagDetail_r4.status === ctx_r3.caseFlagStatus.ACTIVE);
     i0.ɵɵadvance(1);
@@ -18501,7 +18867,7 @@ function CaseFlagTableComponent_table_0_tbody_17_tr_1_Template(rf, ctx) { if (rf
 } }
 function CaseFlagTableComponent_table_0_tbody_17_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "tbody", 10);
-    i0.ɵɵtemplate(1, CaseFlagTableComponent_table_0_tbody_17_tr_1_Template, 18, 14, "tr", 14);
+    i0.ɵɵtemplate(1, CaseFlagTableComponent_table_0_tbody_17_tr_1_Template, 20, 15, "tr", 14);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(2);
@@ -19093,7 +19459,7 @@ SearchLanguageInterpreterComponent.ɵcmp = i0.ɵɵdefineComponent({ type: Search
         i0.ɵɵtextInterpolate1(" ", ctx.searchLanguageInterpreterStep.CHECKBOX_LABEL, " ");
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("ngIf", ctx.isCheckboxEnabled);
-    } }, directives: [i2.NgControlStatusGroup, i2.FormGroupDirective, i1.NgClass, i1.NgIf, i3$1.MatInput, i2.DefaultValueAccessor, i5.MatAutocompleteTrigger, i2.NgControlStatus, i2.FormControlName, i5.MatAutocomplete, i1.NgForOf, i6.MatOption], pipes: [i1.AsyncPipe], styles: [".autocomplete__input--show-all-values[_ngcontent-%COMP%]{padding:5px 34px 5px 5px;cursor:pointer}.autocomplete__dropdown-arrow-down[_ngcontent-%COMP%]{z-index:-1;display:inline-block;position:absolute;right:8px;width:24px;height:24px;top:10px}.autocomplete__menu[_ngcontent-%COMP%]{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[_ngcontent-%COMP%]{display:block}.autocomplete__menu--hidden[_ngcontent-%COMP%]{display:none}.autocomplete__menu--overlay[_ngcontent-%COMP%]{box-shadow:0 2px 6px rgba(0,0,0,.256863);left:0;position:absolute;top:100%;z-index:100}.autocomplete__menu--inline[_ngcontent-%COMP%]{position:relative}.autocomplete__option[_ngcontent-%COMP%]{border-left-width:0;border-bottom:1px solid #b1b4b6;border-right-width:0;border-top-width:1px;cursor:pointer;display:block;position:relative}.autocomplete__option[_ngcontent-%COMP%] > *[_ngcontent-%COMP%]{pointer-events:none}.autocomplete__option[_ngcontent-%COMP%]:first-of-type{border-top-width:0}.autocomplete__option[_ngcontent-%COMP%]:last-of-type{border-bottom-width:0}.autocomplete__option--odd[_ngcontent-%COMP%]{background-color:#fafafa}.autocomplete__option--focused[_ngcontent-%COMP%], .autocomplete__option[_ngcontent-%COMP%]:hover{background-color:#1d70b8;border-color:#1d70b8;color:#fff;outline:0}.autocomplete__option--no-results[_ngcontent-%COMP%]{background-color:#fafafa;color:#646b6f;cursor:not-allowed}.autocomplete__hint[_ngcontent-%COMP%], .autocomplete__input[_ngcontent-%COMP%], .autocomplete__option[_ngcontent-%COMP%]{font-size:13px;line-height:1.25}.autocomplete__hint[_ngcontent-%COMP%], .autocomplete__option[_ngcontent-%COMP%]{padding:5px}@media (min-width:641px){.autocomplete__hint[_ngcontent-%COMP%], .autocomplete__input[_ngcontent-%COMP%], .autocomplete__option[_ngcontent-%COMP%]{font-size:13px;line-height:1.31579}}.div-action[_ngcontent-%COMP%]{display:inline-block}.add-location[_ngcontent-%COMP%]{display:inline}.remove-location-button[_ngcontent-%COMP%]{margin:5px}.hide-autocomplete[_ngcontent-%COMP%]{display:none}.auto-complete-container[_ngcontent-%COMP%]{min-width:550px;display:inline-block;margin-right:4px}.autocomplete__input[_ngcontent-%COMP%]{line-height:24px;font-size:19px}.hidden[_ngcontent-%COMP%]{display:none}.search-language__input[_ngcontent-%COMP%]{position:relative;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36' width='40' height='40'%3E%3Cpath d='M25.7 24.8L21.9 21c.7-1 1.1-2.2 1.1-3.5 0-3.6-2.9-6.5-6.5-6.5S10 13.9 10 17.5s2.9 6.5 6.5 6.5c1.6 0 3-.6 4.1-1.5l3.7 3.7 1.4-1.4zM12 17.5c0-2.5 2-4.5 4.5-4.5s4.5 2 4.5 4.5-2 4.5-4.5 4.5-4.5-2-4.5-4.5z' fill='%23505a5f'%3E%3C/path%3E%3C/svg%3E\");background-repeat:no-repeat;background-position:center left -2px;background-size:40px 40px;padding-left:35px}"] });
+    } }, directives: [i2.NgControlStatusGroup, i2.FormGroupDirective, i1.NgClass, i1.NgIf, i3$1.MatInput, i2.DefaultValueAccessor, i4.MatAutocompleteTrigger, i2.NgControlStatus, i2.FormControlName, i4.MatAutocomplete, i1.NgForOf, i5.MatOption], pipes: [i1.AsyncPipe], styles: [".autocomplete__input--show-all-values[_ngcontent-%COMP%]{padding:5px 34px 5px 5px;cursor:pointer}.autocomplete__dropdown-arrow-down[_ngcontent-%COMP%]{z-index:-1;display:inline-block;position:absolute;right:8px;width:24px;height:24px;top:10px}.autocomplete__menu[_ngcontent-%COMP%]{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[_ngcontent-%COMP%]{display:block}.autocomplete__menu--hidden[_ngcontent-%COMP%]{display:none}.autocomplete__menu--overlay[_ngcontent-%COMP%]{box-shadow:0 2px 6px rgba(0,0,0,.256863);left:0;position:absolute;top:100%;z-index:100}.autocomplete__menu--inline[_ngcontent-%COMP%]{position:relative}.autocomplete__option[_ngcontent-%COMP%]{border-left-width:0;border-bottom:1px solid #b1b4b6;border-right-width:0;border-top-width:1px;cursor:pointer;display:block;position:relative}.autocomplete__option[_ngcontent-%COMP%] > *[_ngcontent-%COMP%]{pointer-events:none}.autocomplete__option[_ngcontent-%COMP%]:first-of-type{border-top-width:0}.autocomplete__option[_ngcontent-%COMP%]:last-of-type{border-bottom-width:0}.autocomplete__option--odd[_ngcontent-%COMP%]{background-color:#fafafa}.autocomplete__option--focused[_ngcontent-%COMP%], .autocomplete__option[_ngcontent-%COMP%]:hover{background-color:#1d70b8;border-color:#1d70b8;color:#fff;outline:0}.autocomplete__option--no-results[_ngcontent-%COMP%]{background-color:#fafafa;color:#646b6f;cursor:not-allowed}.autocomplete__hint[_ngcontent-%COMP%], .autocomplete__input[_ngcontent-%COMP%], .autocomplete__option[_ngcontent-%COMP%]{font-size:13px;line-height:1.25}.autocomplete__hint[_ngcontent-%COMP%], .autocomplete__option[_ngcontent-%COMP%]{padding:5px}@media (min-width:641px){.autocomplete__hint[_ngcontent-%COMP%], .autocomplete__input[_ngcontent-%COMP%], .autocomplete__option[_ngcontent-%COMP%]{font-size:13px;line-height:1.31579}}.div-action[_ngcontent-%COMP%]{display:inline-block}.add-location[_ngcontent-%COMP%]{display:inline}.remove-location-button[_ngcontent-%COMP%]{margin:5px}.hide-autocomplete[_ngcontent-%COMP%]{display:none}.auto-complete-container[_ngcontent-%COMP%]{min-width:550px;display:inline-block;margin-right:4px}.autocomplete__input[_ngcontent-%COMP%]{line-height:24px;font-size:19px}.hidden[_ngcontent-%COMP%]{display:none}.search-language__input[_ngcontent-%COMP%]{position:relative;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36' width='40' height='40'%3E%3Cpath d='M25.7 24.8L21.9 21c.7-1 1.1-2.2 1.1-3.5 0-3.6-2.9-6.5-6.5-6.5S10 13.9 10 17.5s2.9 6.5 6.5 6.5c1.6 0 3-.6 4.1-1.5l3.7 3.7 1.4-1.4zM12 17.5c0-2.5 2-4.5 4.5-4.5s4.5 2 4.5 4.5-2 4.5-4.5 4.5-4.5-2-4.5-4.5z' fill='%23505a5f'%3E%3C/path%3E%3C/svg%3E\");background-repeat:no-repeat;background-position:center left -2px;background-size:40px 40px;padding-left:35px}"] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SearchLanguageInterpreterComponent, [{
         type: Component,
         args: [{
@@ -20844,7 +21210,7 @@ DatetimePickerComponent.ɵcmp = i0.ɵɵdefineComponent({ type: DatetimePickerCom
         i0.ɵɵproperty("for", _r6);
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("color", ctx.color)("touchUi", ctx.touchUi)("hideTime", ctx.hideTime)("startView", ctx.startView)("stepHour", ctx.stepHour)("stepSecond", ctx.stepSecond)("stepMinute", ctx.stepMinute)("showSeconds", ctx.showSeconds)("showSpinners", ctx.showSpinners)("disableMinute", ctx.disableMinute)("enableMeridian", ctx.enableMeridian);
-    } }, directives: [i1.NgClass, i1.NgIf, i2.DefaultValueAccessor, i4.NgxMatDatetimeInput, i2.NgControlStatus, i2.FormControlDirective, i5$1.MatDatepickerToggle, i6$1.MatSuffix, i4.NgxMatDatetimePicker], pipes: [FieldLabelPipe, FirstErrorPipe], styles: ["@charset \"UTF-8\";.datepicker-container{display:inline-block;position:relative;min-width:298px}.datepicker-container .govuk-input{height:35px;min-width:298px;width:auto;padding-right:40px;border:1px solid #000}.datepicker-container .govuk-input:focus{outline:1px solid #fd0;border:1px solid #000}.datepicker-container .govuk-input::-ms-clear{display:none}.datepicker-container .datepicker-wrapper-input{position:relative;display:inline-block;top:-20%;border:0}.datepicker-container .datepicker-wrapper-input:focus{border:0;outline:none}.datepicker-container .mat-icon-button{height:32px;width:32px}.datepicker-container .mat-icon-button:focus{outline:1px solid #fd0}.datepicker-container .mat-icon-button .mat-datepicker-toggle-default-icon{position:relative;top:-5px}.datepicker-container .mat-datepicker-toggle{position:absolute;right:0}.cdk-overlay-container .mat-datepicker-content{border:1px solid #000;border-radius:0;max-width:295px}.cdk-overlay-container .mat-datepicker-content .mat-calendar-table{width:calc(100% - 1px);table-layout:fixed}.cdk-overlay-container .mat-datepicker-content .mat-calendar-header{height:34px;border-bottom:1px ridge #bfc1c3}.cdk-overlay-container .mat-datepicker-content .mat-calendar-period-button{left:14%;min-width:125px;border-right:1px ridge #bfc1c3;border-left:1px ridge #bfc1c3;border-radius:0;top:-20px;width:200%}.cdk-overlay-container .mat-datepicker-content .mat-calendar-period-button .mat-button-wrapper{text-align:center;font-weight:700}.cdk-overlay-container .mat-datepicker-content .mat-calendar-period-button:focus{border:2px solid #000}.cdk-overlay-container .mat-datepicker-content .mat-calendar-previous-button{left:-73%;top:-20px;border:2px solid transparent;border-radius:0}.cdk-overlay-container .mat-datepicker-content .mat-calendar-previous-button:focus{border-color:#000}.cdk-overlay-container .mat-datepicker-content .mat-calendar-previous-button:after{border-left-width:5px;border-top-width:5px;color:#000;padding:4px;top:-2px;left:-2px}.cdk-overlay-container .mat-datepicker-content .mat-calendar-next-button{top:-20px;left:1%;border:2px solid transparent;border-radius:0}.cdk-overlay-container .mat-datepicker-content .mat-calendar-next-button:focus{border-color:#000}.cdk-overlay-container .mat-datepicker-content .mat-calendar-next-button:after{border-right-width:5px;border-top-width:5px;color:#000;padding:4px;top:-2px;left:-2px}.cdk-overlay-container .mat-datepicker-content .mat-button-wrapper{text-transform:capitalize!important}.cdk-overlay-container .mat-datepicker-content .mat-calendar{border-bottom:1px solid #000}.cdk-overlay-container .mat-datepicker-content .mat-calendar-table-header-divider{padding:0;border-bottom:none}.cdk-overlay-container .mat-datepicker-content .mat-calendar-table-header-divider:after{height:0}.cdk-overlay-container .mat-datepicker-content .mat-calendar-content{padding:0}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-table-header{color:#000}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-table-header th.ng-star-inserted{font-weight:700;font-size:15px;padding-top:2%;padding-bottom:2%;-moz-column-width:20px;column-width:20px}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-table-header tr:first-of-type th{visibility:hidden}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-table-header tr:first-of-type th:after{visibility:visible;color:#000;position:relative;left:-15px}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-table-header tr:first-of-type th:first-of-type:after{content:\"MON\"}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-table-header tr:first-of-type th:nth-of-type(2):after{left:-12px;content:\"TUE\"}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-table-header tr:first-of-type th:nth-of-type(3):after{left:-18px;content:\"WED\"}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-table-header tr:first-of-type th:nth-of-type(4):after{left:-14px;content:\"THU\"}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-table-header tr:first-of-type th:nth-of-type(5):after{left:-10px;content:\"FRI\"}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-table-header tr:first-of-type th:nth-of-type(6):after{content:\"SAT\"}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-table-header tr:first-of-type th:nth-of-type(7):after{content:\"SUN\"}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-body-label{font-weight:700;font-size:large;color:#000}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-body-selected{border:none;background-color:transparent;color:#fff}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-body-active{background-color:#5694ca}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-body-today{border:none;box-shadow:none}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-body-cell{border:1px ridge #bfc1c3}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-body-cell[aria-selected=true]{background-color:#1d70b8;outline:3px solid #fd0;border:2px solid #000;outline-offset:1px;z-index:1}.cdk-overlay-container .mat-datepicker-content ngx-mat-multi-year-view .mat-calendar-table{border-collapse:separate;border-spacing:10px}.cdk-overlay-container .mat-datepicker-content ngx-mat-multi-year-view .mat-calendar-table .mat-calendar-body-active{background-color:#5694ca}.cdk-overlay-container .mat-datepicker-content ngx-mat-multi-year-view .mat-calendar-table .mat-calendar-body-cell{border:1px solid #bfc1c3}.cdk-overlay-container .mat-datepicker-content ngx-mat-multi-year-view .mat-calendar-table .mat-calendar-body-cell .mat-calendar-body-cell-content{border:none}.cdk-overlay-container .mat-datepicker-content ngx-mat-multi-year-view .mat-calendar-table .mat-calendar-body-cell .mat-calendar-body-selected{border:none;box-shadow:none;background-color:transparent}.cdk-overlay-container .mat-datepicker-content ngx-mat-multi-year-view .mat-calendar-table .mat-calendar-body-cell[aria-selected=true]{background-color:#1d70b8;outline:2px solid #fd0}.cdk-overlay-container .mat-datepicker-content ngx-mat-year-view .mat-calendar-table{border-collapse:separate;border-spacing:20px}.cdk-overlay-container .mat-datepicker-content ngx-mat-year-view .mat-calendar-table tr:first-of-type{visibility:collapse}.cdk-overlay-container .mat-datepicker-content ngx-mat-year-view .mat-calendar-table .mat-calendar-body-active{background-color:#5694ca}.cdk-overlay-container .mat-datepicker-content ngx-mat-year-view .mat-calendar-table .mat-calendar-body-cell{border:1px solid #bfc1c3}.cdk-overlay-container .mat-datepicker-content ngx-mat-year-view .mat-calendar-table .mat-calendar-body-cell .mat-calendar-body-cell-content{border:none}.cdk-overlay-container .mat-datepicker-content ngx-mat-year-view .mat-calendar-table .mat-calendar-body-cell .mat-calendar-body-selected{border:none;box-shadow:none;background-color:transparent}.cdk-overlay-container .mat-datepicker-content ngx-mat-year-view .mat-calendar-table .mat-calendar-body-cell[aria-selected=true]{background-color:#1d70b8;outline:3px solid #fd0;border:2px solid #000;outline-offset:1px}.cdk-overlay-container .mat-datepicker-content .time-container{height:80px;padding-top:0}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker{width:100%}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table{margin-left:0!important}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tbody{position:relative}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr .mat-icon-button .mat-button-wrapper{width:auto;height:auto}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr .mat-icon-button:focus{outline:none}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:first-child{position:absolute;left:49px;top:15px;z-index:2}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:first-child button:disabled{display:none}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:first-child td:first-child [aria-label=\"expand_less icon\"]{position:absolute;left:-2px;top:25px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:first-child td:nth-child(3) [aria-label=\"expand_less icon\"].mat-icon-button{position:absolute;left:82px!important;top:25px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:first-child td:nth-child(5) [aria-label=\"expand_less icon\"].mat-icon-button{position:absolute;left:169px!important;top:25px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:first-child td:last-child [aria-label=\"expand_less icon\"].mat-icon-button{left:153px!important}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:first-child td:nth-last-child(2) [aria-label=\"expand_less icon\"].mat-icon-button{left:65px!important}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(2){display:flex;padding:20px 0 20px 15px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(2) td{margin-right:30px;text-align:right}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(2) td:first-child .mat-form-field{width:50px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(2) td:first-child .mat-form-field:before{color:#000;content:\"Hours\";position:relative;top:-5px;left:-5px;font-size:15px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(2) td:nth-child(3) .mat-form-field:before{color:#000;content:\"Minutes\";position:relative;top:-5px;font-size:15px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(2) td:last-child{text-align:left;left:-15px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(2) .mat-form-field-disabled{display:none}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(2) td:nth-of-type(5) .mat-form-field:before{color:#000;content:\"Seconds\";position:relative;top:-5px;font-size:15px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(2) .meridian{border-bottom:none}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(2) .meridian .mat-button{height:30px;top:21px;border-radius:0;color:#000;border-color:#000;background-color:#dee0e2;display:flex;justify-content:center}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(2) .meridian .mat-button .mat-button-wrapper{position:relative;top:-2px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(4){display:flex;padding:2rem 0 2rem 15px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(4) td{margin-right:30px;text-align:right}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(4) td:last-child{text-align:left}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:last-child{position:absolute;left:49px;top:40px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:last-child button:disabled{display:none}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:last-child td:first-child [aria-label=\"expand_more icon\"]{position:absolute;top:15px;left:-2px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:last-child td:nth-child(3) [aria-label=\"expand_more icon\"].mat-icon-button{position:absolute;left:82px!important;top:15px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:last-child td:nth-child(5) [aria-label=\"expand_more icon\"].mat-icon-button{position:absolute;top:15px;left:169px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:last-child td:last-child [aria-label=\"expand_more icon\"].mat-icon-button{left:65px!important}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:last-child td:last-child.ng-star-inserted [aria-label=\"expand_more icon\"].mat-icon-button{left:153px!important}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr td{padding:0;border-bottom:0;position:relative}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr .spacer{display:none}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr .mat-icon{visibility:hidden;display:none}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr .mat-button-wrapper{display:block;width:15px;height:8px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr .mat-form-field-wrapper{padding-bottom:0}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr .mat-form-field{width:auto;max-width:none}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr [aria-label=\"expand_less icon\"].mat-icon-button .mat-button-wrapper:after{content:\" \u25B2\"}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr [aria-label=\"expand_more icon\"].mat-icon-button .mat-button-wrapper:after{content:\"\u25BC\"}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr .mat-form-field-flex{width:100%}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr .mat-form-field-flex .mat-form-field-infix{border:1px solid #000;height:20px;width:37px;display:flex;justify-content:center;align-items:center}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr .mat-form-field-underline{visibility:hidden}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr input{height:33px;width:37px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr input:focus{border-color:#000}.cdk-overlay-container .mat-datepicker-content .actions{padding-bottom:20px;margin-top:20px;justify-content:flex-start}.cdk-overlay-container .mat-datepicker-content .actions .mat-button{background-color:#00823b;position:relative;display:-moz-inline-stack;display:inline-block;padding:.526315em .789473em .263157em;border:none;border-radius:0;outline:1px solid transparent;outline-offset:-1px;-webkit-appearance:none;box-shadow:0 2px 0 #003618;font-size:1em;line-height:1.25;text-decoration:none;-webkit-font-smoothing:antialiased;color:#fff;box-sizing:border-box;vertical-align:top;width:80px;cursor:pointer}.cdk-overlay-container .mat-datepicker-content .actions .mat-button:focus{outline:2px solid #fd0}.cdk-overlay-container .mat-datepicker-content .actions .mat-button:hover{background-color:#006400}.cdk-overlay-container .mat-datepicker-content .actions .mat-button .mat-icon{visibility:hidden}.cdk-overlay-container .mat-datepicker-content .actions .mat-button .mat-button-wrapper:before{color:#fff;content:\"Confirm\";position:relative;font-size:15px;left:-3px}"], encapsulation: 2 });
+    } }, directives: [i1.NgClass, i1.NgIf, i2.DefaultValueAccessor, i4$1.NgxMatDatetimeInput, i2.NgControlStatus, i2.FormControlDirective, i5$1.MatDatepickerToggle, i6.MatSuffix, i4$1.NgxMatDatetimePicker], pipes: [FieldLabelPipe, FirstErrorPipe], styles: ["@charset \"UTF-8\";.datepicker-container{display:inline-block;position:relative;min-width:298px}.datepicker-container .govuk-input{height:35px;min-width:298px;width:auto;padding-right:40px;border:1px solid #000}.datepicker-container .govuk-input:focus{outline:1px solid #fd0;border:1px solid #000}.datepicker-container .govuk-input::-ms-clear{display:none}.datepicker-container .datepicker-wrapper-input{position:relative;display:inline-block;top:-20%;border:0}.datepicker-container .datepicker-wrapper-input:focus{border:0;outline:none}.datepicker-container .mat-icon-button{height:32px;width:32px}.datepicker-container .mat-icon-button:focus{outline:1px solid #fd0}.datepicker-container .mat-icon-button .mat-datepicker-toggle-default-icon{position:relative;top:-5px}.datepicker-container .mat-datepicker-toggle{position:absolute;right:0}.cdk-overlay-container .mat-datepicker-content{border:1px solid #000;border-radius:0;max-width:295px}.cdk-overlay-container .mat-datepicker-content .mat-calendar-table{width:calc(100% - 1px);table-layout:fixed}.cdk-overlay-container .mat-datepicker-content .mat-calendar-header{height:34px;border-bottom:1px ridge #bfc1c3}.cdk-overlay-container .mat-datepicker-content .mat-calendar-period-button{left:14%;min-width:125px;border-right:1px ridge #bfc1c3;border-left:1px ridge #bfc1c3;border-radius:0;top:-20px;width:200%}.cdk-overlay-container .mat-datepicker-content .mat-calendar-period-button .mat-button-wrapper{text-align:center;font-weight:700}.cdk-overlay-container .mat-datepicker-content .mat-calendar-period-button:focus{border:2px solid #000}.cdk-overlay-container .mat-datepicker-content .mat-calendar-previous-button{left:-73%;top:-20px;border:2px solid transparent;border-radius:0}.cdk-overlay-container .mat-datepicker-content .mat-calendar-previous-button:focus{border-color:#000}.cdk-overlay-container .mat-datepicker-content .mat-calendar-previous-button:after{border-left-width:5px;border-top-width:5px;color:#000;padding:4px;top:-2px;left:-2px}.cdk-overlay-container .mat-datepicker-content .mat-calendar-next-button{top:-20px;left:1%;border:2px solid transparent;border-radius:0}.cdk-overlay-container .mat-datepicker-content .mat-calendar-next-button:focus{border-color:#000}.cdk-overlay-container .mat-datepicker-content .mat-calendar-next-button:after{border-right-width:5px;border-top-width:5px;color:#000;padding:4px;top:-2px;left:-2px}.cdk-overlay-container .mat-datepicker-content .mat-button-wrapper{text-transform:capitalize!important}.cdk-overlay-container .mat-datepicker-content .mat-calendar{border-bottom:1px solid #000}.cdk-overlay-container .mat-datepicker-content .mat-calendar-table-header-divider{padding:0;border-bottom:none}.cdk-overlay-container .mat-datepicker-content .mat-calendar-table-header-divider:after{height:0}.cdk-overlay-container .mat-datepicker-content .mat-calendar-content{padding:0}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-table-header{color:#000}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-table-header th.ng-star-inserted{font-weight:700;font-size:15px;padding-top:2%;padding-bottom:2%;-moz-column-width:20px;column-width:20px}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-table-header tr:first-of-type th{visibility:hidden}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-table-header tr:first-of-type th:after{visibility:visible;color:#000;position:relative;left:-15px}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-table-header tr:first-of-type th:first-of-type:after{content:\"MON\"}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-table-header tr:first-of-type th:nth-of-type(2):after{left:-12px;content:\"TUE\"}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-table-header tr:first-of-type th:nth-of-type(3):after{left:-18px;content:\"WED\"}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-table-header tr:first-of-type th:nth-of-type(4):after{left:-14px;content:\"THU\"}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-table-header tr:first-of-type th:nth-of-type(5):after{left:-10px;content:\"FRI\"}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-table-header tr:first-of-type th:nth-of-type(6):after{content:\"SAT\"}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-table-header tr:first-of-type th:nth-of-type(7):after{content:\"SUN\"}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-body-label{font-weight:700;font-size:large;color:#000}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-body-selected{border:none;background-color:transparent;color:#fff}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-body-active{background-color:#5694ca}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-body-today{border:none;box-shadow:none}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-body-cell{border:1px ridge #bfc1c3}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-body-cell[aria-selected=true]{background-color:#1d70b8;outline:3px solid #fd0;border:2px solid #000;outline-offset:1px;z-index:1}.cdk-overlay-container .mat-datepicker-content ngx-mat-multi-year-view .mat-calendar-table{border-collapse:separate;border-spacing:10px}.cdk-overlay-container .mat-datepicker-content ngx-mat-multi-year-view .mat-calendar-table .mat-calendar-body-active{background-color:#5694ca}.cdk-overlay-container .mat-datepicker-content ngx-mat-multi-year-view .mat-calendar-table .mat-calendar-body-cell{border:1px solid #bfc1c3}.cdk-overlay-container .mat-datepicker-content ngx-mat-multi-year-view .mat-calendar-table .mat-calendar-body-cell .mat-calendar-body-cell-content{border:none}.cdk-overlay-container .mat-datepicker-content ngx-mat-multi-year-view .mat-calendar-table .mat-calendar-body-cell .mat-calendar-body-selected{border:none;box-shadow:none;background-color:transparent}.cdk-overlay-container .mat-datepicker-content ngx-mat-multi-year-view .mat-calendar-table .mat-calendar-body-cell[aria-selected=true]{background-color:#1d70b8;outline:2px solid #fd0}.cdk-overlay-container .mat-datepicker-content ngx-mat-year-view .mat-calendar-table{border-collapse:separate;border-spacing:20px}.cdk-overlay-container .mat-datepicker-content ngx-mat-year-view .mat-calendar-table tr:first-of-type{visibility:collapse}.cdk-overlay-container .mat-datepicker-content ngx-mat-year-view .mat-calendar-table .mat-calendar-body-active{background-color:#5694ca}.cdk-overlay-container .mat-datepicker-content ngx-mat-year-view .mat-calendar-table .mat-calendar-body-cell{border:1px solid #bfc1c3}.cdk-overlay-container .mat-datepicker-content ngx-mat-year-view .mat-calendar-table .mat-calendar-body-cell .mat-calendar-body-cell-content{border:none}.cdk-overlay-container .mat-datepicker-content ngx-mat-year-view .mat-calendar-table .mat-calendar-body-cell .mat-calendar-body-selected{border:none;box-shadow:none;background-color:transparent}.cdk-overlay-container .mat-datepicker-content ngx-mat-year-view .mat-calendar-table .mat-calendar-body-cell[aria-selected=true]{background-color:#1d70b8;outline:3px solid #fd0;border:2px solid #000;outline-offset:1px}.cdk-overlay-container .mat-datepicker-content .time-container{height:80px;padding-top:0}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker{width:100%}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table{margin-left:0!important}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tbody{position:relative}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr .mat-icon-button .mat-button-wrapper{width:auto;height:auto}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr .mat-icon-button:focus{outline:none}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:first-child{position:absolute;left:49px;top:15px;z-index:2}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:first-child button:disabled{display:none}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:first-child td:first-child [aria-label=\"expand_less icon\"]{position:absolute;left:-2px;top:25px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:first-child td:nth-child(3) [aria-label=\"expand_less icon\"].mat-icon-button{position:absolute;left:82px!important;top:25px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:first-child td:nth-child(5) [aria-label=\"expand_less icon\"].mat-icon-button{position:absolute;left:169px!important;top:25px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:first-child td:last-child [aria-label=\"expand_less icon\"].mat-icon-button{left:153px!important}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:first-child td:nth-last-child(2) [aria-label=\"expand_less icon\"].mat-icon-button{left:65px!important}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(2){display:flex;padding:20px 0 20px 15px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(2) td{margin-right:30px;text-align:right}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(2) td:first-child .mat-form-field{width:50px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(2) td:first-child .mat-form-field:before{color:#000;content:\"Hours\";position:relative;top:-5px;left:-5px;font-size:15px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(2) td:nth-child(3) .mat-form-field:before{color:#000;content:\"Minutes\";position:relative;top:-5px;font-size:15px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(2) td:last-child{text-align:left;left:-15px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(2) .mat-form-field-disabled{display:none}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(2) td:nth-of-type(5) .mat-form-field:before{color:#000;content:\"Seconds\";position:relative;top:-5px;font-size:15px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(2) .meridian{border-bottom:none}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(2) .meridian .mat-button{height:30px;top:21px;border-radius:0;color:#000;border-color:#000;background-color:#dee0e2;display:flex;justify-content:center}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(2) .meridian .mat-button .mat-button-wrapper{position:relative;top:-2px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(4){display:flex;padding:2rem 0 2rem 15px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(4) td{margin-right:30px;text-align:right}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(4) td:last-child{text-align:left}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:last-child{position:absolute;left:49px;top:40px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:last-child button:disabled{display:none}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:last-child td:first-child [aria-label=\"expand_more icon\"]{position:absolute;top:15px;left:-2px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:last-child td:nth-child(3) [aria-label=\"expand_more icon\"].mat-icon-button{position:absolute;left:82px!important;top:15px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:last-child td:nth-child(5) [aria-label=\"expand_more icon\"].mat-icon-button{position:absolute;top:15px;left:169px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:last-child td:last-child [aria-label=\"expand_more icon\"].mat-icon-button{left:65px!important}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:last-child td:last-child.ng-star-inserted [aria-label=\"expand_more icon\"].mat-icon-button{left:153px!important}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr td{padding:0;border-bottom:0;position:relative}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr .spacer{display:none}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr .mat-icon{visibility:hidden;display:none}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr .mat-button-wrapper{display:block;width:15px;height:8px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr .mat-form-field-wrapper{padding-bottom:0}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr .mat-form-field{width:auto;max-width:none}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr [aria-label=\"expand_less icon\"].mat-icon-button .mat-button-wrapper:after{content:\" \u25B2\"}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr [aria-label=\"expand_more icon\"].mat-icon-button .mat-button-wrapper:after{content:\"\u25BC\"}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr .mat-form-field-flex{width:100%}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr .mat-form-field-flex .mat-form-field-infix{border:1px solid #000;height:20px;width:37px;display:flex;justify-content:center;align-items:center}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr .mat-form-field-underline{visibility:hidden}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr input{height:33px;width:37px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr input:focus{border-color:#000}.cdk-overlay-container .mat-datepicker-content .actions{padding-bottom:20px;margin-top:20px;justify-content:flex-start}.cdk-overlay-container .mat-datepicker-content .actions .mat-button{background-color:#00823b;position:relative;display:-moz-inline-stack;display:inline-block;padding:.526315em .789473em .263157em;border:none;border-radius:0;outline:1px solid transparent;outline-offset:-1px;-webkit-appearance:none;box-shadow:0 2px 0 #003618;font-size:1em;line-height:1.25;text-decoration:none;-webkit-font-smoothing:antialiased;color:#fff;box-sizing:border-box;vertical-align:top;width:80px;cursor:pointer}.cdk-overlay-container .mat-datepicker-content .actions .mat-button:focus{outline:2px solid #fd0}.cdk-overlay-container .mat-datepicker-content .actions .mat-button:hover{background-color:#006400}.cdk-overlay-container .mat-datepicker-content .actions .mat-button .mat-icon{visibility:hidden}.cdk-overlay-container .mat-datepicker-content .actions .mat-button .mat-button-wrapper:before{color:#fff;content:\"Confirm\";position:relative;font-size:15px;left:-3px}"], encapsulation: 2 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DatetimePickerComponent, [{
         type: Component,
         args: [{
@@ -22681,40 +23047,12 @@ i0.ɵɵsetComponentScope(WriteDateContainerFieldComponent, [i1.NgIf, DatetimePic
 i0.ɵɵsetComponentScope(WriteCollectionFieldComponent, [i1.NgIf, i1.NgForOf, FieldWriteComponent, i2.NgControlStatusGroup, i2.FormGroupDirective], [FieldLabelPipe, FirstErrorPipe]);
 i0.ɵɵsetComponentScope(
 // ComponentLauncher web components
-CaseFileViewFieldComponent, [i1.NgIf, CaseFileViewFolderComponent, i11.MediaViewerComponent], []);
+CaseFileViewFieldComponent, [i1.NgIf, i1.NgForOf, CaseFileViewFolderComponent, i11.MediaViewerComponent], []);
 i0.ɵɵsetComponentScope(LinkedCasesToTableComponent, [i1.NgIf, i1.NgForOf], [CaseReferencePipe, LinkCasesReasonValuePipe]);
 i0.ɵɵsetComponentScope(LinkedCasesFromTableComponent, [i1.NgIf, i1.NgForOf], [CaseReferencePipe, LinkCasesFromReasonValuePipe]);
 i0.ɵɵsetComponentScope(LinkCasesComponent, [i1.NgIf, i2.NgControlStatusGroup, i2.FormGroupDirective, i1.NgClass, i2.DefaultValueAccessor, i2.NgControlStatus, i2.FormControlName, i2.FormArrayName, i1.NgForOf, i2.FormGroupName, i2.CheckboxControlValueAccessor], [CaseReferencePipe, LinkCasesReasonValuePipe]);
 i0.ɵɵsetComponentScope(CheckYourAnswersComponent, [i1.NgIf, i1.NgForOf], [CaseReferencePipe, LinkCasesReasonValuePipe]);
 
-class Confirmation {
-    constructor(caseId, status, header, body) {
-        this.caseId = caseId;
-        this.status = status;
-        this.header = header;
-        this.body = body;
-    }
-    getCaseId() {
-        return this.caseId;
-    }
-    getStatus() {
-        return this.status;
-    }
-    getHeader() {
-        return this.header;
-    }
-    getBody() {
-        return this.body;
-    }
-}
-
-var EventCompletionReturnStates;
-(function (EventCompletionReturnStates) {
-    EventCompletionReturnStates["InProgress"] = "in-progress";
-    EventCompletionReturnStates["CompleteEvent"] = "complete-event";
-    EventCompletionReturnStates["CancelEvent"] = "cancel-event";
-})(EventCompletionReturnStates || (EventCompletionReturnStates = {}));
-
 function CaseEditSubmitComponent_div_0_div_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "div");
 } }
@@ -22731,9 +23069,9 @@ function CaseEditSubmitComponent_div_0_ng_template_6_h2_0_Template(rf, ctx) { if
     i0.ɵɵpipe(2, "ccdCaseReference");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r12 = i0.ɵɵnextContext(3);
+    const ctx_r10 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate1("#", i0.ɵɵpipeBind1(2, 1, ctx_r12.getCaseId()), "");
+    i0.ɵɵtextInterpolate1("#", i0.ɵɵpipeBind1(2, 1, ctx_r10.getCaseId()), "");
 } }
 function CaseEditSubmitComponent_div_0_ng_template_6_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtemplate(0, CaseEditSubmitComponent_div_0_ng_template_6_h2_0_Template, 3, 3, "h2", 15);
@@ -22741,291 +23079,237 @@ function CaseEditSubmitComponent_div_0_ng_template_6_Template(rf, ctx) { if (rf
     const ctx_r6 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("ngIf", ctx_r6.getCaseId());
 } }
-function CaseEditSubmitComponent_div_0_div_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 17);
-    i0.ɵɵelementStart(1, "h1", 18);
-    i0.ɵɵtext(2, " Something went wrong ");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 19);
-    i0.ɵɵelementStart(4, "p");
-    i0.ɵɵtext(5, "We're working to fix the problem. Try again shortly.");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "p");
-    i0.ɵɵelementStart(7, "a", 20);
-    i0.ɵɵtext(8, "Contact us");
-    i0.ɵɵelementEnd();
-    i0.ɵɵtext(9, " if you're still having problems.");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
-} }
-function CaseEditSubmitComponent_div_0_div_9_ul_5_li_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "li", 25);
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const fieldError_r15 = ctx.$implicit;
-    i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate(fieldError_r15.message);
-} }
-function CaseEditSubmitComponent_div_0_div_9_ul_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "ul", 23);
-    i0.ɵɵtemplate(1, CaseEditSubmitComponent_div_0_div_9_ul_5_li_1_Template, 2, 1, "li", 24);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r13 = i0.ɵɵnextContext(3);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngForOf", ctx_r13.error.details.field_errors);
-} }
-function CaseEditSubmitComponent_div_0_div_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 17);
-    i0.ɵɵelementStart(1, "h3", 21);
-    i0.ɵɵtext(2, " The event could not be created ");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "p");
-    i0.ɵɵtext(4);
-    i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(5, CaseEditSubmitComponent_div_0_div_9_ul_5_Template, 2, 1, "ul", 22);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r8 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate(ctx_r8.error.message);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r8.error.details == null ? null : ctx_r8.error.details.field_errors);
-} }
-function CaseEditSubmitComponent_div_0_ng_container_12_span_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 29);
+function CaseEditSubmitComponent_div_0_ng_container_11_span_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 20);
     i0.ɵɵtext(1, "Check the information below carefully.");
     i0.ɵɵelementEnd();
 } }
-function CaseEditSubmitComponent_div_0_ng_container_12_ng_container_6_ng_container_1_ng_container_1_ng_container_1_th_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "th", 36);
-    i0.ɵɵelementStart(1, "span", 29);
+function CaseEditSubmitComponent_div_0_ng_container_11_ng_container_6_ng_container_1_ng_container_1_ng_container_1_th_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "th", 27);
+    i0.ɵɵelementStart(1, "span", 20);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const field_r21 = i0.ɵɵnextContext(2).$implicit;
+    const field_r16 = i0.ɵɵnextContext(2).$implicit;
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(field_r21.label);
+    i0.ɵɵtextInterpolate(field_r16.label);
 } }
-function CaseEditSubmitComponent_div_0_ng_container_12_ng_container_6_ng_container_1_ng_container_1_ng_container_1_a_6_Template(rf, ctx) { if (rf & 1) {
-    const _r28 = i0.ɵɵgetCurrentView();
+function CaseEditSubmitComponent_div_0_ng_container_11_ng_container_6_ng_container_1_ng_container_1_ng_container_1_a_6_Template(rf, ctx) { if (rf & 1) {
+    const _r23 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "a", 13);
-    i0.ɵɵlistener("click", function CaseEditSubmitComponent_div_0_ng_container_12_ng_container_6_ng_container_1_ng_container_1_ng_container_1_a_6_Template_a_click_0_listener() { i0.ɵɵrestoreView(_r28); const page_r18 = i0.ɵɵnextContext(4).$implicit; const ctx_r26 = i0.ɵɵnextContext(3); return ctx_r26.navigateToPage(page_r18.id); });
-    i0.ɵɵelementStart(1, "span", 29);
+    i0.ɵɵlistener("click", function CaseEditSubmitComponent_div_0_ng_container_11_ng_container_6_ng_container_1_ng_container_1_ng_container_1_a_6_Template_a_click_0_listener() { i0.ɵɵrestoreView(_r23); const page_r13 = i0.ɵɵnextContext(4).$implicit; const ctx_r21 = i0.ɵɵnextContext(3); return ctx_r21.navigateToPage(page_r13.id); });
+    i0.ɵɵelementStart(1, "span", 20);
     i0.ɵɵtext(2, "Change");
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const field_r21 = i0.ɵɵnextContext(2).$implicit;
+    const field_r16 = i0.ɵɵnextContext(2).$implicit;
     i0.ɵɵadvance(1);
-    i0.ɵɵattributeInterpolate1("aria-label", "Change ", field_r21.label, "");
+    i0.ɵɵattributeInterpolate1("aria-label", "Change ", field_r16.label, "");
 } }
-function CaseEditSubmitComponent_div_0_ng_container_12_ng_container_6_ng_container_1_ng_container_1_ng_container_1_Template(rf, ctx) { if (rf & 1) {
+function CaseEditSubmitComponent_div_0_ng_container_11_ng_container_6_ng_container_1_ng_container_1_ng_container_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
-    i0.ɵɵelementStart(1, "tr", 30);
-    i0.ɵɵtemplate(2, CaseEditSubmitComponent_div_0_ng_container_12_ng_container_6_ng_container_1_ng_container_1_ng_container_1_th_2_Template, 3, 1, "th", 31);
-    i0.ɵɵelementStart(3, "td", 32);
-    i0.ɵɵelement(4, "ccd-field-read", 33);
+    i0.ɵɵelementStart(1, "tr", 21);
+    i0.ɵɵtemplate(2, CaseEditSubmitComponent_div_0_ng_container_11_ng_container_6_ng_container_1_ng_container_1_ng_container_1_th_2_Template, 3, 1, "th", 22);
+    i0.ɵɵelementStart(3, "td", 23);
+    i0.ɵɵelement(4, "ccd-field-read", 24);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "td", 34);
-    i0.ɵɵtemplate(6, CaseEditSubmitComponent_div_0_ng_container_12_ng_container_6_ng_container_1_ng_container_1_ng_container_1_a_6_Template, 3, 1, "a", 35);
+    i0.ɵɵelementStart(5, "td", 25);
+    i0.ɵɵtemplate(6, CaseEditSubmitComponent_div_0_ng_container_11_ng_container_6_ng_container_1_ng_container_1_ng_container_1_a_6_Template, 3, 1, "a", 26);
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
     i0.ɵɵelementContainerEnd();
 } if (rf & 2) {
-    const field_r21 = i0.ɵɵnextContext().$implicit;
-    const ctx_r22 = i0.ɵɵnextContext(5);
+    const field_r16 = i0.ɵɵnextContext().$implicit;
+    const ctx_r17 = i0.ɵɵnextContext(5);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("caseField", field_r21)("hidden", field_r21.hidden)("formGroup", ctx_r22.editForm.controls["data"])("contextFields", ctx_r22.contextFields);
+    i0.ɵɵproperty("caseField", field_r16)("hidden", field_r16.hidden)("formGroup", ctx_r17.editForm.controls["data"])("contextFields", ctx_r17.contextFields);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", !ctx_r22.isLabel(field_r21) && !ctx_r22.isCaseFlagSubmission);
+    i0.ɵɵproperty("ngIf", !ctx_r17.isLabel(field_r16) && !ctx_r17.caseEdit.isCaseFlagSubmission);
     i0.ɵɵadvance(1);
-    i0.ɵɵattribute("colspan", ctx_r22.isLabel(field_r21) ? "2" : "1");
+    i0.ɵɵattribute("colspan", ctx_r17.isLabel(field_r16) ? "2" : "1");
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("formGroup", ctx_r22.editForm.controls["data"])("topLevelFormGroup", ctx_r22.editForm.controls["data"])("caseField", ctx_r22.summaryCaseField(field_r21))("context", ctx_r22.paletteContext)("caseFields", ctx_r22.contextFields);
+    i0.ɵɵproperty("formGroup", ctx_r17.editForm.controls["data"])("topLevelFormGroup", ctx_r17.editForm.controls["data"])("caseField", ctx_r17.summaryCaseField(field_r16))("context", ctx_r17.paletteContext)("caseFields", ctx_r17.contextFields);
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngIf", ctx_r22.isChangeAllowed(field_r21));
+    i0.ɵɵproperty("ngIf", ctx_r17.isChangeAllowed(field_r16));
 } }
-function CaseEditSubmitComponent_div_0_ng_container_12_ng_container_6_ng_container_1_ng_container_1_Template(rf, ctx) { if (rf & 1) {
+function CaseEditSubmitComponent_div_0_ng_container_11_ng_container_6_ng_container_1_ng_container_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
-    i0.ɵɵtemplate(1, CaseEditSubmitComponent_div_0_ng_container_12_ng_container_6_ng_container_1_ng_container_1_ng_container_1_Template, 7, 12, "ng-container", 0);
+    i0.ɵɵtemplate(1, CaseEditSubmitComponent_div_0_ng_container_11_ng_container_6_ng_container_1_ng_container_1_ng_container_1_Template, 7, 12, "ng-container", 0);
     i0.ɵɵelementContainerEnd();
 } if (rf & 2) {
-    const field_r21 = ctx.$implicit;
-    const ctx_r20 = i0.ɵɵnextContext(5);
+    const field_r16 = ctx.$implicit;
+    const ctx_r15 = i0.ɵɵnextContext(5);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r20.canShowFieldInCYA(field_r21));
+    i0.ɵɵproperty("ngIf", ctx_r15.canShowFieldInCYA(field_r16));
 } }
 const _c0$f = function (a0, a4) { return [a0, false, undefined, true, a4]; };
-function CaseEditSubmitComponent_div_0_ng_container_12_ng_container_6_ng_container_1_Template(rf, ctx) { if (rf & 1) {
+function CaseEditSubmitComponent_div_0_ng_container_11_ng_container_6_ng_container_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
-    i0.ɵɵtemplate(1, CaseEditSubmitComponent_div_0_ng_container_12_ng_container_6_ng_container_1_ng_container_1_Template, 2, 1, "ng-container", 28);
+    i0.ɵɵtemplate(1, CaseEditSubmitComponent_div_0_ng_container_11_ng_container_6_ng_container_1_ng_container_1_Template, 2, 1, "ng-container", 19);
     i0.ɵɵpipe(2, "ccdCYAPageLabelFilter");
     i0.ɵɵpipe(3, "ccdReadFieldsFilter");
     i0.ɵɵpipe(4, "ccdPageFields");
     i0.ɵɵelementContainerEnd();
 } if (rf & 2) {
-    const page_r18 = i0.ɵɵnextContext().$implicit;
-    const ctx_r19 = i0.ɵɵnextContext(3);
+    const page_r13 = i0.ɵɵnextContext().$implicit;
+    const ctx_r14 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngForOf", i0.ɵɵpipeBind1(2, 1, i0.ɵɵpipeBindV(3, 3, i0.ɵɵpureFunction2(12, _c0$f, i0.ɵɵpipeBind2(4, 9, page_r18, ctx_r19.editForm), ctx_r19.editForm.controls["data"]))));
+    i0.ɵɵproperty("ngForOf", i0.ɵɵpipeBind1(2, 1, i0.ɵɵpipeBindV(3, 3, i0.ɵɵpureFunction2(12, _c0$f, i0.ɵɵpipeBind2(4, 9, page_r13, ctx_r14.editForm), ctx_r14.editForm.controls["data"]))));
 } }
-function CaseEditSubmitComponent_div_0_ng_container_12_ng_container_6_Template(rf, ctx) { if (rf & 1) {
+function CaseEditSubmitComponent_div_0_ng_container_11_ng_container_6_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
-    i0.ɵɵtemplate(1, CaseEditSubmitComponent_div_0_ng_container_12_ng_container_6_ng_container_1_Template, 5, 15, "ng-container", 0);
+    i0.ɵɵtemplate(1, CaseEditSubmitComponent_div_0_ng_container_11_ng_container_6_ng_container_1_Template, 5, 15, "ng-container", 0);
     i0.ɵɵelementContainerEnd();
 } if (rf & 2) {
-    const page_r18 = ctx.$implicit;
-    const ctx_r17 = i0.ɵɵnextContext(3);
+    const page_r13 = ctx.$implicit;
+    const ctx_r12 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r17.isShown(page_r18));
+    i0.ɵɵproperty("ngIf", ctx_r12.isShown(page_r13));
 } }
-function CaseEditSubmitComponent_div_0_ng_container_12_Template(rf, ctx) { if (rf & 1) {
+function CaseEditSubmitComponent_div_0_ng_container_11_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
     i0.ɵɵelementStart(1, "h2", 16);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(3, CaseEditSubmitComponent_div_0_ng_container_12_span_3_Template, 2, 0, "span", 26);
-    i0.ɵɵelementStart(4, "table", 27);
+    i0.ɵɵtemplate(3, CaseEditSubmitComponent_div_0_ng_container_11_span_3_Template, 2, 0, "span", 17);
+    i0.ɵɵelementStart(4, "table", 18);
     i0.ɵɵelementStart(5, "tbody");
-    i0.ɵɵtemplate(6, CaseEditSubmitComponent_div_0_ng_container_12_ng_container_6_Template, 2, 1, "ng-container", 28);
+    i0.ɵɵtemplate(6, CaseEditSubmitComponent_div_0_ng_container_11_ng_container_6_Template, 2, 1, "ng-container", 19);
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
     i0.ɵɵelementContainerEnd();
 } if (rf & 2) {
-    const ctx_r9 = i0.ɵɵnextContext(2);
+    const ctx_r7 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(ctx_r9.pageTitle);
+    i0.ɵɵtextInterpolate(ctx_r7.pageTitle);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", !ctx_r9.isCaseFlagSubmission);
+    i0.ɵɵproperty("ngIf", !ctx_r7.caseEdit.isCaseFlagSubmission);
     i0.ɵɵadvance(3);
-    i0.ɵɵproperty("ngForOf", ctx_r9.wizard.pages);
+    i0.ɵɵproperty("ngForOf", ctx_r7.wizard.pages);
 } }
-function CaseEditSubmitComponent_div_0_ng_container_13_ng_container_3_tr_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "tr", 41);
-    i0.ɵɵelementStart(1, "th", 42);
+function CaseEditSubmitComponent_div_0_ng_container_12_ng_container_3_tr_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "tr", 32);
+    i0.ɵɵelementStart(1, "th", 33);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "td", 43);
-    i0.ɵɵelement(4, "ccd-field-read", 44);
+    i0.ɵɵelementStart(3, "td", 34);
+    i0.ɵɵelement(4, "ccd-field-read", 35);
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const field_r33 = i0.ɵɵnextContext().$implicit;
-    const ctx_r34 = i0.ɵɵnextContext(3);
-    i0.ɵɵproperty("caseField", field_r33)("formGroup", ctx_r34.editForm.controls["data"])("contextFields", ctx_r34.contextFields);
+    const field_r28 = i0.ɵɵnextContext().$implicit;
+    const ctx_r29 = i0.ɵɵnextContext(3);
+    i0.ɵɵproperty("caseField", field_r28)("formGroup", ctx_r29.editForm.controls["data"])("contextFields", ctx_r29.contextFields);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(field_r33.label);
+    i0.ɵɵtextInterpolate(field_r28.label);
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("formGroup", ctx_r34.editForm.controls["data"])("caseField", ctx_r34.summaryCaseField(field_r33));
+    i0.ɵɵproperty("formGroup", ctx_r29.editForm.controls["data"])("caseField", ctx_r29.summaryCaseField(field_r28));
 } }
-function CaseEditSubmitComponent_div_0_ng_container_13_ng_container_3_tr_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "tr", 45);
-    i0.ɵɵelementStart(1, "td", 46);
-    i0.ɵɵelement(2, "ccd-field-read", 47);
+function CaseEditSubmitComponent_div_0_ng_container_12_ng_container_3_tr_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "tr", 36);
+    i0.ɵɵelementStart(1, "td", 37);
+    i0.ɵɵelement(2, "ccd-field-read", 38);
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const field_r33 = i0.ɵɵnextContext().$implicit;
-    const ctx_r35 = i0.ɵɵnextContext(3);
-    i0.ɵɵproperty("caseField", field_r33)("formGroup", ctx_r35.editForm.controls["data"])("contextFields", ctx_r35.contextFields);
+    const field_r28 = i0.ɵɵnextContext().$implicit;
+    const ctx_r30 = i0.ɵɵnextContext(3);
+    i0.ɵɵproperty("caseField", field_r28)("formGroup", ctx_r30.editForm.controls["data"])("contextFields", ctx_r30.contextFields);
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("formGroup", ctx_r35.editForm.controls["data"])("caseField", ctx_r35.summaryCaseField(field_r33))("caseFields", ctx_r35.contextFields);
+    i0.ɵɵproperty("formGroup", ctx_r30.editForm.controls["data"])("caseField", ctx_r30.summaryCaseField(field_r28))("caseFields", ctx_r30.contextFields);
 } }
-function CaseEditSubmitComponent_div_0_ng_container_13_ng_container_3_Template(rf, ctx) { if (rf & 1) {
+function CaseEditSubmitComponent_div_0_ng_container_12_ng_container_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
-    i0.ɵɵelementContainerStart(1, 38);
+    i0.ɵɵelementContainerStart(1, 29);
     i0.ɵɵpipe(2, "ccdIsCompound");
-    i0.ɵɵtemplate(3, CaseEditSubmitComponent_div_0_ng_container_13_ng_container_3_tr_3_Template, 5, 6, "tr", 39);
-    i0.ɵɵtemplate(4, CaseEditSubmitComponent_div_0_ng_container_13_ng_container_3_tr_4_Template, 3, 6, "tr", 40);
+    i0.ɵɵtemplate(3, CaseEditSubmitComponent_div_0_ng_container_12_ng_container_3_tr_3_Template, 5, 6, "tr", 30);
+    i0.ɵɵtemplate(4, CaseEditSubmitComponent_div_0_ng_container_12_ng_container_3_tr_4_Template, 3, 6, "tr", 31);
     i0.ɵɵelementContainerEnd();
     i0.ɵɵelementContainerEnd();
 } if (rf & 2) {
-    const field_r33 = ctx.$implicit;
+    const field_r28 = ctx.$implicit;
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngSwitch", !i0.ɵɵpipeBind1(2, 3, field_r33));
+    i0.ɵɵproperty("ngSwitch", !i0.ɵɵpipeBind1(2, 3, field_r28));
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("ngSwitchCase", true);
     i0.ɵɵadvance(1);
     i0.ɵɵproperty("ngSwitchCase", false);
 } }
-function CaseEditSubmitComponent_div_0_ng_container_13_Template(rf, ctx) { if (rf & 1) {
+function CaseEditSubmitComponent_div_0_ng_container_12_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
-    i0.ɵɵelementStart(1, "table", 37);
+    i0.ɵɵelementStart(1, "table", 28);
     i0.ɵɵelementStart(2, "tbody");
-    i0.ɵɵtemplate(3, CaseEditSubmitComponent_div_0_ng_container_13_ng_container_3_Template, 5, 5, "ng-container", 28);
+    i0.ɵɵtemplate(3, CaseEditSubmitComponent_div_0_ng_container_12_ng_container_3_Template, 5, 5, "ng-container", 19);
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
     i0.ɵɵelementContainerEnd();
 } if (rf & 2) {
-    const ctx_r10 = i0.ɵɵnextContext(2);
+    const ctx_r8 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(3);
-    i0.ɵɵproperty("ngForOf", ctx_r10.showSummaryFields);
+    i0.ɵɵproperty("ngForOf", ctx_r8.showSummaryFields);
 } }
-function CaseEditSubmitComponent_div_0_ng_container_14_fieldset_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "fieldset", 49);
-    i0.ɵɵelement(1, "legend", 50);
-    i0.ɵɵelementStart(2, "div", 51);
-    i0.ɵɵelementStart(3, "label", 52);
+function CaseEditSubmitComponent_div_0_ng_container_13_fieldset_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "fieldset", 40);
+    i0.ɵɵelement(1, "legend", 41);
+    i0.ɵɵelementStart(2, "div", 42);
+    i0.ɵɵelementStart(3, "label", 43);
     i0.ɵɵtext(4, " Event summary (optional) ");
-    i0.ɵɵelementStart(5, "span", 53);
+    i0.ɵɵelementStart(5, "span", 44);
     i0.ɵɵtext(6, "A few words describing the purpose of the event.");
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(7, "input", 54);
+    i0.ɵɵelement(7, "input", 45);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(8, "div", 51);
-    i0.ɵɵelementStart(9, "label", 55);
+    i0.ɵɵelementStart(8, "div", 42);
+    i0.ɵɵelementStart(9, "label", 46);
     i0.ɵɵtext(10, "Event description (optional)");
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(11, "textarea", 56);
+    i0.ɵɵelement(11, "textarea", 47);
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
 } }
-function CaseEditSubmitComponent_div_0_ng_container_14_Template(rf, ctx) { if (rf & 1) {
+function CaseEditSubmitComponent_div_0_ng_container_13_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
-    i0.ɵɵtemplate(1, CaseEditSubmitComponent_div_0_ng_container_14_fieldset_1_Template, 12, 0, "fieldset", 48);
+    i0.ɵɵtemplate(1, CaseEditSubmitComponent_div_0_ng_container_13_fieldset_1_Template, 12, 0, "fieldset", 39);
     i0.ɵɵelementContainerEnd();
 } if (rf & 2) {
-    const ctx_r11 = i0.ɵɵnextContext(2);
+    const ctx_r9 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r11.profile && !ctx_r11.isSolicitor());
+    i0.ɵɵproperty("ngIf", ctx_r9.profile && !ctx_r9.isSolicitor());
 } }
 function CaseEditSubmitComponent_div_0_Template(rf, ctx) { if (rf & 1) {
-    const _r40 = i0.ɵɵgetCurrentView();
+    const _r35 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div");
     i0.ɵɵelementStart(1, "h1", 2);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
     i0.ɵɵtemplate(3, CaseEditSubmitComponent_div_0_div_3_Template, 1, 0, "div", 3);
     i0.ɵɵtemplate(4, CaseEditSubmitComponent_div_0_ng_template_4_Template, 2, 5, "ng-template", null, 4, i0.ɵɵtemplateRefExtractor);
-    i0.ɵɵtemplate(6, CaseEditSubmitComponent_div_0_ng_template_6_Template, 1, 1, "ng-template", null, 5, i0.ɵɵtemplateRefExtractor);
-    i0.ɵɵtemplate(8, CaseEditSubmitComponent_div_0_div_8_Template, 10, 0, "div", 6);
-    i0.ɵɵtemplate(9, CaseEditSubmitComponent_div_0_div_9_Template, 6, 2, "div", 6);
-    i0.ɵɵelementStart(10, "ccd-callback-errors", 7);
-    i0.ɵɵlistener("callbackErrorsContext", function CaseEditSubmitComponent_div_0_Template_ccd_callback_errors_callbackErrorsContext_10_listener($event) { i0.ɵɵrestoreView(_r40); const ctx_r39 = i0.ɵɵnextContext(); return ctx_r39.callbackErrorsNotify($event); });
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(11, "form", 8);
-    i0.ɵɵlistener("submit", function CaseEditSubmitComponent_div_0_Template_form_submit_11_listener() { i0.ɵɵrestoreView(_r40); const ctx_r41 = i0.ɵɵnextContext(); return ctx_r41.submit(); });
-    i0.ɵɵtemplate(12, CaseEditSubmitComponent_div_0_ng_container_12_Template, 7, 3, "ng-container", 0);
-    i0.ɵɵtemplate(13, CaseEditSubmitComponent_div_0_ng_container_13_Template, 4, 1, "ng-container", 0);
-    i0.ɵɵtemplate(14, CaseEditSubmitComponent_div_0_ng_container_14_Template, 2, 1, "ng-container", 0);
-    i0.ɵɵelementStart(15, "div", 9);
-    i0.ɵɵelementStart(16, "button", 10);
-    i0.ɵɵlistener("click", function CaseEditSubmitComponent_div_0_Template_button_click_16_listener() { i0.ɵɵrestoreView(_r40); const ctx_r42 = i0.ɵɵnextContext(); return ctx_r42.previous(); });
-    i0.ɵɵtext(17, "Previous");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(18, "button", 11);
-    i0.ɵɵtext(19);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(20, "p", 12);
-    i0.ɵɵelementStart(21, "a", 13);
-    i0.ɵɵlistener("click", function CaseEditSubmitComponent_div_0_Template_a_click_21_listener() { i0.ɵɵrestoreView(_r40); const ctx_r43 = i0.ɵɵnextContext(); return ctx_r43.cancel(); });
-    i0.ɵɵtext(22);
+    i0.ɵɵtemplate(6, CaseEditSubmitComponent_div_0_ng_template_6_Template, 1, 1, "ng-template", null, 5, i0.ɵɵtemplateRefExtractor);
+    i0.ɵɵelement(8, "ccd-case-edit-generic-errors", 6);
+    i0.ɵɵelementStart(9, "ccd-callback-errors", 7);
+    i0.ɵɵlistener("callbackErrorsContext", function CaseEditSubmitComponent_div_0_Template_ccd_callback_errors_callbackErrorsContext_9_listener($event) { i0.ɵɵrestoreView(_r35); const ctx_r34 = i0.ɵɵnextContext(); return ctx_r34.callbackErrorsNotify($event); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(10, "form", 8);
+    i0.ɵɵlistener("submit", function CaseEditSubmitComponent_div_0_Template_form_submit_10_listener() { i0.ɵɵrestoreView(_r35); const ctx_r36 = i0.ɵɵnextContext(); return ctx_r36.submit(); });
+    i0.ɵɵtemplate(11, CaseEditSubmitComponent_div_0_ng_container_11_Template, 7, 3, "ng-container", 0);
+    i0.ɵɵtemplate(12, CaseEditSubmitComponent_div_0_ng_container_12_Template, 4, 1, "ng-container", 0);
+    i0.ɵɵtemplate(13, CaseEditSubmitComponent_div_0_ng_container_13_Template, 2, 1, "ng-container", 0);
+    i0.ɵɵelementStart(14, "div", 9);
+    i0.ɵɵelementStart(15, "button", 10);
+    i0.ɵɵlistener("click", function CaseEditSubmitComponent_div_0_Template_button_click_15_listener() { i0.ɵɵrestoreView(_r35); const ctx_r37 = i0.ɵɵnextContext(); return ctx_r37.previous(); });
+    i0.ɵɵtext(16, "Previous");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(17, "button", 11);
+    i0.ɵɵtext(18);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(19, "p", 12);
+    i0.ɵɵelementStart(20, "a", 13);
+    i0.ɵɵlistener("click", function CaseEditSubmitComponent_div_0_Template_a_click_20_listener() { i0.ɵɵrestoreView(_r35); const ctx_r38 = i0.ɵɵnextContext(); return ctx_r38.cancel(); });
+    i0.ɵɵtext(21);
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
@@ -23039,11 +23323,9 @@ function CaseEditSubmitComponent_div_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(1);
     i0.ɵɵproperty("ngIf", ctx_r0.getCaseTitle())("ngIfThen", _r3)("ngIfElse", _r5);
     i0.ɵɵadvance(5);
-    i0.ɵɵproperty("ngIf", ctx_r0.error && (!(ctx_r0.error.callbackErrors || ctx_r0.error.callbackWarnings || ctx_r0.error.details) && !ctx_r0.error.message));
+    i0.ɵɵproperty("error", ctx_r0.caseEdit.error);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r0.error && (ctx_r0.error.details || ctx_r0.error.message));
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("callbackErrorsSubject", ctx_r0.callbackErrorsSubject);
+    i0.ɵɵproperty("callbackErrorsSubject", ctx_r0.caseEdit.callbackErrorsSubject);
     i0.ɵɵadvance(1);
     i0.ɵɵproperty("formGroup", ctx_r0.editForm);
     i0.ɵɵadvance(1);
@@ -23053,52 +23335,42 @@ function CaseEditSubmitComponent_div_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(1);
     i0.ɵɵproperty("ngIf", ctx_r0.showEventNotes());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("disabled", !ctx_r0.hasPrevious() || ctx_r0.isSubmitting);
+    i0.ɵɵproperty("disabled", !ctx_r0.hasPrevious() || ctx_r0.caseEdit.isSubmitting);
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("disabled", ctx_r0.isDisabled);
     i0.ɵɵadvance(1);
     i0.ɵɵtextInterpolate(ctx_r0.triggerText);
     i0.ɵɵadvance(2);
-    i0.ɵɵclassProp("disabled", ctx_r0.isSubmitting);
+    i0.ɵɵclassProp("disabled", ctx_r0.caseEdit.isSubmitting);
     i0.ɵɵadvance(1);
     i0.ɵɵtextInterpolate(ctx_r0.getCancelText());
 } }
 function CaseEditSubmitComponent_ccd_case_event_completion_1_Template(rf, ctx) { if (rf & 1) {
-    const _r45 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "ccd-case-event-completion", 57);
-    i0.ɵɵlistener("eventCanBeCompleted", function CaseEditSubmitComponent_ccd_case_event_completion_1_Template_ccd_case_event_completion_eventCanBeCompleted_0_listener($event) { i0.ɵɵrestoreView(_r45); const ctx_r44 = i0.ɵɵnextContext(); return ctx_r44.onEventCanBeCompleted($event); });
+    const _r40 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "ccd-case-event-completion", 48);
+    i0.ɵɵlistener("eventCanBeCompleted", function CaseEditSubmitComponent_ccd_case_event_completion_1_Template_ccd_case_event_completion_eventCanBeCompleted_0_listener($event) { i0.ɵɵrestoreView(_r40); const ctx_r39 = i0.ɵɵnextContext(); return ctx_r39.onEventCanBeCompleted($event); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("eventCompletionParams", ctx_r1.eventCompletionParams);
+    i0.ɵɵproperty("eventCompletionParams", ctx_r1.caseEdit.eventCompletionParams);
 } }
 // @dynamic
 class CaseEditSubmitComponent {
-    constructor(caseEdit, formValueService, formErrorService, fieldsUtils, caseFieldService, route, router, orderService, profileNotifier, sessionStorageService, caseNotifier) {
+    constructor(caseEdit, fieldsUtils, caseFieldService, route, orderService, profileNotifier) {
         this.caseEdit = caseEdit;
-        this.formValueService = formValueService;
-        this.formErrorService = formErrorService;
         this.fieldsUtils = fieldsUtils;
         this.caseFieldService = caseFieldService;
         this.route = route;
-        this.router = router;
         this.orderService = orderService;
         this.profileNotifier = profileNotifier;
-        this.sessionStorageService = sessionStorageService;
-        this.caseNotifier = caseNotifier;
-        this.callbackErrorsSubject = new Subject();
-        this.ignoreWarning = false;
         this.paletteContext = PaletteContext.CHECK_YOUR_ANSWER;
-        this.eventCompletionChecksRequired = false;
-        this.isCaseFlagSubmission = false;
-        this.isLinkedCasesSubmission = false;
     }
     get isDisabled() {
         // EUI-3452.
         // We don't need to check the validity of the editForm as it is readonly.
         // This was causing issues with hidden fields that aren't wanted but have
         // not been disabled.
-        return this.isSubmitting || this.hasErrors;
+        return this.caseEdit.isSubmitting || this.hasErrors;
     }
     ngOnInit() {
         this.profileSubscription = this.profileNotifier.profile.subscribe(_ => this.profile = _);
@@ -23107,222 +23379,51 @@ class CaseEditSubmitComponent {
         this.editForm = this.caseEdit.form;
         this.wizard = this.caseEdit.wizard;
         this.showSummaryFields = this.sortFieldsByShowSummaryContent(this.eventTrigger.case_fields);
-        this.isSubmitting = false;
+        this.caseEdit.isSubmitting = false;
         this.contextFields = this.getCaseFields();
         // Indicates if the submission is for a Case Flag, as opposed to a "regular" form submission, by the presence of
         // a FlagLauncher field in the event trigger
-        this.isCaseFlagSubmission = this.eventTrigger.case_fields.some(caseField => FieldsUtils.isFlagLauncherCaseField(caseField));
-        this.pageTitle = this.isCaseFlagSubmission ? 'Review flag details' : 'Check your answers';
-        this.isLinkedCasesSubmission = this.eventTrigger.case_fields.some(caseField => FieldsUtils.isComponentLauncherCaseField(caseField));
+        this.caseEdit.isCaseFlagSubmission = this.eventTrigger.case_fields.some(caseField => FieldsUtils.isFlagLauncherCaseField(caseField));
+        this.caseEdit.isLinkedCasesSubmission =
+            this.eventTrigger.case_fields.some(caseField => FieldsUtils.isComponentLauncherCaseField(caseField));
+        this.pageTitle = this.caseEdit.isCaseFlagSubmission ? 'Review flag details' : 'Check your answers';
     }
     ngOnDestroy() {
+        /* istanbul ignore else */
         if (this.profileSubscription) {
             this.profileSubscription.unsubscribe();
         }
     }
     submit() {
-        this.isSubmitting = true;
-        // We have to run the event completion checks if task in session storage
-        // and if the task is in session storage, then is it associated to the case
-        let taskInSessionStorage;
-        const taskStr = this.sessionStorageService.getItem('taskToComplete');
-        if (taskStr) {
-            taskInSessionStorage = JSON.parse(taskStr);
-        }
-        if (taskInSessionStorage && taskInSessionStorage.case_id === this.getCaseId()) {
-            // Show event completion component to perform event completion checks
-            this.eventCompletionParams = {
-                caseId: this.getCaseId(),
-                eventId: this.getEventId(),
-                task: taskInSessionStorage
-            };
-            this.eventCompletionChecksRequired = true;
-        }
-        else {
-            // Task not in session storage, proceed to submit
-            const caseEventData = this.generateCaseEventData();
-            this.caseSubmit(caseEventData);
-        }
-    }
-    onEventCanBeCompleted(eventCanBeCompleted) {
-        if (eventCanBeCompleted) {
-            // Submit
-            const caseEventData = this.generateCaseEventData();
-            this.caseSubmit(caseEventData);
-        }
-        else {
-            // Navigate to tasks tab on case details page
-            this.router.navigate([`/cases/case-details/${this.getCaseId()}/tasks`], { relativeTo: this.route });
-        }
-    }
-    generateCaseEventData() {
-        const caseEventData = {
-            data: this.replaceEmptyComplexFieldValues(this.formValueService.sanitise(this.replaceHiddenFormValuesWithOriginalCaseData(this.editForm.get('data'), this.eventTrigger.case_fields))),
-            event: this.editForm.value.event
-        };
-        this.formValueService.clearNonCaseFields(caseEventData.data, this.eventTrigger.case_fields);
-        this.formValueService.removeNullLabels(caseEventData.data, this.eventTrigger.case_fields);
-        this.formValueService.removeEmptyDocuments(caseEventData.data, this.eventTrigger.case_fields);
-        // Remove collection fields that have "min" validation of greater than zero set on the FieldType but are empty;
-        // these will fail validation
-        this.formValueService.removeEmptyCollectionsWithMinValidation(caseEventData.data, this.eventTrigger.case_fields);
-        // If this is a Case Flag submission (and thus a FlagLauncher field is present in the event trigger), the flag
-        // details data needs populating for each Flags field, then the FlagLauncher field needs removing
-        if (this.isCaseFlagSubmission) {
-            this.formValueService.populateFlagDetailsFromCaseFields(caseEventData.data, this.eventTrigger.case_fields);
-            this.formValueService.removeFlagLauncherField(caseEventData.data, this.eventTrigger.case_fields);
-        }
-        if (this.isLinkedCasesSubmission) {
-            this.formValueService.populateLinkedCasesDetailsFromCaseFields(caseEventData.data, this.eventTrigger.case_fields);
-            this.formValueService.removeComponentLauncherField(caseEventData.data, this.eventTrigger.case_fields);
-        }
-        caseEventData.event_token = this.eventTrigger.event_token;
-        caseEventData.ignore_warning = this.ignoreWarning;
-        if (this.caseEdit.confirmation) {
-            caseEventData.data = {};
-        }
-        return caseEventData;
-    }
-    caseSubmit(caseEventData) {
-        this.caseEdit.submit(caseEventData)
-            .subscribe(response => {
-            this.caseNotifier.cachedCaseView = null;
-            this.sessionStorageService.removeItem('eventUrl');
-            const confirmation = this.buildConfirmation(response);
-            if (confirmation && (confirmation.getHeader() || confirmation.getBody())) {
-                this.caseEdit.confirm(confirmation);
-            }
-            else {
-                this.caseEdit.submitted.emit({ caseId: response['id'], status: this.getStatus(response) });
-            }
-        }, error => {
-            this.error = error;
-            this.callbackErrorsSubject.next(this.error);
-            if (this.error.details) {
-                this.formErrorService
-                    .mapFieldErrors(this.error.details.field_errors, this.editForm.controls['data'], 'validation');
-            }
-            this.isSubmitting = false;
-        });
-    }
-    /**
-     * Traverse *all* values of a {@link FormGroup}, including those for disabled fields (i.e. hidden ones), replacing the
-     * value of any that are hidden AND have `retain_hidden_value` set to `true` in the corresponding `CaseField`, with
-     * the *original* value held in the `CaseField` object.
-     *
-     * This is as per design in EUI-3622, where any user-driven updates to hidden fields with `retain_hidden_value` =
-     * `true` are ignored (thus retaining the value displayed originally).
-     *
-     * * For Complex field types, the replacement above is performed recursively for all hidden sub-fields with
-     * `retain_hidden_value` = `true`.
-     *
-     * * For Collection field types, including collections of Complex and Document field types, the replacement is
-     * performed for all fields in the collection.
-     *
-     * @param formGroup The `FormGroup` instance whose raw values are to be traversed
-     * @param caseFields The array of {@link CaseField} domain model objects corresponding to fields in `formGroup`
-     * @param parentField Reference to the parent `CaseField`. Used for retrieving the sub-field values of a Complex field
-     * to perform recursive replacement - the sub-field `CaseField`s themselves do *not* contain any values
-     * @returns An object with the *raw* form value data (as key-value pairs), with any value replacements as necessary
-     */
-    replaceHiddenFormValuesWithOriginalCaseData(formGroup, caseFields, parentField) {
-        // Get the raw form value data, which includes the values of any disabled controls, as key-value pairs
-        const rawFormValueData = formGroup.getRawValue();
-        // Place all case fields in a lookup object, so they can be retrieved by id
-        const caseFieldsLookup = {};
-        for (let i = 0, len = caseFields.length; i < len; i++) {
-            caseFieldsLookup[caseFields[i].id] = caseFields[i];
-        }
-        /**
-         * Replace any form value with the original, where its CaseField is hidden AND has the retain_hidden_value flag set
-         * to true.
-         *
-         * If the CaseField's `hidden` attribute is null or undefined, then check this attribute in the parent CaseField (if
-         * one exists). This is occurring (and is possibly a bug) when a CaseField is a sub-field of a Complex type, or an
-         * item in a Collection type.
-         *
-         * If the field is a Complex type with retain_hidden_value = true, perform a recursive replacement for all (hidden)
-         * sub-fields with retain_hidden_value = true, using their original CaseField values (from the `formatted_value`
-         * attribute).
-         *
-         * If the field is a Collection type with retain_hidden_value = true, the entire collection is replaced with the
-         * original from `formatted_value`. This applies to *all* types of Collections.
-         */
-        Object.keys(rawFormValueData).forEach((key) => {
-            const caseField = caseFieldsLookup[key];
-            // If caseField.hidden is NOT truthy and also NOT equal to false, then it must be null/undefined (remember that
-            // both null and undefined are equal to *neither false nor true*)
-            if (caseField && caseField.retain_hidden_value &&
-                (caseField.hidden || (caseField.hidden !== false && parentField && parentField.hidden))) {
-                if (caseField.field_type.type === 'Complex') {
-                    // Note: Deliberate use of equality (==) and non-equality (!=) operators for null checks throughout, to
-                    // handle both null and undefined values
-                    if (caseField.value != null) {
-                        // Call this function recursively to replace the Complex field's sub-fields as necessary, passing the
-                        // CaseField itself (the sub-fields do not contain any values, so these need to be obtained from the
-                        // parent)
-                        // Update rawFormValueData for this field
-                        // creating form group and adding control into it in case caseField is of complext type and and part of formGroup
-                        const form = new FormGroup({});
-                        if (formGroup.controls[key].value) {
-                            Object.keys(formGroup.controls[key].value).forEach((item) => {
-                                form.addControl(item, new FormControl(formGroup.controls[key].value[item]));
-                            });
-                        }
-                        rawFormValueData[key] = this.replaceHiddenFormValuesWithOriginalCaseData(form, caseField.field_type.complex_fields, caseField);
-                    }
-                }
-                else {
-                    // Default case also handles collections of *all* types; the entire collection in rawFormValueData will be
-                    // replaced with the original from formatted_value
-                    // Use the CaseField's existing *formatted_value* from the parent, if available. (This is necessary for
-                    // Complex fields, whose sub-fields do not hold any values in the model.) Otherwise, use formatted_value
-                    // from the CaseField itself.
-                    if (parentField && parentField.formatted_value) {
-                        rawFormValueData[key] = parentField.formatted_value[caseField.id];
-                    }
-                    else {
-                        rawFormValueData[key] = caseField.formatted_value;
-                    }
-                }
-            }
+        this.caseEdit.submitForm({
+            eventTrigger: this.eventTrigger,
+            form: this.editForm,
+            submit: this.caseEdit.submit,
+            caseDetails: this.caseEdit.caseDetails,
         });
-        return rawFormValueData;
     }
-    /**
-     * Replaces non-array value objects with `null` for any Complex-type fields whose value is effectively empty, i.e.
-     * all its sub-fields and descendants are `null` or `undefined`.
-     *
-     * @param data The object tree representing all the form field data
-     * @returns The form field data modified accordingly
-     */
-    replaceEmptyComplexFieldValues(data) {
-        Object.keys(data).forEach((key) => {
-            if (!Array.isArray(data[key]) && typeof data[key] === 'object' && !FieldsUtils.containsNonEmptyValues(data[key])) {
-                data[key] = null;
-            }
+    onEventCanBeCompleted(eventCanBeCompleted) {
+        this.caseEdit.onEventCanBeCompleted({
+            eventTrigger: this.eventTrigger,
+            eventCanBeCompleted,
+            caseDetails: this.caseEdit.caseDetails,
+            form: this.editForm,
+            submit: this.caseEdit.submit,
         });
-        return data;
-    }
-    getStatus(response) {
-        return this.hasCallbackFailed(response) ? response['callback_response_status'] : response['delete_draft_response_status'];
-    }
-    hasCallbackFailed(response) {
-        return response['callback_response_status'] !== 'CALLBACK_COMPLETED';
     }
     get hasErrors() {
-        return this.error
-            && this.error.callbackErrors
-            && this.error.callbackErrors.length;
+        var _a, _b, _c;
+        return (_c = (_b = (_a = this.caseEdit) === null || _a === void 0 ? void 0 : _a.error) === null || _b === void 0 ? void 0 : _b.callbackErrors) === null || _c === void 0 ? void 0 : _c.length;
     }
     navigateToPage(pageId) {
         this.caseEdit.navigateToPage(pageId);
     }
     callbackErrorsNotify(errorContext) {
-        this.ignoreWarning = errorContext.ignore_warning;
+        this.caseEdit.ignoreWarning = errorContext.ignore_warning;
         this.triggerText = errorContext.trigger_text;
     }
     summaryCaseField(field) {
+        /* istanbul ignore else */
         if (null === this.editForm.get('data').get(field.id)) {
             // If not in form, return field itself
             return field;
@@ -23351,12 +23452,15 @@ class CaseEditSubmitComponent {
         return !this.caseFieldService.isReadOnly(field);
     }
     checkYourAnswerFieldsToDisplayExists() {
+        /* istanbul ignore else */
         if (!this.eventTrigger.show_summary) {
             return false;
         }
         for (const page of this.wizard.pages) {
+            /* istanbul ignore else */
             if (this.isShown(page)) {
                 for (const field of page.case_fields) {
+                    /* istanbul ignore else */
                     if (this.canShowFieldInCYA(field)) {
                         // at least one field needs showing
                         return true;
@@ -23384,6 +23488,7 @@ class CaseEditSubmitComponent {
         return lastPage;
     }
     previous() {
+        /* istanbul ignore else */
         if (this.hasPrevious()) {
             this.navigateToPage(this.getLastPageShown().id);
         }
@@ -23402,14 +23507,6 @@ class CaseEditSubmitComponent {
     isSolicitor() {
         return this.profile.isSolicitor();
     }
-    buildConfirmation(response) {
-        if (response['after_submit_callback_response']) {
-            return new Confirmation(response['id'], response['callback_response_status'], response['after_submit_callback_response']['confirmation_header'], response['after_submit_callback_response']['confirmation_body']);
-        }
-        else {
-            return null;
-        }
-    }
     sortFieldsByShowSummaryContent(fields) {
         return this.orderService
             .sort(fields, CaseEditSubmitComponent.SHOW_SUMMARY_CONTENT_COMPARE_FUNCTION)
@@ -23422,10 +23519,7 @@ class CaseEditSubmitComponent {
         return this.eventTrigger.case_fields;
     }
     getCaseId() {
-        return (this.caseEdit.caseDetails ? this.caseEdit.caseDetails.case_id : '');
-    }
-    getEventId() {
-        return this.editForm.value.event.id;
+        return this.caseEdit.getCaseId(this.caseEdit.caseDetails);
     }
     getCaseTitle() {
         return (this.caseEdit.caseDetails && this.caseEdit.caseDetails.state &&
@@ -23451,14 +23545,14 @@ CaseEditSubmitComponent.SHOW_SUMMARY_CONTENT_COMPARE_FUNCTION = (a, b) => {
     }
     return a.show_summary_content_option - b.show_summary_content_option;
 };
-CaseEditSubmitComponent.ɵfac = function CaseEditSubmitComponent_Factory(t) { return new (t || CaseEditSubmitComponent)(i0.ɵɵdirectiveInject(CaseEditComponent), i0.ɵɵdirectiveInject(FormValueService), i0.ɵɵdirectiveInject(FormErrorService), i0.ɵɵdirectiveInject(FieldsUtils), i0.ɵɵdirectiveInject(CaseFieldService), i0.ɵɵdirectiveInject(i1$1.ActivatedRoute), i0.ɵɵdirectiveInject(i1$1.Router), i0.ɵɵdirectiveInject(OrderService), i0.ɵɵdirectiveInject(ProfileNotifier), i0.ɵɵdirectiveInject(SessionStorageService), i0.ɵɵdirectiveInject(CaseNotifier)); };
-CaseEditSubmitComponent.ɵcmp = i0.ɵɵdefineComponent({ type: CaseEditSubmitComponent, selectors: [["ccd-case-edit-submit"]], decls: 2, vars: 2, consts: [[4, "ngIf"], [3, "eventCompletionParams", "eventCanBeCompleted", 4, "ngIf"], [1, "govuk-heading-l"], [4, "ngIf", "ngIfThen", "ngIfElse"], ["titleBlock", ""], ["idBlock", ""], ["class", "error-summary", "role", "group", "aria-labelledby", "edit-case-event_error-summary-heading", "tabindex", "-1", 4, "ngIf"], [3, "callbackErrorsSubject", "callbackErrorsContext"], [1, "check-your-answers", 3, "formGroup", "submit"], [1, "form-group", "form-group-related"], ["type", "button", 1, "button", "button-secondary", 3, "disabled", "click"], ["type", "submit", 1, "button", 3, "disabled"], [1, "cancel"], ["href", "javascript:void(0)", 3, "click"], [3, "content"], ["class", "heading-h2", 4, "ngIf"], [1, "heading-h2"], ["role", "group", "aria-labelledby", "edit-case-event_error-summary-heading", "tabindex", "-1", 1, "error-summary"], ["id", "edit-case-event_error-summary-heading", 1, "heading-h1", "error-summary-heading"], ["id", "edit-case-event_error-summary-body", 1, "govuk-error-summary__body"], ["href", "get-help", "target", "_blank"], ["id", "edit-case-event_error-summary-heading", 1, "heading-h3", "error-summary-heading"], ["class", "error-summary-list", 4, "ngIf"], [1, "error-summary-list"], ["class", "ccd-error-summary-li", 4, "ngFor", "ngForOf"], [1, "ccd-error-summary-li"], ["class", "text-16", 4, "ngIf"], ["aria-describedby", "check your answers table", 1, "form-table"], [4, "ngFor", "ngForOf"], [1, "text-16"], ["ccdLabelSubstitutor", "", 3, "caseField", "hidden", "formGroup", "contextFields"], ["class", "valign-top case-field-label", 4, "ngIf"], [1, "form-cell", "case-field-content"], [3, "formGroup", "topLevelFormGroup", "caseField", "context", "caseFields"], [1, "valign-top", "check-your-answers__change", "case-field-change"], ["href", "javascript:void(0)", 3, "click", 4, "ngIf"], [1, "valign-top", "case-field-label"], ["aria-describedby", "summary fields table", 1, "summary-fields"], [3, "ngSwitch"], ["ccdLabelSubstitutor", "", 3, "caseField", "formGroup", "contextFields", 4, "ngSwitchCase"], ["class", "compound-field", "ccdLabelSubstitutor", "", 3, "caseField", "formGroup", "contextFields", 4, "ngSwitchCase"], ["ccdLabelSubstitutor", "", 3, "caseField", "formGroup", "contextFields"], ["id", "summary-field-label"], [1, "form-cell"], [3, "formGroup", "caseField"], ["ccdLabelSubstitutor", "", 1, "compound-field", 3, "caseField", "formGroup", "contextFields"], ["colspan", "2"], [3, "formGroup", "caseField", "caseFields"], ["id", "fieldset-event", "formGroupName", "event", 4, "ngIf"], ["id", "fieldset-event", "formGroupName", "event"], [2, "display", "none"], [1, "form-group"], ["for", "field-trigger-summary", 1, "form-label"], [1, "form-hint"], ["type", "text", "id", "field-trigger-summary", "formControlName", "summary", "maxlength", "1024", 1, "form-control", "bottom-30", "width-50"], ["for", "field-trigger-description", 1, "form-label"], ["id", "field-trigger-description", "formControlName", "description", "maxlength", "65536", 1, "form-control", "bottom-30", "width-50"], [3, "eventCompletionParams", "eventCanBeCompleted"]], template: function CaseEditSubmitComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵtemplate(0, CaseEditSubmitComponent_div_0_Template, 23, 17, "div", 0);
+CaseEditSubmitComponent.ɵfac = function CaseEditSubmitComponent_Factory(t) { return new (t || CaseEditSubmitComponent)(i0.ɵɵdirectiveInject(CaseEditComponent), i0.ɵɵdirectiveInject(FieldsUtils), i0.ɵɵdirectiveInject(CaseFieldService), i0.ɵɵdirectiveInject(i1$1.ActivatedRoute), i0.ɵɵdirectiveInject(OrderService), i0.ɵɵdirectiveInject(ProfileNotifier)); };
+CaseEditSubmitComponent.ɵcmp = i0.ɵɵdefineComponent({ type: CaseEditSubmitComponent, selectors: [["ccd-case-edit-submit"]], decls: 2, vars: 2, consts: [[4, "ngIf"], [3, "eventCompletionParams", "eventCanBeCompleted", 4, "ngIf"], [1, "govuk-heading-l"], [4, "ngIf", "ngIfThen", "ngIfElse"], ["titleBlock", ""], ["idBlock", ""], [3, "error"], [3, "callbackErrorsSubject", "callbackErrorsContext"], [1, "check-your-answers", 3, "formGroup", "submit"], [1, "form-group", "form-group-related"], ["type", "button", 1, "button", "button-secondary", 3, "disabled", "click"], ["type", "submit", 1, "button", 3, "disabled"], [1, "cancel"], ["href", "javascript:void(0)", 3, "click"], [3, "content"], ["class", "heading-h2", 4, "ngIf"], [1, "heading-h2"], ["class", "text-16", 4, "ngIf"], ["aria-describedby", "check your answers table", 1, "form-table"], [4, "ngFor", "ngForOf"], [1, "text-16"], ["ccdLabelSubstitutor", "", 3, "caseField", "hidden", "formGroup", "contextFields"], ["class", "valign-top case-field-label", 4, "ngIf"], [1, "form-cell", "case-field-content"], [3, "formGroup", "topLevelFormGroup", "caseField", "context", "caseFields"], [1, "valign-top", "check-your-answers__change", "case-field-change"], ["href", "javascript:void(0)", 3, "click", 4, "ngIf"], [1, "valign-top", "case-field-label"], ["aria-describedby", "summary fields table", 1, "summary-fields"], [3, "ngSwitch"], ["ccdLabelSubstitutor", "", 3, "caseField", "formGroup", "contextFields", 4, "ngSwitchCase"], ["class", "compound-field", "ccdLabelSubstitutor", "", 3, "caseField", "formGroup", "contextFields", 4, "ngSwitchCase"], ["ccdLabelSubstitutor", "", 3, "caseField", "formGroup", "contextFields"], ["id", "summary-field-label"], [1, "form-cell"], [3, "formGroup", "caseField"], ["ccdLabelSubstitutor", "", 1, "compound-field", 3, "caseField", "formGroup", "contextFields"], ["colspan", "2"], [3, "formGroup", "caseField", "caseFields"], ["id", "fieldset-event", "formGroupName", "event", 4, "ngIf"], ["id", "fieldset-event", "formGroupName", "event"], [2, "display", "none"], [1, "form-group"], ["for", "field-trigger-summary", 1, "form-label"], [1, "form-hint"], ["type", "text", "id", "field-trigger-summary", "formControlName", "summary", "maxlength", "1024", 1, "form-control", "bottom-30", "width-50"], ["for", "field-trigger-description", 1, "form-label"], ["id", "field-trigger-description", "formControlName", "description", "maxlength", "65536", 1, "form-control", "bottom-30", "width-50"], [3, "eventCompletionParams", "eventCanBeCompleted"]], template: function CaseEditSubmitComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵtemplate(0, CaseEditSubmitComponent_div_0_Template, 22, 16, "div", 0);
         i0.ɵɵtemplate(1, CaseEditSubmitComponent_ccd_case_event_completion_1_Template, 1, 1, "ccd-case-event-completion", 1);
     } if (rf & 2) {
-        i0.ɵɵproperty("ngIf", !ctx.eventCompletionChecksRequired);
+        i0.ɵɵproperty("ngIf", !ctx.caseEdit.isEventCompletionChecksRequired);
         i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngIf", ctx.eventCompletionChecksRequired);
+        i0.ɵɵproperty("ngIf", ctx.caseEdit.isEventCompletionChecksRequired);
     } }, styles: ["#fieldset-case-data[_ngcontent-%COMP%]{margin-bottom:30px}#fieldset-case-data[_ngcontent-%COMP%]   th[_ngcontent-%COMP%]{width:1%;white-space:nowrap;vertical-align:top}.compound-field[_ngcontent-%COMP%]   td[_ngcontent-%COMP%]{padding:0}#confirmation-header[_ngcontent-%COMP%]{width:630px;background-color:#17958b;border:1px solid #979797;color:#fff;text-align:center}#confirmation-body[_ngcontent-%COMP%]{width:630px;background-color:#fff}.valign-top[_ngcontent-%COMP%]{vertical-align:top}.summary-fields[_ngcontent-%COMP%]{margin-bottom:30px}.summary-fields[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   td[_ngcontent-%COMP%], .summary-fields[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   th[_ngcontent-%COMP%]{border-bottom:0}a.disabled[_ngcontent-%COMP%]{pointer-events:none;cursor:default}.case-field-label[_ngcontent-%COMP%]{width:45%}.case-field-content[_ngcontent-%COMP%]{width:50%}.case-field-change[_ngcontent-%COMP%]{width:5%}"] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaseEditSubmitComponent, [{
         type: Component,
@@ -23467,7 +23561,7 @@ CaseEditSubmitComponent.ɵcmp = i0.ɵɵdefineComponent({ type: CaseEditSubmitCom
                 templateUrl: 'case-edit-submit.html',
                 styleUrls: ['../case-edit.scss']
             }]
-    }], function () { return [{ type: CaseEditComponent }, { type: FormValueService }, { type: FormErrorService }, { type: FieldsUtils }, { type: CaseFieldService }, { type: i1$1.ActivatedRoute }, { type: i1$1.Router }, { type: OrderService }, { type: ProfileNotifier }, { type: SessionStorageService }, { type: CaseNotifier }]; }, null); })();
+    }], function () { return [{ type: CaseEditComponent }, { type: FieldsUtils }, { type: CaseFieldService }, { type: i1$1.ActivatedRoute }, { type: OrderService }, { type: ProfileNotifier }]; }, null); })();
 
 function CaseProgressComponent_div_0_Template(rf, ctx) { if (rf & 1) {
     const _r2 = i0.ɵɵgetCurrentView();
@@ -23623,6 +23717,82 @@ LoadingSpinnerModule.ɵinj = i0.ɵɵdefineInjector({ imports: [[
             }]
     }], null, null); })();
 
+function CaseEditGenericErrorsComponent_div_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 1);
+    i0.ɵɵelementStart(1, "h1", 2);
+    i0.ɵɵtext(2, " Something went wrong ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "div", 3);
+    i0.ɵɵelementStart(4, "p");
+    i0.ɵɵtext(5, "We're working to fix the problem. Try again shortly.");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "p");
+    i0.ɵɵelementStart(7, "a", 4);
+    i0.ɵɵtext(8, "Contact us");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(9, " if you're still having problems.");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+} }
+function CaseEditGenericErrorsComponent_div_1_ul_5_li_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "li", 9);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const fieldError_r4 = ctx.$implicit;
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate(fieldError_r4.message);
+} }
+function CaseEditGenericErrorsComponent_div_1_ul_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "ul", 7);
+    i0.ɵɵtemplate(1, CaseEditGenericErrorsComponent_div_1_ul_5_li_1_Template, 2, 1, "li", 8);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngForOf", ctx_r2.error.details.field_errors);
+} }
+function CaseEditGenericErrorsComponent_div_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 1);
+    i0.ɵɵelementStart(1, "h3", 5);
+    i0.ɵɵtext(2, " The event could not be created ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "p");
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(5, CaseEditGenericErrorsComponent_div_1_ul_5_Template, 2, 1, "ul", 6);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate(ctx_r1.error.message);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", ctx_r1.error.details == null ? null : ctx_r1.error.details.field_errors);
+} }
+class CaseEditGenericErrorsComponent {
+}
+CaseEditGenericErrorsComponent.ɵfac = function CaseEditGenericErrorsComponent_Factory(t) { return new (t || CaseEditGenericErrorsComponent)(); };
+CaseEditGenericErrorsComponent.ɵcmp = i0.ɵɵdefineComponent({ type: CaseEditGenericErrorsComponent, selectors: [["ccd-case-edit-generic-errors"]], inputs: { error: "error" }, features: [i0.ɵɵProvidersFeature([])], decls: 2, vars: 2, consts: [["class", "error-summary", "role", "group", "aria-labelledby", "edit-case-event_error-summary-heading", "tabindex", "-1", 4, "ngIf"], ["role", "group", "aria-labelledby", "edit-case-event_error-summary-heading", "tabindex", "-1", 1, "error-summary"], ["id", "edit-case-event_error-summary-heading", 1, "heading-h1", "error-summary-heading"], ["id", "edit-case-event_error-summary-body", 1, "govuk-error-summary__body"], ["href", "get-help", "target", "_blank"], ["id", "edit-case-event_error-summary-heading", 1, "heading-h3", "error-summary-heading"], ["class", "error-summary-list", 4, "ngIf"], [1, "error-summary-list"], ["class", "ccd-error-summary-li", 4, "ngFor", "ngForOf"], [1, "ccd-error-summary-li"]], template: function CaseEditGenericErrorsComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵtemplate(0, CaseEditGenericErrorsComponent_div_0_Template, 10, 0, "div", 0);
+        i0.ɵɵtemplate(1, CaseEditGenericErrorsComponent_div_1_Template, 6, 2, "div", 0);
+    } if (rf & 2) {
+        i0.ɵɵproperty("ngIf", ctx.error && (!(ctx.error.callbackErrors || ctx.error.callbackWarnings || ctx.error.details) && !ctx.error.message));
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngIf", ctx.error && (ctx.error.details || ctx.error.message));
+    } }, directives: [i1.NgIf, i1.NgForOf], styles: ["#fieldset-case-data[_ngcontent-%COMP%]{margin-bottom:30px}#fieldset-case-data[_ngcontent-%COMP%]   th[_ngcontent-%COMP%]{width:1%;white-space:nowrap;vertical-align:top}.compound-field[_ngcontent-%COMP%]   td[_ngcontent-%COMP%]{padding:0}#confirmation-header[_ngcontent-%COMP%]{width:630px;background-color:#17958b;border:1px solid #979797;color:#fff;text-align:center}#confirmation-body[_ngcontent-%COMP%]{width:630px;background-color:#fff}.valign-top[_ngcontent-%COMP%]{vertical-align:top}.summary-fields[_ngcontent-%COMP%]{margin-bottom:30px}.summary-fields[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   td[_ngcontent-%COMP%], .summary-fields[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   th[_ngcontent-%COMP%]{border-bottom:0}a.disabled[_ngcontent-%COMP%]{pointer-events:none;cursor:default}.case-field-label[_ngcontent-%COMP%]{width:45%}.case-field-content[_ngcontent-%COMP%]{width:50%}.case-field-change[_ngcontent-%COMP%]{width:5%}"] });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaseEditGenericErrorsComponent, [{
+        type: Component,
+        args: [{
+                selector: 'ccd-case-edit-generic-errors',
+                templateUrl: 'case-edit-generic-errors.component.html',
+                styleUrls: ['../case-edit.scss'],
+                providers: []
+            }]
+    }], null, { error: [{
+            type: Input
+        }] }); })();
+
 const _c0$e = function (a3) { return ["/", "cases", "case-details", a3, "tasks"]; };
 class CaseEventCompletionTaskCancelledComponent {
     constructor(parentComponent) {
@@ -23888,7 +24058,7 @@ CaseEventCompletionComponent.ɵcmp = i0.ɵɵdefineComponent({ type: CaseEventCom
         i0.ɵɵtemplate(0, CaseEventCompletionComponent_ng_template_0_Template, 0, 0, "ng-template", 0);
     } if (rf & 2) {
         i0.ɵɵproperty("cdkPortalOutlet", ctx.selectedComponentPortal);
-    } }, directives: [i6$2.CdkPortalOutlet], encapsulation: 2 });
+    } }, directives: [i6$1.CdkPortalOutlet], encapsulation: 2 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaseEventCompletionComponent, [{
         type: Component,
         args: [{
@@ -23956,7 +24126,8 @@ CaseEditorModule.ɵinj = i0.ɵɵdefineInjector({ providers: [
         CaseEventCompletionTaskCancelledComponent,
         CaseEventCompletionTaskReassignedComponent,
         CaseCreateComponent,
-        CaseProgressComponent], imports: [CommonModule,
+        CaseProgressComponent,
+        CaseEditGenericErrorsComponent], imports: [CommonModule,
         RouterModule,
         FormsModule,
         ReactiveFormsModule,
@@ -24002,7 +24173,8 @@ CaseEditorModule.ɵinj = i0.ɵɵdefineInjector({ providers: [
                     CaseEventCompletionTaskCancelledComponent,
                     CaseEventCompletionTaskReassignedComponent,
                     CaseCreateComponent,
-                    CaseProgressComponent
+                    CaseProgressComponent,
+                    CaseEditGenericErrorsComponent
                 ],
                 exports: [
                     CaseEditConfirmComponent,
@@ -24046,9 +24218,10 @@ CaseEditorModule.ɵinj = i0.ɵɵdefineInjector({ providers: [
             }]
     }], null, null); })();
 i0.ɵɵsetComponentScope(CaseEditConfirmComponent, [i1.NgIf, MarkdownComponent, i2.ɵangular_packages_forms_forms_ba, i2.NgControlStatusGroup, i2.FormGroupDirective], [CcdCaseTitlePipe, CaseReferencePipe]);
-i0.ɵɵsetComponentScope(CaseEditPageComponent, [i1.NgIf, LoadingSpinnerComponent, MarkdownComponent, i1.NgForOf, CallbackErrorsComponent, i2.ɵangular_packages_forms_forms_ba, i2.NgControlStatusGroup, i2.FormGroupDirective, CaseEditFormComponent], [CcdCaseTitlePipe, CaseReferencePipe, i1.AsyncPipe]);
+i0.ɵɵsetComponentScope(CaseEditPageComponent, [i1.NgIf, LoadingSpinnerComponent, MarkdownComponent, i1.NgForOf, CaseEditGenericErrorsComponent, CallbackErrorsComponent, i2.ɵangular_packages_forms_forms_ba, i2.NgControlStatusGroup, i2.FormGroupDirective, CaseEditFormComponent,
+    CaseEventCompletionComponent], [CcdCaseTitlePipe, CaseReferencePipe, i1.AsyncPipe]);
 i0.ɵɵsetComponentScope(CaseEditFormComponent, [i1.NgForOf, ConditionalShowFormDirective, i2.NgControlStatusGroup, i2.FormGroupDirective, LabelSubstitutorDirective, i1.NgSwitch, i1.NgSwitchCase, FieldReadComponent, i1.NgIf, FieldWriteComponent], [IsReadOnlyAndNotCollectionPipe, IsCompoundPipe]);
-i0.ɵɵsetComponentScope(CaseEditSubmitComponent, [i1.NgIf, MarkdownComponent, i1.NgForOf, CallbackErrorsComponent, i2.ɵangular_packages_forms_forms_ba, i2.NgControlStatusGroup, i2.FormGroupDirective, LabelSubstitutorDirective, FieldReadComponent, i1.NgSwitch, i1.NgSwitchCase, i2.FormGroupName, i2.DefaultValueAccessor, i2.NgControlStatus, i2.FormControlName, i2.MaxLengthValidator, CaseEventCompletionComponent], [CcdCaseTitlePipe, CaseReferencePipe, CcdCYAPageLabelFilterPipe, ReadFieldsFilterPipe, CcdPageFieldsPipe, IsCompoundPipe]);
+i0.ɵɵsetComponentScope(CaseEditSubmitComponent, [i1.NgIf, MarkdownComponent, CaseEditGenericErrorsComponent, CallbackErrorsComponent, i2.ɵangular_packages_forms_forms_ba, i2.NgControlStatusGroup, i2.FormGroupDirective, i1.NgForOf, LabelSubstitutorDirective, FieldReadComponent, i1.NgSwitch, i1.NgSwitchCase, i2.FormGroupName, i2.DefaultValueAccessor, i2.NgControlStatus, i2.FormControlName, i2.MaxLengthValidator, CaseEventCompletionComponent], [CcdCaseTitlePipe, CaseReferencePipe, CcdCYAPageLabelFilterPipe, ReadFieldsFilterPipe, CcdPageFieldsPipe, IsCompoundPipe]);
 i0.ɵɵsetComponentScope(CaseCreateComponent, [i1.NgIf, CaseEditComponent], []);
 i0.ɵɵsetComponentScope(CaseProgressComponent, [i1.NgIf, CaseEditComponent], []);
 
@@ -26157,7 +26330,9 @@ class CaseEventTriggerComponent {
     }
     cancel() {
         if (this.router.url && this.router.url.includes('linkCases')) {
-            this.router.navigate(['cases', 'case-details', this.caseDetails.case_id], { fragment: 'Linked cases' });
+            this.router.navigate(['cases', 'case-details', this.caseDetails.case_id]).then(() => {
+                window.location.hash = 'Linked cases';
+            });
         }
         else {
             return this.router.navigate([this.parentUrl]);
@@ -26670,9 +26845,9 @@ function CaseFullAccessViewComponent_ng_container_12_mat_tab_4_ng_template_1_ng_
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const field_r23 = i0.ɵɵnextContext(2).$implicit;
+    const field_r24 = i0.ɵɵnextContext(2).$implicit;
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(field_r23.label);
+    i0.ɵɵtextInterpolate(field_r24.label);
 } }
 function CaseFullAccessViewComponent_ng_container_12_mat_tab_4_ng_template_1_ng_container_2_tr_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "tr");
@@ -26684,14 +26859,14 @@ function CaseFullAccessViewComponent_ng_container_12_mat_tab_4_ng_template_1_ng_
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const field_r23 = i0.ɵɵnextContext().$implicit;
-    const ctx_r24 = i0.ɵɵnextContext(4);
+    const field_r24 = i0.ɵɵnextContext().$implicit;
+    const ctx_r25 = i0.ɵɵnextContext(4);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", !ctx_r24.isFieldToHaveNoLabel(field_r23));
+    i0.ɵɵproperty("ngIf", !ctx_r25.isFieldToHaveNoLabel(field_r24));
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("id", "case-viewer-field-read--" + field_r23.id);
+    i0.ɵɵproperty("id", "case-viewer-field-read--" + field_r24.id);
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("topLevelFormGroup", ctx_r24.formGroup.controls["data"])("caseField", field_r23)("caseReference", ctx_r24.caseDetails.case_id)("markdownUseHrefAsRouterLink", ctx_r24.markdownUseHrefAsRouterLink);
+    i0.ɵɵproperty("topLevelFormGroup", ctx_r25.formGroup.controls["data"])("caseField", field_r24)("caseReference", ctx_r25.caseDetails.case_id)("markdownUseHrefAsRouterLink", ctx_r25.markdownUseHrefAsRouterLink);
 } }
 function CaseFullAccessViewComponent_ng_container_12_mat_tab_4_ng_template_1_ng_container_2_tr_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "tr", 39);
@@ -26702,12 +26877,12 @@ function CaseFullAccessViewComponent_ng_container_12_mat_tab_4_ng_template_1_ng_
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const field_r23 = i0.ɵɵnextContext().$implicit;
-    const ctx_r25 = i0.ɵɵnextContext(4);
+    const field_r24 = i0.ɵɵnextContext().$implicit;
+    const ctx_r26 = i0.ɵɵnextContext(4);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("id", "case-viewer-field-read--" + field_r23.id);
+    i0.ɵɵproperty("id", "case-viewer-field-read--" + field_r24.id);
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("topLevelFormGroup", ctx_r25.formGroup.controls["data"])("caseField", field_r23)("caseReference", ctx_r25.caseDetails.case_id)("markdownUseHrefAsRouterLink", ctx_r25.markdownUseHrefAsRouterLink);
+    i0.ɵɵproperty("topLevelFormGroup", ctx_r26.formGroup.controls["data"])("caseField", field_r24)("caseReference", ctx_r26.caseDetails.case_id)("markdownUseHrefAsRouterLink", ctx_r26.markdownUseHrefAsRouterLink);
 } }
 function CaseFullAccessViewComponent_ng_container_12_mat_tab_4_ng_template_1_ng_container_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
@@ -26720,12 +26895,12 @@ function CaseFullAccessViewComponent_ng_container_12_mat_tab_4_ng_template_1_ng_
     i0.ɵɵelementEnd();
     i0.ɵɵelementContainerEnd();
 } if (rf & 2) {
-    const field_r23 = ctx.$implicit;
-    const ctx_r22 = i0.ɵɵnextContext(4);
+    const field_r24 = ctx.$implicit;
+    const ctx_r23 = i0.ɵɵnextContext(4);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("caseField", field_r23)("contextFields", ctx_r22.caseFields)("hidden", field_r23.hidden);
+    i0.ɵɵproperty("caseField", field_r24)("contextFields", ctx_r23.caseFields)("hidden", field_r24.hidden);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngSwitch", !i0.ɵɵpipeBind1(3, 6, field_r23));
+    i0.ɵɵproperty("ngSwitch", !i0.ɵɵpipeBind1(3, 6, field_r24));
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("ngSwitchCase", true);
     i0.ɵɵadvance(1);
@@ -26742,10 +26917,10 @@ function CaseFullAccessViewComponent_ng_container_12_mat_tab_4_ng_template_1_Tem
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const tab_r20 = i0.ɵɵnextContext().$implicit;
-    const ctx_r21 = i0.ɵɵnextContext(2);
+    const ctx_r22 = i0.ɵɵnextContext(2);
     i0.ɵɵclassMap(tab_r20.id);
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngForOf", i0.ɵɵpipeBindV(3, 3, i0.ɵɵpureFunction2(11, _c1$3, i0.ɵɵpipeBind1(4, 9, tab_r20), ctx_r21.formGroup.controls["data"])));
+    i0.ɵɵproperty("ngForOf", i0.ɵɵpipeBindV(3, 3, i0.ɵɵpureFunction2(11, _c1$3, i0.ɵɵpipeBind1(4, 9, tab_r20), ctx_r22.formGroup.controls["data"])));
 } }
 function CaseFullAccessViewComponent_ng_container_12_mat_tab_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "mat-tab", 26);
@@ -26758,17 +26933,17 @@ function CaseFullAccessViewComponent_ng_container_12_mat_tab_4_Template(rf, ctx)
 function CaseFullAccessViewComponent_ng_container_12_mat_tab_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "mat-tab", 26);
 } if (rf & 2) {
-    const tab_r31 = ctx.$implicit;
-    i0.ɵɵproperty("id", tab_r31.id)("label", tab_r31.label);
+    const tab_r32 = ctx.$implicit;
+    i0.ɵɵproperty("id", tab_r32.id)("label", tab_r32.label);
 } }
 function CaseFullAccessViewComponent_ng_container_12_router_outlet_6_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "router-outlet");
 } }
 function CaseFullAccessViewComponent_ng_container_12_Template(rf, ctx) { if (rf & 1) {
-    const _r33 = i0.ɵɵgetCurrentView();
+    const _r34 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementContainerStart(0);
     i0.ɵɵelementStart(1, "mat-tab-group", 23, 24);
-    i0.ɵɵlistener("selectedTabChange", function CaseFullAccessViewComponent_ng_container_12_Template_mat_tab_group_selectedTabChange_1_listener($event) { i0.ɵɵrestoreView(_r33); const ctx_r32 = i0.ɵɵnextContext(); return ctx_r32.tabChanged($event); });
+    i0.ɵɵlistener("selectedTabChange", function CaseFullAccessViewComponent_ng_container_12_Template_mat_tab_group_selectedTabChange_1_listener($event) { i0.ɵɵrestoreView(_r34); const ctx_r33 = i0.ɵɵnextContext(); return ctx_r33.tabChanged($event); });
     i0.ɵɵtemplate(3, CaseFullAccessViewComponent_ng_container_12_mat_tab_3_Template, 1, 2, "mat-tab", 25);
     i0.ɵɵtemplate(4, CaseFullAccessViewComponent_ng_container_12_mat_tab_4_Template, 2, 2, "mat-tab", 25);
     i0.ɵɵtemplate(5, CaseFullAccessViewComponent_ng_container_12_mat_tab_5_Template, 1, 2, "mat-tab", 25);
@@ -27020,7 +27195,9 @@ class CaseFullAccessViewComponent {
         }
         else {
             const label = tabChangeEvent.tab.textLabel;
-            this.router.navigate(['cases', 'case-details', this.caseDetails.case_id], { fragment: label });
+            this.router.navigate(['cases', 'case-details', this.caseDetails.case_id]).then(() => {
+                window.location.hash = label;
+            });
         }
     }
     onLinkClicked(triggerOutputEventText) {
@@ -27385,24 +27562,23 @@ class CaseViewerComponent {
         }
     }
     loadCaseDetails() {
-        if (this.route.snapshot.data.case) {
-            this.caseDetails = this.route.snapshot.data.case;
-            this.caseDetails.tabs = [...new Map(this.caseDetails.tabs.map(item => [item['label'], item])).values()];
-            this.setUserAccessType(this.caseDetails);
-        }
-        else {
+        if (!this.route.snapshot.data.case) {
             this.caseSubscription = this.caseNotifier.caseView.subscribe(caseDetails => {
                 this.caseDetails = caseDetails;
                 this.setUserAccessType(this.caseDetails);
             });
         }
+        else {
+            this.caseDetails = this.route.snapshot.data.case;
+            this.setUserAccessType(this.caseDetails);
+        }
     }
     setUserAccessType(caseDetails) {
         if (caseDetails && Array.isArray(caseDetails.metadataFields)) {
-            const accessProcess = caseDetails.metadataFields.find(metadataField => metadataField.id === CaseViewerComponent.METADATA_FIELD_ACCESS_PROCESS_ID);
-            const accessGranted = caseDetails.metadataFields.find(metadataField => metadataField.id === CaseViewerComponent.METADATA_FIELD_ACCESS_GRANTED_ID);
-            this.accessGranted = accessGranted ? accessGranted.value !== CaseViewerComponent.BASIC_USER_ACCESS_TYPES : false;
-            this.userAccessType = accessProcess ? accessProcess.value : null;
+            const access_process = caseDetails.metadataFields.find(metadataField => metadataField.id === CaseViewerComponent.METADATA_FIELD_ACCESS_PROCEES_ID);
+            const access_granted = caseDetails.metadataFields.find(metadataField => metadataField.id === CaseViewerComponent.METADATA_FIELD_ACCESS_GRANTED_ID);
+            this.accessGranted = access_granted ? access_granted.value !== CaseViewerComponent.BASIC_USER_ACCESS_TYPES : false;
+            this.userAccessType = access_process ? access_process.value : null;
         }
     }
     isDataLoaded() {
@@ -27415,12 +27591,12 @@ class CaseViewerComponent {
             : true;
     }
 }
-CaseViewerComponent.METADATA_FIELD_ACCESS_PROCESS_ID = '[ACCESS_PROCESS]';
+CaseViewerComponent.METADATA_FIELD_ACCESS_PROCEES_ID = '[ACCESS_PROCESS]';
 CaseViewerComponent.METADATA_FIELD_ACCESS_GRANTED_ID = '[ACCESS_GRANTED]';
 CaseViewerComponent.NON_STANDARD_USER_ACCESS_TYPES = ['CHALLENGED', 'SPECIFIC'];
 CaseViewerComponent.BASIC_USER_ACCESS_TYPES = 'BASIC';
 CaseViewerComponent.ɵfac = function CaseViewerComponent_Factory(t) { return new (t || CaseViewerComponent)(i0.ɵɵdirectiveInject(i1$1.ActivatedRoute), i0.ɵɵdirectiveInject(CaseNotifier), i0.ɵɵdirectiveInject(AbstractAppConfig)); };
-CaseViewerComponent.ɵcmp = i0.ɵɵdefineComponent({ type: CaseViewerComponent, selectors: [["ccd-case-viewer"]], inputs: { hasPrint: "hasPrint", hasEventSelector: "hasEventSelector", prependedTabs: "prependedTabs", appendedTabs: "appendedTabs" }, decls: 1, vars: 1, consts: [[4, "ngIf"], [3, "accessType", "caseDetails", 4, "ngIf"], [3, "caseDetails", "hasPrint", "hasEventSelector", "prependedTabs", "appendedTabs", 4, "ngIf"], [3, "accessType", "caseDetails"], [3, "caseDetails", "hasPrint", "hasEventSelector", "prependedTabs", "appendedTabs"]], template: function CaseViewerComponent_Template(rf, ctx) { if (rf & 1) {
+CaseViewerComponent.ɵcmp = i0.ɵɵdefineComponent({ type: CaseViewerComponent, selectors: [["ccd-case-viewer"]], inputs: { hasPrint: "hasPrint", hasEventSelector: "hasEventSelector", prependedTabs: "prependedTabs", appendedTabs: "appendedTabs", caseDetails: "caseDetails" }, decls: 1, vars: 1, consts: [[4, "ngIf"], [3, "accessType", "caseDetails", 4, "ngIf"], [3, "caseDetails", "hasPrint", "hasEventSelector", "prependedTabs", "appendedTabs", 4, "ngIf"], [3, "accessType", "caseDetails"], [3, "caseDetails", "hasPrint", "hasEventSelector", "prependedTabs", "appendedTabs"]], template: function CaseViewerComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵtemplate(0, CaseViewerComponent_div_0_Template, 3, 2, "div", 0);
     } if (rf & 2) {
         i0.ɵɵproperty("ngIf", ctx.isDataLoaded());
@@ -27439,6 +27615,8 @@ CaseViewerComponent.ɵcmp = i0.ɵɵdefineComponent({ type: CaseViewerComponent,
             type: Input
         }], appendedTabs: [{
             type: Input
+        }], caseDetails: [{
+            type: Input
         }] }); })();
 
 /**