{"version":3,"sources":["data/countries.js","components/iframeComponent/IframeComponent.js","components/headerimage/headerimage.js","components/headerimage/index.js","pages/home/home.js","pages/home/index.js","pages/programacion/programacion.js","pages/programacion/index.js","pages/blog/index.js","pages/blog/blog.js","pages/contactanos/contactanos.js","pages/contactanos/index.js","pages/preguntasfrequentes/preguntasfrequentes.js","pages/preguntasfrequentes/index.js","components/CustomSelect.js","pages/peticion/peticion.js","pages/peticion/index.js","components/header/header.js","components/header/index.js","components/footer/index.js","components/footer/footer.js","pages/noticiascristianas/index.js","pages/noticiascristianas/noticiascristianas.js","App.js","serviceWorker.js","index.js"],"names":["Countries","countries","React","Component","theme","createMuiTheme","responsiveFontSizes","headerimage","title","subtitle","style","backgroundImage","backgroundRepeat","backgroundPosition","backgroundSize","opacity","height","top","Typography","position","left","color","variant","align","useStyles","makeStyles","createStyles","container","display","gridTemplateColumns","gridGap","spacing","customCard","border","boxShadow","paper","padding","textAlign","palette","text","secondary","whiteSpace","marginBottom","divider","margin","cards","media","width","mediainternalcard","justifyContent","alignitems","backgroundColor","mediaconcurso","formsStyle","button","input","errors","fontSize","validationSchema","RegExp","yup","nombrecompleto","matches","required","correoelectronico","email","home","classes","formik","useFormik","initialValues","onSubmit","values","alert","JSON","stringify","resetForm","setSubmitting","Divider","className","Grid","justify","align-content","grid-auto-flow","align-items","item","xs","alignItems","md","src","alt","Card","CardMedia","component","CardContent","gutterBottom","CardActions","handleSubmit","TextField","fullWidth","label","id","name","type","value","onChange","handleChange","error","touched","Boolean","helperText","Select","native","autoWidth","map","key","code","multiline","rows","accept","multiple","htmlFor","Button","endIcon","isSubmitting","programacion","defaultProps","blog","contactanos","asunto","mensaje","classname","root","heading","typography","pxToRem","fontWeight","fontWeightBold","preguntasfrequentes","Accordion","AccordionSummary","expandIcon","aria-controls","AccordionDetails","CustomSelect","aceptarterminos","oneOf","ListaMotivoOracion","peticion","tipoformulario","axios","method","url","headers","data","then","result","console","log","setState","dataSent","sent","useState","catch","message","FormHelperText","FormControlLabel","control","Checkbox","checked","linkMenuData","href","flexGrow","header","paddingRight","paddingLeft","menuButton1","marginRight","appbar_1","borderTop","socialmedia","headerButtonStyle","marginLeft","menuButton","fontFamily","buttonMedia","borderRadius","drawerContainer","toolbar","createBrowserHistory","forceRefresh","anchorEl","mobileView","drawerOpen","state","useEffect","setResponsiveness","window","innerWidth","prevState","addEventListener","getDrawerChoices","Link","RouterLink","to","textDecoration","MenuItem","drawerLogo","getMenuButtons","AppBar","Toolbar","IconButton","edge","docked","onClick","Drawer","anchor","open","onClose","frameborder","allowTransparency","size","startIcon","footer","sandbox","noticiascristianas","App","exact","path","Home","Programacion","Preguntasfrequentes","Peticion","Blog","Contactenos","Noticiascristianas","location","hostname","match","baseUrl","document","getElementsByTagName","getAttribute","rootElement","getElementById","ReactDOM","render","basename","navigator","serviceWorker","ready","registration","unregister"],"mappings":"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","file":"static/js/main.be458000.chunk.js","sourcesContent":["// export function getCountries()\nexport const Countries={\n    countries:[\n    {\n        \"name\": \"Estados Unidos\",\n        \"code\": \"USA\"\n    },\n    {\n        \"name\": \"Canada\",\n        \"code\": \"CAN\"\n    },\n    {\n        \"name\": \"Colombia\",\n        \"code\": \"COL\"\n    },\n    {\n        \"name\": \"Mexico\",\n        \"code\": \"mex\"\n    },\n    {\n        \"name\": \"Costa Rica\",\n        \"code\": \"CR\"\n    },\n    {\n        \"name\": \"Panama\",\n        \"code\": \"PAN\"\n    },\n    {\n        \"name\": \"El Salvador\",\n        \"code\": \"SV\"\n    },\n    {\n        \"name\": \"Filipinas\",\n        \"code\": \"FI\"\n    },\n    {\n        \"name\": \"Francia\",\n        \"code\": \"FR\"\n    },\n    {\n        \"name\": \"Espnna\",\n        \"code\": \"ESP\"\n    },\n    {\n        \"name\": \"Argentina\",\n        \"code\": \"AR\"\n    },\n    {\n        \"name\": \"Armenia\",\n        \"code\": \"AM\"\n    },\n    {\n        \"name\": \"Aruba\",\n        \"code\": \"AW\"\n    },\n    {\n        \"name\": \"Australia\",\n        \"code\": \"AU\"\n    },\n    {\n        \"name\": \"Austria\",\n        \"code\": \"AT\"\n    },\n    {\n        \"name\": \"Azerbaijan\",\n        \"code\": \"AZ\"\n    },\n    {\n        \"name\": \"Bahamas\",\n        \"code\": \"BS\"\n    },    \n    {\n        \"name\": \"Bangladesh\",\n        \"code\": \"BD\"\n    },\n    {\n        \"name\": \"Barbados\",\n        \"code\": \"BB\"\n    },\n    {\n        \"name\": \"Belarus\",\n        \"code\": \"BY\"\n    },\n    {\n        \"name\": \"Belgica\",\n        \"code\": \"BE\"\n    },\n    {\n        \"name\": \"Belize\",\n        \"code\": \"BZ\"\n    },\n  \n    {\n        \"name\": \"Bermuda\",\n        \"code\": \"BM\"\n    },\n  \n    {\n        \"name\": \"Bolivia\",\n        \"code\": \"BO\"\n    }, \n     \n    \n    {\n        \"name\": \"Brazil\",\n        \"code\": \"BR\"\n    },\n     \n    {\n        \"name\": \"Brunei Darussalam\",\n        \"code\": \"BN\"\n    },\n    {\n        \"name\": \"Bulgaria\",\n        \"code\": \"BG\"\n    },\n    \n    {\n        \"name\": \"Burundi\",\n        \"code\": \"BI\"\n    },\n    \n    {\n        \"name\": \"Cameroon\",\n        \"code\": \"CM\"\n    },\n \n    \n    {\n        \"name\": \"Chile\",\n        \"code\": \"CL\"\n    },\n    {\n        \"name\": \"China\",\n        \"code\": \"CN\"\n    },\n \n    {\n        \"name\": \"Cuba\",\n        \"code\": \"CU\"\n    },\n   \n    {\n        \"name\": \"Republic Dominicana\",\n        \"code\": \"DO\"\n    },\n    {\n        \"name\": \"Ecuador\",\n        \"code\": \"EC\"\n    } \n    \n]\n}\n\nexport default Countries","import React from 'react';\nexport  default class IframeComponent extends React.Component {\n    render() {\n        return (\n            <div>\n                <iframe src={this.props.src} height={this.props.height} width={this.props.width} frameBorder=\"{0}\" className=\"fullheight\"/>           \n            </div>\n        )\n    }\n}","import React, {Component} from 'react';\nimport PropTypes from 'prop-types'; \nimport { createMuiTheme, responsiveFontSizes, MuiThemeProvider, Typography} from \"@material-ui/core\";\n\n\n{/* class HeaderImage extends Component {\n   \n    render(){\n        return(\n            <div className=\"headerimage\"><p>Header image</p>\n                </div>\n        );\n    }\n}\n\nheaderimage.propTypes = {\n};\n\nheaderimage.defaultProps = {\n};*/}\nlet theme = createMuiTheme();\ntheme=responsiveFontSizes(theme);\n\nconst HeaderImage=({title,subtitle}) => {\nconst heading=\"Radio Digital Cristiana Latina en Canada\";    \nconst subheading=\"Transmitimos 24/7 dias de la Semana\"  ;     \n    return (\n     <div style={{ backgroundImage: `url(${process.env.PUBLIC_URL + '/img/headerpicture.jpg'})`,\n     backgroundRepeat:'no-repeat',\n     backgroundPosition: 'center',\n     backgroundSize:'cover',\n     opacity:'0.6',\n     height:'70vh',\n     top:'10px'\n     }}>\n         {/*<Typography style={{position:'absolute',top:'40%',left:'40%',color:'white'  }} variant=\"h3\"  align=\"center\">\n            Radio Digital Cristiana en Canada.\n         </Typography>\n         <Typography style={{position:'absolute',top:'44%',left:'40%',color:'white'  }} variant=\"h4\"  align=\"center\">\n            Transmitiendo 24/7 dias de la semana.\n    </Typography>*/}\n    <MuiThemeProvider theme={theme}>\n          <Typography  style={{position:'absolute',top:'40%',left:'40%',color:'white'  }} variant=\"h3\"  align=\"center\">\n            {heading}.\n         </Typography>\n         {/*<Typography style={{position:'absolute',top:'44%',left:'40%',color:'white'  }} variant=\"h4\"  align=\"center\">\n            {subheading}\n</Typography>*/}\n    </MuiThemeProvider>\n\n    </div>\n    )\n};\nexport default HeaderImage;","import headerimage from './headerimage';\nexport default headerimage;\n","import React, {Component,useState,useEffect} from 'react';\nimport PropTypes from 'prop-types';\nimport { makeStyles, createStyles, Theme } from '@material-ui/core/styles';\nimport Typography from '@material-ui/core/Typography';\nimport Paper from '@material-ui/core/Paper';\nimport Divider from '@material-ui/core/Divider';\nimport Grid from '@material-ui/core/Grid';\nimport Button from \"@material-ui/core/Button\";\nimport Card from '@material-ui/core/Card';\nimport CardActionArea from '@material-ui/core/CardActionArea';\nimport CardActions from '@material-ui/core/CardActions';\nimport CardContent from '@material-ui/core/CardContent';\nimport CardMedia from '@material-ui/core/CardMedia';\nimport Box from '@material-ui/core/Box';\nimport FormControl from '@material-ui/core/FormControl';\nimport TextField from '@material-ui/core/TextField';\nimport Icon from \"@material-ui/core/Icon\";\nimport CloudUploadIcon from \"@material-ui/icons/CloudUpload\";\nimport Select from '@material-ui/core/Select';\nimport { Countries } from '../../data/countries.js'\nimport IframeComponent from '../../components/iframeComponent/IframeComponent';\nimport { useFormik } from 'formik';\nimport * as yup from 'yup';\nimport axios from 'axios';\nimport  HeaderImage  from '../../components/headerimage';\n\n\n\n\nconst useStyles = makeStyles((theme) =>\n  createStyles({\n    container: {\n      display: 'grid',\n      gridTemplateColumns: 'repeat(12, 1fr)',\n      gridGap: theme.spacing(3),\n    },\n    customCard:{\n      border:\"none\", \n      boxShadow:\"none\",\n    },\n    paper: {\n      padding: theme.spacing(1),\n      textAlign: 'center',\n      color: theme.palette.text.secondary,\n      whiteSpace: 'nowrap',\n      marginBottom: theme.spacing(1),\n    },\n    divider: {\n      margin: theme.spacing(2, 0),\n    },\n    cards:{\n        height: 400, \n        border:0,\n    },\n    media: {\n        height: 400,\n        width:400,\n      },\n      mediainternalcard: {\n        height: 150,\n        width:150,\n        display:\"flex\",\n        justifyContent:\"center\",\n        alignitems:\"center\",\n        backgroundColor: \"none\",\n      }, \n      mediaconcurso: {\n        height: 200,\n        width:450       \n      }, \n      formsStyle:\n      {\n       '& .MuiFormControl-root':{\n           width:'80%',\n           margin:theme.spacing(2) \n       }\n      },\n      button:{\n          margin:theme.spacing(1),\n      },\n      input:{\n          display:'none',\n      },\n      errors:{\n        color:\"red\",        \n        fontSize: \"0.5em\",\n        display:\"relative\",\n      },\n  }),\n);\n\n// class home extends React.Component \nconst validEmailRegex=RegExp(/^(([^<>()\\[\\]\\.,;:\\s@\\\"]+(\\.[^<>()\\[\\]\\.,;:\\s@\\\"]+)*)|(\\\".+\\\"))@(([^<>()[\\]\\.,;:\\s@\\\"]+\\.)+[^<>()[\\]\\.,;:\\s@\\\"]{2,})$/i);\nconst validateForm=errors=> {\n  let valid=true;\n  Object.values(errors).forEach(val=>val.length>0 && (valid =false));\n  return valid;\n };\n \nconst validationSchema=yup.object({\n  nombrecompleto:yup\n               .string('Por favor entre su nombre completo')                \n               .matches('[a-zA-Z]',\"solo caharacteres \")             \n               .required('Nombre completo es requerido'),\n  correoelectronico:yup\n               .string('Por favor entre su correo electronico')\n               .email('Entre un correo electronico valido')             \n               .required('Correo electronico es requerido'),\n\n  });\n   \n  const Home = () => {\n    const classes = useStyles();   \n    const formik=useFormik({\n      initialValues:{\n        nombrecompleto:'',\n        correoelectronico:'',       \n      },\n      validationSchema: validationSchema,\n      onSubmit:(values) => {\n        alert(JSON.stringify(values,null,2));        \n        formik.resetForm();\n        formik.setSubmitting(false);      \n      },\n    }); \n  return (\n\n    <div>\n      \n    <Divider className={classes.divider} />     \n      <Grid container spacing={8}\n      justify=\"space-around\"\n      align-content=\"space-evenly\"\n      grid-auto-flow=\"row\"\n      align-items=\"end\"\n         >       \n     \n        <Grid item xs={12} align=\"center\"\n                justify=\"center\"        \n                justifyContent=\"center\"\n                alignItems=\"center\">\n        <Typography variant=\"h4\" >\n           Acerca de la Radio Cristiana           \n        </Typography>\n          </Grid> \n          <Grid item xs={12} md={6} \n                align=\"center\"\n                justify=\"center\"        \n                justifyContent=\"center\"\n                alignItems=\"center\">\n              <img src={process.env.PUBLIC_URL + '/img/homepict.jpg'} alt=\"logo\"/>\n          </Grid> \n             \n        <Grid item xs={12} md={6} align=\"left\">        \n        \n        <Typography variant=\"body1\">\n        Transmitimos desde la Ciudad de Ottawa Capital de Canada, Nuestro real y unico deseo es llevar la palabra de dios a todos\n         en cualquier lugar y circustancias que se encuentre un alma, este donde este una persona que este deseosa de conocer  la palabra de Dios que le sea de alivio y esperanza espiritual en la FE de Nuestro Se&ntilde;or Jesus Cristo.\n         Elijimos una variada m&uacute;sica, mensajes cristianos y asi como predicaciones  y ense&ntilde;anzas pastorales como medio de evangelizaci&oacute;n a atraves de nosotros para hacer llevar y conocer el evangelio.,\n        </Typography>\n        </Grid>\n      </Grid>\n      \n      \n       <Divider className={classes.divider} />         \n      <Grid container spacing={10} justify=\"space-around\"\n      align-content=\"space-evenly\"\n      grid-auto-flow=\"row\"\n      align-items=\"end\">   \n        \n        <Grid item xs={12} ></Grid>\n        <Grid item xs={12} md={3}  align=\"center\" justify=\"center\"  \n                       \n               \n                alignItems=\"center\"> \n         <Card className={classes.customCard}>\n                          \n            <CardMedia  component=\"img\"\n              className={classes.mediainternalcard}\n              src={process.env.PUBLIC_URL + '/img/247internet.jpg'} \n            />\n            <CardContent>\n              <Typography  variant=\"h6\" component=\"h2\">\n              Transmitimos 24/7 por Internet\n              </Typography>\n              <Typography variant=\"body2\" color=\"textSecondary\" component=\"p\" align=\"left\" >\n                Estamos en linea a traves de Internet,\n                los 7 dias de la semana, 24 horas al dia, 365 dias del a&ntilde;o\n                atraves de los servicios de CITRUS3 como proveedor de Radio.\n              </Typography>\n            </CardContent>\n           \n        \n          </Card>\n        </Grid>   \n      <Grid item xs={12} md={3} align=\"center\"> \n          <Card className={classes.customCard}>\n             \n              <CardMedia\n                component=\"img\"\n                className={classes.mediainternalcard}\n                src={process.env.PUBLIC_URL + '/img/contenidocristiano.jpg'}/>\n              <CardContent>\n                <Typography gutterBottom variant=\"h6\" component=\"h2\">\n                Contenido 100% Cristiano\n                </Typography>\n                <Typography variant=\"body2\" color=\"textSecondary\" component=\"p\" align=\"left\" >\n                  Todo el contenido que transmitimos es Cristiano: Musica, Mensajes Biblicos y\n                  predicaciones pastorales se alinean al evangelio y ense&ntilde;anzas de Nuestro se&ntilde;or Jesus Cristo\n                </Typography>\n              </CardContent>\n            \n            <CardActions>        \n            </CardActions>\n          </Card>\n      </Grid> \n      <Grid item xs={12} md={3} align=\"center\"> \n            <Card className={classes.customCard}>\n            \n              <CardMedia\n                component=\"img\"\n                className={classes.mediainternalcard}\n                src={process.env.PUBLIC_URL + '/img/gratuito.jpg'} \n              />\n              <CardContent>\n                <Typography gutterBottom variant=\"h5\" component=\"h2\">\n                  100% Gratuito\n                </Typography>\n                <Typography variant=\"body2\" color=\"textSecondary\" component=\"p\" align=\"left\" >\n                Sin animo de lucros,el unico objetivo nuestro es que ud aprenda\n                y tenga un acercamiento con la palabra y ense&ntilde;anzas biblicas evangelica.\n                </Typography>\n              </CardContent>\n             \n            <CardActions>            \n            </CardActions>\n          </Card>\n      </Grid>    \n      </Grid>\n      <Divider className={classes.divider} />     \n      <Grid container spacing={10} justify=\"space-around\"\n      align-content=\"space-around\"\n     \n      align-items=\"end\"> \n       <Grid item xs={12} align=\"center\"\n                justify=\"center\"        \n                justifyContent=\"center\"\n                alignItems=\"center\">\n        <Typography variant=\"h4\" >\n        Eres cantante de Musica Cristiana?            \n        </Typography>\n       </Grid> \n     \n        <Grid item xs={12} md={6} \n                align=\"center\"\n                justify=\"center\"        \n                justifyContent=\"center\"\n                alignItems=\"center\">\n              <img src={process.env.PUBLIC_URL + '/img/concursocantar.jpg'} alt=\"logo\"/>\n          </Grid>     \n      <Grid item xs={12} md={6}>        \n            \n            <Typography variant=\"body1\">\n                Bacon ipsum dolor amet sausage turkey picanha tri-tip cupim turducken pastrami.\n                Turkey sausage buffalo prosciutto, tri-tip corned beef picanha pastrami kevin pork. \n                Chuck short loin bresaola, turducken andouille landjaeger rump sirloin. \n                Strip steak doner turkey chicken. Strip steak cupim drumstick tongue, brisket pork loin sirloin.\n                Shoulder venison ribeye hamburger kielbasa chuck, jowl porchetta bresaola kevin filet mignon turkey pancetta.\n                Burgdoggen picanha ball tip andouille salami.\n            </Typography>    \n          <Grid container \n              justify=\"center\"                \n              >            \n            <form onSubmit={formik.handleSubmit}  className={classes.formsStyle}>\n            <TextField \n              fullWidth=\"true\" \n              variant=\"outlined\" \n              label=\"Nombre Completo\" \n              id=\"nombrecompleto\"\n              name=\"nombrecompleto\"\n              type=\"text\"             \n              value={formik.values.nombrecompleto}\n              onChange={formik.handleChange}\n              error={formik.touched.nombrecompleto && Boolean(formik.errors.nombrecompleto)}            \n              helperText={formik.touched.nombrecompleto && formik.errors.nombrecompleto}\n              />\n              <div > \n              <TextField               \n               fullWidth=\"true\" \n               variant=\"outlined\" \n               label=\"Correo Electronico\" \n               id=\"correoelectronico\"\n               name=\"correoelectronico\"\n               type=\"email\"\n               onChange={formik.handleChange}\n               error={formik.touched.correoelectronico && Boolean(formik.errors.correoelectronico)}            \n               helperText={formik.touched.correoelectronico && formik.errors.correoelectronico}\n               value={formik.values.correoelectronico}               \n               />\n              \n              </div> \n               <div>\n               <Select native autoWidth={true} style={{margin:\"12px\"}} variant=\"outlined\" label=\"Pais\" required>     \n                <option>Su  Pais</option>                    \n              {Countries.countries.map(item => (\n                  <option key={item.code} value={item.name}> \n                  {item.name}\n                 </option> \n              ))}                \n              </Select>  \n              </div> \n              <TextField  fullWidth=\"true\" variant=\"outlined\" label=\"Mensaje\" multiline rows={4}/>\n                <input\n                className={classes.input}\n                 accept=\"mp3/*\"\n                 id=\"mp3fichero\"\n                 multiple type=\"file\"\n                />\n              <label htmlFor=\"mp3fichero\">\n                <Button\n                  variant=\"contained\" \n                  color=\"secondary\"\n                  component=\"span\"\n                  className={classes.button}\n                  style={{ margin:\"12px\", width:\"80%\"}}\n                  endIcon={<CloudUploadIcon/>}> Seleccionar Fichero Mp3\n                </Button>\n              </label>\n              <Grid>   \n                <Button\n                 type=\"submit\"\n                 variant=\"contained\" \n                 color=\"primary\"\n                 style={{ margin:\"12px\", width:\"190px\"}}                   \n                 className={classes.button} \n                 > {formik.isSubmitting ? 'Enviando...' : 'Enviar Ahora'}\n              </Button>\n              \n              </Grid> \n        </form>\n        </Grid>        \n      </Grid>\n   \n    </Grid> \n    </div>\n  )\n//};  \n} \n  \n\nexport default Home;\n","import home from './home';\nexport default home;\n","import React, {Component} from 'react';\nimport PropTypes from 'prop-types';\n\nclass programacion extends React.Component {\n   \n    render(){\n        return(\n            <div className=\"programacion\"><p>Programacion</p></div>\n        );\n    }\n}\n\nprogramacion.propTypes = {\n};\n\nprogramacion.defaultProps = {\n};\n\nexport default programacion;\n","import programacion from './programacion';\nexport default programacion;\n","import blog from './blog';\nexport default blog;\n","import React, {Component} from 'react';\n \n\nconst Blog=() => {\n   \n    \n        return(\n            <div className=\"blog\"><p>Blog pages</p></div>\n        );\n    }\n \n\n\n\nexport default Blog;\n","import React, {Component,useState,useEffect} from 'react';\nimport PropTypes from 'prop-types';\nimport { makeStyles, createStyles, Theme } from '@material-ui/core/styles';\nimport FormControl from '@material-ui/core/FormControl';\nimport TextField from '@material-ui/core/TextField';\nimport Button from \"@material-ui/core/Button\";\nimport Select from '@material-ui/core/Select';\nimport Grid from '@material-ui/core/Grid';\nimport Typography from '@material-ui/core/Typography';\nimport { useFormik } from 'formik';\nimport * as yup from 'yup';\n \n\n\n\n\nconst useStyles = makeStyles((theme) =>\n  createStyles({\n    container: {\n      display: 'grid',\n      gridTemplateColumns: 'repeat(12, 1fr)',\n      gridGap: theme.spacing(3),\n    },\n    paper: {\n      padding: theme.spacing(1),\n      textAlign: 'center',\n      color: theme.palette.text.secondary,\n      whiteSpace: 'nowrap',\n      marginBottom: theme.spacing(1),\n    },\n    divider: {\n      margin: theme.spacing(2, 0),\n    },\n    cards:{\n        height: 400, \n    },\n    media: {\n        height: 450,\n      },\n      mediainternalcard: {\n        height: 150,\n        width:150,\n        display:\"flex\",\n        justifyContent:\"center\"\n      }, \n      mediaconcurso: {\n        height: 200,\n        width:450       \n      }, \n      formsStyle:\n      {\n       '& .MuiFormControl-root':{\n           width:'80%',\n           margin:theme.spacing(2) \n       }\n      },\n      button:{\n          margin:theme.spacing(1),\n      },\n      input:{\n          display:'none',\n      },\n  }),\n);\n\nconst validationSchema=yup.object({\n  nombrecompleto:yup\n               .string('Por favor entre su nombre completo')                \n               .matches('[a-zA-Z]',\"solo caharacteres \")             \n               .required('Nombre completo es requerido'),\n  correoelectronico:yup\n               .string('Por favor entre su correo electronico')\n               .email('Entre un correo electronico valido')             \n               .required('Correo electronico es requerido'),\n\n  });\nconst Contactanos=() =>  {\n    const classes = useStyles();\n      const formik=useFormik({\n        initialValues:{\n          nombrecompleto:'',\n          correoelectronico:'',       \n          asunto:'',\n          mensaje:'',\n        },\n        validationSchema: validationSchema,\n        onSubmit:(values) => {\n          alert(JSON.stringify(values,null,2));        \n          formik.resetForm();\n          formik.setSubmitting(false);      \n        },\n      });   \n        return(\n        <Grid container spacing={2}>            \n          <Grid item xs={12}></Grid> \n          <Grid item xs={12} md={6} align=\"center\"\n                justify=\"center\"        \n                justifyContent=\"center\"\n                alignItems=\"center\">\n              <img src={process.env.PUBLIC_URL + '/img/contact.jpg'} alt=\"logo\"/>\n          </Grid>      \n           <Grid item xs={12} md={6}>  \n           \n              <Typography variant=\"body1\" component=\"p\">\n               Si desea saber mas de nosotros o esta interesado en contactarnos por cualquier motivo, por favor rellene el siguiente formulario          \n              </Typography>          \n              <form onSubmit={formik.handleSubmit} className={classes.formsStyle}>\n\n                <TextField   \n                variant=\"outlined\" \n                fullWidth=\"true\" \n                type=\"text\"  \n                label=\"Nombre Completo\" \n                id=\"nombrecompleto\"\n                name=\"nombrecompleto\"\n                value={formik.values.nombrecompleto}                 \n                onChange={formik.handleChange}\n                error={formik.touched.nombrecompleto && Boolean(formik.errors.nombrecompleto)}            \n                helperText={formik.touched.nombrecompleto && formik.errors.nombrecompleto}\n                />\n\n                <TextField   \n                variant=\"outlined\"\n                label=\"Correco Electronico\"\n                id=\"correoelectronico\"\n                name=\"correoelectronico\"\n                value={formik.values.correoelectronico}\n                onChange={formik.handleChange}\n                type=\"email\"\n                error={formik.touched.correoelectronico && Boolean(formik.errors.correoelectronico)}            \n                helperText={formik.touched.correoelectronico && formik.errors.correoelectronico}\n                />\n\n                <TextField  \n                variant=\"outlined\" \n                label=\"Asunto\" \n                name=\"asunto\"\n                id=\"asunto\"\n                type=\"text\"\n                onChange={formik.handleChange}\n                value={formik.values.asunto}/>\n\n                <TextField  \n                variant=\"outlined\" \n                label=\"Mensaje\"\n                id=\"mensaje\"\n                name=\"mensaje\"\n                onChange={formik.handleChange}\n                multiline \n                rows={4}/> \n                <Grid>   \n                <Button\n                type=\"submit\"\n                   variant=\"contained\" \n                   color=\"primary\"\n                   style={{ margin:\"12px\", width:\"190px\"}}\n                   classname={classes.button}\n                   >{formik.isSubmitting ? 'Enviando...' :  'Enviar Ahora'}\n                </Button>\n                </Grid> \n          </form>\n          </Grid>\n       \n          </Grid>\n        );\n    }\n// }\n\n\n\nexport default Contactanos;\n","import contactanos from './contactanos';\nexport default contactanos;\n","import React, {Component} from 'react';\nimport PropTypes from 'prop-types';\nimport Accordion from '@material-ui/core/Accordion';\nimport AccordionSummary from '@material-ui/core/AccordionSummary';\nimport AccordionDetails from '@material-ui/core/AccordionDetails';\nimport Typography from '@material-ui/core/Typography';\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\nimport { makeStyles } from '@material-ui/core/styles';\nimport Grid from '@material-ui/core/Grid';\nimport Box from \"@material-ui/core/Box\";\n\nconst useStyles = makeStyles((theme) => ({\n    root: {\n      width: '100%',\n    },\n    heading: {\n      fontSize: theme.typography.pxToRem(15),\n      fontWeight: theme.typography.fontWeightBold,\n      fontSize:15,\n      lineHeight:1.5,\n      h5:{\n          fontWeight:600,\n          \n      },\n    },\n  }));\n  //const Contactanos=() => \n  const Preguntasfrequentes=() => {\n    const classes = useStyles();\n\n    return (\n        \n    //       {/* <Grid container spacing={2}>     \n         \n            \n    //   <Grid item xs={12} md={6} \n    //        justify=\"center\" \n    //        >      */}\n    <Grid container spacing={0} alignItems=\"center\" justify=\"center\">\n        <Grid  item xs={12} md={6}\n            display=\"flex\"  \n            justify=\"center\" \n            alignItems=\"center\"> \n            <Typography variant=\"body1\" >\n                Aqui pudiera encontrar las preguntas mas frequentes acerca de la radio cristiana latina, \n                si ud no encuentra la respuesta a su pregunta o aun tiene alguna duda acerca de la radio Cristiana, \n                por favor conctatenos  a traves del formulario de contacto a usando nuestra red social de facebook.                \n            </Typography>\n        </Grid> \n      <Grid item xs={12}></Grid>  \n    <Grid item xs={12} md={6}>                 \n        <div className={classes.root}>\n            <Accordion>\n                <AccordionSummary\n                    expandIcon={<ExpandMoreIcon />}\n                    aria-controls=\"panel1a-content\"\n                    id=\"panel1a-header\">\n                    <Typography className={classes.heading}>Por donde transmite la radio cristiana?</Typography>\n                </AccordionSummary>\n                <AccordionDetails>\n                    <Typography>\n                                  Nosotros transmitimos a traves de la Red de Internet en formato Digital las 24/7 dias de la semana.\n                    </Typography>\n                </AccordionDetails>\n            </Accordion>\n            <Accordion>\n                <AccordionSummary\n                    expandIcon={<ExpandMoreIcon />}\n                    aria-controls=\"panel2a-content\"\n                    id=\"panel2a-header\"\n                >\n                    <Typography className={classes.heading}>Como yo puedo escuchar la radio?</Typography>\n                </AccordionSummary>\n                <AccordionDetails>\n                    <Typography>\n                                 Para escucharnos tiene diferentes opciones.\n                                 -Usando el control del sitio web.\n                                 -Usando la aplication para mobiles  My Tuner Radio.\n                    </Typography>\n                </AccordionDetails>\n            </Accordion>\n          \n            <Accordion>\n                <AccordionSummary\n                    expandIcon={<ExpandMoreIcon />}\n                    aria-controls=\"panel3a-content\"\n                    id=\"panel3a-header\"\n                >\n                    <Typography className={classes.heading}>En que idioma transmiten? </Typography>\n                </AccordionSummary>\n                <AccordionDetails>\n                    <Typography>\n                                 Todo nuestros programas y musicas es en espannol.\n                    </Typography>\n                </AccordionDetails>\n            </Accordion>\n            <Accordion>\n                <AccordionSummary\n                    expandIcon={<ExpandMoreIcon />}\n                    aria-controls=\"panel3a-content\"\n                    id=\"panel3a-header\"\n                >\n                <Typography className={classes.heading}>En que paises se escucha la radio ? </Typography>\n                </AccordionSummary>\n                <AccordionDetails>\n                    <Typography>\n                               En todos los paises ya que transmitimos por Internet, usando una plataforma independiente de las redes sociales existentes,\n                               podemos ser escuchado en Cualquier pais que se encuentre, solo necesitaria una conexion a internet para acceder al sitio web or usando la aplicacion my Tuner Radio.\n                    </Typography>\n                </AccordionDetails>\n            </Accordion>\n            <Accordion>\n                <AccordionSummary\n                    expandIcon={<ExpandMoreIcon />}\n                    aria-controls=\"panel3a-content\"\n                    id=\"panel3a-header\"\n                >\n                    <Typography className={classes.heading}>Puedo escucharla en mi dispositivo movil? </Typography>\n                </AccordionSummary>\n                <AccordionDetails>\n                    <Typography>\n                      Si puede escucharnos a tarves de su dispositivo movil para apple or para android, usando la aplicacion my tuner Radio.\n                    </Typography>\n                </AccordionDetails>\n            </Accordion>\n        </div> \n        </Grid>\n        </Grid>        \n    );\n}\n\n\nexport default Preguntasfrequentes;\n","import preguntasfrequentes from './preguntasfrequentes';\nexport default preguntasfrequentes;\n","import React from 'react';\nimport { useFormContext, Controller} from 'react-hook-form';\nimport MenuItem from \"@material-ui/core/MenuItem\";\nimport FormControl from \"@material-ui/core/FormControl\";\nimport InputLabel from \"@material-ui/core/InputLabel\";\nimport Select from '@material-ui/core/Select';\n\n// export default ({onChange, options, value, classname})=>{\n//     const defaultValue=(options, value)=>{\n//         return options ? options.find(option=>option.value===value) : \"\";\n//     };\n//     return(\n//         <div className={classname} >\n//             <Select \n//             style={{margin:\"12px\"}}\n//             autoWidth={true} \n//             variant=\"outlined\"  \n//               value={defaultValue(options,value)}\n//               onChange={value=>{\n//                   onChange(value)\n//               }} \n//               options={options}\n//             />\n//         </div>\n//     )\n// }\n\nconst MuiSelect=(props)=>{\n    const {label,name,options}=props;\n\n return (\n     <FormControl fullWidth={true}>\n         <InputLabel htmlFor={name}>\n             {label}\n         </InputLabel>\n         <Select id={name} {...props}>\n             <MenuItem value=\"\">\n                <em>None</em>\n             </MenuItem>\n             {options.map((item)=>(\n                 <MenuItem key={item.value} value={item.value}>\n                     {item.label}\n                 </MenuItem>\n             ))}\n         </Select>\n     </FormControl>\n );\n};\n\nfunction CustomSelect(props){\n    const { control }=useFormContext();\n    const { name,label }=props;\n    return (\n        <React.Fragment>\n            <Controller\n                as={MuiSelect}\n                control={control}\n                name={name}\n                label={label}\n                defaultValue=\"\"\n                {...props}\n            />\n        </React.Fragment>\n    )\n}\nexport default CustomSelect;","import React, {Component,useState,useEffect} from 'react';\nimport PropTypes from 'prop-types';\nimport { FormControl } from '@material-ui/core';\nimport { createStyles, makeStyles, Theme } from '@material-ui/core/styles';\nimport TextField from '@material-ui/core/TextField';\nimport Grid from '@material-ui/core/Grid';\nimport Button from \"@material-ui/core/Button\";\nimport Select from '@material-ui/core/Select';\nimport InputLabel from '@material-ui/core/InputLabel';\nimport Checkbox from '@material-ui/core/Checkbox';\nimport FormControlLabel from '@material-ui/core/FormControlLabel';\nimport Typography from '@material-ui/core/Typography';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport { Countries } from '../../data/countries.js'\nimport { useFormik } from 'formik';\nimport * as yup from 'yup';\nimport { FormHelperText} from '@material-ui/core';\nimport CustomSelect from '../../components/CustomSelect';\nimport axios from 'axios';\n \n\n\n \nconst useStyles = makeStyles((theme) => ({\n    root: {\n      '& .MuiTextField-root': {\n        margin: theme.spacing(1),\n        width: '25ch',\n      },\n    },\n    container: {\n        display: 'grid',\n        gridTemplateColumns: 'repeat(12, 1fr)',\n        gridGap: theme.spacing(3),\n      },\n      formsStyle:\n      {\n       '& .MuiFormControl-root':{\n           width:'80%',\n           margin:theme.spacing(2) \n       }\n      },\n      button:{\n          margin:theme.spacing(1),\n      },\n      input:{\n          display:'none',\n      },\n  }));\n  const Options=[\n    {value:'Sanida Y Salud',label:'Sanida y Salud', },\n    {value:'Matrimonio',label:'Matrimonio', },\n    {value:'Familia Cercana',label:'Familia Cercana', },\n    {value:'Por mis hijos',label:'Por mis hijos', },\n    {value:'Por mi Esposo',label:'Por mi Esposo', },\n    {value:'Por mi Esposa',label:'Por mi Esposa', },\n    {value:'Por Problemas Financieros',label:'Por Problemas Financieros', } \n  ];\n  \n\nconst validationSchema=yup.object({\n  nombrecompleto:yup\n               .string('Por favor entre su nombre completo')                \n               .matches('[a-zA-Z]',\"solo caharacteres \")             \n               .required('Nombre completo es requerido'),\n  correoelectronico:yup\n               .string('Por favor entre su correo electronico')\n               .email('Entre un correo electronico valido')             \n               .required('Correo electronico es requerido'),\n  asunto:yup\n               .string('Por favor especifique el Asunto de su peticion d eoracion')                           \n               .required('El asunto de su peticion es requerido'), \n\n  aceptarterminos:yup.boolean()                      \n                      .required('Requerido')\n                      .oneOf([true], \"Debes aceptar los terminos y condiciones\"), \n  ListaMotivoOracion: yup\n                    .string('Por favor seleccione  un motivo')                                 \n                    .required('Seleccione un motivo es Requerido')                                    \n                    .oneOf(['Sanidad','Matrimonio','Familia Cercana','Por mis Hijos','Por mi Esposo','Por mi Esposa','Por Problemas Financieros','Por Salud'],'Seleccione uno de la lista'),\n\n\n  });\n \nconst Peticion=()=> {\n  \n    \n      const classes = useStyles(); \n      \n    const formik=useFormik({\n      initialValues:{\n        tipoformulario:'peticiondeoracion',\n        nombrecompleto:'',\n        correoelectronico:'',\n        asunto:'',\n        ListaMotivoOracion:'',       \n        mensaje:'', \n        aceptarterminos:false      \n      },\n      validationSchema: validationSchema,\n      onSubmit:(values) => {\n        alert(JSON.stringify(values,null,2));        \n        formik.resetForm();\n        formik.setSubmitting(false); \n\n        axios({\n          method:'POST',\n          url:'http://api.hardandsoft.ca/send.php',\n          headers:{\n            'content-type':'application/json'\n          },\n          data:JSON.stringify(values,null,2)\n        })\n        .then(result=>{\n          console.log(result.data)\n\n          this.setState({\n            dataSent:result.data.sent,\n          })\n          console.log(this.useState)\n        })\n        .catch(error=>this.setState({\n          error:error.message\n        }));     \n      },\n    }); //const Firmk\n   \n        return(\n            <Grid container  spacing={2}  >\n                <Grid item xs={12}></Grid>\n                 <Grid item xs={12} md={6}> \n                    <Typography variant=\"h6\" component=\"h2\">\n                      \n                    </Typography>\n              <Grid item xs={12} md={6} align=\"center\"\n                justify=\"center\"        \n                justifyContent=\"center\"\n                alignItems=\"center\">\n                <img src={process.env.PUBLIC_URL + '/img/peticionoracion.jpg'} alt=\"logo\" />\n              </Grid>\n            </Grid>\n            <Grid item xs={12} md={6}>\n            <Typography variant=\"h6\" component=\"h2\">              \n              Envianos tu peticion y nosotros Oramos por ti.\n              Al solicitar su oracion, nos comprometemos a orar por usted las veces que sea necesaria hasta ver la gloria y la bendicion de Dios  cumpliendose en sus vidas.\n              Estamos interesados en Orar por ti y todas tus necesidades y creemeos por FE que Dios puede sanar todas tus necesidades en Oracion.                      \n            </Typography>\n            <form   onSubmit={formik.handleSubmit} className={classes.formsStyle}>\n                <TextField   \n                    variant=\"outlined\" \n                    label=\"Nombre Completo\" \n                    name=\"nombrecompleto\"\n                    id=\"nombrecompleto\"\n                    onChange={formik.handleChange}\n                    value={formik.values.nombrecompleto}\n                    error={formik.touched.nombrecompleto && Boolean(formik.errors.nombrecompleto)}            \n                    helperText={formik.touched.nombrecompleto && formik.errors.nombrecompleto}\n                />\n\n                <TextField   \n                    variant=\"outlined\" \n                    label=\"Correco Electronico\"                  \n                    name=\"correoelectronico\"\n                    id=\"correoelectronico\"\n                    onChange={formik.handleChange}\n                    value={formik.values.correoelectronico}\n                    error={formik.touched.correoelectronico && Boolean(formik.errors.correoelectronico)}            \n                    helperText={formik.touched.correoelectronico && formik.errors.correoelectronico}                \n                />\n                <Grid item xs={12}>\n                {/* <Select native autoWidth={true} style={{margin:\"12px\"}} variant=\"outlined\" label=\"Pais\" required>     \n                  <option>Selecione su Pais</option>                    \n                      {Countries.countries.map(item => (\n                          <option key={item.code} value={item.name}> \n                          {item.name}\n                   </option> \n                  ))}                \n                </Select>  */}                \n                  <Select native autoWidth={true}\n                   style={{margin:\"12px\"}}\n                   label=\"seleccion\"\n                    variant=\"outlined\"  \n                    onChange={formik.handleChange} \n                    name=\"ListaMotivoOracion\" \n                    id=\"ListaMotivoOracion\">\n                      <option value=\"Seleccione su motivo\">Seleccione su motivo</option> \n                      <option value=\"Sanidad\">Sanidad</option> \n                      <option value=\"Matrimonio\">Matrimonio</option> \n                      <option value=\"Familia Cercana\">Familia Cercana</option> \n                      <option value=\"Por mis Hijos\">Por mis hijos</option> \n                      <option value=\"Por mi Esposo\">Por mi Esposo</option> \n                      <option value=\"Por mi Esposa\">Por mi Esposa</option>  \n                      <option value=\"Por Problemas Financieros\">Por Problemas Financieros</option>                            \n                      <option value=\"Por Salud\">Por Salud</option> \n                    </Select> \n                    <FormHelperText error>\n                    {formik.touched.ListaMotivoOracion && Boolean(formik.errors.ListaMotivoOracion)}            \n                    {formik.touched.ListaMotivoOracion && formik.errors.ListaMotivoOracion} \n                      </FormHelperText> \n                      </Grid>\n                    {/* <div    >\n                    <CustomSelect\n                    variant=\"outlined\" \n                      name=\"ListaMotivoOracion\"                   \n                      id=\"ListaMotivoOracion\"\n                      className='outlined'\n                      onChange={value=>formik.setFieldValue('ListaMotivoOracion',value.value)}\n                      value={formik.values.ListaMotivoOracion}\n                      option={options}\n                    />\n                    </div> */}\n                    \n                     \n                    {/* <CustomSelect name=\"ListaMotivoOracion\" label=\"Motivos\" options={Options}/> */}\n                   \n                    <TextField   \n                      variant=\"outlined\" \n                      label=\"Asunto\"  \n                      value={formik.values.asunto}\n                      name=\"asunto\"\n                      id=\"asunto\"\n                      onChange={formik.handleChange}\n                      error={formik.touched.asunto && Boolean(formik.errors.asunto)}            \n                      helperText={formik.touched.asunto && formik.errors.asunto}                     \n                    />\n\n                    <TextField \n                       variant=\"outlined\" \n                       multiline rows={4}                        \n                       label=\"Escriba su peticion\"\n                       value={formik.values.mensaje}\n                       name=\"mensaje\"\n                       id=\"mensaje\"\n                       onChange={formik.handleChange}\n                    /> \n                  <FormControlLabel\n                    \n                    control={\n                        <Checkbox\n                        checked={formik.values.aceptarterminos}                       \n                        name=\"aceptarterminos\"\n                        id=\"aceptarterminos\"\n                        onChange={formik.handleChange}\n                        color=\"primary\"\n                                            \n                    />}                   \n                    name=\"aceptarterminos\"\n                    id=\"aceptarterminos\"                    \n                    label=\"Declaro y doy FE que toda la informacion completada en este formulario es verdadera\"                   \n                  />\n                  <FormHelperText error>\n                    {formik.touched.aceptarterminos && Boolean(formik.errors.aceptarterminos)}            \n                    {formik.touched.aceptarterminos && formik.errors.aceptarterminos} \n                  </FormHelperText>                \n                <Grid>   \n                <Button\n                   variant=\"outlined\" \n                   color=\"primary\"\n                   style={{ margin:\"12px\", width:\"290px\"}}\n                   className={classes.button}\n                   type=\"submit\"\n                   > Enviar su Peticion Ahora\n                </Button>\n                </Grid> \n          </form>\n          </Grid>  \n      </Grid>\n      );  \n}\nexport default Peticion;\n","import peticion from './peticion';\nexport default peticion;\n","import React, {Component, useState,useEffect} from 'react';\n// import PropTypes from 'prop-types';\nimport { makeStyles } from '@material-ui/core/styles';\nimport AppBar from '@material-ui/core/AppBar';\nimport Toolbar from '@material-ui/core/Toolbar';\nimport Typography from '@material-ui/core/Typography';\nimport Button from \"@material-ui/core/Button\";\nimport IconButton from '@material-ui/core/IconButton';\nimport MenuIcon from '@material-ui/icons/Menu';  \nimport FacebookIcon from '@material-ui/icons/Facebook';\nimport TwitterIcon from '@material-ui/icons/Twitter';\nimport Icon from '@material-ui/core/Icon';\nimport { BrowserRouter as Router, Switch, Route, HashRouter } from \"react-router-dom\";\nimport Blog from \"../../pages/blog\";\nimport Contactenos from \"../../pages/contactanos\";\nimport Home from \"../../pages/home\";\nimport Programacion from \"../../pages/programacion\";\nimport Peticion from \"../../pages/peticion\";\nimport Preguntasfrequentes from \"../../pages/preguntasfrequentes\";\n\nimport Card from '@material-ui/core/Card';\nimport CardActionArea from '@material-ui/core/CardActionArea';\nimport CardActions from '@material-ui/core/CardActions';\nimport CardContent from '@material-ui/core/CardContent';\nimport CardMedia from '@material-ui/core/CardMedia';\nimport { withRouter } from \"react-router-dom\";\nimport { useHistory } from \"react-router-dom\";\nimport { useTheme } from '@material-ui/core/styles';\nimport Paper from '@material-ui/core/Paper';\nimport Grid from '@material-ui/core/Grid';\nimport {Menu,MenuItem,Drawer,Link } from '@material-ui/core';\nimport { createBrowserHistory } from \"history\";\nimport { Link as RouterLink} from \"react-router-dom\";\n\nimport  HeaderImage  from '../../components/headerimage';\n \n\n\nconst linkMenuData=[\n  {\n    label:\"Inicio\",\n    href:\"/\",\n  },\n  /*{\n    label:\"programacion\",\n    href:\"/programacion\",\n  },*/\n  {\n    label:\"Preguntas frequentes\",\n    href:\"/preguntasfrequentes\",\n  },\n  {\n    label:\"Peticion de oracion\",\n    href:\"/peticion\",\n  },\n  /*{\n    label:\"blog\",\n    href:\"/blog\",\n  },*/\n  {\n    label:\"Contactenos\",\n    href:\"/contactanos\",\n  },\n  {\n    label:\"Noticias\",\n    href:\"/noticiascristianas\",\n  },\n];\n\n\n\n//icons/Menu\nconst useStyles = makeStyles((theme) => ({\n    root: {\n      flexGrow: 1,  \n   \n    },\n    header: {\n      paddingRight:\"0px\",\n      paddingLeft:\"8px\",\n      backgroundColor:\"#f6e049\",      \n      \"@media (max-width:900px)\":{\n        paddingLeft:0,\n      },\n    },\n    cards:{\n      height: 345, \n      width:\"100%\",\n    },\n    media: {\n      height: 350,\n      width:\"100%\",\n      },\n    menuButton1: {\n      marginRight:theme.spacing(1),\n      backgroundColor:\"#4d1410\",\n    },\n    title: {\n      flexGrow: 1,\n    },\n    appbar_1: {\n      flexGrow: 1,     \n      backgroundColor:\"#4d1410\",\n      borderTop: 'solid 3px #998643',      \n      height:50,\n    },\n      socialmedia:{\n        color:\"#FFC300\",\n        fontSize:50,\n        margin:3, \n      },\n      headerButtonStyle:{\n        display: \"flex\" , \n        marginLeft:530,       \n        justifyContent:\"space-between\",  \n      },\n      menuButton:{\n        fontFamily:\"Open Sans, sans-serif\",\n        fontWeight:600,\n        color:\"#1c2833\",\n        textAlign:\"left\",\n      },\n      paper: {\n        padding: theme.spacing(2),\n        textAlign: 'center',\n        color: theme.palette.text.secondary,\n      },\n      buttonMedia:{\n        width:120,\n        height:50,\n        borderRadius:'10',\n        margin:1\n      },\n      drawerContainer:{\n        padding:\"20px 30px\",\n      },\n      toolbar:{\n         display:\"flex\",\n         justifyContent: \"space-between\",\n      },\n  }));\n\n  //export default function ButtonAppBar() Header = ( props ) => \n  const Header = () =>  {  \n        const  history  = createBrowserHistory({forceRefresh:true});     \n        const classes = useStyles();        \n        const {header,drawerContainer,menuButton, toolbar} = useStyles(); \n        const [menuOpen,setMenuOpen]=React.useState(null);\n        const [anchorEl, setAnchorEl]=React.useState(null);\n         const open=Boolean(anchorEl); \n\n         const [state,setState]=useState({\n           mobileView:false,\n           drawerOpen:false,\n         }) ;\n         const { mobileView, drawerOpen }=state;\n\n        useEffect(()=>{\n          const setResponsiveness=()=>{\n            return  window.innerWidth<900\n            ? setState((prevState)=>({...prevState,mobileView:true}))\n            : setState((prevState)=>({...prevState,mobileView:false}));\n           };\n            setResponsiveness();\n            window.addEventListener(\"resize\",()=>setResponsiveness());\n          },[]);       \n        \n        const handleMenu = (event) => {\n            setAnchorEl(event.currentTarget);\n           \n        }\n        const handleClose = () => {\n            setAnchorEl(null);\n        }\n       const handleButtonClick=(pageURL) => {            \n           history.push(pageURL);         \n       } \n       const SharingOnSocialNetwork=(SocialNetwork) =>{\n        //<SocialShareFacebok/>\n       }  \n       const displayDesktop=() => {\n         return (\n            <Toolbar className={toolbar}>\n              {drawerLogo}\n              <div>{getMenuButtons()}</div>\n            </Toolbar>\n         );\n       };\n\n       const displayMobile = () => {\n       const handleDrawerOpen = () => setState((prevState)=>({...prevState, drawerOpen:true}));\n       const handleDrawerClose =() => setState((prevState)=>({...prevState,drawerOpen:false}));\n      \n        return (\n          <Toolbar>\n            <IconButton\n            {...{\n              edge:\"start\",\n              color:\"#6E2C00\",                                                        \n              \"aria-label\":\"menu\",\n              \"aria-haspopup\":\"true\",\n              docked:\"true\",\n              onClick:handleDrawerOpen,\n            }}\n            >\n            <MenuIcon/>  \n            </IconButton>\n              <Drawer\n               {...{\n                 anchor:\"left\",\n                 open:drawerOpen,\n                 onClose:handleDrawerClose,\n               }}\n              >\n              <div className={drawerContainer}>{getDrawerChoices()}</div>  \n              </Drawer>\n              <div>{drawerLogo}</div>\n          </Toolbar>\n        );\n      };\n      const getDrawerChoices=()=>{\n        return linkMenuData.map(({label,href})=>{\n          return(\n            <Link\n             {...{\n               component:RouterLink,\n               to:href,\n               color:\"inherit\",\n               style:{textDecoration:\"none\"},\n               key:label,\n             }}>\n            <MenuItem>{label}</MenuItem>\n            </Link>\n          );\n        });\n      };\n\n      const drawerLogo=(\n        <img src={process.env.PUBLIC_URL + '/img/logo_1.jpg'} alt=\"logo\"/>\n      );\n\n      const getMenuButtons=()=>{\n        return linkMenuData.map(({label,href})=>{\n          return (\n            <Button\n            {...{\n              key:label,\n              color:\"inherit\",\n              to:href,\n              component: RouterLink,\n              className: menuButton,\n            }}\n            >\n             {label}\n            </Button>\n          );\n        });\n      };\n    return (\n       <header>      \n        <AppBar className={header} position=\"fixed\" >   \n          { mobileView ? displayMobile():displayDesktop()}                \n        </AppBar>\n      <Grid container spacing={10} justify=\"space-around\"\n      align-content=\"space-around\"\n      grid-auto-flow=\"row\"\n      align-items=\"start\">\n    <Grid item xs={12}  >     \n    <HeaderImage title=\"Home\"/> \n    \n      {/*<<Card className={classes.cards}>\n    \n        CardMedia\n            component=\"img\"\n           \n            src={process.env.PUBLIC_URL + '/img/headerpicture.jpg'}          \n  />      \n            \n  </Card>*/}  \n  </Grid> \n    <Grid item xs={12}>\n      \n          <iframe \n            id=\"radiostation\"\n            width=\"100%\" \n            height=\"75\" \n            src=\"https://s1.citrus3.com:2000/AudioPlayer/RadioCristianaLatinaenCanada\"         \n            frameborder=\"no\"    \n            allowTransparency=\"true\" >                \n            </iframe>\n      \n    </Grid>\n  </Grid>\n     <Grid container \n      spacing={3}\n      justify=\"center\">     \n     <Grid item xs={12}       \n      align=\"center\">\n     <Typography variant=\"h4\" >\n          Gracias por Compartirnos\n         </Typography>\n         <Button className={classes.buttonMedia} \n          onClick=\"SocialShareFacebok()\"        \n          variant=\"outlined\"\n         color=\"secondary\"  \n         size=\"large\"      \n         startIcon={<FacebookIcon fontSize=\"large\"/>}\n         >FaceBook         \n         </Button>      \n         <Button className={classes.buttonMedia}\n         onClick={()=>SharingOnSocialNetwork(\"Twitter\")}\n         variant=\"outlined\"\n         color=\"secondary\" \n         size=\"large\"        \n         startIcon={<TwitterIcon fontSize=\"large\"/>}\n         >Twitter\n         </Button>         \n      </Grid>\n     </Grid>\n  \n    </header>\n    );\n   };  \n     \n  \nexport default Header;\n","import header from './header';\nexport default header;\n","import footer from './footer';\nexport default footer;\n","import React, {Component} from 'react';\nimport PropTypes from 'prop-types';\n\nimport Paper from '@material-ui/core/Paper';\nimport Grid from '@material-ui/core/Grid';\nimport { makeStyles,createStyles } from '@material-ui/core/styles';\nimport AppBar from '@material-ui/core/AppBar';\nimport Toolbar from '@material-ui/core/Toolbar';\nimport Typography from '@material-ui/core/Typography';\nimport Button from \"@material-ui/core/Button\";\nimport IconButton from '@material-ui/core/IconButton';\nimport MenuIcon from '@material-ui/core/Menu';\nimport IframeComponent from '../../components/iframeComponent/IframeComponent';\nimport footerApp from '../footer/index.css';\n\n{/*const useStyles = makeStyles((theme) =>\n  createStyles({\n    feetcss: {\n      flexGrow: 1,  \n      backgroundColor:\"#16697A\",\n    //   borderTop: 'solid 3px #998643',\n      height:\"300px\",\n     \n    },\n    subfooter:{\n       backgroundColor:'rgba(0,0,0,0.15)',\n    },\n    paper: {\n      padding: theme.spacing(2),\n      textAlign: 'center',\n      color: theme.palette.text.secondary,\n    },\n  }),\n);*/}\n\n \n   {/*} export default function AutoGrid() { \n        const classes = useStyles();\n        return(\n            <AppBar position=\"sticky\"  className={classes.feetcss}>\n                  \n            <Grid item xs={6} md={6}  >           \n                <iframe sandbox=''\n                src=\"https://www.bibliatodo.com/es/online/versiculo-del-dia\" \n                height=\"350\"\n                 width=\"350\"\n                 border=\"0\"  \n                 frameborder=\"no\"    \n                 allowTransparency=\"true\"           \n                 />           \n             </Grid>\n             \n           <Toolbar> \n            \n          </Toolbar>          \n         </AppBar>        \n        );\n    }*/}\n\n \n    const Footer = () =>(\n      <div className=\"footercss\">\n                  \n                <iframe sandbox=''\n                src=\"https://www.bibliatodo.com/es/online/versiculo-del-dia\" \n                height=\"350\"\n                 width=\"350\"\n                 border=\"0\"  \n                 frameborder=\"no\"    \n                 allowTransparency=\"true\"           \n                 />           \n              \n      </div>\n    );\n    export default Footer;\n","import noticiascristianas from './noticiascristianas';\nexport default noticiascristianas;\n","import React, {Component} from 'react';\nimport PropTypes from 'prop-types';\nimport { render } from 'react-dom';\nimport Grid from '@material-ui/core/Grid';\nimport IframeComponent from '../../components/iframeComponent/IframeComponent';\nimport Typography from '@material-ui/core/Typography';\n\n// class noticiascristianas extends Component {\n    \n    const noticiascristianas=() => {\n   \n   // render(){\n        return(\n            <Grid container spacing={0} alignItems=\"center\" justify=\"center\" >   \n            <Grid item xs={12} md={6} align=\"center\">  \n            <Typography variant=\"h1\" >\n                    \n                \n                <iframe \n                src=\"https://www.bibliatodo.com/NoticiasCristianas/rss-noticias/\" \n                height=\"510\"\n                 width=\"100%\"\n                 frameborder=\"no\"                    \n                 allowTransparency=\"true\" \n                 /> \n                 </Typography>           \n            </Grid>\n           </Grid> \n        );\n   // }\n}\n\n\n\nexport default noticiascristianas;\n","import React from 'react';\n\nimport { BrowserRouter as Router, Switch, Route, HashRouter } from \"react-router-dom\";\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport Home from \"./pages/home\";\nimport Programacion from \"./pages/programacion\";\nimport Blog from \"./pages/blog\";\nimport Contactenos from \"./pages/contactanos\";\nimport Preguntasfrequentes from \"./pages/preguntasfrequentes\";\nimport Header from \"./components/header\";\nimport Footer from \"./components/footer\";\nimport Peticion from \"./pages/peticion\"\nimport Noticiascristianas from \"./pages/noticiascristianas\";\n\n\nconst useStyles=makeStyles({});\n// export default function App() \nexport default function App() {\n  const classes=useStyles();\n   \n  return (\n    <div className={classes.container}>\n      <Header/>\n            <Switch> \n            <Route exact path=\"/\" component={Home} />\n            <Route exact path=\"/programacion\" component={Programacion} />\n            <Route exact path=\"/preguntasfrequentes\" component={Preguntasfrequentes}/>\n            <Route exact path=\"/peticion\" component={Peticion}/>\n            <Route exact path=\"/blog\" component={Blog}/>\n            <Route exact path=\"/contactanos\" component={Contactenos}/>\n            <Route exact path=\"/noticiascristianas\" component={Noticiascristianas}/>\n          </Switch> \n             \n   <Footer/>\n  </div> \n  );\n};\n\n \n \n","// This optional code is used to register a service worker.\n// register() is not called by default.\n\n// This lets the app load faster on subsequent visits in production, and gives\n// it offline capabilities. However, it also means that developers (and users)\n// will only see deployed updates on subsequent visits to a page, after all the\n// existing tabs open on the page have been closed, since previously cached\n// resources are updated in the background.\n\n// To learn more about the benefits of this model and instructions on how to\n// opt-in, read https://bit.ly/CRA-PWA\n\nconst isLocalhost = Boolean(\n  window.location.hostname === 'localhost' ||\n    // [::1] is the IPv6 localhost address.\n    window.location.hostname === '[::1]' ||\n    // 127.0.0.0/8 are considered localhost for IPv4.\n    window.location.hostname.match(\n      /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\n    )\n);\n\nexport function register(config) {\n  if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\n    // The URL constructor is available in all browsers that support SW.\n    const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);\n    if (publicUrl.origin !== window.location.origin) {\n      // Our service worker won't work if PUBLIC_URL is on a different origin\n      // from what our page is served on. This might happen if a CDN is used to\n      // serve assets; see https://github.com/facebook/create-react-app/issues/2374\n      return;\n    }\n\n    window.addEventListener('load', () => {\n      const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\n\n      if (isLocalhost) {\n        // This is running on localhost. Let's check if a service worker still exists or not.\n        checkValidServiceWorker(swUrl, config);\n\n        // Add some additional logging to localhost, pointing developers to the\n        // service worker/PWA documentation.\n        navigator.serviceWorker.ready.then(() => {\n          console.log(\n            'This web app is being served cache-first by a service ' +\n              'worker. To learn more, visit https://bit.ly/CRA-PWA'\n          );\n        });\n      } else {\n        // Is not localhost. Just register service worker\n        registerValidSW(swUrl, config);\n      }\n    });\n  }\n}\n\nfunction registerValidSW(swUrl, config) {\n  navigator.serviceWorker\n    .register(swUrl)\n    .then(registration => {\n      registration.onupdatefound = () => {\n        const installingWorker = registration.installing;\n        if (installingWorker == null) {\n          return;\n        }\n        installingWorker.onstatechange = () => {\n          if (installingWorker.state === 'installed') {\n            if (navigator.serviceWorker.controller) {\n              // At this point, the updated precached content has been fetched,\n              // but the previous service worker will still serve the older\n              // content until all client tabs are closed.\n              console.log(\n                'New content is available and will be used when all ' +\n                  'tabs for this page are closed. See https://bit.ly/CRA-PWA.'\n              );\n\n              // Execute callback\n              if (config && config.onUpdate) {\n                config.onUpdate(registration);\n              }\n            } else {\n              // At this point, everything has been precached.\n              // It's the perfect time to display a\n              // \"Content is cached for offline use.\" message.\n              console.log('Content is cached for offline use.');\n\n              // Execute callback\n              if (config && config.onSuccess) {\n                config.onSuccess(registration);\n              }\n            }\n          }\n        };\n      };\n    })\n    .catch(error => {\n      console.error('Error during service worker registration:', error);\n    });\n}\n\nfunction checkValidServiceWorker(swUrl, config) {\n  // Check if the service worker can be found. If it can't reload the page.\n  fetch(swUrl, {\n    headers: { 'Service-Worker': 'script' },\n  })\n    .then(response => {\n      // Ensure service worker exists, and that we really are getting a JS file.\n      const contentType = response.headers.get('content-type');\n      if (\n        response.status === 404 ||\n        (contentType != null && contentType.indexOf('javascript') === -1)\n      ) {\n        // No service worker found. Probably a different app. Reload the page.\n        navigator.serviceWorker.ready.then(registration => {\n          registration.unregister().then(() => {\n            window.location.reload();\n          });\n        });\n      } else {\n        // Service worker found. Proceed as normal.\n        registerValidSW(swUrl, config);\n      }\n    })\n    .catch(() => {\n      console.log(\n        'No internet connection found. App is running in offline mode.'\n      );\n    });\n}\n\nexport function unregister() {\n  if ('serviceWorker' in navigator) {\n    navigator.serviceWorker.ready\n      .then(registration => {\n        registration.unregister();\n      })\n      .catch(error => {\n        console.error(error.message);\n      });\n  }\n}\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\n//import  \"bulma/css/bulma.min.css\"\nimport App from './App';\nimport * as serviceWorker from './serviceWorker';\nimport { BrowserRouter } from 'react-router-dom';\nconst baseUrl=document.getElementsByTagName('base')[0].getAttribute('href');\nconst rootElement=document.getElementById('root');\n\nReactDOM.render(\n    \n//  <React.StrictMode>\n//     <App />\n//   </React.StrictMode>,\n<BrowserRouter basename={baseUrl}>\n <App/>\n \n</BrowserRouter>\n, rootElement);\n\n// If you want your app to work offline and load faster, you can change\n// unregister() to register() below. Note this comes with some pitfalls.\n// Learn more about service workers: https://bit.ly/CRA-PWA\n serviceWorker.unregister();\n"],"sourceRoot":""}