{"version":3,"sources":["webpack://cep-gatsby-starter-code/./src/components/CourseUnitCard/index.js","webpack://cep-gatsby-starter-code/./src/components/Hero/index.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/pages/classroom-instruction/biomed/index.js","webpack://cep-gatsby-starter-code/./src/utils/constants.js"],"names":["unitIdentifier","header","subheader","description","img","to","onClick","e","navigate","className","size","filename","dangerouslySetInnerHTML","__html","Link","name","Hero","guidSrc","azureSrc","posterSrc","mediaSource","imageSource","mediaType","breadcrumbs","children","color","playtext","modal","mobileSrc","isVideo","Object","values","MEDIA_TYPE","includes","isMultiImage","Array","isArray","handleNavigate","classNames","autoPlay","loop","muted","src","type","image","title","subtext","text","fullWidth","role","tabIndex","linkLabel","unitLabel","video","trigger","poster","defaultProps","textOverlay","Subfooter","content","Video","autoplay","other","useState","ready","setReady","hostname","setHostname","useImageQuery","getFinalImagePath","getFinalImagePathByFilename","site","useStaticQuery","useEffect","window","location","protocol","port","qs","startsWith","imagePath","encodeURI","siteMetadata","gaId","getQueryString","width","height","frameBorder","scrolling","allowFullScreen","heroMultiImages","medium","xsmall","mp4","mov","RESOURCE_FILTER_FIELDS"],"mappings":"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","file":"component---src-pages-classroom-instruction-biomed-index-js-1c3b0c704a524b075d3a.js","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Link, navigate } from 'gatsby';\nimport { Row, Column } from '../Grid';\nimport Image from '../Image';\nimport Icon from '../Icon';\nimport './styles.scss';\n\nconst CourseUnitCard = ({\n  unitIdentifier,\n  header,\n  subheader,\n  description,\n  img,\n  to,\n}) => {\n  const handleClick = (e) => {\n    navigate(to);\n  };\n\n  return (\n    <Row onClick={(e) => handleClick(e)} className=\"course-unit-card\">\n      <Column size={3} className=\"pl-0\">\n        <Image filename={img} />\n      </Column>\n      <Column size={8}>\n        <h5 className=\"course-unit-card__unit-identifier mt-1 mb-0\">\n          {unitIdentifier}\n        </h5>\n        <h3 className=\"course-unit-card__header mt-0 mb-0\">{header}</h3>\n        <h5 className=\"course-unit-card__subheader mb-1\">{subheader}</h5>\n        <p\n          dangerouslySetInnerHTML={{ __html: description }}\n          className=\"course-unit-card__description\"\n        />\n      </Column>\n      <Column size={1}>\n        <Link to={to}>\n          <div className=\"course-unit-card__icon-container\">\n            <Icon name=\"caratright\" className=\"course-unit-card__icon\" />\n          </div>\n        </Link>\n      </Column>\n    </Row>\n  );\n};\n\nCourseUnitCard.propTypes = {\n  /** Specifies which unit this card corresponds to. e.g. UNIT 1 */\n  unitIdentifier: PropTypes.string.isRequired,\n  /** Header for card. Also the name of the course. */\n  header: PropTypes.string.isRequired,\n  /** Subheader for card. Shows duration and curriculum overview. */\n  subheader: PropTypes.string.isRequired,\n  /** Body of card. Takes in a string or HTML. */\n  description: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n  /** Filepath to the image. */\n  img: PropTypes.string.isRequired,\n  /** URL to course */\n  to: PropTypes.string.isRequired,\n};\n\nexport default CourseUnitCard;\n","import React from 'react';\nimport { navigate } from 'gatsby-link';\nimport classNames from 'classnames';\nimport Image from '../Image';\nimport Video from '../Video';\nimport Modal from '../Modal';\nimport { Container } from '../Grid';\nimport './styles.scss';\nimport PropTypes, { func } from 'prop-types';\nimport { MEDIA_TYPE } from '../../utils/constants';\nconst Hero = ({\n  guidSrc,\n  azureSrc,\n  posterSrc,\n  mediaSource,\n  imageSource,\n  mediaType,\n  breadcrumbs,\n  className,\n  children,\n  color,\n  playtext,\n  modal,\n  mobileSrc,\n}) => {\n  const isVideo = mediaType && Object.values(MEDIA_TYPE).includes(mediaType);\n  const isMultiImage = Array.isArray(mediaSource);\n\n  const handleNavigate = (to) => {\n    navigate(to);\n  };\n\n  const renderAsModal = () => (\n    <Modal\n      video\n      trigger={\n        <div className=\"hero--img-video__modal-trigger\">\n          <Image\n            filename=\"icon-video.svg\"\n            className=\"hero--img-video__modal-play-button\"\n          />\n          <Image\n            filename={posterSrc}\n            className=\"hero--img-video__modal-image\"\n          />\n        </div>\n      }\n    >\n      <Video\n        className=\"hero-img-video__video\"\n        src={azureSrc}\n        guidSrc={guidSrc}\n        poster={posterSrc}\n        autoPlay={true}\n      />\n    </Modal>\n  );\n\n  if (isVideo && !imageSource) {\n    return (\n      <div className={classNames('hero', 'hero--video', className)}>\n        <video autoPlay loop muted className=\"hero__video\">\n          <source src={mediaSource} type={mediaType}></source>\n        </video>\n        <Image className={'hero__static-mobile'} filename={mobileSrc} />\n        <div className=\"hero__copy\">{children}</div>\n      </div>\n    );\n  } else if (isMultiImage) {\n    return (\n      <div className={classNames('hero', 'hero--multi', className)}>\n        <div className={`hero__container-1`}>\n          <Image\n            className={`hero__multi-image`}\n            filename={mediaSource[0].image}\n          />\n          <div className=\"hero__copy\">\n            <h1>{mediaSource[0].title}</h1>\n            <h3>{mediaSource[0].subtext}</h3>\n            <p>{mediaSource[0].text}</p>\n          </div>\n        </div>\n        <div className={`hero__container-2`}>\n          <Image\n            className={`hero__multi-image`}\n            filename={mediaSource[1].image}\n          />\n          <Image\n            className={`hero__multi-image`}\n            filename={mediaSource[2].image}\n          />\n        </div>\n        {color && <div className={`hero__border hero__border--${color}`}></div>}\n      </div>\n    );\n  } else if (imageSource) {\n    return (\n      <div className={classNames('hero', 'hero--img-video', className)}>\n        <div className={`hero__container-1`}>\n          <Image className={`hero__image`} filename={imageSource} />\n          {breadcrumbs && (\n            <div className=\"hero__breadcrumbs-container\">\n              <Container fullWidth>\n                <div className=\"hero__breadcrumbs\">\n                  <p>\n                    <span\n                      role=\"button\"\n                      tabIndex={0}\n                      onClick={(e) => handleNavigate(breadcrumbs.to)}\n                    >\n                      {breadcrumbs.linkLabel} ›{' '}\n                    </span>\n                    {breadcrumbs.unitLabel}\n                  </p>\n                </div>\n              </Container>\n            </div>\n          )}\n          <div className=\"hero__copy\">{children}</div>\n        </div>\n        <div className={'hero__container-2'}>\n          {modal ? (\n            renderAsModal()\n          ) : (\n            <Image\n              filename={posterSrc}\n              className=\"hero--img-video__poster-gif\"\n            ></Image>\n          )}\n          <div className=\"hero--img-video__modal-play-text\">\n            PRESS PLAY TO WATCH {playtext}\n          </div>\n        </div>\n        {color && <div className={`hero__border hero__border--${color}`}></div>}\n      </div>\n    );\n  } else {\n    return (\n      <div className={classNames('hero', 'hero--image', className)}>\n        <Image filename={mediaSource} className=\"hero__img\" />\n        {breadcrumbs && (\n          <div className=\"hero__breadcrumbs-container\">\n            <Container fullWidth>\n              <div className=\"hero__breadcrumbs\">\n                <p>\n                  <span\n                    role=\"button\"\n                    tabIndex={0}\n                    onClick={(e) => handleNavigate(breadcrumbs.to)}\n                  >\n                    {breadcrumbs.linkLabel} ›{' '}\n                  </span>\n                  {breadcrumbs.unitLabel}\n                </p>\n              </div>\n            </Container>\n          </div>\n        )}\n        <div className=\"hero__copy\">{children}</div>\n        {color && <div className={`hero__border hero__border--${color}`}></div>}\n      </div>\n    );\n  }\n};\n\nHero.defaultProps = {\n  textOverlay: null,\n  className: null,\n};\n\nHero.propTypes = {\n  /** Optional prop to link to a video src from Azure. */\n  azureSrc: PropTypes.string,\n  /** Optional prop to link to a video src from DEX. */\n  guidSrc: PropTypes.string,\n  /** Optional prop to to be used with Azure video sources to display a thumbnail/video poster. */\n  posterSrc: PropTypes.string,\n  /** A path to video or a filename for an image (using the Image Component)\n   * or an array of objects for multi image slider\n   */\n  mediaSource: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.arrayOf(\n      PropTypes.shape({\n        image: PropTypes.string,\n        title: PropTypes.string,\n        subtext: PropTypes.string,\n        text: PropTypes.string,\n      })\n    ),\n  ]),\n  imageSource: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.arrayOf(\n      PropTypes.shape({\n        image: PropTypes.string,\n        title: PropTypes.string,\n        subtext: PropTypes.string,\n        text: PropTypes.string,\n      })\n    ),\n  ]),\n  /** Optional prop to add linkable breadcrumbs.\n   *  unitLabel: string\n   *  linkLabel: string (Generally the course name.)\n   *  to:        string (Where to link the breadcrumbs to.)\n   */\n  breadcrumbs: PropTypes.shape({\n    unitLabel: PropTypes.string,\n    linkLabel: PropTypes.string,\n    to: PropTypes.string,\n  }),\n  /** The type used for the video */\n  mediaType: PropTypes.oneOf(Object.values(MEDIA_TYPE)),\n  /** Text overlay for the image/video. The hero-text-overlay-container-defaults mixin\n   * contains the default CSS for a left side text overlay.\n   */\n  textOverlay: PropTypes.object,\n  /** A custom class name */\n  classNames: PropTypes.string,\n  /** Optional prop to add mobile specific image mobileSrc: PropTypes.string, */\n};\n\nexport default Hero;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport './styles.scss';\n\nconst Subfooter = ({ content }) => {\n  return (\n    <div className=\"subfooter\">\n      <div className=\"subfooter__content\">{content}</div>\n    </div>\n  );\n};\n\nSubfooter.defaultProps = {\n  content: null,\n};\n\nSubfooter.propTypes = {\n  /** The text content to display in the subfooter component */\n  content: PropTypes.string.isRequired,\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 Layout from '../../../components/Layout';\nimport Section from '../../../components/Section';\nimport { Container, Row, Column } from '../../../components/Grid';\nimport Image from '../../../components/Image';\nimport Subfooter from '../../../components/Subfooter';\nimport Hero from '../../../components/Hero';\nimport CourseUnitCard from '../../../components/CourseUnitCard';\n\nconst heroMultiImages = [\n  {\n    image: '/img-lead-biomeds.jpg',\n    title: 'Biomed',\n    subtext: 'CTE Curriculum | 9-Week Units',\n    text:\n      'Explore the next generation of innovative and equitable medicine being made possible by biotechnology breakthroughs, from data-based diagnosis to wearable medical devices.',\n  },\n  {\n    image: '/img-lead-biomed-top-right.jpg',\n  },\n  {\n    image: '/img-lead-biomed-bottom-right.jpg',\n  },\n];\n\nconst IndexPage = () => (\n  <Layout title=\"Biomed\">\n    <Hero className=\"pb-0\" mediaSource={heroMultiImages} color={'orange'} />\n    <Section className=\"living-earth__at-a-glance-section pt-0\">\n      <Container fullWidth className=\"living-earth__at-a-glance-container\">\n        <Row>\n          <Column size={12}>\n            <h5 className=\"mb-0\">BIOMED COURSE</h5>\n            <h3 className=\"living-earth__at-a-glance-header\">At a Glance</h3>\n          </Column>\n        </Row>\n        <Row>\n          <Column medium={3} xsmall={6}>\n            <Image filename=\"icon-instructional-support.svg\" />\n            <h4 className=\"living-earth__at-a-glance-section-header mt-0\">\n              EDUCATOR PREP\n            </h4>\n            <p className=\"mr-3\">\n              Each unit includes pacing guide, standards alignment,\n              framing/instructional support and lab material needs.\n            </p>\n          </Column>\n          <Column medium={3} xsmall={6}>\n            <Image filename=\"icon-course-outline.svg\" />\n            <h4 className=\"living-earth__at-a-glance-section-header mt-0\">\n              COURSE OUTLINE\n            </h4>\n            <ul className=\"living-earth__at-a-glance-li\">\n              <li>1 School Year</li>\n              <li>9 Week Units</li>\n              <li>Quarter-based Units</li>\n            </ul>\n          </Column>\n          <Column medium={3} xsmall={6}>\n            <Image filename=\"icon-topics-covered.svg\" />\n            <h4 className=\"living-earth__at-a-glance-section-header mt-0\">\n              TOPICS COVERED\n            </h4>\n            <ul className=\"living-earth__at-a-glance-li\">\n              <li>Cell Biology</li>\n              <li>Mitosis &amp; Meiosis</li>\n              <li>Aging</li>\n              <li>Medical Devices</li>\n            </ul>\n          </Column>\n          <Column medium={3} xsmall={6}>\n            <Image filename=\"icon-student-outcomes.svg\" />\n            <h4 className=\"living-earth__at-a-glance-section-header mt-0\">\n              STUDENT OUTCOMES\n            </h4>\n            <ul className=\"living-earth__at-a-glance-li\">\n              <li>CTE Aligned Learning</li>\n              <li>Lab Skills</li>\n              <li>Project Based Experiences</li>\n            </ul>\n          </Column>\n        </Row>\n      </Container>\n    </Section>\n    <Section className=\"pb-0\">\n      <Container fullWidth>\n        <Row className=\"pb-1\">\n          <Column size={8}>\n            <h3 className=\"living-earth__getting-started-header mb-0.5\">\n              Getting Started\n            </h3>\n            <p className=\"living-earth__getting-started-desc\">\n              The units below are designed to be used sequentially over the\n              course of the year with supporting lessons, labs and student\n              activities. Begin by exploring each unit to gain additional\n              details related to each quarter of the year.\n            </p>\n          </Column>\n        </Row>\n        <CourseUnitCard\n          unitIdentifier=\"Unit 1\"\n          header=\"Crowdsourcing Innovations in Biotech\"\n          subheader=\"9 Weeks | Lesson Plans, Labs, Interactives and more\"\n          description=\"<strong>How can data help us prevent and control diseases?</strong> \n                As scientific knowledge evolves, so is the technology that helps us solve problems. \n                Discover why the wearable tech industry has taken off thanks to its unique potential \n                for monitoring health.\"\n          img=\"thmb-biomed-unit1@2x.jpg\"\n          to=\"/classroom-instruction/biomed/unit-1\"\n        />\n        <CourseUnitCard\n          unitIdentifier=\"Unit 2\"\n          header=\"Taking Action in Your Community: Health Equity\"\n          subheader=\"9 Weeks | Lesson Plans, Labs, Interactives and more\"\n          description=\"<strong>How can biotechnology be successfully incorporated into a community?</strong> \n                Take on the role of a team member in a biotechnology firm that works to mitigate pandemics \n                by developing vaccines or creating short/long term responses to pandemics.\"\n          img=\"thmb-biomed-unit2@2x.jpg\"\n          to=\"/classroom-instruction/biomed/unit-2\"\n        />\n        <CourseUnitCard\n          unitIdentifier=\"Unit 3\"\n          header=\"Nucleic Acids and Proteins: Disease Treatment Innovations\"\n          subheader=\"11 Weeks | Lesson Plans, Labs, Interactives and more\"\n          description=\"<strong>How can biotechnology help us develop and deliver pharmaceutical drugs?</strong> \n                Explore the ways medical devices are designed to reduce pain when administering medications \n                and to increase comfort for patients.\"\n          img=\"thmb-biomed-unit3@2x.jpg\"\n          to=\"/classroom-instruction/biomed/unit-3\"\n        />\n        <CourseUnitCard\n          unitIdentifier=\"Unit 4\"\n          header=\"Behind the Scenes of Scientific Breakthroughs\"\n          subheader=\"11 Weeks | Lesson Plans, Labs, Interactives and more\"\n          description=\"<strong>How can we use biotechnology to increase longevity and improve the quality of life for \n                an aging population, while possibly extending the lifespan of humans?</strong> \n                Consider how our society can improve the quality of life for our aging population.\"\n          img=\"thmb-biomed-unit4@2x.jpg\"\n          to=\"/classroom-instruction/biomed/unit-4\"\n        />\n      </Container>\n    </Section>\n    <Section className=\"pb-0\">\n      <Subfooter content=\"Biotech is revolutionizing every aspect of life, from advances in medical diagnostics and drug development to improvements in agricultural and food products.\" />\n    </Section>\n  </Layout>\n);\n\nexport default IndexPage;\n","export const MEDIA_TYPE = {\n  mp4: 'video/mp4',\n  mov: 'video/mov',\n};\nexport const RESOURCE_FILTER_FIELDS = ['description', 'title'];\n"],"sourceRoot":""}