@amplitude/plugin-autocapture-browser 1.17.1 → 1.18.0-zen-observable-migration.0

package/lib/cjs/autocapture/track-action-click.d.ts

@@ -8,5 +8,5 @@ export declare function trackActionClick({ amplitude, allObservables, options, g
     getEventProperties: (actionType: ActionType, element: Element) => Record<string, any>;
     shouldTrackActionClick: shouldTrackEvent;
     shouldTrackEvent: shouldTrackEvent;
-}): import("rxjs").Subscription;
+}): ZenObservable.Subscription | undefined;
 //# sourceMappingURL=track-action-click.d.ts.map

package/lib/cjs/autocapture/track-action-click.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"track-action-click.d.ts","sourceRoot":"","sources":["../../../src/autocapture/track-action-click.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,8BAA8B,EAAmB,MAAM,wBAAwB,CAAC;AAE/G,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACtE,OAAO,EAIL,gBAAgB,EACjB,MAAM,YAAY,CAAC;AAGpB,wBAAgB,gBAAgB,CAAC,EAC/B,SAAS,EACT,cAAc,EACd,OAAO,EACP,kBAAkB,EAClB,gBAAgB,EAChB,sBAAsB,GACvB,EAAE;IACD,SAAS,EAAE,aAAa,CAAC;IACzB,cAAc,EAAE,oBAAoB,CAAC;IACrC,OAAO,EAAE,8BAA8B,CAAC;IACxC,kBAAkB,EAAE,CAAC,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,KAAK,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACtF,sBAAsB,EAAE,gBAAgB,CAAC;IACzC,gBAAgB,EAAE,gBAAgB,CAAC;CACpC,+BAsDA"}
+{"version":3,"file":"track-action-click.d.ts","sourceRoot":"","sources":["../../../src/autocapture/track-action-click.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,8BAA8B,EAAE,MAAM,wBAAwB,CAAC;AAC9F,OAAO,EAAE,aAAa,EAAE,UAAU,EAAmB,MAAM,2BAA2B,CAAC;AACvF,OAAO,EAIL,gBAAgB,EAEjB,MAAM,YAAY,CAAC;AAGpB,wBAAgB,gBAAgB,CAAC,EAC/B,SAAS,EACT,cAAc,EACd,OAAO,EACP,kBAAkB,EAClB,gBAAgB,EAChB,sBAAsB,GACvB,EAAE;IACD,SAAS,EAAE,aAAa,CAAC;IACzB,cAAc,EAAE,oBAAoB,CAAC;IACrC,OAAO,EAAE,8BAA8B,CAAC;IACxC,kBAAkB,EAAE,CAAC,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,KAAK,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACtF,sBAAsB,EAAE,gBAAgB,CAAC;IACzC,gBAAgB,EAAE,gBAAgB,CAAC;CACpC,0CA2EA"}

package/lib/cjs/autocapture/track-action-click.js

@@ -1,17 +1,22 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.trackActionClick = void 0;
-var tslib_1 = require("tslib");
-var rxjs_1 = require("rxjs");
+var analytics_core_1 = require("@amplitude/analytics-core");
 var helpers_1 = require("../helpers");
 var constants_1 = require("../constants");
 function trackActionClick(_a) {
     var amplitude = _a.amplitude, allObservables = _a.allObservables, options = _a.options, getEventProperties = _a.getEventProperties, shouldTrackEvent = _a.shouldTrackEvent, shouldTrackActionClick = _a.shouldTrackActionClick;
-    var clickObservable = allObservables.clickObservable, mutationObservable = allObservables.mutationObservable, navigateObservable = allObservables.navigateObservable;
-    var filteredClickObservable = clickObservable.pipe((0, rxjs_1.filter)(function (click) {
-        // Filter out regularly tracked click events that are already handled in trackClicks
+    var clickObservableZen = allObservables.clickObservableZen, mutationObservableZen = allObservables.mutationObservableZen, navigateObservableZen = allObservables.navigateObservableZen;
+    // TODO: remove this once we're ready for ZenObservable and they become not optional
+    /* istanbul ignore if */
+    if (!clickObservableZen || !mutationObservableZen) {
+        return;
+    }
+    var filteredClickObservable = clickObservableZen
+        .filter(function (click) {
         return !shouldTrackEvent('click', click.closestTrackedAncestor);
-    }), (0, rxjs_1.map)(function (click) {
+    })
+        .map(function (click) {
         // overwrite the closestTrackedAncestor with the closest element that is on the actionClickAllowlist
         var closestActionClickEl = (0, helpers_1.getClosestElement)(click.event.target, options.actionClickAllowlist);
         click.closestTrackedAncestor = closestActionClickEl;
@@ -20,24 +25,48 @@ function trackActionClick(_a) {
             click.targetElementProperties = getEventProperties(click.type, click.closestTrackedAncestor);
         }
         return click;
-    }), (0, rxjs_1.filter)(helpers_1.filterOutNonTrackableEvents), (0, rxjs_1.filter)(function (clickEvent) {
+    })
+        .filter(helpers_1.filterOutNonTrackableEvents)
+        .filter(function (clickEvent) {
         // Only track change on elements that should be tracked
         return shouldTrackActionClick('click', clickEvent.closestTrackedAncestor);
-    }));
-    var changeObservables = [mutationObservable];
-    /* istanbul ignore next */
-    if (navigateObservable) {
-        changeObservables.push(navigateObservable);
-    }
-    var mutationOrNavigate = rxjs_1.merge.apply(void 0, tslib_1.__spreadArray([], tslib_1.__read(changeObservables), false));
-    var actionClicks = filteredClickObservable.pipe(
-    // If a mutation occurs within 0.5 seconds of a click event (timeout({ first: 500 })), it emits the original first click event.
-    // take 1 to only limit the action events in case there are multiple
-    (0, rxjs_1.switchMap)(function (click) {
-        return mutationOrNavigate.pipe((0, rxjs_1.take)(1), (0, rxjs_1.timeout)({ first: 500, with: function () { return rxjs_1.EMPTY; } }), // in case of timeout, map to empty to prevent any click from being emitted
-        (0, rxjs_1.map)(function () { return click; }));
-    }));
-    return actionClicks.subscribe(function (actionClick) {
+    });
+    var mutationOrNavigate = navigateObservableZen
+        ? (0, analytics_core_1.merge)(mutationObservableZen, navigateObservableZen)
+        : mutationObservableZen;
+    var clickMutationNavigateObservable = (0, analytics_core_1.merge)(filteredClickObservable, mutationOrNavigate);
+    var actionClickTimer = null;
+    var lastClickEvent = null;
+    var actionClickObservable = (0, analytics_core_1.asyncMap)(clickMutationNavigateObservable, function (event) {
+        // clear any previous timer
+        if (actionClickTimer) {
+            clearTimeout(actionClickTimer);
+            actionClickTimer = null;
+        }
+        if (event.type === 'click') {
+            // mark the 'last click event'
+            lastClickEvent = event;
+            // set a timer to clear last click event if no mutation event between now and 500ms
+            actionClickTimer = setTimeout(function () {
+                actionClickTimer = null;
+                lastClickEvent = null;
+                return null;
+            }, 500);
+            return Promise.resolve(null);
+        }
+        else {
+            // if mutation/navigation + last click event, then it's an action click
+            if (lastClickEvent) {
+                var event_1 = lastClickEvent;
+                lastClickEvent = null;
+                return Promise.resolve(event_1);
+            }
+        }
+        return Promise.resolve(null);
+    });
+    return actionClickObservable.subscribe(function (actionClick) {
+        if (!actionClick)
+            return;
         /* istanbul ignore next */
         amplitude === null || amplitude === void 0 ? void 0 : amplitude.track(constants_1.AMPLITUDE_ELEMENT_CLICKED_EVENT, getEventProperties('click', actionClick.closestTrackedAncestor));
     });

package/lib/cjs/autocapture/track-action-click.js.map

@@ -1 +1 @@
-{"version":3,"file":"track-action-click.js","sourceRoot":"","sources":["../../../src/autocapture/track-action-click.ts"],"names":[],"mappings":";;;;AACA,6BAA2E;AAE3E,sCAKoB;AACpB,0CAA+D;AAE/D,SAAgB,gBAAgB,CAAC,EAchC;QAbC,SAAS,eAAA,EACT,cAAc,oBAAA,EACd,OAAO,aAAA,EACP,kBAAkB,wBAAA,EAClB,gBAAgB,sBAAA,EAChB,sBAAsB,4BAAA;IASd,IAAA,eAAe,GAA6C,cAAc,gBAA3D,EAAE,kBAAkB,GAAyB,cAAc,mBAAvC,EAAE,kBAAkB,GAAK,cAAc,mBAAnB,CAAoB;IAEnF,IAAM,uBAAuB,GAAG,eAAe,CAAC,IAAI,CAClD,IAAA,aAAM,EAAC,UAAC,KAAK;QACX,oFAAoF;QACpF,OAAO,CAAC,gBAAgB,CAAC,OAAO,EAAE,KAAK,CAAC,sBAAsB,CAAC,CAAC;IAClE,CAAC,CAAC,EACF,IAAA,UAAG,EAAC,UAAC,KAAK;QACR,oGAAoG;QACpG,IAAM,oBAAoB,GAAG,IAAA,2BAAiB,EAAC,KAAK,CAAC,KAAK,CAAC,MAAiB,EAAE,OAAO,CAAC,oBAAoB,CAAC,CAAC;QAC5G,KAAK,CAAC,sBAAsB,GAAG,oBAA+B,CAAC;QAE/D,wFAAwF;QACxF,IAAI,KAAK,CAAC,sBAAsB,KAAK,IAAI,EAAE;YACzC,KAAK,CAAC,uBAAuB,GAAG,kBAAkB,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,sBAAsB,CAAC,CAAC;SAC9F;QACD,OAAO,KAAK,CAAC;IACf,CAAC,CAAC,EACF,IAAA,aAAM,EAAC,qCAA2B,CAAC,EACnC,IAAA,aAAM,EAAC,UAAC,UAAU;QAChB,uDAAuD;QACvD,OAAO,sBAAsB,CAAC,OAAO,EAAE,UAAU,CAAC,sBAAsB,CAAC,CAAC;IAC5E,CAAC,CAAC,CACH,CAAC;IAEF,IAAM,iBAAiB,GAEnB,CAAC,kBAAkB,CAAC,CAAC;IACzB,0BAA0B;IAC1B,IAAI,kBAAkB,EAAE;QACtB,iBAAiB,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC;KAC5C;IACD,IAAM,kBAAkB,GAAG,YAAK,wDAAI,iBAAiB,UAAC,CAAC;IAEvD,IAAM,YAAY,GAAG,uBAAuB,CAAC,IAAI;IAC/C,+HAA+H;IAC/H,oEAAoE;IACpE,IAAA,gBAAS,EAAC,UAAC,KAAK;QACd,OAAA,kBAAkB,CAAC,IAAI,CACrB,IAAA,WAAI,EAAC,CAAC,CAAC,EACP,IAAA,cAAO,EAAC,EAAE,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,cAAM,OAAA,YAAK,EAAL,CAAK,EAAE,CAAC,EAAE,2EAA2E;QACvH,IAAA,UAAG,EAAC,cAAM,OAAA,KAAK,EAAL,CAAK,CAAC,CACjB;IAJD,CAIC,CACF,CACF,CAAC;IAEF,OAAO,YAAY,CAAC,SAAS,CAAC,UAAC,WAAW;QACxC,0BAA0B;QAC1B,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,KAAK,CACd,2CAA+B,EAC/B,kBAAkB,CAAC,OAAO,EAAG,WAAwD,CAAC,sBAAsB,CAAC,CAC9G,CAAC;IACJ,CAAC,CAAC,CAAC;AACL,CAAC;AApED,4CAoEC","sourcesContent":["import { AllWindowObservables, AutoCaptureOptionsWithDefaults, ObservablesEnum } from 'src/autocapture-plugin';\nimport { filter, map, merge, switchMap, take, timeout, EMPTY } from 'rxjs';\nimport { BrowserClient, ActionType } from '@amplitude/analytics-core';\nimport {\n  ElementBasedTimestampedEvent,\n  filterOutNonTrackableEvents,\n  getClosestElement,\n  shouldTrackEvent,\n} from '../helpers';\nimport { AMPLITUDE_ELEMENT_CLICKED_EVENT } from '../constants';\n\nexport function trackActionClick({\n  amplitude,\n  allObservables,\n  options,\n  getEventProperties,\n  shouldTrackEvent,\n  shouldTrackActionClick,\n}: {\n  amplitude: BrowserClient;\n  allObservables: AllWindowObservables;\n  options: AutoCaptureOptionsWithDefaults;\n  getEventProperties: (actionType: ActionType, element: Element) => Record<string, any>;\n  shouldTrackActionClick: shouldTrackEvent;\n  shouldTrackEvent: shouldTrackEvent;\n}) {\n  const { clickObservable, mutationObservable, navigateObservable } = allObservables;\n\n  const filteredClickObservable = clickObservable.pipe(\n    filter((click) => {\n      // Filter out regularly tracked click events that are already handled in trackClicks\n      return !shouldTrackEvent('click', click.closestTrackedAncestor);\n    }),\n    map((click) => {\n      // overwrite the closestTrackedAncestor with the closest element that is on the actionClickAllowlist\n      const closestActionClickEl = getClosestElement(click.event.target as Element, options.actionClickAllowlist);\n      click.closestTrackedAncestor = closestActionClickEl as Element;\n\n      // overwrite the targetElementProperties with the properties of the closestActionClickEl\n      if (click.closestTrackedAncestor !== null) {\n        click.targetElementProperties = getEventProperties(click.type, click.closestTrackedAncestor);\n      }\n      return click;\n    }),\n    filter(filterOutNonTrackableEvents),\n    filter((clickEvent) => {\n      // Only track change on elements that should be tracked\n      return shouldTrackActionClick('click', clickEvent.closestTrackedAncestor);\n    }),\n  );\n\n  const changeObservables: Array<\n    AllWindowObservables[ObservablesEnum.MutationObservable] | AllWindowObservables[ObservablesEnum.NavigateObservable]\n  > = [mutationObservable];\n  /* istanbul ignore next */\n  if (navigateObservable) {\n    changeObservables.push(navigateObservable);\n  }\n  const mutationOrNavigate = merge(...changeObservables);\n\n  const actionClicks = filteredClickObservable.pipe(\n    // If a mutation occurs within 0.5 seconds of a click event (timeout({ first: 500 })), it emits the original first click event.\n    // take 1 to only limit the action events in case there are multiple\n    switchMap((click) =>\n      mutationOrNavigate.pipe(\n        take(1),\n        timeout({ first: 500, with: () => EMPTY }), // in case of timeout, map to empty to prevent any click from being emitted\n        map(() => click),\n      ),\n    ),\n  );\n\n  return actionClicks.subscribe((actionClick) => {\n    /* istanbul ignore next */\n    amplitude?.track(\n      AMPLITUDE_ELEMENT_CLICKED_EVENT,\n      getEventProperties('click', (actionClick as ElementBasedTimestampedEvent<MouseEvent>).closestTrackedAncestor),\n    );\n  });\n}\n"]}
+{"version":3,"file":"track-action-click.js","sourceRoot":"","sources":["../../../src/autocapture/track-action-click.ts"],"names":[],"mappings":";;;AACA,4DAAuF;AACvF,sCAMoB;AACpB,0CAA+D;AAE/D,SAAgB,gBAAgB,CAAC,EAchC;QAbC,SAAS,eAAA,EACT,cAAc,oBAAA,EACd,OAAO,aAAA,EACP,kBAAkB,wBAAA,EAClB,gBAAgB,sBAAA,EAChB,sBAAsB,4BAAA;IASd,IAAA,kBAAkB,GAAmD,cAAc,mBAAjE,EAAE,qBAAqB,GAA4B,cAAc,sBAA1C,EAAE,qBAAqB,GAAK,cAAc,sBAAnB,CAAoB;IAE5F,oFAAoF;IACpF,wBAAwB;IACxB,IAAI,CAAC,kBAAkB,IAAI,CAAC,qBAAqB,EAAE;QACjD,OAAO;KACR;IAED,IAAM,uBAAuB,GAAG,kBAAkB;SAC/C,MAAM,CAAC,UAAC,KAAK;QACZ,OAAO,CAAC,gBAAgB,CAAC,OAAO,EAAE,KAAK,CAAC,sBAAsB,CAAC,CAAC;IAClE,CAAC,CAAC;SACD,GAAG,CAAC,UAAC,KAAK;QACT,oGAAoG;QACpG,IAAM,oBAAoB,GAAG,IAAA,2BAAiB,EAAC,KAAK,CAAC,KAAK,CAAC,MAAiB,EAAE,OAAO,CAAC,oBAAoB,CAAC,CAAC;QAC5G,KAAK,CAAC,sBAAsB,GAAG,oBAA+B,CAAC;QAE/D,wFAAwF;QACxF,IAAI,KAAK,CAAC,sBAAsB,KAAK,IAAI,EAAE;YACzC,KAAK,CAAC,uBAAuB,GAAG,kBAAkB,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,sBAAsB,CAAC,CAAC;SAC9F;QACD,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;SACD,MAAM,CAAC,qCAA2B,CAAC;SACnC,MAAM,CAAC,UAAC,UAAU;QACjB,uDAAuD;QACvD,OAAO,sBAAsB,CAAC,OAAO,EAAE,UAAU,CAAC,sBAAsB,CAAC,CAAC;IAC5E,CAAC,CAAC,CAAC;IAEL,IAAM,kBAAkB,GAAG,qBAAqB;QAC9C,CAAC,CAAC,IAAA,sBAAK,EAAC,qBAAqB,EAAE,qBAAqB,CAAC;QACrD,CAAC,CAAC,qBAAqB,CAAC;IAE1B,IAAM,+BAA+B,GAAG,IAAA,sBAAK,EAAC,uBAAuB,EAAE,kBAAkB,CAAC,CAAC;IAE3F,IAAI,gBAAgB,GAAyC,IAAI,CAAC;IAClE,IAAI,cAAc,GAAiC,IAAI,CAAC;IAExD,IAAM,qBAAqB,GAAG,IAAA,yBAAQ,EAAC,+BAA+B,EAAE,UAAC,KAAK;QAC5E,2BAA2B;QAC3B,IAAI,gBAAgB,EAAE;YACpB,YAAY,CAAC,gBAAgB,CAAC,CAAC;YAC/B,gBAAgB,GAAG,IAAI,CAAC;SACzB;QACD,IAAI,KAAK,CAAC,IAAI,KAAK,OAAO,EAAE;YAC1B,8BAA8B;YAC9B,cAAc,GAAG,KAAK,CAAC;YAEvB,mFAAmF;YACnF,gBAAgB,GAAG,UAAU,CAAC;gBAC5B,gBAAgB,GAAG,IAAI,CAAC;gBACxB,cAAc,GAAG,IAAI,CAAC;gBACtB,OAAO,IAAI,CAAC;YACd,CAAC,EAAE,GAAG,CAAC,CAAC;YACR,OAAO,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;SAC9B;aAAM;YACL,uEAAuE;YACvE,IAAI,cAAc,EAAE;gBAClB,IAAM,OAAK,GAAG,cAAc,CAAC;gBAC7B,cAAc,GAAG,IAAI,CAAC;gBACtB,OAAO,OAAO,CAAC,OAAO,CAAC,OAAK,CAAC,CAAC;aAC/B;SACF;QACD,OAAO,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/B,CAAC,CAAC,CAAC;IAEH,OAAO,qBAAqB,CAAC,SAAS,CAAC,UAAC,WAAW;QACjD,IAAI,CAAC,WAAW;YAAE,OAAO;QACzB,0BAA0B;QAC1B,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,KAAK,CACd,2CAA+B,EAC/B,kBAAkB,CAAC,OAAO,EAAG,WAAwD,CAAC,sBAAsB,CAAC,CAC9G,CAAC;IACJ,CAAC,CAAC,CAAC;AACL,CAAC;AAzFD,4CAyFC","sourcesContent":["import { AllWindowObservables, AutoCaptureOptionsWithDefaults } from 'src/autocapture-plugin';\nimport { BrowserClient, ActionType, merge, asyncMap } from '@amplitude/analytics-core';\nimport {\n  ElementBasedTimestampedEvent,\n  filterOutNonTrackableEvents,\n  getClosestElement,\n  shouldTrackEvent,\n  TimestampedEvent,\n} from '../helpers';\nimport { AMPLITUDE_ELEMENT_CLICKED_EVENT } from '../constants';\n\nexport function trackActionClick({\n  amplitude,\n  allObservables,\n  options,\n  getEventProperties,\n  shouldTrackEvent,\n  shouldTrackActionClick,\n}: {\n  amplitude: BrowserClient;\n  allObservables: AllWindowObservables;\n  options: AutoCaptureOptionsWithDefaults;\n  getEventProperties: (actionType: ActionType, element: Element) => Record<string, any>;\n  shouldTrackActionClick: shouldTrackEvent;\n  shouldTrackEvent: shouldTrackEvent;\n}) {\n  const { clickObservableZen, mutationObservableZen, navigateObservableZen } = allObservables;\n\n  // TODO: remove this once we're ready for ZenObservable and they become not optional\n  /* istanbul ignore if */\n  if (!clickObservableZen || !mutationObservableZen) {\n    return;\n  }\n\n  const filteredClickObservable = clickObservableZen\n    .filter((click) => {\n      return !shouldTrackEvent('click', click.closestTrackedAncestor);\n    })\n    .map((click) => {\n      // overwrite the closestTrackedAncestor with the closest element that is on the actionClickAllowlist\n      const closestActionClickEl = getClosestElement(click.event.target as Element, options.actionClickAllowlist);\n      click.closestTrackedAncestor = closestActionClickEl as Element;\n\n      // overwrite the targetElementProperties with the properties of the closestActionClickEl\n      if (click.closestTrackedAncestor !== null) {\n        click.targetElementProperties = getEventProperties(click.type, click.closestTrackedAncestor);\n      }\n      return click;\n    })\n    .filter(filterOutNonTrackableEvents)\n    .filter((clickEvent) => {\n      // Only track change on elements that should be tracked\n      return shouldTrackActionClick('click', clickEvent.closestTrackedAncestor);\n    });\n\n  const mutationOrNavigate = navigateObservableZen\n    ? merge(mutationObservableZen, navigateObservableZen)\n    : mutationObservableZen;\n\n  const clickMutationNavigateObservable = merge(filteredClickObservable, mutationOrNavigate);\n\n  let actionClickTimer: ReturnType<typeof setTimeout> | null = null;\n  let lastClickEvent: TimestampedEvent<any> | null = null;\n\n  const actionClickObservable = asyncMap(clickMutationNavigateObservable, (event) => {\n    // clear any previous timer\n    if (actionClickTimer) {\n      clearTimeout(actionClickTimer);\n      actionClickTimer = null;\n    }\n    if (event.type === 'click') {\n      // mark the 'last click event'\n      lastClickEvent = event;\n\n      // set a timer to clear last click event if no mutation event between now and 500ms\n      actionClickTimer = setTimeout(() => {\n        actionClickTimer = null;\n        lastClickEvent = null;\n        return null;\n      }, 500);\n      return Promise.resolve(null);\n    } else {\n      // if mutation/navigation + last click event, then it's an action click\n      if (lastClickEvent) {\n        const event = lastClickEvent;\n        lastClickEvent = null;\n        return Promise.resolve(event);\n      }\n    }\n    return Promise.resolve(null);\n  });\n\n  return actionClickObservable.subscribe((actionClick) => {\n    if (!actionClick) return;\n    /* istanbul ignore next */\n    amplitude?.track(\n      AMPLITUDE_ELEMENT_CLICKED_EVENT,\n      getEventProperties('click', (actionClick as ElementBasedTimestampedEvent<MouseEvent>).closestTrackedAncestor),\n    );\n  });\n}\n"]}

package/lib/cjs/autocapture/track-change.d.ts

@@ -8,5 +8,5 @@ export declare function trackChange({ amplitude, allObservables, getEventPropert
     getEventProperties: (actionType: ActionType, element: Element) => Record<string, any>;
     shouldTrackEvent: shouldTrackEvent;
     evaluateTriggers: evaluateTriggersFn;
-}): import("rxjs").Subscription;
+}): ZenObservable.Subscription;
 //# sourceMappingURL=track-change.d.ts.map

package/lib/cjs/autocapture/track-change.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"track-change.d.ts","sourceRoot":"","sources":["../../../src/autocapture/track-change.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAEtD,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACtE,OAAO,EAA+B,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAG3E,wBAAgB,WAAW,CAAC,EAC1B,SAAS,EACT,cAAc,EACd,kBAAkB,EAClB,gBAAgB,EAChB,gBAAgB,GACjB,EAAE;IACD,SAAS,EAAE,aAAa,CAAC;IACzB,cAAc,EAAE,oBAAoB,CAAC;IACrC,kBAAkB,EAAE,CAAC,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,KAAK,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACtF,gBAAgB,EAAE,gBAAgB,CAAC;IACnC,gBAAgB,EAAE,kBAAkB,CAAC;CACtC,+BAgBA"}
+{"version":3,"file":"track-change.d.ts","sourceRoot":"","sources":["../../../src/autocapture/track-change.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAgC,KAAK,kBAAkB,EAAE,MAAM,aAAa,CAAC;AACpF,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACtE,OAAO,EAA+B,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAG3E,wBAAgB,WAAW,CAAC,EAC1B,SAAS,EACT,cAAc,EACd,kBAAkB,EAClB,gBAAgB,EAChB,gBAAgB,GACjB,EAAE;IACD,SAAS,EAAE,aAAa,CAAC;IACzB,cAAc,EAAE,oBAAoB,CAAC;IACrC,kBAAkB,EAAE,CAAC,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,KAAK,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACtF,gBAAgB,EAAE,gBAAgB,CAAC;IACnC,gBAAgB,EAAE,kBAAkB,CAAC;CACtC,8BAeA"}

package/lib/cjs/autocapture/track-change.js

@@ -1,16 +1,18 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.trackChange = void 0;
-var rxjs_1 = require("rxjs");
 var helpers_1 = require("../helpers");
 var constants_1 = require("../constants");
 function trackChange(_a) {
     var amplitude = _a.amplitude, allObservables = _a.allObservables, getEventProperties = _a.getEventProperties, shouldTrackEvent = _a.shouldTrackEvent, evaluateTriggers = _a.evaluateTriggers;
     var changeObservable = allObservables.changeObservable;
-    var filteredChangeObservable = changeObservable.pipe((0, rxjs_1.filter)(helpers_1.filterOutNonTrackableEvents), (0, rxjs_1.filter)(function (changeEvent) {
+    var filteredChangeObservable = changeObservable
+        .filter(helpers_1.filterOutNonTrackableEvents)
+        .filter(function (changeEvent) {
         // Only track change on elements that should be tracked,
         return shouldTrackEvent('change', changeEvent.closestTrackedAncestor);
-    }), (0, rxjs_1.map)(function (changeEvent) { return evaluateTriggers(changeEvent); }));
+    })
+        .map(function (changeEvent) { return evaluateTriggers(changeEvent); });
     return filteredChangeObservable.subscribe(function (changeEvent) {
         /* istanbul ignore next */
         amplitude === null || amplitude === void 0 ? void 0 : amplitude.track(constants_1.AMPLITUDE_ELEMENT_CHANGED_EVENT, getEventProperties('change', changeEvent.closestTrackedAncestor));

package/lib/cjs/autocapture/track-change.js.map

@@ -1 +1 @@
-{"version":3,"file":"track-change.js","sourceRoot":"","sources":["../../../src/autocapture/track-change.ts"],"names":[],"mappings":";;;AAEA,6BAAmC;AAEnC,sCAA2E;AAC3E,0CAA+D;AAE/D,SAAgB,WAAW,CAAC,EAY3B;QAXC,SAAS,eAAA,EACT,cAAc,oBAAA,EACd,kBAAkB,wBAAA,EAClB,gBAAgB,sBAAA,EAChB,gBAAgB,sBAAA;IAQR,IAAA,gBAAgB,GAAK,cAAc,iBAAnB,CAAoB;IAE5C,IAAM,wBAAwB,GAAG,gBAAgB,CAAC,IAAI,CACpD,IAAA,aAAM,EAAC,qCAA2B,CAAC,EACnC,IAAA,aAAM,EAAC,UAAC,WAAW;QACjB,wDAAwD;QACxD,OAAO,gBAAgB,CAAC,QAAQ,EAAE,WAAW,CAAC,sBAAsB,CAAC,CAAC;IACxE,CAAC,CAAC,EACF,IAAA,UAAG,EAAC,UAAC,WAAW,IAAK,OAAA,gBAAgB,CAAC,WAAW,CAAC,EAA7B,CAA6B,CAAC,CACpD,CAAC;IAEF,OAAO,wBAAwB,CAAC,SAAS,CAAC,UAAC,WAAW;QACpD,0BAA0B;QAC1B,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,KAAK,CAAC,2CAA+B,EAAE,kBAAkB,CAAC,QAAQ,EAAE,WAAW,CAAC,sBAAsB,CAAC,CAAC,CAAC;IACtH,CAAC,CAAC,CAAC;AACL,CAAC;AA5BD,kCA4BC","sourcesContent":["import { AllWindowObservables } from 'src/autocapture-plugin';\nimport { type evaluateTriggersFn } from 'src/helpers';\nimport { filter, map } from 'rxjs';\nimport { BrowserClient, ActionType } from '@amplitude/analytics-core';\nimport { filterOutNonTrackableEvents, shouldTrackEvent } from '../helpers';\nimport { AMPLITUDE_ELEMENT_CHANGED_EVENT } from '../constants';\n\nexport function trackChange({\n  amplitude,\n  allObservables,\n  getEventProperties,\n  shouldTrackEvent,\n  evaluateTriggers,\n}: {\n  amplitude: BrowserClient;\n  allObservables: AllWindowObservables;\n  getEventProperties: (actionType: ActionType, element: Element) => Record<string, any>;\n  shouldTrackEvent: shouldTrackEvent;\n  evaluateTriggers: evaluateTriggersFn;\n}) {\n  const { changeObservable } = allObservables;\n\n  const filteredChangeObservable = changeObservable.pipe(\n    filter(filterOutNonTrackableEvents),\n    filter((changeEvent) => {\n      // Only track change on elements that should be tracked,\n      return shouldTrackEvent('change', changeEvent.closestTrackedAncestor);\n    }),\n    map((changeEvent) => evaluateTriggers(changeEvent)),\n  );\n\n  return filteredChangeObservable.subscribe((changeEvent) => {\n    /* istanbul ignore next */\n    amplitude?.track(AMPLITUDE_ELEMENT_CHANGED_EVENT, getEventProperties('change', changeEvent.closestTrackedAncestor));\n  });\n}\n"]}
+{"version":3,"file":"track-change.js","sourceRoot":"","sources":["../../../src/autocapture/track-change.ts"],"names":[],"mappings":";;;AAGA,sCAA2E;AAC3E,0CAA+D;AAE/D,SAAgB,WAAW,CAAC,EAY3B;QAXC,SAAS,eAAA,EACT,cAAc,oBAAA,EACd,kBAAkB,wBAAA,EAClB,gBAAgB,sBAAA,EAChB,gBAAgB,sBAAA;IAQR,IAAA,gBAAgB,GAAK,cAAc,iBAAnB,CAAoB;IAE5C,IAAM,wBAAwB,GAAG,gBAAgB;SAC9C,MAAM,CAAC,qCAA2B,CAAC;SACnC,MAAM,CAAC,UAAC,WAAgD;QACvD,wDAAwD;QACxD,OAAO,gBAAgB,CAAC,QAAQ,EAAE,WAAW,CAAC,sBAAsB,CAAC,CAAC;IACxE,CAAC,CAAC;SACD,GAAG,CAAC,UAAC,WAAW,IAAK,OAAA,gBAAgB,CAAC,WAAW,CAAC,EAA7B,CAA6B,CAAC,CAAC;IAEvD,OAAO,wBAAwB,CAAC,SAAS,CAAC,UAAC,WAAW;QACpD,0BAA0B;QAC1B,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,KAAK,CAAC,2CAA+B,EAAE,kBAAkB,CAAC,QAAQ,EAAE,WAAW,CAAC,sBAAsB,CAAC,CAAC,CAAC;IACtH,CAAC,CAAC,CAAC;AACL,CAAC;AA3BD,kCA2BC","sourcesContent":["import { AllWindowObservables } from 'src/autocapture-plugin';\nimport { ElementBasedTimestampedEvent, type evaluateTriggersFn } from 'src/helpers';\nimport { BrowserClient, ActionType } from '@amplitude/analytics-core';\nimport { filterOutNonTrackableEvents, shouldTrackEvent } from '../helpers';\nimport { AMPLITUDE_ELEMENT_CHANGED_EVENT } from '../constants';\n\nexport function trackChange({\n  amplitude,\n  allObservables,\n  getEventProperties,\n  shouldTrackEvent,\n  evaluateTriggers,\n}: {\n  amplitude: BrowserClient;\n  allObservables: AllWindowObservables;\n  getEventProperties: (actionType: ActionType, element: Element) => Record<string, any>;\n  shouldTrackEvent: shouldTrackEvent;\n  evaluateTriggers: evaluateTriggersFn;\n}) {\n  const { changeObservable } = allObservables;\n\n  const filteredChangeObservable = changeObservable\n    .filter(filterOutNonTrackableEvents)\n    .filter((changeEvent: ElementBasedTimestampedEvent<Event>) => {\n      // Only track change on elements that should be tracked,\n      return shouldTrackEvent('change', changeEvent.closestTrackedAncestor);\n    })\n    .map((changeEvent) => evaluateTriggers(changeEvent));\n\n  return filteredChangeObservable.subscribe((changeEvent) => {\n    /* istanbul ignore next */\n    amplitude?.track(AMPLITUDE_ELEMENT_CHANGED_EVENT, getEventProperties('change', changeEvent.closestTrackedAncestor));\n  });\n}\n"]}

package/lib/cjs/autocapture/track-click.d.ts

@@ -1,11 +1,10 @@
-import { AllWindowObservables, AutoCaptureOptionsWithDefaults } from 'src/autocapture-plugin';
+import { AllWindowObservables } from 'src/autocapture-plugin';
 import { type evaluateTriggersFn } from 'src/helpers';
 import { BrowserClient } from '@amplitude/analytics-core';
 import { shouldTrackEvent } from '../helpers';
-export declare function trackClicks({ amplitude, allObservables, options, shouldTrackEvent, evaluateTriggers, }: {
+export declare function trackClicks({ amplitude, allObservables, shouldTrackEvent, evaluateTriggers, }: {
     amplitude: BrowserClient;
     allObservables: AllWindowObservables;
-    options: AutoCaptureOptionsWithDefaults;
     shouldTrackEvent: shouldTrackEvent;
     evaluateTriggers: evaluateTriggersFn;
 }): import("rxjs").Subscription;

package/lib/cjs/autocapture/track-click.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"track-click.d.ts","sourceRoot":"","sources":["../../../src/autocapture/track-click.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,8BAA8B,EAAE,MAAM,wBAAwB,CAAC;AAC9F,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAEtD,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,EAA+B,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAK3E,wBAAgB,WAAW,CAAC,EAC1B,SAAS,EACT,cAAc,EACd,OAAO,EACP,gBAAgB,EAChB,gBAAgB,GACjB,EAAE;IACD,SAAS,EAAE,aAAa,CAAC;IACzB,cAAc,EAAE,oBAAoB,CAAC;IACrC,OAAO,EAAE,8BAA8B,CAAC;IACxC,gBAAgB,EAAE,gBAAgB,CAAC;IACnC,gBAAgB,EAAE,kBAAkB,CAAC;CACtC,+BAgDA"}
+{"version":3,"file":"track-click.d.ts","sourceRoot":"","sources":["../../../src/autocapture/track-click.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAEtD,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,EAA+B,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAG3E,wBAAgB,WAAW,CAAC,EAC1B,SAAS,EACT,cAAc,EACd,gBAAgB,EAChB,gBAAgB,GACjB,EAAE;IACD,SAAS,EAAE,aAAa,CAAC;IACzB,cAAc,EAAE,oBAAoB,CAAC;IACrC,gBAAgB,EAAE,gBAAgB,CAAC;IACnC,gBAAgB,EAAE,kBAAkB,CAAC;CACtC,+BAiBA"}

package/lib/cjs/autocapture/track-click.js

@@ -1,51 +1,20 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.trackClicks = void 0;
-var tslib_1 = require("tslib");
 var rxjs_1 = require("rxjs");
 var helpers_1 = require("../helpers");
 var constants_1 = require("../constants");
-var RAGE_CLICK_THRESHOLD = 5;
 function trackClicks(_a) {
-    var amplitude = _a.amplitude, allObservables = _a.allObservables, options = _a.options, shouldTrackEvent = _a.shouldTrackEvent, evaluateTriggers = _a.evaluateTriggers;
+    var amplitude = _a.amplitude, allObservables = _a.allObservables, shouldTrackEvent = _a.shouldTrackEvent, evaluateTriggers = _a.evaluateTriggers;
     var clickObservable = allObservables.clickObservable;
-    // Trigger if the target of the click event has changed and position is different
-    // Keeping track of position is important to avoid false positives when the user clicks on the same
-    // element where certain frameworks could replace the element instance between rerenders
-    var comparisonTrigger = clickObservable.pipe((0, rxjs_1.pairwise)(), (0, rxjs_1.filter)(function (_a) {
-        var _b = tslib_1.__read(_a, 2), prev = _b[0], current = _b[1];
-        var targetChanged = prev.event.target !== current.event.target;
-        /* istanbul ignore next */
-        var samePos = Math.abs(current.event.screenX - prev.event.screenX) <= 20 &&
-            Math.abs(current.event.screenY - prev.event.screenY) <= 20;
-        return targetChanged && !samePos;
-    }));
-    // Trigger if there is no click event within 1 second
-    var timeoutTrigger = clickObservable.pipe((0, rxjs_1.debounceTime)(options.debounceTime), (0, rxjs_1.map)(function () { return 'timeout'; }));
-    var triggers = (0, rxjs_1.merge)(comparisonTrigger, timeoutTrigger);
     // Get buffers of clicks, if the buffer length is over 5, it is rage click
-    var bufferedClicks = clickObservable.pipe((0, rxjs_1.delay)(0), (0, rxjs_1.filter)(helpers_1.filterOutNonTrackableEvents), (0, rxjs_1.filter)(function (click) {
+    var clicks = clickObservable.pipe((0, rxjs_1.filter)(helpers_1.filterOutNonTrackableEvents), (0, rxjs_1.filter)(function (click) {
         // Only track clicks on elements that should be tracked,
         return shouldTrackEvent('click', click.closestTrackedAncestor);
-    }), (0, rxjs_1.map)(function (click) { return evaluateTriggers(click); }), (0, rxjs_1.buffer)(triggers));
-    return bufferedClicks.subscribe(function (clicks) {
-        var e_1, _a;
-        // TODO: update this when rage clicks are added
-        var clickType = clicks.length >= RAGE_CLICK_THRESHOLD ? constants_1.AMPLITUDE_ELEMENT_CLICKED_EVENT : constants_1.AMPLITUDE_ELEMENT_CLICKED_EVENT;
-        try {
-            for (var clicks_1 = tslib_1.__values(clicks), clicks_1_1 = clicks_1.next(); !clicks_1_1.done; clicks_1_1 = clicks_1.next()) {
-                var click = clicks_1_1.value;
-                /* istanbul ignore next */
-                amplitude === null || amplitude === void 0 ? void 0 : amplitude.track(clickType, click.targetElementProperties);
-            }
-        }
-        catch (e_1_1) { e_1 = { error: e_1_1 }; }
-        finally {
-            try {
-                if (clicks_1_1 && !clicks_1_1.done && (_a = clicks_1.return)) _a.call(clicks_1);
-            }
-            finally { if (e_1) throw e_1.error; }
-        }
+    }), (0, rxjs_1.map)(function (click) { return evaluateTriggers(click); }));
+    return clicks.subscribe(function (click) {
+        /* istanbul ignore next */
+        amplitude === null || amplitude === void 0 ? void 0 : amplitude.track(constants_1.AMPLITUDE_ELEMENT_CLICKED_EVENT, click.targetElementProperties);
     });
 }
 exports.trackClicks = trackClicks;

package/lib/cjs/autocapture/track-click.js.map

@@ -1 +1 @@
-{"version":3,"file":"track-click.js","sourceRoot":"","sources":["../../../src/autocapture/track-click.ts"],"names":[],"mappings":";;;;AAEA,6BAAiF;AAEjF,sCAA2E;AAC3E,0CAA+D;AAE/D,IAAM,oBAAoB,GAAG,CAAC,CAAC;AAE/B,SAAgB,WAAW,CAAC,EAY3B;QAXC,SAAS,eAAA,EACT,cAAc,oBAAA,EACd,OAAO,aAAA,EACP,gBAAgB,sBAAA,EAChB,gBAAgB,sBAAA;IAQR,IAAA,eAAe,GAAK,cAAc,gBAAnB,CAAoB;IAE3C,iFAAiF;IACjF,mGAAmG;IACnG,wFAAwF;IACxF,IAAM,iBAAiB,GAAG,eAAe,CAAC,IAAI,CAC5C,IAAA,eAAQ,GAAE,EACV,IAAA,aAAM,EAAC,UAAC,EAAe;YAAf,KAAA,qBAAe,EAAd,IAAI,QAAA,EAAE,OAAO,QAAA;QACpB,IAAM,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,KAAK,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC;QACjE,0BAA0B;QAC1B,IAAM,OAAO,GACX,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE;YAC1D,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;QAC7D,OAAO,aAAa,IAAI,CAAC,OAAO,CAAC;IACnC,CAAC,CAAC,CACH,CAAC;IAEF,qDAAqD;IACrD,IAAM,cAAc,GAAG,eAAe,CAAC,IAAI,CACzC,IAAA,mBAAY,EAAC,OAAO,CAAC,YAAY,CAAC,EAClC,IAAA,UAAG,EAAC,cAAM,OAAA,SAAkB,EAAlB,CAAkB,CAAC,CAC9B,CAAC;IAEF,IAAM,QAAQ,GAAG,IAAA,YAAK,EAAC,iBAAiB,EAAE,cAAc,CAAC,CAAC;IAE1D,0EAA0E;IAC1E,IAAM,cAAc,GAAG,eAAe,CAAC,IAAI,CACzC,IAAA,YAAK,EAAC,CAAC,CAAC,EACR,IAAA,aAAM,EAAC,qCAA2B,CAAC,EACnC,IAAA,aAAM,EAAC,UAAC,KAAK;QACX,wDAAwD;QACxD,OAAO,gBAAgB,CAAC,OAAO,EAAE,KAAK,CAAC,sBAAsB,CAAC,CAAC;IACjE,CAAC,CAAC,EACF,IAAA,UAAG,EAAC,UAAC,KAAK,IAAK,OAAA,gBAAgB,CAAC,KAAK,CAAC,EAAvB,CAAuB,CAAC,EACvC,IAAA,aAAM,EAAC,QAAQ,CAAC,CACjB,CAAC;IAEF,OAAO,cAAc,CAAC,SAAS,CAAC,UAAC,MAAM;;QACrC,+CAA+C;QAC/C,IAAM,SAAS,GACb,MAAM,CAAC,MAAM,IAAI,oBAAoB,CAAC,CAAC,CAAC,2CAA+B,CAAC,CAAC,CAAC,2CAA+B,CAAC;;YAE5G,KAAoB,IAAA,WAAA,iBAAA,MAAM,CAAA,8BAAA,kDAAE;gBAAvB,IAAM,KAAK,mBAAA;gBACd,0BAA0B;gBAC1B,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC,uBAAuB,CAAC,CAAC;aAC5D;;;;;;;;;IACH,CAAC,CAAC,CAAC;AACL,CAAC;AA5DD,kCA4DC","sourcesContent":["import { AllWindowObservables, AutoCaptureOptionsWithDefaults } from 'src/autocapture-plugin';\nimport { type evaluateTriggersFn } from 'src/helpers';\nimport { buffer, filter, map, debounceTime, merge, pairwise, delay } from 'rxjs';\nimport { BrowserClient } from '@amplitude/analytics-core';\nimport { filterOutNonTrackableEvents, shouldTrackEvent } from '../helpers';\nimport { AMPLITUDE_ELEMENT_CLICKED_EVENT } from '../constants';\n\nconst RAGE_CLICK_THRESHOLD = 5;\n\nexport function trackClicks({\n  amplitude,\n  allObservables,\n  options,\n  shouldTrackEvent,\n  evaluateTriggers,\n}: {\n  amplitude: BrowserClient;\n  allObservables: AllWindowObservables;\n  options: AutoCaptureOptionsWithDefaults;\n  shouldTrackEvent: shouldTrackEvent;\n  evaluateTriggers: evaluateTriggersFn;\n}) {\n  const { clickObservable } = allObservables;\n\n  // Trigger if the target of the click event has changed and position is different\n  // Keeping track of position is important to avoid false positives when the user clicks on the same\n  // element where certain frameworks could replace the element instance between rerenders\n  const comparisonTrigger = clickObservable.pipe(\n    pairwise(),\n    filter(([prev, current]) => {\n      const targetChanged = prev.event.target !== current.event.target;\n      /* istanbul ignore next */\n      const samePos =\n        Math.abs(current.event.screenX - prev.event.screenX) <= 20 &&\n        Math.abs(current.event.screenY - prev.event.screenY) <= 20;\n      return targetChanged && !samePos;\n    }),\n  );\n\n  // Trigger if there is no click event within 1 second\n  const timeoutTrigger = clickObservable.pipe(\n    debounceTime(options.debounceTime),\n    map(() => 'timeout' as const),\n  );\n\n  const triggers = merge(comparisonTrigger, timeoutTrigger);\n\n  // Get buffers of clicks, if the buffer length is over 5, it is rage click\n  const bufferedClicks = clickObservable.pipe(\n    delay(0),\n    filter(filterOutNonTrackableEvents),\n    filter((click) => {\n      // Only track clicks on elements that should be tracked,\n      return shouldTrackEvent('click', click.closestTrackedAncestor);\n    }),\n    map((click) => evaluateTriggers(click)),\n    buffer(triggers),\n  );\n\n  return bufferedClicks.subscribe((clicks) => {\n    // TODO: update this when rage clicks are added\n    const clickType =\n      clicks.length >= RAGE_CLICK_THRESHOLD ? AMPLITUDE_ELEMENT_CLICKED_EVENT : AMPLITUDE_ELEMENT_CLICKED_EVENT;\n\n    for (const click of clicks) {\n      /* istanbul ignore next */\n      amplitude?.track(clickType, click.targetElementProperties);\n    }\n  });\n}\n"]}
+{"version":3,"file":"track-click.js","sourceRoot":"","sources":["../../../src/autocapture/track-click.ts"],"names":[],"mappings":";;;AAEA,6BAAmC;AAEnC,sCAA2E;AAC3E,0CAA+D;AAE/D,SAAgB,WAAW,CAAC,EAU3B;QATC,SAAS,eAAA,EACT,cAAc,oBAAA,EACd,gBAAgB,sBAAA,EAChB,gBAAgB,sBAAA;IAOR,IAAA,eAAe,GAAK,cAAc,gBAAnB,CAAoB;IAE3C,0EAA0E;IAC1E,IAAM,MAAM,GAAG,eAAe,CAAC,IAAI,CACjC,IAAA,aAAM,EAAC,qCAA2B,CAAC,EACnC,IAAA,aAAM,EAAC,UAAC,KAAK;QACX,wDAAwD;QACxD,OAAO,gBAAgB,CAAC,OAAO,EAAE,KAAK,CAAC,sBAAsB,CAAC,CAAC;IACjE,CAAC,CAAC,EACF,IAAA,UAAG,EAAC,UAAC,KAAK,IAAK,OAAA,gBAAgB,CAAC,KAAK,CAAC,EAAvB,CAAuB,CAAC,CACxC,CAAC;IAEF,OAAO,MAAM,CAAC,SAAS,CAAC,UAAC,KAAK;QAC5B,0BAA0B;QAC1B,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,KAAK,CAAC,2CAA+B,EAAE,KAAK,CAAC,uBAAuB,CAAC,CAAC;IACnF,CAAC,CAAC,CAAC;AACL,CAAC;AA3BD,kCA2BC","sourcesContent":["import { AllWindowObservables } from 'src/autocapture-plugin';\nimport { type evaluateTriggersFn } from 'src/helpers';\nimport { filter, map } from 'rxjs';\nimport { BrowserClient } from '@amplitude/analytics-core';\nimport { filterOutNonTrackableEvents, shouldTrackEvent } from '../helpers';\nimport { AMPLITUDE_ELEMENT_CLICKED_EVENT } from '../constants';\n\nexport function trackClicks({\n  amplitude,\n  allObservables,\n  shouldTrackEvent,\n  evaluateTriggers,\n}: {\n  amplitude: BrowserClient;\n  allObservables: AllWindowObservables;\n  shouldTrackEvent: shouldTrackEvent;\n  evaluateTriggers: evaluateTriggersFn;\n}) {\n  const { clickObservable } = allObservables;\n\n  // Get buffers of clicks, if the buffer length is over 5, it is rage click\n  const clicks = clickObservable.pipe(\n    filter(filterOutNonTrackableEvents),\n    filter((click) => {\n      // Only track clicks on elements that should be tracked,\n      return shouldTrackEvent('click', click.closestTrackedAncestor);\n    }),\n    map((click) => evaluateTriggers(click)),\n  );\n\n  return clicks.subscribe((click) => {\n    /* istanbul ignore next */\n    amplitude?.track(AMPLITUDE_ELEMENT_CLICKED_EVENT, click.targetElementProperties);\n  });\n}\n"]}

package/lib/cjs/autocapture/track-dead-click.d.ts

@@ -1,11 +1,10 @@
-import { AllWindowObservables } from 'src/autocapture-plugin';
+import { AllWindowObservables } from 'src/frustration-plugin';
 import { BrowserClient, ActionType } from '@amplitude/analytics-core';
 import { shouldTrackEvent } from '../helpers';
-export declare function _overrideDeadClickConfig(deadClickTimeout: number): void;
 export declare function trackDeadClick({ amplitude, allObservables, getEventProperties, shouldTrackDeadClick, }: {
     amplitude: BrowserClient;
     allObservables: AllWindowObservables;
     getEventProperties: (actionType: ActionType, element: Element) => Record<string, any>;
     shouldTrackDeadClick: shouldTrackEvent;
-}): import("rxjs").Subscription;
+}): ZenObservable.Subscription;
 //# sourceMappingURL=track-dead-click.d.ts.map

package/lib/cjs/autocapture/track-dead-click.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"track-dead-click.d.ts","sourceRoot":"","sources":["../../../src/autocapture/track-dead-click.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAmB,MAAM,wBAAwB,CAAC;AAE/E,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACtE,OAAO,EAA6D,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAMzG,wBAAgB,wBAAwB,CAAC,gBAAgB,EAAE,MAAM,QAEhE;AAOD,wBAAgB,cAAc,CAAC,EAC7B,SAAS,EACT,cAAc,EACd,kBAAkB,EAClB,oBAAoB,GACrB,EAAE;IACD,SAAS,EAAE,aAAa,CAAC;IACzB,cAAc,EAAE,oBAAoB,CAAC;IACrC,kBAAkB,EAAE,CAAC,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,KAAK,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACtF,oBAAoB,EAAE,gBAAgB,CAAC;CACxC,+BA+DA"}
+{"version":3,"file":"track-dead-click.d.ts","sourceRoot":"","sources":["../../../src/autocapture/track-dead-click.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,UAAU,EAAmB,MAAM,2BAA2B,CAAC;AACvF,OAAO,EAA6D,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAWzG,wBAAgB,cAAc,CAAC,EAC7B,SAAS,EACT,cAAc,EACd,kBAAkB,EAClB,oBAAoB,GACrB,EAAE;IACD,SAAS,EAAE,aAAa,CAAC;IACzB,cAAc,EAAE,oBAAoB,CAAC;IACrC,kBAAkB,EAAE,CAAC,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,KAAK,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACtF,oBAAoB,EAAE,gBAAgB,CAAC;CACxC,8BA6DA"}

package/lib/cjs/autocapture/track-dead-click.js

@@ -1,47 +1,52 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.trackDeadClick = exports._overrideDeadClickConfig = void 0;
+exports.trackDeadClick = void 0;
 var tslib_1 = require("tslib");
-var rxjs_1 = require("rxjs");
+var analytics_core_1 = require("@amplitude/analytics-core");
 var helpers_1 = require("../helpers");
 var constants_1 = require("../constants");
 var DEAD_CLICK_TIMEOUT = 3000; // 3 seconds to wait for an activity to happen
-// allow override of dead click config for testing only
-function _overrideDeadClickConfig(deadClickTimeout) {
-    DEAD_CLICK_TIMEOUT = deadClickTimeout;
-}
-exports._overrideDeadClickConfig = _overrideDeadClickConfig;
+var CHANGE_EVENTS = ['mutation', 'navigate'];
 function trackDeadClick(_a) {
     var amplitude = _a.amplitude, allObservables = _a.allObservables, getEventProperties = _a.getEventProperties, shouldTrackDeadClick = _a.shouldTrackDeadClick;
     var clickObservable = allObservables.clickObservable, mutationObservable = allObservables.mutationObservable, navigateObservable = allObservables.navigateObservable;
-    var filteredClickObservable = clickObservable.pipe((0, rxjs_1.filter)(helpers_1.filterOutNonTrackableEvents), (0, rxjs_1.filter)(function (clickEvent) {
-        // Only track change on elements that should be tracked
-        return shouldTrackDeadClick('click', clickEvent.closestTrackedAncestor);
-    }), (0, rxjs_1.filter)(function (clickEvent) {
-        var target = clickEvent.event.target;
-        return target.closest('a[target="_blank"]') === null;
-    }));
-    var changeObservables = [mutationObservable];
-    if (navigateObservable) {
-        changeObservables.push(navigateObservable);
-    }
-    var mutationOrNavigate = rxjs_1.merge.apply(void 0, tslib_1.__spreadArray([], tslib_1.__read(changeObservables), false));
-    var actionClicks = filteredClickObservable.pipe((0, rxjs_1.mergeMap)(function (click) {
-        // Create a timer that emits after 500ms
-        var timeoutId;
-        var timer = new rxjs_1.Observable(function (subscriber) {
-            timeoutId = setTimeout(function () { return subscriber.next(click); }, DEAD_CLICK_TIMEOUT);
-            return function () {
-                clearTimeout(timeoutId);
-            };
-        });
-        // Race between the timer and any mutations/navigation
-        // if the timer wins, the click is dead so we emit it
-        return (0, rxjs_1.race)(timer, mutationOrNavigate.pipe((0, rxjs_1.take)(1), (0, rxjs_1.map)(function () { return null; }))).pipe((0, rxjs_1.filter)(function (value) { return value !== null; }));
-    }), 
-    // Only allow one dead click event every 3 seconds
-    (0, rxjs_1.throttleTime)(DEAD_CLICK_TIMEOUT));
-    return actionClicks.subscribe(function (actionClick) {
+    var filteredClickObservable = clickObservable.filter(function (click) {
+        return ((0, helpers_1.filterOutNonTrackableEvents)(click) &&
+            shouldTrackDeadClick('click', click.closestTrackedAncestor) &&
+            click.event.target instanceof Element &&
+            click.event.target.closest('a[target="_blank"]') === null);
+    });
+    /* istanbul ignore next */
+    var changeObservables = navigateObservable ? (0, analytics_core_1.merge)(mutationObservable, navigateObservable) : mutationObservable;
+    var clicksAndChangeObservable = (0, analytics_core_1.merge)(filteredClickObservable, changeObservables);
+    var deadClickTimer = null;
+    var deadClickObservable = (0, analytics_core_1.asyncMap)(clicksAndChangeObservable, function (event) {
+        if (deadClickTimer && CHANGE_EVENTS.includes(event.type)) {
+            // a mutation or navigation means it's not a dead click, so clear the timer
+            clearTimeout(deadClickTimer);
+            deadClickTimer = null;
+            return Promise.resolve(null);
+        }
+        else if (event.type === 'click') {
+            // if a dead click is already on-deck, return null.
+            // this throttles dead clicks events so no more than one dead click event
+            // is tracked per every DEAD_CLICK_TIMEOUT ms.
+            if (deadClickTimer) {
+                return Promise.resolve(null);
+            }
+            return new Promise(function (resolve) {
+                deadClickTimer = setTimeout(function () {
+                    resolve(event);
+                    deadClickTimer = null;
+                }, DEAD_CLICK_TIMEOUT);
+            });
+        }
+        // unreachable code, but needed to satisfy the type checker
+        return Promise.resolve(null);
+    });
+    return deadClickObservable.subscribe(function (actionClick) {
+        if (!actionClick)
+            return;
         var deadClickEvent = {
             '[Amplitude] X': actionClick.event.clientX,
             '[Amplitude] Y': actionClick.event.clientY,

package/lib/cjs/autocapture/track-dead-click.js.map

@@ -1 +1 @@
-{"version":3,"file":"track-dead-click.js","sourceRoot":"","sources":["../../../src/autocapture/track-dead-click.ts"],"names":[],"mappings":";;;;AACA,6BAAsG;AAEtG,sCAAyG;AACzG,0CAAoE;AAEpE,IAAI,kBAAkB,GAAG,IAAI,CAAC,CAAC,8CAA8C;AAE7E,uDAAuD;AACvD,SAAgB,wBAAwB,CAAC,gBAAwB;IAC/D,kBAAkB,GAAG,gBAAgB,CAAC;AACxC,CAAC;AAFD,4DAEC;AAOD,SAAgB,cAAc,CAAC,EAU9B;QATC,SAAS,eAAA,EACT,cAAc,oBAAA,EACd,kBAAkB,wBAAA,EAClB,oBAAoB,0BAAA;IAOZ,IAAA,eAAe,GAA6C,cAAc,gBAA3D,EAAE,kBAAkB,GAAyB,cAAc,mBAAvC,EAAE,kBAAkB,GAAK,cAAc,mBAAnB,CAAoB;IAEnF,IAAM,uBAAuB,GAAG,eAAe,CAAC,IAAI,CAClD,IAAA,aAAM,EAAC,qCAA2B,CAAC,EACnC,IAAA,aAAM,EAAC,UAAC,UAAU;QAChB,uDAAuD;QACvD,OAAO,oBAAoB,CAAC,OAAO,EAAE,UAAU,CAAC,sBAAsB,CAAC,CAAC;IAC1E,CAAC,CAAC,EACF,IAAA,aAAM,EAAC,UAAC,UAAU;QAChB,IAAM,MAAM,GAAG,UAAU,CAAC,KAAK,CAAC,MAAiB,CAAC;QAClD,OAAO,MAAM,CAAC,OAAO,CAAC,oBAAoB,CAAC,KAAK,IAAI,CAAC;IACvD,CAAC,CAAC,CACH,CAAC;IAEF,IAAM,iBAAiB,GAEnB,CAAC,kBAAkB,CAAC,CAAC;IACzB,IAAI,kBAAkB,EAAE;QACtB,iBAAiB,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC;KAC5C;IACD,IAAM,kBAAkB,GAAG,YAAK,wDAAI,iBAAiB,UAAC,CAAC;IAEvD,IAAM,YAAY,GAAG,uBAAuB,CAAC,IAAI,CAC/C,IAAA,eAAQ,EAAC,UAAC,KAAK;QACb,wCAAwC;QACxC,IAAI,SAAwC,CAAC;QAC7C,IAAM,KAAK,GAAG,IAAI,iBAAU,CAAe,UAAC,UAAoC;YAC9E,SAAS,GAAG,UAAU,CAAC,cAAM,OAAA,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,EAAtB,CAAsB,EAAE,kBAAkB,CAAC,CAAC;YAEzE,OAAO;gBACL,YAAY,CAAC,SAAS,CAAC,CAAC;YAC1B,CAAC,CAAC;QACJ,CAAC,CAAC,CAAC;QAEH,sDAAsD;QACtD,qDAAqD;QACrD,OAAO,IAAA,WAAI,EACT,KAAK,EACL,kBAAkB,CAAC,IAAI,CACrB,IAAA,WAAI,EAAC,CAAC,CAAC,EACP,IAAA,UAAG,EAAC,cAAM,OAAA,IAAI,EAAJ,CAAI,CAAC,CAChB,CACF,CAAC,IAAI,CAAC,IAAA,aAAM,EAAC,UAAC,KAAK,IAAwD,OAAA,KAAK,KAAK,IAAI,EAAd,CAAc,CAAC,CAAC,CAAC;IAC/F,CAAC,CAAC;IACF,kDAAkD;IAClD,IAAA,mBAAY,EAAC,kBAAkB,CAAC,CACjC,CAAC;IAEF,OAAO,YAAY,CAAC,SAAS,CAAC,UAAC,WAAW;QACxC,IAAM,cAAc,GAAmB;YACrC,eAAe,EAAG,WAAW,CAAC,KAAoB,CAAC,OAAO;YAC1D,eAAe,EAAG,WAAW,CAAC,KAAoB,CAAC,OAAO;SAC3D,CAAC;QACF,SAAS,CAAC,KAAK,CACb,gDAAoC,wCAE/B,kBAAkB,CAAC,OAAO,EAAE,WAAW,CAAC,sBAAsB,CAAC,GAC/D,cAAc,GAEnB,EAAE,IAAI,EAAE,WAAW,CAAC,SAAS,EAAE,CAChC,CAAC;IACJ,CAAC,CAAC,CAAC;AACL,CAAC;AAzED,wCAyEC","sourcesContent":["import { AllWindowObservables, ObservablesEnum } from 'src/autocapture-plugin';\nimport { filter, map, merge, take, mergeMap, race, Observable, Subscriber, throttleTime } from 'rxjs';\nimport { BrowserClient, ActionType } from '@amplitude/analytics-core';\nimport { ElementBasedTimestampedEvent, filterOutNonTrackableEvents, shouldTrackEvent } from '../helpers';\nimport { AMPLITUDE_ELEMENT_DEAD_CLICKED_EVENT } from '../constants';\n\nlet DEAD_CLICK_TIMEOUT = 3000; // 3 seconds to wait for an activity to happen\n\n// allow override of dead click config for testing only\nexport function _overrideDeadClickConfig(deadClickTimeout: number) {\n  DEAD_CLICK_TIMEOUT = deadClickTimeout;\n}\n\ntype EventDeadClick = {\n  '[Amplitude] X': number;\n  '[Amplitude] Y': number;\n};\n\nexport function trackDeadClick({\n  amplitude,\n  allObservables,\n  getEventProperties,\n  shouldTrackDeadClick,\n}: {\n  amplitude: BrowserClient;\n  allObservables: AllWindowObservables;\n  getEventProperties: (actionType: ActionType, element: Element) => Record<string, any>;\n  shouldTrackDeadClick: shouldTrackEvent;\n}) {\n  const { clickObservable, mutationObservable, navigateObservable } = allObservables;\n\n  const filteredClickObservable = clickObservable.pipe(\n    filter(filterOutNonTrackableEvents),\n    filter((clickEvent) => {\n      // Only track change on elements that should be tracked\n      return shouldTrackDeadClick('click', clickEvent.closestTrackedAncestor);\n    }),\n    filter((clickEvent) => {\n      const target = clickEvent.event.target as Element;\n      return target.closest('a[target=\"_blank\"]') === null;\n    }),\n  );\n\n  const changeObservables: Array<\n    AllWindowObservables[ObservablesEnum.MutationObservable] | AllWindowObservables[ObservablesEnum.NavigateObservable]\n  > = [mutationObservable];\n  if (navigateObservable) {\n    changeObservables.push(navigateObservable);\n  }\n  const mutationOrNavigate = merge(...changeObservables);\n\n  const actionClicks = filteredClickObservable.pipe(\n    mergeMap((click) => {\n      // Create a timer that emits after 500ms\n      let timeoutId: ReturnType<typeof setTimeout>;\n      const timer = new Observable<typeof click>((subscriber: Subscriber<typeof click>) => {\n        timeoutId = setTimeout(() => subscriber.next(click), DEAD_CLICK_TIMEOUT);\n\n        return () => {\n          clearTimeout(timeoutId);\n        };\n      });\n\n      // Race between the timer and any mutations/navigation\n      // if the timer wins, the click is dead so we emit it\n      return race(\n        timer,\n        mutationOrNavigate.pipe(\n          take(1),\n          map(() => null),\n        ),\n      ).pipe(filter((value): value is ElementBasedTimestampedEvent<MouseEvent> => value !== null));\n    }),\n    // Only allow one dead click event every 3 seconds\n    throttleTime(DEAD_CLICK_TIMEOUT),\n  );\n\n  return actionClicks.subscribe((actionClick) => {\n    const deadClickEvent: EventDeadClick = {\n      '[Amplitude] X': (actionClick.event as MouseEvent).clientX,\n      '[Amplitude] Y': (actionClick.event as MouseEvent).clientY,\n    };\n    amplitude.track(\n      AMPLITUDE_ELEMENT_DEAD_CLICKED_EVENT,\n      {\n        ...getEventProperties('click', actionClick.closestTrackedAncestor),\n        ...deadClickEvent,\n      },\n      { time: actionClick.timestamp },\n    );\n  });\n}\n"]}
+{"version":3,"file":"track-dead-click.js","sourceRoot":"","sources":["../../../src/autocapture/track-dead-click.ts"],"names":[],"mappings":";;;;AACA,4DAAuF;AACvF,sCAAyG;AACzG,0CAAoE;AACpE,IAAM,kBAAkB,GAAG,IAAI,CAAC,CAAC,8CAA8C;AAO/E,IAAM,aAAa,GAAG,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC;AAE/C,SAAgB,cAAc,CAAC,EAU9B;QATC,SAAS,eAAA,EACT,cAAc,oBAAA,EACd,kBAAkB,wBAAA,EAClB,oBAAoB,0BAAA;IAOZ,IAAA,eAAe,GAAmE,cAAc,gBAAjF,EAAE,kBAAkB,GAA+C,cAAc,mBAA7D,EAAE,kBAAkB,GAA2B,cAAc,mBAAzC,CAA0C;IAEzG,IAAM,uBAAuB,GAAG,eAAe,CAAC,MAAM,CAAC,UAAC,KAAK;QAC3D,OAAO,CACL,IAAA,qCAA2B,EAAC,KAAK,CAAC;YAClC,oBAAoB,CAAC,OAAO,EAAE,KAAK,CAAC,sBAAsB,CAAC;YAC3D,KAAK,CAAC,KAAK,CAAC,MAAM,YAAY,OAAO;YACrC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,oBAAoB,CAAC,KAAK,IAAI,CAC1D,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,0BAA0B;IAC1B,IAAM,iBAAiB,GAAG,kBAAkB,CAAC,CAAC,CAAC,IAAA,sBAAK,EAAC,kBAAkB,EAAE,kBAAkB,CAAC,CAAC,CAAC,CAAC,kBAAkB,CAAC;IAElH,IAAM,yBAAyB,GAAG,IAAA,sBAAK,EAAC,uBAAuB,EAAE,iBAAiB,CAAC,CAAC;IAEpF,IAAI,cAAc,GAAyC,IAAI,CAAC;IAEhE,IAAM,mBAAmB,GAAG,IAAA,yBAAQ,EAClC,yBAAyB,EACzB,UAAC,KAAK;QACJ,IAAI,cAAc,IAAI,aAAa,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE;YACxD,2EAA2E;YAC3E,YAAY,CAAC,cAAc,CAAC,CAAC;YAC7B,cAAc,GAAG,IAAI,CAAC;YACtB,OAAO,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;SAC9B;aAAM,IAAI,KAAK,CAAC,IAAI,KAAK,OAAO,EAAE;YACjC,mDAAmD;YACnD,yEAAyE;YACzE,8CAA8C;YAC9C,IAAI,cAAc,EAAE;gBAClB,OAAO,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;aAC9B;YACD,OAAO,IAAI,OAAO,CAAC,UAAC,OAAO;gBACzB,cAAc,GAAG,UAAU,CAAC;oBAC1B,OAAO,CAAC,KAAiD,CAAC,CAAC;oBAC3D,cAAc,GAAG,IAAI,CAAC;gBACxB,CAAC,EAAE,kBAAkB,CAAC,CAAC;YACzB,CAAC,CAAC,CAAC;SACJ;QACD,2DAA2D;QAC3D,OAAO,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/B,CAAC,CACF,CAAC;IAEF,OAAO,mBAAmB,CAAC,SAAS,CAAC,UAAC,WAAW;QAC/C,IAAI,CAAC,WAAW;YAAE,OAAO;QACzB,IAAM,cAAc,GAAmB;YACrC,eAAe,EAAG,WAAW,CAAC,KAAoB,CAAC,OAAO;YAC1D,eAAe,EAAG,WAAW,CAAC,KAAoB,CAAC,OAAO;SAC3D,CAAC;QACF,SAAS,CAAC,KAAK,CACb,gDAAoC,wCAE/B,kBAAkB,CAAC,OAAO,EAAE,WAAW,CAAC,sBAAsB,CAAC,GAC/D,cAAc,GAEnB,EAAE,IAAI,EAAE,WAAW,CAAC,SAAS,EAAE,CAChC,CAAC;IACJ,CAAC,CAAC,CAAC;AACL,CAAC;AAvED,wCAuEC","sourcesContent":["import { AllWindowObservables } from 'src/frustration-plugin';\nimport { BrowserClient, ActionType, merge, asyncMap } from '@amplitude/analytics-core';\nimport { ElementBasedTimestampedEvent, filterOutNonTrackableEvents, shouldTrackEvent } from '../helpers';\nimport { AMPLITUDE_ELEMENT_DEAD_CLICKED_EVENT } from '../constants';\nconst DEAD_CLICK_TIMEOUT = 3000; // 3 seconds to wait for an activity to happen\n\ntype EventDeadClick = {\n  '[Amplitude] X': number;\n  '[Amplitude] Y': number;\n};\n\nconst CHANGE_EVENTS = ['mutation', 'navigate'];\n\nexport function trackDeadClick({\n  amplitude,\n  allObservables,\n  getEventProperties,\n  shouldTrackDeadClick,\n}: {\n  amplitude: BrowserClient;\n  allObservables: AllWindowObservables;\n  getEventProperties: (actionType: ActionType, element: Element) => Record<string, any>;\n  shouldTrackDeadClick: shouldTrackEvent;\n}) {\n  const { clickObservable, mutationObservable, navigateObservable }: AllWindowObservables = allObservables;\n\n  const filteredClickObservable = clickObservable.filter((click) => {\n    return (\n      filterOutNonTrackableEvents(click) &&\n      shouldTrackDeadClick('click', click.closestTrackedAncestor) &&\n      click.event.target instanceof Element &&\n      click.event.target.closest('a[target=\"_blank\"]') === null\n    );\n  });\n\n  /* istanbul ignore next */\n  const changeObservables = navigateObservable ? merge(mutationObservable, navigateObservable) : mutationObservable;\n\n  const clicksAndChangeObservable = merge(filteredClickObservable, changeObservables);\n\n  let deadClickTimer: ReturnType<typeof setTimeout> | null = null;\n\n  const deadClickObservable = asyncMap(\n    clicksAndChangeObservable,\n    (event): Promise<ElementBasedTimestampedEvent<MouseEvent> | null> => {\n      if (deadClickTimer && CHANGE_EVENTS.includes(event.type)) {\n        // a mutation or navigation means it's not a dead click, so clear the timer\n        clearTimeout(deadClickTimer);\n        deadClickTimer = null;\n        return Promise.resolve(null);\n      } else if (event.type === 'click') {\n        // if a dead click is already on-deck, return null.\n        // this throttles dead clicks events so no more than one dead click event\n        // is tracked per every DEAD_CLICK_TIMEOUT ms.\n        if (deadClickTimer) {\n          return Promise.resolve(null);\n        }\n        return new Promise((resolve) => {\n          deadClickTimer = setTimeout(() => {\n            resolve(event as ElementBasedTimestampedEvent<MouseEvent>);\n            deadClickTimer = null;\n          }, DEAD_CLICK_TIMEOUT);\n        });\n      }\n      // unreachable code, but needed to satisfy the type checker\n      return Promise.resolve(null);\n    },\n  );\n\n  return deadClickObservable.subscribe((actionClick) => {\n    if (!actionClick) return;\n    const deadClickEvent: EventDeadClick = {\n      '[Amplitude] X': (actionClick.event as MouseEvent).clientX,\n      '[Amplitude] Y': (actionClick.event as MouseEvent).clientY,\n    };\n    amplitude.track(\n      AMPLITUDE_ELEMENT_DEAD_CLICKED_EVENT,\n      {\n        ...getEventProperties('click', actionClick.closestTrackedAncestor),\n        ...deadClickEvent,\n      },\n      { time: actionClick.timestamp },\n    );\n  });\n}\n"]}

package/lib/cjs/autocapture/track-rage-click.d.ts

@@ -1,9 +1,9 @@
-import { AllWindowObservables } from 'src/autocapture-plugin';
-import { shouldTrackEvent } from '../helpers';
+import { AllWindowObservables } from 'src/frustration-plugin';
 import { BrowserClient } from '@amplitude/analytics-core';
+import { shouldTrackEvent } from '../helpers';
 export declare function trackRageClicks({ amplitude, allObservables, shouldTrackRageClick, }: {
     amplitude: BrowserClient;
     allObservables: AllWindowObservables;
     shouldTrackRageClick: shouldTrackEvent;
-}): import("rxjs").Subscription;
+}): ZenObservable.Subscription | undefined;
 //# sourceMappingURL=track-rage-click.d.ts.map

package/lib/cjs/autocapture/track-rage-click.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"track-rage-click.d.ts","sourceRoot":"","sources":["../../../src/autocapture/track-rage-click.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAE9D,OAAO,EAA+B,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAE3E,OAAO,EACL,aAAa,EAId,MAAM,2BAA2B,CAAC;AA+EnC,wBAAgB,eAAe,CAAC,EAC9B,SAAS,EACT,cAAc,EACd,oBAAoB,GACrB,EAAE;IACD,SAAS,EAAE,aAAa,CAAC;IACzB,cAAc,EAAE,oBAAoB,CAAC;IACrC,oBAAoB,EAAE,gBAAgB,CAAC;CACxC,+BAqFA"}
+{"version":3,"file":"track-rage-click.d.ts","sourceRoot":"","sources":["../../../src/autocapture/track-rage-click.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EACL,aAAa,EAKd,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAyF9C,wBAAgB,eAAe,CAAC,EAC9B,SAAS,EACT,cAAc,EACd,oBAAoB,GACrB,EAAE;IACD,SAAS,EAAE,aAAa,CAAC;IACzB,cAAc,EAAE,oBAAoB,CAAC;IACrC,oBAAoB,EAAE,gBAAgB,CAAC;CACxC,0CA8FA"}