@atlaskit/react-ufo 4.2.1 → 4.2.3

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

@@ -5,8 +5,7 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var _excluded = ["labelStack", "time"],
   _excluded2 = ["stopTime", "labelStack"],
-  _excluded3 = ["labelStack"],
-  _excluded4 = ["labelStack"];
+  _excluded3 = ["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; }
@@ -31,7 +30,7 @@ import * as resourceTiming from '../resource-timing';
 import { filterResourceTimings } from '../resource-timing/common/utils/resource-timing-buffer';
 import { roundEpsilon } from '../round-number';
 import * as ssr from '../ssr';
-import { buildSegmentTree, labelStackStartWith, optimizeLabelStack, sanitizeUfoName, stringifyLabelStackFully } from './common/utils';
+import { buildSegmentTree, getOldSegmentsLabelStack, labelStackStartWith, optimizeLabelStack, sanitizeUfoName, stringifyLabelStackFully } from './common/utils';
 import { createCriticalMetricsPayloads } from './critical-metrics-payload';
 import { addPerformanceMeasures } from './utils/add-performance-measures';
 import { getBrowserMetadataToLegacyFormat } from './utils/get-browser-metadata';
@@ -749,13 +748,7 @@ function _createInteractionMetricsPayload() {
                   apdex: optimizeApdex(interaction.apdex, getReactUFOPayloadVersion(interaction.type)),
                   end: Math.round(end),
                   start: Math.round(start),
-                  segments: getReactUFOPayloadVersion(interaction.type) === '2.0.0' ? segmentTree : segments.map(function (_ref7) {
-                    var labelStack = _ref7.labelStack,
-                      others = _objectWithoutProperties(_ref7, _excluded4);
-                    return _objectSpread(_objectSpread({}, others), {}, {
-                      labelStack: optimizeLabelStack(labelStack, getReactUFOPayloadVersion(interaction.type))
-                    });
-                  }),
+                  segments: getReactUFOPayloadVersion(interaction.type) === '2.0.0' ? segmentTree : getOldSegmentsLabelStack(segments, interaction.type),
                   marks: optimizeMarks(interaction.marks, getReactUFOPayloadVersion(interaction.type)),
                   customData: optimizeCustomData(interaction),
                   reactProfilerTimings: optimizeReactProfilerTimings(interaction.reactProfilerTimings, start, getReactUFOPayloadVersion(interaction.type))

package/dist/esm/vc/vc-observer-new/metric-calculator/fy25_03/index.js

@@ -49,7 +49,7 @@ var VCCalculator_FY25_03 = /*#__PURE__*/function (_AbstractVCCalculator) {
         if (!attributeName || KNOWN_ATTRIBUTES_THAT_DOES_NOT_CAUSE_LAYOUT_SHIFTS.includes(attributeName)) {
           return false;
         }
-        if (attributeName.startsWith('data-test') && fg('platform_ufo_ttvc_exclude_data_test_attribute') || attributeName === 'data-aui-version' || attributeName === 'data-testid' || attributeName === 'data-vc' || attributeName === 'data-ssr-placeholder' || attributeName === 'data-ssr-placeholder-replace' || attributeName === 'data-vc-nvs' || attributeName === 'data-media-vc-wrapper' || attributeName === 'data-renderer-start-pos' || attributeName === 'data-table-local-id' || attributeName === 'spellcheck' || attributeName === 'data-auto-scrollable' || attributeName === 'id' || attributeName === 'tabindex' || attributeName === 'data-is-ttvc-ready' || NON_VISUAL_ARIA_ATTRIBUTES.includes(attributeName)) {
+        if (attributeName.startsWith('data-test') || attributeName === 'data-aui-version' || attributeName === 'data-testid' || attributeName === 'data-vc' || attributeName === 'data-ssr-placeholder' || attributeName === 'data-ssr-placeholder-replace' || attributeName === 'data-vc-nvs' || attributeName === 'data-media-vc-wrapper' || attributeName === 'data-renderer-start-pos' || attributeName === 'data-table-local-id' || attributeName === 'spellcheck' || attributeName === 'data-auto-scrollable' || attributeName === 'id' || attributeName === 'tabindex' || attributeName === 'data-is-ttvc-ready' || NON_VISUAL_ARIA_ATTRIBUTES.includes(attributeName)) {
           return false;
         }
         return true;

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

@@ -413,7 +413,7 @@ var ViewportObserver = /*#__PURE__*/function () {
       (_this$performanceObse = this.performanceObserver) === null || _this$performanceObse === void 0 || _this$performanceObse.observe({
         type: 'layout-shift',
         buffered: true,
-        // @ts-ignore-error
+        // @ts-ignore -error
         durationThreshold: 30
       });
       this.isStarted = true;

package/dist/types/config/index.d.ts

@@ -24,6 +24,9 @@ type SelectorConfig = {
     className: boolean;
     dataVC?: boolean;
 };
+type SegmentThreshold = {
+    readonly [key: string]: number;
+};
 type Rates = {
     readonly [key: string]: number;
 };
@@ -68,6 +71,7 @@ export type Config = {
     };
     readonly assetsConfig?: AssetsConfig;
     readonly enableBetterPageVisibilityApi?: boolean;
+    readonly segmentsThreshold?: SegmentThreshold;
     readonly vc?: {
         readonly enabled?: boolean;
         readonly heatmapSize?: number;

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

@@ -1,6 +1,7 @@
+import type { InteractionType, SegmentInfo } from '../../../common';
 import type { LabelStack, SegmentLabel } from '../../../interaction-context';
 import { type UFOSegmentType } from '../../../segment/segment';
-import { type getReactUFOPayloadVersion } from '../../utils/get-react-ufo-payload-version';
+import { getReactUFOPayloadVersion } from '../../utils/get-react-ufo-payload-version';
 export type SegmentItem = {
     n: string;
     c?: Record<string, SegmentItem>;
@@ -13,9 +14,19 @@ export declare function 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 stringifyLabelStackWithoutId(labelStack: LabelStack): string;
 export declare function labelStackStartWith(labelStack: LabelStack, startWith: LabelStack): boolean;
 export declare function optimizeLabelStack(labelStack: LabelStack, reactUFOVersion: ReturnType<typeof getReactUFOPayloadVersion>): string | {
     t?: UFOSegmentType | undefined;
     s?: string | undefined;
     n: string;
 }[];
+export declare function getOldSegmentsLabelStack(segments: SegmentInfo[], interactionType: InteractionType): {
+    labelStack: any[];
+}[] | {
+    labelStack: string | {
+        t?: UFOSegmentType | undefined;
+        s?: string | undefined;
+        n: string;
+    }[];
+}[];