@stackcraftmx/calcita 0.0.0-stage → 0.23.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,177 @@
+import { parseInstant, parsePlainDate } from "./dates.js";
+import { toolkitSettings, intlLocaleOf } from "./toolkit/toolkitSettings.js";
+const formatterCache = /* @__PURE__ */ new Map();
+function activeLocale() {
+  return intlLocaleOf(toolkitSettings().language);
+}
+function cachedFormatter(kind, options, createFormatter) {
+  const locale = activeLocale();
+  const cacheKey = `${kind}|${locale}|${JSON.stringify(options)}`;
+  if (!formatterCache.has(cacheKey)) {
+    formatterCache.set(cacheKey, createFormatter(locale, options));
+  }
+  return formatterCache.get(cacheKey);
+}
+function formatNumber(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 formatList(items) {
+  const formatter = cachedFormatter(
+    "list",
+    { style: "long", type: "conjunction" },
+    (locale, options) => new Intl.ListFormat(locale, options)
+  );
+  return formatter.format(items);
+}
+function formatCurrency(value, fallback = "—") {
+  if (value === null || value === void 0 || value === "" || Number.isNaN(Number(value))) {
+    return fallback;
+  }
+  const formatter = cachedFormatter("currency", {
+    style: "currency",
+    currency: toolkitSettings().currency,
+    currencyDisplay: "narrowSymbol",
+    minimumFractionDigits: 2,
+    maximumFractionDigits: 2
+  }, (locale, options) => new Intl.NumberFormat(locale, options));
+  return formatter.format(Number(value));
+}
+function formatFileSize(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 formatPercent(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 formatDateTime(value, { fallback = "—" } = {}) {
+  const instant = parseInstant(value);
+  if (!instant) {
+    return fallback;
+  }
+  const options = {
+    timeZone: toolkitSettings().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 formatDate(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: toolkitSettings().timeZone, day: "numeric", month: "short", year: "numeric" },
+    (locale, options) => new Intl.DateTimeFormat(locale, options)
+  );
+  return formatter.format(instant);
+}
+function formatTime(value, { fallback = "—" } = {}) {
+  const instant = parseInstant(value);
+  if (!instant) {
+    return fallback;
+  }
+  const formatter = cachedFormatter(
+    "time",
+    { timeZone: toolkitSettings().timeZone, hour: "2-digit", minute: "2-digit", hourCycle: "h23" },
+    (locale, options) => new Intl.DateTimeFormat(locale, options)
+  );
+  return formatter.format(instant);
+}
+function formatMonthName(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 formatMonthShortName(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 formatWeekdayShortName(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(/\.$/, "");
+}
+function dayOfPlainDate(value) {
+  return parsePlainDate(value)?.day ?? null;
+}
+export {
+  dayOfPlainDate,
+  formatCurrency,
+  formatDate,
+  formatDateTime,
+  formatFileSize,
+  formatList,
+  formatMonthName,
+  formatMonthShortName,
+  formatNumber,
+  formatPercent,
+  formatTime,
+  formatWeekdayShortName
+};
+//# 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// 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\nfunction activeLocale() {\n    return intlLocaleOf(toolkitSettings().language);\n}\n\nfunction cachedFormatter(kind, options, createFormatter) {\n    const locale = activeLocale();\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 */\nexport 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 */\nexport 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 */\nexport 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: toolkitSettings().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 */\nexport 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 */\nexport 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 */\nexport function formatDateTime(value, {fallback = '—'} = {}) {\n    const instant = parseInstant(value);\n    if (!instant) {\n        return fallback;\n    }\n    const options = {\n        timeZone: toolkitSettings().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 */\nexport 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: toolkitSettings().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 */\nexport function formatTime(value, {fallback = '—'} = {}) {\n    const instant = parseInstant(value);\n    if (!instant) {\n        return fallback;\n    }\n    const formatter = cachedFormatter('time', {timeZone: toolkitSettings().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 */\nexport 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 */\nexport 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 */\nexport 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/**\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":["formatter"],"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,90 @@
+"use client";
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState, useRef, useEffect } from "react";
+import { useFormikContext, getIn } from "formik";
+import { useToolkitTranslation } from "../toolkit/useToolkitTranslation.js";
+import Box from "@mui/material/Box";
+import Button from "@mui/material/Button";
+import Stack from "@mui/material/Stack";
+import Step from "@mui/material/Step";
+import StepLabel from "@mui/material/StepLabel";
+import Stepper from "@mui/material/Stepper";
+import Typography from "@mui/material/Typography";
+import FormProblemAlert from "./FormProblemAlert.js";
+import SubmitButton from "./SubmitButton.js";
+function firstStepWithErrorOf(steps, errors) {
+  return steps.findIndex((step) => (step.fields ?? []).some((field) => getIn(errors, field)));
+}
+function FormWizard({ steps, submitLabel }) {
+  const { t } = useToolkitTranslation("common");
+  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];
+  const isLastStep = activeIndex === steps.length - 1;
+  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__ */ jsxs(Stack, { spacing: 3, children: [
+    /* @__PURE__ */ jsx(Stepper, { activeStep: activeIndex, alternativeLabel: true, sx: { display: { xs: "none", sm: "flex" } }, children: steps.map((step) => {
+      let caption;
+      if (skippedKeys.has(step.key)) {
+        caption = t("wizard.skipped");
+      } else if (step.optional) {
+        caption = t("wizard.optional");
+      }
+      return /* @__PURE__ */ jsx(Step, { completed: skippedKeys.has(step.key) ? false : void 0, children: /* @__PURE__ */ jsx(StepLabel, { optional: caption && /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "text.secondary", children: caption }), children: step.label }) }, step.key);
+    }) }),
+    /* @__PURE__ */ jsxs(Box, { sx: { display: { xs: "block", sm: "none" } }, children: [
+      /* @__PURE__ */ jsx(Typography, { variant: "overline", color: "text.secondary", children: t("wizard.stepOf", { current: activeIndex + 1, total: steps.length }) }),
+      /* @__PURE__ */ jsx(Typography, { variant: "h6", children: activeStep.label })
+    ] }),
+    /* @__PURE__ */ jsx(Box, { children: activeStep.content }),
+    isLastStep && /* @__PURE__ */ jsx(FormProblemAlert, {}),
+    /* @__PURE__ */ jsxs(Stack, { direction: { xs: "column-reverse", sm: "row" }, spacing: 1.5, sx: { justifyContent: "space-between" }, children: [
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "text",
+          color: "inherit",
+          disabled: activeIndex === 0 || isSubmitting,
+          onClick: () => setActiveIndex((currentIndex) => currentIndex - 1),
+          children: t("wizard.back")
+        }
+      ),
+      /* @__PURE__ */ jsxs(Stack, { direction: { xs: "column-reverse", sm: "row" }, spacing: 1.5, children: [
+        activeStep.optional && !isLastStep && /* @__PURE__ */ jsx(Button, { variant: "text", onClick: skipStep, children: t("wizard.skip") }),
+        isLastStep ? /* @__PURE__ */ jsx(SubmitButton, { children: submitLabel }) : /* @__PURE__ */ jsx(Button, { variant: "contained", size: "large", onClick: goNext, children: t("wizard.next") })
+      ] })
+    ] })
+  ] });
+}
+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// Genérico del paquete: function (regla de la casa).\nimport {useEffect, useRef, useState} from 'react';\nimport {getIn, useFormikContext} from 'formik';\nimport {useToolkitTranslation} from '@/toolkit/useToolkitTranslation.js';\nimport Box from '@mui/material/Box';\nimport Button from '@mui/material/Button';\nimport Stack from '@mui/material/Stack';\nimport Step from '@mui/material/Step';\nimport StepLabel from '@mui/material/StepLabel';\nimport Stepper from '@mui/material/Stepper';\nimport Typography from '@mui/material/Typography';\n\nimport FormProblemAlert from '@/forms/FormProblemAlert.jsx';\nimport SubmitButton from '@/forms/SubmitButton.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 */\nexport default function FormWizard({steps, submitLabel}) {\n    const {t} = useToolkitTranslation('common');\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    const isLastStep = activeIndex === steps.length - 1;\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        <Stack spacing={3}>\n            {/* en el teléfono los nombres de los pasos no caben: se dice en qué paso va */}\n            <Stepper activeStep={activeIndex} alternativeLabel sx={{display: {xs: 'none', sm: 'flex'}}}>\n                {steps.map((step) => {\n                    let caption;\n                    if (skippedKeys.has(step.key)) {\n                        caption = t('wizard.skipped');\n                    } else if (step.optional) {\n                        caption = t('wizard.optional');\n                    }\n                    return (\n                        <Step key={step.key} completed={skippedKeys.has(step.key) ? false : undefined}>\n                            <StepLabel optional={caption && <Typography variant=\"caption\" color=\"text.secondary\">{caption}</Typography>}>\n                                {step.label}\n                            </StepLabel>\n                        </Step>\n                    );\n                })}\n            </Stepper>\n            <Box sx={{display: {xs: 'block', sm: 'none'}}}>\n                <Typography variant=\"overline\" color=\"text.secondary\">{t('wizard.stepOf', {current: activeIndex + 1, total: steps.length})}</Typography>\n                <Typography variant=\"h6\">{activeStep.label}</Typography>\n            </Box>\n\n            <Box>{activeStep.content}</Box>\n\n            {isLastStep && <FormProblemAlert />}\n\n            <Stack direction={{xs: 'column-reverse', sm: 'row'}} spacing={1.5} sx={{justifyContent: 'space-between'}}>\n                <Button variant=\"text\" color=\"inherit\" disabled={activeIndex === 0 || isSubmitting}\n                        onClick={() => setActiveIndex((currentIndex) => currentIndex - 1)}>\n                    {t('wizard.back')}\n                </Button>\n                <Stack direction={{xs: 'column-reverse', sm: 'row'}} spacing={1.5}>\n                    {activeStep.optional && !isLastStep && (\n                        <Button variant=\"text\" onClick={skipStep}>{t('wizard.skip')}</Button>\n                    )}\n                    {isLastStep\n                        ? <SubmitButton>{submitLabel}</SubmitButton>\n                        : <Button variant=\"contained\" size=\"large\" onClick={goNext}>{t('wizard.next')}</Button>}\n                </Stack>\n            </Stack>\n        </Stack>\n    );\n}\n"],"names":[],"mappings":"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"}

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