@atlaskit/react-ufo 5.0.13 → 5.1.1

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # @atlaskit/ufo-interaction-ignore
 
+## 5.1.1
+
+### Patch Changes
+
+- [`4ebbeaeb5454b`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/4ebbeaeb5454b) -
+  FG cleanup - platform_ufo_is_opened_in_background
+
+## 5.1.0
+
+### Minor Changes
+
+- [`c4ed6da74c937`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/c4ed6da74c937) -
+  OBSRVE-2971 Adding the OTel Context Manager to handle trace context for React UFO tracing
+
+### Patch Changes
+
+- [`cd27ffb264a01`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/cd27ffb264a01) -
+  Added config option for sending the terminal error metric
+- [`ac82093b2419b`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ac82093b2419b) -
+  bugfixes with disabling TTVC v3
+
 ## 5.0.13
 
 ### Patch Changes

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

@@ -9,9 +9,9 @@ try{return acc+item.cssRules.length;}catch(_unused3){return acc;}},0);var styleE
 getInitialPageLoadSSRMetrics=function getInitialPageLoadSSRMetrics(){var _config$ssr;if(!isPageLoad){return{};}var config=(0,_config.getConfig)();var SSRDoneTimeValue=(0,_getSsrDoneTimeValue.default)(config);var SSRDoneTime=SSRDoneTimeValue!==undefined?{SSRDoneTime:Math.round(SSRDoneTimeValue)}:{};var isBM3ConfigSSRDoneAsFmp=interaction.metaData.__legacy__bm3ConfigSSRDoneAsFmp;var 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){try{performance.mark("FMP",{startTime:SSRDoneTimeValue,detail:{devtools:{dataType:'marker'}}});}catch(_unused6){}}return _objectSpread(_objectSpread({},SSRDoneTime),{},{isBM3ConfigSSRDoneAsFmp:isBM3ConfigSSRDoneAsFmp,isUFOConfigSSRDoneAsFmp:isUFOConfigSSRDoneAsFmp});};pageLoadInteractionMetrics=getInitialPageLoadSSRMetrics();// Detailed payload. Page visibility = visible
 getDetailedInteractionMetrics=function getDetailedInteractionMetrics(resourceTimings){if(experimental||window.__UFO_COMPACT_PAYLOAD__||!isDetailedPayload){return{};}var spans=[].concat((0,_toConsumableArray2.default)(interaction.spans),(0,_toConsumableArray2.default)(_interactionMetrics.interactionSpans));_interactionMetrics.interactionSpans.length=0;var shouldInclude3pHolds=(0,_config.shouldUseRawDataThirdPartyBehavior)(ufoName,type);var basePayload={errors:interaction.errors.map(function(_ref2){var labelStack=_ref2.labelStack,others=(0,_objectWithoutProperties2.default)(_ref2,_excluded);return _objectSpread(_objectSpread({},others),{},{labelStack:labelStack&&(0,_utils.optimizeLabelStack)(labelStack,(0,_getReactUfoPayloadVersion.getReactUFOPayloadVersion)(interaction.type))});}),holdActive:(0,_toConsumableArray2.default)(interaction.holdActive.values()),redirects:optimizeRedirects(interaction.redirects,start),holdInfo:(0,_optimizeHoldInfo.optimizeHoldInfo)(experimental?interaction.holdExpInfo:interaction.holdInfo,start,(0,_getReactUfoPayloadVersion.getReactUFOPayloadVersion)(interaction.type)),spans:(0,_optimizeSpans.optimizeSpans)(spans,start,(0,_getReactUfoPayloadVersion.getReactUFOPayloadVersion)(interaction.type)),requestInfo:(0,_optimizeRequestInfo.optimizeRequestInfo)(interaction.requestInfo,start,(0,_getReactUfoPayloadVersion.getReactUFOPayloadVersion)(interaction.type)),customTimings:(0,_optimizeCustomTimings.optimizeCustomTimings)(interaction.customTimings,start),bundleEvalTimings:objectToArray(getBundleEvalTimings(start)),resourceTimings:objectToArray(resourceTimings)};// Include third-party holds when feature flag is active
 if(shouldInclude3pHolds){var _interaction$hold3pIn;return _objectSpread(_objectSpread({},basePayload),{},{hold3pActive:interaction.hold3pActive?(0,_toConsumableArray2.default)(interaction.hold3pActive.values()):[],hold3pInfo:(0,_optimizeHoldInfo.optimizeHoldInfo)((_interaction$hold3pIn=interaction.hold3pInfo)!==null&&_interaction$hold3pIn!==void 0?_interaction$hold3pIn:[],start,(0,_getReactUfoPayloadVersion.getReactUFOPayloadVersion)(interaction.type))});}return basePayload;};// Page load & detailed payload
-getPageLoadDetailedInteractionMetrics=function getPageLoadDetailedInteractionMetrics(){var _config$ssr2,_config$ssr2$getSSRTi;if(!isPageLoad||!isDetailedPayload){return{};}var initialPageLoadExtraTimings=objectToArray(initialPageLoadExtraTiming.getTimings());var config=(0,_config.getConfig)();var defaultSSRTimings=objectToArray(ssr.getSSRTimings());var ssrTimingsFromConfig=config===null||config===void 0||(_config$ssr2=config.ssr)===null||_config$ssr2===void 0||(_config$ssr2$getSSRTi=_config$ssr2.getSSRTimings)===null||_config$ssr2$getSSRTi===void 0?void 0:_config$ssr2$getSSRTi.call(_config$ssr2);return{initialPageLoadExtraTimings:initialPageLoadExtraTimings,SSRTimings:ssrTimingsFromConfig?[].concat((0,_toConsumableArray2.default)(ssrTimingsFromConfig),(0,_toConsumableArray2.default)(defaultSSRTimings)):defaultSSRTimings};};if(experimental){expTTAI=(0,_getTtai.default)(interaction);}else{regularTTAI=(0,_getTtai.default)(interaction);}newUFOName=(0,_utils.sanitizeUfoName)(ufoName);resourceTimings=getResourceTimings(start,end);_context.t0=Promise;_context.t1=vcMetrics;if(_context.t1){_context.next=29;break;}_context.next=28;return(0,_getVcMetrics.default)(interaction);case 28:_context.t1=_context.sent;case 29:_context.t2=_context.t1;_context.t3=experimental?(0,_createExperimentalInteractionMetricsPayload.getExperimentalVCMetrics)(interaction):Promise.resolve(undefined);_context.t4=(0,_getPaintMetrics.getPaintMetricsToLegacyFormat)(type,end);_context.t5=(0,_getBatteryInfo.getBatteryInfoToLegacyFormat)();_context.t6=[_context.t2,_context.t3,_context.t4,_context.t5];_context.next=36;return _context.t0.all.call(_context.t0,_context.t6);case 36:_yield$Promise$all=_context.sent;_yield$Promise$all2=(0,_slicedToArray2.default)(_yield$Promise$all,4);finalVCMetrics=_yield$Promise$all2[0];experimentalMetrics=_yield$Promise$all2[1];paintMetrics=_yield$Promise$all2[2];batteryInfo=_yield$Promise$all2[3];if(!experimental){(0,_addPerformanceMeasures.addPerformanceMeasures)(interaction.start,(0,_toConsumableArray2.default)((finalVCMetrics===null||finalVCMetrics===void 0?void 0:finalVCMetrics['ufo:vc:rev'])||[]));}getReactHydrationStats=function getReactHydrationStats(){if(!hydration){return{};}return{hydration:hydration};};payload={actionSubject:'experience',action:'measured',eventType:'operational',source:'measured',tags:['observability'],attributes:{properties:_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({// basic
+getPageLoadDetailedInteractionMetrics=function getPageLoadDetailedInteractionMetrics(){var _config$ssr2,_config$ssr2$getSSRTi;if(!isPageLoad||!isDetailedPayload){return{};}var initialPageLoadExtraTimings=objectToArray(initialPageLoadExtraTiming.getTimings());var config=(0,_config.getConfig)();var defaultSSRTimings=objectToArray(ssr.getSSRTimings());var ssrTimingsFromConfig=config===null||config===void 0||(_config$ssr2=config.ssr)===null||_config$ssr2===void 0||(_config$ssr2$getSSRTi=_config$ssr2.getSSRTimings)===null||_config$ssr2$getSSRTi===void 0?void 0:_config$ssr2$getSSRTi.call(_config$ssr2);return{initialPageLoadExtraTimings:initialPageLoadExtraTimings,SSRTimings:ssrTimingsFromConfig?[].concat((0,_toConsumableArray2.default)(ssrTimingsFromConfig),(0,_toConsumableArray2.default)(defaultSSRTimings)):defaultSSRTimings};};if(experimental){expTTAI=(0,_getTtai.default)(interaction);}else{regularTTAI=(0,_getTtai.default)(interaction);}newUFOName=(0,_utils.sanitizeUfoName)(ufoName);resourceTimings=getResourceTimings(start,end);_context.t0=Promise;_context.t1=vcMetrics;if(_context.t1){_context.next=29;break;}_context.next=28;return(0,_getVcMetrics.default)(interaction);case 28:_context.t1=_context.sent;case 29:_context.t2=_context.t1;_context.t3=experimental?(0,_createExperimentalInteractionMetricsPayload.getExperimentalVCMetrics)(interaction):Promise.resolve(undefined);_context.t4=(0,_getPaintMetrics.getPaintMetricsToLegacyFormat)(type,end);_context.t5=(0,_getBatteryInfo.getBatteryInfoToLegacyFormat)();_context.t6=[_context.t2,_context.t3,_context.t4,_context.t5];_context.next=36;return _context.t0.all.call(_context.t0,_context.t6);case 36:_yield$Promise$all=_context.sent;_yield$Promise$all2=(0,_slicedToArray2.default)(_yield$Promise$all,4);finalVCMetrics=_yield$Promise$all2[0];experimentalMetrics=_yield$Promise$all2[1];paintMetrics=_yield$Promise$all2[2];batteryInfo=_yield$Promise$all2[3];if(!experimental){(0,_addPerformanceMeasures.addPerformanceMeasures)(interaction.start,(0,_toConsumableArray2.default)((finalVCMetrics===null||finalVCMetrics===void 0?void 0:finalVCMetrics['ufo:vc:rev'])||[]));}getReactHydrationStats=function getReactHydrationStats(){if(!hydration){return{};}return{hydration:hydration};};payload={actionSubject:'experience',action:'measured',eventType:'operational',source:'measured',tags:['observability'],attributes:{properties:_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({// basic
 'event:hostname':((_window$location=window.location)===null||_window$location===void 0?void 0:_window$location.hostname)||'unknown','event:product':config.product,'event:population':config.population,'event:schema':'1.0.0','event:sizeInKb':0,'event:source':{name:'react-ufo/web',version:(0,_getReactUfoPayloadVersion.getReactUFOPayloadVersion)(interaction.type)},'event:region':config.region||'unknown','experience:key':experimental?'custom.experimental-interaction-metrics':'custom.interaction-metrics','experience:name':newUFOName,// Include CPU usage monitoring data
-'event:cpu:usage':(0,_machineUtilisation.createPressureStateReport)(interaction.start,interaction.end),'event:memory:usage':(0,_machineUtilisation.createMemoryStateReport)(interaction.start,interaction.end)},criticalPayloadCount!==undefined?{'ufo:multipayload':true,'ufo:criticalPayloadCount':criticalPayloadCount}:{}),(0,_platformFeatureFlags.fg)('platform_ufo_browser_backgrounded_abort_timestamp')?{'ufo:pageVisibilityHiddenTimestamp':(0,_hiddenTiming.getEarliestHiddenTiming)(interaction.start,interaction.end)}:{}),(0,_platformFeatureFlags.fg)('platform_ufo_native_pagevisibility_monitoring')?{'ufo:wasPageHiddenBeforeInit':(0,_hiddenTiming.getHasHiddenTimingBeforeSetup)()}:{}),(0,_platformFeatureFlags.fg)('platform_ufo_is_opened_in_background')?{'ufo:isOpenedInBackground':(0,_hiddenTiming.isOpenedInBackground)(interaction.type)}:{}),(0,_getBrowserMetadata.getBrowserMetadataToLegacyFormat)()),batteryInfo),getSSRProperties(type)),getAssetsMetrics(interaction,pageLoadInteractionMetrics===null||pageLoadInteractionMetrics===void 0?void 0:pageLoadInteractionMetrics.SSRDoneTime)),getPPSMetrics(interaction)),paintMetrics),(0,_getNavigationMetrics.getNavigationMetricsToLegacyFormat)(type)),finalVCMetrics),experimentalMetrics),(_config$additionalPay=config.additionalPayloadData)===null||_config$additionalPay===void 0?void 0:_config$additionalPay.call(config,interaction)),getTracingContextData(interaction)),getStylesheetMetrics()),getErrorCounts(interaction)),getReactHydrationStats()),{},{interactionMetrics:_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({namePrefix:config.namePrefix||'',segmentPrefix:config.segmentPrefix||'',interactionId:interactionId,pageVisibilityAtTTI:pageVisibilityAtTTI,pageVisibilityAtTTAI:pageVisibilityAtTTAI,experimental__pageVisibilityAtTTI:moreAccuratePageVisibilityAtTTI,experimental__pageVisibilityAtTTAI:moreAccuratePageVisibilityAtTTAI,// raw interaction metrics
+'event:cpu:usage':(0,_machineUtilisation.createPressureStateReport)(interaction.start,interaction.end),'event:memory:usage':(0,_machineUtilisation.createMemoryStateReport)(interaction.start,interaction.end)},criticalPayloadCount!==undefined?{'ufo:multipayload':true,'ufo:criticalPayloadCount':criticalPayloadCount}:{}),(0,_platformFeatureFlags.fg)('platform_ufo_browser_backgrounded_abort_timestamp')?{'ufo:pageVisibilityHiddenTimestamp':(0,_hiddenTiming.getEarliestHiddenTiming)(interaction.start,interaction.end)}:{}),(0,_platformFeatureFlags.fg)('platform_ufo_native_pagevisibility_monitoring')?{'ufo:wasPageHiddenBeforeInit':(0,_hiddenTiming.getHasHiddenTimingBeforeSetup)()}:{}),{},{'ufo:isOpenedInBackground':(0,_hiddenTiming.isOpenedInBackground)(interaction.type)},(0,_getBrowserMetadata.getBrowserMetadataToLegacyFormat)()),batteryInfo),getSSRProperties(type)),getAssetsMetrics(interaction,pageLoadInteractionMetrics===null||pageLoadInteractionMetrics===void 0?void 0:pageLoadInteractionMetrics.SSRDoneTime)),getPPSMetrics(interaction)),paintMetrics),(0,_getNavigationMetrics.getNavigationMetricsToLegacyFormat)(type)),finalVCMetrics),experimentalMetrics),(_config$additionalPay=config.additionalPayloadData)===null||_config$additionalPay===void 0?void 0:_config$additionalPay.call(config,interaction)),getTracingContextData(interaction)),getStylesheetMetrics()),getErrorCounts(interaction)),getReactHydrationStats()),{},{interactionMetrics:_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({namePrefix:config.namePrefix||'',segmentPrefix:config.segmentPrefix||'',interactionId:interactionId,pageVisibilityAtTTI:pageVisibilityAtTTI,pageVisibilityAtTTAI:pageVisibilityAtTTAI,experimental__pageVisibilityAtTTI:moreAccuratePageVisibilityAtTTI,experimental__pageVisibilityAtTTAI:moreAccuratePageVisibilityAtTTAI,// raw interaction metrics
 rate:rate,routeName:routeName,type:type,abortReason:abortReason,featureFlags:featureFlags,previousInteractionName:previousInteractionName,isPreviousInteractionAborted:isPreviousInteractionAborted,abortedByInteractionName:abortedByInteractionName,// performance
 apdex:(0,_optimizeApdex.optimizeApdex)(interaction.apdex,(0,_getReactUfoPayloadVersion.getReactUFOPayloadVersion)(interaction.type)),end:Math.round(end)},interaction.end3p?{end3p:Math.round(interaction.end3p)}:{}),{},{start:Math.round(start),segments:(0,_getReactUfoPayloadVersion.getReactUFOPayloadVersion)(interaction.type)==='2.0.0'?segmentTree:(0,_utils.getOldSegmentsLabelStack)(segments,interaction.type),marks:(0,_optimizeMarks.optimizeMarks)(interaction.marks,(0,_getReactUfoPayloadVersion.getReactUFOPayloadVersion)(interaction.type)),customData:optimizeCustomData(interaction),reactProfilerTimings:(0,_optimizeReactProfilerTimings.optimizeReactProfilerTimings)(interaction.reactProfilerTimings,start,(0,_getReactUfoPayloadVersion.getReactUFOPayloadVersion)(interaction.type)),minorInteractions:interaction.minorInteractions},responsiveness?{responsiveness:responsiveness}:{}),labelStack),pageLoadInteractionMetrics),getDetailedInteractionMetrics(resourceTimings)),getPageLoadDetailedInteractionMetrics()),getBm3TrackerTimings(interaction)),{},{'metric:ttai':experimental?regularTTAI||expTTAI:undefined,'metric:experimental:ttai':expTTAI},unknownElementName?{unknownElementName:unknownElementName}:{}),unknownElementHierarchy?{unknownElementHierarchy:unknownElementHierarchy}:{}),'ufo:payloadTime':(0,_roundNumber.roundEpsilon)(performance.now()-interactionPayloadStart)})}};if(experimental){regularTTAI=undefined;expTTAI=undefined;}if((0,_platformFeatureFlags.fg)('platform_ufo_enable_vc_raw_data')){size=(0,_getPayloadSize.default)(payload.attributes.properties);vcRev=payload.attributes.properties['ufo:vc:rev'];rawData=vcRev.find(function(item){return item.revision==='raw-handler';});if(rawData){rawDataSize=(0,_getPayloadSize.default)(rawData);payload.attributes.properties['ufo:vc:raw:size']=rawDataSize;if(size>MAX_PAYLOAD_SIZE&&Array.isArray(vcRev)&&vcRev.length>0){payload.attributes.properties['ufo:vc:rev']=vcRev.filter(function(item){return item.revision!=='raw-handler';});payload.attributes.properties['ufo:vc:raw:removed']=true;}}payload.attributes.properties['event:sizeInKb']=(0,_getPayloadSize.default)(payload.attributes.properties);}else{payload.attributes.properties['event:sizeInKb']=(0,_getPayloadSize.default)(payload.attributes.properties);}// in order of importance, first one being least important
 // we can add more fields as necessary

package/dist/cjs/experience-trace-id-context/context-manager.js

@@ -0,0 +1,180 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.UFOContextManager = void 0;
+exports.getContextManager = getContextManager;
+exports.setContextManager = setContextManager;
+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 _api = require("@opentelemetry/api");
+/**
+ * We need to store a reference to the Context manager so that we can get it later.
+ * This is because the OTel JS API doesn't allow us to get the registered context manager,
+ * and we need to get it because we need to call a function that's not available in the OTel API:
+ * `setActive`. The OTel JS API design doesn't allow us to manually set the active context
+ * despite the spec allowing for the capability. Sigh.
+ * 
+ * I imagine this situation might not be permanent if we can move to a system were we can rely
+ * solely on the API, but for the purposes of the first change being React UFO API compatible,
+ * we'll need to do this.
+ */
+
+var contextManager;
+function setContextManager(ctxMgr) {
+  contextManager = ctxMgr;
+}
+function getContextManager() {
+  return contextManager;
+}
+
+/** 
+ * The below is shamelessly borrowed from StackContextManager from @opentelemetry/sdk-trace-web
+ * Using this rather than importing the entire package because this is all we need for now
+ */
+
+/**
+ * UFO Context Manager for managing the state in web
+ * it doesn't fully support the async calls though
+ */
+var UFOContextManager = exports.UFOContextManager = /*#__PURE__*/function () {
+  function UFOContextManager() {
+    (0, _classCallCheck2.default)(this, UFOContextManager);
+    /**
+     * whether the context manager is enabled or not
+     */
+    (0, _defineProperty2.default)(this, "_enabled", false);
+    /**
+     * Keeps the reference to current context
+     */
+    (0, _defineProperty2.default)(this, "_currentContext", _api.ROOT_CONTEXT);
+  }
+  return (0, _createClass2.default)(UFOContextManager, [{
+    key: "_bindFunction",
+    value:
+    /**
+     *
+     * @param context
+     * @param target Function to be executed within the context
+     */
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-function-type
+    function _bindFunction() {
+      var context = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _api.ROOT_CONTEXT;
+      var target = arguments.length > 1 ? arguments[1] : undefined;
+      // eslint-disable-next-line @typescript-eslint/no-this-alias
+      var manager = this;
+      var contextWrapper = function contextWrapper() {
+        var _this = this;
+        for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+          args[_key] = arguments[_key];
+        }
+        return manager.with(context, function () {
+          return target.apply(_this, args);
+        });
+      };
+      Object.defineProperty(contextWrapper, 'length', {
+        enumerable: false,
+        configurable: true,
+        writable: false,
+        value: target.length
+      });
+      return contextWrapper;
+    }
+
+    /**
+     * Returns the active context
+     */
+  }, {
+    key: "active",
+    value: function active() {
+      return this._currentContext;
+    }
+
+    /**
+     * Binds a the certain context or the active one to the target function and then returns the target
+     * @param context A context (span) to be bind to target
+     * @param target a function or event emitter. When target or one of its callbacks is called,
+     *  the provided context will be used as the active context for the duration of the call.
+     */
+  }, {
+    key: "bind",
+    value: function bind(context, target) {
+      // if no specific context to propagate is given, we use the current one
+      if (context === undefined) {
+        context = this.active();
+      }
+      if (typeof target === 'function') {
+        return this._bindFunction(context, target);
+      }
+      return target;
+    }
+
+    /**
+     * Disable the context manager (clears the current context)
+     */
+  }, {
+    key: "disable",
+    value: function disable() {
+      this._currentContext = _api.ROOT_CONTEXT;
+      this._enabled = false;
+      return this;
+    }
+
+    /**
+     * Enables the context manager and creates a default(root) context
+     */
+  }, {
+    key: "enable",
+    value: function enable() {
+      if (this._enabled) {
+        return this;
+      }
+      this._enabled = true;
+      this._currentContext = _api.ROOT_CONTEXT;
+      return this;
+    }
+
+    /**
+     * Calls the callback function [fn] with the provided [context]. If [context] is undefined then it will use the window.
+     * The context will be set as active
+     * @param context
+     * @param fn Callback function
+     * @param thisArg optional receiver to be used for calling fn
+     * @param args optional arguments forwarded to fn
+     */
+  }, {
+    key: "with",
+    value: function _with(context, fn, thisArg) {
+      var previousContext = this._currentContext;
+      this._currentContext = context || _api.ROOT_CONTEXT;
+      try {
+        for (var _len2 = arguments.length, args = new Array(_len2 > 3 ? _len2 - 3 : 0), _key2 = 3; _key2 < _len2; _key2++) {
+          args[_key2 - 3] = arguments[_key2];
+        }
+        return fn.call.apply(fn, [thisArg].concat(args));
+      } finally {
+        this._currentContext = previousContext;
+      }
+    }
+
+    /**
+     * Sets the active context.
+     * This function is an extension of the OTel spec, in order to facilitate the current API of React UFO trace context handling.
+     * It doesn't keep track of any previously set active contexts, because it's assumed (for now) that only one trace context
+     * will ever exist at a time.
+     * The next step in the work to improve tracing in the FE will likely remove this function as we need to track the 
+     * hierarchy of contexts (likely using the `with()` function above).
+     * @param context The context to be made the globally active one 
+     */
+  }, {
+    key: "setActive",
+    value: function setActive(context) {
+      if (this._enabled) {
+        this._currentContext = context;
+      }
+    }
+  }]);
+}();

package/dist/cjs/experience-trace-id-context/index.js

@@ -10,38 +10,94 @@ exports.getActiveTraceAsQueryParams = getActiveTraceAsQueryParams;
 exports.getActiveTraceHttpRequestHeaders = getActiveTraceHttpRequestHeaders;
 exports.setActiveTrace = setActiveTrace;
 exports.setInteractionActiveTrace = setInteractionActiveTrace;
+var _api = require("@opentelemetry/api");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _contextManager = require("./context-manager");
 var _makeTraceHttpRequestHeaders = require("./utils/make-trace-http-request-headers");
 var state = {
   context: null
 };
+var traceIdKey = (0, _api.createContextKey)("traceId");
+var spanIdKey = (0, _api.createContextKey)("spanId");
+var experienceTypeKey = (0, _api.createContextKey)("type");
+
+// DO NOT CALL THIS FUNCTION DIRECTLY!!!!
+// It is only to be called by React UFO libraries for the automatic handling of trace context for experiences.
+// Calling this may cause trace context to be broken
 function generateSpanId() {
   return Array.from(new Array(16), function () {
     return Math.floor(Math.random() * 16).toString(16);
   }).join('');
 }
+
+// DO NOT CALL THIS FUNCTION DIRECTLY!!!!
+// It is only to be called by React UFO libraries for the automatic handling of trace context for experiences.
+// Calling this may cause trace context to be broken
 function setInteractionActiveTrace(interactionId, experienceType) {
   setActiveTrace(interactionId.replace(/-/g, ''), generateSpanId(), experienceType);
 }
+
+// DO NOT CALL THIS FUNCTION DIRECTLY!!!!
+// It is only to be called by React UFO libraries for the automatic handling of trace context for experiences.
+// Calling this may cause trace context to be broken
 function setActiveTrace(traceId, spanId, type) {
-  state.context = {
-    traceId: traceId,
-    spanId: spanId,
-    type: type
-  };
+  if ((0, _platformFeatureFlags.fg)('platform_ufo_enable_otel_context_manager')) {
+    var activeTraceContext = _api.ROOT_CONTEXT.setValue(traceIdKey, traceId).setValue(spanIdKey, spanId).setValue(experienceTypeKey, type);
+
+    // Now we need to get the global Context Manager and set the active context
+    // Using type assertion because we've "extended" the ContextManager type
+    if ((0, _contextManager.getContextManager)() instanceof _contextManager.UFOContextManager) {
+      var contextManager = (0, _contextManager.getContextManager)();
+      contextManager.setActive(activeTraceContext);
+    }
+  } else {
+    state.context = {
+      traceId: traceId,
+      spanId: spanId,
+      type: type
+    };
+  }
 }
 function getActiveTrace() {
-  return state.context || undefined;
+  if ((0, _platformFeatureFlags.fg)('platform_ufo_enable_otel_context_manager')) {
+    // Get trace context from active context
+    var activeTraceContext = {
+      traceId: String(_api.context.active().getValue(traceIdKey)),
+      spanId: String(_api.context.active().getValue(spanIdKey)),
+      type: String(_api.context.active().getValue(experienceTypeKey))
+    };
+
+    // Return activeTraceContext if traceId and spanId are not "undefined"
+    return activeTraceContext.traceId !== 'undefined' && activeTraceContext.spanId !== 'undefined' ? activeTraceContext : undefined;
+  } else {
+    return state.context || undefined;
+  }
 }
+
+// DO NOT CALL THIS FUNCTION DIRECTLY!!!!
+// It is only to be called by React UFO libraries for the automatic handling of trace context for experiences.
+// Calling this may cause trace context to be broken
 function clearActiveTrace() {
-  state.context = null;
+  if ((0, _platformFeatureFlags.fg)('platform_ufo_enable_otel_context_manager')) {
+    // Now we need to get the global Context Manager and set the active context
+    // Using type assertion because we've "extended" the ContextManager type
+    if ((0, _contextManager.getContextManager)() instanceof _contextManager.UFOContextManager) {
+      var contextManager = (0, _contextManager.getContextManager)();
+
+      // ROOT_CONTEXT is an empty context used to initialise ContextManagers
+      contextManager.setActive(_api.ROOT_CONTEXT);
+    }
+  } else {
+    state.context = null;
+  }
 }
 function getActiveTraceHttpRequestHeaders(_url) {
-  if (state.context === null) {
+  if (getActiveTrace() === undefined) {
     return null;
   }
-  var _state$context = state.context,
-    traceId = _state$context.traceId,
-    spanId = _state$context.spanId;
+  var _ref = getActiveTrace(),
+    traceId = _ref.traceId,
+    spanId = _ref.spanId;
   return (0, _makeTraceHttpRequestHeaders.makeTraceHttpRequestHeaders)(traceId, spanId);
 }
 function getActiveTraceAsQueryParams(_url) {

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

@@ -9,11 +9,13 @@ exports.init = init;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _api = require("@opentelemetry/api");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _additionalPayload = require("../additional-payload");
 var _config = require("../config");
 var _createExperimentalInteractionMetricsPayload = require("../create-experimental-interaction-metrics-payload");
 var _createExtraSearchPageInteractionPayload = require("../create-extra-search-page-interaction-payload");
+var _contextManager = require("../experience-trace-id-context/context-manager");
 var _hiddenTiming = require("../hidden-timing");
 var _interactionMetrics = require("../interaction-metrics");
 var _interactionsPerformanceObserver = require("../interactions-performance-observer");
@@ -155,6 +157,15 @@ function init(analyticsWebClientAsync, config) {
   (0, _machineUtilisation.initialisePressureObserver)();
   (0, _machineUtilisation.initialiseMemoryObserver)();
   (0, _config.setUFOConfig)(config);
+  if ((0, _platformFeatureFlags.fg)('platform_ufo_enable_otel_context_manager')) {
+    // Configure global OTel context manager
+    var contextManager = new _contextManager.UFOContextManager();
+    // set the contextmanager somewhere we can reference it later
+    (0, _contextManager.setContextManager)(contextManager);
+    // Register the context manager with the global OTel API
+    contextManager.enable();
+    _api.context.setGlobalContextManager(contextManager);
+  }
   if ((_config$vc = config.vc) !== null && _config$vc !== void 0 && _config$vc.enabled) {
     var _config$experimentalI, _config$extraInteract;
     var vcOptions = {
@@ -202,11 +213,10 @@ function init(analyticsWebClientAsync, config) {
       createTerminalErrorPayloadPackage = _ref3[4];
     if (awc.getAnalyticsWebClientPromise) {
       awc.getAnalyticsWebClientPromise().then(function (client) {
-        var _config$experimentalI2, _config$postInteracti, _config$extraInteract2, _config$extraSearchPa;
+        var _config$terminalError, _config$experimentalI2, _config$postInteracti, _config$extraInteract2, _config$extraSearchPa;
         var instance = client.getInstance();
         sinkInteraction(instance, payloadPackage);
-        // TODO: make this configurable
-        if ((0, _platformFeatureFlags.fg)('platform_ufo_enable_terminal_errors')) {
+        if (config !== null && config !== void 0 && (_config$terminalError = config.terminalErrors) !== null && _config$terminalError !== void 0 && _config$terminalError.enabled && (0, _platformFeatureFlags.fg)('platform_ufo_enable_terminal_errors')) {
           sinkTerminalErrors(instance, createTerminalErrorPayloadPackage.default);
         }
         if (config !== null && config !== void 0 && (_config$experimentalI2 = config.experimentalInteractionMetrics) !== null && _config$experimentalI2 !== void 0 && _config$experimentalI2.enabled) {
@@ -223,10 +233,9 @@ function init(analyticsWebClientAsync, config) {
         }
       });
     } else if (awc.sendOperationalEvent) {
-      var _config$experimentalI3, _config$postInteracti2, _config$extraInteract3, _config$extraSearchPa2;
+      var _config$terminalError2, _config$experimentalI3, _config$postInteracti2, _config$extraInteract3, _config$extraSearchPa2;
       sinkInteraction(awc, payloadPackage);
-      // TODO: make this configurable
-      if ((0, _platformFeatureFlags.fg)('platform_ufo_enable_terminal_errors')) {
+      if (config !== null && config !== void 0 && (_config$terminalError2 = config.terminalErrors) !== null && _config$terminalError2 !== void 0 && _config$terminalError2.enabled && (0, _platformFeatureFlags.fg)('platform_ufo_enable_terminal_errors')) {
         sinkTerminalErrors(awc, createTerminalErrorPayloadPackage.default);
       }
       if (config !== null && config !== void 0 && (_config$experimentalI3 = config.experimentalInteractionMetrics) !== null && _config$experimentalI3 !== void 0 && _config$experimentalI3.enabled) {

package/dist/cjs/typing-performance-tracing/index.js

@@ -8,7 +8,6 @@ exports.default = useUFOTypingPerformanceTracing;
 var _react = require("react");
 var _scheduler = require("scheduler");
 var _uuid = require("uuid");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _coinflip = _interopRequireDefault(require("../coinflip"));
 var _config = require("../config");
 var _interactionMetrics = require("../interaction-metrics");
@@ -81,13 +80,13 @@ function typingPerformanceTracingTimeout(element, name, rate) {
       tsubmit = setTimeout(end, 2000); // debounce
     }, 0);
   };
-  if (typeof (element === null || element === void 0 ? void 0 : element.addEventListener) !== 'function' && (0, _platformFeatureFlags.fg)('jfp-magma-ufo-event-listener-error')) {
+  if (typeof (element === null || element === void 0 ? void 0 : element.addEventListener) !== 'function') {
     return;
   }
   // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
   element.addEventListener('keypress', onKeyPressHandler);
   return function () {
-    if (typeof (element === null || element === void 0 ? void 0 : element.removeEventListener) !== 'function' && (0, _platformFeatureFlags.fg)('jfp-magma-ufo-event-listener-error')) {
+    if (typeof (element === null || element === void 0 ? void 0 : element.removeEventListener) !== 'function') {
       return;
     }
     // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
@@ -158,13 +157,13 @@ function typingPerformanceTracingTimeoutNoAlloc(element, name, rate) {
       tsubmit = setTimeout(end, 2000); // debounce
     }, 0);
   };
-  if (typeof (element === null || element === void 0 ? void 0 : element.addEventListener) !== 'function' && (0, _platformFeatureFlags.fg)('jfp-magma-ufo-event-listener-error')) {
+  if (typeof (element === null || element === void 0 ? void 0 : element.addEventListener) !== 'function') {
     return;
   }
   // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
   element.addEventListener('keypress', onKeyPressHandler);
   return function () {
-    if (typeof (element === null || element === void 0 ? void 0 : element.removeEventListener) !== 'function' && (0, _platformFeatureFlags.fg)('jfp-magma-ufo-event-listener-error')) {
+    if (typeof (element === null || element === void 0 ? void 0 : element.removeEventListener) !== 'function') {
       return;
     }
     // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
@@ -251,7 +250,7 @@ function typingPerformanceTracingMutationObserver(element, name, rate) {
     childList: true,
     subtree: true
   });
-  if (typeof (element === null || element === void 0 ? void 0 : element.addEventListener) !== 'function' && (0, _platformFeatureFlags.fg)('jfp-magma-ufo-event-listener-error')) {
+  if (typeof (element === null || element === void 0 ? void 0 : element.addEventListener) !== 'function') {
     return function () {
       return mo.disconnect();
     };
@@ -259,17 +258,11 @@ function typingPerformanceTracingMutationObserver(element, name, rate) {
   // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
   element.addEventListener('keypress', onKeyPressHandler);
   return function () {
-    if ((0, _platformFeatureFlags.fg)('jfp-magma-ufo-event-listener-error')) {
-      if (typeof (element === null || element === void 0 ? void 0 : element.removeEventListener) === 'function') {
-        // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
-        element.removeEventListener('keypress', onKeyPressHandler);
-      }
-      mo.disconnect();
-    } else {
+    if (typeof (element === null || element === void 0 ? void 0 : element.removeEventListener) === 'function') {
       // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
       element.removeEventListener('keypress', onKeyPressHandler);
-      mo.disconnect();
     }
+    mo.disconnect();
   };
 }
 var typingPerformanceTracingMethods = {

package/dist/cjs/vc/index.js

@@ -87,7 +87,7 @@ var VCObserverWrapper = exports.VCObserverWrapper = /*#__PURE__*/function () {
           startTime: startTime
         });
       }
-      if ((0, _config.isVCRevisionEnabled)('fy25.03', experienceKey)) {
+      if ((0, _config.isVCRevisionEnabled)('fy25.03', experienceKey) || (0, _config.isVCRevisionEnabled)('fy26.04', experienceKey)) {
         var _this$newVCObserver;
         (_this$newVCObserver = this.newVCObserver) === null || _this$newVCObserver === void 0 || _this$newVCObserver.start({
           startTime: startTime
@@ -104,7 +104,7 @@ var VCObserverWrapper = exports.VCObserverWrapper = /*#__PURE__*/function () {
         var _this$oldVCObserver2;
         (_this$oldVCObserver2 = this.oldVCObserver) === null || _this$oldVCObserver2 === void 0 || _this$oldVCObserver2.stop();
       }
-      if ((0, _config.isVCRevisionEnabled)('fy25.03', experienceKey)) {
+      if ((0, _config.isVCRevisionEnabled)('fy25.03', experienceKey) || (0, _config.isVCRevisionEnabled)('fy26.04', experienceKey)) {
         var _this$newVCObserver2;
         (_this$newVCObserver2 = this.newVCObserver) === null || _this$newVCObserver2 === void 0 || _this$newVCObserver2.stop();
       }
@@ -122,7 +122,7 @@ var VCObserverWrapper = exports.VCObserverWrapper = /*#__PURE__*/function () {
     key: "getVCResult",
     value: function () {
       var _getVCResult = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(param) {
-        var _this$oldVCObserver4, _this$newVCObserver3, _ref2;
+        var _this$oldVCObserver4, _this$newVCObserver3, _v3v4Result$, _ref2;
         var experienceKey, include3p, excludeSmartAnswersInSearch, includeSSRRatio, includeRawData, v1v2Result, v3v4Result, ssrRatio;
         return _regenerator.default.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
@@ -142,7 +142,7 @@ var VCObserverWrapper = exports.VCObserverWrapper = /*#__PURE__*/function () {
               _context.t0 = {};
             case 8:
               v1v2Result = _context.t0;
-              if (!(0, _config.isVCRevisionEnabled)('fy25.03', experienceKey)) {
+              if (!((0, _config.isVCRevisionEnabled)('fy25.03', experienceKey) || (0, _config.isVCRevisionEnabled)('fy26.04', experienceKey))) {
                 _context.next = 15;
                 break;
               }
@@ -170,13 +170,13 @@ var VCObserverWrapper = exports.VCObserverWrapper = /*#__PURE__*/function () {
               _context.t1 = [];
             case 16:
               v3v4Result = _context.t1;
-              if (v3v4Result) {
+              if (!(!v3v4Result || v3v4Result.length === 0)) {
                 _context.next = 19;
                 break;
               }
               return _context.abrupt("return", v1v2Result !== null && v1v2Result !== void 0 ? v1v2Result : {});
             case 19:
-              ssrRatio = v3v4Result[0].ssrRatio;
+              ssrRatio = v3v4Result === null || v3v4Result === void 0 || (_v3v4Result$ = v3v4Result[0]) === null || _v3v4Result$ === void 0 ? void 0 : _v3v4Result$.ssrRatio;
               return _context.abrupt("return", _objectSpread(_objectSpread(_objectSpread({}, includeSSRRatio && ssrRatio !== undefined ? {
                 'ufo:vc:ssrRatio': ssrRatio
               } : {}), v1v2Result), {}, {

package/dist/cjs/vc/vc-observer/observers/ssr-placeholders/index.js

@@ -8,7 +8,6 @@ exports.SSRPlaceholderHandlers = 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 _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var ANCESTOR_LOOKUP_LIMIT = 10;
 var PAGE_LAYOUT_ID = 'page-layout.root';
 var SSRPlaceholderHandlers = exports.SSRPlaceholderHandlers = /*#__PURE__*/function () {
@@ -326,8 +325,7 @@ var SSRPlaceholderHandlers = exports.SSRPlaceholderHandlers = /*#__PURE__*/funct
   }, {
     key: "validateReactComponentMatchToPlaceholderV4",
     value: function validateReactComponentMatchToPlaceholderV4(el) {
-      el = (0, _platformFeatureFlags.fg)('platform_ufo_v4_fix_nested_ssr_placeholder') ? this.findNearestPlaceholderOrContainer(el, 2) // We are using 2 due to over-eagerness of the default, only check itself and 1 ancestor
-      : this.findNearestPlaceholderContainerIfIgnored(el);
+      el = this.findNearestPlaceholderOrContainer(el, 2); // We are using 2 due to over-eagerness of the default, only check itself and 1 ancestor
       var id = this.getPlaceholderReplacementId(el);
       return this.staticPlaceholders.has(id);
     }

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

@@ -11,7 +11,7 @@ const getDetailedInteractionMetrics=resourceTimings=>{if(experimental||window.__
 if(shouldInclude3pHolds){var _interaction$hold3pIn;return{...basePayload,hold3pActive:interaction.hold3pActive?[...interaction.hold3pActive.values()]:[],hold3pInfo:optimizeHoldInfo((_interaction$hold3pIn=interaction.hold3pInfo)!==null&&_interaction$hold3pIn!==void 0?_interaction$hold3pIn:[],start,getReactUFOPayloadVersion(interaction.type))};}return basePayload;};// Page load & detailed payload
 const getPageLoadDetailedInteractionMetrics=()=>{var _config$ssr2,_config$ssr2$getSSRTi;if(!isPageLoad||!isDetailedPayload){return{};}const initialPageLoadExtraTimings=objectToArray(initialPageLoadExtraTiming.getTimings());const config=getConfig();const defaultSSRTimings=objectToArray(ssr.getSSRTimings());const ssrTimingsFromConfig=config===null||config===void 0?void 0:(_config$ssr2=config.ssr)===null||_config$ssr2===void 0?void 0:(_config$ssr2$getSSRTi=_config$ssr2.getSSRTimings)===null||_config$ssr2$getSSRTi===void 0?void 0:_config$ssr2$getSSRTi.call(_config$ssr2);return{initialPageLoadExtraTimings,SSRTimings:ssrTimingsFromConfig?[...ssrTimingsFromConfig,...defaultSSRTimings]:defaultSSRTimings};};if(experimental){expTTAI=getTTAI(interaction);}else{regularTTAI=getTTAI(interaction);}const newUFOName=sanitizeUfoName(ufoName);const resourceTimings=getResourceTimings(start,end);const[finalVCMetrics,experimentalMetrics,paintMetrics,batteryInfo]=await Promise.all([vcMetrics||(await getVCMetrics(interaction)),experimental?getExperimentalVCMetrics(interaction):Promise.resolve(undefined),getPaintMetricsToLegacyFormat(type,end),getBatteryInfoToLegacyFormat()]);if(!experimental){addPerformanceMeasures(interaction.start,[...((finalVCMetrics===null||finalVCMetrics===void 0?void 0:finalVCMetrics['ufo:vc:rev'])||[])]);}const getReactHydrationStats=()=>{if(!hydration){return{};}return{hydration};};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:population':config.population,'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':experimental?'custom.experimental-interaction-metrics':'custom.interaction-metrics','experience:name':newUFOName,// Include CPU usage monitoring data
-'event:cpu:usage':createPressureStateReport(interaction.start,interaction.end),'event:memory:usage':createMemoryStateReport(interaction.start,interaction.end),...(criticalPayloadCount!==undefined?{'ufo:multipayload':true,'ufo:criticalPayloadCount':criticalPayloadCount}:{}),...(fg('platform_ufo_browser_backgrounded_abort_timestamp')?{'ufo:pageVisibilityHiddenTimestamp':getEarliestHiddenTiming(interaction.start,interaction.end)}:{}),...(fg('platform_ufo_native_pagevisibility_monitoring')?{'ufo:wasPageHiddenBeforeInit':getHasHiddenTimingBeforeSetup()}:{}),...(fg('platform_ufo_is_opened_in_background')?{'ufo:isOpenedInBackground':isOpenedInBackground(interaction.type)}:{}),// root
+'event:cpu:usage':createPressureStateReport(interaction.start,interaction.end),'event:memory:usage':createMemoryStateReport(interaction.start,interaction.end),...(criticalPayloadCount!==undefined?{'ufo:multipayload':true,'ufo:criticalPayloadCount':criticalPayloadCount}:{}),...(fg('platform_ufo_browser_backgrounded_abort_timestamp')?{'ufo:pageVisibilityHiddenTimestamp':getEarliestHiddenTiming(interaction.start,interaction.end)}:{}),...(fg('platform_ufo_native_pagevisibility_monitoring')?{'ufo:wasPageHiddenBeforeInit':getHasHiddenTimingBeforeSetup()}:{}),'ufo:isOpenedInBackground':isOpenedInBackground(interaction.type),// root
 ...getBrowserMetadataToLegacyFormat(),...batteryInfo,...getSSRProperties(type),...getAssetsMetrics(interaction,pageLoadInteractionMetrics===null||pageLoadInteractionMetrics===void 0?void 0:pageLoadInteractionMetrics.SSRDoneTime),...getPPSMetrics(interaction),...paintMetrics,...getNavigationMetricsToLegacyFormat(type),...finalVCMetrics,...experimentalMetrics,...((_config$additionalPay=config.additionalPayloadData)===null||_config$additionalPay===void 0?void 0:_config$additionalPay.call(config,interaction)),...getTracingContextData(interaction),...getStylesheetMetrics(),...getErrorCounts(interaction),...getReactHydrationStats(),interactionMetrics:{namePrefix:config.namePrefix||'',segmentPrefix:config.segmentPrefix||'',interactionId,pageVisibilityAtTTI,pageVisibilityAtTTAI,experimental__pageVisibilityAtTTI:moreAccuratePageVisibilityAtTTI,experimental__pageVisibilityAtTTAI:moreAccuratePageVisibilityAtTTAI,// raw interaction metrics
 rate,routeName,type,abortReason,featureFlags,previousInteractionName,isPreviousInteractionAborted,abortedByInteractionName,// performance
 apdex:optimizeApdex(interaction.apdex,getReactUFOPayloadVersion(interaction.type)),end:Math.round(end),...(interaction.end3p?{end3p:Math.round(interaction.end3p)}:{}),start:Math.round(start),segments:getReactUFOPayloadVersion(interaction.type)==='2.0.0'?segmentTree:getOldSegmentsLabelStack(segments,interaction.type),marks:optimizeMarks(interaction.marks,getReactUFOPayloadVersion(interaction.type)),customData:optimizeCustomData(interaction),reactProfilerTimings:optimizeReactProfilerTimings(interaction.reactProfilerTimings,start,getReactUFOPayloadVersion(interaction.type)),minorInteractions:interaction.minorInteractions,...(responsiveness?{responsiveness}:{}),...labelStack,...pageLoadInteractionMetrics,...getDetailedInteractionMetrics(resourceTimings),...getPageLoadDetailedInteractionMetrics(),...getBm3TrackerTimings(interaction),'metric:ttai':experimental?regularTTAI||expTTAI:undefined,'metric:experimental:ttai':expTTAI,...(unknownElementName?{unknownElementName}:{}),...(unknownElementHierarchy?{unknownElementHierarchy}:{})},'ufo:payloadTime':roundEpsilon(performance.now()-interactionPayloadStart)}}};if(experimental){regularTTAI=undefined;expTTAI=undefined;}if(fg('platform_ufo_enable_vc_raw_data')){const size=getPayloadSize(payload.attributes.properties);const vcRev=payload.attributes.properties['ufo:vc:rev'];const rawData=vcRev.find(item=>item.revision==='raw-handler');if(rawData){const rawDataSize=getPayloadSize(rawData);payload.attributes.properties['ufo:vc:raw:size']=rawDataSize;if(size>MAX_PAYLOAD_SIZE&&Array.isArray(vcRev)&&vcRev.length>0){payload.attributes.properties['ufo:vc:rev']=vcRev.filter(item=>item.revision!=='raw-handler');payload.attributes.properties['ufo:vc:raw:removed']=true;}}payload.attributes.properties['event:sizeInKb']=getPayloadSize(payload.attributes.properties);}else{payload.attributes.properties['event:sizeInKb']=getPayloadSize(payload.attributes.properties);}// in order of importance, first one being least important