@newrelic/browser-agent 1.251.1 → 1.252.1

package/CHANGELOG.md

@@ -3,6 +3,31 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.252.1](https://github.com/newrelic/newrelic-browser-agent/compare/v1.252.0...v1.252.1) (2024-02-29)
+
+
+### Bug Fixes
+
+* Fix webpack imports in npm package ([#905](https://github.com/newrelic/newrelic-browser-agent/issues/905)) ([35810a8](https://github.com/newrelic/newrelic-browser-agent/commit/35810a895b7f61ab60ea5c24adfa49c4a3956191))
+* Page load after session timeouts don't start new session ([#899](https://github.com/newrelic/newrelic-browser-agent/issues/899)) ([5c952a0](https://github.com/newrelic/newrelic-browser-agent/commit/5c952a0a212922d84dfd7e8eb388fdbd566b6c00))
+
+## [1.252.0](https://github.com/newrelic/newrelic-browser-agent/compare/v1.251.1...v1.252.0) (2024-02-12)
+
+
+### Features
+
+* add types mappings for esm distribution ([#887](https://github.com/newrelic/newrelic-browser-agent/issues/887)) ([811ed41](https://github.com/newrelic/newrelic-browser-agent/commit/811ed418b74dcb8f25544da79521c384b9fd498a))
+* align browser reported uncaught syntax errors ([#881](https://github.com/newrelic/newrelic-browser-agent/issues/881)) ([d4a0f30](https://github.com/newrelic/newrelic-browser-agent/commit/d4a0f30e0ab4d8edbdb17bf4ebdf282626761045))
+* Capture Internal Metrics for Session Replay Configurations ([#879](https://github.com/newrelic/newrelic-browser-agent/issues/879)) ([f60e7f1](https://github.com/newrelic/newrelic-browser-agent/commit/f60e7f155bb95087ea4af8864b652878f08ccaff))
+* Create more granular metrics about stylesheet fix success ([#882](https://github.com/newrelic/newrelic-browser-agent/issues/882)) ([697f13e](https://github.com/newrelic/newrelic-browser-agent/commit/697f13e6ea5ba0738ffd74dfd214751ab98adf8d))
+* Report config changes away from default state for UX improvement ([#885](https://github.com/newrelic/newrelic-browser-agent/issues/885)) ([aa19a9c](https://github.com/newrelic/newrelic-browser-agent/commit/aa19a9c0737c175c011656f3da3f327dc6442f04))
+
+
+### Bug Fixes
+
+* Add safe logic to snapshots ([#884](https://github.com/newrelic/newrelic-browser-agent/issues/884)) ([1fcdd8d](https://github.com/newrelic/newrelic-browser-agent/commit/1fcdd8d9a20819911ba7e7350354085a57f1b187))
+* Fix adblock memory leak ([#877](https://github.com/newrelic/newrelic-browser-agent/issues/877)) ([695415b](https://github.com/newrelic/newrelic-browser-agent/commit/695415b0fcaa8b41496fc6556a38ec76dd357539))
+
 ## [1.251.1](https://github.com/newrelic/newrelic-browser-agent/compare/v1.251.0...v1.251.1) (2024-01-29)
 
 

package/README.md

@@ -24,12 +24,12 @@ $ npm install @newrelic/browser-agent --save
 $ yarn add @newrelic/browser-agent
 ```
 
-## Creating an app in New Relic One
+## Creating an app in New Relic
 
-Before instrumenting your app using the NPM package, a Browser App should be configured in New Relic One. This may be done with or without a corresponding APM agent. Once the app has been created, the Copy/Paste JavaScript code on the app's *Application settings* page will contain the configuration values needed to define options when instantiating the agent via the NPM package.
+Before instrumenting your app using the NPM package, a Browser App should be configured in New Relic. This may be done with or without a corresponding APM agent. Once the app has been created, the Copy/Paste JavaScript code on the app's *Application settings* page will contain the configuration values needed to define options when instantiating the agent via the NPM package.
 
 1. If a browser app does not already exist, create one:
-   - From the *New Relic One* navigation panel, click *Add Data*.
+   - From the *New Relic* navigation panel, click *Add Data*.
    - Select the *Browser monitoring* data source.
    - Choose the *APM* or *Copy/Paste* method.
    - Select or name your app and click *Enable*.
@@ -41,7 +41,7 @@ Before instrumenting your app using the NPM package, a Browser App should be con
 
 For best results, import and instantiate the `BrowserAgent` class as close to the top of the `head` element of your app's HTML output as possible. The specific location and method will vary based on your application's architecture or framework. See [Library Support](#library-support) for more information.
 
-Populate the `options` parameter using configuration values found in the the *Copy/Paste JavaScript* box in your browser app's *Application settings* page in New Relic One.
+Populate the `options` parameter using configuration values found in the the *Copy/Paste JavaScript* box in your browser app's *Application settings* page in New Relic.
 
 ```javascript
 import { BrowserAgent } from '@newrelic/browser-agent/loaders/browser-agent'
@@ -137,7 +137,7 @@ The examples above use the `Agent` class at their core, which is ideal for most
 
 Using the `MicroAgent` class, it is possible to skip the "auto" instrumentation phases of the other loader types, and provide a *very small* agent designed for capturing data in a controlled manner via the API interfaces. The `MicroAgent` captures a distinct `PageView` event when instantiated, and additional `PageAction` and `JavaScriptError` events may be captured by calling the `noticeError` and `addPageAction` methods.
 
-Because it does not wrap the page-level globals in the same way as the base `Agent` class, the `MicroAgent` is not only smaller but can easily be instantiated multiple times on a single page with low overhead, with each instance configured to report to a different Browser App entity in New Relic One if desired. This accommodates specialized use cases, such as segmented UI designs (e.g., the micro front-end pattern) or applications requiring subsets of manually-handled data to be reported to different application entities.
+Because it does not wrap the page-level globals in the same way as the base `Agent` class, the `MicroAgent` is not only smaller but can easily be instantiated multiple times on a single page with low overhead, with each instance configured to report to a different Browser App entity in New Relic if desired. This accommodates specialized use cases, such as segmented UI designs (e.g., the micro front-end pattern) or applications requiring subsets of manually-handled data to be reported to different application entities.
 
 The example below illustrates how to instantiate and interact with two separate `MicroAgent` instances on one page.
 

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

@@ -106,9 +106,9 @@ const model = () => {
       autoStart: true,
       enabled: false,
       harvestTimeSeconds: 60,
-      sampling_rate: 50,
+      sampling_rate: 10,
       // float from 0 - 100
-      error_sampling_rate: 50,
+      error_sampling_rate: 100,
       // float from 0 - 100
       collect_fonts: false,
       // 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

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

@@ -12,7 +12,7 @@ exports.VERSION = exports.RRWEB_VERSION = exports.DIST_METHOD = exports.BUILD_EN
 /**
  * Exposes the version of the agent
  */
-const VERSION = exports.VERSION = "1.251.1";
+const VERSION = exports.VERSION = "1.252.1";
 
 /**
  * Exposes the build type of the agent

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

@@ -12,7 +12,7 @@ exports.VERSION = exports.RRWEB_VERSION = exports.DIST_METHOD = exports.BUILD_EN
 /**
  * Exposes the version of the agent
  */
-const VERSION = exports.VERSION = "1.251.1";
+const VERSION = exports.VERSION = "1.252.1";
 
 /**
  * Exposes the build type of the agent

package/dist/cjs/common/drain/drain.js

@@ -50,15 +50,17 @@ function curateRegistry(agentIdentifier) {
  * its own named group explicitly, when ready.
  * @param {string} agentIdentifier - A unique 16 character ID corresponding to an instantiated agent.
  * @param {string} featureName - A named group into which the feature's buffered events are bucketed.
+ * @param {boolean} force - Whether to force the drain to occur immediately, bypassing the registry and staging logic.
  */
 function drain() {
   let agentIdentifier = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
   let featureName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'feature';
+  let force = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
   curateRegistry(agentIdentifier);
   // If the feature for the specified agent is not in the registry, that means the instrument file was bypassed.
   // This could happen in tests, or loaders that directly import the aggregator. In these cases it is safe to
   // drain the feature group immediately rather than waiting to drain all at once.
-  if (!agentIdentifier || !registry[agentIdentifier].get(featureName)) return drainGroup(featureName);
+  if (!agentIdentifier || !registry[agentIdentifier].get(featureName) || force) return drainGroup(featureName);
 
   // When `drain` is called, this feature is ready to drain (staged).
   registry[agentIdentifier].get(featureName).staged = true;

package/dist/cjs/common/event-emitter/contextual-ee.js

@@ -135,5 +135,11 @@ function ee(old, debugId) {
 }
 function abort() {
   globalInstance.aborted = true;
-  globalInstance.backlog = {};
+  // The global backlog can be referenced directly by other emitters,
+  // so we need to delete its contents as opposed to replacing it.
+  // Otherwise, these references to the old backlog would still exist
+  // and the keys will not be garbage collected.
+  Object.keys(globalInstance.backlog).forEach(key => {
+    delete globalInstance.backlog[key];
+  });
 }

package/dist/cjs/common/harvest/harvest.js

@@ -180,10 +180,11 @@ class Harvest extends _sharedContext.SharedContext {
     });
     if (!opts.unload && cbFinished && submitMethod === submitData.xhr) {
       const harvestScope = this;
-      result.addEventListener('load', function () {
+      result.addEventListener('loadend', function () {
         // `this` refers to the XHR object in this scope, do not change this to a fat arrow
+        // status 0 refers to a local error, such as CORS or network failure, or a blocked request by the browser (e.g. adblocker)
         const cbResult = {
-          sent: true,
+          sent: this.status !== 0,
           status: this.status
         };
         if (this.status === 429) {

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

@@ -135,7 +135,9 @@ class SessionEntity {
 
     // The fact that the session is "new" or pre-existing is used in some places in the agent.  Session Replay and Trace
     // can use this info to inform whether to trust a new sampling decision vs continue a previous tracking effort.
-    this.isNew = !Object.keys(initialRead).length;
+    /* [NR-230914] 02/2024 - the logical OR assignment is used so that isNew remains 'true' if it was already set as such. This fixes the expires and inactive timestamps timing out in localStorage
+      while no page for a given domain is in-use and the session resetting upon user returning to the page as part of a fresh session. */
+    this.isNew ||= !Object.keys(initialRead).length;
     // if its a "new" session, we write to storage API with the default values.  These values may change over the lifespan of the agent run.
     // we can use a modeled object here to help us know and manage what values are being used. -- see "model" above
     if (this.isNew) this.write((0, _configurable.getModeledObject)(this.state, model), true);else this.sync(initialRead);

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

@@ -18,6 +18,7 @@ var _responseSize = require("./response-size");
 var _instrumentBase = require("../../utils/instrument-base");
 var _constants = require("../constants");
 var _features = require("../../../loaders/features/features");
+var _constants2 = require("../../metrics/constants");
 /*
  * Copyright 2020 New Relic Corporation. All rights reserved.
  * SPDX-License-Identifier: Apache-2.0
@@ -363,6 +364,7 @@ function subscribeToEvents(agentIdentifier, ee, handler, dt) {
     if (ctx.sameOrigin) {
       var header = xhr.getResponseHeader('X-NewRelic-App-Data');
       if (header) {
+        (0, _handle.handle)(_constants2.SUPPORTABILITY_METRIC, ['Ajax/CrossApplicationTracing/Header/Seen'], undefined, _features.FEATURE_NAMES.metrics, ee);
         ctx.params.cat = header.split(', ').pop();
       }
     }

package/dist/cjs/features/jserrors/instrument/index.js

@@ -117,6 +117,11 @@ class Instrument extends _instrumentBase.InstrumentBase {
    * @returns {Error|UncaughtError} The error event converted to an Error object
    */
   #castErrorEvent(errorEvent) {
+    if (errorEvent.error instanceof SyntaxError && !/:\d+$/.test(errorEvent.error.stack?.trim())) {
+      const error = new _uncaughtError.UncaughtError(errorEvent.message, errorEvent.filename, errorEvent.lineno, errorEvent.colno);
+      error.name = SyntaxError.name;
+      return error;
+    }
     if (errorEvent.error instanceof Error) {
       return errorEvent.error;
     }

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

@@ -127,7 +127,7 @@ class Aggregate extends _aggregateBase.AggregateBase {
           status,
           responseText
         } = _ref3;
-        if (status >= 400) {
+        if (status >= 400 || status === 0) {
           // Adding retry logic for the rum call will be a separate change
           this.ee.abort();
           return;

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

@@ -57,6 +57,7 @@ class Aggregate extends _aggregateBase.AggregateBase {
     this.entitled = false;
     this.recorder = args?.recorder;
     if (this.recorder) this.recorder.parent = this;
+    (0, _handle.handle)(_constants2.SUPPORTABILITY_METRIC_CHANNEL, ['Config/SessionReplay/Enabled'], undefined, _features.FEATURE_NAMES.metrics, this.ee);
     const shouldSetup = (0, _config.getConfigurationValue)(agentIdentifier, 'privacy.cookies_enabled') === true && (0, _config.getConfigurationValue)(agentIdentifier, 'session_trace.enabled') === true;
     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.
@@ -121,13 +122,37 @@ class Aggregate extends _aggregateBase.AggregateBase {
           this.switchToFull();
         }
       }, this.featureName, this.ee);
+      const {
+        error_sampling_rate,
+        sampling_rate,
+        autoStart,
+        block_selector,
+        mask_text_selector,
+        mask_all_inputs,
+        inline_stylesheet,
+        inline_images,
+        collect_fonts
+      } = (0, _config.getConfigurationValue)(this.agentIdentifier, 'session_replay');
       this.waitForFlags(['sr']).then(_ref => {
         let [flagOn] = _ref;
         this.entitled = flagOn;
-        if (!this.entitled && this.recorder?.recording) this.recorder.abort(_constants.ABORT_REASONS.ENTITLEMENTS);
-        this.initializeRecording(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'));
+        if (!this.entitled && this.recorder?.recording) {
+          this.recorder.abort(_constants.ABORT_REASONS.ENTITLEMENTS);
+          (0, _handle.handle)(_constants2.SUPPORTABILITY_METRIC_CHANNEL, ['SessionReplay/EnabledNotEntitled/Detected'], undefined, _features.FEATURE_NAMES.metrics, this.ee);
+        }
+        this.initializeRecording(Math.random() * 100 < error_sampling_rate, Math.random() * 100 < sampling_rate);
       }).then(() => _sharedChannel.sharedChannel.onReplayReady(this.mode)); // notify watchers that replay started with the mode
 
+      /** 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);
+      if (mask_text_selector !== '*') (0, _handle.handle)(_constants2.SUPPORTABILITY_METRIC_CHANNEL, ['Config/SessionReplay/MaskTextSelector/Modified'], undefined, _features.FEATURE_NAMES.metrics, this.ee);
+      (0, _handle.handle)(_constants2.SUPPORTABILITY_METRIC_CHANNEL, ['Config/SessionReplay/SamplingRate/Value', sampling_rate], undefined, _features.FEATURE_NAMES.metrics, this.ee);
+      (0, _handle.handle)(_constants2.SUPPORTABILITY_METRIC_CHANNEL, ['Config/SessionReplay/ErrorSamplingRate/Value', error_sampling_rate], undefined, _features.FEATURE_NAMES.metrics, this.ee);
       this.drain();
     }
   }

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

@@ -115,14 +115,15 @@ class Recorder {
     const incompletes = _stylesheetEvaluator.stylesheetEvaluator.evaluate();
     /** 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, _handle.handle)(_constants3.SUPPORTABILITY_METRIC_CHANNEL, ['SessionReplay/Payload/Missing-Inline-Css', incompletes], undefined, _features.FEATURE_NAMES.metrics, this.parent.ee);
+    if (incompletes > 0) {
       /** wait for the evaluator to download/replace the incompletes' src code and then take a new snap */
       _stylesheetEvaluator.stylesheetEvaluator.fix().then(failedToFix => {
-        if (failedToFix) {
+        if (failedToFix > 0) {
           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);
         this.takeFullSnapshot();
       });
       /** Only start ignoring data if got a faulty snapshot */
@@ -176,7 +177,12 @@ class Recorder {
 
   /** force the recording lib to take a full DOM snapshot.  This needs to occur in certain cases, like visibility changes */
   takeFullSnapshot() {
-    _rrweb.record.takeFullSnapshot();
+    try {
+      if (!this.recording) return;
+      _rrweb.record.takeFullSnapshot();
+    } catch (err) {
+      // in the off chance we think we are recording, but rrweb does not, rrweb's lib will throw an error.  This catch is just a precaution
+    }
   }
   clearTimestamps() {
     this.currentBufferTarget.cycleTimestamp = undefined;

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

@@ -14,7 +14,7 @@ class StylesheetEvaluator {
   * Used at harvest time to denote that all subsequent payloads are subject to this and customers should be advised to handle crossorigin decoration
   * */
   invalidStylesheetsDetected = false;
-  failedToFix = false;
+  failedToFix = 0;
 
   /**
    * this works by checking (only ever once) each cssRules obj in the style sheets array. The try/catch will catch an error if the cssRules obj blocks access, triggering the module to try to "fix" the asset`. Returns the count of incomplete assets discovered.
@@ -24,15 +24,15 @@ class StylesheetEvaluator {
     let incompletes = 0;
     if (_runtime.isBrowserScope) {
       for (let i = 0; i < Object.keys(document.styleSheets).length; i++) {
-        const ss = document.styleSheets[i];
-        if (!this.#evaluated.has(ss)) {
-          this.#evaluated.add(ss);
+        if (!this.#evaluated.has(document.styleSheets[i])) {
+          this.#evaluated.add(document.styleSheets[i]);
           try {
             // eslint-disable-next-line
-            const temp = ss.cssRules;
+            const temp = document.styleSheets[i].cssRules;
           } catch (err) {
+            if (!document.styleSheets[i].href) return;
             incompletes++;
-            this.#fetchProms.push(this.#fetchAndOverride(document.styleSheets[i], ss.href));
+            this.#fetchProms.push(this.#fetchAndOverride(document.styleSheets[i]));
           }
         }
       }
@@ -49,7 +49,7 @@ class StylesheetEvaluator {
     await Promise.all(this.#fetchProms);
     this.#fetchProms = [];
     const failedToFix = this.failedToFix;
-    this.failedToFix = false;
+    this.failedToFix = 0;
     return failedToFix;
   }
 
@@ -59,11 +59,12 @@ class StylesheetEvaluator {
   * @param {*} href - The asset href to fetch
   * @returns {Promise}
   */
-  async #fetchAndOverride(target, href) {
+  async #fetchAndOverride(target) {
+    if (!target?.href) return;
     try {
-      const stylesheetContents = await _config.originals.FETCH.bind(window)(href);
+      const stylesheetContents = await _config.originals.FETCH.bind(window)(target.href);
       if (!stylesheetContents.ok) {
-        this.failedToFix = true;
+        this.failedToFix++;
         return;
       }
       const stylesheetText = await stylesheetContents.text();
@@ -88,11 +89,11 @@ class StylesheetEvaluator {
             return stylesheetText;
           }
         });
-        this.failedToFix = true;
+        this.failedToFix++;
       }
     } catch (err) {
       // failed to fetch
-      this.failedToFix = true;
+      this.failedToFix++;
     }
   }
 }

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

@@ -119,7 +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);
+        (0, _drain.drain)(this.agentIdentifier, this.featureName, true);
         loadedSuccessfully(false);
       }
     };

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

@@ -0,0 +1,8 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.asyncApiMethods = exports.apiMethods = void 0;
+const apiMethods = exports.apiMethods = ['setErrorHandler', 'finished', 'addToTrace', 'addRelease', 'addPageAction', 'setCurrentRouteName', 'setPageViewName', 'setCustomAttribute', 'interaction', 'noticeError', 'setUserId', 'setApplicationVersion', 'start', 'recordReplay', 'pauseReplay'];
+const asyncApiMethods = exports.asyncApiMethods = ['setErrorHandler', 'finished', 'addToTrace', 'addRelease'];

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

@@ -3,7 +3,6 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.CUSTOM_ATTR_GROUP = void 0;
 exports.setAPI = setAPI;
 exports.setTopLevelCallers = setTopLevelCallers;
 var _features = require("../features/features");
@@ -17,17 +16,15 @@ var _runtime = require("../../common/constants/runtime");
 var _console = require("../../common/util/console");
 var _constants = require("../../features/metrics/constants");
 var _nreum = require("../../common/window/nreum");
+var _apiMethods = require("./api-methods");
 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 && Object.prototype.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 2020 New Relic Corporation. All rights reserved.
  * SPDX-License-Identifier: Apache-2.0
  */
-const CUSTOM_ATTR_GROUP = exports.CUSTOM_ATTR_GROUP = 'CUSTOM/'; // the subgroup items should be stored under in storage API
-
 function setTopLevelCallers() {
   const nr = (0, _nreum.gosCDN)();
-  const funcs = ['setErrorHandler', 'finished', 'addToTrace', 'addRelease', 'addPageAction', 'setCurrentRouteName', 'setPageViewName', 'setCustomAttribute', 'interaction', 'noticeError', 'setUserId', 'setApplicationVersion', 'start', 'recordReplay', 'pauseReplay'];
-  funcs.forEach(f => {
+  _apiMethods.apiMethods.forEach(f => {
     nr[f] = function () {
       for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
         args[_key] = arguments[_key];
@@ -53,12 +50,11 @@ function setAPI(agentIdentifier, forceDrain) {
   const apiInterface = {};
   var instanceEE = _contextualEe.ee.get(agentIdentifier);
   var tracerEE = instanceEE.get('tracer');
-  var asyncApiFns = ['setErrorHandler', 'finished', 'addToTrace', 'addRelease'];
   var prefix = 'api-';
   var spaPrefix = prefix + 'ixn-';
 
   // Setup stub functions that queue calls for later processing.
-  asyncApiFns.forEach(fnName => {
+  _apiMethods.asyncApiMethods.forEach(fnName => {
     apiInterface[fnName] = apiCall(prefix, fnName, true, 'api');
   });
   apiInterface.addPageAction = apiCall(prefix, 'addPageAction', true, _features.FEATURE_NAMES.pageAction);
@@ -209,7 +205,10 @@ function setAPI(agentIdentifier, forceDrain) {
       } = _ref;
       setAPI(agentIdentifier);
       (0, _drain.drain)(agentIdentifier, 'api');
-    }).catch(() => (0, _console.warn)('Downloading runtime APIs failed...'));
+    }).catch(() => {
+      (0, _console.warn)('Downloading runtime APIs failed...');
+      (0, _drain.drain)(agentIdentifier, 'api', true);
+    });
   }
   return apiInterface;
 }

package/dist/cjs/loaders/configure/configure.js

@@ -9,7 +9,7 @@ var _nreum = require("../../common/window/nreum");
 var _config = require("../../common/config/config");
 var _featureFlags = require("../../common/util/feature-flags");
 var _runtime = require("../../common/constants/runtime");
-var _publicPath = require("./public-path");
+var _publicPath = require("./public-path.npm");
 let alreadySetOnce = false; // the configure() function can run multiple times in agent lifecycle
 
 /**

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

@@ -98,9 +98,9 @@ const model = () => {
       autoStart: true,
       enabled: false,
       harvestTimeSeconds: 60,
-      sampling_rate: 50,
+      sampling_rate: 10,
       // float from 0 - 100
-      error_sampling_rate: 50,
+      error_sampling_rate: 100,
       // float from 0 - 100
       collect_fonts: false,
       // 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

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

@@ -6,7 +6,7 @@
 /**
  * Exposes the version of the agent
  */
-export const VERSION = "1.251.1";
+export const VERSION = "1.252.1";
 
 /**
  * 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.251.1";
+export const VERSION = "1.252.1";
 
 /**
  * Exposes the build type of the agent

package/dist/esm/common/drain/drain.js

@@ -43,15 +43,17 @@ function curateRegistry(agentIdentifier) {
  * its own named group explicitly, when ready.
  * @param {string} agentIdentifier - A unique 16 character ID corresponding to an instantiated agent.
  * @param {string} featureName - A named group into which the feature's buffered events are bucketed.
+ * @param {boolean} force - Whether to force the drain to occur immediately, bypassing the registry and staging logic.
  */
 export function drain() {
   let agentIdentifier = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
   let featureName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'feature';
+  let force = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
   curateRegistry(agentIdentifier);
   // If the feature for the specified agent is not in the registry, that means the instrument file was bypassed.
   // This could happen in tests, or loaders that directly import the aggregator. In these cases it is safe to
   // drain the feature group immediately rather than waiting to drain all at once.
-  if (!agentIdentifier || !registry[agentIdentifier].get(featureName)) return drainGroup(featureName);
+  if (!agentIdentifier || !registry[agentIdentifier].get(featureName) || force) return drainGroup(featureName);
 
   // When `drain` is called, this feature is ready to drain (staged).
   registry[agentIdentifier].get(featureName).staged = true;

package/dist/esm/common/event-emitter/contextual-ee.js

@@ -131,5 +131,11 @@ function ee(old, debugId) {
 }
 function abort() {
   globalInstance.aborted = true;
-  globalInstance.backlog = {};
+  // The global backlog can be referenced directly by other emitters,
+  // so we need to delete its contents as opposed to replacing it.
+  // Otherwise, these references to the old backlog would still exist
+  // and the keys will not be garbage collected.
+  Object.keys(globalInstance.backlog).forEach(key => {
+    delete globalInstance.backlog[key];
+  });
 }

package/dist/esm/common/harvest/harvest.js

@@ -172,10 +172,11 @@ export class Harvest extends SharedContext {
     });
     if (!opts.unload && cbFinished && submitMethod === submitData.xhr) {
       const harvestScope = this;
-      result.addEventListener('load', function () {
+      result.addEventListener('loadend', function () {
         // `this` refers to the XHR object in this scope, do not change this to a fat arrow
+        // status 0 refers to a local error, such as CORS or network failure, or a blocked request by the browser (e.g. adblocker)
         const cbResult = {
-          sent: true,
+          sent: this.status !== 0,
           status: this.status
         };
         if (this.status === 429) {

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

@@ -130,7 +130,9 @@ export class SessionEntity {
 
     // The fact that the session is "new" or pre-existing is used in some places in the agent.  Session Replay and Trace
     // can use this info to inform whether to trust a new sampling decision vs continue a previous tracking effort.
-    this.isNew = !Object.keys(initialRead).length;
+    /* [NR-230914] 02/2024 - the logical OR assignment is used so that isNew remains 'true' if it was already set as such. This fixes the expires and inactive timestamps timing out in localStorage
+      while no page for a given domain is in-use and the session resetting upon user returning to the page as part of a fresh session. */
+    this.isNew ||= !Object.keys(initialRead).length;
     // if its a "new" session, we write to storage API with the default values.  These values may change over the lifespan of the agent run.
     // we can use a modeled object here to help us know and manage what values are being used. -- see "model" above
     if (this.isNew) this.write(getModeledObject(this.state, model), true);else this.sync(initialRead);

package/dist/esm/features/ajax/instrument/index.js

@@ -16,6 +16,7 @@ import { responseSizeFromXhr } from './response-size';
 import { InstrumentBase } from '../../utils/instrument-base';
 import { FEATURE_NAME } from '../constants';
 import { FEATURE_NAMES } from '../../../loaders/features/features';
+import { SUPPORTABILITY_METRIC } from '../../metrics/constants';
 var handlers = ['load', 'error', 'abort', 'timeout'];
 var handlersLen = handlers.length;
 var origRequest = originals.REQ;
@@ -355,6 +356,7 @@ function subscribeToEvents(agentIdentifier, ee, handler, dt) {
     if (ctx.sameOrigin) {
       var header = xhr.getResponseHeader('X-NewRelic-App-Data');
       if (header) {
+        handle(SUPPORTABILITY_METRIC, ['Ajax/CrossApplicationTracing/Header/Seen'], undefined, FEATURE_NAMES.metrics, ee);
         ctx.params.cat = header.split(', ').pop();
       }
     }

package/dist/esm/features/jserrors/instrument/index.js

@@ -111,6 +111,11 @@ export class Instrument extends InstrumentBase {
    * @returns {Error|UncaughtError} The error event converted to an Error object
    */
   #castErrorEvent(errorEvent) {
+    if (errorEvent.error instanceof SyntaxError && !/:\d+$/.test(errorEvent.error.stack?.trim())) {
+      const error = new UncaughtError(errorEvent.message, errorEvent.filename, errorEvent.lineno, errorEvent.colno);
+      error.name = SyntaxError.name;
+      return error;
+    }
     if (errorEvent.error instanceof Error) {
       return errorEvent.error;
     }

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

@@ -119,7 +119,7 @@ export class Aggregate extends AggregateBase {
           status,
           responseText
         } = _ref3;
-        if (status >= 400) {
+        if (status >= 400 || status === 0) {
           // Adding retry logic for the rum call will be a separate change
           this.ee.abort();
           return;