@atlaskit/react-ufo 4.10.0 → 4.10.1

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @atlaskit/ufo-interaction-ignore
 
+## 4.10.1
+
+### Patch Changes
+
+- [`092ad737a2396`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/092ad737a2396) -
+  handle nested display contents elements in TTVC v4
+- [`63743e34fad29`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/63743e34fad29) -
+  Add an optional arg to func addError and addErrorToAll so that to error hash can be included in
+  UFO messages
+
 ## 4.10.0
 
 ### Minor Changes

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

@@ -588,7 +588,7 @@ var ModuleLoadingProfiler = exports.ModuleLoadingProfiler = {
     removeHoldByID(currentInteractionId, id);
   }
 };
-function addError(interactionId, name, labelStack, errorType, errorMessage, errorStack, forcedError) {
+function addError(interactionId, name, labelStack, errorType, errorMessage, errorStack, forcedError, errorHash) {
   var interaction = _constants.interactions.get(interactionId);
   if (interaction != null) {
     interaction.errors.push({
@@ -597,18 +597,20 @@ function addError(interactionId, name, labelStack, errorType, errorMessage, erro
       errorType: errorType,
       errorMessage: errorMessage,
       errorStack: errorStack,
-      forcedError: forcedError
+      forcedError: forcedError,
+      errorHash: errorHash
     });
   }
 }
-function addErrorToAll(name, labelStack, errorType, errorMessage, errorStack) {
+function addErrorToAll(name, labelStack, errorType, errorMessage, errorStack, errorHash) {
   _constants.interactions.forEach(function (interaction) {
     interaction.errors.push({
       name: name,
       labelStack: labelStack,
       errorType: errorType,
       errorMessage: errorMessage,
-      errorStack: errorStack
+      errorStack: errorStack,
+      errorHash: errorHash
     });
   });
 }

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

@@ -21,6 +21,7 @@ var _mutationObserver = _interopRequireDefault(require("./mutation-observer"));
 var _performanceObserver = _interopRequireDefault(require("./performance-observer"));
 var _checkDisplayContent = _interopRequireDefault(require("./utils/check-display-content"));
 var _checkWithinComponent2 = _interopRequireWildcard(require("./utils/check-within-component"));
+var _getMutatedElements = require("./utils/get-mutated-elements");
 var _isInVcIgnoreIfNoLayoutShiftMarker = _interopRequireDefault(require("./utils/is-in-vc-ignore-if-no-layout-shift-marker"));
 var _trackDisplayContentOccurrence = _interopRequireDefault(require("./utils/track-display-content-occurrence"));
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
@@ -126,7 +127,7 @@ var ViewportObserver = exports.default = /*#__PURE__*/function () {
               _iterator = _createForOfIteratorHelper(addedNodes);
               _context2.prev = 4;
               _loop = /*#__PURE__*/_regenerator.default.mark(function _loop() {
-                var addedNodeRef, addedNode, ssrState, SSRStateEnum, _this$intersectionObs, _this$intersectionObs2, ssrPlaceholderHandler, _this$intersectionObs3, result, _this$intersectionObs4, sameDeletedNode, isInIgnoreLsMarker, _this$intersectionObs5, _this$intersectionObs6, _checkWithinComponent, isWithinThirdPartySegment, _this$intersectionObs7, _window, _iterator2, _step2, child, _this$intersectionObs8, _this$intersectionObs9, validTargets, _iterator3, _step3, _this$intersectionObs0, validTarget, _this$intersectionObs1;
+                var addedNodeRef, addedNode, ssrState, SSRStateEnum, _this$intersectionObs, _this$intersectionObs2, ssrPlaceholderHandler, _this$intersectionObs3, result, _this$intersectionObs4, sameDeletedNode, isInIgnoreLsMarker, _this$intersectionObs5, _this$intersectionObs6, _checkWithinComponent, isWithinThirdPartySegment, _this$intersectionObs7, _iterator2, _step2, _step2$value, isDisplayContentsElementChildren, element, _this$intersectionObs8, _this$intersectionObs9, validTargets, _iterator3, _step3, _this$intersectionObs0, validTarget, _this$intersectionObs1;
                 return _regenerator.default.wrap(function _loop$(_context) {
                   while (1) switch (_context.prev = _context.next) {
                     case 0:
@@ -239,22 +240,20 @@ var ViewportObserver = exports.default = /*#__PURE__*/function () {
                       return _context.abrupt("return", 0);
                     case 45:
                       if ((0, _platformFeatureFlags.fg)('platform_ufo_vcnext_v4_enabled')) {
-                        if (((_window = window) === null || _window === void 0 || (_window = _window.getComputedStyle(addedNode)) === null || _window === void 0 ? void 0 : _window.display) === 'contents') {
-                          _iterator2 = _createForOfIteratorHelper(addedNode.children);
-                          try {
-                            for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-                              child = _step2.value;
-                              if (child instanceof HTMLElement) {
-                                (_this$intersectionObs8 = _this.intersectionObserver) === null || _this$intersectionObs8 === void 0 || _this$intersectionObs8.watchAndTag(child, 'mutation:display-contents-children-element');
-                              }
+                        _iterator2 = _createForOfIteratorHelper((0, _getMutatedElements.getMutatedElements)(addedNode));
+                        try {
+                          for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+                            _step2$value = _step2.value, isDisplayContentsElementChildren = _step2$value.isDisplayContentsElementChildren, element = _step2$value.element;
+                            if (isDisplayContentsElementChildren) {
+                              (_this$intersectionObs8 = _this.intersectionObserver) === null || _this$intersectionObs8 === void 0 || _this$intersectionObs8.watchAndTag(element, 'mutation:display-contents-children-element');
+                            } else {
+                              (_this$intersectionObs9 = _this.intersectionObserver) === null || _this$intersectionObs9 === void 0 || _this$intersectionObs9.watchAndTag(element, createElementMutationsWatcher(removedNodeRects));
                             }
-                          } catch (err) {
-                            _iterator2.e(err);
-                          } finally {
-                            _iterator2.f();
                           }
-                        } else {
-                          (_this$intersectionObs9 = _this.intersectionObserver) === null || _this$intersectionObs9 === void 0 || _this$intersectionObs9.watchAndTag(addedNode, createElementMutationsWatcher(removedNodeRects));
+                        } catch (err) {
+                          _iterator2.e(err);
+                        } finally {
+                          _iterator2.f();
                         }
                       } else {
                         if ((0, _platformFeatureFlags.fg)('platform_ufo_display_content_resolution_ttvc_v3')) {
@@ -401,7 +400,6 @@ var ViewportObserver = exports.default = /*#__PURE__*/function () {
           }
         };
       });
-      // }
     });
     (0, _defineProperty2.default)(this, "handleLayoutShift", function (_ref8) {
       var time = _ref8.time,

package/dist/cjs/vc/vc-observer-new/viewport-observer/utils/get-mutated-elements.js

@@ -0,0 +1,50 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getMutatedElements = getMutatedElements;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+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; }
+var MAX_NESTED_LEVELS_OF_DISPLAY_CONTENT_ELEMENTS_HANDLED = 3;
+function getMutatedElements(element) {
+  var _window;
+  var depthLevel = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+  if (((_window = window) === null || _window === void 0 || (_window = _window.getComputedStyle(element)) === null || _window === void 0 ? void 0 : _window.display) === 'contents') {
+    var mutatedElements = [];
+    var nestedDisplayContentsElementChildren = [];
+    var _iterator = _createForOfIteratorHelper(element.children),
+      _step;
+    try {
+      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+        var _window2;
+        var child = _step.value;
+        if (((_window2 = window) === null || _window2 === void 0 || (_window2 = _window2.getComputedStyle(child)) === null || _window2 === void 0 ? void 0 : _window2.display) === 'contents') {
+          nestedDisplayContentsElementChildren.push(child);
+        }
+        mutatedElements.push({
+          element: child,
+          isDisplayContentsElementChildren: true
+        });
+      }
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
+    }
+    if (depthLevel < MAX_NESTED_LEVELS_OF_DISPLAY_CONTENT_ELEMENTS_HANDLED && nestedDisplayContentsElementChildren.length > 0) {
+      return [].concat(mutatedElements, (0, _toConsumableArray2.default)(nestedDisplayContentsElementChildren.map(function (element) {
+        return getMutatedElements(element, depthLevel + 1);
+      }).flat()));
+    }
+    return mutatedElements;
+  } else {
+    return [{
+      element: element,
+      isDisplayContentsElementChildren: false
+    }];
+  }
+}

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

@@ -507,7 +507,7 @@ export const ModuleLoadingProfiler = {
     removeHoldByID(currentInteractionId, id);
   }
 };
-export function addError(interactionId, name, labelStack, errorType, errorMessage, errorStack, forcedError) {
+export function addError(interactionId, name, labelStack, errorType, errorMessage, errorStack, forcedError, errorHash) {
   const interaction = interactions.get(interactionId);
   if (interaction != null) {
     interaction.errors.push({
@@ -516,18 +516,20 @@ export function addError(interactionId, name, labelStack, errorType, errorMessag
       errorType,
       errorMessage,
       errorStack,
-      forcedError
+      forcedError,
+      errorHash
     });
   }
 }
-export function addErrorToAll(name, labelStack, errorType, errorMessage, errorStack) {
+export function addErrorToAll(name, labelStack, errorType, errorMessage, errorStack, errorHash) {
   interactions.forEach(interaction => {
     interaction.errors.push({
       name,
       labelStack,
       errorType,
       errorMessage,
-      errorStack
+      errorStack,
+      errorHash
     });
   });
 }

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

@@ -9,6 +9,7 @@ import createMutationObserver from './mutation-observer';
 import createPerformanceObserver from './performance-observer';
 import checkCssProperty from './utils/check-display-content';
 import checkWithinComponent, { cleanupCaches } from './utils/check-within-component';
+import { getMutatedElements } from './utils/get-mutated-elements';
 import isInVCIgnoreIfNoLayoutShiftMarker from './utils/is-in-vc-ignore-if-no-layout-shift-marker';
 import trackDisplayContentsOccurrence from './utils/track-display-content-occurrence';
 function isElementVisible(element) {
@@ -188,17 +189,17 @@ export default class ViewportObserver {
           continue;
         }
         if (fg('platform_ufo_vcnext_v4_enabled')) {
-          var _window, _window$getComputedSt;
-          if (((_window = window) === null || _window === void 0 ? void 0 : (_window$getComputedSt = _window.getComputedStyle(addedNode)) === null || _window$getComputedSt === void 0 ? void 0 : _window$getComputedSt.display) === 'contents') {
-            for (const child of addedNode.children) {
-              if (child instanceof HTMLElement) {
-                var _this$intersectionObs8;
-                (_this$intersectionObs8 = this.intersectionObserver) === null || _this$intersectionObs8 === void 0 ? void 0 : _this$intersectionObs8.watchAndTag(child, 'mutation:display-contents-children-element');
-              }
+          for (const {
+            isDisplayContentsElementChildren,
+            element
+          } of getMutatedElements(addedNode)) {
+            if (isDisplayContentsElementChildren) {
+              var _this$intersectionObs8;
+              (_this$intersectionObs8 = this.intersectionObserver) === null || _this$intersectionObs8 === void 0 ? void 0 : _this$intersectionObs8.watchAndTag(element, 'mutation:display-contents-children-element');
+            } else {
+              var _this$intersectionObs9;
+              (_this$intersectionObs9 = this.intersectionObserver) === null || _this$intersectionObs9 === void 0 ? void 0 : _this$intersectionObs9.watchAndTag(element, createElementMutationsWatcher(removedNodeRects));
             }
-          } else {
-            var _this$intersectionObs9;
-            (_this$intersectionObs9 = this.intersectionObserver) === null || _this$intersectionObs9 === void 0 ? void 0 : _this$intersectionObs9.watchAndTag(addedNode, createElementMutationsWatcher(removedNodeRects));
           }
         } else {
           if (fg('platform_ufo_display_content_resolution_ttvc_v3')) {
@@ -299,7 +300,6 @@ export default class ViewportObserver {
           }
         };
       });
-      // }
     });
     _defineProperty(this, "handleLayoutShift", ({
       time,

package/dist/es2019/vc/vc-observer-new/viewport-observer/utils/get-mutated-elements.js

@@ -0,0 +1,27 @@
+const MAX_NESTED_LEVELS_OF_DISPLAY_CONTENT_ELEMENTS_HANDLED = 3;
+export function getMutatedElements(element, depthLevel = 0) {
+  var _window, _window$getComputedSt;
+  if (((_window = window) === null || _window === void 0 ? void 0 : (_window$getComputedSt = _window.getComputedStyle(element)) === null || _window$getComputedSt === void 0 ? void 0 : _window$getComputedSt.display) === 'contents') {
+    const mutatedElements = [];
+    const nestedDisplayContentsElementChildren = [];
+    for (const child of element.children) {
+      var _window2, _window2$getComputedS;
+      if (((_window2 = window) === null || _window2 === void 0 ? void 0 : (_window2$getComputedS = _window2.getComputedStyle(child)) === null || _window2$getComputedS === void 0 ? void 0 : _window2$getComputedS.display) === 'contents') {
+        nestedDisplayContentsElementChildren.push(child);
+      }
+      mutatedElements.push({
+        element: child,
+        isDisplayContentsElementChildren: true
+      });
+    }
+    if (depthLevel < MAX_NESTED_LEVELS_OF_DISPLAY_CONTENT_ELEMENTS_HANDLED && nestedDisplayContentsElementChildren.length > 0) {
+      return [...mutatedElements, ...nestedDisplayContentsElementChildren.map(element => getMutatedElements(element, depthLevel + 1)).flat()];
+    }
+    return mutatedElements;
+  } else {
+    return [{
+      element,
+      isDisplayContentsElementChildren: false
+    }];
+  }
+}

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

@@ -542,7 +542,7 @@ export var ModuleLoadingProfiler = {
     removeHoldByID(currentInteractionId, id);
   }
 };
-export function addError(interactionId, name, labelStack, errorType, errorMessage, errorStack, forcedError) {
+export function addError(interactionId, name, labelStack, errorType, errorMessage, errorStack, forcedError, errorHash) {
   var interaction = interactions.get(interactionId);
   if (interaction != null) {
     interaction.errors.push({
@@ -551,18 +551,20 @@ export function addError(interactionId, name, labelStack, errorType, errorMessag
       errorType: errorType,
       errorMessage: errorMessage,
       errorStack: errorStack,
-      forcedError: forcedError
+      forcedError: forcedError,
+      errorHash: errorHash
     });
   }
 }
-export function addErrorToAll(name, labelStack, errorType, errorMessage, errorStack) {
+export function addErrorToAll(name, labelStack, errorType, errorMessage, errorStack, errorHash) {
   interactions.forEach(function (interaction) {
     interaction.errors.push({
       name: name,
       labelStack: labelStack,
       errorType: errorType,
       errorMessage: errorMessage,
-      errorStack: errorStack
+      errorStack: errorStack,
+      errorHash: errorHash
     });
   });
 }

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

@@ -16,6 +16,7 @@ import createMutationObserver from './mutation-observer';
 import createPerformanceObserver from './performance-observer';
 import checkCssProperty from './utils/check-display-content';
 import checkWithinComponent, { cleanupCaches } from './utils/check-within-component';
+import { getMutatedElements } from './utils/get-mutated-elements';
 import isInVCIgnoreIfNoLayoutShiftMarker from './utils/is-in-vc-ignore-if-no-layout-shift-marker';
 import trackDisplayContentsOccurrence from './utils/track-display-content-occurrence';
 function isElementVisible(element) {
@@ -117,7 +118,7 @@ var ViewportObserver = /*#__PURE__*/function () {
               _iterator = _createForOfIteratorHelper(addedNodes);
               _context2.prev = 4;
               _loop = /*#__PURE__*/_regeneratorRuntime.mark(function _loop() {
-                var addedNodeRef, addedNode, ssrState, SSRStateEnum, _this$intersectionObs, _this$intersectionObs2, ssrPlaceholderHandler, _this$intersectionObs3, result, _this$intersectionObs4, sameDeletedNode, isInIgnoreLsMarker, _this$intersectionObs5, _this$intersectionObs6, _checkWithinComponent, isWithinThirdPartySegment, _this$intersectionObs7, _window, _iterator2, _step2, child, _this$intersectionObs8, _this$intersectionObs9, validTargets, _iterator3, _step3, _this$intersectionObs0, validTarget, _this$intersectionObs1;
+                var addedNodeRef, addedNode, ssrState, SSRStateEnum, _this$intersectionObs, _this$intersectionObs2, ssrPlaceholderHandler, _this$intersectionObs3, result, _this$intersectionObs4, sameDeletedNode, isInIgnoreLsMarker, _this$intersectionObs5, _this$intersectionObs6, _checkWithinComponent, isWithinThirdPartySegment, _this$intersectionObs7, _iterator2, _step2, _step2$value, isDisplayContentsElementChildren, element, _this$intersectionObs8, _this$intersectionObs9, validTargets, _iterator3, _step3, _this$intersectionObs0, validTarget, _this$intersectionObs1;
                 return _regeneratorRuntime.wrap(function _loop$(_context) {
                   while (1) switch (_context.prev = _context.next) {
                     case 0:
@@ -230,22 +231,20 @@ var ViewportObserver = /*#__PURE__*/function () {
                       return _context.abrupt("return", 0);
                     case 45:
                       if (fg('platform_ufo_vcnext_v4_enabled')) {
-                        if (((_window = window) === null || _window === void 0 || (_window = _window.getComputedStyle(addedNode)) === null || _window === void 0 ? void 0 : _window.display) === 'contents') {
-                          _iterator2 = _createForOfIteratorHelper(addedNode.children);
-                          try {
-                            for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-                              child = _step2.value;
-                              if (child instanceof HTMLElement) {
-                                (_this$intersectionObs8 = _this.intersectionObserver) === null || _this$intersectionObs8 === void 0 || _this$intersectionObs8.watchAndTag(child, 'mutation:display-contents-children-element');
-                              }
+                        _iterator2 = _createForOfIteratorHelper(getMutatedElements(addedNode));
+                        try {
+                          for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+                            _step2$value = _step2.value, isDisplayContentsElementChildren = _step2$value.isDisplayContentsElementChildren, element = _step2$value.element;
+                            if (isDisplayContentsElementChildren) {
+                              (_this$intersectionObs8 = _this.intersectionObserver) === null || _this$intersectionObs8 === void 0 || _this$intersectionObs8.watchAndTag(element, 'mutation:display-contents-children-element');
+                            } else {
+                              (_this$intersectionObs9 = _this.intersectionObserver) === null || _this$intersectionObs9 === void 0 || _this$intersectionObs9.watchAndTag(element, createElementMutationsWatcher(removedNodeRects));
                             }
-                          } catch (err) {
-                            _iterator2.e(err);
-                          } finally {
-                            _iterator2.f();
                           }
-                        } else {
-                          (_this$intersectionObs9 = _this.intersectionObserver) === null || _this$intersectionObs9 === void 0 || _this$intersectionObs9.watchAndTag(addedNode, createElementMutationsWatcher(removedNodeRects));
+                        } catch (err) {
+                          _iterator2.e(err);
+                        } finally {
+                          _iterator2.f();
                         }
                       } else {
                         if (fg('platform_ufo_display_content_resolution_ttvc_v3')) {
@@ -392,7 +391,6 @@ var ViewportObserver = /*#__PURE__*/function () {
           }
         };
       });
-      // }
     });
     _defineProperty(this, "handleLayoutShift", function (_ref8) {
       var time = _ref8.time,

package/dist/esm/vc/vc-observer-new/viewport-observer/utils/get-mutated-elements.js

@@ -0,0 +1,43 @@
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+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; }
+var MAX_NESTED_LEVELS_OF_DISPLAY_CONTENT_ELEMENTS_HANDLED = 3;
+export function getMutatedElements(element) {
+  var _window;
+  var depthLevel = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+  if (((_window = window) === null || _window === void 0 || (_window = _window.getComputedStyle(element)) === null || _window === void 0 ? void 0 : _window.display) === 'contents') {
+    var mutatedElements = [];
+    var nestedDisplayContentsElementChildren = [];
+    var _iterator = _createForOfIteratorHelper(element.children),
+      _step;
+    try {
+      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+        var _window2;
+        var child = _step.value;
+        if (((_window2 = window) === null || _window2 === void 0 || (_window2 = _window2.getComputedStyle(child)) === null || _window2 === void 0 ? void 0 : _window2.display) === 'contents') {
+          nestedDisplayContentsElementChildren.push(child);
+        }
+        mutatedElements.push({
+          element: child,
+          isDisplayContentsElementChildren: true
+        });
+      }
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
+    }
+    if (depthLevel < MAX_NESTED_LEVELS_OF_DISPLAY_CONTENT_ELEMENTS_HANDLED && nestedDisplayContentsElementChildren.length > 0) {
+      return [].concat(mutatedElements, _toConsumableArray(nestedDisplayContentsElementChildren.map(function (element) {
+        return getMutatedElements(element, depthLevel + 1);
+      }).flat()));
+    }
+    return mutatedElements;
+  } else {
+    return [{
+      element: element,
+      isDisplayContentsElementChildren: false
+    }];
+  }
+}

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

@@ -37,6 +37,7 @@ export interface InteractionError {
     errorMessage: string;
     errorStack?: string;
     forcedError?: boolean;
+    errorHash?: string;
 }
 interface FlushInfo {
     label?: string;

package/dist/types/create-interaction-extra-metrics-payload/index.d.ts

@@ -31,6 +31,7 @@ declare function createInteractionExtraLogPayload(interactionId: string, interac
                     errorMessage: string;
                     errorStack?: string;
                     forcedError?: boolean;
+                    errorHash?: string;
                 }[];
                 holdActive: import("../common").HoldActive[];
                 holdInfo: any[];