{"version":3,"sources":["webpack:///./src/components/author-list.module.css","webpack:///./src/components/blog-post.module.css","webpack:///./src/components/author-list.js","webpack:///./src/components/tutorials.js","webpack:///./src/templates/tutorial.js","webpack:///./src/containers/layout.js","webpack:///./src/components/graphql-error-list.js"],"names":["module","exports","AuthorList","Tutorials","props","_rawBody","_rawExcerpt","authors","categories","title","mainImage","publishedAt","success","setSuccess","useState","React","createElement","className","styles","root","Container","wrapper","sidebar","sidebarContainer","share","target","href","slug","current","FontAwesomeIcon","icon","faTwitter","faFacebook","faLinkedinIn","formContainer","onSubmit","event","preventDefault","email","FormData","get","axios","post","then","response","console","log","catch","error","for","id","name","required","type","disabled","tutorialPost","mainContent","PortableText","blocks","TutorialTemplate","data","errors","tutorial","Layout","SEO","description","toPlainText","image","GraphQLErrorList","LayoutContainer","showNav","setShowNav","handleShowNav","handleHideNav","saveTrackingCode","saveReferralCode","StaticQuery","query","render","site","Error","Object","assign","siteTitle","onHideNav","onShowNav","_ref","map","key","message"],"mappings":"iFACAA,EAAOC,QAAU,CAAC,KAAO,kCAAkC,SAAW,qEAAqE,KAAO,kCAAkC,SAAW,sCAAsC,OAAS,sC,uBCA9OD,EAAOC,QAAU,CAAC,MAAQ,4EAA4E,UAAY,qCAAqC,YAAc,uCAAuC,YAAc,uCAAuC,WAAa,sCAAsC,mBAAqB,6EAA6E,cAAgB,yCAAyC,YAAc,uCAAuC,UAAY,qCAAqC,QAAU,mCAAmC,IAAM,+BAA+B,YAAc,uCAAuC,SAAW,oCAAoC,QAAU,mCAAmC,MAAQ,iCAAiC,cAAgB,yCAAyC,iBAAmB,4CAA4C,eAAiB,0CAA0C,WAAa,sCAAsC,cAAgB,yCAAyC,WAAa,sCAAsC,QAAU,mCAAmC,KAAO,gCAAgC,WAAa,sCAAsC,sBAAwB,mD,sJCuCnyCC,I,6CCkDAC,MA9Ef,SAAmBC,GACjB,MAAM,SAAEC,EAAQ,YAAEC,EAAW,QAAEC,EAAO,WAAEC,EAAU,MAAEC,EAAK,UAAEC,EAAS,YAAEC,GAAgBP,GAChF,EAACQ,EAAQ,EAACC,GAAcC,oBAAS,GAiBvC,OACEC,IAAAC,cAAA,WAASC,UAAWC,IAAOC,MACzBJ,IAAAC,cAACI,IAAS,KACRL,IAAAC,cAAA,OAAKC,UAAWC,IAAOG,SACrBN,IAAAC,cAAA,OAAKC,UAAWC,IAAOI,SACrBP,IAAAC,cAAA,OAAKC,UAAWC,IAAOK,kBACrBR,IAAAC,cAAA,OAAKC,UAAWC,IAAOM,OACrBT,IAAAC,cAAA,UAAI,SACJD,IAAAC,cAAA,KACES,OAAO,SACPC,KAAM,0CAA0CjB,2CAA+CL,EAAMuB,KAAKC,4BAE1Gb,IAAAC,cAACa,IAAe,CAACC,KAAMC,IAAWd,UAAWC,IAAOY,QAEtDf,IAAAC,cAAA,KACEU,KAAM,kFAAkFtB,EAAMuB,KAAKC,QACnGH,OAAO,UAEPV,IAAAC,cAACa,IAAe,CAACC,KAAME,IAAYf,UAAWC,IAAOY,QAEvDf,IAAAC,cAAA,KACEU,KAAM,yFAAyFtB,EAAMuB,KAAKC,iBAAiBnB,YAAgBA,IAC3IgB,OAAO,UAEPV,IAAAC,cAACa,IAAe,CAACC,KAAMG,IAAchB,UAAWC,IAAOY,SAG3Df,IAAAC,cAAA,OAAKC,UAAWC,IAAOgB,eACrBnB,IAAAC,cAAA,UAAI,mBAEJD,IAAAC,cAAA,QAAMmB,SA7CEC,IACpBA,EAAMC,iBACN,MACMC,EADO,IAAIC,SAASH,EAAMX,QACbe,IAAI,SACvBC,MACGC,KAAK,+CAAgD,CAAEJ,MAAOA,IAC9DK,KAAMC,IACL/B,GAAW,GACXgC,QAAQC,IAAI,UAAWF,KAExBG,MAAOC,IACNH,QAAQC,IAAI,QAASE,OAmCXjC,IAAAC,cAAA,SAAOiC,IAAI,SAAQ,QAEjBlC,IAAAC,cAAA,SAAOkC,GAAG,QAAQC,KAAK,QAAQC,SAAS,GAAGC,KAAK,WAEjDzC,EACCG,IAAAC,cAAA,UAAQqC,KAAK,SAASC,UAAQ,GAAC,WAI/BvC,IAAAC,cAAA,UAAQqC,KAAK,UAAS,mBAOhCtC,IAAAC,cAAA,OAAKC,UAAWC,IAAOqC,cACrBxC,IAAAC,cAAA,OAAKC,UAAWC,IAAOsC,aACrBzC,IAAAC,cAAA,UAAKP,GACJJ,GAAYU,IAAAC,cAACyC,IAAY,CAACC,OAAQrD,U,wBC9BlCsD,UAnBUvD,IACrB,MAAM,KAAEwD,EAAI,OAAEC,GAAWzD,EACnB0D,EAAWF,GAAQA,EAAKE,SAC9B,OACI/C,IAAAC,cAAC+C,IAAM,KACFF,GAAU9C,IAAAC,cAACgD,IAAG,CAACvD,MAAM,kBACrBqD,GAAY/C,IAAAC,cAACgD,IAAG,CAACvD,MAAOqD,EAASrD,OAAS,WAAYwD,YAAaC,YAAYJ,EAASxD,aAAc6D,MAAOL,EAASpD,YAEtHmD,GACG9C,IAAAC,cAACI,IAAS,KACNL,IAAAC,cAACoD,IAAgB,CAACP,OAAQA,KAIjCC,GAAY/C,IAAAC,cAACb,EAAc2D,M,kCC9CxC,6DAgDeO,IAnCf,SAA0BjE,GACxB,MAAM,EAACkE,EAAQ,EAACC,GAAczD,oBAAS,GAKvC,SAAS0D,IACPD,GAAW,GAEb,SAASE,IACPF,GAAW,GAEb,OATAG,cACAC,cASE5D,IAAAC,cAAC4D,cAAW,CACVC,MAtBK,aAuBLC,OAAQlB,IACN,IAAKA,EAAKmB,KACR,MAAM,IAAIC,MACR,yGAGJ,OACEjE,IAAAC,cAAC+C,IAAMkB,OAAAC,OAAA,GACD9E,EAAK,CACTkE,QAASA,EACTa,UAAWvB,EAAKmB,KAAKtE,MACrB2E,UAAWX,EACXY,UAAWb,U,oCCxCvB,yBAWeJ,IATUkB,IAAA,IAAC,OAACzB,GAAOyB,EAAA,OAChCvE,IAAAC,cAAA,WACED,IAAAC,cAAA,UAAI,iBACH6C,EAAO0B,IAAIvC,GACVjC,IAAAC,cAAA,OAAKwE,IAAKxC,EAAMyC,SAAUzC,EAAMyC","file":"component---src-templates-tutorial-js-086359cd3360b1d1784f.js","sourcesContent":["// extracted by mini-css-extract-plugin\nmodule.exports = {\"root\":\"author-list-module--root--1p3hD\",\"headline\":\"author-list-module--headline--2Fplz typography-module--base--3b7o6\",\"list\":\"author-list-module--list--zu1zx\",\"listItem\":\"author-list-module--listItem--1VB46\",\"avatar\":\"author-list-module--avatar--2Va-e\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"title\":\"blog-post-module--title--Lc3DC typography-module--responsiveTitle1--1tLTC\",\"mainImage\":\"blog-post-module--mainImage--1FS8k\",\"mainContent\":\"blog-post-module--mainContent--2fLr6\",\"metaContent\":\"blog-post-module--metaContent--2eVpD\",\"categories\":\"blog-post-module--categories--3MaID\",\"categoriesHeadline\":\"blog-post-module--categoriesHeadline--1RU2K typography-module--base--3b7o6\",\"metaContainer\":\"blog-post-module--metaContainer--1LV8d\",\"metaDetails\":\"blog-post-module--metaDetails--2wjLK\",\"blogTitle\":\"blog-post-module--blogTitle--1bA6I\",\"whoWhen\":\"blog-post-module--whoWhen--2L6Mv\",\"who\":\"blog-post-module--who--xzl78\",\"publishedAt\":\"blog-post-module--publishedAt--2HawB\",\"category\":\"blog-post-module--category--MN8lj\",\"sidebar\":\"blog-post-module--sidebar--2lffi\",\"share\":\"blog-post-module--share--3mbjU\",\"dataFeedShare\":\"blog-post-module--dataFeedShare--2AYBt\",\"sidebarContainer\":\"blog-post-module--sidebarContainer--2T64x\",\"sideGetStarted\":\"blog-post-module--sideGetStarted--tgIrk\",\"getStarted\":\"blog-post-module--getStarted--2mvT3\",\"formContainer\":\"blog-post-module--formContainer--1Et-i\",\"formImgBox\":\"blog-post-module--formImgBox--GmIwz\",\"wrapper\":\"blog-post-module--wrapper--2QVeA\",\"feed\":\"blog-post-module--feed--3rpLx\",\"shareLinks\":\"blog-post-module--shareLinks--2nTJb\",\"formContainerCentered\":\"blog-post-module--formContainerCentered--EXTVc\"};","import React from 'react'\nimport {buildImageObj} from '../lib/helpers'\nimport {imageUrlFor} from '../lib/image-url'\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(buildImageObj(author.image))\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","import { format, distanceInWords, differenceInDays } from \"date-fns\";\nimport React, { useState } from \"react\";\nimport { buildImageObj, cn } from \"../lib/helpers\";\nimport { imageUrlFor } from \"../lib/image-url\";\nimport PortableText from \"./portableText\";\nimport Container from \"./container\";\nimport AuthorList from \"./author-list\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { faFacebook, faTwitter, faLinkedinIn } from \"@fortawesome/free-brands-svg-icons\";\n\nimport styles from \"./blog-post.module.css\";\n\nfunction Tutorials(props) {\n  const { _rawBody, _rawExcerpt, authors, categories, title, mainImage, publishedAt } = props;\n  const [success, setSuccess] = useState(false);\n\n  const handleSubmit = (event) => {\n    event.preventDefault();\n    const form = new FormData(event.target);\n    const email = form.get(\"email\");\n    axios\n      .post(\"https://api.passiv.com/api/v1/emailsubscribe\", { email: email })\n      .then((response) => {\n        setSuccess(true);\n        console.log(\"success\", response);\n      })\n      .catch((error) => {\n        console.log(\"error\", error);\n      });\n  };\n\n  return (\n    <article className={styles.root}>\n      <Container>\n        <div className={styles.wrapper}>\n          <div className={styles.sidebar}>\n            <div className={styles.sidebarContainer}>\n              <div className={styles.share}>\n                <h2>Share</h2>\n                <a\n                  target=\"_blank\"\n                  href={`https://twitter.com/intent/tweet/?text=${title}&url=https://passiv.com/help/tutorials/${props.slug.current}%2F&via=getpassiv`}\n                >\n                  <FontAwesomeIcon icon={faTwitter} className={styles.icon} />\n                </a>\n                <a\n                  href={`https://www.facebook.com/sharer/sharer.php?u=https://passiv.com/help/tutorials/${props.slug.current}`}\n                  target=\"_blank\"\n                >\n                  <FontAwesomeIcon icon={faFacebook} className={styles.icon} />\n                </a>\n                <a\n                  href={`https://www.linkedin.com/shareArticle?mini=true&url=https://passiv.com/help/tutorials/${props.slug.current}&title=${title}&source=${title}`}\n                  target=\"_blank\"\n                >\n                  <FontAwesomeIcon icon={faLinkedinIn} className={styles.icon} />\n                </a>\n              </div>\n              <div className={styles.formContainer}>\n                <h2>Stay up to date</h2>\n\n                <form onSubmit={handleSubmit}>\n                  <label for=\"email\">\n                    Email\n                    <input id=\"email\" name=\"email\" required=\"\" type=\"email\" />\n                  </label>\n                  {success ? (\n                    <button type=\"submit\" disabled>\n                      Success\n                    </button>\n                  ) : (\n                    <button type=\"submit\">Get Updates</button>\n                  )}\n                </form>\n              </div>\n            </div>\n          </div>\n\n          <div className={styles.tutorialPost}>\n            <div className={styles.mainContent}>\n              <h1>{title}</h1>\n              {_rawBody && <PortableText blocks={_rawBody} />}\n            </div>\n          </div>\n        </div>\n      </Container>\n    </article>\n  );\n}\n\nexport default Tutorials;\n","import React from 'react'\nimport { graphql } from 'gatsby'\nimport Container from '../components/container'\nimport GraphQLErrorList from '../components/graphql-error-list'\nimport Tutorials from '../components/tutorials'\nimport SEO from '../components/seo'\nimport Layout from '../containers/layout'\nimport { toPlainText } from '../lib/helpers'\n\nexport const query = graphql`\n  query TutorialTemplateQuery($id: String!) {\n    tutorial: sanityTutorial(id: {eq: $id}) {\n      id\n      publishedAt\n      categories {\n        _id\n        title\n      }\n      title\n      mainImage {\n        ...SanityImage\n      }\n      postType\n      slug {\n        current\n      }\n      _rawExcerpt(resolveReferences: {maxDepth: 5})\n      _rawBody(resolveReferences: {maxDepth: 5})\n    }\n  }\n`\n\nconst TutorialTemplate = props => {\n    const { data, errors } = props\n    const tutorial = data && data.tutorial\n    return (\n        <Layout>\n            {errors && <SEO title='GraphQL Error' />}\n            {tutorial && <SEO title={tutorial.title || 'Untitled'} description={toPlainText(tutorial._rawExcerpt)} image={tutorial.mainImage} />}\n\n            {errors && (\n                <Container>\n                    <GraphQLErrorList errors={errors} />\n                </Container>\n            )}\n\n            {tutorial && <Tutorials {...tutorial} />}\n        </Layout>\n    )\n}\n\nexport default TutorialTemplate\n","import {graphql, StaticQuery} from 'gatsby'\nimport React, {useState} from 'react'\nimport Layout from '../components/layout'\nimport { saveReferralCode, saveTrackingCode } from '../lib/helpers';\n\nconst query = graphql`\n  query SiteTitleQuery {\n    site: sanitySiteSettings(_id: {regex: \"/(drafts.|)siteSettings/\"}) {\n      title\n    }\n  }\n`\n\nfunction LayoutContainer (props) {\n  const [showNav, setShowNav] = useState(false)\n\n  saveTrackingCode();\n  saveReferralCode();\n\n  function handleShowNav () {\n    setShowNav(true)\n  }\n  function handleHideNav () {\n    setShowNav(false)\n  }\n  return (\n    <StaticQuery\n      query={query}\n      render={data => {\n        if (!data.site) {\n          throw new Error(\n            'Missing \"Site settings\". Open the Studio at http://localhost:3333 and some content in \"Site settings\"'\n          )\n        }\n        return (\n          <Layout\n            {...props}\n            showNav={showNav}\n            siteTitle={data.site.title}\n            onHideNav={handleHideNav}\n            onShowNav={handleShowNav}\n          />\n        )\n      }}\n    />\n  )\n}\n\nexport default LayoutContainer\n","import React from 'react'\n\nconst GraphQLErrorList = ({errors}) => (\n  <div>\n    <h1>GraphQL Error</h1>\n    {errors.map(error => (\n      <pre key={error.message}>{error.message}</pre>\n    ))}\n  </div>\n)\n\nexport default GraphQLErrorList\n"],"sourceRoot":""}