@atlaskit/react-ufo 3.9.5 → 3.10.0

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/ufo-interaction-ignore
 
+## 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/vc/vc-observer/index.js

@@ -107,7 +107,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 +122,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 = !((_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')); // 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 +162,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 +314,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:
+            case 32:
               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'));
               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();
           }
@@ -610,10 +638,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-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/vc/vc-observer/index.js

@@ -118,7 +118,39 @@ export class VCObserver {
         ratios,
         multiHeatmap
       } = rawData;
-      if (abortReasonInfo !== null && abortReason.blocking) {
+      const isTTVCv1Disabled = !((_getConfig = getConfig()) !== null && _getConfig !== void 0 && (_getConfig$vc = _getConfig.vc) !== null && _getConfig$vc !== void 0 && (_getConfig$vc$enabled = _getConfig$vc.enabledVCRevisions) !== null && _getConfig$vc$enabled !== void 0 && _getConfig$vc$enabled.includes('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')) {
+        // exposing data to devtools
+        try {
+          if (devToolsEnabled && !this.isPostInteraction) {
+            window.__vcNotAvailableReason = abortReasonInfo;
+          }
+        } catch (e) {}
+        const vcAbortedResultWithRevisions = {
+          [`${fullPrefix}vc:state`]: false,
+          [`${fullPrefix}vc:abort:reason`]: abortReason.reason,
+          [`${fullPrefix}vc:abort:timestamp`]: abortReason.timestamp,
+          [`${fullPrefix}vc:rev`]: [{
+            revision: 'fy25.02',
+            clean: false,
+            'metric:vc90': null,
+            abortReason: abortReason.reason
+          }]
+        };
+        if (!isTTVCv1Disabled) {
+          vcAbortedResultWithRevisions[`${fullPrefix}vc:rev`].push({
+            revision: 'fy25.01',
+            clean: false,
+            'metric:vc90': null,
+            abortReason: abortReason.reason
+          });
+        }
+        return vcAbortedResultWithRevisions;
+      } else if (abortReasonInfo !== null && abortReason.blocking) {
         // exposing data to devtools
         try {
           if (devToolsEnabled && !this.isPostInteraction) {
@@ -131,7 +163,6 @@ export class VCObserver {
           [`${fullPrefix}vc:abort:timestamp`]: abortReason.timestamp
         };
       }
-      const isTTVCv1Disabled = !((_getConfig = getConfig()) !== null && _getConfig !== void 0 && (_getConfig$vc = _getConfig.vc) !== null && _getConfig$vc !== void 0 && (_getConfig$vc$enabled = _getConfig$vc.enabledVCRevisions) !== null && _getConfig$vc$enabled !== void 0 && _getConfig$vc$enabled.includes('fy25.01'));
       const ttvcV1Result = isTTVCv1Disabled ? {
         VC: {},
         VCBox: {},
@@ -701,8 +732,10 @@ export class VCObserver {
     return vc;
   }
   detachAbortListeners() {
-    this.unbind.forEach(fn => fn());
-    this.unbind = [];
+    if (Array.isArray(this.unbind)) {
+      this.unbind.forEach(fn => fn());
+      this.unbind = [];
+    }
   }
   measureStart() {
     this._startMeasureTimestamp = performance.now();

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

@@ -1,3 +1,4 @@
+import { fg } from '@atlaskit/platform-feature-flags';
 import calculateTTVCPercentiles from './percentile-calc';
 import getViewportHeight from './utils/get-viewport-height';
 import getViewportWidth from './utils/get-viewport-width';
@@ -14,13 +15,28 @@ export default class AbstractVCCalculatorBase {
     const filteredEntries = orderedEntries.filter(entry => {
       return this.isEntryIncluded(entry);
     });
-    const isVCClean = this.isVCClean(filteredEntries);
-    if (!isVCClean) {
-      return {
-        revision: this.revisionNo,
-        'metric:vc90': null,
-        clean: false
-      };
+    if (fg('platform_ufo_add_vc_abort_reason_by_revisions')) {
+      const {
+        isVCClean,
+        dirtyReason
+      } = this.getVCCleanStatus(filteredEntries);
+      if (!isVCClean) {
+        return {
+          revision: this.revisionNo,
+          'metric:vc90': null,
+          clean: false,
+          abortReason: dirtyReason
+        };
+      }
+    } else {
+      const isVCClean = this.isVCClean(filteredEntries);
+      if (!isVCClean) {
+        return {
+          revision: this.revisionNo,
+          'metric:vc90': null,
+          clean: false
+        };
+      }
     }
     const vcDetails = await calculateTTVCPercentiles({
       viewport: {
@@ -35,7 +51,7 @@ export default class AbstractVCCalculatorBase {
     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 ? void 0 : (_vcDetails$ = vcDetails['90']) === null || _vcDetails$ === void 0 ? void 0 : _vcDetails$.t) !== null && _vcDetails$90$t !== void 0 ? _vcDetails$90$t : null
     };
   }

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

@@ -41,4 +41,26 @@ export default class VCCalculator_FY25_03 extends AbstractVCCalculatorBase {
     });
     return !hasAbortEvent;
   }
+  getVCCleanStatus(filteredEntries) {
+    let dirtyReason = '';
+    const hasAbortEvent = filteredEntries.some(entry => {
+      if (entry.type === 'window:event') {
+        const 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
+      };
+    }
+    return {
+      isVCClean: true
+    };
+  }
 }

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

@@ -1,5 +1,5 @@
 import calcUsingCanvas from './canvas-heatmap';
-import caclUsingOldHeatmap from './heatmap';
+import calcUsingOldHeatmap from './heatmap';
 import calcUsingRectSweepingLine from './rect-sweeping-line';
 async function calculateTTVCPercentiles(arg) {
   const algo = 'canvas_heatmap';
@@ -12,7 +12,7 @@ async function calculateTTVCPercentiles(arg) {
     return vcDetails;
   }
   if (algo === 'old_heatmap') {
-    const vcDetails = await caclUsingOldHeatmap(arg);
+    const vcDetails = await calcUsingOldHeatmap(arg);
     return vcDetails;
   }
   throw new Error('unexpected Error algo not chosen correctly');

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

@@ -100,7 +100,7 @@ export var VCObserver = /*#__PURE__*/function () {
     _defineProperty(this, "getVCResult", /*#__PURE__*/function () {
       var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.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 _regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
@@ -115,8 +115,37 @@ 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 = !((_getConfig = getConfig()) !== null && _getConfig !== void 0 && (_getConfig = _getConfig.vc) !== null && _getConfig !== void 0 && (_getConfig = _getConfig.enabledVCRevisions) !== null && _getConfig !== void 0 && _getConfig.includes('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'))) {
+                _context.next = 15;
+                break;
+              }
+              // exposing data to devtools
+              try {
+                if (devToolsEnabled && !_this.isPostInteraction) {
+                  window.__vcNotAvailableReason = abortReasonInfo;
+                }
+              } catch (e) {}
+              vcAbortedResultWithRevisions = _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".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
@@ -126,8 +155,7 @@ export var VCObserver = /*#__PURE__*/function () {
                 }
               } catch (e) {}
               return _context.abrupt("return", _defineProperty(_defineProperty(_defineProperty({}, "".concat(fullPrefix, "vc:state"), false), "".concat(fullPrefix, "vc:abort:reason"), abortReasonInfo), "".concat(fullPrefix, "vc:abort:timestamp"), abortReason.timestamp));
-            case 10:
-              isTTVCv1Disabled = !((_getConfig = 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: {},
@@ -279,16 +307,16 @@ export var VCObserver = /*#__PURE__*/function () {
               });
               speedIndex = _defineProperty(_defineProperty({}, "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(_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 25:
+            case 32:
               isTTVCv3Enabled = fg('platform_ufo_vc_observer_new') || ((_getConfig2 = 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'));
               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));
-            case 27:
+            case 34:
             case "end":
               return _context.stop();
           }
@@ -603,10 +631,12 @@ export var 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/esm/vc/vc-observer-new/metric-calculator/abstract-base-vc-calculator.js

@@ -2,6 +2,7 @@ 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 calculateTTVCPercentiles from './percentile-calc';
 import getViewportHeight from './utils/get-viewport-height';
 import getViewportWidth from './utils/get-viewport-width';
@@ -17,7 +18,7 @@ var AbstractVCCalculatorBase = /*#__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 _regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
@@ -25,9 +26,28 @@ var AbstractVCCalculatorBase = /*#__PURE__*/function () {
               filteredEntries = orderedEntries.filter(function (entry) {
                 return _this.isEntryIncluded(entry);
               });
-              isVCClean = this.isVCClean(filteredEntries);
-              if (isVCClean) {
-                _context.next = 5;
+              if (!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", {
@@ -35,8 +55,8 @@ var AbstractVCCalculatorBase = /*#__PURE__*/function () {
                 'metric:vc90': null,
                 clean: false
               });
-            case 5:
-              _context.next = 7;
+            case 11:
+              _context.next = 13;
               return calculateTTVCPercentiles({
                 viewport: {
                   width: getViewportWidth(),
@@ -47,15 +67,15 @@ var AbstractVCCalculatorBase = /*#__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/esm/vc/vc-observer-new/metric-calculator/fy25_03/index.js

@@ -54,6 +54,30 @@ var VCCalculator_FY25_03 = /*#__PURE__*/function (_AbstractVCCalculator) {
       });
       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
+      };
+    }
   }]);
 }(AbstractVCCalculatorBase);
 export { VCCalculator_FY25_03 as default };

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

@@ -1,7 +1,7 @@
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import calcUsingCanvas from './canvas-heatmap';
-import caclUsingOldHeatmap from './heatmap';
+import calcUsingOldHeatmap from './heatmap';
 import calcUsingRectSweepingLine from './rect-sweeping-line';
 function calculateTTVCPercentiles(_x) {
   return _calculateTTVCPercentiles.apply(this, arguments);
@@ -38,7 +38,7 @@ function _calculateTTVCPercentiles() {
             break;
           }
           _context.next = 14;
-          return caclUsingOldHeatmap(arg);
+          return calcUsingOldHeatmap(arg);
         case 14:
           _vcDetails2 = _context.sent;
           return _context.abrupt("return", _vcDetails2);

package/dist/types/common/vc/types.d.ts

@@ -5,7 +5,7 @@ export declare const AbortEvent: {
     readonly keydown: "keydown";
     readonly resize: "resize";
 };
-export type VCAbortReason = 'custom' | 'scroll' | 'keypress' | 'resize' | 'error' | 'not-supported';
+export type VCAbortReason = 'custom' | 'scroll' | 'keypress' | 'resize' | 'error' | 'not-supported' | 'wheel';
 export type VCAbortReasonType = {
     reason: null | VCAbortReason;
     info: string;
@@ -115,6 +115,7 @@ export type RevisionPayloadEntry = {
     revision: string;
     clean: boolean;
     vcDetails?: RevisionPayloadVCDetails;
+    abortReason?: VCAbortReason | null;
 };
 export type RevisionPayload = RevisionPayloadEntry[];
 export {};

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

@@ -1,5 +1,5 @@
+import { RevisionPayloadEntry } from '../../common/vc/types';
 import { type SelectorConfig } from './get-element-name';
-import type { RevisionPayloadEntry } from './metric-calculator/types';
 import type { VCObserverGetVCResultParam } from './types';
 export type VCObserverNewConfig = {
     selectorConfig?: SelectorConfig;

package/dist/types/vc/vc-observer-new/metric-calculator/abstract-base-vc-calculator.d.ts

@@ -1,9 +1,14 @@
+import { RevisionPayloadEntry, VCAbortReason } from '../../../common/vc/types';
 import type { VCObserverEntry } from '../types';
-import type { RevisionPayloadEntry, VCCalculator, VCCalculatorParam } from './types';
+import type { VCCalculator, VCCalculatorParam } from './types';
 export default abstract class AbstractVCCalculatorBase implements VCCalculator {
     private revisionNo;
     constructor(revisionNo: string);
     protected abstract isEntryIncluded(entry: VCObserverEntry): boolean;
     protected abstract isVCClean(filteredEntries: ReadonlyArray<VCObserverEntry>): boolean;
+    protected abstract getVCCleanStatus(filteredEntries: ReadonlyArray<VCObserverEntry>): {
+        isVCClean: boolean;
+        dirtyReason?: VCAbortReason;
+    };
     calculate({ startTime, stopTime, orderedEntries, }: VCCalculatorParam): Promise<RevisionPayloadEntry | undefined>;
 }

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

@@ -5,4 +5,11 @@ export default class VCCalculator_FY25_03 extends AbstractVCCalculatorBase {
     constructor();
     protected isEntryIncluded(entry: VCObserverEntry): boolean;
     protected isVCClean(filteredEntries: readonly VCObserverEntry[]): boolean;
+    protected getVCCleanStatus(filteredEntries: readonly VCObserverEntry[]): {
+        isVCClean: boolean;
+        dirtyReason: never;
+    } | {
+        isVCClean: boolean;
+        dirtyReason?: undefined;
+    };
 }

package/dist/types/vc/vc-observer-new/metric-calculator/percentile-calc/canvas-heatmap/index.d.ts

@@ -1,4 +1,4 @@
-import type { RevisionPayloadVCDetails } from '../../types';
+import type { RevisionPayloadVCDetails } from '../../../../../common/vc/types';
 import type { CalcTTVCPercentilesArg } from '../types';
 declare function calculateTTVCPercentiles({ viewport, orderedEntries, percentiles, startTime, }: CalcTTVCPercentilesArg): Promise<RevisionPayloadVCDetails>;
 export default calculateTTVCPercentiles;

package/dist/types/vc/vc-observer-new/metric-calculator/percentile-calc/heatmap/index.d.ts

@@ -1,5 +1,5 @@
+import type { RevisionPayloadVCDetails } from '../../../../../common/vc/types';
 import type { VCObserverEntry } from '../../../types';
-import type { RevisionPayloadVCDetails } from '../../types';
 import type { Viewport } from './types';
 declare function calculateTTVCPercentiles({ orderedEntries, viewport, percentiles, startTime, }: {
     orderedEntries: ReadonlyArray<VCObserverEntry>;

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

@@ -1,4 +1,4 @@
-import type { RevisionPayloadVCDetails } from '../types';
+import type { RevisionPayloadVCDetails } from '../../../../common/vc/types';
 import type { CalcTTVCPercentilesArg } from './types';
 declare function calculateTTVCPercentiles(arg: CalcTTVCPercentilesArg): Promise<RevisionPayloadVCDetails | null>;
 export default calculateTTVCPercentiles;

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

@@ -1,17 +1,5 @@
+import { RevisionPayloadEntry } from '../../../common/vc/types';
 import type { VCObserverEntry } from '../types';
-export type RevisionPayloadVCDetails = {
-    [key: string]: {
-        t: number;
-        e: string[];
-    };
-};
-export type RevisionPayloadEntry = {
-    'metric:vc90': number | null;
-    revision: string;
-    clean: boolean;
-    vcDetails?: RevisionPayloadVCDetails;
-};
-export type RevisionPayload = RevisionPayloadEntry[];
 export type VCCalculatorParam = {
     startTime: DOMHighResTimeStamp;
     stopTime: DOMHighResTimeStamp;

package/dist/types-ts4.5/common/vc/types.d.ts

@@ -5,7 +5,7 @@ export declare const AbortEvent: {
     readonly keydown: "keydown";
     readonly resize: "resize";
 };
-export type VCAbortReason = 'custom' | 'scroll' | 'keypress' | 'resize' | 'error' | 'not-supported';
+export type VCAbortReason = 'custom' | 'scroll' | 'keypress' | 'resize' | 'error' | 'not-supported' | 'wheel';
 export type VCAbortReasonType = {
     reason: null | VCAbortReason;
     info: string;
@@ -115,6 +115,7 @@ export type RevisionPayloadEntry = {
     revision: string;
     clean: boolean;
     vcDetails?: RevisionPayloadVCDetails;
+    abortReason?: VCAbortReason | null;
 };
 export type RevisionPayload = RevisionPayloadEntry[];
 export {};

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

@@ -1,5 +1,5 @@
+import { RevisionPayloadEntry } from '../../common/vc/types';
 import { type SelectorConfig } from './get-element-name';
-import type { RevisionPayloadEntry } from './metric-calculator/types';
 import type { VCObserverGetVCResultParam } from './types';
 export type VCObserverNewConfig = {
     selectorConfig?: SelectorConfig;

package/dist/types-ts4.5/vc/vc-observer-new/metric-calculator/abstract-base-vc-calculator.d.ts

@@ -1,9 +1,14 @@
+import { RevisionPayloadEntry, VCAbortReason } from '../../../common/vc/types';
 import type { VCObserverEntry } from '../types';
-import type { RevisionPayloadEntry, VCCalculator, VCCalculatorParam } from './types';
+import type { VCCalculator, VCCalculatorParam } from './types';
 export default abstract class AbstractVCCalculatorBase implements VCCalculator {
     private revisionNo;
     constructor(revisionNo: string);
     protected abstract isEntryIncluded(entry: VCObserverEntry): boolean;
     protected abstract isVCClean(filteredEntries: ReadonlyArray<VCObserverEntry>): boolean;
+    protected abstract getVCCleanStatus(filteredEntries: ReadonlyArray<VCObserverEntry>): {
+        isVCClean: boolean;
+        dirtyReason?: VCAbortReason;
+    };
     calculate({ startTime, stopTime, orderedEntries, }: VCCalculatorParam): Promise<RevisionPayloadEntry | undefined>;
 }

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

@@ -5,4 +5,11 @@ export default class VCCalculator_FY25_03 extends AbstractVCCalculatorBase {
     constructor();
     protected isEntryIncluded(entry: VCObserverEntry): boolean;
     protected isVCClean(filteredEntries: readonly VCObserverEntry[]): boolean;
+    protected getVCCleanStatus(filteredEntries: readonly VCObserverEntry[]): {
+        isVCClean: boolean;
+        dirtyReason: never;
+    } | {
+        isVCClean: boolean;
+        dirtyReason?: undefined;
+    };
 }

package/dist/types-ts4.5/vc/vc-observer-new/metric-calculator/percentile-calc/canvas-heatmap/index.d.ts

@@ -1,4 +1,4 @@
-import type { RevisionPayloadVCDetails } from '../../types';
+import type { RevisionPayloadVCDetails } from '../../../../../common/vc/types';
 import type { CalcTTVCPercentilesArg } from '../types';
 declare function calculateTTVCPercentiles({ viewport, orderedEntries, percentiles, startTime, }: CalcTTVCPercentilesArg): Promise<RevisionPayloadVCDetails>;
 export default calculateTTVCPercentiles;

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

@@ -1,5 +1,5 @@
+import type { RevisionPayloadVCDetails } from '../../../../../common/vc/types';
 import type { VCObserverEntry } from '../../../types';
-import type { RevisionPayloadVCDetails } from '../../types';
 import type { Viewport } from './types';
 declare function calculateTTVCPercentiles({ orderedEntries, viewport, percentiles, startTime, }: {
     orderedEntries: ReadonlyArray<VCObserverEntry>;

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

@@ -1,4 +1,4 @@
-import type { RevisionPayloadVCDetails } from '../types';
+import type { RevisionPayloadVCDetails } from '../../../../common/vc/types';
 import type { CalcTTVCPercentilesArg } from './types';
 declare function calculateTTVCPercentiles(arg: CalcTTVCPercentilesArg): Promise<RevisionPayloadVCDetails | null>;
 export default calculateTTVCPercentiles;

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

@@ -1,17 +1,5 @@
+import { RevisionPayloadEntry } from '../../../common/vc/types';
 import type { VCObserverEntry } from '../types';
-export type RevisionPayloadVCDetails = {
-    [key: string]: {
-        t: number;
-        e: string[];
-    };
-};
-export type RevisionPayloadEntry = {
-    'metric:vc90': number | null;
-    revision: string;
-    clean: boolean;
-    vcDetails?: RevisionPayloadVCDetails;
-};
-export type RevisionPayload = RevisionPayloadEntry[];
 export type VCCalculatorParam = {
     startTime: DOMHighResTimeStamp;
     stopTime: DOMHighResTimeStamp;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/react-ufo",
-	"version": "3.9.5",
+	"version": "3.10.0",
 	"description": "Parts of React UFO that are publicly available",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -136,6 +136,9 @@
 		"platform_ufo_vc_observer_new": {
 			"type": "boolean"
 		},
+		"platform_ufo_add_vc_abort_reason_by_revisions": {
+			"type": "boolean"
+		},
 		"enable_ufo_devtools_api_for_extra_events": {
 			"type": "boolean"
 		},