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

package/bundles/hmcts-ccd-case-ui-toolkit.umd.js

@@ -534,6 +534,64 @@
     function __param(paramIndex, decorator) {
         return function (target, key) { decorator(target, key, paramIndex); };
     }
+    function __esDecorate(ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
+        function accept(f) { if (f !== void 0 && typeof f !== "function")
+            throw new TypeError("Function expected"); return f; }
+        var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
+        var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
+        var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
+        var _, done = false;
+        for (var i = decorators.length - 1; i >= 0; i--) {
+            var context = {};
+            for (var p in contextIn)
+                context[p] = p === "access" ? {} : contextIn[p];
+            for (var p in contextIn.access)
+                context.access[p] = contextIn.access[p];
+            context.addInitializer = function (f) { if (done)
+                throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
+            var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
+            if (kind === "accessor") {
+                if (result === void 0)
+                    continue;
+                if (result === null || typeof result !== "object")
+                    throw new TypeError("Object expected");
+                if (_ = accept(result.get))
+                    descriptor.get = _;
+                if (_ = accept(result.set))
+                    descriptor.set = _;
+                if (_ = accept(result.init))
+                    initializers.push(_);
+            }
+            else if (_ = accept(result)) {
+                if (kind === "field")
+                    initializers.push(_);
+                else
+                    descriptor[key] = _;
+            }
+        }
+        if (target)
+            Object.defineProperty(target, contextIn.name, descriptor);
+        done = true;
+    }
+    ;
+    function __runInitializers(thisArg, initializers, value) {
+        var useValue = arguments.length > 2;
+        for (var i = 0; i < initializers.length; i++) {
+            value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
+        }
+        return useValue ? value : void 0;
+    }
+    ;
+    function __propKey(x) {
+        return typeof x === "symbol" ? x : "".concat(x);
+    }
+    ;
+    function __setFunctionName(f, name, prefix) {
+        if (typeof name === "symbol")
+            name = name.description ? "[".concat(name.description, "]") : "";
+        return Object.defineProperty(f, "name", { configurable: true, value: prefix ? "".concat(prefix, " ", name) : name });
+    }
+    ;
     function __metadata(metadataKey, metadataValue) {
         if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
             return Reflect.metadata(metadataKey, metadataValue);
@@ -733,7 +791,7 @@
     function __asyncDelegator(o) {
         var i, p;
         return i = {}, verb("next"), verb("throw", function (e) { throw e; }), verb("return"), i[Symbol.iterator] = function () { return this; }, i;
-        function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === "return" } : f ? f(v) : v; } : f; }
+        function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: false } : f ? f(v) : v; } : f; }
     }
     function __asyncValues(o) {
         if (!Symbol.asyncIterator)
@@ -4419,7 +4477,7 @@
             }], null, null);
     })();
 
-    var conditionSource = "{\n    function flat(arr, depth = 1) {\n      var flatten = function (arr, depth = 1) {\n        if (depth) return arr;\n\n      // Otherwise, concatenate into the parent array\n      return arr.reduce(function (acc, val) {\n        return acc.concat(Array.isArray(val) ? flatten(val, depth - 1) : val);\n      }, []);\n\n      };\n\n    return flatten(arr, depth - 1);\n    }\n  }\n\n  Start\n    = Formula\n\n  Formula\n    = EnclosedFormula\n    / OpenFormula\n\n  EnclosedFormula\n    = bracket formula:OpenFormula bracket join:(JoinComparator)*\n      { return flat([ [formula], join[0] ], 1) }\n\n  OpenFormula\n    = eq:OpenEqualityCheck joins:(JoinComparator)*\n      { return flat([ eq, flat(joins) ]) }\n\n  JoinComparator\n    = comp:Comparator eq:OpenEqualityCheck\n      { return [comp, eq]; }\n      / CompoundJoinComparator\n\n  CompoundJoinComparator\n    = comp:Comparator bracket f:OpenFormula bracket\n      { return [comp, f ] }\n\n  OpenEqualityCheck\n    = fr:FieldReference _? op:operator _? val:Value\n     { return { fieldReference: fr, comparator: op, value: val } }\n\n  Comparator\n   = _? c:'AND' _?\n   { return c; }\n   / _? c:'OR' _?\n   { return c; }\n\n  Word\n   = l:Letter+\n   { return l.join(\"\"); }\n\n  Letter\n   = [a-zA-Z]\n\n  Value\n   = v:quotedValue / v:Word\n   { return v.join(\"\") }\n   / v:number\n   { return parseInt(v.join(\"\")) }\n\n  FieldReference\n    = characters:[A-Za-z0-9._]+ { return characters.join(\"\"); }\n\n  number\n   = [0-9]+\n\n  quotedValue\n   = '\"'val:[A-Za-z0-9.,* _-]*'\"'\n   { return val.join(\"\"); }\n\n  bracket\n   = (_? \"(\"+ _? / _? \")\"+ _? )\n\n  operator\n   = \"=\" / \"!=\" / \"CONTAINS\"\n\n  ws \"Whitespace\"\n   = [ \t]\n\n  _ \"One or more whitespaces\"\n   = ws+\n\n  nl \"New line\"\n   = \"\\n\"";
+    var conditionSource = "{\n    function flat(arr, depth = 1) {\n      var flatten = function (arr, depth = 1) {\n        if (depth) return arr;\n\n      // Otherwise, concatenate into the parent array\n      return arr.reduce(function (acc, val) {\n        return acc.concat(Array.isArray(val) ? flatten(val, depth - 1) : val);\n      }, []);\n\n      };\n\n    return flatten(arr, depth - 1);\n    }\n  }\n\n  Start\n    = Formula\n\n  Formula\n    = EnclosedFormula\n    / OpenFormula\n\n  EnclosedFormula\n    = bracket formula:OpenFormula bracket join:(JoinComparator)*\n      { return flat([ [formula], join[0] ], 1) }\n\n  OpenFormula\n    = eq:OpenEqualityCheck joins:(JoinComparator)*\n      { return flat([ eq, flat(joins) ]) }\n\n  JoinComparator\n    = comp:Comparator eq:OpenEqualityCheck\n      { return [comp, eq]; }\n      / CompoundJoinComparator\n\n  CompoundJoinComparator\n    = comp:Comparator bracket f:OpenFormula bracket\n      { return [comp, f ] }\n\n  OpenEqualityCheck\n    = fr:FieldRef _? op:operator _? val:Value\n     { return { fieldReference: fr, comparator: op, value: val } }\n\n  Comparator\n   = _? c:'AND' _?\n   { return c; }\n   / _? c:'OR' _?\n   { return c; }\n\n  Word\n   = l:Letter+\n   { return l.join(\"\"); }\n\n  Letter\n   = [a-zA-Z]\n\n  Value\n   = v:quotedValue / v:Word\n   { return v.join(\"\") }\n   / v:number\n   { return parseInt(v.join(\"\")) }\n\n  FieldRef\n   = FieldReference / MetadataFieldReference\n\n  MetadataFieldReference\n    = s1:openSquare fr:FieldReference s2:closeSquare\n    { return s1 + fr + s2 }\n\n  FieldReference\n    = characters:[A-Za-z0-9._]+ { return characters.join(\"\"); }\n\n  openSquare\n   = \"[\"\n\n  closeSquare\n   = \"]\"\n\n  number\n   = [0-9]+\n\n  quotedValue\n   = '\"'val:[A-Za-z0-9.,* _/-]*'\"'\n   { return val.join(\"\"); }\n\n  bracket\n   = (_? \"(\"+ _? / _? \")\"+ _? )\n\n  operator\n   = \"=\" / \"!=\" / \"CONTAINS\"\n\n  ws \"Whitespace\"\n   = [ \t]\n\n  _ \"One or more whitespaces\"\n   = ws+\n\n  nl \"New line\"\n   = \"\\n\"";
     var peg = pegjs.generate(conditionSource);
 
     var ConditionParser = /** @class */ (function () {
@@ -4445,7 +4503,7 @@
          */
         ConditionParser.evaluate = function (fields, conditions, path) {
             var _this = this;
-            if (!conditions) {
+            if (!conditions || conditions.length === 0) {
                 return true;
             }
             ;
@@ -12412,7 +12470,7 @@
         if (rf & 2) {
             var ctx_r8 = i0__namespace.ɵɵnextContext(2);
             i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("formGroup", ctx_r8.caseFlagParentFormGroup)("jurisdiction", ctx_r8.jurisdiction)("caseTypeId", ctx_r8.caseTypeId);
+            i0__namespace.ɵɵ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) {
@@ -12454,7 +12512,7 @@
             i0__namespace.ɵɵtext(3);
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵtemplate(4, WriteCaseFlagFieldComponent_div_1_ng_container_4_Template, 2, 2, "ng-container", 11);
-            i0__namespace.ɵɵtemplate(5, WriteCaseFlagFieldComponent_div_1_ng_container_5_Template, 2, 3, "ng-container", 11);
+            i0__namespace.ɵɵtemplate(5, WriteCaseFlagFieldComponent_div_1_ng_container_5_Template, 2, 4, "ng-container", 11);
             i0__namespace.ɵɵtemplate(6, WriteCaseFlagFieldComponent_div_1_ng_container_6_Template, 2, 3, "ng-container", 11);
             i0__namespace.ɵɵtemplate(7, WriteCaseFlagFieldComponent_div_1_ng_container_7_Template, 2, 2, "ng-container", 11);
             i0__namespace.ɵɵelementEnd();
@@ -12577,22 +12635,30 @@
                 }
             }
             // 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(function (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 ? exports.CaseFlagFieldState.FLAG_MANAGE_CASE_FLAGS : exports.CaseFlagFieldState.FLAG_LOCATION;
-                // Get case title, to be used by child components
-                this.caseEditDataService.caseTitle$.subscribe({
-                    next: function (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(function (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 ? exports.CaseFlagFieldState.FLAG_MANAGE_CASE_FLAGS : exports.CaseFlagFieldState.FLAG_LOCATION;
+                    // Get case title, to be used by child components
+                    this.caseEditDataService.caseTitle$.subscribe({
+                        next: function (title) {
+                            _this.caseTitle = title.length > 0 ? title : _this.caseNameMissing;
+                        }
+                    });
+                }
             }
         };
         WriteCaseFlagFieldComponent.prototype.setDisplayContextParameterUpdate = function (caseFields) {
@@ -12828,7 +12894,7 @@
         return WriteCaseFlagFieldComponent;
     }(AbstractFieldWriteComponent));
     WriteCaseFlagFieldComponent.ɵfac = function WriteCaseFlagFieldComponent_Factory(t) { return new (t || WriteCaseFlagFieldComponent)(i0__namespace.ɵɵdirectiveInject(i1__namespace$1.ActivatedRoute), i0__namespace.ɵɵdirectiveInject(CaseEditDataService)); };
-    WriteCaseFlagFieldComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: WriteCaseFlagFieldComponent, selectors: [["ccd-write-case-flag-field"]], features: [i0__namespace.ɵɵ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) {
+    WriteCaseFlagFieldComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: WriteCaseFlagFieldComponent, selectors: [["ccd-write-case-flag-field"]], features: [i0__namespace.ɵɵ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__namespace.ɵɵtemplate(0, WriteCaseFlagFieldComponent_div_0_Template, 4, 1, "div", 0);
                 i0__namespace.ɵɵtemplate(1, WriteCaseFlagFieldComponent_div_1_Template, 8, 10, "div", 1);
@@ -16989,6 +17055,9 @@
         PaymentField.prototype.getRefundsUrl = function () {
             return this.appConfig.getRefundsUrl();
         };
+        PaymentField.prototype.getNotificationUrl = function () {
+            return this.appConfig.getNotificationUrl();
+        };
         PaymentField.prototype.getUserRoles = function () {
             var userDetails = JSON.parse(this.sessionStorage.getItem('userDetails') || null);
             if (!userDetails || !userDetails.hasOwnProperty('roles')) {
@@ -17014,12 +17083,12 @@
         return CasePaymentHistoryViewerFieldComponent;
     }(PaymentField));
     CasePaymentHistoryViewerFieldComponent.ɵfac = function CasePaymentHistoryViewerFieldComponent_Factory(t) { return new (t || CasePaymentHistoryViewerFieldComponent)(i0__namespace.ɵɵdirectiveInject(AbstractAppConfig), i0__namespace.ɵɵdirectiveInject(SessionStorageService)); };
-    CasePaymentHistoryViewerFieldComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: CasePaymentHistoryViewerFieldComponent, selectors: [["ccd-case-payment-history-viewer-field"]], features: [i0__namespace.ɵɵ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) {
+    CasePaymentHistoryViewerFieldComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: CasePaymentHistoryViewerFieldComponent, selectors: [["ccd-case-payment-history-viewer-field"]], features: [i0__namespace.ɵɵ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__namespace.ɵɵelement(0, "ccpay-payment-lib", 0);
             }
             if (rf & 2) {
-                i0__namespace.ɵɵ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__namespace.ɵɵ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__namespace.PaymentLibComponent], encapsulation: 2 });
     (function () {
@@ -17427,7 +17496,7 @@
         }
         if (rf & 2) {
             var ctx_r0 = i0__namespace.ɵɵnextContext();
-            i0__namespace.ɵɵ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__namespace.ɵɵ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");
         }
     }
     var WaysToPayFieldComponent = /** @class */ (function (_super) {
@@ -17441,9 +17510,9 @@
         return WaysToPayFieldComponent;
     }(PaymentField));
     WaysToPayFieldComponent.ɵfac = function WaysToPayFieldComponent_Factory(t) { return new (t || WaysToPayFieldComponent)(i0__namespace.ɵɵdirectiveInject(AbstractAppConfig), i0__namespace.ɵɵdirectiveInject(SessionStorageService)); };
-    WaysToPayFieldComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: WaysToPayFieldComponent, selectors: [["ccd-ways-to-pay-field"]], features: [i0__namespace.ɵɵ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) {
+    WaysToPayFieldComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: WaysToPayFieldComponent, selectors: [["ccd-ways-to-pay-field"]], features: [i0__namespace.ɵɵ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__namespace.ɵɵtemplate(0, WaysToPayFieldComponent_ccpay_payment_lib_0_Template, 1, 14, "ccpay-payment-lib", 0);
+                i0__namespace.ɵɵtemplate(0, WaysToPayFieldComponent_ccpay_payment_lib_0_Template, 1, 15, "ccpay-payment-lib", 0);
             }
             if (rf & 2) {
                 i0__namespace.ɵɵproperty("ngIf", ctx.getUserRoles().length > 0);
@@ -19216,19 +19285,30 @@
                 && this.formGroup['caseField'].id === this.caseLevelCaseFlagsFieldId
                 ? exports.RefdataCaseFlagType.CASE
                 : exports.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
-            operators.catchError(function (_) { return _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!
-            operators.switchMap(function (serviceDetails) { return _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: function (flagTypes) { return _this.flagTypes = flagTypes[0].childFlags; },
-                error: function (error) { return _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: function (flagTypes) { return _this.flagTypes = flagTypes[0].childFlags; },
+                    error: function (error) { return _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
+                operators.catchError(function (_) { return _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!
+                operators.switchMap(function (serviceDetails) { return _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: function (flagTypes) { return _this.flagTypes = flagTypes[0].childFlags; },
+                    error: function (error) { return _this.onRefdataError(error); }
+                });
+            }
         };
         SelectFlagTypeComponent.prototype.ngOnDestroy = function () {
             if (this.flagRefdata$) {
@@ -19300,7 +19380,7 @@
         return SelectFlagTypeComponent;
     }());
     SelectFlagTypeComponent.ɵfac = function SelectFlagTypeComponent_Factory(t) { return new (t || SelectFlagTypeComponent)(i0__namespace.ɵɵdirectiveInject(CaseFlagRefdataService)); };
-    SelectFlagTypeComponent.ɵcmp = i0__namespace.ɵɵ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) {
+    SelectFlagTypeComponent.ɵcmp = i0__namespace.ɵɵ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__namespace.ɵɵelementStart(0, "div", 0);
                 i0__namespace.ɵɵelementStart(1, "div", 1);
@@ -19350,6 +19430,8 @@
                     type: i0.Input
                 }], caseTypeId: [{
                     type: i0.Input
+                }], hmctsServiceId: [{
+                    type: i0.Input
                 }], caseFlagStateEmitter: [{
                     type: i0.Output
                 }], flagCommentsOptionalEmitter: [{
@@ -23028,8 +23110,8 @@
     i0__namespace.ɵɵsetComponentScope(WriteCollectionFieldComponent, [i1__namespace.NgIf, i1__namespace.NgForOf, FieldWriteComponent, i2__namespace.NgControlStatusGroup, i2__namespace.FormGroupDirective], [FieldLabelPipe, FirstErrorPipe]);
     i0__namespace.ɵɵsetComponentScope(
     // ComponentLauncher web components
-    CaseFileViewFieldComponent, [i1__namespace.NgIf, CaseFileViewFolderComponent, i11__namespace.ɵcs], []);
-    i0__namespace.ɵɵsetComponentScope(CaseFileViewFieldReadComponent, [i1__namespace.NgIf, CaseFileViewFolderComponent, i11__namespace.ɵcs], []);
+    CaseFileViewFieldComponent, [i1__namespace.NgIf, CaseFileViewFolderComponent, i11__namespace.MediaViewerComponent], []);
+    i0__namespace.ɵɵsetComponentScope(CaseFileViewFieldReadComponent, [i1__namespace.NgIf, CaseFileViewFolderComponent, i11__namespace.MediaViewerComponent], []);
 
     var Confirmation = /** @class */ (function () {
         function Confirmation(caseId, status, header, body) {
@@ -27759,7 +27841,7 @@
             this.activeCaseFlags = this.hasActiveCaseFlags();
         };
         CaseFullAccessViewComponent.prototype.ngOnChanges = function (changes) {
-            if (!changes.prependedTabs.firstChange) {
+            if (changes && changes.prependedTabs && !changes.prependedTabs.firstChange) {
                 this.init();
                 this.crf.detectChanges();
                 this.organiseTabPosition();
@@ -27786,8 +27868,10 @@
         };
         CaseFullAccessViewComponent.prototype.checkRouteAndSetCaseViewTab = function () {
             var _this = this;
-            this.router.events.subscribe(function (val) {
-                var url = val && val.url;
+            this.router.events
+                .pipe(operators.filter(function (event) { return event instanceof i1$1.NavigationEnd; }))
+                .subscribe(function (event) {
+                var url = event && event.url;
                 if (url) {
                     var tabUrl = url ? url.split('#') : null;
                     var tab_1 = tabUrl && tabUrl.length > 1 ? tabUrl[tabUrl.length - 1].replaceAll('%20', ' ') : '';