@acvl/mobile-components 0.0.0-stage → 0.0.2

package/lib/module/formularios/controlados.js

@@ -0,0 +1,199 @@
+"use strict";
+
+import React from "react";
+import { Controller } from "react-hook-form";
+import CampoDeSeleccion, { CampoDeVarias } from "./CampoDeSeleccion";
+import { CampoDeFecha, CampoDeFechaHora, CampoDeOpciones, CampoDeTelefono, CampoDeTexto, CampoInterruptor } from "./campos";
+
+/**
+ * Los campos de `campos.tsx` ya atados a un formulario de react-hook-form: reciben `control` y
+ * `name` y se cuelgan su valor y su error. Así un formulario largo (un tracto, una caja, un
+ * operador) es una lista de campos y no una de `Controller`.
+ *
+ * Un campo propio de una app (un catálogo de su API, una dirección) se ata igual, con `CampoAtado`
+ * y `SinValor`.
+ */
+
+/** Lo que un campo controlado recibe para atarse al formulario. */
+
+/** Las props de un campo sin lo que pone el `Controller`. */
+import { jsx as _jsx } from "react/jsx-runtime";
+export function TextoControlado({
+  control,
+  name,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx(Controller, {
+    name: name,
+    control: control,
+    render: ({
+      field: {
+        value,
+        onChange
+      },
+      fieldState
+    }) => /*#__PURE__*/_jsx(CampoDeTexto, {
+      ...props,
+      // Un número del formulario (un conteo, un monto) también se escribe aquí: el
+      // TextInput sólo sabe de texto.
+      valor: value == null ? "" : String(value),
+      onCambiar: onChange,
+      error: fieldState.error?.message
+    })
+  });
+}
+export function InterruptorControlado({
+  control,
+  name,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx(Controller, {
+    name: name,
+    control: control,
+    render: ({
+      field: {
+        value,
+        onChange
+      },
+      fieldState
+    }) => /*#__PURE__*/_jsx(CampoInterruptor, {
+      ...props,
+      valor: Boolean(value),
+      onCambiar: onChange,
+      error: fieldState.error?.message
+    })
+  });
+}
+export function FechaControlada({
+  control,
+  name,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx(Controller, {
+    name: name,
+    control: control,
+    render: ({
+      field: {
+        value,
+        onChange
+      },
+      fieldState
+    }) => /*#__PURE__*/_jsx(CampoDeFecha, {
+      ...props,
+      valor: value ?? null,
+      onCambiar: onChange,
+      error: fieldState.error?.message
+    })
+  });
+}
+export function FechaHoraControlada({
+  control,
+  name,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx(Controller, {
+    name: name,
+    control: control,
+    render: ({
+      field: {
+        value,
+        onChange
+      },
+      fieldState
+    }) => /*#__PURE__*/_jsx(CampoDeFechaHora, {
+      ...props,
+      valor: value ?? null,
+      onCambiar: onChange,
+      error: fieldState.error?.message
+    })
+  });
+}
+export function OpcionesControladas({
+  control,
+  name,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx(Controller, {
+    name: name,
+    control: control,
+    render: ({
+      field: {
+        value,
+        onChange
+      },
+      fieldState
+    }) => /*#__PURE__*/_jsx(CampoDeOpciones, {
+      ...props,
+      valor: value ?? null,
+      onElegir: onChange,
+      error: fieldState.error?.message
+    })
+  });
+}
+export function SeleccionControlada({
+  control,
+  name,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx(Controller, {
+    name: name,
+    control: control,
+    render: ({
+      field: {
+        value,
+        onChange
+      },
+      fieldState
+    }) => /*#__PURE__*/_jsx(CampoDeSeleccion, {
+      ...props,
+      valor: value ?? null,
+      onElegir: onChange,
+      error: fieldState.error?.message
+    })
+  });
+}
+export function TelefonoControlado({
+  control,
+  name,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx(Controller, {
+    name: name,
+    control: control,
+    render: ({
+      field: {
+        value,
+        onChange
+      },
+      fieldState
+    }) => /*#__PURE__*/_jsx(CampoDeTelefono, {
+      ...props,
+      valor: value ?? null,
+      onCambiar: onChange,
+      error: fieldState.error?.message
+    })
+  });
+}
+export function VariasControladas({
+  control,
+  name,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx(Controller, {
+    name: name,
+    control: control,
+    render: ({
+      field: {
+        value,
+        onChange
+      },
+      fieldState
+    }) => /*#__PURE__*/_jsx(CampoDeVarias, {
+      ...props,
+      valor: value ?? [],
+      onElegir: onChange,
+      error: fieldState.error?.message
+    })
+  });
+}
+//# sourceMappingURL=controlados.js.map

package/lib/module/formularios/controlados.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Controller","CampoDeSeleccion","CampoDeVarias","CampoDeFecha","CampoDeFechaHora","CampoDeOpciones","CampoDeTelefono","CampoDeTexto","CampoInterruptor","jsx","_jsx","TextoControlado","control","name","props","render","field","value","onChange","fieldState","valor","String","onCambiar","error","message","InterruptorControlado","Boolean","FechaControlada","FechaHoraControlada","OpcionesControladas","onElegir","SeleccionControlada","TelefonoControlado","VariasControladas"],"sourceRoot":"../../../src","sources":["formularios/controlados.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/formularios/errores.js

@@ -0,0 +1,91 @@
+"use strict";
+
+/** Si un texto es una página HTML y no un mensaje. */
+const pareceHtml = texto => /^\s*</.test(texto) || /<(html|body|head)[\s>]/i.test(texto);
+
+/**
+ * El mensaje que el backend mandó, listo para enseñárselo al usuario.
+ *
+ * Los errores de los backends de ACV salen de `drf_simple_api_errors`, que responde
+ * `{ title, detail?: string[], invalid_params?: [{ name, reason: string[] }] }`. Llegan en dos
+ * formas y se leen las dos:
+ *
+ * - `detail`: los errores de regla, que no cuelgan de un campo (el orden de los pasos, «falta lo
+ *   que la acción pide»). Si vienen varios se juntan todos, uno por renglón: enseñar sólo el
+ *   primero obligaba a corregir y reintentar para descubrir el siguiente.
+ * - `invalid_params`: los de un campo (`clave`, `lng`, `fecha_real`), cada uno con su motivo.
+ *
+ * `title` es la etiqueta del tipo de error («Validation error.»), que sola no le dice nada a
+ * nadie: sólo se usa si no hay nada más.
+ *
+ * Sirve para el feedback de una acción —un aviso, Pendientes—, no para pintar errores en los
+ * campos de un formulario: eso lo hace `setErrors` con `invalid_params`.
+ */
+export const mensajeDeError = (error, fallback) => {
+  const data = error?.data;
+  if (typeof data === "string" && data) {
+    // Una página de error de un proxy (un 413 o un 502 de nginx) llega como `PARSING_ERROR`
+    // con el HTML en `data`: enseñarla tal cual llenaba Pendientes de etiquetas. Va el
+    // mensaje genérico con el código.
+    if (pareceHtml(data)) {
+      const codigo = error?.originalStatus ?? error?.status;
+      return typeof codigo === "number" ? `${fallback} (error ${codigo})` : fallback;
+    }
+    return data;
+  }
+  if (data && typeof data === "object") {
+    const renglones = [];
+    if (Array.isArray(data.detail)) renglones.push(...data.detail.map(String));else if (typeof data.detail === "string" && data.detail) renglones.push(data.detail);
+    for (const param of Array.isArray(data.invalid_params) ? data.invalid_params : []) {
+      const razon = Array.isArray(param?.reason) ? param.reason.join(" ") : param?.reason;
+      if (razon) renglones.push(String(razon));
+    }
+    const limpios = renglones.map(r => r.trim()).filter(Boolean);
+    if (limpios.length) return limpios.join("\n");
+    if (typeof data.title === "string" && data.title) return data.title;
+  }
+
+  // Un `Error` de la propia app (p. ej. el dispositivo no sabe compartir archivos) no trae
+  // `data`: su mensaje ya está escrito para el usuario.
+  if (typeof error?.message === "string" && error.message) return error.message;
+  return fallback;
+};
+
+/**
+ * Vuelca los motivos de un 400 sobre los campos del formulario.
+ *
+ * El backend responde en RFC 7807 (`invalid_params: [{ name, reason }]`). Un campo suelto trae
+ * su motivo como lista de textos y se cuelga de su nombre tal cual. Una **lista editable**
+ * (`useFieldArray`) trae en su lugar un objeto por renglón —vacío si ese
+ * renglón está bien—, que es como DRF reporta un serializador anidado `many=True`; ahí el motivo
+ * va a `lista.<índice>.<campo>`, que es justo como se llaman los inputs de la fila, para que se
+ * pinte sobre el campo que falla.
+ *
+ * Sin ese segundo caso el error quedaba a nombre de la lista entera, donde no hay ningún input
+ * registrado: quien capturaba sólo veía el aviso genérico de que no se pudo guardar. Es la misma
+ * traducción que hace el portal (`setErrors` de @acvl/frontend-components), así que la forma de
+ * la respuesta es una sola para los dos clientes.
+ */
+export const setErrors = (form, error) => {
+  // Sin respuesta (una falla de red) o un 400 de regla sin campos (`invalid_params: null`): no
+  // hay nada que colgar de los campos, y quien llama ya enseña el aviso general.
+  const params = error?.data?.invalid_params;
+  if (!params || typeof params !== "object") return;
+  Object.values(params).forEach(param => {
+    const porRenglon = Array.isArray(param.reason) && param.reason.length > 0 && param.reason.every(renglon => typeof renglon === "object" && renglon !== null && !Array.isArray(renglon));
+    if (porRenglon) {
+      param.reason.forEach((renglon, indice) => {
+        Object.entries(renglon).forEach(([campo, motivos]) => {
+          form.setError(`${param.name}.${indice}.${campo}`, {
+            message: Array.isArray(motivos) ? motivos.join(", ") : String(motivos)
+          });
+        });
+      });
+      return;
+    }
+    form.setError(param.name, {
+      message: Array.isArray(param.reason) ? param.reason.join(", ") : param.reason
+    });
+  });
+};
+//# sourceMappingURL=errores.js.map

package/lib/module/formularios/errores.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["pareceHtml","texto","test","mensajeDeError","error","fallback","data","codigo","originalStatus","status","renglones","Array","isArray","detail","push","map","String","param","invalid_params","razon","reason","join","limpios","r","trim","filter","Boolean","length","title","message","setErrors","form","params","Object","values","forEach","porRenglon","every","renglon","indice","entries","campo","motivos","setError","name"],"sourceRoot":"../../../src","sources":["formularios/errores.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/formularios/guardado.js

@@ -0,0 +1,78 @@
+"use strict";
+
+import { router } from "expo-router";
+import React from "react";
+import { avisar } from "../dialogos/dialogos";
+import { mensajeDeError, setErrors } from "./errores";
+
+/**
+ * Lo que comparten los formularios de edición: cómo se compara lo capturado contra lo que vino,
+ * cómo se lee un rechazo del servidor y cómo se guarda.
+ */
+
+/** Un texto anulable como se manda: sin espacios a los lados, y vacío es `null`. */
+export const textoONulo = texto => {
+  const limpio = (texto ?? "").trim();
+  return limpio ? limpio : null;
+};
+
+/** Una fecha como se manda: ISO **con su hora** (la hora es el dato), o `null`. */
+export const isoONulo = fecha => fecha ? fecha.toISOString() : null;
+
+/** Una fecha del servidor como la captura el formulario. */
+export const fechaONula = iso => iso ? new Date(iso) : null;
+
+/** Si dos instantes son el mismo; dos nulos también lo son. */
+export const mismoInstante = (a, b) => (a?.getTime() ?? null) === (b?.getTime() ?? null);
+
+/**
+ * Cuelga de cada campo el motivo con el que el servidor lo rechazó (`invalid_params`). Sólo si
+ * vienen como lista: un 400 de regla trae `detail` y `invalid_params` nulo, y `setErrors` no lo
+ * aguanta. Lo que no es de un campo lo dice quien llama, con `mensajeDeError`.
+ */
+export const volcarErrores = (form, error) => {
+  const data = error?.data;
+  if (data && Array.isArray(data.invalid_params)) setErrors(form, error);
+};
+
+/**
+ * Guardar un formulario de edición, igual en todos: si nada cambió, sólo se regresa; si el
+ * servidor lo rechaza, cada motivo se cuelga de su campo (`volcarErrores`), el mensaje queda
+ * abajo del formulario (`error`) y se avisa. Al guardar, regresa a la pantalla de antes.
+ */
+export function useGuardado(form) {
+  const [error, setError] = React.useState(null);
+  const guardar = async (cambios, mandar) => {
+    if (Object.keys(cambios).length === 0) {
+      router.back();
+      return;
+    }
+    setError(null);
+    try {
+      await mandar();
+      router.back();
+    } catch (falla) {
+      volcarErrores(form, falla);
+      const mensaje = mensajeDeError(falla, "Revisa la señal e intenta de nuevo.");
+      setError(mensaje);
+      await avisar({
+        titulo: "No se guardó",
+        mensaje,
+        icono: "alert-circle-outline"
+      });
+    }
+  };
+  return {
+    error,
+    guardar
+  };
+}
+
+/**
+ * De dos cuerpos completos —lo que se mandaría con lo que vino y con lo capturado—, sólo las
+ * llaves que cambiaron, como el `formParser` del portal: un `PATCH` con todo pisaría lo que alguien
+ * cambió en el portal mientras la pantalla estaba abierta. Compara por valor (`JSON`), así que
+ * sirve con listas y objetos (los contactos, una dirección).
+ */
+export const soloLoQueCambio = (antes, despues) => Object.fromEntries(Object.entries(despues).filter(([llave, valor]) => JSON.stringify(valor) !== JSON.stringify(antes[llave])));
+//# sourceMappingURL=guardado.js.map

package/lib/module/formularios/guardado.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["router","React","avisar","mensajeDeError","setErrors","textoONulo","texto","limpio","trim","isoONulo","fecha","toISOString","fechaONula","iso","Date","mismoInstante","a","b","getTime","volcarErrores","form","error","data","Array","isArray","invalid_params","useGuardado","setError","useState","guardar","cambios","mandar","Object","keys","length","back","falla","mensaje","titulo","icono","soloLoQueCambio","antes","despues","fromEntries","entries","filter","llave","valor","JSON","stringify"],"sourceRoot":"../../../src","sources":["formularios/guardado.ts"],"mappings":";;AAAA,SAASA,MAAM,QAAQ,aAAa;AACpC,OAAOC,KAAK,MAAM,OAAO;AAEzB,SAASC,MAAM,QAAQ,sBAAsB;AAC7C,SAASC,cAAc,EAAEC,SAAS,QAAQ,WAAW;;AAErD;AACA;AACA;AACA;;AAEA;AACA,OAAO,MAAMC,UAAU,GAAIC,KAAgC,IAAoB;EAC3E,MAAMC,MAAM,GAAG,CAACD,KAAK,IAAI,EAAE,EAAEE,IAAI,CAAC,CAAC;EACnC,OAAOD,MAAM,GAAGA,MAAM,GAAG,IAAI;AACjC,CAAC;;AAED;AACA,OAAO,MAAME,QAAQ,GAAIC,KAAkB,IAAqBA,KAAK,GAAGA,KAAK,CAACC,WAAW,CAAC,CAAC,GAAG,IAAK;;AAEnG;AACA,OAAO,MAAMC,UAAU,GAAIC,GAA8B,IACrDA,GAAG,GAAG,IAAIC,IAAI,CAACD,GAAG,CAAC,GAAG,IAAI;;AAE9B;AACA,OAAO,MAAME,aAAa,GAAGA,CAACC,CAAc,EAAEC,CAAc,KACxD,CAACD,CAAC,EAAEE,OAAO,CAAC,CAAC,IAAI,IAAI,OAAOD,CAAC,EAAEC,OAAO,CAAC,CAAC,IAAI,IAAI,CAAC;;AAErD;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,aAAa,GAAGA,CAAwBC,IAAsB,EAAEC,KAAc,KAAK;EAC5F,MAAMC,IAAI,GAAID,KAAK,EAAqDC,IAAI;EAC5E,IAAIA,IAAI,IAAIC,KAAK,CAACC,OAAO,CAACF,IAAI,CAACG,cAAc,CAAC,EAAErB,SAAS,CAACgB,IAAI,EAAEC,KAAK,CAAC;AAC1E,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA,OAAO,SAASK,WAAWA,CAAwBN,IAAsB,EAAE;EACvE,MAAM,CAACC,KAAK,EAAEM,QAAQ,CAAC,GAAG1B,KAAK,CAAC2B,QAAQ,CAAgB,IAAI,CAAC;EAC7D,MAAMC,OAAO,GAAG,MAAAA,CAAOC,OAAe,EAAEC,MAA8B,KAAK;IACvE,IAAIC,MAAM,CAACC,IAAI,CAACH,OAAO,CAAC,CAACI,MAAM,KAAK,CAAC,EAAE;MACnClC,MAAM,CAACmC,IAAI,CAAC,CAAC;MACb;IACJ;IACAR,QAAQ,CAAC,IAAI,CAAC;IACd,IAAI;MACA,MAAMI,MAAM,CAAC,CAAC;MACd/B,MAAM,CAACmC,IAAI,CAAC,CAAC;IACjB,CAAC,CAAC,OAAOC,KAAK,EAAE;MACZjB,aAAa,CAACC,IAAI,EAAEgB,KAAK,CAAC;MAC1B,MAAMC,OAAO,GAAGlC,cAAc,CAACiC,KAAK,EAAE,qCAAqC,CAAC;MAC5ET,QAAQ,CAACU,OAAO,CAAC;MACjB,MAAMnC,MAAM,CAAC;QAAEoC,MAAM,EAAE,cAAc;QAAED,OAAO;QAAEE,KAAK,EAAE;MAAuB,CAAC,CAAC;IACpF;EACJ,CAAC;EACD,OAAO;IAAElB,KAAK;IAAEQ;EAAQ,CAAC;AAC7B;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMW,eAAe,GAAGA,CAAoCC,KAAQ,EAAEC,OAAU,KACnFV,MAAM,CAACW,WAAW,CACdX,MAAM,CAACY,OAAO,CAACF,OAAO,CAAC,CAACG,MAAM,CAC1B,CAAC,CAACC,KAAK,EAAEC,KAAK,CAAC,KAAKC,IAAI,CAACC,SAAS,CAACF,KAAK,CAAC,KAAKC,IAAI,CAACC,SAAS,CAACR,KAAK,CAACK,KAAK,CAAC,CAC7E,CACJ,CAAe","ignoreList":[]}

package/lib/module/formularios/useBusqueda.js

@@ -0,0 +1,22 @@
+"use strict";
+
+import React from "react";
+
+/** Lo que tarda en buscar después de la última tecla: no una petición por letra. */
+const PAUSA_MS = 300;
+
+/**
+ * Un buscador que pide al servidor: `[texto, busqueda, setTexto]`. `texto` es lo escrito, al
+ * momento, para el campo; `busqueda` es lo mismo sin espacios a los lados y **300 ms después de la
+ * última tecla**, para la consulta.
+ */
+export function useBusqueda() {
+  const [texto, setTexto] = React.useState("");
+  const [busqueda, setBusqueda] = React.useState("");
+  React.useEffect(() => {
+    const espera = setTimeout(() => setBusqueda(texto.trim()), PAUSA_MS);
+    return () => clearTimeout(espera);
+  }, [texto]);
+  return [texto, busqueda, setTexto];
+}
+//# sourceMappingURL=useBusqueda.js.map

package/lib/module/formularios/useBusqueda.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","PAUSA_MS","useBusqueda","texto","setTexto","useState","busqueda","setBusqueda","useEffect","espera","setTimeout","trim","clearTimeout"],"sourceRoot":"../../../src","sources":["formularios/useBusqueda.ts"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB;AACA,MAAMC,QAAQ,GAAG,GAAG;;AAEpB;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,WAAWA,CAAA,EAA8C;EACrE,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGJ,KAAK,CAACK,QAAQ,CAAC,EAAE,CAAC;EAC5C,MAAM,CAACC,QAAQ,EAAEC,WAAW,CAAC,GAAGP,KAAK,CAACK,QAAQ,CAAC,EAAE,CAAC;EAClDL,KAAK,CAACQ,SAAS,CAAC,MAAM;IAClB,MAAMC,MAAM,GAAGC,UAAU,CAAC,MAAMH,WAAW,CAACJ,KAAK,CAACQ,IAAI,CAAC,CAAC,CAAC,EAAEV,QAAQ,CAAC;IACpE,OAAO,MAAMW,YAAY,CAACH,MAAM,CAAC;EACrC,CAAC,EAAE,CAACN,KAAK,CAAC,CAAC;EACX,OAAO,CAACA,KAAK,EAAEG,QAAQ,EAAEF,QAAQ,CAAC;AACtC","ignoreList":[]}

package/lib/module/fotos/elegir.js

@@ -0,0 +1,105 @@
+"use strict";
+
+// Elegir un documento para subirlo, o preguntar de dónde (cámara, galería o documento). Contesta lo
+// elegido ya listo para el `FormData`; qué se hace con él es de quien llama. La cámara y la
+// galería solas están en `camara/`, que no pide expo-document-picker.
+import * as DocumentPicker from "expo-document-picker";
+import { File } from "expo-file-system";
+import { elegirDeGaleria, tomarFoto } from "../camara/elegir";
+import { reducirImagenAdjunta } from "../camara/reducir";
+import { avisar, mostrarDialogo } from "../dialogos/dialogos";
+
+/** El tope de un archivo en el servidor (`ConArchivoSubido.TAMANO_MAXIMO`): 25 MB. */
+export const TAMANO_MAXIMO_BYTES = 25 * 1024 * 1024;
+
+/**
+ * Lo que el servidor acepta de un adjunto (`core/shared/serializers.py`): PDF, imágenes y hojas de
+ * cálculo. Lo demás ni se ofrece en el selector.
+ */
+export const TIPOS_DE_ADJUNTO = ["application/pdf", "image/*", "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet", "application/vnd.ms-excel", "text/csv"];
+
+/**
+ * Documentos (un PDF, una foto ya escaneada). Uno más pesado que el tope del servidor se rechaza al
+ * subirlo, así que se avisa aquí y se deja fuera. Una imagen adjuntada como archivo también se
+ * reduce, igual que una de la cámara.
+ */
+export async function elegirDocumentos({
+  tipos = TIPOS_DE_ADJUNTO,
+  varias = false,
+  tamanoMaximo = TAMANO_MAXIMO_BYTES
+} = {}) {
+  const resultado = await DocumentPicker.getDocumentAsync({
+    type: tipos,
+    multiple: varias,
+    copyToCacheDirectory: true
+  });
+  if (resultado.canceled) return [];
+  const elegidos = [];
+  for (const doc of resultado.assets) {
+    const pesa = doc.size ?? new File(doc.uri).size;
+    if (pesa > tamanoMaximo) {
+      await avisar({
+        titulo: "Archivo demasiado pesado",
+        mensaje: `«${doc.name}» pesa ${(pesa / (1024 * 1024)).toFixed(1)} MB y el tope son ` + `${tamanoMaximo / (1024 * 1024)} MB. Elige uno más ligero o tómale una foto.`,
+        icono: "file-alert-outline"
+      });
+      continue;
+    }
+    const tipo = doc.mimeType ?? "application/octet-stream";
+    const esFoto = tipo.startsWith("image/");
+    const archivo = esFoto ? await reducirImagenAdjunta({
+      uri: doc.uri,
+      nombre: doc.name,
+      tipo
+    }) : {
+      uri: doc.uri,
+      nombre: doc.name,
+      tipo
+    };
+    elegidos.push({
+      ...archivo,
+      esFoto
+    });
+  }
+  return elegidos;
+}
+
+/**
+ * Pregunta de dónde (cámara, galería o un documento) y elige uno. Contesta `null` si se canceló en
+ * cualquier paso o el archivo no se puede subir (y ya se dijo por qué).
+ */
+export async function elegirAdjunto({
+  titulo = "Subir un archivo",
+  permiso,
+  tipos
+}) {
+  const origen = await mostrarDialogo({
+    titulo,
+    icono: "paperclip",
+    botones: [{
+      texto: "Tomar una foto",
+      icono: "camera-outline",
+      estilo: "principal",
+      valor: "camara"
+    }, {
+      texto: "De la galería",
+      icono: "image-outline",
+      estilo: "secundario",
+      valor: "galeria"
+    }, {
+      texto: "Un documento",
+      icono: "file-document-outline",
+      estilo: "secundario",
+      valor: "documento"
+    }, {
+      texto: "Cancelar",
+      estilo: "cancelar",
+      valor: null
+    }]
+  });
+  const elegidos = origen === "camara" ? await tomarFoto(permiso) : origen === "galeria" ? await elegirDeGaleria() : origen === "documento" ? await elegirDocumentos({
+    tipos
+  }) : [];
+  return elegidos[0] ?? null;
+}
+//# sourceMappingURL=elegir.js.map

package/lib/module/fotos/elegir.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["DocumentPicker","File","elegirDeGaleria","tomarFoto","reducirImagenAdjunta","avisar","mostrarDialogo","TAMANO_MAXIMO_BYTES","TIPOS_DE_ADJUNTO","elegirDocumentos","tipos","varias","tamanoMaximo","resultado","getDocumentAsync","type","multiple","copyToCacheDirectory","canceled","elegidos","doc","assets","pesa","size","uri","titulo","mensaje","name","toFixed","icono","tipo","mimeType","esFoto","startsWith","archivo","nombre","push","elegirAdjunto","permiso","origen","botones","texto","estilo","valor"],"sourceRoot":"../../../src","sources":["fotos/elegir.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/fotos/index.js

@@ -0,0 +1,9 @@
+"use strict";
+
+// `@acvl/mobile-components/fotos`: tomar y elegir fotos y archivos. Va aparte de la entrada
+// principal porque usa expo-image-picker, expo-image-manipulator, expo-document-picker y
+// expo-file-system, que sólo instala la app que sube archivos. Lo de la cámara sola (sin
+// documentos) está también en `camara`.
+export * from "../camara";
+export { elegirAdjunto, elegirDocumentos, TAMANO_MAXIMO_BYTES, TIPOS_DE_ADJUNTO } from "./elegir";
+//# sourceMappingURL=index.js.map

package/lib/module/fotos/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["elegirAdjunto","elegirDocumentos","TAMANO_MAXIMO_BYTES","TIPOS_DE_ADJUNTO"],"sourceRoot":"../../../src","sources":["fotos/index.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA,cAAc,WAAW;AACzB,SAASA,aAAa,EAAEC,gBAAgB,EAAEC,mBAAmB,EAAEC,gBAAgB,QAAQ,UAAU","ignoreList":[]}