@atlaskit/react-ufo 4.4.2 → 4.4.4

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/trace-interaction/internal/trace-ufo-interaction.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _uuid = require("uuid");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _coinflip = _interopRequireDefault(require("../../coinflip"));
 var _config = require("../../config");
 var _experienceTraceIdContext = require("../../experience-trace-id-context");
@@ -22,15 +21,11 @@ function traceUFOInteraction(name, interactionType, startTime) {
       return;
     }
   } else {
-    if ((0, _platformFeatureFlags.fg)('platform_ufo_abort_measurement_fix')) {
-      // abort any existing interaction regardless if the next interaction's coinflip returns true or false
-      (0, _interactionMetrics.abortAll)('new_interaction', name);
-    }
+    // Abort any existing interaction regardless of the coinflip outcome
+    // Ensures measurements are not carried over between distinct interactions
+    (0, _interactionMetrics.abortAll)('new_interaction', name);
   }
   if ((0, _coinflip.default)(rate)) {
-    if (!(0, _platformFeatureFlags.fg)('platform_ufo_abort_measurement_fix')) {
-      (0, _interactionMetrics.abortAll)('new_interaction', name);
-    }
     var startTimestamp = startTime !== null && startTime !== void 0 ? startTime : performance.now();
     var newId = (0, _uuid.v4)();
     _interactionIdContext.DefaultInteractionID.current = newId;

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

@@ -13,7 +13,6 @@ var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/creat
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _config = require("../../config");
 var _interactionMetrics = require("../../interaction-metrics");
 var _attachAbortListeners = require("./attachAbortListeners");
@@ -179,48 +178,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 +301,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 = 29;
                 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 29:
               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 31:
             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;

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

@@ -17,12 +17,12 @@ function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0,
 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 +46,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') {

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;

package/dist/es2019/create-payload/index.js

@@ -124,7 +124,7 @@ function getMoreAccuratePageVisibilityUpToTTI(interaction) {
   }
   return old;
 }
-function getMoreAccuratePageVisibilityUpToTTAI(interaction) {
+export function getMoreAccuratePageVisibilityUpToTTAI(interaction) {
   const old = getPageVisibilityUpToTTAI(interaction);
   const buffered = getVisibilityStateFromPerformance(interaction.end);
   if (!buffered) {
@@ -630,7 +630,7 @@ async function createInteractionMetricsPayload(interaction, interactionId, exper
     } : {};
     const isBM3ConfigSSRDoneAsFmp = interaction.metaData.__legacy__bm3ConfigSSRDoneAsFmp;
     const isUFOConfigSSRDoneAsFmp = interaction.metaData.__legacy__bm3ConfigSSRDoneAsFmp || !!(config !== null && config !== void 0 && (_config$ssr = config.ssr) !== null && _config$ssr !== void 0 && _config$ssr.getSSRDoneTime);
-    if (!experimental && (isBM3ConfigSSRDoneAsFmp || isUFOConfigSSRDoneAsFmp) && SSRDoneTimeValue !== undefined && fg('ufo_chrome_devtools_uplift')) {
+    if (!experimental && (isBM3ConfigSSRDoneAsFmp || isUFOConfigSSRDoneAsFmp) && SSRDoneTimeValue !== undefined) {
       try {
         performance.mark(`FMP`, {
           startTime: SSRDoneTimeValue,
@@ -696,7 +696,7 @@ async function createInteractionMetricsPayload(interaction, interactionId, exper
   const resourceTimings = getResourceTimings(start, end);
   const [finalVCMetrics, experimentalMetrics, paintMetrics] = await Promise.all([vcMetrics || (await getVCMetrics(interaction)), experimental ? getExperimentalVCMetrics(interaction) : Promise.resolve(undefined), getPaintMetricsToLegacyFormat(type, end)]);
   if (!experimental) {
-    fg('ufo_chrome_devtools_uplift') && addPerformanceMeasures(interaction.start, [...((finalVCMetrics === null || finalVCMetrics === void 0 ? void 0 : finalVCMetrics['ufo:vc:rev']) || [])]);
+    addPerformanceMeasures(interaction.start, [...((finalVCMetrics === null || finalVCMetrics === void 0 ? void 0 : finalVCMetrics['ufo:vc:rev']) || [])]);
   }
   const getReactHydrationStats = () => {
     if (!isPageLoad || !hydration) {

package/dist/es2019/create-payload/utils/get-vc-metrics.js

@@ -4,7 +4,7 @@ import { postInteractionLog } from '../../interaction-metrics';
 import getInteractionStatus from './get-interaction-status';
 import getPageVisibilityUpToTTAI from './get-page-visibility-up-to-ttai';
 import getSSRDoneTimeValue from './get-ssr-done-time-value';
-async function getVCMetrics(interaction) {
+async function getVCMetrics(interaction, include3p = false) {
   var _config$vc, _config$vc$ssrWhiteli, _interaction$apdex, _interaction$apdex$, _config$vc2, _config$vc3, _result$ufoVcRev;
   const config = getConfig();
   if (!(config !== null && config !== void 0 && (_config$vc = config.vc) !== null && _config$vc !== void 0 && _config$vc.enabled)) {
@@ -50,7 +50,8 @@ async function getVCMetrics(interaction) {
     experienceKey: interaction.ufoName,
     interactionId: interaction.id,
     includeSSRRatio: (_config$vc3 = config.vc) === null || _config$vc3 === void 0 ? void 0 : _config$vc3.includeSSRRatio,
-    ...ssr
+    ...ssr,
+    include3p
   });
   observer.stop(interaction.ufoName);
   postInteractionLog.setLastInteractionFinishVCResult(result);