@atlaskit/react-ufo 3.13.12 → 3.13.14

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

@@ -96,7 +96,7 @@ export var VCObserver = /*#__PURE__*/function () {
     });
     _defineProperty(this, "getVCResult", /*#__PURE__*/function () {
       var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref3) {
-        var start, stop, tti, prefix, ssr, vc, isEventAborted, experienceKey, interactionId, includeSSRRatio, startTime, fullPrefix, rawData, abortReason, abortReasonInfo, heatmap, heatmapNext, outOfBoundaryInfo, totalTime, componentsLog, viewport, devToolsEnabled, ratios, isTTVCv1Disabled, vcAbortedResultWithRevisions, ttvcV1Result, VC, VCBox, VCEntries, totalPainted, _componentsLog, vcNext, outOfBoundary, stopTime, ttvcV1DevToolInfo, ttvcV2DevToolInfo, _ufo_devtool_onVCRev2, _ref10, _ufo_devtool_onVCRev, _ref9, isVCClean, revisionsData, speedIndex, SSRRatio, SSRRatioNext, SSRRatioPayload, isTTVCv3Enabled;
+        var start, stop, tti, prefix, ssr, vc, isEventAborted, experienceKey, interactionId, includeSSRRatio, startTime, fullPrefix, rawData, abortReason, abortReasonInfo, heatmap, heatmapNext, outOfBoundaryInfo, totalTime, componentsLog, viewport, devToolsEnabled, ratios, isTTVCv1Disabled, vcAbortedResultWithRevisions, ttvcV1Result, VC, VCBox, VCEntries, totalPainted, _componentsLog, vcNext, outOfBoundary, stopTime, ttvcV1DevToolInfo, ttvcV2DevToolInfo, _ufo_devtool_onVCRev2, _ref9, _ufo_devtool_onVCRev, _ref8, isVCClean, revisionsData, speedIndex, SSRRatio, SSRRatioNext, SSRRatioPayload, isTTVCv3Enabled;
         return _regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
@@ -111,11 +111,9 @@ export var VCObserver = /*#__PURE__*/function () {
               return _context.abrupt("return", {});
             case 6:
               abortReason = rawData.abortReason, abortReasonInfo = rawData.abortReasonInfo, heatmap = rawData.heatmap, heatmapNext = rawData.heatmapNext, outOfBoundaryInfo = rawData.outOfBoundaryInfo, totalTime = rawData.totalTime, componentsLog = rawData.componentsLog, viewport = rawData.viewport, devToolsEnabled = rawData.devToolsEnabled, ratios = rawData.ratios;
-              isTTVCv1Disabled = !isVCRevisionEnabled('fy25.01', experienceKey); // NOTE: as part of platform_ufo_add_vc_abort_reason_by_revisions feature,
-              // we want to report abort by scroll events the same way as other abort reasons
-              // i.e. not have the concept of `abortReason.blocking` anymore
-              if (!(abortReasonInfo !== null && fg('platform_ufo_add_vc_abort_reason_by_revisions'))) {
-                _context.next = 15;
+              isTTVCv1Disabled = !isVCRevisionEnabled('fy25.01', experienceKey);
+              if (!(abortReasonInfo !== null)) {
+                _context.next = 13;
                 break;
               }
               // exposing data to devtools
@@ -139,19 +137,7 @@ export var VCObserver = /*#__PURE__*/function () {
                 });
               }
               return _context.abrupt("return", vcAbortedResultWithRevisions);
-            case 15:
-              if (!(abortReasonInfo !== null && abortReason.blocking)) {
-                _context.next = 18;
-                break;
-              }
-              // exposing data to devtools
-              try {
-                if (devToolsEnabled && !_this.isPostInteraction) {
-                  window.__vcNotAvailableReason = abortReasonInfo;
-                }
-              } catch (e) {}
-              return _context.abrupt("return", _defineProperty(_defineProperty(_defineProperty({}, "".concat(fullPrefix, "vc:state"), false), "".concat(fullPrefix, "vc:abort:reason"), abortReasonInfo), "".concat(fullPrefix, "vc:abort:timestamp"), abortReason.timestamp));
-            case 18:
+            case 13:
               ttvcV1Result = isTTVCv1Disabled ? {
                 VC: {},
                 VCBox: {},
@@ -170,10 +156,10 @@ export var VCObserver = /*#__PURE__*/function () {
               });
               VC = ttvcV1Result.VC, VCBox = ttvcV1Result.VCBox, VCEntries = ttvcV1Result.VCEntries, totalPainted = ttvcV1Result.totalPainted;
               _componentsLog = {};
-              Object.entries(_this.componentsLog).forEach(function (_ref6) {
-                var _ref7 = _slicedToArray(_ref6, 2),
-                  _timestamp = _ref7[0],
-                  value = _ref7[1];
+              Object.entries(_this.componentsLog).forEach(function (_ref5) {
+                var _ref6 = _slicedToArray(_ref5, 2),
+                  _timestamp = _ref6[0],
+                  value = _ref6[1];
                 var timestamp = Number(_timestamp);
                 if (stop > timestamp) {
                   _componentsLog[timestamp] = value;
@@ -284,7 +270,7 @@ export var VCObserver = /*#__PURE__*/function () {
                   if (typeof window.__ufo_devtool_onVCRevisionReady__ === 'function' && fg('platform_ufo_ttvc_v3_devtool')) {
                     // Handle v1 if not disabled
                     if (!isTTVCv1Disabled) {
-                      (_ufo_devtool_onVCRev = (_ref9 = window).__ufo_devtool_onVCRevisionReady__) === null || _ufo_devtool_onVCRev === void 0 || _ufo_devtool_onVCRev.call(_ref9, getVCRevisionDebugDetails({
+                      (_ufo_devtool_onVCRev = (_ref8 = window).__ufo_devtool_onVCRevisionReady__) === null || _ufo_devtool_onVCRev === void 0 || _ufo_devtool_onVCRev.call(_ref8, getVCRevisionDebugDetails({
                         revision: 'fy25.01',
                         isClean: !abortReasonInfo,
                         abortReason: abortReason.reason,
@@ -295,7 +281,7 @@ export var VCObserver = /*#__PURE__*/function () {
                     }
 
                     // Handle v2
-                    (_ufo_devtool_onVCRev2 = (_ref10 = window).__ufo_devtool_onVCRevisionReady__) === null || _ufo_devtool_onVCRev2 === void 0 || _ufo_devtool_onVCRev2.call(_ref10, getVCRevisionDebugDetails({
+                    (_ufo_devtool_onVCRev2 = (_ref9 = window).__ufo_devtool_onVCRevisionReady__) === null || _ufo_devtool_onVCRev2 === void 0 || _ufo_devtool_onVCRev2.call(_ref9, getVCRevisionDebugDetails({
                       revision: 'fy25.02',
                       isClean: !abortReasonInfo,
                       abortReason: abortReason.reason,
@@ -325,23 +311,24 @@ 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);
               SSRRatioNext = VCObserver.getSSRRatio(vcNext.VCEntries.rel, ssr);
               SSRRatioPayload = includeSSRRatio ? _defineProperty(_defineProperty({}, "".concat(fullPrefix, "vc:ssrRatio"), isTTVCv1Disabled ? SSRRatioNext : SSRRatio), "".concat(fullPrefix, "vc:next:ssrRatio"), SSRRatioNext) : {};
               if (!isTTVCv1Disabled) {
-                _context.next = 35;
+                _context.next = 30;
                 break;
               }
               return _context.abrupt("return", _objectSpread(_objectSpread(_objectSpread(_objectSpread(_defineProperty(_defineProperty(_defineProperty({}, "".concat(fullPrefix, "vc:size"), viewport), "".concat(fullPrefix, "vc:time"), Math.round(totalTime + (stopTime - startTime))), "".concat(fullPrefix, "vc:ratios"), ratios), outOfBoundary), {}, _defineProperty({}, "".concat(fullPrefix, "vc:ignored"), _this.getIgnoredElements(componentsLog)), SSRRatioPayload), {}, _defineProperty({}, "".concat(fullPrefix, "vc:ssrRatio"), SSRRatioNext), revisionsData), speedIndex));
-            case 35:
+            case 30:
               isTTVCv3Enabled = isVCRevisionEnabled('fy25.03', experienceKey);
               return _context.abrupt("return", _objectSpread(_objectSpread(_objectSpread(_objectSpread(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
                 'metrics:vc': VC
               }, "".concat(fullPrefix, "vc:state"), true), "".concat(fullPrefix, "vc:clean"), isVCClean), "".concat(fullPrefix, "vc:dom"), VCBox), "".concat(fullPrefix, "vc:updates"), isTTVCv3Enabled ? undefined : VCEntries.rel.slice(0, 50)), "".concat(fullPrefix, "vc:size"), viewport), "".concat(fullPrefix, "vc:time"), Math.round(totalTime + (stopTime - startTime))), "".concat(fullPrefix, "vc:total"), totalPainted), "".concat(fullPrefix, "vc:ratios"), ratios), "".concat(fullPrefix, "vc:ssrRatio"), SSRRatio), outOfBoundary), {}, _defineProperty(_defineProperty(_defineProperty({}, "".concat(fullPrefix, "vc:next"), vcNext.VC), "".concat(fullPrefix, "vc:next:updates"), isTTVCv3Enabled ? undefined : vcNext.VCEntries.rel.slice(0, 50)), "".concat(fullPrefix, "vc:next:dom"), vcNext.VCBox), SSRRatioPayload), {}, _defineProperty({}, "".concat(fullPrefix, "vc:ignored"), _this.getIgnoredElements(componentsLog)), revisionsData), speedIndex));
-            case 37:
+            case 32:
             case "end":
               return _context.stop();
           }
@@ -434,10 +421,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 (_ref12) {
-          var _ref13 = _slicedToArray(_ref12, 2),
-            key = _ref13[0],
-            time = _ref13[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);
           }
@@ -467,8 +454,8 @@ export var VCObserver = /*#__PURE__*/function () {
   }
   return _createClass(VCObserver, [{
     key: "start",
-    value: function start(_ref14) {
-      var startTime = _ref14.startTime;
+    value: function start(_ref11) {
+      var startTime = _ref11.startTime;
       this.active = true;
       if (this.observers.isBrowserSupported()) {
         this.setViewportSize();
@@ -490,12 +477,12 @@ export var VCObserver = /*#__PURE__*/function () {
   }, {
     key: "getIgnoredElements",
     value: function getIgnoredElements(componentsLog) {
-      return Object.values(componentsLog).flat().filter(function (_ref15) {
-        var ignoreReason = _ref15.ignoreReason;
+      return Object.values(componentsLog).flat().filter(function (_ref12) {
+        var ignoreReason = _ref12.ignoreReason;
         return Boolean(ignoreReason);
-      }).map(function (_ref16) {
-        var targetName = _ref16.targetName,
-          ignoreReason = _ref16.ignoreReason;
+      }).map(function (_ref13) {
+        var targetName = _ref13.targetName,
+          ignoreReason = _ref13.ignoreReason;
         return {
           targetName: targetName,
           ignoreReason: ignoreReason
@@ -625,13 +612,13 @@ export var VCObserver = /*#__PURE__*/function () {
     }
   }, {
     key: "calculateVC",
-    value: function calculateVC(_ref17) {
-      var heatmap = _ref17.heatmap,
-        _ref17$ssr = _ref17.ssr,
-        ssr = _ref17$ssr === void 0 ? UNUSED_SECTOR : _ref17$ssr,
-        componentsLog = _ref17.componentsLog,
-        viewport = _ref17.viewport,
-        fixSSRAttribution = _ref17.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;
@@ -698,11 +685,11 @@ export var VCObserver = /*#__PURE__*/function () {
         });
         return VCRatio;
       }, 0);
-      var VCEntries = entries.reduce(function (acc, _ref18, i) {
+      var VCEntries = entries.reduce(function (acc, _ref15, i) {
         var _acc$abs, _componentsLog$timest, _acc$rel$vc, _acc$rel;
-        var _ref19 = _slicedToArray(_ref18, 2),
-          timestamp = _ref19[0],
-          entryPainted = _ref19[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/metric-calculator/abstract-base-vc-calculator.js

@@ -1,10 +1,11 @@
 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 getViewportHeight from './utils/get-viewport-height';
@@ -21,6 +22,53 @@ var AbstractVCCalculatorBase = /*#__PURE__*/function () {
         return 'rect' in entry.data;
       });
     }
+
+    /**
+     * Calculate ratios for each element based on their viewport coverage.
+     */
+  }, {
+    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);
+          }
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
+      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: "calculateBasic",
     value: function () {
@@ -60,7 +108,7 @@ var AbstractVCCalculatorBase = /*#__PURE__*/function () {
     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;
+        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 _callee2$(_context2) {
           while (1) switch (_context2.prev = _context2.next) {
             case 0:
@@ -85,16 +133,16 @@ var AbstractVCCalculatorBase = /*#__PURE__*/function () {
                 _context2.next = 28;
                 break;
               }
-              _iterator = _createForOfIteratorHelper(vcLogs);
+              _iterator3 = _createForOfIteratorHelper(vcLogs);
               _context2.prev = 10;
-              _iterator.s();
+              _iterator3.s();
             case 12:
-              if ((_step = _iterator.n()).done) {
+              if ((_step3 = _iterator3.n()).done) {
                 _context2.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;
                 break;
@@ -131,10 +179,10 @@ var AbstractVCCalculatorBase = /*#__PURE__*/function () {
             case 22:
               _context2.prev = 22;
               _context2.t0 = _context2["catch"](10);
-              _iterator.e(_context2.t0);
+              _iterator3.e(_context2.t0);
             case 25:
               _context2.prev = 25;
-              _iterator.f();
+              _iterator3.f();
               return _context2.finish(25);
             case 28:
               // Fill in any missing percentiles with the last known values
@@ -174,7 +222,7 @@ var AbstractVCCalculatorBase = /*#__PURE__*/function () {
           }
         }, _callee2, this, [[10, 22, 25, 28]]);
       }));
-      function calculateWithDebugInfo(_x4, _x5, _x6, _x7, _x8, _x9, _x10) {
+      function calculateWithDebugInfo(_x4, _x5, _x6, _x7, _x8, _x9, _x0) {
         return _calculateWithDebugInfo.apply(this, arguments);
       }
       return calculateWithDebugInfo;
@@ -186,7 +234,7 @@ var AbstractVCCalculatorBase = /*#__PURE__*/function () {
         var _this = this,
           _vcDetails$90$t,
           _vcDetails$;
-        var startTime, stopTime, orderedEntries, interactionId, isPostInteraction, filteredEntries, isVCClean, dirtyReason, getVCCleanStatusResult, useDebugInfo, vcDetails;
+        var startTime, stopTime, orderedEntries, interactionId, isPostInteraction, filteredEntries, isVCClean, dirtyReason, getVCCleanStatusResult, useDebugInfo, vcDetails, result;
         return _regeneratorRuntime.wrap(function _callee3$(_context3) {
           while (1) switch (_context3.prev = _context3.next) {
             case 0:
@@ -194,15 +242,11 @@ var AbstractVCCalculatorBase = /*#__PURE__*/function () {
               filteredEntries = orderedEntries.filter(function (entry) {
                 return _this.isEntryIncluded(entry);
               });
-              if (!fg('platform_ufo_add_vc_abort_reason_by_revisions')) {
-                _context3.next = 10;
-                break;
-              }
               getVCCleanStatusResult = this.getVCCleanStatus(filteredEntries);
               isVCClean = getVCCleanStatusResult.isVCClean;
               dirtyReason = getVCCleanStatusResult.dirtyReason;
               if (isVCClean) {
-                _context3.next = 8;
+                _context3.next = 7;
                 break;
               }
               return _context3.abrupt("return", {
@@ -211,52 +255,42 @@ var AbstractVCCalculatorBase = /*#__PURE__*/function () {
                 clean: false,
                 abortReason: dirtyReason
               });
-            case 8:
-              _context3.next = 13;
-              break;
-            case 10:
-              isVCClean = this.isVCClean(filteredEntries);
-              if (isVCClean) {
-                _context3.next = 13;
-                break;
-              }
-              return _context3.abrupt("return", {
-                revision: this.revisionNo,
-                'metric:vc90': null,
-                clean: false
-              });
-            case 13:
+            case 7:
               useDebugInfo = fg('platform_ufo_ttvc_v3_devtool');
               if (!useDebugInfo) {
-                _context3.next = 20;
+                _context3.next = 14;
                 break;
               }
-              _context3.next = 17;
+              _context3.next = 11;
               return this.calculateWithDebugInfo(filteredEntries, startTime, stopTime, isPostInteraction, isVCClean, interactionId, dirtyReason);
-            case 17:
+            case 11:
               _context3.t0 = _context3.sent;
-              _context3.next = 23;
+              _context3.next = 17;
               break;
-            case 20:
-              _context3.next = 22;
+            case 14:
+              _context3.next = 16;
               return this.calculateBasic(filteredEntries, startTime, stopTime);
-            case 22:
+            case 16:
               _context3.t0 = _context3.sent;
-            case 23:
+            case 17:
               vcDetails = _context3.t0;
-              return _context3.abrupt("return", {
+              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 25:
+              };
+              if (fg('platform_ufo_rev_ratios')) {
+                result.ratios = this.calculateRatios(filteredEntries);
+              }
+              return _context3.abrupt("return", result);
+            case 21:
             case "end":
               return _context3.stop();
           }
         }, _callee3, this);
       }));
-      function calculate(_x11) {
+      function calculate(_x1) {
         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;
@@ -50,20 +50,6 @@ var VCCalculator_FY25_03 = /*#__PURE__*/function (_AbstractVCCalculator) {
       }
       return true;
     }
-  }, {
-    key: "isVCClean",
-    value: function isVCClean(filteredEntries) {
-      var hasAbortEvent = filteredEntries.some(function (entry) {
-        if (entry.data.type === 'window:event') {
-          var data = entry.data;
-          if (ABORTING_WINDOW_EVENT.includes(data.eventType)) {
-            return true;
-          }
-        }
-        return false;
-      });
-      return !hasAbortEvent;
-    }
   }, {
     key: "getVCCleanStatus",
     value: function getVCCleanStatus(filteredEntries) {

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

@@ -5,12 +5,15 @@ export default abstract class AbstractVCCalculatorBase implements VCCalculator {
     private revisionNo;
     constructor(revisionNo: string);
     protected abstract isEntryIncluded(entry: VCObserverEntry): boolean;
-    protected abstract isVCClean(filteredEntries: ReadonlyArray<VCObserverEntry>): boolean;
     protected abstract getVCCleanStatus(filteredEntries: ReadonlyArray<VCObserverEntry>): {
         isVCClean: boolean;
         dirtyReason?: VCAbortReason;
     };
     private filterViewportEntries;
+    /**
+     * Calculate ratios for each element based on their viewport coverage.
+     */
+    private calculateRatios;
     private calculateBasic;
     private calculateWithDebugInfo;
     calculate({ startTime, stopTime, orderedEntries, interactionId, isPostInteraction, }: VCCalculatorParam): Promise<RevisionPayloadEntry | undefined>;

package/dist/types/vc/vc-observer-new/metric-calculator/fy25_03/index.d.ts

@@ -5,7 +5,6 @@ export declare const NON_VISUAL_ARIA_ATTRIBUTES: string[];
 export default class VCCalculator_FY25_03 extends AbstractVCCalculatorBase {
     constructor();
     protected isEntryIncluded(entry: VCObserverEntry): boolean;
-    protected isVCClean(filteredEntries: readonly VCObserverEntry[]): boolean;
     protected getVCCleanStatus(filteredEntries: readonly VCObserverEntry[]): {
         isVCClean: boolean;
         dirtyReason: never;

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[];

package/dist/types-ts4.5/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-ts4.5/vc/vc-observer-new/metric-calculator/abstract-base-vc-calculator.d.ts

@@ -5,12 +5,15 @@ export default abstract class AbstractVCCalculatorBase implements VCCalculator {
     private revisionNo;
     constructor(revisionNo: string);
     protected abstract isEntryIncluded(entry: VCObserverEntry): boolean;
-    protected abstract isVCClean(filteredEntries: ReadonlyArray<VCObserverEntry>): boolean;
     protected abstract getVCCleanStatus(filteredEntries: ReadonlyArray<VCObserverEntry>): {
         isVCClean: boolean;
         dirtyReason?: VCAbortReason;
     };
     private filterViewportEntries;
+    /**
+     * Calculate ratios for each element based on their viewport coverage.
+     */
+    private calculateRatios;
     private calculateBasic;
     private calculateWithDebugInfo;
     calculate({ startTime, stopTime, orderedEntries, interactionId, isPostInteraction, }: VCCalculatorParam): Promise<RevisionPayloadEntry | undefined>;

package/dist/types-ts4.5/vc/vc-observer-new/metric-calculator/fy25_03/index.d.ts

@@ -5,7 +5,6 @@ export declare const NON_VISUAL_ARIA_ATTRIBUTES: string[];
 export default class VCCalculator_FY25_03 extends AbstractVCCalculatorBase {
     constructor();
     protected isEntryIncluded(entry: VCObserverEntry): boolean;
-    protected isVCClean(filteredEntries: readonly VCObserverEntry[]): boolean;
     protected getVCCleanStatus(filteredEntries: readonly VCObserverEntry[]): {
         isVCClean: boolean;
         dirtyReason: never;