arxatec-ui 0.1.66 → 0.1.68

package/dist/components/file_view/components/audio_player/components/file_audio_player_content/index.d.ts

@@ -1,3 +1,3 @@
 import { FileAudioPlayerProps } from '../../types';
-declare const FileAudioPlayerContent: ({ url, fileName, onDownload, }: FileAudioPlayerProps) => import("react/jsx-runtime").JSX.Element;
+declare const FileAudioPlayerContent: ({ url, fileName, onDownload, onLoadingChange, }: FileAudioPlayerProps) => import("react/jsx-runtime").JSX.Element;
 export { FileAudioPlayerContent };

package/dist/components/file_view/components/audio_player/components/file_audio_player_content/index.js

@@ -3,163 +3,166 @@ import { Tooltip as t, TooltipContent as n, TooltipTrigger as r } from "../../..
 import { Slider as i } from "../../../../../slider/index.js";
 import { FileViewErrorState as a } from "../../../error_state/index.js";
 import { downloadFileFromUrl as o } from "../../../../../../utilities/download.js";
-import { formatTime as s } from "../../utilities/index.js";
-import { useRef as c, useState as l } from "react";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
-import { Download as f, Headphones as p, Pause as m, Play as h, RotateCcw as g, Volume2 as _, VolumeX as v } from "lucide-react";
-import { toast as y } from "sonner";
+import { useFileViewLoadingChange as s } from "../../../../hooks/use_file_view_loading_change.js";
+import { formatTime as c } from "../../utilities/index.js";
+import { useRef as l, useState as u } from "react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { Download as p, Headphones as m, Pause as h, Play as g, RotateCcw as _, Volume2 as v, VolumeX as y } from "lucide-react";
+import { toast as b } from "sonner";
 //#region src/components/file_view/components/audio_player/components/file_audio_player_content/index.tsx
-var b = ({ url: b, fileName: x, onDownload: S }) => {
-	let C = c(null), [w, T] = l(!1), [E, D] = l(0), [O, k] = l(0), [A, j] = l(1), [M, N] = l(!1), [P, F] = l(!1), I = async () => {
+var x = ({ url: x, fileName: S, onDownload: C, onLoadingChange: w }) => {
+	let T = l(null), [E, D] = u(!1), [O, k] = u(0), [A, j] = u(0), [M, N] = u(1), [P, F] = u(!1), [I, L] = u(!1), [R, z] = u(!1);
+	s(!R && !I, w);
+	let B = async () => {
 		try {
-			if (S) {
-				await S();
+			if (C) {
+				await C();
 				return;
 			}
-			await o(b, x);
+			await o(x, S);
 		} catch {
-			y.error("No se pudo descargar el audio");
+			b.error("No se pudo descargar el audio");
 		}
-	}, L = () => {
-		C.current && k(C.current.duration || 0);
-	}, R = () => {
-		C.current && D(C.current.currentTime || 0);
-	}, z = () => {
-		C.current && (w ? (C.current.pause(), T(!1)) : C.current.play().then(() => T(!0)).catch((e) => {
-			console.error(e), F(!0), y.error("No se pudo reproducir el audio");
-		}));
-	}, B = (e) => {
-		if (!C.current) return;
-		let [t] = e, n = t / 100 * (O || 0);
-		C.current.currentTime = n, D(n);
-	}, V = (e) => {
-		if (!C.current) return;
-		let [t] = e, n = t / 100;
-		C.current.volume = n, j(n), N(n === 0);
+	}, V = () => {
+		T.current && (j(T.current.duration || 0), z(!0));
 	}, H = () => {
-		C.current && (M ? (C.current.muted = !1, N(!1)) : (C.current.muted = !0, N(!0)));
+		T.current && k(T.current.currentTime || 0);
 	}, U = () => {
-		C.current && (C.current.currentTime = 0, D(0), w || z());
-	}, W = () => {
-		T(!1), D(O);
-	}, G = () => {
-		F(!0), y.error("Ha ocurrido un error al cargar el audio");
+		T.current && (E ? (T.current.pause(), D(!1)) : T.current.play().then(() => D(!0)).catch((e) => {
+			console.error(e), L(!0), b.error("No se pudo reproducir el audio");
+		}));
+	}, W = (e) => {
+		if (!T.current) return;
+		let [t] = e, n = t / 100 * (A || 0);
+		T.current.currentTime = n, k(n);
+	}, G = (e) => {
+		if (!T.current) return;
+		let [t] = e, n = t / 100;
+		T.current.volume = n, N(n), F(n === 0);
+	}, K = () => {
+		T.current && (P ? (T.current.muted = !1, F(!1)) : (T.current.muted = !0, F(!0)));
+	}, q = () => {
+		T.current && (T.current.currentTime = 0, k(0), E || U());
+	}, J = () => {
+		D(!1), k(A);
+	}, Y = () => {
+		L(!0), z(!1), b.error("Ha ocurrido un error al cargar el audio");
 	};
-	if (P) return /* @__PURE__ */ u(a, {});
-	let K = O ? E / O * 100 : 0;
-	return /* @__PURE__ */ d("div", {
+	if (I) return /* @__PURE__ */ d(a, {});
+	let X = A ? O / A * 100 : 0;
+	return /* @__PURE__ */ f("div", {
 		className: "flex flex-col h-full w-full bg-background",
 		children: [
-			/* @__PURE__ */ d("div", {
+			/* @__PURE__ */ f("div", {
 				className: "flex items-center justify-between px-4 py-3 bg-card border-b border-border shadow-sm",
-				children: [/* @__PURE__ */ u("div", { className: "flex flex-col min-w-0" }), /* @__PURE__ */ d(t, { children: [/* @__PURE__ */ u(r, { children: /* @__PURE__ */ u(e, {
-					onClick: I,
+				children: [/* @__PURE__ */ d("div", { className: "flex flex-col min-w-0" }), /* @__PURE__ */ f(t, { children: [/* @__PURE__ */ d(r, { children: /* @__PURE__ */ d(e, {
+					onClick: B,
 					variant: "ghost",
 					size: "icon",
 					"aria-label": "Descargar audio",
-					children: /* @__PURE__ */ u(f, { className: "size-5" })
-				}) }), /* @__PURE__ */ u(n, { children: "Descargar audio" })] })]
+					children: /* @__PURE__ */ d(p, { className: "size-5" })
+				}) }), /* @__PURE__ */ d(n, { children: "Descargar audio" })] })]
 			}),
-			/* @__PURE__ */ d("div", {
+			/* @__PURE__ */ f("div", {
 				className: "flex flex-1 items-center justify-center p-4 flex-col gap-4",
-				children: [/* @__PURE__ */ u("div", {
+				children: [/* @__PURE__ */ d("div", {
 					className: "w-full h-full p-4 rounded-md flex items-center justify-center bg-card",
-					children: /* @__PURE__ */ u(p, { className: "size-10 text-muted-foreground" })
-				}), /* @__PURE__ */ d("div", {
+					children: /* @__PURE__ */ d(m, { className: "size-10 text-muted-foreground" })
+				}), /* @__PURE__ */ f("div", {
 					className: "w-full bg-card border border-border rounded-md p-4 flex flex-col gap-4",
-					children: [/* @__PURE__ */ d("div", {
+					children: [/* @__PURE__ */ f("div", {
 						className: "flex items-center gap-3",
 						children: [
-							/* @__PURE__ */ u(e, {
+							/* @__PURE__ */ d(e, {
 								size: "icon",
 								variant: "outline",
 								className: "rounded-md size-11",
-								onClick: z,
-								"aria-label": w ? "Pausar" : "Reproducir",
-								children: w ? /* @__PURE__ */ u(m, {
+								onClick: U,
+								"aria-label": E ? "Pausar" : "Reproducir",
+								children: E ? /* @__PURE__ */ d(h, {
 									fill: "currentColor",
 									className: "size-5"
-								}) : /* @__PURE__ */ u(h, {
+								}) : /* @__PURE__ */ d(g, {
 									fill: "currentColor",
 									className: "size-5 translate-x-px"
 								})
 							}),
-							/* @__PURE__ */ d("div", {
+							/* @__PURE__ */ f("div", {
 								className: "flex flex-col flex-1 min-w-0",
-								children: [/* @__PURE__ */ u("span", {
+								children: [/* @__PURE__ */ d("span", {
 									className: "text-sm font-medium truncate",
-									children: x || "Pista de audio"
-								}), /* @__PURE__ */ d("span", {
+									children: S || "Pista de audio"
+								}), /* @__PURE__ */ f("span", {
 									className: "text-xs text-muted-foreground truncate",
 									children: [
-										s(E),
+										c(O),
 										" / ",
-										s(O)
+										c(A)
 									]
 								})]
 							}),
-							/* @__PURE__ */ d("div", {
+							/* @__PURE__ */ f("div", {
 								className: "flex items-center gap-2",
-								children: [/* @__PURE__ */ d(t, { children: [/* @__PURE__ */ u(r, { children: /* @__PURE__ */ u(e, {
+								children: [/* @__PURE__ */ f(t, { children: [/* @__PURE__ */ d(r, { children: /* @__PURE__ */ d(e, {
 									size: "icon",
 									variant: "ghost",
 									className: "rounded-md",
-									onClick: U,
+									onClick: q,
 									"aria-label": "Reiniciar",
-									children: /* @__PURE__ */ u(g, { className: "size-4" })
-								}) }), /* @__PURE__ */ u(n, { children: "Reiniciar" })] }), /* @__PURE__ */ d("div", {
+									children: /* @__PURE__ */ d(_, { className: "size-4" })
+								}) }), /* @__PURE__ */ d(n, { children: "Reiniciar" })] }), /* @__PURE__ */ f("div", {
 									className: "flex items-center gap-2 w-32",
-									children: [/* @__PURE__ */ u(e, {
+									children: [/* @__PURE__ */ d(e, {
 										size: "icon",
 										variant: "ghost",
 										className: "rounded-md",
-										onClick: H,
-										"aria-label": M ? "Activar sonido" : "Silenciar",
-										children: u(M || A === 0 ? v : _, { className: "size-4" })
-									}), /* @__PURE__ */ u(i, {
-										value: [M ? 0 : A * 100],
+										onClick: K,
+										"aria-label": P ? "Activar sonido" : "Silenciar",
+										children: d(P || M === 0 ? y : v, { className: "size-4" })
+									}), /* @__PURE__ */ d(i, {
+										value: [P ? 0 : M * 100],
 										max: 100,
 										step: 1,
-										onValueChange: V,
+										onValueChange: G,
 										"aria-label": "Volumen"
 									})]
 								})]
 							})
 						]
-					}), /* @__PURE__ */ d("div", {
+					}), /* @__PURE__ */ f("div", {
 						className: "flex items-center gap-3",
 						children: [
-							/* @__PURE__ */ u("span", {
+							/* @__PURE__ */ d("span", {
 								className: "text-xs text-muted-foreground w-10 text-right",
-								children: s(E)
+								children: c(O)
 							}),
-							/* @__PURE__ */ u(i, {
-								value: [K],
+							/* @__PURE__ */ d(i, {
+								value: [X],
 								max: 100,
 								step: .5,
-								onValueChange: B,
+								onValueChange: W,
 								"aria-label": "Progreso"
 							}),
-							/* @__PURE__ */ u("span", {
+							/* @__PURE__ */ d("span", {
 								className: "text-xs text-muted-foreground w-10",
-								children: s(O)
+								children: c(A)
 							})
 						]
 					})]
 				})]
 			}),
-			/* @__PURE__ */ u("audio", {
-				ref: C,
-				src: b,
-				onLoadedMetadata: L,
-				onTimeUpdate: R,
-				onEnded: W,
-				onError: G
+			/* @__PURE__ */ d("audio", {
+				ref: T,
+				src: x,
+				onLoadedMetadata: V,
+				onTimeUpdate: H,
+				onEnded: J,
+				onError: Y
 			})
 		]
 	});
 };
 //#endregion
-export { b as FileAudioPlayerContent };
+export { x as FileAudioPlayerContent };
 
 //# sourceMappingURL=index.js.map

package/dist/components/file_view/components/audio_player/components/file_audio_player_content/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../../../../src/components/file_view/components/audio_player/components/file_audio_player_content/index.tsx"],"sourcesContent":["import { useRef, useState } from \"react\";\nimport { toast } from \"sonner\";\nimport { downloadFileFromUrl } from \"@/utilities/download\";\nimport { FileViewErrorState } from \"../../../error_state\";\nimport { Button } from \"@/components/button\";\nimport { Slider } from \"@/components/slider\";\nimport { Tooltip, TooltipContent, TooltipTrigger } from \"@/components/tooltip\";\nimport {\n  Download,\n  Pause,\n  Play,\n  Volume2,\n  VolumeX,\n  RotateCcw,\n  Headphones,\n} from \"lucide-react\";\nimport type { FileAudioPlayerProps } from \"../../types\";\nimport { formatTime } from \"../../utilities\";\n\nconst FileAudioPlayerContent = ({\n  url,\n  fileName,\n  onDownload,\n}: FileAudioPlayerProps) => {\n  const audioRef = useRef<HTMLAudioElement | null>(null);\n  const [isPlaying, setIsPlaying] = useState(false);\n  const [currentTime, setCurrentTime] = useState(0);\n  const [duration, setDuration] = useState(0);\n  const [volume, setVolume] = useState(1);\n  const [isMuted, setIsMuted] = useState(false);\n  const [hasError, setHasError] = useState(false);\n\n  const handleDownloadFile = async () => {\n    try {\n      if (onDownload) {\n        await onDownload();\n        return;\n      }\n      await downloadFileFromUrl(url, fileName);\n    } catch {\n      toast.error(\"No se pudo descargar el audio\");\n    }\n  };\n\n  const handleLoadedMetadata = () => {\n    if (!audioRef.current) return;\n    setDuration(audioRef.current.duration || 0);\n  };\n\n  const handleTimeUpdate = () => {\n    if (!audioRef.current) return;\n    setCurrentTime(audioRef.current.currentTime || 0);\n  };\n\n  const handlePlayPause = () => {\n    if (!audioRef.current) return;\n    if (isPlaying) {\n      audioRef.current.pause();\n      setIsPlaying(false);\n    } else {\n      audioRef.current\n        .play()\n        .then(() => setIsPlaying(true))\n        .catch((error) => {\n          console.error(error);\n          setHasError(true);\n          toast.error(\"No se pudo reproducir el audio\");\n        });\n    }\n  };\n\n  const handleSeek = (value: number[]) => {\n    if (!audioRef.current) return;\n    const [val] = value;\n    const newTime = (val / 100) * (duration || 0);\n    audioRef.current.currentTime = newTime;\n    setCurrentTime(newTime);\n  };\n\n  const handleVolumeChange = (value: number[]) => {\n    if (!audioRef.current) return;\n    const [val] = value;\n    const newVolume = val / 100;\n    audioRef.current.volume = newVolume;\n    setVolume(newVolume);\n    setIsMuted(newVolume === 0);\n  };\n\n  const toggleMute = () => {\n    if (!audioRef.current) return;\n    if (isMuted) {\n      audioRef.current.muted = false;\n      setIsMuted(false);\n    } else {\n      audioRef.current.muted = true;\n      setIsMuted(true);\n    }\n  };\n\n  const handleRestart = () => {\n    if (!audioRef.current) return;\n    audioRef.current.currentTime = 0;\n    setCurrentTime(0);\n    if (!isPlaying) {\n      handlePlayPause();\n    }\n  };\n\n  const handleEnded = () => {\n    setIsPlaying(false);\n    setCurrentTime(duration);\n  };\n\n  const handleAudioError = () => {\n    setHasError(true);\n    toast.error(\"Ha ocurrido un error al cargar el audio\");\n  };\n\n  if (hasError) return <FileViewErrorState />;\n\n  const progress = duration ? (currentTime / duration) * 100 : 0;\n\n  return (\n    <div className=\"flex flex-col h-full w-full bg-background\">\n      <div className=\"flex items-center justify-between px-4 py-3 bg-card border-b border-border shadow-sm\">\n        <div className=\"flex flex-col min-w-0\" />\n\n        <Tooltip>\n          <TooltipTrigger>\n            <Button\n              onClick={handleDownloadFile}\n              variant=\"ghost\"\n              size=\"icon\"\n              aria-label=\"Descargar audio\"\n            >\n              <Download className=\"size-5\" />\n            </Button>\n          </TooltipTrigger>\n          <TooltipContent>Descargar audio</TooltipContent>\n        </Tooltip>\n      </div>\n\n      <div className=\"flex flex-1 items-center justify-center p-4 flex-col gap-4\">\n        <div className=\"w-full h-full p-4 rounded-md flex items-center justify-center bg-card\">\n          <Headphones className=\"size-10 text-muted-foreground\" />\n        </div>\n        <div className=\"w-full bg-card border border-border rounded-md p-4 flex flex-col gap-4\">\n          <div className=\"flex items-center gap-3\">\n            <Button\n              size=\"icon\"\n              variant=\"outline\"\n              className=\"rounded-md size-11\"\n              onClick={handlePlayPause}\n              aria-label={isPlaying ? \"Pausar\" : \"Reproducir\"}\n            >\n              {isPlaying ? (\n                <Pause fill=\"currentColor\" className=\"size-5\" />\n              ) : (\n                <Play fill=\"currentColor\" className=\"size-5 translate-x-px\" />\n              )}\n            </Button>\n\n            <div className=\"flex flex-col flex-1 min-w-0\">\n              <span className=\"text-sm font-medium truncate\">\n                {fileName || \"Pista de audio\"}\n              </span>\n              <span className=\"text-xs text-muted-foreground truncate\">\n                {formatTime(currentTime)} / {formatTime(duration)}\n              </span>\n            </div>\n\n            <div className=\"flex items-center gap-2\">\n              <Tooltip>\n                <TooltipTrigger>\n                  <Button\n                    size=\"icon\"\n                    variant=\"ghost\"\n                    className=\"rounded-md\"\n                    onClick={handleRestart}\n                    aria-label=\"Reiniciar\"\n                  >\n                    <RotateCcw className=\"size-4\" />\n                  </Button>\n                </TooltipTrigger>\n                <TooltipContent>Reiniciar</TooltipContent>\n              </Tooltip>\n\n              <div className=\"flex items-center gap-2 w-32\">\n                <Button\n                  size=\"icon\"\n                  variant=\"ghost\"\n                  className=\"rounded-md\"\n                  onClick={toggleMute}\n                  aria-label={isMuted ? \"Activar sonido\" : \"Silenciar\"}\n                >\n                  {isMuted || volume === 0 ? (\n                    <VolumeX className=\"size-4\" />\n                  ) : (\n                    <Volume2 className=\"size-4\" />\n                  )}\n                </Button>\n                <Slider\n                  value={[isMuted ? 0 : volume * 100]}\n                  max={100}\n                  step={1}\n                  onValueChange={handleVolumeChange}\n                  aria-label=\"Volumen\"\n                />\n              </div>\n            </div>\n          </div>\n\n          <div className=\"flex items-center gap-3\">\n            <span className=\"text-xs text-muted-foreground w-10 text-right\">\n              {formatTime(currentTime)}\n            </span>\n            <Slider\n              value={[progress]}\n              max={100}\n              step={0.5}\n              onValueChange={handleSeek}\n              aria-label=\"Progreso\"\n            />\n            <span className=\"text-xs text-muted-foreground w-10\">\n              {formatTime(duration)}\n            </span>\n          </div>\n        </div>\n      </div>\n\n      <audio\n        ref={audioRef}\n        src={url}\n        onLoadedMetadata={handleLoadedMetadata}\n        onTimeUpdate={handleTimeUpdate}\n        onEnded={handleEnded}\n        onError={handleAudioError}\n      />\n    </div>\n  );\n};\n\nexport { FileAudioPlayerContent };\n"],"mappings":";;;;;;;;;;;AAmBA,IAAM,KAA0B,EAC9B,QACA,aACA,oBAC0B;CAC1B,IAAM,IAAW,EAAgC,KAAK,EAChD,CAAC,GAAW,KAAgB,EAAS,GAAM,EAC3C,CAAC,GAAa,KAAkB,EAAS,EAAE,EAC3C,CAAC,GAAU,KAAe,EAAS,EAAE,EACrC,CAAC,GAAQ,KAAa,EAAS,EAAE,EACjC,CAAC,GAAS,KAAc,EAAS,GAAM,EACvC,CAAC,GAAU,KAAe,EAAS,GAAM,EAEzC,IAAqB,YAAY;AACrC,MAAI;AACF,OAAI,GAAY;AACd,UAAM,GAAY;AAClB;;AAEF,SAAM,EAAoB,GAAK,EAAS;UAClC;AACN,KAAM,MAAM,gCAAgC;;IAI1C,UAA6B;AAC5B,IAAS,WACd,EAAY,EAAS,QAAQ,YAAY,EAAE;IAGvC,UAAyB;AACxB,IAAS,WACd,EAAe,EAAS,QAAQ,eAAe,EAAE;IAG7C,UAAwB;AACvB,IAAS,YACV,KACF,EAAS,QAAQ,OAAO,EACxB,EAAa,GAAM,IAEnB,EAAS,QACN,MAAM,CACN,WAAW,EAAa,GAAK,CAAC,CAC9B,OAAO,MAAU;AAGhB,GAFA,QAAQ,MAAM,EAAM,EACpB,EAAY,GAAK,EACjB,EAAM,MAAM,iCAAiC;IAC7C;IAIF,KAAc,MAAoB;AACtC,MAAI,CAAC,EAAS,QAAS;EACvB,IAAM,CAAC,KAAO,GACR,IAAW,IAAM,OAAQ,KAAY;AAE3C,EADA,EAAS,QAAQ,cAAc,GAC/B,EAAe,EAAQ;IAGnB,KAAsB,MAAoB;AAC9C,MAAI,CAAC,EAAS,QAAS;EACvB,IAAM,CAAC,KAAO,GACR,IAAY,IAAM;AAGxB,EAFA,EAAS,QAAQ,SAAS,GAC1B,EAAU,EAAU,EACpB,EAAW,MAAc,EAAE;IAGvB,UAAmB;AAClB,IAAS,YACV,KACF,EAAS,QAAQ,QAAQ,IACzB,EAAW,GAAM,KAEjB,EAAS,QAAQ,QAAQ,IACzB,EAAW,GAAK;IAId,UAAsB;AACrB,IAAS,YACd,EAAS,QAAQ,cAAc,GAC/B,EAAe,EAAE,EACZ,KACH,GAAiB;IAIf,UAAoB;AAExB,EADA,EAAa,GAAM,EACnB,EAAe,EAAS;IAGpB,UAAyB;AAE7B,EADA,EAAY,GAAK,EACjB,EAAM,MAAM,0CAA0C;;AAGxD,KAAI,EAAU,QAAO,kBAAC,GAAD,EAAsB,CAAA;CAE3C,IAAM,IAAW,IAAY,IAAc,IAAY,MAAM;AAE7D,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD,EAAK,WAAU,yBAA0B,CAAA,EAEzC,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;KACE,SAAS;KACT,SAAQ;KACR,MAAK;KACL,cAAW;eAEX,kBAAC,GAAD,EAAU,WAAU,UAAW,CAAA;KACxB,CAAA,EACM,CAAA,EACjB,kBAAC,GAAD,EAAA,UAAgB,mBAAgC,CAAA,CACxC,EAAA,CAAA,CACN;;GAEN,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,GAAD,EAAY,WAAU,iCAAkC,CAAA;KACpD,CAAA,EACN,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,OAAD;MAAK,WAAU;gBAAf;OACE,kBAAC,GAAD;QACE,MAAK;QACL,SAAQ;QACR,WAAU;QACV,SAAS;QACT,cAAY,IAAY,WAAW;kBAElC,IACC,kBAAC,GAAD;SAAO,MAAK;SAAe,WAAU;SAAW,CAAA,GAEhD,kBAAC,GAAD;SAAM,MAAK;SAAe,WAAU;SAA0B,CAAA;QAEzD,CAAA;OAET,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,QAAD;SAAM,WAAU;mBACb,KAAY;SACR,CAAA,EACP,kBAAC,QAAD;SAAM,WAAU;mBAAhB;UACG,EAAW,EAAY;UAAC;UAAI,EAAW,EAAS;UAC5C;WACH;;OAEN,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;SACE,MAAK;SACL,SAAQ;SACR,WAAU;SACV,SAAS;SACT,cAAW;mBAEX,kBAAC,GAAD,EAAW,WAAU,UAAW,CAAA;SACzB,CAAA,EACM,CAAA,EACjB,kBAAC,GAAD,EAAA,UAAgB,aAA0B,CAAA,CAClC,EAAA,CAAA,EAEV,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,GAAD;UACE,MAAK;UACL,SAAQ;UACR,WAAU;UACV,SAAS;UACT,cAAY,IAAU,mBAAmB;oBAGvC,EADD,KAAW,MAAW,IACpB,IAEA,GAFD,EAAS,WAAU,UAAW,CAEA;UAEzB,CAAA,EACT,kBAAC,GAAD;UACE,OAAO,CAAC,IAAU,IAAI,IAAS,IAAI;UACnC,KAAK;UACL,MAAM;UACN,eAAe;UACf,cAAW;UACX,CAAA,CACE;WACF;;OACF;SAEN,kBAAC,OAAD;MAAK,WAAU;gBAAf;OACE,kBAAC,QAAD;QAAM,WAAU;kBACb,EAAW,EAAY;QACnB,CAAA;OACP,kBAAC,GAAD;QACE,OAAO,CAAC,EAAS;QACjB,KAAK;QACL,MAAM;QACN,eAAe;QACf,cAAW;QACX,CAAA;OACF,kBAAC,QAAD;QAAM,WAAU;kBACb,EAAW,EAAS;QAChB,CAAA;OACH;QACF;OACF;;GAEN,kBAAC,SAAD;IACE,KAAK;IACL,KAAK;IACL,kBAAkB;IAClB,cAAc;IACd,SAAS;IACT,SAAS;IACT,CAAA;GACE"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../../../src/components/file_view/components/audio_player/components/file_audio_player_content/index.tsx"],"sourcesContent":["import { useRef, useState } from \"react\";\nimport { toast } from \"sonner\";\nimport { downloadFileFromUrl } from \"@/utilities/download\";\nimport { FileViewErrorState } from \"../../../error_state\";\nimport { Button } from \"@/components/button\";\nimport { Slider } from \"@/components/slider\";\nimport { Tooltip, TooltipContent, TooltipTrigger } from \"@/components/tooltip\";\nimport {\n  Download,\n  Pause,\n  Play,\n  Volume2,\n  VolumeX,\n  RotateCcw,\n  Headphones,\n} from \"lucide-react\";\nimport type { FileAudioPlayerProps } from \"../../types\";\nimport { formatTime } from \"../../utilities\";\nimport { useFileViewLoadingChange } from \"../../../../hooks\";\n\nconst FileAudioPlayerContent = ({\n  url,\n  fileName,\n  onDownload,\n  onLoadingChange,\n}: FileAudioPlayerProps) => {\n  const audioRef = useRef<HTMLAudioElement | null>(null);\n  const [isPlaying, setIsPlaying] = useState(false);\n  const [currentTime, setCurrentTime] = useState(0);\n  const [duration, setDuration] = useState(0);\n  const [volume, setVolume] = useState(1);\n  const [isMuted, setIsMuted] = useState(false);\n  const [hasError, setHasError] = useState(false);\n  const [isReady, setIsReady] = useState(false);\n  useFileViewLoadingChange(!isReady && !hasError, onLoadingChange);\n\n  const handleDownloadFile = async () => {\n    try {\n      if (onDownload) {\n        await onDownload();\n        return;\n      }\n      await downloadFileFromUrl(url, fileName);\n    } catch {\n      toast.error(\"No se pudo descargar el audio\");\n    }\n  };\n\n  const handleLoadedMetadata = () => {\n    if (!audioRef.current) return;\n    setDuration(audioRef.current.duration || 0);\n    setIsReady(true);\n  };\n\n  const handleTimeUpdate = () => {\n    if (!audioRef.current) return;\n    setCurrentTime(audioRef.current.currentTime || 0);\n  };\n\n  const handlePlayPause = () => {\n    if (!audioRef.current) return;\n    if (isPlaying) {\n      audioRef.current.pause();\n      setIsPlaying(false);\n    } else {\n      audioRef.current\n        .play()\n        .then(() => setIsPlaying(true))\n        .catch((error) => {\n          console.error(error);\n          setHasError(true);\n          toast.error(\"No se pudo reproducir el audio\");\n        });\n    }\n  };\n\n  const handleSeek = (value: number[]) => {\n    if (!audioRef.current) return;\n    const [val] = value;\n    const newTime = (val / 100) * (duration || 0);\n    audioRef.current.currentTime = newTime;\n    setCurrentTime(newTime);\n  };\n\n  const handleVolumeChange = (value: number[]) => {\n    if (!audioRef.current) return;\n    const [val] = value;\n    const newVolume = val / 100;\n    audioRef.current.volume = newVolume;\n    setVolume(newVolume);\n    setIsMuted(newVolume === 0);\n  };\n\n  const toggleMute = () => {\n    if (!audioRef.current) return;\n    if (isMuted) {\n      audioRef.current.muted = false;\n      setIsMuted(false);\n    } else {\n      audioRef.current.muted = true;\n      setIsMuted(true);\n    }\n  };\n\n  const handleRestart = () => {\n    if (!audioRef.current) return;\n    audioRef.current.currentTime = 0;\n    setCurrentTime(0);\n    if (!isPlaying) {\n      handlePlayPause();\n    }\n  };\n\n  const handleEnded = () => {\n    setIsPlaying(false);\n    setCurrentTime(duration);\n  };\n\n  const handleAudioError = () => {\n    setHasError(true);\n    setIsReady(false);\n    toast.error(\"Ha ocurrido un error al cargar el audio\");\n  };\n\n  if (hasError) return <FileViewErrorState />;\n\n  const progress = duration ? (currentTime / duration) * 100 : 0;\n\n  return (\n    <div className=\"flex flex-col h-full w-full bg-background\">\n      <div className=\"flex items-center justify-between px-4 py-3 bg-card border-b border-border shadow-sm\">\n        <div className=\"flex flex-col min-w-0\" />\n\n        <Tooltip>\n          <TooltipTrigger>\n            <Button\n              onClick={handleDownloadFile}\n              variant=\"ghost\"\n              size=\"icon\"\n              aria-label=\"Descargar audio\"\n            >\n              <Download className=\"size-5\" />\n            </Button>\n          </TooltipTrigger>\n          <TooltipContent>Descargar audio</TooltipContent>\n        </Tooltip>\n      </div>\n\n      <div className=\"flex flex-1 items-center justify-center p-4 flex-col gap-4\">\n        <div className=\"w-full h-full p-4 rounded-md flex items-center justify-center bg-card\">\n          <Headphones className=\"size-10 text-muted-foreground\" />\n        </div>\n        <div className=\"w-full bg-card border border-border rounded-md p-4 flex flex-col gap-4\">\n          <div className=\"flex items-center gap-3\">\n            <Button\n              size=\"icon\"\n              variant=\"outline\"\n              className=\"rounded-md size-11\"\n              onClick={handlePlayPause}\n              aria-label={isPlaying ? \"Pausar\" : \"Reproducir\"}\n            >\n              {isPlaying ? (\n                <Pause fill=\"currentColor\" className=\"size-5\" />\n              ) : (\n                <Play fill=\"currentColor\" className=\"size-5 translate-x-px\" />\n              )}\n            </Button>\n\n            <div className=\"flex flex-col flex-1 min-w-0\">\n              <span className=\"text-sm font-medium truncate\">\n                {fileName || \"Pista de audio\"}\n              </span>\n              <span className=\"text-xs text-muted-foreground truncate\">\n                {formatTime(currentTime)} / {formatTime(duration)}\n              </span>\n            </div>\n\n            <div className=\"flex items-center gap-2\">\n              <Tooltip>\n                <TooltipTrigger>\n                  <Button\n                    size=\"icon\"\n                    variant=\"ghost\"\n                    className=\"rounded-md\"\n                    onClick={handleRestart}\n                    aria-label=\"Reiniciar\"\n                  >\n                    <RotateCcw className=\"size-4\" />\n                  </Button>\n                </TooltipTrigger>\n                <TooltipContent>Reiniciar</TooltipContent>\n              </Tooltip>\n\n              <div className=\"flex items-center gap-2 w-32\">\n                <Button\n                  size=\"icon\"\n                  variant=\"ghost\"\n                  className=\"rounded-md\"\n                  onClick={toggleMute}\n                  aria-label={isMuted ? \"Activar sonido\" : \"Silenciar\"}\n                >\n                  {isMuted || volume === 0 ? (\n                    <VolumeX className=\"size-4\" />\n                  ) : (\n                    <Volume2 className=\"size-4\" />\n                  )}\n                </Button>\n                <Slider\n                  value={[isMuted ? 0 : volume * 100]}\n                  max={100}\n                  step={1}\n                  onValueChange={handleVolumeChange}\n                  aria-label=\"Volumen\"\n                />\n              </div>\n            </div>\n          </div>\n\n          <div className=\"flex items-center gap-3\">\n            <span className=\"text-xs text-muted-foreground w-10 text-right\">\n              {formatTime(currentTime)}\n            </span>\n            <Slider\n              value={[progress]}\n              max={100}\n              step={0.5}\n              onValueChange={handleSeek}\n              aria-label=\"Progreso\"\n            />\n            <span className=\"text-xs text-muted-foreground w-10\">\n              {formatTime(duration)}\n            </span>\n          </div>\n        </div>\n      </div>\n\n      <audio\n        ref={audioRef}\n        src={url}\n        onLoadedMetadata={handleLoadedMetadata}\n        onTimeUpdate={handleTimeUpdate}\n        onEnded={handleEnded}\n        onError={handleAudioError}\n      />\n    </div>\n  );\n};\n\nexport { FileAudioPlayerContent };\n"],"mappings":"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"}

package/dist/components/file_view/components/audio_player/types/index.d.ts

@@ -1,5 +1,7 @@
+import { FileViewLoadingChangeHandler } from '../../../types';
 export interface FileAudioPlayerProps {
     url: string;
     fileName?: string;
     onDownload?: () => void | Promise<void>;
+    onLoadingChange?: FileViewLoadingChangeHandler;
 }

package/dist/components/file_view/components/docx_preview_viewer/components/file_docx_preview_viewer_content/index.d.ts

@@ -1,3 +1,3 @@
 import { FileDocxPreviewViewerProps } from '../../types';
-declare const FileDocxPreviewViewerContent: ({ file, }: FileDocxPreviewViewerProps) => import("react/jsx-runtime").JSX.Element;
+declare const FileDocxPreviewViewerContent: ({ file, onLoadingChange, }: FileDocxPreviewViewerProps) => import("react/jsx-runtime").JSX.Element;
 export { FileDocxPreviewViewerContent };

package/dist/components/file_view/components/docx_preview_viewer/components/file_docx_preview_viewer_content/index.js

@@ -1,5 +1,5 @@
 import { StatusMessage as e } from "../../../../../status_message/index.js";
-import { FileViewLoadingState as t } from "../../../loading_state/index.js";
+import { useFileViewLoadingChange as t } from "../../../../hooks/use_file_view_loading_change.js";
 import { Toolbar as n } from "../toolbar/index.js";
 import { useCallback as r, useEffect as i, useRef as a, useState as o } from "react";
 import { jsx as s, jsxs as c } from "react/jsx-runtime";
@@ -7,8 +7,10 @@ import { FileX as l } from "lucide-react";
 import { toast as u } from "sonner";
 import { renderAsync as d } from "docx-preview";
 //#region src/components/file_view/components/docx_preview_viewer/components/file_docx_preview_viewer_content/index.tsx
-var f = ({ file: f }) => {
-	let p = a(null), [m, h] = o(!0), [g, _] = o(null), [v, y] = o(1), b = r(() => y((e) => Math.min(e + .2, 3)), []), x = r(() => y((e) => Math.max(e - .2, .5)), []), S = r(() => {
+var f = ({ file: f, onLoadingChange: p }) => {
+	let m = a(null), [h, g] = o(!0), [_, v] = o(null), [y, b] = o(1);
+	t(h && !_, p);
+	let x = r(() => b((e) => Math.min(e + .2, 3)), []), S = r(() => b((e) => Math.max(e - .2, .5)), []), C = r(() => {
 		try {
 			let e = window.URL.createObjectURL(f), t = document.createElement("a");
 			t.href = e, t.download = f.name || "documento.docx", document.body.appendChild(t), t.click(), document.body.removeChild(t), window.URL.revokeObjectURL(e);
@@ -17,8 +19,8 @@ var f = ({ file: f }) => {
 		}
 	}, [f]);
 	return i(() => {
-		if (!p.current) return;
-		let e = p.current, t = !1;
+		if (!m.current) return;
+		let e = m.current, t = !1;
 		return e.innerHTML = "", f.arrayBuffer().then((t) => d(t, e, void 0, {
 			className: "docx-preview-container",
 			inWrapper: !0,
@@ -28,9 +30,9 @@ var f = ({ file: f }) => {
 			breakPages: !0,
 			useBase64URL: !0
 		})).then(() => {
-			t || h(!1);
+			t || g(!1);
 		}).catch((e) => {
-			t || (h(!1), _(e instanceof Error ? e.message : "Error al renderizar el documento"));
+			t || (g(!1), v(e instanceof Error ? e.message : "Error al renderizar el documento"));
 		}), () => {
 			t = !0;
 		};
@@ -38,36 +40,32 @@ var f = ({ file: f }) => {
 		className: "relative w-full h-full bg-accent",
 		children: [/* @__PURE__ */ c("div", {
 			className: "w-full h-full overflow-auto",
-			children: [
-				m && /* @__PURE__ */ s(t, { className: "absolute inset-0 z-10 bg-background" }),
-				g && /* @__PURE__ */ s("div", {
-					className: "absolute inset-0 z-10 flex min-h-0 bg-background p-4",
-					children: /* @__PURE__ */ s(e, {
-						title: "Error al renderizar el documento",
-						description: g,
-						icon: l,
-						classNameCard: "h-full w-full flex-col items-center justify-center",
-						classNameIconCard: "mx-auto",
-						classNameDescription: "text-center w-full max-w-sm",
-						classNameTitle: "text-center w-full",
-						color: "rose"
-					})
-				}),
-				/* @__PURE__ */ s("div", {
-					ref: p,
-					className: "w-full min-h-full p-4 transition-transform duration-200",
-					style: {
-						transform: `scale(${v})`,
-						transformOrigin: "top center"
-					}
+			children: [_ && /* @__PURE__ */ s("div", {
+				className: "absolute inset-0 z-10 flex min-h-0 bg-background p-4",
+				children: /* @__PURE__ */ s(e, {
+					title: "Error al renderizar el documento",
+					description: _,
+					icon: l,
+					classNameCard: "h-full w-full flex-col items-center justify-center",
+					classNameIconCard: "mx-auto",
+					classNameDescription: "text-center w-full max-w-sm",
+					classNameTitle: "text-center w-full",
+					color: "rose"
 				})
-			]
-		}), !g && /* @__PURE__ */ s(n, {
-			scale: v,
-			onZoomIn: b,
-			onZoomOut: x,
-			onDownload: S,
-			disabled: m
+			}), /* @__PURE__ */ s("div", {
+				ref: m,
+				className: "w-full min-h-full p-4 transition-transform duration-200",
+				style: {
+					transform: `scale(${y})`,
+					transformOrigin: "top center"
+				}
+			})]
+		}), !_ && /* @__PURE__ */ s(n, {
+			scale: y,
+			onZoomIn: x,
+			onZoomOut: S,
+			onDownload: C,
+			disabled: h
 		})]
 	});
 };

package/dist/components/file_view/components/docx_preview_viewer/components/file_docx_preview_viewer_content/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../../../../src/components/file_view/components/docx_preview_viewer/components/file_docx_preview_viewer_content/index.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from \"react\";\nimport { renderAsync } from \"docx-preview\";\nimport { FileX } from \"lucide-react\";\nimport { toast } from \"sonner\";\nimport { StatusMessage } from \"@/components/status_message\";\nimport { FileViewLoadingState } from \"../../../loading_state\";\nimport { Toolbar } from \"../toolbar\";\nimport type { FileDocxPreviewViewerProps } from \"../../types\";\n\nconst FileDocxPreviewViewerContent = ({\n  file,\n}: FileDocxPreviewViewerProps) => {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const [loading, setLoading] = useState(true);\n  const [error, setError] = useState<string | null>(null);\n  const [scale, setScale] = useState(1);\n\n  const handleZoomIn = useCallback(\n    () => setScale((prev) => Math.min(prev + 0.2, 3.0)),\n    [],\n  );\n\n  const handleZoomOut = useCallback(\n    () => setScale((prev) => Math.max(prev - 0.2, 0.5)),\n    [],\n  );\n\n  const handleDownload = useCallback(() => {\n    try {\n      const blobUrl = window.URL.createObjectURL(file);\n      const link = document.createElement(\"a\");\n      link.href = blobUrl;\n      link.download = file.name || \"documento.docx\";\n      document.body.appendChild(link);\n      link.click();\n      document.body.removeChild(link);\n      window.URL.revokeObjectURL(blobUrl);\n    } catch (downloadError) {\n      console.error(downloadError);\n      toast.error(\"Error al descargar el documento\");\n    }\n  }, [file]);\n\n  useEffect(() => {\n    if (!containerRef.current) return;\n    const el = containerRef.current;\n    let cancelled = false;\n    el.innerHTML = \"\";\n\n    file\n      .arrayBuffer()\n      .then((buffer) =>\n        renderAsync(buffer, el, undefined, {\n          className: \"docx-preview-container\",\n          inWrapper: true,\n          ignoreWidth: false,\n          ignoreHeight: false,\n          ignoreFonts: false,\n          breakPages: true,\n          useBase64URL: true,\n        }),\n      )\n      .then(() => {\n        if (!cancelled) setLoading(false);\n      })\n      .catch((err) => {\n        if (!cancelled) {\n          setLoading(false);\n          setError(\n            err instanceof Error\n              ? err.message\n              : \"Error al renderizar el documento\",\n          );\n        }\n      });\n\n    return () => {\n      cancelled = true;\n    };\n  }, [file]);\n\n  return (\n    <div className=\"relative w-full h-full bg-accent\">\n      <div className=\"w-full h-full overflow-auto\">\n        {loading && (\n          <FileViewLoadingState className=\"absolute inset-0 z-10 bg-background\" />\n        )}\n        {error && (\n          <div className=\"absolute inset-0 z-10 flex min-h-0 bg-background p-4\">\n            <StatusMessage\n              title=\"Error al renderizar el documento\"\n              description={error}\n              icon={FileX}\n              classNameCard=\"h-full w-full flex-col items-center justify-center\"\n              classNameIconCard=\"mx-auto\"\n              classNameDescription=\"text-center w-full max-w-sm\"\n              classNameTitle=\"text-center w-full\"\n              color=\"rose\"\n            />\n          </div>\n        )}\n        <div\n          ref={containerRef}\n          className=\"w-full min-h-full p-4 transition-transform duration-200\"\n          style={{\n            transform: `scale(${scale})`,\n            transformOrigin: \"top center\",\n          }}\n        />\n      </div>\n      {!error && (\n        <Toolbar\n          scale={scale}\n          onZoomIn={handleZoomIn}\n          onZoomOut={handleZoomOut}\n          onDownload={handleDownload}\n          disabled={loading}\n        />\n      )}\n    </div>\n  );\n};\n\nexport { FileDocxPreviewViewerContent };\n"],"mappings":";;;;;;;;;AASA,IAAM,KAAgC,EACpC,cACgC;CAChC,IAAM,IAAe,EAAuB,KAAK,EAC3C,CAAC,GAAS,KAAc,EAAS,GAAK,EACtC,CAAC,GAAO,KAAY,EAAwB,KAAK,EACjD,CAAC,GAAO,KAAY,EAAS,EAAE,EAE/B,IAAe,QACb,GAAU,MAAS,KAAK,IAAI,IAAO,IAAK,EAAI,CAAC,EACnD,EAAE,CACH,EAEK,IAAgB,QACd,GAAU,MAAS,KAAK,IAAI,IAAO,IAAK,GAAI,CAAC,EACnD,EAAE,CACH,EAEK,IAAiB,QAAkB;AACvC,MAAI;GACF,IAAM,IAAU,OAAO,IAAI,gBAAgB,EAAK,EAC1C,IAAO,SAAS,cAAc,IAAI;AAMxC,GALA,EAAK,OAAO,GACZ,EAAK,WAAW,EAAK,QAAQ,kBAC7B,SAAS,KAAK,YAAY,EAAK,EAC/B,EAAK,OAAO,EACZ,SAAS,KAAK,YAAY,EAAK,EAC/B,OAAO,IAAI,gBAAgB,EAAQ;WAC5B,GAAe;AAEtB,GADA,QAAQ,MAAM,EAAc,EAC5B,EAAM,MAAM,kCAAkC;;IAE/C,CAAC,EAAK,CAAC;AAwCV,QAtCA,QAAgB;AACd,MAAI,CAAC,EAAa,QAAS;EAC3B,IAAM,IAAK,EAAa,SACpB,IAAY;AA8BhB,SA7BA,EAAG,YAAY,IAEf,EACG,aAAa,CACb,MAAM,MACL,EAAY,GAAQ,GAAI,KAAA,GAAW;GACjC,WAAW;GACX,WAAW;GACX,aAAa;GACb,cAAc;GACd,aAAa;GACb,YAAY;GACZ,cAAc;GACf,CAAC,CACH,CACA,WAAW;AACV,GAAK,KAAW,EAAW,GAAM;IACjC,CACD,OAAO,MAAQ;AACd,GAAK,MACH,EAAW,GAAM,EACjB,EACE,aAAe,QACX,EAAI,UACJ,mCACL;IAEH,QAES;AACX,OAAY;;IAEb,CAAC,EAAK,CAAC,EAGR,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,OAAD;GAAK,WAAU;aAAf;IACG,KACC,kBAAC,GAAD,EAAsB,WAAU,uCAAwC,CAAA;IAEzE,KACC,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,GAAD;MACE,OAAM;MACN,aAAa;MACb,MAAM;MACN,eAAc;MACd,mBAAkB;MAClB,sBAAqB;MACrB,gBAAe;MACf,OAAM;MACN,CAAA;KACE,CAAA;IAER,kBAAC,OAAD;KACE,KAAK;KACL,WAAU;KACV,OAAO;MACL,WAAW,SAAS,EAAM;MAC1B,iBAAiB;MAClB;KACD,CAAA;IACE;MACL,CAAC,KACA,kBAAC,GAAD;GACS;GACP,UAAU;GACV,WAAW;GACX,YAAY;GACZ,UAAU;GACV,CAAA,CAEA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../../../src/components/file_view/components/docx_preview_viewer/components/file_docx_preview_viewer_content/index.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from \"react\";\nimport { renderAsync } from \"docx-preview\";\nimport { FileX } from \"lucide-react\";\nimport { toast } from \"sonner\";\nimport { StatusMessage } from \"@/components/status_message\";\nimport { useFileViewLoadingChange } from \"../../../../hooks\";\nimport { Toolbar } from \"../toolbar\";\nimport type { FileDocxPreviewViewerProps } from \"../../types\";\n\nconst FileDocxPreviewViewerContent = ({\n  file,\n  onLoadingChange,\n}: FileDocxPreviewViewerProps) => {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const [loading, setLoading] = useState(true);\n  const [error, setError] = useState<string | null>(null);\n  const [scale, setScale] = useState(1);\n  useFileViewLoadingChange(loading && !error, onLoadingChange);\n\n  const handleZoomIn = useCallback(\n    () => setScale((prev) => Math.min(prev + 0.2, 3.0)),\n    [],\n  );\n\n  const handleZoomOut = useCallback(\n    () => setScale((prev) => Math.max(prev - 0.2, 0.5)),\n    [],\n  );\n\n  const handleDownload = useCallback(() => {\n    try {\n      const blobUrl = window.URL.createObjectURL(file);\n      const link = document.createElement(\"a\");\n      link.href = blobUrl;\n      link.download = file.name || \"documento.docx\";\n      document.body.appendChild(link);\n      link.click();\n      document.body.removeChild(link);\n      window.URL.revokeObjectURL(blobUrl);\n    } catch (downloadError) {\n      console.error(downloadError);\n      toast.error(\"Error al descargar el documento\");\n    }\n  }, [file]);\n\n  useEffect(() => {\n    if (!containerRef.current) return;\n    const el = containerRef.current;\n    let cancelled = false;\n    el.innerHTML = \"\";\n\n    file\n      .arrayBuffer()\n      .then((buffer) =>\n        renderAsync(buffer, el, undefined, {\n          className: \"docx-preview-container\",\n          inWrapper: true,\n          ignoreWidth: false,\n          ignoreHeight: false,\n          ignoreFonts: false,\n          breakPages: true,\n          useBase64URL: true,\n        }),\n      )\n      .then(() => {\n        if (!cancelled) setLoading(false);\n      })\n      .catch((err) => {\n        if (!cancelled) {\n          setLoading(false);\n          setError(\n            err instanceof Error\n              ? err.message\n              : \"Error al renderizar el documento\",\n          );\n        }\n      });\n\n    return () => {\n      cancelled = true;\n    };\n  }, [file]);\n\n  return (\n    <div className=\"relative w-full h-full bg-accent\">\n      <div className=\"w-full h-full overflow-auto\">\n        {error && (\n          <div className=\"absolute inset-0 z-10 flex min-h-0 bg-background p-4\">\n            <StatusMessage\n              title=\"Error al renderizar el documento\"\n              description={error}\n              icon={FileX}\n              classNameCard=\"h-full w-full flex-col items-center justify-center\"\n              classNameIconCard=\"mx-auto\"\n              classNameDescription=\"text-center w-full max-w-sm\"\n              classNameTitle=\"text-center w-full\"\n              color=\"rose\"\n            />\n          </div>\n        )}\n        <div\n          ref={containerRef}\n          className=\"w-full min-h-full p-4 transition-transform duration-200\"\n          style={{\n            transform: `scale(${scale})`,\n            transformOrigin: \"top center\",\n          }}\n        />\n      </div>\n      {!error && (\n        <Toolbar\n          scale={scale}\n          onZoomIn={handleZoomIn}\n          onZoomOut={handleZoomOut}\n          onDownload={handleDownload}\n          disabled={loading}\n        />\n      )}\n    </div>\n  );\n};\n\nexport { FileDocxPreviewViewerContent };\n"],"mappings":";;;;;;;;;AASA,IAAM,KAAgC,EACpC,SACA,yBACgC;CAChC,IAAM,IAAe,EAAuB,KAAK,EAC3C,CAAC,GAAS,KAAc,EAAS,GAAK,EACtC,CAAC,GAAO,KAAY,EAAwB,KAAK,EACjD,CAAC,GAAO,KAAY,EAAS,EAAE;AACrC,GAAyB,KAAW,CAAC,GAAO,EAAgB;CAE5D,IAAM,IAAe,QACb,GAAU,MAAS,KAAK,IAAI,IAAO,IAAK,EAAI,CAAC,EACnD,EAAE,CACH,EAEK,IAAgB,QACd,GAAU,MAAS,KAAK,IAAI,IAAO,IAAK,GAAI,CAAC,EACnD,EAAE,CACH,EAEK,IAAiB,QAAkB;AACvC,MAAI;GACF,IAAM,IAAU,OAAO,IAAI,gBAAgB,EAAK,EAC1C,IAAO,SAAS,cAAc,IAAI;AAMxC,GALA,EAAK,OAAO,GACZ,EAAK,WAAW,EAAK,QAAQ,kBAC7B,SAAS,KAAK,YAAY,EAAK,EAC/B,EAAK,OAAO,EACZ,SAAS,KAAK,YAAY,EAAK,EAC/B,OAAO,IAAI,gBAAgB,EAAQ;WAC5B,GAAe;AAEtB,GADA,QAAQ,MAAM,EAAc,EAC5B,EAAM,MAAM,kCAAkC;;IAE/C,CAAC,EAAK,CAAC;AAwCV,QAtCA,QAAgB;AACd,MAAI,CAAC,EAAa,QAAS;EAC3B,IAAM,IAAK,EAAa,SACpB,IAAY;AA8BhB,SA7BA,EAAG,YAAY,IAEf,EACG,aAAa,CACb,MAAM,MACL,EAAY,GAAQ,GAAI,KAAA,GAAW;GACjC,WAAW;GACX,WAAW;GACX,aAAa;GACb,cAAc;GACd,aAAa;GACb,YAAY;GACZ,cAAc;GACf,CAAC,CACH,CACA,WAAW;AACV,GAAK,KAAW,EAAW,GAAM;IACjC,CACD,OAAO,MAAQ;AACd,GAAK,MACH,EAAW,GAAM,EACjB,EACE,aAAe,QACX,EAAI,UACJ,mCACL;IAEH,QAES;AACX,OAAY;;IAEb,CAAC,EAAK,CAAC,EAGR,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACG,KACC,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,GAAD;KACE,OAAM;KACN,aAAa;KACb,MAAM;KACN,eAAc;KACd,mBAAkB;KAClB,sBAAqB;KACrB,gBAAe;KACf,OAAM;KACN,CAAA;IACE,CAAA,EAER,kBAAC,OAAD;IACE,KAAK;IACL,WAAU;IACV,OAAO;KACL,WAAW,SAAS,EAAM;KAC1B,iBAAiB;KAClB;IACD,CAAA,CACE;MACL,CAAC,KACA,kBAAC,GAAD;GACS;GACP,UAAU;GACV,WAAW;GACX,YAAY;GACZ,UAAU;GACV,CAAA,CAEA"}

package/dist/components/file_view/components/docx_preview_viewer/index.d.ts

@@ -1,3 +1,3 @@
 import { FileDocxPreviewViewerProps } from './types';
-export declare const FileDocxPreviewViewer: ({ file, }: FileDocxPreviewViewerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FileDocxPreviewViewer: ({ file, onLoadingChange, }: FileDocxPreviewViewerProps) => import("react/jsx-runtime").JSX.Element;
 export type { FileDocxPreviewViewerProps } from './types';

package/dist/components/file_view/components/docx_preview_viewer/index.js

@@ -2,7 +2,10 @@ import { getFilePreviewKey as e } from "../../utilities/file_preview_key.js";
 import { FileDocxPreviewViewerContent as t } from "./components/file_docx_preview_viewer_content/index.js";
 import { jsx as n } from "react/jsx-runtime";
 //#region src/components/file_view/components/docx_preview_viewer/index.tsx
-var r = ({ file: r }) => /* @__PURE__ */ n(t, { file: r }, e(r));
+var r = ({ file: r, onLoadingChange: i }) => /* @__PURE__ */ n(t, {
+	file: r,
+	onLoadingChange: i
+}, e(r));
 //#endregion
 export { r as FileDocxPreviewViewer };
 

package/dist/components/file_view/components/docx_preview_viewer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/file_view/components/docx_preview_viewer/index.tsx"],"sourcesContent":["import { getFilePreviewKey } from \"../../utilities/file_preview_key\";\nimport { FileDocxPreviewViewerContent } from \"./components/file_docx_preview_viewer_content\";\nimport type { FileDocxPreviewViewerProps } from \"./types\";\n\nexport const FileDocxPreviewViewer = ({\n  file,\n}: FileDocxPreviewViewerProps) => (\n  <FileDocxPreviewViewerContent key={getFilePreviewKey(file)} file={file} />\n);\n\nexport type { FileDocxPreviewViewerProps } from \"./types\";\n"],"mappings":";;;;AAIA,IAAa,KAAyB,EACpC,cAEA,kBAAC,GAAD,EAAkE,SAAQ,EAAvC,EAAkB,EAAK,CAAgB"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/file_view/components/docx_preview_viewer/index.tsx"],"sourcesContent":["import { getFilePreviewKey } from \"../../utilities/file_preview_key\";\nimport { FileDocxPreviewViewerContent } from \"./components/file_docx_preview_viewer_content\";\nimport type { FileDocxPreviewViewerProps } from \"./types\";\n\nexport const FileDocxPreviewViewer = ({\n  file,\n  onLoadingChange,\n}: FileDocxPreviewViewerProps) => (\n  <FileDocxPreviewViewerContent\n    key={getFilePreviewKey(file)}\n    file={file}\n    onLoadingChange={onLoadingChange}\n  />\n);\n\nexport type { FileDocxPreviewViewerProps } from \"./types\";\n"],"mappings":";;;;AAIA,IAAa,KAAyB,EACpC,SACA,yBAEA,kBAAC,GAAD;CAEQ;CACW;CACjB,EAHK,EAAkB,EAAK,CAG5B"}

package/dist/components/file_view/components/docx_preview_viewer/types/index.d.ts

@@ -1,3 +1,5 @@
+import { FileViewLoadingChangeHandler } from '../../../types';
 export interface FileDocxPreviewViewerProps {
     file: File;
+    onLoadingChange?: FileViewLoadingChangeHandler;
 }

package/dist/components/file_view/components/edit_viewer/index.d.ts

@@ -1,3 +1,4 @@
+import { FileViewLoadingChangeHandler } from '../../types';
 export interface FileEditViewerProps {
     isPending?: boolean;
     isError?: boolean;
@@ -5,5 +6,6 @@ export interface FileEditViewerProps {
     isEmpty?: boolean;
     onRetry?: () => void;
     children?: React.ReactNode;
+    onLoadingChange?: FileViewLoadingChangeHandler;
 }
-export declare const FileEditViewer: ({ isPending, isError, isUnsupported, isEmpty, onRetry, children, }: FileEditViewerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FileEditViewer: ({ isPending, isError, isUnsupported, isEmpty, onRetry, children, onLoadingChange, }: FileEditViewerProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/components/file_view/components/edit_viewer/index.js

@@ -1,36 +1,31 @@
 import { Button as e } from "../../../button/index.js";
 import { StatusMessage as t } from "../../../status_message/index.js";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-import { FileX as i, Loader2 as a, RefreshCw as o } from "lucide-react";
+import { useFileViewLoadingChange as n } from "../../hooks/use_file_view_loading_change.js";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { FileX as a, RefreshCw as o } from "lucide-react";
 //#region src/components/file_view/components/edit_viewer/index.tsx
-var s = ({ isPending: s = !1, isError: c = !1, isUnsupported: l = !1, isEmpty: u = !1, onRetry: d, children: f }) => s ? /* @__PURE__ */ r("div", {
-	className: "flex h-full min-h-[240px] flex-col items-center justify-center gap-2 text-muted-foreground",
-	children: [/* @__PURE__ */ n(a, { className: "size-8 animate-spin" }), /* @__PURE__ */ n("p", {
-		className: "text-sm",
-		children: "Importando contenido del documento…"
-	})]
-}) : c ? /* @__PURE__ */ r("div", {
+var s = ({ isPending: s = !1, isError: c = !1, isUnsupported: l = !1, isEmpty: u = !1, onRetry: d, children: f, onLoadingChange: p }) => (n(s, p), s ? null : c ? /* @__PURE__ */ i("div", {
 	className: "p-6 flex flex-col items-center gap-4",
-	children: [/* @__PURE__ */ n(t, {
+	children: [/* @__PURE__ */ r(t, {
 		title: "No se pudo importar el documento",
 		description: l ? "Este tipo de archivo aún no está soportado para edición (p. ej. .doc clásico)." : "Vuelve a intentarlo. Si el error persiste, contacta con soporte.",
-		icon: i
-	}), d ? /* @__PURE__ */ r(e, {
+		icon: a
+	}), d ? /* @__PURE__ */ i(e, {
 		variant: "outline",
 		onClick: d,
-		children: [/* @__PURE__ */ n(o, { className: "size-4 mr-2" }), "Reintentar"]
+		children: [/* @__PURE__ */ r(o, { className: "size-4 mr-2" }), "Reintentar"]
 	}) : null]
-}) : u ? /* @__PURE__ */ n("div", {
+}) : u ? /* @__PURE__ */ r("div", {
 	className: "p-6",
-	children: /* @__PURE__ */ n(t, {
+	children: /* @__PURE__ */ r(t, {
 		title: "Contenido vacío",
 		description: "No se obtuvo contenido editable a partir del archivo.",
-		icon: i
+		icon: a
 	})
-}) : /* @__PURE__ */ n("div", {
+}) : /* @__PURE__ */ r("div", {
 	className: "h-full min-h-[400px] flex flex-col",
 	children: f
-});
+}));
 //#endregion
 export { s as FileEditViewer };
 

package/dist/components/file_view/components/edit_viewer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/file_view/components/edit_viewer/index.tsx"],"sourcesContent":["import { Loader2, RefreshCw, FileX } from \"lucide-react\";\nimport { Button } from \"@/components/button\";\nimport { StatusMessage } from \"@/components/status_message\";\n\nexport interface FileEditViewerProps {\n  isPending?: boolean;\n  isError?: boolean;\n  isUnsupported?: boolean;\n  isEmpty?: boolean;\n  onRetry?: () => void;\n  children?: React.ReactNode;\n}\n\nexport const FileEditViewer = ({\n  isPending = false,\n  isError = false,\n  isUnsupported = false,\n  isEmpty = false,\n  onRetry,\n  children,\n}: FileEditViewerProps) => {\n  if (isPending) {\n    return (\n      <div className=\"flex h-full min-h-[240px] flex-col items-center justify-center gap-2 text-muted-foreground\">\n        <Loader2 className=\"size-8 animate-spin\" />\n        <p className=\"text-sm\">Importando contenido del documento…</p>\n      </div>\n    );\n  }\n\n  if (isError) {\n    return (\n      <div className=\"p-6 flex flex-col items-center gap-4\">\n        <StatusMessage\n          title=\"No se pudo importar el documento\"\n          description={\n            isUnsupported\n              ? \"Este tipo de archivo aún no está soportado para edición (p. ej. .doc clásico).\"\n              : \"Vuelve a intentarlo. Si el error persiste, contacta con soporte.\"\n          }\n          icon={FileX}\n        />\n        {onRetry ? (\n          <Button variant=\"outline\" onClick={onRetry}>\n            <RefreshCw className=\"size-4 mr-2\" />\n            Reintentar\n          </Button>\n        ) : null}\n      </div>\n    );\n  }\n\n  if (isEmpty) {\n    return (\n      <div className=\"p-6\">\n        <StatusMessage\n          title=\"Contenido vacío\"\n          description=\"No se obtuvo contenido editable a partir del archivo.\"\n          icon={FileX}\n        />\n      </div>\n    );\n  }\n\n  return <div className=\"h-full min-h-[400px] flex flex-col\">{children}</div>;\n};\n"],"mappings":";;;;;AAaA,IAAa,KAAkB,EAC7B,eAAY,IACZ,aAAU,IACV,mBAAgB,IAChB,aAAU,IACV,YACA,kBAEI,IAEA,kBAAC,OAAD;CAAK,WAAU;WAAf,CACE,kBAAC,GAAD,EAAS,WAAU,uBAAwB,CAAA,EAC3C,kBAAC,KAAD;EAAG,WAAU;YAAU;EAAuC,CAAA,CAC1D;KAIN,IAEA,kBAAC,OAAD;CAAK,WAAU;WAAf,CACE,kBAAC,GAAD;EACE,OAAM;EACN,aACE,IACI,mFACA;EAEN,MAAM;EACN,CAAA,EACD,IACC,kBAAC,GAAD;EAAQ,SAAQ;EAAU,SAAS;YAAnC,CACE,kBAAC,GAAD,EAAW,WAAU,eAAgB,CAAA,EAAA,aAE9B;MACP,KACA;KAIN,IAEA,kBAAC,OAAD;CAAK,WAAU;WACb,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;EACZ,MAAM;EACN,CAAA;CACE,CAAA,GAIH,kBAAC,OAAD;CAAK,WAAU;CAAsC;CAAe,CAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/file_view/components/edit_viewer/index.tsx"],"sourcesContent":["import { RefreshCw, FileX } from \"lucide-react\";\nimport { Button } from \"@/components/button\";\nimport { StatusMessage } from \"@/components/status_message\";\nimport { useFileViewLoadingChange } from \"../../hooks\";\nimport type { FileViewLoadingChangeHandler } from \"../../types\";\n\nexport interface FileEditViewerProps {\n  isPending?: boolean;\n  isError?: boolean;\n  isUnsupported?: boolean;\n  isEmpty?: boolean;\n  onRetry?: () => void;\n  children?: React.ReactNode;\n  onLoadingChange?: FileViewLoadingChangeHandler;\n}\n\nexport const FileEditViewer = ({\n  isPending = false,\n  isError = false,\n  isUnsupported = false,\n  isEmpty = false,\n  onRetry,\n  children,\n  onLoadingChange,\n}: FileEditViewerProps) => {\n  useFileViewLoadingChange(isPending, onLoadingChange);\n\n  if (isPending) {\n    return null;\n  }\n\n  if (isError) {\n    return (\n      <div className=\"p-6 flex flex-col items-center gap-4\">\n        <StatusMessage\n          title=\"No se pudo importar el documento\"\n          description={\n            isUnsupported\n              ? \"Este tipo de archivo aún no está soportado para edición (p. ej. .doc clásico).\"\n              : \"Vuelve a intentarlo. Si el error persiste, contacta con soporte.\"\n          }\n          icon={FileX}\n        />\n        {onRetry ? (\n          <Button variant=\"outline\" onClick={onRetry}>\n            <RefreshCw className=\"size-4 mr-2\" />\n            Reintentar\n          </Button>\n        ) : null}\n      </div>\n    );\n  }\n\n  if (isEmpty) {\n    return (\n      <div className=\"p-6\">\n        <StatusMessage\n          title=\"Contenido vacío\"\n          description=\"No se obtuvo contenido editable a partir del archivo.\"\n          icon={FileX}\n        />\n      </div>\n    );\n  }\n\n  return <div className=\"h-full min-h-[400px] flex flex-col\">{children}</div>;\n};\n"],"mappings":";;;;;;AAgBA,IAAa,KAAkB,EAC7B,eAAY,IACZ,aAAU,IACV,mBAAgB,IAChB,aAAU,IACV,YACA,aACA,0BAEA,EAAyB,GAAW,EAAgB,EAEhD,IACK,OAGL,IAEA,kBAAC,OAAD;CAAK,WAAU;WAAf,CACE,kBAAC,GAAD;EACE,OAAM;EACN,aACE,IACI,mFACA;EAEN,MAAM;EACN,CAAA,EACD,IACC,kBAAC,GAAD;EAAQ,SAAQ;EAAU,SAAS;YAAnC,CACE,kBAAC,GAAD,EAAW,WAAU,eAAgB,CAAA,EAAA,aAE9B;MACP,KACA;KAIN,IAEA,kBAAC,OAAD;CAAK,WAAU;WACb,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;EACZ,MAAM;EACN,CAAA;CACE,CAAA,GAIH,kBAAC,OAAD;CAAK,WAAU;CAAsC;CAAe,CAAA"}

package/dist/components/file_view/components/file_simple_preview_render/index.d.ts

@@ -1,5 +1,7 @@
+import { FileViewLoadingChangeHandler } from '../../types';
 export interface FileSimplePreviewRenderProps {
     file: File;
     url: string;
+    onLoadingChange?: FileViewLoadingChangeHandler;
 }
-export declare const FileSimplePreviewRender: ({ file, url }: FileSimplePreviewRenderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FileSimplePreviewRender: ({ file, url, onLoadingChange, }: FileSimplePreviewRenderProps) => import("react/jsx-runtime").JSX.Element;