@levo-so/react 0.1.35 → 0.1.37

package/dist/page-t8PpNiSB.js

@@ -1,567 +0,0 @@
-"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
-};