@atlaskit/react-ufo 4.7.0 → 4.7.1

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

@@ -0,0 +1,46 @@
+import { fg } from '@atlaskit/platform-feature-flags';
+import { segmentUnmountCache } from '../../interaction-metrics';
+import { optimizeLabelStack, stringifyLabelStackFully } from '../common/utils';
+export 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()];
+}

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

@@ -0,0 +1,26 @@
+import { optimizeLabelStack } from '../common/utils';
+export 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;
+}

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

@@ -0,0 +1,24 @@
+import { optimizeLabelStack } from '../common/utils';
+export 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;
+}

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

@@ -111,7 +111,7 @@ export function init(analyticsWebClientAsync, config) {
         startTime: 0
       });
     }
-    if (config !== null && config !== void 0 && (_config$extraInteract = config.extraInteractionMetrics) !== null && _config$extraInteract !== void 0 && _config$extraInteract.enabled && 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) {
       interactionExtraMetrics.initializeVCObserver(vcOptions);
     }
   }

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

@@ -1,25 +1,36 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+var _excluded = ["labelStack"];
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 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) { _defineProperty(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; }
 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';
 function createInteractionExtraLogPayload(_x, _x2) {
   return _createInteractionExtraLogPayload.apply(this, arguments);
 }
 function _createInteractionExtraLogPayload() {
   _createInteractionExtraLogPayload = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(interactionId, interaction) {
-    var _getTTAI, _interaction$hold3pIn, _window$location;
-    var config, end, start, ufoName, rate, type, abortReason, routeName, previousInteractionName, isPreviousInteractionAborted, abortedByInteractionName, knownSegments, sanitisedUfoName, configRate, pageVisibilityAtTTAI, isPageLoad, calculatePageVisibilityFromTheStartOfPageLoad, moreAccuratePageVisibilityAtTTAI, extraTTAI, newUFOName, finalVCMetrics, holdInfo, segments3p, segmentTree, payload;
+    var _getTTAI, _getMostRecentVCRevis, _window$location;
+    var config, end, start, ufoName, rate, type, abortReason, routeName, previousInteractionName, isPreviousInteractionAborted, abortedByInteractionName, knownSegments, sanitisedUfoName, configRate, pageVisibilityAtTTAI, isPageLoad, calculatePageVisibilityFromTheStartOfPageLoad, moreAccuratePageVisibilityAtTTAI, extraTTAI, newUFOName, mostRecentVCRevision, finalVCMetrics, isThirdParty, filteredData, getDetailedInteractionMetrics, segments3p, segmentTree, payload;
     return _regeneratorRuntime.wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
@@ -51,16 +62,68 @@ function _createInteractionExtraLogPayload() {
           moreAccuratePageVisibilityAtTTAI = calculatePageVisibilityFromTheStartOfPageLoad ? getMoreAccuratePageVisibilityUpToTTAI(interaction) : null;
           extraTTAI = (_getTTAI = getTTAI(interaction)) !== null && _getTTAI !== void 0 ? _getTTAI : undefined;
           newUFOName = sanitizeUfoName(ufoName);
-          _context.next = 18;
+          mostRecentVCRevision = (_getMostRecentVCRevis = getMostRecentVCRevision(newUFOName)) !== null && _getMostRecentVCRevis !== void 0 ? _getMostRecentVCRevis : DEFAULT_TTVC_REVISION;
+          _context.next = 19;
           return getVCMetrics(interaction, true);
-        case 18:
+        case 19:
           finalVCMetrics = _context.sent;
-          holdInfo = optimizeHoldInfo((_interaction$hold3pIn = interaction.hold3pInfo) !== null && _interaction$hold3pIn !== void 0 ? _interaction$hold3pIn : [], start, getReactUFOPayloadVersion(interaction.type));
-          segments3p = !fg('platform_ufo_remove_deprecated_config_fields') && config.killswitchNestedSegments ? [] : knownSegments.filter(function (knownSegment) {
-            return knownSegment.labelStack.some(function (entry) {
+          // Helper function to check if labelStack contains third-party type
+          isThirdParty = function isThirdParty(labelStack) {
+            var _labelStack$some;
+            return (_labelStack$some = labelStack === null || labelStack === void 0 ? void 0 : labelStack.some(function (entry) {
               return 'type' in entry && entry.type === 'third-party';
-            });
-          });
+            })) !== null && _labelStack$some !== void 0 ? _labelStack$some : false;
+          }; // Pre-filter 3p data
+          filteredData = {
+            errors: interaction.errors.filter(function (error) {
+              return isThirdParty(error.labelStack);
+            }),
+            spans: [].concat(_toConsumableArray(interaction.spans), _toConsumableArray(atlaskitInteractionSpans)).filter(function (span) {
+              return isThirdParty(span.labelStack);
+            }),
+            requestInfo: interaction.requestInfo.filter(function (req) {
+              return isThirdParty(req.labelStack);
+            }),
+            customTimings: interaction.customTimings.filter(function (timing) {
+              return isThirdParty(timing.labelStack);
+            }),
+            apdex: interaction.apdex.filter(function (apdex) {
+              return isThirdParty(apdex.labelStack);
+            }),
+            reactProfilerTimings: interaction.reactProfilerTimings.filter(function (timing) {
+              return isThirdParty(timing.labelStack);
+            }),
+            customData: interaction.customData.filter(function (data) {
+              return isThirdParty(data.labelStack);
+            }),
+            segments: knownSegments.filter(function (segment) {
+              return isThirdParty(segment.labelStack);
+            }),
+            marks: interaction.marks.filter(function (mark) {
+              return isThirdParty(mark.labelStack);
+            })
+          }; // Clear atlaskit spans after filtering
+          atlaskitInteractionSpans.length = 0;
+
+          // Detailed payload
+          getDetailedInteractionMetrics = function getDetailedInteractionMetrics() {
+            var _interaction$hold3pIn;
+            return {
+              errors: filteredData.errors.map(function (_ref) {
+                var labelStack = _ref.labelStack,
+                  others = _objectWithoutProperties(_ref, _excluded);
+                return _objectSpread(_objectSpread({}, others), {}, {
+                  labelStack: labelStack && optimizeLabelStack(labelStack, getReactUFOPayloadVersion(interaction.type))
+                });
+              }),
+              holdActive: interaction.hold3pActive ? _toConsumableArray(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)
+            };
+          };
+          segments3p = !fg('platform_ufo_remove_deprecated_config_fields') && config.killswitchNestedSegments ? [] : filteredData.segments;
           segmentTree = getReactUFOPayloadVersion(interaction.type) === '2.0.0' ? buildSegmentTree(segments3p.map(function (segment) {
             return segment.labelStack;
           })) : {};
@@ -103,15 +166,19 @@ function _createInteractionExtraLogPayload() {
                   start: Math.round(start),
                   'metric:ttai:3p': extraTTAI
                 }, finalVCMetrics), {}, {
-                  holdInfo: 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
               }
             }
           };
           payload.attributes.properties['event:sizeInKb'] = getPayloadSize(payload.attributes.properties);
           return _context.abrupt("return", payload);
-        case 25:
+        case 29:
         case "end":
           return _context.stop();
       }

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

@@ -1,11 +1,9 @@
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["labelStack", "time"],
-  _excluded2 = ["stopTime", "labelStack"],
-  _excluded3 = ["labelStack"];
+var _excluded = ["labelStack"];
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 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) { _defineProperty(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; }
@@ -24,7 +22,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';
@@ -35,6 +33,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';
@@ -44,6 +43,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) {
   var ufoName = interaction.ufoName,
     apdex = interaction.apdex;
@@ -90,35 +97,6 @@ function getPageVisibilityUpToTTI(interaction) {
   var bm3EndTimeOrInteractionEndTime = getBm3EndTimeOrFallbackValue(interaction);
   return getPageVisibilityState(start, bm3EndTimeOrInteractionEndTime);
 }
-function getVisibilityStateFromPerformance(stop) {
-  try {
-    var results = performance.getEntriesByType('visibility-state');
-    if (!results || results.length === 0) {
-      return null;
-    }
-    return results.reduce(function () {
-      var acc = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
-      var _ref = arguments.length > 1 ? arguments[1] : undefined,
-        name = _ref.name,
-        startTime = _ref.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) {
   var old = getPageVisibilityUpToTTI(interaction);
   var tti = getEarliestLegacyStopTime(interaction, []);
@@ -134,17 +112,6 @@ function getMoreAccuratePageVisibilityUpToTTI(interaction) {
   }
   return old;
 }
-export function getMoreAccuratePageVisibilityUpToTTAI(interaction) {
-  var old = getPageVisibilityUpToTTAI(interaction);
-  var 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;
@@ -247,10 +214,10 @@ function optimizeCustomData(interaction) {
   var customData = interaction.customData,
     cohortingCustomData = interaction.cohortingCustomData,
     legacyMetrics = interaction.legacyMetrics;
-  var customDataMap = customData.reduce(function (result, _ref2) {
+  var customDataMap = customData.reduce(function (result, _ref) {
     var _result$get$data, _result$get;
-    var labelStack = _ref2.labelStack,
-      data = _ref2.data;
+    var labelStack = _ref.labelStack,
+      data = _ref.data;
     var label = stringifyLabelStackFully(labelStack);
     var value = (_result$get$data = (_result$get = result.get(label)) === null || _result$get === void 0 ? void 0 : _result$get.data) !== null && _result$get$data !== void 0 ? _result$get$data : {};
     result.set(label, {
@@ -292,48 +259,6 @@ function optimizeCustomData(interaction) {
   }
   return _toConsumableArray(customDataMap.values());
 }
-function optimizeReactProfilerTimings(reactProfilerTimings, interactionStart, reactUFOVersion) {
-  var reactProfilerTimingsMap = reactProfilerTimings.reduce(function (result, _ref3) {
-    var labelStack = _ref3.labelStack,
-      startTime = _ref3.startTime,
-      commitTime = _ref3.commitTime,
-      actualDuration = _ref3.actualDuration,
-      type = _ref3.type;
-    if (labelStack && startTime >= interactionStart) {
-      var label = stringifyLabelStackFully(labelStack);
-      var start = Math.round(startTime);
-      var end = Math.round(commitTime);
-      var 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 _toConsumableArray(reactProfilerTimingsMap.values());
-}
 function optimizeRedirects(redirects, interactionStart) {
   var lastRedirectTime = interactionStart;
   var updatedRedirects = redirects.sort(function (a, b) {
@@ -355,121 +280,6 @@ function optimizeRedirects(redirects, interactionStart) {
   }, []);
   return updatedRedirects;
 }
-export function optimizeHoldInfo(holdInfo, interactionStart, reactUFOVersion) {
-  var holdInfoMap = holdInfo.reduce(function (result, hold) {
-    var labelStack = hold.labelStack,
-      name = hold.name,
-      start = hold.start,
-      end = hold.end,
-      ignoreOnSubmit = hold.ignoreOnSubmit;
-    if (labelStack && !ignoreOnSubmit && start >= interactionStart) {
-      var label = stringifyLabelStackFully([].concat(_toConsumableArray(labelStack), [{
-        name: name
-      }]));
-      var startTime = Math.round(start);
-      var endTime = Math.round(end);
-      var timing = result.get(label) || {
-        labelStack: optimizeLabelStack([].concat(_toConsumableArray(labelStack), [{
-          name: name
-        }]), reactUFOVersion),
-        startTime: startTime,
-        endTime: endTime
-      };
-      if (startTime < timing.startTime) {
-        timing.startTime = startTime;
-      }
-      if (endTime > timing.endTime) {
-        timing.endTime = endTime;
-      }
-      result.set(label, timing);
-    }
-    return result;
-  }, new Map());
-  return _toConsumableArray(holdInfoMap.values());
-}
-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: optimizeLabelStack([].concat(_toConsumableArray(labelStack), [{
-          name: name
-        }]), reactUFOVersion),
-        startTime: Math.round(start),
-        endTime: Math.round(end),
-        type: type
-      });
-    }
-    return result;
-  }, []);
-  return updatedSpans;
-}
-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: optimizeLabelStack([].concat(_toConsumableArray(labelStack), [{
-          name: name
-        }]), reactUFOVersion),
-        startTime: Math.round(startTime),
-        endTime: Math.round(endTime)
-      });
-    }
-    return result;
-  }, []);
-  return updatedRequestInfo;
-}
-function optimizeCustomTimings(customTimings, interactionStart) {
-  return customTimings.reduce(function (result, item) {
-    Object.keys(item.data).forEach(function (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(function (_ref4) {
-    var labelStack = _ref4.labelStack,
-      time = _ref4.time,
-      others = _objectWithoutProperties(_ref4, _excluded);
-    return _objectSpread(_objectSpread({}, others), {}, {
-      labelStack: labelStack && optimizeLabelStack(labelStack, reactUFOVersion),
-      time: Math.round(time)
-    });
-  });
-}
-function optimizeApdex(apdex, reactUFOVersion) {
-  return apdex.map(function (_ref5) {
-    var stopTime = _ref5.stopTime,
-      labelStack = _ref5.labelStack,
-      others = _objectWithoutProperties(_ref5, _excluded2);
-    return _objectSpread(_objectSpread({}, others), {}, {
-      stopTime: Math.round(stopTime)
-    }, labelStack ? {
-      labelStack: optimizeLabelStack(labelStack, reactUFOVersion)
-    } : {});
-  });
-}
 function objectToArray() {
   var obj = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return Object.keys(obj).reduce(function (result, key) {
@@ -643,9 +453,9 @@ function _createInteractionMetricsPayload() {
             var spans = [].concat(_toConsumableArray(interaction.spans), _toConsumableArray(atlaskitInteractionSpans));
             atlaskitInteractionSpans.length = 0;
             return {
-              errors: interaction.errors.map(function (_ref6) {
-                var labelStack = _ref6.labelStack,
-                  others = _objectWithoutProperties(_ref6, _excluded3);
+              errors: interaction.errors.map(function (_ref2) {
+                var labelStack = _ref2.labelStack,
+                  others = _objectWithoutProperties(_ref2, _excluded);
                 return _objectSpread(_objectSpread({}, others), {}, {
                   labelStack: labelStack && optimizeLabelStack(labelStack, getReactUFOPayloadVersion(interaction.type))
                 });

package/dist/esm/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) {
+  var old = getPageVisibilityUpToTTAI(interaction);
+  var buffered = getVisibilityStateFromPerformance(interaction.end);
+  if (!buffered) {
+    return old;
+  }
+  if (buffered !== old) {
+    return 'mixed';
+  }
+  return old;
+}

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

@@ -0,0 +1,29 @@
+export function getVisibilityStateFromPerformance(stop) {
+  try {
+    var results = performance.getEntriesByType('visibility-state');
+    if (!results || results.length === 0) {
+      return null;
+    }
+    return results.reduce(function () {
+      var acc = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+      var _ref = arguments.length > 1 ? arguments[1] : undefined,
+        name = _ref.name,
+        startTime = _ref.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/esm/create-payload/utils/optimize-apdex.js

@@ -0,0 +1,18 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["stopTime", "labelStack"];
+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) { _defineProperty(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; }
+import { optimizeLabelStack } from '../common/utils';
+export function optimizeApdex(apdex, reactUFOVersion) {
+  return apdex.map(function (_ref) {
+    var stopTime = _ref.stopTime,
+      labelStack = _ref.labelStack,
+      others = _objectWithoutProperties(_ref, _excluded);
+    return _objectSpread(_objectSpread({}, others), {}, {
+      stopTime: Math.round(stopTime)
+    }, labelStack ? {
+      labelStack: optimizeLabelStack(labelStack, reactUFOVersion)
+    } : {});
+  });
+}

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

@@ -0,0 +1,16 @@
+export function optimizeCustomTimings(customTimings, interactionStart) {
+  return customTimings.reduce(function (result, item) {
+    Object.keys(item.data).forEach(function (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/esm/create-payload/utils/optimize-hold-info.js

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