@oneplatformdev/ui 0.1.99-beta.277 → 0.1.99-beta.279

package/Dropzone/Dropzone.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dropzone.d.ts","sourceRoot":"","sources":["../../src/Dropzone/Dropzone.tsx"],"names":[],"mappings":"AAQA,OAAO,EAEL,eAAe,EACf,aAAa,EAEd,MAAM,kBAAkB,CAAC;AAkF1B;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,QAAQ,2GAofpB,CAAC"}
+{"version":3,"file":"Dropzone.d.ts","sourceRoot":"","sources":["../../src/Dropzone/Dropzone.tsx"],"names":[],"mappings":"AAQA,OAAO,EAEL,eAAe,EACf,aAAa,EAEd,MAAM,kBAAkB,CAAC;AAkF1B;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,QAAQ,2GAihBpB,CAAC"}

package/Dropzone/Dropzone.js

@@ -1,18 +1,18 @@
 import { jsxs as l, jsx as e, Fragment as K } from "react/jsx-runtime";
-import { X as D, Plus as ze, UploadIcon as Ee, FileTextIcon as Q, InfoIcon as De } from "lucide-react";
-import { forwardRef as je, useState as U, useEffect as Me, useImperativeHandle as ke } from "react";
-import { useDropzone as Se } from "react-dropzone";
-import { cn as p } from "@oneplatformdev/utils";
+import { X as j, Plus as De, UploadIcon as Ee, FileTextIcon as Q, InfoIcon as U } from "lucide-react";
+import { forwardRef as je, useState as V, useEffect as Me, useImperativeHandle as Se } from "react";
+import { useDropzone as ke } from "react-dropzone";
+import { cn as m } from "@oneplatformdev/utils";
 import { Card as Be } from "../Card/Card.js";
 import { DEFAULT_FILE_TYPES as Re } from "./Dropzone.types.js";
-import { FilePreview as V } from "./DropzoneFilePreview.js";
-import { DropzoneSinglePickPreview as Ae } from "./DropzoneSinglePickPreview.js";
-import { isFile as b, isVideoUrl as We, extractName as Pe } from "./DropzoneUtils.js";
-import _e from "./icons/file-csv.svg.js";
-import Te from "./icons/file-doc.svg.js";
-import Xe from "./icons/file-docx.svg.js";
-import ee from "./icons/file-jpg.svg.js";
-import $e from "./icons/file-pdf.svg.js";
+import { FilePreview as ee } from "./DropzoneFilePreview.js";
+import { DropzoneSinglePickPreview as We } from "./DropzoneSinglePickPreview.js";
+import { isFile as C, isVideoUrl as Ae, extractName as _e } from "./DropzoneUtils.js";
+import Xe from "./icons/file-csv.svg.js";
+import $e from "./icons/file-doc.svg.js";
+import Pe from "./icons/file-docx.svg.js";
+import te from "./icons/file-jpg.svg.js";
+import Te from "./icons/file-pdf.svg.js";
 import Le from "./icons/file-png.svg.js";
 import Oe from "./icons/file-ppt.svg.js";
 import qe from "./icons/file-pptx.svg.js";
@@ -23,13 +23,13 @@ import Ye from "./icons/file-xls.svg.js";
 import Ze from "./icons/file-xlsx.svg.js";
 import Ke from "./icons/file-zip.svg.js";
 import { Button as Qe } from "../Button/Button.js";
-const te = (o = 0) => `${(o / (1024 * 1024)).toFixed(0)} MB`, Ue = {
-  csv: _e,
-  doc: Te,
-  docx: Xe,
-  jpg: ee,
-  jpeg: ee,
-  pdf: $e,
+const le = (n = 0) => `${(n / (1024 * 1024)).toFixed(0)} MB`, Ue = {
+  csv: Xe,
+  doc: $e,
+  docx: Pe,
+  jpg: te,
+  jpeg: te,
+  pdf: Te,
   png: Le,
   ppt: Oe,
   pptx: qe,
@@ -39,25 +39,25 @@ const te = (o = 0) => `${(o / (1024 * 1024)).toFixed(0)} MB`, Ue = {
   xls: Ye,
   xlsx: Ze,
   zip: Ke
-}, Ve = (o) => {
-  if (!o) return "";
-  const c = o.toLowerCase().split(".");
-  return c.length > 1 ? c[c.length - 1] : "";
-}, et = (o) => {
-  const c = Ve(o);
-  return Ue[c] ?? null;
-}, tt = (o, c) => {
-  if (o === c) return !0;
-  if (o.length !== c.length) return !1;
-  for (let x = 0; x < o.length; x++) {
-    const m = o[x], f = c[x];
-    if (m !== f) {
-      if (typeof m == "string" && typeof f == "string") {
-        if (m !== f) return !1;
+}, Ve = (n) => {
+  if (!n) return "";
+  const d = n.toLowerCase().split(".");
+  return d.length > 1 ? d[d.length - 1] : "";
+}, et = (n) => {
+  const d = Ve(n);
+  return Ue[d] ?? null;
+}, tt = (n, d) => {
+  if (n === d) return !0;
+  if (n.length !== d.length) return !1;
+  for (let h = 0; h < n.length; h++) {
+    const f = n[h], p = d[h];
+    if (f !== p) {
+      if (typeof f == "string" && typeof p == "string") {
+        if (f !== p) return !1;
         continue;
       }
-      if (b(m) && b(f)) {
-        if (m.name !== f.name || m.size !== f.size || m.type !== f.type || m.lastModified !== f.lastModified)
+      if (C(f) && C(p)) {
+        if (f.name !== p.name || f.size !== p.size || f.type !== p.type || f.lastModified !== p.lastModified)
           return !1;
         continue;
       }
@@ -67,104 +67,104 @@ const te = (o = 0) => `${(o / (1024 * 1024)).toFixed(0)} MB`, Ue = {
   return !0;
 }, lt = je(
   ({
-    acceptTypes: o = Re,
-    maxSizeMB: c,
-    maxFiles: x = 1,
-    onErrors: m,
-    hideErrors: f = !1,
-    disabled: s = !1,
-    classNames: w,
-    value: N,
-    onChangeValue: W,
-    className: le,
-    labelDropzonePrompt: j = "Drop files here or click to select",
-    labelDropzoneSubPrompt: re = "",
-    labelOrClickToSelect: ie = "Upload file",
+    acceptTypes: n = Re,
+    maxSizeMB: d,
+    maxFiles: h = 1,
+    onErrors: f,
+    hideErrors: p = !1,
+    disabled: c = !1,
+    classNames: u,
+    value: v,
+    onChangeValue: X,
+    className: re,
+    labelDropzonePrompt: M = "Drop files here or click to select",
+    labelDropzoneSubPrompt: ie = "",
+    labelOrClickToSelect: oe = "Upload file",
     labelSelectedFiles: ne = "Selected Files",
-    labelUploadErrors: oe = "Upload Errors",
-    labelFileTooLarge: P = "File is too large",
-    labelInvalidFileType: _ = "Invalid file type",
-    labelVideoUploaded: se = "Uploaded",
-    labelVideoReplace: ce = "Replace",
+    labelUploadErrors: se = "Upload Errors",
+    labelFileTooLarge: S = "File is too large",
+    labelInvalidFileType: y = "Invalid file type",
+    labelVideoUploaded: ce = "Uploaded",
+    labelVideoReplace: ae = "Replace",
     singlePick: i = !1,
-    labelDropzoneClassname: ae,
-    labelDropzoneSubClassname: de,
+    labelDropzoneClassname: de,
+    labelDropzoneSubClassname: me,
     isUploading: a = !1,
-    uploadProgress: T = 0,
-    uploadLoadedBytes: me = 0,
-    uploadTotalBytes: fe = 0,
-    onCancelUpload: X,
-    labelUploadingTitle: pe = "Uploading video...",
-    labelUploadingHint: xe = "Please do not close this page",
-    labelUploadingActionCancel: he = "Cancel",
-    persistentDropzone: $ = !1,
-    previewVariant: h = "default",
-    coverFirstItem: ue = !1,
-    ...M
-  }, ge) => {
-    const [r, C] = U(N ?? []), [u, L] = U([]), F = r[0], k = u[0]?.file, we = !!k?.type?.includes("image"), S = i && r.length > 0 && b(F), Fe = S && F.type.includes("image"), O = S && F.type.includes("video") || i && r.length > 0 && typeof F == "string" && We(F), q = S && !Fe && !O, G = i && !r.length && !!k && !we, g = q ? F : k, y = et(g?.name), B = i && O, Ne = B, R = i && r.length > 0, ve = (t, d) => {
-      L(d), m?.(d);
-      const n = i ? t.slice(0, 1) : [...r, ...t].slice(0, x);
-      C(n), W?.(n);
+    uploadProgress: $ = 0,
+    uploadLoadedBytes: fe = 0,
+    uploadTotalBytes: pe = 0,
+    onCancelUpload: P,
+    labelUploadingTitle: xe = "Uploading video...",
+    labelUploadingHint: he = "Please do not close this page",
+    labelUploadingActionCancel: ue = "Cancel",
+    persistentDropzone: T = !1,
+    previewVariant: g = "default",
+    coverFirstItem: ge = !1,
+    ...k
+  }, we) => {
+    const [r, I] = V(v ?? []), [x, L] = V([]), N = r[0], B = x[0]?.file, Ne = !!B?.type?.includes("image"), R = i && r.length > 0 && C(N), Fe = R && N.type.includes("image"), O = R && N.type.includes("video") || i && r.length > 0 && typeof N == "string" && Ae(N), q = R && !Fe && !O, G = i && !r.length && !!B && !Ne, w = q ? N : B, z = et(w?.name), W = i && O, ve = W, A = i && r.length > 0, be = (t, s) => {
+      L(s), f?.(s);
+      const o = i ? t.slice(0, 1) : [...r, ...t].slice(0, h);
+      I(o), X?.(o);
     };
     Me(() => {
-      N && !tt(r, N) && C(N);
-    }, [r, N]);
-    const I = (t, d) => {
-      if (s) return;
+      v && !tt(r, v) && I(v);
+    }, [r, v]);
+    const D = (t, s) => {
+      if (c) return;
       t.stopPropagation();
-      const n = r.filter((z, E) => E !== d);
-      C(n), W?.(n);
-    }, { getRootProps: be, getInputProps: Ce, isDragActive: ye, open: A } = Se({
-      onDrop: ve,
-      accept: o.reduce((t, d) => (t[d] = [], t), {}),
-      maxSize: c * 1024 * 1024,
-      maxFiles: i ? 1 : x,
-      disabled: s || a,
+      const o = r.filter((F, E) => E !== s);
+      I(o), X?.(o);
+    }, { getRootProps: Ce, getInputProps: ye, isDragActive: Ie, open: _ } = ke({
+      onDrop: be,
+      accept: n.reduce((t, s) => (t[s] = [], t), {}),
+      maxSize: d * 1024 * 1024,
+      maxFiles: i ? 1 : h,
+      disabled: c || a,
       noClick: !0
     });
-    ke(ge, () => ({
-      setItems: C
+    Se(we, () => ({
+      setItems: I
     }), []);
-    const v = ue && h === "image-grid" && !i && r.length > 0, H = !a && !i && $ && r.length > 0, J = v ? r.slice(1) : r, Y = !s && !i && h === "image-grid" && r.length > 0 && r.length < x, Z = !a && !i && (J.length > 0 || Y) && /* @__PURE__ */ l("div", { className: p("w-full mt-2", w?.previewWrapper), children: [
-      h === "default" && /* @__PURE__ */ l("pre", { className: "font-semibold text-gray-600", children: [
+    const b = ge && g === "image-grid" && !i && r.length > 0, H = !a && !i && T && r.length > 0, J = b ? r.slice(1) : r, Y = !c && !i && g === "image-grid" && r.length > 0 && r.length < h, Z = !a && !i && (J.length > 0 || Y) && /* @__PURE__ */ l("div", { className: m("w-full mt-2", u?.previewWrapper), children: [
+      g === "default" && /* @__PURE__ */ l("pre", { className: "font-semibold text-gray-600", children: [
         ne,
         ":"
       ] }),
       /* @__PURE__ */ l(
         "ul",
         {
-          className: p(
+          className: m(
             "mt-2 text-sm text-gray-500 flex flex-wrap items-start",
-            h === "image-grid" ? "gap-2 justify-start" : "gap-4 justify-center"
+            g === "image-grid" ? "gap-2 justify-start" : "gap-4 justify-center"
           ),
           children: [
-            J.map((t, d) => {
-              const n = v ? d + 1 : d, z = b(t) ? t.name : Pe(t), E = b(t) ? (t.size / (1024 * 1024)).toFixed(2) + " MB" : "";
+            J.map((t, s) => {
+              const o = b ? s + 1 : s, F = C(t) ? t.name : _e(t), E = C(t) ? (t.size / (1024 * 1024)).toFixed(2) + " MB" : "";
               return /* @__PURE__ */ l(
                 "li",
                 {
-                  className: p(
+                  className: m(
                     "relative",
-                    h === "image-grid" ? "w-[75px] h-[75px]" : "flex flex-col items-center gap-2"
+                    g === "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(V, { item: t, styles: w }),
+                      /* @__PURE__ */ e(ee, { item: t, styles: u }),
                       /* @__PURE__ */ e(
                         "div",
                         {
-                          className: p(
+                          className: m(
                             "absolute top-0 right-0 cursor-pointer bg-gray-300 rounded-sm",
-                            h === "image-grid" && "top-1 right-1 bg-white/90 rounded-full p-0.5"
+                            g === "image-grid" && "top-1 right-1 bg-white/90 rounded-full p-0.5"
                           ),
-                          onClick: (Ie) => I(Ie, n),
-                          children: /* @__PURE__ */ e(D, { size: 16, strokeWidth: 1, color: "black" })
+                          onClick: (ze) => D(ze, o),
+                          children: /* @__PURE__ */ e(j, { size: 16, strokeWidth: 1, color: "black" })
                         }
                       )
                     ] }),
-                    h === "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: z }),
+                    g === "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: F }),
                       E && /* @__PURE__ */ l("span", { children: [
                         "(",
                         E,
@@ -173,7 +173,7 @@ const te = (o = 0) => `${(o / (1024 * 1024)).toFixed(0)} MB`, Ue = {
                     ] })
                   ]
                 },
-                n
+                o
               );
             }),
             Y && /* @__PURE__ */ e(
@@ -181,9 +181,9 @@ const te = (o = 0) => `${(o / (1024 * 1024)).toFixed(0)} MB`, Ue = {
               {
                 className: "relative w-[75px] h-[75px] flex items-center justify-center rounded-[8px] border border-dashed border-[#9368FF80] bg-[#FCFCFC] cursor-pointer hover:bg-[#9368FF0F]",
                 onClick: (t) => {
-                  t.stopPropagation(), !(s || a) && A();
+                  t.stopPropagation(), !(c || a) && _();
                 },
-                children: /* @__PURE__ */ e("div", { className: "flex size-6 items-center justify-center rounded-full bg-[#9368FF1F]", children: /* @__PURE__ */ e(ze, { size: 16, className: "text-[#9368FF]" }) })
+                children: /* @__PURE__ */ e("div", { className: "flex size-6 items-center justify-center rounded-full bg-[#9368FF1F]", children: /* @__PURE__ */ e(De, { size: 16, className: "text-[#9368FF]" }) })
               },
               "add-more"
             )
@@ -195,33 +195,33 @@ const te = (o = 0) => `${(o / (1024 * 1024)).toFixed(0)} MB`, Ue = {
       /* @__PURE__ */ l(
         Be,
         {
-          ...M,
-          ...be({
+          ...k,
+          ...Ce({
             onClick: (t) => {
-              if (!(s || a)) {
-                if (Ne) {
-                  M.onClick?.(t);
+              if (!(c || a)) {
+                if (ve) {
+                  k.onClick?.(t);
                   return;
                 }
-                A(), M.onClick?.(t);
+                _(), k.onClick?.(t);
               }
             }
           }),
-          className: p(
+          className: m(
             "w-full text-center flex flex-col items-center justify-center gap-6 cursor-pointer",
-            !R && "border border-dashed border-[#9368FF80] rounded-[8px] bg-[#FCFCFC] p-4",
-            R && "min-h-0 border-0 bg-transparent p-0",
-            v && "relative",
-            s && "border-[#E4E4E7] pointer-events-none",
-            u.length > 0 && !R && "border-red-500",
-            ye && "bg-gray-100",
+            !A && "border border-dashed border-[#9368FF80] rounded-[8px] bg-[#FCFCFC] p-4",
+            A && "min-h-0 border-0 bg-transparent p-0",
+            b && "relative",
+            c && "border-[#E4E4E7] pointer-events-none",
+            x.length > 0 && !A && "border-red-500",
+            Ie && "bg-gray-100",
             i && "shadow-none!",
-            i && r.length > 0 && !B && "p-0! shadow-none!",
-            B && "h-auto! max-h-none! min-h-0! p-2!",
-            le
+            i && r.length > 0 && !W && "p-0! shadow-none!",
+            W && "h-auto! max-h-none! min-h-0! p-2!",
+            re
           ),
           children: [
-            /* @__PURE__ */ e("input", { ...Ce() }),
+            /* @__PURE__ */ e("input", { ...ye() }),
             a && /* @__PURE__ */ l(
               "div",
               {
@@ -231,55 +231,55 @@ const te = (o = 0) => `${(o / (1024 * 1024)).toFixed(0)} MB`, Ue = {
                   /* @__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(T))),
+                      Math.max(0, Math.min(100, Math.round($))),
                       "%"
                     ] })
                   ] }),
                   /* @__PURE__ */ l("div", { className: "text-center", children: [
-                    /* @__PURE__ */ e("p", { className: "text-xl font-semibold text-foreground", children: pe }),
+                    /* @__PURE__ */ e("p", { className: "text-xl font-semibold text-foreground", children: xe }),
                     /* @__PURE__ */ l("p", { className: "text-sm text-[#666A78]", children: [
-                      te(me),
+                      le(fe),
                       " of ",
-                      te(fe)
+                      le(pe)
                     ] }),
-                    /* @__PURE__ */ e("p", { className: "mt-2 text-sm text-[#666A78]", children: xe })
+                    /* @__PURE__ */ e("p", { className: "mt-2 text-sm text-[#666A78]", children: he })
                   ] }),
                   /* @__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, T))}%` }
+                      style: { width: `${Math.max(0, Math.min(100, $))}%` }
                     }
                   ) }),
-                  X && /* @__PURE__ */ e(
+                  P && /* @__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(), X();
+                        t.stopPropagation(), P();
                       },
-                      children: he
+                      children: ue
                     }
                   )
                 ]
               }
             ),
-            !a && v && /* @__PURE__ */ l(
+            !a && b && /* @__PURE__ */ l(
               "div",
               {
                 className: "absolute inset-0 rounded-[8px] overflow-hidden",
                 onClick: (t) => t.stopPropagation(),
                 children: [
                   /* @__PURE__ */ e(
-                    V,
+                    ee,
                     {
                       item: r[0],
                       styles: {
-                        ...w,
-                        previewWraper: p(
+                        ...u,
+                        previewWraper: m(
                           "w-full h-full rounded-[8px] border-0",
-                          w?.previewWraper?.replace(/w-\[[^\]]+\]|h-\[[^\]]+\]/g, "")
+                          u?.previewWraper?.replace(/w-\[[^\]]+\]|h-\[[^\]]+\]/g, "")
                         )
                       }
                     }
@@ -288,72 +288,72 @@ const te = (o = 0) => `${(o / (1024 * 1024)).toFixed(0)} MB`, Ue = {
                     "div",
                     {
                       className: "absolute top-2 right-2 cursor-pointer bg-white/90 rounded-full p-1",
-                      onClick: (t) => I(t, 0),
-                      children: /* @__PURE__ */ e(D, { size: 16, strokeWidth: 1, color: "black" })
+                      onClick: (t) => D(t, 0),
+                      children: /* @__PURE__ */ e(j, { size: 16, strokeWidth: 1, color: "black" })
                     }
                   )
                 ]
               }
             ),
-            !a && (r.length === 0 || !i && $) && u.length === 0 && /* @__PURE__ */ l(
+            !a && (r.length === 0 || !i && T) && (x.length === 0 || !i) && /* @__PURE__ */ l(
               "div",
               {
-                className: p(
+                className: m(
                   "flex flex-col items-center gap-2 w-full",
-                  w?.idleWrapper,
-                  v && "invisible"
+                  u?.idleWrapper,
+                  b && "invisible"
                 ),
                 children: [
                   /* @__PURE__ */ e("div", { className: "flex size-12 items-center justify-center rounded-full bg-[#9368FF1F]", children: /* @__PURE__ */ e(Ee, { className: "size-6 text-[#9368FF]" }) }),
-                  /* @__PURE__ */ e("div", { className: "flex flex-col items-center gap-1 w-full", children: !s && /* @__PURE__ */ l(K, { children: [
+                  /* @__PURE__ */ e("div", { className: "flex flex-col items-center gap-1 w-full", children: !c && /* @__PURE__ */ l(K, { children: [
                     /* @__PURE__ */ e(
                       "span",
                       {
-                        className: p(
+                        className: m(
                           "font-semibold text-[14px] leading-[125%] text-[#06080D] text-center w-full whitespace-pre-line",
-                          ae
+                          de
                         ),
-                        children: j
+                        children: M
                       }
                     ),
                     /* @__PURE__ */ e(
                       "span",
                       {
-                        className: p(
+                        className: m(
                           "font-medium text-[12px] leading-[120%] text-[#666A78] text-center w-full whitespace-pre-line",
-                          de
+                          me
                         ),
-                        children: re
+                        children: ie
                       }
                     )
                   ] }) }),
-                  !s && /* @__PURE__ */ e(
+                  !c && /* @__PURE__ */ e(
                     Qe,
                     {
                       type: "button",
                       size: "md",
-                      children: ie
+                      children: oe
                     }
                   )
                 ]
               }
             ),
-            !a && u.length > 0 && !G && /* @__PURE__ */ l("div", { className: p("w-full mt-4", w?.errorWrapper), children: [
+            !a && i && x.length > 0 && !G && /* @__PURE__ */ l("div", { className: m("w-full mt-4", u?.errorWrapper), children: [
               /* @__PURE__ */ l("span", { className: "font-semibold text-red-500", children: [
-                oe,
+                se,
                 ":"
               ] }),
-              /* @__PURE__ */ e("ul", { className: "mt-2 text-sm text-red-500 list-disc list-inside", children: u.map((t, d) => /* @__PURE__ */ l("li", { children: [
+              /* @__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)",
-                !f && /* @__PURE__ */ e("ul", { className: "ml-4 list-disc list-inside", children: t.errors.map((n, z) => /* @__PURE__ */ l("li", { children: [
-                  n.code === "file-too-large" && P,
-                  n.code === "file-invalid-type" && _,
-                  n.code !== "file-too-large" && n.code !== "file-invalid-type" && n.message
-                ] }, z)) })
-              ] }, d)) })
+                !p && /* @__PURE__ */ e("ul", { className: "ml-4 list-disc list-inside", children: t.errors.map((o, F) => /* @__PURE__ */ l("li", { children: [
+                  o.code === "file-too-large" && S,
+                  o.code === "file-invalid-type" && y,
+                  o.code !== "file-too-large" && o.code !== "file-invalid-type" && o.message
+                ] }, F)) })
+              ] }, s)) })
             ] }),
             !a && !!(i && r.length) && /* @__PURE__ */ e(K, { children: q ? /* @__PURE__ */ l(
               "div",
@@ -361,42 +361,42 @@ const te = (o = 0) => `${(o / (1024 * 1024)).toFixed(0)} MB`, Ue = {
                 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: j }),
+                  /* @__PURE__ */ e("p", { className: "w-full text-center text-[16px] leading-[130%] font-semibold text-[#06080D]", children: M }),
                   /* @__PURE__ */ l("div", { className: "w-full min-h-[72px] rounded-[8px] bg-[#F5F5F5] p-4 flex items-center gap-4", children: [
-                    y ? /* @__PURE__ */ e(
+                    z ? /* @__PURE__ */ e(
                       "img",
                       {
-                        src: y,
+                        src: z,
                         alt: "",
                         className: "size-10 shrink-0"
                       }
                     ) : /* @__PURE__ */ e("div", { className: "size-10 rounded-[8px] bg-[#DC2626] text-white flex items-center justify-center shrink-0", children: /* @__PURE__ */ e(Q, { 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: g?.name }),
-                      /* @__PURE__ */ e("span", { className: "w-full text-[12px] font-medium leading-[120%] text-[#666A78]", children: g ? `${(g.size / (1024 * 1024)).toFixed(0)} MB` : "" })
+                      /* @__PURE__ */ e("span", { className: "w-full text-[14px] font-semibold leading-[125%] text-[#06080D] truncate", children: w?.name }),
+                      /* @__PURE__ */ e("span", { className: "w-full text-[12px] font-medium leading-[120%] text-[#666A78]", children: w ? `${(w.size / (1024 * 1024)).toFixed(0)} MB` : "" })
                     ] }),
-                    !s && /* @__PURE__ */ e(
+                    !c && /* @__PURE__ */ e(
                       "div",
                       {
                         className: "size-6 flex items-center justify-center cursor-pointer",
-                        onClick: (t) => I(t, 0),
-                        children: /* @__PURE__ */ e(D, { size: 24, color: "#06080D" })
+                        onClick: (t) => D(t, 0),
+                        children: /* @__PURE__ */ e(j, { size: 24, color: "#06080D" })
                       }
                     )
                   ] })
                 ]
               }
             ) : /* @__PURE__ */ e(
-              Ae,
+              We,
               {
                 item: r[0],
-                onRemoveClick: (t) => I(t, 0),
+                onRemoveClick: (t) => D(t, 0),
                 onReplaceClick: (t) => {
-                  t.stopPropagation(), !s && A();
+                  t.stopPropagation(), !c && _();
                 },
-                labelUploaded: se,
-                labelReplace: ce,
-                disabled: s
+                labelUploaded: ce,
+                labelReplace: ae,
+                disabled: c
               }
             ) }),
             !a && G && /* @__PURE__ */ l(
@@ -405,34 +405,34 @@ const te = (o = 0) => `${(o / (1024 * 1024)).toFixed(0)} MB`, Ue = {
                 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: j }),
+                  /* @__PURE__ */ e("p", { className: "w-full text-center text-[16px] leading-[130%] font-semibold text-[#06080D]", children: M }),
                   /* @__PURE__ */ l("div", { className: "w-full min-h-[72px] rounded-[8px] bg-[#F5F5F5] p-4 flex items-center gap-4", children: [
-                    y ? /* @__PURE__ */ e(
+                    z ? /* @__PURE__ */ e(
                       "img",
                       {
-                        src: y,
+                        src: z,
                         alt: "",
                         className: "size-10 shrink-0"
                       }
                     ) : /* @__PURE__ */ e("div", { className: "size-10 rounded-[8px] bg-[#DC2626] text-white flex items-center justify-center shrink-0", children: /* @__PURE__ */ e(Q, { 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: g?.name }),
-                      /* @__PURE__ */ e("span", { className: "w-full text-[12px] font-medium leading-[120%] text-[#666A78]", children: g ? `${(g.size / (1024 * 1024)).toFixed(0)} MB` : "" })
+                      /* @__PURE__ */ e("span", { className: "w-full text-[14px] font-semibold leading-[125%] text-[#06080D] truncate", children: w?.name }),
+                      /* @__PURE__ */ e("span", { className: "w-full text-[12px] font-medium leading-[120%] text-[#666A78]", children: w ? `${(w.size / (1024 * 1024)).toFixed(0)} MB` : "" })
                     ] }),
-                    !s && /* @__PURE__ */ e(
+                    !c && /* @__PURE__ */ e(
                       "div",
                       {
                         className: "size-6 flex items-center justify-center cursor-pointer",
                         onClick: (t) => {
                           t.stopPropagation(), L([]);
                         },
-                        children: /* @__PURE__ */ e(D, { size: 24, color: "#06080D" })
+                        children: /* @__PURE__ */ e(j, { size: 24, color: "#06080D" })
                       }
                     )
                   ] }),
                   /* @__PURE__ */ l("div", { className: "w-full bg-[#DC26260F] p-4 flex items-start gap-4", children: [
-                    /* @__PURE__ */ e(De, { size: 20, color: "#DC2626" }),
-                    /* @__PURE__ */ e("p", { className: "text-[12px] leading-[120%] font-medium text-[#DC2626] text-left", children: u[0]?.errors?.[0]?.code === "file-too-large" ? P : u[0]?.errors?.[0]?.message || _ })
+                    /* @__PURE__ */ e(U, { 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" ? S : x[0]?.errors?.[0]?.message || y })
                   ] })
                 ]
               }
@@ -441,7 +441,31 @@ const te = (o = 0) => `${(o / (1024 * 1024)).toFixed(0)} MB`, Ue = {
           ]
         }
       ),
-      H && /* @__PURE__ */ e("div", { className: "w-full", children: Z })
+      H && /* @__PURE__ */ e("div", { className: "w-full", children: Z }),
+      !a && !i && x.length > 0 && /* @__PURE__ */ e(
+        "div",
+        {
+          className: m("w-full mt-4 flex flex-col gap-2", u?.errorWrapper),
+          children: x.map((t, s) => {
+            const o = t.errors[0], F = o?.code === "file-too-large" ? S : o?.code === "file-invalid-type" ? y : o?.message || y;
+            return /* @__PURE__ */ l(
+              "div",
+              {
+                className: "w-full bg-[#DC26260F] p-4 flex items-start gap-4 rounded-[8px]",
+                children: [
+                  /* @__PURE__ */ e(U, { size: 20, color: "#DC2626", className: "shrink-0" }),
+                  /* @__PURE__ */ l("p", { className: "text-[12px] leading-[120%] font-medium text-[#DC2626] text-left", children: [
+                    /* @__PURE__ */ e("span", { className: "font-semibold", children: t.file.name }),
+                    " — ",
+                    F
+                  ] })
+                ]
+              },
+              s
+            );
+          })
+        }
+      )
     ] });
   }
 );

package/Dropzone/Dropzone.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dropzone.js","sources":["../../src/Dropzone/Dropzone.tsx"],"sourcesContent":["import { FileTextIcon, InfoIcon, Plus, 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, isVideoUrl } from './DropzoneUtils';\r\nimport { Button } from \"../Button\";\r\nimport fileCsvIcon from './icons/file-csv.svg';\r\nimport fileDocIcon from './icons/file-doc.svg';\r\nimport fileDocxIcon from './icons/file-docx.svg';\r\nimport fileJpgIcon from './icons/file-jpg.svg';\r\nimport filePdfIcon from './icons/file-pdf.svg';\r\nimport filePngIcon from './icons/file-png.svg';\r\nimport filePptIcon from './icons/file-ppt.svg';\r\nimport filePptxIcon from './icons/file-pptx.svg';\r\nimport fileRarIcon from './icons/file-rar.svg';\r\nimport fileSvgIcon from './icons/file-svg.svg';\r\nimport fileWebpIcon from './icons/file-webp.svg';\r\nimport fileXlsIcon from './icons/file-xls.svg';\r\nimport fileXlsxIcon from './icons/file-xlsx.svg';\r\nimport fileZipIcon from './icons/file-zip.svg';\r\n\r\nconst formatBytesToMb = (bytes = 0) => `${(bytes / (1024 * 1024)).toFixed(0)} MB`;\r\nconst FILE_EXT_ICON_MAP: Record<string, string> = {\r\n  csv: fileCsvIcon,\r\n  doc: fileDocIcon,\r\n  docx: fileDocxIcon,\r\n  jpg: fileJpgIcon,\r\n  jpeg: fileJpgIcon,\r\n  pdf: filePdfIcon,\r\n  png: filePngIcon,\r\n  ppt: filePptIcon,\r\n  pptx: filePptxIcon,\r\n  rar: fileRarIcon,\r\n  svg: fileSvgIcon,\r\n  webp: fileWebpIcon,\r\n  xls: fileXlsIcon,\r\n  xlsx: fileXlsxIcon,\r\n  zip: fileZipIcon,\r\n};\r\n\r\nconst getFileExtension = (fileName?: string) => {\r\n  if (!fileName) return '';\r\n  const parts = fileName.toLowerCase().split('.');\r\n  return parts.length > 1 ? parts[parts.length - 1] : '';\r\n};\r\n\r\nconst getFileTypeIconByName = (fileName?: string) => {\r\n  const extension = getFileExtension(fileName);\r\n  return FILE_EXT_ICON_MAP[extension] ?? null;\r\n};\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      coverFirstItem = false,\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 isRejectedImage = Boolean(firstRejectedFile?.type?.includes('image'));\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 && firstItem.type.includes('video')) ||\r\n      (singlePick && items.length > 0 && typeof firstItem === 'string' && isVideoUrl(firstItem));\r\n    const isSingleDocument = isSingleFile && !isSingleImage && !isSingleVideo;\r\n    const hasRejectedSingleFile = singlePick && !items.length && Boolean(firstRejectedFile);\r\n    const hasRejectedSingleDocumentFile = hasRejectedSingleFile && !isRejectedImage;\r\n    const singleFileCard = isSingleDocument ? firstItem : firstRejectedFile;\r\n    const singleFileCardIcon = getFileTypeIconByName(singleFileCard?.name);\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 isCoverMode =\r\n      coverFirstItem && previewVariant === 'image-grid' && !singlePick && items.length > 0;\r\n\r\n    const shouldRenderDetachedPreview =\r\n      !isUploading && !singlePick && persistentDropzone && items.length > 0;\r\n\r\n    const restItemsForGrid = isCoverMode ? items.slice(1) : items;\r\n\r\n    const showAddMoreTile =\r\n      !disabled &&\r\n      !singlePick &&\r\n      previewVariant === 'image-grid' &&\r\n      items.length > 0 &&\r\n      items.length < maxFiles;\r\n\r\n    const previewBlock =\r\n      !isUploading &&\r\n      !singlePick &&\r\n      (restItemsForGrid.length > 0 || showAddMoreTile) && (\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          {restItemsForGrid.map((item, gridIndex) => {\r\n            const index = isCoverMode ? gridIndex + 1 : gridIndex;\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          {showAddMoreTile && (\r\n            <li\r\n              key=\"add-more\"\r\n              className=\"relative w-[75px] h-[75px] flex items-center justify-center rounded-[8px] border border-dashed border-[#9368FF80] bg-[#FCFCFC] cursor-pointer hover:bg-[#9368FF0F]\"\r\n              onClick={(event) => {\r\n                event.stopPropagation();\r\n                if (disabled || isUploading) return;\r\n                open();\r\n              }}\r\n            >\r\n              <div className=\"flex size-6 items-center justify-center rounded-full bg-[#9368FF1F]\">\r\n                <Plus size={16} className=\"text-[#9368FF]\" />\r\n              </div>\r\n            </li>\r\n          )}\r\n        </ul>\r\n      </div>\r\n    );\r\n\r\n    return (\r\n      <div className=\"w-full select-none\">\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            isCoverMode && 'relative',\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 && isCoverMode && (\r\n          <div\r\n            className=\"absolute inset-0 rounded-[8px] overflow-hidden\"\r\n            onClick={(event) => event.stopPropagation()}\r\n          >\r\n            <FilePreview\r\n              item={items[0]}\r\n              styles={{\r\n                ...classNames,\r\n                previewWraper: cn(\r\n                  'w-full h-full rounded-[8px] border-0',\r\n                  classNames?.previewWraper?.replace(/w-\\[[^\\]]+\\]|h-\\[[^\\]]+\\]/g, ''),\r\n                ),\r\n              }}\r\n            />\r\n            <div\r\n              className=\"absolute top-2 right-2 cursor-pointer bg-white/90 rounded-full p-1\"\r\n              onClick={(event) => removeItem(event, 0)}\r\n            >\r\n              <X size={16} strokeWidth={1} color=\"black\" />\r\n            </div>\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              isCoverMode && 'invisible',\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 && !hasRejectedSingleDocumentFile && (\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                  {singleFileCardIcon ? (\r\n                    <img\r\n                      src={singleFileCardIcon}\r\n                      alt=\"\"\r\n                      className=\"size-10 shrink-0\"\r\n                    />\r\n                  ) : (\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                  )}\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 && hasRejectedSingleDocumentFile && (\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              {singleFileCardIcon ? (\r\n                <img\r\n                  src={singleFileCardIcon}\r\n                  alt=\"\"\r\n                  className=\"size-10 shrink-0\"\r\n                />\r\n              ) : (\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              )}\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","FILE_EXT_ICON_MAP","fileCsvIcon","fileDocIcon","fileDocxIcon","fileJpgIcon","filePdfIcon","filePngIcon","filePptIcon","filePptxIcon","fileRarIcon","fileSvgIcon","fileWebpIcon","fileXlsIcon","fileXlsxIcon","fileZipIcon","getFileExtension","fileName","parts","getFileTypeIconByName","extension","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","coverFirstItem","restProps","ref","items","setItems","useState","fileErrors","setFileErrors","firstItem","firstRejectedFile","isRejectedImage","isSingleFile","isSingleImage","isSingleVideo","isVideoUrl","isSingleDocument","hasRejectedSingleDocumentFile","singleFileCard","singleFileCardIcon","hasSingleVideoPreview","shouldBlockRootOpen","isContentPreviewMode","onDrop","acceptedFiles","fileRejections","newItems","useEffect","removeItem","event","index","_","getRootProps","getInputProps","isDragActive","open","useDropzone","acc","fileType","useImperativeHandle","isCoverMode","shouldRenderDetachedPreview","restItemsForGrid","showAddMoreTile","previewBlock","jsxs","cn","item","gridIndex","extractName","fileSize","jsx","FilePreview","X","Plus","Card","UploadIcon","Fragment","Button","fileRejection","error","errorIndex","FileTextIcon","DropzoneSinglePickPreview","e","InfoIcon"],"mappings":"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"}
+{"version":3,"file":"Dropzone.js","sources":["../../src/Dropzone/Dropzone.tsx"],"sourcesContent":["import { FileTextIcon, InfoIcon, Plus, 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, isVideoUrl } from './DropzoneUtils';\r\nimport { Button } from \"../Button\";\r\nimport fileCsvIcon from './icons/file-csv.svg';\r\nimport fileDocIcon from './icons/file-doc.svg';\r\nimport fileDocxIcon from './icons/file-docx.svg';\r\nimport fileJpgIcon from './icons/file-jpg.svg';\r\nimport filePdfIcon from './icons/file-pdf.svg';\r\nimport filePngIcon from './icons/file-png.svg';\r\nimport filePptIcon from './icons/file-ppt.svg';\r\nimport filePptxIcon from './icons/file-pptx.svg';\r\nimport fileRarIcon from './icons/file-rar.svg';\r\nimport fileSvgIcon from './icons/file-svg.svg';\r\nimport fileWebpIcon from './icons/file-webp.svg';\r\nimport fileXlsIcon from './icons/file-xls.svg';\r\nimport fileXlsxIcon from './icons/file-xlsx.svg';\r\nimport fileZipIcon from './icons/file-zip.svg';\r\n\r\nconst formatBytesToMb = (bytes = 0) => `${(bytes / (1024 * 1024)).toFixed(0)} MB`;\r\nconst FILE_EXT_ICON_MAP: Record<string, string> = {\r\n  csv: fileCsvIcon,\r\n  doc: fileDocIcon,\r\n  docx: fileDocxIcon,\r\n  jpg: fileJpgIcon,\r\n  jpeg: fileJpgIcon,\r\n  pdf: filePdfIcon,\r\n  png: filePngIcon,\r\n  ppt: filePptIcon,\r\n  pptx: filePptxIcon,\r\n  rar: fileRarIcon,\r\n  svg: fileSvgIcon,\r\n  webp: fileWebpIcon,\r\n  xls: fileXlsIcon,\r\n  xlsx: fileXlsxIcon,\r\n  zip: fileZipIcon,\r\n};\r\n\r\nconst getFileExtension = (fileName?: string) => {\r\n  if (!fileName) return '';\r\n  const parts = fileName.toLowerCase().split('.');\r\n  return parts.length > 1 ? parts[parts.length - 1] : '';\r\n};\r\n\r\nconst getFileTypeIconByName = (fileName?: string) => {\r\n  const extension = getFileExtension(fileName);\r\n  return FILE_EXT_ICON_MAP[extension] ?? null;\r\n};\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      coverFirstItem = false,\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 isRejectedImage = Boolean(firstRejectedFile?.type?.includes('image'));\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 && firstItem.type.includes('video')) ||\r\n      (singlePick && items.length > 0 && typeof firstItem === 'string' && isVideoUrl(firstItem));\r\n    const isSingleDocument = isSingleFile && !isSingleImage && !isSingleVideo;\r\n    const hasRejectedSingleFile = singlePick && !items.length && Boolean(firstRejectedFile);\r\n    const hasRejectedSingleDocumentFile = hasRejectedSingleFile && !isRejectedImage;\r\n    const singleFileCard = isSingleDocument ? firstItem : firstRejectedFile;\r\n    const singleFileCardIcon = getFileTypeIconByName(singleFileCard?.name);\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 isCoverMode =\r\n      coverFirstItem && previewVariant === 'image-grid' && !singlePick && items.length > 0;\r\n\r\n    const shouldRenderDetachedPreview =\r\n      !isUploading && !singlePick && persistentDropzone && items.length > 0;\r\n\r\n    const restItemsForGrid = isCoverMode ? items.slice(1) : items;\r\n\r\n    const showAddMoreTile =\r\n      !disabled &&\r\n      !singlePick &&\r\n      previewVariant === 'image-grid' &&\r\n      items.length > 0 &&\r\n      items.length < maxFiles;\r\n\r\n    const previewBlock =\r\n      !isUploading &&\r\n      !singlePick &&\r\n      (restItemsForGrid.length > 0 || showAddMoreTile) && (\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          {restItemsForGrid.map((item, gridIndex) => {\r\n            const index = isCoverMode ? gridIndex + 1 : gridIndex;\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          {showAddMoreTile && (\r\n            <li\r\n              key=\"add-more\"\r\n              className=\"relative w-[75px] h-[75px] flex items-center justify-center rounded-[8px] border border-dashed border-[#9368FF80] bg-[#FCFCFC] cursor-pointer hover:bg-[#9368FF0F]\"\r\n              onClick={(event) => {\r\n                event.stopPropagation();\r\n                if (disabled || isUploading) return;\r\n                open();\r\n              }}\r\n            >\r\n              <div className=\"flex size-6 items-center justify-center rounded-full bg-[#9368FF1F]\">\r\n                <Plus size={16} className=\"text-[#9368FF]\" />\r\n              </div>\r\n            </li>\r\n          )}\r\n        </ul>\r\n      </div>\r\n    );\r\n\r\n    return (\r\n      <div className=\"w-full select-none\">\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            isCoverMode && 'relative',\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 && isCoverMode && (\r\n          <div\r\n            className=\"absolute inset-0 rounded-[8px] overflow-hidden\"\r\n            onClick={(event) => event.stopPropagation()}\r\n          >\r\n            <FilePreview\r\n              item={items[0]}\r\n              styles={{\r\n                ...classNames,\r\n                previewWraper: cn(\r\n                  'w-full h-full rounded-[8px] border-0',\r\n                  classNames?.previewWraper?.replace(/w-\\[[^\\]]+\\]|h-\\[[^\\]]+\\]/g, ''),\r\n                ),\r\n              }}\r\n            />\r\n            <div\r\n              className=\"absolute top-2 right-2 cursor-pointer bg-white/90 rounded-full p-1\"\r\n              onClick={(event) => removeItem(event, 0)}\r\n            >\r\n              <X size={16} strokeWidth={1} color=\"black\" />\r\n            </div>\r\n          </div>\r\n        )}\r\n\r\n        {!isUploading &&\r\n          (items.length === 0 || (!singlePick && persistentDropzone)) &&\r\n          (fileErrors.length === 0 || !singlePick) && (\r\n          <div\r\n            className={cn(\r\n              'flex flex-col items-center gap-2 w-full',\r\n              classNames?.idleWrapper,\r\n              isCoverMode && 'invisible',\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 && singlePick && fileErrors.length > 0 && !hasRejectedSingleDocumentFile && (\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                  {singleFileCardIcon ? (\r\n                    <img\r\n                      src={singleFileCardIcon}\r\n                      alt=\"\"\r\n                      className=\"size-10 shrink-0\"\r\n                    />\r\n                  ) : (\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                  )}\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 && hasRejectedSingleDocumentFile && (\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              {singleFileCardIcon ? (\r\n                <img\r\n                  src={singleFileCardIcon}\r\n                  alt=\"\"\r\n                  className=\"size-10 shrink-0\"\r\n                />\r\n              ) : (\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              )}\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        {!isUploading && !singlePick && fileErrors.length > 0 && (\r\n          <div\r\n            className={cn('w-full mt-4 flex flex-col gap-2', classNames?.errorWrapper)}\r\n          >\r\n            {fileErrors.map((fileRejection, index) => {\r\n              const firstError = fileRejection.errors[0];\r\n              const errorText =\r\n                firstError?.code === 'file-too-large'\r\n                  ? labelFileTooLarge\r\n                  : firstError?.code === 'file-invalid-type'\r\n                    ? labelInvalidFileType\r\n                    : firstError?.message || labelInvalidFileType;\r\n\r\n              return (\r\n                <div\r\n                  key={index}\r\n                  className=\"w-full bg-[#DC26260F] p-4 flex items-start gap-4 rounded-[8px]\"\r\n                >\r\n                  <InfoIcon size={20} color=\"#DC2626\" className=\"shrink-0\" />\r\n                  <p className=\"text-[12px] leading-[120%] font-medium text-[#DC2626] text-left\">\r\n                    <span className=\"font-semibold\">{fileRejection.file.name}</span>\r\n                    {' — '}\r\n                    {errorText}\r\n                  </p>\r\n                </div>\r\n              );\r\n            })}\r\n          </div>\r\n        )}\r\n      </div>\r\n    );\r\n  }\r\n);\r\n\r\nDropzone.displayName = 'Dropzone';\r\n\r\n"],"names":["formatBytesToMb","bytes","FILE_EXT_ICON_MAP","fileCsvIcon","fileDocIcon","fileDocxIcon","fileJpgIcon","filePdfIcon","filePngIcon","filePptIcon","filePptxIcon","fileRarIcon","fileSvgIcon","fileWebpIcon","fileXlsIcon","fileXlsxIcon","fileZipIcon","getFileExtension","fileName","parts","getFileTypeIconByName","extension","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","coverFirstItem","restProps","ref","items","setItems","useState","fileErrors","setFileErrors","firstItem","firstRejectedFile","isRejectedImage","isSingleFile","isSingleImage","isSingleVideo","isVideoUrl","isSingleDocument","hasRejectedSingleDocumentFile","singleFileCard","singleFileCardIcon","hasSingleVideoPreview","shouldBlockRootOpen","isContentPreviewMode","onDrop","acceptedFiles","fileRejections","newItems","useEffect","removeItem","event","index","_","getRootProps","getInputProps","isDragActive","open","useDropzone","acc","fileType","useImperativeHandle","isCoverMode","shouldRenderDetachedPreview","restItemsForGrid","showAddMoreTile","previewBlock","jsxs","cn","item","gridIndex","extractName","fileSize","jsx","FilePreview","X","Plus","Card","UploadIcon","Fragment","Button","fileRejection","error","errorIndex","FileTextIcon","DropzoneSinglePickPreview","e","InfoIcon","firstError","errorText"],"mappings":"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"}

package/Dropzone/DropzoneSinglePickPreview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DropzoneSinglePickPreview.d.ts","sourceRoot":"","sources":["../../src/Dropzone/DropzoneSinglePickPreview.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAOrD,OAAO,wCAAwC,CAAC;AAChD,OAAO,iDAAiD,CAAC;AACzD,OAAO,yDAAyD,CAAC;AACjE,OAAO,iCAAiC,CAAC;AAGzC,eAAO,MAAM,mBAAmB,GAAI,UAAU,MAAM,GAAG,IAAI,GAAG,IAAI,KAAG,MAYpE,CAAC;AAqCF,UAAU,sBAAsB;IAC9B,IAAI,EAAE,iBAAiB,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAC1D,cAAc,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAClE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,eAAO,MAAM,yBAAyB,GAAI,kEAMvC,sBAAsB,4CAyIxB,CAAC"}
+{"version":3,"file":"DropzoneSinglePickPreview.d.ts","sourceRoot":"","sources":["../../src/Dropzone/DropzoneSinglePickPreview.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAOrD,OAAO,wCAAwC,CAAC;AAChD,OAAO,iDAAiD,CAAC;AACzD,OAAO,yDAAyD,CAAC;AACjE,OAAO,iCAAiC,CAAC;AAGzC,eAAO,MAAM,mBAAmB,GAAI,UAAU,MAAM,GAAG,IAAI,GAAG,IAAI,KAAG,MAYpE,CAAC;AAqCF,UAAU,sBAAsB;IAC9B,IAAI,EAAE,iBAAiB,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAC1D,cAAc,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAClE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,eAAO,MAAM,yBAAyB,GAAI,kEAMvC,sBAAsB,4CAqLxB,CAAC"}

package/Dropzone/DropzoneSinglePickPreview.js

@@ -1,16 +1,16 @@
-import { jsxs as c, jsx as t } from "react/jsx-runtime";
-import { useState as w, useMemo as u, useEffect as N } from "react";
-import { isVideoUrl as v, isFile as k } from "./DropzoneUtils.js";
-import { X as x, FileIcon as L, Video as F, PencilIcon as P, Trash2 as U } from "lucide-react";
-import { MediaPlayer as z, MediaProvider as E } from "@vidstack/react";
-import { DefaultVideoLayout as I, defaultLayoutIcons as j } from "@vidstack/react/player/layouts/default";
-import { Button as C } from "../Button/Button.js";
+import { jsxs as a, jsx as o } from "react/jsx-runtime";
+import { useState as x, useMemo as i, useRef as F, useEffect as I } from "react";
+import { isVideoUrl as C, isFile as R } from "./DropzoneUtils.js";
+import { X as U, FileIcon as M, Video as V, PencilIcon as B, Trash2 as D } from "lucide-react";
+import { MediaPlayer as O, MediaProvider as T, Poster as W } from "@vidstack/react";
+import { DefaultVideoLayout as Y, defaultLayoutIcons as $ } from "@vidstack/react/player/layouts/default";
+import { Button as q } from "../Button/Button.js";
 import "@vidstack/react/player/styles/base.css";
 import "@vidstack/react/player/styles/default/theme.css";
 import "@vidstack/react/player/styles/default/layouts/video.css";
 /* empty css                              */
-import { ButtonIcon as S } from "../ButtonIcon/ButtonIcon.js";
-const R = (e) => {
+import { ButtonIcon as A } from "../ButtonIcon/ButtonIcon.js";
+const J = (e) => {
   if (!e) return "";
   switch (!0) {
     case (typeof e == "string" && !!e.trim() && e !== "null"):
@@ -22,112 +22,143 @@ const R = (e) => {
     default:
       return "";
   }
-}, B = (e) => {
+}, X = (e) => {
   if (!e) return !1;
   try {
-    const i = new URL(e).hostname.toLowerCase();
-    return i.includes("youtube.com") || i.includes("youtu.be");
+    const c = new URL(e).hostname.toLowerCase();
+    return c.includes("youtube.com") || c.includes("youtu.be");
   } catch {
     return !1;
   }
-}, V = (e) => {
+}, G = (e) => {
   try {
-    const n = new URL(e);
-    if (n.hostname.toLowerCase().includes("youtu.be"))
-      return n.pathname.replace("/", "").trim();
-    const f = n.searchParams.get("v");
-    if (f) return f.trim();
-    const d = n.pathname.split("/").filter(Boolean), l = d.findIndex((h) => h === "embed");
-    return l >= 0 && d[l + 1] ? d[l + 1].trim() : "";
+    const s = new URL(e);
+    if (s.hostname.toLowerCase().includes("youtu.be"))
+      return s.pathname.replace("/", "").trim();
+    const h = s.searchParams.get("v");
+    if (h) return h.trim();
+    const f = s.pathname.split("/").filter(Boolean), l = f.findIndex((m) => m === "embed");
+    return l >= 0 && f[l + 1] ? f[l + 1].trim() : "";
   } catch {
     return "";
   }
-}, J = ({
+}, ie = ({
   item: e,
-  disabled: n,
-  onRemoveClick: i,
-  onReplaceClick: f,
-  labelReplace: d = "Замінити"
+  disabled: s,
+  onRemoveClick: c,
+  onReplaceClick: h,
+  labelReplace: f = "Замінити"
 }) => {
-  const [l, h] = w(""), s = k(e), p = s ? e.name : e, r = u(
-    () => typeof e == "string" && B(e),
+  const [l, m] = x(""), n = R(e), g = n ? e.name : e, t = i(
+    () => typeof e == "string" && X(e),
     [e]
-  ), m = u(
-    () => typeof e == "string" && !r && v(e),
-    [e, r]
-  ), y = u(() => {
-    if (!r || typeof e != "string") return "";
-    const o = V(e);
-    return o ? `youtube/${o}` : e;
-  }, [r, e]), g = u(() => s && e.type?.includes("image") || typeof e == "string" && !r && !m, [e, s, r, m]), a = u(() => s && e.type?.includes("video") || r || m, [e, s, r, m]), b = u(() => s ? `${(e.size / (1024 * 1024)).toFixed(0)} MB` : "", [e, s]);
-  return N(() => {
-    if (g || a) {
-      const o = R(e);
-      if (h(o), s && o)
-        return () => URL.revokeObjectURL(o);
+  ), p = i(
+    () => typeof e == "string" && !t && C(e),
+    [e, t]
+  ), u = i(
+    () => t && typeof e == "string" ? G(e) : "",
+    [t, e]
+  ), w = i(() => !t || typeof e != "string" ? "" : u ? `youtube/${u}` : e, [t, e, u]), y = i(
+    () => u ? `https://img.youtube.com/vi/${u}/hqdefault.jpg` : void 0,
+    [u]
+  ), [j, v] = x(!1), [z, N] = x(!0), P = F(null), k = F(null);
+  I(() => {
+    v(!1), N(!0);
+  }, [w]);
+  const S = i(() => n && e.type?.includes("image") || typeof e == "string" && !t && !p, [e, n, t, p]), d = i(() => n && e.type?.includes("video") || t || p, [e, n, t, p]), E = i(() => n ? `${(e.size / (1024 * 1024)).toFixed(0)} MB` : "", [e, n]);
+  return I(() => {
+    if (S || d) {
+      const r = J(e);
+      if (m(r), n && r)
+        return () => URL.revokeObjectURL(r);
     } else
-      h("");
-  }, [e, s, g, a]), /* @__PURE__ */ c("div", { className: "relative w-full overflow-hidden", children: [
-    a && l ? /* @__PURE__ */ t("div", { className: "w-full h-64 sm:h-80 md:h-96 rounded-lg overflow-hidden bg-black", onClick: (o) => o.stopPropagation(), children: /* @__PURE__ */ c(
-      z,
+      m("");
+  }, [e, n, S, d]), /* @__PURE__ */ a("div", { className: "relative w-full overflow-hidden", children: [
+    d && l ? /* @__PURE__ */ o("div", { className: "w-full rounded-lg overflow-hidden bg-black", onClick: (r) => r.stopPropagation(), children: /* @__PURE__ */ o("div", { className: "aspect-video", children: /* @__PURE__ */ a(
+      O,
       {
-        src: r ? y : { src: l, type: s ? e.type : void 0 },
-        className: `h-full w-full bg-black text-white ${r ? "dropzone-youtube-player" : ""}`,
+        ref: P,
+        title: n ? e.name : t ? void 0 : typeof e == "string" ? e : void 0,
+        src: t ? w : { src: l, type: n ? e.type : void 0 },
+        poster: t ? y : void 0,
+        className: `h-full w-full bg-black text-white ${t && j ? "dropzone-youtube-player" : ""}`,
         playsInline: !0,
+        onPlay: () => {
+          N(!1), t && v(!0);
+        },
+        onVolumeChange: (r) => {
+          if (!t) return;
+          const b = r.volume === 0 || r.muted;
+          if (k.current === b) return;
+          k.current = b;
+          const L = P.current?.el?.querySelector("iframe");
+          L?.contentWindow && L.contentWindow.postMessage(
+            JSON.stringify({ event: "command", func: b ? "mute" : "unMute", args: [] }),
+            "*"
+          );
+        },
         children: [
-          /* @__PURE__ */ t(E, {}),
-          /* @__PURE__ */ t(I, { icons: j })
+          /* @__PURE__ */ o(T, {}),
+          z && t && y && /* @__PURE__ */ o(
+            W,
+            {
+              className: "absolute inset-0 h-full w-full object-cover",
+              src: y,
+              alt: typeof e == "string" ? e : ""
+            }
+          ),
+          /* @__PURE__ */ o(Y, { icons: $ })
         ]
       }
-    ) }) : !a && l ? /* @__PURE__ */ c("div", { className: "relative w-full h-64 sm:h-80 md:h-96 overflow-hidden outline-[#E4E4E7] outline-2 outline-dashed -outline-offset-1 rounded-lg", children: [
-      !n && /* @__PURE__ */ t("div", { className: "absolute top-2 right-2 cursor-pointer bg-white/70 rounded-[4px] p-1 shadow-sm", onClick: i, children: /* @__PURE__ */ t(x, { size: 16, strokeWidth: 2, color: "black" }) }),
-      /* @__PURE__ */ t(
+    ) }) }) : !d && l ? /* @__PURE__ */ a("div", { className: "relative w-full h-64 sm:h-80 md:h-96 overflow-hidden outline-[#E4E4E7] outline-2 outline-dashed -outline-offset-1 rounded-lg", children: [
+      !s && /* @__PURE__ */ o("div", { className: "absolute top-2 right-2 cursor-pointer bg-white/70 rounded-[4px] p-1 shadow-sm", onClick: c, children: /* @__PURE__ */ o(U, { size: 16, strokeWidth: 2, color: "black" }) }),
+      /* @__PURE__ */ o(
         "img",
         {
           src: l,
-          alt: p?.toString(),
+          alt: g?.toString(),
           className: "w-full h-full object-cover rounded-lg"
         }
       )
-    ] }) : a ? null : /* @__PURE__ */ c("div", { className: "relative w-full h-64 sm:h-80 md:h-96 overflow-hidden outline-[#E4E4E7] outline-2 outline-dashed -outline-offset-1 rounded-lg", children: [
-      !n && /* @__PURE__ */ t("div", { className: "absolute top-2 right-2 cursor-pointer bg-white/70 rounded-[4px] p-1 shadow-sm", onClick: i, children: /* @__PURE__ */ t(x, { size: 16, strokeWidth: 2, color: "black" }) }),
-      /* @__PURE__ */ c("div", { className: "w-full h-full flex flex-col items-center justify-center text-gray-600", children: [
-        /* @__PURE__ */ t(L, { size: 28 }),
-        /* @__PURE__ */ t("span", { className: "text-sm mt-2 break-all px-2 text-center", children: p?.toString() })
+    ] }) : d ? null : /* @__PURE__ */ a("div", { className: "relative w-full h-64 sm:h-80 md:h-96 overflow-hidden outline-[#E4E4E7] outline-2 outline-dashed -outline-offset-1 rounded-lg", children: [
+      !s && /* @__PURE__ */ o("div", { className: "absolute top-2 right-2 cursor-pointer bg-white/70 rounded-[4px] p-1 shadow-sm", onClick: c, children: /* @__PURE__ */ o(U, { size: 16, strokeWidth: 2, color: "black" }) }),
+      /* @__PURE__ */ a("div", { className: "w-full h-full flex flex-col items-center justify-center text-gray-600", children: [
+        /* @__PURE__ */ o(M, { size: 28 }),
+        /* @__PURE__ */ o("span", { className: "text-sm mt-2 break-all px-2 text-center", children: g?.toString() })
       ] })
     ] }),
-    a && !r && /* @__PURE__ */ c(
+    d && !t && /* @__PURE__ */ a(
       "div",
       {
         className: "mt-2 w-full h-auto min-h-14 rounded-[8px] border border-[#E8E9EB] bg-[#FCFCFC] p-2 flex items-center gap-4",
-        onClick: (o) => o.stopPropagation(),
+        onClick: (r) => r.stopPropagation(),
         children: [
-          /* @__PURE__ */ t("div", { className: "size-10 rounded-[8px] bg-[#9368FF1F] flex items-center justify-center shrink-0", children: /* @__PURE__ */ t(F, { className: "size-6 text-[#06080D]" }) }),
-          /* @__PURE__ */ c("div", { className: "flex flex-col items-start text-left gap-1 min-w-0 flex-1 justify-start", children: [
-            /* @__PURE__ */ t("span", { className: "w-full text-[14px] font-semibold leading-[125%] text-[#06080D] truncate text-left", children: p?.toString() }),
-            /* @__PURE__ */ t("span", { className: "w-full text-[12px] font-medium leading-[120%] text-[#363B4E] text-left", children: b })
+          /* @__PURE__ */ o("div", { className: "size-10 rounded-[8px] bg-[#9368FF1F] flex items-center justify-center shrink-0", children: /* @__PURE__ */ o(V, { className: "size-6 text-[#06080D]" }) }),
+          /* @__PURE__ */ a("div", { className: "flex flex-col items-start text-left gap-1 min-w-0 flex-1 justify-start", children: [
+            /* @__PURE__ */ o("span", { className: "w-full text-[14px] font-semibold leading-[125%] text-[#06080D] truncate text-left", children: g?.toString() }),
+            /* @__PURE__ */ o("span", { className: "w-full text-[12px] font-medium leading-[120%] text-[#363B4E] text-left", children: E })
           ] }),
-          !n && /* @__PURE__ */ t(
-            C,
+          !s && /* @__PURE__ */ o(
+            q,
             {
               type: "button",
               color: "secondary",
-              startAdornment: P,
+              startAdornment: B,
               size: "md",
-              onClick: (o) => {
-                o.stopPropagation(), f?.(o);
+              onClick: (r) => {
+                r.stopPropagation(), h?.(r);
               },
-              children: d
+              children: f
             }
           ),
-          !n && /* @__PURE__ */ t(
-            S,
+          !s && /* @__PURE__ */ o(
+            A,
             {
-              icon: U,
+              icon: D,
               variant: "outlined",
               size: "md",
               color: "secondary",
-              onClick: i
+              onClick: c
             }
           )
         ]
@@ -136,7 +167,7 @@ const R = (e) => {
   ] });
 };
 export {
-  J as DropzoneSinglePickPreview,
-  R as transformImageToSrc
+  ie as DropzoneSinglePickPreview,
+  J as transformImageToSrc
 };
 //# sourceMappingURL=DropzoneSinglePickPreview.js.map

package/Dropzone/DropzoneSinglePickPreview.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropzoneSinglePickPreview.js","sources":["../../src/Dropzone/DropzoneSinglePickPreview.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react';\r\nimport { DropzoneValueItem } from './Dropzone.types';\r\nimport { isFile, isVideoUrl } from './DropzoneUtils';\r\nimport { FileIcon, PencilIcon, Trash2, Video, X } from 'lucide-react';\r\nimport { MediaPlayer, MediaProvider } from '@vidstack/react';\r\nimport { defaultLayoutIcons, DefaultVideoLayout } from '@vidstack/react/player/layouts/default';\r\nimport { Button } from '../Button/Button';\r\n\r\nimport '@vidstack/react/player/styles/base.css';\r\nimport '@vidstack/react/player/styles/default/theme.css';\r\nimport '@vidstack/react/player/styles/default/layouts/video.css';\r\nimport './DropzoneSinglePickPreview.css';\r\nimport { ButtonIcon } from \"../ButtonIcon\";\r\n\r\nexport const transformImageToSrc = (preview?: string | File | null): string => {\r\n  if (!preview) return '';\r\n  switch (true) {\r\n    case typeof preview === 'string' && !!preview.trim() && preview !== 'null':\r\n      return preview;\r\n    case preview instanceof File:\r\n      return URL.createObjectURL(preview);\r\n    case preview instanceof FileList:\r\n      return preview[0] ? URL.createObjectURL(preview[0]) : '';\r\n    default:\r\n      return '';\r\n  }\r\n};\r\n\r\nconst isYoutubeUrl = (value?: string | null) => {\r\n  if (!value) return false;\r\n  try {\r\n    const url = new URL(value);\r\n    const hostname = url.hostname.toLowerCase();\r\n    return hostname.includes('youtube.com') || hostname.includes('youtu.be');\r\n  } catch {\r\n    return false;\r\n  }\r\n};\r\n\r\nconst extractYoutubeId = (value: string) => {\r\n  try {\r\n    const url = new URL(value);\r\n    const hostname = url.hostname.toLowerCase();\r\n\r\n    if (hostname.includes('youtu.be')) {\r\n      return url.pathname.replace('/', '').trim();\r\n    }\r\n\r\n    const searchId = url.searchParams.get('v');\r\n    if (searchId) return searchId.trim();\r\n\r\n    const pathParts = url.pathname.split('/').filter(Boolean);\r\n    const embedIndex = pathParts.findIndex((part) => part === 'embed');\r\n    if (embedIndex >= 0 && pathParts[embedIndex + 1]) {\r\n      return pathParts[embedIndex + 1].trim();\r\n    }\r\n\r\n    return '';\r\n  } catch {\r\n    return '';\r\n  }\r\n};\r\n\r\ninterface SinglePickPreviewProps {\r\n  item: DropzoneValueItem;\r\n  disabled?: boolean;\r\n  onRemoveClick: (e: React.MouseEvent<HTMLElement>) => void;\r\n  onReplaceClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;\r\n  labelUploaded?: string;\r\n  labelReplace?: string;\r\n}\r\n\r\nexport const DropzoneSinglePickPreview = ({\r\n  item,\r\n  disabled,\r\n  onRemoveClick,\r\n  onReplaceClick,\r\n  labelReplace = 'Замінити',\r\n}: SinglePickPreviewProps) => {\r\n  const [previewUrl, setPreviewUrl] = useState('');\r\n  const isFileType = isFile(item);\r\n  const fileName = isFileType ? item.name : item;\r\n\r\n  const isYoutubeVideo = useMemo(\r\n    () => typeof item === 'string' && isYoutubeUrl(item),\r\n    [item]\r\n  );\r\n  const isRemoteVideo = useMemo(\r\n    () => typeof item === 'string' && !isYoutubeVideo && isVideoUrl(item),\r\n    [item, isYoutubeVideo]\r\n  );\r\n  const youtubeSource = useMemo(() => {\r\n    if (!isYoutubeVideo || typeof item !== 'string') return '';\r\n    const id = extractYoutubeId(item);\r\n    return id ? `youtube/${id}` : item;\r\n  }, [isYoutubeVideo, item]);\r\n\r\n  const showImage = useMemo(() => {\r\n    return (isFileType && item.type?.includes('image')) || (typeof item === 'string' && !isYoutubeVideo && !isRemoteVideo);\r\n  }, [item, isFileType, isYoutubeVideo, isRemoteVideo]);\r\n\r\n  const showVideo = useMemo(() => {\r\n    return (isFileType && item.type?.includes('video')) || isYoutubeVideo || isRemoteVideo;\r\n  }, [item, isFileType, isYoutubeVideo, isRemoteVideo]);\r\n\r\n  const fileSize = useMemo(() => {\r\n    if (!isFileType) return '';\r\n    return `${(item.size / (1024 * 1024)).toFixed(0)} MB`;\r\n  }, [item, isFileType]);\r\n\r\n  useEffect(() => {\r\n    if (showImage || showVideo) {\r\n      const nextPreview = transformImageToSrc(item);\r\n      setPreviewUrl(nextPreview);\r\n\r\n      if (isFileType && nextPreview) {\r\n        return () => URL.revokeObjectURL(nextPreview);\r\n      }\r\n    } else {\r\n      setPreviewUrl('');\r\n    }\r\n\r\n    return undefined;\r\n  }, [item, isFileType, showImage, showVideo]);\r\n\r\n  return (\r\n    <div className=\"relative w-full overflow-hidden\">\r\n      {showVideo && previewUrl ? (\r\n        <div className=\"w-full h-64 sm:h-80 md:h-96 rounded-lg overflow-hidden bg-black\" onClick={(event) => event.stopPropagation()}>\r\n          <MediaPlayer\r\n            src={isYoutubeVideo ? youtubeSource : { src: previewUrl, type: isFileType ? (item as File).type : undefined }}\r\n            className={`h-full w-full bg-black text-white ${\r\n              isYoutubeVideo ? 'dropzone-youtube-player' : ''\r\n            }`}\r\n            playsInline\r\n          >\r\n            <MediaProvider />\r\n            <DefaultVideoLayout icons={defaultLayoutIcons} />\r\n          </MediaPlayer>\r\n        </div>\r\n      ) : !showVideo && previewUrl ? (\r\n        <div className=\"relative w-full h-64 sm:h-80 md:h-96 overflow-hidden outline-[#E4E4E7] outline-2 outline-dashed -outline-offset-1 rounded-lg\">\r\n          {!disabled && (\r\n            <div className=\"absolute top-2 right-2 cursor-pointer bg-white/70 rounded-[4px] p-1 shadow-sm\" onClick={onRemoveClick} >\r\n              <X size={16} strokeWidth={2} color=\"black\" />\r\n            </div>\r\n          )}\r\n          <img\r\n            src={previewUrl}\r\n            alt={fileName?.toString()}\r\n            className=\"w-full h-full object-cover rounded-lg\"\r\n          />\r\n        </div>\r\n      ) : !showVideo ? (\r\n        <div className=\"relative w-full h-64 sm:h-80 md:h-96 overflow-hidden outline-[#E4E4E7] outline-2 outline-dashed -outline-offset-1 rounded-lg\">\r\n          {!disabled && (\r\n            <div className=\"absolute top-2 right-2 cursor-pointer bg-white/70 rounded-[4px] p-1 shadow-sm\" onClick={onRemoveClick} >\r\n              <X size={16} strokeWidth={2} color=\"black\" />\r\n            </div>\r\n          )}\r\n          <div className=\"w-full h-full flex flex-col items-center justify-center text-gray-600\">\r\n            <FileIcon size={28} />\r\n            <span className=\"text-sm mt-2 break-all px-2 text-center\">\r\n              {fileName?.toString()}\r\n            </span>\r\n          </div>\r\n        </div>\r\n      ) : null}\r\n\r\n      {showVideo && !isYoutubeVideo && (\r\n        <div\r\n          className=\"mt-2 w-full h-auto min-h-14 rounded-[8px] border border-[#E8E9EB] bg-[#FCFCFC] p-2 flex items-center gap-4\"\r\n          onClick={(event) => event.stopPropagation()}\r\n        >\r\n          <div className=\"size-10 rounded-[8px] bg-[#9368FF1F] flex items-center justify-center shrink-0\">\r\n            <Video className=\"size-6 text-[#06080D]\" />\r\n          </div>\r\n\r\n          <div className=\"flex flex-col items-start text-left gap-1 min-w-0 flex-1 justify-start\">\r\n            <span className=\"w-full text-[14px] font-semibold leading-[125%] text-[#06080D] truncate text-left\">\r\n              {fileName?.toString()}\r\n            </span>\r\n            <span className=\"w-full text-[12px] font-medium leading-[120%] text-[#363B4E] text-left\">\r\n              {fileSize}\r\n            </span>\r\n          </div>\r\n\r\n          {!disabled && (\r\n            <Button\r\n              type=\"button\"\r\n              color=\"secondary\"\r\n              startAdornment={PencilIcon}\r\n              size=\"md\"\r\n              onClick={(event) => {\r\n                event.stopPropagation();\r\n                onReplaceClick?.(event);\r\n              }}\r\n            >\r\n              {labelReplace}\r\n            </Button>\r\n          )}\r\n\r\n          {!disabled && (\r\n            <ButtonIcon\r\n              icon={Trash2}\r\n              variant=\"outlined\"\r\n              size=\"md\"\r\n              color=\"secondary\"\r\n              onClick={onRemoveClick}\r\n            />\r\n          )}\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n"],"names":["transformImageToSrc","preview","isYoutubeUrl","value","hostname","extractYoutubeId","url","searchId","pathParts","embedIndex","part","DropzoneSinglePickPreview","item","disabled","onRemoveClick","onReplaceClick","labelReplace","previewUrl","setPreviewUrl","useState","isFileType","isFile","fileName","isYoutubeVideo","useMemo","isRemoteVideo","isVideoUrl","youtubeSource","id","showImage","showVideo","fileSize","useEffect","nextPreview","jsxs","jsx","event","MediaPlayer","MediaProvider","DefaultVideoLayout","defaultLayoutIcons","X","FileIcon","Video","Button","PencilIcon","ButtonIcon","Trash2"],"mappings":"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"}
+{"version":3,"file":"DropzoneSinglePickPreview.js","sources":["../../src/Dropzone/DropzoneSinglePickPreview.tsx"],"sourcesContent":["import { useEffect, useMemo, useRef, useState } from 'react';\r\nimport { DropzoneValueItem } from './Dropzone.types';\r\nimport { isFile, isVideoUrl } from './DropzoneUtils';\r\nimport { FileIcon, PencilIcon, Trash2, Video, X } from 'lucide-react';\r\nimport { MediaPlayer, type MediaPlayerInstance, MediaProvider, Poster } from '@vidstack/react';\r\nimport { defaultLayoutIcons, DefaultVideoLayout } from '@vidstack/react/player/layouts/default';\r\nimport { Button } from '../Button/Button';\r\n\r\nimport '@vidstack/react/player/styles/base.css';\r\nimport '@vidstack/react/player/styles/default/theme.css';\r\nimport '@vidstack/react/player/styles/default/layouts/video.css';\r\nimport './DropzoneSinglePickPreview.css';\r\nimport { ButtonIcon } from \"../ButtonIcon\";\r\n\r\nexport const transformImageToSrc = (preview?: string | File | null): string => {\r\n  if (!preview) return '';\r\n  switch (true) {\r\n    case typeof preview === 'string' && !!preview.trim() && preview !== 'null':\r\n      return preview;\r\n    case preview instanceof File:\r\n      return URL.createObjectURL(preview);\r\n    case preview instanceof FileList:\r\n      return preview[0] ? URL.createObjectURL(preview[0]) : '';\r\n    default:\r\n      return '';\r\n  }\r\n};\r\n\r\nconst isYoutubeUrl = (value?: string | null) => {\r\n  if (!value) return false;\r\n  try {\r\n    const url = new URL(value);\r\n    const hostname = url.hostname.toLowerCase();\r\n    return hostname.includes('youtube.com') || hostname.includes('youtu.be');\r\n  } catch {\r\n    return false;\r\n  }\r\n};\r\n\r\nconst extractYoutubeId = (value: string) => {\r\n  try {\r\n    const url = new URL(value);\r\n    const hostname = url.hostname.toLowerCase();\r\n\r\n    if (hostname.includes('youtu.be')) {\r\n      return url.pathname.replace('/', '').trim();\r\n    }\r\n\r\n    const searchId = url.searchParams.get('v');\r\n    if (searchId) return searchId.trim();\r\n\r\n    const pathParts = url.pathname.split('/').filter(Boolean);\r\n    const embedIndex = pathParts.findIndex((part) => part === 'embed');\r\n    if (embedIndex >= 0 && pathParts[embedIndex + 1]) {\r\n      return pathParts[embedIndex + 1].trim();\r\n    }\r\n\r\n    return '';\r\n  } catch {\r\n    return '';\r\n  }\r\n};\r\n\r\ninterface SinglePickPreviewProps {\r\n  item: DropzoneValueItem;\r\n  disabled?: boolean;\r\n  onRemoveClick: (e: React.MouseEvent<HTMLElement>) => void;\r\n  onReplaceClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;\r\n  labelUploaded?: string;\r\n  labelReplace?: string;\r\n}\r\n\r\nexport const DropzoneSinglePickPreview = ({\r\n  item,\r\n  disabled,\r\n  onRemoveClick,\r\n  onReplaceClick,\r\n  labelReplace = 'Замінити',\r\n}: SinglePickPreviewProps) => {\r\n  const [previewUrl, setPreviewUrl] = useState('');\r\n  const isFileType = isFile(item);\r\n  const fileName = isFileType ? item.name : item;\r\n\r\n  const isYoutubeVideo = useMemo(\r\n    () => typeof item === 'string' && isYoutubeUrl(item),\r\n    [item]\r\n  );\r\n  const isRemoteVideo = useMemo(\r\n    () => typeof item === 'string' && !isYoutubeVideo && isVideoUrl(item),\r\n    [item, isYoutubeVideo]\r\n  );\r\n  const youtubeId = useMemo(\r\n    () => (isYoutubeVideo && typeof item === 'string' ? extractYoutubeId(item) : ''),\r\n    [isYoutubeVideo, item]\r\n  );\r\n  const youtubeSource = useMemo(() => {\r\n    if (!isYoutubeVideo || typeof item !== 'string') return '';\r\n    return youtubeId ? `youtube/${youtubeId}` : item;\r\n  }, [isYoutubeVideo, item, youtubeId]);\r\n  const youtubeThumbnail = useMemo(\r\n    () => (youtubeId ? `https://img.youtube.com/vi/${youtubeId}/hqdefault.jpg` : undefined),\r\n    [youtubeId]\r\n  );\r\n  const [youtubeStarted, setYoutubeStarted] = useState(false);\r\n  const [showPoster, setShowPoster] = useState(true);\r\n  const mediaPlayerRef = useRef<MediaPlayerInstance>(null);\r\n  const lastMuteStateRef = useRef<boolean | null>(null);\r\n\r\n  useEffect(() => {\r\n    setYoutubeStarted(false);\r\n    setShowPoster(true);\r\n  }, [youtubeSource]);\r\n\r\n  const showImage = useMemo(() => {\r\n    return (isFileType && item.type?.includes('image')) || (typeof item === 'string' && !isYoutubeVideo && !isRemoteVideo);\r\n  }, [item, isFileType, isYoutubeVideo, isRemoteVideo]);\r\n\r\n  const showVideo = useMemo(() => {\r\n    return (isFileType && item.type?.includes('video')) || isYoutubeVideo || isRemoteVideo;\r\n  }, [item, isFileType, isYoutubeVideo, isRemoteVideo]);\r\n\r\n  const fileSize = useMemo(() => {\r\n    if (!isFileType) return '';\r\n    return `${(item.size / (1024 * 1024)).toFixed(0)} MB`;\r\n  }, [item, isFileType]);\r\n\r\n  useEffect(() => {\r\n    if (showImage || showVideo) {\r\n      const nextPreview = transformImageToSrc(item);\r\n      setPreviewUrl(nextPreview);\r\n\r\n      if (isFileType && nextPreview) {\r\n        return () => URL.revokeObjectURL(nextPreview);\r\n      }\r\n    } else {\r\n      setPreviewUrl('');\r\n    }\r\n\r\n    return undefined;\r\n  }, [item, isFileType, showImage, showVideo]);\r\n\r\n  return (\r\n    <div className=\"relative w-full overflow-hidden\">\r\n      {showVideo && previewUrl ? (\r\n        <div className=\"w-full rounded-lg overflow-hidden bg-black\" onClick={(event) => event.stopPropagation()}>\r\n          <div className=\"aspect-video\">\r\n            <MediaPlayer\r\n              ref={mediaPlayerRef}\r\n              title={isFileType ? (item as File).name : isYoutubeVideo ? undefined : (typeof item === 'string' ? item : undefined)}\r\n              src={isYoutubeVideo ? youtubeSource : { src: previewUrl, type: isFileType ? (item as File).type : undefined }}\r\n              poster={isYoutubeVideo ? youtubeThumbnail : undefined}\r\n              className={`h-full w-full bg-black text-white ${\r\n                isYoutubeVideo && youtubeStarted ? 'dropzone-youtube-player' : ''\r\n              }`}\r\n              playsInline\r\n              onPlay={() => {\r\n                setShowPoster(false);\r\n                if (isYoutubeVideo) setYoutubeStarted(true);\r\n              }}\r\n              onVolumeChange={(detail) => {\r\n                if (!isYoutubeVideo) return;\r\n                const shouldMute = detail.volume === 0 || detail.muted;\r\n                if (lastMuteStateRef.current === shouldMute) return;\r\n                lastMuteStateRef.current = shouldMute;\r\n                const iframe = mediaPlayerRef.current?.el?.querySelector('iframe') as HTMLIFrameElement | null;\r\n                if (!iframe?.contentWindow) return;\r\n                iframe.contentWindow.postMessage(\r\n                  JSON.stringify({ event: 'command', func: shouldMute ? 'mute' : 'unMute', args: [] }),\r\n                  '*'\r\n                );\r\n              }}\r\n            >\r\n              <MediaProvider />\r\n              {showPoster && isYoutubeVideo && youtubeThumbnail && (\r\n                <Poster\r\n                  className=\"absolute inset-0 h-full w-full object-cover\"\r\n                  src={youtubeThumbnail}\r\n                  alt={typeof item === 'string' ? item : ''}\r\n                />\r\n              )}\r\n              <DefaultVideoLayout icons={defaultLayoutIcons} />\r\n            </MediaPlayer>\r\n          </div>\r\n        </div>\r\n      ) : !showVideo && previewUrl ? (\r\n        <div className=\"relative w-full h-64 sm:h-80 md:h-96 overflow-hidden outline-[#E4E4E7] outline-2 outline-dashed -outline-offset-1 rounded-lg\">\r\n          {!disabled && (\r\n            <div className=\"absolute top-2 right-2 cursor-pointer bg-white/70 rounded-[4px] p-1 shadow-sm\" onClick={onRemoveClick} >\r\n              <X size={16} strokeWidth={2} color=\"black\" />\r\n            </div>\r\n          )}\r\n          <img\r\n            src={previewUrl}\r\n            alt={fileName?.toString()}\r\n            className=\"w-full h-full object-cover rounded-lg\"\r\n          />\r\n        </div>\r\n      ) : !showVideo ? (\r\n        <div className=\"relative w-full h-64 sm:h-80 md:h-96 overflow-hidden outline-[#E4E4E7] outline-2 outline-dashed -outline-offset-1 rounded-lg\">\r\n          {!disabled && (\r\n            <div className=\"absolute top-2 right-2 cursor-pointer bg-white/70 rounded-[4px] p-1 shadow-sm\" onClick={onRemoveClick} >\r\n              <X size={16} strokeWidth={2} color=\"black\" />\r\n            </div>\r\n          )}\r\n          <div className=\"w-full h-full flex flex-col items-center justify-center text-gray-600\">\r\n            <FileIcon size={28} />\r\n            <span className=\"text-sm mt-2 break-all px-2 text-center\">\r\n              {fileName?.toString()}\r\n            </span>\r\n          </div>\r\n        </div>\r\n      ) : null}\r\n\r\n      {showVideo && !isYoutubeVideo && (\r\n        <div\r\n          className=\"mt-2 w-full h-auto min-h-14 rounded-[8px] border border-[#E8E9EB] bg-[#FCFCFC] p-2 flex items-center gap-4\"\r\n          onClick={(event) => event.stopPropagation()}\r\n        >\r\n          <div className=\"size-10 rounded-[8px] bg-[#9368FF1F] flex items-center justify-center shrink-0\">\r\n            <Video className=\"size-6 text-[#06080D]\" />\r\n          </div>\r\n\r\n          <div className=\"flex flex-col items-start text-left gap-1 min-w-0 flex-1 justify-start\">\r\n            <span className=\"w-full text-[14px] font-semibold leading-[125%] text-[#06080D] truncate text-left\">\r\n              {fileName?.toString()}\r\n            </span>\r\n            <span className=\"w-full text-[12px] font-medium leading-[120%] text-[#363B4E] text-left\">\r\n              {fileSize}\r\n            </span>\r\n          </div>\r\n\r\n          {!disabled && (\r\n            <Button\r\n              type=\"button\"\r\n              color=\"secondary\"\r\n              startAdornment={PencilIcon}\r\n              size=\"md\"\r\n              onClick={(event) => {\r\n                event.stopPropagation();\r\n                onReplaceClick?.(event);\r\n              }}\r\n            >\r\n              {labelReplace}\r\n            </Button>\r\n          )}\r\n\r\n          {!disabled && (\r\n            <ButtonIcon\r\n              icon={Trash2}\r\n              variant=\"outlined\"\r\n              size=\"md\"\r\n              color=\"secondary\"\r\n              onClick={onRemoveClick}\r\n            />\r\n          )}\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n"],"names":["transformImageToSrc","preview","isYoutubeUrl","value","hostname","extractYoutubeId","url","searchId","pathParts","embedIndex","part","DropzoneSinglePickPreview","item","disabled","onRemoveClick","onReplaceClick","labelReplace","previewUrl","setPreviewUrl","useState","isFileType","isFile","fileName","isYoutubeVideo","useMemo","isRemoteVideo","isVideoUrl","youtubeId","youtubeSource","youtubeThumbnail","youtubeStarted","setYoutubeStarted","showPoster","setShowPoster","mediaPlayerRef","useRef","lastMuteStateRef","useEffect","showImage","showVideo","fileSize","nextPreview","jsxs","jsx","event","MediaPlayer","detail","shouldMute","iframe","MediaProvider","Poster","DefaultVideoLayout","defaultLayoutIcons","X","FileIcon","Video","Button","PencilIcon","ButtonIcon","Trash2"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oneplatformdev/ui",
-  "version": "0.1.99-beta.277",
+  "version": "0.1.99-beta.279",
   "description": "UI component library for OnePlatform",
   "author": "One Platform Development Team",
   "keywords": [
@@ -109,9 +109,9 @@
     "recharts": "^3.2.0",
     "sonner": "^2.0.7",
     "vaul": "^1.1.2",
-    "@oneplatformdev/tokens": "^0.1.99-beta.277",
-    "@oneplatformdev/utils": "^0.1.99-beta.277",
-    "@oneplatformdev/hooks": "^0.1.99-beta.277"
+    "@oneplatformdev/hooks": "^0.1.99-beta.279",
+    "@oneplatformdev/tokens": "^0.1.99-beta.279",
+    "@oneplatformdev/utils": "^0.1.99-beta.279"
   },
   "scripts": {
     "chromatic": "chromatic"