\n );\n};\n\nexport default ToggleMode;\n","'use client'\nimport Link from 'next/link';\nimport { useRef } from 'react';\n\nimport LanguageSwitch from '@/components/molecules/LanguageSwitch/LanguageSwitch';\n\nimport ToggleMode from '@/components/atoms/ThemeSwitch/ThemeSwitch';\nimport useClickOutside from '@/hooks/useClickOutside';\nimport { useTranslations } from 'next-intl';\nimport useWindowSize from '@/hooks/useWindowSize';\nimport Image from 'next/image';\n\nimport './_navbar.scss';\n\nconst NavBar = ({ toggleMenu }: { toggleMenu: () => void }) => {\n const mobileNavBarRef = useRef(null);\n\n useClickOutside(mobileNavBarRef, () => toggleMenu())\n const { width } = useWindowSize();\n const l = useTranslations('leagues');\n const t = useTranslations('trends');\n\n return (\n \n );\n}\n\nexport default NavBar;\n\n","'use client'\nimport { useEffect, useState } from 'react';\nimport Link from 'next/link';\nimport Image from 'next/image';\nimport \"./_header.scss\"\nimport NavBar from '../NavBar/NavBar';\nimport useWindowSize from '@/hooks/useWindowSize';\nimport ToggleMode from '@/components/atoms/ThemeSwitch/ThemeSwitch';\n\nconst Header = () => {\n const [isMenuOpen, setIsMenuOpen] = useState(false);\n const [shouldRenderMenu, setShouldRenderMenu] = useState(false);\n const [menuClass, setMenuClass] = useState('close'); // Clase de animación del menú\n\n const size = useWindowSize();\n\n const toggleMenu = () => {\n if (!isMenuOpen) {\n setShouldRenderMenu(true); // Mostrar el menú antes de abrir\n setTimeout(() => {\n setMenuClass('open'); // Añadir clase `open` para la animación de entrada\n }, 10); // Pequeño retraso para disparar la animación\n } else {\n setMenuClass('close'); // Cambiar a clase `close` para la animación de salida\n }\n setIsMenuOpen(!isMenuOpen);\n };\n\n useEffect(() => {\n if (!isMenuOpen) {\n const timer = setTimeout(() => {\n setShouldRenderMenu(false); // Retira el menú del DOM solo después de la animación de salida\n }, 400); // Debe coincidir con la duración de la transición CSS\n return () => clearTimeout(timer); // Limpiar el temporizador si se desmonta antes\n }\n }, [isMenuOpen]);\n return (\n <>\n \n
\n \n )}\n \n \n );\n};\n\nexport default Header;\n","import { useEffect } from 'react';\n\nconst useClickOutside = (ref: React.RefObject, callback: () => void) => {\n const handleClickOutside = (event: MouseEvent) => {\n if (ref.current && !ref.current.contains(event.target as Node)) {\n callback();\n }\n };\n\n useEffect(() => {\n document.addEventListener('click', handleClickOutside);\n return () => {\n document.removeEventListener('click', handleClickOutside);\n };\n }, [ref]);\n};\n\nexport default useClickOutside;\n","import { es, enUS, it, fr, de, pt } from 'date-fns/locale';\nimport { Locale } from 'date-fns';\n\ntype LocaleKey = 'es' | 'en' | 'it' | 'fr' | 'de' | 'pt';\n\nconst locales: Record = {\n es: es,\n en: enUS,\n it: it,\n fr: fr,\n de: de,\n pt: pt,\n};\n\nexport function useLocale(localeParam: string): Locale {\n // Asegurarse de que el localeParam sea un LocaleKey o retornar un valor por defecto\n return locales[localeParam as LocaleKey] || enUS;\n}","'use client';\n\nimport { useState, useEffect } from 'react';\n\nfunction useWindowSize() {\n // Estado para almacenar el tamaño de la ventana\n const [windowSize, setWindowSize] = useState({\n width: 1200,\n height: 0,\n });\n\n useEffect(() => {\n // Función para actualizar el estado con el tamaño actual de la ventana\n function handleResize() {\n setWindowSize({\n width: window.innerWidth,\n height: window.innerHeight,\n });\n }\n\n if (typeof window !== 'undefined') {\n // Añade el event listener\n window.addEventListener('resize', handleResize);\n\n // Llama a la función inmediatamente para establecer el tamaño inicial\n handleResize();\n\n // Limpia el event listener cuando el componente se desmonta\n return () => window.removeEventListener('resize', handleResize);\n }\n }, []); // El array vacío asegura que el efecto solo se ejecute una vez\n\n return windowSize;\n}\n\nexport default useWindowSize;\n","// extracted by mini-css-extract-plugin","// extracted by mini-css-extract-plugin","// extracted by mini-css-extract-plugin","// extracted by mini-css-extract-plugin","// extracted by mini-css-extract-plugin","// extracted by mini-css-extract-plugin","// extracted by mini-css-extract-plugin","// extracted by mini-css-extract-plugin","// extracted by mini-css-extract-plugin\nmodule.exports = {\"custom-layout\":\"test_custom-layout__fVd5g\"};"],"names":["Promise","resolve","then","__webpack_require__","bind","t","__webpack_exports__","react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__","jsx","iframe","className","title","srcDoc","width","height","frameBorder","leagueId","label","param","isOpen","setIsOpen","useState","dropdownRef","useRef","tFilter","useTranslations","useClickOutside","items","href","concat","jsxs","div","ref","p","onClick","ul","map","item","index","li","Link","ThemeProvider","children","props","NextThemesProvider","defaultTheme","favoriteLeagues","initialFixturesByLeague","initialExpandedLeagueIds","dataRef","forceRerender","error","setError","expandedLeagues","setExpandedLeagues","Set","eventSourceRef","retryTimeoutRef","tFixtures","useEffect","isMounted","connect","es","EventSourcePolyfill","process","headers","heartbeatTimeout","current","onmessage","data","JSON","parse","event","Array","isArray","v","err","console","onerror","close","setTimeout","clearTimeout","toggleLeague","newExpandedLeagues","has","delete","add","getFixtureStatus","short","elapsed","extra","fixture","status","strong","style","color","fontWeight","span","fontSize","fixturesByLeague","Fragment","length","league","isExpanded","id","includes","React","backgroundColor","cursor","Image","src","flag","logo","alt","country","loading","small","name","fixtures","teams","home","away","filter","score","halftime","goals","penalty","format","Date","date","NextFixturesClient","initialFilteredFixtures","initialSelectedDay","locale","useParams","dateFnsLocale","useLocale","tDates","filteredFixtures","setFilteredFixtures","selectedDay","setSelectedDay","DAYS","addDays","toUpperCase","dateRanges","start","startOfDay","end","endOfDay","fixtureDate","day","button","countryCode","toLowerCase","homeTeam","awayTeam","round","ThemeAnalyticsTracker","theme","systemTheme","useTheme","activeTheme","sendGTMEvent","event_category","event_action","NewsletterForm","setName","email","setEmail","successMessage","setSuccessMessage","errorMessage","setErrorMessage","isSubscribed","setIsSubscribed","document","cookie","split","find","row","startsWith","handleAnalyticsEvent","value","handleSubmit","e","preventDefault","isValidEmail","userTheme","response","fetch","method","body","stringify","ok","json","emailRegex","test","h5","form","onSubmit","input","type","placeholder","onChange","target","required","LanguageSwitch","router","useRouter","searchParams","useSearchParams","changeLocale","paramsString","toString","newPathname","newLocale","window","location","pathname","slice","push","jsx_runtime","select","defaultValue","locales","code","option","ThemeSwitch","setTheme","isDarkMode","setIsDarkMode","NavBar_NavBar","toggleMenu","mobileNavBarRef","useWindowSize","l","nav","position","ToggleMode","Header_Header","isMenuOpen","setIsMenuOpen","shouldRenderMenu","setShouldRenderMenu","menuClass","setMenuClass","size","timer","header","priority","top","right","borderRadius","NavBar","Z","callback","handleClickOutside","contains","addEventListener","removeEventListener","en","enUS","it","fr","de","pt","localeParam","windowSize","setWindowSize","handleResize","innerWidth","innerHeight","module","exports"],"sourceRoot":""}