{"version":3,"sources":["webpack:///./src/components/VideoCategory.jsx","webpack:///./src/components/VideoSubheader.jsx","webpack:///./src/components/VideoCategoriesSection2.jsx","webpack:///./src/pages/videos.js","webpack:///./src/assets/images/blue-play-btn.svg"],"names":["_ref","name","styles","_ref2","_ref3","_ref4","_ref5","_ref6","_ref7","VideoCategory","_ref8","img","ordering","category","slug","isHome","alt","___EmotionJSX","id","substring","href","aria-label","css","loading","src","mq","arrowRight","playBtn","VideoSubheader","props","Row","Col","style","position","top","subheader","VideosSection2","allContentfulVideoAsset","useStaticQuery","stagesTab","dispatch","useStateValue","videoPage","handleVideoPage","Container","lg","key","edges","map","i","node","React","Fragment","xs","tags","thumbnail","fluid","title","urlSlug","meta","QuestionsToAsk","useState","Layout","description","canonicalURL","OGTitle","OGDescription","OGImage","OGUrl","OGType","VideoCategoriesSection2","module","exports"],"mappings":"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","file":"component---src-pages-videos-js-f2e203e7c65aee9be09e.js","sourcesContent":["import React from \"react\"\r\nimport { css } from \"@emotion/core\"\r\nimport arrowRight from '../assets/images/video-arrow-white.svg'\r\nimport playBtn from '../assets/images/blue-play-btn.svg'\r\nimport PropTypes from \"prop-types\"\r\n\r\nimport { mq } from \"../utils/media-queries\"\r\n\r\nconst VideoCategory = ({ img, ordering, category, slug, isHome, alt }) => {\r\n  return (\r\n    <a\r\n      id={`${isHome ? \"home\" : \"videos\"}_button_${slug.substring(1)}`}\r\n      href={slug}\r\n      aria-label={ordering}\r\n      css={css`\r\n        display: block;\r\n      `}\r\n    >\r\n      <section>\r\n        <div\r\n          css={css`\r\n            display: inline-block;\r\n            width: 100%;\r\n          `}\r\n        >\r\n          <div\r\n            css={css`\r\n              position: absolute;\r\n              z-index: 100;\r\n              top: 0;\r\n              right: 15px;\r\n              bottom: 0;\r\n              left: 15px;\r\n              background-color: rgba(0, 0, 0, 0.2);\r\n              width: calc(100% - 30px);\r\n              height: 100%;\r\n            `}\r\n          />\r\n          <img\r\n            loading='lazy'\r\n            css={css`\r\n              width: 100%;\r\n            `}\r\n            alt={alt}\r\n            src={img}\r\n          />\r\n        </div>\r\n        <div\r\n          css={isHome ?\r\n            css`\r\n            position: absolute;\r\n            z-index: 200;\r\n            right: 30px;\r\n            bottom: 15px;\r\n            left: 30px;\r\n            display: flex;\r\n            align-items: flex-end;\r\n            justify-content: space-between;\r\n          `\r\n            :\r\n            css`\r\n            position: absolute;\r\n            z-index: 200;\r\n            right: 30px;\r\n            bottom: 0px;\r\n            top: 0;\r\n            left: 30px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n          `\r\n          }\r\n        >\r\n          {\r\n            isHome ?\r\n              <p\r\n                css={css`\r\n                margin: 0;\r\n                width: 150px;\r\n                color: white;\r\n                font-size: 22px;\r\n                font-weight: bold;\r\n                line-height: 27px;\r\n                text-shadow: 3px 5px 9px rgba(0, 0, 0, 0.82);\r\n                text-transform: uppercase;\r\n\r\n                ${[mq[1]]} {\r\n                  font-size: 18px;\r\n                }\r\n\r\n                ${[mq[4]]} {\r\n                  font-size: 12px;\r\n                  line-height: 20px;\r\n                }\r\n              `}\r\n              >\r\n                {category}\r\n              </p>\r\n              :\r\n              <div>\r\n\r\n              </div>\r\n          }\r\n          {\r\n            !isHome ?\r\n              <img\r\n                loading='lazy'\r\n                css={css`\r\n                color: white;\r\n                text-shadow: 3px 5px 9px rgba(0, 0, 0, 0.82);\r\n                font-size: 40px;\r\n                ${[mq[2]]} {\r\n                  font-size: 30px;\r\n                }\r\n                path {\r\n                  color: inherit;\r\n                  text-shadow: inherit;\r\n                }\r\n              `}\r\n                src={playBtn}\r\n                alt=\"\"\r\n              />\r\n              :\r\n              <img\r\n                loading='lazy'\r\n                css={css`\r\n                color: white;\r\n                text-shadow: 3px 5px 9px rgba(0, 0, 0, 0.82);\r\n                font-size: 40px;\r\n                ${[mq[2]]} {\r\n                  font-size: 30px;\r\n                }\r\n                path {\r\n                  color: inherit;\r\n                  text-shadow: inherit;\r\n                }\r\n              `}\r\n                src={arrowRight}\r\n                alt=\"\"\r\n              />\r\n          }\r\n        </div>\r\n      </section>\r\n      {\r\n        !isHome ?\r\n          <div\r\n            css={css`\r\n            position: absolute;\r\n            padding: 16px 16px 0 0px;\r\n          `}\r\n          >\r\n            <p\r\n              css={css`\r\n              font-size: 18px;\r\n              line-height: normal;\r\n              letter-spacing: normal;\r\n              color: #8c8d91;\r\n              ${[mq[1]]} {\r\n                font-size: 14px;\r\n              }\r\n            `}\r\n            >\r\n              {category}\r\n            </p>\r\n          </div>\r\n          :\r\n          <div>\r\n\r\n          </div>\r\n      }\r\n    </a>\r\n  )\r\n}\r\n\r\nVideoCategory.propTypes = {\r\n  img: PropTypes.node.isRequired,\r\n  category: PropTypes.string.isRequired,\r\n}\r\n\r\nexport default VideoCategory\r\n","import React from \"react\"\r\nimport { Row, Col } from \"react-bootstrap\"\r\nimport { css } from \"@emotion/core\"\r\n\r\nimport { mq } from \"../utils/media-queries\"\r\n\r\nconst VideoSubheader = props => {\r\n  return (\r\n    <Row>\r\n      <Col\r\n        css={css`\r\n          background: linear-gradient(180deg, #01AEF1 0%, #02C8F6 100%);\r\n          box-shadow: 2px 3px 4px 0 rgba(0,0,0,0.35);\r\n          font: 18px/25px Arial, sans-serif;\r\n          color: white;\r\n          padding 24px 20px;\r\n          margin: 0 15px 20px;\r\n\r\n          ${[mq[2]]} {\r\n            font-size: 16px;\r\n            line-height: 18px;\r\n          }\r\n        `}\r\n      >\r\n        <div\r\n          id={props.id}\r\n          style={{\r\n            position: \"absolute\",\r\n            top: \"-185px\",\r\n          }}\r\n        ></div>\r\n        {props.subheader}\r\n      </Col>\r\n    </Row>\r\n  )\r\n}\r\n\r\nexport default VideoSubheader\r\n","import React, { useEffect, useState } from \"react\"\r\nimport { useStaticQuery, graphql } from \"gatsby\"\r\nimport { Container, Row, Col } from \"react-bootstrap\"\r\nimport { css } from \"@emotion/core\"\r\nimport { useStateValue } from \"../state/state\"\r\n\r\nimport QuestionsToAsk from \"./QuestionsToAsk\"\r\nimport LearnAbout from \"./about/LearnAbout\"\r\n\r\nimport VideoCategory from \"./VideoCategory\"\r\nimport VideoSubheader from \"./VideoSubheader\"\r\n\r\nfunction extractOrder(url) {\r\n  let num = Number(url.split('-').pop().replace('/', ''));\r\n  return num;\r\n}\r\n\r\nconst VideosSection2 = (props) => {\r\n  const { allContentfulVideoAsset } = useStaticQuery(\r\n    graphql`\r\n      query {\r\n        allContentfulVideoAsset (sort: {fields: [ordering], order: ASC}) {\r\n          edges  {\r\n            node {\r\n              id\r\n              ordering\r\n              urlSlug\r\n              videoUrl\r\n              tags\r\n              title\r\n              createdAt\r\n              meta {\r\n                alt\r\n              }\r\n              thumbnail {\r\n                fluid {\r\n                  src\r\n                }\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n    `\r\n  )\r\n  let [{ stagesTab }, dispatch] = useStateValue()\r\n  stagesTab = \"allVideos\";\r\n  //const [URLTabCalled, handleURLTabCalled] = useState(false);\r\n  const { videoPage, handleVideoPage, isHome } = props;\r\n  // const [ videoPage, handleVideoPage ] = useState(0)\r\n  const dispatchFunc = (val) => {\r\n    if (val === '') {\r\n      return\r\n    }\r\n    dispatch({\r\n      type: \"handleStagesTab\",\r\n      stagesTab: val,\r\n    })\r\n  }\r\n\r\n  // const handleNewVideoPage = (event) => {\r\n  //   // const { name } = event.target;\r\n  //   // if (name === 'arrow-right') {\r\n  //   //   handleVideoPage(videoPage + 1)\r\n  //   // }\r\n  //   // if (name === 'arrow-left') {\r\n  //   //   handleVideoPage(videoPage - 1)\r\n  //   // }\r\n  //   if (videoPage === 4) {\r\n  //     handleVideoPage(0)\r\n  //   } else {\r\n  //     handleVideoPage(videoPage + 1)\r\n  //   }\r\n  //   // let slideToVideo = document.getElementById('slide-to-video-top');\r\n  //   // slideToVideo.scrollIntoView({ behavior: 'smooth' });\r\n  // }\r\n\r\n  // const handleURLTab = () => {\r\n  //   let path = window.location.href;\r\n  //   let hash = path.split('#')[1];\r\n  //   hash === 'Newly-Diagnosed' ? dispatchFunc('newlyDiagnosed') :\r\n  //     hash === 'Making-Treatment-Decisions' ? dispatchFunc('makeTreatmentDecisions') :\r\n  //       hash === 'Preparing-For-Treatment' ? dispatchFunc('prepForTreatment') :\r\n  //         hash === 'Managing-Treatment' ? dispatchFunc('managingTreatment') :\r\n  //           dispatchFunc('')\r\n\r\n  //   // let slideToVideo = document.getElementById('slide-to-video-top');\r\n  //   // if (slideToVideo) {\r\n  //   //   slideToVideo.scrollIntoView({ behavior: 'smooth' });\r\n  //   // }\r\n\r\n  // }\r\n  // useEffect(() => {\r\n  //   if (URLTabCalled === false) {\r\n  //     handleURLTab()\r\n  //   }\r\n  //   handleURLTabCalled(true)\r\n  // })\r\n  return (\r\n    <Container css={css`\r\n      h1 {\r\n        color: #8C8D91;\r\n        font-family: Arial;\r\n        font-size: 30px;\r\n        font-weight: bold;\r\n        letter-spacing: 0;\r\n        line-height: 45px;\r\n        text-align: center;\r\n      }\r\n  `}>\r\n\r\n      <Row>\r\n        <Col\r\n          css={css`\r\n                margin-bottom: 0px;\r\n              `}\r\n          lg={12}\r\n        >\r\n          <h1>VIDEO LIBRARY</h1>\r\n          <VideoSubheader\r\n            key={`home ${\"All Videos\"}`}\r\n            subheader={\"Hear from people with Hodgkin lymphoma on their personal experiences from diagnosis to treatment decisions and managing treatment.\"}\r\n            id={\"All-Videos\"}\r\n            isHome={isHome}\r\n          />\r\n        </Col>\r\n      </Row>\r\n      <Row>\r\n        {allContentfulVideoAsset.edges\r\n          .map(({ node }, i) => (\r\n            <>\r\n              <Col key={i}\r\n                css={css`\r\n                        margin-bottom: 100px;\r\n                      `}\r\n                xs={6}\r\n                lg={3}\r\n              >\r\n                <div>\r\n                  <VideoCategory\r\n                    ordering={node.ordering}\r\n                    key={`home ${node.tags[0]}`}\r\n                    img={node.thumbnail.fluid.src}\r\n                    category={node.title}\r\n                    slug={node.urlSlug}\r\n                    isHome={isHome}\r\n                    alt={node.meta.alt}\r\n                  />\r\n                </div>\r\n              </Col>\r\n            </>\r\n          )\r\n          )}\r\n      </Row>\r\n      <QuestionsToAsk />\r\n    </Container>\r\n  )\r\n}\r\n\r\n// VideosSection.propTypes = {\r\n\r\n// }\r\n\r\nexport default VideosSection2\r\n\r\n\r\n\r\n\r\n\r\n\r\n","import React, { useState } from \"react\"\r\nimport { Container, Row, Col } from \"react-bootstrap\"\r\nimport { css } from \"@emotion/core\"\r\n\r\nimport { mq } from \"../utils/media-queries\"\r\nimport Layout from \"../components/Layout\"\r\nimport VideoCategoriesSection2 from \"../components/VideoCategoriesSection2\"\r\n\r\nexport default () => {\r\n  const [videoPage, handleVideoPage] = useState(0)\r\n  return (\r\n    <Layout\r\n      title='Hodgkin Lymphoma Patient Video Stories | Hodgkin Hub'\r\n      description='Watch videos from patients and caregivers about diagnosis, making treatment decisions, and preparing for Hodgkin Lymphoma treatment.'\r\n      canonicalURL='https://hodgkinhub.com/videos/'\r\n      OGTitle='Hodgkin Lymphoma Patient Video Stories'\r\n      OGDescription='Watch videos from patients and caregivers about diagnosis, making treatment decisions, and preparing for Hodgkin Lymphoma treatment.'\r\n      OGImage='https://hodgkinhub.com/static/header-logo-02c93b151e6a0b1d545c321f517bafd0.png'\r\n      OGUrl='https://hodgkinhub.com/videos/'\r\n      OGType='Website'\r\n    >\r\n      <Container>\r\n        <Row>\r\n          <Col\r\n            css={css`\r\n              padding: 5px 15px 5px;\r\n              ${[mq[2]]} {\r\n                padding: 24px 15px;\r\n              }\r\n            `}\r\n          >\r\n            <h1\r\n              id='slide-to-video-top'\r\n              css={css`\r\n                color: #69696a;\r\n                font-size: 45px;\r\n                font-weight: bold;\r\n                line-height: 45px;\r\n                text-align: center;\r\n                text-transform: uppercase;\r\n              `}\r\n            >\r\n            </h1>\r\n          </Col>\r\n        </Row>\r\n\r\n        <Row>\r\n          <VideoCategoriesSection2\r\n            videoPage={videoPage}\r\n            handleVideoPage={handleVideoPage}\r\n          />\r\n        </Row>\r\n      </Container>\r\n    </Layout>\r\n  )\r\n}\r\n","module.exports = \"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgd2lkdGg9Ijc1cHgiIGhlaWdodD0iNzVweCIgdmlld0JveD0iMCAwIDc1IDc1IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNjIgKDkxMzkwKSAtIGh0dHBzOi8vc2tldGNoLmNvbSAtLT4NCiAgICA8dGl0bGU+R3JvdXA8L3RpdGxlPg0KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPg0KICAgIDxkZWZzPg0KICAgICAgICA8bGluZWFyR3JhZGllbnQgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSIgaWQ9ImxpbmVhckdyYWRpZW50LTEiPg0KICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iIzAyRDdGOSIgb2Zmc2V0PSIwJSI+PC9zdG9wPg0KICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iIzAxQUVGMSIgb2Zmc2V0PSIxMDAlIj48L3N0b3A+DQogICAgICAgIDwvbGluZWFyR3JhZGllbnQ+DQogICAgICAgIDxjaXJjbGUgaWQ9InBhdGgtMiIgY3g9IjI4LjUiIGN5PSIyOC41IiByPSIyOC41Ij48L2NpcmNsZT4NCiAgICAgICAgPGZpbHRlciB4PSItMjQuNiUiIHk9Ii0yMS4xJSIgd2lkdGg9IjE0OS4xJSIgaGVpZ2h0PSIxNDkuMSUiIGZpbHRlclVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgaWQ9ImZpbHRlci0zIj4NCiAgICAgICAgICAgIDxmZU1vcnBob2xvZ3kgcmFkaXVzPSIxIiBvcGVyYXRvcj0iZGlsYXRlIiBpbj0iU291cmNlQWxwaGEiIHJlc3VsdD0ic2hhZG93U3ByZWFkT3V0ZXIxIj48L2ZlTW9ycGhvbG9neT4NCiAgICAgICAgICAgIDxmZU9mZnNldCBkeD0iMCIgZHk9IjIiIGluPSJzaGFkb3dTcHJlYWRPdXRlcjEiIHJlc3VsdD0ic2hhZG93T2Zmc2V0T3V0ZXIxIj48L2ZlT2Zmc2V0Pg0KICAgICAgICAgICAgPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iNCIgaW49InNoYWRvd09mZnNldE91dGVyMSIgcmVzdWx0PSJzaGFkb3dCbHVyT3V0ZXIxIj48L2ZlR2F1c3NpYW5CbHVyPg0KICAgICAgICAgICAgPGZlQ29tcG9zaXRlIGluPSJzaGFkb3dCbHVyT3V0ZXIxIiBpbjI9IlNvdXJjZUFscGhhIiBvcGVyYXRvcj0ib3V0IiByZXN1bHQ9InNoYWRvd0JsdXJPdXRlcjEiPjwvZmVDb21wb3NpdGU+DQogICAgICAgICAgICA8ZmVDb2xvck1hdHJpeCB2YWx1ZXM9IjAgMCAwIDAgMCAgIDAgMCAwIDAgMCAgIDAgMCAwIDAgMCAgMCAwIDAgMC41MTQ1MzIzNDMgMCIgdHlwZT0ibWF0cml4IiBpbj0ic2hhZG93Qmx1ck91dGVyMSI+PC9mZUNvbG9yTWF0cml4Pg0KICAgICAgICA8L2ZpbHRlcj4NCiAgICAgICAgPHBvbHlnb24gaWQ9InBhdGgtNCIgcG9pbnRzPSIzMiAxOSA0NSAzOCAxOSAzOCI+PC9wb2x5Z29uPg0KICAgICAgICA8ZmlsdGVyIHg9Ii0yNi45JSIgeT0iLTI2LjMlIiB3aWR0aD0iMTUzLjglIiBoZWlnaHQ9IjE3My43JSIgZmlsdGVyVW5pdHM9Im9iamVjdEJvdW5kaW5nQm94IiBpZD0iZmlsdGVyLTUiPg0KICAgICAgICAgICAgPGZlT2Zmc2V0IGR4PSIwIiBkeT0iMiIgaW49IlNvdXJjZUFscGhhIiByZXN1bHQ9InNoYWRvd09mZnNldE91dGVyMSI+PC9mZU9mZnNldD4NCiAgICAgICAgICAgIDxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjIiIGluPSJzaGFkb3dPZmZzZXRPdXRlcjEiIHJlc3VsdD0ic2hhZG93Qmx1ck91dGVyMSI+PC9mZUdhdXNzaWFuQmx1cj4NCiAgICAgICAgICAgIDxmZUNvbG9yTWF0cml4IHZhbHVlcz0iMCAwIDAgMCAwICAgMCAwIDAgMCAwICAgMCAwIDAgMCAwICAwIDAgMCAwLjUgMCIgdHlwZT0ibWF0cml4IiBpbj0ic2hhZG93Qmx1ck91dGVyMSI+PC9mZUNvbG9yTWF0cml4Pg0KICAgICAgICA8L2ZpbHRlcj4NCiAgICA8L2RlZnM+DQogICAgPGcgaWQ9IlN5bWJvbHMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPg0KICAgICAgICA8ZyBpZD0idmlkZW8tc3F1YXJlLW9uLXZpZGVvLXBhZ2UtY29weSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTk0LjAwMDAwMCwgLTg1LjAwMDAwMCkiPg0KICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMDMuMDAwMDAwLCA5Mi4wMDAwMDApIj4NCiAgICAgICAgICAgICAgICA8ZyBpZD0iT3ZhbCI+DQogICAgICAgICAgICAgICAgICAgIDx1c2UgZmlsbD0iYmxhY2siIGZpbGwtb3BhY2l0eT0iMSIgZmlsdGVyPSJ1cmwoI2ZpbHRlci0zKSIgeGxpbms6aHJlZj0iI3BhdGgtMiI+PC91c2U+DQogICAgICAgICAgICAgICAgICAgIDx1c2Ugc3Ryb2tlPSJ1cmwoI2xpbmVhckdyYWRpZW50LTEpIiBzdHJva2Utd2lkdGg9IjIiIGZpbGwtb3BhY2l0eT0iMC4zIiBmaWxsPSIjRkZGRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHhsaW5rOmhyZWY9IiNwYXRoLTIiPjwvdXNlPg0KICAgICAgICAgICAgICAgIDwvZz4NCiAgICAgICAgICAgICAgICA8ZyBpZD0iVHJpYW5nbGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMyLjAwMDAwMCwgMjguNTAwMDAwKSByb3RhdGUoOTAuMDAwMDAwKSB0cmFuc2xhdGUoLTMyLjAwMDAwMCwgLTI4LjUwMDAwMCkgIj4NCiAgICAgICAgICAgICAgICAgICAgPHVzZSBmaWxsPSJibGFjayIgZmlsbC1vcGFjaXR5PSIxIiBmaWx0ZXI9InVybCgjZmlsdGVyLTUpIiB4bGluazpocmVmPSIjcGF0aC00Ij48L3VzZT4NCiAgICAgICAgICAgICAgICAgICAgPHVzZSBmaWxsPSIjRkZGRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHhsaW5rOmhyZWY9IiNwYXRoLTQiPjwvdXNlPg0KICAgICAgICAgICAgICAgIDwvZz4NCiAgICAgICAgICAgIDwvZz4NCiAgICAgICAgPC9nPg0KICAgIDwvZz4NCjwvc3ZnPg==\""],"sourceRoot":""}