@atlaskit/react-ufo 5.0.12 → 5.1.0

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

@@ -1,8 +1,10 @@
+import { context } from '@opentelemetry/api';
 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 { sinkExtraSearchPageInteractionHandler } from '../create-extra-search-page-interaction-payload';
+import { setContextManager, UFOContextManager } from '../experience-trace-id-context/context-manager';
 import { setupHiddenTimingCapture } from '../hidden-timing';
 import { interactionExtraMetrics, postInteractionLog, sinkInteractionHandler, sinkPostInteractionLogHandler } from '../interaction-metrics';
 import { getPerformanceObserver } from '../interactions-performance-observer';
@@ -131,6 +133,15 @@ export function init(analyticsWebClientAsync, config) {
   initialisePressureObserver();
   initialiseMemoryObserver();
   setUFOConfig(config);
+  if (fg('platform_ufo_enable_otel_context_manager')) {
+    // Configure global OTel context manager
+    const contextManager = new UFOContextManager();
+    // set the contextmanager somewhere we can reference it later
+    setContextManager(contextManager);
+    // Register the context manager with the global OTel API
+    contextManager.enable();
+    context.setGlobalContextManager(contextManager);
+  }
   if ((_config$vc = config.vc) !== null && _config$vc !== void 0 && _config$vc.enabled) {
     var _config$experimentalI, _config$extraInteract;
     const vcOptions = {
@@ -164,11 +175,10 @@ export function init(analyticsWebClientAsync, config) {
   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'), import( /* webpackChunkName: "create-terminal-error-payload@atlaskit-internal_terminal_errors" */'../create-terminal-error-payload')]).then(([awc, payloadPackage, createPostInteractionLogPayloadPackage, createInteractionExtraMetricsPayloadPackage, createTerminalErrorPayloadPackage]) => {
     if (awc.getAnalyticsWebClientPromise) {
       awc.getAnalyticsWebClientPromise().then(client => {
-        var _config$experimentalI2, _config$postInteracti, _config$extraInteract2, _config$extraSearchPa;
+        var _config$terminalError, _config$experimentalI2, _config$postInteracti, _config$extraInteract2, _config$extraSearchPa;
         const instance = client.getInstance();
         sinkInteraction(instance, payloadPackage);
-        // TODO: make this configurable
-        if (fg('platform_ufo_enable_terminal_errors')) {
+        if (config !== null && config !== void 0 && (_config$terminalError = config.terminalErrors) !== null && _config$terminalError !== void 0 && _config$terminalError.enabled && 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) {
@@ -185,10 +195,9 @@ export 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 (fg('platform_ufo_enable_terminal_errors')) {
+      if (config !== null && config !== void 0 && (_config$terminalError2 = config.terminalErrors) !== null && _config$terminalError2 !== void 0 && _config$terminalError2.enabled && 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/es2019/vc/index.js

@@ -65,7 +65,7 @@ export class VCObserverWrapper {
         startTime
       });
     }
-    if (isVCRevisionEnabled('fy25.03', experienceKey)) {
+    if (isVCRevisionEnabled('fy25.03', experienceKey) || isVCRevisionEnabled('fy26.04', experienceKey)) {
       var _this$newVCObserver;
       (_this$newVCObserver = this.newVCObserver) === null || _this$newVCObserver === void 0 ? void 0 : _this$newVCObserver.start({
         startTime
@@ -80,7 +80,7 @@ export class VCObserverWrapper {
       var _this$oldVCObserver2;
       (_this$oldVCObserver2 = this.oldVCObserver) === null || _this$oldVCObserver2 === void 0 ? void 0 : _this$oldVCObserver2.stop();
     }
-    if (isVCRevisionEnabled('fy25.03', experienceKey)) {
+    if (isVCRevisionEnabled('fy25.03', experienceKey) || isVCRevisionEnabled('fy26.04', experienceKey)) {
       var _this$newVCObserver2;
       (_this$newVCObserver2 = this.newVCObserver) === null || _this$newVCObserver2 === void 0 ? void 0 : _this$newVCObserver2.stop();
     }
@@ -93,7 +93,7 @@ export class VCObserverWrapper {
     return (_this$oldVCObserver$g = (_this$oldVCObserver3 = this.oldVCObserver) === null || _this$oldVCObserver3 === void 0 ? void 0 : _this$oldVCObserver3.getVCRawData()) !== null && _this$oldVCObserver$g !== void 0 ? _this$oldVCObserver$g : null;
   }
   async getVCResult(param) {
-    var _this$oldVCObserver4, _this$newVCObserver3, _ref;
+    var _this$oldVCObserver4, _this$newVCObserver3, _v3v4Result$, _ref;
     const {
       experienceKey,
       include3p,
@@ -102,7 +102,7 @@ export class VCObserverWrapper {
       includeRawData
     } = param;
     const v1v2Result = isVCRevisionEnabled('fy25.01', experienceKey) || isVCRevisionEnabled('fy25.02', experienceKey) ? await ((_this$oldVCObserver4 = this.oldVCObserver) === null || _this$oldVCObserver4 === void 0 ? void 0 : _this$oldVCObserver4.getVCResult(param)) : {};
-    const v3v4Result = isVCRevisionEnabled('fy25.03', experienceKey) ? await ((_this$newVCObserver3 = this.newVCObserver) === null || _this$newVCObserver3 === void 0 ? void 0 : _this$newVCObserver3.getVCResult({
+    const v3v4Result = isVCRevisionEnabled('fy25.03', experienceKey) || isVCRevisionEnabled('fy26.04', experienceKey) ? await ((_this$newVCObserver3 = this.newVCObserver) === null || _this$newVCObserver3 === void 0 ? void 0 : _this$newVCObserver3.getVCResult({
       start: param.start,
       stop: param.stop,
       interactionId: param.interactionId,
@@ -117,10 +117,10 @@ export class VCObserverWrapper {
       includeSSRInV3: param.includeSSRInV3,
       rawDataStopTime: param.rawDataStopTime
     })) : [];
-    if (!v3v4Result) {
+    if (!v3v4Result || v3v4Result.length === 0) {
       return v1v2Result !== null && v1v2Result !== void 0 ? v1v2Result : {};
     }
-    const ssrRatio = v3v4Result[0].ssrRatio;
+    const ssrRatio = v3v4Result === null || v3v4Result === void 0 ? void 0 : (_v3v4Result$ = v3v4Result[0]) === null || _v3v4Result$ === void 0 ? void 0 : _v3v4Result$.ssrRatio;
     return {
       ...(includeSSRRatio && ssrRatio !== undefined ? {
         'ufo:vc:ssrRatio': ssrRatio

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

@@ -296,9 +296,6 @@ export class SSRPlaceholderHandlers {
    * by collecting dimensions from their children instead
    */
   getEffectiveBoundingRect(el) {
-    if (fg('platform_ufo_disable_vcnext_observations')) {
-      return el.getBoundingClientRect();
-    }
     const computedStyle = window.getComputedStyle(el);
 
     // If element has display: contents, collect bounding rect from children

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

@@ -0,0 +1,172 @@
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import { ROOT_CONTEXT } from '@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;
+export function setContextManager(ctxMgr) {
+  contextManager = ctxMgr;
+}
+export 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
+ */
+export var UFOContextManager = /*#__PURE__*/function () {
+  function UFOContextManager() {
+    _classCallCheck(this, UFOContextManager);
+    /**
+     * whether the context manager is enabled or not
+     */
+    _defineProperty(this, "_enabled", false);
+    /**
+     * Keeps the reference to current context
+     */
+    _defineProperty(this, "_currentContext", ROOT_CONTEXT);
+  }
+  return _createClass(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] : 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 = 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 = 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 || 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/esm/experience-trace-id-context/index.js

@@ -1,35 +1,91 @@
+import { context, createContextKey, ROOT_CONTEXT } from '@opentelemetry/api';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { getContextManager, UFOContextManager } from './context-manager';
 import { makeTraceHttpRequestHeaders } from './utils/make-trace-http-request-headers';
 var state = {
   context: null
 };
+var traceIdKey = createContextKey("traceId");
+var spanIdKey = createContextKey("spanId");
+var experienceTypeKey = 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
 export 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
 export 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
 export function setActiveTrace(traceId, spanId, type) {
-  state.context = {
-    traceId: traceId,
-    spanId: spanId,
-    type: type
-  };
+  if (fg('platform_ufo_enable_otel_context_manager')) {
+    var activeTraceContext = 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 (getContextManager() instanceof UFOContextManager) {
+      var contextManager = getContextManager();
+      contextManager.setActive(activeTraceContext);
+    }
+  } else {
+    state.context = {
+      traceId: traceId,
+      spanId: spanId,
+      type: type
+    };
+  }
 }
 export function getActiveTrace() {
-  return state.context || undefined;
+  if (fg('platform_ufo_enable_otel_context_manager')) {
+    // Get trace context from active context
+    var activeTraceContext = {
+      traceId: String(context.active().getValue(traceIdKey)),
+      spanId: String(context.active().getValue(spanIdKey)),
+      type: String(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
 export function clearActiveTrace() {
-  state.context = null;
+  if (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 (getContextManager() instanceof UFOContextManager) {
+      var contextManager = getContextManager();
+
+      // ROOT_CONTEXT is an empty context used to initialise ContextManagers
+      contextManager.setActive(ROOT_CONTEXT);
+    }
+  } else {
+    state.context = null;
+  }
 }
 export 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 makeTraceHttpRequestHeaders(traceId, spanId);
 }
 export function getActiveTraceAsQueryParams(_url) {

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

@@ -1,11 +1,13 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
+import { context } from '@opentelemetry/api';
 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 { sinkExtraSearchPageInteractionHandler } from '../create-extra-search-page-interaction-payload';
+import { setContextManager, UFOContextManager } from '../experience-trace-id-context/context-manager';
 import { setupHiddenTimingCapture } from '../hidden-timing';
 import { interactionExtraMetrics, postInteractionLog, sinkInteractionHandler, sinkPostInteractionLogHandler } from '../interaction-metrics';
 import { getPerformanceObserver } from '../interactions-performance-observer';
@@ -146,6 +148,15 @@ export function init(analyticsWebClientAsync, config) {
   initialisePressureObserver();
   initialiseMemoryObserver();
   setUFOConfig(config);
+  if (fg('platform_ufo_enable_otel_context_manager')) {
+    // Configure global OTel context manager
+    var contextManager = new UFOContextManager();
+    // set the contextmanager somewhere we can reference it later
+    setContextManager(contextManager);
+    // Register the context manager with the global OTel API
+    contextManager.enable();
+    context.setGlobalContextManager(contextManager);
+  }
   if ((_config$vc = config.vc) !== null && _config$vc !== void 0 && _config$vc.enabled) {
     var _config$experimentalI, _config$extraInteract;
     var vcOptions = {
@@ -185,11 +196,10 @@ export 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 (fg('platform_ufo_enable_terminal_errors')) {
+        if (config !== null && config !== void 0 && (_config$terminalError = config.terminalErrors) !== null && _config$terminalError !== void 0 && _config$terminalError.enabled && 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) {
@@ -206,10 +216,9 @@ export 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 (fg('platform_ufo_enable_terminal_errors')) {
+      if (config !== null && config !== void 0 && (_config$terminalError2 = config.terminalErrors) !== null && _config$terminalError2 !== void 0 && _config$terminalError2.enabled && 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/esm/vc/index.js

@@ -77,7 +77,7 @@ export var VCObserverWrapper = /*#__PURE__*/function () {
           startTime: startTime
         });
       }
-      if (isVCRevisionEnabled('fy25.03', experienceKey)) {
+      if (isVCRevisionEnabled('fy25.03', experienceKey) || isVCRevisionEnabled('fy26.04', experienceKey)) {
         var _this$newVCObserver;
         (_this$newVCObserver = this.newVCObserver) === null || _this$newVCObserver === void 0 || _this$newVCObserver.start({
           startTime: startTime
@@ -94,7 +94,7 @@ export var VCObserverWrapper = /*#__PURE__*/function () {
         var _this$oldVCObserver2;
         (_this$oldVCObserver2 = this.oldVCObserver) === null || _this$oldVCObserver2 === void 0 || _this$oldVCObserver2.stop();
       }
-      if (isVCRevisionEnabled('fy25.03', experienceKey)) {
+      if (isVCRevisionEnabled('fy25.03', experienceKey) || isVCRevisionEnabled('fy26.04', experienceKey)) {
         var _this$newVCObserver2;
         (_this$newVCObserver2 = this.newVCObserver) === null || _this$newVCObserver2 === void 0 || _this$newVCObserver2.stop();
       }
@@ -112,7 +112,7 @@ export var VCObserverWrapper = /*#__PURE__*/function () {
     key: "getVCResult",
     value: function () {
       var _getVCResult = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.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 _regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
@@ -132,7 +132,7 @@ export var VCObserverWrapper = /*#__PURE__*/function () {
               _context.t0 = {};
             case 8:
               v1v2Result = _context.t0;
-              if (!isVCRevisionEnabled('fy25.03', experienceKey)) {
+              if (!(isVCRevisionEnabled('fy25.03', experienceKey) || isVCRevisionEnabled('fy26.04', experienceKey))) {
                 _context.next = 15;
                 break;
               }
@@ -160,13 +160,13 @@ export var 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/esm/vc/vc-observer/observers/ssr-placeholders/index.js

@@ -342,9 +342,6 @@ export var SSRPlaceholderHandlers = /*#__PURE__*/function () {
   }, {
     key: "getEffectiveBoundingRect",
     value: function getEffectiveBoundingRect(el) {
-      if (fg('platform_ufo_disable_vcnext_observations')) {
-        return el.getBoundingClientRect();
-      }
       var computedStyle = window.getComputedStyle(el);
 
       // If element has display: contents, collect bounding rect from children

package/dist/types/common/react-ufo-payload-schema.d.ts

@@ -199,6 +199,11 @@ export type ReactUFOPayload = {
                 vc: number;
                 elements: string[];
             }>;
+            'ufo:tracingContext'?: {
+                'X-B3-TraceId': string;
+                'X-B3-SpanId': string;
+                browserTimeOrigin: number;
+            };
         };
     };
 };

package/dist/types/config/index.d.ts

@@ -146,6 +146,12 @@ export type Config = {
         readonly rates?: Rates;
         readonly kind?: Record<InteractionType, number>;
     };
+    /**
+     * Option to enable terminal error tracking
+     */
+    readonly terminalErrors?: {
+        readonly enabled?: boolean;
+    };
     /**
      * @private
      * @deprecated - to be removed on next major version

package/dist/types/experience-trace-id-context/context-manager.d.ts

@@ -0,0 +1,65 @@
+import { type Context, type ContextManager } from '@opentelemetry/api';
+export declare function setContextManager(ctxMgr: ContextManager): void;
+export declare function getContextManager(): 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
+ */
+export declare class UFOContextManager implements ContextManager {
+    /**
+     * whether the context manager is enabled or not
+     */
+    private _enabled;
+    /**
+     * Keeps the reference to current context
+     */
+    _currentContext: Context;
+    /**
+     *
+     * @param context
+     * @param target Function to be executed within the context
+     */
+    private _bindFunction;
+    /**
+     * Returns the active context
+     */
+    active(): Context;
+    /**
+     * 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.
+     */
+    bind<T>(context: Context, target: T): T;
+    /**
+     * Disable the context manager (clears the current context)
+     */
+    disable(): this;
+    /**
+     * Enables the context manager and creates a default(root) context
+     */
+    enable(): 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
+     */
+    with<A extends unknown[], F extends (...args: A) => ReturnType<F>>(context: Context | null, fn: F, thisArg?: ThisParameterType<F>, ...args: A): ReturnType<F>;
+    /**
+     * 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
+     */
+    setActive(context: Context): void;
+}

package/dist/types-ts4.5/common/react-ufo-payload-schema.d.ts

@@ -201,6 +201,11 @@ export type ReactUFOPayload = {
                 vc: number;
                 elements: string[];
             }>;
+            'ufo:tracingContext'?: {
+                'X-B3-TraceId': string;
+                'X-B3-SpanId': string;
+                browserTimeOrigin: number;
+            };
         };
     };
 };

package/dist/types-ts4.5/config/index.d.ts

@@ -146,6 +146,12 @@ export type Config = {
         readonly rates?: Rates;
         readonly kind?: Record<InteractionType, number>;
     };
+    /**
+     * Option to enable terminal error tracking
+     */
+    readonly terminalErrors?: {
+        readonly enabled?: boolean;
+    };
     /**
      * @private
      * @deprecated - to be removed on next major version