{"version":3,"sources":["webpack:///./src/templates/blog-post.js"],"names":["data","post","prismicBlogPost","author","document","categories","featuredImage","featured_image","url","publishDate","publish_date","description","seo_description","text","title","image","article","section","length","cat","category","getFirstCategory","created_time","publish_date_iso","updated_time","last_publication_date","linkBack","list","map","el","index","push","to","uid","listCategories","body","slice","slice_type","console","log","primary","html","optional_title","key","secondary_title","items","list_item","dimensions","alt","legend","src","height","width","renderSlice","rowsDesktop","makeRem","rowsMobile","rowsTablet","type","colSpans","buttonHref","buttonText"],"mappings":"4FAAA,oEAiBe,sBAAe,IAAZA,EAAW,EAAXA,KACVC,EAAOD,EAAKE,gBAAgBF,KAC5BG,EAASF,EAAKE,OAAOC,SAAWH,EAAKE,OAAOC,SAASJ,KAAKG,OAAS,GACnEE,EAAaJ,EAAKI,WAClBC,EAAgBL,EAAKM,eAAeC,IACpCC,EAAcR,EAAKS,aAyEzB,OACE,oCACE,kBAAC,IAAD,CACEC,YAAaV,EAAKW,gBAAgBC,KAClCC,MAAOb,EAAKa,MAAMD,KAClBE,MAAOT,EACPU,QAAS,CACPC,QA5DiB,SAAAZ,GACvB,GAAIA,EAAWa,OAAS,EAAG,MAAO,GAClC,IAAIC,EAAMd,EAAW,GAAGe,SAAShB,SACjC,OAAY,OAARe,EAAqB,GAClBA,EAAInB,KAAKoB,SAwDDC,CAAiBhB,GAC1BiB,aAAcrB,EAAKsB,iBACnBC,aAAcxB,EAAKE,gBAAgBuB,yBAGvC,kBAAC,kBAAD,CAAiBC,SAAS,UAA1B,cACcjB,EADd,OAC+BN,EAD/B,QAnFmB,SAAAE,GACrB,GAAIA,EAAWa,OAAS,EAAG,MAAO,GAElC,IAAIS,EAAO,GAYX,OAVAtB,EAAWuB,KAAI,SAACC,EAAIC,GAClB,IAAMX,EAAMU,EAAGT,SAAShB,SAExB,OADI0B,EAAQ,GAAGH,EAAKI,KAAK,MACb,OAARZ,GACJQ,EAAKI,KACH,kBAAC,OAAD,CAAMC,GAAE,kBAAoBb,EAAIc,KAAQd,EAAInB,KAAKoB,WAF1B,MAOpBO,EAqEuCO,CAAe7B,GAD3D,KAIA,kBAAC,mBAAD,CAAkBS,MAAOb,EAAKa,MAAMD,OAEnCZ,EAAKkC,KAAKP,KAAI,SAACQ,EAAON,GAAR,OAhEC,SAAC9B,EAAM8B,GAAW,IAC5BO,EAAerC,EAAfqC,WAER,GAAmB,cAAfA,EAEF,OADAC,QAAQC,IAAIvC,EAAKwC,QAAQ3B,KAAK4B,MAE5B,kBAAC,kBAAD,CACEA,KAAMzC,EAAKwC,QAAQ3B,KAAK4B,KACxB3B,MAAOd,EAAKwC,QAAQE,eAAe7B,KACnC8B,IAAKb,IAGJ,GAAmB,oBAAfO,EACT,OACE,kBAAC,sBAAD,CACEvB,MAAOd,EAAKwC,QAAQI,gBAAgB/B,KACpC8B,IAAKb,IAGJ,GAAmB,SAAfO,EACT,OACE,kBAAC,yBAAD,CAAwBM,IAAKb,GAC1B9B,EAAK6C,MAAMjB,KAAI,SAACC,EAAIC,GAAL,OACd,kBAAC,sBAAD,CAAqBW,KAAMZ,EAAGiB,UAAUL,KAAME,IAAKb,QAIpD,GAAmB,UAAfO,GAAyC,sBAAfA,EAAoC,CAAC,IAChEU,EAAe/C,EAAKwC,QAAQzB,MAA5BgC,WACR,OACE,kBAAC,mBAAD,CACEC,IAAKhD,EAAKwC,QAAQzB,MAAMiC,IACxBC,OACiB,sBAAfZ,EAAqCrC,EAAKwC,QAAQS,OAAOR,KAAO,GAElES,IAAKlD,EAAKwC,QAAQzB,MAAMP,IACxB2C,OAAQJ,EAAaA,EAAWI,OAAS,GACzCC,MAAOL,EAAaA,EAAWK,MAAQ,GACvCT,IAAKb,KA0BwBuB,CAAYjB,EAAON,MAEpD,kBAAC,gBAAD,CACEwB,YAAa,CAACC,kBAAQ,KACtBC,WAAY,CAACD,kBAAQ,KACrBE,WAAY,CAACF,kBAAQ,OAGvB,kBAAC,gBAAD,MACA,kBAAC,gBAAD,CAAeG,KAAM,GACnB,kBAAC,UAAD,CACEC,SAAU,CAAC,CAAC,EAAG,GAAI,CAAC,EAAG,GAAI,CAAC,EAAG,KAC/BC,WAAW,kBACXC,WAAW,uCACX/C,MAAM,6DACN4C,KAAM,KAGV,kBAAC,gBAAD","file":"component---src-templates-blog-post-js-15f6281eb04624eb8dff.js","sourcesContent":["import React from \"react\"\nimport { Link, graphql } from \"gatsby\"\nimport {\n  BlogArticleImage,\n  BlogArticleListItem,\n  BlogArticleListWrapper,\n  BlogArticleMeta,\n  BlogArticleText,\n  BlogArticleTitle,\n  BlogArticleSubtitle,\n  Callout,\n  GridContainer,\n  GridSeparator,\n  makeRem,\n} from \"@thedgbrt/logology-ui-components\"\nimport SEO from \"../components/seo\"\n\nexport default ({ data }) => {\n  const post = data.prismicBlogPost.data\n  const author = post.author.document ? post.author.document.data.author : \"\"\n  const categories = post.categories\n  const featuredImage = post.featured_image.url\n  const publishDate = post.publish_date\n\n  const listCategories = categories => {\n    if (categories.length < 1) return \"\"\n\n    let list = []\n\n    categories.map((el, index) => {\n      const cat = el.category.document\n      if (index > 0) list.push(\", \")\n      if (cat === null) return \"\"\n      list.push(\n        <Link to={`/blog/category/${cat.uid}`}>{cat.data.category}</Link>\n      )\n      return \"\"\n    })\n\n    return list\n  }\n\n  const getFirstCategory = categories => {\n    if (categories.length < 1) return \"\"\n    let cat = categories[0].category.document\n    if (cat === null) return \"\"\n    return cat.data.category\n  }\n\n  const renderSlice = (data, index) => {\n    const { slice_type } = data\n\n    if (slice_type === \"body_text\") {\n      console.log(data.primary.text.html)\n      return (\n        <BlogArticleText\n          html={data.primary.text.html}\n          title={data.primary.optional_title.text}\n          key={index}\n        />\n      )\n    } else if (slice_type === \"secondary_title\") {\n      return (\n        <BlogArticleSubtitle\n          title={data.primary.secondary_title.text}\n          key={index}\n        />\n      )\n    } else if (slice_type === \"list\") {\n      return (\n        <BlogArticleListWrapper key={index}>\n          {data.items.map((el, index) => (\n            <BlogArticleListItem html={el.list_item.html} key={index} />\n          ))}\n        </BlogArticleListWrapper>\n      )\n    } else if (slice_type === \"image\" || slice_type === \"image_with_legend\") {\n      const { dimensions } = data.primary.image\n      return (\n        <BlogArticleImage\n          alt={data.primary.image.alt}\n          legend={\n            slice_type === \"image_with_legend\" ? data.primary.legend.html : \"\"\n          }\n          src={data.primary.image.url}\n          height={dimensions ? dimensions.height : \"\"}\n          width={dimensions ? dimensions.width : \"\"}\n          key={index}\n        />\n      )\n    }\n\n    return\n  }\n\n  return (\n    <>\n      <SEO\n        description={post.seo_description.text}\n        title={post.title.text}\n        image={featuredImage}\n        article={{\n          section: getFirstCategory(categories),\n          created_time: post.publish_date_iso,\n          updated_time: data.prismicBlogPost.last_publication_date,\n        }}\n      />\n      <BlogArticleMeta linkBack=\"/blog/\">\n        Written on {publishDate} by {author}. In {listCategories(categories)}.\n      </BlogArticleMeta>\n\n      <BlogArticleTitle title={post.title.text} />\n\n      {post.body.map((slice, index) => renderSlice(slice, index))}\n\n      <GridContainer\n        rowsDesktop={[makeRem(90)]}\n        rowsMobile={[makeRem(60)]}\n        rowsTablet={[makeRem(80)]}\n      />\n\n      <GridSeparator />\n      <GridContainer type={5}>\n        <Callout\n          colSpans={[[2, 8], [2, 8], [4, 11]]}\n          buttonHref=\"/questionnaire/\"\n          buttonText=\"see the logos that match my values →\"\n          title=\"Take the brand discovery questionnaire and see your logos.\"\n          type={5}\n        />\n      </GridContainer>\n      <GridSeparator />\n    </>\n  )\n}\n\nexport const query = graphql`\n  query($uid: String!) {\n    prismicBlogPost(uid: { eq: $uid }) {\n      uid\n      last_publication_date(formatString: \"YYYY-MM-DDTHH:mm:ss.sssZ\")\n      data {\n        publish_date(formatString: \"MMMM Do, YYYY\")\n        publish_date_iso: publish_date(formatString: \"YYYY-MM-DDTHH:mm:ss.sssZ\")\n        featured_image {\n          url\n        }\n        title {\n          text\n        }\n        seo_description {\n          text\n        }\n        body {\n          ... on PrismicBlogPostBodyBodyText {\n            slice_type\n            primary {\n              text {\n                html\n              }\n              optional_title {\n                text\n              }\n            }\n          }\n          ... on PrismicBlogPostBodySecondaryTitle {\n            slice_type\n            primary {\n              secondary_title {\n                text\n              }\n            }\n          }\n          ... on PrismicBlogPostBodyImage {\n            slice_type\n            primary {\n              image {\n                alt\n                url\n                dimensions {\n                  height\n                  width\n                }\n              }\n            }\n          }\n          ... on PrismicBlogPostBodyImageWithLegend {\n            slice_type\n            primary {\n              image {\n                alt\n                url\n                dimensions {\n                  height\n                  width\n                }\n              }\n              legend {\n                html\n              }\n            }\n          }\n          ... on PrismicBlogPostBodyList {\n            slice_type\n            items {\n              list_item {\n                html\n              }\n            }\n          }\n        }\n\n        author {\n          document {\n            ... on PrismicAuthor {\n              data {\n                author\n              }\n              uid\n            }\n          }\n        }\n\n        categories {\n          category {\n            document {\n              ... on PrismicCategory {\n                data {\n                  category\n                }\n                uid\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n`\n"],"sourceRoot":""}