[explorer] Support dynamic field names (MystenLabs#5627)

apps/explorer/src/utils/objectUtils.ts

@@ -57,10 +57,17 @@ export const checkIsPropertyType = (value: any) =>
     ['number', 'string'].includes(typeof value);
 
 export const extractName = (
-    contents: object | undefined
+    contents: Record<string, any> | undefined
 ): string | undefined => {
-    if (!contents) return undefined;
-    return Object.entries(contents)
-        .filter(([key, _]) => key === 'name')
-        .map(([_, value]) => value)?.[0];
+    if (!contents || !('name' in contents)) return undefined;
+    const name = contents.name;
+
+    if (typeof name === 'string') {
+        return name;
+    }
+
+    // Dynamic fields
+    if (typeof name === 'object' && typeof name?.fields?.name === 'string') {
+        return name?.fields?.name;
+    }
 };