@levo-so/react 0.1.29 → 0.1.31

package/dist/page-jWvzWjyk.js

@@ -0,0 +1,452 @@
+"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 U = (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 T } from "react";
+import { useInView as st } from "react-intersection-observer";
+import { u as x } from "./LevoProvider-BAZy7_tP.js";
+import { usePageLifecycle as it, LifecycleState as v } from "use-page-lifecycle";
+const fe = ({ id: t, properties: n = {} }) => {
+  const { audience: e } = x(), { 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" } });
+}, de = ({ event: t, properties: n }) => {
+  const { audience: e } = x();
+  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")(), O = 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 E = W.Symbol, G = Object.prototype, gt = G.hasOwnProperty, pt = G.toString, w = E ? E.toStringTag : void 0;
+function mt(t) {
+  var n = gt.call(t, w), e = t[w];
+  try {
+    t[w] = void 0;
+    var r = !0;
+  } catch {
+  }
+  var o = pt.call(t);
+  return r && (n ? t[w] = e : delete t[w]), o;
+}
+var ht = Object.prototype, bt = ht.toString;
+function wt(t) {
+  return bt.call(t);
+}
+var yt = "[object Null]", St = "[object Undefined]", M = E ? E.toStringTag : void 0;
+function vt(t) {
+  return t == null ? t === void 0 ? St : yt : M && M 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) && vt(t) == Et;
+}
+var F = NaN, xt = /^[-+]0x[0-9a-f]+$/i, Ct = /^0b[01]+$/i, kt = /^0o[0-7]+$/i, Nt = parseInt;
+function B(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 || kt.test(t) ? Nt(t.slice(2), e ? 2 : 8) : xt.test(t) ? F : +t;
+}
+var Ot = "Expected a function", _t = Math.max, It = Math.min;
+function Rt(t, n, e) {
+  var r, o, i, a, s, c, u = 0, h = !1, g = !1, p = !0;
+  if (typeof t != "function")
+    throw new TypeError(Ot);
+  n = B(n) || 0, R(e) && (h = !!e.leading, g = "maxWait" in e, i = g ? _t(B(e.maxWait) || 0, n) : i, p = "trailing" in e ? !!e.trailing : p);
+  function k(f) {
+    var l = r, b = o;
+    return r = o = void 0, u = f, a = t.apply(b, l), a;
+  }
+  function q(f) {
+    return u = f, s = setTimeout(S, n), h ? k(f) : a;
+  }
+  function Q(f) {
+    var l = f - c, b = f - u, P = n - l;
+    return g ? It(P, i - b) : P;
+  }
+  function $(f) {
+    var l = f - c, b = f - u;
+    return c === void 0 || l >= n || l < 0 || g && b >= i;
+  }
+  function S() {
+    var f = O();
+    if ($(f))
+      return D(f);
+    s = setTimeout(S, Q(f));
+  }
+  function D(f) {
+    return s = void 0, p && r ? k(f) : (r = o = void 0, a);
+  }
+  function tt() {
+    s !== void 0 && clearTimeout(s), u = 0, r = c = o = s = void 0;
+  }
+  function et() {
+    return s === void 0 ? a : D(O());
+  }
+  function N() {
+    var f = O(), l = $(f);
+    if (r = arguments, o = this, c = f, l) {
+      if (s === void 0)
+        return q(c);
+      if (g)
+        return clearTimeout(s), s = setTimeout(S, n), k(c);
+    }
+    return s === void 0 && (s = setTimeout(S, n)), a;
+  }
+  return N.cancel = tt, N.flush = et, N;
+}
+const At = () => {
+  const [t, n] = T(0), [e, r] = T(0), o = Rt((i) => {
+    r(i), n(i);
+  }, 250);
+  return d(() => {
+    const i = () => {
+      const a = window.scrollY, s = document.documentElement.scrollHeight, c = window.innerHeight, u = Math.round(
+        a / (s - c) * 100
+      );
+      u % 10 === 0 && u > e && o(u);
+    };
+    return window.addEventListener("scroll", i), () => window.removeEventListener("scroll", i);
+  }, [e]), t;
+}, y = "lv_insights_ot", jt = () => {
+  const [t, n] = T(0);
+  return d(() => {
+    const e = Number(localStorage.getItem(y)) || 0;
+    n(e), localStorage.setItem(y, (e + 1).toString());
+    const r = (i) => {
+      i.key === y && n(Number(i.newValue) || 0);
+    };
+    window.addEventListener("storage", r);
+    const o = () => {
+      const i = Number(localStorage.getItem(y)) || 0;
+      i > 0 && localStorage.setItem(y, (i - 1).toString());
+    };
+    return window.addEventListener("beforeunload", o), () => {
+      window.removeEventListener("storage", r), window.removeEventListener("beforeunload", o);
+    };
+  }, []), t;
+}, H = "lv_insights_ct", _ = "lv_insights_at", $t = () => {
+  const [t, n] = T(null);
+  return d(() => {
+    let e = sessionStorage.getItem(H);
+    const r = JSON.parse(
+      localStorage.getItem(_) || "[]"
+    );
+    e && r.includes(e) && (e = null), e || (e = `${Date.now()}-${Math.random().toString(36).substr(2, 9)}`, sessionStorage.setItem(H, e)), r.includes(e) || (r.push(e), localStorage.setItem(
+      _,
+      JSON.stringify(r)
+    )), n(e);
+    const o = () => {
+      const i = r.filter(
+        (a) => a !== e
+      );
+      localStorage.setItem(
+        _,
+        JSON.stringify(i)
+      );
+    };
+    return window.addEventListener("beforeunload", o), () => {
+      window.removeEventListener("beforeunload", o);
+    };
+  }, []), t;
+}, L = (t) => Object.prototype.toString.call(t) == "[object String]", Dt = (t, n) => t.indexOf(n) !== -1, C = (t) => t.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, ""), K = (t) => t === void 0, Pt = (t) => t === null, V = (t) => K(t) || Pt(t), Y = (t) => !!t && (t == null ? void 0 : t.nodeType) === 3;
+function Ut(t) {
+  return !!t && (t == null ? void 0 : t.nodeType) === 1;
+}
+function Mt(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 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 Ft(n);
+}
+const m = (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 += m(e.textContent) ?? "");
+  return C(n);
+}, Ht = (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 || Mt(t, "html") || !Ut(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 (Dt(Bt(t), "ph-include"))
+    return !0;
+  const n = t.type || "";
+  if (L(n))
+    switch (n.toLowerCase()) {
+      case "hidden":
+        return !1;
+      case "password":
+        return !1;
+    }
+  const e = t.name || (t == null ? void 0 : t.id) || "";
+  return !(L(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) || L(t) && (t = C(t), (n ? Kt : Vt).test((t || "").replace(/[- ]/g, "")) || (n ? Yt : Jt).test(t))), Xt = (t) => L(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, i, 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, c) => {
+      if (j(c.value) && !Xt(c.name)) {
+        if (c.name === "class")
+          return s;
+        s[c.name] = typeof (c == null ? void 0 : c.value) == "string" ? m(c.value) : c.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 == null ? void 0 : t.checked : t.matches("input, select, textarea") && (s = t == null ? void 0 : t.value), s !== void 0 && (e.value = typeof s == "string" || s === null ? m(s, 1024) : s);
+    let c = "";
+    e != null && e.attributes.id && (c = m(
+      ((i = (o = document.querySelector(`label[for="${e == null ? void 0 : e.attributes.id}"]`)) == null ? void 0 : o.textContent) == null ? void 0 : i.trim()) || ""
+    ));
+    const u = t.closest("label");
+    c || (c = m(((a = u == null ? void 0 : u.textContent) == null ? void 0 : a.trim()) || "")), c && (e.label = c);
+  }
+  return e;
+}, qt = (t, n) => {
+  var o;
+  let e = Ht(t);
+  Y(e) && (e = e.parentNode || null);
+  const r = ["copy", "cut"].includes(n);
+  if (e && (Wt(e, t) || r)) {
+    const i = Z(e);
+    if (r) {
+      const a = m((o = window == null ? void 0 : window.getSelection()) == null ? void 0 : o.toString()), s = (t == null ? void 0 : t.type) || "clipboard";
+      i.copy_text = a ?? "", i.copy_type = s ?? "";
+    }
+    return i;
+  }
+  return null;
+}, Qt = 30, te = 1e3, ee = 3;
+class ne {
+  constructor() {
+    U(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 } = x();
+  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 i = o == null ? void 0 : o.getAttribute("href");
+          if (!i) {
+            let a = o.parentNode, s = 0;
+            for (; a && s < 8; ) {
+              const c = a == null ? void 0 : a.getAttribute(
+                "href"
+              );
+              if (c) {
+                i = c;
+                break;
+              }
+              a = a.parentNode, s++;
+            }
+          }
+          t == null || t.track("page.click", {
+            ...r,
+            href: i || void 0
+          });
+        }
+      } catch (r) {
+        console.error(r);
+      }
+    };
+    return document.addEventListener("click", n), () => {
+      document.removeEventListener("click", n);
+    };
+  }, [t]);
+}, le = ({ id: t, properties: n = {} }) => {
+  const { client: e, audience: r } = x();
+  d(() => {
+    e && typeof window < "u" && (window.levo_client = e);
+  }, [e]), d(() => {
+    r && typeof window < "u" && (window.levo_audience = r);
+  }, [r]);
+  const o = typeof window < "u" ? window.location.href : void 0;
+  jt(), $t(), re();
+  const i = At();
+  d(() => {
+    r != null && r.instance && i > 0 && r.track("page.scroll", {
+      resource: "page",
+      identifier: t,
+      percent: i
+    });
+  }, [r == null ? void 0 : r.instance, i, t]), d(() => {
+    const s = () => {
+      r == null || r.track("page.bounce", {
+        resource: "page",
+        identifier: t
+      });
+    };
+    return window && window.addEventListener("beforeunload", s), () => {
+      window && window.removeEventListener("beforeunload", s);
+    };
+  }, [r, t]);
+  const [a] = it();
+  return d(() => {
+    (a === v.TERMINATED || a === v.HIDDEN || a === v.UNKNOWN || a === v.FROZEN) && (r == null || r.track("page.bounce", {
+      resource: "page",
+      identifier: t,
+      state: a
+    }));
+  }, [a, r, t]), d(() => {
+    (() => {
+      e != null && e.insightsUrl && e.workspace && o && (r != null && r.instance ? r.instance.page({
+        resource: "page",
+        identifier: t
+      }) : r == null || r.initiate({
+        ...n,
+        id: t,
+        created_at: (/* @__PURE__ */ new Date()).toISOString()
+      }));
+    })();
+  }, [e == null ? void 0 : e.insightsUrl, e == null ? void 0 : e.workspace, o]), d(() => {
+    const s = {
+      change: "form.change",
+      submit: "form.submit",
+      copy: "page.copy",
+      cut: "page.copy"
+    }, c = (h) => (g) => {
+      const p = qt(g, h);
+      p && (r == null || r.track(s[h], p));
+    }, u = {
+      change: c("change"),
+      copy: c("copy"),
+      cut: c("cut"),
+      submit: c("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);
+    };
+  }, []), (!(e != null && e.insightsUrl) || !e.workspace || !e.workspace.startsWith("W")) && console.error(
+    "[@levo-so/react] The utility could not be initialized, due to missing workspace, or endpoint for insights."
+  ), null;
+};
+export {
+  fe as L,
+  de as a,
+  le as b
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@levo-so/react",
-  "version": "0.1.29",
+  "version": "0.1.31",
   "author": "Levo Engineering <devs@theinternetfolks.com>",
   "description": "Levo suite for React based applications",
   "type": "module",
@@ -16,7 +16,7 @@
   "peerDependencies": {
     "react": ">=18",
     "react-dom": ">=18",
-    "@levo-so/core": "0.1.29"
+    "@levo-so/core": "0.1.30"
   },
   "dependencies": {
     "@radix-ui/react-checkbox": "1.1.1",