feat: replace tessen with browser agent

Author: tabathadelane

gatsby-config.js

@@ -96,21 +96,6 @@ module.exports = {
             errorBeacon: 'staging-bam-cell.nr-data.net',
           },
         },
-        tessen: {
-          tessenVersion: '1.14.0',
-          product: 'DEV',
-          subproduct: 'TDEV',
-          segmentWriteKey: 'Ako0hclX8WGHwl9rm4n5uxLtT4wgEtuU',
-          trackPageViews: true,
-          pageView: {
-            eventName: 'pageView',
-            category: 'DocPageView',
-            getProperties: ({ location, env }) => ({
-              path: location.pathname,
-              env: env === 'production' ? 'prod' : env,
-            }),
-          },
-        },
       },
     },
     {

gatsby-node.js

@@ -313,8 +313,5 @@ exports.onCreateWebpackConfig = ({ actions, plugins }) => {
     // recommendation:
     // https://github.com/escaladesports/legacy-gatsby-plugin-prefetch-google-fonts/issues/18
     plugins: [plugins.normalModuleReplacement(/^\.\/node\.js/, './browser.js')],
-    externals: {
-      tessen: 'Tessen',
-    },
   });
 };

src/components/DevSiteSeo.js

@@ -81,7 +81,6 @@ function DevSiteSeo({ description, meta, title, tags, location, type }) {
       {validMetadata.map((data, index) => (
         <meta key={`${data.name}-${index}`} {...data} />
       ))}
-      <script src={withPrefix('tessen.min-1.3.0.js')} type="text/javascript" />
     </SEO>
   );
 }

src/components/SignupLink.js

@@ -1,7 +1,11 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 import { useLocation } from '@reach/router';
-import { useLocale, useTessen, Icon } from '@newrelic/gatsby-theme-newrelic';
+import {
+  useLocale,
+  addPageAction,
+  Icon,
+} from '@newrelic/gatsby-theme-newrelic';
 import { localizePath } from '../utils/localizePath';
 import { css } from '@emotion/react';
 
@@ -17,7 +21,6 @@ const formatHref = (href, { locale }) => {
 
 const SignUpLink = forwardRef(
   ({ href, onClick, instrumentation, ...props }, ref) => {
-    const tessen = useTessen();
     const location = useLocation();
     const locale = useLocale();
 
@@ -34,7 +37,7 @@ const SignUpLink = forwardRef(
             onClick(e);
           }
 
-          tessen.track({
+          addPageAction({
             eventName: 'stitchedPathLinkClick',
             category: 'DocPageLinkClick',
             href,