@atlaskit/react-ufo 4.15.7 → 4.15.8

package/dist/cjs/create-post-interaction-log-payload/get-late-mutations.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 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; }
@@ -38,9 +37,9 @@ function getLateMutations(vcDetails) {
           element: element,
           viewportHeatmapPercentage: (postInteractionFinishVCRatios === null || postInteractionFinishVCRatios === void 0 ? void 0 : postInteractionFinishVCRatios[element]) || 0
         };
-        if (labelStacks && (0, _platformFeatureFlags.fg)('platform_ufo_enable_late_mutation_label_stacks')) {
+        if (labelStacks) {
           var labels = labelStacks[element];
-          if (labels) {
+          if (labels && typeof labels !== 'string') {
             lateMutation.segment = labels.segment;
             lateMutation.labelStack = labels.labelStack;
           }

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

@@ -88,7 +88,7 @@ var VCObserverNew = exports.default = /*#__PURE__*/function () {
           oldValue: mutationData === null || mutationData === void 0 ? void 0 : mutationData.oldValue,
           newValue: mutationData === null || mutationData === void 0 ? void 0 : mutationData.newValue
         };
-        if (element && _this.isPostInteraction && (0, _platformFeatureFlags.fg)('platform_ufo_enable_late_mutation_label_stacks')) {
+        if (element && (_this.isPostInteraction || (0, _platformFeatureFlags.fg)('platform_ufo_add_segment_names_to_dom_offenders'))) {
           var labelStacks = getLabelStacks(element);
           if (labelStacks) {
             Object.assign(data, {

package/dist/cjs/vc/vc-observer-new/metric-calculator/abstract-base-vc-calculator.js

@@ -83,7 +83,7 @@ var AbstractVCCalculatorBase = exports.default = /*#__PURE__*/function () {
     }
   }, {
     key: "getLabelStacks",
-    value: function getLabelStacks(filteredEntries) {
+    value: function getLabelStacks(filteredEntries, isPostInteraction) {
       var labelStacks = {};
       var _iterator3 = _createForOfIteratorHelper(filteredEntries),
         _step3;
@@ -91,10 +91,14 @@ var AbstractVCCalculatorBase = exports.default = /*#__PURE__*/function () {
         for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
           var _entry2 = _step3.value;
           if ('elementName' in _entry2.data && _entry2.data.labelStacks) {
-            labelStacks[_entry2.data.elementName] = {
-              segment: _entry2.data.labelStacks.segment,
-              labelStack: _entry2.data.labelStacks.labelStack
-            };
+            if (isPostInteraction) {
+              labelStacks[_entry2.data.elementName] = {
+                segment: _entry2.data.labelStacks.segment,
+                labelStack: _entry2.data.labelStacks.labelStack
+              };
+            } else if ((0, _platformFeatureFlags.fg)('platform_ufo_add_segment_names_to_dom_offenders')) {
+              labelStacks[_entry2.data.elementName] = _entry2.data.labelStacks.labelStack;
+            }
           }
         }
       } catch (err) {
@@ -415,8 +419,8 @@ var AbstractVCCalculatorBase = exports.default = /*#__PURE__*/function () {
               if (ssrRatio !== -1) {
                 result.ssrRatio = ssrRatio;
               }
-              if (isPostInteraction) {
-                result.labelStacks = this.getLabelStacks(filteredEntries);
+              if (isPostInteraction || (0, _platformFeatureFlags.fg)('platform_ufo_add_segment_names_to_dom_offenders')) {
+                result.labelStacks = this.getLabelStacks(filteredEntries, isPostInteraction);
               }
               return _context2.abrupt("return", result);
             case 17:

package/dist/cjs/vc/vc-observer-new/raw-data-handler/index.js

@@ -123,7 +123,7 @@ var RawDataHandler = exports.default = /*#__PURE__*/function () {
                   }
                 }
                 var observation = _objectSpread({
-                  t: Math.round(entry.time),
+                  t: Math.round(entry.time - startTime),
                   r: [Math.round(rect.left * 10) / 10, Math.round(rect.top * 10) / 10, Math.round(rect.right * 10) / 10, Math.round(rect.bottom * 10) / 10],
                   chg: chg,
                   eid: eid || 0

package/dist/es2019/create-post-interaction-log-payload/get-late-mutations.js

@@ -1,4 +1,3 @@
-import { fg } from '@atlaskit/platform-feature-flags';
 function getLateMutations(vcDetails, labelStacks = {}, lastInteractionFinish, postInteractionFinishVCRatios) {
   // Map to track which elements are already seen for each timestamp
   const seen = new Map();
@@ -22,9 +21,9 @@ function getLateMutations(vcDetails, labelStacks = {}, lastInteractionFinish, po
         element,
         viewportHeatmapPercentage: (postInteractionFinishVCRatios === null || postInteractionFinishVCRatios === void 0 ? void 0 : postInteractionFinishVCRatios[element]) || 0
       };
-      if (labelStacks && fg('platform_ufo_enable_late_mutation_label_stacks')) {
+      if (labelStacks) {
         const labels = labelStacks[element];
-        if (labels) {
+        if (labels && typeof labels !== 'string') {
           lateMutation.segment = labels.segment;
           lateMutation.labelStack = labels.labelStack;
         }

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

@@ -74,7 +74,7 @@ export default class VCObserverNew {
           oldValue: mutationData === null || mutationData === void 0 ? void 0 : mutationData.oldValue,
           newValue: mutationData === null || mutationData === void 0 ? void 0 : mutationData.newValue
         };
-        if (element && this.isPostInteraction && fg('platform_ufo_enable_late_mutation_label_stacks')) {
+        if (element && (this.isPostInteraction || fg('platform_ufo_add_segment_names_to_dom_offenders'))) {
           const labelStacks = getLabelStacks(element);
           if (labelStacks) {
             Object.assign(data, {

package/dist/es2019/vc/vc-observer-new/metric-calculator/abstract-base-vc-calculator.js

@@ -39,14 +39,18 @@ export default class AbstractVCCalculatorBase {
     }
     return ratios;
   }
-  getLabelStacks(filteredEntries) {
+  getLabelStacks(filteredEntries, isPostInteraction) {
     const labelStacks = {};
     for (const entry of filteredEntries) {
       if ('elementName' in entry.data && entry.data.labelStacks) {
-        labelStacks[entry.data.elementName] = {
-          segment: entry.data.labelStacks.segment,
-          labelStack: entry.data.labelStacks.labelStack
-        };
+        if (isPostInteraction) {
+          labelStacks[entry.data.elementName] = {
+            segment: entry.data.labelStacks.segment,
+            labelStack: entry.data.labelStacks.labelStack
+          };
+        } else if (fg('platform_ufo_add_segment_names_to_dom_offenders')) {
+          labelStacks[entry.data.elementName] = entry.data.labelStacks.labelStack;
+        }
       }
     }
     return labelStacks;
@@ -300,8 +304,8 @@ export default class AbstractVCCalculatorBase {
     if (ssrRatio !== -1) {
       result.ssrRatio = ssrRatio;
     }
-    if (isPostInteraction) {
-      result.labelStacks = this.getLabelStacks(filteredEntries);
+    if (isPostInteraction || fg('platform_ufo_add_segment_names_to_dom_offenders')) {
+      result.labelStacks = this.getLabelStacks(filteredEntries, isPostInteraction);
     }
     return result;
   }

package/dist/es2019/vc/vc-observer-new/raw-data-handler/index.js

@@ -100,7 +100,7 @@ export default class RawDataHandler {
         }
       }
       const observation = {
-        t: Math.round(entry.time),
+        t: Math.round(entry.time - startTime),
         r: [Math.round(rect.left * 10) / 10, Math.round(rect.top * 10) / 10, Math.round(rect.right * 10) / 10, Math.round(rect.bottom * 10) / 10],
         chg,
         eid: eid || 0,

package/dist/esm/create-post-interaction-log-payload/get-late-mutations.js

@@ -1,7 +1,6 @@
 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; }
-import { fg } from '@atlaskit/platform-feature-flags';
 function getLateMutations(vcDetails) {
   var labelStacks = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   var lastInteractionFinish = arguments.length > 2 ? arguments[2] : undefined;
@@ -32,9 +31,9 @@ function getLateMutations(vcDetails) {
           element: element,
           viewportHeatmapPercentage: (postInteractionFinishVCRatios === null || postInteractionFinishVCRatios === void 0 ? void 0 : postInteractionFinishVCRatios[element]) || 0
         };
-        if (labelStacks && fg('platform_ufo_enable_late_mutation_label_stacks')) {
+        if (labelStacks) {
           var labels = labelStacks[element];
-          if (labels) {
+          if (labels && typeof labels !== 'string') {
             lateMutation.segment = labels.segment;
             lateMutation.labelStack = labels.labelStack;
           }

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

@@ -81,7 +81,7 @@ var VCObserverNew = /*#__PURE__*/function () {
           oldValue: mutationData === null || mutationData === void 0 ? void 0 : mutationData.oldValue,
           newValue: mutationData === null || mutationData === void 0 ? void 0 : mutationData.newValue
         };
-        if (element && _this.isPostInteraction && fg('platform_ufo_enable_late_mutation_label_stacks')) {
+        if (element && (_this.isPostInteraction || fg('platform_ufo_add_segment_names_to_dom_offenders'))) {
           var labelStacks = getLabelStacks(element);
           if (labelStacks) {
             Object.assign(data, {

package/dist/esm/vc/vc-observer-new/metric-calculator/abstract-base-vc-calculator.js

@@ -77,7 +77,7 @@ var AbstractVCCalculatorBase = /*#__PURE__*/function () {
     }
   }, {
     key: "getLabelStacks",
-    value: function getLabelStacks(filteredEntries) {
+    value: function getLabelStacks(filteredEntries, isPostInteraction) {
       var labelStacks = {};
       var _iterator3 = _createForOfIteratorHelper(filteredEntries),
         _step3;
@@ -85,10 +85,14 @@ var AbstractVCCalculatorBase = /*#__PURE__*/function () {
         for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
           var _entry2 = _step3.value;
           if ('elementName' in _entry2.data && _entry2.data.labelStacks) {
-            labelStacks[_entry2.data.elementName] = {
-              segment: _entry2.data.labelStacks.segment,
-              labelStack: _entry2.data.labelStacks.labelStack
-            };
+            if (isPostInteraction) {
+              labelStacks[_entry2.data.elementName] = {
+                segment: _entry2.data.labelStacks.segment,
+                labelStack: _entry2.data.labelStacks.labelStack
+              };
+            } else if (fg('platform_ufo_add_segment_names_to_dom_offenders')) {
+              labelStacks[_entry2.data.elementName] = _entry2.data.labelStacks.labelStack;
+            }
           }
         }
       } catch (err) {
@@ -409,8 +413,8 @@ var AbstractVCCalculatorBase = /*#__PURE__*/function () {
               if (ssrRatio !== -1) {
                 result.ssrRatio = ssrRatio;
               }
-              if (isPostInteraction) {
-                result.labelStacks = this.getLabelStacks(filteredEntries);
+              if (isPostInteraction || fg('platform_ufo_add_segment_names_to_dom_offenders')) {
+                result.labelStacks = this.getLabelStacks(filteredEntries, isPostInteraction);
               }
               return _context2.abrupt("return", result);
             case 17:

package/dist/esm/vc/vc-observer-new/raw-data-handler/index.js

@@ -116,7 +116,7 @@ var RawDataHandler = /*#__PURE__*/function () {
                   }
                 }
                 var observation = _objectSpread({
-                  t: Math.round(entry.time),
+                  t: Math.round(entry.time - startTime),
                   r: [Math.round(rect.left * 10) / 10, Math.round(rect.top * 10) / 10, Math.round(rect.right * 10) / 10, Math.round(rect.bottom * 10) / 10],
                   chg: chg,
                   eid: eid || 0

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

@@ -18,7 +18,7 @@ export type VCLabelStacks = {
     [elementName: string]: {
         segment: string;
         labelStack: string;
-    };
+    } | string;
 };
 export type VCRawDataType = {
     abortReasonInfo: string | null;

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

@@ -18,7 +18,7 @@ export type VCLabelStacks = {
     [elementName: string]: {
         segment: string;
         labelStack: string;
-    };
+    } | string;
 };
 export type VCRawDataType = {
     abortReasonInfo: string | null;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/react-ufo",
-	"version": "4.15.7",
+	"version": "4.15.8",
 	"description": "Parts of React UFO that are publicly available",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -143,7 +143,7 @@
 		"platform_ufo_enable_late_holds_post_interaction": {
 			"type": "boolean"
 		},
-		"platform_ufo_enable_late_mutation_label_stacks": {
+		"platform_ufo_add_segment_names_to_dom_offenders": {
 			"type": "boolean"
 		},
 		"platform_ufo_filter_cls_logs_same_rects_positions": {