{"version":3,"sources":["webpack:///./src/components/GuestDetails.tsx","webpack:///./src/components/GuestList.tsx","webpack:///./src/pages/guests.tsx"],"names":["GuestDetailPage","props","guest","style","flex","paddingHorizontal","text","to","position","flexDirection","minHeight","flexWrap","className","maxWidth","width","fontSize","fontWeight","color","size","socials","lineHeight","blocks","paddingVertical","background","episodes","borderRadius","backgroundColor","marginVertical","alignItems","href","height","marginRight","fixed","rel","target","minWidth","marginBottom","marginLeft","paddingTop","fluid","GuestListItem","display","textDecoration","padding","activeStyle","Boolean","item","guests","horizontal","title","keyExtractor","useCallback","e","data","renderItem","currentGuest","hasGuest","pageTitle","pageDescription","variationClass","description","src","margin","pointerEvents","alt"],"mappings":"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","file":"11-2d0947b3db0e8e02302f.js","sourcesContent":["import * as React from \"react\";\nimport { Text, View } from \"react-native\";\nimport { graphql, useStaticQuery } from \"gatsby\";\nimport { IGuestFull } from \"../types/guests\";\nimport BlockContent from \"@sanity/block-content-to-react\";\nimport { IEpisode } from \"../types/episodes\";\nimport EpisodeList from \"./EpisodeList\";\nimport Img from \"gatsby-image\";\nimport SocialLinks from \"./SocialLinks\";\nimport { BackToList } from \"./BackToList\";\n\nexport default function GuestDetailPage(props: {\n  guest: IGuestFull;\n  episodes: IEpisode[];\n}) {\n  const guest = props.guest;\n\n  if (!guest) {\n    return <Text>No Guest</Text>;\n  }\n  return (\n    <View\n      style={{\n        flex: 3,\n        paddingHorizontal: \"1em\",\n      }}\n    >\n      <BackToList text=\"Back to Guest List\" to=\"/guests\" position=\"top\" />\n\n      <View\n        style={{\n          flexDirection: \"row\",\n          minHeight: \"90vh\",\n          flexWrap: \"wrap-reverse\",\n        }}\n      >\n        <View\n          className=\"guest-details\"\n          style={{ maxWidth: \"100%\", width: \"60em\" }}\n        >\n          <Text style={{ fontSize: 48, fontWeight: \"bold\", color: \"#122B29\" }}>\n            {guest.name}{\" \"}\n            <SocialLinks\n              size={24}\n              socials={[...guest.website, ...guest.socials]}\n              color=\"rgba(237, 225, 173, 1) \"\n            />\n          </Text>\n          <Text style={{ fontSize: 18, lineHeight: 30 }}>\n            <BlockContent blocks={guest._rawBio} />\n          </Text>\n          <View style={{ paddingVertical: 32 }}>\n            <Text>They have been a guest on the following episodes:</Text>\n            <EpisodeList background episodes={props.episodes} />\n          </View>\n          <View\n            style={{\n              paddingVertical: \"2em\",\n              paddingHorizontal: \"2em\",\n              borderRadius: 16,\n              backgroundColor: \"rgba(237, 225, 173, 0.2)\",\n              marginVertical: \"2em\",\n            }}\n          >\n            <View\n              style={{\n                flexDirection: \"row\",\n                alignItems: \"center\",\n                flexWrap: \"wrap\",\n              }}\n            >\n              <a href={guest.organisations.website[0]}>\n                <Img\n                  style={{\n                    width: \"100px\",\n                    height: \"100px\",\n                    marginRight: \"2em\",\n                  }}\n                  fixed={props.guest.organisations.logo.asset.fixed}\n                />\n              </a>\n              <View style={{ maxWidth: \"100%\" }}>\n                <Text style={{ fontSize: 24, lineHeight: 36, width: \"100%\" }}>\n                  {guest.organisations.name}\n                </Text>\n                <Text>\n                  <a\n                    rel=\"no-follow\"\n                    target=\"blank\"\n                    href={guest.organisations.website[0]}\n                  >\n                    {guest.organisations.website[0]}\n                  </a>\n                </Text>\n              </View>\n            </View>\n            <Text style={{ fontSize: 18, lineHeight: 30, flex: 1 }}>\n              <BlockContent blocks={guest.organisations._rawBio} />\n            </Text>\n            <SocialLinks\n              size={24}\n              socials={[\n                ...guest.organisations.website,\n                ...guest.organisations.socials,\n              ]}\n              color=\"#333\"\n            />\n          </View>\n        </View>\n        <View\n          style={{\n            flex: 2,\n            paddingHorizontal: \"2em\",\n            minWidth: \"15%\",\n            marginBottom: \"2em\",\n            marginLeft: \"2em\",\n            paddingTop: \"5rem\",\n          }}\n        >\n          <Img\n            style={{ width: \"100%\", maxWidth: \"700px\", borderRadius: \"5px\" }}\n            fluid={props.guest.headshot.asset.fluid}\n          />\n        </View>\n\n        {/* <Text>{JSON.stringify(props.episodes)}</Text> */}\n      </View>\n      <BackToList text=\"Back to Guest List\" to=\"/guests\" position=\"bottom\" />\n    </View>\n  );\n}\n","import React, { useCallback } from \"react\";\nimport { FlatList, View, Text } from \"react-native\";\nimport { IGuest } from \"../types/guests\";\nimport Link from \"./Link\";\nimport Img from \"gatsby-image\";\n\nexport function GuestListItem({ guest }: { guest: IGuest }) {\n  return (\n    <Link\n      className=\"guest-list-item\"\n      to={`/guests/${guest.slug.current}`}\n      style={{\n        display: \"flex\",\n        flexDirection: \"row\",\n        textDecoration: \"none\",\n        padding: \"1em\",\n        borderRadius: \"0.5em\",\n        marginRight: \"1em\",\n      }}\n      activeStyle={{ background: \"rgba(237, 225, 173, 0.5)\" }}\n    >\n      <Img\n        style={{\n          width: \"50px\",\n          height: \"50px\",\n          borderRadius: \"25px\",\n          marginRight: \"1em\",\n        }}\n        fixed={guest.headshot.asset.fixed}\n      />\n      <Text\n        style={{\n          display: \"flex\",\n          flexDirection: \"column\",\n        }}\n      >\n        <Text style={{ flex: 1, fontSize: 24, width: \"100%\" }}>\n          {guest.name}\n        </Text>\n        <Text>{Boolean(guest.organisations) && guest.organisations.name}</Text>\n      </Text>\n    </Link>\n  );\n}\n\nfunction renderGuestListItem({ item }: { item: IGuest }) {\n  return <GuestListItem guest={item} />;\n}\n\nfunction GuestList({\n  guests = [],\n  horizontal = false,\n  background = false,\n  title = \"So far on the podcast we have spoken to the following lovely people:\",\n}: {\n  guests: IGuest[];\n  title?: string;\n  background?: boolean;\n  horizontal?: boolean;\n}) {\n  const keyExtractor = useCallback((e) => e.slug.current, []);\n  if (guests.length === 0) {\n    return null;\n  }\n  return (\n    <View\n      className={background ? \"main-list--background\" : \"main-list\"}\n      style={horizontal ? {} : { flex: 1, minWidth: \"20em\" }}\n    >\n      <View\n        style={{\n          paddingVertical: \"1rem\",\n          paddingHorizontal: background ? undefined : \"1rem\",\n        }}\n      >\n        <Text\n          style={{\n            width: \"100%\",\n            fontSize: 18,\n          }}\n        >\n          {title}\n        </Text>\n      </View>\n      <FlatList\n        horizontal={horizontal}\n        style={{ flex: 1, marginVertical: horizontal ? 0 : \"2rem\" }}\n        data={guests}\n        renderItem={renderGuestListItem}\n        keyExtractor={keyExtractor}\n      />\n    </View>\n  );\n}\n\nexport default GuestList;\n","import * as React from \"react\";\nimport { Text, View } from \"react-native\";\nimport EpisodeList from \"../components/EpisodeList\";\nimport { graphql } from \"gatsby\";\nimport { IEpisode } from \"../types/episodes\";\nimport { IGuest, IGuestFull } from \"../types/guests\";\nimport GuestDetailPage from \"../components/GuestDetails\";\nimport GuestList from \"../components/GuestList\";\nimport globeImage from \"../../assets/seagazing-globe.png\";\nimport SEO from \"../components/Seo\";\nimport WebLayout from \"../components/WebLayout\";\n\nfunction Guests({\n  data,\n}: {\n  data: {\n    sanityGuest: IGuestFull;\n    allSanityGuest: { nodes: IGuest[] };\n    allSanityEpisode: { nodes: IEpisode[] };\n  };\n}) {\n  const currentGuest = data.sanityGuest;\n  const hasGuest = Boolean(currentGuest);\n\n  const pageTitle = hasGuest ? `${currentGuest.name} | Guests` : `Guests`;\n  const pageDescription = hasGuest\n    ? `${currentGuest.name} has been a guest on our podcast, read more about them and find links to their work.`\n    : \"Learn more about the lovely guests we have had so far on the podcast.\";\n\n  return (\n    <WebLayout variationClass=\"wrap--guests\">\n      <View\n        className={hasGuest ? \"main-detail-open\" : \"main-detail-closed\"}\n        style={{ flex: 1, flexDirection: \"row\" }}\n      >\n        <SEO title={pageTitle} description={pageDescription} />\n        <GuestList guests={data.allSanityGuest.nodes} />\n        {hasGuest ? (\n          <GuestDetailPage\n            guest={currentGuest}\n            episodes={data.allSanityEpisode.nodes}\n          />\n        ) : (\n          <View className=\"main-detail\">\n            <img\n              src={globeImage}\n              style={{\n                margin: \"auto\",\n                maxWidth: \"35vw\",\n                // transform: \"scale(1.4)\",\n                pointerEvents: \"none\",\n              }}\n              alt=\"\"\n            />\n          </View>\n        )}\n      </View>\n    </WebLayout>\n  );\n}\n\nexport const query = graphql`\n  query($slug: String = \"\") {\n    allSanityGuest(sort: { fields: name }) {\n      nodes {\n        ...Guest\n      }\n    }\n    sanityGuest(slug: { current: { eq: $slug } }) {\n      ...GuestFull\n    }\n    allSanityEpisode(\n      filter: { guests: { elemMatch: { slug: { current: { eq: $slug } } } } }\n    ) {\n      nodes {\n        ...Episode\n      }\n    }\n  }\n`;\n\nexport default Guests;\n"],"sourceRoot":""}