@acvl/mobile-components 0.0.0-stage → 0.0.2

package/lib/module/pantallas/PantallaDeEdicion.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","ActivityIndicator","ScrollView","View","KeyboardAvoidingView","useSafeAreaInsets","BotonGrande","CabeceraEmpujada","EstadoVacio","Nota","mensajeDeError","crearEstilos","usePaleta","jsx","_jsx","jsxs","_jsxs","EsperaDeEdicion","eyebrow","puede","sinPermiso","consulta","queEs","c","styles","useStyles","style","root","children","titulo","icono","texto","isError","error","modo","onPress","refetch","color","primary","cargando","FormularioDeEdicion","guardando","onGuardar","textoDeGuardar","insets","behavior","flex","contentContainerStyle","contenido","keyboardShouldPersistTaps","tono","pie","paddingBottom","bottom","backgroundColor","fondo","marginTop","padding","gap","paddingHorizontal","paddingTop","superficie"],"sourceRoot":"../../../src","sources":["pantallas/PantallaDeEdicion.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/pantallas/PantallaDeFicha.js

@@ -0,0 +1,94 @@
+"use strict";
+
+import React from "react";
+import { ActivityIndicator, RefreshControl, ScrollView, View } from "react-native";
+import { useSafeAreaInsets } from "react-native-safe-area-context";
+import BotonGrande from "../componentes/BotonGrande";
+import CabeceraEmpujada from "../componentes/CabeceraEmpujada";
+import EstadoVacio from "../componentes/EstadoVacio";
+import { crearEstilos, usePaleta } from "../tema";
+
+/** Lo que la ficha lee de un `use…Query` de RTK Query. */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const esNoEncontrado = error => typeof error === "object" && error !== null && "status" in error && error.status === 404;
+
+/**
+ * Una ficha de solo lectura (un viaje, un tracto, un cliente): la cabecera con atrás, y lo suyo en
+ * un scroll que se refresca jalando hacia abajo. Mientras carga, o si falla, lo dice en vez de
+ * pintar vacía.
+ *
+ * `children` sólo se pinta con datos: quien la usa no tiene que preguntar si ya llegaron.
+ */
+export default function PantallaDeFicha({
+  eyebrow,
+  titulo,
+  consulta,
+  hayDatos,
+  acciones,
+  estado,
+  encima,
+  children
+}) {
+  const c = usePaleta();
+  const styles = useStyles();
+  const insets = useSafeAreaInsets();
+  let cuerpo;
+  if (consulta.isLoading) {
+    cuerpo = /*#__PURE__*/_jsx(ActivityIndicator, {
+      color: c.primary,
+      size: "large",
+      style: styles.cargando
+    });
+  } else if (!hayDatos) {
+    cuerpo = esNoEncontrado(consulta.error) ? /*#__PURE__*/_jsx(EstadoVacio, {
+      icono: "file-hidden",
+      titulo: "No existe",
+      texto: "Puede que lo hayan borrado, o que no tengas permiso de verlo."
+    }) : /*#__PURE__*/_jsx(EstadoVacio, {
+      icono: "cloud-off-outline",
+      titulo: "No se pudo cargar",
+      texto: "Revisa tu se\xF1al e intenta de nuevo.",
+      children: /*#__PURE__*/_jsx(BotonGrande, {
+        icono: "refresh",
+        onPress: () => consulta.refetch(),
+        children: "Reintentar"
+      })
+    });
+  } else {
+    cuerpo = /*#__PURE__*/_jsx(ScrollView, {
+      contentContainerStyle: [styles.contenido, {
+        paddingBottom: insets.bottom + 24
+      }],
+      refreshControl: /*#__PURE__*/_jsx(RefreshControl, {
+        refreshing: consulta.isFetching && !consulta.isLoading,
+        onRefresh: () => consulta.refetch(),
+        colors: [c.primary],
+        progressBackgroundColor: c.superficie
+      }),
+      children: children
+    });
+  }
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.root,
+    children: [/*#__PURE__*/_jsx(CabeceraEmpujada, {
+      eyebrow: eyebrow,
+      titulo: titulo,
+      acciones: hayDatos ? acciones : undefined,
+      estado: hayDatos ? estado : undefined
+    }), cuerpo, hayDatos ? encima : null]
+  });
+}
+const useStyles = crearEstilos(c => ({
+  root: {
+    flex: 1,
+    backgroundColor: c.fondo
+  },
+  cargando: {
+    marginTop: 40
+  },
+  contenido: {
+    padding: 16,
+    gap: 20
+  }
+}));
+//# sourceMappingURL=PantallaDeFicha.js.map

package/lib/module/pantallas/PantallaDeFicha.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","ActivityIndicator","RefreshControl","ScrollView","View","useSafeAreaInsets","BotonGrande","CabeceraEmpujada","EstadoVacio","crearEstilos","usePaleta","jsx","_jsx","jsxs","_jsxs","esNoEncontrado","error","status","PantallaDeFicha","eyebrow","titulo","consulta","hayDatos","acciones","estado","encima","children","c","styles","useStyles","insets","cuerpo","isLoading","color","primary","size","style","cargando","icono","texto","onPress","refetch","contentContainerStyle","contenido","paddingBottom","bottom","refreshControl","refreshing","isFetching","onRefresh","colors","progressBackgroundColor","superficie","root","undefined","flex","backgroundColor","fondo","marginTop","padding","gap"],"sourceRoot":"../../../src","sources":["pantallas/PantallaDeFicha.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/pantallas/PantallaDeHistorial.js

@@ -0,0 +1,328 @@
+"use strict";
+
+import MaterialCommunityIcons from "@expo/vector-icons/MaterialCommunityIcons";
+import React from "react";
+import { ActivityIndicator, Pressable, RefreshControl, ScrollView, View } from "react-native";
+import { useSafeAreaInsets } from "react-native-safe-area-context";
+import BotonGrande from "../componentes/BotonGrande";
+import CabeceraEmpujada from "../componentes/CabeceraEmpujada";
+import EstadoVacio from "../componentes/EstadoVacio";
+import Tarjeta from "../componentes/Tarjeta";
+import { crearEstilos, renglon, tipografia, usePaleta } from "../tema";
+import { Text } from "../texto";
+
+/**
+ * Un movimiento de la bitácora de un registro, como lo responde cualquier endpoint `historial/`
+ * de los backends de ACV (`BaseHistorySerializer`): el registro **entero** como quedó, con quién,
+ * cuándo y qué campos cambiaron.
+ */
+
+/**
+ * Lo que devuelve cualquier endpoint `historial/`: la línea de tiempo, del más nuevo al más viejo,
+ * y aparte cómo se llama cada campo. Las etiquetas son además el filtro de qué se pinta: un campo
+ * sin etiqueta es de los internos de la bitácora.
+ */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Cómo se pinta cada tipo de movimiento. El backend manda la acción ya redactada, así que el icono
+ * y el color salen del prefijo.
+ */
+const TIPOS = [{
+  prefijo: "Creación",
+  icono: "plus-circle-outline",
+  colores: c => c.exito
+}, {
+  prefijo: "Actualización",
+  icono: "pencil-outline",
+  colores: c => c.info
+}, {
+  prefijo: "Eliminación",
+  icono: "minus-circle-outline",
+  colores: c => c.error
+}];
+const pintaDe = (c, tipo) => {
+  const t = TIPOS.find(x => tipo.startsWith(x.prefijo));
+  return t ? {
+    icono: t.icono,
+    ...t.colores(c)
+  } : {
+    icono: "history",
+    fondo: c.superficieTenue,
+    tinta: c.secondary
+  };
+};
+
+/** Parte «Acción - Modelo» en sus dos mitades; sin guion, todo es el encabezado. */
+const partirTipo = tipo => {
+  const corte = tipo.indexOf(" - ");
+  if (corte === -1) return {
+    accion: "",
+    modelo: tipo
+  };
+  return {
+    accion: tipo.slice(0, corte),
+    modelo: tipo.slice(corte + 3)
+  };
+};
+
+/** El valor de un campo tal como viene de la bitácora, listo para pintarse. */
+const formatear = valor => {
+  if (valor === null || valor === undefined || valor === "") return "—";
+  if (typeof valor === "boolean") return valor ? "Sí" : "No";
+  if (Array.isArray(valor)) return valor.length ? valor.join(", ") : "—";
+  if (typeof valor === "object") return JSON.stringify(valor);
+  return String(valor);
+};
+
+/** La fecha y hora del movimiento, en la hora del teléfono. */
+const fechaHora = iso => {
+  const fecha = new Date(iso);
+  return Number.isNaN(fecha.getTime()) ? "—" : fecha.toLocaleString("es-MX", {
+    day: "2-digit",
+    month: "short",
+    year: "numeric",
+    hour: "2-digit",
+    minute: "2-digit"
+  });
+};
+
+/**
+ * Un movimiento.
+ *
+ * De entrada enseña sólo lo que cambió en ese paso: el evento trae el registro entero como quedó, y
+ * en un teléfono treinta campos por tarjeta esconden el que importa. El resto está a un toque, que
+ * es donde se va a buscar el dato que no se movió.
+ */
+export function TarjetaDeEvento({
+  evento,
+  labels
+}) {
+  const c = usePaleta();
+  const styles = useStyles();
+  const [abierto, setAbierto] = React.useState(false);
+  const {
+    accion,
+    modelo
+  } = partirTipo(evento.history_type);
+  const pinta = pintaDe(c, evento.history_type);
+
+  // Las etiquetas mandan qué se pinta y en qué orden.
+  const campos = Object.keys(labels).filter(campo => campo in evento);
+  const cambiados = evento.campos_con_cambios;
+  const visibles = abierto ? campos : campos.filter(campo => cambiados?.includes(campo));
+  return /*#__PURE__*/_jsxs(Tarjeta, {
+    style: styles.evento,
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: styles.cabecera,
+      children: [/*#__PURE__*/_jsx(View, {
+        style: [styles.icono, {
+          backgroundColor: pinta.fondo
+        }],
+        children: /*#__PURE__*/_jsx(MaterialCommunityIcons, {
+          name: pinta.icono,
+          size: 20,
+          color: pinta.tinta
+        })
+      }), /*#__PURE__*/_jsxs(View, {
+        style: styles.flex,
+        children: [/*#__PURE__*/_jsx(Text, {
+          style: styles.titulo,
+          children: modelo
+        }), /*#__PURE__*/_jsx(Text, {
+          style: styles.linea,
+          children: [accion, evento.history_user || "Sistema"].filter(Boolean).join(" · ")
+        }), /*#__PURE__*/_jsx(Text, {
+          style: styles.linea,
+          children: fechaHora(evento.history_date)
+        })]
+      })]
+    }), !abierto && cambiados?.length === 0 ? /*#__PURE__*/_jsx(Text, {
+      style: styles.sinCambios,
+      children: "Sin cambios en los campos."
+    }) : null, visibles.map(campo => {
+      const cambiado = Boolean(cambiados?.includes(campo));
+      return /*#__PURE__*/_jsxs(View, {
+        style: [styles.dato, cambiado && styles.datoCambiado],
+        children: [/*#__PURE__*/_jsx(Text, {
+          style: [styles.etiqueta, cambiado && styles.etiquetaCambiada],
+          children: labels[campo]
+        }), /*#__PURE__*/_jsx(Text, {
+          style: styles.valor,
+          children: formatear(evento[campo])
+        })]
+      }, campo);
+    }), campos.length > 0 ? /*#__PURE__*/_jsxs(Pressable, {
+      onPress: () => setAbierto(previo => !previo),
+      accessibilityRole: "button",
+      hitSlop: 8,
+      style: ({
+        pressed
+      }) => [styles.alternar, pressed && styles.presionada],
+      children: [/*#__PURE__*/_jsx(Text, {
+        style: styles.alternarTexto,
+        children: abierto ? "Ocultar campos" : cambiados?.length ? "Ver todos los campos" : "Ver los campos"
+      }), /*#__PURE__*/_jsx(MaterialCommunityIcons, {
+        name: abierto ? "chevron-up" : "chevron-down",
+        size: 22,
+        color: c.primary
+      })]
+    }) : null]
+  });
+}
+
+/** Lo que la pantalla lee de un `use…Query` de RTK Query. */
+
+/**
+ * La bitácora de un registro: quién lo movió, cuándo y qué le cambió. Es el panel de historial del
+ * portal, que allá se acopla al costado de la ficha; en el teléfono no hay costado, así que es una
+ * pantalla empujada a la que se llega desde las acciones de la ficha.
+ *
+ * Quien la usa pone la consulta (de dónde se pide, con su permiso). Conviene pedirla con
+ * `refetchOnMountOrArgChange`: se abre justo después de mover algo, y servir la caché enseñaría un
+ * historial sin el movimiento que se viene a comprobar.
+ *
+ * En varios registros el backend mezcla en una sola línea de tiempo el registro y lo que cuelga de
+ * él (una orden con sus conceptos, un embarque con su transporte); por eso cada tarjeta dice de qué
+ * registro habla.
+ */
+export default function PantallaDeHistorial({
+  eyebrow,
+  consulta
+}) {
+  const c = usePaleta();
+  const styles = useStyles();
+  const insets = useSafeAreaInsets();
+  const {
+    data,
+    isLoading,
+    isFetching,
+    isError,
+    refetch
+  } = consulta;
+  const eventos = data?.history ?? [];
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.root,
+    children: [/*#__PURE__*/_jsx(CabeceraEmpujada, {
+      eyebrow: eyebrow,
+      titulo: "Historial"
+    }), isError && !data ? /*#__PURE__*/_jsx(EstadoVacio, {
+      icono: "cloud-off-outline",
+      titulo: "No se pudo cargar el historial",
+      texto: "Revisa tu se\xF1al e intenta de nuevo.",
+      children: /*#__PURE__*/_jsx(BotonGrande, {
+        icono: "refresh",
+        modo: "contorno",
+        onPress: () => refetch(),
+        children: "Reintentar"
+      })
+    }) : isLoading ? /*#__PURE__*/_jsx(ActivityIndicator, {
+      color: c.primary,
+      style: styles.cargando
+    }) : /*#__PURE__*/_jsx(ScrollView, {
+      contentContainerStyle: [styles.contenido, {
+        paddingBottom: insets.bottom + 24
+      }],
+      refreshControl: /*#__PURE__*/_jsx(RefreshControl, {
+        refreshing: isFetching,
+        onRefresh: () => refetch(),
+        tintColor: c.primary,
+        colors: [c.primary],
+        progressBackgroundColor: c.superficie
+      }),
+      children: eventos.length === 0 ? /*#__PURE__*/_jsx(EstadoVacio, {
+        icono: "history",
+        titulo: "Sin movimientos registrados"
+      }) : eventos.map((evento, indice) =>
+      /*#__PURE__*/
+      // El backend no da una llave por evento (mezcla modelos con ids que se
+      // repiten); el índice sirve porque la lista se reemplaza entera.
+      _jsx(TarjetaDeEvento, {
+        evento: evento,
+        labels: data?.labels ?? {}
+      }, indice))
+    })]
+  });
+}
+const useStyles = crearEstilos(c => ({
+  root: {
+    flex: 1,
+    backgroundColor: c.fondo
+  },
+  cargando: {
+    marginTop: 40
+  },
+  contenido: {
+    padding: 16,
+    gap: 12
+  },
+  flex: {
+    flex: 1
+  },
+  evento: {
+    gap: 10
+  },
+  cabecera: {
+    flexDirection: "row",
+    alignItems: "flex-start",
+    gap: 12
+  },
+  icono: {
+    width: 36,
+    height: 36,
+    borderRadius: 18,
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  titulo: {
+    ...renglon(tipografia.cuerpo),
+    fontWeight: "800"
+  },
+  linea: {
+    ...renglon(tipografia.secundario),
+    color: c.secondary
+  },
+  sinCambios: {
+    ...renglon(tipografia.secundario),
+    color: c.secondary,
+    fontStyle: "italic"
+  },
+  // Un campo por renglón: con la letra grande, dos columnas parten los valores a media palabra.
+  dato: {
+    borderRadius: 10,
+    paddingVertical: 6,
+    paddingHorizontal: 10,
+    gap: 2
+  },
+  datoCambiado: {
+    backgroundColor: c.primaryWash
+  },
+  etiqueta: {
+    ...renglon(tipografia.etiqueta),
+    fontWeight: "800",
+    color: c.secondary,
+    textTransform: "uppercase",
+    letterSpacing: 0.6
+  },
+  etiquetaCambiada: {
+    color: c.primary
+  },
+  valor: {
+    ...renglon(tipografia.secundario),
+    fontWeight: "600"
+  },
+  alternar: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 2,
+    alignSelf: "flex-start"
+  },
+  alternarTexto: {
+    ...renglon(tipografia.secundario),
+    fontWeight: "700",
+    color: c.primary
+  },
+  presionada: {
+    opacity: 0.6
+  }
+}));
+//# sourceMappingURL=PantallaDeHistorial.js.map

package/lib/module/pantallas/PantallaDeHistorial.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["MaterialCommunityIcons","React","ActivityIndicator","Pressable","RefreshControl","ScrollView","View","useSafeAreaInsets","BotonGrande","CabeceraEmpujada","EstadoVacio","Tarjeta","crearEstilos","renglon","tipografia","usePaleta","Text","jsx","_jsx","jsxs","_jsxs","TIPOS","prefijo","icono","colores","c","exito","info","error","pintaDe","tipo","t","find","x","startsWith","fondo","superficieTenue","tinta","secondary","partirTipo","corte","indexOf","accion","modelo","slice","formatear","valor","undefined","Array","isArray","length","join","JSON","stringify","String","fechaHora","iso","fecha","Date","Number","isNaN","getTime","toLocaleString","day","month","year","hour","minute","TarjetaDeEvento","evento","labels","styles","useStyles","abierto","setAbierto","useState","history_type","pinta","campos","Object","keys","filter","campo","cambiados","campos_con_cambios","visibles","includes","style","children","cabecera","backgroundColor","name","size","color","flex","titulo","linea","history_user","Boolean","history_date","sinCambios","map","cambiado","dato","datoCambiado","etiqueta","etiquetaCambiada","onPress","previo","accessibilityRole","hitSlop","pressed","alternar","presionada","alternarTexto","primary","PantallaDeHistorial","eyebrow","consulta","insets","data","isLoading","isFetching","isError","refetch","eventos","history","root","texto","modo","cargando","contentContainerStyle","contenido","paddingBottom","bottom","refreshControl","refreshing","onRefresh","tintColor","colors","progressBackgroundColor","superficie","indice","marginTop","padding","gap","flexDirection","alignItems","width","height","borderRadius","justifyContent","cuerpo","fontWeight","secundario","fontStyle","paddingVertical","paddingHorizontal","primaryWash","textTransform","letterSpacing","alignSelf","opacity"],"sourceRoot":"../../../src","sources":["pantallas/PantallaDeHistorial.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/pantallas/PantallaDePerfil.js

@@ -0,0 +1,137 @@
+"use strict";
+
+import React from "react";
+import { ScrollView, View } from "react-native";
+import { Avatar, Button, Card } from "react-native-paper";
+import { useSafeAreaInsets } from "react-native-safe-area-context";
+import CabeceraEmpujada from "../componentes/CabeceraEmpujada";
+import ContenidoDePantalla from "../componentes/ContenidoDePantalla";
+import Pestanas from "../componentes/Pestanas";
+import { crearEstilos, renglon, tipografia, usePreferenciaDeTema } from "../tema";
+import { Text } from "../texto";
+
+/**
+ * La apariencia: **igual que el teléfono** por omisión, o fija. Tres opciones y no un interruptor de
+ * «modo oscuro», como el del portal: con un interruptor, quien lo toca una vez ya no vuelve a seguir
+ * al teléfono.
+ */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const APARIENCIAS = [{
+  key: "sistema",
+  label: "Teléfono",
+  icono: "cellphone"
+}, {
+  key: "claro",
+  label: "Claro",
+  icono: "white-balance-sunny"
+}, {
+  key: "oscuro",
+  label: "Oscuro",
+  icono: "weather-night"
+}];
+
+/**
+ * El perfil de una app, igual en todas: quién entró, cómo se ve la app y cerrar sesión. Va
+ * empujado encima de las pestañas (lo abre el avatar del header). Necesita `ProveedorDeTema`.
+ *
+ * Lo propio de cada app va por props: quién es, qué pasa al cerrar sesión (avisar si hay envíos
+ * pendientes, confirmar) y, en `children`, lo que vaya al final (la versión instalada).
+ */
+export default function PantallaDePerfil({
+  rotulo,
+  nombre,
+  subtitulo,
+  onCerrarSesion,
+  saliendo = false,
+  children
+}) {
+  const styles = useStyles();
+  const [tema, setTema] = usePreferenciaDeTema();
+  const insets = useSafeAreaInsets();
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.root,
+    children: [/*#__PURE__*/_jsx(CabeceraEmpujada, {
+      eyebrow: rotulo,
+      titulo: "Perfil"
+    }), /*#__PURE__*/_jsx(ContenidoDePantalla, {
+      paddingBottom: insets.bottom + 20,
+      children: /*#__PURE__*/_jsxs(ScrollView, {
+        contentContainerStyle: styles.contenido,
+        keyboardShouldPersistTaps: "handled",
+        children: [/*#__PURE__*/_jsx(Card, {
+          mode: "outlined",
+          style: styles.card,
+          children: /*#__PURE__*/_jsx(Card.Title, {
+            title: nombre || "N/A",
+            titleVariant: "titleLarge",
+            titleStyle: {
+              fontWeight: "bold"
+            },
+            titleNumberOfLines: 0,
+            subtitleNumberOfLines: 0,
+            subtitleStyle: renglon(tipografia.secundario),
+            subtitle: subtitulo || "N/A",
+            subtitleVariant: "bodySmall",
+            left: props => /*#__PURE__*/_jsx(Avatar.Text, {
+              ...props,
+              label: (nombre || "?").charAt(0).toUpperCase(),
+              color: "#ffffff"
+            })
+          })
+        }), /*#__PURE__*/_jsxs(View, {
+          style: styles.apariencia,
+          children: [/*#__PURE__*/_jsx(Text, {
+            style: styles.rotulo,
+            children: "Apariencia"
+          }), /*#__PURE__*/_jsx(Pestanas, {
+            pestanas: APARIENCIAS,
+            activa: tema,
+            onSelect: setTema
+          })]
+        }), /*#__PURE__*/_jsx(View, {
+          style: styles.acciones,
+          children: /*#__PURE__*/_jsx(Button, {
+            onPress: onCerrarSesion,
+            mode: "contained",
+            icon: "logout",
+            loading: saliendo,
+            disabled: saliendo,
+            children: "Cerrar sesi\xF3n"
+          })
+        }), children]
+      })
+    })]
+  });
+}
+const useStyles = crearEstilos(c => ({
+  root: {
+    flex: 1,
+    backgroundColor: c.fondo
+  },
+  contenido: {
+    gap: 20,
+    alignItems: "center"
+  },
+  card: {
+    width: "100%",
+    backgroundColor: c.superficie,
+    borderColor: c.secondaryLighter
+  },
+  acciones: {
+    width: "100%",
+    maxWidth: 300,
+    gap: 20
+  },
+  apariencia: {
+    width: "100%",
+    gap: 8
+  },
+  rotulo: {
+    ...renglon(tipografia.etiqueta),
+    fontWeight: "800",
+    color: c.secondary,
+    textTransform: "uppercase",
+    letterSpacing: 0.8
+  }
+}));
+//# sourceMappingURL=PantallaDePerfil.js.map

package/lib/module/pantallas/PantallaDePerfil.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","ScrollView","View","Avatar","Button","Card","useSafeAreaInsets","CabeceraEmpujada","ContenidoDePantalla","Pestanas","crearEstilos","renglon","tipografia","usePreferenciaDeTema","Text","jsx","_jsx","jsxs","_jsxs","APARIENCIAS","key","label","icono","PantallaDePerfil","rotulo","nombre","subtitulo","onCerrarSesion","saliendo","children","styles","useStyles","tema","setTema","insets","style","root","eyebrow","titulo","paddingBottom","bottom","contentContainerStyle","contenido","keyboardShouldPersistTaps","mode","card","Title","title","titleVariant","titleStyle","fontWeight","titleNumberOfLines","subtitleNumberOfLines","subtitleStyle","secundario","subtitle","subtitleVariant","left","props","charAt","toUpperCase","color","apariencia","pestanas","activa","onSelect","acciones","onPress","icon","loading","disabled","c","flex","backgroundColor","fondo","gap","alignItems","width","superficie","borderColor","secondaryLighter","maxWidth","etiqueta","secondary","textTransform","letterSpacing"],"sourceRoot":"../../../src","sources":["pantallas/PantallaDePerfil.tsx"],"mappings":"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","ignoreList":[]}