@atlaskit/react-ufo 4.7.0 → 4.7.1

package/dist/cjs/create-payload/utils/optimize-marks.js

@@ -0,0 +1,24 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.optimizeMarks = optimizeMarks;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _utils = require("../common/utils");
+var _excluded = ["labelStack", "time"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function optimizeMarks(marks, reactUFOVersion) {
+  return marks.map(function (_ref) {
+    var labelStack = _ref.labelStack,
+      time = _ref.time,
+      others = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+    return _objectSpread(_objectSpread({}, others), {}, {
+      labelStack: labelStack && (0, _utils.optimizeLabelStack)(labelStack, reactUFOVersion),
+      time: Math.round(time)
+    });
+  });
+}

package/dist/cjs/create-payload/utils/optimize-react-profiler-timings.js

@@ -0,0 +1,53 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.optimizeReactProfilerTimings = optimizeReactProfilerTimings;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _interactionMetrics = require("../../interaction-metrics");
+var _utils = require("../common/utils");
+function optimizeReactProfilerTimings(reactProfilerTimings, interactionStart, reactUFOVersion) {
+  var reactProfilerTimingsMap = reactProfilerTimings.reduce(function (result, _ref) {
+    var labelStack = _ref.labelStack,
+      startTime = _ref.startTime,
+      commitTime = _ref.commitTime,
+      actualDuration = _ref.actualDuration,
+      type = _ref.type;
+    if (labelStack && startTime >= interactionStart) {
+      var label = (0, _utils.stringifyLabelStackFully)(labelStack);
+      var start = Math.round(startTime);
+      var end = Math.round(commitTime);
+      var timing = result.get(label) || {
+        labelStack: (0, _utils.optimizeLabelStack)(labelStack, reactUFOVersion),
+        startTime: start,
+        endTime: end,
+        mountCount: 0,
+        rerenderCount: 0,
+        renderDuration: 0
+      };
+      if (start < timing.startTime) {
+        timing.startTime = start;
+      }
+      if (end > timing.endTime) {
+        timing.endTime = end;
+      }
+      if (type === 'mount') {
+        timing.mountCount += 1;
+      }
+      if (type === 'update') {
+        timing.rerenderCount += 1;
+      }
+      if (_interactionMetrics.segmentUnmountCache.has(label) && (0, _platformFeatureFlags.fg)('platform_ufo_segment_unmount_count')) {
+        timing.unmountCount = _interactionMetrics.segmentUnmountCache.get(label) || 0;
+        _interactionMetrics.segmentUnmountCache.delete(label);
+      }
+      timing.renderDuration += Math.round(actualDuration);
+      result.set(label, timing);
+    }
+    return result;
+  }, new Map());
+  return (0, _toConsumableArray2.default)(reactProfilerTimingsMap.values());
+}

package/dist/cjs/create-payload/utils/optimize-request-info.js

@@ -0,0 +1,32 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.optimizeRequestInfo = optimizeRequestInfo;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _utils = require("../common/utils");
+function optimizeRequestInfo(requestInfo, interactionStart, reactUFOVersion) {
+  var updatedRequestInfo = requestInfo.reduce(function (result, reqInfo) {
+    var labelStack = reqInfo.labelStack,
+      name = reqInfo.name,
+      start = reqInfo.start,
+      end = reqInfo.end,
+      networkStart = reqInfo.networkStart,
+      networkComplete = reqInfo.networkComplete;
+    var startTime = networkStart !== null && networkStart !== void 0 ? networkStart : start;
+    var endTime = networkComplete !== null && networkComplete !== void 0 ? networkComplete : end;
+    if (labelStack && start >= interactionStart && endTime) {
+      result.push({
+        labelStack: (0, _utils.optimizeLabelStack)([].concat((0, _toConsumableArray2.default)(labelStack), [{
+          name: name
+        }]), reactUFOVersion),
+        startTime: Math.round(startTime),
+        endTime: Math.round(endTime)
+      });
+    }
+    return result;
+  }, []);
+  return updatedRequestInfo;
+}

package/dist/cjs/create-payload/utils/optimize-spans.js

@@ -0,0 +1,30 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.optimizeSpans = optimizeSpans;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _utils = require("../common/utils");
+function optimizeSpans(spans, interactionStart, reactUFOVersion) {
+  var updatedSpans = spans.reduce(function (result, span) {
+    var labelStack = span.labelStack,
+      type = span.type,
+      name = span.name,
+      start = span.start,
+      end = span.end;
+    if (labelStack && start >= interactionStart) {
+      result.push({
+        labelStack: (0, _utils.optimizeLabelStack)([].concat((0, _toConsumableArray2.default)(labelStack), [{
+          name: name
+        }]), reactUFOVersion),
+        startTime: Math.round(start),
+        endTime: Math.round(end),
+        type: type
+      });
+    }
+    return result;
+  }, []);
+  return updatedSpans;
+}

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

@@ -135,7 +135,7 @@ function init(analyticsWebClientAsync, config) {
         startTime: 0
       });
     }
-    if (config !== null && config !== void 0 && (_config$extraInteract = config.extraInteractionMetrics) !== null && _config$extraInteract !== void 0 && _config$extraInteract.enabled && (0, _platformFeatureFlags.fg)('platform_ufo_enable_ttai_with_3p')) {
+    if (config !== null && config !== void 0 && (_config$extraInteract = config.extraInteractionMetrics) !== null && _config$extraInteract !== void 0 && _config$extraInteract.enabled) {
       _interactionMetrics.interactionExtraMetrics.initializeVCObserver(vcOptions);
     }
   }

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

@@ -1,15 +1,23 @@
 import { fg } from '@atlaskit/platform-feature-flags';
 import coinflip from '../coinflip';
-import { getConfig, getExtraInteractionRate } from '../config';
-import { getMoreAccuratePageVisibilityUpToTTAI, optimizeHoldInfo } from '../create-payload';
-import { buildSegmentTree, getOldSegmentsLabelStack, sanitizeUfoName } from '../create-payload/common/utils';
+import { DEFAULT_TTVC_REVISION, getConfig, getExtraInteractionRate, getMostRecentVCRevision } from '../config';
+import { buildSegmentTree, getOldSegmentsLabelStack, optimizeLabelStack, sanitizeUfoName } from '../create-payload/common/utils';
+import { getMoreAccuratePageVisibilityUpToTTAI } from '../create-payload/utils/get-more-accurate-page-visibility-up-to-ttai';
 import getPageVisibilityUpToTTAI from '../create-payload/utils/get-page-visibility-up-to-ttai';
 import getPayloadSize from '../create-payload/utils/get-payload-size';
 import { getReactUFOPayloadVersion } from '../create-payload/utils/get-react-ufo-payload-version';
 import getTTAI from '../create-payload/utils/get-ttai';
 import getVCMetrics from '../create-payload/utils/get-vc-metrics';
+import { optimizeApdex } from '../create-payload/utils/optimize-apdex';
+import { optimizeCustomTimings } from '../create-payload/utils/optimize-custom-timings';
+import { optimizeHoldInfo } from '../create-payload/utils/optimize-hold-info';
+import { optimizeMarks } from '../create-payload/utils/optimize-marks';
+import { optimizeReactProfilerTimings } from '../create-payload/utils/optimize-react-profiler-timings';
+import { optimizeRequestInfo } from '../create-payload/utils/optimize-request-info';
+import { optimizeSpans } from '../create-payload/utils/optimize-spans';
+import { interactionSpans as atlaskitInteractionSpans } from '../interaction-metrics';
 async function createInteractionExtraLogPayload(interactionId, interaction) {
-  var _getTTAI, _interaction$hold3pIn, _window$location;
+  var _getTTAI, _getMostRecentVCRevis, _window$location;
   const config = getConfig();
   if (!config) {
     throw Error('UFO Configuration not provided');
@@ -42,9 +50,49 @@ async function createInteractionExtraLogPayload(interactionId, interaction) {
   const moreAccuratePageVisibilityAtTTAI = calculatePageVisibilityFromTheStartOfPageLoad ? getMoreAccuratePageVisibilityUpToTTAI(interaction) : null;
   const extraTTAI = (_getTTAI = getTTAI(interaction)) !== null && _getTTAI !== void 0 ? _getTTAI : undefined;
   const newUFOName = sanitizeUfoName(ufoName);
+  const mostRecentVCRevision = (_getMostRecentVCRevis = getMostRecentVCRevision(newUFOName)) !== null && _getMostRecentVCRevis !== void 0 ? _getMostRecentVCRevis : DEFAULT_TTVC_REVISION;
   const finalVCMetrics = await getVCMetrics(interaction, true);
-  const holdInfo = optimizeHoldInfo((_interaction$hold3pIn = interaction.hold3pInfo) !== null && _interaction$hold3pIn !== void 0 ? _interaction$hold3pIn : [], start, getReactUFOPayloadVersion(interaction.type));
-  const segments3p = !fg('platform_ufo_remove_deprecated_config_fields') && config.killswitchNestedSegments ? [] : knownSegments.filter(knownSegment => knownSegment.labelStack.some(entry => 'type' in entry && entry.type === 'third-party'));
+
+  // Helper function to check if labelStack contains third-party type
+  const isThirdParty = labelStack => {
+    var _labelStack$some;
+    return (_labelStack$some = labelStack === null || labelStack === void 0 ? void 0 : labelStack.some(entry => 'type' in entry && entry.type === 'third-party')) !== null && _labelStack$some !== void 0 ? _labelStack$some : false;
+  };
+
+  // Pre-filter 3p data
+  const filteredData = {
+    errors: interaction.errors.filter(error => isThirdParty(error.labelStack)),
+    spans: [...interaction.spans, ...atlaskitInteractionSpans].filter(span => isThirdParty(span.labelStack)),
+    requestInfo: interaction.requestInfo.filter(req => isThirdParty(req.labelStack)),
+    customTimings: interaction.customTimings.filter(timing => isThirdParty(timing.labelStack)),
+    apdex: interaction.apdex.filter(apdex => isThirdParty(apdex.labelStack)),
+    reactProfilerTimings: interaction.reactProfilerTimings.filter(timing => isThirdParty(timing.labelStack)),
+    customData: interaction.customData.filter(data => isThirdParty(data.labelStack)),
+    segments: knownSegments.filter(segment => isThirdParty(segment.labelStack)),
+    marks: interaction.marks.filter(mark => isThirdParty(mark.labelStack))
+  };
+  // Clear atlaskit spans after filtering
+  atlaskitInteractionSpans.length = 0;
+
+  // Detailed payload
+  const getDetailedInteractionMetrics = () => {
+    var _interaction$hold3pIn;
+    return {
+      errors: filteredData.errors.map(({
+        labelStack,
+        ...others
+      }) => ({
+        ...others,
+        labelStack: labelStack && optimizeLabelStack(labelStack, getReactUFOPayloadVersion(interaction.type))
+      })),
+      holdActive: interaction.hold3pActive ? [...interaction.hold3pActive.values()] : [],
+      holdInfo: optimizeHoldInfo((_interaction$hold3pIn = interaction.hold3pInfo) !== null && _interaction$hold3pIn !== void 0 ? _interaction$hold3pIn : [], start, getReactUFOPayloadVersion(interaction.type)),
+      spans: optimizeSpans(filteredData.spans, start, getReactUFOPayloadVersion(interaction.type)),
+      requestInfo: optimizeRequestInfo(filteredData.requestInfo, start, getReactUFOPayloadVersion(interaction.type)),
+      customTimings: optimizeCustomTimings(filteredData.customTimings, start)
+    };
+  };
+  const segments3p = !fg('platform_ufo_remove_deprecated_config_fields') && config.killswitchNestedSegments ? [] : filteredData.segments;
   const segmentTree = getReactUFOPayloadVersion(interaction.type) === '2.0.0' ? buildSegmentTree(segments3p.map(segment => segment.labelStack)) : {};
   const payload = {
     actionSubject: 'experience',
@@ -85,9 +133,14 @@ async function createInteractionExtraLogPayload(interactionId, interaction) {
           start: Math.round(start),
           'metric:ttai:3p': extraTTAI,
           ...finalVCMetrics,
-          holdInfo,
-          segments: getReactUFOPayloadVersion(interaction.type) === '2.0.0' ? segmentTree : getOldSegmentsLabelStack(segments3p, interaction.type)
-        }
+          segments: getReactUFOPayloadVersion(interaction.type) === '2.0.0' ? segmentTree : getOldSegmentsLabelStack(segments3p, interaction.type),
+          marks: optimizeMarks(filteredData.marks, getReactUFOPayloadVersion(interaction.type)),
+          apdex: optimizeApdex(filteredData.apdex, getReactUFOPayloadVersion(interaction.type)),
+          reactProfilerTimings: optimizeReactProfilerTimings(filteredData.reactProfilerTimings, start, getReactUFOPayloadVersion(interaction.type)),
+          customData: filteredData.customData,
+          ...getDetailedInteractionMetrics()
+        },
+        'vc:effective:revision': mostRecentVCRevision
       }
     }
   };

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

@@ -13,7 +13,7 @@ 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, segmentUnmountCache } from '../interaction-metrics';
+import { interactionSpans as atlaskitInteractionSpans } from '../interaction-metrics';
 import { createMemoryStateReport, createPressureStateReport } from '../machine-utilisation';
 import * as resourceTiming from '../resource-timing';
 import { filterResourceTimings } from '../resource-timing/common/utils/resource-timing-buffer';
@@ -24,6 +24,7 @@ import { createCriticalMetricsPayloads } from './critical-metrics-payload';
 import { addPerformanceMeasures } from './utils/add-performance-measures';
 import { getBrowserMetadataToLegacyFormat } from './utils/get-browser-metadata';
 import getInteractionStatus from './utils/get-interaction-status';
+import { getMoreAccuratePageVisibilityUpToTTAI } from './utils/get-more-accurate-page-visibility-up-to-ttai';
 import { getNavigationMetricsToLegacyFormat } from './utils/get-navigation-metrics';
 import getPageVisibilityUpToTTAI from './utils/get-page-visibility-up-to-ttai';
 import { getPaintMetricsToLegacyFormat } from './utils/get-paint-metrics';
@@ -33,6 +34,14 @@ import getSSRDoneTimeValue from './utils/get-ssr-done-time-value';
 import getSSRSuccessUtil from './utils/get-ssr-success';
 import getTTAI from './utils/get-ttai';
 import getVCMetrics from './utils/get-vc-metrics';
+import { getVisibilityStateFromPerformance } from './utils/get-visibility-state-from-performance';
+import { optimizeApdex } from './utils/optimize-apdex';
+import { optimizeCustomTimings } from './utils/optimize-custom-timings';
+import { optimizeHoldInfo } from './utils/optimize-hold-info';
+import { optimizeMarks } from './utils/optimize-marks';
+import { optimizeReactProfilerTimings } from './utils/optimize-react-profiler-timings';
+import { optimizeRequestInfo } from './utils/optimize-request-info';
+import { optimizeSpans } from './utils/optimize-spans';
 function getUfoNameOverride(interaction) {
   const {
     ufoName,
@@ -81,34 +90,6 @@ function getPageVisibilityUpToTTI(interaction) {
   const bm3EndTimeOrInteractionEndTime = getBm3EndTimeOrFallbackValue(interaction);
   return getPageVisibilityState(start, bm3EndTimeOrInteractionEndTime);
 }
-function getVisibilityStateFromPerformance(stop) {
-  try {
-    const results = performance.getEntriesByType('visibility-state');
-    if (!results || results.length === 0) {
-      return null;
-    }
-    return results.reduce((acc = null, {
-      name,
-      startTime
-    }) => {
-      if (startTime > stop) {
-        return acc;
-      }
-      if (acc === null && name === null) {
-        return null;
-      }
-      if (acc === null) {
-        return name;
-      }
-      if (acc !== name) {
-        return 'mixed';
-      }
-      return acc;
-    }, null);
-  } catch (e) {
-    return null;
-  }
-}
 function getMoreAccuratePageVisibilityUpToTTI(interaction) {
   const old = getPageVisibilityUpToTTI(interaction);
   const tti = getEarliestLegacyStopTime(interaction, []);
@@ -124,17 +105,6 @@ function getMoreAccuratePageVisibilityUpToTTI(interaction) {
   }
   return old;
 }
-export function getMoreAccuratePageVisibilityUpToTTAI(interaction) {
-  const old = getPageVisibilityUpToTTAI(interaction);
-  const buffered = getVisibilityStateFromPerformance(interaction.end);
-  if (!buffered) {
-    return old;
-  }
-  if (buffered !== old) {
-    return 'mixed';
-  }
-  return old;
-}
 function getResourceTimings(start, end) {
   var _resourceTiming$getRe;
   return (_resourceTiming$getRe = resourceTiming.getResourceTimings(start, end)) !== null && _resourceTiming$getRe !== void 0 ? _resourceTiming$getRe : undefined;
@@ -291,49 +261,6 @@ function optimizeCustomData(interaction) {
   }
   return [...customDataMap.values()];
 }
-function optimizeReactProfilerTimings(reactProfilerTimings, interactionStart, reactUFOVersion) {
-  const reactProfilerTimingsMap = reactProfilerTimings.reduce((result, {
-    labelStack,
-    startTime,
-    commitTime,
-    actualDuration,
-    type
-  }) => {
-    if (labelStack && startTime >= interactionStart) {
-      const label = stringifyLabelStackFully(labelStack);
-      const start = Math.round(startTime);
-      const end = Math.round(commitTime);
-      const timing = result.get(label) || {
-        labelStack: optimizeLabelStack(labelStack, reactUFOVersion),
-        startTime: start,
-        endTime: end,
-        mountCount: 0,
-        rerenderCount: 0,
-        renderDuration: 0
-      };
-      if (start < timing.startTime) {
-        timing.startTime = start;
-      }
-      if (end > timing.endTime) {
-        timing.endTime = end;
-      }
-      if (type === 'mount') {
-        timing.mountCount += 1;
-      }
-      if (type === 'update') {
-        timing.rerenderCount += 1;
-      }
-      if (segmentUnmountCache.has(label) && fg('platform_ufo_segment_unmount_count')) {
-        timing.unmountCount = segmentUnmountCache.get(label) || 0;
-        segmentUnmountCache.delete(label);
-      }
-      timing.renderDuration += Math.round(actualDuration);
-      result.set(label, timing);
-    }
-    return result;
-  }, new Map());
-  return [...reactProfilerTimingsMap.values()];
-}
 function optimizeRedirects(redirects, interactionStart) {
   let lastRedirectTime = interactionStart;
   const updatedRedirects = redirects.sort((a, b) => a.time - b.time).reduce((result, redirect) => {
@@ -355,128 +282,6 @@ function optimizeRedirects(redirects, interactionStart) {
   }, []);
   return updatedRedirects;
 }
-export function optimizeHoldInfo(holdInfo, interactionStart, reactUFOVersion) {
-  const holdInfoMap = holdInfo.reduce((result, hold) => {
-    const {
-      labelStack,
-      name,
-      start,
-      end,
-      ignoreOnSubmit
-    } = hold;
-    if (labelStack && !ignoreOnSubmit && start >= interactionStart) {
-      const label = stringifyLabelStackFully([...labelStack, {
-        name
-      }]);
-      const startTime = Math.round(start);
-      const endTime = Math.round(end);
-      const timing = result.get(label) || {
-        labelStack: optimizeLabelStack([...labelStack, {
-          name
-        }], reactUFOVersion),
-        startTime,
-        endTime
-      };
-      if (startTime < timing.startTime) {
-        timing.startTime = startTime;
-      }
-      if (endTime > timing.endTime) {
-        timing.endTime = endTime;
-      }
-      result.set(label, timing);
-    }
-    return result;
-  }, new Map());
-  return [...holdInfoMap.values()];
-}
-function optimizeSpans(spans, interactionStart, reactUFOVersion) {
-  const updatedSpans = spans.reduce((result, span) => {
-    const {
-      labelStack,
-      type,
-      name,
-      start,
-      end
-    } = span;
-    if (labelStack && start >= interactionStart) {
-      result.push({
-        labelStack: optimizeLabelStack([...labelStack, {
-          name
-        }], reactUFOVersion),
-        startTime: Math.round(start),
-        endTime: Math.round(end),
-        type
-      });
-    }
-    return result;
-  }, []);
-  return updatedSpans;
-}
-function optimizeRequestInfo(requestInfo, interactionStart, reactUFOVersion) {
-  const updatedRequestInfo = requestInfo.reduce((result, reqInfo) => {
-    const {
-      labelStack,
-      name,
-      start,
-      end,
-      networkStart,
-      networkComplete
-    } = reqInfo;
-    const startTime = networkStart !== null && networkStart !== void 0 ? networkStart : start;
-    const endTime = networkComplete !== null && networkComplete !== void 0 ? networkComplete : end;
-    if (labelStack && start >= interactionStart && endTime) {
-      result.push({
-        labelStack: optimizeLabelStack([...labelStack, {
-          name
-        }], reactUFOVersion),
-        startTime: Math.round(startTime),
-        endTime: Math.round(endTime)
-      });
-    }
-    return result;
-  }, []);
-  return updatedRequestInfo;
-}
-function optimizeCustomTimings(customTimings, interactionStart) {
-  return customTimings.reduce((result, item) => {
-    Object.keys(item.data).forEach(key => {
-      if (item.data[key].startTime >= interactionStart) {
-        result.push({
-          labelStack: [{
-            n: key
-          }],
-          startTime: Math.round(item.data[key].startTime),
-          endTime: Math.round(item.data[key].endTime)
-        });
-      }
-    });
-    return result;
-  }, []);
-}
-function optimizeMarks(marks, reactUFOVersion) {
-  return marks.map(({
-    labelStack,
-    time,
-    ...others
-  }) => ({
-    ...others,
-    labelStack: labelStack && optimizeLabelStack(labelStack, reactUFOVersion),
-    time: Math.round(time)
-  }));
-}
-function optimizeApdex(apdex, reactUFOVersion) {
-  return apdex.map(({
-    stopTime,
-    labelStack,
-    ...others
-  }) => ({
-    ...others,
-    stopTime: Math.round(stopTime),
-    ...(labelStack ? {
-      labelStack: optimizeLabelStack(labelStack, reactUFOVersion)
-    } : {})
-  }));
-}
 function objectToArray(obj = {}) {
   return Object.keys(obj).reduce((result, key) => {
     result.push({

package/dist/es2019/create-payload/utils/get-more-accurate-page-visibility-up-to-ttai.js

@@ -0,0 +1,13 @@
+import getPageVisibilityUpToTTAI from './get-page-visibility-up-to-ttai';
+import { getVisibilityStateFromPerformance } from './get-visibility-state-from-performance';
+export function getMoreAccuratePageVisibilityUpToTTAI(interaction) {
+  const old = getPageVisibilityUpToTTAI(interaction);
+  const buffered = getVisibilityStateFromPerformance(interaction.end);
+  if (!buffered) {
+    return old;
+  }
+  if (buffered !== old) {
+    return 'mixed';
+  }
+  return old;
+}

package/dist/es2019/create-payload/utils/get-visibility-state-from-performance.js

@@ -0,0 +1,28 @@
+export function getVisibilityStateFromPerformance(stop) {
+  try {
+    const results = performance.getEntriesByType('visibility-state');
+    if (!results || results.length === 0) {
+      return null;
+    }
+    return results.reduce((acc = null, {
+      name,
+      startTime
+    }) => {
+      if (startTime > stop) {
+        return acc;
+      }
+      if (acc === null && name === null) {
+        return null;
+      }
+      if (acc === null) {
+        return name;
+      }
+      if (acc !== name) {
+        return 'mixed';
+      }
+      return acc;
+    }, null);
+  } catch (e) {
+    return null;
+  }
+}

package/dist/es2019/create-payload/utils/optimize-apdex.js

@@ -0,0 +1,14 @@
+import { optimizeLabelStack } from '../common/utils';
+export function optimizeApdex(apdex, reactUFOVersion) {
+  return apdex.map(({
+    stopTime,
+    labelStack,
+    ...others
+  }) => ({
+    ...others,
+    stopTime: Math.round(stopTime),
+    ...(labelStack ? {
+      labelStack: optimizeLabelStack(labelStack, reactUFOVersion)
+    } : {})
+  }));
+}

package/dist/es2019/create-payload/utils/optimize-custom-timings.js

@@ -0,0 +1,16 @@
+export function optimizeCustomTimings(customTimings, interactionStart) {
+  return customTimings.reduce((result, item) => {
+    Object.keys(item.data).forEach(key => {
+      if (item.data[key].startTime >= interactionStart) {
+        result.push({
+          labelStack: [{
+            n: key
+          }],
+          startTime: Math.round(item.data[key].startTime),
+          endTime: Math.round(item.data[key].endTime)
+        });
+      }
+    });
+    return result;
+  }, []);
+}

package/dist/es2019/create-payload/utils/optimize-hold-info.js

@@ -0,0 +1,35 @@
+import { optimizeLabelStack, stringifyLabelStackFully } from '../common/utils';
+export function optimizeHoldInfo(holdInfo, interactionStart, reactUFOVersion) {
+  const holdInfoMap = holdInfo.reduce((result, hold) => {
+    const {
+      labelStack,
+      name,
+      start,
+      end,
+      ignoreOnSubmit
+    } = hold;
+    if (labelStack && !ignoreOnSubmit && start >= interactionStart) {
+      const label = stringifyLabelStackFully([...labelStack, {
+        name
+      }]);
+      const startTime = Math.round(start);
+      const endTime = Math.round(end);
+      const timing = result.get(label) || {
+        labelStack: optimizeLabelStack([...labelStack, {
+          name
+        }], reactUFOVersion),
+        startTime,
+        endTime
+      };
+      if (startTime < timing.startTime) {
+        timing.startTime = startTime;
+      }
+      if (endTime > timing.endTime) {
+        timing.endTime = endTime;
+      }
+      result.set(label, timing);
+    }
+    return result;
+  }, new Map());
+  return [...holdInfoMap.values()];
+}

package/dist/es2019/create-payload/utils/optimize-marks.js

@@ -0,0 +1,12 @@
+import { optimizeLabelStack } from '../common/utils';
+export function optimizeMarks(marks, reactUFOVersion) {
+  return marks.map(({
+    labelStack,
+    time,
+    ...others
+  }) => ({
+    ...others,
+    labelStack: labelStack && optimizeLabelStack(labelStack, reactUFOVersion),
+    time: Math.round(time)
+  }));
+}