@levo-so/react 0.1.14 → 0.1.15

package/dist/UploadWidget-Dxx2_FYo.js

@@ -0,0 +1,616 @@
+"use client";
+import { j as a } from "./jsx-runtime-B6kdoens.js";
+import { MediaKindList as F } from "@levo-so/core";
+import { X, Upload as O, ExternalLink as aa } from "lucide-react";
+import { useMemo as J, useState as U, useRef as ra, useEffect as M } from "react";
+import { useController as ta } from "react-hook-form";
+import { G as H, B as P, S as G, j as sa, T as ea, k as oa, l as $, m as V } from "./Spinner-Bzu2xCFZ.js";
+import { t as na, g as ca, z as la, w as C, A as da, B as ia } from "./CollectionFormBuilder-BIvx_z08.js";
+import { u as k } from "./LevoProvider-Do3jjJ4j.js";
+import { e as Y } from "./errorHandler-_34Yv8wA.js";
+import { I as K } from "./Input-2CvZ90f8.js";
+import { c as xa, S as Q } from "./Tooltip-DEBnSqlo.js";
+import { useDropzone as pa } from "react-dropzone";
+import { e as D } from "./Sonner-t6JVKA0a.js";
+import { c as S } from "./cn-C9QoOYNG.js";
+import { useDebouncedCallback as ha } from "use-debounce";
+import { b as ma } from "./byteToSize-BFKZSBu1.js";
+import { C as ua } from "./Checbox-sq-atGlJ.js";
+function R(s) {
+  return H({ tag: "svg", attr: { fill: "currentColor", viewBox: "0 0 16 16" }, child: [{ tag: "path", attr: { d: "M14 4.5V14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h5.5zm-3 0A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V4.5z" }, child: [] }] })(s);
+}
+function ga(s) {
+  return H({ tag: "svg", attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M304 48a48 48 0 1 0 -96 0 48 48 0 1 0 96 0zm0 416a48 48 0 1 0 -96 0 48 48 0 1 0 96 0zM48 304a48 48 0 1 0 0-96 48 48 0 1 0 0 96zm464-48a48 48 0 1 0 -96 0 48 48 0 1 0 96 0zM142.9 437A48 48 0 1 0 75 369.1 48 48 0 1 0 142.9 437zm0-294.2A48 48 0 1 0 75 75a48 48 0 1 0 67.9 67.9zM369.1 437A48 48 0 1 0 437 369.1 48 48 0 1 0 369.1 437z" }, child: [] }] })(s);
+}
+function ja(s) {
+  return H({ tag: "svg", attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M405 136.798L375.202 107 256 226.202 136.798 107 107 136.798 226.202 256 107 375.202 136.798 405 256 285.798 375.202 405 405 375.202 285.798 256z" }, child: [] }] })(s);
+}
+const ba = ({ onChange: s, value: c, kind: g, isMultiple: p = !1 }) => {
+  const { media: l } = k(), i = Array.isArray(c) ? c : [], o = J(() => {
+    let t = {};
+    return g.forEach((j) => {
+      t = {
+        ...t,
+        ...na[j]
+      };
+    }), t;
+  }, [g]), d = (t) => {
+    s == null || s(t);
+  }, x = async (t) => {
+    if ((t == null ? void 0 : t.length) === 0) {
+      D("No file selected. Please select one file.");
+      return;
+    }
+    const j = new FormData();
+    t == null || t.forEach((m) => {
+      j.append("media", m);
+    }), await (l == null ? void 0 : l.mediaBulkUpload(j).then((m) => {
+      var b, I, r;
+      (((b = m.content) == null ? void 0 : b.errors) ?? []).forEach(
+        (n) => {
+          var v, A, w;
+          (A = (v = n.param) == null ? void 0 : v.split(".")) != null && A[1] && D(
+            n.message,
+            `Error uploading ${((w = t[n.param.split(".")[1]]) == null ? void 0 : w.name) ?? "File"}`
+          );
+        }
+      );
+      const _ = (r = (I = m == null ? void 0 : m.content) == null ? void 0 : I.data) == null ? void 0 : r.map(
+        (n) => {
+          var v;
+          return {
+            id: n == null ? void 0 : n.id,
+            kind: n == null ? void 0 : n.kind,
+            location: n == null ? void 0 : n.location,
+            mimetype: (v = n == null ? void 0 : n.metadata) == null ? void 0 : v.mimetype,
+            srcset: n == null ? void 0 : n.srcset
+          };
+        }
+      );
+      d([...i, ..._]);
+    }).catch(Y));
+  }, { getRootProps: T, getInputProps: h, isDragActive: N } = pa({
+    onDrop: x,
+    accept: o,
+    multiple: p,
+    maxSize: 25 * 1024 * 1024,
+    onDropRejected: (t) => {
+      t.forEach((j) => {
+        j.errors.forEach((m) => {
+          m.code === "file-too-large" && D(`${j.file.name} is bigger than 25MB`);
+        });
+      });
+    }
+  });
+  return /* @__PURE__ */ a.jsx(xa, { children: /* @__PURE__ */ a.jsx("div", { className: "w-full min-h-[150px]", children: (i == null ? void 0 : i.length) > 0 ? /* @__PURE__ */ a.jsxs("div", { className: "w-full grid gap-4 grid-cols-[repeat(auto-fit,_minmax(150px,_1fr))]", children: [
+    i == null ? void 0 : i.map((t) => {
+      var j, m;
+      return /* @__PURE__ */ a.jsxs(
+        "div",
+        {
+          className: "group relative w-full overflow-hidden h-auto max-[350px] rounded-md border border-gray-300",
+          style: {
+            background: "linear-gradient(to top, black -50%, transparent 45%)"
+          },
+          children: [
+            (t == null ? void 0 : t.kind) !== "image" ? /* @__PURE__ */ a.jsx("div", { className: "flex items-center h-[100px]", children: /* @__PURE__ */ a.jsx(
+              R,
+              {
+                size: "60px",
+                className: "text-gray-400 p-2"
+              }
+            ) }) : /* @__PURE__ */ a.jsx(
+              "img",
+              {
+                className: "w-full h-full object-contain",
+                src: t == null ? void 0 : t.location
+              }
+            ),
+            /* @__PURE__ */ a.jsx(
+              "div",
+              {
+                className: S(
+                  "absolute left-0 right-0 bottom-0 h-16 bg-[linear-gradient(to-t,_rgba(0,_0,_10,_0.35),_transparent)]",
+                  "group-hover:bg-[linear-gradient(to-t,_rgba(0,0,10,0.5),_transparent)] group-hover:h-[70%]"
+                )
+              }
+            ),
+            /* @__PURE__ */ a.jsx("p", { className: "absolute left-4 bottom-2 text-base text-white", children: (m = t == null ? void 0 : t.location) == null ? void 0 : m.split("/")[((j = t == null ? void 0 : t.location) == null ? void 0 : j.split("/").length) - 1] }),
+            /* @__PURE__ */ a.jsx(
+              P,
+              {
+                className: "absolute right-4 top-4 z-10",
+                size: "icon",
+                variant: "secondary",
+                onClick: () => {
+                  d(
+                    i == null ? void 0 : i.filter((_) => (_ == null ? void 0 : _.id) !== (t == null ? void 0 : t.id))
+                  );
+                },
+                children: /* @__PURE__ */ a.jsx(X, { className: "text-primary" })
+              }
+            )
+          ]
+        },
+        t == null ? void 0 : t.id
+      );
+    }),
+    p && /* @__PURE__ */ a.jsxs(
+      "div",
+      {
+        className: "flex items-center justify-center flex-col w-full rounded-md border-dashed border-[2px] border-gray-400 h-[14rem] p-4 gap-2",
+        ...T(),
+        children: [
+          /* @__PURE__ */ a.jsx("p", { className: "text-xl text-center my-2", children: N ? "Drop your files here..." : "Drag & Drop here to upload!" }),
+          /* @__PURE__ */ a.jsx("div", { className: "flex gap-4", children: /* @__PURE__ */ a.jsx(Q, { label: "Upload a file", children: /* @__PURE__ */ a.jsxs(P, { size: "icon", className: "text-md", children: [
+            /* @__PURE__ */ a.jsx("input", { ...h() }),
+            /* @__PURE__ */ a.jsx(O, { size: 20 })
+          ] }) }) })
+        ]
+      }
+    )
+  ] }) : /* @__PURE__ */ a.jsxs(
+    "div",
+    {
+      className: "flex items-center justify-center flex-col w-full rounded-md border-dashed border-[2px] border-gray-400 h-[14rem] p-4 gap-2",
+      ...T(),
+      children: [
+        /* @__PURE__ */ a.jsx("p", { className: "text-xl my-2", children: N ? "Drop your files here..." : "Drag & Drop here to upload!" }),
+        /* @__PURE__ */ a.jsx("div", { className: "flex gap-4", children: /* @__PURE__ */ a.jsx(Q, { label: "Upload a file", children: /* @__PURE__ */ a.jsxs(P, { size: "icon", className: "text-md", children: [
+          /* @__PURE__ */ a.jsx("input", { ...h() }),
+          /* @__PURE__ */ a.jsx(O, { size: 20 })
+        ] }) }) })
+      ]
+    }
+  ) }) });
+}, ya = ({
+  selectedFiles: s = [],
+  onChange: c,
+  isMultiple: g = !1,
+  kind: p
+}) => {
+  const { media: l } = k(), [i, o] = U(1), [d, x] = U([]), [T, h] = U(!1), N = ra(null), [t, j] = U({
+    searchText: "",
+    currentPage: 1
+  }), m = ha(() => {
+    h(!0), l == null || l.getAllMedia({
+      page: t.currentPage,
+      limit: 24,
+      sort: {
+        created_at: "desc"
+      },
+      search: t.searchText || void 0
+    }).then((r) => {
+      var n, v;
+      o((v = (n = r == null ? void 0 : r.content) == null ? void 0 : n.meta) == null ? void 0 : v.pages), x((A) => {
+        var w;
+        return [...A, ...((w = r == null ? void 0 : r.content) == null ? void 0 : w.data) || []];
+      });
+    }).catch((r) => {
+      console.error(r);
+    }).finally(() => {
+      h(!1);
+    });
+  }, 500);
+  M(() => {
+    m();
+  }, [t]), M(() => {
+    const r = N.current;
+    if (r)
+      return r.addEventListener("scroll", _), () => r.removeEventListener("scroll", _);
+  }, [N, t.currentPage, i]);
+  const _ = () => {
+    const r = N.current;
+    r && r.scrollTop + r.clientHeight + 1 >= r.scrollHeight && b();
+  }, b = () => {
+    t.currentPage < i && j((r) => ({
+      searchText: r.searchText,
+      currentPage: r.currentPage + 1
+    }));
+  }, I = (r) => {
+    if (!(p != null && p.includes(r == null ? void 0 : r.kind))) {
+      D(`Only ${p == null ? void 0 : p.join(", ")}s are allowed.`);
+      return;
+    }
+    g ? (s == null ? void 0 : s.findIndex((n) => (n == null ? void 0 : n.id) === (r == null ? void 0 : r.id))) >= 0 ? c == null || c(s == null ? void 0 : s.filter((n) => (n == null ? void 0 : n.id) !== (r == null ? void 0 : r.id))) : c == null || c([...s || [], r]) : c == null || c([r]);
+  };
+  return /* @__PURE__ */ a.jsxs("div", { className: "bg-white p-0 rounded-md w-full relative", children: [
+    /* @__PURE__ */ a.jsx("div", { className: "py-2 bg-white sticky top-0 z-50 w-full", children: /* @__PURE__ */ a.jsx(
+      K,
+      {
+        name: "searchText",
+        type: "text",
+        placeholder: "Search...",
+        value: t.searchText,
+        onChange: (r) => {
+          h(!0), j({ currentPage: 1, searchText: r.target.value }), x([]);
+        }
+      }
+    ) }),
+    T && !d.length ? /* @__PURE__ */ a.jsx("div", { className: "w-full h-full min-h-[30rem] flex items-center justify-center", children: /* @__PURE__ */ a.jsx(G, {}) }) : /* @__PURE__ */ a.jsxs(
+      "div",
+      {
+        ref: N,
+        className: "w-full h-[30rem] overflow-y-auto overflow-x-hidden grid lg:grid-cols-4 gap-6 p-2",
+        children: [
+          d == null ? void 0 : d.map((r, n) => {
+            var w;
+            const v = p == null ? void 0 : p.includes(r == null ? void 0 : r.kind), A = (s == null ? void 0 : s.findIndex((E) => (E == null ? void 0 : E.id) === (r == null ? void 0 : r.id))) >= 0;
+            return /* @__PURE__ */ a.jsxs(
+              "div",
+              {
+                className: S(
+                  "relative w-full",
+                  v ? "opacity-100" : "opacity-50"
+                ),
+                children: [
+                  /* @__PURE__ */ a.jsxs(
+                    "div",
+                    {
+                      className: S(
+                        "cursor-pointer w-full group rounded-md overflow-hidden h-[130px] border-2 flex items-center justify-center",
+                        A ? "border-primary" : "border-gray-100"
+                      ),
+                      onClick: () => {
+                        var E;
+                        return I({
+                          id: r == null ? void 0 : r.id,
+                          location: r == null ? void 0 : r.location,
+                          mimetype: (E = r == null ? void 0 : r.metadata) == null ? void 0 : E.mimetype,
+                          kind: r == null ? void 0 : r.kind,
+                          srcset: r == null ? void 0 : r.srcset
+                        });
+                      },
+                      children: [
+                        /* @__PURE__ */ a.jsx(
+                          "div",
+                          {
+                            className: S(
+                              "rounded-md opacity-0 absolute left-0 right-0 top-0 w-full h-[42px] bg-[linear-gradient(0deg,_transparent_0%,_#000000_200%)]",
+                              v ? "group-hover:opacity-100" : ""
+                            )
+                          }
+                        ),
+                        v && /* @__PURE__ */ a.jsx(
+                          ua,
+                          {
+                            name: "isFileIncluded",
+                            className: "absolute top-[10px] left-[10px]",
+                            checked: A
+                          }
+                        ),
+                        (r == null ? void 0 : r.kind) !== "image" ? /* @__PURE__ */ a.jsx(R, { size: "60px", className: "text-gray-400" }) : /* @__PURE__ */ a.jsx(
+                          "img",
+                          {
+                            className: "w-full h-full object-contain",
+                            srcSet: (w = r == null ? void 0 : r.srcset) == null ? void 0 : w.path,
+                            src: r == null ? void 0 : r.location
+                          }
+                        )
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ a.jsxs("div", { className: "my-[10px]", children: [
+                    /* @__PURE__ */ a.jsx("p", { className: "text-sm whitespace-nowrap overflow-hidden text-ellipsis", children: r == null ? void 0 : r.filename }),
+                    /* @__PURE__ */ a.jsx("p", { className: "text-xs text-gray-500", children: ma(r == null ? void 0 : r.metadata.size) })
+                  ] })
+                ]
+              },
+              `media-layout-file-${n}`
+            );
+          }),
+          T && /* @__PURE__ */ a.jsx("div", { className: "w-full h-full flex items-center justify-center", children: /* @__PURE__ */ a.jsx(G, {}) })
+        ]
+      }
+    )
+  ] });
+}, va = ({
+  selectedFiles: s = [],
+  onChange: c,
+  isMultiple: g = !1,
+  kind: p
+}) => {
+  const [l, i] = U("");
+  return M(() => {
+    var o, d;
+    !g && s[0] && !((o = s[0]) != null && o.location.includes("levo")) && i((d = s[0]) == null ? void 0 : d.location);
+  }, [s]), /* @__PURE__ */ a.jsxs("div", { className: "bg-white p-0 rounded-md w-full relative", children: [
+    /* @__PURE__ */ a.jsxs("div", { className: "flex gap-4 py-2 bg-white sticky top-0 z-50 w-full", children: [
+      /* @__PURE__ */ a.jsx(
+        K,
+        {
+          name: "searchText",
+          type: "text",
+          value: l,
+          placeholder: "Enter image URL...",
+          onChange: (o) => i(o.target.value)
+        }
+      ),
+      /* @__PURE__ */ a.jsx(
+        P,
+        {
+          onClick: () => {
+            c && fetch(l).then((o) => o.blob()).then((o) => {
+              const d = o.type, x = ca(d);
+              x && c([
+                {
+                  id: `external-${(/* @__PURE__ */ new Date()).getTime()}`,
+                  location: l,
+                  kind: x,
+                  mimetype: d
+                }
+              ]);
+            }).catch(
+              (o) => console.error("Error fetching file details:", o)
+            );
+          },
+          disabled: !l,
+          children: "Add"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ a.jsx("div", { className: "w-full grid gap-4 grid-cols-[repeat(auto-fit,_minmax(150px,_1fr))]", children: s == null ? void 0 : s.map((o) => {
+      var d;
+      return /* @__PURE__ */ a.jsxs(
+        "div",
+        {
+          className: "group relative w-full overflow-hidden h-auto max-h-[350px] rounded-md border border-gray-300",
+          style: {
+            background: "linear-gradient(to top, black -50%, transparent 45%)"
+          },
+          children: [
+            (o == null ? void 0 : o.kind) !== "image" ? /* @__PURE__ */ a.jsx("div", { className: "flex items-center h-[100px]", children: /* @__PURE__ */ a.jsx(R, { size: "60px", className: "text-gray-400 p-2" }) }) : /* @__PURE__ */ a.jsx(
+              "img",
+              {
+                className: "w-full h-full object-contain",
+                src: o == null ? void 0 : o.location
+              }
+            ),
+            /* @__PURE__ */ a.jsx(
+              "div",
+              {
+                className: S(
+                  "absolute left-0 right-0 bottom-0 h-16 bg-[linear-gradient(to-t,_rgba(0,_0,_10,_0.35),_transparent)]",
+                  "group-hover:bg-[linear-gradient(to-t,_rgba(0,0,10,0.5),_transparent)] group-hover:h-[70%]"
+                )
+              }
+            ),
+            /* @__PURE__ */ a.jsx("p", { className: "absolute left-4 bottom-2 text-base text-white", children: (d = o == null ? void 0 : o.location) == null ? void 0 : d.split("/").pop() }),
+            /* @__PURE__ */ a.jsx(
+              P,
+              {
+                className: "absolute right-4 top-4 z-10",
+                size: "icon",
+                variant: "secondary",
+                onClick: () => {
+                  c == null || c(
+                    s == null ? void 0 : s.filter((x) => (x == null ? void 0 : x.id) !== (o == null ? void 0 : o.id))
+                  );
+                },
+                children: /* @__PURE__ */ a.jsx(X, { className: "text-primary" })
+              }
+            )
+          ]
+        },
+        o == null ? void 0 : o.id
+      );
+    }) })
+  ] });
+}, Na = ({
+  isOpen: s,
+  onClose: c,
+  onChange: g,
+  value: p,
+  kind: l,
+  isMultiple: i = !1,
+  isExternal: o
+}) => {
+  const [d, x] = U([]), T = () => {
+    c();
+  };
+  return M(() => {
+    x(p.filter((h) => !!h.location));
+  }, [p]), /* @__PURE__ */ a.jsxs(
+    sa,
+    {
+      title: (l == null ? void 0 : l.length) > 1 ? "Upload file" : `Upload ${l == null ? void 0 : l[0]}`,
+      isOpen: s,
+      onClose: () => T(),
+      contentClassName: "max-w-[60%]",
+      children: [
+        /* @__PURE__ */ a.jsxs(ea, { defaultValue: "upload", children: [
+          /* @__PURE__ */ a.jsxs(oa, { children: [
+            /* @__PURE__ */ a.jsx($, { value: "upload", children: "Local File" }),
+            !o && /* @__PURE__ */ a.jsx($, { value: "import", children: "Import from Gallery" }),
+            !o && l.includes("image") && /* @__PURE__ */ a.jsx($, { value: "external_url", children: "External URL" })
+          ] }),
+          /* @__PURE__ */ a.jsx(V, { value: "upload", children: /* @__PURE__ */ a.jsx("div", { className: "mt-[20px] max-h-[70vh] overflow-y-auto", children: /* @__PURE__ */ a.jsx(
+            ba,
+            {
+              kind: l,
+              value: d,
+              onChange: (h) => x(h),
+              isMultiple: i
+            }
+          ) }) }),
+          /* @__PURE__ */ a.jsx(V, { value: "import", children: /* @__PURE__ */ a.jsx(
+            ya,
+            {
+              onChange: (h) => x == null ? void 0 : x(h),
+              selectedFiles: d,
+              isMultiple: i,
+              kind: l
+            }
+          ) }),
+          /* @__PURE__ */ a.jsx(V, { value: "external_url", children: /* @__PURE__ */ a.jsx(
+            va,
+            {
+              onChange: (h) => {
+                x == null || x(h);
+              },
+              selectedFiles: d,
+              isMultiple: i,
+              kind: l
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ a.jsx("div", { className: "flex justify-end mt-[20px]", children: /* @__PURE__ */ a.jsx(
+          P,
+          {
+            variant: "default",
+            onClick: () => {
+              d && (g == null || g(d)), T();
+            },
+            children: "Save"
+          }
+        ) })
+      ]
+    }
+  );
+}, Oa = ({
+  field: s,
+  kind: c = F,
+  isMultiple: g,
+  isExternal: p = !1
+}) => {
+  var W;
+  const { media: l } = k(), { key: i = "", label: o = "", helper_text: d = "", readonly: x = !1 } = s, {
+    field: { onBlur: T, onChange: h, value: N, disabled: t, ref: j },
+    fieldState: m
+  } = ta({
+    name: i,
+    rules: la(s)
+  }), _ = J(() => {
+    const e = [];
+    return c.forEach((L) => {
+      e.push(...C[L]);
+    }), e;
+  }, [c]), b = N ? Array.isArray(N) ? N : [N] : [], [I, r] = U(!1), n = () => r(!0), v = () => r(!1), [A, w] = U(!1), E = (e) => {
+    h && (g === !0 ? h(e) : g === !1 && h(e == null ? void 0 : e[0]));
+  }, Z = async (e) => {
+    const L = new FormData();
+    let u = [...e];
+    g || (u = e == null ? void 0 : e.slice(0, 1)), (u == null ? void 0 : u.length) > 0 && (u == null || u.forEach((y) => {
+      var q;
+      const z = y.name.split("."), B = (q = z[z.length - 1]) == null ? void 0 : q.toLowerCase();
+      c == null || c.forEach((f) => {
+        _.push(...C[f]);
+      }), B && _.includes(B) && L.append("media", y);
+    })), w(!0), await (l == null ? void 0 : l.mediaBulkUpload(L).then((y) => {
+      var z, B;
+      w(!1), (z = y == null ? void 0 : y.content) != null && z.data && E((B = y == null ? void 0 : y.content) == null ? void 0 : B.data);
+    }).catch((y) => {
+      Y(y);
+    }).finally(() => {
+      w(!1);
+    }));
+  };
+  return /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
+    /* @__PURE__ */ a.jsx(
+      Na,
+      {
+        isOpen: I,
+        onClose: v,
+        onChange: (e) => {
+          E(e);
+        },
+        value: b,
+        kind: [...c],
+        isMultiple: g,
+        isExternal: p
+      }
+    ),
+    /* @__PURE__ */ a.jsxs(
+      da,
+      {
+        error: (W = m == null ? void 0 : m.error) == null ? void 0 : W.message,
+        helperText: d,
+        readOnly: x,
+        children: [
+          o && /* @__PURE__ */ a.jsx(ia, { htmlFor: i, isRequired: s == null ? void 0 : s.required, children: o }),
+          /* @__PURE__ */ a.jsxs("div", { className: "flex gap-2", ref: j, children: [
+            /* @__PURE__ */ a.jsx(
+              P,
+              {
+                size: "icon-small",
+                variant: "outline",
+                disabled: t,
+                onClick: n,
+                children: /* @__PURE__ */ a.jsx(O, { size: 15 })
+              }
+            ),
+            /* @__PURE__ */ a.jsxs("div", { className: "relative flex", children: [
+              /* @__PURE__ */ a.jsx(
+                K,
+                {
+                  name: "pasteUrl",
+                  placeholder: "Paste your files here...",
+                  onBlur: () => T(),
+                  onPaste: (e) => {
+                    const L = e.clipboardData.items, u = [];
+                    for (let y = 0; y < L.length; y++) {
+                      const z = L[y];
+                      if ((z == null ? void 0 : z.kind) === "file") {
+                        const B = z == null ? void 0 : z.getAsFile();
+                        B && u.push(B);
+                      }
+                    }
+                    (u == null ? void 0 : u.length) > 0 && Z(u);
+                  },
+                  disabled: t,
+                  readOnly: x
+                }
+              ),
+              A && /* @__PURE__ */ a.jsxs(
+                "div",
+                {
+                  role: "status",
+                  className: "absolute right-3 top-[50%] translate-y-[-50%]",
+                  children: [
+                    /* @__PURE__ */ a.jsx(ga, {}),
+                    /* @__PURE__ */ a.jsx("span", { className: "sr-only", children: "Loading..." })
+                  ]
+                }
+              )
+            ] })
+          ] }),
+          (b == null ? void 0 : b.length) > 0 && /* @__PURE__ */ a.jsx("div", { className: "mt-3 w-full", children: /* @__PURE__ */ a.jsx("div", { className: "w-full grid gap-4 grid-cols-[repeat(auto-fill,_minmax(100px,_1fr))]", children: b == null ? void 0 : b.map((e, L) => e != null && e.location ? /* @__PURE__ */ a.jsxs(
+            "div",
+            {
+              className: "relative border overflow-hidden group w-full rounded-xl h-28 flex items-center justify-center",
+              children: [
+                /* @__PURE__ */ a.jsx("div", { className: "w-full bg-black/20 h-full absolute top-0 left-0 z-10 hidden group-hover:flex items-center justify-center", children: /* @__PURE__ */ a.jsx("a", { href: e == null ? void 0 : e.location, target: "_blank", rel: "noreferrer", children: /* @__PURE__ */ a.jsx(aa, { size: 24 }) }) }),
+                (e == null ? void 0 : e.kind) !== "image" ? /* @__PURE__ */ a.jsx(R, { size: "60px", className: "text-gray-400" }) : /* @__PURE__ */ a.jsx(
+                  "img",
+                  {
+                    className: "w-full h-full object-contain",
+                    src: e == null ? void 0 : e.location,
+                    alt: e == null ? void 0 : e.id
+                  }
+                ),
+                /* @__PURE__ */ a.jsx(
+                  "button",
+                  {
+                    className: "absolute z-10 top-1 right-1 bg-white p-1 rounded-full focus:outline-none",
+                    onClick: () => {
+                      E(
+                        b == null ? void 0 : b.filter((u) => (u == null ? void 0 : u.id) !== (e == null ? void 0 : e.id))
+                      );
+                    },
+                    type: "button",
+                    children: /* @__PURE__ */ a.jsx(ja, { className: "text-sm" })
+                  }
+                )
+              ]
+            },
+            `${e == null ? void 0 : e.location}-${L}`
+          ) : null) }) })
+        ]
+      }
+    )
+  ] });
+};
+export {
+  Oa as UploadWidget,
+  Oa as default
+};

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":"AAKA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAInD,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC;IACtC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,UAAU,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC;CACvC,CA+FA,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"page.d.ts","sourceRoot":"","sources":["../../../src/audience/components/page.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAInD,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC;IACtC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,UAAU,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC;CACvC,CA8HA,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/audience/index.js

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

package/dist/collection/components/Altcha.d.ts

@@ -0,0 +1,10 @@
+interface AltchaProps {
+    onStateChange?: (ev: Event | CustomEvent) => void;
+    challengeurl: string;
+    verifyurl: string;
+}
+declare const Altcha: import('react').ForwardRefExoticComponent<AltchaProps & import('react').RefAttributes<{
+    value: string | null;
+}>>;
+export default Altcha;
+//# sourceMappingURL=Altcha.d.ts.map

package/dist/collection/components/Altcha.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Altcha.d.ts","sourceRoot":"","sources":["../../../src/collection/components/Altcha.tsx"],"names":[],"mappings":"AASA,OAAO,QAAQ,CAAC;AAEhB,UAAU,WAAW;IACnB,aAAa,CAAC,EAAE,CAAC,EAAE,EAAE,KAAK,GAAG,WAAW,KAAK,IAAI,CAAC;IAClD,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,QAAA,MAAM,MAAM;WAAuB,MAAM,GAAG,IAAI;GAiD/C,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/collection/components/renderer/RenderCommonField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RenderCommonField.d.ts","sourceRoot":"","sources":["../../../../src/collection/components/renderer/RenderCommonField.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAyCjE,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA6H5D,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"RenderCommonField.d.ts","sourceRoot":"","sources":["../../../../src/collection/components/renderer/RenderCommonField.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AA0CjE,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAmI5D,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/collection/components/widgets/checkboxWidget/CheckboxWidget.d.ts

@@ -1,5 +1,5 @@
-import { ILemaField } from '@levo-so/core';
 import { default as React } from 'react';
+import { ILemaField } from '@levo-so/core';
 export interface ICheckboxWidgetProps {
     field: ILemaField;
 }

package/dist/collection/components/widgets/checkboxWidget/CheckboxWidget.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxWidget.d.ts","sourceRoot":"","sources":["../../../../../src/collection/components/widgets/checkboxWidget/CheckboxWidget.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD,OAAO,KAAmB,MAAM,OAAO,CAAC;AAUxC,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,UAAU,CAAC;CACnB;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA4IzD,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"CheckboxWidget.d.ts","sourceRoot":"","sources":["../../../../../src/collection/components/widgets/checkboxWidget/CheckboxWidget.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAWhD,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,UAAU,CAAC;CACnB;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAoJzD,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/collection/components/widgets/collectionWidget/CollectionWidgetM2M.d.ts

@@ -0,0 +1,7 @@
+import { ILemaField } from '@levo-so/core';
+export interface ICollectionWidgetM2MProps {
+    field: ILemaField;
+}
+export declare const CollectionWidgetM2M: React.FC<ICollectionWidgetM2MProps>;
+export default CollectionWidgetM2M;
+//# sourceMappingURL=CollectionWidgetM2M.d.ts.map

package/dist/collection/components/widgets/collectionWidget/CollectionWidgetM2M.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollectionWidgetM2M.d.ts","sourceRoot":"","sources":["../../../../../src/collection/components/widgets/collectionWidget/CollectionWidgetM2M.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AA0BhD,MAAM,WAAW,yBAAyB;IACxC,KAAK,EAAE,UAAU,CAAC;CACnB;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAwKnE,CAAC;AAEF,eAAe,mBAAmB,CAAC"}