@atlaskit/react-ufo 3.14.1 → 3.14.3

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/ufo-interaction-ignore
 
+## 3.14.3
+
+### Patch Changes
+
+- [#178297](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/178297)
+  [`f7360c64ca98f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f7360c64ca98f) -
+  Add segment type to ineteraction metrics
+
+## 3.14.2
+
+### Patch Changes
+
+- [#175460](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/175460)
+  [`57eff35bc7a50`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/57eff35bc7a50) -
+  Cleanup platform_ufo_filter_out_aui_attribute_changes flag
+
 ## 3.14.1
 
 ### Patch Changes

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

@@ -11,6 +11,7 @@ exports.optimizeLabelStack = optimizeLabelStack;
 exports.sanitizeUfoName = sanitizeUfoName;
 exports.stringifyLabelStackFully = stringifyLabelStackFully;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 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 sanitizeUfoName(name) {
@@ -30,13 +31,16 @@ function buildSegmentTree(labelStacks) {
       var name = label.name;
       var id = isSegmentLabel(label) ? label.segmentId : undefined;
       var key = id !== undefined ? id : name;
+      var type = isSegmentLabel(label) ? label.type : undefined;
       if (!currentNode.c) {
         currentNode.c = {};
       }
       if (!currentNode.c[key]) {
-        currentNode.c[key] = {
+        currentNode.c[key] = _objectSpread({
           n: name
-        };
+        }, type && (0, _platformFeatureFlags.fg)('platform_ufo_add_type_for_3p_segments') ? {
+          t: type
+        } : {});
       }
       currentNode = currentNode.c[key];
     });
@@ -63,10 +67,12 @@ function labelStackStartWith(labelStack, startWith) {
 }
 function optimizeLabelStack(labelStack, reactUFOVersion) {
   return reactUFOVersion === '2.0.0' ? getLabelStackReference(labelStack) : labelStack.map(function (ls) {
-    return _objectSpread({
+    return _objectSpread(_objectSpread({
       n: ls.name
     }, ls.segmentId ? {
       s: ls.segmentId
+    } : {}), ls.type && (0, _platformFeatureFlags.fg)('platform_ufo_add_type_for_3p_segments') ? {
+      t: ls.type
     } : {});
   });
 }

package/dist/cjs/segment/segment.js

@@ -11,6 +11,7 @@ var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers
 var _react = _interopRequireWildcard(require("react"));
 var _scheduler = require("scheduler");
 var _uuid = require("uuid");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _coinflip = _interopRequireDefault(require("../coinflip"));
 var _config = require("../config");
 var _experienceTraceIdContext = require("../experience-trace-id-context");
@@ -63,14 +64,19 @@ function UFOSegment(_ref) {
     return newSegmentId;
   }, [mode, segmentName, segmentIdMap]);
   var labelStack = (0, _react.useMemo)(function () {
-    return parentContext !== null && parentContext !== void 0 && parentContext.labelStack ? [].concat((0, _toConsumableArray2.default)(parentContext.labelStack), [{
+    return parentContext !== null && parentContext !== void 0 && parentContext.labelStack ? [].concat((0, _toConsumableArray2.default)(parentContext.labelStack), [_objectSpread({
       name: segmentName,
       segmentId: segmentId
-    }]) : [{
+    }, type !== 'first-party' && (0, _platformFeatureFlags.fg)('platform_ufo_add_type_for_3p_segments') ? {
+      type: type
+    } : {}) // Only pass non-default types (not 'first-party') in payload to reduce size
+    ]) : [_objectSpread({
       name: segmentName,
       segmentId: segmentId
-    }];
-  }, [parentContext, segmentName, segmentId]);
+    }, type !== 'first-party' && (0, _platformFeatureFlags.fg)('platform_ufo_add_type_for_3p_segments') ? {
+      type: type
+    } : {})];
+  }, [parentContext, segmentName, segmentId, type]);
   var interactionId = (0, _react.useContext)(_interactionIdContext.default);
   var interactionContext = (0, _react.useMemo)(function () {
     var lastCompleteEndTime = 0;

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

@@ -53,10 +53,7 @@ var VCCalculator_FY25_03 = exports.default = /*#__PURE__*/function (_AbstractVCC
         if (!attributeName || KNOWN_ATTRIBUTES_THAT_DOES_NOT_CAUSE_LAYOUT_SHIFTS.includes(attributeName)) {
           return false;
         }
-        if (attributeName === 'data-aui-version' && (0, _platformFeatureFlags.fg)('platform_ufo_filter_out_aui_attribute_changes')) {
-          return false;
-        }
-        if (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') && (0, _platformFeatureFlags.fg)('platform_ufo_ignore_extra_attributes') || attributeName === 'data-auto-scrollable' || attributeName === 'id' || attributeName === 'tabindex' || NON_VISUAL_ARIA_ATTRIBUTES.includes(attributeName)) {
+        if (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') && (0, _platformFeatureFlags.fg)('platform_ufo_ignore_extra_attributes') || attributeName === 'data-auto-scrollable' || attributeName === 'id' || attributeName === 'tabindex' || NON_VISUAL_ARIA_ATTRIBUTES.includes(attributeName)) {
           return false;
         }
         return true;

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

@@ -1,3 +1,4 @@
+import { fg } from '@atlaskit/platform-feature-flags';
 export function sanitizeUfoName(name) {
   return name.replace(/_/g, '-');
 }
@@ -15,12 +16,16 @@ export function buildSegmentTree(labelStacks) {
       const name = label.name;
       const id = isSegmentLabel(label) ? label.segmentId : undefined;
       const key = id !== undefined ? id : name;
+      const type = isSegmentLabel(label) ? label.type : undefined;
       if (!currentNode.c) {
         currentNode.c = {};
       }
       if (!currentNode.c[key]) {
         currentNode.c[key] = {
-          n: name
+          n: name,
+          ...(type && fg('platform_ufo_add_type_for_3p_segments') ? {
+            t: type
+          } : {})
         };
       }
       currentNode = currentNode.c[key];
@@ -49,6 +54,9 @@ export function optimizeLabelStack(labelStack, reactUFOVersion) {
     n: ls.name,
     ...(ls.segmentId ? {
       s: ls.segmentId
+    } : {}),
+    ...(ls.type && fg('platform_ufo_add_type_for_3p_segments') ? {
+      t: ls.type
     } : {})
   }));
 }

package/dist/es2019/segment/segment.js

@@ -1,6 +1,7 @@
 import React, { lazy, Profiler, Suspense, useCallback, useContext, useEffect, useMemo, useRef } from 'react';
 import { unstable_NormalPriority as NormalPriority, unstable_scheduleCallback as scheduleCallback } from 'scheduler';
 import { v4 as createUUID } from 'uuid';
+import { fg } from '@atlaskit/platform-feature-flags';
 import coinflip from '../coinflip';
 import { getConfig, getInteractionRate } from '../config';
 import { getActiveTrace, setInteractionActiveTrace } from '../experience-trace-id-context';
@@ -44,11 +45,18 @@ export default function UFOSegment({
   }, [mode, segmentName, segmentIdMap]);
   const labelStack = useMemo(() => parentContext !== null && parentContext !== void 0 && parentContext.labelStack ? [...parentContext.labelStack, {
     name: segmentName,
-    segmentId
-  }] : [{
+    segmentId,
+    ...(type !== 'first-party' && fg('platform_ufo_add_type_for_3p_segments') ? {
+      type
+    } : {})
+  } // Only pass non-default types (not 'first-party') in payload to reduce size
+  ] : [{
     name: segmentName,
-    segmentId
-  }], [parentContext, segmentName, segmentId]);
+    segmentId,
+    ...(type !== 'first-party' && fg('platform_ufo_add_type_for_3p_segments') ? {
+      type
+    } : {})
+  }], [parentContext, segmentName, segmentId, type]);
   const interactionId = useContext(UFOInteractionIDContext);
   const interactionContext = useMemo(() => {
     let lastCompleteEndTime = 0;

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

@@ -35,10 +35,7 @@ export default class VCCalculator_FY25_03 extends AbstractVCCalculatorBase {
       if (!attributeName || KNOWN_ATTRIBUTES_THAT_DOES_NOT_CAUSE_LAYOUT_SHIFTS.includes(attributeName)) {
         return false;
       }
-      if (attributeName === 'data-aui-version' && fg('platform_ufo_filter_out_aui_attribute_changes')) {
-        return false;
-      }
-      if (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') && fg('platform_ufo_ignore_extra_attributes') || attributeName === 'data-auto-scrollable' || attributeName === 'id' || attributeName === 'tabindex' || NON_VISUAL_ARIA_ATTRIBUTES.includes(attributeName)) {
+      if (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') && fg('platform_ufo_ignore_extra_attributes') || attributeName === 'data-auto-scrollable' || attributeName === 'id' || attributeName === 'tabindex' || NON_VISUAL_ARIA_ATTRIBUTES.includes(attributeName)) {
         return false;
       }
       return true;

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

@@ -1,6 +1,7 @@
 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; }
+import { fg } from '@atlaskit/platform-feature-flags';
 export function sanitizeUfoName(name) {
   return name.replace(/_/g, '-');
 }
@@ -18,13 +19,16 @@ export function buildSegmentTree(labelStacks) {
       var name = label.name;
       var id = isSegmentLabel(label) ? label.segmentId : undefined;
       var key = id !== undefined ? id : name;
+      var type = isSegmentLabel(label) ? label.type : undefined;
       if (!currentNode.c) {
         currentNode.c = {};
       }
       if (!currentNode.c[key]) {
-        currentNode.c[key] = {
+        currentNode.c[key] = _objectSpread({
           n: name
-        };
+        }, type && fg('platform_ufo_add_type_for_3p_segments') ? {
+          t: type
+        } : {});
       }
       currentNode = currentNode.c[key];
     });
@@ -51,10 +55,12 @@ export function labelStackStartWith(labelStack, startWith) {
 }
 export function optimizeLabelStack(labelStack, reactUFOVersion) {
   return reactUFOVersion === '2.0.0' ? getLabelStackReference(labelStack) : labelStack.map(function (ls) {
-    return _objectSpread({
+    return _objectSpread(_objectSpread({
       n: ls.name
     }, ls.segmentId ? {
       s: ls.segmentId
+    } : {}), ls.type && fg('platform_ufo_add_type_for_3p_segments') ? {
+      t: ls.type
     } : {});
   });
 }

package/dist/esm/segment/segment.js

@@ -5,6 +5,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import React, { lazy, Profiler, Suspense, useCallback, useContext, useEffect, useMemo, useRef } from 'react';
 import { unstable_NormalPriority as NormalPriority, unstable_scheduleCallback as scheduleCallback } from 'scheduler';
 import { v4 as createUUID } from 'uuid';
+import { fg } from '@atlaskit/platform-feature-flags';
 import coinflip from '../coinflip';
 import { getConfig, getInteractionRate } from '../config';
 import { getActiveTrace, setInteractionActiveTrace } from '../experience-trace-id-context';
@@ -52,14 +53,19 @@ export default function UFOSegment(_ref) {
     return newSegmentId;
   }, [mode, segmentName, segmentIdMap]);
   var labelStack = useMemo(function () {
-    return parentContext !== null && parentContext !== void 0 && parentContext.labelStack ? [].concat(_toConsumableArray(parentContext.labelStack), [{
+    return parentContext !== null && parentContext !== void 0 && parentContext.labelStack ? [].concat(_toConsumableArray(parentContext.labelStack), [_objectSpread({
       name: segmentName,
       segmentId: segmentId
-    }]) : [{
+    }, type !== 'first-party' && fg('platform_ufo_add_type_for_3p_segments') ? {
+      type: type
+    } : {}) // Only pass non-default types (not 'first-party') in payload to reduce size
+    ]) : [_objectSpread({
       name: segmentName,
       segmentId: segmentId
-    }];
-  }, [parentContext, segmentName, segmentId]);
+    }, type !== 'first-party' && fg('platform_ufo_add_type_for_3p_segments') ? {
+      type: type
+    } : {})];
+  }, [parentContext, segmentName, segmentId, type]);
   var interactionId = useContext(UFOInteractionIDContext);
   var interactionContext = useMemo(function () {
     var lastCompleteEndTime = 0;

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

@@ -46,10 +46,7 @@ var VCCalculator_FY25_03 = /*#__PURE__*/function (_AbstractVCCalculator) {
         if (!attributeName || KNOWN_ATTRIBUTES_THAT_DOES_NOT_CAUSE_LAYOUT_SHIFTS.includes(attributeName)) {
           return false;
         }
-        if (attributeName === 'data-aui-version' && fg('platform_ufo_filter_out_aui_attribute_changes')) {
-          return false;
-        }
-        if (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') && fg('platform_ufo_ignore_extra_attributes') || attributeName === 'data-auto-scrollable' || attributeName === 'id' || attributeName === 'tabindex' || NON_VISUAL_ARIA_ATTRIBUTES.includes(attributeName)) {
+        if (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') && fg('platform_ufo_ignore_extra_attributes') || attributeName === 'data-auto-scrollable' || attributeName === 'id' || attributeName === 'tabindex' || NON_VISUAL_ARIA_ATTRIBUTES.includes(attributeName)) {
           return false;
         }
         return true;

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

@@ -1,8 +1,10 @@
 import type { LabelStack, SegmentLabel } from '../../../interaction-context';
+import { UFOSegmentType } from '../../../segment/segment';
 import { getReactUFOPayloadVersion } from '../../utils/get-react-ufo-payload-version';
 export type SegmentItem = {
     n: string;
     c?: Record<string, SegmentItem>;
+    t?: UFOSegmentType;
 };
 export type SegmentTree = {
     r: SegmentItem;
@@ -13,6 +15,7 @@ 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, reactUFOVersion: ReturnType<typeof getReactUFOPayloadVersion>): string | {
+    t?: UFOSegmentType | undefined;
     s?: string | undefined;
     n: string;
 }[];