@atlaskit/react-ufo 5.4.1 → 5.4.2

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @atlaskit/ufo-interaction-ignore
 
+## 5.4.2
+
+### Patch Changes
+
+- [`59746ec1f8366`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/59746ec1f8366) -
+  Bring back the displayNames that were removed from the ufo components
+
 ## 5.4.1
 
 ### Patch Changes

package/dist/cjs/ignore-holds/index.js

@@ -5,7 +5,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = UFOIgnoreHolds;
+exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
 var _interactionContext = _interopRequireDefault(require("@atlaskit/interaction-context"));
@@ -31,7 +31,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
  * Has an `ignore` prop, to allow you to use it conditionally
  * Has a `reason` prop, to specify why the hold is being ignored
  */
-function UFOIgnoreHolds(_ref) {
+var UFOIgnoreHolds = function UFOIgnoreHolds(_ref) {
   var children = _ref.children,
     _ref$ignore = _ref.ignore,
     ignore = _ref$ignore === void 0 ? true : _ref$ignore;
@@ -57,4 +57,6 @@ function UFOIgnoreHolds(_ref) {
   return /*#__PURE__*/_react.default.createElement(_interactionContext.default.Provider, {
     value: ignoredInteractionContext
   }, kids);
-}
+};
+UFOIgnoreHolds.displayName = 'UFOIgnoreHolds';
+var _default = exports.default = UFOIgnoreHolds;

package/dist/cjs/segment/segment.js

@@ -5,7 +5,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = UFOSegment;
+exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _react = _interopRequireWildcard(require("react"));
@@ -29,7 +29,7 @@ var tryCompleteHandle;
 var hasMarkedFirstSegmentLoad = false;
 
 /** A portion of the page we apply measurement to */
-function UFOSegment(_ref) {
+var UFOSegment = function UFOSegment(_ref) {
   var segmentName = _ref.name,
     children = _ref.children,
     _ref$mode = _ref.mode,
@@ -301,4 +301,6 @@ function UFOSegment(_ref) {
     }, ufoSegment);
   }
   return ufoSegment;
-}
+};
+UFOSegment.displayName = 'UFOSegment';
+var _default = exports.default = UFOSegment;

package/dist/cjs/segment/third-party-segment.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.UFOThirdPartySegment = UFOThirdPartySegment;
+exports.UFOThirdPartySegment = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
@@ -12,7 +12,7 @@ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _ignoreHolds = _interopRequireDefault(require("../ignore-holds"));
 var _segment = _interopRequireDefault(require("./segment"));
 var _excluded = ["children"];
-function UFOThirdPartySegment(props) {
+var UFOThirdPartySegment = exports.UFOThirdPartySegment = function UFOThirdPartySegment(props) {
   var children = props.children,
     otherProps = (0, _objectWithoutProperties2.default)(props, _excluded);
   return (0, _platformFeatureFlags.fg)('platform_ufo_enable_ttai_with_3p') ? /*#__PURE__*/_react.default.createElement(_segment.default, (0, _extends2.default)({
@@ -23,4 +23,5 @@ function UFOThirdPartySegment(props) {
     ignore: (0, _platformFeatureFlags.fg)('platform_ufo_exclude_3p_elements_from_ttai'),
     reason: "third-party-element"
   }, children));
-}
+};
+UFOThirdPartySegment.displayName = 'UFOThirdPartySegment';

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

@@ -19,7 +19,7 @@ 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 _checkWithinComponent3 = _interopRequireWildcard(require("./utils/check-within-component"));
+var _checkWithinComponent = _interopRequireWildcard(require("./utils/check-within-component"));
 var _isContainedWithinSmartAnswers = require("./utils/is-contained-within-smart-answers");
 var _isElementVisible = require("./utils/is-element-visible");
 var _isInVcIgnoreIfNoLayoutShiftMarker = _interopRequireDefault(require("./utils/is-in-vc-ignore-if-no-layout-shift-marker"));
@@ -277,7 +277,7 @@ var ViewportObserver = exports.default = /*#__PURE__*/function () {
               _context2.prev = 4;
               _loop = /*#__PURE__*/_regenerator.default.mark(function _loop() {
                 var _this$getSSRState, _this$intersectionObs;
-                var addedNodeRef, addedNode, hasSameDeletedNode, _checkWithinComponent, isWithinThirdPartySegment, isWithinSmartAnswersSegment, isTargetReactRoot;
+                var addedNodeRef, addedNode, hasSameDeletedNode, _ref7, isWithinThirdPartySegment, isWithinSmartAnswersSegment, isTargetReactRoot;
                 return _regenerator.default.wrap(function _loop$(_context) {
                   while (1) switch (_context.prev = _context.next) {
                     case 0:
@@ -296,7 +296,9 @@ var ViewportObserver = exports.default = /*#__PURE__*/function () {
                         }
                         return n.isEqualNode(addedNode);
                       });
-                      _checkWithinComponent = (0, _checkWithinComponent3.default)(addedNode, 'UFOThirdPartySegment', _this.mapIs3pResult), isWithinThirdPartySegment = _checkWithinComponent.isWithin;
+                      _ref7 = _this.enableThirdPartyTracking ? (0, _checkWithinComponent.default)(addedNode, 'UFOThirdPartySegment', _this.mapIs3pResult) : {
+                        isWithin: false
+                      }, isWithinThirdPartySegment = _ref7.isWithin;
                       isWithinSmartAnswersSegment = Boolean(_this.shouldCheckSmartAnswersMutations() && (0, _isContainedWithinSmartAnswers.isContainedWithinSmartAnswers)(addedNode));
                       isTargetReactRoot = targetNode === ((_this$getSSRState = _this.getSSRState) === null || _this$getSSRState === void 0 || (_this$getSSRState = _this$getSSRState.call(_this)) === null || _this$getSSRState === void 0 ? void 0 : _this$getSSRState.reactRootElement);
                       (_this$intersectionObs = _this.intersectionObserver) === null || _this$intersectionObs === void 0 || _this$intersectionObs.watchAndTag(addedNode, (_this.trackLayoutShiftOffenders ? createElementMutationsWatcherNew : createElementMutationsWatcher)(removedNodeRects, isWithinThirdPartySegment, isWithinSmartAnswersSegment, !!hasSameDeletedNode, timestamp, isTargetReactRoot, _this.getSSRState, _this.getSSRPlaceholderHandler));
@@ -343,16 +345,16 @@ var ViewportObserver = exports.default = /*#__PURE__*/function () {
         return _ref6.apply(this, arguments);
       };
     }());
-    (0, _defineProperty2.default)(this, "handleAttributeMutation", function (_ref7) {
+    (0, _defineProperty2.default)(this, "handleAttributeMutation", function (_ref8) {
       var _this$intersectionObs2;
-      var target = _ref7.target,
-        attributeName = _ref7.attributeName,
-        oldValue = _ref7.oldValue,
-        newValue = _ref7.newValue,
-        timestamp = _ref7.timestamp;
-      (_this$intersectionObs2 = _this.intersectionObserver) === null || _this$intersectionObs2 === void 0 || _this$intersectionObs2.watchAndTag(target, function (_ref8) {
-        var target = _ref8.target,
-          rect = _ref8.rect;
+      var target = _ref8.target,
+        attributeName = _ref8.attributeName,
+        oldValue = _ref8.oldValue,
+        newValue = _ref8.newValue,
+        timestamp = _ref8.timestamp;
+      (_this$intersectionObs2 = _this.intersectionObserver) === null || _this$intersectionObs2 === void 0 || _this$intersectionObs2.watchAndTag(target, function (_ref9) {
+        var target = _ref9.target,
+          rect = _ref9.rect;
         if ((0, _vcUtils.isContainedWithinMediaWrapper)(target)) {
           return {
             type: 'mutation:media',
@@ -365,8 +367,10 @@ var ViewportObserver = exports.default = /*#__PURE__*/function () {
           };
         }
         if ((0, _platformFeatureFlags.fg)('platform_ufo_exclude_3p_attribute_changes')) {
-          var _checkWithinComponent2 = (0, _checkWithinComponent3.default)(target, 'UFOThirdPartySegment', _this.mapIs3pResult),
-            isWithinThirdPartySegment = _checkWithinComponent2.isWithin;
+          var _ref0 = _this.enableThirdPartyTracking ? (0, _checkWithinComponent.default)(target, 'UFOThirdPartySegment', _this.mapIs3pResult) : {
+              isWithin: false
+            },
+            isWithinThirdPartySegment = _ref0.isWithin;
           if (isWithinThirdPartySegment) {
             return {
               type: 'mutation:third-party-attribute',
@@ -471,9 +475,9 @@ var ViewportObserver = exports.default = /*#__PURE__*/function () {
         };
       });
     });
-    (0, _defineProperty2.default)(this, "handleLayoutShift", function (_ref9) {
-      var time = _ref9.time,
-        changedRects = _ref9.changedRects;
+    (0, _defineProperty2.default)(this, "handleLayoutShift", function (_ref1) {
+      var time = _ref1.time,
+        changedRects = _ref1.changedRects;
       var _iterator2 = _createForOfIteratorHelper(changedRects),
         _step2;
       try {
@@ -515,6 +519,7 @@ var ViewportObserver = exports.default = /*#__PURE__*/function () {
     this.getSSRState = getSSRState;
     this.getSSRPlaceholderHandler = getSSRPlaceholderHandler;
     this.searchPageConfig = searchPageConfig;
+    this.enableThirdPartyTracking = (0, _platformFeatureFlags.fg)('platform_ufo_reenable_3p_tracking');
   }
   return (0, _createClass2.default)(ViewportObserver, [{
     key: "initializeObservers",
@@ -567,7 +572,7 @@ var ViewportObserver = exports.default = /*#__PURE__*/function () {
       (_this$performanceObse2 = this.performanceObserver) === null || _this$performanceObse2 === void 0 || _this$performanceObse2.disconnect();
       this.isStarted = false;
       // Clean up caches when stopping
-      (0, _checkWithinComponent3.cleanupCaches)(this.mapIs3pResult);
+      (0, _checkWithinComponent.cleanupCaches)(this.mapIs3pResult);
     }
   }]);
 }();

package/dist/es2019/ignore-holds/index.js

@@ -19,10 +19,10 @@ import InteractionContext from '@atlaskit/interaction-context';
  * Has an `ignore` prop, to allow you to use it conditionally
  * Has a `reason` prop, to specify why the hold is being ignored
  */
-export default function UFOIgnoreHolds({
+const UFOIgnoreHolds = ({
   children,
   ignore = true
-}) {
+}) => {
   const parentContext = useContext(InteractionContext);
   const ignoredInteractionContext = useMemo(() => {
     if (!parentContext) {
@@ -46,4 +46,6 @@ export default function UFOIgnoreHolds({
   return /*#__PURE__*/React.createElement(InteractionContext.Provider, {
     value: ignoredInteractionContext
   }, kids);
-}
+};
+UFOIgnoreHolds.displayName = 'UFOIgnoreHolds';
+export default UFOIgnoreHolds;

package/dist/es2019/segment/segment.js

@@ -17,12 +17,12 @@ let tryCompleteHandle;
 let hasMarkedFirstSegmentLoad = false;
 
 /** A portion of the page we apply measurement to */
-export default function UFOSegment({
+const UFOSegment = ({
   name: segmentName,
   children,
   mode = 'single',
   type = 'first-party'
-}) {
+}) => {
   // If UFO is disabled, render children without any tracking overhead
   // This is gated behind platform_ufo_enable_killswitch_config feature flag
   // Note: isUFOEnabled() returns a stable value based on config, so it's safe to call before hooks
@@ -279,4 +279,6 @@ export default function UFOSegment({
     }, ufoSegment);
   }
   return ufoSegment;
-}
+};
+UFOSegment.displayName = 'UFOSegment';
+export default UFOSegment;

package/dist/es2019/segment/third-party-segment.js

@@ -3,7 +3,7 @@ import React from 'react';
 import { fg } from '@atlaskit/platform-feature-flags';
 import UFOIgnoreHolds from '../ignore-holds';
 import UFOSegment from './segment';
-export function UFOThirdPartySegment(props) {
+export const UFOThirdPartySegment = props => {
   const {
     children,
     ...otherProps
@@ -16,4 +16,5 @@ export function UFOThirdPartySegment(props) {
     ignore: fg('platform_ufo_exclude_3p_elements_from_ttai'),
     reason: "third-party-element"
   }, children));
-}
+};
+UFOThirdPartySegment.displayName = 'UFOThirdPartySegment';

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

@@ -264,7 +264,9 @@ export default class ViewportObserver {
         });
         const {
           isWithin: isWithinThirdPartySegment
-        } = checkWithinComponent(addedNode, 'UFOThirdPartySegment', this.mapIs3pResult);
+        } = this.enableThirdPartyTracking ? checkWithinComponent(addedNode, 'UFOThirdPartySegment', this.mapIs3pResult) : {
+          isWithin: false
+        };
         const isWithinSmartAnswersSegment = Boolean(this.shouldCheckSmartAnswersMutations() && isContainedWithinSmartAnswers(addedNode));
         const isTargetReactRoot = targetNode === ((_this$getSSRState = this.getSSRState) === null || _this$getSSRState === void 0 ? void 0 : (_this$getSSRState$cal = _this$getSSRState.call(this)) === null || _this$getSSRState$cal === void 0 ? void 0 : _this$getSSRState$cal.reactRootElement);
         (_this$intersectionObs = this.intersectionObserver) === null || _this$intersectionObs === void 0 ? void 0 : _this$intersectionObs.watchAndTag(addedNode, (this.trackLayoutShiftOffenders ? createElementMutationsWatcherNew : createElementMutationsWatcher)(removedNodeRects, isWithinThirdPartySegment, isWithinSmartAnswersSegment, !!hasSameDeletedNode, timestamp, isTargetReactRoot, this.getSSRState, this.getSSRPlaceholderHandler));
@@ -296,7 +298,9 @@ export default class ViewportObserver {
         if (fg('platform_ufo_exclude_3p_attribute_changes')) {
           const {
             isWithin: isWithinThirdPartySegment
-          } = checkWithinComponent(target, 'UFOThirdPartySegment', this.mapIs3pResult);
+          } = this.enableThirdPartyTracking ? checkWithinComponent(target, 'UFOThirdPartySegment', this.mapIs3pResult) : {
+            isWithin: false
+          };
           if (isWithinThirdPartySegment) {
             return {
               type: 'mutation:third-party-attribute',
@@ -437,6 +441,7 @@ export default class ViewportObserver {
     this.getSSRState = getSSRState;
     this.getSSRPlaceholderHandler = getSSRPlaceholderHandler;
     this.searchPageConfig = searchPageConfig;
+    this.enableThirdPartyTracking = fg('platform_ufo_reenable_3p_tracking');
   }
   initializeObservers() {
     if (this.isStarted) {

package/dist/esm/ignore-holds/index.js

@@ -22,7 +22,7 @@ import InteractionContext from '@atlaskit/interaction-context';
  * Has an `ignore` prop, to allow you to use it conditionally
  * Has a `reason` prop, to specify why the hold is being ignored
  */
-export default function UFOIgnoreHolds(_ref) {
+var UFOIgnoreHolds = function UFOIgnoreHolds(_ref) {
   var children = _ref.children,
     _ref$ignore = _ref.ignore,
     ignore = _ref$ignore === void 0 ? true : _ref$ignore;
@@ -48,4 +48,6 @@ export default function UFOIgnoreHolds(_ref) {
   return /*#__PURE__*/React.createElement(InteractionContext.Provider, {
     value: ignoredInteractionContext
   }, kids);
-}
+};
+UFOIgnoreHolds.displayName = 'UFOIgnoreHolds';
+export default UFOIgnoreHolds;

package/dist/esm/segment/segment.js

@@ -21,7 +21,7 @@ var tryCompleteHandle;
 var hasMarkedFirstSegmentLoad = false;
 
 /** A portion of the page we apply measurement to */
-export default function UFOSegment(_ref) {
+var UFOSegment = function UFOSegment(_ref) {
   var segmentName = _ref.name,
     children = _ref.children,
     _ref$mode = _ref.mode,
@@ -293,4 +293,6 @@ export default function UFOSegment(_ref) {
     }, ufoSegment);
   }
   return ufoSegment;
-}
+};
+UFOSegment.displayName = 'UFOSegment';
+export default UFOSegment;

package/dist/esm/segment/third-party-segment.js

@@ -5,7 +5,7 @@ import React from 'react';
 import { fg } from '@atlaskit/platform-feature-flags';
 import UFOIgnoreHolds from '../ignore-holds';
 import UFOSegment from './segment';
-export function UFOThirdPartySegment(props) {
+export var UFOThirdPartySegment = function UFOThirdPartySegment(props) {
   var children = props.children,
     otherProps = _objectWithoutProperties(props, _excluded);
   return fg('platform_ufo_enable_ttai_with_3p') ? /*#__PURE__*/React.createElement(UFOSegment, _extends({
@@ -16,4 +16,5 @@ export function UFOThirdPartySegment(props) {
     ignore: fg('platform_ufo_exclude_3p_elements_from_ttai'),
     reason: "third-party-element"
   }, children));
-}
+};
+UFOThirdPartySegment.displayName = 'UFOThirdPartySegment';

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

@@ -268,7 +268,7 @@ var ViewportObserver = /*#__PURE__*/function () {
               _context2.prev = 4;
               _loop = /*#__PURE__*/_regeneratorRuntime.mark(function _loop() {
                 var _this$getSSRState, _this$intersectionObs;
-                var addedNodeRef, addedNode, hasSameDeletedNode, _checkWithinComponent, isWithinThirdPartySegment, isWithinSmartAnswersSegment, isTargetReactRoot;
+                var addedNodeRef, addedNode, hasSameDeletedNode, _ref7, isWithinThirdPartySegment, isWithinSmartAnswersSegment, isTargetReactRoot;
                 return _regeneratorRuntime.wrap(function _loop$(_context) {
                   while (1) switch (_context.prev = _context.next) {
                     case 0:
@@ -287,7 +287,9 @@ var ViewportObserver = /*#__PURE__*/function () {
                         }
                         return n.isEqualNode(addedNode);
                       });
-                      _checkWithinComponent = checkWithinComponent(addedNode, 'UFOThirdPartySegment', _this.mapIs3pResult), isWithinThirdPartySegment = _checkWithinComponent.isWithin;
+                      _ref7 = _this.enableThirdPartyTracking ? checkWithinComponent(addedNode, 'UFOThirdPartySegment', _this.mapIs3pResult) : {
+                        isWithin: false
+                      }, isWithinThirdPartySegment = _ref7.isWithin;
                       isWithinSmartAnswersSegment = Boolean(_this.shouldCheckSmartAnswersMutations() && isContainedWithinSmartAnswers(addedNode));
                       isTargetReactRoot = targetNode === ((_this$getSSRState = _this.getSSRState) === null || _this$getSSRState === void 0 || (_this$getSSRState = _this$getSSRState.call(_this)) === null || _this$getSSRState === void 0 ? void 0 : _this$getSSRState.reactRootElement);
                       (_this$intersectionObs = _this.intersectionObserver) === null || _this$intersectionObs === void 0 || _this$intersectionObs.watchAndTag(addedNode, (_this.trackLayoutShiftOffenders ? createElementMutationsWatcherNew : createElementMutationsWatcher)(removedNodeRects, isWithinThirdPartySegment, isWithinSmartAnswersSegment, !!hasSameDeletedNode, timestamp, isTargetReactRoot, _this.getSSRState, _this.getSSRPlaceholderHandler));
@@ -334,16 +336,16 @@ var ViewportObserver = /*#__PURE__*/function () {
         return _ref6.apply(this, arguments);
       };
     }());
-    _defineProperty(this, "handleAttributeMutation", function (_ref7) {
+    _defineProperty(this, "handleAttributeMutation", function (_ref8) {
       var _this$intersectionObs2;
-      var target = _ref7.target,
-        attributeName = _ref7.attributeName,
-        oldValue = _ref7.oldValue,
-        newValue = _ref7.newValue,
-        timestamp = _ref7.timestamp;
-      (_this$intersectionObs2 = _this.intersectionObserver) === null || _this$intersectionObs2 === void 0 || _this$intersectionObs2.watchAndTag(target, function (_ref8) {
-        var target = _ref8.target,
-          rect = _ref8.rect;
+      var target = _ref8.target,
+        attributeName = _ref8.attributeName,
+        oldValue = _ref8.oldValue,
+        newValue = _ref8.newValue,
+        timestamp = _ref8.timestamp;
+      (_this$intersectionObs2 = _this.intersectionObserver) === null || _this$intersectionObs2 === void 0 || _this$intersectionObs2.watchAndTag(target, function (_ref9) {
+        var target = _ref9.target,
+          rect = _ref9.rect;
         if (isContainedWithinMediaWrapper(target)) {
           return {
             type: 'mutation:media',
@@ -356,8 +358,10 @@ var ViewportObserver = /*#__PURE__*/function () {
           };
         }
         if (fg('platform_ufo_exclude_3p_attribute_changes')) {
-          var _checkWithinComponent2 = checkWithinComponent(target, 'UFOThirdPartySegment', _this.mapIs3pResult),
-            isWithinThirdPartySegment = _checkWithinComponent2.isWithin;
+          var _ref0 = _this.enableThirdPartyTracking ? checkWithinComponent(target, 'UFOThirdPartySegment', _this.mapIs3pResult) : {
+              isWithin: false
+            },
+            isWithinThirdPartySegment = _ref0.isWithin;
           if (isWithinThirdPartySegment) {
             return {
               type: 'mutation:third-party-attribute',
@@ -462,9 +466,9 @@ var ViewportObserver = /*#__PURE__*/function () {
         };
       });
     });
-    _defineProperty(this, "handleLayoutShift", function (_ref9) {
-      var time = _ref9.time,
-        changedRects = _ref9.changedRects;
+    _defineProperty(this, "handleLayoutShift", function (_ref1) {
+      var time = _ref1.time,
+        changedRects = _ref1.changedRects;
       var _iterator2 = _createForOfIteratorHelper(changedRects),
         _step2;
       try {
@@ -506,6 +510,7 @@ var ViewportObserver = /*#__PURE__*/function () {
     this.getSSRState = getSSRState;
     this.getSSRPlaceholderHandler = getSSRPlaceholderHandler;
     this.searchPageConfig = searchPageConfig;
+    this.enableThirdPartyTracking = fg('platform_ufo_reenable_3p_tracking');
   }
   return _createClass(ViewportObserver, [{
     key: "initializeObservers",

package/dist/types/ignore-holds/index.d.ts

@@ -24,4 +24,8 @@ export type UFOIgnoreHoldsProps = {
  * Has an `ignore` prop, to allow you to use it conditionally
  * Has a `reason` prop, to specify why the hold is being ignored
  */
-export default function UFOIgnoreHolds({ children, ignore, }: UFOIgnoreHoldsProps): React.JSX.Element;
+declare const UFOIgnoreHolds: {
+    (props: UFOIgnoreHoldsProps): React.JSX.Element;
+    displayName: string;
+};
+export default UFOIgnoreHolds;

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

@@ -7,4 +7,8 @@ export type Props = {
     type?: UFOSegmentType;
 };
 /** A portion of the page we apply measurement to */
-export default function UFOSegment({ name: segmentName, children, mode, type, }: Props): React.JSX.Element;
+declare const UFOSegment: {
+    (props: Props): React.JSX.Element;
+    displayName: string;
+};
+export default UFOSegment;

package/dist/types/segment/third-party-segment.d.ts

@@ -1,3 +1,6 @@
 import React from 'react';
 import { type Props as SegmentProps } from './segment';
-export declare function UFOThirdPartySegment(props: Omit<SegmentProps, 'type'>): React.JSX.Element;
+export declare const UFOThirdPartySegment: {
+    (props: Omit<SegmentProps, 'type'>): React.JSX.Element;
+    displayName: string;
+};

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

@@ -26,6 +26,7 @@ export default class ViewportObserver {
     private isStarted;
     private trackLayoutShiftOffenders;
     private searchPageConfig;
+    private enableThirdPartyTracking;
     private getSSRState?;
     private getSSRPlaceholderHandler?;
     constructor({ onChange, getSSRState, getSSRPlaceholderHandler, trackLayoutShiftOffenders, searchPageConfig, }: ViewPortObserverConstructorArgs);

package/dist/types-ts4.5/ignore-holds/index.d.ts

@@ -24,4 +24,8 @@ export type UFOIgnoreHoldsProps = {
  * Has an `ignore` prop, to allow you to use it conditionally
  * Has a `reason` prop, to specify why the hold is being ignored
  */
-export default function UFOIgnoreHolds({ children, ignore, }: UFOIgnoreHoldsProps): React.JSX.Element;
+declare const UFOIgnoreHolds: {
+    (props: UFOIgnoreHoldsProps): React.JSX.Element;
+    displayName: string;
+};
+export default UFOIgnoreHolds;

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

@@ -7,4 +7,8 @@ export type Props = {
     type?: UFOSegmentType;
 };
 /** A portion of the page we apply measurement to */
-export default function UFOSegment({ name: segmentName, children, mode, type, }: Props): React.JSX.Element;
+declare const UFOSegment: {
+    (props: Props): React.JSX.Element;
+    displayName: string;
+};
+export default UFOSegment;

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

@@ -1,3 +1,6 @@
 import React from 'react';
 import { type Props as SegmentProps } from './segment';
-export declare function UFOThirdPartySegment(props: Omit<SegmentProps, 'type'>): React.JSX.Element;
+export declare const UFOThirdPartySegment: {
+    (props: Omit<SegmentProps, 'type'>): React.JSX.Element;
+    displayName: string;
+};

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

@@ -26,6 +26,7 @@ export default class ViewportObserver {
     private isStarted;
     private trackLayoutShiftOffenders;
     private searchPageConfig;
+    private enableThirdPartyTracking;
     private getSSRState?;
     private getSSRPlaceholderHandler?;
     constructor({ onChange, getSSRState, getSSRPlaceholderHandler, trackLayoutShiftOffenders, searchPageConfig, }: ViewPortObserverConstructorArgs);

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/react-ufo",
-	"version": "5.4.1",
+	"version": "5.4.2",
 	"description": "Parts of React UFO that are publicly available",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -208,6 +208,12 @@
 		},
 		"ufo_update_and_enforce_ttvc_v4_default_version": {
 			"type": "boolean"
+		},
+		"platform_ufo_page_visibility_timeline": {
+			"type": "boolean"
+		},
+		"platform_ufo_reenable_3p_tracking": {
+			"type": "boolean"
 		}
 	}
 }