{"version":3,"sources":["webpack://gatsby-starter-hello-world/./src/templates/blog-post.js"],"names":["options","renderNode","BLOCKS","node","children","INLINES","data","uri","indexOf","videoSrcURL","href","content","value","id","fluid","target","imgStyle","objectFit","className","description","__typename","lien","toLowerCase","texte","startsWith","text","externalLink","link","asset","onClick","window","location","BlogPost","props","render","this","contentfulBlogPost","titre","enTete","category","corps","slug","publication","auteur","promotion","duree","texteApercu","metaImage","src","apercu","date","Date","seo","lang","title","url","path","color","hideNewsletter","style","background","photo","file","backgroundSize","nom","toLocaleDateString","year","month","day","backgroundColor","fondCouleur","texteCouleur","renderRichText","Component"],"mappings":"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","file":"component---src-templates-blog-post-js-db4db872a2364913087c.js","sourcesContent":["import React, { Component } from \"react\"\nimport { graphql } from \"gatsby\"\nimport PropTypes from \"prop-types\"\nimport Layout from \"../components/layout\"\nimport SecondaryCta from \"../components/secondary-cta\"\nimport NewsletterSubscriptionBlog from \"../components/newsletter-subscription-blog\"\nimport Img from \"gatsby-image\"\n\nimport { BLOCKS, INLINES } from \"@contentful/rich-text-types\"\nimport { renderRichText } from \"gatsby-source-contentful/rich-text\"\nimport Video from \"../components/video\"\nimport SEO from \"../components/seo\"\n\n\nconst options = {\n  renderNode: {\n    [BLOCKS.HEADING_1]: (node, children) => <h2>{children}</h2>,\n    [INLINES.HYPERLINK]: (node) => {\n      if (node.data.uri.indexOf('youtube.com') !== -1) {\n        return (\n          <Video videoSrcURL={node.data.uri} />\n        );\n      }\n      return <a href={node.data.uri}>{node.content[0].value}</a>\n    },\n    [BLOCKS.EMBEDDED_ASSET]: (node) => (\n      <div id=\"blog-post-content-embeded-asset\">\n        <Img fluid={node.data.target.fluid} imgStyle={{ objectFit: \"contain\" }} className=\"embeded-asset\"/>\n        <figcaption className=\"caption\">\n          {node.data.target.description}\n        </figcaption>\n      </div>\n    ),\n    [BLOCKS.EMBEDDED_ENTRY]: (node) => {\n      \n      if (!node || !node.data || !node.data.target) {\n        return <></>\n      }\n\n      const target = node.data.target;\n\n      if (node.data.target.__typename === \"ContentfulCta\") {\n        const lien = target.lien && target.lien.toLowerCase();\n        const texte = target.texte || \"Go\";\n\n        if (!texte || !lien) {\n          return <></>\n        }\n\n        if (lien.startsWith('http')) {\n          return <div id=\"blog-post-content-embedded-cta\">\n            <SecondaryCta text={texte} externalLink={target.lien}/>\n          </div>\n        }\n\n        return <div id=\"blog-post-content-embedded-cta\">\n          <SecondaryCta text={texte} link={target.lien}/>\n        </div>\n      }\n\n      if (node.data.target.__typename === \"ContentfulClickableImage\") {\n\n        const asset = node.data.target.asset;\n        const link = node.data.target.link;\n        if (!asset || !link) {\n          return <></>\n        }\n        return (\n          <div id=\"blog-post-content-embeded-asset\" className=\"clickable-asset\" onClick={() => window.location.href = link}>\n            <Img fluid={asset.fluid} imgStyle={{ objectFit: \"contain\" }} className=\"embeded-asset\"/>\n            <figcaption className=\"caption\">\n              {asset.description}\n            </figcaption>\n          </div>\n        )\n      }\n    },\n\n  }\n}\n\n\nclass BlogPost extends Component {\n\n  constructor(props) {\n    super(props)\n  }\n\n  render() {\n    const {\n      contentfulBlogPost: { titre, enTete, category, corps, slug, publication, auteur, promotion, duree, texteApercu, apercu },\n    } = this.props.data\n\n    const metaImage = {\n      src: apercu.fluid.src,\n    }\n\n    const date = new Date(publication)\n    const seo = <SEO lang='fr' title={titre} description={texteApercu} metaImage={metaImage} url={\"https://amicaleststan.fr/blog\"+slug}/>\n\n    return (\n      <Layout path={\"/blog\"} color={'#FAFAFA'} hideNewsletter={true} seo={seo}>\n        <div id=\"blog-post-header\">\n          <h1 id=\"header_title\">{titre}</h1>\n          <div id=\"header_subtitles\">\n            <span className=\"author-profile\"\n              style={{\n                background: `url(${auteur.photo.file.url}) no-repeat center center`,\n                backgroundSize: 'cover'\n              }}\n            />\n            <strong>{auteur.nom}, </strong>\n            <span>{date.toLocaleDateString(\"fr-FR\", { year: \"numeric\", month: \"long\", day: \"numeric\" })}</span>\n            {duree && <span > • {duree} min </span>}\n            <div className=\"tags\">\n              <span className=\"tag\"\n                    style={{ backgroundColor: category.fondCouleur, color: category.texteCouleur }}>{category.nom}</span>\n              {promotion && <span className=\"tag promo\">Promo {promotion}</span>}\n            </div>\n          </div>\n        </div>\n        <div id=\"blog-post-header-image\">\n          <Img fluid={enTete.fluid} imgStyle={{ objectFit: \"contain\" }}/>\n        </div>\n\n        <div id=\"blog-post-content\">\n          {renderRichText(corps, options)}\n        </div>\n\n        <div id=\"blog-post-newsletter\">\n          <div className=\"newsletter-container\">\n            <NewsletterSubscriptionBlog />\n          </div>\n        </div>\n      </Layout>\n    )\n  }\n}\n\nBlogPost.propTypes = {\n  data: PropTypes.object.isRequired\n}\n\nexport default BlogPost\n\nexport const blogPostQuery = graphql`\n  query blogPostQuery($slug: String!) {\n    contentfulBlogPost(slug: { eq: $slug }) {\n      titre\n      slug\n      publication\n      enTete { fluid(maxHeight: 500, quality: 100){\n        ...GatsbyContentfulFluid_withWebp\n        }\n        description\n      }\n      category {\n        nom\n        texteCouleur\n        fondCouleur\n      }\n      auteur {\n        nom\n        photo {\n          file {\n            url\n          }\n        }\n      }\n      promotion\n      duree\n      texteApercu\n      corps {\n        raw\n        references {\n          ... on ContentfulAsset {\n            __typename\n            contentful_id\n            fluid(maxWidth: 600, quality: 100){\n                ...GatsbyContentfulFluid_withWebp\n            }\n            description\n          }\n          ... on ContentfulCta {\n            __typename\n            texte\n            lien\n            contentful_id\n          }\n          ... on ContentfulClickableImage {\n            __typename\n            contentful_id\n            link\n            asset {\n              fluid(maxWidth: 600, quality: 100){\n                  ...GatsbyContentfulFluid_withWebp\n              }\n              description\n            }\n          }\n        }\n      }\n      apercu {\n          fluid(quality: 100) {\n            src\n          }\n      }\n    }\n  }\n`\n"],"sourceRoot":""}