{"version":3,"sources":["assets/logo.png","pages/About.jsx","pages/Concursos.jsx","pages/Colaboradores.jsx","pages/Contacto.jsx","assets/radioUpala.jpg","components/global/Menu.jsx","components/global/Aside.jsx","utils.js","components/global/Footer.jsx","App.js","index.js"],"names":["About","dataPrueba","text","className","src","image","loading","alt","Concursos","useState","concursos","setConcursos","useEffect","a","fetch","process","response","json","ok","console","log","data","loadData","length","map","concurso","title","href","url","target","img","description","body","Colaboradores","colaboradores","setColaboradores","colaborador","name","about","Contacto","validateMail","email","test","e","preventDefault","topPos","document","getElementById","offsetTop","FormData","dataJson","JSON","stringify","Object","fromEntries","entries","parse","method","Swal","fire","icon","reset","focus","window","scrollTo","top","behavior","grecaptcha","ready","execute","action","then","token","value","id","onSubmit","style","marginTop","type","placeholder","required","for","fontSize","color","cols","rows","fetcher","res","Menu","history","useHistory","location","useLocation","addClass","getElementsByClassName","classList","toggle","handleClick","path","element","push","x","menu","checked","outerWidth","pathname","querySelectorAll","forEach","optionMenu","contains","add","remove","hidden","onClick","rel","display","useSWR","refreshInterval","error","show_listeners","listeners","controls","listenurl","Stream","this","Aside","dataAnuncios","setDataAnuncios","dataPub_licidad","setDataPub_licidad","settings","dots","arrows","infinite","fade","speed","slidesToShow","slidesToScroll","autoplay","autoplaySpeed","lazyLoad","pauseOnHover","slider","Footer","class","App","exact","component","ReactDOM","render","StrictMode"],"mappings":"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","file":"static/js/main.29297e17.chunk.js","sourcesContent":["export default __webpack_public_path__ + \"static/media/logo.16c15d35.png\";","import image from '../assets/logo.png'\r\n\r\nconst About = () => {\r\n\r\n    let dataPrueba = {\r\n        text:\r\n          \"Radio Cultural Upala sale al aire por primera  vez el 19 de noviembre de 1983. Esta emisora es parte de un proyecto de 20 estaciones que se instalarían en todo el país, para lo cual se firmó un Convenio entre el Gobierno de Costa Rica y el Principado de Liechtenstein, que hace la donación para financiar la compra de los equipos que en ese momento se requería; hasta a la fecha hay instaladas 15 emisoras.\\nEn sus inicios la programación era de dos horas y transmitía en 1600 Khz. A M (amplitud modulada), así paulatinamente fue ampliando su programación y horario. Actualmente la Emisora transmite en 88.3 F M, se Transmite las 24 horas cada día.\\nRadio Cultural Upala está afiliada a la Red de Emisoras de ICER (Instituto Costarricense de Enseñanza Radiofónica) y el proyecto El Maestro en Casa, sistema de estudios dirigido en especial a personas jóvenes y adultos que por diversas razones no habían podido terminar su educación primaria o secundaria. A través de esta Red de Emisoras se imparten los programas radiofónicos elaborados por los docentes de El Maestro en Casa y constituyen una herramienta útil para que el estudiante repase los contenidos y aprenda nuevos conocimientos.\\nBrinda programación variada de música, noticias, programas de entretenimiento,  educativo y culturales.\"\r\n    };\r\n\r\n    return (\r\n        <>\r\n            {dataPrueba && (\r\n                <div className='card presentacion'>\r\n                    <p>{dataPrueba.text}</p> \r\n                    <img src={image} loading=\"lazy\" alt='Colaborador'/>\r\n                </div>\r\n            )}\r\n        </>\r\n     );\r\n}\r\n \r\nexport default About;","import React,{useEffect,useState} from 'react';\r\n\r\nconst Concursos = () => {\r\n\r\n    const [concursos,setConcursos]=useState([])\r\n\r\n    useEffect(() => {\r\n        async function loadData() {\r\n            try {\r\n              let response = await fetch(`${process.env.REACT_APP_URL}/concursos`);\r\n              response = await response.json();\r\n              if (response.ok) {\r\n                  console.log(response)\r\n                setConcursos(response.data);\r\n              } else console.log(\"Algo salio mal en loadData! concursos\");\r\n            } catch (error) {\r\n              console.log(error);\r\n            }\r\n        }\r\n        loadData();\r\n        \r\n    }, [])\r\n\r\n    return ( \r\n        <>\r\n            {concursos && concursos.length>0 && (\r\n                concursos.map(concurso=>(\r\n                    <div className=\"card\" key={concurso.body} >\r\n                        <h5>{concurso.title}</h5>\r\n                        <a href={concurso.url} target=\"_blank\">\r\n                            <img src={`${process.env.REACT_APP_URL}/img/${concurso.img}`} loading=\"lazy\" alt={concurso.title}/>\r\n                        </a>\r\n                        <p>{concurso.description}</p>\r\n                    </div>\r\n                )))\r\n            }\r\n        </>\r\n     );\r\n}\r\n \r\nexport default Concursos;","import React,{useEffect,useState} from 'react';\r\n\r\nconst Colaboradores = () => {\r\n    const [colaboradores,setColaboradores]=useState([])\r\n\r\n    useEffect(() => {\r\n        async function loadData() {\r\n            try {\r\n              let response = await fetch(`${process.env.REACT_APP_URL}/colaboradores`);\r\n              response = await response.json();\r\n              if (response.data) {\r\n                setColaboradores(response.data);\r\n              } else console.log(\"Algo salio mal en loadData colaboradores!\");\r\n            } catch (error) {\r\n              console.log(error);\r\n            }\r\n        }\r\n        loadData();\r\n    }, [])\r\n    \r\n    return ( \r\n        <>\r\n            {colaboradores && colaboradores.length>0 && (\r\n                colaboradores.map(colaborador=>(\r\n                    <div className='card personImage' key={colaborador.name}>\r\n                        <h5>{colaborador.name}</h5>\r\n                        <img src={`${process.env.REACT_APP_URL}/img/${colaborador.img}`} loading=\"lazy\" alt={colaborador.name}/>\r\n                        <p>{colaborador.about}</p>\r\n                    </div>\r\n                )))\r\n            }\r\n        </>\r\n     );\r\n}\r\n \r\nexport default Colaboradores;","import Swal from 'sweetalert2'\r\n\r\nconst Contacto = () => {\r\n    window.grecaptcha.ready(function () {\r\n        window.grecaptcha\r\n          .execute(\"6Lf3HW0bAAAAAISb8N03JTERdP9JDdoAkwMkNaz-\", {\r\n            action: \"validate_captcha\",\r\n          })\r\n          .then(function (token) {\r\n            document.getElementById(\"grecaptcha\").value = token;\r\n          });\r\n      });\r\n\r\n    function validateMail(email){\r\n        let emailRegex = /^(([^<>()[\\]\\.,;:\\s@\\\"]+(\\.[^<>()[\\]\\.,;:\\s@\\\"]+)*)|(\\\".+\\\"))@(([^<>()[\\]\\.,;:\\s@\\\"]+\\.)+[^<>()[\\]\\.,;:\\s@\\\"]{2,})$/i;\r\n        if (emailRegex.test(email)) \r\n            return true;\r\n        return false;\r\n    }\r\n\r\n    async function hanldesSubmit(e){\r\n        e.preventDefault();\r\n        let topPos = document.getElementById('containerMain').offsetTop;\r\n        var data = new FormData(e.target);\r\n        const dataJson = JSON.stringify(Object.fromEntries(data.entries()));\r\n        if(validateMail(JSON.parse(dataJson).email)){\r\n            let response = await fetch(`${process.env.REACT_APP_URL}/contact`, {\r\n            method: \"POST\",\r\n            body: dataJson,\r\n            });\r\n            if (response.ok){\r\n                Swal.fire({\r\n                    icon: 'success',\r\n                    title: 'Mensaje Enviado',\r\n                    text: 'Su correo se ha enviado correctamente!',\r\n                });\r\n            }else{\r\n                Swal.fire({\r\n                    icon: 'error',\r\n                    title: 'Error del servidor',\r\n                    text: 'Favor intentarlo nuevamente!',\r\n                }); \r\n            }\r\n            \r\n        }else{\r\n            Swal.fire({\r\n                icon: 'error',\r\n                title: 'Correo Incorrecto',\r\n                text: 'Favor intentarlo nuevamente!',\r\n            });\r\n        }\r\n        document.getElementById('form').reset();\r\n        document.getElementById('name').focus();\r\n        window.scrollTo({\r\n            top: topPos,\r\n            behavior: 'smooth',\r\n        });\r\n    }\r\n\r\n    return ( \r\n        <form className=\"card contact\" id=\"form\" onSubmit={hanldesSubmit}>\r\n            <h3 style={{marginTop: '5vh'}}>Contacto</h3>\r\n            <input type=\"hidden\" id=\"grecaptcha\" name=\"grecaptcha\" />\r\n            <input type=\"hidden\" name=\"action\" value=\"validate_captcha\" />\r\n            <input type=\"text\" placeholder=\"Nombre\" id=\"name\" name=\"name\" required/>\r\n            <input type=\"text\" placeholder=\"Correo Electronico\" id=\"email\" name=\"email\" required/>\r\n            <input type=\"number\" placeholder=\"Telefono\" id=\"phone\" name=\"phone\"/>\r\n            <div style={{marginTop: '5vh'}}>\r\n                <label for=\"mensaje\" style={{fontSize: '1.8rem',color:'gray'}}>Mensaje</label>\r\n                <textarea id=\"message\" name=\"message\" cols=\"30\" rows=\"10\" placeholder=\" Escribe tu mensaje aqui\" required></textarea>\r\n            </div>\r\n            <button type='submit' style={{marginTop: '5vh'}}>Enviar</button>\r\n        </form>\r\n     );\r\n}\r\n \r\nexport default Contacto;","export default __webpack_public_path__ + \"static/media/radioUpala.7d50c15b.jpg\";","import image from \"../../assets/radioUpala.jpg\";\r\nimport { useHistory,useLocation } from \"react-router-dom\";\r\nimport useSWR from 'swr';\r\n\r\nconst fetcher = () => fetch(`${process.env.REACT_APP_URL}/stream/radioupala`).then(res => res.json())\r\n\r\nconst Menu = () => {\r\n\r\n    let history = useHistory();\r\n    const location = useLocation();\r\n\r\n    function Stream () {\r\n        const { data, error } = useSWR('/', fetcher,{ refreshInterval: 10000 })\r\n      \r\n        if (error) return <div>Error de Streaming</div>\r\n        if (!data) return null;\r\n       \r\n        return (\r\n            <>\r\n                {data.ok && data.show_listeners && (\r\n                    <p id=\"live\">Live {data.listeners}</p>\r\n                )}\r\n                <audio controls>\r\n                    <source src={`${data.listenurl}`}/>\r\n                </audio>\r\n            </>\r\n        );\r\n      }\r\n\r\n    function addClass() {\r\n        let buttonMenu = document.getElementsByClassName(\"buttonMenu\")[0];\r\n        buttonMenu.classList.toggle(\"change\");\r\n    }\r\n\r\n    function selectedClass(x) {\r\n        let menuList = document.querySelectorAll(\"ul li\");\r\n        menuList.forEach((optionMenu) => {\r\n          if (optionMenu == x){\r\n            if(!optionMenu.classList.contains(\"selected\")){\r\n                optionMenu.classList.add(\"selected\");\r\n            }\r\n          }\r\n          else optionMenu.classList.remove(\"selected\");\r\n        });\r\n    }\r\n      \r\n    function handleClick(path,element){\r\n        history.push(path);\r\n        let menu = document.getElementById(\"menu\");\r\n        let buttonMenu = document.getElementsByClassName(\"buttonMenu\")[0];\r\n        let topPos = document.getElementById('containerMain').offsetTop;\r\n        window.scrollTo({\r\n            top: topPos-100,\r\n            behavior: 'smooth',\r\n        });\r\n        menu.checked = false;\r\n        if (window.outerWidth <= 768) {\r\n            menu.checked = false;\r\n            addClass(buttonMenu);\r\n        }\r\n        if (location.pathname!==path){\r\n            selectedClass(element);\r\n        }\r\n    }\r\n\r\n    return (\r\n        <>\r\n            <input type=\"checkbox\" name=\"menu\" id=\"menu\" hidden />\r\n            <div id=\"containerButton\">\r\n                <label for=\"menu\" className=\"buttonMenu\" onClick={addClass}>\r\n                    <div className=\"bar1\"></div>\r\n                    <div className=\"bar2\"></div>\r\n                    <div className=\"bar3\"></div>\r\n                </label>\r\n                <a\r\n                    href=\"/\"\r\n                    rel=\"noreferrer\"\r\n                    style={{ display: \"none\" }}\r\n                >\r\n                    Radio Upala\r\n                </a>\r\n            </div>\r\n            <div id=\"containerMenu\">\r\n                <a href=\"/\" rel=\"noreferrer\"><img src={image} loading=\"lazy\" alt='Radio Upala'/></a>\r\n                <nav>\r\n                    {Stream()}\r\n                    <ul>\r\n                        <a><li onClick={function(){handleClick(\"/\",this)}} className={`${location.pathname === \"/\" ? 'selected' : ''}`}>Quiénes somos</li></a>\r\n                        <a><li onClick={function(){handleClick(\"/concursos\",this)}} className={`${location.pathname === \"/concursos\" ? 'selected' : ''}`}>Concursos</li></a>\r\n                        <a><li onClick={function(){handleClick(\"/colaboradores\",this)}} className={`${location.pathname === \"/colaboradores\" ? 'selected' : ''}`}>Colaboradores</li></a>\r\n                        <a><li onClick={function(){handleClick(\"/contacto\",this)}} className={`${location.pathname === \"/contacto\" ? 'selected' : ''}`}>Contacto</li></a>\r\n                    </ul>\r\n                </nav>\r\n            </div>\r\n      </>\r\n    );\r\n}\r\n \r\nexport default Menu;","import React,{useState,useEffect} from 'react';\r\nimport {getAnuncios} from '../../utils';\r\nimport {getPublicidad} from '../../utils';\r\nimport Slider from \"react-slick\";\r\nimport \"slick-carousel/slick/slick.css\"; \r\nimport \"slick-carousel/slick/slick-theme.css\";\r\n\r\nconst Aside = () => {\r\n\r\n    const [dataAnuncios,setDataAnuncios]=useState({});\r\n    const [dataPub_licidad,setDataPub_licidad]=useState({});\r\n\r\n    useEffect(() => {\r\n        getAnuncios()\r\n            .then(response => response.json())\r\n            .then((response)=>{\r\n                setDataAnuncios(response);\r\n            }\r\n        )\r\n    }, []);\r\n\r\n    useEffect(() => {\r\n        getPublicidad()\r\n            .then(response => response.json())\r\n            .then((response)=>{\r\n                setDataPub_licidad(response.data);\r\n            }\r\n        )\r\n    }, []);\r\n\r\n    const settings = {\r\n        dots: true,\r\n        arrows: false,\r\n        infinite: true,\r\n        fade: false,\r\n        speed: 600,\r\n        slidesToShow: 1,\r\n        slidesToScroll: 1,\r\n        autoplay: true,\r\n        autoplaySpeed: 3000,\r\n        className:'slides',\r\n        lazyLoad: true,\r\n        pauseOnHover: true,\r\n    };\r\n\r\n    return ( \r\n        <div id='aside'>\r\n            <div id=\"anuncios\">\r\n                {dataAnuncios.data ?\r\n                    <Slider {...settings}>\r\n                        { dataAnuncios.data.map(slider=>(\r\n                        <div className=\"showSlide\" key={slider.img}>  \r\n                            <a href={slider.url} target=\"_blank\">\r\n                                <img src={`${process.env.REACT_APP_URL}/img/${slider.img}`}/>  \r\n                            </a>\r\n                            <p>{slider.title}</p>  \r\n                        </div>\r\n                        ))}\r\n                    </Slider>\r\n                    :<h2>No hay anuncios</h2>\r\n                }\r\n            </div>\r\n            <div id=\"pub_licidad\">\r\n                {dataPub_licidad.length>0 ?\r\n                    <Slider {...settings}>\r\n                        {dataPub_licidad.map(slider=>(\r\n                        <div className=\"showSlide\" key={slider.img}> \r\n                            <a href={slider.url} target=\"_blank\">\r\n                                <img src={`${process.env.REACT_APP_URL}/img/${slider.img}`}/>  \r\n                            </a>\r\n                            <p>{slider.title}</p>  \r\n                        </div>\r\n                        ))}\r\n                    </Slider>\r\n                    :<h2>No hay pub_licidad</h2>\r\n                }\r\n            </div>\r\n        </div>\r\n     );\r\n}\r\n \r\nexport default Aside;","export function getAnuncios() {\r\n  let respuesta = fetch(`${process.env.REACT_APP_URL}/anuncios`);\r\n  return respuesta;\r\n}\r\n\r\nexport function getPublicidad() {\r\n  let respuesta = fetch(`${process.env.REACT_APP_URL}/pub_licidad`);\r\n  return respuesta;\r\n}\r\n","import image from '../../assets/radioUpala.jpg'\r\n\r\nconst Footer = () => {\r\n    return (\r\n        <footer>    \r\n            <a href=\"/\" rel=\"noreferrer\"><img src={image} loading=\"lazy\" alt='Radio Upala'/></a>\r\n            <div>\r\n                <p>Radio Cultural de Upala</p>\r\n                <p>88.3 FM</p>\r\n                <p>Marcando diferencia</p>\r\n            </div>    \r\n            <div>\r\n                <a href=\"https://www.facebook.com/Radio-Cultural-Upala-883-FM-914799328690277\" target=\"_blank\"><i class=\"fa fa-facebook-official\" aria-hidden=\"true\"></i></a>\r\n                <a href=\"https://api.whatsapp.com/send?phone=50686118330\" target=\"_blank\"><i class=\"fa fa-whatsapp\" aria-hidden=\"true\"></i></a>\r\n                <a href=\"https://www.instagram.com/radioupala/?hl=es-la\" target=\"_blank\"><i class=\"fa fa-instagram\" aria-hidden=\"true\"></i></a>\r\n            </div>\r\n            <p>2021 &copy; Jeosgram</p>\r\n        </footer>    \r\n    );\r\n}\r\n \r\nexport default Footer;","import About from \"./pages/About\";\nimport Concursos from \"./pages/Concursos\";\nimport Colaboradores from \"./pages/Colaboradores\";\nimport Contacto from \"./pages/Contacto\";\n\nimport Menu from \"./components/global/Menu\";\nimport Aside from \"./components/global/Aside\";\nimport Footer from \"./components/global/Footer\";\nimport { BrowserRouter as Router, Route, Switch } from \"react-router-dom\";\n\nimport \"./index.css\";\n\nconst App = () => {\n  return (\n    <div className=\"app\">\n      <Router>\n        <Aside />\n        <Menu />\n        <div id=\"containerMain\">\n          <Switch>\n            <Route exact path=\"/concursos\" component={Concursos} />\n            <Route exact path=\"/colaboradores\" component={Colaboradores} />\n            <Route exact path=\"/contacto\" component={Contacto} />\n            <Route exact path=\"/*\" component={About} />\n          </Switch>\n        </div>\n        <Footer />\n      </Router>\n    </div>\n  );\n};\n\nexport default App;\n","import React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport App from \"./App\";\n\nReactDOM.render(\n  <React.StrictMode>\n    <App />\n  </React.StrictMode>,\n  document.getElementById(\"root\")\n);\n"],"sourceRoot":""}