{"version":3,"sources":["webpack://cep-gatsby-starter-code/./src/components/Hero/index.js","webpack://cep-gatsby-starter-code/./src/components/PartnershipPromo/index.js","webpack://cep-gatsby-starter-code/./src/components/Resource/Action.js","webpack://cep-gatsby-starter-code/./src/components/Subfooter/index.js","webpack://cep-gatsby-starter-code/./src/components/Video/index.js","webpack://cep-gatsby-starter-code/./src/templates/careerProfile.js"],"names":["Hero","mediaSource","textOverlay","className","currentPath","useLocation","pathname","pageTitle","heading","filename","fullWidth","classNames","onClick","navigate","defaultProps","label","metadata","module","moduleName","link","download","noIcon","asLink","index","Link","to","marginRight","name","target","forceExternal","data-click-type","data-click-name","rel","isSecondary","useState","randIndex","setRandIndex","isHome","useEffect","Math","floor","random","engineeringTypes","engineeringType","size","offset","title","body","Image","img","Video","src","guidSrc","poster","autoplay","other","ready","setReady","hostname","setHostname","useImageQuery","getFinalImagePath","getFinalImagePathByFilename","site","useStaticQuery","window","location","protocol","port","qs","startsWith","imagePath","encodeURI","siteMetadata","gaId","getQueryString","width","height","frameBorder","scrolling","autoPlay","allowFullScreen","data","pageContext","orderLookup","relatedMap","profile","allCareerProfilesYaml","edges","node","sortIndex","parseInt","parent","maxCareerIndex","videoSrc","videoPoster","marginLeft","introHeader","dangerouslySetInnerHTML","__html","introParagraph","studentActivationPDF","careerProfilePDF","quoteImage","quote","quoteAttribution","id","related","relatedImage","shortDescription"],"mappings":"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","file":"component---src-templates-career-profile-js-8d5b0b294dd1338ae2f4.js","sourcesContent":["import React from 'react';\nimport { navigate } from 'gatsby-link';\nimport { useLocation } from '@reach/router';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { Container } from '../Grid';\nimport Section from '../Section';\nimport Image from '../Image';\nimport './styles.scss';\n\nconst Hero = ({ mediaSource, textOverlay, className }) => {\n  const { pathname: currentPath } = useLocation();\n\n  const pageTitle = textOverlay && textOverlay.pageTitle;\n  const heading = textOverlay && textOverlay.heading;\n\n  const isHome = currentPath === '/';\n\n  if (isHome) {\n    return (\n      <Section className=\"pl-0 pr-0 pb-0 pt-0 hero\">\n        <Image\n          filename=\"img-home-lead-background.png\"\n          className=\"hero__home-bg-img\"\n        />\n        <Container fullWidth>\n          <div className={classNames('hero__home', className)}>\n            <div className=\"hero__home-logo-container\">\n              <Image\n                filename={'logo-engineering-dreams.png'}\n                className=\"hero__home-program-logo\"\n              />\n              <p className=\"hero__home-text-overlay\">CREATE YOUR BEST WORLD</p>\n              <h4 className=\"hero__home-tagline mt-1.5\">\n                Empowering K–12 Classrooms with STEM Resources\n              </h4>\n            </div>\n            <Image\n              filename=\"img-home-lead-foreground.png\"\n              className=\"hero__home-fg-img\"\n              onClick={() => navigate('/educators/video-topic-series')}\n            />\n          </div>\n        </Container>\n      </Section>\n    );\n  } else {\n    return (\n      <Section className=\"pl-0 pr-0 pb-0 pt-0\">\n        <div className={classNames('hero', className)}>\n          <Image filename={mediaSource} className=\"hero__bg-img\" />\n          <div className=\"hero__text-overlay\">\n            <Container>\n              {pageTitle && (\n                <p className=\"hero__text-overlay-page-title\">{pageTitle}</p>\n              )}\n              <p className=\"hero__text-overlay-heading\">{heading}</p>\n            </Container>\n          </div>\n        </div>\n      </Section>\n    );\n  }\n};\n\nHero.defaultProps = {\n  textOverlay: null,\n  className: null,\n};\n\nHero.propTypes = {\n  /** A path to video or a filename for an image (using the Image Component)\n   */\n  mediaSource: PropTypes.string,\n  /** Text overlay for the image.\n   * pageTitle is the path of the page. i.e. Educators\n   * heading is what is displayed below the page title. i.e. Video Topic Series\n   */\n  textOverlay: PropTypes.shape({\n    pageTitle: PropTypes.string,\n    heading: PropTypes.string.isRequired,\n  }),\n  /** A custom class name */\n  classNames: PropTypes.string,\n};\n\nexport default Hero;\n","import React from 'react';\nimport { Container } from '../Grid';\nimport Image from '../Image';\nimport './styles.scss';\n\nconst PartnershipPromo = ({ className }) => (\n  <Container className={className}>\n    <div className=\"partnership-promo\">\n      <p className=\"pt-2 text-bold\">\n        ASME IS A PROUD PARTNER OF THE STEM CAREERS COALITION\n      </p>\n      <div className=\"partnership-promo__logo-container pb-2\">\n        <Image filename=\"logo-asme-blue.svg\" />\n        <Image filename=\"logo-stem-career-coalition.svg\" />\n      </div>\n    </div>\n  </Container>\n);\n\nexport default PartnershipPromo;\n","import React from 'react';\nimport { Link } from 'gatsby';\nimport PropTypes from 'prop-types';\nimport Icon from '../Icon';\nimport Button from '../Button';\n\nimport './styles.scss';\n\nconst Action = ({\n  label,\n  metadata,\n  module,\n  moduleName,\n  link,\n  download,\n  noIcon,\n  asLink,\n  index,\n}) => {\n  const renderModuleLink = () => {\n    return (\n      <Button\n        to={module}\n        target=\"_blank\"\n        forceExternal\n        data-click-type=\"Module Launch\"\n        data-click-name={moduleName}\n        className=\"resource__action-link\"\n      >\n        {!noIcon && (\n          <Icon\n            marginRight\n            name=\"externallink\"\n            className=\"resource__action-icon\"\n          />\n        )}\n        {label}\n      </Button>\n    );\n  };\n\n  const renderLink = () => {\n    return asLink ? (\n      <Link to={link} className=\"resource__action-link\">\n        {!noIcon && (\n          <Icon marginRight name=\"module\" className=\"resource__action-icon\" />\n        )}\n        {label}\n      </Link>\n    ) : (\n      <Button to={link} className=\"resource__action-link\">\n        {label}\n      </Button>\n    );\n  };\n\n  const renderDownload = () => {\n    return (\n      <Button\n        to={download}\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n        className=\"resource__action-link\"\n        link={asLink}\n        isSecondary={index}\n      >\n        {!noIcon && (\n          <Icon name=\"download\" className=\"resource__action-icon\" marginRight />\n        )}\n        {label}\n      </Button>\n    );\n  };\n\n  return (\n    <div className=\"resource__action\">\n      {link && renderLink()}\n      {module && renderModuleLink()}\n      {download && renderDownload()}\n      {metadata && <span className=\"resource__metadata\">{metadata}</span>}\n    </div>\n  );\n};\n\nAction.propTypes = {\n  label: PropTypes.node.isRequired,\n  metadata: PropTypes.string,\n  module: PropTypes.string,\n  download: PropTypes.string,\n  noIcon: PropTypes.bool,\n  asLink: PropTypes.bool,\n};\n\nexport default Action;\n","import React, { useState, useEffect } from 'react';\nimport { navigate } from 'gatsby-link';\nimport { useLocation } from '@reach/router';\nimport { Row, Column, Container } from '../Grid';\nimport Image from '../Image';\nimport engineeringTypes from './engineering-types.json';\nimport './styles.scss';\n\nconst Subfooter = () => {\n  const [randIndex, setRandIndex] = useState(null);\n  const { pathname: currentPath } = useLocation();\n  const isHome = currentPath === '/';\n\n  useEffect(() => {\n    setRandIndex(Math.floor(Math.random() * engineeringTypes.length));\n  }, []);\n\n  const mechanicalEngineeringIndex = 0;\n  const index = isHome ? mechanicalEngineeringIndex : randIndex;\n  const engineeringType =\n    typeof randIndex === 'number' ? engineeringTypes[index] : null;\n\n  return (\n    engineeringType && (\n      <Row className=\"subfooter__bg-img\">\n        <Container fullWidth className=\"subfooter__content-wrapper\">\n          <Column size={6} offset={1} className=\"subfooter__content\">\n            <p className=\"subfooter__content-title h2 color-yellow\">\n              {engineeringType.title}\n            </p>\n            <p className=\"subfooter__content-body h2 color-white\">\n              {engineeringType.body}\n            </p>\n          </Column>\n          <Column size={5}>\n            <Image\n              filename={engineeringType.img}\n              className=\"subfooter__img\"\n              onClick={() => navigate('/students')}\n            />\n          </Column>\n        </Container>\n      </Row>\n    )\n  );\n};\n\nexport default Subfooter;\n","import React, { useEffect, useState } from 'react';\nimport { useStaticQuery, graphql } from 'gatsby';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport useImageQuery from '../../hooks/useImageQuery';\nimport './styles.scss';\n\nconst Video = ({\n  src,\n  guidSrc,\n  poster,\n  autoplay,\n  title,\n  className,\n  ...other\n}) => {\n  const [ready, setReady] = useState(false);\n  const [hostname, setHostname] = useState('');\n  const { getFinalImagePath, getFinalImagePathByFilename } = useImageQuery();\n\n  const { site } = useStaticQuery(graphql`\n    query {\n      site {\n        siteMetadata {\n          gaId\n        }\n      }\n    }\n  `);\n\n  // This will run once after the initial render.\n  useEffect(() => {\n    setHostname(\n      window.location.protocol +\n        '//' +\n        window.location.hostname +\n        (window.location.port ? ':' + window.location.port : '')\n    );\n    setReady(true);\n  }, []);\n\n  const getQueryString = () => {\n    let qs;\n\n    if (src) {\n      qs = `videoSrc=${src}`;\n\n      if (poster) {\n        if (poster.startsWith('https://') || poster.startsWith('http://')) {\n          qs += `&posterSrc=${poster}`;\n        } else {\n          // If we reach here, this must be a local path\n          let imagePath = getFinalImagePath(poster);\n          if (!imagePath) {\n            imagePath = getFinalImagePathByFilename(poster);\n          }\n          qs += `&posterSrc=${encodeURI(hostname + imagePath)}`;\n        }\n      }\n      if (site.siteMetadata.gaId) {\n        qs += `&gaId=${site.siteMetadata.gaId}`;\n      }\n    }\n\n    return qs;\n  };\n\n  return (\n    <>\n      {ready && (\n        <div className={classNames('video', className)} {...other}>\n          <iframe\n            src={\n              src\n                ? `https://embed.discoveryeducation.com?${getQueryString()}`\n                : `https://app.discoveryeducation.com/learn/embedded-player/${guidSrc}?utm_source=microsite&utm_medium=embed`\n            }\n            title={title}\n            poster={poster}\n            width=\"560\"\n            height=\"349\"\n            frameBorder=\"0\"\n            scrolling=\"no\"\n            autoPlay={autoplay}\n            allowFullScreen\n          ></iframe>\n        </div>\n      )}\n    </>\n  );\n};\n\nVideo.defaultProps = {\n  src: null,\n  poster: null,\n  autoplay: false,\n  className: null,\n};\n\nVideo.propTypes = {\n  /** The URL of the video src. */\n  src: PropTypes.string,\n  /** The GUID for the video. */\n  guidSrc: PropTypes.string,\n  /** The title of the video */\n  title: PropTypes.string,\n  /** The URL for a poster image */\n  poster: PropTypes.string,\n  /** Toggle autoplay */\n  autoplay: PropTypes.bool,\n  /** A custom class name */\n  className: PropTypes.string,\n};\n\nexport default Video;\n","import React from 'react';\nimport { graphql, Link } from 'gatsby';\nimport Layout from '../components/Layout';\nimport Section from '../components/Section';\nimport { Container, Row, Column } from '../components/Grid';\nimport Button from '../components/Button';\nimport Action from '../components/Resource/Action';\nimport Video from '../components/Video';\nimport Icon from '../components/Icon';\nimport Image from '../components/Image';\nimport Subfooter from '../components/Subfooter/index';\nimport Hero from '../components/Hero';\nimport PartnershipPromo from '../components/PartnershipPromo';\nimport './styles.scss';\n\nconst CareerProfile = ({ data, pageContext: { orderLookup, relatedMap } }) => {\n  const profile = data.allCareerProfilesYaml.edges[0].node;\n  const sortIndex = parseInt(orderLookup[profile.parent.name]);\n  const maxCareerIndex = parseInt(orderLookup['max']);\n\n  return (\n    <Layout\n      title={`${profile.title} | Career Profiles`}\n      className=\"career-profile\"\n    >\n      <Hero\n        mediaSource=\"img-lead-careers.png\"\n        textOverlay={{ heading: profile.title }}\n      />\n      <Section className=\"pt-1\">\n        <Container fullWidth>\n          <Row>\n            <Column>\n              <p className=\"mb-0.5\">\n                <Link to=\"/students\">&lsaquo; View All Career Profiles</Link>\n              </p>\n              <Container fullWidth className=\"profile__video-container\">\n                <div className=\"profile__video-wrapper\">\n                  {sortIndex > 1 && (\n                    <Link to={`/career-profiles/${orderLookup[sortIndex - 1]}`}>\n                      <Icon\n                        marginRight\n                        name=\"arrowleft\"\n                        className=\"profile__switch-button\"\n                      />\n                    </Link>\n                  )}\n                  <Video\n                    className=\"profile__video\"\n                    guidSrc={profile.videoSrc}\n                    poster={profile.videoPoster}\n                  />\n                  {sortIndex < maxCareerIndex && (\n                    <Link to={`/career-profiles/${orderLookup[sortIndex + 1]}`}>\n                      <Icon\n                        marginLeft\n                        name=\"arrowright\"\n                        className=\"profile__switch-button\"\n                      />\n                    </Link>\n                  )}\n                </div>\n              </Container>\n            </Column>\n          </Row>\n          <Row className=\"pt-1\">\n            <Column size={8}>\n              <h3 className=\"mt-1\">{profile.introHeader}</h3>\n              <p\n                dangerouslySetInnerHTML={{ __html: profile.introParagraph }}\n                className=\"profile__intro-paragraph\"\n              />\n              <div className=\"profile__pdf-button-wrapper mt-2\">\n                {profile.studentActivationPDF && (\n                  <Action\n                    label=\"Student Activation\"\n                    download={profile.studentActivationPDF}\n                    target=\"_blank\"\n                    rel=\"noreferrer\"\n                    className=\"profile__pdf-button\"\n                  >\n                    Student Activation\n                  </Action>\n                )}\n                {profile.careerProfilePDF && (\n                  <Action\n                    label=\"Career Profile\"\n                    download={profile.careerProfilePDF}\n                    target=\"_blank\"\n                    rel=\"noreferrer\"\n                    className=\"profile__pdf-button\"\n                  >\n                    Career Profile\n                  </Action>\n                )}\n              </div>\n              <PartnershipPromo className=\"mt-4\" />\n            </Column>\n            <Column size={4}>\n              <div className=\"profile__quote-wrapper\">\n                <Image\n                  filename={profile.quoteImage}\n                  className=\"profile__quote-img mt-1\"\n                />\n                <div className=\"profile__quote mt-3\">\n                  <p\n                    dangerouslySetInnerHTML={{ __html: profile.quote }}\n                    className=\"profile__quote-body\"\n                  />\n                  <p\n                    dangerouslySetInnerHTML={{\n                      __html: profile.quoteAttribution,\n                    }}\n                    className=\"mt-1.5\"\n                  />\n                  <p className=\"profile__quote-sub-quote\">\n                    STEM Careers Coalition COVID-19 Solution Seeker\n                  </p>\n                </div>\n              </div>\n            </Column>\n          </Row>\n          <Row className=\"mt-3\">\n            <Column>\n              <h3 id=\"additional\">Additional Careers to explore</h3>\n            </Column>\n          </Row>\n          <Row>\n            <Column size={6}>\n              {profile.related[0] && (\n                <>\n                  <Image\n                    filename={relatedMap[profile.related[0]].relatedImage}\n                  />\n                  <h4 className=\"mt-1\">\n                    {relatedMap[profile.related[0]].title}\n                  </h4>\n                  <p\n                    dangerouslySetInnerHTML={{\n                      __html: relatedMap[profile.related[0]].shortDescription,\n                    }}\n                    className=\"profile__related-description\"\n                  />\n                  <Button to={`/career-profiles/${profile.related[0]}`}>\n                    Learn More\n                  </Button>\n                </>\n              )}\n            </Column>\n            <Column size={6}>\n              {profile.related[1] && (\n                <>\n                  <Image\n                    filename={relatedMap[profile.related[1]].relatedImage}\n                  />\n                  <h4 className=\"mt-1\">\n                    {relatedMap[profile.related[1]].title}\n                  </h4>\n                  <p\n                    dangerouslySetInnerHTML={{\n                      __html: relatedMap[profile.related[1]].shortDescription,\n                    }}\n                    className=\"profile__related-description\"\n                  />\n                  <Button to={`/career-profiles/${profile.related[1]}`}>\n                    Learn More\n                  </Button>\n                </>\n              )}\n            </Column>\n          </Row>\n        </Container>\n      </Section>\n      <Section>\n        <Subfooter />\n      </Section>\n    </Layout>\n  );\n};\n\nexport default CareerProfile;\n\nexport const query = graphql`\n  query CareerTemplateQuery($id: String!) {\n    allCareerProfilesYaml(filter: { id: { eq: $id } }) {\n      edges {\n        node {\n          title\n          sortIndex\n          introHeader\n          introParagraph\n          related\n          relatedImage\n          studentActivationPDF\n          careerProfilePDF\n          videoPoster\n          videoSrc\n          quoteImage\n          quote\n          quoteAttribution\n          parent {\n            ... on File {\n              name\n            }\n          }\n        }\n      }\n    }\n  }\n`;\n"],"sourceRoot":""}