@levo-so/react 0.1.18 → 0.1.22

package/dist/UploadWidget-Dstuk_qo.js

@@ -0,0 +1,656 @@
+"use client";
+import { j as r } from "./jsx-runtime-B6kdoens.js";
+import { MediaKindList as rt } from "@levo-so/core";
+import { Upload as Z, X as at, ExternalLink as et } from "lucide-react";
+import { useState as B, useMemo as D, useRef as st, useEffect as R } from "react";
+import { useController as ot } from "react-hook-form";
+import { G as q, S as W, B as F, k as nt, T as ct, l as lt, m as V, n as H } from "./Spinner-BnrQ9e_i.js";
+import { t as it, g as dt, z as xt, w as J, A as ut, B as mt } from "./CollectionFormBuilder-DeGyMEXJ.js";
+import { u as G } from "./LevoProvider-BAZy7_tP.js";
+import { e as k } from "./errorHandler-_34Yv8wA.js";
+import { I as Q } from "./Input-2CvZ90f8.js";
+import { c as I } from "./cn-C9QoOYNG.js";
+import { useDropzone as ht } from "react-dropzone";
+import { c as pt, S as jt } from "./Tooltip-DPzkfrjl.js";
+import { e as $ } from "./Sonner-t6JVKA0a.js";
+import { useDebouncedCallback as yt } from "use-debounce";
+import { b as gt } from "./byteToSize-BFKZSBu1.js";
+import { C as bt } from "./Checbox-sq-atGlJ.js";
+function X(a) {
+  return q({ 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: [] }] })(a);
+}
+function vt(a) {
+  return q({ 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: [] }] })(a);
+}
+function wt(a) {
+  return q({ 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: [] }] })(a);
+}
+const Nt = ({ onChange: a, value: l, kind: j, isMultiple: n = !1 }) => {
+  const { media: s } = G(), [i, x] = B(!1), u = Array.isArray(l) ? l : [], v = D(() => {
+    let c = {};
+    return j.forEach((N) => {
+      c = {
+        ...c,
+        ...it[N]
+      };
+    }), c;
+  }, [j]), o = (c) => {
+    a == null || a(c);
+  }, y = async (c) => {
+    if ((c == null ? void 0 : c.length) === 0) {
+      $("No file selected. Please select one file.");
+      return;
+    }
+    x(!0);
+    const N = new FormData();
+    c == null || c.forEach((t) => {
+      N.append("media", t);
+    }), await (s == null ? void 0 : s.mediaBulkUpload(N).then((t) => {
+      var z, A, f;
+      (((z = t.content) == null ? void 0 : z.errors) ?? []).forEach(
+        (m) => {
+          var S, e, T;
+          (e = (S = m.param) == null ? void 0 : S.split(".")) != null && e[1] && $(
+            m.message,
+            `Error uploading ${((T = c[m.param.split(".")[1]]) == null ? void 0 : T.name) ?? "File"}`
+          );
+        }
+      );
+      const d = (f = (A = t == null ? void 0 : t.content) == null ? void 0 : A.data) == null ? void 0 : f.map(
+        (m) => {
+          var S;
+          return {
+            id: m == null ? void 0 : m.id,
+            kind: m == null ? void 0 : m.kind,
+            location: m == null ? void 0 : m.location,
+            mimetype: (S = m == null ? void 0 : m.metadata) == null ? void 0 : S.mimetype,
+            srcset: m == null ? void 0 : m.srcset
+          };
+        }
+      );
+      let h = [];
+      n ? h = [...Array.isArray(u) ? Array.from(u) : [], ...d] : h = Array.from(d), o(h), x(!1);
+    }).catch((t) => {
+      x(!1), k(t);
+    }));
+  }, g = D(() => n ? !1 : (u == null ? void 0 : u.length) > 0, [n, u]), { getRootProps: w, getInputProps: L, isDragActive: _ } = ht({
+    onDrop: y,
+    accept: v,
+    multiple: n,
+    maxSize: 25 * 1024 * 1024,
+    disabled: i || g,
+    onDropRejected: (c) => {
+      c.forEach((N) => {
+        N.errors.forEach((t) => {
+          t.code === "file-too-large" && $(`${N.file.name} is bigger than 25MB`);
+        });
+      });
+    }
+  }), P = i || g;
+  return /* @__PURE__ */ r.jsx(pt, { children: /* @__PURE__ */ r.jsx("div", { className: "w-full min-h-[150px]", children: /* @__PURE__ */ r.jsxs(
+    "div",
+    {
+      className: I(
+        "flex items-center justify-center flex-col w-full rounded-md border-dashed border-[2px] border-gray-400 h-[14rem] p-4 gap-2 relative",
+        P && "cursor-not-allowed opacity-80 "
+      ),
+      ...w(),
+      children: [
+        i && /* @__PURE__ */ r.jsx("div", { className: "absolute inset-0 flex items-center justify-center bg-white bg-opacity-60 cursor-progress", children: /* @__PURE__ */ r.jsx(W, {}) }),
+        /* @__PURE__ */ r.jsx("p", { className: "text-xl my-2", children: _ ? "Drop your files here..." : "Drag & Drop here to upload!" }),
+        /* @__PURE__ */ r.jsx(
+          "div",
+          {
+            className: I(
+              "flex gap-4",
+              P && "pointer-events-none"
+            ),
+            children: /* @__PURE__ */ r.jsx(jt, { label: "Upload", children: /* @__PURE__ */ r.jsxs(F, { size: "icon", className: "text-md", children: [
+              /* @__PURE__ */ r.jsx("input", { ...L() }),
+              /* @__PURE__ */ r.jsx(Z, { size: 20 })
+            ] }) })
+          }
+        )
+      ]
+    }
+  ) }) });
+}, ft = ({
+  selectedFiles: a = [],
+  onChange: l,
+  isMultiple: j = !1,
+  kind: n
+}) => {
+  const { media: s } = G(), [i, x] = B(1), [u, v] = B([]), [o, y] = B(!1), g = st(null), [w, L] = B({
+    searchText: "",
+    currentPage: 1
+  }), _ = yt(() => {
+    y(!0), s == null || s.getAllMedia({
+      page: w.currentPage,
+      limit: 24,
+      sort: {
+        created_at: "desc"
+      },
+      search: w.searchText || void 0
+    }).then((t) => {
+      var d, h;
+      x((h = (d = t == null ? void 0 : t.content) == null ? void 0 : d.meta) == null ? void 0 : h.pages), v((z) => {
+        var A;
+        return [...z, ...((A = t == null ? void 0 : t.content) == null ? void 0 : A.data) || []];
+      });
+    }).catch((t) => {
+      console.error(t);
+    }).finally(() => {
+      y(!1);
+    });
+  }, 500);
+  R(() => {
+    _();
+  }, [w]), R(() => {
+    const t = g.current;
+    if (t)
+      return t.addEventListener("scroll", P), () => t.removeEventListener("scroll", P);
+  }, [g, w.currentPage, i]);
+  const P = () => {
+    const t = g.current;
+    t && t.scrollTop + t.clientHeight + 1 >= t.scrollHeight && c();
+  }, c = () => {
+    w.currentPage < i && L((t) => ({
+      searchText: t.searchText,
+      currentPage: t.currentPage + 1
+    }));
+  }, N = (t) => {
+    if (!(n != null && n.includes(t == null ? void 0 : t.kind))) {
+      $(`Only ${n == null ? void 0 : n.join(", ")}s are allowed.`);
+      return;
+    }
+    j ? (a == null ? void 0 : a.findIndex((d) => (d == null ? void 0 : d.id) === (t == null ? void 0 : t.id))) >= 0 ? l == null || l(a == null ? void 0 : a.filter((d) => (d == null ? void 0 : d.id) !== (t == null ? void 0 : t.id))) : l == null || l([...a || [], t]) : l == null || l([t]);
+  };
+  return /* @__PURE__ */ r.jsxs("div", { className: "bg-white p-0 rounded-md w-full relative", children: [
+    /* @__PURE__ */ r.jsx("div", { className: "pb-2 bg-white sticky top-0 z-50 w-full", children: /* @__PURE__ */ r.jsx(
+      Q,
+      {
+        name: "searchText",
+        type: "text",
+        placeholder: "Search...",
+        value: w.searchText,
+        onChange: (t) => {
+          y(!0), L({ currentPage: 1, searchText: t.target.value }), v([]);
+        }
+      }
+    ) }),
+    o && !u.length ? /* @__PURE__ */ r.jsx("div", { className: "w-full h-full min-h-[28rem] flex items-center justify-center", children: /* @__PURE__ */ r.jsx(W, {}) }) : /* @__PURE__ */ r.jsxs(
+      "div",
+      {
+        ref: g,
+        className: "w-full h-[28rem] overflow-y-auto overflow-x-hidden grid lg:grid-cols-4 gap-x-6 gap-y-4 p-2",
+        children: [
+          u == null ? void 0 : u.map((t, d) => {
+            var A;
+            const h = n == null ? void 0 : n.includes(t == null ? void 0 : t.kind), z = (a == null ? void 0 : a.findIndex((f) => (f == null ? void 0 : f.id) === (t == null ? void 0 : t.id))) >= 0;
+            return /* @__PURE__ */ r.jsxs(
+              "div",
+              {
+                className: I(
+                  "relative w-full",
+                  h ? "opacity-100" : "opacity-50"
+                ),
+                children: [
+                  /* @__PURE__ */ r.jsxs(
+                    "div",
+                    {
+                      className: I(
+                        "cursor-pointer w-full group rounded-md overflow-hidden h-[130px] border-2 flex items-center justify-center",
+                        z ? "border-primary" : "border-gray-100"
+                      ),
+                      onClick: () => {
+                        var f;
+                        return N({
+                          id: t == null ? void 0 : t.id,
+                          location: t == null ? void 0 : t.location,
+                          mimetype: (f = t == null ? void 0 : t.metadata) == null ? void 0 : f.mimetype,
+                          kind: t == null ? void 0 : t.kind,
+                          srcset: t == null ? void 0 : t.srcset
+                        });
+                      },
+                      children: [
+                        /* @__PURE__ */ r.jsx(
+                          "div",
+                          {
+                            className: I(
+                              "rounded-md opacity-0 absolute left-0 right-0 top-0 w-full h-[42px] bg-[linear-gradient(0deg,_transparent_0%,_#000000_200%)]",
+                              h ? "group-hover:opacity-100" : ""
+                            )
+                          }
+                        ),
+                        h && /* @__PURE__ */ r.jsx(
+                          bt,
+                          {
+                            name: "isFileIncluded",
+                            className: "absolute top-[10px] left-[10px]",
+                            checked: z
+                          }
+                        ),
+                        (t == null ? void 0 : t.kind) !== "image" ? /* @__PURE__ */ r.jsx(X, { size: "60px", className: "text-gray-400" }) : /* @__PURE__ */ r.jsx(
+                          "img",
+                          {
+                            className: "w-full h-full object-contain",
+                            srcSet: (A = t == null ? void 0 : t.srcset) == null ? void 0 : A.path,
+                            src: t == null ? void 0 : t.location
+                          }
+                        )
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ r.jsxs("div", { className: "my-[10px]", children: [
+                    /* @__PURE__ */ r.jsx("p", { className: "text-sm whitespace-nowrap overflow-hidden text-ellipsis", children: t == null ? void 0 : t.filename }),
+                    /* @__PURE__ */ r.jsx("p", { className: "text-xs text-gray-500", children: gt(t == null ? void 0 : t.metadata.size) })
+                  ] })
+                ]
+              },
+              `media-layout-file-${d}`
+            );
+          }),
+          o && /* @__PURE__ */ r.jsx("div", { className: "w-full h-full flex items-center justify-center", children: /* @__PURE__ */ r.jsx(W, {}) })
+        ]
+      }
+    )
+  ] });
+}, zt = ({
+  selectedFiles: a = [],
+  onChange: l,
+  isMultiple: j = !1
+}) => {
+  const [n, s] = B("");
+  return R(() => {
+    var i, x;
+    !j && a[0] && !((i = a[0]) != null && i.location.includes("levo")) && s((x = a[0]) == null ? void 0 : x.location);
+  }, [a]), /* @__PURE__ */ r.jsx("div", { className: "bg-white p-0 rounded-md w-full relative", children: /* @__PURE__ */ r.jsxs("div", { className: "flex items-center gap-4 py-2 pl-0.5 bg-white sticky top-0 z-50 w-full", children: [
+    /* @__PURE__ */ r.jsx(
+      Q,
+      {
+        name: "searchText",
+        type: "text",
+        value: n,
+        placeholder: "Enter image URL...",
+        onChange: (i) => s(i.target.value)
+      }
+    ),
+    /* @__PURE__ */ r.jsx(
+      F,
+      {
+        onClick: () => {
+          l && fetch(n).then((i) => i == null ? void 0 : i.blob()).then((i) => {
+            const x = i.type, u = dt(x);
+            if (!u) return;
+            const v = Array.isArray(a) ? Array.from(a) : [], o = j ? [
+              ...v,
+              {
+                id: `external-${(/* @__PURE__ */ new Date()).getTime()}`,
+                location: n,
+                kind: u,
+                mimetype: x
+              }
+            ] : [
+              {
+                id: `external-${(/* @__PURE__ */ new Date()).getTime()}`,
+                location: n,
+                kind: u,
+                mimetype: x
+              }
+            ];
+            l == null || l(o);
+          }).catch((i) => {
+            console.error("Error fetching file details:", i), $("Unable to fetch file details");
+          });
+        },
+        disabled: !n,
+        children: "Add"
+      }
+    )
+  ] }) });
+}, At = ({ media: a, handleDeleteSelf: l }) => /* @__PURE__ */ r.jsxs(
+  "div",
+  {
+    className: I("group py-2 flex items-center relative w-full border-b"),
+    children: [
+      (a == null ? void 0 : a.kind) !== "image" ? /* @__PURE__ */ r.jsx(X, { size: 48, className: "text-muted-foreground/80" }) : /* @__PURE__ */ r.jsx("img", { className: "h-12 max-w-16 object-contain", src: a == null ? void 0 : a.location }),
+      /* @__PURE__ */ r.jsx("p", { className: "text-sm ml-5", children: (a == null ? void 0 : a.filename) ?? (a == null ? void 0 : a.location) }),
+      /* @__PURE__ */ r.jsx(
+        F,
+        {
+          className: "absolute right-4 top-4 z-10 opacity-0 group-hover:opacity-100",
+          size: "icon-small",
+          variant: "secondary",
+          onClick: () => l(a),
+          children: /* @__PURE__ */ r.jsx(at, { className: "text-primary", size: 20 })
+        }
+      )
+    ]
+  }
+), Y = ({ aggregatedMedia: a, setAggregatedMedia: l, containerStyles: j, kind: n }) => {
+  const s = D(
+    () => Object.entries(a).flatMap(
+      ([x, u]) => Array.isArray(u) ? u == null ? void 0 : u.map((v) => ({ ...v, identifier: x })) : []
+    ),
+    [a]
+  ), i = (x) => {
+    const { identifier: u, ...v } = x;
+    l == null || l((o) => {
+      var y;
+      return {
+        ...o,
+        [u]: (y = o == null ? void 0 : o[u]) == null ? void 0 : y.filter((g) => g.id !== v.id)
+      };
+    });
+  };
+  return (s == null ? void 0 : s.length) === 0 ? null : /* @__PURE__ */ r.jsxs("div", { className: I("mt-4", j), children: [
+    /* @__PURE__ */ r.jsx("p", { className: "text-sm text-muted-foreground mb-1", children: (n == null ? void 0 : n.length) > 1 ? "All files" : `All ${n == null ? void 0 : n[0]}s` }),
+    /* @__PURE__ */ r.jsx("div", { children: s == null ? void 0 : s.map((x) => /* @__PURE__ */ r.jsx(
+      At,
+      {
+        media: x,
+        handleDeleteSelf: i
+      },
+      x == null ? void 0 : x.id
+    )) })
+  ] });
+}, K = ({ count: a }) => a ? /* @__PURE__ */ r.jsx(
+  "span",
+  {
+    className: I(
+      "rounded-full flex-shrink-0 text-sm px-1.5 grid place-content-center bg-gray-300 ml-1"
+    ),
+    children: a
+  }
+) : null, Tt = ({
+  isOpen: a,
+  onClose: l,
+  onChange: j,
+  value: n,
+  kind: s,
+  isMultiple: i = !1,
+  isExternal: x
+}) => {
+  var P, c, N;
+  const [u, v] = B(
+    "upload"
+  ), [o, y] = B({
+    upload: [],
+    import: [],
+    external_url: []
+  }), g = () => {
+    l();
+  };
+  R(() => {
+    const t = n == null ? void 0 : n.filter((d) => !!d.location);
+    y((d) => ({
+      ...d,
+      import: t
+    }));
+  }, [n]);
+  const w = D(
+    () => {
+      var t;
+      return ((t = Object.entries(o).flatMap(
+        ([d, h]) => Array.isArray(h) ? Array.from(h) : []
+      )) == null ? void 0 : t.length) ?? 0;
+    },
+    [o]
+  ), L = () => {
+    var d;
+    const t = (d = Object.entries(o)) == null ? void 0 : d.flatMap(
+      ([h, z]) => Array.isArray(z) ? z : []
+    );
+    t && (j == null || j(t)), g();
+  }, _ = (t, d) => {
+    if (i)
+      y((h) => ({
+        ...h,
+        [d]: t
+      }));
+    else {
+      const h = [
+        ["upload", []],
+        ["import", []],
+        ["external_url", []]
+      ];
+      h.push([d, t]), y(Object == null ? void 0 : Object.fromEntries(h));
+    }
+  };
+  return /* @__PURE__ */ r.jsxs(
+    nt,
+    {
+      title: (s == null ? void 0 : s.length) > 1 ? "Upload file" : `Upload ${s == null ? void 0 : s[0]}`,
+      isOpen: a,
+      onClose: () => g(),
+      contentClassName: "max-w-[60%]",
+      children: [
+        /* @__PURE__ */ r.jsxs(ct, { value: u, onValueChange: (t) => v(t), children: [
+          /* @__PURE__ */ r.jsxs(lt, { children: [
+            /* @__PURE__ */ r.jsxs(V, { value: "upload", className: "capitalize", children: [
+              "Local ",
+              (s == null ? void 0 : s.length) > 1 ? "File" : s == null ? void 0 : s[0],
+              /* @__PURE__ */ r.jsx(K, { count: (P = o == null ? void 0 : o.upload) == null ? void 0 : P.length })
+            ] }),
+            !x && /* @__PURE__ */ r.jsxs(V, { value: "import", children: [
+              "Import from Gallery",
+              /* @__PURE__ */ r.jsx(K, { count: (c = o == null ? void 0 : o.import) == null ? void 0 : c.length })
+            ] }),
+            !x && s.includes("image") && /* @__PURE__ */ r.jsxs(V, { value: "external_url", children: [
+              "External URL",
+              /* @__PURE__ */ r.jsx(K, { count: (N = o == null ? void 0 : o.external_url) == null ? void 0 : N.length })
+            ] })
+          ] }),
+          /* @__PURE__ */ r.jsx(H, { value: "upload", children: /* @__PURE__ */ r.jsxs("div", { className: "mt-5 max-h-[70vh] overflow-y-auto pr-1", children: [
+            /* @__PURE__ */ r.jsx(
+              Nt,
+              {
+                kind: s,
+                value: o == null ? void 0 : o.upload,
+                onChange: (t) => _(t, "upload"),
+                isMultiple: i
+              }
+            ),
+            /* @__PURE__ */ r.jsx(
+              Y,
+              {
+                aggregatedMedia: o,
+                setAggregatedMedia: y,
+                kind: s
+              }
+            )
+          ] }) }),
+          /* @__PURE__ */ r.jsx(H, { value: "import", children: /* @__PURE__ */ r.jsx(
+            ft,
+            {
+              selectedFiles: o == null ? void 0 : o.import,
+              onChange: (t) => _(t, "import"),
+              isMultiple: i,
+              kind: s
+            }
+          ) }),
+          /* @__PURE__ */ r.jsx(H, { value: "external_url", children: /* @__PURE__ */ r.jsxs("div", { className: "mt-5 max-h-[70vh] overflow-y-auto pr-1", children: [
+            /* @__PURE__ */ r.jsx(
+              zt,
+              {
+                onChange: (t) => _(t, "external_url"),
+                selectedFiles: o == null ? void 0 : o.external_url,
+                isMultiple: i,
+                kind: s
+              }
+            ),
+            /* @__PURE__ */ r.jsx(
+              Y,
+              {
+                aggregatedMedia: o,
+                setAggregatedMedia: y,
+                kind: s
+              }
+            )
+          ] }) })
+        ] }),
+        /* @__PURE__ */ r.jsx("div", { className: "flex justify-end mt-5", children: /* @__PURE__ */ r.jsxs(F, { variant: "default", onClick: L, children: [
+          "Save",
+          " ",
+          w === 1 ? `${w} file` : `${w} files`
+        ] }) })
+      ]
+    }
+  );
+}, Wt = ({
+  field: a,
+  kind: l = rt,
+  isMultiple: j,
+  isExternal: n = !1
+}) => {
+  var S;
+  const { media: s } = G(), { key: i = "", label: x = "", helper_text: u = "", readonly: v = !1 } = a, {
+    field: { onBlur: o, onChange: y, value: g, disabled: w, ref: L },
+    fieldState: _
+  } = ot({
+    name: i,
+    rules: xt(a)
+  }), P = D(() => {
+    const e = [];
+    return l.forEach((T) => {
+      e.push(...J[T]);
+    }), e;
+  }, [l]), c = g ? Array.isArray(g) ? g : [g] : [], [N, t] = B(!1), d = () => t(!0), h = () => t(!1), [z, A] = B(!1), f = (e) => {
+    y && (j === !0 ? y(e) : j === !1 && y(e == null ? void 0 : e[0]));
+  }, m = async (e) => {
+    const T = new FormData();
+    let b = [...e];
+    j || (b = e == null ? void 0 : e.slice(0, 1)), (b == null ? void 0 : b.length) > 0 && (b == null || b.forEach((p) => {
+      var O;
+      const E = p.name.split("."), U = (O = E[E.length - 1]) == null ? void 0 : O.toLowerCase();
+      l == null || l.forEach((M) => {
+        P.push(...J[M]);
+      }), U && P.includes(U) && T.append("media", p);
+    })), A(!0), await (s == null ? void 0 : s.mediaBulkUpload(T).then((p) => {
+      var E, U, O, M;
+      if (A(!1), (E = p == null ? void 0 : p.content) != null && E.data) {
+        let C = [];
+        if (j) {
+          const tt = Array.isArray((U = p == null ? void 0 : p.content) == null ? void 0 : U.data) ? Array.from((O = p == null ? void 0 : p.content) == null ? void 0 : O.data) : [];
+          C = [...Array.isArray(c) ? Array.from(c) : [], ...tt];
+        } else
+          C = Array.from(
+            (M = p == null ? void 0 : p.content) == null ? void 0 : M.data
+          );
+        f(C);
+      }
+    }).catch((p) => {
+      k(p);
+    }).finally(() => {
+      A(!1);
+    }));
+  };
+  return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+    N && /* @__PURE__ */ r.jsx(
+      Tt,
+      {
+        isOpen: N,
+        onClose: h,
+        onChange: (e) => {
+          f(e);
+        },
+        value: c,
+        kind: [...l],
+        isMultiple: j,
+        isExternal: n
+      }
+    ),
+    /* @__PURE__ */ r.jsxs(
+      ut,
+      {
+        error: (S = _ == null ? void 0 : _.error) == null ? void 0 : S.message,
+        helperText: u,
+        readOnly: v,
+        children: [
+          x && /* @__PURE__ */ r.jsx(mt, { htmlFor: i, isRequired: a == null ? void 0 : a.required, children: x }),
+          /* @__PURE__ */ r.jsxs("div", { className: "flex gap-2", ref: L, children: [
+            /* @__PURE__ */ r.jsx(
+              F,
+              {
+                size: "icon-small",
+                variant: "outline",
+                disabled: w,
+                onClick: d,
+                children: /* @__PURE__ */ r.jsx(Z, { size: 15 })
+              }
+            ),
+            /* @__PURE__ */ r.jsxs("div", { className: "relative flex", children: [
+              /* @__PURE__ */ r.jsx(
+                Q,
+                {
+                  name: "pasteUrl",
+                  placeholder: "Paste your files here...",
+                  onBlur: () => o(),
+                  onPaste: (e) => {
+                    const T = e.clipboardData.items, b = [];
+                    for (let p = 0; p < T.length; p++) {
+                      const E = T[p];
+                      if ((E == null ? void 0 : E.kind) === "file") {
+                        const U = E == null ? void 0 : E.getAsFile();
+                        U && b.push(U);
+                      }
+                    }
+                    (b == null ? void 0 : b.length) > 0 && m(b);
+                  },
+                  disabled: w,
+                  readOnly: v
+                }
+              ),
+              z && /* @__PURE__ */ r.jsxs(
+                "div",
+                {
+                  role: "status",
+                  className: "absolute right-3 top-[50%] translate-y-[-50%]",
+                  children: [
+                    /* @__PURE__ */ r.jsx(vt, { className: "animate-spin" }),
+                    /* @__PURE__ */ r.jsx("span", { className: "sr-only", children: "Loading..." })
+                  ]
+                }
+              )
+            ] })
+          ] }),
+          (c == null ? void 0 : c.length) > 0 && /* @__PURE__ */ r.jsx("div", { className: "mt-3 w-full", children: /* @__PURE__ */ r.jsx("div", { className: "w-full grid gap-4 grid-cols-[repeat(auto-fill,_minmax(100px,_1fr))]", children: c == null ? void 0 : c.map((e, T) => e != null && e.location ? /* @__PURE__ */ r.jsxs(
+            "div",
+            {
+              className: "relative border overflow-hidden group w-full rounded-xl h-28 flex items-center justify-center",
+              children: [
+                /* @__PURE__ */ r.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__ */ r.jsx("a", { href: e == null ? void 0 : e.location, target: "_blank", rel: "noreferrer", children: /* @__PURE__ */ r.jsx(et, { size: 24 }) }) }),
+                (e == null ? void 0 : e.kind) !== "image" ? /* @__PURE__ */ r.jsx(X, { size: "60px", className: "text-gray-400" }) : /* @__PURE__ */ r.jsx(
+                  "img",
+                  {
+                    className: "w-full h-full object-contain",
+                    src: e == null ? void 0 : e.location,
+                    alt: e == null ? void 0 : e.id
+                  }
+                ),
+                /* @__PURE__ */ r.jsx(
+                  "button",
+                  {
+                    className: "absolute z-10 top-1 right-1 bg-white p-1 rounded-full focus:outline-none",
+                    onClick: () => {
+                      f(
+                        c == null ? void 0 : c.filter((b) => (b == null ? void 0 : b.id) !== (e == null ? void 0 : e.id))
+                      );
+                    },
+                    type: "button",
+                    children: /* @__PURE__ */ r.jsx(wt, { className: "text-sm" })
+                  }
+                )
+              ]
+            },
+            `${e == null ? void 0 : e.location}-${T}`
+          ) : null) }) })
+        ]
+      }
+    )
+  ] });
+};
+export {
+  Wt as UploadWidget,
+  Wt 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":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAMnD,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"}
+{"version":3,"file":"page.d.ts","sourceRoot":"","sources":["../../../src/audience/components/page.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAMnD,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC;IACtC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,UAAU,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC;CACvC,CA4FA,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/audience/index.js

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

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

@@ -1 +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;AA2BhD,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"}
+{"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;AA2BhD,MAAM,WAAW,yBAAyB;IACxC,KAAK,EAAE,UAAU,CAAC;CACnB;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAmKnE,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/dist/collection/components/widgets/uploadWidget/CommonPreview.d.ts

@@ -0,0 +1,11 @@
+import { IMediaObject, MediaKindList } from '@levo-so/core';
+import { default as React } from 'react';
+export type IAggregatedMedia = Record<"upload" | "import" | "external_url", IMediaObject[]>;
+declare const CommonPreview: React.FC<{
+    aggregatedMedia: IAggregatedMedia;
+    setAggregatedMedia?: React.Dispatch<React.SetStateAction<IAggregatedMedia>>;
+    containerStyles?: string;
+    kind: (typeof MediaKindList)[number][];
+}>;
+export default CommonPreview;
+//# sourceMappingURL=CommonPreview.d.ts.map

package/dist/collection/components/widgets/uploadWidget/CommonPreview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommonPreview.d.ts","sourceRoot":"","sources":["../../../../../src/collection/components/widgets/uploadWidget/CommonPreview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAU,YAAY,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AACzE,OAAO,KAAkB,MAAM,OAAO,CAAC;AAOvC,MAAM,MAAM,gBAAgB,GAAG,MAAM,CACnC,QAAQ,GAAG,QAAQ,GAAG,cAAc,EACpC,YAAY,EAAE,CACf,CAAC;AAgCF,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC;IAC5B,eAAe,EAAE,gBAAgB,CAAC;IAClC,kBAAkB,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAC5E,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,IAAI,EAAE,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC;CACxC,CA0CA,CAAC;AAEF,eAAe,aAAa,CAAC"}