@atlaskit/react-ufo 3.13.12 → 3.13.14

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

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
@@ -28,6 +29,53 @@ var AbstractVCCalculatorBase = exports.default = /*#__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 = (0, _getViewportWidth.default)();
+      var viewportHeight = (0, _getViewportHeight.default)();
+      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 = (0, _slicedToArray2.default)(_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 () {
@@ -67,7 +115,7 @@ var AbstractVCCalculatorBase = exports.default = /*#__PURE__*/function () {
     key: "calculateWithDebugInfo",
     value: function () {
       var _calculateWithDebugInfo = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.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 _regenerator.default.wrap(function _callee2$(_context2) {
           while (1) switch (_context2.prev = _context2.next) {
             case 0:
@@ -92,16 +140,16 @@ var AbstractVCCalculatorBase = exports.default = /*#__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;
@@ -138,10 +186,10 @@ var AbstractVCCalculatorBase = exports.default = /*#__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
@@ -181,7 +229,7 @@ var AbstractVCCalculatorBase = exports.default = /*#__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;
@@ -193,7 +241,7 @@ var AbstractVCCalculatorBase = exports.default = /*#__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 _regenerator.default.wrap(function _callee3$(_context3) {
           while (1) switch (_context3.prev = _context3.next) {
             case 0:
@@ -201,15 +249,11 @@ var AbstractVCCalculatorBase = exports.default = /*#__PURE__*/function () {
               filteredEntries = orderedEntries.filter(function (entry) {
                 return _this.isEntryIncluded(entry);
               });
-              if (!(0, _platformFeatureFlags.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", {
@@ -218,52 +262,42 @@ var AbstractVCCalculatorBase = exports.default = /*#__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 = (0, _platformFeatureFlags.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 ((0, _platformFeatureFlags.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/cjs/vc/vc-observer-new/metric-calculator/fy25_03/index.js

@@ -47,7 +47,7 @@ var VCCalculator_FY25_03 = exports.default = /*#__PURE__*/function (_AbstractVCC
         if (attributeName === 'data-aui-version' && (0, _platformFeatureFlags.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)) && (0, _platformFeatureFlags.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;
@@ -57,20 +57,6 @@ var VCCalculator_FY25_03 = exports.default = /*#__PURE__*/function (_AbstractVCC
       }
       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/cjs/vc/vc-observer-new/metric-calculator/percentile-calc/canvas-heatmap/index.js

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

package/dist/cjs/vc/vc-observer-new/metric-calculator/percentile-calc/index.js

@@ -17,5 +17,4 @@ Object.defineProperty(exports, "calculateTTVCPercentilesWithDebugInfo", {
   }
 });
 var _canvasHeatmap = _interopRequireWildcard(require("./canvas-heatmap"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }

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

@@ -581,11 +581,11 @@ function callCancelCallbacks(interaction) {
 export function abort(interactionId, abortReason) {
   const interaction = interactions.get(interactionId);
   if (interaction != null) {
-    var _getConfig10, _getConfig10$experime;
+    var _getConfig0, _getConfig0$experimen;
     callCancelCallbacks(interaction);
     interaction.abortReason = abortReason;
     finishInteraction(interactionId, interaction);
-    if ((_getConfig10 = getConfig()) !== null && _getConfig10 !== void 0 && (_getConfig10$experime = _getConfig10.experimentalInteractionMetrics) !== null && _getConfig10$experime !== void 0 && _getConfig10$experime.enabled) {
+    if ((_getConfig0 = getConfig()) !== null && _getConfig0 !== void 0 && (_getConfig0$experimen = _getConfig0.experimentalInteractionMetrics) !== null && _getConfig0$experimen !== void 0 && _getConfig0$experimen.enabled) {
       onExperimentalInteractionComplete(interactionId, interaction);
       remove(interactionId);
     }
@@ -594,12 +594,12 @@ export function abort(interactionId, abortReason) {
 export function abortByNewInteraction(interactionId, interactionName) {
   const interaction = interactions.get(interactionId);
   if (interaction != null) {
-    var _getConfig11, _getConfig11$experime;
+    var _getConfig1, _getConfig1$experimen;
     callCancelCallbacks(interaction);
     interaction.abortReason = 'new_interaction';
     interaction.abortedByInteractionName = interactionName;
     finishInteraction(interactionId, interaction);
-    if ((_getConfig11 = getConfig()) !== null && _getConfig11 !== void 0 && (_getConfig11$experime = _getConfig11.experimentalInteractionMetrics) !== null && _getConfig11$experime !== void 0 && _getConfig11$experime.enabled) {
+    if ((_getConfig1 = getConfig()) !== null && _getConfig1 !== void 0 && (_getConfig1$experimen = _getConfig1.experimentalInteractionMetrics) !== null && _getConfig1$experimen !== void 0 && _getConfig1$experimen.enabled) {
       onExperimentalInteractionComplete(interactionId, interaction);
       remove(interactionId);
     }
@@ -607,7 +607,7 @@ export function abortByNewInteraction(interactionId, interactionName) {
 }
 export function abortAll(abortReason, abortedByInteractionName) {
   interactions.forEach((interaction, interactionId) => {
-    var _getConfig12, _getConfig12$experime;
+    var _getConfig10, _getConfig10$experime;
     const noMoreHolds = interaction.holdActive.size === 0;
     if (!noMoreHolds) {
       callCancelCallbacks(interaction);
@@ -617,7 +617,7 @@ export function abortAll(abortReason, abortedByInteractionName) {
       }
     }
     finishInteraction(interactionId, interaction);
-    if ((_getConfig12 = getConfig()) !== null && _getConfig12 !== void 0 && (_getConfig12$experime = _getConfig12.experimentalInteractionMetrics) !== null && _getConfig12$experime !== void 0 && _getConfig12$experime.enabled) {
+    if ((_getConfig10 = getConfig()) !== null && _getConfig10 !== void 0 && (_getConfig10$experime = _getConfig10.experimentalInteractionMetrics) !== null && _getConfig10$experime !== void 0 && _getConfig10$experime.enabled) {
       onExperimentalInteractionComplete(interactionId, interaction);
       remove(interactionId);
     }
@@ -628,8 +628,8 @@ export function addOnCancelCallback(id, cancelCallback) {
   interaction === null || interaction === void 0 ? void 0 : interaction.cancelCallbacks.push(cancelCallback);
 }
 export function addNewInteraction(interactionId, ufoName, type, startTime, rate, labelStack, routeName, trace = null) {
-  var _getConfig13, _getConfig13$postInte;
-  if ((_getConfig13 = getConfig()) !== null && _getConfig13 !== void 0 && (_getConfig13$postInte = _getConfig13.postInteractionLog) !== null && _getConfig13$postInte !== void 0 && _getConfig13$postInte.enabled) {
+  var _getConfig11, _getConfig11$postInte;
+  if ((_getConfig11 = getConfig()) !== null && _getConfig11 !== void 0 && (_getConfig11$postInte = _getConfig11.postInteractionLog) !== null && _getConfig11$postInte !== void 0 && _getConfig11$postInte.enabled) {
     postInteractionLog.reset();
   }
   let previousTime = startTime;
@@ -717,7 +717,7 @@ export function addNewInteraction(interactionId, ufoName, type, startTime, rate,
     addHoldByID(interactionId, [], ufoName, ufoName, true);
   }
   if (type === 'transition') {
-    var _getConfig14, _getConfig14$experime;
+    var _getConfig12, _getConfig12$experime;
     getVCObserver().start({
       startTime,
       experienceKey: ufoName
@@ -725,7 +725,7 @@ export function addNewInteraction(interactionId, ufoName, type, startTime, rate,
     postInteractionLog.startVCObserver({
       startTime
     });
-    if ((_getConfig14 = getConfig()) !== null && _getConfig14 !== void 0 && (_getConfig14$experime = _getConfig14.experimentalInteractionMetrics) !== null && _getConfig14$experime !== void 0 && _getConfig14$experime.enabled) {
+    if ((_getConfig12 = getConfig()) !== null && _getConfig12 !== void 0 && (_getConfig12$experime = _getConfig12.experimentalInteractionMetrics) !== null && _getConfig12$experime !== void 0 && _getConfig12$experime.enabled) {
       experimentalVC.start({
         startTime
       });

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

@@ -1,3 +1,4 @@
+import { fg } from '@atlaskit/platform-feature-flags';
 import { isVCRevisionEnabled } from '../../config';
 import { getPageVisibilityState } from '../../hidden-timing';
 const VCParts = ['25', '50', '75', '80', '85', '90', '95', '98', '99'];
@@ -33,27 +34,36 @@ export function getVCRevisionsData({
   isEventAborted,
   calculatedVC,
   calculatedVCNext,
-  experienceKey
+  experienceKey,
+  ratios
 }) {
   const pageVisibilityUpToTTAI = getPageVisibilityState(interaction.start, interaction.end);
   const isVisiblePageVisibleUpToTTAI = pageVisibilityUpToTTAI === 'visible';
   const shouldHaveVCmetric = isVCClean && !isEventAborted && isVisiblePageVisibleUpToTTAI;
   const availableVCRevisionPayloads = [];
   if (isVCRevisionEnabled('fy25.01', experienceKey)) {
-    availableVCRevisionPayloads.push({
+    const 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({
+    const 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 {
     [`${fullPrefix}vc:rev`]: availableVCRevisionPayloads

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

@@ -117,11 +117,7 @@ export class VCObserver {
         ratios
       } = rawData;
       const 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')) {
+      if (abortReasonInfo !== null) {
         // exposing data to devtools
         try {
           if (devToolsEnabled && !this.isPostInteraction) {
@@ -148,18 +144,6 @@ export class VCObserver {
           });
         }
         return vcAbortedResultWithRevisions;
-      } else if (abortReasonInfo !== null && abortReason.blocking) {
-        // exposing data to devtools
-        try {
-          if (devToolsEnabled && !this.isPostInteraction) {
-            window.__vcNotAvailableReason = abortReasonInfo;
-          }
-        } catch (e) {}
-        return {
-          [`${fullPrefix}vc:state`]: false,
-          [`${fullPrefix}vc:abort:reason`]: abortReasonInfo,
-          [`${fullPrefix}vc:abort:timestamp`]: abortReason.timestamp
-        };
       }
       const ttvcV1Result = isTTVCv1Disabled ? {
         VC: {},
@@ -346,7 +330,8 @@ export class VCObserver {
           VCBox: vcNext.VCBox
         },
         isEventAborted,
-        experienceKey
+        experienceKey,
+        ratios
       });
       const speedIndex = {
         [`ufo:speedIndex`]: isTTVCv1Disabled ? vcNext.VCEntries.speedIndex : VCEntries.speedIndex,

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

@@ -11,6 +11,31 @@ export default class AbstractVCCalculatorBase {
       return 'rect' in entry.data;
     });
   }
+
+  /**
+   * Calculate ratios for each element based on their viewport coverage.
+   */
+  calculateRatios(filteredEntries) {
+    const ratios = {};
+    const viewportWidth = getViewportWidth();
+    const viewportHeight = getViewportHeight();
+    const totalViewportArea = viewportWidth * viewportHeight;
+    if (totalViewportArea === 0) {
+      return ratios;
+    }
+    const elementRects = new Map();
+    for (const entry of filteredEntries) {
+      if ('rect' in entry.data) {
+        const viewportEntry = entry.data;
+        elementRects.set(viewportEntry.elementName, viewportEntry.rect);
+      }
+    }
+    for (const [elementName, rect] of elementRects) {
+      const elementArea = rect.width * rect.height;
+      ratios[elementName] = elementArea / totalViewportArea;
+    }
+    return ratios;
+  }
   async calculateBasic(filteredEntries, startTime, stopTime) {
     const percentiles = [25, 50, 75, 80, 85, 90, 95, 98, 99];
     const viewportEntries = this.filterViewportEntries(filteredEntries);
@@ -122,35 +147,28 @@ export default class AbstractVCCalculatorBase {
     });
     let isVCClean;
     let dirtyReason;
-    if (fg('platform_ufo_add_vc_abort_reason_by_revisions')) {
-      const getVCCleanStatusResult = this.getVCCleanStatus(filteredEntries);
-      isVCClean = getVCCleanStatusResult.isVCClean;
-      dirtyReason = getVCCleanStatusResult.dirtyReason;
-      if (!isVCClean) {
-        return {
-          revision: this.revisionNo,
-          'metric:vc90': null,
-          clean: false,
-          abortReason: dirtyReason
-        };
-      }
-    } else {
-      isVCClean = this.isVCClean(filteredEntries);
-      if (!isVCClean) {
-        return {
-          revision: this.revisionNo,
-          'metric:vc90': null,
-          clean: false
-        };
-      }
+    const getVCCleanStatusResult = this.getVCCleanStatus(filteredEntries);
+    isVCClean = getVCCleanStatusResult.isVCClean;
+    dirtyReason = getVCCleanStatusResult.dirtyReason;
+    if (!isVCClean) {
+      return {
+        revision: this.revisionNo,
+        'metric:vc90': null,
+        clean: false,
+        abortReason: dirtyReason
+      };
     }
     const useDebugInfo = fg('platform_ufo_ttvc_v3_devtool');
     const vcDetails = useDebugInfo ? await this.calculateWithDebugInfo(filteredEntries, startTime, stopTime, isPostInteraction, isVCClean, interactionId, dirtyReason) : await this.calculateBasic(filteredEntries, startTime, stopTime);
-    return {
+    const result = {
       revision: this.revisionNo,
       clean: true,
       'metric:vc90': (_vcDetails$90$t = vcDetails === null || vcDetails === void 0 ? 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
     };
+    if (fg('platform_ufo_rev_ratios')) {
+      result.ratios = this.calculateRatios(filteredEntries);
+    }
+    return result;
   }
 }

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

@@ -29,7 +29,7 @@ export default class VCCalculator_FY25_03 extends AbstractVCCalculatorBase {
       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;
@@ -39,18 +39,6 @@ export default class VCCalculator_FY25_03 extends AbstractVCCalculatorBase {
     }
     return true;
   }
-  isVCClean(filteredEntries) {
-    const hasAbortEvent = filteredEntries.some(entry => {
-      if (entry.data.type === 'window:event') {
-        const data = entry.data;
-        if (ABORTING_WINDOW_EVENT.includes(data.eventType)) {
-          return true;
-        }
-      }
-      return false;
-    });
-    return !hasAbortEvent;
-  }
   getVCCleanStatus(filteredEntries) {
     let dirtyReason = '';
     const hasAbortEvent = filteredEntries.some(entry => {

package/dist/esm/config/index.js

@@ -283,8 +283,8 @@ export function getDoNotAbortActivePressInteraction() {
     if (!config) {
       return undefined;
     }
-    var _config10 = config,
-      doNotAbortActivePressInteraction = _config10.doNotAbortActivePressInteraction;
+    var _config0 = config,
+      doNotAbortActivePressInteraction = _config0.doNotAbortActivePressInteraction;
     return doNotAbortActivePressInteraction;
   } catch (e) {
     return undefined;
@@ -297,8 +297,8 @@ export function getDoNotAbortActivePressInteractionOnTransition() {
     if (!config) {
       return undefined;
     }
-    var _config11 = config,
-      doNotAbortActivePressInteractionOnTransition = _config11.doNotAbortActivePressInteractionOnTransition;
+    var _config1 = config,
+      doNotAbortActivePressInteractionOnTransition = _config1.doNotAbortActivePressInteractionOnTransition;
     return doNotAbortActivePressInteractionOnTransition;
   } catch (e) {
     return undefined;

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
       });