@atlaskit/react-ufo 4.4.3 → 4.4.5

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

@@ -0,0 +1,83 @@
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+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 { VCObserverWrapper } from '../vc';
+import { interactions } from './common/constants';
+import { remove } from './index';
+var InteractionExtraMetrics = /*#__PURE__*/function () {
+  function InteractionExtraMetrics() {
+    _classCallCheck(this, InteractionExtraMetrics);
+    // Store the finished interaction ID (as non-3p interaction)
+    _defineProperty(this, "finishedInteractionId", null);
+    // independent VC observer, that observes until `custom.post-interaction-logs` event is sent
+    _defineProperty(this, "vcObserver", null);
+    _defineProperty(this, "sinkHandlerFn", function () {});
+  }
+  return _createClass(InteractionExtraMetrics, [{
+    key: "initializeVCObserver",
+    value: function initializeVCObserver(options) {
+      this.vcObserver = new 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 = 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();
+      remove(id);
+      this.reset();
+    }
+  }, {
+    key: "reset",
+    value: function reset() {
+      this.finishedInteractionId = null;
+    }
+  }]);
+}();
+export { InteractionExtraMetrics as default };

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

@@ -1,10 +1,12 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
 import { fg } from '@atlaskit/platform-feature-flags';
 import { startLighthouseObserver } from '../additional-payload';
 import { setUFOConfig } from '../config';
 import { experimentalVC, sinkExperimentalHandler } from '../create-experimental-interaction-metrics-payload';
 import { setupHiddenTimingCapture } from '../hidden-timing';
-import { postInteractionLog, sinkInteractionHandler, sinkPostInteractionLogHandler } from '../interaction-metrics';
+import { interactionExtraMetrics, postInteractionLog, sinkInteractionHandler, sinkPostInteractionLogHandler } from '../interaction-metrics';
 import { getPerformanceObserver } from '../interactions-performance-observer';
 import { initialiseMemoryObserver, initialisePressureObserver } from '../machine-utilisation';
 import scheduleIdleCallback from './schedule-idle-callback';
@@ -69,6 +71,36 @@ function sinkPostInteractionLog(instance, createPostInteractionLogPayload) {
     });
   });
 }
+function sinkInteractionExtraMetrics(instance, createInteractionExtraLogPayload) {
+  interactionExtraMetrics.sinkHandler(function (interactionId, interaction) {
+    scheduleIdleCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+      var payload, devToolObserver;
+      return _regeneratorRuntime.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 (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);
+    })));
+  });
+}
 export function init(analyticsWebClientAsync, config) {
   var _config$vc;
   if (initialized) {
@@ -94,6 +126,9 @@ export function init(analyticsWebClientAsync, config) {
         startTime: 0
       });
     }
+    if (fg('platform_ufo_enable_ttai_with_3p')) {
+      interactionExtraMetrics.initializeVCObserver(vcOptions);
+    }
   }
   setupHiddenTimingCapture();
   startLighthouseObserver();
@@ -106,11 +141,12 @@ export function init(analyticsWebClientAsync, config) {
       durationThreshold: 16
     });
   }
-  Promise.all([analyticsWebClientAsync, import( /* webpackChunkName: "create-payloads" */'../create-payload'), import( /* webpackChunkName: "create-post-interaction-log-payload" */'../create-post-interaction-log-payload')]).then(function (_ref) {
-    var _ref2 = _slicedToArray(_ref, 3),
-      awc = _ref2[0],
-      payloadPackage = _ref2[1],
-      createPostInteractionLogPayloadPackage = _ref2[2];
+  Promise.all([analyticsWebClientAsync, import( /* webpackChunkName: "create-payloads" */'../create-payload'), import( /* webpackChunkName: "create-post-interaction-log-payload" */'../create-post-interaction-log-payload'), import( /* webpackChunkName: "create-interaction-extra-metrics-payload" */'../create-interaction-extra-metrics-payload')]).then(function (_ref2) {
+    var _ref3 = _slicedToArray(_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;
@@ -122,6 +158,9 @@ export function init(analyticsWebClientAsync, config) {
         if ((_config$postInteracti = config.postInteractionLog) !== null && _config$postInteracti !== void 0 && _config$postInteracti.enabled) {
           sinkPostInteractionLog(instance, createPostInteractionLogPayloadPackage.default);
         }
+        if (fg('platform_ufo_enable_ttai_with_3p')) {
+          sinkInteractionExtraMetrics(instance, createInteractionExtraMetricsPayloadPackage.default);
+        }
       });
     } else if (awc.sendOperationalEvent) {
       var _config$experimentalI3, _config$postInteracti2;
@@ -132,6 +171,9 @@ export function init(analyticsWebClientAsync, config) {
       if ((_config$postInteracti2 = config.postInteractionLog) !== null && _config$postInteracti2 !== void 0 && _config$postInteracti2.enabled) {
         sinkPostInteractionLog(awc, createPostInteractionLogPayloadPackage.default);
       }
+      if (fg('platform_ufo_enable_ttai_with_3p')) {
+        sinkInteractionExtraMetrics(awc, createInteractionExtraMetricsPayloadPackage.default);
+      }
     }
   });
 }

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

@@ -8,7 +8,9 @@ import UFOSegment from './segment';
 export function UFOThirdPartySegment(props) {
   var children = props.children,
     otherProps = _objectWithoutProperties(props, _excluded);
-  return /*#__PURE__*/React.createElement(UFOSegment, _extends({
+  return fg('platform_ufo_enable_ttai_with_3p') ? /*#__PURE__*/React.createElement(UFOSegment, _extends({
+    type: "third-party"
+  }, otherProps), children) : /*#__PURE__*/React.createElement(UFOSegment, _extends({
     type: "third-party"
   }, otherProps), /*#__PURE__*/React.createElement(UFOIgnoreHolds, {
     ignore: fg('platform_ufo_exclude_3p_elements_from_ttai'),

package/dist/esm/ssr/index.js

@@ -2,7 +2,8 @@ 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 NESTED_METRIC_SEPARATOR = '/';
 function filterEntry(entry) {
   return !(!entry || _typeof(entry) !== 'object' || entry.startTime < 0 || entry.duration < 0);
@@ -11,7 +12,7 @@ function mapEntry(entry) {
   return _objectSpread({
     startTime: Math.round(entry.startTime),
     duration: Math.round(entry.duration)
-  }, entry.size && fg('platform_ufo_ssr_size_field') ? {
+  }, entry.size ? {
     size: Math.round(entry.size)
   } : {});
 }

package/dist/esm/vc/index.js

@@ -112,11 +112,11 @@ export var VCObserverWrapper = /*#__PURE__*/function () {
     value: function () {
       var _getVCResult = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(param) {
         var _this$oldVCObserver4, _this$newVCObserver3, _ref2;
-        var experienceKey, v1v2Result, v3Result;
+        var experienceKey, include3p, v1v2Result, v3Result;
         return _regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
-              experienceKey = param.experienceKey;
+              experienceKey = param.experienceKey, include3p = param.include3p;
               if (!(isVCRevisionEnabled('fy25.01', experienceKey) || isVCRevisionEnabled('fy25.02', experienceKey))) {
                 _context.next = 7;
                 break;
@@ -140,7 +140,8 @@ export var 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/esm/vc/vc-observer/index.js

@@ -96,7 +96,7 @@ export var VCObserver = /*#__PURE__*/function () {
     });
     _defineProperty(this, "getVCResult", /*#__PURE__*/function () {
       var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref3) {
-        var start, stop, tti, prefix, ssr, vc, isEventAborted, 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 _regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
@@ -113,7 +113,7 @@ export var 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 = !isVCRevisionEnabled('fy25.01', experienceKey);
               if (!(abortReasonInfo !== null)) {
-                _context.next = 13;
+                _context.next = 19;
                 break;
               }
               // exposing data to devtools
@@ -122,22 +122,44 @@ export var VCObserver = /*#__PURE__*/function () {
                   window.__vcNotAvailableReason = abortReasonInfo;
                 }
               } catch (e) {}
-              vcAbortedResultWithRevisions = _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(fullPrefix, "vc:state"), false), "".concat(fullPrefix, "vc:abort:reason"), abortReason.reason), "".concat(fullPrefix, "vc:abort:timestamp"), abortReason.timestamp), "".concat(fullPrefix, "vc:rev"), [{
+              if (!fg('platform_ufo_abort_timestamp_by_revision')) {
+                _context.next = 16;
+                break;
+              }
+              vcAbortedResultWithRevisions = _defineProperty({}, "".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 = _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".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: {},
@@ -172,48 +194,6 @@ export var 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 (!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 (!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 (!fg('ufo_chrome_devtools_uplift')) {
-                          performance.measure("VC_Next".concat(key), {
-                            start: start,
-                            duration: ttvcV2duration
-                          });
-                        }
-                      }
-                    }
-                  });
-                }
-              } catch (e) {
-                /* empty */
-              }
               outOfBoundary = outOfBoundaryInfo ? _defineProperty({}, "".concat(fullPrefix, "vc:oob"), outOfBoundaryInfo) : {}; //const oldDomUpdates = oldDomUpdatesEnabled ? { [`${fullPrefix}vc:old:dom`]: vcNext.VCBox } : {};
               stopTime = performance.now(); // exposing data to devtools
               try {
@@ -337,16 +317,16 @@ export var VCObserver = /*#__PURE__*/function () {
               SSRRatioNext = VCObserver.getSSRRatio(vcNext.VCEntries.rel, ssr);
               SSRRatioPayload = includeSSRRatio ? _defineProperty(_defineProperty({}, "".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(_defineProperty(_defineProperty(_defineProperty({}, "".concat(fullPrefix, "vc:size"), viewport), "".concat(fullPrefix, "vc:time"), Math.round(totalTime + (stopTime - startTime))), "".concat(fullPrefix, "vc:ratios"), ratios), outOfBoundary), {}, _defineProperty({}, "".concat(fullPrefix, "vc:ignored"), _this.getIgnoredElements(componentsLog)), SSRRatioPayload), {}, _defineProperty({}, "".concat(fullPrefix, "vc:ssrRatio"), SSRRatioNext), revisionsData), speedIndex));
-            case 30:
+            case 35:
               isTTVCv3Enabled = isVCRevisionEnabled('fy25.03', experienceKey);
               return _context.abrupt("return", _objectSpread(_objectSpread(_objectSpread(_objectSpread(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
                 'metrics:vc': VC
               }, "".concat(fullPrefix, "vc:state"), true), "".concat(fullPrefix, "vc:clean"), isVCClean), "".concat(fullPrefix, "vc:dom"), VCBox), "".concat(fullPrefix, "vc:updates"), isTTVCv3Enabled ? undefined : VCEntries.rel.slice(0, 50)), "".concat(fullPrefix, "vc:size"), viewport), "".concat(fullPrefix, "vc:time"), Math.round(totalTime + (stopTime - startTime))), "".concat(fullPrefix, "vc:total"), totalPainted), "".concat(fullPrefix, "vc:ratios"), ratios), "".concat(fullPrefix, "vc:ssrRatio"), SSRRatio), outOfBoundary), {}, _defineProperty(_defineProperty(_defineProperty({}, "".concat(fullPrefix, "vc:next"), vcNext.VC), "".concat(fullPrefix, "vc:next:updates"), isTTVCv3Enabled ? undefined : vcNext.VCEntries.rel.slice(0, 50)), "".concat(fullPrefix, "vc:next:dom"), vcNext.VCBox), SSRRatioPayload), {}, _defineProperty({}, "".concat(fullPrefix, "vc:ignored"), _this.getIgnoredElements(componentsLog)), revisionsData), speedIndex));
-            case 32:
+            case 37:
             case "end":
               return _context.stop();
           }

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

@@ -220,11 +220,11 @@ var VCObserverNew = /*#__PURE__*/function () {
     key: "getVCResult",
     value: function () {
       var _getVCResult = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.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 _regeneratorRuntime.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 VCCalculator_FY25_03();
@@ -241,7 +241,8 @@ var VCObserverNew = /*#__PURE__*/function () {
                 startTime: start,
                 stopTime: stop,
                 interactionId: interactionId,
-                isPostInteraction: this.isPostInteraction
+                isPostInteraction: this.isPostInteraction,
+                include3p: include3p
               });
             case 8:
               fy25_03 = _context.sent;

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

@@ -317,13 +317,13 @@ var AbstractVCCalculatorBase = /*#__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 _regeneratorRuntime.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;
@@ -332,12 +332,14 @@ var AbstractVCCalculatorBase = /*#__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
-              });
+              }, 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/esm/vc/vc-observer-new/metric-calculator/fy25_03/index.js

@@ -1,8 +1,11 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/inherits";
+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; }
 function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(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; })(); }
 import { fg } from '@atlaskit/platform-feature-flags';
@@ -10,12 +13,12 @@ import AbstractVCCalculatorBase from '../abstract-base-vc-calculator';
 import isViewportEntryData from '../utils/is-viewport-entry-data';
 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 (!fg('platform_ufo_exclude_3p_elements_from_ttvc')) {
+  if (!fg('platform_ufo_exclude_3p_elements_from_ttvc') || include3p) {
     entryTypes.push('mutation:third-party-element');
   }
   if (fg('platform_ufo_enable_media_for_ttvc_v3')) {
@@ -39,8 +42,8 @@ var VCCalculator_FY25_03 = /*#__PURE__*/function (_AbstractVCCalculator) {
   _inherits(VCCalculator_FY25_03, _AbstractVCCalculator);
   return _createClass(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') {
@@ -63,21 +66,27 @@ var VCCalculator_FY25_03 = /*#__PURE__*/function (_AbstractVCCalculator) {
     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 (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
-        };
+        }, fg('platform_ufo_abort_timestamp_by_revision') ? {
+          abortTimestamp: abortTimestamp
+        } : {});
       }
       return {
         isVCClean: true

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

@@ -168,6 +168,8 @@ export interface InteractionMetrics {
     experimentalVC90?: number;
     unknownElementName?: string;
     unknownElementHierarchy?: string;
+    hold3pActive?: Map<string, HoldActive>;
+    hold3pInfo?: HoldInfo[];
 }
 export type LoadProfilerEventInfo = {
     identifier: string;

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

@@ -115,6 +115,7 @@ export type RevisionPayloadEntry = {
     vcDetails?: RevisionPayloadVCDetails;
     ratios?: VCRatioType;
     abortReason?: VCAbortReason | null;
+    abortTimestamp?: number;
     childrenIgnoredCount?: number;
 };
 export type RevisionPayload = RevisionPayloadEntry[];

package/dist/types/create-interaction-extra-metrics-payload/index.d.ts

@@ -0,0 +1,45 @@
+import type { InteractionMetrics } from '../common';
+declare function createInteractionExtraLogPayload(interactionId: string, interaction: InteractionMetrics): Promise<{
+    actionSubject: string;
+    action: string;
+    eventType: string;
+    source: string;
+    tags: string[];
+    attributes: {
+        properties: {
+            'event:hostname': string;
+            'event:product': string;
+            'event:schema': string;
+            'event:sizeInKb': number;
+            'event:source': {
+                name: string;
+                version: string;
+            };
+            'event:region': string;
+            'experience:key': string;
+            'experience:name': string;
+            interactionMetrics: {
+                namePrefix: string;
+                segmentPrefix: string;
+                interactionId: string;
+                pageVisibilityAtTTAI: import("../common/react-ufo-payload-schema").PageVisibility;
+                experimental__pageVisibilityAtTTAI: import("../common/react-ufo-payload-schema").PageVisibility | null;
+                rate: number;
+                routeName: string | null;
+                type: "page_load" | "transition";
+                abortReason: import("../common").AbortReasonType | undefined;
+                previousInteractionName: string | undefined;
+                isPreviousInteractionAborted: boolean;
+                abortedByInteractionName: string | undefined;
+                end: number;
+                start: number;
+                'metric:ttai:3p': number | undefined;
+                ttvc: {
+                    revision: string;
+                    vc90: number;
+                }[];
+            };
+        };
+    };
+} | null>;
+export default createInteractionExtraLogPayload;

package/dist/types/create-payload/index.d.ts

@@ -3,6 +3,7 @@ import { type ResourceTiming } from '../common/react-ufo-payload-schema';
 import * as ssr from '../ssr';
 import type { OptimizedLabelStack } from './common/types';
 import type { CriticalMetricsPayload } from './critical-metrics-payload/types';
+export declare function getMoreAccuratePageVisibilityUpToTTAI(interaction: InteractionMetrics): import("../common/react-ufo-payload-schema").PageVisibility;
 export declare function createPayloads(interactionId: string, interaction: InteractionMetrics): Promise<(CriticalMetricsPayload | {
     actionSubject: string;
     action: string;

package/dist/types/create-payload/utils/get-vc-metrics.d.ts

@@ -1,6 +1,6 @@
 import { type InteractionMetrics } from '../../common';
 import type { VCResult } from '../../common/vc/types';
-declare function getVCMetrics(interaction: InteractionMetrics): Promise<VCResult & {
+declare function getVCMetrics(interaction: InteractionMetrics, include3p?: boolean): Promise<VCResult & {
     'metric:vc90'?: number | null;
 }>;
 export default getVCMetrics;

package/dist/types/interaction-metrics/index.d.ts

@@ -2,9 +2,11 @@ import type { AbortReasonType, ApdexType, BM3Event, CustomData, CustomTiming, In
 import { type TraceIdContext } from '../experience-trace-id-context';
 import { type FeatureFlagValue } from '../feature-flags-accessed';
 import type { LabelStack } from '../interaction-context';
+import InteractionExtraMetrics from './interaction-extra-metrics';
 import PostInteractionLog from './post-interaction-log';
 export type { InteractionMetrics, LifecycleMarkType, Span, Mark, MarkType, InteractionType, AbortReasonType, ReactProfilerTiming, RequestInfo, ApdexType, CustomData, CustomTiming, InteractionError, };
 export declare const postInteractionLog: PostInteractionLog;
+export declare const interactionExtraMetrics: InteractionExtraMetrics;
 export declare const segmentUnmountCache: Map<string, number>;
 export declare function getActiveInteraction(): InteractionMetrics | undefined;
 export declare const getPerformanceObserver: () => PerformanceObserver;

package/dist/types/interaction-metrics/interaction-extra-metrics.d.ts

@@ -0,0 +1,17 @@
+import type { VCObserverInterface, VCObserverOptions } from '../vc/types';
+import { type InteractionMetrics } from './index';
+export default class InteractionExtraMetrics {
+    finishedInteractionId: string | null;
+    vcObserver: VCObserverInterface | null;
+    private sinkHandlerFn;
+    initializeVCObserver(options: VCObserverOptions): void;
+    startVCObserver({ startTime }: {
+        startTime: number;
+    }, interactionId: string): void;
+    stopVCObserver(): void;
+    eligibleToMeasure(interactionId: string): boolean;
+    updateFinishedInteractionId(interactionId: string): void;
+    sinkHandler(fn: (interactionId: string, interaction: InteractionMetrics) => void | Promise<void>): void;
+    onInteractionComplete(id: string, data: InteractionMetrics): void;
+    reset(): void;
+}

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

@@ -11,6 +11,7 @@ export type GetVCResultType = {
     experienceKey: string;
     interactionId?: string;
     includeSSRRatio?: boolean;
+    include3p?: boolean;
 };
 export type SelectorConfig = {
     id: boolean;

package/dist/types/vc/vc-observer/getVCRevisionDebugDetails.d.ts

@@ -18,6 +18,7 @@ export interface VCRevisionDebugDetails {
     revision: string;
     isClean: boolean;
     abortReason?: VCAbortReason | null;
+    abortTimestamp?: number;
     vcLogs: VCLogEntry[];
     interactionId?: string;
 }