@hmcts/ccd-case-ui-toolkit 6.10.7-case-flags-support-tab-changes-v3 → 6.10.7-case-flags-check-your-answers-screen

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

@@ -12098,10 +12098,10 @@
 
     function ReadCaseFlagFieldComponent_ng_container_1_Template(rf, ctx) {
         if (rf & 1) {
-            var _r4_1 = i0__namespace.ɵɵgetCurrentView();
+            var _r3_1 = i0__namespace.ɵɵgetCurrentView();
             i0__namespace.ɵɵelementContainerStart(0);
             i0__namespace.ɵɵelementStart(1, "ccd-case-flag-summary-list", 3);
-            i0__namespace.ɵɵlistener("changeButtonEmitter", function ReadCaseFlagFieldComponent_ng_container_1_Template_ccd_case_flag_summary_list_changeButtonEmitter_1_listener($event) { i0__namespace.ɵɵrestoreView(_r4_1); var ctx_r3 = i0__namespace.ɵɵnextContext(); return ctx_r3.navigateBackToForm($event); });
+            i0__namespace.ɵɵlistener("changeButtonEmitter", function ReadCaseFlagFieldComponent_ng_container_1_Template_ccd_case_flag_summary_list_changeButtonEmitter_1_listener($event) { i0__namespace.ɵɵrestoreView(_r3_1); var ctx_r2 = i0__namespace.ɵɵnextContext(); return ctx_r2.navigateBackToForm($event); });
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementContainerEnd();
         }
@@ -12111,19 +12111,19 @@
             i0__namespace.ɵɵproperty("flagForSummaryDisplay", ctx_r0.flagForSummaryDisplay)("summaryListDisplayMode", ctx_r0.summaryListDisplayMode);
         }
     }
-    function ReadCaseFlagFieldComponent_ng_container_4_div_3_ccd_case_flag_table_1_Template(rf, ctx) {
+    function ReadCaseFlagFieldComponent_ng_container_2_div_3_ccd_case_flag_table_1_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelement(0, "ccd-case-flag-table", 7);
+            i0__namespace.ɵɵelement(0, "ccd-case-flag-table", 8);
         }
         if (rf & 2) {
             var flagData_r6 = i0__namespace.ɵɵnextContext().$implicit;
-            i0__namespace.ɵɵproperty("tableCaption", "")("flagData", flagData_r6)("firstColumnHeader", flagData_r6.flags.partyName);
+            i0__namespace.ɵɵproperty("tableCaption", flagData_r6.flags.partyName)("flagData", flagData_r6)("firstColumnHeader", "Party level flags");
         }
     }
-    function ReadCaseFlagFieldComponent_ng_container_4_div_3_Template(rf, ctx) {
+    function ReadCaseFlagFieldComponent_ng_container_2_div_3_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "div");
-            i0__namespace.ɵɵtemplate(1, ReadCaseFlagFieldComponent_ng_container_4_div_3_ccd_case_flag_table_1_Template, 1, 3, "ccd-case-flag-table", 6);
+            i0__namespace.ɵɵtemplate(1, ReadCaseFlagFieldComponent_ng_container_2_div_3_ccd_case_flag_table_1_Template, 1, 3, "ccd-case-flag-table", 7);
             i0__namespace.ɵɵelementEnd();
         }
         if (rf & 2) {
@@ -12132,70 +12132,34 @@
             i0__namespace.ɵɵproperty("ngIf", flagData_r6.flags.partyName);
         }
     }
-    function ReadCaseFlagFieldComponent_ng_container_4_Template(rf, ctx) {
-        if (rf & 1) {
-            i0__namespace.ɵɵelementContainerStart(0);
-            i0__namespace.ɵɵelementStart(1, "h2", 4);
-            i0__namespace.ɵɵtext(2, " Support requested ");
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵtemplate(3, ReadCaseFlagFieldComponent_ng_container_4_div_3_Template, 2, 1, "div", 5);
-            i0__namespace.ɵɵelementContainerEnd();
-        }
-        if (rf & 2) {
-            var ctx_r1 = i0__namespace.ɵɵnextContext();
-            i0__namespace.ɵɵadvance(3);
-            i0__namespace.ɵɵproperty("ngForOf", ctx_r1.partyLevelCaseFlagData);
-        }
-    }
-    function ReadCaseFlagFieldComponent_ng_container_5_div_3_ccd_case_flag_table_1_Template(rf, ctx) {
-        if (rf & 1) {
-            i0__namespace.ɵɵelement(0, "ccd-case-flag-table", 7);
-        }
-        if (rf & 2) {
-            var flagData_r11 = i0__namespace.ɵɵnextContext().$implicit;
-            i0__namespace.ɵɵproperty("tableCaption", flagData_r11.flags.partyName)("flagData", flagData_r11)("firstColumnHeader", "Party level flags");
-        }
-    }
-    function ReadCaseFlagFieldComponent_ng_container_5_div_3_Template(rf, ctx) {
-        if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "div");
-            i0__namespace.ɵɵtemplate(1, ReadCaseFlagFieldComponent_ng_container_5_div_3_ccd_case_flag_table_1_Template, 1, 3, "ccd-case-flag-table", 6);
-            i0__namespace.ɵɵelementEnd();
-        }
-        if (rf & 2) {
-            var flagData_r11 = ctx.$implicit;
-            i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("ngIf", flagData_r11.flags.partyName);
-        }
-    }
-    function ReadCaseFlagFieldComponent_ng_container_5_div_4_Template(rf, ctx) {
+    function ReadCaseFlagFieldComponent_ng_container_2_div_4_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "div");
-            i0__namespace.ɵɵelement(1, "ccd-case-flag-table", 7);
+            i0__namespace.ɵɵelement(1, "ccd-case-flag-table", 8);
             i0__namespace.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var ctx_r10 = i0__namespace.ɵɵnextContext(2);
+            var ctx_r5 = i0__namespace.ɵɵnextContext(2);
             i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("tableCaption", "Case level flags")("flagData", ctx_r10.caseLevelCaseFlagData)("firstColumnHeader", "Case flags");
+            i0__namespace.ɵɵproperty("tableCaption", "Case level flags")("flagData", ctx_r5.caseLevelCaseFlagData)("firstColumnHeader", "Case flags");
         }
     }
-    function ReadCaseFlagFieldComponent_ng_container_5_Template(rf, ctx) {
+    function ReadCaseFlagFieldComponent_ng_container_2_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementContainerStart(0);
             i0__namespace.ɵɵelementStart(1, "h2", 4);
-            i0__namespace.ɵɵtext(2, " Case flags ");
+            i0__namespace.ɵɵtext(2, "Case flags");
             i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵtemplate(3, ReadCaseFlagFieldComponent_ng_container_5_div_3_Template, 2, 1, "div", 5);
-            i0__namespace.ɵɵtemplate(4, ReadCaseFlagFieldComponent_ng_container_5_div_4_Template, 2, 3, "div", 8);
+            i0__namespace.ɵɵtemplate(3, ReadCaseFlagFieldComponent_ng_container_2_div_3_Template, 2, 1, "div", 5);
+            i0__namespace.ɵɵtemplate(4, ReadCaseFlagFieldComponent_ng_container_2_div_4_Template, 2, 3, "div", 6);
             i0__namespace.ɵɵelementContainerEnd();
         }
         if (rf & 2) {
-            var ctx_r2 = i0__namespace.ɵɵnextContext();
+            var ctx_r1 = i0__namespace.ɵɵnextContext();
             i0__namespace.ɵɵadvance(3);
-            i0__namespace.ɵɵproperty("ngForOf", ctx_r2.partyLevelCaseFlagData);
+            i0__namespace.ɵɵproperty("ngForOf", ctx_r1.partyLevelCaseFlagData);
             i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("ngIf", ctx_r2.caseLevelCaseFlagData);
+            i0__namespace.ɵɵproperty("ngIf", ctx_r1.caseLevelCaseFlagData);
         }
     }
     var ReadCaseFlagFieldComponent = /** @class */ (function (_super) {
@@ -12206,20 +12170,15 @@
             _this.router = router;
             _this.caseFlagStateService = caseFlagStateService;
             _this.paletteContext = exports.PaletteContext;
-            _this.displayContextParameter = '';
             _this.caseLevelCaseFlagsFieldId = 'caseFlags';
             _this.caseNameMissing = 'Case name missing';
-            _this.readSupportMode = '#ARGUMENT(READ,EXTERNAL)';
             _this.createMode = '#ARGUMENT(CREATE)';
+            _this.createModeExternal = '#ARGUMENT(CREATE,EXTERNAL)';
             _this.updateMode = '#ARGUMENT(UPDATE)';
             return _this;
         }
         ReadCaseFlagFieldComponent.prototype.ngOnInit = function () {
             var _this = this;
-            var _a, _b;
-            var flagLauncherControlName = Object.keys(this.formGroup.controls).find(function (controlName) { return FieldsUtils.isFlagLauncherCaseField(_this.formGroup.get(controlName)['caseField']); });
-            var flagLauncherComponent = (_a = this.formGroup.get(flagLauncherControlName)) === null || _a === void 0 ? void 0 : _a['component'];
-            this.displayContextParameter = (_b = flagLauncherComponent === null || flagLauncherComponent === void 0 ? void 0 : flagLauncherComponent.caseField) === null || _b === void 0 ? void 0 : _b.display_context_parameter;
             // If the context is PaletteContext.DEFAULT, the Flags fields need to be located by CaseTab (they won't be present
             // in the FormGroup - only the FlagLauncher field is present)
             if (this.context === exports.PaletteContext.DEFAULT) {
@@ -12244,10 +12203,13 @@
                 // The FlagLauncher component, WriteCaseFlagFieldComponent, holds a reference to:
                 // i) the parent FormGroup for the Flags instance where changes have been made;
                 // ii) the currently selected flag (selectedFlag) if one exists
-                if (flagLauncherComponent) {
+                var flagLauncherControlName = Object.keys(this.formGroup.controls).find(function (controlName) { return FieldsUtils.isFlagLauncherCaseField(_this.formGroup.get(controlName)['caseField']); });
+                if (flagLauncherControlName && this.formGroup.get(flagLauncherControlName)['component']) {
+                    var flagLauncherComponent = this.formGroup.get(flagLauncherControlName)['component'];
                     // The FlagLauncher component holds a reference (selectedFlagsLocation) containing the CaseField instance to
                     // which the new flag has been added
-                    if (flagLauncherComponent.caseField.display_context_parameter === this.createMode &&
+                    if ((flagLauncherComponent.caseField.display_context_parameter === this.createMode ||
+                        flagLauncherComponent.caseField.display_context_parameter === this.createModeExternal) &&
                         flagLauncherComponent.selectedFlagsLocation) {
                         // this.flagLocation = flagLauncherComponent.selectedFlagsLocation;
                         this.pathToFlagsFormGroup = flagLauncherComponent.selectedFlagsLocation.pathToFlagsFormGroup;
@@ -12296,26 +12258,17 @@
         return ReadCaseFlagFieldComponent;
     }(AbstractFieldReadComponent));
     ReadCaseFlagFieldComponent.ɵfac = function ReadCaseFlagFieldComponent_Factory(t) { return new (t || ReadCaseFlagFieldComponent)(i0__namespace.ɵɵdirectiveInject(i1__namespace$1.ActivatedRoute), i0__namespace.ɵɵdirectiveInject(i1__namespace$1.Router), i0__namespace.ɵɵdirectiveInject(CaseFlagStateService)); };
-    ReadCaseFlagFieldComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: ReadCaseFlagFieldComponent, selectors: [["ccd-read-case-flag-field"]], features: [i0__namespace.ɵɵInheritDefinitionFeature], decls: 6, vars: 4, consts: [[3, "ngSwitch"], [4, "ngSwitchCase"], [4, "ngSwitchDefault"], [3, "flagForSummaryDisplay", "summaryListDisplayMode", "changeButtonEmitter"], ["id", "read-case-flag-title", 1, "govuk-heading-l"], [4, "ngFor", "ngForOf"], [3, "tableCaption", "flagData", "firstColumnHeader", 4, "ngIf"], [3, "tableCaption", "flagData", "firstColumnHeader"], [4, "ngIf"]], template: function ReadCaseFlagFieldComponent_Template(rf, ctx) {
+    ReadCaseFlagFieldComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: ReadCaseFlagFieldComponent, selectors: [["ccd-read-case-flag-field"]], features: [i0__namespace.ɵɵInheritDefinitionFeature], decls: 3, vars: 2, consts: [[3, "ngSwitch"], [4, "ngSwitchCase"], [4, "ngSwitchDefault"], [3, "flagForSummaryDisplay", "summaryListDisplayMode", "changeButtonEmitter"], [1, "govuk-heading-l"], [4, "ngFor", "ngForOf"], [4, "ngIf"], [3, "tableCaption", "flagData", "firstColumnHeader", 4, "ngIf"], [3, "tableCaption", "flagData", "firstColumnHeader"]], template: function ReadCaseFlagFieldComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0__namespace.ɵɵelementContainerStart(0, 0);
                 i0__namespace.ɵɵtemplate(1, ReadCaseFlagFieldComponent_ng_container_1_Template, 2, 2, "ng-container", 1);
-                i0__namespace.ɵɵelementContainerStart(2);
-                i0__namespace.ɵɵelementContainerStart(3, 0);
-                i0__namespace.ɵɵtemplate(4, ReadCaseFlagFieldComponent_ng_container_4_Template, 4, 1, "ng-container", 1);
-                i0__namespace.ɵɵtemplate(5, ReadCaseFlagFieldComponent_ng_container_5_Template, 5, 2, "ng-container", 2);
-                i0__namespace.ɵɵelementContainerEnd();
-                i0__namespace.ɵɵelementContainerEnd();
+                i0__namespace.ɵɵtemplate(2, ReadCaseFlagFieldComponent_ng_container_2_Template, 5, 2, "ng-container", 2);
                 i0__namespace.ɵɵelementContainerEnd();
             }
             if (rf & 2) {
                 i0__namespace.ɵɵproperty("ngSwitch", ctx.context);
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("ngSwitchCase", ctx.paletteContext.CHECK_YOUR_ANSWER);
-                i0__namespace.ɵɵadvance(2);
-                i0__namespace.ɵɵproperty("ngSwitch", ctx.displayContextParameter);
-                i0__namespace.ɵɵadvance(1);
-                i0__namespace.ɵɵproperty("ngSwitchCase", ctx.readSupportMode);
             }
         }, styles: [".govuk-heading-l[_ngcontent-%COMP%]{margin-top:30px}"] });
     (function () {
@@ -18888,59 +18841,47 @@
                 }] });
     })();
 
-    function CaseFlagTableComponent_table_0_caption_1_Template(rf, ctx) {
-        if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "caption", 13);
-            i0__namespace.ɵɵtext(1);
-            i0__namespace.ɵɵelementEnd();
-        }
-        if (rf & 2) {
-            var ctx_r1 = i0__namespace.ɵɵnextContext(2);
-            i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵtextInterpolate(ctx_r1.tableCaption);
-        }
-    }
-    function CaseFlagTableComponent_table_0_tr_15_Template(rf, ctx) {
+    function CaseFlagTableComponent_table_0_tr_16_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "tr");
-            i0__namespace.ɵɵelementStart(1, "td", 14);
+            i0__namespace.ɵɵelementStart(1, "td", 13);
             i0__namespace.ɵɵtext(2, "None");
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
         }
     }
-    function CaseFlagTableComponent_table_0_tbody_16_tr_1_strong_15_Template(rf, ctx) {
+    function CaseFlagTableComponent_table_0_tbody_17_tr_1_strong_15_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "strong", 21);
+            i0__namespace.ɵɵelementStart(0, "strong", 20);
             i0__namespace.ɵɵtext(1, "Active");
             i0__namespace.ɵɵelementEnd();
         }
     }
-    function CaseFlagTableComponent_table_0_tbody_16_tr_1_strong_16_Template(rf, ctx) {
+    function CaseFlagTableComponent_table_0_tbody_17_tr_1_strong_16_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "strong", 22);
+            i0__namespace.ɵɵelementStart(0, "strong", 21);
             i0__namespace.ɵɵtext(1, "Inactive");
             i0__namespace.ɵɵelementEnd();
         }
     }
-    function CaseFlagTableComponent_table_0_tbody_16_tr_1_strong_17_Template(rf, ctx) {
+    function CaseFlagTableComponent_table_0_tbody_17_tr_1_strong_17_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "strong", 22);
+            i0__namespace.ɵɵelementStart(0, "strong", 21);
             i0__namespace.ɵɵtext(1, "Requested");
             i0__namespace.ɵɵelementEnd();
         }
     }
-    function CaseFlagTableComponent_table_0_tbody_16_tr_1_strong_18_Template(rf, ctx) {
+    function CaseFlagTableComponent_table_0_tbody_17_tr_1_strong_18_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "strong", 23);
+            i0__namespace.ɵɵelementStart(0, "strong", 22);
             i0__namespace.ɵɵtext(1, "Not approved");
             i0__namespace.ɵɵelementEnd();
         }
     }
-    function CaseFlagTableComponent_table_0_tbody_16_tr_1_Template(rf, ctx) {
+    function CaseFlagTableComponent_table_0_tbody_17_tr_1_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "tr", 16);
-            i0__namespace.ɵɵelementStart(1, "td", 17);
+            i0__namespace.ɵɵelementStart(0, "tr", 15);
+            i0__namespace.ɵɵelementStart(1, "td", 16);
             i0__namespace.ɵɵelementStart(2, "div");
             i0__namespace.ɵɵtext(3);
             i0__namespace.ɵɵelementEnd();
@@ -18948,93 +18889,95 @@
             i0__namespace.ɵɵtext(5);
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(6, "td", 17);
+            i0__namespace.ɵɵelementStart(6, "td", 16);
             i0__namespace.ɵɵtext(7);
             i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(8, "td", 17);
+            i0__namespace.ɵɵelementStart(8, "td", 16);
             i0__namespace.ɵɵtext(9);
             i0__namespace.ɵɵpipe(10, "date");
             i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(11, "td", 17);
+            i0__namespace.ɵɵelementStart(11, "td", 16);
             i0__namespace.ɵɵtext(12);
             i0__namespace.ɵɵpipe(13, "date");
             i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(14, "td", 17);
-            i0__namespace.ɵɵtemplate(15, CaseFlagTableComponent_table_0_tbody_16_tr_1_strong_15_Template, 2, 0, "strong", 18);
-            i0__namespace.ɵɵtemplate(16, CaseFlagTableComponent_table_0_tbody_16_tr_1_strong_16_Template, 2, 0, "strong", 19);
-            i0__namespace.ɵɵtemplate(17, CaseFlagTableComponent_table_0_tbody_16_tr_1_strong_17_Template, 2, 0, "strong", 19);
-            i0__namespace.ɵɵtemplate(18, CaseFlagTableComponent_table_0_tbody_16_tr_1_strong_18_Template, 2, 0, "strong", 20);
+            i0__namespace.ɵɵelementStart(14, "td", 16);
+            i0__namespace.ɵɵtemplate(15, CaseFlagTableComponent_table_0_tbody_17_tr_1_strong_15_Template, 2, 0, "strong", 17);
+            i0__namespace.ɵɵtemplate(16, CaseFlagTableComponent_table_0_tbody_17_tr_1_strong_16_Template, 2, 0, "strong", 18);
+            i0__namespace.ɵɵtemplate(17, CaseFlagTableComponent_table_0_tbody_17_tr_1_strong_17_Template, 2, 0, "strong", 18);
+            i0__namespace.ɵɵtemplate(18, CaseFlagTableComponent_table_0_tbody_17_tr_1_strong_18_Template, 2, 0, "strong", 19);
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var flagDetail_r5 = ctx.$implicit;
-            var ctx_r4 = i0__namespace.ɵɵnextContext(3);
+            var flagDetail_r4 = ctx.$implicit;
+            var ctx_r3 = i0__namespace.ɵɵnextContext(3);
             i0__namespace.ɵɵadvance(3);
-            i0__namespace.ɵɵtextInterpolate(flagDetail_r5.name);
+            i0__namespace.ɵɵtextInterpolate(flagDetail_r4.name);
             i0__namespace.ɵɵadvance(2);
-            i0__namespace.ɵɵtextInterpolate(flagDetail_r5.otherDescription);
+            i0__namespace.ɵɵtextInterpolate(flagDetail_r4.otherDescription);
             i0__namespace.ɵɵadvance(2);
-            i0__namespace.ɵɵtextInterpolate(flagDetail_r5.flagComment);
+            i0__namespace.ɵɵtextInterpolate(flagDetail_r4.flagComment);
             i0__namespace.ɵɵadvance(2);
-            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind2(10, 9, flagDetail_r5.dateTimeCreated, "dd LLL yyyy"));
+            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind2(10, 9, flagDetail_r4.dateTimeCreated, "dd LLL yyyy"));
             i0__namespace.ɵɵadvance(3);
-            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind2(13, 12, flagDetail_r5.dateTimeModified, "dd LLL yyyy"));
+            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind2(13, 12, flagDetail_r4.dateTimeModified, "dd LLL yyyy"));
             i0__namespace.ɵɵadvance(3);
-            i0__namespace.ɵɵproperty("ngIf", flagDetail_r5.status === ctx_r4.caseFlagStatus.ACTIVE);
+            i0__namespace.ɵɵproperty("ngIf", flagDetail_r4.status === ctx_r3.caseFlagStatus.ACTIVE);
             i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("ngIf", flagDetail_r5.status === ctx_r4.caseFlagStatus.INACTIVE);
+            i0__namespace.ɵɵproperty("ngIf", flagDetail_r4.status === ctx_r3.caseFlagStatus.INACTIVE);
             i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("ngIf", flagDetail_r5.status === ctx_r4.caseFlagStatus.REQUESTED);
+            i0__namespace.ɵɵproperty("ngIf", flagDetail_r4.status === ctx_r3.caseFlagStatus.REQUESTED);
             i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("ngIf", flagDetail_r5.status === ctx_r4.caseFlagStatus.NOT_APPROVED);
+            i0__namespace.ɵɵproperty("ngIf", flagDetail_r4.status === ctx_r3.caseFlagStatus.NOT_APPROVED);
         }
     }
-    function CaseFlagTableComponent_table_0_tbody_16_Template(rf, ctx) {
+    function CaseFlagTableComponent_table_0_tbody_17_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "tbody", 10);
-            i0__namespace.ɵɵtemplate(1, CaseFlagTableComponent_table_0_tbody_16_tr_1_Template, 19, 15, "tr", 15);
+            i0__namespace.ɵɵtemplate(1, CaseFlagTableComponent_table_0_tbody_17_tr_1_Template, 19, 15, "tr", 14);
             i0__namespace.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var ctx_r3 = i0__namespace.ɵɵnextContext(2);
+            var ctx_r2 = i0__namespace.ɵɵnextContext(2);
             i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("ngForOf", ctx_r3.flagData.flags.details);
+            i0__namespace.ɵɵproperty("ngForOf", ctx_r2.flagData.flags.details);
         }
     }
     function CaseFlagTableComponent_table_0_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "table", 1);
-            i0__namespace.ɵɵtemplate(1, CaseFlagTableComponent_table_0_caption_1_Template, 2, 1, "caption", 2);
-            i0__namespace.ɵɵelementStart(2, "thead", 3);
-            i0__namespace.ɵɵelementStart(3, "tr", 4);
-            i0__namespace.ɵɵelementStart(4, "th", 5);
-            i0__namespace.ɵɵtext(5);
+            i0__namespace.ɵɵelementStart(1, "caption", 2);
+            i0__namespace.ɵɵtext(2);
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(3, "thead", 3);
+            i0__namespace.ɵɵelementStart(4, "tr", 4);
+            i0__namespace.ɵɵelementStart(5, "th", 5);
+            i0__namespace.ɵɵtext(6);
             i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(6, "th", 6);
-            i0__namespace.ɵɵtext(7, "Comments");
+            i0__namespace.ɵɵelementStart(7, "th", 6);
+            i0__namespace.ɵɵtext(8, "Comments");
             i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(8, "th", 7);
-            i0__namespace.ɵɵtext(9, "Creation date");
+            i0__namespace.ɵɵelementStart(9, "th", 7);
+            i0__namespace.ɵɵtext(10, "Creation date");
             i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(10, "th", 8);
-            i0__namespace.ɵɵtext(11, "Last modified");
+            i0__namespace.ɵɵelementStart(11, "th", 8);
+            i0__namespace.ɵɵtext(12, "Last modified");
             i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(12, "th", 9);
-            i0__namespace.ɵɵtext(13, "Flag status");
+            i0__namespace.ɵɵelementStart(13, "th", 9);
+            i0__namespace.ɵɵtext(14, "Flag status");
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(14, "tbody", 10);
-            i0__namespace.ɵɵtemplate(15, CaseFlagTableComponent_table_0_tr_15_Template, 3, 0, "tr", 11);
+            i0__namespace.ɵɵelementStart(15, "tbody", 10);
+            i0__namespace.ɵɵtemplate(16, CaseFlagTableComponent_table_0_tr_16_Template, 3, 0, "tr", 11);
             i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵtemplate(16, CaseFlagTableComponent_table_0_tbody_16_Template, 2, 1, "tbody", 12);
+            i0__namespace.ɵɵtemplate(17, CaseFlagTableComponent_table_0_tbody_17_Template, 2, 1, "tbody", 12);
             i0__namespace.ɵɵelementEnd();
         }
         if (rf & 2) {
             var ctx_r0 = i0__namespace.ɵɵnextContext();
-            i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("ngIf", ctx_r0.tableCaption);
+            i0__namespace.ɵɵadvance(2);
+            i0__namespace.ɵɵtextInterpolate(ctx_r0.tableCaption);
             i0__namespace.ɵɵadvance(4);
             i0__namespace.ɵɵtextInterpolate(ctx_r0.firstColumnHeader);
             i0__namespace.ɵɵadvance(10);
@@ -19056,9 +18999,9 @@
         return CaseFlagTableComponent;
     }());
     CaseFlagTableComponent.ɵfac = function CaseFlagTableComponent_Factory(t) { return new (t || CaseFlagTableComponent)(); };
-    CaseFlagTableComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: CaseFlagTableComponent, selectors: [["ccd-case-flag-table"]], inputs: { tableCaption: "tableCaption", flagData: "flagData", firstColumnHeader: "firstColumnHeader" }, decls: 1, vars: 1, consts: [["class", "govuk-table", 4, "ngIf"], [1, "govuk-table"], ["class", "govuk-table__caption govuk-table__caption--l", 4, "ngIf"], [1, "govuk-table__head"], [1, "govuk-table__row"], ["scope", "col", 1, "govuk-table__header", "col-party-name"], ["scope", "col", 1, "govuk-table__header", "col-comments"], ["scope", "col", 1, "govuk-table__header", "col-creation-date"], ["scope", "col", 1, "govuk-table__header", "col-last-modified"], ["scope", "col", 1, "govuk-table__header", "col-flag-status"], [1, "govuk-table__body"], [4, "ngIf"], ["class", "govuk-table__body", 4, "ngIf"], [1, "govuk-table__caption", "govuk-table__caption--l"], ["colspan", "5"], ["scope", "row", "class", "govuk-table__row", 4, "ngFor", "ngForOf"], ["scope", "row", 1, "govuk-table__row"], [1, "govuk-table__cell"], ["class", "govuk-tag", 4, "ngIf"], ["class", "govuk-tag govuk-tag--grey", 4, "ngIf"], ["class", "govuk-tag govuk-tag--red", 4, "ngIf"], [1, "govuk-tag"], [1, "govuk-tag", "govuk-tag--grey"], [1, "govuk-tag", "govuk-tag--red"]], template: function CaseFlagTableComponent_Template(rf, ctx) {
+    CaseFlagTableComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: CaseFlagTableComponent, selectors: [["ccd-case-flag-table"]], inputs: { tableCaption: "tableCaption", flagData: "flagData", firstColumnHeader: "firstColumnHeader" }, decls: 1, vars: 1, consts: [["class", "govuk-table", 4, "ngIf"], [1, "govuk-table"], [1, "govuk-table__caption", "govuk-table__caption--l"], [1, "govuk-table__head"], [1, "govuk-table__row"], ["scope", "col", 1, "govuk-table__header", "col-party-name"], ["scope", "col", 1, "govuk-table__header", "col-comments"], ["scope", "col", 1, "govuk-table__header", "col-creation-date"], ["scope", "col", 1, "govuk-table__header", "col-last-modified"], ["scope", "col", 1, "govuk-table__header", "col-flag-status"], [1, "govuk-table__body"], [4, "ngIf"], ["class", "govuk-table__body", 4, "ngIf"], ["colspan", "5"], ["scope", "row", "class", "govuk-table__row", 4, "ngFor", "ngForOf"], ["scope", "row", 1, "govuk-table__row"], [1, "govuk-table__cell"], ["class", "govuk-tag", 4, "ngIf"], ["class", "govuk-tag govuk-tag--grey", 4, "ngIf"], ["class", "govuk-tag govuk-tag--red", 4, "ngIf"], [1, "govuk-tag"], [1, "govuk-tag", "govuk-tag--grey"], [1, "govuk-tag", "govuk-tag--red"]], template: function CaseFlagTableComponent_Template(rf, ctx) {
             if (rf & 1) {
-                i0__namespace.ɵɵtemplate(0, CaseFlagTableComponent_table_0_Template, 17, 4, "table", 0);
+                i0__namespace.ɵɵtemplate(0, CaseFlagTableComponent_table_0_Template, 18, 4, "table", 0);
             }
             if (rf & 2) {
                 i0__namespace.ɵɵproperty("ngIf", ctx.flagData);
@@ -23190,7 +23133,7 @@
     i0__namespace.ɵɵsetComponentScope(ReadComplexFieldTableComponent, [i1__namespace.NgForOf, i1__namespace.NgIf, FieldReadComponent], [ReadFieldsFilterPipe, IsCompoundPipe]);
     i0__namespace.ɵɵsetComponentScope(ReadComplexFieldCollectionTableComponent, [i1__namespace.NgForOf, i1__namespace.NgIf, FieldReadComponent,
         ReadCaseLinkFieldComponent], [ReadFieldsFilterPipe, CcdCollectionTableCaseFieldsFilterPipe, i1__namespace.KeyValuePipe, IsCompoundPipe]);
-    i0__namespace.ɵɵsetComponentScope(ReadCaseFlagFieldComponent, [i1__namespace.NgSwitch, i1__namespace.NgSwitchCase, CaseFlagSummaryListComponent, i1__namespace.NgForOf, i1__namespace.NgIf, CaseFlagTableComponent, i1__namespace.NgSwitchDefault], []);
+    i0__namespace.ɵɵsetComponentScope(ReadCaseFlagFieldComponent, [i1__namespace.NgSwitch, i1__namespace.NgSwitchCase, CaseFlagSummaryListComponent, i1__namespace.NgSwitchDefault, i1__namespace.NgForOf, i1__namespace.NgIf, CaseFlagTableComponent], []);
     i0__namespace.ɵɵsetComponentScope(WriteAddressFieldComponent, [i1__namespace.NgIf, i1__namespace.NgClass, i1__namespace$3.DefaultValueAccessor, i1__namespace$3.NgControlStatus, i1__namespace$3.FormControlDirective, i1__namespace$3.SelectControlValueAccessor, i1__namespace.NgForOf, i1__namespace$3.NgSelectOption, i1__namespace$3.ɵangular_packages_forms_forms_z, WriteComplexFieldComponent, i1__namespace$3.NgControlStatusGroup, i1__namespace$3.FormGroupDirective], [FieldLabelPipe]);
     i0__namespace.ɵɵsetComponentScope(WriteComplexFieldComponent, [i1__namespace.NgIf, i1__namespace.NgForOf, i1__namespace.NgSwitch, i1__namespace.NgSwitchCase, FieldReadComponent, LabelSubstitutorDirective, i1__namespace$3.NgControlStatusGroup, i1__namespace$3.FormGroupDirective, FieldWriteComponent], [FieldLabelPipe, IsReadOnlyPipe]);
     i0__namespace.ɵɵsetComponentScope(WriteDocumentFieldComponent, [i1__namespace.NgClass, i1__namespace.NgIf, ReadDocumentFieldComponent], [FieldLabelPipe]);
@@ -23240,6 +23183,13 @@
         EventCompletionReturnStates["CancelEvent"] = "cancel-event";
     })(exports.EventCompletionReturnStates || (exports.EventCompletionReturnStates = {}));
 
+    var CaseEditSubmitTitles;
+    (function (CaseEditSubmitTitles) {
+        CaseEditSubmitTitles["REVIEW_SUPPORT_REQUEST"] = "Review support request";
+        CaseEditSubmitTitles["REVIEW_FLAG_DETAILS"] = "Review flag details";
+        CaseEditSubmitTitles["CHECK_YOUR_ANSWERS"] = "Check your answers";
+    })(CaseEditSubmitTitles || (CaseEditSubmitTitles = {}));
+
     function CaseEditSubmitComponent_div_0_div_3_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelement(0, "div");
@@ -23411,13 +23361,13 @@
             i0__namespace.ɵɵadvance(1);
             i0__namespace.ɵɵproperty("caseField", field_r21)("hidden", field_r21.hidden)("formGroup", ctx_r22.editForm.controls["data"])("contextFields", ctx_r22.contextFields);
             i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("ngIf", !ctx_r22.isLabel(field_r21) && !ctx_r22.isCaseFlagSubmission);
+            i0__namespace.ɵɵproperty("ngIf", !ctx_r22.isLabel(field_r21) && !ctx_r22.caseFlagField);
             i0__namespace.ɵɵadvance(1);
             i0__namespace.ɵɵattribute("colspan", ctx_r22.isLabel(field_r21) ? "2" : "1");
             i0__namespace.ɵɵadvance(1);
             i0__namespace.ɵɵproperty("formGroup", ctx_r22.editForm.controls["data"])("topLevelFormGroup", ctx_r22.editForm.controls["data"])("caseField", ctx_r22.summaryCaseField(field_r21))("context", ctx_r22.paletteContext)("caseFields", ctx_r22.contextFields);
             i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("ngIf", ctx_r22.eventTrigger.id !== "createCaseFlag");
+            i0__namespace.ɵɵproperty("ngIf", ctx_r22.eventTrigger.id !== "createCaseFlag" && ctx_r22.eventTrigger.id !== "requestSupport");
         }
     }
     function CaseEditSubmitComponent_div_0_ng_container_12_ng_container_6_ng_container_1_ng_container_1_Template(rf, ctx) {
@@ -23482,7 +23432,7 @@
             i0__namespace.ɵɵadvance(2);
             i0__namespace.ɵɵtextInterpolate(ctx_r9.pageTitle);
             i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("ngIf", !ctx_r9.isCaseFlagSubmission);
+            i0__namespace.ɵɵproperty("ngIf", !ctx_r9.caseFlagField);
             i0__namespace.ɵɵadvance(3);
             i0__namespace.ɵɵproperty("ngForOf", ctx_r9.wizard.pages);
         }
@@ -23696,7 +23646,6 @@
             this.ignoreWarning = false;
             this.paletteContext = exports.PaletteContext.CHECK_YOUR_ANSWER;
             this.eventCompletionChecksRequired = false;
-            this.isCaseFlagSubmission = false;
         }
         Object.defineProperty(CaseEditSubmitComponent.prototype, "isDisabled", {
             get: function () {
@@ -23711,6 +23660,7 @@
         });
         CaseEditSubmitComponent.prototype.ngOnInit = function () {
             var _this = this;
+            var _a, _b;
             this.profileSubscription = this.profileNotifier.profile.subscribe(function (_) { return _this.profile = _; });
             this.eventTrigger = this.caseEdit.eventTrigger;
             this.triggerText = this.eventTrigger.end_button_label || CallbackErrorsComponent.TRIGGER_TEXT_SUBMIT;
@@ -23721,8 +23671,11 @@
             this.contextFields = this.getCaseFields();
             // Indicates if the submission is for a Case Flag, as opposed to a "regular" form submission, by the presence of
             // a FlagLauncher field in the event trigger
-            this.isCaseFlagSubmission = this.eventTrigger.case_fields.some(function (caseField) { return FieldsUtils.isFlagLauncherCaseField(caseField); });
-            this.pageTitle = this.isCaseFlagSubmission ? 'Review flag details' : 'Check your answers';
+            this.caseFlagField = this.eventTrigger.case_fields.find(function (caseField) { return FieldsUtils.isFlagLauncherCaseField(caseField); });
+            var isCaseFlagExternalMode = ((_a = this.caseFlagField) === null || _a === void 0 ? void 0 : _a.display_context_parameter) === '#ARGUMENT(UPDATE,EXTERNAL)' ||
+                ((_b = this.caseFlagField) === null || _b === void 0 ? void 0 : _b.display_context_parameter) === '#ARGUMENT(CREATE,EXTERNAL)';
+            this.pageTitle = this.caseFlagField ? (isCaseFlagExternalMode ? CaseEditSubmitTitles.REVIEW_SUPPORT_REQUEST : CaseEditSubmitTitles.REVIEW_FLAG_DETAILS)
+                : CaseEditSubmitTitles.CHECK_YOUR_ANSWERS;
         };
         CaseEditSubmitComponent.prototype.ngOnDestroy = function () {
             if (this.profileSubscription) {
@@ -23777,7 +23730,7 @@
             this.formValueService.removeEmptyCollectionsWithMinValidation(caseEventData.data, this.eventTrigger.case_fields);
             // If this is a Case Flag submission (and thus a FlagLauncher field is present in the event trigger), the flag
             // details data needs populating for each Flags field, then the FlagLauncher field needs removing
-            if (this.isCaseFlagSubmission) {
+            if (this.caseFlagField) {
                 this.formValueService.populateFlagDetailsFromCaseFields(caseEventData.data, this.eventTrigger.case_fields);
                 this.formValueService.removeFlagLauncherField(caseEventData.data, this.eventTrigger.case_fields);
             }
@@ -23962,17 +23915,17 @@
             return !this.caseFieldService.isReadOnly(field);
         };
         CaseEditSubmitComponent.prototype.checkYourAnswerFieldsToDisplayExists = function () {
-            var e_1, _a, e_2, _b;
+            var e_1, _c, e_2, _d;
             if (!this.eventTrigger.show_summary) {
                 return false;
             }
             try {
-                for (var _c = __values(this.wizard.pages), _d = _c.next(); !_d.done; _d = _c.next()) {
-                    var page = _d.value;
+                for (var _e = __values(this.wizard.pages), _f = _e.next(); !_f.done; _f = _e.next()) {
+                    var page = _f.value;
                     if (this.isShown(page)) {
                         try {
-                            for (var _e = (e_2 = void 0, __values(page.case_fields)), _f = _e.next(); !_f.done; _f = _e.next()) {
-                                var field = _f.value;
+                            for (var _g = (e_2 = void 0, __values(page.case_fields)), _h = _g.next(); !_h.done; _h = _g.next()) {
+                                var field = _h.value;
                                 if (this.canShowFieldInCYA(field)) {
                                     // at least one field needs showing
                                     return true;
@@ -23982,7 +23935,7 @@
                         catch (e_2_1) { e_2 = { error: e_2_1 }; }
                         finally {
                             try {
-                                if (_f && !_f.done && (_b = _e.return)) _b.call(_e);
+                                if (_h && !_h.done && (_d = _g.return)) _d.call(_g);
                             }
                             finally { if (e_2) throw e_2.error; }
                         }
@@ -23992,7 +23945,7 @@
             catch (e_1_1) { e_1 = { error: e_1_1 }; }
             finally {
                 try {
-                    if (_d && !_d.done && (_a = _c.return)) _a.call(_c);
+                    if (_f && !_f.done && (_c = _e.return)) _c.call(_e);
                 }
                 finally { if (e_1) throw e_1.error; }
             }
@@ -27107,17 +27060,13 @@
                 // Bypass validation if the CaseEventData data object contains a FlagLauncher field; this field type cannot be
                 // validated like regular fields. Need to match this field id against that of the defined FlagLauncher CaseField
                 // (if it exists on any CaseTab)
-                var flagLauncherCaseField;
+                var flagLauncherCaseFields = [];
                 if (_this.caseDetails.tabs) {
                     try {
                         for (var _b = __values(_this.caseDetails.tabs), _c = _b.next(); !_c.done; _c = _b.next()) {
                             var tab = _c.value;
                             if (tab.fields) {
-                                flagLauncherCaseField = tab.fields.find(function (caseField) { return FieldsUtils.isFlagLauncherCaseField(caseField); });
-                                // Stop searching for a FlagLauncher field as soon as it is found
-                                if (flagLauncherCaseField) {
-                                    break;
-                                }
+                                flagLauncherCaseFields.push.apply(flagLauncherCaseFields, __spread(tab.fields.filter(function (caseField) { return FieldsUtils.isFlagLauncherCaseField(caseField); })));
                             }
                         }
                     }
@@ -27129,9 +27078,8 @@
                         finally { if (e_1) throw e_1.error; }
                     }
                 }
-                return flagLauncherCaseField && sanitizedEditForm.data.hasOwnProperty(flagLauncherCaseField.id)
-                    ? rxjs.of(null)
-                    : _this.casesService.validateCase(_this.caseDetails.case_type.id, sanitizedEditForm, pageId);
+                var isThereAnyFlagLauncherField = flagLauncherCaseFields.length > 0;
+                return isThereAnyFlagLauncherField ? rxjs.of(null) : _this.casesService.validateCase(_this.caseDetails.case_type.id, sanitizedEditForm, pageId);
             };
         };
         CaseEventTriggerComponent.prototype.submitted = function (event) {
@@ -32747,6 +32695,7 @@
                 complex_fields: typeComplexFields || []
             },
             display_context: display_context || 'OPTIONAL',
+            display_context_parameter: display_context || 'OPTIONAL',
             label: label || 'First name',
             show_summary_content_option: show_summary_content_option,
             retain_hidden_value: retain_hidden_value || false,