@atlaskit/react-ufo 4.13.0 → 4.14.0

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/ufo-interaction-ignore
 
+## 4.14.0
+
+### Minor Changes
+
+- [`55c867098e0ab`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/55c867098e0ab) -
+  Added battery info and webdriver
+
+## 4.13.1
+
+### Patch Changes
+
+- [`8dedd89369b84`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/8dedd89369b84) -
+  Exclude 3p from attribute change behind feature gate
+
 ## 4.13.0
 
 ### Minor Changes

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

@@ -35,6 +35,7 @@ var ssr = _interopRequireWildcard(require("../ssr"));
 var _utils = require("./common/utils");
 var _criticalMetricsPayload = require("./critical-metrics-payload");
 var _addPerformanceMeasures = require("./utils/add-performance-measures");
+var _getBatteryInfo = require("./utils/get-battery-info");
 var _getBrowserMetadata = require("./utils/get-browser-metadata");
 var _getInteractionStatus = _interopRequireDefault(require("./utils/get-interaction-status"));
 var _getMoreAccuratePageVisibilityUpToTtai = require("./utils/get-more-accurate-page-visibility-up-to-ttai");
@@ -397,7 +398,7 @@ function createInteractionMetricsPayload(_x, _x2, _x3, _x4, _x5) {
 function _createInteractionMetricsPayload() {
   _createInteractionMetricsPayload = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(interaction, interactionId, experimental, criticalPayloadCount, vcMetrics) {
     var _window$location, _config$additionalPay;
-    var interactionPayloadStart, config, end, start, ufoName, knownSegments, rate, type, abortReason, routeName, featureFlags, previousInteractionName, isPreviousInteractionAborted, abortedByInteractionName, responsiveness, unknownElementName, unknownElementHierarchy, hydration, pageVisibilityAtTTI, pageVisibilityAtTTAI, segments, segmentTree, isDetailedPayload, isPageLoad, calculatePageVisibilityFromTheStartOfPageLoad, moreAccuratePageVisibilityAtTTI, moreAccuratePageVisibilityAtTTAI, labelStack, getInitialPageLoadSSRMetrics, pageLoadInteractionMetrics, getDetailedInteractionMetrics, getPageLoadDetailedInteractionMetrics, newUFOName, resourceTimings, _yield$Promise$all, _yield$Promise$all2, finalVCMetrics, experimentalMetrics, paintMetrics, getReactHydrationStats, payload;
+    var interactionPayloadStart, config, end, start, ufoName, knownSegments, rate, type, abortReason, routeName, featureFlags, previousInteractionName, isPreviousInteractionAborted, abortedByInteractionName, responsiveness, unknownElementName, unknownElementHierarchy, hydration, pageVisibilityAtTTI, pageVisibilityAtTTAI, segments, segmentTree, isDetailedPayload, isPageLoad, calculatePageVisibilityFromTheStartOfPageLoad, moreAccuratePageVisibilityAtTTI, moreAccuratePageVisibilityAtTTAI, labelStack, getInitialPageLoadSSRMetrics, pageLoadInteractionMetrics, getDetailedInteractionMetrics, getPageLoadDetailedInteractionMetrics, newUFOName, resourceTimings, _yield$Promise$all, _yield$Promise$all2, finalVCMetrics, experimentalMetrics, paintMetrics, batteryInfo, getReactHydrationStats, payload;
     return _regenerator.default.wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
@@ -510,15 +511,17 @@ function _createInteractionMetricsPayload() {
           _context.t2 = _context.t1;
           _context.t3 = experimental ? (0, _createExperimentalInteractionMetricsPayload.getExperimentalVCMetrics)(interaction) : Promise.resolve(undefined);
           _context.t4 = (0, _getPaintMetrics.getPaintMetricsToLegacyFormat)(type, end);
-          _context.t5 = [_context.t2, _context.t3, _context.t4];
-          _context.next = 34;
-          return _context.t0.all.call(_context.t0, _context.t5);
-        case 34:
+          _context.t5 = (0, _getBatteryInfo.getBatteryInfoToLegacyFormat)();
+          _context.t6 = [_context.t2, _context.t3, _context.t4, _context.t5];
+          _context.next = 35;
+          return _context.t0.all.call(_context.t0, _context.t6);
+        case 35:
           _yield$Promise$all = _context.sent;
-          _yield$Promise$all2 = (0, _slicedToArray2.default)(_yield$Promise$all, 3);
+          _yield$Promise$all2 = (0, _slicedToArray2.default)(_yield$Promise$all, 4);
           finalVCMetrics = _yield$Promise$all2[0];
           experimentalMetrics = _yield$Promise$all2[1];
           paintMetrics = _yield$Promise$all2[2];
+          batteryInfo = _yield$Promise$all2[3];
           if (!experimental) {
             (0, _addPerformanceMeasures.addPerformanceMeasures)(interaction.start, (0, _toConsumableArray2.default)((finalVCMetrics === null || finalVCMetrics === void 0 ? void 0 : finalVCMetrics['ufo:vc:rev']) || []));
           }
@@ -537,7 +540,7 @@ function _createInteractionMetricsPayload() {
             source: 'measured',
             tags: ['observability'],
             attributes: {
-              properties: _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
+              properties: _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
                 // basic
                 'event:hostname': ((_window$location = window.location) === null || _window$location === void 0 ? void 0 : _window$location.hostname) || 'unknown',
                 'event:product': config.product,
@@ -556,7 +559,7 @@ function _createInteractionMetricsPayload() {
               }, criticalPayloadCount !== undefined ? {
                 'ufo:multipayload': true,
                 'ufo:criticalPayloadCount': criticalPayloadCount
-              } : {}), (0, _getBrowserMetadata.getBrowserMetadataToLegacyFormat)()), getSSRProperties(type)), getAssetsMetrics(interaction, pageLoadInteractionMetrics === null || pageLoadInteractionMetrics === void 0 ? void 0 : pageLoadInteractionMetrics.SSRDoneTime)), getPPSMetrics(interaction)), paintMetrics), (0, _getNavigationMetrics.getNavigationMetricsToLegacyFormat)(type)), finalVCMetrics), experimentalMetrics), (_config$additionalPay = config.additionalPayloadData) === null || _config$additionalPay === void 0 ? void 0 : _config$additionalPay.call(config, interaction)), getTracingContextData(interaction)), getStylesheetMetrics()), getErrorCounts(interaction)), getReactHydrationStats()), {}, {
+              } : {}), (0, _getBrowserMetadata.getBrowserMetadataToLegacyFormat)()), batteryInfo), getSSRProperties(type)), getAssetsMetrics(interaction, pageLoadInteractionMetrics === null || pageLoadInteractionMetrics === void 0 ? void 0 : pageLoadInteractionMetrics.SSRDoneTime)), getPPSMetrics(interaction)), paintMetrics), (0, _getNavigationMetrics.getNavigationMetricsToLegacyFormat)(type)), finalVCMetrics), experimentalMetrics), (_config$additionalPay = config.additionalPayloadData) === null || _config$additionalPay === void 0 ? void 0 : _config$additionalPay.call(config, interaction)), getTracingContextData(interaction)), getStylesheetMetrics()), getErrorCounts(interaction)), getReactHydrationStats()), {}, {
                 interactionMetrics: _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
                   namePrefix: config.namePrefix || '',
                   segmentPrefix: config.segmentPrefix || '',
@@ -603,7 +606,7 @@ function _createInteractionMetricsPayload() {
           }
           payload.attributes.properties['event:sizeInKb'] = (0, _getPayloadSize.default)(payload.attributes.properties);
           return _context.abrupt("return", payload);
-        case 45:
+        case 47:
         case "end":
           return _context.stop();
       }

package/dist/cjs/create-payload/utils/get-battery-info.js

@@ -0,0 +1,97 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = getBatteryInfo;
+exports.getBatteryInfoToLegacyFormat = getBatteryInfoToLegacyFormat;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+// Type definitions for battery info
+// Main function returns compact nested format
+function getBatteryInfo() {
+  return _getBatteryInfo.apply(this, arguments);
+} // Helper function to get battery info in legacy colon format for backward compatibility
+function _getBatteryInfo() {
+  _getBatteryInfo = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
+    var battery;
+    return _regenerator.default.wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          if ((0, _platformFeatureFlags.fg)('react_ufo_battery_info')) {
+            _context.next = 2;
+            break;
+          }
+          return _context.abrupt("return", {});
+        case 2:
+          if (!(typeof navigator === 'undefined')) {
+            _context.next = 4;
+            break;
+          }
+          return _context.abrupt("return", {});
+        case 4:
+          _context.prev = 4;
+          if (!('getBattery' in navigator)) {
+            _context.next = 11;
+            break;
+          }
+          _context.next = 8;
+          return navigator.getBattery();
+        case 8:
+          battery = _context.sent;
+          if (!(battery && typeof battery.level === 'number' && typeof battery.charging === 'boolean')) {
+            _context.next = 11;
+            break;
+          }
+          return _context.abrupt("return", {
+            level: Math.round(battery.level * 100) / 100,
+            // Round to 0.01
+            charging: battery.charging
+          });
+        case 11:
+          _context.next = 15;
+          break;
+        case 13:
+          _context.prev = 13;
+          _context.t0 = _context["catch"](4);
+        case 15:
+          return _context.abrupt("return", {});
+        case 16:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee, null, [[4, 13]]);
+  }));
+  return _getBatteryInfo.apply(this, arguments);
+}
+function getBatteryInfoToLegacyFormat() {
+  return _getBatteryInfoToLegacyFormat.apply(this, arguments);
+}
+function _getBatteryInfoToLegacyFormat() {
+  _getBatteryInfoToLegacyFormat = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
+    var battery, legacyFormat;
+    return _regenerator.default.wrap(function _callee2$(_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          _context2.next = 2;
+          return getBatteryInfo();
+        case 2:
+          battery = _context2.sent;
+          legacyFormat = {};
+          if (battery.level !== undefined) {
+            legacyFormat['event:battery:level'] = battery.level;
+          }
+          if (battery.charging !== undefined) {
+            legacyFormat['event:battery:charging'] = battery.charging;
+          }
+          return _context2.abrupt("return", legacyFormat);
+        case 7:
+        case "end":
+          return _context2.stop();
+      }
+    }, _callee2);
+  }));
+  return _getBatteryInfoToLegacyFormat.apply(this, arguments);
+}

package/dist/cjs/vc/vc-observer-new/metric-calculator/fy25_03/index.js

@@ -25,6 +25,7 @@ var getConsideredEntryTypes = function getConsideredEntryTypes(include3p) {
   // including the tags into the ConsideredEntryTypes so that it won't be ignored for TTVC calculation
   if (!(0, _platformFeatureFlags.fg)('platform_ufo_exclude_3p_elements_from_ttvc') || include3p) {
     entryTypes.push('mutation:third-party-element');
+    entryTypes.push('mutation:third-party-attribute');
   }
   if ((0, _platformFeatureFlags.fg)('platform_ufo_enable_media_for_ttvc_v3')) {
     entryTypes.push('mutation:media');

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

@@ -13,13 +13,12 @@ var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/creat
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _vcUtils = require("../../vc-observer/media-wrapper/vc-utils");
-var _isDndStyleMutation = _interopRequireDefault(require("../../vc-observer/observers/non-visual-styles/is-dnd-style-mutation"));
 var _isNonVisualStyleMutation = _interopRequireDefault(require("../../vc-observer/observers/non-visual-styles/is-non-visual-style-mutation"));
 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 _checkWithinComponent2 = _interopRequireWildcard(require("./utils/check-within-component"));
+var _checkWithinComponent3 = _interopRequireWildcard(require("./utils/check-within-component"));
 var _getMutatedElements = require("./utils/get-mutated-elements");
 var _isElementVisible = require("./utils/is-element-visible");
 var _isInVcIgnoreIfNoLayoutShiftMarker = _interopRequireDefault(require("./utils/is-in-vc-ignore-if-no-layout-shift-marker"));
@@ -215,7 +214,7 @@ var ViewportObserver = exports.default = /*#__PURE__*/function () {
                               (_this$intersectionObs6 = _this.intersectionObserver) === null || _this$intersectionObs6 === void 0 || _this$intersectionObs6.watchAndTag(element, 'mutation:media');
                               return _context.abrupt("return", 0);
                             case 38:
-                              _ref6 = element instanceof HTMLElement ? (0, _checkWithinComponent2.default)(element, 'UFOThirdPartySegment', _this.mapIs3pResult) : {
+                              _ref6 = element instanceof HTMLElement ? (0, _checkWithinComponent3.default)(element, 'UFOThirdPartySegment', _this.mapIs3pResult) : {
                                 isWithin: false
                               }, isWithinThirdPartySegment = _ref6.isWithin;
                               if (!isWithinThirdPartySegment) {
@@ -360,7 +359,7 @@ var ViewportObserver = exports.default = /*#__PURE__*/function () {
                       (_this$intersectionObs13 = _this.intersectionObserver) === null || _this$intersectionObs13 === void 0 || _this$intersectionObs13.watchAndTag(addedNode, 'mutation:media');
                       return _context2.abrupt("return", 0);
                     case 63:
-                      _checkWithinComponent = (0, _checkWithinComponent2.default)(addedNode, 'UFOThirdPartySegment', _this.mapIs3pResult), isWithinThirdPartySegment = _checkWithinComponent.isWithin;
+                      _checkWithinComponent = (0, _checkWithinComponent3.default)(addedNode, 'UFOThirdPartySegment', _this.mapIs3pResult), isWithinThirdPartySegment = _checkWithinComponent.isWithin;
                       if (!isWithinThirdPartySegment) {
                         _context2.next = 67;
                         break;
@@ -446,20 +445,19 @@ var ViewportObserver = exports.default = /*#__PURE__*/function () {
             }
           };
         }
-        if ((0, _isDndStyleMutation.default)({
-          target: target,
-          attributeName: attributeName,
-          oldValue: oldValue,
-          newValue: newValue
-        })) {
-          return {
-            type: 'mutation:attribute:non-visual-style',
-            mutationData: {
-              attributeName: attributeName,
-              oldValue: oldValue,
-              newValue: newValue
-            }
-          };
+        if ((0, _platformFeatureFlags.fg)('platform_ufo_exclude_3p_attribute_changes')) {
+          var _checkWithinComponent2 = (0, _checkWithinComponent3.default)(target, 'UFOThirdPartySegment', _this.mapIs3pResult),
+            isWithinThirdPartySegment = _checkWithinComponent2.isWithin;
+          if (isWithinThirdPartySegment) {
+            return {
+              type: 'mutation:third-party-attribute',
+              mutationData: {
+                attributeName: attributeName,
+                oldValue: oldValue,
+                newValue: newValue
+              }
+            };
+          }
         }
         if ((0, _isNonVisualStyleMutation.default)({
           target: target,
@@ -597,7 +595,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, _checkWithinComponent2.cleanupCaches)(this.mapIs3pResult);
+      (0, _checkWithinComponent3.cleanupCaches)(this.mapIs3pResult);
     }
   }]);
 }();

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

@@ -22,6 +22,7 @@ import * as ssr from '../ssr';
 import { buildSegmentTree, getOldSegmentsLabelStack, labelStackStartWith, optimizeLabelStack, sanitizeUfoName, stringifyLabelStackFully } from './common/utils';
 import { createCriticalMetricsPayloads } from './critical-metrics-payload';
 import { addPerformanceMeasures } from './utils/add-performance-measures';
+import { getBatteryInfoToLegacyFormat } from './utils/get-battery-info';
 import { getBrowserMetadataToLegacyFormat } from './utils/get-browser-metadata';
 import getInteractionStatus from './utils/get-interaction-status';
 import { getMoreAccuratePageVisibilityUpToTTAI } from './utils/get-more-accurate-page-visibility-up-to-ttai';
@@ -499,7 +500,7 @@ async function createInteractionMetricsPayload(interaction, interactionId, exper
   }
   const newUFOName = sanitizeUfoName(ufoName);
   const resourceTimings = getResourceTimings(start, end);
-  const [finalVCMetrics, experimentalMetrics, paintMetrics] = await Promise.all([vcMetrics || (await getVCMetrics(interaction)), experimental ? getExperimentalVCMetrics(interaction) : Promise.resolve(undefined), getPaintMetricsToLegacyFormat(type, end)]);
+  const [finalVCMetrics, experimentalMetrics, paintMetrics, batteryInfo] = await Promise.all([vcMetrics || (await getVCMetrics(interaction)), experimental ? getExperimentalVCMetrics(interaction) : Promise.resolve(undefined), getPaintMetricsToLegacyFormat(type, end), getBatteryInfoToLegacyFormat()]);
   if (!experimental) {
     addPerformanceMeasures(interaction.start, [...((finalVCMetrics === null || finalVCMetrics === void 0 ? void 0 : finalVCMetrics['ufo:vc:rev']) || [])]);
   }
@@ -540,6 +541,7 @@ async function createInteractionMetricsPayload(interaction, interactionId, exper
         } : {}),
         // root
         ...getBrowserMetadataToLegacyFormat(),
+        ...batteryInfo,
         ...getSSRProperties(type),
         ...getAssetsMetrics(interaction, pageLoadInteractionMetrics === null || pageLoadInteractionMetrics === void 0 ? void 0 : pageLoadInteractionMetrics.SSRDoneTime),
         ...getPPSMetrics(interaction),

package/dist/es2019/create-payload/utils/get-battery-info.js

@@ -0,0 +1,42 @@
+import { fg } from '@atlaskit/platform-feature-flags';
+
+// Type definitions for battery info
+
+// Main function returns compact nested format
+export default async function getBatteryInfo() {
+  if (!fg('react_ufo_battery_info')) {
+    return {};
+  }
+  if (typeof navigator === 'undefined') {
+    return {};
+  }
+  try {
+    // Try modern getBattery() API first
+    if ('getBattery' in navigator) {
+      const battery = await navigator.getBattery();
+      if (battery && typeof battery.level === 'number' && typeof battery.charging === 'boolean') {
+        return {
+          level: Math.round(battery.level * 100) / 100,
+          // Round to 0.01
+          charging: battery.charging
+        };
+      }
+    }
+  } catch (error) {
+    // Silently ignore errors - battery info is optional
+  }
+  return {};
+}
+
+// Helper function to get battery info in legacy colon format for backward compatibility
+export async function getBatteryInfoToLegacyFormat() {
+  const battery = await getBatteryInfo();
+  const legacyFormat = {};
+  if (battery.level !== undefined) {
+    legacyFormat['event:battery:level'] = battery.level;
+  }
+  if (battery.charging !== undefined) {
+    legacyFormat['event:battery:charging'] = battery.charging;
+  }
+  return legacyFormat;
+}

package/dist/es2019/vc/vc-observer-new/metric-calculator/fy25_03/index.js

@@ -11,6 +11,7 @@ const getConsideredEntryTypes = include3p => {
   // including the tags into the ConsideredEntryTypes so that it won't be ignored for TTVC calculation
   if (!fg('platform_ufo_exclude_3p_elements_from_ttvc') || include3p) {
     entryTypes.push('mutation:third-party-element');
+    entryTypes.push('mutation:third-party-attribute');
   }
   if (fg('platform_ufo_enable_media_for_ttvc_v3')) {
     entryTypes.push('mutation:media');

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

@@ -1,7 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { fg } from '@atlaskit/platform-feature-flags';
 import { isContainedWithinMediaWrapper } from '../../vc-observer/media-wrapper/vc-utils';
-import isDnDStyleMutation from '../../vc-observer/observers/non-visual-styles/is-dnd-style-mutation';
 import isNonVisualStyleMutation from '../../vc-observer/observers/non-visual-styles/is-non-visual-style-mutation';
 import { RLLPlaceholderHandlers } from '../../vc-observer/observers/rll-placeholders';
 import { createIntersectionObserver } from './intersection-observer';
@@ -289,20 +288,20 @@ export default class ViewportObserver {
             }
           };
         }
-        if (isDnDStyleMutation({
-          target,
-          attributeName,
-          oldValue,
-          newValue
-        })) {
-          return {
-            type: 'mutation:attribute:non-visual-style',
-            mutationData: {
-              attributeName,
-              oldValue,
-              newValue
-            }
-          };
+        if (fg('platform_ufo_exclude_3p_attribute_changes')) {
+          const {
+            isWithin: isWithinThirdPartySegment
+          } = checkWithinComponent(target, 'UFOThirdPartySegment', this.mapIs3pResult);
+          if (isWithinThirdPartySegment) {
+            return {
+              type: 'mutation:third-party-attribute',
+              mutationData: {
+                attributeName,
+                oldValue,
+                newValue
+              }
+            };
+          }
         }
         if (isNonVisualStyleMutation({
           target,

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

@@ -31,6 +31,7 @@ import * as ssr from '../ssr';
 import { buildSegmentTree, getOldSegmentsLabelStack, labelStackStartWith, optimizeLabelStack, sanitizeUfoName, stringifyLabelStackFully } from './common/utils';
 import { createCriticalMetricsPayloads } from './critical-metrics-payload';
 import { addPerformanceMeasures } from './utils/add-performance-measures';
+import { getBatteryInfoToLegacyFormat } from './utils/get-battery-info';
 import { getBrowserMetadataToLegacyFormat } from './utils/get-browser-metadata';
 import getInteractionStatus from './utils/get-interaction-status';
 import { getMoreAccuratePageVisibilityUpToTTAI } from './utils/get-more-accurate-page-visibility-up-to-ttai';
@@ -389,7 +390,7 @@ function createInteractionMetricsPayload(_x, _x2, _x3, _x4, _x5) {
 function _createInteractionMetricsPayload() {
   _createInteractionMetricsPayload = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(interaction, interactionId, experimental, criticalPayloadCount, vcMetrics) {
     var _window$location, _config$additionalPay;
-    var interactionPayloadStart, config, end, start, ufoName, knownSegments, rate, type, abortReason, routeName, featureFlags, previousInteractionName, isPreviousInteractionAborted, abortedByInteractionName, responsiveness, unknownElementName, unknownElementHierarchy, hydration, pageVisibilityAtTTI, pageVisibilityAtTTAI, segments, segmentTree, isDetailedPayload, isPageLoad, calculatePageVisibilityFromTheStartOfPageLoad, moreAccuratePageVisibilityAtTTI, moreAccuratePageVisibilityAtTTAI, labelStack, getInitialPageLoadSSRMetrics, pageLoadInteractionMetrics, getDetailedInteractionMetrics, getPageLoadDetailedInteractionMetrics, newUFOName, resourceTimings, _yield$Promise$all, _yield$Promise$all2, finalVCMetrics, experimentalMetrics, paintMetrics, getReactHydrationStats, payload;
+    var interactionPayloadStart, config, end, start, ufoName, knownSegments, rate, type, abortReason, routeName, featureFlags, previousInteractionName, isPreviousInteractionAborted, abortedByInteractionName, responsiveness, unknownElementName, unknownElementHierarchy, hydration, pageVisibilityAtTTI, pageVisibilityAtTTAI, segments, segmentTree, isDetailedPayload, isPageLoad, calculatePageVisibilityFromTheStartOfPageLoad, moreAccuratePageVisibilityAtTTI, moreAccuratePageVisibilityAtTTAI, labelStack, getInitialPageLoadSSRMetrics, pageLoadInteractionMetrics, getDetailedInteractionMetrics, getPageLoadDetailedInteractionMetrics, newUFOName, resourceTimings, _yield$Promise$all, _yield$Promise$all2, finalVCMetrics, experimentalMetrics, paintMetrics, batteryInfo, getReactHydrationStats, payload;
     return _regeneratorRuntime.wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
@@ -502,15 +503,17 @@ function _createInteractionMetricsPayload() {
           _context.t2 = _context.t1;
           _context.t3 = experimental ? getExperimentalVCMetrics(interaction) : Promise.resolve(undefined);
           _context.t4 = getPaintMetricsToLegacyFormat(type, end);
-          _context.t5 = [_context.t2, _context.t3, _context.t4];
-          _context.next = 34;
-          return _context.t0.all.call(_context.t0, _context.t5);
-        case 34:
+          _context.t5 = getBatteryInfoToLegacyFormat();
+          _context.t6 = [_context.t2, _context.t3, _context.t4, _context.t5];
+          _context.next = 35;
+          return _context.t0.all.call(_context.t0, _context.t6);
+        case 35:
           _yield$Promise$all = _context.sent;
-          _yield$Promise$all2 = _slicedToArray(_yield$Promise$all, 3);
+          _yield$Promise$all2 = _slicedToArray(_yield$Promise$all, 4);
           finalVCMetrics = _yield$Promise$all2[0];
           experimentalMetrics = _yield$Promise$all2[1];
           paintMetrics = _yield$Promise$all2[2];
+          batteryInfo = _yield$Promise$all2[3];
           if (!experimental) {
             addPerformanceMeasures(interaction.start, _toConsumableArray((finalVCMetrics === null || finalVCMetrics === void 0 ? void 0 : finalVCMetrics['ufo:vc:rev']) || []));
           }
@@ -529,7 +532,7 @@ function _createInteractionMetricsPayload() {
             source: 'measured',
             tags: ['observability'],
             attributes: {
-              properties: _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
+              properties: _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
                 // basic
                 'event:hostname': ((_window$location = window.location) === null || _window$location === void 0 ? void 0 : _window$location.hostname) || 'unknown',
                 'event:product': config.product,
@@ -548,7 +551,7 @@ function _createInteractionMetricsPayload() {
               }, criticalPayloadCount !== undefined ? {
                 'ufo:multipayload': true,
                 'ufo:criticalPayloadCount': criticalPayloadCount
-              } : {}), getBrowserMetadataToLegacyFormat()), getSSRProperties(type)), getAssetsMetrics(interaction, pageLoadInteractionMetrics === null || pageLoadInteractionMetrics === void 0 ? void 0 : pageLoadInteractionMetrics.SSRDoneTime)), getPPSMetrics(interaction)), paintMetrics), getNavigationMetricsToLegacyFormat(type)), finalVCMetrics), experimentalMetrics), (_config$additionalPay = config.additionalPayloadData) === null || _config$additionalPay === void 0 ? void 0 : _config$additionalPay.call(config, interaction)), getTracingContextData(interaction)), getStylesheetMetrics()), getErrorCounts(interaction)), getReactHydrationStats()), {}, {
+              } : {}), getBrowserMetadataToLegacyFormat()), batteryInfo), getSSRProperties(type)), getAssetsMetrics(interaction, pageLoadInteractionMetrics === null || pageLoadInteractionMetrics === void 0 ? void 0 : pageLoadInteractionMetrics.SSRDoneTime)), getPPSMetrics(interaction)), paintMetrics), getNavigationMetricsToLegacyFormat(type)), finalVCMetrics), experimentalMetrics), (_config$additionalPay = config.additionalPayloadData) === null || _config$additionalPay === void 0 ? void 0 : _config$additionalPay.call(config, interaction)), getTracingContextData(interaction)), getStylesheetMetrics()), getErrorCounts(interaction)), getReactHydrationStats()), {}, {
                 interactionMetrics: _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
                   namePrefix: config.namePrefix || '',
                   segmentPrefix: config.segmentPrefix || '',
@@ -595,7 +598,7 @@ function _createInteractionMetricsPayload() {
           }
           payload.attributes.properties['event:sizeInKb'] = getPayloadSize(payload.attributes.properties);
           return _context.abrupt("return", payload);
-        case 45:
+        case 47:
         case "end":
           return _context.stop();
       }

package/dist/esm/create-payload/utils/get-battery-info.js

@@ -0,0 +1,93 @@
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import { fg } from '@atlaskit/platform-feature-flags';
+
+// Type definitions for battery info
+
+// Main function returns compact nested format
+export default function getBatteryInfo() {
+  return _getBatteryInfo.apply(this, arguments);
+}
+
+// Helper function to get battery info in legacy colon format for backward compatibility
+function _getBatteryInfo() {
+  _getBatteryInfo = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+    var battery;
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          if (fg('react_ufo_battery_info')) {
+            _context.next = 2;
+            break;
+          }
+          return _context.abrupt("return", {});
+        case 2:
+          if (!(typeof navigator === 'undefined')) {
+            _context.next = 4;
+            break;
+          }
+          return _context.abrupt("return", {});
+        case 4:
+          _context.prev = 4;
+          if (!('getBattery' in navigator)) {
+            _context.next = 11;
+            break;
+          }
+          _context.next = 8;
+          return navigator.getBattery();
+        case 8:
+          battery = _context.sent;
+          if (!(battery && typeof battery.level === 'number' && typeof battery.charging === 'boolean')) {
+            _context.next = 11;
+            break;
+          }
+          return _context.abrupt("return", {
+            level: Math.round(battery.level * 100) / 100,
+            // Round to 0.01
+            charging: battery.charging
+          });
+        case 11:
+          _context.next = 15;
+          break;
+        case 13:
+          _context.prev = 13;
+          _context.t0 = _context["catch"](4);
+        case 15:
+          return _context.abrupt("return", {});
+        case 16:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee, null, [[4, 13]]);
+  }));
+  return _getBatteryInfo.apply(this, arguments);
+}
+export function getBatteryInfoToLegacyFormat() {
+  return _getBatteryInfoToLegacyFormat.apply(this, arguments);
+}
+function _getBatteryInfoToLegacyFormat() {
+  _getBatteryInfoToLegacyFormat = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+    var battery, legacyFormat;
+    return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          _context2.next = 2;
+          return getBatteryInfo();
+        case 2:
+          battery = _context2.sent;
+          legacyFormat = {};
+          if (battery.level !== undefined) {
+            legacyFormat['event:battery:level'] = battery.level;
+          }
+          if (battery.charging !== undefined) {
+            legacyFormat['event:battery:charging'] = battery.charging;
+          }
+          return _context2.abrupt("return", legacyFormat);
+        case 7:
+        case "end":
+          return _context2.stop();
+      }
+    }, _callee2);
+  }));
+  return _getBatteryInfoToLegacyFormat.apply(this, arguments);
+}

package/dist/esm/vc/vc-observer-new/metric-calculator/fy25_03/index.js

@@ -18,6 +18,7 @@ var getConsideredEntryTypes = function getConsideredEntryTypes(include3p) {
   // including the tags into the ConsideredEntryTypes so that it won't be ignored for TTVC calculation
   if (!fg('platform_ufo_exclude_3p_elements_from_ttvc') || include3p) {
     entryTypes.push('mutation:third-party-element');
+    entryTypes.push('mutation:third-party-attribute');
   }
   if (fg('platform_ufo_enable_media_for_ttvc_v3')) {
     entryTypes.push('mutation:media');

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

@@ -8,7 +8,6 @@ function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r)
 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';
 import { isContainedWithinMediaWrapper } from '../../vc-observer/media-wrapper/vc-utils';
-import isDnDStyleMutation from '../../vc-observer/observers/non-visual-styles/is-dnd-style-mutation';
 import isNonVisualStyleMutation from '../../vc-observer/observers/non-visual-styles/is-non-visual-style-mutation';
 import { RLLPlaceholderHandlers } from '../../vc-observer/observers/rll-placeholders';
 import { createIntersectionObserver } from './intersection-observer';
@@ -437,20 +436,19 @@ var ViewportObserver = /*#__PURE__*/function () {
             }
           };
         }
-        if (isDnDStyleMutation({
-          target: target,
-          attributeName: attributeName,
-          oldValue: oldValue,
-          newValue: newValue
-        })) {
-          return {
-            type: 'mutation:attribute:non-visual-style',
-            mutationData: {
-              attributeName: attributeName,
-              oldValue: oldValue,
-              newValue: newValue
-            }
-          };
+        if (fg('platform_ufo_exclude_3p_attribute_changes')) {
+          var _checkWithinComponent2 = checkWithinComponent(target, 'UFOThirdPartySegment', _this.mapIs3pResult),
+            isWithinThirdPartySegment = _checkWithinComponent2.isWithin;
+          if (isWithinThirdPartySegment) {
+            return {
+              type: 'mutation:third-party-attribute',
+              mutationData: {
+                attributeName: attributeName,
+                oldValue: oldValue,
+                newValue: newValue
+              }
+            };
+          }
         }
         if (isNonVisualStyleMutation({
           target: target,