{"version":3,"file":"component---src-pages-faq-js-f77b6e1c40734eacef56.js","mappings":"0MAwFMA,EAAUC,EAAAA,QAAAA,IAAAA,WAAH,wDAAGA,CAAH,qEAOPC,EAAWD,EAAAA,QAAAA,GAAAA,WAAH,yDAAGA,CAAH,0DAKd,UA7FkB,SAAC,GAAc,IAAZE,EAAW,EAAXA,KAEbC,EAAc,CAClBC,MAAO,CACLC,KAAM,YAAyB,IAAtBC,EAAqB,EAArBA,KAAMC,EAAe,EAAfA,SACLC,EAASF,EAATE,KACR,OACE,qBAAGA,KAAMA,EAAMC,OAAO,SAASC,IAAI,uBAChCH,KAKTI,MAAO,CACLC,MAAO,SAAAC,GACL,MAAyB,eAArBA,EAAMC,KAAKC,MACN,qBAAGC,UAAU,cAAcH,EAAMN,UAC5BU,IAAAA,mBAAAA,MAAAA,MAA4CJ,MAIhE,OACE,gCACE,gBAAC,IAAD,CAAKK,MAAM,QACX,gBAAC,IAAD,KACE,iCACChB,EAAKiB,uBAAuBC,MAAMC,KAAI,SAAAC,GAAQ,OAC7C,gBAAC,WAAD,CAAgBC,IAAKD,EAASE,IAC5B,sBACET,MAAO,CACLU,OAAQ,cACRC,MAAO,UACPC,SAAU,YAEXL,EAASJ,OAEXhB,EAAK0B,eAAeC,KAAKR,KACxB,SAAAS,GAAI,OACFA,EAAKR,SAASJ,QAAUI,EAASJ,OAC/B,gBAACnB,EAAD,CAASwB,IAAKO,EAAKC,MACjB,gBAAC9B,EAAD,KAAW6B,EAAKE,UAChB,gBAAC,IAAD,CACEC,OAAQH,EAAKI,WACb/B,YAAaA","sources":["webpack://gatsby-starter-default/./src/pages/faq.js"],"sourcesContent":["import React from 'react';\nimport { graphql } from 'gatsby';\nimport Seo from '../components/Seo';\nimport BlockContent from '@sanity/block-content-to-react';\nimport styled from 'styled-components';\nimport FadeTransition from '../components/fadeTransition';\n\nconst IndexPage = ({ data }) => {\n  // add target=blank for links\n  const serializers = {\n    marks: {\n      link: ({ mark, children }) => {\n        const { href } = mark;\n        return (\n          <a href={href} target='_blank' rel='noopener noreferrer'>\n            {children}\n          </a>\n        );\n      },\n    },\n    types: {\n      block: props => {\n        if (props.node.style === 'disclaimer') {\n          return <p className='disclaimer'>{props.children}</p>;\n        } else return BlockContent.defaultSerializers.types.block(props);\n      },\n    },\n  };\n  return (\n    <>\n      <Seo title='FAQ' />\n      <FadeTransition>\n        <h1>FAQ</h1>\n        {data.allSanityFaqCategories.nodes.map(category => (\n          <React.Fragment key={category.id}>\n            <h2\n              style={{\n                margin: '40px 0 16px',\n                color: '#771b61',\n                fontSize: '1.75rem',\n              }}>\n              {category.title}\n            </h2>\n            {data.sanityCampaign.faqs.map(\n              item =>\n                item.category.title === category.title && (\n                  <Wrapper key={item._key}>\n                    <Question>{item.question}</Question>\n                    <BlockContent\n                      blocks={item._rawAnswer}\n                      serializers={serializers}\n                    />\n                  </Wrapper>\n                )\n            )}\n          </React.Fragment>\n        ))}\n        {/* {data.sanityCampaign.faqs.map(item => (\n          <Wrapper key={item._id}>\n            <Question>{item.question}</Question>\n            <BlockContent blocks={item._rawAnswer} serializers={serializers} />\n          </Wrapper>\n        ))} */}\n      </FadeTransition>\n    </>\n  );\n};\n\nexport const query = graphql`\n  query FAQ {\n    sanityCampaign(_id: { eq: \"c0b30cde-9c45-489e-aab1-35b714d7c2e1\" }) {\n      faqs {\n        _key\n        _rawAnswer\n        question\n        category {\n          title\n        }\n      }\n    }\n    allSanityFaqCategories(sort: { order: ASC, fields: _createdAt }) {\n      nodes {\n        title\n        id\n      }\n    }\n  }\n`;\nconst Wrapper = styled.div`\n  margin: 8px 0 32px;\n  .disclaimer {\n    font-size: 0.75rem;\n    color: #666d70;\n  }\n`;\nconst Question = styled.h3`\n  font-weight: 600;\n  font-size: 1.25rem;\n  margin-bottom: 8px;\n`;\nexport default IndexPage;\n"],"names":["Wrapper","styled","Question","data","serializers","marks","link","mark","children","href","target","rel","types","block","props","node","style","className","BlockContent","title","allSanityFaqCategories","nodes","map","category","key","id","margin","color","fontSize","sanityCampaign","faqs","item","_key","question","blocks","_rawAnswer"],"sourceRoot":""}