{"version":3,"sources":["components/Toggle.js","icons/ChevronRightIcon.js","icons/CloseIcon.js","icons/QuestionMarkCircleIcon.js","components/Exercise.js","icons/LogoIcon.js","components/Intro.js","components/NarrowApp.js","components/WideApp.js","components/App.js","hooks/useMedia.js","index.js"],"names":["Toggle","value","onToggle","className","classNames","tabIndex","onClick","aria-hidden","ChevronRightIcon","props","xmlns","viewBox","d","CloseIcon","QuestionMarkCircleIcon","renderReadyText","seconds","timer","renderTimerText","exercise","time","Exercise","active","color","position","step","type","useState","showModal","setShowModel","bgClass","imagePath01","image","imagePath02","textClass","s","src","alt","name","invisible","role","aria-labelledby","aria-modal","show","enter","enterFrom","enterTo","leave","leaveFrom","leaveTo","steps","join","desc","LogoIcon","Intro","onNavigateNext","getExerciseProps","currentStep","getNextStepText","shuffle","array","iteration","randomIndex","temporaryValue","currentIndex","length","Math","floor","random","NarrowApp","setIteration","setSeconds","setStep","setTimer","coolExercise","useMemo","exercises","cool","moveExercise","move","warmExercise","warm","navigateNext","useCallback","nextStep","i","useEffect","timeout","setTimeout","clearInterval","id","t","$","window","jQuery","cols","title","cards","WideApp","sanfordFitBoost","SanfordFitBoost","spin","map","col","card","cardIndex","data-type","defaultChecked","App","queries","values","defaultValue","mediaQueryLists","q","matchMedia","getValue","index","findIndex","mql","matches","setValue","handler","forEach","addListener","removeListener","useMedia","ReactDOM","render","StrictMode","document","getElementById"],"mappings":"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","file":"static/js/main.b81e1d12.chunk.js","sourcesContent":["import classNames from 'classnames'\nimport PropTypes from 'prop-types'\nimport React from 'react'\n\nconst Toggle = ({ value, onToggle }) => {\n  return (\n    <button\n      className={classNames('border-2 border-transparent cursor-pointer duration-200 ease-in-out flex-shrink-0 h-6 inline-flex relative rounded-full transition-colors w-11 focus:outline-none focus:shadow-outline sm:h-7 sm:w-14 lg:h-8 lg:w-16', {\n        'bg-green-400': value,\n        'bg-gray-200': !value\n      })}\n      tabIndex='0'\n      onClick={() => { onToggle() }}\n    >\n      <span\n        className={classNames('bg-white duration-200 ease-in-out h-5 inline-block rounded-full shadow transform transition w-5 sm:h-6 sm:w-6 lg:h-7 lg:w-7', {\n          'translate-x-5 sm:translate-x-7 lg:translate-x-8': value,\n          'translate-x-0': !value\n        })}\n        aria-hidden='true'\n      />\n    </button>\n  )\n}\n\nToggle.propTypes = {\n  value: PropTypes.bool.isRequired,\n  onToggle: PropTypes.func.isRequired\n}\n\nexport default Toggle\n","import React from 'react'\n\nexport default function ChevronRightIcon ({ ...props }) {\n  return (\n    <svg {...props} xmlns='http://www.w3.org/2000/svg' viewBox='0 0 59.27 89.44'>\n      <path d='M10.28,89.44A10.28,10.28,0,0,1,3,71.89L30.18,44.72,3,17.55A10.28,10.28,0,0,1,17.55,3L59.27,44.72,17.55,86.43A10.23,10.23,0,0,1,10.28,89.44Z' />\n    </svg>\n  )\n}\n","import React from 'react'\n\nconst CloseIcon = ({ ...props }) => {\n  return (\n    <svg {...props} xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'>\n      <path d='M13,14a1,1,0,0,1-.71-.29L7,8.41l-5.29,5.3A1,1,0,0,1,.29,12.29L5.59,7,.29,1.71A1,1,0,0,1,1.71.29L7,5.59,12.29.29a1,1,0,1,1,1.42,1.42L8.41,7l5.3,5.29a1,1,0,0,1,0,1.42A1,1,0,0,1,13,14Z' />\n    </svg>\n  )\n}\n\nexport default CloseIcon\n","import React from 'react'\n\nexport default function QuestionMarkCircleIcon ({ ...props }) {\n  return (\n    <svg {...props} xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100.12 100.12'>\n      <path d='M50.06,100.12a50.06,50.06,0,1,1,50.06-50.06A50.12,50.12,0,0,1,50.06,100.12ZM50.06,5A45.06,45.06,0,1,0,95.12,50.06,45.11,45.11,0,0,0,50.06,5Z' />\n      <path d='M64.15,24.22q5.22,4.44,5.22,12.66c0,4.81-1.59,8.6-4.78,11.4S57.19,52.53,52,52.63l-.39,5.78H37.88L37.4,42.66h5.7a21.54,21.54,0,0,0,8.23-1.23A4.4,4.4,0,0,0,54.18,37,4.71,4.71,0,0,0,53,33.68a4.06,4.06,0,0,0-3.12-1.23,4.26,4.26,0,0,0-3.37,1.31,5.16,5.16,0,0,0-1.14,3.52H30.76a16.88,16.88,0,0,1,2-8.82,15.51,15.51,0,0,1,6.61-6.33A23.2,23.2,0,0,1,50.3,19.79Q58.93,19.79,64.15,24.22ZM38.24,78.07a7.36,7.36,0,0,1-2.5-5.74,7.48,7.48,0,0,1,2.5-5.77,9.36,9.36,0,0,1,6.6-2.3,9.26,9.26,0,0,1,6.53,2.3,7.85,7.85,0,0,1,0,11.47,9.26,9.26,0,0,1-6.53,2.3A9.43,9.43,0,0,1,38.24,78.07Z' />\n    </svg>\n  )\n}\n","/* eslint-disable multiline-ternary */\nimport { Transition } from '@headlessui/react'\nimport classNames from 'classnames'\nimport PropTypes from 'prop-types'\nimport React, { useState } from 'react'\nimport CloseIcon from '../icons/CloseIcon'\nimport QuestionMarkCircleIcon from '../icons/QuestionMarkCircleIcon'\n\nfunction renderReadyText (seconds, timer) {\n  if (!timer) {\n    return 'Ready... Set... Go!'\n  }\n\n  if (seconds >= 63) {\n    return 'Ready...'\n  }\n\n  if (seconds >= 61) {\n    return 'Ready... Set...'\n  }\n\n  return 'Ready... Set... Go!'\n}\n\nfunction renderTimerText (seconds, timer, exercise) {\n  if (!timer) {\n    return exercise.time\n  }\n\n  const s = seconds > 60 ? 60 : seconds\n\n  return `Timer: ${s}`\n}\n\nconst Exercise = ({\n  active,\n  color,\n  exercise,\n  position,\n  seconds,\n  step,\n  timer,\n  type\n}) => {\n  const [showModal, setShowModel] = useState(false)\n\n  const bgClass = `bg-${color}`\n  const imagePath01 = `svg/${type}-${exercise.image}-01.svg`\n  const imagePath02 = `svg/${type}-${exercise.image}-02.svg`\n  const textClass = `text-${color}`\n\n  return (\n    <div\n      className={classNames('duration-300 ease-in-out flex flex-col h-full relative transition w-full lg:flex lg:w-1/3', {\n        [bgClass]: active,\n        'bg-white hidden': !active,\n        'md:border-black md:border-l md:border-r': position === 'center'\n      })}\n    >\n      <div className='flex flex-shrink-0 h-14 justify-between relative z-20 sm:h-16 md:h-20'>\n        <h1\n          className={classNames('flex items-center px-6 rounded-br-2xl text-2xl sm:text-3xl', {\n            [`bg-white ${textClass}`]: active,\n            [`${bgClass} text-white`]: !active\n          })}\n        >\n          {step === 4 ? 'Cool Down' : step === 3 ? 'Move' : 'Warm-Up'}\n        </h1>\n        {active && (\n          <div className='flex items-center px-2'>\n            <button\n              className='border border-transparent flex h-10 items-center justify-center rounded-full text-white w-10 hover:bg-opacity-25 hover:bg-white focus:outline-none sm:h-12 sm:w-12'\n              type='button'\n              onClick={() => setShowModel(s => !s)}\n            >\n              <div className='pulse rounded-full'>\n                {showModal ? (\n                  <CloseIcon className='block fill-current h-5 w-5' />\n                ) : (\n                  <QuestionMarkCircleIcon\n                    className='block fill-current h-8 w-8'\n                  />\n                )}\n              </div>\n            </button>\n          </div>\n        )}\n      </div>\n      <div className='flex flex-1 flex-col overflow-hidden relative z-10'>\n        <div className='flex flex-1 overflow-hidden p-6 md:p-24 lg:p-6'>\n          <img\n            className={classNames('h-auto object-contain w-full', { 'opacity-75': !active })}\n            src={active ? imagePath02 : imagePath01}\n            alt={exercise.name}\n          />\n        </div>\n        <div className='flex-shrink-0 overflow-hidden p-6'>\n          <h2\n            className={classNames('duration-300 ease-in-out leading-tight text-3xl transform transition-transform lg:text-4xl', {\n              [`${textClass} translate-x-2/4`]: !active,\n              'text-white translate-x-0': active\n            })}\n          >\n            <span\n              className={classNames('duration-300 ease-in-out inline-block transform transition-transform', {\n                '-translate-x-1/2 text-center': !active,\n                'translate-x-0 text-left': active\n              })}\n            >\n              {exercise.name}\n            </span>\n          </h2>\n          <div className={classNames('mt-5', { invisible: !active })}>\n            <div className='flex'>\n              <div className='bg-white px-4 py-1 rounded-lg text-2xl text-green-400 lg:text-3xl'>\n                <span>{renderTimerText(seconds, timer, exercise)}</span>\n              </div>\n            </div>\n            <div className='leading-tight mt-5 text-2xl text-white lg:text-3xl'>\n              <span>{renderReadyText(seconds, timer)}</span>\n            </div>\n          </div>\n          <Transition\n            className='absolute inset-0 overflow-hidden transform transition-all z-10'\n            role='dialog'\n            aria-labelledby='modal-headline'\n            aria-modal='true'\n            show={active && showModal}\n            enter='ease-out duration-300'\n            enterFrom='opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95'\n            enterTo='opacity-100 translate-y-0 sm:scale-100'\n            leave='ease-in duration-200'\n            leaveFrom='opacity-100 translate-y-0 sm:scale-100'\n            leaveTo='opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95'\n          >\n            <div className='h-full p-6 w-full'>\n              <div className='bg-white flex flex-col h-full p-6 shadow-md w-full'>\n                <div className='flex flex-shrink-0 items-center'>\n                  <div className='flex items-center justify-center p-2 rounded-lg'>\n                    <img\n                      className='block h-auto w-20'\n                      src={active ? imagePath01 : imagePath02}\n                      alt={exercise.name}\n                    />\n                  </div>\n                  <h3 className={classNames('text-xl leading-6 ml-6', textClass)}>\n                    {exercise.name}\n                  </h3>\n                </div>\n                <div className='flex flex-1 overflow-y-auto pt-6'>\n                  <div>\n                    <p className='font-poppins-medium leading-normal text-lg'>\n                      {exercise.steps.join(' ')}\n                    </p>\n                    {exercise.desc && (\n                      <p className={classNames('leading-normal mt-6 text-base', textClass)}>*{exercise.desc}</p>\n                    )}\n                  </div>\n                </div>\n              </div>\n            </div>\n          </Transition>\n        </div>\n      </div>\n    </div>\n  )\n}\n\nExercise.propTypes = {\n  active: PropTypes.bool.isRequired,\n  color: PropTypes.string.isRequired,\n  exercise: PropTypes.object.isRequired,\n  position: PropTypes.string.isRequired,\n  seconds: PropTypes.number.isRequired,\n  step: PropTypes.number.isRequired,\n  timer: PropTypes.bool.isRequired,\n  type: PropTypes.string.isRequired\n}\n\nexport default Exercise\n","import React from 'react'\n\nexport default function LogoIcon ({ ...props }) {\n  return (\n    <svg {...props} xmlns='http://www.w3.org/2000/svg' viewBox='0 0 698.7 144.45'>\n      <path d='M65.2,33.92q-5.81,0-8.79,2.54T52,44.64H67.48l-5.1,28.64H46.92l-12.3,69.94H0L12.3,73.28H1.58l5.1-28.64H17.4l.17-.88q3.53-19,16.35-29.09T67.48,4.57q4.22,0,6.5.17L68.89,34.09A32.88,32.88,0,0,0,65.2,33.92Z' />\n      <path d='M114.22,44.64,96.83,143.22H62.21L79.78,44.64ZM86,31.46a13.1,13.1,0,0,1-4.66-10.37,19.15,19.15,0,0,1,3.08-10.46A22.34,22.34,0,0,1,92.87,2.9a24.93,24.93,0,0,1,12-2.9Q113,0,117.65,4.13a13.58,13.58,0,0,1,4.66,10.63,18.69,18.69,0,0,1-3.08,10.37,21.92,21.92,0,0,1-8.52,7.56A25.73,25.73,0,0,1,98.76,35.5Q90.68,35.5,86,31.46Z' />\n      <path d='M162.9,106.32a10.71,10.71,0,0,0-.18,2.11,5,5,0,0,0,1.67,4.13c1.12.87,3,1.31,5.54,1.31h10l-5.28,29.35H159.56q-32.16,0-32.16-27.06a58,58,0,0,1,1.06-10.37l5.8-32.51H122.13l5.1-28.64h12.12l4.22-23.9h34.62L174,44.64h17.75l-5.1,28.64H168.88Z' />\n      <path d='M295.66,90.41a30.47,30.47,0,0,1,6.42,19.07q0,15.81-10.9,24.78t-30.58,9H199.27V19.33h59.4q19,0,29.79,8.44t10.81,23.72q0,10.89-5.72,18.19a28.35,28.35,0,0,1-15.2,9.93A29.15,29.15,0,0,1,295.66,90.41ZM233.72,68.54h17.4q13,0,13-10.72,0-11.07-13-11.08h-17.4Zm33,36q0-5.62-3.43-8.61t-9.75-3H233.72v22.5h20Q266.76,115.46,266.76,104.56Z' />\n      <path d='M336.61,138.3a45.3,45.3,0,0,1-18.37-17.57q-6.67-11.43-6.67-26.89,0-15.28,6.76-26.71a45.94,45.94,0,0,1,18.45-17.57,60,60,0,0,1,52.9,0,45.94,45.94,0,0,1,18.45,17.57q6.76,11.43,6.77,26.71t-6.77,26.8a45.62,45.62,0,0,1-18.54,17.66,60.13,60.13,0,0,1-53,0Zm38.48-29.08q4.83-5.35,4.83-15.38t-4.83-15.29a15.47,15.47,0,0,0-11.86-5.27,15.2,15.2,0,0,0-11.77,5.27q-4.75,5.28-4.75,15.29,0,10.2,4.57,15.47a14.88,14.88,0,0,0,11.77,5.27A15.55,15.55,0,0,0,375.09,109.22Z' />\n      <path d='M448.37,138.3A45.34,45.34,0,0,1,430,120.73q-6.69-11.43-6.68-26.89,0-15.28,6.76-26.71a45.9,45.9,0,0,1,18.46-17.57,59.93,59.93,0,0,1,52.89,0,45.94,45.94,0,0,1,18.45,17.57q6.76,11.43,6.77,26.71t-6.77,26.8a45.62,45.62,0,0,1-18.54,17.66,60.13,60.13,0,0,1-53,0Zm38.48-29.08q4.84-5.35,4.84-15.38t-4.84-15.29A15.47,15.47,0,0,0,475,73.28a15.21,15.21,0,0,0-11.77,5.27q-4.74,5.28-4.75,15.29,0,10.2,4.57,15.47a14.89,14.89,0,0,0,11.78,5.27A15.54,15.54,0,0,0,486.85,109.22Z' />\n      <path d='M558.9,140a40.66,40.66,0,0,1-16.52-12.3A31.87,31.87,0,0,1,535.62,110H569a10.55,10.55,0,0,0,4.39,7.38,15.31,15.31,0,0,0,9.14,2.63,11.33,11.33,0,0,0,6.68-1.75,5.39,5.39,0,0,0,2.46-4.57q0-3.69-4-5.45a83.1,83.1,0,0,0-13.35-3.87,114.29,114.29,0,0,1-17.57-4.74A30,30,0,0,1,544.49,91q-5.18-6-5.18-16.17A28,28,0,0,1,544.05,59q4.76-7.12,14-11.34t22.23-4.21q19.34,0,30.41,9.49t12.82,24.95h-31.1a11.55,11.55,0,0,0-4.13-7.29,13.73,13.73,0,0,0-8.7-2.55q-4.21,0-6.41,1.58a5.09,5.09,0,0,0-2.2,4.39c0,2.35,1.35,4.13,4,5.36a69.09,69.09,0,0,0,13,3.78,114.31,114.31,0,0,1,17.83,5.1,31.64,31.64,0,0,1,12.48,9q5.36,6.24,5.36,17a25.55,25.55,0,0,1-5,15.46,33.43,33.43,0,0,1-14.23,10.81q-9.23,3.94-21.71,3.95A59.89,59.89,0,0,1,558.9,140Z' />\n      <path d='M698.7,113.87v29.35H683.76q-37.78,0-37.78-37.43V73.28H633.85V44.64H646V20.74h34.61v23.9h17.93V73.28H680.59v33c0,2.69.62,4.63,1.85,5.8s3.31,1.75,6.24,1.75Z' />\n    </svg>\n  )\n}\n","import PropTypes from 'prop-types'\nimport React from 'react'\nimport LogoIcon from '../icons/LogoIcon'\n\nconst Intro = ({ onNavigateNext }) => (\n  <div className='border border-black flex flex-col h-full justify-center overflow-hidden text-center w-full'>\n    <div className='px-12'>\n      <LogoIcon className='fill-current mx-auto w-full max-w-xs' />\n      <h1 className='leading-snug mt-4 text-4xl sm:leading-snug sm:text-5xl'>Activity</h1>\n    </div>\n    <div className='exercises-bar mt-12 sm:mt-20' />\n    <div className='mt-16 sm:mt-24'>\n      <button className='btn' type='button' onClick={onNavigateNext}>\n        Let's Go!\n      </button>\n    </div>\n  </div>\n)\n\nIntro.propTypes = {\n  onNavigateNext: PropTypes.func.isRequired\n}\n\nexport default Intro\n","import classNames from 'classnames'\nimport React, { useCallback, useEffect, useMemo, useState } from 'react'\nimport Toggle from '../components/Toggle'\nimport ChevronRightIcon from '../icons/ChevronRightIcon'\nimport Exercise from './Exercise'\nimport Intro from './Intro'\nimport exercises from '../exercises.json'\n\nconst defaultSeconds = 64\n\nfunction getExerciseProps (step, currentStep) {\n  let color = ''\n\n  // Tailwind whitelist... bg-blue-300 bg-blue-400 bg-red-600 bg-yellow-300\n  // text-blue-300 text-blue-400 text-red-600 text-yellow-300\n  if (step === 2) {\n    color = 'yellow-300'\n  } else if (step === 3) {\n    color = 'red-600'\n  } else if (step === 4) {\n    color = 'blue-300'\n  }\n\n  return { active: step === currentStep, color, step }\n}\n\nfunction getNextStepText (step) {\n  switch (step) {\n    case 2:\n      return 'Next'\n    case 3:\n      return 'Next'\n    case 4:\n      return 'Go Again!'\n    default:\n      return ''\n  }\n}\n\nfunction shuffle (array, iteration) {\n  let currentIndex = array.length\n\n  let randomIndex\n  let temporaryValue\n\n  while (currentIndex !== 0) {\n    randomIndex = Math.floor(Math.random() * currentIndex)\n    currentIndex -= 1\n\n    temporaryValue = array[currentIndex]\n    array[currentIndex] = array[randomIndex]\n    array[randomIndex] = temporaryValue\n  }\n\n  return [...array]\n}\n\nexport default function NarrowApp () {\n  const [iteration, setIteration] = useState(1)\n  const [seconds, setSeconds] = useState(defaultSeconds)\n  const [step, setStep] = useState(1)\n  const [timer, setTimer] = useState(true)\n\n  const coolExercise = useMemo(() => {\n    return shuffle(exercises.cool, iteration)[0]\n  }, [iteration])\n\n  const moveExercise = useMemo(() => {\n    return shuffle(exercises.move, iteration)[0]\n  }, [iteration])\n\n  const warmExercise = useMemo(() => {\n    return shuffle(exercises.warm, iteration)[0]\n  }, [iteration])\n\n  const navigateNext = useCallback(() => {\n    const nextStep = step >= 4 ? 1 : step + 1\n\n    setSeconds(defaultSeconds)\n    setStep(nextStep)\n\n    if (nextStep === 2) {\n      setIteration(i => i + 1)\n    }\n  }, [step])\n\n  useEffect(() => {\n    if (step === 1 || !timer) {\n      return\n    }\n\n    if (seconds <= 0) {\n      navigateNext()\n      return\n    }\n\n    const milliseconds = seconds > 60 ? 500 : 1000\n\n    const timeout = setTimeout(() => {\n      setSeconds(s => s - 1)\n    }, milliseconds)\n\n    return () => clearInterval(timeout)\n  }, [seconds, step, timer, navigateNext])\n\n  if (step === 1) {\n    return <Intro onNavigateNext={navigateNext} />\n  }\n\n  return (\n    <div className='border border-black flex flex-col h-full overflow-hidden w-full'>\n      <div\n        id='main'\n        className='flex flex-1 flex-col overflow-hidden relative w-full z-10 lg:flex-row'\n        tabIndex='0'\n      >\n        <Exercise\n          exercise={warmExercise}\n          position='left'\n          seconds={seconds}\n          timer={timer}\n          type='warm'\n          {...getExerciseProps(2, step)}\n        />\n        <Exercise\n          exercise={moveExercise}\n          position='center'\n          seconds={seconds}\n          timer={timer}\n          type='move'\n          {...getExerciseProps(3, step)}\n        />\n        <Exercise\n          exercise={coolExercise}\n          position='right'\n          seconds={seconds}\n          timer={timer}\n          type='cool'\n          {...getExerciseProps(4, step)}\n        />\n      </div>\n      <div\n        id='navbar'\n        className='bg-white border-black border-t flex flex-shrink-0 h-14 relative shadow-xl z-20 sm:h-16 md:h-20'\n      >\n        <div className='border-black border-r flex h-14 items-center justify-center w-1/2 sm:h-16 md:h-20'>\n          <span className='leading-6 mr-3 text-xl sm:leading-7 sm:mr-4 sm:text-2xl lg:leading-8 lg:mr-5 lg:text-3xl'>Timer</span>\n          <Toggle value={timer} onToggle={() => setTimer(t => !t)} />\n        </div>\n        <div className='w-1/2'>\n          <button\n            className={classNames('bg-white flex h-14 items-center justify-center transition-150 w-full hover:text-white focus:outline-none sm:h-16 md:h-20', {\n              'text-red-600 hover:bg-red-600': step === 2,\n              'text-blue-400 hover:bg-blue-400': step === 3,\n              'text-green-400 hover:bg-green-400': step === 4\n            })}\n            type='button'\n            onClick={() => navigateNext()}\n          >\n            <span className='leading-6 mr-3 text-xl sm:leading-7 sm:mr-4 sm:text-2xl lg:leading-8 lg:mr-5 lg:text-3xl'>{getNextStepText(step)}</span>\n            <ChevronRightIcon className='block fill-current h-6 w-auto sm:h-7 lg:h-8' />\n          </button>\n        </div>\n      </div>\n    </div>\n  )\n}\n","/* eslint-disable multiline-ternary */\nimport React, { useState } from 'react'\nimport Intro from './Intro'\nimport exercises from '../exercises.json'\n\nconst $ = window.jQuery || window.$\n\nconst cols = [\n  {\n    id: 1,\n    color: 'yellow-300',\n    desc: 'warmup',\n    title: 'Warm-Up',\n    type: 'warm',\n    cards: exercises.warm\n  },\n  {\n    id: 2,\n    color: 'red-600',\n    desc: 'move',\n    title: 'Move',\n    type: 'move',\n    cards: exercises.move\n  },\n  {\n    id: 3,\n    color: 'blue-300',\n    desc: 'cooldown',\n    title: 'Cool Down',\n    type: 'cool',\n    cards: exercises.cool\n  }\n]\n\nexport default function WideApp () {\n  const [step, setStep] = useState(1)\n\n  const navigateNext = () => {\n    const nextStep = step >= 4 ? 1 : step + 1\n\n    setStep(nextStep)\n\n    if (nextStep === 2) {\n      $(function () {\n        window.sanfordFitBoost = new window.SanfordFitBoost()\n        window.sanfordFitBoost.spin()\n      })\n    }\n  }\n\n  if (step === 1) {\n    return <Intro onNavigateNext={navigateNext} />\n  }\n\n  return (\n    <div className='app timer-active'>\n      <div className='view'>\n\n        {cols.map(col => (\n          <div className='column' key={col.id}>\n\n            <h1 className={`column__title text-${col.color}`}>{col.title}</h1>\n\n            <div id={`slot${col.id}`} className={`slot slot--${col.type}`}>\n\n              {col.cards.map((card, cardIndex) => (\n                <div\n                  className={`card card--${col.type}`}\n                  data-type={col.type}\n                  key={cardIndex}\n                >\n                  <img\n                    className='card__img'\n                    src={`svg/${col.type}-${card.image}-02.svg`}\n                    alt={`${card.name} card`}\n                  />\n                  <div className='card__body'>\n                    <h1>{card.name}</h1>\n                    <h4>{card.time}</h4>\n                    <div className='timer'>\n                      <span className='timer__ready'>Ready...</span>\n                      <span className='timer__set'>Set...</span>\n                      <span className='timer__go'>Go!</span>\n                      <br />\n                      <span className='timer__time' />\n                    </div>\n                    <p>{card.steps.join(' ')}</p>\n                    {!!card.desc && (\n                      <p className='desc'>*{card.desc}</p>\n                    )}\n                  </div>\n                </div>\n              ))}\n\n            </div>\n\n          </div>\n        ))}\n\n        <button className='v1-btn' type='button'>Let's Go!</button>\n\n        <div className='modal'>\n          <button className='close' type='button'>\n            <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 500 500'>\n              <path d='M466.7 500c-8.5 0-17.1-3.3-23.6-9.8L250 297.1 56.9 490.2c-13 13-34.1 13-47.1 0s-13-34.1 0-47.1L202.9 250 9.8 56.9c-13-13-13-34.1 0-47.1s34.1-13 47.1 0L250 202.9 443.1 9.8c13-13 34.1-13 47.1 0s13 34.1 0 47.1L297.1 250l193.1 193.1c13 13 13 34.1 0 47.1-6.5 6.5-15 9.8-23.5 9.8z' />\n            </svg>\n          </button>\n          <button className='next' type='button'>\n            <span>Move</span>\n            <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 288.3 500'>\n              <path d='M22.5 500c-6 0-12-2.4-16.4-7.1-8.5-9.1-8-23.3 1.1-31.8L232.9 250 7.1 38.9C-2 30.4-2.5 16.2 6 7.1 14.5-2 28.7-2.5 37.8 6l243.3 227.5c4.6 4.3 7.1 10.2 7.1 16.4s-2.6 12.2-7.1 16.4L37.9 493.9C33.5 498 28 500 22.5 500z' />\n            </svg>\n          </button>\n        </div>\n\n        <div className='timer-toggle'>\n          <label>Timer</label>\n          <input\n            className='timer-input js-switchery'\n            type='checkbox'\n            value='timer'\n            defaultChecked\n          />\n        </div>\n\n      </div>\n    </div>\n  )\n}\n","import React from 'react'\nimport NarrowApp from './NarrowApp'\nimport WideApp from './WideApp'\nimport useMedia from '../hooks/useMedia'\n\nexport default function App () {\n  const layout = useMedia(['(min-width: 872px)'], ['wide'], 'narrow')\n  return layout === 'narrow' ? <NarrowApp /> : <WideApp />\n}\n","import { useCallback, useEffect, useMemo, useState } from 'react'\n\nexport default function useMedia (queries, values, defaultValue) {\n  const mediaQueryLists = useMemo(\n    () => queries.map(q => window.matchMedia(q)),\n    [queries]\n  )\n\n  const getValue = useCallback(() => {\n    const index = mediaQueryLists.findIndex(mql => mql.matches)\n    return typeof values[index] !== 'undefined' ? values[index] : defaultValue\n  }, [defaultValue, mediaQueryLists, values])\n\n  const [value, setValue] = useState(getValue)\n\n  useEffect(() => {\n    const handler = () => setValue(getValue)\n    mediaQueryLists.forEach(mql => mql.addListener(handler))\n    return () => mediaQueryLists.forEach(mql => mql.removeListener(handler))\n  }, [getValue, mediaQueryLists])\n\n  return value\n}\n","import React from 'react'\nimport ReactDOM from 'react-dom'\nimport App from './components/App'\nimport './css/switchery.css'\nimport './css/app.dist.css'\n\nReactDOM.render(\n  <React.StrictMode>\n    <App />\n  </React.StrictMode>,\n  document.getElementById('root')\n)\n"],"sourceRoot":""}