@atlaskit/react-ufo 3.9.5 → 3.10.1

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

@@ -1,6 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { fg } from '@atlaskit/platform-feature-flags';
-import { getConfig } from '../../config';
+import { isVCRevisionEnabled } from '../../config';
 import { attachAbortListeners } from './attachAbortListeners';
 import { getVCRevisionsData } from './getVCRevisionsData';
 import { getViewportHeight, getViewportWidth } from './getViewport';
@@ -25,7 +25,6 @@ function filterComponentsLog(log) {
 }
 export class VCObserver {
   constructor(options) {
-    var _getConfig5, _getConfig5$vc, _getConfig5$vc$enable;
     /* abort logic */
     _defineProperty(this, "abortReason", {
       reason: null,
@@ -97,7 +96,6 @@ export class VCObserver {
       vc,
       isEventAborted
     }) => {
-      var _getConfig, _getConfig$vc, _getConfig$vc$enabled, _getConfig2, _getConfig2$vc, _getConfig2$vc$enable;
       const startTime = performance.now();
       // add local measurement
       const fullPrefix = prefix !== undefined && prefix !== '' ? `${prefix}:` : '';
@@ -118,7 +116,39 @@ export class VCObserver {
         ratios,
         multiHeatmap
       } = rawData;
-      if (abortReasonInfo !== null && abortReason.blocking) {
+      const isTTVCv1Disabled = !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')) {
+        // 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 +161,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: {},
@@ -306,7 +335,7 @@ export class VCObserver {
           ...speedIndex
         };
       }
-      const isTTVCv3Enabled = fg('platform_ufo_vc_observer_new') || ((_getConfig2 = getConfig()) === null || _getConfig2 === void 0 ? void 0 : (_getConfig2$vc = _getConfig2.vc) === null || _getConfig2$vc === void 0 ? void 0 : (_getConfig2$vc$enable = _getConfig2$vc.enabledVCRevisions) === null || _getConfig2$vc$enable === void 0 ? void 0 : _getConfig2$vc$enable.includes('fy25.03'));
+      const isTTVCv3Enabled = isVCRevisionEnabled('fy25.03');
       return {
         'metrics:vc': VC,
         [`${fullPrefix}vc:state`]: true,
@@ -329,10 +358,9 @@ export class VCObserver {
       };
     });
     _defineProperty(this, "handleUpdate", (rawTime, intersectionRect, targetName, element, type, ignoreReason, attributeName, oldValue, newValue) => {
-      var _getConfig3, _getConfig3$vc, _getConfig3$vc$enable;
       this.measureStart();
       this.legacyHandleUpdate(rawTime, intersectionRect, targetName, element, type, ignoreReason, attributeName, oldValue, newValue);
-      if (!fg('platform_ufo_vc_observer_new') && !((_getConfig3 = getConfig()) !== null && _getConfig3 !== void 0 && (_getConfig3$vc = _getConfig3.vc) !== null && _getConfig3$vc !== void 0 && (_getConfig3$vc$enable = _getConfig3$vc.enabledVCRevisions) !== null && _getConfig3$vc$enable !== void 0 && _getConfig3$vc$enable.includes('fy25.03'))) {
+      if (!isVCRevisionEnabled('fy25.03')) {
         this.onViewportChangeDetected({
           timestamp: rawTime,
           intersectionRect,
@@ -349,14 +377,13 @@ export class VCObserver {
     });
     _defineProperty(this, "legacyHandleUpdate", (rawTime, intersectionRect, targetName, element, type, ignoreReason, attributeName, oldValue, newValue) => {
       if (this.abortReason.reason === null || this.abortReason.blocking === false) {
-        var _getConfig4, _getConfig4$vc, _getConfig4$vc$enable;
         const time = Math.round(rawTime - this.startTime);
         const 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);
         }
-        const isTTVCv1Disabled = !((_getConfig4 = getConfig()) !== null && _getConfig4 !== void 0 && (_getConfig4$vc = _getConfig4.vc) !== null && _getConfig4$vc !== void 0 && (_getConfig4$vc$enable = _getConfig4$vc.enabledVCRevisions) !== null && _getConfig4$vc$enable !== void 0 && _getConfig4$vc$enable.includes('fy25.01'));
+        const isTTVCv1Disabled = !isVCRevisionEnabled('fy25.01');
         if (!isTTVCv1Disabled && (!ignoreReason || ignoreReason === 'not-visible') && type !== 'attr') {
           this.applyChangesToHeatMap(mappedValues, time, this.heatmap);
         }
@@ -495,7 +522,7 @@ export class VCObserver {
         dataVC: true
       }
     });
-    this.heatmap = !((_getConfig5 = getConfig()) !== null && _getConfig5 !== void 0 && (_getConfig5$vc = _getConfig5.vc) !== null && _getConfig5$vc !== void 0 && (_getConfig5$vc$enable = _getConfig5$vc.enabledVCRevisions) !== null && _getConfig5$vc$enable !== void 0 && _getConfig5$vc$enable.includes('fy25.01')) ? [] : this.getCleanHeatmap();
+    this.heatmap = !isVCRevisionEnabled('fy25.01') ? [] : this.getCleanHeatmap();
     this.heatmapNext = this.getCleanHeatmap();
     this.multiHeatmap = new MultiRevisionHeatmap({
       viewport: this.viewport,
@@ -644,7 +671,6 @@ export class VCObserver {
     }
   }
   resetState() {
-    var _getConfig6, _getConfig6$vc, _getConfig6$vc$enable;
     this.abortReason = {
       reason: null,
       info: '',
@@ -652,7 +678,7 @@ export class VCObserver {
       blocking: false
     };
     this.detachAbortListeners();
-    this.heatmap = !((_getConfig6 = getConfig()) !== null && _getConfig6 !== void 0 && (_getConfig6$vc = _getConfig6.vc) !== null && _getConfig6$vc !== void 0 && (_getConfig6$vc$enable = _getConfig6$vc.enabledVCRevisions) !== null && _getConfig6$vc$enable !== void 0 && _getConfig6$vc$enable.includes('fy25.01')) ? [] : this.getCleanHeatmap();
+    this.heatmap = !isVCRevisionEnabled('fy25.01') ? [] : this.getCleanHeatmap();
     this.heatmapNext = this.getCleanHeatmap();
     this.multiHeatmap = new MultiRevisionHeatmap({
       viewport: this.viewport,
@@ -701,8 +727,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/revisions/revisions.js

@@ -1,9 +1,8 @@
-import { getConfig } from '../../../config';
+import { isVCRevisionEnabled } from '../../../config';
 import { revFY25_01Classifier } from './fy25_01';
 import { revFY25_02Classifier } from './fy25_02';
 export function getRevisions() {
-  var _getConfig, _getConfig$vc, _getConfig$vc$enabled;
-  if (!((_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'))) {
+  if (!isVCRevisionEnabled('fy25.01')) {
     return [{
       name: 'fy25.02',
       classifier: revFY25_02Classifier

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/config/index.js

@@ -1,4 +1,5 @@
 var config;
+var 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 (_unused) {
+    return [];
+  }
+}
+export function isVCRevisionEnabled(revision) {
+  return getEnabledVCRevisions().includes(revision);
+}
 export function getInteractionRate(name, interactionKind) {
   try {
     if (!config) {
@@ -120,7 +139,7 @@ export function getCapabilityRate(capability) {
       }
     }
     return 0;
-  } catch (_unused) {
+  } catch (_unused2) {
     return 0;
   }
 }

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

@@ -4,7 +4,7 @@ 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 { getConfig } from '../../config';
+import { getConfig, isVCRevisionEnabled } from '../../config';
 import { postInteractionLog } from '../../interaction-metrics';
 import { getVCObserver } from '../../vc';
 import getInteractionStatus from './get-interaction-status';
@@ -15,7 +15,7 @@ function getVCMetrics(_x) {
 }
 function _getVCMetrics() {
   _getVCMetrics = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.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 _regeneratorRuntime.wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
@@ -64,7 +64,7 @@ function _getVCMetrics() {
             getVCObserver().stop();
           }
           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 (isVCRevisionEnabled('fy25.01')) {
             _context.next = 27;
             break;
           }

package/dist/esm/vc/index.js

@@ -7,19 +7,16 @@ 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 { 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';
 var VCObserverWrapper = /*#__PURE__*/function () {
   function VCObserverWrapper() {
-    var _getConfig;
     var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     _classCallCheck(this, VCObserverWrapper);
     this.newVCObserver = null;
-    var isNewVCObserverEnabled = fg('platform_ufo_vc_observer_new') || ((_getConfig = 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 (isVCRevisionEnabled('fy25.03')) {
       this.newVCObserver = new VCObserverNew({
         selectorConfig: opts.selectorConfig
       });

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

@@ -2,8 +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 { getConfig } from '../../config';
+import { isVCRevisionEnabled } from '../../config';
 import { getPageVisibilityState } from '../../hidden-timing';
 import { getRevisions } from './revisions/revisions';
 var VCParts = ['25', '50', '75', '80', '85', '90', '95', '98', '99'];
@@ -39,7 +38,6 @@ function createVCDetails(calculatedVC, shouldHaveVCmetric) {
 
 // Optimized implementation (current one)
 export function getVCRevisionsData(_ref) {
-  var _ufoConfig$vc, _ufoConfig$vc2;
   var fullPrefix = _ref.fullPrefix,
     interaction = _ref.interaction,
     isVCClean = _ref.isVCClean,
@@ -48,8 +46,7 @@ export function getVCRevisionsData(_ref) {
     ssr = _ref.ssr,
     calculatedVC = _ref.calculatedVC,
     calculatedVCNext = _ref.calculatedVCNext;
-  var 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 = _ufoConfig$vc.enabledVCRevisions) !== null && _ufoConfig$vc !== void 0 && _ufoConfig$vc.includes('fy25.03'))) {
+  if (!isVCRevisionEnabled('fy25.03')) {
     if (!multiHeatmap) {
       return null;
     }
@@ -85,7 +82,7 @@ export 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 (!isVCRevisionEnabled('fy25.01')) {
     return _defineProperty({}, "".concat(fullPrefix, "vc:rev"), [ttvcV2Revision]);
   }
 

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

@@ -10,7 +10,7 @@ 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 { getConfig } from '../../config';
+import { isVCRevisionEnabled } from '../../config';
 import { attachAbortListeners } from './attachAbortListeners';
 import { getVCRevisionsData } from './getVCRevisionsData';
 import { getViewportHeight, getViewportWidth } from './getViewport';
@@ -38,8 +38,7 @@ function filterComponentsLog(log) {
 }
 export var VCObserver = /*#__PURE__*/function () {
   function VCObserver(options) {
-    var _this = this,
-      _getConfig5;
+    var _this = this;
     _classCallCheck(this, VCObserver);
     /* abort logic */
     _defineProperty(this, "abortReason", {
@@ -99,8 +98,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 +113,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 = !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'))) {
+                _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 +153,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 +305,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:
-              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'));
+            case 32:
+              isTTVCv3Enabled = 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));
-            case 27:
+            case 34:
             case "end":
               return _context.stop();
           }
@@ -299,10 +325,9 @@ export var VCObserver = /*#__PURE__*/function () {
       };
     }());
     _defineProperty(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 (!fg('platform_ufo_vc_observer_new') && !((_getConfig3 = getConfig()) !== null && _getConfig3 !== void 0 && (_getConfig3 = _getConfig3.vc) !== null && _getConfig3 !== void 0 && (_getConfig3 = _getConfig3.enabledVCRevisions) !== null && _getConfig3 !== void 0 && _getConfig3.includes('fy25.03'))) {
+      if (!isVCRevisionEnabled('fy25.03')) {
         _this.onViewportChangeDetected({
           timestamp: rawTime,
           intersectionRect: intersectionRect,
@@ -319,14 +344,13 @@ export var VCObserver = /*#__PURE__*/function () {
     });
     _defineProperty(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 = 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 = !isVCRevisionEnabled('fy25.01');
         if (!isTTVCv1Disabled && (!ignoreReason || ignoreReason === 'not-visible') && type !== 'attr') {
           _this.applyChangesToHeatMap(mappedValues, time, _this.heatmap);
         }
@@ -464,7 +488,7 @@ export var VCObserver = /*#__PURE__*/function () {
         dataVC: true
       }
     });
-    this.heatmap = !((_getConfig5 = 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 = !isVCRevisionEnabled('fy25.01') ? [] : this.getCleanHeatmap();
     this.heatmapNext = this.getCleanHeatmap();
     this.multiHeatmap = new MultiRevisionHeatmap({
       viewport: this.viewport,
@@ -544,7 +568,6 @@ export var VCObserver = /*#__PURE__*/function () {
   }, {
     key: "resetState",
     value: function resetState() {
-      var _getConfig6;
       this.abortReason = {
         reason: null,
         info: '',
@@ -552,7 +575,7 @@ export var VCObserver = /*#__PURE__*/function () {
         blocking: false
       };
       this.detachAbortListeners();
-      this.heatmap = !((_getConfig6 = 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 = !isVCRevisionEnabled('fy25.01') ? [] : this.getCleanHeatmap();
       this.heatmapNext = this.getCleanHeatmap();
       this.multiHeatmap = new MultiRevisionHeatmap({
         viewport: this.viewport,
@@ -603,10 +626,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/revisions/revisions.js

@@ -1,9 +1,8 @@
-import { getConfig } from '../../../config';
+import { isVCRevisionEnabled } from '../../../config';
 import { revFY25_01Classifier } from './fy25_01';
 import { revFY25_02Classifier } from './fy25_02';
 export function getRevisions() {
-  var _getConfig;
-  if (!((_getConfig = getConfig()) !== null && _getConfig !== void 0 && (_getConfig = _getConfig.vc) !== null && _getConfig !== void 0 && (_getConfig = _getConfig.enabledVCRevisions) !== null && _getConfig !== void 0 && _getConfig.includes('fy25.01'))) {
+  if (!isVCRevisionEnabled('fy25.01')) {
     return [{
       name: 'fy25.02',
       classifier: revFY25_02Classifier

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