@atlaskit/react-ufo 3.9.5 → 3.10.1

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @atlaskit/ufo-interaction-ignore
 
+## 3.10.1
+
+### Patch Changes
+
+- [#150909](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/150909)
+  [`3fca421422bb6`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/3fca421422bb6) -
+  FF cleanup - platform_ufo_vc_observer_new
+- [#150909](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/150909)
+  [`568e2ae966df9`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/568e2ae966df9) -
+  FF cleanup - platform_ufo_vc_observer_new
+
+## 3.10.0
+
+### Minor Changes
+
+- [#150556](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/150556)
+  [`b6a8637092517`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b6a8637092517) -
+  Add VC abort reason per TTVC revision
+
 ## 3.9.5
 
 ### Patch Changes

package/README.md

@@ -6,14 +6,35 @@ Parts of React UFO that need to be scoped within @atlaskit
 
 <https://hello.atlassian.net/wiki/spaces/UFO/pages/2305847386/react-ufo+UFO+v2>
 
-
 # Running integration test
+
+In one terminal:
+
 ```
 cd platform && nvm use && yarn
-
 yarn start:rspack react-ufo
+```
+
+This will start the dev server, accessible via http://localhost:9000.
 
-# in a separate terminal 
+Then in a separate terminal:
+
+```
 cd platform && nvm use
-yarn test:integration packages/react-ufo/atlaskit/__tests__/ --retries 0 --reporter list --reuse-dev-server --project=desktop-chromium --max-failures=0 
-```
+yarn test:integration packages/react-ufo/atlaskit/__tests__/ --retries 0 --reporter list --reuse-dev-server --project=desktop-chromium --max-failures=0
+```
+
+To ensure the test is not flaky, refer to the following page:
+[HOWTO: Fix & remove flaky tests](https://hello.atlassian.net/wiki/spaces/afm/pages/3153691982/HOWTO+Fix+remove+flaky+tests#3.-How-can-I-verify-/-reproduce-flakiness?)
+
+Essentially, to simulate CI-like environment in local for Playwright to parallelise load, we can
+increase the following:
+
+- The number of times to repeat each test
+- The number of workers
+
+Example:
+
+```
+yarn test:integration packages/react-ufo/atlaskit/__tests__/playwright/base.spec.ts --retries 0 --reporter list --reuse-dev-server --project=desktop-chromium --max-failures=0 --repeat-each 50 --workers 50
+```

package/dist/cjs/config/index.js

@@ -8,6 +8,7 @@ exports.getCapabilityRate = getCapabilityRate;
 exports.getConfig = getConfig;
 exports.getDoNotAbortActivePressInteraction = getDoNotAbortActivePressInteraction;
 exports.getDoNotAbortActivePressInteractionOnTransition = getDoNotAbortActivePressInteractionOnTransition;
+exports.getEnabledVCRevisions = getEnabledVCRevisions;
 exports.getExperimentalInteractionRate = getExperimentalInteractionRate;
 exports.getInteractionRate = getInteractionRate;
 exports.getPostInteractionRate = getPostInteractionRate;
@@ -15,8 +16,10 @@ exports.getRemoveInteractionsUFOPrefixes = getRemoveInteractionsUFOPrefixes;
 exports.getRemovePageSegmentsUFOPrefixes = getRemovePageSegmentsUFOPrefixes;
 exports.getTypingPerformanceTracingMethod = getTypingPerformanceTracingMethod;
 exports.getUfoNameOverrides = getUfoNameOverrides;
+exports.isVCRevisionEnabled = isVCRevisionEnabled;
 exports.setUFOConfig = setUFOConfig;
 var config;
+var DEFAULT_TTVC_REVISION = 'fy25.02';
 
 // Defensively typed, since this is directly user-editable
 // and they could delete empty members
@@ -27,6 +30,24 @@ function setUFOConfig(newConfig) {
 function getConfig() {
   return config;
 }
+function getEnabledVCRevisions() {
+  try {
+    var _config$vc;
+    if (!config) {
+      return [];
+    }
+    if ((_config$vc = config.vc) !== null && _config$vc !== void 0 && _config$vc.enabled) {
+      var _config$vc2, _config$vc3;
+      return Array.isArray((_config$vc2 = config.vc) === null || _config$vc2 === void 0 ? void 0 : _config$vc2.enabledVCRevisions) && ((_config$vc3 = config.vc) === null || _config$vc3 === void 0 ? void 0 : _config$vc3.enabledVCRevisions.length) > 0 ? config.vc.enabledVCRevisions : [DEFAULT_TTVC_REVISION];
+    }
+    return [];
+  } catch (_unused) {
+    return [];
+  }
+}
+function isVCRevisionEnabled(revision) {
+  return getEnabledVCRevisions().includes(revision);
+}
 function getInteractionRate(name, interactionKind) {
   try {
     if (!config) {
@@ -138,7 +159,7 @@ function getCapabilityRate(capability) {
       }
     }
     return 0;
-  } catch (_unused) {
+  } catch (_unused2) {
     return 0;
   }
 }

package/dist/cjs/create-payload/utils/get-vc-metrics.js

@@ -22,7 +22,7 @@ function getVCMetrics(_x) {
 }
 function _getVCMetrics() {
   _getVCMetrics = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(interaction) {
-    var _config$vc, _config$vc$ssrWhiteli, _interaction$apdex, _config$experimentalI, _config$vc2;
+    var _config$vc, _config$vc$ssrWhiteli, _interaction$apdex, _config$experimentalI;
     var config, interactionStatus, pageVisibilityUpToTTAI, isSSREnabled, ssr, tti, prefix, result, _result$ufoVcRev, ttvcV2Revision, VC;
     return _regenerator.default.wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
@@ -71,7 +71,7 @@ function _getVCMetrics() {
             (0, _vc.getVCObserver)().stop();
           }
           _interactionMetrics.postInteractionLog.setLastInteractionFinishVCResult(result);
-          if (config !== null && config !== void 0 && (_config$vc2 = config.vc) !== null && _config$vc2 !== void 0 && (_config$vc2 = _config$vc2.enabledVCRevisions) !== null && _config$vc2 !== void 0 && _config$vc2.includes('fy25.01')) {
+          if ((0, _config.isVCRevisionEnabled)('fy25.01')) {
             _context.next = 27;
             break;
           }

package/dist/cjs/vc/index.js

@@ -12,7 +12,6 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _config = require("../config");
 var _noOpVcObserver = require("./no-op-vc-observer");
 var _vcObserver = require("./vc-observer");
@@ -22,12 +21,10 @@ 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) { (0, _defineProperty2.default)(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; }
 var VCObserverWrapper = /*#__PURE__*/function () {
   function VCObserverWrapper() {
-    var _getConfig;
     var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     (0, _classCallCheck2.default)(this, VCObserverWrapper);
     this.newVCObserver = null;
-    var isNewVCObserverEnabled = (0, _platformFeatureFlags.fg)('platform_ufo_vc_observer_new') || ((_getConfig = (0, _config.getConfig)()) === null || _getConfig === void 0 || (_getConfig = _getConfig.vc) === null || _getConfig === void 0 || (_getConfig = _getConfig.enabledVCRevisions) === null || _getConfig === void 0 ? void 0 : _getConfig.includes('fy25.03'));
-    if (isNewVCObserverEnabled) {
+    if ((0, _config.isVCRevisionEnabled)('fy25.03')) {
       this.newVCObserver = new _vcObserverNew.default({
         selectorConfig: opts.selectorConfig
       });

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

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getVCRevisionsData = getVCRevisionsData;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _config = require("../../config");
 var _hiddenTiming = require("../../hidden-timing");
 var _revisions = require("./revisions/revisions");
@@ -46,7 +45,6 @@ function createVCDetails(calculatedVC, shouldHaveVCmetric) {
 
 // Optimized implementation (current one)
 function getVCRevisionsData(_ref) {
-  var _ufoConfig$vc, _ufoConfig$vc2;
   var fullPrefix = _ref.fullPrefix,
     interaction = _ref.interaction,
     isVCClean = _ref.isVCClean,
@@ -55,8 +53,7 @@ function getVCRevisionsData(_ref) {
     ssr = _ref.ssr,
     calculatedVC = _ref.calculatedVC,
     calculatedVCNext = _ref.calculatedVCNext;
-  var ufoConfig = (0, _config.getConfig)();
-  if (!(0, _platformFeatureFlags.fg)('platform_ufo_vc_observer_new') && !(ufoConfig !== null && ufoConfig !== void 0 && (_ufoConfig$vc = ufoConfig.vc) !== null && _ufoConfig$vc !== void 0 && (_ufoConfig$vc = _ufoConfig$vc.enabledVCRevisions) !== null && _ufoConfig$vc !== void 0 && _ufoConfig$vc.includes('fy25.03'))) {
+  if (!(0, _config.isVCRevisionEnabled)('fy25.03')) {
     if (!multiHeatmap) {
       return null;
     }
@@ -92,7 +89,7 @@ function getVCRevisionsData(_ref) {
     'metric:vc90': shouldHaveVCmetric ? calculatedVCNext.VC['90'] : null,
     vcDetails: createVCDetails(calculatedVCNext, shouldHaveVCmetric)
   };
-  if (!(ufoConfig !== null && ufoConfig !== void 0 && (_ufoConfig$vc2 = ufoConfig.vc) !== null && _ufoConfig$vc2 !== void 0 && (_ufoConfig$vc2 = _ufoConfig$vc2.enabledVCRevisions) !== null && _ufoConfig$vc2 !== void 0 && _ufoConfig$vc2.includes('fy25.01'))) {
+  if (!(0, _config.isVCRevisionEnabled)('fy25.01')) {
     return (0, _defineProperty2.default)({}, "".concat(fullPrefix, "vc:rev"), [ttvcV2Revision]);
   }
 

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

@@ -45,8 +45,7 @@ function filterComponentsLog(log) {
 }
 var VCObserver = exports.VCObserver = /*#__PURE__*/function () {
   function VCObserver(options) {
-    var _this = this,
-      _getConfig5;
+    var _this = this;
     (0, _classCallCheck2.default)(this, VCObserver);
     /* abort logic */
     (0, _defineProperty2.default)(this, "abortReason", {
@@ -106,8 +105,7 @@ var VCObserver = exports.VCObserver = /*#__PURE__*/function () {
     });
     (0, _defineProperty2.default)(this, "getVCResult", /*#__PURE__*/function () {
       var _ref4 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(_ref3) {
-        var _getConfig, _getConfig2;
-        var start, stop, tti, prefix, ssr, vc, isEventAborted, startTime, fullPrefix, rawData, abortReason, abortReasonInfo, heatmap, heatmapNext, outOfBoundaryInfo, totalTime, componentsLog, viewport, devToolsEnabled, ratios, multiHeatmap, isTTVCv1Disabled, ttvcV1Result, VC, VCBox, VCEntries, totalPainted, _componentsLog, vcNext, outOfBoundary, stopTime, ttvcV1DevToolInfo, ttvcV2DevToolInfo, isVCClean, revisionsData, speedIndex, isTTVCv3Enabled;
+        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;
         return _regenerator.default.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
@@ -122,8 +120,37 @@ var VCObserver = exports.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 = !(0, _config.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 && (0, _platformFeatureFlags.fg)('platform_ufo_add_vc_abort_reason_by_revisions'))) {
+                _context.next = 15;
+                break;
+              }
+              // exposing data to devtools
+              try {
+                if (devToolsEnabled && !_this.isPostInteraction) {
+                  window.__vcNotAvailableReason = abortReasonInfo;
+                }
+              } catch (e) {}
+              vcAbortedResultWithRevisions = (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, "".concat(fullPrefix, "vc:state"), false), "".concat(fullPrefix, "vc:abort:reason"), abortReason.reason), "".concat(fullPrefix, "vc:abort:timestamp"), abortReason.timestamp), "".concat(fullPrefix, "vc:rev"), [{
+                revision: 'fy25.02',
+                clean: false,
+                'metric:vc90': null,
+                abortReason: abortReason.reason
+              }]);
+              if (!isTTVCv1Disabled) {
+                vcAbortedResultWithRevisions["".concat(fullPrefix, "vc:rev")].push({
+                  revision: 'fy25.01',
+                  clean: false,
+                  'metric:vc90': null,
+                  abortReason: abortReason.reason
+                });
+              }
+              return _context.abrupt("return", vcAbortedResultWithRevisions);
+            case 15:
               if (!(abortReasonInfo !== null && abortReason.blocking)) {
-                _context.next = 10;
+                _context.next = 18;
                 break;
               }
               // exposing data to devtools
@@ -133,8 +160,7 @@ var VCObserver = exports.VCObserver = /*#__PURE__*/function () {
                 }
               } catch (e) {}
               return _context.abrupt("return", (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, "".concat(fullPrefix, "vc:state"), false), "".concat(fullPrefix, "vc:abort:reason"), abortReasonInfo), "".concat(fullPrefix, "vc:abort:timestamp"), abortReason.timestamp));
-            case 10:
-              isTTVCv1Disabled = !((_getConfig = (0, _config.getConfig)()) !== null && _getConfig !== void 0 && (_getConfig = _getConfig.vc) !== null && _getConfig !== void 0 && (_getConfig = _getConfig.enabledVCRevisions) !== null && _getConfig !== void 0 && _getConfig.includes('fy25.01'));
+            case 18:
               ttvcV1Result = isTTVCv1Disabled ? {
                 VC: {},
                 VCBox: {},
@@ -286,16 +312,16 @@ var VCObserver = exports.VCObserver = /*#__PURE__*/function () {
               });
               speedIndex = (0, _defineProperty2.default)((0, _defineProperty2.default)({}, "ufo:speedIndex", isTTVCv1Disabled ? vcNext.VCEntries.speedIndex : VCEntries.speedIndex), "ufo:next:speedIndex", vcNext.VCEntries.speedIndex);
               if (!isTTVCv1Disabled) {
-                _context.next = 25;
+                _context.next = 32;
                 break;
               }
               return _context.abrupt("return", _objectSpread(_objectSpread(_objectSpread((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, "".concat(fullPrefix, "vc:size"), viewport), "".concat(fullPrefix, "vc:time"), Math.round(totalTime + (stopTime - startTime))), "".concat(fullPrefix, "vc:ratios"), ratios), outOfBoundary), {}, (0, _defineProperty2.default)({}, "".concat(fullPrefix, "vc:ignored"), _this.getIgnoredElements(componentsLog)), revisionsData), speedIndex));
-            case 25:
-              isTTVCv3Enabled = (0, _platformFeatureFlags.fg)('platform_ufo_vc_observer_new') || ((_getConfig2 = (0, _config.getConfig)()) === null || _getConfig2 === void 0 || (_getConfig2 = _getConfig2.vc) === null || _getConfig2 === void 0 || (_getConfig2 = _getConfig2.enabledVCRevisions) === null || _getConfig2 === void 0 ? void 0 : _getConfig2.includes('fy25.03'));
+            case 32:
+              isTTVCv3Enabled = (0, _config.isVCRevisionEnabled)('fy25.03');
               return _context.abrupt("return", _objectSpread(_objectSpread(_objectSpread((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({
                 '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), {}, (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, "".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));
-            case 27:
+            case 34:
             case "end":
               return _context.stop();
           }
@@ -306,10 +332,9 @@ var VCObserver = exports.VCObserver = /*#__PURE__*/function () {
       };
     }());
     (0, _defineProperty2.default)(this, "handleUpdate", function (rawTime, intersectionRect, targetName, element, type, ignoreReason, attributeName, oldValue, newValue) {
-      var _getConfig3;
       _this.measureStart();
       _this.legacyHandleUpdate(rawTime, intersectionRect, targetName, element, type, ignoreReason, attributeName, oldValue, newValue);
-      if (!(0, _platformFeatureFlags.fg)('platform_ufo_vc_observer_new') && !((_getConfig3 = (0, _config.getConfig)()) !== null && _getConfig3 !== void 0 && (_getConfig3 = _getConfig3.vc) !== null && _getConfig3 !== void 0 && (_getConfig3 = _getConfig3.enabledVCRevisions) !== null && _getConfig3 !== void 0 && _getConfig3.includes('fy25.03'))) {
+      if (!(0, _config.isVCRevisionEnabled)('fy25.03')) {
         _this.onViewportChangeDetected({
           timestamp: rawTime,
           intersectionRect: intersectionRect,
@@ -326,14 +351,13 @@ var VCObserver = exports.VCObserver = /*#__PURE__*/function () {
     });
     (0, _defineProperty2.default)(this, "legacyHandleUpdate", function (rawTime, intersectionRect, targetName, element, type, ignoreReason, attributeName, oldValue, newValue) {
       if (_this.abortReason.reason === null || _this.abortReason.blocking === false) {
-        var _getConfig4;
         var time = Math.round(rawTime - _this.startTime);
         var mappedValues = _this.mapPixelsToHeatmap(intersectionRect.left, intersectionRect.top, intersectionRect.width, intersectionRect.height);
         _this.vcRatios[targetName] = _this.getElementRatio(mappedValues);
         if (!ignoreReason) {
           _this.applyChangesToHeatMap(mappedValues, time, _this.heatmapNext);
         }
-        var isTTVCv1Disabled = !((_getConfig4 = (0, _config.getConfig)()) !== null && _getConfig4 !== void 0 && (_getConfig4 = _getConfig4.vc) !== null && _getConfig4 !== void 0 && (_getConfig4 = _getConfig4.enabledVCRevisions) !== null && _getConfig4 !== void 0 && _getConfig4.includes('fy25.01'));
+        var isTTVCv1Disabled = !(0, _config.isVCRevisionEnabled)('fy25.01');
         if (!isTTVCv1Disabled && (!ignoreReason || ignoreReason === 'not-visible') && type !== 'attr') {
           _this.applyChangesToHeatMap(mappedValues, time, _this.heatmap);
         }
@@ -471,7 +495,7 @@ var VCObserver = exports.VCObserver = /*#__PURE__*/function () {
         dataVC: true
       }
     });
-    this.heatmap = !((_getConfig5 = (0, _config.getConfig)()) !== null && _getConfig5 !== void 0 && (_getConfig5 = _getConfig5.vc) !== null && _getConfig5 !== void 0 && (_getConfig5 = _getConfig5.enabledVCRevisions) !== null && _getConfig5 !== void 0 && _getConfig5.includes('fy25.01')) ? [] : this.getCleanHeatmap();
+    this.heatmap = !(0, _config.isVCRevisionEnabled)('fy25.01') ? [] : this.getCleanHeatmap();
     this.heatmapNext = this.getCleanHeatmap();
     this.multiHeatmap = new _heatmap.MultiRevisionHeatmap({
       viewport: this.viewport,
@@ -551,7 +575,6 @@ var VCObserver = exports.VCObserver = /*#__PURE__*/function () {
   }, {
     key: "resetState",
     value: function resetState() {
-      var _getConfig6;
       this.abortReason = {
         reason: null,
         info: '',
@@ -559,7 +582,7 @@ var VCObserver = exports.VCObserver = /*#__PURE__*/function () {
         blocking: false
       };
       this.detachAbortListeners();
-      this.heatmap = !((_getConfig6 = (0, _config.getConfig)()) !== null && _getConfig6 !== void 0 && (_getConfig6 = _getConfig6.vc) !== null && _getConfig6 !== void 0 && (_getConfig6 = _getConfig6.enabledVCRevisions) !== null && _getConfig6 !== void 0 && _getConfig6.includes('fy25.01')) ? [] : this.getCleanHeatmap();
+      this.heatmap = !(0, _config.isVCRevisionEnabled)('fy25.01') ? [] : this.getCleanHeatmap();
       this.heatmapNext = this.getCleanHeatmap();
       this.multiHeatmap = new _heatmap.MultiRevisionHeatmap({
         viewport: this.viewport,
@@ -610,10 +633,12 @@ var VCObserver = exports.VCObserver = /*#__PURE__*/function () {
   }, {
     key: "detachAbortListeners",
     value: function detachAbortListeners() {
-      this.unbind.forEach(function (fn) {
-        return fn();
-      });
-      this.unbind = [];
+      if (Array.isArray(this.unbind)) {
+        this.unbind.forEach(function (fn) {
+          return fn();
+        });
+        this.unbind = [];
+      }
     }
   }, {
     key: "measureStart",

package/dist/cjs/vc/vc-observer/revisions/revisions.js

@@ -8,8 +8,7 @@ var _config = require("../../../config");
 var _fy25_ = require("./fy25_01");
 var _fy25_2 = require("./fy25_02");
 function getRevisions() {
-  var _getConfig;
-  if (!((_getConfig = (0, _config.getConfig)()) !== null && _getConfig !== void 0 && (_getConfig = _getConfig.vc) !== null && _getConfig !== void 0 && (_getConfig = _getConfig.enabledVCRevisions) !== null && _getConfig !== void 0 && _getConfig.includes('fy25.01'))) {
+  if (!(0, _config.isVCRevisionEnabled)('fy25.01')) {
     return [{
       name: 'fy25.02',
       classifier: _fy25_2.revFY25_02Classifier

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

@@ -9,6 +9,7 @@ var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"))
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _percentileCalc = _interopRequireDefault(require("./percentile-calc"));
 var _getViewportHeight = _interopRequireDefault(require("./utils/get-viewport-height"));
 var _getViewportWidth = _interopRequireDefault(require("./utils/get-viewport-width"));
@@ -24,7 +25,7 @@ var AbstractVCCalculatorBase = exports.default = /*#__PURE__*/function () {
         var _this = this,
           _vcDetails$90$t,
           _vcDetails$;
-        var startTime, stopTime, orderedEntries, filteredEntries, isVCClean, vcDetails;
+        var startTime, stopTime, orderedEntries, filteredEntries, _this$getVCCleanStatu, _isVCClean, dirtyReason, _isVCClean2, vcDetails;
         return _regenerator.default.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
@@ -32,9 +33,28 @@ var AbstractVCCalculatorBase = exports.default = /*#__PURE__*/function () {
               filteredEntries = orderedEntries.filter(function (entry) {
                 return _this.isEntryIncluded(entry);
               });
-              isVCClean = this.isVCClean(filteredEntries);
-              if (isVCClean) {
-                _context.next = 5;
+              if (!(0, _platformFeatureFlags.fg)('platform_ufo_add_vc_abort_reason_by_revisions')) {
+                _context.next = 8;
+                break;
+              }
+              _this$getVCCleanStatu = this.getVCCleanStatus(filteredEntries), _isVCClean = _this$getVCCleanStatu.isVCClean, dirtyReason = _this$getVCCleanStatu.dirtyReason;
+              if (_isVCClean) {
+                _context.next = 6;
+                break;
+              }
+              return _context.abrupt("return", {
+                revision: this.revisionNo,
+                'metric:vc90': null,
+                clean: false,
+                abortReason: dirtyReason
+              });
+            case 6:
+              _context.next = 11;
+              break;
+            case 8:
+              _isVCClean2 = this.isVCClean(filteredEntries);
+              if (_isVCClean2) {
+                _context.next = 11;
                 break;
               }
               return _context.abrupt("return", {
@@ -42,8 +62,8 @@ var AbstractVCCalculatorBase = exports.default = /*#__PURE__*/function () {
                 'metric:vc90': null,
                 clean: false
               });
-            case 5:
-              _context.next = 7;
+            case 11:
+              _context.next = 13;
               return (0, _percentileCalc.default)({
                 viewport: {
                   width: (0, _getViewportWidth.default)(),
@@ -54,15 +74,15 @@ var AbstractVCCalculatorBase = exports.default = /*#__PURE__*/function () {
                 orderedEntries: filteredEntries,
                 percentiles: [25, 50, 75, 80, 85, 90, 95, 98, 99]
               });
-            case 7:
+            case 13:
               vcDetails = _context.sent;
               return _context.abrupt("return", {
                 revision: this.revisionNo,
                 vcDetails: vcDetails !== null && vcDetails !== void 0 ? vcDetails : undefined,
-                clean: isVCClean,
+                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
               });
-            case 9:
+            case 15:
             case "end":
               return _context.stop();
           }

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

@@ -61,5 +61,29 @@ var VCCalculator_FY25_03 = exports.default = /*#__PURE__*/function (_AbstractVCC
       });
       return !hasAbortEvent;
     }
+  }, {
+    key: "getVCCleanStatus",
+    value: function getVCCleanStatus(filteredEntries) {
+      var dirtyReason = '';
+      var hasAbortEvent = filteredEntries.some(function (entry) {
+        if (entry.type === 'window:event') {
+          var data = entry.data;
+          if (ABORTING_WINDOW_EVENT.includes(data.eventType)) {
+            dirtyReason = data.eventType === 'keydown' ? 'keypress' : data.eventType;
+            return true;
+          }
+        }
+        return false;
+      });
+      if (hasAbortEvent && dirtyReason) {
+        return {
+          isVCClean: false,
+          dirtyReason: dirtyReason
+        };
+      }
+      return {
+        isVCClean: true
+      };
+    }
   }]);
 }(_abstractBaseVcCalculator.default);

package/dist/es2019/config/index.js

@@ -1,4 +1,5 @@
 let config;
+const DEFAULT_TTVC_REVISION = 'fy25.02';
 
 // Defensively typed, since this is directly user-editable
 // and they could delete empty members
@@ -9,6 +10,24 @@ export function setUFOConfig(newConfig) {
 export function getConfig() {
   return config;
 }
+export function getEnabledVCRevisions() {
+  try {
+    var _config$vc;
+    if (!config) {
+      return [];
+    }
+    if ((_config$vc = config.vc) !== null && _config$vc !== void 0 && _config$vc.enabled) {
+      var _config$vc2, _config$vc3;
+      return Array.isArray((_config$vc2 = config.vc) === null || _config$vc2 === void 0 ? void 0 : _config$vc2.enabledVCRevisions) && ((_config$vc3 = config.vc) === null || _config$vc3 === void 0 ? void 0 : _config$vc3.enabledVCRevisions.length) > 0 ? config.vc.enabledVCRevisions : [DEFAULT_TTVC_REVISION];
+    }
+    return [];
+  } catch {
+    return [];
+  }
+}
+export function isVCRevisionEnabled(revision) {
+  return getEnabledVCRevisions().includes(revision);
+}
 export function getInteractionRate(name, interactionKind) {
   try {
     if (!config) {

package/dist/es2019/create-payload/utils/get-vc-metrics.js

@@ -1,12 +1,12 @@
 import { fg } from '@atlaskit/platform-feature-flags';
-import { getConfig } from '../../config';
+import { getConfig, isVCRevisionEnabled } from '../../config';
 import { postInteractionLog } from '../../interaction-metrics';
 import { getVCObserver } from '../../vc';
 import getInteractionStatus from './get-interaction-status';
 import getPageVisibilityUpToTTAI from './get-page-visibility-up-to-ttai';
 import getSSRDoneTimeValue from './get-ssr-done-time-value';
 async function getVCMetrics(interaction) {
-  var _config$vc, _config$vc$ssrWhiteli, _interaction$apdex, _interaction$apdex$, _config$experimentalI, _config$vc2, _config$vc2$enabledVC;
+  var _config$vc, _config$vc$ssrWhiteli, _interaction$apdex, _interaction$apdex$, _config$experimentalI;
   const config = getConfig();
   if (!(config !== null && config !== void 0 && (_config$vc = config.vc) !== null && _config$vc !== void 0 && _config$vc.enabled)) {
     return {};
@@ -40,7 +40,7 @@ async function getVCMetrics(interaction) {
     getVCObserver().stop();
   }
   postInteractionLog.setLastInteractionFinishVCResult(result);
-  if (!(config !== null && config !== void 0 && (_config$vc2 = config.vc) !== null && _config$vc2 !== void 0 && (_config$vc2$enabledVC = _config$vc2.enabledVCRevisions) !== null && _config$vc2$enabledVC !== void 0 && _config$vc2$enabledVC.includes('fy25.01'))) {
+  if (!isVCRevisionEnabled('fy25.01')) {
     var _result$ufoVcRev;
     const ttvcV2Revision = result === null || result === void 0 ? void 0 : (_result$ufoVcRev = result['ufo:vc:rev']) === null || _result$ufoVcRev === void 0 ? void 0 : _result$ufoVcRev.find(({
       revision

package/dist/es2019/vc/index.js

@@ -1,15 +1,12 @@
 var _process, _process$env;
-import { fg } from '@atlaskit/platform-feature-flags';
-import { getConfig } from '../config';
+import { isVCRevisionEnabled } from '../config';
 import { VCObserverNOOP } from './no-op-vc-observer';
 import { VCObserver } from './vc-observer';
 import VCObserverNew from './vc-observer-new';
 class VCObserverWrapper {
   constructor(opts = {}) {
-    var _getConfig, _getConfig$vc, _getConfig$vc$enabled;
     this.newVCObserver = null;
-    const isNewVCObserverEnabled = fg('platform_ufo_vc_observer_new') || ((_getConfig = getConfig()) === null || _getConfig === void 0 ? void 0 : (_getConfig$vc = _getConfig.vc) === null || _getConfig$vc === void 0 ? void 0 : (_getConfig$vc$enabled = _getConfig$vc.enabledVCRevisions) === null || _getConfig$vc$enabled === void 0 ? void 0 : _getConfig$vc$enabled.includes('fy25.03'));
-    if (isNewVCObserverEnabled) {
+    if (isVCRevisionEnabled('fy25.03')) {
       this.newVCObserver = new VCObserverNew({
         selectorConfig: opts.selectorConfig
       });

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

@@ -1,5 +1,4 @@
-import { fg } from '@atlaskit/platform-feature-flags';
-import { getConfig } from '../../config';
+import { isVCRevisionEnabled } from '../../config';
 import { getPageVisibilityState } from '../../hidden-timing';
 import { getRevisions } from './revisions/revisions';
 const VCParts = ['25', '50', '75', '80', '85', '90', '95', '98', '99'];
@@ -38,9 +37,7 @@ export function getVCRevisionsData({
   calculatedVC,
   calculatedVCNext
 }) {
-  var _ufoConfig$vc, _ufoConfig$vc$enabled, _ufoConfig$vc2, _ufoConfig$vc2$enable;
-  const ufoConfig = getConfig();
-  if (!fg('platform_ufo_vc_observer_new') && !(ufoConfig !== null && ufoConfig !== void 0 && (_ufoConfig$vc = ufoConfig.vc) !== null && _ufoConfig$vc !== void 0 && (_ufoConfig$vc$enabled = _ufoConfig$vc.enabledVCRevisions) !== null && _ufoConfig$vc$enabled !== void 0 && _ufoConfig$vc$enabled.includes('fy25.03'))) {
+  if (!isVCRevisionEnabled('fy25.03')) {
     if (!multiHeatmap) {
       return null;
     }
@@ -74,7 +71,7 @@ export function getVCRevisionsData({
     'metric:vc90': shouldHaveVCmetric ? calculatedVCNext.VC['90'] : null,
     vcDetails: createVCDetails(calculatedVCNext, shouldHaveVCmetric)
   };
-  if (!(ufoConfig !== null && ufoConfig !== void 0 && (_ufoConfig$vc2 = ufoConfig.vc) !== null && _ufoConfig$vc2 !== void 0 && (_ufoConfig$vc2$enable = _ufoConfig$vc2.enabledVCRevisions) !== null && _ufoConfig$vc2$enable !== void 0 && _ufoConfig$vc2$enable.includes('fy25.01'))) {
+  if (!isVCRevisionEnabled('fy25.01')) {
     return {
       [`${fullPrefix}vc:rev`]: [ttvcV2Revision]
     };