@atlaskit/react-ufo 4.4.3 → 4.4.4

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

@@ -9,7 +9,6 @@ var _excluded = ["__debug__element"];
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-import { fg } from '@atlaskit/platform-feature-flags';
 import { isVCRevisionEnabled } from '../../config';
 import { getActiveInteraction } from '../../interaction-metrics';
 import { attachAbortListeners } from './attachAbortListeners';
@@ -172,48 +171,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 +294,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 = 29;
                 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 29:
               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 31:
             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;

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

@@ -10,12 +10,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 +39,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') {

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/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-new/metric-calculator/abstract-base-vc-calculator.d.ts

@@ -11,7 +11,7 @@ declare global {
 export default abstract class AbstractVCCalculatorBase implements VCCalculator {
     private revisionNo;
     constructor(revisionNo: string);
-    protected abstract isEntryIncluded(entry: VCObserverEntry): boolean;
+    protected abstract isEntryIncluded(entry: VCObserverEntry, include3p?: boolean): boolean;
     protected abstract getVCCleanStatus(filteredEntries: ReadonlyArray<VCObserverEntry>): {
         isVCClean: boolean;
         dirtyReason?: VCAbortReason;
@@ -22,5 +22,5 @@ export default abstract class AbstractVCCalculatorBase implements VCCalculator {
      */
     private calculateRatios;
     private calculateWithDebugInfo;
-    calculate({ startTime, stopTime, orderedEntries, interactionId, isPostInteraction, }: VCCalculatorParam): Promise<RevisionPayloadEntry | undefined>;
+    calculate({ startTime, stopTime, orderedEntries, interactionId, isPostInteraction, include3p, }: VCCalculatorParam): Promise<RevisionPayloadEntry | undefined>;
 }

package/dist/types/vc/vc-observer-new/metric-calculator/fy25_03/index.d.ts

@@ -4,7 +4,7 @@ export declare const KNOWN_ATTRIBUTES_THAT_DOES_NOT_CAUSE_LAYOUT_SHIFTS: string[
 export declare const NON_VISUAL_ARIA_ATTRIBUTES: string[];
 export default class VCCalculator_FY25_03 extends AbstractVCCalculatorBase {
     constructor();
-    protected isEntryIncluded(entry: VCObserverEntry): boolean;
+    protected isEntryIncluded(entry: VCObserverEntry, include3p?: boolean): boolean;
     protected getVCCleanStatus(filteredEntries: readonly VCObserverEntry[]): {
         isVCClean: boolean;
         dirtyReason: never;

package/dist/types/vc/vc-observer-new/metric-calculator/types.d.ts

@@ -6,6 +6,7 @@ export type VCCalculatorParam = {
     orderedEntries: ReadonlyArray<VCObserverEntry>;
     interactionId?: string;
     isPostInteraction: boolean;
+    include3p?: boolean;
 };
 export interface VCCalculator {
     calculate(param: VCCalculatorParam): Promise<RevisionPayloadEntry | undefined>;

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

@@ -23,4 +23,5 @@ export type VCObserverGetVCResultParam = {
     stop: number;
     interactionId?: string;
     ssr?: number;
+    include3p?: boolean;
 };

package/dist/types-ts4.5/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-ts4.5/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-ts4.5/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-ts4.5/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-ts4.5/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;