{"version":3,"sources":["webpack:///./src/pages/tou.js","webpack:///./src/files/afp-tou.pdf"],"names":["isBrowser","window","_ref","data","numPages","setNumPages","useState","windowWidth","setWindowWidth","useEffect","pdfjs","GlobalWorkerOptions","workerSrc","version","innerWidth","handleResize","addEventListener","removeEventListener","calculaePdfWidth","React","createElement","Fragment","GlobalStyle","PageContainer","Img","className","fluid","datoCmsPrivacy","cover","Link","to","style","width","Document","file","mypdf","onLoadSuccess","_ref2","_toConsumableArray","Array","map","_","index","Page","pageNumber","key","renderAnnotationLayer","renderMode","module","exports"],"mappings":"oOASA,MAAMA,EAA8B,oBAAXC,OAEVC,cAAe,IAAd,KAAEC,GAAMD,EACtB,MAAM,EAACE,EAAS,EAACC,GAAeC,mBAAS,OACnC,EAACC,EAAY,EAACC,GAAkBF,mBAAS,KAE/CG,oBAAU,KACJT,IACFU,IAAMC,oBAAoBC,UAAS,iDAAoDF,IAAMG,QAAO,iBACpGL,EAAeP,OAAOa,aAGxB,MAAMC,EAAeA,KACff,GACFQ,EAAeP,OAAOa,aAQ1B,OAJId,GACFC,OAAOe,iBAAiB,SAAUD,GAG7B,KACDf,GACFC,OAAOgB,oBAAoB,SAAUF,KAGxC,IAEH,MAIMG,EAAmBA,IACnBX,GAAe,IACI,IAAdA,EAGLA,EAAc,IACT,IAGFA,EAGT,OACEY,IAAAC,cAAAD,IAAAE,SAAA,KACEF,IAAAC,cAACE,IAAW,MACZH,IAAAC,cAACG,IAAa,KACZJ,IAAAC,cAACI,IAAG,CAACC,UAAU,QAAQC,MAAOvB,EAAKwB,eAAeC,MAAMF,QACxDP,IAAAC,cAAA,OAAKK,UAAU,eACbN,IAAAC,cAACS,IAAI,CAACC,GAAG,KAAI,WACbX,IAAAC,cAAA,OAAKK,UAAU,cAAcM,MAAO,CAAEC,MAAOd,OAC5B,IAAdlB,GACCmB,IAAAC,cAACa,IAAQ,CAACC,KAAMC,IAAOC,cAzBLC,IAAmB,IAAlB,SAAEjC,GAAUiC,EACzChC,EAAYD,KAyBCkC,YAAIC,MAAMnC,IAAWoC,IAAI,CAACC,EAAGC,IAE5BvB,IAAAC,cAACuB,IAAI,CAACC,WAAYF,EAAQ,EACxBG,IAAMH,EACNI,uBAAuB,EACvBC,WAAW,MACXtB,UAAU,OACVO,MAAOd,c,qBCvE3B8B,EAAOC,QAAU,IAA0B","file":"component---src-pages-tou-js-a8276ca289e37505040e.js","sourcesContent":["import React, { useState, useEffect } from 'react';\nimport { Link } from 'gatsby';\nimport { graphql } from 'gatsby';\nimport Img from 'gatsby-image';\nimport { Document, Page, pdfjs } from 'react-pdf';\n\nimport { PageContainer } from '../styles/pages.css';\nimport { GlobalStyle } from '../styles/common.css';\nimport mypdf from \"../files/afp-tou.pdf\";\nconst isBrowser = typeof window !== \"undefined\"\n\nexport default ({ data }) => {\n  const [numPages, setNumPages] = useState(null);\n  const [windowWidth, setWindowWidth] = useState(440);\n\n  useEffect(() => {\n    if (isBrowser) {\n      pdfjs.GlobalWorkerOptions.workerSrc = `https://cdnjs.cloudflare.com/ajax/libs/pdf.js/${pdfjs.version}/pdf.worker.js`;\n      setWindowWidth(window.innerWidth);\n    }\n\n    const handleResize = () => {\n      if (isBrowser) {\n        setWindowWidth(window.innerWidth);\n      }\n    };\n\n    if (isBrowser) {\n      window.addEventListener(\"resize\", handleResize);\n    }\n\n    return () => {\n      if (isBrowser) {\n        window.removeEventListener(\"resize\", handleResize);\n      }\n    };\n  }, []);\n\n  const onDocumentLoadSuccess = ({ numPages }) => {\n    setNumPages(numPages);\n  }\n\n  const calculaePdfWidth = () => {\n    if (windowWidth <= 440) {\n      return windowWidth * 0.85;\n    }\n\n    if (windowWidth > 850) {\n      return 850;\n    }\n\n    return windowWidth;\n  }\n\n  return (\n    <>\n      <GlobalStyle />\n      <PageContainer>\n        <Img className=\"cover\" fluid={data.datoCmsPrivacy.cover.fluid} />\n        <div className=\"pdf-content\">\n          <Link to=\"/\"> ⬅ Back</Link>\n          <div className=\"pdf-wrapper\" style={{ width: calculaePdfWidth() }}>\n            {isBrowser === true &&\n              <Document file={mypdf} onLoadSuccess={onDocumentLoadSuccess} >\n                {[...Array(numPages)].map((_, index) => (\n\n                  <Page pageNumber={index + 1}\n                    key={(index)}\n                    renderAnnotationLayer={false}\n                    renderMode=\"svg\"\n                    className=\"page\"\n                    width={calculaePdfWidth()}\n                  />\n                ))}\n              </Document>\n            }\n          </div>\n        </div>\n\n      </PageContainer>\n    </>\n  );\n};\n\nexport const query = graphql`\n  query {\n    datoCmsPrivacy {\n      cover {\n        url\n        fluid(maxWidth: 2000, imgixParams: { fm: \"jpg\", auto: \"compress\" }) {\n          ...GatsbyDatoCmsSizes\n        }\n      }\n      title\n      subtitle\n      bodyNode {\n        childMarkdownRemark {\n          html\n        }\n      }\n    }\n  }\n`;\n","module.exports = __webpack_public_path__ + \"static/afp-tou-0a62ffbc103fa6896ee535afbeb2c149.pdf\";"],"sourceRoot":""}