@hmcts/ccd-case-ui-toolkit 7.4.14-exui-5288-v1 → 7.4.15-EXUI-5378

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/fesm2022/hmcts-ccd-case-ui-toolkit.mjs +127 -231
  2. package/fesm2022/hmcts-ccd-case-ui-toolkit.mjs.map +1 -1
  3. package/index.d.ts +3 -5
  4. package/index.d.ts.map +1 -1
  5. package/package.json +2 -2
package/fesm2022/hmcts-ccd-case-ui-toolkit.mjs CHANGED
@@ -2759,8 +2759,7 @@ var CaseFlagFormFields;
2759
2759
  CaseFlagFormFields["OTHER_FLAG_DESCRIPTION"] = "otherDescription";
2760
2760
  CaseFlagFormFields["OTHER_FLAG_DESCRIPTION_WELSH"] = "otherDescription_cy";
2761
2761
  CaseFlagFormFields["STATUS"] = "status";
2762
- CaseFlagFormFields["UPDATE_COMMENT"] = "flagUpdateComment";
2763
- CaseFlagFormFields["UPDATE_COMMENT_WELSH"] = "flagUpdateComment_cy";
2762
+ CaseFlagFormFields["STATUS_CHANGE_REASON"] = "flagStatusReasonChange";
2764
2763
  CaseFlagFormFields["IS_WELSH_TRANSLATION_NEEDED"] = "flagIsWelshTranslationNeeded";
2765
2764
  CaseFlagFormFields["IS_VISIBLE_INTERNALLY_ONLY"] = "flagIsVisibleInternallyOnly";
2766
2765
  })(CaseFlagFormFields || (CaseFlagFormFields = {}));
@@ -2880,7 +2879,6 @@ var UpdateFlagStep;
2880
2879
  UpdateFlagStep["CHARACTER_LIMIT_INFO"] = "You can enter up to 200 characters";
2881
2880
  UpdateFlagStep["STATUS_HINT_TEXT"] = "Describe reason for status change.";
2882
2881
  UpdateFlagStep["STATUS_REASON_LABEL"] = "Reason for change";
2883
- UpdateFlagStep["STATUS_REASON_WELSH_LABEL"] = "Reason for change (Welsh)";
2884
2882
  UpdateFlagStep["WARNING_TEXT"] = "The details entered here MAY be visible to the party in the future.";
2885
2883
  })(UpdateFlagStep || (UpdateFlagStep = {}));
2886
2884
 
@@ -15951,7 +15949,6 @@ class WriteCaseFlagFieldComponent extends AbstractFieldWriteJourneyComponent {
15951
15949
  flagDetail.value.flagComment = originalFlagDetail.value?.flagComment || null;
15952
15950
  flagDetail.value.flagComment_cy = originalFlagDetail.value?.flagComment_cy || null;
15953
15951
  flagDetail.value.flagUpdateComment = originalFlagDetail.value?.flagUpdateComment || null;
15954
- flagDetail.value.flagUpdateComment_cy = originalFlagDetail.value?.flagUpdateComment_cy || null;
15955
15952
  flagDetail.value.status = originalFlagDetail.value?.status;
15956
15953
  flagDetail.value.dateTimeModified = originalFlagDetail.value?.dateTimeModified || null;
15957
15954
  }
@@ -15992,7 +15989,6 @@ class WriteCaseFlagFieldComponent extends AbstractFieldWriteJourneyComponent {
15992
15989
  // Ensure that any comments entered with language set to Welsh do not end up in the English comments field
15993
15990
  if (this.rpxTranslationService.language !== 'cy') {
15994
15991
  flagDetailToUpdate.value.flagComment = this.caseFlagParentFormGroup.get(CaseFlagFormFields.COMMENTS)?.value;
15995
- flagDetailToUpdate.value.flagUpdateComment = this.caseFlagParentFormGroup.get(CaseFlagFormFields.UPDATE_COMMENT)?.value;
15996
15992
  }
15997
15993
  // Populate from the *English* comments field if:
15998
15994
  // * The Welsh comments field has no value (Welsh comments field acquires a value only when an HMCTS internal user has
@@ -16007,13 +16003,7 @@ class WriteCaseFlagFieldComponent extends AbstractFieldWriteJourneyComponent {
16007
16003
  ? this.caseFlagParentFormGroup.get(CaseFlagFormFields.COMMENTS)?.value
16008
16004
  : null;
16009
16005
  }
16010
- if (this.caseFlagParentFormGroup.get(CaseFlagFormFields.UPDATE_COMMENT_WELSH) || this.rpxTranslationService.language === 'cy') {
16011
- flagDetailToUpdate.value.flagUpdateComment_cy = this.caseFlagParentFormGroup.get(CaseFlagFormFields.UPDATE_COMMENT_WELSH)?.value
16012
- ? this.caseFlagParentFormGroup.get(CaseFlagFormFields.UPDATE_COMMENT_WELSH)?.value
16013
- : this.rpxTranslationService.language === 'cy'
16014
- ? this.caseFlagParentFormGroup.get(CaseFlagFormFields.UPDATE_COMMENT)?.value
16015
- : null;
16016
- }
16006
+ flagDetailToUpdate.value.flagUpdateComment = this.caseFlagParentFormGroup.get(CaseFlagFormFields.STATUS_CHANGE_REASON)?.value;
16017
16007
  flagDetailToUpdate.value.status = CaseFlagStatus[this.caseFlagParentFormGroup.get(CaseFlagFormFields.STATUS)?.value];
16018
16008
  flagDetailToUpdate.value.dateTimeModified = new Date().toISOString();
16019
16009
  }
@@ -31265,34 +31255,6 @@ function CaseFlagSummaryListComponent_dl_0_div_39_Template(rf, ctx) { if (rf & 1
31265
31255
  i0.ɵɵadvance(3);
31266
31256
  i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(12, 8, ctx_r1.updateFlagStep.STATUS_REASON_LABEL));
31267
31257
  } }
31268
- function CaseFlagSummaryListComponent_dl_0_div_40_Template(rf, ctx) { if (rf & 1) {
31269
- const _r8 = i0.ɵɵgetCurrentView();
31270
- i0.ɵɵelementStart(0, "div", 2)(1, "dt", 3);
31271
- i0.ɵɵtext(2);
31272
- i0.ɵɵpipe(3, "rpxTranslate");
31273
- i0.ɵɵelementEnd();
31274
- i0.ɵɵelementStart(4, "dd", 4);
31275
- i0.ɵɵtext(5);
31276
- i0.ɵɵelementEnd();
31277
- i0.ɵɵelementStart(6, "dd", 5)(7, "a", 6);
31278
- i0.ɵɵlistener("click", function CaseFlagSummaryListComponent_dl_0_div_40_Template_a_click_7_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); ctx_r1.changeButtonEmitter.emit(ctx_r1.caseFlagFieldState.FLAG_UPDATE_WELSH_TRANSLATION); return i0.ɵɵresetView($event.preventDefault()); });
31279
- i0.ɵɵtext(8);
31280
- i0.ɵɵpipe(9, "rpxTranslate");
31281
- i0.ɵɵelementStart(10, "span", 7);
31282
- i0.ɵɵtext(11);
31283
- i0.ɵɵpipe(12, "rpxTranslate");
31284
- i0.ɵɵelementEnd()()()();
31285
- } if (rf & 2) {
31286
- const ctx_r1 = i0.ɵɵnextContext(2);
31287
- i0.ɵɵadvance(2);
31288
- i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(3, 4, ctx_r1.updateFlagStep.STATUS_REASON_WELSH_LABEL), " ");
31289
- i0.ɵɵadvance(3);
31290
- i0.ɵɵtextInterpolate1(" ", ctx_r1.flagUpdateCommentsWelsh, " ");
31291
- i0.ɵɵadvance(3);
31292
- i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(9, 6, "Change"));
31293
- i0.ɵɵadvance(3);
31294
- i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(12, 8, ctx_r1.updateFlagStep.STATUS_REASON_WELSH_LABEL));
31295
- } }
31296
31258
  function CaseFlagSummaryListComponent_dl_0_Template(rf, ctx) { if (rf & 1) {
31297
31259
  const _r1 = i0.ɵɵgetCurrentView();
31298
31260
  i0.ɵɵelementStart(0, "dl", 1)(1, "div", 2)(2, "dt", 3);
@@ -31337,26 +31299,26 @@ function CaseFlagSummaryListComponent_dl_0_Template(rf, ctx) { if (rf & 1) {
31337
31299
  i0.ɵɵelementStart(37, "dd", 5);
31338
31300
  i0.ɵɵtemplate(38, CaseFlagSummaryListComponent_dl_0_a_38_Template, 6, 6, "a", 9);
31339
31301
  i0.ɵɵelementEnd()();
31340
- i0.ɵɵtemplate(39, CaseFlagSummaryListComponent_dl_0_div_39_Template, 13, 10, "div", 8)(40, CaseFlagSummaryListComponent_dl_0_div_40_Template, 13, 10, "div", 8);
31302
+ i0.ɵɵtemplate(39, CaseFlagSummaryListComponent_dl_0_div_39_Template, 13, 10, "div", 8);
31341
31303
  i0.ɵɵelementEnd();
31342
31304
  } if (rf & 2) {
31343
31305
  const ctx_r1 = i0.ɵɵnextContext();
31344
31306
  i0.ɵɵadvance(3);
31345
- i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(4, 16, ctx_r1.addUpdateFlagHeaderText), " ");
31307
+ i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(4, 15, ctx_r1.addUpdateFlagHeaderText), " ");
31346
31308
  i0.ɵɵadvance(3);
31347
31309
  i0.ɵɵtextInterpolate1(" ", ctx_r1.flagForSummaryDisplay.partyName || ctx_r1.caseFlagCheckYourAnswersPageStep.CASE_LEVEL_LOCATION, " ");
31348
31310
  i0.ɵɵadvance(3);
31349
- i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(10, 18, "Change"));
31311
+ i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(10, 17, "Change"));
31350
31312
  i0.ɵɵadvance(3);
31351
- i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(13, 20, "party name"));
31313
+ i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(13, 19, "party name"));
31352
31314
  i0.ɵɵadvance(4);
31353
- i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(17, 22, ctx_r1.flagTypeHeaderText), " ");
31315
+ i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(17, 21, ctx_r1.flagTypeHeaderText), " ");
31354
31316
  i0.ɵɵadvance(3);
31355
31317
  i0.ɵɵtextInterpolate1(" ", ctx_r1.flagDescription, " ");
31356
31318
  i0.ɵɵadvance(3);
31357
- i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(23, 24, "Change"));
31319
+ i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(23, 23, "Change"));
31358
31320
  i0.ɵɵadvance(3);
31359
- i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(26, 26, "flag type"));
31321
+ i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(26, 25, "flag type"));
31360
31322
  i0.ɵɵadvance(2);
31361
31323
  i0.ɵɵproperty("ngIf", (ctx_r1.flagDescriptionWelsh == null ? null : ctx_r1.flagDescriptionWelsh.length) > 0 && !ctx_r1.externalUserUpdate);
31362
31324
  i0.ɵɵadvance();
@@ -31364,15 +31326,13 @@ function CaseFlagSummaryListComponent_dl_0_Template(rf, ctx) { if (rf & 1) {
31364
31326
  i0.ɵɵadvance();
31365
31327
  i0.ɵɵproperty("ngIf", (ctx_r1.flagCommentsWelsh == null ? null : ctx_r1.flagCommentsWelsh.length) > 0 && !ctx_r1.externalUserUpdate);
31366
31328
  i0.ɵɵadvance(3);
31367
- i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(33, 28, "Status"), " ");
31329
+ i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(33, 27, "Status"), " ");
31368
31330
  i0.ɵɵadvance(3);
31369
- i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(36, 30, ctx_r1.flagStatus), " ");
31331
+ i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(36, 29, ctx_r1.flagStatus), " ");
31370
31332
  i0.ɵɵadvance(3);
31371
31333
  i0.ɵɵproperty("ngIf", ctx_r1.is2Point1Enabled);
31372
31334
  i0.ɵɵadvance();
31373
- i0.ɵɵproperty("ngIf", ctx_r1.is2Point1Enabled && (ctx_r1.flagUpdateComments == null ? null : ctx_r1.flagUpdateComments.length) > 0);
31374
- i0.ɵɵadvance();
31375
- i0.ɵɵproperty("ngIf", ctx_r1.is2Point1Enabled && (ctx_r1.flagUpdateCommentsWelsh == null ? null : ctx_r1.flagUpdateCommentsWelsh.length) > 0);
31335
+ i0.ɵɵproperty("ngIf", ctx_r1.is2Point1Update && (ctx_r1.flagUpdateComments == null ? null : ctx_r1.flagUpdateComments.length) > 0);
31376
31336
  } }
31377
31337
  class CaseFlagSummaryListComponent {
31378
31338
  rpxTranslationService;
@@ -31387,7 +31347,6 @@ class CaseFlagSummaryListComponent {
31387
31347
  otherDescription;
31388
31348
  otherDescriptionWelsh;
31389
31349
  flagUpdateComments;
31390
- flagUpdateCommentsWelsh;
31391
31350
  summaryListDisplayMode;
31392
31351
  addUpdateFlagHeaderText;
31393
31352
  caseFlagFieldState = CaseFlagFieldState;
@@ -31408,8 +31367,9 @@ class CaseFlagSummaryListComponent {
31408
31367
  this.flagDescriptionWelsh = flagDetail.otherDescription_cy;
31409
31368
  this.flagComments = flagDetail.flagComment;
31410
31369
  this.flagCommentsWelsh = flagDetail.flagComment_cy;
31411
- this.flagUpdateComments = flagDetail.flagUpdateComment;
31412
- this.flagUpdateCommentsWelsh = flagDetail.flagUpdateComment_cy;
31370
+ // Flag update comments will be coming from the flagStatusReasonChange property instead of flagUpdateComment
31371
+ // because these haven't been persisted yet
31372
+ this.flagUpdateComments = flagDetail['flagStatusReasonChange'];
31413
31373
  this.flagStatus = flagDetail.status;
31414
31374
  this.addUpdateFlagHeaderText = this.getAddUpdateFlagHeaderText();
31415
31375
  this.flagTypeHeaderText = this.getFlagTypeHeaderText();
@@ -31479,14 +31439,14 @@ class CaseFlagSummaryListComponent {
31479
31439
  }
31480
31440
  static ɵfac = function CaseFlagSummaryListComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CaseFlagSummaryListComponent)(i0.ɵɵdirectiveInject(i1.RpxTranslationService)); };
31481
31441
  static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CaseFlagSummaryListComponent, selectors: [["ccd-case-flag-summary-list"]], inputs: { flagForSummaryDisplay: "flagForSummaryDisplay", displayContextParameter: "displayContextParameter" }, outputs: { changeButtonEmitter: "changeButtonEmitter" }, standalone: false, decls: 1, vars: 1, consts: [["class", "govuk-summary-list", 4, "ngIf"], [1, "govuk-summary-list"], [1, "govuk-summary-list__row"], [1, "govuk-summary-list__key"], [1, "govuk-summary-list__value"], [1, "govuk-summary-list__actions"], ["href", "#", 1, "govuk-link", 3, "click"], [1, "govuk-visually-hidden"], ["class", "govuk-summary-list__row", 4, "ngIf"], ["class", "govuk-link", "href", "#", 3, "click", 4, "ngIf"]], template: function CaseFlagSummaryListComponent_Template(rf, ctx) { if (rf & 1) {
31482
- i0.ɵɵtemplate(0, CaseFlagSummaryListComponent_dl_0_Template, 41, 32, "dl", 0);
31442
+ i0.ɵɵtemplate(0, CaseFlagSummaryListComponent_dl_0_Template, 40, 31, "dl", 0);
31483
31443
  } if (rf & 2) {
31484
31444
  i0.ɵɵproperty("ngIf", ctx.flagForSummaryDisplay);
31485
31445
  } }, dependencies: [i5.NgIf, i1.RpxTranslatePipe], encapsulation: 2 });
31486
31446
  }
31487
31447
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaseFlagSummaryListComponent, [{
31488
31448
  type: Component,
31489
- args: [{ selector: 'ccd-case-flag-summary-list', standalone: false, template: "<dl class=\"govuk-summary-list\" *ngIf=\"flagForSummaryDisplay\">\n <div class=\"govuk-summary-list__row\">\n <dt class=\"govuk-summary-list__key\">\n {{addUpdateFlagHeaderText | rpxTranslate}}\n </dt>\n <dd class=\"govuk-summary-list__value\">\n {{flagForSummaryDisplay.partyName || caseFlagCheckYourAnswersPageStep.CASE_LEVEL_LOCATION }}\n </dd>\n <dd class=\"govuk-summary-list__actions\">\n <a class=\"govuk-link\" href=\"#\"\n (click)=\"changeButtonEmitter.emit(this.summaryListDisplayMode === displayMode.MANAGE ? caseFlagFieldState.FLAG_MANAGE_CASE_FLAGS : caseFlagFieldState.FLAG_LOCATION); $event.preventDefault()\">\n {{'Change' | rpxTranslate}}<span class=\"govuk-visually-hidden\"> {{'party name' | rpxTranslate}}</span>\n </a>\n </dd>\n </div>\n <div class=\"govuk-summary-list__row\">\n <dt class=\"govuk-summary-list__key\">\n {{flagTypeHeaderText | rpxTranslate}}\n </dt>\n <dd class=\"govuk-summary-list__value\">\n {{flagDescription}}\n </dd>\n <dd class=\"govuk-summary-list__actions\">\n <a class=\"govuk-link\" href=\"#\"\n (click)=\"changeButtonEmitter.emit(this.summaryListDisplayMode === displayMode.MANAGE ? caseFlagFieldState.FLAG_UPDATE : caseFlagFieldState.FLAG_TYPE); $event.preventDefault()\">\n {{'Change' | rpxTranslate}}<span class=\"govuk-visually-hidden\"> {{'flag type' | rpxTranslate}}</span>\n </a>\n </dd>\n </div>\n <div class=\"govuk-summary-list__row\" *ngIf=\"flagDescriptionWelsh?.length > 0 && !externalUserUpdate\">\n <dt class=\"govuk-summary-list__key\">\n {{'Other description (Welsh)' | rpxTranslate}}\n </dt>\n <dd class=\"govuk-summary-list__value\">\n {{flagDescriptionWelsh}}\n </dd>\n <dd class=\"govuk-summary-list__actions\">\n <a class=\"govuk-link\" href=\"#\"\n (click)=\"changeButtonEmitter.emit(this.summaryListDisplayMode === displayMode.MANAGE ? caseFlagFieldState.FLAG_UPDATE_WELSH_TRANSLATION : caseFlagFieldState.FLAG_TYPE); $event.preventDefault()\">\n {{'Change' | rpxTranslate}}<span class=\"govuk-visually-hidden\"> {{'other description (Welsh)' | rpxTranslate}}</span>\n </a>\n </dd>\n </div>\n <div class=\"govuk-summary-list__row\" *ngIf=\"flagComments?.length > 0\">\n <dt class=\"govuk-summary-list__key\">\n {{'Comments' | rpxTranslate}}\n </dt>\n <dd class=\"govuk-summary-list__value\">\n {{externalUserUpdate ? flagUpdateComments : flagComments}}\n </dd>\n <dd class=\"govuk-summary-list__actions\">\n <a class=\"govuk-link\" href=\"#\"\n (click)=\"changeButtonEmitter.emit(this.summaryListDisplayMode === displayMode.MANAGE ? caseFlagFieldState.FLAG_UPDATE : caseFlagFieldState.FLAG_COMMENTS); $event.preventDefault()\">\n {{'Change' | rpxTranslate}}<span class=\"govuk-visually-hidden\"> {{'comments' | rpxTranslate}}</span>\n </a>\n </dd>\n </div>\n <div class=\"govuk-summary-list__row\" *ngIf=\"flagCommentsWelsh?.length > 0 && !externalUserUpdate\">\n <dt class=\"govuk-summary-list__key\">\n {{'Comments (Welsh)' | rpxTranslate}}\n </dt>\n <dd class=\"govuk-summary-list__value\">\n {{flagCommentsWelsh}}\n </dd>\n <dd class=\"govuk-summary-list__actions\">\n <a class=\"govuk-link\" href=\"#\"\n (click)=\"changeButtonEmitter.emit(this.summaryListDisplayMode === displayMode.MANAGE ? caseFlagFieldState.FLAG_UPDATE_WELSH_TRANSLATION : caseFlagFieldState.FLAG_COMMENTS); $event.preventDefault()\">\n {{'Change' | rpxTranslate}}<span class=\"govuk-visually-hidden\"> {{'comments (Welsh)' | rpxTranslate}}</span>\n </a>\n </dd>\n </div>\n <div class=\"govuk-summary-list__row\">\n <dt class=\"govuk-summary-list__key\">\n {{'Status' | rpxTranslate}}\n </dt>\n <dd class=\"govuk-summary-list__value\">\n {{flagStatus | rpxTranslate}}\n </dd>\n <dd class=\"govuk-summary-list__actions\">\n <a *ngIf=\"is2Point1Enabled\" class=\"govuk-link\" href=\"#\"\n (click)=\"changeButtonEmitter.emit(this.summaryListDisplayMode === displayMode.MANAGE ? caseFlagFieldState.FLAG_UPDATE : caseFlagFieldState.FLAG_STATUS); $event.preventDefault()\">\n {{'Change' | rpxTranslate}}<span class=\"govuk-visually-hidden\"> {{'status' | rpxTranslate}}</span>\n </a>\n </dd>\n </div>\n <div class=\"govuk-summary-list__row\" *ngIf=\"is2Point1Enabled && flagUpdateComments?.length > 0\">\n <dt class=\"govuk-summary-list__key\">\n {{updateFlagStep.STATUS_REASON_LABEL | rpxTranslate}}\n </dt>\n <dd class=\"govuk-summary-list__value\">\n {{flagUpdateComments}}\n </dd>\n <dd class=\"govuk-summary-list__actions\">\n <a class=\"govuk-link\" href=\"#\"\n (click)=\"changeButtonEmitter.emit(caseFlagFieldState.FLAG_UPDATE); $event.preventDefault()\">\n {{'Change' | rpxTranslate}}<span class=\"govuk-visually-hidden\"> {{updateFlagStep.STATUS_REASON_LABEL | rpxTranslate}}</span>\n </a>\n </dd>\n </div>\n <div class=\"govuk-summary-list__row\" *ngIf=\"is2Point1Enabled && flagUpdateCommentsWelsh?.length > 0\">\n <dt class=\"govuk-summary-list__key\">\n {{updateFlagStep.STATUS_REASON_WELSH_LABEL | rpxTranslate}}\n </dt>\n <dd class=\"govuk-summary-list__value\">\n {{flagUpdateCommentsWelsh}}\n </dd>\n <dd class=\"govuk-summary-list__actions\">\n <a class=\"govuk-link\" href=\"#\"\n (click)=\"changeButtonEmitter.emit(caseFlagFieldState.FLAG_UPDATE_WELSH_TRANSLATION); $event.preventDefault()\">\n {{'Change' | rpxTranslate}}<span class=\"govuk-visually-hidden\"> {{updateFlagStep.STATUS_REASON_WELSH_LABEL | rpxTranslate}}</span>\n </a>\n </dd>\n </div>\n</dl>\n" }]
31449
+ args: [{ selector: 'ccd-case-flag-summary-list', standalone: false, template: "<dl class=\"govuk-summary-list\" *ngIf=\"flagForSummaryDisplay\">\n <div class=\"govuk-summary-list__row\">\n <dt class=\"govuk-summary-list__key\">\n {{addUpdateFlagHeaderText | rpxTranslate}}\n </dt>\n <dd class=\"govuk-summary-list__value\">\n {{flagForSummaryDisplay.partyName || caseFlagCheckYourAnswersPageStep.CASE_LEVEL_LOCATION }}\n </dd>\n <dd class=\"govuk-summary-list__actions\">\n <a class=\"govuk-link\" href=\"#\"\n (click)=\"changeButtonEmitter.emit(this.summaryListDisplayMode === displayMode.MANAGE ? caseFlagFieldState.FLAG_MANAGE_CASE_FLAGS : caseFlagFieldState.FLAG_LOCATION); $event.preventDefault()\">\n {{'Change' | rpxTranslate}}<span class=\"govuk-visually-hidden\"> {{'party name' | rpxTranslate}}</span>\n </a>\n </dd>\n </div>\n <div class=\"govuk-summary-list__row\">\n <dt class=\"govuk-summary-list__key\">\n {{flagTypeHeaderText | rpxTranslate}}\n </dt>\n <dd class=\"govuk-summary-list__value\">\n {{flagDescription}}\n </dd>\n <dd class=\"govuk-summary-list__actions\">\n <a class=\"govuk-link\" href=\"#\"\n (click)=\"changeButtonEmitter.emit(this.summaryListDisplayMode === displayMode.MANAGE ? caseFlagFieldState.FLAG_UPDATE : caseFlagFieldState.FLAG_TYPE); $event.preventDefault()\">\n {{'Change' | rpxTranslate}}<span class=\"govuk-visually-hidden\"> {{'flag type' | rpxTranslate}}</span>\n </a>\n </dd>\n </div>\n <div class=\"govuk-summary-list__row\" *ngIf=\"flagDescriptionWelsh?.length > 0 && !externalUserUpdate\">\n <dt class=\"govuk-summary-list__key\">\n {{'Other description (Welsh)' | rpxTranslate}}\n </dt>\n <dd class=\"govuk-summary-list__value\">\n {{flagDescriptionWelsh}}\n </dd>\n <dd class=\"govuk-summary-list__actions\">\n <a class=\"govuk-link\" href=\"#\"\n (click)=\"changeButtonEmitter.emit(this.summaryListDisplayMode === displayMode.MANAGE ? caseFlagFieldState.FLAG_UPDATE_WELSH_TRANSLATION : caseFlagFieldState.FLAG_TYPE); $event.preventDefault()\">\n {{'Change' | rpxTranslate}}<span class=\"govuk-visually-hidden\"> {{'other description (Welsh)' | rpxTranslate}}</span>\n </a>\n </dd>\n </div>\n <div class=\"govuk-summary-list__row\" *ngIf=\"flagComments?.length > 0\">\n <dt class=\"govuk-summary-list__key\">\n {{'Comments' | rpxTranslate}}\n </dt>\n <dd class=\"govuk-summary-list__value\">\n {{externalUserUpdate ? flagUpdateComments : flagComments}}\n </dd>\n <dd class=\"govuk-summary-list__actions\">\n <a class=\"govuk-link\" href=\"#\"\n (click)=\"changeButtonEmitter.emit(this.summaryListDisplayMode === displayMode.MANAGE ? caseFlagFieldState.FLAG_UPDATE : caseFlagFieldState.FLAG_COMMENTS); $event.preventDefault()\">\n {{'Change' | rpxTranslate}}<span class=\"govuk-visually-hidden\"> {{'comments' | rpxTranslate}}</span>\n </a>\n </dd>\n </div>\n <div class=\"govuk-summary-list__row\" *ngIf=\"flagCommentsWelsh?.length > 0 && !externalUserUpdate\">\n <dt class=\"govuk-summary-list__key\">\n {{'Comments (Welsh)' | rpxTranslate}}\n </dt>\n <dd class=\"govuk-summary-list__value\">\n {{flagCommentsWelsh}}\n </dd>\n <dd class=\"govuk-summary-list__actions\">\n <a class=\"govuk-link\" href=\"#\"\n (click)=\"changeButtonEmitter.emit(this.summaryListDisplayMode === displayMode.MANAGE ? caseFlagFieldState.FLAG_UPDATE_WELSH_TRANSLATION : caseFlagFieldState.FLAG_COMMENTS); $event.preventDefault()\">\n {{'Change' | rpxTranslate}}<span class=\"govuk-visually-hidden\"> {{'comments (Welsh)' | rpxTranslate}}</span>\n </a>\n </dd>\n </div>\n <div class=\"govuk-summary-list__row\">\n <dt class=\"govuk-summary-list__key\">\n {{'Status' | rpxTranslate}}\n </dt>\n <dd class=\"govuk-summary-list__value\">\n {{flagStatus | rpxTranslate}}\n </dd>\n <dd class=\"govuk-summary-list__actions\">\n <a *ngIf=\"is2Point1Enabled\" class=\"govuk-link\" href=\"#\"\n (click)=\"changeButtonEmitter.emit(this.summaryListDisplayMode === displayMode.MANAGE ? caseFlagFieldState.FLAG_UPDATE : caseFlagFieldState.FLAG_STATUS); $event.preventDefault()\">\n {{'Change' | rpxTranslate}}<span class=\"govuk-visually-hidden\"> {{'status' | rpxTranslate}}</span>\n </a>\n </dd>\n </div>\n <div class=\"govuk-summary-list__row\" *ngIf=\"is2Point1Update && flagUpdateComments?.length > 0\">\n <dt class=\"govuk-summary-list__key\">\n {{updateFlagStep.STATUS_REASON_LABEL | rpxTranslate}}\n </dt>\n <dd class=\"govuk-summary-list__value\">\n {{flagUpdateComments}}\n </dd>\n <dd class=\"govuk-summary-list__actions\">\n <a class=\"govuk-link\" href=\"#\"\n (click)=\"changeButtonEmitter.emit(caseFlagFieldState.FLAG_UPDATE); $event.preventDefault()\">\n {{'Change' | rpxTranslate}}<span class=\"govuk-visually-hidden\"> {{updateFlagStep.STATUS_REASON_LABEL | rpxTranslate}}</span>\n </a>\n </dd>\n </div>\n</dl>\n" }]
31490
31450
  }], () => [{ type: i1.RpxTranslationService }], { flagForSummaryDisplay: [{
31491
31451
  type: Input
31492
31452
  }], displayContextParameter: [{
@@ -31543,12 +31503,11 @@ function CaseFlagTableComponent_table_0_tbody_20_tr_1_div_3_Template(rf, ctx) {
31543
31503
  function CaseFlagTableComponent_table_0_tbody_20_tr_1_div_14_Template(rf, ctx) { if (rf & 1) {
31544
31504
  i0.ɵɵelementStart(0, "div")(1, "span", 26);
31545
31505
  i0.ɵɵtext(2);
31546
- i0.ɵɵpipe(3, "flagFieldDisplay");
31547
31506
  i0.ɵɵelementEnd()();
31548
31507
  } if (rf & 2) {
31549
31508
  const flagDetail_r2 = i0.ɵɵnextContext().$implicit;
31550
31509
  i0.ɵɵadvance(2);
31551
- i0.ɵɵtextInterpolate1("Update Reason: ", i0.ɵɵpipeBind2(3, 1, flagDetail_r2, "flagUpdateComment"));
31510
+ i0.ɵɵtextInterpolate1("Update Reason: ", flagDetail_r2.flagUpdateComment);
31552
31511
  } }
31553
31512
  function CaseFlagTableComponent_table_0_tbody_20_tr_1_strong_22_Template(rf, ctx) { if (rf & 1) {
31554
31513
  i0.ɵɵelementStart(0, "strong", 27);
@@ -31601,7 +31560,7 @@ function CaseFlagTableComponent_table_0_tbody_20_tr_1_Template(rf, ctx) { if (rf
31601
31560
  i0.ɵɵtext(12);
31602
31561
  i0.ɵɵpipe(13, "flagFieldDisplay");
31603
31562
  i0.ɵɵelementEnd();
31604
- i0.ɵɵtemplate(14, CaseFlagTableComponent_table_0_tbody_20_tr_1_div_14_Template, 4, 4, "div", 11);
31563
+ i0.ɵɵtemplate(14, CaseFlagTableComponent_table_0_tbody_20_tr_1_div_14_Template, 3, 1, "div", 11);
31605
31564
  i0.ɵɵelementEnd();
31606
31565
  i0.ɵɵelementStart(15, "td", 17);
31607
31566
  i0.ɵɵtext(16);
@@ -31630,7 +31589,7 @@ function CaseFlagTableComponent_table_0_tbody_20_tr_1_Template(rf, ctx) { if (rf
31630
31589
  i0.ɵɵadvance();
31631
31590
  i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(13, 19, flagDetail_r2, "flagComment"), " ");
31632
31591
  i0.ɵɵadvance(2);
31633
- i0.ɵɵproperty("ngIf", (flagDetail_r2.status === ctx_r0.caseFlagStatus.NOT_APPROVED || flagDetail_r2.status === ctx_r0.caseFlagStatus.INACTIVE) && flagDetail_r2.flagUpdateComment);
31592
+ i0.ɵɵproperty("ngIf", !ctx_r0.caseFlagsExternalUser && (flagDetail_r2.status === ctx_r0.caseFlagStatus.NOT_APPROVED || flagDetail_r2.status === ctx_r0.caseFlagStatus.INACTIVE) && flagDetail_r2.flagUpdateComment);
31634
31593
  i0.ɵɵadvance(2);
31635
31594
  i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(17, 22, flagDetail_r2.dateTimeCreated, "dd LLL yyyy"));
31636
31595
  i0.ɵɵadvance(3);
@@ -31723,7 +31682,7 @@ class CaseFlagTableComponent {
31723
31682
  }
31724
31683
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaseFlagTableComponent, [{
31725
31684
  type: Component,
31726
- args: [{ selector: 'ccd-case-flag-table', standalone: false, template: "<table class=\"govuk-table\" *ngIf=\"flagData\">\n <caption class=\"govuk-table__caption govuk-table__caption--l\" *ngIf=\"tableCaption\">{{tableCaption}}</caption>\n <thead class=\"govuk-table__head\">\n <tr class=\"govuk-table__row\">\n <th scope=\"col\" class=\"govuk-table__header col-party-name\">{{firstColumnHeader}}</th>\n <th scope=\"col\" class=\"govuk-table__header col-comments\">{{'Comments' | rpxTranslate}}</th>\n <th scope=\"col\" class=\"govuk-table__header col-creation-date\">{{'Creation date' | rpxTranslate}}</th>\n <th scope=\"col\" class=\"govuk-table__header col-last-modified\">{{'Last modified' | rpxTranslate}}</th>\n <th scope=\"col\" class=\"govuk-table__header col-flag-status\">{{'Flag status' | rpxTranslate}}</th>\n </tr>\n </thead>\n <tbody class=\"govuk-table__body\">\n <tr *ngIf=\"!flagData.flags.details || (flagData.flags.details && flagData.flags.details.length === 0)\">\n <td colspan=\"5\">{{'None' | rpxTranslate}}</td>\n </tr>\n </tbody>\n <tbody class=\"govuk-table__body\" *ngIf=\"flagData.flags.details && flagData.flags.details.length > 0\">\n <tr scope=\"row\" class=\"govuk-table__row\" *ngFor=\"let flagDetail of flagData.flags.details\">\n <td class=\"govuk-table__cell\">\n <div *ngIf=\"isActivePvpFlag(flagDetail)\">\n <svg class=\"hmcts-banner__icon\" fill=\"currentColor\" role=\"presentation\" aria-hidden=\"true\" focusable=\"false\"\n xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 25 25\" height=\"25\" width=\"25\">\n <path d=\"M13.6,15.4h-2.3v-4.5h2.3V15.4z M13.6,19.8h-2.3v-2.2h2.3V19.8z M0,23.2h25L12.5,2L0,23.2z\"></path>\n </svg>\n <span class=\"govuk-!-font-weight-bold\">{{pvpDisplayText}}</span>\n </div>\n <div *ngIf=\"!isActivePvpFlag(flagDetail)\">{{flagDetail | flagFieldDisplay:'name'}}</div>\n <div>{{flagDetail | flagFieldDisplay:'otherDescription'}}</div>\n <div>{{flagDetail | flagFieldDisplay:'subTypeValue'}}</div>\n </td>\n <td class=\"govuk-table__cell\">\n <div [ngClass]=\"{'govuk-!-font-weight-bold': isActivePvpFlag(flagDetail)}\">\n {{flagDetail | flagFieldDisplay:'flagComment'}}\n </div>\n <div *ngIf=\"(flagDetail.status === caseFlagStatus.NOT_APPROVED || flagDetail.status === caseFlagStatus.INACTIVE) &&\n flagDetail.flagUpdateComment\">\n <span class=\"govuk-!-font-weight-bold\">Update Reason: {{flagDetail | flagFieldDisplay:'flagUpdateComment'}}</span>\n </div>\n </td>\n <td class=\"govuk-table__cell\">{{flagDetail.dateTimeCreated | date: 'dd LLL yyyy'}}</td>\n <td class=\"govuk-table__cell\">{{flagDetail.dateTimeModified | date: 'dd LLL yyyy'}}</td>\n <td class=\"govuk-table__cell cell-flag-status\">\n <strong *ngIf=\"flagDetail.status === caseFlagStatus.ACTIVE\" class=\"govuk-tag govuk-tag--turquoise\">{{'Active' | rpxTranslate}}</strong>\n <strong *ngIf=\"flagDetail.status === caseFlagStatus.INACTIVE\" class=\"govuk-tag govuk-tag--grey\">{{'Inactive' | rpxTranslate}}</strong>\n <strong *ngIf=\"flagDetail.status === caseFlagStatus.REQUESTED\" class=\"govuk-tag govuk-tag--yellow\">{{'Requested' | rpxTranslate}}</strong>\n <strong *ngIf=\"flagDetail.status === caseFlagStatus.NOT_APPROVED\" class=\"govuk-tag govuk-tag--red\">{{'Not approved' | rpxTranslate}}</strong>\n </td>\n </tr>\n </tbody>\n</table>\n", styles: [".govuk-table .govuk-table__caption{margin-top:10px}.govuk-table .govuk-table__head .govuk-table__row .col-party-name{width:24%}.govuk-table .govuk-table__head .govuk-table__row .col-comments{width:42%}.govuk-table .govuk-table__head .govuk-table__row .col-creation-date,.govuk-table .govuk-table__head .govuk-table__row .col-last-modified{width:12%}.govuk-table .govuk-table__head .govuk-table__row .col-flag-status{width:10%}.govuk-table .govuk-table__body .govuk-table__row .cell-flag-status{white-space:nowrap}\n"] }]
31685
+ args: [{ selector: 'ccd-case-flag-table', standalone: false, template: "<table class=\"govuk-table\" *ngIf=\"flagData\">\n <caption class=\"govuk-table__caption govuk-table__caption--l\" *ngIf=\"tableCaption\">{{tableCaption}}</caption>\n <thead class=\"govuk-table__head\">\n <tr class=\"govuk-table__row\">\n <th scope=\"col\" class=\"govuk-table__header col-party-name\">{{firstColumnHeader}}</th>\n <th scope=\"col\" class=\"govuk-table__header col-comments\">{{'Comments' | rpxTranslate}}</th>\n <th scope=\"col\" class=\"govuk-table__header col-creation-date\">{{'Creation date' | rpxTranslate}}</th>\n <th scope=\"col\" class=\"govuk-table__header col-last-modified\">{{'Last modified' | rpxTranslate}}</th>\n <th scope=\"col\" class=\"govuk-table__header col-flag-status\">{{'Flag status' | rpxTranslate}}</th>\n </tr>\n </thead>\n <tbody class=\"govuk-table__body\">\n <tr *ngIf=\"!flagData.flags.details || (flagData.flags.details && flagData.flags.details.length === 0)\">\n <td colspan=\"5\">{{'None' | rpxTranslate}}</td>\n </tr>\n </tbody>\n <tbody class=\"govuk-table__body\" *ngIf=\"flagData.flags.details && flagData.flags.details.length > 0\">\n <tr scope=\"row\" class=\"govuk-table__row\" *ngFor=\"let flagDetail of flagData.flags.details\">\n <td class=\"govuk-table__cell\">\n <div *ngIf=\"isActivePvpFlag(flagDetail)\">\n <svg class=\"hmcts-banner__icon\" fill=\"currentColor\" role=\"presentation\" aria-hidden=\"true\" focusable=\"false\"\n xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 25 25\" height=\"25\" width=\"25\">\n <path d=\"M13.6,15.4h-2.3v-4.5h2.3V15.4z M13.6,19.8h-2.3v-2.2h2.3V19.8z M0,23.2h25L12.5,2L0,23.2z\"></path>\n </svg>\n <span class=\"govuk-!-font-weight-bold\">{{pvpDisplayText}}</span>\n </div>\n <div *ngIf=\"!isActivePvpFlag(flagDetail)\">{{flagDetail | flagFieldDisplay:'name'}}</div>\n <div>{{flagDetail | flagFieldDisplay:'otherDescription'}}</div>\n <div>{{flagDetail | flagFieldDisplay:'subTypeValue'}}</div>\n </td>\n <td class=\"govuk-table__cell\">\n <div [ngClass]=\"{'govuk-!-font-weight-bold': isActivePvpFlag(flagDetail)}\">\n {{flagDetail | flagFieldDisplay:'flagComment'}}\n </div>\n <div *ngIf=\"!caseFlagsExternalUser &&\n (flagDetail.status === caseFlagStatus.NOT_APPROVED || flagDetail.status === caseFlagStatus.INACTIVE) &&\n flagDetail.flagUpdateComment\">\n <span class=\"govuk-!-font-weight-bold\">Update Reason: {{flagDetail.flagUpdateComment}}</span>\n </div>\n </td>\n <td class=\"govuk-table__cell\">{{flagDetail.dateTimeCreated | date: 'dd LLL yyyy'}}</td>\n <td class=\"govuk-table__cell\">{{flagDetail.dateTimeModified | date: 'dd LLL yyyy'}}</td>\n <td class=\"govuk-table__cell cell-flag-status\">\n <strong *ngIf=\"flagDetail.status === caseFlagStatus.ACTIVE\" class=\"govuk-tag govuk-tag--turquoise\">{{'Active' | rpxTranslate}}</strong>\n <strong *ngIf=\"flagDetail.status === caseFlagStatus.INACTIVE\" class=\"govuk-tag govuk-tag--grey\">{{'Inactive' | rpxTranslate}}</strong>\n <strong *ngIf=\"flagDetail.status === caseFlagStatus.REQUESTED\" class=\"govuk-tag govuk-tag--yellow\">{{'Requested' | rpxTranslate}}</strong>\n <strong *ngIf=\"flagDetail.status === caseFlagStatus.NOT_APPROVED\" class=\"govuk-tag govuk-tag--red\">{{'Not approved' | rpxTranslate}}</strong>\n </td>\n </tr>\n </tbody>\n</table>\n", styles: [".govuk-table .govuk-table__caption{margin-top:10px}.govuk-table .govuk-table__head .govuk-table__row .col-party-name{width:24%}.govuk-table .govuk-table__head .govuk-table__row .col-comments{width:42%}.govuk-table .govuk-table__head .govuk-table__row .col-creation-date,.govuk-table .govuk-table__head .govuk-table__row .col-last-modified{width:12%}.govuk-table .govuk-table__head .govuk-table__row .col-flag-status{width:10%}.govuk-table .govuk-table__body .govuk-table__row .cell-flag-status{white-space:nowrap}\n"] }]
31727
31686
  }], null, { tableCaption: [{
31728
31687
  type: Input
31729
31688
  }], flagData: [{
@@ -33252,7 +33211,7 @@ function UpdateFlagComponent_ng_template_18_Template(rf, ctx) { if (rf & 1) {
33252
33211
  i0.ɵɵadvance();
33253
33212
  i0.ɵɵproperty("ngIf", ctx_r0.statusReasonCharLimitErrorMessage);
33254
33213
  i0.ɵɵadvance();
33255
- i0.ɵɵproperty("id", ctx_r0.caseFlagFormFields.UPDATE_COMMENT)("name", ctx_r0.caseFlagFormFields.UPDATE_COMMENT)("formControlName", ctx_r0.caseFlagFormFields.UPDATE_COMMENT);
33214
+ i0.ɵɵproperty("id", ctx_r0.caseFlagFormFields.STATUS_CHANGE_REASON)("name", ctx_r0.caseFlagFormFields.STATUS_CHANGE_REASON)("formControlName", ctx_r0.caseFlagFormFields.STATUS_CHANGE_REASON);
33256
33215
  i0.ɵɵadvance(3);
33257
33216
  i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(6, 6, ctx_r0.updateFlagStepEnum.CHARACTER_LIMIT_INFO), " ");
33258
33217
  } }
@@ -33410,7 +33369,7 @@ class UpdateFlagComponent extends AbstractJourneyComponent {
33410
33369
  this.formGroup.addControl(CaseFlagFormFields.COMMENTS, new FormControl(existingComments));
33411
33370
  this.formGroup.addControl(CaseFlagFormFields.STATUS, new FormControl(currentFlagStatusKey));
33412
33371
  // Populate status reason only if the user is not external
33413
- this.formGroup.addControl(CaseFlagFormFields.UPDATE_COMMENT, new FormControl(this.externalUserUpdate ? '' : this.flagDetail.flagUpdateComment));
33372
+ this.formGroup.addControl(CaseFlagFormFields.STATUS_CHANGE_REASON, new FormControl(this.externalUserUpdate ? '' : this.flagDetail.flagUpdateComment));
33414
33373
  this.formGroup.addControl(CaseFlagFormFields.IS_WELSH_TRANSLATION_NEEDED, new FormControl(false));
33415
33374
  this.updateFlagTitle = this.setUpdateCaseFlagTitle(this.flagDetail);
33416
33375
  // Set the valid status options for display, based on current status of the selected flag. "Active" flags can
@@ -33516,7 +33475,7 @@ class UpdateFlagComponent extends AbstractJourneyComponent {
33516
33475
  fieldId: CaseFlagFormFields.COMMENTS
33517
33476
  });
33518
33477
  }
33519
- const statusReason = this.formGroup.get(CaseFlagFormFields.UPDATE_COMMENT)?.value;
33478
+ const statusReason = this.formGroup.get(CaseFlagFormFields.STATUS_CHANGE_REASON)?.value;
33520
33479
  const flagStatusNotApprovedKey = Object.keys(CaseFlagStatus).find((key) => CaseFlagStatus[key] === CaseFlagStatus.NOT_APPROVED);
33521
33480
  // Status reason is mandatory if flag status is "Not approved" or user is external
33522
33481
  if (this.formGroup.get(CaseFlagFormFields.STATUS)?.value === flagStatusNotApprovedKey && !statusReason) {
@@ -33524,7 +33483,7 @@ class UpdateFlagComponent extends AbstractJourneyComponent {
33524
33483
  this.errorMessages.push({
33525
33484
  title: '',
33526
33485
  description: UpdateFlagErrorMessage.STATUS_REASON_NOT_ENTERED,
33527
- fieldId: CaseFlagFormFields.UPDATE_COMMENT
33486
+ fieldId: CaseFlagFormFields.STATUS_CHANGE_REASON
33528
33487
  });
33529
33488
  }
33530
33489
  if (this.externalUserUpdate && !statusReason) {
@@ -33532,7 +33491,7 @@ class UpdateFlagComponent extends AbstractJourneyComponent {
33532
33491
  this.errorMessages.push({
33533
33492
  title: '',
33534
33493
  description: UpdateFlagErrorMessage.STATUS_REASON_NOT_ENTERED_EXTERNAL,
33535
- fieldId: CaseFlagFormFields.UPDATE_COMMENT
33494
+ fieldId: CaseFlagFormFields.STATUS_CHANGE_REASON
33536
33495
  });
33537
33496
  }
33538
33497
  if (statusReason && statusReason.length > this.textMaxCharLimit) {
@@ -33540,7 +33499,7 @@ class UpdateFlagComponent extends AbstractJourneyComponent {
33540
33499
  this.errorMessages.push({
33541
33500
  title: '',
33542
33501
  description: UpdateFlagErrorMessage.STATUS_REASON_CHAR_LIMIT_EXCEEDED,
33543
- fieldId: CaseFlagFormFields.UPDATE_COMMENT
33502
+ fieldId: CaseFlagFormFields.STATUS_CHANGE_REASON
33544
33503
  });
33545
33504
  }
33546
33505
  }
@@ -33596,7 +33555,7 @@ class UpdateFlagComponent extends AbstractJourneyComponent {
33596
33555
  }
33597
33556
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(UpdateFlagComponent, [{
33598
33557
  type: Component,
33599
- args: [{ selector: 'ccd-update-flag', standalone: false, template: "<ng-container [formGroup]=\"formGroup\">\n <div class=\"govuk-character-count\" data-module=\"govuk-character-count\" data-maxlength=\"200\">\n <div class=\"govuk-form-group\" [ngClass]=\"{'form-group-error': errorMessages.length > 0}\">\n <h1 class=\"govuk-label-wrapper govuk-!-margin-bottom-4\">\n <label class=\"govuk-label govuk-label--m\">\n {{updateFlagTitle | rpxTranslate}}\n </label>\n </h1>\n <div id=\"update-flag-hint-external\" class=\"govuk-hint\" *ngIf=\"externalUserUpdate\">\n {{selectedFlag?.flagDetailDisplay?.flagDetail | updateFlagTitleDisplay}}\n </div>\n\n <div class=\"govuk-!-margin-bottom-4\">\n <label class=\"govuk-label govuk-label--s\" [for]=\"caseFlagFormFields.COMMENTS\">\n {{\n externalUserUpdate\n ? (updateFlagStepEnum.COMMENT_FIELD_LABEL_EXTERNAL | rpxTranslate)\n : (updateFlagTitle | rpxTranslate) + (' comments' | rpxTranslate)\n }}\n </label>\n <div id=\"update-flag-comments-hint-external\" class=\"govuk-hint\" *ngIf=\"externalUserUpdate\">\n {{updateFlagStepEnum.COMMENT_HINT_TEXT_EXTERNAL | rpxTranslate}}\n </div>\n <ng-container *ngIf=\"internalUserUpdate || internalUser2Point1EnabledUpdate || displayContextParameter === '';\n else externalUser\">\n <div id=\"update-flag-comments-hint\" class=\"govuk-hint\">\n {{\n internalUserUpdate\n ? (updateFlagStepEnum.COMMENT_HINT_TEXT_INTERNAL | rpxTranslate)\n : (updateFlagStepEnum.COMMENT_HINT_TEXT_INTERNAL_2_POINT_1 | rpxTranslate)\n }}\n </div>\n <div class=\"govuk-warning-text\" *ngIf=\"internalUser2Point1EnabledUpdate && externallyVisibleFlag\">\n <span class=\"govuk-warning-text__icon\" aria-hidden=\"true\">!</span>\n <strong class=\"govuk-warning-text__text\">\n <span class=\"govuk-visually-hidden\">{{'Warning' | rpxTranslate}}</span>\n {{updateFlagStepEnum.WARNING_TEXT | rpxTranslate}}\n </strong>\n </div>\n <div id=\"update-flag-comments-not-entered-error-message\" class=\"govuk-error-message\" *ngIf=\"commentsNotEnteredErrorMessage\">\n <span class=\"govuk-visually-hidden\">{{'Error:' | rpxTranslate}}</span> {{commentsNotEnteredErrorMessage | rpxTranslate}}\n </div>\n <div id=\"update-flag-comments-char-limit-error\" class=\"govuk-error-message\" *ngIf=\"commentsCharLimitErrorMessage\">\n <span class=\"govuk-visually-hidden\">{{'Error:' | rpxTranslate}}</span> {{commentsCharLimitErrorMessage | rpxTranslate}}\n </div>\n <textarea class=\"govuk-textarea\"\n [id]=\"caseFlagFormFields.COMMENTS\"\n [name]=\"caseFlagFormFields.COMMENTS\"\n [formControlName]=\"caseFlagFormFields.COMMENTS\"\n rows=\"5\"\n aria-describedby=\"update-flag-comments-hint update-flag-comments-char-limit-info update-flag-comments-char-limit-error\">\n </textarea>\n <div id=\"update-flag-comments-char-limit-info\" class=\"govuk-hint govuk-character-count__message\" aria-live=\"polite\">\n {{updateFlagStepEnum.CHARACTER_LIMIT_INFO | rpxTranslate}}\n </div>\n </ng-container>\n <ng-template #externalUser>\n <ng-container *ngIf=\"externalUserUpdate\">\n <ng-container *ngTemplateOutlet=\"updateFlagStatusReason\"></ng-container>\n </ng-container>\n </ng-template>\n </div>\n\n <ng-template #updateFlagStatusReason>\n <div id=\"update-flag-status-reason-not-entered-error-message\" class=\"govuk-error-message\" *ngIf=\"statusReasonNotEnteredErrorMessage\">\n <span class=\"govuk-visually-hidden\">{{'Error:' | rpxTranslate}}</span> {{statusReasonNotEnteredErrorMessage | rpxTranslate}}\n </div>\n <div id=\"update-flag-status-reason-char-limit-error\" class=\"govuk-error-message\" *ngIf=\"statusReasonCharLimitErrorMessage\">\n <span class=\"govuk-visually-hidden\">{{'Error:' | rpxTranslate}}</span> {{statusReasonCharLimitErrorMessage | rpxTranslate}}\n </div>\n <textarea class=\"govuk-textarea\"\n [id]=\"caseFlagFormFields.UPDATE_COMMENT\"\n [name]=\"caseFlagFormFields.UPDATE_COMMENT\"\n [formControlName]=\"caseFlagFormFields.UPDATE_COMMENT\"\n rows=\"5\"\n aria-describedby=\"update-flag-comments-hint-external update-flag-status-hint update-flag-status-reason-char-limit-info\n update-flag-status-reason-char-limit-error\">\n </textarea>\n <div id=\"update-flag-status-reason-char-limit-info\" class=\"govuk-hint govuk-character-count__message\" aria-live=\"polite\">\n {{updateFlagStepEnum.CHARACTER_LIMIT_INFO | rpxTranslate}}\n </div>\n </ng-template>\n\n <div id=\"flag-status-container-v2_1\" class=\"govuk-!-margin-bottom-4\" *ngIf=\"internalUser2Point1EnabledUpdate\">\n <fieldset class=\"govuk-fieldset\" aria-describedby=\"update-flag-status-heading\">\n <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--s\">\n <h1 id=\"update-flag-status-heading\" class=\"govuk-fieldset__heading\">\n {{updateFlagTitle | rpxTranslate}} {{'status' | rpxTranslate}}\n </h1>\n </legend>\n <div class=\"govuk-radios govuk-radios--conditional govuk-!-margin-bottom-4\" data-module=\"govuk-radios\" [id]=\"caseFlagFormFields.STATUS\">\n <div class=\"govuk-radios__item\" *ngFor=\"let status of validStatusProgressions\">\n <input class=\"govuk-radios__input\" type=\"radio\"\n [id]=\"caseFlagFormFields.STATUS + '_' + status\"\n [name]=\"caseFlagFormFields.STATUS\"\n [formControlName]=\"caseFlagFormFields.STATUS\"\n [value]=\"status\">\n <label class=\"govuk-label govuk-radios__label\" [for]=\"caseFlagFormFields.STATUS + '_' + status\">\n {{caseFlagStatusEnum[status] | rpxTranslate}}\n </label>\n </div>\n </div>\n </fieldset>\n\n <div id=\"update-flag-status-hint\" class=\"govuk-hint\">\n {{updateFlagStepEnum.STATUS_HINT_TEXT | rpxTranslate}}\n </div>\n <ng-container *ngTemplateOutlet=\"updateFlagStatusReason\"></ng-container>\n </div>\n\n <div id=\"translation-checkbox-container\" class=\"govuk-!-margin-bottom-6\" *ngIf=\"internalUser2Point1EnabledUpdate\">\n <div class=\"govuk-checkboxes\" data-module=\"govuk-checkboxes\">\n <div class=\"govuk-checkboxes__item\">\n <input class=\"govuk-checkboxes__input\" type=\"checkbox\"\n [formControlName]=\"caseFlagFormFields.IS_WELSH_TRANSLATION_NEEDED\"\n [id]=\"caseFlagFormFields.IS_WELSH_TRANSLATION_NEEDED\"\n [name]=\"caseFlagFormFields.IS_WELSH_TRANSLATION_NEEDED\">\n <label class=\"govuk-label govuk-checkboxes__label\"\n [for]=\"caseFlagFormFields.IS_WELSH_TRANSLATION_NEEDED\">\n {{'I need to add a translation' | rpxTranslate}}\n </label>\n </div>\n </div>\n </div>\n\n <div id=\"flag-status-container-v1\" class=\"govuk-grid-row\" *ngIf=\"internalUserUpdate\">\n <div class=\"govuk-grid-column-one-half\">\n <p>{{'Flag status:' | rpxTranslate}}\n <span>\n <strong class=\"govuk-tag\" [ngClass]=\"{'govuk-tag--grey': selectedFlag.flagDetailDisplay.flagDetail.status === 'Inactive'}\">\n {{selectedFlag?.flagDetailDisplay?.flagDetail?.status | rpxTranslate}}\n </strong>\n </span>\n </p>\n </div>\n <div class=\"govuk-grid-column-one-half\">\n <button class=\"button button-secondary\" type=\"button\" (click)=\"onMakeInactive()\" *ngIf=\"selectedFlag.flagDetailDisplay.flagDetail.status === 'Active'\">\n {{'Make inactive' | rpxTranslate}}\n </button>\n </div>\n </div>\n </div>\n </div>\n</ng-container>\n" }]
33558
+ args: [{ selector: 'ccd-update-flag', standalone: false, template: "<ng-container [formGroup]=\"formGroup\">\n <div class=\"govuk-character-count\" data-module=\"govuk-character-count\" data-maxlength=\"200\">\n <div class=\"govuk-form-group\" [ngClass]=\"{'form-group-error': errorMessages.length > 0}\">\n <h1 class=\"govuk-label-wrapper govuk-!-margin-bottom-4\">\n <label class=\"govuk-label govuk-label--m\">\n {{updateFlagTitle | rpxTranslate}}\n </label>\n </h1>\n <div id=\"update-flag-hint-external\" class=\"govuk-hint\" *ngIf=\"externalUserUpdate\">\n {{selectedFlag?.flagDetailDisplay?.flagDetail | updateFlagTitleDisplay}}\n </div>\n\n <div class=\"govuk-!-margin-bottom-4\">\n <label class=\"govuk-label govuk-label--s\" [for]=\"caseFlagFormFields.COMMENTS\">\n {{\n externalUserUpdate\n ? (updateFlagStepEnum.COMMENT_FIELD_LABEL_EXTERNAL | rpxTranslate)\n : (updateFlagTitle | rpxTranslate) + (' comments' | rpxTranslate)\n }}\n </label>\n <div id=\"update-flag-comments-hint-external\" class=\"govuk-hint\" *ngIf=\"externalUserUpdate\">\n {{updateFlagStepEnum.COMMENT_HINT_TEXT_EXTERNAL | rpxTranslate}}\n </div>\n <ng-container *ngIf=\"internalUserUpdate || internalUser2Point1EnabledUpdate || displayContextParameter === '';\n else externalUser\">\n <div id=\"update-flag-comments-hint\" class=\"govuk-hint\">\n {{\n internalUserUpdate\n ? (updateFlagStepEnum.COMMENT_HINT_TEXT_INTERNAL | rpxTranslate)\n : (updateFlagStepEnum.COMMENT_HINT_TEXT_INTERNAL_2_POINT_1 | rpxTranslate)\n }}\n </div>\n <div class=\"govuk-warning-text\" *ngIf=\"internalUser2Point1EnabledUpdate && externallyVisibleFlag\">\n <span class=\"govuk-warning-text__icon\" aria-hidden=\"true\">!</span>\n <strong class=\"govuk-warning-text__text\">\n <span class=\"govuk-visually-hidden\">{{'Warning' | rpxTranslate}}</span>\n {{updateFlagStepEnum.WARNING_TEXT | rpxTranslate}}\n </strong>\n </div>\n <div id=\"update-flag-comments-not-entered-error-message\" class=\"govuk-error-message\" *ngIf=\"commentsNotEnteredErrorMessage\">\n <span class=\"govuk-visually-hidden\">{{'Error:' | rpxTranslate}}</span> {{commentsNotEnteredErrorMessage | rpxTranslate}}\n </div>\n <div id=\"update-flag-comments-char-limit-error\" class=\"govuk-error-message\" *ngIf=\"commentsCharLimitErrorMessage\">\n <span class=\"govuk-visually-hidden\">{{'Error:' | rpxTranslate}}</span> {{commentsCharLimitErrorMessage | rpxTranslate}}\n </div>\n <textarea class=\"govuk-textarea\"\n [id]=\"caseFlagFormFields.COMMENTS\"\n [name]=\"caseFlagFormFields.COMMENTS\"\n [formControlName]=\"caseFlagFormFields.COMMENTS\"\n rows=\"5\"\n aria-describedby=\"update-flag-comments-hint update-flag-comments-char-limit-info update-flag-comments-char-limit-error\">\n </textarea>\n <div id=\"update-flag-comments-char-limit-info\" class=\"govuk-hint govuk-character-count__message\" aria-live=\"polite\">\n {{updateFlagStepEnum.CHARACTER_LIMIT_INFO | rpxTranslate}}\n </div>\n </ng-container>\n <ng-template #externalUser>\n <ng-container *ngIf=\"externalUserUpdate\">\n <ng-container *ngTemplateOutlet=\"updateFlagStatusReason\"></ng-container>\n </ng-container>\n </ng-template>\n </div>\n\n <ng-template #updateFlagStatusReason>\n <div id=\"update-flag-status-reason-not-entered-error-message\" class=\"govuk-error-message\" *ngIf=\"statusReasonNotEnteredErrorMessage\">\n <span class=\"govuk-visually-hidden\">{{'Error:' | rpxTranslate}}</span> {{statusReasonNotEnteredErrorMessage | rpxTranslate}}\n </div>\n <div id=\"update-flag-status-reason-char-limit-error\" class=\"govuk-error-message\" *ngIf=\"statusReasonCharLimitErrorMessage\">\n <span class=\"govuk-visually-hidden\">{{'Error:' | rpxTranslate}}</span> {{statusReasonCharLimitErrorMessage | rpxTranslate}}\n </div>\n <textarea class=\"govuk-textarea\"\n [id]=\"caseFlagFormFields.STATUS_CHANGE_REASON\"\n [name]=\"caseFlagFormFields.STATUS_CHANGE_REASON\"\n [formControlName]=\"caseFlagFormFields.STATUS_CHANGE_REASON\"\n rows=\"5\"\n aria-describedby=\"update-flag-comments-hint-external update-flag-status-hint update-flag-status-reason-char-limit-info\n update-flag-status-reason-char-limit-error\">\n </textarea>\n <div id=\"update-flag-status-reason-char-limit-info\" class=\"govuk-hint govuk-character-count__message\" aria-live=\"polite\">\n {{updateFlagStepEnum.CHARACTER_LIMIT_INFO | rpxTranslate}}\n </div>\n </ng-template>\n\n <div id=\"flag-status-container-v2_1\" class=\"govuk-!-margin-bottom-4\" *ngIf=\"internalUser2Point1EnabledUpdate\">\n <fieldset class=\"govuk-fieldset\" aria-describedby=\"update-flag-status-heading\">\n <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--s\">\n <h1 id=\"update-flag-status-heading\" class=\"govuk-fieldset__heading\">\n {{updateFlagTitle | rpxTranslate}} {{'status' | rpxTranslate}}\n </h1>\n </legend>\n <div class=\"govuk-radios govuk-radios--conditional govuk-!-margin-bottom-4\" data-module=\"govuk-radios\" [id]=\"caseFlagFormFields.STATUS\">\n <div class=\"govuk-radios__item\" *ngFor=\"let status of validStatusProgressions\">\n <input class=\"govuk-radios__input\" type=\"radio\"\n [id]=\"caseFlagFormFields.STATUS + '_' + status\"\n [name]=\"caseFlagFormFields.STATUS\"\n [formControlName]=\"caseFlagFormFields.STATUS\"\n [value]=\"status\">\n <label class=\"govuk-label govuk-radios__label\" [for]=\"caseFlagFormFields.STATUS + '_' + status\">\n {{caseFlagStatusEnum[status] | rpxTranslate}}\n </label>\n </div>\n </div>\n </fieldset>\n\n <div id=\"update-flag-status-hint\" class=\"govuk-hint\">\n {{updateFlagStepEnum.STATUS_HINT_TEXT | rpxTranslate}}\n </div>\n <ng-container *ngTemplateOutlet=\"updateFlagStatusReason\"></ng-container>\n </div>\n\n <div id=\"translation-checkbox-container\" class=\"govuk-!-margin-bottom-6\" *ngIf=\"internalUser2Point1EnabledUpdate\">\n <div class=\"govuk-checkboxes\" data-module=\"govuk-checkboxes\">\n <div class=\"govuk-checkboxes__item\">\n <input class=\"govuk-checkboxes__input\" type=\"checkbox\"\n [formControlName]=\"caseFlagFormFields.IS_WELSH_TRANSLATION_NEEDED\"\n [id]=\"caseFlagFormFields.IS_WELSH_TRANSLATION_NEEDED\"\n [name]=\"caseFlagFormFields.IS_WELSH_TRANSLATION_NEEDED\">\n <label class=\"govuk-label govuk-checkboxes__label\"\n [for]=\"caseFlagFormFields.IS_WELSH_TRANSLATION_NEEDED\">\n {{'I need to add a translation' | rpxTranslate}}\n </label>\n </div>\n </div>\n </div>\n\n <div id=\"flag-status-container-v1\" class=\"govuk-grid-row\" *ngIf=\"internalUserUpdate\">\n <div class=\"govuk-grid-column-one-half\">\n <p>{{'Flag status:' | rpxTranslate}}\n <span>\n <strong class=\"govuk-tag\" [ngClass]=\"{'govuk-tag--grey': selectedFlag.flagDetailDisplay.flagDetail.status === 'Inactive'}\">\n {{selectedFlag?.flagDetailDisplay?.flagDetail?.status | rpxTranslate}}\n </strong>\n </span>\n </p>\n </div>\n <div class=\"govuk-grid-column-one-half\">\n <button class=\"button button-secondary\" type=\"button\" (click)=\"onMakeInactive()\" *ngIf=\"selectedFlag.flagDetailDisplay.flagDetail.status === 'Active'\">\n {{'Make inactive' | rpxTranslate}}\n </button>\n </div>\n </div>\n </div>\n </div>\n</ng-container>\n" }]
33600
33559
  }], () => [{ type: i1.RpxTranslationService }, { type: MultipageComponentStateService }], { formGroup: [{
33601
33560
  type: Input
33602
33561
  }], displayContextParameter: [{
@@ -33607,8 +33566,8 @@ class UpdateFlagComponent extends AbstractJourneyComponent {
33607
33566
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(UpdateFlagComponent, { className: "UpdateFlagComponent", filePath: "lib/shared/components/palette/case-flag/components/update-flag/update-flag.component.ts", lineNumber: 23 }); })();
33608
33567
 
33609
33568
  const _c0$n = a0 => ({ "form-group-error": a0 });
33610
- function UpdateFlagAddTranslationFormComponent_div_14_Template(rf, ctx) { if (rf & 1) {
33611
- i0.ɵɵelementStart(0, "div", 21)(1, "span", 22);
33569
+ function UpdateFlagAddTranslationFormComponent_div_10_div_5_Template(rf, ctx) { if (rf & 1) {
33570
+ i0.ɵɵelementStart(0, "div", 18)(1, "span", 19);
33612
33571
  i0.ɵɵtext(2);
33613
33572
  i0.ɵɵpipe(3, "rpxTranslate");
33614
33573
  i0.ɵɵelementEnd();
@@ -33616,14 +33575,14 @@ function UpdateFlagAddTranslationFormComponent_div_14_Template(rf, ctx) { if (rf
33616
33575
  i0.ɵɵpipe(5, "rpxTranslate");
33617
33576
  i0.ɵɵelementEnd();
33618
33577
  } if (rf & 2) {
33619
- const ctx_r0 = i0.ɵɵnextContext();
33578
+ const ctx_r0 = i0.ɵɵnextContext(2);
33620
33579
  i0.ɵɵadvance(2);
33621
33580
  i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 2, "Error:"));
33622
33581
  i0.ɵɵadvance(2);
33623
33582
  i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(5, 4, ctx_r0.otherFlagDescriptionCharLimitErrorMessage), " ");
33624
33583
  } }
33625
- function UpdateFlagAddTranslationFormComponent_div_24_Template(rf, ctx) { if (rf & 1) {
33626
- i0.ɵɵelementStart(0, "div", 23)(1, "span", 22);
33584
+ function UpdateFlagAddTranslationFormComponent_div_10_div_15_Template(rf, ctx) { if (rf & 1) {
33585
+ i0.ɵɵelementStart(0, "div", 20)(1, "span", 19);
33627
33586
  i0.ɵɵtext(2);
33628
33587
  i0.ɵɵpipe(3, "rpxTranslate");
33629
33588
  i0.ɵɵelementEnd();
@@ -33631,44 +33590,62 @@ function UpdateFlagAddTranslationFormComponent_div_24_Template(rf, ctx) { if (rf
33631
33590
  i0.ɵɵpipe(5, "rpxTranslate");
33632
33591
  i0.ɵɵelementEnd();
33633
33592
  } if (rf & 2) {
33634
- const ctx_r0 = i0.ɵɵnextContext();
33593
+ const ctx_r0 = i0.ɵɵnextContext(2);
33635
33594
  i0.ɵɵadvance(2);
33636
33595
  i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 2, "Error:"));
33637
33596
  i0.ɵɵadvance(2);
33638
33597
  i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(5, 4, ctx_r0.otherFlagDescriptionWelshCharLimitErrorMessage), " ");
33639
33598
  } }
33640
- function UpdateFlagAddTranslationFormComponent_div_34_Template(rf, ctx) { if (rf & 1) {
33641
- i0.ɵɵelementStart(0, "div", 24)(1, "span", 22);
33642
- i0.ɵɵtext(2);
33643
- i0.ɵɵpipe(3, "rpxTranslate");
33599
+ function UpdateFlagAddTranslationFormComponent_div_10_Template(rf, ctx) { if (rf & 1) {
33600
+ i0.ɵɵelementStart(0, "div")(1, "div", 7)(2, "label", 8);
33601
+ i0.ɵɵtext(3);
33602
+ i0.ɵɵpipe(4, "rpxTranslate");
33644
33603
  i0.ɵɵelementEnd();
33645
- i0.ɵɵtext(4);
33646
- i0.ɵɵpipe(5, "rpxTranslate");
33604
+ i0.ɵɵtemplate(5, UpdateFlagAddTranslationFormComponent_div_10_div_5_Template, 6, 6, "div", 14);
33605
+ i0.ɵɵelementStart(6, "textarea", 10);
33606
+ i0.ɵɵtext(7, " ");
33647
33607
  i0.ɵɵelementEnd();
33648
- } if (rf & 2) {
33649
- const ctx_r0 = i0.ɵɵnextContext();
33650
- i0.ɵɵadvance(2);
33651
- i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 2, "Error:"));
33652
- i0.ɵɵadvance(2);
33653
- i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(5, 4, ctx_r0.flagCommentsCharLimitErrorMessage), " ");
33654
- } }
33655
- function UpdateFlagAddTranslationFormComponent_div_44_Template(rf, ctx) { if (rf & 1) {
33656
- i0.ɵɵelementStart(0, "div", 25)(1, "span", 22);
33657
- i0.ɵɵtext(2);
33658
- i0.ɵɵpipe(3, "rpxTranslate");
33608
+ i0.ɵɵelementStart(8, "div", 15);
33609
+ i0.ɵɵtext(9);
33610
+ i0.ɵɵpipe(10, "rpxTranslate");
33611
+ i0.ɵɵelementEnd()();
33612
+ i0.ɵɵelementStart(11, "div", 7)(12, "label", 8);
33613
+ i0.ɵɵtext(13);
33614
+ i0.ɵɵpipe(14, "rpxTranslate");
33659
33615
  i0.ɵɵelementEnd();
33660
- i0.ɵɵtext(4);
33661
- i0.ɵɵpipe(5, "rpxTranslate");
33616
+ i0.ɵɵtemplate(15, UpdateFlagAddTranslationFormComponent_div_10_div_15_Template, 6, 6, "div", 16);
33617
+ i0.ɵɵelementStart(16, "textarea", 10);
33618
+ i0.ɵɵtext(17, " ");
33662
33619
  i0.ɵɵelementEnd();
33620
+ i0.ɵɵelementStart(18, "div", 17);
33621
+ i0.ɵɵtext(19);
33622
+ i0.ɵɵpipe(20, "rpxTranslate");
33623
+ i0.ɵɵelementEnd()()();
33663
33624
  } if (rf & 2) {
33664
33625
  const ctx_r0 = i0.ɵɵnextContext();
33665
33626
  i0.ɵɵadvance(2);
33666
- i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 2, "Error:"));
33627
+ i0.ɵɵproperty("for", ctx_r0.caseFlagFormFields.OTHER_FLAG_DESCRIPTION);
33628
+ i0.ɵɵadvance();
33629
+ i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(4, 14, "Other description"));
33667
33630
  i0.ɵɵadvance(2);
33668
- i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(5, 4, ctx_r0.flagCommentsWelshCharLimitErrorMessage), " ");
33631
+ i0.ɵɵproperty("ngIf", ctx_r0.otherFlagDescriptionCharLimitErrorMessage);
33632
+ i0.ɵɵadvance();
33633
+ i0.ɵɵproperty("id", ctx_r0.caseFlagFormFields.OTHER_FLAG_DESCRIPTION)("name", ctx_r0.caseFlagFormFields.OTHER_FLAG_DESCRIPTION)("formControlName", ctx_r0.caseFlagFormFields.OTHER_FLAG_DESCRIPTION);
33634
+ i0.ɵɵadvance(3);
33635
+ i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(10, 16, ctx_r0.updateFlagAddTranslationStepEnum.CHARACTER_LIMIT_INFO), " ");
33636
+ i0.ɵɵadvance(3);
33637
+ i0.ɵɵproperty("for", ctx_r0.caseFlagFormFields.OTHER_FLAG_DESCRIPTION_WELSH);
33638
+ i0.ɵɵadvance();
33639
+ i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(14, 18, "Other description (Welsh)"));
33640
+ i0.ɵɵadvance(2);
33641
+ i0.ɵɵproperty("ngIf", ctx_r0.otherFlagDescriptionWelshCharLimitErrorMessage);
33642
+ i0.ɵɵadvance();
33643
+ i0.ɵɵproperty("id", ctx_r0.caseFlagFormFields.OTHER_FLAG_DESCRIPTION_WELSH)("name", ctx_r0.caseFlagFormFields.OTHER_FLAG_DESCRIPTION_WELSH)("formControlName", ctx_r0.caseFlagFormFields.OTHER_FLAG_DESCRIPTION_WELSH);
33644
+ i0.ɵɵadvance(3);
33645
+ i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(20, 20, ctx_r0.updateFlagAddTranslationStepEnum.CHARACTER_LIMIT_INFO), " ");
33669
33646
  } }
33670
- function UpdateFlagAddTranslationFormComponent_div_54_Template(rf, ctx) { if (rf & 1) {
33671
- i0.ɵɵelementStart(0, "div", 26)(1, "span", 22);
33647
+ function UpdateFlagAddTranslationFormComponent_div_15_Template(rf, ctx) { if (rf & 1) {
33648
+ i0.ɵɵelementStart(0, "div", 21)(1, "span", 19);
33672
33649
  i0.ɵɵtext(2);
33673
33650
  i0.ɵɵpipe(3, "rpxTranslate");
33674
33651
  i0.ɵɵelementEnd();
@@ -33680,10 +33657,10 @@ function UpdateFlagAddTranslationFormComponent_div_54_Template(rf, ctx) { if (rf
33680
33657
  i0.ɵɵadvance(2);
33681
33658
  i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 2, "Error:"));
33682
33659
  i0.ɵɵadvance(2);
33683
- i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(5, 4, ctx_r0.flagCommentsWelshCharLimitErrorMessage), " ");
33660
+ i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(5, 4, ctx_r0.flagCommentsCharLimitErrorMessage), " ");
33684
33661
  } }
33685
- function UpdateFlagAddTranslationFormComponent_div_64_Template(rf, ctx) { if (rf & 1) {
33686
- i0.ɵɵelementStart(0, "div", 27)(1, "span", 22);
33662
+ function UpdateFlagAddTranslationFormComponent_div_25_Template(rf, ctx) { if (rf & 1) {
33663
+ i0.ɵɵelementStart(0, "div", 22)(1, "span", 19);
33687
33664
  i0.ɵɵtext(2);
33688
33665
  i0.ɵɵpipe(3, "rpxTranslate");
33689
33666
  i0.ɵɵelementEnd();
@@ -33703,6 +33680,7 @@ class UpdateFlagAddTranslationFormComponent extends AbstractJourneyComponent {
33703
33680
  selectedFlag;
33704
33681
  updateFlagAddTranslationTitle;
33705
33682
  errorMessages = [];
33683
+ otherFlagType = false;
33706
33684
  otherFlagDescriptionCharLimitErrorMessage = null;
33707
33685
  otherFlagDescriptionWelshCharLimitErrorMessage = null;
33708
33686
  flagCommentsCharLimitErrorMessage = null;
@@ -33710,17 +33688,18 @@ class UpdateFlagAddTranslationFormComponent extends AbstractJourneyComponent {
33710
33688
  updateFlagAddTranslationStepEnum = UpdateFlagAddTranslationStep;
33711
33689
  caseFlagFormFields = CaseFlagFormFields;
33712
33690
  textMaxCharLimit = 200;
33691
+ otherFlagTypeCode = 'OT0001';
33713
33692
  selectedManageCaseLocation = 'selectedManageCaseLocation';
33714
33693
  ngOnInit() {
33715
33694
  this.updateFlagAddTranslationTitle = CaseFlagWizardStepTitle.UPDATE_FLAG_ADD_TRANSLATION;
33716
33695
  this.selectedFlag = this.formGroup.get(this.selectedManageCaseLocation).value;
33696
+ this.otherFlagType = this.selectedFlag?.flagDetailDisplay?.flagDetail?.flagCode === this.otherFlagTypeCode;
33717
33697
  this.multipageComponentStateService.getJourneyCollectionMainObject().journeyEndPageNumber++;
33718
33698
  const flagDetail = this.selectedFlag?.flagDetailDisplay?.flagDetail;
33719
33699
  this.formGroup.addControl(CaseFlagFormFields.OTHER_FLAG_DESCRIPTION, new FormControl(flagDetail?.otherDescription));
33720
33700
  this.formGroup.addControl(CaseFlagFormFields.OTHER_FLAG_DESCRIPTION_WELSH, new FormControl(flagDetail?.otherDescription_cy));
33721
33701
  this.formGroup.addControl(CaseFlagFormFields.COMMENTS, new FormControl(flagDetail?.flagComment));
33722
33702
  this.formGroup.addControl(CaseFlagFormFields.COMMENTS_WELSH, new FormControl(flagDetail?.flagComment_cy));
33723
- this.formGroup.addControl(CaseFlagFormFields.UPDATE_COMMENT_WELSH, new FormControl(flagDetail?.flagUpdateComment_cy));
33724
33703
  }
33725
33704
  ngOnDestroy() {
33726
33705
  this.multipageComponentStateService.getJourneyCollectionMainObject().journeyEndPageNumber--;
@@ -33743,21 +33722,23 @@ class UpdateFlagAddTranslationFormComponent extends AbstractJourneyComponent {
33743
33722
  this.flagCommentsCharLimitErrorMessage = null;
33744
33723
  this.flagCommentsWelshCharLimitErrorMessage = null;
33745
33724
  this.errorMessages = [];
33746
- if (this.formGroup.get(CaseFlagFormFields.OTHER_FLAG_DESCRIPTION)?.value?.length > this.textMaxCharLimit) {
33747
- this.otherFlagDescriptionCharLimitErrorMessage = UpdateFlagAddTranslationErrorMessage.DESCRIPTION_CHAR_LIMIT_EXCEEDED;
33748
- this.errorMessages.push({
33749
- title: '',
33750
- description: UpdateFlagAddTranslationErrorMessage.DESCRIPTION_CHAR_LIMIT_EXCEEDED,
33751
- fieldId: CaseFlagFormFields.OTHER_FLAG_DESCRIPTION
33752
- });
33753
- }
33754
- if (this.formGroup.get(CaseFlagFormFields.OTHER_FLAG_DESCRIPTION_WELSH)?.value?.length > this.textMaxCharLimit) {
33755
- this.otherFlagDescriptionWelshCharLimitErrorMessage = UpdateFlagAddTranslationErrorMessage.DESCRIPTION_CHAR_LIMIT_EXCEEDED;
33756
- this.errorMessages.push({
33757
- title: '',
33758
- description: UpdateFlagAddTranslationErrorMessage.DESCRIPTION_CHAR_LIMIT_EXCEEDED,
33759
- fieldId: CaseFlagFormFields.OTHER_FLAG_DESCRIPTION_WELSH
33760
- });
33725
+ if (this.otherFlagType) {
33726
+ if (this.formGroup.get(CaseFlagFormFields.OTHER_FLAG_DESCRIPTION)?.value?.length > this.textMaxCharLimit) {
33727
+ this.otherFlagDescriptionCharLimitErrorMessage = UpdateFlagAddTranslationErrorMessage.DESCRIPTION_CHAR_LIMIT_EXCEEDED;
33728
+ this.errorMessages.push({
33729
+ title: '',
33730
+ description: UpdateFlagAddTranslationErrorMessage.DESCRIPTION_CHAR_LIMIT_EXCEEDED,
33731
+ fieldId: CaseFlagFormFields.OTHER_FLAG_DESCRIPTION
33732
+ });
33733
+ }
33734
+ if (this.formGroup.get(CaseFlagFormFields.OTHER_FLAG_DESCRIPTION_WELSH)?.value?.length > this.textMaxCharLimit) {
33735
+ this.otherFlagDescriptionWelshCharLimitErrorMessage = UpdateFlagAddTranslationErrorMessage.DESCRIPTION_CHAR_LIMIT_EXCEEDED;
33736
+ this.errorMessages.push({
33737
+ title: '',
33738
+ description: UpdateFlagAddTranslationErrorMessage.DESCRIPTION_CHAR_LIMIT_EXCEEDED,
33739
+ fieldId: CaseFlagFormFields.OTHER_FLAG_DESCRIPTION_WELSH
33740
+ });
33741
+ }
33761
33742
  }
33762
33743
  if (this.formGroup.get(CaseFlagFormFields.COMMENTS)?.value?.length > this.textMaxCharLimit) {
33763
33744
  this.flagCommentsCharLimitErrorMessage = UpdateFlagAddTranslationErrorMessage.COMMENTS_CHAR_LIMIT_EXCEEDED;
@@ -33783,7 +33764,7 @@ class UpdateFlagAddTranslationFormComponent extends AbstractJourneyComponent {
33783
33764
  }
33784
33765
  }
33785
33766
  static ɵfac = /*@__PURE__*/ (() => { let ɵUpdateFlagAddTranslationFormComponent_BaseFactory; return function UpdateFlagAddTranslationFormComponent_Factory(__ngFactoryType__) { return (ɵUpdateFlagAddTranslationFormComponent_BaseFactory || (ɵUpdateFlagAddTranslationFormComponent_BaseFactory = i0.ɵɵgetInheritedFactory(UpdateFlagAddTranslationFormComponent)))(__ngFactoryType__ || UpdateFlagAddTranslationFormComponent); }; })();
33786
- static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UpdateFlagAddTranslationFormComponent, selectors: [["ccd-update-flag-add-translation-form"]], inputs: { formGroup: "formGroup" }, outputs: { caseFlagStateEmitter: "caseFlagStateEmitter" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 70, vars: 76, consts: [[3, "formGroup"], ["data-module", "govuk-character-count", "data-maxlength", "200", 1, "govuk-character-count"], [1, "govuk-form-group", 3, "ngClass"], [1, "govuk-label-wrapper", "govuk-!-margin-bottom-6"], [1, "govuk-label", "govuk-label--m"], ["id", "add-translation-form-hint", 1, "govuk-hint"], [1, "govuk-!-margin-bottom-4"], [1, "govuk-label", "govuk-label--s", 3, "for"], ["id", "add-translation-other-flag-description-char-limit-error", "class", "govuk-error-message", 4, "ngIf"], ["rows", "5", 1, "govuk-textarea", 3, "id", "name", "formControlName"], ["id", "add-translation-other-flag-description-char-limit-info", "aria-live", "polite", 1, "govuk-hint", "govuk-character-count__message"], ["id", "add-translation-other-flag-description-welsh-char-limit-error", "class", "govuk-error-message", 4, "ngIf"], ["id", "add-translation-other-flag-description-welsh-char-limit-info", "aria-live", "polite", 1, "govuk-hint", "govuk-character-count__message"], ["id", "add-translation-flag-comments-char-limit-error", "class", "govuk-error-message", 4, "ngIf"], ["id", "add-translation-flag-comments-char-limit-info", "aria-live", "polite", 1, "govuk-hint", "govuk-character-count__message"], ["id", "add-translation-flag-comments-welsh-char-limit-error", "class", "govuk-error-message", 4, "ngIf"], ["id", "add-translation-flag-comments-welsh-char-limit-info", "aria-live", "polite", 1, "govuk-hint", "govuk-character-count__message"], ["id", "add-translation-flag-status-change-reason-char-limit-error", "class", "govuk-error-message", 4, "ngIf"], ["id", "add-translation-flag-status-change-reason-char-limit-info", "aria-live", "polite", 1, "govuk-hint", "govuk-character-count__message"], ["id", "add-translation-flag-status-change-reason-welsh-char-limit-error", "class", "govuk-error-message", 4, "ngIf"], ["id", "add-translation-flag-status-change-reason-welsh-char-limit-info", "aria-live", "polite", 1, "govuk-hint", "govuk-character-count__message"], ["id", "add-translation-other-flag-description-char-limit-error", 1, "govuk-error-message"], [1, "govuk-visually-hidden"], ["id", "add-translation-other-flag-description-welsh-char-limit-error", 1, "govuk-error-message"], ["id", "add-translation-flag-comments-char-limit-error", 1, "govuk-error-message"], ["id", "add-translation-flag-comments-welsh-char-limit-error", 1, "govuk-error-message"], ["id", "add-translation-flag-status-change-reason-char-limit-error", 1, "govuk-error-message"], ["id", "add-translation-flag-status-change-reason-welsh-char-limit-error", 1, "govuk-error-message"]], template: function UpdateFlagAddTranslationFormComponent_Template(rf, ctx) { if (rf & 1) {
33767
+ static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UpdateFlagAddTranslationFormComponent, selectors: [["ccd-update-flag-add-translation-form"]], inputs: { formGroup: "formGroup" }, outputs: { caseFlagStateEmitter: "caseFlagStateEmitter" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 31, vars: 33, consts: [[3, "formGroup"], ["data-module", "govuk-character-count", "data-maxlength", "200", 1, "govuk-character-count"], [1, "govuk-form-group", 3, "ngClass"], [1, "govuk-label-wrapper", "govuk-!-margin-bottom-6"], [1, "govuk-label", "govuk-label--m"], ["id", "add-translation-form-hint", 1, "govuk-hint"], [4, "ngIf"], [1, "govuk-!-margin-bottom-4"], [1, "govuk-label", "govuk-label--s", 3, "for"], ["id", "add-translation-flag-comments-char-limit-error", "class", "govuk-error-message", 4, "ngIf"], ["rows", "5", 1, "govuk-textarea", 3, "id", "name", "formControlName"], ["id", "add-translation-flag-comments-char-limit-info", "aria-live", "polite", 1, "govuk-hint", "govuk-character-count__message"], ["id", "add-translation-flag-comments-welsh-char-limit-error", "class", "govuk-error-message", 4, "ngIf"], ["id", "add-translation-flag-comments-welsh-char-limit-info", "aria-live", "polite", 1, "govuk-hint", "govuk-character-count__message"], ["id", "add-translation-other-flag-description-char-limit-error", "class", "govuk-error-message", 4, "ngIf"], ["id", "add-translation-other-flag-description-char-limit-info", "aria-live", "polite", 1, "govuk-hint", "govuk-character-count__message"], ["id", "add-translation-other-flag-description-welsh-char-limit-error", "class", "govuk-error-message", 4, "ngIf"], ["id", "add-translation-other-flag-description-welsh-char-limit-info", "aria-live", "polite", 1, "govuk-hint", "govuk-character-count__message"], ["id", "add-translation-other-flag-description-char-limit-error", 1, "govuk-error-message"], [1, "govuk-visually-hidden"], ["id", "add-translation-other-flag-description-welsh-char-limit-error", 1, "govuk-error-message"], ["id", "add-translation-flag-comments-char-limit-error", 1, "govuk-error-message"], ["id", "add-translation-flag-comments-welsh-char-limit-error", 1, "govuk-error-message"]], template: function UpdateFlagAddTranslationFormComponent_Template(rf, ctx) { if (rf & 1) {
33787
33768
  i0.ɵɵelementContainerStart(0, 0);
33788
33769
  i0.ɵɵelementStart(1, "div", 1)(2, "div", 2)(3, "h1", 3)(4, "label", 4);
33789
33770
  i0.ɵɵtext(5);
@@ -33793,152 +33774,67 @@ class UpdateFlagAddTranslationFormComponent extends AbstractJourneyComponent {
33793
33774
  i0.ɵɵtext(8);
33794
33775
  i0.ɵɵpipe(9, "rpxTranslate");
33795
33776
  i0.ɵɵelementEnd();
33796
- i0.ɵɵelementStart(10, "div", 6)(11, "label", 7);
33797
- i0.ɵɵtext(12);
33798
- i0.ɵɵpipe(13, "rpxTranslate");
33799
- i0.ɵɵelementEnd();
33800
- i0.ɵɵtemplate(14, UpdateFlagAddTranslationFormComponent_div_14_Template, 6, 6, "div", 8);
33801
- i0.ɵɵelementStart(15, "textarea", 9);
33802
- i0.ɵɵtext(16, " ");
33803
- i0.ɵɵelementEnd();
33804
- i0.ɵɵelementStart(17, "div", 10);
33805
- i0.ɵɵtext(18);
33806
- i0.ɵɵpipe(19, "rpxTranslate");
33807
- i0.ɵɵelementEnd()();
33808
- i0.ɵɵelementStart(20, "div", 6)(21, "label", 7);
33809
- i0.ɵɵtext(22);
33810
- i0.ɵɵpipe(23, "rpxTranslate");
33811
- i0.ɵɵelementEnd();
33812
- i0.ɵɵtemplate(24, UpdateFlagAddTranslationFormComponent_div_24_Template, 6, 6, "div", 11);
33813
- i0.ɵɵelementStart(25, "textarea", 9);
33814
- i0.ɵɵtext(26, " ");
33815
- i0.ɵɵelementEnd();
33816
- i0.ɵɵelementStart(27, "div", 12);
33817
- i0.ɵɵtext(28);
33818
- i0.ɵɵpipe(29, "rpxTranslate");
33819
- i0.ɵɵelementEnd()();
33820
- i0.ɵɵelementStart(30, "div", 6)(31, "label", 7);
33821
- i0.ɵɵtext(32);
33822
- i0.ɵɵpipe(33, "rpxTranslate");
33823
- i0.ɵɵelementEnd();
33824
- i0.ɵɵtemplate(34, UpdateFlagAddTranslationFormComponent_div_34_Template, 6, 6, "div", 13);
33825
- i0.ɵɵelementStart(35, "textarea", 9);
33826
- i0.ɵɵtext(36, " ");
33827
- i0.ɵɵelementEnd();
33828
- i0.ɵɵelementStart(37, "div", 14);
33829
- i0.ɵɵtext(38);
33830
- i0.ɵɵpipe(39, "rpxTranslate");
33831
- i0.ɵɵelementEnd()();
33832
- i0.ɵɵelementStart(40, "div", 6)(41, "label", 7);
33833
- i0.ɵɵtext(42);
33834
- i0.ɵɵpipe(43, "rpxTranslate");
33835
- i0.ɵɵelementEnd();
33836
- i0.ɵɵtemplate(44, UpdateFlagAddTranslationFormComponent_div_44_Template, 6, 6, "div", 15);
33837
- i0.ɵɵelementStart(45, "textarea", 9);
33838
- i0.ɵɵtext(46, " ");
33839
- i0.ɵɵelementEnd();
33840
- i0.ɵɵelementStart(47, "div", 16);
33841
- i0.ɵɵtext(48);
33842
- i0.ɵɵpipe(49, "rpxTranslate");
33843
- i0.ɵɵelementEnd()();
33844
- i0.ɵɵelementStart(50, "div", 6)(51, "label", 7);
33845
- i0.ɵɵtext(52);
33846
- i0.ɵɵpipe(53, "rpxTranslate");
33777
+ i0.ɵɵtemplate(10, UpdateFlagAddTranslationFormComponent_div_10_Template, 21, 22, "div", 6);
33778
+ i0.ɵɵelementStart(11, "div", 7)(12, "label", 8);
33779
+ i0.ɵɵtext(13);
33780
+ i0.ɵɵpipe(14, "rpxTranslate");
33847
33781
  i0.ɵɵelementEnd();
33848
- i0.ɵɵtemplate(54, UpdateFlagAddTranslationFormComponent_div_54_Template, 6, 6, "div", 17);
33849
- i0.ɵɵelementStart(55, "textarea", 9);
33850
- i0.ɵɵtext(56, " ");
33782
+ i0.ɵɵtemplate(15, UpdateFlagAddTranslationFormComponent_div_15_Template, 6, 6, "div", 9);
33783
+ i0.ɵɵelementStart(16, "textarea", 10);
33784
+ i0.ɵɵtext(17, " ");
33851
33785
  i0.ɵɵelementEnd();
33852
- i0.ɵɵelementStart(57, "div", 18);
33853
- i0.ɵɵtext(58);
33854
- i0.ɵɵpipe(59, "rpxTranslate");
33786
+ i0.ɵɵelementStart(18, "div", 11);
33787
+ i0.ɵɵtext(19);
33788
+ i0.ɵɵpipe(20, "rpxTranslate");
33855
33789
  i0.ɵɵelementEnd()();
33856
- i0.ɵɵelementStart(60, "div", 6)(61, "label", 7);
33857
- i0.ɵɵtext(62);
33858
- i0.ɵɵpipe(63, "rpxTranslate");
33790
+ i0.ɵɵelementStart(21, "div", 7)(22, "label", 8);
33791
+ i0.ɵɵtext(23);
33792
+ i0.ɵɵpipe(24, "rpxTranslate");
33859
33793
  i0.ɵɵelementEnd();
33860
- i0.ɵɵtemplate(64, UpdateFlagAddTranslationFormComponent_div_64_Template, 6, 6, "div", 19);
33861
- i0.ɵɵelementStart(65, "textarea", 9);
33862
- i0.ɵɵtext(66, " ");
33794
+ i0.ɵɵtemplate(25, UpdateFlagAddTranslationFormComponent_div_25_Template, 6, 6, "div", 12);
33795
+ i0.ɵɵelementStart(26, "textarea", 10);
33796
+ i0.ɵɵtext(27, " ");
33863
33797
  i0.ɵɵelementEnd();
33864
- i0.ɵɵelementStart(67, "div", 20);
33865
- i0.ɵɵtext(68);
33866
- i0.ɵɵpipe(69, "rpxTranslate");
33798
+ i0.ɵɵelementStart(28, "div", 13);
33799
+ i0.ɵɵtext(29);
33800
+ i0.ɵɵpipe(30, "rpxTranslate");
33867
33801
  i0.ɵɵelementEnd()()()();
33868
33802
  i0.ɵɵelementContainerEnd();
33869
33803
  } if (rf & 2) {
33870
33804
  i0.ɵɵproperty("formGroup", ctx.formGroup);
33871
33805
  i0.ɵɵadvance(2);
33872
- i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(74, _c0$n, ctx.errorMessages.length > 0));
33806
+ i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(31, _c0$n, ctx.errorMessages.length > 0));
33873
33807
  i0.ɵɵadvance(3);
33874
- i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(6, 46, ctx.updateFlagAddTranslationTitle), " ");
33808
+ i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(6, 19, ctx.updateFlagAddTranslationTitle), " ");
33875
33809
  i0.ɵɵadvance(3);
33876
- i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(9, 48, ctx.updateFlagAddTranslationStepEnum.HINT_TEXT), " ");
33877
- i0.ɵɵadvance(3);
33878
- i0.ɵɵproperty("for", ctx.caseFlagFormFields.OTHER_FLAG_DESCRIPTION);
33879
- i0.ɵɵadvance();
33880
- i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(13, 50, "Other description"));
33810
+ i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(9, 21, ctx.updateFlagAddTranslationStepEnum.HINT_TEXT), " ");
33881
33811
  i0.ɵɵadvance(2);
33882
- i0.ɵɵproperty("ngIf", ctx.otherFlagDescriptionCharLimitErrorMessage);
33883
- i0.ɵɵadvance();
33884
- i0.ɵɵproperty("id", ctx.caseFlagFormFields.OTHER_FLAG_DESCRIPTION)("name", ctx.caseFlagFormFields.OTHER_FLAG_DESCRIPTION)("formControlName", ctx.caseFlagFormFields.OTHER_FLAG_DESCRIPTION);
33885
- i0.ɵɵadvance(3);
33886
- i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(19, 52, ctx.updateFlagAddTranslationStepEnum.CHARACTER_LIMIT_INFO), " ");
33887
- i0.ɵɵadvance(3);
33888
- i0.ɵɵproperty("for", ctx.caseFlagFormFields.OTHER_FLAG_DESCRIPTION_WELSH);
33889
- i0.ɵɵadvance();
33890
- i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(23, 54, "Other description (Welsh)"));
33812
+ i0.ɵɵproperty("ngIf", ctx.otherFlagType);
33891
33813
  i0.ɵɵadvance(2);
33892
- i0.ɵɵproperty("ngIf", ctx.otherFlagDescriptionWelshCharLimitErrorMessage);
33893
- i0.ɵɵadvance();
33894
- i0.ɵɵproperty("id", ctx.caseFlagFormFields.OTHER_FLAG_DESCRIPTION_WELSH)("name", ctx.caseFlagFormFields.OTHER_FLAG_DESCRIPTION_WELSH)("formControlName", ctx.caseFlagFormFields.OTHER_FLAG_DESCRIPTION_WELSH);
33895
- i0.ɵɵadvance(3);
33896
- i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(29, 56, ctx.updateFlagAddTranslationStepEnum.CHARACTER_LIMIT_INFO), " ");
33897
- i0.ɵɵadvance(3);
33898
33814
  i0.ɵɵproperty("for", ctx.caseFlagFormFields.COMMENTS);
33899
33815
  i0.ɵɵadvance();
33900
- i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(33, 58, "Flag comments"));
33816
+ i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(14, 23, "Flag comments"));
33901
33817
  i0.ɵɵadvance(2);
33902
33818
  i0.ɵɵproperty("ngIf", ctx.flagCommentsCharLimitErrorMessage);
33903
33819
  i0.ɵɵadvance();
33904
33820
  i0.ɵɵproperty("id", ctx.caseFlagFormFields.COMMENTS)("name", ctx.caseFlagFormFields.COMMENTS)("formControlName", ctx.caseFlagFormFields.COMMENTS);
33905
33821
  i0.ɵɵadvance(3);
33906
- i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(39, 60, ctx.updateFlagAddTranslationStepEnum.CHARACTER_LIMIT_INFO), " ");
33822
+ i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(20, 25, ctx.updateFlagAddTranslationStepEnum.CHARACTER_LIMIT_INFO), " ");
33907
33823
  i0.ɵɵadvance(3);
33908
33824
  i0.ɵɵproperty("for", ctx.caseFlagFormFields.COMMENTS_WELSH);
33909
33825
  i0.ɵɵadvance();
33910
- i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(43, 62, "Flag comments (Welsh)"));
33826
+ i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(24, 27, "Flag comments (Welsh)"));
33911
33827
  i0.ɵɵadvance(2);
33912
33828
  i0.ɵɵproperty("ngIf", ctx.flagCommentsWelshCharLimitErrorMessage);
33913
33829
  i0.ɵɵadvance();
33914
33830
  i0.ɵɵproperty("id", ctx.caseFlagFormFields.COMMENTS_WELSH)("name", ctx.caseFlagFormFields.COMMENTS_WELSH)("formControlName", ctx.caseFlagFormFields.COMMENTS_WELSH);
33915
33831
  i0.ɵɵadvance(3);
33916
- i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(49, 64, ctx.updateFlagAddTranslationStepEnum.CHARACTER_LIMIT_INFO), " ");
33917
- i0.ɵɵadvance(3);
33918
- i0.ɵɵproperty("for", ctx.caseFlagFormFields.UPDATE_COMMENT);
33919
- i0.ɵɵadvance();
33920
- i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(53, 66, "Reason for change"));
33921
- i0.ɵɵadvance(2);
33922
- i0.ɵɵproperty("ngIf", ctx.flagCommentsWelshCharLimitErrorMessage);
33923
- i0.ɵɵadvance();
33924
- i0.ɵɵproperty("id", ctx.caseFlagFormFields.UPDATE_COMMENT)("name", ctx.caseFlagFormFields.UPDATE_COMMENT)("formControlName", ctx.caseFlagFormFields.UPDATE_COMMENT);
33925
- i0.ɵɵadvance(3);
33926
- i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(59, 68, ctx.updateFlagAddTranslationStepEnum.CHARACTER_LIMIT_INFO), " ");
33927
- i0.ɵɵadvance(3);
33928
- i0.ɵɵproperty("for", ctx.caseFlagFormFields.UPDATE_COMMENT_WELSH);
33929
- i0.ɵɵadvance();
33930
- i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(63, 70, "Reason for change (Welsh)"));
33931
- i0.ɵɵadvance(2);
33932
- i0.ɵɵproperty("ngIf", ctx.flagCommentsWelshCharLimitErrorMessage);
33933
- i0.ɵɵadvance();
33934
- i0.ɵɵproperty("id", ctx.caseFlagFormFields.UPDATE_COMMENT_WELSH)("name", ctx.caseFlagFormFields.UPDATE_COMMENT_WELSH)("formControlName", ctx.caseFlagFormFields.UPDATE_COMMENT_WELSH);
33935
- i0.ɵɵadvance(3);
33936
- i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(69, 72, ctx.updateFlagAddTranslationStepEnum.CHARACTER_LIMIT_INFO), " ");
33832
+ i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(30, 29, ctx.updateFlagAddTranslationStepEnum.CHARACTER_LIMIT_INFO), " ");
33937
33833
  } }, dependencies: [i5.NgClass, i5.NgIf, i4.DefaultValueAccessor, i4.NgControlStatus, i4.NgControlStatusGroup, i4.FormGroupDirective, i4.FormControlName, i1.RpxTranslatePipe], encapsulation: 2 });
33938
33834
  }
33939
33835
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(UpdateFlagAddTranslationFormComponent, [{
33940
33836
  type: Component,
33941
- args: [{ selector: 'ccd-update-flag-add-translation-form', standalone: false, template: "<ng-container [formGroup]=\"formGroup\">\n <div class=\"govuk-character-count\" data-module=\"govuk-character-count\" data-maxlength=\"200\">\n <div class=\"govuk-form-group\" [ngClass]=\"{'form-group-error': errorMessages.length > 0}\">\n <h1 class=\"govuk-label-wrapper govuk-!-margin-bottom-6\">\n <label class=\"govuk-label govuk-label--m\">\n {{ updateFlagAddTranslationTitle | rpxTranslate}}\n </label>\n </h1>\n <div id=\"add-translation-form-hint\" class=\"govuk-hint\">\n {{ updateFlagAddTranslationStepEnum.HINT_TEXT | rpxTranslate}}\n </div>\n\n <div class=\"govuk-!-margin-bottom-4\">\n <label [for]=\"caseFlagFormFields.OTHER_FLAG_DESCRIPTION\" class=\"govuk-label govuk-label--s\">{{'Other description' | rpxTranslate}}</label>\n <div id=\"add-translation-other-flag-description-char-limit-error\" class=\"govuk-error-message\"\n *ngIf=\"otherFlagDescriptionCharLimitErrorMessage\">\n <span class=\"govuk-visually-hidden\">{{'Error:' | rpxTranslate}}</span> {{otherFlagDescriptionCharLimitErrorMessage | rpxTranslate}}\n </div>\n <textarea\n class=\"govuk-textarea\" rows=\"5\"\n [id]=\"caseFlagFormFields.OTHER_FLAG_DESCRIPTION\"\n [name]=\"caseFlagFormFields.OTHER_FLAG_DESCRIPTION\"\n [formControlName]=\"caseFlagFormFields.OTHER_FLAG_DESCRIPTION\">\n </textarea>\n <div id=\"add-translation-other-flag-description-char-limit-info\" class=\"govuk-hint govuk-character-count__message\" aria-live=\"polite\">\n {{updateFlagAddTranslationStepEnum.CHARACTER_LIMIT_INFO | rpxTranslate}}\n </div>\n </div>\n\n <div class=\"govuk-!-margin-bottom-4\">\n <label [for]=\"caseFlagFormFields.OTHER_FLAG_DESCRIPTION_WELSH\" class=\"govuk-label govuk-label--s\">{{'Other description (Welsh)' | rpxTranslate}}</label>\n <div id=\"add-translation-other-flag-description-welsh-char-limit-error\" class=\"govuk-error-message\"\n *ngIf=\"otherFlagDescriptionWelshCharLimitErrorMessage\">\n <span class=\"govuk-visually-hidden\">{{'Error:' | rpxTranslate}}</span> {{otherFlagDescriptionWelshCharLimitErrorMessage | rpxTranslate}}\n </div>\n <textarea\n class=\"govuk-textarea\" rows=\"5\"\n [id]=\"caseFlagFormFields.OTHER_FLAG_DESCRIPTION_WELSH\"\n [name]=\"caseFlagFormFields.OTHER_FLAG_DESCRIPTION_WELSH\"\n [formControlName]=\"caseFlagFormFields.OTHER_FLAG_DESCRIPTION_WELSH\">\n </textarea>\n <div id=\"add-translation-other-flag-description-welsh-char-limit-info\" class=\"govuk-hint govuk-character-count__message\" aria-live=\"polite\">\n {{updateFlagAddTranslationStepEnum.CHARACTER_LIMIT_INFO | rpxTranslate}}\n </div>\n </div>\n\n <div class=\"govuk-!-margin-bottom-4\">\n <label [for]=\"caseFlagFormFields.COMMENTS\" class=\"govuk-label govuk-label--s\">{{'Flag comments' | rpxTranslate}}</label>\n <div id=\"add-translation-flag-comments-char-limit-error\" class=\"govuk-error-message\"\n *ngIf=\"flagCommentsCharLimitErrorMessage\">\n <span class=\"govuk-visually-hidden\">{{'Error:' | rpxTranslate}}</span> {{flagCommentsCharLimitErrorMessage | rpxTranslate}}\n </div>\n <textarea\n class=\"govuk-textarea\" rows=\"5\"\n [id]=\"caseFlagFormFields.COMMENTS\"\n [name]=\"caseFlagFormFields.COMMENTS\"\n [formControlName]=\"caseFlagFormFields.COMMENTS\">\n </textarea>\n <div id=\"add-translation-flag-comments-char-limit-info\" class=\"govuk-hint govuk-character-count__message\" aria-live=\"polite\">\n {{updateFlagAddTranslationStepEnum.CHARACTER_LIMIT_INFO | rpxTranslate}}\n </div>\n </div>\n\n <div class=\"govuk-!-margin-bottom-4\">\n <label [for]=\"caseFlagFormFields.COMMENTS_WELSH\" class=\"govuk-label govuk-label--s\">{{'Flag comments (Welsh)' | rpxTranslate}}</label>\n <div id=\"add-translation-flag-comments-welsh-char-limit-error\" class=\"govuk-error-message\"\n *ngIf=\"flagCommentsWelshCharLimitErrorMessage\">\n <span class=\"govuk-visually-hidden\">{{'Error:' | rpxTranslate}}</span> {{flagCommentsWelshCharLimitErrorMessage | rpxTranslate}}\n </div>\n <textarea\n class=\"govuk-textarea\" rows=\"5\"\n [id]=\"caseFlagFormFields.COMMENTS_WELSH\"\n [name]=\"caseFlagFormFields.COMMENTS_WELSH\"\n [formControlName]=\"caseFlagFormFields.COMMENTS_WELSH\">\n </textarea>\n <div id=\"add-translation-flag-comments-welsh-char-limit-info\" class=\"govuk-hint govuk-character-count__message\" aria-live=\"polite\">\n {{updateFlagAddTranslationStepEnum.CHARACTER_LIMIT_INFO | rpxTranslate}}\n </div>\n </div>\n\n <div class=\"govuk-!-margin-bottom-4\">\n <label [for]=\"caseFlagFormFields.UPDATE_COMMENT\" class=\"govuk-label govuk-label--s\">{{'Reason for change' | rpxTranslate}}</label>\n <div id=\"add-translation-flag-status-change-reason-char-limit-error\" class=\"govuk-error-message\"\n *ngIf=\"flagCommentsWelshCharLimitErrorMessage\">\n <span class=\"govuk-visually-hidden\">{{'Error:' | rpxTranslate}}</span> {{flagCommentsWelshCharLimitErrorMessage | rpxTranslate}}\n </div>\n <textarea\n class=\"govuk-textarea\" rows=\"5\"\n [id]=\"caseFlagFormFields.UPDATE_COMMENT\"\n [name]=\"caseFlagFormFields.UPDATE_COMMENT\"\n [formControlName]=\"caseFlagFormFields.UPDATE_COMMENT\">\n </textarea>\n <div id=\"add-translation-flag-status-change-reason-char-limit-info\" class=\"govuk-hint govuk-character-count__message\" aria-live=\"polite\">\n {{updateFlagAddTranslationStepEnum.CHARACTER_LIMIT_INFO | rpxTranslate}}\n </div>\n </div>\n\n\n <div class=\"govuk-!-margin-bottom-4\">\n <label [for]=\"caseFlagFormFields.UPDATE_COMMENT_WELSH\" class=\"govuk-label govuk-label--s\">{{'Reason for change (Welsh)' | rpxTranslate}}</label>\n <div id=\"add-translation-flag-status-change-reason-welsh-char-limit-error\" class=\"govuk-error-message\"\n *ngIf=\"flagCommentsWelshCharLimitErrorMessage\">\n <span class=\"govuk-visually-hidden\">{{'Error:' | rpxTranslate}}</span> {{flagCommentsWelshCharLimitErrorMessage | rpxTranslate}}\n </div>\n <textarea\n class=\"govuk-textarea\" rows=\"5\"\n [id]=\"caseFlagFormFields.UPDATE_COMMENT_WELSH\"\n [name]=\"caseFlagFormFields.UPDATE_COMMENT_WELSH\"\n [formControlName]=\"caseFlagFormFields.UPDATE_COMMENT_WELSH\">\n </textarea>\n <div id=\"add-translation-flag-status-change-reason-welsh-char-limit-info\" class=\"govuk-hint govuk-character-count__message\" aria-live=\"polite\">\n {{updateFlagAddTranslationStepEnum.CHARACTER_LIMIT_INFO | rpxTranslate}}\n </div>\n </div>\n\n </div>\n </div>\n</ng-container>\n" }]
33837
+ args: [{ selector: 'ccd-update-flag-add-translation-form', standalone: false, template: "<ng-container [formGroup]=\"formGroup\">\n <div class=\"govuk-character-count\" data-module=\"govuk-character-count\" data-maxlength=\"200\">\n <div class=\"govuk-form-group\" [ngClass]=\"{'form-group-error': errorMessages.length > 0}\">\n <h1 class=\"govuk-label-wrapper govuk-!-margin-bottom-6\">\n <label class=\"govuk-label govuk-label--m\">\n {{ updateFlagAddTranslationTitle | rpxTranslate}}\n </label>\n </h1>\n <div id=\"add-translation-form-hint\" class=\"govuk-hint\">\n {{ updateFlagAddTranslationStepEnum.HINT_TEXT | rpxTranslate}}\n </div>\n\n <div *ngIf=\"otherFlagType\">\n <div class=\"govuk-!-margin-bottom-4\">\n <label [for]=\"caseFlagFormFields.OTHER_FLAG_DESCRIPTION\" class=\"govuk-label govuk-label--s\">{{'Other description' | rpxTranslate}}</label>\n <div id=\"add-translation-other-flag-description-char-limit-error\" class=\"govuk-error-message\"\n *ngIf=\"otherFlagDescriptionCharLimitErrorMessage\">\n <span class=\"govuk-visually-hidden\">{{'Error:' | rpxTranslate}}</span> {{otherFlagDescriptionCharLimitErrorMessage | rpxTranslate}}\n </div>\n <textarea\n class=\"govuk-textarea\" rows=\"5\"\n [id]=\"caseFlagFormFields.OTHER_FLAG_DESCRIPTION\"\n [name]=\"caseFlagFormFields.OTHER_FLAG_DESCRIPTION\"\n [formControlName]=\"caseFlagFormFields.OTHER_FLAG_DESCRIPTION\">\n </textarea>\n <div id=\"add-translation-other-flag-description-char-limit-info\" class=\"govuk-hint govuk-character-count__message\" aria-live=\"polite\">\n {{updateFlagAddTranslationStepEnum.CHARACTER_LIMIT_INFO | rpxTranslate}}\n </div>\n </div>\n\n <div class=\"govuk-!-margin-bottom-4\">\n <label [for]=\"caseFlagFormFields.OTHER_FLAG_DESCRIPTION_WELSH\" class=\"govuk-label govuk-label--s\">{{'Other description (Welsh)' | rpxTranslate}}</label>\n <div id=\"add-translation-other-flag-description-welsh-char-limit-error\" class=\"govuk-error-message\"\n *ngIf=\"otherFlagDescriptionWelshCharLimitErrorMessage\">\n <span class=\"govuk-visually-hidden\">{{'Error:' | rpxTranslate}}</span> {{otherFlagDescriptionWelshCharLimitErrorMessage | rpxTranslate}}\n </div>\n <textarea\n class=\"govuk-textarea\" rows=\"5\"\n [id]=\"caseFlagFormFields.OTHER_FLAG_DESCRIPTION_WELSH\"\n [name]=\"caseFlagFormFields.OTHER_FLAG_DESCRIPTION_WELSH\"\n [formControlName]=\"caseFlagFormFields.OTHER_FLAG_DESCRIPTION_WELSH\">\n </textarea>\n <div id=\"add-translation-other-flag-description-welsh-char-limit-info\" class=\"govuk-hint govuk-character-count__message\" aria-live=\"polite\">\n {{updateFlagAddTranslationStepEnum.CHARACTER_LIMIT_INFO | rpxTranslate}}\n </div>\n </div>\n </div>\n\n <div class=\"govuk-!-margin-bottom-4\">\n <label [for]=\"caseFlagFormFields.COMMENTS\" class=\"govuk-label govuk-label--s\">{{'Flag comments' | rpxTranslate}}</label>\n <div id=\"add-translation-flag-comments-char-limit-error\" class=\"govuk-error-message\"\n *ngIf=\"flagCommentsCharLimitErrorMessage\">\n <span class=\"govuk-visually-hidden\">{{'Error:' | rpxTranslate}}</span> {{flagCommentsCharLimitErrorMessage | rpxTranslate}}\n </div>\n <textarea\n class=\"govuk-textarea\" rows=\"5\"\n [id]=\"caseFlagFormFields.COMMENTS\"\n [name]=\"caseFlagFormFields.COMMENTS\"\n [formControlName]=\"caseFlagFormFields.COMMENTS\">\n </textarea>\n <div id=\"add-translation-flag-comments-char-limit-info\" class=\"govuk-hint govuk-character-count__message\" aria-live=\"polite\">\n {{updateFlagAddTranslationStepEnum.CHARACTER_LIMIT_INFO | rpxTranslate}}\n </div>\n </div>\n\n <div class=\"govuk-!-margin-bottom-4\">\n <label [for]=\"caseFlagFormFields.COMMENTS_WELSH\" class=\"govuk-label govuk-label--s\">{{'Flag comments (Welsh)' | rpxTranslate}}</label>\n <div id=\"add-translation-flag-comments-welsh-char-limit-error\" class=\"govuk-error-message\"\n *ngIf=\"flagCommentsWelshCharLimitErrorMessage\">\n <span class=\"govuk-visually-hidden\">{{'Error:' | rpxTranslate}}</span> {{flagCommentsWelshCharLimitErrorMessage | rpxTranslate}}\n </div>\n <textarea\n class=\"govuk-textarea\" rows=\"5\"\n [id]=\"caseFlagFormFields.COMMENTS_WELSH\"\n [name]=\"caseFlagFormFields.COMMENTS_WELSH\"\n [formControlName]=\"caseFlagFormFields.COMMENTS_WELSH\">\n </textarea>\n <div id=\"add-translation-flag-comments-welsh-char-limit-info\" class=\"govuk-hint govuk-character-count__message\" aria-live=\"polite\">\n {{updateFlagAddTranslationStepEnum.CHARACTER_LIMIT_INFO | rpxTranslate}}\n </div>\n </div>\n </div>\n </div>\n</ng-container>\n" }]
33942
33838
  }], null, { formGroup: [{
33943
33839
  type: Input
33944
33840
  }], caseFlagStateEmitter: [{