{"version":3,"file":"component---src-components-blog-post-js-2786a3eb897bbeb88df3.js","mappings":"uLA8DA,UAzCiBA,EAAGC,OAAMC,eAAgB,IAADC,EACvC,MAAM,IAAEC,GAZUC,KAClB,IAAK,MAAMC,KAAOD,EAAK,CACrB,GAAuB,oBAAnBC,EAAIC,WACN,MAAO,CAAEH,IAAKE,EAAIF,IAAKI,KAAMF,EAAIG,aAC5B,GAAuB,yBAAnBH,EAAIC,WACb,MAAO,CAAEH,IAAKE,EAAII,MAAMN,IAE5B,CACA,MAAO,CAACA,IAAK,iCAAkCI,KAAM,YAAa,EAIlDG,CAAWV,EAAKW,mBAAmBC,QAAQC,YAC3D,IACIC,EADAC,EAASf,EAAKW,mBAAmBI,OAUrC,OARIA,GAA4B,IAAlBA,EAAOC,SACnBF,EAAYC,EAAO,GAAGE,KAClBF,EAAO,GAAGG,WACZJ,EAAYA,EAAY,KAAOC,EAAO,GAAGG,WAGzCH,GAA4B,IAAlBA,EAAOC,SAAeF,EAAYC,EAAO,GAAGE,KAAO,QAAUF,EAAO,GAAGE,MAGnFE,EAAAA,cAACC,EAAAA,EAAM,CACPC,UAAU,WACVC,MAAM,oCACNrB,SAAUA,GAERkB,EAAAA,cAAA,OAAKE,UAAU,eACbF,EAAAA,cAACI,EAAAA,EAAM,KACLJ,EAAAA,cAAA,aAAQnB,EAAKW,mBAAmBW,OAChCH,EAAAA,cAAA,QAAMK,SAAS,WAAWP,KAAK,QAAQL,QAASZ,EAAKW,mBAAmBc,gBAAkBzB,EAAKW,mBAAmBW,QAClHH,EAAAA,cAAA,QAAMK,SAAS,iBAAiBZ,QAASZ,EAAKW,mBAAmBe,sBAAyB,mGAC1FP,EAAAA,cAAA,QAAMK,SAAS,UAAUZ,QAAQ,YACjCO,EAAAA,cAAA,QAAMK,SAAS,WAAWP,KAAK,QAAQL,SAA+C,QAAtCV,EAAAF,EAAKW,mBAAmBgB,sBAAc,IAAAzB,OAAA,EAAtCA,EAAwCC,MAAOA,KAEjGgB,EAAAA,cAAA,OAAKE,UAAU,WACbF,EAAAA,cAAA,OAAKE,UAAU,gBACXF,EAAAA,cAAA,MAAIS,GAAG,wBAAwBP,UAAU,yBAAyBrB,EAAKW,mBAAmBW,QAE9FH,EAAAA,cAAA,OAAKS,GAAG,eAAeP,UAAU,gBAAiBrB,EAAKW,mBAAmBkB,KAAOC,IAAO9B,EAAKW,mBAAmBkB,KAAKE,MAAM,KAAK,IAAIC,OAAO,gBAAkB,IAC7Jb,EAAAA,cAAA,OAAKS,GAAG,iBAAiBP,UAAU,kBAAiB,MAAIP,GACxDK,EAAAA,cAAA,OAAKS,GAAG,kBAAkBP,UAAU,mBAClCF,EAAAA,cAACc,EAAAA,EAAQ,CAACC,gBAAiBlC,EAAKW,mBAAmBC,aAIlD,C","sources":["webpack://ionq-website/./src/components/BlogPost.js"],"sourcesContent":["import React from \"react\";\nimport { graphql } from \"gatsby\";\n\nimport Layout from \"./Layout\";\nimport { Helmet } from \"react-helmet\";\nimport moment from \"moment\";\n\n// Components\nimport RichText from \"./RichText\";\n\nconst getOgImage = (refs) => {\n  for (const ref of refs){\n    if (ref.__typename === \"ContentfulAsset\") {\n      return { url: ref.url, desc: ref.description };\n    } else if (ref.__typename === \"ContentfulEmbedMedia\") {\n      return { url: ref.media.url };\n    }\n  }\n  return {url: '/images/ionq-og-2021-10-11.jpg', desc: 'IonQ Logo' };\n}\n\nconst BlogPost = ({ data, location }) => {\n  const { url } = getOgImage(data.contentfulBlogPost.content.references);\n  let author = data.contentfulBlogPost.author;\n  let authorStr;\n  if (author && author.length === 1){ \n    authorStr = author[0].name;\n    if (author[0].position){\n      authorStr = authorStr + ', ' + author[0].position;\n    } \n  }\n  if (author && author.length === 2){ authorStr = author[0].name + \" and \" + author[1].name; }\n\n  return (\n    <Layout\n    className=\"BlogPost\"\n    title=\"IonQ Newsroom and Media Resources\"\n    location={location}\n    >\n      <div className=\"ContentPage\">\n        <Helmet>\n          <title>{data.contentfulBlogPost.title}</title>\n          <meta property=\"og:title\" name=\"title\" content={data.contentfulBlogPost.openGraphTitle || data.contentfulBlogPost.title} />\n          <meta property=\"og:description\" content={data.contentfulBlogPost.openGraphDescription || `Working to build the world's best quantum computers to solve the world's most complex problems`} />\n          <meta property=\"og:type\" content=\"article\" />\n          <meta property=\"og:image\" name=\"image\" content={data.contentfulBlogPost.openGraphImage?.url || url} />\n        </Helmet>\n        <div className=\"article\">\n          <div className=\"article-hero\">\n              <h1 id=\"article-hero-headline\" className=\"article-hero-headline\">{data.contentfulBlogPost.title}</h1>\n          </div>\n          <div id=\"article-date\" className=\"article-date\">{ data.contentfulBlogPost.date ? moment(data.contentfulBlogPost.date.split('T')[0]).format('MMMM D, YYYY') : '' }</div>\n          <div id=\"article-author\" className=\"article-author\">by {authorStr}</div>\n          <div id=\"article-content\" className=\"article-content\">\n            <RichText richTextContent={data.contentfulBlogPost.content} />\n          </div>\n        </div>\n      </div>\n    </Layout>\n  )\n}\n\nexport default BlogPost\n\nexport const pageQuery = graphql`\n  query($slug: String!){\n    contentfulBlogPost(slug:{eq:$slug}) {\n      link:slug\n      title\n      author {\n        name\n        position\n      }\n      date\n      openGraphTitle\n      openGraphDescription\n      openGraphImage {\n        url\n      }\n      content {\n        raw\n        references {\n          ... on Node {\n            ... on ContentfulAsset {\n              contentful_id\n              __typename\n              url\n              description\n            }\n            ... on ContentfulEmbedHardCodedInsert {\n              contentful_id\n              __typename\n              title\n              filePath\n            }\n            ... on ContentfulEmbedForm {\n              contentful_id\n              __typename\n              formType\n            }\n            ... on ContentfulEmbedMath {\n              contentful_id\n              __typename\n              title\n              snippet {\n                id\n                __typename\n                internal {\n                  content\n                }\n              }\n            }\n            ... on ContentfulEmbedInfo {\n              contentful_id\n              __typename\n              level\n              content {\n                raw\n              }\n            }\n            ... on ContentfulEmbedCode {\n              contentful_id\n              __typename\n              title\n              language\n              snippet {\n                id\n                __typename\n                internal {\n                  content\n                }\n              }\n              output {\n                id\n                __typename\n                internal {\n                  content\n                }\n              }\n            }     \n            ... on ContentfulEmbedFootnote {\n              contentful_id\n              __typename\n              title\n              content {\n                raw\n              }\n            }         \n            ...on ContentfulEmbedMedia {\n              contentful_id\n              __typename\n              displayPreference\n              framePreference\n              media {\n                id\n                url\n              }\n              caption {\n                raw\n              }\n            }\n            ... on ContentfulEmbedVideo {\n              contentful_id\n              __typename\n              title\n              description\n              youtubeId\n              duration\n              contributors {\n                name \n                position\n              }\n            }\n            ... on ContentfulEmbedDocument {\n              contentful_id\n              __typename\n              title\n              duration\n              childContentfulEmbedDocumentDescriptionTextNode {\n                description\n              }\n              coverImage {\n                url\n              }\n              document {\n                url\n                filename\n              }\n              contributors {\n                name\n                position\n              }\n            }       \n            ... on ContentfulResource {\n              contentful_id\n              __typename\n              slug\n              updatedAt\n              title\n              description\n              gated\n              contributors {\n                name\n                position\n              }\n              resourceType {\n                title\n                linkLabel\n                slug\n                icon\n              }\n              resourceTags{\n                id\n                name\n                slug\n              }\n            }             \n          }\n        }\n      }\n    }\n  }\n`"],"names":["BlogPost","data","location","_data$contentfulBlogP","url","refs","ref","__typename","desc","description","media","getOgImage","contentfulBlogPost","content","references","authorStr","author","length","name","position","React","Layout","className","title","Helmet","property","openGraphTitle","openGraphDescription","openGraphImage","id","date","moment","split","format","RichText","richTextContent"],"sourceRoot":""}