@atlaskit/react-ufo 4.11.2 → 4.11.4

package/dist/esm/segment/segment.js

@@ -2,7 +2,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 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 React, { lazy, Profiler, Suspense, useCallback, useContext, useEffect, useMemo, useRef } from 'react';
+import React, { Profiler, 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';
@@ -16,18 +16,9 @@ import UFORouteName from '../route-name-context';
 import generateId from '../short-id';
 import scheduleOnPaint from './schedule-on-paint';
 var tryCompleteHandle;
-var AsyncSegmentHighlight = /*#__PURE__*/lazy(function () {
-  return import( /* webpackChunkName: "@atlaskit-internal_ufo-segment-highlight" */'./segment-highlight').then(function (module) {
-    return {
-      default: module.SegmentHighlight
-    };
-  });
-});
 
-// KARL TODO: finish self profiling
 /** A portion of the page we apply measurement to */
 export default function UFOSegment(_ref) {
-  var _getConfig2;
   var segmentName = _ref.name,
     children = _ref.children,
     _ref$mode = _ref.mode,
@@ -278,16 +269,11 @@ export default function UFOSegment(_ref) {
       return l.name;
     }).join('/');
   }, [labelStack]);
-  var enableSegmentHighlighting = (_getConfig2 = getConfig()) === null || _getConfig2 === void 0 ? void 0 : _getConfig2.enableSegmentHighlighting;
   return /*#__PURE__*/React.createElement(UFOInteractionContext.Provider, {
     value: interactionContext
   }, /*#__PURE__*/React.createElement(Profiler, {
     id: reactProfilerId,
     onRender: onRender
-  }, children, enableSegmentHighlighting && /*#__PURE__*/React.createElement(Suspense, {
-    fallback: null
-  }, /*#__PURE__*/React.createElement(AsyncSegmentHighlight, {
-    segmentName: segmentName
-  }))));
+  }, children));
 }
 UFOSegment.displayName = 'UFOSegment';

package/dist/esm/vc/index.js

@@ -112,11 +112,11 @@ 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, v1v2Result, v3Result;
+        var experienceKey, include3p, excludeSmartAnswersInSearch, includeSSRRatio, v1v2Result, v3Result, ssrRatio;
         return _regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
-              experienceKey = param.experienceKey, include3p = param.include3p, excludeSmartAnswersInSearch = param.excludeSmartAnswersInSearch;
+              experienceKey = param.experienceKey, include3p = param.include3p, excludeSmartAnswersInSearch = param.excludeSmartAnswersInSearch, includeSSRRatio = param.includeSSRRatio;
               if (!(isVCRevisionEnabled('fy25.01', experienceKey) || isVCRevisionEnabled('fy25.02', experienceKey))) {
                 _context.next = 7;
                 break;
@@ -143,6 +143,7 @@ export var VCObserverWrapper = /*#__PURE__*/function () {
                 ssr: param.includeSSRInV3 ? param.ssr : undefined,
                 include3p: include3p,
                 excludeSmartAnswersInSearch: excludeSmartAnswersInSearch,
+                includeSSRRatio: includeSSRRatio,
                 interactionType: param.interactionType,
                 isPageVisible: param.isPageVisible,
                 interactionAbortReason: param.interactionAbortReason
@@ -161,10 +162,13 @@ export var VCObserverWrapper = /*#__PURE__*/function () {
               }
               return _context.abrupt("return", v1v2Result !== null && v1v2Result !== void 0 ? v1v2Result : {});
             case 19:
-              return _context.abrupt("return", _objectSpread(_objectSpread({}, v1v2Result), {}, {
+              ssrRatio = v3Result[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 : []))
               }));
-            case 20:
+            case 21:
             case "end":
               return _context.stop();
           }

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

@@ -231,11 +231,11 @@ var VCObserverNew = /*#__PURE__*/function () {
     key: "getVCResult",
     value: function () {
       var _getVCResult = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(param) {
-        var start, stop, interactionId, interactionType, interactionAbortReason, isPageVisible, include3p, excludeSmartAnswersInSearch, results, calculator_fy25_03, orderedEntries, fy25_03, calculator_next, vcNext;
+        var start, stop, interactionId, interactionType, interactionAbortReason, isPageVisible, include3p, includeSSRRatio, excludeSmartAnswersInSearch, results, calculator_fy25_03, orderedEntries, fy25_03, calculator_next, vcNext;
         return _regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
-              start = param.start, stop = param.stop, interactionId = param.interactionId, interactionType = param.interactionType, interactionAbortReason = param.interactionAbortReason, isPageVisible = param.isPageVisible, include3p = param.include3p, excludeSmartAnswersInSearch = param.excludeSmartAnswersInSearch;
+              start = param.start, stop = param.stop, interactionId = param.interactionId, interactionType = param.interactionType, interactionAbortReason = param.interactionAbortReason, isPageVisible = param.isPageVisible, include3p = param.include3p, includeSSRRatio = param.includeSSRRatio, excludeSmartAnswersInSearch = param.excludeSmartAnswersInSearch;
               results = [];
               this.addStartEntry(start);
               calculator_fy25_03 = new VCCalculator_FY25_03();
@@ -256,6 +256,7 @@ var VCObserverNew = /*#__PURE__*/function () {
                 isPostInteraction: this.isPostInteraction,
                 include3p: include3p,
                 excludeSmartAnswersInSearch: excludeSmartAnswersInSearch,
+                includeSSRRatio: includeSSRRatio,
                 isPageVisible: isPageVisible,
                 interactionAbortReason: interactionAbortReason
               });
@@ -280,6 +281,7 @@ var VCObserverNew = /*#__PURE__*/function () {
                 interactionType: interactionType,
                 isPostInteraction: this.isPostInteraction,
                 include3p: include3p,
+                includeSSRRatio: includeSSRRatio,
                 isPageVisible: isPageVisible,
                 interactionAbortReason: interactionAbortReason
               });

package/dist/esm/vc/vc-observer-new/metric-calculator/abstract-base-vc-calculator.js

@@ -102,9 +102,9 @@ var AbstractVCCalculatorBase = /*#__PURE__*/function () {
   }, {
     key: "calculateWithDebugInfo",
     value: function () {
-      var _calculateWithDebugInfo = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(filteredEntries, startTime, stopTime, isPostInteraction, isVCClean, interactionType, isPageVisible, interactionId, dirtyReason, allEntries, include3p, excludeSmartAnswersInSearch, interactionAbortReason) {
+      var _calculateWithDebugInfo = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(filteredEntries, startTime, stopTime, isPostInteraction, isVCClean, interactionType, isPageVisible, interactionId, dirtyReason, allEntries, include3p, excludeSmartAnswersInSearch, interactionAbortReason, includeSSRRatio) {
         var _window, _window2, _window6, _window8;
-        var percentiles, viewportEntries, vcLogs, vcDetails, percentileIndex, entryDataBuffer, _iterator4, _step4, _entry3, time, viewportPercentage, entries, elementNames, previousResult, i, percentile, enhancedVcLogs, shouldCalculate3p, shouldCalculateDebugDetails, _window3, _window4, _window5, sortedVcLogs, maxViewportPercentageAtTime, maxSoFar, _iterator5, _step5, log, getBiggestPreviousViewportPercentage, ignoredEntriesByTime, _iterator6, _step6, _entry4, _ignoredEntriesByTime, _viewportData$rect, _viewportData$previou, viewportData, timestamp, additionalVcLogs, _iterator7, _step7, _step7$value, _timestamp, ignoredEntries, _viewportPercentage, v3RevisionDebugDetails, _window7, _window7$__ufo_devtoo, _window9, _window9$__on_ufo_vc_;
+        var percentiles, viewportEntries, vcLogs, vcDetails, percentileIndex, entryDataBuffer, ssrRatio, _iterator4, _step4, _entry3, time, viewportPercentage, entries, elementNames, previousResult, i, percentile, enhancedVcLogs, shouldCalculate3p, shouldCalculateDebugDetails, _window3, _window4, _window5, sortedVcLogs, maxViewportPercentageAtTime, maxSoFar, _iterator5, _step5, log, getBiggestPreviousViewportPercentage, ignoredEntriesByTime, _iterator6, _step6, _entry4, _ignoredEntriesByTime, _viewportData$rect, _viewportData$previou, viewportData, timestamp, additionalVcLogs, _iterator7, _step7, _step7$value, _timestamp, ignoredEntries, _viewportPercentage, v3RevisionDebugDetails, _window7, _window7$__ufo_devtoo, _window9, _window9$__on_ufo_vc_;
         return _regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
@@ -125,26 +125,34 @@ var AbstractVCCalculatorBase = /*#__PURE__*/function () {
               vcDetails = {};
               percentileIndex = 0;
               entryDataBuffer = new Set();
+              ssrRatio = -1;
               if (!vcLogs) {
-                _context.next = 28;
+                _context.next = 30;
                 break;
               }
               _iterator4 = _createForOfIteratorHelper(vcLogs);
-              _context.prev = 10;
+              _context.prev = 11;
               _iterator4.s();
-            case 12:
+            case 13:
               if ((_step4 = _iterator4.n()).done) {
-                _context.next = 20;
+                _context.next = 22;
                 break;
               }
               _entry3 = _step4.value;
-              time = _entry3.time, viewportPercentage = _entry3.viewportPercentage, entries = _entry3.entries; // Only process entries if we haven't reached all percentiles
+              time = _entry3.time, viewportPercentage = _entry3.viewportPercentage, entries = _entry3.entries;
+              if (includeSSRRatio && ssrRatio === -1 && entries.some(function (e) {
+                return e.elementName === 'SSR';
+              }) && fg('platform_report_ssr_ratio_in_v3')) {
+                ssrRatio = viewportPercentage / 100;
+              }
+
+              // Only process entries if we haven't reached all percentiles
               if (!(percentileIndex >= percentiles.length)) {
-                _context.next = 17;
+                _context.next = 19;
                 break;
               }
-              return _context.abrupt("break", 20);
-            case 17:
+              return _context.abrupt("break", 22);
+            case 19:
               // Check if this entry matches any checkpoint percentiles
               if (viewportPercentage >= percentiles[percentileIndex]) {
                 elementNames = entries.map(function (e) {
@@ -166,21 +174,21 @@ var AbstractVCCalculatorBase = /*#__PURE__*/function () {
                   return entryDataBuffer.add(e);
                 });
               }
-            case 18:
-              _context.next = 12;
-              break;
             case 20:
-              _context.next = 25;
+              _context.next = 13;
               break;
             case 22:
-              _context.prev = 22;
-              _context.t0 = _context["catch"](10);
+              _context.next = 27;
+              break;
+            case 24:
+              _context.prev = 24;
+              _context.t0 = _context["catch"](11);
               _iterator4.e(_context.t0);
-            case 25:
-              _context.prev = 25;
+            case 27:
+              _context.prev = 27;
               _iterator4.f();
-              return _context.finish(25);
-            case 28:
+              return _context.finish(27);
+            case 30:
               // Fill in any missing percentiles with the last known values
               previousResult = {
                 t: 0,
@@ -341,14 +349,17 @@ var AbstractVCCalculatorBase = /*#__PURE__*/function () {
                   console.error('Error in 3pDebugData', e);
                 }
               }
-              return _context.abrupt("return", vcDetails);
-            case 41:
+              return _context.abrupt("return", {
+                vcDetails: vcDetails,
+                ssrRatio: ssrRatio
+              });
+            case 43:
             case "end":
               return _context.stop();
           }
-        }, _callee, this, [[10, 22, 25, 28]]);
+        }, _callee, this, [[11, 24, 27, 30]]);
       }));
-      function calculateWithDebugInfo(_x, _x2, _x3, _x4, _x5, _x6, _x7, _x8, _x9, _x0, _x1, _x10, _x11) {
+      function calculateWithDebugInfo(_x, _x2, _x3, _x4, _x5, _x6, _x7, _x8, _x9, _x0, _x1, _x10, _x11, _x12) {
         return _calculateWithDebugInfo.apply(this, arguments);
       }
       return calculateWithDebugInfo;
@@ -360,11 +371,11 @@ var AbstractVCCalculatorBase = /*#__PURE__*/function () {
         var _this = this,
           _vcDetails$90$t,
           _vcDetails$;
-        var startTime, stopTime, orderedEntries, interactionId, isPostInteraction, include3p, excludeSmartAnswersInSearch, interactionType, isPageVisible, interactionAbortReason, filteredEntries, isVCClean, dirtyReason, getVCCleanStatusResult, vcDetails, result;
+        var startTime, stopTime, orderedEntries, interactionId, isPostInteraction, include3p, excludeSmartAnswersInSearch, includeSSRRatio, interactionType, isPageVisible, interactionAbortReason, filteredEntries, isVCClean, dirtyReason, getVCCleanStatusResult, _yield$this$calculate, vcDetails, ssrRatio, result;
         return _regeneratorRuntime.wrap(function _callee2$(_context2) {
           while (1) switch (_context2.prev = _context2.next) {
             case 0:
-              startTime = _ref.startTime, stopTime = _ref.stopTime, orderedEntries = _ref.orderedEntries, interactionId = _ref.interactionId, isPostInteraction = _ref.isPostInteraction, include3p = _ref.include3p, excludeSmartAnswersInSearch = _ref.excludeSmartAnswersInSearch, interactionType = _ref.interactionType, isPageVisible = _ref.isPageVisible, interactionAbortReason = _ref.interactionAbortReason;
+              startTime = _ref.startTime, stopTime = _ref.stopTime, orderedEntries = _ref.orderedEntries, interactionId = _ref.interactionId, isPostInteraction = _ref.isPostInteraction, include3p = _ref.include3p, excludeSmartAnswersInSearch = _ref.excludeSmartAnswersInSearch, includeSSRRatio = _ref.includeSSRRatio, interactionType = _ref.interactionType, isPageVisible = _ref.isPageVisible, interactionAbortReason = _ref.interactionAbortReason;
               filteredEntries = orderedEntries.filter(function (entry) {
                 return _this.isEntryIncluded(entry, include3p, excludeSmartAnswersInSearch);
               });
@@ -384,9 +395,11 @@ var AbstractVCCalculatorBase = /*#__PURE__*/function () {
               });
             case 7:
               _context2.next = 9;
-              return this.calculateWithDebugInfo(filteredEntries, startTime, stopTime, isPostInteraction, isVCClean, interactionType, isPageVisible, interactionId, dirtyReason, orderedEntries, include3p, excludeSmartAnswersInSearch, interactionAbortReason);
+              return this.calculateWithDebugInfo(filteredEntries, startTime, stopTime, isPostInteraction, isVCClean, interactionType, isPageVisible, interactionId, dirtyReason, orderedEntries, include3p, excludeSmartAnswersInSearch, interactionAbortReason, includeSSRRatio);
             case 9:
-              vcDetails = _context2.sent;
+              _yield$this$calculate = _context2.sent;
+              vcDetails = _yield$this$calculate.vcDetails;
+              ssrRatio = _yield$this$calculate.ssrRatio;
               result = {
                 revision: this.revisionNo,
                 clean: true,
@@ -394,6 +407,9 @@ var AbstractVCCalculatorBase = /*#__PURE__*/function () {
                 vcDetails: vcDetails !== null && vcDetails !== void 0 ? vcDetails : undefined
               };
               result.ratios = this.calculateRatios(filteredEntries);
+              if (ssrRatio !== -1) {
+                result.ssrRatio = ssrRatio;
+              }
               if (isPostInteraction) {
                 result.labelStacks = this.getLabelStacks(filteredEntries);
               }
@@ -401,13 +417,13 @@ var AbstractVCCalculatorBase = /*#__PURE__*/function () {
                 result.displayContentsOccurrence = cssIssueOccurrence;
               }
               return _context2.abrupt("return", result);
-            case 15:
+            case 18:
             case "end":
               return _context2.stop();
           }
         }, _callee2, this);
       }));
-      function calculate(_x12) {
+      function calculate(_x13) {
         return _calculate.apply(this, arguments);
       }
       return calculate;

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

@@ -114,12 +114,17 @@ export type RevisionPayloadVCDetails = Record<string, {
     t: number;
     e: string[];
 }>;
+export type CalculateTTVCResult = {
+    vcDetails: RevisionPayloadVCDetails;
+    ssrRatio: number;
+};
 export type RevisionPayloadEntry = {
     'metric:vc90': number | null;
     revision: string;
     clean: boolean;
     vcDetails?: RevisionPayloadVCDetails;
     ratios?: VCRatioType;
+    ssrRatio?: number;
     labelStacks?: VCLabelStacks;
     abortReason?: VCAbortReason | null;
     abortTimestamp?: number;

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

@@ -132,6 +132,10 @@ export type Config = {
         readonly rates?: Rates;
         readonly kind?: Record<InteractionType, number>;
     };
+    /**
+     * @private
+     * @deprecated - to be removed on next major version
+     */
     readonly enableSegmentHighlighting?: boolean;
     readonly enableAdditionalPerformanceMarks?: boolean;
     /**

package/dist/types/create-interaction-extra-metrics-payload/index.d.ts

@@ -1,6 +1,7 @@
 import type { InteractionMetrics } from '../common';
+import type { VCResult } from '../common/vc/types';
 import type { LabelStack } from '../interaction-context';
-declare function createInteractionExtraLogPayload(interactionId: string, interaction: InteractionMetrics): Promise<{
+declare function createInteractionExtraLogPayload(interactionId: string, interaction: InteractionMetrics, lastInteractionFinish: InteractionMetrics | null, lastInteractionFinishVCResult?: VCResult): Promise<{
     actionSubject: string;
     action: string;
     eventType: string;
@@ -96,6 +97,13 @@ declare function createInteractionExtraLogPayload(interactionId: string, interac
                 'metric:ttai:3p': number;
             };
             'vc:effective:revision': string;
+            lastInteractionFinish: {
+                start: number | undefined;
+                end: number | undefined;
+                ttai: number | undefined;
+                vc90: number | null;
+                vcClean: boolean;
+            };
         };
     };
 } | null>;

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

@@ -1,8 +1,10 @@
+import { type VCResult } from '../common/vc/types';
 import type { VCObserverInterface, VCObserverOptions } from '../vc/types';
 import { type InteractionMetrics } from './index';
 export default class InteractionExtraMetrics {
-    finishedInteractionId: string | null;
+    finishedInteraction: InteractionMetrics | null;
     vcObserver: VCObserverInterface | null;
+    lastInteractionFinishVCResult?: VCResult;
     private sinkHandlerFn;
     initializeVCObserver(options: VCObserverOptions): void;
     startVCObserver({ startTime }: {
@@ -10,8 +12,9 @@ export default class InteractionExtraMetrics {
     }, interactionId: string): void;
     stopVCObserver(): void;
     eligibleToMeasure(interactionId: string): boolean;
-    updateFinishedInteractionId(interactionId: string): void;
-    sinkHandler(fn: (interactionId: string, interaction: InteractionMetrics) => void | Promise<void>): void;
+    updateFinishedInteraction(interaction: InteractionMetrics): void;
+    setLastInteractionFinishVCResult(result: VCResult): void;
+    sinkHandler(fn: (interactionId: string, interaction: InteractionMetrics, lastInteractionFinish: InteractionMetrics | null, lastInteractionFinishVCResult?: VCResult) => void | Promise<void>): void;
     onInteractionComplete(id: string, data: InteractionMetrics): void;
     reset(): void;
     stopAll(id: string): void;

package/dist/types/vc/vc-observer-new/metric-calculator/abstract-base-vc-calculator.d.ts

@@ -25,5 +25,5 @@ export default abstract class AbstractVCCalculatorBase implements VCCalculator {
     private calculateRatios;
     private getLabelStacks;
     private calculateWithDebugInfo;
-    calculate({ startTime, stopTime, orderedEntries, interactionId, isPostInteraction, include3p, excludeSmartAnswersInSearch, interactionType, isPageVisible, interactionAbortReason, }: VCCalculatorParam): Promise<RevisionPayloadEntry | undefined>;
+    calculate({ startTime, stopTime, orderedEntries, interactionId, isPostInteraction, include3p, excludeSmartAnswersInSearch, includeSSRRatio, interactionType, isPageVisible, interactionAbortReason, }: VCCalculatorParam): Promise<RevisionPayloadEntry | undefined>;
 }

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

@@ -9,6 +9,7 @@ export type VCCalculatorParam = {
     isPostInteraction: boolean;
     include3p?: boolean;
     excludeSmartAnswersInSearch?: boolean;
+    includeSSRRatio?: boolean;
     interactionType: InteractionType;
     isPageVisible: boolean;
     interactionAbortReason?: AbortReasonType;

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

@@ -31,6 +31,7 @@ export type VCObserverGetVCResultParam = {
     ssr?: number;
     include3p?: boolean;
     excludeSmartAnswersInSearch?: boolean;
+    includeSSRRatio?: boolean;
     interactionType: InteractionType;
     isPageVisible: boolean;
     interactionAbortReason?: AbortReasonType;

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

@@ -114,12 +114,17 @@ export type RevisionPayloadVCDetails = Record<string, {
     t: number;
     e: string[];
 }>;
+export type CalculateTTVCResult = {
+    vcDetails: RevisionPayloadVCDetails;
+    ssrRatio: number;
+};
 export type RevisionPayloadEntry = {
     'metric:vc90': number | null;
     revision: string;
     clean: boolean;
     vcDetails?: RevisionPayloadVCDetails;
     ratios?: VCRatioType;
+    ssrRatio?: number;
     labelStacks?: VCLabelStacks;
     abortReason?: VCAbortReason | null;
     abortTimestamp?: number;

package/dist/types-ts4.5/config/index.d.ts

@@ -132,6 +132,10 @@ export type Config = {
         readonly rates?: Rates;
         readonly kind?: Record<InteractionType, number>;
     };
+    /**
+     * @private
+     * @deprecated - to be removed on next major version
+     */
     readonly enableSegmentHighlighting?: boolean;
     readonly enableAdditionalPerformanceMarks?: boolean;
     /**

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

@@ -1,6 +1,7 @@
 import type { InteractionMetrics } from '../common';
+import type { VCResult } from '../common/vc/types';
 import type { LabelStack } from '../interaction-context';
-declare function createInteractionExtraLogPayload(interactionId: string, interaction: InteractionMetrics): Promise<{
+declare function createInteractionExtraLogPayload(interactionId: string, interaction: InteractionMetrics, lastInteractionFinish: InteractionMetrics | null, lastInteractionFinishVCResult?: VCResult): Promise<{
     actionSubject: string;
     action: string;
     eventType: string;
@@ -96,6 +97,13 @@ declare function createInteractionExtraLogPayload(interactionId: string, interac
                 'metric:ttai:3p': number;
             };
             'vc:effective:revision': string;
+            lastInteractionFinish: {
+                start: number | undefined;
+                end: number | undefined;
+                ttai: number | undefined;
+                vc90: number | null;
+                vcClean: boolean;
+            };
         };
     };
 } | null>;

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

@@ -1,8 +1,10 @@
+import { type VCResult } from '../common/vc/types';
 import type { VCObserverInterface, VCObserverOptions } from '../vc/types';
 import { type InteractionMetrics } from './index';
 export default class InteractionExtraMetrics {
-    finishedInteractionId: string | null;
+    finishedInteraction: InteractionMetrics | null;
     vcObserver: VCObserverInterface | null;
+    lastInteractionFinishVCResult?: VCResult;
     private sinkHandlerFn;
     initializeVCObserver(options: VCObserverOptions): void;
     startVCObserver({ startTime }: {
@@ -10,8 +12,9 @@ export default class InteractionExtraMetrics {
     }, interactionId: string): void;
     stopVCObserver(): void;
     eligibleToMeasure(interactionId: string): boolean;
-    updateFinishedInteractionId(interactionId: string): void;
-    sinkHandler(fn: (interactionId: string, interaction: InteractionMetrics) => void | Promise<void>): void;
+    updateFinishedInteraction(interaction: InteractionMetrics): void;
+    setLastInteractionFinishVCResult(result: VCResult): void;
+    sinkHandler(fn: (interactionId: string, interaction: InteractionMetrics, lastInteractionFinish: InteractionMetrics | null, lastInteractionFinishVCResult?: VCResult) => void | Promise<void>): void;
     onInteractionComplete(id: string, data: InteractionMetrics): void;
     reset(): void;
     stopAll(id: string): void;

package/dist/types-ts4.5/vc/vc-observer-new/metric-calculator/abstract-base-vc-calculator.d.ts

@@ -25,5 +25,5 @@ export default abstract class AbstractVCCalculatorBase implements VCCalculator {
     private calculateRatios;
     private getLabelStacks;
     private calculateWithDebugInfo;
-    calculate({ startTime, stopTime, orderedEntries, interactionId, isPostInteraction, include3p, excludeSmartAnswersInSearch, interactionType, isPageVisible, interactionAbortReason, }: VCCalculatorParam): Promise<RevisionPayloadEntry | undefined>;
+    calculate({ startTime, stopTime, orderedEntries, interactionId, isPostInteraction, include3p, excludeSmartAnswersInSearch, includeSSRRatio, interactionType, isPageVisible, interactionAbortReason, }: VCCalculatorParam): Promise<RevisionPayloadEntry | undefined>;
 }

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

@@ -9,6 +9,7 @@ export type VCCalculatorParam = {
     isPostInteraction: boolean;
     include3p?: boolean;
     excludeSmartAnswersInSearch?: boolean;
+    includeSSRRatio?: boolean;
     interactionType: InteractionType;
     isPageVisible: boolean;
     interactionAbortReason?: AbortReasonType;

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

@@ -31,6 +31,7 @@ export type VCObserverGetVCResultParam = {
     ssr?: number;
     include3p?: boolean;
     excludeSmartAnswersInSearch?: boolean;
+    includeSSRRatio?: boolean;
     interactionType: InteractionType;
     isPageVisible: boolean;
     interactionAbortReason?: AbortReasonType;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/react-ufo",
-	"version": "4.11.2",
+	"version": "4.11.4",
 	"description": "Parts of React UFO that are publicly available",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -171,6 +171,9 @@
 		},
 		"platform_ufo_always_send_post_interaction_log": {
 			"type": "boolean"
+		},
+		"platform_report_ssr_ratio_in_v3": {
+			"type": "boolean"
 		}
 	}
 }

package/dist/cjs/segment/segment-highlight.js

@@ -1,39 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SegmentHighlight = SegmentHighlight;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
-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 SegmentHighlight(_ref) {
-  var segmentName = _ref.segmentName;
-  var _useState = (0, _react.useState)(false),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    segmentHighlight = _useState2[0],
-    setSegmentHighlight = _useState2[1];
-  (0, _react.useEffect)(function () {
-    try {
-      var shouldHighlightSegments = sessionStorage.getItem('segmentsHighlight') === 'true';
-      setSegmentHighlight(shouldHighlightSegments);
-    } catch (err) {
-      /* do nothing */
-    }
-  }, []);
-  if (segmentHighlight) {
-    return (
-      /*#__PURE__*/
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
-      _react.default.createElement("span", {
-        "data-segment-name": segmentName,
-        style: {
-          display: 'none'
-        }
-      })
-    );
-  }
-  return null;
-}

package/dist/es2019/segment/segment-highlight.js

@@ -1,27 +0,0 @@
-import React, { useEffect, useState } from 'react';
-export function SegmentHighlight({
-  segmentName
-}) {
-  const [segmentHighlight, setSegmentHighlight] = useState(false);
-  useEffect(() => {
-    try {
-      const shouldHighlightSegments = sessionStorage.getItem('segmentsHighlight') === 'true';
-      setSegmentHighlight(shouldHighlightSegments);
-    } catch (err) {
-      /* do nothing */
-    }
-  }, []);
-  if (segmentHighlight) {
-    return (
-      /*#__PURE__*/
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
-      React.createElement("span", {
-        "data-segment-name": segmentName,
-        style: {
-          display: 'none'
-        }
-      })
-    );
-  }
-  return null;
-}

package/dist/esm/segment/segment-highlight.js

@@ -1,30 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import React, { useEffect, useState } from 'react';
-export function SegmentHighlight(_ref) {
-  var segmentName = _ref.segmentName;
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    segmentHighlight = _useState2[0],
-    setSegmentHighlight = _useState2[1];
-  useEffect(function () {
-    try {
-      var shouldHighlightSegments = sessionStorage.getItem('segmentsHighlight') === 'true';
-      setSegmentHighlight(shouldHighlightSegments);
-    } catch (err) {
-      /* do nothing */
-    }
-  }, []);
-  if (segmentHighlight) {
-    return (
-      /*#__PURE__*/
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
-      React.createElement("span", {
-        "data-segment-name": segmentName,
-        style: {
-          display: 'none'
-        }
-      })
-    );
-  }
-  return null;
-}

package/dist/types/segment/segment-highlight.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-type Props = {
-    segmentName: string;
-};
-export declare function SegmentHighlight({ segmentName }: Props): React.JSX.Element | null;
-export {};

package/dist/types-ts4.5/segment/segment-highlight.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-type Props = {
-    segmentName: string;
-};
-export declare function SegmentHighlight({ segmentName }: Props): React.JSX.Element | null;
-export {};