@atlaskit/react-ufo 4.11.2 → 4.11.4

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/ufo-interaction-ignore
 
+## 4.11.4
+
+### Patch Changes
+
+- [`0e311a2eaf943`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/0e311a2eaf943) -
+  Fixed reporting ssrRatio in v3
+
+## 4.11.3
+
+### Patch Changes
+
+- [`be9b699c35606`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/be9b699c35606) -
+  deprecate UFO segment highlighting
+
 ## 4.11.2
 
 ### Patch Changes

package/dist/cjs/create-interaction-extra-metrics-payload/index.js

@@ -31,13 +31,13 @@ var _interactionMetrics = require("../interaction-metrics");
 var _excluded = ["labelStack"];
 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 createInteractionExtraLogPayload(_x, _x2) {
+function createInteractionExtraLogPayload(_x, _x2, _x3, _x4) {
   return _createInteractionExtraLogPayload.apply(this, arguments);
 }
 function _createInteractionExtraLogPayload() {
-  _createInteractionExtraLogPayload = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(interactionId, interaction) {
-    var _getTTAI, _window$location;
-    var config, end, start, ufoName, rate, type, abortReason, routeName, previousInteractionName, isPreviousInteractionAborted, abortedByInteractionName, knownSegments, sanitisedUfoName, configRate, pageVisibilityAtTTAI, isPageLoad, calculatePageVisibilityFromTheStartOfPageLoad, moreAccuratePageVisibilityAtTTAI, extraTTAI, newUFOName, finalVCMetrics, vcRevisionPayload, effectiveVCRevisionPayload, isThirdParty, filteredData, getDetailedInteractionMetrics, segments3p, segmentTree, payload;
+  _createInteractionExtraLogPayload = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(interactionId, interaction, lastInteractionFinish, lastInteractionFinishVCResult) {
+    var _getTTAI, _lastInteractionFinis, _getTTAI2, _window$location;
+    var config, end, start, ufoName, rate, type, abortReason, routeName, previousInteractionName, isPreviousInteractionAborted, abortedByInteractionName, knownSegments, minorInteractions, sanitisedUfoName, configRate, pageVisibilityAtTTAI, isPageLoad, calculatePageVisibilityFromTheStartOfPageLoad, moreAccuratePageVisibilityAtTTAI, extraTTAI, newUFOName, finalVCMetrics, vcRevisionPayload, effectiveVCRevisionPayload, normalTTAI, lastInteractionFinishStart, lastInteractionFinishEnd, lastInteractionFinishVC90, lastInteractionFinishVCClean, lastInteractionFinishVCRev, lastInteractionFinishRevision, isThirdParty, filteredData, getDetailedInteractionMetrics, segments3p, segmentTree, payload;
     return _regenerator.default.wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
@@ -48,7 +48,7 @@ function _createInteractionExtraLogPayload() {
           }
           throw Error('UFO Configuration not provided');
         case 3:
-          end = interaction.end, start = interaction.start, ufoName = interaction.ufoName, rate = interaction.rate, type = interaction.type, abortReason = interaction.abortReason, routeName = interaction.routeName, previousInteractionName = interaction.previousInteractionName, isPreviousInteractionAborted = interaction.isPreviousInteractionAborted, abortedByInteractionName = interaction.abortedByInteractionName, knownSegments = interaction.knownSegments;
+          end = interaction.end, start = interaction.start, ufoName = interaction.ufoName, rate = interaction.rate, type = interaction.type, abortReason = interaction.abortReason, routeName = interaction.routeName, previousInteractionName = interaction.previousInteractionName, isPreviousInteractionAborted = interaction.isPreviousInteractionAborted, abortedByInteractionName = interaction.abortedByInteractionName, knownSegments = interaction.knownSegments, minorInteractions = interaction.minorInteractions;
           sanitisedUfoName = (0, _utils.sanitizeUfoName)(ufoName);
           configRate = (0, _config.getExtraInteractionRate)(sanitisedUfoName, type);
           if ((0, _coinflip.default)(configRate)) {
@@ -59,7 +59,7 @@ function _createInteractionExtraLogPayload() {
         case 8:
           pageVisibilityAtTTAI = (0, _getPageVisibilityUpToTtai.default)(interaction);
           isPageLoad = type === 'page_load' || type === 'transition';
-          if (isPageLoad) {
+          if (!(!isPageLoad || minorInteractions !== undefined && minorInteractions.length > 0)) {
             _context.next = 12;
             break;
           }
@@ -85,6 +85,46 @@ function _createInteractionExtraLogPayload() {
           }
           return _context.abrupt("return", null);
         case 23:
+          if (!(!lastInteractionFinish || lastInteractionFinish !== null && lastInteractionFinish !== void 0 && lastInteractionFinish.abortReason || lastInteractionFinish !== null && lastInteractionFinish !== void 0 && (_lastInteractionFinis = lastInteractionFinish.errors) !== null && _lastInteractionFinis !== void 0 && _lastInteractionFinis.length)) {
+            _context.next = 25;
+            break;
+          }
+          return _context.abrupt("return", null);
+        case 25:
+          normalTTAI = (_getTTAI2 = (0, _getTtai.default)(lastInteractionFinish)) !== null && _getTTAI2 !== void 0 ? _getTTAI2 : undefined;
+          lastInteractionFinishStart = typeof lastInteractionFinish.start === 'number' ? Math.round(lastInteractionFinish.start) : undefined;
+          lastInteractionFinishEnd = typeof lastInteractionFinish.end === 'number' ? Math.round(lastInteractionFinish.end) : undefined;
+          lastInteractionFinishVC90 = null;
+          lastInteractionFinishVCClean = false;
+          if (!lastInteractionFinishVCResult) {
+            _context.next = 41;
+            break;
+          }
+          lastInteractionFinishVCRev = lastInteractionFinishVCResult['ufo:vc:rev'];
+          lastInteractionFinishRevision = lastInteractionFinishVCRev === null || lastInteractionFinishVCRev === void 0 ? void 0 : lastInteractionFinishVCRev.find(function (_ref2) {
+            var revision = _ref2.revision;
+            return revision === _config.DEFAULT_TTVC_REVISION;
+          });
+          if (!(lastInteractionFinishRevision !== null && lastInteractionFinishRevision !== void 0 && lastInteractionFinishRevision.clean)) {
+            _context.next = 38;
+            break;
+          }
+          lastInteractionFinishVCClean = true;
+          lastInteractionFinishVC90 = lastInteractionFinishRevision['metric:vc90'];
+          _context.next = 39;
+          break;
+        case 38:
+          return _context.abrupt("return", null);
+        case 39:
+          _context.next = 42;
+          break;
+        case 41:
+          if (normalTTAI !== undefined && typeof normalTTAI === 'number' && normalTTAI === extraTTAI) {
+            // Because TTAI is equal between with and without 3p, we can assume VC90 is also equal
+            lastInteractionFinishVC90 = effectiveVCRevisionPayload === null || effectiveVCRevisionPayload === void 0 ? void 0 : effectiveVCRevisionPayload['metric:vc90'];
+            lastInteractionFinishVCClean = effectiveVCRevisionPayload === null || effectiveVCRevisionPayload === void 0 ? void 0 : effectiveVCRevisionPayload.clean;
+          }
+        case 42:
           // Helper function to check if labelStack contains third-party type
           isThirdParty = function isThirdParty(labelStack) {
             var _labelStack$some;
@@ -127,9 +167,9 @@ function _createInteractionExtraLogPayload() {
           getDetailedInteractionMetrics = function getDetailedInteractionMetrics() {
             var _interaction$hold3pIn;
             return {
-              errors: filteredData.errors.map(function (_ref2) {
-                var labelStack = _ref2.labelStack,
-                  others = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
+              errors: filteredData.errors.map(function (_ref3) {
+                var labelStack = _ref3.labelStack,
+                  others = (0, _objectWithoutProperties2.default)(_ref3, _excluded);
                 return _objectSpread(_objectSpread({}, others), {}, {
                   labelStack: labelStack && (0, _utils.optimizeLabelStack)(labelStack, (0, _getReactUfoPayloadVersion.getReactUFOPayloadVersion)(interaction.type))
                 });
@@ -190,13 +230,20 @@ function _createInteractionExtraLogPayload() {
                   reactProfilerTimings: (0, _optimizeReactProfilerTimings.optimizeReactProfilerTimings)(filteredData.reactProfilerTimings, start, (0, _getReactUfoPayloadVersion.getReactUFOPayloadVersion)(interaction.type)),
                   customData: filteredData.customData
                 }, getDetailedInteractionMetrics()),
-                'vc:effective:revision': _config.DEFAULT_TTVC_REVISION
+                'vc:effective:revision': _config.DEFAULT_TTVC_REVISION,
+                lastInteractionFinish: {
+                  start: lastInteractionFinishStart,
+                  end: lastInteractionFinishEnd,
+                  ttai: normalTTAI,
+                  vc90: lastInteractionFinishVC90,
+                  vcClean: lastInteractionFinishVCClean
+                }
               }
             }
           };
           payload.attributes.properties['event:sizeInKb'] = (0, _getPayloadSize.default)(payload.attributes.properties);
           return _context.abrupt("return", payload);
-        case 32:
+        case 51:
         case "end":
           return _context.stop();
       }

package/dist/cjs/create-payload/utils/get-vc-metrics.js

@@ -97,6 +97,7 @@ function _getVCMetrics() {
           if (!include3p) {
             // For Post Interaction, last interaction should be without 3p
             _interactionMetrics.postInteractionLog.setLastInteractionFinishVCResult(result);
+            _interactionMetrics.interactionExtraMetrics.setLastInteractionFinishVCResult(result);
           }
           mostRecentVCRevision = (0, _config.getMostRecentVCRevision)(interaction.ufoName);
           mostRecentVCRevisionPayload = result === null || result === void 0 || (_result$ufoVcRev = result['ufo:vc:rev']) === null || _result$ufoVcRev === void 0 ? void 0 : _result$ufoVcRev.find(function (_ref) {

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

@@ -734,7 +734,8 @@ function finishInteraction(id, data) {
   PreviousInteractionLog.isAborted = data.abortReason != null;
   if (data.ufoName) {
     if ((0, _platformFeatureFlags.fg)('platform_ufo_enable_ttai_with_3p')) {
-      if (interactionExtraMetrics.finishedInteractionId !== id) {
+      var _interactionExtraMetr;
+      if (((_interactionExtraMetr = interactionExtraMetrics.finishedInteraction) === null || _interactionExtraMetr === void 0 ? void 0 : _interactionExtraMetr.id) !== id) {
         // If this same interaction was not already handled, handle it
         handleInteraction(id, data);
       }
@@ -819,7 +820,7 @@ function tryComplete(interactionId, endTime) {
     var postInteraction = /*#__PURE__*/function () {
       var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
         var _getConfig7;
-        var _getConfig8, experimentalVC90, experimentalTTAI, _yield$getExperimenta, start, end, _getConfig9, _getConfig0;
+        var _getConfig8, experimentalVC90, experimentalTTAI, _yield$getExperimenta, start, end, _interactionExtraMetr2, _getConfig9, _getConfig0;
         return _regenerator.default.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
@@ -862,7 +863,7 @@ function tryComplete(interactionId, endTime) {
               }));
             case 17:
               if ((0, _platformFeatureFlags.fg)('platform_ufo_enable_ttai_with_3p')) {
-                if (interactionExtraMetrics.finishedInteractionId !== interactionId) {
+                if (((_interactionExtraMetr2 = interactionExtraMetrics.finishedInteraction) === null || _interactionExtraMetr2 === void 0 ? void 0 : _interactionExtraMetr2.id) !== interactionId) {
                   // If interactionExtraMetrics is not waiting for measuring this interaction
                   if ((_getConfig9 = (0, _config.getConfig)()) !== null && _getConfig9 !== void 0 && (_getConfig9 = _getConfig9.experimentalInteractionMetrics) !== null && _getConfig9 !== void 0 && _getConfig9.enabled) {
                     remove(interactionId);
@@ -885,15 +886,15 @@ function tryComplete(interactionId, endTime) {
       };
     }();
     if ((0, _platformFeatureFlags.fg)('platform_ufo_enable_ttai_with_3p')) {
-      var _interaction$hold3pAc;
+      var _interaction$hold3pAc, _interactionExtraMetr3;
       var noMoreActive3pHolds = ((_interaction$hold3pAc = interaction.hold3pActive) === null || _interaction$hold3pAc === void 0 ? void 0 : _interaction$hold3pAc.size) === 0 || interaction.hold3pActive === undefined;
-      if (noMoreActiveHolds && interactionExtraMetrics.finishedInteractionId !== interactionId) {
+      if (noMoreActiveHolds && ((_interactionExtraMetr3 = interactionExtraMetrics.finishedInteraction) === null || _interactionExtraMetr3 === void 0 ? void 0 : _interactionExtraMetr3.id) !== interactionId) {
         // If it's not waiting for extra metrics to complete, finish the interaction as normal
         if (!activeSubmitted) {
           var _getConfig1, _getConfig10, _getConfig11;
           finishInteraction(interactionId, interaction, endTime);
           if ((_getConfig1 = (0, _config.getConfig)()) !== null && _getConfig1 !== void 0 && (_getConfig1 = _getConfig1.extraInteractionMetrics) !== null && _getConfig1 !== void 0 && _getConfig1.enabled) {
-            interactionExtraMetrics.updateFinishedInteractionId(interactionId);
+            interactionExtraMetrics.updateFinishedInteraction(interaction);
           }
           if ((_getConfig10 = (0, _config.getConfig)()) !== null && _getConfig10 !== void 0 && (_getConfig10 = _getConfig10.extraSearchPageInteraction) !== null && _getConfig10 !== void 0 && _getConfig10.enabled && interaction.ufoName === ((_getConfig11 = (0, _config.getConfig)()) === null || _getConfig11 === void 0 || (_getConfig11 = _getConfig11.extraSearchPageInteraction) === null || _getConfig11 === void 0 ? void 0 : _getConfig11.searchPageMetricName) && (0, _platformFeatureFlags.fg)('react_ufo_unified_search_ignoring_sain_metric')) {
             (0, _createExtraSearchPageInteractionPayload.onSearchPageInteractionComplete)(interactionId, interaction);

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

@@ -16,8 +16,8 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 var InteractionExtraMetrics = exports.default = /*#__PURE__*/function () {
   function InteractionExtraMetrics() {
     (0, _classCallCheck2.default)(this, InteractionExtraMetrics);
-    // Store the finished interaction ID (as non-3p interaction)
-    (0, _defineProperty2.default)(this, "finishedInteractionId", null);
+    // Store the finished interaction (as non-3p interaction)
+    (0, _defineProperty2.default)(this, "finishedInteraction", null);
     // independent VC observer, that observes until `custom.post-interaction-logs` event is sent
     (0, _defineProperty2.default)(this, "vcObserver", null);
     (0, _defineProperty2.default)(this, "sinkHandlerFn", function () {});
@@ -55,12 +55,17 @@ var InteractionExtraMetrics = exports.default = /*#__PURE__*/function () {
       return (interaction === null || interaction === void 0 ? void 0 : interaction.type) === 'page_load' || (interaction === null || interaction === void 0 ? void 0 : interaction.type) === 'transition';
     }
   }, {
-    key: "updateFinishedInteractionId",
-    value: function updateFinishedInteractionId(interactionId) {
-      if (this.eligibleToMeasure(interactionId)) {
-        this.finishedInteractionId = interactionId;
+    key: "updateFinishedInteraction",
+    value: function updateFinishedInteraction(interaction) {
+      if ((interaction === null || interaction === void 0 ? void 0 : interaction.type) === 'page_load' || (interaction === null || interaction === void 0 ? void 0 : interaction.type) === 'transition') {
+        this.finishedInteraction = interaction;
       }
     }
+  }, {
+    key: "setLastInteractionFinishVCResult",
+    value: function setLastInteractionFinishVCResult(result) {
+      this.lastInteractionFinishVCResult = result;
+    }
   }, {
     key: "sinkHandler",
     value: function sinkHandler(fn) {
@@ -74,7 +79,7 @@ var InteractionExtraMetrics = exports.default = /*#__PURE__*/function () {
         var updatedData = _objectSpread(_objectSpread({}, data), {}, {
           vcObserver: (_this$vcObserver3 = this.vcObserver) !== null && _this$vcObserver3 !== void 0 ? _this$vcObserver3 : undefined
         });
-        this.sinkHandlerFn(id, updatedData);
+        this.sinkHandlerFn(id, updatedData, this.finishedInteraction, this.lastInteractionFinishVCResult);
       }
       this.stopVCObserver();
       (0, _index.remove)(id);
@@ -83,11 +88,13 @@ var InteractionExtraMetrics = exports.default = /*#__PURE__*/function () {
   }, {
     key: "reset",
     value: function reset() {
+      var _this$finishedInterac;
       this.stopVCObserver();
-      if (this.finishedInteractionId) {
-        (0, _index.remove)(this.finishedInteractionId);
+      if ((_this$finishedInterac = this.finishedInteraction) !== null && _this$finishedInterac !== void 0 && _this$finishedInterac.id) {
+        (0, _index.remove)(this.finishedInteraction.id);
       }
-      this.finishedInteractionId = null;
+      this.finishedInteraction = null;
+      this.lastInteractionFinishVCResult = undefined;
     }
   }, {
     key: "stopAll",

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

@@ -82,14 +82,14 @@ function sinkPostInteractionLog(instance, createPostInteractionLogPayload) {
   });
 }
 function sinkInteractionExtraMetrics(instance, createInteractionExtraLogPayload) {
-  _interactionMetrics.interactionExtraMetrics.sinkHandler(function (interactionId, interaction) {
+  _interactionMetrics.interactionExtraMetrics.sinkHandler(function (interactionId, interaction, lastInteractionFinish, lastInteractionFinishVCResult) {
     (0, _scheduleIdleCallback.default)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
       var payload, devToolObserver;
       return _regenerator.default.wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             _context.next = 2;
-            return createInteractionExtraLogPayload(interactionId, interaction);
+            return createInteractionExtraLogPayload(interactionId, interaction, lastInteractionFinish, lastInteractionFinishVCResult);
           case 2:
             payload = _context.sent;
             if (payload) {

package/dist/cjs/segment/segment.js

@@ -1,11 +1,11 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = UFOSegment;
-var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _react = _interopRequireWildcard(require("react"));
@@ -21,24 +21,13 @@ var _interactionMetrics = require("../interaction-metrics");
 var _routeNameContext = _interopRequireDefault(require("../route-name-context"));
 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 _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" != (0, _typeof2.default)(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); }
 var tryCompleteHandle;
-var AsyncSegmentHighlight = /*#__PURE__*/(0, _react.lazy)(function () {
-  return Promise.resolve().then(function () {
-    return _interopRequireWildcard(require( /* 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 */
 function UFOSegment(_ref) {
-  var _getConfig2;
   var segmentName = _ref.name,
     children = _ref.children,
     _ref$mode = _ref.mode,
@@ -289,16 +278,11 @@ function UFOSegment(_ref) {
       return l.name;
     }).join('/');
   }, [labelStack]);
-  var enableSegmentHighlighting = (_getConfig2 = (0, _config.getConfig)()) === null || _getConfig2 === void 0 ? void 0 : _getConfig2.enableSegmentHighlighting;
   return /*#__PURE__*/_react.default.createElement(_interactionContext.default.Provider, {
     value: interactionContext
   }, /*#__PURE__*/_react.default.createElement(_react.Profiler, {
     id: reactProfilerId,
     onRender: onRender
-  }, children, enableSegmentHighlighting && /*#__PURE__*/_react.default.createElement(_react.Suspense, {
-    fallback: null
-  }, /*#__PURE__*/_react.default.createElement(AsyncSegmentHighlight, {
-    segmentName: segmentName
-  }))));
+  }, children));
 }
 UFOSegment.displayName = 'UFOSegment';

package/dist/cjs/vc/index.js

@@ -122,11 +122,11 @@ 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, v1v2Result, v3Result;
+        var experienceKey, include3p, excludeSmartAnswersInSearch, includeSSRRatio, v1v2Result, v3Result, ssrRatio;
         return _regenerator.default.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 (!((0, _config.isVCRevisionEnabled)('fy25.01', experienceKey) || (0, _config.isVCRevisionEnabled)('fy25.02', experienceKey))) {
                 _context.next = 7;
                 break;
@@ -153,6 +153,7 @@ var VCObserverWrapper = exports.VCObserverWrapper = /*#__PURE__*/function () {
                 ssr: param.includeSSRInV3 ? param.ssr : undefined,
                 include3p: include3p,
                 excludeSmartAnswersInSearch: excludeSmartAnswersInSearch,
+                includeSSRRatio: includeSSRRatio,
                 interactionType: param.interactionType,
                 isPageVisible: param.isPageVisible,
                 interactionAbortReason: param.interactionAbortReason
@@ -171,10 +172,13 @@ var VCObserverWrapper = exports.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((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 : []))
               }));
-            case 20:
+            case 21:
             case "end":
               return _context.stop();
           }

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

@@ -238,11 +238,11 @@ var VCObserverNew = exports.default = /*#__PURE__*/function () {
     key: "getVCResult",
     value: function () {
       var _getVCResult = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.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 _regenerator.default.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 _fy25_.default();
@@ -263,6 +263,7 @@ var VCObserverNew = exports.default = /*#__PURE__*/function () {
                 isPostInteraction: this.isPostInteraction,
                 include3p: include3p,
                 excludeSmartAnswersInSearch: excludeSmartAnswersInSearch,
+                includeSSRRatio: includeSSRRatio,
                 isPageVisible: isPageVisible,
                 interactionAbortReason: interactionAbortReason
               });
@@ -287,6 +288,7 @@ var VCObserverNew = exports.default = /*#__PURE__*/function () {
                 interactionType: interactionType,
                 isPostInteraction: this.isPostInteraction,
                 include3p: include3p,
+                includeSSRRatio: includeSSRRatio,
                 isPageVisible: isPageVisible,
                 interactionAbortReason: interactionAbortReason
               });

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

@@ -108,9 +108,9 @@ var AbstractVCCalculatorBase = exports.default = /*#__PURE__*/function () {
   }, {
     key: "calculateWithDebugInfo",
     value: function () {
-      var _calculateWithDebugInfo = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(filteredEntries, startTime, stopTime, isPostInteraction, isVCClean, interactionType, isPageVisible, interactionId, dirtyReason, allEntries, include3p, excludeSmartAnswersInSearch, interactionAbortReason) {
+      var _calculateWithDebugInfo = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.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 _regenerator.default.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
@@ -131,26 +131,34 @@ var AbstractVCCalculatorBase = exports.default = /*#__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';
+              }) && (0, _platformFeatureFlags.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) {
@@ -172,21 +180,21 @@ var AbstractVCCalculatorBase = exports.default = /*#__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,
@@ -347,14 +355,17 @@ var AbstractVCCalculatorBase = exports.default = /*#__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;
@@ -366,11 +377,11 @@ var AbstractVCCalculatorBase = exports.default = /*#__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 _regenerator.default.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);
               });
@@ -390,9 +401,11 @@ var AbstractVCCalculatorBase = exports.default = /*#__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,
@@ -400,6 +413,9 @@ var AbstractVCCalculatorBase = exports.default = /*#__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);
               }
@@ -407,13 +423,13 @@ var AbstractVCCalculatorBase = exports.default = /*#__PURE__*/function () {
                 result.displayContentsOccurrence = _trackDisplayContentOccurrence.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;