{"version":3,"file":"component---src-templates-blip-js-4bedad10c905ef3b895d.js","mappings":"gQAIA,SAASA,GAAQ,KAAEC,IACjB,OACEC,EAAAA,cAAA,OAAKC,UAAU,aAAa,aAAW,eACrCD,EAAAA,cAAA,UACEA,EAAAA,cAAA,UACEA,EAAAA,cAACE,EAAAA,KAAI,CAACC,GAAG,4BAA2B,4BAEtCH,EAAAA,cAAA,UACEA,EAAAA,cAACE,EAAAA,KAAI,CACHC,GAAI,4BAA4BJ,EAAKK,SAASC,OAC9C,eAAa,QAEZN,EAAKK,SAASE,QAGnBN,EAAAA,cAAA,MAAIC,UAAU,aACZD,EAAAA,cAAA,KAAGO,KAAK,IAAI,eAAa,QACtBR,EAAKO,SAMlB,CACAR,EAAQU,UAAY,CAClBT,KAAMU,IAAAA,QAER,QC3BA,SAASC,GAAW,KAAEX,IACpB,OACEC,EAAAA,cAACW,EAAAA,GAAAA,OAAc,CAACV,UAAU,4BACxBD,EAAAA,cAAA,UAAI,eACJA,EAAAA,cAAA,SACEA,EAAAA,cAAA,QACEC,UAAW,wCAAwCF,EAAKa,YAAYN,MAAMO,gBAC1EP,MAAOP,EAAKa,YAAYE,aAEvBf,EAAKa,YAAcb,EAAKa,YAAYN,MAAQ,IACxC,KACCP,EAAKa,YAAYE,aAIjC,CACAJ,EAAWF,UAAY,CACrBT,KAAMU,IAAAA,QAER,QCnBA,SAASM,GAAY,KAAEhB,IACrB,OACEC,EAAAA,cAACW,EAAAA,GAAAA,OAAc,CAACV,UAAU,gBACxBD,EAAAA,cAAA,MAAIC,UAAU,IAAIF,EAAKK,SAASE,OAChCN,EAAAA,cAAA,MAAIC,UAAU,qBAAqBF,EAAKO,OACvCP,EAAKa,YACJZ,EAAAA,cAAA,QACEC,UAAW,wCAAwCF,EAAKa,YAAYN,MAAMO,gBAC1EP,MAAOP,EAAKa,YAAYE,aAEvBf,EAAKa,YAAcb,EAAKa,YAAYN,MAAQ,IAG/CN,EAAAA,cAAA,aAEFA,EAAAA,cAAA,WACAA,EAAAA,cAAA,WACAA,EAAAA,cAAA,OACEC,UAAU,UACVe,wBAAyB,CACvBC,OAAQlB,EAAKmB,SAASC,oBAAoBC,QAKpD,CACAL,EAAYP,UAAY,CACtBT,KAAMU,IAAAA,QAGR,QCrBA,SAASY,GAAOC,MAAM,KAAEvB,KACtB,OACEC,EAAAA,cAACuB,EAAAA,EAAM,KACLvB,EAAAA,cAACwB,EAAAA,EAAO,CAACC,UAAQ,IACjBzB,EAAAA,cAAC0B,EAAAA,GAAO,KACN1B,EAAAA,cAACW,EAAAA,GAAO,CAACV,UAAU,eACjBD,EAAAA,cAACW,EAAAA,GAAAA,OAAc,CAACV,UAAU,QACxBD,EAAAA,cAACF,EAAO,CAACC,KAAMA,IACfC,EAAAA,cAACW,EAAAA,GAAO,KACNX,EAAAA,cAACe,EAAW,CAAChB,KAAMA,IACnBC,EAAAA,cAACU,EAAU,CAACX,KAAMA,QAOhC,CCnBO,SAAS4B,GAAOL,MAAM,KAAEvB,KAC7B,OACEC,EAAAA,cAAAA,EAAAA,SAAA,KACEA,EAAAA,cAAA,aACG,GAAGD,EAAKO,WAAWP,EAAKK,SAASE,iDAEpCN,EAAAA,cAAA,QACE4B,KAAK,QACLC,QAAS,GAAG9B,EAAKO,WAAWP,EAAKK,SAASE,kDAE5CN,EAAAA,cAAA,QACE4B,KAAK,cACLC,QAAS9B,EAAKmB,SAASC,oBAAoBW,UAE7C9B,EAAAA,cAAA,QACE+B,SAAS,WACTF,QAAS,GAAG9B,EAAKO,WAAWP,EAAKK,SAASE,kDAE5CN,EAAAA,cAAA,QACE+B,SAAS,iBACTF,QAAS9B,EAAKmB,SAASC,oBAAoBW,UAE7C9B,EAAAA,cAAA,QAAM+B,SAAS,UAAUF,QAAQ,YACjC7B,EAAAA,cAAA,QACE+B,SAAS,WACTF,QACE,8GAGJ7B,EAAAA,cAAA,QACE4B,KAAK,gBACLC,QAAS,GAAG9B,EAAKO,WAAWP,EAAKK,SAASE,kDAE5CN,EAAAA,cAAA,QACE4B,KAAK,sBACLC,QAAS9B,EAAKmB,SAASC,oBAAoBW,UAE7C9B,EAAAA,cAAA,QAAM4B,KAAK,eAAeC,QAAQ,oBAClC7B,EAAAA,cAAA,QAAM4B,KAAK,eAAeC,QAAQ,wBAClC7B,EAAAA,cAAA,QACE4B,KAAK,gBACLC,QACE,8GAKV,CD3BAR,EAAKb,UAAY,CACfc,KAAMb,IAAAA,QC4BR,MDzBA,C","sources":["webpack://pocketworks/./src/routes/templates/blip/components/blip-nav/BlipNav.js","webpack://pocketworks/./src/routes/templates/blip/components/our-opinion/OurOpinion.js","webpack://pocketworks/./src/routes/templates/blip/components/blip-content/BlipContent.js","webpack://pocketworks/./src/routes/templates/blip/Blip.js","webpack://pocketworks/./src/templates/blip.js"],"sourcesContent":["import PropTypes from 'prop-types'\nimport React from 'react'\nimport { Link } from 'gatsby'\n\nfunction BlipNav({ blip }) {\n  return (\n    <nav className=\"breadcrumb\" aria-label=\"breadcrumbs\">\n      <ul>\n        <li>\n          <Link to=\"/mobile-technology-radar\">Mobile Technology Radar</Link>\n        </li>\n        <li>\n          <Link\n            to={`/mobile-technology-radar/${blip.category.slug}`}\n            aria-current=\"page\"\n          >\n            {blip.category.title}\n          </Link>\n        </li>\n        <li className=\"is-active\">\n          <a href=\"#\" aria-current=\"page\">\n            {blip.title}\n          </a>\n        </li>\n      </ul>\n    </nav>\n  )\n}\nBlipNav.propTypes = {\n  blip: PropTypes.object,\n}\nexport default BlipNav\n","import PropTypes from 'prop-types'\nimport React from 'react'\nimport { Columns } from 'react-bulma-components'\n\nfunction OurOpinion({ blip }) {\n  return (\n    <Columns.Column className=\"is-3 is-offset-1 content\">\n      <h4>Our opinion</h4>\n      <p>\n        <span\n          className={`tag is-medium is-rounded is-outlined ${blip.radarstatus.title.toLowerCase()}`}\n          title={blip.radarstatus.description}\n        >\n          {blip.radarstatus ? blip.radarstatus.title : ''}\n        </span>\n        &nbsp; {blip.radarstatus.description}\n      </p>\n    </Columns.Column>\n  )\n}\nOurOpinion.propTypes = {\n  blip: PropTypes.object,\n}\nexport default OurOpinion\n","import PropTypes from 'prop-types'\nimport React from 'react'\nimport { Columns } from 'react-bulma-components'\n\nfunction BlipContent({ blip }) {\n  return (\n    <Columns.Column className=\"is-8 content\">\n      <h3 className=\"\">{blip.category.title}</h3>\n      <h1 className=\"is-top-marginless\">{blip.title}</h1>\n      {blip.radarstatus ? (\n        <span\n          className={`tag is-medium is-rounded is-outlined ${blip.radarstatus.title.toLowerCase()}`}\n          title={blip.radarstatus.description}\n        >\n          {blip.radarstatus ? blip.radarstatus.title : ''}\n        </span>\n      ) : (\n        <span />\n      )}\n      <br />\n      <br />\n      <div\n        className=\"content\"\n        dangerouslySetInnerHTML={{\n          __html: blip.bodyNode.childMarkdownRemark.html,\n        }}\n      />\n    </Columns.Column>\n  )\n}\nBlipContent.propTypes = {\n  blip: PropTypes.object,\n}\n\nexport default BlipContent\n","import PropTypes from 'prop-types'\nimport React from 'react'\nimport { Section, Columns } from 'react-bulma-components'\n\n// Componnets\nimport SiteNav from 'components/navbar'\nimport Layout from 'components/layout'\n\n// Page Componnets\nimport BlipNav from './components/blip-nav'\nimport OurOpinion from './components/our-opinion'\nimport BlipContent from './components/blip-content'\n\nfunction Blip({ data: { blip } }) {\n  return (\n    <Layout>\n      <SiteNav fullLogo />\n      <Section>\n        <Columns className=\"is-centered\">\n          <Columns.Column className=\"is-9\">\n            <BlipNav blip={blip} />\n            <Columns>\n              <BlipContent blip={blip} />\n              <OurOpinion blip={blip} />\n            </Columns>\n          </Columns.Column>\n        </Columns>\n      </Section>\n    </Layout>\n  )\n}\nBlip.propTypes = {\n  data: PropTypes.object,\n}\n\nexport default Blip\n","/* eslint-disable react/prop-types */\nimport React from 'react'\nimport { graphql } from 'gatsby'\n\n// Meta Component\n// import Meta from 'components/Meta'\n\n// Blip Route\nimport Blip from 'routes/templates/blip'\n\n// Gatsby SEO Head\nexport function Head({ data: { blip } }) {\n  return (\n    <>\n      <title>\n        {`${blip.title} | ${blip.category.title} | Mobile Technology Radar | Pocketworks`}\n      </title>\n      <meta\n        name=\"title\"\n        content={`${blip.title} | ${blip.category.title} | Mobile Technology Radar | Pocketworks`}\n      />\n      <meta\n        name=\"description\"\n        content={blip.bodyNode.childMarkdownRemark.excerpt}\n      />\n      <meta\n        property=\"og:title\"\n        content={`${blip.title} | ${blip.category.title} | Mobile Technology Radar | Pocketworks`}\n      />\n      <meta\n        property=\"og:description\"\n        content={blip.bodyNode.childMarkdownRemark.excerpt}\n      />\n      <meta property=\"og:type\" content=\"article\" />\n      <meta\n        property=\"og:image\"\n        content={\n          'https://www.datocms-assets.com/20955/1583318289-mobile-technology-radar.jpg?w=1000&amp;fit=max&amp;fm=jpg'\n        }\n      />\n      <meta\n        name=\"twitter:title\"\n        content={`${blip.title} | ${blip.category.title} | Mobile Technology Radar | Pocketworks`}\n      />\n      <meta\n        name=\"twitter:description\"\n        content={blip.bodyNode.childMarkdownRemark.excerpt}\n      />\n      <meta name=\"twitter:site\" content=\"@thepocketworks\" />\n      <meta name=\"twitter:card\" content=\"summary_large_image\" />\n      <meta\n        name=\"twitter:image\"\n        content={\n          'https://www.datocms-assets.com/20955/1583318289-mobile-technology-radar.jpg?w=1000&amp;fit=max&amp;fm=jpg'\n        }\n      />\n    </>\n  )\n}\n\nexport default Blip\n\nexport const query = graphql`\n  query BlipQuery($slug: String!) {\n    blip: datoCmsRadarBlip(slug: { eq: $slug }) {\n      seoMetaTags {\n        ...GatsbyDatoCmsSeoMetaTags\n      }\n      title\n      slug\n      fontAwesomeId\n      meta {\n        updatedAt(formatString: \"MMMM D, YYYY\")\n      }\n      bodyNode {\n        childMarkdownRemark {\n          html\n          timeToRead\n          excerpt\n        }\n      }\n      radarstatus {\n        title\n        description\n      }\n      category {\n        title\n        slug\n        description\n      }\n    }\n  }\n`\n"],"names":["BlipNav","blip","React","className","Link","to","category","slug","title","href","propTypes","PropTypes","OurOpinion","Columns","radarstatus","toLowerCase","description","BlipContent","dangerouslySetInnerHTML","__html","bodyNode","childMarkdownRemark","html","Blip","data","Layout","SiteNav","fullLogo","Section","Head","name","content","excerpt","property"],"sourceRoot":""}