@newrelic/browser-agent 1.241.0 → 1.243.0

package/dist/cjs/cdn/polyfills/lite.js

@@ -1,4 +1,16 @@
 "use strict";
 
 require("../polyfills.js");
-require("../lite");
+var _agent = require("../../loaders/agent");
+var _instrument = require("../../features/page_view_event/instrument");
+var _instrument2 = require("../../features/page_view_timing/instrument");
+var _instrument3 = require("../../features/metrics/instrument");
+/**
+ * @file Creates a version of the "Lite" agent loader with [core-js]{@link https://github.com/zloirock/core-js}
+ * polyfills for pre-ES6 browsers and IE 11.
+ */
+
+new _agent.Agent({
+  features: [_instrument.Instrument, _instrument2.Instrument, _instrument3.Instrument],
+  loaderType: 'lite-polyfills'
+});

package/dist/cjs/cdn/polyfills/pro.js

@@ -1,4 +1,20 @@
 "use strict";
 
 require("../polyfills.js");
-require("../pro");
+var _agent = require("../../loaders/agent");
+var _instrument = require("../../features/page_view_event/instrument");
+var _instrument2 = require("../../features/page_view_timing/instrument");
+var _instrument3 = require("../../features/metrics/instrument");
+var _instrument4 = require("../../features/jserrors/instrument");
+var _instrument5 = require("../../features/ajax/instrument");
+var _instrument6 = require("../../features/session_trace/instrument");
+var _instrument7 = require("../../features/page_action/instrument");
+/**
+ * @file Creates a version of the "PRO" agent loader with [core-js]{@link https://github.com/zloirock/core-js}
+ * polyfills for pre-ES6 browsers and IE 11.
+ */
+
+new _agent.Agent({
+  features: [_instrument.Instrument, _instrument2.Instrument, _instrument6.Instrument, _instrument5.Instrument, _instrument3.Instrument, _instrument7.Instrument, _instrument4.Instrument],
+  loaderType: 'pro-polyfills'
+});

package/dist/cjs/cdn/polyfills/spa.js

@@ -1,4 +1,21 @@
 "use strict";
 
 require("../polyfills.js");
-require("../spa");
+var _agent = require("../../loaders/agent");
+var _instrument = require("../../features/page_view_event/instrument");
+var _instrument2 = require("../../features/page_view_timing/instrument");
+var _instrument3 = require("../../features/metrics/instrument");
+var _instrument4 = require("../../features/jserrors/instrument");
+var _instrument5 = require("../../features/ajax/instrument");
+var _instrument6 = require("../../features/session_trace/instrument");
+var _instrument7 = require("../../features/spa/instrument");
+var _instrument8 = require("../../features/page_action/instrument");
+/**
+ * @file Creates a version of the "SPA" agent loader with [core-js]{@link https://github.com/zloirock/core-js}
+ * polyfills for pre-ES6 browsers and IE 11.
+ */
+
+new _agent.Agent({
+  features: [_instrument5.Instrument, _instrument.Instrument, _instrument2.Instrument, _instrument6.Instrument, _instrument3.Instrument, _instrument8.Instrument, _instrument4.Instrument, _instrument7.Instrument],
+  loaderType: 'spa-polyfills'
+});

package/dist/cjs/common/config/state/init.js

@@ -6,16 +6,36 @@ Object.defineProperty(exports, "__esModule", {
 exports.getConfiguration = getConfiguration;
 exports.getConfigurationValue = getConfigurationValue;
 exports.setConfiguration = setConfiguration;
+var _querySelector = require("../../dom/query-selector");
 var _constants = require("../../session/constants");
+var _console = require("../../util/console");
 var _nreum = require("../../window/nreum");
 var _configurable = require("./configurable");
 const model = () => {
   const hiddenState = {
+    mask_selector: '*',
     block_selector: '[data-nr-block]',
     mask_input_options: {
-      password: true
+      color: false,
+      date: false,
+      'datetime-local': false,
+      email: false,
+      month: false,
+      number: false,
+      range: false,
+      search: false,
+      tel: false,
+      text: false,
+      time: false,
+      url: false,
+      week: false,
+      // unify textarea and select element with text input
+      textarea: false,
+      select: false,
+      password: true // This will be enforced to always be true in the setter
     }
   };
+
   return {
     proxy: {
       assets: undefined,
@@ -91,8 +111,15 @@ const model = () => {
       error_sampling_rate: 50,
       // float from 0 - 100
       // recording config settings
-      mask_text_selector: '*',
       mask_all_inputs: true,
+      // this has a getter/setter to facilitate validation of the selectors
+      get mask_text_selector() {
+        return hiddenState.mask_selector;
+      },
+      set mask_text_selector(val) {
+        if ((0, _querySelector.isValidSelector)(val)) hiddenState.mask_selector = val + ',[data-nr-mask]';else if (val === null) hiddenState.mask_selector = val; // null is acceptable, which completely disables the behavior
+        else (0, _console.warn)('An invalid session_replay.mask_selector was provided and will not be used', val);
+      },
       // these properties only have getters because they are enforcable constants and should error if someone tries to override them
       get block_class() {
         return 'nr-block';
@@ -109,17 +136,17 @@ const model = () => {
         return hiddenState.block_selector;
       },
       set block_selector(val) {
-        hiddenState.block_selector += ",".concat(val);
+        if ((0, _querySelector.isValidSelector)(val)) hiddenState.block_selector += ",".concat(val);else if (val !== '') (0, _console.warn)('An invalid session_replay.block_selector was provided and will not be used', val);
       },
       // password: must always be present and true no matter what customer sets
       get mask_input_options() {
         return hiddenState.mask_input_options;
       },
       set mask_input_options(val) {
-        hiddenState.mask_input_options = {
+        if (val && typeof val === 'object') hiddenState.mask_input_options = {
           ...val,
           password: true
-        };
+        };else (0, _console.warn)('An invalid session_replay.mask_input_option was provided and will not be used', val);
       }
     },
     spa: {

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

@@ -12,7 +12,7 @@ exports.VERSION = exports.DIST_METHOD = exports.BUILD_ENV = void 0;
 /**
  * Exposes the version of the agent
  */
-const VERSION = "1.241.0";
+const VERSION = "1.243.0";
 
 /**
  * Exposes the build type of the agent

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

@@ -12,7 +12,7 @@ exports.VERSION = exports.DIST_METHOD = exports.BUILD_ENV = void 0;
 /**
  * Exposes the version of the agent
  */
-const VERSION = "1.241.0";
+const VERSION = "1.243.0";
 
 /**
  * Exposes the build type of the agent

package/dist/cjs/common/dom/query-selector.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isValidSelector = void 0;
+const isValidSelector = selector => {
+  if (!selector || typeof selector !== 'string') return false;
+  try {
+    document.createDocumentFragment().querySelector(selector);
+  } catch {
+    return false;
+  }
+  return true;
+};
+exports.isValidSelector = isValidSelector;

package/dist/cjs/common/session/session-entity.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.SessionEntity = exports.SESSION_EVENTS = exports.MODE = void 0;
+exports.SessionEntity = exports.SESSION_EVENT_TYPES = exports.SESSION_EVENTS = exports.MODE = void 0;
 var _uniqueId = require("../ids/unique-id");
 var _console = require("../util/console");
 var _stringify = require("../util/stringify");
@@ -17,6 +17,7 @@ var _configurable = require("../config/state/configurable");
 var _handle = require("../event-emitter/handle");
 var _constants2 = require("../../features/metrics/constants");
 var _features = require("../../loaders/features/features");
+var _eventListenerOpts = require("../event-listener/event-listener-opts");
 const MODE = {
   OFF: 0,
   FULL: 1,
@@ -31,15 +32,22 @@ const model = {
   expiresAt: 0,
   updatedAt: Date.now(),
   sessionReplay: MODE.OFF,
+  sessionReplaySentFirstChunk: false,
   sessionTraceMode: MODE.OFF,
   custom: {}
 };
 const SESSION_EVENTS = {
   PAUSE: 'session-pause',
   RESET: 'session-reset',
-  RESUME: 'session-resume'
+  RESUME: 'session-resume',
+  UPDATE: 'session-update'
 };
 exports.SESSION_EVENTS = SESSION_EVENTS;
+const SESSION_EVENT_TYPES = {
+  SAME_TAB: 'same-tab',
+  CROSS_TAB: 'cross-tab'
+};
+exports.SESSION_EVENT_TYPES = SESSION_EVENT_TYPES;
 class SessionEntity {
   /**
    * Create a self-managing Session Entity. This entity is scoped to the agent identifier which triggered it, allowing for multiple simultaneous session objects to exist.
@@ -65,6 +73,15 @@ class SessionEntity {
     this.ee = _contextualEe.ee.get(agentIdentifier);
     (0, _wrap.wrapEvents)(this.ee);
     this.setup(opts);
+    if (_runtime.isBrowserScope) {
+      (0, _eventListenerOpts.windowAddEventListener)('storage', event => {
+        if (event.key === this.lookupKey) {
+          const obj = typeof event.newValue === 'string' ? JSON.parse(event.newValue) : event.newValue;
+          this.sync(obj);
+          this.ee.emit(SESSION_EVENTS.UPDATE, [SESSION_EVENT_TYPES.CROSS_TAB, this.state]);
+        }
+      });
+    }
   }
   setup(_ref) {
     let {
@@ -198,6 +215,7 @@ class SessionEntity {
       //
       // TODO - compression would need happen here if we decide to do it
       this.storage.set(this.lookupKey, (0, _stringify.stringify)(this.state));
+      this.ee.emit(SESSION_EVENTS.UPDATE, [SESSION_EVENT_TYPES.SAME_TAB, this.state]);
       return data;
     } catch (e) {
       // storage is inaccessible

package/dist/cjs/common/wrap/wrap-function.js

@@ -218,5 +218,5 @@ function copy(from, to, emitter) {
  * @returns {boolean} Whether the passed function is ineligible to be wrapped.
  */
 function notWrappable(fn) {
-  return !(fn && fn instanceof Function && fn.apply && !fn[flag]);
+  return !(fn && typeof fn === 'function' && fn.apply && !fn[flag]);
 }

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

@@ -83,7 +83,6 @@ class Aggregate extends _aggregateBase.AggregateBase {
       } else {
         hash = (0, _stringify.stringify)([params.status, params.host, params.pathname]);
       }
-      (0, _handle.handle)('bstXhrAgg', ['xhr', hash, params, metrics], undefined, _features.FEATURE_NAMES.sessionTrace, ee);
 
       // store as metric
       aggregator.store('xhr', hash, params, metrics);
@@ -97,6 +96,7 @@ class Aggregate extends _aggregateBase.AggregateBase {
         }
         return;
       }
+      (0, _handle.handle)('bstXhrAgg', ['xhr', hash, params, metrics], undefined, _features.FEATURE_NAMES.sessionTrace, ee);
       var xhrContext = this;
       var event = {
         method: params.method,

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.RRWEB_VERSION = exports.MAX_PAYLOAD_SIZE = exports.IDEAL_PAYLOAD_SIZE = exports.Aggregate = exports.AVG_COMPRESSION = void 0;
+exports.RRWEB_VERSION = exports.RRWEB_EVENT_TYPES = exports.MAX_PAYLOAD_SIZE = exports.IDEAL_PAYLOAD_SIZE = exports.Aggregate = exports.AVG_COMPRESSION = void 0;
 var _registerHandler = require("../../../common/event-emitter/register-handler");
 var _harvestScheduler = require("../../../common/harvest/harvest-scheduler");
 var _constants = require("../constants");
@@ -15,6 +15,7 @@ var _sharedChannel = require("../../../common/constants/shared-channel");
 var _encode = require("../../../common/url/encode");
 var _console = require("../../../common/util/console");
 var _runtime = require("../../../common/constants/runtime");
+var _constants2 = require("../../metrics/constants");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; } /*
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       * Copyright 2023 New Relic Corporation. All rights reserved.
@@ -31,6 +32,33 @@ const RRWEB_VERSION = '2.0.0-alpha.8';
 exports.RRWEB_VERSION = RRWEB_VERSION;
 const AVG_COMPRESSION = 0.12;
 exports.AVG_COMPRESSION = AVG_COMPRESSION;
+const RRWEB_EVENT_TYPES = {
+  DomContentLoaded: 0,
+  Load: 1,
+  FullSnapshot: 2,
+  IncrementalSnapshot: 3,
+  Meta: 4,
+  Custom: 5
+};
+exports.RRWEB_EVENT_TYPES = RRWEB_EVENT_TYPES;
+const ABORT_REASONS = {
+  RESET: {
+    message: 'Session was reset',
+    sm: 'Reset'
+  },
+  IMPORT: {
+    message: 'Recorder failed to import',
+    sm: 'Import'
+  },
+  TOO_MANY: {
+    message: '429: Too Many Requests',
+    sm: 'Too-Many'
+  },
+  TOO_BIG: {
+    message: 'Payload was too large',
+    sm: 'Too-Big'
+  }
+};
 let recorder, gzipper, u8;
 
 /** Vortex caps payload sizes at 1MB */
@@ -66,8 +94,6 @@ class Aggregate extends _aggregateBase.AggregateBase {
     /** can shut off efforts to compress the data */
     this.shouldCompress = true;
 
-    /** Payload metadata -- Should indicate that the payload being sent is the first of a session */
-    this.isFirstChunk = false;
     /** Payload metadata -- Should indicate that the payload being sent has a full DOM snapshot. This can happen
      * -- When the recording library begins recording, it starts by taking a DOM snapshot
      * -- When visibility changes from "hidden" -> "visible", it must capture a full snapshot for the replay to work correctly across tabs
@@ -81,16 +107,7 @@ class Aggregate extends _aggregateBase.AggregateBase {
     /** Payload metadata -- Should indicate when a replay blob started recording.  Resets each time a harvest occurs.
      * cycle timestamps are used as fallbacks if event timestamps cannot be used
      */
-    this.timestamp = {
-      event: {
-        first: undefined,
-        last: undefined
-      },
-      cycle: {
-        first: undefined,
-        last: undefined
-      }
-    };
+    this.cycleTimestamp = undefined;
 
     /** A value which increments with every new mutation node reported. Resets after a harvest is sent */
     this.payloadBytesEstimation = 0;
@@ -104,7 +121,7 @@ class Aggregate extends _aggregateBase.AggregateBase {
     if (shouldSetup) {
       // The SessionEntity class can emit a message indicating the session was cleared and reset (expiry, inactivity). This feature must abort and never resume if that occurs.
       this.ee.on(_sessionEntity.SESSION_EVENTS.RESET, () => {
-        this.abort();
+        this.abort(ABORT_REASONS.RESET);
       });
 
       // The SessionEntity class can emit a message indicating the session was paused (visibility change). This feature must stop recording if that occurs.
@@ -113,9 +130,19 @@ class Aggregate extends _aggregateBase.AggregateBase {
       });
       // The SessionEntity class can emit a message indicating the session was resumed (visibility change). This feature must start running again (if already running) if that occurs.
       this.ee.on(_sessionEntity.SESSION_EVENTS.RESUME, () => {
+        // if the mode changed on a different tab, it needs to update this instance to match
+        const {
+          session
+        } = (0, _config.getRuntime)(this.agentIdentifier);
+        this.mode = session.state.sessionReplay;
         if (!this.initialized || this.mode === _sessionEntity.MODE.OFF) return;
         this.startRecording();
       });
+      this.ee.on(_sessionEntity.SESSION_EVENTS.UPDATE, (type, data) => {
+        if (!this.initialized || this.blocked || type !== _sessionEntity.SESSION_EVENT_TYPES.CROSS_TAB) return;
+        if (this.mode !== _sessionEntity.MODE.OFF && data.sessionReplay === _sessionEntity.MODE.OFF) this.abort('Session Entity was set to OFF on another tab');
+        this.mode = data.sessionReplay;
+      });
 
       // Bespoke logic for new endpoint.  This will change as downstream dependencies become solidified.
       this.scheduler = new _harvestScheduler.HarvestScheduler('browser/blobs', {
@@ -131,7 +158,7 @@ class Aggregate extends _aggregateBase.AggregateBase {
         this.hasError = true;
         this.errorNoticed = true;
         // run once
-        if (this.mode === _sessionEntity.MODE.ERROR) {
+        if (this.mode === _sessionEntity.MODE.ERROR && _runtime.globalScope?.document.visibilityState === 'visible') {
           this.mode = _sessionEntity.MODE.FULL;
           // if the error was noticed AFTER the recorder was already imported....
           if (recorder && this.initialized) {
@@ -191,7 +218,7 @@ class Aggregate extends _aggregateBase.AggregateBase {
       // Do not change the webpackChunkName or it will break the webpack nrba-chunking plugin
       recorder = (await Promise.resolve().then(() => _interopRequireWildcard(require( /* webpackChunkName: "recorder" */'rrweb')))).record;
     } catch (err) {
-      return this.abort();
+      return this.abort(ABORT_REASONS.IMPORT);
     }
 
     // FULL mode records AND reports from the beginning, while ERROR mode only records (but does not report).
@@ -214,7 +241,6 @@ class Aggregate extends _aggregateBase.AggregateBase {
       this.shouldCompress = false;
     }
     this.startRecording();
-    this.isFirstChunk = !!session.isNew;
     this.syncWithSessionManager({
       sessionReplay: this.mode
     });
@@ -229,14 +255,39 @@ class Aggregate extends _aggregateBase.AggregateBase {
       this.scheduler.opts.gzip = false;
     }
     // TODO -- Gracefully handle the buffer for retries.
+    const {
+      session
+    } = (0, _config.getRuntime)(this.agentIdentifier);
+    if (!session.state.sessionReplaySentFirstChunk) this.syncWithSessionManager({
+      sessionReplaySentFirstChunk: true
+    });
     this.clearBuffer();
     return [payload];
   }
   getHarvestContents() {
     const agentRuntime = (0, _config.getRuntime)(this.agentIdentifier);
     const info = (0, _config.getInfo)(this.agentIdentifier);
-    const firstTimestamp = this.timestamp.event.first || this.timestamp.cycle.first;
-    const lastTimestamp = this.timestamp.event.last || this.timestamp.cycle.last;
+
+    // do not let the last node be a meta node, since this NEEDS to precede a snapshot
+    // we will manually inject it later if we find a payload that is missing a meta node
+    const payloadEndsWithMeta = this.events[this.events.length - 1]?.type === RRWEB_EVENT_TYPES.Meta;
+    if (payloadEndsWithMeta) {
+      this.lastMeta = this.events[this.events.length - 1];
+      this.events = this.events.slice(0, this.events.length - 1);
+      this.hasMeta = !!this.events.find(x => x.type === RRWEB_EVENT_TYPES.Meta);
+    }
+
+    // do not let the first node be a full snapshot node, since this NEEDS to be preceded by a meta node
+    // we will manually inject it if this happens
+    const payloadStartsWithFullSnapshot = this.events[0]?.type === RRWEB_EVENT_TYPES.FullSnapshot;
+    if (payloadStartsWithFullSnapshot) {
+      this.hasMeta = true;
+      this.events.unshift(this.lastMeta);
+    }
+    const firstEventTimestamp = this.events[0]?.timestamp;
+    const lastEventTimestamp = this.events[this.events.length - 1]?.timestamp;
+    const firstTimestamp = firstEventTimestamp || this.cycleTimestamp;
+    const lastTimestamp = lastEventTimestamp || (0, _config.getRuntime)(this.agentIdentifier).offset + _runtime.globalScope.performance.now();
     return {
       qs: {
         browser_monitoring_key: info.licenseKey,
@@ -250,12 +301,13 @@ class Aggregate extends _aggregateBase.AggregateBase {
           'replay.firstTimestamp': firstTimestamp,
           'replay.lastTimestamp': lastTimestamp,
           'replay.durationMs': lastTimestamp - firstTimestamp,
+          'replay.nodes': this.events.length,
           agentVersion: agentRuntime.version,
           session: agentRuntime.session.state.value,
           hasMeta: this.hasMeta,
           hasSnapshot: this.hasSnapshot,
           hasError: this.hasError,
-          isFirstChunk: this.isFirstChunk,
+          isFirstChunk: agentRuntime.session.state.sessionReplaySentFirstChunk === false,
           decompressedBytes: this.payloadBytesEstimation,
           'nr.rrweb.version': RRWEB_VERSION
         }, MAX_PAYLOAD_SIZE - this.payloadBytesEstimation).substring(1) // remove the leading '&'
@@ -267,7 +319,7 @@ class Aggregate extends _aggregateBase.AggregateBase {
   onHarvestFinished(result) {
     // The mutual decision for now is to stop recording and clear buffers if ingest is experiencing 429 rate limiting
     if (result.status === 429) {
-      this.abort();
+      this.abort(ABORT_REASONS.TOO_MANY);
     }
     if (this.blocked) this.scheduler.stopTimer(true);
   }
@@ -275,7 +327,6 @@ class Aggregate extends _aggregateBase.AggregateBase {
   /** Clears the buffer (this.events), and resets all payload metadata properties */
   clearBuffer() {
     this.events = [];
-    this.isFirstChunk = false;
     this.hasSnapshot = false;
     this.hasMeta = false;
     this.hasError = false;
@@ -287,7 +338,7 @@ class Aggregate extends _aggregateBase.AggregateBase {
   startRecording() {
     if (!recorder) {
       (0, _console.warn)('Recording library was never imported');
-      return this.abort();
+      return this.abort(ABORT_REASONS.IMPORT);
     }
     this.clearTimestamps();
     // set the fallbacks as early as possible
@@ -323,7 +374,7 @@ class Aggregate extends _aggregateBase.AggregateBase {
 
   /** Store a payload in the buffer (this.events).  This should be the callback to the recording lib noticing a mutation */
   store(event, isCheckout) {
-    this.setTimestamps(event);
+    this.setTimestamps();
     if (this.blocked) return;
     const eventBytes = (0, _stringify.stringify)(event).length;
     /** The estimated size of the payload after compression */
@@ -331,7 +382,7 @@ class Aggregate extends _aggregateBase.AggregateBase {
     // Vortex will block payloads at a certain size, we might as well not send.
     if (payloadSize > MAX_PAYLOAD_SIZE) {
       this.clearBuffer();
-      return this.abort();
+      return this.abort(ABORT_REASONS.TOO_BIG);
     }
     // Checkout events are flags by the recording lib that indicate a fullsnapshot was taken every n ms. These are important
     // to help reconstruct the replay later and must be included.  While waiting and buffering for errors to come through,
@@ -342,19 +393,13 @@ class Aggregate extends _aggregateBase.AggregateBase {
     }
 
     // meta event
-    if (event.type === 4) {
+    if (event.type === RRWEB_EVENT_TYPES.Meta) {
       this.hasMeta = true;
       this.lastMeta = event;
     }
     // snapshot event
-    if (event.type === 2) {
+    if (event.type === RRWEB_EVENT_TYPES.FullSnapshot) {
       this.hasSnapshot = true;
-      // small chance that the meta event got separated from its matching snapshot across payload harvests
-      // it needs to precede the snapshot, so shove it in first.
-      if (!this.hasMeta) {
-        this.events.push(this.lastMeta);
-        this.hasMeta = true;
-      }
     }
     this.events.push(event);
     this.payloadBytesEstimation += eventBytes;
@@ -372,26 +417,12 @@ class Aggregate extends _aggregateBase.AggregateBase {
     if (!recorder) return;
     recorder.takeFullSnapshot();
   }
-  setTimestamps(event) {
+  setTimestamps() {
     // fallbacks if timestamps cannot be derived from rrweb events
-    this.timestamp.cycle.last = (0, _config.getRuntime)(this.agentIdentifier).offset + _runtime.globalScope.performance.now();
-    if (!this.timestamp.cycle.first) this.timestamp.cycle.first = this.timestamp.cycle.last;
-    // timestamps based on rrweb events
-    if (!event || !event.timestamp) return;
-    if (!this.timestamp.event.first) this.timestamp.event.first = event.timestamp;
-    this.timestamp.event.last = event.timestamp;
+    if (!this.cycleTimestamp) this.cycleTimestamp = (0, _config.getRuntime)(this.agentIdentifier).offset + _runtime.globalScope.performance.now();
   }
   clearTimestamps() {
-    this.timestamp = {
-      event: {
-        first: undefined,
-        last: undefined
-      },
-      cycle: {
-        first: undefined,
-        last: undefined
-      }
-    };
+    this.cycleTimestamp = undefined;
   }
 
   /** Estimate the payload size */
@@ -403,6 +434,9 @@ class Aggregate extends _aggregateBase.AggregateBase {
 
   /** Abort the feature, once aborted it will not resume */
   abort() {
+    let reason = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    (0, _console.warn)("SR aborted -- ".concat(reason.message));
+    this.ee.emit(_constants2.SUPPORTABILITY_METRIC_CHANNEL, ["SessionReplay/Abort/".concat(ABORT_REASONS[reason.sm])]);
     this.blocked = true;
     this.mode = _sessionEntity.MODE.OFF;
     this.stopRecording();

package/dist/cjs/features/utils/feature-base.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.FeatureBase = void 0;
-var _config = require("../../common/config/config");
 var _contextualEe = require("../../common/event-emitter/contextual-ee");
 class FeatureBase {
   constructor(agentIdentifier, aggregator, featureName) {
@@ -13,7 +12,7 @@ class FeatureBase {
     /** @type {Aggregator} */
     this.aggregator = aggregator;
     /** @type {ContextualEE} */
-    this.ee = _contextualEe.ee.get(agentIdentifier, (0, _config.getRuntime)(this.agentIdentifier).isolatedBacklog);
+    this.ee = _contextualEe.ee.get(agentIdentifier);
     /** @type {string} */
     this.featureName = featureName;
     /**

package/dist/cjs/features/utils/instrument-base.js

@@ -119,6 +119,7 @@ class InstrumentBase extends _featureBase.FeatureBase {
         (0, _console.warn)("Downloading and initializing ".concat(this.featureName, " failed..."), e);
         this.abortHandler?.(); // undo any important alterations made to the page
         // not supported yet but nice to do: "abort" this agent's EE for this feature specifically
+        (0, _drain.drain)(this.agentIdentifier, this.featureName);
         loadedSuccessfully(false);
       }
     };

package/dist/cjs/loaders/api/api.js

@@ -26,7 +26,7 @@ const CUSTOM_ATTR_GROUP = 'CUSTOM/'; // the subgroup items should be stored unde
 exports.CUSTOM_ATTR_GROUP = CUSTOM_ATTR_GROUP;
 function setTopLevelCallers() {
   const nr = (0, _nreum.gosCDN)();
-  const funcs = ['setErrorHandler', 'finished', 'addToTrace', 'inlineHit', 'addRelease', 'addPageAction', 'setCurrentRouteName', 'setPageViewName', 'setCustomAttribute', 'interaction', 'noticeError', 'setUserId', 'setApplicationVersion', 'start'];
+  const funcs = ['setErrorHandler', 'finished', 'addToTrace', 'addRelease', 'addPageAction', 'setCurrentRouteName', 'setPageViewName', 'setCustomAttribute', 'interaction', 'noticeError', 'setUserId', 'setApplicationVersion', 'start'];
   funcs.forEach(f => {
     nr[f] = function () {
       for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
@@ -53,7 +53,7 @@ function setAPI(agentIdentifier, forceDrain) {
   const apiInterface = {};
   var instanceEE = _contextualEe.ee.get(agentIdentifier);
   var tracerEE = instanceEE.get('tracer');
-  var asyncApiFns = ['setErrorHandler', 'finished', 'addToTrace', 'inlineHit', 'addRelease'];
+  var asyncApiFns = ['setErrorHandler', 'finished', 'addToTrace', 'addRelease'];
   var prefix = 'api-';
   var spaPrefix = prefix + 'ixn-';