@hmcts/ccd-case-ui-toolkit 6.13.0-rc9 → 6.13.9-eui-7744-mv-upgrade

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

@@ -4477,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: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 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 () {
@@ -12470,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) {
@@ -12512,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();
@@ -12635,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) {
@@ -12886,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);
@@ -17047,9 +17055,6 @@
         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')) {
@@ -17075,12 +17080,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: 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) {
+    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) {
             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())("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");
+                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");
             }
         }, directives: [i3__namespace.PaymentLibComponent], encapsulation: 2 });
     (function () {
@@ -17488,7 +17493,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())("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");
+            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");
         }
     }
     var WaysToPayFieldComponent = /** @class */ (function (_super) {
@@ -17502,9 +17507,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", "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) {
+    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) {
             if (rf & 1) {
-                i0__namespace.ɵɵtemplate(0, WaysToPayFieldComponent_ccpay_payment_lib_0_Template, 1, 15, "ccpay-payment-lib", 0);
+                i0__namespace.ɵɵtemplate(0, WaysToPayFieldComponent_ccpay_payment_lib_0_Template, 1, 14, "ccpay-payment-lib", 0);
             }
             if (rf & 2) {
                 i0__namespace.ɵɵproperty("ngIf", ctx.getUserRoles().length > 0);
@@ -19277,19 +19282,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$) {
@@ -19361,7 +19377,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);
@@ -19411,6 +19427,8 @@
                     type: i0.Input
                 }], caseTypeId: [{
                     type: i0.Input
+                }], hmctsServiceId: [{
+                    type: i0.Input
                 }], caseFlagStateEmitter: [{
                     type: i0.Output
                 }], flagCommentsOptionalEmitter: [{
@@ -23089,8 +23107,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) {