@atlaskit/react-ufo 4.1.13 → 4.2.1

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @atlaskit/ufo-interaction-ignore
 
+## 4.2.1
+
+### Patch Changes
+
+- [`e4fd6ff836b97`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/e4fd6ff836b97) -
+  Update `error` selector return by TTVC offenders reporting
+
+## 4.2.0
+
+### Minor Changes
+
+- [#195899](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/195899)
+  [`ab2e2b57fa3fc`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ab2e2b57fa3fc) -
+  Deprecating optional, experimental API about disabling SSR placeholder check of size and position
+
 ## 4.1.13
 
 ### Patch Changes

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

@@ -934,8 +934,7 @@ function addNewInteraction(interactionId, ufoName, type, startTime, rate, labelS
       oldDomUpdates: config.vc.oldDomUpdates,
       devToolsEnabled: config.vc.devToolsEnabled,
       selectorConfig: config.vc.selectorConfig,
-      ssrEnablePageLayoutPlaceholder: config.vc.ssrEnablePageLayoutPlaceholder,
-      disableSizeAndPositionCheck: config.vc.disableSizeAndPositionCheck
+      ssrEnablePageLayoutPlaceholder: config.vc.ssrEnablePageLayoutPlaceholder
     };
     vcObserver = (0, _vc.newVCObserver)(vcOptions);
   }

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

@@ -95,8 +95,7 @@ function init(analyticsWebClientAsync, config) {
       oldDomUpdates: config.vc.oldDomUpdates,
       devToolsEnabled: config.vc.devToolsEnabled,
       selectorConfig: config.vc.selectorConfig,
-      ssrEnablePageLayoutPlaceholder: config.vc.ssrEnablePageLayoutPlaceholder,
-      disableSizeAndPositionCheck: config.vc.disableSizeAndPositionCheck
+      ssrEnablePageLayoutPlaceholder: config.vc.ssrEnablePageLayoutPlaceholder
     };
     _interactionMetrics.postInteractionLog.initializeVCObserver(vcOptions);
     if (config !== null && config !== void 0 && (_config$experimentalI = config.experimentalInteractionMetrics) !== null && _config$experimentalI !== void 0 && _config$experimentalI.enabled) {

package/dist/cjs/vc/index.js

@@ -25,7 +25,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var VCObserverWrapper = exports.VCObserverWrapper = /*#__PURE__*/function () {
   function VCObserverWrapper() {
-    var _opts$ssrEnablePageLa, _opts$disableSizeAndP;
+    var _opts$ssrEnablePageLa;
     var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     (0, _classCallCheck2.default)(this, VCObserverWrapper);
     this.newVCObserver = null;
@@ -33,23 +33,15 @@ var VCObserverWrapper = exports.VCObserverWrapper = /*#__PURE__*/function () {
 
     // Initialize SSR placeholder handler once
     this.ssrPlaceholderHandler = new _ssrPlaceholders.SSRPlaceholderHandlers({
-      enablePageLayoutPlaceholder: (_opts$ssrEnablePageLa = opts.ssrEnablePageLayoutPlaceholder) !== null && _opts$ssrEnablePageLa !== void 0 ? _opts$ssrEnablePageLa : false,
-      disableSizeAndPositionCheck: (_opts$disableSizeAndP = opts.disableSizeAndPositionCheck) !== null && _opts$disableSizeAndP !== void 0 ? _opts$disableSizeAndP : {
-        v: false,
-        h: false
-      }
+      enablePageLayoutPlaceholder: (_opts$ssrEnablePageLa = opts.ssrEnablePageLayoutPlaceholder) !== null && _opts$ssrEnablePageLa !== void 0 ? _opts$ssrEnablePageLa : false
     });
     if ((0, _config.isVCRevisionEnabled)('fy25.03')) {
-      var _opts$ssrEnablePageLa2, _opts$disableSizeAndP2;
+      var _opts$ssrEnablePageLa2;
       this.newVCObserver = new _vcObserverNew.default({
         selectorConfig: opts.selectorConfig,
         isPostInteraction: opts.isPostInteraction,
         SSRConfig: {
-          enablePageLayoutPlaceholder: (_opts$ssrEnablePageLa2 = opts.ssrEnablePageLayoutPlaceholder) !== null && _opts$ssrEnablePageLa2 !== void 0 ? _opts$ssrEnablePageLa2 : false,
-          disableSizeAndPositionCheck: (_opts$disableSizeAndP2 = opts.disableSizeAndPositionCheck) !== null && _opts$disableSizeAndP2 !== void 0 ? _opts$disableSizeAndP2 : {
-            v: false,
-            h: false
-          }
+          enablePageLayoutPlaceholder: (_opts$ssrEnablePageLa2 = opts.ssrEnablePageLayoutPlaceholder) !== null && _opts$ssrEnablePageLa2 !== void 0 ? _opts$ssrEnablePageLa2 : false
         },
         ssrPlaceholderHandler: this.ssrPlaceholderHandler
       });

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

@@ -461,7 +461,6 @@ var VCObserver = exports.VCObserver = /*#__PURE__*/function () {
     this.devToolsEnabled = options.devToolsEnabled || false;
     this.oldDomUpdatesEnabled = options.oldDomUpdates || false;
     var ssrEnablePageLayoutPlaceholder = options.ssrEnablePageLayoutPlaceholder,
-      disableSizeAndPositionCheck = options.disableSizeAndPositionCheck,
       ssrPlaceholderHandler = options.ssrPlaceholderHandler;
     this.observers = new _observers.Observers({
       selectorConfig: options.selectorConfig || {
@@ -472,8 +471,7 @@ var VCObserver = exports.VCObserver = /*#__PURE__*/function () {
         dataVC: true
       },
       SSRConfig: {
-        enablePageLayoutPlaceholder: ssrEnablePageLayoutPlaceholder || false,
-        disableSizeAndPositionCheck: disableSizeAndPositionCheck
+        enablePageLayoutPlaceholder: ssrEnablePageLayoutPlaceholder || false
       },
       ssrPlaceholderHandler: ssrPlaceholderHandler
     });

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

@@ -77,10 +77,9 @@ var Observers = exports.Observers = /*#__PURE__*/function () {
     if (opts.ssrPlaceholderHandler) {
       this.ssrPlaceholderHandler = opts.ssrPlaceholderHandler;
     } else {
-      var _opts$SSRConfig, _opts$SSRConfig2;
+      var _opts$SSRConfig;
       this.ssrPlaceholderHandler = new _ssrPlaceholders.SSRPlaceholderHandlers({
-        enablePageLayoutPlaceholder: (_opts$SSRConfig = opts.SSRConfig) === null || _opts$SSRConfig === void 0 ? void 0 : _opts$SSRConfig.enablePageLayoutPlaceholder,
-        disableSizeAndPositionCheck: (_opts$SSRConfig2 = opts.SSRConfig) === null || _opts$SSRConfig2 === void 0 ? void 0 : _opts$SSRConfig2.disableSizeAndPositionCheck
+        enablePageLayoutPlaceholder: (_opts$SSRConfig = opts.SSRConfig) === null || _opts$SSRConfig === void 0 ? void 0 : _opts$SSRConfig.enablePageLayoutPlaceholder
       });
     }
   }

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

@@ -14,12 +14,7 @@ var SSRPlaceholderHandlers = exports.SSRPlaceholderHandlers = /*#__PURE__*/funct
   function SSRPlaceholderHandlers(_ref) {
     var _this = this;
     var _ref$enablePageLayout = _ref.enablePageLayoutPlaceholder,
-      enablePageLayoutPlaceholder = _ref$enablePageLayout === void 0 ? false : _ref$enablePageLayout,
-      _ref$disableSizeAndPo = _ref.disableSizeAndPositionCheck,
-      disableSizeAndPositionCheck = _ref$disableSizeAndPo === void 0 ? {
-        v: false,
-        h: false
-      } : _ref$disableSizeAndPo;
+      enablePageLayoutPlaceholder = _ref$enablePageLayout === void 0 ? false : _ref$enablePageLayout;
     (0, _classCallCheck2.default)(this, SSRPlaceholderHandlers);
     (0, _defineProperty2.default)(this, "staticPlaceholders", new Map());
     (0, _defineProperty2.default)(this, "callbacks", new Map());
@@ -108,7 +103,6 @@ var SSRPlaceholderHandlers = exports.SSRPlaceholderHandlers = /*#__PURE__*/funct
       });
     }
     this.enablePageLayoutPlaceholder = enablePageLayoutPlaceholder;
-    this.disableSizeAndPositionCheck = disableSizeAndPositionCheck;
     if (window.document) {
       try {
         // Collect initial placeholders using SSR dimensions
@@ -266,15 +260,11 @@ var SSRPlaceholderHandlers = exports.SSRPlaceholderHandlers = /*#__PURE__*/funct
   }, {
     key: "hasSameSizePosition",
     value: function hasSameSizePosition(rect, boundingClientRect) {
-      var _this$disableSizeAndP, _this$disableSizeAndP2;
-      if ((_this$disableSizeAndP = this.disableSizeAndPositionCheck) !== null && _this$disableSizeAndP !== void 0 && _this$disableSizeAndP.v && (_this$disableSizeAndP2 = this.disableSizeAndPositionCheck) !== null && _this$disableSizeAndP2 !== void 0 && _this$disableSizeAndP2.h) {
-        return true;
-      }
       if (!rect) {
         return false;
       }
-      var horizontalCheck = this.disableSizeAndPositionCheck.h ? true : Math.abs(rect.x - boundingClientRect.x) < this.EQUALITY_THRESHOLD && Math.abs(rect.width - boundingClientRect.width) < this.EQUALITY_THRESHOLD;
-      var verticalCheck = this.disableSizeAndPositionCheck.v ? true : Math.abs(rect.y - boundingClientRect.y) < this.EQUALITY_THRESHOLD && Math.abs(rect.height - boundingClientRect.height) < this.EQUALITY_THRESHOLD;
+      var horizontalCheck = Math.abs(rect.x - boundingClientRect.x) < this.EQUALITY_THRESHOLD && Math.abs(rect.width - boundingClientRect.width) < this.EQUALITY_THRESHOLD;
+      var verticalCheck = Math.abs(rect.y - boundingClientRect.y) < this.EQUALITY_THRESHOLD && Math.abs(rect.height - boundingClientRect.height) < this.EQUALITY_THRESHOLD;
       return horizontalCheck && verticalCheck || false;
     }
   }, {

package/dist/cjs/vc/vc-observer-new/get-element-name.js

@@ -4,10 +4,38 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var nameCache = new WeakMap();
 function getElementName(selectorConfig, element) {
   if (!(element instanceof HTMLElement)) {
-    return 'error';
+    if ((0, _platformFeatureFlags.fg)('platform_ufo_report_non_htmlelement_selectors')) {
+      var elementInstance = 'Unknown';
+
+      // Types of elements according to LLM
+      if (element instanceof Document) {
+        elementInstance = 'Document';
+      } else if (element instanceof DocumentFragment) {
+        elementInstance = 'DocumentFragment';
+      } else if (element instanceof Text) {
+        elementInstance = 'Text';
+      } else if (element instanceof Comment) {
+        elementInstance = 'Comment';
+      } else if (element instanceof ProcessingInstruction) {
+        elementInstance = 'ProcessingInstruction';
+      } else if (element instanceof Attr) {
+        elementInstance = 'Attr';
+      } else if (element instanceof CDATASection) {
+        elementInstance = 'CDATASection';
+      }
+      if (element.parentElement && element.parentElement instanceof HTMLElement) {
+        var parentElementSelector = getElementName(selectorConfig, element.parentElement);
+        return "".concat(parentElementSelector, " > ").concat(elementInstance);
+      } else {
+        return elementInstance;
+      }
+    } else {
+      return 'error';
+    }
   }
   var cachedName = nameCache.get(element);
   if (cachedName) {

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

@@ -56,13 +56,9 @@ var VCObserverNew = exports.default = /*#__PURE__*/function () {
     if (config.ssrPlaceholderHandler) {
       this.ssrPlaceholderHandler = config.ssrPlaceholderHandler;
     } else {
-      var _config$SSRConfig$ena, _config$SSRConfig, _config$SSRConfig$dis, _config$SSRConfig2;
+      var _config$SSRConfig$ena, _config$SSRConfig;
       this.ssrPlaceholderHandler = new _ssrPlaceholders.SSRPlaceholderHandlers({
-        enablePageLayoutPlaceholder: (_config$SSRConfig$ena = (_config$SSRConfig = config.SSRConfig) === null || _config$SSRConfig === void 0 ? void 0 : _config$SSRConfig.enablePageLayoutPlaceholder) !== null && _config$SSRConfig$ena !== void 0 ? _config$SSRConfig$ena : false,
-        disableSizeAndPositionCheck: (_config$SSRConfig$dis = (_config$SSRConfig2 = config.SSRConfig) === null || _config$SSRConfig2 === void 0 ? void 0 : _config$SSRConfig2.disableSizeAndPositionCheck) !== null && _config$SSRConfig$dis !== void 0 ? _config$SSRConfig$dis : {
-          v: false,
-          h: false
-        }
+        enablePageLayoutPlaceholder: (_config$SSRConfig$ena = (_config$SSRConfig = config.SSRConfig) === null || _config$SSRConfig === void 0 ? void 0 : _config$SSRConfig.enablePageLayoutPlaceholder) !== null && _config$SSRConfig$ena !== void 0 ? _config$SSRConfig$ena : false
       });
     }
     this.viewportObserver = new _viewportObserver.default({

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

@@ -1,6 +1,7 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -16,8 +17,9 @@ 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 _checkWithinComponentAndExtractChildProps = _interopRequireDefault(require("./utils/check-within-component-and-extract-child-props"));
+var _checkWithinComponent2 = _interopRequireWildcard(require("./utils/check-within-component"));
 var _isInVcIgnoreIfNoLayoutShiftMarker = _interopRequireDefault(require("./utils/is-in-vc-ignore-if-no-layout-shift-marker"));
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
 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; }
@@ -229,7 +231,7 @@ var ViewportObserver = exports.default = /*#__PURE__*/function () {
                       (_this$intersectionObs6 = _this.intersectionObserver) === null || _this$intersectionObs6 === void 0 || _this$intersectionObs6.watchAndTag(addedNode, 'mutation:media');
                       return _context.abrupt("return", 0);
                     case 44:
-                      _checkWithinComponent = (0, _checkWithinComponentAndExtractChildProps.default)(addedNode, 'UFOThirdPartySegment'), isWithinThirdPartySegment = _checkWithinComponent.isWithin;
+                      _checkWithinComponent = (0, _checkWithinComponent2.default)(addedNode, 'UFOThirdPartySegment', _this.mapIs3pResult), isWithinThirdPartySegment = _checkWithinComponent.isWithin;
                       if (!isWithinThirdPartySegment) {
                         _context.next = 48;
                         break;
@@ -326,18 +328,6 @@ var ViewportObserver = exports.default = /*#__PURE__*/function () {
             }
           };
         }
-        var _checkWithinComponent2 = (0, _checkWithinComponentAndExtractChildProps.default)(target, 'UFOThirdPartySegment'),
-          isWithinThirdPartySegment = _checkWithinComponent2.isWithin;
-        if (isWithinThirdPartySegment) {
-          return {
-            type: 'mutation:third-party-element',
-            mutationData: {
-              attributeName: attributeName,
-              oldValue: oldValue,
-              newValue: newValue
-            }
-          };
-        }
         var lastElementRect = _this.mapVisibleNodeRects.get(target);
         if (lastElementRect && sameRectSize(rect, lastElementRect)) {
           return {
@@ -358,6 +348,7 @@ var ViewportObserver = exports.default = /*#__PURE__*/function () {
           }
         };
       });
+      // }
     });
     (0, _defineProperty2.default)(this, "handleLayoutShift", function (_ref8) {
       var time = _ref8.time,
@@ -386,6 +377,7 @@ var ViewportObserver = exports.default = /*#__PURE__*/function () {
       }
     });
     this.mapVisibleNodeRects = new WeakMap();
+    this.mapIs3pResult = new WeakMap();
     this.onChange = onChange;
     this.isStarted = false;
     this.intersectionObserver = null;
@@ -446,6 +438,8 @@ var ViewportObserver = exports.default = /*#__PURE__*/function () {
       (_this$intersectionObs0 = this.intersectionObserver) === null || _this$intersectionObs0 === void 0 || _this$intersectionObs0.disconnect();
       (_this$performanceObse2 = this.performanceObserver) === null || _this$performanceObse2 === void 0 || _this$performanceObse2.disconnect();
       this.isStarted = false;
+      // Clean up caches when stopping
+      (0, _checkWithinComponent2.cleanupCaches)(this.mapIs3pResult);
     }
   }]);
 }();

package/dist/cjs/vc/vc-observer-new/viewport-observer/utils/check-fiber-within-component.js

@@ -0,0 +1,25 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = checkFiberWithinComponent;
+var _getComponentName = _interopRequireDefault(require("./get-component-name"));
+// Helper to check fiber within component
+function checkFiberWithinComponent(fiber, targetComponentName, maxLevel) {
+  // Stop when no more levels to traverse
+  if (maxLevel <= 0) {
+    return false;
+  }
+  if (!fiber) {
+    return false;
+  }
+  var componentName = (0, _getComponentName.default)(fiber);
+  if (componentName === targetComponentName) {
+    return true;
+  }
+
+  // Recursively traverse up the fiber tree
+  return checkFiberWithinComponent(fiber.return, targetComponentName, maxLevel - 1);
+}

package/dist/cjs/vc/vc-observer-new/viewport-observer/utils/check-within-component.js

@@ -0,0 +1,63 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.cleanupCaches = cleanupCaches;
+exports.default = checkWithinComponent;
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _coinflip = _interopRequireDefault(require("../../../../coinflip"));
+var _checkFiberWithinComponent = _interopRequireDefault(require("./check-fiber-within-component"));
+var _findFiberWithCache = _interopRequireDefault(require("./find-fiber-with-cache"));
+var _findReactFiber = _interopRequireDefault(require("./find-react-fiber"));
+var DEFAULT_MAX_LEVEL = 20;
+
+// Cache cleanup
+var callCount = 0;
+var CLEANUP_THRESHOLD = 50;
+function maybeCleanup(resultCache) {
+  callCount++;
+  if (callCount >= CLEANUP_THRESHOLD && (0, _coinflip.default)(0.3)) {
+    cleanupCaches(resultCache);
+  }
+}
+function cleanupCaches(resultCache) {
+  resultCache = new WeakMap();
+  callCount = 0;
+}
+function checkWithinComponent(node, targetComponentName, resultCache) {
+  maybeCleanup(resultCache);
+  if (resultCache.has(node)) {
+    var _resultCache$get;
+    return {
+      isWithin: (_resultCache$get = resultCache.get(node)) !== null && _resultCache$get !== void 0 ? _resultCache$get : false
+    };
+  }
+  var fiber = null;
+  var checkedNodes = [];
+  if ((0, _platformFeatureFlags.fg)('platform_ufo_handle_non_react_element_for_3p')) {
+    fiber = (0, _findFiberWithCache.default)(node, DEFAULT_MAX_LEVEL, checkedNodes);
+  } else {
+    fiber = (0, _findReactFiber.default)(node);
+  }
+  if (!fiber) {
+    if ((0, _platformFeatureFlags.fg)('platform_ufo_handle_non_react_element_for_3p')) {
+      checkedNodes.forEach(function (checkedNode) {
+        resultCache.set(checkedNode, false);
+      });
+    }
+    return {
+      isWithin: false
+    };
+  }
+  var isWithin = (0, _checkFiberWithinComponent.default)(fiber, targetComponentName, DEFAULT_MAX_LEVEL);
+  if ((0, _platformFeatureFlags.fg)('platform_ufo_handle_non_react_element_for_3p')) {
+    checkedNodes.forEach(function (checkedNode) {
+      resultCache.set(checkedNode, isWithin);
+    });
+  }
+  return {
+    isWithin: isWithin
+  };
+}

package/dist/cjs/vc/vc-observer-new/viewport-observer/utils/find-fiber-with-cache.js

@@ -0,0 +1,28 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = findFiberWithCache;
+var _findReactFiber = _interopRequireDefault(require("./find-react-fiber"));
+function findFiberWithCache(element, maxLevel, checkedNodes) {
+  // Stop when no more levels to traverse
+  if (maxLevel <= 0) {
+    return null;
+  }
+  checkedNodes.push(element);
+  var fiber = (0, _findReactFiber.default)(element);
+  if (fiber) {
+    return fiber;
+  }
+
+  // Walk up the DOM tree to find the fiber
+  var parent = element.parentElement;
+  if (!parent) {
+    return null;
+  }
+
+  // Recursively check parent
+  return findFiberWithCache(parent, maxLevel - 1, checkedNodes);
+}

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

@@ -809,8 +809,7 @@ export function addNewInteraction(interactionId, ufoName, type, startTime, rate,
       oldDomUpdates: config.vc.oldDomUpdates,
       devToolsEnabled: config.vc.devToolsEnabled,
       selectorConfig: config.vc.selectorConfig,
-      ssrEnablePageLayoutPlaceholder: config.vc.ssrEnablePageLayoutPlaceholder,
-      disableSizeAndPositionCheck: config.vc.disableSizeAndPositionCheck
+      ssrEnablePageLayoutPlaceholder: config.vc.ssrEnablePageLayoutPlaceholder
     };
     vcObserver = newVCObserver(vcOptions);
   }

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

@@ -85,8 +85,7 @@ export function init(analyticsWebClientAsync, config) {
       oldDomUpdates: config.vc.oldDomUpdates,
       devToolsEnabled: config.vc.devToolsEnabled,
       selectorConfig: config.vc.selectorConfig,
-      ssrEnablePageLayoutPlaceholder: config.vc.ssrEnablePageLayoutPlaceholder,
-      disableSizeAndPositionCheck: config.vc.disableSizeAndPositionCheck
+      ssrEnablePageLayoutPlaceholder: config.vc.ssrEnablePageLayoutPlaceholder
     };
     postInteractionLog.initializeVCObserver(vcOptions);
     if (config !== null && config !== void 0 && (_config$experimentalI = config.experimentalInteractionMetrics) !== null && _config$experimentalI !== void 0 && _config$experimentalI.enabled) {

package/dist/es2019/vc/index.js

@@ -7,29 +7,21 @@ import { RLLPlaceholderHandlers } from './vc-observer/observers/rll-placeholders
 import { SSRPlaceholderHandlers } from './vc-observer/observers/ssr-placeholders';
 export class VCObserverWrapper {
   constructor(opts = {}) {
-    var _opts$ssrEnablePageLa, _opts$disableSizeAndP;
+    var _opts$ssrEnablePageLa;
     this.newVCObserver = null;
     this.oldVCObserver = null;
 
     // Initialize SSR placeholder handler once
     this.ssrPlaceholderHandler = new SSRPlaceholderHandlers({
-      enablePageLayoutPlaceholder: (_opts$ssrEnablePageLa = opts.ssrEnablePageLayoutPlaceholder) !== null && _opts$ssrEnablePageLa !== void 0 ? _opts$ssrEnablePageLa : false,
-      disableSizeAndPositionCheck: (_opts$disableSizeAndP = opts.disableSizeAndPositionCheck) !== null && _opts$disableSizeAndP !== void 0 ? _opts$disableSizeAndP : {
-        v: false,
-        h: false
-      }
+      enablePageLayoutPlaceholder: (_opts$ssrEnablePageLa = opts.ssrEnablePageLayoutPlaceholder) !== null && _opts$ssrEnablePageLa !== void 0 ? _opts$ssrEnablePageLa : false
     });
     if (isVCRevisionEnabled('fy25.03')) {
-      var _opts$ssrEnablePageLa2, _opts$disableSizeAndP2;
+      var _opts$ssrEnablePageLa2;
       this.newVCObserver = new VCObserverNew({
         selectorConfig: opts.selectorConfig,
         isPostInteraction: opts.isPostInteraction,
         SSRConfig: {
-          enablePageLayoutPlaceholder: (_opts$ssrEnablePageLa2 = opts.ssrEnablePageLayoutPlaceholder) !== null && _opts$ssrEnablePageLa2 !== void 0 ? _opts$ssrEnablePageLa2 : false,
-          disableSizeAndPositionCheck: (_opts$disableSizeAndP2 = opts.disableSizeAndPositionCheck) !== null && _opts$disableSizeAndP2 !== void 0 ? _opts$disableSizeAndP2 : {
-            v: false,
-            h: false
-          }
+          enablePageLayoutPlaceholder: (_opts$ssrEnablePageLa2 = opts.ssrEnablePageLayoutPlaceholder) !== null && _opts$ssrEnablePageLa2 !== void 0 ? _opts$ssrEnablePageLa2 : false
         },
         ssrPlaceholderHandler: this.ssrPlaceholderHandler
       });

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

@@ -501,7 +501,6 @@ export class VCObserver {
     this.oldDomUpdatesEnabled = options.oldDomUpdates || false;
     const {
       ssrEnablePageLayoutPlaceholder,
-      disableSizeAndPositionCheck,
       ssrPlaceholderHandler
     } = options;
     this.observers = new Observers({
@@ -513,8 +512,7 @@ export class VCObserver {
         dataVC: true
       },
       SSRConfig: {
-        enablePageLayoutPlaceholder: ssrEnablePageLayoutPlaceholder || false,
-        disableSizeAndPositionCheck: disableSizeAndPositionCheck
+        enablePageLayoutPlaceholder: ssrEnablePageLayoutPlaceholder || false
       },
       ssrPlaceholderHandler: ssrPlaceholderHandler
     });

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

@@ -65,10 +65,9 @@ export class Observers {
     if (opts.ssrPlaceholderHandler) {
       this.ssrPlaceholderHandler = opts.ssrPlaceholderHandler;
     } else {
-      var _opts$SSRConfig, _opts$SSRConfig2;
+      var _opts$SSRConfig;
       this.ssrPlaceholderHandler = new SSRPlaceholderHandlers({
-        enablePageLayoutPlaceholder: (_opts$SSRConfig = opts.SSRConfig) === null || _opts$SSRConfig === void 0 ? void 0 : _opts$SSRConfig.enablePageLayoutPlaceholder,
-        disableSizeAndPositionCheck: (_opts$SSRConfig2 = opts.SSRConfig) === null || _opts$SSRConfig2 === void 0 ? void 0 : _opts$SSRConfig2.disableSizeAndPositionCheck
+        enablePageLayoutPlaceholder: (_opts$SSRConfig = opts.SSRConfig) === null || _opts$SSRConfig === void 0 ? void 0 : _opts$SSRConfig.enablePageLayoutPlaceholder
       });
     }
   }

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

@@ -3,11 +3,7 @@ const ANCESTOR_LOOKUP_LIMIT = 10;
 const PAGE_LAYOUT_ID = 'page-layout.root';
 export class SSRPlaceholderHandlers {
   constructor({
-    enablePageLayoutPlaceholder = false,
-    disableSizeAndPositionCheck = {
-      v: false,
-      h: false
-    }
+    enablePageLayoutPlaceholder = false
   }) {
     _defineProperty(this, "staticPlaceholders", new Map());
     _defineProperty(this, "callbacks", new Map());
@@ -93,7 +89,6 @@ export class SSRPlaceholderHandlers {
       this.intersectionObserver = new IntersectionObserver(entries => entries.filter(entry => entry.intersectionRatio > 0).forEach(this.intersectionObserverCallback));
     }
     this.enablePageLayoutPlaceholder = enablePageLayoutPlaceholder;
-    this.disableSizeAndPositionCheck = disableSizeAndPositionCheck;
     if (window.document) {
       try {
         // Collect initial placeholders using SSR dimensions
@@ -225,15 +220,11 @@ export class SSRPlaceholderHandlers {
     });
   }
   hasSameSizePosition(rect, boundingClientRect) {
-    var _this$disableSizeAndP, _this$disableSizeAndP2;
-    if ((_this$disableSizeAndP = this.disableSizeAndPositionCheck) !== null && _this$disableSizeAndP !== void 0 && _this$disableSizeAndP.v && (_this$disableSizeAndP2 = this.disableSizeAndPositionCheck) !== null && _this$disableSizeAndP2 !== void 0 && _this$disableSizeAndP2.h) {
-      return true;
-    }
     if (!rect) {
       return false;
     }
-    const horizontalCheck = this.disableSizeAndPositionCheck.h ? true : Math.abs(rect.x - boundingClientRect.x) < this.EQUALITY_THRESHOLD && Math.abs(rect.width - boundingClientRect.width) < this.EQUALITY_THRESHOLD;
-    const verticalCheck = this.disableSizeAndPositionCheck.v ? true : Math.abs(rect.y - boundingClientRect.y) < this.EQUALITY_THRESHOLD && Math.abs(rect.height - boundingClientRect.height) < this.EQUALITY_THRESHOLD;
+    const horizontalCheck = Math.abs(rect.x - boundingClientRect.x) < this.EQUALITY_THRESHOLD && Math.abs(rect.width - boundingClientRect.width) < this.EQUALITY_THRESHOLD;
+    const verticalCheck = Math.abs(rect.y - boundingClientRect.y) < this.EQUALITY_THRESHOLD && Math.abs(rect.height - boundingClientRect.height) < this.EQUALITY_THRESHOLD;
     return horizontalCheck && verticalCheck || false;
   }
   isDummyRect(rect) {

package/dist/es2019/vc/vc-observer-new/get-element-name.js

@@ -1,7 +1,35 @@
+import { fg } from '@atlaskit/platform-feature-flags';
 const nameCache = new WeakMap();
 function getElementName(selectorConfig, element) {
   if (!(element instanceof HTMLElement)) {
-    return 'error';
+    if (fg('platform_ufo_report_non_htmlelement_selectors')) {
+      let elementInstance = 'Unknown';
+
+      // Types of elements according to LLM
+      if (element instanceof Document) {
+        elementInstance = 'Document';
+      } else if (element instanceof DocumentFragment) {
+        elementInstance = 'DocumentFragment';
+      } else if (element instanceof Text) {
+        elementInstance = 'Text';
+      } else if (element instanceof Comment) {
+        elementInstance = 'Comment';
+      } else if (element instanceof ProcessingInstruction) {
+        elementInstance = 'ProcessingInstruction';
+      } else if (element instanceof Attr) {
+        elementInstance = 'Attr';
+      } else if (element instanceof CDATASection) {
+        elementInstance = 'CDATASection';
+      }
+      if (element.parentElement && element.parentElement instanceof HTMLElement) {
+        const parentElementSelector = getElementName(selectorConfig, element.parentElement);
+        return `${parentElementSelector} > ${elementInstance}`;
+      } else {
+        return elementInstance;
+      }
+    } else {
+      return 'error';
+    }
   }
   const cachedName = nameCache.get(element);
   if (cachedName) {

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

@@ -40,13 +40,9 @@ export default class VCObserverNew {
     if (config.ssrPlaceholderHandler) {
       this.ssrPlaceholderHandler = config.ssrPlaceholderHandler;
     } else {
-      var _config$SSRConfig$ena, _config$SSRConfig, _config$SSRConfig$dis, _config$SSRConfig2;
+      var _config$SSRConfig$ena, _config$SSRConfig;
       this.ssrPlaceholderHandler = new SSRPlaceholderHandlers({
-        enablePageLayoutPlaceholder: (_config$SSRConfig$ena = (_config$SSRConfig = config.SSRConfig) === null || _config$SSRConfig === void 0 ? void 0 : _config$SSRConfig.enablePageLayoutPlaceholder) !== null && _config$SSRConfig$ena !== void 0 ? _config$SSRConfig$ena : false,
-        disableSizeAndPositionCheck: (_config$SSRConfig$dis = (_config$SSRConfig2 = config.SSRConfig) === null || _config$SSRConfig2 === void 0 ? void 0 : _config$SSRConfig2.disableSizeAndPositionCheck) !== null && _config$SSRConfig$dis !== void 0 ? _config$SSRConfig$dis : {
-          v: false,
-          h: false
-        }
+        enablePageLayoutPlaceholder: (_config$SSRConfig$ena = (_config$SSRConfig = config.SSRConfig) === null || _config$SSRConfig === void 0 ? void 0 : _config$SSRConfig.enablePageLayoutPlaceholder) !== null && _config$SSRConfig$ena !== void 0 ? _config$SSRConfig$ena : false
       });
     }
     this.viewportObserver = new ViewportObserver({