@safaricom-mxl/web-sdk 0.0.15 → 0.0.17

package/dist/instrumentations/loaf/LoafInstrumentation/LoafInstrumentation.js.map

@@ -1 +1 @@
-{"version":3,"file":"LoafInstrumentation.js","names":[],"sources":["../../../../src/instrumentations/loaf/LoafInstrumentation/LoafInstrumentation.ts"],"sourcesContent":["/* eslint-disable baseline-js/use-baseline */\nimport { SeverityNumber } from '@opentelemetry/api-logs';\nimport type { Metric } from 'web-vitals';\nimport type { SpanSessionManager } from '../../../api-sessions';\nimport { KEY_MXL_TYPE, MXL_TYPES } from '../../../constants';\nimport {\n  createPerformanceObserver,\n  isEntryTypeSupported,\n} from '../../../utils';\nimport { generateWebVitalID } from '../../../utils/generateWebVitalID';\nimport { MXLInstrumentationBase } from '../../MXLInstrumentationBase';\nimport {\n  ATTR_TBD_LOAF_COUNT,\n  ATTR_TBD_LOAF_LONGEST_DURATION,\n  ATTR_TBD_LOAF_LONGEST_DURATION_EXCLUDING_FIRST,\n  ATTR_TBD_LOAF_STYLE_AND_LAYOUT_DURATION,\n  ATTR_TBD_LOAF_TOTAL_DURATION,\n  ATTR_TBD_LOAF_WORK_DURATION,\n  BLOCKING_DURATION_GOOD_THRESHOLD,\n  BLOCKING_DURATION_POOR_THRESHOLD,\n  LOAF_EVENT_NAME,\n  LOAF_SCRIPTS_EVENT_NAME,\n  MAX_SCRIPT_ENTRIES,\n  MAX_SCRIPT_URL_LENGTH,\n} from './constants';\nimport type { LoafInstrumentationArgs } from './types';\n\ntype ScriptSummaryValue = {\n  totalDuration: number;\n  styleAndLayoutDuration: number;\n  count: number;\n};\n\ntype ScriptSummaries = Map<string, ScriptSummaryValue>;\n\nexport class LoafInstrumentation extends MXLInstrumentationBase {\n  private _observer: PerformanceObserver | null = null;\n  private _isFirstEntry = true;\n  private _removeSessionEndListener: (() => void) | null = null;\n  private _isEnabled = false;\n\n  private _totalDuration = 0;\n  private _workDuration = 0;\n  private _styleLayoutDuration = 0;\n  private _count = 0;\n  private _longestDuration = 0;\n  private _longestDurationExcludingFirst = 0;\n  private _totalBlockingDuration = 0;\n  private _scriptSummaries: ScriptSummaries = new Map();\n\n  public constructor({ diag, perf }: LoafInstrumentationArgs = {}) {\n    super({\n      instrumentationName: 'LoafInstrumentation',\n      instrumentationVersion: '1.0.0',\n      diag,\n      perf,\n      config: {},\n    });\n\n    if (this._config.enabled) {\n      this.enable();\n    }\n  }\n\n  public enable(): void {\n    if (this._isEnabled) {\n      return;\n    }\n\n    if (!isEntryTypeSupported('long-animation-frame')) {\n      this._diag.debug('long-animation-frame not supported, skipping');\n      return;\n    }\n\n    this._isEnabled = true;\n\n    if (this._observer) {\n      this._observer.disconnect();\n    }\n\n    this._observer =\n      createPerformanceObserver<PerformanceLongAnimationFrameTiming>(\n        'long-animation-frame',\n        (entry) => this._processEntry(entry),\n        { diag: this._diag },\n      );\n\n    if (!this._observer) {\n      this._isEnabled = false;\n      this._diag.error('failed to enable');\n      return;\n    }\n\n    this._registerSessionEndListener();\n  }\n\n  private _registerSessionEndListener(): void {\n    if (!this._isEnabled) {\n      return;\n    }\n\n    if (this._removeSessionEndListener) {\n      this._removeSessionEndListener();\n    }\n\n    this._removeSessionEndListener =\n      this.sessionManager.addSessionEndedListener(() => {\n        try {\n          this._flushReport();\n        } catch (e) {\n          this._diag.error('error flushing report', e);\n        }\n      });\n  }\n\n  public override setSessionManager(sessionManager: SpanSessionManager): void {\n    super.setSessionManager(sessionManager);\n    this._registerSessionEndListener();\n  }\n\n  public disable(): void {\n    this._isEnabled = false;\n    this._resetAccumulators();\n\n    if (this._observer) {\n      this._observer.disconnect();\n      this._observer = null;\n    }\n\n    if (this._removeSessionEndListener) {\n      this._removeSessionEndListener();\n      this._removeSessionEndListener = null;\n    }\n  }\n\n  private _processEntry(entry: PerformanceLongAnimationFrameTiming): void {\n    if (!this._isEnabled) {\n      return;\n    }\n\n    this._count++;\n    this._totalDuration += entry.duration;\n    this._workDuration += entry.renderStart\n      ? entry.renderStart - entry.startTime\n      : entry.duration;\n\n    if (entry.styleAndLayoutStart) {\n      this._styleLayoutDuration += Math.max(\n        0,\n        entry.startTime + entry.duration - entry.styleAndLayoutStart,\n      );\n    }\n\n    this._longestDuration = Math.max(this._longestDuration, entry.duration);\n\n    if (this._isFirstEntry && this._count === 1) {\n      this._isFirstEntry = false;\n    } else {\n      this._longestDurationExcludingFirst = Math.max(\n        this._longestDurationExcludingFirst,\n        entry.duration,\n      );\n      if (entry.firstUIEventTimestamp === 0) {\n        this._totalBlockingDuration += entry.blockingDuration;\n      }\n    }\n\n    try {\n      for (const script of entry.scripts) {\n        // sourceURL is an empty string for inline scripts\n        let url = script.sourceURL || '(inline)';\n        if (url.length > MAX_SCRIPT_URL_LENGTH) {\n          url = `${url.substring(0, MAX_SCRIPT_URL_LENGTH)}...`;\n        }\n\n        const existing = this._scriptSummaries.get(url);\n        if (existing) {\n          existing.totalDuration += script.duration;\n          existing.styleAndLayoutDuration +=\n            script.forcedStyleAndLayoutDuration;\n          existing.count++;\n        } else {\n          this._scriptSummaries.set(url, {\n            totalDuration: script.duration,\n            styleAndLayoutDuration: script.forcedStyleAndLayoutDuration,\n            count: 1,\n          });\n        }\n      }\n    } catch (e) {\n      this._diag.error('error processing scripts for entry', e);\n    }\n  }\n\n  private _flushReport(): void {\n    if (this._count === 0) {\n      return;\n    }\n\n    // use web-vitals Metric type for rating\n    let rating: Metric['rating'];\n    if (this._totalBlockingDuration <= BLOCKING_DURATION_GOOD_THRESHOLD) {\n      rating = 'good';\n    } else if (\n      this._totalBlockingDuration <= BLOCKING_DURATION_POOR_THRESHOLD\n    ) {\n      rating = 'needs-improvement';\n    } else {\n      rating = 'poor';\n    }\n\n    const attrs: Record<string, string | number> = {\n      [KEY_MXL_TYPE]: MXL_TYPES.WebVital,\n      ['mxl.web_vital.id']: generateWebVitalID(),\n      ['mxl.web_vital.name']: 'TBD',\n      ['mxl.web_vital.value']: Math.round(this._totalBlockingDuration),\n      ['mxl.web_vital.rating']: rating,\n      [ATTR_TBD_LOAF_TOTAL_DURATION]: Math.round(this._totalDuration),\n      [ATTR_TBD_LOAF_WORK_DURATION]: Math.round(this._workDuration),\n      [ATTR_TBD_LOAF_STYLE_AND_LAYOUT_DURATION]: Math.round(\n        this._styleLayoutDuration,\n      ),\n      [ATTR_TBD_LOAF_COUNT]: this._count,\n      [ATTR_TBD_LOAF_LONGEST_DURATION]: Math.round(this._longestDuration),\n      [ATTR_TBD_LOAF_LONGEST_DURATION_EXCLUDING_FIRST]: Math.round(\n        this._longestDurationExcludingFirst,\n      ),\n    };\n\n    try {\n      this.logger.emit({\n        eventName: LOAF_EVENT_NAME,\n        severityNumber: SeverityNumber.INFO,\n        attributes: attrs,\n      });\n    } catch (e) {\n      this._diag.error('error emitting loaf report', e);\n    }\n\n    try {\n      if (this._scriptSummaries.size > 0) {\n        const scripts = [...this._scriptSummaries]\n          .sort((a, b) => b[1].totalDuration - a[1].totalDuration)\n          .slice(0, MAX_SCRIPT_ENTRIES)\n          .map(([url, script]) => [\n            url,\n            {\n              total_duration: Math.round(script.totalDuration),\n              style_and_layout_duration: Math.round(\n                script.styleAndLayoutDuration,\n              ),\n              count: script.count,\n            },\n          ]);\n\n        this.logger.emit({\n          eventName: LOAF_SCRIPTS_EVENT_NAME,\n          severityNumber: SeverityNumber.INFO,\n          body: JSON.stringify(Object.fromEntries(scripts)),\n          attributes: {\n            [KEY_MXL_TYPE]: MXL_TYPES.LoafScripts,\n          },\n        });\n      }\n    } catch (e) {\n      this._diag.error('error emitting loaf script summary', e);\n    }\n\n    this._resetAccumulators();\n  }\n\n  private _resetAccumulators(): void {\n    this._totalDuration = 0;\n    this._workDuration = 0;\n    this._styleLayoutDuration = 0;\n    this._count = 0;\n    this._longestDuration = 0;\n    this._longestDurationExcludingFirst = 0;\n    this._totalBlockingDuration = 0;\n    this._scriptSummaries = new Map();\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"LoafInstrumentation.js","names":[],"sources":["../../../../src/instrumentations/loaf/LoafInstrumentation/LoafInstrumentation.ts"],"sourcesContent":["/* eslint-disable baseline-js/use-baseline */\nimport { SeverityNumber } from '@opentelemetry/api-logs';\nimport type { Metric } from 'web-vitals';\nimport { KEY_MXL_TYPE, MXL_TYPES } from '../../../constants';\nimport type { UserSessionManagerInternal } from '../../../managers/MXLUserSessionManager';\nimport {\n  createPerformanceObserver,\n  isEntryTypeSupported,\n} from '../../../utils';\nimport { generateWebVitalID } from '../../../utils/generateWebVitalID';\nimport { MXLInstrumentationBase } from '../../MXLInstrumentationBase';\nimport {\n  ATTR_TBD_LOAF_COUNT,\n  ATTR_TBD_LOAF_LONGEST_DURATION,\n  ATTR_TBD_LOAF_LONGEST_DURATION_EXCLUDING_FIRST,\n  ATTR_TBD_LOAF_STYLE_AND_LAYOUT_DURATION,\n  ATTR_TBD_LOAF_TOTAL_DURATION,\n  ATTR_TBD_LOAF_WORK_DURATION,\n  BLOCKING_DURATION_GOOD_THRESHOLD,\n  BLOCKING_DURATION_POOR_THRESHOLD,\n  LOAF_EVENT_NAME,\n  LOAF_SCRIPTS_EVENT_NAME,\n  MAX_SCRIPT_ENTRIES,\n  MAX_SCRIPT_URL_LENGTH,\n} from './constants';\nimport type { LoafInstrumentationArgs } from './types';\n\ninterface ScriptSummaryValue {\n  totalDuration: number;\n  styleAndLayoutDuration: number;\n  count: number;\n}\n\ntype ScriptSummaries = Map<string, ScriptSummaryValue>;\n\nexport class LoafInstrumentation extends MXLInstrumentationBase {\n  private _observer: PerformanceObserver | null = null;\n  private _isFirstEntry = true;\n  private _removeSessionEndListener: (() => void) | null = null;\n  private _isEnabled = false;\n\n  private _totalDuration = 0;\n  private _workDuration = 0;\n  private _styleLayoutDuration = 0;\n  private _count = 0;\n  private _longestDuration = 0;\n  private _longestDurationExcludingFirst = 0;\n  private _totalBlockingDuration = 0;\n  private _scriptSummaries: ScriptSummaries = new Map();\n\n  public constructor({ diag, perf }: LoafInstrumentationArgs = {}) {\n    super({\n      config: {},\n      diag,\n      instrumentationName: 'LoafInstrumentation',\n      instrumentationVersion: '1.0.0',\n      perf,\n    });\n\n    if (this._config.enabled) {\n      this.enable();\n    }\n  }\n\n  public enable(): void {\n    if (this._isEnabled) {\n      return;\n    }\n\n    if (!isEntryTypeSupported('long-animation-frame')) {\n      this._diag.debug('long-animation-frame not supported, skipping');\n      return;\n    }\n\n    this._isEnabled = true;\n\n    if (this._observer) {\n      this._observer.disconnect();\n    }\n\n    this._observer =\n      createPerformanceObserver<PerformanceLongAnimationFrameTiming>(\n        'long-animation-frame',\n        (entry) => this._processEntry(entry),\n        { diag: this._diag },\n      );\n\n    if (!this._observer) {\n      this._isEnabled = false;\n      this._diag.error('failed to enable');\n      return;\n    }\n\n    this._registerSessionEndListener();\n  }\n\n  private _registerSessionEndListener(): void {\n    if (!this._isEnabled) {\n      return;\n    }\n\n    if (this._removeSessionEndListener) {\n      this._removeSessionEndListener();\n    }\n\n    this._removeSessionEndListener =\n      this.userSessionManager.addSessionPartEndedListener(() => {\n        try {\n          this._flushReport();\n        } catch (error) {\n          this._diag.error('error flushing report', error);\n        }\n      });\n  }\n\n  public override setUserSessionManager(\n    userSessionManager: UserSessionManagerInternal,\n  ): void {\n    super.setUserSessionManager(userSessionManager);\n    this._registerSessionEndListener();\n  }\n\n  public disable(): void {\n    this._isEnabled = false;\n    this._resetAccumulators();\n\n    if (this._observer) {\n      this._observer.disconnect();\n      this._observer = null;\n    }\n\n    if (this._removeSessionEndListener) {\n      this._removeSessionEndListener();\n      this._removeSessionEndListener = null;\n    }\n  }\n\n  private _processEntry(entry: PerformanceLongAnimationFrameTiming): void {\n    if (!this._isEnabled) {\n      return;\n    }\n\n    this._count++;\n    this._totalDuration += entry.duration;\n    this._workDuration += entry.renderStart\n      ? entry.renderStart - entry.startTime\n      : entry.duration;\n\n    if (entry.styleAndLayoutStart) {\n      this._styleLayoutDuration += Math.max(\n        0,\n        entry.startTime + entry.duration - entry.styleAndLayoutStart,\n      );\n    }\n\n    this._longestDuration = Math.max(this._longestDuration, entry.duration);\n\n    if (this._isFirstEntry && this._count === 1) {\n      this._isFirstEntry = false;\n    } else {\n      this._longestDurationExcludingFirst = Math.max(\n        this._longestDurationExcludingFirst,\n        entry.duration,\n      );\n      if (entry.firstUIEventTimestamp === 0) {\n        this._totalBlockingDuration += entry.blockingDuration;\n      }\n    }\n\n    try {\n      for (const script of entry.scripts) {\n        // SourceURL is an empty string for inline scripts\n        let url = script.sourceURL || '(inline)';\n        if (url.length > MAX_SCRIPT_URL_LENGTH) {\n          url = `${url.substring(0, MAX_SCRIPT_URL_LENGTH)}...`;\n        }\n\n        const existing = this._scriptSummaries.get(url);\n        if (existing) {\n          existing.totalDuration += script.duration;\n          existing.styleAndLayoutDuration +=\n            script.forcedStyleAndLayoutDuration;\n          existing.count++;\n        } else {\n          this._scriptSummaries.set(url, {\n            count: 1,\n            styleAndLayoutDuration: script.forcedStyleAndLayoutDuration,\n            totalDuration: script.duration,\n          });\n        }\n      }\n    } catch (error) {\n      this._diag.error('error processing scripts for entry', error);\n    }\n  }\n\n  private _flushReport(): void {\n    if (this._count === 0) {\n      return;\n    }\n\n    // Use web-vitals Metric type for rating\n    let rating: Metric['rating'];\n    if (this._totalBlockingDuration <= BLOCKING_DURATION_GOOD_THRESHOLD) {\n      rating = 'good';\n    } else if (\n      this._totalBlockingDuration <= BLOCKING_DURATION_POOR_THRESHOLD\n    ) {\n      rating = 'needs-improvement';\n    } else {\n      rating = 'poor';\n    }\n\n    const attrs: Record<string, string | number> = {\n      [KEY_MXL_TYPE]: MXL_TYPES.WebVital,\n      ['mxl.web_vital.id']: generateWebVitalID(),\n      ['mxl.web_vital.name']: 'TBD',\n      ['mxl.web_vital.value']: Math.round(this._totalBlockingDuration),\n      ['mxl.web_vital.rating']: rating,\n      [ATTR_TBD_LOAF_TOTAL_DURATION]: Math.round(this._totalDuration),\n      [ATTR_TBD_LOAF_WORK_DURATION]: Math.round(this._workDuration),\n      [ATTR_TBD_LOAF_STYLE_AND_LAYOUT_DURATION]: Math.round(\n        this._styleLayoutDuration,\n      ),\n      [ATTR_TBD_LOAF_COUNT]: this._count,\n      [ATTR_TBD_LOAF_LONGEST_DURATION]: Math.round(this._longestDuration),\n      [ATTR_TBD_LOAF_LONGEST_DURATION_EXCLUDING_FIRST]: Math.round(\n        this._longestDurationExcludingFirst,\n      ),\n    };\n\n    try {\n      this.logger.emit({\n        attributes: attrs,\n        eventName: LOAF_EVENT_NAME,\n        severityNumber: SeverityNumber.INFO,\n      });\n    } catch (error) {\n      this._diag.error('error emitting loaf report', error);\n    }\n\n    try {\n      if (this._scriptSummaries.size > 0) {\n        const scripts = [...this._scriptSummaries]\n          .sort((a, b) => b[1].totalDuration - a[1].totalDuration)\n          .slice(0, MAX_SCRIPT_ENTRIES)\n          .map(([url, script]) => [\n            url,\n            {\n              count: script.count,\n              style_and_layout_duration: Math.round(\n                script.styleAndLayoutDuration,\n              ),\n              total_duration: Math.round(script.totalDuration),\n            },\n          ]);\n\n        this.logger.emit({\n          attributes: {\n            [KEY_MXL_TYPE]: MXL_TYPES.LoafScripts,\n          },\n          body: JSON.stringify(Object.fromEntries(scripts)),\n          eventName: LOAF_SCRIPTS_EVENT_NAME,\n          severityNumber: SeverityNumber.INFO,\n        });\n      }\n    } catch (error) {\n      this._diag.error('error emitting loaf script summary', error);\n    }\n\n    this._resetAccumulators();\n  }\n\n  private _resetAccumulators(): void {\n    this._totalDuration = 0;\n    this._workDuration = 0;\n    this._styleLayoutDuration = 0;\n    this._count = 0;\n    this._longestDuration = 0;\n    this._longestDurationExcludingFirst = 0;\n    this._totalBlockingDuration = 0;\n    this._scriptSummaries = new Map();\n  }\n}\n"],"mappings":"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"}

package/dist/instrumentations/navigation/NavigationInstrumentation/NavigationInstrumentation.cjs

@@ -12,10 +12,10 @@ var NavigationInstrumentation = class extends require_instrumentations_MXLInstru
 	_removeSessionEndedFn = null;
 	constructor({ diag, shouldCleanupPathOptionsFromRouteName = true }) {
 		super({
-			instrumentationName: "NavigationInstrumentation",
-			instrumentationVersion: "1.0.0",
+			config: {},
 			diag,
-			config: {}
+			instrumentationName: "NavigationInstrumentation",
+			instrumentationVersion: "1.0.0"
 		});
 		this._shouldCleanupPathOptionsFromRouteName = shouldCleanupPathOptionsFromRouteName;
 		if (this._config.enabled) this.enable();
@@ -33,14 +33,14 @@ var NavigationInstrumentation = class extends require_instrumentations_MXLInstru
 		}
 	};
 	_setupSessionListeners = () => {
-		if (!this._removeSessionStartedFn) this._removeSessionStartedFn = this.sessionManager.addSessionStartedListener(() => {
+		if (!this._removeSessionStartedFn) this._removeSessionStartedFn = this.userSessionManager.addSessionPartStartedListener(() => {
 			const currentRoute = require_api_page_pageAPI.page.getCurrentRoute();
 			if (currentRoute && !this._currentRouteSpan) {
 				this._diag.debug("Session started, starting route span.");
 				this._startRouteSpan(currentRoute);
 			}
 		});
-		if (!this._removeSessionEndedFn) this._removeSessionEndedFn = this.sessionManager.addSessionEndedListener(() => {
+		if (!this._removeSessionEndedFn) this._removeSessionEndedFn = this.userSessionManager.addSessionPartEndedListener(() => {
 			if (this._currentRouteSpan) {
 				this._diag.debug("Session ended, ending route span.");
 				this._endRouteSpan(require_api_page_pageAPI.page.getCurrentRoute());

package/dist/instrumentations/navigation/NavigationInstrumentation/NavigationInstrumentation.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationInstrumentation.cjs","names":["MXLInstrumentationBase","page","KEY_MXL_TYPE","KEY_MXL_PAGE_PATH","KEY_MXL_PAGE_ID","KEY_MXL_INSTRUMENTATION"],"sources":["../../../../src/instrumentations/navigation/NavigationInstrumentation/NavigationInstrumentation.ts"],"sourcesContent":["import type { Span } from '@opentelemetry/api';\nimport type { Route } from '../../../api-page';\nimport { page } from '../../../api-page';\nimport {\n  KEY_MXL_INSTRUMENTATION,\n  KEY_MXL_PAGE_ID,\n  KEY_MXL_PAGE_PATH,\n  KEY_MXL_TYPE,\n  MXL_NAVIGATION_INSTRUMENTATIONS,\n  MXL_TYPES,\n} from '../../../constants';\nimport { MXLInstrumentationBase } from '../../MXLInstrumentationBase';\nimport type { NavigationInstrumentationArgs } from './types';\n\n// Regular expression to match path options in the format \"(option)\"\n// Used to clean up paths that are like \"/order/:orderState(pending|shipped|delivered)/type:(sale|normal)\" to \"/order/:orderState/:type\"\n// Could be simplified but done this way to prevent: https://javascript.info/regexp-catastrophic-backtracking\nconst PATH_OPTIONS_RE = /\\([^()]+\\)/g;\n\nexport class NavigationInstrumentation extends MXLInstrumentationBase {\n  private readonly _shouldCleanupPathOptionsFromRouteName: boolean = true;\n  private _currentRouteSpan: Span | null = null;\n  private _instrumentationType: MXL_NAVIGATION_INSTRUMENTATIONS =\n    MXL_NAVIGATION_INSTRUMENTATIONS.Manual;\n  private _removeSessionStartedFn: (() => void) | null = null;\n  private _removeSessionEndedFn: (() => void) | null = null;\n\n  public constructor({\n    diag,\n    shouldCleanupPathOptionsFromRouteName = true,\n  }: NavigationInstrumentationArgs) {\n    super({\n      instrumentationName: 'NavigationInstrumentation',\n      instrumentationVersion: '1.0.0',\n      diag,\n      config: {},\n    });\n\n    this._shouldCleanupPathOptionsFromRouteName =\n      shouldCleanupPathOptionsFromRouteName;\n\n    if (this._config.enabled) {\n      this.enable();\n    }\n  }\n\n  public setInstrumentationType = (\n    instrumentationType: MXL_NAVIGATION_INSTRUMENTATIONS,\n  ) => {\n    this._instrumentationType = instrumentationType;\n  };\n\n  public setCurrentRoute = (route: Route) => {\n    if (!this._config.enabled) {\n      return;\n    }\n\n    const currentRoute = page.getCurrentRoute();\n\n    if (route.url !== currentRoute?.url) {\n      page.setCurrentRoute(route);\n\n      this._endRouteSpan(currentRoute);\n      this._startRouteSpan(route);\n    }\n  };\n\n  private readonly _setupSessionListeners = () => {\n    if (!this._removeSessionStartedFn) {\n      this._removeSessionStartedFn =\n        this.sessionManager.addSessionStartedListener(() => {\n          const currentRoute = page.getCurrentRoute();\n\n          if (currentRoute && !this._currentRouteSpan) {\n            this._diag.debug('Session started, starting route span.');\n\n            this._startRouteSpan(currentRoute);\n          }\n        });\n    }\n\n    if (!this._removeSessionEndedFn) {\n      this._removeSessionEndedFn = this.sessionManager.addSessionEndedListener(\n        () => {\n          if (this._currentRouteSpan) {\n            this._diag.debug('Session ended, ending route span.');\n\n            this._endRouteSpan(page.getCurrentRoute());\n          }\n        },\n      );\n    }\n  };\n\n  private readonly _cleanUpSessionListeners = () => {\n    if (this._removeSessionStartedFn) {\n      this._removeSessionStartedFn();\n      this._removeSessionStartedFn = null;\n    }\n\n    if (this._removeSessionEndedFn) {\n      this._removeSessionEndedFn();\n      this._removeSessionEndedFn = null;\n    }\n  };\n\n  private readonly _startRouteSpan = (route: Route): Span => {\n    this._diag.debug(`Starting route span for url: ${route.url}`);\n    this._setupSessionListeners();\n\n    const pathName = this._shouldCleanupPathOptionsFromRouteName\n      ? route.path.replace(PATH_OPTIONS_RE, '')\n      : route.path;\n    this._currentRouteSpan = this.tracer.startSpan(pathName, {\n      attributes: {\n        [KEY_MXL_TYPE]: MXL_TYPES.Surface,\n        [KEY_MXL_PAGE_PATH]: pathName,\n        [KEY_MXL_PAGE_ID]: page.getCurrentPageId() || undefined,\n      },\n    });\n\n    this._currentRouteSpan.setAttribute(\n      KEY_MXL_INSTRUMENTATION,\n      this._instrumentationType,\n    );\n\n    return this._currentRouteSpan;\n  };\n\n  private readonly _endRouteSpan = (currentRoute: Route | null) => {\n    if (this._currentRouteSpan) {\n      if (currentRoute) {\n        this._diag.debug(`Ending route span for url: ${currentRoute.url}`);\n      }\n\n      this._currentRouteSpan.end();\n      this._currentRouteSpan = null;\n    }\n  };\n\n  public enable = () => {\n    this.setConfig({\n      enabled: true,\n    });\n    this._diag.debug(\n      'NavigationInstrumentation enabled, listening for navigation events.',\n    );\n  };\n\n  public disable = () => {\n    this._cleanUpSessionListeners();\n    this.setConfig({\n      enabled: false,\n    });\n    this._diag.debug(\n      'NavigationInstrumentation disabled, stopped listening for navigation events.',\n    );\n  };\n}\n"],"mappings":";;;;;AAiBA,MAAM,kBAAkB;AAExB,IAAa,4BAAb,cAA+CA,uEAAAA,uBAAuB;CACpE,yCAAmE;CACnE,oBAAyC;CACzC,uBAAQ;CAER,0BAAuD;CACvD,wBAAqD;CAErD,YAAmB,EACjB,MACA,wCAAwC,QACR;AAChC,QAAM;GACJ,qBAAqB;GACrB,wBAAwB;GACxB;GACA,QAAQ,EAAE;GACX,CAAC;AAEF,OAAK,yCACH;AAEF,MAAI,KAAK,QAAQ,QACf,MAAK,QAAQ;;CAIjB,0BACE,wBACG;AACH,OAAK,uBAAuB;;CAG9B,mBAA0B,UAAiB;AACzC,MAAI,CAAC,KAAK,QAAQ,QAChB;EAGF,MAAM,eAAeC,yBAAAA,KAAK,iBAAiB;AAE3C,MAAI,MAAM,QAAQ,cAAc,KAAK;AACnC,4BAAA,KAAK,gBAAgB,MAAM;AAE3B,QAAK,cAAc,aAAa;AAChC,QAAK,gBAAgB,MAAM;;;CAI/B,+BAAgD;AAC9C,MAAI,CAAC,KAAK,wBACR,MAAK,0BACH,KAAK,eAAe,gCAAgC;GAClD,MAAM,eAAeA,yBAAAA,KAAK,iBAAiB;AAE3C,OAAI,gBAAgB,CAAC,KAAK,mBAAmB;AAC3C,SAAK,MAAM,MAAM,wCAAwC;AAEzD,SAAK,gBAAgB,aAAa;;IAEpC;AAGN,MAAI,CAAC,KAAK,sBACR,MAAK,wBAAwB,KAAK,eAAe,8BACzC;AACJ,OAAI,KAAK,mBAAmB;AAC1B,SAAK,MAAM,MAAM,oCAAoC;AAErD,SAAK,cAAcA,yBAAAA,KAAK,iBAAiB,CAAC;;IAG/C;;CAIL,iCAAkD;AAChD,MAAI,KAAK,yBAAyB;AAChC,QAAK,yBAAyB;AAC9B,QAAK,0BAA0B;;AAGjC,MAAI,KAAK,uBAAuB;AAC9B,QAAK,uBAAuB;AAC5B,QAAK,wBAAwB;;;CAIjC,mBAAoC,UAAuB;AACzD,OAAK,MAAM,MAAM,gCAAgC,MAAM,MAAM;AAC7D,OAAK,wBAAwB;EAE7B,MAAM,WAAW,KAAK,yCAClB,MAAM,KAAK,QAAQ,iBAAiB,GAAG,GACvC,MAAM;AACV,OAAK,oBAAoB,KAAK,OAAO,UAAU,UAAU,EACvD,YAAY;IACTC,6BAAAA,eAAAA;IACAC,6BAAAA,oBAAoB;IACpBC,6BAAAA,kBAAkBH,yBAAAA,KAAK,kBAAkB,IAAI,KAAA;GAC/C,EACF,CAAC;AAEF,OAAK,kBAAkB,aACrBI,6BAAAA,yBACA,KAAK,qBACN;AAED,SAAO,KAAK;;CAGd,iBAAkC,iBAA+B;AAC/D,MAAI,KAAK,mBAAmB;AAC1B,OAAI,aACF,MAAK,MAAM,MAAM,8BAA8B,aAAa,MAAM;AAGpE,QAAK,kBAAkB,KAAK;AAC5B,QAAK,oBAAoB;;;CAI7B,eAAsB;AACpB,OAAK,UAAU,EACb,SAAS,MACV,CAAC;AACF,OAAK,MAAM,MACT,sEACD;;CAGH,gBAAuB;AACrB,OAAK,0BAA0B;AAC/B,OAAK,UAAU,EACb,SAAS,OACV,CAAC;AACF,OAAK,MAAM,MACT,+EACD"}
+{"version":3,"file":"NavigationInstrumentation.cjs","names":["MXLInstrumentationBase","page","KEY_MXL_TYPE","KEY_MXL_PAGE_PATH","KEY_MXL_PAGE_ID","KEY_MXL_INSTRUMENTATION"],"sources":["../../../../src/instrumentations/navigation/NavigationInstrumentation/NavigationInstrumentation.ts"],"sourcesContent":["import type { Span } from '@opentelemetry/api';\nimport type { Route } from '../../../api-page';\nimport { page } from '../../../api-page';\nimport {\n  KEY_MXL_INSTRUMENTATION,\n  KEY_MXL_PAGE_ID,\n  KEY_MXL_PAGE_PATH,\n  KEY_MXL_TYPE,\n  MXL_NAVIGATION_INSTRUMENTATIONS,\n  MXL_TYPES,\n} from '../../../constants';\nimport { MXLInstrumentationBase } from '../../MXLInstrumentationBase';\nimport type { NavigationInstrumentationArgs } from './types';\n\n// Regular expression to match path options in the format \"(option)\"\n// Used to clean up paths that are like \"/order/:orderState(pending|shipped|delivered)/type:(sale|normal)\" to \"/order/:orderState/:type\"\n// Could be simplified but done this way to prevent: https://javascript.info/regexp-catastrophic-backtracking\nconst PATH_OPTIONS_RE = /\\([^()]+\\)/g;\n\nexport class NavigationInstrumentation extends MXLInstrumentationBase {\n  private readonly _shouldCleanupPathOptionsFromRouteName: boolean = true;\n  private _currentRouteSpan: Span | null = null;\n  private _instrumentationType: MXL_NAVIGATION_INSTRUMENTATIONS =\n    MXL_NAVIGATION_INSTRUMENTATIONS.Manual;\n  private _removeSessionStartedFn: (() => void) | null = null;\n  private _removeSessionEndedFn: (() => void) | null = null;\n\n  public constructor({\n    diag,\n    shouldCleanupPathOptionsFromRouteName = true,\n  }: NavigationInstrumentationArgs) {\n    super({\n      config: {},\n      diag,\n      instrumentationName: 'NavigationInstrumentation',\n      instrumentationVersion: '1.0.0',\n    });\n\n    this._shouldCleanupPathOptionsFromRouteName =\n      shouldCleanupPathOptionsFromRouteName;\n\n    if (this._config.enabled) {\n      this.enable();\n    }\n  }\n\n  public setInstrumentationType = (\n    instrumentationType: MXL_NAVIGATION_INSTRUMENTATIONS,\n  ) => {\n    this._instrumentationType = instrumentationType;\n  };\n\n  public setCurrentRoute = (route: Route) => {\n    if (!this._config.enabled) {\n      return;\n    }\n\n    const currentRoute = page.getCurrentRoute();\n\n    if (route.url !== currentRoute?.url) {\n      page.setCurrentRoute(route);\n\n      this._endRouteSpan(currentRoute);\n      this._startRouteSpan(route);\n    }\n  };\n\n  private readonly _setupSessionListeners = () => {\n    if (!this._removeSessionStartedFn) {\n      this._removeSessionStartedFn =\n        this.userSessionManager.addSessionPartStartedListener(() => {\n          const currentRoute = page.getCurrentRoute();\n\n          if (currentRoute && !this._currentRouteSpan) {\n            this._diag.debug('Session started, starting route span.');\n\n            this._startRouteSpan(currentRoute);\n          }\n        });\n    }\n\n    if (!this._removeSessionEndedFn) {\n      this._removeSessionEndedFn =\n        this.userSessionManager.addSessionPartEndedListener(() => {\n          if (this._currentRouteSpan) {\n            this._diag.debug('Session ended, ending route span.');\n\n            this._endRouteSpan(page.getCurrentRoute());\n          }\n        });\n    }\n  };\n\n  private readonly _cleanUpSessionListeners = () => {\n    if (this._removeSessionStartedFn) {\n      this._removeSessionStartedFn();\n      this._removeSessionStartedFn = null;\n    }\n\n    if (this._removeSessionEndedFn) {\n      this._removeSessionEndedFn();\n      this._removeSessionEndedFn = null;\n    }\n  };\n\n  private readonly _startRouteSpan = (route: Route): Span => {\n    this._diag.debug(`Starting route span for url: ${route.url}`);\n    this._setupSessionListeners();\n\n    const pathName = this._shouldCleanupPathOptionsFromRouteName\n      ? route.path.replace(PATH_OPTIONS_RE, '')\n      : route.path;\n    this._currentRouteSpan = this.tracer.startSpan(pathName, {\n      attributes: {\n        [KEY_MXL_TYPE]: MXL_TYPES.Surface,\n        [KEY_MXL_PAGE_PATH]: pathName,\n        [KEY_MXL_PAGE_ID]: page.getCurrentPageId() || undefined,\n      },\n    });\n\n    this._currentRouteSpan.setAttribute(\n      KEY_MXL_INSTRUMENTATION,\n      this._instrumentationType,\n    );\n\n    return this._currentRouteSpan;\n  };\n\n  private readonly _endRouteSpan = (currentRoute: Route | null) => {\n    if (this._currentRouteSpan) {\n      if (currentRoute) {\n        this._diag.debug(`Ending route span for url: ${currentRoute.url}`);\n      }\n\n      this._currentRouteSpan.end();\n      this._currentRouteSpan = null;\n    }\n  };\n\n  public enable = () => {\n    this.setConfig({\n      enabled: true,\n    });\n    this._diag.debug(\n      'NavigationInstrumentation enabled, listening for navigation events.',\n    );\n  };\n\n  public disable = () => {\n    this._cleanUpSessionListeners();\n    this.setConfig({\n      enabled: false,\n    });\n    this._diag.debug(\n      'NavigationInstrumentation disabled, stopped listening for navigation events.',\n    );\n  };\n}\n"],"mappings":";;;;;AAiBA,MAAM,kBAAkB;AAExB,IAAa,4BAAb,cAA+CA,uEAAAA,uBAAuB;CACpE,yCAAmE;CACnE,oBAAyC;CACzC,uBAAQ;CAER,0BAAuD;CACvD,wBAAqD;CAErD,YAAmB,EACjB,MACA,wCAAwC,QACR;AAChC,QAAM;GACJ,QAAQ,EAAE;GACV;GACA,qBAAqB;GACrB,wBAAwB;GACzB,CAAC;AAEF,OAAK,yCACH;AAEF,MAAI,KAAK,QAAQ,QACf,MAAK,QAAQ;;CAIjB,0BACE,wBACG;AACH,OAAK,uBAAuB;;CAG9B,mBAA0B,UAAiB;AACzC,MAAI,CAAC,KAAK,QAAQ,QAChB;EAGF,MAAM,eAAeC,yBAAAA,KAAK,iBAAiB;AAE3C,MAAI,MAAM,QAAQ,cAAc,KAAK;AACnC,4BAAA,KAAK,gBAAgB,MAAM;AAE3B,QAAK,cAAc,aAAa;AAChC,QAAK,gBAAgB,MAAM;;;CAI/B,+BAAgD;AAC9C,MAAI,CAAC,KAAK,wBACR,MAAK,0BACH,KAAK,mBAAmB,oCAAoC;GAC1D,MAAM,eAAeA,yBAAAA,KAAK,iBAAiB;AAE3C,OAAI,gBAAgB,CAAC,KAAK,mBAAmB;AAC3C,SAAK,MAAM,MAAM,wCAAwC;AAEzD,SAAK,gBAAgB,aAAa;;IAEpC;AAGN,MAAI,CAAC,KAAK,sBACR,MAAK,wBACH,KAAK,mBAAmB,kCAAkC;AACxD,OAAI,KAAK,mBAAmB;AAC1B,SAAK,MAAM,MAAM,oCAAoC;AAErD,SAAK,cAAcA,yBAAAA,KAAK,iBAAiB,CAAC;;IAE5C;;CAIR,iCAAkD;AAChD,MAAI,KAAK,yBAAyB;AAChC,QAAK,yBAAyB;AAC9B,QAAK,0BAA0B;;AAGjC,MAAI,KAAK,uBAAuB;AAC9B,QAAK,uBAAuB;AAC5B,QAAK,wBAAwB;;;CAIjC,mBAAoC,UAAuB;AACzD,OAAK,MAAM,MAAM,gCAAgC,MAAM,MAAM;AAC7D,OAAK,wBAAwB;EAE7B,MAAM,WAAW,KAAK,yCAClB,MAAM,KAAK,QAAQ,iBAAiB,GAAG,GACvC,MAAM;AACV,OAAK,oBAAoB,KAAK,OAAO,UAAU,UAAU,EACvD,YAAY;IACTC,6BAAAA,eAAAA;IACAC,6BAAAA,oBAAoB;IACpBC,6BAAAA,kBAAkBH,yBAAAA,KAAK,kBAAkB,IAAI,KAAA;GAC/C,EACF,CAAC;AAEF,OAAK,kBAAkB,aACrBI,6BAAAA,yBACA,KAAK,qBACN;AAED,SAAO,KAAK;;CAGd,iBAAkC,iBAA+B;AAC/D,MAAI,KAAK,mBAAmB;AAC1B,OAAI,aACF,MAAK,MAAM,MAAM,8BAA8B,aAAa,MAAM;AAGpE,QAAK,kBAAkB,KAAK;AAC5B,QAAK,oBAAoB;;;CAI7B,eAAsB;AACpB,OAAK,UAAU,EACb,SAAS,MACV,CAAC;AACF,OAAK,MAAM,MACT,sEACD;;CAGH,gBAAuB;AACrB,OAAK,0BAA0B;AAC/B,OAAK,UAAU,EACb,SAAS,OACV,CAAC;AACF,OAAK,MAAM,MACT,+EACD"}

package/dist/instrumentations/navigation/NavigationInstrumentation/NavigationInstrumentation.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationInstrumentation.d.cts","names":[],"sources":["../../../../src/instrumentations/navigation/NavigationInstrumentation/NavigationInstrumentation.ts"],"mappings":";;;;;;cAmBa,yBAAA,SAAkC,sBAAA;EAAA,iBAC5B,sCAAA;EAAA,QACT,iBAAA;EAAA,QACA,oBAAA;EAAA,QAEA,uBAAA;EAAA,QACA,qBAAA;;IAGN,IAAA;IACA;EAAA,GACC,6BAAA;EAgBI,sBAAA,GACL,mBAAA,EAAqB,+BAAA;EAKhB,eAAA,GAAmB,KAAA,EAAO,KAAA;EAAA,iBAehB,sBAAA;EAAA,iBA2BA,wBAAA;EAAA,iBAYA,eAAA;EAAA,iBAuBA,aAAA;EAWV,MAAA;EASA,OAAA;AAAA"}
+{"version":3,"file":"NavigationInstrumentation.d.cts","names":[],"sources":["../../../../src/instrumentations/navigation/NavigationInstrumentation/NavigationInstrumentation.ts"],"mappings":";;;;;;cAmBa,yBAAA,SAAkC,sBAAA;EAAA,iBAC5B,sCAAA;EAAA,QACT,iBAAA;EAAA,QACA,oBAAA;EAAA,QAEA,uBAAA;EAAA,QACA,qBAAA;;IAGN,IAAA;IACA;EAAA,GACC,6BAAA;EAgBI,sBAAA,GACL,mBAAA,EAAqB,+BAAA;EAKhB,eAAA,GAAmB,KAAA,EAAO,KAAA;EAAA,iBAehB,sBAAA;EAAA,iBA0BA,wBAAA;EAAA,iBAYA,eAAA;EAAA,iBAuBA,aAAA;EAWV,MAAA;EASA,OAAA;AAAA"}

package/dist/instrumentations/navigation/NavigationInstrumentation/NavigationInstrumentation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationInstrumentation.d.ts","names":[],"sources":["../../../../src/instrumentations/navigation/NavigationInstrumentation/NavigationInstrumentation.ts"],"mappings":";;;;;;cAmBa,yBAAA,SAAkC,sBAAA;EAAA,iBAC5B,sCAAA;EAAA,QACT,iBAAA;EAAA,QACA,oBAAA;EAAA,QAEA,uBAAA;EAAA,QACA,qBAAA;;IAGN,IAAA;IACA;EAAA,GACC,6BAAA;EAgBI,sBAAA,GACL,mBAAA,EAAqB,+BAAA;EAKhB,eAAA,GAAmB,KAAA,EAAO,KAAA;EAAA,iBAehB,sBAAA;EAAA,iBA2BA,wBAAA;EAAA,iBAYA,eAAA;EAAA,iBAuBA,aAAA;EAWV,MAAA;EASA,OAAA;AAAA"}
+{"version":3,"file":"NavigationInstrumentation.d.ts","names":[],"sources":["../../../../src/instrumentations/navigation/NavigationInstrumentation/NavigationInstrumentation.ts"],"mappings":";;;;;;cAmBa,yBAAA,SAAkC,sBAAA;EAAA,iBAC5B,sCAAA;EAAA,QACT,iBAAA;EAAA,QACA,oBAAA;EAAA,QAEA,uBAAA;EAAA,QACA,qBAAA;;IAGN,IAAA;IACA;EAAA,GACC,6BAAA;EAgBI,sBAAA,GACL,mBAAA,EAAqB,+BAAA;EAKhB,eAAA,GAAmB,KAAA,EAAO,KAAA;EAAA,iBAehB,sBAAA;EAAA,iBA0BA,wBAAA;EAAA,iBAYA,eAAA;EAAA,iBAuBA,aAAA;EAWV,MAAA;EASA,OAAA;AAAA"}

package/dist/instrumentations/navigation/NavigationInstrumentation/NavigationInstrumentation.js

@@ -11,10 +11,10 @@ var NavigationInstrumentation = class extends MXLInstrumentationBase {
 	_removeSessionEndedFn = null;
 	constructor({ diag, shouldCleanupPathOptionsFromRouteName = true }) {
 		super({
-			instrumentationName: "NavigationInstrumentation",
-			instrumentationVersion: "1.0.0",
+			config: {},
 			diag,
-			config: {}
+			instrumentationName: "NavigationInstrumentation",
+			instrumentationVersion: "1.0.0"
 		});
 		this._shouldCleanupPathOptionsFromRouteName = shouldCleanupPathOptionsFromRouteName;
 		if (this._config.enabled) this.enable();
@@ -32,14 +32,14 @@ var NavigationInstrumentation = class extends MXLInstrumentationBase {
 		}
 	};
 	_setupSessionListeners = () => {
-		if (!this._removeSessionStartedFn) this._removeSessionStartedFn = this.sessionManager.addSessionStartedListener(() => {
+		if (!this._removeSessionStartedFn) this._removeSessionStartedFn = this.userSessionManager.addSessionPartStartedListener(() => {
 			const currentRoute = page.getCurrentRoute();
 			if (currentRoute && !this._currentRouteSpan) {
 				this._diag.debug("Session started, starting route span.");
 				this._startRouteSpan(currentRoute);
 			}
 		});
-		if (!this._removeSessionEndedFn) this._removeSessionEndedFn = this.sessionManager.addSessionEndedListener(() => {
+		if (!this._removeSessionEndedFn) this._removeSessionEndedFn = this.userSessionManager.addSessionPartEndedListener(() => {
 			if (this._currentRouteSpan) {
 				this._diag.debug("Session ended, ending route span.");
 				this._endRouteSpan(page.getCurrentRoute());

package/dist/instrumentations/navigation/NavigationInstrumentation/NavigationInstrumentation.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationInstrumentation.js","names":[],"sources":["../../../../src/instrumentations/navigation/NavigationInstrumentation/NavigationInstrumentation.ts"],"sourcesContent":["import type { Span } from '@opentelemetry/api';\nimport type { Route } from '../../../api-page';\nimport { page } from '../../../api-page';\nimport {\n  KEY_MXL_INSTRUMENTATION,\n  KEY_MXL_PAGE_ID,\n  KEY_MXL_PAGE_PATH,\n  KEY_MXL_TYPE,\n  MXL_NAVIGATION_INSTRUMENTATIONS,\n  MXL_TYPES,\n} from '../../../constants';\nimport { MXLInstrumentationBase } from '../../MXLInstrumentationBase';\nimport type { NavigationInstrumentationArgs } from './types';\n\n// Regular expression to match path options in the format \"(option)\"\n// Used to clean up paths that are like \"/order/:orderState(pending|shipped|delivered)/type:(sale|normal)\" to \"/order/:orderState/:type\"\n// Could be simplified but done this way to prevent: https://javascript.info/regexp-catastrophic-backtracking\nconst PATH_OPTIONS_RE = /\\([^()]+\\)/g;\n\nexport class NavigationInstrumentation extends MXLInstrumentationBase {\n  private readonly _shouldCleanupPathOptionsFromRouteName: boolean = true;\n  private _currentRouteSpan: Span | null = null;\n  private _instrumentationType: MXL_NAVIGATION_INSTRUMENTATIONS =\n    MXL_NAVIGATION_INSTRUMENTATIONS.Manual;\n  private _removeSessionStartedFn: (() => void) | null = null;\n  private _removeSessionEndedFn: (() => void) | null = null;\n\n  public constructor({\n    diag,\n    shouldCleanupPathOptionsFromRouteName = true,\n  }: NavigationInstrumentationArgs) {\n    super({\n      instrumentationName: 'NavigationInstrumentation',\n      instrumentationVersion: '1.0.0',\n      diag,\n      config: {},\n    });\n\n    this._shouldCleanupPathOptionsFromRouteName =\n      shouldCleanupPathOptionsFromRouteName;\n\n    if (this._config.enabled) {\n      this.enable();\n    }\n  }\n\n  public setInstrumentationType = (\n    instrumentationType: MXL_NAVIGATION_INSTRUMENTATIONS,\n  ) => {\n    this._instrumentationType = instrumentationType;\n  };\n\n  public setCurrentRoute = (route: Route) => {\n    if (!this._config.enabled) {\n      return;\n    }\n\n    const currentRoute = page.getCurrentRoute();\n\n    if (route.url !== currentRoute?.url) {\n      page.setCurrentRoute(route);\n\n      this._endRouteSpan(currentRoute);\n      this._startRouteSpan(route);\n    }\n  };\n\n  private readonly _setupSessionListeners = () => {\n    if (!this._removeSessionStartedFn) {\n      this._removeSessionStartedFn =\n        this.sessionManager.addSessionStartedListener(() => {\n          const currentRoute = page.getCurrentRoute();\n\n          if (currentRoute && !this._currentRouteSpan) {\n            this._diag.debug('Session started, starting route span.');\n\n            this._startRouteSpan(currentRoute);\n          }\n        });\n    }\n\n    if (!this._removeSessionEndedFn) {\n      this._removeSessionEndedFn = this.sessionManager.addSessionEndedListener(\n        () => {\n          if (this._currentRouteSpan) {\n            this._diag.debug('Session ended, ending route span.');\n\n            this._endRouteSpan(page.getCurrentRoute());\n          }\n        },\n      );\n    }\n  };\n\n  private readonly _cleanUpSessionListeners = () => {\n    if (this._removeSessionStartedFn) {\n      this._removeSessionStartedFn();\n      this._removeSessionStartedFn = null;\n    }\n\n    if (this._removeSessionEndedFn) {\n      this._removeSessionEndedFn();\n      this._removeSessionEndedFn = null;\n    }\n  };\n\n  private readonly _startRouteSpan = (route: Route): Span => {\n    this._diag.debug(`Starting route span for url: ${route.url}`);\n    this._setupSessionListeners();\n\n    const pathName = this._shouldCleanupPathOptionsFromRouteName\n      ? route.path.replace(PATH_OPTIONS_RE, '')\n      : route.path;\n    this._currentRouteSpan = this.tracer.startSpan(pathName, {\n      attributes: {\n        [KEY_MXL_TYPE]: MXL_TYPES.Surface,\n        [KEY_MXL_PAGE_PATH]: pathName,\n        [KEY_MXL_PAGE_ID]: page.getCurrentPageId() || undefined,\n      },\n    });\n\n    this._currentRouteSpan.setAttribute(\n      KEY_MXL_INSTRUMENTATION,\n      this._instrumentationType,\n    );\n\n    return this._currentRouteSpan;\n  };\n\n  private readonly _endRouteSpan = (currentRoute: Route | null) => {\n    if (this._currentRouteSpan) {\n      if (currentRoute) {\n        this._diag.debug(`Ending route span for url: ${currentRoute.url}`);\n      }\n\n      this._currentRouteSpan.end();\n      this._currentRouteSpan = null;\n    }\n  };\n\n  public enable = () => {\n    this.setConfig({\n      enabled: true,\n    });\n    this._diag.debug(\n      'NavigationInstrumentation enabled, listening for navigation events.',\n    );\n  };\n\n  public disable = () => {\n    this._cleanUpSessionListeners();\n    this.setConfig({\n      enabled: false,\n    });\n    this._diag.debug(\n      'NavigationInstrumentation disabled, stopped listening for navigation events.',\n    );\n  };\n}\n"],"mappings":";;;;AAiBA,MAAM,kBAAkB;AAExB,IAAa,4BAAb,cAA+C,uBAAuB;CACpE,yCAAmE;CACnE,oBAAyC;CACzC,uBAAQ;CAER,0BAAuD;CACvD,wBAAqD;CAErD,YAAmB,EACjB,MACA,wCAAwC,QACR;AAChC,QAAM;GACJ,qBAAqB;GACrB,wBAAwB;GACxB;GACA,QAAQ,EAAE;GACX,CAAC;AAEF,OAAK,yCACH;AAEF,MAAI,KAAK,QAAQ,QACf,MAAK,QAAQ;;CAIjB,0BACE,wBACG;AACH,OAAK,uBAAuB;;CAG9B,mBAA0B,UAAiB;AACzC,MAAI,CAAC,KAAK,QAAQ,QAChB;EAGF,MAAM,eAAe,KAAK,iBAAiB;AAE3C,MAAI,MAAM,QAAQ,cAAc,KAAK;AACnC,QAAK,gBAAgB,MAAM;AAE3B,QAAK,cAAc,aAAa;AAChC,QAAK,gBAAgB,MAAM;;;CAI/B,+BAAgD;AAC9C,MAAI,CAAC,KAAK,wBACR,MAAK,0BACH,KAAK,eAAe,gCAAgC;GAClD,MAAM,eAAe,KAAK,iBAAiB;AAE3C,OAAI,gBAAgB,CAAC,KAAK,mBAAmB;AAC3C,SAAK,MAAM,MAAM,wCAAwC;AAEzD,SAAK,gBAAgB,aAAa;;IAEpC;AAGN,MAAI,CAAC,KAAK,sBACR,MAAK,wBAAwB,KAAK,eAAe,8BACzC;AACJ,OAAI,KAAK,mBAAmB;AAC1B,SAAK,MAAM,MAAM,oCAAoC;AAErD,SAAK,cAAc,KAAK,iBAAiB,CAAC;;IAG/C;;CAIL,iCAAkD;AAChD,MAAI,KAAK,yBAAyB;AAChC,QAAK,yBAAyB;AAC9B,QAAK,0BAA0B;;AAGjC,MAAI,KAAK,uBAAuB;AAC9B,QAAK,uBAAuB;AAC5B,QAAK,wBAAwB;;;CAIjC,mBAAoC,UAAuB;AACzD,OAAK,MAAM,MAAM,gCAAgC,MAAM,MAAM;AAC7D,OAAK,wBAAwB;EAE7B,MAAM,WAAW,KAAK,yCAClB,MAAM,KAAK,QAAQ,iBAAiB,GAAG,GACvC,MAAM;AACV,OAAK,oBAAoB,KAAK,OAAO,UAAU,UAAU,EACvD,YAAY;IACT,eAAA;IACA,oBAAoB;IACpB,kBAAkB,KAAK,kBAAkB,IAAI,KAAA;GAC/C,EACF,CAAC;AAEF,OAAK,kBAAkB,aACrB,yBACA,KAAK,qBACN;AAED,SAAO,KAAK;;CAGd,iBAAkC,iBAA+B;AAC/D,MAAI,KAAK,mBAAmB;AAC1B,OAAI,aACF,MAAK,MAAM,MAAM,8BAA8B,aAAa,MAAM;AAGpE,QAAK,kBAAkB,KAAK;AAC5B,QAAK,oBAAoB;;;CAI7B,eAAsB;AACpB,OAAK,UAAU,EACb,SAAS,MACV,CAAC;AACF,OAAK,MAAM,MACT,sEACD;;CAGH,gBAAuB;AACrB,OAAK,0BAA0B;AAC/B,OAAK,UAAU,EACb,SAAS,OACV,CAAC;AACF,OAAK,MAAM,MACT,+EACD"}
+{"version":3,"file":"NavigationInstrumentation.js","names":[],"sources":["../../../../src/instrumentations/navigation/NavigationInstrumentation/NavigationInstrumentation.ts"],"sourcesContent":["import type { Span } from '@opentelemetry/api';\nimport type { Route } from '../../../api-page';\nimport { page } from '../../../api-page';\nimport {\n  KEY_MXL_INSTRUMENTATION,\n  KEY_MXL_PAGE_ID,\n  KEY_MXL_PAGE_PATH,\n  KEY_MXL_TYPE,\n  MXL_NAVIGATION_INSTRUMENTATIONS,\n  MXL_TYPES,\n} from '../../../constants';\nimport { MXLInstrumentationBase } from '../../MXLInstrumentationBase';\nimport type { NavigationInstrumentationArgs } from './types';\n\n// Regular expression to match path options in the format \"(option)\"\n// Used to clean up paths that are like \"/order/:orderState(pending|shipped|delivered)/type:(sale|normal)\" to \"/order/:orderState/:type\"\n// Could be simplified but done this way to prevent: https://javascript.info/regexp-catastrophic-backtracking\nconst PATH_OPTIONS_RE = /\\([^()]+\\)/g;\n\nexport class NavigationInstrumentation extends MXLInstrumentationBase {\n  private readonly _shouldCleanupPathOptionsFromRouteName: boolean = true;\n  private _currentRouteSpan: Span | null = null;\n  private _instrumentationType: MXL_NAVIGATION_INSTRUMENTATIONS =\n    MXL_NAVIGATION_INSTRUMENTATIONS.Manual;\n  private _removeSessionStartedFn: (() => void) | null = null;\n  private _removeSessionEndedFn: (() => void) | null = null;\n\n  public constructor({\n    diag,\n    shouldCleanupPathOptionsFromRouteName = true,\n  }: NavigationInstrumentationArgs) {\n    super({\n      config: {},\n      diag,\n      instrumentationName: 'NavigationInstrumentation',\n      instrumentationVersion: '1.0.0',\n    });\n\n    this._shouldCleanupPathOptionsFromRouteName =\n      shouldCleanupPathOptionsFromRouteName;\n\n    if (this._config.enabled) {\n      this.enable();\n    }\n  }\n\n  public setInstrumentationType = (\n    instrumentationType: MXL_NAVIGATION_INSTRUMENTATIONS,\n  ) => {\n    this._instrumentationType = instrumentationType;\n  };\n\n  public setCurrentRoute = (route: Route) => {\n    if (!this._config.enabled) {\n      return;\n    }\n\n    const currentRoute = page.getCurrentRoute();\n\n    if (route.url !== currentRoute?.url) {\n      page.setCurrentRoute(route);\n\n      this._endRouteSpan(currentRoute);\n      this._startRouteSpan(route);\n    }\n  };\n\n  private readonly _setupSessionListeners = () => {\n    if (!this._removeSessionStartedFn) {\n      this._removeSessionStartedFn =\n        this.userSessionManager.addSessionPartStartedListener(() => {\n          const currentRoute = page.getCurrentRoute();\n\n          if (currentRoute && !this._currentRouteSpan) {\n            this._diag.debug('Session started, starting route span.');\n\n            this._startRouteSpan(currentRoute);\n          }\n        });\n    }\n\n    if (!this._removeSessionEndedFn) {\n      this._removeSessionEndedFn =\n        this.userSessionManager.addSessionPartEndedListener(() => {\n          if (this._currentRouteSpan) {\n            this._diag.debug('Session ended, ending route span.');\n\n            this._endRouteSpan(page.getCurrentRoute());\n          }\n        });\n    }\n  };\n\n  private readonly _cleanUpSessionListeners = () => {\n    if (this._removeSessionStartedFn) {\n      this._removeSessionStartedFn();\n      this._removeSessionStartedFn = null;\n    }\n\n    if (this._removeSessionEndedFn) {\n      this._removeSessionEndedFn();\n      this._removeSessionEndedFn = null;\n    }\n  };\n\n  private readonly _startRouteSpan = (route: Route): Span => {\n    this._diag.debug(`Starting route span for url: ${route.url}`);\n    this._setupSessionListeners();\n\n    const pathName = this._shouldCleanupPathOptionsFromRouteName\n      ? route.path.replace(PATH_OPTIONS_RE, '')\n      : route.path;\n    this._currentRouteSpan = this.tracer.startSpan(pathName, {\n      attributes: {\n        [KEY_MXL_TYPE]: MXL_TYPES.Surface,\n        [KEY_MXL_PAGE_PATH]: pathName,\n        [KEY_MXL_PAGE_ID]: page.getCurrentPageId() || undefined,\n      },\n    });\n\n    this._currentRouteSpan.setAttribute(\n      KEY_MXL_INSTRUMENTATION,\n      this._instrumentationType,\n    );\n\n    return this._currentRouteSpan;\n  };\n\n  private readonly _endRouteSpan = (currentRoute: Route | null) => {\n    if (this._currentRouteSpan) {\n      if (currentRoute) {\n        this._diag.debug(`Ending route span for url: ${currentRoute.url}`);\n      }\n\n      this._currentRouteSpan.end();\n      this._currentRouteSpan = null;\n    }\n  };\n\n  public enable = () => {\n    this.setConfig({\n      enabled: true,\n    });\n    this._diag.debug(\n      'NavigationInstrumentation enabled, listening for navigation events.',\n    );\n  };\n\n  public disable = () => {\n    this._cleanUpSessionListeners();\n    this.setConfig({\n      enabled: false,\n    });\n    this._diag.debug(\n      'NavigationInstrumentation disabled, stopped listening for navigation events.',\n    );\n  };\n}\n"],"mappings":";;;;AAiBA,MAAM,kBAAkB;AAExB,IAAa,4BAAb,cAA+C,uBAAuB;CACpE,yCAAmE;CACnE,oBAAyC;CACzC,uBAAQ;CAER,0BAAuD;CACvD,wBAAqD;CAErD,YAAmB,EACjB,MACA,wCAAwC,QACR;AAChC,QAAM;GACJ,QAAQ,EAAE;GACV;GACA,qBAAqB;GACrB,wBAAwB;GACzB,CAAC;AAEF,OAAK,yCACH;AAEF,MAAI,KAAK,QAAQ,QACf,MAAK,QAAQ;;CAIjB,0BACE,wBACG;AACH,OAAK,uBAAuB;;CAG9B,mBAA0B,UAAiB;AACzC,MAAI,CAAC,KAAK,QAAQ,QAChB;EAGF,MAAM,eAAe,KAAK,iBAAiB;AAE3C,MAAI,MAAM,QAAQ,cAAc,KAAK;AACnC,QAAK,gBAAgB,MAAM;AAE3B,QAAK,cAAc,aAAa;AAChC,QAAK,gBAAgB,MAAM;;;CAI/B,+BAAgD;AAC9C,MAAI,CAAC,KAAK,wBACR,MAAK,0BACH,KAAK,mBAAmB,oCAAoC;GAC1D,MAAM,eAAe,KAAK,iBAAiB;AAE3C,OAAI,gBAAgB,CAAC,KAAK,mBAAmB;AAC3C,SAAK,MAAM,MAAM,wCAAwC;AAEzD,SAAK,gBAAgB,aAAa;;IAEpC;AAGN,MAAI,CAAC,KAAK,sBACR,MAAK,wBACH,KAAK,mBAAmB,kCAAkC;AACxD,OAAI,KAAK,mBAAmB;AAC1B,SAAK,MAAM,MAAM,oCAAoC;AAErD,SAAK,cAAc,KAAK,iBAAiB,CAAC;;IAE5C;;CAIR,iCAAkD;AAChD,MAAI,KAAK,yBAAyB;AAChC,QAAK,yBAAyB;AAC9B,QAAK,0BAA0B;;AAGjC,MAAI,KAAK,uBAAuB;AAC9B,QAAK,uBAAuB;AAC5B,QAAK,wBAAwB;;;CAIjC,mBAAoC,UAAuB;AACzD,OAAK,MAAM,MAAM,gCAAgC,MAAM,MAAM;AAC7D,OAAK,wBAAwB;EAE7B,MAAM,WAAW,KAAK,yCAClB,MAAM,KAAK,QAAQ,iBAAiB,GAAG,GACvC,MAAM;AACV,OAAK,oBAAoB,KAAK,OAAO,UAAU,UAAU,EACvD,YAAY;IACT,eAAA;IACA,oBAAoB;IACpB,kBAAkB,KAAK,kBAAkB,IAAI,KAAA;GAC/C,EACF,CAAC;AAEF,OAAK,kBAAkB,aACrB,yBACA,KAAK,qBACN;AAED,SAAO,KAAK;;CAGd,iBAAkC,iBAA+B;AAC/D,MAAI,KAAK,mBAAmB;AAC1B,OAAI,aACF,MAAK,MAAM,MAAM,8BAA8B,aAAa,MAAM;AAGpE,QAAK,kBAAkB,KAAK;AAC5B,QAAK,oBAAoB;;;CAI7B,eAAsB;AACpB,OAAK,UAAU,EACb,SAAS,MACV,CAAC;AACF,OAAK,MAAM,MACT,sEACD;;CAGH,gBAAuB;AACrB,OAAK,0BAA0B;AAC/B,OAAK,UAAU,EACb,SAAS,OACV,CAAC;AACF,OAAK,MAAM,MACT,+EACD"}

package/dist/instrumentations/navigation/NavigationInstrumentation/react/reactRouterV5/withMXLRoutingLegacy.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"withMXLRoutingLegacy.cjs","names":["getNavigationInstrumentation","React"],"sources":["../../../../../../src/instrumentations/navigation/NavigationInstrumentation/react/reactRouterV5/withMXLRoutingLegacy.ts"],"sourcesContent":["import hoistNonReactStatics from 'hoist-non-react-statics';\nimport * as React from 'react';\nimport { MXL_NAVIGATION_INSTRUMENTATIONS } from '../../../../../constants';\nimport { getNavigationInstrumentation } from '../..';\nimport type { RouteComponentProps, SwitchedRouteComponentProps } from './types';\n\nexport const withMXLRoutingLegacy = <P extends RouteComponentProps>(\n  WrappedComponent: React.ComponentType<P>,\n) => {\n  const navigationInstrumentation = getNavigationInstrumentation();\n  navigationInstrumentation.setInstrumentationType(\n    MXL_NAVIGATION_INSTRUMENTATIONS.DeclarativeLegacy,\n  );\n\n  const RouteWithMXLRoutingLegacy: React.FC<P> = (props: P) => {\n    // Make sure this is Route component\n    if (props.path) {\n      // Routes get injected with computedMatch when they are children of a <Switch> but the types do not reflect that\n      // Manually setting the type here.\n      const routeProps = props as SwitchedRouteComponentProps;\n\n      // Depends on this internal behaviour\n      // https://github.com/remix-run/react-router/blob/v5.3.4/packages/react-router/modules/Switch.js#L40\n      // It shouldn't change as this version is legacy, and it's not being actively worked on\n      if (routeProps.computedMatch) {\n        navigationInstrumentation.setCurrentRoute({\n          path: routeProps.computedMatch.path,\n          url: routeProps.computedMatch.url,\n        });\n      }\n    }\n\n    return React.createElement<P>(WrappedComponent, props);\n  };\n\n  // Keep wrapped component metadata\n  RouteWithMXLRoutingLegacy.displayName = `withMXLRoutingLegacy(${WrappedComponent.displayName || WrappedComponent.name || 'Component'})`;\n  hoistNonReactStatics(RouteWithMXLRoutingLegacy, WrappedComponent);\n\n  return RouteWithMXLRoutingLegacy;\n};\n"],"mappings":";;;;;;;;;AAMA,MAAa,wBACX,qBACG;CACH,MAAM,4BAA4BA,uEAAAA,8BAA8B;AAChE,2BAA0B,uBAAA,kCAEzB;CAED,MAAM,6BAA0C,UAAa;AAE3D,MAAI,MAAM,MAAM;GAGd,MAAM,aAAa;AAKnB,OAAI,WAAW,cACb,2BAA0B,gBAAgB;IACxC,MAAM,WAAW,cAAc;IAC/B,KAAK,WAAW,cAAc;IAC/B,CAAC;;AAIN,SAAOC,MAAM,cAAiB,kBAAkB,MAAM;;AAIxD,2BAA0B,cAAc,wBAAwB,iBAAiB,eAAe,iBAAiB,QAAQ,YAAY;AACrI,EAAA,GAAA,wBAAA,SAAqB,2BAA2B,iBAAiB;AAEjE,QAAO"}
+{"version":3,"file":"withMXLRoutingLegacy.cjs","names":["getNavigationInstrumentation","React"],"sources":["../../../../../../src/instrumentations/navigation/NavigationInstrumentation/react/reactRouterV5/withMXLRoutingLegacy.ts"],"sourcesContent":["import hoistNonReactStatics from 'hoist-non-react-statics';\nimport * as React from 'react';\nimport { getNavigationInstrumentation } from '../..';\nimport { MXL_NAVIGATION_INSTRUMENTATIONS } from '../../../../../constants';\nimport type { RouteComponentProps, SwitchedRouteComponentProps } from './types';\n\nexport const withMXLRoutingLegacy = <P extends RouteComponentProps>(\n  WrappedComponent: React.ComponentType<P>,\n) => {\n  const navigationInstrumentation = getNavigationInstrumentation();\n  navigationInstrumentation.setInstrumentationType(\n    MXL_NAVIGATION_INSTRUMENTATIONS.DeclarativeLegacy,\n  );\n\n  const RouteWithMXLRoutingLegacy: React.FC<P> = (props: P) => {\n    // Make sure this is Route component\n    if (props.path) {\n      // Routes get injected with computedMatch when they are children of a <Switch> but the types do not reflect that\n      // Manually setting the type here.\n      const routeProps = props as SwitchedRouteComponentProps;\n\n      // Depends on this internal behaviour\n      // https://github.com/remix-run/react-router/blob/v5.3.4/packages/react-router/modules/Switch.js#L40\n      // It shouldn't change as this version is legacy, and it's not being actively worked on\n      if (routeProps.computedMatch) {\n        navigationInstrumentation.setCurrentRoute({\n          path: routeProps.computedMatch.path,\n          url: routeProps.computedMatch.url,\n        });\n      }\n    }\n\n    return React.createElement<P>(WrappedComponent, props);\n  };\n\n  // Keep wrapped component metadata\n  RouteWithMXLRoutingLegacy.displayName = `withMXLRoutingLegacy(${WrappedComponent.displayName || WrappedComponent.name || 'Component'})`;\n  hoistNonReactStatics(RouteWithMXLRoutingLegacy, WrappedComponent);\n\n  return RouteWithMXLRoutingLegacy;\n};\n"],"mappings":";;;;;;;;;AAMA,MAAa,wBACX,qBACG;CACH,MAAM,4BAA4BA,uEAAAA,8BAA8B;AAChE,2BAA0B,uBAAA,kCAEzB;CAED,MAAM,6BAA0C,UAAa;AAE3D,MAAI,MAAM,MAAM;GAGd,MAAM,aAAa;AAKnB,OAAI,WAAW,cACb,2BAA0B,gBAAgB;IACxC,MAAM,WAAW,cAAc;IAC/B,KAAK,WAAW,cAAc;IAC/B,CAAC;;AAIN,SAAOC,MAAM,cAAiB,kBAAkB,MAAM;;AAIxD,2BAA0B,cAAc,wBAAwB,iBAAiB,eAAe,iBAAiB,QAAQ,YAAY;AACrI,EAAA,GAAA,wBAAA,SAAqB,2BAA2B,iBAAiB;AAEjE,QAAO"}

package/dist/instrumentations/navigation/NavigationInstrumentation/react/reactRouterV5/withMXLRoutingLegacy.js.map

@@ -1 +1 @@
-{"version":3,"file":"withMXLRoutingLegacy.js","names":["React"],"sources":["../../../../../../src/instrumentations/navigation/NavigationInstrumentation/react/reactRouterV5/withMXLRoutingLegacy.ts"],"sourcesContent":["import hoistNonReactStatics from 'hoist-non-react-statics';\nimport * as React from 'react';\nimport { MXL_NAVIGATION_INSTRUMENTATIONS } from '../../../../../constants';\nimport { getNavigationInstrumentation } from '../..';\nimport type { RouteComponentProps, SwitchedRouteComponentProps } from './types';\n\nexport const withMXLRoutingLegacy = <P extends RouteComponentProps>(\n  WrappedComponent: React.ComponentType<P>,\n) => {\n  const navigationInstrumentation = getNavigationInstrumentation();\n  navigationInstrumentation.setInstrumentationType(\n    MXL_NAVIGATION_INSTRUMENTATIONS.DeclarativeLegacy,\n  );\n\n  const RouteWithMXLRoutingLegacy: React.FC<P> = (props: P) => {\n    // Make sure this is Route component\n    if (props.path) {\n      // Routes get injected with computedMatch when they are children of a <Switch> but the types do not reflect that\n      // Manually setting the type here.\n      const routeProps = props as SwitchedRouteComponentProps;\n\n      // Depends on this internal behaviour\n      // https://github.com/remix-run/react-router/blob/v5.3.4/packages/react-router/modules/Switch.js#L40\n      // It shouldn't change as this version is legacy, and it's not being actively worked on\n      if (routeProps.computedMatch) {\n        navigationInstrumentation.setCurrentRoute({\n          path: routeProps.computedMatch.path,\n          url: routeProps.computedMatch.url,\n        });\n      }\n    }\n\n    return React.createElement<P>(WrappedComponent, props);\n  };\n\n  // Keep wrapped component metadata\n  RouteWithMXLRoutingLegacy.displayName = `withMXLRoutingLegacy(${WrappedComponent.displayName || WrappedComponent.name || 'Component'})`;\n  hoistNonReactStatics(RouteWithMXLRoutingLegacy, WrappedComponent);\n\n  return RouteWithMXLRoutingLegacy;\n};\n"],"mappings":";;;;;AAMA,MAAa,wBACX,qBACG;CACH,MAAM,4BAA4B,8BAA8B;AAChE,2BAA0B,uBAAA,kCAEzB;CAED,MAAM,6BAA0C,UAAa;AAE3D,MAAI,MAAM,MAAM;GAGd,MAAM,aAAa;AAKnB,OAAI,WAAW,cACb,2BAA0B,gBAAgB;IACxC,MAAM,WAAW,cAAc;IAC/B,KAAK,WAAW,cAAc;IAC/B,CAAC;;AAIN,SAAOA,QAAM,cAAiB,kBAAkB,MAAM;;AAIxD,2BAA0B,cAAc,wBAAwB,iBAAiB,eAAe,iBAAiB,QAAQ,YAAY;AACrI,sBAAqB,2BAA2B,iBAAiB;AAEjE,QAAO"}
+{"version":3,"file":"withMXLRoutingLegacy.js","names":["React"],"sources":["../../../../../../src/instrumentations/navigation/NavigationInstrumentation/react/reactRouterV5/withMXLRoutingLegacy.ts"],"sourcesContent":["import hoistNonReactStatics from 'hoist-non-react-statics';\nimport * as React from 'react';\nimport { getNavigationInstrumentation } from '../..';\nimport { MXL_NAVIGATION_INSTRUMENTATIONS } from '../../../../../constants';\nimport type { RouteComponentProps, SwitchedRouteComponentProps } from './types';\n\nexport const withMXLRoutingLegacy = <P extends RouteComponentProps>(\n  WrappedComponent: React.ComponentType<P>,\n) => {\n  const navigationInstrumentation = getNavigationInstrumentation();\n  navigationInstrumentation.setInstrumentationType(\n    MXL_NAVIGATION_INSTRUMENTATIONS.DeclarativeLegacy,\n  );\n\n  const RouteWithMXLRoutingLegacy: React.FC<P> = (props: P) => {\n    // Make sure this is Route component\n    if (props.path) {\n      // Routes get injected with computedMatch when they are children of a <Switch> but the types do not reflect that\n      // Manually setting the type here.\n      const routeProps = props as SwitchedRouteComponentProps;\n\n      // Depends on this internal behaviour\n      // https://github.com/remix-run/react-router/blob/v5.3.4/packages/react-router/modules/Switch.js#L40\n      // It shouldn't change as this version is legacy, and it's not being actively worked on\n      if (routeProps.computedMatch) {\n        navigationInstrumentation.setCurrentRoute({\n          path: routeProps.computedMatch.path,\n          url: routeProps.computedMatch.url,\n        });\n      }\n    }\n\n    return React.createElement<P>(WrappedComponent, props);\n  };\n\n  // Keep wrapped component metadata\n  RouteWithMXLRoutingLegacy.displayName = `withMXLRoutingLegacy(${WrappedComponent.displayName || WrappedComponent.name || 'Component'})`;\n  hoistNonReactStatics(RouteWithMXLRoutingLegacy, WrappedComponent);\n\n  return RouteWithMXLRoutingLegacy;\n};\n"],"mappings":";;;;;AAMA,MAAa,wBACX,qBACG;CACH,MAAM,4BAA4B,8BAA8B;AAChE,2BAA0B,uBAAA,kCAEzB;CAED,MAAM,6BAA0C,UAAa;AAE3D,MAAI,MAAM,MAAM;GAGd,MAAM,aAAa;AAKnB,OAAI,WAAW,cACb,2BAA0B,gBAAgB;IACxC,MAAM,WAAW,cAAc;IAC/B,KAAK,WAAW,cAAc;IAC/B,CAAC;;AAIN,SAAOA,QAAM,cAAiB,kBAAkB,MAAM;;AAIxD,2BAA0B,cAAc,wBAAwB,iBAAiB,eAAe,iBAAiB,QAAQ,YAAY;AACrI,sBAAqB,2BAA2B,iBAAiB;AAEjE,QAAO"}

package/dist/instrumentations/navigation/NavigationInstrumentation/react/reactRouterV6Data/listenToRouterChanges.cjs

@@ -3,7 +3,7 @@ require("../../../../../constants/attributes.cjs");
 const require_instrumentations_navigation_NavigationInstrumentation_instance = require("../../instance.cjs");
 //#region src/instrumentations/navigation/NavigationInstrumentation/react/reactRouterV6Data/listenToRouterChanges.ts
 /**
-* getRouteFromMatches goes through all the matches routes to build the full path
+* GetRouteFromMatches goes through all the matches routes to build the full path
 * nested routes contain only the partial match, so we need to go through all of them
 * in order to build the full path.
 *

package/dist/instrumentations/navigation/NavigationInstrumentation/react/reactRouterV6Data/listenToRouterChanges.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"listenToRouterChanges.cjs","names":["getNavigationInstrumentation"],"sources":["../../../../../../src/instrumentations/navigation/NavigationInstrumentation/react/reactRouterV6Data/listenToRouterChanges.ts"],"sourcesContent":["import type { Route } from '../../../../../api-page';\nimport { MXL_NAVIGATION_INSTRUMENTATIONS } from '../../../../../constants';\nimport { getNavigationInstrumentation } from '../..';\nimport type { ListenToRouterChangesArgs, Match } from './types';\n\n/**\n * getRouteFromMatches goes through all the matches routes to build the full path\n * nested routes contain only the partial match, so we need to go through all of them\n * in order to build the full path.\n *\n * Filtering by currentPathname ensures that we only consider routes that are relevant to the current URL.\n */\nconst getRouteFromMatches = (\n  matches: Match[],\n  currentPathname: string,\n): Route | null => {\n  const currentMatchIndex = matches.findIndex(\n    (match) => match.pathname === currentPathname,\n  );\n\n  if (currentMatchIndex === -1 || !matches[currentMatchIndex].route.path) {\n    return null;\n  }\n\n  // Build full absolute path by reducing all matches up to the current one.\n  // Absolute child paths reset the accumulation; relative paths are appended.\n  return matches\n    .slice(0, currentMatchIndex + 1)\n    .reduce<Route | null>((acc, match) => {\n      const routePath = match.route.path;\n\n      if (!routePath) {\n        return acc;\n      }\n\n      // If the route path starts with '/', it's an absolute path and should reset the accumulated path.\n      // Otherwise, it's a relative path and should be appended to the accumulated path.\n      const path = routePath.startsWith('/')\n        ? routePath\n        : `${acc?.path ?? ''}/${routePath}`;\n\n      return { path, url: matches[currentMatchIndex].pathname };\n    }, null);\n};\n\nexport const listenToRouterChanges = ({\n  router,\n  routesMatcher,\n  config: { pathnameDocument = window.location } = {},\n}: ListenToRouterChangesArgs) => {\n  const navigationInstrumentation = getNavigationInstrumentation();\n  navigationInstrumentation.setInstrumentationType(\n    MXL_NAVIGATION_INSTRUMENTATIONS.Data,\n  );\n\n  const initialMatches = routesMatcher(router.routes, {\n    pathname: pathnameDocument.pathname,\n  });\n\n  const initialRoute = initialMatches\n    ? getRouteFromMatches(initialMatches, pathnameDocument.pathname)\n    : null;\n\n  if (initialRoute) {\n    navigationInstrumentation.setCurrentRoute(initialRoute);\n  }\n\n  return router.subscribe((state) => {\n    // State has a list of already matched routes\n    // https://github.com/remix-run/react-router/blob/main/packages/react-router/lib/router/router.ts#L954\n    const currentRoute = getRouteFromMatches(\n      state.matches,\n      state.location.pathname,\n    );\n\n    if (currentRoute) {\n      navigationInstrumentation.setCurrentRoute(currentRoute);\n    }\n  });\n};\n"],"mappings":";;;;;;;;;;;AAYA,MAAM,uBACJ,SACA,oBACiB;CACjB,MAAM,oBAAoB,QAAQ,WAC/B,UAAU,MAAM,aAAa,gBAC/B;AAED,KAAI,sBAAsB,MAAM,CAAC,QAAQ,mBAAmB,MAAM,KAChE,QAAO;AAKT,QAAO,QACJ,MAAM,GAAG,oBAAoB,EAAE,CAC/B,QAAsB,KAAK,UAAU;EACpC,MAAM,YAAY,MAAM,MAAM;AAE9B,MAAI,CAAC,UACH,QAAO;AAST,SAAO;GAAE,MAJI,UAAU,WAAW,IAAI,GAClC,YACA,GAAG,KAAK,QAAQ,GAAG,GAAG;GAEX,KAAK,QAAQ,mBAAmB;GAAU;IACxD,KAAK;;AAGZ,MAAa,yBAAyB,EACpC,QACA,eACA,QAAQ,EAAE,mBAAmB,OAAO,aAAa,EAAE,OACpB;CAC/B,MAAM,4BAA4BA,uEAAAA,8BAA8B;AAChE,2BAA0B,uBAAA,oBAEzB;CAED,MAAM,iBAAiB,cAAc,OAAO,QAAQ,EAClD,UAAU,iBAAiB,UAC5B,CAAC;CAEF,MAAM,eAAe,iBACjB,oBAAoB,gBAAgB,iBAAiB,SAAS,GAC9D;AAEJ,KAAI,aACF,2BAA0B,gBAAgB,aAAa;AAGzD,QAAO,OAAO,WAAW,UAAU;EAGjC,MAAM,eAAe,oBACnB,MAAM,SACN,MAAM,SAAS,SAChB;AAED,MAAI,aACF,2BAA0B,gBAAgB,aAAa;GAEzD"}
+{"version":3,"file":"listenToRouterChanges.cjs","names":["getNavigationInstrumentation"],"sources":["../../../../../../src/instrumentations/navigation/NavigationInstrumentation/react/reactRouterV6Data/listenToRouterChanges.ts"],"sourcesContent":["import { getNavigationInstrumentation } from '../..';\nimport type { Route } from '../../../../../api-page';\nimport { MXL_NAVIGATION_INSTRUMENTATIONS } from '../../../../../constants';\nimport type { ListenToRouterChangesArgs, Match } from './types';\n\n/**\n * GetRouteFromMatches goes through all the matches routes to build the full path\n * nested routes contain only the partial match, so we need to go through all of them\n * in order to build the full path.\n *\n * Filtering by currentPathname ensures that we only consider routes that are relevant to the current URL.\n */\nconst getRouteFromMatches = (\n  matches: Match[],\n  currentPathname: string,\n): Route | null => {\n  const currentMatchIndex = matches.findIndex(\n    (match) => match.pathname === currentPathname,\n  );\n\n  if (currentMatchIndex === -1 || !matches[currentMatchIndex].route.path) {\n    return null;\n  }\n\n  // Build full absolute path by reducing all matches up to the current one.\n  // Absolute child paths reset the accumulation; relative paths are appended.\n  return matches\n    .slice(0, currentMatchIndex + 1)\n    .reduce<Route | null>((acc, match) => {\n      const routePath = match.route.path;\n\n      if (!routePath) {\n        return acc;\n      }\n\n      // If the route path starts with '/', it's an absolute path and should reset the accumulated path.\n      // Otherwise, it's a relative path and should be appended to the accumulated path.\n      const path = routePath.startsWith('/')\n        ? routePath\n        : `${acc?.path ?? ''}/${routePath}`;\n\n      return { path, url: matches[currentMatchIndex].pathname };\n    }, null);\n};\n\nexport const listenToRouterChanges = ({\n  router,\n  routesMatcher,\n  config: { pathnameDocument = window.location } = {},\n}: ListenToRouterChangesArgs) => {\n  const navigationInstrumentation = getNavigationInstrumentation();\n  navigationInstrumentation.setInstrumentationType(\n    MXL_NAVIGATION_INSTRUMENTATIONS.Data,\n  );\n\n  const initialMatches = routesMatcher(router.routes, {\n    pathname: pathnameDocument.pathname,\n  });\n\n  const initialRoute = initialMatches\n    ? getRouteFromMatches(initialMatches, pathnameDocument.pathname)\n    : null;\n\n  if (initialRoute) {\n    navigationInstrumentation.setCurrentRoute(initialRoute);\n  }\n\n  return router.subscribe((state) => {\n    // State has a list of already matched routes\n    // https://github.com/remix-run/react-router/blob/main/packages/react-router/lib/router/router.ts#L954\n    const currentRoute = getRouteFromMatches(\n      state.matches,\n      state.location.pathname,\n    );\n\n    if (currentRoute) {\n      navigationInstrumentation.setCurrentRoute(currentRoute);\n    }\n  });\n};\n"],"mappings":";;;;;;;;;;;AAYA,MAAM,uBACJ,SACA,oBACiB;CACjB,MAAM,oBAAoB,QAAQ,WAC/B,UAAU,MAAM,aAAa,gBAC/B;AAED,KAAI,sBAAsB,MAAM,CAAC,QAAQ,mBAAmB,MAAM,KAChE,QAAO;AAKT,QAAO,QACJ,MAAM,GAAG,oBAAoB,EAAE,CAC/B,QAAsB,KAAK,UAAU;EACpC,MAAM,YAAY,MAAM,MAAM;AAE9B,MAAI,CAAC,UACH,QAAO;AAST,SAAO;GAAE,MAJI,UAAU,WAAW,IAAI,GAClC,YACA,GAAG,KAAK,QAAQ,GAAG,GAAG;GAEX,KAAK,QAAQ,mBAAmB;GAAU;IACxD,KAAK;;AAGZ,MAAa,yBAAyB,EACpC,QACA,eACA,QAAQ,EAAE,mBAAmB,OAAO,aAAa,EAAE,OACpB;CAC/B,MAAM,4BAA4BA,uEAAAA,8BAA8B;AAChE,2BAA0B,uBAAA,oBAEzB;CAED,MAAM,iBAAiB,cAAc,OAAO,QAAQ,EAClD,UAAU,iBAAiB,UAC5B,CAAC;CAEF,MAAM,eAAe,iBACjB,oBAAoB,gBAAgB,iBAAiB,SAAS,GAC9D;AAEJ,KAAI,aACF,2BAA0B,gBAAgB,aAAa;AAGzD,QAAO,OAAO,WAAW,UAAU;EAGjC,MAAM,eAAe,oBACnB,MAAM,SACN,MAAM,SAAS,SAChB;AAED,MAAI,aACF,2BAA0B,gBAAgB,aAAa;GAEzD"}

package/dist/instrumentations/navigation/NavigationInstrumentation/react/reactRouterV6Data/listenToRouterChanges.js

@@ -2,7 +2,7 @@ import "../../../../../constants/attributes.js";
 import { getNavigationInstrumentation } from "../../instance.js";
 //#region src/instrumentations/navigation/NavigationInstrumentation/react/reactRouterV6Data/listenToRouterChanges.ts
 /**
-* getRouteFromMatches goes through all the matches routes to build the full path
+* GetRouteFromMatches goes through all the matches routes to build the full path
 * nested routes contain only the partial match, so we need to go through all of them
 * in order to build the full path.
 *

package/dist/instrumentations/navigation/NavigationInstrumentation/react/reactRouterV6Data/listenToRouterChanges.js.map

@@ -1 +1 @@
-{"version":3,"file":"listenToRouterChanges.js","names":[],"sources":["../../../../../../src/instrumentations/navigation/NavigationInstrumentation/react/reactRouterV6Data/listenToRouterChanges.ts"],"sourcesContent":["import type { Route } from '../../../../../api-page';\nimport { MXL_NAVIGATION_INSTRUMENTATIONS } from '../../../../../constants';\nimport { getNavigationInstrumentation } from '../..';\nimport type { ListenToRouterChangesArgs, Match } from './types';\n\n/**\n * getRouteFromMatches goes through all the matches routes to build the full path\n * nested routes contain only the partial match, so we need to go through all of them\n * in order to build the full path.\n *\n * Filtering by currentPathname ensures that we only consider routes that are relevant to the current URL.\n */\nconst getRouteFromMatches = (\n  matches: Match[],\n  currentPathname: string,\n): Route | null => {\n  const currentMatchIndex = matches.findIndex(\n    (match) => match.pathname === currentPathname,\n  );\n\n  if (currentMatchIndex === -1 || !matches[currentMatchIndex].route.path) {\n    return null;\n  }\n\n  // Build full absolute path by reducing all matches up to the current one.\n  // Absolute child paths reset the accumulation; relative paths are appended.\n  return matches\n    .slice(0, currentMatchIndex + 1)\n    .reduce<Route | null>((acc, match) => {\n      const routePath = match.route.path;\n\n      if (!routePath) {\n        return acc;\n      }\n\n      // If the route path starts with '/', it's an absolute path and should reset the accumulated path.\n      // Otherwise, it's a relative path and should be appended to the accumulated path.\n      const path = routePath.startsWith('/')\n        ? routePath\n        : `${acc?.path ?? ''}/${routePath}`;\n\n      return { path, url: matches[currentMatchIndex].pathname };\n    }, null);\n};\n\nexport const listenToRouterChanges = ({\n  router,\n  routesMatcher,\n  config: { pathnameDocument = window.location } = {},\n}: ListenToRouterChangesArgs) => {\n  const navigationInstrumentation = getNavigationInstrumentation();\n  navigationInstrumentation.setInstrumentationType(\n    MXL_NAVIGATION_INSTRUMENTATIONS.Data,\n  );\n\n  const initialMatches = routesMatcher(router.routes, {\n    pathname: pathnameDocument.pathname,\n  });\n\n  const initialRoute = initialMatches\n    ? getRouteFromMatches(initialMatches, pathnameDocument.pathname)\n    : null;\n\n  if (initialRoute) {\n    navigationInstrumentation.setCurrentRoute(initialRoute);\n  }\n\n  return router.subscribe((state) => {\n    // State has a list of already matched routes\n    // https://github.com/remix-run/react-router/blob/main/packages/react-router/lib/router/router.ts#L954\n    const currentRoute = getRouteFromMatches(\n      state.matches,\n      state.location.pathname,\n    );\n\n    if (currentRoute) {\n      navigationInstrumentation.setCurrentRoute(currentRoute);\n    }\n  });\n};\n"],"mappings":";;;;;;;;;;AAYA,MAAM,uBACJ,SACA,oBACiB;CACjB,MAAM,oBAAoB,QAAQ,WAC/B,UAAU,MAAM,aAAa,gBAC/B;AAED,KAAI,sBAAsB,MAAM,CAAC,QAAQ,mBAAmB,MAAM,KAChE,QAAO;AAKT,QAAO,QACJ,MAAM,GAAG,oBAAoB,EAAE,CAC/B,QAAsB,KAAK,UAAU;EACpC,MAAM,YAAY,MAAM,MAAM;AAE9B,MAAI,CAAC,UACH,QAAO;AAST,SAAO;GAAE,MAJI,UAAU,WAAW,IAAI,GAClC,YACA,GAAG,KAAK,QAAQ,GAAG,GAAG;GAEX,KAAK,QAAQ,mBAAmB;GAAU;IACxD,KAAK;;AAGZ,MAAa,yBAAyB,EACpC,QACA,eACA,QAAQ,EAAE,mBAAmB,OAAO,aAAa,EAAE,OACpB;CAC/B,MAAM,4BAA4B,8BAA8B;AAChE,2BAA0B,uBAAA,oBAEzB;CAED,MAAM,iBAAiB,cAAc,OAAO,QAAQ,EAClD,UAAU,iBAAiB,UAC5B,CAAC;CAEF,MAAM,eAAe,iBACjB,oBAAoB,gBAAgB,iBAAiB,SAAS,GAC9D;AAEJ,KAAI,aACF,2BAA0B,gBAAgB,aAAa;AAGzD,QAAO,OAAO,WAAW,UAAU;EAGjC,MAAM,eAAe,oBACnB,MAAM,SACN,MAAM,SAAS,SAChB;AAED,MAAI,aACF,2BAA0B,gBAAgB,aAAa;GAEzD"}
+{"version":3,"file":"listenToRouterChanges.js","names":[],"sources":["../../../../../../src/instrumentations/navigation/NavigationInstrumentation/react/reactRouterV6Data/listenToRouterChanges.ts"],"sourcesContent":["import { getNavigationInstrumentation } from '../..';\nimport type { Route } from '../../../../../api-page';\nimport { MXL_NAVIGATION_INSTRUMENTATIONS } from '../../../../../constants';\nimport type { ListenToRouterChangesArgs, Match } from './types';\n\n/**\n * GetRouteFromMatches goes through all the matches routes to build the full path\n * nested routes contain only the partial match, so we need to go through all of them\n * in order to build the full path.\n *\n * Filtering by currentPathname ensures that we only consider routes that are relevant to the current URL.\n */\nconst getRouteFromMatches = (\n  matches: Match[],\n  currentPathname: string,\n): Route | null => {\n  const currentMatchIndex = matches.findIndex(\n    (match) => match.pathname === currentPathname,\n  );\n\n  if (currentMatchIndex === -1 || !matches[currentMatchIndex].route.path) {\n    return null;\n  }\n\n  // Build full absolute path by reducing all matches up to the current one.\n  // Absolute child paths reset the accumulation; relative paths are appended.\n  return matches\n    .slice(0, currentMatchIndex + 1)\n    .reduce<Route | null>((acc, match) => {\n      const routePath = match.route.path;\n\n      if (!routePath) {\n        return acc;\n      }\n\n      // If the route path starts with '/', it's an absolute path and should reset the accumulated path.\n      // Otherwise, it's a relative path and should be appended to the accumulated path.\n      const path = routePath.startsWith('/')\n        ? routePath\n        : `${acc?.path ?? ''}/${routePath}`;\n\n      return { path, url: matches[currentMatchIndex].pathname };\n    }, null);\n};\n\nexport const listenToRouterChanges = ({\n  router,\n  routesMatcher,\n  config: { pathnameDocument = window.location } = {},\n}: ListenToRouterChangesArgs) => {\n  const navigationInstrumentation = getNavigationInstrumentation();\n  navigationInstrumentation.setInstrumentationType(\n    MXL_NAVIGATION_INSTRUMENTATIONS.Data,\n  );\n\n  const initialMatches = routesMatcher(router.routes, {\n    pathname: pathnameDocument.pathname,\n  });\n\n  const initialRoute = initialMatches\n    ? getRouteFromMatches(initialMatches, pathnameDocument.pathname)\n    : null;\n\n  if (initialRoute) {\n    navigationInstrumentation.setCurrentRoute(initialRoute);\n  }\n\n  return router.subscribe((state) => {\n    // State has a list of already matched routes\n    // https://github.com/remix-run/react-router/blob/main/packages/react-router/lib/router/router.ts#L954\n    const currentRoute = getRouteFromMatches(\n      state.matches,\n      state.location.pathname,\n    );\n\n    if (currentRoute) {\n      navigationInstrumentation.setCurrentRoute(currentRoute);\n    }\n  });\n};\n"],"mappings":";;;;;;;;;;AAYA,MAAM,uBACJ,SACA,oBACiB;CACjB,MAAM,oBAAoB,QAAQ,WAC/B,UAAU,MAAM,aAAa,gBAC/B;AAED,KAAI,sBAAsB,MAAM,CAAC,QAAQ,mBAAmB,MAAM,KAChE,QAAO;AAKT,QAAO,QACJ,MAAM,GAAG,oBAAoB,EAAE,CAC/B,QAAsB,KAAK,UAAU;EACpC,MAAM,YAAY,MAAM,MAAM;AAE9B,MAAI,CAAC,UACH,QAAO;AAST,SAAO;GAAE,MAJI,UAAU,WAAW,IAAI,GAClC,YACA,GAAG,KAAK,QAAQ,GAAG,GAAG;GAEX,KAAK,QAAQ,mBAAmB;GAAU;IACxD,KAAK;;AAGZ,MAAa,yBAAyB,EACpC,QACA,eACA,QAAQ,EAAE,mBAAmB,OAAO,aAAa,EAAE,OACpB;CAC/B,MAAM,4BAA4B,8BAA8B;AAChE,2BAA0B,uBAAA,oBAEzB;CAED,MAAM,iBAAiB,cAAc,OAAO,QAAQ,EAClD,UAAU,iBAAiB,UAC5B,CAAC;CAEF,MAAM,eAAe,iBACjB,oBAAoB,gBAAgB,iBAAiB,SAAS,GAC9D;AAEJ,KAAI,aACF,2BAA0B,gBAAgB,aAAa;AAGzD,QAAO,OAAO,WAAW,UAAU;EAGjC,MAAM,eAAe,oBACnB,MAAM,SACN,MAAM,SAAS,SAChB;AAED,MAAI,aACF,2BAA0B,gBAAgB,aAAa;GAEzD"}

package/dist/instrumentations/navigation/NavigationInstrumentation/react/reactRouterV6Data/types.d.cts

@@ -1,32 +1,32 @@
 import { PathnameDocument } from "../../../../../common/types.cjs";
 
 //#region src/instrumentations/navigation/NavigationInstrumentation/react/reactRouterV6Data/types.d.ts
-type Route = {
+interface Route {
   path?: string;
-};
-type Match = {
+}
+interface Match {
   pathname: string;
   route: Route;
-};
-type Location = {
+}
+interface Location {
   pathname: string;
-};
-type RouterState = {
+}
+interface RouterState {
   location: Location;
   matches: Match[];
-};
+}
 type MatchRoutesFunction = (routes: Route[], location: Location) => Match[] | null;
 interface Router {
   routes: Route[];
   subscribe: (listener: (state: RouterState) => void) => () => void;
 }
-type ListenToRouterChangesArgs = {
+interface ListenToRouterChangesArgs {
   router: Router;
   routesMatcher: MatchRoutesFunction;
   config?: {
     pathnameDocument?: PathnameDocument;
   };
-};
+}
 //#endregion
 export { ListenToRouterChangesArgs, Match, MatchRoutesFunction, Router, RouterState };
 //# sourceMappingURL=types.d.cts.map

package/dist/instrumentations/navigation/NavigationInstrumentation/react/reactRouterV6Data/types.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.cts","names":[],"sources":["../../../../../../src/instrumentations/navigation/NavigationInstrumentation/react/reactRouterV6Data/types.ts"],"mappings":";;;KAEK,KAAA;EACH,IAAA;AAAA;AAAA,KAGU,KAAA;EACV,QAAA;EACA,KAAA,EAAO,KAAA;AAAA;AAAA,KAGJ,QAAA;EACH,QAAA;AAAA;AAAA,KAGU,WAAA;EACV,QAAA,EAAU,QAAA;EACV,OAAA,EAAS,KAAA;AAAA;AAAA,KAGC,mBAAA,IACV,MAAA,EAAQ,KAAA,IACR,QAAA,EAAU,QAAA,KACP,KAAA;AAAA,UAEY,MAAA;EACf,MAAA,EAAQ,KAAA;EACR,SAAA,GAAY,QAAA,GAAW,KAAA,EAAO,WAAA;AAAA;AAAA,KAGpB,yBAAA;EACV,MAAA,EAAQ,MAAA;EACR,aAAA,EAAe,mBAAA;EACf,MAAA;IACE,gBAAA,GAAmB,gBAAA;EAAA;AAAA"}
+{"version":3,"file":"types.d.cts","names":[],"sources":["../../../../../../src/instrumentations/navigation/NavigationInstrumentation/react/reactRouterV6Data/types.ts"],"mappings":";;;UAEU,KAAA;EACR,IAAA;AAAA;AAAA,UAGe,KAAA;EACf,QAAA;EACA,KAAA,EAAO,KAAA;AAAA;AAAA,UAGC,QAAA;EACR,QAAA;AAAA;AAAA,UAGe,WAAA;EACf,QAAA,EAAU,QAAA;EACV,OAAA,EAAS,KAAA;AAAA;AAAA,KAGC,mBAAA,IACV,MAAA,EAAQ,KAAA,IACR,QAAA,EAAU,QAAA,KACP,KAAA;AAAA,UAEY,MAAA;EACf,MAAA,EAAQ,KAAA;EACR,SAAA,GAAY,QAAA,GAAW,KAAA,EAAO,WAAA;AAAA;AAAA,UAGf,yBAAA;EACf,MAAA,EAAQ,MAAA;EACR,aAAA,EAAe,mBAAA;EACf,MAAA;IACE,gBAAA,GAAmB,gBAAA;EAAA;AAAA"}

package/dist/instrumentations/navigation/NavigationInstrumentation/react/reactRouterV6Data/types.d.ts

@@ -1,32 +1,32 @@
 import { PathnameDocument } from "../../../../../common/types.js";
 
 //#region src/instrumentations/navigation/NavigationInstrumentation/react/reactRouterV6Data/types.d.ts
-type Route = {
+interface Route {
   path?: string;
-};
-type Match = {
+}
+interface Match {
   pathname: string;
   route: Route;
-};
-type Location = {
+}
+interface Location {
   pathname: string;
-};
-type RouterState = {
+}
+interface RouterState {
   location: Location;
   matches: Match[];
-};
+}
 type MatchRoutesFunction = (routes: Route[], location: Location) => Match[] | null;
 interface Router {
   routes: Route[];
   subscribe: (listener: (state: RouterState) => void) => () => void;
 }
-type ListenToRouterChangesArgs = {
+interface ListenToRouterChangesArgs {
   router: Router;
   routesMatcher: MatchRoutesFunction;
   config?: {
     pathnameDocument?: PathnameDocument;
   };
-};
+}
 //#endregion
 export { ListenToRouterChangesArgs, Match, MatchRoutesFunction, Router, RouterState };
 //# sourceMappingURL=types.d.ts.map

package/dist/instrumentations/navigation/NavigationInstrumentation/react/reactRouterV6Data/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","names":[],"sources":["../../../../../../src/instrumentations/navigation/NavigationInstrumentation/react/reactRouterV6Data/types.ts"],"mappings":";;;KAEK,KAAA;EACH,IAAA;AAAA;AAAA,KAGU,KAAA;EACV,QAAA;EACA,KAAA,EAAO,KAAA;AAAA;AAAA,KAGJ,QAAA;EACH,QAAA;AAAA;AAAA,KAGU,WAAA;EACV,QAAA,EAAU,QAAA;EACV,OAAA,EAAS,KAAA;AAAA;AAAA,KAGC,mBAAA,IACV,MAAA,EAAQ,KAAA,IACR,QAAA,EAAU,QAAA,KACP,KAAA;AAAA,UAEY,MAAA;EACf,MAAA,EAAQ,KAAA;EACR,SAAA,GAAY,QAAA,GAAW,KAAA,EAAO,WAAA;AAAA;AAAA,KAGpB,yBAAA;EACV,MAAA,EAAQ,MAAA;EACR,aAAA,EAAe,mBAAA;EACf,MAAA;IACE,gBAAA,GAAmB,gBAAA;EAAA;AAAA"}
+{"version":3,"file":"types.d.ts","names":[],"sources":["../../../../../../src/instrumentations/navigation/NavigationInstrumentation/react/reactRouterV6Data/types.ts"],"mappings":";;;UAEU,KAAA;EACR,IAAA;AAAA;AAAA,UAGe,KAAA;EACf,QAAA;EACA,KAAA,EAAO,KAAA;AAAA;AAAA,UAGC,QAAA;EACR,QAAA;AAAA;AAAA,UAGe,WAAA;EACf,QAAA,EAAU,QAAA;EACV,OAAA,EAAS,KAAA;AAAA;AAAA,KAGC,mBAAA,IACV,MAAA,EAAQ,KAAA,IACR,QAAA,EAAU,QAAA,KACP,KAAA;AAAA,UAEY,MAAA;EACf,MAAA,EAAQ,KAAA;EACR,SAAA,GAAY,QAAA,GAAW,KAAA,EAAO,WAAA;AAAA;AAAA,UAGf,yBAAA;EACf,MAAA,EAAQ,MAAA;EACR,aAAA,EAAe,mBAAA;EACf,MAAA;IACE,gBAAA,GAAmB,gBAAA;EAAA;AAAA"}

package/dist/instrumentations/navigation/NavigationInstrumentation/react/reactRouterV6Declarative/types.d.cts

@@ -1,5 +1,5 @@
 //#region src/instrumentations/navigation/NavigationInstrumentation/react/reactRouterV6Declarative/types.d.ts
-type RoutesFunctionalComponentReturn = {
+interface RoutesFunctionalComponentReturn {
   props: {
     match?: {
       pathname: string;
@@ -12,7 +12,7 @@ type RoutesFunctionalComponentReturn = {
       outlet: RoutesFunctionalComponentReturn | null;
     };
   };
-};
+}
 //#endregion
 export { RoutesFunctionalComponentReturn };
 //# sourceMappingURL=types.d.cts.map

package/dist/instrumentations/navigation/NavigationInstrumentation/react/reactRouterV6Declarative/types.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.cts","names":[],"sources":["../../../../../../src/instrumentations/navigation/NavigationInstrumentation/react/reactRouterV6Declarative/types.ts"],"mappings":";KAEY,+BAAA;EACV,KAAA;IACE,KAAA;MACE,QAAA;MACA,YAAA;MACA,KAAA;QACE,IAAA;MAAA;IAAA;IAGJ,YAAA;MAEE,MAAA,EAAQ,+BAAA;IAAA;EAAA;AAAA"}
+{"version":3,"file":"types.d.cts","names":[],"sources":["../../../../../../src/instrumentations/navigation/NavigationInstrumentation/react/reactRouterV6Declarative/types.ts"],"mappings":";UAEiB,+BAAA;EACf,KAAA;IACE,KAAA;MACE,QAAA;MACA,YAAA;MACA,KAAA;QACE,IAAA;MAAA;IAAA;IAGJ,YAAA;MAEE,MAAA,EAAQ,+BAAA;IAAA;EAAA;AAAA"}

package/dist/instrumentations/navigation/NavigationInstrumentation/react/reactRouterV6Declarative/types.d.ts

@@ -1,5 +1,5 @@
 //#region src/instrumentations/navigation/NavigationInstrumentation/react/reactRouterV6Declarative/types.d.ts
-type RoutesFunctionalComponentReturn = {
+interface RoutesFunctionalComponentReturn {
   props: {
     match?: {
       pathname: string;
@@ -12,7 +12,7 @@ type RoutesFunctionalComponentReturn = {
       outlet: RoutesFunctionalComponentReturn | null;
     };
   };
-};
+}
 //#endregion
 export { RoutesFunctionalComponentReturn };
 //# sourceMappingURL=types.d.ts.map

package/dist/instrumentations/navigation/NavigationInstrumentation/react/reactRouterV6Declarative/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","names":[],"sources":["../../../../../../src/instrumentations/navigation/NavigationInstrumentation/react/reactRouterV6Declarative/types.ts"],"mappings":";KAEY,+BAAA;EACV,KAAA;IACE,KAAA;MACE,QAAA;MACA,YAAA;MACA,KAAA;QACE,IAAA;MAAA;IAAA;IAGJ,YAAA;MAEE,MAAA,EAAQ,+BAAA;IAAA;EAAA;AAAA"}
+{"version":3,"file":"types.d.ts","names":[],"sources":["../../../../../../src/instrumentations/navigation/NavigationInstrumentation/react/reactRouterV6Declarative/types.ts"],"mappings":";UAEiB,+BAAA;EACf,KAAA;IACE,KAAA;MACE,QAAA;MACA,YAAA;MACA,KAAA;QACE,IAAA;MAAA;IAAA;IAGJ,YAAA;MAEE,MAAA,EAAQ,+BAAA;IAAA;EAAA;AAAA"}

package/dist/instrumentations/navigation/NavigationInstrumentation/react/reactRouterV6Declarative/withMXLRouting.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"withMXLRouting.cjs","names":["getNavigationInstrumentation"],"sources":["../../../../../../src/instrumentations/navigation/NavigationInstrumentation/react/reactRouterV6Declarative/withMXLRouting.ts"],"sourcesContent":["import hoistNonReactStatics from 'hoist-non-react-statics';\nimport type React from 'react';\nimport { createElement } from 'react';\nimport type { Route } from '../../../../../api-page';\nimport { MXL_NAVIGATION_INSTRUMENTATIONS } from '../../../../../constants';\nimport { getNavigationInstrumentation } from '../..';\nimport type { RoutesFunctionalComponentReturn } from './types';\n\n// Routes can be nested, we need to traverse the routeContext to find the last route\nconst getLastRoute = (\n  matchedComponent: RoutesFunctionalComponentReturn,\n  lastRoute: Route | null,\n): Route | null => {\n  if (!matchedComponent.props.match?.route) {\n    return null;\n  }\n\n  const childPath = matchedComponent.props.match.route.path;\n  const path =\n    lastRoute && !childPath.startsWith('/')\n      ? `${lastRoute.path}/${childPath}`\n      : childPath;\n\n  if (matchedComponent.props.routeContext?.outlet) {\n    return getLastRoute(matchedComponent.props.routeContext.outlet, {\n      path,\n      url: matchedComponent.props.match.pathname,\n    });\n  }\n\n  return {\n    path,\n    url: matchedComponent.props.match.pathname,\n  };\n};\n\nexport const withMXLRouting = <P extends object>(\n  WrappedComponent: React.FunctionComponent<P>,\n) => {\n  const navigationInstrumentation = getNavigationInstrumentation();\n  navigationInstrumentation.setInstrumentationType(\n    MXL_NAVIGATION_INSTRUMENTATIONS.Declarative,\n  );\n\n  const RoutesWithMXLRouting: React.FC<P> = (props: P) => {\n    /**\n     * React-router v6+ implementation is very different from v5\n     * It doesn't have a <Switch> component that injects props into <Route>\n     * Instead, it has <Routes> which internally calculates the matched route\n     * and returns it as a children, <Route> cannot be wrapped since it requires all children to be a <Route> component\n     * here we rely on that matching to get the current route.\n     * It's not ideal to rely on internal implementation details, but it's the easier way of getting the current route\n     * without having to manually match it or using hooks on each children component\n     *\n     * See: https://github.com/remix-run/react-router/blob/main/packages/react-router/lib/hooks.tsx#L553\n     */\n    const matchedComponent = WrappedComponent(\n      props,\n    ) as unknown as RoutesFunctionalComponentReturn;\n\n    if (matchedComponent.props.match?.route) {\n      const lastRoute = getLastRoute(matchedComponent, null);\n      if (lastRoute) {\n        navigationInstrumentation.setCurrentRoute(lastRoute);\n      }\n    }\n\n    return createElement<P>(WrappedComponent, props);\n  };\n\n  // Keep wrapped component metadata\n  RoutesWithMXLRouting.displayName = `withMXLRouting(${WrappedComponent.displayName || WrappedComponent.name || 'Component'})`;\n  hoistNonReactStatics(RoutesWithMXLRouting, WrappedComponent);\n\n  return RoutesWithMXLRouting;\n};\n"],"mappings":";;;;;;;;AASA,MAAM,gBACJ,kBACA,cACiB;AACjB,KAAI,CAAC,iBAAiB,MAAM,OAAO,MACjC,QAAO;CAGT,MAAM,YAAY,iBAAiB,MAAM,MAAM,MAAM;CACrD,MAAM,OACJ,aAAa,CAAC,UAAU,WAAW,IAAI,GACnC,GAAG,UAAU,KAAK,GAAG,cACrB;AAEN,KAAI,iBAAiB,MAAM,cAAc,OACvC,QAAO,aAAa,iBAAiB,MAAM,aAAa,QAAQ;EAC9D;EACA,KAAK,iBAAiB,MAAM,MAAM;EACnC,CAAC;AAGJ,QAAO;EACL;EACA,KAAK,iBAAiB,MAAM,MAAM;EACnC;;AAGH,MAAa,kBACX,qBACG;CACH,MAAM,4BAA4BA,uEAAAA,8BAA8B;AAChE,2BAA0B,uBAAA,2BAEzB;CAED,MAAM,wBAAqC,UAAa;;;;;;;;;;;;EAYtD,MAAM,mBAAmB,iBACvB,MACD;AAED,MAAI,iBAAiB,MAAM,OAAO,OAAO;GACvC,MAAM,YAAY,aAAa,kBAAkB,KAAK;AACtD,OAAI,UACF,2BAA0B,gBAAgB,UAAU;;AAIxD,UAAA,GAAA,MAAA,eAAwB,kBAAkB,MAAM;;AAIlD,sBAAqB,cAAc,kBAAkB,iBAAiB,eAAe,iBAAiB,QAAQ,YAAY;AAC1H,EAAA,GAAA,wBAAA,SAAqB,sBAAsB,iBAAiB;AAE5D,QAAO"}
+{"version":3,"file":"withMXLRouting.cjs","names":["getNavigationInstrumentation"],"sources":["../../../../../../src/instrumentations/navigation/NavigationInstrumentation/react/reactRouterV6Declarative/withMXLRouting.ts"],"sourcesContent":["import hoistNonReactStatics from 'hoist-non-react-statics';\nimport type React from 'react';\nimport { createElement } from 'react';\nimport { getNavigationInstrumentation } from '../..';\nimport type { Route } from '../../../../../api-page';\nimport { MXL_NAVIGATION_INSTRUMENTATIONS } from '../../../../../constants';\nimport type { RoutesFunctionalComponentReturn } from './types';\n\n// Routes can be nested, we need to traverse the routeContext to find the last route\nconst getLastRoute = (\n  matchedComponent: RoutesFunctionalComponentReturn,\n  lastRoute: Route | null,\n): Route | null => {\n  if (!matchedComponent.props.match?.route) {\n    return null;\n  }\n\n  const childPath = matchedComponent.props.match.route.path;\n  const path =\n    lastRoute && !childPath.startsWith('/')\n      ? `${lastRoute.path}/${childPath}`\n      : childPath;\n\n  if (matchedComponent.props.routeContext?.outlet) {\n    return getLastRoute(matchedComponent.props.routeContext.outlet, {\n      path,\n      url: matchedComponent.props.match.pathname,\n    });\n  }\n\n  return {\n    path,\n    url: matchedComponent.props.match.pathname,\n  };\n};\n\nexport const withMXLRouting = <P extends object>(\n  WrappedComponent: React.FunctionComponent<P>,\n) => {\n  const navigationInstrumentation = getNavigationInstrumentation();\n  navigationInstrumentation.setInstrumentationType(\n    MXL_NAVIGATION_INSTRUMENTATIONS.Declarative,\n  );\n\n  const RoutesWithMXLRouting: React.FC<P> = (props: P) => {\n    /**\n     * React-router v6+ implementation is very different from v5\n     * It doesn't have a <Switch> component that injects props into <Route>\n     * Instead, it has <Routes> which internally calculates the matched route\n     * and returns it as a children, <Route> cannot be wrapped since it requires all children to be a <Route> component\n     * here we rely on that matching to get the current route.\n     * It's not ideal to rely on internal implementation details, but it's the easier way of getting the current route\n     * without having to manually match it or using hooks on each children component\n     *\n     * See: https://github.com/remix-run/react-router/blob/main/packages/react-router/lib/hooks.tsx#L553\n     */\n    const matchedComponent = WrappedComponent(\n      props,\n    ) as unknown as RoutesFunctionalComponentReturn;\n\n    if (matchedComponent.props.match?.route) {\n      const lastRoute = getLastRoute(matchedComponent, null);\n      if (lastRoute) {\n        navigationInstrumentation.setCurrentRoute(lastRoute);\n      }\n    }\n\n    return createElement<P>(WrappedComponent, props);\n  };\n\n  // Keep wrapped component metadata\n  RoutesWithMXLRouting.displayName = `withMXLRouting(${WrappedComponent.displayName || WrappedComponent.name || 'Component'})`;\n  hoistNonReactStatics(RoutesWithMXLRouting, WrappedComponent);\n\n  return RoutesWithMXLRouting;\n};\n"],"mappings":";;;;;;;;AASA,MAAM,gBACJ,kBACA,cACiB;AACjB,KAAI,CAAC,iBAAiB,MAAM,OAAO,MACjC,QAAO;CAGT,MAAM,YAAY,iBAAiB,MAAM,MAAM,MAAM;CACrD,MAAM,OACJ,aAAa,CAAC,UAAU,WAAW,IAAI,GACnC,GAAG,UAAU,KAAK,GAAG,cACrB;AAEN,KAAI,iBAAiB,MAAM,cAAc,OACvC,QAAO,aAAa,iBAAiB,MAAM,aAAa,QAAQ;EAC9D;EACA,KAAK,iBAAiB,MAAM,MAAM;EACnC,CAAC;AAGJ,QAAO;EACL;EACA,KAAK,iBAAiB,MAAM,MAAM;EACnC;;AAGH,MAAa,kBACX,qBACG;CACH,MAAM,4BAA4BA,uEAAAA,8BAA8B;AAChE,2BAA0B,uBAAA,2BAEzB;CAED,MAAM,wBAAqC,UAAa;;;;;;;;;;;;EAYtD,MAAM,mBAAmB,iBACvB,MACD;AAED,MAAI,iBAAiB,MAAM,OAAO,OAAO;GACvC,MAAM,YAAY,aAAa,kBAAkB,KAAK;AACtD,OAAI,UACF,2BAA0B,gBAAgB,UAAU;;AAIxD,UAAA,GAAA,MAAA,eAAwB,kBAAkB,MAAM;;AAIlD,sBAAqB,cAAc,kBAAkB,iBAAiB,eAAe,iBAAiB,QAAQ,YAAY;AAC1H,EAAA,GAAA,wBAAA,SAAqB,sBAAsB,iBAAiB;AAE5D,QAAO"}

package/dist/instrumentations/navigation/NavigationInstrumentation/react/reactRouterV6Declarative/withMXLRouting.js.map

@@ -1 +1 @@
-{"version":3,"file":"withMXLRouting.js","names":[],"sources":["../../../../../../src/instrumentations/navigation/NavigationInstrumentation/react/reactRouterV6Declarative/withMXLRouting.ts"],"sourcesContent":["import hoistNonReactStatics from 'hoist-non-react-statics';\nimport type React from 'react';\nimport { createElement } from 'react';\nimport type { Route } from '../../../../../api-page';\nimport { MXL_NAVIGATION_INSTRUMENTATIONS } from '../../../../../constants';\nimport { getNavigationInstrumentation } from '../..';\nimport type { RoutesFunctionalComponentReturn } from './types';\n\n// Routes can be nested, we need to traverse the routeContext to find the last route\nconst getLastRoute = (\n  matchedComponent: RoutesFunctionalComponentReturn,\n  lastRoute: Route | null,\n): Route | null => {\n  if (!matchedComponent.props.match?.route) {\n    return null;\n  }\n\n  const childPath = matchedComponent.props.match.route.path;\n  const path =\n    lastRoute && !childPath.startsWith('/')\n      ? `${lastRoute.path}/${childPath}`\n      : childPath;\n\n  if (matchedComponent.props.routeContext?.outlet) {\n    return getLastRoute(matchedComponent.props.routeContext.outlet, {\n      path,\n      url: matchedComponent.props.match.pathname,\n    });\n  }\n\n  return {\n    path,\n    url: matchedComponent.props.match.pathname,\n  };\n};\n\nexport const withMXLRouting = <P extends object>(\n  WrappedComponent: React.FunctionComponent<P>,\n) => {\n  const navigationInstrumentation = getNavigationInstrumentation();\n  navigationInstrumentation.setInstrumentationType(\n    MXL_NAVIGATION_INSTRUMENTATIONS.Declarative,\n  );\n\n  const RoutesWithMXLRouting: React.FC<P> = (props: P) => {\n    /**\n     * React-router v6+ implementation is very different from v5\n     * It doesn't have a <Switch> component that injects props into <Route>\n     * Instead, it has <Routes> which internally calculates the matched route\n     * and returns it as a children, <Route> cannot be wrapped since it requires all children to be a <Route> component\n     * here we rely on that matching to get the current route.\n     * It's not ideal to rely on internal implementation details, but it's the easier way of getting the current route\n     * without having to manually match it or using hooks on each children component\n     *\n     * See: https://github.com/remix-run/react-router/blob/main/packages/react-router/lib/hooks.tsx#L553\n     */\n    const matchedComponent = WrappedComponent(\n      props,\n    ) as unknown as RoutesFunctionalComponentReturn;\n\n    if (matchedComponent.props.match?.route) {\n      const lastRoute = getLastRoute(matchedComponent, null);\n      if (lastRoute) {\n        navigationInstrumentation.setCurrentRoute(lastRoute);\n      }\n    }\n\n    return createElement<P>(WrappedComponent, props);\n  };\n\n  // Keep wrapped component metadata\n  RoutesWithMXLRouting.displayName = `withMXLRouting(${WrappedComponent.displayName || WrappedComponent.name || 'Component'})`;\n  hoistNonReactStatics(RoutesWithMXLRouting, WrappedComponent);\n\n  return RoutesWithMXLRouting;\n};\n"],"mappings":";;;;;AASA,MAAM,gBACJ,kBACA,cACiB;AACjB,KAAI,CAAC,iBAAiB,MAAM,OAAO,MACjC,QAAO;CAGT,MAAM,YAAY,iBAAiB,MAAM,MAAM,MAAM;CACrD,MAAM,OACJ,aAAa,CAAC,UAAU,WAAW,IAAI,GACnC,GAAG,UAAU,KAAK,GAAG,cACrB;AAEN,KAAI,iBAAiB,MAAM,cAAc,OACvC,QAAO,aAAa,iBAAiB,MAAM,aAAa,QAAQ;EAC9D;EACA,KAAK,iBAAiB,MAAM,MAAM;EACnC,CAAC;AAGJ,QAAO;EACL;EACA,KAAK,iBAAiB,MAAM,MAAM;EACnC;;AAGH,MAAa,kBACX,qBACG;CACH,MAAM,4BAA4B,8BAA8B;AAChE,2BAA0B,uBAAA,2BAEzB;CAED,MAAM,wBAAqC,UAAa;;;;;;;;;;;;EAYtD,MAAM,mBAAmB,iBACvB,MACD;AAED,MAAI,iBAAiB,MAAM,OAAO,OAAO;GACvC,MAAM,YAAY,aAAa,kBAAkB,KAAK;AACtD,OAAI,UACF,2BAA0B,gBAAgB,UAAU;;AAIxD,SAAO,cAAiB,kBAAkB,MAAM;;AAIlD,sBAAqB,cAAc,kBAAkB,iBAAiB,eAAe,iBAAiB,QAAQ,YAAY;AAC1H,sBAAqB,sBAAsB,iBAAiB;AAE5D,QAAO"}
+{"version":3,"file":"withMXLRouting.js","names":[],"sources":["../../../../../../src/instrumentations/navigation/NavigationInstrumentation/react/reactRouterV6Declarative/withMXLRouting.ts"],"sourcesContent":["import hoistNonReactStatics from 'hoist-non-react-statics';\nimport type React from 'react';\nimport { createElement } from 'react';\nimport { getNavigationInstrumentation } from '../..';\nimport type { Route } from '../../../../../api-page';\nimport { MXL_NAVIGATION_INSTRUMENTATIONS } from '../../../../../constants';\nimport type { RoutesFunctionalComponentReturn } from './types';\n\n// Routes can be nested, we need to traverse the routeContext to find the last route\nconst getLastRoute = (\n  matchedComponent: RoutesFunctionalComponentReturn,\n  lastRoute: Route | null,\n): Route | null => {\n  if (!matchedComponent.props.match?.route) {\n    return null;\n  }\n\n  const childPath = matchedComponent.props.match.route.path;\n  const path =\n    lastRoute && !childPath.startsWith('/')\n      ? `${lastRoute.path}/${childPath}`\n      : childPath;\n\n  if (matchedComponent.props.routeContext?.outlet) {\n    return getLastRoute(matchedComponent.props.routeContext.outlet, {\n      path,\n      url: matchedComponent.props.match.pathname,\n    });\n  }\n\n  return {\n    path,\n    url: matchedComponent.props.match.pathname,\n  };\n};\n\nexport const withMXLRouting = <P extends object>(\n  WrappedComponent: React.FunctionComponent<P>,\n) => {\n  const navigationInstrumentation = getNavigationInstrumentation();\n  navigationInstrumentation.setInstrumentationType(\n    MXL_NAVIGATION_INSTRUMENTATIONS.Declarative,\n  );\n\n  const RoutesWithMXLRouting: React.FC<P> = (props: P) => {\n    /**\n     * React-router v6+ implementation is very different from v5\n     * It doesn't have a <Switch> component that injects props into <Route>\n     * Instead, it has <Routes> which internally calculates the matched route\n     * and returns it as a children, <Route> cannot be wrapped since it requires all children to be a <Route> component\n     * here we rely on that matching to get the current route.\n     * It's not ideal to rely on internal implementation details, but it's the easier way of getting the current route\n     * without having to manually match it or using hooks on each children component\n     *\n     * See: https://github.com/remix-run/react-router/blob/main/packages/react-router/lib/hooks.tsx#L553\n     */\n    const matchedComponent = WrappedComponent(\n      props,\n    ) as unknown as RoutesFunctionalComponentReturn;\n\n    if (matchedComponent.props.match?.route) {\n      const lastRoute = getLastRoute(matchedComponent, null);\n      if (lastRoute) {\n        navigationInstrumentation.setCurrentRoute(lastRoute);\n      }\n    }\n\n    return createElement<P>(WrappedComponent, props);\n  };\n\n  // Keep wrapped component metadata\n  RoutesWithMXLRouting.displayName = `withMXLRouting(${WrappedComponent.displayName || WrappedComponent.name || 'Component'})`;\n  hoistNonReactStatics(RoutesWithMXLRouting, WrappedComponent);\n\n  return RoutesWithMXLRouting;\n};\n"],"mappings":";;;;;AASA,MAAM,gBACJ,kBACA,cACiB;AACjB,KAAI,CAAC,iBAAiB,MAAM,OAAO,MACjC,QAAO;CAGT,MAAM,YAAY,iBAAiB,MAAM,MAAM,MAAM;CACrD,MAAM,OACJ,aAAa,CAAC,UAAU,WAAW,IAAI,GACnC,GAAG,UAAU,KAAK,GAAG,cACrB;AAEN,KAAI,iBAAiB,MAAM,cAAc,OACvC,QAAO,aAAa,iBAAiB,MAAM,aAAa,QAAQ;EAC9D;EACA,KAAK,iBAAiB,MAAM,MAAM;EACnC,CAAC;AAGJ,QAAO;EACL;EACA,KAAK,iBAAiB,MAAM,MAAM;EACnC;;AAGH,MAAa,kBACX,qBACG;CACH,MAAM,4BAA4B,8BAA8B;AAChE,2BAA0B,uBAAA,2BAEzB;CAED,MAAM,wBAAqC,UAAa;;;;;;;;;;;;EAYtD,MAAM,mBAAmB,iBACvB,MACD;AAED,MAAI,iBAAiB,MAAM,OAAO,OAAO;GACvC,MAAM,YAAY,aAAa,kBAAkB,KAAK;AACtD,OAAI,UACF,2BAA0B,gBAAgB,UAAU;;AAIxD,SAAO,cAAiB,kBAAkB,MAAM;;AAIlD,sBAAqB,cAAc,kBAAkB,iBAAiB,eAAe,iBAAiB,QAAQ,YAAY;AAC1H,sBAAqB,sBAAsB,iBAAiB;AAE5D,QAAO"}