@levo-so/react 0.1.34 → 0.1.35

package/dist/page-t8PpNiSB.js

@@ -0,0 +1,567 @@
+"use client";
+var rt = Object.defineProperty;
+var st = (t, e, n) => e in t ? rt(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
+var H = (t, e, n) => st(t, typeof e != "symbol" ? e + "" : e, n);
+import { j as it } from "./jsx-runtime-B6kdoens.js";
+import { useEffect as f, useState as h } from "react";
+import { useInView as ct } from "react-intersection-observer";
+import { useLevo as y } from "./providers/index.js";
+import { usePageLifecycle as at, LifecycleState as C } from "use-page-lifecycle";
+import { LocalStorageLock as ut } from "@levo-so/core";
+const be = ({ id: t, properties: e = {} }) => {
+  const { audience: n } = y(), { ref: o, inView: r } = ct({
+    triggerOnce: !0
+  });
+  return f(() => {
+    n != null && n.instance && r && (n == null || n.track("block.view", {
+      ...e,
+      resource: "block",
+      identifier: t
+    }));
+  }, [r]), /* @__PURE__ */ it.jsx("div", { ref: o, style: { height: "0px" } });
+}, ve = ({ event: t, properties: e }) => {
+  const { audience: n } = y();
+  return f(() => {
+    n != null && n.instance && (n == null || n.track(t, e));
+  }, [n == null ? void 0 : n.instance, t, e]), null;
+};
+function P(t) {
+  var e = typeof t;
+  return t != null && (e == "object" || e == "function");
+}
+var lt = typeof global == "object" && global && global.Object === Object && global, dt = typeof self == "object" && self && self.Object === Object && self, J = lt || dt || Function("return this")(), M = function() {
+  return J.Date.now();
+}, ft = /\s/;
+function mt(t) {
+  for (var e = t.length; e-- && ft.test(t.charAt(e)); )
+    ;
+  return e;
+}
+var pt = /^\s+/;
+function gt(t) {
+  return t && t.slice(0, mt(t) + 1).replace(pt, "");
+}
+var _ = J.Symbol, z = Object.prototype, ht = z.hasOwnProperty, wt = z.toString, L = _ ? _.toStringTag : void 0;
+function bt(t) {
+  var e = ht.call(t, L), n = t[L];
+  try {
+    t[L] = void 0;
+    var o = !0;
+  } catch {
+  }
+  var r = wt.call(t);
+  return o && (e ? t[L] = n : delete t[L]), r;
+}
+var vt = Object.prototype, yt = vt.toString;
+function St(t) {
+  return yt.call(t);
+}
+var Tt = "[object Null]", Et = "[object Undefined]", Y = _ ? _.toStringTag : void 0;
+function Lt(t) {
+  return t == null ? t === void 0 ? Et : Tt : Y && Y in Object(t) ? bt(t) : St(t);
+}
+function kt(t) {
+  return t != null && typeof t == "object";
+}
+var Ct = "[object Symbol]";
+function xt(t) {
+  return typeof t == "symbol" || kt(t) && Lt(t) == Ct;
+}
+var W = NaN, _t = /^[-+]0x[0-9a-f]+$/i, Nt = /^0b[01]+$/i, Ot = /^0o[0-7]+$/i, It = parseInt;
+function K(t) {
+  if (typeof t == "number")
+    return t;
+  if (xt(t))
+    return W;
+  if (P(t)) {
+    var e = typeof t.valueOf == "function" ? t.valueOf() : t;
+    t = P(e) ? e + "" : e;
+  }
+  if (typeof t != "string")
+    return t === 0 ? t : +t;
+  t = gt(t);
+  var n = Nt.test(t);
+  return n || Ot.test(t) ? It(t.slice(2), n ? 2 : 8) : _t.test(t) ? W : +t;
+}
+var Rt = "Expected a function", At = Math.max, jt = Math.min;
+function Mt(t, e, n) {
+  var o, r, s, u, a, i, c = 0, l = !1, d = !1, p = !0;
+  if (typeof t != "function")
+    throw new TypeError(Rt);
+  e = K(e) || 0, P(n) && (l = !!n.leading, d = "maxWait" in n, s = d ? At(K(n.maxWait) || 0, e) : s, p = "trailing" in n ? !!n.trailing : p);
+  function g(m) {
+    var w = o, E = r;
+    return o = r = void 0, c = m, u = t.apply(E, w), u;
+  }
+  function I(m) {
+    return c = m, a = setTimeout(v, e), l ? g(m) : u;
+  }
+  function S(m) {
+    var w = m - i, E = m - c, B = e - w;
+    return d ? jt(B, s - E) : B;
+  }
+  function T(m) {
+    var w = m - i, E = m - c;
+    return i === void 0 || w >= e || w < 0 || d && E >= s;
+  }
+  function v() {
+    var m = M();
+    if (T(m))
+      return R(m);
+    a = setTimeout(v, S(m));
+  }
+  function R(m) {
+    return a = void 0, p && o ? g(m) : (o = r = void 0, u);
+  }
+  function A() {
+    a !== void 0 && clearTimeout(a), c = 0, o = i = r = a = void 0;
+  }
+  function ot() {
+    return a === void 0 ? u : R(M());
+  }
+  function j() {
+    var m = M(), w = T(m);
+    if (o = arguments, r = this, i = m, w) {
+      if (a === void 0)
+        return I(i);
+      if (d)
+        return clearTimeout(a), a = setTimeout(v, e), g(i);
+    }
+    return a === void 0 && (a = setTimeout(v, e)), u;
+  }
+  return j.cancel = A, j.flush = ot, j;
+}
+const Dt = () => {
+  const [t, e] = h(0), [n, o] = h(0), [r, s] = h(0), [u, a] = h(Date.now()), [i, c] = h("read"), l = Mt(() => {
+    const d = window.scrollY, p = document.documentElement.scrollHeight, g = window.innerHeight, I = Math.round(
+      d / (p - g) * 100
+    ), S = Math.floor(I / 5) * 5;
+    if (S <= n)
+      return;
+    const T = Date.now(), v = (T - u) / 1e3, A = Math.abs(d - r) / v;
+    c(A > 300 ? "scan" : "read"), s(d), a(T), o(S), e(S);
+  }, 250);
+  return f(() => (window.addEventListener("scroll", l), () => window.removeEventListener("scroll", l)), []), { depth: t, speedCategory: i };
+}, k = "lv_insights_ot", $t = () => {
+  const [t, e] = h(0);
+  return f(() => {
+    const n = Number(localStorage.getItem(k)) || 0;
+    e(n), localStorage.setItem(k, (n + 1).toString());
+    const o = (s) => {
+      s.key === k && e(Number(s.newValue) || 0);
+    };
+    window.addEventListener("storage", o);
+    const r = () => {
+      const s = Number(localStorage.getItem(k)) || 0;
+      s > 0 && localStorage.setItem(k, (s - 1).toString());
+    };
+    return window.addEventListener("beforeunload", r), () => {
+      window.removeEventListener("storage", o), window.removeEventListener("beforeunload", r);
+    };
+  }, []), t;
+}, G = "lv_insights_ct", D = "lv_insights_at", Pt = () => {
+  const [t, e] = h(null);
+  return f(() => {
+    let n = sessionStorage.getItem(G);
+    const o = JSON.parse(
+      localStorage.getItem(D) || "[]"
+    );
+    n && o.includes(n) && (n = null), n || (n = `${Date.now()}-${Math.random().toString(36).substr(2, 9)}`, sessionStorage.setItem(G, n)), o.includes(n) || (o.push(n), localStorage.setItem(
+      D,
+      JSON.stringify(o)
+    )), e(n);
+    const r = () => {
+      const s = o.filter(
+        (u) => u !== n
+      );
+      localStorage.setItem(
+        D,
+        JSON.stringify(s)
+      );
+    };
+    return window.addEventListener("beforeunload", r), () => {
+      window.removeEventListener("beforeunload", r);
+    };
+  }, []), t;
+}, N = (t) => Object.prototype.toString.call(t) == "[object String]", Ft = (t, e) => t.indexOf(e) !== -1, O = (t) => t.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, ""), X = (t) => t === void 0, Ut = (t) => t === null, q = (t) => X(t) || Ut(t), Z = (t) => !!t && (t == null ? void 0 : t.nodeType) === 3;
+function Bt(t) {
+  return !!t && (t == null ? void 0 : t.nodeType) === 1;
+}
+function Ht(t, e) {
+  return !!t && !!(t != null && t.tagName) && (t == null ? void 0 : t.tagName.toLowerCase()) === e.toLowerCase();
+}
+function Yt(t) {
+  return t ? O(t).split(/\s+/) : [];
+}
+function Wt(t) {
+  let e = "";
+  switch (typeof (t == null ? void 0 : t.className)) {
+    case "string":
+      e = t == null ? void 0 : t.className;
+      break;
+    case "object":
+      e = (t != null && t.className && "baseVal" in (t == null ? void 0 : t.className) ? (t == null ? void 0 : t.className).baseVal : null) || (t == null ? void 0 : t.getAttribute("class")) || "";
+      break;
+    default:
+      e = "";
+  }
+  return Yt(e);
+}
+const b = (t, e = 255) => q(t) ? "" : O(t).split(/(\s+)/).filter((n) => U(n)).join("").replace(/[\r\n]/g, " ").replace(/[ ]+/g, " ").substring(0, e), F = (t) => {
+  let e = "";
+  if (Vt(t) && // !isSensitiveElement(el) &&
+  (t != null && t.childNodes) && (t != null && t.childNodes.length))
+    for (const n of t == null ? void 0 : t.childNodes)
+      Z(n) && n.textContent && (e += b(n.textContent) ?? "");
+  return O(e);
+}, Kt = (t) => {
+  var e, n;
+  return X(t.target) ? (t == null ? void 0 : t.srcElement) || null : (e = t == null ? void 0 : t.target) != null && e.shadowRoot ? ((n = t == null ? void 0 : t.composedPath()) == null ? void 0 : n[0]) || null : (t == null ? void 0 : t.target) || null;
+}, Gt = (t, e) => {
+  if (!window || !t || Ht(t, "html") || !Bt(t))
+    return !1;
+  const n = window.getComputedStyle(t);
+  if (n && n.getPropertyValue("cursor") === "pointer" && e.type === "click")
+    return !0;
+  switch (t == null ? void 0 : t.tagName.toLowerCase()) {
+    case "html":
+      return !1;
+    case "form":
+      return e.type === "submit";
+    case "input":
+    case "select":
+    case "textarea":
+      return ["change", "click"].includes(e.type);
+    default:
+      return e.type === "click";
+  }
+};
+function Vt(t) {
+  if (Ft(Wt(t), "ph-include"))
+    return !0;
+  const e = t.type || "";
+  if (N(e))
+    switch (e.toLowerCase()) {
+      case "hidden":
+        return !1;
+      case "password":
+        return !1;
+    }
+  const n = t.name || (t == null ? void 0 : t.id) || "";
+  return !(N(n) && /^cc|cardnum|ccnum|creditcard|csc|cvc|cvv|exp|pass|pwd|routing|seccode|securitycode|securitynum|socialsec|socsec|ssn/i.test(n.replace(/[^a-zA-Z0-9]/g, "")));
+}
+const Q = "(4[0-9]{12}(?:[0-9]{3})?)|(5[1-5][0-9]{14})|(6(?:011|5[0-9]{2})[0-9]{12})|(3[47][0-9]{13})|(3(?:0[0-5]|[68][0-9])[0-9]{11})|((?:2131|1800|35[0-9]{3})[0-9]{11})", Jt = new RegExp(`^(?:${Q})$`), zt = new RegExp(Q), tt = "\\d{3}-?\\d{2}-?\\d{4}", Xt = new RegExp(`^(${tt})$`), qt = new RegExp(`(${tt})`), U = (t, e = !0) => !(q(t) || N(t) && (t = O(t), (e ? Jt : zt).test((t || "").replace(/[- ]/g, "")) || (e ? Xt : qt).test(t))), Zt = (t) => N(t) ? t.substring(0, 10) === "_ngcontent" || t.substring(0, 7) === "_nghost" : !1, Qt = (t) => {
+  let e = F(t);
+  return e = `${e} ${et(t)}`.trim(), U(e) ? e : "";
+};
+function et(t) {
+  var n;
+  let e = "";
+  if (t != null && t.childNodes.length) {
+    for (const o of t.childNodes)
+      if (o && ((n = o.tagName) == null ? void 0 : n.toLowerCase()) === "span")
+        try {
+          const r = F(o);
+          e = `${e} ${r}`.trim(), o != null && o.childNodes.length && (e = `${e} ${et(o)}`.trim());
+        } catch {
+        }
+  }
+  return e;
+}
+const te = ["input", "textarea", "select"], nt = (t) => {
+  var r, s, u, a;
+  const e = (r = t == null ? void 0 : t.tagName) == null ? void 0 : r.toLowerCase(), n = {
+    element: e
+  };
+  (e == null ? void 0 : e.toLowerCase()) === "a" || (e == null ? void 0 : e.toLowerCase()) === "button" ? n.text = Qt(t) : n.text = F(t);
+  const o = Array.from(t.attributes).reduce(
+    (i, c) => {
+      if (U(c.value) && !Zt(c.name)) {
+        if (c.name === "class")
+          return i;
+        i[c.name] = typeof (c == null ? void 0 : c.value) == "string" ? b(c.value) : c.value;
+      }
+      return i;
+    },
+    {}
+  );
+  if (n.attributes = o, te.includes(e) || (t == null ? void 0 : t.getAttribute("contenteditable")) === "true") {
+    let i;
+    t.matches('input[type="checkbox"], input[type="radio"]') ? i = t.checked : t.matches("input, select, textarea") && !t.matches('input[type="password"]') && (i = t.value), i !== void 0 && (n.value = typeof i == "string" || i === null ? b(i, 1024) : i);
+    let c = "";
+    n != null && n.attributes.id && (c = b(
+      ((u = (s = document.querySelector(`label[for="${n == null ? void 0 : n.attributes.id}"]`)) == null ? void 0 : s.textContent) == null ? void 0 : u.trim()) || ""
+    ));
+    const l = t.closest("label");
+    c || (c = b(((a = l == null ? void 0 : l.textContent) == null ? void 0 : a.trim()) || "")), c && (n.label = c);
+  }
+  return n;
+}, ee = (t, e) => {
+  var r;
+  let n = Kt(t);
+  Z(n) && (n = n.parentNode || null);
+  const o = ["copy", "cut"].includes(e);
+  if (n && (o || Gt(n, t))) {
+    const s = nt(n);
+    if (o) {
+      const u = b((r = window == null ? void 0 : window.getSelection()) == null ? void 0 : r.toString()), a = (t == null ? void 0 : t.type) || "clipboard";
+      s.copy_text = u ?? "", s.copy_type = a ?? "";
+    }
+    return s;
+  }
+  return null;
+}, ne = 30, oe = 1e3, re = 3;
+class se {
+  constructor() {
+    H(this, "clicks");
+    this.clicks = [];
+  }
+  isRageClick(e, n, o) {
+    const r = this.clicks[this.clicks.length - 1];
+    if (r && Math.abs(e - r.x) + Math.abs(n - r.y) < ne && o - r.timestamp < oe) {
+      if (this.clicks.push({ x: e, y: n, timestamp: o }), this.clicks.length === re)
+        return !0;
+    } else
+      this.clicks = [{ x: e, y: n, timestamp: o }];
+    return !1;
+  }
+}
+const $ = new se(), ie = () => {
+  const { audience: t } = y();
+  f(() => {
+    let e = null;
+    const n = (s) => {
+      if (e) {
+        clearTimeout(e), e = null;
+        return;
+      }
+      e = setTimeout(() => {
+        r(s, !1), e = null;
+      }, 250);
+    }, o = (s) => {
+      e && (clearTimeout(e), e = null), r(s, !0);
+    }, r = (s, u = !1) => {
+      var a;
+      try {
+        let i = {
+          hostname: window.location.hostname,
+          pathname: window.location.pathname,
+          page_title: document.title,
+          url: window.location.href,
+          created_at: (/* @__PURE__ */ new Date()).toISOString(),
+          event_type: u ? "dblclick" : "click",
+          button_type: s.button
+        };
+        if (s.target instanceof HTMLElement) {
+          const c = s.target;
+          i.rage_click = $ == null ? void 0 : $.isRageClick(
+            s.clientX,
+            s.clientY,
+            (/* @__PURE__ */ new Date()).getTime()
+          ), i = {
+            ...i,
+            ...nt(c)
+          };
+          let l = c == null ? void 0 : c.getAttribute("href");
+          if (!l) {
+            let d = c.parentNode, p = 0;
+            for (; d && p < 8; ) {
+              const g = (a = d == null ? void 0 : d.parentElement) == null ? void 0 : a.getAttribute("href");
+              if (g) {
+                l = g;
+                break;
+              }
+              d = d.parentNode, p++;
+            }
+          }
+          t == null || t.track("page.click", {
+            ...i,
+            href: l || void 0
+          });
+        }
+      } catch {
+      }
+    };
+    return document.addEventListener("click", n), document.addEventListener("dblclick", o), () => {
+      document.removeEventListener("click", n), document.removeEventListener("dblclick", o);
+    };
+  }, [t]);
+}, x = (t) => Number(t.toFixed(0)), ce = (t) => {
+  const { audience: e } = y(), [n] = h({
+    value: x(performance.now()),
+    timestamp: x(Date.now())
+  }), [o, r] = h({
+    value: null,
+    timestamp: null
+  }), [s, u] = h({
+    value: null,
+    timestamp: null
+  });
+  return f(() => {
+    let a = !0;
+    const i = (d, p) => {
+      a && d({ value: x(p), timestamp: x(Date.now()) });
+    }, c = new PerformanceObserver((d) => {
+      for (const p of d.getEntries())
+        p.name === "first-contentful-paint" && i(r, p.startTime);
+    });
+    c.observe({ type: "paint", buffered: !0 });
+    const l = () => i(u, performance.now());
+    return document.readyState === "complete" ? i(u, performance.now()) : window.addEventListener("load", l), () => {
+      a = !1, c.disconnect(), window.removeEventListener("load", l);
+    };
+  }, []), f(() => {
+    n && e && (e == null || e.track("page.metrics", {
+      script_load: n.value,
+      script_load_at: n.timestamp,
+      version: 2
+    }));
+  }, [n, e]), f(() => {
+    o.value !== null && e && (e == null || e.track("page.metrics", {
+      first_contentful_paint: o.value,
+      first_contentful_paint_at: o.timestamp,
+      version: 2
+    }));
+  }, [o, e]), f(() => {
+    s.value !== null && e && (e == null || e.track("page.metrics", {
+      window_onload: s.value,
+      window_onload_at: s.timestamp,
+      version: 2
+    }));
+  }, [s, e]), { script: n, fcp: o, window_onload: s };
+}, ae = () => {
+  const { audience: t } = y();
+  f(() => {
+    let e;
+    const n = () => {
+      clearTimeout(e), e = setTimeout(() => {
+        const o = window.getSelection();
+        if (o && (o == null ? void 0 : o.rangeCount) > 0) {
+          const r = o == null ? void 0 : o.toString();
+          r && (t == null || t.track("page.selection", {
+            text: b(r)
+          }));
+        }
+      }, 1e3);
+    };
+    return document.addEventListener("selectionchange", n), () => {
+      clearTimeout(e), document.removeEventListener("selectionchange", n);
+    };
+  }, []);
+}, V = "lv_insights_st", ue = 15 * 60 * 1e3, le = (t = "https://cachefly.cachefly.net/1mb.test") => {
+  const [e, n] = h(null);
+  return f(() => {
+    const o = localStorage.getItem(V);
+    if (o) {
+      const { speed: a, timestamp: i } = JSON.parse(o);
+      if (Date.now() - i < ue) {
+        n(a);
+        return;
+      }
+    }
+    let r = null;
+    const s = async () => {
+      const a = new ut("download_speed");
+      if (a.acquireLock())
+        try {
+          const c = performance.now();
+          await fetch(t, { cache: "no-store" });
+          const d = (performance.now() - c) / 1e3, p = Math.round(8 / d);
+          n(p), localStorage.setItem(
+            V,
+            JSON.stringify({ speed: p, timestamp: Date.now() })
+          );
+        } catch {
+        } finally {
+          a.releaseLock();
+        }
+    }, u = () => {
+      document.removeEventListener("mousemove", u), document.removeEventListener("keydown", u), document.removeEventListener("scroll", u), r = setTimeout(s, 5e3);
+    };
+    return document.addEventListener("mousemove", u, { once: !0 }), document.addEventListener("keydown", u, { once: !0 }), document.addEventListener("scroll", u, { once: !0 }), () => {
+      r && clearTimeout(r), document.removeEventListener("mousemove", u), document.removeEventListener("keydown", u), document.removeEventListener("scroll", u);
+    };
+  }, [t]), e;
+}, ye = ({ id: t, properties: e = {} }) => {
+  const n = typeof window < "u" ? window.location.href : "", { client: o, audience: r } = y();
+  f(() => {
+    o && typeof window < "u" && (window.levo_client = o);
+  }, [o]), f(() => {
+    r && typeof window < "u" && (window.levo_audience = r);
+  }, [r]), $t(), Pt(), ie();
+  const s = le();
+  f(() => {
+    r != null && r.instance && s && r.track("user.speedtest", {
+      speed: s,
+      unit: "Mbps"
+    });
+  }, [r == null ? void 0 : r.instance, s]);
+  const u = Dt();
+  f(() => {
+    r != null && r.instance && r.track("page.scroll", {
+      resource: "page",
+      identifier: t,
+      percent: u.depth,
+      speed_category: u.speedCategory
+    });
+  }, [
+    r == null ? void 0 : r.instance,
+    u.depth,
+    u.speedCategory,
+    t
+  ]), ce(), ae(), f(() => {
+    const i = () => {
+      r == null || r.bounce({
+        resource: "page",
+        identifier: t
+      });
+    };
+    return window && window.addEventListener("beforeunload", i), () => {
+      window && window.removeEventListener("beforeunload", i);
+    };
+  }, [r, t]);
+  const [a] = at();
+  return f(() => {
+    (a === C.TERMINATED || a === C.HIDDEN || a === C.UNKNOWN || a === C.FROZEN) && (r == null || r.bounce({
+      resource: "page",
+      identifier: t,
+      state: a
+    }));
+  }, [a, r, t]), f(() => {
+    (() => {
+      o != null && o.insightsUrl && o.workspace && n && (r != null && r.instance ? r.instance.page({
+        resource: "page",
+        identifier: t
+      }) : r == null || r.initiate({
+        ...e,
+        id: t,
+        created_at: (/* @__PURE__ */ new Date()).toISOString()
+      }));
+    })();
+  }, [o == null ? void 0 : o.insightsUrl, o == null ? void 0 : o.workspace, n]), f(() => {
+    const i = {
+      change: "form.change",
+      submit: "form.submit",
+      copy: "page.copy",
+      cut: "page.copy"
+    }, c = (d) => (p) => {
+      const g = ee(p, d);
+      g && (r == null || r.track(i[d], g));
+    }, l = {
+      change: c("change"),
+      copy: c("copy"),
+      cut: c("cut"),
+      submit: c("submit")
+    };
+    return document.addEventListener("change", l.change), document.addEventListener("copy", l.copy), document.addEventListener("cut", l.cut), document.addEventListener("submit", l.submit), () => {
+      document.removeEventListener("change", l.change), document.removeEventListener("copy", l.copy), document.removeEventListener("cut", l.cut), document.removeEventListener("submit", l.submit);
+    };
+  }, []), (!(o != null && o.insightsUrl) || !o.workspace || !o.workspace.startsWith("W")) && console.error(
+    "[@levo-so/react] The utility could not be initialized, due to missing workspace, or endpoint for insights."
+  ), null;
+};
+export {
+  be as L,
+  ve as a,
+  ye as b
+};