@hmcts/ccd-case-ui-toolkit 7.0.12 → 7.0.13

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

@@ -4529,6 +4529,7 @@ class Constants {
 }
 Constants.MANDATORY = 'MANDATORY';
 Constants.REGEX_WHITESPACES = '^[^ ]+(?:\\s+[^ ]+)*$';
+Constants.TASK_COMPLETION_ERROR = 'The associated task for this event failed to complete automatically. Please complete the task manually in the Tasks tab on the case';
 Constants.ɵfac = function Constants_Factory(t) { return new (t || Constants)(); };
 Constants.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: Constants, factory: Constants.ɵfac });
 (function () {
@@ -8954,7 +8955,7 @@ ValidPageListCaseFieldsService.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({
 })();
 
 class CaseEditComponent {
-    constructor(fb, caseNotifier, router, route, fieldsUtils, fieldsPurger, registrarService, wizardFactory, sessionStorageService, windowsService, formValueService, formErrorService, loadingService, validPageListCaseFieldsService, workAllocationService) {
+    constructor(fb, caseNotifier, router, route, fieldsUtils, fieldsPurger, registrarService, wizardFactory, sessionStorageService, windowsService, formValueService, formErrorService, loadingService, validPageListCaseFieldsService, workAllocationService, alertService) {
         this.fb = fb;
         this.caseNotifier = caseNotifier;
         this.router = router;
@@ -8970,6 +8971,7 @@ class CaseEditComponent {
         this.loadingService = loadingService;
         this.validPageListCaseFieldsService = validPageListCaseFieldsService;
         this.workAllocationService = workAllocationService;
+        this.alertService = alertService;
         this.cancelled = new EventEmitter();
         this.submitted = new EventEmitter();
         this.isEventCompletionChecksRequired = false;
@@ -9258,6 +9260,7 @@ class CaseEditComponent {
         const loadingSpinnerToken = this.loadingService.register();
         // keep the initial event response to finalise process after task completion
         let eventResponse;
+        this.sessionStorageService.setItem('taskCompletionError', 'false');
         submit(caseEventData).pipe(switchMap((response) => {
             eventResponse = response;
             return this.postCompleteTaskIfRequired();
@@ -9279,10 +9282,13 @@ class CaseEditComponent {
                 this.isSubmitting = false;
             }
             else {
+                this.sessionStorageService.setItem('taskCompletionError', 'true');
                 // task assignment/completion error - handled within workallocation service
                 // could set task to be deleted (or completed later)?
-                // note: think error messages only shown if user is caseworker - might reqauire changing
                 this.finishEventCompletionLogic(eventResponse);
+                // below allows error to be shown on navigation to confirmation page
+                this.alertService.setPreserveAlerts(true);
+                this.alertService.error({ phrase: Constants.TASK_COMPLETION_ERROR });
             }
         });
     }
@@ -9338,7 +9344,7 @@ class CaseEditComponent {
 }
 CaseEditComponent.ORIGIN_QUERY_PARAM = 'origin';
 CaseEditComponent.ALERT_MESSAGE = 'Page is being refreshed so you will be redirected to the first page of this event.';
-CaseEditComponent.ɵfac = function CaseEditComponent_Factory(t) { return new (t || CaseEditComponent)(i0.ɵɵdirectiveInject(i3.FormBuilder), i0.ɵɵdirectiveInject(CaseNotifier), i0.ɵɵdirectiveInject(i1$1.Router), i0.ɵɵdirectiveInject(i1$1.ActivatedRoute), i0.ɵɵdirectiveInject(FieldsUtils), i0.ɵɵdirectiveInject(FieldsPurger), i0.ɵɵdirectiveInject(ConditionalShowRegistrarService), i0.ɵɵdirectiveInject(WizardFactoryService), i0.ɵɵdirectiveInject(SessionStorageService), i0.ɵɵdirectiveInject(WindowService), i0.ɵɵdirectiveInject(FormValueService), i0.ɵɵdirectiveInject(FormErrorService), i0.ɵɵdirectiveInject(LoadingService), i0.ɵɵdirectiveInject(ValidPageListCaseFieldsService), i0.ɵɵdirectiveInject(WorkAllocationService)); };
+CaseEditComponent.ɵfac = function CaseEditComponent_Factory(t) { return new (t || CaseEditComponent)(i0.ɵɵdirectiveInject(i3.FormBuilder), i0.ɵɵdirectiveInject(CaseNotifier), i0.ɵɵdirectiveInject(i1$1.Router), i0.ɵɵdirectiveInject(i1$1.ActivatedRoute), i0.ɵɵdirectiveInject(FieldsUtils), i0.ɵɵdirectiveInject(FieldsPurger), i0.ɵɵdirectiveInject(ConditionalShowRegistrarService), i0.ɵɵdirectiveInject(WizardFactoryService), i0.ɵɵdirectiveInject(SessionStorageService), i0.ɵɵdirectiveInject(WindowService), i0.ɵɵdirectiveInject(FormValueService), i0.ɵɵdirectiveInject(FormErrorService), i0.ɵɵdirectiveInject(LoadingService), i0.ɵɵdirectiveInject(ValidPageListCaseFieldsService), i0.ɵɵdirectiveInject(WorkAllocationService), i0.ɵɵdirectiveInject(AlertService)); };
 CaseEditComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CaseEditComponent, selectors: [["ccd-case-edit"]], inputs: { eventTrigger: "eventTrigger", submit: "submit", validate: "validate", saveDraft: "saveDraft", caseDetails: "caseDetails" }, outputs: { cancelled: "cancelled", submitted: "submitted" }, features: [i0.ɵɵProvidersFeature([GreyBarService])], decls: 1, vars: 0, template: function CaseEditComponent_Template(rf, ctx) {
         if (rf & 1) {
             i0.ɵɵelement(0, "router-outlet");
@@ -9348,7 +9354,7 @@ CaseEditComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CaseEditC
     (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaseEditComponent, [{
             type: Component,
             args: [{ selector: 'ccd-case-edit', providers: [GreyBarService], template: "<router-outlet></router-outlet>\n", styles: ["#fieldset-case-data{margin-bottom:30px}#fieldset-case-data th{width:1%;white-space:nowrap;vertical-align:top}.compound-field td{padding:0}#confirmation-header{width:630px;background-color:#17958b;border:solid 1px #979797;color:#fff;text-align:center}#confirmation-body{width:630px;background-color:#fff}.valign-top{vertical-align:top}.summary-fields{margin-bottom:30px}.summary-fields tbody tr th,.summary-fields tbody tr td{border-bottom:0px}a.disabled{pointer-events:none;cursor:default}.case-field-label{width:45%}.case-field-content{width:50%}.no-bottom-border{border-bottom:none}.case-field-change{width:5%}\n"] }]
-        }], function () { return [{ type: i3.FormBuilder }, { type: CaseNotifier }, { type: i1$1.Router }, { type: i1$1.ActivatedRoute }, { type: FieldsUtils }, { type: FieldsPurger }, { type: ConditionalShowRegistrarService }, { type: WizardFactoryService }, { type: SessionStorageService }, { type: WindowService }, { type: FormValueService }, { type: FormErrorService }, { type: LoadingService }, { type: ValidPageListCaseFieldsService }, { type: WorkAllocationService }]; }, { eventTrigger: [{
+        }], function () { return [{ type: i3.FormBuilder }, { type: CaseNotifier }, { type: i1$1.Router }, { type: i1$1.ActivatedRoute }, { type: FieldsUtils }, { type: FieldsPurger }, { type: ConditionalShowRegistrarService }, { type: WizardFactoryService }, { type: SessionStorageService }, { type: WindowService }, { type: FormValueService }, { type: FormErrorService }, { type: LoadingService }, { type: ValidPageListCaseFieldsService }, { type: WorkAllocationService }, { type: AlertService }]; }, { eventTrigger: [{
                 type: Input
             }], submit: [{
                 type: Input
@@ -12087,7 +12093,7 @@ class WriteCaseFlagFieldComponent extends AbstractFieldWriteComponent {
         // Extract all flags-related data from the CaseEventTrigger object in the snapshot data
         if (this.route.snapshot.data.eventTrigger) {
             // Get the HMCTSServiceId from supplementary data, if it exists (required for retrieving the available flag types in
-            // the first instance, only falling back on case type ID or jurisidiction if it's not present)
+            // the first instance, only falling back on case type ID or jurisdiction if it's not present)
             if (this.route.snapshot.data.eventTrigger.supplementary_data
                 && this.route.snapshot.data.eventTrigger.supplementary_data.HMCTSServiceId) {
                 this.hmctsServiceId = this.route.snapshot.data.eventTrigger.supplementary_data.HMCTSServiceId;
@@ -12442,33 +12448,37 @@ class WriteCaseFlagFieldComponent extends AbstractFieldWriteComponent {
         this.flagCommentsOptional = true;
     }
     populateNewFlagDetailInstance() {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
-        const formValues = (_a = this.caseFlagParentFormGroup) === null || _a === void 0 ? void 0 : _a.value;
+        var _a, _b, _c, _d, _e, _f;
+        const langSearchTerm = (_a = this.caseFlagParentFormGroup) === null || _a === void 0 ? void 0 : _a.value['languageSearchTerm'];
+        const manualLangEntry = (_b = this.caseFlagParentFormGroup) === null || _b === void 0 ? void 0 : _b.value['manualLanguageEntry'];
+        const flagType = (_c = this.caseFlagParentFormGroup) === null || _c === void 0 ? void 0 : _c.value['flagType'];
+        const otherDesc = (_d = this.caseFlagParentFormGroup) === null || _d === void 0 ? void 0 : _d.value['otherDescription'];
+        const formValues = (_e = this.caseFlagParentFormGroup) === null || _e === void 0 ? void 0 : _e.value;
         return {
-            name: (_b = formValues === null || formValues === void 0 ? void 0 : formValues.flagType) === null || _b === void 0 ? void 0 : _b.name,
-            name_cy: (_c = formValues === null || formValues === void 0 ? void 0 : formValues.flagType) === null || _c === void 0 ? void 0 : _c.name_cy,
+            name: (_f = this.flagType) === null || _f === void 0 ? void 0 : _f.name,
+            name_cy: flagType === null || flagType === void 0 ? void 0 : flagType.name_cy,
             // Currently, subTypeValue, subTypeValue_cy and subTypeKey are applicable only to language flag types
-            subTypeValue: (formValues === null || formValues === void 0 ? void 0 : formValues.languageSearchTerm) && this.rpxTranslationService.language === 'en'
-                ? formValues === null || formValues === void 0 ? void 0 : formValues.languageSearchTerm.value
-                : (formValues === null || formValues === void 0 ? void 0 : formValues.manualLanguageEntry) && this.rpxTranslationService.language === 'en'
-                    ? formValues === null || formValues === void 0 ? void 0 : formValues.manualLanguageEntry
+            subTypeValue: langSearchTerm && this.rpxTranslationService.language === 'en'
+                ? langSearchTerm.value
+                : manualLangEntry && this.rpxTranslationService.language === 'en'
+                    ? manualLangEntry
                     : null,
-            subTypeValue_cy: (formValues === null || formValues === void 0 ? void 0 : formValues.languageSearchTerm) && this.rpxTranslationService.language === 'cy'
-                ? formValues === null || formValues === void 0 ? void 0 : formValues.languageSearchTerm.value_cy
-                : (formValues === null || formValues === void 0 ? void 0 : formValues.manualLanguageEntry) && this.rpxTranslationService.language === 'cy'
-                    ? formValues === null || formValues === void 0 ? void 0 : formValues.manualLanguageEntry
+            subTypeValue_cy: langSearchTerm && this.rpxTranslationService.language === 'cy'
+                ? langSearchTerm === null || langSearchTerm === void 0 ? void 0 : langSearchTerm.value_cy
+                : manualLangEntry && this.rpxTranslationService.language === 'cy'
+                    ? manualLangEntry
                     : null,
             // For user-entered (i.e. non-Reference Data) languages, there is no key
-            subTypeKey: (formValues === null || formValues === void 0 ? void 0 : formValues.languageSearchTerm)
-                ? formValues === null || formValues === void 0 ? void 0 : formValues.languageSearchTerm.key
+            subTypeKey: langSearchTerm
+                ? langSearchTerm.key
                 : null,
-            otherDescription: ((_d = formValues === null || formValues === void 0 ? void 0 : formValues.flagType) === null || _d === void 0 ? void 0 : _d.flagCode) === this.otherFlagTypeCode &&
-                (formValues === null || formValues === void 0 ? void 0 : formValues.otherDescription) && this.rpxTranslationService.language === 'en'
-                ? formValues === null || formValues === void 0 ? void 0 : formValues.otherDescription
+            otherDescription: (flagType === null || flagType === void 0 ? void 0 : flagType.flagCode) === this.otherFlagTypeCode &&
+                otherDesc && this.rpxTranslationService.language === 'en'
+                ? otherDesc
                 : null,
-            otherDescription_cy: ((_e = formValues === null || formValues === void 0 ? void 0 : formValues.flagType) === null || _e === void 0 ? void 0 : _e.flagCode) === this.otherFlagTypeCode &&
-                (formValues === null || formValues === void 0 ? void 0 : formValues.otherDescription) && this.rpxTranslationService.language === 'cy'
-                ? formValues === null || formValues === void 0 ? void 0 : formValues.otherDescription
+            otherDescription_cy: (flagType === null || flagType === void 0 ? void 0 : flagType.flagCode) === this.otherFlagTypeCode &&
+                otherDesc && this.rpxTranslationService.language === 'cy'
+                ? otherDesc
                 : null,
             flagComment: this.rpxTranslationService.language === 'en'
                 ? formValues === null || formValues === void 0 ? void 0 : formValues.flagComments
@@ -12478,18 +12488,18 @@ class WriteCaseFlagFieldComponent extends AbstractFieldWriteComponent {
                 : null,
             flagUpdateComment: formValues === null || formValues === void 0 ? void 0 : formValues.statusReason,
             dateTimeCreated: new Date().toISOString(),
-            path: ((_f = formValues === null || formValues === void 0 ? void 0 : formValues.flagType) === null || _f === void 0 ? void 0 : _f.Path) &&
-                ((_g = formValues === null || formValues === void 0 ? void 0 : formValues.flagType) === null || _g === void 0 ? void 0 : _g.Path.map(pathValue => Object.assign({ id: null, value: pathValue }))),
-            hearingRelevant: ((_h = formValues === null || formValues === void 0 ? void 0 : formValues.flagType) === null || _h === void 0 ? void 0 : _h.hearingRelevant) ? 'Yes' : 'No',
-            flagCode: (_j = formValues === null || formValues === void 0 ? void 0 : formValues.flagType) === null || _j === void 0 ? void 0 : _j.flagCode,
+            path: (flagType === null || flagType === void 0 ? void 0 : flagType.Path) &&
+                (flagType === null || flagType === void 0 ? void 0 : flagType.Path.map(pathValue => Object.assign({ id: null, value: pathValue }))),
+            hearingRelevant: (flagType === null || flagType === void 0 ? void 0 : flagType.hearingRelevant) ? 'Yes' : 'No',
+            flagCode: flagType === null || flagType === void 0 ? void 0 : flagType.flagCode,
             // Status should be set to whatever the default is for this flag type, if flag is being created by an external
             // user, otherwise it should be set to "Active" if Case Flags v2.1 is NOT enabled, or the selected status if it is
             status: this.isDisplayContextParameterExternal
-                ? (_k = formValues === null || formValues === void 0 ? void 0 : formValues.flagType) === null || _k === void 0 ? void 0 : _k.defaultStatus
+                ? flagType === null || flagType === void 0 ? void 0 : flagType.defaultStatus
                 : !this.isDisplayContextParameter2Point1Enabled
                     ? CaseFlagStatus.ACTIVE
                     : CaseFlagStatus[formValues === null || formValues === void 0 ? void 0 : formValues.selectedStatus],
-            availableExternally: ((_l = formValues === null || formValues === void 0 ? void 0 : formValues.flagType) === null || _l === void 0 ? void 0 : _l.externallyAvailable) ? 'Yes' : 'No'
+            availableExternally: (flagType === null || flagType === void 0 ? void 0 : flagType.externallyAvailable) ? 'Yes' : 'No'
         };
     }
     moveToFinalReviewStage() {
@@ -32629,7 +32639,7 @@ function CaseEventTriggerComponent_div_0_Template(rf, ctx) {
     }
 }
 class CaseEventTriggerComponent {
-    constructor(ngZone, casesService, caseNotifier, router, alertService, route, caseReferencePipe, activityPollingService) {
+    constructor(ngZone, casesService, caseNotifier, router, alertService, route, caseReferencePipe, activityPollingService, sessionStorageService) {
         this.ngZone = ngZone;
         this.casesService = casesService;
         this.caseNotifier = caseNotifier;
@@ -32638,6 +32648,7 @@ class CaseEventTriggerComponent {
         this.route = route;
         this.caseReferencePipe = caseReferencePipe;
         this.activityPollingService = activityPollingService;
+        this.sessionStorageService = sessionStorageService;
         this.BANNER = DisplayMode.BANNER;
     }
     ngOnInit() {
@@ -32687,21 +32698,30 @@ class CaseEventTriggerComponent {
     }
     submitted(event) {
         const eventStatus = event['status'];
+        const taskCompletionFailed = this.sessionStorageService.getItem('taskCompletionError') === 'true';
         this.router
             .navigate([this.parentUrl])
             .then(() => {
             const caseReference = this.caseReferencePipe.transform(this.caseDetails.case_id.toString());
             const replacements = { CASEREFERENCE: caseReference, NAME: this.eventTrigger.name };
-            if (EventStatusService.isIncomplete(eventStatus)) {
+            this.alertService.setPreserveAlerts(true);
+            if (taskCompletionFailed) {
+                // if task still present in session storage, we know that the task has not been correctly completed
+                this.alertService.warning({
+                    phrase: CaseEventTriggerComponent.EVENT_COMPLETION_MESSAGE + '. ' + Constants.TASK_COMPLETION_ERROR,
+                    replacements
+                });
+                this.sessionStorageService.removeItem('taskCompletionError');
+            }
+            else if (EventStatusService.isIncomplete(eventStatus)) {
                 this.alertService.warning({
-                    phrase: `Case #%CASEREFERENCE% has been updated with event: %NAME%
-            but the callback service cannot be completed`,
+                    phrase: CaseEventTriggerComponent.EVENT_COMPLETION_MESSAGE + CaseEventTriggerComponent.CALLBACK_FAILED_MESSAGE,
                     replacements
                 });
             }
             else {
                 this.alertService.success({
-                    phrase: 'Case #%CASEREFERENCE% has been updated with event: %NAME%',
+                    phrase: CaseEventTriggerComponent.EVENT_COMPLETION_MESSAGE,
                     replacements,
                     preserve: true
                 });
@@ -32720,7 +32740,9 @@ class CaseEventTriggerComponent {
         return !!(this.eventTrigger && this.caseDetails);
     }
 }
-CaseEventTriggerComponent.ɵfac = function CaseEventTriggerComponent_Factory(t) { return new (t || CaseEventTriggerComponent)(i0.ɵɵdirectiveInject(i0.NgZone), i0.ɵɵdirectiveInject(CasesService), i0.ɵɵdirectiveInject(CaseNotifier), i0.ɵɵdirectiveInject(i1$1.Router), i0.ɵɵdirectiveInject(AlertService), i0.ɵɵdirectiveInject(i1$1.ActivatedRoute), i0.ɵɵdirectiveInject(CaseReferencePipe), i0.ɵɵdirectiveInject(ActivityPollingService)); };
+CaseEventTriggerComponent.EVENT_COMPLETION_MESSAGE = `Case #%CASEREFERENCE% has been updated with event: %NAME%`;
+CaseEventTriggerComponent.CALLBACK_FAILED_MESSAGE = ' but the callback service cannot be completed';
+CaseEventTriggerComponent.ɵfac = function CaseEventTriggerComponent_Factory(t) { return new (t || CaseEventTriggerComponent)(i0.ɵɵdirectiveInject(i0.NgZone), i0.ɵɵdirectiveInject(CasesService), i0.ɵɵdirectiveInject(CaseNotifier), i0.ɵɵdirectiveInject(i1$1.Router), i0.ɵɵdirectiveInject(AlertService), i0.ɵɵdirectiveInject(i1$1.ActivatedRoute), i0.ɵɵdirectiveInject(CaseReferencePipe), i0.ɵɵdirectiveInject(ActivityPollingService), i0.ɵɵdirectiveInject(SessionStorageService)); };
 CaseEventTriggerComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CaseEventTriggerComponent, selectors: [["ccd-case-event-trigger"]], decls: 1, vars: 1, consts: [["class", "screen-990", 4, "ngIf"], [1, "screen-990"], [3, "caseId", "displayMode"], [3, "caseDetails", "submit", "validate", "eventTrigger", "cancelled", "submitted"]], template: function CaseEventTriggerComponent_Template(rf, ctx) {
         if (rf & 1) {
             i0.ɵɵtemplate(0, CaseEventTriggerComponent_div_0_Template, 3, 6, "div", 0);
@@ -32733,7 +32755,7 @@ CaseEventTriggerComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: C
     (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaseEventTriggerComponent, [{
             type: Component,
             args: [{ selector: 'ccd-case-event-trigger', template: "<div *ngIf=\"isDataLoaded()\" class=\"screen-990\">\n  <ccd-activity [caseId]=\"caseDetails.case_id\" [displayMode]=\"BANNER\"></ccd-activity>\n  <ccd-case-edit [caseDetails]=\"caseDetails\"\n                 [submit]=\"submit()\"\n                 [validate]=\"validate()\"\n                 [eventTrigger]=\"eventTrigger\"\n                 (cancelled)=\"cancel()\"\n                 (submitted)=\"submitted($event)\"></ccd-case-edit>\n</div>\n" }]
-        }], function () { return [{ type: i0.NgZone }, { type: CasesService }, { type: CaseNotifier }, { type: i1$1.Router }, { type: AlertService }, { type: i1$1.ActivatedRoute }, { type: CaseReferencePipe }, { type: ActivityPollingService }]; }, null);
+        }], function () { return [{ type: i0.NgZone }, { type: CasesService }, { type: CaseNotifier }, { type: i1$1.Router }, { type: AlertService }, { type: i1$1.ActivatedRoute }, { type: CaseReferencePipe }, { type: ActivityPollingService }, { type: SessionStorageService }]; }, null);
 })();
 
 function CaseViewComponent_div_0_Template(rf, ctx) {