@newrelic/browser-agent 1.266.0 → 1.268.0

package/dist/cjs/features/page_view_event/aggregate/index.js

@@ -118,7 +118,7 @@ class Aggregate extends _aggregateBase.AggregateBase {
     queryParameters.fp = _firstPaint.firstPaint.current.value;
     queryParameters.fcp = _firstContentfulPaint.firstContentfulPaint.current.value;
     if (this.timeKeeper?.ready) {
-      queryParameters.timestamp = Math.floor(this.timeKeeper.correctAbsoluteTimestamp(this.timeKeeper.convertRelativeTimestamp((0, _now.now)())));
+      queryParameters.timestamp = Math.floor(this.timeKeeper.correctRelativeTimestamp((0, _now.now)()));
     }
     const rumStartTime = (0, _now.now)();
     harvester.send({
@@ -142,20 +142,20 @@ class Aggregate extends _aggregateBase.AggregateBase {
           this.ee.abort();
           return;
         }
-        try {
-          this.timeKeeper.processRumRequest(xhr, rumStartTime, rumEndTime);
-          if (!this.timeKeeper.ready) throw new Error('TimeKeeper not ready');
-          agentRuntime.timeKeeper = this.timeKeeper;
-        } catch (error) {
-          this.ee.abort();
-          (0, _console.warn)(17, error);
-          return;
-        }
         try {
           const {
             app,
             ...flags
           } = JSON.parse(responseText);
+          try {
+            this.timeKeeper.processRumRequest(xhr, rumStartTime, rumEndTime, app.nrServerTime);
+            if (!this.timeKeeper.ready) throw new Error('TimeKeeper not ready');
+            agentRuntime.timeKeeper = this.timeKeeper;
+          } catch (error) {
+            this.ee.abort();
+            (0, _console.warn)(17, error);
+            return;
+          }
           agentRuntime.appMetadata = app;
           (0, _featureFlags.activateFeatures)(flags, this.agentIdentifier);
           this.drain();

package/dist/cjs/features/session_replay/aggregate/index.js

@@ -26,6 +26,7 @@ var _drain = require("../../../common/drain/drain");
 var _now = require("../../../common/timing/now");
 var _utils = require("../shared/utils");
 var _agentConstants = require("../../../common/constants/agent-constants");
+var _cleanUrl = require("../../../common/url/clean-url");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; } /*
  * Copyright 2023 New Relic Corporation. All rights reserved.
@@ -108,7 +109,6 @@ class Aggregate extends _aggregateBase.AggregateBase {
       block_selector,
       mask_text_selector,
       mask_all_inputs,
-      inline_stylesheet,
       inline_images,
       collect_fonts
     } = (0, _init.getConfigurationValue)(this.agentIdentifier, 'session_replay');
@@ -135,7 +135,6 @@ class Aggregate extends _aggregateBase.AggregateBase {
     /** Detect if the default configs have been altered and report a SM.  This is useful to evaluate what the reasonable defaults are across a customer base over time */
     if (!autoStart) (0, _handle.handle)(_constants2.SUPPORTABILITY_METRIC_CHANNEL, ['Config/SessionReplay/AutoStart/Modified'], undefined, _features.FEATURE_NAMES.metrics, this.ee);
     if (collect_fonts === true) (0, _handle.handle)(_constants2.SUPPORTABILITY_METRIC_CHANNEL, ['Config/SessionReplay/CollectFonts/Modified'], undefined, _features.FEATURE_NAMES.metrics, this.ee);
-    if (inline_stylesheet !== true) (0, _handle.handle)(_constants2.SUPPORTABILITY_METRIC_CHANNEL, ['Config/SessionReplay/InlineStylesheet/Modified'], undefined, _features.FEATURE_NAMES.metrics, this.ee);
     if (inline_images === true) (0, _handle.handle)(_constants2.SUPPORTABILITY_METRIC_CHANNEL, ['Config/SessionReplay/InlineImages/Modifed'], undefined, _features.FEATURE_NAMES.metrics, this.ee);
     if (mask_all_inputs !== true) (0, _handle.handle)(_constants2.SUPPORTABILITY_METRIC_CHANNEL, ['Config/SessionReplay/MaskAllInputs/Modified'], undefined, _features.FEATURE_NAMES.metrics, this.ee);
     if (block_selector !== '[data-nr-block]') (0, _handle.handle)(_constants2.SUPPORTABILITY_METRIC_CHANNEL, ['Config/SessionReplay/BlockSelector/Modified'], undefined, _features.FEATURE_NAMES.metrics, this.ee);
@@ -253,7 +252,7 @@ class Aggregate extends _aggregateBase.AggregateBase {
   prepareHarvest({
     opts
   } = {}) {
-    if (!this.recorder || !this.timeKeeper?.ready) return;
+    if (!this.recorder || !this.timeKeeper?.ready || !this.recorder.hasSeenSnapshot) return;
     const recorderEvents = this.recorder.getEvents();
     // get the event type and use that to trigger another harvest if needed
     if (!recorderEvents.events.length || this.mode !== _constants3.MODE.FULL || this.blocked) return;
@@ -345,8 +344,8 @@ class Aggregate extends _aggregateBase.AggregateBase {
     const firstEventTimestamp = this.getCorrectedTimestamp(events[0]); // from rrweb node
     const lastEventTimestamp = this.getCorrectedTimestamp(events[events.length - 1]); // from rrweb node
     // from rrweb node || from when the harvest cycle started
-    const firstTimestamp = firstEventTimestamp || Math.floor(this.timeKeeper.correctAbsoluteTimestamp(this.timeKeeper.correctAbsoluteTimestamp(recorderEvents.cycleTimestamp)));
-    const lastTimestamp = lastEventTimestamp || Math.floor(this.timeKeeper.correctAbsoluteTimestamp(this.timeKeeper.convertRelativeTimestamp(relativeNow)));
+    const firstTimestamp = firstEventTimestamp || Math.floor(this.timeKeeper.correctAbsoluteTimestamp(recorderEvents.cycleTimestamp));
+    const lastTimestamp = lastEventTimestamp || Math.floor(this.timeKeeper.correctRelativeTimestamp(relativeNow));
     const agentMetadata = agentRuntime.appMetadata?.agents?.[0] || {};
     return {
       qs: {
@@ -384,7 +383,8 @@ class Aggregate extends _aggregateBase.AggregateBase {
           // customer-defined data should go last so that if it exceeds the query param padding limit it will be truncated instead of important attrs
           ...(endUserId && {
             'enduser.id': this.obfuscator.obfuscateString(endUserId)
-          })
+          }),
+          currentUrl: this.obfuscator.obfuscateString((0, _cleanUrl.cleanURL)('' + location))
           // The Query Param is being arbitrarily limited in length here.  It is also applied when estimating the size of the payload in getPayloadSize()
         }, _constants.QUERY_PARAM_PADDING).substring(1) // remove the leading '&'
       },

package/dist/cjs/features/session_replay/shared/recorder.js

@@ -33,14 +33,14 @@ class Recorder {
     this.recording = false;
     /** The pointer to the current bucket holding rrweb events */
     this.currentBufferTarget = this.#events;
+    /** Only set to true once a snapshot node has been processed.  Used to block preload harvests from sending before we know we have a snapshot */
+    this.hasSeenSnapshot = false;
     /** Hold on to the last meta node, so that it can be re-inserted if the meta and snapshot nodes are broken up due to harvesting */
     this.lastMeta = false;
     /** The parent class that instantiated the recorder */
     this.parent = parent;
-    /** Config to inform to inline stylesheet contents (true default) */
-    this.shouldInlineStylesheets = (0, _init.getConfigurationValue)(this.parent.agentIdentifier, 'session_replay.inline_stylesheet');
     /** A flag that can be set to false by failing conversions to stop the fetching process */
-    this.shouldFix = this.shouldInlineStylesheets && (0, _init.getConfigurationValue)(this.parent.agentIdentifier, 'session_replay.fix_stylesheets');
+    this.shouldFix = (0, _init.getConfigurationValue)(this.parent.agentIdentifier, 'session_replay.fix_stylesheets');
     /** The method to stop recording. This defaults to a noop, but is overwritten once the recording library is imported and initialized */
     this.stopRecording = () => {/* no-op until set by rrweb initializer */};
   }
@@ -82,13 +82,16 @@ class Recorder {
       mask_input_options,
       mask_text_selector,
       mask_all_inputs,
-      inline_stylesheet,
       inline_images,
       collect_fonts
     } = (0, _init.getConfigurationValue)(this.parent.agentIdentifier, 'session_replay');
     const customMasker = (text, element) => {
-      if (element?.type?.toLowerCase() !== 'password' && (element?.dataset.nrUnmask !== undefined || element?.classList.contains('nr-unmask'))) return text;
-      return '*'.repeat(text.length);
+      try {
+        if (typeof element?.type === 'string' && element.type.toLowerCase() !== 'password' && (element?.dataset?.nrUnmask !== undefined || element?.classList?.contains('nr-unmask'))) return text;
+      } catch (err) {
+        // likely an element was passed to this handler that was invalid and was missing attributes or methods
+      }
+      return '*'.repeat(text?.length || 0);
     };
     // set up rrweb configurations for maximum privacy --
     // https://newrelic.atlassian.net/wiki/spaces/O11Y/pages/2792293280/2023+02+28+Browser+-+Session+Replay#Configuration-options
@@ -103,7 +106,7 @@ class Recorder {
       maskTextFn: customMasker,
       maskAllInputs: mask_all_inputs,
       maskInputFn: customMasker,
-      inlineStylesheet: inline_stylesheet,
+      inlineStylesheet: true,
       inlineImages: inline_images,
       collectFonts: collect_fonts,
       checkoutEveryNms: _constants.CHECKOUT_MS[this.parent.mode],
@@ -130,13 +133,17 @@ class Recorder {
    * @param {*} isCheckout - Flag indicating if the payload was triggered as a checkout
    */
   audit(event, isCheckout) {
-    /** only run the audit if inline_stylesheets is configured as on (default behavior) */
-    if (this.shouldInlineStylesheets === false || !this.shouldFix) {
-      this.currentBufferTarget.inlinedAllStylesheets = false;
-      return this.store(event, isCheckout);
-    }
     /** An count of stylesheet objects that were blocked from accessing contents via JS */
     const incompletes = _stylesheetEvaluator.stylesheetEvaluator.evaluate();
+    const missingInlineSMTag = 'SessionReplay/Payload/Missing-Inline-Css/';
+    /** only run the full fixing behavior (more costly) if fix_stylesheets is configured as on (default behavior) */
+    if (!this.shouldFix) {
+      if (incompletes > 0) {
+        this.currentBufferTarget.inlinedAllStylesheets = false;
+        (0, _handle.handle)(_constants3.SUPPORTABILITY_METRIC_CHANNEL, [missingInlineSMTag + 'Skipped', incompletes], undefined, _features.FEATURE_NAMES.metrics, this.parent.ee);
+      }
+      return this.store(event, isCheckout);
+    }
     /** Only stop ignoring data if already ignoring and a new valid snapshap is taking place (0 incompletes and we get a meta node for the snap) */
     if (!incompletes && this.#fixing && event.type === _constants.RRWEB_EVENT_TYPES.Meta) this.#fixing = false;
     if (incompletes > 0) {
@@ -146,8 +153,8 @@ class Recorder {
           this.currentBufferTarget.inlinedAllStylesheets = false;
           this.shouldFix = false;
         }
-        (0, _handle.handle)(_constants3.SUPPORTABILITY_METRIC_CHANNEL, ['SessionReplay/Payload/Missing-Inline-Css/Failed', failedToFix], undefined, _features.FEATURE_NAMES.metrics, this.parent.ee);
-        (0, _handle.handle)(_constants3.SUPPORTABILITY_METRIC_CHANNEL, ['SessionReplay/Payload/Missing-Inline-Css/Fixed', incompletes - failedToFix], undefined, _features.FEATURE_NAMES.metrics, this.parent.ee);
+        (0, _handle.handle)(_constants3.SUPPORTABILITY_METRIC_CHANNEL, [missingInlineSMTag + 'Failed', failedToFix], undefined, _features.FEATURE_NAMES.metrics, this.parent.ee);
+        (0, _handle.handle)(_constants3.SUPPORTABILITY_METRIC_CHANNEL, [missingInlineSMTag + 'Fixed', incompletes - failedToFix], undefined, _features.FEATURE_NAMES.metrics, this.parent.ee);
         this.takeFullSnapshot();
       });
       /** Only start ignoring data if got a faulty snapshot */
@@ -190,6 +197,7 @@ class Recorder {
     // snapshot event
     if (event.type === _constants.RRWEB_EVENT_TYPES.FullSnapshot) {
       this.currentBufferTarget.hasSnapshot = true;
+      this.hasSeenSnapshot = true;
     }
     this.currentBufferTarget.add(event);
 

package/dist/cjs/features/session_replay/shared/stylesheet-evaluator.js

@@ -8,7 +8,7 @@ var _nreum = require("../../../common/window/nreum");
 var _runtime = require("../../../common/constants/runtime");
 class StylesheetEvaluator {
   #evaluated = new WeakSet();
-  #fetchProms = [];
+  #brokenSheets = [];
   /**
   * Flipped to true if stylesheets that cannot be natively inlined are detected by the stylesheetEvaluator class
   * Used at harvest time to denote that all subsequent payloads are subject to this and customers should be advised to handle crossorigin decoration
@@ -22,6 +22,7 @@ class StylesheetEvaluator {
    */
   evaluate() {
     let incompletes = 0;
+    this.#brokenSheets = [];
     if (_runtime.isBrowserScope) {
       for (let i = 0; i < Object.keys(document.styleSheets).length; i++) {
         if (!this.#evaluated.has(document.styleSheets[i])) {
@@ -32,7 +33,7 @@ class StylesheetEvaluator {
           } catch (err) {
             if (!document.styleSheets[i].href) return;
             incompletes++;
-            this.#fetchProms.push(this.#fetchAndOverride(document.styleSheets[i]));
+            this.#brokenSheets.push(document.styleSheets[i]);
           }
         }
       }
@@ -46,8 +47,8 @@ class StylesheetEvaluator {
    * @returns {Promise}
    */
   async fix() {
-    await Promise.all(this.#fetchProms);
-    this.#fetchProms = [];
+    await Promise.all(this.#brokenSheets.map(sheet => this.#fetchAndOverride(sheet)));
+    this.#brokenSheets = [];
     const failedToFix = this.failedToFix;
     this.failedToFix = 0;
     return failedToFix;

package/dist/cjs/features/session_trace/aggregate/index.js

@@ -17,6 +17,7 @@ var _drain = require("../../../common/drain/drain");
 var _runtime2 = require("../../../common/constants/runtime");
 var _constants2 = require("../../../common/session/constants");
 var _traverse = require("../../../common/util/traverse");
+var _cleanUrl = require("../../../common/url/clean-url");
 const ERROR_MODE_SECONDS_WINDOW = 30 * 1000; // sliding window of nodes to track when simply monitoring (but not harvesting) in error mode
 /** Reserved room for query param attrs */
 const QUERY_PARAM_PADDING = 5000;
@@ -156,7 +157,7 @@ class Aggregate extends _aggregateBase.AggregateBase {
         type: 'BrowserSessionChunk',
         app_id: this.agentInfo.applicationID,
         protocol_version: '0',
-        timestamp: Math.floor(this.timeKeeper.correctAbsoluteTimestamp(this.timeKeeper.convertRelativeTimestamp(earliestTimeStamp))),
+        timestamp: Math.floor(this.timeKeeper.correctRelativeTimestamp(earliestTimeStamp)),
         attributes: (0, _encode.obj)({
           ...(agentMetadata.entityGuid && {
             entityGuid: agentMetadata.entityGuid
@@ -165,8 +166,8 @@ class Aggregate extends _aggregateBase.AggregateBase {
           // this section of attributes must be controllable and stay below the query param padding limit -- see QUERY_PARAM_PADDING
           // if not, data could be lost to truncation at time of sending, potentially breaking parsing / API behavior in NR1
           // trace payload metadata
-          'trace.firstTimestamp': Math.floor(this.timeKeeper.correctAbsoluteTimestamp(this.timeKeeper.convertRelativeTimestamp(earliestTimeStamp))),
-          'trace.lastTimestamp': Math.floor(this.timeKeeper.correctAbsoluteTimestamp(this.timeKeeper.convertRelativeTimestamp(latestTimeStamp))),
+          'trace.firstTimestamp': Math.floor(this.timeKeeper.correctRelativeTimestamp(earliestTimeStamp)),
+          'trace.lastTimestamp': Math.floor(this.timeKeeper.correctRelativeTimestamp(latestTimeStamp)),
           'trace.nodes': stns.length,
           'trace.originTimestamp': this.timeKeeper.correctedOriginTime,
           // other payload metadata
@@ -182,7 +183,8 @@ class Aggregate extends _aggregateBase.AggregateBase {
           // customer-defined data should go last so that if it exceeds the query param padding limit it will be truncated instead of important attrs
           ...(endUserId && {
             'enduser.id': this.obfuscator.obfuscateString(endUserId)
-          })
+          }),
+          currentUrl: this.obfuscator.obfuscateString((0, _cleanUrl.cleanURL)('' + location))
           // The Query Param is being arbitrarily limited in length here.  It is also applied when estimating the size of the payload in getPayloadSize()
         }, QUERY_PARAM_PADDING).substring(1) // remove the leading '&'
       },

package/dist/cjs/features/utils/event-buffer.js

@@ -63,7 +63,8 @@ class EventBuffer {
   }
 
   /**
-   * Adds an event object to the buffer while tallying size
+   * Adds an event object to the buffer while tallying size. Only adds the event if it is valid
+   * and would not make the event buffer exceed the maxPayloadSize.
    * @param {Object} event the event object to add to the buffer
    * @returns {EventBuffer} returns the event buffer for chaining
    */

package/dist/cjs/loaders/browser-agent.js

@@ -15,6 +15,7 @@ var _instrument7 = require("../features/spa/instrument");
 var _instrument8 = require("../features/session_replay/instrument");
 var _instrument9 = require("../features/generic_events/instrument");
 var _instrument10 = require("../features/logging/instrument");
+var _instrument11 = require("../features/soft_navigations/instrument");
 /**
  * An agent class with all feature modules available. Features may be disabled and enabled via runtime configuration.
  * The BrowserAgent class is the most convenient and reliable option for most use cases.
@@ -23,7 +24,7 @@ class BrowserAgent extends _agent.Agent {
   constructor(args) {
     super({
       ...args,
-      features: [_instrument5.Instrument, _instrument.Instrument, _instrument2.Instrument, _instrument6.Instrument, _instrument3.Instrument, _instrument4.Instrument, _instrument7.Instrument, _instrument8.Instrument, _instrument9.Instrument, _instrument10.Instrument],
+      features: [_instrument5.Instrument, _instrument.Instrument, _instrument2.Instrument, _instrument6.Instrument, _instrument3.Instrument, _instrument4.Instrument, _instrument7.Instrument, _instrument11.Instrument, _instrument8.Instrument, _instrument9.Instrument, _instrument10.Instrument],
       loaderType: 'browser-agent'
     });
   }

package/dist/esm/common/config/init.js

@@ -72,6 +72,9 @@ const model = () => {
     page_action: {
       enabled: true
     },
+    user_actions: {
+      enabled: true
+    },
     page_view_event: {
       enabled: true,
       autoStart: true
@@ -109,10 +112,8 @@ const model = () => {
       // serialize fonts for collection without public asset url, this is currently broken in RRWeb -- https://github.com/rrweb-io/rrweb/issues/1304.  When fixed, revisit with test cases
       inline_images: false,
       // serialize images for collection without public asset url -- right now this is only useful for testing as it easily generates payloads too large to be harvested
-      inline_stylesheet: true,
-      // serialize css for collection without public asset url
       fix_stylesheets: true,
-      // fetch missing stylesheet resources for inlining, only works if 'inline_stylesheet' is also true
+      // fetch missing stylesheet resources for inlining
       // recording config settings
       mask_all_inputs: true,
       // this has a getter/setter to facilitate validation of the selectors

package/dist/esm/common/constants/env.cdn.js

@@ -6,7 +6,7 @@
 /**
  * Exposes the version of the agent
  */
-export const VERSION = "1.266.0";
+export const VERSION = "1.268.0";
 
 /**
  * Exposes the build type of the agent

package/dist/esm/common/constants/env.npm.js

@@ -6,7 +6,7 @@
 /**
  * Exposes the version of the agent
  */
-export const VERSION = "1.266.0";
+export const VERSION = "1.268.0";
 
 /**
  * Exposes the build type of the agent

package/dist/esm/common/dom/iframe.js

@@ -0,0 +1,4 @@
+export function isIFrameWindow(windowObject) {
+  if (!windowObject) return false;
+  return windowObject.self !== windowObject.top;
+}

package/dist/esm/common/dom/selector-path.js

@@ -0,0 +1,41 @@
+/**
+ * Generates a CSS selector path for the given element, if possible
+ * @param {HTMLElement} elem
+ * @param {boolean} includeId
+ * @param {boolean} includeClass
+ * @returns {string|undefined}
+ */
+export const generateSelectorPath = elem => {
+  if (!elem) return;
+  const getNthOfTypeIndex = node => {
+    try {
+      let i = 1;
+      const {
+        tagName
+      } = node;
+      while (node.previousElementSibling) {
+        if (node.previousElementSibling.tagName === tagName) i++;
+        node = node.previousElementSibling;
+      }
+      return i;
+    } catch (err) {
+      // do nothing for now.  An invalid child count will make the path selector not return a nth-of-type selector statement
+    }
+  };
+  let pathSelector = '';
+  let index = getNthOfTypeIndex(elem);
+  try {
+    while (elem?.tagName) {
+      const {
+        id,
+        localName
+      } = elem;
+      const selector = [localName, id ? "#".concat(id) : '', pathSelector ? ">".concat(pathSelector) : ''].join('');
+      pathSelector = selector;
+      elem = elem.parentNode;
+    }
+  } catch (err) {
+    // do nothing for now
+  }
+  return pathSelector ? index ? "".concat(pathSelector, ":nth-of-type(").concat(index, ")") : pathSelector : undefined;
+};

package/dist/esm/common/event-listener/event-listener-opts.js

@@ -1,32 +1,9 @@
-import { globalScope } from '../constants/runtime';
-
-/*
- * See https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener#safely_detecting_option_support
- */
-let passiveSupported = false;
-let signalSupported = false;
-try {
-  const options = {
-    get passive() {
-      // this function will be called when the browser attempts to access the passive property
-      passiveSupported = true;
-      return false;
-    },
-    get signal() {
-      signalSupported = true;
-      return false;
-    }
-  };
-  globalScope.addEventListener('test', null, options);
-  globalScope.removeEventListener('test', null, options);
-} catch (err) {}
 export function eventListenerOpts(useCapture, abortSignal) {
-  return passiveSupported || signalSupported ? {
-    capture: !!useCapture,
-    passive: passiveSupported,
-    // passive defaults to false
+  return {
+    capture: useCapture,
+    passive: false,
     signal: abortSignal
-  } : !!useCapture; // mainly just IE11 doesn't support third param options under EventTarget API
+  };
 }
 
 /** Do not use this within the worker context. */

package/dist/esm/common/timing/time-keeper.js

@@ -1,6 +1,5 @@
 import { originTime } from '../constants/runtime';
 import { getRuntime } from '../config/runtime';
-const rfc2616Regex = /^(Mon|Tue|Wed|Thu|Fri|Sat|Sun), ([0-3][0-9]) (Jan|Feb|Mar|Apr|May|Jun|Jul|Aug|Sep|Oct|Nov|Dec) ([0-9]{4}) ([01][0-9]|2[0-3])(:[0-5][0-9]){2} GMT$/;
 
 /**
  * Class used to adjust the timestamp of harvested data to New Relic server time. This
@@ -52,26 +51,21 @@ export class TimeKeeper {
    * @param rumRequest {XMLHttpRequest} The xhr for the rum request
    * @param startTime {number} The start time of the RUM request
    * @param endTime {number} The end time of the RUM request
+   * @param nrServerTime {number} the unix number value of the NR server time in MS, returned in the RUM request body
    */
-  processRumRequest(rumRequest, startTime, endTime) {
+  processRumRequest(rumRequest, startTime, endTime, nrServerTime) {
     this.processStoredDiff(); // Check session entity for stored time diff
     if (this.#ready) return; // Server time calculated from session entity
 
-    const responseDateHeader = rumRequest.getResponseHeader('Date');
-    if (!responseDateHeader) {
-      throw new Error('Missing date header on rum response.');
-    }
-    if (!rfc2616Regex.test(responseDateHeader)) {
-      throw new Error('Date header invalid format.');
-    }
+    if (!nrServerTime) throw new Error('nrServerTime not found');
     const medianRumOffset = (endTime - startTime) / 2;
     const serverOffset = startTime + medianRumOffset;
 
     // Corrected page origin time
-    this.#correctedOriginTime = Math.floor(Date.parse(responseDateHeader) - serverOffset);
+    this.#correctedOriginTime = Math.floor(nrServerTime - serverOffset);
     this.#localTimeDiff = originTime - this.#correctedOriginTime;
     if (isNaN(this.#correctedOriginTime)) {
-      throw new Error('Date header invalid format.');
+      throw new Error('Failed to correct browser time to server time');
     }
     this.#session?.write({
       serverTimeDiff: this.#localTimeDiff
@@ -108,6 +102,15 @@ export class TimeKeeper {
     return timestamp - this.#localTimeDiff;
   }
 
+  /**
+   * Corrects relative timestamp to NR server time (epoch).
+   * @param {DOMHighResTimeStamp} relativeTime
+   * @returns {number}
+   */
+  correctRelativeTimestamp(relativeTime) {
+    return this.correctAbsoluteTimestamp(this.convertRelativeTimestamp(relativeTime));
+  }
+
   /** Process the session entity and use the info to set the main time calculations if present */
   processStoredDiff() {
     if (this.#ready) return; // Time diff has already been calculated

package/dist/esm/common/util/stringify.js

@@ -31,12 +31,14 @@ const getCircularReplacer = () => {
  */
 export function stringify(val) {
   try {
-    return JSON.stringify(val, getCircularReplacer());
+    return JSON.stringify(val, getCircularReplacer()) ?? '';
   } catch (e) {
     try {
       ee.emit('internal-error', [e]);
     } catch (err) {
       // do nothing
     }
+    // return a string so that downstream users of the method do not throw errors
+    return '';
   }
 }

package/dist/esm/common/vitals/interaction-to-next-paint.js

@@ -12,9 +12,17 @@ if (isBrowserScope) {
   }) => {
     const attrs = {
       metricId: id,
-      eventTarget: attribution.eventTarget,
-      eventType: attribution.eventType,
-      eventTime: attribution.eventTime,
+      eventTarget: attribution.interactionTarget,
+      // event* attrs deprecated in v4, kept for NR backwards compatibility
+      eventTime: attribution.interactionTime,
+      // event* attrs deprecated in v4, kept for NR backwards compatibility
+      interactionTarget: attribution.interactionTarget,
+      interactionTime: attribution.interactionTime,
+      interactionType: attribution.interactionType,
+      inputDelay: attribution.inputDelay,
+      nextPaintTime: attribution.nextPaintTime,
+      processingDuration: attribution.processingDuration,
+      presentationDelay: attribution.presentationDelay,
       loadState: attribution.loadState
     };
     interactionToNextPaint.update({

package/dist/esm/common/vitals/largest-contentful-paint.js

@@ -20,7 +20,9 @@ if (isBrowserScope) {
         element: attribution.element,
         timeToFirstByte: attribution.timeToFirstByte,
         resourceLoadDelay: attribution.resourceLoadDelay,
-        resourceLoadTime: attribution.resourceLoadTime,
+        resourceLoadDuration: attribution.resourceLoadDuration,
+        resourceLoadTime: attribution.resourceLoadDuration,
+        // kept for NR backwards compatibility, deprecated in v3->v4
         elementRenderDelay: attribution.elementRenderDelay
       };
       if (attribution.url) attrs.elUrl = cleanURL(attribution.url);