@mounaji_npm/form-runner 0.1.0

package/dist/mounajiformrunner.es.js

@@ -0,0 +1,220 @@
+"use client";
+import { jsxs as S, jsx as a } from "react/jsx-runtime";
+import { useState as m } from "react";
+function z(t) {
+  return t.filter((r) => r.activa !== !1).map((r, n) => ({ p: r, i: n })).sort((r, n) => (r.p.orden ?? 0) - (n.p.orden ?? 0) || r.i - n.i).map(({ p: r }) => r);
+}
+function G(t) {
+  return t != null && t !== "";
+}
+function q(t, r) {
+  return z(t).filter((n) => !G(r[n.id]));
+}
+function C() {
+  return new Promise((t, r) => {
+    if (!navigator.geolocation) {
+      r(new Error("Este dispositivo no comparte la ubicación"));
+      return;
+    }
+    navigator.geolocation.getCurrentPosition(
+      (n) => t({
+        lat: n.coords.latitude,
+        lng: n.coords.longitude,
+        precision: n.coords.accuracy
+      }),
+      (n) => r(new Error(n.message)),
+      { enableHighAccuracy: !0, timeout: 15e3 }
+    );
+  });
+}
+const c = {
+  bloque: { marginBottom: "1.25rem" },
+  etiqueta: {
+    display: "block",
+    fontSize: "var(--mn-form-label-size, 1.125rem)",
+    fontWeight: 600,
+    marginBottom: "0.5rem"
+  },
+  entrada: {
+    width: "100%",
+    minHeight: "52px",
+    fontSize: "1.125rem",
+    padding: "0.6rem 0.8rem",
+    borderRadius: "var(--mn-radius, 0.75rem)",
+    border: "1px solid var(--mn-border, #c9c9c9)",
+    background: "var(--mn-surface, #fff)",
+    color: "inherit",
+    boxSizing: "border-box"
+  },
+  opcion: (t) => ({
+    minHeight: "52px",
+    padding: "0.6rem 1rem",
+    marginRight: "0.5rem",
+    marginBottom: "0.5rem",
+    fontSize: "1.125rem",
+    borderRadius: "var(--mn-radius, 0.75rem)",
+    border: t ? "2px solid var(--mn-accent, #2563eb)" : "1px solid var(--mn-border, #c9c9c9)",
+    background: t ? "var(--mn-accent-soft, #dbeafe)" : "var(--mn-surface, #fff)",
+    color: "inherit",
+    cursor: "pointer"
+  }),
+  enviar: {
+    width: "100%",
+    minHeight: "60px",
+    fontSize: "1.25rem",
+    fontWeight: 700,
+    borderRadius: "var(--mn-radius, 0.75rem)",
+    border: "none",
+    background: "var(--mn-accent, #2563eb)",
+    color: "var(--mn-accent-contrast, #fff)",
+    cursor: "pointer"
+  },
+  aviso: { color: "var(--mn-danger, #b91c1c)", fontSize: "1rem" }
+};
+function k({
+  opciones: t,
+  valor: r,
+  onPick: n,
+  deshabilitado: f
+}) {
+  return /* @__PURE__ */ a("div", { children: t.map((l) => /* @__PURE__ */ a(
+    "button",
+    {
+      type: "button",
+      disabled: f,
+      style: c.opcion(r === l),
+      onClick: () => n(l),
+      children: l
+    },
+    l
+  )) });
+}
+function j({
+  preguntas: t,
+  valoresIniciales: r,
+  onChange: n,
+  onSubmit: f,
+  requerirTodas: l = !1,
+  etiquetaEnviar: w = "Guardar",
+  deshabilitado: s = !1,
+  obtenerUbicacion: B = C
+}) {
+  const [b, P] = m(r ?? {}), [v, p] = m(null), [g, y] = m(null), [x, h] = m(!1), R = z(t), u = (e, i) => {
+    P((o) => {
+      const d = { ...o, [e]: i };
+      return n == null || n(d), d;
+    }), p(null);
+  }, E = async () => {
+    if (l) {
+      const e = q(t, b);
+      if (e.length > 0) {
+        p(`Falta contestar: ${e.map((i) => i.texto).join(" · ")}`);
+        return;
+      }
+    }
+    h(!0);
+    try {
+      await f(b);
+    } finally {
+      h(!1);
+    }
+  };
+  return /* @__PURE__ */ S("div", { children: [
+    R.map((e) => {
+      const i = b[e.id] ?? null;
+      return /* @__PURE__ */ S("div", { style: c.bloque, children: [
+        /* @__PURE__ */ a("label", { style: c.etiqueta, children: e.texto }),
+        e.tipo === "texto" && /* @__PURE__ */ a(
+          "input",
+          {
+            type: "text",
+            style: c.entrada,
+            disabled: s,
+            value: typeof i == "string" ? i : "",
+            onChange: (o) => u(e.id, o.target.value)
+          }
+        ),
+        e.tipo === "numero" && /* @__PURE__ */ a(
+          "input",
+          {
+            type: "number",
+            inputMode: "numeric",
+            style: c.entrada,
+            disabled: s,
+            value: typeof i == "number" ? i : "",
+            onChange: (o) => u(e.id, o.target.value === "" ? null : Number(o.target.value))
+          }
+        ),
+        e.tipo === "opciones" && /* @__PURE__ */ a(
+          k,
+          {
+            opciones: e.opciones ?? [],
+            valor: i,
+            onPick: (o) => u(e.id, o),
+            deshabilitado: s
+          }
+        ),
+        e.tipo === "si_no" && /* @__PURE__ */ a(
+          k,
+          {
+            opciones: ["Sí", "No"],
+            valor: i === !0 ? "Sí" : i === !1 ? "No" : null,
+            onPick: (o) => u(e.id, o === "Sí"),
+            deshabilitado: s
+          }
+        ),
+        e.tipo === "foto" && /* @__PURE__ */ a(
+          "input",
+          {
+            type: "file",
+            accept: "image/*",
+            capture: "environment",
+            style: c.entrada,
+            disabled: s,
+            onChange: (o) => {
+              var d;
+              return u(e.id, ((d = o.target.files) == null ? void 0 : d[0]) ?? null);
+            }
+          }
+        ),
+        e.tipo === "ubicacion" && /* @__PURE__ */ a("div", { children: /* @__PURE__ */ a(
+          "button",
+          {
+            type: "button",
+            disabled: s || g === e.id,
+            style: c.opcion(!!i),
+            onClick: async () => {
+              y(e.id);
+              try {
+                u(e.id, await B());
+              } catch (o) {
+                p(o instanceof Error ? o.message : "No se pudo obtener la ubicación");
+              } finally {
+                y(null);
+              }
+            },
+            children: g === e.id ? "Buscando…" : i ? "📍 Ubicación guardada (tocá para actualizar)" : "📍 Usar mi ubicación"
+          }
+        ) })
+      ] }, e.id);
+    }),
+    v && /* @__PURE__ */ a("p", { role: "alert", style: c.aviso, children: v }),
+    /* @__PURE__ */ a(
+      "button",
+      {
+        type: "button",
+        style: c.enviar,
+        disabled: s || x,
+        onClick: E,
+        children: x ? "Guardando…" : w
+      }
+    )
+  ] });
+}
+export {
+  j as FormRunner,
+  G as estaContestada,
+  q as faltantes,
+  z as prepararPreguntas
+};
+//# sourceMappingURL=mounajiformrunner.es.js.map

package/dist/mounajiformrunner.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mounajiformrunner.es.js","sources":["../src/logic.ts","../src/FormRunner.tsx"],"sourcesContent":["import type { Pregunta, Respuestas } from './types';\n\n/** Filtra inactivas y ordena por `orden` (estable para órdenes iguales). */\nexport function prepararPreguntas(preguntas: Pregunta[]): Pregunta[] {\n  return preguntas\n    .filter((p) => p.activa !== false)\n    .map((p, i) => ({ p, i }))\n    .sort((a, b) => (a.p.orden ?? 0) - (b.p.orden ?? 0) || a.i - b.i)\n    .map(({ p }) => p);\n}\n\n/** Una respuesta cuenta como contestada si no es null/undefined/''. `false` y 0 SÍ cuentan. */\nexport function estaContestada(valor: unknown): boolean {\n  return valor !== null && valor !== undefined && valor !== '';\n}\n\n/** Preguntas activas sin respuesta, en orden de formulario. */\nexport function faltantes(preguntas: Pregunta[], respuestas: Respuestas): Pregunta[] {\n  return prepararPreguntas(preguntas).filter((p) => !estaContestada(respuestas[p.id]));\n}\n","import { useState } from 'react';\nimport type { Pregunta, Respuestas, Ubicacion, ValorRespuesta } from './types';\nimport { prepararPreguntas, faltantes } from './logic';\n\nexport interface FormRunnerProps {\n  preguntas: Pregunta[];\n  /** Respuestas iniciales (el estado vive adentro). */\n  valoresIniciales?: Respuestas;\n  onChange?: (respuestas: Respuestas) => void;\n  onSubmit: (respuestas: Respuestas) => void | Promise<void>;\n  /** Si es true, no deja enviar con preguntas sin contestar. Default false. */\n  requerirTodas?: boolean;\n  etiquetaEnviar?: string;\n  deshabilitado?: boolean;\n  /**\n   * Captura de ubicación. Default: navigator.geolocation. Inyectable para\n   * tests y para apps que traen la ubicación de un mapa en vez del GPS.\n   */\n  obtenerUbicacion?: () => Promise<Ubicacion>;\n}\n\nfunction ubicacionPorGps(): Promise<Ubicacion> {\n  return new Promise((resolve, reject) => {\n    if (!navigator.geolocation) {\n      reject(new Error('Este dispositivo no comparte la ubicación'));\n      return;\n    }\n    navigator.geolocation.getCurrentPosition(\n      (pos) =>\n        resolve({\n          lat: pos.coords.latitude,\n          lng: pos.coords.longitude,\n          precision: pos.coords.accuracy,\n        }),\n      (err) => reject(new Error(err.message)),\n      { enableHighAccuracy: true, timeout: 15000 },\n    );\n  });\n}\n\n// Estilos por token con fallback neutro: la app que consume define la marca.\nconst S = {\n  bloque: { marginBottom: '1.25rem' } as const,\n  etiqueta: {\n    display: 'block',\n    fontSize: 'var(--mn-form-label-size, 1.125rem)',\n    fontWeight: 600,\n    marginBottom: '0.5rem',\n  } as const,\n  entrada: {\n    width: '100%',\n    minHeight: '52px',\n    fontSize: '1.125rem',\n    padding: '0.6rem 0.8rem',\n    borderRadius: 'var(--mn-radius, 0.75rem)',\n    border: '1px solid var(--mn-border, #c9c9c9)',\n    background: 'var(--mn-surface, #fff)',\n    color: 'inherit',\n    boxSizing: 'border-box',\n  } as const,\n  opcion: (activa: boolean) =>\n    ({\n      minHeight: '52px',\n      padding: '0.6rem 1rem',\n      marginRight: '0.5rem',\n      marginBottom: '0.5rem',\n      fontSize: '1.125rem',\n      borderRadius: 'var(--mn-radius, 0.75rem)',\n      border: activa\n        ? '2px solid var(--mn-accent, #2563eb)'\n        : '1px solid var(--mn-border, #c9c9c9)',\n      background: activa ? 'var(--mn-accent-soft, #dbeafe)' : 'var(--mn-surface, #fff)',\n      color: 'inherit',\n      cursor: 'pointer',\n    }) as const,\n  enviar: {\n    width: '100%',\n    minHeight: '60px',\n    fontSize: '1.25rem',\n    fontWeight: 700,\n    borderRadius: 'var(--mn-radius, 0.75rem)',\n    border: 'none',\n    background: 'var(--mn-accent, #2563eb)',\n    color: 'var(--mn-accent-contrast, #fff)',\n    cursor: 'pointer',\n  } as const,\n  aviso: { color: 'var(--mn-danger, #b91c1c)', fontSize: '1rem' } as const,\n};\n\nfunction Opciones({\n  opciones,\n  valor,\n  onPick,\n  deshabilitado,\n}: {\n  opciones: string[];\n  valor: ValorRespuesta;\n  onPick: (v: string) => void;\n  deshabilitado?: boolean;\n}) {\n  return (\n    <div>\n      {opciones.map((op) => (\n        <button\n          key={op}\n          type=\"button\"\n          disabled={deshabilitado}\n          style={S.opcion(valor === op)}\n          onClick={() => onPick(op)}\n        >\n          {op}\n        </button>\n      ))}\n    </div>\n  );\n}\n\nexport function FormRunner({\n  preguntas,\n  valoresIniciales,\n  onChange,\n  onSubmit,\n  requerirTodas = false,\n  etiquetaEnviar = 'Guardar',\n  deshabilitado = false,\n  obtenerUbicacion = ubicacionPorGps,\n}: FormRunnerProps) {\n  const [respuestas, setRespuestas] = useState<Respuestas>(valoresIniciales ?? {});\n  const [aviso, setAviso] = useState<string | null>(null);\n  const [buscandoGps, setBuscandoGps] = useState<string | null>(null);\n  const [enviando, setEnviando] = useState(false);\n\n  const activas = prepararPreguntas(preguntas);\n\n  const setValor = (id: string, valor: ValorRespuesta) => {\n    setRespuestas((prev) => {\n      const next = { ...prev, [id]: valor };\n      onChange?.(next);\n      return next;\n    });\n    setAviso(null);\n  };\n\n  const enviar = async () => {\n    if (requerirTodas) {\n      const faltan = faltantes(preguntas, respuestas);\n      if (faltan.length > 0) {\n        setAviso(`Falta contestar: ${faltan.map((p) => p.texto).join(' · ')}`);\n        return;\n      }\n    }\n    setEnviando(true);\n    try {\n      await onSubmit(respuestas);\n    } finally {\n      setEnviando(false);\n    }\n  };\n\n  return (\n    <div>\n      {activas.map((p) => {\n        const valor = respuestas[p.id] ?? null;\n        return (\n          <div key={p.id} style={S.bloque}>\n            <label style={S.etiqueta}>{p.texto}</label>\n\n            {p.tipo === 'texto' && (\n              <input\n                type=\"text\"\n                style={S.entrada}\n                disabled={deshabilitado}\n                value={typeof valor === 'string' ? valor : ''}\n                onChange={(e) => setValor(p.id, e.target.value)}\n              />\n            )}\n\n            {p.tipo === 'numero' && (\n              <input\n                type=\"number\"\n                inputMode=\"numeric\"\n                style={S.entrada}\n                disabled={deshabilitado}\n                value={typeof valor === 'number' ? valor : ''}\n                onChange={(e) =>\n                  setValor(p.id, e.target.value === '' ? null : Number(e.target.value))\n                }\n              />\n            )}\n\n            {p.tipo === 'opciones' && (\n              <Opciones\n                opciones={p.opciones ?? []}\n                valor={valor}\n                onPick={(v) => setValor(p.id, v)}\n                deshabilitado={deshabilitado}\n              />\n            )}\n\n            {p.tipo === 'si_no' && (\n              <Opciones\n                opciones={['Sí', 'No']}\n                valor={valor === true ? 'Sí' : valor === false ? 'No' : null}\n                onPick={(v) => setValor(p.id, v === 'Sí')}\n                deshabilitado={deshabilitado}\n              />\n            )}\n\n            {p.tipo === 'foto' && (\n              <input\n                type=\"file\"\n                accept=\"image/*\"\n                capture=\"environment\"\n                style={S.entrada}\n                disabled={deshabilitado}\n                onChange={(e) => setValor(p.id, e.target.files?.[0] ?? null)}\n              />\n            )}\n\n            {p.tipo === 'ubicacion' && (\n              <div>\n                <button\n                  type=\"button\"\n                  disabled={deshabilitado || buscandoGps === p.id}\n                  style={S.opcion(Boolean(valor))}\n                  onClick={async () => {\n                    setBuscandoGps(p.id);\n                    try {\n                      setValor(p.id, await obtenerUbicacion());\n                    } catch (e) {\n                      setAviso(e instanceof Error ? e.message : 'No se pudo obtener la ubicación');\n                    } finally {\n                      setBuscandoGps(null);\n                    }\n                  }}\n                >\n                  {buscandoGps === p.id\n                    ? 'Buscando…'\n                    : valor\n                      ? '📍 Ubicación guardada (tocá para actualizar)'\n                      : '📍 Usar mi ubicación'}\n                </button>\n              </div>\n            )}\n          </div>\n        );\n      })}\n\n      {aviso && (\n        <p role=\"alert\" style={S.aviso}>\n          {aviso}\n        </p>\n      )}\n\n      <button\n        type=\"button\"\n        style={S.enviar}\n        disabled={deshabilitado || enviando}\n        onClick={enviar}\n      >\n        {enviando ? 'Guardando…' : etiquetaEnviar}\n      </button>\n    </div>\n  );\n}\n"],"names":["prepararPreguntas","preguntas","p","i","a","b","estaContestada","valor","faltantes","respuestas","ubicacionPorGps","resolve","reject","pos","err","S","activa","Opciones","opciones","onPick","deshabilitado","jsx","op","FormRunner","valoresIniciales","onChange","onSubmit","requerirTodas","etiquetaEnviar","obtenerUbicacion","setRespuestas","useState","aviso","setAviso","buscandoGps","setBuscandoGps","enviando","setEnviando","activas","setValor","id","prev","next","enviar","faltan","jsxs","e","v","_a"],"mappings":";;;AAGO,SAASA,EAAkBC,GAAmC;AACnE,SAAOA,EACJ,OAAO,CAACC,MAAMA,EAAE,WAAW,EAAK,EAChC,IAAI,CAACA,GAAGC,OAAO,EAAE,GAAAD,GAAG,GAAAC,EAAA,EAAI,EACxB,KAAK,CAACC,GAAGC,OAAOD,EAAE,EAAE,SAAS,MAAMC,EAAE,EAAE,SAAS,MAAMD,EAAE,IAAIC,EAAE,CAAC,EAC/D,IAAI,CAAC,EAAE,GAAAH,EAAA,MAAQA,CAAC;AACrB;AAGO,SAASI,EAAeC,GAAyB;AACtD,SAAOA,KAAU,QAA+BA,MAAU;AAC5D;AAGO,SAASC,EAAUP,GAAuBQ,GAAoC;AACnF,SAAOT,EAAkBC,CAAS,EAAE,OAAO,CAACC,MAAM,CAACI,EAAeG,EAAWP,EAAE,EAAE,CAAC,CAAC;AACrF;ACEA,SAASQ,IAAsC;AAC7C,SAAO,IAAI,QAAQ,CAACC,GAASC,MAAW;AACtC,QAAI,CAAC,UAAU,aAAa;AAC1B,MAAAA,EAAO,IAAI,MAAM,2CAA2C,CAAC;AAC7D;AAAA,IACF;AACA,cAAU,YAAY;AAAA,MACpB,CAACC,MACCF,EAAQ;AAAA,QACN,KAAKE,EAAI,OAAO;AAAA,QAChB,KAAKA,EAAI,OAAO;AAAA,QAChB,WAAWA,EAAI,OAAO;AAAA,MAAA,CACvB;AAAA,MACH,CAACC,MAAQF,EAAO,IAAI,MAAME,EAAI,OAAO,CAAC;AAAA,MACtC,EAAE,oBAAoB,IAAM,SAAS,KAAA;AAAA,IAAM;AAAA,EAE/C,CAAC;AACH;AAGA,MAAMC,IAAI;AAAA,EACR,QAAQ,EAAE,cAAc,UAAA;AAAA,EACxB,UAAU;AAAA,IACR,SAAS;AAAA,IACT,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,cAAc;AAAA,EAAA;AAAA,EAEhB,SAAS;AAAA,IACP,OAAO;AAAA,IACP,WAAW;AAAA,IACX,UAAU;AAAA,IACV,SAAS;AAAA,IACT,cAAc;AAAA,IACd,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,WAAW;AAAA,EAAA;AAAA,EAEb,QAAQ,CAACC,OACN;AAAA,IACC,WAAW;AAAA,IACX,SAAS;AAAA,IACT,aAAa;AAAA,IACb,cAAc;AAAA,IACd,UAAU;AAAA,IACV,cAAc;AAAA,IACd,QAAQA,IACJ,wCACA;AAAA,IACJ,YAAYA,IAAS,mCAAmC;AAAA,IACxD,OAAO;AAAA,IACP,QAAQ;AAAA,EAAA;AAAA,EAEZ,QAAQ;AAAA,IACN,OAAO;AAAA,IACP,WAAW;AAAA,IACX,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,cAAc;AAAA,IACd,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,QAAQ;AAAA,EAAA;AAAA,EAEV,OAAO,EAAE,OAAO,6BAA6B,UAAU,OAAA;AACzD;AAEA,SAASC,EAAS;AAAA,EAChB,UAAAC;AAAA,EACA,OAAAX;AAAA,EACA,QAAAY;AAAA,EACA,eAAAC;AACF,GAKG;AACD,SACE,gBAAAC,EAAC,OAAA,EACE,UAAAH,EAAS,IAAI,CAACI,MACb,gBAAAD;AAAA,IAAC;AAAA,IAAA;AAAA,MAEC,MAAK;AAAA,MACL,UAAUD;AAAA,MACV,OAAOL,EAAE,OAAOR,MAAUe,CAAE;AAAA,MAC5B,SAAS,MAAMH,EAAOG,CAAE;AAAA,MAEvB,UAAAA;AAAA,IAAA;AAAA,IANIA;AAAA,EAAA,CAQR,GACH;AAEJ;AAEO,SAASC,EAAW;AAAA,EACzB,WAAAtB;AAAA,EACA,kBAAAuB;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,gBAAAC,IAAiB;AAAA,EACjB,eAAAR,IAAgB;AAAA,EAChB,kBAAAS,IAAmBnB;AACrB,GAAoB;AAClB,QAAM,CAACD,GAAYqB,CAAa,IAAIC,EAAqBP,KAAoB,CAAA,CAAE,GACzE,CAACQ,GAAOC,CAAQ,IAAIF,EAAwB,IAAI,GAChD,CAACG,GAAaC,CAAc,IAAIJ,EAAwB,IAAI,GAC5D,CAACK,GAAUC,CAAW,IAAIN,EAAS,EAAK,GAExCO,IAAUtC,EAAkBC,CAAS,GAErCsC,IAAW,CAACC,GAAYjC,MAA0B;AACtD,IAAAuB,EAAc,CAACW,MAAS;AACtB,YAAMC,IAAO,EAAE,GAAGD,GAAM,CAACD,CAAE,GAAGjC,EAAA;AAC9B,aAAAkB,KAAA,QAAAA,EAAWiB,IACJA;AAAA,IACT,CAAC,GACDT,EAAS,IAAI;AAAA,EACf,GAEMU,IAAS,YAAY;AACzB,QAAIhB,GAAe;AACjB,YAAMiB,IAASpC,EAAUP,GAAWQ,CAAU;AAC9C,UAAImC,EAAO,SAAS,GAAG;AACrB,QAAAX,EAAS,oBAAoBW,EAAO,IAAI,CAAC1C,MAAMA,EAAE,KAAK,EAAE,KAAK,KAAK,CAAC,EAAE;AACrE;AAAA,MACF;AAAA,IACF;AACA,IAAAmC,EAAY,EAAI;AAChB,QAAI;AACF,YAAMX,EAASjB,CAAU;AAAA,IAC3B,UAAA;AACE,MAAA4B,EAAY,EAAK;AAAA,IACnB;AAAA,EACF;AAEA,2BACG,OAAA,EACE,UAAA;AAAA,IAAAC,EAAQ,IAAI,CAACpC,MAAM;AAClB,YAAMK,IAAQE,EAAWP,EAAE,EAAE,KAAK;AAClC,aACE,gBAAA2C,EAAC,OAAA,EAAe,OAAO9B,EAAE,QACvB,UAAA;AAAA,QAAA,gBAAAM,EAAC,SAAA,EAAM,OAAON,EAAE,UAAW,YAAE,OAAM;AAAA,QAElCb,EAAE,SAAS,WACV,gBAAAmB;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,OAAON,EAAE;AAAA,YACT,UAAUK;AAAA,YACV,OAAO,OAAOb,KAAU,WAAWA,IAAQ;AAAA,YAC3C,UAAU,CAACuC,MAAMP,EAASrC,EAAE,IAAI4C,EAAE,OAAO,KAAK;AAAA,UAAA;AAAA,QAAA;AAAA,QAIjD5C,EAAE,SAAS,YACV,gBAAAmB;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,WAAU;AAAA,YACV,OAAON,EAAE;AAAA,YACT,UAAUK;AAAA,YACV,OAAO,OAAOb,KAAU,WAAWA,IAAQ;AAAA,YAC3C,UAAU,CAACuC,MACTP,EAASrC,EAAE,IAAI4C,EAAE,OAAO,UAAU,KAAK,OAAO,OAAOA,EAAE,OAAO,KAAK,CAAC;AAAA,UAAA;AAAA,QAAA;AAAA,QAKzE5C,EAAE,SAAS,cACV,gBAAAmB;AAAA,UAACJ;AAAA,UAAA;AAAA,YACC,UAAUf,EAAE,YAAY,CAAA;AAAA,YACxB,OAAAK;AAAA,YACA,QAAQ,CAACwC,MAAMR,EAASrC,EAAE,IAAI6C,CAAC;AAAA,YAC/B,eAAA3B;AAAA,UAAA;AAAA,QAAA;AAAA,QAIHlB,EAAE,SAAS,WACV,gBAAAmB;AAAA,UAACJ;AAAA,UAAA;AAAA,YACC,UAAU,CAAC,MAAM,IAAI;AAAA,YACrB,OAAOV,MAAU,KAAO,OAAOA,MAAU,KAAQ,OAAO;AAAA,YACxD,QAAQ,CAACwC,MAAMR,EAASrC,EAAE,IAAI6C,MAAM,IAAI;AAAA,YACxC,eAAA3B;AAAA,UAAA;AAAA,QAAA;AAAA,QAIHlB,EAAE,SAAS,UACV,gBAAAmB;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,QAAO;AAAA,YACP,SAAQ;AAAA,YACR,OAAON,EAAE;AAAA,YACT,UAAUK;AAAA,YACV,UAAU,CAAC0B;;AAAM,qBAAAP,EAASrC,EAAE,MAAI8C,IAAAF,EAAE,OAAO,UAAT,gBAAAE,EAAiB,OAAM,IAAI;AAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAI9D9C,EAAE,SAAS,eACV,gBAAAmB,EAAC,OAAA,EACC,UAAA,gBAAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,UAAUD,KAAiBc,MAAgBhC,EAAE;AAAA,YAC7C,OAAOa,EAAE,OAAO,EAAQR,CAAM;AAAA,YAC9B,SAAS,YAAY;AACnB,cAAA4B,EAAejC,EAAE,EAAE;AACnB,kBAAI;AACF,gBAAAqC,EAASrC,EAAE,IAAI,MAAM2B,EAAA,CAAkB;AAAA,cACzC,SAASiB,GAAG;AACV,gBAAAb,EAASa,aAAa,QAAQA,EAAE,UAAU,iCAAiC;AAAA,cAC7E,UAAA;AACE,gBAAAX,EAAe,IAAI;AAAA,cACrB;AAAA,YACF;AAAA,YAEC,UAAAD,MAAgBhC,EAAE,KACf,cACAK,IACE,iDACA;AAAA,UAAA;AAAA,QAAA,EACR,CACF;AAAA,MAAA,EAAA,GA9EML,EAAE,EAgFZ;AAAA,IAEJ,CAAC;AAAA,IAEA8B,uBACE,KAAA,EAAE,MAAK,SAAQ,OAAOjB,EAAE,OACtB,UAAAiB,EAAA,CACH;AAAA,IAGF,gBAAAX;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAON,EAAE;AAAA,QACT,UAAUK,KAAiBgB;AAAA,QAC3B,SAASO;AAAA,QAER,cAAW,eAAef;AAAA,MAAA;AAAA,IAAA;AAAA,EAC7B,GACF;AAEJ;"}

package/dist/mounajiformrunner.umd.cjs

@@ -0,0 +1,2 @@
+(function(c,n){typeof exports=="object"&&typeof module<"u"?n(exports,require("react/jsx-runtime"),require("react")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","react"],n):(c=typeof globalThis<"u"?globalThis:c||self,n(c.MounajiFormRunner={},c.jsxRuntime,c.React))})(this,(function(c,n,m){"use strict";function b(r){return r.filter(o=>o.activa!==!1).map((o,t)=>({p:o,i:t})).sort((o,t)=>(o.p.orden??0)-(t.p.orden??0)||o.i-t.i).map(({p:o})=>o)}function y(r){return r!=null&&r!==""}function h(r,o){return b(r).filter(t=>!y(o[t.id]))}function w(){return new Promise((r,o)=>{if(!navigator.geolocation){o(new Error("Este dispositivo no comparte la ubicación"));return}navigator.geolocation.getCurrentPosition(t=>r({lat:t.coords.latitude,lng:t.coords.longitude,precision:t.coords.accuracy}),t=>o(new Error(t.message)),{enableHighAccuracy:!0,timeout:15e3})})}const s={bloque:{marginBottom:"1.25rem"},etiqueta:{display:"block",fontSize:"var(--mn-form-label-size, 1.125rem)",fontWeight:600,marginBottom:"0.5rem"},entrada:{width:"100%",minHeight:"52px",fontSize:"1.125rem",padding:"0.6rem 0.8rem",borderRadius:"var(--mn-radius, 0.75rem)",border:"1px solid var(--mn-border, #c9c9c9)",background:"var(--mn-surface, #fff)",color:"inherit",boxSizing:"border-box"},opcion:r=>({minHeight:"52px",padding:"0.6rem 1rem",marginRight:"0.5rem",marginBottom:"0.5rem",fontSize:"1.125rem",borderRadius:"var(--mn-radius, 0.75rem)",border:r?"2px solid var(--mn-accent, #2563eb)":"1px solid var(--mn-border, #c9c9c9)",background:r?"var(--mn-accent-soft, #dbeafe)":"var(--mn-surface, #fff)",color:"inherit",cursor:"pointer"}),enviar:{width:"100%",minHeight:"60px",fontSize:"1.25rem",fontWeight:700,borderRadius:"var(--mn-radius, 0.75rem)",border:"none",background:"var(--mn-accent, #2563eb)",color:"var(--mn-accent-contrast, #fff)",cursor:"pointer"},aviso:{color:"var(--mn-danger, #b91c1c)",fontSize:"1rem"}};function x({opciones:r,valor:o,onPick:t,deshabilitado:p}){return n.jsx("div",{children:r.map(d=>n.jsx("button",{type:"button",disabled:p,style:s.opcion(o===d),onClick:()=>t(d),children:d},d))})}function q({preguntas:r,valoresIniciales:o,onChange:t,onSubmit:p,requerirTodas:d=!1,etiquetaEnviar:B="Guardar",deshabilitado:u=!1,obtenerUbicacion:C=w}){const[v,E]=m.useState(o??{}),[S,g]=m.useState(null),[k,z]=m.useState(null),[P,j]=m.useState(!1),G=b(r),l=(e,a)=>{E(i=>{const f={...i,[e]:a};return t==null||t(f),f}),g(null)},F=async()=>{if(d){const e=h(r,v);if(e.length>0){g(`Falta contestar: ${e.map(a=>a.texto).join(" · ")}`);return}}j(!0);try{await p(v)}finally{j(!1)}};return n.jsxs("div",{children:[G.map(e=>{const a=v[e.id]??null;return n.jsxs("div",{style:s.bloque,children:[n.jsx("label",{style:s.etiqueta,children:e.texto}),e.tipo==="texto"&&n.jsx("input",{type:"text",style:s.entrada,disabled:u,value:typeof a=="string"?a:"",onChange:i=>l(e.id,i.target.value)}),e.tipo==="numero"&&n.jsx("input",{type:"number",inputMode:"numeric",style:s.entrada,disabled:u,value:typeof a=="number"?a:"",onChange:i=>l(e.id,i.target.value===""?null:Number(i.target.value))}),e.tipo==="opciones"&&n.jsx(x,{opciones:e.opciones??[],valor:a,onPick:i=>l(e.id,i),deshabilitado:u}),e.tipo==="si_no"&&n.jsx(x,{opciones:["Sí","No"],valor:a===!0?"Sí":a===!1?"No":null,onPick:i=>l(e.id,i==="Sí"),deshabilitado:u}),e.tipo==="foto"&&n.jsx("input",{type:"file",accept:"image/*",capture:"environment",style:s.entrada,disabled:u,onChange:i=>{var f;return l(e.id,((f=i.target.files)==null?void 0:f[0])??null)}}),e.tipo==="ubicacion"&&n.jsx("div",{children:n.jsx("button",{type:"button",disabled:u||k===e.id,style:s.opcion(!!a),onClick:async()=>{z(e.id);try{l(e.id,await C())}catch(i){g(i instanceof Error?i.message:"No se pudo obtener la ubicación")}finally{z(null)}},children:k===e.id?"Buscando…":a?"📍 Ubicación guardada (tocá para actualizar)":"📍 Usar mi ubicación"})})]},e.id)}),S&&n.jsx("p",{role:"alert",style:s.aviso,children:S}),n.jsx("button",{type:"button",style:s.enviar,disabled:u||P,onClick:F,children:P?"Guardando…":B})]})}c.FormRunner=q,c.estaContestada=y,c.faltantes=h,c.prepararPreguntas=b,Object.defineProperty(c,Symbol.toStringTag,{value:"Module"})}));
+//# sourceMappingURL=mounajiformrunner.umd.cjs.map

package/dist/mounajiformrunner.umd.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"mounajiformrunner.umd.cjs","sources":["../src/logic.ts","../src/FormRunner.tsx"],"sourcesContent":["import type { Pregunta, Respuestas } from './types';\n\n/** Filtra inactivas y ordena por `orden` (estable para órdenes iguales). */\nexport function prepararPreguntas(preguntas: Pregunta[]): Pregunta[] {\n  return preguntas\n    .filter((p) => p.activa !== false)\n    .map((p, i) => ({ p, i }))\n    .sort((a, b) => (a.p.orden ?? 0) - (b.p.orden ?? 0) || a.i - b.i)\n    .map(({ p }) => p);\n}\n\n/** Una respuesta cuenta como contestada si no es null/undefined/''. `false` y 0 SÍ cuentan. */\nexport function estaContestada(valor: unknown): boolean {\n  return valor !== null && valor !== undefined && valor !== '';\n}\n\n/** Preguntas activas sin respuesta, en orden de formulario. */\nexport function faltantes(preguntas: Pregunta[], respuestas: Respuestas): Pregunta[] {\n  return prepararPreguntas(preguntas).filter((p) => !estaContestada(respuestas[p.id]));\n}\n","import { useState } from 'react';\nimport type { Pregunta, Respuestas, Ubicacion, ValorRespuesta } from './types';\nimport { prepararPreguntas, faltantes } from './logic';\n\nexport interface FormRunnerProps {\n  preguntas: Pregunta[];\n  /** Respuestas iniciales (el estado vive adentro). */\n  valoresIniciales?: Respuestas;\n  onChange?: (respuestas: Respuestas) => void;\n  onSubmit: (respuestas: Respuestas) => void | Promise<void>;\n  /** Si es true, no deja enviar con preguntas sin contestar. Default false. */\n  requerirTodas?: boolean;\n  etiquetaEnviar?: string;\n  deshabilitado?: boolean;\n  /**\n   * Captura de ubicación. Default: navigator.geolocation. Inyectable para\n   * tests y para apps que traen la ubicación de un mapa en vez del GPS.\n   */\n  obtenerUbicacion?: () => Promise<Ubicacion>;\n}\n\nfunction ubicacionPorGps(): Promise<Ubicacion> {\n  return new Promise((resolve, reject) => {\n    if (!navigator.geolocation) {\n      reject(new Error('Este dispositivo no comparte la ubicación'));\n      return;\n    }\n    navigator.geolocation.getCurrentPosition(\n      (pos) =>\n        resolve({\n          lat: pos.coords.latitude,\n          lng: pos.coords.longitude,\n          precision: pos.coords.accuracy,\n        }),\n      (err) => reject(new Error(err.message)),\n      { enableHighAccuracy: true, timeout: 15000 },\n    );\n  });\n}\n\n// Estilos por token con fallback neutro: la app que consume define la marca.\nconst S = {\n  bloque: { marginBottom: '1.25rem' } as const,\n  etiqueta: {\n    display: 'block',\n    fontSize: 'var(--mn-form-label-size, 1.125rem)',\n    fontWeight: 600,\n    marginBottom: '0.5rem',\n  } as const,\n  entrada: {\n    width: '100%',\n    minHeight: '52px',\n    fontSize: '1.125rem',\n    padding: '0.6rem 0.8rem',\n    borderRadius: 'var(--mn-radius, 0.75rem)',\n    border: '1px solid var(--mn-border, #c9c9c9)',\n    background: 'var(--mn-surface, #fff)',\n    color: 'inherit',\n    boxSizing: 'border-box',\n  } as const,\n  opcion: (activa: boolean) =>\n    ({\n      minHeight: '52px',\n      padding: '0.6rem 1rem',\n      marginRight: '0.5rem',\n      marginBottom: '0.5rem',\n      fontSize: '1.125rem',\n      borderRadius: 'var(--mn-radius, 0.75rem)',\n      border: activa\n        ? '2px solid var(--mn-accent, #2563eb)'\n        : '1px solid var(--mn-border, #c9c9c9)',\n      background: activa ? 'var(--mn-accent-soft, #dbeafe)' : 'var(--mn-surface, #fff)',\n      color: 'inherit',\n      cursor: 'pointer',\n    }) as const,\n  enviar: {\n    width: '100%',\n    minHeight: '60px',\n    fontSize: '1.25rem',\n    fontWeight: 700,\n    borderRadius: 'var(--mn-radius, 0.75rem)',\n    border: 'none',\n    background: 'var(--mn-accent, #2563eb)',\n    color: 'var(--mn-accent-contrast, #fff)',\n    cursor: 'pointer',\n  } as const,\n  aviso: { color: 'var(--mn-danger, #b91c1c)', fontSize: '1rem' } as const,\n};\n\nfunction Opciones({\n  opciones,\n  valor,\n  onPick,\n  deshabilitado,\n}: {\n  opciones: string[];\n  valor: ValorRespuesta;\n  onPick: (v: string) => void;\n  deshabilitado?: boolean;\n}) {\n  return (\n    <div>\n      {opciones.map((op) => (\n        <button\n          key={op}\n          type=\"button\"\n          disabled={deshabilitado}\n          style={S.opcion(valor === op)}\n          onClick={() => onPick(op)}\n        >\n          {op}\n        </button>\n      ))}\n    </div>\n  );\n}\n\nexport function FormRunner({\n  preguntas,\n  valoresIniciales,\n  onChange,\n  onSubmit,\n  requerirTodas = false,\n  etiquetaEnviar = 'Guardar',\n  deshabilitado = false,\n  obtenerUbicacion = ubicacionPorGps,\n}: FormRunnerProps) {\n  const [respuestas, setRespuestas] = useState<Respuestas>(valoresIniciales ?? {});\n  const [aviso, setAviso] = useState<string | null>(null);\n  const [buscandoGps, setBuscandoGps] = useState<string | null>(null);\n  const [enviando, setEnviando] = useState(false);\n\n  const activas = prepararPreguntas(preguntas);\n\n  const setValor = (id: string, valor: ValorRespuesta) => {\n    setRespuestas((prev) => {\n      const next = { ...prev, [id]: valor };\n      onChange?.(next);\n      return next;\n    });\n    setAviso(null);\n  };\n\n  const enviar = async () => {\n    if (requerirTodas) {\n      const faltan = faltantes(preguntas, respuestas);\n      if (faltan.length > 0) {\n        setAviso(`Falta contestar: ${faltan.map((p) => p.texto).join(' · ')}`);\n        return;\n      }\n    }\n    setEnviando(true);\n    try {\n      await onSubmit(respuestas);\n    } finally {\n      setEnviando(false);\n    }\n  };\n\n  return (\n    <div>\n      {activas.map((p) => {\n        const valor = respuestas[p.id] ?? null;\n        return (\n          <div key={p.id} style={S.bloque}>\n            <label style={S.etiqueta}>{p.texto}</label>\n\n            {p.tipo === 'texto' && (\n              <input\n                type=\"text\"\n                style={S.entrada}\n                disabled={deshabilitado}\n                value={typeof valor === 'string' ? valor : ''}\n                onChange={(e) => setValor(p.id, e.target.value)}\n              />\n            )}\n\n            {p.tipo === 'numero' && (\n              <input\n                type=\"number\"\n                inputMode=\"numeric\"\n                style={S.entrada}\n                disabled={deshabilitado}\n                value={typeof valor === 'number' ? valor : ''}\n                onChange={(e) =>\n                  setValor(p.id, e.target.value === '' ? null : Number(e.target.value))\n                }\n              />\n            )}\n\n            {p.tipo === 'opciones' && (\n              <Opciones\n                opciones={p.opciones ?? []}\n                valor={valor}\n                onPick={(v) => setValor(p.id, v)}\n                deshabilitado={deshabilitado}\n              />\n            )}\n\n            {p.tipo === 'si_no' && (\n              <Opciones\n                opciones={['Sí', 'No']}\n                valor={valor === true ? 'Sí' : valor === false ? 'No' : null}\n                onPick={(v) => setValor(p.id, v === 'Sí')}\n                deshabilitado={deshabilitado}\n              />\n            )}\n\n            {p.tipo === 'foto' && (\n              <input\n                type=\"file\"\n                accept=\"image/*\"\n                capture=\"environment\"\n                style={S.entrada}\n                disabled={deshabilitado}\n                onChange={(e) => setValor(p.id, e.target.files?.[0] ?? null)}\n              />\n            )}\n\n            {p.tipo === 'ubicacion' && (\n              <div>\n                <button\n                  type=\"button\"\n                  disabled={deshabilitado || buscandoGps === p.id}\n                  style={S.opcion(Boolean(valor))}\n                  onClick={async () => {\n                    setBuscandoGps(p.id);\n                    try {\n                      setValor(p.id, await obtenerUbicacion());\n                    } catch (e) {\n                      setAviso(e instanceof Error ? e.message : 'No se pudo obtener la ubicación');\n                    } finally {\n                      setBuscandoGps(null);\n                    }\n                  }}\n                >\n                  {buscandoGps === p.id\n                    ? 'Buscando…'\n                    : valor\n                      ? '📍 Ubicación guardada (tocá para actualizar)'\n                      : '📍 Usar mi ubicación'}\n                </button>\n              </div>\n            )}\n          </div>\n        );\n      })}\n\n      {aviso && (\n        <p role=\"alert\" style={S.aviso}>\n          {aviso}\n        </p>\n      )}\n\n      <button\n        type=\"button\"\n        style={S.enviar}\n        disabled={deshabilitado || enviando}\n        onClick={enviar}\n      >\n        {enviando ? 'Guardando…' : etiquetaEnviar}\n      </button>\n    </div>\n  );\n}\n"],"names":["prepararPreguntas","preguntas","p","i","a","b","estaContestada","valor","faltantes","respuestas","ubicacionPorGps","resolve","reject","pos","err","S","activa","Opciones","opciones","onPick","deshabilitado","jsx","op","FormRunner","valoresIniciales","onChange","onSubmit","requerirTodas","etiquetaEnviar","obtenerUbicacion","setRespuestas","useState","aviso","setAviso","buscandoGps","setBuscandoGps","enviando","setEnviando","activas","setValor","id","prev","next","enviar","faltan","jsxs","e","v","_a"],"mappings":"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"}

package/dist/types/FormRunner.d.ts

@@ -0,0 +1,19 @@
+import type { Pregunta, Respuestas, Ubicacion } from './types';
+export interface FormRunnerProps {
+    preguntas: Pregunta[];
+    /** Respuestas iniciales (el estado vive adentro). */
+    valoresIniciales?: Respuestas;
+    onChange?: (respuestas: Respuestas) => void;
+    onSubmit: (respuestas: Respuestas) => void | Promise<void>;
+    /** Si es true, no deja enviar con preguntas sin contestar. Default false. */
+    requerirTodas?: boolean;
+    etiquetaEnviar?: string;
+    deshabilitado?: boolean;
+    /**
+     * Captura de ubicación. Default: navigator.geolocation. Inyectable para
+     * tests y para apps que traen la ubicación de un mapa en vez del GPS.
+     */
+    obtenerUbicacion?: () => Promise<Ubicacion>;
+}
+export declare function FormRunner({ preguntas, valoresIniciales, onChange, onSubmit, requerirTodas, etiquetaEnviar, deshabilitado, obtenerUbicacion, }: FormRunnerProps): import("react").JSX.Element;
+//# sourceMappingURL=FormRunner.d.ts.map

package/dist/types/FormRunner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormRunner.d.ts","sourceRoot":"","sources":["../../src/FormRunner.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,SAAS,EAAkB,MAAM,SAAS,CAAC;AAG/E,MAAM,WAAW,eAAe;IAC9B,SAAS,EAAE,QAAQ,EAAE,CAAC;IACtB,qDAAqD;IACrD,gBAAgB,CAAC,EAAE,UAAU,CAAC;IAC9B,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,UAAU,KAAK,IAAI,CAAC;IAC5C,QAAQ,EAAE,CAAC,UAAU,EAAE,UAAU,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC3D,6EAA6E;IAC7E,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,OAAO,CAAC,SAAS,CAAC,CAAC;CAC7C;AAkGD,wBAAgB,UAAU,CAAC,EACzB,SAAS,EACT,gBAAgB,EAChB,QAAQ,EACR,QAAQ,EACR,aAAqB,EACrB,cAA0B,EAC1B,aAAqB,EACrB,gBAAkC,GACnC,EAAE,eAAe,+BA0IjB"}

package/dist/types/index.d.ts

@@ -0,0 +1,5 @@
+export { FormRunner } from './FormRunner';
+export type { FormRunnerProps } from './FormRunner';
+export { prepararPreguntas, estaContestada, faltantes } from './logic';
+export type { Pregunta, TipoPregunta, Respuestas, ValorRespuesta, Ubicacion, } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,iBAAiB,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACvE,YAAY,EACV,QAAQ,EACR,YAAY,EACZ,UAAU,EACV,cAAc,EACd,SAAS,GACV,MAAM,SAAS,CAAC"}

package/dist/types/logic.d.ts

@@ -0,0 +1,8 @@
+import type { Pregunta, Respuestas } from './types';
+/** Filtra inactivas y ordena por `orden` (estable para órdenes iguales). */
+export declare function prepararPreguntas(preguntas: Pregunta[]): Pregunta[];
+/** Una respuesta cuenta como contestada si no es null/undefined/''. `false` y 0 SÍ cuentan. */
+export declare function estaContestada(valor: unknown): boolean;
+/** Preguntas activas sin respuesta, en orden de formulario. */
+export declare function faltantes(preguntas: Pregunta[], respuestas: Respuestas): Pregunta[];
+//# sourceMappingURL=logic.d.ts.map

package/dist/types/logic.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"logic.d.ts","sourceRoot":"","sources":["../../src/logic.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAEpD,4EAA4E;AAC5E,wBAAgB,iBAAiB,CAAC,SAAS,EAAE,QAAQ,EAAE,GAAG,QAAQ,EAAE,CAMnE;AAED,+FAA+F;AAC/F,wBAAgB,cAAc,CAAC,KAAK,EAAE,OAAO,GAAG,OAAO,CAEtD;AAED,+DAA+D;AAC/D,wBAAgB,SAAS,CAAC,SAAS,EAAE,QAAQ,EAAE,EAAE,UAAU,EAAE,UAAU,GAAG,QAAQ,EAAE,CAEnF"}

package/dist/types/types.d.ts

@@ -0,0 +1,20 @@
+export type TipoPregunta = 'texto' | 'opciones' | 'numero' | 'si_no' | 'foto' | 'ubicacion';
+export interface Pregunta {
+    id: string;
+    texto: string;
+    tipo: TipoPregunta;
+    /** Solo para tipo 'opciones'. */
+    opciones?: string[] | null;
+    orden?: number;
+    activa?: boolean;
+}
+export interface Ubicacion {
+    lat: number;
+    lng: number;
+    /** Precisión en metros, si el dispositivo la informa. */
+    precision?: number;
+}
+export type ValorRespuesta = string | number | boolean | Ubicacion | File | null;
+/** Respuestas indexadas por id de pregunta. */
+export type Respuestas = Record<string, ValorRespuesta>;
+//# sourceMappingURL=types.d.ts.map

package/dist/types/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,UAAU,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,GAAG,WAAW,CAAC;AAE5F,MAAM,WAAW,QAAQ;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,YAAY,CAAC;IACnB,iCAAiC;IACjC,QAAQ,CAAC,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,SAAS;IACxB,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,IAAI,GAAG,IAAI,CAAC;AAEjF,+CAA+C;AAC/C,MAAM,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC"}

package/package.json

@@ -0,0 +1,39 @@
+{
+  "name": "@mounaji_npm/form-runner",
+  "version": "0.1.0",
+  "description": "Renders a form from a question catalog (data, not code): texto/opciones/numero/si_no/foto/ubicacion. Headless-friendly, themed via --mn-* tokens. Born for censo-totoral; serves surveys, wizards and onboarding.",
+  "type": "module",
+  "main": "./dist/mounajiformrunner.umd.cjs",
+  "module": "./dist/mounajiformrunner.es.js",
+  "types": "./dist/types/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/types/index.d.ts",
+      "import": "./dist/mounajiformrunner.es.js",
+      "require": "./dist/mounajiformrunner.umd.cjs"
+    }
+  },
+  "files": [
+    "dist",
+    "src"
+  ],
+  "scripts": {
+    "build": "vite build && tsc -p tsconfig.build.json",
+    "dev": "vite build --watch",
+    "typecheck": "tsc -p tsconfig.json",
+    "test": "npm run build && node --test \"tests/*.test.mjs\""
+  },
+  "keywords": [
+    "mounaji",
+    "form",
+    "survey",
+    "census",
+    "dynamic-form",
+    "design-tokens"
+  ],
+  "license": "MIT",
+  "peerDependencies": {
+    "react": ">=18",
+    "react-dom": ">=18"
+  }
+}

package/src/FormRunner.tsx

@@ -0,0 +1,265 @@
+import { useState } from 'react';
+import type { Pregunta, Respuestas, Ubicacion, ValorRespuesta } from './types';
+import { prepararPreguntas, faltantes } from './logic';
+
+export interface FormRunnerProps {
+  preguntas: Pregunta[];
+  /** Respuestas iniciales (el estado vive adentro). */
+  valoresIniciales?: Respuestas;
+  onChange?: (respuestas: Respuestas) => void;
+  onSubmit: (respuestas: Respuestas) => void | Promise<void>;
+  /** Si es true, no deja enviar con preguntas sin contestar. Default false. */
+  requerirTodas?: boolean;
+  etiquetaEnviar?: string;
+  deshabilitado?: boolean;
+  /**
+   * Captura de ubicación. Default: navigator.geolocation. Inyectable para
+   * tests y para apps que traen la ubicación de un mapa en vez del GPS.
+   */
+  obtenerUbicacion?: () => Promise<Ubicacion>;
+}
+
+function ubicacionPorGps(): Promise<Ubicacion> {
+  return new Promise((resolve, reject) => {
+    if (!navigator.geolocation) {
+      reject(new Error('Este dispositivo no comparte la ubicación'));
+      return;
+    }
+    navigator.geolocation.getCurrentPosition(
+      (pos) =>
+        resolve({
+          lat: pos.coords.latitude,
+          lng: pos.coords.longitude,
+          precision: pos.coords.accuracy,
+        }),
+      (err) => reject(new Error(err.message)),
+      { enableHighAccuracy: true, timeout: 15000 },
+    );
+  });
+}
+
+// Estilos por token con fallback neutro: la app que consume define la marca.
+const S = {
+  bloque: { marginBottom: '1.25rem' } as const,
+  etiqueta: {
+    display: 'block',
+    fontSize: 'var(--mn-form-label-size, 1.125rem)',
+    fontWeight: 600,
+    marginBottom: '0.5rem',
+  } as const,
+  entrada: {
+    width: '100%',
+    minHeight: '52px',
+    fontSize: '1.125rem',
+    padding: '0.6rem 0.8rem',
+    borderRadius: 'var(--mn-radius, 0.75rem)',
+    border: '1px solid var(--mn-border, #c9c9c9)',
+    background: 'var(--mn-surface, #fff)',
+    color: 'inherit',
+    boxSizing: 'border-box',
+  } as const,
+  opcion: (activa: boolean) =>
+    ({
+      minHeight: '52px',
+      padding: '0.6rem 1rem',
+      marginRight: '0.5rem',
+      marginBottom: '0.5rem',
+      fontSize: '1.125rem',
+      borderRadius: 'var(--mn-radius, 0.75rem)',
+      border: activa
+        ? '2px solid var(--mn-accent, #2563eb)'
+        : '1px solid var(--mn-border, #c9c9c9)',
+      background: activa ? 'var(--mn-accent-soft, #dbeafe)' : 'var(--mn-surface, #fff)',
+      color: 'inherit',
+      cursor: 'pointer',
+    }) as const,
+  enviar: {
+    width: '100%',
+    minHeight: '60px',
+    fontSize: '1.25rem',
+    fontWeight: 700,
+    borderRadius: 'var(--mn-radius, 0.75rem)',
+    border: 'none',
+    background: 'var(--mn-accent, #2563eb)',
+    color: 'var(--mn-accent-contrast, #fff)',
+    cursor: 'pointer',
+  } as const,
+  aviso: { color: 'var(--mn-danger, #b91c1c)', fontSize: '1rem' } as const,
+};
+
+function Opciones({
+  opciones,
+  valor,
+  onPick,
+  deshabilitado,
+}: {
+  opciones: string[];
+  valor: ValorRespuesta;
+  onPick: (v: string) => void;
+  deshabilitado?: boolean;
+}) {
+  return (
+    <div>
+      {opciones.map((op) => (
+        <button
+          key={op}
+          type="button"
+          disabled={deshabilitado}
+          style={S.opcion(valor === op)}
+          onClick={() => onPick(op)}
+        >
+          {op}
+        </button>
+      ))}
+    </div>
+  );
+}
+
+export function FormRunner({
+  preguntas,
+  valoresIniciales,
+  onChange,
+  onSubmit,
+  requerirTodas = false,
+  etiquetaEnviar = 'Guardar',
+  deshabilitado = false,
+  obtenerUbicacion = ubicacionPorGps,
+}: FormRunnerProps) {
+  const [respuestas, setRespuestas] = useState<Respuestas>(valoresIniciales ?? {});
+  const [aviso, setAviso] = useState<string | null>(null);
+  const [buscandoGps, setBuscandoGps] = useState<string | null>(null);
+  const [enviando, setEnviando] = useState(false);
+
+  const activas = prepararPreguntas(preguntas);
+
+  const setValor = (id: string, valor: ValorRespuesta) => {
+    setRespuestas((prev) => {
+      const next = { ...prev, [id]: valor };
+      onChange?.(next);
+      return next;
+    });
+    setAviso(null);
+  };
+
+  const enviar = async () => {
+    if (requerirTodas) {
+      const faltan = faltantes(preguntas, respuestas);
+      if (faltan.length > 0) {
+        setAviso(`Falta contestar: ${faltan.map((p) => p.texto).join(' · ')}`);
+        return;
+      }
+    }
+    setEnviando(true);
+    try {
+      await onSubmit(respuestas);
+    } finally {
+      setEnviando(false);
+    }
+  };
+
+  return (
+    <div>
+      {activas.map((p) => {
+        const valor = respuestas[p.id] ?? null;
+        return (
+          <div key={p.id} style={S.bloque}>
+            <label style={S.etiqueta}>{p.texto}</label>
+
+            {p.tipo === 'texto' && (
+              <input
+                type="text"
+                style={S.entrada}
+                disabled={deshabilitado}
+                value={typeof valor === 'string' ? valor : ''}
+                onChange={(e) => setValor(p.id, e.target.value)}
+              />
+            )}
+
+            {p.tipo === 'numero' && (
+              <input
+                type="number"
+                inputMode="numeric"
+                style={S.entrada}
+                disabled={deshabilitado}
+                value={typeof valor === 'number' ? valor : ''}
+                onChange={(e) =>
+                  setValor(p.id, e.target.value === '' ? null : Number(e.target.value))
+                }
+              />
+            )}
+
+            {p.tipo === 'opciones' && (
+              <Opciones
+                opciones={p.opciones ?? []}
+                valor={valor}
+                onPick={(v) => setValor(p.id, v)}
+                deshabilitado={deshabilitado}
+              />
+            )}
+
+            {p.tipo === 'si_no' && (
+              <Opciones
+                opciones={['Sí', 'No']}
+                valor={valor === true ? 'Sí' : valor === false ? 'No' : null}
+                onPick={(v) => setValor(p.id, v === 'Sí')}
+                deshabilitado={deshabilitado}
+              />
+            )}
+
+            {p.tipo === 'foto' && (
+              <input
+                type="file"
+                accept="image/*"
+                capture="environment"
+                style={S.entrada}
+                disabled={deshabilitado}
+                onChange={(e) => setValor(p.id, e.target.files?.[0] ?? null)}
+              />
+            )}
+
+            {p.tipo === 'ubicacion' && (
+              <div>
+                <button
+                  type="button"
+                  disabled={deshabilitado || buscandoGps === p.id}
+                  style={S.opcion(Boolean(valor))}
+                  onClick={async () => {
+                    setBuscandoGps(p.id);
+                    try {
+                      setValor(p.id, await obtenerUbicacion());
+                    } catch (e) {
+                      setAviso(e instanceof Error ? e.message : 'No se pudo obtener la ubicación');
+                    } finally {
+                      setBuscandoGps(null);
+                    }
+                  }}
+                >
+                  {buscandoGps === p.id
+                    ? 'Buscando…'
+                    : valor
+                      ? '📍 Ubicación guardada (tocá para actualizar)'
+                      : '📍 Usar mi ubicación'}
+                </button>
+              </div>
+            )}
+          </div>
+        );
+      })}
+
+      {aviso && (
+        <p role="alert" style={S.aviso}>
+          {aviso}
+        </p>
+      )}
+
+      <button
+        type="button"
+        style={S.enviar}
+        disabled={deshabilitado || enviando}
+        onClick={enviar}
+      >
+        {enviando ? 'Guardando…' : etiquetaEnviar}
+      </button>
+    </div>
+  );
+}

package/src/index.ts

@@ -0,0 +1,10 @@
+export { FormRunner } from './FormRunner';
+export type { FormRunnerProps } from './FormRunner';
+export { prepararPreguntas, estaContestada, faltantes } from './logic';
+export type {
+  Pregunta,
+  TipoPregunta,
+  Respuestas,
+  ValorRespuesta,
+  Ubicacion,
+} from './types';

package/src/logic.ts

@@ -0,0 +1,20 @@
+import type { Pregunta, Respuestas } from './types';
+
+/** Filtra inactivas y ordena por `orden` (estable para órdenes iguales). */
+export function prepararPreguntas(preguntas: Pregunta[]): Pregunta[] {
+  return preguntas
+    .filter((p) => p.activa !== false)
+    .map((p, i) => ({ p, i }))
+    .sort((a, b) => (a.p.orden ?? 0) - (b.p.orden ?? 0) || a.i - b.i)
+    .map(({ p }) => p);
+}
+
+/** Una respuesta cuenta como contestada si no es null/undefined/''. `false` y 0 SÍ cuentan. */
+export function estaContestada(valor: unknown): boolean {
+  return valor !== null && valor !== undefined && valor !== '';
+}
+
+/** Preguntas activas sin respuesta, en orden de formulario. */
+export function faltantes(preguntas: Pregunta[], respuestas: Respuestas): Pregunta[] {
+  return prepararPreguntas(preguntas).filter((p) => !estaContestada(respuestas[p.id]));
+}

package/src/types.ts

@@ -0,0 +1,23 @@
+export type TipoPregunta = 'texto' | 'opciones' | 'numero' | 'si_no' | 'foto' | 'ubicacion';
+
+export interface Pregunta {
+  id: string;
+  texto: string;
+  tipo: TipoPregunta;
+  /** Solo para tipo 'opciones'. */
+  opciones?: string[] | null;
+  orden?: number;
+  activa?: boolean;
+}
+
+export interface Ubicacion {
+  lat: number;
+  lng: number;
+  /** Precisión en metros, si el dispositivo la informa. */
+  precision?: number;
+}
+
+export type ValorRespuesta = string | number | boolean | Ubicacion | File | null;
+
+/** Respuestas indexadas por id de pregunta. */
+export type Respuestas = Record<string, ValorRespuesta>;