@atlaskit/react-ufo 3.13.13 → 3.13.15

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

@@ -659,11 +659,11 @@ function callCancelCallbacks(interaction) {
 export function abort(interactionId, abortReason) {
   var interaction = interactions.get(interactionId);
   if (interaction != null) {
-    var _getConfig10;
+    var _getConfig0;
     callCancelCallbacks(interaction);
     interaction.abortReason = abortReason;
     finishInteraction(interactionId, interaction);
-    if ((_getConfig10 = getConfig()) !== null && _getConfig10 !== void 0 && (_getConfig10 = _getConfig10.experimentalInteractionMetrics) !== null && _getConfig10 !== void 0 && _getConfig10.enabled) {
+    if ((_getConfig0 = getConfig()) !== null && _getConfig0 !== void 0 && (_getConfig0 = _getConfig0.experimentalInteractionMetrics) !== null && _getConfig0 !== void 0 && _getConfig0.enabled) {
       onExperimentalInteractionComplete(interactionId, interaction);
       remove(interactionId);
     }
@@ -672,12 +672,12 @@ export function abort(interactionId, abortReason) {
 export function abortByNewInteraction(interactionId, interactionName) {
   var interaction = interactions.get(interactionId);
   if (interaction != null) {
-    var _getConfig11;
+    var _getConfig1;
     callCancelCallbacks(interaction);
     interaction.abortReason = 'new_interaction';
     interaction.abortedByInteractionName = interactionName;
     finishInteraction(interactionId, interaction);
-    if ((_getConfig11 = getConfig()) !== null && _getConfig11 !== void 0 && (_getConfig11 = _getConfig11.experimentalInteractionMetrics) !== null && _getConfig11 !== void 0 && _getConfig11.enabled) {
+    if ((_getConfig1 = getConfig()) !== null && _getConfig1 !== void 0 && (_getConfig1 = _getConfig1.experimentalInteractionMetrics) !== null && _getConfig1 !== void 0 && _getConfig1.enabled) {
       onExperimentalInteractionComplete(interactionId, interaction);
       remove(interactionId);
     }
@@ -685,7 +685,7 @@ export function abortByNewInteraction(interactionId, interactionName) {
 }
 export function abortAll(abortReason, abortedByInteractionName) {
   interactions.forEach(function (interaction, interactionId) {
-    var _getConfig12;
+    var _getConfig10;
     var noMoreHolds = interaction.holdActive.size === 0;
     if (!noMoreHolds) {
       callCancelCallbacks(interaction);
@@ -695,7 +695,7 @@ export function abortAll(abortReason, abortedByInteractionName) {
       }
     }
     finishInteraction(interactionId, interaction);
-    if ((_getConfig12 = getConfig()) !== null && _getConfig12 !== void 0 && (_getConfig12 = _getConfig12.experimentalInteractionMetrics) !== null && _getConfig12 !== void 0 && _getConfig12.enabled) {
+    if ((_getConfig10 = getConfig()) !== null && _getConfig10 !== void 0 && (_getConfig10 = _getConfig10.experimentalInteractionMetrics) !== null && _getConfig10 !== void 0 && _getConfig10.enabled) {
       onExperimentalInteractionComplete(interactionId, interaction);
       remove(interactionId);
     }
@@ -706,9 +706,9 @@ export function addOnCancelCallback(id, cancelCallback) {
   interaction === null || interaction === void 0 || interaction.cancelCallbacks.push(cancelCallback);
 }
 export function addNewInteraction(interactionId, ufoName, type, startTime, rate, labelStack, routeName) {
-  var _getConfig13;
+  var _getConfig11;
   var trace = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : null;
-  if ((_getConfig13 = getConfig()) !== null && _getConfig13 !== void 0 && (_getConfig13 = _getConfig13.postInteractionLog) !== null && _getConfig13 !== void 0 && _getConfig13.enabled) {
+  if ((_getConfig11 = getConfig()) !== null && _getConfig11 !== void 0 && (_getConfig11 = _getConfig11.postInteractionLog) !== null && _getConfig11 !== void 0 && _getConfig11.enabled) {
     postInteractionLog.reset();
   }
   var previousTime = startTime;
@@ -796,7 +796,7 @@ export function addNewInteraction(interactionId, ufoName, type, startTime, rate,
     addHoldByID(interactionId, [], ufoName, ufoName, true);
   }
   if (type === 'transition') {
-    var _getConfig14;
+    var _getConfig12;
     getVCObserver().start({
       startTime: startTime,
       experienceKey: ufoName
@@ -804,7 +804,7 @@ export function addNewInteraction(interactionId, ufoName, type, startTime, rate,
     postInteractionLog.startVCObserver({
       startTime: startTime
     });
-    if ((_getConfig14 = getConfig()) !== null && _getConfig14 !== void 0 && (_getConfig14 = _getConfig14.experimentalInteractionMetrics) !== null && _getConfig14 !== void 0 && _getConfig14.enabled) {
+    if ((_getConfig12 = getConfig()) !== null && _getConfig12 !== void 0 && (_getConfig12 = _getConfig12.experimentalInteractionMetrics) !== null && _getConfig12 !== void 0 && _getConfig12.enabled) {
       experimentalVC.start({
         startTime: startTime
       });

package/dist/esm/vc/vc-observer/getVCRevisionsData.js

@@ -2,6 +2,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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; }
+import { fg } from '@atlaskit/platform-feature-flags';
 import { isVCRevisionEnabled } from '../../config';
 import { getPageVisibilityState } from '../../hidden-timing';
 var VCParts = ['25', '50', '75', '80', '85', '90', '95', '98', '99'];
@@ -43,26 +44,35 @@ export function getVCRevisionsData(_ref) {
     isEventAborted = _ref.isEventAborted,
     calculatedVC = _ref.calculatedVC,
     calculatedVCNext = _ref.calculatedVCNext,
-    experienceKey = _ref.experienceKey;
+    experienceKey = _ref.experienceKey,
+    ratios = _ref.ratios;
   var pageVisibilityUpToTTAI = getPageVisibilityState(interaction.start, interaction.end);
   var isVisiblePageVisibleUpToTTAI = pageVisibilityUpToTTAI === 'visible';
   var shouldHaveVCmetric = isVCClean && !isEventAborted && isVisiblePageVisibleUpToTTAI;
   var availableVCRevisionPayloads = [];
   if (isVCRevisionEnabled('fy25.01', experienceKey)) {
-    availableVCRevisionPayloads.push({
+    var revision = {
       revision: 'fy25.01',
       clean: isVCClean,
       'metric:vc90': shouldHaveVCmetric ? calculatedVC.VC['90'] : null,
       vcDetails: createVCDetails(calculatedVC, shouldHaveVCmetric)
-    });
+    };
+    if (shouldHaveVCmetric && fg('platform_ufo_rev_ratios')) {
+      revision.ratios = ratios;
+    }
+    availableVCRevisionPayloads.push(revision);
   }
   if (isVCRevisionEnabled('fy25.02', experienceKey)) {
-    availableVCRevisionPayloads.push({
+    var _revision = {
       revision: 'fy25.02',
       clean: isVCClean,
       'metric:vc90': shouldHaveVCmetric ? calculatedVCNext.VC['90'] : null,
       vcDetails: createVCDetails(calculatedVCNext, shouldHaveVCmetric)
-    });
+    };
+    if (shouldHaveVCmetric && fg('platform_ufo_rev_ratios')) {
+      _revision.ratios = ratios;
+    }
+    availableVCRevisionPayloads.push(_revision);
   }
   return _defineProperty({}, "".concat(fullPrefix, "vc:rev"), availableVCRevisionPayloads);
 }

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

@@ -9,7 +9,6 @@ var _excluded = ["__debug__element"];
 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 { fg } from '@atlaskit/platform-feature-flags';
 import { isVCRevisionEnabled } from '../../config';
 import { getActiveInteraction } from '../../interaction-metrics';
 import { attachAbortListeners } from './attachAbortListeners';
@@ -267,7 +266,7 @@ export var VCObserver = /*#__PURE__*/function () {
                   }));
 
                   // Add devtool callback for both v1 and v2
-                  if (typeof window.__ufo_devtool_onVCRevisionReady__ === 'function' && fg('platform_ufo_ttvc_v3_devtool')) {
+                  if (typeof window.__ufo_devtool_onVCRevisionReady__ === 'function') {
                     // Handle v1 if not disabled
                     if (!isTTVCv1Disabled) {
                       (_ufo_devtool_onVCRev = (_ref8 = window).__ufo_devtool_onVCRevisionReady__) === null || _ufo_devtool_onVCRev === void 0 || _ufo_devtool_onVCRev.call(_ref8, getVCRevisionDebugDetails({
@@ -311,7 +310,8 @@ export var VCObserver = /*#__PURE__*/function () {
                   VCBox: vcNext.VCBox
                 },
                 isEventAborted: isEventAborted,
-                experienceKey: experienceKey
+                experienceKey: experienceKey,
+                ratios: ratios
               });
               speedIndex = _defineProperty(_defineProperty({}, "ufo:speedIndex", isTTVCv1Disabled ? vcNext.VCEntries.speedIndex : VCEntries.speedIndex), "ufo:next:speedIndex", vcNext.VCEntries.speedIndex);
               SSRRatio = VCObserver.getSSRRatio(VCEntries.rel, ssr);
@@ -420,10 +420,10 @@ export var VCObserver = /*#__PURE__*/function () {
       _this.detachAbortListeners();
       var unbinds = attachAbortListeners(window, _this.viewport, _this.abortReasonCallback);
       if ((_window = window) !== null && _window !== void 0 && _window.__SSR_ABORT_LISTENERS__) {
-        Object.entries(window.__SSR_ABORT_LISTENERS__.aborts).forEach(function (_ref11) {
-          var _ref12 = _slicedToArray(_ref11, 2),
-            key = _ref12[0],
-            time = _ref12[1];
+        Object.entries(window.__SSR_ABORT_LISTENERS__.aborts).forEach(function (_ref1) {
+          var _ref10 = _slicedToArray(_ref1, 2),
+            key = _ref10[0],
+            time = _ref10[1];
           if (time) {
             _this.abortReasonCallback(key, time);
           }
@@ -453,8 +453,8 @@ export var VCObserver = /*#__PURE__*/function () {
   }
   return _createClass(VCObserver, [{
     key: "start",
-    value: function start(_ref13) {
-      var startTime = _ref13.startTime;
+    value: function start(_ref11) {
+      var startTime = _ref11.startTime;
       this.active = true;
       if (this.observers.isBrowserSupported()) {
         this.setViewportSize();
@@ -476,12 +476,12 @@ export var VCObserver = /*#__PURE__*/function () {
   }, {
     key: "getIgnoredElements",
     value: function getIgnoredElements(componentsLog) {
-      return Object.values(componentsLog).flat().filter(function (_ref14) {
-        var ignoreReason = _ref14.ignoreReason;
+      return Object.values(componentsLog).flat().filter(function (_ref12) {
+        var ignoreReason = _ref12.ignoreReason;
         return Boolean(ignoreReason);
-      }).map(function (_ref15) {
-        var targetName = _ref15.targetName,
-          ignoreReason = _ref15.ignoreReason;
+      }).map(function (_ref13) {
+        var targetName = _ref13.targetName,
+          ignoreReason = _ref13.ignoreReason;
         return {
           targetName: targetName,
           ignoreReason: ignoreReason
@@ -611,13 +611,13 @@ export var VCObserver = /*#__PURE__*/function () {
     }
   }, {
     key: "calculateVC",
-    value: function calculateVC(_ref16) {
-      var heatmap = _ref16.heatmap,
-        _ref16$ssr = _ref16.ssr,
-        ssr = _ref16$ssr === void 0 ? UNUSED_SECTOR : _ref16$ssr,
-        componentsLog = _ref16.componentsLog,
-        viewport = _ref16.viewport,
-        fixSSRAttribution = _ref16.fixSSRAttribution;
+    value: function calculateVC(_ref14) {
+      var heatmap = _ref14.heatmap,
+        _ref14$ssr = _ref14.ssr,
+        ssr = _ref14$ssr === void 0 ? UNUSED_SECTOR : _ref14$ssr,
+        componentsLog = _ref14.componentsLog,
+        viewport = _ref14.viewport,
+        fixSSRAttribution = _ref14.fixSSRAttribution;
       var lastUpdate = {};
       var totalPainted = 0;
       var ssrTime = fixSSRAttribution ? Math.floor(ssr) : ssr;
@@ -684,11 +684,11 @@ export var VCObserver = /*#__PURE__*/function () {
         });
         return VCRatio;
       }, 0);
-      var VCEntries = entries.reduce(function (acc, _ref17, i) {
+      var VCEntries = entries.reduce(function (acc, _ref15, i) {
         var _acc$abs, _componentsLog$timest, _acc$rel$vc, _acc$rel;
-        var _ref18 = _slicedToArray(_ref17, 2),
-          timestamp = _ref18[0],
-          entryPainted = _ref18[1];
+        var _ref16 = _slicedToArray(_ref15, 2),
+          timestamp = _ref16[0],
+          entryPainted = _ref16[1];
         var currentlyPainted = entryPainted + (((_acc$abs = acc.abs[i - 1]) === null || _acc$abs === void 0 ? void 0 : _acc$abs[1]) || 0);
         var currentlyPaintedRatio = Math.round(currentlyPainted / totalPainted * 1000) / 10;
         var logEntry = _toConsumableArray(new Set((_componentsLog$timest = componentsLog[timestamp]) === null || _componentsLog$timest === void 0 ? void 0 : _componentsLog$timest.filter(function (v) {

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

@@ -121,9 +121,7 @@ var VCObserverNew = /*#__PURE__*/function () {
             case 0:
               start = param.start, stop = param.stop, interactionId = param.interactionId;
               results = [];
-              if (fg('platform_ufo_v3_add_start_entry')) {
-                this.addStartEntry(start);
-              }
+              this.addStartEntry(start);
               calculator_fy25_03 = new VCCalculator_FY25_03();
               orderedEntries = this.entriesTimeline.getOrderedEntries({
                 start: start,

package/dist/esm/vc/vc-observer-new/metric-calculator/abstract-base-vc-calculator.js

@@ -1,12 +1,13 @@
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
 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; }
-import _regeneratorRuntime from "@babel/runtime/regenerator";
 import { fg } from '@atlaskit/platform-feature-flags';
-import { calculateTTVCPercentiles, calculateTTVCPercentilesWithDebugInfo } from './percentile-calc';
+import { calculateTTVCPercentilesWithDebugInfo } from './percentile-calc';
 import getViewportHeight from './utils/get-viewport-height';
 import getViewportWidth from './utils/get-viewport-width';
 var AbstractVCCalculatorBase = /*#__PURE__*/function () {
@@ -21,52 +22,64 @@ var AbstractVCCalculatorBase = /*#__PURE__*/function () {
         return 'rect' in entry.data;
       });
     }
+
+    /**
+     * Calculate ratios for each element based on their viewport coverage.
+     */
   }, {
-    key: "calculateBasic",
-    value: function () {
-      var _calculateBasic = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(filteredEntries, startTime, stopTime) {
-        var percentiles, viewportEntries, vcLogs;
-        return _regeneratorRuntime.wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
-            case 0:
-              percentiles = [25, 50, 75, 80, 85, 90, 95, 98, 99];
-              viewportEntries = this.filterViewportEntries(filteredEntries);
-              _context.next = 4;
-              return calculateTTVCPercentiles({
-                viewport: {
-                  width: getViewportWidth(),
-                  height: getViewportHeight()
-                },
-                startTime: startTime,
-                stopTime: stopTime,
-                orderedEntries: viewportEntries,
-                percentiles: percentiles
-              });
-            case 4:
-              vcLogs = _context.sent;
-              return _context.abrupt("return", vcLogs);
-            case 6:
-            case "end":
-              return _context.stop();
+    key: "calculateRatios",
+    value: function calculateRatios(filteredEntries) {
+      var ratios = {};
+      var viewportWidth = getViewportWidth();
+      var viewportHeight = getViewportHeight();
+      var totalViewportArea = viewportWidth * viewportHeight;
+      if (totalViewportArea === 0) {
+        return ratios;
+      }
+      var elementRects = new Map();
+      var _iterator = _createForOfIteratorHelper(filteredEntries),
+        _step;
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var _entry = _step.value;
+          if ('rect' in _entry.data) {
+            var viewportEntry = _entry.data;
+            elementRects.set(viewportEntry.elementName, viewportEntry.rect);
           }
-        }, _callee, this);
-      }));
-      function calculateBasic(_x, _x2, _x3) {
-        return _calculateBasic.apply(this, arguments);
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
       }
-      return calculateBasic;
-    }()
+      var _iterator2 = _createForOfIteratorHelper(elementRects),
+        _step2;
+      try {
+        for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+          var _step2$value = _slicedToArray(_step2.value, 2),
+            elementName = _step2$value[0],
+            rect = _step2$value[1];
+          var elementArea = rect.width * rect.height;
+          ratios[elementName] = elementArea / totalViewportArea;
+        }
+      } catch (err) {
+        _iterator2.e(err);
+      } finally {
+        _iterator2.f();
+      }
+      return ratios;
+    }
   }, {
     key: "calculateWithDebugInfo",
     value: function () {
-      var _calculateWithDebugInfo = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(filteredEntries, startTime, stopTime, isPostInteraction, isVCClean, interactionId, dirtyReason) {
-        var percentiles, viewportEntries, vcLogs, vcDetails, percentileIndex, entryDataBuffer, _iterator, _step, _entry, time, viewportPercentage, entries, elementNames, previousResult, i, percentile, _ufo_devtool_onVCRev, _ref;
-        return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-          while (1) switch (_context2.prev = _context2.next) {
+      var _calculateWithDebugInfo = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(filteredEntries, startTime, stopTime, isPostInteraction, isVCClean, interactionId, dirtyReason) {
+        var percentiles, viewportEntries, vcLogs, vcDetails, percentileIndex, entryDataBuffer, _iterator3, _step3, _entry2, time, viewportPercentage, entries, elementNames, previousResult, i, percentile, _ufo_devtool_onVCRev, _ref;
+        return _regeneratorRuntime.wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
             case 0:
               percentiles = [25, 50, 75, 80, 85, 90, 95, 98, 99];
               viewportEntries = this.filterViewportEntries(filteredEntries);
-              _context2.next = 4;
+              _context.next = 4;
               return calculateTTVCPercentilesWithDebugInfo({
                 viewport: {
                   width: getViewportWidth(),
@@ -77,29 +90,29 @@ var AbstractVCCalculatorBase = /*#__PURE__*/function () {
                 orderedEntries: viewportEntries
               });
             case 4:
-              vcLogs = _context2.sent;
+              vcLogs = _context.sent;
               vcDetails = {};
               percentileIndex = 0;
               entryDataBuffer = new Set();
               if (!vcLogs) {
-                _context2.next = 28;
+                _context.next = 28;
                 break;
               }
-              _iterator = _createForOfIteratorHelper(vcLogs);
-              _context2.prev = 10;
-              _iterator.s();
+              _iterator3 = _createForOfIteratorHelper(vcLogs);
+              _context.prev = 10;
+              _iterator3.s();
             case 12:
-              if ((_step = _iterator.n()).done) {
-                _context2.next = 20;
+              if ((_step3 = _iterator3.n()).done) {
+                _context.next = 20;
                 break;
               }
-              _entry = _step.value;
-              time = _entry.time, viewportPercentage = _entry.viewportPercentage, entries = _entry.entries; // Only process entries if we haven't reached all percentiles
+              _entry2 = _step3.value;
+              time = _entry2.time, viewportPercentage = _entry2.viewportPercentage, entries = _entry2.entries; // Only process entries if we haven't reached all percentiles
               if (!(percentileIndex >= percentiles.length)) {
-                _context2.next = 17;
+                _context.next = 17;
                 break;
               }
-              return _context2.abrupt("break", 20);
+              return _context.abrupt("break", 20);
             case 17:
               // Check if this entry matches any checkpoint percentiles
               if (viewportPercentage >= percentiles[percentileIndex]) {
@@ -123,19 +136,19 @@ var AbstractVCCalculatorBase = /*#__PURE__*/function () {
                 });
               }
             case 18:
-              _context2.next = 12;
+              _context.next = 12;
               break;
             case 20:
-              _context2.next = 25;
+              _context.next = 25;
               break;
             case 22:
-              _context2.prev = 22;
-              _context2.t0 = _context2["catch"](10);
-              _iterator.e(_context2.t0);
+              _context.prev = 22;
+              _context.t0 = _context["catch"](10);
+              _iterator3.e(_context.t0);
             case 25:
-              _context2.prev = 25;
-              _iterator.f();
-              return _context2.finish(25);
+              _context.prev = 25;
+              _iterator3.f();
+              return _context.finish(25);
             case 28:
               // Fill in any missing percentiles with the last known values
               previousResult = {
@@ -152,7 +165,7 @@ var AbstractVCCalculatorBase = /*#__PURE__*/function () {
               }
 
               // Handle devtool callback
-              if (!isPostInteraction && typeof window !== 'undefined' && typeof window.__ufo_devtool_onVCRevisionReady__ === 'function' && fg('platform_ufo_ttvc_v3_devtool')) {
+              if (!isPostInteraction && typeof window !== 'undefined' && typeof window.__ufo_devtool_onVCRevisionReady__ === 'function') {
                 try {
                   (_ufo_devtool_onVCRev = (_ref = window).__ufo_devtool_onVCRevisionReady__) === null || _ufo_devtool_onVCRev === void 0 || _ufo_devtool_onVCRev.call(_ref, {
                     revision: this.revisionNo,
@@ -167,14 +180,14 @@ var AbstractVCCalculatorBase = /*#__PURE__*/function () {
                   console.error('Error in onVCRevisionReady', e);
                 }
               }
-              return _context2.abrupt("return", vcDetails);
+              return _context.abrupt("return", vcDetails);
             case 32:
             case "end":
-              return _context2.stop();
+              return _context.stop();
           }
-        }, _callee2, this, [[10, 22, 25, 28]]);
+        }, _callee, this, [[10, 22, 25, 28]]);
       }));
-      function calculateWithDebugInfo(_x4, _x5, _x6, _x7, _x8, _x9, _x10) {
+      function calculateWithDebugInfo(_x, _x2, _x3, _x4, _x5, _x6, _x7) {
         return _calculateWithDebugInfo.apply(this, arguments);
       }
       return calculateWithDebugInfo;
@@ -182,13 +195,13 @@ var AbstractVCCalculatorBase = /*#__PURE__*/function () {
   }, {
     key: "calculate",
     value: function () {
-      var _calculate = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(_ref2) {
+      var _calculate = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(_ref2) {
         var _this = this,
           _vcDetails$90$t,
           _vcDetails$;
-        var startTime, stopTime, orderedEntries, interactionId, isPostInteraction, filteredEntries, isVCClean, dirtyReason, getVCCleanStatusResult, useDebugInfo, vcDetails;
-        return _regeneratorRuntime.wrap(function _callee3$(_context3) {
-          while (1) switch (_context3.prev = _context3.next) {
+        var startTime, stopTime, orderedEntries, interactionId, isPostInteraction, filteredEntries, isVCClean, dirtyReason, getVCCleanStatusResult, vcDetails, result;
+        return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+          while (1) switch (_context2.prev = _context2.next) {
             case 0:
               startTime = _ref2.startTime, stopTime = _ref2.stopTime, orderedEntries = _ref2.orderedEntries, interactionId = _ref2.interactionId, isPostInteraction = _ref2.isPostInteraction;
               filteredEntries = orderedEntries.filter(function (entry) {
@@ -198,47 +211,37 @@ var AbstractVCCalculatorBase = /*#__PURE__*/function () {
               isVCClean = getVCCleanStatusResult.isVCClean;
               dirtyReason = getVCCleanStatusResult.dirtyReason;
               if (isVCClean) {
-                _context3.next = 7;
+                _context2.next = 7;
                 break;
               }
-              return _context3.abrupt("return", {
+              return _context2.abrupt("return", {
                 revision: this.revisionNo,
                 'metric:vc90': null,
                 clean: false,
                 abortReason: dirtyReason
               });
             case 7:
-              useDebugInfo = fg('platform_ufo_ttvc_v3_devtool');
-              if (!useDebugInfo) {
-                _context3.next = 14;
-                break;
-              }
-              _context3.next = 11;
+              _context2.next = 9;
               return this.calculateWithDebugInfo(filteredEntries, startTime, stopTime, isPostInteraction, isVCClean, interactionId, dirtyReason);
-            case 11:
-              _context3.t0 = _context3.sent;
-              _context3.next = 17;
-              break;
-            case 14:
-              _context3.next = 16;
-              return this.calculateBasic(filteredEntries, startTime, stopTime);
-            case 16:
-              _context3.t0 = _context3.sent;
-            case 17:
-              vcDetails = _context3.t0;
-              return _context3.abrupt("return", {
+            case 9:
+              vcDetails = _context2.sent;
+              result = {
                 revision: this.revisionNo,
                 clean: true,
                 'metric:vc90': (_vcDetails$90$t = vcDetails === null || vcDetails === void 0 || (_vcDetails$ = vcDetails['90']) === null || _vcDetails$ === void 0 ? void 0 : _vcDetails$.t) !== null && _vcDetails$90$t !== void 0 ? _vcDetails$90$t : null,
                 vcDetails: vcDetails !== null && vcDetails !== void 0 ? vcDetails : undefined
-              });
-            case 19:
+              };
+              if (fg('platform_ufo_rev_ratios')) {
+                result.ratios = this.calculateRatios(filteredEntries);
+              }
+              return _context2.abrupt("return", result);
+            case 13:
             case "end":
-              return _context3.stop();
+              return _context2.stop();
           }
-        }, _callee3, this);
+        }, _callee2, this);
       }));
-      function calculate(_x11) {
+      function calculate(_x8) {
         return _calculate.apply(this, arguments);
       }
       return calculate;

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

@@ -40,7 +40,7 @@ var VCCalculator_FY25_03 = /*#__PURE__*/function (_AbstractVCCalculator) {
         if (attributeName === 'data-aui-version' && fg('platform_ufo_filter_out_aui_attribute_changes')) {
           return false;
         }
-        if ((attributeName === 'data-testid' || attributeName === 'data-vc' || attributeName === 'data-ssr-placeholder' || attributeName === 'data-ssr-placeholder-replace' || attributeName === 'data-vc-nvs' || attributeName === 'data-media-vc-wrapper' || attributeName === 'data-auto-scrollable' || attributeName === 'id' || attributeName === 'tabindex' || NON_VISUAL_ARIA_ATTRIBUTES.includes(attributeName)) && fg('platform_ufo_ignore_non_vis_attributes')) {
+        if (attributeName === 'data-testid' || attributeName === 'data-vc' || attributeName === 'data-ssr-placeholder' || attributeName === 'data-ssr-placeholder-replace' || attributeName === 'data-vc-nvs' || attributeName === 'data-media-vc-wrapper' || attributeName === 'data-auto-scrollable' || attributeName === 'id' || attributeName === 'tabindex' || NON_VISUAL_ARIA_ATTRIBUTES.includes(attributeName)) {
           return false;
         }
         return true;

package/dist/esm/vc/vc-observer-new/metric-calculator/percentile-calc/canvas-heatmap/index.js

@@ -204,8 +204,8 @@ export function calculatePercentilesWithDebugInfo(timePixelCounts, elementMap, t
   var sortedEntries = Array.from(timePixelCounts.entries()).sort(function (_ref7, _ref8) {
     var _ref9 = _slicedToArray(_ref7, 1),
       timeA = _ref9[0];
-    var _ref10 = _slicedToArray(_ref8, 1),
-      timeB = _ref10[0];
+    var _ref0 = _slicedToArray(_ref8, 1),
+      timeB = _ref0[0];
     return Number(timeA) - Number(timeB);
   });
   for (var i = 0; i < sortedEntries.length; i++) {

package/dist/types/common/vc/types.d.ts

@@ -113,6 +113,7 @@ export type RevisionPayloadEntry = {
     revision: string;
     clean: boolean;
     vcDetails?: RevisionPayloadVCDetails;
+    ratios?: VCRatioType;
     abortReason?: VCAbortReason | null;
 };
 export type RevisionPayload = RevisionPayloadEntry[];

package/dist/types/vc/vc-observer/getVCRevisionsData.d.ts

@@ -1,5 +1,5 @@
 import type { InteractionMetrics } from '../../common/common/types';
-import type { RevisionPayload } from '../../common/vc/types';
+import type { RevisionPayload, VCRatioType } from '../../common/vc/types';
 type CalculatedVC = {
     VC: {
         [key: string]: number | null;
@@ -8,7 +8,7 @@ type CalculatedVC = {
         [key: string]: string[] | null;
     };
 };
-export declare function getVCRevisionsData({ fullPrefix, interaction, isVCClean, isEventAborted, calculatedVC, calculatedVCNext, experienceKey, }: {
+export declare function getVCRevisionsData({ fullPrefix, interaction, isVCClean, isEventAborted, calculatedVC, calculatedVCNext, experienceKey, ratios, }: {
     fullPrefix?: string;
     interaction: Pick<InteractionMetrics, 'start' | 'end'>;
     isVCClean: boolean;
@@ -16,6 +16,7 @@ export declare function getVCRevisionsData({ fullPrefix, interaction, isVCClean,
     calculatedVC: CalculatedVC;
     calculatedVCNext: CalculatedVC;
     experienceKey: string;
+    ratios: VCRatioType;
 }): {
     [x: string]: RevisionPayload;
 };

package/dist/types/vc/vc-observer-new/metric-calculator/abstract-base-vc-calculator.d.ts

@@ -10,7 +10,10 @@ export default abstract class AbstractVCCalculatorBase implements VCCalculator {
         dirtyReason?: VCAbortReason;
     };
     private filterViewportEntries;
-    private calculateBasic;
+    /**
+     * Calculate ratios for each element based on their viewport coverage.
+     */
+    private calculateRatios;
     private calculateWithDebugInfo;
     calculate({ startTime, stopTime, orderedEntries, interactionId, isPostInteraction, }: VCCalculatorParam): Promise<RevisionPayloadEntry | undefined>;
 }

package/dist/types-ts4.5/common/vc/types.d.ts

@@ -113,6 +113,7 @@ export type RevisionPayloadEntry = {
     revision: string;
     clean: boolean;
     vcDetails?: RevisionPayloadVCDetails;
+    ratios?: VCRatioType;
     abortReason?: VCAbortReason | null;
 };
 export type RevisionPayload = RevisionPayloadEntry[];