@atlaskit/react-ufo 4.14.2 → 4.14.4

package/dist/cjs/vc/vc-observer-new/raw-data-handler/index.js

@@ -0,0 +1,237 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _getViewportHeight = _interopRequireDefault(require("../metric-calculator/utils/get-viewport-height"));
+var _getViewportWidth = _interopRequireDefault(require("../metric-calculator/utils/get-viewport-width"));
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var ABORTING_WINDOW_EVENT = ['wheel', 'scroll', 'keydown', 'resize'];
+var MAX_OBSERVATIONS = 100;
+var RawDataHandler = exports.default = /*#__PURE__*/function () {
+  function RawDataHandler() {
+    (0, _classCallCheck2.default)(this, RawDataHandler);
+    (0, _defineProperty2.default)(this, "revisionNo", 'raw-handler');
+  }
+  return (0, _createClass2.default)(RawDataHandler, [{
+    key: "getVCCleanStatus",
+    value: function getVCCleanStatus(filteredEntries) {
+      var dirtyReason = '';
+      var abortTimestamp = -1;
+      var hasAbortEvent = filteredEntries.some(function (entry) {
+        if (entry.data.type === 'window:event') {
+          var data = entry.data;
+          if (ABORTING_WINDOW_EVENT.includes(data.eventType)) {
+            dirtyReason = data.eventType === 'keydown' ? 'keypress' : data.eventType;
+            abortTimestamp = Math.round(entry.time);
+            return true;
+          }
+        }
+        return false;
+      });
+      if (hasAbortEvent && dirtyReason) {
+        return {
+          isVCClean: false,
+          dirtyReason: dirtyReason,
+          abortTimestamp: abortTimestamp
+        };
+      }
+      return {
+        isVCClean: true
+      };
+    }
+  }, {
+    key: "getRawData",
+    value: function () {
+      var _getRawData = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(_ref) {
+        var entries, startTime, stopTime, isPageVisible, isVCClean, dirtyReason, getVCCleanStatusResult, viewportEntries, targetNameToIdMap, elementMapEntriesMap, nextElementId, typeMap, typeMapEntriesMap, nextTypeId, attributeMap, attributeEntriesMap, nextAttributeId, rawObservations, firstObservation, lastObservations, referencedEids, referencedChgs, referencedAtts, _iterator, _step, observation, _iterator2, _step2, eid, _iterator3, _step3, chg, _iterator4, _step4, att, result;
+        return _regenerator.default.wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              entries = _ref.entries, startTime = _ref.startTime, stopTime = _ref.stopTime, isPageVisible = _ref.isPageVisible;
+              getVCCleanStatusResult = this.getVCCleanStatus(entries);
+              isVCClean = getVCCleanStatusResult.isVCClean;
+              dirtyReason = getVCCleanStatusResult.dirtyReason;
+              if (isPageVisible) {
+                _context.next = 6;
+                break;
+              }
+              return _context.abrupt("return", {
+                revision: this.revisionNo,
+                clean: false,
+                'metric:vc90': null,
+                abortReason: 'browser_backgrounded',
+                abortTimestamp: -1,
+                viewport: {
+                  w: (0, _getViewportWidth.default)(),
+                  h: (0, _getViewportHeight.default)()
+                }
+              });
+            case 6:
+              viewportEntries = entries.filter(function (entry) {
+                return entry.time >= startTime && entry.time <= stopTime && entry.data && entry.data.visible;
+              });
+              targetNameToIdMap = new Map();
+              elementMapEntriesMap = {};
+              nextElementId = 1;
+              typeMap = new Map();
+              typeMapEntriesMap = {};
+              nextTypeId = 1;
+              attributeMap = new Map();
+              attributeEntriesMap = {};
+              nextAttributeId = 1;
+              rawObservations = viewportEntries.map(function (entry) {
+                var viewportEntry = entry.data;
+                var targetName = viewportEntry.elementName || '';
+                var type = viewportEntry.type || '';
+                var rect = viewportEntry.rect;
+                var attributeName = viewportEntry.attributeName || '';
+                var eid = targetNameToIdMap.get(viewportEntry.elementName || '') || 0;
+                if (eid === 0) {
+                  eid = nextElementId;
+                  nextElementId += 1;
+                  targetNameToIdMap.set(targetName, eid);
+                  elementMapEntriesMap[eid] = targetName;
+                }
+                var chg = typeMap.get(type || '') || 0;
+                if (chg === 0) {
+                  chg = nextTypeId;
+                  nextTypeId += 1;
+                  typeMap.set(type, chg);
+                  typeMapEntriesMap[chg] = type;
+                }
+                var att = 0;
+                if (attributeName) {
+                  att = attributeMap.get(attributeName) || 0;
+                  if (att === 0) {
+                    att = nextAttributeId;
+                    nextAttributeId += 1;
+                    attributeMap.set(attributeName, att);
+                    attributeEntriesMap[att] = attributeName;
+                  }
+                }
+                var observation = _objectSpread({
+                  t: Math.round(entry.time),
+                  r: [Math.round(rect.left * 10) / 10, Math.round(rect.top * 10) / 10, Math.round(rect.right * 10) / 10, Math.round(rect.bottom * 10) / 10],
+                  chg: chg,
+                  eid: eid || 0
+                }, att > 0 ? {
+                  att: att
+                } : {});
+                return observation;
+              }); // If the number of observations is greater than the maximum allowed, we need to trim the observations to the maximum allowed.
+              // We do this by keeping the first observation and the last MAX_OBSERVATIONS observations.
+              // We then collect the referenced IDs from the remaining observations and remove the unreferenced entries from the maps
+              if (rawObservations.length > MAX_OBSERVATIONS) {
+                firstObservation = rawObservations[0];
+                lastObservations = rawObservations.slice(-MAX_OBSERVATIONS);
+                rawObservations = [firstObservation].concat((0, _toConsumableArray2.default)(lastObservations));
+
+                // Collect referenced IDs from remaining observations
+                referencedEids = new Set();
+                referencedChgs = new Set();
+                referencedAtts = new Set();
+                _iterator = _createForOfIteratorHelper(rawObservations);
+                try {
+                  for (_iterator.s(); !(_step = _iterator.n()).done;) {
+                    observation = _step.value;
+                    if (observation.eid > 0) {
+                      referencedEids.add(observation.eid);
+                    }
+                    if (typeof observation.chg === 'number' && observation.chg > 0) {
+                      referencedChgs.add(observation.chg);
+                    }
+                    if (observation.att !== undefined && observation.att > 0) {
+                      referencedAtts.add(observation.att);
+                    }
+                  }
+
+                  // Remove unreferenced entries from maps
+                } catch (err) {
+                  _iterator.e(err);
+                } finally {
+                  _iterator.f();
+                }
+                _iterator2 = _createForOfIteratorHelper(Object.keys(elementMapEntriesMap).map(Number));
+                try {
+                  for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+                    eid = _step2.value;
+                    if (!referencedEids.has(eid)) {
+                      delete elementMapEntriesMap[eid];
+                    }
+                  }
+                } catch (err) {
+                  _iterator2.e(err);
+                } finally {
+                  _iterator2.f();
+                }
+                _iterator3 = _createForOfIteratorHelper(Object.keys(typeMapEntriesMap).map(Number));
+                try {
+                  for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
+                    chg = _step3.value;
+                    if (!referencedChgs.has(chg)) {
+                      delete typeMapEntriesMap[chg];
+                    }
+                  }
+                } catch (err) {
+                  _iterator3.e(err);
+                } finally {
+                  _iterator3.f();
+                }
+                _iterator4 = _createForOfIteratorHelper(Object.keys(attributeEntriesMap).map(Number));
+                try {
+                  for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
+                    att = _step4.value;
+                    if (!referencedAtts.has(att)) {
+                      delete attributeEntriesMap[att];
+                    }
+                  }
+                } catch (err) {
+                  _iterator4.e(err);
+                } finally {
+                  _iterator4.f();
+                }
+              }
+              result = {
+                revision: this.revisionNo,
+                clean: isVCClean,
+                'metric:vc90': null,
+                rawData: {
+                  obs: rawObservations !== null && rawObservations !== void 0 ? rawObservations : undefined,
+                  eid: elementMapEntriesMap !== null && elementMapEntriesMap !== void 0 ? elementMapEntriesMap : undefined,
+                  chg: typeMapEntriesMap !== null && typeMapEntriesMap !== void 0 ? typeMapEntriesMap : undefined,
+                  att: attributeEntriesMap !== null && attributeEntriesMap !== void 0 ? attributeEntriesMap : undefined
+                },
+                abortReason: dirtyReason,
+                abortTimestamp: getVCCleanStatusResult.abortTimestamp,
+                viewport: {
+                  w: (0, _getViewportWidth.default)(),
+                  h: (0, _getViewportHeight.default)()
+                }
+              };
+              return _context.abrupt("return", result);
+            case 20:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee, this);
+      }));
+      function getRawData(_x) {
+        return _getRawData.apply(this, arguments);
+      }
+      return getRawData;
+    }()
+  }]);
+}();

package/dist/es2019/config/index.js

@@ -170,6 +170,9 @@ export function getExperimentalInteractionRate(name, interactionType) {
     return 0;
   }
 }
+export function getVCRawDataInteractionRate(name, interactionType) {
+  return getConfigRate(name, interactionType, 'enableVCRawDataRates');
+}
 export function getPostInteractionRate(name, interactionType) {
   return getConfigRate(name, interactionType, 'postInteractionLog');
 }

package/dist/es2019/create-payload/index.js

@@ -43,6 +43,7 @@ import { optimizeMarks } from './utils/optimize-marks';
 import { optimizeReactProfilerTimings } from './utils/optimize-react-profiler-timings';
 import { optimizeRequestInfo } from './utils/optimize-request-info';
 import { optimizeSpans } from './utils/optimize-spans';
+const MAX_PAYLOAD_SIZE = 250;
 function getUfoNameOverride(interaction) {
   const {
     ufoName,
@@ -605,7 +606,22 @@ async function createInteractionMetricsPayload(interaction, interactionId, exper
     regularTTAI = undefined;
     expTTAI = undefined;
   }
-  payload.attributes.properties['event:sizeInKb'] = getPayloadSize(payload.attributes.properties);
+  if (fg('platform_ufo_enable_vc_raw_data')) {
+    const size = getPayloadSize(payload.attributes.properties);
+    const vcRev = payload.attributes.properties['ufo:vc:rev'];
+    const rawData = vcRev.find(item => item.revision === 'raw-handler');
+    if (rawData) {
+      const rawDataSize = getPayloadSize(rawData);
+      payload.attributes.properties['ufo:vc:raw:size'] = rawDataSize;
+      if (size > MAX_PAYLOAD_SIZE && Array.isArray(vcRev) && vcRev.length > 0) {
+        payload.attributes.properties['ufo:vc:rev'] = vcRev.filter(item => item.revision !== 'raw-handler');
+        payload.attributes.properties['ufo:vc:raw:removed'] = true;
+      }
+    }
+    payload.attributes.properties['event:sizeInKb'] = getPayloadSize(payload.attributes.properties);
+  } else {
+    payload.attributes.properties['event:sizeInKb'] = getPayloadSize(payload.attributes.properties);
+  }
   return payload;
 }
 export async function createPayloads(interactionId, interaction) {

package/dist/es2019/create-payload/utils/get-vc-metrics.js

@@ -1,4 +1,5 @@
-import { getConfig, getMostRecentVCRevision } from '../../config';
+import coinflip from '../../coinflip';
+import { getConfig, getMostRecentVCRevision, getVCRawDataInteractionRate } from '../../config';
 import { interactionExtraMetrics, postInteractionLog } from '../../interaction-metrics';
 import getInteractionStatus from './get-interaction-status';
 import getPageVisibilityUpToTTAI from './get-page-visibility-up-to-ttai';
@@ -22,6 +23,7 @@ async function getVCMetrics(interaction, include3p = false, excludeSmartAnswersI
   if (!observer) {
     return {};
   }
+  const includeRawData = coinflip(getVCRawDataInteractionRate(interaction.ufoName, interaction.type));
   const isSSREnabled = interaction.type === 'page_load' && ((config === null || config === void 0 ? void 0 : config.ssr) || (config === null || config === void 0 ? void 0 : (_config$vc$ssrWhiteli = config.vc.ssrWhitelist) === null || _config$vc$ssrWhiteli === void 0 ? void 0 : _config$vc$ssrWhiteli.includes(interaction.ufoName)));
   const ssr = interaction.type === 'page_load' && isSSREnabled ? {
     ssr: getSSRDoneTimeValue(config)
@@ -44,7 +46,8 @@ async function getVCMetrics(interaction, include3p = false, excludeSmartAnswersI
     include3p,
     excludeSmartAnswersInSearch,
     interactionType: interaction.type,
-    isPageVisible
+    isPageVisible,
+    includeRawData
   });
   observer.stop(interaction.ufoName);
   if (!include3p) {

package/dist/es2019/interaction-metrics/index.js

@@ -1,3 +1,4 @@
+// eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
 import { v4 as createUUID } from 'uuid';
 import { fg } from '@atlaskit/platform-feature-flags';
 import coinflip from '../coinflip';
@@ -297,6 +298,7 @@ function removeHoldCriterion(id) {
 }
 export function addHold(interactionId, labelStack, name, experimental) {
   const interaction = interactions.get(interactionId);
+  // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
   const id = createUUID();
   if (!interaction && fg('platform_ufo_enable_late_holds_post_interaction')) {
     // add hold timestamp to post interaction log if interaction is complete

package/dist/es2019/segment/segment.js

@@ -1,5 +1,6 @@
 import React, { Profiler, useCallback, useContext, useEffect, useMemo, useRef } from 'react';
 import { unstable_NormalPriority as NormalPriority, unstable_scheduleCallback as scheduleCallback } from 'scheduler';
+// eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
 import { v4 as createUUID } from 'uuid';
 import coinflip from '../coinflip';
 import { getConfig, getDoNotAbortActivePressInteraction, getInteractionRate, getMinorInteractions } from '../config';
@@ -156,6 +157,7 @@ export default function UFOSegment({
         const rate = getInteractionRate(name, 'press');
         if (coinflip(rate)) {
           const startTimestamp = timestamp !== null && timestamp !== void 0 ? timestamp : performance.now();
+          // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
           const newId = createUUID();
           interactionId.current = newId;
           // covered experiences with tracing instrumentation:

package/dist/es2019/trace-interaction/internal/trace-ufo-interaction.js

@@ -1,3 +1,4 @@
+// eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
 import { v4 as createUUID } from 'uuid';
 import coinflip from '../../coinflip';
 import { getDoNotAbortActivePressInteraction, getInteractionRate, getMinorInteractions } from '../../config';
@@ -23,6 +24,7 @@ function traceUFOInteraction(name, interactionType, startTime) {
   }
   if (coinflip(rate)) {
     const startTimestamp = startTime !== null && startTime !== void 0 ? startTime : performance.now();
+    // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
     const newId = createUUID();
     DefaultInteractionID.current = newId;
 

package/dist/es2019/trace-pageload/index.js

@@ -1,3 +1,4 @@
+// eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
 import { v4 as createUUID } from 'uuid';
 import coinflip from '../coinflip';
 import { getInteractionRate } from '../config';
@@ -15,6 +16,7 @@ function traceUFOPageLoad(ufoName, routeName = ufoName) {
   const rate = ufoName ? getInteractionRate(ufoName, 'page_load') : 1;
   const enabledBySamplingRate = coinflip(rate);
   if (enabledBySamplingRate && !activeInteraction) {
+    // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
     const newId = createUUID();
     DefaultInteractionID.current = newId;
     addNewInteraction(newId, ufoName || '', 'page_load', 0, rate, null, routeName, getActiveTrace());

package/dist/es2019/trace-transition/index.js

@@ -1,4 +1,6 @@
 import { useContext, useEffect } from 'react';
+
+// eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
 import { v4 as createUUID } from 'uuid';
 import coinflip from '../coinflip';
 import { getDoNotAbortActivePressInteractionOnTransition, getInteractionRate } from '../config';
@@ -20,6 +22,7 @@ function traceUFOTransition(ufoName, routeName = ufoName) {
     UFORouteName.current = ufoName;
     const rate = getInteractionRate(ufoName, 'transition');
     if (coinflip(rate)) {
+      // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
       const newId = createUUID();
       setInteractionActiveTrace(newId);
       DefaultInteractionID.current = newId;

package/dist/es2019/typing-performance-tracing/index.js

@@ -1,5 +1,6 @@
 import { useEffect, useRef } from 'react';
 import { unstable_IdlePriority as idlePriority, unstable_scheduleCallback as scheduleCallback } from 'scheduler';
+// eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
 import { v4 as createUUID } from 'uuid';
 import coinflip from '../coinflip';
 import { getInteractionRate, getTypingPerformanceTracingMethod } from '../config';
@@ -42,6 +43,7 @@ function typingPerformanceTracingTimeout(element, name, rate) {
   let isInteractionInitialised = false;
   let id;
   const start = () => {
+    // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
     id = createUUID();
     addNewInteraction(id, name, 'typing', performance.now(), rate, null, null);
     isInteractionInitialised = true;
@@ -95,6 +97,7 @@ function typingPerformanceTracingTimeoutNoAlloc(element, name, rate) {
     count = 0;
   };
   const start = () => {
+    // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
     id = createUUID();
     addNewInteraction(id, name, 'typing', performance.now(), rate, null, null);
     isInteractionInitialised = true;
@@ -164,6 +167,7 @@ function typingPerformanceTracingMutationObserver(element, name, rate) {
     eventTime = -1;
   };
   const start = () => {
+    // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
     id = createUUID();
     addNewInteraction(id, name, 'typing', performance.now(), rate, null, null);
     isInteractionInitialised = true;

package/dist/es2019/vc/index.js

@@ -97,7 +97,8 @@ export class VCObserverWrapper {
       experienceKey,
       include3p,
       excludeSmartAnswersInSearch,
-      includeSSRRatio
+      includeSSRRatio,
+      includeRawData
     } = param;
     const v1v2Result = isVCRevisionEnabled('fy25.01', experienceKey) || isVCRevisionEnabled('fy25.02', experienceKey) ? await ((_this$oldVCObserver4 = this.oldVCObserver) === null || _this$oldVCObserver4 === void 0 ? void 0 : _this$oldVCObserver4.getVCResult(param)) : {};
     const v3Result = isVCRevisionEnabled('fy25.03', experienceKey) ? await ((_this$newVCObserver3 = this.newVCObserver) === null || _this$newVCObserver3 === void 0 ? void 0 : _this$newVCObserver3.getVCResult({
@@ -110,7 +111,8 @@ export class VCObserverWrapper {
       includeSSRRatio,
       interactionType: param.interactionType,
       isPageVisible: param.isPageVisible,
-      interactionAbortReason: param.interactionAbortReason
+      interactionAbortReason: param.interactionAbortReason,
+      includeRawData
     })) : [];
     if (!v3Result) {
       return v1v2Result !== null && v1v2Result !== void 0 ? v1v2Result : {};

package/dist/es2019/vc/vc-observer-new/index.js

@@ -7,6 +7,7 @@ import VCCalculator_FY25_03 from './metric-calculator/fy25_03';
 import getViewportHeight from './metric-calculator/utils/get-viewport-height';
 import getViewportWidth from './metric-calculator/utils/get-viewport-width';
 import VCNextCalculator from './metric-calculator/vcnext';
+import RawDataHandler from './raw-data-handler';
 import ViewportObserver from './viewport-observer';
 import WindowEventObserver from './window-event-observer';
 const SSRState = {
@@ -201,10 +202,12 @@ export default class VCObserverNew {
       isPageVisible,
       include3p,
       includeSSRRatio,
-      excludeSmartAnswersInSearch
+      excludeSmartAnswersInSearch,
+      includeRawData
     } = param;
     const results = [];
     this.addStartEntry(start);
+    const feVCCalculationStartTime = performance.now();
     const calculator_fy25_03 = new VCCalculator_FY25_03();
     if (param.ssr) {
       this.addSSR(param.ssr);
@@ -247,6 +250,22 @@ export default class VCObserverNew {
     if (vcNext) {
       results.push(vcNext);
     }
+    const feVCCalculationEndTime = performance.now();
+    if (includeRawData && fg('platform_ufo_enable_vc_raw_data')) {
+      const rawVCCalculationStartTime = performance.now();
+      const rawHandler = new RawDataHandler();
+      const raw = await rawHandler.getRawData({
+        entries: orderedEntries,
+        startTime: start,
+        stopTime: stop,
+        isPageVisible
+      });
+      if (raw) {
+        raw.rawVCTime = Number((performance.now() - rawVCCalculationStartTime).toFixed(2));
+        raw.feVCTime = Number((feVCCalculationEndTime - feVCCalculationStartTime).toFixed(2));
+        results.push(raw);
+      }
+    }
     return results;
   }
   addStartEntry(startTime) {

package/dist/es2019/vc/vc-observer-new/metric-calculator/vcnext/index.js

@@ -1,12 +1,18 @@
+import { fg } from '@atlaskit/platform-feature-flags';
 import VCCalculator_FY25_03 from '../fy25_03';
 
 // NOTE: `next` to be renamed `fy26.04` once stable
 const REVISION_NO = 'next';
 const getConsideredEntryTypes = () => {
+  const consideredEntryTypes = ['mutation:display-contents-children-element'];
+  if (fg('platform_ufo_remove_ssr_placeholder_in_ttvc_v4')) {
+    consideredEntryTypes.push('mutation:ssr-placeholder');
+  }
   return ['mutation:display-contents-children-element'];
 };
 const getExcludedEntryTypes = () => {
-  return ['layout-shift:same-rect'];
+  const excludedEntryTypes = ['layout-shift:same-rect'];
+  return excludedEntryTypes;
 };
 
 // NOTE: `VCNext` to be renamed `FY26_04` once stable