@levo-so/react 0.1.30 → 0.1.32

package/dist/audience/components/page.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"page.d.ts","sourceRoot":"","sources":["../../../src/audience/components/page.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC/D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AASlE,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,WAAW,CAAC,EAAE,UAAU,CAAC;QACzB,aAAa,CAAC,EAAE,YAAY,CAAC;KAC9B;CACF;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC;IACtC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,UAAU,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC;CACvC,CAwKA,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"page.d.ts","sourceRoot":"","sources":["../../../src/audience/components/page.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC/D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAUlE,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,WAAW,CAAC,EAAE,UAAU,CAAC;QACzB,aAAa,CAAC,EAAE,YAAY,CAAC;KAC9B;CACF;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC;IACtC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,UAAU,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC;CACvC,CA8KA,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/audience/hooks/usePerformanceMetrics.d.ts

@@ -0,0 +1,9 @@
+type PerformanceMetrics = {
+    page_loaded_at: number;
+    script_load: number;
+    first_contentful_paint: number | null;
+    window_onload: number | null;
+};
+declare const usePerformanceMetrics: (href: string) => PerformanceMetrics | null;
+export default usePerformanceMetrics;
+//# sourceMappingURL=usePerformanceMetrics.d.ts.map

package/dist/audience/hooks/usePerformanceMetrics.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePerformanceMetrics.d.ts","sourceRoot":"","sources":["../../../src/audience/hooks/usePerformanceMetrics.tsx"],"names":[],"mappings":"AAIA,KAAK,kBAAkB,GAAG;IACxB,cAAc,EAAE,MAAM,CAAC;IACvB,WAAW,EAAE,MAAM,CAAC;IACpB,sBAAsB,EAAE,MAAM,GAAG,IAAI,CAAC;IACtC,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;CAC9B,CAAC;AAEF,QAAA,MAAM,qBAAqB,SAAU,MAAM,KAAG,kBAAkB,GAAG,IA4DlE,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

package/dist/audience/index.js

@@ -1,4 +1,4 @@
-import { L as e, a, b as n } from "../page-CgK_Cgps.js";
+import { L as e, a, b as n } from "../page-BjcgPmsH.js";
 export {
   e as LevoInsightsBlock,
   a as LevoInsightsComponent,

package/dist/audience/utils/autocapture.d.ts

@@ -1,9 +1,8 @@
 export declare const isTextNode: (el: Element | undefined | null) => el is HTMLElement;
-export declare const makeSafeText: (s: string | null | undefined) => string | null;
+export declare const makeSafeText: (s: string | null | undefined, length?: number) => string;
 export declare const getSafeText: (el: Element) => string;
 export declare const getEventTarget: (e: Event) => Element | null;
 export declare const shouldCaptureDomEvent: (el: Element, event: Event) => boolean;
-export declare const isSensitiveElement: (el: Element) => boolean;
 export declare const shouldCaptureValue: (value: string, anchorRegexes?: boolean) => boolean;
 export declare const isAngularStyleAttr: (attributeName: string) => boolean;
 export declare const getDirectAndNestedSpanText: (target: Element) => string;

package/dist/audience/utils/autocapture.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"autocapture.d.ts","sourceRoot":"","sources":["../../../src/audience/utils/autocapture.ts"],"names":[],"mappings":"AAgCA,eAAO,MAAM,UAAU,OACjB,OAAO,GAAG,SAAS,GAAG,IAAI,KAC7B,EAAE,IAAI,WAER,CAAC;AAyDF,eAAO,MAAM,YAAY,MAAO,MAAM,GAAG,IAAI,GAAG,SAAS,KAAG,MAAM,GAAG,IAiBpE,CAAC;AAWF,eAAO,MAAM,WAAW,OAAQ,OAAO,KAAG,MAiBzC,CAAC;AAEF,eAAO,MAAM,cAAc,MAAO,KAAK,KAAG,OAAO,GAAG,IASnD,CAAC;AAYF,eAAO,MAAM,qBAAqB,OAAQ,OAAO,SAAS,KAAK,KAAG,OA2BjE,CAAC;AA+CF,eAAO,MAAM,kBAAkB,OAAQ,OAAO,KAAG,OAchD,CAAC;AAuBF,eAAO,MAAM,kBAAkB,UACtB,MAAM,8BAEZ,OAuBF,CAAC;AASF,eAAO,MAAM,kBAAkB,kBAAmB,MAAM,KAAG,OAQ1D,CAAC;AASF,eAAO,MAAM,0BAA0B,WAAY,OAAO,KAAG,MAI5D,CAAC;AA6BF,MAAM,MAAM,QAAQ,GAAG,GAAG,CAAC;AAC3B,MAAM,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;AAIlD,eAAO,MAAM,aAAa,YAAa,OAAO,KAAG,UAoEhD,CAAC;AAEF,eAAO,MAAM,sBAAsB,MAAO,KAAK,aAAa,MAAM,sBA2BjE,CAAC"}
+{"version":3,"file":"autocapture.d.ts","sourceRoot":"","sources":["../../../src/audience/utils/autocapture.ts"],"names":[],"mappings":"AAgCA,eAAO,MAAM,UAAU,OACjB,OAAO,GAAG,SAAS,GAAG,IAAI,KAC7B,EAAE,IAAI,WAER,CAAC;AA2DF,eAAO,MAAM,YAAY,MACpB,MAAM,GAAG,IAAI,GAAG,SAAS,sBAE3B,MAiBF,CAAC;AAWF,eAAO,MAAM,WAAW,OAAQ,OAAO,KAAG,MAiBzC,CAAC;AAEF,eAAO,MAAM,cAAc,MAAO,KAAK,KAAG,OAAO,GAAG,IASnD,CAAC;AAYF,eAAO,MAAM,qBAAqB,OAAQ,OAAO,SAAS,KAAK,KAAG,OA2BjE,CAAC;AAoFF,eAAO,MAAM,kBAAkB,UACtB,MAAM,8BAEZ,OAuBF,CAAC;AASF,eAAO,MAAM,kBAAkB,kBAAmB,MAAM,KAAG,OAQ1D,CAAC;AASF,eAAO,MAAM,0BAA0B,WAAY,OAAO,KAAG,MAI5D,CAAC;AA6BF,MAAM,MAAM,QAAQ,GAAG,GAAG,CAAC;AAC3B,MAAM,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;AAIlD,eAAO,MAAM,aAAa,YAAa,OAAO,KAAG,UAsFhD,CAAC;AAEF,eAAO,MAAM,sBAAsB,MAAO,KAAK,aAAa,MAAM,sBA2BjE,CAAC"}

package/dist/index.js

@@ -1,5 +1,5 @@
 import { L as s, u as o } from "./LevoProvider-BAZy7_tP.js";
-import { L as t, a as r, b as l } from "./page-CgK_Cgps.js";
+import { L as t, a as r, b as l } from "./page-BjcgPmsH.js";
 import { C as m, F as p, x as d, y as g, m as T, r as f, j as u, n as c, e as x, b, c as D, f as y, g as F, d as v, k as h, o as L, i as M, a as E, w as P, t as B, p as C, h as O, s as V, u as j, v as I, l as S, q as K } from "./CollectionFormBuilder-BPzVyGLq.js";
 import { LevoOAuth as U } from "./membership/index.js";
 import { B as H, D as N, j as q, e as w, i as z, g as A, f as R, c as G, a as J, h as Q, d as X, k as Y, S as Z, T as _, n as $, l as aa, m as ea, b as sa } from "./Spinner-BcBoT-J5.js";

package/dist/page-BjcgPmsH.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@levo-so/react",
-  "version": "0.1.30",
+  "version": "0.1.32",
   "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.30"
+    "@levo-so/core": "0.1.32"
   },
   "dependencies": {
     "@radix-ui/react-checkbox": "1.1.1",
@@ -90,8 +90,8 @@
     "typescript": "5.5.4",
     "vite": "5.4.3",
     "vite-plugin-dts": "4.1.0",
-    "@levo/tw-config": "0.0.0",
     "@levo/ts-config": "0.0.0",
+    "@levo/tw-config": "0.0.0",
     "@levo/eslint-config": "0.0.0"
   },
   "main": "./dist/index.js",

package/dist/page-CgK_Cgps.js

@@ -1,453 +0,0 @@
-"use client";
-var se = Object.defineProperty;
-var ie = (e, n, t) => n in e ? se(e, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[n] = t;
-var U = (e, n, t) => ie(e, typeof n != "symbol" ? n + "" : n, t);
-import { j as ce } from "./jsx-runtime-B6kdoens.js";
-import { useEffect as f, useState as T } from "react";
-import { useInView as ae } from "react-intersection-observer";
-import { u as x } from "./LevoProvider-BAZy7_tP.js";
-import { usePageLifecycle as ue, LifecycleState as S } from "use-page-lifecycle";
-const ft = ({ id: e, properties: n = {} }) => {
-  const { audience: t } = x(), { ref: r, inView: o } = ae({
-    triggerOnce: !0
-  });
-  return f(() => {
-    t != null && t.instance && o && (t == null || t.track("block.view", {
-      ...n,
-      resource: "block",
-      identifier: e
-    }));
-  }, [o]), /* @__PURE__ */ ce.jsx("div", { ref: r, style: { height: "0px" } });
-}, dt = ({ event: e, properties: n }) => {
-  const { audience: t } = x();
-  return f(() => {
-    t != null && t.instance && (t == null || t.track(e, n));
-  }, [t == null ? void 0 : t.instance, e, n]), null;
-};
-function A(e) {
-  var n = typeof e;
-  return e != null && (n == "object" || n == "function");
-}
-var le = typeof global == "object" && global && global.Object === Object && global, fe = typeof self == "object" && self && self.Object === Object && self, G = le || fe || Function("return this")(), _ = function() {
-  return G.Date.now();
-}, de = /\s/;
-function ge(e) {
-  for (var n = e.length; n-- && de.test(e.charAt(n)); )
-    ;
-  return n;
-}
-var me = /^\s+/;
-function pe(e) {
-  return e && e.slice(0, ge(e) + 1).replace(me, "");
-}
-var E = G.Symbol, K = Object.prototype, he = K.hasOwnProperty, be = K.toString, b = E ? E.toStringTag : void 0;
-function we(e) {
-  var n = he.call(e, b), t = e[b];
-  try {
-    e[b] = void 0;
-    var r = !0;
-  } catch {
-  }
-  var o = be.call(e);
-  return r && (n ? e[b] = t : delete e[b]), o;
-}
-var ye = Object.prototype, Se = ye.toString;
-function ve(e) {
-  return Se.call(e);
-}
-var Te = "[object Null]", Ee = "[object Undefined]", M = E ? E.toStringTag : void 0;
-function Le(e) {
-  return e == null ? e === void 0 ? Ee : Te : M && M in Object(e) ? we(e) : ve(e);
-}
-function Ce(e) {
-  return e != null && typeof e == "object";
-}
-var xe = "[object Symbol]";
-function Ne(e) {
-  return typeof e == "symbol" || Ce(e) && Le(e) == xe;
-}
-var F = NaN, ke = /^[-+]0x[0-9a-f]+$/i, Oe = /^0b[01]+$/i, _e = /^0o[0-7]+$/i, Ie = parseInt;
-function B(e) {
-  if (typeof e == "number")
-    return e;
-  if (Ne(e))
-    return F;
-  if (A(e)) {
-    var n = typeof e.valueOf == "function" ? e.valueOf() : e;
-    e = A(n) ? n + "" : n;
-  }
-  if (typeof e != "string")
-    return e === 0 ? e : +e;
-  e = pe(e);
-  var t = Oe.test(e);
-  return t || _e.test(e) ? Ie(e.slice(2), t ? 2 : 8) : ke.test(e) ? F : +e;
-}
-var Re = "Expected a function", Ae = Math.max, je = Math.min;
-function $e(e, n, t) {
-  var r, o, i, c, s, a, l = 0, p = !1, g = !1, m = !0;
-  if (typeof e != "function")
-    throw new TypeError(Re);
-  n = B(n) || 0, A(t) && (p = !!t.leading, g = "maxWait" in t, i = g ? Ae(B(t.maxWait) || 0, n) : i, m = "trailing" in t ? !!t.trailing : m);
-  function k(u) {
-    var d = r, h = o;
-    return r = o = void 0, l = u, c = e.apply(h, d), c;
-  }
-  function te(u) {
-    return l = u, s = setTimeout(y, n), p ? k(u) : c;
-  }
-  function ne(u) {
-    var d = u - a, h = u - l, P = n - d;
-    return g ? je(P, i - h) : P;
-  }
-  function $(u) {
-    var d = u - a, h = u - l;
-    return a === void 0 || d >= n || d < 0 || g && h >= i;
-  }
-  function y() {
-    var u = _();
-    if ($(u))
-      return D(u);
-    s = setTimeout(y, ne(u));
-  }
-  function D(u) {
-    return s = void 0, m && r ? k(u) : (r = o = void 0, c);
-  }
-  function re() {
-    s !== void 0 && clearTimeout(s), l = 0, r = a = o = s = void 0;
-  }
-  function oe() {
-    return s === void 0 ? c : D(_());
-  }
-  function O() {
-    var u = _(), d = $(u);
-    if (r = arguments, o = this, a = u, d) {
-      if (s === void 0)
-        return te(a);
-      if (g)
-        return clearTimeout(s), s = setTimeout(y, n), k(a);
-    }
-    return s === void 0 && (s = setTimeout(y, n)), c;
-  }
-  return O.cancel = re, O.flush = oe, O;
-}
-const De = () => {
-  const [e, n] = T(0), [t, r] = T(0), o = $e((i) => {
-    r(i), n(i);
-  }, 250);
-  return f(() => {
-    const i = () => {
-      const c = window.scrollY, s = document.documentElement.scrollHeight, a = window.innerHeight, l = Math.round(
-        c / (s - a) * 100
-      );
-      l % 10 === 0 && l > t && o(l);
-    };
-    return window.addEventListener("scroll", i), () => window.removeEventListener("scroll", i);
-  }, [t]), e;
-}, w = "lv_insights_ot", Pe = () => {
-  const [e, n] = T(0);
-  return f(() => {
-    const t = Number(localStorage.getItem(w)) || 0;
-    n(t), localStorage.setItem(w, (t + 1).toString());
-    const r = (i) => {
-      i.key === w && n(Number(i.newValue) || 0);
-    };
-    window.addEventListener("storage", r);
-    const o = () => {
-      const i = Number(localStorage.getItem(w)) || 0;
-      i > 0 && localStorage.setItem(w, (i - 1).toString());
-    };
-    return window.addEventListener("beforeunload", o), () => {
-      window.removeEventListener("storage", r), window.removeEventListener("beforeunload", o);
-    };
-  }, []), e;
-}, H = "lv_insights_ct", I = "lv_insights_at", Ue = () => {
-  const [e, n] = T(null);
-  return f(() => {
-    let t = sessionStorage.getItem(H);
-    const r = JSON.parse(
-      localStorage.getItem(I) || "[]"
-    );
-    t && r.includes(t) && (t = null), t || (t = `${Date.now()}-${Math.random().toString(36).substr(2, 9)}`, sessionStorage.setItem(H, t)), r.includes(t) || (r.push(t), localStorage.setItem(
-      I,
-      JSON.stringify(r)
-    )), n(t);
-    const o = () => {
-      const i = r.filter(
-        (c) => c !== t
-      );
-      localStorage.setItem(
-        I,
-        JSON.stringify(i)
-      );
-    };
-    return window.addEventListener("beforeunload", o), () => {
-      window.removeEventListener("beforeunload", o);
-    };
-  }, []), e;
-}, L = (e) => Object.prototype.toString.call(e) == "[object String]", Me = (e, n) => e.indexOf(n) !== -1, N = (e) => e.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, ""), V = (e) => e === void 0, Fe = (e) => e === null, Y = (e) => V(e) || Fe(e), J = (e) => !!e && e.nodeType === 3;
-function Be(e) {
-  return !!e && e.nodeType === 1;
-}
-function v(e, n) {
-  return !!e && !!e.tagName && e.tagName.toLowerCase() === n.toLowerCase();
-}
-function He(e) {
-  return e ? N(e).split(/\s+/) : [];
-}
-function We(e) {
-  let n = "";
-  switch (typeof e.className) {
-    case "string":
-      n = e.className;
-      break;
-    case "object":
-      n = (e.className && "baseVal" in e.className ? e.className.baseVal : null) || (e == null ? void 0 : e.getAttribute("class")) || "";
-      break;
-    default:
-      n = "";
-  }
-  return He(n);
-}
-const X = (e) => Y(e) ? null : N(e).split(/(\s+)/).filter((n) => j(n)).join("").replace(/[\r\n]/g, " ").replace(/[ ]+/g, " ").substring(0, 255), C = (e) => {
-  let n = "";
-  if (Ve(e) && !z(e) && e.childNodes && e.childNodes.length)
-    for (const t of e.childNodes)
-      J(t) && t.textContent && (n += X(t.textContent) ?? "");
-  return N(n);
-}, Ge = (e) => {
-  var n;
-  return V(e.target) ? e.srcElement || null : (n = e.target) != null && n.shadowRoot ? e.composedPath()[0] || null : e.target || null;
-}, Ke = (e, n) => {
-  if (!window || !e || v(e, "html") || !Be(e))
-    return !1;
-  const t = window.getComputedStyle(e);
-  if (t && t.getPropertyValue("cursor") === "pointer" && n.type === "click")
-    return !0;
-  switch (e.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 Ve(e) {
-  if (Me(We(e), "ph-include"))
-    return !0;
-  const n = e.type || "";
-  if (L(n))
-    switch (n.toLowerCase()) {
-      case "hidden":
-        return !1;
-      case "password":
-        return !1;
-    }
-  const t = e.name || e.id || "";
-  return !(L(t) && /^cc|cardnum|ccnum|creditcard|csc|cvc|cvv|exp|pass|pwd|routing|seccode|securitycode|securitynum|socialsec|socsec|ssn/i.test(t.replace(/[^a-zA-Z0-9]/g, "")));
-}
-const z = (e) => {
-  const n = ["button", "checkbox", "submit", "reset"];
-  return !!(v(e, "input") && !n.includes(e.type) || v(e, "select") || v(e, "textarea") || (e == null ? void 0 : e.getAttribute("contenteditable")) === "true");
-}, Z = "(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})", Ye = new RegExp(`^(?:${Z})$`), Je = new RegExp(Z), q = "\\d{3}-?\\d{2}-?\\d{4}", Xe = new RegExp(`^(${q})$`), ze = new RegExp(`(${q})`), j = (e, n = !0) => !(Y(e) || L(e) && (e = N(e), (n ? Ye : Je).test((e || "").replace(/[- ]/g, "")) || (n ? Xe : ze).test(e))), Ze = (e) => L(e) ? e.substring(0, 10) === "_ngcontent" || e.substring(0, 7) === "_nghost" : !1, W = (e) => {
-  let n = C(e);
-  return n = `${n} ${Q(e)}`.trim(), j(n) ? n : "";
-};
-function Q(e) {
-  var t;
-  let n = "";
-  if (e != null && e.childNodes.length) {
-    for (const r of e.childNodes)
-      if (r && ((t = r.tagName) == null ? void 0 : t.toLowerCase()) === "span")
-        try {
-          const o = C(r);
-          n = `${n} ${o}`.trim(), r != null && r.childNodes.length && (n = `${n} ${Q(r)}`.trim());
-        } catch (o) {
-          console.error("[AutoCapture]", o);
-        }
-  }
-  return n;
-}
-const qe = ["input", "textarea", "select"], ee = (e) => {
-  var o, i, c;
-  const n = e.tagName.toLowerCase(), t = {
-    element: n
-  };
-  n.toLowerCase() === "a" || n.toLowerCase() === "button" ? t.text = W(e) : t.text = C(e);
-  const r = Array.from(e.attributes).reduce(
-    (s, a) => {
-      if (z(e) && !["name", "id", "class", "aria-label"].includes(a.name))
-        return s;
-      if (j(a.value) && !Ze(a.name)) {
-        if (a.name === "class")
-          return s;
-        s[a.name] = a.value;
-      }
-      return s;
-    },
-    {}
-  );
-  if (t.attributes = r, e.tagName.toLowerCase() === "a" || e.tagName.toLowerCase() === "button" ? t.text = W(e) || void 0 : t.text = C(e) || void 0, qe.includes(n)) {
-    let s = "";
-    t != null && t.attributes.id && (s = ((i = (o = document.querySelector(`label[for="${t == null ? void 0 : t.attributes.id}"]`)) == null ? void 0 : o.textContent) == null ? void 0 : i.trim()) || "");
-    const a = e.closest("label");
-    s || (s = ((c = a == null ? void 0 : a.textContent) == null ? void 0 : c.trim()) || ""), t.label = s || void 0;
-  }
-  return t;
-}, Qe = (e, n) => {
-  var o;
-  let t = Ge(e);
-  J(t) && (t = t.parentNode || null);
-  const r = ["copy", "cut"].includes(n);
-  if (t && (Ke(t, e) || r)) {
-    const i = ee(t);
-    if (r) {
-      const c = X((o = window == null ? void 0 : window.getSelection()) == null ? void 0 : o.toString()), s = e.type || "clipboard";
-      i.copy_text = c ?? "", i.copy_type = s ?? "";
-    }
-    return i;
-  }
-  return null;
-}, et = 30, tt = 1e3, nt = 3;
-class rt {
-  constructor() {
-    U(this, "clicks");
-    this.clicks = [];
-  }
-  isRageClick(n, t, r) {
-    const o = this.clicks[this.clicks.length - 1];
-    if (o && Math.abs(n - o.x) + Math.abs(t - o.y) < et && r - o.timestamp < tt) {
-      if (this.clicks.push({ x: n, y: t, timestamp: r }), this.clicks.length === nt)
-        return !0;
-    } else
-      this.clicks = [{ x: n, y: t, timestamp: r }];
-    return !1;
-  }
-}
-const R = new rt(), ot = () => {
-  const { audience: e } = x();
-  f(() => {
-    const n = (t) => {
-      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: t.type,
-          button_type: t.button
-        };
-        if (t.target instanceof HTMLElement) {
-          const o = t.target;
-          r.rage_click = R == null ? void 0 : R.isRageClick(
-            t.clientX,
-            t.clientY,
-            (/* @__PURE__ */ new Date()).getTime()
-          ), r = {
-            ...r,
-            ...ee(o)
-          };
-          let i = o == null ? void 0 : o.getAttribute("href");
-          if (!i) {
-            let c = o.parentNode, s = 0;
-            for (; c && s < 8; ) {
-              const a = c == null ? void 0 : c.getAttribute(
-                "href"
-              );
-              if (a) {
-                i = a;
-                break;
-              }
-              c = c.parentNode, s++;
-            }
-          }
-          e == null || e.track("page.click", {
-            ...r,
-            href: i || void 0
-          });
-        }
-      } catch (r) {
-        console.error(r);
-      }
-    };
-    return document.addEventListener("click", n), () => {
-      document.removeEventListener("click", n);
-    };
-  }, [e]);
-}, gt = ({ id: e, properties: n = {} }) => {
-  const { client: t, audience: r } = x();
-  f(() => {
-    t && typeof window < "u" && (window.levo_client = t);
-  }, [t]), f(() => {
-    r && typeof window < "u" && (window.levo_audience = r);
-  }, [r]);
-  const o = typeof window < "u" ? window.location.href : void 0;
-  Pe(), Ue(), ot();
-  const i = De();
-  f(() => {
-    r != null && r.instance && i > 0 && r.track("page.scroll", {
-      resource: "page",
-      identifier: e,
-      percent: i
-    });
-  }, [r == null ? void 0 : r.instance, i, e]), f(() => {
-    const s = () => {
-      r == null || r.track("page.bounce", {
-        resource: "page",
-        identifier: e
-      });
-    };
-    return window && window.addEventListener("beforeunload", s), () => {
-      window && window.removeEventListener("beforeunload", s);
-    };
-  }, [r, e]);
-  const [c] = ue();
-  return f(() => {
-    (c === S.TERMINATED || c === S.HIDDEN || c === S.UNKNOWN || c === S.FROZEN) && (r == null || r.track("page.bounce", {
-      resource: "page",
-      identifier: e,
-      state: c
-    }));
-  }, [c, r, e]), f(() => {
-    (() => {
-      t != null && t.insightsUrl && t.workspace && o && (r != null && r.instance ? r.instance.page({
-        resource: "page",
-        identifier: e
-      }) : r == null || r.initiate({
-        ...n,
-        id: e,
-        created_at: (/* @__PURE__ */ new Date()).toISOString()
-      }));
-    })();
-  }, [t == null ? void 0 : t.insightsUrl, t == null ? void 0 : t.workspace, o]), f(() => {
-    const s = {
-      change: "form.change",
-      submit: "form.submit",
-      copy: "page.copy",
-      cut: "page.copy"
-    }, a = (p) => (g) => {
-      const m = Qe(g, p);
-      m && (r == null || r.track(s[p], m));
-    }, l = {
-      change: a("change"),
-      copy: a("copy"),
-      cut: a("cut"),
-      submit: a("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);
-    };
-  }, []), (!(t != null && t.insightsUrl) || !t.workspace || !t.workspace.startsWith("W")) && console.error(
-    "[@levo-so/react] The utility could not be initialized, due to missing workspace, or endpoint for insights."
-  ), null;
-};
-export {
-  ft as L,
-  dt as a,
-  gt as b
-};