@atlaskit/react-ufo 2.4.6 → 2.4.7

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

@@ -26,6 +26,14 @@ function sinkInteraction(instance, payloadPackage) {
     });
   });
 }
+function sinkExperimentalInteractionMetrics(instance, payloadPackage) {
+  (0, _interactionMetrics.sinkExperimentalHandler)(function (interactionId, interaction) {
+    (0, _scheduler.unstable_scheduleCallback)(_scheduler.unstable_IdlePriority, function () {
+      var payload = payloadPackage.createExperimentalInteractionMetricsPayload(interactionId, interaction);
+      instance.sendOperationalEvent(payload);
+    });
+  });
+}
 function sinkPostInteractionLog(instance, createPostInteractionLogPayload) {
   (0, _interactionMetrics.sinkPostInteractionLogHandler)(function (logOutput) {
     (0, _scheduler.unstable_scheduleCallback)(_scheduler.unstable_IdlePriority, function () {
@@ -56,33 +64,43 @@ var init = exports.init = function init(analyticsWebClientAsync, config) {
     _interactionMetrics.postInteractionLog.startVCObserver({
       startTime: 0
     });
+    _interactionMetrics.experimentalInteractionLog.initializeVCObserver(vcOptions).startVCObserver({
+      startTime: 0
+    });
   }
   (0, _hiddenTiming.setupHiddenTimingCapture)();
   (0, _additionalPayload.startLighthouseObserver)();
   initialized = true;
-  Promise.all([analyticsWebClientAsync, // eslint-disable-next-line import/dynamic-import-chunkname
-  Promise.resolve().then(function () {
+  Promise.all([analyticsWebClientAsync, Promise.resolve().then(function () {
     return _interopRequireWildcard(require( /* webpackChunkName: "create-payloads" */'../create-payload'));
-  }), // eslint-disable-next-line import/dynamic-import-chunkname
-  Promise.resolve().then(function () {
-    return _interopRequireWildcard(require( /* webpackChunkName: "create-post-intreaction-log-payload" */'../create-post-interaction-log-payload'));
+  }), Promise.resolve().then(function () {
+    return _interopRequireWildcard(require( /* webpackChunkName: "create-experimental-interaction-metrics-payload" */'../create-experimental-interaction-metrics-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),
+    var _ref2 = (0, _slicedToArray2.default)(_ref, 4),
       awc = _ref2[0],
       payloadPackage = _ref2[1],
-      createPostInteractionLogPayloadPackage = _ref2[2];
+      createExperimentalInteractionMetricsPayload = _ref2[2],
+      createPostInteractionLogPayloadPackage = _ref2[3];
     if (awc.getAnalyticsWebClientPromise) {
       awc.getAnalyticsWebClientPromise().then(function (client) {
-        var _config$postInteracti;
+        var _config$experimentalI, _config$postInteracti;
         var instance = client.getInstance();
         sinkInteraction(instance, payloadPackage);
+        if (config !== null && config !== void 0 && (_config$experimentalI = config.experimentalInteractionMetrics) !== null && _config$experimentalI !== void 0 && _config$experimentalI.enabled) {
+          sinkExperimentalInteractionMetrics(instance, createExperimentalInteractionMetricsPayload);
+        }
         if ((_config$postInteracti = config.postInteractionLog) !== null && _config$postInteracti !== void 0 && _config$postInteracti.enabled) {
           sinkPostInteractionLog(instance, createPostInteractionLogPayloadPackage.default);
         }
       });
     } else if (awc.sendOperationalEvent) {
-      var _config$postInteracti2;
+      var _config$experimentalI2, _config$postInteracti2;
       sinkInteraction(awc, payloadPackage);
+      if (config !== null && config !== void 0 && (_config$experimentalI2 = config.experimentalInteractionMetrics) !== null && _config$experimentalI2 !== void 0 && _config$experimentalI2.enabled) {
+        sinkExperimentalInteractionMetrics(awc, createExperimentalInteractionMetricsPayload);
+      }
       if ((_config$postInteracti2 = config.postInteractionLog) !== null && _config$postInteracti2 !== void 0 && _config$postInteracti2.enabled) {
         sinkPostInteractionLog(awc, createPostInteractionLogPayloadPackage.default);
       }

package/dist/cjs/load-hold/UFOLoadHold.js

@@ -32,8 +32,7 @@ var useLayoutEffectSAFE = typeof window === 'undefined' ? _react.useEffect : _re
  *   return (
  *     <>
  *       <Skeleton />
- *       <UFOLoadHold name="card">
- *     </UFOLoadHold>
+ *       <UFOLoadHold name="card" />
  *   )
  * }
  * ```
@@ -68,8 +67,8 @@ function UFOLoadHold(_ref) {
   // react-18: useId instead
   var context = (0, _react.useContext)(_interactionContext.default);
   useLayoutEffectSAFE(function () {
-    if (hold && !experimental && context != null) {
-      return context.hold(name);
+    if (hold && context != null) {
+      return context.hold(name, experimental);
     }
   }, [hold, context, name]);
 

package/dist/cjs/segment/segment.js

@@ -91,15 +91,14 @@ function UFOSegment(_ref) {
         }
       }
     }
-    function _internalHold(labelStack, name
-    // eslint-disable-next-line @typescript-eslint/no-invalid-void-type
-    ) {
+    function _internalHold(labelStack, name) {
+      var experimental = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
       if (interactionId.current != null) {
         if (parentContext) {
-          return parentContext._internalHold(labelStack, name);
+          return parentContext._internalHold(labelStack, name, experimental);
         } else {
           var capturedInteractionId = interactionId.current;
-          var disposeHold = (0, _interactionMetrics.addHold)(interactionId.current, labelStack, name);
+          var disposeHold = (0, _interactionMetrics.addHold)(interactionId.current, labelStack, name, experimental);
           return function () {
             if (capturedInteractionId === interactionId.current) {
               disposeHold();
@@ -108,9 +107,7 @@ function UFOSegment(_ref) {
         }
       }
     }
-    function _internalHoldByID(labelStack, id, name, remove
-    // eslint-disable-next-line @typescript-eslint/no-invalid-void-type
-    ) {
+    function _internalHoldByID(labelStack, id, name, remove) {
       if (interactionId.current != null) {
         if (parentContext) {
           parentContext._internalHoldByID(labelStack, name, id, remove);
@@ -133,7 +130,8 @@ function UFOSegment(_ref) {
       labelStack: labelStack,
       hold: function hold() {
         var name = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'unknown';
-        return this._internalHold(this.labelStack, name);
+        var experimental = arguments.length > 1 ? arguments[1] : undefined;
+        return this._internalHold(this.labelStack, name, experimental);
       },
       addHoldByID: function addHoldByID(labelStack, id) {
         var name = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'unknown';

package/dist/cjs/trace-pageload/index.js

@@ -4,6 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.AWAITING_PAGELOAD_NAME = void 0;
 exports.default = traceUFOPageLoad;
 exports.updatePageloadName = updatePageloadName;
 var _uuid = require("uuid");
@@ -13,7 +14,7 @@ var _experienceTraceIdContext = require("../experience-trace-id-context");
 var _interactionIdContext = require("../interaction-id-context");
 var _interactionMetrics = require("../interaction-metrics");
 var _routeNameContext = _interopRequireDefault(require("../route-name-context"));
-var AWAITING_PAGELOAD_NAME = 'awaiting_pageload_name';
+var AWAITING_PAGELOAD_NAME = exports.AWAITING_PAGELOAD_NAME = 'awaiting_pageload_name';
 function traceUFOPageLoad(ufoName) {
   var routeName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : ufoName;
   var activeInteraction = (0, _interactionMetrics.getActiveInteraction)();

package/dist/es2019/config/index.js

@@ -67,6 +67,28 @@ export function getInteractionRate(name, interactionKind) {
     return 0;
   }
 }
+export function getExperimentalInteractionRate(name, interactionType) {
+  try {
+    if (!config) {
+      return 0;
+    }
+    const {
+      experimentalInteractionMetrics
+    } = config;
+    if (!(experimentalInteractionMetrics !== null && experimentalInteractionMetrics !== void 0 && experimentalInteractionMetrics.enabled)) {
+      return 0;
+    }
+    if (experimentalInteractionMetrics.rates && typeof experimentalInteractionMetrics.rates[name] === 'number') {
+      return experimentalInteractionMetrics.rates[name];
+    }
+    if (experimentalInteractionMetrics.kind && typeof experimentalInteractionMetrics.kind[interactionType] === 'number') {
+      return experimentalInteractionMetrics.kind[interactionType];
+    }
+    return 0;
+  } catch (e) {
+    return 0;
+  }
+}
 export function getPostInteractionRate(name, interactionType) {
   try {
     if (!config) {

package/dist/es2019/create-experimental-interaction-metrics-payload/index.js

@@ -0,0 +1,67 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import coinflip from '../coinflip';
+import { getConfig, getExperimentalInteractionRate } from '../config';
+import { createInteractionMetricsPayload, getUfoNameOverride } from '../create-payload';
+import { getPageVisibilityState } from '../hidden-timing';
+import { VCObserver } from '../vc/vc-observer';
+export class ExperimentalInteractionMetrics {
+  constructor() {
+    /**
+     * Handler function to process / send the observation data
+     */
+    _defineProperty(this, "sinkHandlerFn", () => {});
+    /**
+     * independent VC observer that observes until `custom.post-interaction-logs` event is sent
+     */
+    _defineProperty(this, "vcObserver", null);
+  }
+  /**
+   * Set the fn that would be invoked to process / send the observation data
+   */
+  sinkHandler(sinkHandlerFn) {
+    this.sinkHandlerFn = sinkHandlerFn;
+  }
+  onInteractionComplete(interactionId, data, endTime = performance.now()) {
+    if (data.ufoName) {
+      data.end = endTime;
+      this.sinkHandlerFn(interactionId, data);
+    }
+  }
+  initializeVCObserver(options) {
+    if (this.vcObserver === null) {
+      this.vcObserver = new VCObserver({
+        ...options,
+        isPostInteraction: true
+      });
+    }
+    return this;
+  }
+  startVCObserver({
+    startTime
+  }) {
+    var _this$vcObserver;
+    (_this$vcObserver = this.vcObserver) === null || _this$vcObserver === void 0 ? void 0 : _this$vcObserver.start({
+      startTime
+    });
+  }
+}
+export function createExperimentalInteractionMetricsPayload(interactionId, interaction) {
+  const config = getConfig();
+  if (!config) {
+    throw Error('UFO Configuration not provided');
+  }
+  const ufoName = getUfoNameOverride(interaction);
+  const modifiedInteraction = {
+    ...interaction,
+    ufoName
+  };
+  const rate = getExperimentalInteractionRate(ufoName, interaction.type);
+  if (!coinflip(rate)) {
+    return null;
+  }
+  const pageVisibilityState = getPageVisibilityState(interaction.start, interaction.end);
+  if (pageVisibilityState !== 'visible') {
+    return null;
+  }
+  return createInteractionMetricsPayload(modifiedInteraction, interactionId, true);
+}

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

@@ -1,5 +1,11 @@
 /* eslint-disable @typescript-eslint/no-non-null-asserted-optional-chain */
+
 import { REACT_UFO_VERSION } from '../../../common/constants';
+import { getConfig } from '../../../config';
+import { getPageVisibilityState } from '../../../hidden-timing';
+import { experimentalInteractionLog, postInteractionLog } from '../../../interaction-metrics';
+import * as ssr from '../../../ssr';
+import { getVCObserver } from '../../../vc';
 export const sanitizeUfoName = name => {
   return name.replace(/_/g, '-');
 };
@@ -53,4 +59,83 @@ export function optimizeLabelStack(labelStack) {
       s: ls.segmentId
     } : {})
   }));
-}
+}
+export const getInteractionStatus = interaction => {
+  const originalInteractionStatus = interaction.abortReason ? 'ABORTED' : 'SUCCEEDED';
+  const hasBm3TTI = interaction.apdex.length > 0;
+  const overrideStatus = hasBm3TTI ? 'SUCCEEDED' : originalInteractionStatus;
+  return {
+    originalInteractionStatus,
+    overrideStatus
+  };
+};
+export const getPageVisibilityUpToTTAI = interaction => {
+  const {
+    start,
+    end
+  } = interaction;
+  return getPageVisibilityState(start, end);
+};
+export const calculateVCMetrics = (interaction, prefix, getVCResultFn) => {
+  var _interaction$apdex, _interaction$apdex$;
+  const result = getVCResultFn({
+    start: interaction.start,
+    stop: interaction.end,
+    tti: (_interaction$apdex = interaction.apdex) === null || _interaction$apdex === void 0 ? void 0 : (_interaction$apdex$ = _interaction$apdex[0]) === null || _interaction$apdex$ === void 0 ? void 0 : _interaction$apdex$.stopTime,
+    prefix,
+    vc: interaction.vc
+  });
+  const VC = result === null || result === void 0 ? void 0 : result['metrics:vc'];
+  if (!VC || !(result !== null && result !== void 0 && result[`${prefix}:vc:clean`])) {
+    return result;
+  }
+  const interactionStatus = getInteractionStatus(interaction);
+  const pageVisibilityUpToTTAI = getPageVisibilityUpToTTAI(interaction);
+  if (interactionStatus.originalInteractionStatus !== 'SUCCEEDED' || pageVisibilityUpToTTAI !== 'visible') {
+    return result;
+  }
+  return result;
+};
+export function getSSRDoneTimeValue(config) {
+  var _config$ssr, _config$ssr2;
+  return config !== null && config !== void 0 && (_config$ssr = config.ssr) !== null && _config$ssr !== void 0 && _config$ssr.getSSRDoneTime ? config === null || config === void 0 ? void 0 : (_config$ssr2 = config.ssr) === null || _config$ssr2 === void 0 ? void 0 : _config$ssr2.getSSRDoneTime() : ssr.getSSRDoneTime();
+}
+export const getVCMetrics = interaction => {
+  var _config$vc, _result$metricsVc;
+  const config = getConfig();
+  if (!(config !== null && config !== void 0 && (_config$vc = config.vc) !== null && _config$vc !== void 0 && _config$vc.enabled)) {
+    return {};
+  }
+  if (interaction.type !== 'page_load' && interaction.type !== 'transition') {
+    return {};
+  }
+  const ssr = interaction.type === 'page_load' && config !== null && config !== void 0 && config.ssr ? {
+    ssr: getSSRDoneTimeValue(config)
+  } : null;
+  postInteractionLog.setVCObserverSSRConfig(ssr);
+  const result = calculateVCMetrics(interaction, 'ufo', getVCObserver().getVCResult);
+  return {
+    ...result,
+    'metric:vc90': result === null || result === void 0 ? void 0 : (_result$metricsVc = result['metrics:vc']) === null || _result$metricsVc === void 0 ? void 0 : _result$metricsVc['90']
+  };
+};
+export const getExperimentalVCMetrics = interaction => {
+  if (experimentalInteractionLog.vcObserver) {
+    var _result$metricsVc2;
+    const result = calculateVCMetrics(interaction, 'ufo-experimental', experimentalInteractionLog.vcObserver.getVCResult);
+    return {
+      ...result,
+      'metric:experimental:vc90': result === null || result === void 0 ? void 0 : (_result$metricsVc2 = result['metrics:vc']) === null || _result$metricsVc2 === void 0 ? void 0 : _result$metricsVc2['90']
+    };
+  }
+  return null;
+};
+export const getTTAI = interaction => {
+  const {
+    start,
+    end
+  } = interaction;
+  const interactionStatus = getInteractionStatus(interaction);
+  const pageVisibilityUpToTTAI = getPageVisibilityUpToTTAI(interaction);
+  return interactionStatus.originalInteractionStatus === 'SUCCEEDED' && pageVisibilityUpToTTAI === 'visible' ? Math.round(end - start) : undefined;
+};

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

@@ -8,13 +8,12 @@ import { getBm3Timings } from '../custom-timings';
 import { getGlobalErrorCount } from '../global-error-handler';
 import { getPageVisibilityState } from '../hidden-timing';
 import * as initialPageLoadExtraTiming from '../initial-page-load-extra-timing';
-import { interactionSpans as atlaskitInteractionSpans, postInteractionLog } from '../interaction-metrics';
+import { interactionSpans as atlaskitInteractionSpans } from '../interaction-metrics';
 import * as resourceTiming from '../resource-timing';
 import { roundEpsilon } from '../round-number';
 import * as ssr from '../ssr';
-import { getVCObserver } from '../vc';
-import { buildSegmentTree, labelStackStartWith, optimizeLabelStack, sanitizeUfoName, stringifyLabelStackFully } from './common/utils';
-function getUfoNameOverride(interaction) {
+import { buildSegmentTree, getExperimentalVCMetrics, getInteractionStatus, getPageVisibilityUpToTTAI, getSSRDoneTimeValue, getTTAI, getVCMetrics, labelStackStartWith, optimizeLabelStack, sanitizeUfoName, stringifyLabelStackFully } from './common/utils';
+export function getUfoNameOverride(interaction) {
   const {
     ufoName,
     apdex
@@ -28,7 +27,6 @@ function getUfoNameOverride(interaction) {
       }
     }
     return ufoName;
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
   } catch (e) {
     return ufoName;
   }
@@ -63,13 +61,6 @@ const getPageVisibilityUpToTTI = interaction => {
   const bm3EndTimeOrInteractionEndTime = getBm3EndTimeOrFallbackValue(interaction);
   return getPageVisibilityState(start, bm3EndTimeOrInteractionEndTime);
 };
-const getPageVisibilityUpToTTAI = interaction => {
-  const {
-    start,
-    end
-  } = interaction;
-  return getPageVisibilityState(start, end);
-};
 const getVisibilityStateFromPerformance = stop => {
   try {
     const results = performance.getEntriesByType('visibility-state');
@@ -124,15 +115,6 @@ const getMoreAccuratePageVisibilityUpToTTAI = interaction => {
   }
   return old;
 };
-const getInteractionStatus = interaction => {
-  const originalInteractionStatus = interaction.abortReason ? 'ABORTED' : 'SUCCEEDED';
-  const hasBm3TTI = interaction.apdex.length > 0;
-  const overrideStatus = hasBm3TTI ? 'SUCCEEDED' : originalInteractionStatus;
-  return {
-    originalInteractionStatus,
-    overrideStatus
-  };
-};
 const getResourceTimings = (start, end) => {
   var _resourceTiming$getRe;
   return (_resourceTiming$getRe = resourceTiming.getResourceTimings(start, end)) !== null && _resourceTiming$getRe !== void 0 ? _resourceTiming$getRe : undefined;
@@ -155,44 +137,6 @@ const getPaintMetrics = type => {
   });
   return metrics;
 };
-const getVCMetrics = interaction => {
-  var _config$vc, _interaction$apdex, _interaction$apdex$;
-  const config = getConfig();
-  if (!(config !== null && config !== void 0 && (_config$vc = config.vc) !== null && _config$vc !== void 0 && _config$vc.enabled)) {
-    return {};
-  }
-  if (interaction.type !== 'page_load' && interaction.type !== 'transition') {
-    return {};
-  }
-  const ssr = interaction.type === 'page_load' && config !== null && config !== void 0 && config.ssr ? {
-    ssr: getSSRDoneTimeValue(config)
-  } : null;
-  postInteractionLog.setVCObserverSSRConfig(ssr);
-  const tti = (_interaction$apdex = interaction.apdex) === null || _interaction$apdex === void 0 ? void 0 : (_interaction$apdex$ = _interaction$apdex[0]) === null || _interaction$apdex$ === void 0 ? void 0 : _interaction$apdex$.stopTime;
-  const prefix = 'ufo';
-  const result = getVCObserver().getVCResult({
-    start: interaction.start,
-    stop: interaction.end,
-    tti,
-    prefix,
-    vc: interaction.vc,
-    ...ssr
-  });
-  postInteractionLog.setLastInteractionFinishVCResult(result);
-  const VC = result === null || result === void 0 ? void 0 : result['metrics:vc'];
-  if (!VC || !(result !== null && result !== void 0 && result[`${prefix}:vc:clean`])) {
-    return result;
-  }
-  const interactionStatus = getInteractionStatus(interaction);
-  const pageVisibilityUpToTTAI = getPageVisibilityUpToTTAI(interaction);
-  if (interactionStatus.originalInteractionStatus !== 'SUCCEEDED' || pageVisibilityUpToTTAI !== 'visible') {
-    return result;
-  }
-  return {
-    ...result,
-    'metric:vc90': VC['90']
-  };
-};
 const getNavigationMetrics = type => {
   if (type !== 'page_load') {
     return {};
@@ -240,7 +184,7 @@ const getNavigationMetrics = type => {
   };
 };
 const getPPSMetrics = interaction => {
-  var _interaction$apdex2, _interaction$apdex2$;
+  var _interaction$apdex, _interaction$apdex$;
   const {
     start,
     end
@@ -248,7 +192,7 @@ const getPPSMetrics = interaction => {
   const config = getConfig();
   const interactionStatus = getInteractionStatus(interaction);
   const pageVisibilityUpToTTAI = getPageVisibilityUpToTTAI(interaction);
-  const tti = (_interaction$apdex2 = interaction.apdex) === null || _interaction$apdex2 === void 0 ? void 0 : (_interaction$apdex2$ = _interaction$apdex2[0]) === null || _interaction$apdex2$ === void 0 ? void 0 : _interaction$apdex2$.stopTime;
+  const tti = (_interaction$apdex = interaction.apdex) === null || _interaction$apdex === void 0 ? void 0 : (_interaction$apdex$ = _interaction$apdex[0]) === null || _interaction$apdex$ === void 0 ? void 0 : _interaction$apdex$.stopTime;
   const ttai = interactionStatus.originalInteractionStatus === 'SUCCEEDED' && pageVisibilityUpToTTAI === 'visible' ? Math.round(end - start) : undefined;
   const PPSMetricsAtTTI = tti !== undefined ? getLighthouseMetrics({
     start,
@@ -594,10 +538,6 @@ function getBm3TrackerTimings(interaction) {
     legacyMetrics
   };
 }
-function getSSRDoneTimeValue(config) {
-  var _config$ssr, _config$ssr2;
-  return config !== null && config !== void 0 && (_config$ssr = config.ssr) !== null && _config$ssr !== void 0 && _config$ssr.getSSRDoneTime ? config === null || config === void 0 ? void 0 : (_config$ssr2 = config.ssr) === null || _config$ssr2 === void 0 ? void 0 : _config$ssr2.getSSRDoneTime() : ssr.getSSRDoneTime();
-}
 function getPayloadSize(payload) {
   return Math.round(new TextEncoder().encode(JSON.stringify(payload)).length / 1024);
 }
@@ -640,13 +580,15 @@ function getStylesheetMetrics() {
     return {};
   }
 }
+let regularTTAI;
+let expTTAI;
 function getErrorCounts(interaction) {
   return {
     'ufo:errors:globalCount': getGlobalErrorCount(),
     'ufo:errors:count': interaction.errors.length
   };
 }
-function createInteractionMetricsPayload(interaction, interactionId) {
+export function createInteractionMetricsPayload(interaction, interactionId, experimental) {
   var _window$location, _config$additionalPay;
   const interactionPayloadStart = performance.now();
   const config = getConfig();
@@ -681,7 +623,7 @@ function createInteractionMetricsPayload(interaction, interactionId) {
   } : {};
   // Page Load
   const getPageLoadInteractionMetrics = () => {
-    var _config$ssr3;
+    var _config$ssr;
     if (!isPageLoad) {
       return {};
     }
@@ -693,12 +635,12 @@ function createInteractionMetricsPayload(interaction, interactionId) {
     return {
       ...SSRDoneTime,
       isBM3ConfigSSRDoneAsFmp: interaction.metaData.__legacy__bm3ConfigSSRDoneAsFmp,
-      isUFOConfigSSRDoneAsFmp: interaction.metaData.__legacy__bm3ConfigSSRDoneAsFmp || !!(config !== null && config !== void 0 && (_config$ssr3 = config.ssr) !== null && _config$ssr3 !== void 0 && _config$ssr3.getSSRDoneTime)
+      isUFOConfigSSRDoneAsFmp: interaction.metaData.__legacy__bm3ConfigSSRDoneAsFmp || !!(config !== null && config !== void 0 && (_config$ssr = config.ssr) !== null && _config$ssr !== void 0 && _config$ssr.getSSRDoneTime)
     };
   };
   // Detailed payload. Page visibility = visible
   const getDetailedInteractionMetrics = () => {
-    if (window.__UFO_COMPACT_PAYLOAD__ || !isDetailedPayload) {
+    if (experimental || window.__UFO_COMPACT_PAYLOAD__ || !isDetailedPayload) {
       return {};
     }
     const spans = [...interaction.spans, ...atlaskitInteractionSpans];
@@ -713,7 +655,7 @@ function createInteractionMetricsPayload(interaction, interactionId) {
       })),
       holdActive: [...interaction.holdActive.values()],
       redirects: optimizeRedirects(interaction.redirects, start),
-      holdInfo: optimizeHoldInfo(interaction.holdInfo, start),
+      holdInfo: optimizeHoldInfo(experimental ? interaction.holdExpInfo : interaction.holdInfo, start),
       spans: optimizeSpans(spans, start),
       requestInfo: optimizeRequestInfo(interaction.requestInfo, start),
       customTimings: optimizeCustomTimings(interaction.customTimings, start),
@@ -723,16 +665,21 @@ function createInteractionMetricsPayload(interaction, interactionId) {
   };
   // Page load & detailed payload
   const getPageLoadDetailedInteractionMetrics = () => {
-    var _config$ssr4;
+    var _config$ssr2;
     if (!isPageLoad || !isDetailedPayload) {
       return {};
     }
     const config = getConfig();
     return {
       initialPageLoadExtraTimings: objectToArray(initialPageLoadExtraTiming.getTimings()),
-      SSRTimings: config !== null && config !== void 0 && (_config$ssr4 = config.ssr) !== null && _config$ssr4 !== void 0 && _config$ssr4.getSSRTimings ? config.ssr.getSSRTimings() : objectToArray(ssr.getSSRTimings())
+      SSRTimings: config !== null && config !== void 0 && (_config$ssr2 = config.ssr) !== null && _config$ssr2 !== void 0 && _config$ssr2.getSSRTimings ? config.ssr.getSSRTimings() : objectToArray(ssr.getSSRTimings())
     };
   };
+  if (experimental) {
+    expTTAI = getTTAI(interaction);
+  } else {
+    regularTTAI = getTTAI(interaction);
+  }
   const newUFOName = sanitizeUfoName(ufoName);
   const payload = {
     actionSubject: 'experience',
@@ -753,7 +700,7 @@ function createInteractionMetricsPayload(interaction, interactionId) {
           payloadSource: 'platform'
         },
         'event:region': config.region || 'unknown',
-        'experience:key': 'custom.interaction-metrics',
+        'experience:key': experimental ? 'custom.experimental-interaction-metrics' : 'custom.interaction-metrics',
         'experience:name': newUFOName,
         // root
         ...getBrowserMetadata(),
@@ -762,6 +709,7 @@ function createInteractionMetricsPayload(interaction, interactionId) {
         ...getPaintMetrics(type),
         ...getNavigationMetrics(type),
         ...getVCMetrics(interaction),
+        ...(experimental ? getExperimentalVCMetrics(interaction) : undefined),
         ...((_config$additionalPay = config.additionalPayloadData) === null || _config$additionalPay === void 0 ? void 0 : _config$additionalPay.call(config, interaction)),
         ...getTracingContextData(interaction),
         ...getStylesheetMetrics(),
@@ -801,12 +749,18 @@ function createInteractionMetricsPayload(interaction, interactionId) {
           ...getPageLoadInteractionMetrics(),
           ...getDetailedInteractionMetrics(),
           ...getPageLoadDetailedInteractionMetrics(),
-          ...getBm3TrackerTimings(interaction)
+          ...getBm3TrackerTimings(interaction),
+          'metric:ttai': experimental ? regularTTAI || expTTAI : undefined,
+          'metric:experimental:ttai': experimental ? expTTAI : undefined
         },
         'ufo:payloadTime': roundEpsilon(performance.now() - interactionPayloadStart)
       }
     }
   };
+  if (experimental) {
+    regularTTAI = undefined;
+    expTTAI = undefined;
+  }
   payload.attributes.properties['event:sizeInKb'] = getPayloadSize(payload.attributes.properties);
   return payload;
 }

package/dist/es2019/create-post-interaction-log-payload/index.js

@@ -47,10 +47,7 @@ function removeCascadingParentTimingReport(reactProfilerTimings) {
     if (parentSegmentId) {
       const parentTimings = timingIndex.get(parentSegmentId);
       const filteredParentTimings = parentTimings === null || parentTimings === void 0 ? void 0 : parentTimings.filter(parentTiming => {
-        if (parentTiming.startTime === timing.startTime && parentTiming.actualDuration === timing.actualDuration) {
-          return false;
-        }
-        return true;
+        return !(parentTiming.startTime === timing.startTime && parentTiming.actualDuration === timing.actualDuration);
       });
       if (filteredParentTimings) {
         timingIndex.set(parentSegmentId, filteredParentTimings);

package/dist/es2019/interaction-metrics/common/constants.js

@@ -1,2 +1,8 @@
 const interactions = new Map();
+export const CLEANUP_TIMEOUT = 60 * 1000;
+export const CLEANUP_TIMEOUT_AFTER_APDEX = 15 * 1000;
+export const interactionQueue = [];
+export const segmentCache = new Map();
+export const segmentObservers = [];
+export const moduleLoadingRequests = {};
 export default interactions;