@atlaskit/react-ufo 4.14.2 → 4.14.3

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @atlaskit/ufo-interaction-ignore
 
+## 4.14.3
+
+### Patch Changes
+
+- [`666790c2fd8dd`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/666790c2fd8dd) -
+  Remove SSR placeholder exclusions for VC next
+
 ## 4.14.2
 
 ### Patch Changes

package/dist/cjs/interaction-metrics/index.js

@@ -67,7 +67,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 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 _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; } // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
 var PreviousInteractionLog = {
   name: undefined,
   isAborted: undefined
@@ -383,6 +383,7 @@ function removeHoldCriterion(id) {
 }
 function addHold(interactionId, labelStack, name, experimental) {
   var interaction = _constants.interactions.get(interactionId);
+  // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
   var id = (0, _uuid.v4)();
   if (!interaction && (0, _platformFeatureFlags.fg)('platform_ufo_enable_late_holds_post_interaction')) {
     // add hold timestamp to post interaction log if interaction is complete

package/dist/cjs/segment/segment.js

@@ -22,7 +22,7 @@ var _shortId = _interopRequireDefault(require("../short-id"));
 var _scheduleOnPaint = _interopRequireDefault(require("./schedule-on-paint"));
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 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 _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; } // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
 var tryCompleteHandle;
 
 /** A portion of the page we apply measurement to */
@@ -177,6 +177,7 @@ function UFOSegment(_ref) {
         var rate = (0, _config.getInteractionRate)(name, 'press');
         if ((0, _coinflip.default)(rate)) {
           var startTimestamp = timestamp !== null && timestamp !== void 0 ? timestamp : performance.now();
+          // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
           var newId = (0, _uuid.v4)();
           interactionId.current = newId;
           // covered experiences with tracing instrumentation:

package/dist/cjs/trace-interaction/internal/trace-ufo-interaction.js

@@ -12,6 +12,8 @@ var _experienceTraceIdContext = require("../../experience-trace-id-context");
 var _interactionIdContext = require("../../interaction-id-context");
 var _interactionMetrics = require("../../interaction-metrics");
 var _routeNameContext = _interopRequireDefault(require("../../route-name-context"));
+// eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
+
 function traceUFOInteraction(name, interactionType, startTime) {
   var _getMinorInteractions;
   var rate = (0, _config.getInteractionRate)(name, interactionType);
@@ -30,6 +32,7 @@ function traceUFOInteraction(name, interactionType, startTime) {
   }
   if ((0, _coinflip.default)(rate)) {
     var startTimestamp = startTime !== null && startTime !== void 0 ? startTime : performance.now();
+    // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
     var newId = (0, _uuid.v4)();
     _interactionIdContext.DefaultInteractionID.current = newId;
 

package/dist/cjs/trace-pageload/index.js

@@ -13,6 +13,8 @@ var _experienceTraceIdContext = require("../experience-trace-id-context");
 var _interactionIdContext = require("../interaction-id-context");
 var _interactionMetrics = require("../interaction-metrics");
 var _routeNameContext = _interopRequireDefault(require("../route-name-context"));
+// eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
+
 var AWAITING_PAGELOAD_NAME = 'awaiting_pageload_name';
 function traceUFOPageLoad(ufoName) {
   var routeName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : ufoName;
@@ -24,6 +26,7 @@ function traceUFOPageLoad(ufoName) {
   var rate = ufoName ? (0, _config.getInteractionRate)(ufoName, 'page_load') : 1;
   var enabledBySamplingRate = (0, _coinflip.default)(rate);
   if (enabledBySamplingRate && !activeInteraction) {
+    // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
     var newId = (0, _uuid.v4)();
     _interactionIdContext.DefaultInteractionID.current = newId;
     (0, _interactionMetrics.addNewInteraction)(newId, ufoName || '', 'page_load', 0, rate, null, routeName, (0, _experienceTraceIdContext.getActiveTrace)());

package/dist/cjs/trace-transition/index.js

@@ -17,6 +17,8 @@ var _interactionMetrics = require("../interaction-metrics");
 var _routeNameContext = _interopRequireDefault(require("../route-name-context"));
 var _setInteractionActiveTrace = require("./utils/set-interaction-active-trace");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+// eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
+
 function traceUFOTransition(ufoName) {
   var routeName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : ufoName;
   var pressInteractionsList = (0, _config.getDoNotAbortActivePressInteractionOnTransition)();
@@ -31,6 +33,7 @@ function traceUFOTransition(ufoName) {
     _routeNameContext.default.current = ufoName;
     var rate = (0, _config.getInteractionRate)(ufoName, 'transition');
     if ((0, _coinflip.default)(rate)) {
+      // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
       var newId = (0, _uuid.v4)();
       (0, _setInteractionActiveTrace.setInteractionActiveTrace)(newId);
       _interactionIdContext.DefaultInteractionID.current = newId;

package/dist/cjs/typing-performance-tracing/index.js

@@ -11,6 +11,8 @@ var _uuid = require("uuid");
 var _coinflip = _interopRequireDefault(require("../coinflip"));
 var _config = require("../config");
 var _interactionMetrics = require("../interaction-metrics");
+// eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
+
 var getTypingMetadata = function getTypingMetadata(times, computeStartTime, typingPerformanceTracingMethod) {
   var min = 0;
   var max = 0;
@@ -49,6 +51,7 @@ function typingPerformanceTracingTimeout(element, name, rate) {
   var isInteractionInitialised = false;
   var id;
   var start = function start() {
+    // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
     id = (0, _uuid.v4)();
     (0, _interactionMetrics.addNewInteraction)(id, name, 'typing', performance.now(), rate, null, null);
     isInteractionInitialised = true;
@@ -102,6 +105,7 @@ function typingPerformanceTracingTimeoutNoAlloc(element, name, rate) {
     count = 0;
   };
   var start = function start() {
+    // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
     id = (0, _uuid.v4)();
     (0, _interactionMetrics.addNewInteraction)(id, name, 'typing', performance.now(), rate, null, null);
     isInteractionInitialised = true;
@@ -171,6 +175,7 @@ function typingPerformanceTracingMutationObserver(element, name, rate) {
     eventTime = -1;
   };
   var start = function start() {
+    // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
     id = (0, _uuid.v4)();
     (0, _interactionMetrics.addNewInteraction)(id, name, 'typing', performance.now(), rate, null, null);
     isInteractionInitialised = true;

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

@@ -11,6 +11,7 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _fy25_ = _interopRequireDefault(require("../fy25_03"));
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
@@ -18,10 +19,15 @@ function _superPropGet(t, o, e, r) { var p = (0, _get2.default)((0, _getPrototyp
 // NOTE: `next` to be renamed `fy26.04` once stable
 var REVISION_NO = 'next';
 var getConsideredEntryTypes = function getConsideredEntryTypes() {
+  var consideredEntryTypes = ['mutation:display-contents-children-element'];
+  if ((0, _platformFeatureFlags.fg)('platform_ufo_remove_ssr_placeholder_in_ttvc_v4')) {
+    consideredEntryTypes.push('mutation:ssr-placeholder');
+  }
   return ['mutation:display-contents-children-element'];
 };
 var getExcludedEntryTypes = function getExcludedEntryTypes() {
-  return ['layout-shift:same-rect'];
+  var excludedEntryTypes = ['layout-shift:same-rect'];
+  return excludedEntryTypes;
 };
 
 // NOTE: `VCNext` to be renamed `FY26_04` once stable

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

@@ -1,3 +1,4 @@
+// eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
 import { v4 as createUUID } from 'uuid';
 import { fg } from '@atlaskit/platform-feature-flags';
 import coinflip from '../coinflip';
@@ -297,6 +298,7 @@ function removeHoldCriterion(id) {
 }
 export function addHold(interactionId, labelStack, name, experimental) {
   const interaction = interactions.get(interactionId);
+  // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
   const id = createUUID();
   if (!interaction && fg('platform_ufo_enable_late_holds_post_interaction')) {
     // add hold timestamp to post interaction log if interaction is complete

package/dist/es2019/segment/segment.js

@@ -1,5 +1,6 @@
 import React, { Profiler, useCallback, useContext, useEffect, useMemo, useRef } from 'react';
 import { unstable_NormalPriority as NormalPriority, unstable_scheduleCallback as scheduleCallback } from 'scheduler';
+// eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
 import { v4 as createUUID } from 'uuid';
 import coinflip from '../coinflip';
 import { getConfig, getDoNotAbortActivePressInteraction, getInteractionRate, getMinorInteractions } from '../config';
@@ -156,6 +157,7 @@ export default function UFOSegment({
         const rate = getInteractionRate(name, 'press');
         if (coinflip(rate)) {
           const startTimestamp = timestamp !== null && timestamp !== void 0 ? timestamp : performance.now();
+          // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
           const newId = createUUID();
           interactionId.current = newId;
           // covered experiences with tracing instrumentation:

package/dist/es2019/trace-interaction/internal/trace-ufo-interaction.js

@@ -1,3 +1,4 @@
+// eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
 import { v4 as createUUID } from 'uuid';
 import coinflip from '../../coinflip';
 import { getDoNotAbortActivePressInteraction, getInteractionRate, getMinorInteractions } from '../../config';
@@ -23,6 +24,7 @@ function traceUFOInteraction(name, interactionType, startTime) {
   }
   if (coinflip(rate)) {
     const startTimestamp = startTime !== null && startTime !== void 0 ? startTime : performance.now();
+    // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
     const newId = createUUID();
     DefaultInteractionID.current = newId;
 

package/dist/es2019/trace-pageload/index.js

@@ -1,3 +1,4 @@
+// eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
 import { v4 as createUUID } from 'uuid';
 import coinflip from '../coinflip';
 import { getInteractionRate } from '../config';
@@ -15,6 +16,7 @@ function traceUFOPageLoad(ufoName, routeName = ufoName) {
   const rate = ufoName ? getInteractionRate(ufoName, 'page_load') : 1;
   const enabledBySamplingRate = coinflip(rate);
   if (enabledBySamplingRate && !activeInteraction) {
+    // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
     const newId = createUUID();
     DefaultInteractionID.current = newId;
     addNewInteraction(newId, ufoName || '', 'page_load', 0, rate, null, routeName, getActiveTrace());

package/dist/es2019/trace-transition/index.js

@@ -1,4 +1,6 @@
 import { useContext, useEffect } from 'react';
+
+// eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
 import { v4 as createUUID } from 'uuid';
 import coinflip from '../coinflip';
 import { getDoNotAbortActivePressInteractionOnTransition, getInteractionRate } from '../config';
@@ -20,6 +22,7 @@ function traceUFOTransition(ufoName, routeName = ufoName) {
     UFORouteName.current = ufoName;
     const rate = getInteractionRate(ufoName, 'transition');
     if (coinflip(rate)) {
+      // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
       const newId = createUUID();
       setInteractionActiveTrace(newId);
       DefaultInteractionID.current = newId;

package/dist/es2019/typing-performance-tracing/index.js

@@ -1,5 +1,6 @@
 import { useEffect, useRef } from 'react';
 import { unstable_IdlePriority as idlePriority, unstable_scheduleCallback as scheduleCallback } from 'scheduler';
+// eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
 import { v4 as createUUID } from 'uuid';
 import coinflip from '../coinflip';
 import { getInteractionRate, getTypingPerformanceTracingMethod } from '../config';
@@ -42,6 +43,7 @@ function typingPerformanceTracingTimeout(element, name, rate) {
   let isInteractionInitialised = false;
   let id;
   const start = () => {
+    // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
     id = createUUID();
     addNewInteraction(id, name, 'typing', performance.now(), rate, null, null);
     isInteractionInitialised = true;
@@ -95,6 +97,7 @@ function typingPerformanceTracingTimeoutNoAlloc(element, name, rate) {
     count = 0;
   };
   const start = () => {
+    // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
     id = createUUID();
     addNewInteraction(id, name, 'typing', performance.now(), rate, null, null);
     isInteractionInitialised = true;
@@ -164,6 +167,7 @@ function typingPerformanceTracingMutationObserver(element, name, rate) {
     eventTime = -1;
   };
   const start = () => {
+    // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
     id = createUUID();
     addNewInteraction(id, name, 'typing', performance.now(), rate, null, null);
     isInteractionInitialised = true;

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

@@ -1,12 +1,18 @@
+import { fg } from '@atlaskit/platform-feature-flags';
 import VCCalculator_FY25_03 from '../fy25_03';
 
 // NOTE: `next` to be renamed `fy26.04` once stable
 const REVISION_NO = 'next';
 const getConsideredEntryTypes = () => {
+  const consideredEntryTypes = ['mutation:display-contents-children-element'];
+  if (fg('platform_ufo_remove_ssr_placeholder_in_ttvc_v4')) {
+    consideredEntryTypes.push('mutation:ssr-placeholder');
+  }
   return ['mutation:display-contents-children-element'];
 };
 const getExcludedEntryTypes = () => {
-  return ['layout-shift:same-rect'];
+  const excludedEntryTypes = ['layout-shift:same-rect'];
+  return excludedEntryTypes;
 };
 
 // NOTE: `VCNext` to be renamed `FY26_04` once stable

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

@@ -8,6 +8,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+// eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
 import { v4 as createUUID } from 'uuid';
 import { fg } from '@atlaskit/platform-feature-flags';
 import coinflip from '../coinflip';
@@ -337,6 +338,7 @@ function removeHoldCriterion(id) {
 }
 export function addHold(interactionId, labelStack, name, experimental) {
   var interaction = interactions.get(interactionId);
+  // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
   var id = createUUID();
   if (!interaction && fg('platform_ufo_enable_late_holds_post_interaction')) {
     // add hold timestamp to post interaction log if interaction is complete

package/dist/esm/segment/segment.js

@@ -4,6 +4,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 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 React, { Profiler, useCallback, useContext, useEffect, useMemo, useRef } from 'react';
 import { unstable_NormalPriority as NormalPriority, unstable_scheduleCallback as scheduleCallback } from 'scheduler';
+// eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
 import { v4 as createUUID } from 'uuid';
 import coinflip from '../coinflip';
 import { getConfig, getDoNotAbortActivePressInteraction, getInteractionRate, getMinorInteractions } from '../config';
@@ -168,6 +169,7 @@ export default function UFOSegment(_ref) {
         var rate = getInteractionRate(name, 'press');
         if (coinflip(rate)) {
           var startTimestamp = timestamp !== null && timestamp !== void 0 ? timestamp : performance.now();
+          // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
           var newId = createUUID();
           interactionId.current = newId;
           // covered experiences with tracing instrumentation:

package/dist/esm/trace-interaction/internal/trace-ufo-interaction.js

@@ -1,3 +1,4 @@
+// eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
 import { v4 as createUUID } from 'uuid';
 import coinflip from '../../coinflip';
 import { getDoNotAbortActivePressInteraction, getInteractionRate, getMinorInteractions } from '../../config';
@@ -23,6 +24,7 @@ function traceUFOInteraction(name, interactionType, startTime) {
   }
   if (coinflip(rate)) {
     var startTimestamp = startTime !== null && startTime !== void 0 ? startTime : performance.now();
+    // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
     var newId = createUUID();
     DefaultInteractionID.current = newId;
 

package/dist/esm/trace-pageload/index.js

@@ -1,3 +1,4 @@
+// eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
 import { v4 as createUUID } from 'uuid';
 import coinflip from '../coinflip';
 import { getInteractionRate } from '../config';
@@ -16,6 +17,7 @@ function traceUFOPageLoad(ufoName) {
   var rate = ufoName ? getInteractionRate(ufoName, 'page_load') : 1;
   var enabledBySamplingRate = coinflip(rate);
   if (enabledBySamplingRate && !activeInteraction) {
+    // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
     var newId = createUUID();
     DefaultInteractionID.current = newId;
     addNewInteraction(newId, ufoName || '', 'page_load', 0, rate, null, routeName, getActiveTrace());

package/dist/esm/trace-transition/index.js

@@ -1,4 +1,6 @@
 import { useContext, useEffect } from 'react';
+
+// eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
 import { v4 as createUUID } from 'uuid';
 import coinflip from '../coinflip';
 import { getDoNotAbortActivePressInteractionOnTransition, getInteractionRate } from '../config';
@@ -21,6 +23,7 @@ function traceUFOTransition(ufoName) {
     UFORouteName.current = ufoName;
     var rate = getInteractionRate(ufoName, 'transition');
     if (coinflip(rate)) {
+      // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
       var newId = createUUID();
       setInteractionActiveTrace(newId);
       DefaultInteractionID.current = newId;

package/dist/esm/typing-performance-tracing/index.js

@@ -1,5 +1,6 @@
 import { useEffect, useRef } from 'react';
 import { unstable_IdlePriority as idlePriority, unstable_scheduleCallback as scheduleCallback } from 'scheduler';
+// eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
 import { v4 as createUUID } from 'uuid';
 import coinflip from '../coinflip';
 import { getInteractionRate, getTypingPerformanceTracingMethod } from '../config';
@@ -42,6 +43,7 @@ function typingPerformanceTracingTimeout(element, name, rate) {
   var isInteractionInitialised = false;
   var id;
   var start = function start() {
+    // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
     id = createUUID();
     addNewInteraction(id, name, 'typing', performance.now(), rate, null, null);
     isInteractionInitialised = true;
@@ -95,6 +97,7 @@ function typingPerformanceTracingTimeoutNoAlloc(element, name, rate) {
     count = 0;
   };
   var start = function start() {
+    // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
     id = createUUID();
     addNewInteraction(id, name, 'typing', performance.now(), rate, null, null);
     isInteractionInitialised = true;
@@ -164,6 +167,7 @@ function typingPerformanceTracingMutationObserver(element, name, rate) {
     eventTime = -1;
   };
   var start = function start() {
+    // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
     id = createUUID();
     addNewInteraction(id, name, 'typing', performance.now(), rate, null, null);
     isInteractionInitialised = true;

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

@@ -7,15 +7,21 @@ import _inherits from "@babel/runtime/helpers/inherits";
 function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 function _superPropGet(t, o, e, r) { var p = _get(_getPrototypeOf(1 & r ? t.prototype : t), o, e); return 2 & r && "function" == typeof p ? function (t) { return p.apply(e, t); } : p; }
+import { fg } from '@atlaskit/platform-feature-flags';
 import VCCalculator_FY25_03 from '../fy25_03';
 
 // NOTE: `next` to be renamed `fy26.04` once stable
 var REVISION_NO = 'next';
 var getConsideredEntryTypes = function getConsideredEntryTypes() {
+  var consideredEntryTypes = ['mutation:display-contents-children-element'];
+  if (fg('platform_ufo_remove_ssr_placeholder_in_ttvc_v4')) {
+    consideredEntryTypes.push('mutation:ssr-placeholder');
+  }
   return ['mutation:display-contents-children-element'];
 };
 var getExcludedEntryTypes = function getExcludedEntryTypes() {
-  return ['layout-shift:same-rect'];
+  var excludedEntryTypes = ['layout-shift:same-rect'];
+  return excludedEntryTypes;
 };
 
 // NOTE: `VCNext` to be renamed `FY26_04` once stable

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/react-ufo",
-	"version": "4.14.2",
+	"version": "4.14.3",
 	"description": "Parts of React UFO that are publicly available",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -107,6 +107,9 @@
 		"platform_ufo_critical_metrics_payload": {
 			"type": "boolean"
 		},
+		"platform_ufo_remove_ssr_placeholder_in_ttvc_v4": {
+			"type": "boolean"
+		},
 		"platform_ufo_enable_interactivity_jsm": {
 			"type": "boolean"
 		},