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

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 +232 -127
  2. package/fesm2022/hmcts-ccd-case-ui-toolkit.mjs.map +1 -1
  3. package/index.d.ts +5 -3
  4. package/index.d.ts.map +1 -1
  5. package/package.json +1 -1
package/fesm2022/hmcts-ccd-case-ui-toolkit.mjs CHANGED
@@ -2759,7 +2759,8 @@ 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["STATUS_CHANGE_REASON"] = "flagStatusReasonChange";
2762
+ CaseFlagFormFields["UPDATE_COMMENT"] = "flagUpdateComment";
2763
+ CaseFlagFormFields["UPDATE_COMMENT_WELSH"] = "flagUpdateComment_cy";
2763
2764
  CaseFlagFormFields["IS_WELSH_TRANSLATION_NEEDED"] = "flagIsWelshTranslationNeeded";
2764
2765
  CaseFlagFormFields["IS_VISIBLE_INTERNALLY_ONLY"] = "flagIsVisibleInternallyOnly";
2765
2766
  })(CaseFlagFormFields || (CaseFlagFormFields = {}));
@@ -2879,6 +2880,7 @@ var UpdateFlagStep;
2879
2880
  UpdateFlagStep["CHARACTER_LIMIT_INFO"] = "You can enter up to 200 characters";
2880
2881
  UpdateFlagStep["STATUS_HINT_TEXT"] = "Describe reason for status change.";
2881
2882
  UpdateFlagStep["STATUS_REASON_LABEL"] = "Reason for change";
2883
+ UpdateFlagStep["STATUS_REASON_WELSH_LABEL"] = "Reason for change (Welsh)";
2882
2884
  UpdateFlagStep["WARNING_TEXT"] = "The details entered here MAY be visible to the party in the future.";
2883
2885
  })(UpdateFlagStep || (UpdateFlagStep = {}));
2884
2886
 
@@ -15949,6 +15951,7 @@ class WriteCaseFlagFieldComponent extends AbstractFieldWriteJourneyComponent {
15949
15951
  flagDetail.value.flagComment = originalFlagDetail.value?.flagComment || null;
15950
15952
  flagDetail.value.flagComment_cy = originalFlagDetail.value?.flagComment_cy || null;
15951
15953
  flagDetail.value.flagUpdateComment = originalFlagDetail.value?.flagUpdateComment || null;
15954
+ flagDetail.value.flagUpdateComment_cy = originalFlagDetail.value?.flagUpdateComment_cy || null;
15952
15955
  flagDetail.value.status = originalFlagDetail.value?.status;
15953
15956
  flagDetail.value.dateTimeModified = originalFlagDetail.value?.dateTimeModified || null;
15954
15957
  }
@@ -15989,6 +15992,7 @@ class WriteCaseFlagFieldComponent extends AbstractFieldWriteJourneyComponent {
15989
15992
  // Ensure that any comments entered with language set to Welsh do not end up in the English comments field
15990
15993
  if (this.rpxTranslationService.language !== 'cy') {
15991
15994
  flagDetailToUpdate.value.flagComment = this.caseFlagParentFormGroup.get(CaseFlagFormFields.COMMENTS)?.value;
15995
+ flagDetailToUpdate.value.flagUpdateComment = this.caseFlagParentFormGroup.get(CaseFlagFormFields.UPDATE_COMMENT)?.value;
15992
15996
  }
15993
15997
  // Populate from the *English* comments field if:
15994
15998
  // * The Welsh comments field has no value (Welsh comments field acquires a value only when an HMCTS internal user has
@@ -16003,7 +16007,13 @@ class WriteCaseFlagFieldComponent extends AbstractFieldWriteJourneyComponent {
16003
16007
  ? this.caseFlagParentFormGroup.get(CaseFlagFormFields.COMMENTS)?.value
16004
16008
  : null;
16005
16009
  }
16006
- flagDetailToUpdate.value.flagUpdateComment = this.caseFlagParentFormGroup.get(CaseFlagFormFields.STATUS_CHANGE_REASON)?.value;
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
+ }
16007
16017
  flagDetailToUpdate.value.status = CaseFlagStatus[this.caseFlagParentFormGroup.get(CaseFlagFormFields.STATUS)?.value];
16008
16018
  flagDetailToUpdate.value.dateTimeModified = new Date().toISOString();
16009
16019
  }
@@ -31255,6 +31265,34 @@ function CaseFlagSummaryListComponent_dl_0_div_39_Template(rf, ctx) { if (rf & 1
31255
31265
  i0.ɵɵadvance(3);
31256
31266
  i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(12, 8, ctx_r1.updateFlagStep.STATUS_REASON_LABEL));
31257
31267
  } }
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
+ } }
31258
31296
  function CaseFlagSummaryListComponent_dl_0_Template(rf, ctx) { if (rf & 1) {
31259
31297
  const _r1 = i0.ɵɵgetCurrentView();
31260
31298
  i0.ɵɵelementStart(0, "dl", 1)(1, "div", 2)(2, "dt", 3);
@@ -31299,26 +31337,26 @@ function CaseFlagSummaryListComponent_dl_0_Template(rf, ctx) { if (rf & 1) {
31299
31337
  i0.ɵɵelementStart(37, "dd", 5);
31300
31338
  i0.ɵɵtemplate(38, CaseFlagSummaryListComponent_dl_0_a_38_Template, 6, 6, "a", 9);
31301
31339
  i0.ɵɵelementEnd()();
31302
- i0.ɵɵtemplate(39, CaseFlagSummaryListComponent_dl_0_div_39_Template, 13, 10, "div", 8);
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);
31303
31341
  i0.ɵɵelementEnd();
31304
31342
  } if (rf & 2) {
31305
31343
  const ctx_r1 = i0.ɵɵnextContext();
31306
31344
  i0.ɵɵadvance(3);
31307
- i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(4, 15, ctx_r1.addUpdateFlagHeaderText), " ");
31345
+ i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(4, 16, ctx_r1.addUpdateFlagHeaderText), " ");
31308
31346
  i0.ɵɵadvance(3);
31309
31347
  i0.ɵɵtextInterpolate1(" ", ctx_r1.flagForSummaryDisplay.partyName || ctx_r1.caseFlagCheckYourAnswersPageStep.CASE_LEVEL_LOCATION, " ");
31310
31348
  i0.ɵɵadvance(3);
31311
- i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(10, 17, "Change"));
31349
+ i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(10, 18, "Change"));
31312
31350
  i0.ɵɵadvance(3);
31313
- i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(13, 19, "party name"));
31351
+ i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(13, 20, "party name"));
31314
31352
  i0.ɵɵadvance(4);
31315
- i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(17, 21, ctx_r1.flagTypeHeaderText), " ");
31353
+ i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(17, 22, ctx_r1.flagTypeHeaderText), " ");
31316
31354
  i0.ɵɵadvance(3);
31317
31355
  i0.ɵɵtextInterpolate1(" ", ctx_r1.flagDescription, " ");
31318
31356
  i0.ɵɵadvance(3);
31319
- i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(23, 23, "Change"));
31357
+ i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(23, 24, "Change"));
31320
31358
  i0.ɵɵadvance(3);
31321
- i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(26, 25, "flag type"));
31359
+ i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(26, 26, "flag type"));
31322
31360
  i0.ɵɵadvance(2);
31323
31361
  i0.ɵɵproperty("ngIf", (ctx_r1.flagDescriptionWelsh == null ? null : ctx_r1.flagDescriptionWelsh.length) > 0 && !ctx_r1.externalUserUpdate);
31324
31362
  i0.ɵɵadvance();
@@ -31326,13 +31364,15 @@ function CaseFlagSummaryListComponent_dl_0_Template(rf, ctx) { if (rf & 1) {
31326
31364
  i0.ɵɵadvance();
31327
31365
  i0.ɵɵproperty("ngIf", (ctx_r1.flagCommentsWelsh == null ? null : ctx_r1.flagCommentsWelsh.length) > 0 && !ctx_r1.externalUserUpdate);
31328
31366
  i0.ɵɵadvance(3);
31329
- i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(33, 27, "Status"), " ");
31367
+ i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(33, 28, "Status"), " ");
31330
31368
  i0.ɵɵadvance(3);
31331
- i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(36, 29, ctx_r1.flagStatus), " ");
31369
+ i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(36, 30, ctx_r1.flagStatus), " ");
31332
31370
  i0.ɵɵadvance(3);
31333
31371
  i0.ɵɵproperty("ngIf", ctx_r1.is2Point1Enabled);
31334
31372
  i0.ɵɵadvance();
31335
- i0.ɵɵproperty("ngIf", ctx_r1.is2Point1Update && (ctx_r1.flagUpdateComments == null ? null : ctx_r1.flagUpdateComments.length) > 0);
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);
31336
31376
  } }
31337
31377
  class CaseFlagSummaryListComponent {
31338
31378
  rpxTranslationService;
@@ -31347,6 +31387,7 @@ class CaseFlagSummaryListComponent {
31347
31387
  otherDescription;
31348
31388
  otherDescriptionWelsh;
31349
31389
  flagUpdateComments;
31390
+ flagUpdateCommentsWelsh;
31350
31391
  summaryListDisplayMode;
31351
31392
  addUpdateFlagHeaderText;
31352
31393
  caseFlagFieldState = CaseFlagFieldState;
@@ -31367,9 +31408,8 @@ class CaseFlagSummaryListComponent {
31367
31408
  this.flagDescriptionWelsh = flagDetail.otherDescription_cy;
31368
31409
  this.flagComments = flagDetail.flagComment;
31369
31410
  this.flagCommentsWelsh = flagDetail.flagComment_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'];
31411
+ this.flagUpdateComments = flagDetail.flagUpdateComment;
31412
+ this.flagUpdateCommentsWelsh = flagDetail.flagUpdateComment_cy;
31373
31413
  this.flagStatus = flagDetail.status;
31374
31414
  this.addUpdateFlagHeaderText = this.getAddUpdateFlagHeaderText();
31375
31415
  this.flagTypeHeaderText = this.getFlagTypeHeaderText();
@@ -31439,14 +31479,14 @@ class CaseFlagSummaryListComponent {
31439
31479
  }
31440
31480
  static ɵfac = function CaseFlagSummaryListComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CaseFlagSummaryListComponent)(i0.ɵɵdirectiveInject(i1.RpxTranslationService)); };
31441
31481
  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) {
31442
- i0.ɵɵtemplate(0, CaseFlagSummaryListComponent_dl_0_Template, 40, 31, "dl", 0);
31482
+ i0.ɵɵtemplate(0, CaseFlagSummaryListComponent_dl_0_Template, 41, 32, "dl", 0);
31443
31483
  } if (rf & 2) {
31444
31484
  i0.ɵɵproperty("ngIf", ctx.flagForSummaryDisplay);
31445
31485
  } }, dependencies: [i5.NgIf, i1.RpxTranslatePipe], encapsulation: 2 });
31446
31486
  }
31447
31487
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaseFlagSummaryListComponent, [{
31448
31488
  type: Component,
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" }]
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" }]
31450
31490
  }], () => [{ type: i1.RpxTranslationService }], { flagForSummaryDisplay: [{
31451
31491
  type: Input
31452
31492
  }], displayContextParameter: [{
@@ -31503,11 +31543,13 @@ function CaseFlagTableComponent_table_0_tbody_20_tr_1_div_3_Template(rf, ctx) {
31503
31543
  function CaseFlagTableComponent_table_0_tbody_20_tr_1_div_14_Template(rf, ctx) { if (rf & 1) {
31504
31544
  i0.ɵɵelementStart(0, "div")(1, "span", 26);
31505
31545
  i0.ɵɵtext(2);
31546
+ i0.ɵɵpipe(3, "rpxTranslate");
31547
+ i0.ɵɵpipe(4, "flagFieldDisplay");
31506
31548
  i0.ɵɵelementEnd()();
31507
31549
  } if (rf & 2) {
31508
31550
  const flagDetail_r2 = i0.ɵɵnextContext().$implicit;
31509
31551
  i0.ɵɵadvance(2);
31510
- i0.ɵɵtextInterpolate1("Update Reason: ", flagDetail_r2.flagUpdateComment);
31552
+ i0.ɵɵtextInterpolate2("", i0.ɵɵpipeBind1(3, 2, "Update Reason"), ": ", i0.ɵɵpipeBind2(4, 4, flagDetail_r2, "flagUpdateComment"));
31511
31553
  } }
31512
31554
  function CaseFlagTableComponent_table_0_tbody_20_tr_1_strong_22_Template(rf, ctx) { if (rf & 1) {
31513
31555
  i0.ɵɵelementStart(0, "strong", 27);
@@ -31560,7 +31602,7 @@ function CaseFlagTableComponent_table_0_tbody_20_tr_1_Template(rf, ctx) { if (rf
31560
31602
  i0.ɵɵtext(12);
31561
31603
  i0.ɵɵpipe(13, "flagFieldDisplay");
31562
31604
  i0.ɵɵelementEnd();
31563
- i0.ɵɵtemplate(14, CaseFlagTableComponent_table_0_tbody_20_tr_1_div_14_Template, 3, 1, "div", 11);
31605
+ i0.ɵɵtemplate(14, CaseFlagTableComponent_table_0_tbody_20_tr_1_div_14_Template, 5, 7, "div", 11);
31564
31606
  i0.ɵɵelementEnd();
31565
31607
  i0.ɵɵelementStart(15, "td", 17);
31566
31608
  i0.ɵɵtext(16);
@@ -31589,7 +31631,7 @@ function CaseFlagTableComponent_table_0_tbody_20_tr_1_Template(rf, ctx) { if (rf
31589
31631
  i0.ɵɵadvance();
31590
31632
  i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(13, 19, flagDetail_r2, "flagComment"), " ");
31591
31633
  i0.ɵɵadvance(2);
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
+ i0.ɵɵproperty("ngIf", (flagDetail_r2.status === ctx_r0.caseFlagStatus.NOT_APPROVED || flagDetail_r2.status === ctx_r0.caseFlagStatus.INACTIVE) && flagDetail_r2.flagUpdateComment);
31593
31635
  i0.ɵɵadvance(2);
31594
31636
  i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(17, 22, flagDetail_r2.dateTimeCreated, "dd LLL yyyy"));
31595
31637
  i0.ɵɵadvance(3);
@@ -31682,7 +31724,7 @@ class CaseFlagTableComponent {
31682
31724
  }
31683
31725
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaseFlagTableComponent, [{
31684
31726
  type: Component,
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
+ 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' | rpxTranslate}}: {{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\n\n\n<!--<th scope=\"col\" class=\"govuk-table__header col-comments\">{{'caseFlagTable.comments' | rpxTranslate}}</th><th scope=\"col\" class=\"govuk-table__header col-creation-date\">{{'caseFlagTable.creationDate' | rpxTranslate}}</th><th scope=\"col\" class=\"govuk-table__header col-last-modified\">{{'caseFlagTable.lastModified' | rpxTranslate}}</th><th scope=\"col\" class=\"govuk-table__header col-flag-status\">{{'caseFlagTable.flagStatus' | rpxTranslate}}</th>-->\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"] }]
31686
31728
  }], null, { tableCaption: [{
31687
31729
  type: Input
31688
31730
  }], flagData: [{
@@ -33211,7 +33253,7 @@ function UpdateFlagComponent_ng_template_18_Template(rf, ctx) { if (rf & 1) {
33211
33253
  i0.ɵɵadvance();
33212
33254
  i0.ɵɵproperty("ngIf", ctx_r0.statusReasonCharLimitErrorMessage);
33213
33255
  i0.ɵɵadvance();
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
+ i0.ɵɵproperty("id", ctx_r0.caseFlagFormFields.UPDATE_COMMENT)("name", ctx_r0.caseFlagFormFields.UPDATE_COMMENT)("formControlName", ctx_r0.caseFlagFormFields.UPDATE_COMMENT);
33215
33257
  i0.ɵɵadvance(3);
33216
33258
  i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(6, 6, ctx_r0.updateFlagStepEnum.CHARACTER_LIMIT_INFO), " ");
33217
33259
  } }
@@ -33369,7 +33411,7 @@ class UpdateFlagComponent extends AbstractJourneyComponent {
33369
33411
  this.formGroup.addControl(CaseFlagFormFields.COMMENTS, new FormControl(existingComments));
33370
33412
  this.formGroup.addControl(CaseFlagFormFields.STATUS, new FormControl(currentFlagStatusKey));
33371
33413
  // Populate status reason only if the user is not external
33372
- this.formGroup.addControl(CaseFlagFormFields.STATUS_CHANGE_REASON, new FormControl(this.externalUserUpdate ? '' : this.flagDetail.flagUpdateComment));
33414
+ this.formGroup.addControl(CaseFlagFormFields.UPDATE_COMMENT, new FormControl(this.externalUserUpdate ? '' : this.flagDetail.flagUpdateComment));
33373
33415
  this.formGroup.addControl(CaseFlagFormFields.IS_WELSH_TRANSLATION_NEEDED, new FormControl(false));
33374
33416
  this.updateFlagTitle = this.setUpdateCaseFlagTitle(this.flagDetail);
33375
33417
  // Set the valid status options for display, based on current status of the selected flag. "Active" flags can
@@ -33475,7 +33517,7 @@ class UpdateFlagComponent extends AbstractJourneyComponent {
33475
33517
  fieldId: CaseFlagFormFields.COMMENTS
33476
33518
  });
33477
33519
  }
33478
- const statusReason = this.formGroup.get(CaseFlagFormFields.STATUS_CHANGE_REASON)?.value;
33520
+ const statusReason = this.formGroup.get(CaseFlagFormFields.UPDATE_COMMENT)?.value;
33479
33521
  const flagStatusNotApprovedKey = Object.keys(CaseFlagStatus).find((key) => CaseFlagStatus[key] === CaseFlagStatus.NOT_APPROVED);
33480
33522
  // Status reason is mandatory if flag status is "Not approved" or user is external
33481
33523
  if (this.formGroup.get(CaseFlagFormFields.STATUS)?.value === flagStatusNotApprovedKey && !statusReason) {
@@ -33483,7 +33525,7 @@ class UpdateFlagComponent extends AbstractJourneyComponent {
33483
33525
  this.errorMessages.push({
33484
33526
  title: '',
33485
33527
  description: UpdateFlagErrorMessage.STATUS_REASON_NOT_ENTERED,
33486
- fieldId: CaseFlagFormFields.STATUS_CHANGE_REASON
33528
+ fieldId: CaseFlagFormFields.UPDATE_COMMENT
33487
33529
  });
33488
33530
  }
33489
33531
  if (this.externalUserUpdate && !statusReason) {
@@ -33491,7 +33533,7 @@ class UpdateFlagComponent extends AbstractJourneyComponent {
33491
33533
  this.errorMessages.push({
33492
33534
  title: '',
33493
33535
  description: UpdateFlagErrorMessage.STATUS_REASON_NOT_ENTERED_EXTERNAL,
33494
- fieldId: CaseFlagFormFields.STATUS_CHANGE_REASON
33536
+ fieldId: CaseFlagFormFields.UPDATE_COMMENT
33495
33537
  });
33496
33538
  }
33497
33539
  if (statusReason && statusReason.length > this.textMaxCharLimit) {
@@ -33499,7 +33541,7 @@ class UpdateFlagComponent extends AbstractJourneyComponent {
33499
33541
  this.errorMessages.push({
33500
33542
  title: '',
33501
33543
  description: UpdateFlagErrorMessage.STATUS_REASON_CHAR_LIMIT_EXCEEDED,
33502
- fieldId: CaseFlagFormFields.STATUS_CHANGE_REASON
33544
+ fieldId: CaseFlagFormFields.UPDATE_COMMENT
33503
33545
  });
33504
33546
  }
33505
33547
  }
@@ -33555,7 +33597,7 @@ class UpdateFlagComponent extends AbstractJourneyComponent {
33555
33597
  }
33556
33598
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(UpdateFlagComponent, [{
33557
33599
  type: Component,
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
+ 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" }]
33559
33601
  }], () => [{ type: i1.RpxTranslationService }, { type: MultipageComponentStateService }], { formGroup: [{
33560
33602
  type: Input
33561
33603
  }], displayContextParameter: [{
@@ -33566,8 +33608,8 @@ class UpdateFlagComponent extends AbstractJourneyComponent {
33566
33608
  (() => { (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 }); })();
33567
33609
 
33568
33610
  const _c0$n = a0 => ({ "form-group-error": a0 });
33569
- function UpdateFlagAddTranslationFormComponent_div_10_div_5_Template(rf, ctx) { if (rf & 1) {
33570
- i0.ɵɵelementStart(0, "div", 18)(1, "span", 19);
33611
+ function UpdateFlagAddTranslationFormComponent_div_14_Template(rf, ctx) { if (rf & 1) {
33612
+ i0.ɵɵelementStart(0, "div", 21)(1, "span", 22);
33571
33613
  i0.ɵɵtext(2);
33572
33614
  i0.ɵɵpipe(3, "rpxTranslate");
33573
33615
  i0.ɵɵelementEnd();
@@ -33575,14 +33617,14 @@ function UpdateFlagAddTranslationFormComponent_div_10_div_5_Template(rf, ctx) {
33575
33617
  i0.ɵɵpipe(5, "rpxTranslate");
33576
33618
  i0.ɵɵelementEnd();
33577
33619
  } if (rf & 2) {
33578
- const ctx_r0 = i0.ɵɵnextContext(2);
33620
+ const ctx_r0 = i0.ɵɵnextContext();
33579
33621
  i0.ɵɵadvance(2);
33580
33622
  i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 2, "Error:"));
33581
33623
  i0.ɵɵadvance(2);
33582
33624
  i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(5, 4, ctx_r0.otherFlagDescriptionCharLimitErrorMessage), " ");
33583
33625
  } }
33584
- function UpdateFlagAddTranslationFormComponent_div_10_div_15_Template(rf, ctx) { if (rf & 1) {
33585
- i0.ɵɵelementStart(0, "div", 20)(1, "span", 19);
33626
+ function UpdateFlagAddTranslationFormComponent_div_24_Template(rf, ctx) { if (rf & 1) {
33627
+ i0.ɵɵelementStart(0, "div", 23)(1, "span", 22);
33586
33628
  i0.ɵɵtext(2);
33587
33629
  i0.ɵɵpipe(3, "rpxTranslate");
33588
33630
  i0.ɵɵelementEnd();
@@ -33590,62 +33632,44 @@ function UpdateFlagAddTranslationFormComponent_div_10_div_15_Template(rf, ctx) {
33590
33632
  i0.ɵɵpipe(5, "rpxTranslate");
33591
33633
  i0.ɵɵelementEnd();
33592
33634
  } if (rf & 2) {
33593
- const ctx_r0 = i0.ɵɵnextContext(2);
33635
+ const ctx_r0 = i0.ɵɵnextContext();
33594
33636
  i0.ɵɵadvance(2);
33595
33637
  i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 2, "Error:"));
33596
33638
  i0.ɵɵadvance(2);
33597
33639
  i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(5, 4, ctx_r0.otherFlagDescriptionWelshCharLimitErrorMessage), " ");
33598
33640
  } }
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");
33641
+ function UpdateFlagAddTranslationFormComponent_div_34_Template(rf, ctx) { if (rf & 1) {
33642
+ i0.ɵɵelementStart(0, "div", 24)(1, "span", 22);
33643
+ i0.ɵɵtext(2);
33644
+ i0.ɵɵpipe(3, "rpxTranslate");
33603
33645
  i0.ɵɵelementEnd();
33604
- i0.ɵɵtemplate(5, UpdateFlagAddTranslationFormComponent_div_10_div_5_Template, 6, 6, "div", 14);
33605
- i0.ɵɵelementStart(6, "textarea", 10);
33606
- i0.ɵɵtext(7, " ");
33646
+ i0.ɵɵtext(4);
33647
+ i0.ɵɵpipe(5, "rpxTranslate");
33607
33648
  i0.ɵɵelementEnd();
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");
33649
+ } if (rf & 2) {
33650
+ const ctx_r0 = i0.ɵɵnextContext();
33651
+ i0.ɵɵadvance(2);
33652
+ i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 2, "Error:"));
33653
+ i0.ɵɵadvance(2);
33654
+ i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(5, 4, ctx_r0.flagCommentsCharLimitErrorMessage), " ");
33655
+ } }
33656
+ function UpdateFlagAddTranslationFormComponent_div_44_Template(rf, ctx) { if (rf & 1) {
33657
+ i0.ɵɵelementStart(0, "div", 25)(1, "span", 22);
33658
+ i0.ɵɵtext(2);
33659
+ i0.ɵɵpipe(3, "rpxTranslate");
33615
33660
  i0.ɵɵelementEnd();
33616
- i0.ɵɵtemplate(15, UpdateFlagAddTranslationFormComponent_div_10_div_15_Template, 6, 6, "div", 16);
33617
- i0.ɵɵelementStart(16, "textarea", 10);
33618
- i0.ɵɵtext(17, " ");
33661
+ i0.ɵɵtext(4);
33662
+ i0.ɵɵpipe(5, "rpxTranslate");
33619
33663
  i0.ɵɵelementEnd();
33620
- i0.ɵɵelementStart(18, "div", 17);
33621
- i0.ɵɵtext(19);
33622
- i0.ɵɵpipe(20, "rpxTranslate");
33623
- i0.ɵɵelementEnd()()();
33624
33664
  } if (rf & 2) {
33625
33665
  const ctx_r0 = i0.ɵɵnextContext();
33626
33666
  i0.ɵɵadvance(2);
33627
- i0.ɵɵproperty("for", ctx_r0.caseFlagFormFields.OTHER_FLAG_DESCRIPTION);
33628
- i0.ɵɵadvance();
33629
- i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(4, 14, "Other description"));
33630
- i0.ɵɵadvance(2);
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)"));
33667
+ i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 2, "Error:"));
33640
33668
  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
+ i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(5, 4, ctx_r0.flagCommentsWelshCharLimitErrorMessage), " ");
33646
33670
  } }
33647
- function UpdateFlagAddTranslationFormComponent_div_15_Template(rf, ctx) { if (rf & 1) {
33648
- i0.ɵɵelementStart(0, "div", 21)(1, "span", 19);
33671
+ function UpdateFlagAddTranslationFormComponent_div_54_Template(rf, ctx) { if (rf & 1) {
33672
+ i0.ɵɵelementStart(0, "div", 26)(1, "span", 22);
33649
33673
  i0.ɵɵtext(2);
33650
33674
  i0.ɵɵpipe(3, "rpxTranslate");
33651
33675
  i0.ɵɵelementEnd();
@@ -33657,10 +33681,10 @@ function UpdateFlagAddTranslationFormComponent_div_15_Template(rf, ctx) { if (rf
33657
33681
  i0.ɵɵadvance(2);
33658
33682
  i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 2, "Error:"));
33659
33683
  i0.ɵɵadvance(2);
33660
- i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(5, 4, ctx_r0.flagCommentsCharLimitErrorMessage), " ");
33684
+ i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(5, 4, ctx_r0.flagCommentsWelshCharLimitErrorMessage), " ");
33661
33685
  } }
33662
- function UpdateFlagAddTranslationFormComponent_div_25_Template(rf, ctx) { if (rf & 1) {
33663
- i0.ɵɵelementStart(0, "div", 22)(1, "span", 19);
33686
+ function UpdateFlagAddTranslationFormComponent_div_64_Template(rf, ctx) { if (rf & 1) {
33687
+ i0.ɵɵelementStart(0, "div", 27)(1, "span", 22);
33664
33688
  i0.ɵɵtext(2);
33665
33689
  i0.ɵɵpipe(3, "rpxTranslate");
33666
33690
  i0.ɵɵelementEnd();
@@ -33680,7 +33704,6 @@ class UpdateFlagAddTranslationFormComponent extends AbstractJourneyComponent {
33680
33704
  selectedFlag;
33681
33705
  updateFlagAddTranslationTitle;
33682
33706
  errorMessages = [];
33683
- otherFlagType = false;
33684
33707
  otherFlagDescriptionCharLimitErrorMessage = null;
33685
33708
  otherFlagDescriptionWelshCharLimitErrorMessage = null;
33686
33709
  flagCommentsCharLimitErrorMessage = null;
@@ -33688,18 +33711,17 @@ class UpdateFlagAddTranslationFormComponent extends AbstractJourneyComponent {
33688
33711
  updateFlagAddTranslationStepEnum = UpdateFlagAddTranslationStep;
33689
33712
  caseFlagFormFields = CaseFlagFormFields;
33690
33713
  textMaxCharLimit = 200;
33691
- otherFlagTypeCode = 'OT0001';
33692
33714
  selectedManageCaseLocation = 'selectedManageCaseLocation';
33693
33715
  ngOnInit() {
33694
33716
  this.updateFlagAddTranslationTitle = CaseFlagWizardStepTitle.UPDATE_FLAG_ADD_TRANSLATION;
33695
33717
  this.selectedFlag = this.formGroup.get(this.selectedManageCaseLocation).value;
33696
- this.otherFlagType = this.selectedFlag?.flagDetailDisplay?.flagDetail?.flagCode === this.otherFlagTypeCode;
33697
33718
  this.multipageComponentStateService.getJourneyCollectionMainObject().journeyEndPageNumber++;
33698
33719
  const flagDetail = this.selectedFlag?.flagDetailDisplay?.flagDetail;
33699
33720
  this.formGroup.addControl(CaseFlagFormFields.OTHER_FLAG_DESCRIPTION, new FormControl(flagDetail?.otherDescription));
33700
33721
  this.formGroup.addControl(CaseFlagFormFields.OTHER_FLAG_DESCRIPTION_WELSH, new FormControl(flagDetail?.otherDescription_cy));
33701
33722
  this.formGroup.addControl(CaseFlagFormFields.COMMENTS, new FormControl(flagDetail?.flagComment));
33702
33723
  this.formGroup.addControl(CaseFlagFormFields.COMMENTS_WELSH, new FormControl(flagDetail?.flagComment_cy));
33724
+ this.formGroup.addControl(CaseFlagFormFields.UPDATE_COMMENT_WELSH, new FormControl(flagDetail?.flagUpdateComment_cy));
33703
33725
  }
33704
33726
  ngOnDestroy() {
33705
33727
  this.multipageComponentStateService.getJourneyCollectionMainObject().journeyEndPageNumber--;
@@ -33722,23 +33744,21 @@ class UpdateFlagAddTranslationFormComponent extends AbstractJourneyComponent {
33722
33744
  this.flagCommentsCharLimitErrorMessage = null;
33723
33745
  this.flagCommentsWelshCharLimitErrorMessage = null;
33724
33746
  this.errorMessages = [];
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
- }
33747
+ if (this.formGroup.get(CaseFlagFormFields.OTHER_FLAG_DESCRIPTION)?.value?.length > this.textMaxCharLimit) {
33748
+ this.otherFlagDescriptionCharLimitErrorMessage = UpdateFlagAddTranslationErrorMessage.DESCRIPTION_CHAR_LIMIT_EXCEEDED;
33749
+ this.errorMessages.push({
33750
+ title: '',
33751
+ description: UpdateFlagAddTranslationErrorMessage.DESCRIPTION_CHAR_LIMIT_EXCEEDED,
33752
+ fieldId: CaseFlagFormFields.OTHER_FLAG_DESCRIPTION
33753
+ });
33754
+ }
33755
+ if (this.formGroup.get(CaseFlagFormFields.OTHER_FLAG_DESCRIPTION_WELSH)?.value?.length > this.textMaxCharLimit) {
33756
+ this.otherFlagDescriptionWelshCharLimitErrorMessage = UpdateFlagAddTranslationErrorMessage.DESCRIPTION_CHAR_LIMIT_EXCEEDED;
33757
+ this.errorMessages.push({
33758
+ title: '',
33759
+ description: UpdateFlagAddTranslationErrorMessage.DESCRIPTION_CHAR_LIMIT_EXCEEDED,
33760
+ fieldId: CaseFlagFormFields.OTHER_FLAG_DESCRIPTION_WELSH
33761
+ });
33742
33762
  }
33743
33763
  if (this.formGroup.get(CaseFlagFormFields.COMMENTS)?.value?.length > this.textMaxCharLimit) {
33744
33764
  this.flagCommentsCharLimitErrorMessage = UpdateFlagAddTranslationErrorMessage.COMMENTS_CHAR_LIMIT_EXCEEDED;
@@ -33764,7 +33784,7 @@ class UpdateFlagAddTranslationFormComponent extends AbstractJourneyComponent {
33764
33784
  }
33765
33785
  }
33766
33786
  static ɵfac = /*@__PURE__*/ (() => { let ɵUpdateFlagAddTranslationFormComponent_BaseFactory; return function UpdateFlagAddTranslationFormComponent_Factory(__ngFactoryType__) { return (ɵUpdateFlagAddTranslationFormComponent_BaseFactory || (ɵUpdateFlagAddTranslationFormComponent_BaseFactory = i0.ɵɵgetInheritedFactory(UpdateFlagAddTranslationFormComponent)))(__ngFactoryType__ || UpdateFlagAddTranslationFormComponent); }; })();
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
+ 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) {
33768
33788
  i0.ɵɵelementContainerStart(0, 0);
33769
33789
  i0.ɵɵelementStart(1, "div", 1)(2, "div", 2)(3, "h1", 3)(4, "label", 4);
33770
33790
  i0.ɵɵtext(5);
@@ -33774,67 +33794,152 @@ class UpdateFlagAddTranslationFormComponent extends AbstractJourneyComponent {
33774
33794
  i0.ɵɵtext(8);
33775
33795
  i0.ɵɵpipe(9, "rpxTranslate");
33776
33796
  i0.ɵɵelementEnd();
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");
33797
+ i0.ɵɵelementStart(10, "div", 6)(11, "label", 7);
33798
+ i0.ɵɵtext(12);
33799
+ i0.ɵɵpipe(13, "rpxTranslate");
33781
33800
  i0.ɵɵelementEnd();
33782
- i0.ɵɵtemplate(15, UpdateFlagAddTranslationFormComponent_div_15_Template, 6, 6, "div", 9);
33783
- i0.ɵɵelementStart(16, "textarea", 10);
33784
- i0.ɵɵtext(17, " ");
33801
+ i0.ɵɵtemplate(14, UpdateFlagAddTranslationFormComponent_div_14_Template, 6, 6, "div", 8);
33802
+ i0.ɵɵelementStart(15, "textarea", 9);
33803
+ i0.ɵɵtext(16, " ");
33785
33804
  i0.ɵɵelementEnd();
33786
- i0.ɵɵelementStart(18, "div", 11);
33787
- i0.ɵɵtext(19);
33788
- i0.ɵɵpipe(20, "rpxTranslate");
33805
+ i0.ɵɵelementStart(17, "div", 10);
33806
+ i0.ɵɵtext(18);
33807
+ i0.ɵɵpipe(19, "rpxTranslate");
33789
33808
  i0.ɵɵelementEnd()();
33790
- i0.ɵɵelementStart(21, "div", 7)(22, "label", 8);
33791
- i0.ɵɵtext(23);
33792
- i0.ɵɵpipe(24, "rpxTranslate");
33809
+ i0.ɵɵelementStart(20, "div", 6)(21, "label", 7);
33810
+ i0.ɵɵtext(22);
33811
+ i0.ɵɵpipe(23, "rpxTranslate");
33793
33812
  i0.ɵɵelementEnd();
33794
- i0.ɵɵtemplate(25, UpdateFlagAddTranslationFormComponent_div_25_Template, 6, 6, "div", 12);
33795
- i0.ɵɵelementStart(26, "textarea", 10);
33796
- i0.ɵɵtext(27, " ");
33813
+ i0.ɵɵtemplate(24, UpdateFlagAddTranslationFormComponent_div_24_Template, 6, 6, "div", 11);
33814
+ i0.ɵɵelementStart(25, "textarea", 9);
33815
+ i0.ɵɵtext(26, " ");
33797
33816
  i0.ɵɵelementEnd();
33798
- i0.ɵɵelementStart(28, "div", 13);
33799
- i0.ɵɵtext(29);
33800
- i0.ɵɵpipe(30, "rpxTranslate");
33817
+ i0.ɵɵelementStart(27, "div", 12);
33818
+ i0.ɵɵtext(28);
33819
+ i0.ɵɵpipe(29, "rpxTranslate");
33820
+ i0.ɵɵelementEnd()();
33821
+ i0.ɵɵelementStart(30, "div", 6)(31, "label", 7);
33822
+ i0.ɵɵtext(32);
33823
+ i0.ɵɵpipe(33, "rpxTranslate");
33824
+ i0.ɵɵelementEnd();
33825
+ i0.ɵɵtemplate(34, UpdateFlagAddTranslationFormComponent_div_34_Template, 6, 6, "div", 13);
33826
+ i0.ɵɵelementStart(35, "textarea", 9);
33827
+ i0.ɵɵtext(36, " ");
33828
+ i0.ɵɵelementEnd();
33829
+ i0.ɵɵelementStart(37, "div", 14);
33830
+ i0.ɵɵtext(38);
33831
+ i0.ɵɵpipe(39, "rpxTranslate");
33832
+ i0.ɵɵelementEnd()();
33833
+ i0.ɵɵelementStart(40, "div", 6)(41, "label", 7);
33834
+ i0.ɵɵtext(42);
33835
+ i0.ɵɵpipe(43, "rpxTranslate");
33836
+ i0.ɵɵelementEnd();
33837
+ i0.ɵɵtemplate(44, UpdateFlagAddTranslationFormComponent_div_44_Template, 6, 6, "div", 15);
33838
+ i0.ɵɵelementStart(45, "textarea", 9);
33839
+ i0.ɵɵtext(46, " ");
33840
+ i0.ɵɵelementEnd();
33841
+ i0.ɵɵelementStart(47, "div", 16);
33842
+ i0.ɵɵtext(48);
33843
+ i0.ɵɵpipe(49, "rpxTranslate");
33844
+ i0.ɵɵelementEnd()();
33845
+ i0.ɵɵelementStart(50, "div", 6)(51, "label", 7);
33846
+ i0.ɵɵtext(52);
33847
+ i0.ɵɵpipe(53, "rpxTranslate");
33848
+ i0.ɵɵelementEnd();
33849
+ i0.ɵɵtemplate(54, UpdateFlagAddTranslationFormComponent_div_54_Template, 6, 6, "div", 17);
33850
+ i0.ɵɵelementStart(55, "textarea", 9);
33851
+ i0.ɵɵtext(56, " ");
33852
+ i0.ɵɵelementEnd();
33853
+ i0.ɵɵelementStart(57, "div", 18);
33854
+ i0.ɵɵtext(58);
33855
+ i0.ɵɵpipe(59, "rpxTranslate");
33856
+ i0.ɵɵelementEnd()();
33857
+ i0.ɵɵelementStart(60, "div", 6)(61, "label", 7);
33858
+ i0.ɵɵtext(62);
33859
+ i0.ɵɵpipe(63, "rpxTranslate");
33860
+ i0.ɵɵelementEnd();
33861
+ i0.ɵɵtemplate(64, UpdateFlagAddTranslationFormComponent_div_64_Template, 6, 6, "div", 19);
33862
+ i0.ɵɵelementStart(65, "textarea", 9);
33863
+ i0.ɵɵtext(66, " ");
33864
+ i0.ɵɵelementEnd();
33865
+ i0.ɵɵelementStart(67, "div", 20);
33866
+ i0.ɵɵtext(68);
33867
+ i0.ɵɵpipe(69, "rpxTranslate");
33801
33868
  i0.ɵɵelementEnd()()()();
33802
33869
  i0.ɵɵelementContainerEnd();
33803
33870
  } if (rf & 2) {
33804
33871
  i0.ɵɵproperty("formGroup", ctx.formGroup);
33805
33872
  i0.ɵɵadvance(2);
33806
- i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(31, _c0$n, ctx.errorMessages.length > 0));
33873
+ i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(74, _c0$n, ctx.errorMessages.length > 0));
33874
+ i0.ɵɵadvance(3);
33875
+ i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(6, 46, ctx.updateFlagAddTranslationTitle), " ");
33807
33876
  i0.ɵɵadvance(3);
33808
- i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(6, 19, ctx.updateFlagAddTranslationTitle), " ");
33877
+ i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(9, 48, ctx.updateFlagAddTranslationStepEnum.HINT_TEXT), " ");
33809
33878
  i0.ɵɵadvance(3);
33810
- i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(9, 21, ctx.updateFlagAddTranslationStepEnum.HINT_TEXT), " ");
33879
+ i0.ɵɵproperty("for", ctx.caseFlagFormFields.OTHER_FLAG_DESCRIPTION);
33880
+ i0.ɵɵadvance();
33881
+ i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(13, 50, "Other description"));
33811
33882
  i0.ɵɵadvance(2);
33812
- i0.ɵɵproperty("ngIf", ctx.otherFlagType);
33883
+ i0.ɵɵproperty("ngIf", ctx.otherFlagDescriptionCharLimitErrorMessage);
33884
+ i0.ɵɵadvance();
33885
+ i0.ɵɵproperty("id", ctx.caseFlagFormFields.OTHER_FLAG_DESCRIPTION)("name", ctx.caseFlagFormFields.OTHER_FLAG_DESCRIPTION)("formControlName", ctx.caseFlagFormFields.OTHER_FLAG_DESCRIPTION);
33886
+ i0.ɵɵadvance(3);
33887
+ i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(19, 52, ctx.updateFlagAddTranslationStepEnum.CHARACTER_LIMIT_INFO), " ");
33888
+ i0.ɵɵadvance(3);
33889
+ i0.ɵɵproperty("for", ctx.caseFlagFormFields.OTHER_FLAG_DESCRIPTION_WELSH);
33890
+ i0.ɵɵadvance();
33891
+ i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(23, 54, "Other description (Welsh)"));
33813
33892
  i0.ɵɵadvance(2);
33893
+ i0.ɵɵproperty("ngIf", ctx.otherFlagDescriptionWelshCharLimitErrorMessage);
33894
+ i0.ɵɵadvance();
33895
+ i0.ɵɵproperty("id", ctx.caseFlagFormFields.OTHER_FLAG_DESCRIPTION_WELSH)("name", ctx.caseFlagFormFields.OTHER_FLAG_DESCRIPTION_WELSH)("formControlName", ctx.caseFlagFormFields.OTHER_FLAG_DESCRIPTION_WELSH);
33896
+ i0.ɵɵadvance(3);
33897
+ i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(29, 56, ctx.updateFlagAddTranslationStepEnum.CHARACTER_LIMIT_INFO), " ");
33898
+ i0.ɵɵadvance(3);
33814
33899
  i0.ɵɵproperty("for", ctx.caseFlagFormFields.COMMENTS);
33815
33900
  i0.ɵɵadvance();
33816
- i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(14, 23, "Flag comments"));
33901
+ i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(33, 58, "Flag comments"));
33817
33902
  i0.ɵɵadvance(2);
33818
33903
  i0.ɵɵproperty("ngIf", ctx.flagCommentsCharLimitErrorMessage);
33819
33904
  i0.ɵɵadvance();
33820
33905
  i0.ɵɵproperty("id", ctx.caseFlagFormFields.COMMENTS)("name", ctx.caseFlagFormFields.COMMENTS)("formControlName", ctx.caseFlagFormFields.COMMENTS);
33821
33906
  i0.ɵɵadvance(3);
33822
- i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(20, 25, ctx.updateFlagAddTranslationStepEnum.CHARACTER_LIMIT_INFO), " ");
33907
+ i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(39, 60, ctx.updateFlagAddTranslationStepEnum.CHARACTER_LIMIT_INFO), " ");
33823
33908
  i0.ɵɵadvance(3);
33824
33909
  i0.ɵɵproperty("for", ctx.caseFlagFormFields.COMMENTS_WELSH);
33825
33910
  i0.ɵɵadvance();
33826
- i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(24, 27, "Flag comments (Welsh)"));
33911
+ i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(43, 62, "Flag comments (Welsh)"));
33827
33912
  i0.ɵɵadvance(2);
33828
33913
  i0.ɵɵproperty("ngIf", ctx.flagCommentsWelshCharLimitErrorMessage);
33829
33914
  i0.ɵɵadvance();
33830
33915
  i0.ɵɵproperty("id", ctx.caseFlagFormFields.COMMENTS_WELSH)("name", ctx.caseFlagFormFields.COMMENTS_WELSH)("formControlName", ctx.caseFlagFormFields.COMMENTS_WELSH);
33831
33916
  i0.ɵɵadvance(3);
33832
- i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(30, 29, ctx.updateFlagAddTranslationStepEnum.CHARACTER_LIMIT_INFO), " ");
33917
+ i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(49, 64, ctx.updateFlagAddTranslationStepEnum.CHARACTER_LIMIT_INFO), " ");
33918
+ i0.ɵɵadvance(3);
33919
+ i0.ɵɵproperty("for", ctx.caseFlagFormFields.UPDATE_COMMENT);
33920
+ i0.ɵɵadvance();
33921
+ i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(53, 66, "Reason for change"));
33922
+ i0.ɵɵadvance(2);
33923
+ i0.ɵɵproperty("ngIf", ctx.flagCommentsWelshCharLimitErrorMessage);
33924
+ i0.ɵɵadvance();
33925
+ i0.ɵɵproperty("id", ctx.caseFlagFormFields.UPDATE_COMMENT)("name", ctx.caseFlagFormFields.UPDATE_COMMENT)("formControlName", ctx.caseFlagFormFields.UPDATE_COMMENT);
33926
+ i0.ɵɵadvance(3);
33927
+ i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(59, 68, ctx.updateFlagAddTranslationStepEnum.CHARACTER_LIMIT_INFO), " ");
33928
+ i0.ɵɵadvance(3);
33929
+ i0.ɵɵproperty("for", ctx.caseFlagFormFields.UPDATE_COMMENT_WELSH);
33930
+ i0.ɵɵadvance();
33931
+ i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(63, 70, "Reason for change (Welsh)"));
33932
+ i0.ɵɵadvance(2);
33933
+ i0.ɵɵproperty("ngIf", ctx.flagCommentsWelshCharLimitErrorMessage);
33934
+ i0.ɵɵadvance();
33935
+ i0.ɵɵproperty("id", ctx.caseFlagFormFields.UPDATE_COMMENT_WELSH)("name", ctx.caseFlagFormFields.UPDATE_COMMENT_WELSH)("formControlName", ctx.caseFlagFormFields.UPDATE_COMMENT_WELSH);
33936
+ i0.ɵɵadvance(3);
33937
+ i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(69, 72, ctx.updateFlagAddTranslationStepEnum.CHARACTER_LIMIT_INFO), " ");
33833
33938
  } }, dependencies: [i5.NgClass, i5.NgIf, i4.DefaultValueAccessor, i4.NgControlStatus, i4.NgControlStatusGroup, i4.FormGroupDirective, i4.FormControlName, i1.RpxTranslatePipe], encapsulation: 2 });
33834
33939
  }
33835
33940
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(UpdateFlagAddTranslationFormComponent, [{
33836
33941
  type: Component,
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
+ 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" }]
33838
33943
  }], null, { formGroup: [{
33839
33944
  type: Input
33840
33945
  }], caseFlagStateEmitter: [{