@hmcts/ccd-case-ui-toolkit 4.9.3-state-machine → 4.9.9-state-machine

package/dist/index.umd.js

@@ -1,19 +1,19 @@
 /**
  * @hmcts/ccd-case-ui-toolkit - Case UI Toolkit
- * @version v4.9.3-state-machine
+ * @version v4.9.9-state-machine
  * @link undefined
  * @license MIT
  */
 (function webpackUniversalModuleDefinition(root, factory) {
 	if(typeof exports === 'object' && typeof module === 'object')
-		module.exports = factory(require("@angular/core"), require("@angular/common"), require("@angular/router"), require("@angular/forms"), require("rxjs"), require("@angular/common/http"), require("rxjs/operators"), require("@angular/platform-browser"), require("rxjs/operator/publish"), require("rxjs/Rx"), require("rxjs/internal/operators"), require("rxjs/Subject"), require("rxjs/add/operator/map"), require("@angular/material"), require("@angular/cdk/coercion"), require("@angular/cdk/overlay"), require("@angular/cdk/bidi"), require("@angular/cdk/keycodes"), require("@angular/material/form-field"), require("@angular/cdk/portal"), require("@angular/material/datepicker"), require("@angular/material/dialog"), require("@angular/material/button"), require("@angular/material/icon"), require("@angular/material/input"), require("@angular/material/core"), require("@angular/cdk/platform"), require("rxjs/index"), require("rxjs/observable/throw"), require("rxjs/add/operator/do"), require("@angular/compiler/src/util"));
+		module.exports = factory(require("@angular/cdk/portal"), require("@angular/core"), require("@angular/common"), require("@angular/router"), require("@angular/forms"), require("@angular/common/http"), require("rxjs"), require("rxjs/operators"), require("rxjs/operator/publish"), require("rxjs/Rx"), require("rxjs/internal/operators"), require("rxjs/Subject"), require("rxjs/add/operator/map"), require("@angular/material"), require("@angular/cdk/coercion"), require("@angular/cdk/overlay"), require("@angular/cdk/bidi"), require("@angular/cdk/keycodes"), require("@angular/material/form-field"), require("@angular/material/datepicker"), require("@angular/material/dialog"), require("@angular/material/button"), require("@angular/material/icon"), require("@angular/material/input"), require("@angular/material/core"), require("@angular/cdk/platform"), require("rxjs/index"), require("@angular/platform-browser"), require("rxjs/observable/throw"), require("rxjs/add/operator/do"), require("@angular/compiler/src/util"));
 	else if(typeof define === 'function' && define.amd)
-		define(["@angular/core", "@angular/common", "@angular/router", "@angular/forms", "rxjs", "@angular/common/http", "rxjs/operators", "@angular/platform-browser", "rxjs/operator/publish", "rxjs/Rx", "rxjs/internal/operators", "rxjs/Subject", "rxjs/add/operator/map", "@angular/material", "@angular/cdk/coercion", "@angular/cdk/overlay", "@angular/cdk/bidi", "@angular/cdk/keycodes", "@angular/material/form-field", "@angular/cdk/portal", "@angular/material/datepicker", "@angular/material/dialog", "@angular/material/button", "@angular/material/icon", "@angular/material/input", "@angular/material/core", "@angular/cdk/platform", "rxjs/index", "rxjs/observable/throw", "rxjs/add/operator/do", "@angular/compiler/src/util"], factory);
+		define(["@angular/cdk/portal", "@angular/core", "@angular/common", "@angular/router", "@angular/forms", "@angular/common/http", "rxjs", "rxjs/operators", "rxjs/operator/publish", "rxjs/Rx", "rxjs/internal/operators", "rxjs/Subject", "rxjs/add/operator/map", "@angular/material", "@angular/cdk/coercion", "@angular/cdk/overlay", "@angular/cdk/bidi", "@angular/cdk/keycodes", "@angular/material/form-field", "@angular/material/datepicker", "@angular/material/dialog", "@angular/material/button", "@angular/material/icon", "@angular/material/input", "@angular/material/core", "@angular/cdk/platform", "rxjs/index", "@angular/platform-browser", "rxjs/observable/throw", "rxjs/add/operator/do", "@angular/compiler/src/util"], factory);
 	else if(typeof exports === 'object')
-		exports["case-ui-toolkit"] = factory(require("@angular/core"), require("@angular/common"), require("@angular/router"), require("@angular/forms"), require("rxjs"), require("@angular/common/http"), require("rxjs/operators"), require("@angular/platform-browser"), require("rxjs/operator/publish"), require("rxjs/Rx"), require("rxjs/internal/operators"), require("rxjs/Subject"), require("rxjs/add/operator/map"), require("@angular/material"), require("@angular/cdk/coercion"), require("@angular/cdk/overlay"), require("@angular/cdk/bidi"), require("@angular/cdk/keycodes"), require("@angular/material/form-field"), require("@angular/cdk/portal"), require("@angular/material/datepicker"), require("@angular/material/dialog"), require("@angular/material/button"), require("@angular/material/icon"), require("@angular/material/input"), require("@angular/material/core"), require("@angular/cdk/platform"), require("rxjs/index"), require("rxjs/observable/throw"), require("rxjs/add/operator/do"), require("@angular/compiler/src/util"));
+		exports["case-ui-toolkit"] = factory(require("@angular/cdk/portal"), require("@angular/core"), require("@angular/common"), require("@angular/router"), require("@angular/forms"), require("@angular/common/http"), require("rxjs"), require("rxjs/operators"), require("rxjs/operator/publish"), require("rxjs/Rx"), require("rxjs/internal/operators"), require("rxjs/Subject"), require("rxjs/add/operator/map"), require("@angular/material"), require("@angular/cdk/coercion"), require("@angular/cdk/overlay"), require("@angular/cdk/bidi"), require("@angular/cdk/keycodes"), require("@angular/material/form-field"), require("@angular/material/datepicker"), require("@angular/material/dialog"), require("@angular/material/button"), require("@angular/material/icon"), require("@angular/material/input"), require("@angular/material/core"), require("@angular/cdk/platform"), require("rxjs/index"), require("@angular/platform-browser"), require("rxjs/observable/throw"), require("rxjs/add/operator/do"), require("@angular/compiler/src/util"));
 	else
-		root["case-ui-toolkit"] = factory(root["ng"]["core"], root["ng"]["common"], root["ng"]["router"], root["ng"]["forms"], root["rxjs"], root["ng"]["commonHttp"], root["rxjs"]["operators"], root["ng"]["platformBrowser"], root["rxjs"]["operator"]["publish"], root["rxjs"]["Rx"], root["rxjs"]["internal"]["operators"], root["rxjs"]["Subject"], root["rxjs"]["add"]["operator"]["map"], root["ng"]["material"], root["ng"]["cdkCoercion"], root["ng"]["cdkOverlay"], root["ng"]["cdkBidi"], root["ng"]["cdkKeycodes"], root["ng"]["materialFormField"], root["ng"]["cdkPortal"], root["ng"]["materialDatepicker"], root["ng"]["materialDialog"], root["ng"]["materialButton"], root["ng"]["materialIcon"], root["ng"]["materialInput"], root["ng"]["materialCore"], root["ng"]["cdkPlatform"], root["rxjs"]["index"], root["rxjs"]["observable"]["throw"], root["rxjs"]["add"]["operator"]["do"], root["ng"]["compilerSrcUtil"]);
-})(self, function(__WEBPACK_EXTERNAL_MODULE__57208__, __WEBPACK_EXTERNAL_MODULE__91216__, __WEBPACK_EXTERNAL_MODULE__92302__, __WEBPACK_EXTERNAL_MODULE__92985__, __WEBPACK_EXTERNAL_MODULE__87318__, __WEBPACK_EXTERNAL_MODULE__17103__, __WEBPACK_EXTERNAL_MODULE__19443__, __WEBPACK_EXTERNAL_MODULE__3125__, __WEBPACK_EXTERNAL_MODULE__49570__, __WEBPACK_EXTERNAL_MODULE__22016__, __WEBPACK_EXTERNAL_MODULE__41163__, __WEBPACK_EXTERNAL_MODULE__66284__, __WEBPACK_EXTERNAL_MODULE__88091__, __WEBPACK_EXTERNAL_MODULE__69451__, __WEBPACK_EXTERNAL_MODULE__26482__, __WEBPACK_EXTERNAL_MODULE__22083__, __WEBPACK_EXTERNAL_MODULE__99183__, __WEBPACK_EXTERNAL_MODULE__39739__, __WEBPACK_EXTERNAL_MODULE__27959__, __WEBPACK_EXTERNAL_MODULE__13571__, __WEBPACK_EXTERNAL_MODULE__93560__, __WEBPACK_EXTERNAL_MODULE__44999__, __WEBPACK_EXTERNAL_MODULE__31106__, __WEBPACK_EXTERNAL_MODULE__21495__, __WEBPACK_EXTERNAL_MODULE__22839__, __WEBPACK_EXTERNAL_MODULE__36080__, __WEBPACK_EXTERNAL_MODULE__31250__, __WEBPACK_EXTERNAL_MODULE__91996__, __WEBPACK_EXTERNAL_MODULE__8215__, __WEBPACK_EXTERNAL_MODULE__36964__, __WEBPACK_EXTERNAL_MODULE__18427__) {
+		root["case-ui-toolkit"] = factory(root["ng"]["cdkPortal"], root["ng"]["core"], root["ng"]["common"], root["ng"]["router"], root["ng"]["forms"], root["ng"]["commonHttp"], root["rxjs"], root["rxjs"]["operators"], root["rxjs"]["operator"]["publish"], root["rxjs"]["Rx"], root["rxjs"]["internal"]["operators"], root["rxjs"]["Subject"], root["rxjs"]["add"]["operator"]["map"], root["ng"]["material"], root["ng"]["cdkCoercion"], root["ng"]["cdkOverlay"], root["ng"]["cdkBidi"], root["ng"]["cdkKeycodes"], root["ng"]["materialFormField"], root["ng"]["materialDatepicker"], root["ng"]["materialDialog"], root["ng"]["materialButton"], root["ng"]["materialIcon"], root["ng"]["materialInput"], root["ng"]["materialCore"], root["ng"]["cdkPlatform"], root["rxjs"]["index"], root["ng"]["platformBrowser"], root["rxjs"]["observable"]["throw"], root["rxjs"]["add"]["operator"]["do"], root["ng"]["compilerSrcUtil"]);
+})(self, function(__WEBPACK_EXTERNAL_MODULE__13571__, __WEBPACK_EXTERNAL_MODULE__57208__, __WEBPACK_EXTERNAL_MODULE__91216__, __WEBPACK_EXTERNAL_MODULE__92302__, __WEBPACK_EXTERNAL_MODULE__92985__, __WEBPACK_EXTERNAL_MODULE__17103__, __WEBPACK_EXTERNAL_MODULE__87318__, __WEBPACK_EXTERNAL_MODULE__19443__, __WEBPACK_EXTERNAL_MODULE__49570__, __WEBPACK_EXTERNAL_MODULE__22016__, __WEBPACK_EXTERNAL_MODULE__41163__, __WEBPACK_EXTERNAL_MODULE__66284__, __WEBPACK_EXTERNAL_MODULE__88091__, __WEBPACK_EXTERNAL_MODULE__69451__, __WEBPACK_EXTERNAL_MODULE__26482__, __WEBPACK_EXTERNAL_MODULE__22083__, __WEBPACK_EXTERNAL_MODULE__99183__, __WEBPACK_EXTERNAL_MODULE__39739__, __WEBPACK_EXTERNAL_MODULE__27959__, __WEBPACK_EXTERNAL_MODULE__93560__, __WEBPACK_EXTERNAL_MODULE__44999__, __WEBPACK_EXTERNAL_MODULE__31106__, __WEBPACK_EXTERNAL_MODULE__21495__, __WEBPACK_EXTERNAL_MODULE__22839__, __WEBPACK_EXTERNAL_MODULE__36080__, __WEBPACK_EXTERNAL_MODULE__31250__, __WEBPACK_EXTERNAL_MODULE__91996__, __WEBPACK_EXTERNAL_MODULE__3125__, __WEBPACK_EXTERNAL_MODULE__8215__, __WEBPACK_EXTERNAL_MODULE__36964__, __WEBPACK_EXTERNAL_MODULE__18427__) {
 return /******/ (() => { // webpackBootstrap
 /******/ 	var __webpack_modules__ = ({
 
@@ -12033,38 +12033,39 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 Object.defineProperty(exports, "__esModule", ({ value: true }));
+var portal_1 = __webpack_require__(13571);
 var core_1 = __webpack_require__(57208);
 var ngx_pagination_1 = __webpack_require__(42664);
-var headers_module_1 = __webpack_require__(79322);
-var footers_module_1 = __webpack_require__(84051);
+var alert_component_1 = __webpack_require__(11733);
+var banners_module_1 = __webpack_require__(56933);
+var body_component_1 = __webpack_require__(4079);
 var body_module_1 = __webpack_require__(96739);
-var phase_component_1 = __webpack_require__(79577);
-var header_bar_component_1 = __webpack_require__(80886);
-var navigation_component_1 = __webpack_require__(77773);
-var navigation_item_component_1 = __webpack_require__(37587);
 var footer_component_1 = __webpack_require__(4560);
-var body_component_1 = __webpack_require__(4079);
-var form_module_1 = __webpack_require__(43153);
+var footers_module_1 = __webpack_require__(84051);
 var date_input_component_1 = __webpack_require__(13424);
-var tabs_module_1 = __webpack_require__(93737);
-var tabs_component_1 = __webpack_require__(21532);
+var form_module_1 = __webpack_require__(43153);
+var header_bar_component_1 = __webpack_require__(80886);
+var headers_module_1 = __webpack_require__(79322);
+var navigation_item_component_1 = __webpack_require__(37587);
+var navigation_component_1 = __webpack_require__(77773);
+var phase_component_1 = __webpack_require__(79577);
 var tab_component_1 = __webpack_require__(65635);
-var alert_component_1 = __webpack_require__(11733);
-var banners_module_1 = __webpack_require__(56933);
-var case_editor_module_1 = __webpack_require__(20039);
-var case_viewer_module_1 = __webpack_require__(45296);
-var case_edit_component_1 = __webpack_require__(78101);
-var callback_errors_component_1 = __webpack_require__(27468);
+var tabs_component_1 = __webpack_require__(21532);
+var tabs_module_1 = __webpack_require__(93737);
+var shared_1 = __webpack_require__(51472);
 var case_create_component_1 = __webpack_require__(19119);
+var case_edit_component_1 = __webpack_require__(78101);
+var case_editor_module_1 = __webpack_require__(20039);
 var case_progress_component_1 = __webpack_require__(88430);
-var palette_module_1 = __webpack_require__(70527);
+var case_history_1 = __webpack_require__(30542);
+var case_viewer_module_1 = __webpack_require__(45296);
+var delete_or_cancel_dialog_component_1 = __webpack_require__(92271);
 var dialogs_module_1 = __webpack_require__(82328);
 var document_dialog_component_1 = __webpack_require__(46139);
-var delete_or_cancel_dialog_component_1 = __webpack_require__(92271);
-var save_or_discard_dialog_component_1 = __webpack_require__(70654);
 var remove_dialog_component_1 = __webpack_require__(86675);
-var shared_1 = __webpack_require__(51472);
-var case_history_1 = __webpack_require__(30542);
+var save_or_discard_dialog_component_1 = __webpack_require__(70654);
+var callback_errors_component_1 = __webpack_require__(27468);
+var palette_module_1 = __webpack_require__(70527);
 var CaseUIToolkitModule = /** @class */ (function () {
     function CaseUIToolkitModule() {
     }
@@ -12089,7 +12090,8 @@ var CaseUIToolkitModule = /** @class */ (function () {
                 shared_1.SearchFiltersModule,
                 shared_1.FocusElementModule,
                 shared_1.LoadingModule,
-                shared_1.PaginationModule
+                shared_1.PaginationModule,
+                portal_1.PortalModule
             ],
             exports: [
                 alert_component_1.AlertComponent,
@@ -13274,7 +13276,7 @@ exports.CallbackErrorsContext = components_1.CallbackErrorsContext;
 exports.CasesService = components_1.CasesService;
 exports.ActivityModule = components_1.ActivityModule;
 exports.CaseHeaderModule = components_1.CaseHeaderModule;
-exports.EventManagementModule = components_1.EventManagementModule;
+exports.EventTriggerModule = components_1.EventTriggerModule;
 exports.EventLogModule = components_1.EventLogModule;
 exports.SearchFiltersModule = components_1.SearchFiltersModule;
 exports.CaseResolver = components_1.CaseResolver;
@@ -14231,6 +14233,7 @@ var CaseEditPageComponent = /** @class */ (function () {
         if (this.currentPageIsNotValid()) {
             this.generateErrorMessage(this.currentPage.case_fields);
         }
+        this.showSpinner = true;
         if (!this.isSubmitting && !this.currentPageIsNotValid()) {
             this.isSubmitting = true;
             this.error = null;
@@ -14274,7 +14277,7 @@ var CaseEditPageComponent = /** @class */ (function () {
     };
     CaseEditPageComponent.prototype.updateFormControlsValue = function (formGroup, caseFieldId, value) {
         var theControl = formGroup.controls['data'].get(caseFieldId);
-        if (theControl && theControl['status'] !== 'DISABLED') {
+        if (theControl) {
             if (Array.isArray(theControl.value) && Array.isArray(value)
                 && theControl.value.length > value.length && theControl['caseField']
                 && theControl['caseField']['display_context'] && theControl['caseField']['display_context'] === 'OPTIONAL'
@@ -15056,6 +15059,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 Object.defineProperty(exports, "__esModule", ({ value: true }));
+var portal_1 = __webpack_require__(13571);
 var common_1 = __webpack_require__(91216);
 var core_1 = __webpack_require__(57208);
 var forms_1 = __webpack_require__(92985);
@@ -15090,10 +15094,8 @@ var case_edit_submit_component_1 = __webpack_require__(17663);
 var case_edit_component_1 = __webpack_require__(78101);
 var case_progress_component_1 = __webpack_require__(88430);
 var case_edit_wizard_guard_1 = __webpack_require__(8894);
-var event_trigger_service_1 = __webpack_require__(17051);
-var page_validation_service_1 = __webpack_require__(54417);
-var wizard_factory_service_1 = __webpack_require__(13125);
-var work_allocation_service_1 = __webpack_require__(93603);
+var case_event_completion_1 = __webpack_require__(73933);
+var services_2 = __webpack_require__(25961);
 var CaseEditorModule = /** @class */ (function () {
     function CaseEditorModule() {
     }
@@ -15111,6 +15113,7 @@ var CaseEditorModule = /** @class */ (function () {
                 substitutor_1.LabelSubstitutorModule,
                 errors_module_1.ErrorsModule,
                 palette_1.ComplexModule,
+                portal_1.PortalModule
             ],
             declarations: [
                 case_edit_confirm_component_1.CaseEditConfirmComponent,
@@ -15118,10 +15121,17 @@ var CaseEditorModule = /** @class */ (function () {
                 case_edit_page_component_1.CaseEditPageComponent,
                 case_edit_form_component_1.CaseEditFormComponent,
                 case_edit_submit_component_1.CaseEditSubmitComponent,
+                case_event_completion_1.CaseEventCompletionComponent,
+                case_event_completion_1.CaseEventCompletionTaskCancelledComponent,
+                case_event_completion_1.CaseEventCompletionTaskReassignedComponent,
                 case_create_component_1.CaseCreateComponent,
                 case_progress_component_1.CaseProgressComponent,
                 loading_spinner_component_1.LoadingSpinnerComponent
             ],
+            entryComponents: [
+                case_event_completion_1.CaseEventCompletionTaskCancelledComponent,
+                case_event_completion_1.CaseEventCompletionTaskReassignedComponent,
+            ],
             exports: [
                 case_edit_confirm_component_1.CaseEditConfirmComponent,
                 case_edit_component_1.CaseEditComponent,
@@ -15137,14 +15147,14 @@ var CaseEditorModule = /** @class */ (function () {
                 fields_utils_1.FieldsUtils,
                 fields_purger_1.FieldsPurger,
                 conditional_show_registrar_service_1.ConditionalShowRegistrarService,
-                wizard_factory_service_1.WizardFactoryService,
+                services_2.WizardFactoryService,
                 form_1.FieldTypeSanitiser,
                 form_value_service_1.FormValueService,
                 form_error_service_1.FormErrorService,
-                page_validation_service_1.PageValidationService,
+                services_2.PageValidationService,
                 case_field_service_1.CaseFieldService,
                 order_service_1.OrderService,
-                event_trigger_service_1.EventTriggerService,
+                services_2.EventTriggerService,
                 profile_service_1.ProfileService,
                 profile_1.ProfileNotifier,
                 addresses_1.AddressesService,
@@ -15152,8 +15162,9 @@ var CaseEditorModule = /** @class */ (function () {
                 router_2.RouterHelperService,
                 profile_service_1.ProfileService,
                 case_edit_wizard_guard_1.CaseEditWizardGuard,
-                work_allocation_service_1.WorkAllocationService,
-                services_1.SessionStorageService
+                services_2.WorkAllocationService,
+                services_1.SessionStorageService,
+                services_2.EventCompletionStateMachineService
             ]
         })
     ], CaseEditorModule);
@@ -15162,6 +15173,284 @@ var CaseEditorModule = /** @class */ (function () {
 exports.CaseEditorModule = CaseEditorModule;
 
 
+/***/ }),
+
+/***/ 9349:
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+var portal_1 = __webpack_require__(13571);
+var core_1 = __webpack_require__(57208);
+var router_1 = __webpack_require__(92302);
+var _1 = __webpack_require__(73933);
+var services_1 = __webpack_require__(65010);
+var event_completion_portal_types_model_1 = __webpack_require__(79396);
+var services_2 = __webpack_require__(25961);
+exports.COMPONENT_PORTAL_INJECTION_TOKEN = new core_1.InjectionToken('');
+var CaseEventCompletionComponent = /** @class */ (function () {
+    function CaseEventCompletionComponent(service, router, route, sessionStorageService, workAllocationService, alertService) {
+        this.service = service;
+        this.router = router;
+        this.route = route;
+        this.sessionStorageService = sessionStorageService;
+        this.workAllocationService = workAllocationService;
+        this.alertService = alertService;
+        this.eventCanBeCompleted = new core_1.EventEmitter();
+    }
+    CaseEventCompletionComponent.prototype.ngOnChanges = function (changes) {
+        if (changes.eventCompletionParams && changes.eventCompletionParams.currentValue) {
+            // Setup the context
+            this.context = {
+                task: this.eventCompletionParams.task,
+                caseId: this.eventCompletionParams.caseId,
+                eventId: this.eventCompletionParams.eventId,
+                router: this.router,
+                route: this.route,
+                sessionStorageService: this.sessionStorageService,
+                workAllocationService: this.workAllocationService,
+                alertService: this.alertService,
+                canBeCompleted: false,
+                component: this
+            };
+            // Initialise state machine
+            this.stateMachine = this.service.initialiseStateMachine(this.context);
+            // Create states
+            this.service.createStates(this.stateMachine);
+            // Add transitions for the states
+            this.service.addTransitions();
+            // Start state machine
+            this.service.startStateMachine(this.stateMachine);
+        }
+    };
+    CaseEventCompletionComponent.prototype.showPortal = function (portalType) {
+        var injector = core_1.Injector.create({
+            providers: [
+                { provide: exports.COMPONENT_PORTAL_INJECTION_TOKEN, useValue: this }
+            ]
+        });
+        switch (portalType) {
+            case event_completion_portal_types_model_1.EventCompletionPortalTypes.TaskCancelled:
+                this.selectedComponentPortal = new portal_1.ComponentPortal(_1.CaseEventCompletionTaskCancelledComponent, null, injector);
+                break;
+            case event_completion_portal_types_model_1.EventCompletionPortalTypes.TaskReassigned:
+                this.selectedComponentPortal = new portal_1.ComponentPortal(_1.CaseEventCompletionTaskReassignedComponent, null, injector);
+                break;
+        }
+    };
+    __decorate([
+        core_1.Input(),
+        __metadata("design:type", Object)
+    ], CaseEventCompletionComponent.prototype, "eventCompletionParams", void 0);
+    __decorate([
+        core_1.Output(),
+        __metadata("design:type", core_1.EventEmitter)
+    ], CaseEventCompletionComponent.prototype, "eventCanBeCompleted", void 0);
+    CaseEventCompletionComponent = __decorate([
+        core_1.Component({
+            selector: 'ccd-case-event-completion',
+            template: __webpack_require__(45479)
+        }),
+        __metadata("design:paramtypes", [services_2.EventCompletionStateMachineService,
+            router_1.Router,
+            router_1.ActivatedRoute,
+            services_1.SessionStorageService,
+            services_2.WorkAllocationService,
+            services_1.AlertService])
+    ], CaseEventCompletionComponent);
+    return CaseEventCompletionComponent;
+}());
+exports.CaseEventCompletionComponent = CaseEventCompletionComponent;
+
+
+/***/ }),
+
+/***/ 43716:
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+var __param = (this && this.__param) || function (paramIndex, decorator) {
+    return function (target, key) { decorator(target, key, paramIndex); }
+};
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+var core_1 = __webpack_require__(57208);
+var router_1 = __webpack_require__(92302);
+var case_event_completion_component_1 = __webpack_require__(9349);
+var CaseEventCompletionTaskCancelledComponent = /** @class */ (function () {
+    function CaseEventCompletionTaskCancelledComponent(parentComponent, route) {
+        this.parentComponent = parentComponent;
+        this.route = route;
+        this.caseId = this.route.snapshot.params['cid'];
+    }
+    CaseEventCompletionTaskCancelledComponent.prototype.onContinue = function () {
+        // Emit event can be completed event
+        this.parentComponent.eventCanBeCompleted.emit(true);
+    };
+    CaseEventCompletionTaskCancelledComponent = __decorate([
+        core_1.Component({
+            selector: 'app-case-event-completion-task-cancelled',
+            template: __webpack_require__(69675)
+        }),
+        __param(0, core_1.Inject(case_event_completion_component_1.COMPONENT_PORTAL_INJECTION_TOKEN)),
+        __metadata("design:paramtypes", [case_event_completion_component_1.CaseEventCompletionComponent,
+            router_1.ActivatedRoute])
+    ], CaseEventCompletionTaskCancelledComponent);
+    return CaseEventCompletionTaskCancelledComponent;
+}());
+exports.CaseEventCompletionTaskCancelledComponent = CaseEventCompletionTaskCancelledComponent;
+
+
+/***/ }),
+
+/***/ 87204:
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+var __param = (this && this.__param) || function (paramIndex, decorator) {
+    return function (target, key) { decorator(target, key, paramIndex); }
+};
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+var core_1 = __webpack_require__(57208);
+var router_1 = __webpack_require__(92302);
+var rxjs_1 = __webpack_require__(87318);
+var services_1 = __webpack_require__(65010);
+var services_2 = __webpack_require__(25961);
+var case_worker_service_1 = __webpack_require__(3911);
+var case_event_completion_component_1 = __webpack_require__(9349);
+var CaseEventCompletionTaskReassignedComponent = /** @class */ (function () {
+    function CaseEventCompletionTaskReassignedComponent(parentComponent, route, workAllocationService, sessionStorageService, judicialworkerService, caseworkerService, alertService) {
+        this.parentComponent = parentComponent;
+        this.route = route;
+        this.workAllocationService = workAllocationService;
+        this.sessionStorageService = sessionStorageService;
+        this.judicialworkerService = judicialworkerService;
+        this.caseworkerService = caseworkerService;
+        this.alertService = alertService;
+    }
+    CaseEventCompletionTaskReassignedComponent.prototype.ngOnInit = function () {
+        var _this = this;
+        // Get the assigned user id from the parent component
+        this.assignedUserId = this.parentComponent.context.task.assignee;
+        // Get the caseworker based on the assigned user id
+        var caseworkers$ = this.caseworkerService.getCaseworkers([this.assignedUserId]);
+        this.caseworkerSubscription = caseworkers$.subscribe(function (caseworkers) {
+            if (caseworkers && caseworkers[0].firstName && caseworkers[0].lastName) {
+                _this.assignedUserName = caseworkers[0].firstName + " " + caseworkers[0].lastName;
+            }
+            else {
+                // Get the judicial worker based on the assigned user id
+                var judicialworkers$ = _this.judicialworkerService.getJudicialworkers([_this.assignedUserId]);
+                _this.judicialworkerSubscription = judicialworkers$.subscribe(function (judicialworkers) {
+                    if (judicialworkers && judicialworkers[0].firstName && judicialworkers[0].lastName) {
+                        _this.assignedUserName = judicialworkers[0].firstName + " " + judicialworkers[0].lastName;
+                    }
+                    else {
+                        // As a fail safe display assigned user name as 'another user'
+                        _this.assignedUserName = 'another user';
+                    }
+                });
+            }
+        });
+    };
+    CaseEventCompletionTaskReassignedComponent.prototype.ngOnDestroy = function () {
+        if (this.subscription) {
+            this.subscription.unsubscribe();
+        }
+        if (this.caseworkerSubscription) {
+            this.caseworkerSubscription.unsubscribe();
+        }
+        if (this.judicialworkerSubscription) {
+            this.judicialworkerSubscription.unsubscribe();
+        }
+    };
+    CaseEventCompletionTaskReassignedComponent.prototype.onContinue = function () {
+        var _this = this;
+        // Get task details
+        var taskStr = this.sessionStorageService.getItem('taskToComplete');
+        if (taskStr) {
+            // Task is in session storage
+            var task = JSON.parse(taskStr);
+            // Assign and complete task
+            this.subscription = this.workAllocationService.assignAndCompleteTask(task.id).subscribe(function (response) {
+                // Emit event can be completed event
+                _this.parentComponent.eventCanBeCompleted.emit(true);
+            }, function (error) {
+                // Emit event cannot be completed event
+                _this.parentComponent.eventCanBeCompleted.emit(false);
+                _this.alertService.error(error.message);
+                return rxjs_1.throwError(error);
+            });
+        }
+        else {
+            // Emit event cannot be completed event
+            this.parentComponent.eventCanBeCompleted.emit(false);
+        }
+    };
+    CaseEventCompletionTaskReassignedComponent = __decorate([
+        core_1.Component({
+            selector: 'app-case-event-completion-task-reassigned',
+            template: __webpack_require__(63504)
+        }),
+        __param(0, core_1.Inject(case_event_completion_component_1.COMPONENT_PORTAL_INJECTION_TOKEN)),
+        __metadata("design:paramtypes", [case_event_completion_component_1.CaseEventCompletionComponent,
+            router_1.ActivatedRoute,
+            services_2.WorkAllocationService,
+            services_1.SessionStorageService,
+            services_2.JudicialworkerService,
+            case_worker_service_1.CaseworkerService,
+            services_1.AlertService])
+    ], CaseEventCompletionTaskReassignedComponent);
+    return CaseEventCompletionTaskReassignedComponent;
+}());
+exports.CaseEventCompletionTaskReassignedComponent = CaseEventCompletionTaskReassignedComponent;
+
+
+/***/ }),
+
+/***/ 73933:
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+function __export(m) {
+    for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
+}
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+__export(__webpack_require__(9349));
+__export(__webpack_require__(43716));
+__export(__webpack_require__(87204));
+
+
 /***/ }),
 
 /***/ 88430:
@@ -15302,6 +15591,60 @@ var Confirmation = /** @class */ (function () {
 exports.Confirmation = Confirmation;
 
 
+/***/ }),
+
+/***/ 79396:
+/***/ ((__unused_webpack_module, exports) => {
+
+"use strict";
+
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+var EventCompletionPortalTypes;
+(function (EventCompletionPortalTypes) {
+    EventCompletionPortalTypes[EventCompletionPortalTypes["TaskCancelled"] = 0] = "TaskCancelled";
+    EventCompletionPortalTypes[EventCompletionPortalTypes["TaskReassigned"] = 1] = "TaskReassigned";
+})(EventCompletionPortalTypes = exports.EventCompletionPortalTypes || (exports.EventCompletionPortalTypes = {}));
+
+
+/***/ }),
+
+/***/ 2345:
+/***/ ((__unused_webpack_module, exports) => {
+
+"use strict";
+
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+var EventCompletionReturnStates;
+(function (EventCompletionReturnStates) {
+    EventCompletionReturnStates["InProgress"] = "in-progress";
+    EventCompletionReturnStates["CompleteEvent"] = "complete-event";
+    EventCompletionReturnStates["CancelEvent"] = "cancel-event";
+})(EventCompletionReturnStates = exports.EventCompletionReturnStates || (exports.EventCompletionReturnStates = {}));
+
+
+/***/ }),
+
+/***/ 5578:
+/***/ ((__unused_webpack_module, exports) => {
+
+"use strict";
+
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+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 = exports.EventCompletionStates || (exports.EventCompletionStates = {}));
+
+
 /***/ }),
 
 /***/ 29808:
@@ -15313,10 +15656,12 @@ function __export(m) {
     for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
 }
 Object.defineProperty(exports, "__esModule", ({ value: true }));
-__export(__webpack_require__(55430));
 __export(__webpack_require__(44178));
-__export(__webpack_require__(25460));
+__export(__webpack_require__(2345));
+__export(__webpack_require__(5578));
 __export(__webpack_require__(26378));
+__export(__webpack_require__(25460));
+__export(__webpack_require__(55430));
 
 
 /***/ }),
@@ -15639,6 +15984,55 @@ var CaseEditWizardGuard = /** @class */ (function () {
 exports.CaseEditWizardGuard = CaseEditWizardGuard;
 
 
+/***/ }),
+
+/***/ 3911:
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+var core_1 = __webpack_require__(57208);
+var rxjs_1 = __webpack_require__(87318);
+var operators_1 = __webpack_require__(19443);
+var app_config_1 = __webpack_require__(35185);
+var services_1 = __webpack_require__(65010);
+var CaseworkerService = /** @class */ (function () {
+    function CaseworkerService(http, appConfig, errorService) {
+        this.http = http;
+        this.appConfig = appConfig;
+        this.errorService = errorService;
+    }
+    CaseworkerService.prototype.getCaseworkers = function (userIds) {
+        var _this = this;
+        var url = this.appConfig.getWorkAllocationApiUrl() + "/caseworker";
+        return this.http
+            .post(url, { userIds: userIds })
+            .pipe(operators_1.catchError(function (error) {
+            _this.errorService.setError(error);
+            return rxjs_1.throwError(error);
+        }));
+    };
+    CaseworkerService = __decorate([
+        core_1.Injectable(),
+        __metadata("design:paramtypes", [services_1.HttpService,
+            app_config_1.AbstractAppConfig,
+            services_1.HttpErrorService])
+    ], CaseworkerService);
+    return CaseworkerService;
+}());
+exports.CaseworkerService = CaseworkerService;
+
+
 /***/ }),
 
 /***/ 21190:
@@ -15956,6 +16350,167 @@ var CasesService = /** @class */ (function () {
 exports.CasesService = CasesService;
 
 
+/***/ }),
+
+/***/ 75585:
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+var core_1 = __webpack_require__(57208);
+var fsm_1 = __webpack_require__(5937);
+var rxjs_1 = __webpack_require__(87318);
+var Task_1 = __webpack_require__(60796);
+var domain_1 = __webpack_require__(29808);
+var event_completion_portal_types_model_1 = __webpack_require__(79396);
+var EVENT_COMPLETION_STATE_MACHINE = 'EVENT COMPLETION STATE MACHINE';
+var EventCompletionStateMachineService = /** @class */ (function () {
+    function EventCompletionStateMachineService() {
+    }
+    EventCompletionStateMachineService.prototype.initialiseStateMachine = function (context) {
+        return new fsm_1.StateMachine(EVENT_COMPLETION_STATE_MACHINE, context);
+    };
+    EventCompletionStateMachineService.prototype.startStateMachine = function (stateMachine) {
+        stateMachine.start(this.stateCheckTasksCanBeCompleted);
+    };
+    EventCompletionStateMachineService.prototype.createStates = function (stateMachine) {
+        // Initial state
+        this.stateCheckTasksCanBeCompleted = stateMachine.createState(domain_1.EventCompletionStates.CheckTasksCanBeCompleted, false, this.entryActionForStateCheckTasksCanBeCompleted);
+        this.stateCompleteEventAndTask = stateMachine.createState(domain_1.EventCompletionStates.CompleteEventAndTask, false, this.entryActionForStateCompleteEventAndTask);
+        this.stateTaskCompletedOrCancelled = stateMachine.createState(domain_1.EventCompletionStates.TaskCompetedOrCancelled, false, this.entryActionForStateTaskCompletedOrCancelled);
+        this.stateTaskAssignedToAnotherUser = stateMachine.createState(domain_1.EventCompletionStates.TaskAssignedToAnotherUser, false, this.entryActionForStateTaskAssignedToAnotherUser);
+        this.stateTaskUnassigned = stateMachine.createState(domain_1.EventCompletionStates.TaskUnassigned, false, this.entryActionForStateTaskUnassigned);
+        // Create final state, the second param isComplete is set to true to make sure state machine finished running
+        this.stateFinal = stateMachine.createState(domain_1.EventCompletionStates.Final, true, this.entryActionForStateFinal);
+    };
+    EventCompletionStateMachineService.prototype.addTransitions = function () {
+        // Initial transition
+        this.addTransitionsForStateCheckTasksCanBeCompleted();
+        this.addTransitionsForStateTaskCompletedOrCancelled();
+        this.addTransitionsForStateCompleteEventAndTask();
+        this.addTransitionsForStateTaskAssignedToAnotherUser();
+        this.addTransitionsForStateTaskUnassigned();
+    };
+    EventCompletionStateMachineService.prototype.entryActionForStateCheckTasksCanBeCompleted = function (state, context) {
+        context.workAllocationService.getTasksByCaseIdAndEventId(context.eventId, context.caseId).subscribe(function (payload) {
+            var taskPayLoad = payload;
+            if (taskPayLoad.task_required_for_event) {
+                var task = taskPayLoad.tasks.find(function (x) { return x.id === context.task.id; });
+                if (task && task.task_state) {
+                    switch (task.task_state.toUpperCase()) {
+                        case Task_1.TaskState.Unassigned:
+                            // Task unassigned
+                            state.trigger(domain_1.EventCompletionStates.TaskUnassigned);
+                            break;
+                        case Task_1.TaskState.Completed:
+                        case Task_1.TaskState.Cancelled:
+                            // Task completed or cancelled
+                            state.trigger(domain_1.EventCompletionStates.TaskCompetedOrCancelled);
+                            break;
+                        case Task_1.TaskState.Assigned:
+                            // Task is in assigned state
+                            task.assignee === context.task.assignee
+                                ? state.trigger(domain_1.EventCompletionStates.CompleteEventAndTask)
+                                : state.trigger(domain_1.EventCompletionStates.TaskAssignedToAnotherUser);
+                            break;
+                        default:
+                            // Task not assigned to user
+                            state.trigger(domain_1.EventCompletionStates.TaskAssignedToAnotherUser);
+                            break;
+                    }
+                }
+            }
+            else {
+                // This code should never be hit, as checks are aleady in place in the parent component
+                // This is just a fail safe code
+                // Event completion checks not required, inform parent to complete the event
+                state.trigger(domain_1.EventCompletionStates.CompleteEventAndTask);
+            }
+        });
+    };
+    EventCompletionStateMachineService.prototype.entryActionForStateTaskCompletedOrCancelled = function (state, context) {
+        // Trigger final state to complete processing of state machine
+        state.trigger(domain_1.EventCompletionStates.Final);
+        // Load case event completion task cancelled component
+        context.component.showPortal(event_completion_portal_types_model_1.EventCompletionPortalTypes.TaskCancelled);
+    };
+    EventCompletionStateMachineService.prototype.entryActionForStateCompleteEventAndTask = function (state, context) {
+        // Trigger final state to complete processing of state machine
+        state.trigger(domain_1.EventCompletionStates.Final);
+        // Emit event to parent component
+        context.component.eventCanBeCompleted.emit(true);
+    };
+    EventCompletionStateMachineService.prototype.entryActionForStateTaskAssignedToAnotherUser = function (state, context) {
+        // Trigger final state to complete processing of state machine
+        state.trigger(domain_1.EventCompletionStates.Final);
+        // Load case event completion task reassigned component
+        context.component.showPortal(event_completion_portal_types_model_1.EventCompletionPortalTypes.TaskReassigned);
+    };
+    EventCompletionStateMachineService.prototype.entryActionForStateTaskUnassigned = function (state, context) {
+        // Trigger final state to complete processing of state machine
+        state.trigger(domain_1.EventCompletionStates.Final);
+        // Get task details
+        var taskStr = context.sessionStorageService.getItem('taskToComplete');
+        if (taskStr) {
+            // Task is in session storage
+            var task = JSON.parse(taskStr);
+            // Assign and complete task
+            context.workAllocationService.assignAndCompleteTask(task.id).subscribe(function (response) {
+                // Emit event can be completed event
+                context.component.eventCanBeCompleted.emit(true);
+            }, function (error) {
+                // Emit event cannot be completed event
+                context.component.eventCanBeCompleted.emit(false);
+                context.alertService.error(error.message);
+                return rxjs_1.throwError(error);
+            });
+        }
+        else {
+            // Emit event cannot be completed event
+            context.component.eventCanBeCompleted.emit(false);
+        }
+    };
+    EventCompletionStateMachineService.prototype.entryActionForStateFinal = function (state, context) {
+        // Final actions can be performed here, the state machine finished running
+        console.log('FINAL');
+    };
+    EventCompletionStateMachineService.prototype.addTransitionsForStateCheckTasksCanBeCompleted = function () {
+        // Complete event and task
+        this.stateCheckTasksCanBeCompleted.addTransition(domain_1.EventCompletionStates.CompleteEventAndTask, this.stateCompleteEventAndTask);
+        // Task completed or cancelled
+        this.stateCheckTasksCanBeCompleted.addTransition(domain_1.EventCompletionStates.TaskCompetedOrCancelled, this.stateTaskCompletedOrCancelled);
+        // Task assigned to another user
+        this.stateCheckTasksCanBeCompleted.addTransition(domain_1.EventCompletionStates.TaskAssignedToAnotherUser, this.stateTaskAssignedToAnotherUser);
+        // Task unassigned
+        this.stateCheckTasksCanBeCompleted.addTransition(domain_1.EventCompletionStates.TaskUnassigned, this.stateTaskUnassigned);
+    };
+    EventCompletionStateMachineService.prototype.addTransitionsForStateTaskCompletedOrCancelled = function () {
+        this.stateTaskCompletedOrCancelled.addTransition(domain_1.EventCompletionStates.Final, this.stateFinal);
+    };
+    EventCompletionStateMachineService.prototype.addTransitionsForStateCompleteEventAndTask = function () {
+        this.stateCompleteEventAndTask.addTransition(domain_1.EventCompletionStates.Final, this.stateFinal);
+    };
+    EventCompletionStateMachineService.prototype.addTransitionsForStateTaskAssignedToAnotherUser = function () {
+        this.stateTaskAssignedToAnotherUser.addTransition(domain_1.EventCompletionStates.Final, this.stateFinal);
+    };
+    EventCompletionStateMachineService.prototype.addTransitionsForStateTaskUnassigned = function () {
+        this.stateTaskUnassigned.addTransition(domain_1.EventCompletionStates.Final, this.stateFinal);
+    };
+    EventCompletionStateMachineService = __decorate([
+        core_1.Injectable()
+    ], EventCompletionStateMachineService);
+    return EventCompletionStateMachineService;
+}());
+exports.EventCompletionStateMachineService = EventCompletionStateMachineService;
+
+
 /***/ }),
 
 /***/ 17051:
@@ -15998,15 +16553,67 @@ function __export(m) {
     for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
 }
 Object.defineProperty(exports, "__esModule", ({ value: true }));
-__export(__webpack_require__(13125));
-__export(__webpack_require__(54417));
 __export(__webpack_require__(8894));
-__export(__webpack_require__(17051));
+__export(__webpack_require__(3911));
 __export(__webpack_require__(21190));
 __export(__webpack_require__(53294));
+__export(__webpack_require__(75585));
+__export(__webpack_require__(17051));
+__export(__webpack_require__(51111));
+__export(__webpack_require__(54417));
+__export(__webpack_require__(13125));
 __export(__webpack_require__(93603));
 
 
+/***/ }),
+
+/***/ 51111:
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+var core_1 = __webpack_require__(57208);
+var rxjs_1 = __webpack_require__(87318);
+var operators_1 = __webpack_require__(19443);
+var app_config_1 = __webpack_require__(35185);
+var services_1 = __webpack_require__(65010);
+var JudicialworkerService = /** @class */ (function () {
+    function JudicialworkerService(http, appConfig, errorService) {
+        this.http = http;
+        this.appConfig = appConfig;
+        this.errorService = errorService;
+    }
+    JudicialworkerService.prototype.getJudicialworkers = function (userIds) {
+        var _this = this;
+        var url = this.appConfig.getWorkAllocationApiUrl() + "/roles/getJudicialUsers";
+        return this.http
+            .post(url, { userIds: userIds })
+            .pipe(operators_1.catchError(function (error) {
+            _this.errorService.setError(error);
+            return rxjs_1.throwError(error);
+        }));
+    };
+    JudicialworkerService = __decorate([
+        core_1.Injectable(),
+        __metadata("design:paramtypes", [services_1.HttpService,
+            app_config_1.AbstractAppConfig,
+            services_1.HttpErrorService])
+    ], JudicialworkerService);
+    return JudicialworkerService;
+}());
+exports.JudicialworkerService = JudicialworkerService;
+
+
 /***/ }),
 
 /***/ 54417:
@@ -16278,6 +16885,21 @@ var WorkAllocationService = /** @class */ (function () {
             }
         }));
     };
+    /**
+     * Call the API to assign a task.
+     * @param taskId specifies which task should be assigned.
+     * @param userId specifies the user the task should be assigned to.
+     */
+    WorkAllocationService.prototype.assignTask = function (taskId, userId) {
+        var _this = this;
+        var url = this.appConfig.getWorkAllocationApiUrl() + "/task/" + taskId + "/assign";
+        return this.http
+            .post(url, { userId: userId })
+            .pipe(operators_1.catchError(function (error) {
+            _this.errorService.setError(error);
+            return rxjs_1.throwError(error);
+        }));
+    };
     /**
      * Call the API to complete a task.
      * @param taskId specifies which task should be completed.
@@ -16296,6 +16918,28 @@ var WorkAllocationService = /** @class */ (function () {
             return rxjs_1.throwError(error);
         }));
     };
+    /**
+     * Call the API to assign and complete a task.
+     * @param taskId specifies which task should be completed.
+     */
+    WorkAllocationService.prototype.assignAndCompleteTask = function (taskId) {
+        var _this = this;
+        var url = this.appConfig.getWorkAllocationApiUrl() + "/task/" + taskId + "/complete";
+        return this.http
+            .post(url, {
+            'completion_options': {
+                'assign_and_complete': true
+            }
+        })
+            .pipe(operators_1.catchError(function (error) {
+            _this.errorService.setError(error);
+            // this will subscribe to get the user details and decide whether to display an error message
+            _this.http.get(_this.appConfig.getUserInfoApiUrl()).map(function (response) { return response; }).subscribe(function (response) {
+                _this.handleTaskCompletionError(response);
+            });
+            return rxjs_1.throwError(error);
+        }));
+    };
     /**
      * Handles the response from the observable to get the user details when task is completed.
      * @param response is the response given from the observable which contains the user detaild.
@@ -16354,8 +16998,14 @@ var WorkAllocationService = /** @class */ (function () {
             return rxjs_1.throwError(error);
         }));
     };
+    /**
+     * Return tasks for case and event.
+     *
+     * @param eventId The ID of the event to find tasks for.
+     * @param caseId The ID of the case to find tasks for.
+     */
     WorkAllocationService.prototype.getTasksByCaseIdAndEventId = function (eventId, caseId) {
-        return this.http.get("/workallocation2/case/tasks/" + caseId + "/event/" + eventId);
+        return this.http.get(this.appConfig.getWorkAllocationApiUrl() + "/case/tasks/" + caseId + "/event/" + eventId);
     };
     var WorkAllocationService_1;
     WorkAllocationService.IACCaseOfficer = 'caseworker-ia-caseofficer';
@@ -18774,7 +19424,6 @@ var core_1 = __webpack_require__(57208);
 var forms_1 = __webpack_require__(92985);
 var material_1 = __webpack_require__(69451);
 var router_1 = __webpack_require__(92302);
-var __1 = __webpack_require__(2401);
 var alert_1 = __webpack_require__(44944);
 var tabs_1 = __webpack_require__(80624);
 var directives_1 = __webpack_require__(66395);
@@ -18786,19 +19435,21 @@ var case_header_1 = __webpack_require__(75150);
 var case_history_1 = __webpack_require__(30542);
 var error_message_component_1 = __webpack_require__(67679);
 var errors_module_1 = __webpack_require__(61386);
+var event_trigger_1 = __webpack_require__(7108);
 var palette_1 = __webpack_require__(22212);
 var case_basic_access_view_component_1 = __webpack_require__(42906);
 var case_challenged_access_request_component_1 = __webpack_require__(70776);
 var case_challenged_access_success_component_1 = __webpack_require__(41969);
+var case_specific_access_request_component_1 = __webpack_require__(38692);
+var case_review_specific_access_request_component_1 = __webpack_require__(24212);
 var case_event_trigger_1 = __webpack_require__(92100);
 var case_full_access_view_component_1 = __webpack_require__(76764);
-var case_review_specific_access_reject_1 = __webpack_require__(84766);
-var case_review_specific_access_request_component_1 = __webpack_require__(24212);
-var case_specific_access_request_component_1 = __webpack_require__(38692);
 var case_view_1 = __webpack_require__(65389);
 var case_viewer_component_1 = __webpack_require__(89554);
 var printer_1 = __webpack_require__(65773);
 var services_2 = __webpack_require__(50137);
+var case_review_specific_access_reject_1 = __webpack_require__(84766);
+var event_start_1 = __webpack_require__(61319);
 var CaseViewerModule = /** @class */ (function () {
     function CaseViewerModule() {
     }
@@ -18810,7 +19461,8 @@ var CaseViewerModule = /** @class */ (function () {
                 errors_module_1.ErrorsModule,
                 activity_1.ActivityModule,
                 case_header_1.CaseHeaderModule,
-                __1.EventManagementModule,
+                event_start_1.EventStartModule,
+                event_trigger_1.EventTriggerModule,
                 tabs_1.TabsModule,
                 palette_1.PaletteModule,
                 directives_1.LabelSubstitutorModule,
@@ -19284,13 +19936,13 @@ __export(__webpack_require__(69115));
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 var case_editor_1 = __webpack_require__(27070);
 var case_history_1 = __webpack_require__(30542);
-var event_management_1 = __webpack_require__(37375);
-var event_start_guard_1 = __webpack_require__(10962);
-var event_tasks_resolver_service_1 = __webpack_require__(4085);
+var event_start_1 = __webpack_require__(61319);
+var event_start_guard_1 = __webpack_require__(14706);
+var event_tasks_resolver_service_1 = __webpack_require__(26745);
 var file_upload_progress_guard_1 = __webpack_require__(27667);
 var case_challenged_access_request_1 = __webpack_require__(38403);
 var case_challenged_access_success_1 = __webpack_require__(26840);
-var case_event_trigger_1 = __webpack_require__(92100);
+var case_event_trigger_component_1 = __webpack_require__(83645);
 var case_review_specific_access_reject_1 = __webpack_require__(84766);
 var case_review_specific_access_request_1 = __webpack_require__(83444);
 var case_specific_access_request_1 = __webpack_require__(73343);
@@ -19306,49 +19958,41 @@ exports.viewerRouting = [
         resolve: {
             eventTrigger: services_1.EventTriggerResolver,
         },
-        component: case_event_trigger_1.CaseEventTriggerComponent,
+        component: case_event_trigger_component_1.CaseEventTriggerComponent,
         children: case_editor_1.editorRouting,
         canActivate: [event_start_guard_1.EventStartGuard],
         canDeactivate: [file_upload_progress_guard_1.FileUploadProgressGuard],
     },
     {
         path: 'event-start',
-        component: event_management_1.EventStartComponent,
+        component: event_start_1.EventStartComponent,
         resolve: {
             tasks: event_tasks_resolver_service_1.EventTasksResolverService
         }
     },
     {
         path: 'task-assigned',
-        component: event_management_1.TaskAssignedComponent
+        component: event_start_1.TaskAssignedComponent
     },
     {
         path: 'task-unassigned',
-        component: event_management_1.TaskUnassignedComponent
+        component: event_start_1.TaskUnassignedComponent
     },
     {
         path: 'multiple-tasks-exist',
-        component: event_management_1.MultipleTasksExistComponent
+        component: event_start_1.MultipleTasksExistComponent
     },
     {
         path: 'no-tasks-available',
-        component: event_management_1.NoTasksAvailableComponent
+        component: event_start_1.NoTasksAvailableComponent
     },
     {
         path: 'task-cancelled',
-        component: event_management_1.TaskCancelledComponent
+        component: event_start_1.TaskCancelledComponent
     },
     {
         path: 'task-conflict',
-        component: event_management_1.TaskConflictComponent
-    },
-    {
-        path: 'event/:eid/history',
-        component: case_history_1.CaseHistoryComponent,
-    },
-    {
-        path: 'access-request',
-        component: case_challenged_access_request_1.CaseChallengedAccessRequestComponent
+        component: event_start_1.TaskConflictComponent
     },
     {
         path: 'event/:eid/history',
@@ -20235,7 +20879,7 @@ __export(__webpack_require__(14688));
 
 /***/ }),
 
-/***/ 91469:
+/***/ 77877:
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
@@ -20260,7 +20904,7 @@ var MultipleTasksExistComponent = /** @class */ (function () {
     MultipleTasksExistComponent = __decorate([
         core_1.Component({
             selector: 'app-multiple-tasks-exist',
-            template: __webpack_require__(16952)
+            template: __webpack_require__(34904)
         }),
         __metadata("design:paramtypes", [router_1.ActivatedRoute])
     ], MultipleTasksExistComponent);
@@ -20271,7 +20915,7 @@ exports.MultipleTasksExistComponent = MultipleTasksExistComponent;
 
 /***/ }),
 
-/***/ 6938:
+/***/ 74259:
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
@@ -20296,7 +20940,7 @@ var NoTasksAvailableComponent = /** @class */ (function () {
     NoTasksAvailableComponent = __decorate([
         core_1.Component({
             selector: 'app-no-tasks-available',
-            template: __webpack_require__(29813)
+            template: __webpack_require__(65099)
         }),
         __metadata("design:paramtypes", [router_1.ActivatedRoute])
     ], NoTasksAvailableComponent);
@@ -20307,7 +20951,7 @@ exports.NoTasksAvailableComponent = NoTasksAvailableComponent;
 
 /***/ }),
 
-/***/ 17170:
+/***/ 14751:
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
@@ -20324,31 +20968,55 @@ var __metadata = (this && this.__metadata) || function (k, v) {
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 var core_1 = __webpack_require__(57208);
 var router_1 = __webpack_require__(92302);
-var services_1 = __webpack_require__(65010);
+var services_1 = __webpack_require__(25961);
 var TaskAssignedComponent = /** @class */ (function () {
-    function TaskAssignedComponent(route, sessionStorageService) {
+    function TaskAssignedComponent(route, judicialworkerService, caseworkerService) {
         this.route = route;
-        this.sessionStorageService = sessionStorageService;
+        this.judicialworkerService = judicialworkerService;
+        this.caseworkerService = caseworkerService;
         this.task = null;
         this.caseId = this.route.snapshot.data.case.case_id;
         this.task = this.route.snapshot.queryParams;
     }
     TaskAssignedComponent.prototype.ngOnInit = function () {
         var _this = this;
-        var caseworkers = JSON.parse(this.sessionStorageService.getItem('caseworkers'));
-        var caseworker = caseworkers.find(function (x) { return x.idamId === _this.task.assignee; });
-        this.assignedUserName = caseworker !== undefined ? caseworker.firstName + " " + caseworker.lastName : 'another user';
-        // TODO: If the task is not assigned to a caseworker, then
-        // we have to perform an api call to check whether the task is assigned to judicial user
-        // and display the judicial user name instead of 'another user'
+        // Get the caseworker based on the assigned user id
+        var caseworkers$ = this.caseworkerService.getCaseworkers([this.task.assignee]);
+        this.caseworkerSubscription = caseworkers$.subscribe(function (caseworkers) {
+            if (caseworkers && caseworkers[0].firstName && caseworkers[0].lastName) {
+                _this.assignedUserName = caseworkers[0].firstName + " " + caseworkers[0].lastName;
+            }
+            else {
+                // Get the judicial worker based on the assigned user id
+                var judicialworkers$ = _this.judicialworkerService.getJudicialworkers([_this.task.assignee]);
+                _this.judicialworkerSubscription = judicialworkers$.subscribe(function (judicialworkers) {
+                    if (judicialworkers && judicialworkers[0].firstName && judicialworkers[0].lastName) {
+                        _this.assignedUserName = judicialworkers[0].firstName + " " + judicialworkers[0].lastName;
+                    }
+                    else {
+                        // As a fail safe display assigned user name as 'another user'
+                        _this.assignedUserName = 'another user';
+                    }
+                });
+            }
+        });
+    };
+    TaskAssignedComponent.prototype.ngOnDestroy = function () {
+        if (this.caseworkerSubscription) {
+            this.caseworkerSubscription.unsubscribe();
+        }
+        if (this.judicialworkerSubscription) {
+            this.judicialworkerSubscription.unsubscribe();
+        }
     };
     TaskAssignedComponent = __decorate([
         core_1.Component({
             selector: 'app-task-assigned',
-            template: __webpack_require__(50744)
+            template: __webpack_require__(66199)
         }),
         __metadata("design:paramtypes", [router_1.ActivatedRoute,
-            services_1.SessionStorageService])
+            services_1.JudicialworkerService,
+            services_1.CaseworkerService])
     ], TaskAssignedComponent);
     return TaskAssignedComponent;
 }());
@@ -20357,7 +21025,7 @@ exports.TaskAssignedComponent = TaskAssignedComponent;
 
 /***/ }),
 
-/***/ 76766:
+/***/ 4829:
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
@@ -20383,7 +21051,7 @@ var TaskCancelledComponent = /** @class */ (function () {
     TaskCancelledComponent = __decorate([
         core_1.Component({
             selector: 'app-task-cancelled',
-            template: __webpack_require__(7336)
+            template: __webpack_require__(12540)
         })
     ], TaskCancelledComponent);
     return TaskCancelledComponent;
@@ -20393,7 +21061,7 @@ exports.TaskCancelledComponent = TaskCancelledComponent;
 
 /***/ }),
 
-/***/ 80378:
+/***/ 33323:
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
@@ -20423,7 +21091,7 @@ var TaskConflictComponent = /** @class */ (function () {
     TaskConflictComponent = __decorate([
         core_1.Component({
             selector: 'app-task-conflict',
-            template: __webpack_require__(75808)
+            template: __webpack_require__(3948)
         })
     ], TaskConflictComponent);
     return TaskConflictComponent;
@@ -20433,7 +21101,7 @@ exports.TaskConflictComponent = TaskConflictComponent;
 
 /***/ }),
 
-/***/ 54310:
+/***/ 29730:
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
@@ -20458,7 +21126,7 @@ var TaskUnassignedComponent = /** @class */ (function () {
     TaskUnassignedComponent = __decorate([
         core_1.Component({
             selector: 'app-task-unassigned',
-            template: __webpack_require__(44937)
+            template: __webpack_require__(86282)
         }),
         __metadata("design:paramtypes", [router_1.ActivatedRoute])
     ], TaskUnassignedComponent);
@@ -20469,7 +21137,7 @@ exports.TaskUnassignedComponent = TaskUnassignedComponent;
 
 /***/ }),
 
-/***/ 10962:
+/***/ 14706:
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
@@ -20498,16 +21166,17 @@ var EventStartGuard = /** @class */ (function () {
         var _this = this;
         var caseId = route.params['cid'];
         var eventId = route.params['eid'];
+        var taskId = route.queryParams['tid'];
         // TODO: NavigationExtras should be used once Angular upgrade changes have been incorporated
         var isComplete = route.queryParams['isComplete'];
         if (isComplete) {
             return rxjs_1.of(true);
         }
-        return this.workAllocationService.getTasksByCaseIdAndEventId(eventId, caseId).pipe(operators_1.switchMap(function (payload) { return _this.checkForTasks(payload, caseId, eventId); }));
+        return this.workAllocationService.getTasksByCaseIdAndEventId(eventId, caseId).pipe(operators_1.switchMap(function (payload) { return _this.checkForTasks(payload, caseId, eventId, taskId); }));
     };
-    EventStartGuard.prototype.checkForTasks = function (payload, caseId, eventId) {
+    EventStartGuard.prototype.checkForTasks = function (payload, caseId, eventId, taskId) {
         if (payload.task_required_for_event) {
-            this.router.navigate(["/cases/case-details/" + caseId + "/event-start"], { queryParams: { caseId: caseId, eventId: eventId } });
+            this.router.navigate(["/cases/case-details/" + caseId + "/event-start"], { queryParams: { caseId: caseId, eventId: eventId, taskId: taskId } });
             return rxjs_1.of(false);
         }
         return rxjs_1.of(true);
@@ -20523,78 +21192,7 @@ exports.EventStartGuard = EventStartGuard;
 
 /***/ }),
 
-/***/ 4640:
-/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
-
-"use strict";
-
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-Object.defineProperty(exports, "__esModule", ({ value: true }));
-var portal_1 = __webpack_require__(13571);
-var common_1 = __webpack_require__(91216);
-var core_1 = __webpack_require__(57208);
-var forms_1 = __webpack_require__(92985);
-var router_1 = __webpack_require__(92302);
-var __1 = __webpack_require__(2401);
-var multiple_tasks_exist_component_1 = __webpack_require__(91469);
-var no_tasks_available_component_1 = __webpack_require__(6938);
-var task_assigned_component_1 = __webpack_require__(17170);
-var task_cancelled_component_1 = __webpack_require__(76766);
-var task_conflict_component_1 = __webpack_require__(80378);
-var task_unassigned_component_1 = __webpack_require__(54310);
-var event_start_guard_1 = __webpack_require__(10962);
-var event_start_component_1 = __webpack_require__(37618);
-var event_trigger_component_1 = __webpack_require__(65684);
-var event_tasks_resolver_service_1 = __webpack_require__(4085);
-var services_1 = __webpack_require__(83522);
-var EventManagementModule = /** @class */ (function () {
-    function EventManagementModule() {
-    }
-    EventManagementModule = __decorate([
-        core_1.NgModule({
-            imports: [
-                common_1.CommonModule,
-                forms_1.ReactiveFormsModule,
-                __1.ActivityModule,
-                portal_1.PortalModule,
-                router_1.RouterModule
-            ],
-            declarations: [
-                event_start_component_1.EventStartComponent,
-                event_trigger_component_1.EventTriggerComponent,
-                multiple_tasks_exist_component_1.MultipleTasksExistComponent,
-                no_tasks_available_component_1.NoTasksAvailableComponent,
-                task_assigned_component_1.TaskAssignedComponent,
-                task_cancelled_component_1.TaskCancelledComponent,
-                task_conflict_component_1.TaskConflictComponent,
-                task_unassigned_component_1.TaskUnassignedComponent
-            ],
-            providers: [
-                event_start_guard_1.EventStartGuard,
-                event_tasks_resolver_service_1.EventTasksResolverService,
-                services_1.EventStateMachineService
-            ],
-            exports: [
-                event_start_component_1.EventStartComponent,
-                event_trigger_component_1.EventTriggerComponent,
-                task_assigned_component_1.TaskAssignedComponent,
-                task_unassigned_component_1.TaskUnassignedComponent
-            ]
-        })
-    ], EventManagementModule);
-    return EventManagementModule;
-}());
-exports.EventManagementModule = EventManagementModule;
-
-
-/***/ }),
-
-/***/ 37618:
+/***/ 25611:
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
@@ -20612,7 +21210,7 @@ Object.defineProperty(exports, "__esModule", ({ value: true }));
 var core_1 = __webpack_require__(57208);
 var router_1 = __webpack_require__(92302);
 var services_1 = __webpack_require__(65010);
-var services_2 = __webpack_require__(83522);
+var services_2 = __webpack_require__(62782);
 var EventStartComponent = /** @class */ (function () {
     function EventStartComponent(service, router, route, sessionStorageService) {
         this.service = service;
@@ -20625,17 +21223,19 @@ var EventStartComponent = /** @class */ (function () {
         var tasks = this.route.snapshot.data.tasks;
         var caseId = this.route.snapshot.data.case.case_id;
         var eventId = this.route.snapshot.queryParams['eventId'];
+        var taskId = this.route.snapshot.queryParams['taskId'];
         // Setup the context
         this.context = {
             tasks: tasks,
             caseId: caseId,
             eventId: eventId,
+            taskId: taskId,
             router: this.router,
             route: this.route,
             sessionStorageService: this.sessionStorageService
         };
         // Initialise state machine
-        this.service = new services_2.EventStateMachineService();
+        this.service = new services_2.EventStartStateMachineService();
         this.stateMachine = this.service.initialiseStateMachine(this.context);
         // Create states
         this.service.createStates(this.stateMachine);
@@ -20647,9 +21247,9 @@ var EventStartComponent = /** @class */ (function () {
     EventStartComponent = __decorate([
         core_1.Component({
             selector: 'ccd-event-start',
-            template: __webpack_require__(93453)
+            template: __webpack_require__(66006)
         }),
-        __metadata("design:paramtypes", [services_2.EventStateMachineService,
+        __metadata("design:paramtypes", [services_2.EventStartStateMachineService,
             router_1.Router,
             router_1.ActivatedRoute,
             services_1.SessionStorageService])
@@ -20661,7 +21261,7 @@ exports.EventStartComponent = EventStartComponent;
 
 /***/ }),
 
-/***/ 65684:
+/***/ 76210:
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
@@ -20672,76 +21272,60 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata = (this && this.__metadata) || function (k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
 Object.defineProperty(exports, "__esModule", ({ value: true }));
+var common_1 = __webpack_require__(91216);
 var core_1 = __webpack_require__(57208);
 var forms_1 = __webpack_require__(92985);
-var services_1 = __webpack_require__(65010);
-var EventTriggerComponent = /** @class */ (function () {
-    function EventTriggerComponent(fb, orderService) {
-        this.fb = fb;
-        this.orderService = orderService;
-        this.onTriggerSubmit = new core_1.EventEmitter();
-        this.onTriggerChange = new core_1.EventEmitter();
-    }
-    EventTriggerComponent.prototype.ngOnChanges = function (changes) {
-        if (changes.triggers && changes.triggers.currentValue) {
-            this.triggers = this.orderService.sort(this.triggers);
-            this.triggerForm = this.fb.group({
-                'trigger': [this.getDefault(), forms_1.Validators.required]
-            });
-        }
-    };
-    EventTriggerComponent.prototype.isButtonDisabled = function () {
-        return !this.triggerForm.valid || this.isDisabled;
-    };
-    EventTriggerComponent.prototype.getDefault = function () {
-        return this.triggers.length === 1 ? this.triggers[0] : '';
-    };
-    EventTriggerComponent.prototype.triggerSubmit = function () {
-        this.onTriggerSubmit.emit(this.triggerForm.value['trigger']);
-    };
-    EventTriggerComponent.prototype.triggerChange = function () {
-        this.onTriggerChange.emit(null);
-    };
-    __decorate([
-        core_1.Input(),
-        __metadata("design:type", Array)
-    ], EventTriggerComponent.prototype, "triggers", void 0);
-    __decorate([
-        core_1.Input(),
-        __metadata("design:type", String)
-    ], EventTriggerComponent.prototype, "triggerText", void 0);
-    __decorate([
-        core_1.Input(),
-        __metadata("design:type", Boolean)
-    ], EventTriggerComponent.prototype, "isDisabled", void 0);
-    __decorate([
-        core_1.Output(),
-        __metadata("design:type", core_1.EventEmitter)
-    ], EventTriggerComponent.prototype, "onTriggerSubmit", void 0);
-    __decorate([
-        core_1.Output(),
-        __metadata("design:type", core_1.EventEmitter)
-    ], EventTriggerComponent.prototype, "onTriggerChange", void 0);
-    EventTriggerComponent = __decorate([
-        core_1.Component({
-            selector: 'ccd-event-trigger',
-            template: __webpack_require__(10115),
-            styles: [__webpack_require__(75910)]
-        }),
-        __metadata("design:paramtypes", [forms_1.FormBuilder, services_1.OrderService])
-    ], EventTriggerComponent);
-    return EventTriggerComponent;
+var router_1 = __webpack_require__(92302);
+var multiple_tasks_exist_component_1 = __webpack_require__(77877);
+var no_tasks_available_component_1 = __webpack_require__(74259);
+var task_assigned_component_1 = __webpack_require__(14751);
+var task_cancelled_component_1 = __webpack_require__(4829);
+var task_conflict_component_1 = __webpack_require__(33323);
+var task_unassigned_component_1 = __webpack_require__(29730);
+var event_start_guard_1 = __webpack_require__(14706);
+var event_start_component_1 = __webpack_require__(25611);
+var event_tasks_resolver_service_1 = __webpack_require__(26745);
+var services_1 = __webpack_require__(62782);
+var EventStartModule = /** @class */ (function () {
+    function EventStartModule() {
+    }
+    EventStartModule = __decorate([
+        core_1.NgModule({
+            imports: [
+                common_1.CommonModule,
+                forms_1.ReactiveFormsModule,
+                router_1.RouterModule
+            ],
+            declarations: [
+                event_start_component_1.EventStartComponent,
+                multiple_tasks_exist_component_1.MultipleTasksExistComponent,
+                no_tasks_available_component_1.NoTasksAvailableComponent,
+                task_assigned_component_1.TaskAssignedComponent,
+                task_cancelled_component_1.TaskCancelledComponent,
+                task_conflict_component_1.TaskConflictComponent,
+                task_unassigned_component_1.TaskUnassignedComponent
+            ],
+            providers: [
+                event_start_guard_1.EventStartGuard,
+                event_tasks_resolver_service_1.EventTasksResolverService,
+                services_1.EventStartStateMachineService
+            ],
+            exports: [
+                event_start_component_1.EventStartComponent,
+                task_assigned_component_1.TaskAssignedComponent,
+                task_unassigned_component_1.TaskUnassignedComponent
+            ]
+        })
+    ], EventStartModule);
+    return EventStartModule;
 }());
-exports.EventTriggerComponent = EventTriggerComponent;
+exports.EventStartModule = EventStartModule;
 
 
 /***/ }),
 
-/***/ 37375:
+/***/ 61319:
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -20750,45 +21334,45 @@ function __export(m) {
     for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
 }
 Object.defineProperty(exports, "__esModule", ({ value: true }));
-__export(__webpack_require__(83522));
-__export(__webpack_require__(37618));
-__export(__webpack_require__(65684));
-__export(__webpack_require__(91469));
-__export(__webpack_require__(6938));
-__export(__webpack_require__(17170));
-__export(__webpack_require__(76766));
-__export(__webpack_require__(80378));
-__export(__webpack_require__(54310));
-__export(__webpack_require__(4640));
+__export(__webpack_require__(77877));
+__export(__webpack_require__(74259));
+__export(__webpack_require__(14751));
+__export(__webpack_require__(4829));
+__export(__webpack_require__(33323));
+__export(__webpack_require__(29730));
+__export(__webpack_require__(25611));
+__export(__webpack_require__(76210));
+__export(__webpack_require__(62782));
 
 
 /***/ }),
 
-/***/ 42752:
+/***/ 11649:
 /***/ ((__unused_webpack_module, exports) => {
 
 "use strict";
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
-var EventStates;
-(function (EventStates) {
-    EventStates["CHECK_FOR_MATCHING_TASKS"] = "check-for-matching-tasks";
-    EventStates["NO_TASK"] = "no-task";
-    EventStates["ONE_OR_MORE_TASKS"] = "one-or-more-tasks";
-    EventStates["TASK_ASSIGNED_TO_USER"] = "task-assigned-to-user";
-    EventStates["ONE_TASK_ASSIGNED_TO_USER"] = "one-task-assigned-to-user";
-    EventStates["MULTIPLE_TASKS_ASSIGNED_TO_USER"] = "multiple-tasks-assigned-to-user";
-    EventStates["TASK_UNASSIGNED"] = "task-unassigned";
-    EventStates["TASK_ASSIGNMENT_REQUIRED"] = "task-assignment-required";
-    EventStates["ASSIGN_TASK_TO_SELF"] = "assign-task-to-self";
-    EventStates["ASK_MANAGER_TO_ASSIGN_TASK"] = "ask-manager-to-assign-task";
-    EventStates["SHOW_WARNING"] = "show-warning";
-})(EventStates = exports.EventStates || (exports.EventStates = {}));
-
-
-/***/ }),
-
-/***/ 76605:
+var EventStartStates;
+(function (EventStartStates) {
+    EventStartStates["CHECK_FOR_MATCHING_TASKS"] = "check-for-matching-tasks";
+    EventStartStates["NO_TASK"] = "no-task";
+    EventStartStates["ONE_OR_MORE_TASKS"] = "one-or-more-tasks";
+    EventStartStates["TASK_ASSIGNED_TO_USER"] = "task-assigned-to-user";
+    EventStartStates["ONE_TASK_ASSIGNED_TO_USER"] = "one-task-assigned-to-user";
+    EventStartStates["MULTIPLE_TASKS_ASSIGNED_TO_USER"] = "multiple-tasks-assigned-to-user";
+    EventStartStates["TASK_UNASSIGNED"] = "task-unassigned";
+    EventStartStates["TASK_ASSIGNMENT_REQUIRED"] = "task-assignment-required";
+    EventStartStates["ASSIGN_TASK_TO_SELF"] = "assign-task-to-self";
+    EventStartStates["ASK_MANAGER_TO_ASSIGN_TASK"] = "ask-manager-to-assign-task";
+    EventStartStates["SHOW_WARNING"] = "show-warning";
+    EventStartStates["FINAL"] = "final";
+})(EventStartStates = exports.EventStartStates || (exports.EventStartStates = {}));
+
+
+/***/ }),
+
+/***/ 52856:
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -20797,27 +21381,12 @@ function __export(m) {
     for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
 }
 Object.defineProperty(exports, "__esModule", ({ value: true }));
-__export(__webpack_require__(42752));
-__export(__webpack_require__(83131));
-
-
-/***/ }),
-
-/***/ 83131:
-/***/ ((__unused_webpack_module, exports) => {
-
-"use strict";
-
-Object.defineProperty(exports, "__esModule", ({ value: true }));
-var StateMachineStates;
-(function (StateMachineStates) {
-    StateMachineStates["FINAL"] = "final";
-})(StateMachineStates = exports.StateMachineStates || (exports.StateMachineStates = {}));
+__export(__webpack_require__(11649));
 
 
 /***/ }),
 
-/***/ 4085:
+/***/ 26745:
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
@@ -20856,7 +21425,7 @@ exports.EventTasksResolverService = EventTasksResolverService;
 
 /***/ }),
 
-/***/ 88639:
+/***/ 32353:
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
@@ -20870,29 +21439,29 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 var core_1 = __webpack_require__(57208);
 var fsm_1 = __webpack_require__(5937);
-var models_1 = __webpack_require__(76605);
+var models_1 = __webpack_require__(52856);
 var EVENT_STATE_MACHINE = 'EVENT STATE MACHINE';
-var EventStateMachineService = /** @class */ (function () {
-    function EventStateMachineService() {
+var EventStartStateMachineService = /** @class */ (function () {
+    function EventStartStateMachineService() {
     }
-    EventStateMachineService.prototype.initialiseStateMachine = function (context) {
+    EventStartStateMachineService.prototype.initialiseStateMachine = function (context) {
         return new fsm_1.StateMachine(EVENT_STATE_MACHINE, context);
     };
-    EventStateMachineService.prototype.createStates = function (stateMachine) {
+    EventStartStateMachineService.prototype.createStates = function (stateMachine) {
         // Initial state
-        this.stateCheckForMatchingTasks = stateMachine.createState(models_1.EventStates.CHECK_FOR_MATCHING_TASKS, false, this.entryActionForStateCheckForMatchingTasks);
+        this.stateCheckForMatchingTasks = stateMachine.createState(models_1.EventStartStates.CHECK_FOR_MATCHING_TASKS, false, this.entryActionForStateCheckForMatchingTasks);
         // States based on number of tasks available
-        this.stateNoTask = stateMachine.createState(models_1.EventStates.NO_TASK, false, this.entryActionForStateNoTask);
-        this.stateOneOrMoreTasks = stateMachine.createState(models_1.EventStates.ONE_OR_MORE_TASKS, false, this.entryActionForStateOneOrMoreTasks);
+        this.stateNoTask = stateMachine.createState(models_1.EventStartStates.NO_TASK, false, this.entryActionForStateNoTask);
+        this.stateOneOrMoreTasks = stateMachine.createState(models_1.EventStartStates.ONE_OR_MORE_TASKS, false, this.entryActionForStateOneOrMoreTasks);
         // States based on number of tasks assigned to user
-        this.stateTaskUnassigned = stateMachine.createState(models_1.EventStates.TASK_UNASSIGNED, false, this.entryActionForStateTaskUnAssigned);
-        this.stateTaskAssignedToUser = stateMachine.createState(models_1.EventStates.TASK_ASSIGNED_TO_USER, false, this.entryActionForStateTaskAssignedToUser);
-        this.stateOneTaskAssignedToUser = stateMachine.createState(models_1.EventStates.ONE_TASK_ASSIGNED_TO_USER, false, this.entryActionForStateOneTaskAssignedToUser);
-        this.stateMultipleTasksAssignedToUser = stateMachine.createState(models_1.EventStates.MULTIPLE_TASKS_ASSIGNED_TO_USER, false, this.entryActionForStateMultipleTasksAssignedToUser);
+        this.stateTaskUnassigned = stateMachine.createState(models_1.EventStartStates.TASK_UNASSIGNED, false, this.entryActionForStateTaskUnAssigned);
+        this.stateTaskAssignedToUser = stateMachine.createState(models_1.EventStartStates.TASK_ASSIGNED_TO_USER, false, this.entryActionForStateTaskAssignedToUser);
+        this.stateOneTaskAssignedToUser = stateMachine.createState(models_1.EventStartStates.ONE_TASK_ASSIGNED_TO_USER, false, this.entryActionForStateOneTaskAssignedToUser);
+        this.stateMultipleTasksAssignedToUser = stateMachine.createState(models_1.EventStartStates.MULTIPLE_TASKS_ASSIGNED_TO_USER, false, this.entryActionForStateMultipleTasksAssignedToUser);
         // Create final state, the second param isComplete is set to true to make sure state machine finished running
-        this.stateFinal = stateMachine.createState(models_1.StateMachineStates.FINAL, true, this.finalAction);
+        this.stateFinal = stateMachine.createState(models_1.EventStartStates.FINAL, true, this.finalAction);
     };
-    EventStateMachineService.prototype.addTransitions = function () {
+    EventStartStateMachineService.prototype.addTransitions = function () {
         // Initial transition
         this.addTransitionsForStateCheckForMatchingTasks();
         // Transitions based on number of tasks available
@@ -20904,56 +21473,65 @@ var EventStateMachineService = /** @class */ (function () {
         this.addTransitionsForStateOneTaskAssignedToUser();
         this.addTransitionsForStateMultipleTasksAssignedToUser();
     };
-    EventStateMachineService.prototype.startStateMachine = function (stateMachine) {
+    EventStartStateMachineService.prototype.startStateMachine = function (stateMachine) {
         stateMachine.start(this.stateCheckForMatchingTasks);
     };
     /**
      * Initial entry action for state check for matching tasks, decided based on the number of tasks
      */
-    EventStateMachineService.prototype.entryActionForStateCheckForMatchingTasks = function (state, context) {
+    EventStartStateMachineService.prototype.entryActionForStateCheckForMatchingTasks = function (state, context) {
         var taskCount = context && context.tasks ? context.tasks.length : 0;
         if (taskCount === 0) {
             // Trigger state no task
-            state.trigger(models_1.EventStates.NO_TASK);
+            state.trigger(models_1.EventStartStates.NO_TASK);
         }
         else {
             // Trigger state one or more tasks
-            state.trigger(models_1.EventStates.ONE_OR_MORE_TASKS);
+            state.trigger(models_1.EventStartStates.ONE_OR_MORE_TASKS);
         }
     };
-    EventStateMachineService.prototype.entryActionForStateNoTask = function (state, context) {
+    EventStartStateMachineService.prototype.entryActionForStateNoTask = function (state, context) {
         // Trigger final state to complete processing of state machine
-        state.trigger(models_1.StateMachineStates.FINAL);
+        state.trigger(models_1.EventStartStates.FINAL);
         // Navigate to no tasks available error page
         context.router.navigate(["/cases/case-details/" + context.caseId + "/no-tasks-available"], { relativeTo: context.route });
     };
-    EventStateMachineService.prototype.entryActionForStateOneOrMoreTasks = function (state, context) {
-        state.trigger(models_1.EventStates.TASK_ASSIGNED_TO_USER);
+    EventStartStateMachineService.prototype.entryActionForStateOneOrMoreTasks = function (state, context) {
+        state.trigger(models_1.EventStartStates.TASK_ASSIGNED_TO_USER);
     };
-    EventStateMachineService.prototype.entryActionForStateMultipleTasks = function (state, context) {
-        state.trigger(models_1.EventStates.MULTIPLE_TASKS_ASSIGNED_TO_USER);
+    EventStartStateMachineService.prototype.entryActionForStateMultipleTasks = function (state, context) {
+        state.trigger(models_1.EventStartStates.MULTIPLE_TASKS_ASSIGNED_TO_USER);
     };
-    EventStateMachineService.prototype.entryActionForStateTaskAssignedToUser = function (state, context) {
+    EventStartStateMachineService.prototype.entryActionForStateTaskAssignedToUser = function (state, context) {
         // Get number of tasks assigned to user
         var userInfoStr = context.sessionStorageService.getItem('userDetails');
         var userInfo = JSON.parse(userInfoStr);
         var tasksAssignedToUser = context.tasks.filter(function (x) { return x.assignee === userInfo.id || x.assignee === userInfo.uid; });
-        switch (tasksAssignedToUser.length) {
-            case 0:
-                // No tasks assigned to user, trigger state task unassigned
-                state.trigger(models_1.EventStates.TASK_UNASSIGNED);
-                break;
-            case 1:
-                // One task assigned to user
-                state.trigger(models_1.EventStates.ONE_TASK_ASSIGNED_TO_USER);
-                break;
-            default:
-                // Multiple tasks assigned to user, trigger state multiple tasks assigned to user
-                state.trigger(models_1.EventStates.MULTIPLE_TASKS_ASSIGNED_TO_USER);
-                break;
+        // Check if user initiated the event from task tab
+        var isEventInitiatedFromTaskTab = context.taskId !== undefined && tasksAssignedToUser.findIndex(function (x) { return x.id === context.taskId; }) > -1;
+        if (isEventInitiatedFromTaskTab) {
+            // User initiated event from task tab
+            state.trigger(models_1.EventStartStates.ONE_TASK_ASSIGNED_TO_USER);
+        }
+        else {
+            // User initiated event from dropdown
+            switch (tasksAssignedToUser.length) {
+                case 0:
+                    // No tasks assigned to user, trigger state task unassigned
+                    state.trigger(models_1.EventStartStates.TASK_UNASSIGNED);
+                    break;
+                case 1:
+                    // One task assigned to user
+                    state.trigger(models_1.EventStartStates.ONE_TASK_ASSIGNED_TO_USER);
+                    break;
+                default:
+                    // Multiple tasks assigned to user, trigger state multiple tasks assigned to user
+                    state.trigger(models_1.EventStartStates.MULTIPLE_TASKS_ASSIGNED_TO_USER);
+                    break;
+            }
         }
     };
-    EventStateMachineService.prototype.entryActionForStateTaskUnAssigned = function (state, context) {
+    EventStartStateMachineService.prototype.entryActionForStateTaskUnAssigned = function (state, context) {
         var navigationURL = '';
         var theQueryParams = {};
         if (context.tasks[0].assignee) {
@@ -20966,65 +21544,208 @@ var EventStateMachineService = /** @class */ (function () {
             navigationURL = "/cases/case-details/" + context.caseId + "/task-unassigned";
         }
         // Trigger final state to complete processing of state machine
-        state.trigger(models_1.StateMachineStates.FINAL);
+        state.trigger(models_1.EventStartStates.FINAL);
         // Navigate
         context.router.navigate(["" + navigationURL], { queryParams: theQueryParams, relativeTo: context.route });
     };
-    EventStateMachineService.prototype.entryActionForStateOneTaskAssignedToUser = function (state, context) {
+    EventStartStateMachineService.prototype.entryActionForStateOneTaskAssignedToUser = function (state, context) {
         // Trigger final state to complete processing of state machine
-        state.trigger(models_1.StateMachineStates.FINAL);
+        state.trigger(models_1.EventStartStates.FINAL);
+        // Get task assigned to user
+        var task = context.tasks.find(function (x) { return x.id === context.taskId; });
+        if (!task) {
+            task = context.tasks[0];
+        }
+        // Store task to session
+        context.sessionStorageService.setItem('taskToComplete', JSON.stringify(task));
         // Allow user to perform the event
         context.router.navigate(["/cases/case-details/" + context.caseId + "/trigger/" + context.eventId], { queryParams: { isComplete: true }, relativeTo: context.route });
     };
-    EventStateMachineService.prototype.entryActionForStateMultipleTasksAssignedToUser = function (state, context) {
+    EventStartStateMachineService.prototype.entryActionForStateMultipleTasksAssignedToUser = function (state, context) {
         // Trigger final state to complete processing of state machine
-        state.trigger(models_1.StateMachineStates.FINAL);
+        state.trigger(models_1.EventStartStates.FINAL);
         // Navigate to multiple tasks exist error page
         context.router.navigate(["/cases/case-details/" + context.caseId + "/multiple-tasks-exist"], { relativeTo: context.route });
     };
-    EventStateMachineService.prototype.finalAction = function (state) {
+    EventStartStateMachineService.prototype.finalAction = function (state) {
         // TODO: Perform final actions, the state machine finished running
         console.log('FINAL action here', state);
         console.log('State is complete', state.isComplete);
     };
-    EventStateMachineService.prototype.addTransitionsForStateCheckForMatchingTasks = function () {
+    EventStartStateMachineService.prototype.addTransitionsForStateCheckForMatchingTasks = function () {
         // No tasks
-        this.stateCheckForMatchingTasks.addTransition(models_1.EventStates.NO_TASK, this.stateNoTask);
+        this.stateCheckForMatchingTasks.addTransition(models_1.EventStartStates.NO_TASK, this.stateNoTask);
         // One task
-        this.stateCheckForMatchingTasks.addTransition(models_1.EventStates.ONE_OR_MORE_TASKS, this.stateOneOrMoreTasks);
+        this.stateCheckForMatchingTasks.addTransition(models_1.EventStartStates.ONE_OR_MORE_TASKS, this.stateOneOrMoreTasks);
     };
-    EventStateMachineService.prototype.addTransitionsForStateNoTask = function () {
-        this.stateNoTask.addTransition(models_1.StateMachineStates.FINAL, this.stateFinal);
+    EventStartStateMachineService.prototype.addTransitionsForStateNoTask = function () {
+        this.stateNoTask.addTransition(models_1.EventStartStates.FINAL, this.stateFinal);
     };
-    EventStateMachineService.prototype.addTransitionsForStateOneOrMoreTasks = function () {
-        this.stateOneOrMoreTasks.addTransition(models_1.EventStates.TASK_ASSIGNED_TO_USER, this.stateTaskAssignedToUser);
+    EventStartStateMachineService.prototype.addTransitionsForStateOneOrMoreTasks = function () {
+        this.stateOneOrMoreTasks.addTransition(models_1.EventStartStates.TASK_ASSIGNED_TO_USER, this.stateTaskAssignedToUser);
     };
-    EventStateMachineService.prototype.addTransitionsForStateTaskUnassigned = function () {
-        this.stateTaskUnassigned.addTransition(models_1.StateMachineStates.FINAL, this.stateFinal);
+    EventStartStateMachineService.prototype.addTransitionsForStateTaskUnassigned = function () {
+        this.stateTaskUnassigned.addTransition(models_1.EventStartStates.FINAL, this.stateFinal);
     };
-    EventStateMachineService.prototype.addTransitionsForStateTaskAssignedToUser = function () {
-        this.stateTaskAssignedToUser.addTransition(models_1.EventStates.ONE_TASK_ASSIGNED_TO_USER, this.stateOneTaskAssignedToUser);
-        this.stateTaskAssignedToUser.addTransition(models_1.EventStates.TASK_UNASSIGNED, this.stateTaskUnassigned);
-        this.stateTaskAssignedToUser.addTransition(models_1.EventStates.MULTIPLE_TASKS_ASSIGNED_TO_USER, this.stateMultipleTasksAssignedToUser);
-        this.stateTaskAssignedToUser.addTransition(models_1.StateMachineStates.FINAL, this.stateFinal);
+    EventStartStateMachineService.prototype.addTransitionsForStateTaskAssignedToUser = function () {
+        this.stateTaskAssignedToUser.addTransition(models_1.EventStartStates.ONE_TASK_ASSIGNED_TO_USER, this.stateOneTaskAssignedToUser);
+        this.stateTaskAssignedToUser.addTransition(models_1.EventStartStates.TASK_UNASSIGNED, this.stateTaskUnassigned);
+        this.stateTaskAssignedToUser.addTransition(models_1.EventStartStates.MULTIPLE_TASKS_ASSIGNED_TO_USER, this.stateMultipleTasksAssignedToUser);
+        this.stateTaskAssignedToUser.addTransition(models_1.EventStartStates.FINAL, this.stateFinal);
     };
-    EventStateMachineService.prototype.addTransitionsForStateOneTaskAssignedToUser = function () {
-        this.stateOneTaskAssignedToUser.addTransition(models_1.StateMachineStates.FINAL, this.stateFinal);
+    EventStartStateMachineService.prototype.addTransitionsForStateOneTaskAssignedToUser = function () {
+        this.stateOneTaskAssignedToUser.addTransition(models_1.EventStartStates.FINAL, this.stateFinal);
     };
-    EventStateMachineService.prototype.addTransitionsForStateMultipleTasksAssignedToUser = function () {
-        this.stateMultipleTasksAssignedToUser.addTransition(models_1.StateMachineStates.FINAL, this.stateFinal);
+    EventStartStateMachineService.prototype.addTransitionsForStateMultipleTasksAssignedToUser = function () {
+        this.stateMultipleTasksAssignedToUser.addTransition(models_1.EventStartStates.FINAL, this.stateFinal);
     };
-    EventStateMachineService = __decorate([
+    EventStartStateMachineService = __decorate([
         core_1.Injectable()
-    ], EventStateMachineService);
-    return EventStateMachineService;
+    ], EventStartStateMachineService);
+    return EventStartStateMachineService;
+}());
+exports.EventStartStateMachineService = EventStartStateMachineService;
+
+
+/***/ }),
+
+/***/ 62782:
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+function __export(m) {
+    for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
+}
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+__export(__webpack_require__(32353));
+
+
+/***/ }),
+
+/***/ 53641:
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+var core_1 = __webpack_require__(57208);
+var forms_1 = __webpack_require__(92985);
+var services_1 = __webpack_require__(65010);
+var EventTriggerComponent = /** @class */ (function () {
+    function EventTriggerComponent(fb, orderService) {
+        this.fb = fb;
+        this.orderService = orderService;
+        this.onTriggerSubmit = new core_1.EventEmitter();
+        this.onTriggerChange = new core_1.EventEmitter();
+    }
+    EventTriggerComponent.prototype.ngOnChanges = function (changes) {
+        if (changes.triggers && changes.triggers.currentValue) {
+            this.triggers = this.orderService.sort(this.triggers);
+            this.triggerForm = this.fb.group({
+                'trigger': [this.getDefault(), forms_1.Validators.required]
+            });
+        }
+    };
+    EventTriggerComponent.prototype.isButtonDisabled = function () {
+        return !this.triggerForm.valid || this.isDisabled;
+    };
+    EventTriggerComponent.prototype.getDefault = function () {
+        return this.triggers.length === 1 ? this.triggers[0] : '';
+    };
+    EventTriggerComponent.prototype.triggerSubmit = function () {
+        this.onTriggerSubmit.emit(this.triggerForm.value['trigger']);
+    };
+    EventTriggerComponent.prototype.triggerChange = function () {
+        this.onTriggerChange.emit(null);
+    };
+    __decorate([
+        core_1.Input(),
+        __metadata("design:type", Array)
+    ], EventTriggerComponent.prototype, "triggers", void 0);
+    __decorate([
+        core_1.Input(),
+        __metadata("design:type", String)
+    ], EventTriggerComponent.prototype, "triggerText", void 0);
+    __decorate([
+        core_1.Input(),
+        __metadata("design:type", Boolean)
+    ], EventTriggerComponent.prototype, "isDisabled", void 0);
+    __decorate([
+        core_1.Output(),
+        __metadata("design:type", core_1.EventEmitter)
+    ], EventTriggerComponent.prototype, "onTriggerSubmit", void 0);
+    __decorate([
+        core_1.Output(),
+        __metadata("design:type", core_1.EventEmitter)
+    ], EventTriggerComponent.prototype, "onTriggerChange", void 0);
+    EventTriggerComponent = __decorate([
+        core_1.Component({
+            selector: 'ccd-event-trigger',
+            template: __webpack_require__(74426),
+            styles: [__webpack_require__(1742)]
+        }),
+        __metadata("design:paramtypes", [forms_1.FormBuilder, services_1.OrderService])
+    ], EventTriggerComponent);
+    return EventTriggerComponent;
 }());
-exports.EventStateMachineService = EventStateMachineService;
+exports.EventTriggerComponent = EventTriggerComponent;
 
 
 /***/ }),
 
-/***/ 83522:
+/***/ 23741:
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+var core_1 = __webpack_require__(57208);
+var common_1 = __webpack_require__(91216);
+var forms_1 = __webpack_require__(92985);
+var event_trigger_component_1 = __webpack_require__(53641);
+var activity_1 = __webpack_require__(52703);
+var EventTriggerModule = /** @class */ (function () {
+    function EventTriggerModule() {
+    }
+    EventTriggerModule = __decorate([
+        core_1.NgModule({
+            imports: [
+                common_1.CommonModule,
+                forms_1.ReactiveFormsModule,
+                activity_1.ActivityModule,
+            ],
+            declarations: [
+                event_trigger_component_1.EventTriggerComponent
+            ],
+            exports: [
+                event_trigger_component_1.EventTriggerComponent
+            ]
+        })
+    ], EventTriggerModule);
+    return EventTriggerModule;
+}());
+exports.EventTriggerModule = EventTriggerModule;
+
+
+/***/ }),
+
+/***/ 7108:
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -21033,7 +21754,8 @@ function __export(m) {
     for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
 }
 Object.defineProperty(exports, "__esModule", ({ value: true }));
-__export(__webpack_require__(88639));
+__export(__webpack_require__(53641));
+__export(__webpack_require__(23741));
 
 
 /***/ }),
@@ -21096,7 +21818,7 @@ __export(__webpack_require__(64633));
 __export(__webpack_require__(84573));
 __export(__webpack_require__(51585));
 __export(__webpack_require__(21470));
-__export(__webpack_require__(37375));
+__export(__webpack_require__(7108));
 __export(__webpack_require__(47174));
 __export(__webpack_require__(22212));
 __export(__webpack_require__(96292));
@@ -23051,10 +23773,6 @@ var ReadFieldsFilterPipe = /** @class */ (function () {
         return !!hasChildrenWithValue;
     };
     ReadFieldsFilterPipe.isValidCollection = function (field, values) {
-        // if field is collection and it has complex/collection child field; parent field doesnt have value defined
-        if (!Array.isArray(field.value) && values && values.hasOwnProperty(field.id)) {
-            return true;
-        }
         var isNotEmpty = Array.isArray(field.value) && field.value.length > 0;
         if (isNotEmpty && field.field_type.collection_field_type.type === 'Complex') {
             return !!field.value.find(function (item) {
@@ -29713,7 +30431,7 @@ function __export(m) {
 }
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 __export(__webpack_require__(37799));
-__export(__webpack_require__(7108));
+__export(__webpack_require__(65141));
 __export(__webpack_require__(1668));
 __export(__webpack_require__(90270));
 
@@ -29793,7 +30511,7 @@ exports.SearchFiltersWrapperComponent = SearchFiltersWrapperComponent;
 
 /***/ }),
 
-/***/ 7108:
+/***/ 65141:
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
@@ -30035,7 +30753,7 @@ Object.defineProperty(exports, "__esModule", ({ value: true }));
 var core_1 = __webpack_require__(57208);
 var common_1 = __webpack_require__(91216);
 var services_1 = __webpack_require__(65010);
-var search_filters_component_1 = __webpack_require__(7108);
+var search_filters_component_1 = __webpack_require__(65141);
 var palette_1 = __webpack_require__(22212);
 var forms_1 = __webpack_require__(92985);
 var definitions_1 = __webpack_require__(32533);
@@ -33670,6 +34388,36 @@ var SortParameters = /** @class */ (function () {
 exports.SortParameters = SortParameters;
 
 
+/***/ }),
+
+/***/ 60796:
+/***/ ((__unused_webpack_module, exports) => {
+
+"use strict";
+
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+var Permissions;
+(function (Permissions) {
+    Permissions["Own"] = "OWN";
+    Permissions["Execute"] = "EXECUTE";
+    Permissions["Read"] = "READ";
+    Permissions["Manage"] = "MANAGE";
+    Permissions["Cancel"] = "CANCEL";
+})(Permissions = exports.Permissions || (exports.Permissions = {}));
+var TaskState;
+(function (TaskState) {
+    TaskState["UnConfigured"] = "UNCONFIGURED";
+    TaskState["PendingAutoAssign"] = "PENDING_AUTO_ASSIGN";
+    TaskState["Assigned"] = "ASSIGNED";
+    TaskState["Configured"] = "CONFIGURED";
+    TaskState["Unassigned"] = "UNASSIGNED";
+    TaskState["Completed"] = "COMPLETED";
+    TaskState["Cancelled"] = "CANCELLED";
+    TaskState["Terminated"] = "TERMINATED";
+    TaskState["PendingReConfiguration"] = "PENDING_RECONFIGURATION";
+})(TaskState = exports.TaskState || (exports.TaskState = {}));
+
+
 /***/ }),
 
 /***/ 11399:
@@ -40025,7 +40773,7 @@ exports.push([module.id, ".x{margin:0;padding:9px 9px 0px 0px;font-size:24px;fon
 
 /***/ }),
 
-/***/ 33648:
+/***/ 50948:
 /***/ ((module, exports, __webpack_require__) => {
 
 exports = module.exports = __webpack_require__(9252)(false);
@@ -83367,6 +84115,27 @@ module.exports = "<router-outlet></router-outlet>\n"
 
 /***/ }),
 
+/***/ 45479:
+/***/ ((module) => {
+
+module.exports = "<ng-template [cdkPortalOutlet]=\"selectedComponentPortal\"></ng-template>\n"
+
+/***/ }),
+
+/***/ 69675:
+/***/ ((module) => {
+
+module.exports = "<div class=\"govuk-!-margin-9\">\n  <div class=\"govuk-error-summary\" aria-labelledby=\"error-summary-title\" role=\"alert\" tabindex=\"-1\" data-module=\"error-summary\">\n    <h2 class=\"govuk-error-summary__title\" id=\"error-summary-title\">\n      There is a problem\n    </h2>\n    <div class=\"govuk-error-summary__body\">\n      <ul class=\"govuk-list govuk-error-summary__list\">\n        <li>\n          <a href=\"#\">Task cancelled/marked as done</a>\n        </li>\n      </ul>\n    </div>\n  </div>\n\n  <div class=\"govuk-form-group govuk-form-group--error\">\n    <h2 class=\"govuk-heading-m\">Task cancelled/marked as done</h2>\n\n    <p>This task has been cancelled or marked as done.</p>\n\n    <p>Click Continue to complete the task and save your progress.</p>\n\n    <p>Alternatively, click Cancel to return to the tasks tab without saving your progress.</p>\n\n    <div class=\"form-group form-group-related\">\n      <button class=\"govuk-button govuk-!-margin-right-2\" data-module=\"govuk-button\" (click)=\"onContinue()\">Continue</button>\n      <a [routerLink]=\"['/', 'cases', 'case-details', caseId, 'tasks']\"\n              class=\"govuk-button govuk-button--secondary\" data-module=\"govuk-button\">Cancel</a>\n    </div>\n  </div>\n</div>\n"
+
+/***/ }),
+
+/***/ 63504:
+/***/ ((module) => {
+
+module.exports = "<div class=\"govuk-!-margin-9\">\n  <div class=\"govuk-error-summary\" aria-labelledby=\"error-summary-title\" role=\"alert\" tabindex=\"-1\"\n    data-module=\"error-summary\">\n    <h2 class=\"govuk-error-summary__title\" id=\"error-summary-title\">\n      There is a problem\n    </h2>\n    <div class=\"govuk-error-summary__body\">\n      <ul class=\"govuk-list govuk-error-summary__list\">\n        <li>\n          <a href=\"#\">Task reassigned</a>\n        </li>\n      </ul>\n    </div>\n  </div>\n\n  <div class=\"govuk-form-group govuk-form-group--error\">\n    <h2 class=\"govuk-heading-m\">Task reassigned</h2>\n\n    <p>This task has been reassigned to {{assignedUserName}}.</p>\n\n    <p>Click Continue to reassign the task to you and save your progress.</p>\n\n    <p>Alternatively, click Cancel to return to the tasks tab without saving your progress.</p>\n\n    <div class=\"form-group form-group-related\">\n      <button class=\"govuk-button govuk-!-margin-right-2\" data-module=\"govuk-button\" (click)=\"onContinue()\">Continue</button>\n      <a  [routerLink]=\"['/', 'cases', 'case-details', caseId, 'tasks']\"\n              class=\"govuk-button govuk-button--secondary\" data-module=\"govuk-button\">Cancel</a>\n    </div>\n  </div>\n</div>\n"
+
+/***/ }),
+
 /***/ 64839:
 /***/ ((module) => {
 
@@ -83475,7 +84244,7 @@ module.exports = "<div *ngIf=\"isDataLoaded()\">\n    <ccd-case-viewer [hasPrint
 /***/ 67025:
 /***/ ((module) => {
 
-module.exports = "<div *ngIf=\"isDataLoaded()\">\n  <ccd-case-basic-access-view *ngIf=\"!hasStandardAccess()\" [accessType]=\"userAccessType\" [caseDetails]=\"caseDetails\"></ccd-case-basic-access-view>\n  <ccd-case-full-access-view *ngIf=\"hasStandardAccess()\" [caseDetails]=\"caseDetails\" [hasPrint]=\"hasPrint\" [hasEventSelector]=\"hasEventSelector\" [prependedTabs]=\"prependedTabs\" [appendedTabs]=\"appendedTabs\"></ccd-case-full-access-view>\n</div>\n"
+module.exports = "<div *ngIf=\"isDataLoaded()\">\n  <ccd-case-basic-access-view *ngIf=\"!hasStandardAccess()\"\n                              [accessType]=\"userAccessType\"\n                              [caseDetails]=\"caseDetails\">\n  </ccd-case-basic-access-view>\n  <ccd-case-full-access-view *ngIf=\"hasStandardAccess()\"\n                             [caseDetails]=\"caseDetails\"\n                             [hasPrint]=\"hasPrint\"\n                             [hasEventSelector]=\"hasEventSelector\"\n                             [prependedTabs]=\"prependedTabs\"\n                             [appendedTabs]=\"appendedTabs\">\n  </ccd-case-full-access-view>\n  <ccd-case-full-access-view *ngIf=\"hasStandardAccess()\" [caseDetails]=\"caseDetails\" [hasPrint]=\"hasPrint\" [hasEventSelector]=\"hasEventSelector\" [prependedTabs]=\"prependedTabs\" [appendedTabs]=\"appendedTabs\"></ccd-case-full-access-view>\n</div>\n"
 
 /***/ }),
 
@@ -83535,56 +84304,56 @@ module.exports = "<div *ngIf=\"hasErrors() || hasWarnings()\" class=\"error-summ
 
 /***/ }),
 
-/***/ 16952:
+/***/ 34904:
 /***/ ((module) => {
 
 module.exports = "<div class=\"govuk-!-margin-9\">\n  <div class=\"govuk-error-summary\" aria-labelledby=\"error-summary-title\" role=\"alert\" tabindex=\"-1\" data-module=\"error-summary\">\n    <h2 class=\"govuk-error-summary__title\" id=\"error-summary-title\">\n      There is a problem\n    </h2>\n    <div class=\"govuk-error-summary__body\">\n      <ul class=\"govuk-list govuk-error-summary__list\">\n        <li>\n          <a href=\"#\">Multiple tasks exist</a>\n        </li>\n      </ul>\n    </div>\n  </div>\n\n  <div class=\"govuk-form-group govuk-form-group--error\">\n    <h2 class=\"govuk-heading-m\">Multiple tasks exist</h2>\n\n    <p>You're starting work which could complete more than one of the active tasks for this case.</p>\n\n    <p>Return to tasks tab and start the event from there.</p>\n\n    <a href=\"javascript:void(0)\" [routerLink]=\"['/', 'cases', 'case-details', caseId, 'tasks']\">Return to tasks tab</a>\n  </div>\n</div>\n"
 
 /***/ }),
 
-/***/ 29813:
+/***/ 65099:
 /***/ ((module) => {
 
 module.exports = "<div class=\"govuk-!-margin-9\">\n  <div class=\"govuk-error-summary\" aria-labelledby=\"error-summary-title\" role=\"alert\" tabindex=\"-1\" data-module=\"error-summary\">\n    <h2 class=\"govuk-error-summary__title\" id=\"error-summary-title\">\n      There is a problem\n    </h2>\n    <div class=\"govuk-error-summary__body\">\n      <ul class=\"govuk-list govuk-error-summary__list\">\n        <li>\n          <a href=\"#\">No task available</a>\n        </li>\n      </ul>\n    </div>\n  </div>\n\n  <div class=\"govuk-form-group govuk-form-group--error\">\n    <h2 class=\"govuk-heading-m\">No task available</h2>\n\n    <p>You should have an assigned task for this event, but something has gone wrong.</p>\n\n    <a href=\"javascript:void(0)\" [routerLink]=\"['/', 'cases', 'case-details', caseId, 'tasks']\">Return to tasks tab</a>\n  </div>\n</div>\n"
 
 /***/ }),
 
-/***/ 50744:
+/***/ 66199:
 /***/ ((module) => {
 
-module.exports = "<div class=\"govuk-!-margin-9\">\n  <div class=\"govuk-error-summary\" aria-labelledby=\"error-summary-title\" role=\"alert\" tabindex=\"-1\" data-module=\"error-summary\">\n    <h2 class=\"govuk-error-summary__title\" id=\"error-summary-title\">\n      There is a problem\n    </h2>\n    <div class=\"govuk-error-summary__body\">\n      <ul class=\"govuk-list govuk-error-summary__list\">\n        <li>\n          <a href=\"#\">Task assignment required</a>\n        </li>\n      </ul>\n    </div>\n  </div>\n\n  <div class=\"govuk-form-group govuk-form-group--error\">\n      <h2 class=\"govuk-heading-m\">Task assignment required</h2>\n\n    <p>This task is assigned to {{assignedUserName}}. You must assigned it to yourself to continue.</p>\n\n    <a href=\"javascript:void(0)\" [routerLink]=\"['/', 'cases', 'case-details', caseId, 'tasks']\">Return to tasks tab</a>\n  </div>\n</div>\n"
+module.exports = "<div class=\"govuk-!-margin-9\">\n  <div class=\"govuk-error-summary\" aria-labelledby=\"error-summary-title\" role=\"alert\" tabindex=\"-1\" data-module=\"error-summary\">\n    <h2 class=\"govuk-error-summary__title\" id=\"error-summary-title\">\n      There is a problem\n    </h2>\n    <div class=\"govuk-error-summary__body\">\n      <ul class=\"govuk-list govuk-error-summary__list\">\n        <li>\n          <a href=\"#\">Task assignment required</a>\n        </li>\n      </ul>\n    </div>\n  </div>\n\n  <div class=\"govuk-form-group govuk-form-group--error\">\n      <h2 class=\"govuk-heading-m\">Task assignment required</h2>\n\n    <p>This task is assigned to {{assignedUserName}}. You must assign it to yourself to continue.</p>\n\n    <a href=\"javascript:void(0)\" [routerLink]=\"['/', 'cases', 'case-details', caseId, 'tasks']\">Return to tasks tab</a>\n  </div>\n</div>\n"
 
 /***/ }),
 
-/***/ 7336:
+/***/ 12540:
 /***/ ((module) => {
 
-module.exports = "<div class=\"govuk-!-margin-9\">\n  <div class=\"govuk-error-summary\" aria-labelledby=\"error-summary-title\" role=\"alert\" tabindex=\"-1\" data-module=\"error-summary\">\n    <h2 class=\"govuk-error-summary__title\" id=\"error-summary-title\">\n      There is a problem\n    </h2>\n    <div class=\"govuk-error-summary__body\">\n      <ul class=\"govuk-list govuk-error-summary__list\">\n        <li>\n          <a href=\"#\">Task cancelled/marked as done</a>\n        </li>\n      </ul>\n    </div>\n  </div>\n\n  <div class=\"govuk-form-group govuk-form-group--error\">\n    <h2 class=\"govuk-heading-m\">Task cancelled/marked as done</h2>\n\n    <p>This task has been cancelled or marked as done.</p>\n\n    <p>Click continue to complete the task and save your progress.</p>\n\n    <p>Alternatively, click Cancel to return to tasks tab without saving your progress.</p>\n\n    <div class=\"form-group form-group-related\">\n      <button type=\"submit\" class=\"govuk-button govuk-!-margin-right-2\" data-module=\"govuk-button\">Continue</button>\n      <a  [routerLink]=\"['/', 'cases', 'case-details', caseId, 'tasks']\"\n              class=\"govuk-button govuk-button--secondary\" data-module=\"govuk-button\">Cancel</a>\n    </div>\n  </div>\n</div>\n"
+module.exports = "<div class=\"govuk-!-margin-9\">\n  <div class=\"govuk-error-summary\" aria-labelledby=\"error-summary-title\" role=\"alert\" tabindex=\"-1\" data-module=\"error-summary\">\n    <h2 class=\"govuk-error-summary__title\" id=\"error-summary-title\">\n      There is a problem\n    </h2>\n    <div class=\"govuk-error-summary__body\">\n      <ul class=\"govuk-list govuk-error-summary__list\">\n        <li>\n          <a href=\"#\">Task cancelled/marked as done</a>\n        </li>\n      </ul>\n    </div>\n  </div>\n\n  <div class=\"govuk-form-group govuk-form-group--error\">\n    <h2 class=\"govuk-heading-m\">Task cancelled/marked as done</h2>\n\n    <p>This task has been cancelled or marked as done.</p>\n\n    <p>Click Continue to complete the task and save your progress.</p>\n\n    <p>Alternatively, click Cancel to return to the tasks tab without saving your progress.</p>\n\n    <div class=\"form-group form-group-related\">\n      <button type=\"submit\" class=\"govuk-button govuk-!-margin-right-2\" data-module=\"govuk-button\">Continue</button>\n      <a  [routerLink]=\"['/', 'cases', 'case-details', caseId, 'tasks']\"\n              class=\"govuk-button govuk-button--secondary\" data-module=\"govuk-button\">Cancel</a>\n    </div>\n  </div>\n</div>\n"
 
 /***/ }),
 
-/***/ 75808:
+/***/ 3948:
 /***/ ((module) => {
 
 module.exports = "<div class=\"govuk-!-margin-9\">\n  <div class=\"govuk-error-summary\" aria-labelledby=\"error-summary-title\" role=\"alert\" tabindex=\"-1\" data-module=\"error-summary\">\n    <h2 class=\"govuk-error-summary__title\" id=\"error-summary-title\">\n      There is a problem\n    </h2>\n    <div class=\"govuk-error-summary__body\">\n      <ul class=\"govuk-list govuk-error-summary__list\">\n        <li>\n          <a href=\"#\">Task conflict</a>\n        </li>\n      </ul>\n    </div>\n  </div>\n\n  <div class=\"govuk-form-group govuk-form-group--error\">\n    <h2 class=\"govuk-heading-m\">Task conflict</h2>\n\n    <p>This task cannot be completed due to conflict with another task or tasks for this case.</p>\n\n    <p>If the problem persists, contact William Priest</p>\n\n    <a href=\"javascript:void(0)\" [routerLink]=\"['/', 'cases', 'case-details', caseId, 'tasks']\">Return to tasks tab</a>\n  </div>\n</div>\n"
 
 /***/ }),
 
-/***/ 44937:
+/***/ 86282:
 /***/ ((module) => {
 
 module.exports = "<div class=\"govuk-!-margin-9\">\n  <div class=\"govuk-error-summary\" aria-labelledby=\"error-summary-title\" role=\"alert\" tabindex=\"-1\"\n    data-module=\"error-summary\">\n    <h2 class=\"govuk-error-summary__title\" id=\"error-summary-title\">\n      There is a problem\n    </h2>\n    <div class=\"govuk-error-summary__body\">\n      <ul class=\"govuk-list govuk-error-summary__list\">\n        <li>\n          <a href=\"#\">Task assignment required</a>\n        </li>\n      </ul>\n    </div>\n  </div>\n\n  <div class=\"govuk-form-group govuk-form-group--error\">\n    <h2 class=\"govuk-heading-m\">Task assignment required</h2>\n\n    <p>You must assign one of the available tasks from the task tab to continue with your work.</p>\n\n    <a href=\"javascript:void(0)\" [routerLink]=\"['/', 'cases', 'case-details', caseId, 'tasks']\">Return to tasks tab to\n      assign a task</a>\n  </div>\n</div>\n"
 
 /***/ }),
 
-/***/ 93453:
+/***/ 66006:
 /***/ ((module) => {
 
 module.exports = "\n"
 
 /***/ }),
 
-/***/ 10115:
+/***/ 74426:
 /***/ ((module) => {
 
 module.exports = "<form *ngIf=\"triggers && triggers.length\" class=\"event-trigger\" (ngSubmit)=\"triggerSubmit()\" [formGroup]=\"triggerForm\">\n  <div class=\"form-group\">\n    <label class=\"form-label\" for=\"next-step\">Next step</label>\n    <select class=\"form-control ccd-dropdown\" id=\"next-step\" (change)=\"triggerChange()\" formControlName=\"trigger\" [ngClass]=\"{\n          'EventTrigger-empty': !triggerForm.value['trigger']\n        }\">\n      <option *ngIf=\"1 !== triggers.length\" value=\"\" data-default>Select action</option>\n      <option *ngFor=\"let trigger of triggers\" [ngValue]=\"trigger\" [title]=\"trigger.description\">{{trigger.name}}</option>\n    </select>\n  </div>\n  <button [disabled]=\"isButtonDisabled()\" type=\"submit\" class=\"button\">{{triggerText}}</button>\n</form>\n"
@@ -84275,11 +85044,11 @@ function getStrategyDelay(consecutiveErrorsCount, options) {
 
 /***/ }),
 
-/***/ 75910:
+/***/ 1742:
 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 
 
-        var result = __webpack_require__(33648);
+        var result = __webpack_require__(50948);
 
         if (typeof result === "string") {
             module.exports = result;