{"version":3,"sources":["webpack:///./src/components/organisms/related/Related.tsx","webpack:///./src/components/molecules/whatsapp-group/whatsappGroup.tsx","webpack:///./src/utils/arrayUtilities.ts","webpack:///./src/templates/templateEditorial.tsx"],"names":["Related","props","titulo","gridElements","className","haveInnerHTML","compClass","map","element","key","to","slug","style","backgroundImage","imagen","categoriaSlug","categoria","fecha","tiempo","descripcion","WhatsappGroup","pageData","useStaticQuery","allContentfulHome","group","nodes","referenciaOrganismos","src","imagenPrincipal","file","url","alt","redireccionBoton","target","rel","referenciaContenidos","imagenesPrincipal","shuffleArray","array","randomIndex","currentIndex","length","Math","floor","random","TemplateEditorial","pageContext","keyName","referenciaCabecera","tipoCabecera","pageSlug","location","pathname","useState","related","setRelated","data","useEffect","allContentfulSubcategoria","process","item","referenciaInterna","content","value","imagenHeader","nombreSubcategoria","dateToRelativeFormat","createdAt","calculateReadTime","slice","getRelated","hideHeaderDesktop","hideHeaderMobile","isNotRoot","headboard","showPlayer","readTime","tituloPrincipal","title","metaTitulo","nombreCategoria","description","metaDescripcion","json","image","lang","index","id","categoryName","adapterEtiquetas","adapterSuscribe"],"mappings":"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","file":"component---src-templates-template-editorial-tsx-259b88c68f62f9ce4bcf.js","sourcesContent":["import { FaCalendarAlt } from \"@react-icons/all-files/fa/FaCalendarAlt\";\r\nimport { FaClock } from \"@react-icons/all-files/fa/FaClock\";\r\nimport { Link } from \"gatsby\";\r\nimport React from \"react\";\r\nimport Title from \"../../atoms/title/title\";\r\nimport \"./related.scss\";\r\n\r\nexport interface IRelatedProps {\r\n  titulo?: string;\r\n  className?: string;\r\n  limit?: number;\r\n  gridElements: {\r\n    categoria: string;\r\n    categoriaSlug: string;\r\n    descripcion: string;\r\n    fecha: string;\r\n    imagen: string;\r\n    slug: string;\r\n    tiempo: string;\r\n    titulo: string;\r\n  }[];\r\n}\r\n\r\nconst Related = (props: IRelatedProps) => {\r\n  const compClass = \"o-related\";\r\n  const { titulo, gridElements } = props;\r\n\r\n  return (\r\n    <div className={`${compClass}`}>\r\n      {titulo && <Title haveInnerHTML={true} titulo={titulo} />}\r\n      <div className={`${compClass}__container`}>\r\n        {gridElements.map((element, key) => (\r\n          <div className={`${compClass}__card`} key={key}>\r\n            <Link to={\"/\" + element.slug} className={`${compClass}__card-link`}>\r\n              <div\r\n                className={`${compClass}__card-img`}\r\n                style={{ backgroundImage: `url(${element.imagen})` }}\r\n              ></div>\r\n            </Link>\r\n            <Link to={element.categoriaSlug}>\r\n              <p className={`${compClass}__card-category`}>\r\n                {element.categoria}\r\n              </p>\r\n            </Link>\r\n            <Link to={\"/\" + element.slug}>\r\n              <p className={`${compClass}__card-title`}>{element.titulo}</p>\r\n            </Link>\r\n            <div className={`${compClass}__card-description`}>\r\n              {element.fecha && (\r\n                <span className={`${compClass}__card-date`}>\r\n                  <FaCalendarAlt /> {element.fecha}\r\n                </span>\r\n              )}\r\n              {element.tiempo && (\r\n                <span className={`${compClass}__card-time`}>\r\n                  <FaClock /> {element.tiempo}\r\n                </span>\r\n              )}\r\n            </div>\r\n            <p className={`${compClass}__card-content`}>\r\n              {element.descripcion}\r\n            </p>\r\n          </div>\r\n        ))}\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default Related;\r\n","import React from \"react\";\r\n\r\nimport \"./whatsappGroup.scss\";\r\nimport { useStaticQuery, graphql, Link } from \"gatsby\";\r\n\r\nconst WhatsappGroup = () => {\r\n  const data = useStaticQuery(graphql`\r\n    query whatsappGroup {\r\n      allContentfulHome {\r\n        group(field: id) {\r\n          nodes {\r\n            referenciaOrganismos {\r\n              titulo\r\n              tituloBoton\r\n              tituloGeneral\r\n              imagenPrincipal {\r\n                file {\r\n                  url\r\n                }\r\n              }\r\n              redireccionBoton\r\n              referenciaContenidos {\r\n                imagenesPrincipal {\r\n                  file {\r\n                    url\r\n                  }\r\n                }\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }`\r\n  )\r\n\r\n  const pageData = data.allContentfulHome.group[0].nodes[0].referenciaOrganismos[8]\r\n\r\n  return (\r\n    <div className=\"whatsapp\">\r\n      <div className=\"whatsapp__logo\">\r\n        <img src={pageData.imagenPrincipal.file.url} alt=\"WhatsApp\" />\r\n      </div>\r\n      <div className=\"whatsapp__content\">\r\n        <div className=\"whatsapp__content-background\">\r\n          <Link to={pageData.redireccionBoton} target=\"_blank\" rel=\"noreferrer\">\r\n            <img\r\n              className=\"whatsapp__imgMobile\"\r\n              src={pageData.referenciaContenidos[0].imagenesPrincipal[0].file.url}\r\n              alt=\"Únete al grupo de conversación.\"\r\n            />\r\n            <img\r\n              className=\"whatsapp__imgDesktop\"\r\n              src={pageData.referenciaContenidos[0].imagenesPrincipal[1].file.url}\r\n              alt=\"Únete al grupo de conversación.\"\r\n            />\r\n          </Link>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default WhatsappGroup;\r\n","export const shuffleArray = (array) => {\r\n  if(!array) return [];\r\n  let currentIndex = array.length,\r\n    randomIndex;\r\n  while (currentIndex != 0) {\r\n    randomIndex = Math.floor(Math.random() * currentIndex);\r\n    currentIndex--;\r\n    [array[currentIndex], array[randomIndex]] = [\r\n      array[randomIndex],\r\n      array[currentIndex],\r\n    ];\r\n  }\r\n  return array;\r\n};\r\n","import React, { useEffect, useState } from \"react\";\r\nimport Layout from \"../components/organisms/layout/layout\";\r\nimport LibraryComponents from \"../components/templates/library-components/libraryComponents\";\r\nimport { ReferenciaOrganismos } from \"../interfaces/ReferenciaOrganismos\";\r\nimport SEO from \"../shared/seo\";\r\nimport Disclaimer from \"../components/molecules/disclaimer/disclaimer\";\r\nimport Suscribe from \"../components/molecules/suscribe/suscribe\";\r\nimport WhatsappGroup from \"../components/molecules/whatsapp-group/whatsappGroup\";\r\nimport {\r\n  adapterEtiquetas,\r\n  adapterSuscribe,\r\n} from \"../components/templates/library-components/adapters\";\r\nimport Etiquetas from \"../components/atoms/etiquetas/etiquetas\";\r\nimport Related from \"../components/organisms/related/Related\";\r\nimport { dateToRelativeFormat } from \"../utils/dateToRelativeFormat\";\r\nimport { shuffleArray } from \"../utils/arrayUtilities\";\r\nimport { graphql, useStaticQuery } from \"gatsby\";\r\nimport { calculateReadTime } from \"../utils/calculateReadTime\";\r\n\r\nconst TemplateEditorial = (props: any) => {\r\n  const pageData = props.pageContext;\r\n  const keyName =\r\n    pageData.referenciaCabecera && pageData.referenciaCabecera.tipoCabecera;\r\n  const pageSlug = props.location.pathname;\r\n  const [related, setRelated] = useState([])\r\n\r\n  const data = useStaticQuery(graphql`\r\n  query relatedEditorialsQuery2 {\r\n    allContentfulSubcategoria(\r\n      filter: { tipoContenido: { eq: \"Artículo Editorial\" } }\r\n    ) {\r\n      nodes {\r\n        titulo\r\n        slug\r\n        tipoContenido\r\n        nombreSubcategoria\r\n\r\n        nroEdicion\r\n        nombreSubcategoria\r\n        tipoContenido\r\n        slug\r\n        createdAt\r\n        referenciaInterna {\r\n          referenciaCabecera {\r\n            imagenHeader {\r\n              file {\r\n                url\r\n              }\r\n            }\r\n            descripcion {\r\n              content {\r\n                content {\r\n                  value\r\n                }\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n`);\r\n\r\n  const getRelated = () => {\r\n    if (!data.allContentfulSubcategoria?.nodes) return [];\r\n    const process = data.allContentfulSubcategoria?.nodes.map((item) => ({\r\n      categoria: \"Editorial\",\r\n      categoriaSlug: \"/editoriales\",\r\n      descripcion:\r\n        item.referenciaInterna.referenciaCabecera.descripcion?.content[0]\r\n          .content[0].value,\r\n      imagen: item.referenciaInterna.referenciaCabecera.imagenHeader.file.url,\r\n      slug: \"editoriales/\" + item.slug,\r\n      titulo: item.nombreSubcategoria,\r\n      fecha: dateToRelativeFormat(item.createdAt),\r\n      tiempo: `${calculateReadTime(item.nombreSubcategoria)} minutos`,\r\n    }));\r\n    return shuffleArray(process).slice(0, 3);\r\n  };\r\n\r\n  useEffect(() => {\r\n    setRelated(getRelated())\r\n  }, [])\r\n\r\n  return (\r\n    <Layout\r\n      hideHeaderDesktop={false}\r\n      hideHeaderMobile={false}\r\n      isNotRoot={true}\r\n      headboard={pageData.referenciaCabecera && pageData.referenciaCabecera}\r\n      showPlayer={true}\r\n      readTime={calculateReadTime(pageData.referenciaCabecera?.tituloPrincipal)}\r\n    >\r\n      <SEO\r\n        title={\r\n          props.pageContext.metaTitulo || props.pageContext.nombreCategoria\r\n        }\r\n        slug={pageSlug}\r\n        description={\r\n          props.pageContext.metaDescripcion &&\r\n          props.pageContext.metaDescripcion.json.content[0].content[0].value\r\n        }\r\n        image={\r\n          props.pageContext.referenciaCabecera.imagenHeader &&\r\n          props.pageContext.referenciaCabecera.imagenHeader.file.url\r\n        }\r\n        lang=\"es\"\r\n      />\r\n      {pageData.referenciaOrganismos &&\r\n        pageData.referenciaOrganismos.map(\r\n          (value: ReferenciaOrganismos, index: number) => (\r\n            <div key={index} className={keyName} id={`${keyName}${index}`}>\r\n              <LibraryComponents\r\n                content={value}\r\n                categoryName={pageData.nombreCategoria}\r\n              />\r\n            </div>\r\n          )\r\n        )}\r\n      <Etiquetas {...adapterEtiquetas(props)} />\r\n      <Related titulo=\"También te puede <b>interesar</b>\" gridElements={related} />\r\n      <WhatsappGroup />\r\n      <Suscribe {...adapterSuscribe()} />\r\n      <Disclaimer />\r\n    </Layout>\r\n  );\r\n};\r\n\r\nexport default TemplateEditorial;\r\n"],"sourceRoot":""}