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

package/utils/analytics/createAnalyticsOverlayTooltip.js

@@ -1,203 +1,160 @@
-const k = [
-  { queryParam: "utm_source", label: "Source" },
-  { queryParam: "utm_medium", label: "Medium" },
-  { queryParam: "utm_campaign", label: "Campaign" },
-  { queryParam: "utm_content", label: "Content" },
-  { queryParam: "utm_term", label: "Term" }
-], b = new Intl.NumberFormat("en-US", {
-  minimumFractionDigits: 0,
-  maximumFractionDigits: 2
-}), L = (n, r) => {
-  const e = document.createElement("span");
-  return e.classList.add("rioglyph", n, r), e;
-}, u = (n) => {
-  const { iconClass: r, text: e } = n, a = document.createElement("div");
-  a.classList.add(
-    "display-flex",
-    "align-items-center",
-    "gap-5",
-    "text-medium",
-    "text-size-16",
-    "line-height-16",
-    "margin-bottom--3"
-  ), a.appendChild(L(r, "text-size-16"));
-  const i = document.createElement("span");
-  return i.textContent = e, a.appendChild(i), a;
-}, C = () => {
-  const n = document.createElement("div");
-  return n.classList.add("rounded", "padding-10", "bg-decent", "display-flex", "flex-column", "gap-5", "shadow-accent"), n;
-}, o = (n) => {
-  const { iconClass: r, label: e, right: a } = n, i = document.createElement("div");
-  i.classList.add("display-flex", "align-items-center", "gap-5");
-  const l = document.createElement("div");
-  l.classList.add("display-flex", "align-items-center", "gap-5", "min-width-80");
-  const p = L(r, "text-size-14");
-  l.appendChild(p);
-  const s = document.createElement("div");
-  s.classList.add("text-medium"), s.textContent = e, l.appendChild(s), i.appendChild(l);
-  const t = document.createElement("div");
-  if (t.classList.add("flex-1-1", "text-right"), typeof a == "string") {
-    const c = document.createElement("div");
-    c.classList.add("word-break-all", "text-bold"), c.textContent = a, t.appendChild(c);
-  } else
-    t.appendChild(a);
-  return i.appendChild(t), i;
-}, f = (n) => n === null ? "n/a" : `${b.format(n)}%`, N = () => typeof window < "u" && /^https?:/i.test(window.location.href) ? window.location.href : "https://rio.cloud", O = (n, r = N()) => {
-  try {
-    const e = new URL(n, r), a = {};
-    return k.forEach(({ queryParam: i }) => {
-      const l = e.searchParams.get(i)?.trim();
-      l && (a[i] = l);
-    }), Object.keys(a).length > 0 ? a : null;
-  } catch {
-    return null;
-  }
-}, V = (n) => {
-  const r = n.closest("a[href]"), e = n.getAttribute("href")?.trim() ?? r?.href?.trim();
-  return e ? O(e) : null;
-}, G = (n) => {
-  const { eventTrigger: r, totalEventCount: e, analyticsTotalUsers: a } = n;
-  return a === null || a <= 0 ? null : r === "click" || r === "visibility" ? e / a * 100 : null;
-}, S = (n) => {
-  const {
-    overlayRoot: r,
-    trackingData: e,
-    totalEventCount: a,
-    totalUserCount: i,
-    analyticsTotalUsers: l,
-    clickEvent: p,
-    trackedElement: s
-  } = n, t = document.createElement("div");
-  t.setAttribute("data-analytics-overlay-tooltip", "true"), t.classList.add(
-    "position-fixed",
-    "pointer-events-all",
-    "z-index-max",
-    "rounded",
-    "padding-15",
-    "shadow-focused",
-    "bg-secondary",
-    "text-color-white",
-    "max-width-350",
-    "width-100pct",
-    "word-break-all",
-    "display-flex",
-    "flex-column",
-    "gap-10",
-    "line-height-125rel"
-  );
-  const c = e.eventTrigger === "click" ? "Clicks" : "Views", A = e.eventTrigger === "click" ? "rioglyph-click" : "rioglyph-eye-open", R = e.eventTrigger === "click" ? "Click rate" : "View rate", U = i > 0 ? a / i * 100 : null, v = G({
-    eventTrigger: e.eventTrigger,
-    totalEventCount: a,
-    analyticsTotalUsers: l
-  }), _ = l !== null && l > 0 ? i / l * 100 : null, D = u({
-    iconClass: "rioglyph-user",
-    text: "Event users"
-  });
-  t.appendChild(D);
-  const g = C();
-  g.appendChild(
-    o({
-      iconClass: "rioglyph-user",
-      label: "Event users",
-      right: `${b.format(i)}`
-    })
-  ), l !== null && (g.appendChild(
-    o({
-      iconClass: "rioglyph-user-group",
-      label: "Total users",
-      right: `${b.format(l)}`
-    })
-  ), g.appendChild(
-    o({
-      iconClass: "rioglyph-bar-chart-box",
-      label: "Event rate (all users)",
-      right: f(_)
-    })
-  )), t.appendChild(g);
-  const F = u({
-    iconClass: "rioglyph-stats",
-    text: "Element performance"
-  });
-  t.appendChild(F);
-  const d = C();
-  d.appendChild(
-    o({
-      iconClass: A,
-      label: c,
-      right: `${b.format(a)}`
-    })
-  ), d.appendChild(
-    o({
-      iconClass: "rioglyph-bar-chart-box",
-      label: R,
-      right: f(U)
-    })
-  ), e.eventTrigger === "click" && l !== null && d.appendChild(
-    o({
-      iconClass: "rioglyph-bar-chart-box",
-      label: "Click rate (all users)",
-      right: f(v)
-    })
-  ), e.eventTrigger === "visibility" && l !== null && d.appendChild(
-    o({
-      iconClass: "rioglyph-bar-chart-box",
-      label: "View rate (all users)",
-      right: f(v)
-    })
-  ), t.appendChild(d);
-  const M = u({
-    iconClass: "rioglyph-info-sign",
-    text: "Tracking Attributes"
-  });
-  t.appendChild(M);
-  const h = C();
-  h.appendChild(
-    o({
-      iconClass: "rioglyph-cog",
-      label: "Action",
-      right: e.eventAction
-    })
-  ), h.appendChild(
-    o({
-      iconClass: "rioglyph-emergency-stop",
-      label: "Trigger",
-      right: e.eventTrigger
-    })
-  ), h.appendChild(
-    o({
-      iconClass: "rioglyph-tag",
-      label: "Label",
-      right: e.eventLabel
-    })
-  ), t.appendChild(h);
-  const w = V(s);
-  if (w) {
-    const $ = u({
-      iconClass: "rioglyph-megaphone",
-      text: "Campaign"
-    });
-    t.appendChild($);
-    const E = C();
-    k.forEach(({ queryParam: q, label: z }) => {
-      const P = w[q];
-      P && E.appendChild(
-        o({
-          iconClass: "rioglyph-tag",
-          label: z,
-          right: P
-        })
-      );
-    }), t.appendChild(E);
-  }
-  const T = 12, m = 8;
-  r.appendChild(t);
-  let x = p.clientX + T, y = p.clientY + T;
-  const H = window.innerWidth - t.offsetWidth - m, I = window.innerHeight - t.offsetHeight - m;
-  return x = Math.max(m, Math.min(x, H)), y = Math.max(m, Math.min(y, I)), t.style.left = `${x}px`, t.style.top = `${y}px`, t;
+//#region src/utils/analytics/createAnalyticsOverlayTooltip.ts
+var e = [
+	{
+		queryParam: "utm_source",
+		label: "Source"
+	},
+	{
+		queryParam: "utm_medium",
+		label: "Medium"
+	},
+	{
+		queryParam: "utm_campaign",
+		label: "Campaign"
+	},
+	{
+		queryParam: "utm_content",
+		label: "Content"
+	},
+	{
+		queryParam: "utm_term",
+		label: "Term"
+	}
+], t = new Intl.NumberFormat("en-US", {
+	minimumFractionDigits: 0,
+	maximumFractionDigits: 2
+}), n = (e, t) => {
+	let n = document.createElement("span");
+	return n.classList.add("uikit-icon", e, t), n;
+}, r = (e) => {
+	let { iconClass: t, text: r } = e, i = document.createElement("div");
+	i.classList.add("display-flex", "align-items-center", "gap-5", "text-medium", "text-size-16", "line-height-16", "margin-bottom--3"), i.appendChild(n(t, "text-size-16"));
+	let a = document.createElement("span");
+	return a.textContent = r, i.appendChild(a), i;
+}, i = () => {
+	let e = document.createElement("div");
+	return e.classList.add("rounded", "padding-10", "bg-decent", "display-flex", "flex-column", "gap-5", "shadow-accent"), e;
+}, a = (e) => {
+	let { iconClass: t, label: r, right: i } = e, a = document.createElement("div");
+	a.classList.add("display-flex", "align-items-center", "gap-5");
+	let o = document.createElement("div");
+	o.classList.add("display-flex", "align-items-center", "gap-5", "min-width-80");
+	let s = n(t, "text-size-14");
+	o.appendChild(s);
+	let c = document.createElement("div");
+	c.classList.add("text-medium"), c.textContent = r, o.appendChild(c), a.appendChild(o);
+	let l = document.createElement("div");
+	if (l.classList.add("flex-1-1", "text-right"), typeof i == "string") {
+		let e = document.createElement("div");
+		e.classList.add("word-break-all", "text-bold"), e.textContent = i, l.appendChild(e);
+	} else l.appendChild(i);
+	return a.appendChild(l), a;
+}, o = (e) => e === null ? "n/a" : `${t.format(e)}%`, s = () => typeof window < "u" && /^https?:/i.test(window.location.href) ? window.location.href : "https://rio.cloud", c = (t, n = s()) => {
+	try {
+		let r = new URL(t, n), i = {};
+		return e.forEach(({ queryParam: e }) => {
+			let t = r.searchParams.get(e)?.trim();
+			t && (i[e] = t);
+		}), Object.keys(i).length > 0 ? i : null;
+	} catch {
+		return null;
+	}
+}, l = (e) => {
+	let t = e.closest("a[href]"), n = e.getAttribute("href")?.trim() ?? t?.href?.trim();
+	return n ? c(n) : null;
+}, u = (e) => {
+	let { eventTrigger: t, totalEventCount: n, analyticsTotalUsers: r } = e;
+	return r === null || r <= 0 ? null : t === "click" || t === "visibility" ? n / r * 100 : null;
+}, d = (n) => {
+	let { overlayRoot: s, trackingData: c, totalEventCount: d, totalUserCount: f, analyticsTotalUsers: p, clickEvent: m, trackedElement: h } = n, g = document.createElement("div");
+	g.setAttribute("data-analytics-overlay-tooltip", "true"), g.classList.add("position-fixed", "pointer-events-all", "z-index-max", "rounded", "padding-15", "shadow-focused", "bg-secondary", "text-color-white", "max-width-350", "width-100pct", "word-break-all", "display-flex", "flex-column", "gap-10", "line-height-125rel");
+	let _ = c.eventTrigger === "click" ? "Clicks" : "Views", v = c.eventTrigger === "click" ? "icon-click" : "icon-eye-open", y = c.eventTrigger === "click" ? "Click rate" : "View rate", b = f > 0 ? d / f * 100 : null, x = u({
+		eventTrigger: c.eventTrigger,
+		totalEventCount: d,
+		analyticsTotalUsers: p
+	}), S = p !== null && p > 0 ? f / p * 100 : null, C = r({
+		iconClass: "icon-user",
+		text: "Event users"
+	});
+	g.appendChild(C);
+	let w = i();
+	w.appendChild(a({
+		iconClass: "icon-user",
+		label: "Event users",
+		right: `${t.format(f)}`
+	})), p !== null && (w.appendChild(a({
+		iconClass: "icon-user-group",
+		label: "Total users",
+		right: `${t.format(p)}`
+	})), w.appendChild(a({
+		iconClass: "icon-bar-chart-box",
+		label: "Event rate (all users)",
+		right: o(S)
+	}))), g.appendChild(w);
+	let T = r({
+		iconClass: "icon-stats",
+		text: "Element performance"
+	});
+	g.appendChild(T);
+	let E = i();
+	E.appendChild(a({
+		iconClass: v,
+		label: _,
+		right: `${t.format(d)}`
+	})), E.appendChild(a({
+		iconClass: "icon-bar-chart-box",
+		label: y,
+		right: o(b)
+	})), c.eventTrigger === "click" && p !== null && E.appendChild(a({
+		iconClass: "icon-bar-chart-box",
+		label: "Click rate (all users)",
+		right: o(x)
+	})), c.eventTrigger === "visibility" && p !== null && E.appendChild(a({
+		iconClass: "icon-bar-chart-box",
+		label: "View rate (all users)",
+		right: o(x)
+	})), g.appendChild(E);
+	let D = r({
+		iconClass: "icon-info-sign",
+		text: "Tracking Attributes"
+	});
+	g.appendChild(D);
+	let O = i();
+	O.appendChild(a({
+		iconClass: "icon-cog",
+		label: "Action",
+		right: c.eventAction
+	})), O.appendChild(a({
+		iconClass: "icon-emergency-stop",
+		label: "Trigger",
+		right: c.eventTrigger
+	})), O.appendChild(a({
+		iconClass: "icon-tag",
+		label: "Label",
+		right: c.eventLabel
+	})), g.appendChild(O);
+	let k = l(h);
+	if (k) {
+		let t = r({
+			iconClass: "icon-megaphone",
+			text: "Campaign"
+		});
+		g.appendChild(t);
+		let n = i();
+		e.forEach(({ queryParam: e, label: t }) => {
+			let r = k[e];
+			r && n.appendChild(a({
+				iconClass: "icon-tag",
+				label: t,
+				right: r
+			}));
+		}), g.appendChild(n);
+	}
+	s.appendChild(g);
+	let A = m.clientX + 12, j = m.clientY + 12, M = window.innerWidth - g.offsetWidth - 8, N = window.innerHeight - g.offsetHeight - 8;
+	return A = Math.max(8, Math.min(A, M)), j = Math.max(8, Math.min(j, N)), g.style.left = `${A}px`, g.style.top = `${j}px`, g;
 };
-export {
-  S as createAnalyticsOverlayTooltip,
-  V as extractCampaignTrackingDataFromElement,
-  O as extractCampaignTrackingDataFromHref
-};
-//# sourceMappingURL=createAnalyticsOverlayTooltip.js.map
+//#endregion
+export { d as createAnalyticsOverlayTooltip, l as extractCampaignTrackingDataFromElement, c as extractCampaignTrackingDataFromHref };
+
+//# sourceMappingURL=createAnalyticsOverlayTooltip.js.map

package/utils/analytics/createAnalyticsOverlayTooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"createAnalyticsOverlayTooltip.js","sources":["../../../src/utils/analytics/createAnalyticsOverlayTooltip.ts"],"sourcesContent":["type AnalyticsOverlayTooltipTrackingData = {\n    eventAction: string;\n    eventLabel: string;\n    eventTrigger: 'click' | 'visibility';\n};\n\nconst CAMPAIGN_QUERY_PARAM_CONFIG = [\n    { queryParam: 'utm_source', label: 'Source' },\n    { queryParam: 'utm_medium', label: 'Medium' },\n    { queryParam: 'utm_campaign', label: 'Campaign' },\n    { queryParam: 'utm_content', label: 'Content' },\n    { queryParam: 'utm_term', label: 'Term' },\n] as const;\n\ntype CampaignQueryParam = (typeof CAMPAIGN_QUERY_PARAM_CONFIG)[number]['queryParam'];\ntype AnalyticsOverlayTooltipCampaignData = Partial<Record<CampaignQueryParam, string>>;\n\ntype CreateAnalyticsOverlayTooltipProps = {\n    overlayRoot: HTMLElement;\n    trackingData: AnalyticsOverlayTooltipTrackingData;\n    totalEventCount: number;\n    totalUserCount: number;\n    analyticsTotalUsers: number | null;\n    clickEvent: MouseEvent;\n    trackedElement: HTMLElement;\n};\n\nconst numberFormatter = new Intl.NumberFormat('en-US', {\n    minimumFractionDigits: 0,\n    maximumFractionDigits: 2,\n});\n\nconst createIcon = (iconClass: string, sizeClass: string) => {\n    const icon = document.createElement('span');\n    icon.classList.add('rioglyph', iconClass, sizeClass);\n    return icon;\n};\n\nconst createTitle = (props: { iconClass: string; text: string }) => {\n    const { iconClass, text } = props;\n    const title = document.createElement('div');\n    title.classList.add(\n        'display-flex',\n        'align-items-center',\n        'gap-5',\n        'text-medium',\n        'text-size-16',\n        'line-height-16',\n        'margin-bottom--3'\n    );\n    title.appendChild(createIcon(iconClass, 'text-size-16'));\n\n    const titleText = document.createElement('span');\n    titleText.textContent = text;\n    title.appendChild(titleText);\n\n    return title;\n};\n\nconst createPanel = () => {\n    const panel = document.createElement('div');\n    panel.classList.add('rounded', 'padding-10', 'bg-decent', 'display-flex', 'flex-column', 'gap-5', 'shadow-accent');\n    return panel;\n};\n\nconst createInfoRow = (props: { iconClass: string; label: string; right: Node | string }) => {\n    const { iconClass, label, right } = props;\n\n    const row = document.createElement('div');\n    row.classList.add('display-flex', 'align-items-center', 'gap-5');\n\n    const leftContainer = document.createElement('div');\n    leftContainer.classList.add('display-flex', 'align-items-center', 'gap-5', 'min-width-80');\n\n    const icon = createIcon(iconClass, 'text-size-14');\n    leftContainer.appendChild(icon);\n\n    const labelNode = document.createElement('div');\n    labelNode.classList.add('text-medium');\n    labelNode.textContent = label;\n    leftContainer.appendChild(labelNode);\n    row.appendChild(leftContainer);\n\n    const rightContainer = document.createElement('div');\n    rightContainer.classList.add('flex-1-1', 'text-right');\n\n    if (typeof right === 'string') {\n        const rightText = document.createElement('div');\n        rightText.classList.add('word-break-all', 'text-bold');\n        rightText.textContent = right;\n        rightContainer.appendChild(rightText);\n    } else {\n        rightContainer.appendChild(right);\n    }\n\n    row.appendChild(rightContainer);\n    return row;\n};\n\nconst formatPercentage = (value: number | null) => (value === null ? 'n/a' : `${numberFormatter.format(value)}%`);\n\nconst getUrlParsingBaseHref = () => {\n    if (typeof window !== 'undefined' && /^https?:/i.test(window.location.href)) {\n        return window.location.href;\n    }\n\n    return 'https://rio.cloud';\n};\n\nexport const extractCampaignTrackingDataFromHref = (\n    href: string,\n    baseHref = getUrlParsingBaseHref()\n): AnalyticsOverlayTooltipCampaignData | null => {\n    try {\n        const url = new URL(href, baseHref);\n        const campaignData: AnalyticsOverlayTooltipCampaignData = {};\n\n        CAMPAIGN_QUERY_PARAM_CONFIG.forEach(({ queryParam }) => {\n            const value = url.searchParams.get(queryParam)?.trim();\n            if (value) {\n                campaignData[queryParam] = value;\n            }\n        });\n\n        return Object.keys(campaignData).length > 0 ? campaignData : null;\n    } catch {\n        return null;\n    }\n};\n\nexport const extractCampaignTrackingDataFromElement = (trackedElement: HTMLElement) => {\n    const anchorElement = trackedElement.closest<HTMLAnchorElement>('a[href]');\n    const href = trackedElement.getAttribute('href')?.trim() ?? anchorElement?.href?.trim();\n\n    if (!href) {\n        return null;\n    }\n\n    return extractCampaignTrackingDataFromHref(href);\n};\n\nconst calculateAllUsersRatePercentage = (props: {\n    eventTrigger: 'click' | 'visibility';\n    totalEventCount: number;\n    analyticsTotalUsers: number | null;\n}) => {\n    const { eventTrigger, totalEventCount, analyticsTotalUsers } = props;\n\n    if (analyticsTotalUsers === null || analyticsTotalUsers <= 0) {\n        return null;\n    }\n\n    if (eventTrigger === 'click' || eventTrigger === 'visibility') {\n        return (totalEventCount / analyticsTotalUsers) * 100;\n    }\n\n    return null;\n};\n\nexport const createAnalyticsOverlayTooltip = (props: CreateAnalyticsOverlayTooltipProps) => {\n    const {\n        overlayRoot,\n        trackingData,\n        totalEventCount,\n        totalUserCount,\n        analyticsTotalUsers,\n        clickEvent,\n        trackedElement,\n    } = props;\n\n    const tooltip = document.createElement('div');\n\n    tooltip.setAttribute('data-analytics-overlay-tooltip', 'true');\n\n    tooltip.classList.add(\n        'position-fixed',\n        'pointer-events-all',\n        'z-index-max',\n        'rounded',\n        'padding-15',\n        'shadow-focused',\n        'bg-secondary',\n        'text-color-white',\n        'max-width-350',\n        'width-100pct',\n        'word-break-all',\n        'display-flex',\n        'flex-column',\n        'gap-10',\n        'line-height-125rel'\n    );\n\n    const metricLabel = trackingData.eventTrigger === 'click' ? 'Clicks' : 'Views';\n    const metricIconClass = trackingData.eventTrigger === 'click' ? 'rioglyph-click' : 'rioglyph-eye-open';\n    const elementRateLabel = trackingData.eventTrigger === 'click' ? 'Click rate' : 'View rate';\n\n    const elementRatePercentage = totalUserCount > 0 ? (totalEventCount / totalUserCount) * 100 : null;\n\n    const allUsersRatePercentage = calculateAllUsersRatePercentage({\n        eventTrigger: trackingData.eventTrigger,\n        totalEventCount,\n        analyticsTotalUsers,\n    });\n\n    const interactionRateAllUsersPercentage =\n        analyticsTotalUsers !== null && analyticsTotalUsers > 0 ? (totalUserCount / analyticsTotalUsers) * 100 : null;\n\n    const overallTitle = createTitle({\n        iconClass: 'rioglyph-user',\n        text: 'Event users',\n    });\n    tooltip.appendChild(overallTitle);\n\n    const overallPanel = createPanel();\n    overallPanel.appendChild(\n        createInfoRow({\n            iconClass: 'rioglyph-user',\n            label: 'Event users',\n            right: `${numberFormatter.format(totalUserCount)}`,\n        })\n    );\n\n    if (analyticsTotalUsers !== null) {\n        overallPanel.appendChild(\n            createInfoRow({\n                iconClass: 'rioglyph-user-group',\n                label: 'Total users',\n                right: `${numberFormatter.format(analyticsTotalUsers)}`,\n            })\n        );\n\n        overallPanel.appendChild(\n            createInfoRow({\n                iconClass: 'rioglyph-bar-chart-box',\n                label: 'Event rate (all users)',\n                right: formatPercentage(interactionRateAllUsersPercentage),\n            })\n        );\n    }\n    tooltip.appendChild(overallPanel);\n\n    const performanceTitle = createTitle({\n        iconClass: 'rioglyph-stats',\n        text: 'Element performance',\n    });\n    tooltip.appendChild(performanceTitle);\n\n    const performancePanel = createPanel();\n    performancePanel.appendChild(\n        createInfoRow({\n            iconClass: metricIconClass,\n            label: metricLabel,\n            right: `${numberFormatter.format(totalEventCount)}`,\n        })\n    );\n    performancePanel.appendChild(\n        createInfoRow({\n            iconClass: 'rioglyph-bar-chart-box',\n            label: elementRateLabel,\n            right: formatPercentage(elementRatePercentage),\n        })\n    );\n\n    if (trackingData.eventTrigger === 'click' && analyticsTotalUsers !== null) {\n        performancePanel.appendChild(\n            createInfoRow({\n                iconClass: 'rioglyph-bar-chart-box',\n                label: 'Click rate (all users)',\n                right: formatPercentage(allUsersRatePercentage),\n            })\n        );\n    }\n\n    if (trackingData.eventTrigger === 'visibility' && analyticsTotalUsers !== null) {\n        performancePanel.appendChild(\n            createInfoRow({\n                iconClass: 'rioglyph-bar-chart-box',\n                label: 'View rate (all users)',\n                right: formatPercentage(allUsersRatePercentage),\n            })\n        );\n    }\n    tooltip.appendChild(performancePanel);\n\n    const attributesHeader = createTitle({\n        iconClass: 'rioglyph-info-sign',\n        text: 'Tracking Attributes',\n    });\n    tooltip.appendChild(attributesHeader);\n\n    const attributesPanel = createPanel();\n    attributesPanel.appendChild(\n        createInfoRow({\n            iconClass: 'rioglyph-cog',\n            label: 'Action',\n            right: trackingData.eventAction,\n        })\n    );\n    attributesPanel.appendChild(\n        createInfoRow({\n            iconClass: 'rioglyph-emergency-stop',\n            label: 'Trigger',\n            right: trackingData.eventTrigger,\n        })\n    );\n    attributesPanel.appendChild(\n        createInfoRow({\n            iconClass: 'rioglyph-tag',\n            label: 'Label',\n            right: trackingData.eventLabel,\n        })\n    );\n    tooltip.appendChild(attributesPanel);\n\n    const campaignData = extractCampaignTrackingDataFromElement(trackedElement);\n    if (campaignData) {\n        const campaignHeader = createTitle({\n            iconClass: 'rioglyph-megaphone',\n            text: 'Campaign',\n        });\n        tooltip.appendChild(campaignHeader);\n\n        const campaignPanel = createPanel();\n        CAMPAIGN_QUERY_PARAM_CONFIG.forEach(({ queryParam, label }) => {\n            const value = campaignData[queryParam];\n            if (!value) {\n                return;\n            }\n\n            campaignPanel.appendChild(\n                createInfoRow({\n                    iconClass: 'rioglyph-tag',\n                    label,\n                    right: value,\n                })\n            );\n        });\n\n        tooltip.appendChild(campaignPanel);\n    }\n\n    const pointerOffset = 12;\n    const viewportPadding = 8;\n    overlayRoot.appendChild(tooltip);\n\n    let left = clickEvent.clientX + pointerOffset;\n    let top = clickEvent.clientY + pointerOffset;\n    const maxLeft = window.innerWidth - tooltip.offsetWidth - viewportPadding;\n    const maxTop = window.innerHeight - tooltip.offsetHeight - viewportPadding;\n    left = Math.max(viewportPadding, Math.min(left, maxLeft));\n    top = Math.max(viewportPadding, Math.min(top, maxTop));\n\n    tooltip.style.left = `${left}px`;\n    tooltip.style.top = `${top}px`;\n\n    return tooltip;\n};\n\nexport type {\n    AnalyticsOverlayTooltipCampaignData,\n    AnalyticsOverlayTooltipTrackingData,\n    CreateAnalyticsOverlayTooltipProps,\n};\n"],"names":["CAMPAIGN_QUERY_PARAM_CONFIG","numberFormatter","createIcon","iconClass","sizeClass","icon","createTitle","props","text","title","titleText","createPanel","panel","createInfoRow","label","right","row","leftContainer","labelNode","rightContainer","rightText","formatPercentage","value","getUrlParsingBaseHref","extractCampaignTrackingDataFromHref","href","baseHref","url","campaignData","queryParam","extractCampaignTrackingDataFromElement","trackedElement","anchorElement","calculateAllUsersRatePercentage","eventTrigger","totalEventCount","analyticsTotalUsers","createAnalyticsOverlayTooltip","overlayRoot","trackingData","totalUserCount","clickEvent","tooltip","metricLabel","metricIconClass","elementRateLabel","elementRatePercentage","allUsersRatePercentage","interactionRateAllUsersPercentage","overallTitle","overallPanel","performanceTitle","performancePanel","attributesHeader","attributesPanel","campaignHeader","campaignPanel","pointerOffset","viewportPadding","left","top","maxLeft","maxTop"],"mappings":"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"}
+{"version":3,"file":"createAnalyticsOverlayTooltip.js","names":[],"sources":["../../../src/utils/analytics/createAnalyticsOverlayTooltip.ts"],"sourcesContent":["type AnalyticsOverlayTooltipTrackingData = {\n    eventAction: string;\n    eventLabel: string;\n    eventTrigger: 'click' | 'visibility';\n};\n\nconst CAMPAIGN_QUERY_PARAM_CONFIG = [\n    { queryParam: 'utm_source', label: 'Source' },\n    { queryParam: 'utm_medium', label: 'Medium' },\n    { queryParam: 'utm_campaign', label: 'Campaign' },\n    { queryParam: 'utm_content', label: 'Content' },\n    { queryParam: 'utm_term', label: 'Term' },\n] as const;\n\ntype CampaignQueryParam = (typeof CAMPAIGN_QUERY_PARAM_CONFIG)[number]['queryParam'];\ntype AnalyticsOverlayTooltipCampaignData = Partial<Record<CampaignQueryParam, string>>;\n\ntype CreateAnalyticsOverlayTooltipProps = {\n    overlayRoot: HTMLElement;\n    trackingData: AnalyticsOverlayTooltipTrackingData;\n    totalEventCount: number;\n    totalUserCount: number;\n    analyticsTotalUsers: number | null;\n    clickEvent: MouseEvent;\n    trackedElement: HTMLElement;\n};\n\nconst numberFormatter = new Intl.NumberFormat('en-US', {\n    minimumFractionDigits: 0,\n    maximumFractionDigits: 2,\n});\n\nconst createIcon = (iconClass: string, sizeClass: string) => {\n    const icon = document.createElement('span');\n    icon.classList.add('uikit-icon', iconClass, sizeClass);\n    return icon;\n};\n\nconst createTitle = (props: { iconClass: string; text: string }) => {\n    const { iconClass, text } = props;\n    const title = document.createElement('div');\n    title.classList.add(\n        'display-flex',\n        'align-items-center',\n        'gap-5',\n        'text-medium',\n        'text-size-16',\n        'line-height-16',\n        'margin-bottom--3'\n    );\n    title.appendChild(createIcon(iconClass, 'text-size-16'));\n\n    const titleText = document.createElement('span');\n    titleText.textContent = text;\n    title.appendChild(titleText);\n\n    return title;\n};\n\nconst createPanel = () => {\n    const panel = document.createElement('div');\n    panel.classList.add('rounded', 'padding-10', 'bg-decent', 'display-flex', 'flex-column', 'gap-5', 'shadow-accent');\n    return panel;\n};\n\nconst createInfoRow = (props: { iconClass: string; label: string; right: Node | string }) => {\n    const { iconClass, label, right } = props;\n\n    const row = document.createElement('div');\n    row.classList.add('display-flex', 'align-items-center', 'gap-5');\n\n    const leftContainer = document.createElement('div');\n    leftContainer.classList.add('display-flex', 'align-items-center', 'gap-5', 'min-width-80');\n\n    const icon = createIcon(iconClass, 'text-size-14');\n    leftContainer.appendChild(icon);\n\n    const labelNode = document.createElement('div');\n    labelNode.classList.add('text-medium');\n    labelNode.textContent = label;\n    leftContainer.appendChild(labelNode);\n    row.appendChild(leftContainer);\n\n    const rightContainer = document.createElement('div');\n    rightContainer.classList.add('flex-1-1', 'text-right');\n\n    if (typeof right === 'string') {\n        const rightText = document.createElement('div');\n        rightText.classList.add('word-break-all', 'text-bold');\n        rightText.textContent = right;\n        rightContainer.appendChild(rightText);\n    } else {\n        rightContainer.appendChild(right);\n    }\n\n    row.appendChild(rightContainer);\n    return row;\n};\n\nconst formatPercentage = (value: number | null) => (value === null ? 'n/a' : `${numberFormatter.format(value)}%`);\n\nconst getUrlParsingBaseHref = () => {\n    if (typeof window !== 'undefined' && /^https?:/i.test(window.location.href)) {\n        return window.location.href;\n    }\n\n    return 'https://rio.cloud';\n};\n\nexport const extractCampaignTrackingDataFromHref = (\n    href: string,\n    baseHref = getUrlParsingBaseHref()\n): AnalyticsOverlayTooltipCampaignData | null => {\n    try {\n        const url = new URL(href, baseHref);\n        const campaignData: AnalyticsOverlayTooltipCampaignData = {};\n\n        CAMPAIGN_QUERY_PARAM_CONFIG.forEach(({ queryParam }) => {\n            const value = url.searchParams.get(queryParam)?.trim();\n            if (value) {\n                campaignData[queryParam] = value;\n            }\n        });\n\n        return Object.keys(campaignData).length > 0 ? campaignData : null;\n    } catch {\n        return null;\n    }\n};\n\nexport const extractCampaignTrackingDataFromElement = (trackedElement: HTMLElement) => {\n    const anchorElement = trackedElement.closest<HTMLAnchorElement>('a[href]');\n    const href = trackedElement.getAttribute('href')?.trim() ?? anchorElement?.href?.trim();\n\n    if (!href) {\n        return null;\n    }\n\n    return extractCampaignTrackingDataFromHref(href);\n};\n\nconst calculateAllUsersRatePercentage = (props: {\n    eventTrigger: 'click' | 'visibility';\n    totalEventCount: number;\n    analyticsTotalUsers: number | null;\n}) => {\n    const { eventTrigger, totalEventCount, analyticsTotalUsers } = props;\n\n    if (analyticsTotalUsers === null || analyticsTotalUsers <= 0) {\n        return null;\n    }\n\n    if (eventTrigger === 'click' || eventTrigger === 'visibility') {\n        return (totalEventCount / analyticsTotalUsers) * 100;\n    }\n\n    return null;\n};\n\nexport const createAnalyticsOverlayTooltip = (props: CreateAnalyticsOverlayTooltipProps) => {\n    const {\n        overlayRoot,\n        trackingData,\n        totalEventCount,\n        totalUserCount,\n        analyticsTotalUsers,\n        clickEvent,\n        trackedElement,\n    } = props;\n\n    const tooltip = document.createElement('div');\n\n    tooltip.setAttribute('data-analytics-overlay-tooltip', 'true');\n\n    tooltip.classList.add(\n        'position-fixed',\n        'pointer-events-all',\n        'z-index-max',\n        'rounded',\n        'padding-15',\n        'shadow-focused',\n        'bg-secondary',\n        'text-color-white',\n        'max-width-350',\n        'width-100pct',\n        'word-break-all',\n        'display-flex',\n        'flex-column',\n        'gap-10',\n        'line-height-125rel'\n    );\n\n    const metricLabel = trackingData.eventTrigger === 'click' ? 'Clicks' : 'Views';\n    const metricIconClass = trackingData.eventTrigger === 'click' ? 'icon-click' : 'icon-eye-open';\n    const elementRateLabel = trackingData.eventTrigger === 'click' ? 'Click rate' : 'View rate';\n\n    const elementRatePercentage = totalUserCount > 0 ? (totalEventCount / totalUserCount) * 100 : null;\n\n    const allUsersRatePercentage = calculateAllUsersRatePercentage({\n        eventTrigger: trackingData.eventTrigger,\n        totalEventCount,\n        analyticsTotalUsers,\n    });\n\n    const interactionRateAllUsersPercentage =\n        analyticsTotalUsers !== null && analyticsTotalUsers > 0 ? (totalUserCount / analyticsTotalUsers) * 100 : null;\n\n    const overallTitle = createTitle({\n        iconClass: 'icon-user',\n        text: 'Event users',\n    });\n    tooltip.appendChild(overallTitle);\n\n    const overallPanel = createPanel();\n    overallPanel.appendChild(\n        createInfoRow({\n            iconClass: 'icon-user',\n            label: 'Event users',\n            right: `${numberFormatter.format(totalUserCount)}`,\n        })\n    );\n\n    if (analyticsTotalUsers !== null) {\n        overallPanel.appendChild(\n            createInfoRow({\n                iconClass: 'icon-user-group',\n                label: 'Total users',\n                right: `${numberFormatter.format(analyticsTotalUsers)}`,\n            })\n        );\n\n        overallPanel.appendChild(\n            createInfoRow({\n                iconClass: 'icon-bar-chart-box',\n                label: 'Event rate (all users)',\n                right: formatPercentage(interactionRateAllUsersPercentage),\n            })\n        );\n    }\n    tooltip.appendChild(overallPanel);\n\n    const performanceTitle = createTitle({\n        iconClass: 'icon-stats',\n        text: 'Element performance',\n    });\n    tooltip.appendChild(performanceTitle);\n\n    const performancePanel = createPanel();\n    performancePanel.appendChild(\n        createInfoRow({\n            iconClass: metricIconClass,\n            label: metricLabel,\n            right: `${numberFormatter.format(totalEventCount)}`,\n        })\n    );\n    performancePanel.appendChild(\n        createInfoRow({\n            iconClass: 'icon-bar-chart-box',\n            label: elementRateLabel,\n            right: formatPercentage(elementRatePercentage),\n        })\n    );\n\n    if (trackingData.eventTrigger === 'click' && analyticsTotalUsers !== null) {\n        performancePanel.appendChild(\n            createInfoRow({\n                iconClass: 'icon-bar-chart-box',\n                label: 'Click rate (all users)',\n                right: formatPercentage(allUsersRatePercentage),\n            })\n        );\n    }\n\n    if (trackingData.eventTrigger === 'visibility' && analyticsTotalUsers !== null) {\n        performancePanel.appendChild(\n            createInfoRow({\n                iconClass: 'icon-bar-chart-box',\n                label: 'View rate (all users)',\n                right: formatPercentage(allUsersRatePercentage),\n            })\n        );\n    }\n    tooltip.appendChild(performancePanel);\n\n    const attributesHeader = createTitle({\n        iconClass: 'icon-info-sign',\n        text: 'Tracking Attributes',\n    });\n    tooltip.appendChild(attributesHeader);\n\n    const attributesPanel = createPanel();\n    attributesPanel.appendChild(\n        createInfoRow({\n            iconClass: 'icon-cog',\n            label: 'Action',\n            right: trackingData.eventAction,\n        })\n    );\n    attributesPanel.appendChild(\n        createInfoRow({\n            iconClass: 'icon-emergency-stop',\n            label: 'Trigger',\n            right: trackingData.eventTrigger,\n        })\n    );\n    attributesPanel.appendChild(\n        createInfoRow({\n            iconClass: 'icon-tag',\n            label: 'Label',\n            right: trackingData.eventLabel,\n        })\n    );\n    tooltip.appendChild(attributesPanel);\n\n    const campaignData = extractCampaignTrackingDataFromElement(trackedElement);\n    if (campaignData) {\n        const campaignHeader = createTitle({\n            iconClass: 'icon-megaphone',\n            text: 'Campaign',\n        });\n        tooltip.appendChild(campaignHeader);\n\n        const campaignPanel = createPanel();\n        CAMPAIGN_QUERY_PARAM_CONFIG.forEach(({ queryParam, label }) => {\n            const value = campaignData[queryParam];\n            if (!value) {\n                return;\n            }\n\n            campaignPanel.appendChild(\n                createInfoRow({\n                    iconClass: 'icon-tag',\n                    label,\n                    right: value,\n                })\n            );\n        });\n\n        tooltip.appendChild(campaignPanel);\n    }\n\n    const pointerOffset = 12;\n    const viewportPadding = 8;\n    overlayRoot.appendChild(tooltip);\n\n    let left = clickEvent.clientX + pointerOffset;\n    let top = clickEvent.clientY + pointerOffset;\n    const maxLeft = window.innerWidth - tooltip.offsetWidth - viewportPadding;\n    const maxTop = window.innerHeight - tooltip.offsetHeight - viewportPadding;\n    left = Math.max(viewportPadding, Math.min(left, maxLeft));\n    top = Math.max(viewportPadding, Math.min(top, maxTop));\n\n    tooltip.style.left = `${left}px`;\n    tooltip.style.top = `${top}px`;\n\n    return tooltip;\n};\n\nexport type {\n    AnalyticsOverlayTooltipCampaignData,\n    AnalyticsOverlayTooltipTrackingData,\n    CreateAnalyticsOverlayTooltipProps,\n};\n"],"mappings":";AAMA,IAAM,IAA8B;CAChC;EAAE,YAAY;EAAc,OAAO;CAAS;CAC5C;EAAE,YAAY;EAAc,OAAO;CAAS;CAC5C;EAAE,YAAY;EAAgB,OAAO;CAAW;CAChD;EAAE,YAAY;EAAe,OAAO;CAAU;CAC9C;EAAE,YAAY;EAAY,OAAO;CAAO;AAC5C,GAeM,IAAkB,IAAI,KAAK,aAAa,SAAS;CACnD,uBAAuB;CACvB,uBAAuB;AAC3B,CAAC,GAEK,KAAc,GAAmB,MAAsB;CACzD,IAAM,IAAO,SAAS,cAAc,MAAM;CAE1C,OADA,EAAK,UAAU,IAAI,cAAc,GAAW,CAAS,GAC9C;AACX,GAEM,KAAe,MAA+C;CAChE,IAAM,EAAE,cAAW,YAAS,GACtB,IAAQ,SAAS,cAAc,KAAK;CAU1C,AATA,EAAM,UAAU,IACZ,gBACA,sBACA,SACA,eACA,gBACA,kBACA,kBACJ,GACA,EAAM,YAAY,EAAW,GAAW,cAAc,CAAC;CAEvD,IAAM,IAAY,SAAS,cAAc,MAAM;CAI/C,OAHA,EAAU,cAAc,GACxB,EAAM,YAAY,CAAS,GAEpB;AACX,GAEM,UAAoB;CACtB,IAAM,IAAQ,SAAS,cAAc,KAAK;CAE1C,OADA,EAAM,UAAU,IAAI,WAAW,cAAc,aAAa,gBAAgB,eAAe,SAAS,eAAe,GAC1G;AACX,GAEM,KAAiB,MAAsE;CACzF,IAAM,EAAE,cAAW,UAAO,aAAU,GAE9B,IAAM,SAAS,cAAc,KAAK;CACxC,EAAI,UAAU,IAAI,gBAAgB,sBAAsB,OAAO;CAE/D,IAAM,IAAgB,SAAS,cAAc,KAAK;CAClD,EAAc,UAAU,IAAI,gBAAgB,sBAAsB,SAAS,cAAc;CAEzF,IAAM,IAAO,EAAW,GAAW,cAAc;CACjD,EAAc,YAAY,CAAI;CAE9B,IAAM,IAAY,SAAS,cAAc,KAAK;CAI9C,AAHA,EAAU,UAAU,IAAI,aAAa,GACrC,EAAU,cAAc,GACxB,EAAc,YAAY,CAAS,GACnC,EAAI,YAAY,CAAa;CAE7B,IAAM,IAAiB,SAAS,cAAc,KAAK;CAGnD,IAFA,EAAe,UAAU,IAAI,YAAY,YAAY,GAEjD,OAAO,KAAU,UAAU;EAC3B,IAAM,IAAY,SAAS,cAAc,KAAK;EAG9C,AAFA,EAAU,UAAU,IAAI,kBAAkB,WAAW,GACrD,EAAU,cAAc,GACxB,EAAe,YAAY,CAAS;CACxC,OACI,EAAe,YAAY,CAAK;CAIpC,OADA,EAAI,YAAY,CAAc,GACvB;AACX,GAEM,KAAoB,MAA0B,MAAU,OAAO,QAAQ,GAAG,EAAgB,OAAO,CAAK,EAAE,IAExG,UACE,OAAO,SAAW,OAAe,YAAY,KAAK,OAAO,SAAS,IAAI,IAC/D,OAAO,SAAS,OAGpB,qBAGE,KACT,GACA,IAAW,EAAsB,MACY;CAC7C,IAAI;EACA,IAAM,IAAM,IAAI,IAAI,GAAM,CAAQ,GAC5B,IAAoD,CAAC;EAS3D,OAPA,EAA4B,SAAS,EAAE,oBAAiB;GACpD,IAAM,IAAQ,EAAI,aAAa,IAAI,CAAU,CAAC,EAAE,KAAK;GACrD,AAAI,MACA,EAAa,KAAc;EAEnC,CAAC,GAEM,OAAO,KAAK,CAAY,CAAC,CAAC,SAAS,IAAI,IAAe;CACjE,QAAQ;EACJ,OAAO;CACX;AACJ,GAEa,KAA0C,MAAgC;CACnF,IAAM,IAAgB,EAAe,QAA2B,SAAS,GACnE,IAAO,EAAe,aAAa,MAAM,CAAC,EAAE,KAAK,KAAK,GAAe,MAAM,KAAK;CAMtF,OAJK,IAIE,EAAoC,CAAI,IAHpC;AAIf,GAEM,KAAmC,MAInC;CACF,IAAM,EAAE,iBAAc,oBAAiB,2BAAwB;CAU/D,OARI,MAAwB,QAAQ,KAAuB,IAChD,OAGP,MAAiB,WAAW,MAAiB,eACrC,IAAkB,IAAuB,MAG9C;AACX,GAEa,KAAiC,MAA8C;CACxF,IAAM,EACF,gBACA,iBACA,oBACA,mBACA,wBACA,eACA,sBACA,GAEE,IAAU,SAAS,cAAc,KAAK;CAI5C,AAFA,EAAQ,aAAa,kCAAkC,MAAM,GAE7D,EAAQ,UAAU,IACd,kBACA,sBACA,eACA,WACA,cACA,kBACA,gBACA,oBACA,iBACA,gBACA,kBACA,gBACA,eACA,UACA,oBACJ;CAEA,IAAM,IAAc,EAAa,iBAAiB,UAAU,WAAW,SACjE,IAAkB,EAAa,iBAAiB,UAAU,eAAe,iBACzE,IAAmB,EAAa,iBAAiB,UAAU,eAAe,aAE1E,IAAwB,IAAiB,IAAK,IAAkB,IAAkB,MAAM,MAExF,IAAyB,EAAgC;EAC3D,cAAc,EAAa;EAC3B;EACA;CACJ,CAAC,GAEK,IACF,MAAwB,QAAQ,IAAsB,IAAK,IAAiB,IAAuB,MAAM,MAEvG,IAAe,EAAY;EAC7B,WAAW;EACX,MAAM;CACV,CAAC;CACD,EAAQ,YAAY,CAAY;CAEhC,IAAM,IAAe,EAAY;CA0BjC,AAzBA,EAAa,YACT,EAAc;EACV,WAAW;EACX,OAAO;EACP,OAAO,GAAG,EAAgB,OAAO,CAAc;CACnD,CAAC,CACL,GAEI,MAAwB,SACxB,EAAa,YACT,EAAc;EACV,WAAW;EACX,OAAO;EACP,OAAO,GAAG,EAAgB,OAAO,CAAmB;CACxD,CAAC,CACL,GAEA,EAAa,YACT,EAAc;EACV,WAAW;EACX,OAAO;EACP,OAAO,EAAiB,CAAiC;CAC7D,CAAC,CACL,IAEJ,EAAQ,YAAY,CAAY;CAEhC,IAAM,IAAmB,EAAY;EACjC,WAAW;EACX,MAAM;CACV,CAAC;CACD,EAAQ,YAAY,CAAgB;CAEpC,IAAM,IAAmB,EAAY;CAmCrC,AAlCA,EAAiB,YACb,EAAc;EACV,WAAW;EACX,OAAO;EACP,OAAO,GAAG,EAAgB,OAAO,CAAe;CACpD,CAAC,CACL,GACA,EAAiB,YACb,EAAc;EACV,WAAW;EACX,OAAO;EACP,OAAO,EAAiB,CAAqB;CACjD,CAAC,CACL,GAEI,EAAa,iBAAiB,WAAW,MAAwB,QACjE,EAAiB,YACb,EAAc;EACV,WAAW;EACX,OAAO;EACP,OAAO,EAAiB,CAAsB;CAClD,CAAC,CACL,GAGA,EAAa,iBAAiB,gBAAgB,MAAwB,QACtE,EAAiB,YACb,EAAc;EACV,WAAW;EACX,OAAO;EACP,OAAO,EAAiB,CAAsB;CAClD,CAAC,CACL,GAEJ,EAAQ,YAAY,CAAgB;CAEpC,IAAM,IAAmB,EAAY;EACjC,WAAW;EACX,MAAM;CACV,CAAC;CACD,EAAQ,YAAY,CAAgB;CAEpC,IAAM,IAAkB,EAAY;CAsBpC,AArBA,EAAgB,YACZ,EAAc;EACV,WAAW;EACX,OAAO;EACP,OAAO,EAAa;CACxB,CAAC,CACL,GACA,EAAgB,YACZ,EAAc;EACV,WAAW;EACX,OAAO;EACP,OAAO,EAAa;CACxB,CAAC,CACL,GACA,EAAgB,YACZ,EAAc;EACV,WAAW;EACX,OAAO;EACP,OAAO,EAAa;CACxB,CAAC,CACL,GACA,EAAQ,YAAY,CAAe;CAEnC,IAAM,IAAe,EAAuC,CAAc;CAC1E,IAAI,GAAc;EACd,IAAM,IAAiB,EAAY;GAC/B,WAAW;GACX,MAAM;EACV,CAAC;EACD,EAAQ,YAAY,CAAc;EAElC,IAAM,IAAgB,EAAY;EAgBlC,AAfA,EAA4B,SAAS,EAAE,eAAY,eAAY;GAC3D,IAAM,IAAQ,EAAa;GACtB,KAIL,EAAc,YACV,EAAc;IACV,WAAW;IACX;IACA,OAAO;GACX,CAAC,CACL;EACJ,CAAC,GAED,EAAQ,YAAY,CAAa;CACrC;CAIA,EAAY,YAAY,CAAO;CAE/B,IAAI,IAAO,EAAW,UAAU,IAC5B,IAAM,EAAW,UAAU,IACzB,IAAU,OAAO,aAAa,EAAQ,cAAc,GACpD,IAAS,OAAO,cAAc,EAAQ,eAAe;CAO3D,OANA,IAAO,KAAK,IAAI,GAAiB,KAAK,IAAI,GAAM,CAAO,CAAC,GACxD,IAAM,KAAK,IAAI,GAAiB,KAAK,IAAI,GAAK,CAAM,CAAC,GAErD,EAAQ,MAAM,OAAO,GAAG,EAAK,KAC7B,EAAQ,MAAM,MAAM,GAAG,EAAI,KAEpB;AACX"}

package/utils/analytics/getTrackingLabelFromNode.js

@@ -1,24 +1,20 @@
-import { isValidElement as o } from "react";
-const n = (r) => {
-  if (!(r == null || typeof r == "boolean")) {
-    if (typeof r == "string" || typeof r == "number" || typeof r == "bigint")
-      return String(r);
-    if (Array.isArray(r)) {
-      const t = r.map(n).filter(
-        (i) => typeof i == "string" && i.length > 0
-      );
-      return t.length > 0 ? t.join(" ") : void 0;
-    }
-    if (o(r)) {
-      const t = n(r.props.children);
-      if (t)
-        return t;
-      if (typeof r.props.id == "string" && r.props.id.length > 0)
-        return r.props.id;
-    }
-  }
+import { isValidElement as e } from "react";
+//#region src/utils/analytics/getTrackingLabelFromNode.ts
+var t = (n) => {
+	if (!(n == null || typeof n == "boolean")) {
+		if (typeof n == "string" || typeof n == "number" || typeof n == "bigint") return String(n);
+		if (Array.isArray(n)) {
+			let e = n.map(t).filter((e) => typeof e == "string" && e.length > 0);
+			return e.length > 0 ? e.join(" ") : void 0;
+		}
+		if (e(n)) {
+			let e = t(n.props.children);
+			if (e) return e;
+			if (typeof n.props.id == "string" && n.props.id.length > 0) return n.props.id;
+		}
+	}
 };
-export {
-  n as getTrackingLabelFromNode
-};
-//# sourceMappingURL=getTrackingLabelFromNode.js.map
+//#endregion
+export { t as getTrackingLabelFromNode };
+
+//# sourceMappingURL=getTrackingLabelFromNode.js.map

package/utils/analytics/getTrackingLabelFromNode.js.map

@@ -1 +1 @@
-{"version":3,"file":"getTrackingLabelFromNode.js","sources":["../../../src/utils/analytics/getTrackingLabelFromNode.ts"],"sourcesContent":["import { isValidElement, type ReactNode } from 'react';\n\nexport const getTrackingLabelFromNode = (value: ReactNode): string | undefined => {\n    if (value == null || typeof value === 'boolean') {\n        return;\n    }\n\n    if (typeof value === 'string' || typeof value === 'number' || typeof value === 'bigint') {\n        return String(value);\n    }\n\n    if (Array.isArray(value)) {\n        const trackingValues = value\n            .map(getTrackingLabelFromNode)\n            .filter(\n                (trackingValue): trackingValue is string =>\n                    typeof trackingValue === 'string' && trackingValue.length > 0\n            );\n\n        return trackingValues.length > 0 ? trackingValues.join(' ') : undefined;\n    }\n\n    if (isValidElement<{ id?: unknown; children?: ReactNode }>(value)) {\n        const childrenTrackingValue = getTrackingLabelFromNode(value.props.children);\n\n        if (childrenTrackingValue) {\n            return childrenTrackingValue;\n        }\n\n        if (typeof value.props.id === 'string' && value.props.id.length > 0) {\n            return value.props.id;\n        }\n    }\n};\n"],"names":["getTrackingLabelFromNode","value","trackingValues","trackingValue","isValidElement","childrenTrackingValue"],"mappings":";AAEO,MAAMA,IAA2B,CAACC,MAAyC;AAC9E,MAAI,EAAAA,KAAS,QAAQ,OAAOA,KAAU,YAItC;AAAA,QAAI,OAAOA,KAAU,YAAY,OAAOA,KAAU,YAAY,OAAOA,KAAU;AAC3E,aAAO,OAAOA,CAAK;AAGvB,QAAI,MAAM,QAAQA,CAAK,GAAG;AACtB,YAAMC,IAAiBD,EAClB,IAAID,CAAwB,EAC5B;AAAA,QACG,CAACG,MACG,OAAOA,KAAkB,YAAYA,EAAc,SAAS;AAAA,MAAA;AAGxE,aAAOD,EAAe,SAAS,IAAIA,EAAe,KAAK,GAAG,IAAI;AAAA,IAClE;AAEA,QAAIE,EAAuDH,CAAK,GAAG;AAC/D,YAAMI,IAAwBL,EAAyBC,EAAM,MAAM,QAAQ;AAE3E,UAAII;AACA,eAAOA;AAGX,UAAI,OAAOJ,EAAM,MAAM,MAAO,YAAYA,EAAM,MAAM,GAAG,SAAS;AAC9D,eAAOA,EAAM,MAAM;AAAA,IAE3B;AAAA;AACJ;"}
+{"version":3,"file":"getTrackingLabelFromNode.js","names":[],"sources":["../../../src/utils/analytics/getTrackingLabelFromNode.ts"],"sourcesContent":["import { isValidElement, type ReactNode } from 'react';\n\nexport const getTrackingLabelFromNode = (value: ReactNode): string | undefined => {\n    if (value == null || typeof value === 'boolean') {\n        return;\n    }\n\n    if (typeof value === 'string' || typeof value === 'number' || typeof value === 'bigint') {\n        return String(value);\n    }\n\n    if (Array.isArray(value)) {\n        const trackingValues = value\n            .map(getTrackingLabelFromNode)\n            .filter(\n                (trackingValue): trackingValue is string =>\n                    typeof trackingValue === 'string' && trackingValue.length > 0\n            );\n\n        return trackingValues.length > 0 ? trackingValues.join(' ') : undefined;\n    }\n\n    if (isValidElement<{ id?: unknown; children?: ReactNode }>(value)) {\n        const childrenTrackingValue = getTrackingLabelFromNode(value.props.children);\n\n        if (childrenTrackingValue) {\n            return childrenTrackingValue;\n        }\n\n        if (typeof value.props.id === 'string' && value.props.id.length > 0) {\n            return value.props.id;\n        }\n    }\n};\n"],"mappings":";;AAEA,IAAa,KAA4B,MAAyC;CAC1E,WAAS,QAAQ,OAAO,KAAU,YAItC;MAAI,OAAO,KAAU,YAAY,OAAO,KAAU,YAAY,OAAO,KAAU,UAC3E,OAAO,OAAO,CAAK;EAGvB,IAAI,MAAM,QAAQ,CAAK,GAAG;GACtB,IAAM,IAAiB,EAClB,IAAI,CAAwB,CAAC,CAC7B,QACI,MACG,OAAO,KAAkB,YAAY,EAAc,SAAS,CACpE;GAEJ,OAAO,EAAe,SAAS,IAAI,EAAe,KAAK,GAAG,IAAI,KAAA;EAClE;EAEA,IAAI,EAAuD,CAAK,GAAG;GAC/D,IAAM,IAAwB,EAAyB,EAAM,MAAM,QAAQ;GAE3E,IAAI,GACA,OAAO;GAGX,IAAI,OAAO,EAAM,MAAM,MAAO,YAAY,EAAM,MAAM,GAAG,SAAS,GAC9D,OAAO,EAAM,MAAM;EAE3B;CAxBuB;AAyB3B"}

package/utils/analytics/googleAnalyticsUtils.js

@@ -1,30 +1,27 @@
 import "../init/initConfig.js";
-const s = () => typeof window < "u" && Array.isArray(window.dataLayer), l = (t) => {
-  if (!s())
-    return;
-  const e = {
-    event: "ga_event",
-    eventCategory: t.category,
-    eventAction: t.action,
-    eventLabel: t.label
-  };
-  t.value !== void 0 && t.value !== "" && (e.eventValue = t.value), window.dataLayer?.push(e);
-}, u = (t, e) => (...a) => {
-  const r = t(...a);
-  return l(e), r;
-}, v = {}, g = {}, y = (t) => {
-  const { trigger: e, category: a, action: r, label: o, value: c } = t, i = r || `action_${e}`, n = {
-    "data-track-ga-event-trigger": e,
-    "data-track-ga-event-category": a,
-    "data-track-ga-event-action": i
-  };
-  return o && (n["data-track-ga-event-label"] = o), c && (n["data-track-ga-event-value"] = c), n;
+import "./analyticsAnalysisUtils.js";
+//#region src/utils/analytics/googleAnalyticsUtils.ts
+var e = () => typeof window < "u" && Array.isArray(window.dataLayer), t = (t) => {
+	if (!e()) return;
+	let n = {
+		event: "ga_event",
+		eventCategory: t.category,
+		eventAction: t.action,
+		eventLabel: t.label
+	};
+	t.value !== void 0 && t.value !== "" && (n.eventValue = t.value), window.dataLayer?.push(n);
+}, n = (e, n) => (...r) => {
+	let i = e(...r);
+	return t(n), i;
+}, r = {}, i = {}, a = (e) => {
+	let { trigger: t, category: n, action: r, label: i, value: a } = e, o = {
+		"data-track-ga-event-trigger": t,
+		"data-track-ga-event-category": n,
+		"data-track-ga-event-action": r || `action_${t}`
+	};
+	return i && (o["data-track-ga-event-label"] = i), a && (o["data-track-ga-event-value"] = a), o;
 };
-export {
-  v as TRACKING_ACTIONS,
-  g as TRACKING_LABELS,
-  u as executeAndTrack,
-  l as gaPush,
-  y as getTrackingAttributes
-};
-//# sourceMappingURL=googleAnalyticsUtils.js.map
+//#endregion
+export { r as TRACKING_ACTIONS, i as TRACKING_LABELS, n as executeAndTrack, t as gaPush, a as getTrackingAttributes };
+
+//# sourceMappingURL=googleAnalyticsUtils.js.map

package/utils/analytics/googleAnalyticsUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"googleAnalyticsUtils.js","sources":["../../../src/utils/analytics/googleAnalyticsUtils.ts"],"sourcesContent":["import { LOOKUP_MAX_LENGTH } from './analyticsAnalysisUtils';\nimport { isProd } from '../init/initConfig';\n\ndeclare global {\n    interface Window {\n        dataLayer?: unknown[];\n    }\n}\n\nexport type GAEvent = {\n    category: string;\n    action: string;\n    label: string;\n    value?: string | number;\n};\n\ntype GADataLayerEvent = {\n    event: 'ga_event';\n    eventCategory: string;\n    eventAction: string;\n    eventLabel: string;\n    eventValue?: string | number;\n};\n\nconst warnedLongTrackingLabels = new Set<string>();\n\nconst warnAboutLongTrackingLabel = (action: string, label: string) => {\n    if (isProd || label.length <= LOOKUP_MAX_LENGTH) {\n        return;\n    }\n\n    const warningKey = `${action}::${label}`;\n    if (warnedLongTrackingLabels.has(warningKey)) {\n        return;\n    }\n\n    warnedLongTrackingLabels.add(warningKey);\n    console.warn(\n        `[Analytics] data-track-ga-event-label exceeds ${LOOKUP_MAX_LENGTH} chars for action \"${action}\". ` +\n            `Overlay mapping uses only the first ${LOOKUP_MAX_LENGTH} chars.`\n    );\n};\n\n/**\n * Approach 1: DataLayer push\n *\n * Use this to send events to Google Analytics imperatively, for example from UI callbacks.\n * This is also the only supported path for tracking hover interactions, since the\n * attribute-based tracking flow only supports click and visibility triggers.\n */\n\nconst isBrowserDataLayerAvailable = () => typeof window !== 'undefined' && Array.isArray(window.dataLayer);\n\nexport const gaPush = (gaEvent: GAEvent) => {\n    if (!isBrowserDataLayerAvailable()) {\n        return;\n    }\n\n    const payload: GADataLayerEvent = {\n        event: 'ga_event',\n        eventCategory: gaEvent.category,\n        eventAction: gaEvent.action,\n        eventLabel: gaEvent.label,\n    };\n\n    if (gaEvent.value !== undefined && gaEvent.value !== '') {\n        payload.eventValue = gaEvent.value;\n    }\n\n    window.dataLayer?.push(payload);\n};\n\nexport const executeAndTrack =\n    <Args extends unknown[], Result>(func: (...args: Args) => Result, value: GAEvent) =>\n    (...args: Args): Result => {\n        const result = func(...args);\n        gaPush(value);\n        return result;\n    };\n\n/**\n * Approach 2: Tracking attributes (preferred)\n *\n * Use this to add DOM attributes to an element. These attributes can be utilized later\n * by the AnalyticsAnalysisOverlay component.\n */\n\nexport type TRACKING_TRIGGER = 'click' | 'visibility';\n\nexport type TrackingValues = {\n    trigger: TRACKING_TRIGGER;\n    category: string;\n    action?: string;\n    label?: string;\n    value?: string;\n};\n\nexport type TrackingAttributes = {\n    'data-track-ga-event-trigger': TRACKING_TRIGGER;\n    'data-track-ga-event-category': string;\n    'data-track-ga-event-action': string;\n    'data-track-ga-event-label'?: string;\n    'data-track-ga-event-value'?: string;\n};\n\n// Application-specific maps to be filled by consuming apps.\nexport const TRACKING_ACTIONS: Record<string, string> = {};\n\n// Application-specific maps to be filled by consuming apps.\nexport const TRACKING_LABELS: Record<string, string> = {};\n\nexport const getTrackingAttributes = (param: TrackingValues): TrackingAttributes => {\n    const { trigger, category, action, label, value } = param;\n    const resolvedAction = action || `action_${trigger}`;\n\n    const attributes: TrackingAttributes = {\n        'data-track-ga-event-trigger': trigger,\n        'data-track-ga-event-category': category,\n        'data-track-ga-event-action': resolvedAction,\n    };\n\n    if (label) {\n        attributes['data-track-ga-event-label'] = label;\n        warnAboutLongTrackingLabel(resolvedAction, label);\n    }\n\n    if (value) {\n        attributes['data-track-ga-event-value'] = value;\n    }\n\n    return attributes;\n};\n"],"names":["isBrowserDataLayerAvailable","gaPush","gaEvent","payload","executeAndTrack","func","value","args","result","TRACKING_ACTIONS","TRACKING_LABELS","getTrackingAttributes","param","trigger","category","action","label","resolvedAction","attributes"],"mappings":";AAmDA,MAAMA,IAA8B,MAAM,OAAO,SAAW,OAAe,MAAM,QAAQ,OAAO,SAAS,GAE5FC,IAAS,CAACC,MAAqB;AACxC,MAAI,CAACF;AACD;AAGJ,QAAMG,IAA4B;AAAA,IAC9B,OAAO;AAAA,IACP,eAAeD,EAAQ;AAAA,IACvB,aAAaA,EAAQ;AAAA,IACrB,YAAYA,EAAQ;AAAA,EAAA;AAGxB,EAAIA,EAAQ,UAAU,UAAaA,EAAQ,UAAU,OACjDC,EAAQ,aAAaD,EAAQ,QAGjC,OAAO,WAAW,KAAKC,CAAO;AAClC,GAEaC,IACT,CAAiCC,GAAiCC,MAClE,IAAIC,MAAuB;AACvB,QAAMC,IAASH,EAAK,GAAGE,CAAI;AAC3B,SAAAN,EAAOK,CAAK,GACLE;AACX,GA4BSC,IAA2C,CAAA,GAG3CC,IAA0C,CAAA,GAE1CC,IAAwB,CAACC,MAA8C;AAChF,QAAM,EAAE,SAAAC,GAAS,UAAAC,GAAU,QAAAC,GAAQ,OAAAC,GAAO,OAAAV,MAAUM,GAC9CK,IAAiBF,KAAU,UAAUF,CAAO,IAE5CK,IAAiC;AAAA,IACnC,+BAA+BL;AAAA,IAC/B,gCAAgCC;AAAA,IAChC,8BAA8BG;AAAA,EAAA;AAGlC,SAAID,MACAE,EAAW,2BAA2B,IAAIF,IAI1CV,MACAY,EAAW,2BAA2B,IAAIZ,IAGvCY;AACX;"}
+{"version":3,"file":"googleAnalyticsUtils.js","names":[],"sources":["../../../src/utils/analytics/googleAnalyticsUtils.ts"],"sourcesContent":["import { LOOKUP_MAX_LENGTH } from './analyticsAnalysisUtils';\nimport { isProd } from '../init/initConfig';\n\ndeclare global {\n    interface Window {\n        dataLayer?: unknown[];\n    }\n}\n\nexport type GAEvent = {\n    category: string;\n    action: string;\n    label: string;\n    value?: string | number;\n};\n\ntype GADataLayerEvent = {\n    event: 'ga_event';\n    eventCategory: string;\n    eventAction: string;\n    eventLabel: string;\n    eventValue?: string | number;\n};\n\nconst warnedLongTrackingLabels = new Set<string>();\n\nconst warnAboutLongTrackingLabel = (action: string, label: string) => {\n    if (isProd || label.length <= LOOKUP_MAX_LENGTH) {\n        return;\n    }\n\n    const warningKey = `${action}::${label}`;\n    if (warnedLongTrackingLabels.has(warningKey)) {\n        return;\n    }\n\n    warnedLongTrackingLabels.add(warningKey);\n    console.warn(\n        `[Analytics] data-track-ga-event-label exceeds ${LOOKUP_MAX_LENGTH} chars for action \"${action}\". ` +\n            `Overlay mapping uses only the first ${LOOKUP_MAX_LENGTH} chars.`\n    );\n};\n\n/**\n * Approach 1: DataLayer push\n *\n * Use this to send events to Google Analytics imperatively, for example from UI callbacks.\n * This is also the only supported path for tracking hover interactions, since the\n * attribute-based tracking flow only supports click and visibility triggers.\n */\n\nconst isBrowserDataLayerAvailable = () => typeof window !== 'undefined' && Array.isArray(window.dataLayer);\n\nexport const gaPush = (gaEvent: GAEvent) => {\n    if (!isBrowserDataLayerAvailable()) {\n        return;\n    }\n\n    const payload: GADataLayerEvent = {\n        event: 'ga_event',\n        eventCategory: gaEvent.category,\n        eventAction: gaEvent.action,\n        eventLabel: gaEvent.label,\n    };\n\n    if (gaEvent.value !== undefined && gaEvent.value !== '') {\n        payload.eventValue = gaEvent.value;\n    }\n\n    window.dataLayer?.push(payload);\n};\n\nexport const executeAndTrack =\n    <Args extends unknown[], Result>(func: (...args: Args) => Result, value: GAEvent) =>\n    (...args: Args): Result => {\n        const result = func(...args);\n        gaPush(value);\n        return result;\n    };\n\n/**\n * Approach 2: Tracking attributes (preferred)\n *\n * Use this to add DOM attributes to an element. These attributes can be utilized later\n * by the AnalyticsAnalysisOverlay component.\n */\n\nexport type TRACKING_TRIGGER = 'click' | 'visibility';\n\nexport type TrackingValues = {\n    trigger: TRACKING_TRIGGER;\n    category: string;\n    action?: string;\n    label?: string;\n    value?: string;\n};\n\nexport type TrackingAttributes = {\n    'data-track-ga-event-trigger': TRACKING_TRIGGER;\n    'data-track-ga-event-category': string;\n    'data-track-ga-event-action': string;\n    'data-track-ga-event-label'?: string;\n    'data-track-ga-event-value'?: string;\n};\n\n// Application-specific maps to be filled by consuming apps.\nexport const TRACKING_ACTIONS: Record<string, string> = {};\n\n// Application-specific maps to be filled by consuming apps.\nexport const TRACKING_LABELS: Record<string, string> = {};\n\nexport const getTrackingAttributes = (param: TrackingValues): TrackingAttributes => {\n    const { trigger, category, action, label, value } = param;\n    const resolvedAction = action || `action_${trigger}`;\n\n    const attributes: TrackingAttributes = {\n        'data-track-ga-event-trigger': trigger,\n        'data-track-ga-event-category': category,\n        'data-track-ga-event-action': resolvedAction,\n    };\n\n    if (label) {\n        attributes['data-track-ga-event-label'] = label;\n        warnAboutLongTrackingLabel(resolvedAction, label);\n    }\n\n    if (value) {\n        attributes['data-track-ga-event-value'] = value;\n    }\n\n    return attributes;\n};\n"],"mappings":";;;AAwBA,IA2BM,UAAoC,OAAO,SAAW,OAAe,MAAM,QAAQ,OAAO,SAAS,GAE5F,KAAU,MAAqB;CACxC,IAAI,CAAC,EAA4B,GAC7B;CAGJ,IAAM,IAA4B;EAC9B,OAAO;EACP,eAAe,EAAQ;EACvB,aAAa,EAAQ;EACrB,YAAY,EAAQ;CACxB;CAMA,AAJI,EAAQ,UAAU,KAAA,KAAa,EAAQ,UAAU,OACjD,EAAQ,aAAa,EAAQ,QAGjC,OAAO,WAAW,KAAK,CAAO;AAClC,GAEa,KACwB,GAAiC,OACjE,GAAG,MAAuB;CACvB,IAAM,IAAS,EAAK,GAAG,CAAI;CAE3B,OADA,EAAO,CAAK,GACL;AACX,GA4BS,IAA2C,CAAC,GAG5C,IAA0C,CAAC,GAE3C,KAAyB,MAA8C;CAChF,IAAM,EAAE,YAAS,aAAU,WAAQ,UAAO,aAAU,GAG9C,IAAiC;EACnC,+BAA+B;EAC/B,gCAAgC;EAChC,8BALmB,KAAU,UAAU;CAM3C;CAWA,OATI,MACA,EAAW,+BAA+B,IAI1C,MACA,EAAW,+BAA+B,IAGvC;AACX"}