@newrelic/browser-agent 1.244.0 → 1.246.0

package/CHANGELOG.md

@@ -3,6 +3,29 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.246.0](https://github.com/newrelic/newrelic-browser-agent/compare/v1.245.0...v1.246.0) (2023-10-23)
+
+
+### Features
+
+* Add network info to all page view timing events ([#768](https://github.com/newrelic/newrelic-browser-agent/issues/768)) ([757cf19](https://github.com/newrelic/newrelic-browser-agent/commit/757cf1953af471118d809414cd41297a87c89a34))
+* Replace url parsing with URL class ([#781](https://github.com/newrelic/newrelic-browser-agent/issues/781)) ([4206263](https://github.com/newrelic/newrelic-browser-agent/commit/42062638850b4b410ac75eb008120ec4a82583c1))
+
+
+### Bug Fixes
+
+* Add feature flag support for Browser Interactions ([#779](https://github.com/newrelic/newrelic-browser-agent/issues/779)) ([aa39c6c](https://github.com/newrelic/newrelic-browser-agent/commit/aa39c6cd2aeefaecd803aeb0736ad7aef8477bc4))
+* Add first harvest of session flags to RUM and Trace ([#765](https://github.com/newrelic/newrelic-browser-agent/issues/765)) ([ab2e9dd](https://github.com/newrelic/newrelic-browser-agent/commit/ab2e9dd2252143635b67ea9da4e07867ec68cd0f))
+
+## [1.245.0](https://github.com/newrelic/newrelic-browser-agent/compare/v1.244.0...v1.245.0) (2023-10-18)
+
+
+### Features
+
+* Allow boolean values in setCustomAttribute ([#776](https://github.com/newrelic/newrelic-browser-agent/issues/776)) ([d44f033](https://github.com/newrelic/newrelic-browser-agent/commit/d44f03384655f47c5f8a63db02f7eaac58585a86))
+* Detect GraphQL operation names and types in AJAX calls ([#764](https://github.com/newrelic/newrelic-browser-agent/issues/764)) ([8587afc](https://github.com/newrelic/newrelic-browser-agent/commit/8587afc9dbc18a52048f467c77e5ededc225eb2a))
+* Removing worker build ([#762](https://github.com/newrelic/newrelic-browser-agent/issues/762)) ([15f801b](https://github.com/newrelic/newrelic-browser-agent/commit/15f801b1a48c6e60f8f50f349aa382c77a073480))
+
 ## [1.244.0](https://github.com/newrelic/newrelic-browser-agent/compare/v1.243.1...v1.244.0) (2023-10-10)
 
 

package/dist/cjs/cdn/polyfills.js

@@ -10,8 +10,12 @@ require("core-js/stable/array/some");
 require("core-js/stable/object/assign");
 require("core-js/stable/object/entries");
 require("core-js/stable/object/values");
+require("core-js/stable/object/from-entries");
 require("core-js/stable/map");
 require("core-js/stable/reflect");
 require("core-js/stable/set");
 require("core-js/stable/weak-set");
-require("core-js/stable/object/get-own-property-descriptors");
+require("core-js/stable/object/get-own-property-descriptors");
+require("core-js/stable/url");
+require("core-js/stable/url-search-params");
+require("core-js/stable/string/starts-with");

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

@@ -15,7 +15,7 @@ function getModeledObject(obj, model) {
     for (let key in target) {
       if (obj[key] !== undefined) {
         try {
-          if (typeof obj[key] === 'object' && typeof model[key] === 'object') output[key] = getModeledObject(obj[key], model[key]);else output[key] = obj[key];
+          if (Array.isArray(obj[key]) && Array.isArray(model[key])) output[key] = Array.from(new Set([...obj[key], ...model[key]]));else if (typeof obj[key] === 'object' && typeof model[key] === 'object') output[key] = getModeledObject(obj[key], model[key]);else output[key] = obj[key];
         } catch (e) {
           (0, _console.warn)('An error occurred while setting a property of a Configurable', e);
         }

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

@@ -37,6 +37,7 @@ const model = () => {
   };
 
   return {
+    feature_flags: [],
     proxy: {
       assets: undefined,
       // if this value is set, it will be used to overwrite the webpack asset path used to fetch assets

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 = "1.244.0";
+const VERSION = "1.246.0";
 
 /**
  * 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 = "1.244.0";
+const VERSION = "1.246.0";
 
 /**
  * Exposes the build type of the agent

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

@@ -31,9 +31,10 @@ const model = {
   inactiveAt: 0,
   expiresAt: 0,
   updatedAt: Date.now(),
-  sessionReplay: MODE.OFF,
+  sessionReplayMode: MODE.OFF,
   sessionReplaySentFirstChunk: false,
   sessionTraceMode: MODE.OFF,
+  traceHarvestStarted: false,
   custom: {}
 };
 const SESSION_EVENTS = {
@@ -152,7 +153,7 @@ 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.
-    if (this.isNew === undefined) this.isNew = !Object.keys(initialRead).length;
+    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/common/url/parse-url.js

@@ -10,57 +10,34 @@ var _runtime = require("../constants/runtime");
  * SPDX-License-Identifier: Apache-2.0
  */
 
-var stringsToParsedUrls = {};
 function parseUrl(url) {
-  if (url in stringsToParsedUrls) {
-    return stringsToParsedUrls[url];
-  }
-
   // Return if URL is a data URL, parseUrl assumes urls are http/https
   if ((url || '').indexOf('data:') === 0) {
     return {
       protocol: 'data'
     };
   }
-  let urlEl;
-  var location = _runtime.globalScope?.location;
-  var ret = {};
-  if (_runtime.isBrowserScope) {
-    // Use an anchor dom element to resolve the url natively.
-    urlEl = document.createElement('a');
-    urlEl.href = url;
-  } else {
-    try {
-      urlEl = new URL(url, location.href);
-    } catch (err) {
-      return ret;
+  try {
+    const parsedUrl = new URL(url, location.href);
+    const returnVal = {
+      port: parsedUrl.port,
+      hostname: parsedUrl.hostname,
+      pathname: parsedUrl.pathname,
+      search: parsedUrl.search,
+      protocol: parsedUrl.protocol.slice(0, parsedUrl.protocol.indexOf(':')),
+      sameOrigin: parsedUrl.protocol === _runtime.globalScope?.location?.protocol && parsedUrl.host === _runtime.globalScope?.location?.host
+    };
+    if (!returnVal.port || returnVal.port === '') {
+      if (parsedUrl.protocol === 'http:') returnVal.port = '80';
+      if (parsedUrl.protocol === 'https:') returnVal.port = '443';
     }
+    if (!returnVal.pathname || returnVal.pathname === '') {
+      returnVal.pathname = '/';
+    } else if (!returnVal.pathname.startsWith('/')) {
+      returnVal.pathname = "/".concat(returnVal.pathname);
+    }
+    return returnVal;
+  } catch (err) {
+    return {};
   }
-  ret.port = urlEl.port;
-  var firstSplit = urlEl.href.split('://');
-  if (!ret.port && firstSplit[1]) {
-    ret.port = firstSplit[1].split('/')[0].split('@').pop().split(':')[1];
-  }
-  if (!ret.port || ret.port === '0') ret.port = firstSplit[0] === 'https' ? '443' : '80';
-
-  // Host not provided in IE for relative urls
-  ret.hostname = urlEl.hostname || location.hostname;
-  ret.pathname = urlEl.pathname;
-  ret.protocol = firstSplit[0];
-
-  // Pathname sometimes doesn't have leading slash (IE 8 and 9)
-  if (ret.pathname.charAt(0) !== '/') ret.pathname = '/' + ret.pathname;
-
-  // urlEl.protocol is ':' in old ie when protocol is not specified
-  var sameProtocol = !urlEl.protocol || urlEl.protocol === ':' || urlEl.protocol === location.protocol;
-  var sameDomain = urlEl.hostname === location.hostname && urlEl.port === location.port;
-
-  // urlEl.hostname is not provided by IE for relative urls, but relative urls are also same-origin
-  ret.sameOrigin = sameProtocol && (!urlEl.hostname || sameDomain);
-
-  // Only cache if url doesn't have a path
-  if (ret.pathname === '/') {
-    stringsToParsedUrls[url] = ret;
-  }
-  return ret;
 }

package/dist/cjs/common/util/type-check.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isPureObject = isPureObject;
+/**
+ * Tests a passed object to see if it is a pure object or not. All non-primatives in JS
+ * are technically objects and would pass a `typeof` check.
+ * @param {*} obj Input object to be tested
+**/
+function isPureObject(obj) {
+  return obj?.constructor === {}.constructor;
+}

package/dist/cjs/common/vitals/first-input-delay.js

@@ -25,8 +25,7 @@ if (_runtime.isBrowserScope) {
       attrs: {
         type: entries[0].name,
         fid: Math.round(value)
-      },
-      shouldAddConnectionAttributes: true
+      }
     });
   });
 }

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

@@ -34,8 +34,7 @@ if (_runtime.isBrowserScope) {
             elTag: lcpEntry.element.tagName
           })
         }
-      }),
-      shouldAddConnectionAttributes: true
+      })
     });
   });
 }

package/dist/cjs/common/vitals/vital-metric.js

@@ -16,8 +16,7 @@ class VitalMetric {
     let {
       value,
       entries = [],
-      attrs = {},
-      shouldAddConnectionAttributes = false
+      attrs = {}
     } = _ref;
     if (value < 0) return;
     const state = {
@@ -26,7 +25,6 @@ class VitalMetric {
       entries,
       attrs
     };
-    if (shouldAddConnectionAttributes) addConnectionAttributes(state.attrs);
     this.history.push(state);
     this.#subscribers.forEach(cb => {
       try {
@@ -60,12 +58,4 @@ class VitalMetric {
     };
   }
 }
-exports.VitalMetric = VitalMetric;
-function addConnectionAttributes(obj) {
-  var connection = navigator.connection || navigator.mozConnection || navigator.webkitConnection; // to date, both window & worker shares the same support for connection
-  if (!connection) return;
-  if (connection.type) obj['net-type'] = connection.type;
-  if (connection.effectiveType) obj['net-etype'] = connection.effectiveType;
-  if (connection.rtt) obj['net-rtt'] = connection.rtt;
-  if (connection.downlink) obj['net-dlink'] = connection.downlink;
-}
+exports.VitalMetric = VitalMetric;

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

@@ -0,0 +1,94 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.parseGQL = parseGQL;
+var _typeCheck = require("../../../common/util/type-check");
+/**
+ * @typedef {object} GQLMetadata
+ * @property {string} operationName Name of the operation
+ * @property {string} operationType Type of the operation
+ * @property {string} operationFramework Framework responsible for the operation
+ */
+
+/**
+ * Parses and returns the graphql metadata from a network request. If the network
+ * request is not a graphql call, undefined will be returned.
+ * @param {object|string} body Ajax request body
+ * @param {string} query Ajax request query param string
+ * @returns {GQLMetadata | undefined}
+ */
+function parseGQL() {
+  let {
+    body,
+    query
+  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  if (!body && !query) return;
+  try {
+    const gqlBody = parseBatchGQL(parseGQLContents(body));
+    if (gqlBody) return gqlBody;
+    const gqlQuery = parseSingleGQL(parseGQLQueryString(query));
+    if (gqlQuery) return gqlQuery;
+  } catch (err) {
+    // parsing failed, return undefined
+  }
+}
+
+/**
+ * @param {string|Object} gql The GraphQL object body sent to a GQL server
+ * @returns {GQLMetadata}
+ */
+function parseSingleGQL(contents) {
+  if (typeof contents !== 'object' || !contents.query || typeof contents.query !== 'string') return;
+
+  /** parses gql query string and returns [fullmatch, type match, name match] */
+  const matches = contents.query.trim().match(/^(query|mutation|subscription)\s?(\w*)/);
+  const operationType = matches?.[1];
+  if (!operationType) return;
+  const operationName = contents.operationName || matches?.[2] || 'Anonymous';
+  return {
+    operationName,
+    // the operation name of the indiv query
+    operationType,
+    // query, mutation, or subscription,
+    operationFramework: 'GraphQL'
+  };
+}
+function parseBatchGQL(contents) {
+  if (!contents) return;
+  if (!Array.isArray(contents)) contents = [contents];
+  const opNames = [];
+  const opTypes = [];
+  for (let content of contents) {
+    const operation = parseSingleGQL(content);
+    if (!operation) continue;
+    opNames.push(operation.operationName);
+    opTypes.push(operation.operationType);
+  }
+  if (!opTypes.length) return;
+  return {
+    operationName: opNames.join(','),
+    // the operation name of the indiv query -- joined by ',' for batched results
+    operationType: opTypes.join(','),
+    // query, mutation, or subscription -- joined by ',' for batched results
+    operationFramework: 'GraphQL'
+  };
+}
+function parseGQLContents(gqlContents) {
+  let contents;
+  if (!gqlContents || typeof gqlContents !== 'string' && typeof gqlContents !== 'object') return;else if (typeof gqlContents === 'string') contents = JSON.parse(gqlContents);else contents = gqlContents;
+  if (!(0, _typeCheck.isPureObject)(contents) && !Array.isArray(contents)) return;
+  let isValid = false;
+  if (Array.isArray(contents)) isValid = contents.some(x => validateGQLObject(x));else isValid = validateGQLObject(contents);
+  if (!isValid) return;
+  return contents;
+}
+function parseGQLQueryString(gqlQueryString) {
+  if (!gqlQueryString || typeof gqlQueryString !== 'string') return;
+  const params = new URLSearchParams(gqlQueryString);
+  return parseGQLContents(Object.fromEntries(params));
+}
+function validateGQLObject(obj) {
+  return !(typeof obj !== 'object' || !obj.query || typeof obj.query !== 'string');
+}

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

@@ -15,6 +15,7 @@ var _constants = require("../constants");
 var _features = require("../../../loaders/features/features");
 var _constants2 = require("../../metrics/constants");
 var _aggregateBase = require("../../utils/aggregate-base");
+var _gql = require("./gql");
 /*
  * Copyright 2020 New Relic Corporation. All rights reserved.
  * SPDX-License-Identifier: Apache-2.0
@@ -116,6 +117,13 @@ class Aggregate extends _aggregateBase.AggregateBase {
         event.spanTimestamp = xhrContext.dt.timestamp;
       }
 
+      // parsed from the AJAX body, looking for operationName param & parsing query for operationType
+      event.gql = params.gql = (0, _gql.parseGQL)({
+        body: this.body,
+        query: this?.parsedOrigin?.search
+      });
+      if (event.gql) (0, _handle.handle)(_constants2.SUPPORTABILITY_METRIC_CHANNEL, ['Ajax/Events/GraphQL/Bytes-Added', (0, _stringify.stringify)(event.gql).length], undefined, _features.FEATURE_NAMES.metrics, ee);
+
       // if the ajax happened inside an interaction, hold it until the interaction finishes
       if (this.spaNode) {
         var interactionId = this.spaNode.interaction.id;
@@ -205,7 +213,11 @@ class Aggregate extends _aggregateBase.AggregateBase {
         var insert = '2,';
 
         // add custom attributes
-        var attrParts = (0, _belSerializer.addCustomAttributes)((0, _config.getInfo)(agentIdentifier).jsAttributes || {}, this.addString);
+        // gql decorators are added as custom attributes to alleviate need for new BEL schema
+        var attrParts = (0, _belSerializer.addCustomAttributes)({
+          ...((0, _config.getInfo)(agentIdentifier).jsAttributes || {}),
+          ...(event.gql || {})
+        }, this.addString);
         fields.unshift((0, _belSerializer.numeric)(attrParts.length));
         insert += fields.join(',');
         if (attrParts && attrParts.length > 0) {

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

@@ -161,6 +161,7 @@ function subscribeToEvents(agentIdentifier, ee, handler, dt) {
       if (size) metrics.txSize = size;
     }
     this.startTime = (0, _now.now)();
+    this.body = data;
     this.listener = function (evt) {
       try {
         if (evt.type === 'abort' && !context.loadCaptureCalled) {
@@ -308,6 +309,7 @@ function subscribeToEvents(agentIdentifier, ee, handler, dt) {
     addUrl(this, url);
     var method = ('' + (target && target instanceof origRequest && target.method || opts.method || 'GET')).toUpperCase();
     this.params.method = method;
+    this.body = opts.body;
     this.txSize = (0, _dataSize.dataSize)(opts.body) || 0;
   }
 

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

@@ -187,7 +187,7 @@ class Aggregate extends _aggregateBase.AggregateBase {
       params.pageview = 1;
       this.pageviewReported[bucketHash] = true;
     }
-    if (agentRuntime?.session?.state?.sessionReplay) params.hasReplay = true;
+    if (agentRuntime?.session?.state?.sessionReplayMode) params.hasReplay = true;
     params.firstOccurrenceTimestamp = this.observedAt[bucketHash];
     var type = internal ? 'ierr' : 'err';
     var newMetrics = {

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

@@ -84,6 +84,8 @@ class Aggregate extends _aggregateBase.AggregateBase {
       ua: info.userAttributes,
       at: info.atts
     };
+    if (agentRuntime.session) queryParameters.fsh = Number(agentRuntime.session.isNew); // "first session harvest" aka RUM request or PageView event of a session
+
     let body;
     if (typeof info.jsAttributes === 'object' && Object.keys(info.jsAttributes).length > 0) {
       body = {

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

@@ -106,6 +106,7 @@ class Aggregate extends _aggregateBase.AggregateBase {
   }
   addTiming(name, value, attrs) {
     attrs = attrs || {};
+    addConnectionAttributes(attrs); // network conditions may differ from the actual for VitalMetrics when they were captured
 
     // If cls was set to another value by `onCLS`, then it's supported and is attached onto any timing but is omitted until such time.
     /*
@@ -177,4 +178,12 @@ class Aggregate extends _aggregateBase.AggregateBase {
     return payload;
   }
 }
-exports.Aggregate = Aggregate;
+exports.Aggregate = Aggregate;
+function addConnectionAttributes(obj) {
+  var connection = navigator.connection || navigator.mozConnection || navigator.webkitConnection; // to date, both window & worker shares the same support for connection
+  if (!connection) return;
+  if (connection.type) obj['net-type'] = connection.type;
+  if (connection.effectiveType) obj['net-etype'] = connection.effectiveType;
+  if (connection.rtt) obj['net-rtt'] = connection.rtt;
+  if (connection.downlink) obj['net-dlink'] = connection.downlink;
+}

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

@@ -140,13 +140,13 @@ class Aggregate extends _aggregateBase.AggregateBase {
         const {
           session
         } = (0, _config.getRuntime)(this.agentIdentifier);
-        this.mode = session.state.sessionReplay;
+        this.mode = session.state.sessionReplayMode;
         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(ABORT_REASONS.CROSS_TAB);
+        if (this.mode !== _sessionEntity.MODE.OFF && data.sessionReplayMode === _sessionEntity.MODE.OFF) this.abort(ABORT_REASONS.CROSS_TAB);
         this.mode = data.sessionReplay;
       });
 
@@ -172,7 +172,7 @@ class Aggregate extends _aggregateBase.AggregateBase {
             this.startRecording();
             this.scheduler.startTimer(this.harvestTimeSeconds);
             this.syncWithSessionManager({
-              sessionReplay: this.mode
+              sessionReplayMode: this.mode
             });
           }
         }
@@ -207,7 +207,7 @@ class Aggregate extends _aggregateBase.AggregateBase {
     // session replays can continue if already in progress
     if (!session.isNew) {
       // inherit the mode of the existing session
-      this.mode = session.state.sessionReplay;
+      this.mode = session.state.sessionReplayMode;
     } else {
       // The session is new... determine the mode the new session should start in
       if (fullSample) this.mode = _sessionEntity.MODE.FULL; // full mode has precedence over error mode
@@ -248,7 +248,7 @@ class Aggregate extends _aggregateBase.AggregateBase {
     }
     this.startRecording();
     this.syncWithSessionManager({
-      sessionReplay: this.mode
+      sessionReplayMode: this.mode
     });
   }
   prepareHarvest() {
@@ -457,7 +457,7 @@ class Aggregate extends _aggregateBase.AggregateBase {
     this.mode = _sessionEntity.MODE.OFF;
     this.stopRecording();
     this.syncWithSessionManager({
-      sessionReplay: this.mode
+      sessionReplayMode: this.mode
     });
     this.clearTimestamps();
     this.ee.emit('REPLAY_ABORTED');

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

@@ -148,7 +148,7 @@ class Aggregate extends _aggregateBase.AggregateBase {
           });
           if (!sessionEntity.isNew) {
             // inherit the same mode as existing session's Trace
-            if (sessionEntity.state.sessionReplay === _sessionEntity.MODE.OFF) this.isStandalone = true;
+            if (sessionEntity.state.sessionReplayMode === _sessionEntity.MODE.OFF) this.isStandalone = true;
             controlTraceOp(mostRecentModeKnown = sessionEntity.state.sessionTraceMode);
           } else {
             // for new sessions, see the truth table associated with NEWRELIC-8662 wrt the new Trace behavior under session management
@@ -510,6 +510,16 @@ class Aggregate extends _aggregateBase.AggregateBase {
     }
     this.trace = {};
     this.nodeCount = 0;
+    let firstHarvestOfSession;
+    if (this.agentRuntime.session) {
+      const isFirstPayload = !this.agentRuntime.session.state.traceHarvestStarted;
+      firstHarvestOfSession = {
+        fsh: Number(isFirstPayload)
+      }; // converted to '0' | '1'
+      if (isFirstPayload) this.agentRuntime.session.write({
+        traceHarvestStarted: true
+      });
+    }
     return {
       qs: {
         st: this.agentRuntime.offset,
@@ -520,9 +530,10 @@ class Aggregate extends _aggregateBase.AggregateBase {
          * so that blob parsing doesn't need to happen to support UI/API functions  */
         fts: this.agentRuntime.offset + earliestTimeStamp,
         /** n === "nodeCount" in NR1, a count of nodes in the ST payload, so that blob parsing doesn't need to happen to support UI/API functions */
-        n: stns.length // node count
+        n: stns.length,
+        // node count
+        ...firstHarvestOfSession
       },
-
       body: {
         res: stns
       }

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

@@ -67,7 +67,9 @@ class Aggregate extends _aggregateBase.AggregateBase {
       depth: 0,
       harvestTimeSeconds: (0, _config.getConfigurationValue)(agentIdentifier, 'spa.harvestTimeSeconds') || 10,
       interactionsToHarvest: [],
-      interactionsSent: []
+      interactionsSent: [],
+      // The below feature flag is used to disable the SPA ajax fix for specific customers, see https://new-relic.atlassian.net/browse/NR-172169
+      disableSpaFix: ((0, _config.getConfigurationValue)(agentIdentifier, 'feature_flags') || []).indexOf('disable-spa-fix') > -1
     };
     this.serializer = new _serializer.Serializer(this);
     const {
@@ -287,7 +289,7 @@ class Aggregate extends _aggregateBase.AggregateBase {
     // context is stored on the xhr and is shared with all callbacks associated
     // with the new xhr
     (0, _registerHandler.registerHandler)('new-xhr', function () {
-      if (!state.currentNode && state.prevInteraction && !state.prevInteraction.ignored) {
+      if (!state.disableSpaFix && !state.currentNode && state.prevInteraction && !state.prevInteraction.ignored) {
         /*
          * The previous interaction was discarded before a route change. Restore the interaction
          * in case this XHR is associated with a route change.
@@ -378,7 +380,7 @@ class Aggregate extends _aggregateBase.AggregateBase {
     }, this.featureName, jsonpEE);
     (0, _registerHandler.registerHandler)(FETCH_START, function (fetchArguments, dtPayload) {
       if (fetchArguments) {
-        if (!state.currentNode && state.prevInteraction && !state.prevInteraction.ignored) {
+        if (!state.disableSpaFix && !state.currentNode && state.prevInteraction && !state.prevInteraction.ignored) {
           /*
            * The previous interaction was discarded before a route change. Restore the interaction
            * in case this XHR is associated with a route change.

package/dist/cjs/features/spa/aggregate/serializer.js

@@ -91,6 +91,13 @@ class Serializer extends _sharedContext.SharedContext {
           break;
         case 2:
           fields.push(addString(params.method), (0, _belSerializer.numeric)(params.status), addString(params.host), addString(params.pathname), (0, _belSerializer.numeric)(metrics.txSize), (0, _belSerializer.numeric)(metrics.rxSize), attrs.isFetch ? 1 : attrs.isJSONP ? 2 : '', addString(node.id), (0, _belSerializer.nullable)(node.dt && node.dt.spanId, addString, true) + (0, _belSerializer.nullable)(node.dt && node.dt.traceId, addString, true) + (0, _belSerializer.nullable)(node.dt && node.dt.timestamp, _belSerializer.numeric, false));
+
+          // add params.gql here
+          if (Object.keys(params?.gql || {}).length) {
+            var ajaxAttrParts = (0, _belSerializer.addCustomAttributes)(params.gql, addString);
+            children = children.concat(ajaxAttrParts);
+            attrCount = ajaxAttrParts.length;
+          }
           break;
         case 4:
           var tracedTime = attrs.tracedTime;

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

@@ -139,7 +139,7 @@ class InstrumentBase extends _featureBase.FeatureBase {
     if (featureName === _features.FEATURE_NAMES.sessionReplay) {
       if (!_config.originals.MO) return false; // Session Replay cannot work without Mutation Observer
       if ((0, _config.getConfigurationValue)(this.agentIdentifier, 'session_trace.enabled') === false) return false; // Session Replay as of now is tightly coupled with Session Trace in the UI
-      return !!session?.isNew || !!session?.state.sessionReplay; // Session Replay should only try to run if already running from a previous page, or at the beginning of a session
+      return !!session?.isNew || !!session?.state.sessionReplayMode; // Session Replay should only try to run if already running from a previous page, or at the beginning of a session
     }
 
     return true;

package/dist/cjs/index.js

@@ -69,15 +69,8 @@ Object.defineProperty(exports, "Spa", {
     return _spa.Spa;
   }
 });
-Object.defineProperty(exports, "WorkerAgent", {
-  enumerable: true,
-  get: function () {
-    return _workerAgent.WorkerAgent;
-  }
-});
 var _agent = require("./loaders/agent");
 var _browserAgent = require("./loaders/browser-agent");
-var _workerAgent = require("./loaders/worker-agent");
 var _microAgent = require("./loaders/micro-agent");
 var _ajax = require("./features/ajax");
 var _jserrors = require("./features/jserrors");

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

@@ -99,8 +99,8 @@ function setAPI(agentIdentifier, forceDrain) {
       (0, _console.warn)("Failed to execute setCustomAttribute.\nName must be a string type, but a type of <".concat(typeof name, "> was provided."));
       return;
     }
-    if (!(['string', 'number'].includes(typeof value) || value === null)) {
-      (0, _console.warn)("Failed to execute setCustomAttribute.\nNon-null value must be a string or number type, but a type of <".concat(typeof value, "> was provided."));
+    if (!(['string', 'number', 'boolean'].includes(typeof value) || value === null)) {
+      (0, _console.warn)("Failed to execute setCustomAttribute.\nNon-null value must be a string, number or boolean type, but a type of <".concat(typeof value, "> was provided."));
       return;
     }
     return appendJsAttribute(name, value, 'setCustomAttribute', persistAttribute);

package/dist/esm/cdn/polyfills.js

@@ -13,8 +13,12 @@ import 'core-js/stable/array/some';
 import 'core-js/stable/object/assign';
 import 'core-js/stable/object/entries';
 import 'core-js/stable/object/values';
+import 'core-js/stable/object/from-entries';
 import 'core-js/stable/map';
 import 'core-js/stable/reflect';
 import 'core-js/stable/set';
 import 'core-js/stable/weak-set';
-import 'core-js/stable/object/get-own-property-descriptors';
+import 'core-js/stable/object/get-own-property-descriptors';
+import 'core-js/stable/url';
+import 'core-js/stable/url-search-params';
+import 'core-js/stable/string/starts-with';

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

@@ -9,7 +9,7 @@ export function getModeledObject(obj, model) {
     for (let key in target) {
       if (obj[key] !== undefined) {
         try {
-          if (typeof obj[key] === 'object' && typeof model[key] === 'object') output[key] = getModeledObject(obj[key], model[key]);else output[key] = obj[key];
+          if (Array.isArray(obj[key]) && Array.isArray(model[key])) output[key] = Array.from(new Set([...obj[key], ...model[key]]));else if (typeof obj[key] === 'object' && typeof model[key] === 'object') output[key] = getModeledObject(obj[key], model[key]);else output[key] = obj[key];
         } catch (e) {
           warn('An error occurred while setting a property of a Configurable', e);
         }