@atlaskit/react-ufo 4.14.4 → 4.14.6

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/ufo-interaction-ignore
 
+## 4.14.6
+
+### Patch Changes
+
+- [`95ab6a9cc653c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/95ab6a9cc653c) -
+  Auto add SSR entry for TTVC v4 onwards
+
+## 4.14.5
+
+### Patch Changes
+
+- [`7fa9699d9340f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/7fa9699d9340f) -
+  Marks first ufo segment load time
+
 ## 4.14.4
 
 ### Patch Changes

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

@@ -35,7 +35,9 @@ exports.addSpanToAll = addSpanToAll;
 exports.extractModuleName = extractModuleName;
 exports.getActiveInteraction = getActiveInteraction;
 exports.getCurrentInteractionType = getCurrentInteractionType;
-exports.postInteractionLog = exports.interactionSpans = exports.interactionExtraMetrics = exports.getPerformanceObserver = void 0;
+exports.interactionSpans = exports.interactionExtraMetrics = exports.getPerformanceObserver = void 0;
+exports.markFirstSegmentLoad = markFirstSegmentLoad;
+exports.postInteractionLog = void 0;
 exports.remove = remove;
 exports.removeHoldByID = removeHoldByID;
 exports.removeSegment = removeSegment;
@@ -78,6 +80,7 @@ var interactionQueue = [];
 var segmentCache = new Map();
 var segmentUnmountCache = exports.segmentUnmountCache = new Map(); // Temporarily store segment unmount counts
 
+var firstSegmentLoadMarked = false;
 var segmentObservers = [];
 function getActiveInteraction() {
   var interactionId = (0, _interactionIdContext.getInteractionId)();
@@ -274,6 +277,22 @@ function addMark(interactionId, type, name, labelStack) {
     });
   }
 }
+function markFirstSegmentLoad(interactionId, labelStack) {
+  var time = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : performance.now();
+  if (!(0, _platformFeatureFlags.fg)('platform_mark_ufo_segment_first_load')) {
+    return;
+  }
+  var interaction = _constants.interactions.get(interactionId);
+  if (interaction != null && !firstSegmentLoadMarked) {
+    firstSegmentLoadMarked = true;
+    interaction.marks.push({
+      type: 'first_segment_load',
+      name: 'first_segment_load',
+      labelStack: labelStack,
+      time: time
+    });
+  }
+}
 function addMarkToAll(type, name, labelStack) {
   var time = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : performance.now();
   _constants.interactions.forEach(function (interaction) {

package/dist/cjs/segment/segment.js

@@ -24,6 +24,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 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; } // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
 var tryCompleteHandle;
+var hasMarkedFirstSegmentLoad = false;
 
 /** A portion of the page we apply measurement to */
 function UFOSegment(_ref) {
@@ -66,6 +67,10 @@ function UFOSegment(_ref) {
     } : {})];
   }, [parentContext, segmentName, segmentId, type]);
   var interactionId = (0, _react.useContext)(_interactionIdContext.default);
+  if (interactionId.current != null && !hasMarkedFirstSegmentLoad) {
+    (0, _interactionMetrics.markFirstSegmentLoad)(interactionId.current, labelStack, performance.now());
+    hasMarkedFirstSegmentLoad = true;
+  }
   var interactionContext = (0, _react.useMemo)(function () {
     var lastCompleteEndTime = 0;
     function complete() {

package/dist/cjs/vc/index.js

@@ -122,7 +122,7 @@ var VCObserverWrapper = exports.VCObserverWrapper = /*#__PURE__*/function () {
     value: function () {
       var _getVCResult = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(param) {
         var _this$oldVCObserver4, _this$newVCObserver3, _ref2;
-        var experienceKey, include3p, excludeSmartAnswersInSearch, includeSSRRatio, includeRawData, v1v2Result, v3Result, ssrRatio;
+        var experienceKey, include3p, excludeSmartAnswersInSearch, includeSSRRatio, includeRawData, v1v2Result, v3v4Result, ssrRatio;
         return _regenerator.default.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
@@ -150,14 +150,15 @@ var VCObserverWrapper = exports.VCObserverWrapper = /*#__PURE__*/function () {
                 start: param.start,
                 stop: param.stop,
                 interactionId: param.interactionId,
-                ssr: param.includeSSRInV3 ? param.ssr : undefined,
+                ssr: param.ssr,
                 include3p: include3p,
                 excludeSmartAnswersInSearch: excludeSmartAnswersInSearch,
                 includeSSRRatio: includeSSRRatio,
                 interactionType: param.interactionType,
                 isPageVisible: param.isPageVisible,
                 interactionAbortReason: param.interactionAbortReason,
-                includeRawData: includeRawData
+                includeRawData: includeRawData,
+                includeSSRInV3: param.includeSSRInV3
               });
             case 12:
               _context.t1 = _context.sent;
@@ -166,18 +167,18 @@ var VCObserverWrapper = exports.VCObserverWrapper = /*#__PURE__*/function () {
             case 15:
               _context.t1 = [];
             case 16:
-              v3Result = _context.t1;
-              if (v3Result) {
+              v3v4Result = _context.t1;
+              if (v3v4Result) {
                 _context.next = 19;
                 break;
               }
               return _context.abrupt("return", v1v2Result !== null && v1v2Result !== void 0 ? v1v2Result : {});
             case 19:
-              ssrRatio = v3Result[0].ssrRatio;
+              ssrRatio = v3v4Result[0].ssrRatio;
               return _context.abrupt("return", _objectSpread(_objectSpread(_objectSpread({}, includeSSRRatio && ssrRatio !== undefined ? {
                 'ufo:vc:ssrRatio': ssrRatio
               } : {}), v1v2Result), {}, {
-                'ufo:vc:rev': [].concat((0, _toConsumableArray2.default)((_ref2 = v1v2Result === null || v1v2Result === void 0 ? void 0 : v1v2Result['ufo:vc:rev']) !== null && _ref2 !== void 0 ? _ref2 : []), (0, _toConsumableArray2.default)(v3Result !== null && v3Result !== void 0 ? v3Result : []))
+                'ufo:vc:rev': [].concat((0, _toConsumableArray2.default)((_ref2 = v1v2Result === null || v1v2Result === void 0 ? void 0 : v1v2Result['ufo:vc:rev']) !== null && _ref2 !== void 0 ? _ref2 : []), (0, _toConsumableArray2.default)(v3v4Result !== null && v3v4Result !== void 0 ? v3v4Result : []))
               }));
             case 21:
             case "end":

package/dist/cjs/vc/vc-observer-new/index.js

@@ -248,7 +248,7 @@ var VCObserverNew = exports.default = /*#__PURE__*/function () {
               this.addStartEntry(start);
               feVCCalculationStartTime = performance.now();
               calculator_fy25_03 = new _fy25_.default();
-              if (param.ssr) {
+              if (param.includeSSRInV3 && param.ssr) {
                 this.addSSR(param.ssr);
               }
               orderedEntries = this.entriesTimeline.getOrderedEntries({
@@ -275,9 +275,15 @@ var VCObserverNew = exports.default = /*#__PURE__*/function () {
                 results.push(fy25_03);
               }
 
+              // From TTVC v4 onwards, ensuring that SSR entry is always auto-added, whenever it is configured.
+              // From the next major version release (where TTVC v4 becomes the default TTVC version), the config for `includeSSRInV3` will be deprecated
+              if (param.ssr && !param.includeSSRInV3 && (0, _platformFeatureFlags.fg)('platform_ufo_auto_add_ssr_entry_in_ttvc_v4')) {
+                this.addSSR(param.ssr);
+              }
+
               // TODO on cleanup: put behind `enabledVCRevisions` config
               calculator_next = new _vcnext.default();
-              _context.next = 14;
+              _context.next = 15;
               return calculator_next.calculate({
                 orderedEntries: orderedEntries,
                 startTime: start,
@@ -290,35 +296,35 @@ var VCObserverNew = exports.default = /*#__PURE__*/function () {
                 isPageVisible: isPageVisible,
                 interactionAbortReason: interactionAbortReason
               });
-            case 14:
+            case 15:
               vcNext = _context.sent;
               if (vcNext) {
                 results.push(vcNext);
               }
               feVCCalculationEndTime = performance.now();
               if (!(includeRawData && (0, _platformFeatureFlags.fg)('platform_ufo_enable_vc_raw_data'))) {
-                _context.next = 24;
+                _context.next = 25;
                 break;
               }
               rawVCCalculationStartTime = performance.now();
               rawHandler = new _rawDataHandler.default();
-              _context.next = 22;
+              _context.next = 23;
               return rawHandler.getRawData({
                 entries: orderedEntries,
                 startTime: start,
                 stopTime: stop,
                 isPageVisible: isPageVisible
               });
-            case 22:
+            case 23:
               raw = _context.sent;
               if (raw) {
                 raw.rawVCTime = Number((performance.now() - rawVCCalculationStartTime).toFixed(2));
                 raw.feVCTime = Number((feVCCalculationEndTime - feVCCalculationStartTime).toFixed(2));
                 results.push(raw);
               }
-            case 24:
-              return _context.abrupt("return", results);
             case 25:
+              return _context.abrupt("return", results);
+            case 26:
             case "end":
               return _context.stop();
           }

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

@@ -23,6 +23,7 @@ const interactionQueue = [];
 const segmentCache = new Map();
 export const segmentUnmountCache = new Map(); // Temporarily store segment unmount counts
 
+let firstSegmentLoadMarked = false;
 const segmentObservers = [];
 export function getActiveInteraction() {
   const interactionId = getInteractionId();
@@ -194,6 +195,21 @@ export function addMark(interactionId, type, name, labelStack, time = performanc
     });
   }
 }
+export function markFirstSegmentLoad(interactionId, labelStack, time = performance.now()) {
+  if (!fg('platform_mark_ufo_segment_first_load')) {
+    return;
+  }
+  const interaction = interactions.get(interactionId);
+  if (interaction != null && !firstSegmentLoadMarked) {
+    firstSegmentLoadMarked = true;
+    interaction.marks.push({
+      type: 'first_segment_load',
+      name: 'first_segment_load',
+      labelStack,
+      time
+    });
+  }
+}
 export function addMarkToAll(type, name, labelStack, time = performance.now()) {
   interactions.forEach(interaction => {
     interaction.marks.push({

package/dist/es2019/segment/segment.js

@@ -7,11 +7,12 @@ import { getConfig, getDoNotAbortActivePressInteraction, getInteractionRate, get
 import { getActiveTrace, setInteractionActiveTrace } from '../experience-trace-id-context';
 import UFOInteractionContext from '../interaction-context';
 import UFOInteractionIDContext from '../interaction-id-context';
-import { abortByNewInteraction, addApdex, addCustomData, addCustomTiming, addHold, addHoldByID, addMark, addNewInteraction, addProfilerTimings, addRequestInfo, addSegment, addSpan, getActiveInteraction, removeHoldByID, removeSegment, tryComplete } from '../interaction-metrics';
+import { abortByNewInteraction, addApdex, addCustomData, addCustomTiming, addHold, addHoldByID, addMark, addNewInteraction, addProfilerTimings, addRequestInfo, addSegment, addSpan, getActiveInteraction, markFirstSegmentLoad, removeHoldByID, removeSegment, tryComplete } from '../interaction-metrics';
 import UFORouteName from '../route-name-context';
 import generateId from '../short-id';
 import scheduleOnPaint from './schedule-on-paint';
 let tryCompleteHandle;
+let hasMarkedFirstSegmentLoad = false;
 
 /** A portion of the page we apply measurement to */
 export default function UFOSegment({
@@ -53,6 +54,10 @@ export default function UFOSegment({
     } : {})
   }], [parentContext, segmentName, segmentId, type]);
   const interactionId = useContext(UFOInteractionIDContext);
+  if (interactionId.current != null && !hasMarkedFirstSegmentLoad) {
+    markFirstSegmentLoad(interactionId.current, labelStack, performance.now());
+    hasMarkedFirstSegmentLoad = true;
+  }
   const interactionContext = useMemo(() => {
     let lastCompleteEndTime = 0;
     function complete(endTime = performance.now()) {

package/dist/es2019/vc/index.js

@@ -101,29 +101,30 @@ export class VCObserverWrapper {
       includeRawData
     } = param;
     const v1v2Result = isVCRevisionEnabled('fy25.01', experienceKey) || isVCRevisionEnabled('fy25.02', experienceKey) ? await ((_this$oldVCObserver4 = this.oldVCObserver) === null || _this$oldVCObserver4 === void 0 ? void 0 : _this$oldVCObserver4.getVCResult(param)) : {};
-    const v3Result = isVCRevisionEnabled('fy25.03', experienceKey) ? await ((_this$newVCObserver3 = this.newVCObserver) === null || _this$newVCObserver3 === void 0 ? void 0 : _this$newVCObserver3.getVCResult({
+    const v3v4Result = isVCRevisionEnabled('fy25.03', experienceKey) ? await ((_this$newVCObserver3 = this.newVCObserver) === null || _this$newVCObserver3 === void 0 ? void 0 : _this$newVCObserver3.getVCResult({
       start: param.start,
       stop: param.stop,
       interactionId: param.interactionId,
-      ssr: param.includeSSRInV3 ? param.ssr : undefined,
+      ssr: param.ssr,
       include3p,
       excludeSmartAnswersInSearch,
       includeSSRRatio,
       interactionType: param.interactionType,
       isPageVisible: param.isPageVisible,
       interactionAbortReason: param.interactionAbortReason,
-      includeRawData
+      includeRawData,
+      includeSSRInV3: param.includeSSRInV3
     })) : [];
-    if (!v3Result) {
+    if (!v3v4Result) {
       return v1v2Result !== null && v1v2Result !== void 0 ? v1v2Result : {};
     }
-    const ssrRatio = v3Result[0].ssrRatio;
+    const ssrRatio = v3v4Result[0].ssrRatio;
     return {
       ...(includeSSRRatio && ssrRatio !== undefined ? {
         'ufo:vc:ssrRatio': ssrRatio
       } : {}),
       ...v1v2Result,
-      'ufo:vc:rev': [...((_ref = v1v2Result === null || v1v2Result === void 0 ? void 0 : v1v2Result['ufo:vc:rev']) !== null && _ref !== void 0 ? _ref : []), ...(v3Result !== null && v3Result !== void 0 ? v3Result : [])]
+      'ufo:vc:rev': [...((_ref = v1v2Result === null || v1v2Result === void 0 ? void 0 : v1v2Result['ufo:vc:rev']) !== null && _ref !== void 0 ? _ref : []), ...(v3v4Result !== null && v3v4Result !== void 0 ? v3v4Result : [])]
     };
   }
   setSSRElement(element) {

package/dist/es2019/vc/vc-observer-new/index.js

@@ -209,7 +209,7 @@ export default class VCObserverNew {
     this.addStartEntry(start);
     const feVCCalculationStartTime = performance.now();
     const calculator_fy25_03 = new VCCalculator_FY25_03();
-    if (param.ssr) {
+    if (param.includeSSRInV3 && param.ssr) {
       this.addSSR(param.ssr);
     }
     const orderedEntries = this.entriesTimeline.getOrderedEntries({
@@ -233,6 +233,12 @@ export default class VCObserverNew {
       results.push(fy25_03);
     }
 
+    // From TTVC v4 onwards, ensuring that SSR entry is always auto-added, whenever it is configured.
+    // From the next major version release (where TTVC v4 becomes the default TTVC version), the config for `includeSSRInV3` will be deprecated
+    if (param.ssr && !param.includeSSRInV3 && fg('platform_ufo_auto_add_ssr_entry_in_ttvc_v4')) {
+      this.addSSR(param.ssr);
+    }
+
     // TODO on cleanup: put behind `enabledVCRevisions` config
     const calculator_next = new VCNextCalculator();
     const vcNext = await calculator_next.calculate({

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

@@ -33,6 +33,7 @@ var interactionQueue = [];
 var segmentCache = new Map();
 export var segmentUnmountCache = new Map(); // Temporarily store segment unmount counts
 
+var firstSegmentLoadMarked = false;
 var segmentObservers = [];
 export function getActiveInteraction() {
   var interactionId = getInteractionId();
@@ -229,6 +230,22 @@ export function addMark(interactionId, type, name, labelStack) {
     });
   }
 }
+export function markFirstSegmentLoad(interactionId, labelStack) {
+  var time = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : performance.now();
+  if (!fg('platform_mark_ufo_segment_first_load')) {
+    return;
+  }
+  var interaction = interactions.get(interactionId);
+  if (interaction != null && !firstSegmentLoadMarked) {
+    firstSegmentLoadMarked = true;
+    interaction.marks.push({
+      type: 'first_segment_load',
+      name: 'first_segment_load',
+      labelStack: labelStack,
+      time: time
+    });
+  }
+}
 export function addMarkToAll(type, name, labelStack) {
   var time = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : performance.now();
   interactions.forEach(function (interaction) {

package/dist/esm/segment/segment.js

@@ -11,11 +11,12 @@ import { getConfig, getDoNotAbortActivePressInteraction, getInteractionRate, get
 import { getActiveTrace, setInteractionActiveTrace } from '../experience-trace-id-context';
 import UFOInteractionContext from '../interaction-context';
 import UFOInteractionIDContext from '../interaction-id-context';
-import { abortByNewInteraction, addApdex as _addApdex, addCustomData as _addCustomData, addCustomTiming, addHold, addHoldByID, addMark as _addMark, addNewInteraction, addProfilerTimings, addRequestInfo, addSegment, addSpan, getActiveInteraction, removeHoldByID, removeSegment, tryComplete } from '../interaction-metrics';
+import { abortByNewInteraction, addApdex as _addApdex, addCustomData as _addCustomData, addCustomTiming, addHold, addHoldByID, addMark as _addMark, addNewInteraction, addProfilerTimings, addRequestInfo, addSegment, addSpan, getActiveInteraction, markFirstSegmentLoad, removeHoldByID, removeSegment, tryComplete } from '../interaction-metrics';
 import UFORouteName from '../route-name-context';
 import generateId from '../short-id';
 import scheduleOnPaint from './schedule-on-paint';
 var tryCompleteHandle;
+var hasMarkedFirstSegmentLoad = false;
 
 /** A portion of the page we apply measurement to */
 export default function UFOSegment(_ref) {
@@ -58,6 +59,10 @@ export default function UFOSegment(_ref) {
     } : {})];
   }, [parentContext, segmentName, segmentId, type]);
   var interactionId = useContext(UFOInteractionIDContext);
+  if (interactionId.current != null && !hasMarkedFirstSegmentLoad) {
+    markFirstSegmentLoad(interactionId.current, labelStack, performance.now());
+    hasMarkedFirstSegmentLoad = true;
+  }
   var interactionContext = useMemo(function () {
     var lastCompleteEndTime = 0;
     function complete() {

package/dist/esm/vc/index.js

@@ -112,7 +112,7 @@ export var VCObserverWrapper = /*#__PURE__*/function () {
     value: function () {
       var _getVCResult = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(param) {
         var _this$oldVCObserver4, _this$newVCObserver3, _ref2;
-        var experienceKey, include3p, excludeSmartAnswersInSearch, includeSSRRatio, includeRawData, v1v2Result, v3Result, ssrRatio;
+        var experienceKey, include3p, excludeSmartAnswersInSearch, includeSSRRatio, includeRawData, v1v2Result, v3v4Result, ssrRatio;
         return _regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
@@ -140,14 +140,15 @@ export var VCObserverWrapper = /*#__PURE__*/function () {
                 start: param.start,
                 stop: param.stop,
                 interactionId: param.interactionId,
-                ssr: param.includeSSRInV3 ? param.ssr : undefined,
+                ssr: param.ssr,
                 include3p: include3p,
                 excludeSmartAnswersInSearch: excludeSmartAnswersInSearch,
                 includeSSRRatio: includeSSRRatio,
                 interactionType: param.interactionType,
                 isPageVisible: param.isPageVisible,
                 interactionAbortReason: param.interactionAbortReason,
-                includeRawData: includeRawData
+                includeRawData: includeRawData,
+                includeSSRInV3: param.includeSSRInV3
               });
             case 12:
               _context.t1 = _context.sent;
@@ -156,18 +157,18 @@ export var VCObserverWrapper = /*#__PURE__*/function () {
             case 15:
               _context.t1 = [];
             case 16:
-              v3Result = _context.t1;
-              if (v3Result) {
+              v3v4Result = _context.t1;
+              if (v3v4Result) {
                 _context.next = 19;
                 break;
               }
               return _context.abrupt("return", v1v2Result !== null && v1v2Result !== void 0 ? v1v2Result : {});
             case 19:
-              ssrRatio = v3Result[0].ssrRatio;
+              ssrRatio = v3v4Result[0].ssrRatio;
               return _context.abrupt("return", _objectSpread(_objectSpread(_objectSpread({}, includeSSRRatio && ssrRatio !== undefined ? {
                 'ufo:vc:ssrRatio': ssrRatio
               } : {}), v1v2Result), {}, {
-                'ufo:vc:rev': [].concat(_toConsumableArray((_ref2 = v1v2Result === null || v1v2Result === void 0 ? void 0 : v1v2Result['ufo:vc:rev']) !== null && _ref2 !== void 0 ? _ref2 : []), _toConsumableArray(v3Result !== null && v3Result !== void 0 ? v3Result : []))
+                'ufo:vc:rev': [].concat(_toConsumableArray((_ref2 = v1v2Result === null || v1v2Result === void 0 ? void 0 : v1v2Result['ufo:vc:rev']) !== null && _ref2 !== void 0 ? _ref2 : []), _toConsumableArray(v3v4Result !== null && v3v4Result !== void 0 ? v3v4Result : []))
               }));
             case 21:
             case "end":

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

@@ -241,7 +241,7 @@ var VCObserverNew = /*#__PURE__*/function () {
               this.addStartEntry(start);
               feVCCalculationStartTime = performance.now();
               calculator_fy25_03 = new VCCalculator_FY25_03();
-              if (param.ssr) {
+              if (param.includeSSRInV3 && param.ssr) {
                 this.addSSR(param.ssr);
               }
               orderedEntries = this.entriesTimeline.getOrderedEntries({
@@ -268,9 +268,15 @@ var VCObserverNew = /*#__PURE__*/function () {
                 results.push(fy25_03);
               }
 
+              // From TTVC v4 onwards, ensuring that SSR entry is always auto-added, whenever it is configured.
+              // From the next major version release (where TTVC v4 becomes the default TTVC version), the config for `includeSSRInV3` will be deprecated
+              if (param.ssr && !param.includeSSRInV3 && fg('platform_ufo_auto_add_ssr_entry_in_ttvc_v4')) {
+                this.addSSR(param.ssr);
+              }
+
               // TODO on cleanup: put behind `enabledVCRevisions` config
               calculator_next = new VCNextCalculator();
-              _context.next = 14;
+              _context.next = 15;
               return calculator_next.calculate({
                 orderedEntries: orderedEntries,
                 startTime: start,
@@ -283,35 +289,35 @@ var VCObserverNew = /*#__PURE__*/function () {
                 isPageVisible: isPageVisible,
                 interactionAbortReason: interactionAbortReason
               });
-            case 14:
+            case 15:
               vcNext = _context.sent;
               if (vcNext) {
                 results.push(vcNext);
               }
               feVCCalculationEndTime = performance.now();
               if (!(includeRawData && fg('platform_ufo_enable_vc_raw_data'))) {
-                _context.next = 24;
+                _context.next = 25;
                 break;
               }
               rawVCCalculationStartTime = performance.now();
               rawHandler = new RawDataHandler();
-              _context.next = 22;
+              _context.next = 23;
               return rawHandler.getRawData({
                 entries: orderedEntries,
                 startTime: start,
                 stopTime: stop,
                 isPageVisible: isPageVisible
               });
-            case 22:
+            case 23:
               raw = _context.sent;
               if (raw) {
                 raw.rawVCTime = Number((performance.now() - rawVCCalculationStartTime).toFixed(2));
                 raw.feVCTime = Number((feVCCalculationEndTime - feVCCalculationStartTime).toFixed(2));
                 results.push(raw);
               }
-            case 24:
-              return _context.abrupt("return", results);
             case 25:
+              return _context.abrupt("return", results);
+            case 26:
             case "end":
               return _context.stop();
           }

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

@@ -4,7 +4,7 @@ import type { LabelStack, UFOInteractionContextType } from '../../interaction-co
 import type { VCObserverInterface } from '../../vc/types';
 import { type VCRawDataType, type VCResult } from '../vc/types';
 export type LifecycleMarkType = 'render' | 'beforePaint' | 'afterPaint' | 'nextTick' | 'mount' | 'commit';
-export type MarkType = ('placeholder' | 'bm3_stop' | 'bundle_preload' | 'custom') | LifecycleMarkType;
+export type MarkType = ('placeholder' | 'bm3_stop' | 'bundle_preload' | 'custom' | 'first_segment_load') | LifecycleMarkType;
 export type SpanType = 'placeholder' | 'relay' | 'hidden_timing' | 'bundle_load' | 'graphql' | 'fetch' | 'reducer' | 'custom';
 export type InteractionType = 'page_load' | 'press' | 'typing' | 'transition' | 'segment';
 export type AbortReasonType = 'new_interaction' | 'unload' | 'transition' | 'timeout' | 'excluded_by_sampling';

package/dist/types/interaction-metrics/index.d.ts

@@ -18,6 +18,7 @@ export declare function addCustomData(interactionId: string, labelStack: LabelSt
 export declare function addCohortingCustomData(interactionId: string, key: string, value: number | boolean | string | null | undefined): void;
 export declare function addCustomTiming(interactionId: string, labelStack: LabelStack, data: CustomTiming): void;
 export declare function addMark(interactionId: string, type: MarkType, name: string, labelStack: LabelStack | null, time?: number): void;
+export declare function markFirstSegmentLoad(interactionId: string, labelStack: LabelStack | null, time?: number): void;
 export declare function addMarkToAll(type: MarkType, name: string, labelStack: LabelStack | null, time?: number): void;
 export declare function addSpan(interactionId: string, type: SpanType, name: string, labelStack: LabelStack | null, start: number, end?: number, size?: number): void;
 export declare function addSpanToAll(type: SpanType, name: string, labelStack: LabelStack | null, start: number, end?: number, size?: number): void;

package/dist/types/vc/vc-observer-new/types.d.ts

@@ -37,4 +37,5 @@ export type VCObserverGetVCResultParam = {
     isPageVisible: boolean;
     interactionAbortReason?: AbortReasonType;
     includeRawData?: boolean;
+    includeSSRInV3?: boolean;
 };

package/dist/types-ts4.5/common/common/types.d.ts

@@ -4,7 +4,7 @@ import type { LabelStack, UFOInteractionContextType } from '../../interaction-co
 import type { VCObserverInterface } from '../../vc/types';
 import { type VCRawDataType, type VCResult } from '../vc/types';
 export type LifecycleMarkType = 'render' | 'beforePaint' | 'afterPaint' | 'nextTick' | 'mount' | 'commit';
-export type MarkType = ('placeholder' | 'bm3_stop' | 'bundle_preload' | 'custom') | LifecycleMarkType;
+export type MarkType = ('placeholder' | 'bm3_stop' | 'bundle_preload' | 'custom' | 'first_segment_load') | LifecycleMarkType;
 export type SpanType = 'placeholder' | 'relay' | 'hidden_timing' | 'bundle_load' | 'graphql' | 'fetch' | 'reducer' | 'custom';
 export type InteractionType = 'page_load' | 'press' | 'typing' | 'transition' | 'segment';
 export type AbortReasonType = 'new_interaction' | 'unload' | 'transition' | 'timeout' | 'excluded_by_sampling';

package/dist/types-ts4.5/interaction-metrics/index.d.ts

@@ -18,6 +18,7 @@ export declare function addCustomData(interactionId: string, labelStack: LabelSt
 export declare function addCohortingCustomData(interactionId: string, key: string, value: number | boolean | string | null | undefined): void;
 export declare function addCustomTiming(interactionId: string, labelStack: LabelStack, data: CustomTiming): void;
 export declare function addMark(interactionId: string, type: MarkType, name: string, labelStack: LabelStack | null, time?: number): void;
+export declare function markFirstSegmentLoad(interactionId: string, labelStack: LabelStack | null, time?: number): void;
 export declare function addMarkToAll(type: MarkType, name: string, labelStack: LabelStack | null, time?: number): void;
 export declare function addSpan(interactionId: string, type: SpanType, name: string, labelStack: LabelStack | null, start: number, end?: number, size?: number): void;
 export declare function addSpanToAll(type: SpanType, name: string, labelStack: LabelStack | null, start: number, end?: number, size?: number): void;

package/dist/types-ts4.5/vc/vc-observer-new/types.d.ts

@@ -37,4 +37,5 @@ export type VCObserverGetVCResultParam = {
     isPageVisible: boolean;
     interactionAbortReason?: AbortReasonType;
     includeRawData?: boolean;
+    includeSSRInV3?: boolean;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/react-ufo",
-	"version": "4.14.4",
+	"version": "4.14.6",
 	"description": "Parts of React UFO that are publicly available",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -110,9 +110,6 @@
 		"platform_ufo_remove_ssr_placeholder_in_ttvc_v4": {
 			"type": "boolean"
 		},
-		"platform_ufo_enable_interactivity_jsm": {
-			"type": "boolean"
-		},
 		"platform_ufo_exclude_3p_elements_from_ttai": {
 			"type": "boolean"
 		},
@@ -170,8 +167,14 @@
 		"platform_ufo_exclude_3p_attribute_changes": {
 			"type": "boolean"
 		},
+		"platform_ufo_auto_add_ssr_entry_in_ttvc_v4": {
+			"type": "boolean"
+		},
 		"platform_ufo_enable_vc_raw_data": {
 			"type": "boolean"
+		},
+		"platform_mark_ufo_segment_first_load": {
+			"type": "boolean"
 		}
 	}
 }