@newrelic/browser-agent 1.240.0 → 1.242.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 = {
-    blockSelector: '[data-nr-block]',
-    maskInputOptions: {
-      password: true
+    mask_selector: '*',
+    block_selector: '[data-nr-block]',
+    mask_input_options: {
+      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,
@@ -86,38 +106,47 @@ const model = () => {
       autoStart: true,
       enabled: false,
       harvestTimeSeconds: 60,
-      sampleRate: 0.1,
-      errorSampleRate: 0.1,
+      sampling_rate: 50,
+      // float from 0 - 100
+      error_sampling_rate: 50,
+      // float from 0 - 100
       // recording config settings
-      maskTextSelector: '*',
-      maskAllInputs: true,
+      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 blockClass() {
+      get block_class() {
         return 'nr-block';
       },
-      get ignoreClass() {
+      get ignore_class() {
         return 'nr-ignore';
       },
-      get maskTextClass() {
+      get mask_text_class() {
         return 'nr-mask';
       },
       // props with a getter and setter are used to extend enforcable constants with customer input
       // we must preserve data-nr-block no matter what else the customer sets
-      get blockSelector() {
-        return hiddenState.blockSelector;
+      get block_selector() {
+        return hiddenState.block_selector;
       },
-      set blockSelector(val) {
-        hiddenState.blockSelector += ",".concat(val);
+      set block_selector(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 maskInputOptions() {
-        return hiddenState.maskInputOptions;
+      get mask_input_options() {
+        return hiddenState.mask_input_options;
       },
-      set maskInputOptions(val) {
-        hiddenState.maskInputOptions = {
+      set mask_input_options(val) {
+        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.240.0";
+const VERSION = "1.242.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.240.0";
+const VERSION = "1.242.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/features/metrics/aggregate/index.js

@@ -33,13 +33,16 @@ class Aggregate extends _aggregateBase.AggregateBase {
     this.singleChecks(); // checks that are run only one time, at script load
     this.eachSessionChecks(); // the start of every time user engages with page
 
-    // *cli, Mar 23 - Per NR-94597, this feature should only harvest ONCE at the (potential) EoL time of the page.
-    scheduler = new _harvestScheduler.HarvestScheduler('jserrors', {
-      onUnload: () => this.unload()
-    }, this);
-    scheduler.harvest.on('jserrors', () => ({
-      body: this.aggregator.take(['cm', 'sm'])
-    }));
+    this.ee.on("drain-".concat(this.featureName), () => {
+      // *cli, Mar 23 - Per NR-94597, this feature should only harvest ONCE at the (potential) EoL time of the page.
+      scheduler = new _harvestScheduler.HarvestScheduler('jserrors', {
+        onUnload: () => this.unload()
+      }, this);
+      scheduler.harvest.on('jserrors', () => ({
+        body: this.aggregator.take(['cm', 'sm'])
+      }));
+    }); // this is needed to ensure EoL is "on" and sent
+
     this.drain();
   }
   storeSupportabilityMetrics(name, value) {

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

@@ -58,21 +58,21 @@ class Aggregate extends _aggregateBase.AggregateBase {
 
     /* It's important that CWV api, like "onLCP", is called before this scheduler is initialized. The reason is because they listen to the same
       on vis change or pagehide events, and we'd want ex. onLCP to record the timing (win the race) before we try to send "final harvest". */
-    this.scheduler = new _harvestScheduler.HarvestScheduler('events', {
-      onFinished: function () {
-        return _this.onHarvestFinished(...arguments);
-      },
-      getPayload: function () {
-        return _this.prepareHarvest(...arguments);
-      }
-    }, this);
-    (0, _registerHandler.registerHandler)('timing', (name, value, attrs) => this.addTiming(name, value, attrs), this.featureName, this.ee); // notice CLS is added to all timings via 4th param
+
     (0, _registerHandler.registerHandler)('docHidden', msTimestamp => this.endCurrentSession(msTimestamp), this.featureName, this.ee);
     (0, _registerHandler.registerHandler)('winPagehide', msTimestamp => this.recordPageUnload(msTimestamp), this.featureName, this.ee);
     const initialHarvestSeconds = (0, _config.getConfigurationValue)(this.agentIdentifier, 'page_view_timing.initialHarvestSeconds') || 10;
     const harvestTimeSeconds = (0, _config.getConfigurationValue)(this.agentIdentifier, 'page_view_timing.harvestTimeSeconds') || 30;
     // send initial data sooner, then start regular
     this.ee.on("drain-".concat(this.featureName), () => {
+      this.scheduler = new _harvestScheduler.HarvestScheduler('events', {
+        onFinished: function () {
+          return _this.onHarvestFinished(...arguments);
+        },
+        getPayload: function () {
+          return _this.prepareHarvest(...arguments);
+        }
+      }, this);
       this.scheduler.startTimer(harvestTimeSeconds, initialHarvestSeconds);
     });
     this.drain();

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

@@ -14,6 +14,9 @@ var _aggregateBase = require("../../utils/aggregate-base");
 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");
+var _features = require("../../../loaders/features/features");
 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.
@@ -72,17 +75,30 @@ class Aggregate extends _aggregateBase.AggregateBase {
      * -- When visibility changes from "hidden" -> "visible", it must capture a full snapshot for the replay to work correctly across tabs
     */
     this.hasSnapshot = false;
+    /** Payload metadata -- Should indicate that the payload being sent has a meta node. The meta node should always precede a snapshot node. */
+    this.hasMeta = false;
     /** Payload metadata -- Should indicate that the payload being sent contains an error.  Used for query/filter purposes in UI */
     this.hasError = false;
 
-    /** Payload metadata -- Should indicate when a replay blob started recording.  Resets each time a harvest occurs. */
+    /** 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 = {
-      first: undefined,
-      last: undefined
+      event: {
+        first: undefined,
+        last: undefined
+      },
+      cycle: {
+        first: undefined,
+        last: undefined
+      }
     };
 
     /** A value which increments with every new mutation node reported. Resets after a harvest is sent */
     this.payloadBytesEstimation = 0;
+
+    /** 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 = undefined;
     const shouldSetup = (0, _config.getConfigurationValue)(agentIdentifier, 'privacy.cookies_enabled') === true && (0, _config.getConfigurationValue)(agentIdentifier, 'session_trace.enabled') === true;
 
     /** The method to stop recording. This defaults to a noop, but is overwritten once the recording library is imported and initialized */
@@ -90,7 +106,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('Session Reset');
       });
 
       // The SessionEntity class can emit a message indicating the session was paused (visibility change). This feature must stop recording if that occurs.
@@ -132,7 +148,7 @@ class Aggregate extends _aggregateBase.AggregateBase {
       }, this.featureName, this.ee);
       this.waitForFlags(['sr']).then(_ref => {
         let [flagOn] = _ref;
-        return this.initializeRecording(flagOn, Math.random() < (0, _config.getConfigurationValue)(this.agentIdentifier, 'session_replay.errorSampleRate'), Math.random() < (0, _config.getConfigurationValue)(this.agentIdentifier, 'session_replay.sampleRate'));
+        return this.initializeRecording(flagOn, Math.random() * 100 < (0, _config.getConfigurationValue)(this.agentIdentifier, 'session_replay.error_sampling_rate'), Math.random() * 100 < (0, _config.getConfigurationValue)(this.agentIdentifier, 'session_replay.sampling_rate'));
       }).then(() => _sharedChannel.sharedChannel.onReplayReady(this.mode)); // notify watchers that replay started with the mode
 
       this.drain();
@@ -173,6 +189,12 @@ class Aggregate extends _aggregateBase.AggregateBase {
     if (this.mode === _sessionEntity.MODE.ERROR && this.errorNoticed) {
       this.mode = _sessionEntity.MODE.FULL;
     }
+    try {
+      // 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('Recorder failed to import');
+    }
 
     // FULL mode records AND reports from the beginning, while ERROR mode only records (but does not report).
     // ERROR mode will do this until an error is thrown, and then switch into FULL mode.
@@ -181,12 +203,6 @@ class Aggregate extends _aggregateBase.AggregateBase {
       // We only report (harvest) in FULL mode
       this.scheduler.startTimer(this.harvestTimeSeconds);
     }
-    try {
-      // 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();
-    }
     try {
       // Do not change the webpackChunkName or it will break the webpack nrba-chunking plugin
       const {
@@ -221,6 +237,8 @@ class Aggregate extends _aggregateBase.AggregateBase {
   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;
     return {
       qs: {
         browser_monitoring_key: info.licenseKey,
@@ -231,11 +249,12 @@ class Aggregate extends _aggregateBase.AggregateBase {
           ...(this.shouldCompress && {
             content_encoding: 'gzip'
           }),
-          'replay.firstTimestamp': this.timestamp.first,
-          'replay.lastTimestamp': this.timestamp.last,
-          'replay.durationMs': this.timestamp.last - this.timestamp.first,
+          'replay.firstTimestamp': firstTimestamp,
+          'replay.lastTimestamp': lastTimestamp,
+          'replay.durationMs': lastTimestamp - firstTimestamp,
           agentVersion: agentRuntime.version,
           session: agentRuntime.session.state.value,
+          hasMeta: this.hasMeta,
           hasSnapshot: this.hasSnapshot,
           hasError: this.hasError,
           isFirstChunk: this.isFirstChunk,
@@ -250,7 +269,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('429: Too many requests');
     }
     if (this.blocked) this.scheduler.stopTimer(true);
   }
@@ -260,6 +279,7 @@ class Aggregate extends _aggregateBase.AggregateBase {
     this.events = [];
     this.isFirstChunk = false;
     this.hasSnapshot = false;
+    this.hasMeta = false;
     this.hasError = false;
     this.payloadBytesEstimation = 0;
     this.clearTimestamps();
@@ -269,29 +289,32 @@ class Aggregate extends _aggregateBase.AggregateBase {
   startRecording() {
     if (!recorder) {
       (0, _console.warn)('Recording library was never imported');
-      return this.abort();
+      return this.abort('Recorder was never imported');
     }
+    this.clearTimestamps();
+    // set the fallbacks as early as possible
+    this.setTimestamps();
     this.recording = true;
     const {
-      blockClass,
-      ignoreClass,
-      maskTextClass,
-      blockSelector,
-      maskInputOptions,
-      maskTextSelector,
-      maskAllInputs
+      block_class,
+      ignore_class,
+      mask_text_class,
+      block_selector,
+      mask_input_options,
+      mask_text_selector,
+      mask_all_inputs
     } = (0, _config.getConfigurationValue)(this.agentIdentifier, 'session_replay');
     // set up rrweb configurations for maximum privacy --
     // https://newrelic.atlassian.net/wiki/spaces/O11Y/pages/2792293280/2023+02+28+Browser+-+Session+Replay#Configuration-options
     const stop = recorder({
       emit: this.store.bind(this),
-      blockClass,
-      ignoreClass,
-      maskTextClass,
-      blockSelector,
-      maskInputOptions,
-      maskTextSelector,
-      maskAllInputs,
+      blockClass: block_class,
+      ignoreClass: ignore_class,
+      maskTextClass: mask_text_class,
+      blockSelector: block_selector,
+      maskInputOptions: mask_input_options,
+      maskTextSelector: mask_text_selector,
+      maskAllInputs: mask_all_inputs,
       checkoutEveryNms: CHECKOUT_MS[this.mode]
     });
     this.stopRecording = () => {
@@ -302,6 +325,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);
     if (this.blocked) return;
     const eventBytes = (0, _stringify.stringify)(event).length;
     /** The estimated size of the payload after compression */
@@ -309,7 +333,8 @@ 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();
+      this.ee.emit(_constants2.SUPPORTABILITY_METRIC_CHANNEL, ['SessionReplay/Too-Big/Seen'], undefined, _features.FEATURE_NAMES.metrics, this.ee);
+      return this.abort('Payload 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,
@@ -318,8 +343,22 @@ class Aggregate extends _aggregateBase.AggregateBase {
       // we are still waiting for an error to throw, so keep wiping the buffer over time
       this.clearBuffer();
     }
-    this.setTimestamps(event);
-    if (event.type === 2) this.hasSnapshot = true;
+
+    // meta event
+    if (event.type === 4) {
+      this.hasMeta = true;
+      this.lastMeta = event;
+    }
+    // snapshot event
+    if (event.type === 2) {
+      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;
 
@@ -336,15 +375,25 @@ class Aggregate extends _aggregateBase.AggregateBase {
     if (!recorder) return;
     recorder.takeFullSnapshot();
   }
-  setTimestamps(rrwebEvent) {
-    if (!rrwebEvent) return;
-    if (!this.timestamp.first) this.timestamp.first = rrwebEvent.timestamp;
-    this.timestamp.last = rrwebEvent.timestamp;
+  setTimestamps(event) {
+    // 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;
   }
   clearTimestamps() {
     this.timestamp = {
-      first: undefined,
-      last: undefined
+      event: {
+        first: undefined,
+        last: undefined
+      },
+      cycle: {
+        first: undefined,
+        last: undefined
+      }
     };
   }
 
@@ -356,7 +405,8 @@ class Aggregate extends _aggregateBase.AggregateBase {
   }
 
   /** Abort the feature, once aborted it will not resume */
-  abort() {
+  abort(reason) {
+    (0, _console.warn)("SR aborted -- ".concat(reason));
     this.blocked = true;
     this.mode = _sessionEntity.MODE.OFF;
     this.stopRecording();

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/browser-agent.js

@@ -13,6 +13,7 @@ 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");
+var _instrument9 = require("../features/session_replay/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.
@@ -21,7 +22,7 @@ class BrowserAgent extends _agent.Agent {
   constructor(args) {
     super({
       ...args,
-      features: [_instrument5.Instrument, _instrument.Instrument, _instrument2.Instrument, _instrument6.Instrument, _instrument3.Instrument, _instrument8.Instrument, _instrument4.Instrument, _instrument7.Instrument],
+      features: [_instrument5.Instrument, _instrument.Instrument, _instrument2.Instrument, _instrument6.Instrument, _instrument3.Instrument, _instrument8.Instrument, _instrument4.Instrument, _instrument7.Instrument, _instrument9.Instrument],
       loaderType: 'browser-agent'
     });
   }

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

@@ -4,4 +4,11 @@
  */
 
 import '../polyfills.js';
-import '../lite';
+import { Agent } from '../../loaders/agent';
+import { Instrument as InstrumentPageViewEvent } from '../../features/page_view_event/instrument';
+import { Instrument as InstrumentPageViewTiming } from '../../features/page_view_timing/instrument';
+import { Instrument as InstrumentMetrics } from '../../features/metrics/instrument';
+new Agent({
+  features: [InstrumentPageViewEvent, InstrumentPageViewTiming, InstrumentMetrics],
+  loaderType: 'lite-polyfills'
+});

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

@@ -1,7 +1,18 @@
 /**
- * @file Creates a version of the "Pro" agent loader with [core-js]{@link https://github.com/zloirock/core-js}
+ * @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.
  */
 
 import '../polyfills.js';
-import '../pro';
+import { Agent } from '../../loaders/agent';
+import { Instrument as InstrumentPageViewEvent } from '../../features/page_view_event/instrument';
+import { Instrument as InstrumentPageViewTiming } from '../../features/page_view_timing/instrument';
+import { Instrument as InstrumentMetrics } from '../../features/metrics/instrument';
+import { Instrument as InstrumentErrors } from '../../features/jserrors/instrument';
+import { Instrument as InstrumentXhr } from '../../features/ajax/instrument';
+import { Instrument as InstrumentSessionTrace } from '../../features/session_trace/instrument';
+import { Instrument as InstrumentPageAction } from '../../features/page_action/instrument';
+new Agent({
+  features: [InstrumentPageViewEvent, InstrumentPageViewTiming, InstrumentSessionTrace, InstrumentXhr, InstrumentMetrics, InstrumentPageAction, InstrumentErrors],
+  loaderType: 'pro-polyfills'
+});

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

@@ -4,4 +4,16 @@
  */
 
 import '../polyfills.js';
-import '../spa';
+import { Agent } from '../../loaders/agent';
+import { Instrument as InstrumentPageViewEvent } from '../../features/page_view_event/instrument';
+import { Instrument as InstrumentPageViewTiming } from '../../features/page_view_timing/instrument';
+import { Instrument as InstrumentMetrics } from '../../features/metrics/instrument';
+import { Instrument as InstrumentErrors } from '../../features/jserrors/instrument';
+import { Instrument as InstrumentXhr } from '../../features/ajax/instrument';
+import { Instrument as InstrumentSessionTrace } from '../../features/session_trace/instrument';
+import { Instrument as InstrumentSpa } from '../../features/spa/instrument';
+import { Instrument as InstrumentPageAction } from '../../features/page_action/instrument';
+new Agent({
+  features: [InstrumentXhr, InstrumentPageViewEvent, InstrumentPageViewTiming, InstrumentSessionTrace, InstrumentMetrics, InstrumentPageAction, InstrumentErrors, InstrumentSpa],
+  loaderType: 'spa-polyfills'
+});