@atlaskit/react-ufo 4.14.3 → 4.14.4

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @atlaskit/ufo-interaction-ignore
 
+## 4.14.4
+
+### Patch Changes
+
+- [`e52ace29dfa64`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/e52ace29dfa64) -
+  Enable raw vc data for React UFO
+
 ## 4.14.3
 
 ### Patch Changes

package/dist/cjs/config/index.js

@@ -22,6 +22,7 @@ exports.getPostInteractionRate = getPostInteractionRate;
 exports.getReactHydrationStats = getReactHydrationStats;
 exports.getTypingPerformanceTracingMethod = getTypingPerformanceTracingMethod;
 exports.getUfoNameOverrides = getUfoNameOverrides;
+exports.getVCRawDataInteractionRate = getVCRawDataInteractionRate;
 exports.isVCRevisionEnabled = isVCRevisionEnabled;
 exports.setUFOConfig = setUFOConfig;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
@@ -193,6 +194,9 @@ function getExperimentalInteractionRate(name, interactionType) {
     return 0;
   }
 }
+function getVCRawDataInteractionRate(name, interactionType) {
+  return getConfigRate(name, interactionType, 'enableVCRawDataRates');
+}
 function getPostInteractionRate(name, interactionType) {
   return getConfigRate(name, interactionType, 'postInteractionLog');
 }

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

@@ -60,6 +60,7 @@ var _excluded = ["labelStack"];
 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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 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; } // Import common utilities
+var MAX_PAYLOAD_SIZE = 250;
 function getUfoNameOverride(interaction) {
   var ufoName = interaction.ufoName,
     apdex = interaction.apdex;
@@ -398,7 +399,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, batteryInfo, 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, size, vcRev, rawData, rawDataSize;
     return _regenerator.default.wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
@@ -604,7 +605,26 @@ function _createInteractionMetricsPayload() {
             regularTTAI = undefined;
             expTTAI = undefined;
           }
-          payload.attributes.properties['event:sizeInKb'] = (0, _getPayloadSize.default)(payload.attributes.properties);
+          if ((0, _platformFeatureFlags.fg)('platform_ufo_enable_vc_raw_data')) {
+            size = (0, _getPayloadSize.default)(payload.attributes.properties);
+            vcRev = payload.attributes.properties['ufo:vc:rev'];
+            rawData = vcRev.find(function (item) {
+              return item.revision === 'raw-handler';
+            });
+            if (rawData) {
+              rawDataSize = (0, _getPayloadSize.default)(rawData);
+              payload.attributes.properties['ufo:vc:raw:size'] = rawDataSize;
+              if (size > MAX_PAYLOAD_SIZE && Array.isArray(vcRev) && vcRev.length > 0) {
+                payload.attributes.properties['ufo:vc:rev'] = vcRev.filter(function (item) {
+                  return item.revision !== 'raw-handler';
+                });
+                payload.attributes.properties['ufo:vc:raw:removed'] = true;
+              }
+            }
+            payload.attributes.properties['event:sizeInKb'] = (0, _getPayloadSize.default)(payload.attributes.properties);
+          } else {
+            payload.attributes.properties['event:sizeInKb'] = (0, _getPayloadSize.default)(payload.attributes.properties);
+          }
           return _context.abrupt("return", payload);
         case 47:
         case "end":

package/dist/cjs/create-payload/utils/get-vc-metrics.js

@@ -8,6 +8,7 @@ exports.default = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _coinflip = _interopRequireDefault(require("../../coinflip"));
 var _config = require("../../config");
 var _interactionMetrics = require("../../interaction-metrics");
 var _getInteractionStatus = _interopRequireDefault(require("./get-interaction-status"));
@@ -29,6 +30,7 @@ function _getVCMetrics() {
       isPageVisible,
       shouldReportVCMetrics,
       observer,
+      includeRawData,
       isSSREnabled,
       ssr,
       tti,
@@ -66,6 +68,7 @@ function _getVCMetrics() {
           }
           return _context.abrupt("return", {});
         case 14:
+          includeRawData = (0, _coinflip.default)((0, _config.getVCRawDataInteractionRate)(interaction.ufoName, interaction.type));
           isSSREnabled = interaction.type === 'page_load' && ((config === null || config === void 0 ? void 0 : config.ssr) || (config === null || config === void 0 || (_config$vc$ssrWhiteli = config.vc.ssrWhitelist) === null || _config$vc$ssrWhiteli === void 0 ? void 0 : _config$vc$ssrWhiteli.includes(interaction.ufoName)));
           ssr = interaction.type === 'page_load' && isSSREnabled ? {
             ssr: (0, _getSsrDoneTimeValue.default)(config)
@@ -73,7 +76,7 @@ function _getVCMetrics() {
           _interactionMetrics.postInteractionLog.setVCObserverSSRConfig(ssr);
           tti = (_interaction$apdex = interaction.apdex) === null || _interaction$apdex === void 0 || (_interaction$apdex = _interaction$apdex[0]) === null || _interaction$apdex === void 0 ? void 0 : _interaction$apdex.stopTime;
           prefix = 'ufo';
-          _context.next = 21;
+          _context.next = 22;
           return observer.getVCResult(_objectSpread(_objectSpread({
             start: interaction.start,
             stop: interaction.end,
@@ -89,9 +92,10 @@ function _getVCMetrics() {
             include3p: include3p,
             excludeSmartAnswersInSearch: excludeSmartAnswersInSearch,
             interactionType: interaction.type,
-            isPageVisible: isPageVisible
+            isPageVisible: isPageVisible,
+            includeRawData: includeRawData
           }));
-        case 21:
+        case 22:
           result = _context.sent;
           observer.stop(interaction.ufoName);
           if (!include3p) {
@@ -105,15 +109,15 @@ function _getVCMetrics() {
             return revision === mostRecentVCRevision;
           });
           if (!(!shouldReportVCMetrics || !(mostRecentVCRevisionPayload !== null && mostRecentVCRevisionPayload !== void 0 && mostRecentVCRevisionPayload.clean))) {
-            _context.next = 28;
+            _context.next = 29;
             break;
           }
           return _context.abrupt("return", result);
-        case 28:
+        case 29:
           return _context.abrupt("return", _objectSpread(_objectSpread({}, result), {}, {
             'metric:vc90': mostRecentVCRevisionPayload['metric:vc90']
           }));
-        case 29:
+        case 30:
         case "end":
           return _context.stop();
       }

package/dist/cjs/vc/index.js

@@ -122,11 +122,11 @@ var VCObserverWrapper = exports.VCObserverWrapper = /*#__PURE__*/function () {
     value: function () {
       var _getVCResult = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(param) {
         var _this$oldVCObserver4, _this$newVCObserver3, _ref2;
-        var experienceKey, include3p, excludeSmartAnswersInSearch, includeSSRRatio, v1v2Result, v3Result, ssrRatio;
+        var experienceKey, include3p, excludeSmartAnswersInSearch, includeSSRRatio, includeRawData, v1v2Result, v3Result, ssrRatio;
         return _regenerator.default.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
-              experienceKey = param.experienceKey, include3p = param.include3p, excludeSmartAnswersInSearch = param.excludeSmartAnswersInSearch, includeSSRRatio = param.includeSSRRatio;
+              experienceKey = param.experienceKey, include3p = param.include3p, excludeSmartAnswersInSearch = param.excludeSmartAnswersInSearch, includeSSRRatio = param.includeSSRRatio, includeRawData = param.includeRawData;
               if (!((0, _config.isVCRevisionEnabled)('fy25.01', experienceKey) || (0, _config.isVCRevisionEnabled)('fy25.02', experienceKey))) {
                 _context.next = 7;
                 break;
@@ -156,7 +156,8 @@ var VCObserverWrapper = exports.VCObserverWrapper = /*#__PURE__*/function () {
                 includeSSRRatio: includeSSRRatio,
                 interactionType: param.interactionType,
                 isPageVisible: param.isPageVisible,
-                interactionAbortReason: param.interactionAbortReason
+                interactionAbortReason: param.interactionAbortReason,
+                includeRawData: includeRawData
               });
             case 12:
               _context.t1 = _context.sent;

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

@@ -20,6 +20,7 @@ var _fy25_ = _interopRequireDefault(require("./metric-calculator/fy25_03"));
 var _getViewportHeight = _interopRequireDefault(require("./metric-calculator/utils/get-viewport-height"));
 var _getViewportWidth = _interopRequireDefault(require("./metric-calculator/utils/get-viewport-width"));
 var _vcnext = _interopRequireDefault(require("./metric-calculator/vcnext"));
+var _rawDataHandler = _interopRequireDefault(require("./raw-data-handler"));
 var _viewportObserver = _interopRequireDefault(require("./viewport-observer"));
 var _windowEventObserver = _interopRequireDefault(require("./window-event-observer"));
 var SSRState = {
@@ -238,13 +239,14 @@ var VCObserverNew = exports.default = /*#__PURE__*/function () {
     key: "getVCResult",
     value: function () {
       var _getVCResult = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(param) {
-        var start, stop, interactionId, interactionType, interactionAbortReason, isPageVisible, include3p, includeSSRRatio, excludeSmartAnswersInSearch, results, calculator_fy25_03, orderedEntries, fy25_03, calculator_next, vcNext;
+        var start, stop, interactionId, interactionType, interactionAbortReason, isPageVisible, include3p, includeSSRRatio, excludeSmartAnswersInSearch, includeRawData, results, feVCCalculationStartTime, calculator_fy25_03, orderedEntries, fy25_03, calculator_next, vcNext, feVCCalculationEndTime, rawVCCalculationStartTime, rawHandler, raw;
         return _regenerator.default.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
-              start = param.start, stop = param.stop, interactionId = param.interactionId, interactionType = param.interactionType, interactionAbortReason = param.interactionAbortReason, isPageVisible = param.isPageVisible, include3p = param.include3p, includeSSRRatio = param.includeSSRRatio, excludeSmartAnswersInSearch = param.excludeSmartAnswersInSearch;
+              start = param.start, stop = param.stop, interactionId = param.interactionId, interactionType = param.interactionType, interactionAbortReason = param.interactionAbortReason, isPageVisible = param.isPageVisible, include3p = param.include3p, includeSSRRatio = param.includeSSRRatio, excludeSmartAnswersInSearch = param.excludeSmartAnswersInSearch, includeRawData = param.includeRawData;
               results = [];
               this.addStartEntry(start);
+              feVCCalculationStartTime = performance.now();
               calculator_fy25_03 = new _fy25_.default();
               if (param.ssr) {
                 this.addSSR(param.ssr);
@@ -253,7 +255,7 @@ var VCObserverNew = exports.default = /*#__PURE__*/function () {
                 start: start,
                 stop: stop
               });
-              _context.next = 8;
+              _context.next = 9;
               return calculator_fy25_03.calculate({
                 orderedEntries: orderedEntries,
                 startTime: start,
@@ -267,7 +269,7 @@ var VCObserverNew = exports.default = /*#__PURE__*/function () {
                 isPageVisible: isPageVisible,
                 interactionAbortReason: interactionAbortReason
               });
-            case 8:
+            case 9:
               fy25_03 = _context.sent;
               if (fy25_03) {
                 results.push(fy25_03);
@@ -275,7 +277,7 @@ var VCObserverNew = exports.default = /*#__PURE__*/function () {
 
               // TODO on cleanup: put behind `enabledVCRevisions` config
               calculator_next = new _vcnext.default();
-              _context.next = 13;
+              _context.next = 14;
               return calculator_next.calculate({
                 orderedEntries: orderedEntries,
                 startTime: start,
@@ -288,13 +290,35 @@ var VCObserverNew = exports.default = /*#__PURE__*/function () {
                 isPageVisible: isPageVisible,
                 interactionAbortReason: interactionAbortReason
               });
-            case 13:
+            case 14:
               vcNext = _context.sent;
               if (vcNext) {
                 results.push(vcNext);
               }
+              feVCCalculationEndTime = performance.now();
+              if (!(includeRawData && (0, _platformFeatureFlags.fg)('platform_ufo_enable_vc_raw_data'))) {
+                _context.next = 24;
+                break;
+              }
+              rawVCCalculationStartTime = performance.now();
+              rawHandler = new _rawDataHandler.default();
+              _context.next = 22;
+              return rawHandler.getRawData({
+                entries: orderedEntries,
+                startTime: start,
+                stopTime: stop,
+                isPageVisible: isPageVisible
+              });
+            case 22:
+              raw = _context.sent;
+              if (raw) {
+                raw.rawVCTime = Number((performance.now() - rawVCCalculationStartTime).toFixed(2));
+                raw.feVCTime = Number((feVCCalculationEndTime - feVCCalculationStartTime).toFixed(2));
+                results.push(raw);
+              }
+            case 24:
               return _context.abrupt("return", results);
-            case 16:
+            case 25:
             case "end":
               return _context.stop();
           }

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

@@ -0,0 +1,237 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _getViewportHeight = _interopRequireDefault(require("../metric-calculator/utils/get-viewport-height"));
+var _getViewportWidth = _interopRequireDefault(require("../metric-calculator/utils/get-viewport-width"));
+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; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+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 ABORTING_WINDOW_EVENT = ['wheel', 'scroll', 'keydown', 'resize'];
+var MAX_OBSERVATIONS = 100;
+var RawDataHandler = exports.default = /*#__PURE__*/function () {
+  function RawDataHandler() {
+    (0, _classCallCheck2.default)(this, RawDataHandler);
+    (0, _defineProperty2.default)(this, "revisionNo", 'raw-handler');
+  }
+  return (0, _createClass2.default)(RawDataHandler, [{
+    key: "getVCCleanStatus",
+    value: function getVCCleanStatus(filteredEntries) {
+      var dirtyReason = '';
+      var abortTimestamp = -1;
+      var hasAbortEvent = filteredEntries.some(function (entry) {
+        if (entry.data.type === 'window:event') {
+          var data = entry.data;
+          if (ABORTING_WINDOW_EVENT.includes(data.eventType)) {
+            dirtyReason = data.eventType === 'keydown' ? 'keypress' : data.eventType;
+            abortTimestamp = Math.round(entry.time);
+            return true;
+          }
+        }
+        return false;
+      });
+      if (hasAbortEvent && dirtyReason) {
+        return {
+          isVCClean: false,
+          dirtyReason: dirtyReason,
+          abortTimestamp: abortTimestamp
+        };
+      }
+      return {
+        isVCClean: true
+      };
+    }
+  }, {
+    key: "getRawData",
+    value: function () {
+      var _getRawData = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(_ref) {
+        var entries, startTime, stopTime, isPageVisible, isVCClean, dirtyReason, getVCCleanStatusResult, viewportEntries, targetNameToIdMap, elementMapEntriesMap, nextElementId, typeMap, typeMapEntriesMap, nextTypeId, attributeMap, attributeEntriesMap, nextAttributeId, rawObservations, firstObservation, lastObservations, referencedEids, referencedChgs, referencedAtts, _iterator, _step, observation, _iterator2, _step2, eid, _iterator3, _step3, chg, _iterator4, _step4, att, result;
+        return _regenerator.default.wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              entries = _ref.entries, startTime = _ref.startTime, stopTime = _ref.stopTime, isPageVisible = _ref.isPageVisible;
+              getVCCleanStatusResult = this.getVCCleanStatus(entries);
+              isVCClean = getVCCleanStatusResult.isVCClean;
+              dirtyReason = getVCCleanStatusResult.dirtyReason;
+              if (isPageVisible) {
+                _context.next = 6;
+                break;
+              }
+              return _context.abrupt("return", {
+                revision: this.revisionNo,
+                clean: false,
+                'metric:vc90': null,
+                abortReason: 'browser_backgrounded',
+                abortTimestamp: -1,
+                viewport: {
+                  w: (0, _getViewportWidth.default)(),
+                  h: (0, _getViewportHeight.default)()
+                }
+              });
+            case 6:
+              viewportEntries = entries.filter(function (entry) {
+                return entry.time >= startTime && entry.time <= stopTime && entry.data && entry.data.visible;
+              });
+              targetNameToIdMap = new Map();
+              elementMapEntriesMap = {};
+              nextElementId = 1;
+              typeMap = new Map();
+              typeMapEntriesMap = {};
+              nextTypeId = 1;
+              attributeMap = new Map();
+              attributeEntriesMap = {};
+              nextAttributeId = 1;
+              rawObservations = viewportEntries.map(function (entry) {
+                var viewportEntry = entry.data;
+                var targetName = viewportEntry.elementName || '';
+                var type = viewportEntry.type || '';
+                var rect = viewportEntry.rect;
+                var attributeName = viewportEntry.attributeName || '';
+                var eid = targetNameToIdMap.get(viewportEntry.elementName || '') || 0;
+                if (eid === 0) {
+                  eid = nextElementId;
+                  nextElementId += 1;
+                  targetNameToIdMap.set(targetName, eid);
+                  elementMapEntriesMap[eid] = targetName;
+                }
+                var chg = typeMap.get(type || '') || 0;
+                if (chg === 0) {
+                  chg = nextTypeId;
+                  nextTypeId += 1;
+                  typeMap.set(type, chg);
+                  typeMapEntriesMap[chg] = type;
+                }
+                var att = 0;
+                if (attributeName) {
+                  att = attributeMap.get(attributeName) || 0;
+                  if (att === 0) {
+                    att = nextAttributeId;
+                    nextAttributeId += 1;
+                    attributeMap.set(attributeName, att);
+                    attributeEntriesMap[att] = attributeName;
+                  }
+                }
+                var observation = _objectSpread({
+                  t: Math.round(entry.time),
+                  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
+                }, att > 0 ? {
+                  att: att
+                } : {});
+                return observation;
+              }); // If the number of observations is greater than the maximum allowed, we need to trim the observations to the maximum allowed.
+              // We do this by keeping the first observation and the last MAX_OBSERVATIONS observations.
+              // We then collect the referenced IDs from the remaining observations and remove the unreferenced entries from the maps
+              if (rawObservations.length > MAX_OBSERVATIONS) {
+                firstObservation = rawObservations[0];
+                lastObservations = rawObservations.slice(-MAX_OBSERVATIONS);
+                rawObservations = [firstObservation].concat((0, _toConsumableArray2.default)(lastObservations));
+
+                // Collect referenced IDs from remaining observations
+                referencedEids = new Set();
+                referencedChgs = new Set();
+                referencedAtts = new Set();
+                _iterator = _createForOfIteratorHelper(rawObservations);
+                try {
+                  for (_iterator.s(); !(_step = _iterator.n()).done;) {
+                    observation = _step.value;
+                    if (observation.eid > 0) {
+                      referencedEids.add(observation.eid);
+                    }
+                    if (typeof observation.chg === 'number' && observation.chg > 0) {
+                      referencedChgs.add(observation.chg);
+                    }
+                    if (observation.att !== undefined && observation.att > 0) {
+                      referencedAtts.add(observation.att);
+                    }
+                  }
+
+                  // Remove unreferenced entries from maps
+                } catch (err) {
+                  _iterator.e(err);
+                } finally {
+                  _iterator.f();
+                }
+                _iterator2 = _createForOfIteratorHelper(Object.keys(elementMapEntriesMap).map(Number));
+                try {
+                  for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+                    eid = _step2.value;
+                    if (!referencedEids.has(eid)) {
+                      delete elementMapEntriesMap[eid];
+                    }
+                  }
+                } catch (err) {
+                  _iterator2.e(err);
+                } finally {
+                  _iterator2.f();
+                }
+                _iterator3 = _createForOfIteratorHelper(Object.keys(typeMapEntriesMap).map(Number));
+                try {
+                  for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
+                    chg = _step3.value;
+                    if (!referencedChgs.has(chg)) {
+                      delete typeMapEntriesMap[chg];
+                    }
+                  }
+                } catch (err) {
+                  _iterator3.e(err);
+                } finally {
+                  _iterator3.f();
+                }
+                _iterator4 = _createForOfIteratorHelper(Object.keys(attributeEntriesMap).map(Number));
+                try {
+                  for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
+                    att = _step4.value;
+                    if (!referencedAtts.has(att)) {
+                      delete attributeEntriesMap[att];
+                    }
+                  }
+                } catch (err) {
+                  _iterator4.e(err);
+                } finally {
+                  _iterator4.f();
+                }
+              }
+              result = {
+                revision: this.revisionNo,
+                clean: isVCClean,
+                'metric:vc90': null,
+                rawData: {
+                  obs: rawObservations !== null && rawObservations !== void 0 ? rawObservations : undefined,
+                  eid: elementMapEntriesMap !== null && elementMapEntriesMap !== void 0 ? elementMapEntriesMap : undefined,
+                  chg: typeMapEntriesMap !== null && typeMapEntriesMap !== void 0 ? typeMapEntriesMap : undefined,
+                  att: attributeEntriesMap !== null && attributeEntriesMap !== void 0 ? attributeEntriesMap : undefined
+                },
+                abortReason: dirtyReason,
+                abortTimestamp: getVCCleanStatusResult.abortTimestamp,
+                viewport: {
+                  w: (0, _getViewportWidth.default)(),
+                  h: (0, _getViewportHeight.default)()
+                }
+              };
+              return _context.abrupt("return", result);
+            case 20:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee, this);
+      }));
+      function getRawData(_x) {
+        return _getRawData.apply(this, arguments);
+      }
+      return getRawData;
+    }()
+  }]);
+}();

package/dist/es2019/config/index.js

@@ -170,6 +170,9 @@ export function getExperimentalInteractionRate(name, interactionType) {
     return 0;
   }
 }
+export function getVCRawDataInteractionRate(name, interactionType) {
+  return getConfigRate(name, interactionType, 'enableVCRawDataRates');
+}
 export function getPostInteractionRate(name, interactionType) {
   return getConfigRate(name, interactionType, 'postInteractionLog');
 }

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

@@ -43,6 +43,7 @@ import { optimizeMarks } from './utils/optimize-marks';
 import { optimizeReactProfilerTimings } from './utils/optimize-react-profiler-timings';
 import { optimizeRequestInfo } from './utils/optimize-request-info';
 import { optimizeSpans } from './utils/optimize-spans';
+const MAX_PAYLOAD_SIZE = 250;
 function getUfoNameOverride(interaction) {
   const {
     ufoName,
@@ -605,7 +606,22 @@ async function createInteractionMetricsPayload(interaction, interactionId, exper
     regularTTAI = undefined;
     expTTAI = undefined;
   }
-  payload.attributes.properties['event:sizeInKb'] = getPayloadSize(payload.attributes.properties);
+  if (fg('platform_ufo_enable_vc_raw_data')) {
+    const size = getPayloadSize(payload.attributes.properties);
+    const vcRev = payload.attributes.properties['ufo:vc:rev'];
+    const rawData = vcRev.find(item => item.revision === 'raw-handler');
+    if (rawData) {
+      const rawDataSize = getPayloadSize(rawData);
+      payload.attributes.properties['ufo:vc:raw:size'] = rawDataSize;
+      if (size > MAX_PAYLOAD_SIZE && Array.isArray(vcRev) && vcRev.length > 0) {
+        payload.attributes.properties['ufo:vc:rev'] = vcRev.filter(item => item.revision !== 'raw-handler');
+        payload.attributes.properties['ufo:vc:raw:removed'] = true;
+      }
+    }
+    payload.attributes.properties['event:sizeInKb'] = getPayloadSize(payload.attributes.properties);
+  } else {
+    payload.attributes.properties['event:sizeInKb'] = getPayloadSize(payload.attributes.properties);
+  }
   return payload;
 }
 export async function createPayloads(interactionId, interaction) {

package/dist/es2019/create-payload/utils/get-vc-metrics.js

@@ -1,4 +1,5 @@
-import { getConfig, getMostRecentVCRevision } from '../../config';
+import coinflip from '../../coinflip';
+import { getConfig, getMostRecentVCRevision, getVCRawDataInteractionRate } from '../../config';
 import { interactionExtraMetrics, postInteractionLog } from '../../interaction-metrics';
 import getInteractionStatus from './get-interaction-status';
 import getPageVisibilityUpToTTAI from './get-page-visibility-up-to-ttai';
@@ -22,6 +23,7 @@ async function getVCMetrics(interaction, include3p = false, excludeSmartAnswersI
   if (!observer) {
     return {};
   }
+  const includeRawData = coinflip(getVCRawDataInteractionRate(interaction.ufoName, interaction.type));
   const isSSREnabled = interaction.type === 'page_load' && ((config === null || config === void 0 ? void 0 : config.ssr) || (config === null || config === void 0 ? void 0 : (_config$vc$ssrWhiteli = config.vc.ssrWhitelist) === null || _config$vc$ssrWhiteli === void 0 ? void 0 : _config$vc$ssrWhiteli.includes(interaction.ufoName)));
   const ssr = interaction.type === 'page_load' && isSSREnabled ? {
     ssr: getSSRDoneTimeValue(config)
@@ -44,7 +46,8 @@ async function getVCMetrics(interaction, include3p = false, excludeSmartAnswersI
     include3p,
     excludeSmartAnswersInSearch,
     interactionType: interaction.type,
-    isPageVisible
+    isPageVisible,
+    includeRawData
   });
   observer.stop(interaction.ufoName);
   if (!include3p) {

package/dist/es2019/vc/index.js

@@ -97,7 +97,8 @@ export class VCObserverWrapper {
       experienceKey,
       include3p,
       excludeSmartAnswersInSearch,
-      includeSSRRatio
+      includeSSRRatio,
+      includeRawData
     } = param;
     const v1v2Result = isVCRevisionEnabled('fy25.01', experienceKey) || isVCRevisionEnabled('fy25.02', experienceKey) ? await ((_this$oldVCObserver4 = this.oldVCObserver) === null || _this$oldVCObserver4 === void 0 ? void 0 : _this$oldVCObserver4.getVCResult(param)) : {};
     const v3Result = isVCRevisionEnabled('fy25.03', experienceKey) ? await ((_this$newVCObserver3 = this.newVCObserver) === null || _this$newVCObserver3 === void 0 ? void 0 : _this$newVCObserver3.getVCResult({
@@ -110,7 +111,8 @@ export class VCObserverWrapper {
       includeSSRRatio,
       interactionType: param.interactionType,
       isPageVisible: param.isPageVisible,
-      interactionAbortReason: param.interactionAbortReason
+      interactionAbortReason: param.interactionAbortReason,
+      includeRawData
     })) : [];
     if (!v3Result) {
       return v1v2Result !== null && v1v2Result !== void 0 ? v1v2Result : {};

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

@@ -7,6 +7,7 @@ import VCCalculator_FY25_03 from './metric-calculator/fy25_03';
 import getViewportHeight from './metric-calculator/utils/get-viewport-height';
 import getViewportWidth from './metric-calculator/utils/get-viewport-width';
 import VCNextCalculator from './metric-calculator/vcnext';
+import RawDataHandler from './raw-data-handler';
 import ViewportObserver from './viewport-observer';
 import WindowEventObserver from './window-event-observer';
 const SSRState = {
@@ -201,10 +202,12 @@ export default class VCObserverNew {
       isPageVisible,
       include3p,
       includeSSRRatio,
-      excludeSmartAnswersInSearch
+      excludeSmartAnswersInSearch,
+      includeRawData
     } = param;
     const results = [];
     this.addStartEntry(start);
+    const feVCCalculationStartTime = performance.now();
     const calculator_fy25_03 = new VCCalculator_FY25_03();
     if (param.ssr) {
       this.addSSR(param.ssr);
@@ -247,6 +250,22 @@ export default class VCObserverNew {
     if (vcNext) {
       results.push(vcNext);
     }
+    const feVCCalculationEndTime = performance.now();
+    if (includeRawData && fg('platform_ufo_enable_vc_raw_data')) {
+      const rawVCCalculationStartTime = performance.now();
+      const rawHandler = new RawDataHandler();
+      const raw = await rawHandler.getRawData({
+        entries: orderedEntries,
+        startTime: start,
+        stopTime: stop,
+        isPageVisible
+      });
+      if (raw) {
+        raw.rawVCTime = Number((performance.now() - rawVCCalculationStartTime).toFixed(2));
+        raw.feVCTime = Number((feVCCalculationEndTime - feVCCalculationStartTime).toFixed(2));
+        results.push(raw);
+      }
+    }
     return results;
   }
   addStartEntry(startTime) {