{"version":3,"file":"component---src-templates-novelty-novelty-js-22db0c4fe9baa5d0dd42.js","mappings":"gRA6GA,UA5FgB,SAAHA,GAA+B,IAAzBC,EAAWD,EAAXC,YAKfC,GALgCF,EAAJG,KAS1BF,EAJFC,WACAE,EAGEH,EAHFG,YACAC,EAEEJ,EAFFI,OACAC,EACEL,EADFK,WAGMC,EAA0FH,EAA1FG,MAAOC,EAAmFJ,EAAnFI,OAAQC,EAA2EL,EAA3EK,QAASC,EAAkEN,EAAlEM,KAAMC,EAA4DP,EAA5DO,QAASC,EAAmDR,EAAnDQ,WAAYC,EAAuCT,EAAvCS,aAAcC,EAAyBV,EAAzBU,qBAEnEC,GAAUC,EAAAA,EAAAA,GAAiBN,GAC3BO,EAAOC,IAAOR,GAAMS,OAAO,QAE7BC,EAAW,GAKf,MAJsB,oBAAXC,SACTD,EAAWC,OAAOC,SAASC,MAI3BC,EAAAA,cAACC,EAAAA,GAAM,CACLC,IAAG,WAAaxB,EAChByB,WAAYtB,EACZQ,aAAcA,EACdP,WAAYA,GAEA,OAAXE,GACCgB,EAAAA,cAACI,EAAAA,GAAS,CAACC,SAAUrB,EAAQsB,QAAO,eAAiB5B,IAGvDsB,EAAAA,cAAA,OAAKO,UAAU,4CACbP,EAAAA,cAAA,OAAKO,UAAU,gCACbP,EAAAA,cAAA,OAAKO,UAAU,eACbP,EAAAA,cAAA,KAAGO,UAAU,cAAa,gBACVhB,EAAQiB,UAAU,OAAKjB,EAAQkB,MAAO,OAAKhB,EAAO,OAChEO,EAAAA,cAAA,SACCV,EAAqBoB,KAAI,SAACC,EAAUC,GACnC,OAAKtB,EAAqBuB,OAAS,EAAKD,GAC/BD,aAAQ,EAARA,EAAUG,MAAO,MAEjBH,aAAQ,EAARA,EAAUG,IAErB,OAIJd,EAAAA,cAAA,OAAKO,UAAU,qCACbP,EAAAA,cAACe,EAAAA,EAAmB,CAClBC,IAAKpB,EACLqB,MAAOlC,EACPwB,UAAU,QAEZP,EAAAA,cAACkB,EAAAA,EAAY,CAACC,KAAM,GAAIC,OAAK,KAE7BpB,EAAAA,cAACqB,EAAAA,EAAkB,CACjBL,IAAKpB,EACLb,MAAOA,EACPwB,UAAU,QAEVP,EAAAA,cAACsB,EAAAA,EAAW,CAACH,KAAM,GAAIC,OAAK,KAE9BpB,EAAAA,cAACuB,EAAAA,EAAmB,CAACP,IAAKpB,EAAUW,UAAU,QAC5CP,EAAAA,cAACwB,EAAAA,EAAY,CAACL,KAAM,GAAIC,OAAK,OAKnCpB,EAAAA,cAAA,MAAIO,UAAU,sBAAsBxB,GAEpCiB,EAAAA,cAAA,OAAKO,UAAU,QACbP,EAAAA,cAAA,KAAGO,UAAU,wBACVtB,GAEHe,EAAAA,cAACyB,IAAa,CACZC,SAAUvC,EACVwC,eAAe,EACfpB,UAAU,8DAKhBP,EAAAA,cAAC4B,EAAAA,EAAW,CAACxC,WAAYA,IAG/B,C","sources":["webpack://posgrado-ucc/./src/templates/Novelty/novelty.js"],"sourcesContent":["import React from \"react\";\nimport ReactMarkdown from 'react-markdown'\nimport {\n  FacebookShareButton,\n  LinkedinShareButton,\n  TwitterShareButton,\n  FacebookIcon,\n  TwitterIcon,\n  LinkedinIcon\n} from 'react-share'\nimport PropTypes from 'prop-types'\nimport { Layout, Carousels } from '../../components'\nimport DynamicZone from '../../helpers/dynamicZone'\nimport { getDateFormatted } from \"../../helpers/getDateFormatted\";\nimport moment from \"moment\";\nimport \"./novelty.scss\"\n\nconst Novelty = ({ pageContext, data }) => {\n  // pageContext - Elementos pasados como parametros\n  // data - Información obtenida de la query\n  \n  const { \n    noveltyId,\n    noveltyData,\n    navbar,\n    footerData\n  } = pageContext\n\n  const { title, header, summary, date, content, components, pageMetadata, novelties_categories } = noveltyData;\n\n  const objDate = getDateFormatted(date);\n  const year = moment(date).format('YYYY'); \n\n  let shareUrl = ''\n  if (typeof window !== 'undefined') {\n    shareUrl = window.location.href\n  }\n\n  return (\n    <Layout\n      key={`novelty-${noveltyId}`}\n      screenData={navbar}\n      pageMetadata={pageMetadata}\n      footerData={footerData}\n    >\n      {header !== null && (\n        <Carousels carousel={header} keyName={`noveltyPage-${noveltyId}`} />\n      )}\n\n      <div className=\"container novelties-container w-100 py-5\">\n        <div className=\"publication-social-container\">\n          <div className=\"publication\">\n            <p className=\"text-block\">\n              Publicado el {objDate.numberDay} de {objDate.month } de {year }{\" en \"}\n              <b>\n              {novelties_categories.map((category, i) => { \n                if ((novelties_categories.length - 1) > i) {\n                  return category?.name + \" - \"\n                } else {\n                  return category?.name\n                }\n              })}\n            </b>\n            </p>\n          </div>\n          <div className=\"social-medias justify-content-end\">\n            <FacebookShareButton\n              url={shareUrl}\n              quote={title}\n              className=\"me-1\"\n            >\n            <FacebookIcon size={32} round />\n            </FacebookShareButton>\n            <TwitterShareButton\n              url={shareUrl}\n              title={title}\n              className=\"me-1\"\n            >\n              <TwitterIcon size={32} round />\n            </TwitterShareButton>\n            <LinkedinShareButton url={shareUrl} className=\"me-1\">\n              <LinkedinIcon size={32} round />\n            </LinkedinShareButton>\n          </div>\n        </div>\n      \n        <h1 className=\"novelty-title mb-4\">{title}</h1>\n      \n        <div className=\"mb-5\">\n          <p className=\"novelty-summary pb-4\">\n            {summary}\n          </p>\n          <ReactMarkdown\n            children={content}\n            rehypePlugins={false}\n            className=\"format-markdown-container markdown-format fade-in-image\"\n          />\n        </div>\n      </div>\n      \n      <DynamicZone components={components} />\n    </Layout>\n  );\n};\n\nNovelty.propTypes = {\n  pageContext: PropTypes.object.isRequired,\n}\n\nexport default Novelty;"],"names":["_ref","pageContext","noveltyId","data","noveltyData","navbar","footerData","title","header","summary","date","content","components","pageMetadata","novelties_categories","objDate","getDateFormatted","year","moment","format","shareUrl","window","location","href","React","Layout","key","screenData","Carousels","carousel","keyName","className","numberDay","month","map","category","i","length","name","FacebookShareButton","url","quote","FacebookIcon","size","round","TwitterShareButton","TwitterIcon","LinkedinShareButton","LinkedinIcon","ReactMarkdown","children","rehypePlugins","DynamicZone"],"sourceRoot":""}