@levo-so/react 0.1.33 → 0.1.34

package/dist/page-BVeU7Dl9.js

@@ -1,478 +0,0 @@
-"use client";
-var rt = Object.defineProperty;
-var ot = (t, n, e) => n in t ? rt(t, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[n] = e;
-var F = (t, n, e) => ot(t, typeof n != "symbol" ? n + "" : n, e);
-import { j as st } from "./jsx-runtime-B6kdoens.js";
-import { useEffect as d, useState as b } from "react";
-import { useInView as it } from "react-intersection-observer";
-import { useLevo as S } from "./providers/index.js";
-import { usePageLifecycle as ct, LifecycleState as E } from "use-page-lifecycle";
-const le = ({ id: t, properties: n = {} }) => {
-  const { audience: e } = S(), { ref: r, inView: o } = it({
-    triggerOnce: !0
-  });
-  return d(() => {
-    e != null && e.instance && o && (e == null || e.track("block.view", {
-      ...n,
-      resource: "block",
-      identifier: t
-    }));
-  }, [o]), /* @__PURE__ */ st.jsx("div", { ref: r, style: { height: "0px" } });
-}, ge = ({ 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 A(t) {
-  var n = typeof t;
-  return t != null && (n == "object" || n == "function");
-}
-var at = typeof global == "object" && global && global.Object === Object && global, ut = typeof self == "object" && self && self.Object === Object && self, G = at || ut || Function("return this")(), O = function() {
-  return G.Date.now();
-}, ft = /\s/;
-function dt(t) {
-  for (var n = t.length; n-- && ft.test(t.charAt(n)); )
-    ;
-  return n;
-}
-var lt = /^\s+/;
-function gt(t) {
-  return t && t.slice(0, dt(t) + 1).replace(lt, "");
-}
-var x = G.Symbol, K = Object.prototype, pt = K.hasOwnProperty, mt = K.toString, y = x ? x.toStringTag : void 0;
-function ht(t) {
-  var n = pt.call(t, y), e = t[y];
-  try {
-    t[y] = void 0;
-    var r = !0;
-  } catch {
-  }
-  var o = mt.call(t);
-  return r && (n ? t[y] = e : delete t[y]), o;
-}
-var bt = Object.prototype, wt = bt.toString;
-function yt(t) {
-  return wt.call(t);
-}
-var vt = "[object Null]", St = "[object Undefined]", U = x ? x.toStringTag : void 0;
-function Tt(t) {
-  return t == null ? t === void 0 ? St : vt : U && U in Object(t) ? ht(t) : yt(t);
-}
-function Et(t) {
-  return t != null && typeof t == "object";
-}
-var Lt = "[object Symbol]";
-function xt(t) {
-  return typeof t == "symbol" || Et(t) && Tt(t) == Lt;
-}
-var H = NaN, Ct = /^[-+]0x[0-9a-f]+$/i, _t = /^0b[01]+$/i, kt = /^0o[0-7]+$/i, Nt = parseInt;
-function B(t) {
-  if (typeof t == "number")
-    return t;
-  if (xt(t))
-    return H;
-  if (A(t)) {
-    var n = typeof t.valueOf == "function" ? t.valueOf() : t;
-    t = A(n) ? n + "" : n;
-  }
-  if (typeof t != "string")
-    return t === 0 ? t : +t;
-  t = gt(t);
-  var e = _t.test(t);
-  return e || kt.test(t) ? Nt(t.slice(2), e ? 2 : 8) : Ct.test(t) ? H : +t;
-}
-var Ot = "Expected a function", It = Math.max, Rt = Math.min;
-function At(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(Ot);
-  n = B(n) || 0, A(e) && (g = !!e.leading, l = "maxWait" in e, c = l ? It(B(e.maxWait) || 0, n) : c, p = "trailing" in e ? !!e.trailing : p);
-  function k(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 ? k(f) : a;
-  }
-  function tt(f) {
-    var m = f - i, w = f - u, P = n - m;
-    return l ? Rt(P, c - w) : P;
-  }
-  function M(f) {
-    var m = f - i, w = f - u;
-    return i === void 0 || m >= n || m < 0 || l && w >= c;
-  }
-  function T() {
-    var f = O();
-    if (M(f))
-      return D(f);
-    s = setTimeout(T, tt(f));
-  }
-  function D(f) {
-    return s = void 0, p && r ? k(f) : (r = o = void 0, a);
-  }
-  function et() {
-    s !== void 0 && clearTimeout(s), u = 0, r = i = o = s = void 0;
-  }
-  function nt() {
-    return s === void 0 ? a : D(O());
-  }
-  function N() {
-    var f = O(), m = 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), k(i);
-    }
-    return s === void 0 && (s = setTimeout(T, n)), a;
-  }
-  return N.cancel = et, N.flush = nt, N;
-}
-const jt = () => {
-  const [t, n] = b(0), [e, r] = b(0), o = At((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", $t = () => {
-  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;
-}, W = "lv_insights_ct", I = "lv_insights_at", Mt = () => {
-  const [t, n] = b(null);
-  return d(() => {
-    let e = sessionStorage.getItem(W);
-    const r = JSON.parse(
-      localStorage.getItem(I) || "[]"
-    );
-    e && r.includes(e) && (e = null), e || (e = `${Date.now()}-${Math.random().toString(36).substr(2, 9)}`, sessionStorage.setItem(W, e)), r.includes(e) || (r.push(e), localStorage.setItem(
-      I,
-      JSON.stringify(r)
-    )), n(e);
-    const o = () => {
-      const c = r.filter(
-        (a) => a !== e
-      );
-      localStorage.setItem(
-        I,
-        JSON.stringify(c)
-      );
-    };
-    return window.addEventListener("beforeunload", o), () => {
-      window.removeEventListener("beforeunload", o);
-    };
-  }, []), t;
-}, C = (t) => Object.prototype.toString.call(t) == "[object String]", Dt = (t, n) => t.indexOf(n) !== -1, _ = (t) => t.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, ""), V = (t) => t === void 0, Pt = (t) => t === null, Y = (t) => V(t) || Pt(t), J = (t) => !!t && (t == null ? void 0 : t.nodeType) === 3;
-function Ft(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 Ht(t) {
-  return t ? _(t).split(/\s+/) : [];
-}
-function Bt(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 Ht(n);
-}
-const h = (t, n = 255) => Y(t) ? "" : _(t).split(/(\s+)/).filter((e) => $(e)).join("").replace(/[\r\n]/g, " ").replace(/[ ]+/g, " ").substring(0, n), j = (t) => {
-  let n = "";
-  if (Kt(t) && // !isSensitiveElement(el) &&
-  (t != null && t.childNodes) && (t != null && t.childNodes.length))
-    for (const e of t == null ? void 0 : t.childNodes)
-      J(e) && e.textContent && (n += h(e.textContent) ?? "");
-  return _(n);
-}, Wt = (t) => {
-  var n, e;
-  return V(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;
-}, Gt = (t, n) => {
-  if (!window || !t || Ut(t, "html") || !Ft(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 Kt(t) {
-  if (Dt(Bt(t), "ph-include"))
-    return !0;
-  const n = t.type || "";
-  if (C(n))
-    switch (n.toLowerCase()) {
-      case "hidden":
-        return !1;
-      case "password":
-        return !1;
-    }
-  const e = t.name || (t == null ? void 0 : t.id) || "";
-  return !(C(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 X = "(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(`^(?:${X})$`), Yt = new RegExp(X), z = "\\d{3}-?\\d{2}-?\\d{4}", Jt = new RegExp(`^(${z})$`), Xt = new RegExp(`(${z})`), $ = (t, n = !0) => !(Y(t) || C(t) && (t = _(t), (n ? Vt : Yt).test((t || "").replace(/[- ]/g, "")) || (n ? Jt : Xt).test(t))), zt = (t) => C(t) ? t.substring(0, 10) === "_ngcontent" || t.substring(0, 7) === "_nghost" : !1, Zt = (t) => {
-  let n = j(t);
-  return n = `${n} ${Z(t)}`.trim(), $(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 = j(r);
-          n = `${n} ${o}`.trim(), r != null && r.childNodes.length && (n = `${n} ${Z(r)}`.trim());
-        } catch {
-        }
-  }
-  return n;
-}
-const qt = ["input", "textarea", "select"], q = (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 = j(t);
-  const r = Array.from(t.attributes).reduce(
-    (s, i) => {
-      if ($(i.value) && !zt(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, qt.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 = Wt(t);
-  J(e) && (e = e.parentNode || null);
-  const r = ["copy", "cut"].includes(n);
-  if (e && (Gt(e, t) || r)) {
-    const c = q(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;
-}, te = 30, ee = 1e3, ne = 3;
-class re {
-  constructor() {
-    F(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) < te && r - o.timestamp < ee) {
-      if (this.clicks.push({ x: n, y: e, timestamp: r }), this.clicks.length === ne)
-        return !0;
-    } else
-      this.clicks = [{ x: n, y: e, timestamp: r }];
-    return !1;
-  }
-}
-const R = new re(), oe = () => {
-  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 = R == null ? void 0 : R.isRageClick(
-            e.clientX,
-            e.clientY,
-            (/* @__PURE__ */ new Date()).getTime()
-          ), r = {
-            ...r,
-            ...q(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]);
-}, L = (t) => Number(t.toFixed(0)), se = (t) => {
-  const { audience: n } = S(), [, e] = b({
-    page_loaded_at: L(performance.timeOrigin),
-    script_load: L(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: L(g.startTime) });
-    });
-    s.observe({ type: "paint", buffered: !0 });
-    const i = () => a({ window_onload: L(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;
-}, pe = ({ 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]), $t(), Mt(), oe();
-  const c = jt();
-  d(() => {
-    o != null && o.instance && o.track("page.scroll", {
-      resource: "page",
-      identifier: t,
-      percent: c
-    });
-  }, [o == null ? void 0 : o.instance, c, t]), se(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] = ct();
-  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 {
-  le as L,
-  ge as a,
-  pe as b
-};