{"version":3,"file":"static/js/830.63ee05b6.chunk.js","mappings":"uSAQMA,GAAsBC,EAAAA,EAAAA,IAAiBC,IAAAA,GAAAC,EAAAA,EAAAA,GAAA,iaAoB9B,SAASC,EAASC,GAC7B,IAAQC,EAAyBD,EAAzBC,UAASC,EAAgBF,EAAdG,KAAAA,OAAI,IAAAD,EAAG,GAAEA,EAC5BE,GAAoCC,EAAAA,EAAAA,UAAS,IAAGC,GAAAC,EAAAA,EAAAA,GAAAH,EAAA,GAAzCI,EAAUF,EAAA,GAAEG,EAAaH,EAAA,GAehC,OAbAI,EAAAA,EAAAA,YAAU,WACFV,EAAMW,QACNC,KAAOC,EAAAA,EAAAA,IAAAC,EAAAA,EAAAA,KAAAC,MAAC,SAAAC,IAAA,IAAAC,EAAA,OAAAH,EAAAA,EAAAA,KAAAI,MAAA,SAAAC,GAAA,cAAAA,EAAAC,KAAAD,EAAAE,MAAA,cAAAF,EAAAC,KAAA,EAAAD,EAAAE,KAAA,EAEuBC,MAAMtB,EAAMW,QAAQ,KAAD,EAC7B,OADPM,EAAQE,EAAAI,KAAAJ,EAAAK,GACdf,EAAaU,EAAAE,KAAA,EAAOJ,EAASd,OAAM,OAAAgB,EAAAM,GAAAN,EAAAI,MAAA,EAAAJ,EAAAK,IAAAL,EAAAM,IAAAN,EAAAE,KAAA,iBAAAF,EAAAC,KAAA,GAAAD,EAAAO,GAAAP,EAAA,SAEnCV,EAAc,gCAADkB,OAAAR,EAAAO,KAA0C,yBAAAP,EAAAS,OAAA,GAAAZ,EAAA,mBAIvE,GAAG,CAAChB,EAAMW,UAGNkB,EAAAA,EAAAA,MAAAC,EAAAA,SAAA,CAAAC,SAAA,EACIC,EAAAA,EAAAA,KAACrC,EAAmB,KACpBqC,EAAAA,EAAAA,KAACC,EAAAA,EAAa,CACVhC,UAAWiC,IAAW,WAAYjC,GAClC8B,SAAUvB,GAAcL,MAIxC,C","sources":["ui/Markdown.jsx"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport { createGlobalStyle } from 'styled-components';\nimport ReactMarkdown from 'react-markdown';\n\nimport classNames from 'classnames';\n\nimport attempt from 'lodash/attempt';\n\nconst GlobalMarkdownStyle = createGlobalStyle`\n  .markdown {\n    h1 { font-size: 2rem; }\n    h2 { font-size: 1.75rem; }\n    h3 { font-size: 1.5rem; }\n    h4 { font-size: 1.25rem }\n    h5 { font-size: 1rem; }\n    h6 { font-size: 1rem; font-style: italic; }\n    h1, h2, h3 { margin-top: 3rem; }\n    h4 { margin-top: 1.5rem; }\n    h5 { margin-top: 1rem; }\n\n    ul, ol {\n      p + ul, p + ol {\n        margin-bottom: 1rem;\n      }\n    }\n  }\n`;\n\nexport default function Markdown(props) {\n    const { className, text = '' } = props;\n    const [sourceText, setSourceText] = useState('');\n\n    useEffect(() => {\n        if (props.source) {\n            attempt(async () => {\n                try {\n                    const response = await fetch(props.source);\n                    setSourceText(await response.text());\n                } catch (error) {\n                    setSourceText(`Could not load text because: ${error}`);\n                }\n            });\n        }\n    }, [props.source]);\n\n    return (\n        <>\n            <GlobalMarkdownStyle/>\n            <ReactMarkdown\n                className={classNames('markdown', className)}\n                children={sourceText || text}\n            />\n        </>\n    );\n}\n"],"names":["GlobalMarkdownStyle","createGlobalStyle","_templateObject","_taggedTemplateLiteral","Markdown","props","className","_props$text","text","_useState","useState","_useState2","_slicedToArray","sourceText","setSourceText","useEffect","source","attempt","_asyncToGenerator","_regeneratorRuntime","mark","_callee","response","wrap","_context","prev","next","fetch","sent","t0","t1","t2","concat","stop","_jsxs","_Fragment","children","_jsx","ReactMarkdown","classNames"],"sourceRoot":""}