@stackcraftmx/calcita 0.0.0-stage → 0.25.0

package/dist/filepond/pondServer.js

@@ -0,0 +1,48 @@
+import { problemTitle } from "../problems.js";
+import { toolkitSettings } from "../toolkit/toolkitSettings.js";
+const OFFLINE_STATUS = 0;
+function problemTitleOf(request) {
+  let problem = null;
+  try {
+    problem = JSON.parse(request.responseText);
+  } catch {
+  }
+  return problemTitle(problem, request.status);
+}
+function createPondServer({ url, fieldName, headers = {}, withCredentials = false }) {
+  return {
+    process: (pondFieldName, file, metadata, load, error, progress, abort) => {
+      const request = new XMLHttpRequest();
+      request.open("POST", url);
+      request.withCredentials = withCredentials;
+      for (const [headerName, headerValue] of Object.entries({ "Accept-Language": toolkitSettings().language, ...headers })) {
+        request.setRequestHeader(headerName, headerValue);
+      }
+      request.upload.onprogress = (event) => progress(event.lengthComputable, event.loaded, event.total);
+      request.onload = () => {
+        if (request.status >= 200 && request.status < 300) {
+          load(request.responseText || file.name);
+          return;
+        }
+        error(problemTitleOf(request));
+      };
+      request.onerror = () => error(problemTitle(null, OFFLINE_STATUS));
+      const formData = new FormData();
+      formData.append(fieldName ?? pondFieldName, file, file.name);
+      request.send(formData);
+      return {
+        abort: () => {
+          request.abort();
+          abort();
+        }
+      };
+    },
+    // sin nada que deshacer en el servidor: el «deshacer» de la tarjeta es local. Si el backend guarda el archivo,
+    // aquí iría su DELETE con el id que regresó
+    revert: (serverId, load) => load()
+  };
+}
+export {
+  createPondServer
+};
+//# sourceMappingURL=pondServer.js.map

package/dist/filepond/pondServer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pondServer.js","sources":["../../src/filepond/pondServer.js"],"sourcesContent":["// El «server» de FilePond con lo de la casa: cada archivo se sube en su propio POST con su barra de avance dentro de su\n// tarjeta, el idioma activo en Accept-Language, el error RFC 9457 del backend escrito en la tarjeta y la ✕ que cancela la\n// petición de verdad (no solo la pantalla).\n//\n// Cuándo SÍ: archivos que valen cada uno por su cuenta (adjuntos sueltos, una galería).\n// Cuándo NO: el envío de siempre, «todos los archivos y los campos en UN solo envío»: ahí la zona solo elige y la\n// pantalla arma su FormData. OJO: aquí el backend ve UN archivo por petición; las reglas del lote completo (cuántos,\n// cuánto pesan juntos) ya no las puede revisar por petición.\n//\n//   <FileDropzone multiple server={createPondServer({url: '/api/v1/adjuntos', headers: {Authorization: `Bearer ${token}`}})} />\n//\n// Funciones del navegador, sin React: function (regla de la casa).\nimport {problemTitle} from '@/problems.js';\nimport {toolkitSettings} from '@/toolkit/toolkitSettings.js';\n\n// status de «no hubo respuesta» para los textos del paquete (problems: offline)\nconst OFFLINE_STATUS = 0;\n\n/**\n * El título del problema RFC 9457 de una respuesta (o el genérico del paquete, ya traducido).\n *\n * @param {XMLHttpRequest} request\n * @returns {string}\n */\nfunction problemTitleOf(request) {\n    let problem = null;\n    try {\n        problem = JSON.parse(request.responseText);\n    } catch {\n        // la respuesta no era JSON (un 502 del proxy en HTML): va el título genérico de su status\n    }\n    return problemTitle(problem, request.status);\n}\n\n/**\n * @param {object} options\n * @param {string} options.url a dónde va cada archivo\n * @param {string} [options.fieldName] el campo del archivo en el FormData; por omisión el name de la zona\n * @param {Record<string, string>} [options.headers] p. ej. Authorization\n * @param {boolean} [options.withCredentials] manda las cookies a otro dominio\n * @returns {{process: (...args: any[]) => any, revert: (...args: any[]) => any}} lo que recibe la prop server de FileDropzone\n */\nexport function createPondServer({url, fieldName, headers = {}, withCredentials = false}) {\n    return {\n        process: (pondFieldName, file, metadata, load, error, progress, abort) => {\n            const request = new XMLHttpRequest();\n            request.open('POST', url);\n            request.withCredentials = withCredentials;\n            for (const [headerName, headerValue] of Object.entries({'Accept-Language': toolkitSettings().language, ...headers})) {\n                request.setRequestHeader(headerName, headerValue);\n            }\n\n            request.upload.onprogress = (event) => progress(event.lengthComputable, event.loaded, event.total);\n            request.onload = () => {\n                if (request.status >= 200 && request.status < 300) {\n                    // lo que responda el servidor es el id del archivo (FilePond lo guarda para deshacer)\n                    load(request.responseText || file.name);\n                    return;\n                }\n                error(problemTitleOf(request));\n            };\n            request.onerror = () => error(problemTitle(null, OFFLINE_STATUS));\n\n            const formData = new FormData();\n            formData.append(fieldName ?? pondFieldName, file, file.name);\n            request.send(formData);\n\n            // la ✕ de la tarjeta cancela la petición de verdad\n            return {\n                abort: () => {\n                    request.abort();\n                    abort();\n                },\n            };\n        },\n        // sin nada que deshacer en el servidor: el «deshacer» de la tarjeta es local. Si el backend guarda el archivo,\n        // aquí iría su DELETE con el id que regresó\n        revert: (serverId, load) => load(),\n    };\n}\n"],"names":[],"mappings":";;AAgBA,MAAM,iBAAiB;AAQvB,SAAS,eAAe,SAAS;AAC7B,MAAI,UAAU;AACd,MAAI;AACA,cAAU,KAAK,MAAM,QAAQ,YAAY;AAAA,EAC7C,QAAQ;AAAA,EAER;AACA,SAAO,aAAa,SAAS,QAAQ,MAAM;AAC/C;AAUO,SAAS,iBAAiB,EAAC,KAAK,WAAW,UAAU,IAAI,kBAAkB,MAAK,GAAG;AACtF,SAAO;AAAA,IACH,SAAS,CAAC,eAAe,MAAM,UAAU,MAAM,OAAO,UAAU,UAAU;AACtE,YAAM,UAAU,IAAI,eAAc;AAClC,cAAQ,KAAK,QAAQ,GAAG;AACxB,cAAQ,kBAAkB;AAC1B,iBAAW,CAAC,YAAY,WAAW,KAAK,OAAO,QAAQ,EAAC,mBAAmB,gBAAe,EAAG,UAAU,GAAG,QAAO,CAAC,GAAG;AACjH,gBAAQ,iBAAiB,YAAY,WAAW;AAAA,MACpD;AAEA,cAAQ,OAAO,aAAa,CAAC,UAAU,SAAS,MAAM,kBAAkB,MAAM,QAAQ,MAAM,KAAK;AACjG,cAAQ,SAAS,MAAM;AACnB,YAAI,QAAQ,UAAU,OAAO,QAAQ,SAAS,KAAK;AAE/C,eAAK,QAAQ,gBAAgB,KAAK,IAAI;AACtC;AAAA,QACJ;AACA,cAAM,eAAe,OAAO,CAAC;AAAA,MACjC;AACA,cAAQ,UAAU,MAAM,MAAM,aAAa,MAAM,cAAc,CAAC;AAEhE,YAAM,WAAW,IAAI,SAAQ;AAC7B,eAAS,OAAO,aAAa,eAAe,MAAM,KAAK,IAAI;AAC3D,cAAQ,KAAK,QAAQ;AAGrB,aAAO;AAAA,QACH,OAAO,MAAM;AACT,kBAAQ,MAAK;AACb,gBAAK;AAAA,QACT;AAAA,MAChB;AAAA,IACQ;AAAA;AAAA;AAAA,IAGA,QAAQ,CAAC,UAAU,SAAS,KAAI;AAAA,EACxC;AACA;"}

package/dist/filepond.js

@@ -0,0 +1,10 @@
+import { default as default2 } from "./filepond/FileDropzone.js";
+import { createPondServer } from "./filepond/pondServer.js";
+import { FILE_ACCEPT_PRESETS, FILE_REJECTION } from "./upload/fileRules.js";
+export {
+  FILE_ACCEPT_PRESETS,
+  FILE_REJECTION,
+  default2 as FileDropzone,
+  createPondServer
+};
+//# sourceMappingURL=filepond.js.map

package/dist/filepond.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filepond.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/files.js

@@ -0,0 +1,43 @@
+const XLSX_CONTENT_TYPE = "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet";
+const ZIP_END_RECORD_SIGNATURE = 101010256;
+const ZIP_END_RECORD_LENGTH = 22;
+const ZIP_END_RECORD_COMMENT_LENGTH_POSITION = 20;
+function fileNameFromContentDisposition(contentDisposition, fallbackFileName) {
+  if (!contentDisposition) {
+    return fallbackFileName;
+  }
+  const encodedMatch = contentDisposition.match(/filename\*\s*=\s*UTF-8''([^;]+)/i);
+  if (encodedMatch) {
+    try {
+      return decodeURIComponent(encodedMatch[1].trim());
+    } catch {
+    }
+  }
+  const plainMatch = contentDisposition.match(/filename\s*=\s*"?([^";]+)"?/i);
+  return plainMatch ? plainMatch[1].trim() : fallbackFileName;
+}
+function saveBlob(blob, fileName) {
+  const objectUrl = URL.createObjectURL(blob);
+  const link = document.createElement("a");
+  link.href = objectUrl;
+  link.download = fileName;
+  link.rel = "noopener";
+  document.body.appendChild(link);
+  link.click();
+  link.remove();
+  setTimeout(() => URL.revokeObjectURL(objectUrl), 1e3);
+}
+async function isCompleteZip(blob) {
+  if (blob.size < ZIP_END_RECORD_LENGTH) {
+    return false;
+  }
+  const endRecord = new DataView(await blob.slice(blob.size - ZIP_END_RECORD_LENGTH).arrayBuffer());
+  return endRecord.getUint32(0, true) === ZIP_END_RECORD_SIGNATURE && endRecord.getUint16(ZIP_END_RECORD_COMMENT_LENGTH_POSITION, true) === 0;
+}
+export {
+  XLSX_CONTENT_TYPE,
+  fileNameFromContentDisposition,
+  isCompleteZip,
+  saveBlob
+};
+//# sourceMappingURL=files.js.map

package/dist/files.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"files.js","sources":["../src/files.js"],"sourcesContent":["// Guardar en disco un archivo que llegó como Blob (CSV de renglones descartados, logs, salidas).\n//\n// La descarga va por el cliente HTTP y no por un <a href> directo a la API a propósito: así un 401 o un 409\n// llegan al manejador de siempre (sesión vencida, problema RFC 9457) en lugar de dejar un JSON crudo en una\n// pestaña nueva.\n//\n// Funciones puras, no renderizan: function (regla de la casa).\n\n/** Tipo de contenido de un Excel (XLSX): el mismo que manda el servidor (IngestionDictionary::XLSX_CONTENT_TYPE). */\nexport const XLSX_CONTENT_TYPE = 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet';\n\n// Un XLSX es un zip, y un zip completo termina con su registro de cierre (End of Central Directory): 22 bytes que\n// empiezan con la firma «PK\\x05\\x06» y terminan con el largo del comentario del zip. El servidor arma sus Excel al vuelo\n// y sin comentario, así que ese registro son sus últimos 22 bytes; si la escritura falla a la mitad, nunca se escribe.\n// La firma se lee como entero de 4 bytes con el byte menos significativo primero (así la guarda el zip).\nconst ZIP_END_RECORD_SIGNATURE = 0x06054b50;\nconst ZIP_END_RECORD_LENGTH = 22;\nconst ZIP_END_RECORD_COMMENT_LENGTH_POSITION = 20;\n\n/**\n * Nombre de archivo del header Content-Disposition. Prefiere filename*=UTF-8'' (acentos) sobre filename=.\n *\n * @param {string|null|undefined} contentDisposition\n * @param {string} fallbackFileName si el header no trae nombre\n */\nexport function fileNameFromContentDisposition(contentDisposition, fallbackFileName) {\n    if (!contentDisposition) {\n        return fallbackFileName;\n    }\n    const encodedMatch = contentDisposition.match(/filename\\*\\s*=\\s*UTF-8''([^;]+)/i);\n    if (encodedMatch) {\n        try {\n            return decodeURIComponent(encodedMatch[1].trim());\n        } catch {\n            // nombre mal codificado: seguimos con filename=\n        }\n    }\n    const plainMatch = contentDisposition.match(/filename\\s*=\\s*\"?([^\";]+)\"?/i);\n    return plainMatch ? plainMatch[1].trim() : fallbackFileName;\n}\n\n/**\n * Dispara la descarga de un Blob con el nombre dado.\n *\n * @param {Blob} blob\n * @param {string} fileName\n */\nexport function saveBlob(blob, fileName) {\n    const objectUrl = URL.createObjectURL(blob);\n    const link = document.createElement('a');\n    link.href = objectUrl;\n    link.download = fileName;\n    link.rel = 'noopener';\n    document.body.appendChild(link);\n    link.click();\n    link.remove();\n    // OJO: liberamos la URL un momento después; revocarla en el mismo tick cancela la descarga en Safari\n    setTimeout(() => URL.revokeObjectURL(objectUrl), 1000);\n}\n\n/**\n * ¿Llegó completo el zip (un XLSX)? Sí, si termina con su registro de cierre.\n *\n * Por qué hace falta: el servidor manda los Excel por partes y con 200 desde el primer pedazo. Si algo falla a media\n * escritura (p. ej. llegan más renglones de los que se contaron), ya no puede cambiar la respuesta a un error: el archivo\n * llega cortado y Excel no lo abre. Esta revisión es lo que evita guardarlo como si estuviera bien.\n *\n * OJO: supone un zip sin comentario, como los que escribe el servidor (zipstream sin comentario).\n *\n * @param {Blob} blob el archivo descargado\n * @returns {Promise<boolean>}\n */\nexport async function isCompleteZip(blob) {\n    // guard clause: ni siquiera cabe el registro de cierre\n    if (blob.size < ZIP_END_RECORD_LENGTH) {\n        return false;\n    }\n\n    const endRecord = new DataView(await blob.slice(blob.size - ZIP_END_RECORD_LENGTH).arrayBuffer());\n    return endRecord.getUint32(0, true) === ZIP_END_RECORD_SIGNATURE\n        && endRecord.getUint16(ZIP_END_RECORD_COMMENT_LENGTH_POSITION, true) === 0;\n}\n"],"names":[],"mappings":"AASY,MAAC,oBAAoB;AAMjC,MAAM,2BAA2B;AACjC,MAAM,wBAAwB;AAC9B,MAAM,yCAAyC;AAQxC,SAAS,+BAA+B,oBAAoB,kBAAkB;AACjF,MAAI,CAAC,oBAAoB;AACrB,WAAO;AAAA,EACX;AACA,QAAM,eAAe,mBAAmB,MAAM,kCAAkC;AAChF,MAAI,cAAc;AACd,QAAI;AACA,aAAO,mBAAmB,aAAa,CAAC,EAAE,KAAI,CAAE;AAAA,IACpD,QAAQ;AAAA,IAER;AAAA,EACJ;AACA,QAAM,aAAa,mBAAmB,MAAM,8BAA8B;AAC1E,SAAO,aAAa,WAAW,CAAC,EAAE,KAAI,IAAK;AAC/C;AAQO,SAAS,SAAS,MAAM,UAAU;AACrC,QAAM,YAAY,IAAI,gBAAgB,IAAI;AAC1C,QAAM,OAAO,SAAS,cAAc,GAAG;AACvC,OAAK,OAAO;AACZ,OAAK,WAAW;AAChB,OAAK,MAAM;AACX,WAAS,KAAK,YAAY,IAAI;AAC9B,OAAK,MAAK;AACV,OAAK,OAAM;AAEX,aAAW,MAAM,IAAI,gBAAgB,SAAS,GAAG,GAAI;AACzD;AAcO,eAAe,cAAc,MAAM;AAEtC,MAAI,KAAK,OAAO,uBAAuB;AACnC,WAAO;AAAA,EACX;AAEA,QAAM,YAAY,IAAI,SAAS,MAAM,KAAK,MAAM,KAAK,OAAO,qBAAqB,EAAE,aAAa;AAChG,SAAO,UAAU,UAAU,GAAG,IAAI,MAAM,4BACjC,UAAU,UAAU,wCAAwC,IAAI,MAAM;AACjF;"}

package/dist/formatting.js

@@ -0,0 +1,205 @@
+import { parseInstant, parsePlainDate } from "./dates.js";
+import { intlLocaleOf, toolkitSettings } from "./toolkit/toolkitSettings.js";
+const formatterCache = /* @__PURE__ */ new Map();
+function formattersOf(settingsOf) {
+  function cachedFormatter(kind, options, createFormatter) {
+    const settings = settingsOf();
+    const locale = intlLocaleOf(settings.language, settings.languages);
+    const cacheKey = `${kind}|${locale}|${JSON.stringify(options)}`;
+    if (!formatterCache.has(cacheKey)) {
+      formatterCache.set(cacheKey, createFormatter(locale, options));
+    }
+    return formatterCache.get(cacheKey);
+  }
+  function formatNumber2(value, fallback = "—") {
+    if (value === null || value === void 0 || value === "" || Number.isNaN(Number(value))) {
+      return fallback;
+    }
+    const formatter = cachedFormatter(
+      "number",
+      { maximumFractionDigits: 0 },
+      (locale, options) => new Intl.NumberFormat(locale, options)
+    );
+    return formatter.format(Number(value));
+  }
+  function formatList2(items) {
+    const formatter = cachedFormatter(
+      "list",
+      { style: "long", type: "conjunction" },
+      (locale, options) => new Intl.ListFormat(locale, options)
+    );
+    return formatter.format(items);
+  }
+  function formatCurrency2(value, fallback = "—") {
+    if (value === null || value === void 0 || value === "" || Number.isNaN(Number(value))) {
+      return fallback;
+    }
+    const formatter = cachedFormatter("currency", {
+      style: "currency",
+      currency: settingsOf().currency,
+      currencyDisplay: "narrowSymbol",
+      minimumFractionDigits: 2,
+      maximumFractionDigits: 2
+    }, (locale, options) => new Intl.NumberFormat(locale, options));
+    return formatter.format(Number(value));
+  }
+  function formatFileSize2(bytes, fallback = "—") {
+    if (bytes === null || bytes === void 0 || Number.isNaN(Number(bytes))) {
+      return fallback;
+    }
+    const units = [["gigabyte", 1e9], ["megabyte", 1e6], ["kilobyte", 1e3]];
+    for (const [unit, unitBytes] of units) {
+      if (Number(bytes) >= unitBytes) {
+        const formatter2 = cachedFormatter(
+          `fileSize-${unit}`,
+          { style: "unit", unit, maximumFractionDigits: 1 },
+          (locale, options) => new Intl.NumberFormat(locale, options)
+        );
+        return formatter2.format(Number(bytes) / unitBytes);
+      }
+    }
+    const formatter = cachedFormatter(
+      "fileSize-byte",
+      { style: "unit", unit: "byte", unitDisplay: "long", maximumFractionDigits: 0 },
+      (locale, options) => new Intl.NumberFormat(locale, options)
+    );
+    return formatter.format(Number(bytes));
+  }
+  function formatPercent2(value, { fractionDigits = 2, isRatio = false, fallback = "—" } = {}) {
+    if (value === null || value === void 0 || Number.isNaN(Number(value))) {
+      return fallback;
+    }
+    const ratio = isRatio ? Number(value) : Number(value) / 100;
+    const formatter = cachedFormatter(
+      "percent",
+      { style: "percent", minimumFractionDigits: fractionDigits, maximumFractionDigits: fractionDigits },
+      (locale, options) => new Intl.NumberFormat(locale, options)
+    );
+    return formatter.format(ratio);
+  }
+  function formatDateTime2(value, { fallback = "—" } = {}) {
+    const instant = parseInstant(value);
+    if (!instant) {
+      return fallback;
+    }
+    const options = {
+      timeZone: settingsOf().timeZone,
+      day: "numeric",
+      month: "short",
+      year: "numeric",
+      hour: "2-digit",
+      minute: "2-digit",
+      hourCycle: "h23"
+    };
+    const formatter = cachedFormatter("dateTime", options, (locale, formatOptions) => new Intl.DateTimeFormat(locale, formatOptions));
+    return formatter.format(instant);
+  }
+  function formatDate2(value, { fallback = "—" } = {}) {
+    const calendarDate = parsePlainDate(value);
+    if (calendarDate) {
+      const formatter2 = cachedFormatter(
+        "plainDate",
+        { timeZone: "UTC", day: "numeric", month: "short", year: "numeric" },
+        (locale, options) => new Intl.DateTimeFormat(locale, options)
+      );
+      return formatter2.format(new Date(Date.UTC(calendarDate.year, calendarDate.month - 1, calendarDate.day, 12)));
+    }
+    const instant = parseInstant(value);
+    if (!instant) {
+      return fallback;
+    }
+    const formatter = cachedFormatter(
+      "date",
+      { timeZone: settingsOf().timeZone, day: "numeric", month: "short", year: "numeric" },
+      (locale, options) => new Intl.DateTimeFormat(locale, options)
+    );
+    return formatter.format(instant);
+  }
+  function formatTime2(value, { fallback = "—" } = {}) {
+    const instant = parseInstant(value);
+    if (!instant) {
+      return fallback;
+    }
+    const formatter = cachedFormatter(
+      "time",
+      { timeZone: settingsOf().timeZone, hour: "2-digit", minute: "2-digit", hourCycle: "h23" },
+      (locale, options) => new Intl.DateTimeFormat(locale, options)
+    );
+    return formatter.format(instant);
+  }
+  function formatMonthName2(year, month, { style = "long", capitalize = false } = {}) {
+    if (!Number.isInteger(Number(year)) || !Number.isInteger(Number(month))) {
+      return "—";
+    }
+    const formatter = cachedFormatter(
+      "monthName",
+      { timeZone: "UTC", month: style },
+      (locale, options) => new Intl.DateTimeFormat(locale, options)
+    );
+    const monthName = formatter.format(new Date(Date.UTC(Number(year), Number(month) - 1, 15, 12))).replace(/\.$/, "");
+    const label = `${monthName} ${year}`;
+    return capitalize ? label.charAt(0).toUpperCase() + label.slice(1) : label;
+  }
+  function formatMonthShortName2(month) {
+    const formatter = cachedFormatter(
+      "monthShortName",
+      { timeZone: "UTC", month: "short" },
+      (locale, options) => new Intl.DateTimeFormat(locale, options)
+    );
+    return formatter.format(new Date(Date.UTC(2024, Number(month) - 1, 15, 12))).replace(/\.$/, "");
+  }
+  function formatWeekdayShortName2(isoWeekday) {
+    const formatter = cachedFormatter(
+      "weekdayShortName",
+      { timeZone: "UTC", weekday: "short" },
+      (locale, options) => new Intl.DateTimeFormat(locale, options)
+    );
+    return formatter.format(new Date(Date.UTC(2024, 0, Number(isoWeekday), 12))).replace(/\.$/, "");
+  }
+  return Object.freeze({
+    formatNumber: formatNumber2,
+    formatList: formatList2,
+    formatCurrency: formatCurrency2,
+    formatFileSize: formatFileSize2,
+    formatPercent: formatPercent2,
+    formatDateTime: formatDateTime2,
+    formatDate: formatDate2,
+    formatTime: formatTime2,
+    formatMonthName: formatMonthName2,
+    formatMonthShortName: formatMonthShortName2,
+    formatWeekdayShortName: formatWeekdayShortName2
+  });
+}
+const currentFormatters = formattersOf(toolkitSettings);
+const {
+  formatNumber,
+  formatList,
+  formatCurrency,
+  formatFileSize,
+  formatPercent,
+  formatDateTime,
+  formatDate,
+  formatTime,
+  formatMonthName,
+  formatMonthShortName,
+  formatWeekdayShortName
+} = currentFormatters;
+function dayOfPlainDate(value) {
+  return parsePlainDate(value)?.day ?? null;
+}
+export {
+  dayOfPlainDate,
+  formatCurrency,
+  formatDate,
+  formatDateTime,
+  formatFileSize,
+  formatList,
+  formatMonthName,
+  formatMonthShortName,
+  formatNumber,
+  formatPercent,
+  formatTime,
+  formatWeekdayShortName,
+  formattersOf
+};
+//# sourceMappingURL=formatting.js.map

package/dist/formatting.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formatting.js","sources":["../src/formatting.js"],"sourcesContent":["// Cómo se escriben números, porcentajes y fechas en pantalla.\n//\n// Siempre en el idioma activo (es-MX o en-US), las fechas en la zona y los montos en la moneda del proveedor\n// (ToolkitProvider). Cuando una hora necesita rótulo, la pantalla lo escribe con su propio texto («hora del centro de\n// México») y no con la abreviatura de Intl (GMT-6), que no le dice nada a la persona.\n//\n// Los Intl.* se memorizan por idioma: crear un formateador por celda en una tabla de cientos de filas se nota.\n//\n// Dos formas de usarlos:\n//   - sueltos (formatDate, formatNumber…): con la configuración vigente, la del ToolkitProvider de la raíz. Para lo que no\n//     es componente (un aviso, un Excel);\n//   - dentro de un componente, useFormatters() (toolkit/useFormatters.js): con la del proveedor MÁS CERCANO. Con dos\n//     proveedores (una parte de la app en otro idioma, o dos islas de React en una página vieja) cada parte escribe con\n//     el suyo; con los sueltos, el último proveedor que se pintaba le cambiaba el idioma a todos.\n// Los dos salen de formattersOf: una sola versión de cada formato.\n//\n// Funciones puras, no renderizan: function (regla de la casa).\nimport {parseInstant, parsePlainDate} from '@/dates.js';\nimport {intlLocaleOf, toolkitSettings} from '@/toolkit/toolkitSettings.js';\n\nconst formatterCache = new Map();\n\n/**\n * Los formatos con la configuración que da settingsOf (se lee en cada llamada: si cambia el idioma, el siguiente formato ya\n * sale en el nuevo).\n *\n * @param {() => {language: string, languages?: Array<{code: string, locale?: string}>, timeZone: string, currency: string}} settingsOf\n */\nexport function formattersOf(settingsOf) {\n    function cachedFormatter(kind, options, createFormatter) {\n        const settings = settingsOf();\n        const locale = intlLocaleOf(settings.language, settings.languages);\n        const cacheKey = `${kind}|${locale}|${JSON.stringify(options)}`;\n        if (!formatterCache.has(cacheKey)) {\n            formatterCache.set(cacheKey, createFormatter(locale, options));\n        }\n        return formatterCache.get(cacheKey);\n    }\n\n    /**\n     * Número con separador de miles: 321,540.\n     *\n     * @param {number|string|null|undefined} value\n     * @param {string} [fallback] lo que se pinta si no hay dato\n     * @returns {string}\n     */\n    function formatNumber(value, fallback = '—') {\n        if (value === null || value === undefined || value === '' || Number.isNaN(Number(value))) {\n            return fallback;\n        }\n        const formatter = cachedFormatter('number', {maximumFractionDigits: 0},\n            (locale, options) => new Intl.NumberFormat(locale, options));\n        return formatter.format(Number(value));\n    }\n\n    /**\n     * Una lista en una frase, con su «y» antes de la última parte: «resumen, motivos de rechazo y descargas».\n     *\n     * @param {string[]} items las partes de la lista, ya traducidas\n     * @returns {string} la frase; '' si la lista viene vacía\n     */\n    function formatList(items) {\n        const formatter = cachedFormatter('list', {style: 'long', type: 'conjunction'},\n            (locale, options) => new Intl.ListFormat(locale, options));\n        return formatter.format(items);\n    }\n\n\n    /**\n     * Monto en la moneda del proveedor con dos decimales: $2,567,951.00. Recibe el texto que manda el API (numeric de la base) o un número;\n     * solo pinta, nunca suma (las sumas las hace el backend al centavo).\n     *\n     * @param {number|string|null|undefined} value\n     * @param {string} [fallback] lo que se pinta si no hay dato\n     * @returns {string}\n     */\n    function formatCurrency(value, fallback = '—') {\n        if (value === null || value === undefined || value === '' || Number.isNaN(Number(value))) {\n            return fallback;\n        }\n        const formatter = cachedFormatter('currency', {\n            style: 'currency', currency: settingsOf().currency, currencyDisplay: 'narrowSymbol', minimumFractionDigits: 2, maximumFractionDigits: 2,\n        }, (locale, options) => new Intl.NumberFormat(locale, options));\n        return formatter.format(Number(value));\n    }\n\n    /**\n     * Tamaño de un archivo en la unidad que se lee mejor: 950 B, 12.4 kB, 60.1 MB, 2.3 GB.\n     *\n     * @param {number|null|undefined} bytes\n     * @param {string} [fallback] lo que se pinta si no hay dato\n     * @returns {string}\n     */\n    function formatFileSize(bytes, fallback = '—') {\n        if (bytes === null || bytes === undefined || Number.isNaN(Number(bytes))) {\n            return fallback;\n        }\n        // unidades de Intl en base 1000, igual que las que enseña el navegador en sus descargas\n        const units = [['gigabyte', 1e9], ['megabyte', 1e6], ['kilobyte', 1e3]];\n        for (const [unit, unitBytes] of units) {\n            if (Number(bytes) >= unitBytes) {\n                const formatter = cachedFormatter(`fileSize-${unit}`, {style: 'unit', unit, maximumFractionDigits: 1},\n                    (locale, options) => new Intl.NumberFormat(locale, options));\n                return formatter.format(Number(bytes) / unitBytes);\n            }\n        }\n        // OJO: con la forma corta Intl no pone plural («74 byte», y «1 B» con el uno); la larga dice «74 bytes» y «1 byte»,\n        // como lo enseña la Mac. Las demás unidades se quedan cortas (kB, MB): ahí la abreviatura sí se lee bien.\n        const formatter = cachedFormatter('fileSize-byte', {style: 'unit', unit: 'byte', unitDisplay: 'long', maximumFractionDigits: 0},\n            (locale, options) => new Intl.NumberFormat(locale, options));\n        return formatter.format(Number(bytes));\n    }\n\n    /**\n     * Porcentaje a partir de una proporción o de un número ya en porcentaje.\n     *\n     * @param {number|null|undefined} value 99.58 (con isRatio false) o 0.9958 (con isRatio true)\n     * @param {{fractionDigits?: number, isRatio?: boolean, fallback?: string}} [options]\n     * @returns {string}\n     */\n    function formatPercent(value, {fractionDigits = 2, isRatio = false, fallback = '—'} = {}) {\n        if (value === null || value === undefined || Number.isNaN(Number(value))) {\n            return fallback;\n        }\n        const ratio = isRatio ? Number(value) : Number(value) / 100;\n        const formatter = cachedFormatter('percent', {style: 'percent', minimumFractionDigits: fractionDigits, maximumFractionDigits: fractionDigits},\n            (locale, options) => new Intl.NumberFormat(locale, options));\n        return formatter.format(ratio);\n    }\n\n    /**\n     * Fecha y hora de un instante ISO en la zona del negocio.\n     *\n     * @param {string|null|undefined} value instante ISO con desfase\n     * @param {{fallback?: string}} [options]\n     * @returns {string}\n     */\n    function formatDateTime(value, {fallback = '—'} = {}) {\n        const instant = parseInstant(value);\n        if (!instant) {\n            return fallback;\n        }\n        const options = {\n            timeZone: settingsOf().timeZone,\n            day: 'numeric', month: 'short', year: 'numeric', hour: '2-digit', minute: '2-digit', hourCycle: 'h23',\n        };\n        const formatter = cachedFormatter('dateTime', options, (locale, formatOptions) => new Intl.DateTimeFormat(locale, formatOptions));\n        return formatter.format(instant);\n    }\n\n    /**\n     * Solo la fecha. Acepta un instante ISO (se pasa a la zona del negocio) o una fecha de calendario \"2026-08-16\"\n     * (se pinta tal cual, sin moverla de día).\n     *\n     * @param {string|null|undefined} value\n     * @param {{fallback?: string}} [options]\n     * @returns {string}\n     */\n    function formatDate(value, {fallback = '—'} = {}) {\n        const calendarDate = parsePlainDate(value);\n        if (calendarDate) {\n            const formatter = cachedFormatter('plainDate', {timeZone: 'UTC', day: 'numeric', month: 'short', year: 'numeric'},\n                (locale, options) => new Intl.DateTimeFormat(locale, options));\n            // mediodía UTC y Intl en UTC: el mismo día en cualquier zona\n            return formatter.format(new Date(Date.UTC(calendarDate.year, calendarDate.month - 1, calendarDate.day, 12)));\n        }\n        const instant = parseInstant(value);\n        if (!instant) {\n            return fallback;\n        }\n        const formatter = cachedFormatter('date', {timeZone: settingsOf().timeZone, day: 'numeric', month: 'short', year: 'numeric'},\n            (locale, options) => new Intl.DateTimeFormat(locale, options));\n        return formatter.format(instant);\n    }\n\n    /**\n     * Solo la hora (24 h) de un instante ISO en la zona del negocio: \"07:00\".\n     *\n     * Existe aparte de formatDateTime porque las pantallas escriben \"16 ago 2026 · 07:00\" con punto medio, y Intl une\n     * fecha y hora con coma: se arma formatDate + formatTime.\n     *\n     * @param {string|null|undefined} value instante ISO con desfase\n     * @param {{fallback?: string}} [options]\n     * @returns {string}\n     */\n    function formatTime(value, {fallback = '—'} = {}) {\n        const instant = parseInstant(value);\n        if (!instant) {\n            return fallback;\n        }\n        const formatter = cachedFormatter('time', {timeZone: settingsOf().timeZone, hour: '2-digit', minute: '2-digit', hourCycle: 'h23'},\n            (locale, options) => new Intl.DateTimeFormat(locale, options));\n        return formatter.format(instant);\n    }\n\n    /**\n     * Nombre de un mes de calendario: \"agosto 2026\" (long) o \"ago 2026\" (short).\n     *\n     * OJO: no se usa Intl con {month, year} juntos porque en español sale \"agosto de 2026\" y las pantallas dicen\n     * \"agosto 2026\"; se pide solo el mes y se pega el año.\n     *\n     * @param {number} year\n     * @param {number} month 1 a 12\n     * @param {{style?: 'long'|'short', capitalize?: boolean}} [options] capitalize: \"Agosto 2026\" (fila de mes)\n     */\n    function formatMonthName(year, month, {style = 'long', capitalize = false} = {}) {\n        if (!Number.isInteger(Number(year)) || !Number.isInteger(Number(month))) {\n            return '—';\n        }\n        const formatter = cachedFormatter('monthName', {timeZone: 'UTC', month: style},\n            (locale, options) => new Intl.DateTimeFormat(locale, options));\n        // día 15 a mediodía UTC: el mismo mes en cualquier zona\n        const monthName = formatter.format(new Date(Date.UTC(Number(year), Number(month) - 1, 15, 12))).replace(/\\.$/, '');\n        const label = `${monthName} ${year}`;\n        return capitalize ? label.charAt(0).toUpperCase() + label.slice(1) : label;\n    }\n\n    /**\n     * Nombre corto de un mes sin año: \"ene\", \"feb\" (rótulos de columnas de calendario y rejillas por periodo).\n     *\n     * @param {number} month 1 a 12\n     * @returns {string}\n     */\n    function formatMonthShortName(month) {\n        const formatter = cachedFormatter('monthShortName', {timeZone: 'UTC', month: 'short'},\n            (locale, options) => new Intl.DateTimeFormat(locale, options));\n        // 2024 empieza en lunes y es bisiesto: da igual, solo se pide el mes a mediodía UTC\n        return formatter.format(new Date(Date.UTC(2024, Number(month) - 1, 15, 12))).replace(/\\.$/, '');\n    }\n\n    /**\n     * Nombre corto de un día de la semana: \"lun\", \"mié\" (renglones del calendario de actividad).\n     *\n     * @param {number} isoWeekday 1 = lunes ... 7 = domingo\n     * @returns {string}\n     */\n    function formatWeekdayShortName(isoWeekday) {\n        const formatter = cachedFormatter('weekdayShortName', {timeZone: 'UTC', weekday: 'short'},\n            (locale, options) => new Intl.DateTimeFormat(locale, options));\n        // el 1 de enero de 2024 fue lunes: lunes + (isoWeekday - 1) días\n        return formatter.format(new Date(Date.UTC(2024, 0, Number(isoWeekday), 12))).replace(/\\.$/, '');\n    }\n\n    return Object.freeze({\n        formatNumber, formatList, formatCurrency, formatFileSize, formatPercent, formatDateTime, formatDate, formatTime, formatMonthName,\n        formatMonthShortName, formatWeekdayShortName,\n    });\n}\n\n// los sueltos: con la configuración vigente (la del proveedor de la raíz)\nconst currentFormatters = formattersOf(toolkitSettings);\nexport const {\n    formatNumber, formatList, formatCurrency, formatFileSize, formatPercent, formatDateTime, formatDate, formatTime, formatMonthName,\n    formatMonthShortName, formatWeekdayShortName,\n} = currentFormatters;\n\n/**\n * Día del mes de una fecha de calendario (\"2026-08-16\" → 16), sin moverla de zona.\n *\n * @param {string|null|undefined} value\n * @returns {number|null}\n */\nexport function dayOfPlainDate(value) {\n    return parsePlainDate(value)?.day ?? null;\n}\n"],"names":["formatNumber","formatList","formatCurrency","formatFileSize","formatter","formatPercent","formatDateTime","formatDate","formatTime","formatMonthName","formatMonthShortName","formatWeekdayShortName"],"mappings":"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"}

package/dist/forms/FormCatalogField.js

@@ -0,0 +1,12 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import CatalogInput from "../inputs/CatalogInput.js";
+import { useFormikField } from "./useFormikField.js";
+function FormCatalogField({ name, ...catalogInputProps }) {
+  const fieldProps = useFormikField(name);
+  return /* @__PURE__ */ jsx(CatalogInput, { ...catalogInputProps, ...fieldProps });
+}
+export {
+  FormCatalogField as default
+};
+//# sourceMappingURL=FormCatalogField.js.map

package/dist/forms/FormCatalogField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormCatalogField.js","sources":["../../src/forms/FormCatalogField.jsx"],"sourcesContent":["// Campo de catálogo de formik: CatalogInput (inputs/) conectado a su campo. Al formulario llega solo la clave.\n//\n// Genérico del paquete: function (regla de la casa).\nimport CatalogInput from '@/inputs/CatalogInput.jsx';\nimport {useFormikField} from '@/forms/useFormikField.js';\n\n/**\n * @param {{name: string} & Omit<Parameters<typeof import('@/inputs/CatalogInput.jsx').default>[0], 'name'|'value'|'onChange'|'onBlur'|'error'>} props las de CatalogInput (options, formatLabel, loading…), sin value / onChange / onBlur / error\n */\nexport default function FormCatalogField({name, ...catalogInputProps}) {\n    const fieldProps = useFormikField(name);\n    return <CatalogInput {...catalogInputProps} {...fieldProps} />;\n}\n"],"names":[],"mappings":";;;;AASA,SAAwB,iBAAiB,EAAC,MAAM,GAAG,qBAAoB;AACnE,QAAM,aAAa,eAAe,IAAI;AACtC,SAAO,oBAAC,cAAA,EAAc,GAAG,mBAAoB,GAAG,WAAA,CAAY;AAChE;"}

package/dist/forms/FormColorField.js

@@ -0,0 +1,12 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import ColorInput from "../inputs/ColorInput.js";
+import { useFormikField } from "./useFormikField.js";
+function FormColorField({ name, ...colorInputProps }) {
+  const fieldProps = useFormikField(name);
+  return /* @__PURE__ */ jsx(ColorInput, { ...colorInputProps, ...fieldProps });
+}
+export {
+  FormColorField as default
+};
+//# sourceMappingURL=FormColorField.js.map

package/dist/forms/FormColorField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormColorField.js","sources":["../../src/forms/FormColorField.jsx"],"sourcesContent":["// Campo de color de formik: ColorInput (inputs/) conectado a su campo. Al formulario llega '#RRGGBB' en mayúsculas.\n//\n// Genérico del paquete: function (regla de la casa).\nimport ColorInput from '@/inputs/ColorInput.jsx';\nimport {useFormikField} from '@/forms/useFormikField.js';\n\n/**\n * @param {{name: string} & Omit<Parameters<typeof import('@/inputs/ColorInput.jsx').default>[0], 'name'|'value'|'onChange'|'onBlur'|'error'>} props las de ColorInput (checkContrast…), sin value / onChange / onBlur / error\n */\nexport default function FormColorField({name, ...colorInputProps}) {\n    const fieldProps = useFormikField(name);\n    return <ColorInput {...colorInputProps} {...fieldProps} />;\n}\n"],"names":[],"mappings":";;;;AASA,SAAwB,eAAe,EAAC,MAAM,GAAG,mBAAkB;AAC/D,QAAM,aAAa,eAAe,IAAI;AACtC,SAAO,oBAAC,YAAA,EAAY,GAAG,iBAAkB,GAAG,WAAA,CAAY;AAC5D;"}

package/dist/forms/FormNumberField.js

@@ -0,0 +1,12 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import NumberInput from "../inputs/NumberInput.js";
+import { useFormikField } from "./useFormikField.js";
+function FormNumberField({ name, ...numberInputProps }) {
+  const fieldProps = useFormikField(name);
+  return /* @__PURE__ */ jsx(NumberInput, { ...numberInputProps, ...fieldProps });
+}
+export {
+  FormNumberField as default
+};
+//# sourceMappingURL=FormNumberField.js.map

package/dist/forms/FormNumberField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormNumberField.js","sources":["../../src/forms/FormNumberField.jsx"],"sourcesContent":["// Campo de número de formik: NumberInput (inputs/) conectado a su campo. Al formulario llega el texto limpio\n// ('2850000.50'), listo para Money.fromString o para el servidor.\n//\n// Genérico del paquete: function (regla de la casa).\nimport NumberInput from '@/inputs/NumberInput.jsx';\nimport {useFormikField} from '@/forms/useFormikField.js';\n\n/**\n * @param {{name: string} & Omit<Parameters<typeof import('@/inputs/NumberInput.jsx').default>[0], 'name'|'value'|'onChange'|'onBlur'|'error'>} props las de NumberInput (decimals, prefix, suffix, allowNegative…), sin value / onChange / onBlur / error\n */\nexport default function FormNumberField({name, ...numberInputProps}) {\n    const fieldProps = useFormikField(name);\n    return <NumberInput {...numberInputProps} {...fieldProps} />;\n}\n"],"names":[],"mappings":";;;;AAUA,SAAwB,gBAAgB,EAAC,MAAM,GAAG,oBAAmB;AACjE,QAAM,aAAa,eAAe,IAAI;AACtC,SAAO,oBAAC,aAAA,EAAa,GAAG,kBAAmB,GAAG,WAAA,CAAY;AAC9D;"}

package/dist/forms/FormProblemAlert.js

@@ -0,0 +1,15 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { useFormikContext } from "formik";
+import Alert from "@mui/material/Alert";
+function FormProblemAlert({ sx }) {
+  const { status } = useFormikContext();
+  if (!status) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(Alert, { severity: "error", role: "alert", sx, children: status });
+}
+export {
+  FormProblemAlert as default
+};
+//# sourceMappingURL=FormProblemAlert.js.map

package/dist/forms/FormProblemAlert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormProblemAlert.js","sources":["../../src/forms/FormProblemAlert.jsx"],"sourcesContent":["// El aviso de arriba del formulario de formik: lo que el servidor dijo que no es de un campo (sin conexión, un 409, un 500)\n// o el error de un campo que el formulario no tiene. applyServerProblem lo deja en el status de formik; aquí se pinta.\n//\n// Sin mensaje no pinta nada ni ocupa lugar.\n//\n// Genérico del paquete: function (regla de la casa).\nimport {useFormikContext} from 'formik';\nimport Alert from '@mui/material/Alert';\n\n/**\n * @param {{sx?: object}} props\n */\nexport default function FormProblemAlert({sx}) {\n    const {status} = useFormikContext();\n\n    // guard clause: sin aviso del servidor\n    if (!status) {\n        return null;\n    }\n    return <Alert severity=\"error\" role=\"alert\" sx={sx}>{status}</Alert>;\n}\n"],"names":[],"mappings":";;;;AAYA,SAAwB,iBAAiB,EAAC,MAAK;AAC3C,QAAM,EAAC,OAAA,IAAU,iBAAA;AAGjB,MAAI,CAAC,QAAQ;AACT,WAAO;AAAA,EACX;AACA,6BAAQ,OAAA,EAAM,UAAS,SAAQ,MAAK,SAAQ,IAAS,UAAA,QAAO;AAChE;"}

package/dist/forms/FormSelectField.js

@@ -0,0 +1,12 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import SelectInput from "../inputs/SelectInput.js";
+import { useFormikField } from "./useFormikField.js";
+function FormSelectField({ name, ...selectInputProps }) {
+  const fieldProps = useFormikField(name);
+  return /* @__PURE__ */ jsx(SelectInput, { ...selectInputProps, ...fieldProps });
+}
+export {
+  FormSelectField as default
+};
+//# sourceMappingURL=FormSelectField.js.map

package/dist/forms/FormSelectField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormSelectField.js","sources":["../../src/forms/FormSelectField.jsx"],"sourcesContent":["// Lista desplegable de formik: SelectInput (inputs/) conectada a su campo.\n//\n// Genérico del paquete: function (regla de la casa).\nimport SelectInput from '@/inputs/SelectInput.jsx';\nimport {useFormikField} from '@/forms/useFormikField.js';\n\n/**\n * @param {{name: string} & Omit<Parameters<typeof import('@/inputs/SelectInput.jsx').default>[0], 'name'|'value'|'onChange'|'onBlur'|'error'>} props las de SelectInput, sin value / onChange / onBlur / error\n */\nexport default function FormSelectField({name, ...selectInputProps}) {\n    const fieldProps = useFormikField(name);\n    return <SelectInput {...selectInputProps} {...fieldProps} />;\n}\n"],"names":[],"mappings":";;;;AASA,SAAwB,gBAAgB,EAAC,MAAM,GAAG,oBAAmB;AACjE,QAAM,aAAa,eAAe,IAAI;AACtC,SAAO,oBAAC,aAAA,EAAa,GAAG,kBAAmB,GAAG,WAAA,CAAY;AAC9D;"}

package/dist/forms/FormServerProblem.js

@@ -0,0 +1,23 @@
+"use client";
+import { useEffect } from "react";
+import { useFormikContext } from "formik";
+import { splitServerFieldErrors } from "./serverProblemFields.js";
+import { fieldErrorsOf } from "../problems.js";
+function FormServerProblem({ error }) {
+  const { setFieldError, setFieldTouched, values } = useFormikContext();
+  useEffect(() => {
+    if (!error) {
+      return;
+    }
+    const { fieldErrors } = splitServerFieldErrors(fieldErrorsOf(error.problem), Object.keys(values));
+    for (const [fieldName, message] of Object.entries(fieldErrors)) {
+      setFieldTouched(fieldName, true, false);
+      setFieldError(fieldName, message);
+    }
+  }, [error]);
+  return null;
+}
+export {
+  FormServerProblem as default
+};
+//# sourceMappingURL=FormServerProblem.js.map

package/dist/forms/FormServerProblem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormServerProblem.js","sources":["../../src/forms/FormServerProblem.jsx"],"sourcesContent":["// Puente entre una máquina de estados y Formik: pinta en sus campos los errores 422 que trae el error del servidor.\n//\n// Por qué existe: con XState el envío lo hace la máquina (no el onSubmit de Formik), así que el error llega en el\n// contexto de la máquina y no en los helpers de Formik. Este componente vive DENTRO del <Formik> y, cada vez que\n// llega un error nuevo, lo reparte en los campos que existen. El aviso de arriba lo pinta la pantalla desde el estado\n// de la máquina (formLevelMessageOf).\n//\n// Genérico del paquete: function (regla de la casa).\nimport {useEffect} from 'react';\nimport {useFormikContext} from 'formik';\n\nimport {splitServerFieldErrors} from '@/forms/serverProblemFields.js';\nimport {fieldErrorsOf} from '@/problems.js';\n\n/**\n * @param {{error: (Error & {problem?: object})|null}} props el error del contexto de la máquina (null = sin error)\n */\nexport default function FormServerProblem({error}) {\n    const {setFieldError, setFieldTouched, values} = useFormikContext();\n\n    useEffect(() => {\n        // guard clause: sin error nuevo no hay nada que pintar\n        if (!error) {\n            return;\n        }\n        const {fieldErrors} = splitServerFieldErrors(fieldErrorsOf(error.problem), Object.keys(values));\n        for (const [fieldName, message] of Object.entries(fieldErrors)) {\n            // tocado primero y sin validar: si no, la validación de yup borraría el error del servidor al instante\n            setFieldTouched(fieldName, true, false);\n            setFieldError(fieldName, message);\n        }\n        // OJO: solo cuando cambia el error; values cambia con cada tecla y no debe volver a pintar el error viejo\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [error]);\n\n    return null;\n}\n"],"names":[],"mappings":";;;;;AAiBA,SAAwB,kBAAkB,EAAC,SAAQ;AAC/C,QAAM,EAAC,eAAe,iBAAiB,OAAA,IAAU,iBAAA;AAEjD,YAAU,MAAM;AAEZ,QAAI,CAAC,OAAO;AACR;AAAA,IACJ;AACA,UAAM,EAAC,YAAA,IAAe,uBAAuB,cAAc,MAAM,OAAO,GAAG,OAAO,KAAK,MAAM,CAAC;AAC9F,eAAW,CAAC,WAAW,OAAO,KAAK,OAAO,QAAQ,WAAW,GAAG;AAE5D,sBAAgB,WAAW,MAAM,KAAK;AACtC,oBAAc,WAAW,OAAO;AAAA,IACpC;AAAA,EAGJ,GAAG,CAAC,KAAK,CAAC;AAEV,SAAO;AACX;"}

package/dist/forms/FormTextField.js

@@ -0,0 +1,12 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import TextInput from "../inputs/TextInput.js";
+import { useFormikField } from "./useFormikField.js";
+function FormTextField({ name, ...textInputProps }) {
+  const fieldProps = useFormikField(name);
+  return /* @__PURE__ */ jsx(TextInput, { ...textInputProps, ...fieldProps });
+}
+export {
+  FormTextField as default
+};
+//# sourceMappingURL=FormTextField.js.map

package/dist/forms/FormTextField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormTextField.js","sources":["../../src/forms/FormTextField.jsx"],"sourcesContent":["// Campo de texto de formik: TextInput (inputs/) conectado a su campo. Lo visual y sus reglas (etiqueta arriba, ojo de las\n// contraseñas, mayúsculas, normalizar al salir, el error en el idioma activo) viven en TextInput.\n//\n// Genérico del paquete: function (regla de la casa).\nimport TextInput from '@/inputs/TextInput.jsx';\nimport {useFormikField} from '@/forms/useFormikField.js';\n\n/**\n * @param {{name: string} & Omit<Parameters<typeof import('@/inputs/TextInput.jsx').default>[0], 'name'|'value'|'onChange'|'onBlur'|'error'>} props las de TextInput, sin value / onChange / onBlur / error\n */\nexport default function FormTextField({name, ...textInputProps}) {\n    const fieldProps = useFormikField(name);\n    return <TextInput {...textInputProps} {...fieldProps} />;\n}\n"],"names":[],"mappings":";;;;AAUA,SAAwB,cAAc,EAAC,MAAM,GAAG,kBAAiB;AAC7D,QAAM,aAAa,eAAe,IAAI;AACtC,SAAO,oBAAC,WAAA,EAAW,GAAG,gBAAiB,GAAG,WAAA,CAAY;AAC1D;"}

package/dist/forms/FormWizard.js

@@ -0,0 +1,63 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { useState, useRef, useEffect } from "react";
+import { useFormikContext, getIn } from "formik";
+import FormProblemAlert from "./FormProblemAlert.js";
+import SubmitButton from "./SubmitButton.js";
+import WizardLayout from "../inputs/WizardLayout.js";
+function firstStepWithErrorOf(steps, errors) {
+  return steps.findIndex((step) => (step.fields ?? []).some((field) => getIn(errors, field)));
+}
+function FormWizard({ steps, submitLabel, texts }) {
+  const { validateForm, setFieldTouched, setFieldValue, initialValues, errors, isSubmitting } = useFormikContext();
+  const [activeIndex, setActiveIndex] = useState(0);
+  const [skippedKeys, setSkippedKeys] = useState(() => /* @__PURE__ */ new Set());
+  const wasSubmitting = useRef(false);
+  const activeStep = steps[activeIndex];
+  useEffect(() => {
+    if (wasSubmitting.current && !isSubmitting) {
+      const errorStepIndex = firstStepWithErrorOf(steps, errors);
+      if (errorStepIndex >= 0) {
+        setActiveIndex(errorStepIndex);
+      }
+    }
+    wasSubmitting.current = isSubmitting;
+  }, [isSubmitting, errors, steps]);
+  const goNext = async () => {
+    const stepFields = activeStep.fields ?? [];
+    const formErrors = await validateForm();
+    stepFields.forEach((field) => setFieldTouched(field, true, false));
+    if (stepFields.some((field) => getIn(formErrors, field))) {
+      return;
+    }
+    setSkippedKeys((currentKeys) => new Set([...currentKeys].filter((key) => key !== activeStep.key)));
+    setActiveIndex((currentIndex) => currentIndex + 1);
+  };
+  const skipStep = () => {
+    for (const field of activeStep.fields ?? []) {
+      setFieldValue(field, getIn(initialValues, field), false);
+      setFieldTouched(field, false, false);
+    }
+    setSkippedKeys((currentKeys) => /* @__PURE__ */ new Set([...currentKeys, activeStep.key]));
+    setActiveIndex((currentIndex) => currentIndex + 1);
+  };
+  return /* @__PURE__ */ jsx(
+    WizardLayout,
+    {
+      steps,
+      activeIndex,
+      skippedKeys,
+      isSubmitting,
+      onBack: () => setActiveIndex((currentIndex) => currentIndex - 1),
+      onNext: goNext,
+      onSkip: skipStep,
+      submitButton: /* @__PURE__ */ jsx(SubmitButton, { children: submitLabel }),
+      problemAlert: /* @__PURE__ */ jsx(FormProblemAlert, {}),
+      texts
+    }
+  );
+}
+export {
+  FormWizard as default
+};
+//# sourceMappingURL=FormWizard.js.map

package/dist/forms/FormWizard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormWizard.js","sources":["../../src/forms/FormWizard.jsx"],"sourcesContent":["// Formulario por pasos (wizard) con formik: un solo formulario partido en pasos, con pasos opcionales que se pueden omitir.\n//\n// Cómo se porta, para que la pantalla solo declare sus pasos:\n//   - «Siguiente» revisa SOLO los campos del paso (fields) y no avanza si alguno tiene error; los marca como tocados para\n//     que se vea por qué;\n//   - «Omitir este paso» (solo en los opcionales) regresa sus campos a como empezaron: omitir es no dar ese dato, no dejar\n//     lo que se escribió a medias;\n//   - el último paso envía TODO el formulario (el esquema de yup completo vale para todos los pasos);\n//   - si el envío falla por un campo de un paso anterior (yup o el 422 del servidor con applyServerProblem), el wizard\n//     regresa solo a ese paso: un error que no se ve no se puede corregir.\n//\n// Va DENTRO de <Formik> y <Form>:\n//   <Formik initialValues={…} validationSchema={…} onSubmit={…}>\n//       <Form noValidate>\n//           <FormWizard submitLabel=\"Enviar solicitud\" steps={[\n//               {key: 'datos', label: 'Sus datos', fields: ['name', 'email'], content: <>…campos…</>},\n//               {key: 'aval', label: 'Aval', optional: true, fields: ['guarantor'], content: <>…</>},\n//           ]} />\n//       </Form>\n//   </Formik>\n//\n// Lo que se ve vive en WizardLayout (inputs/), el mismo del FormWizard de react-hook-form. Los textos («Siguiente»,\n// «Anterior»…) se cambian con `texts`: {wizard: {next: 'Continuar'}}.\n//\n// Genérico del paquete: function (regla de la casa).\nimport {useEffect, useRef, useState} from 'react';\nimport {getIn, useFormikContext} from 'formik';\n\nimport FormProblemAlert from '@/forms/FormProblemAlert.jsx';\nimport SubmitButton from '@/forms/SubmitButton.jsx';\nimport WizardLayout from '@/inputs/WizardLayout.jsx';\n\n/**\n * El primer paso que tiene un campo con error; -1 si ninguno.\n *\n * @param {Array<{fields?: string[]}>} steps\n * @param {object} errors los de formik\n * @returns {number}\n */\nfunction firstStepWithErrorOf(steps, errors) {\n    return steps.findIndex((step) => (step.fields ?? []).some((field) => getIn(errors, field)));\n}\n\n/**\n * @param {object} props\n * @param {Object[]} props.steps en orden\n * @param {string} props.steps[].key\n * @param {string} props.steps[].label ya traducido\n * @param {string[]} [props.steps[].fields] los campos del paso (los que revisa «Siguiente»)\n * @param {boolean} [props.steps[].optional] se puede omitir\n * @param {import('react').ReactNode} props.steps[].content los campos del paso\n * @param {string} props.submitLabel ya traducido: el botón del último paso\n * @param {object} [props.texts] los textos que cambian, con la forma de `common`: {wizard: {next, back, skip, optional, skipped, stepOf}}\n */\nexport default function FormWizard({steps, submitLabel, texts}) {\n    const {validateForm, setFieldTouched, setFieldValue, initialValues, errors, isSubmitting} = useFormikContext();\n    const [activeIndex, setActiveIndex] = useState(0);\n    const [skippedKeys, setSkippedKeys] = useState(() => new Set());\n    const wasSubmitting = useRef(false);\n    const activeStep = steps[activeIndex];\n\n    // al terminar un envío fallido, regresa al paso con el primer error (solo en ese momento: escribir en otro paso no\n    // debe jalar a la persona de regreso)\n    useEffect(() => {\n        if (wasSubmitting.current && !isSubmitting) {\n            const errorStepIndex = firstStepWithErrorOf(steps, errors);\n            if (errorStepIndex >= 0) {\n                setActiveIndex(errorStepIndex);\n            }\n        }\n        wasSubmitting.current = isSubmitting;\n    }, [isSubmitting, errors, steps]);\n\n    const goNext = async () => {\n        const stepFields = activeStep.fields ?? [];\n        const formErrors = await validateForm();\n        stepFields.forEach((field) => setFieldTouched(field, true, false));\n        // guard clause: el paso tiene errores; se queda para que se corrijan\n        if (stepFields.some((field) => getIn(formErrors, field))) {\n            return;\n        }\n        setSkippedKeys((currentKeys) => new Set([...currentKeys].filter((key) => key !== activeStep.key)));\n        setActiveIndex((currentIndex) => currentIndex + 1);\n    };\n\n    const skipStep = () => {\n        for (const field of activeStep.fields ?? []) {\n            setFieldValue(field, getIn(initialValues, field), false);\n            setFieldTouched(field, false, false);\n        }\n        setSkippedKeys((currentKeys) => new Set([...currentKeys, activeStep.key]));\n        setActiveIndex((currentIndex) => currentIndex + 1);\n    };\n\n    return (\n        <WizardLayout steps={steps} activeIndex={activeIndex} skippedKeys={skippedKeys} isSubmitting={isSubmitting}\n                      onBack={() => setActiveIndex((currentIndex) => currentIndex - 1)} onNext={goNext} onSkip={skipStep}\n                      submitButton={<SubmitButton>{submitLabel}</SubmitButton>} problemAlert={<FormProblemAlert />} texts={texts} />\n    );\n}\n"],"names":[],"mappings":";;;;;;;AAuCA,SAAS,qBAAqB,OAAO,QAAQ;AACzC,SAAO,MAAM,UAAU,CAAC,UAAU,KAAK,UAAU,CAAA,GAAI,KAAK,CAAC,UAAU,MAAM,QAAQ,KAAK,CAAC,CAAC;AAC9F;AAaA,SAAwB,WAAW,EAAC,OAAO,aAAa,SAAQ;AAC5D,QAAM,EAAC,cAAc,iBAAiB,eAAe,eAAe,QAAQ,aAAA,IAAgB,iBAAA;AAC5F,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,CAAC;AAChD,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,MAAM,oBAAI,KAAK;AAC9D,QAAM,gBAAgB,OAAO,KAAK;AAClC,QAAM,aAAa,MAAM,WAAW;AAIpC,YAAU,MAAM;AACZ,QAAI,cAAc,WAAW,CAAC,cAAc;AACxC,YAAM,iBAAiB,qBAAqB,OAAO,MAAM;AACzD,UAAI,kBAAkB,GAAG;AACrB,uBAAe,cAAc;AAAA,MACjC;AAAA,IACJ;AACA,kBAAc,UAAU;AAAA,EAC5B,GAAG,CAAC,cAAc,QAAQ,KAAK,CAAC;AAEhC,QAAM,SAAS,YAAY;AACvB,UAAM,aAAa,WAAW,UAAU,CAAA;AACxC,UAAM,aAAa,MAAM,aAAA;AACzB,eAAW,QAAQ,CAAC,UAAU,gBAAgB,OAAO,MAAM,KAAK,CAAC;AAEjE,QAAI,WAAW,KAAK,CAAC,UAAU,MAAM,YAAY,KAAK,CAAC,GAAG;AACtD;AAAA,IACJ;AACA,mBAAe,CAAC,gBAAgB,IAAI,IAAI,CAAC,GAAG,WAAW,EAAE,OAAO,CAAC,QAAQ,QAAQ,WAAW,GAAG,CAAC,CAAC;AACjG,mBAAe,CAAC,iBAAiB,eAAe,CAAC;AAAA,EACrD;AAEA,QAAM,WAAW,MAAM;AACnB,eAAW,SAAS,WAAW,UAAU,CAAA,GAAI;AACzC,oBAAc,OAAO,MAAM,eAAe,KAAK,GAAG,KAAK;AACvD,sBAAgB,OAAO,OAAO,KAAK;AAAA,IACvC;AACA,mBAAe,CAAC,gBAAgB,oBAAI,IAAI,CAAC,GAAG,aAAa,WAAW,GAAG,CAAC,CAAC;AACzE,mBAAe,CAAC,iBAAiB,eAAe,CAAC;AAAA,EACrD;AAEA,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MAAa;AAAA,MAAc;AAAA,MAA0B;AAAA,MAA0B;AAAA,MAClE,QAAQ,MAAM,eAAe,CAAC,iBAAiB,eAAe,CAAC;AAAA,MAAG,QAAQ;AAAA,MAAQ,QAAQ;AAAA,MAC1F,cAAc,oBAAC,cAAA,EAAc,UAAA,YAAA,CAAY;AAAA,MAAiB,kCAAe,kBAAA,EAAiB;AAAA,MAAI;AAAA,IAAA;AAAA,EAAA;AAEpH;"}

package/dist/forms/SubmitButton.js

@@ -0,0 +1,14 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { useFormikContext } from "formik";
+import Button from "@mui/material/Button";
+import CircularProgress from "@mui/material/CircularProgress";
+function SubmitButton({ children, disabled, isPending, ...buttonProps }) {
+  const { isSubmitting } = useFormikContext();
+  const isBusy = Boolean(isPending ?? isSubmitting);
+  return /* @__PURE__ */ jsx(Button, { type: "submit", variant: "contained", size: "large", disabled: disabled || isBusy, "aria-busy": isBusy, ...buttonProps, children: isBusy ? /* @__PURE__ */ jsx(CircularProgress, { size: 22, color: "inherit" }) : children });
+}
+export {
+  SubmitButton as default
+};
+//# sourceMappingURL=SubmitButton.js.map

package/dist/forms/SubmitButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubmitButton.js","sources":["../../src/forms/SubmitButton.jsx"],"sourcesContent":["// Botón de enviar de un formulario de Formik.\n//\n// Se deshabilita mientras el envío está en curso y muestra su propio indicador: un doble clic en un botón que no se\n// bloquea manda dos peticiones (dos intentos de login contra el límite por IP).\n//\n// isPending: cuando el envío lo hace una máquina de estados (XState) y no el onSubmit async de Formik, la pantalla\n// pasa aquí si la máquina está en su estado de envío. La máquina además IGNORA un segundo envío en ese estado: el botón\n// deshabilitado es la cortesía, la máquina es la garantía.\n//\n// Genérico del paquete: function (regla de la casa).\nimport {useFormikContext} from 'formik';\nimport Button from '@mui/material/Button';\nimport CircularProgress from '@mui/material/CircularProgress';\n\n/**\n * @param {{children: import('react').ReactNode, disabled?: boolean, isPending?: boolean} & Omit<import('@mui/material/Button').ButtonProps, 'type'|'children'>} props\n *     lo demás va al Button de MUI (sx, size, fullWidth…)\n */\nexport default function SubmitButton({children, disabled, isPending, ...buttonProps}) {\n    const {isSubmitting} = useFormikContext();\n    const isBusy = Boolean(isPending ?? isSubmitting);\n\n    return (\n        <Button type=\"submit\" variant=\"contained\" size=\"large\" disabled={disabled || isBusy} aria-busy={isBusy} {...buttonProps}>\n            {isBusy ? <CircularProgress size={22} color=\"inherit\" /> : children}\n        </Button>\n    );\n}\n"],"names":[],"mappings":";;;;;AAkBA,SAAwB,aAAa,EAAC,UAAU,UAAU,WAAW,GAAG,eAAc;AAClF,QAAM,EAAC,aAAA,IAAgB,iBAAA;AACvB,QAAM,SAAS,QAAQ,aAAa,YAAY;AAEhD,SACI,oBAAC,UAAO,MAAK,UAAS,SAAQ,aAAY,MAAK,SAAQ,UAAU,YAAY,QAAQ,aAAW,QAAS,GAAG,aACvG,UAAA,SAAS,oBAAC,kBAAA,EAAiB,MAAM,IAAI,OAAM,WAAU,IAAK,SAAA,CAC/D;AAER;"}