@rio-cloud/rio-uikit 2.5.1 → 3.0.0-beta.1

package/utils/analytics/logAnalyticsOverlayUnmatchedEntries.js

@@ -1,61 +1,46 @@
-import { createAnalyticsLookupKey as k } from "./analyticsAnalysisUtils.js";
-const f = (n, r, p) => {
-  const l = n.get(r) ?? /* @__PURE__ */ new Set();
-  l.add(p), n.set(r, l);
-}, g = (n, r = 3) => !n || n.size === 0 ? "" : Array.from(n).slice(0, r).join(", "), w = (n) => n.toLowerCase().replace(/[\s,]+/g, " ").trim(), S = (n) => {
-  const { analyticsLookup: r, trackedElements: p, previousFingerprint: l } = n, b = /* @__PURE__ */ new Map(), m = /* @__PURE__ */ new Map(), v = /* @__PURE__ */ new Map(), A = /* @__PURE__ */ new Map(), h = /* @__PURE__ */ new Map();
-  p.forEach((t) => {
-    const e = t.getAttribute("data-track-ga-event-action"), i = t.getAttribute("data-track-ga-event-label");
-    if (!e || !i)
-      return;
-    const c = t.getAttribute("data-track-ga-event-trigger"), a = k(e, i), o = b.get(a) ?? {
-      hasSupportedTrigger: !1,
-      triggers: /* @__PURE__ */ new Set()
-    };
-    c && o.triggers.add(c), (c === "click" || c === "visibility") && (o.hasSupportedTrigger = !0), b.set(a, o), f(m, e, i), f(v, i, e);
-    const s = w(e);
-    f(A, s, i), f(h, s, e);
-  });
-  const $ = Array.from(r.values()).flat(), L = /* @__PURE__ */ new Set(), d = $.reduce((t, e) => {
-    const i = `${e.eventAction}::${e.eventLabel}`;
-    if (L.has(i))
-      return t;
-    L.add(i);
-    const c = k(e.eventAction, e.eventLabel), a = b.get(c);
-    if (a?.hasSupportedTrigger)
-      return t;
-    let o = "No frontend element with matching action and label was found.";
-    if (a && !a.hasSupportedTrigger) {
-      const s = g(a.triggers);
-      o = s.length > 0 ? `Element found, but trigger "${s}" is not supported. Use "click" or "visibility".` : 'Element found, but trigger is missing. Use "click" or "visibility".';
-    } else if (m.has(e.eventAction))
-      o = `Action exists in frontend, but label differs. Example labels: ${g(
-        m.get(e.eventAction)
-      )}`;
-    else if (v.has(e.eventLabel))
-      o = `Label exists in frontend, but action differs. Example actions: ${g(
-        v.get(e.eventLabel)
-      )}`;
-    else {
-      const s = w(e.eventAction), u = h.get(s), y = A.get(s);
-      u && u.size > 0 && (y?.has(e.eventLabel) ? o = `Action differs by formatting (e.g. commas/spaces). Example frontend actions: ${g(
-        u
-      )}` : o = `Possible action formatting mismatch. Example frontend actions: ${g(
-        u
-      )}`);
-    }
-    return t.push({
-      eventAction: e.eventAction,
-      eventLabel: e.eventLabel,
-      reason: o
-    }), t;
-  }, []), E = d.map((t) => `${t.eventAction}|${t.eventLabel}|${t.reason}`).sort().join(`
-`);
-  return E === l ? l : (d.length > 0 && (console.groupCollapsed(
-    `[Analytics Overlay] ${d.length} CSV row(s) could not be matched to frontend elements`
-  ), console.table(d), console.groupEnd()), E);
+import { createAnalyticsLookupKey as e } from "./analyticsAnalysisUtils.js";
+//#region src/utils/analytics/logAnalyticsOverlayUnmatchedEntries.ts
+var t = (e, t, n) => {
+	let r = e.get(t) ?? /* @__PURE__ */ new Set();
+	r.add(n), e.set(t, r);
+}, n = (e, t = 3) => !e || e.size === 0 ? "" : Array.from(e).slice(0, t).join(", "), r = (e) => e.toLowerCase().replace(/[\s,]+/g, " ").trim(), i = (i) => {
+	let { analyticsLookup: a, trackedElements: o, previousFingerprint: s } = i, c = /* @__PURE__ */ new Map(), l = /* @__PURE__ */ new Map(), u = /* @__PURE__ */ new Map(), d = /* @__PURE__ */ new Map(), f = /* @__PURE__ */ new Map();
+	o.forEach((n) => {
+		let i = n.getAttribute("data-track-ga-event-action"), a = n.getAttribute("data-track-ga-event-label");
+		if (!i || !a) return;
+		let o = n.getAttribute("data-track-ga-event-trigger"), s = e(i, a), p = c.get(s) ?? {
+			hasSupportedTrigger: !1,
+			triggers: /* @__PURE__ */ new Set()
+		};
+		o && p.triggers.add(o), (o === "click" || o === "visibility") && (p.hasSupportedTrigger = !0), c.set(s, p), t(l, i, a), t(u, a, i);
+		let m = r(i);
+		t(d, m, a), t(f, m, i);
+	});
+	let p = Array.from(a.values()).flat(), m = /* @__PURE__ */ new Set(), h = p.reduce((t, i) => {
+		let a = `${i.eventAction}::${i.eventLabel}`;
+		if (m.has(a)) return t;
+		m.add(a);
+		let o = e(i.eventAction, i.eventLabel), s = c.get(o);
+		if (s?.hasSupportedTrigger) return t;
+		let p = "No frontend element with matching action and label was found.";
+		if (s && !s.hasSupportedTrigger) {
+			let e = n(s.triggers);
+			p = e.length > 0 ? `Element found, but trigger "${e}" is not supported. Use "click" or "visibility".` : "Element found, but trigger is missing. Use \"click\" or \"visibility\".";
+		} else if (l.has(i.eventAction)) p = `Action exists in frontend, but label differs. Example labels: ${n(l.get(i.eventAction))}`;
+		else if (u.has(i.eventLabel)) p = `Label exists in frontend, but action differs. Example actions: ${n(u.get(i.eventLabel))}`;
+		else {
+			let e = r(i.eventAction), t = f.get(e), a = d.get(e);
+			t && t.size > 0 && (p = a?.has(i.eventLabel) ? `Action differs by formatting (e.g. commas/spaces). Example frontend actions: ${n(t)}` : `Possible action formatting mismatch. Example frontend actions: ${n(t)}`);
+		}
+		return t.push({
+			eventAction: i.eventAction,
+			eventLabel: i.eventLabel,
+			reason: p
+		}), t;
+	}, []), g = h.map((e) => `${e.eventAction}|${e.eventLabel}|${e.reason}`).sort().join("\n");
+	return g === s ? s : (h.length > 0 && (console.groupCollapsed(`[Analytics Overlay] ${h.length} CSV row(s) could not be matched to frontend elements`), console.table(h), console.groupEnd()), g);
 };
-export {
-  S as logAnalyticsOverlayUnmatchedEntries
-};
-//# sourceMappingURL=logAnalyticsOverlayUnmatchedEntries.js.map
+//#endregion
+export { i as logAnalyticsOverlayUnmatchedEntries };
+
+//# sourceMappingURL=logAnalyticsOverlayUnmatchedEntries.js.map

package/utils/analytics/logAnalyticsOverlayUnmatchedEntries.js.map

@@ -1 +1 @@
-{"version":3,"file":"logAnalyticsOverlayUnmatchedEntries.js","sources":["../../../src/utils/analytics/logAnalyticsOverlayUnmatchedEntries.ts"],"sourcesContent":["import { createAnalyticsLookupKey, type AnalyticsReportEntry } from './analyticsAnalysisUtils';\n\ntype LogAnalyticsOverlayUnmatchedEntriesParams = {\n    analyticsLookup: Map<string, AnalyticsReportEntry[]>;\n    trackedElements: HTMLElement[];\n    previousFingerprint: string | null;\n};\n\ntype DomLookupInfo = {\n    hasSupportedTrigger: boolean;\n    triggers: Set<string>;\n};\n\ntype UnmatchedAnalyticsEntry = {\n    eventAction: string;\n    eventLabel: string;\n    reason: string;\n};\n\nconst addToSetMap = (map: Map<string, Set<string>>, key: string, value: string) => {\n    const values = map.get(key) ?? new Set<string>();\n    values.add(value);\n    map.set(key, values);\n};\n\nconst toListPreview = (values: Set<string> | undefined, maxItems = 3) => {\n    if (!values || values.size === 0) {\n        return '';\n    }\n\n    return Array.from(values).slice(0, maxItems).join(', ');\n};\n\nconst normalizeAction = (action: string) =>\n    action\n        .toLowerCase()\n        .replace(/[\\s,]+/g, ' ')\n        .trim();\n\nexport const logAnalyticsOverlayUnmatchedEntries = (props: LogAnalyticsOverlayUnmatchedEntriesParams) => {\n    const { analyticsLookup, trackedElements, previousFingerprint } = props;\n\n    const entriesByLookupKey = new Map<string, DomLookupInfo>();\n    const labelsByAction = new Map<string, Set<string>>();\n    const actionsByLabel = new Map<string, Set<string>>();\n    const labelsByNormalizedAction = new Map<string, Set<string>>();\n    const actionsByNormalizedAction = new Map<string, Set<string>>();\n\n    trackedElements.forEach(element => {\n        const eventAction = element.getAttribute('data-track-ga-event-action');\n        const eventLabel = element.getAttribute('data-track-ga-event-label');\n\n        if (!eventAction || !eventLabel) {\n            return;\n        }\n\n        const eventTrigger = element.getAttribute('data-track-ga-event-trigger');\n        const lookupKey = createAnalyticsLookupKey(eventAction, eventLabel);\n        const lookupInfo = entriesByLookupKey.get(lookupKey) ?? {\n            hasSupportedTrigger: false,\n            triggers: new Set<string>(),\n        };\n\n        if (eventTrigger) {\n            lookupInfo.triggers.add(eventTrigger);\n        }\n\n        if (eventTrigger === 'click' || eventTrigger === 'visibility') {\n            lookupInfo.hasSupportedTrigger = true;\n        }\n\n        entriesByLookupKey.set(lookupKey, lookupInfo);\n        addToSetMap(labelsByAction, eventAction, eventLabel);\n        addToSetMap(actionsByLabel, eventLabel, eventAction);\n\n        const normalizedAction = normalizeAction(eventAction);\n        addToSetMap(labelsByNormalizedAction, normalizedAction, eventLabel);\n        addToSetMap(actionsByNormalizedAction, normalizedAction, eventAction);\n    });\n\n    const allAnalyticsEntries = Array.from(analyticsLookup.values()).flat();\n    const seenEntries = new Set<string>();\n    const unmatchedEntries = allAnalyticsEntries.reduce((entries, entry) => {\n        const uniqueEntryKey = `${entry.eventAction}::${entry.eventLabel}`;\n        if (seenEntries.has(uniqueEntryKey)) {\n            return entries;\n        }\n        seenEntries.add(uniqueEntryKey);\n\n        const lookupKey = createAnalyticsLookupKey(entry.eventAction, entry.eventLabel);\n        const domLookup = entriesByLookupKey.get(lookupKey);\n\n        if (domLookup?.hasSupportedTrigger) {\n            return entries;\n        }\n\n        let reason = 'No frontend element with matching action and label was found.';\n\n        if (domLookup && !domLookup.hasSupportedTrigger) {\n            const triggers = toListPreview(domLookup.triggers);\n            reason =\n                triggers.length > 0\n                    ? `Element found, but trigger \"${triggers}\" is not supported. Use \"click\" or \"visibility\".`\n                    : 'Element found, but trigger is missing. Use \"click\" or \"visibility\".';\n        } else if (labelsByAction.has(entry.eventAction)) {\n            reason = `Action exists in frontend, but label differs. Example labels: ${toListPreview(\n                labelsByAction.get(entry.eventAction)\n            )}`;\n        } else if (actionsByLabel.has(entry.eventLabel)) {\n            reason = `Label exists in frontend, but action differs. Example actions: ${toListPreview(\n                actionsByLabel.get(entry.eventLabel)\n            )}`;\n        } else {\n            const normalizedAction = normalizeAction(entry.eventAction);\n            const normalizedActionMatches = actionsByNormalizedAction.get(normalizedAction);\n            const normalizedActionLabels = labelsByNormalizedAction.get(normalizedAction);\n            if (normalizedActionMatches && normalizedActionMatches.size > 0) {\n                if (normalizedActionLabels?.has(entry.eventLabel)) {\n                    reason = `Action differs by formatting (e.g. commas/spaces). Example frontend actions: ${toListPreview(\n                        normalizedActionMatches\n                    )}`;\n                } else {\n                    reason = `Possible action formatting mismatch. Example frontend actions: ${toListPreview(\n                        normalizedActionMatches\n                    )}`;\n                }\n            }\n        }\n\n        entries.push({\n            eventAction: entry.eventAction,\n            eventLabel: entry.eventLabel,\n            reason,\n        });\n        return entries;\n    }, [] as UnmatchedAnalyticsEntry[]);\n\n    const fingerprint = unmatchedEntries\n        .map(entry => `${entry.eventAction}|${entry.eventLabel}|${entry.reason}`)\n        .sort()\n        .join('\\n');\n\n    if (fingerprint === previousFingerprint) {\n        return previousFingerprint;\n    }\n\n    if (unmatchedEntries.length > 0) {\n        console.groupCollapsed(\n            `[Analytics Overlay] ${unmatchedEntries.length} CSV row(s) could not be matched to frontend elements`\n        );\n        console.table(unmatchedEntries);\n        console.groupEnd();\n    }\n\n    return fingerprint;\n};\n\nexport type { LogAnalyticsOverlayUnmatchedEntriesParams };\n"],"names":["addToSetMap","map","key","value","values","toListPreview","maxItems","normalizeAction","action","logAnalyticsOverlayUnmatchedEntries","props","analyticsLookup","trackedElements","previousFingerprint","entriesByLookupKey","labelsByAction","actionsByLabel","labelsByNormalizedAction","actionsByNormalizedAction","element","eventAction","eventLabel","eventTrigger","lookupKey","createAnalyticsLookupKey","lookupInfo","normalizedAction","allAnalyticsEntries","seenEntries","unmatchedEntries","entries","entry","uniqueEntryKey","domLookup","reason","triggers","normalizedActionMatches","normalizedActionLabels","fingerprint"],"mappings":"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"}
+{"version":3,"file":"logAnalyticsOverlayUnmatchedEntries.js","names":[],"sources":["../../../src/utils/analytics/logAnalyticsOverlayUnmatchedEntries.ts"],"sourcesContent":["import { createAnalyticsLookupKey, type AnalyticsReportEntry } from './analyticsAnalysisUtils';\n\ntype LogAnalyticsOverlayUnmatchedEntriesParams = {\n    analyticsLookup: Map<string, AnalyticsReportEntry[]>;\n    trackedElements: HTMLElement[];\n    previousFingerprint: string | null;\n};\n\ntype DomLookupInfo = {\n    hasSupportedTrigger: boolean;\n    triggers: Set<string>;\n};\n\ntype UnmatchedAnalyticsEntry = {\n    eventAction: string;\n    eventLabel: string;\n    reason: string;\n};\n\nconst addToSetMap = (map: Map<string, Set<string>>, key: string, value: string) => {\n    const values = map.get(key) ?? new Set<string>();\n    values.add(value);\n    map.set(key, values);\n};\n\nconst toListPreview = (values: Set<string> | undefined, maxItems = 3) => {\n    if (!values || values.size === 0) {\n        return '';\n    }\n\n    return Array.from(values).slice(0, maxItems).join(', ');\n};\n\nconst normalizeAction = (action: string) =>\n    action\n        .toLowerCase()\n        .replace(/[\\s,]+/g, ' ')\n        .trim();\n\nexport const logAnalyticsOverlayUnmatchedEntries = (props: LogAnalyticsOverlayUnmatchedEntriesParams) => {\n    const { analyticsLookup, trackedElements, previousFingerprint } = props;\n\n    const entriesByLookupKey = new Map<string, DomLookupInfo>();\n    const labelsByAction = new Map<string, Set<string>>();\n    const actionsByLabel = new Map<string, Set<string>>();\n    const labelsByNormalizedAction = new Map<string, Set<string>>();\n    const actionsByNormalizedAction = new Map<string, Set<string>>();\n\n    trackedElements.forEach(element => {\n        const eventAction = element.getAttribute('data-track-ga-event-action');\n        const eventLabel = element.getAttribute('data-track-ga-event-label');\n\n        if (!eventAction || !eventLabel) {\n            return;\n        }\n\n        const eventTrigger = element.getAttribute('data-track-ga-event-trigger');\n        const lookupKey = createAnalyticsLookupKey(eventAction, eventLabel);\n        const lookupInfo = entriesByLookupKey.get(lookupKey) ?? {\n            hasSupportedTrigger: false,\n            triggers: new Set<string>(),\n        };\n\n        if (eventTrigger) {\n            lookupInfo.triggers.add(eventTrigger);\n        }\n\n        if (eventTrigger === 'click' || eventTrigger === 'visibility') {\n            lookupInfo.hasSupportedTrigger = true;\n        }\n\n        entriesByLookupKey.set(lookupKey, lookupInfo);\n        addToSetMap(labelsByAction, eventAction, eventLabel);\n        addToSetMap(actionsByLabel, eventLabel, eventAction);\n\n        const normalizedAction = normalizeAction(eventAction);\n        addToSetMap(labelsByNormalizedAction, normalizedAction, eventLabel);\n        addToSetMap(actionsByNormalizedAction, normalizedAction, eventAction);\n    });\n\n    const allAnalyticsEntries = Array.from(analyticsLookup.values()).flat();\n    const seenEntries = new Set<string>();\n    const unmatchedEntries = allAnalyticsEntries.reduce((entries, entry) => {\n        const uniqueEntryKey = `${entry.eventAction}::${entry.eventLabel}`;\n        if (seenEntries.has(uniqueEntryKey)) {\n            return entries;\n        }\n        seenEntries.add(uniqueEntryKey);\n\n        const lookupKey = createAnalyticsLookupKey(entry.eventAction, entry.eventLabel);\n        const domLookup = entriesByLookupKey.get(lookupKey);\n\n        if (domLookup?.hasSupportedTrigger) {\n            return entries;\n        }\n\n        let reason = 'No frontend element with matching action and label was found.';\n\n        if (domLookup && !domLookup.hasSupportedTrigger) {\n            const triggers = toListPreview(domLookup.triggers);\n            reason =\n                triggers.length > 0\n                    ? `Element found, but trigger \"${triggers}\" is not supported. Use \"click\" or \"visibility\".`\n                    : 'Element found, but trigger is missing. Use \"click\" or \"visibility\".';\n        } else if (labelsByAction.has(entry.eventAction)) {\n            reason = `Action exists in frontend, but label differs. Example labels: ${toListPreview(\n                labelsByAction.get(entry.eventAction)\n            )}`;\n        } else if (actionsByLabel.has(entry.eventLabel)) {\n            reason = `Label exists in frontend, but action differs. Example actions: ${toListPreview(\n                actionsByLabel.get(entry.eventLabel)\n            )}`;\n        } else {\n            const normalizedAction = normalizeAction(entry.eventAction);\n            const normalizedActionMatches = actionsByNormalizedAction.get(normalizedAction);\n            const normalizedActionLabels = labelsByNormalizedAction.get(normalizedAction);\n            if (normalizedActionMatches && normalizedActionMatches.size > 0) {\n                if (normalizedActionLabels?.has(entry.eventLabel)) {\n                    reason = `Action differs by formatting (e.g. commas/spaces). Example frontend actions: ${toListPreview(\n                        normalizedActionMatches\n                    )}`;\n                } else {\n                    reason = `Possible action formatting mismatch. Example frontend actions: ${toListPreview(\n                        normalizedActionMatches\n                    )}`;\n                }\n            }\n        }\n\n        entries.push({\n            eventAction: entry.eventAction,\n            eventLabel: entry.eventLabel,\n            reason,\n        });\n        return entries;\n    }, [] as UnmatchedAnalyticsEntry[]);\n\n    const fingerprint = unmatchedEntries\n        .map(entry => `${entry.eventAction}|${entry.eventLabel}|${entry.reason}`)\n        .sort()\n        .join('\\n');\n\n    if (fingerprint === previousFingerprint) {\n        return previousFingerprint;\n    }\n\n    if (unmatchedEntries.length > 0) {\n        console.groupCollapsed(\n            `[Analytics Overlay] ${unmatchedEntries.length} CSV row(s) could not be matched to frontend elements`\n        );\n        console.table(unmatchedEntries);\n        console.groupEnd();\n    }\n\n    return fingerprint;\n};\n\nexport type { LogAnalyticsOverlayUnmatchedEntriesParams };\n"],"mappings":"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"}

package/utils/analytics/useAnalyticsOverlayDom.js

@@ -1,120 +1,111 @@
-import { useState as q, useRef as I, useEffect as M } from "react";
-import { ANALYTICS_OVERLAY_SELECTOR as H, createAnalyticsLookupKey as Y, EVENT_TYPE_ICON_CLASS as K, toEventType as Q } from "./analyticsAnalysisUtils.js";
-import { createAnalyticsOverlayTooltip as j } from "./createAnalyticsOverlayTooltip.js";
-import { logAnalyticsOverlayUnmatchedEntries as G } from "./logAnalyticsOverlayUnmatchedEntries.js";
-const te = (F) => {
-  const { analyticsLookup: m, overlayBackgroundOpacity: C, showOverlayDetails: y, showOverlayLabelText: g, analyticsTotalUsers: N } = F, [V, T] = q(null), w = I(/* @__PURE__ */ new WeakSet()), h = I(null), x = m.size > 0;
-  return M(() => {
-    w.current = /* @__PURE__ */ new WeakSet(), h.current = null;
-  }, [m, y]), M(() => {
-    const r = document.createElement("div");
-    r.setAttribute("data-analytics-overlay-root", "true"), r.classList.add("position-fixed"), r.classList.add("inset-0"), r.classList.add("pointer-events-none"), r.classList.add("z-index-max"), r.style.backgroundColor = x && y ? `rgba(0,0,0,${C})` : "rgba(0,0,0,0)";
-    const b = document.createElement("div");
-    b.setAttribute("data-analytics-overlay-banner", "true"), b.classList.add("pointer-events-all"), r.appendChild(b), T(b), document.body.appendChild(r);
-    let O = 0, k = !1, E = null, L = null;
-    const D = (t) => {
-      const e = Number(t);
-      return Number.isFinite(e) ? e : 0;
-    }, d = () => {
-      E?.remove(), E = null, L = null;
-    }, B = (t) => {
-      const e = t.element.getBoundingClientRect();
-      if (e.width === 0 || e.height === 0 || e.bottom <= 0 || e.top >= window.innerHeight || e.right <= 0 || e.left >= window.innerWidth)
-        return null;
-      const n = document.createElement("div");
-      n.classList.add(
-        "position-fixed",
-        "label",
-        "label-secondary",
-        "label-filled",
-        "label-condensed",
-        "ellipsis-1",
-        "shadow-focused",
-        "white-space-no-wrap",
-        "text-normal",
-        "pointer-events-all",
-        "cursor-pointer",
-        "hover-z-index-1",
-        "hover-bg-black",
-        "hover-border-color-black"
-      ), n.setAttribute("data-analytics-overlay-label", "true"), n.style.top = `${e.top + 4}px`, n.style.left = `${e.left + 4}px`, n.style.maxWidth = "min(80vw, 420px)";
-      const v = (s) => {
-        s.preventDefault(), s.stopPropagation(), w.current.add(t.element), L === n && d(), n.remove();
-      }, p = t.entries.reduce((s, f) => s + D(f.eventCount), 0), c = t.entries.reduce((s, f) => s + D(f.totalUsers), 0), i = K[t.eventType], l = "rioglyph-remove", o = document.createElement("span");
-      o.classList.add("text-size-14", "margin-left-1", "rioglyph", "margin-right-0", i), n.appendChild(o), g && (o.addEventListener("pointerdown", v), o.addEventListener("click", v));
-      const P = () => {
-        i !== l && (o.classList.remove(i), o.classList.add(l));
-      }, U = () => {
-        i !== l && (o.classList.remove(l), o.classList.add(i));
-      };
-      g && (o.addEventListener("mouseenter", P), o.addEventListener("mouseleave", U));
-      const A = document.createElement("span");
-      return A.textContent = `${p} times / ${c} users`, A.classList.add(
-        g ? "display-inline" : "display-none",
-        "text-size-10",
-        "line-height-14",
-        "margin-left-5"
-      ), n.appendChild(A), n.addEventListener("click", (s) => {
-        s.preventDefault(), s.stopPropagation();
-        const f = s, W = L === n;
-        d(), !W && (E = j({
-          overlayRoot: r,
-          trackingData: {
-            eventAction: t.eventAction,
-            eventLabel: t.eventLabel,
-            eventTrigger: t.eventTrigger
-          },
-          totalEventCount: p,
-          totalUserCount: c,
-          analyticsTotalUsers: N,
-          clickEvent: f,
-          trackedElement: t.element
-        }), L = n);
-      }), n;
-    }, _ = (t) => t.reduce((e, a) => {
-      const n = a.getAttribute("data-track-ga-event-action"), v = a.getAttribute("data-track-ga-event-label"), p = a.getAttribute("data-track-ga-event-trigger"), c = p === "click" || p === "visibility" ? p : null, i = c ? Q(c) : null;
-      if (!n || !v || !c || !i || w.current.has(a))
-        return e;
-      const l = m.get(Y(n, v));
-      return !l || l.length === 0 || e.push({ element: a, eventAction: n, eventLabel: v, eventTrigger: c, eventType: i, entries: l }), e;
-    }, []), $ = () => {
-      k = !1, d(), r.querySelectorAll("[data-analytics-overlay-label]").forEach((a) => {
-        a.remove();
-      });
-      const t = Array.from(document.querySelectorAll(H));
-      if (h.current = G({
-        analyticsLookup: m,
-        trackedElements: t,
-        previousFingerprint: h.current
-      }), !y)
-        return;
-      _(t).forEach((a) => {
-        const n = B(a);
-        n && r.appendChild(n);
-      });
-    }, u = () => {
-      k || (k = !0, O = window.requestAnimationFrame($));
-    }, R = new MutationObserver((t) => {
-      t.some((a) => !r.contains(a.target)) && u();
-    });
-    R.observe(document.body, {
-      childList: !0,
-      subtree: !0,
-      attributes: !0,
-      attributeFilter: ["data-track-ga-event-action", "data-track-ga-event-label", "data-track-ga-event-trigger"]
-    });
-    const S = (t) => {
-      const e = t.target;
-      e instanceof Node && (E?.contains(e) || e instanceof Element && e.closest("[data-analytics-overlay-label]") || d());
-    }, z = (t) => {
-      t.key === "Escape" && d();
-    };
-    return document.addEventListener("pointerdown", S, !0), document.addEventListener("keydown", z), window.addEventListener("scroll", u, !0), window.addEventListener("resize", u), u(), () => {
-      T(null), d(), document.removeEventListener("pointerdown", S, !0), document.removeEventListener("keydown", z), window.removeEventListener("scroll", u, !0), window.removeEventListener("resize", u), R.disconnect(), window.cancelAnimationFrame(O), r.remove();
-    };
-  }, [m, x, C, y, g]), V;
+import { ANALYTICS_OVERLAY_SELECTOR as e, EVENT_TYPE_ICON_CLASS as t, createAnalyticsLookupKey as n, toEventType as r } from "./analyticsAnalysisUtils.js";
+import { createAnalyticsOverlayTooltip as i } from "./createAnalyticsOverlayTooltip.js";
+import { logAnalyticsOverlayUnmatchedEntries as a } from "./logAnalyticsOverlayUnmatchedEntries.js";
+import { useEffect as o, useRef as s, useState as c } from "react";
+//#region src/utils/analytics/useAnalyticsOverlayDom.ts
+var l = (l) => {
+	let { analyticsLookup: u, overlayBackgroundOpacity: d, showOverlayDetails: f, showOverlayLabelText: p, analyticsTotalUsers: m } = l, [h, g] = c(null), _ = s(/* @__PURE__ */ new WeakSet()), v = s(null), y = u.size > 0;
+	return o(() => {
+		_.current = /* @__PURE__ */ new WeakSet(), v.current = null;
+	}, [u, f]), o(() => {
+		let o = document.createElement("div");
+		o.setAttribute("data-analytics-overlay-root", "true"), o.classList.add("position-fixed"), o.classList.add("inset-0"), o.classList.add("pointer-events-none"), o.classList.add("z-index-max"), o.style.backgroundColor = y && f ? `rgba(0,0,0,${d})` : "rgba(0,0,0,0)";
+		let s = document.createElement("div");
+		s.setAttribute("data-analytics-overlay-banner", "true"), s.classList.add("pointer-events-all"), o.appendChild(s), g(s), document.body.appendChild(o);
+		let c = 0, l = !1, h = null, b = null, x = (e) => {
+			let t = Number(e);
+			return Number.isFinite(t) ? t : 0;
+		}, S = () => {
+			h?.remove(), h = null, b = null;
+		}, C = (e) => {
+			let n = e.element.getBoundingClientRect();
+			if (n.width === 0 || n.height === 0 || n.bottom <= 0 || n.top >= window.innerHeight || n.right <= 0 || n.left >= window.innerWidth) return null;
+			let r = document.createElement("div");
+			r.classList.add("position-fixed", "label", "label-secondary", "label-filled", "label-condensed", "ellipsis-1", "shadow-focused", "white-space-no-wrap", "text-normal", "pointer-events-all", "cursor-pointer", "hover-z-index-1", "hover-bg-black", "hover-border-color-black"), r.setAttribute("data-analytics-overlay-label", "true"), r.style.top = `${n.top + 4}px`, r.style.left = `${n.left + 4}px`, r.style.maxWidth = "min(80vw, 420px)";
+			let a = (t) => {
+				t.preventDefault(), t.stopPropagation(), _.current.add(e.element), b === r && S(), r.remove();
+			}, s = e.entries.reduce((e, t) => e + x(t.eventCount), 0), c = e.entries.reduce((e, t) => e + x(t.totalUsers), 0), l = t[e.eventType], u = "icon-remove", d = document.createElement("span");
+			d.classList.add("text-size-14", "margin-left-1", "uikit-icon", "margin-right-0", l), r.appendChild(d), p && (d.addEventListener("pointerdown", a), d.addEventListener("click", a)), p && (d.addEventListener("mouseenter", () => {
+				l !== u && (d.classList.remove(l), d.classList.add(u));
+			}), d.addEventListener("mouseleave", () => {
+				l !== u && (d.classList.remove(u), d.classList.add(l));
+			}));
+			let f = document.createElement("span");
+			return f.textContent = `${s} times / ${c} users`, f.classList.add(p ? "display-inline" : "display-none", "text-size-10", "line-height-14", "margin-left-5"), r.appendChild(f), r.addEventListener("click", (t) => {
+				t.preventDefault(), t.stopPropagation();
+				let n = t, a = b === r;
+				S(), !a && (h = i({
+					overlayRoot: o,
+					trackingData: {
+						eventAction: e.eventAction,
+						eventLabel: e.eventLabel,
+						eventTrigger: e.eventTrigger
+					},
+					totalEventCount: s,
+					totalUserCount: c,
+					analyticsTotalUsers: m,
+					clickEvent: n,
+					trackedElement: e.element
+				}), b = r);
+			}), r;
+		}, w = (e) => e.reduce((e, t) => {
+			let i = t.getAttribute("data-track-ga-event-action"), a = t.getAttribute("data-track-ga-event-label"), o = t.getAttribute("data-track-ga-event-trigger"), s = o === "click" || o === "visibility" ? o : null, c = s ? r(s) : null;
+			if (!i || !a || !s || !c || _.current.has(t)) return e;
+			let l = u.get(n(i, a));
+			return !l || l.length === 0 || e.push({
+				element: t,
+				eventAction: i,
+				eventLabel: a,
+				eventTrigger: s,
+				eventType: c,
+				entries: l
+			}), e;
+		}, []), T = () => {
+			l = !1, S(), o.querySelectorAll("[data-analytics-overlay-label]").forEach((e) => {
+				e.remove();
+			});
+			let t = Array.from(document.querySelectorAll(e));
+			v.current = a({
+				analyticsLookup: u,
+				trackedElements: t,
+				previousFingerprint: v.current
+			}), f && w(t).forEach((e) => {
+				let t = C(e);
+				t && o.appendChild(t);
+			});
+		}, E = () => {
+			l || (l = !0, c = window.requestAnimationFrame(T));
+		}, D = new MutationObserver((e) => {
+			e.some((e) => !o.contains(e.target)) && E();
+		});
+		D.observe(document.body, {
+			childList: !0,
+			subtree: !0,
+			attributes: !0,
+			attributeFilter: [
+				"data-track-ga-event-action",
+				"data-track-ga-event-label",
+				"data-track-ga-event-trigger"
+			]
+		});
+		let O = (e) => {
+			let t = e.target;
+			t instanceof Node && (h?.contains(t) || t instanceof Element && t.closest("[data-analytics-overlay-label]") || S());
+		}, k = (e) => {
+			e.key === "Escape" && S();
+		};
+		return document.addEventListener("pointerdown", O, !0), document.addEventListener("keydown", k), window.addEventListener("scroll", E, !0), window.addEventListener("resize", E), E(), () => {
+			g(null), S(), document.removeEventListener("pointerdown", O, !0), document.removeEventListener("keydown", k), window.removeEventListener("scroll", E, !0), window.removeEventListener("resize", E), D.disconnect(), window.cancelAnimationFrame(c), o.remove();
+		};
+	}, [
+		u,
+		y,
+		d,
+		f,
+		p
+	]), h;
 };
-export {
-  te as default
-};
-//# sourceMappingURL=useAnalyticsOverlayDom.js.map
+//#endregion
+export { l as default };
+
+//# sourceMappingURL=useAnalyticsOverlayDom.js.map

package/utils/analytics/useAnalyticsOverlayDom.js.map

@@ -1 +1 @@
-{"version":3,"file":"useAnalyticsOverlayDom.js","sources":["../../../src/utils/analytics/useAnalyticsOverlayDom.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nimport {\n    ANALYTICS_OVERLAY_SELECTOR,\n    EVENT_TYPE_ICON_CLASS,\n    createAnalyticsLookupKey,\n    toEventType,\n    type AnalyticsReportEntry,\n} from './analyticsAnalysisUtils';\nimport { createAnalyticsOverlayTooltip } from './createAnalyticsOverlayTooltip';\nimport { logAnalyticsOverlayUnmatchedEntries } from './logAnalyticsOverlayUnmatchedEntries';\n\ntype AnalyticsOverlayMatch = {\n    element: HTMLElement;\n    eventAction: string;\n    eventLabel: string;\n    eventTrigger: 'click' | 'visibility';\n    eventType: 'seen' | 'clicked';\n    entries: AnalyticsReportEntry[];\n};\n\ntype UseAnalyticsOverlayDomProps = {\n    analyticsLookup: Map<string, AnalyticsReportEntry[]>;\n    overlayBackgroundOpacity: number;\n    showOverlayDetails: boolean;\n    showOverlayLabelText: boolean;\n    analyticsTotalUsers: number | null;\n};\n\nconst useAnalyticsOverlayDom = (props: UseAnalyticsOverlayDomProps) => {\n    const { analyticsLookup, overlayBackgroundOpacity, showOverlayDetails, showOverlayLabelText, analyticsTotalUsers } =\n        props;\n    const [metadataBannerHost, setMetadataBannerHost] = useState<HTMLDivElement | null>(null);\n    const hiddenOverlayElementsRef = useRef<WeakSet<HTMLElement>>(new WeakSet());\n    const unmatchedEntriesLogFingerprintRef = useRef<string | null>(null);\n    const hasOverlayData = analyticsLookup.size > 0;\n\n    useEffect(() => {\n        // Reset manually hidden labels after overlay visibility toggles or data changes.\n        hiddenOverlayElementsRef.current = new WeakSet();\n        unmatchedEntriesLogFingerprintRef.current = null;\n    }, [analyticsLookup, showOverlayDetails]);\n\n    useEffect(() => {\n        const overlayRoot = document.createElement('div');\n        overlayRoot.setAttribute('data-analytics-overlay-root', 'true');\n        overlayRoot.classList.add('position-fixed');\n        overlayRoot.classList.add('inset-0');\n        overlayRoot.classList.add('pointer-events-none');\n        overlayRoot.classList.add('z-index-max');\n        overlayRoot.style.backgroundColor =\n            hasOverlayData && showOverlayDetails ? `rgba(0,0,0,${overlayBackgroundOpacity})` : 'rgba(0,0,0,0)';\n\n        const metadataBannerContainer = document.createElement('div');\n        metadataBannerContainer.setAttribute('data-analytics-overlay-banner', 'true');\n        metadataBannerContainer.classList.add('pointer-events-all');\n        overlayRoot.appendChild(metadataBannerContainer);\n        setMetadataBannerHost(metadataBannerContainer);\n\n        document.body.appendChild(overlayRoot);\n\n        let frameId = 0;\n        let refreshQueued = false;\n        let activeTooltip: HTMLDivElement | null = null;\n        let activeTooltipOwner: HTMLElement | null = null;\n\n        const parseMetricValue = (value: string) => {\n            const numericValue = Number(value);\n            return Number.isFinite(numericValue) ? numericValue : 0;\n        };\n        const hideActiveTooltip = () => {\n            activeTooltip?.remove();\n            activeTooltip = null;\n            activeTooltipOwner = null;\n        };\n\n        const createOverlayMatchLabel = (match: AnalyticsOverlayMatch) => {\n            const rect = match.element.getBoundingClientRect();\n            if (rect.width === 0 || rect.height === 0) {\n                return null;\n            }\n\n            const isOutsideViewport =\n                rect.bottom <= 0 || rect.top >= window.innerHeight || rect.right <= 0 || rect.left >= window.innerWidth;\n            if (isOutsideViewport) {\n                return null;\n            }\n\n            const label = document.createElement('div');\n            label.classList.add(\n                'position-fixed',\n                'label',\n                'label-secondary',\n                'label-filled',\n                'label-condensed',\n                'ellipsis-1',\n                'shadow-focused',\n                'white-space-no-wrap',\n                'text-normal',\n                'pointer-events-all',\n                'cursor-pointer',\n                'hover-z-index-1',\n                'hover-bg-black',\n                'hover-border-color-black'\n            );\n            label.setAttribute('data-analytics-overlay-label', 'true');\n            label.style.top = `${rect.top + 4}px`;\n            label.style.left = `${rect.left + 4}px`;\n            label.style.maxWidth = 'min(80vw, 420px)';\n\n            const hideLabel = (event: Event) => {\n                event.preventDefault();\n                event.stopPropagation();\n                hiddenOverlayElementsRef.current.add(match.element);\n                if (activeTooltipOwner === label) {\n                    hideActiveTooltip();\n                }\n                label.remove();\n            };\n\n            const totalEventCount = match.entries.reduce((sum, entry) => sum + parseMetricValue(entry.eventCount), 0);\n            const totalUserCount = match.entries.reduce((sum, entry) => sum + parseMetricValue(entry.totalUsers), 0);\n            const eventTypeIconClass = EVENT_TYPE_ICON_CLASS[match.eventType];\n            const closeIconClass = 'rioglyph-remove';\n            const icon = document.createElement('span');\n            icon.classList.add('text-size-14', 'margin-left-1', 'rioglyph', 'margin-right-0', eventTypeIconClass);\n            label.appendChild(icon);\n\n            if (showOverlayLabelText) {\n                icon.addEventListener('pointerdown', hideLabel);\n                icon.addEventListener('click', hideLabel);\n            }\n\n            const showCloseIcon = () => {\n                if (eventTypeIconClass === closeIconClass) {\n                    return;\n                }\n                icon.classList.remove(eventTypeIconClass);\n                icon.classList.add(closeIconClass);\n            };\n            const showDefaultIcon = () => {\n                if (eventTypeIconClass === closeIconClass) {\n                    return;\n                }\n                icon.classList.remove(closeIconClass);\n                icon.classList.add(eventTypeIconClass);\n            };\n\n            if (showOverlayLabelText) {\n                icon.addEventListener('mouseenter', showCloseIcon);\n                icon.addEventListener('mouseleave', showDefaultIcon);\n            }\n\n            const text = document.createElement('span');\n            text.textContent = `${totalEventCount} times / ${totalUserCount} users`;\n            text.classList.add(\n                showOverlayLabelText ? 'display-inline' : 'display-none',\n                'text-size-10',\n                'line-height-14',\n                'margin-left-5'\n            );\n            label.appendChild(text);\n\n            label.addEventListener('click', event => {\n                event.preventDefault();\n                event.stopPropagation();\n\n                const mouseEvent = event as MouseEvent;\n                const isCurrentLabelTooltip = activeTooltipOwner === label;\n                hideActiveTooltip();\n\n                if (isCurrentLabelTooltip) {\n                    return;\n                }\n\n                activeTooltip = createAnalyticsOverlayTooltip({\n                    overlayRoot,\n                    trackingData: {\n                        eventAction: match.eventAction,\n                        eventLabel: match.eventLabel,\n                        eventTrigger: match.eventTrigger,\n                    },\n                    totalEventCount,\n                    totalUserCount,\n                    analyticsTotalUsers,\n                    clickEvent: mouseEvent,\n                    trackedElement: match.element,\n                });\n                activeTooltipOwner = label;\n            });\n\n            return label;\n        };\n\n        const collectMatches = (trackedElements: HTMLElement[]) =>\n            trackedElements.reduce((matches, element) => {\n                const eventAction = element.getAttribute('data-track-ga-event-action');\n                const eventLabel = element.getAttribute('data-track-ga-event-label');\n                const eventTriggerRaw = element.getAttribute('data-track-ga-event-trigger');\n                const eventTrigger =\n                    eventTriggerRaw === 'click' || eventTriggerRaw === 'visibility' ? eventTriggerRaw : null;\n                const eventType = eventTrigger ? toEventType(eventTrigger) : null;\n\n                if (!eventAction || !eventLabel || !eventTrigger || !eventType) {\n                    return matches;\n                }\n\n                if (hiddenOverlayElementsRef.current.has(element)) {\n                    return matches;\n                }\n\n                const entries = analyticsLookup.get(createAnalyticsLookupKey(eventAction, eventLabel));\n                if (!entries || entries.length === 0) {\n                    return matches;\n                }\n\n                matches.push({ element, eventAction, eventLabel, eventTrigger, eventType, entries });\n                return matches;\n            }, [] as AnalyticsOverlayMatch[]);\n\n        const refreshOverlay = () => {\n            refreshQueued = false;\n            hideActiveTooltip();\n            overlayRoot.querySelectorAll('[data-analytics-overlay-label]').forEach(label => {\n                label.remove();\n            });\n\n            const trackedElements = Array.from(document.querySelectorAll<HTMLElement>(ANALYTICS_OVERLAY_SELECTOR));\n            unmatchedEntriesLogFingerprintRef.current = logAnalyticsOverlayUnmatchedEntries({\n                analyticsLookup,\n                trackedElements,\n                previousFingerprint: unmatchedEntriesLogFingerprintRef.current,\n            });\n\n            if (!showOverlayDetails) {\n                return;\n            }\n\n            const matches = collectMatches(trackedElements);\n            matches.forEach(match => {\n                const label = createOverlayMatchLabel(match);\n                if (label) {\n                    overlayRoot.appendChild(label);\n                }\n            });\n        };\n\n        const scheduleRefresh = () => {\n            if (refreshQueued) {\n                return;\n            }\n\n            refreshQueued = true;\n            frameId = window.requestAnimationFrame(refreshOverlay);\n        };\n\n        const mutationObserver = new MutationObserver(mutationRecords => {\n            const hasExternalMutation = mutationRecords.some(record => !overlayRoot.contains(record.target));\n\n            if (!hasExternalMutation) {\n                return;\n            }\n\n            scheduleRefresh();\n        });\n        mutationObserver.observe(document.body, {\n            childList: true,\n            subtree: true,\n            attributes: true,\n            attributeFilter: ['data-track-ga-event-action', 'data-track-ga-event-label', 'data-track-ga-event-trigger'],\n        });\n\n        const handleDocumentPointerDown = (event: PointerEvent) => {\n            const target = event.target;\n            if (!(target instanceof Node)) {\n                return;\n            }\n\n            if (activeTooltip?.contains(target)) {\n                return;\n            }\n\n            if (target instanceof Element && target.closest('[data-analytics-overlay-label]')) {\n                return;\n            }\n\n            hideActiveTooltip();\n        };\n        const handleDocumentKeyDown = (event: KeyboardEvent) => {\n            if (event.key === 'Escape') {\n                hideActiveTooltip();\n            }\n        };\n\n        document.addEventListener('pointerdown', handleDocumentPointerDown, true);\n        document.addEventListener('keydown', handleDocumentKeyDown);\n        window.addEventListener('scroll', scheduleRefresh, true);\n        window.addEventListener('resize', scheduleRefresh);\n        scheduleRefresh();\n\n        return () => {\n            setMetadataBannerHost(null);\n            hideActiveTooltip();\n            document.removeEventListener('pointerdown', handleDocumentPointerDown, true);\n            document.removeEventListener('keydown', handleDocumentKeyDown);\n            window.removeEventListener('scroll', scheduleRefresh, true);\n            window.removeEventListener('resize', scheduleRefresh);\n            mutationObserver.disconnect();\n            window.cancelAnimationFrame(frameId);\n            overlayRoot.remove();\n        };\n    }, [analyticsLookup, hasOverlayData, overlayBackgroundOpacity, showOverlayDetails, showOverlayLabelText]);\n\n    return metadataBannerHost;\n};\n\nexport default useAnalyticsOverlayDom;\nexport type { UseAnalyticsOverlayDomProps };\n"],"names":["useAnalyticsOverlayDom","props","analyticsLookup","overlayBackgroundOpacity","showOverlayDetails","showOverlayLabelText","analyticsTotalUsers","metadataBannerHost","setMetadataBannerHost","useState","hiddenOverlayElementsRef","useRef","unmatchedEntriesLogFingerprintRef","hasOverlayData","useEffect","overlayRoot","metadataBannerContainer","frameId","refreshQueued","activeTooltip","activeTooltipOwner","parseMetricValue","value","numericValue","hideActiveTooltip","createOverlayMatchLabel","match","rect","label","hideLabel","event","totalEventCount","sum","entry","totalUserCount","eventTypeIconClass","EVENT_TYPE_ICON_CLASS","closeIconClass","icon","showCloseIcon","showDefaultIcon","text","mouseEvent","isCurrentLabelTooltip","createAnalyticsOverlayTooltip","collectMatches","trackedElements","matches","element","eventAction","eventLabel","eventTriggerRaw","eventTrigger","eventType","toEventType","entries","createAnalyticsLookupKey","refreshOverlay","ANALYTICS_OVERLAY_SELECTOR","logAnalyticsOverlayUnmatchedEntries","scheduleRefresh","mutationObserver","mutationRecords","record","handleDocumentPointerDown","target","handleDocumentKeyDown"],"mappings":"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"}
+{"version":3,"file":"useAnalyticsOverlayDom.js","names":[],"sources":["../../../src/utils/analytics/useAnalyticsOverlayDom.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nimport {\n    ANALYTICS_OVERLAY_SELECTOR,\n    EVENT_TYPE_ICON_CLASS,\n    createAnalyticsLookupKey,\n    toEventType,\n    type AnalyticsReportEntry,\n} from './analyticsAnalysisUtils';\nimport { createAnalyticsOverlayTooltip } from './createAnalyticsOverlayTooltip';\nimport { logAnalyticsOverlayUnmatchedEntries } from './logAnalyticsOverlayUnmatchedEntries';\n\ntype AnalyticsOverlayMatch = {\n    element: HTMLElement;\n    eventAction: string;\n    eventLabel: string;\n    eventTrigger: 'click' | 'visibility';\n    eventType: 'seen' | 'clicked';\n    entries: AnalyticsReportEntry[];\n};\n\ntype UseAnalyticsOverlayDomProps = {\n    analyticsLookup: Map<string, AnalyticsReportEntry[]>;\n    overlayBackgroundOpacity: number;\n    showOverlayDetails: boolean;\n    showOverlayLabelText: boolean;\n    analyticsTotalUsers: number | null;\n};\n\nconst useAnalyticsOverlayDom = (props: UseAnalyticsOverlayDomProps) => {\n    const { analyticsLookup, overlayBackgroundOpacity, showOverlayDetails, showOverlayLabelText, analyticsTotalUsers } =\n        props;\n    const [metadataBannerHost, setMetadataBannerHost] = useState<HTMLDivElement | null>(null);\n    const hiddenOverlayElementsRef = useRef<WeakSet<HTMLElement>>(new WeakSet());\n    const unmatchedEntriesLogFingerprintRef = useRef<string | null>(null);\n    const hasOverlayData = analyticsLookup.size > 0;\n\n    useEffect(() => {\n        // Reset manually hidden labels after overlay visibility toggles or data changes.\n        hiddenOverlayElementsRef.current = new WeakSet();\n        unmatchedEntriesLogFingerprintRef.current = null;\n    }, [analyticsLookup, showOverlayDetails]);\n\n    useEffect(() => {\n        const overlayRoot = document.createElement('div');\n        overlayRoot.setAttribute('data-analytics-overlay-root', 'true');\n        overlayRoot.classList.add('position-fixed');\n        overlayRoot.classList.add('inset-0');\n        overlayRoot.classList.add('pointer-events-none');\n        overlayRoot.classList.add('z-index-max');\n        overlayRoot.style.backgroundColor =\n            hasOverlayData && showOverlayDetails ? `rgba(0,0,0,${overlayBackgroundOpacity})` : 'rgba(0,0,0,0)';\n\n        const metadataBannerContainer = document.createElement('div');\n        metadataBannerContainer.setAttribute('data-analytics-overlay-banner', 'true');\n        metadataBannerContainer.classList.add('pointer-events-all');\n        overlayRoot.appendChild(metadataBannerContainer);\n        setMetadataBannerHost(metadataBannerContainer);\n\n        document.body.appendChild(overlayRoot);\n\n        let frameId = 0;\n        let refreshQueued = false;\n        let activeTooltip: HTMLDivElement | null = null;\n        let activeTooltipOwner: HTMLElement | null = null;\n\n        const parseMetricValue = (value: string) => {\n            const numericValue = Number(value);\n            return Number.isFinite(numericValue) ? numericValue : 0;\n        };\n        const hideActiveTooltip = () => {\n            activeTooltip?.remove();\n            activeTooltip = null;\n            activeTooltipOwner = null;\n        };\n\n        const createOverlayMatchLabel = (match: AnalyticsOverlayMatch) => {\n            const rect = match.element.getBoundingClientRect();\n            if (rect.width === 0 || rect.height === 0) {\n                return null;\n            }\n\n            const isOutsideViewport =\n                rect.bottom <= 0 || rect.top >= window.innerHeight || rect.right <= 0 || rect.left >= window.innerWidth;\n            if (isOutsideViewport) {\n                return null;\n            }\n\n            const label = document.createElement('div');\n            label.classList.add(\n                'position-fixed',\n                'label',\n                'label-secondary',\n                'label-filled',\n                'label-condensed',\n                'ellipsis-1',\n                'shadow-focused',\n                'white-space-no-wrap',\n                'text-normal',\n                'pointer-events-all',\n                'cursor-pointer',\n                'hover-z-index-1',\n                'hover-bg-black',\n                'hover-border-color-black'\n            );\n            label.setAttribute('data-analytics-overlay-label', 'true');\n            label.style.top = `${rect.top + 4}px`;\n            label.style.left = `${rect.left + 4}px`;\n            label.style.maxWidth = 'min(80vw, 420px)';\n\n            const hideLabel = (event: Event) => {\n                event.preventDefault();\n                event.stopPropagation();\n                hiddenOverlayElementsRef.current.add(match.element);\n                if (activeTooltipOwner === label) {\n                    hideActiveTooltip();\n                }\n                label.remove();\n            };\n\n            const totalEventCount = match.entries.reduce((sum, entry) => sum + parseMetricValue(entry.eventCount), 0);\n            const totalUserCount = match.entries.reduce((sum, entry) => sum + parseMetricValue(entry.totalUsers), 0);\n            const eventTypeIconClass = EVENT_TYPE_ICON_CLASS[match.eventType];\n            const closeIconClass = 'icon-remove';\n            const icon = document.createElement('span');\n            icon.classList.add('text-size-14', 'margin-left-1', 'uikit-icon', 'margin-right-0', eventTypeIconClass);\n            label.appendChild(icon);\n\n            if (showOverlayLabelText) {\n                icon.addEventListener('pointerdown', hideLabel);\n                icon.addEventListener('click', hideLabel);\n            }\n\n            const showCloseIcon = () => {\n                if (eventTypeIconClass === closeIconClass) {\n                    return;\n                }\n                icon.classList.remove(eventTypeIconClass);\n                icon.classList.add(closeIconClass);\n            };\n            const showDefaultIcon = () => {\n                if (eventTypeIconClass === closeIconClass) {\n                    return;\n                }\n                icon.classList.remove(closeIconClass);\n                icon.classList.add(eventTypeIconClass);\n            };\n\n            if (showOverlayLabelText) {\n                icon.addEventListener('mouseenter', showCloseIcon);\n                icon.addEventListener('mouseleave', showDefaultIcon);\n            }\n\n            const text = document.createElement('span');\n            text.textContent = `${totalEventCount} times / ${totalUserCount} users`;\n            text.classList.add(\n                showOverlayLabelText ? 'display-inline' : 'display-none',\n                'text-size-10',\n                'line-height-14',\n                'margin-left-5'\n            );\n            label.appendChild(text);\n\n            label.addEventListener('click', event => {\n                event.preventDefault();\n                event.stopPropagation();\n\n                const mouseEvent = event as MouseEvent;\n                const isCurrentLabelTooltip = activeTooltipOwner === label;\n                hideActiveTooltip();\n\n                if (isCurrentLabelTooltip) {\n                    return;\n                }\n\n                activeTooltip = createAnalyticsOverlayTooltip({\n                    overlayRoot,\n                    trackingData: {\n                        eventAction: match.eventAction,\n                        eventLabel: match.eventLabel,\n                        eventTrigger: match.eventTrigger,\n                    },\n                    totalEventCount,\n                    totalUserCount,\n                    analyticsTotalUsers,\n                    clickEvent: mouseEvent,\n                    trackedElement: match.element,\n                });\n                activeTooltipOwner = label;\n            });\n\n            return label;\n        };\n\n        const collectMatches = (trackedElements: HTMLElement[]) =>\n            trackedElements.reduce((matches, element) => {\n                const eventAction = element.getAttribute('data-track-ga-event-action');\n                const eventLabel = element.getAttribute('data-track-ga-event-label');\n                const eventTriggerRaw = element.getAttribute('data-track-ga-event-trigger');\n                const eventTrigger =\n                    eventTriggerRaw === 'click' || eventTriggerRaw === 'visibility' ? eventTriggerRaw : null;\n                const eventType = eventTrigger ? toEventType(eventTrigger) : null;\n\n                if (!eventAction || !eventLabel || !eventTrigger || !eventType) {\n                    return matches;\n                }\n\n                if (hiddenOverlayElementsRef.current.has(element)) {\n                    return matches;\n                }\n\n                const entries = analyticsLookup.get(createAnalyticsLookupKey(eventAction, eventLabel));\n                if (!entries || entries.length === 0) {\n                    return matches;\n                }\n\n                matches.push({ element, eventAction, eventLabel, eventTrigger, eventType, entries });\n                return matches;\n            }, [] as AnalyticsOverlayMatch[]);\n\n        const refreshOverlay = () => {\n            refreshQueued = false;\n            hideActiveTooltip();\n            overlayRoot.querySelectorAll('[data-analytics-overlay-label]').forEach(label => {\n                label.remove();\n            });\n\n            const trackedElements = Array.from(document.querySelectorAll<HTMLElement>(ANALYTICS_OVERLAY_SELECTOR));\n            unmatchedEntriesLogFingerprintRef.current = logAnalyticsOverlayUnmatchedEntries({\n                analyticsLookup,\n                trackedElements,\n                previousFingerprint: unmatchedEntriesLogFingerprintRef.current,\n            });\n\n            if (!showOverlayDetails) {\n                return;\n            }\n\n            const matches = collectMatches(trackedElements);\n            matches.forEach(match => {\n                const label = createOverlayMatchLabel(match);\n                if (label) {\n                    overlayRoot.appendChild(label);\n                }\n            });\n        };\n\n        const scheduleRefresh = () => {\n            if (refreshQueued) {\n                return;\n            }\n\n            refreshQueued = true;\n            frameId = window.requestAnimationFrame(refreshOverlay);\n        };\n\n        const mutationObserver = new MutationObserver(mutationRecords => {\n            const hasExternalMutation = mutationRecords.some(record => !overlayRoot.contains(record.target));\n\n            if (!hasExternalMutation) {\n                return;\n            }\n\n            scheduleRefresh();\n        });\n        mutationObserver.observe(document.body, {\n            childList: true,\n            subtree: true,\n            attributes: true,\n            attributeFilter: ['data-track-ga-event-action', 'data-track-ga-event-label', 'data-track-ga-event-trigger'],\n        });\n\n        const handleDocumentPointerDown = (event: PointerEvent) => {\n            const target = event.target;\n            if (!(target instanceof Node)) {\n                return;\n            }\n\n            if (activeTooltip?.contains(target)) {\n                return;\n            }\n\n            if (target instanceof Element && target.closest('[data-analytics-overlay-label]')) {\n                return;\n            }\n\n            hideActiveTooltip();\n        };\n        const handleDocumentKeyDown = (event: KeyboardEvent) => {\n            if (event.key === 'Escape') {\n                hideActiveTooltip();\n            }\n        };\n\n        document.addEventListener('pointerdown', handleDocumentPointerDown, true);\n        document.addEventListener('keydown', handleDocumentKeyDown);\n        window.addEventListener('scroll', scheduleRefresh, true);\n        window.addEventListener('resize', scheduleRefresh);\n        scheduleRefresh();\n\n        return () => {\n            setMetadataBannerHost(null);\n            hideActiveTooltip();\n            document.removeEventListener('pointerdown', handleDocumentPointerDown, true);\n            document.removeEventListener('keydown', handleDocumentKeyDown);\n            window.removeEventListener('scroll', scheduleRefresh, true);\n            window.removeEventListener('resize', scheduleRefresh);\n            mutationObserver.disconnect();\n            window.cancelAnimationFrame(frameId);\n            overlayRoot.remove();\n        };\n    }, [analyticsLookup, hasOverlayData, overlayBackgroundOpacity, showOverlayDetails, showOverlayLabelText]);\n\n    return metadataBannerHost;\n};\n\nexport default useAnalyticsOverlayDom;\nexport type { UseAnalyticsOverlayDomProps };\n"],"mappings":"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"}

package/utils/arrayMove.js

@@ -1,11 +1,12 @@
-const o = (e, s, t) => {
-  const n = t < 0 ? e.length + t : t, c = e.splice(s, 1)[0];
-  e.splice(n, 0, c);
-}, r = (e, s, t) => {
-  const n = [...e];
-  return o(n, s, t), n;
+//#region src/utils/arrayMove.ts
+var e = (e, t, n) => {
+	let r = n < 0 ? e.length + n : n, i = e.splice(t, 1)[0];
+	e.splice(r, 0, i);
+}, t = (t, n, r) => {
+	let i = [...t];
+	return e(i, n, r), i;
 };
-export {
-  r as default
-};
-//# sourceMappingURL=arrayMove.js.map
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=arrayMove.js.map

package/utils/arrayMove.js.map

@@ -1 +1 @@
-{"version":3,"file":"arrayMove.js","sources":["../../src/utils/arrayMove.ts"],"sourcesContent":["// taken from https://github.com/sindresorhus/array-move\n// but added here so it will be compiled to es5 as the original library was not and failed in IE11\n\nconst arrayMoveMutate = <T>(array: T[], from: number, to: number): void => {\n    const startIndex = to < 0 ? array.length + to : to;\n    const item = array.splice(from, 1)[0];\n    array.splice(startIndex, 0, item);\n};\n\nconst arrayMove = <T>(array: T[], from: number, to: number): T[] => {\n    const newArray = [...array];\n    arrayMoveMutate(newArray, from, to);\n    return newArray;\n};\n\nexport default arrayMove;\n"],"names":["arrayMoveMutate","array","from","to","startIndex","item","arrayMove","newArray"],"mappings":"AAGA,MAAMA,IAAkB,CAAIC,GAAYC,GAAcC,MAAqB;AACvE,QAAMC,IAAaD,IAAK,IAAIF,EAAM,SAASE,IAAKA,GAC1CE,IAAOJ,EAAM,OAAOC,GAAM,CAAC,EAAE,CAAC;AACpC,EAAAD,EAAM,OAAOG,GAAY,GAAGC,CAAI;AACpC,GAEMC,IAAY,CAAIL,GAAYC,GAAcC,MAAoB;AAChE,QAAMI,IAAW,CAAC,GAAGN,CAAK;AAC1B,SAAAD,EAAgBO,GAAUL,GAAMC,CAAE,GAC3BI;AACX;"}
+{"version":3,"file":"arrayMove.js","names":[],"sources":["../../src/utils/arrayMove.ts"],"sourcesContent":["// taken from https://github.com/sindresorhus/array-move\n// but added here so it will be compiled to es5 as the original library was not and failed in IE11\n\nconst arrayMoveMutate = <T>(array: T[], from: number, to: number): void => {\n    const startIndex = to < 0 ? array.length + to : to;\n    const item = array.splice(from, 1)[0];\n    array.splice(startIndex, 0, item);\n};\n\nconst arrayMove = <T>(array: T[], from: number, to: number): T[] => {\n    const newArray = [...array];\n    arrayMoveMutate(newArray, from, to);\n    return newArray;\n};\n\nexport default arrayMove;\n"],"mappings":";AAGA,IAAM,KAAsB,GAAY,GAAc,MAAqB;CACvE,IAAM,IAAa,IAAK,IAAI,EAAM,SAAS,IAAK,GAC1C,IAAO,EAAM,OAAO,GAAM,CAAC,CAAC,CAAC;CACnC,EAAM,OAAO,GAAY,GAAG,CAAI;AACpC,GAEM,KAAgB,GAAY,GAAc,MAAoB;CAChE,IAAM,IAAW,CAAC,GAAG,CAAK;CAE1B,OADA,EAAgB,GAAU,GAAM,CAAE,GAC3B;AACX"}

package/utils/buttonEffect.js

@@ -1,31 +1,30 @@
-const p = (t, e = null) => {
-  const s = e || t.currentTarget, o = s.getBoundingClientRect(), n = document.createElement("span"), c = Math.max(s.clientWidth, s.clientHeight), i = c / 2;
-  if (n.style.width = n.style.height = `${c}px`, t instanceof MouseEvent && (n.style.left = `${t.clientX - o.left - i}px`, n.style.top = `${t.clientY - o.top - i}px`), window.TouchEvent && t instanceof window.TouchEvent) {
-    const a = t.touches[0];
-    n.style.left = `${a.clientX - o.left - i}px`, n.style.top = `${a.clientY - o.top - i}px`;
-  }
-  n.classList.add("btn-ripple");
-  const l = s.getElementsByClassName("btn-ripple")[0];
-  l && l.remove(), s.appendChild(n), setTimeout(() => n.remove(), 1e3);
-}, u = (t) => {
-  if (!t || !t.className)
-    return !1;
-  const { className: e = "" } = t;
-  if (typeof e != "string")
-    return !1;
-  const s = e.includes("btn "), o = !e.includes("btn-component"), n = !e.includes("btn-link"), c = !e.includes("close"), i = !e.includes("btn-action"), l = !e.includes("disabled");
-  return s && o && l && n && c && i;
-}, r = (t) => {
-  const e = t.target;
-  if (e) {
-    const s = u(e), o = !s && u(e.parentElement);
-    (s || o) && p(t, o ? e.parentElement : e);
-  }
+//#region src/utils/buttonEffect.ts
+var e = (e, t = null) => {
+	let n = t || e.currentTarget, r = n.getBoundingClientRect(), i = document.createElement("span"), a = Math.max(n.clientWidth, n.clientHeight), o = a / 2;
+	if (i.style.width = i.style.height = `${a}px`, e instanceof MouseEvent && (i.style.left = `${e.clientX - r.left - o}px`, i.style.top = `${e.clientY - r.top - o}px`), window.TouchEvent && e instanceof window.TouchEvent) {
+		let t = e.touches[0];
+		i.style.left = `${t.clientX - r.left - o}px`, i.style.top = `${t.clientY - r.top - o}px`;
+	}
+	i.classList.add("btn-ripple");
+	let s = n.getElementsByClassName("btn-ripple")[0];
+	s && s.remove(), n.appendChild(i), setTimeout(() => i.remove(), 1e3);
+}, t = (e) => {
+	if (!e || !e.className) return !1;
+	let { className: t = "" } = e;
+	if (typeof t != "string") return !1;
+	let n = t.includes("btn "), r = !t.includes("btn-component"), i = !t.includes("btn-link"), a = !t.includes("close"), o = !t.includes("btn-action"), s = !t.includes("disabled");
+	return n && r && s && i && a && o;
+}, n = (n) => {
+	let r = n.target;
+	if (r) {
+		let i = t(r), a = !i && t(r.parentElement);
+		(i || a) && e(n, a ? r.parentElement : r);
+	}
 };
-((t) => {
-  t && (t.addEventListener("mousedown", r, !1), t.addEventListener("touchstart", r, !1));
+((e) => {
+	e && (e.addEventListener("mousedown", n, !1), e.addEventListener("touchstart", n, !1));
 })(document);
-export {
-  p as createButtonRipple
-};
-//# sourceMappingURL=buttonEffect.js.map
+//#endregion
+export { e as createButtonRipple };
+
+//# sourceMappingURL=buttonEffect.js.map