@hmcts/ccd-case-ui-toolkit 4.9.7-state-machine → 4.9.8-state-machine

package/dist/index.umd.js

@@ -1,6 +1,6 @@
 /**
  * @hmcts/ccd-case-ui-toolkit - Case UI Toolkit
- * @version v4.9.7-state-machine
+ * @version v4.9.8-state-machine
  * @link undefined
  * @license MIT
  */
@@ -13274,7 +13274,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.EventStartModule = components_1.EventStartModule;
 exports.EventLogModule = components_1.EventLogModule;
 exports.SearchFiltersModule = components_1.SearchFiltersModule;
 exports.CaseResolver = components_1.CaseResolver;
@@ -14514,7 +14514,7 @@ var case_edit_component_1 = __webpack_require__(78101);
 var domain_1 = __webpack_require__(29808);
 // @dynamic
 var CaseEditSubmitComponent = /** @class */ (function () {
-    function CaseEditSubmitComponent(caseEdit, formValueService, formErrorService, fieldsUtils, caseFieldService, route, orderService, profileService, profileNotifier) {
+    function CaseEditSubmitComponent(caseEdit, formValueService, formErrorService, fieldsUtils, caseFieldService, route, orderService, profileService, profileNotifier, sessionStorageService) {
         this.caseEdit = caseEdit;
         this.formValueService = formValueService;
         this.formErrorService = formErrorService;
@@ -14524,9 +14524,11 @@ var CaseEditSubmitComponent = /** @class */ (function () {
         this.orderService = orderService;
         this.profileService = profileService;
         this.profileNotifier = profileNotifier;
+        this.sessionStorageService = sessionStorageService;
         this.callbackErrorsSubject = new rxjs_1.Subject();
         this.ignoreWarning = false;
         this.paletteContext = palette_1.PaletteContext.CHECK_YOUR_ANSWER;
+        this.eventCompletionChecksRequired = false;
     }
     CaseEditSubmitComponent_1 = CaseEditSubmitComponent;
     Object.defineProperty(CaseEditSubmitComponent.prototype, "isDisabled", {
@@ -14556,9 +14558,54 @@ var CaseEditSubmitComponent = /** @class */ (function () {
             this.profileSubscription.unsubscribe();
         }
     };
+    /**
+     * Handler function for event completion
+     *
+     * @memberof CaseEditSubmitComponent
+     */
     CaseEditSubmitComponent.prototype.submit = function () {
-        var _this = this;
         this.isSubmitting = true;
+        // We have to run the event completion checks if task in session storage
+        var taskStr = this.sessionStorageService.getItem('taskToComplete');
+        if (taskStr) {
+            // Task is in session storage
+            var task = JSON.parse(taskStr);
+            this.task = task;
+            // Show event completion component to perform event completion checks
+            this.eventCompletionParams = {
+                caseId: this.getCaseId(),
+                eventId: this.getEventId(),
+                task: task
+            };
+            this.eventCompletionChecksRequired = true;
+        }
+        else {
+            // Task not in session storage, proceed to submit
+            var caseEventData = this.generateCaseEventData();
+            this.caseSubmit(caseEventData);
+        }
+    };
+    /**
+     * Handler function for event emitted from case event completion component
+     *
+     * @param {boolean} eventCanBeCompleted
+     * @memberof CaseEditSubmitComponent
+     */
+    CaseEditSubmitComponent.prototype.onEventCanBeCompleted = function (eventCanBeCompleted) {
+        if (eventCanBeCompleted) {
+            // Submit
+            var caseEventData = this.generateCaseEventData();
+            this.caseSubmit(caseEventData);
+        }
+    };
+    /**
+     * Function to generate and return case event data for completing the event
+     *
+     * @private
+     * @return {*}  {CaseEventData}
+     * @memberof CaseEditSubmitComponent
+     */
+    CaseEditSubmitComponent.prototype.generateCaseEventData = function () {
         var caseEventData = {
             data: this.replaceEmptyComplexFieldValues(this.formValueService.sanitise(this.replaceHiddenFormValuesWithOriginalCaseData(this.editForm.get('data'), this.eventTrigger.case_fields))),
             event: this.editForm.value.event
@@ -14571,9 +14618,17 @@ var CaseEditSubmitComponent = /** @class */ (function () {
         this.formValueService.removeEmptyCollectionsWithMinValidation(caseEventData.data, this.eventTrigger.case_fields);
         caseEventData.event_token = this.eventTrigger.event_token;
         caseEventData.ignore_warning = this.ignoreWarning;
-        if (this.caseEdit.confirmation) {
-            caseEventData.data = {};
-        }
+        return caseEventData;
+    };
+    /**
+     * Function to complete the event
+     *
+     * @private
+     * @param {CaseEventData} caseEventData
+     * @memberof CaseEditSubmitComponent
+     */
+    CaseEditSubmitComponent.prototype.caseSubmit = function (caseEventData) {
+        var _this = this;
         this.caseEdit.submit(caseEventData)
             .subscribe(function (response) {
             var confirmation = _this.buildConfirmation(response);
@@ -14826,6 +14881,9 @@ var CaseEditSubmitComponent = /** @class */ (function () {
     CaseEditSubmitComponent.prototype.getCaseId = function () {
         return (this.caseEdit.caseDetails ? this.caseEdit.caseDetails.case_id : '');
     };
+    CaseEditSubmitComponent.prototype.getEventId = function () {
+        return this.editForm.value.event.id;
+    };
     CaseEditSubmitComponent.prototype.getCaseTitle = function () {
         return (this.caseEdit.caseDetails && this.caseEdit.caseDetails.state &&
             this.caseEdit.caseDetails.state.title_display ? this.caseEdit.caseDetails.state.title_display : '');
@@ -14864,7 +14922,8 @@ var CaseEditSubmitComponent = /** @class */ (function () {
             router_1.ActivatedRoute,
             services_1.OrderService,
             services_1.ProfileService,
-            services_1.ProfileNotifier])
+            services_1.ProfileNotifier,
+            services_1.SessionStorageService])
     ], CaseEditSubmitComponent);
     return CaseEditSubmitComponent;
 }());
@@ -15063,6 +15122,7 @@ 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 event_completion_state_machine_service_1 = __webpack_require__(75585);
 var error_1 = __webpack_require__(51585);
 var markdown_module_1 = __webpack_require__(41582);
 var conditional_show_1 = __webpack_require__(71170);
@@ -15091,6 +15151,7 @@ var case_edit_form_component_1 = __webpack_require__(9106);
 var case_edit_page_component_1 = __webpack_require__(56534);
 var case_edit_submit_component_1 = __webpack_require__(17663);
 var case_edit_component_1 = __webpack_require__(78101);
+var case_event_completion_component_1 = __webpack_require__(9349);
 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);
@@ -15113,7 +15174,7 @@ var CaseEditorModule = /** @class */ (function () {
                 conditional_show_1.ConditionalShowModule,
                 substitutor_1.LabelSubstitutorModule,
                 errors_module_1.ErrorsModule,
-                palette_1.ComplexModule,
+                palette_1.ComplexModule
             ],
             declarations: [
                 case_edit_confirm_component_1.CaseEditConfirmComponent,
@@ -15121,6 +15182,7 @@ 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_component_1.CaseEventCompletionComponent,
                 case_create_component_1.CaseCreateComponent,
                 case_progress_component_1.CaseProgressComponent,
                 loading_spinner_component_1.LoadingSpinnerComponent
@@ -15131,10 +15193,11 @@ 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_component_1.CaseEventCompletionComponent,
                 case_create_component_1.CaseCreateComponent,
                 case_progress_component_1.CaseProgressComponent,
                 error_1.CallbackErrorsComponent,
-                loading_spinner_component_1.LoadingSpinnerComponent,
+                loading_spinner_component_1.LoadingSpinnerComponent
             ],
             providers: [
                 fields_utils_1.FieldsUtils,
@@ -15156,7 +15219,8 @@ var CaseEditorModule = /** @class */ (function () {
                 profile_service_1.ProfileService,
                 case_edit_wizard_guard_1.CaseEditWizardGuard,
                 work_allocation_service_1.WorkAllocationService,
-                services_1.SessionStorageService
+                services_1.SessionStorageService,
+                event_completion_state_machine_service_1.EventCompletionStateMachineService
             ]
         })
     ], CaseEditorModule);
@@ -15165,6 +15229,84 @@ 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 core_1 = __webpack_require__(57208);
+var router_1 = __webpack_require__(92302);
+var services_1 = __webpack_require__(25961);
+var services_2 = __webpack_require__(65010);
+var CaseEventCompletionComponent = /** @class */ (function () {
+    function CaseEventCompletionComponent(service, router, route, sessionStorageService, workAllocationService) {
+        this.service = service;
+        this.router = router;
+        this.route = route;
+        this.sessionStorageService = sessionStorageService;
+        this.workAllocationService = workAllocationService;
+        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,
+                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);
+        }
+    };
+    __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_1.EventCompletionStateMachineService,
+            router_1.Router,
+            router_1.ActivatedRoute,
+            services_2.SessionStorageService,
+            services_1.WorkAllocationService])
+    ], CaseEventCompletionComponent);
+    return CaseEventCompletionComponent;
+}());
+exports.CaseEventCompletionComponent = CaseEventCompletionComponent;
+
+
 /***/ }),
 
 /***/ 88430:
@@ -15305,6 +15447,45 @@ var Confirmation = /** @class */ (function () {
 exports.Confirmation = Confirmation;
 
 
+/***/ }),
+
+/***/ 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:
@@ -15320,6 +15501,8 @@ __export(__webpack_require__(55430));
 __export(__webpack_require__(44178));
 __export(__webpack_require__(25460));
 __export(__webpack_require__(26378));
+__export(__webpack_require__(2345));
+__export(__webpack_require__(5578));
 
 
 /***/ }),
@@ -15959,6 +16142,130 @@ 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 domain_1 = __webpack_require__(29808);
+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.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) {
+                    if (!task.assignee && task.task_state === 'unassigned') {
+                        // Task unassigned
+                        state.trigger(domain_1.EventCompletionStates.TaskUnassigned);
+                    }
+                    else if (task.assignee === context.task.assignee) {
+                        // Task assigned to current user
+                        if (task.task_state === 'assigned') {
+                            // Task is in assigned state
+                            state.trigger(domain_1.EventCompletionStates.CompleteEventAndTask);
+                        }
+                        else {
+                            if (task.task_state === 'completed' || task.task_state === 'cancelled') {
+                                state.trigger(domain_1.EventCompletionStates.TaskCompetedOrCancelled);
+                            }
+                        }
+                    }
+                    else {
+                        // Task not assigned to user
+                        state.trigger(domain_1.EventCompletionStates.TaskAssignedToAnotherUser);
+                    }
+                }
+            }
+        });
+    };
+    EventCompletionStateMachineService.prototype.entryActionForStateTaskCompletedOrCancelled = function (state, context) {
+        // Trigger final state to complete processing of state machine
+        state.trigger(domain_1.EventCompletionStates.Final);
+        // Navigate to no task available error page
+    };
+    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);
+    };
+    EventCompletionStateMachineService.prototype.entryActionForStateTaskUnassigned = function (state, context) {
+        // Trigger final state to complete processing of state machine
+        state.trigger(domain_1.EventCompletionStates.Final);
+        // Navigate to tasks tab on case details page
+    };
+    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 assigned to another user
+        this.stateCheckTasksCanBeCompleted.addTransition(domain_1.EventCompletionStates.TaskAssignedToAnotherUser, this.stateTaskAssignedToAnotherUser);
+    };
+    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:
@@ -16008,6 +16315,7 @@ __export(__webpack_require__(17051));
 __export(__webpack_require__(21190));
 __export(__webpack_require__(53294));
 __export(__webpack_require__(93603));
+__export(__webpack_require__(75585));
 
 
 /***/ }),
@@ -18777,7 +19085,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);
@@ -18789,6 +19096,8 @@ 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_start_module_1 = __webpack_require__(76210);
+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);
@@ -18813,7 +19122,8 @@ var CaseViewerModule = /** @class */ (function () {
                 errors_module_1.ErrorsModule,
                 activity_1.ActivityModule,
                 case_header_1.CaseHeaderModule,
-                __1.EventManagementModule,
+                event_start_module_1.EventStartModule,
+                event_trigger_1.EventTriggerModule,
                 tabs_1.TabsModule,
                 palette_1.PaletteModule,
                 directives_1.LabelSubstitutorModule,
@@ -18844,7 +19154,7 @@ var CaseViewerModule = /** @class */ (function () {
             ],
             exports: [
                 case_viewer_component_1.CaseViewerComponent,
-                case_view_1.CaseViewComponent,
+                case_view_1.CaseViewComponent
             ],
             providers: [
                 case_editor_1.CaseNotifier,
@@ -19287,9 +19597,9 @@ __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);
@@ -19316,34 +19626,34 @@ exports.viewerRouting = [
     },
     {
         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
+        component: event_start_1.TaskConflictComponent
     },
     {
         path: 'event/:eid/history',
@@ -20238,7 +20548,7 @@ __export(__webpack_require__(14688));
 
 /***/ }),
 
-/***/ 91469:
+/***/ 77877:
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
@@ -20263,7 +20573,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);
@@ -20274,7 +20584,7 @@ exports.MultipleTasksExistComponent = MultipleTasksExistComponent;
 
 /***/ }),
 
-/***/ 6938:
+/***/ 74259:
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
@@ -20299,7 +20609,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);
@@ -20310,7 +20620,7 @@ exports.NoTasksAvailableComponent = NoTasksAvailableComponent;
 
 /***/ }),
 
-/***/ 17170:
+/***/ 14751:
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
@@ -20348,7 +20658,7 @@ var TaskAssignedComponent = /** @class */ (function () {
     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])
@@ -20360,7 +20670,7 @@ exports.TaskAssignedComponent = TaskAssignedComponent;
 
 /***/ }),
 
-/***/ 76766:
+/***/ 4829:
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
@@ -20386,7 +20696,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;
@@ -20396,7 +20706,7 @@ exports.TaskCancelledComponent = TaskCancelledComponent;
 
 /***/ }),
 
-/***/ 80378:
+/***/ 33323:
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
@@ -20426,7 +20736,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;
@@ -20436,7 +20746,7 @@ exports.TaskConflictComponent = TaskConflictComponent;
 
 /***/ }),
 
-/***/ 54310:
+/***/ 29730:
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
@@ -20461,7 +20771,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);
@@ -20472,7 +20782,7 @@ exports.TaskUnassignedComponent = TaskUnassignedComponent;
 
 /***/ }),
 
-/***/ 10962:
+/***/ 14706:
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
@@ -20527,78 +20837,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";
@@ -20616,7 +20855,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;
@@ -20641,7 +20880,7 @@ var EventStartComponent = /** @class */ (function () {
             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);
@@ -20653,9 +20892,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])
@@ -20667,7 +20906,7 @@ exports.EventStartComponent = EventStartComponent;
 
 /***/ }),
 
-/***/ 65684:
+/***/ 76210:
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
@@ -20678,76 +20917,62 @@ 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 portal_1 = __webpack_require__(13571);
+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,
+                portal_1.PortalModule,
+                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";
@@ -20756,45 +20981,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";
@@ -20803,27 +21028,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));
+__export(__webpack_require__(11649));
 
 
 /***/ }),
 
-/***/ 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 = {}));
-
-
-/***/ }),
-
-/***/ 4085:
+/***/ 26745:
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
@@ -20862,7 +21072,7 @@ exports.EventTasksResolverService = EventTasksResolverService;
 
 /***/ }),
 
-/***/ 88639:
+/***/ 32353:
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
@@ -20876,29 +21086,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
@@ -20910,36 +21120,36 @@ 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);
@@ -20948,27 +21158,27 @@ var EventStateMachineService = /** @class */ (function () {
         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.EventStates.ONE_TASK_ASSIGNED_TO_USER);
+            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.EventStates.TASK_UNASSIGNED);
+                    state.trigger(models_1.EventStartStates.TASK_UNASSIGNED);
                     break;
                 case 1:
                     // One task assigned to user
-                    state.trigger(models_1.EventStates.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.EventStates.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) {
@@ -20981,13 +21191,13 @@ 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) {
@@ -20998,55 +21208,191 @@ var EventStateMachineService = /** @class */ (function () {
         // 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";
@@ -21055,7 +21401,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));
 
 
 /***/ }),
@@ -21118,7 +21465,7 @@ __export(__webpack_require__(64633));
 __export(__webpack_require__(84573));
 __export(__webpack_require__(51585));
 __export(__webpack_require__(21470));
-__export(__webpack_require__(37375));
+__export(__webpack_require__(61319));
 __export(__webpack_require__(47174));
 __export(__webpack_require__(22212));
 __export(__webpack_require__(96292));
@@ -29740,7 +30087,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));
 
@@ -29820,7 +30167,7 @@ exports.SearchFiltersWrapperComponent = SearchFiltersWrapperComponent;
 
 /***/ }),
 
-/***/ 7108:
+/***/ 65141:
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
@@ -30062,7 +30409,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);
@@ -40052,7 +40399,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);
@@ -83383,7 +83730,7 @@ module.exports = "<ccd-loading-spinner  *ngIf=\"showSpinner\"></ccd-loading-spin
 /***/ 81278:
 /***/ ((module) => {
 
-module.exports = "<!-- Event trigger name -->\n<h1 class=\"govuk-heading-l\">{{ eventTrigger.name}}</h1>\n\n<!--Case ID or Title -->\n<div *ngIf=\"getCaseTitle(); then titleBlock; else idBlock\"></div>\n<ng-template #titleBlock>\n  <ccd-markdown [content]=\"getCaseTitle() | ccdCaseTitle: contextFields : editForm.controls['data']\"></ccd-markdown>\n</ng-template>\n<ng-template #idBlock>\n  <h2 *ngIf=\"getCaseId()\" class=\"heading-h2\">#{{ getCaseId() | ccdCaseReference }}</h2>\n</ng-template>\n\n<!-- Generic error heading and error message to be displayed only if there are no specific callback errors or warnings, or no error details -->\n<div *ngIf=\"error && (!(error.callbackErrors || error.callbackWarnings || error.details) && !error.message)\" class=\"error-summary\" role=\"group\" aria-labelledby=\"edit-case-event_error-summary-heading\" tabindex=\"-1\">\n  <h1 class=\"heading-h1 error-summary-heading\" id=\"edit-case-event_error-summary-heading\">\n    Something went wrong\n  </h1>\n  <div class=\"govuk-error-summary__body\" id=\"edit-case-event_error-summary-body\">\n    <p>We're working to fix the problem. Try again shortly.</p>\n    <p><a href=\"get-help\" target=\"_blank\">Contact us</a> if you're still having problems.</p>\n  </div>\n</div>\n<!-- Event error heading and error message to be displayed if there are specific error details -->\n<div *ngIf=\"error && (error.details || error.message)\" class=\"error-summary\" role=\"group\" aria-labelledby=\"edit-case-event_error-summary-heading\" tabindex=\"-1\">\n  <h3 class=\"heading-h3 error-summary-heading\" id=\"edit-case-event_error-summary-heading\">\n    The event could not be created\n  </h3>\n  <p>{{error.message}}</p>\n  <ul *ngIf=\"error.details?.field_errors\" class=\"error-summary-list\">\n    <li *ngFor=\"let fieldError of error.details.field_errors\" class=\"ccd-error-summary-li\">{{fieldError.message}}</li>\n  </ul>\n</div>\n<ccd-callback-errors [callbackErrorsSubject]=\"callbackErrorsSubject\"\n                     (callbackErrorsContext)=\"callbackErrorsNotify($event)\"></ccd-callback-errors>\n\n<form class=\"check-your-answers\" [formGroup]=\"editForm\" (submit)=\"submit()\">\n  <ng-container *ngIf=\"checkYourAnswerFieldsToDisplayExists()\">\n\n    <h2 class=\"heading-h2\">Check your answers</h2>\n    <span class=\"text-16\">Check the information below carefully.</span>\n\n    <table class=\"form-table\">\n      <tbody>\n      <ng-container *ngFor=\"let page of this.wizard.pages\">\n        <ng-container *ngIf=\"isShown(page)\">\n          <ng-container *ngFor=\"let field of page\n          | ccdPageFields: editForm.controls['data']\n          | ccdReadFieldsFilter: false :undefined :true : editForm.controls['data']\n          | ccdCYAPageLabelFilter\">\n            <ng-container *ngIf=\"canShowFieldInCYA(field)\">\n              <tr ccdLabelSubstitutor [caseField]=\"field\" [hidden]=\"field.hidden\"\n                  [formGroup]=\"editForm.controls['data']\" [contextFields]=\"contextFields\">\n                <th *ngIf=\"!isLabel(field)\" class=\"valign-top case-field-label\"><span class=\"text-16\">{{field.label}}</span></th>\n                <td class=\"form-cell case-field-content\" [attr.colspan]=\"isLabel(field) ? '2' : '1'\">\n                  <ccd-field-read\n                    [formGroup]=\"editForm.controls['data']\" [topLevelFormGroup]=\"editForm.controls['data']\"\n                    [caseField]=\"summaryCaseField(field)\" [context]=\"paletteContext\" [caseFields]=\"contextFields\"></ccd-field-read>\n                </td>\n                <td class=\"valign-top check-your-answers__change case-field-change\">\n                  <a *ngIf=\"isChangeAllowed(field)\" (click)=\"navigateToPage(page.id)\"\n                     href=\"javascript:void(0)\"><span class=\"text-16\">Change</span></a>\n                </td>\n              </tr>\n            </ng-container>\n          </ng-container>\n        </ng-container>\n      </ng-container>\n      </tbody>\n    </table>\n  </ng-container>\n  <ng-container *ngIf=\"readOnlySummaryFieldsToDisplayExists()\">\n\n    <table class=\"summary-fields\">\n      <tbody>\n        <ng-container *ngFor=\"let field of this.showSummaryFields\">\n            <ng-container [ngSwitch]=\"!(field | ccdIsCompound)\">\n              <tr *ngSwitchCase=\"true\" ccdLabelSubstitutor [caseField]=\"field\" [formGroup]=\"editForm.controls['data']\" [contextFields]=\"contextFields\">\n                <th>{{field.label}}</th>\n                <td class=\"form-cell\">\n                  <ccd-field-read [formGroup]=\"editForm.controls['data']\" [caseField]=\"summaryCaseField(field)\"></ccd-field-read>\n                </td>\n              </tr>\n              <tr *ngSwitchCase=\"false\" class=\"compound-field\" ccdLabelSubstitutor [caseField]=\"field\" [formGroup]=\"editForm.controls['data']\" [contextFields]=\"contextFields\">\n                <td colspan=\"2\">\n                  <ccd-field-read [formGroup]=\"editForm.controls['data']\" [caseField]=\"summaryCaseField(field)\" [caseFields]=\"contextFields\"></ccd-field-read>\n                </td>\n              </tr>\n            </ng-container>\n          </ng-container>\n      </tbody>\n    </table>\n  </ng-container>\n  <ng-container *ngIf=\"showEventNotes()\">\n    <fieldset id=\"fieldset-event\" formGroupName=\"event\" *ngIf=\"profile && !isSolicitor()\">\n      <div class=\"form-group\">\n        <label for=\"field-trigger-summary\" class=\"form-label\">\n          Event summary (optional)\n          <span class=\"form-hint\">A few words describing the purpose of the event.</span>\n        </label>\n        <input type=\"text\" id=\"field-trigger-summary\" class=\"form-control bottom-30 width-50\" formControlName=\"summary\" maxlength=\"1024\">\n      </div>\n      <div class=\"form-group\">\n        <label for=\"field-trigger-description\" class=\"form-label\">Event description (optional)</label>\n        <textarea id=\"field-trigger-description\" class=\"form-control bottom-30 width-50\" formControlName=\"description\"\n                  maxlength=\"65536\"></textarea>\n      </div>\n    </fieldset>\n  </ng-container>\n  <div class=\"form-group form-group-related\">\n    <button class=\"button button-secondary\" type=\"button\" [disabled]=\"!hasPrevious() || isSubmitting\" (click)=\"previous()\">Previous</button>\n    <button type=\"submit\" [disabled]=\"isDisabled\" class=\"button\">{{triggerText}}</button>\n  </div>\n  <p class=\"cancel\"><a (click)=\"cancel()\" href=\"javascript:void(0)\" [class.disabled]=\"isSubmitting\">{{getCancelText()}}</a></p>\n</form>\n"
+module.exports = "<div *ngIf=\"!eventCompletionChecksRequired\">\n  <!-- Event trigger name -->\n  <h1 class=\"govuk-heading-l\">{{ eventTrigger.name}}</h1>\n\n  <!--Case ID or Title -->\n  <div *ngIf=\"getCaseTitle(); then titleBlock; else idBlock\"></div>\n  <ng-template #titleBlock>\n    <ccd-markdown [content]=\"getCaseTitle() | ccdCaseTitle: contextFields : editForm.controls['data']\"></ccd-markdown>\n  </ng-template>\n  <ng-template #idBlock>\n    <h2 *ngIf=\"getCaseId()\" class=\"heading-h2\">#{{ getCaseId() | ccdCaseReference }}</h2>\n  </ng-template>\n\n  <!-- Generic error heading and error message to be displayed only if there are no specific callback errors or warnings, or no error details -->\n  <div *ngIf=\"error && (!(error.callbackErrors || error.callbackWarnings || error.details) && !error.message)\" class=\"error-summary\" role=\"group\" aria-labelledby=\"edit-case-event_error-summary-heading\" tabindex=\"-1\">\n    <h1 class=\"heading-h1 error-summary-heading\" id=\"edit-case-event_error-summary-heading\">\n      Something went wrong\n    </h1>\n    <div class=\"govuk-error-summary__body\" id=\"edit-case-event_error-summary-body\">\n      <p>We're working to fix the problem. Try again shortly.</p>\n      <p><a href=\"get-help\" target=\"_blank\">Contact us</a> if you're still having problems.</p>\n    </div>\n  </div>\n  <!-- Event error heading and error message to be displayed if there are specific error details -->\n  <div *ngIf=\"error && (error.details || error.message)\" class=\"error-summary\" role=\"group\" aria-labelledby=\"edit-case-event_error-summary-heading\" tabindex=\"-1\">\n    <h3 class=\"heading-h3 error-summary-heading\" id=\"edit-case-event_error-summary-heading\">\n      The event could not be created\n    </h3>\n    <p>{{error.message}}</p>\n    <ul *ngIf=\"error.details?.field_errors\" class=\"error-summary-list\">\n      <li *ngFor=\"let fieldError of error.details.field_errors\" class=\"ccd-error-summary-li\">{{fieldError.message}}</li>\n    </ul>\n  </div>\n  <ccd-callback-errors [callbackErrorsSubject]=\"callbackErrorsSubject\"\n                      (callbackErrorsContext)=\"callbackErrorsNotify($event)\"></ccd-callback-errors>\n\n  <form class=\"check-your-answers\" [formGroup]=\"editForm\" (submit)=\"submit()\">\n    <ng-container *ngIf=\"checkYourAnswerFieldsToDisplayExists()\">\n\n      <h2 class=\"heading-h2\">Check your answers</h2>\n      <span class=\"text-16\">Check the information below carefully.</span>\n\n      <table class=\"form-table\">\n        <tbody>\n        <ng-container *ngFor=\"let page of this.wizard.pages\">\n          <ng-container *ngIf=\"isShown(page)\">\n            <ng-container *ngFor=\"let field of page\n            | ccdPageFields: editForm.controls['data']\n            | ccdReadFieldsFilter: false :undefined :true : editForm.controls['data']\n            | ccdCYAPageLabelFilter\">\n              <ng-container *ngIf=\"canShowFieldInCYA(field)\">\n                <tr ccdLabelSubstitutor [caseField]=\"field\" [hidden]=\"field.hidden\"\n                    [formGroup]=\"editForm.controls['data']\" [contextFields]=\"contextFields\">\n                  <th *ngIf=\"!isLabel(field)\" class=\"valign-top case-field-label\"><span class=\"text-16\">{{field.label}}</span></th>\n                  <td class=\"form-cell case-field-content\" [attr.colspan]=\"isLabel(field) ? '2' : '1'\">\n                    <ccd-field-read\n                      [formGroup]=\"editForm.controls['data']\" [topLevelFormGroup]=\"editForm.controls['data']\"\n                      [caseField]=\"summaryCaseField(field)\" [context]=\"paletteContext\" [caseFields]=\"contextFields\"></ccd-field-read>\n                  </td>\n                  <td class=\"valign-top check-your-answers__change case-field-change\">\n                    <a *ngIf=\"isChangeAllowed(field)\" (click)=\"navigateToPage(page.id)\"\n                      href=\"javascript:void(0)\"><span class=\"text-16\">Change</span></a>\n                  </td>\n                </tr>\n              </ng-container>\n            </ng-container>\n          </ng-container>\n        </ng-container>\n        </tbody>\n      </table>\n    </ng-container>\n    <ng-container *ngIf=\"readOnlySummaryFieldsToDisplayExists()\">\n\n      <table class=\"summary-fields\">\n        <tbody>\n          <ng-container *ngFor=\"let field of this.showSummaryFields\">\n              <ng-container [ngSwitch]=\"!(field | ccdIsCompound)\">\n                <tr *ngSwitchCase=\"true\" ccdLabelSubstitutor [caseField]=\"field\" [formGroup]=\"editForm.controls['data']\" [contextFields]=\"contextFields\">\n                  <th>{{field.label}}</th>\n                  <td class=\"form-cell\">\n                    <ccd-field-read [formGroup]=\"editForm.controls['data']\" [caseField]=\"summaryCaseField(field)\"></ccd-field-read>\n                  </td>\n                </tr>\n                <tr *ngSwitchCase=\"false\" class=\"compound-field\" ccdLabelSubstitutor [caseField]=\"field\" [formGroup]=\"editForm.controls['data']\" [contextFields]=\"contextFields\">\n                  <td colspan=\"2\">\n                    <ccd-field-read [formGroup]=\"editForm.controls['data']\" [caseField]=\"summaryCaseField(field)\" [caseFields]=\"contextFields\"></ccd-field-read>\n                  </td>\n                </tr>\n              </ng-container>\n            </ng-container>\n        </tbody>\n      </table>\n    </ng-container>\n    <ng-container *ngIf=\"showEventNotes()\">\n      <fieldset id=\"fieldset-event\" formGroupName=\"event\" *ngIf=\"profile && !isSolicitor()\">\n        <div class=\"form-group\">\n          <label for=\"field-trigger-summary\" class=\"form-label\">\n            Event summary (optional)\n            <span class=\"form-hint\">A few words describing the purpose of the event.</span>\n          </label>\n          <input type=\"text\" id=\"field-trigger-summary\" class=\"form-control bottom-30 width-50\" formControlName=\"summary\" maxlength=\"1024\">\n        </div>\n        <div class=\"form-group\">\n          <label for=\"field-trigger-description\" class=\"form-label\">Event description (optional)</label>\n          <textarea id=\"field-trigger-description\" class=\"form-control bottom-30 width-50\" formControlName=\"description\"\n                    maxlength=\"65536\"></textarea>\n        </div>\n      </fieldset>\n    </ng-container>\n    <div class=\"form-group form-group-related\">\n      <button class=\"button button-secondary\" type=\"button\" [disabled]=\"!hasPrevious() || isSubmitting\" (click)=\"previous()\">Previous</button>\n      <button type=\"submit\" [disabled]=\"isDisabled\" class=\"button\">{{triggerText}}</button>\n    </div>\n    <p class=\"cancel\"><a (click)=\"cancel()\" href=\"javascript:void(0)\" [class.disabled]=\"isSubmitting\">{{getCancelText()}}</a></p>\n  </form>\n</div>\n<ccd-case-event-completion *ngIf=\"eventCompletionChecksRequired\"\n  [eventCompletionParams]=\"eventCompletionParams\"\n  (eventCanBeCompleted)=\"onEventCanBeCompleted($event)\">\n</ccd-case-event-completion>\n"
 
 /***/ }),
 
@@ -83394,6 +83741,13 @@ module.exports = "<router-outlet></router-outlet>\n"
 
 /***/ }),
 
+/***/ 45479:
+/***/ ((module) => {
+
+module.exports = ""
+
+/***/ }),
+
 /***/ 64839:
 /***/ ((module) => {
 
@@ -83562,56 +83916,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 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"
@@ -84302,11 +84656,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;