@atlaskit/react-ufo 3.1.4 → 3.3.0

package/dist/es2019/create-experimental-interaction-metrics-payload/index.js

@@ -57,11 +57,11 @@ export class ExperimentalVCMetrics {
   }
 }
 export const experimentalVC = new ExperimentalVCMetrics();
-export const getExperimentalVCMetrics = interaction => {
+export const getExperimentalVCMetrics = async interaction => {
   if (experimentalVC.vcObserver) {
     var _interaction$apdex, _interaction$apdex$;
     const prefix = 'ufo-experimental';
-    const result = experimentalVC.vcObserver.getVCResult({
+    const result = await experimentalVC.vcObserver.getVCResult({
       start: interaction.start,
       stop: interaction.end,
       tti: (_interaction$apdex = interaction.apdex) === null || _interaction$apdex === void 0 ? void 0 : (_interaction$apdex$ = _interaction$apdex[0]) === null || _interaction$apdex$ === void 0 ? void 0 : _interaction$apdex$.stopTime,

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

@@ -165,7 +165,7 @@ const getTTAI = interaction => {
   const pageVisibilityUpToTTAI = getPageVisibilityUpToTTAI(interaction);
   return !interaction.abortReason && pageVisibilityUpToTTAI === 'visible' ? Math.round(end - start) : undefined;
 };
-const getVCMetrics = interaction => {
+const getVCMetrics = async interaction => {
   var _config$vc, _config$vc$ssrWhiteli, _interaction$apdex, _interaction$apdex$, _config$experimentalI;
   const config = getConfig();
   if (!(config !== null && config !== void 0 && (_config$vc = config.vc) !== null && _config$vc !== void 0 && _config$vc.enabled)) {
@@ -181,7 +181,7 @@ const getVCMetrics = interaction => {
   postInteractionLog.setVCObserverSSRConfig(ssr);
   const tti = (_interaction$apdex = interaction.apdex) === null || _interaction$apdex === void 0 ? void 0 : (_interaction$apdex$ = _interaction$apdex[0]) === null || _interaction$apdex$ === void 0 ? void 0 : _interaction$apdex$.stopTime;
   const prefix = 'ufo';
-  const result = getVCObserver().getVCResult({
+  const result = await getVCObserver().getVCResult({
     start: interaction.start,
     stop: interaction.end,
     tti,
@@ -699,7 +699,7 @@ function getErrorCounts(interaction) {
     'ufo:errors:count': interaction.errors.length
   };
 }
-function createInteractionMetricsPayload(interaction, interactionId, experimental) {
+async function createInteractionMetricsPayload(interaction, interactionId, experimental) {
   var _window$location, _config$additionalPay;
   const interactionPayloadStart = performance.now();
   const config = getConfig();
@@ -793,6 +793,7 @@ function createInteractionMetricsPayload(interaction, interactionId, experimenta
   }
   const newUFOName = sanitizeUfoName(ufoName);
   const resourceTimings = getResourceTimings(start, end);
+  const [vcMetrics, experimentalMetrics] = await Promise.all([getVCMetrics(interaction), experimental ? getExperimentalVCMetrics(interaction) : Promise.resolve(undefined)]);
   const payload = {
     actionSubject: 'experience',
     action: 'measured',
@@ -820,8 +821,8 @@ function createInteractionMetricsPayload(interaction, interactionId, experimenta
         ...getPPSMetrics(interaction),
         ...getPaintMetrics(type),
         ...getNavigationMetrics(type),
-        ...getVCMetrics(interaction),
-        ...(experimental ? getExperimentalVCMetrics(interaction) : undefined),
+        ...vcMetrics,
+        ...experimentalMetrics,
         ...((_config$additionalPay = config.additionalPayloadData) === null || _config$additionalPay === void 0 ? void 0 : _config$additionalPay.call(config, interaction)),
         ...getTracingContextData(interaction),
         ...getStylesheetMetrics(),
@@ -876,13 +877,13 @@ function createInteractionMetricsPayload(interaction, interactionId, experimenta
   payload.attributes.properties['event:sizeInKb'] = getPayloadSize(payload.attributes.properties);
   return payload;
 }
-export function createPayloads(interactionId, interaction) {
+export async function createPayloads(interactionId, interaction) {
   const ufoNameOverride = getUfoNameOverride(interaction);
   const modifiedInteraction = {
     ...interaction,
     ufoName: ufoNameOverride
   };
-  const interactionMetricsPayload = createInteractionMetricsPayload(modifiedInteraction, interactionId);
+  const interactionMetricsPayload = await createInteractionMetricsPayload(modifiedInteraction, interactionId);
   return [interactionMetricsPayload];
 }
 export function createExperimentalMetricsPayload(interactionId, interaction) {

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

@@ -502,15 +502,15 @@ export function tryComplete(interactionId, endTime) {
   if (interaction != null) {
     const noMoreActiveHolds = interaction.holdActive.size === 0;
     const noMoreExpHolds = interaction.holdExpActive.size === 0;
-    const postInteraction = () => {
+    const postInteraction = async () => {
       var _getConfig6, _getConfig6$postInter, _getConfig8, _getConfig8$experimen;
       if ((_getConfig6 = getConfig()) !== null && _getConfig6 !== void 0 && (_getConfig6$postInter = _getConfig6.postInteractionLog) !== null && _getConfig6$postInter !== void 0 && _getConfig6$postInter.enabled) {
         var _getConfig7, _getConfig7$experimen;
         let experimentalVC90;
         let experimentalTTAI;
         if ((_getConfig7 = getConfig()) !== null && _getConfig7 !== void 0 && (_getConfig7$experimen = _getConfig7.experimentalInteractionMetrics) !== null && _getConfig7$experimen !== void 0 && _getConfig7$experimen.enabled) {
-          var _getExperimentalVCMet;
-          experimentalVC90 = (_getExperimentalVCMet = getExperimentalVCMetrics(interaction)) === null || _getExperimentalVCMet === void 0 ? void 0 : _getExperimentalVCMet['metric:experimental:vc90'];
+          var _await$getExperimenta;
+          experimentalVC90 = (_await$getExperimenta = await getExperimentalVCMetrics(interaction)) === null || _await$getExperimenta === void 0 ? void 0 : _await$getExperimenta['metric:experimental:vc90'];
           const {
             start,
             end

package/dist/es2019/interaction-metrics/post-interaction-log.js

@@ -85,7 +85,7 @@ export default class PostInteractionLog {
   /**
    * Send the log if there is data
    */
-  sendPostInteractionLog() {
+  async sendPostInteractionLog() {
     var _this$vcObserver3, _getConfig2, _getConfig2$experimen;
     if (!this.hasData() || !this.lastInteractionFinish || !this.sinkHandlerFn) {
       var _getConfig, _getConfig$experiment;
@@ -96,14 +96,14 @@ export default class PostInteractionLog {
       }
       return;
     }
-    const postInteractionFinishVCResult = (_this$vcObserver3 = this.vcObserver) === null || _this$vcObserver3 === void 0 ? void 0 : _this$vcObserver3.getVCResult({
+    const postInteractionFinishVCResult = await ((_this$vcObserver3 = this.vcObserver) === null || _this$vcObserver3 === void 0 ? void 0 : _this$vcObserver3.getVCResult({
       start: this.lastInteractionFinish.start,
       stop: performance.now(),
       tti: -1,
       // no need for TTI value here
       prefix: 'ufo',
       ...this.vcObserverSSRConfig
-    });
+    }));
     if ((_getConfig2 = getConfig()) !== null && _getConfig2 !== void 0 && (_getConfig2$experimen = _getConfig2.experimentalInteractionMetrics) !== null && _getConfig2$experimen !== void 0 && _getConfig2$experimen.enabled) {
       var _this$vcObserver4;
       (_this$vcObserver4 = this.vcObserver) === null || _this$vcObserver4 === void 0 ? void 0 : _this$vcObserver4.stop();
@@ -149,8 +149,8 @@ export default class PostInteractionLog {
       experimentalVC90
     };
     const timeout = ((_getConfig3 = getConfig()) === null || _getConfig3 === void 0 ? void 0 : _getConfig3.timeWindowForLateMutationsInMilliseconds) || POST_INTERACTION_LOG_SEND_DEFAULT_TIMEOUT;
-    this.sinkTimeoutId = window.setTimeout(() => {
-      this.sendPostInteractionLog();
+    this.sinkTimeoutId = window.setTimeout(async () => {
+      await this.sendPostInteractionLog();
     }, timeout);
   }
 

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

@@ -1,4 +1,5 @@
 import { unstable_IdlePriority as idlePriority, unstable_scheduleCallback as scheduleCallback } from 'scheduler';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { startLighthouseObserver } from '../additional-payload';
 import { setUFOConfig } from '../config';
 import { experimentalVC, sinkExperimentalHandler } from '../create-experimental-interaction-metrics-payload';
@@ -9,13 +10,17 @@ let initialized = false;
 function sinkInteraction(instance, payloadPackage) {
   sinkInteractionHandler((interactionId, interaction) => {
     scheduleCallback(idlePriority, () => {
-      const payloads = payloadPackage.createPayloads(interactionId, interaction);
-      const devToolObserver = globalThis.__ufo_devtool_onUfoPayload;
-      payloads === null || payloads === void 0 ? void 0 : payloads.forEach(payload => {
-        if (typeof devToolObserver === 'function') {
-          devToolObserver === null || devToolObserver === void 0 ? void 0 : devToolObserver(payload);
-        }
-        instance.sendOperationalEvent(payload);
+      payloadPackage.createPayloads(interactionId, interaction).then(payloads => {
+        // NOTE: This API is used by the UFO DevTool Chrome Extension and Criterion
+        const devToolObserver = globalThis.__ufo_devtool_onUfoPayload;
+        payloads === null || payloads === void 0 ? void 0 : payloads.forEach(payload => {
+          if (typeof devToolObserver === 'function') {
+            devToolObserver === null || devToolObserver === void 0 ? void 0 : devToolObserver(payload);
+          }
+          instance.sendOperationalEvent(payload);
+        });
+      }).catch(error => {
+        throw error;
       });
     });
   });
@@ -25,6 +30,13 @@ function sinkExperimentalInteractionMetrics(instance, payloadPackage) {
     scheduleCallback(idlePriority, () => {
       const payload = payloadPackage.createExperimentalMetricsPayload(interactionId, interaction);
       if (payload) {
+        if (fg('enable_ufo_devtools_api_for_extra_events')) {
+          // NOTE: This API is used by the UFO DevTool Chrome Extension and Criterion
+          const devToolObserver = globalThis.__ufo_devtool_onUfoPayload;
+          if (typeof devToolObserver === 'function') {
+            devToolObserver === null || devToolObserver === void 0 ? void 0 : devToolObserver(payload);
+          }
+        }
         instance.sendOperationalEvent(payload);
       }
     });
@@ -35,6 +47,13 @@ function sinkPostInteractionLog(instance, createPostInteractionLogPayload) {
     scheduleCallback(idlePriority, () => {
       const payload = createPostInteractionLogPayload(logOutput);
       if (payload) {
+        // NOTE: This API is used by the UFO DevTool Chrome Extension and also by Criterion
+        if (fg('enable_ufo_devtools_api_for_extra_events')) {
+          const devToolObserver = globalThis.__ufo_devtool_onUfoPayload;
+          if (typeof devToolObserver === 'function') {
+            devToolObserver === null || devToolObserver === void 0 ? void 0 : devToolObserver(payload);
+          }
+        }
         instance.sendOperationalEvent(payload);
       }
     });

package/dist/es2019/segment/schedule-on-paint.js

@@ -0,0 +1,29 @@
+export default function scheduleOnPaint(callback) {
+  var _document;
+  if (((_document = document) === null || _document === void 0 ? void 0 : _document.visibilityState) !== 'visible') {
+    // last resort fallback
+    setTimeout(callback, 100);
+    return;
+  }
+
+  // Check if the Scheduler API is available
+  if (typeof window.scheduler !== 'undefined' && typeof window.scheduler.postTask === 'function') {
+    // Use scheduler.postTask if available
+    // https://developer.mozilla.org/en-US/docs/Web/API/Prioritized_Task_Scheduling_API
+    // Make sure we are scheduling this task before the browser paint the next frame
+    requestAnimationFrame(() => {
+      window.scheduler.postTask(callback, {
+        priority: 'user-visible'
+      });
+    });
+  }
+  // if active tab, and can do requestAnimationFrame
+  else if (typeof requestAnimationFrame !== 'undefined') {
+    // Fallback to using double requestAnimationFrame
+    requestAnimationFrame(() => {
+      requestAnimationFrame(() => {
+        callback();
+      });
+    });
+  }
+}

package/dist/es2019/segment/segment.js

@@ -10,6 +10,7 @@ import UFOInteractionIDContext from '../interaction-id-context';
 import { abortByNewInteraction, addApdex, addCustomData, addCustomTiming, addHold, addHoldByID, addMark, addNewInteraction, addProfilerTimings, addRequestInfo, addSegment, addSpan, removeHoldByID, removeSegment, tryComplete } from '../interaction-metrics';
 import UFORouteName from '../route-name-context';
 import generateId from '../short-id';
+import scheduleOnPaint from './schedule-on-paint';
 let tryCompleteHandle;
 const AsyncSegmentHighlight = /*#__PURE__*/lazy(() => import( /* webpackChunkName: "@atlaskit-internal_ufo-segment-highlight" */'./segment-highlight').then(module => ({
   default: module.SegmentHighlight
@@ -189,7 +190,14 @@ export default function UFOSegment({
       onRender(phase, actualDuration, baseDuration, startTime, commitTime) {
         if (interactionId.current !== null) {
           addProfilerTimings(interactionId.current, this.labelStack, phase, actualDuration, baseDuration, startTime, commitTime);
-          this.complete(commitTime);
+          if (fg('platform_ufo_vc_ttai_on_paint')) {
+            scheduleOnPaint(() => {
+              const paintedTime = performance.now();
+              this.complete(paintedTime);
+            });
+          } else {
+            this.complete(commitTime);
+          }
         }
       },
       _internalHold,

package/dist/es2019/vc/index.js

@@ -1,7 +1,62 @@
+import { fg } from '@atlaskit/platform-feature-flags';
 import { VCObserver } from './vc-observer';
+import VCObserverNew from './vc-observer-new';
+class VCObserverWrapper {
+  constructor(opts = {}) {
+    this.oldVCObserver = new VCObserver(opts);
+    this.newVCObserver = null;
+    const isNewVCObserverEnabled = fg('platform_ufo_vc_observer_new');
+    if (isNewVCObserverEnabled) {
+      this.newVCObserver = new VCObserverNew({
+        selectorConfig: opts.selectorConfig
+      });
+    }
+  }
+  start(startArg) {
+    var _this$oldVCObserver, _this$newVCObserver;
+    (_this$oldVCObserver = this.oldVCObserver) === null || _this$oldVCObserver === void 0 ? void 0 : _this$oldVCObserver.start(startArg);
+    (_this$newVCObserver = this.newVCObserver) === null || _this$newVCObserver === void 0 ? void 0 : _this$newVCObserver.start();
+  }
+  stop() {
+    var _this$oldVCObserver2, _this$newVCObserver2;
+    (_this$oldVCObserver2 = this.oldVCObserver) === null || _this$oldVCObserver2 === void 0 ? void 0 : _this$oldVCObserver2.stop();
+    (_this$newVCObserver2 = this.newVCObserver) === null || _this$newVCObserver2 === void 0 ? void 0 : _this$newVCObserver2.stop();
+  }
+  getVCRawData() {
+    var _this$oldVCObserver$g, _this$oldVCObserver3;
+    return (_this$oldVCObserver$g = (_this$oldVCObserver3 = this.oldVCObserver) === null || _this$oldVCObserver3 === void 0 ? void 0 : _this$oldVCObserver3.getVCRawData()) !== null && _this$oldVCObserver$g !== void 0 ? _this$oldVCObserver$g : null;
+  }
+  async getVCResult(param) {
+    var _this$oldVCObserver4, _this$newVCObserver3, _ref;
+    const oldResult = await ((_this$oldVCObserver4 = this.oldVCObserver) === null || _this$oldVCObserver4 === void 0 ? void 0 : _this$oldVCObserver4.getVCResult(param));
+    const newResult = await ((_this$newVCObserver3 = this.newVCObserver) === null || _this$newVCObserver3 === void 0 ? void 0 : _this$newVCObserver3.getVCResult({
+      start: param.start,
+      stop: fg('platform_ufo_vc_ttai_on_paint') ? param.stop : performance.now()
+    }));
+    if (oldResult && !newResult) {
+      return oldResult;
+    }
+    return {
+      ...(oldResult !== null && oldResult !== void 0 ? oldResult : {}),
+      'ufo:vc:rev': [...((_ref = oldResult === null || oldResult === void 0 ? void 0 : oldResult['ufo:vc:rev']) !== null && _ref !== void 0 ? _ref : []), ...(newResult !== null && newResult !== void 0 ? newResult : [])]
+    };
+  }
+  setSSRElement(element) {
+    var _this$oldVCObserver5;
+    (_this$oldVCObserver5 = this.oldVCObserver) === null || _this$oldVCObserver5 === void 0 ? void 0 : _this$oldVCObserver5.setSSRElement(element);
+  }
+  setReactRootRenderStart(startTime) {
+    var _this$oldVCObserver6;
+    (_this$oldVCObserver6 = this.oldVCObserver) === null || _this$oldVCObserver6 === void 0 ? void 0 : _this$oldVCObserver6.setReactRootRenderStart(startTime || performance.now());
+  }
+  setReactRootRenderStop(stopTime) {
+    var _this$oldVCObserver7;
+    (_this$oldVCObserver7 = this.oldVCObserver) === null || _this$oldVCObserver7 === void 0 ? void 0 : _this$oldVCObserver7.setReactRootRenderStop(stopTime || performance.now());
+  }
+}
 export const getVCObserver = (opts = {}) => {
   if (!globalThis.__vcObserver) {
-    globalThis.__vcObserver = new VCObserver(opts);
+    globalThis.__vcObserver = new VCObserverWrapper(opts);
   }
   return globalThis.__vcObserver;
 };

package/dist/es2019/vc/types.js

@@ -0,0 +1 @@
+export {};

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

@@ -85,7 +85,7 @@ export class VCObserver {
         ratios: this.vcRatios
       };
     });
-    _defineProperty(this, "getVCResult", ({
+    _defineProperty(this, "getVCResult", async ({
       start,
       stop,
       tti,
@@ -585,9 +585,6 @@ export class VCObserver {
   setReactRootRenderStop(stopTime = performance.now()) {
     this.observers.setReactRootRenderStop(stopTime);
   }
-  abortObservation(abortReason = 'custom') {
-    this.setAbortReason(abortReason, performance.now());
-  }
   setAbortReason(abort, timestamp, info = '') {
     if (this.abortReason.reason === null || this.abortReason.blocking === false) {
       this.abortReason.reason = abort;

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

@@ -0,0 +1,34 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+export default class EntriesTimeline {
+  constructor() {
+    _defineProperty(this, "unorderedEntries", []);
+    _defineProperty(this, "sortedEntriesCache", new Map());
+    this.unorderedEntries = [];
+  }
+  push(entry) {
+    this.unorderedEntries.push(entry);
+    this.sortedEntriesCache.clear();
+  }
+  getCacheKey(start, stop) {
+    return `${start !== null && start !== void 0 ? start : 'null'}_${stop !== null && stop !== void 0 ? stop : 'null'}`;
+  }
+  getOrderedEntries({
+    start,
+    stop
+  }) {
+    var _this$sortedEntriesCa;
+    const cacheKey = this.getCacheKey(start, stop);
+    const cachedSortedEntries = (_this$sortedEntriesCa = this.sortedEntriesCache.get(cacheKey)) === null || _this$sortedEntriesCa === void 0 ? void 0 : _this$sortedEntriesCa.deref();
+    if (cachedSortedEntries) {
+      return cachedSortedEntries;
+    }
+    const filteredEntries = this.unorderedEntries.filter(e => e.time >= (start !== null && start !== void 0 ? start : 0) && e.time <= (stop !== null && stop !== void 0 ? stop : performance.now()));
+    const sortedEntries = filteredEntries.sort((a, b) => a.time - b.time);
+    this.sortedEntriesCache.set(cacheKey, new WeakRef(sortedEntries));
+    return sortedEntries;
+  }
+  clear() {
+    this.unorderedEntries = [];
+    this.sortedEntriesCache.clear();
+  }
+}

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

@@ -0,0 +1,62 @@
+const nameCache = new WeakMap();
+function getAttributeSelector(element, attributeName) {
+  const attrValue = element.getAttribute(attributeName);
+  if (!attrValue) {
+    return '';
+  }
+  return `[${attributeName}="${encodeURIComponent(attrValue)}"]`;
+}
+function isSelectorUnique(selector) {
+  return document.querySelectorAll(selector).length === 1;
+}
+function getUniqueSelector(selectorConfig, element) {
+  let currentElement = element;
+  const parts = [];
+  while (currentElement && currentElement.localName !== 'body') {
+    const tagName = currentElement.localName;
+    let selectorPart = tagName;
+    if (selectorConfig.id && currentElement.id) {
+      selectorPart += `#${encodeURIComponent(currentElement.id)}`;
+    } else if (selectorConfig.dataVC) {
+      selectorPart += getAttributeSelector(currentElement, 'data-vc');
+    } else if (selectorConfig.testId) {
+      selectorPart += getAttributeSelector(currentElement, 'data-testid') || getAttributeSelector(currentElement, 'data-test-id');
+    } else if (selectorConfig.role) {
+      selectorPart += getAttributeSelector(currentElement, 'role');
+    } else if (selectorConfig.className && currentElement.className) {
+      const classNames = Array.from(currentElement.classList).map(encodeURIComponent).join('.');
+      if (classNames) {
+        selectorPart += `.${classNames}`;
+      }
+    }
+    parts.unshift(selectorPart);
+    const potentialSelector = parts.join(' > ').trim();
+    if (potentialSelector && isSelectorUnique(potentialSelector)) {
+      return potentialSelector;
+    }
+    currentElement = currentElement.parentElement;
+  }
+  const potentialSelector = parts.join(' > ').trim();
+  if (!potentialSelector) {
+    return 'unknown';
+  } else if (!isSelectorUnique(potentialSelector)) {
+    const parentElement = element.parentElement;
+    if (parentElement) {
+      const siblingIndex = Array.from(parentElement.children).indexOf(element) + 1;
+      return `${potentialSelector}:nth-child(${siblingIndex})`;
+    }
+  }
+  return potentialSelector;
+}
+export default function getElementName(selectorConfig, element) {
+  if (!(element instanceof HTMLElement)) {
+    return 'error';
+  }
+  const cachedName = nameCache.get(element);
+  if (cachedName) {
+    return cachedName;
+  }
+  const uniqueSelector = getUniqueSelector(selectorConfig, element);
+  nameCache.set(element, uniqueSelector);
+  return uniqueSelector;
+}

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

@@ -0,0 +1,98 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import EntriesTimeline from './entries-timeline';
+import getElementName from './get-element-name';
+import VCCalculator_FY25_03 from './metric-calculator/fy25_03';
+import ViewportObserver from './viewport-observer';
+import WindowEventObserver from './window-event-observer';
+const DEFAULT_SELECTOR_CONFIG = {
+  id: false,
+  testId: true,
+  role: false,
+  className: false,
+  dataVC: true
+};
+export default class VCObserverNew {
+  constructor(config) {
+    var _config$selectorConfi;
+    _defineProperty(this, "startTime", 0);
+    _defineProperty(this, "viewportObserver", null);
+    _defineProperty(this, "windowEventObserver", null);
+    this.entriesTimeline = new EntriesTimeline();
+    this.selectorConfig = (_config$selectorConfi = config.selectorConfig) !== null && _config$selectorConfi !== void 0 ? _config$selectorConfi : DEFAULT_SELECTOR_CONFIG;
+    this.viewportObserver = new ViewportObserver({
+      onChange: onChangeArg => {
+        const {
+          time,
+          type,
+          elementRef,
+          visible,
+          rect,
+          previousRect,
+          mutationData
+        } = onChangeArg;
+        let elementName = 'unknown';
+        const element = elementRef.deref();
+        if (element) {
+          elementName = this.getElementName(element);
+        }
+        this.entriesTimeline.push({
+          time,
+          type,
+          data: {
+            elementName,
+            rect,
+            previousRect,
+            visible,
+            attributeName: mutationData === null || mutationData === void 0 ? void 0 : mutationData.attributeName
+          }
+        });
+      }
+    });
+    this.windowEventObserver = new WindowEventObserver({
+      onEvent: ({
+        time,
+        type
+      }) => {
+        this.entriesTimeline.push({
+          time,
+          type: 'window:event',
+          data: {
+            eventType: type
+          }
+        });
+      }
+    });
+  }
+  start() {
+    var _this$viewportObserve, _this$windowEventObse;
+    (_this$viewportObserve = this.viewportObserver) === null || _this$viewportObserve === void 0 ? void 0 : _this$viewportObserve.start();
+    (_this$windowEventObse = this.windowEventObserver) === null || _this$windowEventObse === void 0 ? void 0 : _this$windowEventObse.start();
+  }
+  stop() {
+    var _this$viewportObserve2, _this$windowEventObse2;
+    (_this$viewportObserve2 = this.viewportObserver) === null || _this$viewportObserve2 === void 0 ? void 0 : _this$viewportObserve2.stop();
+    (_this$windowEventObse2 = this.windowEventObserver) === null || _this$windowEventObse2 === void 0 ? void 0 : _this$windowEventObse2.stop();
+  }
+  async getVCResult(param) {
+    const {
+      start,
+      stop
+    } = param;
+    const results = [];
+    const calculator_fy25_03 = new VCCalculator_FY25_03();
+    const orderedEntries = this.entriesTimeline.getOrderedEntries({
+      start,
+      stop
+    });
+    const fy25_03 = await calculator_fy25_03.calculate({
+      orderedEntries
+    });
+    if (fy25_03) {
+      results.push(fy25_03);
+    }
+    return results;
+  }
+  getElementName(element) {
+    return getElementName(this.selectorConfig, element);
+  }
+}

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

@@ -0,0 +1,38 @@
+import calculateTTVCPercentiles from './percentile-calc';
+import getViewportHeight from './utils/get-viewport-height';
+import getViewportWidth from './utils/get-viewport-width';
+export default class AbstractVCCalculatorBase {
+  constructor(revisionNo) {
+    this.revisionNo = revisionNo;
+  }
+  async calculate({
+    orderedEntries
+  }) {
+    var _vcDetails$90$t, _vcDetails$;
+    const filteredEntries = orderedEntries.filter(entry => {
+      return this.isEntryIncluded(entry);
+    });
+    const isVCClean = this.isVCClean(filteredEntries);
+    if (!isVCClean) {
+      return {
+        revision: this.revisionNo,
+        'metric:vc90': null,
+        clean: false
+      };
+    }
+    const vcDetails = await calculateTTVCPercentiles({
+      viewport: {
+        width: getViewportWidth(),
+        height: getViewportHeight()
+      },
+      orderedEntries: filteredEntries,
+      percentiles: [25, 50, 75, 80, 85, 90, 95, 98, 99]
+    });
+    return {
+      revision: this.revisionNo,
+      vcDetails: vcDetails !== null && vcDetails !== void 0 ? vcDetails : undefined,
+      clean: isVCClean,
+      'metric:vc90': (_vcDetails$90$t = vcDetails === null || vcDetails === void 0 ? void 0 : (_vcDetails$ = vcDetails['90']) === null || _vcDetails$ === void 0 ? void 0 : _vcDetails$.t) !== null && _vcDetails$90$t !== void 0 ? _vcDetails$90$t : null
+    };
+  }
+}

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

@@ -0,0 +1,39 @@
+import AbstractVCCalculatorBase from '../abstract-base-vc-calculator';
+import isViewportEntryData from '../utils/is-viewport-entry-data';
+const ABORTING_WINDOW_EVENT = ['wheel', 'scroll', 'keydown', 'resize'];
+const REVISION_NO = 'fy25.03';
+const CONSIDERED_ENTRY_TYPE = ['mutation:child-element', 'mutation:element', 'mutation:attribute', 'layout-shift', 'window:event'];
+export default class VCCalculator_FY25_03 extends AbstractVCCalculatorBase {
+  constructor() {
+    super(REVISION_NO);
+  }
+  isEntryIncluded(entry) {
+    if (!CONSIDERED_ENTRY_TYPE.includes(entry.type)) {
+      return false;
+    }
+    if (entry.type === 'mutation:attribute') {
+      const entryData = entry.data;
+      const attributeName = entryData.attributeName;
+      if (!attributeName) {
+        return false;
+      }
+      return true;
+    }
+    if (isViewportEntryData(entry.data) && !entry.data.visible) {
+      return false;
+    }
+    return true;
+  }
+  isVCClean(filteredEntries) {
+    const hasAbortEvent = filteredEntries.some(entry => {
+      if (entry.type === 'window:event') {
+        const data = entry.data;
+        if (ABORTING_WINDOW_EVENT.includes(data.eventType)) {
+          return true;
+        }
+      }
+      return false;
+    });
+    return !hasAbortEvent;
+  }
+}