Initial commit: Horux Despachos project

2026-04-27 01:11:06 -06:00
commit 56a05ba767
604 changed files with 121723 additions and 0 deletions
--- a/apps/web/app/(auth)/login/page.tsx
+++ b/apps/web/app/(auth)/login/page.tsx
@@ -0,0 +1,121 @@
+'use client';
+
+import { useState } from 'react';
+import { useRouter } from 'next/navigation';
+import Link from 'next/link';
+import Image from 'next/image';
+import { Button, Input, Label, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from '@horux/shared-ui';
+import { login } from '@/lib/api/auth';
+import { useAuthStore } from '@/stores/auth-store';
+import { isGlobalAdminRfc } from '@horux/shared';
+
+export default function LoginPage() {
+  const router = useRouter();
+  const { setUser, setTokens } = useAuthStore();
+  const [isLoading, setIsLoading] = useState(false);
+  const [error, setError] = useState('');
+
+  async function handleSubmit(e: React.FormEvent<HTMLFormElement>) {
+    e.preventDefault();
+    setIsLoading(true);
+    setError('');
+
+    const formData = new FormData(e.currentTarget);
+    const email = formData.get('email') as string;
+    const password = formData.get('password') as string;
+
+    try {
+      const response = await login({ email, password });
+      setTokens(response.accessToken, response.refreshToken);
+      setUser(response.user);
+    
+      const userRole = response.user?.role;
+      // Admin global aterriza directo en `/clientes` — su home natural es la
+      // gestión de tenants, no el dashboard operativo del despacho.
+      const platformRoles = (response.user as { platformRoles?: string[] }).platformRoles;
+      const isGlobalAdmin = isGlobalAdminRfc(response.user?.tenantRfc, userRole, platformRoles);
+      if (isGlobalAdmin) {
+        router.push('/clientes');
+      } else if (userRole === 'cliente' || userRole === 'auxiliar' || userRole === 'supervisor') {
+        // Clients and roles without onboarding go straight to dashboard
+        router.push('/dashboard');
+      } else {
+        const STORAGE_KEY = 'horux360:onboarding_seen_v1';
+        const seen = typeof window !== 'undefined' && localStorage.getItem(STORAGE_KEY) === '1';
+        router.push(seen ? '/dashboard' : '/onboarding');
+      }
+    } catch (err: any) {
+      setError(err.response?.data?.message || 'Error al iniciar sesión');
+    } finally {
+      setIsLoading(false);
+    }
+  }
+
+  return (
+    <div className="min-h-screen flex items-center justify-center p-4">
+    <Card className="w-full max-w-md">
+      <CardHeader className="text-center">
+        <div className="flex justify-center mb-4">
+          <Image
+            src="/logo.jpg"
+            alt="Horux360"
+            width={80}
+            height={80}
+            className="rounded-full"
+            priority
+          />
+        </div>
+        <CardTitle className="text-2xl">Iniciar Sesión</CardTitle>
+        <CardDescription>
+          Ingresa tus credenciales para acceder a tu cuenta
+        </CardDescription>
+      </CardHeader>
+      <form onSubmit={handleSubmit}>
+        <CardContent className="space-y-4">
+          {error && (
+            <div className="p-3 text-sm text-destructive bg-destructive/10 rounded-md">
+              {error}
+            </div>
+          )}
+          <div className="space-y-2">
+            <Label htmlFor="email">Email</Label>
+            <Input
+              id="email"
+              name="email"
+              type="email"
+              placeholder="tu@email.com"
+              required
+            />
+          </div>
+          <div className="space-y-2">
+            <div className="flex items-center justify-between">
+              <Label htmlFor="password">Contraseña</Label>
+              <Link href="/forgot-password" className="text-xs text-primary hover:underline">
+                ¿Olvidaste tu contraseña?
+              </Link>
+            </div>
+            <Input
+              id="password"
+              name="password"
+              type="password"
+              placeholder="••••••••"
+              required
+            />
+          </div>
+        </CardContent>
+        <CardFooter className="flex flex-col gap-4">
+          <Button type="submit" className="w-full" disabled={isLoading}>
+            {isLoading ? 'Iniciando sesión...' : 'Iniciar Sesión'}
+          </Button>
+          <p className="text-sm text-muted-foreground text-center">
+            ¿No tienes cuenta?{' '}
+            <Link href="/register-despacho" className="text-primary hover:underline">
+              Regístrate
+            </Link>
+          </p>
+        </CardFooter>
+      </form>
+    </Card>
+    </div>
+  );
+}