{"version":3,"file":"component---src-templates-our-process-post-tsx-95cbfa9f0717eaeab6ed.js","mappings":"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","sources":["webpack://gravitywell-website-2019/./src/components/page-top-article-heading/page-top-article-heading.tsx","webpack://gravitywell-website-2019/./src/templates/OurProcessPost.tsx"],"sourcesContent":["import moment from \"moment\";\nimport * as React from \"react\";\n\nimport { IFieldProjectTag } from \"../../pages/projects\";\nimport styled from \"../../theme/styled\";\nimport {\n  colourHelper,\n  fontLineHeightHelper,\n  fontSizeHelper,\n  fontSpaceHelper,\n  fontWeightHelper\n} from \"../../theme/theme-helper\";\nimport { HalfColumnWidthWrapper } from \"../confines-wrappers\";\nimport { IFieldTechnicalArticleColumnType } from \"../field-technical-article/field-technical-article\";\n\ninterface IProps {\n  className?: string;\n  type: IFieldTechnicalArticleColumnType;\n  title: string;\n  authoredOn?: string;\n  authoredBy?: string;\n  tags?: IFieldProjectTag[];\n}\n\ninterface IAuthoredOn {\n  authoredOn: string | undefined;\n}\n\ninterface IAuthoredBy {\n  authoredBy: string | undefined;\n}\n\ninterface ITags {\n  tags: IFieldProjectTag[] | undefined;\n}\n\ninterface IPageTopArticleHeadingContainer {\n  type: IFieldTechnicalArticleColumnType;\n  hasAuthoredOn: boolean;\n}\n\nconst PageTopArticleHeadingContainer = styled<\n  IPageTopArticleHeadingContainer,\n  \"div\"\n>(\"div\")`\n  padding-top: 10%;\n  padding-bottom: 10%;\n\n  .content-wrapper {\n    position: relative;\n\n    .heading,\n    .tags,\n    .authored-on,\n    .authored-by {\n      transition: 0.2s ease-in-out;\n      color: ${({ theme }) => colourHelper({\n    theme,\n    variant: \"white\"\n  })};\n    }\n\n    .authored-on,\n    .authored-by,\n    .tags {\n      display: block;\n      font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"small_2\"\n    })};\n      font-weight: ${({ theme }) =>\n    fontWeightHelper({\n      theme,\n      variant: \"light\"\n    })};\n      line-height: ${({ theme }) =>\n    fontLineHeightHelper({\n      theme,\n      variant: \"small\"\n    })};\n    }\n\n    .heading {\n      margin: 0;\n      padding-top: ${props =>\n    props.hasAuthoredOn && props.type === \"basic\" ? \"2rem\" : \"0\"};\n      font-size: ${props =>\n    props.type === \"basic\" ?\n      ({ theme }) => fontSizeHelper({\n        theme,\n        variant: \"subhead_1\"\n      }) :\n      ({ theme }) => fontSizeHelper({\n        theme,\n        variant: \"subhead_2\"\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    .authored-on {\n      position: absolute;\n      top: 0;\n      left: 2rem;\n      font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"small_1\"\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-by {\n      padding-top: 1.8rem;\n    }\n\n    .tags {\n      display: flex;\n      flex-direction: row;\n      flex-wrap: wrap;\n      padding-left: 0;\n      padding-bottom: 0;\n      padding-top: 6%;\n      list-style: none;\n\n      li {\n        margin-bottom: 0;\n        padding-right: 0.2em;\n        padding-top: 0.4rem;\n\n        &:after {\n          content: \", \";\n        }\n\n        &:last-child {\n          padding-right: 0;\n\n          &:after {\n            content: \"\";\n          }\n        }\n      }\n    }\n  }\n\n  @media (min-width: 375px) {\n    .content-wrapper {\n      .heading {\n        padding-top: ${props =>\n    props.hasAuthoredOn && props.type === \"basic\" ? \"2.4rem\" : \"0\"};\n        font-size: ${props =>\n    props.type === \"basic\" ?\n      ({ theme }) => fontSizeHelper({\n        theme,\n        variant: \"subhead_2\"\n      }) :\n      ({ theme }) => fontSizeHelper({\n        theme,\n        variant: \"subhead_3\"\n      })};\n      }\n\n      .authored-by {\n        padding-top: 2rem;\n      }\n    }\n  }\n\n  @media (min-width: 480px) {\n    .content-wrapper {\n      .heading {\n        font-size: ${props =>\n    props.type === \"basic\" ?\n      ({ theme }) => fontSizeHelper({\n        theme,\n        variant: \"title\"\n      }) :\n      ({ theme }) => fontSizeHelper({\n        theme,\n        variant: \"display_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      .authored-by {\n        padding-top: 2.2em;\n      }\n\n      .tags {\n        padding-top: 2.8rem;\n      }\n    }\n  }\n\n  @media (min-width: 600px) {\n    .content-wrapper {\n      .heading {\n        padding-top: ${props =>\n    props.hasAuthoredOn && props.type === \"basic\" ? \"3rem\" : \"0\"};\n        font-size: ${props =>\n    props.type === \"basic\" ?\n      ({ theme }) => fontSizeHelper({\n        theme,\n        variant: \"subhead_3\"\n      }) :\n      ({ theme }) => fontSizeHelper({\n        theme,\n        variant: \"display_3\"\n      })};\n      }\n\n      .authored-by {\n        padding-top: 2.2em;\n      }\n    }\n  }\n\n  @media (min-width: 768px) {\n    padding-top: 8.8rem;\n    padding-bottom: 8.8rem;\n\n    .content-wrapper {\n      .heading {\n        font-size: ${props =>\n    props.type === \"basic\" ?\n      ({ theme }) => fontSizeHelper({\n        theme,\n        variant: \"display_1\"\n      }) :\n      ({ theme }) => fontSizeHelper({\n        theme,\n        variant: \"display_4\"\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  }\n`;\n\nconst AuthoredOn = ({ authoredOn }: IAuthoredOn) => {\n  let date = \"\";\n\n  if (!authoredOn) {\n    return null;\n  }\n\n  // Set the date\n  date = moment.utc(authoredOn).format(\"D MMM YYYY\");\n\n  return (\n    <span className=\"authored-on\">\n      <span className=\"off-screen\">\n        Published on\n        {\" \"}\n      </span>\n\n      <time dateTime={authoredOn}>\n        {date}\n      </time>\n    </span>\n  );\n};\n\nconst AuthoredBy = ({ authoredBy }: IAuthoredBy) => {\n  if (!authoredBy) {\n    return null;\n  }\n\n  return (\n    <span className=\"authored-by\">\n      {`By ${authoredBy}`}\n    </span>\n  );\n};\n\nconst Tags = ({ tags }: ITags) => {\n  if (!tags) {\n    return null;\n  }\n\n  return (\n    <ul className=\"tags\">\n      {tags &&\n        tags.map((tag: IFieldProjectTag, i: number) => {\n          return (\n            <li key={i}>\n              {tag.name}\n            </li>\n          );\n        })}\n    </ul>\n  );\n};\n\nconst PageTopArticleHeading = ({\n  className,\n  type,\n  title,\n  authoredOn,\n  authoredBy,\n  tags\n}: IProps) => (\n  <PageTopArticleHeadingContainer\n    type={type}\n    className={className}\n    hasAuthoredOn={authoredOn ? true : false}\n  >\n    <HalfColumnWidthWrapper className=\"content-wrapper\">\n      <p className=\"heading\">\n        {title}\n      </p>\n\n      <AuthoredOn authoredOn={authoredOn} />\n\n      <AuthoredBy authoredBy={authoredBy} />\n\n      <Tags tags={tags} />\n    </HalfColumnWidthWrapper>\n  </PageTopArticleHeadingContainer>\n);\n\nexport default PageTopArticleHeading;\n","import { graphql } from \"gatsby\";\nimport React from \"react\";\nimport styled from \"styled-components\";\nimport { useWindowDimensions } from \"@gravitywelluk/react-hooks\";\n\nimport {\n  IFixed,\n  ILocalFile\n} from \"src/types/local-files\";\n\nimport FieldTechnicalArticle from \"../components/field-technical-article\";\nimport { IFieldTechnicalArticle } from \"../components/field-technical-article/field-technical-article\";\nimport Footer from \"../components/footer\";\nimport Header from \"../components/header\";\nimport HelmetWrapper from \"../components/helmet-wrapper\";\nimport { breadCrumbSchema } from \"../components/html-schema-snippets\";\nimport Layout from \"../components/layout\";\nimport PageTop from \"../components/page-top\";\nimport PageTopArticleHeading from \"../components/page-top-article-heading\";\nimport {\n  colourHelper,\n  fontLineHeightHelper,\n  fontSizeHelper,\n  fontWeightHelper\n} from \"../theme/theme-helper\";\nimport { DynamicImageSrcString } from \"./utils/dynamicImage\";\n\ninterface IProps {\n  nodeOurProcessOverview: IOurProcessData;\n}\n\ninterface IOurProcessData {\n  created: string;\n  changed: string;\n  title: string;\n  path: {\n    alias: string;\n  };\n  field_meta_description: string;\n  relationships: {\n    field_mobile_hero_image: ILocalFile<IFixed>;\n    field_hero_image: ILocalFile<IFixed>;\n    field_technical_article: IFieldTechnicalArticle[];\n    field_technical_article_2: IFieldTechnicalArticle[];\n  };\n}\n\n/**\n * Our process\n */\nconst OurProcess: React.FC<{ data: IProps }> = ({ data }) => {\n  const { width } = useWindowDimensions();\n  const article = data.nodeOurProcessOverview;\n  const rels = article.relationships;\n\n  const breadcrumbsSchemaData = breadCrumbSchema([\n    {\n      name: article.title,\n      path: article.path.alias\n    }\n  ]);\n\n  const schemaJson = [ breadcrumbsSchemaData ];\n\n  /**\n   * Dynamic background image depending the devices width\n   */\n  const backgroundImg = React.useMemo(() => {\n    if (width && width < 600) {\n      return DynamicImageSrcString(rels.field_mobile_hero_image);\n    }\n\n    return DynamicImageSrcString(rels.field_hero_image);\n  }, [\n    rels.field_hero_image,\n    rels.field_mobile_hero_image,\n    width\n  ]);\n\n  return (\n    <Layout>\n      <>\n        <HelmetWrapper\n          title={article.title}\n          description={article.field_meta_description}\n          updatedAt={article.changed}\n          canonicalPath={article.path.alias}\n        >\n          <script type=\"application/ld+json\">\n            {JSON.stringify(schemaJson)}\n          </script>\n        </HelmetWrapper>\n\n        <header\n          role=\"banner\"\n          id=\"hero\"\n        >\n          <Header\n            initialLogo\n            initialTheme=\"dark\"\n          />\n\n          <PageTopCustom id=\"hero\">\n            <PageTop\n              backgroundImage={backgroundImg}\n              overlayColor=\"black\"\n              height=\"small\"\n            >\n              <PageTopArticleHeading\n                className=\"top-content\"\n                type=\"basic\"\n                title={article.title}\n              />\n            </PageTop>\n          </PageTopCustom>\n        </header>\n\n        <main\n          id=\"main-content\"\n          role=\"main\"\n        >\n          <h1 className=\"off-screen\">\n            {article.title}\n          </h1>\n\n          <OurProcessWrapper>\n            <FieldTechnicalArticle\n              type=\"basic\"\n              paragraphs={article.relationships.field_technical_article}\n            />\n\n            <FieldTechnicalArticle\n              type=\"basic\"\n              paragraphs={article.relationships.field_technical_article_2}\n            />\n          </OurProcessWrapper>\n        </main>\n\n        <footer role=\"contentinfo\">\n          <Footer />\n        </footer>\n      </>\n    </Layout>\n  );\n};\n\nexport default OurProcess;\n\nexport const query = graphql`\n  query($slug: String!) {\n    nodeOurProcessOverview(path: { alias: { eq: $slug } }) {\n      ...getOurProcessData\n    }\n  }\n`;\n\nconst PageTopCustom = styled.div`\n  .heading {\n    transition: 0.2s ease-in-out;\n    display: block;\n    margin-bottom: 0;\n    color: ${({ theme }) => colourHelper({\n    theme,\n    variant: \"white\"\n  })};\n    font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"subhead_2\"\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  @media (min-width: 375px) {\n    .heading {\n      font-size: ${({ theme }) => fontSizeHelper({\n    theme,\n    variant: \"title\"\n  })};\n    }\n  }\n\n  @media (min-width: 480px) {\n    .heading {\n      font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"display_2\"\n    })};\n    }\n  }\n\n  @media (min-width: 568px) {\n    .heading {\n      font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"display_3\"\n    })};\n    }\n  }\n\n  @media (min-width: 600px) {\n    .heading {\n      font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"display_4\"\n    })};\n    }\n  }\n\n  @media (min-width: 768px) {\n    .heading {\n      max-width: 92rem;\n      font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"display_5\"\n    })};\n    }\n  }\n\n  @media (min-width: 960px) {\n    .heading {\n      padding-bottom: 21%;\n    }\n  }\n`;\n\nconst OurProcessWrapper = styled.div``;\n"],"names":["PageTopArticleHeadingContainer","styled","theme","colourHelper","variant","fontSizeHelper","fontWeightHelper","fontLineHeightHelper","props","hasAuthoredOn","type","fontSpaceHelper","AuthoredOn","date","authoredOn","moment","format","className","dateTime","AuthoredBy","authoredBy","Tags","tags","map","tag","i","key","name","title","data","width","useWindowDimensions","article","nodeOurProcessOverview","rels","relationships","schemaJson","breadCrumbSchema","path","alias","backgroundImg","React","DynamicImageSrcString","field_mobile_hero_image","field_hero_image","description","field_meta_description","updatedAt","changed","canonicalPath","JSON","stringify","role","id","initialLogo","initialTheme","PageTopCustom","backgroundImage","overlayColor","height","OurProcessWrapper","paragraphs","field_technical_article","field_technical_article_2"],"sourceRoot":""}