{"version":3,"sources":["webpack:///./src/components/custom/HeroWave/styles.module.scss","webpack:///./src/templates/on-demand/styles.module.scss","webpack:///./src/components/custom/HeroWave/index.js","webpack:///./src/templates/on-demand/index.js"],"names":["module","exports","HeroWave","img","copy","className","styles","hero","heroTextWrapper","heroText","heroImg","fluid","alt","OnDemandPage","pageContext","videos","descriptions","convVideos","Object","entries","transitionStatus","useTransitionState","isEntering","includes","isExiting","imgs","useStaticQuery","sortedVideos","flatMap","category","filter","classNames","wrapper","Helmet","name","content","onDemandImg","childImageSharp","contentWrapper","map","sortGroup","categoryIndex","categoryVideos","Carousel","key","description","index","items"],"mappings":"iFACAA,EAAOC,QAAU,CAAC,MAAQ,OAAO,MAAQ,OAAO,UAAY,OAAO,YAAc,SAAS,KAAO,6BAA6B,OAAS,+BAA+B,QAAU,gCAAgC,iBAAmB,yCAAyC,gBAAkB,wCAAwC,kBAAoB,0CAA0C,SAAW,mC,qBCA/YD,EAAOC,QAAU,CAAC,MAAQ,OAAO,MAAQ,OAAO,UAAY,OAAO,YAAc,SAAS,QAAU,gCAAgC,WAAa,mCAAmC,UAAY,oC,+OCInLC,EAAW,SAAC,GAAD,IAAGC,EAAH,EAAGA,IAAKC,EAAR,EAAQA,KAAR,OACtB,yBAAKC,UAAWC,IAAOC,MACrB,yBAAKF,UAAWC,IAAOE,iBACrB,wBAAIH,UAAWC,IAAOG,UAAWL,IAEnC,kBAAC,IAAD,CAAKC,UAAWC,IAAOI,QAASC,MAAOR,EAAKS,IAAI,O,qBCArC,SAASC,EAAT,GAEX,IAAD,MADDC,YAAeC,EACd,EADcA,OAAQC,EACtB,EADsBA,aAEjBC,EAAaC,OAAOC,QAAQJ,GAC1BK,EAAqBC,+BAArBD,iBACFE,EAAa,CAAC,WAAY,WAAWC,SAASH,GAC9CI,EAAY,CAAC,UAAW,UAAUD,SAASH,GAE3CK,EAAOC,yBAAe,cAmBtBC,EANkB,CACtB,WACA,SACA,kBACA,cAEmCC,SAAQ,SAACC,GAAD,OAC3CZ,EAAWa,QAAO,0BAA6BD,QAGjD,OACE,yBACExB,UAAW0B,IAAWzB,IAAO0B,SAAR,OAClB1B,IAAOgB,YAAaA,EADF,EAElBhB,IAAOkB,WAAYA,EAFD,KAKrB,kBAACS,EAAA,EAAD,KACE,oDACA,0BACEC,KAAK,cACLC,QAAQ,mKAMZ,kBAAC,EAAD,CACEhC,IAAKsB,EAAKW,YAAYC,gBAAgB1B,MACtCP,KAAK,uCAEP,yBAAKC,UAAWC,IAAOgC,gBACpBX,EAAaY,KAAI,SAACC,EAAWC,GAAmB,IACxCZ,EAA4BW,EADW,GAC7BE,EAAkBF,EADW,GAE9C,OACE,kBAACG,EAAA,EAAD,CACEC,IAAKf,EACLK,KAAML,EACNgB,YAAa7B,EAAaa,GAC1BiB,MAAOL,EACPM,MAAOL","file":"component---src-templates-on-demand-index-js-383a547f8661464b4970.js","sourcesContent":["// extracted by mini-css-extract-plugin\nmodule.exports = {\"white\":\"#fff\",\"black\":\"#222\",\"pageWidth\":\"1200\",\"pageWidthPx\":\"1200px\",\"hero\":\"styles-module--hero--2_had\",\"fadeIn\":\"styles-module--fadeIn--5GWi3\",\"heroImg\":\"styles-module--heroImg--1U0VG\",\"slideAndFadeLeft\":\"styles-module--slideAndFadeLeft--vI54_\",\"heroTextWrapper\":\"styles-module--heroTextWrapper--3n4oY\",\"slideAndFadeRight\":\"styles-module--slideAndFadeRight--shOkY\",\"heroText\":\"styles-module--heroText--2Tdka\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"white\":\"#fff\",\"black\":\"#222\",\"pageWidth\":\"1200\",\"pageWidthPx\":\"1200px\",\"wrapper\":\"styles-module--wrapper--2F5MP\",\"isEntering\":\"styles-module--isEntering--1y5Qj\",\"isExiting\":\"styles-module--isExiting--2_TiA\"};","import React from 'react'\nimport Img from 'gatsby-image'\n\nimport styles from './styles.module.scss'\n\nexport const HeroWave = ({ img, copy }) => (\n  <div className={styles.hero}>\n    <div className={styles.heroTextWrapper}>\n      <h1 className={styles.heroText}>{copy}</h1>\n    </div>\n    <Img className={styles.heroImg} fluid={img} alt=\"\" />\n  </div>\n)\n","import React from 'react'\nimport { useTransitionState } from 'gatsby-plugin-transition-link/hooks'\nimport { useStaticQuery, graphql } from 'gatsby'\nimport { Helmet } from 'react-helmet'\nimport classNames from 'classnames'\n\nimport { Carousel } from '../../components/custom/Carousel'\nimport { HeroWave } from '../../components/custom/HeroWave'\nimport styles from './styles.module.scss'\n\nexport default function OnDemandPage({\n  pageContext: { videos, descriptions },\n}) {\n  const convVideos = Object.entries(videos)\n  const { transitionStatus } = useTransitionState()\n  const isEntering = ['entering', 'entered'].includes(transitionStatus)\n  const isExiting = ['exiting', 'exited'].includes(transitionStatus)\n\n  const imgs = useStaticQuery(graphql`\n    query {\n      onDemandImg: file(relativePath: { eq: \"working-out-laptop-2.jpg\" }) {\n        childImageSharp {\n          fluid(maxHeight: 850, maxWidth: 1460, quality: 90) {\n            ...GatsbyImageSharpFluid\n          }\n        }\n      }\n    }\n  `)\n\n  // Arbitrary order for on-demand categories\n  const categorySorting = [\n    'Strength',\n    'Cardio',\n    'Mind &amp; Body',\n    'Meditation',\n  ]\n  const sortedVideos = categorySorting.flatMap((category) =>\n    convVideos.filter(([videoKey]) => videoKey === category)\n  )\n\n  return (\n    <div\n      className={classNames(styles.wrapper, {\n        [styles.isEntering]: isEntering,\n        [styles.isExiting]: isExiting,\n      })}\n    >\n      <Helmet>\n        <title>On-Demand Classes</title>\n        <meta\n          name=\"description\"\n          content=\"\n            Find on-demand fitness classes such as Zumba, Bootcamp Fitness or\n            SilverSneakers, and a variety of educational workshops around\n            nutrition and stress relief.\"\n        />\n      </Helmet>\n      <HeroWave\n        img={imgs.onDemandImg.childImageSharp.fluid}\n        copy=\"Wellness videos at your fingertips\"\n      />\n      <div className={styles.contentWrapper}>\n        {sortedVideos.map((sortGroup, categoryIndex) => {\n          const [category, categoryVideos] = sortGroup\n          return (\n            <Carousel\n              key={category}\n              name={category}\n              description={descriptions[category]}\n              index={categoryIndex}\n              items={categoryVideos}\n            />\n          )\n        })}\n      </div>\n    </div>\n  )\n}\n"],"sourceRoot":""}