{"version":3,"file":"component---src-pages-insights-tsx-f23440d67d203ba4fbf2.js","mappings":"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","sources":["webpack://gravitywell-website-2019/./src/components/insights-teaser/insights-teaser.tsx","webpack://gravitywell-website-2019/./src/pages/insights.tsx"],"sourcesContent":["import moment from \"moment\";\nimport React from \"react\";\n\nimport {\n  IFluid,\n  ILocalFile\n} from \"src/types/local-files\";\n\nimport styled from \"../../theme/styled\";\nimport {\n  colourHelper,\n  fontLineHeightHelper,\n  fontSizeHelper,\n  fontSpaceHelper,\n  fontWeightHelper\n} from \"../../theme/theme-helper\";\nimport { SmallColumnWidthWrapper } from \"../confines-wrappers\";\nimport DynamicImage from \"../dynamic-image\";\nimport { ISimpleTag } from \"../full-width-teaser/full-width-teaser\";\nimport Link from \"../link\";\nimport Wysiwyg from \"../wysiwyg\";\n\ninterface IInsightsTeaser {\n  title: string;\n  path: string;\n  cover: ILocalFile<IFluid>;\n  alt: string;\n  author: string;\n  excerpt: string;\n  created: string;\n  tags?: ISimpleTag[];\n}\n\nconst InsightsTeaserContainer = styled(SmallColumnWidthWrapper)`\n  transition: 0.2s ease-in-out;\n  position: relative;\n\n  .insights-teaser-wrapper {\n    transition: 0.2s ease-in-out;\n    position: relative;\n\n    * {\n      margin-bottom: 0;\n    }\n\n    .content {\n      position: relative;\n      padding-top: 74%;\n\n      header {\n        position: relative;\n      }\n\n      h2 {\n        padding-top: 2.4rem;\n        font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"subhead_1\"\n    })};\n        font-weight: ${({ theme }) =>\n    fontWeightHelper({\n      theme,\n      variant: \"heavy\"\n    })};\n        line-height: ${({ theme }) =>\n    fontLineHeightHelper({\n      theme,\n      variant: \"default\"\n    })};\n\n        a {\n          border-bottom: 0.2rem solid transparent;\n\n          &:hover {\n            border-bottom-color: ${({ theme }) =>\n    colourHelper({\n      theme,\n      variant: \"brandColor\"\n    })};\n          }\n        }\n      }\n\n      span {\n        display: block;\n      }\n\n      .authored-on {\n        position: absolute;\n        z-index: 2;\n        top: 0;\n        left: 0;\n        font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"small_2\"\n    })};\n        line-height: ${({ theme }) =>\n    fontLineHeightHelper({\n      theme,\n      variant: \"normalized\"\n    })};\n        letter-spacing: ${({ theme }) =>\n    fontSpaceHelper({\n      theme,\n      variant: \"medium\"\n    })};\n        text-transform: uppercase;\n      }\n\n      .authored-on,\n      .authored-by,\n      .tags {\n        font-weight: ${({ theme }) =>\n    fontWeightHelper({\n      theme,\n      variant: \"light\"\n    })};\n      }\n\n      .authored-on,\n      .authored-by {\n        color: ${({ theme }) => colourHelper({\n    theme,\n    variant: \"lightGrey\"\n  })};\n      }\n\n      .authored-by,\n      .tags {\n        font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"small_3\"\n    })};\n        line-height: ${({ theme }) =>\n    fontLineHeightHelper({\n      theme,\n      variant: \"small\"\n    })};\n      }\n\n      .authored-by {\n        padding-top: 1.4rem;\n      }\n\n      p {\n        margin-bottom: 0;\n        padding-top: ${({ theme }) =>\n    fontLineHeightHelper({\n      theme,\n      variant: \"default\"\n    })};\n        font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"body_1\"\n    })};\n        font-weight: ${({ theme }) =>\n    fontWeightHelper({\n      theme,\n      variant: \"light\"\n    })};\n        line-height: ${({ theme }) =>\n    fontLineHeightHelper({\n      theme,\n      variant: \"default\"\n    })};\n      }\n\n      .tags {\n        margin: 0;\n        padding-top: ${({ theme }) =>\n    fontLineHeightHelper({\n      theme,\n      variant: \"default\"\n    })};\n        padding-left: 0;\n        list-style: none;\n        color: ${({ theme }) =>\n    colourHelper({\n      theme,\n      variant: \"brandColorLight\"\n    })};\n\n        li {\n          display: inline;\n\n          &:nth-last-child(1n + 2) {\n            &:after {\n              content: \", \";\n            }\n          }\n        }\n      }\n    }\n\n    .image {\n      position: absolute;\n      z-index: 2;\n      top: 0;\n      left: 50%;\n      transform: translateX(-50%);\n      width: 100%;\n\n      a {\n        display: block;\n        width: 100%;\n      }\n    }\n  }\n\n  @media (min-width: 375px) {\n    .insights-teaser-wrapper {\n      margin: 0 auto;\n      width: 33.5rem;\n    }\n  }\n\n  @media (min-width: 600px) {\n    .insights-teaser-wrapper {\n      padding-left: 38%;\n      width: 100%;\n\n      .content {\n        padding-top: 0;\n      }\n\n      .image {\n        left: 0;\n        transform: translateX(0);\n        width: 32%;\n      }\n    }\n  }\n\n  @media (min-width: 768px) {\n    .insights-teaser-wrapper {\n      .content {\n        h2 {\n          font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"subhead_2\"\n    })};\n        }\n\n        .authored-on {\n          font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"small_2\"\n    })};\n        }\n\n        .authored-by,\n        .tags {\n          font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"small_3\"\n    })};\n        }\n      }\n    }\n  }\n\n  @media (min-width: 960px) {\n    .insights-teaser-wrapper {\n      .content {\n        h2 {\n          font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"title\"\n    })};\n        }\n\n        .authored-on {\n          font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"small_3\"\n    })};\n        }\n\n        .authored-by,\n        .tags {\n          font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"body_1\"\n    })};\n        }\n\n        p {\n          font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"body_2\"\n    })};\n        }\n      }\n    }\n  }\n`;\n\nconst InsightsTeaser = ({\n  author,\n  title,\n  cover,\n  alt,\n  created,\n  excerpt,\n  path,\n  tags\n}: IInsightsTeaser) => {\n  const date = moment.utc(created).format(\"D MMM YYYY\");\n\n  return (\n    <InsightsTeaserContainer className=\"insights-teaser-container\">\n      <article className=\"insights-teaser-wrapper\">\n        <div className=\"content\">\n          <header role=\"banner\">\n            <h2>\n              <Link\n                type=\"none\"\n                href={path}\n              >\n                {title}\n              </Link>\n            </h2>\n\n            <span className=\"authored-on\">\n              <span className=\"off-screen\">\n                Published on\n                {\" \"}\n              </span>\n\n              {date}\n\n              <span className=\"off-screen\">\n                ,\n                {\" \"}\n              </span>\n            </span>\n\n            <span className=\"authored-by\">\n              By\n              {\" \"}\n\n              {author}\n\n              <span className=\"off-screen\">\n                .\n              </span>\n            </span>\n          </header>\n\n          <Wysiwyg\n            className=\"excerpt\"\n            type=\"plain\"\n            content={excerpt}\n          />\n\n          {tags && (\n            <footer role=\"contentinfo\">\n              <ul className=\"tags\">\n                {tags.map((tag, i: number) => {\n                  return (\n                    <li key={i}>\n                      <Link href={tag.path.alias}>\n                        {tag.name}\n                      </Link>\n                    </li>\n                  );\n                })}\n              </ul>\n            </footer>\n          )}\n        </div>\n\n        <div className=\"image\">\n          <Link\n            type=\"none\"\n            href={path}\n          >\n            <DynamicImage\n              data={cover}\n              alt={alt}\n            />\n          </Link>\n        </div>\n      </article>\n    </InsightsTeaserContainer>\n  );\n};\n\nexport default InsightsTeaser;\n","import { graphql } from \"gatsby\";\nimport React from \"react\";\nimport styled from \"styled-components\";\n\nimport {\n  IFixed,\n  IFluid,\n  ILocalFile\n  , IImageMeta\n} from \"../types/local-files\";\nimport {\n  FullWidthColumnWrapper,\n  MediumColumnWidthWrapper,\n  SmallColumnWidthWrapper\n} from \"../components/confines-wrappers\";\nimport { IFieldTechnicalArticle } from \"../components/field-technical-article/field-technical-article\";\nimport Footer from \"../components/footer\";\nimport FullWidthTeaser from \"../components/full-width-teaser\";\nimport { ISimpleTag } from \"../components/full-width-teaser/full-width-teaser\";\nimport GetInTouch from \"../components/get-in-touch\";\nimport Header from \"../components/header\";\nimport HelmetWrapper from \"../components/helmet-wrapper\";\nimport HeroTags from \"../components/hero-tags\";\nimport { breadCrumbSchema } from \"../components/html-schema-snippets\";\nimport Icon from \"../components/icon\";\nimport InsightsTeaser from \"../components/insights-teaser\";\nimport Layout from \"../components/layout\";\nimport PageTop from \"../components/page-top\";\nimport Pagination from \"../components/pagination\";\nimport Wysiwyg from \"../components/wysiwyg\";\nimport getProfile from \"../templates/utils/getProfile\";\nimport {\n  colourHelper,\n  fontLineHeightHelper,\n  fontSizeHelper,\n  fontWeightHelper\n} from \"../theme/theme-helper\";\nimport { IProfileData } from \"./about-us\";\n\nexport interface IInsightsArticleData {\n  title: string;\n  id: string;\n  created: string;\n  changed: string;\n  field_meta_description: string;\n  path: {\n    alias: string;\n  };\n  field_approx_reading_time: string;\n  field_cover_image: IImageMeta;\n  field_labs_main_summary: {\n    processed: string;\n  };\n  field_labs_cover_summary: {\n    processed: string;\n  };\n  relationships: {\n    field_technical_article: IFieldTechnicalArticle[];\n    field_labs_tags: ISimpleTag[];\n    author: IProfileData;\n    field_meta_image?: ILocalFile<IFixed>;\n    field_cover_image: ILocalFile<IFluid>;\n    field_hero_image?: ILocalFile<IFixed>;\n    field_mobile_hero_image?: ILocalFile<IFixed>;\n    field_related_labs_projects: Array<{\n      created: string;\n      title: string;\n      path: {\n        alias: string;\n      };\n      relationships: {\n        field_labs_tags?: ISimpleTag[];\n        author: IProfileData;\n        field_cover_image: ILocalFile<IFluid>;\n      };\n    }>;\n  };\n}\n\ninterface INodeData {\n  node: IInsightsArticleData;\n}\n\nexport interface ITaxonomyTermInsights {\n  node: {\n    name: string;\n    path: {\n      alias: string;\n    };\n  };\n}\n\ninterface IInsightsProps {\n  totalInsights: {\n    totalCount: number;\n  };\n  nodeLabsOverview: {\n    changed: string;\n    title: string;\n    field_intro_text: string;\n    field_meta_description: string;\n    relationships: {\n      field_featured_labs_article: IInsightsArticleData;\n    };\n  };\n  allNodeLabsArticle: {\n    edges: INodeData[];\n  };\n  allTaxonomyTermLabs: {\n    edges: ITaxonomyTermInsights[];\n  };\n}\n\nexport const PageTopCustom = styled.div`\n  background-color: ${({ theme }) =>\n    colourHelper({\n      theme,\n      variant: \"lightestGrey\"\n    })};\n\n  .top-content {\n    transition: 0.2s ease-in-out;\n    padding-top: 10%;\n    padding-bottom: 10%;\n\n    .content {\n      position: relative;\n\n      .heading-container {\n        position: relative;\n        transition: 0.2s ease-in-out;\n\n        .heading,\n        h2,\n        .into-text {\n          color: ${({ theme }) => colourHelper({\n    theme,\n    variant: \"white\"\n  })};\n        }\n\n        .heading,\n        h2 {\n          transition: 0.2s ease-in-out;\n          margin: 0;\n          font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"title\"\n    })};\n          font-weight: ${({ theme }) =>\n    fontWeightHelper({\n      theme,\n      variant: \"heavy\"\n    })};\n          line-height: ${({ theme }) =>\n    fontLineHeightHelper({\n      theme,\n      variant: \"small\"\n    })};\n        }\n\n        .into-text {\n          margin: 0;\n          padding-top: ${({ theme }) =>\n    fontLineHeightHelper({\n      theme,\n      variant: \"default\"\n    })};\n          font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"body_1\"\n    })};\n          font-weight: ${({ theme }) =>\n    fontWeightHelper({\n      theme,\n      variant: \"light\"\n    })};\n          line-height: ${({ theme }) =>\n    fontLineHeightHelper({\n      theme,\n      variant: \"default\"\n    })};\n        }\n\n        .icon {\n          display: none !important;\n          fill: ${({ theme }) => colourHelper({\n    theme,\n    variant: \"white\"\n  })};\n        }\n      }\n    }\n  }\n\n  @media (min-width: 480px) {\n    .top-content {\n      .content {\n        .heading-container {\n          .heading,\n          h2 {\n            font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"display_1\"\n    })};\n          }\n        }\n      }\n    }\n  }\n\n  @media (min-width: 600px) {\n    .top-content {\n      .content {\n        .heading-container {\n          padding-left: 5.4rem;\n\n          .into-text {\n            font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"subhead_1\"\n    })};\n          }\n\n          .icon {\n            display: inline-block !important;\n            position: absolute;\n            top: -2rem;\n            left: 0;\n          }\n        }\n\n        .hero-tags-container {\n          margin-left: 2rem;\n        }\n      }\n    }\n  }\n\n  @media (min-width: 768px) {\n    .top-content {\n      padding-top: 8.8rem;\n      padding-bottom: 8.8rem;\n    }\n  }\n\n  @media (min-width: 960px) {\n    .top-content {\n      .content {\n        .heading-container {\n          max-width: 98rem;\n        }\n      }\n    }\n  }\n\n  @media (min-width: 1280px) {\n    .top-content {\n      .content {\n        .heading-container {\n          max-width: 112rem;\n\n          .into-text {\n            font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"subhead_2\"\n    })};\n          }\n        }\n      }\n    }\n  }\n`;\n\nexport const InsightsTeasersContainer = styled.div`\n  padding-top: 0;\n\n  .insights-teasers-wrapper {\n    transition: 0.2s ease-in-out;\n    position: relative;\n    margin-top: 16%;\n    padding-top: 16%;\n\n    &:first-child {\n      margin-top: 0;\n      border-top: 0;\n\n      .hr {\n        display: none;\n      }\n    }\n\n    .hr {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n\n      span {\n        display: block;\n        height: 0.2rem;\n        background-color: ${({ theme }) =>\n    colourHelper({\n      theme,\n      variant: \"lightestGrey\"\n    })};\n      }\n    }\n  }\n\n  .featured-article-container + .insights-teasers-wrapper {\n    padding-top: 0;\n\n    .hr {\n      display: none;\n    }\n  }\n\n  @media (min-width: 568px) {\n    .insights-teasers-wrapper {\n      margin-top: 8.8rem;\n      padding-top: 8.8rem;\n    }\n  }\n`;\n\nconst Insights = ({ data }: { data: IInsightsProps }) => {\n  const breadcrumbsSchemaData = breadCrumbSchema([\n    {\n      name: \"Insights\",\n      path: \"/insights\"\n    }\n  ]);\n\n  const schemaJson = [ breadcrumbsSchemaData ];\n\n  const featuredArticle =\n    data.nodeLabsOverview.relationships.field_featured_labs_article;\n\n  const filteredArticles = data.allNodeLabsArticle.edges.filter(edge => {\n    return edge.node.id !== featuredArticle.id;\n  });\n\n  // Add the featured article to the start of the filteredArticles list\n  filteredArticles.unshift({ node: featuredArticle });\n\n  return (\n    <Layout>\n      <>\n        <HelmetWrapper\n          canonicalPath=\"/insights\"\n          title={data.nodeLabsOverview.title}\n          description={data.nodeLabsOverview.field_meta_description}\n          updatedAt={data.nodeLabsOverview.changed}\n        >\n          <script type=\"application/ld+json\">\n            {JSON.stringify(schemaJson)}\n          </script>\n        </HelmetWrapper>\n\n        <header\n          role=\"banner\"\n          id=\"header\"\n        >\n          <Header\n            initialLogo\n            initialTheme=\"dark\"\n          />\n\n          <PageTopCustom id=\"hero\">\n            <PageTop\n              gradient=\"orangePink\"\n              height=\"small\"\n            >\n              <FullWidthColumnWrapper>\n                <div className=\"top-content\">\n                  <div className=\"content\">\n                    <div className=\"heading-container\">\n                      <p className=\"heading\">\n                        {data.nodeLabsOverview.title}\n                      </p>\n\n                      <p className=\"into-text\">\n                        <Wysiwyg\n                          type=\"formatted\"\n                          content={data.nodeLabsOverview.field_intro_text}\n                        />\n                      </p>\n\n                      <Icon\n                        className=\"icon\"\n                        icon=\"lightbulb\"\n                        size={4}\n                      />\n                    </div>\n\n                    <HeroTags\n                      initialTheme=\"dark\"\n                      featuredPath=\"/insights\"\n                      tags={data.allTaxonomyTermLabs.edges.map(tag => {\n                        return {\n                          name: tag.node.name,\n                          path: tag.node.path.alias\n                        };\n                      })}\n                    />\n                  </div>\n                </div>\n              </FullWidthColumnWrapper>\n            </PageTop>\n          </PageTopCustom>\n        </header>\n\n        <main\n          id=\"main-content\"\n          role=\"main\"\n        >\n          <h1 className=\"off-screen\">\n            {data.nodeLabsOverview.title}\n          </h1>\n\n          <InsightsTeasersContainer className=\"content-container\">\n            {filteredArticles.slice(0, 1).map((post: INodeData, i) => {\n              const featured: boolean = i === 0;\n              const profile = getProfile(post.node.relationships.author);\n\n              return (\n                <FullWidthTeaser\n                  key={post.node.id}\n                  created={post.node.created}\n                  path={post.node.path.alias}\n                  title={post.node.title}\n                  author={profile.field_full_name}\n                  cover={post.node.relationships.field_cover_image}\n                  alt={post.node.field_cover_image.alt}\n                  featured={featured}\n                  excerpt={post.node.field_labs_cover_summary.processed}\n                  tags={post.node.relationships.field_labs_tags}\n                />\n              );\n            })}\n\n            {filteredArticles.slice(1, 11).map((post: INodeData) => {\n              const profile = getProfile(post.node.relationships.author);\n\n              return (\n                <div\n                  className=\"insights-teasers-wrapper\"\n                  key={post.node.id}\n                >\n                  <InsightsTeaser\n                    path={post.node.path.alias}\n                    title={post.node.title}\n                    created={post.node.created}\n                    author={profile.field_full_name}\n                    cover={post.node.relationships.field_cover_image}\n                    alt={post.node.field_cover_image.alt}\n                    excerpt={post.node.field_labs_cover_summary.processed}\n                    tags={post.node.relationships.field_labs_tags}\n                  />\n\n                  <div className=\"hr\">\n                    <MediumColumnWidthWrapper>\n                      <span />\n                    </MediumColumnWidthWrapper>\n                  </div>\n                </div>\n              );\n            })}\n          </InsightsTeasersContainer>\n\n          <aside>\n            <SmallColumnWidthWrapper>\n              <Pagination\n                current={0}\n                total={data.totalInsights.totalCount}\n                limit={10}\n                slug=\"/insights\"\n              />\n            </SmallColumnWidthWrapper>\n          </aside>\n        </main>\n\n        <footer role=\"contentinfo\">\n          <GetInTouch\n            links={[\n              {\n                href: \"/latest\",\n                text: \"Latest\"\n              },\n              {\n                href: \"/about-us\",\n                text: \"Meet the team\"\n              }\n            ]}\n          />\n\n          <Footer />\n        </footer>\n      </>\n    </Layout>\n  );\n};\n\nexport const query = graphql`\n  query labsQuery($labsLimit: Int = 11, $tagLimit: Int = 9) {\n    totalInsights: allNodeLabsArticle {\n      totalCount\n    }\n    nodeLabsOverview {\n      created\n      changed\n      title\n      field_intro_text\n      field_meta_description\n      relationships {\n        field_featured_labs_article {\n          ...getLabsData\n        }\n      }\n    }\n    ...getAllLabs\n    ...getLabsTags\n  }\n`;\n\nexport default Insights;\n"],"names":["InsightsTeaserContainer","styled","SmallColumnWidthWrapper","theme","fontSizeHelper","variant","fontWeightHelper","fontLineHeightHelper","colourHelper","fontSpaceHelper","author","title","cover","alt","created","excerpt","path","tags","date","moment","format","className","role","type","href","content","map","tag","i","key","alias","name","data","PageTopCustom","InsightsTeasersContainer","schemaJson","breadCrumbSchema","featuredArticle","nodeLabsOverview","relationships","field_featured_labs_article","filteredArticles","allNodeLabsArticle","edges","filter","edge","node","id","unshift","canonicalPath","description","field_meta_description","updatedAt","changed","JSON","stringify","initialLogo","initialTheme","gradient","height","field_intro_text","icon","size","featuredPath","allTaxonomyTermLabs","slice","post","featured","profile","getProfile","field_full_name","field_cover_image","field_labs_cover_summary","processed","field_labs_tags","current","total","totalInsights","totalCount","limit","slug","links","text"],"sourceRoot":""}