@grafana/faro-web-sdk 1.14.2 → 1.15.0

package/dist/cjs/instrumentations/userActions/httpRequestMonitor.js

@@ -1,88 +1,97 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.monitorHttpRequests = void 0;
+exports.monitorHttpRequests = monitorHttpRequests;
 var faro_core_1 = require("@grafana/faro-core");
 var url_1 = require("../../utils/url");
 var const_1 = require("./const");
+var apiTypeFetch = 'fetch';
+var apiTypeXhr = 'xhr';
 /**
  * Monitors if any http requests are in progress.
  */
 function monitorHttpRequests() {
     var observable = new faro_core_1.Observable();
-    var pendingXhrRequests = 0;
-    var pendingFetchRequests = 0;
-    function emitStartMessage() {
-        observable.notify({ type: const_1.MESSAGE_TYPE_HTTP_REQUEST_START, pending: pendingXhrRequests + pendingFetchRequests });
+    function emitStartMessage(requestProps) {
+        observable.notify({
+            type: const_1.MESSAGE_TYPE_HTTP_REQUEST_START,
+            request: requestProps,
+        });
     }
-    function emitEndMessage() {
-        observable.notify({ type: const_1.MESSAGE_TYPE_HTTP_REQUEST_END, pending: pendingXhrRequests + pendingFetchRequests });
+    function emitEndMessage(requestProps) {
+        observable.notify({
+            type: const_1.MESSAGE_TYPE_HTTP_REQUEST_END,
+            request: requestProps,
+        });
     }
-    monitorFetch(function () {
-        pendingFetchRequests++;
-        emitStartMessage();
-    }, function () {
-        pendingFetchRequests--;
-        emitEndMessage();
+    monitorFetch({
+        onRequestStart: emitStartMessage,
+        onRequestEnd: emitEndMessage,
     });
-    monitorXhr(function () {
-        pendingXhrRequests++;
-        emitStartMessage();
-    }, function () {
-        pendingXhrRequests--;
-        emitEndMessage();
+    monitorXhr({
+        onRequestStart: emitStartMessage,
+        onRequestEnd: emitEndMessage,
     });
     return observable;
 }
-exports.monitorHttpRequests = monitorHttpRequests;
-function monitorXhr(onRequestStart, onRequestEnd) {
+function monitorXhr(_a) {
+    var onRequestStart = _a.onRequestStart, onRequestEnd = _a.onRequestEnd;
     var originalOpen = XMLHttpRequest.prototype.open;
-    var originalSend = XMLHttpRequest.prototype.send;
     XMLHttpRequest.prototype.open = function () {
         var url = arguments[1];
         var isIgnoredUrl = (0, url_1.isUrlIgnored)(url);
+        var method = arguments[0];
+        var requestId = (0, faro_core_1.genShortID)();
+        // request has started to load data.
         this.addEventListener('loadstart', function () {
             if (!isIgnoredUrl) {
-                onRequestStart();
+                onRequestStart({ url: url, method: method, requestId: requestId, apiType: apiTypeXhr });
             }
         });
-        this.addEventListener('loadend', function () {
+        // transaction completes successfully.
+        this.addEventListener('load', function () {
             if (!isIgnoredUrl) {
-                onRequestEnd();
+                onRequestEnd({ url: url, method: method, requestId: requestId, apiType: apiTypeXhr });
+            }
+        });
+        this.addEventListener('error', function () {
+            if (!isIgnoredUrl) {
+                onRequestEnd({ url: url, method: method, requestId: requestId, apiType: apiTypeXhr });
+            }
+        });
+        this.addEventListener('abort', function () {
+            if (!isIgnoredUrl) {
+                onRequestEnd({ url: url, method: method, requestId: requestId, apiType: apiTypeXhr });
             }
         });
         originalOpen.apply(this, arguments);
     };
-    XMLHttpRequest.prototype.send = function () {
-        originalSend.apply(this, arguments);
-    };
 }
-function monitorFetch(onRequestsStart, onRequestEnd) {
+function monitorFetch(_a) {
+    var onRequestEnd = _a.onRequestEnd, onRequestStart = _a.onRequestStart;
     var originalFetch = window.fetch;
     window.fetch = function () {
-        var url = getUrlFromResource(arguments[0]);
+        var _a, _b;
+        var url = (_a = (0, url_1.getUrlFromResource)(arguments[0])) !== null && _a !== void 0 ? _a : '';
         var isIgnoredUrl = (0, url_1.isUrlIgnored)(url);
-        // fetch started
+        var method = ((_b = arguments[1]) !== null && _b !== void 0 ? _b : {}).method;
+        var requestId = (0, faro_core_1.genShortID)();
         if (!isIgnoredUrl) {
-            onRequestsStart();
+            onRequestStart({ url: url, method: method, requestId: requestId, apiType: apiTypeFetch });
         }
-        return originalFetch.apply(this, arguments).finally(function () {
-            // fetch ended
+        return originalFetch
+            .apply(this, arguments)
+            .then(function (response) {
+            if (!isIgnoredUrl) {
+                onRequestEnd({ url: url, method: method, requestId: requestId, apiType: apiTypeFetch });
+            }
+            return response;
+        })
+            .catch(function (error) {
             if (!isIgnoredUrl) {
-                onRequestEnd();
+                onRequestEnd({ url: url, method: method, requestId: requestId, apiType: apiTypeFetch });
             }
+            throw error;
         });
     };
 }
-function getUrlFromResource(resource) {
-    if ((0, faro_core_1.isString)(resource)) {
-        return resource;
-    }
-    else if (resource instanceof URL) {
-        return resource.href;
-    }
-    else if ((0, faro_core_1.isFunction)(resource === null || resource === void 0 ? void 0 : resource.toString)) {
-        return resource.toString();
-    }
-    return undefined;
-}
 //# sourceMappingURL=httpRequestMonitor.js.map

package/dist/cjs/instrumentations/userActions/httpRequestMonitor.js.map

@@ -1 +1 @@
-{"version":3,"file":"httpRequestMonitor.js","sourceRoot":"","sources":["../../../../src/instrumentations/userActions/httpRequestMonitor.ts"],"names":[],"mappings":"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","sourcesContent":["import { isFunction, isString, Observable } from '@grafana/faro-core';\n\nimport { isUrlIgnored } from '../../utils/url';\n\nimport { MESSAGE_TYPE_HTTP_REQUEST_END, MESSAGE_TYPE_HTTP_REQUEST_START } from './const';\nimport type { HttpRequestEndMessage, HttpRequestStartMessage } from './types';\n\n/**\n * Monitors if any http requests are in progress.\n */\nexport function monitorHttpRequests(): Observable {\n  const observable = new Observable<HttpRequestStartMessage | HttpRequestEndMessage>();\n\n  let pendingXhrRequests = 0;\n  let pendingFetchRequests = 0;\n\n  function emitStartMessage() {\n    observable.notify({ type: MESSAGE_TYPE_HTTP_REQUEST_START, pending: pendingXhrRequests + pendingFetchRequests });\n  }\n\n  function emitEndMessage() {\n    observable.notify({ type: MESSAGE_TYPE_HTTP_REQUEST_END, pending: pendingXhrRequests + pendingFetchRequests });\n  }\n\n  monitorFetch(\n    () => {\n      pendingFetchRequests++;\n      emitStartMessage();\n    },\n    () => {\n      pendingFetchRequests--;\n      emitEndMessage();\n    }\n  );\n\n  monitorXhr(\n    () => {\n      pendingXhrRequests++;\n      emitStartMessage();\n    },\n    () => {\n      pendingXhrRequests--;\n      emitEndMessage();\n    }\n  );\n\n  return observable;\n}\n\nfunction monitorXhr(onRequestStart: () => void, onRequestEnd: () => void) {\n  const originalOpen = XMLHttpRequest.prototype.open;\n  const originalSend = XMLHttpRequest.prototype.send;\n\n  XMLHttpRequest.prototype.open = function () {\n    const url = arguments[1];\n    const isIgnoredUrl = isUrlIgnored(url);\n\n    this.addEventListener('loadstart', () => {\n      if (!isIgnoredUrl) {\n        onRequestStart();\n      }\n    });\n\n    this.addEventListener('loadend', () => {\n      if (!isIgnoredUrl) {\n        onRequestEnd();\n      }\n    });\n\n    originalOpen.apply(this, arguments as any);\n  };\n\n  XMLHttpRequest.prototype.send = function () {\n    originalSend.apply(this, arguments as any);\n  };\n}\n\nfunction monitorFetch(onRequestsStart: () => void, onRequestEnd: () => void) {\n  const originalFetch = window.fetch;\n\n  window.fetch = function () {\n    const url = getUrlFromResource(arguments[0]);\n    const isIgnoredUrl = isUrlIgnored(url);\n\n    // fetch started\n    if (!isIgnoredUrl) {\n      onRequestsStart();\n    }\n\n    return originalFetch.apply(this, arguments as any).finally(() => {\n      // fetch ended\n      if (!isIgnoredUrl) {\n        onRequestEnd();\n      }\n    });\n  };\n}\n\nfunction getUrlFromResource(resource: any): string | undefined {\n  if (isString(resource)) {\n    return resource;\n  } else if (resource instanceof URL) {\n    return resource.href;\n  } else if (isFunction(resource?.toString)) {\n    return resource.toString();\n  }\n  return undefined;\n}\n"]}
+{"version":3,"file":"httpRequestMonitor.js","sourceRoot":"","sources":["../../../../src/instrumentations/userActions/httpRequestMonitor.ts"],"names":[],"mappings":"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","sourcesContent":["import { genShortID, Observable } from '@grafana/faro-core';\n\nimport { getUrlFromResource, isUrlIgnored } from '../../utils/url';\n\nimport { MESSAGE_TYPE_HTTP_REQUEST_END, MESSAGE_TYPE_HTTP_REQUEST_START } from './const';\nimport type { HttpRequestEndMessage, HttpRequestMessagePayload, HttpRequestStartMessage } from './types';\n\ntype RequestProps = HttpRequestMessagePayload;\n\nconst apiTypeFetch = 'fetch';\nconst apiTypeXhr = 'xhr';\n\n/**\n * Monitors if any http requests are in progress.\n */\nexport function monitorHttpRequests(): Observable<HttpRequestStartMessage | HttpRequestEndMessage> {\n  const observable = new Observable<HttpRequestStartMessage | HttpRequestEndMessage>();\n\n  function emitStartMessage(requestProps: RequestProps) {\n    observable.notify({\n      type: MESSAGE_TYPE_HTTP_REQUEST_START,\n      request: requestProps,\n    });\n  }\n\n  function emitEndMessage(requestProps: RequestProps) {\n    observable.notify({\n      type: MESSAGE_TYPE_HTTP_REQUEST_END,\n      request: requestProps,\n    });\n  }\n\n  monitorFetch({\n    onRequestStart: emitStartMessage,\n    onRequestEnd: emitEndMessage,\n  });\n\n  monitorXhr({\n    onRequestStart: emitStartMessage,\n    onRequestEnd: emitEndMessage,\n  });\n\n  return observable;\n}\n\nfunction monitorXhr({\n  onRequestStart,\n  onRequestEnd,\n}: {\n  onRequestStart: (props: RequestProps) => void;\n  onRequestEnd: (props: RequestProps) => void;\n}) {\n  const originalOpen = XMLHttpRequest.prototype.open;\n\n  XMLHttpRequest.prototype.open = function () {\n    const url = arguments[1];\n    const isIgnoredUrl = isUrlIgnored(url);\n    const method = arguments[0];\n\n    const requestId = genShortID();\n\n    // request has started to load data.\n    this.addEventListener('loadstart', function () {\n      if (!isIgnoredUrl) {\n        onRequestStart({ url, method, requestId, apiType: apiTypeXhr });\n      }\n    });\n\n    // transaction completes successfully.\n    this.addEventListener('load', function () {\n      if (!isIgnoredUrl) {\n        onRequestEnd({ url, method, requestId, apiType: apiTypeXhr });\n      }\n    });\n\n    this.addEventListener('error', function () {\n      if (!isIgnoredUrl) {\n        onRequestEnd({ url, method, requestId, apiType: apiTypeXhr });\n      }\n    });\n\n    this.addEventListener('abort', function () {\n      if (!isIgnoredUrl) {\n        onRequestEnd({ url, method, requestId, apiType: apiTypeXhr });\n      }\n    });\n\n    originalOpen.apply(this, arguments as any);\n  };\n}\n\nfunction monitorFetch({\n  onRequestEnd,\n  onRequestStart,\n}: {\n  onRequestStart: (props: RequestProps) => void;\n  onRequestEnd: (props: RequestProps) => void;\n}) {\n  const originalFetch = window.fetch;\n\n  window.fetch = function () {\n    const url = getUrlFromResource(arguments[0]) ?? '';\n    const isIgnoredUrl = isUrlIgnored(url);\n    const method = (arguments[1] ?? {}).method;\n\n    const requestId = genShortID();\n\n    if (!isIgnoredUrl) {\n      onRequestStart({ url, method, requestId, apiType: apiTypeFetch });\n    }\n\n    return originalFetch\n      .apply(this, arguments as any)\n      .then((response) => {\n        if (!isIgnoredUrl) {\n          onRequestEnd({ url, method, requestId, apiType: apiTypeFetch });\n        }\n        return response;\n      })\n      .catch((error) => {\n        if (!isIgnoredUrl) {\n          onRequestEnd({ url, method, requestId, apiType: apiTypeFetch });\n        }\n        throw error;\n      });\n  };\n}\n"]}

package/dist/cjs/instrumentations/userActions/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/instrumentations/userActions/index.ts"],"names":[],"mappings":";;;AAAA,qDAA8D;AAArD,4HAAA,yBAAyB,OAAA;AAElC,iCAKiB;AAJf,kHAAA,yBAAyB,OAAA;AACzB,sHAAA,6BAA6B,OAAA;AAC7B,wHAAA,+BAA+B,OAAA;AAC/B,gHAAA,uBAAuB,OAAA","sourcesContent":["export { UserActionInstrumentation } from './instrumentation';\nexport type { DomMutationMessage, HttpRequestEndMessage, HttpRequestStartMessage } from './types';\nexport {\n  MESSAGE_TYPE_DOM_MUTATION,\n  MESSAGE_TYPE_HTTP_REQUEST_END,\n  MESSAGE_TYPE_HTTP_REQUEST_START,\n  userActionDataAttribute,\n} from './const';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/instrumentations/userActions/index.ts"],"names":[],"mappings":";;;AAAA,qDAA8D;AAArD,4HAAA,yBAAyB,OAAA;AAOlC,iCAKiB;AAJf,kHAAA,yBAAyB,OAAA;AACzB,sHAAA,6BAA6B,OAAA;AAC7B,wHAAA,+BAA+B,OAAA;AAC/B,gHAAA,uBAAuB,OAAA","sourcesContent":["export { UserActionInstrumentation } from './instrumentation';\nexport type {\n  DomMutationMessage,\n  HttpRequestEndMessage,\n  HttpRequestStartMessage,\n  HttpRequestMessagePayload,\n} from './types';\nexport {\n  MESSAGE_TYPE_DOM_MUTATION,\n  MESSAGE_TYPE_HTTP_REQUEST_END,\n  MESSAGE_TYPE_HTTP_REQUEST_START,\n  userActionDataAttribute,\n} from './const';\n"]}

package/dist/cjs/instrumentations/userActions/instrumentation.js.map

@@ -1 +1 @@
-{"version":3,"file":"instrumentation.js","sourceRoot":"","sources":["../../../../src/instrumentations/userActions/instrumentation.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,gDAAwE;AAExE,iFAAsE;AAEtE;IAA+C,6CAAmB;IAAlE;QAAA,qEASC;QARU,UAAI,GAAG,mDAAmD,CAAC;QAC3D,aAAO,GAAG,mBAAO,CAAC;;IAO7B,CAAC;IALC,8CAAU,GAAV;QACE,IAAM,uBAAuB,GAAG,IAAA,mDAAmB,EAAC,gBAAI,CAAC,CAAC;QAC1D,MAAM,CAAC,gBAAgB,CAAC,aAAa,EAAE,uBAAuB,CAAC,CAAC;QAChE,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,uBAAuB,CAAC,CAAC;IAC9D,CAAC;IACH,gCAAC;AAAD,CAAC,AATD,CAA+C,+BAAmB,GASjE;AATY,8DAAyB","sourcesContent":["import { BaseInstrumentation, faro, VERSION } from '@grafana/faro-core';\n\nimport { getUserEventHandler } from './processUserActionEventHandler';\n\nexport class UserActionInstrumentation extends BaseInstrumentation {\n  readonly name = '@grafana/faro-web-sdk:instrumentation-user-action';\n  readonly version = VERSION;\n\n  initialize(): void {\n    const processUserEventHandler = getUserEventHandler(faro);\n    window.addEventListener('pointerdown', processUserEventHandler);\n    window.addEventListener('keydown', processUserEventHandler);\n  }\n}\n"]}
+{"version":3,"file":"instrumentation.js","sourceRoot":"","sources":["../../../../src/instrumentations/userActions/instrumentation.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,gDAAwE;AAExE,iFAAsE;AAEtE;IAA+C,6CAAmB;IAAlE;;QACW,UAAI,GAAG,mDAAmD,CAAC;QAC3D,aAAO,GAAG,mBAAO,CAAC;;IAO7B,CAAC;IALC,8CAAU,GAAV;QACE,IAAM,uBAAuB,GAAG,IAAA,mDAAmB,EAAC,gBAAI,CAAC,CAAC;QAC1D,MAAM,CAAC,gBAAgB,CAAC,aAAa,EAAE,uBAAuB,CAAC,CAAC;QAChE,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,uBAAuB,CAAC,CAAC;IAC9D,CAAC;IACH,gCAAC;AAAD,CAAC,AATD,CAA+C,+BAAmB,GASjE;AATY,8DAAyB","sourcesContent":["import { BaseInstrumentation, faro, VERSION } from '@grafana/faro-core';\n\nimport { getUserEventHandler } from './processUserActionEventHandler';\n\nexport class UserActionInstrumentation extends BaseInstrumentation {\n  readonly name = '@grafana/faro-web-sdk:instrumentation-user-action';\n  readonly version = VERSION;\n\n  initialize(): void {\n    const processUserEventHandler = getUserEventHandler(faro);\n    window.addEventListener('pointerdown', processUserEventHandler);\n    window.addEventListener('keydown', processUserEventHandler);\n  }\n}\n"]}

package/dist/cjs/instrumentations/userActions/performanceEntriesMonitor.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.monitorPerformanceEntries = void 0;
+exports.monitorPerformanceEntries = monitorPerformanceEntries;
 var faro_core_1 = require("@grafana/faro-core");
 var instrumentation_1 = require("../performance/instrumentation");
 var performanceConstants_1 = require("../performance/performanceConstants");
@@ -14,5 +14,4 @@ function monitorPerformanceEntries() {
     });
     return observable;
 }
-exports.monitorPerformanceEntries = monitorPerformanceEntries;
 //# sourceMappingURL=performanceEntriesMonitor.js.map

package/dist/cjs/instrumentations/userActions/performanceEntriesMonitor.js.map

@@ -1 +1 @@
-{"version":3,"file":"performanceEntriesMonitor.js","sourceRoot":"","sources":["../../../../src/instrumentations/userActions/performanceEntriesMonitor.ts"],"names":[],"mappings":";;;AAAA,gDAAgD;AAEhD,kEAAgF;AAChF,4EAAqE;AAErE,iCAAsD;AAEtD,SAAgB,yBAAyB;IACvC,IAAM,UAAU,GAAG,IAAI,sBAAU,EAAE,CAAC;IAEpC,gDAA8B,CAAC,SAAS,CAAC,UAAC,IAAI;QAC5C,IAAI,IAAI,CAAC,IAAI,KAAK,qCAAc,EAAE;YAChC,UAAU,CAAC,MAAM,CAAC,EAAE,IAAI,EAAE,mCAA2B,EAAE,CAAC,CAAC;SAC1D;IACH,CAAC,CAAC,CAAC;IAEH,OAAO,UAAU,CAAC;AACpB,CAAC;AAVD,8DAUC","sourcesContent":["import { Observable } from '@grafana/faro-core';\n\nimport { performanceEntriesSubscription } from '../performance/instrumentation';\nimport { RESOURCE_ENTRY } from '../performance/performanceConstants';\n\nimport { MESSAGE_TYPE_RESOURCE_ENTRY } from './const';\n\nexport function monitorPerformanceEntries(): Observable {\n  const observable = new Observable();\n\n  performanceEntriesSubscription.subscribe((data) => {\n    if (data.type === RESOURCE_ENTRY) {\n      observable.notify({ type: MESSAGE_TYPE_RESOURCE_ENTRY });\n    }\n  });\n\n  return observable;\n}\n"]}
+{"version":3,"file":"performanceEntriesMonitor.js","sourceRoot":"","sources":["../../../../src/instrumentations/userActions/performanceEntriesMonitor.ts"],"names":[],"mappings":";;AAOA,8DAUC;AAjBD,gDAAgD;AAEhD,kEAAgF;AAChF,4EAAqE;AAErE,iCAAsD;AAEtD,SAAgB,yBAAyB;IACvC,IAAM,UAAU,GAAG,IAAI,sBAAU,EAAE,CAAC;IAEpC,gDAA8B,CAAC,SAAS,CAAC,UAAC,IAAI;QAC5C,IAAI,IAAI,CAAC,IAAI,KAAK,qCAAc,EAAE,CAAC;YACjC,UAAU,CAAC,MAAM,CAAC,EAAE,IAAI,EAAE,mCAA2B,EAAE,CAAC,CAAC;QAC3D,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,OAAO,UAAU,CAAC;AACpB,CAAC","sourcesContent":["import { Observable } from '@grafana/faro-core';\n\nimport { performanceEntriesSubscription } from '../performance/instrumentation';\nimport { RESOURCE_ENTRY } from '../performance/performanceConstants';\n\nimport { MESSAGE_TYPE_RESOURCE_ENTRY } from './const';\n\nexport function monitorPerformanceEntries(): Observable {\n  const observable = new Observable();\n\n  performanceEntriesSubscription.subscribe((data) => {\n    if (data.type === RESOURCE_ENTRY) {\n      observable.notify({ type: MESSAGE_TYPE_RESOURCE_ENTRY });\n    }\n  });\n\n  return observable;\n}\n"]}

package/dist/cjs/instrumentations/userActions/processUserActionEventHandler.js

@@ -1,19 +1,18 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getUserEventHandler = void 0;
+exports.getUserEventHandler = getUserEventHandler;
 var faro_core_1 = require("@grafana/faro-core");
 var const_1 = require("./const");
 var domMutationMonitor_1 = require("./domMutationMonitor");
 var httpRequestMonitor_1 = require("./httpRequestMonitor");
 var performanceEntriesMonitor_1 = require("./performanceEntriesMonitor");
 var util_1 = require("./util");
+var maxFollowUpActionTimeRange = 100;
 function getUserEventHandler(faro) {
     var api = faro.api, config = faro.config;
     var httpMonitor = (0, httpRequestMonitor_1.monitorHttpRequests)();
     var domMutationsMonitor = (0, domMutationMonitor_1.monitorDomMutations)();
     var performanceEntriesMonitor = (0, performanceEntriesMonitor_1.monitorPerformanceEntries)();
-    var allMonitorsSub;
-    var allMonitorsObserver;
     var timeoutId;
     var actionRunning = false;
     function processUserEvent(event) {
@@ -27,7 +26,7 @@ function getUserEventHandler(faro) {
         var endTime;
         var actionId = (0, faro_core_1.genShortID)();
         faro_core_1.apiMessageBus.notify({
-            type: faro_core_1.USER_ACTION_START_MESSAGE_TYPE,
+            type: faro_core_1.USER_ACTION_START,
             name: userActionName,
             startTime: startTime,
             parentId: actionId,
@@ -38,54 +37,104 @@ function getUserEventHandler(faro) {
             // Listening for follow up activities stops once action is cancelled (set to false)
             actionRunning = false;
             sendUserActionCancelMessage(userActionName, actionId);
-        });
-        allMonitorsObserver = (0, faro_core_1.merge)(httpMonitor, domMutationsMonitor, performanceEntriesMonitor);
-        allMonitorsSub = allMonitorsObserver
+        }, maxFollowUpActionTimeRange);
+        var runningRequests = new Map();
+        var isHalted = false;
+        var pendingActionTimeoutId;
+        var allMonitorsSub = new faro_core_1.Observable()
+            .merge(httpMonitor, domMutationsMonitor, performanceEntriesMonitor)
             .takeWhile(function () { return actionRunning; })
-            .subscribe(function () {
+            .filter(function (msg) {
+            // If the user action is in halt state, we only keep listening to ended http requests
+            if (isHalted && !(isRequestEndMessage(msg) && runningRequests.has(msg.request.requestId))) {
+                return false;
+            }
+            return true;
+        })
+            .subscribe(function (msg) {
+            if (isRequestStartMessage(msg)) {
+                // An action is on halt if it has pending items, like pending HTTP requests.
+                // In this case we start a separate timeout to wait for the requests to finish
+                // If in the halt state, we stop adding Faro signals to the action's buffer (see userActionLifecycleHandler.ts)
+                // But we are still subscribed to
+                runningRequests.set(msg.request.requestId, msg.request);
+            }
+            if (isRequestEndMessage(msg)) {
+                // console.log('request end msg :>> ', msg);
+                runningRequests.delete(msg.request.requestId);
+            }
             // A http request, a DOM mutation or a performance entry happened so we have a follow up activity and start the timeout again
             // If timeout is triggered the user action is done and we send respective messages and events
             timeoutId = startTimeout(timeoutId, function () {
                 endTime = (0, faro_core_1.dateNow)();
-                var duration = endTime - startTime;
-                var eventType = event.type;
-                // order matters, first emit the user-action-end event and then push the event
-                faro_core_1.apiMessageBus.notify({
-                    type: faro_core_1.USER_ACTION_END_MESSAGE_TYPE,
-                    name: userActionName,
-                    id: actionId,
-                    startTime: startTime,
-                    endTime: endTime,
-                    duration: duration,
-                    eventType: eventType,
-                });
-                // Send the final action parent event
-                api.pushEvent(userActionName, {
-                    userActionStartTime: startTime.toString(),
-                    userActionEndTime: endTime.toString(),
-                    userActionDuration: duration.toString(),
-                    userActionEventType: eventType,
-                }, undefined, {
-                    timestampOverwriteMs: startTime,
-                    customPayloadTransformer: function (payload) {
-                        payload.action = {
-                            id: actionId,
-                            name: userActionName,
-                        };
-                        return payload;
-                    },
-                });
-                // Ensure action is blocked until it is fully processed.
-                actionRunning = false;
-                allMonitorsSub === null || allMonitorsSub === void 0 ? void 0 : allMonitorsSub.unsubscribe();
-                allMonitorsObserver === null || allMonitorsObserver === void 0 ? void 0 : allMonitorsObserver.unsubscribeAll();
-            });
+                var userActionParentEventProps = { api: api, userActionName: userActionName, startTime: startTime, endTime: endTime, actionId: actionId, event: event };
+                var hasPendingRequests = runningRequests.size > 0;
+                var isAllPendingRequestsResolved = isHalted && !hasPendingRequests;
+                if (isAllPendingRequestsResolved) {
+                    clearTimeout(pendingActionTimeoutId);
+                    isHalted = false;
+                }
+                if (hasPendingRequests) {
+                    isHalted = true;
+                    faro_core_1.apiMessageBus.notify({
+                        type: faro_core_1.USER_ACTION_HALT,
+                        name: userActionName,
+                        parentId: actionId,
+                        reason: 'pending-requests',
+                        haltTime: (0, faro_core_1.dateNow)(),
+                    });
+                    pendingActionTimeoutId = startTimeout(undefined, function () {
+                        unsubscribeAllMonitors(allMonitorsSub);
+                        endUserAction(userActionParentEventProps);
+                        actionRunning = false;
+                        isHalted = false;
+                    }, 1000 * 10);
+                }
+                else {
+                    unsubscribeAllMonitors(allMonitorsSub);
+                    endUserAction(userActionParentEventProps);
+                    actionRunning = false;
+                    isHalted = false;
+                }
+            }, maxFollowUpActionTimeRange);
         });
     }
-    registerVisibilityChangeHandler(allMonitorsSub, allMonitorsObserver);
     return processUserEvent;
 }
-exports.getUserEventHandler = getUserEventHandler;
+/**
+ * User action was successfully completed and we send the final event(s)
+ */
+function endUserAction(props) {
+    var api = props.api, userActionName = props.userActionName, startTime = props.startTime, endTime = props.endTime, actionId = props.actionId, event = props.event;
+    var duration = endTime - startTime;
+    var eventType = event.type;
+    // order matters, first emit the user-action-end event and afterwards push the parent event
+    faro_core_1.apiMessageBus.notify({
+        type: faro_core_1.USER_ACTION_END,
+        name: userActionName,
+        id: actionId,
+        startTime: startTime,
+        endTime: endTime,
+        duration: duration,
+        eventType: eventType,
+    });
+    // Send the final action parent event
+    api.pushEvent(userActionName, {
+        userActionStartTime: startTime.toString(),
+        userActionEndTime: endTime.toString(),
+        userActionDuration: duration.toString(),
+        userActionEventType: eventType,
+    }, undefined, {
+        timestampOverwriteMs: startTime,
+        customPayloadTransformer: function (payload) {
+            payload.action = {
+                id: actionId,
+                name: userActionName,
+            };
+            return payload;
+        },
+    });
+}
 function getUserActionName(element, dataAttributeName) {
     var parsedDataAttributeName = (0, util_1.convertDataAttributeName)(dataAttributeName);
     var dataset = element.dataset;
@@ -96,35 +145,31 @@ function getUserActionName(element, dataAttributeName) {
     }
     return undefined;
 }
-function startTimeout(timeoutId, cb) {
-    var maxTimeSpanTillUserActionEnd = 100;
+function startTimeout(timeoutId, cb, delay) {
     if (timeoutId) {
         clearTimeout(timeoutId);
     }
     //@ts-expect-error for some reason vscode is using the node types
     timeoutId = setTimeout(function () {
         cb();
-    }, maxTimeSpanTillUserActionEnd);
+    }, delay);
     return timeoutId;
 }
 function sendUserActionCancelMessage(userActionName, actionId) {
     faro_core_1.apiMessageBus.notify({
-        type: faro_core_1.USER_ACTION_CANCEL_MESSAGE_TYPE,
+        type: faro_core_1.USER_ACTION_CANCEL,
         name: userActionName,
         parentId: actionId,
     });
 }
-function registerVisibilityChangeHandler(allMonitorsSub, allMonitorsObserver) {
-    // stop monitoring in background tabs
-    document.addEventListener('visibilitychange', function () {
-        if (document.visibilityState === 'hidden') {
-            // Unsubscribe from all monitors when the tab goes into the background to free up resources (merge.unsubscribe() also unsubscribes from all inner observables)
-            // Monitors will be re-subscribed in the processEvent function when the first user action is detected
-            allMonitorsSub === null || allMonitorsSub === void 0 ? void 0 : allMonitorsSub.unsubscribe();
-            allMonitorsSub = undefined;
-            allMonitorsObserver === null || allMonitorsObserver === void 0 ? void 0 : allMonitorsObserver.unsubscribeAll();
-            allMonitorsObserver = undefined;
-        }
-    });
+function unsubscribeAllMonitors(allMonitorsSub) {
+    allMonitorsSub === null || allMonitorsSub === void 0 ? void 0 : allMonitorsSub.unsubscribe();
+    allMonitorsSub = undefined;
+}
+function isRequestStartMessage(msg) {
+    return msg.type === const_1.MESSAGE_TYPE_HTTP_REQUEST_START;
+}
+function isRequestEndMessage(msg) {
+    return msg.type === const_1.MESSAGE_TYPE_HTTP_REQUEST_END;
 }
 //# sourceMappingURL=processUserActionEventHandler.js.map

package/dist/cjs/instrumentations/userActions/processUserActionEventHandler.js.map

@@ -1 +1 @@
-{"version":3,"file":"processUserActionEventHandler.js","sourceRoot":"","sources":["../../../../src/instrumentations/userActions/processUserActionEventHandler.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  apiMessageBus,\n  dateNow,\n  Faro,\n  genShortID,\n  merge,\n  Observable,\n  Subscription,\n  USER_ACTION_CANCEL_MESSAGE_TYPE,\n  USER_ACTION_END_MESSAGE_TYPE,\n  USER_ACTION_START_MESSAGE_TYPE,\n} from '@grafana/faro-core';\n\nimport { userActionDataAttributeParsed as userActionDataAttribute } from './const';\nimport { monitorDomMutations } from './domMutationMonitor';\nimport { monitorHttpRequests } from './httpRequestMonitor';\nimport { monitorPerformanceEntries } from './performanceEntriesMonitor';\nimport { convertDataAttributeName } from './util';\n\nexport function getUserEventHandler(faro: Faro) {\n  const { api, config } = faro;\n\n  const httpMonitor = monitorHttpRequests();\n  const domMutationsMonitor = monitorDomMutations();\n  const performanceEntriesMonitor = monitorPerformanceEntries();\n\n  let allMonitorsSub: Subscription | undefined;\n  let allMonitorsObserver: Observable | undefined;\n\n  let timeoutId: number | undefined;\n  let actionRunning = false;\n\n  function processUserEvent(event: PointerEvent | KeyboardEvent) {\n    const userActionName = getUserActionName(\n      event.target as HTMLElement,\n      config.trackUserActionsDataAttributeName ?? userActionDataAttribute\n    );\n\n    if (actionRunning || userActionName == null) {\n      return;\n    }\n\n    actionRunning = true;\n\n    const startTime = dateNow();\n    let endTime: number | undefined;\n\n    const actionId = genShortID();\n\n    apiMessageBus.notify({\n      type: USER_ACTION_START_MESSAGE_TYPE,\n      name: userActionName,\n      startTime: startTime,\n      parentId: actionId,\n    });\n\n    // Triggers if no initial action happened within the first 100ms\n    timeoutId = startTimeout(timeoutId, () => {\n      endTime = dateNow();\n\n      // Listening for follow up activities stops once action is cancelled (set to false)\n      actionRunning = false;\n      sendUserActionCancelMessage(userActionName, actionId);\n    });\n\n    allMonitorsObserver = merge(httpMonitor, domMutationsMonitor, performanceEntriesMonitor);\n\n    allMonitorsSub = allMonitorsObserver\n      .takeWhile(() => actionRunning)\n      .subscribe(() => {\n        // A http request, a DOM mutation or a performance entry happened so we have a follow up activity and start the timeout again\n        // If timeout is triggered the user action is done and we send respective messages and events\n        timeoutId = startTimeout(timeoutId, () => {\n          endTime = dateNow();\n\n          const duration = endTime - startTime;\n          const eventType = event.type;\n\n          // order matters, first emit the user-action-end event and then push the event\n          apiMessageBus.notify({\n            type: USER_ACTION_END_MESSAGE_TYPE,\n            name: userActionName,\n            id: actionId,\n            startTime,\n            endTime,\n            duration,\n            eventType,\n          });\n\n          // Send the final action parent event\n          api.pushEvent(\n            userActionName,\n            {\n              userActionStartTime: startTime.toString(),\n              userActionEndTime: endTime.toString(),\n              userActionDuration: duration.toString(),\n              userActionEventType: eventType,\n            },\n            undefined,\n            {\n              timestampOverwriteMs: startTime,\n              customPayloadTransformer: (payload) => {\n                payload.action = {\n                  id: actionId,\n                  name: userActionName,\n                };\n\n                return payload;\n              },\n            }\n          );\n\n          // Ensure action is blocked until it is fully processed.\n          actionRunning = false;\n          allMonitorsSub?.unsubscribe();\n          allMonitorsObserver?.unsubscribeAll();\n        });\n      });\n  }\n\n  registerVisibilityChangeHandler(allMonitorsSub, allMonitorsObserver);\n\n  return processUserEvent;\n}\n\nfunction getUserActionName(element: HTMLElement, dataAttributeName: string): string | undefined {\n  const parsedDataAttributeName = convertDataAttributeName(dataAttributeName);\n  const dataset = element.dataset;\n\n  for (const key in dataset) {\n    if (key === parsedDataAttributeName) {\n      return dataset[key];\n    }\n  }\n\n  return undefined;\n}\n\nfunction startTimeout(timeoutId: number | undefined, cb: () => void) {\n  const maxTimeSpanTillUserActionEnd = 100;\n\n  if (timeoutId) {\n    clearTimeout(timeoutId);\n  }\n\n  //@ts-expect-error for some reason vscode is using the node types\n  timeoutId = setTimeout(() => {\n    cb();\n  }, maxTimeSpanTillUserActionEnd);\n\n  return timeoutId;\n}\n\nfunction sendUserActionCancelMessage(userActionName: string, actionId: string) {\n  apiMessageBus.notify({\n    type: USER_ACTION_CANCEL_MESSAGE_TYPE,\n    name: userActionName,\n    parentId: actionId,\n  });\n}\n\nfunction registerVisibilityChangeHandler(\n  allMonitorsSub: Subscription | undefined,\n  allMonitorsObserver: Observable | undefined\n) {\n  // stop monitoring in background tabs\n  document.addEventListener('visibilitychange', () => {\n    if (document.visibilityState === 'hidden') {\n      // Unsubscribe from all monitors when the tab goes into the background to free up resources (merge.unsubscribe() also unsubscribes from all inner observables)\n      // Monitors will be re-subscribed in the processEvent function when the first user action is detected\n      allMonitorsSub?.unsubscribe();\n      allMonitorsSub = undefined;\n\n      allMonitorsObserver?.unsubscribeAll();\n      allMonitorsObserver = undefined;\n    }\n  });\n}\n"]}
+{"version":3,"file":"processUserActionEventHandler.js","sourceRoot":"","sources":["../../../../src/instrumentations/userActions/processUserActionEventHandler.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  apiMessageBus,\n  dateNow,\n  genShortID,\n  Observable,\n  USER_ACTION_CANCEL,\n  USER_ACTION_END,\n  USER_ACTION_HALT,\n  USER_ACTION_START,\n} from '@grafana/faro-core';\nimport type { Faro, Subscription } from '@grafana/faro-core';\n\nimport {\n  MESSAGE_TYPE_HTTP_REQUEST_END,\n  MESSAGE_TYPE_HTTP_REQUEST_START,\n  userActionDataAttributeParsed as userActionDataAttribute,\n} from './const';\nimport { monitorDomMutations } from './domMutationMonitor';\nimport { monitorHttpRequests } from './httpRequestMonitor';\nimport { monitorPerformanceEntries } from './performanceEntriesMonitor';\nimport type { HttpRequestEndMessage, HttpRequestMessagePayload, HttpRequestStartMessage } from './types';\nimport { convertDataAttributeName } from './util';\n\nconst maxFollowUpActionTimeRange = 100;\n\nexport function getUserEventHandler(faro: Faro) {\n  const { api, config } = faro;\n\n  const httpMonitor = monitorHttpRequests();\n  const domMutationsMonitor = monitorDomMutations();\n  const performanceEntriesMonitor = monitorPerformanceEntries();\n\n  let timeoutId: number | undefined;\n  let actionRunning = false;\n\n  function processUserEvent(event: PointerEvent | KeyboardEvent) {\n    const userActionName = getUserActionName(\n      event.target as HTMLElement,\n      config.trackUserActionsDataAttributeName ?? userActionDataAttribute\n    );\n\n    if (actionRunning || userActionName == null) {\n      return;\n    }\n\n    actionRunning = true;\n\n    const startTime = dateNow();\n    let endTime: number | undefined;\n\n    const actionId = genShortID();\n\n    apiMessageBus.notify({\n      type: USER_ACTION_START,\n      name: userActionName,\n      startTime: startTime,\n      parentId: actionId,\n    });\n\n    // Triggers if no initial action happened within the first 100ms\n    timeoutId = startTimeout(\n      timeoutId,\n      () => {\n        endTime = dateNow();\n\n        // Listening for follow up activities stops once action is cancelled (set to false)\n        actionRunning = false;\n        sendUserActionCancelMessage(userActionName, actionId);\n      },\n      maxFollowUpActionTimeRange\n    );\n\n    const runningRequests = new Map<string, HttpRequestMessagePayload>();\n    let isHalted = false;\n    let pendingActionTimeoutId: number | undefined;\n\n    const allMonitorsSub = new Observable()\n      .merge(httpMonitor, domMutationsMonitor, performanceEntriesMonitor)\n      .takeWhile(() => actionRunning)\n      .filter((msg) => {\n        // If the user action is in halt state, we only keep listening to ended http requests\n        if (isHalted && !(isRequestEndMessage(msg) && runningRequests.has(msg.request.requestId))) {\n          return false;\n        }\n\n        return true;\n      })\n      .subscribe((msg) => {\n        if (isRequestStartMessage(msg)) {\n          // An action is on halt if it has pending items, like pending HTTP requests.\n          // In this case we start a separate timeout to wait for the requests to finish\n          // If in the halt state, we stop adding Faro signals to the action's buffer (see userActionLifecycleHandler.ts)\n          // But we are still subscribed to\n          runningRequests.set(msg.request.requestId, msg.request);\n        }\n        if (isRequestEndMessage(msg)) {\n          // console.log('request end msg :>> ', msg);\n          runningRequests.delete(msg.request.requestId);\n        }\n\n        // A http request, a DOM mutation or a performance entry happened so we have a follow up activity and start the timeout again\n        // If timeout is triggered the user action is done and we send respective messages and events\n        timeoutId = startTimeout(\n          timeoutId,\n          () => {\n            endTime = dateNow();\n\n            const userActionParentEventProps = { api, userActionName, startTime, endTime: endTime!, actionId, event };\n\n            const hasPendingRequests = runningRequests.size > 0;\n            const isAllPendingRequestsResolved = isHalted && !hasPendingRequests;\n\n            if (isAllPendingRequestsResolved) {\n              clearTimeout(pendingActionTimeoutId);\n              isHalted = false;\n            }\n\n            if (hasPendingRequests) {\n              isHalted = true;\n\n              apiMessageBus.notify({\n                type: USER_ACTION_HALT,\n                name: userActionName,\n                parentId: actionId,\n                reason: 'pending-requests',\n                haltTime: dateNow(),\n              });\n\n              pendingActionTimeoutId = startTimeout(\n                undefined,\n                () => {\n                  unsubscribeAllMonitors(allMonitorsSub);\n                  endUserAction(userActionParentEventProps);\n                  actionRunning = false;\n                  isHalted = false;\n                },\n                1000 * 10\n              );\n            } else {\n              unsubscribeAllMonitors(allMonitorsSub);\n              endUserAction(userActionParentEventProps);\n              actionRunning = false;\n              isHalted = false;\n            }\n          },\n          maxFollowUpActionTimeRange\n        );\n      });\n  }\n\n  return processUserEvent;\n}\n\n/**\n * User action was successfully completed and we send the final event(s)\n */\nfunction endUserAction(props: {\n  api: Faro['api'];\n  userActionName: string;\n  startTime: number;\n  endTime: number;\n  actionId: string;\n  event: PointerEvent | KeyboardEvent;\n}) {\n  const { api, userActionName, startTime, endTime, actionId, event } = props;\n  const duration = endTime - startTime;\n  const eventType = event.type;\n\n  // order matters, first emit the user-action-end event and afterwards push the parent event\n  apiMessageBus.notify({\n    type: USER_ACTION_END,\n    name: userActionName,\n    id: actionId,\n    startTime,\n    endTime,\n    duration,\n    eventType,\n  });\n\n  // Send the final action parent event\n  api.pushEvent(\n    userActionName,\n    {\n      userActionStartTime: startTime.toString(),\n      userActionEndTime: endTime.toString(),\n      userActionDuration: duration.toString(),\n      userActionEventType: eventType,\n    },\n    undefined,\n    {\n      timestampOverwriteMs: startTime,\n      customPayloadTransformer: (payload) => {\n        payload.action = {\n          id: actionId,\n          name: userActionName,\n        };\n\n        return payload;\n      },\n    }\n  );\n}\n\nfunction getUserActionName(element: HTMLElement, dataAttributeName: string): string | undefined {\n  const parsedDataAttributeName = convertDataAttributeName(dataAttributeName);\n  const dataset = element.dataset;\n\n  for (const key in dataset) {\n    if (key === parsedDataAttributeName) {\n      return dataset[key];\n    }\n  }\n\n  return undefined;\n}\n\nfunction startTimeout(timeoutId: number | undefined, cb: () => void, delay: number) {\n  if (timeoutId) {\n    clearTimeout(timeoutId);\n  }\n\n  //@ts-expect-error for some reason vscode is using the node types\n  timeoutId = setTimeout(() => {\n    cb();\n  }, delay);\n\n  return timeoutId;\n}\n\nfunction sendUserActionCancelMessage(userActionName: string, actionId: string) {\n  apiMessageBus.notify({\n    type: USER_ACTION_CANCEL,\n    name: userActionName,\n    parentId: actionId,\n  });\n}\n\nfunction unsubscribeAllMonitors(allMonitorsSub: Subscription | undefined) {\n  allMonitorsSub?.unsubscribe();\n  allMonitorsSub = undefined;\n}\n\nfunction isRequestStartMessage(msg: any): msg is HttpRequestStartMessage {\n  return msg.type === MESSAGE_TYPE_HTTP_REQUEST_START;\n}\n\nfunction isRequestEndMessage(msg: any): msg is HttpRequestEndMessage {\n  return msg.type === MESSAGE_TYPE_HTTP_REQUEST_END;\n}\n"]}

package/dist/cjs/instrumentations/userActions/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/instrumentations/userActions/types.ts"],"names":[],"mappings":"","sourcesContent":["import type {\n  MESSAGE_TYPE_DOM_MUTATION,\n  MESSAGE_TYPE_HTTP_REQUEST_END,\n  MESSAGE_TYPE_HTTP_REQUEST_START,\n} from './const';\n\nexport type DomMutationMessage = {\n  type: typeof MESSAGE_TYPE_DOM_MUTATION;\n};\n\nexport type HttpRequestStartMessage = {\n  type: typeof MESSAGE_TYPE_HTTP_REQUEST_START;\n  pending: number;\n};\n\nexport type HttpRequestEndMessage = {\n  type: typeof MESSAGE_TYPE_HTTP_REQUEST_END;\n  pending: number;\n};\n"]}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/instrumentations/userActions/types.ts"],"names":[],"mappings":"","sourcesContent":["import type {\n  MESSAGE_TYPE_DOM_MUTATION,\n  MESSAGE_TYPE_HTTP_REQUEST_END,\n  MESSAGE_TYPE_HTTP_REQUEST_START,\n} from './const';\n\nexport type DomMutationMessage = {\n  type: typeof MESSAGE_TYPE_DOM_MUTATION;\n};\n\ntype RequestApiType = 'xhr' | 'fetch';\n\nexport type HttpRequestMessagePayload = {\n  requestId: string;\n  url: string;\n  method: string;\n  apiType: RequestApiType;\n};\n\nexport type HttpRequestStartMessage = {\n  type: typeof MESSAGE_TYPE_HTTP_REQUEST_START;\n  request: HttpRequestMessagePayload;\n};\n\nexport type HttpRequestEndMessage = {\n  type: typeof MESSAGE_TYPE_HTTP_REQUEST_END;\n  request: HttpRequestMessagePayload;\n};\n"]}

package/dist/cjs/instrumentations/userActions/util.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.convertDataAttributeName = void 0;
+exports.convertDataAttributeName = convertDataAttributeName;
 /**
  * Parses the action attribute name by removing the 'data-' prefix and converting
  * the remaining string to camelCase.
@@ -13,5 +13,4 @@ function convertDataAttributeName(userActionDataAttribute) {
     var withUpperCase = withoutData === null || withoutData === void 0 ? void 0 : withoutData.replace(/-(.)/g, function (_, char) { return char.toUpperCase(); });
     return withUpperCase === null || withUpperCase === void 0 ? void 0 : withUpperCase.replace(/-/g, '');
 }
-exports.convertDataAttributeName = convertDataAttributeName;
 //# sourceMappingURL=util.js.map

package/dist/cjs/instrumentations/userActions/util.js.map

@@ -1 +1 @@
-{"version":3,"file":"util.js","sourceRoot":"","sources":["../../../../src/instrumentations/userActions/util.ts"],"names":[],"mappings":";;;AAAA;;;;;;GAMG;AACH,SAAgB,wBAAwB,CAAC,uBAA+B;IACtE,IAAM,WAAW,GAAG,uBAAuB,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;IAC9D,IAAM,aAAa,GAAG,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,OAAO,CAAC,OAAO,EAAE,UAAC,CAAC,EAAE,IAAI,IAAK,OAAA,IAAI,CAAC,WAAW,EAAE,EAAlB,CAAkB,CAAC,CAAC;IACrF,OAAO,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;AAC1C,CAAC;AAJD,4DAIC","sourcesContent":["/**\n * Parses the action attribute name by removing the 'data-' prefix and converting\n * the remaining string to camelCase.\n *\n * This is needed because the browser will remove the 'data-' prefix and the dashes from\n * data attributes and make then camelCase.\n */\nexport function convertDataAttributeName(userActionDataAttribute: string) {\n  const withoutData = userActionDataAttribute.split('data-')[1];\n  const withUpperCase = withoutData?.replace(/-(.)/g, (_, char) => char.toUpperCase());\n  return withUpperCase?.replace(/-/g, '');\n}\n"]}
+{"version":3,"file":"util.js","sourceRoot":"","sources":["../../../../src/instrumentations/userActions/util.ts"],"names":[],"mappings":";;AAOA,4DAIC;AAXD;;;;;;GAMG;AACH,SAAgB,wBAAwB,CAAC,uBAA+B;IACtE,IAAM,WAAW,GAAG,uBAAuB,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;IAC9D,IAAM,aAAa,GAAG,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,OAAO,CAAC,OAAO,EAAE,UAAC,CAAC,EAAE,IAAI,IAAK,OAAA,IAAI,CAAC,WAAW,EAAE,EAAlB,CAAkB,CAAC,CAAC;IACrF,OAAO,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;AAC1C,CAAC","sourcesContent":["/**\n * Parses the action attribute name by removing the 'data-' prefix and converting\n * the remaining string to camelCase.\n *\n * This is needed because the browser will remove the 'data-' prefix and the dashes from\n * data attributes and make then camelCase.\n */\nexport function convertDataAttributeName(userActionDataAttribute: string) {\n  const withoutData = userActionDataAttribute.split('data-')[1];\n  const withUpperCase = withoutData?.replace(/-(.)/g, (_, char) => char.toUpperCase());\n  return withUpperCase?.replace(/-/g, '');\n}\n"]}

package/dist/cjs/instrumentations/view/instrumentation.js.map

@@ -1 +1 @@
-{"version":3,"file":"instrumentation.js","sourceRoot":"","sources":["../../../../src/instrumentations/view/instrumentation.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,gDAAqH;AAErH,2CAA2C;AAC3C;IAAyC,uCAAmB;IAA5D;QAAA,qEA6BC;QA5BU,UAAI,GAAG,4CAA4C,CAAC;QACpD,aAAO,GAAG,mBAAO,CAAC;;IA2B7B,CAAC;IArBS,kDAAoB,GAA5B,UAA6B,IAAU;;QACrC,IAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;QAEvB,IAAI,IAAI,IAAI,IAAI,CAAC,IAAI,MAAK,MAAA,IAAI,CAAC,YAAY,0CAAE,IAAI,CAAA,EAAE;YACjD,IAAI,CAAC,GAAG,CAAC,SAAS,CAChB,8BAAkB,EAClB;gBACE,QAAQ,EAAE,MAAA,MAAA,IAAI,CAAC,YAAY,0CAAE,IAAI,mCAAI,yBAAa;gBAClD,MAAM,EAAE,MAAA,IAAI,CAAC,IAAI,mCAAI,yBAAa;aACnC,EACD,SAAS,EACT,EAAE,UAAU,EAAE,IAAI,EAAE,CACrB,CAAC;YAEF,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;SAC1B;IACH,CAAC;IAED,wCAAU,GAAV;QACE,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;IAC/D,CAAC;IACH,0BAAC;AAAD,CAAC,AA7BD,CAAyC,+BAAmB,GA6B3D;AA7BY,kDAAmB","sourcesContent":["import { BaseInstrumentation, EVENT_VIEW_CHANGED, Meta, MetaView, unknownString, VERSION } from '@grafana/faro-core';\n\n// all this does is send VIEW_CHANGED event\nexport class ViewInstrumentation extends BaseInstrumentation {\n  readonly name = '@grafana/faro-web-sdk:instrumentation-view';\n  readonly version = VERSION;\n\n  // previously notified view, to ensure we don't send view changed\n  // event twice for the same view\n  private notifiedView: MetaView | undefined;\n\n  private sendViewChangedEvent(meta: Meta): void {\n    const view = meta.view;\n\n    if (view && view.name !== this.notifiedView?.name) {\n      this.api.pushEvent(\n        EVENT_VIEW_CHANGED,\n        {\n          fromView: this.notifiedView?.name ?? unknownString,\n          toView: view.name ?? unknownString,\n        },\n        undefined,\n        { skipDedupe: true }\n      );\n\n      this.notifiedView = view;\n    }\n  }\n\n  initialize() {\n    this.metas.addListener(this.sendViewChangedEvent.bind(this));\n  }\n}\n"]}
+{"version":3,"file":"instrumentation.js","sourceRoot":"","sources":["../../../../src/instrumentations/view/instrumentation.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,gDAAqG;AAGrG,2CAA2C;AAC3C;IAAyC,uCAAmB;IAA5D;;QACW,UAAI,GAAG,4CAA4C,CAAC;QACpD,aAAO,GAAG,mBAAO,CAAC;;IA2B7B,CAAC;IArBS,kDAAoB,GAA5B,UAA6B,IAAU;;QACrC,IAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;QAEvB,IAAI,IAAI,IAAI,IAAI,CAAC,IAAI,MAAK,MAAA,IAAI,CAAC,YAAY,0CAAE,IAAI,CAAA,EAAE,CAAC;YAClD,IAAI,CAAC,GAAG,CAAC,SAAS,CAChB,8BAAkB,EAClB;gBACE,QAAQ,EAAE,MAAA,MAAA,IAAI,CAAC,YAAY,0CAAE,IAAI,mCAAI,yBAAa;gBAClD,MAAM,EAAE,MAAA,IAAI,CAAC,IAAI,mCAAI,yBAAa;aACnC,EACD,SAAS,EACT,EAAE,UAAU,EAAE,IAAI,EAAE,CACrB,CAAC;YAEF,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;QAC3B,CAAC;IACH,CAAC;IAED,wCAAU,GAAV;QACE,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;IAC/D,CAAC;IACH,0BAAC;AAAD,CAAC,AA7BD,CAAyC,+BAAmB,GA6B3D;AA7BY,kDAAmB","sourcesContent":["import { BaseInstrumentation, EVENT_VIEW_CHANGED, unknownString, VERSION } from '@grafana/faro-core';\nimport type { Meta, MetaView } from '@grafana/faro-core';\n\n// all this does is send VIEW_CHANGED event\nexport class ViewInstrumentation extends BaseInstrumentation {\n  readonly name = '@grafana/faro-web-sdk:instrumentation-view';\n  readonly version = VERSION;\n\n  // previously notified view, to ensure we don't send view changed\n  // event twice for the same view\n  private notifiedView: MetaView | undefined;\n\n  private sendViewChangedEvent(meta: Meta): void {\n    const view = meta.view;\n\n    if (view && view.name !== this.notifiedView?.name) {\n      this.api.pushEvent(\n        EVENT_VIEW_CHANGED,\n        {\n          fromView: this.notifiedView?.name ?? unknownString,\n          toView: view.name ?? unknownString,\n        },\n        undefined,\n        { skipDedupe: true }\n      );\n\n      this.notifiedView = view;\n    }\n  }\n\n  initialize() {\n    this.metas.addListener(this.sendViewChangedEvent.bind(this));\n  }\n}\n"]}

package/dist/cjs/instrumentations/webVitals/instrumentation.js.map

@@ -1 +1 @@
-{"version":3,"file":"instrumentation.js","sourceRoot":"","sources":["../../../../src/instrumentations/webVitals/instrumentation.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,gDAAkE;AAElE,mDAAkD;AAClD,uEAAsE;AAEtE;IAA8C,4CAAmB;IAAjE;QAAA,qEAgBC;QAfU,UAAI,GAAG,kDAAkD,CAAC;QAC1D,aAAO,GAAG,mBAAO,CAAC;;IAc7B,CAAC;IAZC,6CAAU,GAAV;QACE,IAAI,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC;QAC9B,IAAM,SAAS,GAAG,IAAI,CAAC,iCAAiC,EAAE,CAAC;QAC3D,SAAS,CAAC,UAAU,EAAE,CAAC;IACzB,CAAC;IAEO,oEAAiC,GAAzC;;QACE,IAAI,MAAA,IAAI,CAAC,MAAM,0CAAE,yBAAyB,EAAE;YAC1C,OAAO,IAAI,mDAAwB,CAAC,IAAI,CAAC,GAAG,CAAC,eAAe,EAAE,IAAI,CAAC,MAAM,CAAC,wBAAwB,CAAC,CAAC;SACrG;QACD,OAAO,IAAI,+BAAc,CAAC,IAAI,CAAC,GAAG,CAAC,eAAe,EAAE,IAAI,CAAC,MAAM,CAAC,wBAAwB,CAAC,CAAC;IAC5F,CAAC;IACH,+BAAC;AAAD,CAAC,AAhBD,CAA8C,+BAAmB,GAgBhE;AAhBY,4DAAwB","sourcesContent":["import { BaseInstrumentation, VERSION } from '@grafana/faro-core';\n\nimport { WebVitalsBasic } from './webVitalsBasic';\nimport { WebVitalsWithAttribution } from './webVitalsWithAttribution';\n\nexport class WebVitalsInstrumentation extends BaseInstrumentation {\n  readonly name = '@grafana/faro-web-sdk:instrumentation-web-vitals';\n  readonly version = VERSION;\n\n  initialize(): void {\n    this.logDebug('Initializing');\n    const webVitals = this.intializeWebVitalsInstrumentation();\n    webVitals.initialize();\n  }\n\n  private intializeWebVitalsInstrumentation() {\n    if (this.config?.trackWebVitalsAttribution) {\n      return new WebVitalsWithAttribution(this.api.pushMeasurement, this.config.webVitalsInstrumentation);\n    }\n    return new WebVitalsBasic(this.api.pushMeasurement, this.config.webVitalsInstrumentation);\n  }\n}\n"]}
+{"version":3,"file":"instrumentation.js","sourceRoot":"","sources":["../../../../src/instrumentations/webVitals/instrumentation.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,gDAAkE;AAElE,mDAAkD;AAClD,uEAAsE;AAEtE;IAA8C,4CAAmB;IAAjE;;QACW,UAAI,GAAG,kDAAkD,CAAC;QAC1D,aAAO,GAAG,mBAAO,CAAC;;IAc7B,CAAC;IAZC,6CAAU,GAAV;QACE,IAAI,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC;QAC9B,IAAM,SAAS,GAAG,IAAI,CAAC,iCAAiC,EAAE,CAAC;QAC3D,SAAS,CAAC,UAAU,EAAE,CAAC;IACzB,CAAC;IAEO,oEAAiC,GAAzC;;QACE,IAAI,MAAA,IAAI,CAAC,MAAM,0CAAE,yBAAyB,EAAE,CAAC;YAC3C,OAAO,IAAI,mDAAwB,CAAC,IAAI,CAAC,GAAG,CAAC,eAAe,EAAE,IAAI,CAAC,MAAM,CAAC,wBAAwB,CAAC,CAAC;QACtG,CAAC;QACD,OAAO,IAAI,+BAAc,CAAC,IAAI,CAAC,GAAG,CAAC,eAAe,EAAE,IAAI,CAAC,MAAM,CAAC,wBAAwB,CAAC,CAAC;IAC5F,CAAC;IACH,+BAAC;AAAD,CAAC,AAhBD,CAA8C,+BAAmB,GAgBhE;AAhBY,4DAAwB","sourcesContent":["import { BaseInstrumentation, VERSION } from '@grafana/faro-core';\n\nimport { WebVitalsBasic } from './webVitalsBasic';\nimport { WebVitalsWithAttribution } from './webVitalsWithAttribution';\n\nexport class WebVitalsInstrumentation extends BaseInstrumentation {\n  readonly name = '@grafana/faro-web-sdk:instrumentation-web-vitals';\n  readonly version = VERSION;\n\n  initialize(): void {\n    this.logDebug('Initializing');\n    const webVitals = this.intializeWebVitalsInstrumentation();\n    webVitals.initialize();\n  }\n\n  private intializeWebVitalsInstrumentation() {\n    if (this.config?.trackWebVitalsAttribution) {\n      return new WebVitalsWithAttribution(this.api.pushMeasurement, this.config.webVitalsInstrumentation);\n    }\n    return new WebVitalsBasic(this.api.pushMeasurement, this.config.webVitalsInstrumentation);\n  }\n}\n"]}