@atlaskit/react-ufo 2.14.1 → 2.14.3

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/ufo-interaction-ignore
 
+## 2.14.3
+
+### Patch Changes
+
+- [#112416](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/112416)
+  [`7bc761ae449f4`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/7bc761ae449f4) -
+  VC ratio calculation precision fix
+
+## 2.14.2
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 2.14.1
 
 ### Patch Changes

package/dist/cjs/create-payload/index.js

@@ -622,6 +622,7 @@ function getPayloadSize(payload) {
   return Math.round(new TextEncoder().encode(JSON.stringify(payload)).length / 1024);
 }
 function getStylesheetMetrics() {
+  // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
   if (!(0, _platformFeatureFlags.fg)('ufo_capture_stylesheet_metrics')) {
     return {};
   }

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

@@ -224,9 +224,10 @@ var VCObserver = exports.VCObserver = /*#__PURE__*/function () {
       } catch (e) {
         /*  do nothing */
       }
+      var isCalcSpeedIndexEnabled = (0, _platformFeatureFlags.fg)('ufo-calc-speed-index');
       return _objectSpread(_objectSpread((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({
         'metrics:vc': VC
-      }, "".concat(fullPrefix, "vc:state"), true), "".concat(fullPrefix, "vc:clean"), !abortReasonInfo), "".concat(fullPrefix, "vc:dom"), VCBox), "".concat(fullPrefix, "vc:updates"), VCEntries.rel.slice(0, 50)), "".concat(fullPrefix, "vc:size"), viewport), "".concat(fullPrefix, "vc:time"), Math.round(totalTime + (stopTime - startTime))), "".concat(fullPrefix, "vc:total"), totalPainted), "".concat(fullPrefix, "vc:ratios"), ratios), outOfBoundary), {}, (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, "".concat(fullPrefix, "vc:next"), vcNext.VC), "".concat(fullPrefix, "vc:next:updates"), vcNext.VCEntries.rel.slice(0, 50)), "".concat(fullPrefix, "vc:next:dom"), vcNext.VCBox), "".concat(fullPrefix, "vc:ignored"), _this.getIgnoredElements(componentsLog)));
+      }, "".concat(fullPrefix, "vc:state"), true), "".concat(fullPrefix, "vc:clean"), !abortReasonInfo), "".concat(fullPrefix, "vc:dom"), VCBox), "".concat(fullPrefix, "vc:updates"), VCEntries.rel.slice(0, 50)), "".concat(fullPrefix, "vc:size"), viewport), "".concat(fullPrefix, "vc:time"), Math.round(totalTime + (stopTime - startTime))), "".concat(fullPrefix, "vc:total"), totalPainted), "".concat(fullPrefix, "vc:ratios"), ratios), outOfBoundary), {}, (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, "".concat(fullPrefix, "vc:next"), vcNext.VC), "".concat(fullPrefix, "vc:next:updates"), vcNext.VCEntries.rel.slice(0, 50)), "".concat(fullPrefix, "vc:next:dom"), vcNext.VCBox), "".concat(fullPrefix, "vc:ignored"), _this.getIgnoredElements(componentsLog)), "ufo:speedIndex", isCalcSpeedIndexEnabled ? VCEntries.speedIndex : undefined), "ufo:next:speedIndex", isCalcSpeedIndexEnabled ? vcNext.VCEntries.speedIndex : undefined));
     });
     (0, _defineProperty2.default)(this, "handleUpdate", function (rawTime, intersectionRect, targetName, element, type, ignoreReason) {
       _this.measureStart();
@@ -537,10 +538,17 @@ var VCObserver = exports.VCObserver = /*#__PURE__*/function () {
       });
       var VC = VCObserver.makeVCReturnObj();
       var VCBox = VCObserver.makeVCReturnObj();
+      var isCalcSpeedIndexEnabled = (0, _platformFeatureFlags.fg)('ufo-calc-speed-index');
       entries.reduce(function () {
         var acc = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
         var v = arguments.length > 1 ? arguments[1] : undefined;
-        var VCRatio = v[1] / totalPainted + acc;
+        var currRatio = v[1] / totalPainted;
+        var VCRatio = currRatio + acc;
+        if ((0, _platformFeatureFlags.fg)('platform_ufo_fix_vc_observer_rounding_error')) {
+          var preciseCurrRatio = Math.round(100 * (v[1] / totalPainted));
+          var preciseAccRatio = Math.round(acc * 100);
+          VCRatio = (preciseCurrRatio + preciseAccRatio) / 100;
+        }
         var time = v[0];
         VCObserver.VCParts.forEach(function (key) {
           var value = parseInt(key, 10);
@@ -555,7 +563,7 @@ var VCObserver = exports.VCObserver = /*#__PURE__*/function () {
         return VCRatio;
       }, 0);
       var VCEntries = entries.reduce(function (acc, _ref14, i) {
-        var _acc$abs, _componentsLog$timest;
+        var _acc$abs, _componentsLog$timest, _acc$rel$vc, _acc$rel;
         var _ref15 = (0, _slicedToArray2.default)(_ref14, 2),
           timestamp = _ref15[0],
           entryPainted = _ref15[1];
@@ -564,6 +572,11 @@ var VCObserver = exports.VCObserver = /*#__PURE__*/function () {
         var logEntry = (_componentsLog$timest = componentsLog[timestamp]) === null || _componentsLog$timest === void 0 ? void 0 : _componentsLog$timest.map(function (v) {
           return v.targetName;
         });
+        var ratioDelta = (currentlyPaintedRatio - ((_acc$rel$vc = (_acc$rel = acc.rel[i - 1]) === null || _acc$rel === void 0 ? void 0 : _acc$rel.vc) !== null && _acc$rel$vc !== void 0 ? _acc$rel$vc : 0)) / 100;
+        if (isCalcSpeedIndexEnabled) {
+          var speedIndex = timestamp * ratioDelta;
+          acc.speedIndex += speedIndex;
+        }
         acc.abs.push([timestamp, currentlyPainted]);
         acc.rel.push({
           time: timestamp,
@@ -573,8 +586,10 @@ var VCObserver = exports.VCObserver = /*#__PURE__*/function () {
         return acc;
       }, {
         abs: [],
-        rel: []
+        rel: [],
+        speedIndex: 0
       });
+      VCEntries.speedIndex = Math.round(VCEntries.speedIndex);
       return {
         VC: VC,
         VCBox: VCBox,

package/dist/cjs/vc/vc-observer/observers/ssr-placeholders/index.js

@@ -8,7 +8,6 @@ exports.SSRPlaceholderHandlers = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var EQUALITY_THRESHOLD = 0.1;
 var ANCESTOR_LOOKUP_LIMIT = 10;
 var SSRPlaceholderHandlers = exports.SSRPlaceholderHandlers = /*#__PURE__*/function () {
@@ -36,20 +35,15 @@ var SSRPlaceholderHandlers = exports.SSRPlaceholderHandlers = /*#__PURE__*/funct
             return;
           }
           var rect = _this.staticPlaceholders.get(staticKey);
-          if ((0, _platformFeatureFlags.fg)('platform_ufo_ssr_ttvc_use_target_rect')) {
-            var hasSameSizePosition = _this.hasSameSizePosition(rect, boundingClientRect);
-            if (hasSameSizePosition || _this.isDummyRect(rect)) {
-              _resolve(hasSameSizePosition);
-            } else {
-              requestAnimationFrame(function () {
-                var targetRect = target.getBoundingClientRect();
-                var hasSameSizePosition = _this.hasSameSizePosition(rect, targetRect);
-                _resolve(hasSameSizePosition);
-              });
-            }
+          var hasSameSizePosition = _this.hasSameSizePosition(rect, boundingClientRect);
+          if (hasSameSizePosition || _this.isDummyRect(rect)) {
+            _resolve(hasSameSizePosition);
           } else {
-            var _hasSameSizePosition = _this.hasSameSizePosition(rect, boundingClientRect);
-            _resolve(_hasSameSizePosition);
+            requestAnimationFrame(function () {
+              var targetRect = target.getBoundingClientRect();
+              var hasSameSizePosition = _this.hasSameSizePosition(rect, targetRect);
+              _resolve(hasSameSizePosition);
+            });
           }
           _this.callbacks.delete(staticKey);
         }
@@ -60,20 +54,15 @@ var SSRPlaceholderHandlers = exports.SSRPlaceholderHandlers = /*#__PURE__*/funct
           return;
         }
         var _rect = _this.staticPlaceholders.get(key);
-        if ((0, _platformFeatureFlags.fg)('platform_ufo_ssr_ttvc_use_target_rect')) {
-          var _hasSameSizePosition2 = _this.hasSameSizePosition(_rect, boundingClientRect);
-          if (_hasSameSizePosition2 || _this.isDummyRect(_rect)) {
-            _resolve2(_hasSameSizePosition2);
-          } else {
-            requestAnimationFrame(function () {
-              var targetRect = target.getBoundingClientRect();
-              var hasSameSizePosition = _this.hasSameSizePosition(_rect, targetRect);
-              _resolve2(hasSameSizePosition);
-            });
-          }
+        var _hasSameSizePosition = _this.hasSameSizePosition(_rect, boundingClientRect);
+        if (_hasSameSizePosition || _this.isDummyRect(_rect)) {
+          _resolve2(_hasSameSizePosition);
         } else {
-          var _hasSameSizePosition3 = _this.hasSameSizePosition(_rect, boundingClientRect);
-          _resolve2(_hasSameSizePosition3);
+          requestAnimationFrame(function () {
+            var targetRect = target.getBoundingClientRect();
+            var hasSameSizePosition = _this.hasSameSizePosition(_rect, targetRect);
+            _resolve2(hasSameSizePosition);
+          });
         }
         _this.staticPlaceholders.delete(staticKey);
         _this.reactValidateCallbacks.delete(staticKey);

package/dist/es2019/create-payload/index.js

@@ -615,6 +615,7 @@ function getPayloadSize(payload) {
   return Math.round(new TextEncoder().encode(JSON.stringify(payload)).length / 1024);
 }
 function getStylesheetMetrics() {
+  // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
   if (!fg('ufo_capture_stylesheet_metrics')) {
     return {};
   }

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

@@ -222,6 +222,7 @@ export class VCObserver {
       } catch (e) {
         /*  do nothing */
       }
+      const isCalcSpeedIndexEnabled = fg('ufo-calc-speed-index');
       return {
         'metrics:vc': VC,
         [`${fullPrefix}vc:state`]: true,
@@ -238,7 +239,9 @@ export class VCObserver {
         [`${fullPrefix}vc:next:updates`]: vcNext.VCEntries.rel.slice(0, 50),
         [`${fullPrefix}vc:next:dom`]: vcNext.VCBox,
         //...oldDomUpdates,
-        [`${fullPrefix}vc:ignored`]: this.getIgnoredElements(componentsLog)
+        [`${fullPrefix}vc:ignored`]: this.getIgnoredElements(componentsLog),
+        [`ufo:speedIndex`]: isCalcSpeedIndexEnabled ? VCEntries.speedIndex : undefined,
+        [`ufo:next:speedIndex`]: isCalcSpeedIndexEnabled ? vcNext.VCEntries.speedIndex : undefined
       };
     });
     _defineProperty(this, "handleUpdate", (rawTime, intersectionRect, targetName, element, type, ignoreReason) => {
@@ -425,8 +428,15 @@ export class VCObserver {
     const entries = Object.entries(lastUpdate).map(a => [parseInt(a[0], 10), a[1]]).sort((a, b) => a[0] > b[0] ? 1 : -1);
     const VC = VCObserver.makeVCReturnObj();
     const VCBox = VCObserver.makeVCReturnObj();
+    const isCalcSpeedIndexEnabled = fg('ufo-calc-speed-index');
     entries.reduce((acc = 0, v) => {
-      const VCRatio = v[1] / totalPainted + acc;
+      const currRatio = v[1] / totalPainted;
+      let VCRatio = currRatio + acc;
+      if (fg('platform_ufo_fix_vc_observer_rounding_error')) {
+        const preciseCurrRatio = Math.round(100 * (v[1] / totalPainted));
+        const preciseAccRatio = Math.round(acc * 100);
+        VCRatio = (preciseCurrRatio + preciseAccRatio) / 100;
+      }
       const time = v[0];
       VCObserver.VCParts.forEach(key => {
         const value = parseInt(key, 10);
@@ -439,10 +449,15 @@ export class VCObserver {
       return VCRatio;
     }, 0);
     const VCEntries = entries.reduce((acc, [timestamp, entryPainted], i) => {
-      var _acc$abs, _componentsLog$timest;
+      var _acc$abs, _componentsLog$timest, _acc$rel$vc, _acc$rel;
       const currentlyPainted = entryPainted + (((_acc$abs = acc.abs[i - 1]) === null || _acc$abs === void 0 ? void 0 : _acc$abs[1]) || 0);
       const currentlyPaintedRatio = Math.round(currentlyPainted / totalPainted * 1000) / 10;
       const logEntry = (_componentsLog$timest = componentsLog[timestamp]) === null || _componentsLog$timest === void 0 ? void 0 : _componentsLog$timest.map(v => v.targetName);
+      const ratioDelta = (currentlyPaintedRatio - ((_acc$rel$vc = (_acc$rel = acc.rel[i - 1]) === null || _acc$rel === void 0 ? void 0 : _acc$rel.vc) !== null && _acc$rel$vc !== void 0 ? _acc$rel$vc : 0)) / 100;
+      if (isCalcSpeedIndexEnabled) {
+        const speedIndex = timestamp * ratioDelta;
+        acc.speedIndex += speedIndex;
+      }
       acc.abs.push([timestamp, currentlyPainted]);
       acc.rel.push({
         time: timestamp,
@@ -452,8 +467,10 @@ export class VCObserver {
       return acc;
     }, {
       abs: [],
-      rel: []
+      rel: [],
+      speedIndex: 0
     });
+    VCEntries.speedIndex = Math.round(VCEntries.speedIndex);
     return {
       VC,
       VCBox,

package/dist/es2019/vc/vc-observer/observers/ssr-placeholders/index.js

@@ -1,5 +1,4 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { fg } from '@atlaskit/platform-feature-flags';
 const EQUALITY_THRESHOLD = 0.1;
 const ANCESTOR_LOOKUP_LIMIT = 10;
 export class SSRPlaceholderHandlers {
@@ -26,20 +25,15 @@ export class SSRPlaceholderHandlers {
             return;
           }
           const rect = this.staticPlaceholders.get(staticKey);
-          if (fg('platform_ufo_ssr_ttvc_use_target_rect')) {
-            const hasSameSizePosition = this.hasSameSizePosition(rect, boundingClientRect);
-            if (hasSameSizePosition || this.isDummyRect(rect)) {
-              resolve(hasSameSizePosition);
-            } else {
-              requestAnimationFrame(() => {
-                const targetRect = target.getBoundingClientRect();
-                const hasSameSizePosition = this.hasSameSizePosition(rect, targetRect);
-                resolve(hasSameSizePosition);
-              });
-            }
-          } else {
-            const hasSameSizePosition = this.hasSameSizePosition(rect, boundingClientRect);
+          const hasSameSizePosition = this.hasSameSizePosition(rect, boundingClientRect);
+          if (hasSameSizePosition || this.isDummyRect(rect)) {
             resolve(hasSameSizePosition);
+          } else {
+            requestAnimationFrame(() => {
+              const targetRect = target.getBoundingClientRect();
+              const hasSameSizePosition = this.hasSameSizePosition(rect, targetRect);
+              resolve(hasSameSizePosition);
+            });
           }
           this.callbacks.delete(staticKey);
         }
@@ -50,20 +44,15 @@ export class SSRPlaceholderHandlers {
           return;
         }
         const rect = this.staticPlaceholders.get(key);
-        if (fg('platform_ufo_ssr_ttvc_use_target_rect')) {
-          const hasSameSizePosition = this.hasSameSizePosition(rect, boundingClientRect);
-          if (hasSameSizePosition || this.isDummyRect(rect)) {
-            resolve(hasSameSizePosition);
-          } else {
-            requestAnimationFrame(() => {
-              const targetRect = target.getBoundingClientRect();
-              const hasSameSizePosition = this.hasSameSizePosition(rect, targetRect);
-              resolve(hasSameSizePosition);
-            });
-          }
-        } else {
-          const hasSameSizePosition = this.hasSameSizePosition(rect, boundingClientRect);
+        const hasSameSizePosition = this.hasSameSizePosition(rect, boundingClientRect);
+        if (hasSameSizePosition || this.isDummyRect(rect)) {
           resolve(hasSameSizePosition);
+        } else {
+          requestAnimationFrame(() => {
+            const targetRect = target.getBoundingClientRect();
+            const hasSameSizePosition = this.hasSameSizePosition(rect, targetRect);
+            resolve(hasSameSizePosition);
+          });
         }
         this.staticPlaceholders.delete(staticKey);
         this.reactValidateCallbacks.delete(staticKey);

package/dist/esm/create-payload/index.js

@@ -611,6 +611,7 @@ function getPayloadSize(payload) {
   return Math.round(new TextEncoder().encode(JSON.stringify(payload)).length / 1024);
 }
 function getStylesheetMetrics() {
+  // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
   if (!fg('ufo_capture_stylesheet_metrics')) {
     return {};
   }

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

@@ -217,9 +217,10 @@ export var VCObserver = /*#__PURE__*/function () {
       } catch (e) {
         /*  do nothing */
       }
+      var isCalcSpeedIndexEnabled = fg('ufo-calc-speed-index');
       return _objectSpread(_objectSpread(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
         'metrics:vc': VC
-      }, "".concat(fullPrefix, "vc:state"), true), "".concat(fullPrefix, "vc:clean"), !abortReasonInfo), "".concat(fullPrefix, "vc:dom"), VCBox), "".concat(fullPrefix, "vc:updates"), VCEntries.rel.slice(0, 50)), "".concat(fullPrefix, "vc:size"), viewport), "".concat(fullPrefix, "vc:time"), Math.round(totalTime + (stopTime - startTime))), "".concat(fullPrefix, "vc:total"), totalPainted), "".concat(fullPrefix, "vc:ratios"), ratios), outOfBoundary), {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(fullPrefix, "vc:next"), vcNext.VC), "".concat(fullPrefix, "vc:next:updates"), vcNext.VCEntries.rel.slice(0, 50)), "".concat(fullPrefix, "vc:next:dom"), vcNext.VCBox), "".concat(fullPrefix, "vc:ignored"), _this.getIgnoredElements(componentsLog)));
+      }, "".concat(fullPrefix, "vc:state"), true), "".concat(fullPrefix, "vc:clean"), !abortReasonInfo), "".concat(fullPrefix, "vc:dom"), VCBox), "".concat(fullPrefix, "vc:updates"), VCEntries.rel.slice(0, 50)), "".concat(fullPrefix, "vc:size"), viewport), "".concat(fullPrefix, "vc:time"), Math.round(totalTime + (stopTime - startTime))), "".concat(fullPrefix, "vc:total"), totalPainted), "".concat(fullPrefix, "vc:ratios"), ratios), outOfBoundary), {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(fullPrefix, "vc:next"), vcNext.VC), "".concat(fullPrefix, "vc:next:updates"), vcNext.VCEntries.rel.slice(0, 50)), "".concat(fullPrefix, "vc:next:dom"), vcNext.VCBox), "".concat(fullPrefix, "vc:ignored"), _this.getIgnoredElements(componentsLog)), "ufo:speedIndex", isCalcSpeedIndexEnabled ? VCEntries.speedIndex : undefined), "ufo:next:speedIndex", isCalcSpeedIndexEnabled ? vcNext.VCEntries.speedIndex : undefined));
     });
     _defineProperty(this, "handleUpdate", function (rawTime, intersectionRect, targetName, element, type, ignoreReason) {
       _this.measureStart();
@@ -530,10 +531,17 @@ export var VCObserver = /*#__PURE__*/function () {
       });
       var VC = VCObserver.makeVCReturnObj();
       var VCBox = VCObserver.makeVCReturnObj();
+      var isCalcSpeedIndexEnabled = fg('ufo-calc-speed-index');
       entries.reduce(function () {
         var acc = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
         var v = arguments.length > 1 ? arguments[1] : undefined;
-        var VCRatio = v[1] / totalPainted + acc;
+        var currRatio = v[1] / totalPainted;
+        var VCRatio = currRatio + acc;
+        if (fg('platform_ufo_fix_vc_observer_rounding_error')) {
+          var preciseCurrRatio = Math.round(100 * (v[1] / totalPainted));
+          var preciseAccRatio = Math.round(acc * 100);
+          VCRatio = (preciseCurrRatio + preciseAccRatio) / 100;
+        }
         var time = v[0];
         VCObserver.VCParts.forEach(function (key) {
           var value = parseInt(key, 10);
@@ -548,7 +556,7 @@ export var VCObserver = /*#__PURE__*/function () {
         return VCRatio;
       }, 0);
       var VCEntries = entries.reduce(function (acc, _ref14, i) {
-        var _acc$abs, _componentsLog$timest;
+        var _acc$abs, _componentsLog$timest, _acc$rel$vc, _acc$rel;
         var _ref15 = _slicedToArray(_ref14, 2),
           timestamp = _ref15[0],
           entryPainted = _ref15[1];
@@ -557,6 +565,11 @@ export var VCObserver = /*#__PURE__*/function () {
         var logEntry = (_componentsLog$timest = componentsLog[timestamp]) === null || _componentsLog$timest === void 0 ? void 0 : _componentsLog$timest.map(function (v) {
           return v.targetName;
         });
+        var ratioDelta = (currentlyPaintedRatio - ((_acc$rel$vc = (_acc$rel = acc.rel[i - 1]) === null || _acc$rel === void 0 ? void 0 : _acc$rel.vc) !== null && _acc$rel$vc !== void 0 ? _acc$rel$vc : 0)) / 100;
+        if (isCalcSpeedIndexEnabled) {
+          var speedIndex = timestamp * ratioDelta;
+          acc.speedIndex += speedIndex;
+        }
         acc.abs.push([timestamp, currentlyPainted]);
         acc.rel.push({
           time: timestamp,
@@ -566,8 +579,10 @@ export var VCObserver = /*#__PURE__*/function () {
         return acc;
       }, {
         abs: [],
-        rel: []
+        rel: [],
+        speedIndex: 0
       });
+      VCEntries.speedIndex = Math.round(VCEntries.speedIndex);
       return {
         VC: VC,
         VCBox: VCBox,

package/dist/esm/vc/vc-observer/observers/ssr-placeholders/index.js

@@ -1,7 +1,6 @@
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { fg } from '@atlaskit/platform-feature-flags';
 var EQUALITY_THRESHOLD = 0.1;
 var ANCESTOR_LOOKUP_LIMIT = 10;
 export var SSRPlaceholderHandlers = /*#__PURE__*/function () {
@@ -29,20 +28,15 @@ export var SSRPlaceholderHandlers = /*#__PURE__*/function () {
             return;
           }
           var rect = _this.staticPlaceholders.get(staticKey);
-          if (fg('platform_ufo_ssr_ttvc_use_target_rect')) {
-            var hasSameSizePosition = _this.hasSameSizePosition(rect, boundingClientRect);
-            if (hasSameSizePosition || _this.isDummyRect(rect)) {
-              _resolve(hasSameSizePosition);
-            } else {
-              requestAnimationFrame(function () {
-                var targetRect = target.getBoundingClientRect();
-                var hasSameSizePosition = _this.hasSameSizePosition(rect, targetRect);
-                _resolve(hasSameSizePosition);
-              });
-            }
+          var hasSameSizePosition = _this.hasSameSizePosition(rect, boundingClientRect);
+          if (hasSameSizePosition || _this.isDummyRect(rect)) {
+            _resolve(hasSameSizePosition);
           } else {
-            var _hasSameSizePosition = _this.hasSameSizePosition(rect, boundingClientRect);
-            _resolve(_hasSameSizePosition);
+            requestAnimationFrame(function () {
+              var targetRect = target.getBoundingClientRect();
+              var hasSameSizePosition = _this.hasSameSizePosition(rect, targetRect);
+              _resolve(hasSameSizePosition);
+            });
           }
           _this.callbacks.delete(staticKey);
         }
@@ -53,20 +47,15 @@ export var SSRPlaceholderHandlers = /*#__PURE__*/function () {
           return;
         }
         var _rect = _this.staticPlaceholders.get(key);
-        if (fg('platform_ufo_ssr_ttvc_use_target_rect')) {
-          var _hasSameSizePosition2 = _this.hasSameSizePosition(_rect, boundingClientRect);
-          if (_hasSameSizePosition2 || _this.isDummyRect(_rect)) {
-            _resolve2(_hasSameSizePosition2);
-          } else {
-            requestAnimationFrame(function () {
-              var targetRect = target.getBoundingClientRect();
-              var hasSameSizePosition = _this.hasSameSizePosition(_rect, targetRect);
-              _resolve2(hasSameSizePosition);
-            });
-          }
+        var _hasSameSizePosition = _this.hasSameSizePosition(_rect, boundingClientRect);
+        if (_hasSameSizePosition || _this.isDummyRect(_rect)) {
+          _resolve2(_hasSameSizePosition);
         } else {
-          var _hasSameSizePosition3 = _this.hasSameSizePosition(_rect, boundingClientRect);
-          _resolve2(_hasSameSizePosition3);
+          requestAnimationFrame(function () {
+            var targetRect = target.getBoundingClientRect();
+            var hasSameSizePosition = _this.hasSameSizePosition(_rect, targetRect);
+            _resolve2(hasSameSizePosition);
+          });
         }
         _this.staticPlaceholders.delete(staticKey);
         _this.reactValidateCallbacks.delete(staticKey);

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

@@ -44,7 +44,7 @@ export type ComponentsLogEntry = {
 };
 export type VCIgnoredElement = Pick<ComponentsLogEntry, 'targetName' | 'ignoreReason'>;
 export type VCResult = {
-    [key: string]: boolean | number | string | null | VCEntryType[] | VCIgnoredElement[] | {
+    [key: string]: boolean | number | string | null | undefined | VCEntryType[] | VCIgnoredElement[] | {
         w: number;
         h: number;
     } | {

package/dist/types/create-payload/index.d.ts

@@ -694,6 +694,7 @@ export declare function createPayloads(interactionId: string, interaction: Inter
             'ufo:styleProps'?: undefined;
             'ufo:styleDeclarations'?: undefined;
             'ufo:cssrules'?: undefined;
+            'metric:vc90'?: number | null | undefined;
             'metrics:navigation'?: undefined;
             'ssr:success': boolean | undefined;
             'ssr:featureFlags': ssr.SSRFeatureFlags | undefined;
@@ -1405,6 +1406,7 @@ export declare function createPayloads(interactionId: string, interaction: Inter
             'ufo:styleProps': number;
             'ufo:styleDeclarations': number;
             'ufo:cssrules': number;
+            'metric:vc90'?: number | null | undefined;
             'metrics:navigation'?: undefined;
             'ssr:success': boolean | undefined;
             'ssr:featureFlags': ssr.SSRFeatureFlags | undefined;
@@ -2116,6 +2118,7 @@ export declare function createPayloads(interactionId: string, interaction: Inter
             'ufo:styleProps'?: undefined;
             'ufo:styleDeclarations'?: undefined;
             'ufo:cssrules'?: undefined;
+            'metric:vc90'?: number | null | undefined;
             'metrics:navigation': {
                 redirectStart: number;
                 redirectEnd: number;
@@ -2848,6 +2851,7 @@ export declare function createPayloads(interactionId: string, interaction: Inter
             'ufo:styleProps': number;
             'ufo:styleDeclarations': number;
             'ufo:cssrules': number;
+            'metric:vc90'?: number | null | undefined;
             'metrics:navigation': {
                 redirectStart: number;
                 redirectEnd: number;
@@ -3580,6 +3584,7 @@ export declare function createPayloads(interactionId: string, interaction: Inter
             'ufo:styleProps'?: undefined;
             'ufo:styleDeclarations'?: undefined;
             'ufo:cssrules'?: undefined;
+            'metric:vc90'?: number | null | undefined;
             'metrics:navigation'?: undefined;
             'metrics@ttai': {
                 [key: string]: number;
@@ -4294,6 +4299,7 @@ export declare function createPayloads(interactionId: string, interaction: Inter
             'ufo:styleProps': number;
             'ufo:styleDeclarations': number;
             'ufo:cssrules': number;
+            'metric:vc90'?: number | null | undefined;
             'metrics:navigation'?: undefined;
             'metrics@ttai': {
                 [key: string]: number;
@@ -5008,6 +5014,7 @@ export declare function createPayloads(interactionId: string, interaction: Inter
             'ufo:styleProps'?: undefined;
             'ufo:styleDeclarations'?: undefined;
             'ufo:cssrules'?: undefined;
+            'metric:vc90'?: number | null | undefined;
             'metrics:navigation': {
                 redirectStart: number;
                 redirectEnd: number;
@@ -5743,6 +5750,7 @@ export declare function createPayloads(interactionId: string, interaction: Inter
             'ufo:styleProps': number;
             'ufo:styleDeclarations': number;
             'ufo:cssrules': number;
+            'metric:vc90'?: number | null | undefined;
             'metrics:navigation': {
                 redirectStart: number;
                 redirectEnd: number;
@@ -6488,6 +6496,7 @@ export declare function createExperimentalMetricsPayload(interactionId: string,
             'ufo:styleProps'?: undefined;
             'ufo:styleDeclarations'?: undefined;
             'ufo:cssrules'?: undefined;
+            'metric:vc90'?: number | null | undefined;
             'metrics:navigation'?: undefined;
             'ssr:success': boolean | undefined;
             'ssr:featureFlags': ssr.SSRFeatureFlags | undefined;
@@ -7199,6 +7208,7 @@ export declare function createExperimentalMetricsPayload(interactionId: string,
             'ufo:styleProps': number;
             'ufo:styleDeclarations': number;
             'ufo:cssrules': number;
+            'metric:vc90'?: number | null | undefined;
             'metrics:navigation'?: undefined;
             'ssr:success': boolean | undefined;
             'ssr:featureFlags': ssr.SSRFeatureFlags | undefined;
@@ -7910,6 +7920,7 @@ export declare function createExperimentalMetricsPayload(interactionId: string,
             'ufo:styleProps'?: undefined;
             'ufo:styleDeclarations'?: undefined;
             'ufo:cssrules'?: undefined;
+            'metric:vc90'?: number | null | undefined;
             'metrics:navigation': {
                 redirectStart: number;
                 redirectEnd: number;
@@ -8642,6 +8653,7 @@ export declare function createExperimentalMetricsPayload(interactionId: string,
             'ufo:styleProps': number;
             'ufo:styleDeclarations': number;
             'ufo:cssrules': number;
+            'metric:vc90'?: number | null | undefined;
             'metrics:navigation': {
                 redirectStart: number;
                 redirectEnd: number;
@@ -9374,6 +9386,7 @@ export declare function createExperimentalMetricsPayload(interactionId: string,
             'ufo:styleProps'?: undefined;
             'ufo:styleDeclarations'?: undefined;
             'ufo:cssrules'?: undefined;
+            'metric:vc90'?: number | null | undefined;
             'metrics:navigation'?: undefined;
             'metrics@ttai': {
                 [key: string]: number;
@@ -10088,6 +10101,7 @@ export declare function createExperimentalMetricsPayload(interactionId: string,
             'ufo:styleProps': number;
             'ufo:styleDeclarations': number;
             'ufo:cssrules': number;
+            'metric:vc90'?: number | null | undefined;
             'metrics:navigation'?: undefined;
             'metrics@ttai': {
                 [key: string]: number;
@@ -10802,6 +10816,7 @@ export declare function createExperimentalMetricsPayload(interactionId: string,
             'ufo:styleProps'?: undefined;
             'ufo:styleDeclarations'?: undefined;
             'ufo:cssrules'?: undefined;
+            'metric:vc90'?: number | null | undefined;
             'metrics:navigation': {
                 redirectStart: number;
                 redirectEnd: number;
@@ -11537,6 +11552,7 @@ export declare function createExperimentalMetricsPayload(interactionId: string,
             'ufo:styleProps': number;
             'ufo:styleDeclarations': number;
             'ufo:cssrules': number;
+            'metric:vc90'?: number | null | undefined;
             'metrics:navigation': {
                 redirectStart: number;
                 redirectEnd: number;

package/dist/types/interaction-ignore/ufo-interaction-ignore.d.ts

@@ -1,4 +1,4 @@
-import { type ReactNode } from 'react';
+import React, { type ReactNode } from 'react';
 /**
  * Prevent a subtree from holding up an interaction
  * Use this when you have a component which loads in late, but
@@ -20,4 +20,4 @@ import { type ReactNode } from 'react';
 export default function UFOInteractionIgnore({ children, ignore, }: {
     children?: ReactNode;
     ignore?: boolean;
-}): JSX.Element;
+}): React.JSX.Element;

package/dist/types/label/UFOLabel.d.ts

@@ -1,4 +1,4 @@
-import { type ReactNode } from 'react';
+import React, { type ReactNode } from 'react';
 /**
  * Annotate part of the react tree with a product name
  * ```
@@ -10,4 +10,4 @@ import { type ReactNode } from 'react';
 export default function UFOLabel({ name, children }: {
     name: string;
     children: ReactNode;
-}): JSX.Element;
+}): React.JSX.Element;

package/dist/types/load-hold/UFOLoadHold.d.ts

@@ -1,4 +1,4 @@
-import { type ReactNode } from 'react';
+import React, { type ReactNode } from 'react';
 /**
  * Render this whenever you're loading.
  *
@@ -49,5 +49,5 @@ type Props = {
     children?: ReactNode;
     experimental?: boolean;
 };
-export default function UFOLoadHold({ children, name, hold, experimental }: Props): JSX.Element | null;
+export default function UFOLoadHold({ children, name, hold, experimental }: Props): React.JSX.Element | null;
 export {};

package/dist/types/placeholder/Placeholder.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { type LazySuspenseProps } from './loosely-lazy';
 /**
  * Provides a placeholder for lazily loaded content, improving perceived performance.
@@ -10,4 +10,4 @@ export default function Placeholder({ name, children, fallback, }: {
     name: string;
     children?: LazySuspenseProps['children'];
     fallback?: LazySuspenseProps['fallback'];
-}): JSX.Element;
+}): React.JSX.Element;

package/dist/types/placeholder/loosely-lazy/lazy-suspense.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import React from 'react';
 import type { LazySuspenseProps } from './types';
 export declare const LazySuspense: {
-    ({ fallback, children, name }: LazySuspenseProps): JSX.Element;
+    ({ fallback, children, name }: LazySuspenseProps): React.JSX.Element;
     displayName: string;
 };

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

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

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

@@ -1,8 +1,8 @@
-import { type ReactNode } from 'react';
+import React, { type ReactNode } from 'react';
 type Props = {
     name: string;
     children: ReactNode;
 };
 /** A portion of the page we apply measurement to */
-export default function UFOSegment({ name: segmentName, children }: Props): JSX.Element;
+export default function UFOSegment({ name: segmentName, children }: Props): React.JSX.Element;
 export {};

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

@@ -72,6 +72,7 @@ export declare class VCObserver {
         VCEntries: {
             abs: number[][];
             rel: VCEntryType[];
+            speedIndex: number;
         };
         totalPainted: number;
     };

package/dist/types/vc/vc-observer/media-wrapper/MediaWrapper.d.ts

@@ -6,5 +6,5 @@ export declare const MEDIA_WRAPPER_TAG = "data-media-vc-wrapper";
 export declare const VcMediaWrapperProps: {
     "data-media-vc-wrapper": boolean;
 };
-export default function MediaWrapper({ children }: Props): JSX.Element;
+export default function MediaWrapper({ children }: Props): React.JSX.Element;
 export {};

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

@@ -44,7 +44,7 @@ export type ComponentsLogEntry = {
 };
 export type VCIgnoredElement = Pick<ComponentsLogEntry, 'targetName' | 'ignoreReason'>;
 export type VCResult = {
-    [key: string]: boolean | number | string | null | VCEntryType[] | VCIgnoredElement[] | {
+    [key: string]: boolean | number | string | null | undefined | VCEntryType[] | VCIgnoredElement[] | {
         w: number;
         h: number;
     } | {

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

@@ -694,6 +694,7 @@ export declare function createPayloads(interactionId: string, interaction: Inter
             'ufo:styleProps'?: undefined;
             'ufo:styleDeclarations'?: undefined;
             'ufo:cssrules'?: undefined;
+            'metric:vc90'?: number | null | undefined;
             'metrics:navigation'?: undefined;
             'ssr:success': boolean | undefined;
             'ssr:featureFlags': ssr.SSRFeatureFlags | undefined;
@@ -1405,6 +1406,7 @@ export declare function createPayloads(interactionId: string, interaction: Inter
             'ufo:styleProps': number;
             'ufo:styleDeclarations': number;
             'ufo:cssrules': number;
+            'metric:vc90'?: number | null | undefined;
             'metrics:navigation'?: undefined;
             'ssr:success': boolean | undefined;
             'ssr:featureFlags': ssr.SSRFeatureFlags | undefined;
@@ -2116,6 +2118,7 @@ export declare function createPayloads(interactionId: string, interaction: Inter
             'ufo:styleProps'?: undefined;
             'ufo:styleDeclarations'?: undefined;
             'ufo:cssrules'?: undefined;
+            'metric:vc90'?: number | null | undefined;
             'metrics:navigation': {
                 redirectStart: number;
                 redirectEnd: number;
@@ -2848,6 +2851,7 @@ export declare function createPayloads(interactionId: string, interaction: Inter
             'ufo:styleProps': number;
             'ufo:styleDeclarations': number;
             'ufo:cssrules': number;
+            'metric:vc90'?: number | null | undefined;
             'metrics:navigation': {
                 redirectStart: number;
                 redirectEnd: number;
@@ -3580,6 +3584,7 @@ export declare function createPayloads(interactionId: string, interaction: Inter
             'ufo:styleProps'?: undefined;
             'ufo:styleDeclarations'?: undefined;
             'ufo:cssrules'?: undefined;
+            'metric:vc90'?: number | null | undefined;
             'metrics:navigation'?: undefined;
             'metrics@ttai': {
                 [key: string]: number;
@@ -4294,6 +4299,7 @@ export declare function createPayloads(interactionId: string, interaction: Inter
             'ufo:styleProps': number;
             'ufo:styleDeclarations': number;
             'ufo:cssrules': number;
+            'metric:vc90'?: number | null | undefined;
             'metrics:navigation'?: undefined;
             'metrics@ttai': {
                 [key: string]: number;
@@ -5008,6 +5014,7 @@ export declare function createPayloads(interactionId: string, interaction: Inter
             'ufo:styleProps'?: undefined;
             'ufo:styleDeclarations'?: undefined;
             'ufo:cssrules'?: undefined;
+            'metric:vc90'?: number | null | undefined;
             'metrics:navigation': {
                 redirectStart: number;
                 redirectEnd: number;
@@ -5743,6 +5750,7 @@ export declare function createPayloads(interactionId: string, interaction: Inter
             'ufo:styleProps': number;
             'ufo:styleDeclarations': number;
             'ufo:cssrules': number;
+            'metric:vc90'?: number | null | undefined;
             'metrics:navigation': {
                 redirectStart: number;
                 redirectEnd: number;
@@ -6488,6 +6496,7 @@ export declare function createExperimentalMetricsPayload(interactionId: string,
             'ufo:styleProps'?: undefined;
             'ufo:styleDeclarations'?: undefined;
             'ufo:cssrules'?: undefined;
+            'metric:vc90'?: number | null | undefined;
             'metrics:navigation'?: undefined;
             'ssr:success': boolean | undefined;
             'ssr:featureFlags': ssr.SSRFeatureFlags | undefined;
@@ -7199,6 +7208,7 @@ export declare function createExperimentalMetricsPayload(interactionId: string,
             'ufo:styleProps': number;
             'ufo:styleDeclarations': number;
             'ufo:cssrules': number;
+            'metric:vc90'?: number | null | undefined;
             'metrics:navigation'?: undefined;
             'ssr:success': boolean | undefined;
             'ssr:featureFlags': ssr.SSRFeatureFlags | undefined;
@@ -7910,6 +7920,7 @@ export declare function createExperimentalMetricsPayload(interactionId: string,
             'ufo:styleProps'?: undefined;
             'ufo:styleDeclarations'?: undefined;
             'ufo:cssrules'?: undefined;
+            'metric:vc90'?: number | null | undefined;
             'metrics:navigation': {
                 redirectStart: number;
                 redirectEnd: number;
@@ -8642,6 +8653,7 @@ export declare function createExperimentalMetricsPayload(interactionId: string,
             'ufo:styleProps': number;
             'ufo:styleDeclarations': number;
             'ufo:cssrules': number;
+            'metric:vc90'?: number | null | undefined;
             'metrics:navigation': {
                 redirectStart: number;
                 redirectEnd: number;
@@ -9374,6 +9386,7 @@ export declare function createExperimentalMetricsPayload(interactionId: string,
             'ufo:styleProps'?: undefined;
             'ufo:styleDeclarations'?: undefined;
             'ufo:cssrules'?: undefined;
+            'metric:vc90'?: number | null | undefined;
             'metrics:navigation'?: undefined;
             'metrics@ttai': {
                 [key: string]: number;
@@ -10088,6 +10101,7 @@ export declare function createExperimentalMetricsPayload(interactionId: string,
             'ufo:styleProps': number;
             'ufo:styleDeclarations': number;
             'ufo:cssrules': number;
+            'metric:vc90'?: number | null | undefined;
             'metrics:navigation'?: undefined;
             'metrics@ttai': {
                 [key: string]: number;
@@ -10802,6 +10816,7 @@ export declare function createExperimentalMetricsPayload(interactionId: string,
             'ufo:styleProps'?: undefined;
             'ufo:styleDeclarations'?: undefined;
             'ufo:cssrules'?: undefined;
+            'metric:vc90'?: number | null | undefined;
             'metrics:navigation': {
                 redirectStart: number;
                 redirectEnd: number;
@@ -11537,6 +11552,7 @@ export declare function createExperimentalMetricsPayload(interactionId: string,
             'ufo:styleProps': number;
             'ufo:styleDeclarations': number;
             'ufo:cssrules': number;
+            'metric:vc90'?: number | null | undefined;
             'metrics:navigation': {
                 redirectStart: number;
                 redirectEnd: number;

package/dist/types-ts4.5/interaction-ignore/ufo-interaction-ignore.d.ts

@@ -1,4 +1,4 @@
-import { type ReactNode } from 'react';
+import React, { type ReactNode } from 'react';
 /**
  * Prevent a subtree from holding up an interaction
  * Use this when you have a component which loads in late, but
@@ -20,4 +20,4 @@ import { type ReactNode } from 'react';
 export default function UFOInteractionIgnore({ children, ignore, }: {
     children?: ReactNode;
     ignore?: boolean;
-}): JSX.Element;
+}): React.JSX.Element;

package/dist/types-ts4.5/label/UFOLabel.d.ts

@@ -1,4 +1,4 @@
-import { type ReactNode } from 'react';
+import React, { type ReactNode } from 'react';
 /**
  * Annotate part of the react tree with a product name
  * ```
@@ -10,4 +10,4 @@ import { type ReactNode } from 'react';
 export default function UFOLabel({ name, children }: {
     name: string;
     children: ReactNode;
-}): JSX.Element;
+}): React.JSX.Element;

package/dist/types-ts4.5/load-hold/UFOLoadHold.d.ts

@@ -1,4 +1,4 @@
-import { type ReactNode } from 'react';
+import React, { type ReactNode } from 'react';
 /**
  * Render this whenever you're loading.
  *
@@ -49,5 +49,5 @@ type Props = {
     children?: ReactNode;
     experimental?: boolean;
 };
-export default function UFOLoadHold({ children, name, hold, experimental }: Props): JSX.Element | null;
+export default function UFOLoadHold({ children, name, hold, experimental }: Props): React.JSX.Element | null;
 export {};

package/dist/types-ts4.5/placeholder/Placeholder.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { type LazySuspenseProps } from './loosely-lazy';
 /**
  * Provides a placeholder for lazily loaded content, improving perceived performance.
@@ -10,4 +10,4 @@ export default function Placeholder({ name, children, fallback, }: {
     name: string;
     children?: LazySuspenseProps['children'];
     fallback?: LazySuspenseProps['fallback'];
-}): JSX.Element;
+}): React.JSX.Element;

package/dist/types-ts4.5/placeholder/loosely-lazy/lazy-suspense.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import React from 'react';
 import type { LazySuspenseProps } from './types';
 export declare const LazySuspense: {
-    ({ fallback, children, name }: LazySuspenseProps): JSX.Element;
+    ({ fallback, children, name }: LazySuspenseProps): React.JSX.Element;
     displayName: string;
 };

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

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

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

@@ -1,8 +1,8 @@
-import { type ReactNode } from 'react';
+import React, { type ReactNode } from 'react';
 type Props = {
     name: string;
     children: ReactNode;
 };
 /** A portion of the page we apply measurement to */
-export default function UFOSegment({ name: segmentName, children }: Props): JSX.Element;
+export default function UFOSegment({ name: segmentName, children }: Props): React.JSX.Element;
 export {};

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

@@ -72,6 +72,7 @@ export declare class VCObserver {
         VCEntries: {
             abs: number[][];
             rel: VCEntryType[];
+            speedIndex: number;
         };
         totalPainted: number;
     };

package/dist/types-ts4.5/vc/vc-observer/media-wrapper/MediaWrapper.d.ts

@@ -6,5 +6,5 @@ export declare const MEDIA_WRAPPER_TAG = "data-media-vc-wrapper";
 export declare const VcMediaWrapperProps: {
     "data-media-vc-wrapper": boolean;
 };
-export default function MediaWrapper({ children }: Props): JSX.Element;
+export default function MediaWrapper({ children }: Props): React.JSX.Element;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/react-ufo",
-	"version": "2.14.1",
+	"version": "2.14.3",
 	"description": "Parts of React UFO that are publicly available",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -75,7 +75,7 @@
 	},
 	"dependencies": {
 		"@atlaskit/interaction-context": "^2.6.0",
-		"@atlaskit/platform-feature-flags": "^0.3.0",
+		"@atlaskit/platform-feature-flags": "^1.0.0",
 		"@babel/runtime": "^7.0.0",
 		"bind-event-listener": "^3.0.0",
 		"bowser-ultralight": "^1.0.6",
@@ -87,7 +87,9 @@
 	},
 	"devDependencies": {
 		"@af/integration-testing": "*",
-		"@testing-library/react": "^13.4.0"
+		"@testing-library/react": "^13.4.0",
+		"@types/is-ci": "^3.0.0",
+		"is-ci": "^3.0.1"
 	},
 	"techstack": {
 		"@atlassian/frontend": {
@@ -125,13 +127,13 @@
 		}
 	},
 	"platform-feature-flags": {
-		"platform_ufo_AFO-3379_fix_default_interaction": {
+		"platform_ufo_fix_vc_observer_rounding_error": {
 			"type": "boolean"
 		},
-		"platform_editor_ed-25937_ignore_mutations_for_ttvc": {
+		"platform_ufo_AFO-3379_fix_default_interaction": {
 			"type": "boolean"
 		},
-		"platform_ufo_ssr_ttvc_use_target_rect": {
+		"platform_editor_ed-25937_ignore_mutations_for_ttvc": {
 			"type": "boolean"
 		},
 		"platform-ufo-invisible-element-vc-calculations": {
@@ -148,6 +150,9 @@
 		},
 		"ufo-remove-vc-component-observations-after-ttai": {
 			"type": "boolean"
+		},
+		"ufo-calc-speed-index": {
+			"type": "boolean"
 		}
 	}
 }