@hmcts/ccd-case-ui-toolkit 7.0.38-client-context-2 → 7.0.38-exui-1856-rc1

package/fesm2020/hmcts-ccd-case-ui-toolkit.mjs

@@ -1183,6 +1183,7 @@ var DisplayMode;
     DisplayMode[DisplayMode["ICON"] = 1] = "ICON";
 })(DisplayMode || (DisplayMode = {}));
 
+/* istanbul ignore file */
 class AbstractAppConfig {
     /**
      * Dummy version replacing deprecated `getRemotePrintServiceUrl()`, to be removed in next major release
@@ -3909,13 +3910,6 @@ class FieldsUtils {
                 return '';
         }
     }
-    static getUserTaskFromClientContext(clientContextStr) {
-        if (clientContextStr) {
-            let clientContext = JSON.parse(clientContextStr);
-            return clientContext.client_context.user_task;
-        }
-        return null;
-    }
     buildCanShowPredicate(eventTrigger, form) {
         const currentState = this.getCurrentEventState(eventTrigger, form);
         return (page) => {
@@ -6808,7 +6802,6 @@ class ProfileService {
             .set('experimental', 'true')
             .set('Accept', ProfileService.V2_MEDIATYPE_USER_PROFILE)
             .set('Content-Type', 'application/json');
-        // Not adding client context header because header is added to call immediately afterwards
         return this.httpService
             .get(url, { headers, observe: 'body' })
             .pipe(map((p) => plainToClass(Profile, p)));
@@ -7675,7 +7668,6 @@ class CasesService {
         let headers = new HttpHeaders();
         headers = headers.set('experimental', 'true');
         headers = headers.set('Content-Type', 'application/json');
-        headers = this.addClientContextHeader(headers);
         if (Draft.isDraft(caseId)) {
             headers = headers.set('Accept', CasesService.V2_MEDIATYPE_START_DRAFT_TRIGGER);
         }
@@ -7686,10 +7678,9 @@ class CasesService {
             headers = headers.set('Accept', CasesService.V2_MEDIATYPE_START_CASE_TRIGGER);
         }
         return this.http
-            .get(url, { headers, observe: 'response' })
-            .pipe(map((response) => {
-            this.updateClientContextStorage(response.headers);
-            return FieldsUtils.handleNestedDynamicLists(response.body);
+            .get(url, { headers, observe: 'body' })
+            .pipe(map(body => {
+            return FieldsUtils.handleNestedDynamicLists(body);
         }), catchError(error => {
             this.errorService.setError(error);
             return throwError(error);
@@ -7698,17 +7689,13 @@ class CasesService {
     createEvent(caseDetails, eventData) {
         const caseId = caseDetails.case_id;
         const url = `${this.appConfig.getCaseDataUrl()}/cases/${caseId}/events`;
-        let headers = new HttpHeaders()
+        const headers = new HttpHeaders()
             .set('experimental', 'true')
             .set('Accept', CasesService.V2_MEDIATYPE_CREATE_EVENT)
             .set('Content-Type', 'application/json');
-        headers = this.addClientContextHeader(headers);
         return this.http
-            .post(url, eventData, { headers, observe: 'response' })
-            .pipe(map((response) => {
-            this.updateClientContextStorage(response.headers);
-            return response.body;
-        }), catchError(error => {
+            .post(url, eventData, { headers, observe: 'body' })
+            .pipe(catchError(error => {
             this.errorService.setError(error);
             return throwError(error);
         }));
@@ -7716,17 +7703,13 @@ class CasesService {
     validateCase(ctid, eventData, pageId) {
         const pageIdString = pageId ? `?pageId=${pageId}` : '';
         const url = `${this.appConfig.getCaseDataUrl()}/case-types/${ctid}/validate${pageIdString}`;
-        let headers = new HttpHeaders()
+        const headers = new HttpHeaders()
             .set('experimental', 'true')
             .set('Accept', CasesService.V2_MEDIATYPE_CASE_DATA_VALIDATE)
             .set('Content-Type', 'application/json');
-        headers = this.addClientContextHeader(headers);
         return this.http
-            .post(url, eventData, { headers, observe: 'response' })
-            .pipe(map((response) => {
-            this.updateClientContextStorage(response.headers);
-            return response.body;
-        }), catchError(error => {
+            .post(url, eventData, { headers, observe: 'body' })
+            .pipe(catchError(error => {
             this.errorService.setError(error);
             return throwError(error);
         }));
@@ -7737,34 +7720,26 @@ class CasesService {
             ignoreWarning = 'true';
         }
         const url = `${this.appConfig.getCaseDataUrl()}/case-types/${ctid}/cases?ignore-warning=${ignoreWarning}`;
-        let headers = new HttpHeaders()
+        const headers = new HttpHeaders()
             .set('experimental', 'true')
             .set('Accept', CasesService.V2_MEDIATYPE_CREATE_CASE)
             .set('Content-Type', 'application/json');
-        headers = this.addClientContextHeader(headers);
         return this.http
-            .post(url, eventData, { headers, observe: 'response' })
-            .pipe(map((response) => {
-            this.updateClientContextStorage(response.headers);
-            return response.body;
-        }), catchError(error => {
+            .post(url, eventData, { headers, observe: 'body' })
+            .pipe(catchError(error => {
             this.errorService.setError(error);
             return throwError(error);
         }));
     }
     getPrintDocuments(caseId) {
         const url = `${this.appConfig.getCaseDataUrl()}/cases/${caseId}/documents`;
-        let headers = new HttpHeaders()
+        const headers = new HttpHeaders()
             .set('experimental', 'true')
             .set('Accept', CasesService.V2_MEDIATYPE_CASE_DOCUMENTS)
             .set('Content-Type', 'application/json');
-        headers = this.addClientContextHeader(headers);
         return this.http
-            .get(url, { headers, observe: 'response' })
-            .pipe(map((response) => {
-            this.updateClientContextStorage(response.headers);
-            return response.body.documentResources;
-        }), catchError(error => {
+            .get(url, { headers, observe: 'body' })
+            .pipe(map(body => body.documentResources), catchError(error => {
             this.errorService.setError(error);
             return throwError(error);
         }));
@@ -7797,6 +7772,17 @@ class CasesService {
             wizardPage.case_fields = this.orderService.sort(this.wizardPageFieldToCaseFieldMapper.mapAll(wizardPage.wizard_page_fields, eventTrigger.case_fields));
         });
     }
+    /*
+    Checks if the user has role of pui-case-manager and returns true or false
+    */
+    isPuiCaseManager() {
+        const userInfoStr = this.sessionStorageService.getItem('userDetails');
+        if (userInfoStr) {
+            const userInfo = JSON.parse(userInfoStr);
+            return userInfo && userInfo.roles && (userInfo.roles.indexOf(CasesService.PUI_CASE_MANAGER) !== -1);
+        }
+        return false;
+    }
     getCourtOrHearingCentreName(locationId) {
         return this.http.post(`/api/locations/getLocationsById`, { locations: [{ locationId }] });
     }
@@ -7863,25 +7849,6 @@ class CasesService {
             .get(url)
             .pipe(catchError(error => throwError(error)));
     }
-    addClientContextHeader(headers) {
-        const clientContextDetails = this.sessionStorageService.getItem('clientContext');
-        if (clientContextDetails) {
-            // may require URI encoding in certain circumstances
-            const clientContext = window.btoa(clientContextDetails);
-            if (clientContext) {
-                headers = headers.set('Client-Context', clientContext);
-            }
-        }
-        return headers;
-    }
-    updateClientContextStorage(headers) {
-        // for mocking - TODO: Kasi Remove/Uncomment for testing
-        // headers = this.setMockClientContextHeader(headers);
-        if (headers && headers.get('Client-Context')) {
-            const clientContextString = window.atob(headers.get('Client-Context'));
-            this.sessionStorageService.setItem('clientContext', clientContextString);
-        }
-    }
 }
 // Internal (UI) API
 CasesService.V2_MEDIATYPE_CASE_VIEW = 'application/vnd.uk.gov.hmcts.ccd-data-store-api.ui-case-view.v2+json';
@@ -8372,9 +8339,8 @@ class EventCompletionStateMachineService {
     entryActionForStateCompleteEventAndTask(state, context) {
         // Trigger final state to complete processing of state machine
         state.trigger(EventCompletionStates.Final);
-        const clientContextStr = context.sessionStorageService.getItem('clientContext');
-        const userTask = FieldsUtils.getUserTaskFromClientContext(clientContextStr);
-        if (userTask?.task_data) {
+        const taskStr = context.sessionStorageService.getItem('taskToComplete');
+        if (taskStr) {
             context.sessionStorageService.setItem('assignNeeded', 'false');
             // just set event can be completed
             context.component.eventCanBeCompleted.emit(true);
@@ -8393,9 +8359,9 @@ class EventCompletionStateMachineService {
     entryActionForStateTaskUnassigned(state, context) {
         // Trigger final state to complete processing of state machine
         state.trigger(EventCompletionStates.Final);
-        const clientContextStr = context.sessionStorageService.getItem('clientContext');
-        const userTask = FieldsUtils.getUserTaskFromClientContext(clientContextStr);
-        if (userTask?.task_data) {
+        // Get task details
+        const taskStr = context.sessionStorageService.getItem('taskToComplete');
+        if (taskStr) {
             context.sessionStorageService.setItem('assignNeeded', 'true');
             context.component.eventCanBeCompleted.emit(true);
         }
@@ -8430,12 +8396,6 @@ class EventCompletionStateMachineService {
     addTransitionsForStateTaskUnassigned() {
         this.stateTaskUnassigned.addTransition(EventCompletionStates.Final, this.stateFinal);
     }
-    taskPresentInSessionStorage(context) {
-        const clientContextStr = context.sessionStorageService.getItem('clientContext');
-        console.log('clienht cintedt ', clientContextStr);
-        const userTask = FieldsUtils.getUserTaskFromClientContext(clientContextStr);
-        return !!userTask.task_data;
-    }
 }
 EventCompletionStateMachineService.ɵfac = function EventCompletionStateMachineService_Factory(t) { return new (t || EventCompletionStateMachineService)(); };
 EventCompletionStateMachineService.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: EventCompletionStateMachineService, factory: EventCompletionStateMachineService.ɵfac });
@@ -8894,9 +8854,11 @@ class CaseEditComponent {
         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
-        const clientContextStr = this.sessionStorageService.getItem('clientContext');
-        const userTask = FieldsUtils.getUserTaskFromClientContext(clientContextStr);
-        const taskInSessionStorage = userTask ? userTask.task_data : null;
+        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 = ({
@@ -9095,16 +9057,14 @@ class CaseEditComponent {
         });
     }
     postCompleteTaskIfRequired() {
-        const clientContextStr = this.sessionStorageService.getItem('clientContext');
-        const userTask = FieldsUtils.getUserTaskFromClientContext(clientContextStr);
-        const [task, taskToBeCompleted] = userTask ? [userTask.task_data, userTask.complete_task] : [null, false];
+        const taskStr = this.sessionStorageService.getItem('taskToComplete');
         const assignNeeded = this.sessionStorageService.getItem('assignNeeded') === 'true';
-        if (task && assignNeeded && taskToBeCompleted) {
-            // const task: Task = JSON.parse(taskStr);
+        if (taskStr && assignNeeded) {
+            const task = JSON.parse(taskStr);
             return this.workAllocationService.assignAndCompleteTask(task.id);
         }
-        else if (task && taskToBeCompleted) {
-            // const task: Task = JSON.parse(taskStr);
+        else if (taskStr) {
+            const task = JSON.parse(taskStr);
             return this.workAllocationService.completeTask(task.id);
         }
         return of(true);
@@ -10628,12 +10588,8 @@ class CaseEventCompletionTaskReassignedComponent {
     }
     onContinue() {
         // Get task details
-        const clientContextStr = this.sessionStorageService.getItem('clientContext');
-        const userTask = FieldsUtils.getUserTaskFromClientContext(clientContextStr);
-        const task = userTask ? userTask.task_data : null;
-        // not complete_task not utilised here as related to event completion
-        // service wanting task associated with event to not be completed not directly relevant
-        if (task) {
+        const taskStr = this.sessionStorageService.getItem('taskToComplete');
+        if (taskStr) {
             this.sessionStorageService.setItem('assignNeeded', 'true');
             // set event can be completed to true
             this.parentComponent.eventCanBeCompleted.emit(true);
@@ -11369,7 +11325,7 @@ function CaseFileViewFieldComponent_div_2_ng_container_8_Template(rf, ctx) { if
 } if (rf & 2) {
     const ctx_r5 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(1);
-    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");
+    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")("enableICP", ctx_r5.isIcpEnabled());
 } }
 function CaseFileViewFieldComponent_div_2_Template(rf, ctx) { if (rf & 1) {
     const _r7 = i0.ɵɵgetCurrentView();
@@ -11381,7 +11337,7 @@ function CaseFileViewFieldComponent_div_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementEnd()();
     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.ɵɵtemplate(8, CaseFileViewFieldComponent_div_2_ng_container_8_Template, 2, 8, "ng-container", 0);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
@@ -11391,16 +11347,20 @@ function CaseFileViewFieldComponent_div_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵproperty("ngIf", ctx_r2.currentDocument);
 } }
 class CaseFileViewFieldComponent {
-    constructor(elementRef, route, caseFileViewService, documentManagementService, loadingService, sessionStorageService) {
+    constructor(elementRef, route, caseFileViewService, documentManagementService, loadingService, sessionStorageService, caseNotifier, abstractConfig) {
         this.elementRef = elementRef;
         this.route = route;
         this.caseFileViewService = caseFileViewService;
         this.documentManagementService = documentManagementService;
         this.loadingService = loadingService;
         this.sessionStorageService = sessionStorageService;
+        this.caseNotifier = caseNotifier;
+        this.abstractConfig = abstractConfig;
         this.allowMoving = true;
         this.getCategoriesAndDocumentsError = false;
         this.errorMessages = [];
+        this.icp_jurisdictions = [];
+        this.icpEnabled = false;
     }
     ngOnInit() {
         const cid = this.route.snapshot.paramMap.get(CaseFileViewFieldComponent.PARAM_CASE_ID);
@@ -11417,6 +11377,8 @@ class CaseFileViewFieldComponent {
         const acls = this.caseField.acls.filter(acl => userInfo.roles.includes(acl.role));
         // As there can be more than one intersecting role, if any acls are update: true
         this.allowMoving = acls.some(acl => acl.update);
+        this.icp_jurisdictions = this.abstractConfig.getIcpJurisdictions();
+        this.icpEnabled = this.abstractConfig.getIcpEnable();
     }
     ngAfterViewInit() {
         const slider = this.elementRef.nativeElement.querySelector('.slider');
@@ -11475,10 +11437,13 @@ class CaseFileViewFieldComponent {
             this.categoriesAndDocumentsSubscription.unsubscribe();
         }
     }
+    isIcpEnabled() {
+        return this.icpEnabled && ((this.icp_jurisdictions?.length < 1) || this.icp_jurisdictions.includes(this.caseNotifier?.cachedCaseView?.case_type?.jurisdiction.id));
+    }
 }
 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 = /*@__PURE__*/ 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) {
+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), i0.ɵɵdirectiveInject(CaseNotifier), i0.ɵɵdirectiveInject(AbstractAppConfig)); };
+CaseFileViewFieldComponent.ɵcmp = /*@__PURE__*/ 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", "enableICP"]], 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);
@@ -11491,8 +11456,8 @@ CaseFileViewFieldComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type:
     } }, styles: ["#case-file-view[_ngcontent-%COMP%]{display:flex;border:2px solid #C9C9C9;height:100vh;position:relative}#case-file-view[_ngcontent-%COMP%]   .document-tree-container[_ngcontent-%COMP%]{background-color:#faf8f8;width:30%;min-height:400px;min-width:10%}#case-file-view[_ngcontent-%COMP%]   .slider[_ngcontent-%COMP%]{width:.2%;background-color:#6b6b6b}#case-file-view[_ngcontent-%COMP%]   .slider[_ngcontent-%COMP%]:hover, #case-file-view[_ngcontent-%COMP%]   .slider[_ngcontent-%COMP%]:focus{cursor:col-resize}#case-file-view[_ngcontent-%COMP%]   .media-viewer-container[_ngcontent-%COMP%]{background-color:#dee0e2;flex:1 1 0;overflow:hidden}"] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaseFileViewFieldComponent, [{
         type: Component,
-        args: [{ selector: 'ccd-case-file-view-field', template: "<ng-container *ngIf=\"errorMessages?.length\">\n  <div\n    id=\"case-file-view-field-errors\"\n    class=\"govuk-error-summary govuk-!-margin-bottom-4\" data-module=\"govuk-error-summary\">\n    <div role=\"alert\">\n      <h2 class=\"govuk-error-summary__title\">\n        There is a problem\n      </h2>\n      <div class=\"govuk-error-summary__body\">\n        <ul class=\"govuk-list govuk-error-summary__list\">\n          <li *ngFor=\"let errorMessage of errorMessages\">\n            <a href=\"javascript:void(0);\">{{ errorMessage }}</a>\n          </li>\n        </ul>\n      </div>\n    </div>\n  </div>\n</ng-container>\n\n<div *ngIf=\"getCategoriesAndDocumentsError\" class=\"govuk-grid-column-two-thirds\">\n  <h1 class=\"govuk-heading-xl\">Sorry, there is a problem with the service</h1>\n  <p class=\"govuk-body\">Try again later.</p>\n</div>\n<div *ngIf=\"!getCategoriesAndDocumentsError\">\n  <h2 class=\"govuk-heading-l\">Case file</h2>\n  <div class=\"govuk-form-group\" id=\"case-file-view\">\n    <!-- Document tree -->\n    <div class=\"document-tree-container\">\n      <ccd-case-file-view-folder\n        class=\"document-tree-container__tree\"\n        [categoriesAndDocuments]=\"categoriesAndDocuments$\"\n        (clickedDocument)=\"setMediaViewerFile($event); resetErrorMessages()\"\n        (moveDocument)=\"moveDocument($event)\"\n        [allowMoving]=\"allowMoving\"\n      ></ccd-case-file-view-folder>\n    </div>\n    <!-- Slider -->\n    <div class=\"slider\"></div>\n    <!-- Media viewer -->\n    <div class=\"media-viewer-container\">\n      <ng-container *ngIf=\"currentDocument\">\n        <mv-media-viewer [url]=\"currentDocument.document_binary_url\"\n                         [downloadFileName]=\"currentDocument.document_filename\"\n                         [showToolbar]=\"true\"\n                         [contentType]=\"currentDocument.content_type\"\n                         [enableAnnotations]=\"true\"\n                         [enableRedactions]=\"true\"\n                         [height]=\"'94.5vh'\">\n        </mv-media-viewer>\n      </ng-container>\n    </div>\n  </div>\n</div>\n", styles: ["#case-file-view{display:flex;border:2px solid #C9C9C9;height:100vh;position:relative}#case-file-view .document-tree-container{background-color:#faf8f8;width:30%;min-height:400px;min-width:10%}#case-file-view .slider{width:.2%;background-color:#6b6b6b}#case-file-view .slider:hover,#case-file-view .slider:focus{cursor:col-resize}#case-file-view .media-viewer-container{background-color:#dee0e2;flex:1 1 0;overflow:hidden}\n"] }]
-    }], function () { return [{ type: i0.ElementRef }, { type: i1$1.ActivatedRoute }, { type: CaseFileViewService }, { type: DocumentManagementService }, { type: LoadingService }, { type: SessionStorageService }]; }, null); })();
+        args: [{ selector: 'ccd-case-file-view-field', template: "<ng-container *ngIf=\"errorMessages?.length\">\n  <div\n    id=\"case-file-view-field-errors\"\n    class=\"govuk-error-summary govuk-!-margin-bottom-4\" data-module=\"govuk-error-summary\">\n    <div role=\"alert\">\n      <h2 class=\"govuk-error-summary__title\">\n        There is a problem\n      </h2>\n      <div class=\"govuk-error-summary__body\">\n        <ul class=\"govuk-list govuk-error-summary__list\">\n          <li *ngFor=\"let errorMessage of errorMessages\">\n            <a href=\"javascript:void(0);\">{{ errorMessage }}</a>\n          </li>\n        </ul>\n      </div>\n    </div>\n  </div>\n</ng-container>\n\n<div *ngIf=\"getCategoriesAndDocumentsError\" class=\"govuk-grid-column-two-thirds\">\n  <h1 class=\"govuk-heading-xl\">Sorry, there is a problem with the service</h1>\n  <p class=\"govuk-body\">Try again later.</p>\n</div>\n<div *ngIf=\"!getCategoriesAndDocumentsError\">\n  <h2 class=\"govuk-heading-l\">Case file</h2>\n  <div class=\"govuk-form-group\" id=\"case-file-view\">\n    <!-- Document tree -->\n    <div class=\"document-tree-container\">\n      <ccd-case-file-view-folder\n        class=\"document-tree-container__tree\"\n        [categoriesAndDocuments]=\"categoriesAndDocuments$\"\n        (clickedDocument)=\"setMediaViewerFile($event); resetErrorMessages()\"\n        (moveDocument)=\"moveDocument($event)\"\n        [allowMoving]=\"allowMoving\"\n      ></ccd-case-file-view-folder>\n    </div>\n    <!-- Slider -->\n    <div class=\"slider\"></div>\n    <!-- Media viewer -->\n    <div class=\"media-viewer-container\">\n      <ng-container *ngIf=\"currentDocument\">\n        <mv-media-viewer [url]=\"currentDocument.document_binary_url\"\n                         [downloadFileName]=\"currentDocument.document_filename\"\n                         [showToolbar]=\"true\"\n                         [contentType]=\"currentDocument.content_type\"\n                         [enableAnnotations]=\"true\"\n                         [enableRedactions]=\"true\"\n                         [height]=\"'94.5vh'\"\n                         [enableICP]=\"isIcpEnabled()\">\n        </mv-media-viewer>\n      </ng-container>\n    </div>\n  </div>\n</div>\n", styles: ["#case-file-view{display:flex;border:2px solid #C9C9C9;height:100vh;position:relative}#case-file-view .document-tree-container{background-color:#faf8f8;width:30%;min-height:400px;min-width:10%}#case-file-view .slider{width:.2%;background-color:#6b6b6b}#case-file-view .slider:hover,#case-file-view .slider:focus{cursor:col-resize}#case-file-view .media-viewer-container{background-color:#dee0e2;flex:1 1 0;overflow:hidden}\n"] }]
+    }], function () { return [{ type: i0.ElementRef }, { type: i1$1.ActivatedRoute }, { type: CaseFileViewService }, { type: DocumentManagementService }, { type: LoadingService }, { type: SessionStorageService }, { type: CaseNotifier }, { type: AbstractAppConfig }]; }, null); })();
 
 class CaseFlagStateService {
     constructor() {
@@ -32357,26 +32322,18 @@ class EventStartGuard {
                 task = tasksAssignedToUser[0];
             }
             // if one task assigned to user, allow user to complete event
-            const storeClientContext = {
-                client_context: {
-                    user_task: {
-                        task_data: task,
-                        complete_task: true
-                    }
-                }
-            };
-            this.sessionStorageService.setItem(EventStartGuard.CLIENT_CONTEXT, JSON.stringify(storeClientContext));
+            this.sessionStorageService.setItem(EventStartGuard.TASK_TO_COMPLETE, JSON.stringify(task));
             return true;
         }
     }
     removeTaskFromSessionStorage() {
-        this.sessionStorageService.removeItem(EventStartGuard.CLIENT_CONTEXT);
+        this.sessionStorageService.removeItem(EventStartGuard.TASK_TO_COMPLETE);
     }
     checkForTasks(payload, caseId, eventId, taskId) {
         if (taskId && payload?.tasks?.length > 0) {
             const task = payload.tasks.find((t) => t.id == taskId);
             if (task) {
-                this.sessionStorageService.setItem(EventStartGuard.CLIENT_CONTEXT, JSON.stringify(task));
+                this.sessionStorageService.setItem(EventStartGuard.TASK_TO_COMPLETE, JSON.stringify(task));
             }
             else {
                 this.removeTaskFromSessionStorage();
@@ -32398,7 +32355,7 @@ class EventStartGuard {
         }
     }
 }
-EventStartGuard.CLIENT_CONTEXT = 'clientContext';
+EventStartGuard.TASK_TO_COMPLETE = 'taskToComplete';
 EventStartGuard.ɵfac = function EventStartGuard_Factory(t) { return new (t || EventStartGuard)(i0.ɵɵinject(WorkAllocationService), i0.ɵɵinject(i1$1.Router), i0.ɵɵinject(SessionStorageService)); };
 EventStartGuard.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: EventStartGuard, factory: EventStartGuard.ɵfac });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EventStartGuard, [{
@@ -32536,17 +32493,9 @@ class EventStartStateMachineService {
             task = context.tasks[0];
         }
         const taskStr = JSON.stringify(task);
-        console.log('entryActionForStateOneTaskAssignedToUser: setting client context task_data to ' + taskStr);
+        console.log('entryActionForStateOneTaskAssignedToUser: setting taskToComplete to ' + taskStr);
         // Store task to session
-        const clientContext = {
-            client_context: {
-                user_task: {
-                    task_data: task,
-                    complete_task: true
-                }
-            }
-        };
-        context.sessionStorageService.setItem('clientContext', JSON.stringify(clientContext));
+        context.sessionStorageService.setItem('taskToComplete', taskStr);
         // Allow user to perform the event
         context.router.navigate([`/cases/case-details/${context.caseId}/trigger/${context.eventId}`], { relativeTo: context.route });
     }