@levo-so/react 0.1.34 → 0.1.36

package/dist/page-BaAkHGtG.js

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