@atlaskit/react-ufo 3.3.1 → 3.3.3

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

@@ -4,7 +4,15 @@ function getAttributeSelector(element, attributeName) {
   if (!attrValue) {
     return '';
   }
-  return "[".concat(attributeName, "=\"").concat(encodeURIComponent(attrValue), "\"]");
+  return "[".concat(attributeName, "=\"").concat(attrValue, "\"]");
+}
+function isValidSelector(selector) {
+  try {
+    document.querySelector(selector);
+    return true;
+  } catch (err) {
+    return false;
+  }
 }
 function isSelectorUnique(selector) {
   return document.querySelectorAll(selector).length === 1;
@@ -12,11 +20,13 @@ function isSelectorUnique(selector) {
 function getUniqueSelector(selectorConfig, element) {
   var currentElement = element;
   var parts = [];
-  while (currentElement && currentElement.localName !== 'body') {
+  var MAX_DEPTH = 3;
+  var currentDepth = 0;
+  while (currentElement && currentElement.localName !== 'body' && currentDepth <= MAX_DEPTH) {
     var tagName = currentElement.localName;
     var selectorPart = tagName;
-    if (selectorConfig.id && currentElement.id) {
-      selectorPart += "#".concat(encodeURIComponent(currentElement.id));
+    if (selectorConfig.id && currentElement.id && isValidSelector("#".concat(currentElement.id))) {
+      selectorPart += "#".concat(currentElement.id);
     } else if (selectorConfig.dataVC) {
       selectorPart += getAttributeSelector(currentElement, 'data-vc');
     } else if (selectorConfig.testId) {
@@ -24,9 +34,11 @@ function getUniqueSelector(selectorConfig, element) {
     } else if (selectorConfig.role) {
       selectorPart += getAttributeSelector(currentElement, 'role');
     } else if (selectorConfig.className && currentElement.className) {
-      var classNames = Array.from(currentElement.classList).map(encodeURIComponent).join('.');
+      var classNames = Array.from(currentElement.classList).join('.');
       if (classNames) {
-        selectorPart += ".".concat(classNames);
+        if (isValidSelector(".".concat(classNames))) {
+          selectorPart += ".".concat(classNames);
+        }
       }
     }
     parts.unshift(selectorPart);
@@ -35,6 +47,7 @@ function getUniqueSelector(selectorConfig, element) {
       return _potentialSelector;
     }
     currentElement = currentElement.parentElement;
+    currentDepth++;
   }
   var potentialSelector = parts.join(' > ').trim();
   if (!potentialSelector) {

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

@@ -20,7 +20,6 @@ var VCObserverNew = /*#__PURE__*/function () {
     var _config$selectorConfi,
       _this = this;
     _classCallCheck(this, VCObserverNew);
-    _defineProperty(this, "startTime", 0);
     _defineProperty(this, "viewportObserver", null);
     _defineProperty(this, "windowEventObserver", null);
     this.entriesTimeline = new EntriesTimeline();
@@ -68,10 +67,12 @@ var VCObserverNew = /*#__PURE__*/function () {
   }
   return _createClass(VCObserverNew, [{
     key: "start",
-    value: function start() {
+    value: function start(_ref2) {
       var _this$viewportObserve, _this$windowEventObse;
+      var startTime = _ref2.startTime;
       (_this$viewportObserve = this.viewportObserver) === null || _this$viewportObserve === void 0 || _this$viewportObserve.start();
       (_this$windowEventObse = this.windowEventObserver) === null || _this$windowEventObse === void 0 || _this$windowEventObse.start();
+      this.entriesTimeline.clear();
     }
   }, {
     key: "stop",
@@ -97,7 +98,9 @@ var VCObserverNew = /*#__PURE__*/function () {
               });
               _context.next = 6;
               return calculator_fy25_03.calculate({
-                orderedEntries: orderedEntries
+                orderedEntries: orderedEntries,
+                startTime: start,
+                stopTime: stop
               });
             case 6:
               fy25_03 = _context.sent;

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

@@ -17,11 +17,11 @@ var AbstractVCCalculatorBase = /*#__PURE__*/function () {
         var _this = this,
           _vcDetails$90$t,
           _vcDetails$;
-        var orderedEntries, filteredEntries, isVCClean, vcDetails;
+        var startTime, stopTime, orderedEntries, filteredEntries, isVCClean, vcDetails;
         return _regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
-              orderedEntries = _ref.orderedEntries;
+              startTime = _ref.startTime, stopTime = _ref.stopTime, orderedEntries = _ref.orderedEntries;
               filteredEntries = orderedEntries.filter(function (entry) {
                 return _this.isEntryIncluded(entry);
               });
@@ -42,6 +42,8 @@ var AbstractVCCalculatorBase = /*#__PURE__*/function () {
                   width: getViewportWidth(),
                   height: getViewportHeight()
                 },
+                startTime: startTime,
+                stopTime: stopTime,
                 orderedEntries: filteredEntries,
                 percentiles: [25, 50, 75, 80, 85, 90, 95, 98, 99]
               });

package/dist/esm/vc/vc-observer-new/metric-calculator/percentile-calc/canvas-heatmap/canvas-pixel.js

@@ -222,17 +222,16 @@ export function calculateDrawnPixelsRaw(_x, _x2, _x3) {
 }
 function _calculateDrawnPixelsRaw() {
   _calculateDrawnPixelsRaw = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(imageData, scaleFactor, arraySize) {
-    var data, scaleCompensation, arr, i, color, colorIndex;
+    var data, arr, i, color, colorIndex;
     return _regeneratorRuntime.wrap(function _callee2$(_context2) {
       while (1) switch (_context2.prev = _context2.next) {
         case 0:
           data = imageData.data;
-          scaleCompensation = Math.round(1 / (scaleFactor * scaleFactor));
           arr = new Uint32Array(arraySize);
           i = 0;
-        case 4:
+        case 3:
           if (!(i < data.length)) {
-            _context2.next = 12;
+            _context2.next = 11;
             break;
           }
           // Check alpha
@@ -244,21 +243,21 @@ function _calculateDrawnPixelsRaw() {
             // The | operator combines all bits together
             color = data[i] << 16 | data[i + 1] << 8 | data[i + 2];
             colorIndex = color - 1;
-            arr[colorIndex] = (arr[colorIndex] || 0) + scaleCompensation;
+            arr[colorIndex] = (arr[colorIndex] || 0) + 1;
           }
           if (!(i % 10000 === 0)) {
-            _context2.next = 9;
+            _context2.next = 8;
             break;
           }
-          _context2.next = 9;
+          _context2.next = 8;
           return taskYield();
-        case 9:
+        case 8:
           i += 4;
-          _context2.next = 4;
+          _context2.next = 3;
           break;
-        case 12:
+        case 11:
           return _context2.abrupt("return", arr);
-        case 13:
+        case 12:
         case "end":
           return _context2.stop();
       }

package/dist/esm/vc/vc-observer-new/metric-calculator/percentile-calc/canvas-heatmap/index.js

@@ -11,22 +11,22 @@ export default function calculateTTVCPercentiles(_x) {
 }
 function _calculateTTVCPercentiles() {
   _calculateTTVCPercentiles = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref) {
-    var viewport, orderedEntries, percentiles, canvas, elementMap, _iterator3, _step3, entry, rect, elementName, timePixelCounts, viewportTotalPixels;
+    var viewport, orderedEntries, percentiles, startTime, canvas, elementMap, _iterator2, _step2, entry, rect, elementName, timePixelCounts, canvasDimenstions, totalPixels;
     return _regeneratorRuntime.wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
-          viewport = _ref.viewport, orderedEntries = _ref.orderedEntries, percentiles = _ref.percentiles;
+          viewport = _ref.viewport, orderedEntries = _ref.orderedEntries, percentiles = _ref.percentiles, startTime = _ref.startTime;
           canvas = new ViewportCanvas(viewport, fg('platform_ufo_canvas_heatmap_full_precision') ? 1 : 0.25);
           elementMap = new Map();
-          _iterator3 = _createForOfIteratorHelper(orderedEntries);
+          _iterator2 = _createForOfIteratorHelper(orderedEntries);
           _context.prev = 4;
-          _iterator3.s();
+          _iterator2.s();
         case 6:
-          if ((_step3 = _iterator3.n()).done) {
+          if ((_step2 = _iterator2.n()).done) {
             _context.next = 17;
             break;
           }
-          entry = _step3.value;
+          entry = _step2.value;
           if ('rect' in entry.data) {
             _context.next = 10;
             break;
@@ -49,19 +49,20 @@ function _calculateTTVCPercentiles() {
         case 19:
           _context.prev = 19;
           _context.t0 = _context["catch"](4);
-          _iterator3.e(_context.t0);
+          _iterator2.e(_context.t0);
         case 22:
           _context.prev = 22;
-          _iterator3.f();
+          _iterator2.f();
           return _context.finish(22);
         case 25:
           _context.next = 27;
           return canvas.getPixelCounts();
         case 27:
           timePixelCounts = _context.sent;
-          viewportTotalPixels = viewport.width * viewport.height;
-          return _context.abrupt("return", calculatePercentiles(timePixelCounts, elementMap, percentiles, viewportTotalPixels));
-        case 30:
+          canvasDimenstions = canvas.getScaledDimensions();
+          totalPixels = canvasDimenstions.width * canvasDimenstions.height;
+          return _context.abrupt("return", calculatePercentiles(timePixelCounts, elementMap, percentiles, totalPixels, startTime));
+        case 31:
         case "end":
           return _context.stop();
       }
@@ -69,7 +70,7 @@ function _calculateTTVCPercentiles() {
   }));
   return _calculateTTVCPercentiles.apply(this, arguments);
 }
-export function calculatePercentiles(timePixelCounts, elementMap, unorderedPercentiles, totalPixels) {
+export function calculatePercentiles(timePixelCounts, elementMap, unorderedPercentiles, totalPixels, startTime) {
   var results = {};
   var cumulativePixels = 0;
   var percentiles = unorderedPercentiles.sort(function (a, b) {
@@ -102,7 +103,7 @@ export function calculatePercentiles(timePixelCounts, elementMap, unorderedPerce
       var matchesAnyCheckpoints = false;
       while (percentileIndex < percentiles.length && percentCovered >= percentiles[percentileIndex]) {
         results["".concat(percentiles[percentileIndex])] = {
-          t: Number(time),
+          t: Math.round(Number(time - startTime)),
           e: Array.from(domElementsBuffer)
         };
         percentileIndex++;
@@ -115,29 +116,21 @@ export function calculatePercentiles(timePixelCounts, elementMap, unorderedPerce
         break;
       }
     }
-
-    // Fill in any missing percentiles
   } catch (err) {
     _iterator.e(err);
   } finally {
     _iterator.f();
   }
-  var _iterator2 = _createForOfIteratorHelper(percentiles),
-    _step2;
-  try {
-    for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-      var percentile = _step2.value;
-      if (!(percentile in results)) {
-        results["".concat(percentile)] = {
-          t: 0,
-          e: []
-        };
-      }
+  var previousResult = {
+    t: 0,
+    e: []
+  };
+  for (var i = 0; i < percentiles.length; i++) {
+    var percentile = percentiles[i];
+    if (!(percentile in results)) {
+      results["".concat(percentile)] = previousResult;
     }
-  } catch (err) {
-    _iterator2.e(err);
-  } finally {
-    _iterator2.f();
+    previousResult = results["".concat(percentile)];
   }
   return results;
 }

package/dist/esm/vc/vc-observer-new/metric-calculator/percentile-calc/heatmap/index.js

@@ -236,7 +236,7 @@ var Heatmap = /*#__PURE__*/function () {
   }, {
     key: "getVCPercentMetrics",
     value: function () {
-      var _getVCPercentMetrics = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(vcPercentCheckpoint) {
+      var _getVCPercentMetrics = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(vcPercentCheckpoint, startTime) {
         var sortedCheckpoints, flattenHeatmap, totalCells, timestampMap, i, _cellHead$time, _timestampMap$get, cell, cellHead, timestamp, elementName, curr, sortedTimings, totalCellPainted, result, domElementsBuffer, _i, _timestamp, timestampInfo, cellCount, domElements, currVCRatio, currVCPercent, matchesAnyCheckpoints, checkpoint, _domElements;
         return _regeneratorRuntime.wrap(function _callee2$(_context2) {
           while (1) switch (_context2.prev = _context2.next) {
@@ -324,7 +324,7 @@ var Heatmap = /*#__PURE__*/function () {
             case 41:
               matchesAnyCheckpoints = true;
               result[checkpoint.toString()] = {
-                t: _timestamp,
+                t: Math.round(_timestamp - startTime),
                 e: _domElements
               };
               _context2.next = 36;
@@ -351,23 +351,23 @@ var Heatmap = /*#__PURE__*/function () {
           }
         }, _callee2, this);
       }));
-      function getVCPercentMetrics(_x2) {
+      function getVCPercentMetrics(_x2, _x3) {
         return _getVCPercentMetrics.apply(this, arguments);
       }
       return getVCPercentMetrics;
     }()
   }]);
 }();
-export default function calculateTTVCPercentiles(_x3) {
+export default function calculateTTVCPercentiles(_x4) {
   return _calculateTTVCPercentiles.apply(this, arguments);
 }
 function _calculateTTVCPercentiles() {
   _calculateTTVCPercentiles = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(_ref2) {
-    var orderedEntries, viewport, percentiles, heatmap, vcDetails;
+    var orderedEntries, viewport, percentiles, startTime, heatmap, vcDetails;
     return _regeneratorRuntime.wrap(function _callee3$(_context3) {
       while (1) switch (_context3.prev = _context3.next) {
         case 0:
-          orderedEntries = _ref2.orderedEntries, viewport = _ref2.viewport, percentiles = _ref2.percentiles;
+          orderedEntries = _ref2.orderedEntries, viewport = _ref2.viewport, percentiles = _ref2.percentiles, startTime = _ref2.startTime;
           heatmap = new Heatmap({
             viewport: viewport,
             heatmapSize: 200
@@ -376,7 +376,7 @@ function _calculateTTVCPercentiles() {
           return heatmap.applyEntriesToHeatmap(orderedEntries);
         case 4:
           _context3.next = 6;
-          return heatmap.getVCPercentMetrics(percentiles);
+          return heatmap.getVCPercentMetrics(percentiles, startTime);
         case 6:
           vcDetails = _context3.sent;
           return _context3.abrupt("return", vcDetails);

package/dist/esm/vc/vc-observer-new/metric-calculator/percentile-calc/rect-sweeping-line/index.js

@@ -9,11 +9,11 @@ export default function calculateTTVCPercentiles(_x) {
 }
 function _calculateTTVCPercentiles() {
   _calculateTTVCPercentiles = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref) {
-    var orderedEntries, viewport, percentiles, sortedPercentiles, viewportArea, checkpoints, activeRects, removeActiveRect, domElementsBuffer, i, iEntry, iEntryData, rect, elementName, exclusionArea, currentArea, currVCPercent, matchesAnyCheckpoints, _checkpoint, domElements;
+    var orderedEntries, viewport, percentiles, startTime, sortedPercentiles, viewportArea, checkpoints, activeRects, removeActiveRect, domElementsBuffer, i, iEntry, iEntryData, rect, elementName, exclusionArea, currentArea, currVCPercent, matchesAnyCheckpoints, _checkpoint, domElements;
     return _regeneratorRuntime.wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
-          orderedEntries = _ref.orderedEntries, viewport = _ref.viewport, percentiles = _ref.percentiles;
+          orderedEntries = _ref.orderedEntries, viewport = _ref.viewport, percentiles = _ref.percentiles, startTime = _ref.startTime;
           sortedPercentiles = _toConsumableArray(percentiles).sort(function (a, b) {
             return a - b;
           });
@@ -69,7 +69,7 @@ function _calculateTTVCPercentiles() {
         case 25:
           matchesAnyCheckpoints = true;
           checkpoints[_checkpoint.toString()] = {
-            t: iEntry.time,
+            t: Math.round(iEntry.time - startTime),
             e: domElements
           };
           _context.next = 20;

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

@@ -15,6 +15,9 @@ var WindowEventObserver = /*#__PURE__*/function () {
       var unbindCallback = bind(window, {
         type: type,
         listener: function listener(event) {
+          if (!event.isTrusted) {
+            return;
+          }
           _this.onEvent({
             time: event.timeStamp,
             type: type,
@@ -22,7 +25,8 @@ var WindowEventObserver = /*#__PURE__*/function () {
           });
         },
         options: {
-          passive: true
+          passive: true,
+          once: true
         }
       });
       this.unbindFns.push(unbindCallback);

package/dist/types/config/index.d.ts

@@ -68,6 +68,7 @@ export type Config = {
         readonly ssr?: boolean;
         readonly ssrWhitelist?: string[];
         readonly stopVCAtInteractionFinish?: boolean;
+        readonly enableVCObserverNew?: boolean;
     };
     readonly postInteractionLog?: {
         readonly enabled?: boolean;

package/dist/types/create-payload/index.d.ts

@@ -23188,4 +23188,4 @@ export declare function createExperimentalMetricsPayload(interactionId: string,
             'experience:name': string;
         };
     };
-}> | null;
+} | null>;

package/dist/types/create-payload/utils/get-interaction-status.d.ts

@@ -0,0 +1,27 @@
+import type { InteractionMetrics } from '../../common';
+/**
+ * Determines the interaction status based on abort reason and BM3 TTI presence.
+ *
+ * @param {InteractionMetrics} interaction - The interaction metrics object containing abort reason and apdex data
+ * @returns {{
+ *   originalInteractionStatus: 'ABORTED' | 'SUCCEEDED',
+ *   overrideStatus: 'ABORTED' | 'SUCCEEDED'
+ * }} An object containing both the original and override status
+ *
+ * @description
+ * This function evaluates the interaction status in two ways:
+ * 1. originalInteractionStatus: Based on whether there's an abort reason
+ * 2. overrideStatus: Based on the presence of BM3 TTI (apdex data)
+ *
+ * @example
+ * const interaction = {
+ *   abortReason: null,
+ *   apdex: [1, 2, 3]
+ * };
+ * const result = getInteractionStatus(interaction);
+ * // Returns: { originalInteractionStatus: 'SUCCEEDED', overrideStatus: 'SUCCEEDED' }
+ */
+export default function getInteractionStatus(interaction: InteractionMetrics): {
+    readonly originalInteractionStatus: "ABORTED" | "SUCCEEDED";
+    readonly overrideStatus: "ABORTED" | "SUCCEEDED";
+};

package/dist/types/create-payload/utils/get-page-visibility-up-to-ttai.d.ts

@@ -0,0 +1,2 @@
+import type { InteractionMetrics } from '../../common';
+export default function getPageVisibilityUpToTTAI(interaction: InteractionMetrics): import("../../hidden-timing").PageVisibility;

package/dist/types/create-payload/utils/get-ssr-done-time-value.d.ts

@@ -0,0 +1,2 @@
+import { type Config } from '../../config';
+export default function getSSRDoneTimeValue(config: Config | undefined): number | undefined;

package/dist/types/create-payload/utils/get-vc-metrics.d.ts

@@ -0,0 +1,5 @@
+import { type InteractionMetrics } from '../../common';
+import type { VCResult } from '../../common/vc/types';
+export default function getVCMetrics(interaction: InteractionMetrics): Promise<VCResult & {
+    'metric:vc90'?: number | null;
+}>;

package/dist/types/vc/vc-observer-new/index.d.ts

@@ -5,13 +5,14 @@ export type VCObserverNewConfig = {
     selectorConfig?: SelectorConfig;
 };
 export default class VCObserverNew {
-    startTime: number;
     private selectorConfig;
     private viewportObserver;
     private windowEventObserver;
     private entriesTimeline;
     constructor(config: VCObserverNewConfig);
-    start(): void;
+    start({ startTime }: {
+        startTime: DOMHighResTimeStamp;
+    }): void;
     stop(): void;
     getVCResult(param: VCObserverGetVCResultParam): Promise<RevisionPayloadEntry[]>;
     private getElementName;

package/dist/types/vc/vc-observer-new/metric-calculator/abstract-base-vc-calculator.d.ts

@@ -5,5 +5,5 @@ export default abstract class AbstractVCCalculatorBase implements VCCalculator {
     constructor(revisionNo: string);
     protected abstract isEntryIncluded(entry: VCObserverEntry): boolean;
     protected abstract isVCClean(filteredEntries: ReadonlyArray<VCObserverEntry>): boolean;
-    calculate({ orderedEntries, }: VCCalculatorParam): Promise<RevisionPayloadEntry | undefined>;
+    calculate({ startTime, stopTime, orderedEntries, }: VCCalculatorParam): Promise<RevisionPayloadEntry | undefined>;
 }

package/dist/types/vc/vc-observer-new/metric-calculator/percentile-calc/canvas-heatmap/index.d.ts

@@ -1,4 +1,4 @@
 import type { RevisionPayloadVCDetails } from '../../types';
 import type { CalcTTVCPercentilesArg } from '../types';
-export default function calculateTTVCPercentiles({ viewport, orderedEntries, percentiles, }: CalcTTVCPercentilesArg): Promise<RevisionPayloadVCDetails>;
-export declare function calculatePercentiles(timePixelCounts: Map<DOMHighResTimeStamp, number>, elementMap: ReadonlyMap<DOMHighResTimeStamp, Set<string>>, unorderedPercentiles: number[], totalPixels: number): RevisionPayloadVCDetails;
+export default function calculateTTVCPercentiles({ viewport, orderedEntries, percentiles, startTime, }: CalcTTVCPercentilesArg): Promise<RevisionPayloadVCDetails>;
+export declare function calculatePercentiles(timePixelCounts: Map<DOMHighResTimeStamp, number>, elementMap: ReadonlyMap<DOMHighResTimeStamp, Set<string>>, unorderedPercentiles: number[], totalPixels: number, startTime: DOMHighResTimeStamp): RevisionPayloadVCDetails;

package/dist/types/vc/vc-observer-new/metric-calculator/percentile-calc/heatmap/index.d.ts

@@ -1,8 +1,9 @@
 import type { VCObserverEntry } from '../../../types';
 import type { RevisionPayloadVCDetails } from '../../types';
 import type { Viewport } from './types';
-export default function calculateTTVCPercentiles({ orderedEntries, viewport, percentiles, }: {
+export default function calculateTTVCPercentiles({ orderedEntries, viewport, percentiles, startTime, }: {
     orderedEntries: ReadonlyArray<VCObserverEntry>;
     viewport: Viewport;
     percentiles: number[];
+    startTime: DOMHighResTimeStamp;
 }): Promise<RevisionPayloadVCDetails>;

package/dist/types/vc/vc-observer-new/metric-calculator/percentile-calc/rect-sweeping-line/index.d.ts

@@ -16,8 +16,9 @@ export type CheckpointMetrics = {
         e: DOMSelector[];
     };
 };
-export default function calculateTTVCPercentiles({ orderedEntries, viewport, percentiles, }: {
+export default function calculateTTVCPercentiles({ orderedEntries, viewport, percentiles, startTime, }: {
     orderedEntries: ReadonlyArray<VCObserverEntry>;
     viewport: Viewport;
     percentiles: number[];
+    startTime: DOMHighResTimeStamp;
 }): Promise<CheckpointMetrics>;

package/dist/types/vc/vc-observer-new/metric-calculator/percentile-calc/types.d.ts

@@ -4,6 +4,8 @@ export type CalcTTVCPercentilesArg = {
         width: number;
         height: number;
     };
+    startTime: DOMHighResTimeStamp;
+    stopTime: DOMHighResTimeStamp;
     orderedEntries: ReadonlyArray<VCObserverEntry>;
     percentiles: number[];
 };

package/dist/types/vc/vc-observer-new/metric-calculator/types.d.ts

@@ -13,6 +13,8 @@ export type RevisionPayloadEntry = {
 };
 export type RevisionPayload = RevisionPayloadEntry[];
 export type VCCalculatorParam = {
+    startTime: DOMHighResTimeStamp;
+    stopTime: DOMHighResTimeStamp;
     orderedEntries: ReadonlyArray<VCObserverEntry>;
 };
 export interface VCCalculator {

package/dist/types-ts4.5/config/index.d.ts

@@ -68,6 +68,7 @@ export type Config = {
         readonly ssr?: boolean;
         readonly ssrWhitelist?: string[];
         readonly stopVCAtInteractionFinish?: boolean;
+        readonly enableVCObserverNew?: boolean;
     };
     readonly postInteractionLog?: {
         readonly enabled?: boolean;

package/dist/types-ts4.5/create-payload/index.d.ts

@@ -23188,4 +23188,4 @@ export declare function createExperimentalMetricsPayload(interactionId: string,
             'experience:name': string;
         };
     };
-}> | null;
+} | null>;

package/dist/types-ts4.5/create-payload/utils/get-interaction-status.d.ts

@@ -0,0 +1,27 @@
+import type { InteractionMetrics } from '../../common';
+/**
+ * Determines the interaction status based on abort reason and BM3 TTI presence.
+ *
+ * @param {InteractionMetrics} interaction - The interaction metrics object containing abort reason and apdex data
+ * @returns {{
+ *   originalInteractionStatus: 'ABORTED' | 'SUCCEEDED',
+ *   overrideStatus: 'ABORTED' | 'SUCCEEDED'
+ * }} An object containing both the original and override status
+ *
+ * @description
+ * This function evaluates the interaction status in two ways:
+ * 1. originalInteractionStatus: Based on whether there's an abort reason
+ * 2. overrideStatus: Based on the presence of BM3 TTI (apdex data)
+ *
+ * @example
+ * const interaction = {
+ *   abortReason: null,
+ *   apdex: [1, 2, 3]
+ * };
+ * const result = getInteractionStatus(interaction);
+ * // Returns: { originalInteractionStatus: 'SUCCEEDED', overrideStatus: 'SUCCEEDED' }
+ */
+export default function getInteractionStatus(interaction: InteractionMetrics): {
+    readonly originalInteractionStatus: "ABORTED" | "SUCCEEDED";
+    readonly overrideStatus: "ABORTED" | "SUCCEEDED";
+};

package/dist/types-ts4.5/create-payload/utils/get-page-visibility-up-to-ttai.d.ts

@@ -0,0 +1,2 @@
+import type { InteractionMetrics } from '../../common';
+export default function getPageVisibilityUpToTTAI(interaction: InteractionMetrics): import("../../hidden-timing").PageVisibility;

package/dist/types-ts4.5/create-payload/utils/get-ssr-done-time-value.d.ts

@@ -0,0 +1,2 @@
+import { type Config } from '../../config';
+export default function getSSRDoneTimeValue(config: Config | undefined): number | undefined;

package/dist/types-ts4.5/create-payload/utils/get-vc-metrics.d.ts

@@ -0,0 +1,5 @@
+import { type InteractionMetrics } from '../../common';
+import type { VCResult } from '../../common/vc/types';
+export default function getVCMetrics(interaction: InteractionMetrics): Promise<VCResult & {
+    'metric:vc90'?: number | null;
+}>;

package/dist/types-ts4.5/vc/vc-observer-new/index.d.ts

@@ -5,13 +5,14 @@ export type VCObserverNewConfig = {
     selectorConfig?: SelectorConfig;
 };
 export default class VCObserverNew {
-    startTime: number;
     private selectorConfig;
     private viewportObserver;
     private windowEventObserver;
     private entriesTimeline;
     constructor(config: VCObserverNewConfig);
-    start(): void;
+    start({ startTime }: {
+        startTime: DOMHighResTimeStamp;
+    }): void;
     stop(): void;
     getVCResult(param: VCObserverGetVCResultParam): Promise<RevisionPayloadEntry[]>;
     private getElementName;

package/dist/types-ts4.5/vc/vc-observer-new/metric-calculator/abstract-base-vc-calculator.d.ts

@@ -5,5 +5,5 @@ export default abstract class AbstractVCCalculatorBase implements VCCalculator {
     constructor(revisionNo: string);
     protected abstract isEntryIncluded(entry: VCObserverEntry): boolean;
     protected abstract isVCClean(filteredEntries: ReadonlyArray<VCObserverEntry>): boolean;
-    calculate({ orderedEntries, }: VCCalculatorParam): Promise<RevisionPayloadEntry | undefined>;
+    calculate({ startTime, stopTime, orderedEntries, }: VCCalculatorParam): Promise<RevisionPayloadEntry | undefined>;
 }

package/dist/types-ts4.5/vc/vc-observer-new/metric-calculator/percentile-calc/canvas-heatmap/index.d.ts

@@ -1,4 +1,4 @@
 import type { RevisionPayloadVCDetails } from '../../types';
 import type { CalcTTVCPercentilesArg } from '../types';
-export default function calculateTTVCPercentiles({ viewport, orderedEntries, percentiles, }: CalcTTVCPercentilesArg): Promise<RevisionPayloadVCDetails>;
-export declare function calculatePercentiles(timePixelCounts: Map<DOMHighResTimeStamp, number>, elementMap: ReadonlyMap<DOMHighResTimeStamp, Set<string>>, unorderedPercentiles: number[], totalPixels: number): RevisionPayloadVCDetails;
+export default function calculateTTVCPercentiles({ viewport, orderedEntries, percentiles, startTime, }: CalcTTVCPercentilesArg): Promise<RevisionPayloadVCDetails>;
+export declare function calculatePercentiles(timePixelCounts: Map<DOMHighResTimeStamp, number>, elementMap: ReadonlyMap<DOMHighResTimeStamp, Set<string>>, unorderedPercentiles: number[], totalPixels: number, startTime: DOMHighResTimeStamp): RevisionPayloadVCDetails;

package/dist/types-ts4.5/vc/vc-observer-new/metric-calculator/percentile-calc/heatmap/index.d.ts

@@ -1,8 +1,9 @@
 import type { VCObserverEntry } from '../../../types';
 import type { RevisionPayloadVCDetails } from '../../types';
 import type { Viewport } from './types';
-export default function calculateTTVCPercentiles({ orderedEntries, viewport, percentiles, }: {
+export default function calculateTTVCPercentiles({ orderedEntries, viewport, percentiles, startTime, }: {
     orderedEntries: ReadonlyArray<VCObserverEntry>;
     viewport: Viewport;
     percentiles: number[];
+    startTime: DOMHighResTimeStamp;
 }): Promise<RevisionPayloadVCDetails>;

package/dist/types-ts4.5/vc/vc-observer-new/metric-calculator/percentile-calc/rect-sweeping-line/index.d.ts

@@ -16,8 +16,9 @@ export type CheckpointMetrics = {
         e: DOMSelector[];
     };
 };
-export default function calculateTTVCPercentiles({ orderedEntries, viewport, percentiles, }: {
+export default function calculateTTVCPercentiles({ orderedEntries, viewport, percentiles, startTime, }: {
     orderedEntries: ReadonlyArray<VCObserverEntry>;
     viewport: Viewport;
     percentiles: number[];
+    startTime: DOMHighResTimeStamp;
 }): Promise<CheckpointMetrics>;

package/dist/types-ts4.5/vc/vc-observer-new/metric-calculator/percentile-calc/types.d.ts

@@ -4,6 +4,8 @@ export type CalcTTVCPercentilesArg = {
         width: number;
         height: number;
     };
+    startTime: DOMHighResTimeStamp;
+    stopTime: DOMHighResTimeStamp;
     orderedEntries: ReadonlyArray<VCObserverEntry>;
     percentiles: number[];
 };