@techzyapp/ui-library 1.0.44 → 1.0.46

package/dist/FileUploader-DPVF76Ha.js

@@ -0,0 +1,701 @@
+import { jsx as s, jsxs as y, Fragment as ge } from "react/jsx-runtime";
+import { useState as M, forwardRef as At, useId as jt, useEffect as ee, useRef as z } from "react";
+import { clsx as P } from "clsx";
+import { useSensors as $t, useSensor as et, PointerSensor as Ct, KeyboardSensor as Wt, 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 on } from "./Typography-ChSuxgkc.js";
+import { B as nt } from "./Button-C415LPw_.js";
+import { M as ln } from "./Modal-DpoiMMM3.js";
+import { T as rn } from "./TextField-CyKIx-d-.js";
+import { a as _e, i as sn } from "./ConfigProvider-DVDGtCUc.js";
+import { O as an } from "./Overlay-DiL0ZARH.js";
+import { I as cn } from "./ImageEditor-BwrG1fk7.js";
+import { f as ot } from "./TextField.module-6gYcR9TL.js";
+const dn = "_altFields_1a31t_4", un = {
+  altFields: dn
+};
+function fn({
+  name: t,
+  editLocales: n,
+  initialDraft: l,
+  onClose: a,
+  onSave: p
+}) {
+  const u = _e(), [q, j] = M(l);
+  return /* @__PURE__ */ s(
+    ln,
+    {
+      open: !0,
+      onClose: a,
+      size: "sm",
+      icon: "Text",
+      title: u("fileUploader.altTitle"),
+      description: t,
+      footer: /* @__PURE__ */ y(ge, { children: [
+        /* @__PURE__ */ s(nt, { variant: "text", color: "accent", size: "sm", onClick: a, children: u("common.cancel") }),
+        /* @__PURE__ */ s(nt, { size: "sm", onClick: () => p({ draft: q }), children: u("common.save") })
+      ] }),
+      children: /* @__PURE__ */ s("div", { className: un.altFields, children: n.map((T) => /* @__PURE__ */ s(
+        rn,
+        {
+          label: T.label ?? (T.code || u("fileUploader.altTitle")),
+          placeholder: u("fileUploader.altPlaceholder"),
+          value: q[T.code] ?? "",
+          onChange: (k) => j(($) => ({ ...$, [T.code]: k.target.value }))
+        },
+        T.code
+      )) })
+    }
+  );
+}
+const pn = "_backdrop_5m3z1_5", mn = "_media_5m3z1_9", gn = "_mediaSvg_5m3z1_19", _n = "_close_5m3z1_27", Z = {
+  backdrop: pn,
+  media: mn,
+  mediaSvg: gn,
+  close: _n
+};
+function hn({
+  url: t,
+  isVideo: n,
+  isSvg: l,
+  name: a,
+  onClose: p
+}) {
+  const u = _e();
+  return /* @__PURE__ */ y(
+    an,
+    {
+      open: !0,
+      onClose: p,
+      dim: 0.85,
+      className: Z.backdrop,
+      role: "dialog",
+      "aria-modal": "true",
+      "aria-label": u("fileUploader.preview", { name: a }),
+      children: [
+        /* @__PURE__ */ s(
+          "button",
+          {
+            type: "button",
+            className: Z.close,
+            "aria-label": u("fileUploader.closePreview"),
+            onClick: p,
+            autoFocus: !0,
+            children: /* @__PURE__ */ s(O, { name: "Close", size: "lg" })
+          }
+        ),
+        n ? /* @__PURE__ */ s("video", { src: t, className: Z.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__ */ s("img", { src: t, alt: a, className: P(Z.media, l && Z.mediaSvg) })
+        )
+      ]
+    }
+  );
+}
+const bn = "_root_37l0q_5", yn = "_fullWidth_37l0q_18", vn = "_disabled_37l0q_23", xn = "_dropzone_37l0q_26", Sn = "_dropping_37l0q_84", Tn = "_error_37l0q_90", Un = "_dropIcon_37l0q_100", qn = "_dropText_37l0q_138", In = "_dropTitle_37l0q_145", En = "_dropRequired_37l0q_154", kn = "_prompt_37l0q_157", wn = "_accent_37l0q_163", Ln = "_hint_37l0q_177", Nn = "_list_37l0q_183", Fn = "_populated_37l0q_193", Dn = "_tile_37l0q_210", Mn = "_grabbable_37l0q_237", zn = "_entering_37l0q_246", On = "_dragging_37l0q_251", Pn = "_tileError_37l0q_265", Bn = "_tileImg_37l0q_276", Rn = "_tileImgPending_37l0q_299", An = "_tileSkeleton_37l0q_302", jn = "_tilePlay_37l0q_309", $n = "_tileFile_37l0q_335", Cn = "_tileFallback_37l0q_343", Wn = "_fileBadge_37l0q_352", Kn = "_fileExt_37l0q_372", Gn = "_tileTop_37l0q_392", Vn = "_tileBottom_37l0q_403", Hn = "_tileRemove_37l0q_415", Xn = "_tileAction_37l0q_416", Yn = "_tileActionEnd_37l0q_476", Jn = "_tileText_37l0q_479", Qn = "_name_37l0q_486", Zn = "_nameBase_37l0q_493", eo = "_nameExt_37l0q_499", to = "_tileMeta_37l0q_503", no = "_metaError_37l0q_507", oo = "_tileLabel_37l0q_521", lo = "_tileLabeled_37l0q_528", r = {
+  root: bn,
+  fullWidth: yn,
+  disabled: vn,
+  dropzone: xn,
+  dropping: Sn,
+  error: Tn,
+  dropIcon: Un,
+  dropText: qn,
+  dropTitle: In,
+  dropRequired: En,
+  prompt: kn,
+  accent: wn,
+  hint: Ln,
+  list: Nn,
+  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: Kn,
+  tileTop: Gn,
+  tileBottom: Vn,
+  tileRemove: Hn,
+  tileAction: Xn,
+  tileActionEnd: Yn,
+  tileText: Jn,
+  name: Qn,
+  nameBase: Zn,
+  nameExt: eo,
+  tileMeta: to,
+  metaError: no,
+  tileLabel: oo,
+  tileLabeled: lo
+}, it = () => typeof URL < "u" && typeof URL.createObjectURL == "function", ro = 300, so = (t, n, l, a) => {
+  let p = [{}, {}], u = ro;
+  if (n === "add")
+    u = 0;
+  else if (n === "remove")
+    p = [{ opacity: 1 }, { opacity: 0 }];
+  else if (t.classList.contains(r.entering) || t.classList.contains(r.list))
+    u = 0;
+  else if (l && a) {
+    const q = l.left - a.left, j = l.top - a.top;
+    p = [{ transform: `translate(${q}px, ${j}px)` }, { transform: "translate(0, 0)" }];
+  }
+  return new KeyframeEffect(t, p, { duration: u, easing: "ease-out" });
+}, Me = /* @__PURE__ */ new WeakMap();
+function io(t, n) {
+  var a;
+  const l = (p, u) => Math.abs(p - u) < 0.5;
+  return !!n && l(t.crop.x, 0) && l(t.crop.y, 0) && l(t.crop.width, n.width) && l(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 ao(t, n) {
+  const l = { "image/jpeg": "jpg", "image/png": "png", "image/webp": "webp" }[n];
+  if (!l) 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 === l || l === "jpg" && u === "jpeg" ? t : `${p}.${l}`;
+}
+const te = (t) => {
+  if (t < 1024) return `${t} B`;
+  const n = ["KB", "MB", "GB", "TB"];
+  let l = t / 1024, a = 0;
+  for (; l >= 1024 && a < n.length - 1; )
+    l /= 1024, a += 1;
+  return `${l.toFixed(l < 10 ? 1 : 0)} ${n[a]}`;
+}, co = (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 l = {
+    b: 1,
+    kb: 1024,
+    mb: 1024 ** 2,
+    gb: 1024 ** 3,
+    tb: 1024 ** 4
+  };
+  return parseFloat(n[1]) * (l[(n[2] || "b").toLowerCase()] ?? 1);
+}, at = (t) => `f:${t.name}:${t.size}:${t.lastModified}`, uo = (t) => t.file ? at(t.file) : `s:${t.source ?? ""}`, ne = (t) => t.file ? t.file.name : t.source ? /^(data|blob):/i.test(t.source) ? "File" : t.source.split(/[?#]/)[0].split("/").pop() || "File" : "File", lt = (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"]), st = /\.(jpe?g|png|webp)(?:[?#]|$)/i, fo = (t) => {
+  if (t.file) {
+    const a = t.file.type.toLowerCase();
+    return a ? rt.has(a) : st.test(t.file.name);
+  }
+  const n = t.source;
+  if (!n) return !1;
+  const l = /^data:([^;,]+)/i.exec(n);
+  return l ? rt.has(l[1].toLowerCase()) : st.test(n) || !/\.[a-z0-9]{1,8}(?:[?#]|$)/i.test(n);
+}, po = (t) => {
+  const n = t ? Object.keys(t) : [];
+  return n.length > 0 && n.every((l) => l.toLowerCase().startsWith("image/"));
+}, ze = (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;
+}, mo = (t) => {
+  if (typeof document > "u") return;
+  const n = document.createElement("a");
+  if (n.style.display = "none", t.file) {
+    if (!it()) return;
+    const l = URL.createObjectURL(t.file);
+    n.href = l, n.download = t.file.name, document.body.appendChild(n), n.click(), n.remove(), setTimeout(() => URL.revokeObjectURL(l), 1e3);
+  } else t.source && (n.href = t.source, n.download = ne(t), n.target = "_blank", n.rel = "noopener", document.body.appendChild(n), n.click(), n.remove());
+}, go = (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 _o({
+  id: t,
+  item: n,
+  preview: l,
+  sortable: a,
+  entering: p,
+  disabled: u,
+  error: q,
+  onRemove: j,
+  onEdit: T,
+  onAltText: k,
+  onDownload: $,
+  onView: x,
+  onPreviewError: C,
+  fieldLabel: v
+}) {
+  const { attributes: oe, listeners: he, setNodeRef: le, transform: be, transition: V, isDragging: re } = Jt({
+    id: t,
+    disabled: !a
+  }), ye = {
+    transform: Qt.Transform.toString(be),
+    transition: V
+  }, B = _e(), w = ne(n), { base: ve, ext: S } = go(w), [se, L] = M(() => !l || l.startsWith("blob:")), ie = z(l);
+  ie.current !== l && (ie.current = l, L(!l || l.startsWith("blob:")));
+  const ae = z(null);
+  ee(() => {
+    const g = ae.current;
+    g != null && g.complete && g.naturalWidth > 0 && L(!0);
+  }, [l]);
+  const ce = () => {
+    L(!0), C == null || C();
+  }, xe = n.file ? te(n.file.size) : B("fileUploader.uploaded"), Se = ze(n), de = $ ? /* @__PURE__ */ s(
+    "button",
+    {
+      type: "button",
+      className: r.tileAction,
+      "aria-label": B("fileUploader.download", { name: w }),
+      onClick: $,
+      onPointerDown: (g) => g.stopPropagation(),
+      children: /* @__PURE__ */ s(O, { name: "DocumentDownload", size: "sm" })
+    }
+  ) : null;
+  return /* @__PURE__ */ y(
+    "div",
+    {
+      ref: le,
+      style: ye,
+      className: P(
+        r.tile,
+        !l && r.tileFile,
+        // no media to show → the light file-card look (no dark scrims)
+        a && r.grabbable,
+        p && r.entering,
+        re && r.dragging,
+        q && r.tileError,
+        v != null && r.tileLabeled
+      ),
+      ...oe,
+      ...he,
+      children: [
+        l && !se && /* @__PURE__ */ s(nn, { variant: "rect", width: "100%", height: "100%", className: r.tileSkeleton }),
+        l ? Se ? /* @__PURE__ */ y(ge, { children: [
+          /* @__PURE__ */ s(
+            "video",
+            {
+              src: l,
+              className: r.tileImg,
+              muted: !0,
+              playsInline: !0,
+              preload: "metadata",
+              draggable: !1,
+              onLoadedData: () => L(!0),
+              onError: ce
+            }
+          ),
+          /* @__PURE__ */ s("span", { className: r.tilePlay, "aria-hidden": "true", children: /* @__PURE__ */ s(O, { name: "Play", size: "lg" }) })
+        ] }) : /* @__PURE__ */ s(
+          "img",
+          {
+            ref: ae,
+            src: l,
+            alt: "",
+            className: P(r.tileImg, !se && r.tileImgPending),
+            draggable: !1,
+            onLoad: () => L(!0),
+            onError: ce
+          }
+        ) : (
+          // a non-media file (or a failed preview): a file badge carrying the extension ("PDF", "DOCX")
+          /* @__PURE__ */ s("span", { className: r.tileFallback, "aria-hidden": "true", children: /* @__PURE__ */ y("span", { className: r.fileBadge, children: [
+            /* @__PURE__ */ s(O, { name: "Document", size: "lg" }),
+            S && /* @__PURE__ */ s("span", { className: r.fileExt, children: S.slice(1) })
+          ] }) })
+        ),
+        /* @__PURE__ */ y("div", { className: r.tileTop, children: [
+          /* @__PURE__ */ y("span", { className: r.tileText, children: [
+            v != null && /* @__PURE__ */ s("span", { className: r.tileLabel, children: v }),
+            /* @__PURE__ */ y("span", { className: r.name, title: w, children: [
+              /* @__PURE__ */ s("span", { className: r.nameBase, children: ve }),
+              S && /* @__PURE__ */ s("span", { className: r.nameExt, children: S })
+            ] }),
+            /* @__PURE__ */ s("span", { className: P(r.tileMeta, q && r.metaError), children: q ?? xe })
+          ] }),
+          !u && /* @__PURE__ */ s(
+            "button",
+            {
+              type: "button",
+              className: r.tileRemove,
+              "aria-label": B("fileUploader.remove", { name: w }),
+              onClick: j,
+              onPointerDown: (g) => g.stopPropagation(),
+              children: /* @__PURE__ */ s(O, { name: "Close", size: "sm" })
+            }
+          )
+        ] }),
+        (T || k || $ || x) && /* @__PURE__ */ y("div", { className: r.tileBottom, children: [
+          T && /* @__PURE__ */ s(
+            "button",
+            {
+              type: "button",
+              className: r.tileAction,
+              "aria-label": B("fileUploader.edit", { name: w }),
+              onClick: T,
+              onPointerDown: (g) => g.stopPropagation(),
+              children: /* @__PURE__ */ s(O, { name: "Magicpen", size: "sm" })
+            }
+          ),
+          k && /* @__PURE__ */ s(
+            "button",
+            {
+              type: "button",
+              className: r.tileAction,
+              "aria-label": B("fileUploader.editAlt", { name: w }),
+              onClick: k,
+              onPointerDown: (g) => g.stopPropagation(),
+              children: /* @__PURE__ */ s(O, { name: "Text", size: "sm" })
+            }
+          ),
+          de,
+          x && /* @__PURE__ */ s(
+            "button",
+            {
+              type: "button",
+              className: P(r.tileAction, r.tileActionEnd),
+              "aria-label": B("fileUploader.preview", { name: w }),
+              onClick: x,
+              onPointerDown: (g) => g.stopPropagation(),
+              children: /* @__PURE__ */ s(O, { name: "Eye", size: "sm" })
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+const Po = At(function({
+  multiple: n = !1,
+  allowDrop: l = !0,
+  allowReorder: a = !0,
+  allowDownload: p = !0,
+  allowPreview: u = !0,
+  allowEdit: q = !0,
+  allowAltText: j = !0,
+  altTextLocales: T,
+  localizedAltText: k = !0,
+  allowDuplicates: $ = !1,
+  disabled: x = !1,
+  accept: C,
+  maxFiles: v,
+  maxFileSize: oe,
+  itemInsertLocation: he = "end",
+  value: le,
+  defaultValue: be,
+  onChange: V,
+  label: re,
+  error: ye,
+  helperText: B,
+  required: w = !1,
+  fullWidth: ve = !0,
+  name: S,
+  id: se,
+  onBlur: L,
+  className: ie,
+  style: ae,
+  ...ce
+}, xe) {
+  const Se = jt(), de = se ?? Se, g = `${de}-helper`, N = oe != null ? co(oe) : void 0, [ue, Te] = M(null);
+  ee(() => {
+    if (!ue) return;
+    const e = window.setTimeout(() => Te(null), 4e3);
+    return () => window.clearTimeout(e);
+  }, [ue]);
+  const H = tn(), Oe = !!(H && S), F = H && S ? H.field(S) : void 0, Pe = n ? [] : null, Be = le !== void 0 ? le : Oe ? H.values[S] ?? Pe : void 0, Re = Be !== void 0, [ct, dt] = M(be ?? Pe), X = Re ? Be : ct, m = X == null ? [] : Array.isArray(X) ? X : [X], Ue = ye ?? (F == null ? void 0 : F.error) ?? !1, ut = B ?? (F == null ? void 0 : F.helperText), qe = ue ?? ut, ft = !!ue || Ue, fe = a && n && !x, Ae = z(/* @__PURE__ */ new WeakMap()), je = z(0), pt = (e, o) => {
+    if (e.file) {
+      let i = Ae.current.get(e.file);
+      return i || (je.current += 1, i = `f${je.current}`, Ae.current.set(e.file, i)), i;
+    }
+    return e.source ? `s:${e.source}` : `i:${o}`;
+  }, h = m.map((e, o) => pt(e, o)), $e = z(/* @__PURE__ */ new Set()), mt = new Set(h.filter((e) => !$e.current.has(e)));
+  ee(() => {
+    $e.current = new Set(h);
+  });
+  const [gt, Ce] = M(() => /* @__PURE__ */ new Set()), _t = (e) => Ce((o) => o.has(e) ? o : new Set(o).add(e)), [ht, bt] = M(() => /* @__PURE__ */ new Set()), yt = (e) => bt((o) => o.has(e) ? o : new Set(o).add(e)), pe = z(/* @__PURE__ */ new Map()), Ie = (e) => {
+    if (e.file) {
+      const o = e.file.type;
+      if (!o.startsWith("image/") && !o.startsWith("video/") || !it() || ht.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, We] = M(null);
+  ee(() => {
+    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));
+    Ce((c) => {
+      if (c.size === 0) return c;
+      const f = new Set([...c].filter((d) => i.has(d)));
+      return f.size === c.size ? c : f;
+    });
+  }, [X, D]), ee(() => {
+    const e = pe.current;
+    return () => {
+      for (const o of e.values()) URL.revokeObjectURL(o);
+      e.clear();
+    };
+  }, []);
+  const vt = (e) => e.map((o, i) => o.sortIndex === i ? o : { ...o, sortIndex: i }), W = (e) => {
+    const o = vt(e), i = n ? o : o[0] ?? null;
+    Re || dt(i), Oe && H.setValue(S, i), V == null || V(i);
+  }, Ee = () => F == null ? void 0 : F.onBlur({}), b = _e(), xt = sn(), Ke = T ?? xt, St = k && Ke.length > 0 ? Ke : [{ code: "" }], [Y, Ge] = M(null), ke = Y != null ? h.indexOf(Y) : -1, R = ke !== -1 ? m[ke] : null, Tt = (e) => Ge(h[e] ?? null), we = () => Ge(null), [J, Ve] = M(null), He = J != null ? h.indexOf(J) : -1, U = He !== -1 ? m[He] : null, K = U != null && U.file ? Me.get(U.file) : void 0, Xe = (K == null ? void 0 : K.original) ?? (U == null ? void 0 : U.file) ?? (U == null ? void 0 : U.source) ?? null, Ye = z(null), Je = z({ items: m, ids: h });
+  Je.current = { items: m, ids: h };
+  const Ut = ({ dest: e, imageState: o }) => {
+    const { items: i, ids: c } = Je.current, f = J != null ? c.indexOf(J) : -1;
+    if (f === -1) return;
+    const d = i[f], I = d.file ? Me.get(d.file) : void 0, _ = (I == null ? void 0 : I.original) || d.file || d.source || null;
+    if (!_) return;
+    const E = io(o, Ye.current);
+    if (E && !I) return;
+    let G;
+    if (E) {
+      const { file: A, ...me } = d;
+      G = typeof _ == "string" ? { ...me, source: _ } : { ...me, file: _, source: "" };
+    } else {
+      const A = new File([e], ao(ne(d), e.type), {
+        type: e.type,
+        lastModified: Date.now()
+      });
+      Me.set(A, { original: _, state: o }), G = { ...d, file: A, source: "" };
+    }
+    W(i.map((A, me) => me === f ? G : A));
+  }, qt = (e) => {
+    const o = Ie(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 ?? "");
+    We({ url: o, isVideo: ze(e), isSvg: i, name: ne(e) });
+  }, It = R ? k ? R.altText && typeof R.altText == "object" ? { ...R.altText } : {} : { "": typeof R.altText == "string" ? R.altText : "" } : {}, Et = ({ draft: e }) => {
+    if (ke === -1) return we();
+    W(
+      m.map((o, i) => {
+        if (h[i] !== Y) return o;
+        const c = { ...o };
+        if (k) {
+          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();
+  }, kt = (e, o = []) => {
+    const i = o.filter((_) => _.errors.some((E) => E.code === "file-invalid-type")), c = o.filter((_) => _.errors.some((E) => E.code === "file-too-large"));
+    i.length > 0 && tt.error(
+      i.length === 1 ? b("fileUploader.wrongTypeOne", { name: i[0].file.name }) : b("fileUploader.wrongTypeMany", { count: i.length })
+    ), c.length > 0 && N != null && tt.error(
+      c.length === 1 ? b("fileUploader.tooLargeOne", {
+        name: c[0].file.name,
+        size: te(N)
+      }) : b("fileUploader.tooLargeMany", { count: c.length, size: te(N) })
+    );
+    const f = [];
+    let d = e;
+    if (n && !$) {
+      const _ = new Set(m.map(uo)), E = [];
+      for (const G of d) {
+        const A = at(G);
+        _.has(A) || (_.add(A), E.push(G));
+      }
+      E.length < d.length && f.push(b("fileUploader.duplicate")), d = E;
+    }
+    if (n && v != null) {
+      const _ = Math.max(0, v - m.length);
+      d.length > _ && (d = d.slice(0, _), f.push(
+        v === 1 ? b("fileUploader.hintUpToOne", { count: v }) : b("fileUploader.hintUpToMany", { count: v })
+      ));
+    }
+    if (Te(f.length > 0 ? f.join(" · ") : null), d.length === 0) return;
+    const I = d.map((_) => ({ file: _, source: "", sortIndex: 0 }));
+    if (!n) {
+      W([I[0]]);
+      return;
+    }
+    W(he === "start" ? [...I, ...m] : [...m, ...I]);
+  }, wt = (e) => {
+    Te(null), W(m.filter((o, i) => i !== e)), Ee();
+  }, [Lt, Le] = Zt(so), Qe = () => {
+    typeof requestAnimationFrame == "function" ? requestAnimationFrame(() => Le(!0)) : Le(!0);
+  }, Nt = () => Le(!1), Ft = () => Qe(), Dt = (e) => {
+    const { active: o, over: i } = e;
+    if (i && o.id !== i.id) {
+      const c = h.indexOf(String(o.id)), f = h.indexOf(String(i.id));
+      c !== -1 && f !== -1 && W(Yt(m, c, f));
+    }
+    Qe();
+  }, Mt = $t(
+    et(Ct, { activationConstraint: { distance: 5 } }),
+    et(Wt, { coordinateGetter: Vt })
+  ), Q = z(!1), { getRootProps: zt, getInputProps: Ot, isDragActive: Pt } = en({
+    multiple: n,
+    accept: C,
+    // reject oversized picks here so they never get added; the rejection surfaces as a Toast in addFiles
+    maxSize: N,
+    disabled: x,
+    noKeyboard: !1,
+    noDrag: !l,
+    onFileDialogOpen: () => {
+      Q.current = !0;
+    },
+    onFileDialogCancel: () => {
+      Q.current = !1, Ee();
+    },
+    onDrop: (e, o) => {
+      Q.current = !1, kt(e, o);
+    }
+  }), Ne = n || m.length === 0, Fe = [];
+  n && v != null && Fe.push(
+    v === 1 ? b("fileUploader.hintUpToOne", { count: v }) : b("fileUploader.hintUpToMany", { count: v })
+  ), N != null && Fe.push(b("fileUploader.hintMax", { size: te(N) }));
+  const Ze = Fe.join(" · "), Bt = l ? /* @__PURE__ */ y(ge, { children: [
+    /* @__PURE__ */ s("span", { className: r.accent, children: b("fileUploader.choose") }),
+    " ",
+    b("fileUploader.dropSuffix")
+  ] }) : /* @__PURE__ */ s("span", { className: r.accent, children: b("fileUploader.choose") }), Rt = (e) => {
+    if (L == null || L(e), !e.currentTarget.contains(e.relatedTarget) && !(Y != null || J != null)) {
+      if (Q.current) {
+        Q.current = !1;
+        return;
+      }
+      Ee();
+    }
+  }, De = re != null ? /* @__PURE__ */ y(ge, { children: [
+    re,
+    w && /* @__PURE__ */ s("span", { className: P(ot.required, r.dropRequired), "aria-hidden": "true", children: "*" })
+  ] }) : void 0;
+  return /* @__PURE__ */ y(
+    "div",
+    {
+      ref: xe,
+      id: de,
+      className: P(
+        r.root,
+        ve && r.fullWidth,
+        Ue && r.error,
+        x && r.disabled,
+        ie
+      ),
+      style: ae,
+      "aria-invalid": Ue || void 0,
+      "aria-describedby": qe != null ? g : void 0,
+      onBlur: Rt,
+      ...ce,
+      ...S ? { name: S, tabIndex: -1 } : {},
+      children: [
+        Ne && /* @__PURE__ */ y(
+          "div",
+          {
+            ...zt({ className: P(r.dropzone, Pt && r.dropping) }),
+            children: [
+              /* @__PURE__ */ s("input", { ...Ot() }),
+              /* @__PURE__ */ s("span", { className: r.dropIcon, "aria-hidden": "true", children: /* @__PURE__ */ s(O, { name: po(C) ? "GalleryExport" : "Upload", size: "lg" }) }),
+              /* @__PURE__ */ y("span", { className: r.dropText, children: [
+                De && /* @__PURE__ */ s("span", { className: r.dropTitle, children: De }),
+                /* @__PURE__ */ s("span", { className: r.prompt, children: Bt }),
+                Ze && /* @__PURE__ */ s("span", { className: r.hint, children: Ze })
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ s(
+          Kt,
+          {
+            sensors: Mt,
+            collisionDetection: Gt,
+            onDragStart: fe ? Nt : void 0,
+            onDragEnd: fe ? Dt : void 0,
+            onDragCancel: fe ? Ft : void 0,
+            children: /* @__PURE__ */ s(Ht, { items: h, strategy: Xt, children: /* @__PURE__ */ s(
+              "div",
+              {
+                ref: Lt,
+                className: P(r.list, Ne && m.length > 0 && r.populated),
+                children: m.map((e, o) => /* @__PURE__ */ s(
+                  _o,
+                  {
+                    id: h[o],
+                    item: e,
+                    preview: Ie(e),
+                    sortable: fe && m.length > 1,
+                    entering: mt.has(h[o]),
+                    disabled: x,
+                    error: e.file && N != null && e.file.size > N ? b("fileUploader.exceedsLimit", { size: te(N) }) : void 0,
+                    onRemove: () => wt(o),
+                    onEdit: q && !x && fo(e) ? () => Ve(h[o] ?? null) : void 0,
+                    onAltText: j && !x && lt(e) ? () => Tt(o) : void 0,
+                    onDownload: p && !x ? () => mo(e) : void 0,
+                    onView: u && !x && Ie(e) != null && (lt(e) || ze(e)) ? () => qt(e) : void 0,
+                    fieldLabel: Ne ? void 0 : De,
+                    onPreviewError: e.file ? () => yt(e.file) : e.source ? () => _t(e.source) : void 0
+                  },
+                  h[o]
+                ))
+              }
+            ) })
+          }
+        ),
+        qe != null && /* @__PURE__ */ s(
+          on,
+          {
+            as: "span",
+            id: g,
+            variant: "bodySmall",
+            color: ft ? "error" : "muted",
+            className: ot.helper,
+            role: "status",
+            "aria-live": "polite",
+            children: qe
+          }
+        ),
+        R && /* @__PURE__ */ s(
+          fn,
+          {
+            name: ne(R),
+            editLocales: St,
+            initialDraft: It,
+            onClose: we,
+            onSave: Et
+          },
+          Y
+        ),
+        /* @__PURE__ */ s(
+          cn,
+          {
+            open: U != null && Xe != null,
+            src: Xe,
+            initialState: K == null ? void 0 : K.state,
+            onLoad: (e) => Ye.current = e,
+            onProcess: Ut,
+            onClose: () => Ve(null)
+          }
+        ),
+        D && /* @__PURE__ */ s(
+          hn,
+          {
+            url: D.url,
+            isVideo: D.isVideo,
+            isSvg: D.isSvg,
+            name: D.name,
+            onClose: () => We(null)
+          }
+        )
+      ]
+    }
+  );
+});
+export {
+  Po as F
+};
+//# sourceMappingURL=FileUploader-DPVF76Ha.js.map