{"version":3,"sources":["webpack:///./src/templates/info-page.js","webpack:///./src/components/UI/Button.js","webpack:///./src/components/UI/ButtonBtn.js","webpack:///./src/components/Cookies.jsx","webpack:///./src/helpers/cookies.js","webpack:///./src/components/UI/PageContent.js","webpack:///./src/components/UI/Content.js"],"names":["Title","styled","h1","InfoPageTemplate","title","content","PageContent","contentComponent","Content","className","InfoPage","post","data","markdownRemark","HTMLContent","frontmatter","html","infoPageQuery","Button","a","p","theme","blueDark","props","SVGColor","breakpointLarge","ButtonBtn","button","Container","Cookie","get","div","ControlCookie","TextContainer","ButtonContainer","Button3","blueLightness","Button4","yellow","Cookies","useState","setControlCookie","validCookie","acceptCookie","name","value","days","set","expires","path","domain","createCookie","JSON","stringify","timestamp","Date","now","request","useEffect","onClick","href","target","aria-label","ContentStyled","dangerouslySetInnerHTML","__html"],"mappings":"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","file":"component---src-templates-info-page-js-eae35768e58319cb985f.js","sourcesContent":["import { graphql } from 'gatsby';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport styled from 'styled-components';\nimport Cookies from '../components/Cookies';\nimport Layout from '../components/Layout';\nimport Content, { HTMLContent } from '../components/UI/Content';\nimport ContentContainer from '../components/UI/ContentContainer';\n\nconst Title = styled.h1`\n  padding-left: 2.75rem;\n  padding-right: 2.75rem;\n  margin-top: 4rem;\n  margin-bottom: 2rem;\n`;\n\nexport const InfoPageTemplate = ({ title, content, contentComponent }) => {\n  const PageContent = contentComponent || Content;\n\n  return (\n    <section>\n      <Cookies/>\n      <ContentContainer>\n        <Title>{title}</Title>\n        <PageContent className=\"content\" content={content} />\n      </ContentContainer>\n    </section>\n  );\n};\n\nInfoPageTemplate.propTypes = {\n  title: PropTypes.string.isRequired,\n  content: PropTypes.string,\n  contentComponent: PropTypes.func,\n};\n\nconst InfoPage = ({ data }) => {\n  const { markdownRemark: post } = data;\n\n  return (\n    <Layout>\n      <InfoPageTemplate\n        contentComponent={HTMLContent}\n        title={post.frontmatter.title}\n        content={post.html}\n      />\n    </Layout>\n  );\n};\n\nInfoPage.propTypes = {\n  data: PropTypes.object.isRequired,\n};\n\nexport default InfoPage;\n\nexport const infoPageQuery = graphql`\n  query InfoPage($id: String!) {\n    markdownRemark(id: { eq: $id }) {\n      html\n      frontmatter {\n        title\n      }\n    }\n  }\n`;\n","import styled from 'styled-components';\nimport { breakpointLarge } from '../../styles/breakpoints';\nimport SVGColor from './SVGColor';\n\nconst Button = styled.a`\n  font-weight: 300;\n  text-decoration: none;\n  display: inline-block;\n  padding: 1rem 1.75rem;\n  color: ${p => p.theme.blueDark};\n  background-color: #fff;\n  border: 1px solid ${p => p.theme.blueDark};\n  border-radius: 3.5rem;\n  position: relative;\n  text-transform: uppercase;\n  transition: all 0.25s ease;\n  &:hover {\n    background-color: #fff;\n    color: ${props => props.theme.blueDark};\n    ${SVGColor(props => props.theme.blueDark)}\n    border-color: ${p => p.theme.blueDark};\n  }\n  @media (min-width: ${breakpointLarge}) {\n    padding: 1.5rem 2.5rem;\n  }\n`;\n\nexport default Button;\n","import styled from 'styled-components';\nimport { breakpointLarge } from '../../styles/breakpoints';\nimport SVGColor from './SVGColor';\n\nconst ButtonBtn = styled.button`\n  font-weight: 300;\n  display: inline-block;\n  padding: 1rem 1.75rem;\n  color: ${p => p.theme.blueDark};\n  background-color: #fff;\n  border: 1px solid ${p => p.theme.blueDark};\n  border-radius: 3.5rem;\n  position: relative;\n  text-transform: uppercase;\n  transition: all 0.25s ease;\n  cursor:pointer;\n  &:hover {\n    background-color: #fff;\n    color: ${props => props.theme.blueDark};\n    ${SVGColor(props => props.theme.blueDark)}\n    border-color: ${p => p.theme.blueDark};\n  }\n  @media (min-width: ${breakpointLarge}) {\n    padding: 1.5rem 2.5rem;\n    \n  }\n`;\n\nexport default ButtonBtn;\n","import React, { useEffect, useState } from 'react';\nimport styled from 'styled-components';\nimport Button from '../components/UI/Button';\nimport ButtonBtn from '../components/UI/ButtonBtn';\nimport SVGColor from '../components/UI/SVGColor';\nimport { createCookie, getCookieAccept } from '../helpers/cookies';\nimport { breakpointLarge } from '../styles/breakpoints';\n\nconst Container = styled.div`\n    position: fixed;\n    bottom: ${props => props.ControlCookie ? '-122px' : '0px'};\n    background-color: ${props => props.theme.blueDark};\n    width: 100%;\n    height: 122px;\n    z-index: 100;\n    opacity: 0.94;\n    padding: 5px 12px;\n    -webkit-transition: all .5s ease;\n    -moz-transition: all .5s ease;\n    -ms-transition: all .5s ease;\n    -o-transition: all .5s ease;\n    transition: all .5s ease;\n`;\n\nconst TextContainer = styled.div`\n  color: #fff;\n  margin:5px 0px;\n  padding: 8px 0px;\n  font-size: 0.75rem;\n  line-height: 14.4px;\n  @media (min-width: ${breakpointLarge}) {\n    text-align:center;\n    font-size: 1rem;\n    padding: 12px 0px;\n  }\n`\n\nconst ButtonContainer = styled.div`\n  display: flex;\n  justify-content: center;\n  ${SVGColor('#fff')}\n  & > a {\n    font-weight: 400;\n    padding: .4rem 1.3rem;\n    font-size: 0.75rem;\n    @media (min-width: ${breakpointLarge}) {\n      padding-left: 1.9rem;\n      padding-right:1.9rem;\n      font-size: 1rem;\n    }\n  }\n`;\n\nconst Button3 = styled(Button)`\n  background-color: ${props => props.theme.blueLightness};\n  border-color: ${props => props.theme.blueLightness};\n  color: #fff;\n  margin: 0px 6px;\n`;\n\nconst Button4 = styled(ButtonBtn)`\n  color: ${props => props.theme.blueDark};\n  margin: 0px 6px;\n  padding: 6.4px 10px;\n  background-color: ${props => props.theme.yellow};\n  border-color: ${props => props.theme.yellow};\n  font-size:0.75rem;\n  @media (min-width: ${breakpointLarge}) {\n    font-size:1rem;\n    padding: 6.4px 30.4px;\n  }\n  \n`;\n\n\nconst Cookies = () => {\n\n  const [ControlCookie, setControlCookie] = useState(true);\n\n  const validCookie = () => {\n    setControlCookie(getCookieAccept());\n  };\n\n  const acceptCookie = () => {\n    createCookie(\n      'jtp_cookie',\n      JSON.stringify({\n        timestamp: Date.now(),\n        request: false,\n      }),\n      365\n    );\n    validCookie();\n  };\n\n  useEffect(() => {\n    validCookie();\n  }, []);\n\n    return (  \n        <Container ControlCookie={ControlCookie}>\n          <TextContainer>\n            En Juancho usamos varios tipos de cookies para mejorar tu experiencia en nuestro sitio web. Al seguir navegando o hacer click en Aceptar permites su uso.\n          </TextContainer>\n          <ButtonContainer>\n            <Button4 onClick={() => acceptCookie()}>\n              aceptar\n            </Button4>\n            <Button3 href=\"https://juanchotepresta.com/img/política_de_cookies_jtp.pdf\" target=\"_blank\"\n            aria-label=\"POLÍTICA DE USOS DE COOKIES\"\n            >\n              políticas de cookies\n            </Button3>    \n          </ButtonContainer>\n        </Container>\n    )\n}\n\nexport default Cookies","import Cookie from 'js-cookie';\n\nexport const getUtmCookie = (() => {\n  return Cookie.get('utm') ? Cookie.get('utm') : '';\n})();\nexport const getCookieAccept = () => {\n  return Cookie.get('jtp_cookie') ? true : false;\n};\nexport const createCookie = (\n  name,\n  value,\n  days = 365,\n) => {\n  let GATSBY_JTP_ENV = process.env.GATSBY_JTP_ENV;\n  let NODE_ENV = process.env.NODE_ENV;\n  let domain = \n    NODE_ENV === 'production' \n      ? GATSBY_JTP_ENV === 'TEST' \n        ? '.vertical.com.co' \n        : '.juanchotepresta.com' \n      : ''\n  Cookie.set(name, value, { expires: days, path: '/', domain });\n};\n","import styled from 'styled-components';\n\nconst ContentStyled = styled.div`\n  padding-left: 0.75rem;\n  padding-right: 0.75rem;\n  \n  @media (min-width: 560px) {\n    padding-left: 2.75rem;\n    padding-right: 2.75rem;\n  }\n`;\n\nexport default ContentStyled;\n","import PropTypes from 'prop-types';\nimport React from 'react';\nimport PageContent from './PageContent';\n\nexport const HTMLContent = ({ content }) => (\n  <PageContent dangerouslySetInnerHTML={{ __html: content }} />\n);\n\nconst Content = ({ content }) => <PageContent>{content}</PageContent>;\n\nContent.propTypes = {\n  content: PropTypes.node,\n};\n\nHTMLContent.propTypes = Content.propTypes;\n\nexport default Content;\n"],"sourceRoot":""}