@techzyapp/ui-library 1.0.43 → 1.0.44

package/dist/FileUploader-B27Y4rak.js

@@ -0,0 +1,706 @@
+import { jsx as r, jsxs as b, Fragment as ze } from "react/jsx-runtime";
+import { useState as M, forwardRef as jt, useId as $t, useEffect as oe, useRef as z } from "react";
+import { clsx as P } from "clsx";
+import { useSensors as Ct, useSensor as et, PointerSensor as Wt, KeyboardSensor as qt, DndContext as Kt, closestCenter as Gt } from "@dnd-kit/core";
+import { sortableKeyboardCoordinates as Vt, SortableContext as Ht, rectSortingStrategy as Xt, arrayMove as Yt, useSortable as Jt } from "@dnd-kit/sortable";
+import { CSS as Qt } from "@dnd-kit/utilities";
+import { useAutoAnimate as Zt } from "@formkit/auto-animate/react";
+import { useDropzone as en } from "react-dropzone";
+import { u as tn } from "./formContext-B7ln1Miy.js";
+import { t as tt } from "./toastStore-Cx_JOKwS.js";
+import { b as O } from "./Icon-B7DJn8Tw.js";
+import { S as nn } from "./Skeleton-_-uGax2j.js";
+import { T as nt } from "./Typography-ChSuxgkc.js";
+import { B as ot } from "./Button-5LQtDA9d.js";
+import { M as on } from "./Modal-1rIBMvKH.js";
+import { T as sn } from "./TextField-oZI7thoU.js";
+import { a as he, i as rn } from "./ConfigProvider-CYgmMH4j.js";
+import { O as ln } from "./Overlay-DiL0ZARH.js";
+import { I as an } from "./ImageEditor-DTFQZ6ON.js";
+import { f as ge } from "./TextField.module-6gYcR9TL.js";
+const cn = "_altFields_1a31t_4", dn = {
+  altFields: cn
+};
+function un({
+  name: t,
+  editLocales: n,
+  initialDraft: s,
+  onClose: a,
+  onSave: p
+}) {
+  const u = he(), [T, j] = M(s);
+  return /* @__PURE__ */ r(
+    on,
+    {
+      open: !0,
+      onClose: a,
+      size: "sm",
+      icon: "Text",
+      title: u("fileUploader.altTitle"),
+      description: t,
+      footer: /* @__PURE__ */ b(ze, { children: [
+        /* @__PURE__ */ r(ot, { variant: "text", color: "accent", size: "sm", onClick: a, children: u("common.cancel") }),
+        /* @__PURE__ */ r(ot, { size: "sm", onClick: () => p({ draft: T }), children: u("common.save") })
+      ] }),
+      children: /* @__PURE__ */ r("div", { className: dn.altFields, children: n.map((v) => /* @__PURE__ */ r(
+        sn,
+        {
+          label: v.label ?? (v.code || u("fileUploader.altTitle")),
+          placeholder: u("fileUploader.altPlaceholder"),
+          value: T[v.code] ?? "",
+          onChange: (w) => j(($) => ({ ...$, [v.code]: w.target.value }))
+        },
+        v.code
+      )) })
+    }
+  );
+}
+const fn = "_backdrop_5m3z1_5", pn = "_media_5m3z1_9", mn = "_mediaSvg_5m3z1_19", gn = "_close_5m3z1_27", ne = {
+  backdrop: fn,
+  media: pn,
+  mediaSvg: mn,
+  close: gn
+};
+function hn({
+  url: t,
+  isVideo: n,
+  isSvg: s,
+  name: a,
+  onClose: p
+}) {
+  const u = he();
+  return /* @__PURE__ */ b(
+    ln,
+    {
+      open: !0,
+      onClose: p,
+      dim: 0.85,
+      className: ne.backdrop,
+      role: "dialog",
+      "aria-modal": "true",
+      "aria-label": u("fileUploader.preview", { name: a }),
+      children: [
+        /* @__PURE__ */ r(
+          "button",
+          {
+            type: "button",
+            className: ne.close,
+            "aria-label": u("fileUploader.closePreview"),
+            onClick: p,
+            autoFocus: !0,
+            children: /* @__PURE__ */ r(O, { name: "Close", size: "lg" })
+          }
+        ),
+        n ? /* @__PURE__ */ r("video", { src: t, className: ne.media, controls: !0, playsInline: !0 }) : (
+          // an SVG's natural size is unreliable, so it always gets the floored box (`.mediaSvg`); a raster
+          // keeps its natural size, only capped to the viewport (`.media`)
+          /* @__PURE__ */ r("img", { src: t, alt: a, className: P(ne.media, s && ne.mediaSvg) })
+        )
+      ]
+    }
+  );
+}
+const _n = "_root_1kst8_5", bn = "_fullWidth_1kst8_18", kn = "_disabled_1kst8_23", yn = "_dropzone_1kst8_26", vn = "_dropping_1kst8_84", xn = "_error_1kst8_90", Sn = "_dropIcon_1kst8_100", Tn = "_dropText_1kst8_138", Un = "_dropTitle_1kst8_145", In = "_dropRequired_1kst8_154", En = "_prompt_1kst8_157", wn = "_accent_1kst8_163", Nn = "_hint_1kst8_177", Ln = "_list_1kst8_183", Fn = "_populated_1kst8_193", Dn = "_tile_1kst8_210", Mn = "_grabbable_1kst8_237", zn = "_entering_1kst8_246", On = "_dragging_1kst8_251", Pn = "_tileError_1kst8_265", Bn = "_tileImg_1kst8_276", Rn = "_tileImgPending_1kst8_299", An = "_tileSkeleton_1kst8_302", jn = "_tilePlay_1kst8_309", $n = "_tileFile_1kst8_335", Cn = "_tileFallback_1kst8_343", Wn = "_fileBadge_1kst8_352", qn = "_fileExt_1kst8_372", Kn = "_tileTop_1kst8_392", Gn = "_tileBottom_1kst8_403", Vn = "_tileRemove_1kst8_415", Hn = "_tileAction_1kst8_416", Xn = "_tileActionEnd_1kst8_476", Yn = "_tileText_1kst8_479", Jn = "_name_1kst8_486", Qn = "_nameBase_1kst8_493", Zn = "_nameExt_1kst8_499", eo = "_tileMeta_1kst8_503", to = "_metaError_1kst8_507", l = {
+  root: _n,
+  fullWidth: bn,
+  disabled: kn,
+  dropzone: yn,
+  dropping: vn,
+  error: xn,
+  dropIcon: Sn,
+  dropText: Tn,
+  dropTitle: Un,
+  dropRequired: In,
+  prompt: En,
+  accent: wn,
+  hint: Nn,
+  list: Ln,
+  populated: Fn,
+  tile: Dn,
+  grabbable: Mn,
+  entering: zn,
+  dragging: On,
+  tileError: Pn,
+  tileImg: Bn,
+  tileImgPending: Rn,
+  tileSkeleton: An,
+  tilePlay: jn,
+  tileFile: $n,
+  tileFallback: Cn,
+  fileBadge: Wn,
+  fileExt: qn,
+  tileTop: Kn,
+  tileBottom: Gn,
+  tileRemove: Vn,
+  tileAction: Hn,
+  tileActionEnd: Xn,
+  tileText: Yn,
+  name: Jn,
+  nameBase: Qn,
+  nameExt: Zn,
+  tileMeta: eo,
+  metaError: to
+}, it = () => typeof URL < "u" && typeof URL.createObjectURL == "function", no = 300, oo = (t, n, s, a) => {
+  let p = [{}, {}], u = no;
+  if (n === "add")
+    u = 0;
+  else if (n === "remove")
+    p = [{ opacity: 1 }, { opacity: 0 }];
+  else if (t.classList.contains(l.entering) || t.classList.contains(l.list))
+    u = 0;
+  else if (s && a) {
+    const T = s.left - a.left, j = s.top - a.top;
+    p = [{ transform: `translate(${T}px, ${j}px)` }, { transform: "translate(0, 0)" }];
+  }
+  return new KeyframeEffect(t, p, { duration: u, easing: "ease-out" });
+}, De = /* @__PURE__ */ new WeakMap();
+function so(t, n) {
+  var a;
+  const s = (p, u) => Math.abs(p - u) < 0.5;
+  return !!n && s(t.crop.x, 0) && s(t.crop.y, 0) && s(t.crop.width, n.width) && s(t.crop.height, n.height) && Math.abs(t.rotation) < 1e-6 && !t.flipX && !t.flipY && Math.abs(t.scale - 1) < 1e-6 && !t.colorMatrix && !t.resize && !(((a = t.redact) == null ? void 0 : a.amount) > 0) && Object.values(t.finetune).every((p) => p === 0);
+}
+function ro(t, n) {
+  const s = { "image/jpeg": "jpg", "image/png": "png", "image/webp": "webp" }[n];
+  if (!s) return t;
+  const a = /^(.*?)(\.[^.]+)?$/.exec(t), p = (a == null ? void 0 : a[1]) || "image", u = ((a == null ? void 0 : a[2]) ?? "").slice(1).toLowerCase();
+  return u === s || s === "jpg" && u === "jpeg" ? t : `${p}.${s}`;
+}
+const se = (t) => {
+  if (t < 1024) return `${t} B`;
+  const n = ["KB", "MB", "GB", "TB"];
+  let s = t / 1024, a = 0;
+  for (; s >= 1024 && a < n.length - 1; )
+    s /= 1024, a += 1;
+  return `${s.toFixed(s < 10 ? 1 : 0)} ${n[a]}`;
+}, lo = (t) => {
+  if (typeof t == "number") return t;
+  const n = /^\s*([\d.]+)\s*(b|kb|mb|gb|tb)?\s*$/i.exec(t);
+  if (!n) return;
+  const s = {
+    b: 1,
+    kb: 1024,
+    mb: 1024 ** 2,
+    gb: 1024 ** 3,
+    tb: 1024 ** 4
+  };
+  return parseFloat(n[1]) * (s[(n[2] || "b").toLowerCase()] ?? 1);
+}, at = (t) => `f:${t.name}:${t.size}:${t.lastModified}`, io = (t) => t.file ? at(t.file) : `s:${t.source ?? ""}`, re = (t) => t.file ? t.file.name : t.source ? /^(data|blob):/i.test(t.source) ? "File" : t.source.split(/[?#]/)[0].split("/").pop() || "File" : "File", st = (t) => {
+  if (t.file) return t.file.type.startsWith("image/");
+  const n = t.source;
+  return n ? /^data:image\//i.test(n) ? !0 : /^data:/i.test(n) ? !1 : /\.(png|jpe?g|gif|webp|avif|svg|bmp|ico|heic|heif)(?:[?#]|$)/i.test(n) || !/\.[a-z0-9]{1,8}(?:[?#]|$)/i.test(n) : !1;
+}, rt = /* @__PURE__ */ new Set(["image/jpeg", "image/jpg", "image/png", "image/webp"]), lt = /\.(jpe?g|png|webp)(?:[?#]|$)/i, ao = (t) => {
+  if (t.file) {
+    const a = t.file.type.toLowerCase();
+    return a ? rt.has(a) : lt.test(t.file.name);
+  }
+  const n = t.source;
+  if (!n) return !1;
+  const s = /^data:([^;,]+)/i.exec(n);
+  return s ? rt.has(s[1].toLowerCase()) : lt.test(n) || !/\.[a-z0-9]{1,8}(?:[?#]|$)/i.test(n);
+}, co = (t) => {
+  const n = t ? Object.keys(t) : [];
+  return n.length > 0 && n.every((s) => s.toLowerCase().startsWith("image/"));
+}, Me = (t) => {
+  if (t.file) return t.file.type.startsWith("video/");
+  const n = t.source;
+  return n ? /^data:video\//i.test(n) || /\.(mp4|webm|ogg|ogv|mov|m4v|avi|mkv)(?:[?#]|$)/i.test(n) : !1;
+}, uo = (t) => {
+  if (typeof document > "u") return;
+  const n = document.createElement("a");
+  if (n.style.display = "none", t.file) {
+    if (!it()) return;
+    const s = URL.createObjectURL(t.file);
+    n.href = s, n.download = t.file.name, document.body.appendChild(n), n.click(), n.remove(), setTimeout(() => URL.revokeObjectURL(s), 1e3);
+  } else t.source && (n.href = t.source, n.download = re(t), n.target = "_blank", n.rel = "noopener", document.body.appendChild(n), n.click(), n.remove());
+}, fo = (t) => {
+  const n = t.lastIndexOf(".");
+  return n > 0 && t.length - n <= 7 ? { base: t.slice(0, n), ext: t.slice(n) } : { base: t, ext: "" };
+};
+function po({
+  id: t,
+  item: n,
+  preview: s,
+  sortable: a,
+  entering: p,
+  disabled: u,
+  error: T,
+  onRemove: j,
+  onEdit: v,
+  onAltText: w,
+  onDownload: $,
+  onView: y,
+  onPreviewError: W
+}) {
+  const { attributes: x, listeners: le, setNodeRef: _e, transform: ie, transition: be, isDragging: Y } = Jt({
+    id: t,
+    disabled: !a
+  }), q = {
+    transform: Qt.Transform.toString(ie),
+    transition: be
+  }, B = he(), N = re(n), { base: ae, ext: K } = fo(N), [U, C] = M(() => !s || s.startsWith("blob:")), G = z(s);
+  G.current !== s && (G.current = s, C(!s || s.startsWith("blob:")));
+  const ce = z(null);
+  oe(() => {
+    const g = ce.current;
+    g != null && g.complete && g.naturalWidth > 0 && C(!0);
+  }, [s]);
+  const de = () => {
+    C(!0), W == null || W();
+  }, ke = n.file ? se(n.file.size) : B("fileUploader.uploaded"), ye = Me(n), ve = $ ? /* @__PURE__ */ r(
+    "button",
+    {
+      type: "button",
+      className: l.tileAction,
+      "aria-label": B("fileUploader.download", { name: N }),
+      onClick: $,
+      onPointerDown: (g) => g.stopPropagation(),
+      children: /* @__PURE__ */ r(O, { name: "DocumentDownload", size: "sm" })
+    }
+  ) : null;
+  return /* @__PURE__ */ b(
+    "div",
+    {
+      ref: _e,
+      style: q,
+      className: P(
+        l.tile,
+        !s && l.tileFile,
+        // no media to show → the light file-card look (no dark scrims)
+        a && l.grabbable,
+        p && l.entering,
+        Y && l.dragging,
+        T && l.tileError
+      ),
+      ...x,
+      ...le,
+      children: [
+        s && !U && /* @__PURE__ */ r(nn, { variant: "rect", width: "100%", height: "100%", className: l.tileSkeleton }),
+        s ? ye ? /* @__PURE__ */ b(ze, { children: [
+          /* @__PURE__ */ r(
+            "video",
+            {
+              src: s,
+              className: l.tileImg,
+              muted: !0,
+              playsInline: !0,
+              preload: "metadata",
+              draggable: !1,
+              onLoadedData: () => C(!0),
+              onError: de
+            }
+          ),
+          /* @__PURE__ */ r("span", { className: l.tilePlay, "aria-hidden": "true", children: /* @__PURE__ */ r(O, { name: "Play", size: "lg" }) })
+        ] }) : /* @__PURE__ */ r(
+          "img",
+          {
+            ref: ce,
+            src: s,
+            alt: "",
+            className: P(l.tileImg, !U && l.tileImgPending),
+            draggable: !1,
+            onLoad: () => C(!0),
+            onError: de
+          }
+        ) : (
+          // a non-media file (or a failed preview): a file badge carrying the extension ("PDF", "DOCX")
+          /* @__PURE__ */ r("span", { className: l.tileFallback, "aria-hidden": "true", children: /* @__PURE__ */ b("span", { className: l.fileBadge, children: [
+            /* @__PURE__ */ r(O, { name: "Document", size: "lg" }),
+            K && /* @__PURE__ */ r("span", { className: l.fileExt, children: K.slice(1) })
+          ] }) })
+        ),
+        /* @__PURE__ */ b("div", { className: l.tileTop, children: [
+          /* @__PURE__ */ b("span", { className: l.tileText, children: [
+            /* @__PURE__ */ b("span", { className: l.name, title: N, children: [
+              /* @__PURE__ */ r("span", { className: l.nameBase, children: ae }),
+              K && /* @__PURE__ */ r("span", { className: l.nameExt, children: K })
+            ] }),
+            /* @__PURE__ */ r("span", { className: P(l.tileMeta, T && l.metaError), children: T ?? ke })
+          ] }),
+          !u && /* @__PURE__ */ r(
+            "button",
+            {
+              type: "button",
+              className: l.tileRemove,
+              "aria-label": B("fileUploader.remove", { name: N }),
+              onClick: j,
+              onPointerDown: (g) => g.stopPropagation(),
+              children: /* @__PURE__ */ r(O, { name: "Close", size: "sm" })
+            }
+          )
+        ] }),
+        (v || w || $ || y) && /* @__PURE__ */ b("div", { className: l.tileBottom, children: [
+          v && /* @__PURE__ */ r(
+            "button",
+            {
+              type: "button",
+              className: l.tileAction,
+              "aria-label": B("fileUploader.edit", { name: N }),
+              onClick: v,
+              onPointerDown: (g) => g.stopPropagation(),
+              children: /* @__PURE__ */ r(O, { name: "Magicpen", size: "sm" })
+            }
+          ),
+          w && /* @__PURE__ */ r(
+            "button",
+            {
+              type: "button",
+              className: l.tileAction,
+              "aria-label": B("fileUploader.editAlt", { name: N }),
+              onClick: w,
+              onPointerDown: (g) => g.stopPropagation(),
+              children: /* @__PURE__ */ r(O, { name: "Text", size: "sm" })
+            }
+          ),
+          ve,
+          y && /* @__PURE__ */ r(
+            "button",
+            {
+              type: "button",
+              className: P(l.tileAction, l.tileActionEnd),
+              "aria-label": B("fileUploader.preview", { name: N }),
+              onClick: y,
+              onPointerDown: (g) => g.stopPropagation(),
+              children: /* @__PURE__ */ r(O, { name: "Eye", size: "sm" })
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+const zo = jt(function({
+  multiple: n = !1,
+  allowDrop: s = !0,
+  allowReorder: a = !0,
+  allowDownload: p = !0,
+  allowPreview: u = !0,
+  allowEdit: T = !0,
+  allowAltText: j = !0,
+  altTextLocales: v,
+  localizedAltText: w = !0,
+  allowDuplicates: $ = !1,
+  disabled: y = !1,
+  accept: W,
+  maxFiles: x,
+  maxFileSize: le,
+  itemInsertLocation: _e = "end",
+  value: ie,
+  defaultValue: be,
+  onChange: Y,
+  label: q,
+  error: B,
+  helperText: N,
+  required: ae = !1,
+  fullWidth: K = !0,
+  name: U,
+  id: C,
+  onBlur: G,
+  className: ce,
+  style: de,
+  ...ke
+}, ye) {
+  const ve = $t(), g = C ?? ve, Oe = `${g}-helper`, L = le != null ? lo(le) : void 0, [ue, xe] = M(null);
+  oe(() => {
+    if (!ue) return;
+    const e = window.setTimeout(() => xe(null), 4e3);
+    return () => window.clearTimeout(e);
+  }, [ue]);
+  const J = tn(), Pe = !!(J && U), F = J && U ? J.field(U) : void 0, Be = n ? [] : null, Re = ie !== void 0 ? ie : Pe ? J.values[U] ?? Be : void 0, Ae = Re !== void 0, [ct, dt] = M(be ?? Be), Q = Ae ? Re : ct, m = Q == null ? [] : Array.isArray(Q) ? Q : [Q], Se = B ?? (F == null ? void 0 : F.error) ?? !1, ut = N ?? (F == null ? void 0 : F.helperText), Te = ue ?? ut, ft = !!ue || Se, fe = a && n && !y, je = z(/* @__PURE__ */ new WeakMap()), $e = z(0), pt = (e, o) => {
+    if (e.file) {
+      let i = je.current.get(e.file);
+      return i || ($e.current += 1, i = `f${$e.current}`, je.current.set(e.file, i)), i;
+    }
+    return e.source ? `s:${e.source}` : `i:${o}`;
+  }, _ = m.map((e, o) => pt(e, o)), Ce = z(/* @__PURE__ */ new Set()), mt = new Set(_.filter((e) => !Ce.current.has(e)));
+  oe(() => {
+    Ce.current = new Set(_);
+  });
+  const [gt, We] = M(() => /* @__PURE__ */ new Set()), ht = (e) => We((o) => o.has(e) ? o : new Set(o).add(e)), [_t, bt] = M(() => /* @__PURE__ */ new Set()), kt = (e) => bt((o) => o.has(e) ? o : new Set(o).add(e)), pe = z(/* @__PURE__ */ new Map()), Ue = (e) => {
+    if (e.file) {
+      const o = e.file.type;
+      if (!o.startsWith("image/") && !o.startsWith("video/") || !it() || _t.has(e.file))
+        return null;
+      let i = pe.current.get(e.file);
+      return i || (i = URL.createObjectURL(e.file), pe.current.set(e.file, i)), i;
+    }
+    return e.source && !gt.has(e.source) ? e.source : null;
+  }, [D, qe] = M(null);
+  oe(() => {
+    const e = pe.current, o = new Set(m.map((c) => c.file).filter(Boolean)), i = new Set(m.filter((c) => !c.file && c.source).map((c) => c.source));
+    for (const [c, f] of e)
+      !o.has(c) && f !== (D == null ? void 0 : D.url) && (URL.revokeObjectURL(f), e.delete(c));
+    We((c) => {
+      if (c.size === 0) return c;
+      const f = new Set([...c].filter((d) => i.has(d)));
+      return f.size === c.size ? c : f;
+    });
+  }, [Q, D]), oe(() => {
+    const e = pe.current;
+    return () => {
+      for (const o of e.values()) URL.revokeObjectURL(o);
+      e.clear();
+    };
+  }, []);
+  const yt = (e) => e.map((o, i) => o.sortIndex === i ? o : { ...o, sortIndex: i }), V = (e) => {
+    const o = yt(e), i = n ? o : o[0] ?? null;
+    Ae || dt(i), Pe && J.setValue(U, i), Y == null || Y(i);
+  }, Ie = () => F == null ? void 0 : F.onBlur({}), k = he(), vt = rn(), Ke = v ?? vt, xt = w && Ke.length > 0 ? Ke : [{ code: "" }], [Z, Ge] = M(null), Ee = Z != null ? _.indexOf(Z) : -1, R = Ee !== -1 ? m[Ee] : null, St = (e) => Ge(_[e] ?? null), we = () => Ge(null), [ee, Ve] = M(null), He = ee != null ? _.indexOf(ee) : -1, S = He !== -1 ? m[He] : null, H = S != null && S.file ? De.get(S.file) : void 0, Xe = (H == null ? void 0 : H.original) ?? (S == null ? void 0 : S.file) ?? (S == null ? void 0 : S.source) ?? null, Ye = z(null), Je = z({ items: m, ids: _ });
+  Je.current = { items: m, ids: _ };
+  const Tt = ({ dest: e, imageState: o }) => {
+    const { items: i, ids: c } = Je.current, f = ee != null ? c.indexOf(ee) : -1;
+    if (f === -1) return;
+    const d = i[f], I = d.file ? De.get(d.file) : void 0, h = (I == null ? void 0 : I.original) || d.file || d.source || null;
+    if (!h) return;
+    const E = so(o, Ye.current);
+    if (E && !I) return;
+    let X;
+    if (E) {
+      const { file: A, ...me } = d;
+      X = typeof h == "string" ? { ...me, source: h } : { ...me, file: h, source: "" };
+    } else {
+      const A = new File([e], ro(re(d), e.type), {
+        type: e.type,
+        lastModified: Date.now()
+      });
+      De.set(A, { original: h, state: o }), X = { ...d, file: A, source: "" };
+    }
+    V(i.map((A, me) => me === f ? X : A));
+  }, Ut = (e) => {
+    const o = Ue(e);
+    if (!o) return;
+    const i = e.file ? e.file.type === "image/svg+xml" : /^data:image\/svg/i.test(e.source ?? "") || /\.svg(?:[?#]|$)/i.test(e.source ?? "");
+    qe({ url: o, isVideo: Me(e), isSvg: i, name: re(e) });
+  }, It = R ? w ? R.altText && typeof R.altText == "object" ? { ...R.altText } : {} : { "": typeof R.altText == "string" ? R.altText : "" } : {}, Et = ({ draft: e }) => {
+    if (Ee === -1) return we();
+    V(
+      m.map((o, i) => {
+        if (_[i] !== Z) return o;
+        const c = { ...o };
+        if (w) {
+          const f = Object.fromEntries(
+            Object.entries(e).map(([d, I]) => [d, I.trim()]).filter(([, d]) => d !== "")
+          );
+          c.altText = Object.keys(f).length > 0 ? f : void 0;
+        } else
+          c.altText = (e[""] ?? "").trim() || void 0;
+        return c;
+      })
+    ), we();
+  }, wt = (e, o = []) => {
+    const i = o.filter((h) => h.errors.some((E) => E.code === "file-invalid-type")), c = o.filter((h) => h.errors.some((E) => E.code === "file-too-large"));
+    i.length > 0 && tt.error(
+      i.length === 1 ? k("fileUploader.wrongTypeOne", { name: i[0].file.name }) : k("fileUploader.wrongTypeMany", { count: i.length })
+    ), c.length > 0 && L != null && tt.error(
+      c.length === 1 ? k("fileUploader.tooLargeOne", {
+        name: c[0].file.name,
+        size: se(L)
+      }) : k("fileUploader.tooLargeMany", { count: c.length, size: se(L) })
+    );
+    const f = [];
+    let d = e;
+    if (n && !$) {
+      const h = new Set(m.map(io)), E = [];
+      for (const X of d) {
+        const A = at(X);
+        h.has(A) || (h.add(A), E.push(X));
+      }
+      E.length < d.length && f.push(k("fileUploader.duplicate")), d = E;
+    }
+    if (n && x != null) {
+      const h = Math.max(0, x - m.length);
+      d.length > h && (d = d.slice(0, h), f.push(
+        x === 1 ? k("fileUploader.hintUpToOne", { count: x }) : k("fileUploader.hintUpToMany", { count: x })
+      ));
+    }
+    if (xe(f.length > 0 ? f.join(" · ") : null), d.length === 0) return;
+    const I = d.map((h) => ({ file: h, source: "", sortIndex: 0 }));
+    if (!n) {
+      V([I[0]]);
+      return;
+    }
+    V(_e === "start" ? [...I, ...m] : [...m, ...I]);
+  }, Nt = (e) => {
+    xe(null), V(m.filter((o, i) => i !== e)), Ie();
+  }, [Lt, Ne] = Zt(oo), Qe = () => {
+    typeof requestAnimationFrame == "function" ? requestAnimationFrame(() => Ne(!0)) : Ne(!0);
+  }, Ft = () => Ne(!1), Dt = () => Qe(), Mt = (e) => {
+    const { active: o, over: i } = e;
+    if (i && o.id !== i.id) {
+      const c = _.indexOf(String(o.id)), f = _.indexOf(String(i.id));
+      c !== -1 && f !== -1 && V(Yt(m, c, f));
+    }
+    Qe();
+  }, zt = Ct(
+    et(Wt, { activationConstraint: { distance: 5 } }),
+    et(qt, { coordinateGetter: Vt })
+  ), te = z(!1), { getRootProps: Ot, getInputProps: Pt, isDragActive: Bt } = en({
+    multiple: n,
+    accept: W,
+    // reject oversized picks here so they never get added; the rejection surfaces as a Toast in addFiles
+    maxSize: L,
+    disabled: y,
+    noKeyboard: !1,
+    noDrag: !s,
+    onFileDialogOpen: () => {
+      te.current = !0;
+    },
+    onFileDialogCancel: () => {
+      te.current = !1, Ie();
+    },
+    onDrop: (e, o) => {
+      te.current = !1, wt(e, o);
+    }
+  }), Le = n || m.length === 0, Fe = [];
+  n && x != null && Fe.push(
+    x === 1 ? k("fileUploader.hintUpToOne", { count: x }) : k("fileUploader.hintUpToMany", { count: x })
+  ), L != null && Fe.push(k("fileUploader.hintMax", { size: se(L) }));
+  const Ze = Fe.join(" · "), Rt = s ? /* @__PURE__ */ b(ze, { children: [
+    /* @__PURE__ */ r("span", { className: l.accent, children: k("fileUploader.choose") }),
+    " ",
+    k("fileUploader.dropSuffix")
+  ] }) : /* @__PURE__ */ r("span", { className: l.accent, children: k("fileUploader.choose") }), At = (e) => {
+    if (G == null || G(e), !e.currentTarget.contains(e.relatedTarget) && !(Z != null || ee != null)) {
+      if (te.current) {
+        te.current = !1;
+        return;
+      }
+      Ie();
+    }
+  };
+  return /* @__PURE__ */ b(
+    "div",
+    {
+      ref: ye,
+      id: g,
+      className: P(
+        l.root,
+        K && l.fullWidth,
+        Se && l.error,
+        y && l.disabled,
+        ce
+      ),
+      style: de,
+      "aria-invalid": Se || void 0,
+      "aria-describedby": Te != null ? Oe : void 0,
+      onBlur: At,
+      ...ke,
+      ...U ? { name: U, tabIndex: -1 } : {},
+      children: [
+        q != null && !Le && /* @__PURE__ */ b("label", { className: ge.label, children: [
+          /* @__PURE__ */ r(nt, { as: "span", variant: "bodySmall", color: "muted", children: q }),
+          ae && /* @__PURE__ */ r("span", { className: ge.required, "aria-hidden": "true", children: "*" })
+        ] }),
+        Le && /* @__PURE__ */ b(
+          "div",
+          {
+            ...Ot({ className: P(l.dropzone, Bt && l.dropping) }),
+            children: [
+              /* @__PURE__ */ r("input", { ...Pt() }),
+              /* @__PURE__ */ r("span", { className: l.dropIcon, "aria-hidden": "true", children: /* @__PURE__ */ r(O, { name: co(W) ? "GalleryExport" : "Upload", size: "lg" }) }),
+              /* @__PURE__ */ b("span", { className: l.dropText, children: [
+                q != null && /* @__PURE__ */ b("span", { className: l.dropTitle, children: [
+                  q,
+                  ae && /* @__PURE__ */ r(
+                    "span",
+                    {
+                      className: P(ge.required, l.dropRequired),
+                      "aria-hidden": "true",
+                      children: "*"
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ r("span", { className: l.prompt, children: Rt }),
+                Ze && /* @__PURE__ */ r("span", { className: l.hint, children: Ze })
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ r(
+          Kt,
+          {
+            sensors: zt,
+            collisionDetection: Gt,
+            onDragStart: fe ? Ft : void 0,
+            onDragEnd: fe ? Mt : void 0,
+            onDragCancel: fe ? Dt : void 0,
+            children: /* @__PURE__ */ r(Ht, { items: _, strategy: Xt, children: /* @__PURE__ */ r(
+              "div",
+              {
+                ref: Lt,
+                className: P(l.list, Le && m.length > 0 && l.populated),
+                children: m.map((e, o) => /* @__PURE__ */ r(
+                  po,
+                  {
+                    id: _[o],
+                    item: e,
+                    preview: Ue(e),
+                    sortable: fe && m.length > 1,
+                    entering: mt.has(_[o]),
+                    disabled: y,
+                    error: e.file && L != null && e.file.size > L ? k("fileUploader.exceedsLimit", { size: se(L) }) : void 0,
+                    onRemove: () => Nt(o),
+                    onEdit: T && !y && ao(e) ? () => Ve(_[o] ?? null) : void 0,
+                    onAltText: j && !y && st(e) ? () => St(o) : void 0,
+                    onDownload: p && !y ? () => uo(e) : void 0,
+                    onView: u && !y && Ue(e) != null && (st(e) || Me(e)) ? () => Ut(e) : void 0,
+                    onPreviewError: e.file ? () => kt(e.file) : e.source ? () => ht(e.source) : void 0
+                  },
+                  _[o]
+                ))
+              }
+            ) })
+          }
+        ),
+        Te != null && /* @__PURE__ */ r(
+          nt,
+          {
+            as: "span",
+            id: Oe,
+            variant: "bodySmall",
+            color: ft ? "error" : "muted",
+            className: ge.helper,
+            role: "status",
+            "aria-live": "polite",
+            children: Te
+          }
+        ),
+        R && /* @__PURE__ */ r(
+          un,
+          {
+            name: re(R),
+            editLocales: xt,
+            initialDraft: It,
+            onClose: we,
+            onSave: Et
+          },
+          Z
+        ),
+        /* @__PURE__ */ r(
+          an,
+          {
+            open: S != null && Xe != null,
+            src: Xe,
+            initialState: H == null ? void 0 : H.state,
+            onLoad: (e) => Ye.current = e,
+            onProcess: Tt,
+            onClose: () => Ve(null)
+          }
+        ),
+        D && /* @__PURE__ */ r(
+          hn,
+          {
+            url: D.url,
+            isVideo: D.isVideo,
+            isSvg: D.isSvg,
+            name: D.name,
+            onClose: () => qe(null)
+          }
+        )
+      ]
+    }
+  );
+});
+export {
+  zo as F
+};
+//# sourceMappingURL=FileUploader-B27Y4rak.js.map