{"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","React","createElement","className","Title","haveInnerHTML","map","element","key","Link","to","slug","style","backgroundImage","imagen","categoriaSlug","categoria","fecha","FaCalendarAlt","tiempo","FaClock","descripcion","WhatsappGroup","pageData","useStaticQuery","allContentfulHome","group","nodes","referenciaOrganismos","src","imagenPrincipal","file","url","alt","redireccionBoton","target","rel","referenciaContenidos","imagenesPrincipal","loading","shuffleArray","array","randomIndex","currentIndex","length","Math","floor","random","TemplateEditorial","_pageData$referenciaC","pageContext","keyName","referenciaCabecera","tipoCabecera","pageSlug","location","pathname","related","setRelated","useState","data","useEffect","getRelated","_data$allContentfulSu","_data$allContentfulSu2","allContentfulSubcategoria","process","item","_item$referenciaInter","referenciaInterna","content","value","imagenHeader","nombreSubcategoria","dateToRelativeFormat","createdAt","calculateReadTime","slice","Layout","hideHeaderDesktop","hideHeaderMobile","isNotRoot","headboard","showPlayer","readTime","tituloPrincipal","SEO","title","metaTitulo","nombreCategoria","description","metaDescripcion","json","image","lang","index","id","LibraryComponents","categoryName","Etiquetas","adapterEtiquetas","Suscribe","adapterSuscribe","Disclaimer"],"mappings":"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","file":"component---src-templates-template-editorial-tsx-f69a7f0228be267a5119.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              loading=\"lazy\"\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              loading=\"lazy\"\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":""}