Use taskEndTime to report either InteractionEntry or INP metric events (#53296)

Summary:
Pull Request resolved: #53296

Following D79894702, update `__chromium_devtools_metrics_reporter` to correctly differentiate `InteractionEntry` and `INP` metrics, based on synchronisation with start of paint.

Changelog: [Internal]

Reviewed By: vzaidman

Differential Revision: D79898177

fbshipit-source-id: 92e805fc15b6c8bf3342f62914cca1b377b58397

Author: huntie

packages/react-native/ReactCommon/react/performance/cdpmetrics/CdpMetricsReporter.cpp

@@ -35,12 +35,24 @@ void CdpMetricsReporter::onEventTimingEntry(
     auto inputDelay = entry.processingStart - entry.startTime;
     auto processingDuration = entry.processingEnd - entry.processingStart;
     auto nextPaintTime = entry.startTime + entry.duration;
-    auto presentationDelay = nextPaintTime - entry.processingEnd;
+    auto presentationDelay = nextPaintTime - entry.taskEndTime;
 
     folly::dynamic jsonPayload = folly::dynamic::object;
-    jsonPayload["name"] = "InteractionEntry";
-    jsonPayload["duration"] =
-        static_cast<int>(entry.duration.toDOMHighResTimeStamp());
+
+    if (presentationDelay.toNanoseconds() > 0) {
+      jsonPayload["name"] = "INP";
+      jsonPayload["value"] =
+          static_cast<int>(entry.duration.toDOMHighResTimeStamp());
+    } else {
+      jsonPayload["name"] = "InteractionEntry";
+      jsonPayload["duration"] =
+          static_cast<int>(entry.duration.toDOMHighResTimeStamp());
+      jsonPayload["nextPaintTime"] =
+          static_cast<int>(nextPaintTime.toDOMHighResTimeStamp());
+      jsonPayload["eventName"] = std::string(entry.name);
+      jsonPayload["longAnimationFrameEntries"] = folly::dynamic::array();
+    }
+
     jsonPayload["phases"] = folly::dynamic::object(
         "inputDelay", static_cast<int>(inputDelay.toDOMHighResTimeStamp()))(
         "processingDuration",
@@ -49,12 +61,8 @@ void CdpMetricsReporter::onEventTimingEntry(
         static_cast<int>(presentationDelay.toDOMHighResTimeStamp()));
     jsonPayload["startTime"] =
         static_cast<int>(entry.startTime.toDOMHighResTimeStamp());
-    jsonPayload["nextPaintTime"] =
-        static_cast<int>(nextPaintTime.toDOMHighResTimeStamp());
     jsonPayload["interactionType"] =
         std::string(getInteractionTypeForEvent(entry.name));
-    jsonPayload["eventName"] = std::string(entry.name);
-    jsonPayload["longAnimationFrameEntries"] = folly::dynamic::array();
 
     auto jsonString = folly::toJson(jsonPayload);
     auto jsiString = jsi::String::createFromUtf8(runtime, jsonString);