@levo-so/react 0.1.82 → 0.1.85

package/dist/index.js

@@ -1,613 +1,495 @@
 "use client";
-import { jsx as s, jsxs as L, Fragment as J } from "react/jsx-runtime";
-import * as w from "react";
-import Q, { useContext as D, createContext as Z, useState as y, useEffect as h, useMemo as S, useRef as W, useCallback as j } from "react";
-import { BiLoaderAlt as U } from "react-icons/bi";
-import { clsx as q } from "clsx";
-import { twMerge as _ } from "tailwind-merge";
-import { Slot as ee, Dialog as p, Tabs as N, Tooltip as C } from "radix-ui";
-import { cva as te } from "class-variance-authority";
-import { X as oe } from "lucide-react";
-import { Toaster as ne, toast as B } from "sonner";
-import { toast as pt } from "sonner";
-import { getLevoError as z } from "@levo-so/core";
-const I = Z({
-  client: null,
-  insights: null
-}), Ke = ({ children: e, client: t, insights: o = null }) => /* @__PURE__ */ s(I.Provider, { value: { client: t, insights: o }, children: e }), $ = () => {
-  const e = D(I);
-  if (!e.client)
-    throw new Error(
-      "useLevo must be used within a LevoProvider. Please ensure you have wrapped your component tree with LevoProvider."
-    );
-  return e.client;
-}, M = () => D(I).insights, Ve = ({ id: e, properties: t = {} }) => {
-  const o = M(), [n, a] = y(!1);
-  return h(() => {
-    if (n || typeof o?.track != "function") return;
-    const r = document.getElementById(e);
-    if (!r) return;
-    const c = () => {
-      n || (o?.track("block.view", {
-        ...t,
-        resource: "block",
-        identifier: e
-      }), a(!0));
-    }, i = new IntersectionObserver(
-      (m) => {
-        m.forEach((d) => {
-          d.isIntersecting && (c(), i.disconnect());
-        });
-      },
-      { threshold: 0 }
-    );
-    return i.observe(r), () => {
-      i.disconnect();
-    };
-  }, [o, e, t, n]), null;
-}, Xe = ({ event: e, properties: t }) => {
-  const o = M();
-  return h(() => {
-    o?.track(e, t);
-  }, [o, e, t]), null;
-}, Ye = ({ id: e }) => {
-  const t = $(), o = M();
-  return h(() => {
-    t && typeof window < "u" && (window.levo_client = t);
-  }, [t]), h(() => {
-    o && typeof window < "u" && (window.levo_insights = o);
-  }, [o]), h(() => {
-    o && e && o.init({
-      pageId: e
-    });
-  }, [o, e]), null;
-}, g = (...e) => _(q(e)), se = te(
-  "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"
-    }
-  }
-), re = w.forwardRef(
-  ({
-    className: e,
-    variant: t,
-    size: o,
-    rounded: n,
-    asChild: a = !1,
-    isLoading: r = !1,
-    loadingText: c,
-    disabled: i,
-    ...m
-  }, d) => {
-    const v = a ? ee.Root : "button";
-    return /* @__PURE__ */ s(
-      v,
-      {
-        className: g(se({ variant: t, size: o, rounded: n, className: e })),
-        ref: d,
-        disabled: i || r,
-        type: "button",
-        ...m,
-        children: r ? /* @__PURE__ */ L(J, { children: [
-          /* @__PURE__ */ s(U, { className: _("h-4 w-4 animate-spin", c ? "mr-2" : "") }),
-          c
-        ] }) : m.children
-      }
-    );
-  }
-);
-re.displayName = "Button";
-const ie = p.Root, Je = p.Trigger, ae = p.Portal, Qe = p.Close, F = w.forwardRef(({ className: e, ...t }, o) => /* @__PURE__ */ s(
-  p.Overlay,
-  {
-    ref: o,
-    className: g(
-      "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",
-      e
-    ),
-    ...t
-  }
-));
-F.displayName = p.Overlay.displayName;
-const H = w.forwardRef(({ className: e, children: t, container: o, hideCloseButton: n, overlayStyles: a, ...r }, c) => /* @__PURE__ */ s(ae, { container: o, children: /* @__PURE__ */ s(F, { className: a, children: /* @__PURE__ */ L(
-  p.Content,
-  {
-    ref: c,
-    className: g(
-      "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",
-      e
-    ),
-    ...r,
-    children: [
-      t,
-      !n && /* @__PURE__ */ L(
-        p.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__ */ s(oe, { className: "h-4 w-4" }),
-            /* @__PURE__ */ s("span", { className: "sr-only", children: "Close" })
-          ]
-        }
-      )
-    ]
-  }
-) }) }));
-H.displayName = p.Content.displayName;
-const G = ({ className: e, ...t }) => /* @__PURE__ */ s("div", { className: g("flex flex-col space-y-1.5 text-center sm:text-left", e), ...t });
-G.displayName = "DialogHeader";
-const ce = ({ className: e, ...t }) => /* @__PURE__ */ s(
-  "div",
-  {
-    className: g("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", e),
-    ...t
-  }
-);
-ce.displayName = "DialogFooter";
-const K = w.forwardRef(({ className: e, ...t }, o) => /* @__PURE__ */ s(
-  p.Title,
-  {
-    ref: o,
-    className: g("font-semibold text-lg leading-none tracking-tight", e),
-    ...t
-  }
-));
-K.displayName = p.Title.displayName;
-const V = w.forwardRef(({ className: e, ...t }, o) => /* @__PURE__ */ s(
-  p.Description,
-  {
-    ref: o,
-    className: g("text-muted-foreground text-sm", e),
-    ...t
-  }
-));
-V.displayName = p.Description.displayName;
-const Ze = ({
-  isOpen: e,
-  onClose: t,
-  children: o,
-  title: n,
-  description: a = "",
-  contentClassName: r,
-  modal: c = !0
-}) => /* @__PURE__ */ s(ie, { open: e, onOpenChange: t, modal: c, children: /* @__PURE__ */ L(H, { className: r, children: [
-  n && /* @__PURE__ */ L(G, { className: "flex-1 font-medium", children: [
-    /* @__PURE__ */ s(K, { children: n }),
-    /* @__PURE__ */ s(V, { children: a })
-  ] }),
-  /* @__PURE__ */ s("div", { className: "w-full", children: o })
-] }) }), qe = ({ ...e }) => /* @__PURE__ */ s(
-  ne,
-  {
-    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"
-      }
-    },
-    ...e
-  }
-), le = (e, t = "Error", o = {}) => {
-  B.error(t, {
-    description: e,
-    duration: 4e3,
-    position: "bottom-right",
-    ...o
-  });
-}, et = (e, t = "Success", o = {}) => {
-  o?.id && B.dismiss(o?.id), B.success(t, {
-    description: e,
-    duration: 4e3,
-    position: "bottom-right",
-    ...o
-  });
-}, de = ({ className: e }) => /* @__PURE__ */ s(U, { className: g("h-8 w-8 animate-spin font-light", e) }), tt = N.Root, ue = w.forwardRef(({ className: e, ...t }, o) => /* @__PURE__ */ s(
-  N.List,
-  {
-    ref: o,
-    className: g(
-      "inline-flex h-10 items-center justify-center rounded-md bg-muted p-1 text-muted-foreground",
-      e
-    ),
-    ...t
-  }
-));
-ue.displayName = N.List.displayName;
-const me = w.forwardRef(({ className: e, ...t }, o) => /* @__PURE__ */ s(
-  N.Trigger,
-  {
-    ref: o,
-    className: g(
-      "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",
-      e
-    ),
-    "data-levo-studio-interactive": "true",
-    ...t
-  }
-));
-me.displayName = N.Trigger.displayName;
-const pe = w.forwardRef(({ className: e, ...t }, o) => /* @__PURE__ */ s(
-  N.Content,
-  {
-    ref: o,
-    className: g(
-      "mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
-      e
-    ),
-    ...t
-  }
-));
-pe.displayName = N.Content.displayName;
-const ot = C.Provider, fe = C.Root, ge = C.Trigger, ve = C.Portal, X = w.forwardRef(({ className: e, sideOffset: t = 4, ...o }, n) => /* @__PURE__ */ s(
-  C.Content,
-  {
-    ref: n,
-    sideOffset: t,
-    className: g(
-      "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",
-      e
-    ),
-    ...o
-  }
-));
-X.displayName = C.Content.displayName;
-const nt = ({ children: e, label: t, labelClassName: o, asChild: n = !0, contentProps: a = {}, side: r }) => /* @__PURE__ */ L(fe, { children: [
-  t && /* @__PURE__ */ s(ve, { children: /* @__PURE__ */ s(X, { side: r, className: o, ...a, children: t }) }),
-  /* @__PURE__ */ s(ge, { asChild: n, children: e })
-] }), he = [
-  "pdf",
-  "txt",
-  "xml",
-  "xls",
-  "xlsx",
-  "ods",
-  "odt",
-  "doc",
-  "docx",
-  "csv",
-  "odp",
-  "ppt",
-  "pptx"
-], be = ["svg", "png", "jpg", "jpeg", "gif", "webp", "avif"], we = ["mp4", "ogv", "webm"], xe = ["mp3", "ogg", "opus"], ye = {
-  "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"]
-}, Ne = {
-  "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"]
-}, Te = {
-  "video/mp4": [".mp4"],
-  "video/mpeg": [".mpeg"],
-  "video/webm": [".webm"]
-}, Le = {
-  "audio/mpeg": [".mp3"],
-  "audio/ogg": [".oga"],
-  "audio/opus": [".opus"]
-}, k = {
-  audio: Le,
-  document: ye,
-  image: Ne,
-  video: Te
-}, E = {
-  audio: xe,
-  document: he,
-  image: be,
-  video: we
-}, st = [
-  ...E.audio,
-  ...E.document,
-  ...E.image,
-  ...E.video
-], rt = {
-  ...k.audio,
-  ...k.document,
-  ...k.image,
-  ...k.video
-}, Y = Q.createContext({
-  urls: null,
-  title: "",
-  isLoading: !1,
-  onSuccess: () => {
-  },
-  onError: () => {
-  }
-}), Ce = ({ title: e, onSuccess: t, onError: o, children: n }) => {
-  const a = $(), r = typeof window < "u" ? window.location.href : "", [c, i] = y(null), [m, d] = y(!1);
-  h(() => {
-    a.membership && (d(!0), a.membership?.getOAuthURL().then((l) => {
-      i(l);
-    }).catch((l) => {
-      o({
-        code: l?.code || "SOMETHING_WENT_WRONG",
-        message: l?.message || "We could not connect with our service for your sign-in."
-      });
-    }).finally(() => {
-      d(!1);
-    }));
-  }, []);
-  const v = S(
-    () => ({ title: e, urls: c, isLoading: m, onSuccess: t, onError: o }),
-    [e, c, t, o, m]
-  );
-  return h(() => {
-    if (c && r) {
-      const l = {}, T = Object.keys(c);
-      for (const x of T)
-        try {
-          const b = c[x];
-          if (b) {
-            const O = new URL(b), R = O.searchParams;
-            R.set("redirect_uri", r);
-            const P = a.pageContext;
-            P && R.set("page_context", JSON.stringify(P)), l[x] = O.toString();
-          }
-        } catch {
-        }
-      i(l);
-    }
-  }, [r]), /* @__PURE__ */ s(Y.Provider, { value: v, children: n });
-}, Oe = () => D(Y), Re = ({ url: e, title: t, height: o, width: n }) => {
-  const a = window.screenX + (window.outerWidth - n) / 2, r = window.screenY + (window.outerHeight - o) / 2.5;
-  return window.open(
-    e,
-    t,
-    `width=${n},height=${o},left=${a},top=${r}`
-  );
-}, ke = ({
-  title: e = "",
-  width: t = 500,
-  height: o = 500,
-  url: n,
-  children: a,
-  onCode: r,
-  onClose: c
-}) => {
-  const [i, m] = y(), d = W(void 0), v = () => {
-    window.clearInterval(d.current);
-  }, l = () => {
-    m(
-      Re({
-        url: n,
-        title: e,
-        width: t,
-        height: o
-      })
-    );
-  };
-  return h(() => (i && (d.current = window.setInterval(() => {
-    try {
-      const T = i.location.href, x = new URL(T).searchParams, b = x.get("code");
-      if (!b)
-        return;
-      r(b, x), v(), i.close();
-    } catch {
-    } finally {
-      (!i || i.closed) && (c(), v());
-    }
-  }, 700)), () => {
-    i && i.close(), c && c();
-  }), [i]), /* @__PURE__ */ s(
-    "div",
-    {
-      onClick: () => {
-        l();
-      },
-      children: a
-    }
-  );
-}, Ee = ({
-  title: e = "Levo",
-  url: t,
-  children: o,
-  onSuccess: n,
-  onError: a,
-  width: r = 500,
-  height: c = 700
-}) => {
-  const i = j((m, d) => {
-    m.toLowerCase() === "success" ? n(d) : a(d);
-  }, []);
-  return /* @__PURE__ */ s(
-    ke,
-    {
-      title: e,
-      width: r,
-      height: c,
-      onClose: () => {
-      },
-      url: t,
-      onCode: i,
-      children: o
-    }
-  );
-}, Pe = ({ children: e, provider: t }) => {
-  const { title: o, urls: n, isLoading: a, onSuccess: r, onError: c } = Oe(), i = n?.[t];
-  return i ? /* @__PURE__ */ s(Ee, { title: o, provider: t, url: i, onSuccess: r, onError: c, children: a ? /* @__PURE__ */ s("div", { className: "w-full items-center justify-center", children: /* @__PURE__ */ s(de, { className: "h-5 w-5 bg-brand" }) }) : e }) : null;
-}, je = ({ url: e, title: t, height: o, width: n }) => {
-  const a = window.screenX + (window.outerWidth - n) / 2, r = window.screenY + (window.outerHeight - o) / 2.5;
-  return window.open(
-    e,
-    t,
-    `width=${n},height=${o},left=${a},top=${r}`
-  );
-}, it = ({
-  title: e = "Levo",
-  width: t = 500,
-  height: o = 700,
-  onSuccess: n
-}) => {
-  const a = $(), [r, c] = y(!1), [i, m] = y(null), [d, v] = y(null), [l, T] = y(), x = W(void 0), b = () => {
-    window.clearInterval(x.current);
-  }, O = j((u, f) => {
-    u.toLowerCase() === "success" ? (v(null), n(f)) : v(f);
-  }, []);
-  h(() => {
-    a.membership && (c(!0), a.membership?.getOAuthURL().then((u) => {
-      if (u)
-        return m(u), u;
-      throw new Error();
-    }).catch((u) => {
-      const f = z(u);
-      a.logger?.error("Failed to get OAuth URL", f.message), v({
-        code: f?.code || "SOMETHING_WENT_WRONG",
-        message: f?.message || "We could not connect with our service for your sign-in."
-      });
-    }).finally(() => {
-      c(!1);
-    }));
-  }, []), h(() => (l && (x.current = window.setInterval(() => {
-    try {
-      const u = l.location.href, f = new URL(u).searchParams, A = f.get("code");
-      if (!A)
-        return;
-      O(A, f), b(), l.close();
-    } catch {
-    } finally {
-      (!l || l.closed) && (b(), v(null));
-    }
-  }, 700)), () => {
-    l && l.close();
-  }), [l]);
-  const R = j(
-    (u) => {
-      if (u && i !== null) {
-        const f = i?.[u];
-        f && (l && l.close(), T(
-          je({
-            url: f,
-            title: e,
-            width: t,
-            height: o
-          })
-        ));
-      }
-    },
-    [i, l]
-  );
-  return {
-    providers: S(() => i !== null ? Object.keys(i).filter(
-      (u) => !!i[u]
-    ) : [], [i]),
-    isLoading: r,
-    error: d,
-    launchPopup: R
-  };
-};
-class at {
-  static Container = Ce;
-  static Button = Pe;
-}
-const ct = (e, t = 2) => {
-  if (e === 0) return "0 B";
-  const o = 1024, n = t < 0 ? 0 : t, a = ["Bytes", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"], r = Math.floor(Math.log(e) / Math.log(o));
-  return `${Number.parseFloat((e / o ** r).toFixed(n))} ${a[r]}`;
-}, lt = (e) => {
-  const t = z(e);
-  return t?.code === "REQUEST_TIMEOUT" || t?.code === "NETWORK_ERROR" || t?.status === 408 || t?.status === 0 || le(t?.message || "", t?.title || "Error", {
-    id: `${t?.title || ""}-${t?.message || ""}`
-  }), t;
-}, Be = (e) => e instanceof Date, De = (e) => e == null, Ie = (e) => typeof e == "object", $e = (e) => !De(e) && !Array.isArray(e) && Ie(e) && !Be(e), dt = (e) => $e(e) && !Object.keys(e).length;
-export {
-  re as Button,
-  ie as Dialog,
-  Qe as DialogClose,
-  H as DialogContent,
-  V as DialogDescription,
-  ce as DialogFooter,
-  G as DialogHeader,
-  F as DialogOverlay,
-  ae as DialogPortal,
-  K as DialogTitle,
-  Je as DialogTrigger,
-  Ze as DialogWrapper,
-  Ve as LevoInsightsBlock,
-  Xe as LevoInsightsComponent,
-  Ye as LevoInsightsPage,
-  at as LevoOAuth,
-  Ke as LevoProvider,
-  nt as SimpleTooltipWrapper,
-  de as Spinner,
-  tt as Tabs,
-  pe as TabsContent,
-  ue as TabsList,
-  me as TabsTrigger,
-  qe as Toaster,
-  fe as Tooltip,
-  X as TooltipContent,
-  ve as TooltipPortal,
-  ot as TooltipProvider,
-  ge as TooltipTrigger,
-  st as allMediaFileExtensions,
-  rt as allMediaMimetypes,
-  xe as audioFileExtensions,
-  Le as audioMimetype,
-  se as buttonVariants,
-  ct as byteToSize,
-  g as cn,
-  he as documentFileExtensions,
-  ye as documentMimetype,
-  lt as errorHandler,
-  le as errorToast,
-  be as imageFileExtensions,
-  Ne as imageMimetype,
-  Be as isDateObject,
-  dt as isEmptyObject,
-  De as isNullOrUndefined,
-  $e as isObject,
-  Ie as isObjectType,
-  E as mediaExtensionsByKind,
-  k as mediaMimetypeByKind,
-  et as successToast,
-  pt as toast,
-  $ as useLevo,
-  M as useLevoInsights,
-  it as useLevoOAuth,
-  we as videoFileExtensions,
-  Te as videoMimetype
-};
+import { getLevoError as e } from "@levo-so/core";
+import * as t from "react";
+import n, { createContext as r, useCallback as i, useContext as a, useEffect as o, useMemo as s, useRef as c, useState as l } from "react";
+import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
+import { Dialog as p, Slot as m, Tabs as h, Tooltip as g } from "radix-ui";
+import { BiLoaderAlt as _ } from "react-icons/bi";
+import { twMerge as v } from "tailwind-merge";
+import { clsx as y } from "clsx";
+import { cva as b } from "class-variance-authority";
+import { X as x } from "lucide-react";
+import { Toaster as S, toast as C } from "sonner";
+//#region src/providers/LevoProvider.tsx
+var w = r({
+	client: null,
+	insights: null
+}), ee = ({ children: e, client: t, insights: n = null }) => /* @__PURE__ */ d(w.Provider, {
+	value: {
+		client: t,
+		insights: n
+	},
+	children: e
+}), T = () => {
+	let e = a(w);
+	if (!e.client) throw Error("useLevo must be used within a LevoProvider. Please ensure you have wrapped your component tree with LevoProvider.");
+	return e.client;
+}, E = () => a(w).insights, te = ({ id: t, properties: n = {} }) => {
+	let { logger: r } = T(), i = E(), a = c(!1), s = c(n);
+	return s.current = n, o(() => {
+		if (a.current || typeof i?.track != "function") return;
+		let n = document.getElementById(t);
+		if (!n) return;
+		let o = new IntersectionObserver((n) => {
+			for (let c of n) if (c.isIntersecting && !a.current) try {
+				i.track("block.view", {
+					...s.current,
+					resource: "block",
+					identifier: t
+				}), a.current = !0, o.disconnect();
+			} catch (t) {
+				r?.error("[LevoAudienceBlock] track failed", e(t));
+			}
+		}, { threshold: 0 });
+		return o.observe(n), () => o.disconnect();
+	}, [
+		i,
+		t,
+		r
+	]), null;
+}, ne = ({ event: t, properties: n }) => {
+	let { logger: r } = T(), i = E(), a = c(!1), s = c(t);
+	s.current = t;
+	let l = c(n);
+	return l.current = n, o(() => {
+		if (!(a.current || !i)) try {
+			i.track(s.current, l.current), a.current = !0;
+		} catch (t) {
+			r?.error("[LevoAudienceComponent] track failed", e(t));
+		}
+	}, [i, r]), null;
+}, re = ({ id: e }) => {
+	let t = T(), n = E();
+	return o(() => {
+		t && typeof window < "u" && (window.levo_client = t);
+	}, [t]), o(() => {
+		n && typeof window < "u" && (window.levo_insights = n);
+	}, [n]), o(() => {
+		n && e && n.init({ pageId: e });
+	}, [n, e]), null;
+}, D = (...e) => v(y(e)), O = b("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"
+	}
+}), ie = t.forwardRef(({ className: e, variant: t, size: n, rounded: r, asChild: i = !1, isLoading: a = !1, loadingText: o, disabled: s, ...c }, l) => /* @__PURE__ */ d(i ? m.Root : "button", {
+	className: D(O({
+		variant: t,
+		size: n,
+		rounded: r,
+		className: e
+	})),
+	ref: l,
+	disabled: s || a,
+	type: "button",
+	...c,
+	children: a ? /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d(_, { className: v("h-4 w-4 animate-spin", o ? "mr-2" : "") }), o] }) : c.children
+}));
+ie.displayName = "Button";
+//#endregion
+//#region src/components/Dialog.tsx
+var ae = p.Root, oe = p.Trigger, k = p.Portal, se = p.Close, A = t.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ d(p.Overlay, {
+	ref: n,
+	className: D("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", e),
+	...t
+}));
+A.displayName = p.Overlay.displayName;
+var j = t.forwardRef(({ className: e, children: t, container: n, hideCloseButton: r, overlayStyles: i, ...a }, o) => /* @__PURE__ */ d(k, {
+	container: n,
+	children: /* @__PURE__ */ d(A, {
+		className: i,
+		children: /* @__PURE__ */ f(p.Content, {
+			ref: o,
+			className: D("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", e),
+			...a,
+			children: [t, !r && /* @__PURE__ */ f(p.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__ */ d(x, { className: "h-4 w-4" }), /* @__PURE__ */ d("span", {
+					className: "sr-only",
+					children: "Close"
+				})]
+			})]
+		})
+	})
+}));
+j.displayName = p.Content.displayName;
+var M = ({ className: e, ...t }) => /* @__PURE__ */ d("div", {
+	className: D("flex flex-col space-y-1.5 text-center sm:text-left", e),
+	...t
+});
+M.displayName = "DialogHeader";
+var N = ({ className: e, ...t }) => /* @__PURE__ */ d("div", {
+	className: D("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", e),
+	...t
+});
+N.displayName = "DialogFooter";
+var P = t.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ d(p.Title, {
+	ref: n,
+	className: D("font-semibold text-lg leading-none tracking-tight", e),
+	...t
+}));
+P.displayName = p.Title.displayName;
+var F = t.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ d(p.Description, {
+	ref: n,
+	className: D("text-muted-foreground text-sm", e),
+	...t
+}));
+F.displayName = p.Description.displayName;
+//#endregion
+//#region src/components/DialogWrapper.tsx
+var ce = ({ isOpen: e, onClose: t, children: n, title: r, description: i = "", contentClassName: a, modal: o = !0 }) => /* @__PURE__ */ d(ae, {
+	open: e,
+	onOpenChange: t,
+	modal: o,
+	children: /* @__PURE__ */ f(j, {
+		className: a,
+		children: [r && /* @__PURE__ */ f(M, {
+			className: "flex-1 font-medium",
+			children: [/* @__PURE__ */ d(P, { children: r }), /* @__PURE__ */ d(F, { children: i })]
+		}), /* @__PURE__ */ d("div", {
+			className: "w-full",
+			children: n
+		})]
+	})
+}), le = ({ ...e }) => /* @__PURE__ */ d(S, {
+	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"
+	} },
+	...e
+}), I = (e, t = "Error", n = {}) => {
+	C.error(t, {
+		description: e,
+		duration: 4e3,
+		position: "bottom-right",
+		...n
+	});
+}, ue = (e, t = "Success", n = {}) => {
+	n?.id && C.dismiss(n?.id), C.success(t, {
+		description: e,
+		duration: 4e3,
+		position: "bottom-right",
+		...n
+	});
+}, L = ({ className: e }) => /* @__PURE__ */ d(_, { className: D("h-8 w-8 animate-spin font-light", e) }), de = h.Root, R = t.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ d(h.List, {
+	ref: n,
+	className: D("inline-flex h-10 items-center justify-center rounded-md bg-muted p-1 text-muted-foreground", e),
+	...t
+}));
+R.displayName = h.List.displayName;
+var z = t.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ d(h.Trigger, {
+	ref: n,
+	className: D("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", e),
+	"data-levo-studio-interactive": "true",
+	...t
+}));
+z.displayName = h.Trigger.displayName;
+var B = t.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ d(h.Content, {
+	ref: n,
+	className: D("mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", e),
+	...t
+}));
+B.displayName = h.Content.displayName;
+//#endregion
+//#region src/components/Tooltip.tsx
+var fe = g.Provider, V = g.Root, H = g.Trigger, U = g.Portal, W = t.forwardRef(({ className: e, sideOffset: t = 4, ...n }, r) => /* @__PURE__ */ d(g.Content, {
+	ref: r,
+	sideOffset: t,
+	className: D("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", e),
+	...n
+}));
+W.displayName = g.Content.displayName;
+var pe = ({ children: e, label: t, labelClassName: n, asChild: r = !0, contentProps: i = {}, side: a }) => /* @__PURE__ */ f(V, { children: [t && /* @__PURE__ */ d(U, { children: /* @__PURE__ */ d(W, {
+	side: a,
+	className: n,
+	...i,
+	children: t
+}) }), /* @__PURE__ */ d(H, {
+	asChild: r,
+	children: e
+})] }), G = [
+	"pdf",
+	"txt",
+	"xml",
+	"xls",
+	"xlsx",
+	"ods",
+	"odt",
+	"doc",
+	"docx",
+	"csv",
+	"odp",
+	"ppt",
+	"pptx"
+], K = [
+	"svg",
+	"png",
+	"jpg",
+	"jpeg",
+	"gif",
+	"webp",
+	"avif"
+], q = [
+	"mp4",
+	"ogv",
+	"webm"
+], J = [
+	"mp3",
+	"ogg",
+	"opus"
+], Y = {
+	"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"]
+}, X = {
+	"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"]
+}, Z = {
+	"video/mp4": [".mp4"],
+	"video/mpeg": [".mpeg"],
+	"video/webm": [".webm"]
+}, me = {
+	"audio/mpeg": [".mp3"],
+	"audio/ogg": [".oga"],
+	"audio/opus": [".opus"]
+}, Q = {
+	audio: me,
+	document: Y,
+	image: X,
+	video: Z
+}, $ = {
+	audio: J,
+	document: G,
+	image: K,
+	video: q
+}, he = [
+	...$.audio,
+	...$.document,
+	...$.image,
+	...$.video
+], ge = {
+	...Q.audio,
+	...Q.document,
+	...Q.image,
+	...Q.video
+}, _e = n.createContext({
+	urls: null,
+	title: "",
+	isLoading: !1,
+	onSuccess: () => {},
+	onError: () => {}
+}), ve = ({ title: e, onSuccess: t, onError: n, children: r }) => {
+	let i = T(), a = typeof window < "u" ? window.location.href : "", [c, u] = l(null), [f, p] = l(!1);
+	o(() => {
+		i.membership && (p(!0), i.membership?.getOAuthURL().then((e) => {
+			u(e);
+		}).catch((e) => {
+			n({
+				code: e?.code || "SOMETHING_WENT_WRONG",
+				message: e?.message || "We could not connect with our service for your sign-in."
+			});
+		}).finally(() => {
+			p(!1);
+		}));
+	}, []);
+	let m = s(() => ({
+		title: e,
+		urls: c,
+		isLoading: f,
+		onSuccess: t,
+		onError: n
+	}), [
+		e,
+		c,
+		t,
+		n,
+		f
+	]);
+	return o(() => {
+		if (c && a) {
+			let e = {}, t = Object.keys(c);
+			for (let n of t) try {
+				let t = c[n];
+				if (t) {
+					let r = new URL(t), o = r.searchParams;
+					o.set("redirect_uri", a);
+					let s = i.pageContext;
+					s && o.set("page_context", JSON.stringify(s)), e[n] = r.toString();
+				}
+			} catch {}
+			u(e);
+		}
+	}, [a]), /* @__PURE__ */ d(_e.Provider, {
+		value: m,
+		children: r
+	});
+}, ye = () => a(_e), be = ({ url: e, title: t, height: n, width: r }) => {
+	let i = window.screenX + (window.outerWidth - r) / 2, a = window.screenY + (window.outerHeight - n) / 2.5;
+	return window.open(e, t, `width=${r},height=${n},left=${i},top=${a}`);
+}, xe = ({ title: e = "", width: t = 500, height: n = 500, url: r, children: i, onCode: a, onClose: s }) => {
+	let [u, f] = l(), p = c(void 0), m = () => {
+		window.clearInterval(p.current);
+	}, h = () => {
+		f(be({
+			url: r,
+			title: e,
+			width: t,
+			height: n
+		}));
+	};
+	return o(() => (u && (p.current = window.setInterval(() => {
+		try {
+			let e = u.location.href, t = new URL(e).searchParams, n = t.get("code");
+			if (!n) return;
+			a(n, t), m(), u.close();
+		} catch {} finally {
+			(!u || u.closed) && (s(), m());
+		}
+	}, 700)), () => {
+		u && u.close(), s && s();
+	}), [u]), /* @__PURE__ */ d("div", {
+		onClick: () => {
+			h();
+		},
+		children: i
+	});
+}, Se = ({ title: e = "Levo", url: t, children: n, onSuccess: r, onError: a, width: o = 500, height: s = 700 }) => /* @__PURE__ */ d(xe, {
+	title: e,
+	width: o,
+	height: s,
+	onClose: () => {},
+	url: t,
+	onCode: i((e, t) => {
+		e.toLowerCase() === "success" ? r(t) : a(t);
+	}, []),
+	children: n
+}), Ce = ({ children: e, provider: t }) => {
+	let { title: n, urls: r, isLoading: i, onSuccess: a, onError: o } = ye(), s = r?.[t];
+	return s ? /* @__PURE__ */ d(Se, {
+		title: n,
+		provider: t,
+		url: s,
+		onSuccess: a,
+		onError: o,
+		children: i ? /* @__PURE__ */ d("div", {
+			className: "w-full items-center justify-center",
+			children: /* @__PURE__ */ d(L, { className: "h-5 w-5 bg-brand" })
+		}) : e
+	}) : null;
+}, we = ({ url: e, title: t, height: n, width: r }) => {
+	let i = window.screenX + (window.outerWidth - r) / 2, a = window.screenY + (window.outerHeight - n) / 2.5;
+	return window.open(e, t, `width=${r},height=${n},left=${i},top=${a}`);
+}, Te = ({ title: t = "Levo", width: n = 500, height: r = 700, onSuccess: a }) => {
+	let u = T(), [d, f] = l(!1), [p, m] = l(null), [h, g] = l(null), [_, v] = l(), y = c(void 0), b = () => {
+		window.clearInterval(y.current);
+	}, x = i((e, t) => {
+		e.toLowerCase() === "success" ? (g(null), a(t)) : g(t);
+	}, []);
+	o(() => {
+		u.membership && (f(!0), u.membership?.getOAuthURL().then((e) => {
+			if (e) return m(e), e;
+			throw Error();
+		}).catch((t) => {
+			let n = e(t);
+			u.logger?.error("Failed to get OAuth URL", n.message), g({
+				code: n?.code || "SOMETHING_WENT_WRONG",
+				message: n?.message || "We could not connect with our service for your sign-in."
+			});
+		}).finally(() => {
+			f(!1);
+		}));
+	}, []), o(() => (_ && (y.current = window.setInterval(() => {
+		try {
+			let e = _.location.href, t = new URL(e).searchParams, n = t.get("code");
+			if (!n) return;
+			x(n, t), b(), _.close();
+		} catch {} finally {
+			(!_ || _.closed) && (b(), g(null));
+		}
+	}, 700)), () => {
+		_ && _.close();
+	}), [_]);
+	let S = i((e) => {
+		if (e && p !== null) {
+			let i = p?.[e];
+			i && (_ && _.close(), v(we({
+				url: i,
+				title: t,
+				width: n,
+				height: r
+			})));
+		}
+	}, [p, _]);
+	return {
+		providers: s(() => p === null ? [] : Object.keys(p).filter((e) => !!p[e]), [p]),
+		isLoading: d,
+		error: h,
+		launchPopup: S
+	};
+}, Ee = class {
+	static Container = ve;
+	static Button = Ce;
+}, De = (e, t = 2) => {
+	if (e === 0) return "0 B";
+	let n = 1024, r = t < 0 ? 0 : t, i = [
+		"Bytes",
+		"KB",
+		"MB",
+		"GB",
+		"TB",
+		"PB",
+		"EB",
+		"ZB",
+		"YB"
+	], a = Math.floor(Math.log(e) / Math.log(n));
+	return `${Number.parseFloat((e / n ** a).toFixed(r))} ${i[a]}`;
+}, Oe = (t) => {
+	let n = e(t);
+	return n?.code === "REQUEST_TIMEOUT" || n?.code === "NETWORK_ERROR" || n?.status === 408 || n?.status === 0 || I(n?.message || "", n?.title || "Error", { id: `${n?.title || ""}-${n?.message || ""}` }), n;
+}, ke = (e) => e instanceof Date, Ae = (e) => e == null, je = (e) => typeof e == "object", Me = (e) => !Ae(e) && !Array.isArray(e) && je(e) && !ke(e), Ne = (e) => Me(e) && !Object.keys(e).length;
+//#endregion
+export { ie as Button, ae as Dialog, se as DialogClose, j as DialogContent, F as DialogDescription, N as DialogFooter, M as DialogHeader, A as DialogOverlay, k as DialogPortal, P as DialogTitle, oe as DialogTrigger, ce as DialogWrapper, te as LevoInsightsBlock, ne as LevoInsightsComponent, re as LevoInsightsPage, Ee as LevoOAuth, ee as LevoProvider, pe as SimpleTooltipWrapper, L as Spinner, de as Tabs, B as TabsContent, R as TabsList, z as TabsTrigger, le as Toaster, V as Tooltip, W as TooltipContent, U as TooltipPortal, fe as TooltipProvider, H as TooltipTrigger, he as allMediaFileExtensions, ge as allMediaMimetypes, J as audioFileExtensions, me as audioMimetype, O as buttonVariants, De as byteToSize, D as cn, G as documentFileExtensions, Y as documentMimetype, Oe as errorHandler, I as errorToast, K as imageFileExtensions, X as imageMimetype, ke as isDateObject, Ne as isEmptyObject, Ae as isNullOrUndefined, Me as isObject, je as isObjectType, $ as mediaExtensionsByKind, Q as mediaMimetypeByKind, ue as successToast, C as toast, T as useLevo, E as useLevoInsights, Te as useLevoOAuth, q as videoFileExtensions, Z as videoMimetype };