{"version":3,"sources":["webpack:///./src/util.tsx","webpack:///./src/pages/media.tsx"],"names":["unwrapConnection","connection","edges","filter","Boolean","map","edge","node","unwrapFirst","first","Error","MediaPage","_ref","_data$prismicMediaPag","data","page","prismicMediaPage","mediaResourceNodes","allPrismicMediaResource","sort","a","b","_a$data$posted_at","_a$data","_b$data$posted_at","_b$data","posted_at","localeCompare","React","Layout","HelmetSeo","Section","HorizontalContainer","StyledPreHeading","pre_heading","StyledHeading","heading","StyledTiles","_ref2","MediaResourceTile","key","title","media","styled","h2","withConfig","displayName","componentId","h1","Color","darkBlue","div"],"mappings":"4FAYO,SAASA,EAAoBC,GAElC,QADeA,aAAU,EAAVA,EAAYC,QAAS,IAAIC,OAAOC,SAClCC,IAAKC,GAASA,aAAI,EAAJA,EAAMC,MAAMJ,OAAOC,SAGzC,SAASI,EAAeP,GAC7B,MAAMQ,EAAQT,EAAiBC,GAAY,GAC3C,IAAKQ,EACH,MAAM,IAAIC,MAAM,oDAElB,OAAOD,EAVT,qE,kCCXA,+GAiDe,SAASE,EAASC,GAAkB,IAAAC,EAAA,IAAjB,KAAEC,GAAaF,EAC/C,MAAMG,EAA4B,QAAxBF,EAAGC,EAAKE,wBAAgB,IAAAH,OAAA,EAArBA,EAAuBC,KACpC,IAAKC,EAAM,MAAM,IAAIL,MAAM,gBAE3B,MAAMO,EAAqBjB,YACzBc,EAAKI,yBACLC,KACA,CAACC,EAAGC,KAAC,IAAAC,EAAAC,EAAAC,EAAAC,EAAA,OACiE,GAAlD,QAAlBH,EAAO,QAAPC,EAACH,EAAEN,YAAI,IAAAS,OAAA,EAANA,EAAQG,iBAAS,IAAAJ,IAAI,IAAIK,cAA+B,QAAlBH,EAAO,QAAPC,EAACJ,EAAEP,YAAI,IAAAW,OAAA,EAANA,EAAQC,iBAAS,IAAAF,IAAI,MAGjE,OACEI,gBAACC,IAAM,KACLD,gBAACE,IAAcf,GAEfa,gBAACG,IAAO,KACNH,gBAACI,IAAmB,KAClBJ,gBAACK,EAAgB,KAAElB,EAAKmB,aACxBN,gBAACO,EAAa,KAAEpB,EAAKqB,SAErBR,gBAACS,EAAW,KACTpB,EAAmBZ,IAClBiC,IAAA,IAAC,KAAExB,GAAMwB,EAAA,OACPxB,GACEc,gBAACW,IAAiB,CAChBC,IAAG,GAAK1B,EAAK2B,MAAQ3B,EAAKY,UAC1BgB,MAAO5B,UAW3B,MAAMmB,EAAmBU,IAAOC,GAAEC,WAAA,CAAAC,YAAA,0BAAAC,YAAA,eAATJ,CAAS,kEAO5BR,EAAgBQ,IAAOK,GAAEH,WAAA,CAAAC,YAAA,uBAAAC,YAAA,eAATJ,CAAS,8DACpBM,IAAMC,UAMXb,EAAcM,IAAOQ,IAAGN,WAAA,CAAAC,YAAA,qBAAAC,YAAA,eAAVJ,CAAU","file":"component---src-pages-media-tsx-371a85281ef393aa2e63.js","sourcesContent":["type Maybe<T> = T | undefined;\n\ntype Connection<T> = {\n  edges: Maybe<\n    ReadonlyArray<\n      Maybe<{\n        node: T;\n      }>\n    >\n  >;\n};\n\nexport function unwrapConnection<T>(connection: Connection<T>): T[] {\n  const edges = (connection?.edges || []).filter(Boolean);\n  return edges.map((edge) => edge?.node).filter(Boolean) as T[];\n}\n\nexport function unwrapFirst<T>(connection: Connection<T>): T {\n  const first = unwrapConnection(connection)[0];\n  if (!first) {\n    throw new Error(\"Called unwrapFirst on a connection with no edges\");\n  }\n  return first;\n}\n","import { graphql } from \"gatsby\";\nimport * as React from \"react\";\nimport styled from \"styled-components\";\nimport { unwrapFirst, unwrapConnection } from \"../util\";\nimport {\n  Layout,\n  HelmetSeo,\n  HorizontalContainer,\n  Section,\n  MediaResourceTile,\n} from \"../components/legacy\";\nimport { Color } from \"../constants/legacy\";\n\ntype Props = {\n  data: GatsbyTypes.MediaPageQuery;\n};\n\nexport const query = graphql`\n  query MediaPage {\n    prismicMediaPage {\n      data {\n        pre_heading\n        heading\n\n        seo_title\n        seo_description\n        share_image {\n          alt\n          dimensions {\n            width\n            height\n          }\n          url\n        }\n      }\n    }\n\n    allPrismicMediaResource {\n      edges {\n        node {\n          data {\n            posted_at\n            ...MediaResourceTile\n          }\n        }\n      }\n    }\n  }\n`;\n\nexport default function MediaPage({ data }: Props) {\n  const page = data.prismicMediaPage?.data;\n  if (!page) throw new Error(\"page missing\");\n\n  const mediaResourceNodes = unwrapConnection(\n    data.allPrismicMediaResource\n  ).sort(\n    (a, b) =>\n      (a.data?.posted_at ?? \"\").localeCompare(b.data?.posted_at ?? \"\") * -1\n  );\n\n  return (\n    <Layout>\n      <HelmetSeo {...page} />\n\n      <Section>\n        <HorizontalContainer>\n          <StyledPreHeading>{page.pre_heading}</StyledPreHeading>\n          <StyledHeading>{page.heading}</StyledHeading>\n\n          <StyledTiles>\n            {mediaResourceNodes.map(\n              ({ data }) =>\n                data && (\n                  <MediaResourceTile\n                    key={`${data.title}${data.posted_at}`}\n                    media={data}\n                  />\n                )\n            )}\n          </StyledTiles>\n        </HorizontalContainer>\n      </Section>\n    </Layout>\n  );\n}\n\nconst StyledPreHeading = styled.h2`\n  color: #808080;\n  font-weight: 500;\n  font-size: 18px;\n  margin: 0 0 5px;\n`;\n\nconst StyledHeading = styled.h1`\n  color: ${Color.darkBlue};\n  font-size: 40px;\n  font-weight: 700;\n  margin: 0 0 50px;\n`;\n\nconst StyledTiles = styled.div`\n  display: flex;\n  flex-wrap: wrap;\n  margin: 80px -10px;\n`;\n"],"sourceRoot":""}