@atlaskit/react-ufo 4.11.3 → 4.11.5

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

@@ -11,7 +11,6 @@ function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 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';
@@ -102,9 +101,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 +124,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 +173,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 +348,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 +370,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 +394,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,20 +406,20 @@ 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);
               }
-              if (fg('platform_ufo_display_content_track_occurrence')) {
-                result.displayContentsOccurrence = 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/esm/vc/vc-observer-new/viewport-observer/index.js

@@ -14,14 +14,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';
 var createElementMutationsWatcher = function createElementMutationsWatcher(removedNodeRects) {
   return function (_ref) {
     var target = _ref.target,
@@ -92,7 +90,7 @@ var ViewportObserver = /*#__PURE__*/function () {
               _iterator = _createForOfIteratorHelper(addedNodes);
               _context2.prev = 4;
               _loop = /*#__PURE__*/_regeneratorRuntime.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 _regeneratorRuntime.wrap(function _loop$(_context) {
                   while (1) switch (_context.prev = _context.next) {
                     case 0:
@@ -221,26 +219,7 @@ var ViewportObserver = /*#__PURE__*/function () {
                           _iterator2.f();
                         }
                       } else {
-                        if (fg('platform_ufo_display_content_resolution_ttvc_v3')) {
-                          // Check if the target has display:content css property, return array of valid targets
-                          validTargets = checkCssProperty(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 (fg('platform_ufo_display_content_track_occurrence')) {
-                            trackDisplayContentsOccurrence(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":
@@ -287,12 +266,12 @@ var ViewportObserver = /*#__PURE__*/function () {
       };
     }());
     _defineProperty(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 (isContainedWithinMediaWrapper(target)) {
@@ -369,11 +348,11 @@ var ViewportObserver = /*#__PURE__*/function () {
     _defineProperty(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 (fg('platform_ufo_vc_next_filter_ls_entries_same_rect')) {
@@ -399,9 +378,9 @@ var ViewportObserver = /*#__PURE__*/function () {
           }
         }
       } catch (err) {
-        _iterator4.e(err);
+        _iterator3.e(err);
       } finally {
-        _iterator4.f();
+        _iterator3.f();
       }
     });
     this.mapVisibleNodeRects = new WeakMap();
@@ -458,12 +437,12 @@ var ViewportObserver = /*#__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/types/common/vc/types.d.ts

@@ -114,16 +114,20 @@ 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;
-    displayContentsOccurrence?: number;
 };
 export type RevisionPayload = RevisionPayloadEntry[];
 export {};

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,16 +114,20 @@ 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;
-    displayContentsOccurrence?: number;
 };
 export type RevisionPayload = RevisionPayloadEntry[];
 export {};

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.3",
+	"version": "4.11.5",
 	"description": "Parts of React UFO that are publicly available",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -136,9 +136,6 @@
 		"platform_ufo_add_segments_count_threshold": {
 			"type": "boolean"
 		},
-		"platform_ufo_display_content_resolution_ttvc_v3": {
-			"type": "boolean"
-		},
 		"platform_ufo_segment_unmount_count": {
 			"type": "boolean"
 		},
@@ -151,9 +148,6 @@
 		"platform_ufo_enable_late_holds_post_interaction": {
 			"type": "boolean"
 		},
-		"platform_ufo_display_content_track_occurrence": {
-			"type": "boolean"
-		},
 		"platform_ufo_enable_late_mutation_label_stacks": {
 			"type": "boolean"
 		},
@@ -171,6 +165,9 @@
 		},
 		"platform_ufo_always_send_post_interaction_log": {
 			"type": "boolean"
+		},
+		"platform_report_ssr_ratio_in_v3": {
+			"type": "boolean"
 		}
 	}
 }

package/dist/cjs/vc/vc-observer-new/viewport-observer/utils/check-display-content.js

@@ -1,32 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = checkCssProperty;
-function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
-function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-function checkCssProperty(element) {
-  var computedStyle = window.getComputedStyle(element);
-  if (computedStyle.display === 'contents') {
-    // If display is 'contents', we return the direct children of the element
-    var result = [];
-    var _iterator = _createForOfIteratorHelper(element.children),
-      _step;
-    try {
-      for (_iterator.s(); !(_step = _iterator.n()).done;) {
-        var child = _step.value;
-        if (child instanceof HTMLElement) {
-          result.push(child);
-        }
-      }
-    } catch (err) {
-      _iterator.e(err);
-    } finally {
-      _iterator.f();
-    }
-    return result;
-  }
-  return [element];
-}

package/dist/cjs/vc/vc-observer-new/viewport-observer/utils/track-display-content-occurrence.js

@@ -1,19 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.cssIssueOccurrence = void 0;
-exports.default = trackDisplayContentsOccurrence;
-exports.resetCssIssueOccurrence = resetCssIssueOccurrence;
-var _cssIssueOccurrence;
-var cssIssueOccurrence = exports.cssIssueOccurrence = 0;
-function trackDisplayContentsOccurrence(element) {
-  var computedStyle = window.getComputedStyle(element);
-  if (computedStyle.display === 'contents') {
-    _cssIssueOccurrence = cssIssueOccurrence++, exports.cssIssueOccurrence = cssIssueOccurrence, _cssIssueOccurrence;
-  }
-}
-function resetCssIssueOccurrence() {
-  exports.cssIssueOccurrence = cssIssueOccurrence = 0;
-}

package/dist/es2019/vc/vc-observer-new/viewport-observer/utils/check-display-content.js

@@ -1,14 +0,0 @@
-export default function checkCssProperty(element) {
-  const computedStyle = window.getComputedStyle(element);
-  if (computedStyle.display === 'contents') {
-    // If display is 'contents', we return the direct children of the element
-    const result = [];
-    for (const child of element.children) {
-      if (child instanceof HTMLElement) {
-        result.push(child);
-      }
-    }
-    return result;
-  }
-  return [element];
-}

package/dist/es2019/vc/vc-observer-new/viewport-observer/utils/track-display-content-occurrence.js

@@ -1,10 +0,0 @@
-export let cssIssueOccurrence = 0;
-export default function trackDisplayContentsOccurrence(element) {
-  const computedStyle = window.getComputedStyle(element);
-  if (computedStyle.display === 'contents') {
-    cssIssueOccurrence++;
-  }
-}
-export function resetCssIssueOccurrence() {
-  cssIssueOccurrence = 0;
-}

package/dist/esm/vc/vc-observer-new/viewport-observer/utils/check-display-content.js

@@ -1,26 +0,0 @@
-function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
-function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-export default function checkCssProperty(element) {
-  var computedStyle = window.getComputedStyle(element);
-  if (computedStyle.display === 'contents') {
-    // If display is 'contents', we return the direct children of the element
-    var result = [];
-    var _iterator = _createForOfIteratorHelper(element.children),
-      _step;
-    try {
-      for (_iterator.s(); !(_step = _iterator.n()).done;) {
-        var child = _step.value;
-        if (child instanceof HTMLElement) {
-          result.push(child);
-        }
-      }
-    } catch (err) {
-      _iterator.e(err);
-    } finally {
-      _iterator.f();
-    }
-    return result;
-  }
-  return [element];
-}

package/dist/esm/vc/vc-observer-new/viewport-observer/utils/track-display-content-occurrence.js

@@ -1,10 +0,0 @@
-export var cssIssueOccurrence = 0;
-export default function trackDisplayContentsOccurrence(element) {
-  var computedStyle = window.getComputedStyle(element);
-  if (computedStyle.display === 'contents') {
-    cssIssueOccurrence++;
-  }
-}
-export function resetCssIssueOccurrence() {
-  cssIssueOccurrence = 0;
-}

package/dist/types/vc/vc-observer-new/viewport-observer/utils/check-display-content.d.ts

@@ -1 +0,0 @@
-export default function checkCssProperty(element: HTMLElement): Element[];

package/dist/types/vc/vc-observer-new/viewport-observer/utils/track-display-content-occurrence.d.ts

@@ -1,3 +0,0 @@
-export declare let cssIssueOccurrence: number;
-export default function trackDisplayContentsOccurrence(element: HTMLElement): void;
-export declare function resetCssIssueOccurrence(): void;

package/dist/types-ts4.5/vc/vc-observer-new/viewport-observer/utils/check-display-content.d.ts

@@ -1 +0,0 @@
-export default function checkCssProperty(element: HTMLElement): Element[];

package/dist/types-ts4.5/vc/vc-observer-new/viewport-observer/utils/track-display-content-occurrence.d.ts

@@ -1,3 +0,0 @@
-export declare let cssIssueOccurrence: number;
-export default function trackDisplayContentsOccurrence(element: HTMLElement): void;
-export declare function resetCssIssueOccurrence(): void;