@hmcts/ccd-case-ui-toolkit 7.1.27 → 7.1.28-auto-task-completing-fix

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

@@ -8036,354 +8036,142 @@ class WizardPageFieldToCaseFieldMapper {
             }]
     }], null, null); })();
 
-function convertNonASCIICharacter(character) {
-    if (character === '£') {
-        // pound sign will be frequently used and works for btoa despite being non-ASCII
-        // note: this could be done for other characters provided they work for btoa()
-        return character;
+class Confirmation {
+    caseId;
+    status;
+    header;
+    body;
+    constructor(caseId, status, header, body) {
+        this.caseId = caseId;
+        this.status = status;
+        this.header = header;
+        this.body = body;
     }
-    // Note: Will convert to HTML entity
-    return CaseEditUtils.PREFIX + character.charCodeAt(0) + CaseEditUtils.SUFFIX;
-}
-class CaseEditUtils {
-    static PREFIX = '&#';
-    static SUFFIX = ';';
-    convertNonASCIICharacters(rawString) {
-        return rawString ? rawString.replace(/[^\x20-\x7E]/g, function (c) {
-            return convertNonASCIICharacter(c);
-        }) : '';
+    getCaseId() {
+        return this.caseId;
     }
-    convertHTMLEntities(editedString) {
-        const revertedCharacterList = editedString.split(CaseEditUtils.PREFIX);
-        let rawString = revertedCharacterList[0];
-        for (let index = 1; index < revertedCharacterList.length; index++) {
-            const currentSection = revertedCharacterList[index];
-            if (!currentSection.includes(CaseEditUtils.SUFFIX)) {
-                return rawString.concat(currentSection);
-            }
-            else {
-                const suffixSplitList = currentSection.split(CaseEditUtils.SUFFIX);
-                const characterCode = Number(suffixSplitList[0]);
-                rawString = rawString.concat(String.fromCharCode(characterCode), suffixSplitList[1]);
-            }
-        }
-        return rawString;
+    getStatus() {
+        return this.status;
+    }
+    getHeader() {
+        return this.header;
+    }
+    getBody() {
+        return this.body;
     }
 }
 
-class CasesService {
-    http;
-    appConfig;
-    orderService;
-    errorService;
-    wizardPageFieldToCaseFieldMapper;
-    loadingService;
-    sessionStorageService;
-    retryUtil;
-    // Internal (UI) API
-    static V2_MEDIATYPE_CASE_VIEW = 'application/vnd.uk.gov.hmcts.ccd-data-store-api.ui-case-view.v2+json';
-    static V2_MEDIATYPE_START_CASE_TRIGGER = 'application/vnd.uk.gov.hmcts.ccd-data-store-api.ui-start-case-trigger.v2+json;charset=UTF-8';
-    static V2_MEDIATYPE_START_EVENT_TRIGGER = 'application/vnd.uk.gov.hmcts.ccd-data-store-api.ui-start-event-trigger.v2+json;charset=UTF-8';
-    static V2_MEDIATYPE_START_DRAFT_TRIGGER = 'application/vnd.uk.gov.hmcts.ccd-data-store-api.ui-start-draft-trigger.v2+json;charset=UTF-8';
-    // External (Data Store) API
-    static V2_MEDIATYPE_CASE_DOCUMENTS = 'application/vnd.uk.gov.hmcts.ccd-data-store-api.case-documents.v2+json;charset=UTF-8';
-    static V2_MEDIATYPE_CASE_DATA_VALIDATE = 'application/vnd.uk.gov.hmcts.ccd-data-store-api.case-data-validate.v2+json;charset=UTF-8';
-    static V2_MEDIATYPE_CREATE_EVENT = 'application/vnd.uk.gov.hmcts.ccd-data-store-api.create-event.v2+json;charset=UTF-8';
-    static V2_MEDIATYPE_CREATE_CASE = 'application/vnd.uk.gov.hmcts.ccd-data-store-api.create-case.v2+json;charset=UTF-8';
-    static PUI_CASE_MANAGER = 'pui-case-manager';
-    get = this.getCaseView;
-    static updateChallengedAccessRequestAttributes(httpClient, caseId, attributesToUpdate) {
-        return httpClient.post(`/api/challenged-access-request/update-attributes`, {
-            caseId,
-            attributesToUpdate
-        });
+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 {
+    pages;
+    orderService = new OrderService();
+    constructor(wizardPages) {
+        this.pages = this.orderService.sort(wizardPages);
     }
-    static updateSpecificAccessRequestAttributes(httpClient, caseId, attributesToUpdate) {
-        return httpClient.post(`/api/specific-access-request/update-attributes`, {
-            caseId,
-            attributesToUpdate
-        });
+    firstPage(canShow) {
+        return this.pages.find(page => canShow(page));
     }
-    constructor(http, appConfig, orderService, errorService, wizardPageFieldToCaseFieldMapper, loadingService, sessionStorageService, retryUtil) {
-        this.http = http;
-        this.appConfig = appConfig;
-        this.orderService = orderService;
-        this.errorService = errorService;
-        this.wizardPageFieldToCaseFieldMapper = wizardPageFieldToCaseFieldMapper;
-        this.loadingService = loadingService;
-        this.sessionStorageService = sessionStorageService;
-        this.retryUtil = retryUtil;
+    getPage(pageId, canShow) {
+        const foundPage = this.findPage(pageId);
+        if (!foundPage) {
+            throw new Error(`No page for ID: ${pageId}`);
+        }
+        return canShow(foundPage) ? foundPage : undefined;
     }
-    getCaseView(jurisdictionId, caseTypeId, caseId) {
-        const url = `${this.appConfig.getApiUrl()}/caseworkers/:uid/jurisdictions/${jurisdictionId}/case-types/${caseTypeId}/cases/${caseId}`;
-        const loadingToken = this.loadingService.register();
-        return this.http
-            .get(url)
-            .pipe(catchError(error => {
-            this.errorService.setError(error);
-            return throwError(error);
-        }), finalize(() => this.loadingService.unregister(loadingToken)));
+    findWizardPage(caseFieldId) {
+        return this.pages.find(wizardPage => wizardPage.case_fields &&
+            wizardPage.case_fields?.filter(caseField => caseField.id === caseFieldId).length > 0);
     }
-    getCaseViewV2(caseId) {
-        const url = `${this.appConfig.getCaseDataUrl()}/internal/cases/${caseId}`;
-        const headers = new HttpHeaders()
-            .set('experimental', 'true')
-            .set('Accept', CasesService.V2_MEDIATYPE_CASE_VIEW)
-            .set('Content-Type', 'application/json');
-        const loadingToken = this.loadingService.register();
-        let http$ = this.http.get(url, { headers, observe: 'body' });
-        const artificialDelay = this.appConfig.getTimeoutsCaseRetrievalArtificialDelay();
-        const timeoutPeriods = this.appConfig.getTimeoutsForCaseRetrieval();
-        console.log(`Timeout periods: ${timeoutPeriods} seconds.`);
-        if (timeoutPeriods && timeoutPeriods.length > 0 && timeoutPeriods[0] > 0) {
-            http$ = this.retryUtil.pipeTimeoutMechanismOn(http$, artificialDelay, timeoutPeriods);
-        }
-        else {
-            console.warn('Skipping to pipe a retry mechanism!');
-        }
-        http$ = this.pipeErrorProcessor(http$);
-        http$ = http$.pipe(finalize(() => this.finalizeGetCaseViewWith(caseId, loadingToken)));
-        return http$;
+    nextPage(pageId, canShow) {
+        const currentIndex = this.findExistingIndex(pageId);
+        return this.pages
+            .slice(currentIndex + 1)
+            .find(page => canShow(page));
     }
-    pipeErrorProcessor(in$) {
-        const out$ = in$.pipe(catchError(error => {
-            console.error(`Error while getting case view with getCaseViewV2! Error type: '${typeof error}, Error name: '${error?.name}'`);
-            console.error(error);
-            this.errorService.setError(error);
-            return throwError(error);
-        }));
-        return out$;
+    previousPage(pageId, canShow) {
+        const currentIndex = this.findExistingIndex(pageId);
+        return this.pages
+            .slice(0, currentIndex)
+            .reverse()
+            .find(page => canShow(page));
     }
-    finalizeGetCaseViewWith(caseId, loadingToken) {
-        this.loadingService.unregister(loadingToken);
+    hasPage(pageId) {
+        return !!this.findPage(pageId);
     }
-    syncWait(seconds) {
-        const end = Date.now() + seconds * 1000;
-        while (Date.now() < end)
-            continue;
+    hasPreviousPage(pageId, canShow) {
+        return !!this.previousPage(pageId, canShow);
     }
-    getEventTrigger(caseTypeId, eventTriggerId, caseId, ignoreWarning) {
-        ignoreWarning = undefined !== ignoreWarning ? ignoreWarning : 'false';
-        const url = this.buildEventTriggerUrl(caseTypeId, eventTriggerId, caseId, ignoreWarning);
-        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);
-        }
-        else if (caseId !== undefined && caseId !== null) {
-            headers = headers.set('Accept', CasesService.V2_MEDIATYPE_START_EVENT_TRIGGER);
-        }
-        else {
-            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);
-        }), catchError(error => {
-            this.errorService.setError(error);
-            return throwError(error);
-        }), map((p) => plainToClass(CaseEventTrigger, p)), tap(eventTrigger => this.initialiseEventTrigger(eventTrigger)));
+    reverse() {
+        return this.pages.slice().reverse();
     }
-    createEvent(caseDetails, eventData) {
-        const caseId = caseDetails.case_id;
-        const url = `${this.appConfig.getCaseDataUrl()}/cases/${caseId}/events`;
-        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: 'response' })
-            .pipe(map((response) => {
-            this.updateClientContextStorage(response.headers);
-            return response.body;
-        }), catchError(error => {
-            this.errorService.setError(error);
-            return throwError(error);
-        }));
+    findPage(pageId) {
+        return this.pages.find(page => pageId === page.id);
     }
-    validateCase(ctid, eventData, pageId) {
-        const pageIdString = pageId ? `?pageId=${pageId}` : '';
-        const url = `${this.appConfig.getCaseDataUrl()}/case-types/${ctid}/validate${pageIdString}`;
-        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: 'response' })
-            .pipe(map((response) => {
-            this.updateClientContextStorage(response.headers);
-            return response.body;
-        }), catchError(error => {
-            this.errorService.setError(error);
-            return throwError(error);
-        }));
+    findExistingIndex(pageId) {
+        const index = this.pages.findIndex(page => pageId === page.id);
+        if (-1 === index) {
+            throw new Error(`No page for ID: ${pageId}`);
+        }
+        return index;
     }
-    createCase(ctid, eventData) {
-        let ignoreWarning = 'false';
-        if (eventData.ignore_warning) {
-            ignoreWarning = 'true';
-        }
-        const url = `${this.appConfig.getCaseDataUrl()}/case-types/${ctid}/cases?ignore-warning=${ignoreWarning}`;
-        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: '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`;
-        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: 'response' })
-            .pipe(map((response) => {
-            this.updateClientContextStorage(response.headers);
-            return response.body.documentResources;
-        }), catchError(error => {
-            this.errorService.setError(error);
-            return throwError(error);
-        }));
-    }
-    buildEventTriggerUrl(caseTypeId, eventTriggerId, caseId, ignoreWarning) {
-        let url = `${this.appConfig.getCaseDataUrl()}/internal`;
-        if (Draft.isDraft(caseId)) {
-            url += `/drafts/${caseId}`
-                + `/event-trigger`
-                + `?ignore-warning=${ignoreWarning}`;
-        }
-        else if (caseTypeId === undefined || caseTypeId === null) {
-            url += `/cases/${caseId}`
-                + `/event-triggers/${eventTriggerId}`
-                + `?ignore-warning=${ignoreWarning}`;
-        }
-        else {
-            url += `/case-types/${caseTypeId}`
-                + `/event-triggers/${eventTriggerId}`
-                + `?ignore-warning=${ignoreWarning}`;
-        }
-        return url;
-    }
-    initialiseEventTrigger(eventTrigger) {
-        if (!eventTrigger.wizard_pages) {
-            eventTrigger.wizard_pages = [];
-        }
-        eventTrigger.wizard_pages.forEach((wizardPage) => {
-            wizardPage.parsedShowCondition = ShowCondition.getInstance(wizardPage.show_condition);
-            wizardPage.case_fields = this.orderService.sort(this.wizardPageFieldToCaseFieldMapper.mapAll(wizardPage.wizard_page_fields, eventTrigger.case_fields));
-        });
-    }
-    getCourtOrHearingCentreName(locationId) {
-        return this.http.post(`/api/locations/getLocationsById`, { locations: [{ locationId }] });
-    }
-    createChallengedAccessRequest(caseId, request) {
-        // Assignment API endpoint
-        const userInfoStr = this.sessionStorageService.getItem('userDetails');
-        const camUtils = new CaseAccessUtils();
-        let userInfo;
-        if (userInfoStr) {
-            userInfo = JSON.parse(userInfoStr);
-        }
-        const roleCategory = userInfo.roleCategory || camUtils.getMappedRoleCategory(userInfo.roles, userInfo.roleCategories);
-        const roleName = camUtils.getAMRoleName('challenged', roleCategory);
-        const beginTime = new Date();
-        const endTime = new Date(new Date().setUTCHours(23, 59, 59, 999));
-        const id = userInfo.id ? userInfo.id : userInfo.uid;
-        const isNew = true;
-        const payload = camUtils.getAMPayload(id, id, roleName, roleCategory, 'CHALLENGED', caseId, request, beginTime, endTime, isNew);
-        return this.http.post(`/api/challenged-access-request`, payload);
+}
+
+class ConvertHrefToRouterService {
+    router;
+    hrefMarkdownLinkContent = new BehaviorSubject('Default');
+    constructor(router) {
+        this.router = router;
     }
-    createSpecificAccessRequest(caseId, sar) {
-        // Assignment API endpoint
-        const userInfoStr = this.sessionStorageService.getItem('userDetails');
-        const camUtils = new CaseAccessUtils();
-        let userInfo;
-        if (userInfoStr) {
-            userInfo = JSON.parse(userInfoStr);
-        }
-        const roleCategory = userInfo.roleCategory || camUtils.getMappedRoleCategory(userInfo.roles, userInfo.roleCategories);
-        const roleName = camUtils.getAMRoleName('specific', roleCategory);
-        const id = userInfo.id ? userInfo.id : userInfo.uid;
-        const payload = camUtils.getAMPayload(null, id, roleName, roleCategory, 'SPECIFIC', caseId, sar, null, null, true);
-        payload.roleRequest = {
-            ...payload.roleRequest,
-            process: 'specific-access',
-            replaceExisting: true,
-            assignerId: payload.requestedRoles[0].actorId,
-            reference: `${caseId}/${roleName}/${payload.requestedRoles[0].actorId}`
-        };
-        payload.requestedRoles[0] = {
-            ...payload.requestedRoles[0],
-            roleName: 'specific-access-requested',
-            roleCategory,
-            classification: 'PRIVATE',
-            endTime: new Date(new Date().setDate(new Date().getDate() + 30)),
-            beginTime: null,
-            grantType: 'BASIC',
-            readOnly: true
-        };
-        payload.requestedRoles[0].attributes = {
-            ...payload.requestedRoles[0].attributes,
-            requestedRole: roleName,
-            specificAccessReason: sar.specificReason
-        };
-        payload.requestedRoles[0].notes[0] = {
-            ...payload.requestedRoles[0].notes[0],
-            userId: payload.requestedRoles[0].actorId
-        };
-        return this.http.post(`/api/specific-access-request`, payload);
+    updateHrefLink(content) {
+        this.hrefMarkdownLinkContent.next(content);
     }
-    getLinkedCases(caseId) {
-        const url = `${this.appConfig.getCaseDataStoreApiUrl()}/${caseId}`;
-        return this.http
-            .get(url)
-            .pipe(catchError(error => throwError(error)));
+    getHrefMarkdownLinkContent() {
+        return this.hrefMarkdownLinkContent.asObservable();
     }
-    addClientContextHeader(headers) {
-        const clientContextDetails = this.sessionStorageService.getItem('clientContext');
-        if (clientContextDetails) {
-            const caseEditUtils = new CaseEditUtils();
-            // below changes non-ASCII characters 
-            const editedClientContext = caseEditUtils.convertNonASCIICharacters(clientContextDetails);
-            const clientContext = window.btoa(editedClientContext);
-            if (clientContext) {
-                headers = headers.set('Client-Context', clientContext);
+    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];
+                }
             }
         }
-        return headers;
-    }
-    updateClientContextStorage(headers) {
-        if (headers && headers.get('Client-Context')) {
-            const caseEditUtils = new CaseEditUtils();
-            const clientContextString = window.atob(headers.get('Client-Context'));
-            // below reverts non-ASCII characters 
-            const editedClientContextString = caseEditUtils.convertHTMLEntities(clientContextString);
-            this.sessionStorageService.setItem('clientContext', editedClientContextString);
-        }
+        this.router.navigate([urls[0]], {
+            queryParams: queryParamObj && (Object.keys(queryParamObj).length) ? queryParamObj : ''
+        });
     }
-    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 });
+    static ɵfac = function ConvertHrefToRouterService_Factory(t) { return new (t || ConvertHrefToRouterService)(i0.ɵɵinject(i1$1.Router)); };
+    static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: ConvertHrefToRouterService, factory: ConvertHrefToRouterService.ɵfac });
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CasesService, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ConvertHrefToRouterService, [{
         type: Injectable
-    }], () => [{ type: HttpService }, { type: AbstractAppConfig }, { type: OrderService }, { type: HttpErrorService }, { type: WizardPageFieldToCaseFieldMapper }, { type: LoadingService }, { type: SessionStorageService }, { type: RetryUtil }], null); })();
+    }], () => [{ type: i1$1.Router }], null); })();
 
 class EventTriggerService {
     eventTriggerSource = new Subject();
@@ -8400,270 +8188,48 @@ class EventTriggerService {
             }]
     }], null, null); })();
 
-function CaseCreateComponent_div_0_Template(rf, ctx) { if (rf & 1) {
-    const _r1 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div")(1, "ccd-case-edit", 1);
-    i0.ɵɵlistener("cancelled", function CaseCreateComponent_div_0_Template_ccd_case_edit_cancelled_1_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.emitCancelled($event)); })("submitted", function CaseCreateComponent_div_0_Template_ccd_case_edit_submitted_1_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.emitSubmitted($event)); });
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("submit", ctx_r1.submit())("validate", ctx_r1.validate())("saveDraft", ctx_r1.saveDraft())("eventTrigger", ctx_r1.eventTrigger);
-} }
-class CaseCreateComponent {
-    casesService;
+class WizardFactoryService {
+    create(eventTrigger) {
+        return new Wizard(eventTrigger.wizard_pages);
+    }
+}
+
+class CaseEditWizardGuard {
+    router;
+    routerHelper;
+    wizardFactory;
     alertService;
-    draftService;
     eventTriggerService;
-    jurisdiction;
-    caseType;
-    event;
-    cancelled = new EventEmitter();
-    submitted = new EventEmitter();
-    eventTrigger;
-    constructor(casesService, alertService, draftService, eventTriggerService) {
-        this.casesService = casesService;
+    constructor(router, routerHelper, wizardFactory, alertService, eventTriggerService) {
+        this.router = router;
+        this.routerHelper = routerHelper;
+        this.wizardFactory = wizardFactory;
         this.alertService = alertService;
-        this.draftService = draftService;
         this.eventTriggerService = eventTriggerService;
     }
-    ngOnInit() {
-        this.casesService.getEventTrigger(this.caseType, this.event).toPromise()
-            .then(eventTrigger => {
-            this.eventTrigger = eventTrigger;
-            this.eventTriggerService.announceEventTrigger(eventTrigger);
-        })
-            .catch((error) => {
-            this.alertService.error({ phrase: error.message });
-            return throwError(error);
+    resolve(route) {
+        this.eventTriggerService.eventTriggerSource.asObservable().pipe(first()).subscribe(eventTrigger => {
+            this.processEventTrigger(route, eventTrigger);
         });
+        if (route.parent.data.eventTrigger) {
+            this.eventTriggerService.announceEventTrigger(route.parent.data.eventTrigger);
+        }
+        return Promise.resolve(true);
     }
-    submit() {
-        return (sanitizedEditForm) => {
-            sanitizedEditForm.draft_id = this.eventTrigger.case_id;
-            return this.casesService.createCase(this.caseType, sanitizedEditForm);
+    processEventTrigger(route, eventTrigger) {
+        if (!eventTrigger.hasFields() || !eventTrigger.hasPages()) {
+            this.goToSubmit(route);
+            return Promise.resolve(false);
+        }
+        const wizard = this.wizardFactory.create(eventTrigger);
+        const currentState = this.buildState(eventTrigger.case_fields);
+        // TODO Extract predicate and state creation in a factory
+        const canShowPredicate = (page) => {
+            return ShowCondition.getInstance(page.show_condition).match(currentState);
         };
-    }
-    validate() {
-        return (sanitizedEditForm, pageId) => this.casesService
-            .validateCase(this.caseType, sanitizedEditForm, pageId);
-    }
-    saveDraft() {
-        if (this.eventTrigger.can_save_draft) {
-            return (caseEventData) => this.draftService.createOrUpdateDraft(this.caseType, this.eventTrigger.case_id, caseEventData);
-        }
-    }
-    emitCancelled(event) {
-        this.cancelled.emit(event);
-    }
-    emitSubmitted(event) {
-        this.submitted.emit(event);
-    }
-    isDataLoaded() {
-        return this.eventTrigger ? true : false;
-    }
-    static ɵfac = function CaseCreateComponent_Factory(t) { return new (t || CaseCreateComponent)(i0.ɵɵdirectiveInject(CasesService), i0.ɵɵdirectiveInject(AlertService), i0.ɵɵdirectiveInject(DraftService), i0.ɵɵdirectiveInject(EventTriggerService)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CaseCreateComponent, selectors: [["ccd-case-create"]], inputs: { jurisdiction: "jurisdiction", caseType: "caseType", event: "event" }, outputs: { cancelled: "cancelled", submitted: "submitted" }, decls: 1, vars: 1, consts: [[4, "ngIf"], [3, "cancelled", "submitted", "submit", "validate", "saveDraft", "eventTrigger"]], template: function CaseCreateComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵtemplate(0, CaseCreateComponent_div_0_Template, 2, 4, "div", 0);
-        } if (rf & 2) {
-            i0.ɵɵproperty("ngIf", ctx.isDataLoaded());
-        } }, encapsulation: 2 });
-}
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaseCreateComponent, [{
-        type: Component,
-        args: [{ selector: 'ccd-case-create', template: "<div *ngIf=\"isDataLoaded()\">\n    <ccd-case-edit [submit]=\"submit()\"\n                   [validate]=\"validate()\"\n                   [saveDraft]=\"saveDraft()\"\n                   [eventTrigger]=\"eventTrigger\"\n                   (cancelled)=\"emitCancelled($event)\"\n                   (submitted)=\"emitSubmitted($event)\"></ccd-case-edit>\n</div>" }]
-    }], () => [{ type: CasesService }, { type: AlertService }, { type: DraftService }, { type: EventTriggerService }], { jurisdiction: [{
-            type: Input
-        }], caseType: [{
-            type: Input
-        }], event: [{
-            type: Input
-        }], cancelled: [{
-            type: Output
-        }], submitted: [{
-            type: Output
-        }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CaseCreateComponent, { className: "CaseCreateComponent", filePath: "lib/shared/components/case-editor/case-create/case-create.component.ts", lineNumber: 17 }); })();
-
-class Confirmation {
-    caseId;
-    status;
-    header;
-    body;
-    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 = {}));
-
-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 {
-    pages;
-    orderService = new OrderService();
-    constructor(wizardPages) {
-        this.pages = this.orderService.sort(wizardPages);
-    }
-    firstPage(canShow) {
-        return this.pages.find(page => canShow(page));
-    }
-    getPage(pageId, canShow) {
-        const foundPage = this.findPage(pageId);
-        if (!foundPage) {
-            throw new Error(`No page for ID: ${pageId}`);
-        }
-        return canShow(foundPage) ? foundPage : undefined;
-    }
-    findWizardPage(caseFieldId) {
-        return this.pages.find(wizardPage => wizardPage.case_fields &&
-            wizardPage.case_fields?.filter(caseField => caseField.id === caseFieldId).length > 0);
-    }
-    nextPage(pageId, canShow) {
-        const currentIndex = this.findExistingIndex(pageId);
-        return this.pages
-            .slice(currentIndex + 1)
-            .find(page => canShow(page));
-    }
-    previousPage(pageId, canShow) {
-        const currentIndex = this.findExistingIndex(pageId);
-        return this.pages
-            .slice(0, currentIndex)
-            .reverse()
-            .find(page => canShow(page));
-    }
-    hasPage(pageId) {
-        return !!this.findPage(pageId);
-    }
-    hasPreviousPage(pageId, canShow) {
-        return !!this.previousPage(pageId, canShow);
-    }
-    reverse() {
-        return this.pages.slice().reverse();
-    }
-    findPage(pageId) {
-        return this.pages.find(page => pageId === page.id);
-    }
-    findExistingIndex(pageId) {
-        const index = this.pages.findIndex(page => pageId === page.id);
-        if (-1 === index) {
-            throw new Error(`No page for ID: ${pageId}`);
-        }
-        return index;
-    }
-}
-
-class ConvertHrefToRouterService {
-    router;
-    hrefMarkdownLinkContent = new BehaviorSubject('Default');
-    constructor(router) {
-        this.router = router;
-    }
-    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 : ''
-        });
-    }
-    static ɵfac = function ConvertHrefToRouterService_Factory(t) { return new (t || ConvertHrefToRouterService)(i0.ɵɵinject(i1$1.Router)); };
-    static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: ConvertHrefToRouterService, factory: ConvertHrefToRouterService.ɵfac });
-}
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ConvertHrefToRouterService, [{
-        type: Injectable
-    }], () => [{ type: i1$1.Router }], null); })();
-
-class WizardFactoryService {
-    create(eventTrigger) {
-        return new Wizard(eventTrigger.wizard_pages);
-    }
-}
-
-class CaseEditWizardGuard {
-    router;
-    routerHelper;
-    wizardFactory;
-    alertService;
-    eventTriggerService;
-    constructor(router, routerHelper, wizardFactory, alertService, eventTriggerService) {
-        this.router = router;
-        this.routerHelper = routerHelper;
-        this.wizardFactory = wizardFactory;
-        this.alertService = alertService;
-        this.eventTriggerService = eventTriggerService;
-    }
-    resolve(route) {
-        this.eventTriggerService.eventTriggerSource.asObservable().pipe(first()).subscribe(eventTrigger => {
-            this.processEventTrigger(route, eventTrigger);
-        });
-        if (route.parent.data.eventTrigger) {
-            this.eventTriggerService.announceEventTrigger(route.parent.data.eventTrigger);
-        }
-        return Promise.resolve(true);
-    }
-    processEventTrigger(route, eventTrigger) {
-        if (!eventTrigger.hasFields() || !eventTrigger.hasPages()) {
-            this.goToSubmit(route);
-            return Promise.resolve(false);
-        }
-        const wizard = this.wizardFactory.create(eventTrigger);
-        const currentState = this.buildState(eventTrigger.case_fields);
-        // TODO Extract predicate and state creation in a factory
-        const canShowPredicate = (page) => {
-            return ShowCondition.getInstance(page.show_condition).match(currentState);
-        };
-        if (!route.params['page']) {
-            this.goToFirst(wizard, canShowPredicate, route);
-            return Promise.resolve(false);
+        if (!route.params['page']) {
+            this.goToFirst(wizard, canShowPredicate, route);
+            return Promise.resolve(false);
         }
         const pageId = route.params['page'];
         if (!wizard.hasPage(pageId)) {
@@ -8896,7 +8462,7 @@ 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 clientContextStr = context.sessionStorageService.getItem(CaseEditComponent.CLIENT_CONTEXT);
         const userTask = FieldsUtils.getUserTaskFromClientContext(clientContextStr);
         if (userTask?.task_data) {
             context.sessionStorageService.setItem('assignNeeded', 'false');
@@ -8917,7 +8483,7 @@ 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 clientContextStr = context.sessionStorageService.getItem(CaseEditComponent.CLIENT_CONTEXT);
         const userTask = FieldsUtils.getUserTaskFromClientContext(clientContextStr);
         if (userTask?.task_data) {
             context.sessionStorageService.setItem('assignNeeded', 'true');
@@ -8955,7 +8521,7 @@ class EventCompletionStateMachineService {
         this.stateTaskUnassigned.addTransition(EventCompletionStates.Final, this.stateFinal);
     }
     taskPresentInSessionStorage(context) {
-        const clientContextStr = context.sessionStorageService.getItem('clientContext');
+        const clientContextStr = context.sessionStorageService.getItem(CaseEditComponent.CLIENT_CONTEXT);
         const userTask = FieldsUtils.getUserTaskFromClientContext(clientContextStr);
         return !!userTask.task_data;
     }
@@ -9318,8 +8884,11 @@ class CaseEditComponent {
     workAllocationService;
     alertService;
     abstractConfig;
+    cookieService;
     static ORIGIN_QUERY_PARAM = 'origin';
     static ALERT_MESSAGE = 'Page is being refreshed so you will be redirected to the first page of this event.';
+    static CLIENT_CONTEXT = 'clientContext';
+    static TASK_EVENT_COMPLETION_INFO = 'taskEventCompletionInfo';
     eventTrigger;
     submit;
     validate;
@@ -9343,7 +8912,7 @@ class CaseEditComponent {
     error;
     callbackErrorsSubject = new Subject();
     validPageList = [];
-    constructor(fb, caseNotifier, router, route, fieldsUtils, fieldsPurger, registrarService, wizardFactory, sessionStorageService, windowsService, formValueService, formErrorService, loadingService, validPageListCaseFieldsService, workAllocationService, alertService, abstractConfig) {
+    constructor(fb, caseNotifier, router, route, fieldsUtils, fieldsPurger, registrarService, wizardFactory, sessionStorageService, windowsService, formValueService, formErrorService, loadingService, validPageListCaseFieldsService, workAllocationService, alertService, abstractConfig, cookieService) {
         this.fb = fb;
         this.caseNotifier = caseNotifier;
         this.router = router;
@@ -9361,6 +8930,7 @@ class CaseEditComponent {
         this.workAllocationService = workAllocationService;
         this.alertService = alertService;
         this.abstractConfig = abstractConfig;
+        this.cookieService = cookieService;
     }
     ngOnInit() {
         this.wizard = this.wizardFactory.create(this.eventTrigger);
@@ -9378,6 +8948,7 @@ class CaseEditComponent {
         this.route.queryParams.subscribe((params) => {
             this.navigationOrigin = params[CaseEditComponent.ORIGIN_QUERY_PARAM];
         });
+        removeTaskFromClientContext(this.sessionStorageService);
     }
     ngOnDestroy() {
         /* istanbul ignore else */
@@ -9467,12 +9038,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
-        const clientContextStr = this.sessionStorageService.getItem('clientContext');
+        const clientContextStr = this.sessionStorageService.getItem(CaseEditComponent.CLIENT_CONTEXT);
         const userTask = FieldsUtils.getUserTaskFromClientContext(clientContextStr);
         const taskInSessionStorage = userTask ? userTask.task_data : null;
         let taskEventCompletionInfo;
         let userInfo;
-        const taskEventCompletionStr = this.sessionStorageService.getItem('taskEventCompletionInfo');
+        const taskEventCompletionStr = this.sessionStorageService.getItem(CaseEditComponent.TASK_EVENT_COMPLETION_INFO);
         const userInfoStr = this.sessionStorageService.getItem('userDetails');
         const assignNeeded = this.sessionStorageService.getItem('assignNeeded');
         if (taskEventCompletionStr) {
@@ -9502,7 +9073,7 @@ class CaseEditComponent {
                 taskId: taskInSessionStorage.id,
                 createdTimestamp: Date.now()
             };
-            this.sessionStorageService.setItem('taskEventCompletionInfo', JSON.stringify(taskEventCompletionInfo));
+            this.sessionStorageService.setItem(CaseEditComponent.TASK_EVENT_COMPLETION_INFO, JSON.stringify(taskEventCompletionInfo));
             this.isEventCompletionChecksRequired = true;
         }
         else {
@@ -9674,8 +9245,9 @@ class CaseEditComponent {
         }), finalize(() => {
             this.loadingService.unregister(loadingSpinnerToken);
             // on event completion ensure the previous event clientContext/taskEventCompletionInfo removed
-            this.sessionStorageService.removeItem('clientContext');
-            this.sessionStorageService.removeItem('taskEventCompletionInfo');
+            // Note - Not removeTaskFromClientContext because could interfere with other logic
+            this.sessionStorageService.removeItem(CaseEditComponent.CLIENT_CONTEXT);
+            this.sessionStorageService.removeItem(CaseEditComponent.TASK_EVENT_COMPLETION_INFO);
             this.isSubmitting = false;
         }))
             .subscribe(() => {
@@ -9703,7 +9275,7 @@ class CaseEditComponent {
         });
     }
     postCompleteTaskIfRequired() {
-        const clientContextStr = this.sessionStorageService.getItem('clientContext');
+        const clientContextStr = this.sessionStorageService.getItem(CaseEditComponent.CLIENT_CONTEXT);
         const userTask = FieldsUtils.getUserTaskFromClientContext(clientContextStr);
         const [task, taskToBeCompleted] = userTask ? [userTask.task_data, userTask.complete_task] : [null, false];
         const assignNeeded = this.sessionStorageService.getItem('assignNeeded') === 'true';
@@ -9717,109 +9289,569 @@ class CaseEditComponent {
         }
         return of(true);
     }
-    finishEventCompletionLogic(eventResponse) {
-        this.caseNotifier.cachedCaseView = null;
-        this.sessionStorageService.removeItem('eventUrl');
-        const confirmation = this.buildConfirmation(eventResponse);
-        if (confirmation && (confirmation.getHeader() || confirmation.getBody())) {
-            this.confirm(confirmation);
+    finishEventCompletionLogic(eventResponse) {
+        this.caseNotifier.cachedCaseView = null;
+        this.sessionStorageService.removeItem('eventUrl');
+        const confirmation = this.buildConfirmation(eventResponse);
+        if (confirmation && (confirmation.getHeader() || confirmation.getBody())) {
+            this.confirm(confirmation);
+        }
+        else {
+            this.emitSubmitted(eventResponse);
+        }
+    }
+    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;
+        }
+    }
+    // checks whether current clientContext relevant for the event
+    taskExistsForThisEvent(taskInSessionStorage, taskEventCompletionInfo, eventDetails) {
+        if (!taskInSessionStorage || taskInSessionStorage.case_id !== eventDetails.caseId) {
+            return false;
+        }
+        if (!taskEventCompletionInfo) {
+            // if no task event present then there is no task to complete from previous event present
+            // EXUI-2668 - Add additional logic to confirm the task is relevant to the event
+            if (this.taskIsForEvent(taskInSessionStorage, eventDetails)) {
+                return true;
+            }
+            else {
+                // client context still needed for language
+                removeTaskFromClientContext(this.sessionStorageService);
+                return false;
+            }
+        }
+        else {
+            if (taskEventCompletionInfo.taskId !== taskInSessionStorage.id) {
+                return true;
+            }
+            else if ((taskEventCompletionInfo.taskId === taskInSessionStorage.id &&
+                this.eventDetailsDoNotMatch(taskEventCompletionInfo, eventDetails))
+                || this.eventMoreThanDayAgo(taskEventCompletionInfo.createdTimestamp)) {
+                // if the session storage not related to event, ignore it and remove
+                removeTaskFromClientContext(this.sessionStorageService);
+                this.sessionStorageService.removeItem(CaseEditComponent.TASK_EVENT_COMPLETION_INFO);
+                return false;
+            }
+            if (eventDetails.assignNeeded === 'false' && eventDetails.userId !== taskInSessionStorage.assignee) {
+                // if the user does not match task assignee, assign is now needed
+                // data cannot be deleted and ignored as it matches understanding
+                this.sessionStorageService.setItem('assignNeeded', 'true');
+            }
+            return true;
+        }
+    }
+    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';
+    }
+    eventMoreThanDayAgo(timestamp) {
+        if ((new Date().getTime() - timestamp) > (24 * 60 * 60 * 1000)) {
+            return true;
+        }
+        return false;
+    }
+    eventDetailsDoNotMatch(taskEventCompletionInfo, eventDetails) {
+        if (taskEventCompletionInfo.eventId !== eventDetails.eventId
+            || taskEventCompletionInfo.caseId !== eventDetails.caseId
+            || taskEventCompletionInfo.userId !== eventDetails.userId) {
+            return true;
+        }
+        return false;
+    }
+    taskIsForEvent(task, eventDetails) {
+        // EXUI-2668 - Ensure description for task includes event ID
+        // Note - This is a failsafe for an edge case that may never occur again
+        // Description may not include eventId in some cases which may mean task not completed (however this will be easy to check)
+        this.abstractConfig.logMessage(`checking taskIsForEvent: task ID ${task.id}, task description ${task.description}, event name ${eventDetails.eventId}`);
+        return task.case_id === eventDetails.caseId && (task.description && task.description.includes(eventDetails.eventId));
+    }
+    static ɵfac = function CaseEditComponent_Factory(t) { return new (t || CaseEditComponent)(i0.ɵɵdirectiveInject(i4.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), i0.ɵɵdirectiveInject(LoadingService), i0.ɵɵdirectiveInject(ValidPageListCaseFieldsService), i0.ɵɵdirectiveInject(WorkAllocationService), i0.ɵɵdirectiveInject(AlertService), i0.ɵɵdirectiveInject(AbstractAppConfig), i0.ɵɵdirectiveInject(ReadCookieService)); };
+    static ɵcmp = /*@__PURE__*/ 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");
+        } }, dependencies: [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:solid 1px #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%]   th[_ngcontent-%COMP%], .summary-fields[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   td[_ngcontent-%COMP%]{border-bottom:0px}a.disabled[_ngcontent-%COMP%]{pointer-events:none;cursor:default}.case-field-label[_ngcontent-%COMP%]{width:45%}.case-field-content[_ngcontent-%COMP%]{width:50%}.no-bottom-border[_ngcontent-%COMP%]{border-bottom:none}.case-field-change[_ngcontent-%COMP%]{width:5%}"] });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaseEditComponent, [{
+        type: Component,
+        args: [{ selector: 'ccd-case-edit', providers: [GreyBarService], template: "<router-outlet></router-outlet>\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: i4.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 }, { type: LoadingService }, { type: ValidPageListCaseFieldsService }, { type: WorkAllocationService }, { type: AlertService }, { type: AbstractAppConfig }, { type: ReadCookieService }], { eventTrigger: [{
+            type: Input
+        }], submit: [{
+            type: Input
+        }], validate: [{
+            type: Input
+        }], saveDraft: [{
+            type: Input
+        }], caseDetails: [{
+            type: Input
+        }], cancelled: [{
+            type: Output
+        }], submitted: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CaseEditComponent, { className: "CaseEditComponent", filePath: "lib/shared/components/case-editor/case-edit/case-edit.component.ts", lineNumber: 37 }); })();
+
+function convertNonASCIICharacter(character) {
+    if (character === '£') {
+        // pound sign will be frequently used and works for btoa despite being non-ASCII
+        // note: this could be done for other characters provided they work for btoa()
+        return character;
+    }
+    // Note: Will convert to HTML entity
+    return CaseEditUtils.PREFIX + character.charCodeAt(0) + CaseEditUtils.SUFFIX;
+}
+class CaseEditUtils {
+    static PREFIX = '&#';
+    static SUFFIX = ';';
+    convertNonASCIICharacters(rawString) {
+        return rawString ? rawString.replace(/[^\x20-\x7E]/g, function (c) {
+            return convertNonASCIICharacter(c);
+        }) : '';
+    }
+    convertHTMLEntities(editedString) {
+        const revertedCharacterList = editedString.split(CaseEditUtils.PREFIX);
+        let rawString = revertedCharacterList[0];
+        for (let index = 1; index < revertedCharacterList.length; index++) {
+            const currentSection = revertedCharacterList[index];
+            if (!currentSection.includes(CaseEditUtils.SUFFIX)) {
+                return rawString.concat(currentSection);
+            }
+            else {
+                const suffixSplitList = currentSection.split(CaseEditUtils.SUFFIX);
+                const characterCode = Number(suffixSplitList[0]);
+                rawString = rawString.concat(String.fromCharCode(characterCode), suffixSplitList[1]);
+            }
+        }
+        return rawString;
+    }
+}
+function removeTaskFromClientContext(sessionStorageService) {
+    if (!sessionStorageService) {
+        return;
+    }
+    const clientContextString = sessionStorageService.getItem(CaseEditComponent.CLIENT_CONTEXT);
+    const clientContext = clientContextString ? JSON.parse(clientContextString) : null;
+    if (clientContext?.client_context?.user_task) {
+        delete clientContext.client_context.user_task;
+        sessionStorageService.setItem(CaseEditComponent.CLIENT_CONTEXT, JSON.stringify(clientContext));
+    }
+}
+
+class CasesService {
+    http;
+    appConfig;
+    orderService;
+    errorService;
+    wizardPageFieldToCaseFieldMapper;
+    loadingService;
+    sessionStorageService;
+    retryUtil;
+    // Internal (UI) API
+    static V2_MEDIATYPE_CASE_VIEW = 'application/vnd.uk.gov.hmcts.ccd-data-store-api.ui-case-view.v2+json';
+    static V2_MEDIATYPE_START_CASE_TRIGGER = 'application/vnd.uk.gov.hmcts.ccd-data-store-api.ui-start-case-trigger.v2+json;charset=UTF-8';
+    static V2_MEDIATYPE_START_EVENT_TRIGGER = 'application/vnd.uk.gov.hmcts.ccd-data-store-api.ui-start-event-trigger.v2+json;charset=UTF-8';
+    static V2_MEDIATYPE_START_DRAFT_TRIGGER = 'application/vnd.uk.gov.hmcts.ccd-data-store-api.ui-start-draft-trigger.v2+json;charset=UTF-8';
+    // External (Data Store) API
+    static V2_MEDIATYPE_CASE_DOCUMENTS = 'application/vnd.uk.gov.hmcts.ccd-data-store-api.case-documents.v2+json;charset=UTF-8';
+    static V2_MEDIATYPE_CASE_DATA_VALIDATE = 'application/vnd.uk.gov.hmcts.ccd-data-store-api.case-data-validate.v2+json;charset=UTF-8';
+    static V2_MEDIATYPE_CREATE_EVENT = 'application/vnd.uk.gov.hmcts.ccd-data-store-api.create-event.v2+json;charset=UTF-8';
+    static V2_MEDIATYPE_CREATE_CASE = 'application/vnd.uk.gov.hmcts.ccd-data-store-api.create-case.v2+json;charset=UTF-8';
+    static PUI_CASE_MANAGER = 'pui-case-manager';
+    get = this.getCaseView;
+    static updateChallengedAccessRequestAttributes(httpClient, caseId, attributesToUpdate) {
+        return httpClient.post(`/api/challenged-access-request/update-attributes`, {
+            caseId,
+            attributesToUpdate
+        });
+    }
+    static updateSpecificAccessRequestAttributes(httpClient, caseId, attributesToUpdate) {
+        return httpClient.post(`/api/specific-access-request/update-attributes`, {
+            caseId,
+            attributesToUpdate
+        });
+    }
+    constructor(http, appConfig, orderService, errorService, wizardPageFieldToCaseFieldMapper, loadingService, sessionStorageService, retryUtil) {
+        this.http = http;
+        this.appConfig = appConfig;
+        this.orderService = orderService;
+        this.errorService = errorService;
+        this.wizardPageFieldToCaseFieldMapper = wizardPageFieldToCaseFieldMapper;
+        this.loadingService = loadingService;
+        this.sessionStorageService = sessionStorageService;
+        this.retryUtil = retryUtil;
+    }
+    getCaseView(jurisdictionId, caseTypeId, caseId) {
+        const url = `${this.appConfig.getApiUrl()}/caseworkers/:uid/jurisdictions/${jurisdictionId}/case-types/${caseTypeId}/cases/${caseId}`;
+        const loadingToken = this.loadingService.register();
+        return this.http
+            .get(url)
+            .pipe(catchError(error => {
+            this.errorService.setError(error);
+            return throwError(error);
+        }), finalize(() => this.loadingService.unregister(loadingToken)));
+    }
+    getCaseViewV2(caseId) {
+        const url = `${this.appConfig.getCaseDataUrl()}/internal/cases/${caseId}`;
+        const headers = new HttpHeaders()
+            .set('experimental', 'true')
+            .set('Accept', CasesService.V2_MEDIATYPE_CASE_VIEW)
+            .set('Content-Type', 'application/json');
+        const loadingToken = this.loadingService.register();
+        let http$ = this.http.get(url, { headers, observe: 'body' });
+        const artificialDelay = this.appConfig.getTimeoutsCaseRetrievalArtificialDelay();
+        const timeoutPeriods = this.appConfig.getTimeoutsForCaseRetrieval();
+        console.log(`Timeout periods: ${timeoutPeriods} seconds.`);
+        if (timeoutPeriods && timeoutPeriods.length > 0 && timeoutPeriods[0] > 0) {
+            http$ = this.retryUtil.pipeTimeoutMechanismOn(http$, artificialDelay, timeoutPeriods);
+        }
+        else {
+            console.warn('Skipping to pipe a retry mechanism!');
+        }
+        http$ = this.pipeErrorProcessor(http$);
+        http$ = http$.pipe(finalize(() => this.finalizeGetCaseViewWith(caseId, loadingToken)));
+        return http$;
+    }
+    pipeErrorProcessor(in$) {
+        const out$ = in$.pipe(catchError(error => {
+            console.error(`Error while getting case view with getCaseViewV2! Error type: '${typeof error}, Error name: '${error?.name}'`);
+            console.error(error);
+            this.errorService.setError(error);
+            return throwError(error);
+        }));
+        return out$;
+    }
+    finalizeGetCaseViewWith(caseId, loadingToken) {
+        this.loadingService.unregister(loadingToken);
+    }
+    syncWait(seconds) {
+        const end = Date.now() + seconds * 1000;
+        while (Date.now() < end)
+            continue;
+    }
+    getEventTrigger(caseTypeId, eventTriggerId, caseId, ignoreWarning) {
+        ignoreWarning = undefined !== ignoreWarning ? ignoreWarning : 'false';
+        const url = this.buildEventTriggerUrl(caseTypeId, eventTriggerId, caseId, ignoreWarning);
+        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);
+        }
+        else if (caseId !== undefined && caseId !== null) {
+            headers = headers.set('Accept', CasesService.V2_MEDIATYPE_START_EVENT_TRIGGER);
+        }
+        else {
+            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);
+        }), catchError(error => {
+            this.errorService.setError(error);
+            return throwError(error);
+        }), map((p) => plainToClass(CaseEventTrigger, p)), tap(eventTrigger => this.initialiseEventTrigger(eventTrigger)));
+    }
+    createEvent(caseDetails, eventData) {
+        const caseId = caseDetails.case_id;
+        const url = `${this.appConfig.getCaseDataUrl()}/cases/${caseId}/events`;
+        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: 'response' })
+            .pipe(map((response) => {
+            this.updateClientContextStorage(response.headers);
+            return response.body;
+        }), catchError(error => {
+            this.errorService.setError(error);
+            return throwError(error);
+        }));
+    }
+    validateCase(ctid, eventData, pageId) {
+        const pageIdString = pageId ? `?pageId=${pageId}` : '';
+        const url = `${this.appConfig.getCaseDataUrl()}/case-types/${ctid}/validate${pageIdString}`;
+        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: 'response' })
+            .pipe(map((response) => {
+            this.updateClientContextStorage(response.headers);
+            return response.body;
+        }), catchError(error => {
+            this.errorService.setError(error);
+            return throwError(error);
+        }));
+    }
+    createCase(ctid, eventData) {
+        let ignoreWarning = 'false';
+        if (eventData.ignore_warning) {
+            ignoreWarning = 'true';
+        }
+        const url = `${this.appConfig.getCaseDataUrl()}/case-types/${ctid}/cases?ignore-warning=${ignoreWarning}`;
+        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: '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`;
+        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: 'response' })
+            .pipe(map((response) => {
+            this.updateClientContextStorage(response.headers);
+            return response.body.documentResources;
+        }), catchError(error => {
+            this.errorService.setError(error);
+            return throwError(error);
+        }));
+    }
+    buildEventTriggerUrl(caseTypeId, eventTriggerId, caseId, ignoreWarning) {
+        let url = `${this.appConfig.getCaseDataUrl()}/internal`;
+        if (Draft.isDraft(caseId)) {
+            url += `/drafts/${caseId}`
+                + `/event-trigger`
+                + `?ignore-warning=${ignoreWarning}`;
+        }
+        else if (caseTypeId === undefined || caseTypeId === null) {
+            url += `/cases/${caseId}`
+                + `/event-triggers/${eventTriggerId}`
+                + `?ignore-warning=${ignoreWarning}`;
         }
         else {
-            this.emitSubmitted(eventResponse);
+            url += `/case-types/${caseTypeId}`
+                + `/event-triggers/${eventTriggerId}`
+                + `?ignore-warning=${ignoreWarning}`;
         }
+        return url;
     }
-    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;
+    initialiseEventTrigger(eventTrigger) {
+        if (!eventTrigger.wizard_pages) {
+            eventTrigger.wizard_pages = [];
         }
+        eventTrigger.wizard_pages.forEach((wizardPage) => {
+            wizardPage.parsedShowCondition = ShowCondition.getInstance(wizardPage.show_condition);
+            wizardPage.case_fields = this.orderService.sort(this.wizardPageFieldToCaseFieldMapper.mapAll(wizardPage.wizard_page_fields, eventTrigger.case_fields));
+        });
     }
-    // checks whether current clientContext relevant for the event
-    taskExistsForThisEvent(taskInSessionStorage, taskEventCompletionInfo, eventDetails) {
-        if (!taskInSessionStorage || taskInSessionStorage.case_id !== eventDetails.caseId) {
-            return false;
+    getCourtOrHearingCentreName(locationId) {
+        return this.http.post(`/api/locations/getLocationsById`, { locations: [{ locationId }] });
+    }
+    createChallengedAccessRequest(caseId, request) {
+        // Assignment API endpoint
+        const userInfoStr = this.sessionStorageService.getItem('userDetails');
+        const camUtils = new CaseAccessUtils();
+        let userInfo;
+        if (userInfoStr) {
+            userInfo = JSON.parse(userInfoStr);
         }
-        if (!taskEventCompletionInfo) {
-            // if no task event present then there is no task to complete from previous event present
-            return true;
+        const roleCategory = userInfo.roleCategory || camUtils.getMappedRoleCategory(userInfo.roles, userInfo.roleCategories);
+        const roleName = camUtils.getAMRoleName('challenged', roleCategory);
+        const beginTime = new Date();
+        const endTime = new Date(new Date().setUTCHours(23, 59, 59, 999));
+        const id = userInfo.id ? userInfo.id : userInfo.uid;
+        const isNew = true;
+        const payload = camUtils.getAMPayload(id, id, roleName, roleCategory, 'CHALLENGED', caseId, request, beginTime, endTime, isNew);
+        return this.http.post(`/api/challenged-access-request`, payload);
+    }
+    createSpecificAccessRequest(caseId, sar) {
+        // Assignment API endpoint
+        const userInfoStr = this.sessionStorageService.getItem('userDetails');
+        const camUtils = new CaseAccessUtils();
+        let userInfo;
+        if (userInfoStr) {
+            userInfo = JSON.parse(userInfoStr);
         }
-        else {
-            if (taskEventCompletionInfo.taskId !== taskInSessionStorage.id) {
-                return true;
-            }
-            else if ((taskEventCompletionInfo.taskId === taskInSessionStorage.id &&
-                this.eventDetailsDoNotMatch(taskEventCompletionInfo, eventDetails))
-                || this.eventMoreThanDayAgo(taskEventCompletionInfo.createdTimestamp)) {
-                // if the session storage not related to event, ignore it and remove
-                this.sessionStorageService.removeItem('clientContext');
-                this.sessionStorageService.removeItem('taskEventCompletionInfo');
-                return false;
-            }
-            if (eventDetails.assignNeeded === 'false' && eventDetails.userId !== taskInSessionStorage.assignee) {
-                // if the user does not match task assignee, assign is now needed
-                // data cannot be deleted and ignored as it matches understanding
-                this.sessionStorageService.setItem('assignNeeded', 'true');
+        const roleCategory = userInfo.roleCategory || camUtils.getMappedRoleCategory(userInfo.roles, userInfo.roleCategories);
+        const roleName = camUtils.getAMRoleName('specific', roleCategory);
+        const id = userInfo.id ? userInfo.id : userInfo.uid;
+        const payload = camUtils.getAMPayload(null, id, roleName, roleCategory, 'SPECIFIC', caseId, sar, null, null, true);
+        payload.roleRequest = {
+            ...payload.roleRequest,
+            process: 'specific-access',
+            replaceExisting: true,
+            assignerId: payload.requestedRoles[0].actorId,
+            reference: `${caseId}/${roleName}/${payload.requestedRoles[0].actorId}`
+        };
+        payload.requestedRoles[0] = {
+            ...payload.requestedRoles[0],
+            roleName: 'specific-access-requested',
+            roleCategory,
+            classification: 'PRIVATE',
+            endTime: new Date(new Date().setDate(new Date().getDate() + 30)),
+            beginTime: null,
+            grantType: 'BASIC',
+            readOnly: true
+        };
+        payload.requestedRoles[0].attributes = {
+            ...payload.requestedRoles[0].attributes,
+            requestedRole: roleName,
+            specificAccessReason: sar.specificReason
+        };
+        payload.requestedRoles[0].notes[0] = {
+            ...payload.requestedRoles[0].notes[0],
+            userId: payload.requestedRoles[0].actorId
+        };
+        return this.http.post(`/api/specific-access-request`, payload);
+    }
+    getLinkedCases(caseId) {
+        const url = `${this.appConfig.getCaseDataStoreApiUrl()}/${caseId}`;
+        return this.http
+            .get(url)
+            .pipe(catchError(error => throwError(error)));
+    }
+    addClientContextHeader(headers) {
+        const clientContextDetails = this.sessionStorageService.getItem(CaseEditComponent.CLIENT_CONTEXT);
+        if (clientContextDetails) {
+            const caseEditUtils = new CaseEditUtils();
+            // below changes non-ASCII characters 
+            const editedClientContext = caseEditUtils.convertNonASCIICharacters(clientContextDetails);
+            const clientContext = window.btoa(editedClientContext);
+            if (clientContext) {
+                headers = headers.set('Client-Context', clientContext);
             }
-            return true;
         }
+        return headers;
     }
-    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 });
+    updateClientContextStorage(headers) {
+        if (headers && headers.get('Client-Context')) {
+            const caseEditUtils = new CaseEditUtils();
+            const clientContextString = window.atob(headers.get('Client-Context'));
+            // below reverts non-ASCII characters 
+            const editedClientContextString = caseEditUtils.convertHTMLEntities(clientContextString);
+            this.sessionStorageService.setItem(CaseEditComponent.CLIENT_CONTEXT, editedClientContextString);
         }
     }
-    getStatus(response) {
-        return this.hasCallbackFailed(response) ? response['callback_response_status'] : response['delete_draft_response_status'];
+    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 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CasesService, [{
+        type: Injectable
+    }], () => [{ type: HttpService }, { type: AbstractAppConfig }, { type: OrderService }, { type: HttpErrorService }, { type: WizardPageFieldToCaseFieldMapper }, { type: LoadingService }, { type: SessionStorageService }, { type: RetryUtil }], null); })();
+
+function CaseCreateComponent_div_0_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div")(1, "ccd-case-edit", 1);
+    i0.ɵɵlistener("cancelled", function CaseCreateComponent_div_0_Template_ccd_case_edit_cancelled_1_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.emitCancelled($event)); })("submitted", function CaseCreateComponent_div_0_Template_ccd_case_edit_submitted_1_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.emitSubmitted($event)); });
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("submit", ctx_r1.submit())("validate", ctx_r1.validate())("saveDraft", ctx_r1.saveDraft())("eventTrigger", ctx_r1.eventTrigger);
+} }
+class CaseCreateComponent {
+    casesService;
+    alertService;
+    draftService;
+    eventTriggerService;
+    jurisdiction;
+    caseType;
+    event;
+    cancelled = new EventEmitter();
+    submitted = new EventEmitter();
+    eventTrigger;
+    constructor(casesService, alertService, draftService, eventTriggerService) {
+        this.casesService = casesService;
+        this.alertService = alertService;
+        this.draftService = draftService;
+        this.eventTriggerService = eventTriggerService;
     }
-    hasCallbackFailed(response) {
-        return response['callback_response_status'] !== 'CALLBACK_COMPLETED';
+    ngOnInit() {
+        this.casesService.getEventTrigger(this.caseType, this.event).toPromise()
+            .then(eventTrigger => {
+            this.eventTrigger = eventTrigger;
+            this.eventTriggerService.announceEventTrigger(eventTrigger);
+        })
+            .catch((error) => {
+            this.alertService.error({ phrase: error.message });
+            return throwError(error);
+        });
     }
-    eventMoreThanDayAgo(timestamp) {
-        if ((new Date().getTime() - timestamp) > (24 * 60 * 60 * 1000)) {
-            return true;
-        }
-        return false;
+    submit() {
+        return (sanitizedEditForm) => {
+            sanitizedEditForm.draft_id = this.eventTrigger.case_id;
+            return this.casesService.createCase(this.caseType, sanitizedEditForm);
+        };
     }
-    eventDetailsDoNotMatch(taskEventCompletionInfo, eventDetails) {
-        if (taskEventCompletionInfo.eventId !== eventDetails.eventId
-            || taskEventCompletionInfo.caseId !== eventDetails.caseId
-            || taskEventCompletionInfo.userId !== eventDetails.userId) {
-            return true;
+    validate() {
+        return (sanitizedEditForm, pageId) => this.casesService
+            .validateCase(this.caseType, sanitizedEditForm, pageId);
+    }
+    saveDraft() {
+        if (this.eventTrigger.can_save_draft) {
+            return (caseEventData) => this.draftService.createOrUpdateDraft(this.caseType, this.eventTrigger.case_id, caseEventData);
         }
-        return false;
     }
-    static ɵfac = function CaseEditComponent_Factory(t) { return new (t || CaseEditComponent)(i0.ɵɵdirectiveInject(i4.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), i0.ɵɵdirectiveInject(LoadingService), i0.ɵɵdirectiveInject(ValidPageListCaseFieldsService), i0.ɵɵdirectiveInject(WorkAllocationService), i0.ɵɵdirectiveInject(AlertService), i0.ɵɵdirectiveInject(AbstractAppConfig)); };
-    static ɵcmp = /*@__PURE__*/ 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");
-        } }, dependencies: [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:solid 1px #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%]   th[_ngcontent-%COMP%], .summary-fields[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   td[_ngcontent-%COMP%]{border-bottom:0px}a.disabled[_ngcontent-%COMP%]{pointer-events:none;cursor:default}.case-field-label[_ngcontent-%COMP%]{width:45%}.case-field-content[_ngcontent-%COMP%]{width:50%}.no-bottom-border[_ngcontent-%COMP%]{border-bottom:none}.case-field-change[_ngcontent-%COMP%]{width:5%}"] });
+    emitCancelled(event) {
+        this.cancelled.emit(event);
+    }
+    emitSubmitted(event) {
+        this.submitted.emit(event);
+    }
+    isDataLoaded() {
+        return this.eventTrigger ? true : false;
+    }
+    static ɵfac = function CaseCreateComponent_Factory(t) { return new (t || CaseCreateComponent)(i0.ɵɵdirectiveInject(CasesService), i0.ɵɵdirectiveInject(AlertService), i0.ɵɵdirectiveInject(DraftService), i0.ɵɵdirectiveInject(EventTriggerService)); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CaseCreateComponent, selectors: [["ccd-case-create"]], inputs: { jurisdiction: "jurisdiction", caseType: "caseType", event: "event" }, outputs: { cancelled: "cancelled", submitted: "submitted" }, decls: 1, vars: 1, consts: [[4, "ngIf"], [3, "cancelled", "submitted", "submit", "validate", "saveDraft", "eventTrigger"]], template: function CaseCreateComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵtemplate(0, CaseCreateComponent_div_0_Template, 2, 4, "div", 0);
+        } if (rf & 2) {
+            i0.ɵɵproperty("ngIf", ctx.isDataLoaded());
+        } }, encapsulation: 2 });
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaseEditComponent, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaseCreateComponent, [{
         type: Component,
-        args: [{ selector: 'ccd-case-edit', providers: [GreyBarService], template: "<router-outlet></router-outlet>\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: i4.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 }, { type: LoadingService }, { type: ValidPageListCaseFieldsService }, { type: WorkAllocationService }, { type: AlertService }, { type: AbstractAppConfig }], { eventTrigger: [{
-            type: Input
-        }], submit: [{
-            type: Input
-        }], validate: [{
+        args: [{ selector: 'ccd-case-create', template: "<div *ngIf=\"isDataLoaded()\">\n    <ccd-case-edit [submit]=\"submit()\"\n                   [validate]=\"validate()\"\n                   [saveDraft]=\"saveDraft()\"\n                   [eventTrigger]=\"eventTrigger\"\n                   (cancelled)=\"emitCancelled($event)\"\n                   (submitted)=\"emitSubmitted($event)\"></ccd-case-edit>\n</div>" }]
+    }], () => [{ type: CasesService }, { type: AlertService }, { type: DraftService }, { type: EventTriggerService }], { jurisdiction: [{
             type: Input
-        }], saveDraft: [{
+        }], caseType: [{
             type: Input
-        }], caseDetails: [{
+        }], event: [{
             type: Input
         }], cancelled: [{
             type: Output
         }], submitted: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CaseEditComponent, { className: "CaseEditComponent", filePath: "lib/shared/components/case-editor/case-edit/case-edit.component.ts", lineNumber: 35 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CaseCreateComponent, { className: "CaseCreateComponent", filePath: "lib/shared/components/case-editor/case-create/case-create.component.ts", lineNumber: 17 }); })();
 
 function CaseEditConfirmComponent_div_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "div");
@@ -11244,7 +11276,7 @@ class CaseEventCompletionTaskCancelledComponent {
     }
     onContinue() {
         // Removes task to complete so event completes without task
-        this.context.sessionStorageService.removeItem('clientContext');
+        this.context.sessionStorageService.removeItem(CaseEditComponent.CLIENT_CONTEXT);
         // may be able to remove this call below since it is now unneccesary
         this.notifyEventCompletionCancelled.emit(true);
     }
@@ -11430,7 +11462,7 @@ class CaseEventCompletionTaskReassignedComponent {
     }
     onContinue() {
         // Get task details
-        const clientContextStr = this.sessionStorageService.getItem('clientContext');
+        const clientContextStr = this.sessionStorageService.getItem(CaseEditComponent.CLIENT_CONTEXT);
         const userTask = FieldsUtils.getUserTaskFromClientContext(clientContextStr);
         const task = userTask ? userTask.task_data : null;
         // not complete_task not utilised here as related to event completion
@@ -11460,7 +11492,7 @@ class CaseEventCompletionTaskReassignedComponent {
         }], notifyEventCompletionReassigned: [{
             type: Output
         }] }); })();
-(() => { (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: 15 }); })();
+(() => { (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 }); })();
 
 class AddressOption {
     description;
@@ -14247,6 +14279,7 @@ class WriteDocumentFieldComponent extends AbstractFieldWriteComponent {
     static UPLOAD_TIMESTAMP = 'upload_timestamp';
     static UPLOAD_ERROR_FILE_REQUIRED = 'File required';
     static UPLOAD_ERROR_NOT_AVAILABLE = 'Document upload facility is not available at the moment';
+    static UPLOAD_ERROR_INVALID_FORMAT = 'Document format is not supported';
     static UPLOAD_WAITING_FILE_STATUS = 'Uploading...';
     static ERROR_UPLOADING_FILE = 'Error Uploading File';
     fileInput;
@@ -14324,8 +14357,15 @@ class WriteDocumentFieldComponent extends AbstractFieldWriteComponent {
             }
         }
     }
-    fileChangeEvent(fileInput) {
-        if (fileInput.target.files[0]) {
+    fileChangeEvent(fileInput, allowedRegex) {
+        let fileTypeRegex;
+        if (allowedRegex) {
+            fileTypeRegex = new RegExp(`(${allowedRegex.replace(/,/g, '|')})`);
+        }
+        if (fileInput.target?.files[0] && !fileInput.target?.files[0]?.name?.match(fileTypeRegex)) {
+            this.invalidFileFormat();
+        }
+        else if (fileInput.target.files[0]) {
             this.selectedFile = fileInput.target.files[0];
             this.displayFileUploadMessages(WriteDocumentFieldComponent.UPLOAD_WAITING_FILE_STATUS);
             const documentUpload = this.buildDocumentUploadData(this.selectedFile);
@@ -14358,6 +14398,10 @@ class WriteDocumentFieldComponent extends AbstractFieldWriteComponent {
         }
         return false;
     }
+    invalidFileFormat() {
+        this.updateDocumentForm(null, null, null);
+        this.displayFileUploadMessages(WriteDocumentFieldComponent.UPLOAD_ERROR_INVALID_FORMAT);
+    }
     getUploadedFileName() {
         if (this.uploadedDocument) {
             return this.uploadedDocument.get(WriteDocumentFieldComponent.DOCUMENT_FILENAME).value;
@@ -14575,7 +14619,7 @@ class WriteDocumentFieldComponent extends AbstractFieldWriteComponent {
             i0.ɵɵlistener("click", function WriteDocumentFieldComponent_Template_div_click_11_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.fileSelectEvent()); })("keyup", function WriteDocumentFieldComponent_Template_div_keyup_11_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.fileSelectEvent()); });
             i0.ɵɵelementEnd();
             i0.ɵɵelementStart(12, "input", 9, 0);
-            i0.ɵɵlistener("keydown.Tab", function WriteDocumentFieldComponent_Template_input_keydown_Tab_12_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.fileValidationsOnTab()); })("change", function WriteDocumentFieldComponent_Template_input_change_12_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.fileChangeEvent($event)); });
+            i0.ɵɵlistener("keydown.Tab", function WriteDocumentFieldComponent_Template_input_keydown_Tab_12_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.fileValidationsOnTab()); })("change", function WriteDocumentFieldComponent_Template_input_change_12_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.fileChangeEvent($event, ctx.caseField.field_type.regular_expression)); });
             i0.ɵɵelementEnd()()();
             i0.ɵɵelementStart(14, "div", 10)(15, "button", 11);
             i0.ɵɵlistener("click", function WriteDocumentFieldComponent_Template_button_click_15_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.cancelUpload()); });
@@ -14609,7 +14653,7 @@ class WriteDocumentFieldComponent extends AbstractFieldWriteComponent {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WriteDocumentFieldComponent, [{
         type: Component,
-        args: [{ selector: 'ccd-write-document-field', template: "<div class=\"form-group\" [ngClass]=\"{'form-group-error bottom-30': !valid}\">\n  <label [for]=\"id()\">\n    <span class=\"form-label\" attr.aria-label=\"{{caseField | ccdFieldLabel}}\">{{(caseField | ccdFieldLabel)}}</span>\n  </label>\n  <span class=\"form-hint\" *ngIf=\"caseField.hint_text\">{{caseField.hint_text | rpxTranslate}}</span>\n  <span class=\"error-message\" *ngIf=\"fileUploadMessages && !valid\">{{fileUploadMessages | rpxTranslate}}</span>\n\n  <div>\n    <!--<span *ngIf=\"getUploadedFileName()\" class=\"text-16\">File name: {{getUploadedFileName()}}</span>-->\n    <ccd-read-document-field *ngIf=\"caseField\" [caseField]=\"caseField\"></ccd-read-document-field>\n  </div>\n\n  <div style='position:relative'>\n    <div [id]=\"createElementId('fileInputWrapper')\" (click)=\"fileSelectEvent()\" (keyup)=\"fileSelectEvent()\"></div>\n    <input class=\"form-control bottom-30\" [id]=\"id()\" type=\"file\" (keydown.Tab)=\"fileValidationsOnTab()\" (change)=\"fileChangeEvent($event)\"\n           accept=\"{{caseField.field_type.regular_expression}}\" #fileInput/>\n  </div>\n</div>\n<div class=\"form-group bottom-30\">\n  <button class=\"button button-secondary\" type=\"button\" aria-label=\"Cancel upload\" (click)=\"cancelUpload()\" [disabled]=\"!isUploadInProgress()\">{{'Cancel upload' | rpxTranslate}}</button>\n</div>\n" }]
+        args: [{ selector: 'ccd-write-document-field', template: "<div class=\"form-group\" [ngClass]=\"{'form-group-error bottom-30': !valid}\">\n  <label [for]=\"id()\">\n    <span class=\"form-label\" attr.aria-label=\"{{caseField | ccdFieldLabel}}\">{{(caseField | ccdFieldLabel)}}</span>\n  </label>\n  <span class=\"form-hint\" *ngIf=\"caseField.hint_text\">{{caseField.hint_text | rpxTranslate}}</span>\n  <span class=\"error-message\" *ngIf=\"fileUploadMessages && !valid\">{{fileUploadMessages | rpxTranslate}}</span>\n\n  <div>\n    <!--<span *ngIf=\"getUploadedFileName()\" class=\"text-16\">File name: {{getUploadedFileName()}}</span>-->\n    <ccd-read-document-field *ngIf=\"caseField\" [caseField]=\"caseField\"></ccd-read-document-field>\n  </div>\n\n  <div style='position:relative'>\n    <div [id]=\"createElementId('fileInputWrapper')\" (click)=\"fileSelectEvent()\" (keyup)=\"fileSelectEvent()\"></div>\n    <input class=\"form-control bottom-30\" [id]=\"id()\" type=\"file\" (keydown.Tab)=\"fileValidationsOnTab()\" (change)=\"fileChangeEvent($event, caseField.field_type.regular_expression)\"\n           accept=\"{{caseField.field_type.regular_expression}}\" #fileInput/>\n  </div>\n</div>\n<div class=\"form-group bottom-30\">\n  <button class=\"button button-secondary\" type=\"button\" aria-label=\"Cancel upload\" (click)=\"cancelUpload()\" [disabled]=\"!isUploadInProgress()\">{{'Cancel upload' | rpxTranslate}}</button>\n</div>\n" }]
     }], () => [{ type: AbstractAppConfig }, { type: CaseNotifier }, { type: DocumentManagementService }, { type: i1$3.MatLegacyDialog }, { type: FileUploadStateService }, { type: JurisdictionService }], { fileInput: [{
             type: ViewChild,
             args: ['fileInput', { static: false }]
@@ -34290,7 +34334,6 @@ class EventStartGuard {
     sessionStorageService;
     abstractConfig;
     cookieService;
-    static CLIENT_CONTEXT = 'clientContext';
     constructor(workAllocationService, router, sessionStorageService, abstractConfig, cookieService) {
         this.workAllocationService = workAllocationService;
         this.router = router;
@@ -34311,7 +34354,7 @@ class EventStartGuard {
         const caseInfoStr = this.sessionStorageService.getItem('caseInfo');
         const languageCookie = this.cookieService.getCookie('exui-preferred-language');
         const currentLanguage = !!languageCookie && languageCookie !== '' ? languageCookie : 'en';
-        const preClientContext = this.sessionStorageService.getItem(EventStartGuard.CLIENT_CONTEXT);
+        const preClientContext = this.sessionStorageService.getItem(CaseEditComponent.CLIENT_CONTEXT);
         if (!preClientContext) {
             // creates client context for language if not already existing
             const storeClientContext = {
@@ -34321,7 +34364,7 @@ class EventStartGuard {
                     }
                 }
             };
-            this.sessionStorageService.setItem(EventStartGuard.CLIENT_CONTEXT, JSON.stringify(storeClientContext));
+            this.sessionStorageService.setItem(CaseEditComponent.CLIENT_CONTEXT, JSON.stringify(storeClientContext));
         }
         else {
             const clientContextObj = JSON.parse(preClientContext);
@@ -34335,7 +34378,7 @@ class EventStartGuard {
                         }
                     }
                 };
-                this.sessionStorageService.setItem(EventStartGuard.CLIENT_CONTEXT, JSON.stringify(clientContextAddLanguage));
+                this.sessionStorageService.setItem(CaseEditComponent.CLIENT_CONTEXT, JSON.stringify(clientContextAddLanguage));
             }
         }
         if (caseInfoStr) {
@@ -34396,13 +34439,10 @@ class EventStartGuard {
                     }
                 }
             };
-            this.sessionStorageService.setItem(EventStartGuard.CLIENT_CONTEXT, JSON.stringify(storeClientContext));
+            this.sessionStorageService.setItem(CaseEditComponent.CLIENT_CONTEXT, JSON.stringify(storeClientContext));
             return true;
         }
     }
-    removeTaskFromSessionStorage() {
-        this.sessionStorageService.removeItem(EventStartGuard.CLIENT_CONTEXT);
-    }
     checkForTasks(payload, caseId, eventId, taskId, userId) {
         if (taskId && payload?.tasks?.length > 0) {
             const task = payload.tasks.find((t) => t.id == taskId);
@@ -34427,11 +34467,11 @@ class EventStartGuard {
                         }
                     }
                 };
-                this.sessionStorageService.setItem('taskEventCompletionInfo', JSON.stringify(taskEventCompletionInfo));
-                this.sessionStorageService.setItem(EventStartGuard.CLIENT_CONTEXT, JSON.stringify(storeClientContext));
+                this.sessionStorageService.setItem(CaseEditComponent.TASK_EVENT_COMPLETION_INFO, JSON.stringify(taskEventCompletionInfo));
+                this.sessionStorageService.setItem(CaseEditComponent.CLIENT_CONTEXT, JSON.stringify(storeClientContext));
             }
             else {
-                this.removeTaskFromSessionStorage();
+                removeTaskFromClientContext(this.sessionStorageService);
             }
         }
         if (payload.task_required_for_event) {
@@ -34610,7 +34650,6 @@ class EventStartStateMachineService {
                 }
             }
         };
-        context.sessionStorageService.setItem('clientContext', JSON.stringify(clientContext));
         let userInfo;
         const userInfoStr = context.sessionStorageService.getItem('userDetails');
         if (userInfoStr) {
@@ -34624,7 +34663,9 @@ class EventStartStateMachineService {
             taskId: task.id,
             createdTimestamp: Date.now()
         };
-        context.sessionStorageService.setItem('taskEventCompletionInfo', JSON.stringify(taskEventCompletionInfo));
+        context.sessionStorageService.setItem(CaseEditComponent.TASK_EVENT_COMPLETION_INFO, JSON.stringify(taskEventCompletionInfo));
+        // EXUI-2668 - Only add client context when taskEventCompletionInfo is set - stops auto completing incorrect tasks
+        context.sessionStorageService.setItem(CaseEditComponent.CLIENT_CONTEXT, JSON.stringify(clientContext));
         // Allow user to perform the event
         context.router.navigate([`/cases/case-details/${context.caseId}/trigger/${context.eventId}`], { relativeTo: context.route });
     }