@levo-so/react 0.1.32 → 0.1.34

package/dist/page-BjcgPmsH.js

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