{"version":3,"sources":["assets/BackgroundMusic.mp3","context/VolumeContext.js","components/VolumeButton.js","components/Menu.js","components/Page.js","pages/Landing.js","pages/About.js","pages/Sponsors.js","assets/KnightHacksLogo.svg","pages/Schedule.js","pages/FAQ.js","components/CustomMenuList.js","pages/Register.js","pages/Success.js","App.js","index.js","sentry.js"],"names":["VolumeContext","createContext","VolumeReducer","state","action","type","volumeOn","Error","VolumeProvider","children","song","Audio","BackgroundMusic","loop","useReducer","value","dispatch","Provider","VolumeButton","volume","useContext","color","className","onClick","pause","play","Menu","open","setOpen","id","href","target","rel","src","alt","show","as","Fragment","static","onClose","Child","enter","enterFrom","enterTo","leave","leaveFrom","leaveTo","Overlay","Title","to","Page","title","onLanding","useState","Helmet","Landing","aria-label","unselectable","About","Sponsors","Schedule","ColorHash","lightness","FAQ","list","map","item","index","Button","question","Panel","dangerouslySetInnerHTML","__html","answer","CustomMenuList","props","this","Array","isArray","style","options","maxHeight","getValue","initialOffset","indexOf","childrenOptions","React","Children","toArray","wrapperHeight","length","listStyle","width","height","scrollOffset","itemCount","itemSize","renderItem","bind","Component","TextInputBox","label","field","placeholder","FileUploadBox","handleFile","disabled","hiddenFileInput","useRef","event","preventDefault","current","click","ref","onChange","fileUploaded","files","display","OptionSelector","trackOptions","selectedTrack","setSelectedTrack","handleTouched","flex","zIndex","undefined","aria-hidden","Options","track","trackIdx","Option","active","selected","createHacker","a","email","first_name","firstName","last_name","lastName","dateOfBirth","phone_number","phoneNumber","can_share_info","canShareInfo","beginner","isBeginner","ethnicity","pronouns","college","major","levelOfStudy","graduation_date","graduation","github","linkedin","linkedIn","why_attend","whyAttend","what_learn","whatLearn","dietary_restrictions","dietaryRestrictions","resume_id","payload","edu_info","socials","transaction","Sentry","data","hacker","JSON","stringify","op","name","description","configureScope","scope","setSpan","fetch","method","headers","body","res","setHttpStatus","status","finish","Register","resume","setResume","history","useHistory","infoOptions","setCanShareInfo","levelOfStudyOptions","levelOfStudyOption","setLevelOfStudyOption","graduationOptions","schoolOption","setSchoolOption","CustomOption","innerProps","rest","onMouseMove","onMouseOver","newProps","DropdownIndicator","graduationOption","setGraduationOption","pronounOptions","pronounOption","setPronounOption","ethnicityOptions","ethnicityOption","setEthnicityOption","countryOption","setCountryOption","registrationState","setRegistrationState","isOpen","setIsOpen","shouldOpen","setShouldOpen","response","setResponse","resumeID","setResumeID","isUploading","setIsUploading","uploadResume","formData","FormData","set","then","b","json","serverErrorFocusRef","validationErrorFocusRef","submitRegistration","values","console","log","window","country","ok","push","registrationSchema","yup","shape","required","matches","innerWidth","initialFocus","Description","statusText","initialValues","validate","errors","validationSchema","onSubmit","setSubmitting","isSubmitting","setStatus","submitForm","msg","option","Object","keys","reduce","object","key","pronoun","countries","schools","isSearchable","filterOption","createFilter","ignoreAccents","captureMenuScroll","classNamePrefix","components","MenuList","styles","provided","fontFamily","control","backgroundColor","borderWidth","borderRadius","borderColor","paddingTop","paddingBottom","singleValue","fontSize","lineHeight","isSelected","input","onMenuOpen","schoolName","newStatus","CircularProgress","Success","AppWithTransitions","location","useLocation","TransitionGroup","CSSTransition","classNames","timeout","exact","path","component","App","createBrowserHistory","basename","dsn","process","integrations","Integrations","BrowserTracing","tracingOrigins","routingInstrumentation","environment","release","tracesSampleRate","enabled","setupSentry","ReactDOM","render","StrictMode","document","getElementById"],"mappings":"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","file":"static/js/main.bbc38d05.chunk.js","sourcesContent":["export default __webpack_public_path__ + \"static/media/BackgroundMusic.008fe577.mp3\";","import { createContext, useReducer } from \"react\";\nimport BackgroundMusic from \"../assets/BackgroundMusic.mp3\";\n\nexport const VolumeContext = createContext();\n\n/**\n * A Reducer function for manipulating multiple pieces of state at once.\n * @param state the current VolumeContext state\n * @param action An object containing a type and payload element.\n * @returns The modified state after the selected action type.\n */\nfunction VolumeReducer(state, action) {\n  switch (action.type) {\n    case \"play\": {\n      return { ...state, volumeOn: true };\n    }\n    case \"pause\": {\n      return { ...state, volumeOn: false };\n    }\n    default: {\n      throw new Error(`Unhandled action type: ${action.type}`);\n    }\n  }\n}\n\n/**\n * A context provider component that allows global access of volume state from anywhere in the codebase.\n * @param children The Apps JSX content that will be rendered.\n * @returns A context provider component from VolumeContext.\n */\nfunction VolumeProvider({ children }) {\n  const song = new Audio(BackgroundMusic);\n  song.loop = true;\n\n  const [state, dispatch] = useReducer(VolumeReducer, {\n    volumeOn: false,\n    song,\n  });\n\n  const value = { state, dispatch };\n  return (\n    <VolumeContext.Provider value={value}>{children}</VolumeContext.Provider>\n  );\n}\n\nexport default VolumeProvider;\n","import { useContext } from \"react\";\nimport { IconContext } from \"react-icons\";\nimport { BsFillVolumeUpFill, BsFillVolumeMuteFill } from \"react-icons/bs\";\nimport { VolumeContext } from \"../context/VolumeContext\";\n\nconst VolumeButton = () => {\n  const volume = useContext(VolumeContext);\n\n  return (\n    <IconContext.Provider\n      value={{\n        color: \"white\",\n        className: \"text-4xl md:text-5xl cursor-pointer\",\n      }}\n    >\n      {volume.state.volumeOn ? (\n        <BsFillVolumeUpFill\n          onClick={() => {\n            volume.dispatch({ type: \"pause\" });\n            volume.state.song.pause();\n          }}\n        />\n      ) : (\n        <BsFillVolumeMuteFill\n          onClick={() => {\n            volume.dispatch({ type: \"play\" });\n            volume.state.song.play();\n          }}\n        />\n      )}\n    </IconContext.Provider>\n  );\n};\n\nexport default VolumeButton;\n","import { Fragment } from \"react\";\nimport { CgMenu } from \"react-icons/cg\";\nimport { Dialog, Transition } from \"@headlessui/react\";\nimport { Link } from \"react-router-dom\";\nimport VolumeButton from \"./VolumeButton\";\n\n/**\n * @desc Renders menu component containing nav menu and volume\n * @param Takes a piece of state and its update function for when the menu is opened\n * @author Abraham Hernandez\n */\n\nconst Menu = ({ open, setOpen }) => {\n  return (\n    <div className=\"flex justify-center w-screen\">\n      <div\n        className={\n          \"text-white flex flex-row sm:space-x-8 w-full px-6 pt-6 mt-8 \" +\n          (open ? \"hidden\" : \"visible\")\n        }\n      >\n        <CgMenu\n          className=\"text-4xl md:text-5xl cursor-pointer text-white\"\n          onClick={() => setOpen(!open)}\n        />\n        <div className=\"flex-1 sm:flex-none flex justify-end\">\n          <VolumeButton />\n        </div>\n      </div>\n      <div className=\"col-span-1 w-14 justify-center sm:flex sm:w-11/12 sm:h-full sm:justify-end lg:w-full lg:mr-20 md:w-11/12 md:mr-6 \">\n        <a\n          id=\"mlh-trust-badge\"\n          className=\"block w-12 sm:w-20 md:w-28 mr-2\"\n          href=\"https://mlh.io/seasons/2022/events?utm_source=na-hackathon&utm_medium=TrustBadge&utm_campaign=2022-season&utm_content=white\"\n          target=\"_blank\"\n          rel=\"noreferrer\"\n        >\n          <img\n            src=\"https://s3.amazonaws.com/logged-assets/trust-badge/2022/mlh-trust-badge-2022-white.svg\"\n            alt=\"Major League Hacking 2022 Hackathon Season\"\n          />\n        </a>\n      </div>\n      <Transition show={open} as={Fragment}>\n        <Dialog\n          as=\"div\"\n          id=\"modal\"\n          className=\"fixed inset-0 z-10 overflow-y-auto\"\n          static\n          open={open}\n          onClose={() => setOpen(false)}\n        >\n          <div className=\"min-h-screen\">\n            <Transition.Child\n              as={Fragment}\n              enter=\"ease-out duration-300\"\n              enterFrom=\"opacity-0\"\n              enterTo=\"opacity-100\"\n              leave=\"ease-in duration-200\"\n              leaveFrom=\"opacity-100\"\n              leaveTo=\"opacity-0\"\n            >\n              <Dialog.Overlay className=\"fixed inset-0 bg-menu-transparent\" />\n            </Transition.Child>\n\n            <div className=\"sm:inline-block px-6 pt-6 mt-8 text-left align-middle transition-all transform\">\n              <Dialog.Title\n                as=\"div\"\n                className=\"leading-6 text-white flex flex-row sm:space-x-8 w-full\"\n              >\n                <CgMenu\n                  className=\"text-4xl md:text-5xl cursor-pointer\"\n                  onClick={() => setOpen(!open)}\n                />\n                <div\n                  className={\n                    \"flex-1 sm:flex-none flex justify-end \" +\n                    (open ? \"filter blur-md\" : \"cursor-pointer\")\n                  }\n                >\n                  <VolumeButton />\n                </div>\n              </Dialog.Title>\n              <Transition.Child\n                as={Fragment}\n                enter=\"ease-out duration-300\"\n                enterFrom=\"opacity-0 scale-95\"\n                enterTo=\"opacity-100 scale-100\"\n                leave=\"ease-in duration-200\"\n                leaveFrom=\"opacity-100 scale-100\"\n                leaveTo=\"opacity-0 scale-95\"\n              >\n                <div className=\"mt-2 inline-block\">\n                  <ul className=\"text-4xl sm:text-5xl text-white inline-flex flex-col font-sansita\">\n                    <li className=\"mt-4 inline-block hover:text-5xl sm:hover:text-6xl hover:transition ease-linear duration-700\">\n                      <Link\n                        to=\"/\"\n                        onClick={() => setOpen(false)}\n                        className=\"focus:outline-none focus:ring focus:border-blue-300 px-2\"\n                      >\n                        Home\n                      </Link>\n                    </li>\n                    <li className=\"mt-4 inline-block hover:text-5xl sm:hover:text-6xl hover:transition ease-linear duration-700\">\n                      <Link\n                        to=\"/about\"\n                        onClick={() => setOpen(false)}\n                        className=\"focus:outline-none focus:ring focus:border-blue-300 px-2\"\n                      >\n                        About\n                      </Link>\n                    </li>\n                    <li className=\"mt-4 inline-block hover:text-5xl sm:hover:text-6xl hover:transition ease-linear duration-700\">\n                      <Link\n                        to=\"/sponsors\"\n                        onClick={() => setOpen(false)}\n                        className=\"focus:outline-none focus:ring focus:border-blue-300 px-2\"\n                      >\n                        Sponsors\n                      </Link>\n                    </li>\n                    <li className=\"mt-4 inline-block hover:text-5xl sm:hover:text-6xl hover:transition ease-linear duration-700\">\n                      <Link\n                        to=\"/schedule\"\n                        onClick={() => setOpen(false)}\n                        className=\"focus:outline-none focus:ring focus:border-blue-300 px-2\"\n                      >\n                        Schedule\n                      </Link>\n                    </li>\n                    <li className=\"mt-4 inline-block hover:text-5xl sm:hover:text-6xl hover:transition ease-linear duration-700\">\n                      <Link\n                        to=\"/faq\"\n                        onClick={() => setOpen(false)}\n                        className=\"focus:outline-none focus:ring focus:border-blue-300 px-2\"\n                      >\n                        FAQ\n                      </Link>\n                    </li>\n                    <li className=\"mt-4 inline-block hover:text-5xl sm:hover:text-6xl hover:transition ease-linear duration-700\">\n                      <Link\n                        to=\"/register\"\n                        onClick={() => setOpen(false)}\n                        className=\"focus:outline-none focus:ring focus:border-blue-300 px-2\"\n                      >\n                        Register\n                      </Link>\n                    </li>\n                  </ul>\n                </div>\n              </Transition.Child>\n            </div>\n          </div>\n        </Dialog>\n      </Transition>\n    </div>\n  );\n};\n\nexport default Menu;\n","import { useState } from \"react\";\nimport Menu from \"./Menu\";\nimport { Link } from \"react-router-dom\";\nimport { FaInstagram } from \"react-icons/fa\";\nimport { TiSocialFacebook } from \"react-icons/ti\";\nimport { RiTwitterLine } from \"react-icons/ri\";\nimport { Helmet } from \"react-helmet\";\n\n/**\n * @desc Renders template layout for all pages\n * @param Takes the children JSX elements and a boolean value thats true if the current page is the Landing page\n * @author Abraham Hernandez\n */\n\nconst Page = ({ children, onLanding, title }) => {\n  const [open, setOpen] = useState(false);\n\n  return (\n    <>\n      <Helmet>\n        <title>{title}</title>\n      </Helmet>\n      <div\n        className={\n          \"absolute bg-koi-fish-pond bg-no-repeat bg-cover w-full h-screen flex flex-col items-center sm:items-center sm:grid sm:grid-cols-5 sm:grid-rows-1 sm:grid-flow-col sm:gap-0 \" +\n          (open ? \"filter blur-md\" : \"\")\n        }\n      >\n        <div className=\"sm:col-span-1 w-full h-3/20 sm:h-full\">\n          <Menu open={open} setOpen={setOpen} />\n        </div>\n\n        <div className=\"sm:col-span-3 text-white w-19/20 h-17/20 sm:h-19/20 flex justify-center sm:items-center\">\n          <div className=\"flex items-center w-full h-19/20 sm:h-full backdrop-filter backdrop-blur-sm bg-landing-transparent rounded-2xl flex-col overflow-y-auto p-2\">\n            {children}\n            <div className=\"flex flex-row w-full justify-center mb-8 space-x-8 text-4xl sm:text-5xl md:text-6xl mt-auto\">\n              <a\n                href=\"https://twitter.com/KnightHacks?lang=en/\"\n                className=\"ease-out duration-300 rounded-xl focus:outline-none focus:ring-4 focus:ring focus:ring-white focus:border-4\"\n              >\n                <RiTwitterLine className=\"p-2 rounded-xl hover:shadow-md\" />\n              </a>\n              <a\n                href=\"https://www.instagram.com/knighthacks/\"\n                className=\"ease-out duration-300 rounded-xl focus:outline-none focus:ring-4 focus:ring focus:ring-white focus:border-4\"\n              >\n                <FaInstagram className=\"p-2 rounded-xl hover:shadow-md\" />\n              </a>\n              <a\n                href=\"https://www.facebook.com/KnightHacks/\"\n                className=\"ease-out duration-300 rounded-xl focus:outline-none focus:ring-4 focus:ring focus:ring-white focus:border-4\"\n              >\n                <TiSocialFacebook className=\"p-2 rounded-xl hover:shadow-md\" />\n              </a>\n            </div>\n          </div>\n        </div>\n      </div>\n    </>\n  );\n};\n\nexport default Page;\n","import { Helmet } from \"react-helmet\";\nimport { Link } from \"react-router-dom\";\nimport Page from \"../components/Page\";\n\n/**\n * @desc Renders Landing page of the site\n * @author Abraham Hernandez\n */\nconst Landing = () => {\n  return (\n    <>\n      <Helmet>\n        <title>Knight Hacks</title>\n      </Helmet>\n      <Page onLanding={true}>\n        <div className=\"flex justify-center items-center flex-col w-full mt-auto\">\n          <div\n            aria-label=\"Knight Hacks logo\"\n            className={`\n            bg-knight-hacks-logo\n            w-full h-24 md:h-36 lg:h-44 bg-no-repeat\n            my-2 md:my-4 bg-center\n            font-palanquin\"\n            `}\n          />\n          <p className=\"text-xl w-full text-center font-palanquin\">\n            November 12th - November 14th, 2021\n          </p>\n          <Link\n            className={`\n              font-palanquin\n              px-4 sm:px-6 md:px-12 py-2\n              border-indigo-50 border-4 md:border-4\n              rounded-xl text-xl sm:text-3xl md:text-4xl\n              mt-4 md:mt-8\n              hover:border-white hover:shadow-lg\n              transition duration-1000 ease-in-out\n              hover:scale-110\n              hover:text-white\n              shadow-md\n              focus:outline-none\n              focus:ring-4\n              focus:ring-white\n            `}\n            to=\"/register\"\n          >\n            <p className=\" tracking-widest select-none\" unselectable=\"on\">\n              REGISTER\n            </p>\n          </Link>\n          <div className=\"flex flex-col md:flex-row sm:mb-10\">\n            <a\n              href=\"mailto:sponsorship@knighthacks.org\"\n              className={`\n                relative group\n                overflow-hidden\n                px-4 py-2 md:mx-3 mt-4\n                border-indigo-50 border-4\n                rounded-xl text-lg\n                font-palanquin\n                hover:border-white\n                hover:shadow-md\n                hover:bg-gradient-to-r\n                ease-out duration-300\n                focus:outline-none\n                focus:ring-4\n                focus:ring-white\n                shadow-sm\n              `}\n            >\n              <span\n                className={`\n                absolute rounded-xl\n                right-0 w-8 h-32 -mt-12\n                transition-all duration-1000 transform translate-x-12\n                bg-white opacity-10 rotate-12\n                group-hover:-translate-x-40 ease\n                `}\n              />\n              <p className=\"relative\">Sponsor Us</p>\n            </a>\n            <a\n              href=\"https://discord.gg/CcZPUTFAuW\"\n              className={`\n                relative group\n                overflow-hidden\n                px-4 py-2 md:mx-3 mt-4\n                border-indigo-50 border-4\n                rounded-xl text-lg\n                font-palanquin\n                hover:border-white\n                hover:shadow-md\n                hover:bg-gradient-to-r\n                ease-out duration-300\n                focus:outline-none\n                focus:ring-4\n                focus:ring-white\n                shadow-sm\n              `}\n            >\n              <span\n                className={`\n                absolute rounded-xl\n                right-0 w-8 h-32 -mt-12\n                transition-all duration-1000 transform translate-x-12 bg-white opacity-10 rotate-12\n                group-hover:-translate-x-40 ease\n                `}\n              />\n              <p className=\"relative\">Join Discord</p>\n            </a>\n          </div>\n        </div>\n      </Page>\n    </>\n  );\n};\n\nexport default Landing;\n","import Page from \"../components/Page\";\n\n/**\n * @desc About Page\n * @author Ro-Hanna Jowallah\n */\nconst About = () => {\n  return (\n    <Page title=\"Knight Hacks | About\" onLanding={false}>\n      <div className=\"flex justify-start items-center w-full flex-col my-4 md:my-12\">\n        <h1 className=\"text-4xl sm:text-4xl mt-20 md:text-6xl text-center font-sansita\">\n          About Us\n        </h1>\n        <div className=\"my-2 flex flex-col sm:text-base md:text-xl xl:text-xl items-center w-2/3 \">\n          <div className=\"text-left space-x-4  mb-2 mt-16 font-palanquin\">\n            Connect, Collaborate, and Create with over 700 of the brightest and\n            most enthusiastic developers, engineers, and designers in the\n            south-east and around the world!\n            <br />\n            {\"\"}\n            <br />\n            Whether {\"you're\"} a season hacker or a complete tech newbie, Knight\n            Hacks welcomes you! Just bring an open mind and a insatiable desire\n            to learn, and {\"we'll\"} take care of the rest.\n            <br />\n            {\"\"}\n            <br />\n            Create a product, learn new skills, and have fun with friends old\n            and new - all in 36 hours!\n          </div>\n        </div>\n      </div>\n    </Page>\n  );\n};\n\nexport default About;\n","import { Helmet } from \"react-helmet\";\nimport Page from \"../components/Page\";\n\n// for testing only, not for final production\nimport TestLogo from \"../assets/KnightHacksLogo.svg\";\n\n/**\n * @desc sponsors page; still WIP since we are waiting on sponsors\n * @author Rob\n */\nconst Sponsors = () => {\n  const sponsorsIncomplete = true;\n\n  if (sponsorsIncomplete) {\n    return (\n      <>\n        <Helmet>\n          <title>Knight Hacks | Sponsors</title>\n        </Helmet>\n        <Page onLanding={false}>\n          <h1 className=\"font-sansita my-10 justify-self-center text-4xl sm:text-5xl lg:text-6xl xl:text-7xl\">\n            Sponsors\n          </h1>\n          <div className=\"grid justify-items-center my-20\">\n            <div className=\"font-sansita text-2xl sm:text-4xl xl:text-4xl my-4\">\n              Coming soon!\n            </div>\n            <div className=\"w-3/5 text-center font-palanquin text-xl break-words sm:text-2xl xl:text-3xl my-4\">\n              Keep an eye out on this page for updates on this page in the\n              upcoming weeks.\n            </div>\n          </div>\n        </Page>\n      </>\n    );\n  }\n  return (\n    <Page title=\"Knight Hacks | Sponsors\" onLanding={false}>\n      <h1\n        className={`\n          text-4xl w-full text-center mt-16\n          sm:text-4xl md:text-6xl\n          lg:mt-32\n          xl:text-6xl xl:mt-36\n          2xl:text-7xl 2xl:mt-36\n          font-sansita\n        `}\n      >\n        Our Sponsors\n      </h1>\n      <div className=\"flex flex-col flex-wrap content-center\">\n        <img\n          className=\"w-2/3 xl:w-96 ml-36 my-10\"\n          src={TestLogo}\n          alt=\"test logo\"\n        />\n        <img\n          className=\"w-2/3 xl:w-96 mr-36 my-10 transform rotate-180\"\n          src={TestLogo}\n          alt=\"test logo\"\n        />\n        <img\n          className=\"w-2/3 xl:w-96 ml-36 my-10\"\n          src={TestLogo}\n          alt=\"test logo\"\n        />\n        <img\n          className=\"w-2/3 xl:w-96 ml-36 my-10\"\n          src={TestLogo}\n          alt=\"test logo\"\n        />\n        <img\n          className=\"w-2/3 xl:w-96 mr-36 my-10 transform rotate-180\"\n          src={TestLogo}\n          alt=\"test logo\"\n        />\n        <img\n          className=\"w-2/3 xl:w-96 ml-36 my-10\"\n          src={TestLogo}\n          alt=\"test logo\"\n        />\n      </div>\n    </Page>\n  );\n};\n\nexport default Sponsors;\n","export default __webpack_public_path__ + \"static/media/KnightHacksLogo.331e4162.svg\";","import Page from \"../components/Page\";\nimport content from \"../assets/content/schedule.json\";\nimport ColorHash from \"color-hash\";\nimport { Helmet } from \"react-helmet\";\n\n/**\n * @desc Displays Schedule using formatted events from JSON\n * @author Aileen\n */\n\nconst hash = new ColorHash({ lightness: 0.8 });\nconst Schedule = () => {\n  const scheduleIncomplete = true;\n\n  if (scheduleIncomplete) {\n    return (\n      <>\n        <Helmet>\n          <title>Knight Hacks | Schedule</title>\n        </Helmet>\n        <Page onLanding={false}>\n          <h1 className=\"font-sansita my-10 justify-self-center text-4xl sm:text-5xl lg:text-6xl xl:text-7xl\">\n            Schedule\n          </h1>\n          <div className=\"grid justify-items-center my-20\">\n            <div className=\"font-sansita text-2xl sm:text-4xl xl:text-4xl my-4\">\n              Coming soon!\n            </div>\n            <div className=\"w-3/5 text-center font-palanquin text-xl break-words sm:text-2xl xl:text-3xl my-4\">\n              Keep an eye out on this page for updates on this page in the\n              upcoming weeks.\n            </div>\n          </div>\n        </Page>\n      </>\n    );\n  }\n  return (\n    <Page title=\"Knight Hacks | Schedule\" onLanding={false}>\n      <div className=\"grid w-full flex-col my-4 md:my-12\">\n        <h1 className=\"my-10 justify-self-center text-4xl sm:text-4xl md:text-6xl xl:text-7xl font-sansita\">\n          Schedule\n        </h1>\n        {content.map((event, index) => {\n          return (\n            <div key={index} className=\"ml-24\">\n              <p className=\" text-2xl sm:text-3xl xl:text-4xl my-4 font-palanquin\">\n                {event.day}\n              </p>\n              {/* Mapping through the content in each events block in JSON */}\n              {event.events.map((item, index) => (\n                <>\n                  <div key={index} className=\"mb-5\">\n                    <div className=\" mb-1 text-base space-x-4 sm:text-lg md:text-xl xl:text-2xl font-palanquin\">\n                      <span className=\"font-palanquin\"> {item.time} </span>{\" \"}\n                      <span> {item.title} </span>\n                    </div>\n                    {/* Mapping through each string in the tags array in JSON */}\n                    {item.tags.map((tag, index) => (\n                      <span\n                        key={index}\n                        style={{ backgroundColor: hash.hex(tag) }}\n                        className=\"font-palanquin rounded-full px-2 py-1 mr-2 text-gray-600\"\n                      >\n                        {tag}\n                      </span>\n                    ))}\n                  </div>\n                  {item.tags.map((tag, index) => (\n                    <span\n                      key={index}\n                      style={{ backgroundColor: hash.hex(tag) }}\n                      className=\"font-palanquin rounded-full px-2 py-1 mr-2 text-gray-600\"\n                    >\n                      {tag}\n                    </span>\n                  ))}\n                </>\n              ))}\n            </div>\n          );\n        })}\n      </div>\n    </Page>\n  );\n};\n\nexport default Schedule;\n","import Page from \"../components/Page\";\nimport { Disclosure, Transition } from \"@headlessui/react\";\nimport { HiChevronDown } from \"react-icons/hi\";\nimport list from \"../assets/content/faq.json\";\n\n/**\n * @desc Renders FAQ page using dropdowns\n * @author Abraham Hernandez\n */\nconst FAQ = () => {\n  return (\n    <Page title=\"Knight Hacks | FAQ\" onLanding={false}>\n      <div className=\"flex justify-start items-center w-full flex-col my-4 md:my-12\">\n        <h1 className=\"text-4xl sm:text-4xl md:text-6xl mt-20 mb-4 font-sansita\">\n          FAQ\n        </h1>\n        <div className=\"my-4 flex flex-col items-center w-2/3\">\n          {list.map((item, index) => (\n            <Disclosure\n              as=\"div\"\n              className=\"mb-2 w-full rounded-lg shadow-md font-palanquin\"\n              key={index}\n            >\n              {({ open }) => (\n                <>\n                  <Disclosure.Button\n                    className={`${\n                      open ? \"rounded-t-lg\" : \"rounded-lg\"\n                    } flex justify-between w-full px-4 py-2 text-xl font-palanquin text-left cursor-pointer text-gray-900 bg-blue-100 bg-opacity-70 hover:bg-blue-200 hover:bg-opacity-70 focus:outline-none focus-visible:ring focus-visible:ring-blue-500 focus-visible:ring-opacity-75`}\n                  >\n                    <span>{item.question}</span>\n                    <HiChevronDown\n                      className={`${\n                        open ? \"transform rotate-180\" : \"\"\n                      } w-5 h-5 text-blue-500`}\n                    />\n                  </Disclosure.Button>\n                  <Transition\n                    show={open}\n                    enter=\"transition duration-200 ease-linear\"\n                    enterFrom=\"transform opacity-0\"\n                    enterTo=\"transform opacity-100\"\n                    leave=\"transition duration-100 ease-linear\"\n                    leaveFrom=\"transform opacity-100\"\n                    leaveTo=\"transform opacity-0\"\n                  >\n                    <Disclosure.Panel\n                      static\n                      className=\"text-left text-base sm:text-lg text-gray-700 px-8 py-2 bg-blue-100 bg-opacity-70 rounded-b-lg\"\n                      dangerouslySetInnerHTML={{ __html: item.answer }}\n                    />\n                  </Transition>\n                </>\n              )}\n            </Disclosure>\n          ))}\n        </div>\n      </div>\n    </Page>\n  );\n};\n\nexport default FAQ;\n","import React from \"react\";\nimport VirtualList from \"react-tiny-virtual-list\";\n\nconst DefaultItemHeight = 40;\n\nexport default class CustomMenuList extends React.Component {\n  renderItem(props) {\n    const { children } = this.props;\n    if (Array.isArray(children)) {\n      return (\n        <li style={props.style} key={props.index}>\n          {children[props.index]}\n        </li>\n      );\n    }\n    return (\n      <li key={props.index} className=\"mt-3 text-center\">\n        {children.props.children}\n      </li>\n    );\n  }\n\n  render() {\n    const { options, children, maxHeight, getValue } = this.props;\n\n    const [value] = getValue();\n    const initialOffset = options.indexOf(value) * DefaultItemHeight;\n    const childrenOptions = React.Children.toArray(children);\n    const wrapperHeight =\n      maxHeight < childrenOptions.length * DefaultItemHeight\n        ? maxHeight\n        : childrenOptions.length * DefaultItemHeight;\n\n    return (\n      <span\n        style={{\n          listStyle: \"none\",\n        }}\n      >\n        <VirtualList\n          width=\"100%\"\n          height={wrapperHeight + 6}\n          scrollOffset={initialOffset}\n          itemCount={childrenOptions.length}\n          itemSize={DefaultItemHeight}\n          renderItem={this.renderItem.bind(this)}\n        />\n      </span>\n    );\n  }\n}\n","import { Dialog, Listbox } from \"@headlessui/react\";\nimport { CheckIcon, SelectorIcon } from \"@heroicons/react/solid\";\nimport { useRef, useState } from \"react\";\nimport { HiOutlineUpload } from \"react-icons/hi\";\nimport Page from \"../components/Page\";\nimport { useHistory } from \"react-router-dom\";\nimport * as Sentry from \"@sentry/react\";\nimport { Formik, Form, Field, ErrorMessage } from \"formik\";\nimport * as yup from \"yup\";\nimport CircularProgress from \"@mui/material/CircularProgress\";\nimport ReactSelect, { createFilter, components } from \"react-select\";\nimport CustomMenuList from \"../components/CustomMenuList\";\nimport schools from \"../assets/content/schools.json\";\nimport countries from \"../assets/content/countries.json\";\n\n/**\n * @desc Registration page where hackers can sign up for the hackathon. After\n * submitting, the backend is updated and they will recieve a success message\n * on the page.\n *\n * @author Rob\n */\nconst Register = () => {\n  const [resume, setResume] = useState(null);\n  const trackOptions = [\"Beginner\", \"Intermediate / Advanced\"];\n  const [selectedTrack, setSelectedTrack] = useState(trackOptions[0]);\n  const history = useHistory();\n\n  const infoOptions = [\n    \"Yes; I'm comfortable with my information being shared.\",\n    \"No; don't share my my information.\",\n  ];\n  const [canShareInfo, setCanShareInfo] = useState(infoOptions[0]);\n\n  const levelOfStudyOptions = [\n    \"Undergraduation / Bachelors\",\n    \"Graduation / Masters\",\n    \"PhD / Doctorate\",\n    \"Post Doctorate\",\n  ];\n\n  const [levelOfStudyOption, setLevelOfStudyOption] = useState(\n    \"Level of Study\"\n  );\n\n  const graduationOptions = [\n    \"Fall 2021\",\n    \"Spring 2022\",\n    \"Summer 2022\",\n    \"Fall 2022\",\n    \"Spring 2023\",\n    \"Summer 2023\",\n    \"Fall 2023\",\n    \"Spring 2024\",\n    \"Summer 2024\",\n    \"Fall 2024\",\n  ];\n\n  const [schoolOption, setSchoolOption] = useState(\"School Name\");\n\n  const CustomOption = ({ children, ...props }) => {\n    // eslint-disable-next-line no-unused-vars\n    const { onMouseMove, onMouseOver, ...rest } = props.innerProps;\n    const newProps = { ...props, innerProps: rest };\n    return (\n      <components.Option {...newProps} className=\"custom-option\">\n        {children}\n      </components.Option>\n    );\n  };\n\n  const DropdownIndicator = (props) => {\n    return (\n      <components.DropdownIndicator {...props}>\n        <SelectorIcon className=\"w-5 h-5 text-gray-400\" aria-hidden=\"true\" />\n      </components.DropdownIndicator>\n    );\n  };\n\n  const [graduationOption, setGraduationOption] = useState(\"Graduation Year\");\n\n  const pronounOptions = [\"she/her\", \"he/him\", \"they/them\", \"ze/zir\", \"Other\"];\n  const [pronounOption, setPronounOption] = useState(\"Pronouns\");\n\n  const ethnicityOptions = [\n    \"American Indian or Alaska Native\",\n    \"Asian\",\n    \"Black or African American\",\n    \"Hispanic or Latino\",\n    \"Native Hawaiian or Other Pacific Islander\",\n    \"White\",\n    \"Two or more\",\n  ];\n  const [ethnicityOption, setEthnicityOption] = useState(\"Ethnicity\");\n\n  const [countryOption, setCountryOption] = useState(\"Country\");\n\n  // \"unset\" | \"success\" | \"failure\" | \"pending\"\n  const [registrationState, setRegistrationState] = useState(\"unset\");\n\n  // registration fail dialog\n  const [isOpen, setIsOpen] = useState(false);\n\n  // user validation dialog\n  const [shouldOpen, setShouldOpen] = useState(false);\n\n  const [response, setResponse] = useState(null);\n\n  const [resumeID, setResumeID] = useState(null);\n\n  const [isUploading, setIsUploading] = useState(false);\n\n  const uploadResume = async (resume) => {\n    setIsUploading(true);\n    setResume(resume);\n    const formData = new FormData();\n    formData.set(\"resume\", resume);\n    formData.set(\"type\", \"application/json\");\n    const { id } = await fetch(\n      \"https://api.knighthacks.org/api/hackers/resume/\",\n      {\n        method: \"POST\",\n        body: formData,\n      }\n    ).then((b) => b.json());\n    setResumeID(id);\n    setIsUploading(false);\n  };\n\n  const serverErrorFocusRef = useRef(null);\n  const validationErrorFocusRef = useRef(null);\n\n  const submitRegistration = async (values) => {\n    switch (registrationState) {\n      case \"pending\":\n        console.log(\"in proccess\");\n        break;\n      case \"success\":\n        window.open(\"/success\");\n        console.log(\"success login\");\n        break;\n      default: {\n        setRegistrationState(\"pending\");\n\n        const response = await createHacker({\n          email: values.email,\n          firstName: values.firstName,\n          lastName: values.lastName,\n          dateOfBirth: values.dateOfBirth,\n          phoneNumber: values.phoneNumber,\n          canShareInfo,\n          isBeginner: selectedTrack === \"Beginner\",\n          ethnicity: ethnicityOption,\n          country: countryOption,\n          pronouns: pronounOption,\n          college: schoolOption.value,\n          major: values.major,\n          levelOfStudy: levelOfStudyOption,\n          graduation: graduationOption,\n          github: values.github,\n          linkedIn: values.linkedIn,\n          whyAttend: values.whyAttend,\n          whatLearn: values.whatLearn,\n          dietaryRestrictions: values.dietaryRestrictions,\n          resume_id: resumeID,\n        });\n        setRegistrationState(response.ok ? \"success\" : \"failure\");\n        setResponse(response);\n        if (response.ok) history.push(\"/success\");\n        else setIsOpen(true);\n      }\n    }\n  };\n\n  const phoneRegExp = /^((\\\\+[1-9]{1,4}[ \\\\-]*)|(\\\\([0-9]{2,3}\\\\)[ \\\\-]*)|([0-9]{2,4})[ \\\\-]*)*?[0-9]{3,4}?[ \\\\-]*[0-9]{3,4}?$/;\n\n  const dateOfBirthExp = /^(\\d{4})(\\/|-)(\\d{1,2})(\\/|-)(\\d{1,2})$/;\n\n  let registrationSchema = yup.object().shape({\n    firstName: yup.string().required(\"First name is required.\"),\n    lastName: yup.string().required(\"Last name is required.\"),\n    dateOfBirth: yup\n      .string()\n      .matches(dateOfBirthExp, \"Date of birth is not valid.\")\n      .required(\"Date of birth is required.\"),\n    email: yup\n      .string()\n      .email(\"Email is not valid.\")\n      .required(\"Email is required.\"),\n    phoneNumber: yup\n      .string()\n      .matches(phoneRegExp, \"Phone number is not valid.\")\n      .required(\"Phone number is required.\"),\n    major: yup.string().required(\"Major is required.\"),\n    whyAttend: yup.string().required(\"Required.\"),\n    whatLearn: yup.string().required(\"Required.\"),\n  });\n\n  if (window.innerWidth <= 470) {\n    return (\n      <>\n        <Page onLanding={false}>\n          <h1 className=\"text-4xl sm:text-4xl mt-20 mb-4 md:text-6xl text-center font-sansita\">\n            Register\n          </h1>\n          <div className=\"grid justify-items-center my-20\">\n            <div className=\"font-sansita text-2xl sm:text-4xl xl:text-4xl my-4\">\n              Get off your phone!\n            </div>\n            <div className=\"w-3/5 text-center font-palanquin text-xl break-words sm:text-2xl xl:text-3xl my-4\">\n              Head over to our web view to register early.\n            </div>\n          </div>\n        </Page>\n      </>\n    );\n  }\n\n  return (\n    <Page title=\"Knight Hacks | Register\" onLanding={false}>\n      <Dialog\n        open={isOpen}\n        onClose={() => setIsOpen(false)}\n        initialFocus={serverErrorFocusRef}\n        className=\"fixed inset-0 z-10 overflow-y-auto h-100 w-100\"\n      >\n        <Dialog.Overlay className=\"fixed inset-0 bg-black opacity-30\" />\n\n        <div className=\"grid place-items-center h-full\">\n          <div className=\"flex flex-col justify-center max-w-md p-6 my-8 overflow-hidden text-center align-middle transition-all transform bg-white shadow-xl rounded-2xl\">\n            <Dialog.Title\n              as=\"h3\"\n              className=\"font-palanquinbold text-lg font-medium leading-6 text-gray-900\"\n            >\n              Registration Failed :(\n            </Dialog.Title>\n            <Dialog.Description className=\"font-palanquin text-md\">\n              Something went wrong; please try again!\n            </Dialog.Description>\n\n            <p className=\"text-md text-gray-500 font-palanquin\">\n              {`The server says \"${\n                response\n                  ? `${response.status}: ${response.statusText}`\n                  : \"<crickets>\"\n              }\".`}\n            </p>\n\n            <div className=\"mt-4\">\n              <button\n                type=\"button\"\n                className={`\n                bg-opaque-blue rounded-lg mx-4 py-2 px-4 text-black\n                hover:shadow-md\n                active:bg-blue-800 max-w-xswidth\n                font-palanquin\n                truncate\n              `}\n                onClick={(event) => {\n                  setIsOpen(false);\n                  submitRegistration(event);\n                }}\n                ref={serverErrorFocusRef}\n              >\n                Try again\n              </button>\n              <button type=\"button\" onClick={() => setIsOpen(false)}>\n                Cancel\n              </button>\n            </div>\n          </div>\n        </div>\n      </Dialog>\n      <h1 className=\"text-4xl sm:text-4xl mt-20 mb-4 md:text-6xl text-center font-sansita\">\n        Register\n      </h1>\n      <Formik\n        initialValues={{\n          firstName: \"\",\n          lastName: \"\",\n          dateOfBirth: \"\",\n          email: \"\",\n          phoneNumber: \"\",\n          dietaryRestrictions: \"\",\n          github: \"\",\n          linkedIn: \"\",\n          major: \"\",\n          whyAttend: \"\",\n          whatLearn: \"\",\n        }}\n        validate={() => {\n          const errors = {};\n\n          if (resume != null && resume.type !== \"application/pdf\") {\n            errors.resume = \"File must be a pdf\";\n          }\n\n          return errors;\n        }}\n        validationSchema={registrationSchema}\n        onSubmit={(values, { setSubmitting }) => {\n          submitRegistration(values);\n          setSubmitting(false);\n        }}\n      >\n        {({ isSubmitting, errors, status, setStatus, submitForm }) => (\n          <>\n            <Dialog\n              open={shouldOpen}\n              onClose={() => {\n                setShouldOpen(false);\n              }}\n              className=\"fixed inset-0 z-10 overflow-y-auto h-100 w-100\"\n              initialFocus={validationErrorFocusRef}\n            >\n              <Dialog.Overlay className=\"fixed inset-0 bg-black opacity-30\" />\n\n              <div className=\"grid place-items-center h-full\">\n                <div className=\"flex flex-col justify-center max-w-md p-6 my-8 overflow-hidden text-center align-middle transition-all transform bg-white shadow-xl rounded-2xl\">\n                  <Dialog.Title\n                    as=\"h3\"\n                    className=\"font-palanquinbold text-lg font-medium leading-6 text-gray-900\"\n                  >\n                    Registration Failed :(\n                  </Dialog.Title>\n                  <Dialog.Description className=\"font-palanquin text-md\">\n                    One or more fields have not been filled in correctly.\n                  </Dialog.Description>\n\n                  <div className=\"mt-4\">\n                    <button\n                      type=\"button\"\n                      className={`\n                      font-palanquin\n                      bg-opaque-blue rounded-lg mx-4 py-2 px-4 text-black\n                      hover:shadow-sm\n                      active:bg-opaque-blue max-w-xswidth\n                      truncate\n                    `}\n                      onClick={() => {\n                        setShouldOpen(false);\n                      }}\n                      ref={validationErrorFocusRef}\n                    >\n                      Go away\n                    </button>\n                  </div>\n                </div>\n              </div>\n            </Dialog>\n            <Form className=\"flex flex-col\">\n              <div className=\"flex flex-col justify-center font-palanquin\">\n                <div className=\"flex flex-col\">\n                  <p className=\"mt-4 w-full space-y-4 font-palanquinbold text-gray-700 text-xl\">\n                    Welcome Hacker!\n                  </p>\n                  <Field type=\"text\" name=\"firstName\">\n                    {({ field }) => (\n                      <TextInputBox label=\"First Name\" field={field} />\n                    )}\n                  </Field>\n                  <ErrorMessage name=\"firstName\">\n                    {(msg) => (\n                      <p className=\"font-palanquin text-red-700 font-bold\">\n                        {msg}\n                      </p>\n                    )}\n                  </ErrorMessage>\n                </div>\n                <div className=\"flex flex-col\">\n                  <Field type=\"text\" name=\"lastName\">\n                    {({ field }) => (\n                      <TextInputBox label=\"Last Name\" field={field} />\n                    )}\n                  </Field>\n                  <ErrorMessage name=\"lastName\">\n                    {(msg) => (\n                      <p className=\"font-palanquin text-red-700 font-bold\">\n                        {msg}\n                      </p>\n                    )}\n                  </ErrorMessage>\n                </div>\n              </div>\n              <div className=\"flex flex-col justify-center font-palanquin\">\n                <div className=\"flex flex-col lg:flex-row md:space-y-0 space-y-4 lg:space-x-4 items-center\">\n                  <FileUploadBox\n                    handleFile={uploadResume}\n                    disabled={isUploading}\n                    title=\" Upload Resume\"\n                  />\n                  <div className=\"lg:hidden flex flex-col text-gray-700\">\n                    {resume ? (\n                      <>\n                        <p>{\"Filename: \" + resume.name}</p>\n                        <p className=\"font-palanquin text-red-600\">\n                          {errors.resume && errors.resume}\n                        </p>\n                      </>\n                    ) : (\n                      \"\"\n                    )}\n                  </div>\n                  <OptionSelector\n                    title=\"What track would you like to follow for the hackathon?\"\n                    trackOptions={trackOptions}\n                    selectedTrack={selectedTrack}\n                    setSelectedTrack={setSelectedTrack}\n                    flex=\"col\"\n                    zIndex=\"80\"\n                  />\n                </div>\n                <div className=\"hidden text-gray-700 lg:flex lg:flex-col\">\n                  {resume ? (\n                    <>\n                      <p>{\"Filename: \" + resume.name}</p>\n                      <p className=\"font-palanquin text-red-600\">\n                        {errors.resume && errors.resume}\n                      </p>\n                    </>\n                  ) : (\n                    \"\"\n                  )}\n                </div>\n              </div>\n              <div className=\"font-palanquin flex flex-col mt-2\">\n                <p className=\"mt-4 w-full space-y-4 font-palanquinbold text-gray-700 text-xl\">\n                  About You\n                </p>\n                <p className=\"mt-2 w-full space-y-4 font-palanquin text-gray-700\">\n                  Let&apos;s learn more about you.\n                </p>\n                <Field type=\"text\" name=\"dateOfBirth\">\n                  {({ field }) => (\n                    <TextInputBox label=\"Birthday: YYYY-MM-DD\" field={field} />\n                  )}\n                </Field>\n                <ErrorMessage name=\"dateOfBirth\">\n                  {(msg) => (\n                    <p className=\"font-palanquin text-red-700 font-bold\">\n                      {msg}\n                    </p>\n                  )}\n                </ErrorMessage>\n                <OptionSelector\n                  trackOptions={pronounOptions}\n                  selectedTrack={pronounOption}\n                  setSelectedTrack={(option) => {\n                    setPronounOption(option);\n                    setStatus(\n                      Object.keys(status).reduce((object, key) => {\n                        if (key !== \"pronoun\") {\n                          object[key] = status[key];\n                        }\n                        return object;\n                      }, {})\n                    );\n                  }}\n                  handleTouched={() => {\n                    if (!status?.pronoun && pronounOption === \"Pronouns\") {\n                      setStatus({\n                        ...status,\n                        pronoun: \"Pronoun option is required.\",\n                      });\n                    }\n                  }}\n                  flex=\"col\"\n                  zIndex=\"70\"\n                />\n                {status && status.pronoun && (\n                  <p className=\"font-palanquin text-red-700 font-bold\">\n                    {status.pronoun}\n                  </p>\n                )}\n              </div>\n              <div className=\"font-palanquin flex flex-col\">\n                <OptionSelector\n                  trackOptions={ethnicityOptions}\n                  selectedTrack={ethnicityOption}\n                  setSelectedTrack={(option) => {\n                    setEthnicityOption(option);\n                    setStatus(\n                      Object.keys(status).reduce((object, key) => {\n                        if (key !== \"ethnicity\") {\n                          object[key] = status[key];\n                        }\n                        return object;\n                      }, {})\n                    );\n                  }}\n                  handleTouched={() => {\n                    if (!status?.ethnicity && ethnicityOption === \"Ethnicity\") {\n                      setStatus({\n                        ...status,\n                        ethnicity: \"Ethnicity option is required.\",\n                      });\n                    }\n                  }}\n                  flex=\"col\"\n                  zIndex=\"60\"\n                />\n                {status && status.ethnicity && (\n                  <p className=\"font-palanquin text-red-700 font-bold\">\n                    {status.ethnicity}\n                  </p>\n                )}\n              </div>\n              <div className=\"font-palanquin flex flex-col\">\n                <OptionSelector\n                  trackOptions={countries}\n                  selectedTrack={countryOption}\n                  setSelectedTrack={(option) => {\n                    setCountryOption(option);\n                    setStatus(\n                      Object.keys(status).reduce((object, key) => {\n                        if (key !== \"country\") {\n                          object[key] = status[key];\n                        }\n                        return object;\n                      }, {})\n                    );\n                  }}\n                  handleTouched={() => {\n                    if (!status?.country && countryOption === \"Country\") {\n                      setStatus({\n                        ...status,\n                        country: \"Country option is required.\",\n                      });\n                    }\n                  }}\n                  flex=\"col\"\n                  zIndex=\"50\"\n                />\n                {status && status.country && (\n                  <p className=\"font-palanquin text-red-700 font-bold\">\n                    {status.country}\n                  </p>\n                )}\n              </div>\n              <div className=\"flex flex-col justify-center font-palanquin\">\n                <p className=\"mt-4 w-full space-y-4 font-palanquinbold text-gray-700 text-xl\">\n                  Contact Information\n                </p>\n                <div className=\"flex flex-col\">\n                  <Field type=\"text\" name=\"phoneNumber\">\n                    {({ field }) => (\n                      <TextInputBox label=\"Phone\" field={field} />\n                    )}\n                  </Field>\n                  <ErrorMessage name=\"phoneNumber\">\n                    {(msg) => (\n                      <p className=\"font-palanquin text-red-700 font-bold\">\n                        {msg}\n                      </p>\n                    )}\n                  </ErrorMessage>\n                </div>\n                <div className=\"flex flex-col\">\n                  <Field type=\"text\" name=\"email\">\n                    {({ field }) => (\n                      <TextInputBox label=\"Email\" field={field} />\n                    )}\n                  </Field>\n                  <ErrorMessage name=\"email\">\n                    {(msg) => (\n                      <p className=\"font-palanquin text-red-700 font-bold\">\n                        {msg}\n                      </p>\n                    )}\n                  </ErrorMessage>\n                </div>\n              </div>\n              <div className=\"font-palanquin flex flex-col\">\n                <p className=\"mt-4 w-full space-y-4 font-palanquinbold text-gray-700 text-xl\">\n                  School Information\n                </p>\n                <div className=\"flex flex-col mt-4 text-gray-700\">\n                  <ReactSelect\n                    options={schools}\n                    value={schoolOption}\n                    onChange={(option) => {\n                      setSchoolOption(option);\n                      setStatus(\n                        Object.keys(status).reduce((object, key) => {\n                          if (key !== \"schoolName\") {\n                            object[key] = status[key];\n                          }\n                          return object;\n                        }, {})\n                      );\n                    }}\n                    placeholder=\"School Name\"\n                    isSearchable\n                    filterOption={createFilter({ ignoreAccents: false })}\n                    captureMenuScroll={false}\n                    classNamePrefix=\"custom-select\"\n                    components={{\n                      Option: CustomOption,\n                      MenuList: CustomMenuList,\n                      DropdownIndicator: DropdownIndicator,\n                    }}\n                    className=\"text-gray-700\"\n                    styles={{\n                      placeholder: (provided) => ({\n                        ...provided,\n                        color: \"rgb(74, 75, 77)\",\n                        fontFamily: \"Palanquin Light, sans-serif\",\n                      }),\n                      control: (provided) => ({\n                        ...provided,\n                        backgroundColor: \"rgba(159, 211, 233, 0.47)\",\n                        borderWidth: \"2px\",\n                        borderRadius: \"0.5rem\",\n                        borderColor: \"rgb(249, 250, 251)\",\n                        \"&:hover\": {\n                          borderColor: \"rgb(191, 219, 254)\",\n                        },\n                        paddingTop: \"0.1rem\",\n                        paddingBottom: \"0.1rem\",\n                      }),\n                      singleValue: (provided) => ({\n                        ...provided,\n                        color: \"rgb(74, 75, 77)\",\n                        fontSize: \"0.875rem\",\n                        lineHeight: \"1.25rem\",\n                      }),\n                      option: (provided, state) => {\n                        const backgroundColor = state.isSelected\n                          ? \"rgb(219, 234, 254)\"\n                          : \"\";\n                        return {\n                          ...provided,\n                          backgroundColor: backgroundColor,\n                          color: \"rgb(17, 24, 39)\",\n                          fontSize: \"0.875rem\",\n                          lineHeight: \"1.25rem\",\n                        };\n                      },\n                      input: (provided) => ({\n                        ...provided,\n                        color: \"rgb(74, 75, 77)\",\n                        fontSize: \"0.875rem\",\n                        lineHeight: \"1.25rem\",\n                      }),\n                    }}\n                    onMenuOpen={() => {\n                      if (\n                        !status?.schoolName &&\n                        schoolOption === \"School Name\"\n                      ) {\n                        setStatus({\n                          ...status,\n                          schoolName: \"School name is required.\",\n                        });\n                      }\n                    }}\n                  />\n                  {status && status.schoolName && (\n                    <p className=\"font-palanquin text-red-700 font-bold\">\n                      {status.schoolName}\n                    </p>\n                  )}\n                </div>\n                <div className=\"flex flex-col\">\n                  <Field type=\"text\" name=\"major\">\n                    {({ field }) => (\n                      <TextInputBox label=\"Major\" field={field} />\n                    )}\n                  </Field>\n                  <ErrorMessage name=\"major\">\n                    {(msg) => (\n                      <p className=\"font-palanquin text-red-700 font-bold\">\n                        {msg}\n                      </p>\n                    )}\n                  </ErrorMessage>\n                </div>\n                <div className=\"flex flex-col\">\n                  <OptionSelector\n                    title=\"What is your level of study?\"\n                    trackOptions={levelOfStudyOptions}\n                    selectedTrack={levelOfStudyOption}\n                    setSelectedTrack={(option) => {\n                      setLevelOfStudyOption(option);\n                      setStatus(\n                        Object.keys(status).reduce((object, key) => {\n                          if (key !== \"levelOfStudy\") {\n                            object[key] = status[key];\n                          }\n                          return object;\n                        }, {})\n                      );\n                    }}\n                    handleTouched={() => {\n                      if (\n                        !status?.levelOfStudy &&\n                        levelOfStudyOption === \"Level of Study\"\n                      ) {\n                        setStatus({\n                          ...status,\n                          levelOfStudy: \"Level of Study option is required.\",\n                        });\n                      }\n                    }}\n                    flex=\"col\"\n                    zIndex=\"40\"\n                  />\n                  {status && status.levelOfStudy && (\n                    <p className=\"font-palanquin text-red-700 font-bold\">\n                      {status.levelOfStudy}\n                    </p>\n                  )}\n                </div>\n                <OptionSelector\n                  title=\"When are you graduating?\"\n                  trackOptions={graduationOptions}\n                  selectedTrack={graduationOption}\n                  setSelectedTrack={(option) => {\n                    setGraduationOption(option);\n                    setStatus(\n                      Object.keys(status).reduce((object, key) => {\n                        if (key !== \"graduation\") {\n                          object[key] = status[key];\n                        }\n                        return object;\n                      }, {})\n                    );\n                  }}\n                  handleTouched={() => {\n                    if (\n                      !status?.graduation &&\n                      graduationOption === \"Graduation Year\"\n                    ) {\n                      setStatus({\n                        ...status,\n                        graduation: \"Graduation option is required.\",\n                      });\n                    }\n                  }}\n                  flex=\"col\"\n                  zIndex=\"30\"\n                />\n                {status && status.graduation && (\n                  <p className=\"font-palanquin text-red-700 font-bold\">\n                    {status.graduation}\n                  </p>\n                )}\n              </div>\n              <p className=\"mt-4 w-full space-y-4 font-palanquinbold text-gray-700 text-xl\">\n                Hackathon Information\n              </p>\n              <div className=\"flex flex-col justify-center font-palanquin\">\n                <OptionSelector\n                  title=\"Is it okay if we share your information (name, resume, graduation year, etc.) with sponsors?\"\n                  trackOptions={infoOptions}\n                  selectedTrack={canShareInfo}\n                  setSelectedTrack={setCanShareInfo}\n                  flex=\"col\"\n                  zIndex=\"10\"\n                />\n              </div>\n              <Field type=\"text\" name=\"whyAttend\">\n                {({ field }) => (\n                  <div className=\"flex flex-col justify-center font-palanquin mt-4\">\n                    <div className=\"w-full space-y-4 flex-1\">\n                      <label>\n                        <span className=\"text-gray-700\">\n                          Why are you attending Knight Hacks?\n                        </span>\n                        <textarea\n                          {...field}\n                          className=\"text-gray-700 h-20 mt-4 rounded-r-lg rounded-l-lg bg-opaque-blue border-2 border-gray-50 hover:border-blue-200 ease-out duration-300 focus:outline-none focus:ring-4 focus:ring-white p-2 w-full px-4 py-2\"\n                        />\n                      </label>\n                    </div>\n                    <ErrorMessage name=\"whyAttend\">\n                      {(msg) => (\n                        <p className=\"font-palanquin text-red-700 font-bold\">\n                          {msg}\n                        </p>\n                      )}\n                    </ErrorMessage>\n                  </div>\n                )}\n              </Field>\n              <Field type=\"text\" name=\"whatLearn\">\n                {({ field }) => (\n                  <div className=\"flex flex-col justify-center font-palanquin my-4\">\n                    <div className=\"flex-1\">\n                      <label>\n                        <span className=\"text-gray-700\">\n                          What do you hope to learn at Knight Hacks?\n                        </span>\n                        <textarea\n                          {...field}\n                          className=\"text-gray-700 h-20 mt-4 w-full rounded-r-lg rounded-l-lg bg-opaque-blue border-2 border-gray-50 hover:border-blue-200 ease-out duration-300 focus:outline-none focus:ring-4 focus:ring-white p-2 px-4 py-2\"\n                        />\n                      </label>\n                    </div>\n                    <ErrorMessage name=\"whatLearn\">\n                      {(msg) => (\n                        <p className=\"font-palanquin text-red-700 font-bold\">\n                          {msg}\n                        </p>\n                      )}\n                    </ErrorMessage>\n                  </div>\n                )}\n              </Field>\n              <div className=\"flex flex-col justify-center font-palanquin\">\n                <p className=\"mt-4 w-full space-y-4 font-palanquinbold text-gray-700 text-xl\">\n                  External Links\n                </p>\n                <p className=\"mt-4 w-full space-y-4 font-palanquin text-gray-700\">\n                  Note: these are{\" \"}\n                  <span className=\"font-palanquinbold\">optional</span>, but most\n                  technical applications ask for them! Make a Github / LinkedIn\n                  account today if you don&rsquo;t have one.\n                </p>\n                <Field type=\"text\" name=\"github\">\n                  {({ field }) => <TextInputBox label=\"GitHub\" field={field} />}\n                </Field>\n                <Field type=\"text\" name=\"linkedIn\">\n                  {({ field }) => (\n                    <TextInputBox label=\"LinkedIn\" field={field} />\n                  )}\n                </Field>\n              </div>\n              <div className=\"flex justify-center font-palanquin\">\n                <button\n                  type=\"submit\"\n                  disabled={isSubmitting}\n                  onClick={() => {\n                    const newStatus = {};\n                    if (pronounOption === \"Pronouns\") {\n                      newStatus.pronoun = \"Pronoun option is required.\";\n                    }\n                    if (ethnicityOption === \"Ethnicity\") {\n                      newStatus.ethnicity = \"Ethnicity option is required.\";\n                    }\n                    if (countryOption === \"Country\") {\n                      newStatus.country = \"Country option is required.\";\n                    }\n                    if (schoolOption === \"School Name\") {\n                      newStatus.schoolName = \"School name is required.\";\n                    }\n                    if (graduationOption === \"Graduation Year\") {\n                      newStatus.graduation = \"Graduation option is required.\";\n                    }\n\n                    setStatus(newStatus);\n\n                    if (\n                      Object.keys(newStatus).length === 0 ||\n                      Object.keys(errors).length === 0\n                    ) {\n                      submitForm();\n                    } else {\n                      setShouldOpen(true);\n                    }\n                  }}\n                  className={`\n              border-2\n              border-green-800\n              cursor-pointer\n              bg-green-700 rounded-lg m-6 py-2 px-4\n              hover:bg-green-800\n              hover:border-green-900\n              w-72\n              ease-out duration-300 focus:outline-none focus:ring-4 focus:ring-green-900\n            `}\n                >\n                  {registrationState === \"pending\" ? (\n                    <CircularProgress />\n                  ) : (\n                    \"Submit\"\n                  )}\n                </button>\n              </div>\n            </Form>\n          </>\n        )}\n      </Formik>\n    </Page>\n  );\n};\n\n/**\n * @desc TODO\n * @prop label\n * @author Rob\n */\nconst TextInputBox = ({ label, field }) => {\n  return (\n    <div className=\"my-4 flex-1 \">\n      <label>\n        <input\n          placeholder={label}\n          className={`\n            w-full bg-opaque-blue rounded-xl placeholder-gray-700 placeholder-opacity-75 text-gray-700 font-light p-2 px-4 py-2 border-2 border-gray-50 ease-out duration-300 focus:outline-none focus:ring-4 focus:ring-white break-words shadow-md font-palanquinregular\n            `}\n          type=\"text\"\n          {...field}\n        />\n      </label>\n    </div>\n  );\n};\n\n/**\n * @desc A customizable file upload field.\n * @prop file: the current file selected, CAN BE NULL.\n * @prop handleFile: Callback function for when a file has been selected.\n * @prop defaultValue: The default text shown when no file has been selected.\n * @author Abraham Hernandez\n */\nconst FileUploadBox = ({ handleFile, title, disabled }) => {\n  const hiddenFileInput = useRef(null);\n\n  const handleClick = (event) => {\n    event.preventDefault();\n    hiddenFileInput.current.click();\n  };\n\n  const handleChange = (event) => {\n    event.preventDefault();\n    const fileUploaded = event.target.files[0];\n    handleFile(fileUploaded);\n  };\n\n  return (\n    <div className=\"h-full justify-center items-center flex-1 flex flex-col\">\n      <p className=\"mt-3 font-palanquin text-gray-700\">Resume (PDF)</p>\n      <button\n        onClick={handleClick}\n        type=\"button\"\n        disabled={disabled}\n        className={`\n              bg-green-700 border-2 border-green-800 rounded-lg mx-4 md:my-3 py-1.5 px-4\n              shadow-md\n              max-w-xswidth truncate\n              hover:bg-green-800\n              hover:border-green-900\n              flex justify-center\n              ease-out duration-300 focus:outline-none focus:ring-4 focus:ring-green-600\n              `}\n      >\n        <HiOutlineUpload className=\"mt-1 mr-2 \" />\n        <p className=\"truncate \">{title}</p>\n      </button>\n      <input\n        type=\"file\"\n        ref={hiddenFileInput}\n        onChange={handleChange}\n        style={{ display: \"none\" }}\n      />\n    </div>\n  );\n};\n\n/**\n * @desc A Listbox for selecting a hackathon track. Modified from existing code from Rob.\n * @prop title: A string for the title\n * @prop trackOptions: An array of strings containing the track options.\n * @prop selectedTrack: A string containing the current track option selected.\n * @prop setSelectedTrack: A state set function for selecting a track.\n * @prop flex: A string for telling what flex direction to use.\n * @author Abraham Hernandez, Rob\n */\nconst OptionSelector = ({\n  title,\n  trackOptions,\n  selectedTrack,\n  setSelectedTrack,\n  handleTouched,\n  flex,\n  zIndex,\n}) => {\n  return (\n    <div\n      className={\n        `h-full py-2 flex flex-${flex} items-center ` +\n        (flex === \"col\"\n          ? `w-full space-y-4`\n          : `w-full space-y-4 md:w-72 md:space-x-4`)\n      }\n    >\n      <span\n        className={\n          flex === \"col\" ? \"flex self-start text-gray-700 text-md\" : undefined\n        }\n      >\n        {title}\n      </span>\n      <Listbox\n        value={selectedTrack}\n        onChange={setSelectedTrack}\n        onClick={handleTouched}\n      >\n        <div className=\"relative mt-1 flex-1 w-full\">\n          <Listbox.Button className=\"relative w-full py-2 pl-3 pr-10 text-left border-2 border-gray-50 bg-opaque-blue rounded-lg shadow-md cursor-default ease-out duration-300 focus:outline-none focus:ring-4 focus:ring-white sm:text-md text-gray-700\">\n            <span className=\"block truncate text-gray-700 font-medium\">\n              {selectedTrack}\n            </span>\n            <span className=\"absolute inset-y-0 right-0 flex items-center pr-2 pointer-events-none\">\n              <SelectorIcon\n                className=\"w-5 h-5 text-gray-400\"\n                aria-hidden=\"true\"\n              />\n            </span>\n          </Listbox.Button>\n\n          <Listbox.Options\n            style={{ zIndex: zIndex }}\n            className={`absolute w-full py-1 mt-1 overflow-auto text-base bg-indigo-50 rounded-md shadow-lg max-h-60 ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm`}\n          >\n            {trackOptions.map((track, trackIdx) => (\n              <Listbox.Option\n                key={trackIdx}\n                className={({ active }) =>\n                  `${active ? \"text-blue-900 bg-blue-100\" : \"text-gray-700\"}\n                          cursor-default select-none relative py-2 pl-10 pr-4`\n                }\n                value={track}\n              >\n                {({ selected, active }) => (\n                  <>\n                    <span\n                      className={`${\n                        selected ? \"font-medium\" : \"font-normal\"\n                      } block truncate`}\n                    >\n                      {track}\n                    </span>\n                    {selected ? (\n                      <span\n                        className={`${\n                          active ? \"text-blue-600\" : \"text-blue-600\"\n                        }\n                                absolute inset-y-0 left-0 flex items-center pl-3`}\n                      >\n                        <CheckIcon className=\"w-5 h-5\" aria-hidden=\"true\" />\n                      </span>\n                    ) : null}\n                  </>\n                )}\n              </Listbox.Option>\n            ))}\n          </Listbox.Options>\n        </div>\n      </Listbox>\n    </div>\n  );\n};\n\n/**\n * @desc attempts to create a hacker on the backend\n * @author Rob\n */\nconst createHacker = async ({\n  email,\n  firstName: first_name,\n  lastName: last_name,\n  dateOfBirth: date_of_birth,\n  phoneNumber: phone_number,\n  canShareInfo: can_share_info,\n  isBeginner: beginner,\n  ethnicity,\n  pronouns,\n  college,\n  major,\n  levelOfStudy,\n  graduation: graduation_date,\n  github,\n  linkedIn: linkedin,\n  whyAttend: why_attend,\n  whatLearn: what_learn,\n  dietaryRestrictions: dietary_restrictions,\n  resume_id,\n}) => {\n  const payload = {\n    beginner,\n    can_share_info: can_share_info === \"Yes\",\n    edu_info: {\n      college,\n      graduation_date,\n      major,\n      levelOfStudy,\n    },\n    email,\n    ethnicity,\n    first_name,\n    last_name,\n    phone_number,\n    pronouns,\n    socials: {\n      github,\n      linkedin,\n    },\n    why_attend,\n    what_learn: [what_learn],\n    dietary_restrictions,\n    resume_id,\n  };\n\n  const transaction = Sentry.startTransaction({\n    data: {\n      hacker: JSON.stringify(payload),\n    },\n    op: \"transaction\",\n    name: \"submitHacker\",\n    description: \"POST https://api.knighthacks.org/api/hackers/\",\n  });\n\n  Sentry.getCurrentHub().configureScope((scope) => scope.setSpan(transaction));\n\n  const res = await fetch(\"https://api.knighthacks.org/api/hackers/\", {\n    method: \"POST\",\n    headers: {\n      \"content-type\": \"application/json\",\n    },\n    body: JSON.stringify(payload),\n  });\n\n  transaction.setHttpStatus(res.status);\n\n  transaction.finish();\n\n  return res;\n};\n\nexport default Register;\n","import React from \"react\";\nimport { Helmet } from \"react-helmet\";\nimport Page from \"../components/Page\";\nimport { AiOutlineCheckCircle } from \"react-icons/ai\";\n/**\n * @desc success state for the registration form\n * @author Ro-Hanna\n */\nfunction Success() {\n  return (\n    <div>\n      <Helmet>\n        <title>Success</title>\n      </Helmet>\n      <Page onLanding={false}>\n        <div className=\"flex justify-start items-center w-full flex-col my-4 md:my-12\">\n          <h1 className=\"text-4xl sm:text-4xl mt-20 md:text-6xl text-center font-sansita\">\n            Register\n          </h1>\n          <AiOutlineCheckCircle className=\"object-fill mt-24 h-28 w-full \" />\n          <h1 className=\"text-4xl sm:text-2xl md:text-3xl text-center font-sansita\">\n            Thank you for applying!\n          </h1>\n\n          <div className=\"my-2 flex flex-col  sm:text-base md:text-xl xl:text-2xl items-center w-2/3 \">\n            <div className=\"text-center space-x-4  mb-2 font-palanquin\">\n              You will be receiving a follow up email soon.\n            </div>\n          </div>\n        </div>\n      </Page>\n    </div>\n  );\n}\n\nexport default Success;\n","import \"./App.css\";\n\nimport { Router, Switch, Route } from \"react-router-dom\";\nimport Landing from \"./pages/Landing\";\nimport About from \"./pages/About\";\nimport Sponsors from \"./pages/Sponsors\";\nimport Schedule from \"./pages/Schedule\";\nimport FAQ from \"./pages/FAQ\";\nimport Register from \"./pages/Register\";\nimport Success from \"./pages/Success\";\n\nimport { TransitionGroup, CSSTransition } from \"react-transition-group\";\nimport { useLocation } from \"react-router-dom\";\nimport VolumeProvider from \"./context/VolumeContext\";\n/**\n * @desc See AppWithTransitions; don't make routing changes here\n * @author Abraham Hernandez, Rob\n */\nconst App = ({ history }) => {\n  return (\n    <VolumeProvider>\n      <Router history={history}>\n        <Switch>\n          {/*\n           * We forward to AppWithTransitions so we can animate the transitions.\n           * Don't put more routes here, instead put them in the\n           * AppWithTransitions component.\n           */}\n          <Route path=\"*\">\n            <AppWithTransitions />\n          </Route>\n        </Switch>\n      </Router>\n    </VolumeProvider>\n  );\n};\n\n/**\n * @desc AppWithTransitions is like App but it wraps every page transition to\n *       have a nice blur-up effect.\n * @author Rob\n */\nconst AppWithTransitions = () => {\n  const location = useLocation();\n  return (\n    <TransitionGroup>\n      <CSSTransition key={location.key} classNames=\"blur\" timeout={1000}>\n        {/* You can edit the routes here */}\n        <Switch location={location}>\n          <Route exact path=\"/\" component={Landing} />\n          <Route path=\"/about\" component={About} />\n          <Route path=\"/sponsors\" component={Sponsors} />\n          <Route path=\"/schedule\" component={Schedule} />\n          <Route path=\"/faq\" component={FAQ} />\n          <Route path=\"/register\" component={Register} />\n          <Route path=\"/success\" component={Success} />\n        </Switch>\n      </CSSTransition>\n    </TransitionGroup>\n  );\n};\n\nexport default App;\n","import React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport \"./index.css\";\nimport App from \"./App\";\nimport { setupSentry } from \"./sentry\";\nimport { createBrowserHistory } from \"history\";\n\nconst history = createBrowserHistory({ basename: \"/\" });\n\nsetupSentry(history);\n\nReactDOM.render(\n  <React.StrictMode>\n    <App history={history} />\n  </React.StrictMode>,\n  document.getElementById(\"root\")\n);\n\n// to log results (for example: reportWebVitals(console.log))\n// If you want to start measuring performance in your app, pass a function\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\n","import * as Sentry from \"@sentry/react\";\nimport { Integrations } from \"@sentry/tracing\";\n\nexport const setupSentry = (history) => {\n  Sentry.init({\n    dsn: process.env.REACT_APP_SENTRY_DSN,\n    integrations: [\n      new Integrations.BrowserTracing({\n        tracingOrigins: [\"api.knighthacks.org\"],\n        routingInstrumentation: Sentry.reactRouterV5Instrumentation(history),\n      }),\n    ],\n    environment: process.env.REACT_APP_CF_PAGES_BRANCH ?? process.env.NODE_ENV,\n    release: process.env.REACT_APP_CF_PAGES_COMMIT_SHA,\n    tracesSampleRate: process.env.NODE_ENV === \"production\" ? 0.75 : 1.0,\n    enabled: true,\n  });\n};\n"],"sourceRoot":""}