@hmcts/ccd-case-ui-toolkit 7.2.47-test-log-errors → 7.2.48-manage-caseLink-event

package/fesm2022/hmcts-ccd-case-ui-toolkit.mjs

@@ -2932,6 +2932,9 @@ class FieldLabelPipe {
             return field.label;
         }
     }
+    getOriginalLabelForYesNoTranslation(field) {
+        return field.originalLabel || field.label;
+    }
     static ɵfac = function FieldLabelPipe_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || FieldLabelPipe)(i0.ɵɵdirectiveInject(i1.RpxTranslatePipe, 16)); };
     static ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "ccdFieldLabel", type: FieldLabelPipe, pure: false });
 }
@@ -3280,6 +3283,7 @@ class CaseField {
     hidden;
     hiddenCannotChange;
     label;
+    originalLabel;
     order;
     parent;
     field_type;
@@ -6598,31 +6602,43 @@ class LabelSubstitutorDirective {
     fieldsUtils;
     placeholderService;
     rpxTranslationPipe;
+    rpxTranslationService;
     caseField;
     contextFields = [];
     formGroup;
     elementsToSubstitute = ['label', 'hint_text'];
-    initialLabel;
     initialHintText;
-    constructor(fieldsUtils, placeholderService, rpxTranslationPipe) {
+    languageSubscription;
+    constructor(fieldsUtils, placeholderService, rpxTranslationPipe, rpxTranslationService) {
         this.fieldsUtils = fieldsUtils;
         this.placeholderService = placeholderService;
         this.rpxTranslationPipe = rpxTranslationPipe;
+        this.rpxTranslationService = rpxTranslationService;
     }
     ngOnInit() {
-        this.initialLabel = this.caseField.label;
         this.initialHintText = this.caseField.hint_text;
+        this.caseField.originalLabel = this.caseField.label;
         this.formGroup = this.formGroup || new FormGroup({});
+        this.languageSubscription = this.rpxTranslationService.language$.subscribe(() => {
+            // timeout is required to prevent race conditions with translation pipe
+            setTimeout(() => {
+                this.onLanguageChange();
+            }, 100);
+        });
+        this.applySubstitutions();
+    }
+    applySubstitutions() {
         const fields = this.getReadOnlyAndFormFields();
         if (this.shouldSubstitute('label')) {
             const oldLabel = this.caseField.label;
             const substitutedLabel = this.resolvePlaceholders(fields, this.caseField.label);
             if (oldLabel && oldLabel !== substitutedLabel) {
                 // we need to translate the uninterpolated data then substitute the values in translated string
+                this.caseField.originalLabel = substitutedLabel;
                 const translated = this.rpxTranslationPipe.transform(oldLabel);
                 const transSubstitutedLabel = this.resolvePlaceholders(fields, translated);
                 this.caseField.label = transSubstitutedLabel;
-                this.caseField.isTranslated = true;
+                this.caseField.isTranslated = this.rpxTranslationService.language === 'cy' && translated !== oldLabel;
             }
             else {
                 this.caseField.label = substitutedLabel;
@@ -6636,13 +6652,24 @@ class LabelSubstitutorDirective {
             this.caseField.value = this.resolvePlaceholders(fields, this.caseField.value);
         }
     }
-    ngOnDestroy() {
-        if (this.initialLabel) {
-            this.caseField.label = this.initialLabel;
+    onLanguageChange() {
+        this.resetToInitialValues();
+        this.applySubstitutions();
+    }
+    resetToInitialValues() {
+        if (this.caseField?.originalLabel) {
+            this.caseField.label = this.caseField.originalLabel;
         }
         if (this.initialHintText) {
             this.caseField.hint_text = this.initialHintText;
         }
+        this.caseField.isTranslated = false;
+    }
+    ngOnDestroy() {
+        this.resetToInitialValues();
+        if (this.languageSubscription) {
+            this.languageSubscription.unsubscribe();
+        }
     }
     shouldSubstitute(element) {
         return this.elementsToSubstitute.find(e => e === element) !== undefined;
@@ -6669,13 +6696,13 @@ class LabelSubstitutorDirective {
     resolvePlaceholders(fields, stringToResolve) {
         return this.placeholderService.resolvePlaceholders(fields, stringToResolve);
     }
-    static ɵfac = function LabelSubstitutorDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LabelSubstitutorDirective)(i0.ɵɵdirectiveInject(FieldsUtils), i0.ɵɵdirectiveInject(PlaceholderService), i0.ɵɵdirectiveInject(i1.RpxTranslatePipe)); };
+    static ɵfac = function LabelSubstitutorDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LabelSubstitutorDirective)(i0.ɵɵdirectiveInject(FieldsUtils), i0.ɵɵdirectiveInject(PlaceholderService), i0.ɵɵdirectiveInject(i1.RpxTranslatePipe), i0.ɵɵdirectiveInject(i1.RpxTranslationService)); };
     static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: LabelSubstitutorDirective, selectors: [["", "ccdLabelSubstitutor", ""]], inputs: { caseField: "caseField", contextFields: "contextFields", formGroup: "formGroup", elementsToSubstitute: "elementsToSubstitute" } });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LabelSubstitutorDirective, [{
         type: Directive,
         args: [{ selector: '[ccdLabelSubstitutor]' }]
-    }], () => [{ type: FieldsUtils }, { type: PlaceholderService }, { type: i1.RpxTranslatePipe }], { caseField: [{
+    }], () => [{ type: FieldsUtils }, { type: PlaceholderService }, { type: i1.RpxTranslatePipe }, { type: i1.RpxTranslationService }], { caseField: [{
             type: Input
         }], contextFields: [{
             type: Input
@@ -18705,7 +18732,7 @@ class UnLinkCasesComponent extends AbstractFieldWriteJourneyComponent {
             this.errorMessages.push({
                 title: 'case-selection',
                 description: LinkedCasesErrorMessages.UnlinkCaseSelectionError,
-                fieldId: `case-reference-${this.linkedCases[0].caseReference}`
+                fieldId: `case-reference-${this.linkedCases[0]?.caseReference}`
             });
             this.unlinkErrorMessage = LinkedCasesErrorMessages.UnlinkCaseSelectionError;
             navigateToNextPage = false;
@@ -22702,15 +22729,15 @@ class QueryWriteAddDocumentsComponent {
         this.documentFormControlSubscription?.unsubscribe();
     }
     static ɵfac = function QueryWriteAddDocumentsComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || QueryWriteAddDocumentsComponent)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: QueryWriteAddDocumentsComponent, selectors: [["ccd-query-write-add-documents"]], inputs: { formGroup: "formGroup", label: "label", hintText: "hintText" }, outputs: { documentCollectionUpdate: "documentCollectionUpdate" }, decls: 1, vars: 2, consts: [[3, "formGroup", "caseFields"]], template: function QueryWriteAddDocumentsComponent_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: QueryWriteAddDocumentsComponent, selectors: [["ccd-query-write-add-documents"]], inputs: { formGroup: "formGroup", label: "label", hintText: "hintText" }, outputs: { documentCollectionUpdate: "documentCollectionUpdate" }, decls: 1, vars: 2, consts: [[3, "formGroup", "caseField"]], template: function QueryWriteAddDocumentsComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelement(0, "ccd-write-collection-field", 0);
         } if (rf & 2) {
-            i0.ɵɵproperty("formGroup", ctx.documentFormGroup)("caseFields", ctx.mockDocumentCaseField);
+            i0.ɵɵproperty("formGroup", ctx.documentFormGroup)("caseField", ctx.mockDocumentCaseField);
         } }, encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(QueryWriteAddDocumentsComponent, [{
         type: Component,
-        args: [{ selector: 'ccd-query-write-add-documents', template: "<ccd-write-collection-field [formGroup]=\"documentFormGroup\" [caseFields]=\"mockDocumentCaseField\">\n</ccd-write-collection-field>\n" }]
+        args: [{ selector: 'ccd-query-write-add-documents', template: "<ccd-write-collection-field [formGroup]=\"documentFormGroup\" [caseField]=\"mockDocumentCaseField\">\n</ccd-write-collection-field>\n" }]
     }], null, { formGroup: [{
             type: Input
         }], label: [{
@@ -24108,7 +24135,7 @@ function WriteYesNoFieldComponent_div_7_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance();
     i0.ɵɵproperty("for", ctx_r0.createElementId(value_r2));
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(ctx_r0.caseField.label ? i0.ɵɵpipeBind3(4, 8, ctx_r0.caseField.label, null, value_r2) : value_r2);
+    i0.ɵɵtextInterpolate(ctx_r0.caseField.label ? i0.ɵɵpipeBind3(4, 8, ctx_r0.caseField.originalLabel || ctx_r0.caseField.label, null, value_r2) : value_r2);
 } }
 class WriteYesNoFieldComponent extends AbstractFieldWriteComponent {
     yesNoService;
@@ -24146,7 +24173,7 @@ class WriteYesNoFieldComponent extends AbstractFieldWriteComponent {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WriteYesNoFieldComponent, [{
         type: Component,
-        args: [{ selector: 'ccd-write-yes-no-field', template: "<div [id]=\"id()\" class=\"form-group bottom-30\" [ngClass]=\"{'form-group-error': !yesNoControl.valid && (yesNoControl.dirty || yesNoControl.touched)}\">\n\t<fieldset class=\"inline\">\n    <legend>\n      <span class=\"form-label\" *ngIf=\"caseField.label\">{{caseField | ccdFieldLabel}}</span>\n    </legend>\n    <span class=\"form-hint\" *ngIf=\"caseField.hint_text\">{{caseField.hint_text | rpxTranslate}}</span>\n    <span class=\"error-message\" *ngIf=\"yesNoControl.errors && (yesNoControl.dirty || yesNoControl.touched)\">\n      {{yesNoControl.errors | ccdFirstError:caseField.label}}\n    </span>\n\n    <div [id]=\"createElementId('radio')\">\n  \t  <div class=\"multiple-choice\" *ngFor=\"let value of yesNoValues\" [ngClass]=\"{selected: yesNoControl.value === value}\">\n  \t    <input class=\"form-control\" [id]=\"createElementId(value)\" [attr.name]=\"id()\" [name]=\"id()\" type=\"radio\" [formControl]=\"yesNoControl\" [value]=\"value\">\n        <label class=\"form-label\" [for]=\"createElementId(value)\">{{caseField.label ? (caseField.label | rpxTranslate:null:value) : value}}</label>\n  \t  </div>\n    </div>\n\t</fieldset>\n</div>\n" }]
+        args: [{ selector: 'ccd-write-yes-no-field', template: "<div [id]=\"id()\" class=\"form-group bottom-30\" [ngClass]=\"{'form-group-error': !yesNoControl.valid && (yesNoControl.dirty || yesNoControl.touched)}\">\n\t<fieldset class=\"inline\">\n    <legend>\n      <span class=\"form-label\" *ngIf=\"caseField.label\">{{caseField | ccdFieldLabel}}</span>\n    </legend>\n    <span class=\"form-hint\" *ngIf=\"caseField.hint_text\">{{caseField.hint_text | rpxTranslate}}</span>\n    <span class=\"error-message\" *ngIf=\"yesNoControl.errors && (yesNoControl.dirty || yesNoControl.touched)\">\n      {{yesNoControl.errors | ccdFirstError:caseField.label}}\n    </span>\n\n    <div [id]=\"createElementId('radio')\">\n  \t  <div class=\"multiple-choice\" *ngFor=\"let value of yesNoValues\" [ngClass]=\"{selected: yesNoControl.value === value}\">\n  \t    <input class=\"form-control\" [id]=\"createElementId(value)\" [attr.name]=\"id()\" [name]=\"id()\" type=\"radio\" [formControl]=\"yesNoControl\" [value]=\"value\">\n        <label class=\"form-label\" [for]=\"createElementId(value)\">{{caseField.label ? ((caseField.originalLabel || caseField.label) | rpxTranslate:null:value) : value}}</label>\n  \t  </div>\n    </div>\n\t</fieldset>\n</div>\n" }]
     }], () => [{ type: YesNoService }], null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(WriteYesNoFieldComponent, { className: "WriteYesNoFieldComponent", filePath: "lib/shared/components/palette/yes-no/write-yes-no-field.component.ts", lineNumber: 10 }); })();