@hmcts/ccd-case-ui-toolkit 7.3.38 → 7.3.39-exui-4089

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

@@ -993,11 +993,11 @@ class NotificationBannerComponent {
             i0.ɵɵtemplate(0, NotificationBannerComponent_div_0_Template, 14, 10, "div", 0);
         } if (rf & 2) {
             i0.ɵɵproperty("ngIf", ctx.notificationBannerConfig);
-        } }, dependencies: [i5.NgClass, i5.NgIf, i5.NgSwitch, i5.NgSwitchCase], styles: [".govuk-notification-banner[_ngcontent-%COMP%]   .govuk-notification-banner__content[_ngcontent-%COMP%]   .govuk-notification-banner__heading[_ngcontent-%COMP%]{margin-left:0;max-width:900px}.govuk-notification-banner[_ngcontent-%COMP%]   .govuk-notification-banner__content[_ngcontent-%COMP%]   .govuk-notification-banner__heading[_ngcontent-%COMP%]   .govuk-notification-banner__link[_ngcontent-%COMP%]{margin-left:10px}.notification-banner-information[_ngcontent-%COMP%], .notification-banner-error[_ngcontent-%COMP%]{background-color:#d4351c;border:5px solid #d4351c}.notification-banner-warning[_ngcontent-%COMP%]{background-color:#912b88;border:5px solid #912b88}.notification-banner-success[_ngcontent-%COMP%]{background-color:#006435;border:5px solid #006435}"] });
+        } }, dependencies: [i5.NgClass, i5.NgIf, i5.NgSwitch, i5.NgSwitchCase], styles: [".govuk-notification-banner[_ngcontent-%COMP%]   .govuk-notification-banner__content[_ngcontent-%COMP%]   .govuk-notification-banner__heading[_ngcontent-%COMP%]{margin-left:0;max-width:fit-content}.govuk-notification-banner[_ngcontent-%COMP%]   .govuk-notification-banner__content[_ngcontent-%COMP%]   .govuk-notification-banner__heading[_ngcontent-%COMP%]   .govuk-notification-banner__link[_ngcontent-%COMP%]{margin-left:10px}.notification-banner-information[_ngcontent-%COMP%], .notification-banner-error[_ngcontent-%COMP%]{background-color:#d4351c;border:5px solid #d4351c}.notification-banner-warning[_ngcontent-%COMP%]{background-color:#912b88;border:5px solid #912b88}.notification-banner-success[_ngcontent-%COMP%]{background-color:#006435;border:5px solid #006435}"] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(NotificationBannerComponent, [{
         type: Component,
-        args: [{ selector: 'ccd-notification-banner', standalone: false, template: "<div *ngIf=\"notificationBannerConfig\"\n  class=\"govuk-notification-banner\"\n  [ngClass]=\"notificationBannerConfig.headerClass\"\n  role=\"region\"\n  aria-labelledby=\"govuk-notification-banner-title\"\n  data-module=\"govuk-notification-banner\">\n\n  <div class=\"govuk-notification-banner__header\">\n    <h2 class=\"govuk-notification-banner__title\" id=\"govuk-notification-banner-title\">\n      {{notificationBannerConfig.headingText}}\n    </h2>\n  </div>\n  <div class=\"govuk-notification-banner__content\">\n    <p class=\"govuk-notification-banner__heading\">\n      <ng-container [ngSwitch]=\"notificationBannerConfig.bannerType\">\n        <ng-container *ngSwitchCase=\"notificationBannerType.WARNING\">\n          <svg class=\"hmcts-banner__icon\" fill=\"currentColor\" role=\"presentation\" focusable=\"false\"\n            xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 25 25\" height=\"36\" width=\"36\">\n            <path d=\"M13.6,15.4h-2.3v-4.5h2.3V15.4z M13.6,19.8h-2.3v-2.2h2.3V19.8z M0,23.2h25L12.5,2L0,23.2z\"></path>\n          </svg>\n        </ng-container>\n        <ng-container *ngSwitchCase=\"notificationBannerType.ERROR\">\n          <svg class=\"hmcts-banner__icon\" fill=\"currentColor\" role=\"presentation\" focusable=\"false\"\n            xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 25 25\" height=\"36\" width=\"36\">\n            <path d=\"M13.6,15.4h-2.3v-4.5h2.3V15.4z M13.6,19.8h-2.3v-2.2h2.3V19.8z M0,23.2h25L12.5,2L0,23.2z\"></path>\n          </svg>\n        </ng-container>\n        <ng-container *ngSwitchCase=\"notificationBannerType.SUCCESS\">\n          <svg class=\"hmcts-banner__icon\" fill=\"currentColor\" role=\"presentation\" focusable=\"false\"\n            xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 25 25\" height=\"36\" width=\"36\">\n            <path d=\"M25,6.2L8.7,23.2L0,14.1l4-4.2l4.7,4.9L21,2L25,6.2z\"></path>\n          </svg>\n        </ng-container>\n        <ng-container *ngSwitchCase=\"notificationBannerType.INFORMATION\">\n          <svg class=\"hmcts-banner__icon\" fill=\"currentColor\" role=\"presentation\" focusable=\"false\"\n            xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 25 25\" height=\"36\" width=\"36\">\n            <path d=\"M13.7,18.5h-2.4v-2.4h2.4V18.5z M12.5,13.7c-0.7,0-1.2-0.5-1.2-1.2V7.7c0-0.7,0.5-1.2,1.2-1.2s1.2,0.5,1.2,1.2v4.8\n          C13.7,13.2,13.2,13.7,12.5,13.7z M12.5,0.5c-6.6,0-12,5.4-12,12s5.4,12,12,12s12-5.4,12-12S19.1,0.5,12.5,0.5z\"></path>\n          </svg>\n        </ng-container>\n      </ng-container>\n      {{notificationBannerConfig.description}}\n      <a *ngIf=\"notificationBannerConfig.showLink && !notificationBannerConfig.triggerOutputEvent\"\n        class=\"govuk-notification-banner__link\"\n        href=\"{{notificationBannerConfig.linkUrl}}\">{{notificationBannerConfig.linkText}}</a>\n      <a *ngIf=\"notificationBannerConfig.showLink && notificationBannerConfig.triggerOutputEvent\"\n        class=\"govuk-notification-banner__link\"\n        href=\"#\"\n        (click)=\"onLinkClick(notificationBannerConfig.triggerOutputEventText); $event.preventDefault()\">{{notificationBannerConfig.linkText}}</a>\n    </p>\n  </div>\n</div>\n", styles: [".govuk-notification-banner .govuk-notification-banner__content .govuk-notification-banner__heading{margin-left:0;max-width:900px}.govuk-notification-banner .govuk-notification-banner__content .govuk-notification-banner__heading .govuk-notification-banner__link{margin-left:10px}.notification-banner-information,.notification-banner-error{background-color:#d4351c;border:5px solid #d4351c}.notification-banner-warning{background-color:#912b88;border:5px solid #912b88}.notification-banner-success{background-color:#006435;border:5px solid #006435}\n"] }]
+        args: [{ selector: 'ccd-notification-banner', standalone: false, template: "<div *ngIf=\"notificationBannerConfig\"\n  class=\"govuk-notification-banner\"\n  [ngClass]=\"notificationBannerConfig.headerClass\"\n  role=\"region\"\n  aria-labelledby=\"govuk-notification-banner-title\"\n  data-module=\"govuk-notification-banner\">\n\n  <div class=\"govuk-notification-banner__header\">\n    <h2 class=\"govuk-notification-banner__title\" id=\"govuk-notification-banner-title\">\n      {{notificationBannerConfig.headingText}}\n    </h2>\n  </div>\n  <div class=\"govuk-notification-banner__content\">\n    <p class=\"govuk-notification-banner__heading\">\n      <ng-container [ngSwitch]=\"notificationBannerConfig.bannerType\">\n        <ng-container *ngSwitchCase=\"notificationBannerType.WARNING\">\n          <svg class=\"hmcts-banner__icon\" fill=\"currentColor\" role=\"presentation\" focusable=\"false\"\n            xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 25 25\" height=\"36\" width=\"36\">\n            <path d=\"M13.6,15.4h-2.3v-4.5h2.3V15.4z M13.6,19.8h-2.3v-2.2h2.3V19.8z M0,23.2h25L12.5,2L0,23.2z\"></path>\n          </svg>\n        </ng-container>\n        <ng-container *ngSwitchCase=\"notificationBannerType.ERROR\">\n          <svg class=\"hmcts-banner__icon\" fill=\"currentColor\" role=\"presentation\" focusable=\"false\"\n            xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 25 25\" height=\"36\" width=\"36\">\n            <path d=\"M13.6,15.4h-2.3v-4.5h2.3V15.4z M13.6,19.8h-2.3v-2.2h2.3V19.8z M0,23.2h25L12.5,2L0,23.2z\"></path>\n          </svg>\n        </ng-container>\n        <ng-container *ngSwitchCase=\"notificationBannerType.SUCCESS\">\n          <svg class=\"hmcts-banner__icon\" fill=\"currentColor\" role=\"presentation\" focusable=\"false\"\n            xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 25 25\" height=\"36\" width=\"36\">\n            <path d=\"M25,6.2L8.7,23.2L0,14.1l4-4.2l4.7,4.9L21,2L25,6.2z\"></path>\n          </svg>\n        </ng-container>\n        <ng-container *ngSwitchCase=\"notificationBannerType.INFORMATION\">\n          <svg class=\"hmcts-banner__icon\" fill=\"currentColor\" role=\"presentation\" focusable=\"false\"\n            xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 25 25\" height=\"36\" width=\"36\">\n            <path d=\"M13.7,18.5h-2.4v-2.4h2.4V18.5z M12.5,13.7c-0.7,0-1.2-0.5-1.2-1.2V7.7c0-0.7,0.5-1.2,1.2-1.2s1.2,0.5,1.2,1.2v4.8\n          C13.7,13.2,13.2,13.7,12.5,13.7z M12.5,0.5c-6.6,0-12,5.4-12,12s5.4,12,12,12s12-5.4,12-12S19.1,0.5,12.5,0.5z\"></path>\n          </svg>\n        </ng-container>\n      </ng-container>\n      {{notificationBannerConfig.description}}\n      <a *ngIf=\"notificationBannerConfig.showLink && !notificationBannerConfig.triggerOutputEvent\"\n        class=\"govuk-notification-banner__link\"\n        href=\"{{notificationBannerConfig.linkUrl}}\">{{notificationBannerConfig.linkText}}</a>\n      <a *ngIf=\"notificationBannerConfig.showLink && notificationBannerConfig.triggerOutputEvent\"\n        class=\"govuk-notification-banner__link\"\n        href=\"#\"\n        (click)=\"onLinkClick(notificationBannerConfig.triggerOutputEventText); $event.preventDefault()\">{{notificationBannerConfig.linkText}}</a>\n    </p>\n  </div>\n</div>\n", styles: [".govuk-notification-banner .govuk-notification-banner__content .govuk-notification-banner__heading{margin-left:0;max-width:fit-content}.govuk-notification-banner .govuk-notification-banner__content .govuk-notification-banner__heading .govuk-notification-banner__link{margin-left:10px}.notification-banner-information,.notification-banner-error{background-color:#d4351c;border:5px solid #d4351c}.notification-banner-warning{background-color:#912b88;border:5px solid #912b88}.notification-banner-success{background-color:#006435;border:5px solid #006435}\n"] }]
     }], null, { notificationBannerConfig: [{
             type: Input
         }], linkClicked: [{
@@ -13268,7 +13268,7 @@ class CaseFileViewFieldComponent {
         // As there can be more than one intersecting role, if any acls are update: true
         this.allowMoving = acls.some(acl => acl.update);
         this.icp_jurisdictions = this.abstractConfig.getIcpJurisdictions();
-        this.icpEnabled = this.abstractConfig.getIcpEnable();
+        this.icpEnabled = true;
     }
     ngAfterViewInit() {
         const slider = this.elementRef.nativeElement.querySelector('.slider');
@@ -35829,6 +35829,99 @@ class DialogsModule {
         SaveOrDiscardDialogComponent,
         RemoveDialogComponent] }); })();
 
+const PVP_FLAG_CODE = 'PF0021';
+const PVP_DISPLAY_TEXT = 'POTENTIALLY VIOLENT PERSON';
+function isPvpFlag(flagDetail) {
+    return flagDetail?.flagCode === PVP_FLAG_CODE;
+}
+function hasPvpFlag(flagsWithFormGroupPath) {
+    return !!flagsWithFormGroupPath?.flags?.details?.some(isPvpFlag);
+}
+function isActivePvpFlag(flagDetail) {
+    return isPvpFlag(flagDetail) && flagDetail?.status === CaseFlagStatus.ACTIVE;
+}
+function hasActivePvpFlag(flagsWithFormGroupPath) {
+    return !!flagsWithFormGroupPath?.flags?.details?.some(isActivePvpFlag);
+}
+function prioritisePvpFlags(flagDetails = []) {
+    const activePvpFlags = [];
+    const remainingFlags = [];
+    flagDetails.forEach((flagDetail) => {
+        if (isActivePvpFlag(flagDetail)) {
+            activePvpFlags.push(flagDetail);
+        }
+        else {
+            remainingFlags.push(flagDetail);
+        }
+    });
+    return [...activePvpFlags, ...remainingFlags];
+}
+function prioritisePvpParties(partyFlagsData = []) {
+    const pvpParties = [];
+    const nonPvpParties = [];
+    partyFlagsData.forEach((partyFlags) => {
+        const prioritisedPartyFlags = {
+            ...partyFlags,
+            flags: {
+                ...partyFlags.flags,
+                details: partyFlags?.flags?.details ? prioritisePvpFlags(partyFlags.flags.details) : partyFlags?.flags?.details
+            }
+        };
+        if (hasActivePvpFlag(prioritisedPartyFlags)) {
+            pvpParties.push(prioritisedPartyFlags);
+        }
+        else {
+            nonPvpParties.push(prioritisedPartyFlags);
+        }
+    });
+    return [...pvpParties, ...nonPvpParties];
+}
+function hasActivePvpFlagInCaseFields(caseFields = []) {
+    return caseFields
+        .filter((caseField) => !FieldsUtils.isFlagLauncherCaseField(caseField) && caseField.value)
+        .some((caseField) => hasActivePvpFlagInCaseField(caseField));
+}
+function hasActivePvpFlagInCaseField(caseField, currentValue) {
+    const fieldType = caseField?.field_type;
+    const value = caseField?.value ? caseField.value : currentValue;
+    if (fieldType?.type === 'Complex') {
+        return hasActivePvpFlagInComplexField(caseField, value);
+    }
+    if (fieldType?.type === 'Collection') {
+        return hasActivePvpFlagInCollectionField(caseField, value);
+    }
+    return false;
+}
+function hasActivePvpFlagInComplexField(caseField, value) {
+    if (FieldsUtils.isFlagsCaseField(caseField)) {
+        return hasActivePvpFlagInFlagsValue(value);
+    }
+    const complexFields = caseField?.field_type?.complex_fields;
+    if (!complexFields || !value || !FieldsUtils.isNonEmptyObject(value)) {
+        return false;
+    }
+    return complexFields.some((subField) => hasActivePvpFlagInCaseField(subField, value[subField.id]));
+}
+function hasActivePvpFlagInCollectionField(caseField, value) {
+    if (!value || !Array.isArray(value)) {
+        return false;
+    }
+    const collectionFieldType = caseField?.field_type?.collection_field_type;
+    if (FieldsUtils.isFlagsFieldType(collectionFieldType)) {
+        return value.some((item) => hasActivePvpFlagInFlagsValue(item?.value));
+    }
+    if (collectionFieldType?.type !== 'Complex' || !collectionFieldType.complex_fields) {
+        return false;
+    }
+    return value.some((item) => collectionFieldType.complex_fields.some((subField) => hasActivePvpFlagInCaseField(subField, item?.value?.[subField.id])));
+}
+function hasActivePvpFlagInFlagsValue(value) {
+    if (!value || !FieldsUtils.isNonEmptyObject(value) || !value.details || !Array.isArray(value.details)) {
+        return false;
+    }
+    return value.details.some((detail) => isActivePvpFlag(detail?.value ?? detail));
+}
+
 const _c0$c = ["tabGroup"];
 const _c1$3 = (a0, a1) => [a0, false, undefined, true, a1];
 function CaseFullAccessViewComponent_div_0_Template(rf, ctx) { if (rf & 1) {
@@ -36132,6 +36225,7 @@ class CaseFullAccessViewComponent {
     activeCaseFlags = false;
     caseFlagsExternalUser = false;
     caseFlagsReadExternalMode = '#ARGUMENT(READ,EXTERNAL)';
+    potentiallyViolentPersonFlagPrefix = `${PVP_DISPLAY_TEXT}.`;
     subs = [];
     eventId;
     isEventButtonClicked = false;
@@ -36436,9 +36530,8 @@ class CaseFullAccessViewComponent {
     }
     hasActiveCaseFlags() {
         // Determine which tab contains the FlagLauncher CaseField type, from the CaseView object in the snapshot data
-        const caseFlagsTab = this.caseDetails?.tabs
-            ? (this.caseDetails.tabs).filter((tab) => tab.fields && tab.fields.some((caseField) => FieldsUtils.isFlagLauncherCaseField(caseField)))[0]
-            : null;
+        const caseFlagsTab = this.caseDetails?.tabs?.filter((tab) => tab.fields && tab.fields.some((caseField) => FieldsUtils.isFlagLauncherCaseField(caseField)))[0]
+            ?? null;
         if (caseFlagsTab) {
             // Check whether the FlagLauncher CaseField is in external mode or not; the notification banner should not be
             // displayed for external users
@@ -36453,8 +36546,12 @@ class CaseFullAccessViewComponent {
                 return FieldsUtils.countActiveFlagsInCaseField(active, caseFlag);
             }, 0);
             if (activeCaseFlags > 0) {
-                const description = activeCaseFlags > 1
+                const hasActivePotentiallyViolentPersonFlag = this.hasActivePotentiallyViolentPersonFlag(caseFlagsTab.fields);
+                const baseDescription = activeCaseFlags > 1
                     ? `There are ${activeCaseFlags} active flags on this case.` : 'There is 1 active flag on this case.';
+                const description = hasActivePotentiallyViolentPersonFlag
+                    ? `${this.potentiallyViolentPersonFlagPrefix} ${baseDescription}`
+                    : baseDescription;
                 // Initialise and display notification banner
                 this.notificationBannerConfig = {
                     bannerType: NotificationBannerType.INFORMATION,
@@ -36471,6 +36568,9 @@ class CaseFullAccessViewComponent {
         }
         return false;
     }
+    hasActivePotentiallyViolentPersonFlag(caseFields) {
+        return hasActivePvpFlagInCaseFields(caseFields);
+    }
     /**
      * Indicates that a CaseField is to be displayed without a label, as is expected for all ComponentLauncher-type
      * fields.
@@ -36582,7 +36682,7 @@ class CaseFullAccessViewComponent {
             type: ViewChild,
             args: ['tabGroup', { static: false }]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CaseFullAccessViewComponent, { className: "CaseFullAccessViewComponent", filePath: "lib/shared/components/case-viewer/case-full-access-view/case-full-access-view.component.ts", lineNumber: 47 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CaseFullAccessViewComponent, { className: "CaseFullAccessViewComponent", filePath: "lib/shared/components/case-viewer/case-full-access-view/case-full-access-view.component.ts", lineNumber: 48 }); })();
 
 class PrintUrlPipe {
     appConfig;