@atlaskit/react-ufo 3.10.4 → 3.11.1

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

@@ -1,3 +1,4 @@
+import { fg } from '@atlaskit/platform-feature-flags';
 import { isVCRevisionEnabled } from '../../config';
 import { getPageVisibilityState } from '../../hidden-timing';
 import { getRevisions } from './revisions/revisions';
@@ -19,7 +20,7 @@ function createVCDetails(calculatedVC, shouldHaveVCmetric) {
 
   for (const key of VCParts) {
     details[key] = {
-      t: VC[key],
+      t: VC[key] || -1,
       e: VCBox[key] || READONLY_EMPTY_ARRAY
     };
   }
@@ -35,9 +36,14 @@ export function getVCRevisionsData({
   multiHeatmap,
   ssr,
   calculatedVC,
-  calculatedVCNext
+  calculatedVCNext,
+  experienceKey
 }) {
-  if (!isVCRevisionEnabled('fy25.03')) {
+  const 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;
     }
@@ -58,33 +64,54 @@ export function getVCRevisionsData({
       })
     };
   }
-
-  // Calculate these conditions once
   const pageVisibilityUpToTTAI = getPageVisibilityState(interaction.start, interaction.end);
   const isVisiblePageVisibleUpToTTAI = pageVisibilityUpToTTAI === 'visible';
   const shouldHaveVCmetric = isVCClean && !isEventAborted && isVisiblePageVisibleUpToTTAI;
+  if (fg('platform_ufo_vc_enable_revisions_by_experience')) {
+    const 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 {
+      [`${fullPrefix}vc:rev`]: availableVCRevisionPayloads
+    };
+  } else {
+    // Create the V2 revision object which is always needed
+    const ttvcV2Revision = {
+      revision: 'fy25.02',
+      clean: isVCClean,
+      'metric:vc90': shouldHaveVCmetric ? calculatedVCNext.VC['90'] : null,
+      vcDetails: createVCDetails(calculatedVCNext, shouldHaveVCmetric)
+    };
+    const isTTVCv1Disabled = !isVCRevisionEnabled('fy25.01');
+    if (isTTVCv1Disabled) {
+      return {
+        [`${fullPrefix}vc:rev`]: [ttvcV2Revision]
+      };
+    }
 
-  // Create the V2 revision object which is always needed
-  const ttvcV2Revision = {
-    revision: 'fy25.02',
-    clean: isVCClean,
-    'metric:vc90': shouldHaveVCmetric ? calculatedVCNext.VC['90'] : null,
-    vcDetails: createVCDetails(calculatedVCNext, shouldHaveVCmetric)
-  };
-  if (!isVCRevisionEnabled('fy25.01')) {
+    // Only create ttvcV1Revision when we're actually going to use it
+    const ttvcV1Revision = {
+      revision: 'fy25.01',
+      clean: isVCClean,
+      'metric:vc90': shouldHaveVCmetric ? calculatedVC.VC['90'] : null,
+      vcDetails: createVCDetails(calculatedVC, shouldHaveVCmetric)
+    };
     return {
-      [`${fullPrefix}vc:rev`]: [ttvcV2Revision]
+      [`${fullPrefix}vc:rev`]: [ttvcV1Revision, ttvcV2Revision]
     };
   }
-
-  // Only create ttvcV1Revision when we're actually going to use it
-  const ttvcV1Revision = {
-    revision: 'fy25.01',
-    clean: isVCClean,
-    'metric:vc90': shouldHaveVCmetric ? calculatedVC.VC['90'] : null,
-    vcDetails: createVCDetails(calculatedVC, shouldHaveVCmetric)
-  };
-  return {
-    [`${fullPrefix}vc:rev`]: [ttvcV1Revision, ttvcV2Revision]
-  };
 }

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

@@ -1,6 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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';
@@ -94,7 +95,8 @@ export class VCObserver {
       prefix,
       ssr,
       vc,
-      isEventAborted
+      isEventAborted,
+      experienceKey
     }) => {
       const startTime = performance.now();
       // add local measurement
@@ -116,7 +118,7 @@ export class VCObserver {
         ratios,
         multiHeatmap
       } = rawData;
-      const isTTVCv1Disabled = !isVCRevisionEnabled('fy25.01');
+      const 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
@@ -318,7 +320,8 @@ export class VCObserver {
           VC: vcNext.VC,
           VCBox: vcNext.VCBox
         },
-        isEventAborted
+        isEventAborted,
+        experienceKey
       });
       const speedIndex = {
         [`ufo:speedIndex`]: isTTVCv1Disabled ? vcNext.VCEntries.speedIndex : VCEntries.speedIndex,
@@ -335,7 +338,7 @@ export class VCObserver {
           ...speedIndex
         };
       }
-      const isTTVCv3Enabled = isVCRevisionEnabled('fy25.03');
+      const isTTVCv3Enabled = fg('platform_ufo_vc_enable_revisions_by_experience') ? isVCRevisionEnabled('fy25.03', experienceKey) : isVCRevisionEnabled('fy25.03');
       return {
         'metrics:vc': VC,
         [`${fullPrefix}vc:state`]: true,
@@ -360,7 +363,12 @@ export class VCObserver {
     _defineProperty(this, "handleUpdate", (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')) {
+      let isTTVCv3Disabled = !isVCRevisionEnabled('fy25.03');
+      if (fg('platform_ufo_vc_enable_revisions_by_experience')) {
+        const interaction = getActiveInteraction();
+        isTTVCv3Disabled = !isVCRevisionEnabled('fy25.03', interaction === null || interaction === void 0 ? void 0 : interaction.ufoName);
+      }
+      if (isTTVCv3Disabled) {
         this.onViewportChangeDetected({
           timestamp: rawTime,
           intersectionRect,
@@ -383,7 +391,11 @@ export class VCObserver {
         if (!ignoreReason) {
           this.applyChangesToHeatMap(mappedValues, time, this.heatmapNext);
         }
-        const isTTVCv1Disabled = !isVCRevisionEnabled('fy25.01');
+        let isTTVCv1Disabled = !isVCRevisionEnabled('fy25.01');
+        if (fg('platform_ufo_vc_enable_revisions_by_experience')) {
+          const 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/esm/config/index.js

@@ -1,3 +1,9 @@
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _typeof from "@babel/runtime/helpers/typeof";
+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';
 var config;
 var DEFAULT_TTVC_REVISION = 'fy25.02';
 
@@ -5,28 +11,66 @@ var DEFAULT_TTVC_REVISION = 'fy25.02';
 // and they could delete empty members
 
 export function setUFOConfig(newConfig) {
-  config = newConfig;
+  if (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 (_typeof(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(_toConsumableArray(enabledVCRevisions === null || enabledVCRevisions === void 0 ? void 0 : enabledVCRevisions.all), _toConsumableArray(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;
+  }
 }
 export function getConfig() {
   return config;
 }
+var isValidConfigArray = function isValidConfigArray(array) {
+  return Array.isArray(array) && array.length > 0;
+};
 export 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]) && 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 [];
   }
 }
-export function isVCRevisionEnabled(revision) {
-  return getEnabledVCRevisions().includes(revision);
+export function isVCRevisionEnabled(revision, experienceKey) {
+  return getEnabledVCRevisions(experienceKey).includes(revision);
+}
+export function getMostRecentVCRevision() {
+  var experienceKey = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+  var enabledVCRevisions = getEnabledVCRevisions(experienceKey);
+  return enabledVCRevisions[enabledVCRevisions.length - 1];
 }
 export function getInteractionRate(name, interactionKind) {
   try {

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

@@ -100,7 +100,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/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, isVCRevisionEnabled } from '../../config';
+import { getConfig, getMostRecentVCRevision, isVCRevisionEnabled } from '../../config';
 import { postInteractionLog } from '../../interaction-metrics';
 import { getVCObserver } from '../../vc';
 import getInteractionStatus from './get-interaction-status';
@@ -16,7 +16,7 @@ function getVCMetrics(_x) {
 function _getVCMetrics() {
   _getVCMetrics = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.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 _regeneratorRuntime.wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
@@ -35,13 +35,14 @@ function _getVCMetrics() {
         case 5:
           interactionStatus = getInteractionStatus(interaction);
           pageVisibilityUpToTTAI = getPageVisibilityUpToTTAI(interaction);
-          if (!((interactionStatus.originalInteractionStatus !== 'SUCCEEDED' || pageVisibilityUpToTTAI !== 'visible') && fg('platform_ufo_no_vc_on_aborted'))) {
-            _context.next = 10;
+          shouldReportVCMetrics = interactionStatus.originalInteractionStatus === 'SUCCEEDED' && pageVisibilityUpToTTAI === 'visible';
+          if (!(!shouldReportVCMetrics && fg('platform_ufo_no_vc_on_aborted'))) {
+            _context.next = 11;
             break;
           }
-          getVCObserver().stop();
+          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: getSSRDoneTimeValue(config)
@@ -49,56 +50,76 @@ function _getVCMetrics() {
           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 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) {
-            getVCObserver().stop();
+            getVCObserver().stop(interaction.ufoName);
           }
           postInteractionLog.setLastInteractionFinishVCResult(result);
-          if (isVCRevisionEnabled('fy25.01')) {
-            _context.next = 27;
+          if (!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 = 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 (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/esm/create-post-interaction-log-payload/index.js

@@ -126,6 +126,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 (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, _toConsumableArray(reactProfilerTimings.map(function (t) {
     return t.commitTime;
   }))) : lastInteractionFinish.end;

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

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

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

@@ -5,7 +5,9 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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 { VCObserverWrapper } from '../vc';
 import { VCObserver } from '../vc/vc-observer';
 var POST_INTERACTION_LOG_SEND_DEFAULT_TIMEOUT = 3000;
 var PostInteractionLog = /*#__PURE__*/function () {
@@ -36,7 +38,11 @@ var PostInteractionLog = /*#__PURE__*/function () {
   return _createClass(PostInteractionLog, [{
     key: "initializeVCObserver",
     value: function initializeVCObserver(options) {
-      if (this.vcObserver === null) {
+      if (fg('platform_ufo_vc_align_revisions_on_watchdog_event')) {
+        this.vcObserver = new VCObserverWrapper(_objectSpread(_objectSpread({}, options), {}, {
+          isPostInteraction: true
+        }));
+      } else if (this.vcObserver === null) {
         this.vcObserver = new VCObserver(_objectSpread(_objectSpread({}, options), {}, {
           isPostInteraction: true
         }));
@@ -125,14 +131,16 @@ var PostInteractionLog = /*#__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 = getConfig()) !== null && _getConfig2 !== void 0 && (_getConfig2 = _getConfig2.experimentalInteractionMetrics) !== null && _getConfig2 !== void 0 && _getConfig2.enabled) {
@@ -177,7 +185,8 @@ var PostInteractionLog = /*#__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,
@@ -188,7 +197,8 @@ var PostInteractionLog = /*#__PURE__*/function () {
         routeName: routeName,
         type: type,
         experimentalTTAI: experimentalTTAI,
-        experimentalVC90: experimentalVC90
+        experimentalVC90: experimentalVC90,
+        errors: errors
       };
       var timeout = ((_getConfig3 = getConfig()) === null || _getConfig3 === void 0 ? void 0 : _getConfig3.timeWindowForLateMutationsInMilliseconds) || POST_INTERACTION_LOG_SEND_DEFAULT_TIMEOUT;
       this.sinkTimeoutId = window.setTimeout( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {