@atlaskit/react-ufo 4.4.3 → 4.4.5

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

@@ -0,0 +1,89 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+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 _vc = require("../vc");
+var _constants = require("./common/constants");
+var _index = require("./index");
+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 InteractionExtraMetrics = exports.default = /*#__PURE__*/function () {
+  function InteractionExtraMetrics() {
+    (0, _classCallCheck2.default)(this, InteractionExtraMetrics);
+    // Store the finished interaction ID (as non-3p interaction)
+    (0, _defineProperty2.default)(this, "finishedInteractionId", null);
+    // independent VC observer, that observes until `custom.post-interaction-logs` event is sent
+    (0, _defineProperty2.default)(this, "vcObserver", null);
+    (0, _defineProperty2.default)(this, "sinkHandlerFn", function () {});
+  }
+  return (0, _createClass2.default)(InteractionExtraMetrics, [{
+    key: "initializeVCObserver",
+    value: function initializeVCObserver(options) {
+      this.vcObserver = new _vc.VCObserverWrapper(_objectSpread(_objectSpread({}, options), {}, {
+        isPostInteraction: true
+      }));
+    }
+  }, {
+    key: "startVCObserver",
+    value: function startVCObserver(_ref, interactionId) {
+      var startTime = _ref.startTime;
+      if (this.eligibleToMeasure(interactionId)) {
+        var _this$vcObserver;
+        (_this$vcObserver = this.vcObserver) === null || _this$vcObserver === void 0 || _this$vcObserver.start({
+          startTime: startTime
+        });
+      }
+    }
+  }, {
+    key: "stopVCObserver",
+    value: function stopVCObserver() {
+      var _this$vcObserver2;
+      (_this$vcObserver2 = this.vcObserver) === null || _this$vcObserver2 === void 0 || _this$vcObserver2.stop();
+    }
+
+    // Check if the current interaction is eligible for measurement
+  }, {
+    key: "eligibleToMeasure",
+    value: function eligibleToMeasure(interactionId) {
+      var interaction = _constants.interactions.get(interactionId);
+      return (interaction === null || interaction === void 0 ? void 0 : interaction.type) === 'page_load' || (interaction === null || interaction === void 0 ? void 0 : interaction.type) === 'transition';
+    }
+  }, {
+    key: "updateFinishedInteractionId",
+    value: function updateFinishedInteractionId(interactionId) {
+      if (this.eligibleToMeasure(interactionId)) {
+        this.finishedInteractionId = interactionId;
+      }
+    }
+  }, {
+    key: "sinkHandler",
+    value: function sinkHandler(fn) {
+      this.sinkHandlerFn = fn;
+    }
+  }, {
+    key: "onInteractionComplete",
+    value: function onInteractionComplete(id, data) {
+      if (data.ufoName) {
+        var _this$vcObserver3;
+        var updatedData = _objectSpread(_objectSpread({}, data), {}, {
+          vcObserver: (_this$vcObserver3 = this.vcObserver) !== null && _this$vcObserver3 !== void 0 ? _this$vcObserver3 : undefined
+        });
+        this.sinkHandlerFn(id, updatedData);
+      }
+      this.stopVCObserver();
+      (0, _index.remove)(id);
+      this.reset();
+    }
+  }, {
+    key: "reset",
+    value: function reset() {
+      this.finishedInteractionId = null;
+    }
+  }]);
+}();

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

@@ -1,12 +1,14 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.init = init;
-var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _additionalPayload = require("../additional-payload");
 var _config = require("../config");
@@ -16,7 +18,7 @@ var _interactionMetrics = require("../interaction-metrics");
 var _interactionsPerformanceObserver = require("../interactions-performance-observer");
 var _machineUtilisation = require("../machine-utilisation");
 var _scheduleIdleCallback = _interopRequireDefault(require("./schedule-idle-callback"));
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != (0, _typeof2.default)(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var initialized = false;
 function sinkInteraction(instance, payloadPackage) {
   function sinkFn(interactionId, interaction) {
@@ -78,6 +80,36 @@ function sinkPostInteractionLog(instance, createPostInteractionLogPayload) {
     });
   });
 }
+function sinkInteractionExtraMetrics(instance, createInteractionExtraLogPayload) {
+  _interactionMetrics.interactionExtraMetrics.sinkHandler(function (interactionId, interaction) {
+    (0, _scheduleIdleCallback.default)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
+      var payload, devToolObserver;
+      return _regenerator.default.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.next = 2;
+            return createInteractionExtraLogPayload(interactionId, interaction);
+          case 2:
+            payload = _context.sent;
+            if (payload) {
+              // NOTE: This API is used by the UFO DevTool Chrome Extension and also by Criterion
+              // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
+              if ((0, _platformFeatureFlags.fg)('enable_ufo_devtools_api_for_extra_events')) {
+                devToolObserver = globalThis.__ufo_devtool_onUfoPayload;
+                if (typeof devToolObserver === 'function') {
+                  devToolObserver === null || devToolObserver === void 0 || devToolObserver(payload);
+                }
+              }
+              instance.sendOperationalEvent(payload);
+            }
+          case 4:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    })));
+  });
+}
 function init(analyticsWebClientAsync, config) {
   var _config$vc;
   if (initialized) {
@@ -103,6 +135,9 @@ function init(analyticsWebClientAsync, config) {
         startTime: 0
       });
     }
+    if ((0, _platformFeatureFlags.fg)('platform_ufo_enable_ttai_with_3p')) {
+      _interactionMetrics.interactionExtraMetrics.initializeVCObserver(vcOptions);
+    }
   }
   (0, _hiddenTiming.setupHiddenTimingCapture)();
   (0, _additionalPayload.startLighthouseObserver)();
@@ -119,11 +154,14 @@ function init(analyticsWebClientAsync, config) {
     return _interopRequireWildcard(require( /* webpackChunkName: "create-payloads" */'../create-payload'));
   }), Promise.resolve().then(function () {
     return _interopRequireWildcard(require( /* webpackChunkName: "create-post-interaction-log-payload" */'../create-post-interaction-log-payload'));
-  })]).then(function (_ref) {
-    var _ref2 = (0, _slicedToArray2.default)(_ref, 3),
-      awc = _ref2[0],
-      payloadPackage = _ref2[1],
-      createPostInteractionLogPayloadPackage = _ref2[2];
+  }), Promise.resolve().then(function () {
+    return _interopRequireWildcard(require( /* webpackChunkName: "create-interaction-extra-metrics-payload" */'../create-interaction-extra-metrics-payload'));
+  })]).then(function (_ref2) {
+    var _ref3 = (0, _slicedToArray2.default)(_ref2, 4),
+      awc = _ref3[0],
+      payloadPackage = _ref3[1],
+      createPostInteractionLogPayloadPackage = _ref3[2],
+      createInteractionExtraMetricsPayloadPackage = _ref3[3];
     if (awc.getAnalyticsWebClientPromise) {
       awc.getAnalyticsWebClientPromise().then(function (client) {
         var _config$experimentalI2, _config$postInteracti;
@@ -135,6 +173,9 @@ function init(analyticsWebClientAsync, config) {
         if ((_config$postInteracti = config.postInteractionLog) !== null && _config$postInteracti !== void 0 && _config$postInteracti.enabled) {
           sinkPostInteractionLog(instance, createPostInteractionLogPayloadPackage.default);
         }
+        if ((0, _platformFeatureFlags.fg)('platform_ufo_enable_ttai_with_3p')) {
+          sinkInteractionExtraMetrics(instance, createInteractionExtraMetricsPayloadPackage.default);
+        }
       });
     } else if (awc.sendOperationalEvent) {
       var _config$experimentalI3, _config$postInteracti2;
@@ -145,6 +186,9 @@ function init(analyticsWebClientAsync, config) {
       if ((_config$postInteracti2 = config.postInteractionLog) !== null && _config$postInteracti2 !== void 0 && _config$postInteracti2.enabled) {
         sinkPostInteractionLog(awc, createPostInteractionLogPayloadPackage.default);
       }
+      if ((0, _platformFeatureFlags.fg)('platform_ufo_enable_ttai_with_3p')) {
+        sinkInteractionExtraMetrics(awc, createInteractionExtraMetricsPayloadPackage.default);
+      }
     }
   });
 }

package/dist/cjs/segment/third-party-segment.js

@@ -15,7 +15,9 @@ var _excluded = ["children"];
 function UFOThirdPartySegment(props) {
   var children = props.children,
     otherProps = (0, _objectWithoutProperties2.default)(props, _excluded);
-  return /*#__PURE__*/_react.default.createElement(_segment.default, (0, _extends2.default)({
+  return (0, _platformFeatureFlags.fg)('platform_ufo_enable_ttai_with_3p') ? /*#__PURE__*/_react.default.createElement(_segment.default, (0, _extends2.default)({
+    type: "third-party"
+  }, otherProps), children) : /*#__PURE__*/_react.default.createElement(_segment.default, (0, _extends2.default)({
     type: "third-party"
   }, otherProps), /*#__PURE__*/_react.default.createElement(_ignoreHolds.default, {
     ignore: (0, _platformFeatureFlags.fg)('platform_ufo_exclude_3p_elements_from_ttai'),

package/dist/cjs/ssr/index.js

@@ -12,9 +12,10 @@ exports.getSSRSuccess = getSSRSuccess;
 exports.getSSRTimings = getSSRTimings;
 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 NESTED_METRIC_SEPARATOR = '/';
 function filterEntry(entry) {
   return !(!entry || (0, _typeof2.default)(entry) !== 'object' || entry.startTime < 0 || entry.duration < 0);
@@ -23,7 +24,7 @@ function mapEntry(entry) {
   return _objectSpread({
     startTime: Math.round(entry.startTime),
     duration: Math.round(entry.duration)
-  }, entry.size && (0, _platformFeatureFlags.fg)('platform_ufo_ssr_size_field') ? {
+  }, entry.size ? {
     size: Math.round(entry.size)
   } : {});
 }

package/dist/cjs/vc/index.js

@@ -122,11 +122,11 @@ var VCObserverWrapper = exports.VCObserverWrapper = /*#__PURE__*/function () {
     value: function () {
       var _getVCResult = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(param) {
         var _this$oldVCObserver4, _this$newVCObserver3, _ref2;
-        var experienceKey, v1v2Result, v3Result;
+        var experienceKey, include3p, v1v2Result, v3Result;
         return _regenerator.default.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
-              experienceKey = param.experienceKey;
+              experienceKey = param.experienceKey, include3p = param.include3p;
               if (!((0, _config.isVCRevisionEnabled)('fy25.01', experienceKey) || (0, _config.isVCRevisionEnabled)('fy25.02', experienceKey))) {
                 _context.next = 7;
                 break;
@@ -150,7 +150,8 @@ var VCObserverWrapper = exports.VCObserverWrapper = /*#__PURE__*/function () {
                 start: param.start,
                 stop: param.stop,
                 interactionId: param.interactionId,
-                ssr: param.includeSSRInV3 ? param.ssr : undefined
+                ssr: param.includeSSRInV3 ? param.ssr : undefined,
+                include3p: include3p
               });
             case 12:
               _context.t1 = _context.sent;

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

@@ -103,7 +103,7 @@ var VCObserver = exports.VCObserver = /*#__PURE__*/function () {
     });
     (0, _defineProperty2.default)(this, "getVCResult", /*#__PURE__*/function () {
       var _ref4 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(_ref3) {
-        var start, stop, tti, prefix, ssr, vc, isEventAborted, experienceKey, interactionId, includeSSRRatio, startTime, fullPrefix, rawData, abortReason, abortReasonInfo, heatmap, heatmapNext, outOfBoundaryInfo, totalTime, componentsLog, viewport, devToolsEnabled, ratios, isTTVCv1Disabled, vcAbortedResultWithRevisions, ttvcV1Result, VC, VCBox, VCEntries, totalPainted, _componentsLog, vcNext, outOfBoundary, stopTime, ttvcV1DevToolInfo, ttvcV2DevToolInfo, shouldCreateDebugDetails, v1RevisionDebugDetails, v2RevisionDebugDetails, _window$__ufo_devtool2, _window2, _window$__ufo_devtool, _window, _window$__on_ufo_vc_d2, _window4, _window$__on_ufo_vc_d, _window3, isVCClean, revisionsData, speedIndex, SSRRatio, SSRRatioNext, SSRRatioPayload, isTTVCv3Enabled;
+        var start, stop, tti, prefix, ssr, vc, isEventAborted, experienceKey, interactionId, includeSSRRatio, startTime, fullPrefix, rawData, abortReason, abortReasonInfo, heatmap, heatmapNext, outOfBoundaryInfo, totalTime, componentsLog, viewport, devToolsEnabled, ratios, isTTVCv1Disabled, vcAbortedResultWithRevisions, _vcAbortedResultWithRevisions, ttvcV1Result, VC, VCBox, VCEntries, totalPainted, _componentsLog, vcNext, outOfBoundary, stopTime, ttvcV1DevToolInfo, ttvcV2DevToolInfo, shouldCreateDebugDetails, v1RevisionDebugDetails, v2RevisionDebugDetails, _window$__ufo_devtool2, _window2, _window$__ufo_devtool, _window, _window$__on_ufo_vc_d2, _window4, _window$__on_ufo_vc_d, _window3, isVCClean, revisionsData, speedIndex, SSRRatio, SSRRatioNext, SSRRatioPayload, isTTVCv3Enabled;
         return _regenerator.default.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
@@ -120,7 +120,7 @@ var VCObserver = exports.VCObserver = /*#__PURE__*/function () {
               abortReason = rawData.abortReason, abortReasonInfo = rawData.abortReasonInfo, heatmap = rawData.heatmap, heatmapNext = rawData.heatmapNext, outOfBoundaryInfo = rawData.outOfBoundaryInfo, totalTime = rawData.totalTime, componentsLog = rawData.componentsLog, viewport = rawData.viewport, devToolsEnabled = rawData.devToolsEnabled, ratios = rawData.ratios;
               isTTVCv1Disabled = !(0, _config.isVCRevisionEnabled)('fy25.01', experienceKey);
               if (!(abortReasonInfo !== null)) {
-                _context.next = 13;
+                _context.next = 19;
                 break;
               }
               // exposing data to devtools
@@ -129,22 +129,44 @@ var VCObserver = exports.VCObserver = /*#__PURE__*/function () {
                   window.__vcNotAvailableReason = abortReasonInfo;
                 }
               } catch (e) {}
-              vcAbortedResultWithRevisions = (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, "".concat(fullPrefix, "vc:state"), false), "".concat(fullPrefix, "vc:abort:reason"), abortReason.reason), "".concat(fullPrefix, "vc:abort:timestamp"), abortReason.timestamp), "".concat(fullPrefix, "vc:rev"), [{
+              if (!(0, _platformFeatureFlags.fg)('platform_ufo_abort_timestamp_by_revision')) {
+                _context.next = 16;
+                break;
+              }
+              vcAbortedResultWithRevisions = (0, _defineProperty2.default)({}, "".concat(fullPrefix, "vc:rev"), [{
                 revision: 'fy25.02',
                 clean: false,
                 'metric:vc90': null,
-                abortReason: abortReason.reason
+                abortReason: abortReason.reason,
+                abortTimestamp: Math.round(abortReason.timestamp)
               }]);
               if (!isTTVCv1Disabled) {
                 vcAbortedResultWithRevisions["".concat(fullPrefix, "vc:rev")].push({
                   revision: 'fy25.01',
                   clean: false,
                   'metric:vc90': null,
-                  abortReason: abortReason.reason
+                  abortReason: abortReason.reason,
+                  abortTimestamp: Math.round(abortReason.timestamp)
                 });
               }
               return _context.abrupt("return", vcAbortedResultWithRevisions);
-            case 13:
+            case 16:
+              _vcAbortedResultWithRevisions = (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, "".concat(fullPrefix, "vc:state"), false), "".concat(fullPrefix, "vc:abort:reason"), abortReason.reason), "".concat(fullPrefix, "vc:abort:timestamp"), abortReason.timestamp), "".concat(fullPrefix, "vc:rev"), [{
+                revision: 'fy25.02',
+                clean: false,
+                'metric:vc90': null,
+                abortReason: abortReason.reason
+              }]);
+              if (!isTTVCv1Disabled) {
+                _vcAbortedResultWithRevisions["".concat(fullPrefix, "vc:rev")].push({
+                  revision: 'fy25.01',
+                  clean: false,
+                  'metric:vc90': null,
+                  abortReason: abortReason.reason
+                });
+              }
+              return _context.abrupt("return", _vcAbortedResultWithRevisions);
+            case 19:
               ttvcV1Result = isTTVCv1Disabled ? {
                 VC: {},
                 VCBox: {},
@@ -179,48 +201,6 @@ var VCObserver = exports.VCObserver = /*#__PURE__*/function () {
                 viewport: viewport,
                 fixSSRAttribution: includeSSRRatio
               });
-              try {
-                if (!_this.isPostInteraction) {
-                  VCObserver.VCParts.forEach(function (key) {
-                    if (isTTVCv1Disabled) {
-                      var duration = vcNext.VC[key];
-                      if (duration !== null && duration !== undefined) {
-                        if (!(0, _platformFeatureFlags.fg)('ufo_chrome_devtools_uplift')) {
-                          performance.measure("VC".concat(key), {
-                            start: start,
-                            duration: duration
-                          });
-                          performance.measure("VC_Next".concat(key), {
-                            start: start,
-                            duration: duration
-                          });
-                        }
-                      }
-                    } else {
-                      var ttvcV1duration = VC[key];
-                      if (ttvcV1duration !== null && ttvcV1duration !== undefined) {
-                        if (!(0, _platformFeatureFlags.fg)('ufo_chrome_devtools_uplift')) {
-                          performance.measure("VC".concat(key), {
-                            start: start,
-                            duration: ttvcV1duration
-                          });
-                        }
-                      }
-                      var ttvcV2duration = vcNext.VC[key];
-                      if (ttvcV2duration !== null && ttvcV2duration !== undefined) {
-                        if (!(0, _platformFeatureFlags.fg)('ufo_chrome_devtools_uplift')) {
-                          performance.measure("VC_Next".concat(key), {
-                            start: start,
-                            duration: ttvcV2duration
-                          });
-                        }
-                      }
-                    }
-                  });
-                }
-              } catch (e) {
-                /* empty */
-              }
               outOfBoundary = outOfBoundaryInfo ? (0, _defineProperty2.default)({}, "".concat(fullPrefix, "vc:oob"), outOfBoundaryInfo) : {}; //const oldDomUpdates = oldDomUpdatesEnabled ? { [`${fullPrefix}vc:old:dom`]: vcNext.VCBox } : {};
               stopTime = performance.now(); // exposing data to devtools
               try {
@@ -344,16 +324,16 @@ var VCObserver = exports.VCObserver = /*#__PURE__*/function () {
               SSRRatioNext = VCObserver.getSSRRatio(vcNext.VCEntries.rel, ssr);
               SSRRatioPayload = includeSSRRatio ? (0, _defineProperty2.default)((0, _defineProperty2.default)({}, "".concat(fullPrefix, "vc:ssrRatio"), isTTVCv1Disabled ? SSRRatioNext : SSRRatio), "".concat(fullPrefix, "vc:next:ssrRatio"), SSRRatioNext) : {};
               if (!isTTVCv1Disabled) {
-                _context.next = 30;
+                _context.next = 35;
                 break;
               }
               return _context.abrupt("return", _objectSpread(_objectSpread(_objectSpread(_objectSpread((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, "".concat(fullPrefix, "vc:size"), viewport), "".concat(fullPrefix, "vc:time"), Math.round(totalTime + (stopTime - startTime))), "".concat(fullPrefix, "vc:ratios"), ratios), outOfBoundary), {}, (0, _defineProperty2.default)({}, "".concat(fullPrefix, "vc:ignored"), _this.getIgnoredElements(componentsLog)), SSRRatioPayload), {}, (0, _defineProperty2.default)({}, "".concat(fullPrefix, "vc:ssrRatio"), SSRRatioNext), revisionsData), speedIndex));
-            case 30:
+            case 35:
               isTTVCv3Enabled = (0, _config.isVCRevisionEnabled)('fy25.03', experienceKey);
               return _context.abrupt("return", _objectSpread(_objectSpread(_objectSpread(_objectSpread((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({
                 'metrics:vc': VC
               }, "".concat(fullPrefix, "vc:state"), true), "".concat(fullPrefix, "vc:clean"), isVCClean), "".concat(fullPrefix, "vc:dom"), VCBox), "".concat(fullPrefix, "vc:updates"), isTTVCv3Enabled ? undefined : VCEntries.rel.slice(0, 50)), "".concat(fullPrefix, "vc:size"), viewport), "".concat(fullPrefix, "vc:time"), Math.round(totalTime + (stopTime - startTime))), "".concat(fullPrefix, "vc:total"), totalPainted), "".concat(fullPrefix, "vc:ratios"), ratios), "".concat(fullPrefix, "vc:ssrRatio"), SSRRatio), outOfBoundary), {}, (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, "".concat(fullPrefix, "vc:next"), vcNext.VC), "".concat(fullPrefix, "vc:next:updates"), isTTVCv3Enabled ? undefined : vcNext.VCEntries.rel.slice(0, 50)), "".concat(fullPrefix, "vc:next:dom"), vcNext.VCBox), SSRRatioPayload), {}, (0, _defineProperty2.default)({}, "".concat(fullPrefix, "vc:ignored"), _this.getIgnoredElements(componentsLog)), revisionsData), speedIndex));
-            case 32:
+            case 37:
             case "end":
               return _context.stop();
           }

package/dist/cjs/vc/vc-observer-new/index.js

@@ -227,11 +227,11 @@ var VCObserverNew = exports.default = /*#__PURE__*/function () {
     key: "getVCResult",
     value: function () {
       var _getVCResult = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(param) {
-        var start, stop, interactionId, results, calculator_fy25_03, orderedEntries, fy25_03;
+        var start, stop, interactionId, include3p, results, calculator_fy25_03, orderedEntries, fy25_03;
         return _regenerator.default.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
-              start = param.start, stop = param.stop, interactionId = param.interactionId;
+              start = param.start, stop = param.stop, interactionId = param.interactionId, include3p = param.include3p;
               results = [];
               this.addStartEntry(start);
               calculator_fy25_03 = new _fy25_.default();
@@ -248,7 +248,8 @@ var VCObserverNew = exports.default = /*#__PURE__*/function () {
                 startTime: start,
                 stopTime: stop,
                 interactionId: interactionId,
-                isPostInteraction: this.isPostInteraction
+                isPostInteraction: this.isPostInteraction,
+                include3p: include3p
               });
             case 8:
               fy25_03 = _context.sent;

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

@@ -323,13 +323,13 @@ var AbstractVCCalculatorBase = exports.default = /*#__PURE__*/function () {
         var _this = this,
           _vcDetails$90$t,
           _vcDetails$;
-        var startTime, stopTime, orderedEntries, interactionId, isPostInteraction, filteredEntries, isVCClean, dirtyReason, getVCCleanStatusResult, vcDetails, result;
+        var startTime, stopTime, orderedEntries, interactionId, isPostInteraction, include3p, filteredEntries, isVCClean, dirtyReason, getVCCleanStatusResult, vcDetails, result;
         return _regenerator.default.wrap(function _callee2$(_context2) {
           while (1) switch (_context2.prev = _context2.next) {
             case 0:
-              startTime = _ref.startTime, stopTime = _ref.stopTime, orderedEntries = _ref.orderedEntries, interactionId = _ref.interactionId, isPostInteraction = _ref.isPostInteraction;
+              startTime = _ref.startTime, stopTime = _ref.stopTime, orderedEntries = _ref.orderedEntries, interactionId = _ref.interactionId, isPostInteraction = _ref.isPostInteraction, include3p = _ref.include3p;
               filteredEntries = orderedEntries.filter(function (entry) {
-                return _this.isEntryIncluded(entry);
+                return _this.isEntryIncluded(entry, include3p);
               });
               getVCCleanStatusResult = this.getVCCleanStatus(filteredEntries);
               isVCClean = getVCCleanStatusResult.isVCClean;
@@ -338,12 +338,14 @@ var AbstractVCCalculatorBase = exports.default = /*#__PURE__*/function () {
                 _context2.next = 7;
                 break;
               }
-              return _context2.abrupt("return", {
+              return _context2.abrupt("return", _objectSpread({
                 revision: this.revisionNo,
                 'metric:vc90': null,
                 clean: false,
                 abortReason: dirtyReason
-              });
+              }, (0, _platformFeatureFlags.fg)('platform_ufo_abort_timestamp_by_revision') ? {
+                abortTimestamp: getVCCleanStatusResult.abortTimestamp
+              } : {}));
             case 7:
               _context2.next = 9;
               return this.calculateWithDebugInfo(filteredEntries, startTime, stopTime, isPostInteraction, isVCClean, interactionId, dirtyReason, orderedEntries);

package/dist/cjs/vc/vc-observer-new/metric-calculator/fy25_03/index.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.NON_VISUAL_ARIA_ATTRIBUTES = exports.KNOWN_ATTRIBUTES_THAT_DOES_NOT_CAUSE_LAYOUT_SHIFTS = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
@@ -13,16 +14,18 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _abstractBaseVcCalculator = _interopRequireDefault(require("../abstract-base-vc-calculator"));
 var _isViewportEntryData = _interopRequireDefault(require("../utils/is-viewport-entry-data"));
+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 _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 var ABORTING_WINDOW_EVENT = ['wheel', 'scroll', 'keydown', 'resize'];
 var REVISION_NO = 'fy25.03';
-var getConsideredEntryTypes = function getConsideredEntryTypes() {
+var getConsideredEntryTypes = function getConsideredEntryTypes(include3p) {
   var entryTypes = ['mutation:child-element', 'mutation:element', 'mutation:attribute', 'layout-shift', 'window:event'];
 
   // If not exclude 3p elements from ttvc,
   // including the tags into the ConsideredEntryTypes so that it won't be ignored for TTVC calculation
-  if (!(0, _platformFeatureFlags.fg)('platform_ufo_exclude_3p_elements_from_ttvc')) {
+  if (!(0, _platformFeatureFlags.fg)('platform_ufo_exclude_3p_elements_from_ttvc') || include3p) {
     entryTypes.push('mutation:third-party-element');
   }
   if ((0, _platformFeatureFlags.fg)('platform_ufo_enable_media_for_ttvc_v3')) {
@@ -46,8 +49,8 @@ var VCCalculator_FY25_03 = exports.default = /*#__PURE__*/function (_AbstractVCC
   (0, _inherits2.default)(VCCalculator_FY25_03, _AbstractVCCalculator);
   return (0, _createClass2.default)(VCCalculator_FY25_03, [{
     key: "isEntryIncluded",
-    value: function isEntryIncluded(entry) {
-      if (!getConsideredEntryTypes().includes(entry.data.type)) {
+    value: function isEntryIncluded(entry, include3p) {
+      if (!getConsideredEntryTypes(include3p).includes(entry.data.type)) {
         return false;
       }
       if (entry.data.type === 'mutation:attribute') {
@@ -70,21 +73,27 @@ var VCCalculator_FY25_03 = exports.default = /*#__PURE__*/function (_AbstractVCC
     key: "getVCCleanStatus",
     value: function getVCCleanStatus(filteredEntries) {
       var dirtyReason = '';
+      var abortTimestamp = -1;
       var hasAbortEvent = filteredEntries.some(function (entry) {
         if (entry.data.type === 'window:event') {
           var data = entry.data;
           if (ABORTING_WINDOW_EVENT.includes(data.eventType)) {
             dirtyReason = data.eventType === 'keydown' ? 'keypress' : data.eventType;
+            if ((0, _platformFeatureFlags.fg)('platform_ufo_abort_timestamp_by_revision')) {
+              abortTimestamp = Math.round(entry.time);
+            }
             return true;
           }
         }
         return false;
       });
       if (hasAbortEvent && dirtyReason) {
-        return {
+        return _objectSpread({
           isVCClean: false,
           dirtyReason: dirtyReason
-        };
+        }, (0, _platformFeatureFlags.fg)('platform_ufo_abort_timestamp_by_revision') ? {
+          abortTimestamp: abortTimestamp
+        } : {});
       }
       return {
         isVCClean: true

package/dist/es2019/create-interaction-extra-metrics-payload/index.js

@@ -0,0 +1,93 @@
+import { getConfig } from '../config';
+import { getMoreAccuratePageVisibilityUpToTTAI } from '../create-payload';
+import { sanitizeUfoName } from '../create-payload/common/utils';
+import getPageVisibilityUpToTTAI from '../create-payload/utils/get-page-visibility-up-to-ttai';
+import getPayloadSize from '../create-payload/utils/get-payload-size';
+import { getReactUFOPayloadVersion } from '../create-payload/utils/get-react-ufo-payload-version';
+import getTTAI from '../create-payload/utils/get-ttai';
+import getVCMetrics from '../create-payload/utils/get-vc-metrics';
+async function createInteractionExtraLogPayload(interactionId, interaction) {
+  var _getTTAI, _finalVCMetrics$ufoV, _window$location;
+  const config = getConfig();
+  if (!config) {
+    throw Error('UFO Configuration not provided');
+  }
+  const {
+    end,
+    start,
+    ufoName,
+    rate,
+    type,
+    abortReason,
+    routeName,
+    previousInteractionName,
+    isPreviousInteractionAborted,
+    abortedByInteractionName
+  } = interaction;
+  const pageVisibilityAtTTAI = getPageVisibilityUpToTTAI(interaction);
+  const isPageLoad = type === 'page_load' || type === 'transition';
+  if (!isPageLoad) {
+    // Only create payload for page load
+    return null;
+  }
+  const calculatePageVisibilityFromTheStartOfPageLoad = config.enableBetterPageVisibilityApi && isPageLoad;
+  const moreAccuratePageVisibilityAtTTAI = calculatePageVisibilityFromTheStartOfPageLoad ? getMoreAccuratePageVisibilityUpToTTAI(interaction) : null;
+  const extraTTAI = (_getTTAI = getTTAI(interaction)) !== null && _getTTAI !== void 0 ? _getTTAI : undefined;
+  const newUFOName = sanitizeUfoName(ufoName);
+  const finalVCMetrics = await getVCMetrics(interaction, true);
+  const ttvc = (_finalVCMetrics$ufoV = finalVCMetrics['ufo:vc:rev']) === null || _finalVCMetrics$ufoV === void 0 ? void 0 : _finalVCMetrics$ufoV.map(revision => {
+    if (revision['metric:vc90'] === null || revision.clean !== true) {
+      return null;
+    }
+    return {
+      revision: revision.revision,
+      vc90: revision['metric:vc90']
+    };
+  }).filter(revision => revision != null);
+  const payload = {
+    actionSubject: 'experience',
+    action: 'measured',
+    eventType: 'operational',
+    source: 'measured',
+    tags: ['observability'],
+    attributes: {
+      properties: {
+        // basic
+        'event:hostname': ((_window$location = window.location) === null || _window$location === void 0 ? void 0 : _window$location.hostname) || 'unknown',
+        'event:product': config.product,
+        'event:schema': '1.0.0',
+        'event:sizeInKb': 0,
+        'event:source': {
+          name: 'react-ufo/web',
+          version: getReactUFOPayloadVersion(interaction.type)
+        },
+        'event:region': config.region || 'unknown',
+        'experience:key': 'custom.interaction-extra-metrics',
+        'experience:name': newUFOName,
+        interactionMetrics: {
+          namePrefix: config.namePrefix || '',
+          segmentPrefix: config.segmentPrefix || '',
+          interactionId,
+          pageVisibilityAtTTAI,
+          experimental__pageVisibilityAtTTAI: moreAccuratePageVisibilityAtTTAI,
+          // raw interaction metrics
+          rate,
+          routeName,
+          type,
+          abortReason,
+          previousInteractionName,
+          isPreviousInteractionAborted,
+          abortedByInteractionName,
+          // performance
+          end: Math.round(end),
+          start: Math.round(start),
+          'metric:ttai:3p': extraTTAI,
+          ttvc: ttvc !== null && ttvc !== void 0 ? ttvc : undefined
+        }
+      }
+    }
+  };
+  payload.attributes.properties['event:sizeInKb'] = getPayloadSize(payload.attributes.properties);
+  return payload;
+}
+export default createInteractionExtraLogPayload;