@stackcraftmx/calcita 0.0.0-stage → 0.25.0

package/dist/feedback/StaleBuildBoundary.js

@@ -0,0 +1,36 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { Component } from "react";
+import { isStaleChunkError } from "../api/staleChunks.js";
+import { createLogger } from "../observability/logger.js";
+import ErrorPage, { ERROR_PAGE_KIND } from "../ui/layout/ErrorPage.js";
+const log = createLogger("navigation");
+function reloadPage() {
+  window.location.reload();
+}
+class StaleBuildBoundary extends Component {
+  state = { error: null };
+  static getDerivedStateFromError(error) {
+    return { error };
+  }
+  componentDidCatch(error) {
+    log.error("una pantalla no se pudo pintar", { name: error?.name, message: error?.message });
+  }
+  componentDidUpdate(previousProps) {
+    if (this.state.error && previousProps.resetKey !== this.props.resetKey) {
+      this.setState({ error: null });
+    }
+  }
+  render() {
+    const { error } = this.state;
+    if (!error) {
+      return this.props.children;
+    }
+    const kind = isStaleChunkError(error) ? ERROR_PAGE_KIND.newVersion : ERROR_PAGE_KIND.serverError;
+    return /* @__PURE__ */ jsx(ErrorPage, { kind, onRetry: reloadPage, homePath: this.props.homePath });
+  }
+}
+export {
+  StaleBuildBoundary as default
+};
+//# sourceMappingURL=StaleBuildBoundary.js.map

package/dist/feedback/StaleBuildBoundary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StaleBuildBoundary.js","sources":["../../src/feedback/StaleBuildBoundary.jsx"],"sourcesContent":["// La barrera de errores de las pantallas, para una app sin router de datos (con react-router va RouteErrorScreen, que el\n// router le pasa solo). Si una pantalla truena al pintarse, en lugar de dejar la página en blanco dice qué pasó y ofrece\n// recargar:\n//   - se publicó otra versión con la pestaña abierta (el archivo de la pantalla ya no existe; recoverFromStaleChunk ya\n//     recargó una vez y volvió a fallar): «Hay una versión nueva» y «Recargar»;\n//   - otra cosa: «Algo falló de nuestro lado» y «Intentar de nuevo» (recarga).\n// Al cambiar resetKey (normalmente la dirección de la página) se vuelve a intentar: el error era de la pantalla anterior.\n//\n//   <StaleBuildBoundary resetKey={pathname}>{pantallas}</StaleBuildBoundary>\n//\n// OJO: es una clase porque React solo atrapa los errores al pintar con componentDidCatch; no hay hook para eso.\nimport {Component} from 'react';\n\nimport {isStaleChunkError} from '@/api/staleChunks.js';\nimport {createLogger} from '@/observability/logger.js';\nimport ErrorPage, {ERROR_PAGE_KIND} from '@/ui/layout/ErrorPage.jsx';\n\nconst log = createLogger('navigation');\n\n/** Recargar la página: trae la versión publicada. */\nfunction reloadPage() {\n    window.location.reload();\n}\n\n/**\n * @extends {Component<{resetKey?: string, homePath?: string, children?: import('react').ReactNode}, {error: unknown}>}\n */\nexport default class StaleBuildBoundary extends Component {\n    state = {error: null};\n\n    static getDerivedStateFromError(error) {\n        return {error};\n    }\n\n    componentDidCatch(error) {\n        log.error('una pantalla no se pudo pintar', {name: error?.name, message: error?.message});\n    }\n\n    componentDidUpdate(previousProps) {\n        if (this.state.error && previousProps.resetKey !== this.props.resetKey) {\n            this.setState({error: null});\n        }\n    }\n\n    render() {\n        const {error} = this.state;\n        if (!error) {\n            return this.props.children;\n        }\n        const kind = isStaleChunkError(error) ? ERROR_PAGE_KIND.newVersion : ERROR_PAGE_KIND.serverError;\n        return <ErrorPage kind={kind} onRetry={reloadPage} homePath={this.props.homePath} />;\n    }\n}\n"],"names":[],"mappings":";;;;;;AAiBA,MAAM,MAAM,aAAa,YAAY;AAGrC,SAAS,aAAa;AAClB,SAAO,SAAS,OAAA;AACpB;AAKA,MAAqB,2BAA2B,UAAU;AAAA,EACtD,QAAQ,EAAC,OAAO,KAAA;AAAA,EAEhB,OAAO,yBAAyB,OAAO;AACnC,WAAO,EAAC,MAAA;AAAA,EACZ;AAAA,EAEA,kBAAkB,OAAO;AACrB,QAAI,MAAM,kCAAkC,EAAC,MAAM,OAAO,MAAM,SAAS,OAAO,SAAQ;AAAA,EAC5F;AAAA,EAEA,mBAAmB,eAAe;AAC9B,QAAI,KAAK,MAAM,SAAS,cAAc,aAAa,KAAK,MAAM,UAAU;AACpE,WAAK,SAAS,EAAC,OAAO,KAAA,CAAK;AAAA,IAC/B;AAAA,EACJ;AAAA,EAEA,SAAS;AACL,UAAM,EAAC,UAAS,KAAK;AACrB,QAAI,CAAC,OAAO;AACR,aAAO,KAAK,MAAM;AAAA,IACtB;AACA,UAAM,OAAO,kBAAkB,KAAK,IAAI,gBAAgB,aAAa,gBAAgB;AACrF,WAAO,oBAAC,aAAU,MAAY,SAAS,YAAY,UAAU,KAAK,MAAM,UAAU;AAAA,EACtF;AACJ;"}

package/dist/feedback/Toaster.js

@@ -0,0 +1,20 @@
+"use client";
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { Toaster as Toaster$1 } from "sonner";
+import GlobalStyles from "@mui/material/GlobalStyles";
+import { useTheme, useColorScheme } from "@mui/material/styles";
+import { isGlassTheme } from "../theme/glassSurface.js";
+import { glassToasterStylesOf } from "../theme/glassToasterStyles.js";
+import { resolvedColorModeOf } from "../ui/navigation/colorMode.js";
+function Toaster() {
+  const theme = useTheme();
+  const { mode, systemMode } = useColorScheme();
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    isGlassTheme(theme) && /* @__PURE__ */ jsx(GlobalStyles, { styles: glassToasterStylesOf(theme) }),
+    /* @__PURE__ */ jsx(Toaster$1, { position: "bottom-left", richColors: true, closeButton: true, theme: resolvedColorModeOf(mode, systemMode) })
+  ] });
+}
+export {
+  Toaster as default
+};
+//# sourceMappingURL=Toaster.js.map

package/dist/feedback/Toaster.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toaster.js","sources":["../../src/feedback/Toaster.jsx"],"sourcesContent":["// El <Toaster/> de sonner, montado UNA sola vez en la raíz de la aplicación: dos montados son dos avisos por cada aviso.\n//\n// Abajo a la izquierda: arriba taparía la barra superior (nombre y \"Salir\"); a la derecha, el panel de detalle (que\n// abre del lado derecho, con su botón de descarga abajo) y la paginación de las tablas de MUI.\n//\n// Sigue el modo claro / oscuro de MUI (va DENTRO del ThemeProvider de la aplicación): sin eso, un aviso blanco sobre la app en\n// oscuro es una linterna. Con el vidrio del tema (createToolkitTheme({glass: true})), los avisos también son de vidrio\n// (glassToasterStyles.js).\n//\n// Genérico del paquete: function (regla de la casa).\nimport {Toaster as SonnerToaster} from 'sonner';\nimport GlobalStyles from '@mui/material/GlobalStyles';\nimport {useColorScheme, useTheme} from '@mui/material/styles';\n\nimport {isGlassTheme} from '@/theme/glassSurface.js';\nimport {glassToasterStylesOf} from '@/theme/glassToasterStyles.js';\nimport {resolvedColorModeOf} from '@/ui/navigation/colorMode.js';\n\nexport default function Toaster() {\n    const theme = useTheme();\n    const {mode, systemMode} = useColorScheme();\n    return (\n        <>\n            {isGlassTheme(theme) && <GlobalStyles styles={glassToasterStylesOf(theme)} />}\n            <SonnerToaster position=\"bottom-left\" richColors closeButton theme={resolvedColorModeOf(mode, systemMode)} />\n        </>\n    );\n}\n"],"names":["SonnerToaster"],"mappings":";;;;;;;;AAkBA,SAAwB,UAAU;AAC9B,QAAM,QAAQ,SAAA;AACd,QAAM,EAAC,MAAM,WAAA,IAAc,eAAA;AAC3B,SACI,qBAAA,UAAA,EACK,UAAA;AAAA,IAAA,aAAa,KAAK,KAAK,oBAAC,gBAAa,QAAQ,qBAAqB,KAAK,GAAG;AAAA,IAC3E,oBAACA,WAAA,EAAc,UAAS,eAAc,YAAU,MAAC,aAAW,MAAC,OAAO,oBAAoB,MAAM,UAAU,EAAA,CAAG;AAAA,EAAA,GAC/G;AAER;"}

package/dist/feedback/confirmActionMachine.js

@@ -0,0 +1,67 @@
+import { setup, fromPromise, assign } from "xstate";
+const confirmActionMachine = setup({
+  actors: {
+    // ({input: {subject}}) → lo que regrese el API; lo reemplaza useConfirmAction
+    runAction: fromPromise(async () => {
+      throw new Error("confirmActionMachine: falta proveer runAction.");
+    })
+  },
+  actions: {
+    // se llama con el resultado de runAction (p. ej. para el aviso y para volver a pedir la tabla)
+    onDone: () => {
+    }
+  }
+}).createMachine({
+  id: "confirmAction",
+  initial: "idle",
+  context: {
+    // sobre qué renglón se va a actuar (lo que se pinta en el diálogo y lo que recibe runAction)
+    subject: null,
+    // datos que la persona agrega en el diálogo antes de confirmar (p. ej. el motivo)
+    details: null,
+    error: null,
+    output: null
+  },
+  states: {
+    idle: {
+      on: {
+        OPEN: { target: "confirming", actions: assign({ subject: ({ event }) => event.subject, details: null, error: null }) }
+      }
+    },
+    confirming: {
+      on: {
+        CONFIRM: { target: "running", actions: assign({ details: ({ event }) => event.details ?? null }) },
+        CANCEL: { target: "idle", actions: assign({ error: null }) }
+      }
+    },
+    running: {
+      entry: assign({ error: null }),
+      invoke: {
+        src: "runAction",
+        input: ({ context }) => ({ subject: context.subject, details: context.details }),
+        onDone: {
+          target: "done",
+          actions: [assign({ output: ({ event }) => event.output ?? null }), { type: "onDone", params: ({ event }) => ({ output: event.output }) }]
+        },
+        onError: { target: "failed", actions: assign({ error: ({ event }) => event.error }) }
+      }
+      // NOTA: sin CANCEL ni CONFIRM a propósito; a media petición no se cierra el diálogo ni sale otra petición
+    },
+    done: {
+      on: {
+        OPEN: { target: "confirming", actions: assign({ subject: ({ event }) => event.subject, details: null, error: null, output: null }) }
+      }
+    },
+    failed: {
+      on: {
+        // reintentar desde el mismo diálogo, con el error a la vista
+        CONFIRM: { target: "running", actions: assign({ details: ({ event, context }) => event.details ?? context.details }) },
+        CANCEL: { target: "idle", actions: assign({ error: null }) }
+      }
+    }
+  }
+});
+export {
+  confirmActionMachine
+};
+//# sourceMappingURL=confirmActionMachine.js.map

package/dist/feedback/confirmActionMachine.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"confirmActionMachine.js","sources":["../../src/feedback/confirmActionMachine.js"],"sourcesContent":["// Máquina de \"¿Seguro?\": toda acción que cambia algo, manda un correo o descarga un archivo pasa por aquí.\n//\n//   idle ──OPEN──▶ confirming ──CONFIRM──▶ running ──ok──▶ done\n//    ▲                │  ▲                    │\n//    └──── CANCEL ────┘  └──── CONFIRM ─── failed ◀──error──┘\n//                                  └── CANCEL ──▶ idle\n//\n// Por qué una máquina y no un useState con banderas: las dos trampas que ya se pagaron en otras pantallas son\n// \"cancelar igual ejecutó\" y \"doble clic en Confirmar mandó dos POST\". Aquí no son posibles por construcción: CONFIRM\n// solo existe en confirming y failed, y running no escucha nada (ni CONFIRM ni CANCEL) hasta que la petición termina.\n// Lo prueba confirmActionMachine.test.js.\n//\n// Pura: solo importa xstate. La acción real (runAction) y lo que pasa al terminar (onDone) los pone quien la usa con\n// useConfirmAction; core no conoce el API.\nimport {assign, fromPromise, setup} from 'xstate';\n\nexport const confirmActionMachine = setup({\n    actors: {\n        // ({input: {subject}}) → lo que regrese el API; lo reemplaza useConfirmAction\n        runAction: fromPromise(async () => {\n            throw new Error('confirmActionMachine: falta proveer runAction.');\n        }),\n    },\n    actions: {\n        // se llama con el resultado de runAction (p. ej. para el aviso y para volver a pedir la tabla)\n        onDone: () => {},\n    },\n}).createMachine({\n    id: 'confirmAction',\n    initial: 'idle',\n    context: {\n        // sobre qué renglón se va a actuar (lo que se pinta en el diálogo y lo que recibe runAction)\n        subject: null,\n        // datos que la persona agrega en el diálogo antes de confirmar (p. ej. el motivo)\n        details: null,\n        error: null,\n        output: null,\n    },\n    states: {\n        idle: {\n            on: {\n                OPEN: {target: 'confirming', actions: assign({subject: ({event}) => event.subject, details: null, error: null})},\n            },\n        },\n        confirming: {\n            on: {\n                CONFIRM: {target: 'running', actions: assign({details: ({event}) => event.details ?? null})},\n                CANCEL: {target: 'idle', actions: assign({error: null})},\n            },\n        },\n        running: {\n            entry: assign({error: null}),\n            invoke: {\n                src: 'runAction',\n                input: ({context}) => ({subject: context.subject, details: context.details}),\n                onDone: {\n                    target: 'done',\n                    actions: [assign({output: ({event}) => event.output ?? null}), {type: 'onDone', params: ({event}) => ({output: event.output})}],\n                },\n                onError: {target: 'failed', actions: assign({error: ({event}) => event.error})},\n            },\n            // NOTA: sin CANCEL ni CONFIRM a propósito; a media petición no se cierra el diálogo ni sale otra petición\n        },\n        done: {\n            on: {\n                OPEN: {target: 'confirming', actions: assign({subject: ({event}) => event.subject, details: null, error: null, output: null})},\n            },\n        },\n        failed: {\n            on: {\n                // reintentar desde el mismo diálogo, con el error a la vista\n                CONFIRM: {target: 'running', actions: assign({details: ({event, context}) => event.details ?? context.details})},\n                CANCEL: {target: 'idle', actions: assign({error: null})},\n            },\n        },\n    },\n});\n"],"names":[],"mappings":";AAgBY,MAAC,uBAAuB,MAAM;AAAA,EACtC,QAAQ;AAAA;AAAA,IAEJ,WAAW,YAAY,YAAY;AAC/B,YAAM,IAAI,MAAM,gDAAgD;AAAA,IACpE,CAAC;AAAA,EACT;AAAA,EACI,SAAS;AAAA;AAAA,IAEL,QAAQ,MAAM;AAAA,IAAC;AAAA,EACvB;AACA,CAAC,EAAE,cAAc;AAAA,EACb,IAAI;AAAA,EACJ,SAAS;AAAA,EACT,SAAS;AAAA;AAAA,IAEL,SAAS;AAAA;AAAA,IAET,SAAS;AAAA,IACT,OAAO;AAAA,IACP,QAAQ;AAAA,EAChB;AAAA,EACI,QAAQ;AAAA,IACJ,MAAM;AAAA,MACF,IAAI;AAAA,QACA,MAAM,EAAC,QAAQ,cAAc,SAAS,OAAO,EAAC,SAAS,CAAC,EAAC,MAAK,MAAM,MAAM,SAAS,SAAS,MAAM,OAAO,KAAI,CAAC,EAAC;AAAA,MAC/H;AAAA,IACA;AAAA,IACQ,YAAY;AAAA,MACR,IAAI;AAAA,QACA,SAAS,EAAC,QAAQ,WAAW,SAAS,OAAO,EAAC,SAAS,CAAC,EAAC,MAAK,MAAM,MAAM,WAAW,KAAI,CAAC,EAAC;AAAA,QAC3F,QAAQ,EAAC,QAAQ,QAAQ,SAAS,OAAO,EAAC,OAAO,KAAI,CAAC,EAAC;AAAA,MACvE;AAAA,IACA;AAAA,IACQ,SAAS;AAAA,MACL,OAAO,OAAO,EAAC,OAAO,KAAI,CAAC;AAAA,MAC3B,QAAQ;AAAA,QACJ,KAAK;AAAA,QACL,OAAO,CAAC,EAAC,QAAO,OAAO,EAAC,SAAS,QAAQ,SAAS,SAAS,QAAQ,QAAO;AAAA,QAC1E,QAAQ;AAAA,UACJ,QAAQ;AAAA,UACR,SAAS,CAAC,OAAO,EAAC,QAAQ,CAAC,EAAC,MAAK,MAAM,MAAM,UAAU,KAAI,CAAC,GAAG,EAAC,MAAM,UAAU,QAAQ,CAAC,EAAC,MAAK,OAAO,EAAC,QAAQ,MAAM,OAAM,GAAE,CAAC;AAAA,QAClJ;AAAA,QACgB,SAAS,EAAC,QAAQ,UAAU,SAAS,OAAO,EAAC,OAAO,CAAC,EAAC,MAAK,MAAM,MAAM,MAAK,CAAC,EAAC;AAAA,MAC9F;AAAA;AAAA,IAEA;AAAA,IACQ,MAAM;AAAA,MACF,IAAI;AAAA,QACA,MAAM,EAAC,QAAQ,cAAc,SAAS,OAAO,EAAC,SAAS,CAAC,EAAC,MAAK,MAAM,MAAM,SAAS,SAAS,MAAM,OAAO,MAAM,QAAQ,KAAI,CAAC,EAAC;AAAA,MAC7I;AAAA,IACA;AAAA,IACQ,QAAQ;AAAA,MACJ,IAAI;AAAA;AAAA,QAEA,SAAS,EAAC,QAAQ,WAAW,SAAS,OAAO,EAAC,SAAS,CAAC,EAAC,OAAO,QAAO,MAAM,MAAM,WAAW,QAAQ,QAAO,CAAC,EAAC;AAAA,QAC/G,QAAQ,EAAC,QAAQ,QAAQ,SAAS,OAAO,EAAC,OAAO,KAAI,CAAC,EAAC;AAAA,MACvE;AAAA,IACA;AAAA,EACA;AACA,CAAC;"}

package/dist/feedback/toast.js

@@ -0,0 +1,88 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { toast } from "sonner";
+import { fieldErrorsOf } from "../problems.js";
+import { translateToolkit } from "../toolkit/toolkitSettings.js";
+const TOAST_DEFAULT_OPTIONS = Object.freeze({
+  duration: 5e3,
+  closeButton: true,
+  dismissible: true
+});
+const TOAST_FUNCTION_BY_TYPE = {
+  success: toast.success,
+  error: toast.error,
+  warning: toast.warning,
+  info: toast.info,
+  default: toast
+};
+function toToastContent(message) {
+  if (message === null || message === void 0) {
+    return "";
+  }
+  if (typeof message !== "string" || !message.includes("\n")) {
+    return message;
+  }
+  const lines = message.split(/\r?\n/).map((line) => line.trim()).filter(Boolean);
+  return /* @__PURE__ */ jsx("div", { style: { display: "grid", gap: 4 }, children: lines.map((line, position) => /* @__PURE__ */ jsx("div", { children: line }, position)) });
+}
+function mergeOptions(options) {
+  return { ...TOAST_DEFAULT_OPTIONS, ...options };
+}
+function showToast(type, message, options) {
+  const showFunction = TOAST_FUNCTION_BY_TYPE[type] ?? toast;
+  return showFunction(toToastContent(message), mergeOptions(options));
+}
+function toastSuccess(message, options) {
+  return showToast("success", message ?? translateToolkit("common", "toast.done"), options);
+}
+function toastError(message, options) {
+  return showToast("error", message ?? translateToolkit("common", "toast.error"), options);
+}
+function toastWarn(message, options) {
+  return showToast("warning", message ?? translateToolkit("common", "toast.warning"), options);
+}
+function toastInfo(message, options) {
+  return showToast("info", message ?? translateToolkit("common", "toast.info"), options);
+}
+function toastDefault(message, options) {
+  return showToast("default", message ?? "", options);
+}
+function toastLoading(message, options) {
+  return toast.loading(toToastContent(message ?? translateToolkit("common", "toast.working")), { ...mergeOptions(options), duration: Infinity });
+}
+function toastPromise(promise, { loading, success, error }, options) {
+  return toast.promise(promise, {
+    loading: toToastContent(loading),
+    success: typeof success === "function" ? (data) => toToastContent(success(data)) : toToastContent(success),
+    error: typeof error === "function" ? (failure) => toToastContent(error(failure)) : toToastContent(error),
+    ...mergeOptions(options)
+  });
+}
+function dismissToast(toastId) {
+  return toast.dismiss(toastId);
+}
+function errorsObjectToMessage(errorsByField, { dedup = true } = {}) {
+  if (!errorsByField || typeof errorsByField !== "object") {
+    return "";
+  }
+  const messages = Object.values(errorsByField).flatMap((fieldMessages) => Array.isArray(fieldMessages) ? fieldMessages : [String(fieldMessages)]).map((message) => String(message).trim()).filter(Boolean);
+  return (dedup ? [...new Set(messages)] : messages).join("\n");
+}
+function toastProblem(error, options) {
+  const fieldMessages = errorsObjectToMessage(fieldErrorsOf(error?.problem));
+  return toastError(fieldMessages || error?.message || translateToolkit("common", "toast.error"), options);
+}
+export {
+  TOAST_DEFAULT_OPTIONS,
+  dismissToast,
+  errorsObjectToMessage,
+  toastDefault,
+  toastError,
+  toastInfo,
+  toastLoading,
+  toastProblem,
+  toastPromise,
+  toastSuccess,
+  toastWarn
+};
+//# sourceMappingURL=toast.js.map

package/dist/feedback/toast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.js","sources":["../../src/feedback/toast.jsx"],"sourcesContent":["// Avisos efímeros: el punto ÚNICO de uso de sonner.\n//\n// Siempre se importa desde aquí (del paquete) y nunca de 'sonner' directo: así los defaults, el texto multilínea y las\n// opciones se comparten, y cambiar de librería es tocar un archivo.\n//\n// Los avisos NO sustituyen al mensaje en pantalla. Un error de una tabla o de un formulario se explica en su lugar;\n// el toast es para lo que pasa fuera de la vista: \"periodo cerrado\", \"descarga lista\", \"sesión terminada\".\n//\n// API:\n//   toastSuccess / toastError / toastWarn / toastInfo / toastDefault (mensaje, opciones?)\n//   toastLoading(mensaje, opciones?)             → id para dismissToast(id)\n//   toastPromise(promesa, {loading, success, error}, opciones?)\n//   dismissToast(id)\n//   errorsObjectToMessage(errores, {dedup?})     → texto multilínea\n//   toastProblem(error, opciones?)               → de un ApiError (RFC 9457)\n//\n// OJO: los textos por defecto salen de los textos del paquete (common:toast.*) con la configuración vigente del\n// proveedor, porque estas funciones se llaman fuera de los componentes.\n//\n// Funciones que no renderizan por sí mismas: function (regla de la casa).\nimport {toast} from 'sonner';\n\nimport {fieldErrorsOf} from '@/problems.js';\nimport {translateToolkit} from '@/toolkit/toolkitSettings.js';\n\nexport const TOAST_DEFAULT_OPTIONS = Object.freeze({\n    duration: 5000,\n    closeButton: true,\n    dismissible: true,\n});\n\n// mapa en vez de switch: agregar un tipo es una línea\nconst TOAST_FUNCTION_BY_TYPE = {\n    success: toast.success,\n    error: toast.error,\n    warning: toast.warning,\n    info: toast.info,\n    default: toast,\n};\n\n/**\n * Texto con saltos de línea → nodos. Sin dangerouslySetInnerHTML a propósito: aquí terminan mensajes del servidor y\n * ninguno debe poder inyectar HTML.\n *\n * @param {import('react').ReactNode} message\n */\nfunction toToastContent(message) {\n    if (message === null || message === undefined) {\n        return '';\n    }\n    if (typeof message !== 'string' || !message.includes('\\n')) {\n        return message;\n    }\n    const lines = message.split(/\\r?\\n/).map((line) => line.trim()).filter(Boolean);\n    return (\n        <div style={{display: 'grid', gap: 4}}>\n            {lines.map((line, position) => <div key={position}>{line}</div>)}\n        </div>\n    );\n}\n\nfunction mergeOptions(options) {\n    return {...TOAST_DEFAULT_OPTIONS, ...options};\n}\n\nfunction showToast(type, message, options) {\n    const showFunction = TOAST_FUNCTION_BY_TYPE[type] ?? toast;\n    return showFunction(toToastContent(message), mergeOptions(options));\n}\n\n/**\n * Aviso de que algo salió bien.\n *\n * @param {import('react').ReactNode} [message] ya traducido; con saltos de línea, un renglón cada uno; por omisión «Listo» (common:toast.done)\n * @param {import('sonner').ExternalToast} [options] las de sonner (duración, acción…), encima de TOAST_DEFAULT_OPTIONS\n * @returns {string|number} el id del aviso (para cerrarlo con dismissToast)\n */\nexport function toastSuccess(message, options) {\n    return showToast('success', message ?? translateToolkit('common', 'toast.done'), options);\n}\n\n/**\n * Aviso de error.\n *\n * @param {import('react').ReactNode} [message] ya traducido; con saltos de línea, un renglón cada uno; por omisión el error genérico (common:toast.error)\n * @param {import('sonner').ExternalToast} [options] las de sonner (duración, acción…), encima de TOAST_DEFAULT_OPTIONS\n * @returns {string|number} el id del aviso (para cerrarlo con dismissToast)\n */\nexport function toastError(message, options) {\n    return showToast('error', message ?? translateToolkit('common', 'toast.error'), options);\n}\n\n/**\n * Aviso de advertencia.\n *\n * @param {import('react').ReactNode} [message] ya traducido; con saltos de línea, un renglón cada uno; por omisión la advertencia genérica (common:toast.warning)\n * @param {import('sonner').ExternalToast} [options] las de sonner (duración, acción…), encima de TOAST_DEFAULT_OPTIONS\n * @returns {string|number} el id del aviso (para cerrarlo con dismissToast)\n */\nexport function toastWarn(message, options) {\n    return showToast('warning', message ?? translateToolkit('common', 'toast.warning'), options);\n}\n\n/**\n * Aviso informativo.\n *\n * @param {import('react').ReactNode} [message] ya traducido; con saltos de línea, un renglón cada uno; por omisión el aviso genérico (common:toast.info)\n * @param {import('sonner').ExternalToast} [options] las de sonner (duración, acción…), encima de TOAST_DEFAULT_OPTIONS\n * @returns {string|number} el id del aviso (para cerrarlo con dismissToast)\n */\nexport function toastInfo(message, options) {\n    return showToast('info', message ?? translateToolkit('common', 'toast.info'), options);\n}\n\n/**\n * Aviso sin tipo (sin ícono ni color).\n *\n * @param {import('react').ReactNode} [message] ya traducido; con saltos de línea, un renglón cada uno\n * @param {import('sonner').ExternalToast} [options] las de sonner (duración, acción…), encima de TOAST_DEFAULT_OPTIONS\n * @returns {string|number} el id del aviso (para cerrarlo con dismissToast)\n */\nexport function toastDefault(message, options) {\n    return showToast('default', message ?? '', options);\n}\n\n/**\n * Aviso que NO se cierra solo. Regresa el id para cerrarlo al terminar.\n *\n * @param {import('react').ReactNode} [message] ya traducido; por omisión «Trabajando…» (common:toast.working)\n * @param {import('sonner').ExternalToast} [options]\n * @returns {string|number} el id del aviso (para dismissToast)\n */\nexport function toastLoading(message, options) {\n    return toast.loading(toToastContent(message ?? translateToolkit('common', 'toast.working')), {...mergeOptions(options), duration: Infinity});\n}\n\n/**\n * Envuelve una promesa: cargando → listo | error, solo.\n *\n * @template T\n * @param {Promise<T>} promise\n * @param {object} messages ya traducidos\n * @param {import('react').ReactNode} messages.loading\n * @param {import('react').ReactNode | ((data: T) => import('react').ReactNode)} messages.success\n * @param {import('react').ReactNode | ((failure: unknown) => import('react').ReactNode)} messages.error\n * @param {import('sonner').ExternalToast} [options]\n */\nexport function toastPromise(promise, {loading, success, error}, options) {\n    return toast.promise(promise, {\n        loading: toToastContent(loading),\n        success: typeof success === 'function' ? (data) => toToastContent(success(data)) : toToastContent(success),\n        error: typeof error === 'function' ? (failure) => toToastContent(error(failure)) : toToastContent(error),\n        ...mergeOptions(options),\n    });\n}\n\n/**\n * Cierra un aviso (el id que regresan las funciones de arriba); sin id, todos.\n *\n * @param {string|number} [toastId]\n */\nexport function dismissToast(toastId) {\n    return toast.dismiss(toastId);\n}\n\n/**\n * {email: ['Requerido', 'Inválido']} → \"Requerido\\nInválido\".\n *\n * @param {Record<string, string[]|string>|null|undefined} errorsByField\n * @param {{dedup?: boolean}} [options]\n * @returns {string}\n */\nexport function errorsObjectToMessage(errorsByField, {dedup = true} = {}) {\n    if (!errorsByField || typeof errorsByField !== 'object') {\n        return '';\n    }\n    const messages = Object.values(errorsByField)\n        .flatMap((fieldMessages) => (Array.isArray(fieldMessages) ? fieldMessages : [String(fieldMessages)]))\n        .map((message) => String(message).trim())\n        .filter(Boolean);\n    return (dedup ? [...new Set(messages)] : messages).join('\\n');\n}\n\n/**\n * Aviso de error a partir de un ApiError: usa el detail traducido y, si es un 422, enumera los mensajes por campo.\n *\n * @param {Error & {problem?: object}} error\n * @param {object} [options] opciones de sonner\n */\nexport function toastProblem(error, options) {\n    const fieldMessages = errorsObjectToMessage(fieldErrorsOf(error?.problem));\n    return toastError(fieldMessages || error?.message || translateToolkit('common', 'toast.error'), options);\n}\n"],"names":[],"mappings":"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"}

package/dist/feedback/useConfirmAction.js

@@ -0,0 +1,40 @@
+"use client";
+import { useRef } from "react";
+import { useMachine } from "@xstate/react";
+import { fromPromise } from "xstate";
+import { confirmActionMachine } from "./confirmActionMachine.js";
+function useConfirmAction({ run, onDone }) {
+  const latestRun = useRef(run);
+  const latestOnDone = useRef(onDone);
+  latestRun.current = run;
+  latestOnDone.current = onDone;
+  const [snapshot, send] = useMachine(confirmActionMachine.provide({
+    actors: { runAction: fromPromise(({ input }) => latestRun.current(input)) },
+    actions: { onDone: ({ context }, params) => latestOnDone.current?.(params?.output, context.subject) }
+  }));
+  const { subject, error } = snapshot.context;
+  const isOpen = ["confirming", "running", "failed"].some((stateName) => snapshot.matches(stateName));
+  const isRunning = snapshot.matches("running");
+  const confirm = (details) => send({ type: "CONFIRM", details });
+  const cancel = () => send({ type: "CANCEL" });
+  return {
+    subject,
+    isOpen,
+    isRunning,
+    error,
+    open: (nextSubject) => send({ type: "OPEN", subject: nextSubject }),
+    confirm,
+    cancel,
+    dialogProps: {
+      open: isOpen,
+      isPending: isRunning,
+      errorMessage: error?.message ?? null,
+      onConfirm: () => confirm(),
+      onClose: cancel
+    }
+  };
+}
+export {
+  useConfirmAction
+};
+//# sourceMappingURL=useConfirmAction.js.map

package/dist/feedback/useConfirmAction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useConfirmAction.js","sources":["../../src/feedback/useConfirmAction.js"],"sourcesContent":["// Conecta confirmActionMachine con una pantalla: qué se ejecuta al confirmar y qué pasa cuando termina.\n//\n// Uso (una acción por hook; la pantalla pinta su ConfirmDialog con lo que regresa):\n//   const deactivate = useConfirmAction({\n//       run: ({subject, details}) => administrationApi.deactivate(subject.id, details),\n//       onDone: (response) => { toastSuccess(response.message); refreshTable(); },\n//   });\n//   deactivate.open(row)                      abre la confirmación sobre ese renglón\n//   <ConfirmDialog {...deactivate.dialogProps} title=... description=... />\n//\n// NOTA: run y onDone suelen ser funciones nuevas en cada render; la máquina siempre llama a las más recientes.\n//\n// Hook genérico del paquete, no renderiza: function (regla de la casa).\nimport {useRef} from 'react';\nimport {useMachine} from '@xstate/react';\nimport {fromPromise} from 'xstate';\n\nimport {confirmActionMachine} from '@/feedback/confirmActionMachine.js';\n\n/**\n * @param {object} options\n * @param {(input: {subject: any, details: any}) => Promise<unknown>|void} options.run lo que se hace al confirmar (subject: lo que\n *     se le pasó a open)\n * @param {(output: any, subject: any) => void} [options.onDone] output: lo que regresó run\n * @returns {{\n *   subject: object|null, isOpen: boolean, isRunning: boolean, error: Error|null,\n *   open: (subject: any) => void, confirm: (details?: any) => void, cancel: () => void,\n *   dialogProps: {open: boolean, isPending: boolean, errorMessage: string|null, onConfirm: (details?: object) => void, onClose: () => void},\n * }}\n */\nexport function useConfirmAction({run, onDone}) {\n    const latestRun = useRef(run);\n    const latestOnDone = useRef(onDone);\n    latestRun.current = run;\n    latestOnDone.current = onDone;\n\n    const [snapshot, send] = useMachine(confirmActionMachine.provide({\n        actors: {runAction: fromPromise(({input}) => latestRun.current(input))},\n        actions: {onDone: ({context}, params) => latestOnDone.current?.(params?.output, context.subject)},\n    }));\n\n    const {subject, error} = snapshot.context;\n    const isOpen = ['confirming', 'running', 'failed'].some((stateName) => snapshot.matches(stateName));\n    const isRunning = snapshot.matches('running');\n    const confirm = (details) => send({type: 'CONFIRM', details});\n    const cancel = () => send({type: 'CANCEL'});\n\n    return {\n        subject,\n        isOpen,\n        isRunning,\n        error,\n        open: (nextSubject) => send({type: 'OPEN', subject: nextSubject}),\n        confirm,\n        cancel,\n        dialogProps: {\n            open: isOpen,\n            isPending: isRunning,\n            errorMessage: error?.message ?? null,\n            onConfirm: () => confirm(),\n            onClose: cancel,\n        },\n    };\n}\n"],"names":[],"mappings":";;;;;AA8BO,SAAS,iBAAiB,EAAC,KAAK,OAAM,GAAG;AAC5C,QAAM,YAAY,OAAO,GAAG;AAC5B,QAAM,eAAe,OAAO,MAAM;AAClC,YAAU,UAAU;AACpB,eAAa,UAAU;AAEvB,QAAM,CAAC,UAAU,IAAI,IAAI,WAAW,qBAAqB,QAAQ;AAAA,IAC7D,QAAQ,EAAC,WAAW,YAAY,CAAC,EAAC,MAAK,MAAM,UAAU,QAAQ,KAAK,CAAC,EAAC;AAAA,IACtE,SAAS,EAAC,QAAQ,CAAC,EAAC,QAAO,GAAG,WAAW,aAAa,UAAU,QAAQ,QAAQ,QAAQ,OAAO,EAAC;AAAA,EACxG,CAAK,CAAC;AAEF,QAAM,EAAC,SAAS,MAAK,IAAI,SAAS;AAClC,QAAM,SAAS,CAAC,cAAc,WAAW,QAAQ,EAAE,KAAK,CAAC,cAAc,SAAS,QAAQ,SAAS,CAAC;AAClG,QAAM,YAAY,SAAS,QAAQ,SAAS;AAC5C,QAAM,UAAU,CAAC,YAAY,KAAK,EAAC,MAAM,WAAW,QAAO,CAAC;AAC5D,QAAM,SAAS,MAAM,KAAK,EAAC,MAAM,SAAQ,CAAC;AAE1C,SAAO;AAAA,IACH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,MAAM,CAAC,gBAAgB,KAAK,EAAC,MAAM,QAAQ,SAAS,YAAW,CAAC;AAAA,IAChE;AAAA,IACA;AAAA,IACA,aAAa;AAAA,MACT,MAAM;AAAA,MACN,WAAW;AAAA,MACX,cAAc,OAAO,WAAW;AAAA,MAChC,WAAW,MAAM,QAAO;AAAA,MACxB,SAAS;AAAA,IACrB;AAAA,EACA;AACA;"}

package/dist/filepond/FileDropzone.js

@@ -0,0 +1,256 @@
+"use client";
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useId, useMemo, useRef, useEffect, useCallback } from "react";
+import { useToolkitTranslation } from "../toolkit/useToolkitTranslation.js";
+import Box from "@mui/material/Box";
+import Stack from "@mui/material/Stack";
+import Typography from "@mui/material/Typography";
+import { FileStatus } from "filepond";
+import FilePondPluginFileValidateSize from "filepond-plugin-file-validate-size";
+import FilePondPluginFileValidateType from "filepond-plugin-file-validate-type";
+import { registerPlugin, FilePond } from "react-filepond";
+import "filepond/dist/filepond.min.css";
+import ModalWaiting from "../feedback/ModalWaiting.js";
+import { toastError } from "../feedback/toast.js";
+import { accentTextStylesOf } from "../theme/glassSurface.js";
+import { useFormatters } from "../toolkit/useFormatters.js";
+import { resolveAccept, parseFileSize, FILE_REJECTION } from "../upload/fileRules.js";
+registerPlugin(FilePondPluginFileValidateType, FilePondPluginFileValidateSize);
+const AUTO_REJECT_DELAY_MILLISECONDS = 1800;
+const MAX_FILES_WARNING = "max files";
+function detectFileType(file) {
+  const mimeType = (file.type ?? "").toLowerCase();
+  if (/^(image|audio|video)\//.test(mimeType)) {
+    return Promise.resolve(mimeType);
+  }
+  const dotPosition = file.name.lastIndexOf(".");
+  return Promise.resolve(dotPosition >= 0 ? file.name.slice(dotPosition).toLowerCase() : mimeType);
+}
+function sameFiles(firstFiles, secondFiles) {
+  return firstFiles.length === secondFiles.length && firstFiles.every((file, position) => file === secondFiles[position]);
+}
+function filesOf(value, multiple) {
+  if (multiple) {
+    return Array.isArray(value) ? value : value ? [value] : [];
+  }
+  return value ? [value] : [];
+}
+function pondLabelsOf(t) {
+  return {
+    labelFileLoading: t("upload.pond.loading"),
+    labelFileLoadError: t("upload.pond.loadError"),
+    labelFileWaitingForSize: t("upload.pond.waitingForSize"),
+    labelFileSizeNotAvailable: t("upload.pond.sizeNotAvailable"),
+    labelInvalidField: t("upload.pond.invalidField"),
+    labelFileProcessing: t("upload.pond.processing"),
+    labelFileProcessingComplete: t("upload.pond.processingComplete"),
+    labelFileProcessingAborted: t("upload.pond.processingAborted"),
+    labelFileProcessingError: (error) => error?.body || t("upload.pond.processingError"),
+    labelFileProcessingRevertError: t("upload.pond.revertError"),
+    labelFileRemoveError: t("upload.pond.removeError"),
+    labelTapToCancel: t("upload.pond.tapToCancel"),
+    labelTapToRetry: t("upload.pond.tapToRetry"),
+    labelTapToUndo: t("upload.pond.tapToUndo"),
+    labelButtonRemoveItem: t("upload.pond.remove"),
+    labelButtonAbortItemLoad: t("upload.pond.abortLoad"),
+    labelButtonRetryItemLoad: t("upload.pond.retryLoad"),
+    labelButtonAbortItemProcessing: t("upload.pond.abortProcessing"),
+    labelButtonUndoItemProcessing: t("upload.pond.undoProcessing"),
+    labelButtonRetryItemProcessing: t("upload.pond.retryProcessing"),
+    labelButtonProcessItem: t("upload.pond.processItem")
+  };
+}
+function pondThemeSxOf(theme) {
+  const { palette } = theme.vars ?? theme;
+  return {
+    "& .filepond--root": { fontFamily: theme.typography.fontFamily, mb: 0 },
+    "& .filepond--panel-root": { bgcolor: palette.background.paper, border: `2px dashed ${palette.divider}`, borderRadius: 2 },
+    "& .filepond--drop-label": { color: palette.text.primary },
+    // la liga «Elegir archivos»: del color del tema pero legible (accentTextStylesOf); el naranja tal cual se perdía en oscuro
+    "& .filepond--label-action": { ...accentTextStylesOf(theme), textDecorationColor: "currentColor" },
+    "& .filepond--item-panel": { bgcolor: palette.primary.main },
+    "& .filepond--file, & .filepond--file-action-button": { color: palette.primary.contrastText }
+  };
+}
+function FileDropzone({
+  value = null,
+  onChange,
+  accept,
+  maxSize,
+  multiple = false,
+  maxFiles,
+  maxTotalSize,
+  name,
+  hint,
+  buttonLabel,
+  disabled = false,
+  busy = false,
+  busyModal = false,
+  autoReject = true,
+  validate = null,
+  server = null,
+  instantUpload = false,
+  apiRef = null,
+  onProcessProgress,
+  onReject,
+  actions,
+  children,
+  sx,
+  texts
+}) {
+  const { t } = useToolkitTranslation("common", texts);
+  const { formatFileSize } = useFormatters();
+  const generatedId = useId();
+  const pondName = name ?? `file-dropzone-${generatedId}`;
+  const isLocked = disabled || busy;
+  const resolvedAccept = useMemo(() => resolveAccept(accept), [accept]);
+  const acceptedTypes = useMemo(() => resolvedAccept ? resolvedAccept.split(",") : null, [resolvedAccept]);
+  const maxBytes = parseFileSize(maxSize);
+  const maxTotalBytes = multiple ? parseFileSize(maxTotalSize) : null;
+  const typeErrorLabel = t("upload.invalidTitle");
+  const totalErrorLabel = t("upload.totalTooLargeShort");
+  const files = useMemo(() => filesOf(value, multiple), [value, multiple]);
+  const pondRef = useRef(null);
+  const latest = useRef({});
+  latest.current = { files, multiple, onChange, onReject, autoReject, validate, onProcessProgress, maxFiles, typeErrorLabel, totalErrorLabel, t };
+  useEffect(() => {
+    if (apiRef) {
+      apiRef.current = pondRef.current;
+    }
+  });
+  const syncFromPond = useCallback(() => {
+    const { files: currentFiles, multiple: isMultiple, onChange: emitChange } = latest.current;
+    const pondItems = pondRef.current?.getFiles?.() ?? [];
+    const nextFiles = pondItems.filter((item) => item.status !== FileStatus.LOAD_ERROR).map((item) => item.file);
+    if (isMultiple) {
+      if (!sameFiles(nextFiles, currentFiles)) {
+        emitChange(nextFiles);
+      }
+      return;
+    }
+    const nextFile = nextFiles[0] ?? null;
+    if (nextFile !== (currentFiles[0] ?? null)) {
+      emitChange(nextFile);
+    }
+  }, []);
+  const handleError = useCallback((error, item) => {
+    syncFromPond();
+    const { onReject: reject, autoReject: shouldAutoReject, typeErrorLabel: typeLabel, totalErrorLabel: totalLabel } = latest.current;
+    let reason = FILE_REJECTION.size;
+    if (error?.main === typeLabel) {
+      reason = FILE_REJECTION.type;
+    } else if (error?.main === totalLabel) {
+      reason = FILE_REJECTION.total;
+    }
+    if (reason === FILE_REJECTION.type && shouldAutoReject && item?.id) {
+      setTimeout(() => {
+        if (pondRef.current?.getFile?.(item.id)) {
+          pondRef.current.removeFile(item.id);
+        }
+      }, AUTO_REJECT_DELAY_MILLISECONDS);
+    }
+    if (reject && item?.file) {
+      reject(item.file, reason);
+    }
+  }, [syncFromPond]);
+  const handleBeforeAdd = useCallback(async (item) => {
+    const { validate: judge, onReject: reject, typeErrorLabel: fallbackMessage } = latest.current;
+    if (!judge) {
+      return true;
+    }
+    let verdict;
+    try {
+      verdict = await judge(item.file);
+    } catch {
+      verdict = false;
+    }
+    if (verdict === true) {
+      return true;
+    }
+    const message = typeof verdict === "string" ? verdict : fallbackMessage;
+    if (reject) {
+      reject(item.file, FILE_REJECTION.content, message);
+    } else {
+      toastError(`${item.file?.name}: ${message}`);
+    }
+    return false;
+  }, []);
+  const handleProcessed = useCallback(() => {
+    const report = latest.current.onProcessProgress;
+    if (!report) {
+      return;
+    }
+    const pondItems = pondRef.current?.getFiles?.() ?? [];
+    report({ done: pondItems.filter((item) => item.status === FileStatus.PROCESSING_COMPLETE).length, total: pondItems.length });
+  }, []);
+  const handleWarning = useCallback((warning) => {
+    const { maxFiles: maxFileCount, onReject: reject, t: translate } = latest.current;
+    if (maxFileCount && String(warning?.body ?? "").toLowerCase().includes(MAX_FILES_WARNING)) {
+      if (reject) {
+        reject(null, FILE_REJECTION.count);
+      } else {
+        toastError(translate("upload.tooManyFiles", { count: maxFileCount }));
+      }
+    }
+  }, []);
+  useEffect(() => {
+    const pondItems = pondRef.current?.getFiles?.() ?? [];
+    if (files.length === 0 && pondItems.length > 0) {
+      pondRef.current.removeFiles();
+    }
+  }, [files]);
+  const limitHints = [
+    maxBytes && t("upload.maxSizeHint", { max: formatFileSize(maxBytes) }),
+    maxTotalBytes && t("upload.maxTotalSizeHint", { max: formatFileSize(maxTotalBytes) }),
+    multiple && maxFiles && t("upload.maxFilesHint", { count: maxFiles })
+  ].filter(Boolean);
+  const totalBytes = multiple ? files.reduce((sum, file) => sum + (file?.size ?? 0), 0) : 0;
+  const hintText = hint ?? (multiple ? t("upload.hintMultiple") : t("upload.hint"));
+  const chooseText = buttonLabel ?? (multiple ? t("upload.chooseMultiple") : t("upload.choose"));
+  return /* @__PURE__ */ jsxs(Box, { sx: [(theme) => pondThemeSxOf(theme), ...Array.isArray(sx) ? sx : [sx]], children: [
+    /* @__PURE__ */ jsx(
+      FilePond,
+      {
+        ref: pondRef,
+        name: pondName,
+        server,
+        instantUpload,
+        beforeAddFile: handleBeforeAdd,
+        onprocessfile: handleProcessed,
+        onupdatefiles: syncFromPond,
+        allowMultiple: multiple,
+        maxFiles: multiple ? maxFiles ?? null : 1,
+        disabled: isLocked,
+        allowDrop: !isLocked,
+        allowBrowse: !isLocked,
+        allowPaste: !isLocked,
+        allowRemove: !isLocked,
+        allowReplace: !isLocked,
+        credits: false,
+        acceptedFileTypes: acceptedTypes,
+        fileValidateTypeDetectType: detectFileType,
+        fileValidateTypeLabelExpectedTypes: resolvedAccept ?? "",
+        maxFileSize: maxBytes ? String(maxBytes) : null,
+        maxTotalFileSize: maxTotalBytes ? String(maxTotalBytes) : null,
+        labelIdle: `${hintText} — <span class="filepond--label-action">${chooseText}</span>`,
+        labelFileTypeNotAllowed: typeErrorLabel,
+        labelMaxFileSizeExceeded: t("upload.tooLargeShort"),
+        labelMaxFileSize: maxBytes ? t("upload.maxSizeHint", { max: formatFileSize(maxBytes) }) : "",
+        labelMaxTotalFileSizeExceeded: totalErrorLabel,
+        labelMaxTotalFileSize: maxTotalBytes ? t("upload.maxTotalSizeHint", { max: formatFileSize(maxTotalBytes) }) : "",
+        onwarning: handleWarning,
+        onerror: handleError,
+        ...pondLabelsOf(t)
+      }
+    ),
+    multiple && files.length > 0 && /* @__PURE__ */ jsx(Typography, { variant: "body2", sx: { textAlign: "center", mt: 1, fontWeight: 500 }, children: maxTotalBytes ? t("upload.summaryOf", { count: files.length, total: formatFileSize(totalBytes), max: formatFileSize(maxTotalBytes) }) : t("upload.summary", { count: files.length, total: formatFileSize(totalBytes) }) }),
+    limitHints.length > 0 && /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "text.secondary", sx: { display: "block", textAlign: "center", mt: 0.5 }, children: limitHints.join(" · ") }),
+    actions && /* @__PURE__ */ jsx(Stack, { direction: { xs: "column", sm: "row" }, spacing: 2, sx: { justifyContent: "center", alignItems: { xs: "stretch", sm: "center" }, mt: 2 }, children: actions }),
+    children && /* @__PURE__ */ jsx(Box, { sx: { mt: 3 }, children }),
+    busyModal && /* @__PURE__ */ jsx(ModalWaiting, { open: busy, title: busyModal.title, text: busyModal.text })
+  ] });
+}
+export {
+  FileDropzone as default
+};
+//# sourceMappingURL=FileDropzone.js.map

package/dist/filepond/FileDropzone.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileDropzone.js","sources":["../../src/filepond/FileDropzone.jsx"],"sourcesContent":["// La zona para soltar archivos con FilePond por dentro (react-filepond): el MISMO uso que la de MUI (FileDropzone de la\n// puerta principal) más varios archivos, animaciones, el error dentro de cada archivo y, si se quiere, la subida de cada\n// archivo con su propia barra de avance (server). Cambiar de una a otra es cambiar el import.\n//\n// Solo ELIGE archivos (controlado: value / onChange). Enviarlos es de la pantalla: arma su FormData y los sube\n// (uploadWithProgress + uploadMachine). Huecos: actions (botones abajo) y children (lo que va debajo).\n//\n// Configuración, además de la de la zona de MUI (accept, maxSize, hint, buttonLabel, disabled, busy, busyModal, onReject):\n//   multiple       varios archivos: value / onChange hablan en ARREGLOS de File\n//   maxFiles       tope de archivos (solo con multiple)\n//   maxTotalSize   tope de lo que pesan todos juntos (solo con multiple), con unidades como maxSize\n//   validate       revisión del CONTENIDO al entrar: async (file) => true | 'mensaje de rechazo' (un .xml bien formado\n//                  puede no ser una factura); lo que no pasa no entra a la lista\n//   server         subir cada archivo por su cuenta con su barra (createPondServer, o un process propio)\n//   instantUpload  con server, sube al soltar (por omisión NO: regla de la casa, sube cuando la persona oprime el botón,\n//                  que llama apiRef.current.processFiles())\n//   apiRef         la API de FilePond para ese botón (processFiles, getFiles, removeFiles…). OJO: processFiles() regresa\n//                  una promesa que FALLA si algún archivo no subió; el porqué ya se ve en su tarjeta, pero hay que\n//                  atraparla (.catch) o queda un error suelto en la consola\n//   onProcessProgress({done, total})  el «subidos 2 de 5» del modo server\n//   autoReject     (por omisión sí) lo que no es de un tipo permitido enseña su error un momento y se quita solo\n//\n// OJO, trampa pagada (react-filepond#198): react-filepond no siempre refresca sus funciones después de montar, y puede\n// quedarse para siempre con la del primer render: quitar el archivo no apagaba el botón porque se comparaba contra un\n// value viejo. Blindaje: las funciones que recibe FilePond no cambian nunca (useCallback sin dependencias) y todo lo que\n// necesitan de afuera lo leen de UN ref que cada render vuelve a apuntar (latest).\n//\n// OJO: FilePond va NO controlado. Pasarle los archivos como prop revive archivos recién quitados; la verdad es FilePond y\n// value es su espejo. Lo único que se manda de afuera hacia adentro es LIMPIAR (value vacío vacía la zona).\n//\n// Los colores salen del tema (claro y oscuro) con selectores que le ganan a la hoja de FilePond sin importar el orden.\n//\n// Genérico del paquete: function (regla de la casa).\nimport {useCallback, useEffect, useId, useMemo, useRef} from 'react';\nimport {useToolkitTranslation} from '@/toolkit/useToolkitTranslation.js';\nimport Box from '@mui/material/Box';\nimport Stack from '@mui/material/Stack';\nimport Typography from '@mui/material/Typography';\nimport {FileStatus} from 'filepond';\nimport FilePondPluginFileValidateSize from 'filepond-plugin-file-validate-size';\nimport FilePondPluginFileValidateType from 'filepond-plugin-file-validate-type';\nimport {FilePond, registerPlugin} from 'react-filepond';\n// la hoja de FilePond la carga el empaquetador del proyecto junto con la zona (en los tipos se quita: ver\n// scripts/stripStyleImportsFromTypes.js)\nimport 'filepond/dist/filepond.min.css';\n\nimport ModalWaiting from '@/feedback/ModalWaiting.jsx';\nimport {toastError} from '@/feedback/toast.jsx';\nimport {accentTextStylesOf} from '@/theme/glassSurface.js';\nimport {useFormatters} from '@/toolkit/useFormatters.js';\nimport {FILE_REJECTION, parseFileSize, resolveAccept} from '@/upload/fileRules.js';\n\nregisterPlugin(FilePondPluginFileValidateType, FilePondPluginFileValidateSize);\n\n// cuánto se ve el error de un archivo de tipo no permitido antes de quitarse solo: lo suficiente para leer por qué\nconst AUTO_REJECT_DELAY_MILLISECONDS = 1800;\n// el aviso de FilePond cuando se sueltan más archivos de los permitidos\nconst MAX_FILES_WARNING = 'max files';\n\n/**\n * El tipo de un archivo para el complemento de tipos: el paquete habla de EXTENSIONES (.xlsx) y FilePond, por omisión,\n * del tipo MIME. Imagen, audio y video van por su tipo (para que 'image/*' funcione); lo demás, por su extensión.\n *\n * @param {File} file\n * @returns {Promise<string>}\n */\nfunction detectFileType(file) {\n    const mimeType = (file.type ?? '').toLowerCase();\n    if (/^(image|audio|video)\\//.test(mimeType)) {\n        return Promise.resolve(mimeType);\n    }\n    const dotPosition = file.name.lastIndexOf('.');\n    return Promise.resolve(dotPosition >= 0 ? file.name.slice(dotPosition).toLowerCase() : mimeType);\n}\n\n/**\n * ¿Los mismos archivos en el mismo orden?\n *\n * @param {File[]} firstFiles\n * @param {File[]} secondFiles\n * @returns {boolean}\n */\nfunction sameFiles(firstFiles, secondFiles) {\n    return firstFiles.length === secondFiles.length && firstFiles.every((file, position) => file === secondFiles[position]);\n}\n\n/**\n * value (File | File[] | null) como arreglo.\n *\n * @param {File|File[]|null} value\n * @param {boolean} multiple\n * @returns {File[]}\n */\nfunction filesOf(value, multiple) {\n    if (multiple) {\n        return Array.isArray(value) ? value : (value ? [value] : []);\n    }\n    return value ? [value] : [];\n}\n\n/**\n * Los textos que FilePond pinta dentro de cada tarjeta (vienen en inglés), desde los textos del paquete.\n *\n * El de «no se pudo subir» enseña el mensaje del servidor cuando lo hay (createPondServer manda el título del problema\n * RFC 9457): «No se pudo subir» a secas no le dice a la persona qué corregir.\n *\n * @param {(key: string) => string} t traductor de common\n * @returns {object} props de FilePond\n */\nfunction pondLabelsOf(t) {\n    return {\n        labelFileLoading: t('upload.pond.loading'),\n        labelFileLoadError: t('upload.pond.loadError'),\n        labelFileWaitingForSize: t('upload.pond.waitingForSize'),\n        labelFileSizeNotAvailable: t('upload.pond.sizeNotAvailable'),\n        labelInvalidField: t('upload.pond.invalidField'),\n        labelFileProcessing: t('upload.pond.processing'),\n        labelFileProcessingComplete: t('upload.pond.processingComplete'),\n        labelFileProcessingAborted: t('upload.pond.processingAborted'),\n        labelFileProcessingError: (error) => error?.body || t('upload.pond.processingError'),\n        labelFileProcessingRevertError: t('upload.pond.revertError'),\n        labelFileRemoveError: t('upload.pond.removeError'),\n        labelTapToCancel: t('upload.pond.tapToCancel'),\n        labelTapToRetry: t('upload.pond.tapToRetry'),\n        labelTapToUndo: t('upload.pond.tapToUndo'),\n        labelButtonRemoveItem: t('upload.pond.remove'),\n        labelButtonAbortItemLoad: t('upload.pond.abortLoad'),\n        labelButtonRetryItemLoad: t('upload.pond.retryLoad'),\n        labelButtonAbortItemProcessing: t('upload.pond.abortProcessing'),\n        labelButtonUndoItemProcessing: t('upload.pond.undoProcessing'),\n        labelButtonRetryItemProcessing: t('upload.pond.retryProcessing'),\n        labelButtonProcessItem: t('upload.pond.processItem'),\n    };\n}\n\n/**\n * Los colores de FilePond desde el tema. El «& » los anida dentro de la caja: pesan más que los de la hoja de FilePond\n * aunque esa hoja cargue después.\n *\n * @param {object} theme tema de MUI (con o sin variables CSS)\n * @returns {object}\n */\nfunction pondThemeSxOf(theme) {\n    const {palette} = theme.vars ?? theme;\n    return {\n        '& .filepond--root': {fontFamily: theme.typography.fontFamily, mb: 0},\n        '& .filepond--panel-root': {bgcolor: palette.background.paper, border: `2px dashed ${palette.divider}`, borderRadius: 2},\n        '& .filepond--drop-label': {color: palette.text.primary},\n        // la liga «Elegir archivos»: del color del tema pero legible (accentTextStylesOf); el naranja tal cual se perdía en oscuro\n        '& .filepond--label-action': {...accentTextStylesOf(theme), textDecorationColor: 'currentColor'},\n        '& .filepond--item-panel': {bgcolor: palette.primary.main},\n        '& .filepond--file, & .filepond--file-action-button': {color: palette.primary.contrastText},\n    };\n}\n\n/**\n * @param {object} props\n * @param {File|File[]|null} [props.value]\n * @param {(value: File|File[]|null) => void} props.onChange\n * @param {string|string[]} [props.accept]\n * @param {number|string} [props.maxSize] por archivo\n * @param {boolean} [props.multiple]\n * @param {number} [props.maxFiles]\n * @param {number|string} [props.maxTotalSize]\n * @param {string} [props.name] nombre del campo; por omisión uno propio por zona (dos zonas no se pisan)\n * @param {string} [props.hint]\n * @param {string} [props.buttonLabel]\n * @param {boolean} [props.disabled]\n * @param {boolean} [props.busy]\n * @param {boolean|{title?: string, text?: string}} [props.busyModal]\n * @param {boolean} [props.autoReject]\n * @param {((file: File) => Promise<true|string>)|null} [props.validate]\n * @param {object|null} [props.server] createPondServer(...) o {process} propio\n * @param {boolean} [props.instantUpload]\n * @param {{current: object|null}|null} [props.apiRef]\n * @param {(progress: {done: number, total: number}) => void} [props.onProcessProgress]\n * @param {(file: File|null, reason: string, message?: string) => void} [props.onReject] reason de FILE_REJECTION\n * @param {import('react').ReactNode} [props.actions]\n * @param {import('react').ReactNode} [props.children]\n * @param {object} [props.sx]\n * @param {object} [props.texts] los textos que cambian, con la forma de `common` en los textos del paquete\n */\nexport default function FileDropzone({\n    value = null, onChange, accept, maxSize, multiple = false, maxFiles, maxTotalSize, name, hint, buttonLabel, disabled = false,\n    busy = false, busyModal = false, autoReject = true, validate = null, server = null, instantUpload = false, apiRef = null,\n    onProcessProgress, onReject, actions, children, sx, texts,\n}) {\n    const {t} = useToolkitTranslation('common', texts);\n    const {formatFileSize} = useFormatters();\n    const generatedId = useId();\n    const pondName = name ?? `file-dropzone-${generatedId}`;\n    // el candado: apagado o subiendo. Va también en cada allow* de FilePond, no solo en lo visual\n    const isLocked = disabled || busy;\n\n    const resolvedAccept = useMemo(() => resolveAccept(accept), [accept]);\n    const acceptedTypes = useMemo(() => (resolvedAccept ? resolvedAccept.split(',') : null), [resolvedAccept]);\n    const maxBytes = parseFileSize(maxSize);\n    const maxTotalBytes = multiple ? parseFileSize(maxTotalSize) : null;\n    const typeErrorLabel = t('upload.invalidTitle');\n    const totalErrorLabel = t('upload.totalTooLargeShort');\n    const files = useMemo(() => filesOf(value, multiple), [value, multiple]);\n\n    const pondRef = useRef(null);\n    // lo que las funciones fijas necesitan de afuera, siempre al día (ver la trampa del encabezado)\n    const latest = useRef({});\n    latest.current = {files, multiple, onChange, onReject, autoReject, validate, onProcessProgress, maxFiles, typeErrorLabel, totalErrorLabel, t};\n\n    useEffect(() => {\n        if (apiRef) {\n            apiRef.current = pondRef.current;\n        }\n    });\n\n    // value desde FilePond. Los archivos con error se quedan en pantalla (en rojo) pero no cuentan: con un archivo malo\n    // el botón de enviar no se prende. Y un removeFiles() hecho desde aquí no debe avisar un cambio fantasma\n    const syncFromPond = useCallback(() => {\n        const {files: currentFiles, multiple: isMultiple, onChange: emitChange} = latest.current;\n        const pondItems = pondRef.current?.getFiles?.() ?? [];\n        const nextFiles = pondItems.filter((item) => item.status !== FileStatus.LOAD_ERROR).map((item) => item.file);\n        if (isMultiple) {\n            if (!sameFiles(nextFiles, currentFiles)) {\n                emitChange(nextFiles);\n            }\n            return;\n        }\n        const nextFile = nextFiles[0] ?? null;\n        if (nextFile !== (currentFiles[0] ?? null)) {\n            emitChange(nextFile);\n        }\n    }, []);\n\n    const handleError = useCallback((error, item) => {\n        // el archivo acaba de quedar con error: se saca de value\n        syncFromPond();\n        const {onReject: reject, autoReject: shouldAutoReject, typeErrorLabel: typeLabel, totalErrorLabel: totalLabel} = latest.current;\n        // el motivo se reconoce por el texto, que es nuestro: comparación estable\n        let reason = FILE_REJECTION.size;\n        if (error?.main === typeLabel) {\n            reason = FILE_REJECTION.type;\n        } else if (error?.main === totalLabel) {\n            reason = FILE_REJECTION.total;\n        }\n        // el de tipo no permitido se va solo después de que se lea su error; el de peso se queda para saber cuál pesa de más\n        if (reason === FILE_REJECTION.type && shouldAutoReject && item?.id) {\n            setTimeout(() => {\n                if (pondRef.current?.getFile?.(item.id)) {\n                    pondRef.current.removeFile(item.id);\n                }\n            }, AUTO_REJECT_DELAY_MILLISECONDS);\n        }\n        if (reject && item?.file) {\n            reject(item.file, reason);\n        }\n    }, [syncFromPond]);\n\n    // la revisión del contenido, ANTES de que el archivo entre a la lista\n    const handleBeforeAdd = useCallback(async (item) => {\n        const {validate: judge, onReject: reject, typeErrorLabel: fallbackMessage} = latest.current;\n        if (!judge) {\n            return true;\n        }\n        let verdict;\n        try {\n            verdict = await judge(item.file);\n        } catch {\n            verdict = false;\n        }\n        if (verdict === true) {\n            return true;\n        }\n        const message = typeof verdict === 'string' ? verdict : fallbackMessage;\n        if (reject) {\n            reject(item.file, FILE_REJECTION.content, message);\n        } else {\n            toastError(`${item.file?.name}: ${message}`);\n        }\n        return false;\n    }, []);\n\n    // el «subidos X de N» del modo server: cada archivo que termina su subida avisa la cuenta\n    const handleProcessed = useCallback(() => {\n        const report = latest.current.onProcessProgress;\n        if (!report) {\n            return;\n        }\n        const pondItems = pondRef.current?.getFiles?.() ?? [];\n        report({done: pondItems.filter((item) => item.status === FileStatus.PROCESSING_COMPLETE).length, total: pondItems.length});\n    }, []);\n\n    // lo que pasa de maxFiles ni siquiera entra (FilePond corta lo soltado y solo avisa): el aviso lo damos nosotros\n    const handleWarning = useCallback((warning) => {\n        const {maxFiles: maxFileCount, onReject: reject, t: translate} = latest.current;\n        if (maxFileCount && String(warning?.body ?? '').toLowerCase().includes(MAX_FILES_WARNING)) {\n            if (reject) {\n                reject(null, FILE_REJECTION.count);\n            } else {\n                toastError(translate('upload.tooManyFiles', {count: maxFileCount}));\n            }\n        }\n    }, []);\n\n    // limpiar desde afuera: value vacío (p. ej. después de subir bien) vacía la zona\n    useEffect(() => {\n        const pondItems = pondRef.current?.getFiles?.() ?? [];\n        if (files.length === 0 && pondItems.length > 0) {\n            pondRef.current.removeFiles();\n        }\n    }, [files]);\n\n    const limitHints = [\n        maxBytes && t('upload.maxSizeHint', {max: formatFileSize(maxBytes)}),\n        maxTotalBytes && t('upload.maxTotalSizeHint', {max: formatFileSize(maxTotalBytes)}),\n        multiple && maxFiles && t('upload.maxFilesHint', {count: maxFiles}),\n    ].filter(Boolean);\n    // con varios archivos se dice cuántos van y cuánto pesan juntos: nadie suma tarjeta por tarjeta\n    const totalBytes = multiple ? files.reduce((sum, file) => sum + (file?.size ?? 0), 0) : 0;\n    const hintText = hint ?? (multiple ? t('upload.hintMultiple') : t('upload.hint'));\n    const chooseText = buttonLabel ?? (multiple ? t('upload.chooseMultiple') : t('upload.choose'));\n\n    return (\n        <Box sx={[(theme) => pondThemeSxOf(theme), ...(Array.isArray(sx) ? sx : [sx])]}>\n            <FilePond\n                ref={pondRef}\n                name={pondName}\n                server={server}\n                instantUpload={instantUpload}\n                beforeAddFile={handleBeforeAdd}\n                onprocessfile={handleProcessed}\n                onupdatefiles={syncFromPond}\n                allowMultiple={multiple}\n                maxFiles={multiple ? (maxFiles ?? null) : 1}\n                disabled={isLocked}\n                allowDrop={!isLocked}\n                allowBrowse={!isLocked}\n                allowPaste={!isLocked}\n                allowRemove={!isLocked}\n                allowReplace={!isLocked}\n                credits={false}\n                acceptedFileTypes={acceptedTypes}\n                fileValidateTypeDetectType={detectFileType}\n                fileValidateTypeLabelExpectedTypes={resolvedAccept ?? ''}\n                maxFileSize={maxBytes ? String(maxBytes) : null}\n                maxTotalFileSize={maxTotalBytes ? String(maxTotalBytes) : null}\n                labelIdle={`${hintText} — <span class=\"filepond--label-action\">${chooseText}</span>`}\n                labelFileTypeNotAllowed={typeErrorLabel}\n                labelMaxFileSizeExceeded={t('upload.tooLargeShort')}\n                labelMaxFileSize={maxBytes ? t('upload.maxSizeHint', {max: formatFileSize(maxBytes)}) : ''}\n                labelMaxTotalFileSizeExceeded={totalErrorLabel}\n                labelMaxTotalFileSize={maxTotalBytes ? t('upload.maxTotalSizeHint', {max: formatFileSize(maxTotalBytes)}) : ''}\n                onwarning={handleWarning}\n                onerror={handleError}\n                {...pondLabelsOf(t)}\n            />\n            {multiple && files.length > 0 && (\n                <Typography variant=\"body2\" sx={{textAlign: 'center', mt: 1, fontWeight: 500}}>\n                    {maxTotalBytes\n                        ? t('upload.summaryOf', {count: files.length, total: formatFileSize(totalBytes), max: formatFileSize(maxTotalBytes)})\n                        : t('upload.summary', {count: files.length, total: formatFileSize(totalBytes)})}\n                </Typography>\n            )}\n            {limitHints.length > 0 && (\n                <Typography variant=\"caption\" color=\"text.secondary\" sx={{display: 'block', textAlign: 'center', mt: 0.5}}>\n                    {limitHints.join(' · ')}\n                </Typography>\n            )}\n            {actions && (\n                <Stack direction={{xs: 'column', sm: 'row'}} spacing={2} sx={{justifyContent: 'center', alignItems: {xs: 'stretch', sm: 'center'}, mt: 2}}>\n                    {actions}\n                </Stack>\n            )}\n            {children && <Box sx={{mt: 3}}>{children}</Box>}\n            {busyModal && <ModalWaiting open={busy} title={busyModal.title} text={busyModal.text} />}\n        </Box>\n    );\n}\n"],"names":[],"mappings":"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"}