@atlaskit/react-ufo 3.10.4 → 3.11.1

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/ufo-interaction-ignore
 
+## 3.11.1
+
+### Patch Changes
+
+- [#154164](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/154164)
+  [`59249901f5291`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/59249901f5291) -
+  align logic for UFO events and watchdog event
+
+## 3.11.0
+
+### Minor Changes
+
+- [#152178](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/152178)
+  [`b61bda55f25b4`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b61bda55f25b4) -
+  Enable TTVC revision logic by experience
+
 ## 3.10.4
 
 ### Patch Changes

package/dist/cjs/config/index.js

@@ -1,5 +1,6 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,6 +12,7 @@ exports.getDoNotAbortActivePressInteractionOnTransition = getDoNotAbortActivePre
 exports.getEnabledVCRevisions = getEnabledVCRevisions;
 exports.getExperimentalInteractionRate = getExperimentalInteractionRate;
 exports.getInteractionRate = getInteractionRate;
+exports.getMostRecentVCRevision = getMostRecentVCRevision;
 exports.getPostInteractionRate = getPostInteractionRate;
 exports.getRemoveInteractionsUFOPrefixes = getRemoveInteractionsUFOPrefixes;
 exports.getRemovePageSegmentsUFOPrefixes = getRemovePageSegmentsUFOPrefixes;
@@ -18,6 +20,12 @@ exports.getTypingPerformanceTracingMethod = getTypingPerformanceTracingMethod;
 exports.getUfoNameOverrides = getUfoNameOverrides;
 exports.isVCRevisionEnabled = isVCRevisionEnabled;
 exports.setUFOConfig = setUFOConfig;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+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) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var config;
 var DEFAULT_TTVC_REVISION = 'fy25.02';
 
@@ -25,28 +33,66 @@ var DEFAULT_TTVC_REVISION = 'fy25.02';
 // and they could delete empty members
 
 function setUFOConfig(newConfig) {
-  config = newConfig;
+  if ((0, _platformFeatureFlags.fg)('platform_ufo_vc_enable_revisions_by_experience')) {
+    var _newConfig$vc;
+    // Handle edge cases with `enabledVCRevisions`
+    var _ref = (_newConfig$vc = newConfig === null || newConfig === void 0 ? void 0 : newConfig.vc) !== null && _newConfig$vc !== void 0 ? _newConfig$vc : {},
+      enabledVCRevisions = _ref.enabledVCRevisions;
+    if ((0, _typeof2.default)(enabledVCRevisions === null || enabledVCRevisions === void 0 ? void 0 : enabledVCRevisions.byExperience) === 'object') {
+      config = _objectSpread(_objectSpread({}, newConfig), {}, {
+        vc: _objectSpread(_objectSpread({}, newConfig.vc), {}, {
+          enabledVCRevisions: {
+            // enforce axiom about `enabledVCRevisions.all` config
+            all: Array.from(new Set([DEFAULT_TTVC_REVISION].concat((0, _toConsumableArray2.default)(enabledVCRevisions === null || enabledVCRevisions === void 0 ? void 0 : enabledVCRevisions.all), (0, _toConsumableArray2.default)(Object.values(enabledVCRevisions === null || enabledVCRevisions === void 0 ? void 0 : enabledVCRevisions.byExperience).flat())))),
+            byExperience: _objectSpread({}, enabledVCRevisions === null || enabledVCRevisions === void 0 ? void 0 : enabledVCRevisions.byExperience)
+          }
+        })
+      });
+    } else {
+      config = newConfig;
+    }
+  } else {
+    config = newConfig;
+  }
 }
 function getConfig() {
   return config;
 }
+var isValidConfigArray = function isValidConfigArray(array) {
+  return Array.isArray(array) && array.length > 0;
+};
 function getEnabledVCRevisions() {
+  var experienceKey = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
   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];
+      var _config$vc2, _enabledVCRevisions$b;
+      var _ref2 = (_config$vc2 = config.vc) !== null && _config$vc2 !== void 0 ? _config$vc2 : {},
+        enabledVCRevisions = _ref2.enabledVCRevisions;
+      if (isValidConfigArray(enabledVCRevisions === null || enabledVCRevisions === void 0 || (_enabledVCRevisions$b = enabledVCRevisions.byExperience) === null || _enabledVCRevisions$b === void 0 ? void 0 : _enabledVCRevisions$b[experienceKey]) && (0, _platformFeatureFlags.fg)('platform_ufo_vc_enable_revisions_by_experience')) {
+        var _enabledVCRevisions$b2;
+        return (_enabledVCRevisions$b2 = enabledVCRevisions.byExperience) === null || _enabledVCRevisions$b2 === void 0 ? void 0 : _enabledVCRevisions$b2[experienceKey];
+      }
+      if (isValidConfigArray(enabledVCRevisions === null || enabledVCRevisions === void 0 ? void 0 : enabledVCRevisions.all)) {
+        return enabledVCRevisions.all;
+      }
+      return [DEFAULT_TTVC_REVISION];
     }
     return [];
   } catch (_unused) {
     return [];
   }
 }
-function isVCRevisionEnabled(revision) {
-  return getEnabledVCRevisions().includes(revision);
+function isVCRevisionEnabled(revision, experienceKey) {
+  return getEnabledVCRevisions(experienceKey).includes(revision);
+}
+function getMostRecentVCRevision() {
+  var experienceKey = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+  var enabledVCRevisions = getEnabledVCRevisions(experienceKey);
+  return enabledVCRevisions[enabledVCRevisions.length - 1];
 }
 function getInteractionRate(name, interactionKind) {
   try {

package/dist/cjs/create-experimental-interaction-metrics-payload/index.js

@@ -111,7 +111,8 @@ function _getExperimentalVCMetrics() {
             tti: (_interaction$apdex = interaction.apdex) === null || _interaction$apdex === void 0 || (_interaction$apdex = _interaction$apdex[0]) === null || _interaction$apdex === void 0 ? void 0 : _interaction$apdex.stopTime,
             isEventAborted: !!interaction.abortReason,
             prefix: prefix,
-            vc: interaction.vc
+            vc: interaction.vc,
+            experienceKey: interaction.ufoName
           });
         case 4:
           result = _context.sent;

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

@@ -23,7 +23,7 @@ function getVCMetrics(_x) {
 function _getVCMetrics() {
   _getVCMetrics = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(interaction) {
     var _config$vc, _config$vc$ssrWhiteli, _interaction$apdex, _config$experimentalI;
-    var config, interactionStatus, pageVisibilityUpToTTAI, isSSREnabled, ssr, tti, prefix, result, _result$ufoVcRev, ttvcV2Revision, VC;
+    var config, interactionStatus, pageVisibilityUpToTTAI, shouldReportVCMetrics, isSSREnabled, ssr, tti, prefix, result, _result$ufoVcRev, mostRecentVCRevision, mostRecentVCRevisionPayload, _result$ufoVcRev2, ttvcV2Revision, VC;
     return _regenerator.default.wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
@@ -42,13 +42,14 @@ function _getVCMetrics() {
         case 5:
           interactionStatus = (0, _getInteractionStatus.default)(interaction);
           pageVisibilityUpToTTAI = (0, _getPageVisibilityUpToTtai.default)(interaction);
-          if (!((interactionStatus.originalInteractionStatus !== 'SUCCEEDED' || pageVisibilityUpToTTAI !== 'visible') && (0, _platformFeatureFlags.fg)('platform_ufo_no_vc_on_aborted'))) {
-            _context.next = 10;
+          shouldReportVCMetrics = interactionStatus.originalInteractionStatus === 'SUCCEEDED' && pageVisibilityUpToTTAI === 'visible';
+          if (!(!shouldReportVCMetrics && (0, _platformFeatureFlags.fg)('platform_ufo_no_vc_on_aborted'))) {
+            _context.next = 11;
             break;
           }
-          (0, _vc.getVCObserver)().stop();
+          (0, _vc.getVCObserver)().stop(interaction.ufoName);
           return _context.abrupt("return", {});
-        case 10:
+        case 11:
           isSSREnabled = (config === null || config === void 0 ? void 0 : config.ssr) || (config === null || config === void 0 || (_config$vc$ssrWhiteli = config.vc.ssrWhitelist) === null || _config$vc$ssrWhiteli === void 0 ? void 0 : _config$vc$ssrWhiteli.includes(interaction.ufoName));
           ssr = interaction.type === 'page_load' && isSSREnabled ? {
             ssr: (0, _getSsrDoneTimeValue.default)(config)
@@ -56,56 +57,76 @@ function _getVCMetrics() {
           _interactionMetrics.postInteractionLog.setVCObserverSSRConfig(ssr);
           tti = (_interaction$apdex = interaction.apdex) === null || _interaction$apdex === void 0 || (_interaction$apdex = _interaction$apdex[0]) === null || _interaction$apdex === void 0 ? void 0 : _interaction$apdex.stopTime;
           prefix = 'ufo';
-          _context.next = 17;
+          _context.next = 18;
           return (0, _vc.getVCObserver)().getVCResult(_objectSpread({
             start: interaction.start,
             stop: interaction.end,
             tti: tti,
             prefix: prefix,
             vc: interaction.vc,
-            isEventAborted: interactionStatus.originalInteractionStatus !== 'SUCCEEDED'
+            isEventAborted: interactionStatus.originalInteractionStatus !== 'SUCCEEDED',
+            experienceKey: interaction.ufoName
           }, ssr));
-        case 17:
+        case 18:
           result = _context.sent;
           if ((_config$experimentalI = config.experimentalInteractionMetrics) !== null && _config$experimentalI !== void 0 && _config$experimentalI.enabled) {
-            (0, _vc.getVCObserver)().stop();
+            (0, _vc.getVCObserver)().stop(interaction.ufoName);
           }
           _interactionMetrics.postInteractionLog.setLastInteractionFinishVCResult(result);
-          if ((0, _config.isVCRevisionEnabled)('fy25.01')) {
-            _context.next = 27;
+          if (!(0, _platformFeatureFlags.fg)('platform_ufo_vc_enable_revisions_by_experience')) {
+            _context.next = 29;
             break;
           }
-          ttvcV2Revision = result === null || result === void 0 || (_result$ufoVcRev = result['ufo:vc:rev']) === null || _result$ufoVcRev === void 0 ? void 0 : _result$ufoVcRev.find(function (_ref) {
+          mostRecentVCRevision = (0, _config.getMostRecentVCRevision)(interaction.ufoName);
+          mostRecentVCRevisionPayload = result === null || result === void 0 || (_result$ufoVcRev = result['ufo:vc:rev']) === null || _result$ufoVcRev === void 0 ? void 0 : _result$ufoVcRev.find(function (_ref) {
             var revision = _ref.revision;
+            return revision === mostRecentVCRevision;
+          });
+          if (!(!shouldReportVCMetrics || !(mostRecentVCRevisionPayload !== null && mostRecentVCRevisionPayload !== void 0 && mostRecentVCRevisionPayload.clean))) {
+            _context.next = 26;
+            break;
+          }
+          return _context.abrupt("return", result);
+        case 26:
+          return _context.abrupt("return", _objectSpread(_objectSpread({}, result), {}, {
+            'metric:vc90': mostRecentVCRevisionPayload['metric:vc90']
+          }));
+        case 29:
+          if ((0, _config.isVCRevisionEnabled)('fy25.01')) {
+            _context.next = 36;
+            break;
+          }
+          ttvcV2Revision = result === null || result === void 0 || (_result$ufoVcRev2 = result['ufo:vc:rev']) === null || _result$ufoVcRev2 === void 0 ? void 0 : _result$ufoVcRev2.find(function (_ref2) {
+            var revision = _ref2.revision;
             return revision === 'fy25.02';
           });
           if (ttvcV2Revision !== null && ttvcV2Revision !== void 0 && ttvcV2Revision.clean) {
-            _context.next = 24;
+            _context.next = 33;
             break;
           }
           return _context.abrupt("return", result);
-        case 24:
+        case 33:
           return _context.abrupt("return", _objectSpread(_objectSpread({}, result), {}, {
             'metric:vc90': ttvcV2Revision['metric:vc90']
           }));
-        case 27:
+        case 36:
           VC = result === null || result === void 0 ? void 0 : result['metrics:vc'];
           if (!(!VC || !(result !== null && result !== void 0 && result["".concat(prefix, ":vc:clean")]))) {
-            _context.next = 30;
+            _context.next = 39;
             break;
           }
           return _context.abrupt("return", result);
-        case 30:
+        case 39:
           if (!(interactionStatus.originalInteractionStatus !== 'SUCCEEDED' || pageVisibilityUpToTTAI !== 'visible')) {
-            _context.next = 32;
+            _context.next = 41;
             break;
           }
           return _context.abrupt("return", result);
-        case 32:
+        case 41:
           return _context.abrupt("return", _objectSpread(_objectSpread({}, result), {}, {
             'metric:vc90': VC['90']
           }));
-        case 33:
+        case 42:
         case "end":
           return _context.stop();
       }

package/dist/cjs/create-post-interaction-log-payload/index.js

@@ -133,6 +133,17 @@ function createPostInteractionLogPayload(_ref2) {
   if (pageVisibilityState !== 'visible') {
     return null;
   }
+
+  // Align post-interaction-logs closer to UFO event behaviour,
+  // e.g. also check for aborted or failed events
+  if ((0, _platformFeatureFlags.fg)('platform_ufo_vc_align_revisions_on_watchdog_event')) {
+    if (lastInteractionFinish.abortReason) {
+      return null;
+    }
+    if (lastInteractionFinish.errors.length > 0) {
+      return null;
+    }
+  }
   var maxEndTimeFromProfiler = reactProfilerTimings ? Math.max.apply(Math, (0, _toConsumableArray2.default)(reactProfilerTimings.map(function (t) {
     return t.commitTime;
   }))) : lastInteractionFinish.end;

package/dist/cjs/interaction-metrics/index.js

@@ -843,7 +843,8 @@ function addNewInteraction(interactionId, ufoName, type, startTime, rate, labelS
   if (type === 'transition') {
     var _getConfig14;
     (0, _vc.getVCObserver)().start({
-      startTime: startTime
+      startTime: startTime,
+      experienceKey: ufoName
     });
     postInteractionLog.startVCObserver({
       startTime: startTime

package/dist/cjs/interaction-metrics/post-interaction-log.js

@@ -10,7 +10,9 @@ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _config = require("../config");
+var _vc = require("../vc");
 var _vcObserver = require("../vc/vc-observer");
 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) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -43,7 +45,11 @@ var PostInteractionLog = exports.default = /*#__PURE__*/function () {
   return (0, _createClass2.default)(PostInteractionLog, [{
     key: "initializeVCObserver",
     value: function initializeVCObserver(options) {
-      if (this.vcObserver === null) {
+      if ((0, _platformFeatureFlags.fg)('platform_ufo_vc_align_revisions_on_watchdog_event')) {
+        this.vcObserver = new _vc.VCObserverWrapper(_objectSpread(_objectSpread({}, options), {}, {
+          isPostInteraction: true
+        }));
+      } else if (this.vcObserver === null) {
         this.vcObserver = new _vcObserver.VCObserver(_objectSpread(_objectSpread({}, options), {}, {
           isPostInteraction: true
         }));
@@ -132,14 +138,16 @@ var PostInteractionLog = exports.default = /*#__PURE__*/function () {
               return _context.abrupt("return");
             case 4:
               _context.next = 6;
-              return (_this$vcObserver3 = this.vcObserver) === null || _this$vcObserver3 === void 0 ? void 0 : _this$vcObserver3.getVCResult(_objectSpread({
+              return (_this$vcObserver3 = this.vcObserver) === null || _this$vcObserver3 === void 0 ? void 0 : _this$vcObserver3.getVCResult(_objectSpread(_objectSpread({
                 start: this.lastInteractionFinish.start,
                 stop: performance.now(),
                 tti: -1,
                 // no need for TTI value here
                 isEventAborted: !!this.lastInteractionFinish.abortReason,
                 prefix: 'ufo'
-              }, this.vcObserverSSRConfig));
+              }, this.vcObserverSSRConfig), {}, {
+                experienceKey: this.lastInteractionFinish.ufoName
+              }));
             case 6:
               postInteractionFinishVCResult = _context.sent;
               if ((_getConfig2 = (0, _config.getConfig)()) !== null && _getConfig2 !== void 0 && (_getConfig2 = _getConfig2.experimentalInteractionMetrics) !== null && _getConfig2 !== void 0 && _getConfig2.enabled) {
@@ -184,7 +192,8 @@ var PostInteractionLog = exports.default = /*#__PURE__*/function () {
         routeName = _ref2.routeName,
         type = _ref2.type,
         experimentalTTAI = _ref2.experimentalTTAI,
-        experimentalVC90 = _ref2.experimentalVC90;
+        experimentalVC90 = _ref2.experimentalVC90,
+        errors = _ref2.errors;
       this.lastInteractionFinish = {
         ufoName: ufoName,
         start: start,
@@ -195,7 +204,8 @@ var PostInteractionLog = exports.default = /*#__PURE__*/function () {
         routeName: routeName,
         type: type,
         experimentalTTAI: experimentalTTAI,
-        experimentalVC90: experimentalVC90
+        experimentalVC90: experimentalVC90,
+        errors: errors
       };
       var timeout = ((_getConfig3 = (0, _config.getConfig)()) === null || _getConfig3 === void 0 ? void 0 : _getConfig3.timeWindowForLateMutationsInMilliseconds) || POST_INTERACTION_LOG_SEND_DEFAULT_TIMEOUT;
       this.sinkTimeoutId = window.setTimeout( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {

package/dist/cjs/vc/index.js

@@ -4,6 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.VCObserverWrapper = void 0;
 exports.getVCObserver = getVCObserver;
 exports.isEnvironmentSupported = isEnvironmentSupported;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
@@ -12,6 +13,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _config = require("../config");
 var _noOpVcObserver = require("./no-op-vc-observer");
 var _vcObserver = require("./vc-observer");
@@ -19,70 +21,157 @@ var _vcObserverNew = _interopRequireDefault(require("./vc-observer-new"));
 var _process;
 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) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var VCObserverWrapper = /*#__PURE__*/function () {
+var VCObserverWrapper = exports.VCObserverWrapper = /*#__PURE__*/function () {
   function VCObserverWrapper() {
     var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     (0, _classCallCheck2.default)(this, VCObserverWrapper);
     this.newVCObserver = null;
-    if ((0, _config.isVCRevisionEnabled)('fy25.03')) {
-      this.newVCObserver = new _vcObserverNew.default({
-        selectorConfig: opts.selectorConfig
-      });
+    if ((0, _platformFeatureFlags.fg)('platform_ufo_vc_enable_revisions_by_experience')) {
+      this.oldVCObserver = null;
+      if ((0, _config.isVCRevisionEnabled)('fy25.03')) {
+        this.newVCObserver = new _vcObserverNew.default({
+          selectorConfig: opts.selectorConfig
+        });
+      }
+      if ((0, _config.isVCRevisionEnabled)('fy25.01') || (0, _config.isVCRevisionEnabled)('fy25.02')) {
+        this.oldVCObserver = new _vcObserver.VCObserver(opts);
+      }
+    } else {
+      if ((0, _config.isVCRevisionEnabled)('fy25.03')) {
+        this.newVCObserver = new _vcObserverNew.default({
+          selectorConfig: opts.selectorConfig
+        });
+      }
+      this.oldVCObserver = new _vcObserver.VCObserver(opts);
     }
-    this.oldVCObserver = new _vcObserver.VCObserver(opts);
   }
   return (0, _createClass2.default)(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 ((0, _platformFeatureFlags.fg)('platform_ufo_vc_enable_revisions_by_experience')) {
+        if ((0, _config.isVCRevisionEnabled)('fy25.01', experienceKey) || (0, _config.isVCRevisionEnabled)('fy25.02', experienceKey)) {
+          var _this$oldVCObserver;
+          (_this$oldVCObserver = this.oldVCObserver) === null || _this$oldVCObserver === void 0 || _this$oldVCObserver.start({
+            startTime: startTime
+          });
+        }
+        if ((0, _config.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 ((0, _platformFeatureFlags.fg)('platform_ufo_vc_enable_revisions_by_experience')) {
+        if ((0, _config.isVCRevisionEnabled)('fy25.01', experienceKey) || (0, _config.isVCRevisionEnabled)('fy25.02', experienceKey)) {
+          var _this$oldVCObserver3;
+          (_this$oldVCObserver3 = this.oldVCObserver) === null || _this$oldVCObserver3 === void 0 || _this$oldVCObserver3.stop();
+        }
+        if ((0, _config.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 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.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 _regenerator.default.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 (!(0, _platformFeatureFlags.fg)('platform_ufo_vc_enable_revisions_by_experience')) {
+                _context.next = 23;
+                break;
+              }
+              experienceKey = param.experienceKey;
+              if (!((0, _config.isVCRevisionEnabled)('fy25.01', experienceKey) || (0, _config.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 (!(0, _config.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((0, _toConsumableArray2.default)((_ref2 = v1v2Result === null || v1v2Result === void 0 ? void 0 : v1v2Result['ufo:vc:rev']) !== null && _ref2 !== void 0 ? _ref2 : []), (0, _toConsumableArray2.default)(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((0, _toConsumableArray2.default)((_ref = oldResult === null || oldResult === void 0 ? void 0 : oldResult['ufo:vc:rev']) !== null && _ref !== void 0 ? _ref : []), (0, _toConsumableArray2.default)(newResult !== null && newResult !== void 0 ? newResult : []))
+                'ufo:vc:rev': [].concat((0, _toConsumableArray2.default)((_ref3 = oldResult === null || oldResult === void 0 ? void 0 : oldResult['ufo:vc:rev']) !== null && _ref3 !== void 0 ? _ref3 : []), (0, _toConsumableArray2.default)(newResult !== null && newResult !== void 0 ? newResult : []))
               }));
-            case 9:
+            case 32:
             case "end":
               return _context.stop();
           }
@@ -96,20 +185,20 @@ var VCObserverWrapper = /*#__PURE__*/function () {
   }, {
     key: "setSSRElement",
     value: function setSSRElement(element) {
-      var _this$oldVCObserver5;
-      (_this$oldVCObserver5 = this.oldVCObserver) === null || _this$oldVCObserver5 === void 0 || _this$oldVCObserver5.setSSRElement(element);
+      var _this$oldVCObserver8;
+      (_this$oldVCObserver8 = this.oldVCObserver) === null || _this$oldVCObserver8 === void 0 || _this$oldVCObserver8.setSSRElement(element);
     }
   }, {
     key: "setReactRootRenderStart",
     value: function setReactRootRenderStart(startTime) {
-      var _this$oldVCObserver6;
-      (_this$oldVCObserver6 = this.oldVCObserver) === null || _this$oldVCObserver6 === void 0 || _this$oldVCObserver6.setReactRootRenderStart(startTime || performance.now());
+      var _this$oldVCObserver9;
+      (_this$oldVCObserver9 = this.oldVCObserver) === null || _this$oldVCObserver9 === void 0 || _this$oldVCObserver9.setReactRootRenderStart(startTime || performance.now());
     }
   }, {
     key: "setReactRootRenderStop",
     value: function setReactRootRenderStop(stopTime) {
-      var _this$oldVCObserver7;
-      (_this$oldVCObserver7 = this.oldVCObserver) === null || _this$oldVCObserver7 === void 0 || _this$oldVCObserver7.setReactRootRenderStop(stopTime || performance.now());
+      var _this$oldVCObserver10;
+      (_this$oldVCObserver10 = this.oldVCObserver) === null || _this$oldVCObserver10 === void 0 || _this$oldVCObserver10.setReactRootRenderStop(stopTime || performance.now());
     }
   }]);
 }(); // Some products set this variable to indicate it is running in SSR