{"version":3,"file":"component---src-templates-user-profile-tsx-d64627fa819ebb4ed259.js","mappings":"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","sources":["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/related-insights/related-insights.tsx","webpack://gravitywell-website-2019/./src/components/user-badge/user-badge.tsx","webpack://gravitywell-website-2019/./src/components/wysiwyg/wysiwyg.tsx","webpack://gravitywell-website-2019/./src/components/team-members/team-members.tsx","webpack://gravitywell-website-2019/./src/templates/UserProfile.tsx","webpack://gravitywell-website-2019/./src/templates/utils/getProfile.ts"],"sourcesContent":["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 React from \"react\";\n\nimport {\n  IFluid,\n  ILocalFile\n} from \"src/types/local-files\";\n\nimport { IProfileData } from \"../../pages/about-us\";\nimport getProfile from \"../../templates/utils/getProfile\";\nimport styled from \"../../theme/styled\";\nimport {\n  colourHelper,\n  fontLineHeightHelper,\n  fontSizeHelper,\n  fontSpaceHelper,\n  fontWeightHelper\n} from \"../../theme/theme-helper\";\nimport ArticleTeaser from \"../article-teaser\";\nimport { FullWidthColumnWrapper } from \"../confines-wrappers\";\nimport { ISimpleTag } from \"../full-width-teaser/full-width-teaser\";\nimport Icon from \"../icon\";\n// import InsightsTeaserMinimal from '../insights-teaser-minimal';\nimport Link from \"../link\";\n\ninterface IProps {\n  invertContrast?: boolean;\n  articles: IRelatedInsightsArticle[];\n  authorName?: string;\n}\n\ninterface IRelatedInsightsContainer {\n  invertContrast: boolean;\n}\n\nexport interface IRelatedInsightsArticle {\n  node: {\n    title: string;\n    created: 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\nconst RelatedInsightsContainer = styled<IRelatedInsightsContainer, \"div\">(\n  \"div\"\n)`\n  background-color: ${props =>\n    props.invertContrast ?\n      ({ theme }) => colourHelper({\n        theme,\n        variant: \"altLightGrey\"\n      }) :\n      ({ theme }) => colourHelper({\n        theme,\n        variant: \"white\"\n      })};\n\n  h2 {\n    margin: 0;\n    color: ${({ theme }) => colourHelper({\n    theme,\n    variant: \"black\"\n  })};\n    font-size: ${({ theme }) => 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    text-align: center;\n\n    .hr {\n      display: block;\n      padding-top: 2.4rem;\n\n      span {\n        display: block;\n        margin: 0 auto;\n        width: 5rem;\n        height: 0.5rem;\n        background-color: ${({ theme }) =>\n    colourHelper({\n      theme,\n      variant: \"brandColor\"\n    })};\n      }\n    }\n  }\n\n  .articles-container {\n    transition: 0.2s ease-in-out;\n    padding-top: 6.8rem;\n\n    .articles-wrapper {\n      transition: 0.2s ease-in-out;\n      padding-top: 3.8em;\n\n      &:first-child {\n        padding-top: 0;\n      }\n\n      .more-link-container {\n        position: relative;\n        padding-top: 66.66666667%;\n\n        .more-link-wrapper {\n          display: flex;\n          flex-direction: row;\n          justify-content: center;\n          align-items: center;\n          position: absolute;\n          top: 0;\n          left: 0;\n          width: 100%;\n          height: 100%;\n          background-color: ${({ theme }) =>\n    colourHelper({\n      theme,\n      variant: \"white\"\n    })};\n\n          .more-link {\n            margin: 0;\n            color: ${({ theme }) => colourHelper({\n    theme,\n    variant: \"black\"\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            text-align: center;\n\n            a {\n              display: block;\n              position: relative;\n              padding-top: 3.2rem;\n              color: ${({ theme }) =>\n    colourHelper({\n      theme,\n      variant: \"black\"\n    })};\n\n              &:hover {\n                color: ${({ theme }) =>\n    colourHelper({\n      theme,\n      variant: \"brandColor\"\n    })};\n\n                .icon-wrapper {\n                  .icon {\n                    fill: ${({ theme }) =>\n    colourHelper({\n      theme,\n      variant: \"brandColor\"\n    })};\n                  }\n                }\n              }\n\n              .keyword {\n                display: block;\n                position: absolute;\n                top: 0;\n                left: 0;\n                width: 100%;\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                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              .icon-wrapper {\n                display: block;\n                padding-top: 3.2rem;\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n\n  @media (min-width: 600px) {\n    h2 {\n      font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"display_1\"\n    })};\n    }\n\n    .articles-container {\n      display: flex;\n      flex-direction: row;\n      flex-wrap: wrap;\n      justify-content: center;\n\n      .articles-wrapper {\n        padding-top: 6.8rem;\n        width: 50%;\n\n        &:nth-child(-n + 2) {\n          padding-top: 0;\n        }\n\n        &:nth-child(odd) {\n          padding-right: 2%;\n\n          &:last-child {\n            padding-left: 1%;\n            padding-right: 1%;\n          }\n        }\n\n        &:nth-child(even) {\n          padding-left: 2%;\n        }\n      }\n    }\n  }\n\n  @media (min-width: 960px) {\n    h2 {\n      font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"display_2\"\n    })};\n    }\n\n    .articles-container {\n      .articles-wrapper {\n        padding-top: 8.2rem;\n        width: 33.33%;\n\n        &:nth-child(-n + 3) {\n          padding-top: 0;\n        }\n\n        &:nth-child(3n + 1) {\n          padding-left: 0;\n          padding-right: 2%;\n\n          &:last-child {\n            padding-left: 1%;\n            padding-right: 1%;\n          }\n        }\n\n        &:nth-child(3n + 2) {\n          padding-left: 1%;\n          padding-right: 1%;\n\n          &:last-child {\n            padding-left: 2%;\n            padding-right: 0;\n          }\n        }\n\n        &:nth-child(3n + 3) {\n          padding-left: 2%;\n          padding-right: 0;\n\n          &:last-child {\n            padding-left: 2%;\n            padding-right: 0;\n          }\n        }\n      }\n    }\n  }\n\n  @media (min-width: 1280px) {\n    h2 {\n      font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"display_3\"\n    })};\n    }\n  }\n\n  @media (min-width: 1440px) {\n    .articles-container {\n      .articles-wrapper {\n        .more-link-container {\n          .more-link-wrapper {\n            .more-link {\n              font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"title\"\n    })};\n\n              .keyword {\n                font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"small_3\"\n    })};\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n`;\n\nconst RelatedInsights = ({\n  invertContrast, authorName, articles\n}: IProps) => {\n  const invert = invertContrast ? invertContrast : false;\n  const authorFirstName = authorName ? authorName.split(\" \")[ 0 ] : \"\";\n  const nameSlugRegex = /[\\s'-]/i;\n  let nameSlug = \"\";\n\n  if (authorName) {\n    nameSlug = authorName.replace(nameSlugRegex, \"-\").toLowerCase();\n  }\n\n  return (\n    <RelatedInsightsContainer\n      className=\"content-container\"\n      invertContrast={invert}\n    >\n      <FullWidthColumnWrapper>\n        <h2>\n          {authorName ? `${authorFirstName}'s Insights` : \"Related Insights\"}\n\n          <span className=\"hr\">\n            <span />\n          </span>\n        </h2>\n\n        <div className=\"articles-container\">\n          {articles.map((article, i) => {\n            const rels = article.node.relationships;\n            // const tags = (rels && rels.field_labs_tags) || undefined;\n            const profile = getProfile(rels.author);\n\n            return (\n              <div\n                className=\"articles-wrapper\"\n                key={i}\n              >\n                {/* <InsightsTeaserMinimal\n                  invertContrast={invert}\n                  htmlHeadingTag=\"h3\"\n                  created={article.node.created}\n                  path={article.node.path.alias}\n                  title={article.node.title}\n                  tags={tags}\n                /> */}\n\n                <ArticleTeaser\n                  created={article.node.created}\n                  path={article.node.path.alias}\n                  title={article.node.title}\n                  htmlHeadingTag=\"h3\"\n                  author={profile.field_full_name}\n                  cover={article.node.relationships.field_cover_image}\n                />\n              </div>\n            );\n          })}\n\n          {authorName && (\n            <aside className=\"articles-wrapper\">\n              <div className=\"more-link-container\">\n                <div className=\"more-link-wrapper\">\n                  <p className=\"more-link\">\n                    <span className=\"off-screen\">\n                      Click here to see\n                      {\" \"}\n                    </span>\n\n                    <Link\n                      type=\"none\"\n                      href={`/insights/${nameSlug}`}\n                    >\n                      <>\n                        More\n                        {\" \"}\n\n                        <span className=\"keyword\">\n                          Insights\n                        </span>\n\n                        {\" \"}\n                        by\n\n                        {\" \"}\n\n                        {authorFirstName}\n\n                        <span className=\"icon-wrapper\">\n                          <Icon\n                            className=\"icon\"\n                            icon=\"arrowRight\"\n                            size={2.4}\n                          />\n                        </span>\n                      </>\n                    </Link>\n                  </p>\n                </div>\n              </div>\n            </aside>\n          )}\n\n          {!authorName && (\n            <aside className=\"articles-wrapper\">\n              <div className=\"more-link-container\">\n                <div className=\"more-link-wrapper\">\n                  <p className=\"more-link\">\n                    <span className=\"off-screen\">\n                      Click here to\n                      {\" \"}\n                    </span>\n\n                    <Link\n                      type=\"none\"\n                      href=\"/insights/\"\n                    >\n                      <>\n                        See more\n                        {\" \"}\n\n                        <span className=\"keyword\">\n                          Insights\n                        </span>\n\n                        <span className=\"icon-wrapper\">\n                          <Icon\n                            className=\"icon\"\n                            icon=\"arrowRight\"\n                            size={2.4}\n                          />\n                        </span>\n                      </>\n                    </Link>\n                  </p>\n                </div>\n              </div>\n            </aside>\n          )}\n        </div>\n      </FullWidthColumnWrapper>\n    </RelatedInsightsContainer>\n  );\n};\n\nexport default RelatedInsights;\n","import 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 DynamicHtmlTag from \"../dynamic-html-tag\";\nimport DynamicImage from \"../dynamic-image\";\nimport Link from \"../link\";\n\ninterface IUserBadge {\n  headingTag?: \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\n  fullName: string;\n  summary?: string;\n  job: string;\n  path: string;\n  cover?: ILocalFile<IFluid>;\n}\n\nconst UserBadgeWrapper = styled.div`\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  position: relative;\n  margin: 0 auto;\n  padding-top: 15.6rem;\n  width: 18.6rem;\n\n  .heading {\n    display: flex;\n    flex-direction: column;\n    position: relative;\n    margin-bottom: 0;\n    width: 100%;\n    text-align: center;\n\n    span {\n      display: block;\n    }\n\n    .name {\n      order: 2;\n      color: ${({ theme }) => colourHelper({\n    theme,\n    variant: \"black\"\n  })};\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: \"small\"\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    .role {\n      order: 1;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      height: 3rem;\n      color: ${({ theme }) => colourHelper({\n    theme,\n    variant: \"midGrey\"\n  })};\n      font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"small_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      letter-spacing: ${({ theme }) =>\n    fontSpaceHelper({\n      theme,\n      variant: \"medium\"\n    })};\n      text-transform: uppercase;\n    }\n  }\n\n  .image-wrapper {\n    position: absolute !important;\n    top: 0;\n    left: 0;\n    width: 100%;\n\n    .image {\n      margin: 0 auto;\n      width: 15rem;\n    }\n  }\n\n  .summary {\n    padding-top: 1rem;\n    color: ${({ theme }) => colourHelper({\n    theme,\n    variant: \"midGrey\"\n  })};\n    font-size: ${({ theme }) => fontSizeHelper({\n    theme,\n    variant: \"small_3\"\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\nconst UserBadge = ({\n  headingTag,\n  fullName,\n  job,\n  summary,\n  cover,\n  path\n}: IUserBadge) => {\n  return (\n    <UserBadgeWrapper>\n      <header role=\"banner\">\n        <DynamicHtmlTag\n          className=\"heading\"\n          htmlTag={headingTag || \"h3\"}\n        >\n          <>\n            <span className=\"name\">\n              <Link\n                type=\"none\"\n                href={path}\n              >\n                {fullName}\n              </Link>\n            </span>\n\n            <span className=\"role\">\n              <span className=\"off-screen\">\n                {\" \"}\n                (\n              </span>\n\n              {job}\n\n              <span className=\"off-screen\">\n                )\n              </span>\n            </span>\n          </>\n        </DynamicHtmlTag>\n      </header>\n\n      {cover && (\n        <Link\n          className=\"image-wrapper\"\n          type=\"none\"\n          href={path}\n        >\n          <DynamicImage\n            className=\"image\"\n            data={cover}\n            alt={fullName}\n          />\n        </Link>\n      )}\n\n      {summary && (\n        <p className=\"summary\">\n          {summary}\n        </p>\n      )}\n    </UserBadgeWrapper>\n  );\n};\n\nexport default UserBadge;\n","import Parser, {\n  domToReact,\n  DOMNode\n} from \"html-react-parser\";\nimport * as React from \"react\";\nimport {\n  Text,\n  Element\n} from \"domhandler\";\n\nimport Icon from \"../icon\";\nimport Link from \"../link\";\n\ninterface IProps {\n  className?: string;\n  type: \"plain\" | \"formatted\";\n  content: string;\n}\n\nconst isTextNode = (domNode: DOMNode): domNode is Text => domNode.nodeType === 2;\nconst isElementNode = (domNode: DOMNode): domNode is Element => domNode.nodeType === 1;\n\nconst Wysiwyg = ({\n  className, type, content\n}: IProps) => {\n  return (\n    <>\n      {Parser(content, {\n        replace: domNode => {\n          const newlineRegex = /(?:\\r\\n)|(?:\\r)|(?:\\n)/gi;\n\n          // Create a JSX.Element for plain text\n          if (\n            type === \"plain\" &&\n            isTextNode(domNode) &&\n            domNode.data &&\n            domNode.type === \"text\" &&\n            newlineRegex.test(domNode.data)\n          ) {\n            domNode.data = domNode.data.replace(\n              /(?:\\r\\n)|(?:\\r)|(?:\\n)/gi,\n              \"<br />\"\n            );\n\n            return (\n              <span\n                className={className}\n                dangerouslySetInnerHTML={{ __html: domNode.data }}\n              />\n            );\n          }\n\n          // Replace <a> tags with our own <Link> JSX.Element\n          if (\n            isElementNode(domNode) &&\n            domNode.children &&\n            domNode.name === \"a\"\n          ) {\n            // Return the domNode if there is no data inside the child\n            if (!(domNode.children[ 0 ] as Text).data) {\n              return domNode;\n            }\n\n            return (\n              <Link\n                type=\"inline\"\n                href={domNode.attribs ? domNode.attribs.href : \"#\"}\n              >\n                {(domNode.children[ 0 ] as Text).data}\n              </Link>\n            );\n          }\n\n          if (isElementNode(domNode) && domNode.name === \"blockquote\") {\n            return (\n              <blockquote>\n                <span className=\"speech-mark\">\n                  <Icon\n                    className=\"icon\"\n                    icon=\"speechMarks\"\n                    size={2}\n                  />\n                </span>\n\n                {domToReact(domNode.children)}\n              </blockquote>\n            );\n          }\n\n          return domNode;\n        }\n      })}\n    </>\n  );\n};\n\nexport default Wysiwyg;\n","import React from \"react\";\n\nimport { IProfileData } from \"../../pages/about-us\";\nimport getProfile from \"../../templates/utils/getProfile\";\nimport styled from \"../../theme/styled\";\nimport {\n  colourHelper,\n  fontLineHeightHelper,\n  fontSizeHelper,\n  fontSpaceHelper,\n  fontWeightHelper\n} from \"../../theme/theme-helper\";\nimport {\n  ColumnWidthWrapper,\n  SmallColumnWidthWrapper\n} from \"../confines-wrappers\";\nimport Link from \"../link\";\nimport UserBadge from \"../user-badge\";\n\ninterface IProps {\n  teamMembers: IProfileData[];\n}\n\nconst TeamMembersWrapper = styled.div`\n  h2,\n  p {\n    margin: 0;\n    padding: 0;\n    text-align: center;\n  }\n\n  .team-members-text {\n    h2 {\n      margin: 0;\n      padding: 0;\n      color: ${({ theme }) => colourHelper({\n    theme,\n    variant: \"brandColor\"\n  })};\n      font-size: ${({ theme }) => fontSizeHelper({\n    theme,\n    variant: \"body_1\"\n  })};\n      font-weight: ${({ theme }) =>\n    fontWeightHelper({\n      theme,\n      variant: \"bold\"\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    p {\n      transform: 0.2s ease-in-out;\n      margin-bottom: 0;\n      padding-top: ${({ theme }) =>\n    fontLineHeightHelper({\n      theme,\n      variant: \"small\"\n    })};\n      font-size: ${({ theme }) => fontSizeHelper({\n    theme,\n    variant: \"body_2\"\n  })};\n      font-weight: ${({ theme }) =>\n    fontWeightHelper({\n      theme,\n      variant: \"bold\"\n    })};\n      line-height: ${({ theme }) =>\n    fontLineHeightHelper({\n      theme,\n      variant: \"default\"\n    })};\n    }\n  }\n\n  .team-members {\n    transition: 0.2s ease-in-out;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    padding-top: 3.2rem;\n\n    .team-member {\n      transition: 0.2s ease-in-out;\n      padding-top: 3.2rem;\n      width: 100%;\n\n      &:first-child {\n        padding-top: 0;\n      }\n    }\n  }\n\n  .careers-link {\n    padding-top: 6.8rem;\n    font-size: ${({ theme }) => fontSizeHelper({\n    theme,\n    variant: \"small_3\"\n  })};\n    font-weight: ${({ theme }) => fontWeightHelper({\n    theme,\n    variant: \"bold\"\n  })};\n    line-height: ${({ theme }) =>\n    fontLineHeightHelper({\n      theme,\n      variant: \"small\"\n    })};\n  }\n\n  @media (min-width: 480px) {\n    .team-members-text {\n      p {\n        font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"subhead_1\"\n    })};\n      }\n    }\n\n    .team-members {\n      flex-direction: row;\n      flex-wrap: wrap;\n      justify-content: center;\n      padding-top: 6.4rem;\n\n      .team-member {\n        width: 50%;\n\n        &:nth-child(2) {\n          padding-top: 0;\n        }\n      }\n    }\n\n    .careers-link {\n      padding-top: 8.8rem;\n    }\n  }\n\n  @media (min-width: 600px) {\n    .team-members-text {\n      p {\n        font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"subhead_2\"\n    })};\n      }\n    }\n\n    .team-members {\n      flex-direction: row;\n      flex-wrap: wrap;\n      justify-content: center;\n      padding-top: 4.8rem;\n\n      .team-member {\n        width: 33.33%;\n\n        &:nth-child(3) {\n          padding-top: 0;\n        }\n      }\n    }\n\n    .careers-link {\n      font-size: ${({ theme }) => fontSizeHelper({\n    theme,\n    variant: \"body_1\"\n  })};\n    }\n  }\n\n  @media (min-width: 768px) {\n    .team-members {\n      padding-top: 6.4rem;\n\n      .team-member {\n        padding-top: 3%;\n      }\n    }\n  }\n\n  @media (min-width: 960px) {\n    .team-members-text {\n      h2 {\n        font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"body_2\"\n    })};\n      }\n\n      p {\n        font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"title\"\n    })};\n      }\n    }\n\n    .team-members {\n      padding-top: 6%;\n\n      .team-member {\n        width: 25%;\n\n        &:nth-child(4) {\n          padding-top: 0;\n        }\n      }\n    }\n\n    .careers-link {\n      font-size: ${({ theme }) => fontSizeHelper({\n    theme,\n    variant: \"body_2\"\n  })};\n    }\n  }\n\n  @media (min-width: 1024px) {\n    .team-members {\n      .team-member {\n        width: 20%;\n\n        &:nth-child(5) {\n          padding-top: 0;\n        }\n      }\n    }\n  }\n\n  @media (min-width: 1440px) {\n    .team-members {\n      padding-top: 8.8rem;\n    }\n  }\n`;\n\nconst TeamMembers = ({ teamMembers }: IProps) => (\n  <TeamMembersWrapper\n    id=\"meet-the-team\"\n    className=\"content-container team-members-wrapper\"\n  >\n    <SmallColumnWidthWrapper className=\"team-members-text\">\n      <h2>\n        Meet the team\n      </h2>\n\n      <p>\n        Meet the award-winning team of creative geeks, thinkers and grafters.\n        {\" \"}\n\n        <Link href=\"/contact\">\n          Drop us a line\n        </Link>\n\n        {\" \"}\n        anytime.\n      </p>\n    </SmallColumnWidthWrapper>\n\n    <ColumnWidthWrapper className=\"team-members\">\n      {teamMembers.map((member: IProfileData, i: number) => {\n        const profile = getProfile(member);\n\n        const mugshot =\n          profile.relationships && profile.relationships.field_mugshot;\n\n        return (\n          <article\n            className=\"team-member\"\n            key={i}\n          >\n            <UserBadge\n              path={profile.path.alias}\n              fullName={profile.field_full_name}\n              job={profile.field_job_title}\n              summary={profile.field_team_micro_snippet}\n              cover={mugshot}\n            />\n          </article>\n        );\n      })}\n    </ColumnWidthWrapper>\n\n    <SmallColumnWidthWrapper>\n      <aside>\n        <p className=\"careers-link\">\n          <Link\n            type=\"styled\"\n            href=\"/careers\"\n          >\n            Current Vacancies\n          </Link>\n        </p>\n      </aside>\n    </SmallColumnWidthWrapper>\n  </TeamMembersWrapper>\n);\n\nexport default TeamMembers;\n","import { graphql } from \"gatsby\";\nimport React from \"react\";\nimport styled from \"styled-components\";\n\nimport AuthorSocialLinks from \"../components/author-social-links/author-social-links\";\nimport { HalfColumnWidthWrapper } from \"../components/confines-wrappers\";\nimport DynamicImage from \"../components/dynamic-image\";\nimport FieldTechnicalArticle from \"../components/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 RelatedInsights from \"../components/related-insights\";\n// import RelatedLatestArticles from '../components/related-latest-articles';\nimport TeamMembers from \"../components/team-members\";\nimport Wysiwyg from \"../components/wysiwyg\";\nimport {\n  IProfileData,\n  IProfileFields\n} from \"../pages/about-us\";\nimport { IInsightsArticleData } from \"../pages/insights\";\nimport { IBlogArticleData } from \"../pages/latest\";\nimport {\n  colourHelper,\n  fontLineHeightHelper,\n  fontSizeHelper,\n  fontSpaceHelper,\n  fontWeightHelper\n} from \"../theme/theme-helper\";\n\ninterface IProfileProps {\n  profileTeamProfile: IProfileFields;\n  nodeAboutUsOverview: {\n    relationships: {\n      field_ordered_team_members: IProfileData[];\n    };\n  };\n  allNodeBlogArticle: {\n    edges: IBlogEdges[];\n  };\n  allNodeLabsArticle: {\n    edges: ILabEdges[];\n  };\n}\n\ninterface IBlogEdges {\n  node: IBlogArticleData;\n}\ninterface ILabEdges {\n  node: IInsightsArticleData;\n}\n\ninterface ITeamMembersWrapper {\n  invertContrast: boolean;\n}\n\nconst ProfileWrapper = styled.div`\n  .profile-bio-wrapper {\n    transition: 0.2s ease-in-out;\n    padding-top: 6.4rem;\n\n    .profile-bio {\n      .heading {\n        transition: 0.2s ease-in-out;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        position: relative;\n        padding-top: 16.8rem;\n\n        h1 {\n          display: flex;\n          flex-direction: column;\n          position: relative;\n          margin: 0;\n          width: 100%;\n          text-align: center;\n\n          span {\n            display: block;\n          }\n\n          .name {\n            order: 2;\n            color: ${({ theme }) => colourHelper({\n    theme,\n    variant: \"black\"\n  })};\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: \"large\"\n    })};\n          }\n\n          .role {\n            order: 1;\n            color: ${({ theme }) =>\n    colourHelper({\n      theme,\n      variant: \"midGrey\"\n    })};\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: \"default\"\n    })};\n            letter-spacing: ${({ theme }) =>\n    fontSpaceHelper({\n      theme,\n      variant: \"medium\"\n    })};\n            text-transform: uppercase;\n          }\n        }\n\n        .image-wrapper {\n          position: absolute !important;\n          top: 0;\n          left: 0;\n          width: 100%;\n\n          .image {\n            margin: 0 auto;\n            width: 15rem;\n          }\n        }\n\n        .socials {\n          a {\n            .icon {\n              fill: ${({ theme }) =>\n    colourHelper({\n      theme,\n      variant: \"brandColor\"\n    })};\n            }\n\n            &:hover {\n              .icon {\n                fill: ${({ theme }) =>\n    colourHelper({\n      theme,\n      variant: \"brandColorLight\"\n    })};\n              }\n            }\n          }\n        }\n\n        .hr {\n          transition: 0.2s ease-in-out;\n          display: block;\n          padding-top: 2.4rem;\n\n          span {\n            display: block;\n            margin: 0 auto;\n            width: 5rem;\n            height: 0.5rem;\n            background-color: ${({ theme }) =>\n    colourHelper({\n      theme,\n      variant: \"brandColor\"\n    })};\n          }\n        }\n      }\n\n      .content {\n        transition: 0.2s ease-in-out;\n        padding-top: 3.8rem;\n\n        .summary {\n          p {\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: \"large\"\n    })};\n\n            strong {\n              font-weight: ${({ theme }) =>\n    fontWeightHelper({\n      theme,\n      variant: \"heavy\"\n    })};\n            }\n\n            &:first-child {\n              padding-top: 0;\n            }\n          }\n        }\n      }\n    }\n  }\n\n  @media (min-width: 375px) {\n    .profile-bio-wrapper {\n      .profile-bio {\n        .heading {\n          h1 {\n            .name {\n              font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"display_1\"\n    })};\n            }\n\n            .role {\n              font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"small_3\"\n    })};\n            }\n          }\n        }\n\n        .content {\n          padding-top: 4.2rem;\n        }\n      }\n    }\n  }\n\n  @media (min-width: 600px) {\n    .profile-bio-wrapper {\n      .profile-bio {\n        .heading {\n          .hr {\n            padding-top: 3.2rem;\n          }\n        }\n\n        .content {\n          padding-top: 6.8rem;\n        }\n      }\n    }\n  }\n\n  @media (min-width: 768px) {\n    .profile-bio-wrapper {\n      padding-top: 8.2rem;\n\n      .profile-bio {\n        .content {\n          padding-top: 8.2rem;\n        }\n      }\n    }\n  }\n\n  @media (min-width: 960px) {\n    .profile-bio-wrapper {\n      .profile-bio {\n        .heading {\n          h1 {\n            .name {\n              font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"display_2\"\n    })};\n            }\n\n            .role {\n              font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"body_1\"\n    })};\n            }\n          }\n        }\n\n        .content {\n          .summary {\n            p {\n              font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"body_2\"\n    })};\n            }\n          }\n        }\n      }\n    }\n  }\n\n  @media (min-width: 1280px) {\n    .profile-bio-wrapper {\n      .profile-bio {\n        .heading {\n          h1 {\n            .name {\n              font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"display_3\"\n    })};\n            }\n\n            .role {\n              font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"body_2\"\n    })};\n            }\n          }\n        }\n      }\n    }\n  }\n`;\n\nconst TeamMembersWrapper = styled<ITeamMembersWrapper, \"div\">(\"div\")`\n  background-color: ${props =>\n    props.invertContrast ?\n      ({ theme }) => colourHelper({\n        theme,\n        variant: \"altLightGrey\"\n      }) :\n      ({ theme }) => colourHelper({\n        theme,\n        variant: \"white\"\n      })};\n`;\n\nconst Profile = ({ data }: { data: IProfileProps }) => {\n  const profile = data.profileTeamProfile;\n\n  const teamMembers =\n    data.nodeAboutUsOverview.relationships.field_ordered_team_members;\n\n  const pr = profile.relationships;\n  const mugshot = pr && pr.field_mugshot;\n  const fieldTeamAbout = pr && pr.field_team_about;\n\n  const breadcrumbsSchemaData = breadCrumbSchema([\n    {\n      name: \"About us\",\n      path: \"/about-us\"\n    },\n    {\n      name: profile.field_full_name,\n      path: profile.path.alias\n    }\n  ]);\n\n  const schemaJson = [ breadcrumbsSchemaData ];\n\n  return (\n    <Layout>\n      <>\n        <HelmetWrapper\n          title={`${profile.field_full_name} (${profile.field_job_title})`}\n          description={profile.field_team_micro_snippet}\n          updatedAt={profile.changed}\n          canonicalPath={profile.path.alias}\n        >\n          <script type=\"application/ld+json\">\n            {JSON.stringify(schemaJson)}\n          </script>\n        </HelmetWrapper>\n\n        <header role=\"banner\">\n          <Header\n            initialLogo\n            initialTheme=\"light\"\n          />\n        </header>\n\n        <main\n          id=\"main-content\"\n          role=\"main\"\n        >\n          <ProfileWrapper>\n            <div className=\"profile-bio-wrapper\">\n              <div className=\"content-container profile-bio\">\n                <HalfColumnWidthWrapper>\n                  <div className=\"heading\">\n                    <h1>\n                      <span className=\"name\">\n                        {profile.field_full_name}\n                      </span>\n\n                      <span className=\"role\">\n                        <span className=\"off-screen\">\n                          {\" \"}\n                          (\n                        </span>\n\n                        {profile.field_job_title}\n\n                        <span className=\"off-screen\">\n                          )\n                        </span>\n                      </span>\n                    </h1>\n\n                    {mugshot && (\n                      <div className=\"image-wrapper\">\n                        <DynamicImage\n                          className=\"image\"\n                          data={mugshot}\n                          alt={profile.field_full_name}\n                        />\n                      </div>\n                    )}\n\n                    {profile.field_instagram_username ||\n                    profile.field_twitter_username ? (\n                      <AuthorSocialLinks\n                        twitterUsername={profile.field_twitter_username}\n                        instagramUsername={profile.field_instagram_username}\n                      />\n                      ) : (\n                        <span className=\"hr\">\n                          <span />\n                        </span>\n                      )}\n                  </div>\n                </HalfColumnWidthWrapper>\n\n                <div className=\"content\">\n                  <div className=\"summary\">\n                    <HalfColumnWidthWrapper>\n                      {profile.field_team_summary && (\n                        <Wysiwyg\n                          type=\"formatted\"\n                          content={profile.field_team_summary.processed}\n                        />\n                      )}\n                    </HalfColumnWidthWrapper>\n                  </div>\n\n                  {fieldTeamAbout && (\n                    <FieldTechnicalArticle\n                      type=\"basic\"\n                      paragraphs={fieldTeamAbout}\n                    />\n                  )}\n                </div>\n              </div>\n            </div>\n\n            <aside>\n              {data.allNodeLabsArticle &&\n                data.allNodeLabsArticle.edges.length > 0 && (\n                  <RelatedInsights\n                    invertContrast\n                    articles={data.allNodeLabsArticle.edges}\n                    authorName={profile.field_full_name}\n                  />\n              )}\n\n              {/* {data.allNodeBlogArticle &&\n                data.allNodeBlogArticle.edges.length > 0 && (\n                  <RelatedLatestArticles\n                    invertContrast={data.allNodeLabsArticle.edges.length === 0}\n                    articles={data.allNodeBlogArticle.edges}\n                    authorName={profile.field_full_name}\n                  />\n                )} */}\n\n              <TeamMembersWrapper\n                // invertContrast={\n                //   (data.allNodeLabsArticle.edges.length > 0 &&\n                //     data.allNodeBlogArticle.edges.length > 0) ||\n                //   (data.allNodeLabsArticle.edges.length === 0 &&\n                //     data.allNodeBlogArticle.edges.length === 0)\n                // }\n                invertContrast={data.allNodeLabsArticle.edges.length === 0}\n              >\n                <TeamMembers teamMembers={teamMembers} />\n              </TeamMembersWrapper>\n            </aside>\n          </ProfileWrapper>\n        </main>\n\n        <footer role=\"contentinfo\">\n          <Footer />\n        </footer>\n      </>\n    </Layout>\n  );\n};\n\nexport default Profile;\n\nexport const query = graphql`\n  query($slug: String!, $id: String!) {\n    profileTeamProfile(path: { alias: { eq: $slug } }) {\n      ...getProfileData\n    }\n    nodeAboutUsOverview {\n      relationships {\n        field_ordered_team_members {\n          relationships {\n            profile__team_profile {\n              ...getProfileData\n            }\n          }\n        }\n      }\n    }\n    allNodeBlogArticle(\n      limit: 2\n      filter: { relationships: { uid: { id: { eq: $id } } } }\n    ) {\n      edges {\n        node {\n          ...getLatestData\n        }\n      }\n    }\n    allNodeLabsArticle(\n      limit: 2\n      filter: { relationships: { uid: { id: { eq: $id } } } }\n    ) {\n      edges {\n        node {\n          ...getLabsData\n        }\n      }\n    }\n  }\n`;\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":["ArticleWrapper","styled","theme","fontSizeHelper","variant","fontWeightHelper","fontLineHeightHelper","fontSpaceHelper","colourHelper","htmlHeadingTag","path","created","title","author","cover","className","htmlTag","type","color","underlinecolor","href","data","alt","AuthorSocialLinksStyled","twitterUsername","instagramUsername","target","icon","size","children","React","RelatedInsightsContainer","props","invertContrast","authorName","articles","invert","authorFirstName","split","nameSlug","replace","toLowerCase","map","article","i","rels","node","relationships","profile","getProfile","key","alias","field_full_name","field_cover_image","UserBadgeWrapper","headingTag","fullName","job","summary","role","isElementNode","domNode","nodeType","content","Parser","isTextNode","test","dangerouslySetInnerHTML","__html","name","attribs","domToReact","TeamMembersWrapper","teamMembers","id","member","mugshot","field_mugshot","field_job_title","field_team_micro_snippet","ProfileWrapper","profileTeamProfile","nodeAboutUsOverview","field_ordered_team_members","pr","fieldTeamAbout","field_team_about","schemaJson","breadCrumbSchema","description","updatedAt","changed","canonicalPath","JSON","stringify","initialLogo","initialTheme","field_instagram_username","field_twitter_username","field_team_summary","processed","paragraphs","allNodeLabsArticle","edges","length","profile__team_profile","hidden","localFile","childImageSharp","publicURL","filename"],"sourceRoot":""}