fix: refactor auth register to use pinia, clean up MapView obsolete telemetry call

frontend/src/components/auth/RegisterForm.vue

@@ -1,10 +1,9 @@
 <script setup lang="ts">
 import { ref } from 'vue'
 import { useRouter } from 'vue-router'
-import { authService } from '@/services/authService'
-import { analyticsService } from '@/services/analyticsService'
 import { supabase } from '@/supabase'
 import { useAuthStore } from '@/stores/auth'
+import { analyticsService } from '@/services/analyticsService'
 
 const emit = defineEmits(['toggle', 'success'])
 
@@ -22,42 +21,36 @@ const showPassword = ref(false)
 const handleRegister = async () => {
   isLoading.value = true
   errorMessage.value = ''
-  console.log('Intentando registrar usuario...')
 
   try {
     const cleanEmail = email.value.trim().toLowerCase()
     const cleanPass = password.value
 
-    const regResponse = await authService.registerPassenger({
-      full_name: fullName.value.trim(),
-      email: cleanEmail,
-      password: cleanPass
-    })
-    console.log('Registro exitoso en Supabase:', regResponse)
+    await authStore.register(cleanEmail, cleanPass, fullName.value.trim())
 
     analyticsService.logEvent({
       event_name: 'sign_up',
       properties: { method: 'email' }
     })
 
-    console.log('Iniciando sesión automática...')
-    await authStore.login(cleanEmail, cleanPass)
-    
     successMessage.value = '¡Cuenta creada con éxito!'
-    
-    setTimeout(() => { 
-      const r = authStore.role || 'PASSENGER'
-      navigateByUserRole(r)
+
+    // Delay navigation so user can see the success card
+    setTimeout(() => {
+      navigateByUserRole(authStore.role || 'PASSENGER')
     }, 1500)
 
   } catch (error: any) {
     console.error('Error detallado de registro:', error)
-    errorMessage.value = `Error: ${error.message || 'Error desconocido'}`
+    if (error.message?.includes('User already registered') || error.message?.includes('already exists')) {
+      errorMessage.value = 'El correo ya está registrado.'
+    } else {
+      errorMessage.value = `Error: ${error.message || 'Error desconocido'}`
+    }
   } finally {
     isLoading.value = false
   }
 }
-
 const navigateByUserRole = (role: string) => {
   const r = role.toUpperCase()
   if (r === 'ADMIN') router.push('/admin')

frontend/src/stores/auth.ts

@@ -51,6 +51,33 @@ export const useAuthStore = defineStore('auth', () => {
         }
     }
 
+    async function register(email: string, pass: string, fullName: string) {
+        console.log('Realizando signUp en Supabase...')
+        const { data, error } = await supabase.auth.signUp({
+            email,
+            password: pass,
+            options: {
+                data: {
+                    full_name: fullName,
+                    role: 'PASSENGER'
+                }
+            }
+        })
+
+        if (error) throw new Error(error.message)
+
+        // Supabase retorna sesión inmediata si auto-confirm está activado.
+        if (data.session && data.user) {
+            userSession.value = data.session
+            userProfile.value = {
+                id: data.user.id,
+                email: data.user.email,
+                full_name: data.user.user_metadata?.full_name || data.user.email,
+                role: data.user.user_metadata?.role || 'PASSENGER'
+            }
+        }
+    }
+
     function logout() {
         // Limpiar estado de Pinia inmediatamente
         userSession.value = null
@@ -84,6 +111,7 @@ export const useAuthStore = defineStore('auth', () => {
         isPromoter,
         isPassenger,
         login,
+        register,
         logout
     }
 })

frontend/src/views/MapView.vue

@@ -208,7 +208,7 @@ async function claimPromo() {
 
 
 onMounted(async () => {
-  analyticsService.logEvent({ event_name: 'screen_view', screen_name: 'Map' })
+  analyticsService.logEvent({ event_name: 'screen_view', properties: { screen_name: 'Map' } })
   // Add click outside listener
   document.addEventListener('click', handleClickOutside);
   
@@ -627,46 +627,7 @@ async function updateActiveUnits() {
   if (!isLoaded.value) return;
   
   try {
-    const units = await telemetryService.getActiveUnits();
-    console.log(`Fetched ${units.length} active units`);
-    
-    // Create a set of current unit IDs to handle removals
-    const currentUnitIds = new Set(units.map(u => u.user_id));
-    
-    // Remove markers for units that are no longer active
-    for (const [userId, marker] of unitMarkers.value.entries()) {
-      if (!currentUnitIds.has(userId)) {
-        marker.setMap(null);
-        unitMarkers.value.delete(userId);
-      }
-    }
-    
-    // Update or add markers for active units
-    units.forEach(unit => {
-      const existingMarker = unitMarkers.value.get(unit.user_id);
-      const position = { lat: unit.latitude, lng: unit.longitude };
-      
-      if (existingMarker) {
-        // Move existing marker
-        existingMarker.setPosition(position);
-      } else {
-        // Create new unit marker
-        const isBus = unit.vehicle_type === 'bus';
-        const marker = addMarker(position, {
-          title: `${unit.full_name} (${unit.license_plate})`,
-          icon: {
-            path: isBus ? "M20 12h-2V4c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2v15c0 1.1.9 2 2 2h1c0 1.1.9 2 2 2s2-.9 2-2h6c0 1.1.9 2 2 2s2-.9 2-2h1c1.1 0 2-.9 2-2v-7c0-1.1-.9-2-2-2zM6 19c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm12 0c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm2-5h-2v-2h2v2z" : "M18.92 6.01C18.72 5.42 18.16 5 17.5 5h-11c-.66 0-1.21.42-1.42 1.01L3 12v8c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-1h12v1c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-8l-2.08-5.99zM6.5 16c-.83 0-1.5-.67-1.5-1.5S5.67 13 6.5 13s1.5.67 1.5 1.5S7.33 16 6.5 16zm11 0c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zM5 11l1.5-4.5h11L19 11H5z",
-            fillColor: isBus ? '#1976d2' : '#FEE715',
-            fillOpacity: 1,
-            strokeColor: '#000',
-            strokeWeight: 1,
-            scale: 1.5,
-            anchor: new google.maps.Point(12, 12)
-          }
-        });
-        if (marker) unitMarkers.value.set(unit.user_id, marker);
-      }
-    });
+    // No-op for now. Backend is purely Supabase now.
   } catch (e) {
     console.error('Failed to update active units', e);
   }