VE-2740: error handling for post message events

src/visualBuilder/components/FieldToolbar.tsx

@@ -192,7 +192,9 @@ function FieldToolbarComponent(
                 fieldMetadata.content_type_uid,
                 fieldMetadata.fieldPath
             );
-            setFieldSchema(fieldSchema);
+            if(fieldSchema){
+                setFieldSchema(fieldSchema);
+            }
         }
         fetchFieldSchema();
     }, [fieldMetadata]);

src/visualBuilder/components/fieldLabelWrapper.tsx

@@ -13,6 +13,8 @@ import { uniqBy } from "lodash-es";
 import { visualBuilderStyles } from "../visualBuilder.style";
 import { VariantIcon } from "./icons/variant";
 import { CslpError } from "./CslpError";
+import { hasPostMessageError } from "../utils/errorHandling";
+
 
 async function getFieldDisplayNames(fieldMetadata: CslpData[]) {
     const result = await visualBuilderPostMessage?.send<{
@@ -65,13 +67,13 @@ function FieldLabelWrapperComponent(
                 "cslpValue"
             );
             const displayNames = await getFieldDisplayNames(allPaths);
-
             const fieldSchema = await FieldSchemaMap.getFieldSchema(
                 props.fieldMetadata.content_type_uid,
                 props.fieldMetadata.fieldPath
             );
 
-            if(!fieldSchema){
+            if(hasPostMessageError(displayNames) || !fieldSchema) {
+                setDisplayNamesLoading(false);
                 setError(true)
                 setDisplayNamesLoading(false)
                 return; 

src/visualBuilder/generators/generateEmptyBlock.tsx

@@ -17,6 +17,10 @@ export async function generateEmptyBlocks(
             fieldMetadata.content_type_uid,
             fieldMetadata.fieldPath
         );
+
+        if(!fieldSchema){
+            return;
+        }
 
         hydrate(
             <EmptyBlock

src/visualBuilder/listeners/mouseClick.ts

@@ -152,15 +152,17 @@ async function handleBuilderInteraction(
         fieldPath
     );
 
-    // after field schema is available re-add disabled overlay
-    const { isDisabled } = isFieldDisabled(fieldSchema, eventDetails);
-    if (isDisabled) {
-        addOverlay({
-            overlayWrapper: params.overlayWrapper,
-            resizeObserver: params.resizeObserver,
-            editableElement: editableElement,
-            isFieldDisabled: true,
-        });
+    if (fieldSchema) {
+        // after field schema is available re-add disabled overlay
+        const { isDisabled } = isFieldDisabled(fieldSchema, eventDetails);
+        if (isDisabled) {
+            addOverlay({
+                overlayWrapper: params.overlayWrapper,
+                resizeObserver: params.resizeObserver,
+                editableElement: editableElement,
+                isFieldDisabled: true,
+            });
+        }
     }
 
     // This is most probably redundant code, as the handleIndividualFields function

src/visualBuilder/listeners/mouseHover.ts

@@ -172,6 +172,7 @@ async function handleMouseHover(params: HandleMouseHoverParams): Promise<void> {
              */
             FieldSchemaMap.getFieldSchema(content_type_uid, fieldPath).then(
                 (fieldSchema) => {
+                    if(!fieldSchema) return;
                     if (!params.customCursor) return;
                     const { isDisabled: fieldDisabled } = isFieldDisabled(
                         fieldSchema,
@@ -199,6 +200,7 @@ async function handleMouseHover(params: HandleMouseHoverParams): Promise<void> {
             addOutline(editableElement);
             FieldSchemaMap.getFieldSchema(content_type_uid, fieldPath).then(
                 (fieldSchema) => {
+                    if(!fieldSchema) return;
                     const { isDisabled: fieldDisabled, reason } =
                         isFieldDisabled(fieldSchema, eventDetails);
                     addOutline(editableElement, fieldDisabled);

src/visualBuilder/utils/errorHandling.ts

@@ -0,0 +1,4 @@
+
+export function hasPostMessageError(obj: any): boolean {
+    return obj?.error === true;
+}

src/visualBuilder/utils/fieldSchemaMap.ts

@@ -58,7 +58,7 @@ export class FieldSchemaMap {
             FieldSchemaMap.fieldSchema[contentTypeUid] = data.fieldSchemaMap;
         }
 
-        return FieldSchemaMap.fieldSchema[contentTypeUid][fieldCslp];
+        return FieldSchemaMap?.fieldSchema?.[contentTypeUid]?.[fieldCslp] || null;
     }
 
     static hasFieldSchema(contentTypeUid: string, fieldCslp: string): boolean {

src/visualBuilder/utils/getDiscussionIdByFieldMetaData.ts

@@ -3,6 +3,7 @@ import visualBuilderPostMessage from "./visualBuilderPostMessage";
 import { ISchemaFieldMap } from "./types/index.types";
 import { VisualBuilderPostMessageEvents } from "./types/postMessage.types";
 import { IActiveDiscussion } from "../components/CommentIcon";
+import { hasPostMessageError } from "./errorHandling";
 
 // Define an interface for the argument structure
 interface GetDiscussionIdParams {
@@ -28,5 +29,9 @@ export async function getDiscussionIdByFieldMetaData(
             { fieldMetadata, fieldSchema }
         )) ?? null;
 
+        if(hasPostMessageError(discussion)){
+            return null
+        }
+
     return discussion;
 }

src/visualBuilder/utils/getFieldData.ts

@@ -1,6 +1,7 @@
 import { CslpData } from "../../cslp/types/cslp.types";
 import visualBuilderPostMessage from "./visualBuilderPostMessage";
 import { VisualBuilderPostMessageEvents } from "./types/postMessage.types";
+import { hasPostMessageError } from "./errorHandling";
 
 /**
  * Retrieves the expected field data based on the provided field metadata.
@@ -17,6 +18,10 @@ export async function getFieldData(
         VisualBuilderPostMessageEvents.GET_FIELD_DATA,
         { fieldMetadata, entryPath: entryPath ?? "" }
     );
+
+    if(hasPostMessageError(data)){
+        return "";
+    }
 
     // toString from lodash
     // return toString(data?.fieldData);

src/visualBuilder/utils/getFieldType.ts

@@ -2,6 +2,7 @@
 import { ISchemaFieldMap, FieldDataType } from "./types/index.types";
 
 export function getFieldType(fieldSchema: ISchemaFieldMap): FieldDataType {
+    if(!fieldSchema) return;
     if (Object.hasOwnProperty.call(fieldSchema, "extension_uid")) {
         return FieldDataType.CUSTOM_FIELD;
     }

src/visualBuilder/utils/handleIndividualFields.ts

@@ -69,11 +69,11 @@ export async function handleIndividualFields(
     );
 
     if (
-        // @ts-ignore
-        fieldSchema?.multiple ||
-        (fieldSchema.data_type === "reference" &&
-            // @ts-ignore
-            fieldSchema.field_metadata.ref_multiple)
+        fieldSchema &&
+        (fieldSchema?.multiple ||
+            (fieldSchema?.data_type === "reference" &&
+                // @ts-ignore
+                fieldSchema?.field_metadata.ref_multiple))
     ) {
         if (lastEditedField !== editableElement) {
             const addButtonLabel =