@atlaskit/react-ufo 3.10.4 → 3.11.1

package/dist/esm/vc/index.js

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

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

@@ -2,6 +2,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+import { fg } from '@atlaskit/platform-feature-flags';
 import { isVCRevisionEnabled } from '../../config';
 import { getPageVisibilityState } from '../../hidden-timing';
 import { getRevisions } from './revisions/revisions';
@@ -24,7 +25,7 @@ function createVCDetails(calculatedVC, shouldHaveVCmetric) {
     for (_iterator.s(); !(_step = _iterator.n()).done;) {
       var key = _step.value;
       details[key] = {
-        t: VC[key],
+        t: VC[key] || -1,
         e: VCBox[key] || READONLY_EMPTY_ARRAY
       };
     }
@@ -45,8 +46,13 @@ export function getVCRevisionsData(_ref) {
     multiHeatmap = _ref.multiHeatmap,
     ssr = _ref.ssr,
     calculatedVC = _ref.calculatedVC,
-    calculatedVCNext = _ref.calculatedVCNext;
-  if (!isVCRevisionEnabled('fy25.03')) {
+    calculatedVCNext = _ref.calculatedVCNext,
+    experienceKey = _ref.experienceKey;
+  var isTTVCv3Enabled = fg('platform_ufo_vc_enable_revisions_by_experience') ? isVCRevisionEnabled('fy25.03', experienceKey) : isVCRevisionEnabled('fy25.03');
+
+  // As part of `platform_ufo_vc_enable_revisions_by_experience`, we are looking to turn off the `multiHeatmap` branch of code
+  // for calculating TTVC, and instead rely on existing values already available, e.g. `calculatedVC` and `calculatedVCNext`
+  if (!isTTVCv3Enabled && !fg('platform_ufo_vc_enable_revisions_by_experience')) {
     if (!multiHeatmap) {
       return null;
     }
@@ -69,29 +75,48 @@ export function getVCRevisionsData(_ref) {
       clean: isVCClean
     }));
   }
-
-  // Calculate these conditions once
   var pageVisibilityUpToTTAI = getPageVisibilityState(interaction.start, interaction.end);
   var isVisiblePageVisibleUpToTTAI = pageVisibilityUpToTTAI === 'visible';
   var shouldHaveVCmetric = isVCClean && !isEventAborted && isVisiblePageVisibleUpToTTAI;
+  if (fg('platform_ufo_vc_enable_revisions_by_experience')) {
+    var availableVCRevisionPayloads = [];
+    if (isVCRevisionEnabled('fy25.01', experienceKey)) {
+      availableVCRevisionPayloads.push({
+        revision: 'fy25.01',
+        clean: isVCClean,
+        'metric:vc90': shouldHaveVCmetric ? calculatedVC.VC['90'] : null,
+        vcDetails: createVCDetails(calculatedVC, shouldHaveVCmetric)
+      });
+    }
+    if (isVCRevisionEnabled('fy25.02', experienceKey)) {
+      availableVCRevisionPayloads.push({
+        revision: 'fy25.02',
+        clean: isVCClean,
+        'metric:vc90': shouldHaveVCmetric ? calculatedVCNext.VC['90'] : null,
+        vcDetails: createVCDetails(calculatedVCNext, shouldHaveVCmetric)
+      });
+    }
+    return _defineProperty({}, "".concat(fullPrefix, "vc:rev"), availableVCRevisionPayloads);
+  } else {
+    // Create the V2 revision object which is always needed
+    var ttvcV2Revision = {
+      revision: 'fy25.02',
+      clean: isVCClean,
+      'metric:vc90': shouldHaveVCmetric ? calculatedVCNext.VC['90'] : null,
+      vcDetails: createVCDetails(calculatedVCNext, shouldHaveVCmetric)
+    };
+    var isTTVCv1Disabled = !isVCRevisionEnabled('fy25.01');
+    if (isTTVCv1Disabled) {
+      return _defineProperty({}, "".concat(fullPrefix, "vc:rev"), [ttvcV2Revision]);
+    }
 
-  // Create the V2 revision object which is always needed
-  var ttvcV2Revision = {
-    revision: 'fy25.02',
-    clean: isVCClean,
-    'metric:vc90': shouldHaveVCmetric ? calculatedVCNext.VC['90'] : null,
-    vcDetails: createVCDetails(calculatedVCNext, shouldHaveVCmetric)
-  };
-  if (!isVCRevisionEnabled('fy25.01')) {
-    return _defineProperty({}, "".concat(fullPrefix, "vc:rev"), [ttvcV2Revision]);
+    // Only create ttvcV1Revision when we're actually going to use it
+    var ttvcV1Revision = {
+      revision: 'fy25.01',
+      clean: isVCClean,
+      'metric:vc90': shouldHaveVCmetric ? calculatedVC.VC['90'] : null,
+      vcDetails: createVCDetails(calculatedVC, shouldHaveVCmetric)
+    };
+    return _defineProperty({}, "".concat(fullPrefix, "vc:rev"), [ttvcV1Revision, ttvcV2Revision]);
   }
-
-  // Only create ttvcV1Revision when we're actually going to use it
-  var ttvcV1Revision = {
-    revision: 'fy25.01',
-    clean: isVCClean,
-    'metric:vc90': shouldHaveVCmetric ? calculatedVC.VC['90'] : null,
-    vcDetails: createVCDetails(calculatedVC, shouldHaveVCmetric)
-  };
-  return _defineProperty({}, "".concat(fullPrefix, "vc:rev"), [ttvcV1Revision, ttvcV2Revision]);
 }

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

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

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

@@ -202,7 +202,7 @@ export type BM3Event = {
     pageVisibleState?: string;
     type: string;
 };
-export type LastInteractionFinishInfo = Pick<InteractionMetrics, 'ufoName' | 'start' | 'end' | 'id' | 'abortReason' | 'abortedByInteractionName' | 'routeName' | 'type' | 'experimentalVC90' | 'experimentalTTAI'>;
+export type LastInteractionFinishInfo = Pick<InteractionMetrics, 'ufoName' | 'start' | 'end' | 'id' | 'abortReason' | 'abortedByInteractionName' | 'routeName' | 'type' | 'experimentalVC90' | 'experimentalTTAI' | 'errors'>;
 export type PostInteractionLogOutput = {
     lastInteractionFinish: LastInteractionFinishInfo;
     reactProfilerTimings?: ReactProfilerTiming[];

package/dist/types/common/react-ufo-payload-schema.d.ts

@@ -1,7 +1,7 @@
 import { createPayloads } from '../create-payload';
 import { LabelStack } from '../interaction-context';
 import { VCObserver } from '../vc/vc-observer';
-import type { AbortReasonType, ApdexType, InteractionType, SegmentInfo } from './common/types';
+import type { AbortReasonType, ApdexType, InteractionError, InteractionType, SegmentInfo } from './common/types';
 import type { RevisionPayload } from './vc/types';
 type ExtractPromise<T> = T extends Promise<infer U> ? U : never;
 export type PageVisibility = 'hidden' | 'mixed' | 'visible';
@@ -135,6 +135,7 @@ export type ReactUFOPayload = {
                 segments: SegmentInfo[] | RootSegment;
                 reactProfilerTimings: ReactProfilerTiming[];
                 holdInfo: HoldInfo[];
+                errors: InteractionError[];
             };
             'ufo:vc:rev': RevisionPayload;
             'ufo:vc:ratios': Record<string, number>;
@@ -143,6 +144,8 @@ export type ReactUFOPayload = {
                 h: number;
             };
             'ufo:vc:time': number;
+            'ufo:speedIndex'?: number;
+            'ufo:vc:ignored'?: string[];
             'ufo:vc:abort:reason'?: string;
             'ufo:vc:state'?: boolean;
             'ufo:vc:clean'?: boolean;
@@ -161,9 +164,7 @@ export type ReactUFOPayload = {
                 elements: string[];
             }>;
             'ufo:vc:next:dom'?: Record<VCParts, string[]>;
-            'ufo:vc:ignored'?: string[];
             'metric:vc90'?: number;
-            'ufo:speedIndex'?: number;
             'ufo:next:speedIndex'?: number;
             'ufo:vc:updates:next'?: Array<{
                 time: number;
@@ -173,4 +174,49 @@ export type ReactUFOPayload = {
         };
     };
 };
+type LateElement = {
+    time: number;
+    element: string;
+    viewportHeatmapPercentage: number;
+};
+export type PostInteractionLogPayload = {
+    actionSubject: 'experience';
+    action: 'measured';
+    eventType: 'operational';
+    source: 'measured';
+    tags: ['observability'];
+    attributes: {
+        properties: {
+            'event:hostname': string;
+            'event:product': string;
+            'event:schema': '1.0.0';
+            'event:source': {
+                name: 'react-ufo/web';
+                version: '1.0.1';
+            };
+            'event:region': string;
+            'experience:key': 'custom.post-interaction-logs';
+            postInteractionLog: {
+                lastInteractionFinish: {
+                    ufoName: string;
+                    start: number;
+                    end: number;
+                    id: string;
+                    routeName: string;
+                    type: InteractionType;
+                    errors: InteractionError[];
+                    ttai: number;
+                    vc90: number;
+                    vcClean: boolean;
+                };
+                revisedEndTime: number;
+                revisedTtai: number;
+                revisedVC90: number;
+                vcClean: boolean;
+                lateMutations: LateElement[];
+                reactProfilerTimings: ReactProfilerTiming[];
+            };
+        };
+    };
+};
 export {};

package/dist/types/config/index.d.ts

@@ -74,7 +74,17 @@ export type Config = {
         readonly ssr?: boolean;
         readonly ssrWhitelist?: string[];
         readonly stopVCAtInteractionFinish?: boolean;
-        readonly enabledVCRevisions?: readonly TTVCRevisions[];
+        /**
+         * The revisions of TTVC that will be calculated
+         * - `all` is the TTVC revisions that are used on a product level
+         * - `byExperience` is the version that is used on an experience level.
+         *   Note that an entry in the `byExperience` config should only be a SUBSET of the `all` config,
+         *   i.e. every element for all `byExperience` entry configs should exist in the `all` config
+         */
+        readonly enabledVCRevisions?: {
+            all: readonly TTVCRevisions[];
+            byExperience?: Record<string, readonly TTVCRevisions[]>;
+        };
     };
     readonly postInteractionLog?: {
         readonly enabled?: boolean;
@@ -99,8 +109,9 @@ export type Config = {
 };
 export declare function setUFOConfig(newConfig: Config): void;
 export declare function getConfig(): Config | undefined;
-export declare function getEnabledVCRevisions(): TTVCRevisions[];
-export declare function isVCRevisionEnabled(revision: TTVCRevisions): boolean;
+export declare function getEnabledVCRevisions(experienceKey?: string): readonly TTVCRevisions[];
+export declare function isVCRevisionEnabled(revision: TTVCRevisions, experienceKey?: string): boolean;
+export declare function getMostRecentVCRevision(experienceKey?: string): TTVCRevisions;
 export declare function getInteractionRate(name: string, interactionKind: InteractionKind): number;
 export declare function getExperimentalInteractionRate(name: string, interactionType: InteractionType): number;
 export declare function getPostInteractionRate(name: string, interactionType: InteractionType): number;

package/dist/types/create-post-interaction-log-payload/index.d.ts

@@ -26,12 +26,13 @@ declare function createPostInteractionLogPayload({ lastInteractionFinish, reactP
                     vc90: number | null;
                     vcClean: boolean;
                     type: import("../common").InteractionType;
-                    id: string;
                     abortReason?: import("../common").AbortReasonType | undefined;
+                    id: string;
                     abortedByInteractionName?: string | undefined;
                     routeName: string | null;
-                    experimentalTTAI?: number | undefined;
                     experimentalVC90?: number | undefined;
+                    experimentalTTAI?: number | undefined;
+                    errors: import("../common").InteractionError[];
                 };
                 revisedEndTime: number;
                 revisedTtai: number;

package/dist/types/interaction-metrics/post-interaction-log.d.ts

@@ -1,8 +1,7 @@
 import { type LastInteractionFinishInfo, type PostInteractionLogOutput, type ReactProfilerTiming } from '../common/common/types';
 import type { VCResult } from '../common/vc/types';
 import type { LabelStack } from '../interaction-context';
-import type { VCObserverOptions } from '../vc/types';
-import { VCObserver } from '../vc/vc-observer';
+import type { VCObserverInterface, VCObserverOptions } from '../vc/types';
 export default class PostInteractionLog {
     /**
      * Basic info about interaction that has just finished
@@ -19,7 +18,7 @@ export default class PostInteractionLog {
     /**
      * independent VC observer, that observes until `custom.post-interaction-logs` event is sent
      */
-    vcObserver: VCObserver | null;
+    vcObserver: VCObserverInterface | null;
     vcObserverSSRConfig: {
         ssr: number | undefined;
     } | null;
@@ -62,7 +61,7 @@ export default class PostInteractionLog {
      * Basic details about the finished interaction will be recorded
      * A timeout will be setup to send the post interaction observation after some time.
      */
-    onInteractionComplete({ ufoName, start, end, id, abortReason, abortedByInteractionName, routeName, type, experimentalTTAI, experimentalVC90, }: LastInteractionFinishInfo): void;
+    onInteractionComplete({ ufoName, start, end, id, abortReason, abortedByInteractionName, routeName, type, experimentalTTAI, experimentalVC90, errors, }: LastInteractionFinishInfo): void;
     /**
      * This fn should be invoked when a React render happens after interaction has finished
      */

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

@@ -1,6 +1,22 @@
-import type { VCObserverInterface, VCObserverOptions } from './types';
+import type { VCRawDataType, VCResult } from '../common/vc/types';
+import type { GetVCResultType, VCObserverInterface, VCObserverOptions } from './types';
 declare global {
     var __vcObserver: VCObserverInterface;
 }
+export declare class VCObserverWrapper implements VCObserverInterface {
+    private oldVCObserver;
+    private newVCObserver;
+    constructor(opts?: VCObserverOptions);
+    start({ startTime, experienceKey }: {
+        startTime: number;
+        experienceKey: string;
+    }): void;
+    stop(experienceKey?: string): void;
+    getVCRawData(): VCRawDataType | null;
+    getVCResult(param: GetVCResultType): Promise<VCResult>;
+    setSSRElement(element: HTMLElement): void;
+    setReactRootRenderStart(startTime: number): void;
+    setReactRootRenderStop(stopTime: number): void;
+}
 export declare function isEnvironmentSupported(): boolean;
 export declare function getVCObserver(opts?: VCObserverOptions): VCObserverInterface;

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

@@ -7,6 +7,7 @@ export type GetVCResultType = {
     prefix?: string;
     ssr?: number;
     vc?: VCRawDataType | null;
+    experienceKey: string;
 };
 export type SelectorConfig = {
     id: boolean;
@@ -25,8 +26,9 @@ export type VCObserverOptions = {
 export interface VCObserverInterface {
     start(startArg: {
         startTime: number;
+        experienceKey?: string;
     }): void;
-    stop(): void;
+    stop(experienceKey?: string): void;
     getVCRawData(): VCRawDataType | null;
     getVCResult(param: GetVCResultType): Promise<VCResult>;
     setSSRElement(element: HTMLElement): void;