@create-lft-app/nextjs 1.0.0 → 1.0.2

package/template/src/components/layout/nav-user.tsx

@@ -1,108 +0,0 @@
-'use client'
-
-import { logout } from '@/modules/auth/actions/auth-actions'
-import { Avatar, AvatarFallback } from '@/components/ui/avatar'
-import {
-	DropdownMenu,
-	DropdownMenuContent,
-	DropdownMenuItem,
-	DropdownMenuLabel,
-	DropdownMenuSeparator,
-	DropdownMenuTrigger,
-} from '@/components/ui/dropdown-menu'
-import { SidebarMenuButton } from '@/components/ui/sidebar'
-import { ChevronsUpDown, LogOut, User } from 'lucide-react'
-import { Badge } from '@/components/ui/badge'
-
-interface NavUserProps {
-	user: {
-		email: string
-		full_name: string | null
-		role: string
-	} | null
-}
-
-const roleLabels: Record<string, string> = {
-	super_admin: 'Super Admin',
-	admin: 'Administrador',
-	compliance: 'Compliance',
-	analyst: 'Analista',
-}
-
-export function NavUser({ user }: NavUserProps) {
-	if (!user) return null
-
-	const initials = user.full_name
-		? user.full_name
-				.split(' ')
-				.map((n) => n[0])
-				.join('')
-				.toUpperCase()
-				.slice(0, 2)
-		: user.email.slice(0, 2).toUpperCase()
-
-	return (
-		<DropdownMenu>
-			<DropdownMenuTrigger asChild>
-				<SidebarMenuButton
-					size="lg"
-					className="data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground"
-				>
-					<Avatar className="h-8 w-8">
-						<AvatarFallback className="bg-primary text-primary-foreground text-xs">
-							{initials}
-						</AvatarFallback>
-					</Avatar>
-					<div className="grid flex-1 text-left text-sm leading-tight">
-						<span className="truncate font-semibold">
-							{user.full_name || user.email}
-						</span>
-						<span className="truncate text-xs text-muted-foreground">
-							{user.email}
-						</span>
-					</div>
-					<ChevronsUpDown className="ml-auto size-4" />
-				</SidebarMenuButton>
-			</DropdownMenuTrigger>
-			<DropdownMenuContent
-				className="w-[--radix-dropdown-menu-trigger-width] min-w-56 rounded-lg"
-				side="bottom"
-				align="end"
-				sideOffset={4}
-			>
-				<DropdownMenuLabel className="p-0 font-normal">
-					<div className="flex items-center gap-2 px-1 py-1.5 text-left text-sm">
-						<Avatar className="h-8 w-8">
-							<AvatarFallback className="bg-primary text-primary-foreground text-xs">
-								{initials}
-							</AvatarFallback>
-						</Avatar>
-						<div className="grid flex-1 text-left text-sm leading-tight">
-							<span className="truncate font-semibold">
-								{user.full_name || user.email}
-							</span>
-							<Badge variant="secondary" className="w-fit text-xs">
-								{roleLabels[user.role] || user.role}
-							</Badge>
-						</div>
-					</div>
-				</DropdownMenuLabel>
-				<DropdownMenuSeparator />
-				<DropdownMenuItem asChild>
-					<a href="/settings/profile" className="cursor-pointer">
-						<User className="mr-2 h-4 w-4" />
-						Mi Perfil
-					</a>
-				</DropdownMenuItem>
-				<DropdownMenuSeparator />
-				<DropdownMenuItem
-					className="cursor-pointer text-destructive focus:text-destructive"
-					onClick={() => logout()}
-				>
-					<LogOut className="mr-2 h-4 w-4" />
-					Cerrar sesión
-				</DropdownMenuItem>
-			</DropdownMenuContent>
-		</DropdownMenu>
-	)
-}

package/template/src/components/layout/page-header.tsx

@@ -1,95 +0,0 @@
-import { cn } from '@/lib/utils'
-
-interface PageHeaderProps {
-	title: string
-	description?: string
-	children?: React.ReactNode
-	className?: string
-}
-
-export function PageHeader({ title, description, children, className }: PageHeaderProps) {
-	return (
-		<header className={cn('h-[70px] flex items-center border-b border-border px-6', className)}>
-			<div className="flex items-center justify-between w-full">
-				<div>
-					<h1 className="text-lg font-medium">{title}</h1>
-					{description && (
-						<p className="text-xs text-[#878787]">{description}</p>
-					)}
-				</div>
-				{children && (
-					<div className="flex items-center gap-2">
-						{children}
-					</div>
-				)}
-			</div>
-		</header>
-	)
-}
-
-interface PageContentProps {
-	children: React.ReactNode
-	className?: string
-}
-
-export function PageContent({ children, className }: PageContentProps) {
-	return (
-		<div className={cn('flex-1 overflow-auto p-6', className)}>
-			{children}
-		</div>
-	)
-}
-
-interface PageContainerProps {
-	children: React.ReactNode
-	className?: string
-}
-
-export function PageContainer({ children, className }: PageContainerProps) {
-	return (
-		<div className={cn('flex flex-col h-screen', className)}>
-			{children}
-		</div>
-	)
-}
-
-interface StatItemProps {
-	label: string
-	value: string | number
-	trend?: {
-		value: number
-		positive?: boolean
-	}
-}
-
-export function StatItem({ label, value, trend }: StatItemProps) {
-	return (
-		<div className="border border-border bg-background p-6">
-			<p className="text-sm text-[#878787] mb-3">{label}</p>
-			<div className="flex items-baseline gap-2">
-				<span className="text-2xl font-normal tabular-nums">{value}</span>
-				{trend && (
-					<span className={cn(
-						'text-xs',
-						trend.positive ? 'text-[#00C48C]' : 'text-[#FF3B3B]'
-					)}>
-						{trend.positive ? '+' : ''}{trend.value}%
-					</span>
-				)}
-			</div>
-		</div>
-	)
-}
-
-interface StatsRowProps {
-	children: React.ReactNode
-	className?: string
-}
-
-export function StatsRow({ children, className }: StatsRowProps) {
-	return (
-		<div className={cn('grid grid-cols-4 gap-6', className)}>
-			{children}
-		</div>
-	)
-}

package/template/src/components/layout/sidebar.tsx

@@ -1,194 +0,0 @@
-'use client'
-
-import Link from 'next/link'
-import { usePathname } from 'next/navigation'
-import {
-	LayoutDashboard,
-	Users,
-	FileText,
-	AlertTriangle,
-	BarChart3,
-	Calendar,
-	Settings,
-	Building2,
-	Shield,
-	UserPlus,
-} from 'lucide-react'
-import { cn } from '@/lib/utils'
-import {
-	Sidebar,
-	SidebarContent,
-	SidebarGroup,
-	SidebarGroupContent,
-	SidebarGroupLabel,
-	SidebarMenu,
-	SidebarMenuButton,
-	SidebarMenuItem,
-	SidebarHeader,
-	SidebarFooter,
-} from '@/components/ui/sidebar'
-import { NavUser } from './nav-user'
-
-const mainNavItems = [
-	{
-		title: 'Dashboard',
-		url: '/',
-		icon: LayoutDashboard,
-	},
-	{
-		title: 'Clientes',
-		url: '/clientes',
-		icon: Users,
-	},
-	{
-		title: 'Onboarding',
-		url: '/onboarding',
-		icon: UserPlus,
-	},
-	{
-		title: 'Documentos',
-		url: '/documents',
-		icon: FileText,
-	},
-	{
-		title: 'Alertas',
-		url: '/alerts',
-		icon: AlertTriangle,
-	},
-	{
-		title: 'Operaciones',
-		url: '/operations',
-		icon: BarChart3,
-	},
-	{
-		title: 'Reportes',
-		url: '/reports',
-		icon: FileText,
-	},
-	{
-		title: 'Calendario',
-		url: '/calendar',
-		icon: Calendar,
-	},
-]
-
-const configNavItems = [
-	{
-		title: 'Configuración',
-		url: '/settings',
-		icon: Settings,
-	},
-	{
-		title: 'Organización',
-		url: '/settings/organization',
-		icon: Building2,
-	},
-	{
-		title: 'Onboarding',
-		url: '/settings/onboarding',
-		icon: UserPlus,
-	},
-]
-
-interface AppSidebarProps {
-	user: {
-		email: string
-		full_name: string | null
-		role: string
-		organization?: {
-			name: string
-		} | null
-	} | null
-}
-
-export function AppSidebar({ user }: AppSidebarProps) {
-	const pathname = usePathname()
-
-	return (
-		<Sidebar>
-			<SidebarHeader className="border-b border-sidebar-border">
-				<div className="flex items-center gap-2 px-4 py-3">
-					<div className="flex h-8 w-8 items-center justify-center rounded-lg bg-primary text-primary-foreground font-bold">
-						R
-					</div>
-					<div className="flex flex-col">
-						<span className="text-sm font-semibold">Radiant Compliance</span>
-						{user?.organization && (
-							<span className="text-xs text-muted-foreground">
-								{user.organization.name}
-							</span>
-						)}
-					</div>
-				</div>
-			</SidebarHeader>
-
-			<SidebarContent>
-				<SidebarGroup>
-					<SidebarGroupLabel>Principal</SidebarGroupLabel>
-					<SidebarGroupContent>
-						<SidebarMenu>
-							{mainNavItems.map((item) => (
-								<SidebarMenuItem key={item.title}>
-									<SidebarMenuButton
-										asChild
-										isActive={pathname === item.url}
-									>
-										<Link href={item.url}>
-											<item.icon className="h-4 w-4" />
-											<span>{item.title}</span>
-										</Link>
-									</SidebarMenuButton>
-								</SidebarMenuItem>
-							))}
-						</SidebarMenu>
-					</SidebarGroupContent>
-				</SidebarGroup>
-
-				{user?.role && ['admin', 'super_admin'].includes(user.role) && (
-					<SidebarGroup>
-						<SidebarGroupLabel>Administración</SidebarGroupLabel>
-						<SidebarGroupContent>
-							<SidebarMenu>
-								{configNavItems.map((item) => (
-									<SidebarMenuItem key={item.title}>
-										<SidebarMenuButton
-											asChild
-											isActive={pathname === item.url || pathname.startsWith(item.url + '/')}
-										>
-											<Link href={item.url}>
-												<item.icon className="h-4 w-4" />
-												<span>{item.title}</span>
-											</Link>
-										</SidebarMenuButton>
-									</SidebarMenuItem>
-								))}
-							</SidebarMenu>
-						</SidebarGroupContent>
-					</SidebarGroup>
-				)}
-
-				{user?.role === 'super_admin' && (
-					<SidebarGroup>
-						<SidebarGroupLabel>Super Admin</SidebarGroupLabel>
-						<SidebarGroupContent>
-							<SidebarMenu>
-								<SidebarMenuItem>
-									<SidebarMenuButton asChild>
-										<Link href="/admin">
-											<Shield className="h-4 w-4" />
-											<span>Panel de Admin</span>
-										</Link>
-									</SidebarMenuButton>
-								</SidebarMenuItem>
-							</SidebarMenu>
-						</SidebarGroupContent>
-					</SidebarGroup>
-				)}
-			</SidebarContent>
-
-			<SidebarFooter className="border-t border-sidebar-border">
-				<NavUser user={user} />
-			</SidebarFooter>
-		</Sidebar>
-	)
-}

package/template/src/components/layout/suspension-banner.tsx

@@ -1,21 +0,0 @@
-'use client'
-
-import { AlertTriangle } from 'lucide-react'
-
-interface SuspensionBannerProps {
-	organizationName: string
-}
-
-export function SuspensionBanner({ organizationName }: SuspensionBannerProps) {
-	return (
-		<div className="bg-red-500 text-white px-4 py-3">
-			<div className="flex items-center justify-center gap-2 text-sm font-medium">
-				<AlertTriangle className="h-4 w-4" />
-				<span>
-					La organización <strong>{organizationName}</strong> se encuentra suspendida. 
-					Contacte al administrador para más información.
-				</span>
-			</div>
-		</div>
-	)
-}