@atlaskit/react-ufo 2.3.2 → 2.4.0

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

@@ -21,7 +21,7 @@ import * as resourceTiming from '../resource-timing';
 import { roundEpsilon } from '../round-number';
 import * as ssr from '../ssr';
 import { getVCObserver } from '../vc';
-import { isSegmentLabel, sanitizeUfoName } from './common/utils';
+import { buildSegmentTree, labelStackStartWith, optimizeLabelStack, sanitizeUfoName, stringifyLabelStackFully } from './common/utils';
 function getUfoNameOverride(interaction) {
   var ufoName = interaction.ufoName,
     apdex = interaction.apdex;
@@ -39,17 +39,6 @@ function getUfoNameOverride(interaction) {
     return ufoName;
   }
 }
-function stringifyLabelStackFully(labelStack) {
-  return labelStack.map(function (l) {
-    if (isSegmentLabel(l)) {
-      return "".concat(l.name, ":").concat(l.segmentId);
-    }
-    return l.name;
-  }).join('/');
-}
-function labelStackStartWith(labelStack, startWith) {
-  return stringifyLabelStackFully(labelStack).startsWith(stringifyLabelStackFully(startWith));
-}
 function getEarliestLegacyStopTime(interaction, labelStack) {
   var earliestLegacyStopTime = null;
   interaction.apdex.forEach(function (a) {
@@ -335,18 +324,6 @@ var getTracingContextData = function getTracingContextData(interaction) {
   }
   return tracingContextData;
 };
-
-// interaction metric
-
-function optimizeLabelStack(labelStack) {
-  return labelStack.map(function (ls) {
-    return _objectSpread({
-      n: ls.name
-    }, ls.segmentId ? {
-      s: ls.segmentId
-    } : {});
-  });
-}
 function optimizeCustomData(interaction) {
   var customData = interaction.customData,
     legacyMetrics = interaction.legacyMetrics;
@@ -520,7 +497,7 @@ function optimizeRequestInfo(requestInfo, interactionStart) {
   return updatedRequestInfo;
 }
 function optimizeCustomTimings(customTimings, interactionStart) {
-  var updatedCustomTimings = customTimings.reduce(function (result, item) {
+  return customTimings.reduce(function (result, item) {
     Object.keys(item.data).forEach(function (key) {
       if (item.data[key].startTime >= interactionStart) {
         result.push({
@@ -534,7 +511,6 @@ function optimizeCustomTimings(customTimings, interactionStart) {
     });
     return result;
   }, []);
-  return updatedCustomTimings;
 }
 function optimizeMarks(marks) {
   return marks.map(function (_ref4) {
@@ -559,8 +535,6 @@ function optimizeApdex(apdex) {
     } : {});
   });
 }
-
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
 function objectToArray() {
   var obj = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return Object.keys(obj).reduce(function (result, key) {
@@ -569,9 +543,7 @@ function objectToArray() {
       data: obj[key]
     });
     return result;
-  },
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  []);
+  }, []);
 }
 function getBM3SubmetricsTimings(submetrics) {
   if (!submetrics) {
@@ -647,6 +619,9 @@ function createInteractionMetricsPayload(interaction, interactionId) {
   var pageVisibilityAtTTI = getPageVisibilityUpToTTI(interaction);
   var pageVisibilityAtTTAI = getPageVisibilityUpToTTAI(interaction);
   var segments = config.killswitchNestedSegments ? [] : knownSegments;
+  var segmentTree = buildSegmentTree(segments.map(function (segment) {
+    return segment.labelStack;
+  }));
   var isDetailedPayload = pageVisibilityAtTTAI === 'visible';
   var isPageLoad = type === 'page_load';
   var calculatePageVisibilityFromTheStartOfPageLoad = config.enableBetterPageVisibilityApi && isPageLoad;
@@ -752,7 +727,7 @@ function createInteractionMetricsPayload(interaction, interactionId) {
           apdex: optimizeApdex(interaction.apdex),
           end: Math.round(end),
           start: Math.round(start),
-          segments: segments.map(function (_ref7) {
+          segments: REACT_UFO_VERSION === '2.0.0' ? segmentTree : segments.map(function (_ref7) {
             var labelStack = _ref7.labelStack,
               others = _objectWithoutProperties(_ref7, _excluded4);
             return _objectSpread(_objectSpread({}, others), {}, {

package/dist/esm/vc/index.js

@@ -1,9 +1,8 @@
 import { VCObserver } from './vc-observer';
-var instance = null;
 export var getVCObserver = function getVCObserver() {
   var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  if (instance === null) {
-    instance = new VCObserver(opts);
+  if (!globalThis.__vcObserver) {
+    globalThis.__vcObserver = new VCObserver(opts);
   }
-  return instance;
+  return globalThis.__vcObserver;
 };

package/dist/esm/vc/vc-observer/index.js

@@ -357,6 +357,12 @@ export var VCObserver = /*#__PURE__*/function () {
       var stopTime = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : performance.now();
       this.observers.setReactRootRenderStop(stopTime);
     }
+  }, {
+    key: "abortObservation",
+    value: function abortObservation() {
+      var abortReason = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'custom';
+      this.setAbortReason(abortReason, performance.now());
+    }
   }, {
     key: "setAbortReason",
     value: function setAbortReason(abort, timestamp) {

package/dist/types/common/constants.d.ts

@@ -1 +1 @@
-export declare const REACT_UFO_VERSION = "1.0.1";
+export declare const REACT_UFO_VERSION: string;

package/dist/types/common/vc/types.d.ts

@@ -4,7 +4,7 @@ export declare const AbortEvent: {
     readonly keydown: "keydown";
     readonly resize: "resize";
 };
-export type VCAbortReason = 'scroll' | 'keypress' | 'resize' | 'error' | 'not-supported';
+export type VCAbortReason = 'custom' | 'scroll' | 'keypress' | 'resize' | 'error' | 'not-supported';
 export type VCAbortReasonType = {
     reason: null | VCAbortReason;
     info: string;

package/dist/types/create-payload/common/types.d.ts

@@ -1,4 +1,4 @@
 export type OptimizedLabelStack = {
     n: string;
     s?: string;
-}[];
+}[] | string;

package/dist/types/create-payload/common/utils/index.d.ts

@@ -1,3 +1,17 @@
-import { type SegmentLabel } from '../../../interaction-context';
+import type { LabelStack, SegmentLabel } from '../../../interaction-context';
+export type SegmentItem = {
+    n: string;
+    c?: Record<string, SegmentItem>;
+};
+export type SegmentTree = {
+    r: SegmentItem;
+};
 export declare const sanitizeUfoName: (name: string) => string;
 export declare function isSegmentLabel(obj: any): obj is SegmentLabel;
+export declare function buildSegmentTree(labelStacks: LabelStack[]): SegmentTree;
+export declare function stringifyLabelStackFully(labelStack: LabelStack): string;
+export declare function labelStackStartWith(labelStack: LabelStack, startWith: LabelStack): boolean;
+export declare function optimizeLabelStack(labelStack: LabelStack): string | {
+    s?: string | undefined;
+    n: string;
+}[];