PR comments resolved

Author: SambhuPega

packages/angular-sdk-components/src/lib/_components/field/rich-text/rich-text.component.html

@@ -7,7 +7,7 @@
     <div *ngIf="bVisible$">
       <component-mapper
         name="RichTextEditor"
-        [props]="configProps$"
+        [props]="{ placeholder, required: bRequired$, disabled: bDisabled$, label: label$, readonly: false, error, info, testId, value: value$ }"
         [parent]="this"
         [outputEvents]="{ onBlur: fieldOnBlur, onChange: fieldOnChange }"
       ></component-mapper>
@@ -17,6 +17,6 @@
 
 <ng-template #noEdit>
   <div *ngIf="bVisible$ !== false">
-    <component-mapper name="RichTextEditor" [props]="configProps$" [parent]="this"></component-mapper>
+    <component-mapper name="RichTextEditor" [props]="{ label: label$, value: value$, readonly: true, testId }" [parent]="this"></component-mapper>
   </div>
 </ng-template>

packages/angular-sdk-components/src/lib/_components/field/rich-text/rich-text.component.ts

@@ -26,13 +26,13 @@ export class RichTextComponent extends FieldBase {
    * Updates the component when there are changes in the state.
    */
   override updateSelf(): void {
-    //Resolve config properties
+    // Resolve config properties
     this.configProps$ = this.pConn$.resolveConfigProps(this.pConn$.getConfigProps()) as RichTextProps;
 
-    //Update component common properties
+    // Update component common properties
     this.updateComponentCommonProperties(this.configProps$);
 
-    //Extract and normalize the value property
+    // Extract and normalize the value property
     const { value, helperText } = this.configProps$;
     this.value$ = value;
 
@@ -44,13 +44,14 @@ export class RichTextComponent extends FieldBase {
 
   fieldOnChange(editorValue: any) {
     const oldVal = this.value$ ?? '';
-    const newVal = editorValue?.editor?.getBody()?.innerHTML ?? editorValue ?? '';
+    const newVal = editorValue?.editor?.getBody()?.innerHTML ?? '';
 
     const isValueChanged = newVal.toString() !== oldVal.toString();
 
     if (isValueChanged || this.status === 'error') {
+      const property = this.propName;
       this.pConn$.clearErrorMessages({
-        property: this.propName,
+        property,
         category: '',
         context: ''
       });