@atlaskit/react-ufo 2.3.3 → 2.4.1

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

@@ -1,9 +1,11 @@
 import Bowser from 'bowser-ultralight';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { getLighthouseMetrics } from '../additional-payload';
 import * as bundleEvalTiming from '../bundle-eval-timing';
 import { REACT_UFO_VERSION } from '../common/constants';
 import { getConfig, getUfoNameOverrides } from '../config';
 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';
@@ -11,7 +13,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) {
   const {
     ufoName,
@@ -31,17 +33,6 @@ function getUfoNameOverride(interaction) {
     return ufoName;
   }
 }
-function stringifyLabelStackFully(labelStack) {
-  return labelStack.map(l => {
-    if (isSegmentLabel(l)) {
-      return `${l.name}:${l.segmentId}`;
-    }
-    return l.name;
-  }).join('/');
-}
-function labelStackStartWith(labelStack, startWith) {
-  return stringifyLabelStackFully(labelStack).startsWith(stringifyLabelStackFully(startWith));
-}
 function getEarliestLegacyStopTime(interaction, labelStack) {
   let earliestLegacyStopTime = null;
   interaction.apdex.forEach(a => {
@@ -329,17 +320,6 @@ const getTracingContextData = interaction => {
   }
   return tracingContextData;
 };
-
-// interaction metric
-
-function optimizeLabelStack(labelStack) {
-  return labelStack.map(ls => ({
-    n: ls.name,
-    ...(ls.segmentId ? {
-      s: ls.segmentId
-    } : {})
-  }));
-}
 function optimizeCustomData(interaction) {
   const {
     customData,
@@ -520,7 +500,7 @@ function optimizeRequestInfo(requestInfo, interactionStart) {
   return updatedRequestInfo;
 }
 function optimizeCustomTimings(customTimings, interactionStart) {
-  const updatedCustomTimings = customTimings.reduce((result, item) => {
+  return customTimings.reduce((result, item) => {
     Object.keys(item.data).forEach(key => {
       if (item.data[key].startTime >= interactionStart) {
         result.push({
@@ -534,7 +514,6 @@ function optimizeCustomTimings(customTimings, interactionStart) {
     });
     return result;
   }, []);
-  return updatedCustomTimings;
 }
 function optimizeMarks(marks) {
   return marks.map(({
@@ -560,8 +539,6 @@ function optimizeApdex(apdex) {
     } : {})
   }));
 }
-
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
 function objectToArray(obj = {}) {
   return Object.keys(obj).reduce((result, key) => {
     result.push({
@@ -569,9 +546,7 @@ function objectToArray(obj = {}) {
       data: obj[key]
     });
     return result;
-  },
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  []);
+  }, []);
 }
 function getBM3SubmetricsTimings(submetrics) {
   if (!submetrics) {
@@ -626,6 +601,45 @@ function getSSRDoneTimeValue(config) {
 function getPayloadSize(payload) {
   return Math.round(new TextEncoder().encode(JSON.stringify(payload)).length / 1024);
 }
+function getStylesheetMetrics() {
+  if (!fg('ufo_capture_stylesheet_metrics')) {
+    return {};
+  }
+  try {
+    const stylesheets = Array.from(document.styleSheets);
+    const stylesheetCount = stylesheets.length;
+    const cssrules = Array.from(document.styleSheets).reduce((acc, item) => {
+      // Other domain stylesheets throw a SecurityError
+      try {
+        return acc + item.cssRules.length;
+      } catch (e) {
+        return acc;
+      }
+    }, 0);
+    const styleElements = document.querySelectorAll('style').length;
+    const styleProps = document.querySelectorAll('[style]');
+    const styleDeclarations = Array.from(document.querySelectorAll('[style]')).reduce((acc, item) => {
+      try {
+        if ('style' in item) {
+          return acc + item.style.length;
+        } else {
+          return acc;
+        }
+      } catch (e) {
+        return acc;
+      }
+    }, 0);
+    return {
+      stylesheets: stylesheetCount,
+      styleElements,
+      styleProps: styleProps.length,
+      styleDeclarations,
+      cssrules: cssrules
+    };
+  } catch (e) {
+    return {};
+  }
+}
 function createInteractionMetricsPayload(interaction, interactionId) {
   var _window$location, _config$additionalPay;
   const interactionPayloadStart = performance.now();
@@ -650,6 +664,7 @@ function createInteractionMetricsPayload(interaction, interactionId) {
   const pageVisibilityAtTTI = getPageVisibilityUpToTTI(interaction);
   const pageVisibilityAtTTAI = getPageVisibilityUpToTTAI(interaction);
   const segments = config.killswitchNestedSegments ? [] : knownSegments;
+  const segmentTree = buildSegmentTree(segments.map(segment => segment.labelStack));
   const isDetailedPayload = pageVisibilityAtTTAI === 'visible';
   const isPageLoad = type === 'page_load';
   const calculatePageVisibilityFromTheStartOfPageLoad = config.enableBetterPageVisibilityApi && isPageLoad;
@@ -743,6 +758,8 @@ function createInteractionMetricsPayload(interaction, interactionId) {
         ...getVCMetrics(interaction),
         ...((_config$additionalPay = config.additionalPayloadData) === null || _config$additionalPay === void 0 ? void 0 : _config$additionalPay.call(config, interaction)),
         ...getTracingContextData(interaction),
+        ...getStylesheetMetrics(),
+        errorCount: getGlobalErrorCount(),
         interactionMetrics: {
           namePrefix: config.namePrefix || '',
           segmentPrefix: config.segmentPrefix || '',
@@ -764,7 +781,7 @@ function createInteractionMetricsPayload(interaction, interactionId) {
           apdex: optimizeApdex(interaction.apdex),
           end: Math.round(end),
           start: Math.round(start),
-          segments: segments.map(({
+          segments: REACT_UFO_VERSION === '2.0.0' ? segmentTree : segments.map(({
             labelStack,
             ...others
           }) => ({
@@ -774,6 +791,7 @@ function createInteractionMetricsPayload(interaction, interactionId) {
           marks: optimizeMarks(interaction.marks),
           customData: optimizeCustomData(interaction),
           reactProfilerTimings: optimizeReactProfilerTimings(interaction.reactProfilerTimings, start),
+          errorCount: interaction.errors.length,
           ...labelStack,
           ...getPageLoadInteractionMetrics(),
           ...getDetailedInteractionMetrics(),

package/dist/es2019/global-error-handler/index.js

@@ -1,5 +1,6 @@
 import { bind } from 'bind-event-listener';
 let shouldInitilizeGlobalErrorHandler = true;
+let globalCount = 0;
 const errors = [];
 let push = (name, labelStack, errorType, errorMessage, errorStack) => {
   errors.push({
@@ -17,8 +18,10 @@ export const sinkErrorHandler = sinkFunc => {
   });
   errors.length = 0;
 };
+export const getGlobalErrorCount = () => globalCount;
 const handleError = e => {
   var _e$error;
+  globalCount++;
   if (((_e$error = e.error) === null || _e$error === void 0 ? void 0 : _e$error.UFOhasCaught) === undefined) {
     try {
       if (e.error instanceof Error) {
@@ -38,6 +41,7 @@ const handleError = e => {
   }
 };
 const handlePromiseRejection = e => {
+  globalCount++;
   if (e.reason instanceof Error) {
     push('GlobalErrorHandler', null, e.reason.name, e.reason.message, e.reason.stack);
   } else if (e.reason) {

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

@@ -30,13 +30,6 @@ export const init = (analyticsWebClientAsync, config) => {
   if (initialized) {
     return;
   }
-  try {
-    if (window !== undefined) {
-      window.__REACT_UFO_ENABLE_PERF_TRACING = Boolean(sessionStorage.getItem('additionalPerfMarks') === 'true');
-    }
-  } catch (err) {
-    /* do nothing */
-  }
   setUFOConfig(config);
   if ((_config$vc = config.vc) !== null && _config$vc !== void 0 && _config$vc.enabled) {
     const vcOptions = {

package/dist/esm/common/constants.js

@@ -1 +1,2 @@
-export var REACT_UFO_VERSION = '1.0.1';
+import { fg } from '@atlaskit/platform-feature-flags';
+export var REACT_UFO_VERSION = fg('react-ufo-payload-segment-compressed') ? '2.0.0' : '1.0.1';

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

@@ -1,8 +1,63 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+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; }
+/* eslint-disable @typescript-eslint/no-non-null-asserted-optional-chain */
+import { REACT_UFO_VERSION } from '../../../common/constants';
 export var sanitizeUfoName = function sanitizeUfoName(name) {
   return name.replace(/_/g, '-');
 };
-
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
 export function isSegmentLabel(obj) {
   return obj && typeof obj.name === 'string' && typeof obj.segmentId === 'string';
+}
+export function buildSegmentTree(labelStacks) {
+  var r = {
+    n: 'segment-tree-root',
+    c: {}
+  };
+  labelStacks.forEach(function (labelStack) {
+    var currentNode = r;
+    labelStack.forEach(function (label, index) {
+      var _currentNode$c;
+      var name = label.name;
+      var id = isSegmentLabel(label) ? label.segmentId : undefined;
+      var key = id !== undefined ? id.toString() : name;
+      if (currentNode.c && !currentNode.c[key]) {
+        currentNode.c[key] = {
+          n: name
+        };
+      }
+      currentNode = (_currentNode$c = currentNode.c) === null || _currentNode$c === void 0 ? void 0 : _currentNode$c[key];
+      if (index < labelStack.length - 1) {
+        currentNode.c = _objectSpread({}, currentNode.c || {});
+      }
+    });
+  });
+  return {
+    r: r
+  };
+}
+export function stringifyLabelStackFully(labelStack) {
+  return labelStack.map(function (l) {
+    if (isSegmentLabel(l)) {
+      return "".concat(l.name, ":").concat(l.segmentId);
+    }
+    return l.name;
+  }).join('/');
+}
+function getLabelStackReference(labelStack) {
+  return labelStack.map(function (l) {
+    return isSegmentLabel(l) ? l.segmentId : l.name;
+  }).join('/');
+}
+export function labelStackStartWith(labelStack, startWith) {
+  return stringifyLabelStackFully(labelStack).startsWith(stringifyLabelStackFully(startWith));
+}
+export function optimizeLabelStack(labelStack) {
+  return REACT_UFO_VERSION === '2.0.0' ? getLabelStackReference(labelStack) : labelStack.map(function (ls) {
+    return _objectSpread({
+      n: ls.name
+    }, ls.segmentId ? {
+      s: ls.segmentId
+    } : {});
+  });
 }

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

@@ -9,11 +9,13 @@ 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) { _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 Bowser from 'bowser-ultralight';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { getLighthouseMetrics } from '../additional-payload';
 import * as bundleEvalTiming from '../bundle-eval-timing';
 import { REACT_UFO_VERSION } from '../common/constants';
 import { getConfig, getUfoNameOverrides } from '../config';
 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';
@@ -21,7 +23,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 +41,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 +326,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 +499,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 +513,6 @@ function optimizeCustomTimings(customTimings, interactionStart) {
     });
     return result;
   }, []);
-  return updatedCustomTimings;
 }
 function optimizeMarks(marks) {
   return marks.map(function (_ref4) {
@@ -559,8 +537,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 +545,7 @@ function objectToArray() {
       data: obj[key]
     });
     return result;
-  },
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  []);
+  }, []);
 }
 function getBM3SubmetricsTimings(submetrics) {
   if (!submetrics) {
@@ -625,6 +599,45 @@ function getSSRDoneTimeValue(config) {
 function getPayloadSize(payload) {
   return Math.round(new TextEncoder().encode(JSON.stringify(payload)).length / 1024);
 }
+function getStylesheetMetrics() {
+  if (!fg('ufo_capture_stylesheet_metrics')) {
+    return {};
+  }
+  try {
+    var stylesheets = Array.from(document.styleSheets);
+    var stylesheetCount = stylesheets.length;
+    var cssrules = Array.from(document.styleSheets).reduce(function (acc, item) {
+      // Other domain stylesheets throw a SecurityError
+      try {
+        return acc + item.cssRules.length;
+      } catch (e) {
+        return acc;
+      }
+    }, 0);
+    var styleElements = document.querySelectorAll('style').length;
+    var styleProps = document.querySelectorAll('[style]');
+    var styleDeclarations = Array.from(document.querySelectorAll('[style]')).reduce(function (acc, item) {
+      try {
+        if ('style' in item) {
+          return acc + item.style.length;
+        } else {
+          return acc;
+        }
+      } catch (e) {
+        return acc;
+      }
+    }, 0);
+    return {
+      stylesheets: stylesheetCount,
+      styleElements: styleElements,
+      styleProps: styleProps.length,
+      styleDeclarations: styleDeclarations,
+      cssrules: cssrules
+    };
+  } catch (e) {
+    return {};
+  }
+}
 function createInteractionMetricsPayload(interaction, interactionId) {
   var _window$location, _config$additionalPay;
   var interactionPayloadStart = performance.now();
@@ -647,6 +660,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;
@@ -716,7 +732,7 @@ function createInteractionMetricsPayload(interaction, interactionId) {
     source: 'measured',
     tags: ['observability'],
     attributes: {
-      properties: _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
+      properties: _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
         // basic
         'event:hostname': ((_window$location = window.location) === null || _window$location === void 0 ? void 0 : _window$location.hostname) || 'unknown',
         'event:product': config.product,
@@ -730,7 +746,8 @@ function createInteractionMetricsPayload(interaction, interactionId) {
         'event:region': config.region || 'unknown',
         'experience:key': 'custom.interaction-metrics',
         'experience:name': newUFOName
-      }, getBrowserMetadata()), getSSRProperties(type)), getPPSMetrics(interaction)), getPaintMetrics(type)), getNavigationMetrics(type)), getVCMetrics(interaction)), (_config$additionalPay = config.additionalPayloadData) === null || _config$additionalPay === void 0 ? void 0 : _config$additionalPay.call(config, interaction)), getTracingContextData(interaction)), {}, {
+      }, getBrowserMetadata()), getSSRProperties(type)), getPPSMetrics(interaction)), getPaintMetrics(type)), getNavigationMetrics(type)), getVCMetrics(interaction)), (_config$additionalPay = config.additionalPayloadData) === null || _config$additionalPay === void 0 ? void 0 : _config$additionalPay.call(config, interaction)), getTracingContextData(interaction)), getStylesheetMetrics()), {}, {
+        errorCount: getGlobalErrorCount(),
         interactionMetrics: _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
           namePrefix: config.namePrefix || '',
           segmentPrefix: config.segmentPrefix || '',
@@ -752,7 +769,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), {}, {
@@ -761,7 +778,8 @@ function createInteractionMetricsPayload(interaction, interactionId) {
           }),
           marks: optimizeMarks(interaction.marks),
           customData: optimizeCustomData(interaction),
-          reactProfilerTimings: optimizeReactProfilerTimings(interaction.reactProfilerTimings, start)
+          reactProfilerTimings: optimizeReactProfilerTimings(interaction.reactProfilerTimings, start),
+          errorCount: interaction.errors.length
         }, labelStack), getPageLoadInteractionMetrics()), getDetailedInteractionMetrics()), getPageLoadDetailedInteractionMetrics()), getBm3TrackerTimings(interaction)),
         'ufo:payloadTime': roundEpsilon(performance.now() - interactionPayloadStart)
       })

package/dist/esm/global-error-handler/index.js

@@ -1,6 +1,7 @@
 import _typeof from "@babel/runtime/helpers/typeof";
 import { bind } from 'bind-event-listener';
 var shouldInitilizeGlobalErrorHandler = true;
+var globalCount = 0;
 var errors = [];
 var push = function push(name, labelStack, errorType, errorMessage, errorStack) {
   errors.push({
@@ -18,8 +19,12 @@ export var sinkErrorHandler = function sinkErrorHandler(sinkFunc) {
   });
   errors.length = 0;
 };
+export var getGlobalErrorCount = function getGlobalErrorCount() {
+  return globalCount;
+};
 var handleError = function handleError(e) {
   var _e$error;
+  globalCount++;
   if (((_e$error = e.error) === null || _e$error === void 0 ? void 0 : _e$error.UFOhasCaught) === undefined) {
     try {
       if (e.error instanceof Error) {
@@ -39,6 +44,7 @@ var handleError = function handleError(e) {
   }
 };
 var handlePromiseRejection = function handlePromiseRejection(e) {
+  globalCount++;
   if (e.reason instanceof Error) {
     push('GlobalErrorHandler', null, e.reason.name, e.reason.message, e.reason.stack);
   } else if (e.reason) {

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

@@ -31,13 +31,6 @@ export var init = function init(analyticsWebClientAsync, config) {
   if (initialized) {
     return;
   }
-  try {
-    if (window !== undefined) {
-      window.__REACT_UFO_ENABLE_PERF_TRACING = Boolean(sessionStorage.getItem('additionalPerfMarks') === 'true');
-    }
-  } catch (err) {
-    /* do nothing */
-  }
   setUFOConfig(config);
   if ((_config$vc = config.vc) !== null && _config$vc !== void 0 && _config$vc.enabled) {
     var vcOptions = {

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/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;
+}[];