@levo-so/react 0.1.78 → 0.1.80

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@levo-so/react",
-  "version": "0.1.78",
+  "version": "0.1.80",
   "author": "Levo Engineering <devs@theinternetfolks.com>",
   "description": "Levo suite for React based applications",
   "type": "module",
@@ -16,8 +16,8 @@
   "peerDependencies": {
     "react": ">=18",
     "react-dom": ">=18",
-    "@levo-so/core": "0.1.78",
-    "@levo-so/insights": "0.1.78"
+    "@levo-so/core": "0.1.80",
+    "@levo-so/insights": "0.1.80"
   },
   "dependencies": {
     "class-variance-authority": "0.7.0",
@@ -43,16 +43,16 @@
     "vite": "7.2.4",
     "vite-plugin-dts": "4.1.0",
     "vite-plugin-externalize-deps": "0.10.0",
-    "@levo-so/core": "0.1.78",
+    "@levo-so/core": "0.1.80",
+    "@levo-so/insights": "0.1.80",
     "@levo/tw-config": "0.0.0",
-    "@levo-so/insights": "0.1.78",
     "@levo/ts-config": "0.0.0"
   },
   "main": "./dist/index.js",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "exports": {
-    "./index.css": "./dist/styles/index.css",
+    "./index.css": "./dist/index.css",
     ".": {
       "types": "./dist/index.d.ts",
       "default": "./dist/index.js"

package/dist/audience/components/block.js

@@ -1,32 +0,0 @@
-"use client";
-import { useState as a, useEffect as l } from "react";
-import { useLevoInsights as d } from "../../providers/LevoProvider.js";
-const v = ({ id: e, properties: c = {} }) => {
-  const t = d(), [n, s] = a(!1);
-  return l(() => {
-    if (n || typeof t?.track != "function") return;
-    const o = document.getElementById(e);
-    if (!o) return;
-    const i = () => {
-      n || (t?.track("block.view", {
-        ...c,
-        resource: "block",
-        identifier: e
-      }), s(!0));
-    }, r = new IntersectionObserver(
-      (u) => {
-        u.forEach((f) => {
-          f.isIntersecting && (i(), r.disconnect());
-        });
-      },
-      { threshold: 0 }
-    );
-    return r.observe(o), () => {
-      r.disconnect();
-    };
-  }, [t, e, c, n]), null;
-};
-export {
-  v as LevoAudienceBlock,
-  v as default
-};

package/dist/audience/components/component.js

@@ -1,13 +0,0 @@
-"use client";
-import { useEffect as n } from "react";
-import { useLevoInsights as u } from "../../providers/LevoProvider.js";
-const r = ({ event: e, properties: o }) => {
-  const t = u();
-  return n(() => {
-    t?.track(e, o);
-  }, [t, e, o]), null;
-};
-export {
-  r as LevoAudienceComponent,
-  r as default
-};

package/dist/audience/components/page.js

@@ -1,19 +0,0 @@
-"use client";
-import { useEffect as o } from "react";
-import { useLevo as t, useLevoInsights as f } from "../../providers/LevoProvider.js";
-const d = ({ id: n }) => {
-  const i = t(), e = f();
-  return o(() => {
-    i && typeof window < "u" && (window.levo_client = i);
-  }, [i]), o(() => {
-    e && typeof window < "u" && (window.levo_insights = e);
-  }, [e]), o(() => {
-    e && n && e.init({
-      pageId: n
-    });
-  }, [e, n]), null;
-};
-export {
-  d as LevoAudiencePage,
-  d as default
-};

package/dist/components/Dialog.js

@@ -1,84 +0,0 @@
-"use client";
-import { jsx as o, jsxs as n } from "react/jsx-runtime";
-import { X as p } from "lucide-react";
-import { Dialog as e } from "radix-ui";
-import * as l from "react";
-import { cn as i } from "../utils/cn.js";
-const C = e.Root, R = e.Trigger, f = e.Portal, k = e.Close, r = l.forwardRef(({ className: a, ...t }, s) => /* @__PURE__ */ o(
-  e.Overlay,
-  {
-    ref: s,
-    className: i(
-      "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 grid max-h-screen place-items-center overflow-y-auto bg-background/80 py-10 backdrop-blur-sm data-[state=closed]:animate-out data-[state=open]:animate-in",
-      a
-    ),
-    ...t
-  }
-));
-r.displayName = e.Overlay.displayName;
-const u = l.forwardRef(({ className: a, children: t, container: s, hideCloseButton: d, overlayStyles: c, ...m }, g) => /* @__PURE__ */ o(f, { container: s, children: /* @__PURE__ */ o(r, { className: c, children: /* @__PURE__ */ n(
-  e.Content,
-  {
-    ref: g,
-    className: i(
-      "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 relative z-50 grid w-full max-w-lg gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=closed]:animate-out data-[state=open]:animate-in sm:rounded-lg",
-      a
-    ),
-    ...m,
-    children: [
-      t,
-      !d && /* @__PURE__ */ n(
-        e.Close,
-        {
-          type: "button",
-          className: "absolute top-4 right-4 rounded-sm p-1 opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground",
-          children: [
-            /* @__PURE__ */ o(p, { className: "h-4 w-4" }),
-            /* @__PURE__ */ o("span", { className: "sr-only", children: "Close" })
-          ]
-        }
-      )
-    ]
-  }
-) }) }));
-u.displayName = e.Content.displayName;
-const y = ({ className: a, ...t }) => /* @__PURE__ */ o("div", { className: i("flex flex-col space-y-1.5 text-center sm:text-left", a), ...t });
-y.displayName = "DialogHeader";
-const N = ({ className: a, ...t }) => /* @__PURE__ */ o(
-  "div",
-  {
-    className: i("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", a),
-    ...t
-  }
-);
-N.displayName = "DialogFooter";
-const x = l.forwardRef(({ className: a, ...t }, s) => /* @__PURE__ */ o(
-  e.Title,
-  {
-    ref: s,
-    className: i("font-semibold text-lg leading-none tracking-tight", a),
-    ...t
-  }
-));
-x.displayName = e.Title.displayName;
-const D = l.forwardRef(({ className: a, ...t }, s) => /* @__PURE__ */ o(
-  e.Description,
-  {
-    ref: s,
-    className: i("text-muted-foreground text-sm", a),
-    ...t
-  }
-));
-D.displayName = e.Description.displayName;
-export {
-  C as Dialog,
-  k as DialogClose,
-  u as DialogContent,
-  D as DialogDescription,
-  N as DialogFooter,
-  y as DialogHeader,
-  r as DialogOverlay,
-  f as DialogPortal,
-  x as DialogTitle,
-  R as DialogTrigger
-};

package/dist/components/DialogWrapper.js

@@ -1,20 +0,0 @@
-import { jsx as e, jsxs as l } from "react/jsx-runtime";
-import { Dialog as m, DialogContent as d, DialogHeader as p, DialogTitle as t, DialogDescription as g } from "./Dialog.js";
-const f = ({
-  isOpen: o,
-  onClose: a,
-  children: r,
-  title: i,
-  description: n = "",
-  contentClassName: s,
-  modal: c = !0
-}) => /* @__PURE__ */ e(m, { open: o, onOpenChange: a, modal: c, children: /* @__PURE__ */ l(d, { className: s, children: [
-  i && /* @__PURE__ */ l(p, { className: "flex-1 font-medium", children: [
-    /* @__PURE__ */ e(t, { children: i }),
-    /* @__PURE__ */ e(g, { children: n })
-  ] }),
-  /* @__PURE__ */ e("div", { className: "w-full", children: r })
-] }) });
-export {
-  f as DialogWrapper
-};

package/dist/components/Sonner.js

@@ -1,41 +0,0 @@
-"use client";
-import { jsx as e } from "react/jsx-runtime";
-import { Toaster as a, toast as s } from "sonner";
-import { toast as m } from "sonner";
-const g = ({ ...t }) => /* @__PURE__ */ e(
-  a,
-  {
-    closeButton: !0,
-    richColors: !0,
-    className: "toaster group",
-    toastOptions: {
-      classNames: {
-        toast: "group toast group-[.toaster]:bg-background group-[.toaster]:text-foreground group-[.toaster]:border-border group-[.toaster]:shadow-lg",
-        description: "group-[.toast]:text-muted-foreground",
-        actionButton: "group-[.toast]:bg-primary group-[.toast]:text-primary-foreground",
-        cancelButton: "group-[.toast]:bg-muted group-[.toast]:text-muted-foreground"
-      }
-    },
-    ...t
-  }
-), c = (t, r = "Error", o = {}) => {
-  s.error(r, {
-    description: t,
-    duration: 4e3,
-    position: "bottom-right",
-    ...o
-  });
-}, p = (t, r = "Success", o = {}) => {
-  o?.id && s.dismiss(o?.id), s.success(r, {
-    description: t,
-    duration: 4e3,
-    position: "bottom-right",
-    ...o
-  });
-};
-export {
-  g as Toaster,
-  c as errorToast,
-  p as successToast,
-  m as toast
-};

package/dist/components/Spinner.js

@@ -1,8 +0,0 @@
-import { jsx as t } from "react/jsx-runtime";
-import { BiLoaderAlt as r } from "react-icons/bi";
-import { cn as i } from "../utils/cn.js";
-const e = ({ className: o }) => /* @__PURE__ */ t(r, { className: i("h-8 w-8 animate-spin font-light", o) });
-export {
-  e as Spinner,
-  e as default
-};

package/dist/components/Tabs.js

@@ -1,48 +0,0 @@
-"use client";
-import { jsx as a } from "react/jsx-runtime";
-import { Tabs as e } from "radix-ui";
-import * as o from "react";
-import { cn as n } from "../utils/cn.js";
-const u = e.Root, r = o.forwardRef(({ className: t, ...i }, s) => /* @__PURE__ */ a(
-  e.List,
-  {
-    ref: s,
-    className: n(
-      "inline-flex h-10 items-center justify-center rounded-md bg-muted p-1 text-muted-foreground",
-      t
-    ),
-    ...i
-  }
-));
-r.displayName = e.List.displayName;
-const f = o.forwardRef(({ className: t, ...i }, s) => /* @__PURE__ */ a(
-  e.Trigger,
-  {
-    ref: s,
-    className: n(
-      "inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 font-medium text-sm ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm",
-      t
-    ),
-    "data-levo-studio-interactive": "true",
-    ...i
-  }
-));
-f.displayName = e.Trigger.displayName;
-const d = o.forwardRef(({ className: t, ...i }, s) => /* @__PURE__ */ a(
-  e.Content,
-  {
-    ref: s,
-    className: n(
-      "mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
-      t
-    ),
-    ...i
-  }
-));
-d.displayName = e.Content.displayName;
-export {
-  u as Tabs,
-  d as TabsContent,
-  r as TabsList,
-  f as TabsTrigger
-};

package/dist/components/Tooltip.js

@@ -1,30 +0,0 @@
-"use client";
-import { jsx as e, jsxs as l } from "react/jsx-runtime";
-import { Tooltip as o } from "radix-ui";
-import * as p from "react";
-import { cn as m } from "../utils/cn.js";
-const x = o.Provider, c = o.Root, f = o.Trigger, T = o.Portal, d = p.forwardRef(({ className: i, sideOffset: t = 4, ...r }, a) => /* @__PURE__ */ e(
-  o.Content,
-  {
-    ref: a,
-    sideOffset: t,
-    className: m(
-      "fade-in-0 zoom-in-95 data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 animate-in overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-popover-foreground text-xs shadow-md data-[state=closed]:animate-out",
-      i
-    ),
-    ...r
-  }
-));
-d.displayName = o.Content.displayName;
-const v = ({ children: i, label: t, labelClassName: r, asChild: a = !0, contentProps: s = {}, side: n }) => /* @__PURE__ */ l(c, { children: [
-  t && /* @__PURE__ */ e(T, { children: /* @__PURE__ */ e(d, { side: n, className: r, ...s, children: t }) }),
-  /* @__PURE__ */ e(f, { asChild: a, children: i })
-] });
-export {
-  v as SimpleTooltipWrapper,
-  c as Tooltip,
-  d as TooltipContent,
-  T as TooltipPortal,
-  x as TooltipProvider,
-  f as TooltipTrigger
-};

package/dist/components/button/Button.js

@@ -1,41 +0,0 @@
-import { jsx as m, jsxs as c, Fragment as d } from "react/jsx-runtime";
-import { Slot as u } from "radix-ui";
-import * as b from "react";
-import { BiLoaderAlt as h } from "react-icons/bi";
-import { twMerge as w } from "tailwind-merge";
-import { cn as B } from "../../utils/cn.js";
-import { buttonVariants as N } from "./buttonVariants.js";
-const R = b.forwardRef(
-  ({
-    className: e,
-    variant: a,
-    size: s,
-    rounded: n,
-    asChild: i = !1,
-    isLoading: t = !1,
-    loadingText: r,
-    disabled: f,
-    ...o
-  }, l) => {
-    const p = i ? u.Root : "button";
-    return /* @__PURE__ */ m(
-      p,
-      {
-        className: B(N({ variant: a, size: s, rounded: n, className: e })),
-        ref: l,
-        disabled: f || t,
-        type: "button",
-        ...o,
-        children: t ? /* @__PURE__ */ c(d, { children: [
-          /* @__PURE__ */ m(h, { className: w("h-4 w-4 animate-spin", r ? "mr-2" : "") }),
-          r
-        ] }) : o.children
-      }
-    );
-  }
-);
-R.displayName = "Button";
-export {
-  R as Button,
-  R as default
-};

package/dist/components/button/buttonVariants.js

@@ -1,40 +0,0 @@
-import { cva as e } from "class-variance-authority";
-const t = e(
-  "inline-flex items-center justify-center font-medium text-sm ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50",
-  {
-    variants: {
-      variant: {
-        default: "bg-primary text-primary-foreground hover:bg-primary/90",
-        destructive: "bg-destructive text-white hover:bg-destructive/90",
-        destructiveOutline: "border border-red-500 bg-transparent text-destructive shadow-sm hover:bg-destructive hover:text-white",
-        outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
-        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
-        secondaryOutline: "border border-white border-solid bg-transparent hover:border-input hover:bg-white",
-        ghost: "hover:bg-accent hover:text-accent-foreground",
-        link: "text-primary underline-offset-4 hover:underline"
-      },
-      size: {
-        default: "h-10 px-4 py-2",
-        xs: "h-8 px-3 text-xs",
-        sm: "h-9 px-3",
-        lg: "h-11 px-8",
-        icon: "h-10 w-10",
-        "icon-small": "h-8 w-8"
-      },
-      rounded: {
-        small: "rounded",
-        default: "rounded-md",
-        large: "rounded-lg",
-        full: "rounded-full"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default",
-      rounded: "default"
-    }
-  }
-);
-export {
-  t as buttonVariants
-};

package/dist/constants/fileUploadPresets.js

@@ -1,75 +0,0 @@
-const o = [
-  "pdf",
-  "txt",
-  "xml",
-  "xls",
-  "xlsx",
-  "ods",
-  "odt",
-  "doc",
-  "docx",
-  "csv",
-  "odp",
-  "ppt",
-  "pptx"
-], p = ["svg", "png", "jpg", "jpeg", "gif", "webp", "avif"], t = ["mp4", "ogv", "webm"], m = ["mp3", "ogg", "opus"], n = {
-  "application/xml": [".xml"],
-  "text/plain": [".txt"],
-  "application/pdf": [".pdf"],
-  "application/msword": [".doc"],
-  "application/vnd.ms-excel": [".xls"],
-  "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet": [".xlsx"],
-  "application/vnd.openxmlformats-officedocument.wordprocessingml.document": [".docx"],
-  "text/csv": [".csv"]
-}, s = {
-  "image/jpeg": [".jpeg", ".jpg"],
-  "image/jpg": [".jpg"],
-  "image/png": [".png"],
-  "image/gif": [".gif"],
-  "image/svg": [".svg"],
-  "image/svg+xml": [".svg"],
-  "image/webp": [".webp"],
-  "image/avif": [".avif"]
-}, a = {
-  "video/mp4": [".mp4"],
-  "video/mpeg": [".mpeg"],
-  "video/webm": [".webm"]
-}, d = {
-  "audio/mpeg": [".mp3"],
-  "audio/ogg": [".oga"],
-  "audio/opus": [".opus"]
-}, e = {
-  audio: d,
-  document: n,
-  image: s,
-  video: a
-}, i = {
-  audio: m,
-  document: o,
-  image: p,
-  video: t
-}, g = [
-  ...i.audio,
-  ...i.document,
-  ...i.image,
-  ...i.video
-], c = {
-  ...e.audio,
-  ...e.document,
-  ...e.image,
-  ...e.video
-};
-export {
-  g as allMediaFileExtensions,
-  c as allMediaMimetypes,
-  m as audioFileExtensions,
-  d as audioMimetype,
-  o as documentFileExtensions,
-  n as documentMimetype,
-  p as imageFileExtensions,
-  s as imageMimetype,
-  i as mediaExtensionsByKind,
-  e as mediaMimetypeByKind,
-  t as videoFileExtensions,
-  a as videoMimetype
-};

package/dist/membership/components/Button.js

@@ -1,13 +0,0 @@
-"use client";
-import { jsx as r } from "react/jsx-runtime";
-import { useLevoOAuth as c } from "./Container.js";
-import m from "./Core.js";
-import { Spinner as a } from "../../components/Spinner.js";
-const A = ({ children: o, provider: t }) => {
-  const { title: n, urls: s, isLoading: u, onSuccess: i, onError: l } = c(), e = s?.[t];
-  return e ? /* @__PURE__ */ r(m, { title: n, provider: t, url: e, onSuccess: i, onError: l, children: u ? /* @__PURE__ */ r("div", { className: "w-full items-center justify-center", children: /* @__PURE__ */ r(a, { className: "h-5 w-5 bg-brand" }) }) : o }) : null;
-};
-export {
-  A as LevoOAuthButton,
-  A as default
-};

package/dist/membership/components/Container.js

@@ -1,52 +0,0 @@
-"use client";
-import { jsx as y } from "react/jsx-runtime";
-import w, { useState as g, useEffect as p, useMemo as C, useContext as _ } from "react";
-import { useLevo as R } from "../../providers/LevoProvider.js";
-const L = w.createContext({
-  urls: null,
-  title: "",
-  isLoading: !1,
-  onSuccess: () => {
-  },
-  onError: () => {
-  }
-}), S = ({ title: c, onSuccess: i, onError: o, children: O }) => {
-  const s = R(), n = typeof window < "u" ? window.location.href : "", [t, u] = g(null), [a, f] = g(!1);
-  p(() => {
-    s.membership && (f(!0), s.membership?.getOAuthURL().then((e) => {
-      u(e);
-    }).catch((e) => {
-      o({
-        code: e?.code || "SOMETHING_WENT_WRONG",
-        message: e?.message || "We could not connect with our service for your sign-in."
-      });
-    }).finally(() => {
-      f(!1);
-    }));
-  }, []);
-  const x = C(
-    () => ({ title: c, urls: t, isLoading: a, onSuccess: i, onError: o }),
-    [c, t, i, o, a]
-  );
-  return p(() => {
-    if (t && n) {
-      const e = {}, v = Object.keys(t);
-      for (const l of v)
-        try {
-          const r = t[l];
-          if (r) {
-            const m = new URL(r), h = m.searchParams;
-            h.set("redirect_uri", n);
-            const d = s.pageContext;
-            d && h.set("page_context", JSON.stringify(d)), e[l] = m.toString();
-          }
-        } catch {
-        }
-      u(e);
-    }
-  }, [n]), /* @__PURE__ */ y(L.Provider, { value: x, children: O });
-}, U = () => _(L);
-export {
-  S as default,
-  U as useLevoOAuth
-};

package/dist/membership/components/Core.js

@@ -1,33 +0,0 @@
-"use client";
-import { jsx as i } from "react/jsx-runtime";
-import { useCallback as m } from "react";
-import p from "./Popup.js";
-const x = ({
-  title: e = "Levo",
-  url: r,
-  children: t,
-  onSuccess: s,
-  onError: u,
-  width: n = 500,
-  height: c = 700
-}) => {
-  const l = m((f, o) => {
-    f.toLowerCase() === "success" ? s(o) : u(o);
-  }, []);
-  return /* @__PURE__ */ i(
-    p,
-    {
-      title: e,
-      width: n,
-      height: c,
-      onClose: () => {
-      },
-      url: r,
-      onCode: l,
-      children: t
-    }
-  );
-};
-export {
-  x as default
-};

package/dist/membership/components/Popup.js

@@ -1,56 +0,0 @@
-"use client";
-import { jsx as m } from "react/jsx-runtime";
-import { useState as x, useRef as h, useEffect as v } from "react";
-const P = ({ url: o, title: c, height: t, width: n }) => {
-  const i = window.screenX + (window.outerWidth - n) / 2, s = window.screenY + (window.outerHeight - t) / 2.5;
-  return window.open(
-    o,
-    c,
-    `width=${n},height=${t},left=${i},top=${s}`
-  );
-}, W = ({
-  title: o = "",
-  width: c = 500,
-  height: t = 500,
-  url: n,
-  children: i,
-  onCode: s,
-  onClose: r
-}) => {
-  const [e, f] = x(), a = h(void 0), l = () => {
-    window.clearInterval(a.current);
-  }, p = () => {
-    f(
-      P({
-        url: n,
-        title: o,
-        width: c,
-        height: t
-      })
-    );
-  };
-  return v(() => (e && (a.current = window.setInterval(() => {
-    try {
-      const u = e.location.href, w = new URL(u).searchParams, d = w.get("code");
-      if (!d)
-        return;
-      s(d, w), l(), e.close();
-    } catch {
-    } finally {
-      (!e || e.closed) && (r(), l());
-    }
-  }, 700)), () => {
-    e && e.close(), r && r();
-  }), [e]), /* @__PURE__ */ m(
-    "div",
-    {
-      onClick: () => {
-        p();
-      },
-      children: i
-    }
-  );
-};
-export {
-  W as default
-};

package/dist/membership/index.js

@@ -1,9 +0,0 @@
-import { LevoOAuthButton as t } from "./components/Button.js";
-import o from "./components/Container.js";
-class n {
-  static Container = o;
-  static Button = t;
-}
-export {
-  n as LevoOAuth
-};