@atlaskit/react-ufo 4.14.2 → 4.14.4

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

@@ -0,0 +1,173 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import getViewportHeight from '../metric-calculator/utils/get-viewport-height';
+import getViewportWidth from '../metric-calculator/utils/get-viewport-width';
+const ABORTING_WINDOW_EVENT = ['wheel', 'scroll', 'keydown', 'resize'];
+const MAX_OBSERVATIONS = 100;
+export default class RawDataHandler {
+  constructor() {
+    _defineProperty(this, "revisionNo", 'raw-handler');
+  }
+  getVCCleanStatus(filteredEntries) {
+    let dirtyReason = '';
+    let abortTimestamp = -1;
+    const hasAbortEvent = filteredEntries.some(entry => {
+      if (entry.data.type === 'window:event') {
+        const 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,
+        abortTimestamp
+      };
+    }
+    return {
+      isVCClean: true
+    };
+  }
+  async getRawData({
+    entries,
+    startTime,
+    stopTime,
+    isPageVisible
+  }) {
+    var _rawObservations;
+    let isVCClean;
+    let dirtyReason;
+    const getVCCleanStatusResult = this.getVCCleanStatus(entries);
+    isVCClean = getVCCleanStatusResult.isVCClean;
+    dirtyReason = getVCCleanStatusResult.dirtyReason;
+    if (!isPageVisible) {
+      return {
+        revision: this.revisionNo,
+        clean: false,
+        'metric:vc90': null,
+        abortReason: 'browser_backgrounded',
+        abortTimestamp: -1,
+        viewport: {
+          w: getViewportWidth(),
+          h: getViewportHeight()
+        }
+      };
+    }
+    const viewportEntries = entries.filter(entry => {
+      return entry.time >= startTime && entry.time <= stopTime && entry.data && entry.data.visible;
+    });
+    const targetNameToIdMap = new Map();
+    const elementMapEntriesMap = {};
+    let nextElementId = 1;
+    const typeMap = new Map();
+    const typeMapEntriesMap = {};
+    let nextTypeId = 1;
+    const attributeMap = new Map();
+    const attributeEntriesMap = {};
+    let nextAttributeId = 1;
+    let rawObservations = viewportEntries.map(entry => {
+      const viewportEntry = entry.data;
+      const targetName = viewportEntry.elementName || '';
+      const type = viewportEntry.type || '';
+      const rect = viewportEntry.rect;
+      const attributeName = viewportEntry.attributeName || '';
+      let eid = targetNameToIdMap.get(viewportEntry.elementName || '') || 0;
+      if (eid === 0) {
+        eid = nextElementId;
+        nextElementId += 1;
+        targetNameToIdMap.set(targetName, eid);
+        elementMapEntriesMap[eid] = targetName;
+      }
+      let chg = typeMap.get(type || '') || 0;
+      if (chg === 0) {
+        chg = nextTypeId;
+        nextTypeId += 1;
+        typeMap.set(type, chg);
+        typeMapEntriesMap[chg] = type;
+      }
+      let att = 0;
+      if (attributeName) {
+        att = attributeMap.get(attributeName) || 0;
+        if (att === 0) {
+          att = nextAttributeId;
+          nextAttributeId += 1;
+          attributeMap.set(attributeName, att);
+          attributeEntriesMap[att] = attributeName;
+        }
+      }
+      const observation = {
+        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,
+        eid: eid || 0,
+        ...(att > 0 ? {
+          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) {
+      const firstObservation = rawObservations[0];
+      const lastObservations = rawObservations.slice(-MAX_OBSERVATIONS);
+      rawObservations = [firstObservation, ...lastObservations];
+
+      // Collect referenced IDs from remaining observations
+      const referencedEids = new Set();
+      const referencedChgs = new Set();
+      const referencedAtts = new Set();
+      for (const observation of rawObservations) {
+        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
+      for (const eid of Object.keys(elementMapEntriesMap).map(Number)) {
+        if (!referencedEids.has(eid)) {
+          delete elementMapEntriesMap[eid];
+        }
+      }
+      for (const chg of Object.keys(typeMapEntriesMap).map(Number)) {
+        if (!referencedChgs.has(chg)) {
+          delete typeMapEntriesMap[chg];
+        }
+      }
+      for (const att of Object.keys(attributeEntriesMap).map(Number)) {
+        if (!referencedAtts.has(att)) {
+          delete attributeEntriesMap[att];
+        }
+      }
+    }
+    const result = {
+      revision: this.revisionNo,
+      clean: isVCClean,
+      'metric:vc90': null,
+      rawData: {
+        obs: (_rawObservations = 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: getViewportWidth(),
+        h: getViewportHeight()
+      }
+    };
+    return result;
+  }
+}

package/dist/esm/config/index.js

@@ -167,6 +167,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/esm/create-payload/index.js

@@ -52,6 +52,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';
+var MAX_PAYLOAD_SIZE = 250;
 function getUfoNameOverride(interaction) {
   var ufoName = interaction.ufoName,
     apdex = interaction.apdex;
@@ -390,7 +391,7 @@ function createInteractionMetricsPayload(_x, _x2, _x3, _x4, _x5) {
 function _createInteractionMetricsPayload() {
   _createInteractionMetricsPayload = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(interaction, interactionId, experimental, criticalPayloadCount, vcMetrics) {
     var _window$location, _config$additionalPay;
-    var interactionPayloadStart, config, end, start, ufoName, knownSegments, rate, type, abortReason, routeName, featureFlags, previousInteractionName, isPreviousInteractionAborted, abortedByInteractionName, responsiveness, unknownElementName, unknownElementHierarchy, hydration, pageVisibilityAtTTI, pageVisibilityAtTTAI, segments, segmentTree, isDetailedPayload, isPageLoad, calculatePageVisibilityFromTheStartOfPageLoad, moreAccuratePageVisibilityAtTTI, moreAccuratePageVisibilityAtTTAI, labelStack, getInitialPageLoadSSRMetrics, pageLoadInteractionMetrics, getDetailedInteractionMetrics, getPageLoadDetailedInteractionMetrics, newUFOName, resourceTimings, _yield$Promise$all, _yield$Promise$all2, finalVCMetrics, experimentalMetrics, paintMetrics, batteryInfo, getReactHydrationStats, payload;
+    var interactionPayloadStart, config, end, start, ufoName, knownSegments, rate, type, abortReason, routeName, featureFlags, previousInteractionName, isPreviousInteractionAborted, abortedByInteractionName, responsiveness, unknownElementName, unknownElementHierarchy, hydration, pageVisibilityAtTTI, pageVisibilityAtTTAI, segments, segmentTree, isDetailedPayload, isPageLoad, calculatePageVisibilityFromTheStartOfPageLoad, moreAccuratePageVisibilityAtTTI, moreAccuratePageVisibilityAtTTAI, labelStack, getInitialPageLoadSSRMetrics, pageLoadInteractionMetrics, getDetailedInteractionMetrics, getPageLoadDetailedInteractionMetrics, newUFOName, resourceTimings, _yield$Promise$all, _yield$Promise$all2, finalVCMetrics, experimentalMetrics, paintMetrics, batteryInfo, getReactHydrationStats, payload, size, vcRev, rawData, rawDataSize;
     return _regeneratorRuntime.wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
@@ -596,7 +597,26 @@ function _createInteractionMetricsPayload() {
             regularTTAI = undefined;
             expTTAI = undefined;
           }
-          payload.attributes.properties['event:sizeInKb'] = getPayloadSize(payload.attributes.properties);
+          if (fg('platform_ufo_enable_vc_raw_data')) {
+            size = getPayloadSize(payload.attributes.properties);
+            vcRev = payload.attributes.properties['ufo:vc:rev'];
+            rawData = vcRev.find(function (item) {
+              return item.revision === 'raw-handler';
+            });
+            if (rawData) {
+              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(function (item) {
+                  return 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 _context.abrupt("return", payload);
         case 47:
         case "end":

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

@@ -3,7 +3,8 @@ import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 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) { _defineProperty(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; }
-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 @@ function _getVCMetrics() {
       isPageVisible,
       shouldReportVCMetrics,
       observer,
+      includeRawData,
       isSSREnabled,
       ssr,
       tti,
@@ -59,6 +61,7 @@ function _getVCMetrics() {
           }
           return _context.abrupt("return", {});
         case 14:
+          includeRawData = coinflip(getVCRawDataInteractionRate(interaction.ufoName, interaction.type));
           isSSREnabled = interaction.type === 'page_load' && ((config === null || config === void 0 ? void 0 : config.ssr) || (config === null || config === void 0 || (_config$vc$ssrWhiteli = config.vc.ssrWhitelist) === null || _config$vc$ssrWhiteli === void 0 ? void 0 : _config$vc$ssrWhiteli.includes(interaction.ufoName)));
           ssr = interaction.type === 'page_load' && isSSREnabled ? {
             ssr: getSSRDoneTimeValue(config)
@@ -66,7 +69,7 @@ function _getVCMetrics() {
           postInteractionLog.setVCObserverSSRConfig(ssr);
           tti = (_interaction$apdex = interaction.apdex) === null || _interaction$apdex === void 0 || (_interaction$apdex = _interaction$apdex[0]) === null || _interaction$apdex === void 0 ? void 0 : _interaction$apdex.stopTime;
           prefix = 'ufo';
-          _context.next = 21;
+          _context.next = 22;
           return observer.getVCResult(_objectSpread(_objectSpread({
             start: interaction.start,
             stop: interaction.end,
@@ -82,9 +85,10 @@ function _getVCMetrics() {
             include3p: include3p,
             excludeSmartAnswersInSearch: excludeSmartAnswersInSearch,
             interactionType: interaction.type,
-            isPageVisible: isPageVisible
+            isPageVisible: isPageVisible,
+            includeRawData: includeRawData
           }));
-        case 21:
+        case 22:
           result = _context.sent;
           observer.stop(interaction.ufoName);
           if (!include3p) {
@@ -98,15 +102,15 @@ function _getVCMetrics() {
             return revision === mostRecentVCRevision;
           });
           if (!(!shouldReportVCMetrics || !(mostRecentVCRevisionPayload !== null && mostRecentVCRevisionPayload !== void 0 && mostRecentVCRevisionPayload.clean))) {
-            _context.next = 28;
+            _context.next = 29;
             break;
           }
           return _context.abrupt("return", result);
-        case 28:
+        case 29:
           return _context.abrupt("return", _objectSpread(_objectSpread({}, result), {}, {
             'metric:vc90': mostRecentVCRevisionPayload['metric:vc90']
           }));
-        case 29:
+        case 30:
         case "end":
           return _context.stop();
       }

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

@@ -8,6 +8,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 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; }
+// 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';
@@ -337,6 +338,7 @@ function removeHoldCriterion(id) {
 }
 export function addHold(interactionId, labelStack, name, experimental) {
   var interaction = interactions.get(interactionId);
+  // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
   var 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/esm/segment/segment.js

@@ -4,6 +4,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 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) { _defineProperty(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; }
 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';
@@ -168,6 +169,7 @@ export default function UFOSegment(_ref) {
         var rate = getInteractionRate(name, 'press');
         if (coinflip(rate)) {
           var startTimestamp = timestamp !== null && timestamp !== void 0 ? timestamp : performance.now();
+          // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
           var newId = createUUID();
           interactionId.current = newId;
           // covered experiences with tracing instrumentation:

package/dist/esm/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)) {
     var startTimestamp = startTime !== null && startTime !== void 0 ? startTime : performance.now();
+    // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
     var newId = createUUID();
     DefaultInteractionID.current = newId;
 

package/dist/esm/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';
@@ -16,6 +17,7 @@ function traceUFOPageLoad(ufoName) {
   var rate = ufoName ? getInteractionRate(ufoName, 'page_load') : 1;
   var enabledBySamplingRate = coinflip(rate);
   if (enabledBySamplingRate && !activeInteraction) {
+    // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
     var newId = createUUID();
     DefaultInteractionID.current = newId;
     addNewInteraction(newId, ufoName || '', 'page_load', 0, rate, null, routeName, getActiveTrace());

package/dist/esm/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';
@@ -21,6 +23,7 @@ function traceUFOTransition(ufoName) {
     UFORouteName.current = ufoName;
     var rate = getInteractionRate(ufoName, 'transition');
     if (coinflip(rate)) {
+      // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
       var newId = createUUID();
       setInteractionActiveTrace(newId);
       DefaultInteractionID.current = newId;

package/dist/esm/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) {
   var isInteractionInitialised = false;
   var id;
   var start = function 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;
   };
   var start = function 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;
   };
   var start = function 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/esm/vc/index.js

@@ -112,11 +112,11 @@ export var VCObserverWrapper = /*#__PURE__*/function () {
     value: function () {
       var _getVCResult = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(param) {
         var _this$oldVCObserver4, _this$newVCObserver3, _ref2;
-        var experienceKey, include3p, excludeSmartAnswersInSearch, includeSSRRatio, v1v2Result, v3Result, ssrRatio;
+        var experienceKey, include3p, excludeSmartAnswersInSearch, includeSSRRatio, includeRawData, v1v2Result, v3Result, ssrRatio;
         return _regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
-              experienceKey = param.experienceKey, include3p = param.include3p, excludeSmartAnswersInSearch = param.excludeSmartAnswersInSearch, includeSSRRatio = param.includeSSRRatio;
+              experienceKey = param.experienceKey, include3p = param.include3p, excludeSmartAnswersInSearch = param.excludeSmartAnswersInSearch, includeSSRRatio = param.includeSSRRatio, includeRawData = param.includeRawData;
               if (!(isVCRevisionEnabled('fy25.01', experienceKey) || isVCRevisionEnabled('fy25.02', experienceKey))) {
                 _context.next = 7;
                 break;
@@ -146,7 +146,8 @@ export var VCObserverWrapper = /*#__PURE__*/function () {
                 includeSSRRatio: includeSSRRatio,
                 interactionType: param.interactionType,
                 isPageVisible: param.isPageVisible,
-                interactionAbortReason: param.interactionAbortReason
+                interactionAbortReason: param.interactionAbortReason,
+                includeRawData: includeRawData
               });
             case 12:
               _context.t1 = _context.sent;

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

@@ -13,6 +13,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';
 var SSRState = {
@@ -231,13 +232,14 @@ var VCObserverNew = /*#__PURE__*/function () {
     key: "getVCResult",
     value: function () {
       var _getVCResult = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(param) {
-        var start, stop, interactionId, interactionType, interactionAbortReason, isPageVisible, include3p, includeSSRRatio, excludeSmartAnswersInSearch, results, calculator_fy25_03, orderedEntries, fy25_03, calculator_next, vcNext;
+        var start, stop, interactionId, interactionType, interactionAbortReason, isPageVisible, include3p, includeSSRRatio, excludeSmartAnswersInSearch, includeRawData, results, feVCCalculationStartTime, calculator_fy25_03, orderedEntries, fy25_03, calculator_next, vcNext, feVCCalculationEndTime, rawVCCalculationStartTime, rawHandler, raw;
         return _regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
-              start = param.start, stop = param.stop, interactionId = param.interactionId, interactionType = param.interactionType, interactionAbortReason = param.interactionAbortReason, isPageVisible = param.isPageVisible, include3p = param.include3p, includeSSRRatio = param.includeSSRRatio, excludeSmartAnswersInSearch = param.excludeSmartAnswersInSearch;
+              start = param.start, stop = param.stop, interactionId = param.interactionId, interactionType = param.interactionType, interactionAbortReason = param.interactionAbortReason, isPageVisible = param.isPageVisible, include3p = param.include3p, includeSSRRatio = param.includeSSRRatio, excludeSmartAnswersInSearch = param.excludeSmartAnswersInSearch, includeRawData = param.includeRawData;
               results = [];
               this.addStartEntry(start);
+              feVCCalculationStartTime = performance.now();
               calculator_fy25_03 = new VCCalculator_FY25_03();
               if (param.ssr) {
                 this.addSSR(param.ssr);
@@ -246,7 +248,7 @@ var VCObserverNew = /*#__PURE__*/function () {
                 start: start,
                 stop: stop
               });
-              _context.next = 8;
+              _context.next = 9;
               return calculator_fy25_03.calculate({
                 orderedEntries: orderedEntries,
                 startTime: start,
@@ -260,7 +262,7 @@ var VCObserverNew = /*#__PURE__*/function () {
                 isPageVisible: isPageVisible,
                 interactionAbortReason: interactionAbortReason
               });
-            case 8:
+            case 9:
               fy25_03 = _context.sent;
               if (fy25_03) {
                 results.push(fy25_03);
@@ -268,7 +270,7 @@ var VCObserverNew = /*#__PURE__*/function () {
 
               // TODO on cleanup: put behind `enabledVCRevisions` config
               calculator_next = new VCNextCalculator();
-              _context.next = 13;
+              _context.next = 14;
               return calculator_next.calculate({
                 orderedEntries: orderedEntries,
                 startTime: start,
@@ -281,13 +283,35 @@ var VCObserverNew = /*#__PURE__*/function () {
                 isPageVisible: isPageVisible,
                 interactionAbortReason: interactionAbortReason
               });
-            case 13:
+            case 14:
               vcNext = _context.sent;
               if (vcNext) {
                 results.push(vcNext);
               }
+              feVCCalculationEndTime = performance.now();
+              if (!(includeRawData && fg('platform_ufo_enable_vc_raw_data'))) {
+                _context.next = 24;
+                break;
+              }
+              rawVCCalculationStartTime = performance.now();
+              rawHandler = new RawDataHandler();
+              _context.next = 22;
+              return rawHandler.getRawData({
+                entries: orderedEntries,
+                startTime: start,
+                stopTime: stop,
+                isPageVisible: isPageVisible
+              });
+            case 22:
+              raw = _context.sent;
+              if (raw) {
+                raw.rawVCTime = Number((performance.now() - rawVCCalculationStartTime).toFixed(2));
+                raw.feVCTime = Number((feVCCalculationEndTime - feVCCalculationStartTime).toFixed(2));
+                results.push(raw);
+              }
+            case 24:
               return _context.abrupt("return", results);
-            case 16:
+            case 25:
             case "end":
               return _context.stop();
           }

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

@@ -7,15 +7,21 @@ import _inherits from "@babel/runtime/helpers/inherits";
 function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 function _superPropGet(t, o, e, r) { var p = _get(_getPrototypeOf(1 & r ? t.prototype : t), o, e); return 2 & r && "function" == typeof p ? function (t) { return p.apply(e, t); } : p; }
+import { fg } from '@atlaskit/platform-feature-flags';
 import VCCalculator_FY25_03 from '../fy25_03';
 
 // NOTE: `next` to be renamed `fy26.04` once stable
 var REVISION_NO = 'next';
 var getConsideredEntryTypes = function getConsideredEntryTypes() {
+  var 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'];
 };
 var getExcludedEntryTypes = function getExcludedEntryTypes() {
-  return ['layout-shift:same-rect'];
+  var excludedEntryTypes = ['layout-shift:same-rect'];
+  return excludedEntryTypes;
 };
 
 // NOTE: `VCNext` to be renamed `FY26_04` once stable