{"version":3,"sources":["webpack:///./src/components/ShareLinks/ShareLinks.styled.js","webpack:///./src/components/ShareLinks/utils.js","webpack:///./src/components/ShareLinks/index.js","webpack:///./src/components/Sections/SectionNews.styled.js","webpack:///./src/components/Sections/SectionNews.js","webpack:///./src/templates/news.js"],"names":["ShareButton","styled","a","props","theme","textLight","color","hex2rgba","BP_SMALLEST","links","prefix","icon","ShareLinks","href","style","display","margin","map","index","key","target","rel","Icon","size","ContentDescription","div","CustomTitle","h2","ShortDescription","SectionNews","news","page","limit","total","location","Section","node","slug","horizontal","onClick","navigate","alt","title","fluid","heroImage","maxWidth","dangerouslySetInnerHTML","__html","description","childMarkdownRemark","html","justifyContent","flexDirection","alignItems","publishDate","origin","minHeight","Pagination","current","pageSize","NewsQuery","News","Layout","url","Categories","filterCategories","pageContext","categories"],"mappings":"yJAIMA,EAAcC,IAAOC,EAAV,mFAAGD,CAAH,yUACN,SAAAE,GAAK,OAAIA,EAAMC,MAAMC,aACV,SAAAF,GAAK,OAAIA,EAAMG,SAiBb,SAAAH,GAAK,OAAII,YAASJ,EAAMG,MAAO,MAGhBE,K,YC1B1BC,EAAQ,CACnB,CACEC,OAAQ,gDACRC,KAAM,aACNL,MAAO,WAET,CACEI,OAAQ,mCACRC,KAAM,UACNL,MAAO,WAET,CACEI,OAAQ,uBACRC,KAAM,WACNL,MAAO,YCQIM,IAhBI,SAAC,GAAD,IAAGC,EAAH,EAAGA,KAAH,OACjB,yBAAKC,MAAO,CAAEC,QAAS,OAAQC,OAAQ,cACpCP,EAAMQ,KAAI,WAA0BC,GAA1B,IAAGR,EAAH,EAAGA,OAAQC,EAAX,EAAWA,KAAML,EAAjB,EAAiBA,MAAjB,OACT,kBAACN,EAAD,CACEmB,IAAKD,EACLL,KAAI,GAAKH,EAASG,EAClBP,MAAOA,EACPc,OAAO,SACPC,IAAI,uBAEJ,kBAACC,EAAA,EAAD,CAAMX,KAAM,CAAC,MAAOA,GAAOY,KAAK,c,iOCblCC,EAAqBvB,IAAOwB,IAAV,2FAAGxB,CAAH,0HAIeO,KAKjCkB,EAAczB,IAAO0B,GAAV,oFAAG1B,CAAH,oGAQX2B,EAAmB3B,IAAOwB,IAAV,yFAAGxB,CAAH,+J,YCqDP4B,EAvDK,SAAC,GAAD,IAAGC,EAAH,EAAGA,KAAMC,EAAT,EAASA,KAAMC,EAAf,EAAeA,MAAOC,EAAtB,EAAsBA,MAAOC,EAA7B,EAA6BA,SAA7B,OAClB,kBAACC,EAAA,EAAD,KACE,yBAAKrB,MAAO,CAAEE,OAAQ,WAClBc,EAGAA,EAAKb,KAAI,WAAWC,GAAX,IAAGkB,EAAH,EAAGA,KAAH,OACP,kBAAC,IAAD,CACEjB,IAAKiB,EAAKC,KACVC,WAAW,OACXC,QAAS,kBAAMC,mBAAS,aAAaJ,EAAKC,QAE1C,kBAAC,IAAD,CACEI,IAAKL,EAAKM,MACVC,MAAOP,EAAKQ,UAAUD,MACtBL,WAAW,SAEb,kBAAC,IAAD,KACE,kBAACd,EAAD,KACE,yBAAKV,MAAO,CAAE+B,SAAU,MAAO7B,OAAQ,WACrC,kBAACU,EAAD,CAAaZ,MAAO,CAAEE,OAAQ,IAAMoB,EAAKM,OACzC,kBAACd,EAAD,CACEkB,wBAAyB,CACvBC,OAAQX,EAAKY,YAAYC,oBAAoBC,SAInD,yBACEpC,MAAO,CACLC,QAAS,OACToC,eAAgB,gBAChBC,cAAe,SACfC,WAAY,aAGd,8BAAOjB,EAAKkB,aACZ,kBAAC1C,EAAA,EAAD,CACEC,KAASqB,EAASqB,OAAd,aAAiCnB,EAAKC,cAjCtD,yBAAKvB,MAAO,CAAE0C,UAAW,UAAzB,qBAyCF,kBAACC,EAAA,EAAD,CACEC,QAAS3B,EACT4B,SAAU3B,EACVC,MAAOA,EACPC,SAAUA,O,YClCL0B,GAFEC,UAtBF,SAAA1D,GACX,IAAM2B,EAAO,IAAM3B,EAAO,gCAC1B,OACE,kBAAC2D,EAAA,EAAD,CAAQ5B,SAAU/B,EAAM+B,UACtB,kBAAC,IAAD,CACEQ,MAAM,oBACNM,YAAY,4IACZe,IAAK5D,EAAM+B,SAASrB,OAEtB,kBAACmD,EAAA,EAAD,CACEtD,OAAO,YACPuD,iBAAkB9D,EAAM+D,YAAYC,aAEtC,kBAAC,EAAD,eACErC,KAAMA,GACF3B,EAAM+D,YAFZ,CAGEhC,SAAU/B,EAAM+B,cAQF","file":"component---src-templates-news-js-05361c5591dc4a696e1d.js","sourcesContent":["import styled from 'styled-components'\nimport hex2rgba from '../../utils/hex2rgba'\nimport { BP_SMALLEST } from '../../styles/theme'\n\nconst ShareButton = styled.a`\n  color: ${props => props.theme.textLight};\n  background-color: ${props => props.color};\n  border-radius: 20px;\n  padding: 2px 2rem;\n  width: 40px;\n  display: flex;\n  justify-content: center;\n  cursor: pointer;\n  margin: 0 0.5rem;\n  &:first-child {\n    margin-left: 0;\n    margin-right: 0.5rem;\n  }\n  &:last-child {\n    margin-left: 0.5rem;\n    margin-right: 0;\n  }\n  &:hover {\n    background-color: ${props => hex2rgba(props.color, 0.8)};\n  }\n\n  @media only screen and (max-width: ${BP_SMALLEST}) {\n    width: 60px;\n  }\n`\n\nexport { ShareButton }\n","export const links = [\n  {\n    prefix: 'https://www.facebook.com/sharer/sharer.php?u=',\n    icon: 'facebook-f',\n    color: '#3a549e',\n  },\n  {\n    prefix: 'https://twitter.com/home?status=',\n    icon: 'twitter',\n    color: '#1c9ff1',\n  },\n  {\n    prefix: 'https://wa.me/?text=',\n    icon: 'whatsapp',\n    color: '#25d267',\n  },\n]\n","import React from 'react'\nimport { ShareButton } from './ShareLinks.styled'\nimport Icon from '../Common/Icon'\n\nimport { links } from './utils'\n\nconst ShareLinks = ({ href }) => (\n  <div style={{ display: 'flex', margin: '0.35rem 0' }}>\n    {links.map(({ prefix, icon, color }, index) => (\n      <ShareButton\n        key={index}\n        href={`${prefix}${href}`}\n        color={color}\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n      >\n        <Icon icon={['fab', icon]} size=\"1x\" />\n      </ShareButton>\n    ))}\n  </div>\n)\n\nexport default ShareLinks\n","import styled from 'styled-components'\nimport { BP_SMALLEST } from '../../styles/theme'\n\nconst ContentDescription = styled.div`\n  display: flex;\n  height: 100%;\n  justify-content: space-between;\n  @media only screen and (max-width: ${BP_SMALLEST}) {\n    flex-direction: column;\n  }\n`\n\nconst CustomTitle = styled.h2`\n  margin: 0;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n`\n\nconst ShortDescription = styled.div`\n  max-height: 110px;\n  overflow: hidden;\n  & > p {\n    &:first-child {\n      display: -webkit-box;\n      -webkit-line-clamp: 4;\n      -webkit-box-orient: vertical;\n      overflow: hidden;\n    }\n    display: none;\n  }\n`\n\nexport { CustomTitle, ContentDescription, ShortDescription }\n","import React from 'react'\nimport { navigate } from 'gatsby'\n\nimport Section from '../Common/Section'\nimport Pagination from '../Pagination'\nimport ShareLinks from '../ShareLinks'\n\nimport {\n  CustomTitle,\n  ContentDescription,\n  ShortDescription,\n} from './SectionNews.styled'\nimport {\n  CardCellNews,\n  CardDescription,\n  CardImage,\n} from './SectionHomeNews.styled'\n\nconst SectionNews = ({ news, page, limit, total, location }) => (\n  <Section>\n    <div style={{ margin: '5rem 0' }}>\n      {!news ? (\n        <div style={{ minHeight: '400px' }}>No hay resultados</div>\n      ) : (\n        news.map(({ node }, index) => (\n          <CardCellNews\n            key={node.slug}\n            horizontal=\"true\"\n            onClick={() => navigate(`/noticias/${node.slug}`)}\n          >\n            <CardImage\n              alt={node.title}\n              fluid={node.heroImage.fluid}\n              horizontal=\"true\"\n            />\n            <CardDescription>\n              <ContentDescription>\n                <div style={{ maxWidth: '90%', margin: '0 1rem' }}>\n                  <CustomTitle style={{ margin: 0 }}>{node.title}</CustomTitle>\n                  <ShortDescription\n                    dangerouslySetInnerHTML={{\n                      __html: node.description.childMarkdownRemark.html,\n                    }}\n                  />\n                </div>\n                <div\n                  style={{\n                    display: 'flex',\n                    justifyContent: 'space-between',\n                    flexDirection: 'column',\n                    alignItems: 'flex-end',\n                  }}\n                >\n                  <span>{node.publishDate}</span>\n                  <ShareLinks\n                    href={`${location.origin}/noticias/${node.slug}`}\n                  />\n                </div>\n              </ContentDescription>\n            </CardDescription>\n          </CardCellNews>\n        ))\n      )}\n      <Pagination\n        current={page}\n        pageSize={limit}\n        total={total}\n        location={location}\n      />\n    </div>\n  </Section>\n)\n\nexport default SectionNews\n","import React from 'react'\nimport _ from 'lodash'\nimport { graphql } from 'gatsby'\n\nimport Layout from '../components/Layout'\nimport Categories from '../components/Categories'\nimport SectionNews from '../components/Sections/SectionNews'\nimport SEO from '../components/seo'\n\nconst News = props => {\n  const news = _.get(props, 'data.allContentfulNews.edges')\n  return (\n    <Layout location={props.location}>\n      <SEO\n        title=\"Noticias, AS News\"\n        description=\"Las noticias más actualizadas de México con categorías como administración, contabilidad, fiscal, emprendimiento, marketing y mucho más. \"\n        url={props.location.href}\n      />\n      <Categories\n        prefix=\"/noticias\"\n        filterCategories={props.pageContext.categories}\n      />\n      <SectionNews\n        news={news}\n        {...props.pageContext}\n        location={props.location}\n      />\n    </Layout>\n  )\n}\n\nexport default News\n\nexport const NewsQuery = graphql`\n  query NewsFilterListNews($categories: [String], $skip: Int!, $limit: Int!) {\n    allContentfulNews(\n      sort: { fields: [publishDate], order: DESC }\n      filter: { categories: { elemMatch: { slug: { in: $categories } } } }\n      limit: $limit\n      skip: $skip\n    ) {\n      edges {\n        node {\n          title\n          slug\n          publishDate(formatString: \"D/MM/YY\")\n          heroImage {\n            fluid(maxWidth: 1200, maxHeight: 672) {\n              ...GatsbyContentfulFluid_withWebp\n            }\n          }\n          description {\n            childMarkdownRemark {\n              html\n            }\n          }\n        }\n      }\n    }\n  }\n`\n"],"sourceRoot":""}