npm - @atlaskit/react-ufo - Versions diffs - 3.10.2 → 3.10.3 - Mend

@atlaskit/react-ufo 3.10.2 → 3.10.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (28) hide show

package/CHANGELOG.md CHANGED Viewed

@@ -1,5 +1,13 @@
 # @atlaskit/ufo-interaction-ignore
+## 3.10.3
+### Patch Changes
+- [#148578](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/148578)
+  [`d0ee548642b3e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d0ee548642b3e) -
+  Use `ufo:vc:rev` for late mutations post interaction log
 ## 3.10.2
 ### Patch Changes

package/dist/cjs/create-payload/utils/get-react-ufo-payload-version.js CHANGED Viewed

@@ -4,7 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getReactUFOPayloadVersion = getReactUFOPayloadVersion;
-function getReactUFOPayloadVersion(interactionType) {
+function getReactUFOPayloadVersion(interactionType, isPostInteractionLog) {
+  if (isPostInteractionLog) {
+    return '1.0.1';
+  }
   if (interactionType !== 'page_load' && interactionType !== 'transition') {
     return '1.0.1';
   }

package/dist/cjs/create-post-interaction-log-payload/get-late-mutations.js ADDED Viewed

@@ -0,0 +1,46 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+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; }
+function getLateMutations(vcDetails, lastInteractionFinish, postInteractionFinishVCRatios) {
+  // Map to track which elements are already seen for each timestamp
+  var seen = new Map();
+  var result = [];
+  for (var part in vcDetails) {
+    var details = vcDetails[part];
+    if (!(details !== null && details !== void 0 && details.t) || details.t <= lastInteractionFinish.end || !details.e) {
+      continue; // Skip if not late or no elements
+    }
+    if (!seen.has(details.t)) {
+      seen.set(details.t, new Set());
+    }
+    var seenElements = seen.get(details.t);
+    var _iterator = _createForOfIteratorHelper(details.e),
+      _step;
+    try {
+      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+        var element = _step.value;
+        if (seenElements.has(element)) {
+          continue;
+        }
+        seenElements.add(element);
+        result.push({
+          time: details.t,
+          element: element,
+          viewportHeatmapPercentage: postInteractionFinishVCRatios[element] || 0
+        });
+      }
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
+    }
+  }
+  return result;
+}
+var _default = exports.default = getLateMutations;

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

@@ -7,11 +7,13 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _coinflip = _interopRequireDefault(require("../coinflip"));
 var _config = require("../config");
 var _utils = require("../create-payload/common/utils");
 var _getReactUfoPayloadVersion = require("../create-payload/utils/get-react-ufo-payload-version");
 var _hiddenTiming = require("../hidden-timing");
+var _getLateMutations = _interopRequireDefault(require("./get-late-mutations"));
 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; }
 function getParentStack(labelStack) {
@@ -141,39 +143,72 @@ function createPostInteractionLogPayload(_ref2) {
   var lastInteractionFinishTTAI = Math.round(lastInteractionFinish.end - lastInteractionFinish.start);
   var lastInteractionFinishVC90 = null;
   var lastInteractionFinishVCClean = false;
-  if (lastInteractionFinishVCResult !== null && lastInteractionFinishVCResult !== void 0 && lastInteractionFinishVCResult['ufo:vc:state']) {
-    var _lastInteractionFinis;
-    lastInteractionFinishVCClean = true;
-    var lastInteractionFinishVCMetrics = lastInteractionFinishVCResult === null || lastInteractionFinishVCResult === void 0 ? void 0 : lastInteractionFinishVCResult['metrics:vc'];
-    lastInteractionFinishVC90 = (_lastInteractionFinis = lastInteractionFinishVCMetrics[90]) !== null && _lastInteractionFinis !== void 0 ? _lastInteractionFinis : null;
+  if ((0, _platformFeatureFlags.fg)('platform_ufo_post_interaction_use_vc_rev')) {
+    var lastInteractionFinishVCRev = lastInteractionFinishVCResult === null || lastInteractionFinishVCResult === void 0 ? void 0 : lastInteractionFinishVCResult['ufo:vc:rev'];
+    var lastInteractionFinishRevision = lastInteractionFinishVCRev === null || lastInteractionFinishVCRev === void 0 ? void 0 : lastInteractionFinishVCRev.find(function (_ref3) {
+      var revision = _ref3.revision;
+      return revision === 'fy25.02';
+    });
+    if (lastInteractionFinishRevision !== null && lastInteractionFinishRevision !== void 0 && lastInteractionFinishRevision.clean) {
+      var _lastInteractionFinis;
+      lastInteractionFinishVCClean = true;
+      lastInteractionFinishVC90 = (_lastInteractionFinis = lastInteractionFinishRevision['metric:vc90']) !== null && _lastInteractionFinis !== void 0 ? _lastInteractionFinis : null;
+    }
+  } else {
+    if (lastInteractionFinishVCResult !== null && lastInteractionFinishVCResult !== void 0 && lastInteractionFinishVCResult['ufo:vc:state']) {
+      var _lastInteractionFinis2;
+      lastInteractionFinishVCClean = true;
+      var lastInteractionFinishVCMetrics = lastInteractionFinishVCResult === null || lastInteractionFinishVCResult === void 0 ? void 0 : lastInteractionFinishVCResult['metrics:vc'];
+      lastInteractionFinishVC90 = (_lastInteractionFinis2 = lastInteractionFinishVCMetrics[90]) !== null && _lastInteractionFinis2 !== void 0 ? _lastInteractionFinis2 : null;
+    }
   }
   var postInteractionFinishVCRatios = {};
-  var revisedVC90 = null;
-  var postInteractionFinishVCUpdates = [];
   var postInteractionFinishVCClean = false;
-  if (postInteractionFinishVCResult !== null && postInteractionFinishVCResult !== void 0 && postInteractionFinishVCResult['ufo:vc:state']) {
-    postInteractionFinishVCClean = true;
-    postInteractionFinishVCRatios = postInteractionFinishVCResult === null || postInteractionFinishVCResult === void 0 ? void 0 : postInteractionFinishVCResult['ufo:vc:ratios'];
-    postInteractionFinishVCUpdates = postInteractionFinishVCResult === null || postInteractionFinishVCResult === void 0 ? void 0 : postInteractionFinishVCResult['ufo:vc:updates'];
-    var postInteractionFinishVCMetrics = postInteractionFinishVCResult === null || postInteractionFinishVCResult === void 0 ? void 0 : postInteractionFinishVCResult['metrics:vc'];
-    if (typeof lastInteractionFinishVC90 === 'number') {
-      var _postInteractionFinis;
-      revisedVC90 = (_postInteractionFinis = postInteractionFinishVCMetrics[90]) !== null && _postInteractionFinis !== void 0 ? _postInteractionFinis : null;
+  var revisedVC90 = null;
+  var lateMutations = [];
+  if ((0, _platformFeatureFlags.fg)('platform_ufo_post_interaction_use_vc_rev')) {
+    var postInteractionFinishVCRev = postInteractionFinishVCResult === null || postInteractionFinishVCResult === void 0 ? void 0 : postInteractionFinishVCResult['ufo:vc:rev'];
+    var postInteractionFinishRevision = postInteractionFinishVCRev === null || postInteractionFinishVCRev === void 0 ? void 0 : postInteractionFinishVCRev.find(function (_ref4) {
+      var revision = _ref4.revision;
+      return revision === 'fy25.02';
+    });
+    if (postInteractionFinishRevision !== null && postInteractionFinishRevision !== void 0 && postInteractionFinishRevision.clean) {
+      postInteractionFinishVCClean = true;
+      postInteractionFinishVCRatios = postInteractionFinishVCResult === null || postInteractionFinishVCResult === void 0 ? void 0 : postInteractionFinishVCResult['ufo:vc:ratios'];
+      if (typeof lastInteractionFinishVC90 === 'number') {
+        var _postInteractionFinis;
+        revisedVC90 = (_postInteractionFinis = postInteractionFinishRevision['metric:vc90']) !== null && _postInteractionFinis !== void 0 ? _postInteractionFinis : null;
+      }
+      var vcDetails = postInteractionFinishRevision.vcDetails;
+      if (vcDetails) {
+        lateMutations = (0, _getLateMutations.default)(vcDetails, lastInteractionFinish, postInteractionFinishVCRatios);
+      }
+    }
+  } else {
+    if (postInteractionFinishVCResult !== null && postInteractionFinishVCResult !== void 0 && postInteractionFinishVCResult['ufo:vc:state']) {
+      postInteractionFinishVCClean = true;
+      postInteractionFinishVCRatios = postInteractionFinishVCResult === null || postInteractionFinishVCResult === void 0 ? void 0 : postInteractionFinishVCResult['ufo:vc:ratios'];
+      var postInteractionFinishVCUpdates = postInteractionFinishVCResult === null || postInteractionFinishVCResult === void 0 ? void 0 : postInteractionFinishVCResult['ufo:vc:updates'];
+      var postInteractionFinishVCMetrics = postInteractionFinishVCResult === null || postInteractionFinishVCResult === void 0 ? void 0 : postInteractionFinishVCResult['metrics:vc'];
+      if (typeof lastInteractionFinishVC90 === 'number') {
+        var _postInteractionFinis2;
+        revisedVC90 = (_postInteractionFinis2 = postInteractionFinishVCMetrics[90]) !== null && _postInteractionFinis2 !== void 0 ? _postInteractionFinis2 : null;
+      }
+      lateMutations = postInteractionFinishVCUpdates ? postInteractionFinishVCUpdates.filter(function (entry) {
+        return entry.time > lastInteractionFinish.end;
+      }).flatMap(function (_ref5) {
+        var time = _ref5.time,
+          elements = _ref5.elements;
+        return Array.from(new Set(elements)).map(function (element) {
+          return {
+            time: time,
+            element: element,
+            viewportHeatmapPercentage: postInteractionFinishVCRatios[element]
+          };
+        });
+      }) : [];
     }
   }
-  var lateMutations = postInteractionFinishVCUpdates ? postInteractionFinishVCUpdates.filter(function (entry) {
-    return entry.time > lastInteractionFinish.end;
-  }).flatMap(function (_ref3) {
-    var time = _ref3.time,
-      elements = _ref3.elements;
-    return Array.from(new Set(elements)).map(function (element) {
-      return {
-        time: time,
-        element: element,
-        viewportHeatmapPercentage: postInteractionFinishVCRatios[element]
-      };
-    });
-  }) : [];
   return {
     actionSubject: 'experience',
     action: 'measured',
@@ -188,7 +223,7 @@ function createPostInteractionLogPayload(_ref2) {
         'event:schema': '1.0.0',
         'event:source': {
           name: 'react-ufo/web',
-          version: (0, _getReactUfoPayloadVersion.getReactUFOPayloadVersion)(lastInteractionFinish.type)
+          version: (0, _getReactUfoPayloadVersion.getReactUFOPayloadVersion)(lastInteractionFinish.type, true) // always 1.0.1 as `reactProfileTimings` has `labelStack` as an array
         },
         'event:region': config.region || 'unknown',
         'experience:key': 'custom.post-interaction-logs',

package/dist/cjs/create-post-interaction-log-payload/types.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ "use strict";

package/dist/cjs/vc/vc-observer/heatmap/heatmap.js CHANGED Viewed

@@ -127,9 +127,9 @@ var MultiRevisionHeatmap = exports.MultiRevisionHeatmap = /*#__PURE__*/function
         });
         return {
           revision: rev.name,
-          vcDetails: vcDetails,
           clean: args.clean,
-          'metric:vc90': args.clean && !args.isEventAborted && pageVisibilityUpToTTAI === 'visible' ? vcDetails === null || vcDetails === void 0 || (_vcDetails$ = vcDetails['90']) === null || _vcDetails$ === void 0 ? void 0 : _vcDetails$.t : null
+          'metric:vc90': args.clean && !args.isEventAborted && pageVisibilityUpToTTAI === 'visible' ? vcDetails === null || vcDetails === void 0 || (_vcDetails$ = vcDetails['90']) === null || _vcDetails$ === void 0 ? void 0 : _vcDetails$.t : null,
+          vcDetails: vcDetails
         };
       });
       return payload;

package/dist/cjs/vc/vc-observer-new/metric-calculator/abstract-base-vc-calculator.js CHANGED Viewed

@@ -78,9 +78,9 @@ var AbstractVCCalculatorBase = exports.default = /*#__PURE__*/function () {
               vcDetails = _context.sent;
               return _context.abrupt("return", {
                 revision: this.revisionNo,
-                vcDetails: vcDetails !== null && vcDetails !== void 0 ? vcDetails : undefined,
                 clean: true,
-                'metric:vc90': (_vcDetails$90$t = vcDetails === null || vcDetails === void 0 || (_vcDetails$ = vcDetails['90']) === null || _vcDetails$ === void 0 ? void 0 : _vcDetails$.t) !== null && _vcDetails$90$t !== void 0 ? _vcDetails$90$t : null
+                'metric:vc90': (_vcDetails$90$t = vcDetails === null || vcDetails === void 0 || (_vcDetails$ = vcDetails['90']) === null || _vcDetails$ === void 0 ? void 0 : _vcDetails$.t) !== null && _vcDetails$90$t !== void 0 ? _vcDetails$90$t : null,
+                vcDetails: vcDetails !== null && vcDetails !== void 0 ? vcDetails : undefined
               });
             case 15:
             case "end":

package/dist/es2019/create-payload/utils/get-react-ufo-payload-version.js CHANGED Viewed

@@ -1,4 +1,7 @@
-export function getReactUFOPayloadVersion(interactionType) {
+export function getReactUFOPayloadVersion(interactionType, isPostInteractionLog) {
+  if (isPostInteractionLog) {
+    return '1.0.1';
+  }
   if (interactionType !== 'page_load' && interactionType !== 'transition') {
     return '1.0.1';
   }

package/dist/es2019/create-post-interaction-log-payload/get-late-mutations.js ADDED Viewed

@@ -0,0 +1,28 @@
+function getLateMutations(vcDetails, lastInteractionFinish, postInteractionFinishVCRatios) {
+  // Map to track which elements are already seen for each timestamp
+  const seen = new Map();
+  const result = [];
+  for (const part in vcDetails) {
+    const details = vcDetails[part];
+    if (!(details !== null && details !== void 0 && details.t) || details.t <= lastInteractionFinish.end || !details.e) {
+      continue; // Skip if not late or no elements
+    }
+    if (!seen.has(details.t)) {
+      seen.set(details.t, new Set());
+    }
+    const seenElements = seen.get(details.t);
+    for (const element of details.e) {
+      if (seenElements.has(element)) {
+        continue;
+      }
+      seenElements.add(element);
+      result.push({
+        time: details.t,
+        element,
+        viewportHeatmapPercentage: postInteractionFinishVCRatios[element] || 0
+      });
+    }
+  }
+  return result;
+}
+export default getLateMutations;

package/dist/es2019/create-post-interaction-log-payload/index.js CHANGED Viewed

@@ -1,8 +1,10 @@
+import { fg } from '@atlaskit/platform-feature-flags';
 import coinflip from '../coinflip';
 import { getConfig, getPostInteractionRate } from '../config';
 import { isSegmentLabel, sanitizeUfoName } from '../create-payload/common/utils';
 import { getReactUFOPayloadVersion } from '../create-payload/utils/get-react-ufo-payload-version';
 import { getPageVisibilityState } from '../hidden-timing';
+import getLateMutations from './get-late-mutations';
 function getParentStack(labelStack) {
   if (!labelStack || labelStack.length <= 1) {
     return null;
@@ -126,34 +128,65 @@ function createPostInteractionLogPayload({
   const lastInteractionFinishTTAI = Math.round(lastInteractionFinish.end - lastInteractionFinish.start);
   let lastInteractionFinishVC90 = null;
   let lastInteractionFinishVCClean = false;
-  if (lastInteractionFinishVCResult !== null && lastInteractionFinishVCResult !== void 0 && lastInteractionFinishVCResult['ufo:vc:state']) {
-    var _lastInteractionFinis;
-    lastInteractionFinishVCClean = true;
-    const lastInteractionFinishVCMetrics = lastInteractionFinishVCResult === null || lastInteractionFinishVCResult === void 0 ? void 0 : lastInteractionFinishVCResult['metrics:vc'];
-    lastInteractionFinishVC90 = (_lastInteractionFinis = lastInteractionFinishVCMetrics[90]) !== null && _lastInteractionFinis !== void 0 ? _lastInteractionFinis : null;
+  if (fg('platform_ufo_post_interaction_use_vc_rev')) {
+    const lastInteractionFinishVCRev = lastInteractionFinishVCResult === null || lastInteractionFinishVCResult === void 0 ? void 0 : lastInteractionFinishVCResult['ufo:vc:rev'];
+    const lastInteractionFinishRevision = lastInteractionFinishVCRev === null || lastInteractionFinishVCRev === void 0 ? void 0 : lastInteractionFinishVCRev.find(({
+      revision
+    }) => revision === 'fy25.02');
+    if (lastInteractionFinishRevision !== null && lastInteractionFinishRevision !== void 0 && lastInteractionFinishRevision.clean) {
+      var _lastInteractionFinis;
+      lastInteractionFinishVCClean = true;
+      lastInteractionFinishVC90 = (_lastInteractionFinis = lastInteractionFinishRevision['metric:vc90']) !== null && _lastInteractionFinis !== void 0 ? _lastInteractionFinis : null;
+    }
+  } else {
+    if (lastInteractionFinishVCResult !== null && lastInteractionFinishVCResult !== void 0 && lastInteractionFinishVCResult['ufo:vc:state']) {
+      var _lastInteractionFinis2;
+      lastInteractionFinishVCClean = true;
+      const lastInteractionFinishVCMetrics = lastInteractionFinishVCResult === null || lastInteractionFinishVCResult === void 0 ? void 0 : lastInteractionFinishVCResult['metrics:vc'];
+      lastInteractionFinishVC90 = (_lastInteractionFinis2 = lastInteractionFinishVCMetrics[90]) !== null && _lastInteractionFinis2 !== void 0 ? _lastInteractionFinis2 : null;
+    }
   }
   let postInteractionFinishVCRatios = {};
-  let revisedVC90 = null;
-  let postInteractionFinishVCUpdates = [];
   let postInteractionFinishVCClean = false;
-  if (postInteractionFinishVCResult !== null && postInteractionFinishVCResult !== void 0 && postInteractionFinishVCResult['ufo:vc:state']) {
-    postInteractionFinishVCClean = true;
-    postInteractionFinishVCRatios = postInteractionFinishVCResult === null || postInteractionFinishVCResult === void 0 ? void 0 : postInteractionFinishVCResult['ufo:vc:ratios'];
-    postInteractionFinishVCUpdates = postInteractionFinishVCResult === null || postInteractionFinishVCResult === void 0 ? void 0 : postInteractionFinishVCResult['ufo:vc:updates'];
-    const postInteractionFinishVCMetrics = postInteractionFinishVCResult === null || postInteractionFinishVCResult === void 0 ? void 0 : postInteractionFinishVCResult['metrics:vc'];
-    if (typeof lastInteractionFinishVC90 === 'number') {
-      var _postInteractionFinis;
-      revisedVC90 = (_postInteractionFinis = postInteractionFinishVCMetrics[90]) !== null && _postInteractionFinis !== void 0 ? _postInteractionFinis : null;
+  let revisedVC90 = null;
+  let lateMutations = [];
+  if (fg('platform_ufo_post_interaction_use_vc_rev')) {
+    const postInteractionFinishVCRev = postInteractionFinishVCResult === null || postInteractionFinishVCResult === void 0 ? void 0 : postInteractionFinishVCResult['ufo:vc:rev'];
+    const postInteractionFinishRevision = postInteractionFinishVCRev === null || postInteractionFinishVCRev === void 0 ? void 0 : postInteractionFinishVCRev.find(({
+      revision
+    }) => revision === 'fy25.02');
+    if (postInteractionFinishRevision !== null && postInteractionFinishRevision !== void 0 && postInteractionFinishRevision.clean) {
+      postInteractionFinishVCClean = true;
+      postInteractionFinishVCRatios = postInteractionFinishVCResult === null || postInteractionFinishVCResult === void 0 ? void 0 : postInteractionFinishVCResult['ufo:vc:ratios'];
+      if (typeof lastInteractionFinishVC90 === 'number') {
+        var _postInteractionFinis;
+        revisedVC90 = (_postInteractionFinis = postInteractionFinishRevision['metric:vc90']) !== null && _postInteractionFinis !== void 0 ? _postInteractionFinis : null;
+      }
+      const vcDetails = postInteractionFinishRevision.vcDetails;
+      if (vcDetails) {
+        lateMutations = getLateMutations(vcDetails, lastInteractionFinish, postInteractionFinishVCRatios);
+      }
+    }
+  } else {
+    if (postInteractionFinishVCResult !== null && postInteractionFinishVCResult !== void 0 && postInteractionFinishVCResult['ufo:vc:state']) {
+      postInteractionFinishVCClean = true;
+      postInteractionFinishVCRatios = postInteractionFinishVCResult === null || postInteractionFinishVCResult === void 0 ? void 0 : postInteractionFinishVCResult['ufo:vc:ratios'];
+      const postInteractionFinishVCUpdates = postInteractionFinishVCResult === null || postInteractionFinishVCResult === void 0 ? void 0 : postInteractionFinishVCResult['ufo:vc:updates'];
+      const postInteractionFinishVCMetrics = postInteractionFinishVCResult === null || postInteractionFinishVCResult === void 0 ? void 0 : postInteractionFinishVCResult['metrics:vc'];
+      if (typeof lastInteractionFinishVC90 === 'number') {
+        var _postInteractionFinis2;
+        revisedVC90 = (_postInteractionFinis2 = postInteractionFinishVCMetrics[90]) !== null && _postInteractionFinis2 !== void 0 ? _postInteractionFinis2 : null;
+      }
+      lateMutations = postInteractionFinishVCUpdates ? postInteractionFinishVCUpdates.filter(entry => entry.time > lastInteractionFinish.end).flatMap(({
+        time,
+        elements
+      }) => Array.from(new Set(elements)).map(element => ({
+        time,
+        element,
+        viewportHeatmapPercentage: postInteractionFinishVCRatios[element]
+      }))) : [];
     }
   }
-  const lateMutations = postInteractionFinishVCUpdates ? postInteractionFinishVCUpdates.filter(entry => entry.time > lastInteractionFinish.end).flatMap(({
-    time,
-    elements
-  }) => Array.from(new Set(elements)).map(element => ({
-    time,
-    element,
-    viewportHeatmapPercentage: postInteractionFinishVCRatios[element]
-  }))) : [];
   return {
     actionSubject: 'experience',
     action: 'measured',
@@ -168,7 +201,7 @@ function createPostInteractionLogPayload({
         'event:schema': '1.0.0',
         'event:source': {
           name: 'react-ufo/web',
-          version: getReactUFOPayloadVersion(lastInteractionFinish.type)
+          version: getReactUFOPayloadVersion(lastInteractionFinish.type, true) // always 1.0.1 as `reactProfileTimings` has `labelStack` as an array
         },
         'event:region': config.region || 'unknown',
         'experience:key': 'custom.post-interaction-logs',

package/dist/es2019/create-post-interaction-log-payload/types.js ADDED Viewed

File without changes

package/dist/es2019/vc/vc-observer/heatmap/heatmap.js CHANGED Viewed

@@ -111,9 +111,9 @@ export class MultiRevisionHeatmap {
       });
       return {
         revision: rev.name,
-        vcDetails,
         clean: args.clean,
-        'metric:vc90': args.clean && !args.isEventAborted && pageVisibilityUpToTTAI === 'visible' ? vcDetails === null || vcDetails === void 0 ? void 0 : (_vcDetails$ = vcDetails['90']) === null || _vcDetails$ === void 0 ? void 0 : _vcDetails$.t : null
+        'metric:vc90': args.clean && !args.isEventAborted && pageVisibilityUpToTTAI === 'visible' ? vcDetails === null || vcDetails === void 0 ? void 0 : (_vcDetails$ = vcDetails['90']) === null || _vcDetails$ === void 0 ? void 0 : _vcDetails$.t : null,
+        vcDetails
       };
     });
     return payload;

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

@@ -50,9 +50,9 @@ export default class AbstractVCCalculatorBase {
     });
     return {
       revision: this.revisionNo,
-      vcDetails: vcDetails !== null && vcDetails !== void 0 ? vcDetails : undefined,
       clean: true,
-      'metric:vc90': (_vcDetails$90$t = vcDetails === null || vcDetails === void 0 ? void 0 : (_vcDetails$ = vcDetails['90']) === null || _vcDetails$ === void 0 ? void 0 : _vcDetails$.t) !== null && _vcDetails$90$t !== void 0 ? _vcDetails$90$t : null
+      'metric:vc90': (_vcDetails$90$t = vcDetails === null || vcDetails === void 0 ? void 0 : (_vcDetails$ = vcDetails['90']) === null || _vcDetails$ === void 0 ? void 0 : _vcDetails$.t) !== null && _vcDetails$90$t !== void 0 ? _vcDetails$90$t : null,
+      vcDetails: vcDetails !== null && vcDetails !== void 0 ? vcDetails : undefined
     };
   }
 }

package/dist/esm/create-payload/utils/get-react-ufo-payload-version.js CHANGED Viewed

@@ -1,4 +1,7 @@
-export function getReactUFOPayloadVersion(interactionType) {
+export function getReactUFOPayloadVersion(interactionType, isPostInteractionLog) {
+  if (isPostInteractionLog) {
+    return '1.0.1';
+  }
   if (interactionType !== 'page_load' && interactionType !== 'transition') {
     return '1.0.1';
   }

package/dist/esm/create-post-interaction-log-payload/get-late-mutations.js ADDED Viewed

@@ -0,0 +1,40 @@
+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; }
+function getLateMutations(vcDetails, lastInteractionFinish, postInteractionFinishVCRatios) {
+  // Map to track which elements are already seen for each timestamp
+  var seen = new Map();
+  var result = [];
+  for (var part in vcDetails) {
+    var details = vcDetails[part];
+    if (!(details !== null && details !== void 0 && details.t) || details.t <= lastInteractionFinish.end || !details.e) {
+      continue; // Skip if not late or no elements
+    }
+    if (!seen.has(details.t)) {
+      seen.set(details.t, new Set());
+    }
+    var seenElements = seen.get(details.t);
+    var _iterator = _createForOfIteratorHelper(details.e),
+      _step;
+    try {
+      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+        var element = _step.value;
+        if (seenElements.has(element)) {
+          continue;
+        }
+        seenElements.add(element);
+        result.push({
+          time: details.t,
+          element: element,
+          viewportHeatmapPercentage: postInteractionFinishVCRatios[element] || 0
+        });
+      }
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
+    }
+  }
+  return result;
+}
+export default getLateMutations;

package/dist/esm/create-post-interaction-log-payload/index.js CHANGED Viewed

@@ -2,11 +2,13 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 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 coinflip from '../coinflip';
 import { getConfig, getPostInteractionRate } from '../config';
 import { isSegmentLabel, sanitizeUfoName } from '../create-payload/common/utils';
 import { getReactUFOPayloadVersion } from '../create-payload/utils/get-react-ufo-payload-version';
 import { getPageVisibilityState } from '../hidden-timing';
+import getLateMutations from './get-late-mutations';
 function getParentStack(labelStack) {
   if (!labelStack || labelStack.length <= 1) {
     return null;
@@ -134,39 +136,72 @@ function createPostInteractionLogPayload(_ref2) {
   var lastInteractionFinishTTAI = Math.round(lastInteractionFinish.end - lastInteractionFinish.start);
   var lastInteractionFinishVC90 = null;
   var lastInteractionFinishVCClean = false;
-  if (lastInteractionFinishVCResult !== null && lastInteractionFinishVCResult !== void 0 && lastInteractionFinishVCResult['ufo:vc:state']) {
-    var _lastInteractionFinis;
-    lastInteractionFinishVCClean = true;
-    var lastInteractionFinishVCMetrics = lastInteractionFinishVCResult === null || lastInteractionFinishVCResult === void 0 ? void 0 : lastInteractionFinishVCResult['metrics:vc'];
-    lastInteractionFinishVC90 = (_lastInteractionFinis = lastInteractionFinishVCMetrics[90]) !== null && _lastInteractionFinis !== void 0 ? _lastInteractionFinis : null;
+  if (fg('platform_ufo_post_interaction_use_vc_rev')) {
+    var lastInteractionFinishVCRev = lastInteractionFinishVCResult === null || lastInteractionFinishVCResult === void 0 ? void 0 : lastInteractionFinishVCResult['ufo:vc:rev'];
+    var lastInteractionFinishRevision = lastInteractionFinishVCRev === null || lastInteractionFinishVCRev === void 0 ? void 0 : lastInteractionFinishVCRev.find(function (_ref3) {
+      var revision = _ref3.revision;
+      return revision === 'fy25.02';
+    });
+    if (lastInteractionFinishRevision !== null && lastInteractionFinishRevision !== void 0 && lastInteractionFinishRevision.clean) {
+      var _lastInteractionFinis;
+      lastInteractionFinishVCClean = true;
+      lastInteractionFinishVC90 = (_lastInteractionFinis = lastInteractionFinishRevision['metric:vc90']) !== null && _lastInteractionFinis !== void 0 ? _lastInteractionFinis : null;
+    }
+  } else {
+    if (lastInteractionFinishVCResult !== null && lastInteractionFinishVCResult !== void 0 && lastInteractionFinishVCResult['ufo:vc:state']) {
+      var _lastInteractionFinis2;
+      lastInteractionFinishVCClean = true;
+      var lastInteractionFinishVCMetrics = lastInteractionFinishVCResult === null || lastInteractionFinishVCResult === void 0 ? void 0 : lastInteractionFinishVCResult['metrics:vc'];
+      lastInteractionFinishVC90 = (_lastInteractionFinis2 = lastInteractionFinishVCMetrics[90]) !== null && _lastInteractionFinis2 !== void 0 ? _lastInteractionFinis2 : null;
+    }
   }
   var postInteractionFinishVCRatios = {};
-  var revisedVC90 = null;
-  var postInteractionFinishVCUpdates = [];
   var postInteractionFinishVCClean = false;
-  if (postInteractionFinishVCResult !== null && postInteractionFinishVCResult !== void 0 && postInteractionFinishVCResult['ufo:vc:state']) {
-    postInteractionFinishVCClean = true;
-    postInteractionFinishVCRatios = postInteractionFinishVCResult === null || postInteractionFinishVCResult === void 0 ? void 0 : postInteractionFinishVCResult['ufo:vc:ratios'];
-    postInteractionFinishVCUpdates = postInteractionFinishVCResult === null || postInteractionFinishVCResult === void 0 ? void 0 : postInteractionFinishVCResult['ufo:vc:updates'];
-    var postInteractionFinishVCMetrics = postInteractionFinishVCResult === null || postInteractionFinishVCResult === void 0 ? void 0 : postInteractionFinishVCResult['metrics:vc'];
-    if (typeof lastInteractionFinishVC90 === 'number') {
-      var _postInteractionFinis;
-      revisedVC90 = (_postInteractionFinis = postInteractionFinishVCMetrics[90]) !== null && _postInteractionFinis !== void 0 ? _postInteractionFinis : null;
+  var revisedVC90 = null;
+  var lateMutations = [];
+  if (fg('platform_ufo_post_interaction_use_vc_rev')) {
+    var postInteractionFinishVCRev = postInteractionFinishVCResult === null || postInteractionFinishVCResult === void 0 ? void 0 : postInteractionFinishVCResult['ufo:vc:rev'];
+    var postInteractionFinishRevision = postInteractionFinishVCRev === null || postInteractionFinishVCRev === void 0 ? void 0 : postInteractionFinishVCRev.find(function (_ref4) {
+      var revision = _ref4.revision;
+      return revision === 'fy25.02';
+    });
+    if (postInteractionFinishRevision !== null && postInteractionFinishRevision !== void 0 && postInteractionFinishRevision.clean) {
+      postInteractionFinishVCClean = true;
+      postInteractionFinishVCRatios = postInteractionFinishVCResult === null || postInteractionFinishVCResult === void 0 ? void 0 : postInteractionFinishVCResult['ufo:vc:ratios'];
+      if (typeof lastInteractionFinishVC90 === 'number') {
+        var _postInteractionFinis;
+        revisedVC90 = (_postInteractionFinis = postInteractionFinishRevision['metric:vc90']) !== null && _postInteractionFinis !== void 0 ? _postInteractionFinis : null;
+      }
+      var vcDetails = postInteractionFinishRevision.vcDetails;
+      if (vcDetails) {
+        lateMutations = getLateMutations(vcDetails, lastInteractionFinish, postInteractionFinishVCRatios);
+      }
+    }
+  } else {
+    if (postInteractionFinishVCResult !== null && postInteractionFinishVCResult !== void 0 && postInteractionFinishVCResult['ufo:vc:state']) {
+      postInteractionFinishVCClean = true;
+      postInteractionFinishVCRatios = postInteractionFinishVCResult === null || postInteractionFinishVCResult === void 0 ? void 0 : postInteractionFinishVCResult['ufo:vc:ratios'];
+      var postInteractionFinishVCUpdates = postInteractionFinishVCResult === null || postInteractionFinishVCResult === void 0 ? void 0 : postInteractionFinishVCResult['ufo:vc:updates'];
+      var postInteractionFinishVCMetrics = postInteractionFinishVCResult === null || postInteractionFinishVCResult === void 0 ? void 0 : postInteractionFinishVCResult['metrics:vc'];
+      if (typeof lastInteractionFinishVC90 === 'number') {
+        var _postInteractionFinis2;
+        revisedVC90 = (_postInteractionFinis2 = postInteractionFinishVCMetrics[90]) !== null && _postInteractionFinis2 !== void 0 ? _postInteractionFinis2 : null;
+      }
+      lateMutations = postInteractionFinishVCUpdates ? postInteractionFinishVCUpdates.filter(function (entry) {
+        return entry.time > lastInteractionFinish.end;
+      }).flatMap(function (_ref5) {
+        var time = _ref5.time,
+          elements = _ref5.elements;
+        return Array.from(new Set(elements)).map(function (element) {
+          return {
+            time: time,
+            element: element,
+            viewportHeatmapPercentage: postInteractionFinishVCRatios[element]
+          };
+        });
+      }) : [];
     }
   }
-  var lateMutations = postInteractionFinishVCUpdates ? postInteractionFinishVCUpdates.filter(function (entry) {
-    return entry.time > lastInteractionFinish.end;
-  }).flatMap(function (_ref3) {
-    var time = _ref3.time,
-      elements = _ref3.elements;
-    return Array.from(new Set(elements)).map(function (element) {
-      return {
-        time: time,
-        element: element,
-        viewportHeatmapPercentage: postInteractionFinishVCRatios[element]
-      };
-    });
-  }) : [];
   return {
     actionSubject: 'experience',
     action: 'measured',
@@ -181,7 +216,7 @@ function createPostInteractionLogPayload(_ref2) {
         'event:schema': '1.0.0',
         'event:source': {
           name: 'react-ufo/web',
-          version: getReactUFOPayloadVersion(lastInteractionFinish.type)
+          version: getReactUFOPayloadVersion(lastInteractionFinish.type, true) // always 1.0.1 as `reactProfileTimings` has `labelStack` as an array
         },
         'event:region': config.region || 'unknown',
         'experience:key': 'custom.post-interaction-logs',

package/dist/esm/create-post-interaction-log-payload/types.js ADDED Viewed

File without changes

package/dist/esm/vc/vc-observer/heatmap/heatmap.js CHANGED Viewed

@@ -120,9 +120,9 @@ export var MultiRevisionHeatmap = /*#__PURE__*/function () {
         });
         return {
           revision: rev.name,
-          vcDetails: vcDetails,
           clean: args.clean,
-          'metric:vc90': args.clean && !args.isEventAborted && pageVisibilityUpToTTAI === 'visible' ? vcDetails === null || vcDetails === void 0 || (_vcDetails$ = vcDetails['90']) === null || _vcDetails$ === void 0 ? void 0 : _vcDetails$.t : null
+          'metric:vc90': args.clean && !args.isEventAborted && pageVisibilityUpToTTAI === 'visible' ? vcDetails === null || vcDetails === void 0 || (_vcDetails$ = vcDetails['90']) === null || _vcDetails$ === void 0 ? void 0 : _vcDetails$.t : null,
+          vcDetails: vcDetails
         };
       });
       return payload;

package/dist/esm/vc/vc-observer-new/metric-calculator/abstract-base-vc-calculator.js CHANGED Viewed

@@ -71,9 +71,9 @@ var AbstractVCCalculatorBase = /*#__PURE__*/function () {
               vcDetails = _context.sent;
               return _context.abrupt("return", {
                 revision: this.revisionNo,
-                vcDetails: vcDetails !== null && vcDetails !== void 0 ? vcDetails : undefined,
                 clean: true,
-                'metric:vc90': (_vcDetails$90$t = vcDetails === null || vcDetails === void 0 || (_vcDetails$ = vcDetails['90']) === null || _vcDetails$ === void 0 ? void 0 : _vcDetails$.t) !== null && _vcDetails$90$t !== void 0 ? _vcDetails$90$t : null
+                'metric:vc90': (_vcDetails$90$t = vcDetails === null || vcDetails === void 0 || (_vcDetails$ = vcDetails['90']) === null || _vcDetails$ === void 0 ? void 0 : _vcDetails$.t) !== null && _vcDetails$90$t !== void 0 ? _vcDetails$90$t : null,
+                vcDetails: vcDetails !== null && vcDetails !== void 0 ? vcDetails : undefined
               });
             case 15:
             case "end":

package/dist/types/create-payload/utils/get-react-ufo-payload-version.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
 import type { InteractionType } from '../../interaction-metrics';
-export declare function getReactUFOPayloadVersion(interactionType: InteractionType): "1.0.1" | "2.0.0";
+export declare function getReactUFOPayloadVersion(interactionType: InteractionType, isPostInteractionLog?: boolean): "1.0.1" | "2.0.0";

package/dist/types/create-post-interaction-log-payload/get-late-mutations.d.ts ADDED Viewed

@@ -0,0 +1,5 @@
+import { LastInteractionFinishInfo } from '../common';
+import { RevisionPayloadVCDetails } from '../common/vc/types';
+import { LateMutation } from './types';
+declare function getLateMutations(vcDetails: RevisionPayloadVCDetails, lastInteractionFinish: LastInteractionFinishInfo, postInteractionFinishVCRatios: Record<string, number>): LateMutation[];
+export default getLateMutations;

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

@@ -1,4 +1,5 @@
 import { type PostInteractionLogOutput } from '../common';
+import { LateMutation } from './types';
 declare function createPostInteractionLogPayload({ lastInteractionFinish, reactProfilerTimings, lastInteractionFinishVCResult, postInteractionFinishVCResult, }: PostInteractionLogOutput): {
     actionSubject: string;
     action: string;
@@ -36,11 +37,7 @@ declare function createPostInteractionLogPayload({ lastInteractionFinish, reactP
                 revisedTtai: number;
                 revisedVC90: number | null;
                 vcClean: boolean;
-                lateMutations: {
-                    time: number;
-                    element: string;
-                    viewportHeatmapPercentage: number;
-                }[];
+                lateMutations: LateMutation[];
                 reactProfilerTimings: any[];
             };
         };

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

@@ -0,0 +1,5 @@
+export type LateMutation = {
+    time: number;
+    element: string;
+    viewportHeatmapPercentage: number;
+};

package/dist/types-ts4.5/create-payload/utils/get-react-ufo-payload-version.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
 import type { InteractionType } from '../../interaction-metrics';
-export declare function getReactUFOPayloadVersion(interactionType: InteractionType): "1.0.1" | "2.0.0";
+export declare function getReactUFOPayloadVersion(interactionType: InteractionType, isPostInteractionLog?: boolean): "1.0.1" | "2.0.0";

package/dist/types-ts4.5/create-post-interaction-log-payload/get-late-mutations.d.ts ADDED Viewed

@@ -0,0 +1,5 @@
+import { LastInteractionFinishInfo } from '../common';
+import { RevisionPayloadVCDetails } from '../common/vc/types';
+import { LateMutation } from './types';
+declare function getLateMutations(vcDetails: RevisionPayloadVCDetails, lastInteractionFinish: LastInteractionFinishInfo, postInteractionFinishVCRatios: Record<string, number>): LateMutation[];
+export default getLateMutations;

package/dist/types-ts4.5/create-post-interaction-log-payload/index.d.ts CHANGED Viewed

@@ -1,4 +1,5 @@
 import { type PostInteractionLogOutput } from '../common';
+import { LateMutation } from './types';
 declare function createPostInteractionLogPayload({ lastInteractionFinish, reactProfilerTimings, lastInteractionFinishVCResult, postInteractionFinishVCResult, }: PostInteractionLogOutput): {
     actionSubject: string;
     action: string;
@@ -36,11 +37,7 @@ declare function createPostInteractionLogPayload({ lastInteractionFinish, reactP
                 revisedTtai: number;
                 revisedVC90: number | null;
                 vcClean: boolean;
-                lateMutations: {
-                    time: number;
-                    element: string;
-                    viewportHeatmapPercentage: number;
-                }[];
+                lateMutations: LateMutation[];
                 reactProfilerTimings: any[];
             };
         };

package/dist/types-ts4.5/create-post-interaction-log-payload/types.d.ts ADDED Viewed

@@ -0,0 +1,5 @@
+export type LateMutation = {
+    time: number;
+    element: string;
+    viewportHeatmapPercentage: number;
+};

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/react-ufo",
-	"version": "3.10.2",
+	"version": "3.10.3",
 	"description": "Parts of React UFO that are publicly available",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -156,6 +156,9 @@
 		},
 		"platform_ufo_enable_events_observer": {
 			"type": "boolean"
+		},
+		"platform_ufo_post_interaction_use_vc_rev": {
+			"type": "boolean"
 		}
 	}
 }