@hmcts/ccd-case-ui-toolkit 7.0.61 → 7.0.63-incorrect-font-size-fix

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

@@ -4340,6 +4340,13 @@ 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) => {
@@ -7175,6 +7182,7 @@ 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)));
@@ -8071,6 +8079,7 @@ 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);
         }
@@ -8081,9 +8090,10 @@ class CasesService {
             headers = headers.set('Accept', CasesService.V2_MEDIATYPE_START_CASE_TRIGGER);
         }
         return this.http
-            .get(url, { headers, observe: 'body' })
-            .pipe(map(body => {
-            return FieldsUtils.handleNestedDynamicLists(body);
+            .get(url, { headers, observe: 'response' })
+            .pipe(map((response) => {
+            this.updateClientContextStorage(response.headers);
+            return FieldsUtils.handleNestedDynamicLists(response.body);
         }), catchError(error => {
             this.errorService.setError(error);
             return throwError(error);
@@ -8092,13 +8102,17 @@ class CasesService {
     createEvent(caseDetails, eventData) {
         const caseId = caseDetails.case_id;
         const url = `${this.appConfig.getCaseDataUrl()}/cases/${caseId}/events`;
-        const headers = new HttpHeaders()
+        let 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: 'body' })
-            .pipe(catchError(error => {
+            .post(url, eventData, { headers, observe: 'response' })
+            .pipe(map((response) => {
+            this.updateClientContextStorage(response.headers);
+            return response.body;
+        }), catchError(error => {
             this.errorService.setError(error);
             return throwError(error);
         }));
@@ -8106,13 +8120,17 @@ class CasesService {
     validateCase(ctid, eventData, pageId) {
         const pageIdString = pageId ? `?pageId=${pageId}` : '';
         const url = `${this.appConfig.getCaseDataUrl()}/case-types/${ctid}/validate${pageIdString}`;
-        const headers = new HttpHeaders()
+        let 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: 'body' })
-            .pipe(catchError(error => {
+            .post(url, eventData, { headers, observe: 'response' })
+            .pipe(map((response) => {
+            this.updateClientContextStorage(response.headers);
+            return response.body;
+        }), catchError(error => {
             this.errorService.setError(error);
             return throwError(error);
         }));
@@ -8123,26 +8141,34 @@ class CasesService {
             ignoreWarning = 'true';
         }
         const url = `${this.appConfig.getCaseDataUrl()}/case-types/${ctid}/cases?ignore-warning=${ignoreWarning}`;
-        const headers = new HttpHeaders()
+        let 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: 'body' })
-            .pipe(catchError(error => {
+            .post(url, eventData, { headers, observe: 'response' })
+            .pipe(map((response) => {
+            this.updateClientContextStorage(response.headers);
+            return response.body;
+        }), catchError(error => {
             this.errorService.setError(error);
             return throwError(error);
         }));
     }
     getPrintDocuments(caseId) {
         const url = `${this.appConfig.getCaseDataUrl()}/cases/${caseId}/documents`;
-        const headers = new HttpHeaders()
+        let 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: 'body' })
-            .pipe(map(body => body.documentResources), catchError(error => {
+            .get(url, { headers, observe: 'response' })
+            .pipe(map((response) => {
+            this.updateClientContextStorage(response.headers);
+            return response.body.documentResources;
+        }), catchError(error => {
             this.errorService.setError(error);
             return throwError(error);
         }));
@@ -8175,17 +8201,6 @@ 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 }] });
     }
@@ -8252,6 +8267,25 @@ 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);
+        }
+    }
     static ɵfac = function CasesService_Factory(t) { return new (t || CasesService)(i0.ɵɵinject(HttpService), i0.ɵɵinject(AbstractAppConfig), i0.ɵɵinject(OrderService), i0.ɵɵinject(HttpErrorService), i0.ɵɵinject(WizardPageFieldToCaseFieldMapper), i0.ɵɵinject(LoadingService), i0.ɵɵinject(SessionStorageService), i0.ɵɵinject(RetryUtil)); };
     static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: CasesService, factory: CasesService.ɵfac });
 }
@@ -8764,8 +8798,9 @@ class EventCompletionStateMachineService {
     entryActionForStateCompleteEventAndTask(state, context) {
         // Trigger final state to complete processing of state machine
         state.trigger(EventCompletionStates.Final);
-        const taskStr = context.sessionStorageService.getItem('taskToComplete');
-        if (taskStr) {
+        const clientContextStr = context.sessionStorageService.getItem('clientContext');
+        const userTask = FieldsUtils.getUserTaskFromClientContext(clientContextStr);
+        if (userTask?.task_data) {
             context.sessionStorageService.setItem('assignNeeded', 'false');
             // just set event can be completed
             context.component.eventCanBeCompleted.emit(true);
@@ -8784,9 +8819,9 @@ class EventCompletionStateMachineService {
     entryActionForStateTaskUnassigned(state, context) {
         // Trigger final state to complete processing of state machine
         state.trigger(EventCompletionStates.Final);
-        // Get task details
-        const taskStr = context.sessionStorageService.getItem('taskToComplete');
-        if (taskStr) {
+        const clientContextStr = context.sessionStorageService.getItem('clientContext');
+        const userTask = FieldsUtils.getUserTaskFromClientContext(clientContextStr);
+        if (userTask?.task_data) {
             context.sessionStorageService.setItem('assignNeeded', 'true');
             context.component.eventCanBeCompleted.emit(true);
         }
@@ -8821,6 +8856,11 @@ class EventCompletionStateMachineService {
     addTransitionsForStateTaskUnassigned() {
         this.stateTaskUnassigned.addTransition(EventCompletionStates.Final, this.stateFinal);
     }
+    taskPresentInSessionStorage(context) {
+        const clientContextStr = context.sessionStorageService.getItem('clientContext');
+        const userTask = FieldsUtils.getUserTaskFromClientContext(clientContextStr);
+        return !!userTask.task_data;
+    }
     static ɵfac = function EventCompletionStateMachineService_Factory(t) { return new (t || EventCompletionStateMachineService)(); };
     static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: EventCompletionStateMachineService, factory: EventCompletionStateMachineService.ɵfac });
 }
@@ -8947,8 +8987,14 @@ class WorkAllocationService {
     }
     isWAEnabled(jurisdiction, caseType) {
         this.features = this.appConfig.getWAServiceConfig();
-        const ftstr = JSON.stringify(this.features);
-        this.appConfig.logMessage(`isWAEnabled: wa-service-config returning ${ftstr.length > 0}`);
+        if (this.features) {
+            const ftstr = JSON.stringify(this.features);
+            this.appConfig?.logMessage(`isWAEnabled: wa-service-config returning ${ftstr?.length > 0}`);
+        }
+        else {
+            this.appConfig?.logMessage(`isWAEnabled: wa-service-config returning no features`);
+            return false;
+        }
         let enabled = false;
         if (!jurisdiction || !caseType) {
             const caseInfo = JSON.parse(this.sessionStorageService.getItem('caseInfo'));
@@ -9330,13 +9376,12 @@ 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
-        let taskInSessionStorage;
+        const clientContextStr = this.sessionStorageService.getItem('clientContext');
+        const userTask = FieldsUtils.getUserTaskFromClientContext(clientContextStr);
+        const taskInSessionStorage = userTask ? userTask.task_data : null;
         let taskEventInSessionStorage;
         const taskStr = this.sessionStorageService.getItem('taskToComplete');
         const taskEventStr = this.sessionStorageService.getItem('taskEvent');
-        if (taskStr) {
-            taskInSessionStorage = JSON.parse(taskStr);
-        }
         if (taskEventStr) {
             taskEventInSessionStorage = JSON.parse(taskEventStr);
         }
@@ -9547,15 +9592,15 @@ class CaseEditComponent {
         });
     }
     postCompleteTaskIfRequired() {
-        const taskStr = this.sessionStorageService.getItem('taskToComplete');
+        const clientContextStr = this.sessionStorageService.getItem('clientContext');
+        const userTask = FieldsUtils.getUserTaskFromClientContext(clientContextStr);
+        const [task, taskToBeCompleted] = userTask ? [userTask.task_data, userTask.complete_task] : [null, false];
         const assignNeeded = this.sessionStorageService.getItem('assignNeeded') === 'true';
-        if (taskStr && assignNeeded) {
-            const task = JSON.parse(taskStr);
+        if (task && assignNeeded && taskToBeCompleted) {
             this.abstractConfig.logMessage(`postCompleteTaskIfRequired with assignNeeded: taskId ${task.id} and event name ${this.eventTrigger.name}`);
             return this.workAllocationService.assignAndCompleteTask(task.id, this.eventTrigger.name);
         }
-        else if (taskStr) {
-            const task = JSON.parse(taskStr);
+        else if (task && taskToBeCompleted) {
             this.abstractConfig.logMessage(`postCompleteTaskIfRequired: taskId ${task.id} and event name ${this.eventTrigger.name}`);
             return this.workAllocationService.completeTask(task.id, this.eventTrigger.name);
         }
@@ -11157,8 +11202,12 @@ class CaseEventCompletionTaskReassignedComponent {
     }
     onContinue() {
         // Get task details
-        const taskStr = this.sessionStorageService.getItem('taskToComplete');
-        if (taskStr) {
+        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) {
             this.sessionStorageService.setItem('assignNeeded', 'true');
             // set event can be completed to true
             this.parentComponent.eventCanBeCompleted.emit(true);
@@ -11182,7 +11231,7 @@ class CaseEventCompletionTaskReassignedComponent {
                 type: Inject,
                 args: [COMPONENT_PORTAL_INJECTION_TOKEN]
             }] }, { type: i1$1.ActivatedRoute }, { type: WorkAllocationService }, { type: SessionStorageService }, { type: JudicialworkerService }, { type: CaseworkerService }, { type: AlertService }], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CaseEventCompletionTaskReassignedComponent, { className: "CaseEventCompletionTaskReassignedComponent", filePath: "lib/shared/components/case-editor/case-event-completion/components/case-event-completion-task-reassigned/case-event-completion-task-reassigned.component.ts", lineNumber: 16 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CaseEventCompletionTaskReassignedComponent, { className: "CaseEventCompletionTaskReassignedComponent", filePath: "lib/shared/components/case-editor/case-event-completion/components/case-event-completion-task-reassigned/case-event-completion-task-reassigned.component.ts", lineNumber: 19 }); })();
 
 function CaseEventCompletionComponent_ng_template_0_Template(rf, ctx) { }
 const COMPONENT_PORTAL_INJECTION_TOKEN = new InjectionToken('');
@@ -29032,7 +29081,7 @@ class CaseEditSubmitComponent {
         return 'Cancel';
     }
     static ɵ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), i0.ɵɵdirectiveInject(FormValidatorsService)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CaseEditSubmitComponent, selectors: [["ccd-case-edit-submit"]], decls: 23, vars: 21, consts: [["titleBlock", ""], ["idBlock", ""], [1, "govuk-heading-l"], [4, "ngIf", "ngIfThen", "ngIfElse"], [3, "error"], [3, "callbackErrorsContext", "callbackErrorsSubject"], [1, "check-your-answers", 3, "submit", "formGroup"], [4, "ngIf"], [3, "eventCompletionParams", "eventCanBeCompleted", 4, "ngIf"], [1, "form-group", "form-group-related"], ["class", "button button-secondary", "type", "button", 3, "disabled", "click", 4, "ngIf"], ["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", "case-field-label"], [1, "valign-top", "check-your-answers__change", "case-field-change"], ["href", "javascript:void(0)", 3, "click", 4, "ngIf"], ["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"], [2, "display", "none"], [1, "form-group", 3, "ngClass"], ["for", "field-trigger-summary", 1, "form-label"], [1, "form-hint"], ["class", "error-message", 4, "ngIf"], ["type", "text", "id", "field-trigger-summary", "formControlName", "summary", "maxlength", "1024", 1, "form-control", "bottom-30", "width-50", 3, "ngClass"], ["for", "field-trigger-description", 1, "form-label"], ["id", "field-trigger-description", "formControlName", "description", "maxlength", "65536", 1, "form-control", "bottom-30", "width-50", 3, "ngClass"], [1, "error-message"], [3, "eventCanBeCompleted", "eventCompletionParams"], ["type", "button", 1, "button", "button-secondary", 3, "click", "disabled"]], template: function CaseEditSubmitComponent_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CaseEditSubmitComponent, selectors: [["ccd-case-edit-submit"]], decls: 23, vars: 21, consts: [["titleBlock", ""], ["idBlock", ""], [1, "govuk-heading-l"], [4, "ngIf", "ngIfThen", "ngIfElse"], [3, "error"], [3, "callbackErrorsContext", "callbackErrorsSubject"], [1, "check-your-answers", 3, "submit", "formGroup"], [4, "ngIf"], [3, "eventCompletionParams", "eventCanBeCompleted", 4, "ngIf"], [1, "form-group", "form-group-related"], ["class", "button button-secondary", "type", "button", 3, "disabled", "click", 4, "ngIf"], ["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", "text-16"], [3, "formGroup", "topLevelFormGroup", "caseField", "context", "caseFields"], [1, "valign-top", "case-field-label"], [1, "valign-top", "check-your-answers__change", "case-field-change"], ["href", "javascript:void(0)", 3, "click", 4, "ngIf"], ["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"], [2, "display", "none"], [1, "form-group", 3, "ngClass"], ["for", "field-trigger-summary", 1, "form-label"], [1, "form-hint"], ["class", "error-message", 4, "ngIf"], ["type", "text", "id", "field-trigger-summary", "formControlName", "summary", "maxlength", "1024", 1, "form-control", "bottom-30", "width-50", 3, "ngClass"], ["for", "field-trigger-description", 1, "form-label"], ["id", "field-trigger-description", "formControlName", "description", "maxlength", "65536", 1, "form-control", "bottom-30", "width-50", 3, "ngClass"], [1, "error-message"], [3, "eventCanBeCompleted", "eventCompletionParams"], ["type", "button", 1, "button", "button-secondary", 3, "click", "disabled"]], template: function CaseEditSubmitComponent_Template(rf, ctx) { if (rf & 1) {
             const _r1 = i0.ɵɵgetCurrentView();
             i0.ɵɵelementStart(0, "div")(1, "h1", 2);
             i0.ɵɵtext(2);
@@ -29088,7 +29137,7 @@ class CaseEditSubmitComponent {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaseEditSubmitComponent, [{
         type: Component,
-        args: [{ selector: 'ccd-case-edit-submit', template: "<div>\n  <!-- Event trigger name -->\n  <h1 class=\"govuk-heading-l\">{{eventTrigger.name | rpxTranslate}}</h1>\n\n  <!--Case ID or Title -->\n  <div *ngIf=\"getCaseTitle(); then titleBlock; else idBlock\"></div>\n  <ng-template #titleBlock>\n    <ccd-markdown [content]=\"getCaseTitle() | ccdCaseTitle: contextFields : editForm.controls['data']\"></ccd-markdown>\n  </ng-template>\n  <ng-template #idBlock>\n    <h2 *ngIf=\"getCaseId()\" class=\"heading-h2\">#{{ getCaseId() | ccdCaseReference }}</h2>\n  </ng-template>\n\n  <ccd-case-edit-generic-errors [error]=\"caseEdit.error\"></ccd-case-edit-generic-errors>\n\n  <ccd-callback-errors [callbackErrorsSubject]=\"caseEdit.callbackErrorsSubject\"\n                      (callbackErrorsContext)=\"callbackErrorsNotify($event)\"></ccd-callback-errors>\n\n  <form class=\"check-your-answers\" [formGroup]=\"editForm\" (submit)=\"submit()\">\n    <div *ngIf=\"!caseEdit.isEventCompletionChecksRequired\">\n      <ng-container *ngIf=\"checkYourAnswerFieldsToDisplayExists()\">\n        <h2 class=\"heading-h2\">{{pageTitle | rpxTranslate }}</h2>\n        <span class=\"text-16\" *ngIf=\"!caseEdit.isCaseFlagSubmission\">{{'Check the information below carefully.' | rpxTranslate}}</span>\n\n        <table class=\"form-table\" aria-describedby=\"check your answers table\">\n          <tbody>\n          <ng-container *ngFor=\"let page of wizard.pages\">\n            <ng-container *ngIf=\"isShown(page)\">\n              <ng-container *ngFor=\"let field of page\n              | ccdPageFields: editForm\n              | ccdReadFieldsFilter: false :undefined :true :allFieldsValues\n              | ccdCYAPageLabelFilter\">\n                <ng-container *ngIf=\"canShowFieldInCYA(field)\">\n                  <tr ccdLabelSubstitutor [caseField]=\"field\" [hidden]=\"field.hidden\"\n                      [formGroup]=\"editForm.controls['data']\" [contextFields]=\"contextFields\">\n                    <th *ngIf=\"!isLabel(field) && !caseEdit.isCaseFlagSubmission\" class=\"valign-top case-field-label\">\n                      <span class=\"text-16\">{{field.label | rpxTranslate}}</span>\n                    </th>\n                    <td class=\"form-cell case-field-content\" [attr.colspan]=\"isLabel(field) ? '2' : '1'\">\n                      <ccd-field-read\n                        [formGroup]=\"editForm.controls['data']\" [topLevelFormGroup]=\"editForm.controls['data']\"\n                        [caseField]=\"summaryCaseField(field)\" [context]=\"paletteContext\" [caseFields]=\"contextFields\"></ccd-field-read>\n                    </td>\n                    <ng-container *ngIf=\"!caseEdit.isCaseFlagSubmission\">\n                      <td class=\"valign-top check-your-answers__change case-field-change\">\n                        <a *ngIf=\"isChangeAllowed(field)\" (click)=\"navigateToPage(page.id)\"\n                          href=\"javascript:void(0)\">\n                          <span class=\"text-16\" attr.aria-label=\"{{'Change' | rpxTranslate}} {{ field.label | rpxTranslate }}\">\n                            {{'Change' | rpxTranslate}}\n                          </span>\n                        </a>\n                      </td>\n                    </ng-container>\n                  </tr>\n                </ng-container>\n              </ng-container>\n            </ng-container>\n          </ng-container>\n          </tbody>\n        </table>\n      </ng-container>\n      <ng-container *ngIf=\"readOnlySummaryFieldsToDisplayExists()\">\n\n        <table class=\"summary-fields\" aria-describedby=\"summary fields table\">\n          <tbody>\n            <ng-container *ngFor=\"let field of showSummaryFields\">\n                <ng-container [ngSwitch]=\"!(field | ccdIsCompound)\">\n                  <tr *ngSwitchCase=\"true\" ccdLabelSubstitutor [caseField]=\"field\" [formGroup]=\"editForm.controls['data']\" [contextFields]=\"contextFields\">\n                    <th id=\"summary-field-label\">{{field.label}}</th>\n                    <td class=\"form-cell\">\n                      <ccd-field-read [formGroup]=\"editForm.controls['data']\" [caseField]=\"summaryCaseField(field)\"></ccd-field-read>\n                    </td>\n                  </tr>\n                  <tr *ngSwitchCase=\"false\" class=\"compound-field\" ccdLabelSubstitutor [caseField]=\"field\" [formGroup]=\"editForm.controls['data']\" [contextFields]=\"contextFields\">\n                    <td colspan=\"2\">\n                      <ccd-field-read [formGroup]=\"editForm.controls['data']\" [caseField]=\"summaryCaseField(field)\" [caseFields]=\"contextFields\"></ccd-field-read>\n                    </td>\n                  </tr>\n                </ng-container>\n              </ng-container>\n          </tbody>\n        </table>\n      </ng-container>\n      <ng-container *ngIf=\"showEventNotes()\">\n        <fieldset id=\"fieldset-event\" formGroupName=\"event\">\n          <legend style=\"display: none;\"></legend>\n          <div class=\"form-group\" [ngClass]=\"{'form-group-error': !!summary && !summary.valid && (summary.dirty || summary.touched)}\">\n            <label for=\"field-trigger-summary\" class=\"form-label\">\n              Event summary (optional)\n              <span class=\"form-hint\">A few words describing the purpose of the event.</span>\n            </label>\n            <span class=\"error-message\" *ngIf=\"summary?.errors && (summary.dirty || summary.touched)\">\n              {{summary.errors | ccdFirstError: eventSummaryLabel | rpxTranslate}}\n            </span>\n            <input type=\"text\" id=\"field-trigger-summary\" class=\"form-control bottom-30 width-50\"\n              [ngClass]=\"{'govuk-input--error': summary?.errors && (summary.dirty || summary.touched)}\" formControlName=\"summary\" maxlength=\"1024\">\n          </div>\n          <div class=\"form-group\" [ngClass]=\"{'form-group-error': !!description && !description.valid && (description.dirty || description.touched)}\">\n            <label for=\"field-trigger-description\" class=\"form-label\">Event description (optional)</label>\n            <span class=\"error-message\" *ngIf=\"description?.errors && (description.dirty || description.touched)\">\n              {{description.errors | ccdFirstError: eventDescriptionLabel | rpxTranslate}}\n            </span>\n            <textarea id=\"field-trigger-description\" class=\"form-control bottom-30 width-50\" formControlName=\"description\"\n              [ngClass]=\"{'govuk-input--error': description?.errors && (description.dirty || description.touched)}\" maxlength=\"65536\"></textarea>\n          </div>\n        </fieldset>\n      </ng-container>\n    </div>\n    <ccd-case-event-completion *ngIf=\"caseEdit.isEventCompletionChecksRequired\"\n      [eventCompletionParams]=\"caseEdit.eventCompletionParams\"\n      (eventCanBeCompleted)=\"onEventCanBeCompleted($event)\">\n    </ccd-case-event-completion>\n    <div class=\"form-group form-group-related\">\n      <button *ngIf=\"!caseEdit.isCaseFlagSubmission\" class=\"button button-secondary\" type=\"button\" [disabled]=\"!hasPrevious() || caseEdit.isSubmitting\" (click)=\"previous()\">\n        {{'Previous' | rpxTranslate}}\n      </button>\n      <button type=\"submit\" [disabled]=\"isDisabled\" class=\"button\">\n        {{triggerText | rpxTranslate}}\n      </button>\n    </div>\n    <p class=\"cancel\">\n      <a (click)=\"cancel()\" href=\"javascript:void(0)\" [class.disabled]=\"caseEdit.isSubmitting\">{{getCancelText() | rpxTranslate}}</a>\n    </p>\n  </form>\n</div>\n\n", styles: ["#fieldset-case-data{margin-bottom:30px}#fieldset-case-data th{width:1%;white-space:nowrap;vertical-align:top}.compound-field td{padding:0}#confirmation-header{width:630px;background-color:#17958b;border:solid 1px #979797;color:#fff;text-align:center}#confirmation-body{width:630px;background-color:#fff}.valign-top{vertical-align:top}.summary-fields{margin-bottom:30px}.summary-fields tbody tr th,.summary-fields tbody tr td{border-bottom:0px}a.disabled{pointer-events:none;cursor:default}.case-field-label{width:45%}.case-field-content{width:50%}.no-bottom-border{border-bottom:none}.case-field-change{width:5%}\n"] }]
+        args: [{ selector: 'ccd-case-edit-submit', template: "<div>\n  <!-- Event trigger name -->\n  <h1 class=\"govuk-heading-l\">{{eventTrigger.name | rpxTranslate}}</h1>\n\n  <!--Case ID or Title -->\n  <div *ngIf=\"getCaseTitle(); then titleBlock; else idBlock\"></div>\n  <ng-template #titleBlock>\n    <ccd-markdown [content]=\"getCaseTitle() | ccdCaseTitle: contextFields : editForm.controls['data']\"></ccd-markdown>\n  </ng-template>\n  <ng-template #idBlock>\n    <h2 *ngIf=\"getCaseId()\" class=\"heading-h2\">#{{ getCaseId() | ccdCaseReference }}</h2>\n  </ng-template>\n\n  <ccd-case-edit-generic-errors [error]=\"caseEdit.error\"></ccd-case-edit-generic-errors>\n\n  <ccd-callback-errors [callbackErrorsSubject]=\"caseEdit.callbackErrorsSubject\"\n                      (callbackErrorsContext)=\"callbackErrorsNotify($event)\"></ccd-callback-errors>\n\n  <form class=\"check-your-answers\" [formGroup]=\"editForm\" (submit)=\"submit()\">\n    <div *ngIf=\"!caseEdit.isEventCompletionChecksRequired\">\n      <ng-container *ngIf=\"checkYourAnswerFieldsToDisplayExists()\">\n        <h2 class=\"heading-h2\">{{pageTitle | rpxTranslate }}</h2>\n        <span class=\"text-16\" *ngIf=\"!caseEdit.isCaseFlagSubmission\">{{'Check the information below carefully.' | rpxTranslate}}</span>\n\n        <table class=\"form-table\" aria-describedby=\"check your answers table\">\n          <tbody>\n          <ng-container *ngFor=\"let page of wizard.pages\">\n            <ng-container *ngIf=\"isShown(page)\">\n              <ng-container *ngFor=\"let field of page\n              | ccdPageFields: editForm\n              | ccdReadFieldsFilter: false :undefined :true :allFieldsValues\n              | ccdCYAPageLabelFilter\">\n                <ng-container *ngIf=\"canShowFieldInCYA(field)\">\n                  <tr ccdLabelSubstitutor [caseField]=\"field\" [hidden]=\"field.hidden\"\n                      [formGroup]=\"editForm.controls['data']\" [contextFields]=\"contextFields\">\n                    <th *ngIf=\"!isLabel(field) && !caseEdit.isCaseFlagSubmission\" class=\"valign-top case-field-label\">\n                      <span class=\"text-16\">{{field.label | rpxTranslate}}</span>\n                    </th>\n                    <td class=\"form-cell case-field-content text-16\" [attr.colspan]=\"isLabel(field) ? '2' : '1'\">\n                      <ccd-field-read\n                        [formGroup]=\"editForm.controls['data']\" [topLevelFormGroup]=\"editForm.controls['data']\"\n                        [caseField]=\"summaryCaseField(field)\" [context]=\"paletteContext\" [caseFields]=\"contextFields\"></ccd-field-read>\n                    </td>\n                    <ng-container *ngIf=\"!caseEdit.isCaseFlagSubmission\">\n                      <td class=\"valign-top check-your-answers__change case-field-change\">\n                        <a *ngIf=\"isChangeAllowed(field)\" (click)=\"navigateToPage(page.id)\"\n                          href=\"javascript:void(0)\">\n                          <span class=\"text-16\" attr.aria-label=\"{{'Change' | rpxTranslate}} {{ field.label | rpxTranslate }}\">\n                            {{'Change' | rpxTranslate}}\n                          </span>\n                        </a>\n                      </td>\n                    </ng-container>\n                  </tr>\n                </ng-container>\n              </ng-container>\n            </ng-container>\n          </ng-container>\n          </tbody>\n        </table>\n      </ng-container>\n      <ng-container *ngIf=\"readOnlySummaryFieldsToDisplayExists()\">\n\n        <table class=\"summary-fields\" aria-describedby=\"summary fields table\">\n          <tbody>\n            <ng-container *ngFor=\"let field of showSummaryFields\">\n                <ng-container [ngSwitch]=\"!(field | ccdIsCompound)\">\n                  <tr *ngSwitchCase=\"true\" ccdLabelSubstitutor [caseField]=\"field\" [formGroup]=\"editForm.controls['data']\" [contextFields]=\"contextFields\">\n                    <th id=\"summary-field-label\">{{field.label}}</th>\n                    <td class=\"form-cell\">\n                      <ccd-field-read [formGroup]=\"editForm.controls['data']\" [caseField]=\"summaryCaseField(field)\"></ccd-field-read>\n                    </td>\n                  </tr>\n                  <tr *ngSwitchCase=\"false\" class=\"compound-field\" ccdLabelSubstitutor [caseField]=\"field\" [formGroup]=\"editForm.controls['data']\" [contextFields]=\"contextFields\">\n                    <td colspan=\"2\">\n                      <ccd-field-read [formGroup]=\"editForm.controls['data']\" [caseField]=\"summaryCaseField(field)\" [caseFields]=\"contextFields\"></ccd-field-read>\n                    </td>\n                  </tr>\n                </ng-container>\n              </ng-container>\n          </tbody>\n        </table>\n      </ng-container>\n      <ng-container *ngIf=\"showEventNotes()\">\n        <fieldset id=\"fieldset-event\" formGroupName=\"event\">\n          <legend style=\"display: none;\"></legend>\n          <div class=\"form-group\" [ngClass]=\"{'form-group-error': !!summary && !summary.valid && (summary.dirty || summary.touched)}\">\n            <label for=\"field-trigger-summary\" class=\"form-label\">\n              Event summary (optional)\n              <span class=\"form-hint\">A few words describing the purpose of the event.</span>\n            </label>\n            <span class=\"error-message\" *ngIf=\"summary?.errors && (summary.dirty || summary.touched)\">\n              {{summary.errors | ccdFirstError: eventSummaryLabel | rpxTranslate}}\n            </span>\n            <input type=\"text\" id=\"field-trigger-summary\" class=\"form-control bottom-30 width-50\"\n              [ngClass]=\"{'govuk-input--error': summary?.errors && (summary.dirty || summary.touched)}\" formControlName=\"summary\" maxlength=\"1024\">\n          </div>\n          <div class=\"form-group\" [ngClass]=\"{'form-group-error': !!description && !description.valid && (description.dirty || description.touched)}\">\n            <label for=\"field-trigger-description\" class=\"form-label\">Event description (optional)</label>\n            <span class=\"error-message\" *ngIf=\"description?.errors && (description.dirty || description.touched)\">\n              {{description.errors | ccdFirstError: eventDescriptionLabel | rpxTranslate}}\n            </span>\n            <textarea id=\"field-trigger-description\" class=\"form-control bottom-30 width-50\" formControlName=\"description\"\n              [ngClass]=\"{'govuk-input--error': description?.errors && (description.dirty || description.touched)}\" maxlength=\"65536\"></textarea>\n          </div>\n        </fieldset>\n      </ng-container>\n    </div>\n    <ccd-case-event-completion *ngIf=\"caseEdit.isEventCompletionChecksRequired\"\n      [eventCompletionParams]=\"caseEdit.eventCompletionParams\"\n      (eventCanBeCompleted)=\"onEventCanBeCompleted($event)\">\n    </ccd-case-event-completion>\n    <div class=\"form-group form-group-related\">\n      <button *ngIf=\"!caseEdit.isCaseFlagSubmission\" class=\"button button-secondary\" type=\"button\" [disabled]=\"!hasPrevious() || caseEdit.isSubmitting\" (click)=\"previous()\">\n        {{'Previous' | rpxTranslate}}\n      </button>\n      <button type=\"submit\" [disabled]=\"isDisabled\" class=\"button\">\n        {{triggerText | rpxTranslate}}\n      </button>\n    </div>\n    <p class=\"cancel\">\n      <a (click)=\"cancel()\" href=\"javascript:void(0)\" [class.disabled]=\"caseEdit.isSubmitting\">{{getCancelText() | rpxTranslate}}</a>\n    </p>\n  </form>\n</div>\n\n", styles: ["#fieldset-case-data{margin-bottom:30px}#fieldset-case-data th{width:1%;white-space:nowrap;vertical-align:top}.compound-field td{padding:0}#confirmation-header{width:630px;background-color:#17958b;border:solid 1px #979797;color:#fff;text-align:center}#confirmation-body{width:630px;background-color:#fff}.valign-top{vertical-align:top}.summary-fields{margin-bottom:30px}.summary-fields tbody tr th,.summary-fields tbody tr td{border-bottom:0px}a.disabled{pointer-events:none;cursor:default}.case-field-label{width:45%}.case-field-content{width:50%}.no-bottom-border{border-bottom:none}.case-field-change{width:5%}\n"] }]
     }], () => [{ type: CaseEditComponent }, { type: FieldsUtils }, { type: CaseFieldService }, { type: i1$1.ActivatedRoute }, { type: OrderService }, { type: ProfileNotifier }, { type: FormValidatorsService }], null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CaseEditSubmitComponent, { className: "CaseEditSubmitComponent", filePath: "lib/shared/components/case-editor/case-edit-submit/case-edit-submit.component.ts", lineNumber: 27 }); })();
 
@@ -33552,7 +33601,7 @@ class EventStartGuard {
     workAllocationService;
     router;
     sessionStorageService;
-    static TASK_TO_COMPLETE = 'taskToComplete';
+    static CLIENT_CONTEXT = 'clientContext';
     constructor(workAllocationService, router, sessionStorageService) {
         this.workAllocationService = workAllocationService;
         this.router = router;
@@ -33603,18 +33652,26 @@ class EventStartGuard {
                 task = tasksAssignedToUser[0];
             }
             // if one task assigned to user, allow user to complete event
-            this.sessionStorageService.setItem(EventStartGuard.TASK_TO_COMPLETE, JSON.stringify(task));
+            const storeClientContext = {
+                client_context: {
+                    user_task: {
+                        task_data: task,
+                        complete_task: true
+                    }
+                }
+            };
+            this.sessionStorageService.setItem(EventStartGuard.CLIENT_CONTEXT, JSON.stringify(storeClientContext));
             return true;
         }
     }
     removeTaskFromSessionStorage() {
-        this.sessionStorageService.removeItem(EventStartGuard.TASK_TO_COMPLETE);
+        this.sessionStorageService.removeItem(EventStartGuard.CLIENT_CONTEXT);
     }
     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.TASK_TO_COMPLETE, JSON.stringify(task));
+                this.sessionStorageService.setItem(EventStartGuard.CLIENT_CONTEXT, JSON.stringify(task));
             }
             else {
                 this.removeTaskFromSessionStorage();
@@ -33782,9 +33839,17 @@ class EventStartStateMachineService {
             task = context.tasks[0];
         }
         const taskStr = JSON.stringify(task);
-        console.log('entryActionForStateOneTaskAssignedToUser: setting taskToComplete to ' + taskStr);
+        console.log('entryActionForStateOneTaskAssignedToUser: setting client context task_data to ' + taskStr);
         // Store task to session
-        context.sessionStorageService.setItem('taskToComplete', taskStr);
+        const clientContext = {
+            client_context: {
+                user_task: {
+                    task_data: task,
+                    complete_task: true
+                }
+            }
+        };
+        context.sessionStorageService.setItem('clientContext', JSON.stringify(clientContext));
         // Allow user to perform the event
         context.router.navigate([`/cases/case-details/${context.caseId}/trigger/${context.eventId}`], { relativeTo: context.route });
     }