{"version":3,"sources":["webpack:///./src/pages/for-patients/resources.js","webpack:///./src/components/ButtonLarge.js","webpack:///./src/slices/ButtonList.js","webpack:///./src/slices/Summary.js","webpack:///./src/components/TapaPatternFill.js"],"names":["ResourcesPage","data","page","groups","markdown","pb","maxWidth","group","Button","key","to","mapIndexed","index","id","heading","descriptionMarkdown","content","Accordion","ButtonLarge","children","props","as","Link","bg","display","p","alignItems","color","flex","fontFamily","fontSize","fontWeight","lineHeight","mr","textStyle","svg","IconTriangleRight","x","y","fill","width","ButtonList","BoundedBox","Heading","mb","textAlign","columns","target","boxStyle","Summary","position","map","h1","TapaPatternFill","backgroundImage","backgroundSize","bottom","left","opacity","right","top"],"mappings":"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","file":"component---src-pages-for-patients-resources-js-5dd1526c422ef63e86c3.js","sourcesContent":["import React from 'react'\nimport Helmet from 'react-helmet'\nimport { graphql } from 'gatsby'\nimport { get, map, size } from 'lodash/fp'\nimport { mapIndexed } from 'helpers'\n\nimport { Layout } from 'src/components/Layout'\nimport { MarkdownContent } from 'src/components/MarkdownContent'\n\nimport { AccordionList } from 'src/slices/AccordionList'\nimport { ButtonList } from 'src/slices/ButtonList'\nimport { PageTitle } from 'src/slices/PageTitle'\nimport { Summary } from 'src/slices/Summary'\n\nconst ResourcesPage = ({ data }) => {\n  const page = get('file.childMarkdownRemark', data)\n  const groups = get('frontmatter.groups', page)\n\n  return (\n    <Layout>\n      <Helmet>\n        <title>{get('frontmatter.title', page)}</title>\n      </Helmet>\n      <PageTitle>{get('frontmatter.title', page)}</PageTitle>\n      <Summary markdown={get('frontmatter.description', page)} />\n      <ButtonList pb={0} maxWidth=\"medium\">\n        {map(\n          group => (\n            <ButtonList.Button\n              key={get('path', group)}\n              to={`#${get('path', group)}`}\n            >\n              {get('title', group)}\n            </ButtonList.Button>\n          ),\n          groups\n        )}\n      </ButtonList>\n      {mapIndexed(\n        ([index, group]) => (\n          <AccordionList\n            key={get('path', group)}\n            id={get('path', group)}\n            heading={get('title', group)}\n            descriptionMarkdown={get('description', group)}\n            pb={index >= size(groups) - 1 ? [6, 10] : 0}\n          >\n            {map(\n              content => (\n                <AccordionList.Accordion heading={get('title', content)}>\n                  <MarkdownContent markdown={get('content', content)} />\n                </AccordionList.Accordion>\n              ),\n              get('contents', group)\n            )}\n          </AccordionList>\n        ),\n        groups\n      )}\n    </Layout>\n  )\n}\n\nexport default ResourcesPage\n\nexport const query = graphql`\n  query ResourcesPage {\n    file(relativePath: { eq: \"customPages/resources.md\" }) {\n      childMarkdownRemark {\n        frontmatter {\n          title\n          description\n          groups {\n            title\n            path\n            description\n            contents {\n              title\n              content\n            }\n          }\n        }\n      }\n    }\n  }\n`\n","import React from 'react'\n\nimport { Flex, Text, Button as ButtonBase, Link, SVG } from 'system'\nimport { IconTriangleRight } from 'src/components/IconTriangleRight'\n\nexport const ButtonLarge = ({ children, ...props }) => (\n  <ButtonBase as={Link} bg=\"sandLight\" display=\"block\" p={3} {...props}>\n    <Flex alignItems=\"center\">\n      <Text\n        as=\"span\"\n        color=\"teal\"\n        flex=\"1 1 auto\"\n        fontFamily=\"sansCond\"\n        fontSize={['medium', 'midLarge']}\n        fontWeight=\"bold\"\n        lineHeight=\"title\"\n        mr={3}\n        textStyle=\"smallCaps\"\n      >\n        {children}\n      </Text>\n      <SVG\n        svg={IconTriangleRight}\n        x={1}\n        y={2}\n        fill=\"yellow\"\n        width=\"0.75rem\"\n        flex=\"0 0 auto\"\n      />\n    </Flex>\n  </ButtonBase>\n)\n","import React from 'react'\n\nimport { Box } from 'system'\nimport { BoundedBox } from 'src/components/BoundedBox'\nimport { ButtonLarge } from 'src/components/ButtonLarge'\nimport { Heading } from 'src/components/Heading'\n\nconst Button = ({ children, to, target, ...props }) => (\n  <Box\n    as=\"li\"\n    mb={[2, 3]}\n    boxStyle=\"lastNoMargin\"\n    css={`\n      break-inside: avoid;\n    `}\n    {...props}\n  >\n    <ButtonLarge to={to} target={target}>\n      {children}\n    </ButtonLarge>\n  </Box>\n)\n\nexport const ButtonList = ({ heading, children, ...props }) => (\n  <BoundedBox as=\"section\" color=\"teal\" {...props}>\n    {heading && (\n      <Heading mb={4} textAlign=\"center\">\n        {heading}\n      </Heading>\n    )}\n    <Box\n      as=\"ul\"\n      columns={[null, 2]}\n      mb={[-2, -3]}\n      css={`\n        column-gap: 2rem;\n      `}\n    >\n      {children}\n    </Box>\n  </BoundedBox>\n)\n\nButtonList.Button = Button\n","import React from 'react'\n\nimport { Subheading } from 'src/components/Subheading'\nimport { BoundedBox } from 'src/components/BoundedBox'\nimport { MarkdownContent } from 'src/components/MarkdownContent'\nimport { TapaPatternFill } from 'src/components/TapaPatternFill'\n\nexport const Summary = ({ children, markdown, ...props }) => {\n  return (\n    <BoundedBox\n      as=\"section\"\n      bg=\"teal\"\n      color=\"white\"\n      maxWidth=\"large\"\n      position=\"relative\"\n      {...props}\n    >\n      <TapaPatternFill />\n      {children || (\n        <MarkdownContent\n          markdown={markdown}\n          map={{\n            h1: props => (\n              <Subheading as=\"h3\" color=\"yellow\" mb={2} {...props} />\n            ),\n          }}\n          fontSize={['midLarge', 'large']}\n          fontWeight={['normal', 'light']}\n          lineHeight=\"copy\"\n          textAlign=\"center\"\n          position=\"relative\"\n        />\n      )}\n    </BoundedBox>\n  )\n}\n","import React from 'react'\n\nimport { Box } from 'system'\n\nexport const TapaPatternFill = props => (\n    <Box\n        backgroundImage='url(\"/images/tapa-reverse.svg\")'\n        backgroundSize=\"10rem\"\n        bottom={0}\n        left={0}\n        opacity={0.075}\n        position=\"absolute\"\n        right={0}\n        top={0}\n        css={`\n            pointer-events: none;\n        `}\n        {...props}\n    />\n)\n"],"sourceRoot":""}