@grafana/faro-react 2.3.0 → 2.4.0

package/dist/cjs/errorBoundary/FaroErrorBoundary.js

@@ -1,78 +1,61 @@
 "use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FaroErrorBoundary = void 0;
 // React is required in scope for JSX transformation with the classic transform
 // @ts-expect-error - TS6133: React appears unused but is required for JSX
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
-var react_1 = require("react");
-var faro_web_sdk_1 = require("@grafana/faro-web-sdk");
-var dependencies_1 = require("../dependencies");
-var utils_1 = require("../utils");
-var const_1 = require("./const");
-var FaroErrorBoundary = /** @class */ (function (_super) {
-    __extends(FaroErrorBoundary, _super);
-    function FaroErrorBoundary(props) {
-        var _this = _super.call(this, props) || this;
-        _this.state = const_1.faroErrorBoundaryInitialState;
-        _this.resetErrorBoundary = _this.resetErrorBoundary.bind(_this);
-        return _this;
+const react_1 = require("react");
+const faro_web_sdk_1 = require("@grafana/faro-web-sdk");
+const dependencies_1 = require("../dependencies");
+const utils_1 = require("../utils");
+const const_1 = require("./const");
+class FaroErrorBoundary extends react_1.Component {
+    constructor(props) {
+        super(props);
+        this.state = const_1.faroErrorBoundaryInitialState;
+        this.resetErrorBoundary = this.resetErrorBoundary.bind(this);
     }
-    FaroErrorBoundary.prototype.getErrorWithComponentStack = function (error, errorInfo) {
+    getErrorWithComponentStack(error, errorInfo) {
         if (!utils_1.isReactVersionAtLeast17 || !errorInfo.componentStack) {
             return error;
         }
-        var newError = new Error(error.message);
-        newError.name = "React ErrorBoundary ".concat(error.name);
+        const newError = new Error(error.message);
+        newError.name = `React ErrorBoundary ${error.name}`;
         newError.stack = errorInfo.componentStack;
         return newError;
-    };
-    FaroErrorBoundary.getDerivedStateFromError = function (error) {
+    }
+    static getDerivedStateFromError(error) {
         return {
             hasError: true,
-            error: error,
+            error,
         };
-    };
-    FaroErrorBoundary.prototype.componentDidCatch = function (error, errorInfo) {
+    }
+    componentDidCatch(error, errorInfo) {
         var _a, _b, _c, _d;
-        var errorWithComponentStack = this.getErrorWithComponentStack(error, errorInfo);
+        const errorWithComponentStack = this.getErrorWithComponentStack(error, errorInfo);
         (_b = (_a = this.props).beforeCapture) === null || _b === void 0 ? void 0 : _b.call(_a, errorWithComponentStack);
         dependencies_1.api.pushError(errorWithComponentStack, this.props.pushErrorOptions);
         (_d = (_c = this.props).onError) === null || _d === void 0 ? void 0 : _d.call(_c, errorWithComponentStack);
-        this.setState({ hasError: true, error: error });
-    };
-    FaroErrorBoundary.prototype.componentDidMount = function () {
+        this.setState({ hasError: true, error });
+    }
+    componentDidMount() {
         var _a, _b;
         (_b = (_a = this.props).onMount) === null || _b === void 0 ? void 0 : _b.call(_a);
-    };
-    FaroErrorBoundary.prototype.componentWillUnmount = function () {
+    }
+    componentWillUnmount() {
         var _a, _b;
         (_b = (_a = this.props).onUnmount) === null || _b === void 0 ? void 0 : _b.call(_a, this.state.error);
-    };
-    FaroErrorBoundary.prototype.resetErrorBoundary = function () {
+    }
+    resetErrorBoundary() {
         var _a, _b;
         (_b = (_a = this.props).onReset) === null || _b === void 0 ? void 0 : _b.call(_a, this.state.error);
         this.setState(const_1.faroErrorBoundaryInitialState);
-    };
-    FaroErrorBoundary.prototype.render = function () {
+    }
+    render() {
         if (!this.state.hasError) {
             return (0, faro_web_sdk_1.isFunction)(this.props.children) ? this.props.children() : this.props.children;
         }
-        var element = !(0, faro_web_sdk_1.isFunction)(this.props.fallback)
+        const element = !(0, faro_web_sdk_1.isFunction)(this.props.fallback)
             ? this.props.fallback
             : this.props.fallback(this.state.error, this.resetErrorBoundary);
         if ((0, react_1.isValidElement)(element)) {
@@ -82,8 +65,7 @@ var FaroErrorBoundary = /** @class */ (function (_super) {
             dependencies_1.internalLogger === null || dependencies_1.internalLogger === void 0 ? void 0 : dependencies_1.internalLogger.warn('ErrorBoundary\n', 'Cannot get a valid ReactElement from "fallback"');
         }
         return null;
-    };
-    return FaroErrorBoundary;
-}(react_1.Component));
+    }
+}
 exports.FaroErrorBoundary = FaroErrorBoundary;
 //# sourceMappingURL=FaroErrorBoundary.js.map

package/dist/cjs/errorBoundary/FaroErrorBoundary.js.map

@@ -1 +1 @@
-{"version":3,"file":"FaroErrorBoundary.js","sourceRoot":"","sources":["../../../src/errorBoundary/FaroErrorBoundary.tsx"],"names":[],"mappings":"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","sourcesContent":["// React is required in scope for JSX transformation with the classic transform\n// @ts-expect-error - TS6133: React appears unused but is required for JSX\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nimport React, { Component, isValidElement } from 'react';\nimport type { ErrorInfo, ReactNode } from 'react';\n\nimport { isFunction } from '@grafana/faro-web-sdk';\n\nimport { api, internalLogger } from '../dependencies';\nimport { isReactVersionAtLeast17 } from '../utils';\n\nimport { faroErrorBoundaryInitialState } from './const';\nimport type { FaroErrorBoundaryProps, FaroErrorBoundaryState } from './types';\n\nexport class FaroErrorBoundary extends Component<FaroErrorBoundaryProps, FaroErrorBoundaryState> {\n  override state: FaroErrorBoundaryState = faroErrorBoundaryInitialState;\n\n  constructor(props: FaroErrorBoundaryProps) {\n    super(props);\n\n    this.resetErrorBoundary = this.resetErrorBoundary.bind(this);\n  }\n\n  getErrorWithComponentStack(error: Error, errorInfo: ErrorInfo): Error {\n    if (!isReactVersionAtLeast17 || !errorInfo.componentStack) {\n      return error;\n    }\n\n    const newError = new Error(error.message);\n\n    newError.name = `React ErrorBoundary ${error.name}`;\n    newError.stack = errorInfo.componentStack;\n\n    return newError;\n  }\n\n  static getDerivedStateFromError(error: Error): FaroErrorBoundaryState {\n    return {\n      hasError: true,\n      error,\n    };\n  }\n\n  override componentDidCatch(error: Error, errorInfo: ErrorInfo): void {\n    const errorWithComponentStack = this.getErrorWithComponentStack(error, errorInfo);\n\n    this.props.beforeCapture?.(errorWithComponentStack);\n\n    api.pushError(errorWithComponentStack, this.props.pushErrorOptions);\n\n    this.props.onError?.(errorWithComponentStack);\n\n    this.setState({ hasError: true, error });\n  }\n\n  override componentDidMount(): void {\n    this.props.onMount?.();\n  }\n\n  override componentWillUnmount(): void {\n    this.props.onUnmount?.(this.state.error);\n  }\n\n  resetErrorBoundary(): void {\n    this.props.onReset?.(this.state.error);\n\n    this.setState(faroErrorBoundaryInitialState);\n  }\n\n  override render(): ReactNode {\n    if (!this.state.hasError) {\n      return isFunction(this.props.children) ? this.props.children() : this.props.children;\n    }\n\n    const element = !isFunction(this.props.fallback)\n      ? this.props.fallback\n      : this.props.fallback(this.state.error!, this.resetErrorBoundary);\n\n    if (isValidElement(element)) {\n      return element;\n    }\n\n    if (this.props.fallback) {\n      internalLogger?.warn('ErrorBoundary\\n', 'Cannot get a valid ReactElement from \"fallback\"');\n    }\n\n    return null;\n  }\n}\n"]}
+{"version":3,"file":"FaroErrorBoundary.js","sourceRoot":"","sources":["../../../src/errorBoundary/FaroErrorBoundary.tsx"],"names":[],"mappings":"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","sourcesContent":["// React is required in scope for JSX transformation with the classic transform\n// @ts-expect-error - TS6133: React appears unused but is required for JSX\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nimport React, { Component, isValidElement } from 'react';\nimport type { ErrorInfo, ReactNode } from 'react';\n\nimport { isFunction } from '@grafana/faro-web-sdk';\n\nimport { api, internalLogger } from '../dependencies';\nimport { isReactVersionAtLeast17 } from '../utils';\n\nimport { faroErrorBoundaryInitialState } from './const';\nimport type { FaroErrorBoundaryProps, FaroErrorBoundaryState } from './types';\n\nexport class FaroErrorBoundary extends Component<FaroErrorBoundaryProps, FaroErrorBoundaryState> {\n  override state: FaroErrorBoundaryState = faroErrorBoundaryInitialState;\n\n  constructor(props: FaroErrorBoundaryProps) {\n    super(props);\n\n    this.resetErrorBoundary = this.resetErrorBoundary.bind(this);\n  }\n\n  getErrorWithComponentStack(error: Error, errorInfo: ErrorInfo): Error {\n    if (!isReactVersionAtLeast17 || !errorInfo.componentStack) {\n      return error;\n    }\n\n    const newError = new Error(error.message);\n\n    newError.name = `React ErrorBoundary ${error.name}`;\n    newError.stack = errorInfo.componentStack;\n\n    return newError;\n  }\n\n  static getDerivedStateFromError(error: Error): FaroErrorBoundaryState {\n    return {\n      hasError: true,\n      error,\n    };\n  }\n\n  override componentDidCatch(error: Error, errorInfo: ErrorInfo): void {\n    const errorWithComponentStack = this.getErrorWithComponentStack(error, errorInfo);\n\n    this.props.beforeCapture?.(errorWithComponentStack);\n\n    api.pushError(errorWithComponentStack, this.props.pushErrorOptions);\n\n    this.props.onError?.(errorWithComponentStack);\n\n    this.setState({ hasError: true, error });\n  }\n\n  override componentDidMount(): void {\n    this.props.onMount?.();\n  }\n\n  override componentWillUnmount(): void {\n    this.props.onUnmount?.(this.state.error);\n  }\n\n  resetErrorBoundary(): void {\n    this.props.onReset?.(this.state.error);\n\n    this.setState(faroErrorBoundaryInitialState);\n  }\n\n  override render(): ReactNode {\n    if (!this.state.hasError) {\n      return isFunction(this.props.children) ? this.props.children() : this.props.children;\n    }\n\n    const element = !isFunction(this.props.fallback)\n      ? this.props.fallback\n      : this.props.fallback(this.state.error!, this.resetErrorBoundary);\n\n    if (isValidElement(element)) {\n      return element;\n    }\n\n    if (this.props.fallback) {\n      internalLogger?.warn('ErrorBoundary\\n', 'Cannot get a valid ReactElement from \"fallback\"');\n    }\n\n    return null;\n  }\n}\n"]}

package/dist/cjs/errorBoundary/withFaroErrorBoundary.js

@@ -1,30 +1,19 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.withFaroErrorBoundary = withFaroErrorBoundary;
-var hoist_non_react_statics_1 = __importDefault(require("hoist-non-react-statics"));
-var react_1 = __importDefault(require("react"));
-var faro_core_1 = require("@grafana/faro-core");
-var FaroErrorBoundary_1 = require("./FaroErrorBoundary");
+const hoist_non_react_statics_1 = __importDefault(require("hoist-non-react-statics"));
+const react_1 = __importDefault(require("react"));
+const faro_core_1 = require("@grafana/faro-core");
+const FaroErrorBoundary_1 = require("./FaroErrorBoundary");
 function withFaroErrorBoundary(WrappedComponent, errorBoundaryProps) {
     var _a, _b;
-    var componentDisplayName = (_b = (_a = WrappedComponent.displayName) !== null && _a !== void 0 ? _a : WrappedComponent.name) !== null && _b !== void 0 ? _b : faro_core_1.unknownString;
-    var Component = function (wrappedComponentProps) { return (react_1.default.createElement(FaroErrorBoundary_1.FaroErrorBoundary, __assign({}, errorBoundaryProps),
-        react_1.default.createElement(WrappedComponent, __assign({}, wrappedComponentProps)))); };
-    Component.displayName = "faroErrorBoundary(".concat(componentDisplayName, ")");
+    const componentDisplayName = (_b = (_a = WrappedComponent.displayName) !== null && _a !== void 0 ? _a : WrappedComponent.name) !== null && _b !== void 0 ? _b : faro_core_1.unknownString;
+    const Component = (wrappedComponentProps) => (react_1.default.createElement(FaroErrorBoundary_1.FaroErrorBoundary, Object.assign({}, errorBoundaryProps),
+        react_1.default.createElement(WrappedComponent, Object.assign({}, wrappedComponentProps))));
+    Component.displayName = `faroErrorBoundary(${componentDisplayName})`;
     (0, hoist_non_react_statics_1.default)(Component, WrappedComponent);
     return Component;
 }

package/dist/cjs/errorBoundary/withFaroErrorBoundary.js.map

@@ -1 +1 @@
-{"version":3,"file":"withFaroErrorBoundary.js","sourceRoot":"","sources":["../../../src/errorBoundary/withFaroErrorBoundary.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AASA,sDAiBC;AA1BD,oFAA2D;AAC3D,gDAA0B;AAG1B,gDAAmD;AAEnD,yDAAwD;AAGxD,SAAgB,qBAAqB,CACnC,gBAAkC,EAClC,kBAA0C;;IAE1C,IAAM,oBAAoB,GAAG,MAAA,MAAA,gBAAgB,CAAC,WAAW,mCAAI,gBAAgB,CAAC,IAAI,mCAAI,yBAAa,CAAC;IAEpG,IAAM,SAAS,GAAU,UAAC,qBAAwB,IAAK,OAAA,CACrD,8BAAC,qCAAiB,eAAK,kBAAkB;QACvC,8BAAC,gBAAgB,eAAK,qBAAqB,EAAI,CAC7B,CACrB,EAJsD,CAItD,CAAC;IAEF,SAAS,CAAC,WAAW,GAAG,4BAAqB,oBAAoB,MAAG,CAAC;IAErE,IAAA,iCAAoB,EAAC,SAAS,EAAE,gBAAgB,CAAC,CAAC;IAElD,OAAO,SAAS,CAAC;AACnB,CAAC","sourcesContent":["import hoistNonReactStatics from 'hoist-non-react-statics';\nimport React from 'react';\nimport type { ComponentType, FC } from 'react';\n\nimport { unknownString } from '@grafana/faro-core';\n\nimport { FaroErrorBoundary } from './FaroErrorBoundary';\nimport type { FaroErrorBoundaryProps, ReactProps } from './types';\n\nexport function withFaroErrorBoundary<P extends ReactProps = {}>(\n  WrappedComponent: ComponentType<P>,\n  errorBoundaryProps: FaroErrorBoundaryProps\n): FC<P> {\n  const componentDisplayName = WrappedComponent.displayName ?? WrappedComponent.name ?? unknownString;\n\n  const Component: FC<P> = (wrappedComponentProps: P) => (\n    <FaroErrorBoundary {...errorBoundaryProps}>\n      <WrappedComponent {...wrappedComponentProps} />\n    </FaroErrorBoundary>\n  );\n\n  Component.displayName = `faroErrorBoundary(${componentDisplayName})`;\n\n  hoistNonReactStatics(Component, WrappedComponent);\n\n  return Component;\n}\n"]}
+{"version":3,"file":"withFaroErrorBoundary.js","sourceRoot":"","sources":["../../../src/errorBoundary/withFaroErrorBoundary.tsx"],"names":[],"mappings":";;;;;AASA,sDAiBC;AA1BD,sFAA2D;AAC3D,kDAA0B;AAG1B,kDAAmD;AAEnD,2DAAwD;AAGxD,SAAgB,qBAAqB,CACnC,gBAAkC,EAClC,kBAA0C;;IAE1C,MAAM,oBAAoB,GAAG,MAAA,MAAA,gBAAgB,CAAC,WAAW,mCAAI,gBAAgB,CAAC,IAAI,mCAAI,yBAAa,CAAC;IAEpG,MAAM,SAAS,GAAU,CAAC,qBAAwB,EAAE,EAAE,CAAC,CACrD,8BAAC,qCAAiB,oBAAK,kBAAkB;QACvC,8BAAC,gBAAgB,oBAAK,qBAAqB,EAAI,CAC7B,CACrB,CAAC;IAEF,SAAS,CAAC,WAAW,GAAG,qBAAqB,oBAAoB,GAAG,CAAC;IAErE,IAAA,iCAAoB,EAAC,SAAS,EAAE,gBAAgB,CAAC,CAAC;IAElD,OAAO,SAAS,CAAC;AACnB,CAAC","sourcesContent":["import hoistNonReactStatics from 'hoist-non-react-statics';\nimport React from 'react';\nimport type { ComponentType, FC } from 'react';\n\nimport { unknownString } from '@grafana/faro-core';\n\nimport { FaroErrorBoundary } from './FaroErrorBoundary';\nimport type { FaroErrorBoundaryProps, ReactProps } from './types';\n\nexport function withFaroErrorBoundary<P extends ReactProps = {}>(\n  WrappedComponent: ComponentType<P>,\n  errorBoundaryProps: FaroErrorBoundaryProps\n): FC<P> {\n  const componentDisplayName = WrappedComponent.displayName ?? WrappedComponent.name ?? unknownString;\n\n  const Component: FC<P> = (wrappedComponentProps: P) => (\n    <FaroErrorBoundary {...errorBoundaryProps}>\n      <WrappedComponent {...wrappedComponentProps} />\n    </FaroErrorBoundary>\n  );\n\n  Component.displayName = `faroErrorBoundary(${componentDisplayName})`;\n\n  hoistNonReactStatics(Component, WrappedComponent);\n\n  return Component;\n}\n"]}

package/dist/cjs/instrumentation.js

@@ -1,39 +1,20 @@
 "use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ReactIntegration = void 0;
-var faro_web_sdk_1 = require("@grafana/faro-web-sdk");
-var dependencies_1 = require("./dependencies");
-var router_1 = require("./router");
-var ReactIntegration = /** @class */ (function (_super) {
-    __extends(ReactIntegration, _super);
-    function ReactIntegration(options) {
-        if (options === void 0) { options = {}; }
-        var _this = _super.call(this) || this;
-        _this.options = options;
-        _this.name = '@grafana/faro-react';
-        _this.version = faro_web_sdk_1.VERSION;
-        return _this;
+const faro_web_sdk_1 = require("@grafana/faro-web-sdk");
+const dependencies_1 = require("./dependencies");
+const router_1 = require("./router");
+class ReactIntegration extends faro_web_sdk_1.BaseInstrumentation {
+    constructor(options = {}) {
+        super();
+        this.options = options;
+        this.name = '@grafana/faro-react';
+        this.version = faro_web_sdk_1.VERSION;
     }
-    ReactIntegration.prototype.initialize = function () {
+    initialize() {
         (0, dependencies_1.setDependencies)(this.internalLogger, this.api);
         (0, router_1.initializeReactRouterInstrumentation)(this.options);
-    };
-    return ReactIntegration;
-}(faro_web_sdk_1.BaseInstrumentation));
+    }
+}
 exports.ReactIntegration = ReactIntegration;
 //# sourceMappingURL=instrumentation.js.map

package/dist/cjs/instrumentation.js.map

@@ -1 +1 @@
-{"version":3,"file":"instrumentation.js","sourceRoot":"","sources":["../../src/instrumentation.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,sDAAqE;AAErE,+CAAiD;AACjD,mCAAgE;AAGhE;IAAsC,oCAAmB;IAIvD,0BAAoB,OAAoC;QAApC,wBAAA,EAAA,YAAoC;QACtD,YAAA,MAAK,WAAE,SAAC;QADU,aAAO,GAAP,OAAO,CAA6B;QAHxD,UAAI,GAAG,qBAAqB,CAAC;QAC7B,aAAO,GAAG,sBAAO,CAAC;;IAIlB,CAAC;IAED,qCAAU,GAAV;QACE,IAAA,8BAAe,EAAC,IAAI,CAAC,cAAc,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC;QAC/C,IAAA,6CAAoC,EAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IACrD,CAAC;IACH,uBAAC;AAAD,CAAC,AAZD,CAAsC,kCAAmB,GAYxD;AAZY,4CAAgB","sourcesContent":["import { BaseInstrumentation, VERSION } from '@grafana/faro-web-sdk';\n\nimport { setDependencies } from './dependencies';\nimport { initializeReactRouterInstrumentation } from './router';\nimport type { ReactIntegrationConfig } from './types';\n\nexport class ReactIntegration extends BaseInstrumentation {\n  name = '@grafana/faro-react';\n  version = VERSION;\n\n  constructor(private options: ReactIntegrationConfig = {}) {\n    super();\n  }\n\n  initialize(): void {\n    setDependencies(this.internalLogger, this.api);\n    initializeReactRouterInstrumentation(this.options);\n  }\n}\n"]}
+{"version":3,"file":"instrumentation.js","sourceRoot":"","sources":["../../src/instrumentation.ts"],"names":[],"mappings":";;;AAAA,wDAAqE;AAErE,iDAAiD;AACjD,qCAAgE;AAGhE,MAAa,gBAAiB,SAAQ,kCAAmB;IAIvD,YAAoB,UAAkC,EAAE;QACtD,KAAK,EAAE,CAAC;QADU,YAAO,GAAP,OAAO,CAA6B;QAHxD,SAAI,GAAG,qBAAqB,CAAC;QAC7B,YAAO,GAAG,sBAAO,CAAC;IAIlB,CAAC;IAED,UAAU;QACR,IAAA,8BAAe,EAAC,IAAI,CAAC,cAAc,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC;QAC/C,IAAA,6CAAoC,EAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IACrD,CAAC;CACF;AAZD,4CAYC","sourcesContent":["import { BaseInstrumentation, VERSION } from '@grafana/faro-web-sdk';\n\nimport { setDependencies } from './dependencies';\nimport { initializeReactRouterInstrumentation } from './router';\nimport type { ReactIntegrationConfig } from './types';\n\nexport class ReactIntegration extends BaseInstrumentation {\n  name = '@grafana/faro-react';\n  version = VERSION;\n\n  constructor(private options: ReactIntegrationConfig = {}) {\n    super();\n  }\n\n  initialize(): void {\n    setDependencies(this.internalLogger, this.api);\n    initializeReactRouterInstrumentation(this.options);\n  }\n}\n"]}

package/dist/cjs/profiler/FaroProfiler.js

@@ -1,107 +1,64 @@
 "use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FaroProfiler = void 0;
 // React is required in scope for JSX transformation with the classic transform
 // @ts-expect-error - TS6133: React appears unused but is required for JSX
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
-var react_1 = require("react");
-var faro_web_sdk_1 = require("@grafana/faro-web-sdk");
-var dependencies_1 = require("../dependencies");
-var FaroProfiler = /** @class */ (function (_super) {
-    __extends(FaroProfiler, _super);
-    function FaroProfiler(props) {
-        var _this = _super.call(this, props) || this;
-        _this.mountSpan = undefined;
-        _this.mountSpanEndTime = undefined;
-        _this.updateSpan = undefined;
-        if (_this.isOtelInitialized) {
-            _this.mountSpan = _this.createSpan('componentMount');
-        }
-        else {
-            dependencies_1.internalLogger === null || dependencies_1.internalLogger === void 0 ? void 0 : dependencies_1.internalLogger.error('The Faro React Profiler requires tracing instrumentation. Please enable it in the "instrumentations" section of your config.');
-        }
-        return _this;
+const react_1 = require("react");
+const faro_web_sdk_1 = require("@grafana/faro-web-sdk");
+const dependencies_1 = require("../dependencies");
+class FaroProfiler extends react_1.Component {
+    get isOtelInitialized() {
+        return !!(dependencies_1.api === null || dependencies_1.api === void 0 ? void 0 : dependencies_1.api.isOTELInitialized());
     }
-    Object.defineProperty(FaroProfiler.prototype, "isOtelInitialized", {
-        get: function () {
-            return !!(dependencies_1.api === null || dependencies_1.api === void 0 ? void 0 : dependencies_1.api.isOTELInitialized());
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(FaroProfiler.prototype, "otel", {
-        get: function () {
-            return dependencies_1.api === null || dependencies_1.api === void 0 ? void 0 : dependencies_1.api.getOTEL();
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(FaroProfiler.prototype, "tracer", {
-        get: function () {
-            var _a;
-            return (_a = this.otel) === null || _a === void 0 ? void 0 : _a.trace.getTracer('@grafana/faro-react', faro_web_sdk_1.VERSION);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    FaroProfiler.prototype.createSpan = function (spanName, options) {
+    get otel() {
+        return dependencies_1.api === null || dependencies_1.api === void 0 ? void 0 : dependencies_1.api.getOTEL();
+    }
+    get tracer() {
+        var _a;
+        return (_a = this.otel) === null || _a === void 0 ? void 0 : _a.trace.getTracer('@grafana/faro-react', faro_web_sdk_1.VERSION);
+    }
+    createSpan(spanName, options) {
         var _a, _b;
-        var span = this.tracer.startSpan(spanName, {
+        const span = this.tracer.startSpan(spanName, {
             startTime: options === null || options === void 0 ? void 0 : options.startTime,
-            attributes: __assign({ 'react.component.name': this.props.name }, ((_a = options === null || options === void 0 ? void 0 : options.attributes) !== null && _a !== void 0 ? _a : {})),
+            attributes: Object.assign({ 'react.component.name': this.props.name }, ((_a = options === null || options === void 0 ? void 0 : options.attributes) !== null && _a !== void 0 ? _a : {})),
         });
         (_b = this.otel) === null || _b === void 0 ? void 0 : _b.trace.setSpan(this.otel.context.active(), span);
         if (options === null || options === void 0 ? void 0 : options.endTime) {
             span.end(options.endTime);
         }
         return span;
-    };
-    FaroProfiler.prototype.createChildSpan = function (spanName, parent, options) {
-        var _this = this;
+    }
+    createChildSpan(spanName, parent, options) {
         var _a;
-        var span;
-        (_a = this.otel) === null || _a === void 0 ? void 0 : _a.context.with(this.otel.trace.setSpan(this.otel.context.active(), parent), function () {
-            span = _this.createSpan(spanName, options);
+        let span;
+        (_a = this.otel) === null || _a === void 0 ? void 0 : _a.context.with(this.otel.trace.setSpan(this.otel.context.active(), parent), () => {
+            span = this.createSpan(spanName, options);
         });
         return span;
-    };
-    FaroProfiler.prototype.componentDidMount = function () {
+    }
+    constructor(props) {
+        super(props);
+        this.mountSpan = undefined;
+        this.mountSpanEndTime = undefined;
+        this.updateSpan = undefined;
+        if (this.isOtelInitialized) {
+            this.mountSpan = this.createSpan('componentMount');
+        }
+        else {
+            dependencies_1.internalLogger === null || dependencies_1.internalLogger === void 0 ? void 0 : dependencies_1.internalLogger.error('The Faro React Profiler requires tracing instrumentation. Please enable it in the "instrumentations" section of your config.');
+        }
+    }
+    componentDidMount() {
         if (this.isOtelInitialized && this.mountSpan) {
             this.mountSpanEndTime = Date.now();
             this.mountSpan.end(this.mountSpanEndTime);
         }
-    };
-    FaroProfiler.prototype.shouldComponentUpdate = function (_a) {
-        var _this = this;
-        var updateProps = _a.updateProps;
+    }
+    shouldComponentUpdate({ updateProps }) {
         if (this.isOtelInitialized && this.mountSpan && updateProps !== this.props.updateProps) {
-            var changedProps = Object.keys(updateProps).filter(function (key) { return updateProps[key] !== _this.props.updateProps[key]; });
+            const changedProps = Object.keys(updateProps).filter((key) => updateProps[key] !== this.props.updateProps[key]);
             if (changedProps.length > 0) {
                 this.updateSpan = this.createChildSpan('componentUpdate', this.mountSpan, {
                     attributes: {
@@ -111,25 +68,24 @@ var FaroProfiler = /** @class */ (function (_super) {
             }
         }
         return true;
-    };
-    FaroProfiler.prototype.componentDidUpdate = function () {
+    }
+    componentDidUpdate() {
         if (this.isOtelInitialized && this.updateSpan) {
             this.updateSpan.end();
             this.updateSpan = undefined;
         }
-    };
-    FaroProfiler.prototype.componentWillUnmount = function () {
+    }
+    componentWillUnmount() {
         if (this.isOtelInitialized && this.mountSpan) {
             this.createChildSpan('componentRender', this.mountSpan, {
                 startTime: this.mountSpanEndTime,
                 endTime: Date.now(),
             });
         }
-    };
-    FaroProfiler.prototype.render = function () {
+    }
+    render() {
         return this.props.children;
-    };
-    return FaroProfiler;
-}(react_1.Component));
+    }
+}
 exports.FaroProfiler = FaroProfiler;
 //# sourceMappingURL=FaroProfiler.js.map

package/dist/cjs/profiler/FaroProfiler.js.map

@@ -1 +1 @@
-{"version":3,"file":"FaroProfiler.js","sourceRoot":"","sources":["../../../src/profiler/FaroProfiler.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { Attributes, Span, Tracer } from '@opentelemetry/api';\n// React is required in scope for JSX transformation with the classic transform\n// @ts-expect-error - TS6133: React appears unused but is required for JSX\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nimport React, { Component } from 'react';\nimport type { ReactNode } from 'react';\n\nimport { VERSION } from '@grafana/faro-web-sdk';\nimport type { OTELApi } from '@grafana/faro-web-sdk';\n\nimport { api, internalLogger } from '../dependencies';\n\nexport interface FaroProfilerProps {\n  children: ReactNode;\n  name: string;\n  updateProps: Record<string, unknown>;\n}\n\nexport class FaroProfiler extends Component<FaroProfilerProps> {\n  protected mountSpan: Span | undefined = undefined;\n  protected mountSpanEndTime: number | undefined = undefined;\n  protected updateSpan: Span | undefined = undefined;\n\n  private get isOtelInitialized(): boolean {\n    return !!api?.isOTELInitialized();\n  }\n\n  private get otel(): OTELApi | undefined {\n    return api?.getOTEL()!;\n  }\n\n  private get tracer(): Tracer {\n    return this.otel?.trace.getTracer('@grafana/faro-react', VERSION)!;\n  }\n\n  private createSpan(\n    spanName: string,\n    options?: { startTime?: number; endTime?: number; attributes?: Attributes }\n  ): Span {\n    const span = this.tracer.startSpan(spanName, {\n      startTime: options?.startTime,\n      attributes: {\n        'react.component.name': this.props.name,\n        ...(options?.attributes ?? {}),\n      },\n    });\n\n    this.otel?.trace.setSpan(this.otel.context.active(), span);\n\n    if (options?.endTime) {\n      span.end(options.endTime);\n    }\n\n    return span;\n  }\n\n  private createChildSpan(\n    spanName: string,\n    parent: Span,\n    options?: { startTime?: number; endTime?: number; attributes?: Attributes }\n  ): Span {\n    let span: Span;\n\n    this.otel?.context.with(this.otel.trace.setSpan(this.otel.context.active(), parent), () => {\n      span = this.createSpan(spanName, options);\n    });\n\n    return span!;\n  }\n\n  constructor(props: FaroProfilerProps) {\n    super(props);\n\n    if (this.isOtelInitialized) {\n      this.mountSpan = this.createSpan('componentMount');\n    } else {\n      internalLogger?.error(\n        'The Faro React Profiler requires tracing instrumentation. Please enable it in the \"instrumentations\" section of your config.'\n      );\n    }\n  }\n\n  override componentDidMount(): void {\n    if (this.isOtelInitialized && this.mountSpan) {\n      this.mountSpanEndTime = Date.now();\n      this.mountSpan.end(this.mountSpanEndTime);\n    }\n  }\n\n  override shouldComponentUpdate({ updateProps }: FaroProfilerProps): boolean {\n    if (this.isOtelInitialized && this.mountSpan && updateProps !== this.props.updateProps) {\n      const changedProps = Object.keys(updateProps).filter((key) => updateProps[key] !== this.props.updateProps[key]);\n\n      if (changedProps.length > 0) {\n        this.updateSpan = this.createChildSpan('componentUpdate', this.mountSpan, {\n          attributes: {\n            'react.component.changed_props': changedProps,\n          },\n        });\n      }\n    }\n\n    return true;\n  }\n\n  override componentDidUpdate(): void {\n    if (this.isOtelInitialized && this.updateSpan) {\n      this.updateSpan.end();\n      this.updateSpan = undefined;\n    }\n  }\n\n  override componentWillUnmount(): void {\n    if (this.isOtelInitialized && this.mountSpan) {\n      this.createChildSpan('componentRender', this.mountSpan, {\n        startTime: this.mountSpanEndTime,\n        endTime: Date.now(),\n      });\n    }\n  }\n\n  override render(): ReactNode {\n    return this.props.children;\n  }\n}\n"]}
+{"version":3,"file":"FaroProfiler.js","sourceRoot":"","sources":["../../../src/profiler/FaroProfiler.tsx"],"names":[],"mappings":";;;AACA,+EAA+E;AAC/E,0EAA0E;AAC1E,6DAA6D;AAC7D,iCAAyC;AAGzC,wDAAgD;AAGhD,kDAAsD;AAQtD,MAAa,YAAa,SAAQ,iBAA4B;IAK5D,IAAY,iBAAiB;QAC3B,OAAO,CAAC,CAAC,CAAA,kBAAG,aAAH,kBAAG,uBAAH,kBAAG,CAAE,iBAAiB,EAAE,CAAA,CAAC;IACpC,CAAC;IAED,IAAY,IAAI;QACd,OAAO,kBAAG,aAAH,kBAAG,uBAAH,kBAAG,CAAE,OAAO,EAAG,CAAC;IACzB,CAAC;IAED,IAAY,MAAM;;QAChB,OAAO,MAAA,IAAI,CAAC,IAAI,0CAAE,KAAK,CAAC,SAAS,CAAC,qBAAqB,EAAE,sBAAO,CAAE,CAAC;IACrE,CAAC;IAEO,UAAU,CAChB,QAAgB,EAChB,OAA2E;;QAE3E,MAAM,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,EAAE;YAC3C,SAAS,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,SAAS;YAC7B,UAAU,kBACR,sBAAsB,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,IACpC,CAAC,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,UAAU,mCAAI,EAAE,CAAC,CAC/B;SACF,CAAC,CAAC;QAEH,MAAA,IAAI,CAAC,IAAI,0CAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,IAAI,CAAC,CAAC;QAE3D,IAAI,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,EAAE,CAAC;YACrB,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;QAC5B,CAAC;QAED,OAAO,IAAI,CAAC;IACd,CAAC;IAEO,eAAe,CACrB,QAAgB,EAChB,MAAY,EACZ,OAA2E;;QAE3E,IAAI,IAAU,CAAC;QAEf,MAAA,IAAI,CAAC,IAAI,0CAAE,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,MAAM,CAAC,EAAE,GAAG,EAAE;YACxF,IAAI,GAAG,IAAI,CAAC,UAAU,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;QAC5C,CAAC,CAAC,CAAC;QAEH,OAAO,IAAK,CAAC;IACf,CAAC;IAED,YAAY,KAAwB;QAClC,KAAK,CAAC,KAAK,CAAC,CAAC;QApDL,cAAS,GAAqB,SAAS,CAAC;QACxC,qBAAgB,GAAuB,SAAS,CAAC;QACjD,eAAU,GAAqB,SAAS,CAAC;QAoDjD,IAAI,IAAI,CAAC,iBAAiB,EAAE,CAAC;YAC3B,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAC;QACrD,CAAC;aAAM,CAAC;YACN,6BAAc,aAAd,6BAAc,uBAAd,6BAAc,CAAE,KAAK,CACnB,8HAA8H,CAC/H,CAAC;QACJ,CAAC;IACH,CAAC;IAEQ,iBAAiB;QACxB,IAAI,IAAI,CAAC,iBAAiB,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;YAC7C,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;YACnC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC;QAC5C,CAAC;IACH,CAAC;IAEQ,qBAAqB,CAAC,EAAE,WAAW,EAAqB;QAC/D,IAAI,IAAI,CAAC,iBAAiB,IAAI,IAAI,CAAC,SAAS,IAAI,WAAW,KAAK,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC;YACvF,MAAM,YAAY,GAAG,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,WAAW,CAAC,GAAG,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC;YAEhH,IAAI,YAAY,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gBAC5B,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,eAAe,CAAC,iBAAiB,EAAE,IAAI,CAAC,SAAS,EAAE;oBACxE,UAAU,EAAE;wBACV,+BAA+B,EAAE,YAAY;qBAC9C;iBACF,CAAC,CAAC;YACL,CAAC;QACH,CAAC;QAED,OAAO,IAAI,CAAC;IACd,CAAC;IAEQ,kBAAkB;QACzB,IAAI,IAAI,CAAC,iBAAiB,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YAC9C,IAAI,CAAC,UAAU,CAAC,GAAG,EAAE,CAAC;YACtB,IAAI,CAAC,UAAU,GAAG,SAAS,CAAC;QAC9B,CAAC;IACH,CAAC;IAEQ,oBAAoB;QAC3B,IAAI,IAAI,CAAC,iBAAiB,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;YAC7C,IAAI,CAAC,eAAe,CAAC,iBAAiB,EAAE,IAAI,CAAC,SAAS,EAAE;gBACtD,SAAS,EAAE,IAAI,CAAC,gBAAgB;gBAChC,OAAO,EAAE,IAAI,CAAC,GAAG,EAAE;aACpB,CAAC,CAAC;QACL,CAAC;IACH,CAAC;IAEQ,MAAM;QACb,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;IAC7B,CAAC;CACF;AA1GD,oCA0GC","sourcesContent":["import type { Attributes, Span, Tracer } from '@opentelemetry/api';\n// React is required in scope for JSX transformation with the classic transform\n// @ts-expect-error - TS6133: React appears unused but is required for JSX\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nimport React, { Component } from 'react';\nimport type { ReactNode } from 'react';\n\nimport { VERSION } from '@grafana/faro-web-sdk';\nimport type { OTELApi } from '@grafana/faro-web-sdk';\n\nimport { api, internalLogger } from '../dependencies';\n\nexport interface FaroProfilerProps {\n  children: ReactNode;\n  name: string;\n  updateProps: Record<string, unknown>;\n}\n\nexport class FaroProfiler extends Component<FaroProfilerProps> {\n  protected mountSpan: Span | undefined = undefined;\n  protected mountSpanEndTime: number | undefined = undefined;\n  protected updateSpan: Span | undefined = undefined;\n\n  private get isOtelInitialized(): boolean {\n    return !!api?.isOTELInitialized();\n  }\n\n  private get otel(): OTELApi | undefined {\n    return api?.getOTEL()!;\n  }\n\n  private get tracer(): Tracer {\n    return this.otel?.trace.getTracer('@grafana/faro-react', VERSION)!;\n  }\n\n  private createSpan(\n    spanName: string,\n    options?: { startTime?: number; endTime?: number; attributes?: Attributes }\n  ): Span {\n    const span = this.tracer.startSpan(spanName, {\n      startTime: options?.startTime,\n      attributes: {\n        'react.component.name': this.props.name,\n        ...(options?.attributes ?? {}),\n      },\n    });\n\n    this.otel?.trace.setSpan(this.otel.context.active(), span);\n\n    if (options?.endTime) {\n      span.end(options.endTime);\n    }\n\n    return span;\n  }\n\n  private createChildSpan(\n    spanName: string,\n    parent: Span,\n    options?: { startTime?: number; endTime?: number; attributes?: Attributes }\n  ): Span {\n    let span: Span;\n\n    this.otel?.context.with(this.otel.trace.setSpan(this.otel.context.active(), parent), () => {\n      span = this.createSpan(spanName, options);\n    });\n\n    return span!;\n  }\n\n  constructor(props: FaroProfilerProps) {\n    super(props);\n\n    if (this.isOtelInitialized) {\n      this.mountSpan = this.createSpan('componentMount');\n    } else {\n      internalLogger?.error(\n        'The Faro React Profiler requires tracing instrumentation. Please enable it in the \"instrumentations\" section of your config.'\n      );\n    }\n  }\n\n  override componentDidMount(): void {\n    if (this.isOtelInitialized && this.mountSpan) {\n      this.mountSpanEndTime = Date.now();\n      this.mountSpan.end(this.mountSpanEndTime);\n    }\n  }\n\n  override shouldComponentUpdate({ updateProps }: FaroProfilerProps): boolean {\n    if (this.isOtelInitialized && this.mountSpan && updateProps !== this.props.updateProps) {\n      const changedProps = Object.keys(updateProps).filter((key) => updateProps[key] !== this.props.updateProps[key]);\n\n      if (changedProps.length > 0) {\n        this.updateSpan = this.createChildSpan('componentUpdate', this.mountSpan, {\n          attributes: {\n            'react.component.changed_props': changedProps,\n          },\n        });\n      }\n    }\n\n    return true;\n  }\n\n  override componentDidUpdate(): void {\n    if (this.isOtelInitialized && this.updateSpan) {\n      this.updateSpan.end();\n      this.updateSpan = undefined;\n    }\n  }\n\n  override componentWillUnmount(): void {\n    if (this.isOtelInitialized && this.mountSpan) {\n      this.createChildSpan('componentRender', this.mountSpan, {\n        startTime: this.mountSpanEndTime,\n        endTime: Date.now(),\n      });\n    }\n  }\n\n  override render(): ReactNode {\n    return this.props.children;\n  }\n}\n"]}

package/dist/cjs/profiler/withFaroProfiler.js

@@ -1,30 +1,19 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.withFaroProfiler = withFaroProfiler;
-var hoist_non_react_statics_1 = __importDefault(require("hoist-non-react-statics"));
-var react_1 = __importDefault(require("react"));
-var faro_core_1 = require("@grafana/faro-core");
-var FaroProfiler_1 = require("./FaroProfiler");
+const hoist_non_react_statics_1 = __importDefault(require("hoist-non-react-statics"));
+const react_1 = __importDefault(require("react"));
+const faro_core_1 = require("@grafana/faro-core");
+const FaroProfiler_1 = require("./FaroProfiler");
 function withFaroProfiler(WrappedComponent, options) {
     var _a, _b, _c;
-    var componentDisplayName = (_c = (_b = (_a = options === null || options === void 0 ? void 0 : options.name) !== null && _a !== void 0 ? _a : WrappedComponent.displayName) !== null && _b !== void 0 ? _b : WrappedComponent.name) !== null && _c !== void 0 ? _c : faro_core_1.unknownString;
-    var Component = function (props) { return (react_1.default.createElement(FaroProfiler_1.FaroProfiler, { name: componentDisplayName, updateProps: props },
-        react_1.default.createElement(WrappedComponent, __assign({}, props)))); };
-    Component.displayName = "faroProfiler(".concat(componentDisplayName, ")");
+    const componentDisplayName = (_c = (_b = (_a = options === null || options === void 0 ? void 0 : options.name) !== null && _a !== void 0 ? _a : WrappedComponent.displayName) !== null && _b !== void 0 ? _b : WrappedComponent.name) !== null && _c !== void 0 ? _c : faro_core_1.unknownString;
+    const Component = (props) => (react_1.default.createElement(FaroProfiler_1.FaroProfiler, { name: componentDisplayName, updateProps: props },
+        react_1.default.createElement(WrappedComponent, Object.assign({}, props))));
+    Component.displayName = `faroProfiler(${componentDisplayName})`;
     (0, hoist_non_react_statics_1.default)(Component, WrappedComponent);
     return Component;
 }

package/dist/cjs/profiler/withFaroProfiler.js.map

@@ -1 +1 @@
-{"version":3,"file":"withFaroProfiler.js","sourceRoot":"","sources":["../../../src/profiler/withFaroProfiler.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AASA,4CAiBC;AA1BD,oFAA2D;AAC3D,gDAA0B;AAG1B,gDAAmD;AAEnD,+CAA8C;AAG9C,SAAgB,gBAAgB,CAC9B,gBAAkC,EAClC,OAAgD;;IAEhD,IAAM,oBAAoB,GAAG,MAAA,MAAA,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,mCAAI,gBAAgB,CAAC,WAAW,mCAAI,gBAAgB,CAAC,IAAI,mCAAI,yBAAa,CAAC;IAErH,IAAM,SAAS,GAAU,UAAC,KAAQ,IAAK,OAAA,CACrC,8BAAC,2BAAY,IAAC,IAAI,EAAE,oBAAoB,EAAE,WAAW,EAAE,KAAK;QAC1D,8BAAC,gBAAgB,eAAK,KAAK,EAAI,CAClB,CAChB,EAJsC,CAItC,CAAC;IAEF,SAAS,CAAC,WAAW,GAAG,uBAAgB,oBAAoB,MAAG,CAAC;IAEhE,IAAA,iCAAoB,EAAC,SAAS,EAAE,gBAAgB,CAAC,CAAC;IAElD,OAAO,SAAS,CAAC;AACnB,CAAC","sourcesContent":["import hoistNonReactStatics from 'hoist-non-react-statics';\nimport React from 'react';\nimport type { ComponentType, FC } from 'react';\n\nimport { unknownString } from '@grafana/faro-core';\n\nimport { FaroProfiler } from './FaroProfiler';\nimport type { FaroProfilerProps } from './FaroProfiler';\n\nexport function withFaroProfiler<P extends Record<string, any>>(\n  WrappedComponent: ComponentType<P>,\n  options?: Omit<FaroProfilerProps, 'updateProps'>\n): FC<P> {\n  const componentDisplayName = options?.name ?? WrappedComponent.displayName ?? WrappedComponent.name ?? unknownString;\n\n  const Component: FC<P> = (props: P) => (\n    <FaroProfiler name={componentDisplayName} updateProps={props}>\n      <WrappedComponent {...props} />\n    </FaroProfiler>\n  );\n\n  Component.displayName = `faroProfiler(${componentDisplayName})`;\n\n  hoistNonReactStatics(Component, WrappedComponent);\n\n  return Component;\n}\n"]}
+{"version":3,"file":"withFaroProfiler.js","sourceRoot":"","sources":["../../../src/profiler/withFaroProfiler.tsx"],"names":[],"mappings":";;;;;AASA,4CAiBC;AA1BD,sFAA2D;AAC3D,kDAA0B;AAG1B,kDAAmD;AAEnD,iDAA8C;AAG9C,SAAgB,gBAAgB,CAC9B,gBAAkC,EAClC,OAAgD;;IAEhD,MAAM,oBAAoB,GAAG,MAAA,MAAA,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,mCAAI,gBAAgB,CAAC,WAAW,mCAAI,gBAAgB,CAAC,IAAI,mCAAI,yBAAa,CAAC;IAErH,MAAM,SAAS,GAAU,CAAC,KAAQ,EAAE,EAAE,CAAC,CACrC,8BAAC,2BAAY,IAAC,IAAI,EAAE,oBAAoB,EAAE,WAAW,EAAE,KAAK;QAC1D,8BAAC,gBAAgB,oBAAK,KAAK,EAAI,CAClB,CAChB,CAAC;IAEF,SAAS,CAAC,WAAW,GAAG,gBAAgB,oBAAoB,GAAG,CAAC;IAEhE,IAAA,iCAAoB,EAAC,SAAS,EAAE,gBAAgB,CAAC,CAAC;IAElD,OAAO,SAAS,CAAC;AACnB,CAAC","sourcesContent":["import hoistNonReactStatics from 'hoist-non-react-statics';\nimport React from 'react';\nimport type { ComponentType, FC } from 'react';\n\nimport { unknownString } from '@grafana/faro-core';\n\nimport { FaroProfiler } from './FaroProfiler';\nimport type { FaroProfilerProps } from './FaroProfiler';\n\nexport function withFaroProfiler<P extends Record<string, any>>(\n  WrappedComponent: ComponentType<P>,\n  options?: Omit<FaroProfilerProps, 'updateProps'>\n): FC<P> {\n  const componentDisplayName = options?.name ?? WrappedComponent.displayName ?? WrappedComponent.name ?? unknownString;\n\n  const Component: FC<P> = (props: P) => (\n    <FaroProfiler name={componentDisplayName} updateProps={props}>\n      <WrappedComponent {...props} />\n    </FaroProfiler>\n  );\n\n  Component.displayName = `faroProfiler(${componentDisplayName})`;\n\n  hoistNonReactStatics(Component, WrappedComponent);\n\n  return Component;\n}\n"]}

package/dist/cjs/router/initialize.js

@@ -1,27 +1,27 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.initializeReactRouterInstrumentation = initializeReactRouterInstrumentation;
-var dependencies_1 = require("../dependencies");
-var types_1 = require("./types");
-var v4v5_1 = require("./v4v5");
-var v6v7_1 = require("./v6v7");
+const dependencies_1 = require("../dependencies");
+const types_1 = require("./types");
+const v4v5_1 = require("./v4v5");
+const v6v7_1 = require("./v6v7");
 function initializeReactRouterInstrumentation(options) {
     var _a;
-    var initMessage = 'Initializing React Router';
+    const initMessage = 'Initializing React Router';
     switch ((_a = options.router) === null || _a === void 0 ? void 0 : _a.version) {
         case types_1.ReactRouterVersion.V7:
         case types_1.ReactRouterVersion.V6:
-            dependencies_1.internalLogger.debug("".concat(initMessage, " ").concat(options.router.version, " instrumentation"));
+            dependencies_1.internalLogger.debug(`${initMessage} ${options.router.version} instrumentation`);
             (0, v6v7_1.initializeReactRouterV6Instrumentation)(options.router.dependencies);
             break;
         case types_1.ReactRouterVersion.V7_data_router:
         case types_1.ReactRouterVersion.V6_data_router:
-            dependencies_1.internalLogger.debug("".concat(initMessage, " ").concat(options.router.version, " data router instrumentation"));
+            dependencies_1.internalLogger.debug(`${initMessage} ${options.router.version} data router instrumentation`);
             (0, v6v7_1.initializeReactRouterV6DataRouterInstrumentation)(options.router.dependencies);
             break;
         case types_1.ReactRouterVersion.V5:
         case types_1.ReactRouterVersion.V4:
-            dependencies_1.internalLogger.debug("".concat(initMessage, " ").concat(options.router.version, " instrumentation"));
+            dependencies_1.internalLogger.debug(`${initMessage} ${options.router.version} instrumentation`);
             (0, v4v5_1.initializeReactRouterV4V5Instrumentation)(options.router.dependencies);
             break;
         default:

package/dist/cjs/router/initialize.js.map

@@ -1 +1 @@
-{"version":3,"file":"initialize.js","sourceRoot":"","sources":["../../../src/router/initialize.ts"],"names":[],"mappings":";;AAOA,oFAyBC;AAhCD,gDAAiD;AAGjD,iCAA6C;AAC7C,+BAAkE;AAClE,+BAAkH;AAElH,SAAgB,oCAAoC,CAAC,OAA+B;;IAClF,IAAM,WAAW,GAAG,2BAA2B,CAAC;IAEhD,QAAQ,MAAA,OAAO,CAAC,MAAM,0CAAE,OAAO,EAAE,CAAC;QAChC,KAAK,0BAAkB,CAAC,EAAE,CAAC;QAC3B,KAAK,0BAAkB,CAAC,EAAE;YACxB,6BAAc,CAAC,KAAK,CAAC,UAAG,WAAW,cAAI,OAAO,CAAC,MAAM,CAAC,OAAO,qBAAkB,CAAC,CAAC;YACjF,IAAA,6CAAsC,EAAC,OAAO,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;YACpE,MAAM;QAER,KAAK,0BAAkB,CAAC,cAAc,CAAC;QACvC,KAAK,0BAAkB,CAAC,cAAc;YACpC,6BAAc,CAAC,KAAK,CAAC,UAAG,WAAW,cAAI,OAAO,CAAC,MAAM,CAAC,OAAO,iCAA8B,CAAC,CAAC;YAC7F,IAAA,uDAAgD,EAAC,OAAO,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;YAC9E,MAAM;QAER,KAAK,0BAAkB,CAAC,EAAE,CAAC;QAC3B,KAAK,0BAAkB,CAAC,EAAE;YACxB,6BAAc,CAAC,KAAK,CAAC,UAAG,WAAW,cAAI,OAAO,CAAC,MAAM,CAAC,OAAO,qBAAkB,CAAC,CAAC;YACjF,IAAA,+CAAwC,EAAC,OAAO,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;YACtE,MAAM;QAER;YACE,6BAAc,CAAC,KAAK,CAAC,yDAAyD,CAAC,CAAC;IACpF,CAAC;AACH,CAAC","sourcesContent":["import { internalLogger } from '../dependencies';\nimport type { ReactIntegrationConfig } from '../types';\n\nimport { ReactRouterVersion } from './types';\nimport { initializeReactRouterV4V5Instrumentation } from './v4v5';\nimport { initializeReactRouterV6DataRouterInstrumentation, initializeReactRouterV6Instrumentation } from './v6v7';\n\nexport function initializeReactRouterInstrumentation(options: ReactIntegrationConfig): void {\n  const initMessage = 'Initializing React Router';\n\n  switch (options.router?.version) {\n    case ReactRouterVersion.V7:\n    case ReactRouterVersion.V6:\n      internalLogger.debug(`${initMessage} ${options.router.version} instrumentation`);\n      initializeReactRouterV6Instrumentation(options.router.dependencies);\n      break;\n\n    case ReactRouterVersion.V7_data_router:\n    case ReactRouterVersion.V6_data_router:\n      internalLogger.debug(`${initMessage} ${options.router.version} data router instrumentation`);\n      initializeReactRouterV6DataRouterInstrumentation(options.router.dependencies);\n      break;\n\n    case ReactRouterVersion.V5:\n    case ReactRouterVersion.V4:\n      internalLogger.debug(`${initMessage} ${options.router.version} instrumentation`);\n      initializeReactRouterV4V5Instrumentation(options.router.dependencies);\n      break;\n\n    default:\n      internalLogger.debug('Skipping initialization of React Router instrumentation');\n  }\n}\n"]}
+{"version":3,"file":"initialize.js","sourceRoot":"","sources":["../../../src/router/initialize.ts"],"names":[],"mappings":";;AAOA,oFAyBC;AAhCD,kDAAiD;AAGjD,mCAA6C;AAC7C,iCAAkE;AAClE,iCAAkH;AAElH,SAAgB,oCAAoC,CAAC,OAA+B;;IAClF,MAAM,WAAW,GAAG,2BAA2B,CAAC;IAEhD,QAAQ,MAAA,OAAO,CAAC,MAAM,0CAAE,OAAO,EAAE,CAAC;QAChC,KAAK,0BAAkB,CAAC,EAAE,CAAC;QAC3B,KAAK,0BAAkB,CAAC,EAAE;YACxB,6BAAc,CAAC,KAAK,CAAC,GAAG,WAAW,IAAI,OAAO,CAAC,MAAM,CAAC,OAAO,kBAAkB,CAAC,CAAC;YACjF,IAAA,6CAAsC,EAAC,OAAO,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;YACpE,MAAM;QAER,KAAK,0BAAkB,CAAC,cAAc,CAAC;QACvC,KAAK,0BAAkB,CAAC,cAAc;YACpC,6BAAc,CAAC,KAAK,CAAC,GAAG,WAAW,IAAI,OAAO,CAAC,MAAM,CAAC,OAAO,8BAA8B,CAAC,CAAC;YAC7F,IAAA,uDAAgD,EAAC,OAAO,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;YAC9E,MAAM;QAER,KAAK,0BAAkB,CAAC,EAAE,CAAC;QAC3B,KAAK,0BAAkB,CAAC,EAAE;YACxB,6BAAc,CAAC,KAAK,CAAC,GAAG,WAAW,IAAI,OAAO,CAAC,MAAM,CAAC,OAAO,kBAAkB,CAAC,CAAC;YACjF,IAAA,+CAAwC,EAAC,OAAO,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;YACtE,MAAM;QAER;YACE,6BAAc,CAAC,KAAK,CAAC,yDAAyD,CAAC,CAAC;IACpF,CAAC;AACH,CAAC","sourcesContent":["import { internalLogger } from '../dependencies';\nimport type { ReactIntegrationConfig } from '../types';\n\nimport { ReactRouterVersion } from './types';\nimport { initializeReactRouterV4V5Instrumentation } from './v4v5';\nimport { initializeReactRouterV6DataRouterInstrumentation, initializeReactRouterV6Instrumentation } from './v6v7';\n\nexport function initializeReactRouterInstrumentation(options: ReactIntegrationConfig): void {\n  const initMessage = 'Initializing React Router';\n\n  switch (options.router?.version) {\n    case ReactRouterVersion.V7:\n    case ReactRouterVersion.V6:\n      internalLogger.debug(`${initMessage} ${options.router.version} instrumentation`);\n      initializeReactRouterV6Instrumentation(options.router.dependencies);\n      break;\n\n    case ReactRouterVersion.V7_data_router:\n    case ReactRouterVersion.V6_data_router:\n      internalLogger.debug(`${initMessage} ${options.router.version} data router instrumentation`);\n      initializeReactRouterV6DataRouterInstrumentation(options.router.dependencies);\n      break;\n\n    case ReactRouterVersion.V5:\n    case ReactRouterVersion.V4:\n      internalLogger.debug(`${initMessage} ${options.router.version} instrumentation`);\n      initializeReactRouterV4V5Instrumentation(options.router.dependencies);\n      break;\n\n    default:\n      internalLogger.debug('Skipping initialization of React Router instrumentation');\n  }\n}\n"]}

package/dist/cjs/router/v4v5/FaroRoute.js

@@ -1,28 +1,17 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FaroRoute = FaroRoute;
-var react_1 = __importDefault(require("react"));
-var activeEvent_1 = require("./activeEvent");
-var routerDependencies_1 = require("./routerDependencies");
+const react_1 = __importDefault(require("react"));
+const activeEvent_1 = require("./activeEvent");
+const routerDependencies_1 = require("./routerDependencies");
 function FaroRoute(props) {
     var _a;
     if ((_a = props === null || props === void 0 ? void 0 : props.computedMatch) === null || _a === void 0 ? void 0 : _a.isExact) {
         (0, activeEvent_1.setActiveEventRoute)(props.computedMatch.path);
     }
-    return react_1.default.createElement(routerDependencies_1.Route, __assign({}, props));
+    return react_1.default.createElement(routerDependencies_1.Route, Object.assign({}, props));
 }
 //# sourceMappingURL=FaroRoute.js.map

package/dist/cjs/router/v4v5/FaroRoute.js.map

@@ -1 +1 @@
-{"version":3,"file":"FaroRoute.js","sourceRoot":"","sources":["../../../../src/router/v4v5/FaroRoute.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAMA,8BAMC;AAZD,gDAA0B;AAE1B,6CAAoD;AACpD,2DAA6C;AAG7C,SAAgB,SAAS,CAAC,KAAgC;;IACxD,IAAI,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,aAAa,0CAAE,OAAO,EAAE,CAAC;QAClC,IAAA,iCAAmB,EAAC,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;IAChD,CAAC;IAED,OAAO,8BAAC,0BAAK,eAAK,KAAK,EAAI,CAAC;AAC9B,CAAC","sourcesContent":["import React from 'react';\n\nimport { setActiveEventRoute } from './activeEvent';\nimport { Route } from './routerDependencies';\nimport type { ReactRouterV4V5RouteProps } from './types';\n\nexport function FaroRoute(props: ReactRouterV4V5RouteProps) {\n  if (props?.computedMatch?.isExact) {\n    setActiveEventRoute(props.computedMatch.path);\n  }\n\n  return <Route {...props} />;\n}\n"]}
+{"version":3,"file":"FaroRoute.js","sourceRoot":"","sources":["../../../../src/router/v4v5/FaroRoute.tsx"],"names":[],"mappings":";;;;;AAMA,8BAMC;AAZD,kDAA0B;AAE1B,+CAAoD;AACpD,6DAA6C;AAG7C,SAAgB,SAAS,CAAC,KAAgC;;IACxD,IAAI,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,aAAa,0CAAE,OAAO,EAAE,CAAC;QAClC,IAAA,iCAAmB,EAAC,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;IAChD,CAAC;IAED,OAAO,8BAAC,0BAAK,oBAAK,KAAK,EAAI,CAAC;AAC9B,CAAC","sourcesContent":["import React from 'react';\n\nimport { setActiveEventRoute } from './activeEvent';\nimport { Route } from './routerDependencies';\nimport type { ReactRouterV4V5RouteProps } from './types';\n\nexport function FaroRoute(props: ReactRouterV4V5RouteProps) {\n  if (props?.computedMatch?.isExact) {\n    setActiveEventRoute(props.computedMatch.path);\n  }\n\n  return <Route {...props} />;\n}\n"]}

package/dist/cjs/router/v4v5/activeEvent.js

@@ -4,13 +4,13 @@ exports.activeEvent = void 0;
 exports.createNewActiveEvent = createNewActiveEvent;
 exports.setActiveEventRoute = setActiveEventRoute;
 exports.sendActiveEvent = sendActiveEvent;
-var faro_web_sdk_1 = require("@grafana/faro-web-sdk");
-var dependencies_1 = require("../../dependencies");
+const faro_web_sdk_1 = require("@grafana/faro-web-sdk");
+const dependencies_1 = require("../../dependencies");
 exports.activeEvent = undefined;
 function createNewActiveEvent(url) {
     exports.activeEvent = {
         route: '',
-        url: url,
+        url,
     };
     return exports.activeEvent;
 }

package/dist/cjs/router/v4v5/activeEvent.js.map

@@ -1 +1 @@
-{"version":3,"file":"activeEvent.js","sourceRoot":"","sources":["../../../../src/router/v4v5/activeEvent.ts"],"names":[],"mappings":";;;AAQA,oDAOC;AAED,kDAIC;AAED,0CAIC;AA3BD,sDAA2D;AAE3D,mDAAyC;AAI9B,QAAA,WAAW,GAA2C,SAAS,CAAC;AAE3E,SAAgB,oBAAoB,CAAC,GAAW;IAC9C,mBAAW,GAAG;QACZ,KAAK,EAAE,EAAE;QACT,GAAG,KAAA;KACJ,CAAC;IAEF,OAAO,mBAAW,CAAC;AACrB,CAAC;AAED,SAAgB,mBAAmB,CAAC,KAAa;IAC/C,IAAI,mBAAW,EAAE,CAAC;QAChB,mBAAW,CAAC,KAAK,GAAG,KAAK,CAAC;IAC5B,CAAC;AACH,CAAC;AAED,SAAgB,eAAe;IAC7B,kBAAG,CAAC,SAAS,CAAC,iCAAkB,EAAE,mBAAW,EAAE,SAAS,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC,CAAC;IAEhF,mBAAW,GAAG,SAAS,CAAC;AAC1B,CAAC","sourcesContent":["import { EVENT_ROUTE_CHANGE } from '@grafana/faro-web-sdk';\n\nimport { api } from '../../dependencies';\n\nimport type { ReactRouterV4V5ActiveEvent } from './types';\n\nexport let activeEvent: ReactRouterV4V5ActiveEvent | undefined = undefined;\n\nexport function createNewActiveEvent(url: string): ReactRouterV4V5ActiveEvent {\n  activeEvent = {\n    route: '',\n    url,\n  };\n\n  return activeEvent;\n}\n\nexport function setActiveEventRoute(route: string): void {\n  if (activeEvent) {\n    activeEvent.route = route;\n  }\n}\n\nexport function sendActiveEvent(): void {\n  api.pushEvent(EVENT_ROUTE_CHANGE, activeEvent, undefined, { skipDedupe: true });\n\n  activeEvent = undefined;\n}\n"]}
+{"version":3,"file":"activeEvent.js","sourceRoot":"","sources":["../../../../src/router/v4v5/activeEvent.ts"],"names":[],"mappings":";;;AAQA,oDAOC;AAED,kDAIC;AAED,0CAIC;AA3BD,wDAA2D;AAE3D,qDAAyC;AAI9B,QAAA,WAAW,GAA2C,SAAS,CAAC;AAE3E,SAAgB,oBAAoB,CAAC,GAAW;IAC9C,mBAAW,GAAG;QACZ,KAAK,EAAE,EAAE;QACT,GAAG;KACJ,CAAC;IAEF,OAAO,mBAAW,CAAC;AACrB,CAAC;AAED,SAAgB,mBAAmB,CAAC,KAAa;IAC/C,IAAI,mBAAW,EAAE,CAAC;QAChB,mBAAW,CAAC,KAAK,GAAG,KAAK,CAAC;IAC5B,CAAC;AACH,CAAC;AAED,SAAgB,eAAe;IAC7B,kBAAG,CAAC,SAAS,CAAC,iCAAkB,EAAE,mBAAW,EAAE,SAAS,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC,CAAC;IAEhF,mBAAW,GAAG,SAAS,CAAC;AAC1B,CAAC","sourcesContent":["import { EVENT_ROUTE_CHANGE } from '@grafana/faro-web-sdk';\n\nimport { api } from '../../dependencies';\n\nimport type { ReactRouterV4V5ActiveEvent } from './types';\n\nexport let activeEvent: ReactRouterV4V5ActiveEvent | undefined = undefined;\n\nexport function createNewActiveEvent(url: string): ReactRouterV4V5ActiveEvent {\n  activeEvent = {\n    route: '',\n    url,\n  };\n\n  return activeEvent;\n}\n\nexport function setActiveEventRoute(route: string): void {\n  if (activeEvent) {\n    activeEvent.route = route;\n  }\n}\n\nexport function sendActiveEvent(): void {\n  api.pushEvent(EVENT_ROUTE_CHANGE, activeEvent, undefined, { skipDedupe: true });\n\n  activeEvent = undefined;\n}\n"]}

package/dist/cjs/router/v4v5/initialize.js

@@ -6,21 +6,21 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.initializeReactRouterV4V5Instrumentation = initializeReactRouterV4V5Instrumentation;
 exports.createReactRouterV4Options = createReactRouterV4Options;
 exports.createReactRouterV5Options = createReactRouterV5Options;
-var hoist_non_react_statics_1 = __importDefault(require("hoist-non-react-statics"));
-var faro_web_sdk_1 = require("@grafana/faro-web-sdk");
-var types_1 = require("../types");
-var activeEvent_1 = require("./activeEvent");
-var FaroRoute_1 = require("./FaroRoute");
-var routerDependencies_1 = require("./routerDependencies");
+const hoist_non_react_statics_1 = __importDefault(require("hoist-non-react-statics"));
+const faro_web_sdk_1 = require("@grafana/faro-web-sdk");
+const types_1 = require("../types");
+const activeEvent_1 = require("./activeEvent");
+const FaroRoute_1 = require("./FaroRoute");
+const routerDependencies_1 = require("./routerDependencies");
 function initializeReactRouterV4V5Instrumentation(dependencies) {
     var _a, _b, _c, _d;
-    var Route = dependencies.Route;
-    var componentDisplayName = (_a = Route.displayName) !== null && _a !== void 0 ? _a : Route.name;
-    FaroRoute_1.FaroRoute.displayName = "faroRoute(".concat(componentDisplayName, ")");
+    const Route = dependencies.Route;
+    const componentDisplayName = (_a = Route.displayName) !== null && _a !== void 0 ? _a : Route.name;
+    FaroRoute_1.FaroRoute.displayName = `faroRoute(${componentDisplayName})`;
     (0, hoist_non_react_statics_1.default)(FaroRoute_1.FaroRoute, Route);
     (0, routerDependencies_1.setReactRouterV4V5Dependencies)(dependencies);
     (0, activeEvent_1.createNewActiveEvent)((_b = faro_web_sdk_1.globalObject.location) === null || _b === void 0 ? void 0 : _b.href);
-    (_d = (_c = dependencies.history).listen) === null || _d === void 0 ? void 0 : _d.call(_c, function (_location, action) {
+    (_d = (_c = dependencies.history).listen) === null || _d === void 0 ? void 0 : _d.call(_c, (_location, action) => {
         var _a;
         if (action === types_1.NavigationType.Push || action === types_1.NavigationType.Pop) {
             (0, activeEvent_1.sendActiveEvent)();
@@ -31,13 +31,13 @@ function initializeReactRouterV4V5Instrumentation(dependencies) {
 function createReactRouterV4Options(dependencies) {
     return {
         version: types_1.ReactRouterVersion.V4,
-        dependencies: dependencies,
+        dependencies,
     };
 }
 function createReactRouterV5Options(dependencies) {
     return {
         version: types_1.ReactRouterVersion.V5,
-        dependencies: dependencies,
+        dependencies,
     };
 }
 //# sourceMappingURL=initialize.js.map

package/dist/cjs/router/v4v5/initialize.js.map

@@ -1 +1 @@
-{"version":3,"file":"initialize.js","sourceRoot":"","sources":["../../../../src/router/v4v5/initialize.ts"],"names":[],"mappings":";;;;;AAaA,4FAiBC;AAED,gEAKC;AAED,gEAKC;AA5CD,oFAA2D;AAG3D,sDAAqD;AAGrD,kCAA8D;AAE9D,6CAAsE;AACtE,yCAAwC;AACxC,2DAAsE;AAGtE,SAAgB,wCAAwC,CAAC,YAAyC;;IAChG,IAAM,KAAK,GAAG,YAAY,CAAC,KAA0B,CAAC;IACtD,IAAM,oBAAoB,GAAG,MAAA,KAAK,CAAC,WAAW,mCAAI,KAAK,CAAC,IAAI,CAAC;IAC5D,qBAA+B,CAAC,WAAW,GAAG,oBAAa,oBAAoB,MAAG,CAAC;IACpF,IAAA,iCAAoB,EAAC,qBAAS,EAAE,KAAK,CAAC,CAAC;IAEvC,IAAA,mDAA8B,EAAC,YAAY,CAAC,CAAC;IAE7C,IAAA,kCAAoB,EAAC,MAAA,2BAAY,CAAC,QAAQ,0CAAE,IAAI,CAAC,CAAC;IAElD,MAAA,MAAA,YAAY,CAAC,OAAO,EAAC,MAAM,mDAAG,UAAC,SAAS,EAAE,MAAM;;QAC9C,IAAI,MAAM,KAAK,sBAAc,CAAC,IAAI,IAAI,MAAM,KAAK,sBAAc,CAAC,GAAG,EAAE,CAAC;YACpE,IAAA,6BAAe,GAAE,CAAC;YAElB,IAAA,kCAAoB,EAAC,MAAA,2BAAY,CAAC,QAAQ,0CAAE,IAAI,CAAC,CAAC;QACpD,CAAC;IACH,CAAC,CAAC,CAAC;AACL,CAAC;AAED,SAAgB,0BAA0B,CAAC,YAAyC;IAClF,OAAO;QACL,OAAO,EAAE,0BAAkB,CAAC,EAAE;QAC9B,YAAY,cAAA;KACb,CAAC;AACJ,CAAC;AAED,SAAgB,0BAA0B,CAAC,YAAyC;IAClF,OAAO;QACL,OAAO,EAAE,0BAAkB,CAAC,EAAE;QAC9B,YAAY,cAAA;KACb,CAAC;AACJ,CAAC","sourcesContent":["import hoistNonReactStatics from 'hoist-non-react-statics';\nimport type { FunctionComponent } from 'react';\n\nimport { globalObject } from '@grafana/faro-web-sdk';\n\nimport type { ReactRouterV4V5Config } from '../../types';\nimport { NavigationType, ReactRouterVersion } from '../types';\n\nimport { createNewActiveEvent, sendActiveEvent } from './activeEvent';\nimport { FaroRoute } from './FaroRoute';\nimport { setReactRouterV4V5Dependencies } from './routerDependencies';\nimport type { ReactRouterV4V5Dependencies } from './types';\n\nexport function initializeReactRouterV4V5Instrumentation(dependencies: ReactRouterV4V5Dependencies): void {\n  const Route = dependencies.Route as FunctionComponent;\n  const componentDisplayName = Route.displayName ?? Route.name;\n  (FaroRoute as FunctionComponent).displayName = `faroRoute(${componentDisplayName})`;\n  hoistNonReactStatics(FaroRoute, Route);\n\n  setReactRouterV4V5Dependencies(dependencies);\n\n  createNewActiveEvent(globalObject.location?.href);\n\n  dependencies.history.listen?.((_location, action) => {\n    if (action === NavigationType.Push || action === NavigationType.Pop) {\n      sendActiveEvent();\n\n      createNewActiveEvent(globalObject.location?.href);\n    }\n  });\n}\n\nexport function createReactRouterV4Options(dependencies: ReactRouterV4V5Dependencies): ReactRouterV4V5Config {\n  return {\n    version: ReactRouterVersion.V4,\n    dependencies,\n  };\n}\n\nexport function createReactRouterV5Options(dependencies: ReactRouterV4V5Dependencies): ReactRouterV4V5Config {\n  return {\n    version: ReactRouterVersion.V5,\n    dependencies,\n  };\n}\n"]}
+{"version":3,"file":"initialize.js","sourceRoot":"","sources":["../../../../src/router/v4v5/initialize.ts"],"names":[],"mappings":";;;;;AAaA,4FAiBC;AAED,gEAKC;AAED,gEAKC;AA5CD,sFAA2D;AAG3D,wDAAqD;AAGrD,oCAA8D;AAE9D,+CAAsE;AACtE,2CAAwC;AACxC,6DAAsE;AAGtE,SAAgB,wCAAwC,CAAC,YAAyC;;IAChG,MAAM,KAAK,GAAG,YAAY,CAAC,KAA0B,CAAC;IACtD,MAAM,oBAAoB,GAAG,MAAA,KAAK,CAAC,WAAW,mCAAI,KAAK,CAAC,IAAI,CAAC;IAC5D,qBAA+B,CAAC,WAAW,GAAG,aAAa,oBAAoB,GAAG,CAAC;IACpF,IAAA,iCAAoB,EAAC,qBAAS,EAAE,KAAK,CAAC,CAAC;IAEvC,IAAA,mDAA8B,EAAC,YAAY,CAAC,CAAC;IAE7C,IAAA,kCAAoB,EAAC,MAAA,2BAAY,CAAC,QAAQ,0CAAE,IAAI,CAAC,CAAC;IAElD,MAAA,MAAA,YAAY,CAAC,OAAO,EAAC,MAAM,mDAAG,CAAC,SAAS,EAAE,MAAM,EAAE,EAAE;;QAClD,IAAI,MAAM,KAAK,sBAAc,CAAC,IAAI,IAAI,MAAM,KAAK,sBAAc,CAAC,GAAG,EAAE,CAAC;YACpE,IAAA,6BAAe,GAAE,CAAC;YAElB,IAAA,kCAAoB,EAAC,MAAA,2BAAY,CAAC,QAAQ,0CAAE,IAAI,CAAC,CAAC;QACpD,CAAC;IACH,CAAC,CAAC,CAAC;AACL,CAAC;AAED,SAAgB,0BAA0B,CAAC,YAAyC;IAClF,OAAO;QACL,OAAO,EAAE,0BAAkB,CAAC,EAAE;QAC9B,YAAY;KACb,CAAC;AACJ,CAAC;AAED,SAAgB,0BAA0B,CAAC,YAAyC;IAClF,OAAO;QACL,OAAO,EAAE,0BAAkB,CAAC,EAAE;QAC9B,YAAY;KACb,CAAC;AACJ,CAAC","sourcesContent":["import hoistNonReactStatics from 'hoist-non-react-statics';\nimport type { FunctionComponent } from 'react';\n\nimport { globalObject } from '@grafana/faro-web-sdk';\n\nimport type { ReactRouterV4V5Config } from '../../types';\nimport { NavigationType, ReactRouterVersion } from '../types';\n\nimport { createNewActiveEvent, sendActiveEvent } from './activeEvent';\nimport { FaroRoute } from './FaroRoute';\nimport { setReactRouterV4V5Dependencies } from './routerDependencies';\nimport type { ReactRouterV4V5Dependencies } from './types';\n\nexport function initializeReactRouterV4V5Instrumentation(dependencies: ReactRouterV4V5Dependencies): void {\n  const Route = dependencies.Route as FunctionComponent;\n  const componentDisplayName = Route.displayName ?? Route.name;\n  (FaroRoute as FunctionComponent).displayName = `faroRoute(${componentDisplayName})`;\n  hoistNonReactStatics(FaroRoute, Route);\n\n  setReactRouterV4V5Dependencies(dependencies);\n\n  createNewActiveEvent(globalObject.location?.href);\n\n  dependencies.history.listen?.((_location, action) => {\n    if (action === NavigationType.Push || action === NavigationType.Pop) {\n      sendActiveEvent();\n\n      createNewActiveEvent(globalObject.location?.href);\n    }\n  });\n}\n\nexport function createReactRouterV4Options(dependencies: ReactRouterV4V5Dependencies): ReactRouterV4V5Config {\n  return {\n    version: ReactRouterVersion.V4,\n    dependencies,\n  };\n}\n\nexport function createReactRouterV5Options(dependencies: ReactRouterV4V5Dependencies): ReactRouterV4V5Config {\n  return {\n    version: ReactRouterVersion.V5,\n    dependencies,\n  };\n}\n"]}

package/dist/cjs/router/v6v7/FaroRoutes.js

@@ -1,15 +1,4 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -45,31 +34,31 @@ var __importStar = (this && this.__importStar) || (function () {
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FaroRoutes = FaroRoutes;
-var react_1 = __importStar(require("react"));
-var faro_web_sdk_1 = require("@grafana/faro-web-sdk");
-var dependencies_1 = require("../../dependencies");
-var types_1 = require("../types");
-var routerDependencies_1 = require("./routerDependencies");
-var utils_1 = require("./utils");
+const react_1 = __importStar(require("react"));
+const faro_web_sdk_1 = require("@grafana/faro-web-sdk");
+const dependencies_1 = require("../../dependencies");
+const types_1 = require("../types");
+const routerDependencies_1 = require("./routerDependencies");
+const utils_1 = require("./utils");
 function FaroRoutes(props) {
     var _a;
-    var location = routerDependencies_1.useLocation === null || routerDependencies_1.useLocation === void 0 ? void 0 : (0, routerDependencies_1.useLocation)();
-    var navigationType = routerDependencies_1.useNavigationType === null || routerDependencies_1.useNavigationType === void 0 ? void 0 : (0, routerDependencies_1.useNavigationType)();
-    var routes = (0, react_1.useMemo)(function () { var _a; return (_a = routerDependencies_1.createRoutesFromChildren === null || routerDependencies_1.createRoutesFromChildren === void 0 ? void 0 : (0, routerDependencies_1.createRoutesFromChildren)(props.children)) !== null && _a !== void 0 ? _a : []; }, [props.children]);
-    var lastRouteRef = (0, react_1.useRef)({});
-    (0, react_1.useEffect)(function () {
+    const location = routerDependencies_1.useLocation === null || routerDependencies_1.useLocation === void 0 ? void 0 : (0, routerDependencies_1.useLocation)();
+    const navigationType = routerDependencies_1.useNavigationType === null || routerDependencies_1.useNavigationType === void 0 ? void 0 : (0, routerDependencies_1.useNavigationType)();
+    const routes = (0, react_1.useMemo)(() => { var _a; return (_a = routerDependencies_1.createRoutesFromChildren === null || routerDependencies_1.createRoutesFromChildren === void 0 ? void 0 : (0, routerDependencies_1.createRoutesFromChildren)(props.children)) !== null && _a !== void 0 ? _a : []; }, [props.children]);
+    const lastRouteRef = (0, react_1.useRef)({});
+    (0, react_1.useEffect)(() => {
         var _a, _b;
         if (routerDependencies_1.isInitialized && (navigationType === types_1.NavigationType.Push || navigationType === types_1.NavigationType.Pop)) {
-            var route = (0, utils_1.getRouteFromLocation)(routes, location);
-            var url = (_a = faro_web_sdk_1.globalObject.location) === null || _a === void 0 ? void 0 : _a.href;
-            dependencies_1.api.pushEvent(faro_web_sdk_1.EVENT_ROUTE_CHANGE, __assign({ toRoute: route, toUrl: (_b = faro_web_sdk_1.globalObject.location) === null || _b === void 0 ? void 0 : _b.href }, lastRouteRef.current));
+            const route = (0, utils_1.getRouteFromLocation)(routes, location);
+            const url = (_a = faro_web_sdk_1.globalObject.location) === null || _a === void 0 ? void 0 : _a.href;
+            dependencies_1.api.pushEvent(faro_web_sdk_1.EVENT_ROUTE_CHANGE, Object.assign({ toRoute: route, toUrl: (_b = faro_web_sdk_1.globalObject.location) === null || _b === void 0 ? void 0 : _b.href }, lastRouteRef.current));
             lastRouteRef.current = {
                 fromRoute: route,
                 fromUrl: url,
             };
         }
     }, [location, navigationType, routes]);
-    var ActualRoutes = (_a = props.routesComponent) !== null && _a !== void 0 ? _a : routerDependencies_1.Routes;
-    return react_1.default.createElement(ActualRoutes, __assign({}, props));
+    const ActualRoutes = (_a = props.routesComponent) !== null && _a !== void 0 ? _a : routerDependencies_1.Routes;
+    return react_1.default.createElement(ActualRoutes, Object.assign({}, props));
 }
 //# sourceMappingURL=FaroRoutes.js.map

package/dist/cjs/router/v6v7/FaroRoutes.js.map

@@ -1 +1 @@
-{"version":3,"file":"FaroRoutes.js","sourceRoot":"","sources":["../../../../src/router/v6v7/FaroRoutes.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,gCA6BC;AAxCD,6CAA0D;AAE1D,sDAAyE;AAEzE,mDAAyC;AACzC,kCAA0C;AAE1C,2DAAuH;AAEvH,iCAA+C;AAE/C,SAAgB,UAAU,CAAC,KAA+B;;IACxD,IAAM,QAAQ,GAAG,gCAAW,aAAX,gCAAW,2BAAX,gCAAW,GAAI,CAAC;IACjC,IAAM,cAAc,GAAG,sCAAiB,aAAjB,sCAAiB,2BAAjB,sCAAiB,GAAI,CAAC;IAE7C,IAAM,MAAM,GAAG,IAAA,eAAO,EAAC,sBAAM,OAAA,MAAA,6CAAwB,aAAxB,6CAAwB,2BAAxB,6CAAwB,EAAG,KAAK,CAAC,QAAQ,CAAC,mCAAI,EAAE,CAAA,EAAA,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEjG,IAAM,YAAY,GAAG,IAAA,cAAM,EAAiC,EAAE,CAAC,CAAC;IAEhE,IAAA,iBAAS,EAAC;;QACR,IAAI,kCAAa,IAAI,CAAC,cAAc,KAAK,sBAAc,CAAC,IAAI,IAAI,cAAc,KAAK,sBAAc,CAAC,GAAG,CAAC,EAAE,CAAC;YACvG,IAAM,KAAK,GAAG,IAAA,4BAAoB,EAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;YACrD,IAAM,GAAG,GAAG,MAAA,2BAAY,CAAC,QAAQ,0CAAE,IAAI,CAAC;YAExC,kBAAG,CAAC,SAAS,CAAC,iCAAkB,aAC9B,OAAO,EAAE,KAAK,EACd,KAAK,EAAE,MAAA,2BAAY,CAAC,QAAQ,0CAAE,IAAI,IAC/B,YAAY,CAAC,OAAO,EACvB,CAAC;YAEH,YAAY,CAAC,OAAO,GAAG;gBACrB,SAAS,EAAE,KAAK;gBAChB,OAAO,EAAE,GAAG;aACb,CAAC;QACJ,CAAC;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,cAAc,EAAE,MAAM,CAAC,CAAC,CAAC;IAEvC,IAAM,YAAY,GAAG,MAAA,KAAK,CAAC,eAAe,mCAAI,2BAAM,CAAC;IAErD,OAAO,8BAAC,YAAY,eAAK,KAAK,EAAI,CAAC;AACrC,CAAC","sourcesContent":["import React, { useEffect, useMemo, useRef } from 'react';\n\nimport { EVENT_ROUTE_CHANGE, globalObject } from '@grafana/faro-web-sdk';\n\nimport { api } from '../../dependencies';\nimport { NavigationType } from '../types';\n\nimport { createRoutesFromChildren, isInitialized, Routes, useLocation, useNavigationType } from './routerDependencies';\nimport type { EventRouteTransitionAttributes, ReactRouterV6RoutesProps } from './types';\nimport { getRouteFromLocation } from './utils';\n\nexport function FaroRoutes(props: ReactRouterV6RoutesProps) {\n  const location = useLocation?.();\n  const navigationType = useNavigationType?.();\n\n  const routes = useMemo(() => createRoutesFromChildren?.(props.children) ?? [], [props.children]);\n\n  const lastRouteRef = useRef<EventRouteTransitionAttributes>({});\n\n  useEffect(() => {\n    if (isInitialized && (navigationType === NavigationType.Push || navigationType === NavigationType.Pop)) {\n      const route = getRouteFromLocation(routes, location);\n      const url = globalObject.location?.href;\n\n      api.pushEvent(EVENT_ROUTE_CHANGE, {\n        toRoute: route,\n        toUrl: globalObject.location?.href,\n        ...lastRouteRef.current,\n      });\n\n      lastRouteRef.current = {\n        fromRoute: route,\n        fromUrl: url,\n      };\n    }\n  }, [location, navigationType, routes]);\n\n  const ActualRoutes = props.routesComponent ?? Routes;\n\n  return <ActualRoutes {...props} />;\n}\n"]}
+{"version":3,"file":"FaroRoutes.js","sourceRoot":"","sources":["../../../../src/router/v6v7/FaroRoutes.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,gCA6BC;AAxCD,+CAA0D;AAE1D,wDAAyE;AAEzE,qDAAyC;AACzC,oCAA0C;AAE1C,6DAAuH;AAEvH,mCAA+C;AAE/C,SAAgB,UAAU,CAAC,KAA+B;;IACxD,MAAM,QAAQ,GAAG,gCAAW,aAAX,gCAAW,2BAAX,gCAAW,GAAI,CAAC;IACjC,MAAM,cAAc,GAAG,sCAAiB,aAAjB,sCAAiB,2BAAjB,sCAAiB,GAAI,CAAC;IAE7C,MAAM,MAAM,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,WAAC,OAAA,MAAA,6CAAwB,aAAxB,6CAAwB,2BAAxB,6CAAwB,EAAG,KAAK,CAAC,QAAQ,CAAC,mCAAI,EAAE,CAAA,EAAA,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEjG,MAAM,YAAY,GAAG,IAAA,cAAM,EAAiC,EAAE,CAAC,CAAC;IAEhE,IAAA,iBAAS,EAAC,GAAG,EAAE;;QACb,IAAI,kCAAa,IAAI,CAAC,cAAc,KAAK,sBAAc,CAAC,IAAI,IAAI,cAAc,KAAK,sBAAc,CAAC,GAAG,CAAC,EAAE,CAAC;YACvG,MAAM,KAAK,GAAG,IAAA,4BAAoB,EAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;YACrD,MAAM,GAAG,GAAG,MAAA,2BAAY,CAAC,QAAQ,0CAAE,IAAI,CAAC;YAExC,kBAAG,CAAC,SAAS,CAAC,iCAAkB,kBAC9B,OAAO,EAAE,KAAK,EACd,KAAK,EAAE,MAAA,2BAAY,CAAC,QAAQ,0CAAE,IAAI,IAC/B,YAAY,CAAC,OAAO,EACvB,CAAC;YAEH,YAAY,CAAC,OAAO,GAAG;gBACrB,SAAS,EAAE,KAAK;gBAChB,OAAO,EAAE,GAAG;aACb,CAAC;QACJ,CAAC;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,cAAc,EAAE,MAAM,CAAC,CAAC,CAAC;IAEvC,MAAM,YAAY,GAAG,MAAA,KAAK,CAAC,eAAe,mCAAI,2BAAM,CAAC;IAErD,OAAO,8BAAC,YAAY,oBAAK,KAAK,EAAI,CAAC;AACrC,CAAC","sourcesContent":["import React, { useEffect, useMemo, useRef } from 'react';\n\nimport { EVENT_ROUTE_CHANGE, globalObject } from '@grafana/faro-web-sdk';\n\nimport { api } from '../../dependencies';\nimport { NavigationType } from '../types';\n\nimport { createRoutesFromChildren, isInitialized, Routes, useLocation, useNavigationType } from './routerDependencies';\nimport type { EventRouteTransitionAttributes, ReactRouterV6RoutesProps } from './types';\nimport { getRouteFromLocation } from './utils';\n\nexport function FaroRoutes(props: ReactRouterV6RoutesProps) {\n  const location = useLocation?.();\n  const navigationType = useNavigationType?.();\n\n  const routes = useMemo(() => createRoutesFromChildren?.(props.children) ?? [], [props.children]);\n\n  const lastRouteRef = useRef<EventRouteTransitionAttributes>({});\n\n  useEffect(() => {\n    if (isInitialized && (navigationType === NavigationType.Push || navigationType === NavigationType.Pop)) {\n      const route = getRouteFromLocation(routes, location);\n      const url = globalObject.location?.href;\n\n      api.pushEvent(EVENT_ROUTE_CHANGE, {\n        toRoute: route,\n        toUrl: globalObject.location?.href,\n        ...lastRouteRef.current,\n      });\n\n      lastRouteRef.current = {\n        fromRoute: route,\n        fromUrl: url,\n      };\n    }\n  }, [location, navigationType, routes]);\n\n  const ActualRoutes = props.routesComponent ?? Routes;\n\n  return <ActualRoutes {...props} />;\n}\n"]}

package/dist/cjs/router/v6v7/initialize.js

@@ -9,10 +9,10 @@ exports.initializeReactRouterV6DataRouterInstrumentation = initializeReactRouter
 exports.createReactRouterV6DataOptions = createReactRouterV6DataOptions;
 exports.createReactRouterV7Options = createReactRouterV7Options;
 exports.createReactRouterV7DataOptions = createReactRouterV7DataOptions;
-var hoist_non_react_statics_1 = __importDefault(require("hoist-non-react-statics"));
-var types_1 = require("../types");
-var FaroRoutes_1 = require("./FaroRoutes");
-var routerDependencies_1 = require("./routerDependencies");
+const hoist_non_react_statics_1 = __importDefault(require("hoist-non-react-statics"));
+const types_1 = require("../types");
+const FaroRoutes_1 = require("./FaroRoutes");
+const routerDependencies_1 = require("./routerDependencies");
 function initializeReactRouterV6Instrumentation(dependencies) {
     (0, hoist_non_react_statics_1.default)(FaroRoutes_1.FaroRoutes, dependencies.Routes);
     (0, routerDependencies_1.setReactRouterV6Dependencies)(dependencies);
@@ -20,7 +20,7 @@ function initializeReactRouterV6Instrumentation(dependencies) {
 function createReactRouterV6Options(dependencies) {
     return {
         version: types_1.ReactRouterVersion.V6,
-        dependencies: dependencies,
+        dependencies,
     };
 }
 function initializeReactRouterV6DataRouterInstrumentation(dependencies) {
@@ -29,19 +29,19 @@ function initializeReactRouterV6DataRouterInstrumentation(dependencies) {
 function createReactRouterV6DataOptions(dependencies) {
     return {
         version: types_1.ReactRouterVersion.V6_data_router,
-        dependencies: dependencies,
+        dependencies,
     };
 }
 function createReactRouterV7Options(dependencies) {
     return {
         version: types_1.ReactRouterVersion.V7,
-        dependencies: dependencies,
+        dependencies,
     };
 }
 function createReactRouterV7DataOptions(dependencies) {
     return {
         version: types_1.ReactRouterVersion.V7_data_router,
-        dependencies: dependencies,
+        dependencies,
     };
 }
 //# sourceMappingURL=initialize.js.map

package/dist/cjs/router/v6v7/initialize.js.map

@@ -1 +1 @@
-{"version":3,"file":"initialize.js","sourceRoot":"","sources":["../../../../src/router/v6v7/initialize.ts"],"names":[],"mappings":";;;;;AAiBA,wFAGC;AAED,gEAKC;AAED,4GAIC;AAED,wEAOC;AAED,gEAKC;AAED,wEAOC;AA1DD,oFAA2D;AAQ3D,kCAA8C;AAE9C,2CAA0C;AAC1C,2DAG8B;AAG9B,SAAgB,sCAAsC,CAAC,YAAuC;IAC5F,IAAA,iCAAoB,EAAC,uBAAU,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC;IACtD,IAAA,iDAA4B,EAAC,YAAY,CAAC,CAAC;AAC7C,CAAC;AAED,SAAgB,0BAA0B,CAAC,YAAuC;IAChF,OAAO;QACL,OAAO,EAAE,0BAAkB,CAAC,EAAE;QAC9B,YAAY,cAAA;KACb,CAAC;AACJ,CAAC;AAED,SAAgB,gDAAgD,CAC9D,YAAiD;IAEjD,IAAA,2DAAsC,EAAC,YAAY,CAAC,CAAC;AACvD,CAAC;AAED,SAAgB,8BAA8B,CAC5C,YAAiD;IAEjD,OAAO;QACL,OAAO,EAAE,0BAAkB,CAAC,cAAc;QAC1C,YAAY,cAAA;KACb,CAAC;AACJ,CAAC;AAED,SAAgB,0BAA0B,CAAC,YAAuC;IAChF,OAAO;QACL,OAAO,EAAE,0BAAkB,CAAC,EAAE;QAC9B,YAAY,cAAA;KACb,CAAC;AACJ,CAAC;AAED,SAAgB,8BAA8B,CAC5C,YAAiD;IAEjD,OAAO;QACL,OAAO,EAAE,0BAAkB,CAAC,cAAc;QAC1C,YAAY,cAAA;KACb,CAAC;AACJ,CAAC","sourcesContent":["import hoistNonReactStatics from 'hoist-non-react-statics';\n\nimport type {\n  ReactRouterV6Config,\n  ReactRouterV6DataRouterConfig,\n  ReactRouterV7Config,\n  ReactRouterV7DataRouterConfig,\n} from '../../types';\nimport { ReactRouterVersion } from '../types';\n\nimport { FaroRoutes } from './FaroRoutes';\nimport {\n  setReactRouterV6DataRouterDependencies as setReactRouterV6DataRouterDependencies,\n  setReactRouterV6Dependencies,\n} from './routerDependencies';\nimport type { ReactRouterV6DataRouterDependencies, ReactRouterV6Dependencies } from './types';\n\nexport function initializeReactRouterV6Instrumentation(dependencies: ReactRouterV6Dependencies): void {\n  hoistNonReactStatics(FaroRoutes, dependencies.Routes);\n  setReactRouterV6Dependencies(dependencies);\n}\n\nexport function createReactRouterV6Options(dependencies: ReactRouterV6Dependencies): ReactRouterV6Config {\n  return {\n    version: ReactRouterVersion.V6,\n    dependencies,\n  };\n}\n\nexport function initializeReactRouterV6DataRouterInstrumentation(\n  dependencies: ReactRouterV6DataRouterDependencies\n): void {\n  setReactRouterV6DataRouterDependencies(dependencies);\n}\n\nexport function createReactRouterV6DataOptions(\n  dependencies: ReactRouterV6DataRouterDependencies\n): ReactRouterV6DataRouterConfig {\n  return {\n    version: ReactRouterVersion.V6_data_router,\n    dependencies,\n  };\n}\n\nexport function createReactRouterV7Options(dependencies: ReactRouterV6Dependencies): ReactRouterV7Config {\n  return {\n    version: ReactRouterVersion.V7,\n    dependencies,\n  };\n}\n\nexport function createReactRouterV7DataOptions(\n  dependencies: ReactRouterV6DataRouterDependencies\n): ReactRouterV7DataRouterConfig {\n  return {\n    version: ReactRouterVersion.V7_data_router,\n    dependencies,\n  };\n}\n"]}
+{"version":3,"file":"initialize.js","sourceRoot":"","sources":["../../../../src/router/v6v7/initialize.ts"],"names":[],"mappings":";;;;;AAiBA,wFAGC;AAED,gEAKC;AAED,4GAIC;AAED,wEAOC;AAED,gEAKC;AAED,wEAOC;AA1DD,sFAA2D;AAQ3D,oCAA8C;AAE9C,6CAA0C;AAC1C,6DAG8B;AAG9B,SAAgB,sCAAsC,CAAC,YAAuC;IAC5F,IAAA,iCAAoB,EAAC,uBAAU,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC;IACtD,IAAA,iDAA4B,EAAC,YAAY,CAAC,CAAC;AAC7C,CAAC;AAED,SAAgB,0BAA0B,CAAC,YAAuC;IAChF,OAAO;QACL,OAAO,EAAE,0BAAkB,CAAC,EAAE;QAC9B,YAAY;KACb,CAAC;AACJ,CAAC;AAED,SAAgB,gDAAgD,CAC9D,YAAiD;IAEjD,IAAA,2DAAsC,EAAC,YAAY,CAAC,CAAC;AACvD,CAAC;AAED,SAAgB,8BAA8B,CAC5C,YAAiD;IAEjD,OAAO;QACL,OAAO,EAAE,0BAAkB,CAAC,cAAc;QAC1C,YAAY;KACb,CAAC;AACJ,CAAC;AAED,SAAgB,0BAA0B,CAAC,YAAuC;IAChF,OAAO;QACL,OAAO,EAAE,0BAAkB,CAAC,EAAE;QAC9B,YAAY;KACb,CAAC;AACJ,CAAC;AAED,SAAgB,8BAA8B,CAC5C,YAAiD;IAEjD,OAAO;QACL,OAAO,EAAE,0BAAkB,CAAC,cAAc;QAC1C,YAAY;KACb,CAAC;AACJ,CAAC","sourcesContent":["import hoistNonReactStatics from 'hoist-non-react-statics';\n\nimport type {\n  ReactRouterV6Config,\n  ReactRouterV6DataRouterConfig,\n  ReactRouterV7Config,\n  ReactRouterV7DataRouterConfig,\n} from '../../types';\nimport { ReactRouterVersion } from '../types';\n\nimport { FaroRoutes } from './FaroRoutes';\nimport {\n  setReactRouterV6DataRouterDependencies as setReactRouterV6DataRouterDependencies,\n  setReactRouterV6Dependencies,\n} from './routerDependencies';\nimport type { ReactRouterV6DataRouterDependencies, ReactRouterV6Dependencies } from './types';\n\nexport function initializeReactRouterV6Instrumentation(dependencies: ReactRouterV6Dependencies): void {\n  hoistNonReactStatics(FaroRoutes, dependencies.Routes);\n  setReactRouterV6Dependencies(dependencies);\n}\n\nexport function createReactRouterV6Options(dependencies: ReactRouterV6Dependencies): ReactRouterV6Config {\n  return {\n    version: ReactRouterVersion.V6,\n    dependencies,\n  };\n}\n\nexport function initializeReactRouterV6DataRouterInstrumentation(\n  dependencies: ReactRouterV6DataRouterDependencies\n): void {\n  setReactRouterV6DataRouterDependencies(dependencies);\n}\n\nexport function createReactRouterV6DataOptions(\n  dependencies: ReactRouterV6DataRouterDependencies\n): ReactRouterV6DataRouterConfig {\n  return {\n    version: ReactRouterVersion.V6_data_router,\n    dependencies,\n  };\n}\n\nexport function createReactRouterV7Options(dependencies: ReactRouterV6Dependencies): ReactRouterV7Config {\n  return {\n    version: ReactRouterVersion.V7,\n    dependencies,\n  };\n}\n\nexport function createReactRouterV7DataOptions(\n  dependencies: ReactRouterV6DataRouterDependencies\n): ReactRouterV7DataRouterConfig {\n  return {\n    version: ReactRouterVersion.V7_data_router,\n    dependencies,\n  };\n}\n"]}

package/dist/cjs/router/v6v7/utils.js

@@ -2,27 +2,27 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getNumberOfUrlSegments = getNumberOfUrlSegments;
 exports.getRouteFromLocation = getRouteFromLocation;
-var routerDependencies_1 = require("./routerDependencies");
+const routerDependencies_1 = require("./routerDependencies");
 function getNumberOfUrlSegments(url) {
-    return url.split(/\\?\//).filter(function (currentSegment) { return currentSegment.length > 0 && currentSegment !== ','; }).length;
+    return url.split(/\\?\//).filter((currentSegment) => currentSegment.length > 0 && currentSegment !== ',').length;
 }
 function getRouteFromLocation(routes, location) {
     if (!routes || routes.length === 0) {
         return location.pathname;
     }
-    var matchedRoutes = (0, routerDependencies_1.matchRoutes)(routes, location);
-    var pathBuilder = '';
+    const matchedRoutes = (0, routerDependencies_1.matchRoutes)(routes, location);
+    let pathBuilder = '';
     if (matchedRoutes) {
-        for (var x = 0; x < matchedRoutes.length; x++) {
-            var branch = matchedRoutes[x];
-            var route = branch.route;
+        for (let x = 0; x < matchedRoutes.length; x++) {
+            const branch = matchedRoutes[x];
+            const route = branch.route;
             if (route) {
                 if (route.index) {
                     return branch.pathname;
                 }
-                var path = route.path;
+                let path = route.path;
                 if (path) {
-                    path = path.startsWith('/') ? path : "/".concat(path);
+                    path = path.startsWith('/') ? path : `/${path}`;
                     pathBuilder += path;
                     if (branch.pathname === location.pathname) {
                         if (getNumberOfUrlSegments(pathBuilder) !== getNumberOfUrlSegments(branch.pathname)) {

package/dist/cjs/router/v6v7/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/router/v6v7/utils.ts"],"names":[],"mappings":";;AAKA,wDAEC;AAED,oDAuCC;AA9CD,2DAAmD;AAGnD,SAAgB,sBAAsB,CAAC,GAAW;IAChD,OAAO,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,UAAC,cAAc,IAAK,OAAA,cAAc,CAAC,MAAM,GAAG,CAAC,IAAI,cAAc,KAAK,GAAG,EAAnD,CAAmD,CAAC,CAAC,MAAM,CAAC;AACnH,CAAC;AAED,SAAgB,oBAAoB,CAAC,MAAkC,EAAE,QAA6B;IACpG,IAAI,CAAC,MAAM,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACnC,OAAO,QAAQ,CAAC,QAAQ,CAAC;IAC3B,CAAC;IAED,IAAM,aAAa,GAAG,IAAA,gCAAW,EAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;IAEpD,IAAI,WAAW,GAAG,EAAE,CAAC;IAErB,IAAI,aAAa,EAAE,CAAC;QAClB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,aAAa,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;YAC9C,IAAM,MAAM,GAAG,aAAa,CAAC,CAAC,CAAE,CAAC;YACjC,IAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC;YAE3B,IAAI,KAAK,EAAE,CAAC;gBACV,IAAI,KAAK,CAAC,KAAK,EAAE,CAAC;oBAChB,OAAO,MAAM,CAAC,QAAQ,CAAC;gBACzB,CAAC;gBAED,IAAI,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC;gBAEtB,IAAI,IAAI,EAAE,CAAC;oBACT,IAAI,GAAG,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,WAAI,IAAI,CAAE,CAAC;oBAEhD,WAAW,IAAI,IAAI,CAAC;oBAEpB,IAAI,MAAM,CAAC,QAAQ,KAAK,QAAQ,CAAC,QAAQ,EAAE,CAAC;wBAC1C,IAAI,sBAAsB,CAAC,WAAW,CAAC,KAAK,sBAAsB,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,CAAC;4BACpF,OAAO,IAAI,CAAC;wBACd,CAAC;wBAED,OAAO,WAAW,CAAC;oBACrB,CAAC;gBACH,CAAC;YACH,CAAC;QACH,CAAC;IACH,CAAC;IAED,OAAO,QAAQ,CAAC,QAAQ,CAAC;AAC3B,CAAC","sourcesContent":["import type { ReactRouterLocation } from '../types';\n\nimport { matchRoutes } from './routerDependencies';\nimport type { ReactRouterV6RouteObject } from './types';\n\nexport function getNumberOfUrlSegments(url: string): number {\n  return url.split(/\\\\?\\//).filter((currentSegment) => currentSegment.length > 0 && currentSegment !== ',').length;\n}\n\nexport function getRouteFromLocation(routes: ReactRouterV6RouteObject[], location: ReactRouterLocation): string {\n  if (!routes || routes.length === 0) {\n    return location.pathname;\n  }\n\n  const matchedRoutes = matchRoutes(routes, location);\n\n  let pathBuilder = '';\n\n  if (matchedRoutes) {\n    for (let x = 0; x < matchedRoutes.length; x++) {\n      const branch = matchedRoutes[x]!;\n      const route = branch.route;\n\n      if (route) {\n        if (route.index) {\n          return branch.pathname;\n        }\n\n        let path = route.path;\n\n        if (path) {\n          path = path.startsWith('/') ? path : `/${path}`;\n\n          pathBuilder += path;\n\n          if (branch.pathname === location.pathname) {\n            if (getNumberOfUrlSegments(pathBuilder) !== getNumberOfUrlSegments(branch.pathname)) {\n              return path;\n            }\n\n            return pathBuilder;\n          }\n        }\n      }\n    }\n  }\n\n  return location.pathname;\n}\n"]}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/router/v6v7/utils.ts"],"names":[],"mappings":";;AAKA,wDAEC;AAED,oDAuCC;AA9CD,6DAAmD;AAGnD,SAAgB,sBAAsB,CAAC,GAAW;IAChD,OAAO,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC,cAAc,EAAE,EAAE,CAAC,cAAc,CAAC,MAAM,GAAG,CAAC,IAAI,cAAc,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC;AACnH,CAAC;AAED,SAAgB,oBAAoB,CAAC,MAAkC,EAAE,QAA6B;IACpG,IAAI,CAAC,MAAM,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACnC,OAAO,QAAQ,CAAC,QAAQ,CAAC;IAC3B,CAAC;IAED,MAAM,aAAa,GAAG,IAAA,gCAAW,EAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;IAEpD,IAAI,WAAW,GAAG,EAAE,CAAC;IAErB,IAAI,aAAa,EAAE,CAAC;QAClB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,aAAa,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;YAC9C,MAAM,MAAM,GAAG,aAAa,CAAC,CAAC,CAAE,CAAC;YACjC,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC;YAE3B,IAAI,KAAK,EAAE,CAAC;gBACV,IAAI,KAAK,CAAC,KAAK,EAAE,CAAC;oBAChB,OAAO,MAAM,CAAC,QAAQ,CAAC;gBACzB,CAAC;gBAED,IAAI,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC;gBAEtB,IAAI,IAAI,EAAE,CAAC;oBACT,IAAI,GAAG,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,IAAI,EAAE,CAAC;oBAEhD,WAAW,IAAI,IAAI,CAAC;oBAEpB,IAAI,MAAM,CAAC,QAAQ,KAAK,QAAQ,CAAC,QAAQ,EAAE,CAAC;wBAC1C,IAAI,sBAAsB,CAAC,WAAW,CAAC,KAAK,sBAAsB,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,CAAC;4BACpF,OAAO,IAAI,CAAC;wBACd,CAAC;wBAED,OAAO,WAAW,CAAC;oBACrB,CAAC;gBACH,CAAC;YACH,CAAC;QACH,CAAC;IACH,CAAC;IAED,OAAO,QAAQ,CAAC,QAAQ,CAAC;AAC3B,CAAC","sourcesContent":["import type { ReactRouterLocation } from '../types';\n\nimport { matchRoutes } from './routerDependencies';\nimport type { ReactRouterV6RouteObject } from './types';\n\nexport function getNumberOfUrlSegments(url: string): number {\n  return url.split(/\\\\?\\//).filter((currentSegment) => currentSegment.length > 0 && currentSegment !== ',').length;\n}\n\nexport function getRouteFromLocation(routes: ReactRouterV6RouteObject[], location: ReactRouterLocation): string {\n  if (!routes || routes.length === 0) {\n    return location.pathname;\n  }\n\n  const matchedRoutes = matchRoutes(routes, location);\n\n  let pathBuilder = '';\n\n  if (matchedRoutes) {\n    for (let x = 0; x < matchedRoutes.length; x++) {\n      const branch = matchedRoutes[x]!;\n      const route = branch.route;\n\n      if (route) {\n        if (route.index) {\n          return branch.pathname;\n        }\n\n        let path = route.path;\n\n        if (path) {\n          path = path.startsWith('/') ? path : `/${path}`;\n\n          pathBuilder += path;\n\n          if (branch.pathname === location.pathname) {\n            if (getNumberOfUrlSegments(pathBuilder) !== getNumberOfUrlSegments(branch.pathname)) {\n              return path;\n            }\n\n            return pathBuilder;\n          }\n        }\n      }\n    }\n  }\n\n  return location.pathname;\n}\n"]}

package/dist/cjs/router/v6v7/withFaroRouterInstrumentation.js

@@ -1,36 +1,25 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.withFaroRouterInstrumentation = withFaroRouterInstrumentation;
-var faro_web_sdk_1 = require("@grafana/faro-web-sdk");
-var dependencies_1 = require("../../dependencies");
-var types_1 = require("../types");
-var routerDependencies_1 = require("./routerDependencies");
-var utils_1 = require("./utils");
+const faro_web_sdk_1 = require("@grafana/faro-web-sdk");
+const dependencies_1 = require("../../dependencies");
+const types_1 = require("../types");
+const routerDependencies_1 = require("./routerDependencies");
+const utils_1 = require("./utils");
 /**
  * To use with React Router 6.4 data APIs.
  */
 function withFaroRouterInstrumentation(router) {
-    var lastRoute = {};
-    router.subscribe(function (state) {
+    let lastRoute = {};
+    router.subscribe((state) => {
         var _a, _b;
-        var navigationType = state.historyAction;
-        var location = state.location;
-        var routes = router.routes;
+        const navigationType = state.historyAction;
+        const location = state.location;
+        const routes = router.routes;
         if (routerDependencies_1.isInitialized && (navigationType === types_1.NavigationType.Push || navigationType === types_1.NavigationType.Pop)) {
-            var route = (0, utils_1.getRouteFromLocation)(routes, location);
-            var url = (_a = faro_web_sdk_1.globalObject.location) === null || _a === void 0 ? void 0 : _a.href;
-            dependencies_1.api.pushEvent(faro_web_sdk_1.EVENT_ROUTE_CHANGE, __assign({ toRoute: route, toUrl: (_b = faro_web_sdk_1.globalObject.location) === null || _b === void 0 ? void 0 : _b.href }, lastRoute));
+            const route = (0, utils_1.getRouteFromLocation)(routes, location);
+            const url = (_a = faro_web_sdk_1.globalObject.location) === null || _a === void 0 ? void 0 : _a.href;
+            dependencies_1.api.pushEvent(faro_web_sdk_1.EVENT_ROUTE_CHANGE, Object.assign({ toRoute: route, toUrl: (_b = faro_web_sdk_1.globalObject.location) === null || _b === void 0 ? void 0 : _b.href }, lastRoute));
             lastRoute = {
                 fromRoute: route,
                 fromUrl: url,

package/dist/cjs/router/v6v7/withFaroRouterInstrumentation.js.map

@@ -1 +1 @@
-{"version":3,"file":"withFaroRouterInstrumentation.js","sourceRoot":"","sources":["../../../../src/router/v6v7/withFaroRouterInstrumentation.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAwBA,sEA0BC;AAlDD,sDAAyE;AAEzE,mDAAyC;AACzC,kCAA0C;AAG1C,2DAAqD;AAErD,iCAA+C;AAa/C;;GAEG;AACH,SAAgB,6BAA6B,CAA4B,MAAS;IAChF,IAAI,SAAS,GAAmC,EAAE,CAAC;IAEnD,MAAM,CAAC,SAAS,CAAC,UAAC,KAAK;;QACrB,IAAM,cAAc,GAAmB,KAAK,CAAC,aAAa,CAAC;QAC3D,IAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ,CAAC;QAChC,IAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;QAE7B,IAAI,kCAAa,IAAI,CAAC,cAAc,KAAK,sBAAc,CAAC,IAAI,IAAI,cAAc,KAAK,sBAAc,CAAC,GAAG,CAAC,EAAE,CAAC;YACvG,IAAM,KAAK,GAAG,IAAA,4BAAoB,EAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;YACrD,IAAM,GAAG,GAAG,MAAA,2BAAY,CAAC,QAAQ,0CAAE,IAAI,CAAC;YAExC,kBAAG,CAAC,SAAS,CAAC,iCAAkB,aAC9B,OAAO,EAAE,KAAK,EACd,KAAK,EAAE,MAAA,2BAAY,CAAC,QAAQ,0CAAE,IAAI,IAC/B,SAAS,EACZ,CAAC;YAEH,SAAS,GAAG;gBACV,SAAS,EAAE,KAAK;gBAChB,OAAO,EAAE,GAAG;aACb,CAAC;QACJ,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,OAAO,MAAM,CAAC;AAChB,CAAC","sourcesContent":["import { EVENT_ROUTE_CHANGE, globalObject } from '@grafana/faro-web-sdk';\n\nimport { api } from '../../dependencies';\nimport { NavigationType } from '../types';\nimport type { ReactRouterLocation } from '../types';\n\nimport { isInitialized } from './routerDependencies';\nimport type { EventRouteTransitionAttributes, RouteObjectV6DataRouter } from './types';\nimport { getRouteFromLocation } from './utils';\n\ninterface RouterState {\n  historyAction: NavigationType | any;\n  location: ReactRouterLocation;\n}\n\ninterface Router {\n  state: RouterState;\n  routes: RouteObjectV6DataRouter[];\n  subscribe(fn: (state: RouterState) => void): () => void;\n}\n\n/**\n * To use with React Router 6.4 data APIs.\n */\nexport function withFaroRouterInstrumentation<R extends Router = Router>(router: R) {\n  let lastRoute: EventRouteTransitionAttributes = {};\n\n  router.subscribe((state) => {\n    const navigationType: NavigationType = state.historyAction;\n    const location = state.location;\n    const routes = router.routes;\n\n    if (isInitialized && (navigationType === NavigationType.Push || navigationType === NavigationType.Pop)) {\n      const route = getRouteFromLocation(routes, location);\n      const url = globalObject.location?.href;\n\n      api.pushEvent(EVENT_ROUTE_CHANGE, {\n        toRoute: route,\n        toUrl: globalObject.location?.href,\n        ...lastRoute,\n      });\n\n      lastRoute = {\n        fromRoute: route,\n        fromUrl: url,\n      };\n    }\n  });\n\n  return router;\n}\n"]}
+{"version":3,"file":"withFaroRouterInstrumentation.js","sourceRoot":"","sources":["../../../../src/router/v6v7/withFaroRouterInstrumentation.ts"],"names":[],"mappings":";;AAwBA,sEA0BC;AAlDD,wDAAyE;AAEzE,qDAAyC;AACzC,oCAA0C;AAG1C,6DAAqD;AAErD,mCAA+C;AAa/C;;GAEG;AACH,SAAgB,6BAA6B,CAA4B,MAAS;IAChF,IAAI,SAAS,GAAmC,EAAE,CAAC;IAEnD,MAAM,CAAC,SAAS,CAAC,CAAC,KAAK,EAAE,EAAE;;QACzB,MAAM,cAAc,GAAmB,KAAK,CAAC,aAAa,CAAC;QAC3D,MAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ,CAAC;QAChC,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;QAE7B,IAAI,kCAAa,IAAI,CAAC,cAAc,KAAK,sBAAc,CAAC,IAAI,IAAI,cAAc,KAAK,sBAAc,CAAC,GAAG,CAAC,EAAE,CAAC;YACvG,MAAM,KAAK,GAAG,IAAA,4BAAoB,EAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;YACrD,MAAM,GAAG,GAAG,MAAA,2BAAY,CAAC,QAAQ,0CAAE,IAAI,CAAC;YAExC,kBAAG,CAAC,SAAS,CAAC,iCAAkB,kBAC9B,OAAO,EAAE,KAAK,EACd,KAAK,EAAE,MAAA,2BAAY,CAAC,QAAQ,0CAAE,IAAI,IAC/B,SAAS,EACZ,CAAC;YAEH,SAAS,GAAG;gBACV,SAAS,EAAE,KAAK;gBAChB,OAAO,EAAE,GAAG;aACb,CAAC;QACJ,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,OAAO,MAAM,CAAC;AAChB,CAAC","sourcesContent":["import { EVENT_ROUTE_CHANGE, globalObject } from '@grafana/faro-web-sdk';\n\nimport { api } from '../../dependencies';\nimport { NavigationType } from '../types';\nimport type { ReactRouterLocation } from '../types';\n\nimport { isInitialized } from './routerDependencies';\nimport type { EventRouteTransitionAttributes, RouteObjectV6DataRouter } from './types';\nimport { getRouteFromLocation } from './utils';\n\ninterface RouterState {\n  historyAction: NavigationType | any;\n  location: ReactRouterLocation;\n}\n\ninterface Router {\n  state: RouterState;\n  routes: RouteObjectV6DataRouter[];\n  subscribe(fn: (state: RouterState) => void): () => void;\n}\n\n/**\n * To use with React Router 6.4 data APIs.\n */\nexport function withFaroRouterInstrumentation<R extends Router = Router>(router: R) {\n  let lastRoute: EventRouteTransitionAttributes = {};\n\n  router.subscribe((state) => {\n    const navigationType: NavigationType = state.historyAction;\n    const location = state.location;\n    const routes = router.routes;\n\n    if (isInitialized && (navigationType === NavigationType.Push || navigationType === NavigationType.Pop)) {\n      const route = getRouteFromLocation(routes, location);\n      const url = globalObject.location?.href;\n\n      api.pushEvent(EVENT_ROUTE_CHANGE, {\n        toRoute: route,\n        toUrl: globalObject.location?.href,\n        ...lastRoute,\n      });\n\n      lastRoute = {\n        fromRoute: route,\n        fromUrl: url,\n      };\n    }\n  });\n\n  return router;\n}\n"]}

package/dist/cjs/utils/reactVersion.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.isReactVersionAtLeast16 = exports.isReactVersionAtLeast17 = exports.isReactVersionAtLeast18 = exports.isReactVersionAtLeast19 = exports.reactVersionMajor = exports.reactVersion = void 0;
 exports.getMajorReactVersion = getMajorReactVersion;
 exports.isReactVersionAtLeast = isReactVersionAtLeast;
-var react_1 = require("react");
+const react_1 = require("react");
 exports.reactVersion = react_1.version;
 exports.reactVersionMajor = getMajorReactVersion();
 exports.isReactVersionAtLeast19 = isReactVersionAtLeast(19);
@@ -11,7 +11,7 @@ exports.isReactVersionAtLeast18 = isReactVersionAtLeast(18);
 exports.isReactVersionAtLeast17 = isReactVersionAtLeast(17);
 exports.isReactVersionAtLeast16 = isReactVersionAtLeast(16);
 function getMajorReactVersion() {
-    var major = exports.reactVersion.split('.');
+    const major = exports.reactVersion.split('.');
     try {
         return major[0] ? parseInt(major[0], 10) : null;
     }

package/dist/cjs/utils/reactVersion.js.map

@@ -1 +1 @@
-{"version":3,"file":"reactVersion.js","sourceRoot":"","sources":["../../../src/utils/reactVersion.ts"],"names":[],"mappings":";;;AASA,oDAQC;AAED,sDAEC;AArBD,+BAAgC;AAEnB,QAAA,YAAY,GAAG,eAAO,CAAC;AACvB,QAAA,iBAAiB,GAAG,oBAAoB,EAAE,CAAC;AAC3C,QAAA,uBAAuB,GAAG,qBAAqB,CAAC,EAAE,CAAC,CAAC;AACpD,QAAA,uBAAuB,GAAG,qBAAqB,CAAC,EAAE,CAAC,CAAC;AACpD,QAAA,uBAAuB,GAAG,qBAAqB,CAAC,EAAE,CAAC,CAAC;AACpD,QAAA,uBAAuB,GAAG,qBAAqB,CAAC,EAAE,CAAC,CAAC;AAEjE,SAAgB,oBAAoB;IAClC,IAAM,KAAK,GAAG,oBAAY,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IAEtC,IAAI,CAAC;QACH,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAClD,CAAC;IAAC,OAAO,IAAI,EAAE,CAAC;QACd,OAAO,IAAI,CAAC;IACd,CAAC;AACH,CAAC;AAED,SAAgB,qBAAqB,CAAC,OAAe;IACnD,OAAO,yBAAiB,KAAK,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,yBAAiB,IAAI,OAAO,CAAC;AAC3E,CAAC","sourcesContent":["import { version } from 'react';\n\nexport const reactVersion = version;\nexport const reactVersionMajor = getMajorReactVersion();\nexport const isReactVersionAtLeast19 = isReactVersionAtLeast(19);\nexport const isReactVersionAtLeast18 = isReactVersionAtLeast(18);\nexport const isReactVersionAtLeast17 = isReactVersionAtLeast(17);\nexport const isReactVersionAtLeast16 = isReactVersionAtLeast(16);\n\nexport function getMajorReactVersion(): number | null {\n  const major = reactVersion.split('.');\n\n  try {\n    return major[0] ? parseInt(major[0], 10) : null;\n  } catch (_err) {\n    return null;\n  }\n}\n\nexport function isReactVersionAtLeast(version: number): boolean {\n  return reactVersionMajor === null ? false : reactVersionMajor >= version;\n}\n"]}
+{"version":3,"file":"reactVersion.js","sourceRoot":"","sources":["../../../src/utils/reactVersion.ts"],"names":[],"mappings":";;;AASA,oDAQC;AAED,sDAEC;AArBD,iCAAgC;AAEnB,QAAA,YAAY,GAAG,eAAO,CAAC;AACvB,QAAA,iBAAiB,GAAG,oBAAoB,EAAE,CAAC;AAC3C,QAAA,uBAAuB,GAAG,qBAAqB,CAAC,EAAE,CAAC,CAAC;AACpD,QAAA,uBAAuB,GAAG,qBAAqB,CAAC,EAAE,CAAC,CAAC;AACpD,QAAA,uBAAuB,GAAG,qBAAqB,CAAC,EAAE,CAAC,CAAC;AACpD,QAAA,uBAAuB,GAAG,qBAAqB,CAAC,EAAE,CAAC,CAAC;AAEjE,SAAgB,oBAAoB;IAClC,MAAM,KAAK,GAAG,oBAAY,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IAEtC,IAAI,CAAC;QACH,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAClD,CAAC;IAAC,OAAO,IAAI,EAAE,CAAC;QACd,OAAO,IAAI,CAAC;IACd,CAAC;AACH,CAAC;AAED,SAAgB,qBAAqB,CAAC,OAAe;IACnD,OAAO,yBAAiB,KAAK,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,yBAAiB,IAAI,OAAO,CAAC;AAC3E,CAAC","sourcesContent":["import { version } from 'react';\n\nexport const reactVersion = version;\nexport const reactVersionMajor = getMajorReactVersion();\nexport const isReactVersionAtLeast19 = isReactVersionAtLeast(19);\nexport const isReactVersionAtLeast18 = isReactVersionAtLeast(18);\nexport const isReactVersionAtLeast17 = isReactVersionAtLeast(17);\nexport const isReactVersionAtLeast16 = isReactVersionAtLeast(16);\n\nexport function getMajorReactVersion(): number | null {\n  const major = reactVersion.split('.');\n\n  try {\n    return major[0] ? parseInt(major[0], 10) : null;\n  } catch (_err) {\n    return null;\n  }\n}\n\nexport function isReactVersionAtLeast(version: number): boolean {\n  return reactVersionMajor === null ? false : reactVersionMajor >= version;\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@grafana/faro-react",
-  "version": "2.3.0",
+  "version": "2.4.0",
   "description": "Faro package that enables easier integration in projects built with React.",
   "keywords": [
     "observability",
@@ -45,23 +45,26 @@
     "quality": "run-s 'quality:*'",
     "quality:test": "jest --passWithNoTests",
     "quality:format": "prettier --cache --cache-location=../../.cache/prettier/react --ignore-path ../../.prettierignore -w \"./**/*.{js,jsx,ts,tsx,css,scss,md,yaml,yml,json}\"",
-    "quality:lint": "run-s 'quality:lint:*'",
+    "quality:lint": "run-s quality:lint:eslint quality:lint:prettier quality:lint:md",
     "quality:lint:eslint": "eslint --cache --cache-location ../../.cache/eslint/react \"./**/*.{js,jsx,ts,tsx}\"",
     "quality:lint:prettier": "prettier --cache --cache-location=../../.cache/prettier/react --ignore-path ../../.prettierignore -c \"./**/*.{js,jsx,ts,tsx,css,scss,md,yaml,yml,json}\"",
     "quality:lint:md": "markdownlint README.md",
+    "quality:lint:fix": "run-s 'quality:lint:fix:*'",
+    "quality:lint:fix:eslint": "eslint --fix --cache --cache-location ../../.cache/eslint/react \"./**/*.{js,jsx,ts,tsx}\"",
+    "quality:lint:fix:prettier": "prettier --cache --cache-location=../../.cache/prettier/react --ignore-path ../../.prettierignore -w \"./**/*.{js,jsx,ts,tsx,css,scss,md,yaml,yml,json}\"",
     "quality:circular-deps": "madge --circular ."
   },
   "dependencies": {
-    "@grafana/faro-web-sdk": "^2.3.0",
-    "@grafana/faro-web-tracing": "^2.3.0",
+    "@grafana/faro-web-sdk": "^2.4.0",
+    "@grafana/faro-web-tracing": "^2.4.0",
     "hoist-non-react-statics": "^3.3.2"
   },
   "devDependencies": {
     "@types/hoist-non-react-statics": "3.3.7",
     "@types/react": "19.2.14",
-    "react": "19.2.4",
-    "react-dom": "19.2.4",
-    "react-router": "7.13.1"
+    "react": "19.2.5",
+    "react-dom": "19.2.5",
+    "react-router": "7.14.1"
   },
   "peerDependencies": {
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
@@ -83,5 +86,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "92fd42a735ec3f3cb6516fa5eaa95d563cfa1862"
+  "gitHead": "0dcca81629cfc20cb18c6a7306209dceccdc75c8"
 }