@hmcts/ccd-case-ui-toolkit 6.13.0-rc1 → 6.13.0-rc11

package/esm2015/lib/shared/directives/conditional-show/services/condition.peg.js

@@ -40,7 +40,7 @@ const conditionSource = `{
       { return [comp, f ] }
 
   OpenEqualityCheck
-    = fr:FieldReference _? op:operator _? val:Value
+    = fr:FieldRef _? op:operator _? val:Value
      { return { fieldReference: fr, comparator: op, value: val } }
 
   Comparator
@@ -62,14 +62,27 @@ const conditionSource = `{
    / v:number
    { return parseInt(v.join("")) }
 
+  FieldRef
+   = FieldReference / MetadataFieldReference
+
+  MetadataFieldReference
+    = s1:openSquare fr:FieldReference s2:closeSquare
+    { return s1 + fr + s2 }
+
   FieldReference
     = characters:[A-Za-z0-9._]+ { return characters.join(""); }
 
+  openSquare
+   = "["
+
+  closeSquare
+   = "]"
+
   number
    = [0-9]+
 
   quotedValue
-   = '"'val:[A-Za-z0-9.,* _-]*'"'
+   = '"'val:[A-Za-z0-9.,* _/-]*'"'
    { return val.join(""); }
 
   bracket
@@ -87,4 +100,4 @@ const conditionSource = `{
   nl "New line"
    = "\\n"`;
 export default generate(conditionSource);
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uZGl0aW9uLnBlZy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NjZC1jYXNlLXVpLXRvb2xraXQvc3JjL2xpYi9zaGFyZWQvZGlyZWN0aXZlcy9jb25kaXRpb25hbC1zaG93L3NlcnZpY2VzL2NvbmRpdGlvbi5wZWcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQztBQUVqQyxNQUFNLGVBQWUsR0FDbkI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O1dBc0ZTLENBQUM7QUFFWixlQUFlLFFBQVEsQ0FBQyxlQUFlLENBQUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGdlbmVyYXRlIH0gZnJvbSAncGVnanMnO1xuXG5jb25zdCBjb25kaXRpb25Tb3VyY2UgPVxuICBge1xuICAgIGZ1bmN0aW9uIGZsYXQoYXJyLCBkZXB0aCA9IDEpIHtcbiAgICAgIHZhciBmbGF0dGVuID0gZnVuY3Rpb24gKGFyciwgZGVwdGggPSAxKSB7XG4gICAgICAgIGlmIChkZXB0aCkgcmV0dXJuIGFycjtcblxuICAgICAgLy8gT3RoZXJ3aXNlLCBjb25jYXRlbmF0ZSBpbnRvIHRoZSBwYXJlbnQgYXJyYXlcbiAgICAgIHJldHVybiBhcnIucmVkdWNlKGZ1bmN0aW9uIChhY2MsIHZhbCkge1xuICAgICAgICByZXR1cm4gYWNjLmNvbmNhdChBcnJheS5pc0FycmF5KHZhbCkgPyBmbGF0dGVuKHZhbCwgZGVwdGggLSAxKSA6IHZhbCk7XG4gICAgICB9LCBbXSk7XG5cbiAgICAgIH07XG5cbiAgICByZXR1cm4gZmxhdHRlbihhcnIsIGRlcHRoIC0gMSk7XG4gICAgfVxuICB9XG5cbiAgU3RhcnRcbiAgICA9IEZvcm11bGFcblxuICBGb3JtdWxhXG4gICAgPSBFbmNsb3NlZEZvcm11bGFcbiAgICAvIE9wZW5Gb3JtdWxhXG5cbiAgRW5jbG9zZWRGb3JtdWxhXG4gICAgPSBicmFja2V0IGZvcm11bGE6T3BlbkZvcm11bGEgYnJhY2tldCBqb2luOihKb2luQ29tcGFyYXRvcikqXG4gICAgICB7IHJldHVybiBmbGF0KFsgW2Zvcm11bGFdLCBqb2luWzBdIF0sIDEpIH1cblxuICBPcGVuRm9ybXVsYVxuICAgID0gZXE6T3BlbkVxdWFsaXR5Q2hlY2sgam9pbnM6KEpvaW5Db21wYXJhdG9yKSpcbiAgICAgIHsgcmV0dXJuIGZsYXQoWyBlcSwgZmxhdChqb2lucykgXSkgfVxuXG4gIEpvaW5Db21wYXJhdG9yXG4gICAgPSBjb21wOkNvbXBhcmF0b3IgZXE6T3BlbkVxdWFsaXR5Q2hlY2tcbiAgICAgIHsgcmV0dXJuIFtjb21wLCBlcV07IH1cbiAgICAgIC8gQ29tcG91bmRKb2luQ29tcGFyYXRvclxuXG4gIENvbXBvdW5kSm9pbkNvbXBhcmF0b3JcbiAgICA9IGNvbXA6Q29tcGFyYXRvciBicmFja2V0IGY6T3BlbkZvcm11bGEgYnJhY2tldFxuICAgICAgeyByZXR1cm4gW2NvbXAsIGYgXSB9XG5cbiAgT3BlbkVxdWFsaXR5Q2hlY2tcbiAgICA9IGZyOkZpZWxkUmVmZXJlbmNlIF8/IG9wOm9wZXJhdG9yIF8/IHZhbDpWYWx1ZVxuICAgICB7IHJldHVybiB7IGZpZWxkUmVmZXJlbmNlOiBmciwgY29tcGFyYXRvcjogb3AsIHZhbHVlOiB2YWwgfSB9XG5cbiAgQ29tcGFyYXRvclxuICAgPSBfPyBjOidBTkQnIF8/XG4gICB7IHJldHVybiBjOyB9XG4gICAvIF8/IGM6J09SJyBfP1xuICAgeyByZXR1cm4gYzsgfVxuXG4gIFdvcmRcbiAgID0gbDpMZXR0ZXIrXG4gICB7IHJldHVybiBsLmpvaW4oXCJcIik7IH1cblxuICBMZXR0ZXJcbiAgID0gW2EtekEtWl1cblxuICBWYWx1ZVxuICAgPSB2OnF1b3RlZFZhbHVlIC8gdjpXb3JkXG4gICB7IHJldHVybiB2LmpvaW4oXCJcIikgfVxuICAgLyB2Om51bWJlclxuICAgeyByZXR1cm4gcGFyc2VJbnQodi5qb2luKFwiXCIpKSB9XG5cbiAgRmllbGRSZWZlcmVuY2VcbiAgICA9IGNoYXJhY3RlcnM6W0EtWmEtejAtOS5fXSsgeyByZXR1cm4gY2hhcmFjdGVycy5qb2luKFwiXCIpOyB9XG5cbiAgbnVtYmVyXG4gICA9IFswLTldK1xuXG4gIHF1b3RlZFZhbHVlXG4gICA9ICdcIid2YWw6W0EtWmEtejAtOS4sKiBfLV0qJ1wiJ1xuICAgeyByZXR1cm4gdmFsLmpvaW4oXCJcIik7IH1cblxuICBicmFja2V0XG4gICA9IChfPyBcIihcIisgXz8gLyBfPyBcIilcIisgXz8gKVxuXG4gIG9wZXJhdG9yXG4gICA9IFwiPVwiIC8gXCIhPVwiIC8gXCJDT05UQUlOU1wiXG5cbiAgd3MgXCJXaGl0ZXNwYWNlXCJcbiAgID0gWyBcXHRdXG5cbiAgXyBcIk9uZSBvciBtb3JlIHdoaXRlc3BhY2VzXCJcbiAgID0gd3MrXG5cbiAgbmwgXCJOZXcgbGluZVwiXG4gICA9IFwiXFxcXG5cImA7XG5cbmV4cG9ydCBkZWZhdWx0IGdlbmVyYXRlKGNvbmRpdGlvblNvdXJjZSk7XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uZGl0aW9uLnBlZy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NjZC1jYXNlLXVpLXRvb2xraXQvc3JjL2xpYi9zaGFyZWQvZGlyZWN0aXZlcy9jb25kaXRpb25hbC1zaG93L3NlcnZpY2VzL2NvbmRpdGlvbi5wZWcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQztBQUVqQyxNQUFNLGVBQWUsR0FDbkI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztXQW1HUyxDQUFDO0FBRVosZUFBZSxRQUFRLENBQUMsZUFBZSxDQUFDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBnZW5lcmF0ZSB9IGZyb20gJ3BlZ2pzJztcblxuY29uc3QgY29uZGl0aW9uU291cmNlID1cbiAgYHtcbiAgICBmdW5jdGlvbiBmbGF0KGFyciwgZGVwdGggPSAxKSB7XG4gICAgICB2YXIgZmxhdHRlbiA9IGZ1bmN0aW9uIChhcnIsIGRlcHRoID0gMSkge1xuICAgICAgICBpZiAoZGVwdGgpIHJldHVybiBhcnI7XG5cbiAgICAgIC8vIE90aGVyd2lzZSwgY29uY2F0ZW5hdGUgaW50byB0aGUgcGFyZW50IGFycmF5XG4gICAgICByZXR1cm4gYXJyLnJlZHVjZShmdW5jdGlvbiAoYWNjLCB2YWwpIHtcbiAgICAgICAgcmV0dXJuIGFjYy5jb25jYXQoQXJyYXkuaXNBcnJheSh2YWwpID8gZmxhdHRlbih2YWwsIGRlcHRoIC0gMSkgOiB2YWwpO1xuICAgICAgfSwgW10pO1xuXG4gICAgICB9O1xuXG4gICAgcmV0dXJuIGZsYXR0ZW4oYXJyLCBkZXB0aCAtIDEpO1xuICAgIH1cbiAgfVxuXG4gIFN0YXJ0XG4gICAgPSBGb3JtdWxhXG5cbiAgRm9ybXVsYVxuICAgID0gRW5jbG9zZWRGb3JtdWxhXG4gICAgLyBPcGVuRm9ybXVsYVxuXG4gIEVuY2xvc2VkRm9ybXVsYVxuICAgID0gYnJhY2tldCBmb3JtdWxhOk9wZW5Gb3JtdWxhIGJyYWNrZXQgam9pbjooSm9pbkNvbXBhcmF0b3IpKlxuICAgICAgeyByZXR1cm4gZmxhdChbIFtmb3JtdWxhXSwgam9pblswXSBdLCAxKSB9XG5cbiAgT3BlbkZvcm11bGFcbiAgICA9IGVxOk9wZW5FcXVhbGl0eUNoZWNrIGpvaW5zOihKb2luQ29tcGFyYXRvcikqXG4gICAgICB7IHJldHVybiBmbGF0KFsgZXEsIGZsYXQoam9pbnMpIF0pIH1cblxuICBKb2luQ29tcGFyYXRvclxuICAgID0gY29tcDpDb21wYXJhdG9yIGVxOk9wZW5FcXVhbGl0eUNoZWNrXG4gICAgICB7IHJldHVybiBbY29tcCwgZXFdOyB9XG4gICAgICAvIENvbXBvdW5kSm9pbkNvbXBhcmF0b3JcblxuICBDb21wb3VuZEpvaW5Db21wYXJhdG9yXG4gICAgPSBjb21wOkNvbXBhcmF0b3IgYnJhY2tldCBmOk9wZW5Gb3JtdWxhIGJyYWNrZXRcbiAgICAgIHsgcmV0dXJuIFtjb21wLCBmIF0gfVxuXG4gIE9wZW5FcXVhbGl0eUNoZWNrXG4gICAgPSBmcjpGaWVsZFJlZiBfPyBvcDpvcGVyYXRvciBfPyB2YWw6VmFsdWVcbiAgICAgeyByZXR1cm4geyBmaWVsZFJlZmVyZW5jZTogZnIsIGNvbXBhcmF0b3I6IG9wLCB2YWx1ZTogdmFsIH0gfVxuXG4gIENvbXBhcmF0b3JcbiAgID0gXz8gYzonQU5EJyBfP1xuICAgeyByZXR1cm4gYzsgfVxuICAgLyBfPyBjOidPUicgXz9cbiAgIHsgcmV0dXJuIGM7IH1cblxuICBXb3JkXG4gICA9IGw6TGV0dGVyK1xuICAgeyByZXR1cm4gbC5qb2luKFwiXCIpOyB9XG5cbiAgTGV0dGVyXG4gICA9IFthLXpBLVpdXG5cbiAgVmFsdWVcbiAgID0gdjpxdW90ZWRWYWx1ZSAvIHY6V29yZFxuICAgeyByZXR1cm4gdi5qb2luKFwiXCIpIH1cbiAgIC8gdjpudW1iZXJcbiAgIHsgcmV0dXJuIHBhcnNlSW50KHYuam9pbihcIlwiKSkgfVxuXG4gIEZpZWxkUmVmXG4gICA9IEZpZWxkUmVmZXJlbmNlIC8gTWV0YWRhdGFGaWVsZFJlZmVyZW5jZVxuXG4gIE1ldGFkYXRhRmllbGRSZWZlcmVuY2VcbiAgICA9IHMxOm9wZW5TcXVhcmUgZnI6RmllbGRSZWZlcmVuY2UgczI6Y2xvc2VTcXVhcmVcbiAgICB7IHJldHVybiBzMSArIGZyICsgczIgfVxuXG4gIEZpZWxkUmVmZXJlbmNlXG4gICAgPSBjaGFyYWN0ZXJzOltBLVphLXowLTkuX10rIHsgcmV0dXJuIGNoYXJhY3RlcnMuam9pbihcIlwiKTsgfVxuXG4gIG9wZW5TcXVhcmVcbiAgID0gXCJbXCJcblxuICBjbG9zZVNxdWFyZVxuICAgPSBcIl1cIlxuXG4gIG51bWJlclxuICAgPSBbMC05XStcblxuICBxdW90ZWRWYWx1ZVxuICAgPSAnXCIndmFsOltBLVphLXowLTkuLCogXy8tXSonXCInXG4gICB7IHJldHVybiB2YWwuam9pbihcIlwiKTsgfVxuXG4gIGJyYWNrZXRcbiAgID0gKF8/IFwiKFwiKyBfPyAvIF8/IFwiKVwiKyBfPyApXG5cbiAgb3BlcmF0b3JcbiAgID0gXCI9XCIgLyBcIiE9XCIgLyBcIkNPTlRBSU5TXCJcblxuICB3cyBcIldoaXRlc3BhY2VcIlxuICAgPSBbIFxcdF1cblxuICBfIFwiT25lIG9yIG1vcmUgd2hpdGVzcGFjZXNcIlxuICAgPSB3cytcblxuICBubCBcIk5ldyBsaW5lXCJcbiAgID0gXCJcXFxcblwiYDtcblxuZXhwb3J0IGRlZmF1bHQgZ2VuZXJhdGUoY29uZGl0aW9uU291cmNlKTtcbiJdfQ==

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

@@ -3841,7 +3841,7 @@ const conditionSource = `{
       { return [comp, f ] }
 
   OpenEqualityCheck
-    = fr:FieldReference _? op:operator _? val:Value
+    = fr:FieldRef _? op:operator _? val:Value
      { return { fieldReference: fr, comparator: op, value: val } }
 
   Comparator
@@ -3863,14 +3863,27 @@ const conditionSource = `{
    / v:number
    { return parseInt(v.join("")) }
 
+  FieldRef
+   = FieldReference / MetadataFieldReference
+
+  MetadataFieldReference
+    = s1:openSquare fr:FieldReference s2:closeSquare
+    { return s1 + fr + s2 }
+
   FieldReference
     = characters:[A-Za-z0-9._]+ { return characters.join(""); }
 
+  openSquare
+   = "["
+
+  closeSquare
+   = "]"
+
   number
    = [0-9]+
 
   quotedValue
-   = '"'val:[A-Za-z0-9.,* _-]*'"'
+   = '"'val:[A-Za-z0-9.,* _/-]*'"'
    { return val.join(""); }
 
   bracket
@@ -3909,7 +3922,7 @@ class ConditionParser {
      * @param conditions The PegJS formula output
      */
     static evaluate(fields, conditions, path) {
-        if (!conditions) {
+        if (!conditions || conditions.length === 0) {
             return true;
         }
         ;
@@ -10995,7 +11008,7 @@ function WriteCaseFlagFieldComponent_div_1_ng_container_5_Template(rf, ctx) { if
 } if (rf & 2) {
     const ctx_r8 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("formGroup", ctx_r8.caseFlagParentFormGroup)("jurisdiction", ctx_r8.jurisdiction)("caseTypeId", ctx_r8.caseTypeId);
+    i0.ɵɵproperty("formGroup", ctx_r8.caseFlagParentFormGroup)("jurisdiction", ctx_r8.jurisdiction)("caseTypeId", ctx_r8.caseTypeId)("hmctsServiceId", ctx_r8.hmctsServiceId);
 } }
 function WriteCaseFlagFieldComponent_div_1_ng_container_6_Template(rf, ctx) { if (rf & 1) {
     const _r17 = i0.ɵɵgetCurrentView();
@@ -11029,7 +11042,7 @@ function WriteCaseFlagFieldComponent_div_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
     i0.ɵɵtemplate(4, WriteCaseFlagFieldComponent_div_1_ng_container_4_Template, 2, 2, "ng-container", 11);
-    i0.ɵɵtemplate(5, WriteCaseFlagFieldComponent_div_1_ng_container_5_Template, 2, 3, "ng-container", 11);
+    i0.ɵɵtemplate(5, WriteCaseFlagFieldComponent_div_1_ng_container_5_Template, 2, 4, "ng-container", 11);
     i0.ɵɵtemplate(6, WriteCaseFlagFieldComponent_div_1_ng_container_6_Template, 2, 3, "ng-container", 11);
     i0.ɵɵtemplate(7, WriteCaseFlagFieldComponent_div_1_ng_container_7_Template, 2, 2, "ng-container", 11);
     i0.ɵɵelementEnd();
@@ -11138,22 +11151,30 @@ class WriteCaseFlagFieldComponent extends AbstractFieldWriteComponent {
             }
         }
         // Extract all flags-related data from the CaseEventTrigger object in the snapshot data
-        if (this.route.snapshot.data.eventTrigger && this.route.snapshot.data.eventTrigger.case_fields) {
-            this.flagsData = (this.route.snapshot.data.eventTrigger.case_fields)
-                .reduce((flags, caseField) => {
-                return FieldsUtils.extractFlagsDataFromCaseField(flags, caseField, caseField.id, caseField);
-            }, []);
-            // Set boolean indicating the display_context_parameter is "update"
-            this.isDisplayContextParameterUpdate =
-                this.setDisplayContextParameterUpdate((this.route.snapshot.data.eventTrigger.case_fields));
-            // Set starting field state
-            this.fieldState = this.isDisplayContextParameterUpdate ? CaseFlagFieldState.FLAG_MANAGE_CASE_FLAGS : CaseFlagFieldState.FLAG_LOCATION;
-            // Get case title, to be used by child components
-            this.caseEditDataService.caseTitle$.subscribe({
-                next: title => {
-                    this.caseTitle = title.length > 0 ? title : this.caseNameMissing;
-                }
-            });
+        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)
+            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;
+            }
+            if (this.route.snapshot.data.eventTrigger.case_fields) {
+                this.flagsData = (this.route.snapshot.data.eventTrigger.case_fields)
+                    .reduce((flags, caseField) => {
+                    return FieldsUtils.extractFlagsDataFromCaseField(flags, caseField, caseField.id, caseField);
+                }, []);
+                // Set boolean indicating the display_context_parameter is "update"
+                this.isDisplayContextParameterUpdate =
+                    this.setDisplayContextParameterUpdate((this.route.snapshot.data.eventTrigger.case_fields));
+                // Set starting field state
+                this.fieldState = this.isDisplayContextParameterUpdate ? CaseFlagFieldState.FLAG_MANAGE_CASE_FLAGS : CaseFlagFieldState.FLAG_LOCATION;
+                // Get case title, to be used by child components
+                this.caseEditDataService.caseTitle$.subscribe({
+                    next: title => {
+                        this.caseTitle = title.length > 0 ? title : this.caseNameMissing;
+                    }
+                });
+            }
         }
     }
     setDisplayContextParameterUpdate(caseFields) {
@@ -11386,7 +11407,7 @@ class WriteCaseFlagFieldComponent extends AbstractFieldWriteComponent {
     }
 }
 WriteCaseFlagFieldComponent.ɵfac = function WriteCaseFlagFieldComponent_Factory(t) { return new (t || WriteCaseFlagFieldComponent)(i0.ɵɵdirectiveInject(i1$1.ActivatedRoute), i0.ɵɵdirectiveInject(CaseEditDataService)); };
-WriteCaseFlagFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: WriteCaseFlagFieldComponent, selectors: [["ccd-write-case-flag-field"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 3, vars: 3, consts: [["class", "govuk-error-summary", "aria-labelledby", "error-summary-title", "role", "alert", "tabindex", "-1", "data-module", "govuk-error-summary", 4, "ngIf"], ["class", "form-group", 3, "formGroup", 4, "ngIf"], ["aria-labelledby", "error-summary-title", "role", "alert", "tabindex", "-1", "data-module", "govuk-error-summary", 1, "govuk-error-summary"], ["id", "error-summary-title", 1, "govuk-error-summary__title"], ["class", "govuk-error-summary__body", 4, "ngFor", "ngForOf"], [1, "govuk-error-summary__body"], [1, "govuk-list", "govuk-error-summary__list"], [1, "validation-error", 3, "click"], [1, "form-group", 3, "formGroup"], [1, "govuk-form-group", 3, "ngSwitch"], ["id", "create-flag-caption", 1, "govuk-caption-l", 3, "ngClass"], [4, "ngSwitchCase"], [3, "formGroup", "flagsData", "caseFlagStateEmitter"], [3, "formGroup", "jurisdiction", "caseTypeId", "caseFlagStateEmitter", "flagCommentsOptionalEmitter"], [3, "formGroup", "languages", "flagCode", "caseFlagStateEmitter"], [3, "formGroup", "optional", "caseFlagStateEmitter"], [3, "formGroup", "flagsData", "caseTitle", "caseFlagStateEmitter"], [3, "formGroup", "selectedFlag", "caseFlagStateEmitter"]], template: function WriteCaseFlagFieldComponent_Template(rf, ctx) { if (rf & 1) {
+WriteCaseFlagFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: WriteCaseFlagFieldComponent, selectors: [["ccd-write-case-flag-field"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 3, vars: 3, consts: [["class", "govuk-error-summary", "aria-labelledby", "error-summary-title", "role", "alert", "tabindex", "-1", "data-module", "govuk-error-summary", 4, "ngIf"], ["class", "form-group", 3, "formGroup", 4, "ngIf"], ["aria-labelledby", "error-summary-title", "role", "alert", "tabindex", "-1", "data-module", "govuk-error-summary", 1, "govuk-error-summary"], ["id", "error-summary-title", 1, "govuk-error-summary__title"], ["class", "govuk-error-summary__body", 4, "ngFor", "ngForOf"], [1, "govuk-error-summary__body"], [1, "govuk-list", "govuk-error-summary__list"], [1, "validation-error", 3, "click"], [1, "form-group", 3, "formGroup"], [1, "govuk-form-group", 3, "ngSwitch"], ["id", "create-flag-caption", 1, "govuk-caption-l", 3, "ngClass"], [4, "ngSwitchCase"], [3, "formGroup", "flagsData", "caseFlagStateEmitter"], [3, "formGroup", "jurisdiction", "caseTypeId", "hmctsServiceId", "caseFlagStateEmitter", "flagCommentsOptionalEmitter"], [3, "formGroup", "languages", "flagCode", "caseFlagStateEmitter"], [3, "formGroup", "optional", "caseFlagStateEmitter"], [3, "formGroup", "flagsData", "caseTitle", "caseFlagStateEmitter"], [3, "formGroup", "selectedFlag", "caseFlagStateEmitter"]], template: function WriteCaseFlagFieldComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵtemplate(0, WriteCaseFlagFieldComponent_div_0_Template, 4, 1, "div", 0);
         i0.ɵɵtemplate(1, WriteCaseFlagFieldComponent_div_1_Template, 8, 10, "div", 1);
         i0.ɵɵtemplate(2, WriteCaseFlagFieldComponent_div_2_Template, 4, 4, "div", 1);
@@ -14708,6 +14729,9 @@ class PaymentField extends AbstractFieldReadComponent {
     getRefundsUrl() {
         return this.appConfig.getRefundsUrl();
     }
+    getNotificationUrl() {
+        return this.appConfig.getNotificationUrl();
+    }
     getUserRoles() {
         const userDetails = JSON.parse(this.sessionStorage.getItem('userDetails') || null);
         if (!userDetails || !userDetails.hasOwnProperty('roles')) {
@@ -14730,10 +14754,10 @@ class CasePaymentHistoryViewerFieldComponent extends PaymentField {
     }
 }
 CasePaymentHistoryViewerFieldComponent.ɵfac = function CasePaymentHistoryViewerFieldComponent_Factory(t) { return new (t || CasePaymentHistoryViewerFieldComponent)(i0.ɵɵdirectiveInject(AbstractAppConfig), i0.ɵɵdirectiveInject(SessionStorageService)); };
-CasePaymentHistoryViewerFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: CasePaymentHistoryViewerFieldComponent, selectors: [["ccd-case-payment-history-viewer-field"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 15, consts: [[3, "API_ROOT", "CCD_CASE_NUMBER", "BULKSCAN_API_ROOT", "SELECTED_OPTION", "ISBSENABLE", "LOGGEDINUSEREMAIL", "LOGGEDINUSERROLES", "REFUNDS_API_ROOT", "VIEW", "TAKEPAYMENT", "SERVICEREQUEST", "PAYMENT_GROUP_REF", "EXC_REFERENCE", "DCN_NUMBER", "ISPAYMENTSTATUSENABLED"]], template: function CasePaymentHistoryViewerFieldComponent_Template(rf, ctx) { if (rf & 1) {
+CasePaymentHistoryViewerFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: CasePaymentHistoryViewerFieldComponent, selectors: [["ccd-case-payment-history-viewer-field"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 16, consts: [[3, "API_ROOT", "CCD_CASE_NUMBER", "BULKSCAN_API_ROOT", "SELECTED_OPTION", "ISBSENABLE", "LOGGEDINUSEREMAIL", "LOGGEDINUSERROLES", "REFUNDS_API_ROOT", "NOTIFICATION_API_ROOT", "VIEW", "TAKEPAYMENT", "SERVICEREQUEST", "PAYMENT_GROUP_REF", "EXC_REFERENCE", "DCN_NUMBER", "ISPAYMENTSTATUSENABLED"]], template: function CasePaymentHistoryViewerFieldComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵelement(0, "ccpay-payment-lib", 0);
     } if (rf & 2) {
-        i0.ɵɵproperty("API_ROOT", ctx.getBaseURL())("CCD_CASE_NUMBER", ctx.caseReference)("BULKSCAN_API_ROOT", ctx.getPayBulkScanBaseURL())("SELECTED_OPTION", "CCDorException")("ISBSENABLE", "true")("LOGGEDINUSEREMAIL", ctx.getUserEmail())("LOGGEDINUSERROLES", ctx.getUserRoles())("REFUNDS_API_ROOT", ctx.getRefundsUrl())("VIEW", "case-transactions")("TAKEPAYMENT", false)("SERVICEREQUEST", false)("PAYMENT_GROUP_REF", null)("EXC_REFERENCE", ctx.caseReference)("DCN_NUMBER", null)("ISPAYMENTSTATUSENABLED", "Enable");
+        i0.ɵɵproperty("API_ROOT", ctx.getBaseURL())("CCD_CASE_NUMBER", ctx.caseReference)("BULKSCAN_API_ROOT", ctx.getPayBulkScanBaseURL())("SELECTED_OPTION", "CCDorException")("ISBSENABLE", "true")("LOGGEDINUSEREMAIL", ctx.getUserEmail())("LOGGEDINUSERROLES", ctx.getUserRoles())("REFUNDS_API_ROOT", ctx.getRefundsUrl())("NOTIFICATION_API_ROOT", ctx.getNotificationUrl())("VIEW", "case-transactions")("TAKEPAYMENT", false)("SERVICEREQUEST", false)("PAYMENT_GROUP_REF", null)("EXC_REFERENCE", ctx.caseReference)("DCN_NUMBER", null)("ISPAYMENTSTATUSENABLED", "Enable");
     } }, directives: [i3.PaymentLibComponent], encapsulation: 2 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CasePaymentHistoryViewerFieldComponent, [{
         type: Component,
@@ -15044,7 +15068,7 @@ function WaysToPayFieldComponent_ccpay_payment_lib_0_Template(rf, ctx) { if (rf
     i0.ɵɵelement(0, "ccpay-payment-lib", 1);
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("API_ROOT", ctx_r0.getBaseURL())("BULKSCAN_API_ROOT", ctx_r0.getPayBulkScanBaseURL())("REFUNDS_API_ROOT", ctx_r0.getRefundsUrl())("CCD_CASE_NUMBER", ctx_r0.caseReference)("VIEW", "case-transactions")("TAKEPAYMENT", false)("SERVICEREQUEST", true)("PAYMENT_GROUP_REF", null)("EXC_REFERENCE", ctx_r0.caseReference)("DCN_NUMBER", null)("SELECTED_OPTION", "CCDorException")("LOGGEDINUSERROLES", ctx_r0.getUserRoles())("CARDPAYMENTRETURNURL", ctx_r0.getCardPaymentReturnUrl())("ISPAYMENTSTATUSENABLED", "Enable");
+    i0.ɵɵproperty("API_ROOT", ctx_r0.getBaseURL())("BULKSCAN_API_ROOT", ctx_r0.getPayBulkScanBaseURL())("REFUNDS_API_ROOT", ctx_r0.getRefundsUrl())("NOTIFICATION_API_ROOT", ctx_r0.getNotificationUrl())("CCD_CASE_NUMBER", ctx_r0.caseReference)("VIEW", "case-transactions")("TAKEPAYMENT", false)("SERVICEREQUEST", true)("PAYMENT_GROUP_REF", null)("EXC_REFERENCE", ctx_r0.caseReference)("DCN_NUMBER", null)("SELECTED_OPTION", "CCDorException")("LOGGEDINUSERROLES", ctx_r0.getUserRoles())("CARDPAYMENTRETURNURL", ctx_r0.getCardPaymentReturnUrl())("ISPAYMENTSTATUSENABLED", "Enable");
 } }
 class WaysToPayFieldComponent extends PaymentField {
     constructor(appConfig, sessionStorage) {
@@ -15055,8 +15079,8 @@ class WaysToPayFieldComponent extends PaymentField {
     }
 }
 WaysToPayFieldComponent.ɵfac = function WaysToPayFieldComponent_Factory(t) { return new (t || WaysToPayFieldComponent)(i0.ɵɵdirectiveInject(AbstractAppConfig), i0.ɵɵdirectiveInject(SessionStorageService)); };
-WaysToPayFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: WaysToPayFieldComponent, selectors: [["ccd-ways-to-pay-field"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [[3, "API_ROOT", "BULKSCAN_API_ROOT", "REFUNDS_API_ROOT", "CCD_CASE_NUMBER", "VIEW", "TAKEPAYMENT", "SERVICEREQUEST", "PAYMENT_GROUP_REF", "EXC_REFERENCE", "DCN_NUMBER", "SELECTED_OPTION", "LOGGEDINUSERROLES", "CARDPAYMENTRETURNURL", "ISPAYMENTSTATUSENABLED", 4, "ngIf"], [3, "API_ROOT", "BULKSCAN_API_ROOT", "REFUNDS_API_ROOT", "CCD_CASE_NUMBER", "VIEW", "TAKEPAYMENT", "SERVICEREQUEST", "PAYMENT_GROUP_REF", "EXC_REFERENCE", "DCN_NUMBER", "SELECTED_OPTION", "LOGGEDINUSERROLES", "CARDPAYMENTRETURNURL", "ISPAYMENTSTATUSENABLED"]], template: function WaysToPayFieldComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵtemplate(0, WaysToPayFieldComponent_ccpay_payment_lib_0_Template, 1, 14, "ccpay-payment-lib", 0);
+WaysToPayFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: WaysToPayFieldComponent, selectors: [["ccd-ways-to-pay-field"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [[3, "API_ROOT", "BULKSCAN_API_ROOT", "REFUNDS_API_ROOT", "NOTIFICATION_API_ROOT", "CCD_CASE_NUMBER", "VIEW", "TAKEPAYMENT", "SERVICEREQUEST", "PAYMENT_GROUP_REF", "EXC_REFERENCE", "DCN_NUMBER", "SELECTED_OPTION", "LOGGEDINUSERROLES", "CARDPAYMENTRETURNURL", "ISPAYMENTSTATUSENABLED", 4, "ngIf"], [3, "API_ROOT", "BULKSCAN_API_ROOT", "REFUNDS_API_ROOT", "NOTIFICATION_API_ROOT", "CCD_CASE_NUMBER", "VIEW", "TAKEPAYMENT", "SERVICEREQUEST", "PAYMENT_GROUP_REF", "EXC_REFERENCE", "DCN_NUMBER", "SELECTED_OPTION", "LOGGEDINUSERROLES", "CARDPAYMENTRETURNURL", "ISPAYMENTSTATUSENABLED"]], template: function WaysToPayFieldComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵtemplate(0, WaysToPayFieldComponent_ccpay_payment_lib_0_Template, 1, 15, "ccpay-payment-lib", 0);
     } if (rf & 2) {
         i0.ɵɵproperty("ngIf", ctx.getUserRoles().length > 0);
     } }, directives: [i1.NgIf, i3.PaymentLibComponent], encapsulation: 2 });
@@ -16584,19 +16608,30 @@ class SelectFlagTypeComponent {
             && this.formGroup['caseField'].id === this.caseLevelCaseFlagsFieldId
             ? RefdataCaseFlagType.CASE
             : RefdataCaseFlagType.PARTY;
-        // HMCTS service code is required to retrieve the relevant list of flag types; attempt to obtain it by case type ID first
-        this.flagRefdata$ = this.caseFlagRefdataService.getHmctsServiceDetailsByCaseType(this.caseTypeId)
-            .pipe(
-        // If an error occurs retrieving HMCTS service details by case type ID, try by service name instead
-        catchError(_ => this.caseFlagRefdataService.getHmctsServiceDetailsByServiceName(this.jurisdiction)), 
-        // Use switchMap to return an inner Observable of the flag types data, having received the service details
-        // including service_code. This avoids having nested `subscribe`s, which is an anti-pattern!
-        switchMap(serviceDetails => this.caseFlagRefdataService.getCaseFlagsRefdata(serviceDetails[0].service_code, flagType)))
-            .subscribe({
-            // First (and only) object in the returned array should be the top-level "Party" flag type
-            next: flagTypes => this.flagTypes = flagTypes[0].childFlags,
-            error: error => this.onRefdataError(error)
-        });
+        // If hmctsServiceId is present, use this to retrieve the relevant list of flag types
+        if (this.hmctsServiceId) {
+            this.flagRefdata$ = this.caseFlagRefdataService.getCaseFlagsRefdata(this.hmctsServiceId, flagType)
+                .subscribe({
+                // First (and only) object in the returned array should be the top-level "Party" flag type
+                next: flagTypes => this.flagTypes = flagTypes[0].childFlags,
+                error: error => this.onRefdataError(error)
+            });
+        }
+        else {
+            // Else, HMCTS service code is required to retrieve the relevant list of flag types; attempt to obtain it by case type ID first
+            this.flagRefdata$ = this.caseFlagRefdataService.getHmctsServiceDetailsByCaseType(this.caseTypeId)
+                .pipe(
+            // If an error occurs retrieving HMCTS service details by case type ID, try by service name instead
+            catchError(_ => this.caseFlagRefdataService.getHmctsServiceDetailsByServiceName(this.jurisdiction)), 
+            // Use switchMap to return an inner Observable of the flag types data, having received the service details
+            // including service_code. This avoids having nested `subscribe`s, which is an anti-pattern!
+            switchMap(serviceDetails => this.caseFlagRefdataService.getCaseFlagsRefdata(serviceDetails[0].service_code, flagType)))
+                .subscribe({
+                // First (and only) object in the returned array should be the top-level "Party" flag type
+                next: flagTypes => this.flagTypes = flagTypes[0].childFlags,
+                error: error => this.onRefdataError(error)
+            });
+        }
     }
     ngOnDestroy() {
         if (this.flagRefdata$) {
@@ -16667,7 +16702,7 @@ class SelectFlagTypeComponent {
     }
 }
 SelectFlagTypeComponent.ɵfac = function SelectFlagTypeComponent_Factory(t) { return new (t || SelectFlagTypeComponent)(i0.ɵɵdirectiveInject(CaseFlagRefdataService)); };
-SelectFlagTypeComponent.ɵcmp = i0.ɵɵdefineComponent({ type: SelectFlagTypeComponent, selectors: [["ccd-select-flag-type"]], inputs: { formGroup: "formGroup", jurisdiction: "jurisdiction", caseTypeId: "caseTypeId" }, outputs: { caseFlagStateEmitter: "caseFlagStateEmitter", flagCommentsOptionalEmitter: "flagCommentsOptionalEmitter" }, decls: 11, vars: 9, consts: [[1, "form-group", 3, "formGroup"], [1, "govuk-form-group", 3, "ngClass"], ["aria-describedby", "flag-type-heading", 1, "govuk-fieldset"], [1, "govuk-fieldset__legend", "govuk-fieldset__legend--l"], ["id", "flag-type-heading", 1, "govuk-fieldset__heading"], ["id", "flag-type-not-selected-error-message", "class", "govuk-error-message", 4, "ngIf"], ["data-module", "govuk-radios", "id", "conditional-radios-list", 1, "govuk-radios", "govuk-radios--conditional"], ["class", "govuk-radios__item", 4, "ngFor", "ngForOf"], ["class", "govuk-radios__conditional", "id", "conditional-flagType", 4, "ngIf"], ["class", "govuk-button-group", 4, "ngIf"], ["id", "flag-type-not-selected-error-message", 1, "govuk-error-message"], [1, "govuk-visually-hidden"], [1, "govuk-radios__item"], ["type", "radio", 1, "govuk-radios__input", 3, "id", "name", "value", "formControlName", "change"], [1, "govuk-label", "govuk-radios__label", 3, "for"], ["id", "conditional-flagType", 1, "govuk-radios__conditional"], ["for", "other-flag-type-description", 1, "govuk-label"], ["id", "flag-type-error-message", "class", "govuk-error-message", 4, "ngIf"], ["id", "other-flag-type-description", "type", "text", 1, "govuk-input", "govuk-!-width-one-half", 3, "ngClass", "name", "formControlName"], ["id", "flag-type-error-message", 1, "govuk-error-message"], [1, "govuk-button-group"], ["type", "button", 1, "button", "button-primary", 3, "click"]], template: function SelectFlagTypeComponent_Template(rf, ctx) { if (rf & 1) {
+SelectFlagTypeComponent.ɵcmp = i0.ɵɵdefineComponent({ type: SelectFlagTypeComponent, selectors: [["ccd-select-flag-type"]], inputs: { formGroup: "formGroup", jurisdiction: "jurisdiction", caseTypeId: "caseTypeId", hmctsServiceId: "hmctsServiceId" }, outputs: { caseFlagStateEmitter: "caseFlagStateEmitter", flagCommentsOptionalEmitter: "flagCommentsOptionalEmitter" }, decls: 11, vars: 9, consts: [[1, "form-group", 3, "formGroup"], [1, "govuk-form-group", 3, "ngClass"], ["aria-describedby", "flag-type-heading", 1, "govuk-fieldset"], [1, "govuk-fieldset__legend", "govuk-fieldset__legend--l"], ["id", "flag-type-heading", 1, "govuk-fieldset__heading"], ["id", "flag-type-not-selected-error-message", "class", "govuk-error-message", 4, "ngIf"], ["data-module", "govuk-radios", "id", "conditional-radios-list", 1, "govuk-radios", "govuk-radios--conditional"], ["class", "govuk-radios__item", 4, "ngFor", "ngForOf"], ["class", "govuk-radios__conditional", "id", "conditional-flagType", 4, "ngIf"], ["class", "govuk-button-group", 4, "ngIf"], ["id", "flag-type-not-selected-error-message", 1, "govuk-error-message"], [1, "govuk-visually-hidden"], [1, "govuk-radios__item"], ["type", "radio", 1, "govuk-radios__input", 3, "id", "name", "value", "formControlName", "change"], [1, "govuk-label", "govuk-radios__label", 3, "for"], ["id", "conditional-flagType", 1, "govuk-radios__conditional"], ["for", "other-flag-type-description", 1, "govuk-label"], ["id", "flag-type-error-message", "class", "govuk-error-message", 4, "ngIf"], ["id", "other-flag-type-description", "type", "text", 1, "govuk-input", "govuk-!-width-one-half", 3, "ngClass", "name", "formControlName"], ["id", "flag-type-error-message", 1, "govuk-error-message"], [1, "govuk-button-group"], ["type", "button", 1, "button", "button-primary", 3, "click"]], template: function SelectFlagTypeComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵelementStart(0, "div", 0);
         i0.ɵɵelementStart(1, "div", 1);
         i0.ɵɵelementStart(2, "fieldset", 2);
@@ -16713,6 +16748,8 @@ SelectFlagTypeComponent.ɵcmp = i0.ɵɵdefineComponent({ type: SelectFlagTypeCom
             type: Input
         }], caseTypeId: [{
             type: Input
+        }], hmctsServiceId: [{
+            type: Input
         }], caseFlagStateEmitter: [{
             type: Output
         }], flagCommentsOptionalEmitter: [{
@@ -20002,8 +20039,8 @@ i0.ɵɵsetComponentScope(WriteDateContainerFieldComponent, [i1.NgIf, DatetimePic
 i0.ɵɵsetComponentScope(WriteCollectionFieldComponent, [i1.NgIf, i1.NgForOf, FieldWriteComponent, i2.NgControlStatusGroup, i2.FormGroupDirective], [FieldLabelPipe, FirstErrorPipe]);
 i0.ɵɵsetComponentScope(
 // ComponentLauncher web components
-CaseFileViewFieldComponent, [i1.NgIf, CaseFileViewFolderComponent, i11.ɵcs], []);
-i0.ɵɵsetComponentScope(CaseFileViewFieldReadComponent, [i1.NgIf, CaseFileViewFolderComponent, i11.ɵcs], []);
+CaseFileViewFieldComponent, [i1.NgIf, CaseFileViewFolderComponent, i11.MediaViewerComponent], []);
+i0.ɵɵsetComponentScope(CaseFileViewFieldReadComponent, [i1.NgIf, CaseFileViewFolderComponent, i11.MediaViewerComponent], []);
 
 class Confirmation {
     constructor(caseId, status, header, body) {
@@ -24161,7 +24198,7 @@ class CaseFullAccessViewComponent {
         this.activeCaseFlags = this.hasActiveCaseFlags();
     }
     ngOnChanges(changes) {
-        if (!changes.prependedTabs.firstChange) {
+        if (changes && changes.prependedTabs && !changes.prependedTabs.firstChange) {
             this.init();
             this.crf.detectChanges();
             this.organiseTabPosition();
@@ -24187,8 +24224,10 @@ class CaseFullAccessViewComponent {
         }
     }
     checkRouteAndSetCaseViewTab() {
-        this.router.events.subscribe((val) => {
-            const url = val && val.url;
+        this.router.events
+            .pipe(filter((event) => event instanceof NavigationEnd))
+            .subscribe((event) => {
+            const url = event && event.url;
             if (url) {
                 const tabUrl = url ? url.split('#') : null;
                 const tab = tabUrl && tabUrl.length > 1 ? tabUrl[tabUrl.length - 1].replaceAll('%20', ' ') : '';