@levo-so/react 0.1.14 → 0.1.15

package/dist/page-DgqTELmZ.js

@@ -0,0 +1,212 @@
+"use client";
+import { j as R } from "./jsx-runtime-B6kdoens.js";
+import { useEffect as m, useState as S } from "react";
+import { useInView as C } from "react-intersection-observer";
+import { u as O } from "./LevoProvider-Do3jjJ4j.js";
+import { usePageLifecycle as H, LifecycleState as I } from "use-page-lifecycle";
+const wt = ({ id: t, properties: r = {} }) => {
+  const { audience: e } = O(), { ref: n, inView: s } = C({
+    triggerOnce: !0
+  });
+  return m(() => {
+    e != null && e.instance && s && (e == null || e.track("block.view", {
+      ...r,
+      resource: "block",
+      identifier: t
+    }));
+  }, [s]), /* @__PURE__ */ R.jsx("div", { ref: n, style: { height: "0px" } });
+}, Tt = ({ event: t, properties: r }) => {
+  const { audience: e } = O();
+  return m(() => {
+    e != null && e.instance && (e == null || e.track(t, r));
+  }, [e == null ? void 0 : e.instance, t, r]), null;
+};
+function k(t) {
+  var r = typeof t;
+  return t != null && (r == "object" || r == "function");
+}
+var F = typeof global == "object" && global && global.Object === Object && global, _ = typeof self == "object" && self && self.Object === Object && self, W = F || _ || Function("return this")(), j = function() {
+  return W.Date.now();
+}, G = /\s/;
+function V(t) {
+  for (var r = t.length; r-- && G.test(t.charAt(r)); )
+    ;
+  return r;
+}
+var z = /^\s+/;
+function X(t) {
+  return t && t.slice(0, V(t) + 1).replace(z, "");
+}
+var y = W.Symbol, A = Object.prototype, Y = A.hasOwnProperty, Z = A.toString, b = y ? y.toStringTag : void 0;
+function q(t) {
+  var r = Y.call(t, b), e = t[b];
+  try {
+    t[b] = void 0;
+    var n = !0;
+  } catch {
+  }
+  var s = Z.call(t);
+  return n && (r ? t[b] = e : delete t[b]), s;
+}
+var J = Object.prototype, K = J.toString;
+function Q(t) {
+  return K.call(t);
+}
+var tt = "[object Null]", et = "[object Undefined]", P = y ? y.toStringTag : void 0;
+function nt(t) {
+  return t == null ? t === void 0 ? et : tt : P && P in Object(t) ? q(t) : Q(t);
+}
+function rt(t) {
+  return t != null && typeof t == "object";
+}
+var it = "[object Symbol]";
+function ot(t) {
+  return typeof t == "symbol" || rt(t) && nt(t) == it;
+}
+var U = NaN, st = /^[-+]0x[0-9a-f]+$/i, at = /^0b[01]+$/i, ct = /^0o[0-7]+$/i, ft = parseInt;
+function $(t) {
+  if (typeof t == "number")
+    return t;
+  if (ot(t))
+    return U;
+  if (k(t)) {
+    var r = typeof t.valueOf == "function" ? t.valueOf() : t;
+    t = k(r) ? r + "" : r;
+  }
+  if (typeof t != "string")
+    return t === 0 ? t : +t;
+  t = X(t);
+  var e = at.test(t);
+  return e || ct.test(t) ? ft(t.slice(2), e ? 2 : 8) : st.test(t) ? U : +t;
+}
+var lt = "Expected a function", ut = Math.max, gt = Math.min;
+function dt(t, r, e) {
+  var n, s, c, l, i, a, f = 0, h = !1, u = !1, g = !0;
+  if (typeof t != "function")
+    throw new TypeError(lt);
+  r = $(r) || 0, k(e) && (h = !!e.leading, u = "maxWait" in e, c = u ? ut($(e.maxWait) || 0, r) : c, g = "trailing" in e ? !!e.trailing : g);
+  function w(o) {
+    var d = n, p = s;
+    return n = s = void 0, f = o, l = t.apply(p, d), l;
+  }
+  function D(o) {
+    return f = o, i = setTimeout(v, r), h ? w(o) : l;
+  }
+  function N(o) {
+    var d = o - a, p = o - f, L = r - d;
+    return u ? gt(L, c - p) : L;
+  }
+  function x(o) {
+    var d = o - a, p = o - f;
+    return a === void 0 || d >= r || d < 0 || u && p >= c;
+  }
+  function v() {
+    var o = j();
+    if (x(o))
+      return E(o);
+    i = setTimeout(v, N(o));
+  }
+  function E(o) {
+    return i = void 0, g && n ? w(o) : (n = s = void 0, l);
+  }
+  function M() {
+    i !== void 0 && clearTimeout(i), f = 0, n = a = s = i = void 0;
+  }
+  function B() {
+    return i === void 0 ? l : E(j());
+  }
+  function T() {
+    var o = j(), d = x(o);
+    if (n = arguments, s = this, a = o, d) {
+      if (i === void 0)
+        return D(a);
+      if (u)
+        return clearTimeout(i), i = setTimeout(v, r), w(a);
+    }
+    return i === void 0 && (i = setTimeout(v, r)), l;
+  }
+  return T.cancel = M, T.flush = B, T;
+}
+const mt = () => {
+  const [t, r] = S(0), [e, n] = S(0), s = dt((c) => {
+    n(c), r(c);
+  }, 250);
+  return m(() => {
+    const c = () => {
+      const l = window.scrollY, i = document.documentElement.scrollHeight, a = window.innerHeight, f = Math.round(
+        l / (i - a) * 100
+      );
+      f % 10 === 0 && f > e && s(f);
+    };
+    return window.addEventListener("scroll", c), () => window.removeEventListener("scroll", c);
+  }, [e]), t;
+}, jt = ({ id: t, properties: r = {} }) => {
+  var h;
+  const { client: e, audience: n } = O(), [s, c] = S(), l = mt(), i = typeof window < "u" ? window.location.href : void 0;
+  m(() => {
+    i && c(i);
+  }, [i]), m(() => {
+    n != null && n.instance && (n == null || n.track("page.scroll", {
+      resource: "page",
+      identifier: t,
+      percent: l
+    }));
+  }, [n == null ? void 0 : n.instance, l]), m(() => {
+    const u = () => {
+      n == null || n.track("page.bounce", {
+        resource: "page",
+        identifier: t
+      });
+    };
+    return window && window.addEventListener("beforeunload", u), () => {
+      window && window.removeEventListener("beforeunload", u);
+    };
+  }, [i]);
+  const [a] = H();
+  if (m(() => {
+    a === I.TERMINATED && (n == null || n.track("page.bounce", {
+      resource: "page",
+      identifier: t,
+      state: a
+    })), a === I.FROZEN && (n == null || n.track("page.bounce", {
+      resource: "page",
+      identifier: t,
+      state: a
+    }));
+  }, [a]), !(e != null && e.insightsUrl) || !e.workspace || !e.workspace.startsWith("W"))
+    return console.error(
+      "[@levo-so/audience] The utility could not be initialized, due to missing workspace, or endpoint for insights."
+    ), null;
+  let f = "";
+  try {
+    const u = (h = e == null ? void 0 : e.insightsUrl) != null && h.startsWith("/") ? `${window.location.origin}${e.insightsUrl}` : "", g = new URL(
+      `${u}/v1/insights/event/hello.gif` || "http://localhost/v1/insights/event/hello.gif"
+    );
+    g.searchParams.set("workspace", e.workspace), s && (g.searchParams.set("url", s), g.searchParams.set("location", btoa(s))), typeof document < "u" && g.searchParams.set("page_title", document.title), t && g.searchParams.set("identifier", t), f = g.toString();
+  } catch {
+  }
+  return e != null && e.insightsUrl && e.workspace && s ? /* @__PURE__ */ R.jsx(
+    "img",
+    {
+      alt: "",
+      src: f,
+      style: {
+        height: "0px"
+      },
+      onLoad: () => {
+        n != null && n.instance ? n == null || n.instance.page({
+          resource: "page",
+          identifier: r.id
+        }) : n == null || n.initiate({
+          ...r,
+          id: t
+        });
+      }
+    }
+  ) : null;
+};
+export {
+  wt as L,
+  Tt as a,
+  jt as b
+};

package/dist/useLevoForm-3jSJ9I6v.js

@@ -0,0 +1,170 @@
+"use client";
+import { useEffect as L, useState as F, useRef as H } from "react";
+import { useFormContext as W, useWatch as q, useForm as z } from "react-hook-form";
+import { useDebouncedCallback as Q } from "use-debounce";
+import { u as J } from "./LevoProvider-Do3jjJ4j.js";
+import { D as N, c as M, s as X, h as Z } from "./CollectionFormBuilder-BIvx_z08.js";
+import { s as m } from "./Sonner-t6JVKA0a.js";
+import { e as U } from "./errorHandler-_34Yv8wA.js";
+import { a as h } from "./isEmptyObject-C5s4GzLE.js";
+const D = {
+  FORM_DIRTY: "form-dirty",
+  FORM_VALUES: "form-values"
+}, tt = (t) => {
+  const s = localStorage.getItem(`${t}-${D.FORM_VALUES}`);
+  return s ? JSON.parse(s) : {};
+}, rt = (t, s) => {
+  localStorage.setItem(
+    `${t}-${D.FORM_VALUES}`,
+    JSON.stringify(s)
+  );
+}, j = (t) => {
+  localStorage.removeItem(`${t}-${D.FORM_VALUES}`);
+}, nt = async ({
+  collection_key: t,
+  data: s
+}) => {
+  const { client: g } = J(), r = await fetch(
+    `${g.apiUrl}/v1/bevy/content/${t}/save-entry`,
+    {
+      method: "POST",
+      body: JSON.stringify({ ...s }),
+      headers: {
+        "Content-Type": "application/json"
+      }
+    }
+  );
+  return r != null && r.ok ? await r.json() : null;
+}, at = ({ currentValues: t, isError: s, getContentId: g }) => {
+  var _;
+  const { schema: r, isLoggedIn: d } = N(), a = W(), e = q(), E = Q((y) => {
+    r != null && r.key && !s && r != null && r.allow_draft && (d ? nt({
+      collection_key: r == null ? void 0 : r.key,
+      data: y
+    }).then((i) => {
+      var b, I, k, O;
+      (I = (b = i == null ? void 0 : i.content) == null ? void 0 : b.data) != null && I._id && g((O = (k = i == null ? void 0 : i.content) == null ? void 0 : k.data) == null ? void 0 : O._id);
+    }) : rt(r == null ? void 0 : r.key, y));
+  }, 2500);
+  return L(() => {
+    var y, i;
+    !s && d && (y = a == null ? void 0 : a.formState) != null && y.isDirty && ((i = Object == null ? void 0 : Object.keys(e || {})) == null ? void 0 : i.length) > 0 && E({
+      currentValues: t,
+      ...e
+    });
+  }, [(_ = a == null ? void 0 : a.formState) == null ? void 0 : _.isDirty, s, d, e]), null;
+}, yt = ({
+  schema: t,
+  saveToRemote: s,
+  onSubmit: g,
+  onSubmitSuccess: r,
+  onSubmitError: d,
+  captchaValue: a
+}) => {
+  const { collection: e } = J(), {
+    toastConfig: E,
+    onSuccess: _,
+    onError: y,
+    isLoggedIn: i,
+    isDisabled: b,
+    externalInitialValues: I = {},
+    isInternal: k
+  } = N(), [O, R] = F({}), [v, w] = F(null), [P, T] = F(!1), [K, $] = F(!1), n = H({}), Y = M(t), p = z({
+    mode: "all",
+    disabled: b,
+    defaultValues: Y,
+    values: O,
+    resetOptions: {
+      keepErrors: !0
+    }
+  }), B = p.handleSubmit(async (f) => {
+    var V, S, c, o, C, x;
+    if (!(!k && a !== "verified")) {
+      if (n.current = {
+        ...n.current || {},
+        ...f
+      }, s && e) {
+        if (t)
+          try {
+            const l = X(n == null ? void 0 : n.current, t);
+            let u = null;
+            if (v ? u = await (e == null ? void 0 : e.submitDraftEntry(t == null ? void 0 : t.key, l).catch((A) => (U(A), null))) : u = await (e == null ? void 0 : e.saveCollectionData({
+              collection_id: t == null ? void 0 : t.id,
+              data: l
+            }).catch((A) => (U(A), null))), (V = u == null ? void 0 : u.content) != null && V.data)
+              return E != null && E.showSuccessToast && m(
+                E.successToastText || "Form submitted successfully."
+              ), n.current = h(I) ? {} : { ...I }, j(t == null ? void 0 : t.key), w(null), _ && _({
+                schemaId: t == null ? void 0 : t.id,
+                response: (S = u == null ? void 0 : u.content) == null ? void 0 : S.data
+              }), !0;
+            throw new Error("Failed to save form details, API response invalid");
+          } catch (l) {
+            const u = (C = (o = (c = l == null ? void 0 : l.response) == null ? void 0 : c.data) == null ? void 0 : o.content) == null ? void 0 : C.errors;
+            return Z(u, p.setError), d && d(u), y && y(((x = l == null ? void 0 : l.response) == null ? void 0 : x.data) || l), !1;
+          }
+        return !1;
+      }
+      f && g && g(f);
+    }
+  }), G = (f) => {
+    f && f !== v && w(f);
+  };
+  return L(() => {
+    if (t && e) {
+      const f = M(t);
+      if (n.current = {
+        ...f,
+        ...I || {},
+        ...n.current || {}
+      }, !v && t != null && t.allow_draft) {
+        if (i) {
+          T(!0), e == null || e.getDraftEntry(t == null ? void 0 : t.key).then((S) => {
+            if (S === null) {
+              $(!0);
+              return;
+            }
+            $(!1);
+            const c = Array.isArray(S) ? S == null ? void 0 : S.filter((o) => (o == null ? void 0 : o._status) === "draft") : [];
+            if ((c == null ? void 0 : c.length) > 0) {
+              const o = (c == null ? void 0 : c[0]) || {};
+              o != null && o._id && (n.current = {
+                ...n.current || {},
+                ...o
+              }, w(o == null ? void 0 : o._id));
+            }
+          }).catch(() => null).finally(() => {
+            R({
+              ...n == null ? void 0 : n.current
+            }), T(!1);
+          });
+          return;
+        }
+        const V = tt(t == null ? void 0 : t.key);
+        V && (n.current = {
+          ...V,
+          ...n.current || {}
+        });
+      }
+      R({
+        ...(n == null ? void 0 : n.current) || {}
+      });
+    }
+  }, [t]), L(() => {
+    t && v && j(t == null ? void 0 : t.key);
+  }, [v]), L(() => {
+    p.formState.isSubmitSuccessful && (r && r(), p.reset(), p.clearErrors());
+  }, [p.formState.isSubmitSuccessful]), {
+    methods: p,
+    isLoading: P,
+    isError: K,
+    contentId: v,
+    allFormValues: n.current,
+    handleContentId: G,
+    handleSubmit: B
+  };
+};
+export {
+  at as S,
+  yt as u
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@levo-so/react",
-  "version": "0.1.14",
+  "version": "0.1.15",
   "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.13"
+    "@levo-so/core": "0.1.15"
   },
   "dependencies": {
     "@radix-ui/react-checkbox": "1.1.1",
@@ -43,6 +43,7 @@
     "@tiptap/extension-text-align": "2.6.4",
     "@tiptap/extension-underline": "2.6.4",
     "@tiptap/react": "2.6.4",
+    "altcha": "^1.0.7",
     "class-variance-authority": "0.7.0",
     "clsx": "2.1.1",
     "google-libphonenumber": "3.2.38",
@@ -78,17 +79,17 @@
     "@types/validator": "13.12.0",
     "@types/validatorjs": "3.15.5",
     "@vitejs/plugin-react": "4.3.1",
+    "autoprefixer": "10.4.16",
     "clsx": "2.1.1",
+    "postcss": "8.4.41",
+    "postcss-import": "16.1.0",
     "rollup-preserve-directives": "1.1.1",
     "tailwind-merge": "2.4.0",
+    "tailwindcss": "3.4.1",
+    "tailwindcss-animate": "1.0.7",
     "typescript": "5.5.4",
     "vite": "5.4.3",
     "vite-plugin-dts": "4.1.0",
-    "autoprefixer": "10.4.16",
-    "postcss": "8.4.41",
-    "postcss-import": "16.1.0",
-    "tailwindcss": "3.4.1",
-    "tailwindcss-animate": "1.0.7",
     "@levo/ts-config": "0.0.0",
     "@levo/tw-config": "0.0.0"
   },

package/dist/CheckboxWidget-BctVOZiO.js

@@ -1,118 +0,0 @@
-"use client";
-import { j as t } from "./jsx-runtime-B6kdoens.js";
-import B, { useState as k } from "react";
-import { useController as C } from "react-hook-form";
-import { c as E } from "./cn-C9QoOYNG.js";
-import { h as I, j as O, k as u } from "./CollectionFormBuilder-B6CAVKhg.js";
-import { C as w } from "./Checbox-sq-atGlJ.js";
-import { I as _ } from "./Input-2CvZ90f8.js";
-const T = ({ field: i }) => {
-  const [n, p] = k(""), [o, j] = k(!1), {
-    key: $ = "",
-    label: b = "",
-    helper_text: g = "",
-    readonly: y = !1,
-    values: c = [],
-    options: f = {}
-  } = i, {
-    field: { name: a, onBlur: d, onChange: l, value: r, ref: F, disabled: h },
-    fieldState: { error: x }
-  } = C({
-    name: $,
-    rules: I(i)
-  }), N = (e) => {
-    let s = Array.isArray(r || null) ? [...r] : [];
-    s.includes(e) ? s = s == null ? void 0 : s.filter((m) => m !== e) : s.push(e), l(s);
-  }, A = !!(f != null && f.custom_input);
-  return B.useEffect(() => {
-    o || r && (c == null ? void 0 : c.findIndex((e) => e === r)) === -1 && (j(!0), p(r));
-  }, [r]), /* @__PURE__ */ t.jsxs(
-    O,
-    {
-      error: x == null ? void 0 : x.message,
-      helperText: g,
-      readOnly: y,
-      ref: F,
-      children: [
-        b && /* @__PURE__ */ t.jsx(u, { htmlFor: a, isRequired: i == null ? void 0 : i.required, children: b }),
-        /* @__PURE__ */ t.jsx(
-          "div",
-          {
-            className: E(
-              "w-full flex gap-4 flex-col flex-wrap pt-1",
-              y && "pointer-events-none cursor-not-allowed"
-            ),
-            children: c == null ? void 0 : c.map((e, s) => /* @__PURE__ */ t.jsxs(
-              "div",
-              {
-                className: "w-full flex gap-2 items-start flex-nowrap",
-                children: [
-                  /* @__PURE__ */ t.jsx(
-                    w,
-                    {
-                      id: `${e}-${s}`,
-                      name: a,
-                      checked: r == null ? void 0 : r.includes(e),
-                      onCheckedChange: () => N(e),
-                      onBlur: () => {
-                        d();
-                      },
-                      disabled: h
-                    }
-                  ),
-                  /* @__PURE__ */ t.jsx(u, { htmlFor: `${e}-${s}`, className: "!mb-0", children: e })
-                ]
-              },
-              `${e}-${s}`
-            ))
-          }
-        ),
-        A && /* @__PURE__ */ t.jsxs("div", { className: "flex w-full items-center my-4 gap-2 flex-wrap", children: [
-          /* @__PURE__ */ t.jsxs("div", { className: "flex gap-2 flex-nowrap shrink-0", children: [
-            /* @__PURE__ */ t.jsx(
-              w,
-              {
-                name: `${a}-other`,
-                disabled: h,
-                checked: o,
-                onCheckedChange: (e) => {
-                  j(!!e), e ? Array.isArray(r) ? l == null || l(a, [...r, n]) : l == null || l(a, [n]) : l == null || l(
-                    a,
-                    r == null ? void 0 : r.filter((s) => s !== n)
-                  );
-                },
-                onBlur: () => {
-                  d && d();
-                }
-              }
-            ),
-            /* @__PURE__ */ t.jsxs(u, { htmlFor: `${a}-other`, className: "!mb-0", children: [
-              "Other:",
-              " "
-            ] })
-          ] }),
-          /* @__PURE__ */ t.jsx(
-            _,
-            {
-              name: `other-checkbox-${a}`,
-              containerStyles: "max-w-[300px] ml-3",
-              value: n,
-              onChange: (e) => {
-                let s = 0;
-                l == null || l(
-                  r == null ? void 0 : r.map((m) => m === n && !s ? (s = 1, e.target.value) : m)
-                ), p(e.target.value);
-              },
-              disabled: !o || h,
-              placeholder: "Please specify"
-            }
-          )
-        ] })
-      ]
-    }
-  );
-};
-export {
-  T as CheckboxWidget,
-  T as default
-};