@atlaskit/react-ufo 4.11.3 → 4.11.5

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/ufo-interaction-ignore
 
+## 4.11.5
+
+### Patch Changes
+
+- [`c7f300b3eed72`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/c7f300b3eed72) -
+  FG cleanup of display contents tracking flags
+
+## 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

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

@@ -60,7 +60,6 @@ var _experienceTraceIdContext = require("../experience-trace-id-context");
 var _featureFlagsAccessed = require("../feature-flags-accessed");
 var _interactionIdContext = require("../interaction-id-context");
 var _vc = require("../vc");
-var _trackDisplayContentOccurrence = require("../vc/vc-observer-new/viewport-observer/utils/track-display-content-occurrence");
 var _constants = require("./common/constants");
 var _interactionExtraMetrics = _interopRequireDefault(require("./interaction-extra-metrics"));
 var _postInteractionLog = _interopRequireDefault(require("./post-interaction-log"));
@@ -1010,7 +1009,6 @@ function addOnCancelCallback(id, cancelCallback) {
 }
 function addNewInteraction(interactionId, ufoName, type, startTime, rate, labelStack, routeName) {
   var trace = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : null;
-  (0, _trackDisplayContentOccurrence.resetCssIssueOccurrence)();
   interactionExtraMetrics.reset();
   postInteractionLog.reset();
   var vcObserver;

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

@@ -13,7 +13,6 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _trackDisplayContentOccurrence = require("../viewport-observer/utils/track-display-content-occurrence");
 var _percentileCalc = require("./percentile-calc");
 var _getViewportHeight = _interopRequireDefault(require("./utils/get-viewport-height"));
 var _getViewportWidth = _interopRequireDefault(require("./utils/get-viewport-width"));
@@ -108,9 +107,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 +130,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 +179,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 +354,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 +376,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 +400,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,20 +412,20 @@ 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);
               }
-              if ((0, _platformFeatureFlags.fg)('platform_ufo_display_content_track_occurrence')) {
-                result.displayContentsOccurrence = _trackDisplayContentOccurrence.cssIssueOccurrence;
-              }
               return _context2.abrupt("return", result);
-            case 15:
+            case 17:
             case "end":
               return _context2.stop();
           }
         }, _callee2, this);
       }));
-      function calculate(_x12) {
+      function calculate(_x13) {
         return _calculate.apply(this, arguments);
       }
       return calculate;

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

@@ -19,14 +19,12 @@ var _rllPlaceholders = require("../../vc-observer/observers/rll-placeholders");
 var _intersectionObserver = require("./intersection-observer");
 var _mutationObserver = _interopRequireDefault(require("./mutation-observer"));
 var _performanceObserver = _interopRequireDefault(require("./performance-observer"));
-var _checkDisplayContent = _interopRequireDefault(require("./utils/check-display-content"));
 var _checkWithinComponent2 = _interopRequireWildcard(require("./utils/check-within-component"));
 var _getMutatedElements = require("./utils/get-mutated-elements");
 var _isElementVisible = require("./utils/is-element-visible");
 var _isInVcIgnoreIfNoLayoutShiftMarker = _interopRequireDefault(require("./utils/is-in-vc-ignore-if-no-layout-shift-marker"));
 var _isSameRectDimensions = require("./utils/is-same-rect-dimensions");
 var _isSameRectSize = require("./utils/is-same-rect-size");
-var _trackDisplayContentOccurrence = _interopRequireDefault(require("./utils/track-display-content-occurrence"));
 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 _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
@@ -101,7 +99,7 @@ var ViewportObserver = exports.default = /*#__PURE__*/function () {
               _iterator = _createForOfIteratorHelper(addedNodes);
               _context2.prev = 4;
               _loop = /*#__PURE__*/_regenerator.default.mark(function _loop() {
-                var addedNodeRef, addedNode, ssrState, SSRStateEnum, _this$intersectionObs, _this$intersectionObs2, ssrPlaceholderHandler, _this$intersectionObs3, result, _this$intersectionObs4, sameDeletedNode, isInIgnoreLsMarker, _this$intersectionObs5, _this$intersectionObs6, _checkWithinComponent, isWithinThirdPartySegment, _this$intersectionObs7, _iterator2, _step2, _step2$value, isDisplayContentsElementChildren, element, _this$intersectionObs8, _this$intersectionObs9, validTargets, _iterator3, _step3, _this$intersectionObs0, validTarget, _this$intersectionObs1;
+                var addedNodeRef, addedNode, ssrState, SSRStateEnum, _this$intersectionObs, _this$intersectionObs2, ssrPlaceholderHandler, _this$intersectionObs3, result, _this$intersectionObs4, sameDeletedNode, isInIgnoreLsMarker, _this$intersectionObs5, _this$intersectionObs6, _checkWithinComponent, isWithinThirdPartySegment, _this$intersectionObs7, _iterator2, _step2, _step2$value, isDisplayContentsElementChildren, element, _this$intersectionObs8, _this$intersectionObs9, _this$intersectionObs0;
                 return _regenerator.default.wrap(function _loop$(_context) {
                   while (1) switch (_context.prev = _context.next) {
                     case 0:
@@ -230,26 +228,7 @@ var ViewportObserver = exports.default = /*#__PURE__*/function () {
                           _iterator2.f();
                         }
                       } else {
-                        if ((0, _platformFeatureFlags.fg)('platform_ufo_display_content_resolution_ttvc_v3')) {
-                          // Check if the target has display:content css property, return array of valid targets
-                          validTargets = (0, _checkDisplayContent.default)(addedNode);
-                          _iterator3 = _createForOfIteratorHelper(validTargets);
-                          try {
-                            for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
-                              validTarget = _step3.value;
-                              (_this$intersectionObs0 = _this.intersectionObserver) === null || _this$intersectionObs0 === void 0 || _this$intersectionObs0.watchAndTag(validTarget, createElementMutationsWatcher(removedNodeRects));
-                            }
-                          } catch (err) {
-                            _iterator3.e(err);
-                          } finally {
-                            _iterator3.f();
-                          }
-                        } else {
-                          if ((0, _platformFeatureFlags.fg)('platform_ufo_display_content_track_occurrence')) {
-                            (0, _trackDisplayContentOccurrence.default)(addedNode);
-                          }
-                          (_this$intersectionObs1 = _this.intersectionObserver) === null || _this$intersectionObs1 === void 0 || _this$intersectionObs1.watchAndTag(addedNode, createElementMutationsWatcher(removedNodeRects));
-                        }
+                        (_this$intersectionObs0 = _this.intersectionObserver) === null || _this$intersectionObs0 === void 0 || _this$intersectionObs0.watchAndTag(addedNode, createElementMutationsWatcher(removedNodeRects));
                       }
                     case 46:
                     case "end":
@@ -296,12 +275,12 @@ var ViewportObserver = exports.default = /*#__PURE__*/function () {
       };
     }());
     (0, _defineProperty2.default)(this, "handleAttributeMutation", function (_ref6) {
-      var _this$intersectionObs10;
+      var _this$intersectionObs1;
       var target = _ref6.target,
         attributeName = _ref6.attributeName,
         oldValue = _ref6.oldValue,
         newValue = _ref6.newValue;
-      (_this$intersectionObs10 = _this.intersectionObserver) === null || _this$intersectionObs10 === void 0 || _this$intersectionObs10.watchAndTag(target, function (_ref7) {
+      (_this$intersectionObs1 = _this.intersectionObserver) === null || _this$intersectionObs1 === void 0 || _this$intersectionObs1.watchAndTag(target, function (_ref7) {
         var target = _ref7.target,
           rect = _ref7.rect;
         if ((0, _vcUtils.isContainedWithinMediaWrapper)(target)) {
@@ -378,11 +357,11 @@ var ViewportObserver = exports.default = /*#__PURE__*/function () {
     (0, _defineProperty2.default)(this, "handleLayoutShift", function (_ref8) {
       var time = _ref8.time,
         changedRects = _ref8.changedRects;
-      var _iterator4 = _createForOfIteratorHelper(changedRects),
-        _step4;
+      var _iterator3 = _createForOfIteratorHelper(changedRects),
+        _step3;
       try {
-        for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
-          var changedRect = _step4.value;
+        for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
+          var changedRect = _step3.value;
           var target = changedRect.node;
           if (target) {
             if ((0, _platformFeatureFlags.fg)('platform_ufo_vc_next_filter_ls_entries_same_rect')) {
@@ -408,9 +387,9 @@ var ViewportObserver = exports.default = /*#__PURE__*/function () {
           }
         }
       } catch (err) {
-        _iterator4.e(err);
+        _iterator3.e(err);
       } finally {
-        _iterator4.f();
+        _iterator3.f();
       }
     });
     this.mapVisibleNodeRects = new WeakMap();
@@ -467,12 +446,12 @@ var ViewportObserver = exports.default = /*#__PURE__*/function () {
   }, {
     key: "stop",
     value: function stop() {
-      var _this$mutationObserve2, _this$intersectionObs11, _this$performanceObse2;
+      var _this$mutationObserve2, _this$intersectionObs10, _this$performanceObse2;
       if (!this.isStarted) {
         return;
       }
       (_this$mutationObserve2 = this.mutationObserver) === null || _this$mutationObserve2 === void 0 || _this$mutationObserve2.disconnect();
-      (_this$intersectionObs11 = this.intersectionObserver) === null || _this$intersectionObs11 === void 0 || _this$intersectionObs11.disconnect();
+      (_this$intersectionObs10 = this.intersectionObserver) === null || _this$intersectionObs10 === void 0 || _this$intersectionObs10.disconnect();
       (_this$performanceObse2 = this.performanceObserver) === null || _this$performanceObse2 === void 0 || _this$performanceObse2.disconnect();
       this.isStarted = false;
       // Clean up caches when stopping

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

@@ -9,7 +9,6 @@ import { clearActiveTrace } from '../experience-trace-id-context';
 import { allFeatureFlagsAccessed, currentFeatureFlagsAccessed } from '../feature-flags-accessed';
 import { getInteractionId } from '../interaction-id-context';
 import { newVCObserver } from '../vc';
-import { resetCssIssueOccurrence } from '../vc/vc-observer-new/viewport-observer/utils/track-display-content-occurrence';
 import { interactions } from './common/constants';
 import InteractionExtraMetrics from './interaction-extra-metrics';
 import PostInteractionLog from './post-interaction-log';
@@ -889,7 +888,6 @@ export function addOnCancelCallback(id, cancelCallback) {
   interaction === null || interaction === void 0 ? void 0 : interaction.cancelCallbacks.push(cancelCallback);
 }
 export function addNewInteraction(interactionId, ufoName, type, startTime, rate, labelStack, routeName, trace = null) {
-  resetCssIssueOccurrence();
   interactionExtraMetrics.reset();
   postInteractionLog.reset();
   let vcObserver;

package/dist/es2019/vc/index.js

@@ -96,7 +96,8 @@ export class VCObserverWrapper {
     const {
       experienceKey,
       include3p,
-      excludeSmartAnswersInSearch
+      excludeSmartAnswersInSearch,
+      includeSSRRatio
     } = 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({
@@ -106,6 +107,7 @@ export class VCObserverWrapper {
       ssr: param.includeSSRInV3 ? param.ssr : undefined,
       include3p,
       excludeSmartAnswersInSearch,
+      includeSSRRatio,
       interactionType: param.interactionType,
       isPageVisible: param.isPageVisible,
       interactionAbortReason: param.interactionAbortReason
@@ -113,7 +115,11 @@ export class VCObserverWrapper {
     if (!v3Result) {
       return v1v2Result !== null && v1v2Result !== void 0 ? v1v2Result : {};
     }
+    const ssrRatio = v3Result[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 : [])]
     };

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

@@ -200,6 +200,7 @@ export default class VCObserverNew {
       interactionAbortReason,
       isPageVisible,
       include3p,
+      includeSSRRatio,
       excludeSmartAnswersInSearch
     } = param;
     const results = [];
@@ -221,6 +222,7 @@ export default class VCObserverNew {
       isPostInteraction: this.isPostInteraction,
       include3p,
       excludeSmartAnswersInSearch,
+      includeSSRRatio,
       isPageVisible,
       interactionAbortReason
     });
@@ -239,6 +241,7 @@ export default class VCObserverNew {
         interactionType,
         isPostInteraction: this.isPostInteraction,
         include3p,
+        includeSSRRatio,
         isPageVisible,
         interactionAbortReason
       });

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

@@ -1,5 +1,4 @@
 import { fg } from '@atlaskit/platform-feature-flags';
-import { cssIssueOccurrence } from '../viewport-observer/utils/track-display-content-occurrence';
 import { calculateTTVCPercentilesWithDebugInfo } from './percentile-calc';
 import getViewportHeight from './utils/get-viewport-height';
 import getViewportWidth from './utils/get-viewport-width';
@@ -52,7 +51,7 @@ export default class AbstractVCCalculatorBase {
     }
     return labelStacks;
   }
-  async calculateWithDebugInfo(filteredEntries, startTime, stopTime, isPostInteraction, isVCClean, interactionType, isPageVisible, interactionId, dirtyReason, allEntries, include3p, excludeSmartAnswersInSearch, interactionAbortReason) {
+  async calculateWithDebugInfo(filteredEntries, startTime, stopTime, isPostInteraction, isVCClean, interactionType, isPageVisible, interactionId, dirtyReason, allEntries, include3p, excludeSmartAnswersInSearch, interactionAbortReason, includeSSRRatio) {
     var _window, _window2, _window6, _window8;
     const percentiles = [25, 50, 75, 80, 85, 90, 95, 98, 99, 100];
     const viewportEntries = this.filterViewportEntries(filteredEntries);
@@ -68,6 +67,7 @@ export default class AbstractVCCalculatorBase {
     const vcDetails = {};
     let percentileIndex = 0;
     const entryDataBuffer = new Set();
+    let ssrRatio = -1;
     if (vcLogs) {
       for (const entry of vcLogs) {
         const {
@@ -75,6 +75,9 @@ export default class AbstractVCCalculatorBase {
           viewportPercentage,
           entries
         } = entry;
+        if (includeSSRRatio && ssrRatio === -1 && entries.some(e => 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) {
@@ -247,7 +250,10 @@ export default class AbstractVCCalculatorBase {
         console.error('Error in 3pDebugData', e);
       }
     }
-    return vcDetails;
+    return {
+      vcDetails,
+      ssrRatio
+    };
   }
   async calculate({
     startTime,
@@ -257,6 +263,7 @@ export default class AbstractVCCalculatorBase {
     isPostInteraction,
     include3p,
     excludeSmartAnswersInSearch,
+    includeSSRRatio,
     interactionType,
     isPageVisible,
     interactionAbortReason
@@ -279,7 +286,10 @@ export default class AbstractVCCalculatorBase {
         abortTimestamp: getVCCleanStatusResult.abortTimestamp
       };
     }
-    const vcDetails = await this.calculateWithDebugInfo(filteredEntries, startTime, stopTime, isPostInteraction, isVCClean, interactionType, isPageVisible, interactionId, dirtyReason, orderedEntries, include3p, excludeSmartAnswersInSearch, interactionAbortReason);
+    const {
+      vcDetails,
+      ssrRatio
+    } = await this.calculateWithDebugInfo(filteredEntries, startTime, stopTime, isPostInteraction, isVCClean, interactionType, isPageVisible, interactionId, dirtyReason, orderedEntries, include3p, excludeSmartAnswersInSearch, interactionAbortReason, includeSSRRatio);
     const result = {
       revision: this.revisionNo,
       clean: true,
@@ -287,12 +297,12 @@ export default class AbstractVCCalculatorBase {
       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);
     }
-    if (fg('platform_ufo_display_content_track_occurrence')) {
-      result.displayContentsOccurrence = cssIssueOccurrence;
-    }
     return result;
   }
 }

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

@@ -7,14 +7,12 @@ import { RLLPlaceholderHandlers } from '../../vc-observer/observers/rll-placehol
 import { createIntersectionObserver } from './intersection-observer';
 import createMutationObserver from './mutation-observer';
 import createPerformanceObserver from './performance-observer';
-import checkCssProperty from './utils/check-display-content';
 import checkWithinComponent, { cleanupCaches } from './utils/check-within-component';
 import { getMutatedElements } from './utils/get-mutated-elements';
 import { isElementVisible } from './utils/is-element-visible';
 import isInVCIgnoreIfNoLayoutShiftMarker from './utils/is-in-vc-ignore-if-no-layout-shift-marker';
 import { isSameRectDimensions } from './utils/is-same-rect-dimensions';
 import { isSameRectSize } from './utils/is-same-rect-size';
-import trackDisplayContentsOccurrence from './utils/track-display-content-occurrence';
 const createElementMutationsWatcher = removedNodeRects => ({
   target,
   rect
@@ -176,20 +174,8 @@ export default class ViewportObserver {
             }
           }
         } else {
-          if (fg('platform_ufo_display_content_resolution_ttvc_v3')) {
-            // Check if the target has display:content css property, return array of valid targets
-            const validTargets = checkCssProperty(addedNode);
-            for (const validTarget of validTargets) {
-              var _this$intersectionObs0;
-              (_this$intersectionObs0 = this.intersectionObserver) === null || _this$intersectionObs0 === void 0 ? void 0 : _this$intersectionObs0.watchAndTag(validTarget, createElementMutationsWatcher(removedNodeRects));
-            }
-          } else {
-            var _this$intersectionObs1;
-            if (fg('platform_ufo_display_content_track_occurrence')) {
-              trackDisplayContentsOccurrence(addedNode);
-            }
-            (_this$intersectionObs1 = this.intersectionObserver) === null || _this$intersectionObs1 === void 0 ? void 0 : _this$intersectionObs1.watchAndTag(addedNode, createElementMutationsWatcher(removedNodeRects));
-          }
+          var _this$intersectionObs0;
+          (_this$intersectionObs0 = this.intersectionObserver) === null || _this$intersectionObs0 === void 0 ? void 0 : _this$intersectionObs0.watchAndTag(addedNode, createElementMutationsWatcher(removedNodeRects));
         }
       }
     });
@@ -199,8 +185,8 @@ export default class ViewportObserver {
       oldValue,
       newValue
     }) => {
-      var _this$intersectionObs10;
-      (_this$intersectionObs10 = this.intersectionObserver) === null || _this$intersectionObs10 === void 0 ? void 0 : _this$intersectionObs10.watchAndTag(target, ({
+      var _this$intersectionObs1;
+      (_this$intersectionObs1 = this.intersectionObserver) === null || _this$intersectionObs1 === void 0 ? void 0 : _this$intersectionObs1.watchAndTag(target, ({
         target,
         rect
       }) => {
@@ -353,12 +339,12 @@ export default class ViewportObserver {
     this.isStarted = true;
   }
   stop() {
-    var _this$mutationObserve2, _this$intersectionObs11, _this$performanceObse2;
+    var _this$mutationObserve2, _this$intersectionObs10, _this$performanceObse2;
     if (!this.isStarted) {
       return;
     }
     (_this$mutationObserve2 = this.mutationObserver) === null || _this$mutationObserve2 === void 0 ? void 0 : _this$mutationObserve2.disconnect();
-    (_this$intersectionObs11 = this.intersectionObserver) === null || _this$intersectionObs11 === void 0 ? void 0 : _this$intersectionObs11.disconnect();
+    (_this$intersectionObs10 = this.intersectionObserver) === null || _this$intersectionObs10 === void 0 ? void 0 : _this$intersectionObs10.disconnect();
     (_this$performanceObse2 = this.performanceObserver) === null || _this$performanceObse2 === void 0 ? void 0 : _this$performanceObse2.disconnect();
     this.isStarted = false;
     // Clean up caches when stopping

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

@@ -19,7 +19,6 @@ import { clearActiveTrace } from '../experience-trace-id-context';
 import { allFeatureFlagsAccessed, currentFeatureFlagsAccessed } from '../feature-flags-accessed';
 import { getInteractionId } from '../interaction-id-context';
 import { newVCObserver } from '../vc';
-import { resetCssIssueOccurrence } from '../vc/vc-observer-new/viewport-observer/utils/track-display-content-occurrence';
 import { interactions } from './common/constants';
 import InteractionExtraMetrics from './interaction-extra-metrics';
 import PostInteractionLog from './post-interaction-log';
@@ -964,7 +963,6 @@ export function addOnCancelCallback(id, cancelCallback) {
 }
 export function addNewInteraction(interactionId, ufoName, type, startTime, rate, labelStack, routeName) {
   var trace = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : null;
-  resetCssIssueOccurrence();
   interactionExtraMetrics.reset();
   postInteractionLog.reset();
   var vcObserver;