fix: disable variant entry actions when no entry edit permission

Author: faraazb-contentstack

src/visualBuilder/components/FieldRevert/FieldRevertComponent.tsx

@@ -195,6 +195,7 @@ export const VariantRevertDropdown = (props: any) => {
         invertTooltipPosition,
         toggleVariantDropdown,
         variantStatus = BASE_VARIANT_STATUS,
+        disabled,
     } = props;
     const dropdownRef = useRef<HTMLDivElement>(null);
     useHandleOutsideClick(dropdownRef, closeDropdown);
@@ -221,6 +222,7 @@ export const VariantRevertDropdown = (props: any) => {
                 style={{ padding: "6px" }}
                 data-tooltip={"Variant"}
                 data-testid={`visual-builder-canvas-variant-icon`}
+                disabled={disabled}
             >
                 <VariantIcon />
             </button>
@@ -236,6 +238,7 @@ export const VariantRevertDropdown = (props: any) => {
                 data-tooltip={"Variant Revert"}
                 data-testid={`visual-builder-canvas-variant-revert`}
                 onClick={toggleVariantDropdown}
+                disabled={disabled}
             >
                 <VariantIcon />
                 <CaretIcon open={props.isOpen} />

src/visualBuilder/components/FieldToolbar.tsx

@@ -398,6 +398,7 @@ function FieldToolbarComponent(
                                 closeDropdown={closeVariantDropdown}
                                 invertTooltipPosition={invertTooltipPosition}
                                 toggleVariantDropdown={toggleVariantDropdown}
+                                disabled={disableFieldActions}
                             />
                         ) : null}
                         {isMultiple && !isWholeMultipleField ? (

src/visualBuilder/utils/getEntryPermissions.ts

@@ -17,25 +17,30 @@ export async function getEntryPermissions({
     contentTypeUid: string;
     locale: string;
 }) {
-    const permissions = await visualBuilderPostMessage?.send<EntryPermissions>(
-        "get-permissions",
-        {
-            type: "entry",
-            entryUid,
-            contentTypeUid,
-            locale,
+    try {
+        const permissions =
+            await visualBuilderPostMessage?.send<EntryPermissions>(
+                "get-permissions",
+                {
+                    type: "entry",
+                    entryUid,
+                    contentTypeUid,
+                    locale,
+                }
+            );
+        if (permissions) {
+            return permissions;
         }
-    );
+    } catch (error) {
+        console.debug("[Visual Builder] Error fetching permissions", error);
+    }
     // allow editing when things go wrong,
     // e.g. when no permissions are received
-    if (!permissions) {
-        return {
-            create: true,
-            read: true,
-            update: true,
-            delete: true,
-            publish: true,
-        };
-    }
-    return permissions;
+    return {
+        create: true,
+        read: true,
+        update: true,
+        delete: true,
+        publish: true,
+    };
 }

src/visualBuilder/utils/isFieldDisabled.ts

@@ -13,7 +13,7 @@ enum DisableReason {
     DisabledVariant = "This field is not editable as it doesn't match the selected variant",
     UnlocalizedVariant = "This field is not editable as it is not localized",
     None = "",
-    EntryUpdateRestricted = "You do not have permission to update this entry",
+    EntryUpdateRestricted = "You do not have permission to edit this entry",
 }
 
 interface FieldDisableState {