@atlaskit/react-ufo 3.10.3 → 3.11.0

package/dist/esm/vc/index.js

@@ -7,6 +7,7 @@ var _process;
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import { fg } from '@atlaskit/platform-feature-flags';
 import { isVCRevisionEnabled } from '../config';
 import { VCObserverNOOP } from './no-op-vc-observer';
 import { VCObserver } from './vc-observer';
@@ -16,65 +17,152 @@ var VCObserverWrapper = /*#__PURE__*/function () {
     var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     _classCallCheck(this, VCObserverWrapper);
     this.newVCObserver = null;
-    if (isVCRevisionEnabled('fy25.03')) {
-      this.newVCObserver = new VCObserverNew({
-        selectorConfig: opts.selectorConfig
-      });
+    if (fg('platform_ufo_vc_enable_revisions_by_experience')) {
+      this.oldVCObserver = null;
+      if (isVCRevisionEnabled('fy25.03')) {
+        this.newVCObserver = new VCObserverNew({
+          selectorConfig: opts.selectorConfig
+        });
+      }
+      if (isVCRevisionEnabled('fy25.01') || isVCRevisionEnabled('fy25.02')) {
+        this.oldVCObserver = new VCObserver(opts);
+      }
+    } else {
+      if (isVCRevisionEnabled('fy25.03')) {
+        this.newVCObserver = new VCObserverNew({
+          selectorConfig: opts.selectorConfig
+        });
+      }
+      this.oldVCObserver = new VCObserver(opts);
     }
-    this.oldVCObserver = new VCObserver(opts);
   }
   return _createClass(VCObserverWrapper, [{
     key: "start",
-    value: function start(startArg) {
-      var _this$oldVCObserver, _this$newVCObserver;
-      (_this$oldVCObserver = this.oldVCObserver) === null || _this$oldVCObserver === void 0 || _this$oldVCObserver.start(startArg);
-      (_this$newVCObserver = this.newVCObserver) === null || _this$newVCObserver === void 0 || _this$newVCObserver.start({
-        startTime: startArg.startTime
-      });
+    value: function start(_ref) {
+      var startTime = _ref.startTime,
+        experienceKey = _ref.experienceKey;
+      if (fg('platform_ufo_vc_enable_revisions_by_experience')) {
+        if (isVCRevisionEnabled('fy25.01', experienceKey) || isVCRevisionEnabled('fy25.02', experienceKey)) {
+          var _this$oldVCObserver;
+          (_this$oldVCObserver = this.oldVCObserver) === null || _this$oldVCObserver === void 0 || _this$oldVCObserver.start({
+            startTime: startTime
+          });
+        }
+        if (isVCRevisionEnabled('fy25.03', experienceKey)) {
+          var _this$newVCObserver;
+          (_this$newVCObserver = this.newVCObserver) === null || _this$newVCObserver === void 0 || _this$newVCObserver.start({
+            startTime: startTime
+          });
+        }
+      } else {
+        var _this$oldVCObserver2, _this$newVCObserver2;
+        (_this$oldVCObserver2 = this.oldVCObserver) === null || _this$oldVCObserver2 === void 0 || _this$oldVCObserver2.start({
+          startTime: startTime
+        });
+        (_this$newVCObserver2 = this.newVCObserver) === null || _this$newVCObserver2 === void 0 || _this$newVCObserver2.start({
+          startTime: startTime
+        });
+      }
     }
   }, {
     key: "stop",
-    value: function stop() {
-      var _this$oldVCObserver2, _this$newVCObserver2;
-      (_this$oldVCObserver2 = this.oldVCObserver) === null || _this$oldVCObserver2 === void 0 || _this$oldVCObserver2.stop();
-      (_this$newVCObserver2 = this.newVCObserver) === null || _this$newVCObserver2 === void 0 || _this$newVCObserver2.stop();
+    value: function stop(experienceKey) {
+      if (fg('platform_ufo_vc_enable_revisions_by_experience')) {
+        if (isVCRevisionEnabled('fy25.01', experienceKey) || isVCRevisionEnabled('fy25.02', experienceKey)) {
+          var _this$oldVCObserver3;
+          (_this$oldVCObserver3 = this.oldVCObserver) === null || _this$oldVCObserver3 === void 0 || _this$oldVCObserver3.stop();
+        }
+        if (isVCRevisionEnabled('fy25.03', experienceKey)) {
+          var _this$newVCObserver3;
+          (_this$newVCObserver3 = this.newVCObserver) === null || _this$newVCObserver3 === void 0 || _this$newVCObserver3.stop();
+        }
+      } else {
+        var _this$oldVCObserver4, _this$newVCObserver4;
+        (_this$oldVCObserver4 = this.oldVCObserver) === null || _this$oldVCObserver4 === void 0 || _this$oldVCObserver4.stop();
+        (_this$newVCObserver4 = this.newVCObserver) === null || _this$newVCObserver4 === void 0 || _this$newVCObserver4.stop();
+      }
     }
   }, {
     key: "getVCRawData",
     value: function getVCRawData() {
-      var _this$oldVCObserver$g, _this$oldVCObserver3;
-      return (_this$oldVCObserver$g = (_this$oldVCObserver3 = this.oldVCObserver) === null || _this$oldVCObserver3 === void 0 ? void 0 : _this$oldVCObserver3.getVCRawData()) !== null && _this$oldVCObserver$g !== void 0 ? _this$oldVCObserver$g : null;
+      var _this$oldVCObserver$g, _this$oldVCObserver5;
+      return (_this$oldVCObserver$g = (_this$oldVCObserver5 = this.oldVCObserver) === null || _this$oldVCObserver5 === void 0 ? void 0 : _this$oldVCObserver5.getVCRawData()) !== null && _this$oldVCObserver$g !== void 0 ? _this$oldVCObserver$g : null;
     }
   }, {
     key: "getVCResult",
     value: function () {
       var _getVCResult = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(param) {
-        var _this$oldVCObserver4, _this$newVCObserver3, _ref;
-        var oldResult, newResult;
+        var _this$oldVCObserver6, _this$newVCObserver5, _ref2, experienceKey, v1v2Result, v3Result, _this$oldVCObserver7, _this$newVCObserver6, _ref3, oldResult, newResult;
         return _regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
-              _context.next = 2;
-              return (_this$oldVCObserver4 = this.oldVCObserver) === null || _this$oldVCObserver4 === void 0 ? void 0 : _this$oldVCObserver4.getVCResult(param);
-            case 2:
-              oldResult = _context.sent;
+              if (!fg('platform_ufo_vc_enable_revisions_by_experience')) {
+                _context.next = 23;
+                break;
+              }
+              experienceKey = param.experienceKey;
+              if (!(isVCRevisionEnabled('fy25.01', experienceKey) || isVCRevisionEnabled('fy25.02', experienceKey))) {
+                _context.next = 8;
+                break;
+              }
               _context.next = 5;
-              return (_this$newVCObserver3 = this.newVCObserver) === null || _this$newVCObserver3 === void 0 ? void 0 : _this$newVCObserver3.getVCResult({
+              return (_this$oldVCObserver6 = this.oldVCObserver) === null || _this$oldVCObserver6 === void 0 ? void 0 : _this$oldVCObserver6.getVCResult(param);
+            case 5:
+              _context.t0 = _context.sent;
+              _context.next = 9;
+              break;
+            case 8:
+              _context.t0 = {};
+            case 9:
+              v1v2Result = _context.t0;
+              if (!isVCRevisionEnabled('fy25.03', experienceKey)) {
+                _context.next = 16;
+                break;
+              }
+              _context.next = 13;
+              return (_this$newVCObserver5 = this.newVCObserver) === null || _this$newVCObserver5 === void 0 ? void 0 : _this$newVCObserver5.getVCResult({
                 start: param.start,
                 stop: param.stop
               });
-            case 5:
+            case 13:
+              _context.t1 = _context.sent;
+              _context.next = 17;
+              break;
+            case 16:
+              _context.t1 = [];
+            case 17:
+              v3Result = _context.t1;
+              if (v3Result) {
+                _context.next = 20;
+                break;
+              }
+              return _context.abrupt("return", v1v2Result !== null && v1v2Result !== void 0 ? v1v2Result : {});
+            case 20:
+              return _context.abrupt("return", _objectSpread(_objectSpread({}, v1v2Result), {}, {
+                'ufo:vc:rev': [].concat(_toConsumableArray((_ref2 = v1v2Result === null || v1v2Result === void 0 ? void 0 : v1v2Result['ufo:vc:rev']) !== null && _ref2 !== void 0 ? _ref2 : []), _toConsumableArray(v3Result !== null && v3Result !== void 0 ? v3Result : []))
+              }));
+            case 23:
+              _context.next = 25;
+              return (_this$oldVCObserver7 = this.oldVCObserver) === null || _this$oldVCObserver7 === void 0 ? void 0 : _this$oldVCObserver7.getVCResult(param);
+            case 25:
+              oldResult = _context.sent;
+              _context.next = 28;
+              return (_this$newVCObserver6 = this.newVCObserver) === null || _this$newVCObserver6 === void 0 ? void 0 : _this$newVCObserver6.getVCResult({
+                start: param.start,
+                stop: param.stop
+              });
+            case 28:
               newResult = _context.sent;
               if (!(oldResult && !newResult)) {
-                _context.next = 8;
+                _context.next = 31;
                 break;
               }
               return _context.abrupt("return", oldResult);
-            case 8:
+            case 31:
               return _context.abrupt("return", _objectSpread(_objectSpread({}, oldResult !== null && oldResult !== void 0 ? oldResult : {}), {}, {
-                'ufo:vc:rev': [].concat(_toConsumableArray((_ref = oldResult === null || oldResult === void 0 ? void 0 : oldResult['ufo:vc:rev']) !== null && _ref !== void 0 ? _ref : []), _toConsumableArray(newResult !== null && newResult !== void 0 ? newResult : []))
+                'ufo:vc:rev': [].concat(_toConsumableArray((_ref3 = oldResult === null || oldResult === void 0 ? void 0 : oldResult['ufo:vc:rev']) !== null && _ref3 !== void 0 ? _ref3 : []), _toConsumableArray(newResult !== null && newResult !== void 0 ? newResult : []))
               }));
-            case 9:
+            case 32:
             case "end":
               return _context.stop();
           }
@@ -88,20 +176,20 @@ var VCObserverWrapper = /*#__PURE__*/function () {
   }, {
     key: "setSSRElement",
     value: function setSSRElement(element) {
-      var _this$oldVCObserver5;
-      (_this$oldVCObserver5 = this.oldVCObserver) === null || _this$oldVCObserver5 === void 0 || _this$oldVCObserver5.setSSRElement(element);
+      var _this$oldVCObserver8;
+      (_this$oldVCObserver8 = this.oldVCObserver) === null || _this$oldVCObserver8 === void 0 || _this$oldVCObserver8.setSSRElement(element);
     }
   }, {
     key: "setReactRootRenderStart",
     value: function setReactRootRenderStart(startTime) {
-      var _this$oldVCObserver6;
-      (_this$oldVCObserver6 = this.oldVCObserver) === null || _this$oldVCObserver6 === void 0 || _this$oldVCObserver6.setReactRootRenderStart(startTime || performance.now());
+      var _this$oldVCObserver9;
+      (_this$oldVCObserver9 = this.oldVCObserver) === null || _this$oldVCObserver9 === void 0 || _this$oldVCObserver9.setReactRootRenderStart(startTime || performance.now());
     }
   }, {
     key: "setReactRootRenderStop",
     value: function setReactRootRenderStop(stopTime) {
-      var _this$oldVCObserver7;
-      (_this$oldVCObserver7 = this.oldVCObserver) === null || _this$oldVCObserver7 === void 0 || _this$oldVCObserver7.setReactRootRenderStop(stopTime || performance.now());
+      var _this$oldVCObserver10;
+      (_this$oldVCObserver10 = this.oldVCObserver) === null || _this$oldVCObserver10 === void 0 || _this$oldVCObserver10.setReactRootRenderStop(stopTime || performance.now());
     }
   }]);
 }(); // Some products set this variable to indicate it is running in SSR

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';
 import { getRevisions } from './revisions/revisions';
@@ -24,7 +25,7 @@ function createVCDetails(calculatedVC, shouldHaveVCmetric) {
     for (_iterator.s(); !(_step = _iterator.n()).done;) {
       var key = _step.value;
       details[key] = {
-        t: VC[key],
+        t: VC[key] || -1,
         e: VCBox[key] || READONLY_EMPTY_ARRAY
       };
     }
@@ -45,8 +46,13 @@ export function getVCRevisionsData(_ref) {
     multiHeatmap = _ref.multiHeatmap,
     ssr = _ref.ssr,
     calculatedVC = _ref.calculatedVC,
-    calculatedVCNext = _ref.calculatedVCNext;
-  if (!isVCRevisionEnabled('fy25.03')) {
+    calculatedVCNext = _ref.calculatedVCNext,
+    experienceKey = _ref.experienceKey;
+  var isTTVCv3Enabled = fg('platform_ufo_vc_enable_revisions_by_experience') ? isVCRevisionEnabled('fy25.03', experienceKey) : isVCRevisionEnabled('fy25.03');
+
+  // As part of `platform_ufo_vc_enable_revisions_by_experience`, we are looking to turn off the `multiHeatmap` branch of code
+  // for calculating TTVC, and instead rely on existing values already available, e.g. `calculatedVC` and `calculatedVCNext`
+  if (!isTTVCv3Enabled && !fg('platform_ufo_vc_enable_revisions_by_experience')) {
     if (!multiHeatmap) {
       return null;
     }
@@ -69,29 +75,48 @@ export function getVCRevisionsData(_ref) {
       clean: isVCClean
     }));
   }
-
-  // Calculate these conditions once
   var pageVisibilityUpToTTAI = getPageVisibilityState(interaction.start, interaction.end);
   var isVisiblePageVisibleUpToTTAI = pageVisibilityUpToTTAI === 'visible';
   var shouldHaveVCmetric = isVCClean && !isEventAborted && isVisiblePageVisibleUpToTTAI;
+  if (fg('platform_ufo_vc_enable_revisions_by_experience')) {
+    var availableVCRevisionPayloads = [];
+    if (isVCRevisionEnabled('fy25.01', experienceKey)) {
+      availableVCRevisionPayloads.push({
+        revision: 'fy25.01',
+        clean: isVCClean,
+        'metric:vc90': shouldHaveVCmetric ? calculatedVC.VC['90'] : null,
+        vcDetails: createVCDetails(calculatedVC, shouldHaveVCmetric)
+      });
+    }
+    if (isVCRevisionEnabled('fy25.02', experienceKey)) {
+      availableVCRevisionPayloads.push({
+        revision: 'fy25.02',
+        clean: isVCClean,
+        'metric:vc90': shouldHaveVCmetric ? calculatedVCNext.VC['90'] : null,
+        vcDetails: createVCDetails(calculatedVCNext, shouldHaveVCmetric)
+      });
+    }
+    return _defineProperty({}, "".concat(fullPrefix, "vc:rev"), availableVCRevisionPayloads);
+  } else {
+    // Create the V2 revision object which is always needed
+    var ttvcV2Revision = {
+      revision: 'fy25.02',
+      clean: isVCClean,
+      'metric:vc90': shouldHaveVCmetric ? calculatedVCNext.VC['90'] : null,
+      vcDetails: createVCDetails(calculatedVCNext, shouldHaveVCmetric)
+    };
+    var isTTVCv1Disabled = !isVCRevisionEnabled('fy25.01');
+    if (isTTVCv1Disabled) {
+      return _defineProperty({}, "".concat(fullPrefix, "vc:rev"), [ttvcV2Revision]);
+    }
 
-  // Create the V2 revision object which is always needed
-  var ttvcV2Revision = {
-    revision: 'fy25.02',
-    clean: isVCClean,
-    'metric:vc90': shouldHaveVCmetric ? calculatedVCNext.VC['90'] : null,
-    vcDetails: createVCDetails(calculatedVCNext, shouldHaveVCmetric)
-  };
-  if (!isVCRevisionEnabled('fy25.01')) {
-    return _defineProperty({}, "".concat(fullPrefix, "vc:rev"), [ttvcV2Revision]);
+    // Only create ttvcV1Revision when we're actually going to use it
+    var ttvcV1Revision = {
+      revision: 'fy25.01',
+      clean: isVCClean,
+      'metric:vc90': shouldHaveVCmetric ? calculatedVC.VC['90'] : null,
+      vcDetails: createVCDetails(calculatedVC, shouldHaveVCmetric)
+    };
+    return _defineProperty({}, "".concat(fullPrefix, "vc:rev"), [ttvcV1Revision, ttvcV2Revision]);
   }
-
-  // Only create ttvcV1Revision when we're actually going to use it
-  var ttvcV1Revision = {
-    revision: 'fy25.01',
-    clean: isVCClean,
-    'metric:vc90': shouldHaveVCmetric ? calculatedVC.VC['90'] : null,
-    vcDetails: createVCDetails(calculatedVC, shouldHaveVCmetric)
-  };
-  return _defineProperty({}, "".concat(fullPrefix, "vc:rev"), [ttvcV1Revision, ttvcV2Revision]);
 }

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

@@ -11,6 +11,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import { fg } from '@atlaskit/platform-feature-flags';
 import { isVCRevisionEnabled } from '../../config';
+import { getActiveInteraction } from '../../interaction-metrics';
 import { attachAbortListeners } from './attachAbortListeners';
 import { getVCRevisionsData } from './getVCRevisionsData';
 import { getViewportHeight, getViewportWidth } from './getViewport';
@@ -98,11 +99,11 @@ 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, startTime, fullPrefix, rawData, abortReason, abortReasonInfo, heatmap, heatmapNext, outOfBoundaryInfo, totalTime, componentsLog, viewport, devToolsEnabled, ratios, multiHeatmap, isTTVCv1Disabled, vcAbortedResultWithRevisions, ttvcV1Result, VC, VCBox, VCEntries, totalPainted, _componentsLog, vcNext, outOfBoundary, stopTime, ttvcV1DevToolInfo, ttvcV2DevToolInfo, isVCClean, revisionsData, speedIndex, isTTVCv3Enabled;
+        var start, stop, tti, prefix, ssr, vc, isEventAborted, experienceKey, startTime, fullPrefix, rawData, abortReason, abortReasonInfo, heatmap, heatmapNext, outOfBoundaryInfo, totalTime, componentsLog, viewport, devToolsEnabled, ratios, multiHeatmap, isTTVCv1Disabled, vcAbortedResultWithRevisions, ttvcV1Result, VC, VCBox, VCEntries, totalPainted, _componentsLog, vcNext, outOfBoundary, stopTime, ttvcV1DevToolInfo, ttvcV2DevToolInfo, isVCClean, revisionsData, speedIndex, isTTVCv3Enabled;
         return _regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
-              start = _ref3.start, stop = _ref3.stop, tti = _ref3.tti, prefix = _ref3.prefix, ssr = _ref3.ssr, vc = _ref3.vc, isEventAborted = _ref3.isEventAborted;
+              start = _ref3.start, stop = _ref3.stop, tti = _ref3.tti, prefix = _ref3.prefix, ssr = _ref3.ssr, vc = _ref3.vc, isEventAborted = _ref3.isEventAborted, experienceKey = _ref3.experienceKey;
               startTime = performance.now(); // add local measurement
               fullPrefix = prefix !== undefined && prefix !== '' ? "".concat(prefix, ":") : '';
               rawData = vc !== undefined ? vc : _this.getVCRawData();
@@ -113,7 +114,7 @@ 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, multiHeatmap = rawData.multiHeatmap;
-              isTTVCv1Disabled = !isVCRevisionEnabled('fy25.01'); // NOTE: as part of platform_ufo_add_vc_abort_reason_by_revisions feature,
+              isTTVCv1Disabled = fg('platform_ufo_vc_enable_revisions_by_experience') ? !isVCRevisionEnabled('fy25.01', experienceKey) : !isVCRevisionEnabled('fy25.01'); // 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'))) {
@@ -301,7 +302,8 @@ export var VCObserver = /*#__PURE__*/function () {
                   VC: vcNext.VC,
                   VCBox: vcNext.VCBox
                 },
-                isEventAborted: isEventAborted
+                isEventAborted: isEventAborted,
+                experienceKey: experienceKey
               });
               speedIndex = _defineProperty(_defineProperty({}, "ufo:speedIndex", isTTVCv1Disabled ? vcNext.VCEntries.speedIndex : VCEntries.speedIndex), "ufo:next:speedIndex", vcNext.VCEntries.speedIndex);
               if (!isTTVCv1Disabled) {
@@ -310,7 +312,7 @@ export var VCObserver = /*#__PURE__*/function () {
               }
               return _context.abrupt("return", _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)), revisionsData), speedIndex));
             case 32:
-              isTTVCv3Enabled = isVCRevisionEnabled('fy25.03');
+              isTTVCv3Enabled = fg('platform_ufo_vc_enable_revisions_by_experience') ? isVCRevisionEnabled('fy25.03', experienceKey) : isVCRevisionEnabled('fy25.03');
               return _context.abrupt("return", _objectSpread(_objectSpread(_objectSpread(_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), outOfBoundary), {}, _defineProperty(_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), "".concat(fullPrefix, "vc:ignored"), _this.getIgnoredElements(componentsLog)), revisionsData), speedIndex));
@@ -327,7 +329,12 @@ export var VCObserver = /*#__PURE__*/function () {
     _defineProperty(this, "handleUpdate", function (rawTime, intersectionRect, targetName, element, type, ignoreReason, attributeName, oldValue, newValue) {
       _this.measureStart();
       _this.legacyHandleUpdate(rawTime, intersectionRect, targetName, element, type, ignoreReason, attributeName, oldValue, newValue);
-      if (!isVCRevisionEnabled('fy25.03')) {
+      var isTTVCv3Disabled = !isVCRevisionEnabled('fy25.03');
+      if (fg('platform_ufo_vc_enable_revisions_by_experience')) {
+        var interaction = getActiveInteraction();
+        isTTVCv3Disabled = !isVCRevisionEnabled('fy25.03', interaction === null || interaction === void 0 ? void 0 : interaction.ufoName);
+      }
+      if (isTTVCv3Disabled) {
         _this.onViewportChangeDetected({
           timestamp: rawTime,
           intersectionRect: intersectionRect,
@@ -351,6 +358,10 @@ export var VCObserver = /*#__PURE__*/function () {
           _this.applyChangesToHeatMap(mappedValues, time, _this.heatmapNext);
         }
         var isTTVCv1Disabled = !isVCRevisionEnabled('fy25.01');
+        if (fg('platform_ufo_vc_enable_revisions_by_experience')) {
+          var interaction = getActiveInteraction();
+          isTTVCv1Disabled = !isVCRevisionEnabled('fy25.01', interaction === null || interaction === void 0 ? void 0 : interaction.ufoName);
+        }
         if (!isTTVCv1Disabled && (!ignoreReason || ignoreReason === 'not-visible') && type !== 'attr') {
           _this.applyChangesToHeatMap(mappedValues, time, _this.heatmap);
         }

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

@@ -1,12 +1,10 @@
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var EntriesTimeline = /*#__PURE__*/function () {
   function EntriesTimeline() {
     _classCallCheck(this, EntriesTimeline);
-    _defineProperty(this, "unorderedEntries", []);
-    _defineProperty(this, "sortedEntriesCache", new Map());
     this.unorderedEntries = [];
+    this.sortedEntriesCache = new Map();
   }
   return _createClass(EntriesTimeline, [{
     key: "push",

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

@@ -2,17 +2,18 @@ import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
+import { fg } from '@atlaskit/platform-feature-flags';
 import taskYield from '../../utils/task-yield';
 
 // 24-bit color value
 
 /**
  * Class responsible for managing a scaled canvas and tracking pixel drawing operations.
- * It uses an OffscreenCanvas for better performance and maintains a mapping between
- * colors and timestamps for pixel counting purposes.
+ * It uses either an OffscreenCanvas (if available) or a regular HTML Canvas for better performance
+ * and maintains a mapping between colors and timestamps for pixel counting purposes.
  */
 export var ViewportCanvas = /*#__PURE__*/function () {
-  /** The underlying OffscreenCanvas instance */
+  /** The underlying Canvas instance (either OffscreenCanvas or HTMLCanvasElement) */
 
   /** The 2D rendering context of the canvas */
 
@@ -43,10 +44,8 @@ export var ViewportCanvas = /*#__PURE__*/function () {
     this.scaleX = this.scaledWidth / safeViewportWidth;
     this.scaleY = this.scaledHeight / safeViewportHeight;
 
-    // Initialize OffscreenCanvas with scaled dimensions
-    this.canvas = document.createElement('canvas');
-    this.canvas.width = this.scaledWidth;
-    this.canvas.height = this.scaledHeight;
+    // Initialize canvas with scaled dimensions
+    this.canvas = this.createCanvas(this.scaledWidth, this.scaledHeight);
     var ctx = this.canvas.getContext('2d', {
       alpha: false,
       // Disable alpha channel for better performance
@@ -59,9 +58,28 @@ export var ViewportCanvas = /*#__PURE__*/function () {
     }
     this.ctx = ctx;
     this.ctx.globalCompositeOperation = 'source-over';
+    if (fg('platform_ufo_use_offscreen_canvas')) {
+      this.ctx.imageSmoothingEnabled = false; // Disable image smoothing for better performance
+    }
     this.clear();
   }
+
+  /**
+   * Creates a canvas instance, falling back to HTMLCanvasElement if OffscreenCanvas is not available
+   * or if the feature flag is disabled
+   */
   return _createClass(ViewportCanvas, [{
+    key: "createCanvas",
+    value: function createCanvas(width, height) {
+      if (typeof OffscreenCanvas !== 'undefined' && fg('platform_ufo_use_offscreen_canvas')) {
+        return new OffscreenCanvas(width, height);
+      }
+      var canvas = document.createElement('canvas');
+      canvas.width = width;
+      canvas.height = height;
+      return canvas;
+    }
+  }, {
     key: "getScaledDimensions",
     value: function getScaledDimensions() {
       return {