@atlaskit/react-ufo 3.13.13 → 3.13.15

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,52 +29,64 @@ var AbstractVCCalculatorBase = exports.default = /*#__PURE__*/function () {
         return 'rect' in entry.data;
       });
     }
+
+    /**
+     * Calculate ratios for each element based on their viewport coverage.
+     */
   }, {
-    key: "calculateBasic",
-    value: function () {
-      var _calculateBasic = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(filteredEntries, startTime, stopTime) {
-        var percentiles, viewportEntries, vcLogs;
-        return _regenerator.default.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 (0, _percentileCalc.calculateTTVCPercentiles)({
-                viewport: {
-                  width: (0, _getViewportWidth.default)(),
-                  height: (0, _getViewportHeight.default)()
-                },
-                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 = (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);
           }
-        }, _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 = (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: "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;
-        return _regenerator.default.wrap(function _callee2$(_context2) {
-          while (1) switch (_context2.prev = _context2.next) {
+      var _calculateWithDebugInfo = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.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 _regenerator.default.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 (0, _percentileCalc.calculateTTVCPercentilesWithDebugInfo)({
                 viewport: {
                   width: (0, _getViewportWidth.default)(),
@@ -84,29 +97,29 @@ var AbstractVCCalculatorBase = exports.default = /*#__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]) {
@@ -130,19 +143,19 @@ var AbstractVCCalculatorBase = exports.default = /*#__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 = {
@@ -159,7 +172,7 @@ var AbstractVCCalculatorBase = exports.default = /*#__PURE__*/function () {
               }
 
               // Handle devtool callback
-              if (!isPostInteraction && typeof window !== 'undefined' && typeof window.__ufo_devtool_onVCRevisionReady__ === 'function' && (0, _platformFeatureFlags.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,
@@ -174,14 +187,14 @@ var AbstractVCCalculatorBase = exports.default = /*#__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;
@@ -189,13 +202,13 @@ var AbstractVCCalculatorBase = exports.default = /*#__PURE__*/function () {
   }, {
     key: "calculate",
     value: function () {
-      var _calculate = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3(_ref2) {
+      var _calculate = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(_ref2) {
         var _this = this,
           _vcDetails$90$t,
           _vcDetails$;
-        var startTime, stopTime, orderedEntries, interactionId, isPostInteraction, filteredEntries, isVCClean, dirtyReason, getVCCleanStatusResult, useDebugInfo, vcDetails;
-        return _regenerator.default.wrap(function _callee3$(_context3) {
-          while (1) switch (_context3.prev = _context3.next) {
+        var startTime, stopTime, orderedEntries, interactionId, isPostInteraction, filteredEntries, isVCClean, dirtyReason, getVCCleanStatusResult, vcDetails, result;
+        return _regenerator.default.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) {
@@ -205,47 +218,37 @@ var AbstractVCCalculatorBase = exports.default = /*#__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 = (0, _platformFeatureFlags.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 ((0, _platformFeatureFlags.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/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;

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

@@ -1,5 +1,4 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { fg } from '@atlaskit/platform-feature-flags';
 import { isVCRevisionEnabled } from '../../config';
 import { getActiveInteraction } from '../../interaction-metrics';
 import { attachAbortListeners } from './attachAbortListeners';
@@ -284,7 +283,7 @@ export class VCObserver {
           }));
 
           // 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') {
             var _ufo_devtool_onVCRev2, _ref2;
             // Handle v1 if not disabled
             if (!isTTVCv1Disabled) {
@@ -330,7 +329,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/index.js

@@ -103,9 +103,7 @@ export default class VCObserverNew {
       interactionId
     } = param;
     const results = [];
-    if (fg('platform_ufo_v3_add_start_entry')) {
-      this.addStartEntry(start);
-    }
+    this.addStartEntry(start);
     const calculator_fy25_03 = new VCCalculator_FY25_03();
     const orderedEntries = this.entriesTimeline.getOrderedEntries({
       start,

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

@@ -1,5 +1,5 @@
 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';
 export default class AbstractVCCalculatorBase {
@@ -11,20 +11,30 @@ export default class AbstractVCCalculatorBase {
       return 'rect' in entry.data;
     });
   }
-  async calculateBasic(filteredEntries, startTime, stopTime) {
-    const percentiles = [25, 50, 75, 80, 85, 90, 95, 98, 99];
-    const viewportEntries = this.filterViewportEntries(filteredEntries);
-    const vcLogs = await calculateTTVCPercentiles({
-      viewport: {
-        width: getViewportWidth(),
-        height: getViewportHeight()
-      },
-      startTime,
-      stopTime,
-      orderedEntries: viewportEntries,
-      percentiles
-    });
-    return vcLogs;
+
+  /**
+   * 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 calculateWithDebugInfo(filteredEntries, startTime, stopTime, isPostInteraction, isVCClean, interactionId, dirtyReason) {
     const percentiles = [25, 50, 75, 80, 85, 90, 95, 98, 99];
@@ -91,7 +101,7 @@ export default class AbstractVCCalculatorBase {
     }
 
     // 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 {
         var _ufo_devtool_onVCRev, _ref;
         (_ufo_devtool_onVCRev = (_ref = window).__ufo_devtool_onVCRevisionReady__) === null || _ufo_devtool_onVCRev === void 0 ? void 0 : _ufo_devtool_onVCRev.call(_ref, {
@@ -133,13 +143,16 @@ export default class AbstractVCCalculatorBase {
         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 vcDetails = await this.calculateWithDebugInfo(filteredEntries, startTime, stopTime, isPostInteraction, isVCClean, interactionId, dirtyReason);
+    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;

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;