import { clsx, type ClassValue } from "clsx"; import { twMerge } from "tailwind-merge"; export function cn(...inputs: ClassValue[]) { return twMerge(clsx(inputs)); }; /** * Convierte una ruta relativa del backend en una URL completa * @param path Ruta relativa (ej: "/uploads/avatars/file.png") o absoluta API (ej: "/api/v1/...") * @returns URL completa del backend */ export function getBackendAssetUrl(path: string | null | undefined): string { if (!path) return ''; // Si ya es una URL completa, retornarla tal cual if (path.startsWith('http://') || path.startsWith('https://')) { return path; } const normalized = path.startsWith('/') ? path : `/${path}`; // Obtener la base URL del API y limpiar el / final si existe let baseUrl = import.meta.env.VITE_API_URL || 'http://localhost:8000'; baseUrl = baseUrl.replace(/\/+$/, ''); // VITE_API_URL suele ser .../api; las rutas del backend a veces vienen como /api/v1/... // Evitar http://host/api/api/v1/... if (normalized.startsWith('/api/') && baseUrl.endsWith('/api')) { const origin = baseUrl.slice(0, -'/api'.length); return `${origin}${normalized}`; } const cleanPath = normalized.startsWith('/') ? normalized.slice(1) : normalized; return `${baseUrl}/${cleanPath}`; } /** * Obtiene únicamente el nombre del archivo a partir de una ruta/URL. */ export function getFileNameFromPath(filePath: string | null | undefined): string { if (!filePath) return ''; const withoutQuery = filePath.split('?')[0].split('#')[0]; const normalizedPath = withoutQuery.replace(/\\/g, '/'); return normalizedPath.split('/').filter(Boolean).pop() || withoutQuery; } /** * Formatea el texto de visualización para archivos evitando mostrar rutas completas. */ export function getFileDisplayName( filePath: string | null | undefined, fileType?: string, defaultLabel = 'Seleccionar archivo' ): string { if (!filePath) return defaultLabel; const fileName = getFileNameFromPath(filePath); if (!fileName) return defaultLabel; return fileType ? `${fileName} (${fileType.toUpperCase()})` : fileName; } // eslint-disable-next-line @typescript-eslint/no-explicit-any export type WithoutChild = T extends { child?: any } ? Omit : T; // eslint-disable-next-line @typescript-eslint/no-explicit-any export type WithoutChildren = T extends { children?: any } ? Omit : T; export type WithoutChildrenOrChild = WithoutChildren>; export type WithElementRef = T & { ref?: U | null }; /** * Obtiene el color del badge según el tipo de factura (SCAII Standards) */ export function getInvoiceTypeColor(type?: string | null): string { if (!type) return 'bg-gray-100 text-gray-800 dark:bg-gray-800 dark:text-gray-200'; const normalizedType = type.toLowerCase().trim(); // Impo tem (Rojo) if (normalizedType.includes('impo tem') || normalizedType === 'tem') { return 'bg-red-100 text-red-800 dark:bg-red-900 dark:text-red-200'; } // Impo Def (Verde) if (normalizedType.includes('impo def') || normalizedType === 'def') { return 'bg-green-100 text-green-800 dark:bg-green-900 dark:text-green-200'; } // Comp Mex (Morado) if (normalizedType.includes('comp mex') || normalizedType === 'mex') { return 'bg-purple-100 text-purple-800 dark:bg-purple-900 dark:text-purple-200'; } // Cam. Reg. (Azul) if (normalizedType.includes('cam. reg.') || normalizedType.includes('cam reg') || normalizedType === 'cr') { return 'bg-blue-100 text-blue-800 dark:bg-blue-900 dark:text-blue-200'; } // Expo. (Azul) if (normalizedType.includes('expo') || normalizedType === 'exdef' || normalizedType === 'pterm') { return 'bg-blue-100 text-blue-800 dark:bg-blue-900 dark:text-blue-200'; } // Imp. Rep. (Azul Claro) if (normalizedType.includes('imp. rep.') || normalizedType.includes('imp rep') || normalizedType === 'repar') { return 'bg-sky-100 text-sky-800 dark:bg-sky-900 dark:text-sky-200'; } return 'bg-gray-100 text-gray-800 dark:bg-gray-800 dark:text-gray-200'; }