{"version":3,"sources":["webpack://@microsites/inh0029-web/./src/components/container.module.css","webpack://@microsites/inh0029-web/./src/components/container.js","webpack://@microsites/inh0029-web/./src/components/author-list.module.css","webpack://@microsites/inh0029-web/./src/components/author-list.js","webpack://@microsites/inh0029-web/./src/components/blog-post.module.css","webpack://@microsites/inh0029-web/./src/components/blog-post.js","webpack://@microsites/inh0029-web/./src/templates/blog-post.js"],"names":["children","className","styles","items","title","map","author","_key","authorName","name","key","image","asset","src","imageUrlFor","buildImageObj","clientConfig","width","height","fit","url","alt","props","_rawBody","authors","categories","mainImage","publishedAt","Math","floor","auto","blocks","differenceInDays","Date","distanceInWords","format","category","_id","data","errors","post","socials","site","menuItems","nav","navMenu","textWhite","navMenuItems","description","toPlainText","_rawExcerpt"],"mappings":"uLACA,EAAuB,gCCOvB,EAJkB,SAAC,GAAkB,IAAhBA,EAAe,EAAfA,SACnB,OAAO,uBAAKC,UAAWC,GAAcF,K,qLCJvC,EAAuB,kCAAvB,EAAoE,qEAApE,EAAgJ,kCAAhJ,EAA6L,sCAA7L,EAA4O,oCC2C5O,MArCA,YAAuC,IAAjBG,EAAgB,EAAhBA,MAAOC,EAAS,EAATA,MACzB,OACI,uBAAKH,UAAWC,GACZ,sBAAID,UAAWC,GAAkBE,GACjC,sBAAIH,UAAWC,GACVC,EAAME,KAAI,YAAuB,IAApBC,EAAmB,EAAnBA,OAAQC,EAAW,EAAXA,KACZC,EAAaF,GAAUA,EAAOG,KACpC,OACI,sBAAIC,IAAKH,EAAMN,UAAWC,GACtB,2BACI,uBAAKD,UAAWC,GACXI,GAAUA,EAAOK,OAASL,EAAOK,MAAMC,OACpC,uBACIC,KAAKC,QACDC,QAAcT,EAAOK,OACrBK,KAECC,MAAM,KACNC,OAAO,KACPC,IAAI,QACJC,MACLC,IAAI,OAKpB,2BACI,2BAAMb,GAAc,mDCjCpD,GAAgB,MAAQ,4EAA4E,UAAY,qCAAqC,KAAO,gCAAgC,YAAc,uCAAuC,YAAc,uCAAuC,YAAc,uEAAuE,WAAa,sCAAsC,mBAAqB,8EC2Dnc,MAjDA,SAAkBc,GACd,IAAQC,EAAiED,EAAjEC,SAAUC,EAAuDF,EAAvDE,QAASC,EAA8CH,EAA9CG,WAAYrB,EAAkCkB,EAAlClB,MAAOsB,EAA2BJ,EAA3BI,UAAWC,EAAgBL,EAAhBK,YACzD,OACI,2BAAS1B,UAAWC,QACfwB,GAAaA,EAAUd,OACpB,uBAAKX,UAAWC,aACZ,uBACIW,KAAKC,QAAYC,QAAcW,GAAYV,KACtCC,MAAM,MACNC,OAAOU,KAAKC,MAAO,MACnBV,IAAI,QACJW,KAAK,UACLV,MACLC,IAAKK,EAAUL,OAI3B,gBAAC,IAAD,KACI,uBAAKpB,UAAWC,QACZ,uBAAKD,UAAWC,eACZ,sBAAID,UAAWC,SAAeE,GAC7BmB,GAAY,gBAAC,IAAD,CAAcQ,OAAQR,KAEvC,yBAAOtB,UAAWC,eACbyB,GACG,uBAAK1B,UAAWC,gBACX8B,sBAAiB,IAAIC,KAAKN,GAAc,IAAIM,MAAU,GACjDC,qBAAgB,IAAID,KAAKN,GAAc,IAAIM,OAC3CE,YAAO,IAAIF,KAAKN,GAAc,kBAG3CH,GAAW,gBAAC,EAAD,CAAYrB,MAAOqB,EAASpB,MAAM,YAC7CqB,GACG,uBAAKxB,UAAWC,cACZ,sBAAID,UAAWC,sBAAf,cACA,0BACKuB,EAAWpB,KAAI,SAAA+B,GAAQ,OACpB,sBAAI1B,IAAK0B,EAASC,KAAMD,EAAShC,iB,sBCoDzE,EA5ByB,SAAAkB,GACvB,IAAQgB,EAAiBhB,EAAjBgB,KAAMC,EAAWjB,EAAXiB,OACRC,EAAOF,GAAQA,EAAKE,KACpBC,EAAUH,EAAKI,MAAQJ,EAAKI,KAAKD,QACjCE,EAAYL,EAAKM,KAAON,EAAKM,IAAIC,UAAYP,EAAKM,IAAIC,QAAQ1C,OAAS,IAE7E,OACE,gBAAC,IAAD,CAAQ2C,WAAW,EAAML,QAASA,EAASM,aAAcJ,GACtDJ,GAAU,gBAAC,IAAD,CAAKnC,MAAM,kBACrBoC,GACC,gBAAC,IAAD,CACEpC,MAAOoC,EAAKpC,OAAS,WACrB4C,aAAaC,QAAYT,EAAKU,aAC9BvC,MAAO6B,EAAKd,YAIfa,GACC,gBAAC,IAAD,KACE,gBAAC,IAAD,CAAkBA,OAAQA,KAI7BC,GAAQ,gBAAC,EAAaA","file":"component---src-templates-blog-post-js-a7ab155fe88ba135d675.js","sourcesContent":["// extracted by mini-css-extract-plugin\nexport default {\"root\":\"container-module--root--ACgVt\"};","import React from \"react\";\n\nimport styles from \"./container.module.css\";\n\nconst Container = ({ children }) => {\n  return <div className={styles.root}>{children}</div>;\n};\n\nexport default Container;\n","// extracted by mini-css-extract-plugin\nexport default {\"root\":\"author-list-module--root--3tnc7\",\"headline\":\"author-list-module--headline--3BVPD typography-module--base--2DtHq\",\"list\":\"author-list-module--list--1awEt\",\"listItem\":\"author-list-module--listItem--13pbd\",\"avatar\":\"author-list-module--avatar--3sDy5\"};","import React from \"react\";\nimport { buildImageObj } from \"../lib/helpers\";\nimport { imageUrlFor } from \"../../../../../shared_ui/lib/image-url\";\nimport clientConfig from \"../../client-config\";\n\nimport styles from \"./author-list.module.css\";\n\nfunction AuthorList({ items, title }) {\n    return (\n        <div className={styles.root}>\n            <h2 className={styles.headline}>{title}</h2>\n            <ul className={styles.list}>\n                {items.map(({ author, _key }) => {\n                    const authorName = author && author.name;\n                    return (\n                        <li key={_key} className={styles.listItem}>\n                            <div>\n                                <div className={styles.avatar}>\n                                    {author && author.image && author.image.asset && (\n                                        <img\n                                            src={imageUrlFor(\n                                                buildImageObj(author.image),\n                                                clientConfig\n                                            )\n                                                .width(100)\n                                                .height(100)\n                                                .fit(\"crop\")\n                                                .url()}\n                                            alt=\"\"\n                                        />\n                                    )}\n                                </div>\n                            </div>\n                            <div>\n                                <div>{authorName || <em>Missing name</em>}</div>\n                            </div>\n                        </li>\n                    );\n                })}\n            </ul>\n        </div>\n    );\n}\n\nexport default AuthorList;\n","// extracted by mini-css-extract-plugin\nexport default {\"title\":\"blog-post-module--title--1uZ-o typography-module--responsiveTitle1--2aak3\",\"mainImage\":\"blog-post-module--mainImage--bB9Ee\",\"grid\":\"blog-post-module--grid--3wRA5\",\"mainContent\":\"blog-post-module--mainContent--3bHQt\",\"metaContent\":\"blog-post-module--metaContent--IH9IS\",\"publishedAt\":\"blog-post-module--publishedAt--2Vzf7 typography-module--small--2jpCI\",\"categories\":\"blog-post-module--categories--3zhTU\",\"categoriesHeadline\":\"blog-post-module--categoriesHeadline---x0dT typography-module--base--2DtHq\"};","import { format, distanceInWords, differenceInDays } from \"date-fns\";\nimport React from \"react\";\nimport { buildImageObj } from \"../lib/helpers\";\nimport { imageUrlFor } from \"../../../../../shared_ui/lib/image-url\";\nimport clientConfig from \"../../client-config\";\nimport PortableText from \"../../../../../shared_ui/components/portableText\";\nimport Container from \"./container\";\nimport AuthorList from \"./author-list\";\n\nimport styles from \"./blog-post.module.css\";\n\nfunction BlogPost(props) {\n    const { _rawBody, authors, categories, title, mainImage, publishedAt } = props;\n    return (\n        <article className={styles.root}>\n            {mainImage && mainImage.asset && (\n                <div className={styles.mainImage}>\n                    <img\n                        src={imageUrlFor(buildImageObj(mainImage), clientConfig)\n                            .width(1200)\n                            .height(Math.floor((9 / 16) * 1200))\n                            .fit(\"crop\")\n                            .auto(\"format\")\n                            .url()}\n                        alt={mainImage.alt}\n                    />\n                </div>\n            )}\n            <Container>\n                <div className={styles.grid}>\n                    <div className={styles.mainContent}>\n                        <h1 className={styles.title}>{title}</h1>\n                        {_rawBody && <PortableText blocks={_rawBody} />}\n                    </div>\n                    <aside className={styles.metaContent}>\n                        {publishedAt && (\n                            <div className={styles.publishedAt}>\n                                {differenceInDays(new Date(publishedAt), new Date()) > 3\n                                    ? distanceInWords(new Date(publishedAt), new Date())\n                                    : format(new Date(publishedAt), \"MMMM Do, YYYY\")}\n                            </div>\n                        )}\n                        {authors && <AuthorList items={authors} title=\"Authors\" />}\n                        {categories && (\n                            <div className={styles.categories}>\n                                <h3 className={styles.categoriesHeadline}>Categories</h3>\n                                <ul>\n                                    {categories.map(category => (\n                                        <li key={category._id}>{category.title}</li>\n                                    ))}\n                                </ul>\n                            </div>\n                        )}\n                    </aside>\n                </div>\n            </Container>\n        </article>\n    );\n}\n\nexport default BlogPost;\n","import React from \"react\";\nimport { graphql } from \"gatsby\";\nimport Container from \"../components/container\";\nimport GraphQLErrorList from \"../components/graphql-error-list\";\nimport BlogPost from \"../components/blog-post\";\nimport SEO from \"../components/seo\";\nimport Layout from \"../containers/layout\";\nimport { toPlainText } from \"../lib/helpers\";\n\nexport const query = graphql`\n  query BlogPostTemplateQuery($id: String!) {\n    site: sanitySiteSettings(_id: { regex: \"/(drafts.|)siteSettings/\" }) {\n      socials {\n        facebook\n        twitter\n        linkedin\n        youtube\n      }\n    }\n    nav: sanityPage {\n      navMenu {\n        ...NavMenu\n      }\n    }\n    post: sanityPost(id: { eq: $id }) {\n      id\n      publishedAt\n      categories {\n        _id\n        title\n      }\n      mainImage {\n        ...SanityImage\n        alt\n      }\n      title\n      slug {\n        current\n      }\n      _rawExcerpt(resolveReferences: { maxDepth: 5 })\n      _rawBody(resolveReferences: { maxDepth: 5 })\n      authors {\n        _key\n        author {\n          image {\n            crop {\n              _key\n              _type\n              top\n              bottom\n              left\n              right\n            }\n            hotspot {\n              _key\n              _type\n              x\n              y\n              height\n              width\n            }\n            asset {\n              _id\n            }\n          }\n          name\n        }\n      }\n    }\n  }\n`;\n\nconst BlogPostTemplate = props => {\n  const { data, errors } = props;\n  const post = data && data.post;\n  const socials = data.site && data.site.socials;\n  const menuItems = data.nav && data.nav.navMenu && (data.nav.navMenu.items || []);\n\n  return (\n    <Layout textWhite={true} socials={socials} navMenuItems={menuItems}>\n      {errors && <SEO title=\"GraphQL Error\" />}\n      {post && (\n        <SEO\n          title={post.title || \"Untitled\"}\n          description={toPlainText(post._rawExcerpt)}\n          image={post.mainImage}\n        />\n      )}\n\n      {errors && (\n        <Container>\n          <GraphQLErrorList errors={errors} />\n        </Container>\n      )}\n\n      {post && <BlogPost {...post} />}\n    </Layout>\n  );\n};\n\nexport default BlogPostTemplate;\n"],"sourceRoot":""}