{"version":3,"file":"184e18ff0693a4193719fe288c03d137d93e1fe4-5c6efd7e1477e0f53cc6.js","mappings":"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","sources":["webpack://gravitywell-website-2019/./src/components/article-author/article-author.tsx","webpack://gravitywell-website-2019/./src/components/article-teaser/article-teaser.tsx","webpack://gravitywell-website-2019/./src/components/author-social-links/author-social-links.tsx","webpack://gravitywell-website-2019/./src/components/dynamic-html-tag/dynamic-html-tag.tsx","webpack://gravitywell-website-2019/./src/components/page-top-article-heading/page-top-article-heading.tsx","webpack://gravitywell-website-2019/./src/templates/utils/getProfile.ts"],"sourcesContent":["import * as React from \"react\";\n\nimport {\n  IFluid,\n  ILocalFile\n} from \"../../types/local-files\";\nimport { IProfileFields } from \"../../pages/about-us\";\nimport styled from \"../../theme/styled\";\nimport {\n  colourHelper,\n  fontLineHeightHelper,\n  fontSizeHelper,\n  fontSpaceHelper,\n  fontWeightHelper\n} from \"../../theme/theme-helper\";\nimport AuthorSocialLinks from \"../author-social-links/author-social-links\";\nimport {\n  HalfColumnWidthWrapper,\n  SmallColumnWidthWrapper\n} from \"../confines-wrappers\";\nimport DynamicImage from \"../dynamic-image/dynamic-image\";\nimport Link from \"../link\";\n\ntype IArticleType = \"latest\" | \"insights\";\n\ninterface IProps {\n  type: IArticleType;\n  profile: IProfileFields;\n}\n\ninterface IArticleAuthorWrapper {\n  hasMugshot: boolean;\n}\n\ninterface IMugshot {\n  data?: ILocalFile<IFluid>;\n  alt: string;\n  path: string;\n}\n\ninterface IMoreLink {\n  type: IArticleType;\n  authorName: string;\n  path: string;\n}\n\nconst ArticleAuthorWrapper = styled<IArticleAuthorWrapper, \"div\">(\"div\")`\n  .hr {\n    display: block;\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  .author-wrapper {\n    transition: 0.2s ease-in-out;\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    padding-top: 2.8rem;\n    min-height: ${props => (props.hasMugshot ? \"17.8rem\" : \"0\")};\n\n    .author {\n      transition: 0.2s ease-in-out;\n      position: relative;\n      padding-top: 0;\n      padding-left: ${props => (props.hasMugshot ? \"10rem\" : \"0\")};\n      width: 100%;\n\n      .author-text {\n        margin-bottom: 0;\n        line-height: ${({ theme }) =>\n    fontLineHeightHelper({\n      theme,\n      variant: \"normalized\"\n    })};\n\n        span {\n          display: block;\n          line-height: ${({ theme }) =>\n    fontLineHeightHelper({\n      theme,\n      variant: \"small\"\n    })};\n        }\n\n        .written-by,\n        .read-more {\n          font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"small_3\"\n    })};\n          font-weight: ${({ theme }) =>\n    fontWeightHelper({\n      theme,\n      variant: \"light\"\n    })};\n        }\n\n        .written-by,\n        .author-role {\n          color: ${({ theme }) =>\n    colourHelper({\n      theme,\n      variant: \"lightGrey\"\n    })};\n        }\n\n        .written-by {\n          position: absolute;\n          left: -99999rem;\n          text-indent: -99999rem;\n        }\n\n        .author-name {\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\n          a {\n            color: ${({ theme }) => colourHelper({\n    theme,\n    variant: \"black\"\n  })};\n\n            &:hover {\n              color: ${({ theme }) =>\n    colourHelper({\n      theme,\n      variant: \"brandColor\"\n    })};\n            }\n          }\n        }\n\n        .author-role {\n          padding-top: 0.4rem;\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        .read-more {\n          padding-top: ${({ theme }) =>\n    fontLineHeightHelper({\n      theme,\n      variant: \"small\"\n    })};\n        }\n      }\n\n      .author-image-wrapper {\n        transition: 0.2s ease-in-out;\n        position: absolute;\n        z-index: 2;\n        top: -1.8rem;\n        left: 0;\n        width: 8.2rem;\n\n        .author-image {\n          width: 100%;\n        }\n      }\n    }\n  }\n\n  @media (min-width: 480px) {\n    .author-wrapper {\n      padding-top: 5.6rem;\n\n      .author {\n        padding-left: ${props => (props.hasMugshot ? \"17.8rem\" : \"0\")};\n\n        .author-text {\n          .written-by {\n            position: relative;\n            left: 0;\n            text-indent: 0;\n          }\n\n          .author-name {\n            padding-top: 1.2rem;\n          }\n        }\n\n        .author-image-wrapper {\n          top: 4.4rem;\n          transform: translateY(-50%);\n          width: 15rem;\n        }\n      }\n    }\n  }\n\n  @media (min-width: 568px) {\n    .author-wrapper {\n      .author {\n        .author-text {\n          .socials {\n            position: absolute;\n            top: 1.8rem;\n            right: 0;\n          }\n        }\n\n        .author-image-wrapper {\n          top: 50%;\n        }\n      }\n    }\n  }\n`;\n\nconst Mugshot = ({\n  data, alt, path\n}: IMugshot) => {\n  if (!data) {\n    return null;\n  }\n\n  return (\n    <div className=\"author-image-wrapper\">\n      <Link\n        type=\"none\"\n        href={path}\n      >\n        <DynamicImage\n          className=\"author-image\"\n          data={data}\n          alt={alt}\n        />\n      </Link>\n    </div>\n  );\n};\n\nconst MoreLink = ({\n  type, authorName, path\n}: IMoreLink) => {\n  const firstName: string = authorName.split(\" \")[ 0 ];\n  const pathSplit = path.split(\"/\");\n  const nameSlug = pathSplit.reverse()[ 0 ];\n  let href = \"\";\n  let linkText = \"\";\n\n  switch (type) {\n    default:\n    case \"latest\":\n      href = `/latest/${nameSlug}`;\n      linkText = `Read more in Latest by ${firstName}`;\n      break;\n\n    case \"insights\":\n      href = `/insights/${nameSlug}`;\n      linkText = `Read more in Insights by ${firstName}`;\n      break;\n  }\n\n  return (\n    <Link href={href}>\n      {linkText}\n    </Link>\n  );\n};\n\nconst ArticleAuthor = ({ type, profile }: IProps) => {\n  const pr = profile.relationships;\n  const hasMugshot = pr && pr.field_mugshot ? true : false;\n  const mugshotData = pr && pr.field_mugshot ? pr.field_mugshot : undefined;\n\n  return (\n    <ArticleAuthorWrapper\n      className=\"content-container author-container\"\n      hasMugshot={hasMugshot}\n    >\n      <SmallColumnWidthWrapper\n        tagName=\"span\"\n        className=\"hr\"\n      >\n        <span />\n      </SmallColumnWidthWrapper>\n\n      <HalfColumnWidthWrapper className=\"author-wrapper\">\n        <div className=\"author\">\n          <p className=\"author-text\">\n            <span className=\"written-by\">\n              Written by\n              {\" \"}\n            </span>\n\n            <span className=\"author-name\">\n              <Link\n                type=\"none\"\n                href={profile.path.alias}\n              >\n                {profile.field_full_name}\n              </Link>\n            </span>\n\n            <span className=\"author-role\">\n              <span className=\"off-screen\">\n                {\" \"}\n                (\n              </span>\n\n              {profile.field_job_title}\n\n              <span className=\"off-screen\">\n                ).\n                {\" \"}\n              </span>\n            </span>\n\n            <span className=\"read-more\">\n              <MoreLink\n                type={type}\n                authorName={profile.field_full_name}\n                path={profile.path.alias}\n              />\n            </span>\n\n            <span className=\"off-screen\">\n              {\" \"}\n              or check our their socials\n\n              {\" \"}\n            </span>\n\n            <AuthorSocialLinks\n              twitterUsername={profile.field_twitter_username}\n              instagramUsername={profile.field_instagram_username}\n            />\n          </p>\n\n          <Mugshot\n            data={mugshotData}\n            alt={profile.field_full_name}\n            path={profile.path.alias}\n          />\n        </div>\n      </HalfColumnWidthWrapper>\n    </ArticleAuthorWrapper>\n  );\n};\n\nexport default ArticleAuthor;\n","import React from \"react\";\n\nimport styled from \"../../theme/styled\";\nimport {\n  colourHelper,\n  fontLineHeightHelper,\n  fontSizeHelper,\n  fontSpaceHelper,\n  fontWeightHelper\n} from \"../../theme/theme-helper\";\nimport { IArticleData } from \"../articles-grid/articles-grid\";\nimport DynamicHtmlTag from \"../dynamic-html-tag\";\nimport DynamicImage from \"../dynamic-image\";\nimport Link from \"../link\";\n\ninterface IProps extends IArticleData {\n  htmlHeadingTag?: string;\n}\n\nconst ArticleWrapper = styled.div`\n  * {\n    margin-bottom: 0;\n  }\n\n  .article-wrapper {\n    .article {\n      position: relative;\n      margin: 0 auto;\n      padding-top: 75%;\n      max-width: 56rem;\n\n      .heading {\n        position: relative;\n\n        .title {\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\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          color: ${({ theme }) =>\n    colourHelper({\n      theme,\n      variant: \"lightGrey\"\n    })};\n          font-weight: ${({ theme }) =>\n    fontWeightHelper({\n      theme,\n      variant: \"light\"\n    })};\n        }\n\n        .authored-by {\n          padding-top: 1.4rem;\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\n      .image {\n        position: absolute;\n        z-index: 2;\n        top: 0;\n        left: 0;\n        width: 100%;\n\n        a {\n          display: block;\n          width: 100%;\n        }\n      }\n    }\n  }\n\n  @media (min-width: 480px) {\n    .article-wrapper {\n      .article {\n        .heading {\n          .title {\n            font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"subhead_2\"\n    })};\n          }\n        }\n      }\n    }\n  }\n\n  @media (min-width: 600px) {\n    .article-wrapper {\n      .article {\n        .heading {\n          .title {\n            font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"subhead_1\"\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            font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"small_3\"\n    })};\n          }\n        }\n      }\n    }\n  }\n\n  @media (min-width: 768px) {\n    .article-wrapper {\n      .article {\n        .heading {\n          .title {\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_3\"\n    })};\n          }\n\n          .authored-by {\n            font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"body_1\"\n    })};\n          }\n        }\n      }\n    }\n  }\n\n  @media (min-width: 960px) {\n    .article-wrapper {\n      .article {\n        .heading {\n          .title {\n            font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"subhead_1\"\n    })};\n          }\n        }\n      }\n    }\n  }\n\n  @media (min-width: 1280px) {\n    .article-wrapper {\n      .article {\n        .heading {\n          .title {\n            font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"subhead_2\"\n    })};\n          }\n        }\n      }\n    }\n  }\n\n  @media (min-width: 1440px) {\n    .article-wrapper {\n      .article {\n        .heading {\n          .title {\n            font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"title\"\n    })};\n          }\n        }\n      }\n    }\n  }\n`;\n\nconst ArticleTeaser = ({\n  htmlHeadingTag,\n  created,\n  path,\n  title,\n  author,\n  cover\n}: IProps) => {\n  return (\n    <ArticleWrapper className=\"article-container\">\n      <div className=\"article-wrapper\">\n        <article className=\"article\">\n          <div className=\"heading\">\n            <DynamicHtmlTag\n              htmlTag={htmlHeadingTag ? htmlHeadingTag : \"h2\"}\n              className=\"title\"\n            >\n              <Link\n                type=\"inline\"\n                color=\"black\"\n                underlinecolor=\"brandColor\"\n                href={path}\n              >\n                {title}\n              </Link>\n            </DynamicHtmlTag>\n\n            {author && (\n              <span className=\"authored-by\">\n                By\n                {\" \"}\n\n                {author}\n\n                <span className=\"off-screen\">\n                  .\n                </span>\n              </span>\n            )}\n          </div>\n\n          <div className=\"image\">\n            <Link\n              type=\"none\"\n              href={path}\n            >\n              <DynamicImage\n                data={cover}\n                alt={title}\n              />\n            </Link>\n          </div>\n        </article>\n      </div>\n    </ArticleWrapper>\n  );\n};\n\nexport default ArticleTeaser;\n","import * as React from \"react\";\n\nimport styled from \"../../theme/styled\";\nimport {\n  colourHelper,\n  fontLineHeightHelper\n} from \"../../theme/theme-helper\";\nimport Icon from \"../icon\";\nimport Link from \"../link\";\n\ninterface IProps {\n  twitterUsername?: string;\n  instagramUsername?: string;\n}\n\nconst AuthorSocialLinksStyled = styled.span`\n  display: block;\n\n  a {\n    transition: 0.15s ease-in-out;\n    display: inline-block;\n    margin-right: 2rem;\n    padding-top: 1.2rem;\n    padding-bottom: 1.2rem;\n    border: 0;\n    line-height: ${({ theme }) =>\n    fontLineHeightHelper({\n      theme,\n      variant: \"normalized\"\n    })};\n\n    .icon {\n      fill: ${({ theme }) => colourHelper({\n    theme,\n    variant: \"lightGrey\"\n  })};\n    }\n\n    &:hover {\n      .icon {\n        fill: ${({ theme }) => colourHelper({\n    theme,\n    variant: \"brandColor\"\n  })};\n      }\n    }\n\n    &:last-child {\n      margin-right: 0;\n    }\n  }\n`;\n\n/**\n * Author social links\n */\nconst AuthorSocialLinks = ({ twitterUsername, instagramUsername }: IProps) => {\n  return (\n    <AuthorSocialLinksStyled className=\"socials\">\n      {twitterUsername && (\n        <Link\n          href={`https://twitter.com/${twitterUsername}`}\n          target=\"_blank\"\n        >\n          <>\n            <span className=\"off-screen\">\n              Twitter\n            </span>\n\n            <Icon\n              className=\"icon\"\n              icon=\"twitter\"\n              size={2}\n            />\n          </>\n        </Link>\n      )}\n\n      <span className=\"off-screen\">\n        ,\n        {\" \"}\n      </span>\n\n      {instagramUsername && (\n        <Link\n          href={`https://www.instagram.com/${instagramUsername}`}\n          target=\"_blank\"\n        >\n          <>\n            <span className=\"off-screen\">\n              Instagram\n            </span>\n\n            <Icon\n              className=\"icon\"\n              icon=\"instagram\"\n              size={2}\n            />\n          </>\n        </Link>\n      )}\n    </AuthorSocialLinksStyled>\n  );\n};\n\nexport default AuthorSocialLinks;\n","import * as React from \"react\";\n\ninterface IProps {\n  className?: string;\n  htmlTag: string;\n  children: React.ReactChild;\n}\n\nconst DynamicHtmlTag = ({\n  htmlTag, children, className\n}: IProps) =>\n  React.createElement(`${htmlTag}`, { className }, children);\n\nexport default DynamicHtmlTag;\n","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 { IProfileData } from \"../../pages/about-us\";\n\nconst getProfile = (author: IProfileData) => {\n  const profile: IProfileData = {\n    id: \"1\",\n    relationships: {\n      profile__team_profile: [\n        {\n          changed: \"\",\n          path: { alias: \"about-us/pepper\" },\n          hidden: true,\n          field_full_name: \"Pepper\",\n          field_job_title: \"Kitchen Patrol\",\n          relationships: {\n            field_mugshot: {\n              localFile: {\n                childImageSharp: null,\n                publicURL: \"\"\n              },\n              filename: \"\"\n            }\n          }\n        }\n      ]\n    }\n  };\n\n  if (author && author.relationships) {\n    if (author.relationships.profile__team_profile) {\n      return author.relationships.profile__team_profile[ 0 ];\n    }\n  }\n\n  return profile.relationships.profile__team_profile[ 0 ];\n};\n\nexport default getProfile;\n"],"names":["ArticleAuthorWrapper","styled","theme","colourHelper","variant","props","hasMugshot","fontLineHeightHelper","fontSizeHelper","fontWeightHelper","fontSpaceHelper","Mugshot","data","alt","path","className","type","href","MoreLink","authorName","firstName","split","nameSlug","reverse","linkText","profile","pr","relationships","field_mugshot","mugshotData","undefined","tagName","alias","field_full_name","field_job_title","twitterUsername","field_twitter_username","instagramUsername","field_instagram_username","ArticleWrapper","htmlHeadingTag","created","title","author","cover","htmlTag","color","underlinecolor","AuthorSocialLinksStyled","target","icon","size","children","React","PageTopArticleHeadingContainer","hasAuthoredOn","AuthoredOn","date","authoredOn","moment","format","dateTime","AuthoredBy","authoredBy","Tags","tags","map","tag","i","key","name","profile__team_profile","changed","hidden","localFile","childImageSharp","publicURL","filename"],"sourceRoot":""}