@oneplatformdev/ui 0.1.99-beta.27 → 0.1.99-beta.270

package/Dropzone/Dropzone.js

@@ -1,156 +1,355 @@
-import { jsxs as t, jsx as l, Fragment as j } from "react/jsx-runtime";
-import { X as H } from "lucide-react";
-import { forwardRef as O, useState as g, useImperativeHandle as X } from "react";
-import { useDropzone as Y } from "react-dropzone";
-import { cn as n } from "@oneplatformdev/utils";
-import { Card as q } from "../Card/Card.js";
-import { DEFAULT_FILE_TYPES as G } from "./Dropzone.types.js";
-import { FilePreview as J } from "./DropzoneFilePreview.js";
-import { DropzoneSinglePickPreview as K } from "./DropzoneSinglePickPreview.js";
-import { DefaultFileIcon as Q, isFile as v, extractName as R } from "./DropzoneUtils.js";
-const Z = O(
+import { jsxs as l, jsx as e, Fragment as Y } from "react/jsx-runtime";
+import { X as B, UploadIcon as ge, FileTextIcon as G, InfoIcon as we } from "lucide-react";
+import { forwardRef as Ne, useState as J, useEffect as ve, useImperativeHandle as Fe } from "react";
+import { useDropzone as be } from "react-dropzone";
+import { cn as m } from "@oneplatformdev/utils";
+import { Card as ye } from "../Card/Card.js";
+import { DEFAULT_FILE_TYPES as Ce } from "./Dropzone.types.js";
+import { FilePreview as ze } from "./DropzoneFilePreview.js";
+import { DropzoneSinglePickPreview as Ee } from "./DropzoneSinglePickPreview.js";
+import { isFile as v, extractName as De } from "./DropzoneUtils.js";
+import { Button as Ie } from "../Button/Button.js";
+const K = (f = 0) => `${(f / (1024 * 1024)).toFixed(0)} MB`, Me = (f, u) => {
+  if (f === u) return !0;
+  if (f.length !== u.length) return !1;
+  for (let p = 0; p < f.length; p++) {
+    const o = f[p], c = u[p];
+    if (o !== c) {
+      if (typeof o == "string" && typeof c == "string") {
+        if (o !== c) return !1;
+        continue;
+      }
+      if (v(o) && v(c)) {
+        if (o.name !== c.name || o.size !== c.size || o.type !== c.type || o.lastModified !== c.lastModified)
+          return !1;
+        continue;
+      }
+      return !1;
+    }
+  }
+  return !0;
+}, ke = Ne(
   ({
-    acceptTypes: w = G,
-    maxSizeMB: N,
-    maxFiles: x = 1,
-    onErrors: E,
-    hideErrors: y = !1,
+    acceptTypes: f = Ce,
+    maxSizeMB: u,
+    maxFiles: p = 1,
+    onErrors: o,
+    hideErrors: c = !1,
     disabled: a = !1,
-    classNames: m,
-    value: F = [],
-    onChangeValue: h,
-    className: z,
-    labelDropzonePrompt: D = "Drop files here or click to select",
-    labelDropzoneSubPrompt: I = "",
-    labelOrClickToSelect: $ = "Click to select files",
-    labelSelectedFiles: b = "Selected Files",
-    labelUploadErrors: S = "Upload Errors",
-    labelFileTooLarge: C = "File is too large",
-    labelInvalidFileType: W = "Invalid file type",
-    singlePick: i = !1,
-    labelDropzoneClassname: k,
-    labelDropzoneSubClassname: B,
-    ...T
-  }, _) => {
-    const [s, d] = g(F), [p, A] = g([]), L = (e, o) => {
-      A(o), E?.(o);
-      const r = i ? e.slice(0, 1) : [...s, ...e].slice(0, x);
-      d(r), h?.(r);
-    }, u = (e, o) => {
+    classNames: F,
+    value: g,
+    onChangeValue: S,
+    className: Q,
+    labelDropzonePrompt: C = "Drop files here or click to select",
+    labelDropzoneSubPrompt: Z = "",
+    labelOrClickToSelect: U = "Upload file",
+    labelSelectedFiles: V = "Selected Files",
+    labelUploadErrors: ee = "Upload Errors",
+    labelFileTooLarge: j = "File is too large",
+    labelInvalidFileType: A = "Invalid file type",
+    labelVideoUploaded: te = "Uploaded",
+    labelVideoReplace: le = "Replace",
+    singlePick: n = !1,
+    labelDropzoneClassname: ie,
+    labelDropzoneSubClassname: re,
+    isUploading: d = !1,
+    uploadProgress: R = 0,
+    uploadLoadedBytes: ne = 0,
+    uploadTotalBytes: se = 0,
+    onCancelUpload: W,
+    labelUploadingTitle: oe = "Uploading video...",
+    labelUploadingHint: ce = "Please do not close this page",
+    labelUploadingActionCancel: ae = "Cancel",
+    persistentDropzone: $ = !1,
+    previewVariant: w = "default",
+    ...z
+  }, de) => {
+    const [i, b] = J(g ?? []), [x, _] = J([]), y = i[0], T = x[0]?.file, E = n && i.length > 0 && v(y), me = E && y.type.includes("image"), q = E && y.type.includes("video"), H = E && !me && !q, L = n && !i.length && !!T, h = H ? y : T, D = n && q, fe = D, I = n && i.length > 0, pe = (t, s) => {
+      _(s), o?.(s);
+      const r = n ? t.slice(0, 1) : [...i, ...t].slice(0, p);
+      b(r), S?.(r);
+    };
+    ve(() => {
+      g && !Me(i, g) && b(g);
+    }, [i, g]);
+    const M = (t, s) => {
       if (a) return;
-      e.stopPropagation();
-      const r = s.filter((c, f) => f !== o);
-      d(r), h?.(r);
-    }, { getRootProps: M, getInputProps: P, isDragActive: U } = Y({
-      onDrop: L,
-      accept: w.reduce((e, o) => (e[o] = [], e), {}),
-      maxSize: N * 1024 * 1024,
-      maxFiles: i ? 1 : x,
-      disabled: a
+      t.stopPropagation();
+      const r = i.filter((N, k) => k !== s);
+      b(r), S?.(r);
+    }, { getRootProps: xe, getInputProps: he, isDragActive: ue, open: O } = be({
+      onDrop: pe,
+      accept: f.reduce((t, s) => (t[s] = [], t), {}),
+      maxSize: u * 1024 * 1024,
+      maxFiles: n ? 1 : p,
+      disabled: a || d,
+      noClick: !0
     });
-    return X(_, () => ({
-      setItems: d
-    }), []), /* @__PURE__ */ t(
-      q,
-      {
-        ...M(),
-        ...T,
-        className: n(
-          "border-dashed p-2 text-center flex flex-col items-center justify-center cursor-pointer",
-          a && "border-[#E4E4E7] pointer-events-none",
-          p.length > 0 ? "border-red-500" : "border-[#E4E4E7]!",
-          U && "bg-gray-100",
-          i && "shadow-none!",
-          i && s.length > 0 && "p-0! shadow-none!",
-          z
-        ),
-        children: [
-          /* @__PURE__ */ l("input", { ...P() }),
-          s.length === 0 && p.length === 0 && /* @__PURE__ */ t(
-            "div",
-            {
-              className: n(
-                "flex flex-col items-center gap-1",
-                m?.idleWrapper
-              ),
-              children: [
-                /* @__PURE__ */ l(Q, {}),
-                !a && /* @__PURE__ */ t(j, { children: [
-                  /* @__PURE__ */ l("span", { className: n("font-medium text-md text-foreground max-w-[200px]", k), children: D }),
-                  /* @__PURE__ */ l("span", { className: n("font-normal text-xs text-foreground max-w-[250px]", B), children: I })
-                ] })
-              ]
-            }
+    Fe(de, () => ({
+      setItems: b
+    }), []);
+    const P = !d && !n && $ && i.length > 0, X = !d && !n && i.length > 0 && /* @__PURE__ */ l("div", { className: m("w-full mt-2", F?.previewWrapper), children: [
+      w === "default" && /* @__PURE__ */ l("pre", { className: "font-semibold text-gray-600", children: [
+        V,
+        ":"
+      ] }),
+      /* @__PURE__ */ e(
+        "ul",
+        {
+          className: m(
+            "mt-2 text-sm text-gray-500 flex flex-wrap items-start",
+            w === "image-grid" ? "gap-2 justify-start" : "gap-4 justify-center"
           ),
-          p.length > 0 && /* @__PURE__ */ t("div", { className: n("w-full mt-4", m?.errorWrapper), children: [
-            /* @__PURE__ */ t("span", { className: "font-semibold text-red-500", children: [
-              S,
-              ":"
-            ] }),
-            /* @__PURE__ */ l("ul", { className: "mt-2 text-sm text-red-500 list-disc list-inside", children: p.map((e, o) => /* @__PURE__ */ t("li", { children: [
-              e.file.name,
-              " (",
-              (e.file.size / (1024 * 1024)).toFixed(2),
-              " MB)",
-              !y && /* @__PURE__ */ l("ul", { className: "ml-4 list-disc list-inside", children: e.errors.map((r, c) => /* @__PURE__ */ t("li", { children: [
-                r.code === "file-too-large" && C,
-                r.code === "file-invalid-type" && W,
-                r.code !== "file-too-large" && r.code !== "file-invalid-type" && r.message
-              ] }, c)) })
-            ] }, o)) })
-          ] }),
-          !!(i && s.length) && /* @__PURE__ */ l(
-            K,
-            {
-              item: s[0],
-              onRemoveClick: (e) => u(e, 0),
-              disabled: a
+          children: i.map((t, s) => {
+            const r = v(t) ? t.name : De(t), N = v(t) ? (t.size / (1024 * 1024)).toFixed(2) + " MB" : "";
+            return /* @__PURE__ */ l(
+              "li",
+              {
+                className: m(
+                  "relative",
+                  w === "image-grid" ? "w-[75px] h-[75px]" : "flex flex-col items-center gap-2"
+                ),
+                children: [
+                  /* @__PURE__ */ l("div", { className: "relative w-full h-full", children: [
+                    /* @__PURE__ */ e(ze, { item: t, styles: F }),
+                    /* @__PURE__ */ e(
+                      "div",
+                      {
+                        className: m(
+                          "absolute top-0 right-0 cursor-pointer bg-gray-300 rounded-sm",
+                          w === "image-grid" && "top-1 right-1 bg-white/90 rounded-full p-0.5"
+                        ),
+                        onClick: (k) => M(k, s),
+                        children: /* @__PURE__ */ e(B, { size: 16, strokeWidth: 1, color: "black" })
+                      }
+                    )
+                  ] }),
+                  w === "default" && /* @__PURE__ */ l("span", { className: "inline-flex flex-col items-center", children: [
+                    /* @__PURE__ */ e("span", { className: "max-w-[80px] text-ellipsis overflow-hidden whitespace-nowrap", children: r }),
+                    N && /* @__PURE__ */ l("span", { children: [
+                      "(",
+                      N,
+                      ")"
+                    ] })
+                  ] })
+                ]
+              },
+              s
+            );
+          })
+        }
+      )
+    ] });
+    return /* @__PURE__ */ l("div", { className: "w-full", children: [
+      /* @__PURE__ */ l(
+        ye,
+        {
+          ...z,
+          ...xe({
+            onClick: (t) => {
+              if (!(a || d)) {
+                if (fe) {
+                  z.onClick?.(t);
+                  return;
+                }
+                O(), z.onClick?.(t);
+              }
             }
+          }),
+          className: m(
+            "w-full text-center flex flex-col items-center justify-center gap-6 cursor-pointer",
+            !I && "border border-dashed border-[#9368FF80] rounded-[8px] bg-[#FCFCFC] p-4",
+            I && "min-h-0 border-0 bg-transparent p-0",
+            a && "border-[#E4E4E7] pointer-events-none",
+            x.length > 0 && !I && "border-red-500",
+            ue && "bg-gray-100",
+            n && "shadow-none!",
+            n && i.length > 0 && !D && "p-0! shadow-none!",
+            D && "h-auto! max-h-none! min-h-0! p-2!",
+            Q
           ),
-          !i && s.length > 0 && /* @__PURE__ */ t("div", { className: n("w-full mt-2", m?.previewWrapper), children: [
-            /* @__PURE__ */ t("pre", { className: "font-semibold text-gray-600", children: [
-              b,
-              ":"
+          children: [
+            /* @__PURE__ */ e("input", { ...he() }),
+            d && /* @__PURE__ */ l(
+              "div",
+              {
+                className: "w-full h-full min-h-46 rounded-lg border border-[#E4E4E7] bg-[#FCFCFC] flex flex-col items-center justify-center gap-4 p-4",
+                onClick: (t) => t.stopPropagation(),
+                children: [
+                  /* @__PURE__ */ l("div", { className: "relative h-24 w-24", children: [
+                    /* @__PURE__ */ e("svg", { className: "h-24 w-24", viewBox: "0 0 100 100", children: /* @__PURE__ */ e("circle", { cx: "50", cy: "50", r: "42", stroke: "#E6E1F5", strokeWidth: "8", fill: "none" }) }),
+                    /* @__PURE__ */ l("span", { className: "absolute inset-0 flex items-center justify-center text-lg font-semibold text-foreground", children: [
+                      Math.max(0, Math.min(100, Math.round(R))),
+                      "%"
+                    ] })
+                  ] }),
+                  /* @__PURE__ */ l("div", { className: "text-center", children: [
+                    /* @__PURE__ */ e("p", { className: "text-xl font-semibold text-foreground", children: oe }),
+                    /* @__PURE__ */ l("p", { className: "text-sm text-[#666A78]", children: [
+                      K(ne),
+                      " of ",
+                      K(se)
+                    ] }),
+                    /* @__PURE__ */ e("p", { className: "mt-2 text-sm text-[#666A78]", children: ce })
+                  ] }),
+                  /* @__PURE__ */ e("div", { className: "w-full max-w-[520px] h-2 rounded-full bg-[#E6E1F5] overflow-hidden", children: /* @__PURE__ */ e(
+                    "div",
+                    {
+                      className: "h-full bg-[#9368FF] transition-[width] duration-150 ease-linear",
+                      style: { width: `${Math.max(0, Math.min(100, R))}%` }
+                    }
+                  ) }),
+                  W && /* @__PURE__ */ e(
+                    "button",
+                    {
+                      type: "button",
+                      className: "mt-1 h-10 min-w-36 rounded-md border border-[#E4E4E7] bg-white px-6 text-base font-medium text-foreground cursor-pointer",
+                      onClick: (t) => {
+                        t.stopPropagation(), W();
+                      },
+                      children: ae
+                    }
+                  )
+                ]
+              }
+            ),
+            !d && (i.length === 0 || !n && $) && x.length === 0 && /* @__PURE__ */ l(
+              "div",
+              {
+                className: m(
+                  "flex flex-col items-center gap-2 w-full",
+                  F?.idleWrapper
+                ),
+                children: [
+                  /* @__PURE__ */ e("div", { className: "flex size-12 items-center justify-center rounded-full bg-[#9368FF1F]", children: /* @__PURE__ */ e(ge, { className: "size-6 text-[#9368FF]" }) }),
+                  /* @__PURE__ */ e("div", { className: "flex flex-col items-center gap-1 w-full", children: !a && /* @__PURE__ */ l(Y, { children: [
+                    /* @__PURE__ */ e(
+                      "span",
+                      {
+                        className: m(
+                          "font-semibold text-[14px] leading-[125%] text-[#06080D] text-center w-full whitespace-pre-line",
+                          ie
+                        ),
+                        children: C
+                      }
+                    ),
+                    /* @__PURE__ */ e(
+                      "span",
+                      {
+                        className: m(
+                          "font-medium text-[12px] leading-[120%] text-[#666A78] text-center w-full whitespace-pre-line",
+                          re
+                        ),
+                        children: Z
+                      }
+                    )
+                  ] }) }),
+                  !a && /* @__PURE__ */ e(
+                    Ie,
+                    {
+                      type: "button",
+                      size: "md",
+                      children: U
+                    }
+                  )
+                ]
+              }
+            ),
+            !d && x.length > 0 && !L && /* @__PURE__ */ l("div", { className: m("w-full mt-4", F?.errorWrapper), children: [
+              /* @__PURE__ */ l("span", { className: "font-semibold text-red-500", children: [
+                ee,
+                ":"
+              ] }),
+              /* @__PURE__ */ e("ul", { className: "mt-2 text-sm text-red-500 list-disc list-inside", children: x.map((t, s) => /* @__PURE__ */ l("li", { children: [
+                t.file.name,
+                " (",
+                (t.file.size / (1024 * 1024)).toFixed(2),
+                " MB)",
+                !c && /* @__PURE__ */ e("ul", { className: "ml-4 list-disc list-inside", children: t.errors.map((r, N) => /* @__PURE__ */ l("li", { children: [
+                  r.code === "file-too-large" && j,
+                  r.code === "file-invalid-type" && A,
+                  r.code !== "file-too-large" && r.code !== "file-invalid-type" && r.message
+                ] }, N)) })
+              ] }, s)) })
             ] }),
-            /* @__PURE__ */ l("ul", { className: "mt-2 text-sm text-gray-500 flex flex-wrap gap-4 items-start justify-center", children: s.map((e, o) => {
-              const r = v(e) ? e.name : R(e), c = v(e) ? (e.size / (1024 * 1024)).toFixed(2) + " MB" : "";
-              return /* @__PURE__ */ t(
-                "li",
-                {
-                  className: "flex flex-col items-center gap-2 relative",
-                  children: [
-                    /* @__PURE__ */ t("div", { className: "relative", children: [
-                      /* @__PURE__ */ l(J, { item: e, styles: m }),
-                      /* @__PURE__ */ l(
-                        "div",
-                        {
-                          className: "absolute top-0 right-0 cursor-pointer bg-gray-300 rounded-sm",
-                          onClick: (f) => u(f, o),
-                          children: /* @__PURE__ */ l(H, { size: 16, strokeWidth: 1, color: "black" })
-                        }
-                      )
+            !d && !!(n && i.length) && /* @__PURE__ */ e(Y, { children: H ? /* @__PURE__ */ l(
+              "div",
+              {
+                className: "w-full max-w-[502px] flex flex-col items-center gap-4",
+                onClick: (t) => t.stopPropagation(),
+                children: [
+                  /* @__PURE__ */ e("p", { className: "w-full text-center text-[16px] leading-[130%] font-semibold text-[#06080D]", children: C }),
+                  /* @__PURE__ */ l("div", { className: "w-full min-h-[72px] rounded-[8px] bg-[#F5F5F5] p-4 flex items-center gap-4", children: [
+                    /* @__PURE__ */ e("div", { className: "size-10 rounded-[8px] bg-[#DC2626] text-white flex items-center justify-center shrink-0", children: /* @__PURE__ */ e(G, { size: 20 }) }),
+                    /* @__PURE__ */ l("div", { className: "flex flex-col items-start text-left gap-1 min-w-0 flex-1", children: [
+                      /* @__PURE__ */ e("span", { className: "w-full text-[14px] font-semibold leading-[125%] text-[#06080D] truncate", children: h?.name }),
+                      /* @__PURE__ */ e("span", { className: "w-full text-[12px] font-medium leading-[120%] text-[#666A78]", children: h ? `${(h.size / (1024 * 1024)).toFixed(0)} MB` : "" })
                     ] }),
-                    /* @__PURE__ */ t("span", { className: "inline-flex flex-col items-center", children: [
-                      /* @__PURE__ */ l("span", { className: "max-w-[80px] text-ellipsis overflow-hidden whitespace-nowrap", children: r }),
-                      c && /* @__PURE__ */ t("span", { children: [
-                        "(",
-                        c,
-                        ")"
-                      ] })
-                    ] })
-                  ]
+                    !a && /* @__PURE__ */ e(
+                      "div",
+                      {
+                        className: "size-6 flex items-center justify-center cursor-pointer",
+                        onClick: (t) => M(t, 0),
+                        children: /* @__PURE__ */ e(B, { size: 24, color: "#06080D" })
+                      }
+                    )
+                  ] })
+                ]
+              }
+            ) : /* @__PURE__ */ e(
+              Ee,
+              {
+                item: i[0],
+                onRemoveClick: (t) => M(t, 0),
+                onReplaceClick: (t) => {
+                  t.stopPropagation(), !a && O();
                 },
-                o
-              );
-            }) })
-          ] })
-        ]
-      }
-    );
+                labelUploaded: te,
+                labelReplace: le,
+                disabled: a
+              }
+            ) }),
+            !d && L && /* @__PURE__ */ l(
+              "div",
+              {
+                className: "w-full max-w-[502px] flex flex-col items-center gap-4",
+                onClick: (t) => t.stopPropagation(),
+                children: [
+                  /* @__PURE__ */ e("p", { className: "w-full text-center text-[16px] leading-[130%] font-semibold text-[#06080D]", children: C }),
+                  /* @__PURE__ */ l("div", { className: "w-full min-h-[72px] rounded-[8px] bg-[#F5F5F5] p-4 flex items-center gap-4", children: [
+                    /* @__PURE__ */ e("div", { className: "size-10 rounded-[8px] bg-[#DC2626] text-white flex items-center justify-center shrink-0", children: /* @__PURE__ */ e(G, { size: 20 }) }),
+                    /* @__PURE__ */ l("div", { className: "flex flex-col items-start text-left gap-1 min-w-0 flex-1", children: [
+                      /* @__PURE__ */ e("span", { className: "w-full text-[14px] font-semibold leading-[125%] text-[#06080D] truncate", children: h?.name }),
+                      /* @__PURE__ */ e("span", { className: "w-full text-[12px] font-medium leading-[120%] text-[#666A78]", children: h ? `${(h.size / (1024 * 1024)).toFixed(0)} MB` : "" })
+                    ] }),
+                    !a && /* @__PURE__ */ e(
+                      "div",
+                      {
+                        className: "size-6 flex items-center justify-center cursor-pointer",
+                        onClick: (t) => {
+                          t.stopPropagation(), _([]);
+                        },
+                        children: /* @__PURE__ */ e(B, { size: 24, color: "#06080D" })
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ l("div", { className: "w-full bg-[#DC26260F] p-4 flex items-start gap-4", children: [
+                    /* @__PURE__ */ e(we, { size: 20, color: "#DC2626" }),
+                    /* @__PURE__ */ e("p", { className: "text-[12px] leading-[120%] font-medium text-[#DC2626] text-left", children: x[0]?.errors?.[0]?.code === "file-too-large" ? j : x[0]?.errors?.[0]?.message || A })
+                  ] })
+                ]
+              }
+            ),
+            !P && X
+          ]
+        }
+      ),
+      P && /* @__PURE__ */ e("div", { className: "w-full", children: X })
+    ] });
   }
 );
-Z.displayName = "Dropzone";
+ke.displayName = "Dropzone";
 export {
-  Z as Dropzone
+  ke as Dropzone
 };
 //# sourceMappingURL=Dropzone.js.map

package/Dropzone/Dropzone.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dropzone.js","sources":["../../src/Dropzone/Dropzone.tsx"],"sourcesContent":["import { X } from 'lucide-react';\r\nimport { forwardRef, useImperativeHandle, useState } from 'react';\r\nimport { FileRejection, useDropzone } from 'react-dropzone';\r\n\r\nimport { cn } from '@oneplatformdev/utils';\r\n\r\nimport { Card } from '../Card/Card';\r\n\r\nimport {\r\n  DEFAULT_FILE_TYPES,\r\n  DropzoneControl,\r\n  DropzoneProps,\r\n  DropzoneValueItem\r\n} from './Dropzone.types';\r\nimport { FilePreview } from './DropzoneFilePreview';\r\nimport { DropzoneSinglePickPreview } from './DropzoneSinglePickPreview';\r\nimport { DefaultFileIcon, extractName, isFile } from './DropzoneUtils';\r\n\r\n/**\r\n * Dropzone component - A drag-and-drop file upload area with image previews, error handling, and localization.\r\n *\r\n * @component\r\n * @param {DropzoneProps} props - The props for the Dropzone component.\r\n * @param {string[]} [props.acceptTypes=DEFAULT_FILE_TYPES] - Allowed file MIME types.\r\n * @param {number} props.maxSizeMB - Maximum allowed file size in megabytes.\r\n * @param {number} [props.maxFiles=1] - Maximum number of files that can be uploaded.\r\n * @param {DropzoneTranslations} props.translations - Translations for text labels.\r\n * @param {(errors: FileRejection[]) => void} [props.onErrors] - Callback triggered when file errors occur.\r\n * @param {boolean} [props.hideErrors=false] - Whether to hide error messages.\r\n * @param {boolean} [props.disabled=false] - Whether the dropzone is disabled.\r\n * @param {DropzoneStyles} [props.classNames] - Custom classNames for different dropzone states.\r\n * @param {DropzoneValueItem[]} [props.value=[]] - Current selected files or URLs.\r\n * @param {(items: DropzoneValueItem[]) => void} [props.onChangeValue] - Callback triggered when file selection changes.\r\n * @param {string} [props.className] - Additional class names for styling.\r\n * @param {React.Ref<HTMLDivElement>} ref - Ref for the root dropzone container.\r\n * @returns {JSX.Element} The rendered Dropzone component.\r\n */\r\nexport const Dropzone = forwardRef<DropzoneControl, DropzoneProps>(\r\n  (\r\n    {\r\n      acceptTypes = DEFAULT_FILE_TYPES,\r\n      maxSizeMB,\r\n      maxFiles = 1,\r\n      onErrors,\r\n      hideErrors = false,\r\n      disabled = false,\r\n      classNames,\r\n      value = [],\r\n      onChangeValue,\r\n      className,\r\n      labelDropzonePrompt = 'Drop files here or click to select',\r\n      labelDropzoneSubPrompt = '',\r\n      labelOrClickToSelect = 'Click to select files',\r\n      labelSelectedFiles = 'Selected Files',\r\n      labelUploadErrors = 'Upload Errors',\r\n      labelFileTooLarge = 'File is too large',\r\n      labelInvalidFileType = 'Invalid file type',\r\n      singlePick = false,\r\n      labelDropzoneClassname,\r\n      labelDropzoneSubClassname,\r\n      ...restProps\r\n    },\r\n    ref\r\n  ) => {\r\n    const [items, setItems] = useState<DropzoneValueItem[]>(value);\r\n    const [fileErrors, setFileErrors] = useState<FileRejection[]>([]);\r\n\r\n    const onDrop = (acceptedFiles: File[], fileRejections: FileRejection[]) => {\r\n      setFileErrors(fileRejections);\r\n      onErrors?.(fileRejections);\r\n\r\n      const newItems = singlePick\r\n        ? acceptedFiles.slice(0, 1)\r\n        : [...items, ...acceptedFiles].slice(0, maxFiles);\r\n\r\n      setItems(newItems);\r\n      onChangeValue?.(newItems);\r\n    };\r\n\r\n    const removeItem = (\r\n      event: React.MouseEvent<HTMLDivElement>,\r\n      index: number\r\n    ) => {\r\n      if (disabled) return;\r\n      event.stopPropagation();\r\n\r\n      const newItems = items.filter((_, i) => i !== index);\r\n      setItems(newItems);\r\n      onChangeValue?.(newItems);\r\n    };\r\n\r\n    const { getRootProps, getInputProps, isDragActive } = useDropzone({\r\n      onDrop,\r\n      accept: acceptTypes.reduce((acc, fileType) => {\r\n        acc[fileType] = [];\r\n        return acc;\r\n      }, {} as Record<string, string[]>),\r\n      maxSize: maxSizeMB * 1024 * 1024,\r\n      maxFiles: singlePick ? 1 : maxFiles,\r\n      disabled,\r\n    });\r\n\r\n    useImperativeHandle(ref, () => {\r\n      return {\r\n        setItems,\r\n      };\r\n    }, []);\r\n\r\n\r\n    return (\r\n      <Card\r\n        {...getRootProps()}\r\n        {...restProps}\r\n        className={cn(\r\n          `border-dashed p-2 text-center flex flex-col items-center justify-center cursor-pointer`,\r\n          disabled && 'border-[#E4E4E7] pointer-events-none',\r\n          fileErrors.length > 0 ? 'border-red-500' : 'border-[#E4E4E7]!',\r\n          isDragActive && 'bg-gray-100',\r\n          singlePick && 'shadow-none!',\r\n          singlePick && items.length > 0 && 'p-0! shadow-none!',\r\n          className\r\n        )}\r\n      >\r\n        <input {...getInputProps()} />\r\n\r\n        {items.length === 0 && fileErrors.length === 0 && (\r\n          <div\r\n            className={cn(\r\n              'flex flex-col items-center gap-1',\r\n              classNames?.idleWrapper\r\n            )}\r\n          >\r\n            <DefaultFileIcon />\r\n\r\n            {!disabled && (\r\n              <>\r\n                <span className={cn(\"font-medium text-md text-foreground max-w-[200px]\", labelDropzoneClassname)}>\r\n                  {labelDropzonePrompt}\r\n                </span>\r\n                <span className={cn(\"font-normal text-xs text-foreground max-w-[250px]\", labelDropzoneSubClassname)}>\r\n                  {labelDropzoneSubPrompt}\r\n                </span>\r\n              </>\r\n            )}\r\n          </div>\r\n        )}\r\n\r\n        {fileErrors.length > 0 && (\r\n          <div className={cn('w-full mt-4', classNames?.errorWrapper)}>\r\n            <span className=\"font-semibold text-red-500\">\r\n              {labelUploadErrors}:\r\n            </span>\r\n            <ul className=\"mt-2 text-sm text-red-500 list-disc list-inside\">\r\n              {fileErrors.map((fileRejection, index) => (\r\n                <li key={index}>\r\n                  {fileRejection.file.name} (\r\n                  {(fileRejection.file.size / (1024 * 1024)).toFixed(2)} MB)\r\n                  {!hideErrors && (\r\n                    <ul className=\"ml-4 list-disc list-inside\">\r\n                      {fileRejection.errors.map((error, errorIndex) => (\r\n                        <li key={errorIndex}>\r\n                          {error.code === 'file-too-large' && labelFileTooLarge}\r\n                          {error.code === 'file-invalid-type' &&\r\n                            labelInvalidFileType}\r\n                          {error.code !== 'file-too-large' &&\r\n                            error.code !== 'file-invalid-type' &&\r\n                            error.message}\r\n                        </li>\r\n                      ))}\r\n                    </ul>\r\n                  )}\r\n                </li>\r\n              ))}\r\n            </ul>\r\n          </div>\r\n        )}\r\n\r\n        {Boolean(singlePick && items.length) && (\r\n          <DropzoneSinglePickPreview\r\n            item={items[0]}\r\n            onRemoveClick={(e) => removeItem(e, 0)}\r\n            disabled={disabled}\r\n          />\r\n        )}\r\n\r\n        {!singlePick && items.length > 0 && (\r\n          <div className={cn('w-full mt-2', classNames?.previewWrapper)}>\r\n            <pre className=\"font-semibold text-gray-600\">\r\n              {labelSelectedFiles}:\r\n            </pre>\r\n            <ul className=\"mt-2 text-sm text-gray-500 flex flex-wrap gap-4 items-start justify-center\">\r\n              {items.map((item, index) => {\r\n                const fileName = isFile(item) ? item.name : extractName(item);\r\n                const fileSize = isFile(item)\r\n                  ? (item.size / (1024 * 1024)).toFixed(2) + ' MB'\r\n                  : '';\r\n\r\n                return (\r\n                  <li\r\n                    key={index}\r\n                    className=\"flex flex-col items-center gap-2 relative\"\r\n                  >\r\n                    <div className=\"relative\">\r\n                      <FilePreview item={item} styles={classNames} />\r\n                      <div\r\n                        className=\"absolute top-0 right-0 cursor-pointer bg-gray-300 rounded-sm\"\r\n                        onClick={(event) => removeItem(event, index)}\r\n                      >\r\n                        <X size={16} strokeWidth={1} color=\"black\" />\r\n                      </div>\r\n                    </div>\r\n                    <span className=\"inline-flex flex-col items-center\">\r\n                      <span className=\"max-w-[80px] text-ellipsis overflow-hidden whitespace-nowrap\">\r\n                        {fileName}\r\n                      </span>\r\n                      {fileSize && <span>({fileSize})</span>}\r\n                    </span>\r\n                  </li>\r\n                );\r\n              })}\r\n            </ul>\r\n          </div>\r\n        )}\r\n      </Card>\r\n    );\r\n  }\r\n);\r\n\r\nDropzone.displayName = 'Dropzone';\r\n"],"names":["Dropzone","forwardRef","acceptTypes","DEFAULT_FILE_TYPES","maxSizeMB","maxFiles","onErrors","hideErrors","disabled","classNames","value","onChangeValue","className","labelDropzonePrompt","labelDropzoneSubPrompt","labelOrClickToSelect","labelSelectedFiles","labelUploadErrors","labelFileTooLarge","labelInvalidFileType","singlePick","labelDropzoneClassname","labelDropzoneSubClassname","restProps","ref","items","setItems","useState","fileErrors","setFileErrors","onDrop","acceptedFiles","fileRejections","newItems","removeItem","event","index","_","i","getRootProps","getInputProps","isDragActive","useDropzone","acc","fileType","useImperativeHandle","jsxs","Card","cn","jsx","DefaultFileIcon","Fragment","fileRejection","error","errorIndex","DropzoneSinglePickPreview","item","fileName","isFile","extractName","fileSize","FilePreview","X"],"mappings":"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"}
+{"version":3,"file":"Dropzone.js","sources":["../../src/Dropzone/Dropzone.tsx"],"sourcesContent":["import { FileTextIcon, InfoIcon, UploadIcon, X } from 'lucide-react';\r\nimport { forwardRef, useEffect, useImperativeHandle, useState } from 'react';\r\nimport { FileRejection, useDropzone } from 'react-dropzone';\r\n\r\nimport { cn } from '@oneplatformdev/utils';\r\n\r\nimport { Card } from '../Card/Card';\r\n\r\nimport {\r\n  DEFAULT_FILE_TYPES,\r\n  DropzoneControl,\r\n  DropzoneProps,\r\n  DropzoneValueItem\r\n} from './Dropzone.types';\r\nimport { FilePreview } from './DropzoneFilePreview';\r\nimport { DropzoneSinglePickPreview } from './DropzoneSinglePickPreview';\r\nimport { extractName, isFile } from './DropzoneUtils';\r\nimport { Button } from \"../Button\";\r\n\r\nconst formatBytesToMb = (bytes = 0) => `${(bytes / (1024 * 1024)).toFixed(0)} MB`;\r\nconst areItemsEqual = (a: DropzoneValueItem[], b: DropzoneValueItem[]) => {\r\n  if (a === b) return true;\r\n  if (a.length !== b.length) return false;\r\n\r\n  for (let i = 0; i < a.length; i++) {\r\n    const left = a[i];\r\n    const right = b[i];\r\n\r\n    if (left === right) continue;\r\n\r\n    if (typeof left === 'string' && typeof right === 'string') {\r\n      if (left !== right) return false;\r\n      continue;\r\n    }\r\n\r\n    if (isFile(left) && isFile(right)) {\r\n      if (\r\n        left.name !== right.name ||\r\n        left.size !== right.size ||\r\n        left.type !== right.type ||\r\n        left.lastModified !== right.lastModified\r\n      ) {\r\n        return false;\r\n      }\r\n      continue;\r\n    }\r\n\r\n    return false;\r\n  }\r\n\r\n  return true;\r\n};\r\n\r\n/**\r\n * Dropzone component - A drag-and-drop file upload area with image previews, error handling, and localization.\r\n *\r\n * @component\r\n * @param {DropzoneProps} props - The props for the Dropzone component.\r\n * @param {string[]} [props.acceptTypes=DEFAULT_FILE_TYPES] - Allowed file MIME types.\r\n * @param {number} props.maxSizeMB - Maximum allowed file size in megabytes.\r\n * @param {number} [props.maxFiles=1] - Maximum number of files that can be uploaded.\r\n * @param {DropzoneTranslations} props.translations - Translations for text labels.\r\n * @param {(errors: FileRejection[]) => void} [props.onErrors] - Callback triggered when file errors occur.\r\n * @param {boolean} [props.hideErrors=false] - Whether to hide error messages.\r\n * @param {boolean} [props.disabled=false] - Whether the dropzone is disabled.\r\n * @param {DropzoneStyles} [props.classNames] - Custom classNames for different dropzone states.\r\n * @param {DropzoneValueItem[]} [props.value=[]] - Current selected files or URLs.\r\n * @param {(items: DropzoneValueItem[]) => void} [props.onChangeValue] - Callback triggered when file selection changes.\r\n * @param {string} [props.className] - Additional class names for styling.\r\n * @param {React.Ref<HTMLDivElement>} ref - Ref for the root dropzone container.\r\n * @returns {JSX.Element} The rendered Dropzone component.\r\n */\r\nexport const Dropzone = forwardRef<DropzoneControl, DropzoneProps>(\r\n  (\r\n    {\r\n      acceptTypes = DEFAULT_FILE_TYPES,\r\n      maxSizeMB,\r\n      maxFiles = 1,\r\n      onErrors,\r\n      hideErrors = false,\r\n      disabled = false,\r\n      classNames,\r\n      value,\r\n      onChangeValue,\r\n      className,\r\n      labelDropzonePrompt = 'Drop files here or click to select',\r\n      labelDropzoneSubPrompt = '',\r\n      labelOrClickToSelect = 'Upload file',\r\n      labelSelectedFiles = 'Selected Files',\r\n      labelUploadErrors = 'Upload Errors',\r\n      labelFileTooLarge = 'File is too large',\r\n      labelInvalidFileType = 'Invalid file type',\r\n      labelVideoUploaded = 'Uploaded',\r\n      labelVideoReplace = 'Replace',\r\n      singlePick = false,\r\n      labelDropzoneClassname,\r\n      labelDropzoneSubClassname,\r\n      isUploading = false,\r\n      uploadProgress = 0,\r\n      uploadLoadedBytes = 0,\r\n      uploadTotalBytes = 0,\r\n      onCancelUpload,\r\n      labelUploadingTitle = 'Uploading video...',\r\n      labelUploadingHint = 'Please do not close this page',\r\n      labelUploadingActionCancel = 'Cancel',\r\n      persistentDropzone = false,\r\n      previewVariant = 'default',\r\n      ...restProps\r\n    },\r\n    ref\r\n  ) => {\r\n    const [items, setItems] = useState<DropzoneValueItem[]>(value ?? []);\r\n    const [fileErrors, setFileErrors] = useState<FileRejection[]>([]);\r\n    const firstItem = items[0];\r\n    const firstRejectedFile = fileErrors[0]?.file;\r\n    const isSingleFile = singlePick && items.length > 0 && isFile(firstItem);\r\n    const isSingleImage = isSingleFile && firstItem.type.includes('image');\r\n    const isSingleVideo =\r\n      isSingleFile &&\r\n      firstItem.type.includes('video');\r\n    const isSingleDocument = isSingleFile && !isSingleImage && !isSingleVideo;\r\n    const hasRejectedSingleFile = singlePick && !items.length && Boolean(firstRejectedFile);\r\n    const singleFileCard = isSingleDocument ? firstItem : firstRejectedFile;\r\n    const hasSingleVideoPreview =\r\n      singlePick && isSingleVideo;\r\n    const shouldBlockRootOpen = hasSingleVideoPreview;\r\n    const isContentPreviewMode = singlePick && items.length > 0;\r\n\r\n    const onDrop = (acceptedFiles: File[], fileRejections: FileRejection[]) => {\r\n      setFileErrors(fileRejections);\r\n      onErrors?.(fileRejections);\r\n\r\n      const newItems = singlePick\r\n        ? acceptedFiles.slice(0, 1)\r\n        : [...items, ...acceptedFiles].slice(0, maxFiles);\r\n\r\n      setItems(newItems);\r\n      onChangeValue?.(newItems);\r\n    };\r\n\r\n    useEffect(() => {\r\n      if (value && !areItemsEqual(items, value)) {\r\n        setItems(value);\r\n      }\r\n    }, [items, value]);\r\n\r\n    const removeItem = (\r\n      event: React.MouseEvent<HTMLDivElement>,\r\n      index: number\r\n    ) => {\r\n      if (disabled) return;\r\n      event.stopPropagation();\r\n\r\n      const newItems = items.filter((_, i) => i !== index);\r\n      setItems(newItems);\r\n      onChangeValue?.(newItems);\r\n    };\r\n\r\n    const { getRootProps, getInputProps, isDragActive, open } = useDropzone({\r\n      onDrop,\r\n      accept: acceptTypes.reduce((acc, fileType) => {\r\n        acc[fileType] = [];\r\n        return acc;\r\n      }, {} as Record<string, string[]>),\r\n      maxSize: maxSizeMB * 1024 * 1024,\r\n      maxFiles: singlePick ? 1 : maxFiles,\r\n      disabled: disabled || isUploading,\r\n      noClick: true,\r\n    });\r\n\r\n    useImperativeHandle(ref, () => {\r\n      return {\r\n        setItems,\r\n      };\r\n    }, []);\r\n\r\n    const shouldRenderDetachedPreview =\r\n      !isUploading && !singlePick && persistentDropzone && items.length > 0;\r\n\r\n    const previewBlock = !isUploading && !singlePick && items.length > 0 && (\r\n      <div className={cn('w-full mt-2', classNames?.previewWrapper)}>\r\n        {previewVariant === 'default' && (\r\n          <pre className=\"font-semibold text-gray-600\">\r\n            {labelSelectedFiles}:\r\n          </pre>\r\n        )}\r\n        <ul\r\n          className={cn(\r\n            'mt-2 text-sm text-gray-500 flex flex-wrap items-start',\r\n            previewVariant === 'image-grid'\r\n              ? 'gap-2 justify-start'\r\n              : 'gap-4 justify-center'\r\n          )}\r\n        >\r\n          {items.map((item, index) => {\r\n            const fileName = isFile(item) ? item.name : extractName(item);\r\n            const fileSize = isFile(item)\r\n              ? (item.size / (1024 * 1024)).toFixed(2) + ' MB'\r\n              : '';\r\n\r\n            return (\r\n              <li\r\n                key={index}\r\n                className={cn(\r\n                  'relative',\r\n                  previewVariant === 'image-grid'\r\n                    ? 'w-[75px] h-[75px]'\r\n                    : 'flex flex-col items-center gap-2'\r\n                )}\r\n              >\r\n                <div className=\"relative w-full h-full\">\r\n                  <FilePreview item={item} styles={classNames} />\r\n                  <div\r\n                    className={cn(\r\n                      'absolute top-0 right-0 cursor-pointer bg-gray-300 rounded-sm',\r\n                      previewVariant === 'image-grid' && 'top-1 right-1 bg-white/90 rounded-full p-0.5'\r\n                    )}\r\n                    onClick={(event) => removeItem(event, index)}\r\n                  >\r\n                    <X size={16} strokeWidth={1} color=\"black\" />\r\n                  </div>\r\n                </div>\r\n                {previewVariant === 'default' && (\r\n                  <span className=\"inline-flex flex-col items-center\">\r\n                    <span className=\"max-w-[80px] text-ellipsis overflow-hidden whitespace-nowrap\">\r\n                      {fileName}\r\n                    </span>\r\n                    {fileSize && <span>({fileSize})</span>}\r\n                  </span>\r\n                )}\r\n              </li>\r\n            );\r\n          })}\r\n        </ul>\r\n      </div>\r\n    );\r\n\r\n    return (\r\n      <div className=\"w-full\">\r\n        <Card\r\n          {...restProps}\r\n          {...getRootProps({\r\n            onClick: (event) => {\r\n              if (disabled || isUploading) return;\r\n              if (shouldBlockRootOpen) {\r\n                restProps.onClick?.(event);\r\n                return;\r\n              }\r\n              open();\r\n              restProps.onClick?.(event);\r\n            },\r\n          })}\r\n          className={cn(\r\n            `w-full text-center flex flex-col items-center justify-center gap-6 cursor-pointer`,\r\n            !isContentPreviewMode &&\r\n              'border border-dashed border-[#9368FF80] rounded-[8px] bg-[#FCFCFC] p-4',\r\n            isContentPreviewMode && 'min-h-0 border-0 bg-transparent p-0',\r\n            disabled && 'border-[#E4E4E7] pointer-events-none',\r\n            fileErrors.length > 0 && !isContentPreviewMode && 'border-red-500',\r\n            isDragActive && 'bg-gray-100',\r\n            singlePick && 'shadow-none!',\r\n            singlePick && items.length > 0 && !hasSingleVideoPreview && 'p-0! shadow-none!',\r\n            hasSingleVideoPreview && 'h-auto! max-h-none! min-h-0! p-2!',\r\n            className\r\n          )}\r\n        >\r\n          <input {...getInputProps()} />\r\n\r\n        {isUploading && (\r\n          <div\r\n            className=\"w-full h-full min-h-46 rounded-lg border border-[#E4E4E7] bg-[#FCFCFC] flex flex-col items-center justify-center gap-4 p-4\"\r\n            onClick={(event) => event.stopPropagation()}\r\n          >\r\n            <div className=\"relative h-24 w-24\">\r\n              <svg className=\"h-24 w-24\" viewBox=\"0 0 100 100\">\r\n                <circle cx=\"50\" cy=\"50\" r=\"42\" stroke=\"#E6E1F5\" strokeWidth=\"8\" fill=\"none\" />\r\n              </svg>\r\n              <span className=\"absolute inset-0 flex items-center justify-center text-lg font-semibold text-foreground\">\r\n                {Math.max(0, Math.min(100, Math.round(uploadProgress)))}%\r\n              </span>\r\n            </div>\r\n\r\n            <div className=\"text-center\">\r\n              <p className=\"text-xl font-semibold text-foreground\">{labelUploadingTitle}</p>\r\n              <p className=\"text-sm text-[#666A78]\">\r\n                {formatBytesToMb(uploadLoadedBytes)} of {formatBytesToMb(uploadTotalBytes)}\r\n              </p>\r\n              <p className=\"mt-2 text-sm text-[#666A78]\">{labelUploadingHint}</p>\r\n            </div>\r\n\r\n            <div className=\"w-full max-w-[520px] h-2 rounded-full bg-[#E6E1F5] overflow-hidden\">\r\n              <div\r\n                className=\"h-full bg-[#9368FF] transition-[width] duration-150 ease-linear\"\r\n                style={{ width: `${Math.max(0, Math.min(100, uploadProgress))}%` }}\r\n              />\r\n            </div>\r\n\r\n            {onCancelUpload && (\r\n              <button\r\n                type=\"button\"\r\n                className=\"mt-1 h-10 min-w-36 rounded-md border border-[#E4E4E7] bg-white px-6 text-base font-medium text-foreground cursor-pointer\"\r\n                onClick={(event) => {\r\n                  event.stopPropagation();\r\n                  onCancelUpload();\r\n                }}\r\n              >\r\n                {labelUploadingActionCancel}\r\n              </button>\r\n            )}\r\n          </div>\r\n        )}\r\n\r\n        {!isUploading &&\r\n          (items.length === 0 || (!singlePick && persistentDropzone)) &&\r\n          fileErrors.length === 0 && (\r\n          <div\r\n            className={cn(\r\n              'flex flex-col items-center gap-2 w-full',\r\n              classNames?.idleWrapper\r\n            )}\r\n          >\r\n            <div className=\"flex size-12 items-center justify-center rounded-full bg-[#9368FF1F]\">\r\n              <UploadIcon className=\"size-6 text-[#9368FF]\" />\r\n            </div>\r\n\r\n            <div className=\"flex flex-col items-center gap-1 w-full\">\r\n              {!disabled && (\r\n                <>\r\n                  <span\r\n                    className={cn(\r\n                      \"font-semibold text-[14px] leading-[125%] text-[#06080D] text-center w-full whitespace-pre-line\",\r\n                      labelDropzoneClassname\r\n                    )}\r\n                  >\r\n                    {labelDropzonePrompt}\r\n                  </span>\r\n\r\n                  <span\r\n                    className={cn(\r\n                      \"font-medium text-[12px] leading-[120%] text-[#666A78] text-center w-full whitespace-pre-line\",\r\n                      labelDropzoneSubClassname\r\n                    )}\r\n                  >\r\n                    {labelDropzoneSubPrompt}\r\n                  </span>\r\n                </>\r\n              )}\r\n            </div>\r\n\r\n            {!disabled && (\r\n              <Button\r\n                type=\"button\"\r\n                size=\"md\"\r\n              >\r\n                {labelOrClickToSelect}\r\n              </Button>\r\n            )}\r\n          </div>\r\n        )}\r\n\r\n        {!isUploading && fileErrors.length > 0 && !hasRejectedSingleFile && (\r\n          <div className={cn('w-full mt-4', classNames?.errorWrapper)}>\r\n            <span className=\"font-semibold text-red-500\">\r\n              {labelUploadErrors}:\r\n            </span>\r\n            <ul className=\"mt-2 text-sm text-red-500 list-disc list-inside\">\r\n              {fileErrors.map((fileRejection, index) => (\r\n                <li key={index}>\r\n                  {fileRejection.file.name} (\r\n                  {(fileRejection.file.size / (1024 * 1024)).toFixed(2)} MB)\r\n                  {!hideErrors && (\r\n                    <ul className=\"ml-4 list-disc list-inside\">\r\n                      {fileRejection.errors.map((error, errorIndex) => (\r\n                        <li key={errorIndex}>\r\n                          {error.code === 'file-too-large' && labelFileTooLarge}\r\n                          {error.code === 'file-invalid-type' &&\r\n                            labelInvalidFileType}\r\n                          {error.code !== 'file-too-large' &&\r\n                            error.code !== 'file-invalid-type' &&\r\n                            error.message}\r\n                        </li>\r\n                      ))}\r\n                    </ul>\r\n                  )}\r\n                </li>\r\n              ))}\r\n            </ul>\r\n          </div>\r\n        )}\r\n\r\n        {!isUploading && Boolean(singlePick && items.length) && (\r\n          <>\r\n            {isSingleDocument ? (\r\n              <div\r\n                className=\"w-full max-w-[502px] flex flex-col items-center gap-4\"\r\n                onClick={(event) => event.stopPropagation()}\r\n              >\r\n                <p className=\"w-full text-center text-[16px] leading-[130%] font-semibold text-[#06080D]\">\r\n                  {labelDropzonePrompt}\r\n                </p>\r\n\r\n                <div className=\"w-full min-h-[72px] rounded-[8px] bg-[#F5F5F5] p-4 flex items-center gap-4\">\r\n                  <div className=\"size-10 rounded-[8px] bg-[#DC2626] text-white flex items-center justify-center shrink-0\">\r\n                    <FileTextIcon size={20} />\r\n                  </div>\r\n                  <div className=\"flex flex-col items-start text-left gap-1 min-w-0 flex-1\">\r\n                    <span className=\"w-full text-[14px] font-semibold leading-[125%] text-[#06080D] truncate\">\r\n                      {singleFileCard?.name}\r\n                    </span>\r\n                    <span className=\"w-full text-[12px] font-medium leading-[120%] text-[#666A78]\">\r\n                      {singleFileCard\r\n                        ? `${(singleFileCard.size / (1024 * 1024)).toFixed(0)} MB`\r\n                        : ''}\r\n                    </span>\r\n                  </div>\r\n                  {!disabled && (\r\n                    <div\r\n                      className=\"size-6 flex items-center justify-center cursor-pointer\"\r\n                      onClick={(event) => removeItem(event, 0)}\r\n                    >\r\n                      <X size={24} color=\"#06080D\" />\r\n                    </div>\r\n                  )}\r\n                </div>\r\n              </div>\r\n            ) : (\r\n              <DropzoneSinglePickPreview\r\n                item={items[0]}\r\n                onRemoveClick={(e) => removeItem(e, 0)}\r\n                onReplaceClick={(e) => {\r\n                  e.stopPropagation();\r\n                  if (disabled) return;\r\n                  open();\r\n                }}\r\n                labelUploaded={labelVideoUploaded}\r\n                labelReplace={labelVideoReplace}\r\n                disabled={disabled}\r\n              />\r\n            )}\r\n          </>\r\n        )}\r\n\r\n        {!isUploading && hasRejectedSingleFile && (\r\n          <div\r\n            className=\"w-full max-w-[502px] flex flex-col items-center gap-4\"\r\n            onClick={(event) => event.stopPropagation()}\r\n          >\r\n            <p className=\"w-full text-center text-[16px] leading-[130%] font-semibold text-[#06080D]\">\r\n              {labelDropzonePrompt}\r\n            </p>\r\n\r\n            <div className=\"w-full min-h-[72px] rounded-[8px] bg-[#F5F5F5] p-4 flex items-center gap-4\">\r\n              <div className=\"size-10 rounded-[8px] bg-[#DC2626] text-white flex items-center justify-center shrink-0\">\r\n                <FileTextIcon size={20} />\r\n              </div>\r\n              <div className=\"flex flex-col items-start text-left gap-1 min-w-0 flex-1\">\r\n                <span className=\"w-full text-[14px] font-semibold leading-[125%] text-[#06080D] truncate\">\r\n                  {singleFileCard?.name}\r\n                </span>\r\n                <span className=\"w-full text-[12px] font-medium leading-[120%] text-[#666A78]\">\r\n                  {singleFileCard\r\n                    ? `${(singleFileCard.size / (1024 * 1024)).toFixed(0)} MB`\r\n                    : ''}\r\n                </span>\r\n              </div>\r\n              {!disabled && (\r\n                <div\r\n                  className=\"size-6 flex items-center justify-center cursor-pointer\"\r\n                  onClick={(event) => {\r\n                    event.stopPropagation();\r\n                    setFileErrors([]);\r\n                  }}\r\n                >\r\n                  <X size={24} color=\"#06080D\" />\r\n                </div>\r\n              )}\r\n            </div>\r\n\r\n            <div className=\"w-full bg-[#DC26260F] p-4 flex items-start gap-4\">\r\n              <InfoIcon size={20} color=\"#DC2626\" />\r\n              <p className=\"text-[12px] leading-[120%] font-medium text-[#DC2626] text-left\">\r\n                {fileErrors[0]?.errors?.[0]?.code === 'file-too-large'\r\n                  ? labelFileTooLarge\r\n                  : fileErrors[0]?.errors?.[0]?.message || labelInvalidFileType}\r\n              </p>\r\n            </div>\r\n          </div>\r\n        )}\r\n\r\n          {!shouldRenderDetachedPreview && previewBlock}\r\n        </Card>\r\n        {shouldRenderDetachedPreview && <div className=\"w-full\">{previewBlock}</div>}\r\n      </div>\r\n    );\r\n  }\r\n);\r\n\r\nDropzone.displayName = 'Dropzone';\r\n\r\n"],"names":["formatBytesToMb","bytes","areItemsEqual","a","b","i","left","right","isFile","Dropzone","forwardRef","acceptTypes","DEFAULT_FILE_TYPES","maxSizeMB","maxFiles","onErrors","hideErrors","disabled","classNames","value","onChangeValue","className","labelDropzonePrompt","labelDropzoneSubPrompt","labelOrClickToSelect","labelSelectedFiles","labelUploadErrors","labelFileTooLarge","labelInvalidFileType","labelVideoUploaded","labelVideoReplace","singlePick","labelDropzoneClassname","labelDropzoneSubClassname","isUploading","uploadProgress","uploadLoadedBytes","uploadTotalBytes","onCancelUpload","labelUploadingTitle","labelUploadingHint","labelUploadingActionCancel","persistentDropzone","previewVariant","restProps","ref","items","setItems","useState","fileErrors","setFileErrors","firstItem","firstRejectedFile","isSingleFile","isSingleImage","isSingleVideo","isSingleDocument","hasRejectedSingleFile","singleFileCard","hasSingleVideoPreview","shouldBlockRootOpen","isContentPreviewMode","onDrop","acceptedFiles","fileRejections","newItems","useEffect","removeItem","event","index","_","getRootProps","getInputProps","isDragActive","open","useDropzone","acc","fileType","useImperativeHandle","shouldRenderDetachedPreview","previewBlock","jsxs","cn","jsx","item","fileName","extractName","fileSize","FilePreview","X","Card","UploadIcon","Fragment","Button","fileRejection","error","errorIndex","FileTextIcon","DropzoneSinglePickPreview","e","InfoIcon"],"mappings":"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"}