); }function PlayerDetail({ player, measurements, onBack, onNew, onDeleteM, onViewM, onEditM, onEditPlayer }) { const safeMeasurements = Array.isArray(measurements) ? measurements : []; const history = safeMeasurements.filter(m => m && m.playerId === player.id).sort((a,b) => new Date(b.date || 0) - new Date(a.date || 0)); const last = history.length > 0 ? history[0] : null; const prev = history.length > 1 ? history[1] : null; const latestReport = last ? buildPlayerReportModel(player, last, history) : null;return ( ); }function MeasurementResultView({ player, measurement, history, onBack, mode = 'view' }) { if (!measurement || !measurement.results || !measurement.data) return null; let result = { ...measurement.results }; if (!result.grasaObjetivoMin || !result.grasaObjetivoMax) { const targets = getTargetFat(player); result.grasaObjetivoMin = targets.min; result.grasaObjetivoMax = targets.max; }const form = measurement.data; const safeHistory = Array.isArray(history) ? history : []; const sortedHistory = [...safeHistory].sort((a,b) => new Date(b.date) - new Date(a.date)); const idx = sortedHistory.findIndex(m => m.id === measurement.id); const prevM = (idx >= 0 && idx + 1 < sortedHistory.length) ? sortedHistory[idx + 1] : null; const reportModel = buildPlayerReportModel(player, measurement, safeHistory); const [showPreview, setShowPreview] = useState(false);return ( );return ( ); }function TeamReportView({ players, measurements, category, onBack }) { const filteredPlayers = players.filter(p => category === 'Todas' || p.category === category); const getLatestMeasurement = (playerId) => { const history = (measurements || []).filter(m => m && m.playerId === playerId).sort((a,b) => new Date(b.date || 0) - new Date(a.date || 0)); return history.length > 0 ? history[0] : null; }; const playerData = filteredPlayers.map(p => ({ player: p, latest: getLatestMeasurement(p.id) })).filter(item => item.latest !== null); const reportModel = buildTeamReportModel(players, measurements, category); const [showPreview, setShowPreview] = useState(false);return ( );let sumPeso = 0, sumGrasa = 0, sumMagra = 0, alertasGrasa = 0, alertasHidratacion = 0; playerData.forEach(item => { sumPeso += parseFloat(item.latest.data?.peso || 0); sumGrasa += parseFloat(item.latest.data?.grasaCorporal || 0); sumMagra += parseFloat(item.latest.results?.masaMagraKg || 0); if (item.latest.results?.analisis?.grasa?.status === 'bad') alertasGrasa++; if (item.latest.results?.analisis?.agua?.status === 'bad') alertasHidratacion++; }); const count = playerData.length; const avgPeso = count > 0 ? (sumPeso / count).toFixed(1) : 0; const avgGrasa = count > 0 ? (sumGrasa / count).toFixed(1) : 0; const avgMagra = count > 0 ? (sumMagra / count).toFixed(1) : 0;return ( ); }function ClubReportView({ players, measurements, categories, onBack }) { const getLatestMeasurement = (playerId) => { const history = (measurements || []).filter(m => m && m.playerId === playerId).sort((a,b) => new Date(b.date || 0) - new Date(a.date || 0)); return history.length > 0 ? history[0] : null; }; const allPlayerData = players.map(p => ({ player: p, latest: getLatestMeasurement(p.id) })).filter(item => item.latest !== null); const reportModel = buildClubReportModel(players, measurements, categories); const [showPreview, setShowPreview] = useState(false);return ( );let sumPesoGlobal = 0, sumGrasaGlobal = 0, totalJugadores = allPlayerData.length; const categoryStats = categories.map(cat => { const catPlayers = allPlayerData.filter(p => p.player.category === cat); let sp = 0, sg = 0; catPlayers.forEach(cp => { sp += parseFloat(cp.latest.data?.peso || 0); sg += parseFloat(cp.latest.data?.grasaCorporal || 0); }); sumPesoGlobal += sp; sumGrasaGlobal += sg; return { category: cat, count: catPlayers.length, avgPeso: catPlayers.length > 0 ? (sp / catPlayers.length).toFixed(1) : 0, avgGrasa: catPlayers.length > 0 ? (sg / catPlayers.length).toFixed(1) : 0 }; }).filter(cs => cs.count > 0);const avgPesoGlobal = totalJugadores > 0 ? (sumPesoGlobal / totalJugadores).toFixed(1) : 0; const avgGrasaGlobal = totalJugadores > 0 ? (sumGrasaGlobal / totalJugadores).toFixed(1) : 0;return ( ); }function MeasurementResultViewLegacy({ player, measurement, history, onBack, mode = 'view' }) { if (!measurement || !measurement.results || !measurement.data) return null; const reportModel = buildPlayerReportModel(player, measurement, history); const [showPreview, setShowPreview] = useState(false);return ( ); }function TeamReportViewLegacy({ players, measurements, category, onBack }) { const reportModel = buildTeamReportModel(players, measurements, category); const [showPreview, setShowPreview] = useState(false);return ( ); }function ClubReportViewLegacy({ players, measurements, categories, onBack }) { const reportModel = buildClubReportModel(players, measurements, categories); const [showPreview, setShowPreview] = useState(false);return ( ); }function RosterView({ players, categories, measurements, onSelectPlayer, onSavePlayer, onDeletePlayer, onManageCategories, onShowTeamReport, onShowClubReport, onNewPlayer }) { const [search, setSearch] = useState(''); const [filterCat, setFilterCat] = useState('Todas'); const safePlayers = Array.isArray(players) ? players : []; const safeCategories = Array.isArray(categories) ? categories : ['General']; const filtered = safePlayers.filter(p => p && (filterCat === 'Todas' || p.category === filterCat) && (p.name || '').toLowerCase().includes(search.toLowerCase()));const exportToCSV = () => { let csvContent = "data:text/csv;charset=utf-8,\uFEFF"; csvContent += "Nombre;Categoria;Posicion;Edad;Peso(kg);Grasa Corp.(%);Masa Magra(kg);IMC;Endomorfia;Mesomorfia;Ectomorfia;Ultima Medicion\n"; filtered.forEach(p => { const safeMeasurements = Array.isArray(measurements) ? measurements : []; const history = safeMeasurements.filter(m => m && m.playerId === p.id).sort((a,b) => new Date(b.date || 0) - new Date(a.date || 0)); const latest = history.length > 0 ? history[0] : null; const age = calculateAge(p.dob); let row = [ `"${p.name || ''}"`, `"${p.category || ''}"`, `"${p.position || ''}"`, age, (latest?.data?.peso || '-').toString().replace('.', ','), (latest?.data?.grasaCorporal || '-').toString().replace('.', ','), (latest?.results?.masaMagraKg || '-').toString().replace('.', ','), (latest?.results?.imc || '-').toString().replace('.', ','), (latest?.results?.somatotipo?.endo || '-').toString().replace('.', ','), (latest?.results?.somatotipo?.meso || '-').toString().replace('.', ','), (latest?.results?.somatotipo?.ecto || '-').toString().replace('.', ','), latest?.date ? new Date(latest.date).toLocaleDateString() : '-' ].join(";"); csvContent += row + "\n"; }); const link = document.createElement("a"); link.setAttribute("href", encodeURI(csvContent)); link.setAttribute("download", `reporte_plantilla_${new Date().toISOString().split('T')[0]}.csv`); document.body.appendChild(link); link.click(); document.body.removeChild(link); };return ( ); }function PlayerLoginView({ onLogin }) { const [name, setName] = useState(''); const [pin, setPin] = useState(''); const [error, setError] = useState(''); const [loading, setLoading] = useState(false); const handleSubmit = async (e) => { e.preventDefault(); setLoading(true); setError(''); const res = await api.playerLogin(name, pin); setLoading(false); if (res && res.success) onLogin(res.data.player, res.data.measurements, res.data.categoryAverages); else setError(res?.data?.message || 'Error de conexión o datos incorrectos.'); }; return ( ); }class ErrorBoundary extends React.Component { constructor(props) { super(props); this.state = { hasError: false, errorInfo: null }; } static getDerivedStateFromError(error) { return { hasError: true, errorInfo: error.toString() }; } render() { if (this.state.hasError) { return ( ); } return this.props.children; } }function App() { const [view, setView] = useState('loading'); const [players, setPlayers] = useState([]); const [measurements, setMeasurements] = useState([]); const [categories, setCategories] = useState([]); const [selectedPlayer, setSelectedPlayer] = useState(null); const [viewingMeasurement, setViewingMeasurement] = useState(null); const [editingMeasurement, setEditingMeasurement] = useState(null); const [selectedCategoryReport, setSelectedCategoryReport] = useState('Todas'); const [currentPlayer, setCurrentPlayer] = useState(null); const [playerMeasurements, setPlayerMeasurements] = useState([]); const [showCat, setShowCat] = useState(false); const [showPlayerModal, setShowPlayerModal] = useState(false); const [editingPlayer, setEditingPlayer] = useState(null); const [status, setStatus] = useState(null); const latestSnapshotRef = useRef({ players: [], measurements: [], categories: [] }); const runTransition = typeof startTransition === 'function' ? startTransition : (callback) => callback();useEffect(() => { if (config.isManager) { api.get().then(res => { if (res && res.success && res.data) { const nextPlayers = Array.isArray(res.data.players) ? res.data.players : []; const nextMeasurements = Array.isArray(res.data.measurements) ? res.data.measurements : []; const nextCategories = Array.isArray(res.data.categories) ? res.data.categories : ['General']; latestSnapshotRef.current = { players: nextPlayers, measurements: nextMeasurements, categories: nextCategories }; setPlayers(nextPlayers); setMeasurements(nextMeasurements); setCategories(nextCategories); setView('roster'); } else setView('player_login'); }); } else setView('player_login'); }, []);useEffect(() => { latestSnapshotRef.current = { players, measurements, categories }; }, [players, measurements, categories]);const save = async (p, m, c) => { const newP = Array.isArray(p) ? p : players; const newM = Array.isArray(m) ? m : measurements; const newC = Array.isArray(c) ? c : categories; latestSnapshotRef.current = { players: newP, measurements: newM, categories: newC }; setPlayers(newP); setMeasurements(newM); setCategories(newC); const res = await api.save({ players: newP, measurements: newM, categories: newC }); setStatus(res?.success ? {t:'success', m:'Guardado Correctamente'} : {t:'error', m:'Error al Guardar'}); setTimeout(()=>setStatus(null), 3000); };const applyRemoteSnapshotSilently = (nextPlayers, nextMeasurements, nextCategories) => { runTransition(() => { setPlayers(nextPlayers); setMeasurements(nextMeasurements); setCategories(nextCategories);if (selectedPlayer?.id) { setSelectedPlayer(nextPlayers.find(player => player.id === selectedPlayer.id) || null); }if (currentPlayer?.id) { const refreshedCurrentPlayer = nextPlayers.find(player => player.id === currentPlayer.id) || currentPlayer; const refreshedPlayerMeasurements = nextMeasurements .filter(item => item && item.playerId === refreshedCurrentPlayer.id) .sort((a, b) => new Date(b.date || 0) - new Date(a.date || 0)); setCurrentPlayer(refreshedCurrentPlayer); setPlayerMeasurements(refreshedPlayerMeasurements);if (view === 'player_dashboard') { const refreshedDashboardMeasurement = viewingMeasurement?.id ? refreshedPlayerMeasurements.find(item => item.id === viewingMeasurement.id) || refreshedPlayerMeasurements[0] || null : refreshedPlayerMeasurements[0] || null; setViewingMeasurement(refreshedDashboardMeasurement); } } else if (viewingMeasurement?.id) { setViewingMeasurement(nextMeasurements.find(item => item.id === viewingMeasurement.id) || viewingMeasurement); } }); };const handlePlayerLogin = (p, m, averages) => { setCurrentPlayer(p); const mArray = Array.isArray(m) ? m : []; setPlayerMeasurements(mArray); const sorted = [...mArray].sort((a,b) => new Date(b.date || 0) - new Date(a.date || 0)); if (sorted.length > 0) { setViewingMeasurement(sorted[0]); setView('player_dashboard'); } else { alert("Aún no tienes mediciones registradas por tu entrenador."); } };useEffect(() => { if (!config.isManager) return; if (showCat || showPlayerModal || view === 'calc' || view === 'loading' || view === 'player_login') return;const intervalId = window.setInterval(async () => { const res = await api.get(); if (!(res && res.success && res.data)) return;const nextPlayers = Array.isArray(res.data.players) ? res.data.players : []; const nextMeasurements = Array.isArray(res.data.measurements) ? res.data.measurements : []; const nextCategories = Array.isArray(res.data.categories) ? res.data.categories : ['General']; const currentSignature = JSON.stringify(latestSnapshotRef.current); const nextSignature = JSON.stringify({ players: nextPlayers, measurements: nextMeasurements, categories: nextCategories }); if (currentSignature === nextSignature) return;latestSnapshotRef.current = { players: nextPlayers, measurements: nextMeasurements, categories: nextCategories }; applyRemoteSnapshotSilently(nextPlayers, nextMeasurements, nextCategories); }, 15000);return () => window.clearInterval(intervalId); }, [view, showCat, showPlayerModal, selectedPlayer, currentPlayer, viewingMeasurement]);const renderView = () => { if (view === 'loading') return; if (config.isManager) { if (view === 'roster') return {setSelectedPlayer(p); setView('player');}} onSavePlayer={(p) => { const sp = Array.isArray(players)?players:[]; if(sp.some(pl=>pl.id===p.id)) save(sp.map(pl=>pl.id===p.id?p:pl)); else save([...sp, p]); setShowPlayerModal(false); }} onDeletePlayer={id => save((players||[]).filter(p=>p&&p.id!==id), (measurements||[]).filter(m=>m&&m.playerId!==id))} onManageCategories={() => setShowCat(true)} onShowTeamReport={(cat) => { setSelectedCategoryReport(cat); setView('team_report'); }} onShowClubReport={() => setView('club_report')} onNewPlayer={() => { setEditingPlayer(null); setShowPlayerModal(true); }} />; if (view === 'club_report') return setView('roster')} />; if (view === 'team_report') return setView('roster')} />; if (view === 'player') return {setSelectedPlayer(null); setView('roster');}} onNew={() => { setEditingMeasurement(null); setView('calc'); }} onDeleteM={id => save(undefined, (measurements||[]).filter(m=>m&&m.id!==id))} onViewM={(m) => { setViewingMeasurement(m); setView('view_measurement'); }} onEditM={(m) => { setEditingMeasurement(m); setView('calc'); }} onEditPlayer={(p) => { setEditingPlayer(p); setShowPlayerModal(true); }} />; if (view === 'calc') return { setEditingMeasurement(null); setView('player'); }} onSave={(d, r) => { if(editingMeasurement) { const upM = {...editingMeasurement, data:d, results:r}; save(undefined, measurements.map(m=>m.id===upM.id?upM:m)); setEditingMeasurement(null); } else { save(undefined, [...measurements, {id: Date.now().toString(), playerId: selectedPlayer.id, date: new Date().toISOString(), data: d, results: r}]); } setView('player'); }} />; if (view === 'view_measurement') return m.playerId === selectedPlayer.id)} onBack={() => { setViewingMeasurement(null); setView('player'); }} />; } if (view === 'player_login') return ; if (view === 'player_dashboard') return setView('player_login')} mode="player" />; };return (

Fútbol Arias Fit Pro

{!config.isManager && view === 'player_dashboard' && { setView('player_login'); setCurrentPlayer(null); }}> Salir}

{status &&

{status.m}

} {renderView()}{showCat && save(undefined, undefined, newCats)} onClose={() => setShowCat(false)} />} {showPlayerModal && { const sp = Array.isArray(players)?players:[]; if(sp.some(pl=>pl.id===p.id)) save(sp.map(pl=>pl.id===p.id?p:pl)); else save([...sp, p]); setShowPlayerModal(false); }} onClose={() => setShowPlayerModal(false)} />}

); }try { const root = ReactDOM.createRoot(document.getElementById('arias-fit-root')); root.render(); window.__afpBooted = true; } catch (error) { if (typeof window !== 'undefined' && typeof window.__afpShowBootFallback === 'function') { window.__afpShowBootFallback(error?.message || 'Error al montar la interfaz principal.'); } }