{"version":3,"file":"component---src-pages-scavenger-hunt-js-725a9dd0dc5bf553e5fc.js","mappings":"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","sources":["webpack://d9test/./src/pages/scavenger-hunt.module.css","webpack://d9test/./src/components/scavenger-hunt/Checkbox.js","webpack://d9test/./src/components/scavenger-hunt/Checkbox.module.css","webpack://d9test/./src/pages/scavenger-hunt.js","webpack://d9test/./src/images/image-header-check.svg","webpack://d9test/./src/images/image-complete-x.svg"],"sourcesContent":["// extracted by mini-css-extract-plugin\nexport var ScavengerHeader = \"scavenger-hunt-module--ScavengerHeader--NqfJz\";\nexport var ScavengerTitleEng = \"scavenger-hunt-module--ScavengerTitleEng--Lz8D8\";\nexport var ScavengerTitleEsp = \"scavenger-hunt-module--ScavengerTitleEsp--nbi-A\";\nexport var ScavengerContent = \"scavenger-hunt-module--ScavengerContent--GPjRl\";\nexport var ScavengerHeaderCheck = \"scavenger-hunt-module--ScavengerHeaderCheck--RoHuT\";\nexport var ScavengerHeaderDottedLine = \"scavenger-hunt-module--ScavengerHeaderDottedLine--mnMxU\";\nexport var ScavengerBody = \"scavenger-hunt-module--ScavengerBody--mJPtF\";\nexport var ScavengerTitle = \"scavenger-hunt-module--ScavengerTitle--T6wKg\";\nexport var ScavengerHeaderDottedLineComplete = \"scavenger-hunt-module--ScavengerHeaderDottedLineComplete--JFnIo\";\nexport var ScavengerBodyCenter = \"scavenger-hunt-module--ScavengerBodyCenter--nXS9t\";\nexport var ScavengerBackLink = \"scavenger-hunt-module--ScavengerBackLink--WGElc\";\nexport var HeaderDescEng = \"scavenger-hunt-module--HeaderDescEng--pW-Dm\";\nexport var HeaderDescEsp = \"scavenger-hunt-module--HeaderDescEsp--p2taZ\";\nexport var ScavengerFloorHeader = \"scavenger-hunt-module--ScavengerFloorHeader--lofr-\";\nexport var ScavengerDivider = \"scavenger-hunt-module--ScavengerDivider--SUMCE\";\nexport var ScavengerLanguageSelectWrapper = \"scavenger-hunt-module--ScavengerLanguageSelectWrapper--2EFpy\";\nexport var ScavengerLanguageSelect = \"scavenger-hunt-module--ScavengerLanguageSelect--X+svq\";\nexport var srOnly = \"scavenger-hunt-module--srOnly--nJK+Q\";","import React, { useContext } from \"react\";\nimport * as classes from \"./Checkbox.module.css\";\nimport { StoreContext } from \"../../store\";\n\nconst Checkbox = ({ text, id, checked, click, floor }) => {\n  const { scavengerHuntEng } = useContext(StoreContext);\n\n  let checkboxClasses = [classes.CheckboxContainer];\n\n  const toggleCheck = (e) => {\n    click(e, id, floor);\n  };\n\n  if (checked) {\n    checkboxClasses.push(classes.CheckboxActive);\n  }\n\n  return (\n    <div\n      className={checkboxClasses.join(\" \")}\n      scav-status={checked ? \"active\" : \"\"}\n    >\n      <input id={id} type=\"checkbox\" onClick={toggleCheck} checked={checked} />\n      <label htmlFor={id}>\n        <span>{text}</span>\n      </label>\n    </div>\n  );\n};\n\nexport default Checkbox;","// extracted by mini-css-extract-plugin\nexport var CheckboxContainer = \"Checkbox-module--CheckboxContainer--7aLJO\";\nexport var colorChangeInactive = \"Checkbox-module--colorChangeInactive--OjuQL\";\nexport var CheckboxActive = \"Checkbox-module--CheckboxActive--hHA4f\";\nexport var bounce = \"Checkbox-module--bounce--6ExfU\";\nexport var strike = \"Checkbox-module--strike--L8xTc\";\nexport var showCheckmark = \"Checkbox-module--showCheckmark--ddNi1\";\nexport var colorChangeActive = \"Checkbox-module--colorChangeActive--5pLA9\";","import React, { useContext, useState } from \"react\";\nimport Seo from \"../components/seo\";\nimport * as classes from \"./scavenger-hunt.module.css\";\nimport headerCheck from \"../images/image-header-check.svg\";\nimport headerX from \"../images/image-header-x.svg\";\nimport completeX from \"../images/image-complete-x.svg\";\nimport Checkbox from \"../components/scavenger-hunt/Checkbox\";\nimport ParentRouteHandler from \"../components/ParentRouteHandler\";\nimport { StoreContext } from \"../store\";\nimport { markScavenger } from \"../store/methods/scavengerHunt\";\nimport Select from \"react-select\";\nimport { colors } from \"../utilities/themeVars\";\n\nconst ScavengerHunt = ({ location }) => {\n  const {\n    scavengerHuntEng,\n    scavengerHuntEsp,\n    setScavengerHuntEng,\n    setScavengerHuntEsp,\n  } = useContext(StoreContext);\n\n  const [progress, setProgress] = useState(false);\n  const [selectedLanguage, setSelectedLanguage] = useState(\"eng\");\n\n  const scavengerProgress = (event, id, floor) => {\n    markScavenger(\n      id,\n      floor,\n      scavengerHuntEng,\n      scavengerHuntEsp,\n      setScavengerHuntEng,\n      setScavengerHuntEsp\n    );\n\n    const scavengerHuntData =\n      selectedLanguage === \"eng\" ? scavengerHuntEng : scavengerHuntEsp;\n    const totalItems = scavengerHuntData[\"firstFloor\"].length + scavengerHuntData[\"thirdFloor\"].length;\n    const checkedItems = scavengerHuntData[\"firstFloor\"].filter(\n      (item) => item.checked\n    ).length + scavengerHuntData[\"thirdFloor\"].filter(\n      (item) => item.checked\n    ).length;\n\n    setProgress(totalItems === checkedItems);\n  };\n\n  const backToScav = () => {\n    setProgress(false);\n  };\n\n  const handleLanguageChange = (selected) => {\n    setSelectedLanguage(selected.value);\n    // setProgress(false); // Reset progress when language changes\n  };\n\n  const scavengerHuntData =\n    selectedLanguage === \"eng\" ? scavengerHuntEng : scavengerHuntEsp;\n\n  const customStyles = {\n    control: (provided, state) => {\n      let borderColor = colors.gray4;\n      if (state.isSelected || state.isFocused) {\n        borderColor = colors.gray4;\n      }\n      return {\n        ...provided,\n        borderRadius: \"0\",\n        borderWidth: `2px`,\n        borderColor,\n  \n        \"&:hover\": {\n          borderColor,\n        },\n      };\n    },\n  \n    indicatorSeparator: () => null,\n  \n    option: (provided, state) => ({\n      ...provided,\n      background: state.isSelected ? colors.gray : colors.white,\n      color: colors.text,\n    }),\n  \n    dropdownIndicator: (provided, state) => {\n      return { ...provided, color: colors.primary };\n    },\n  \n    singleValue: (provided, state) => {\n      const opacity = state.isDisabled ? 0.5 : 1;\n      const transition = \"opacity 300ms\";\n      const textTransform = \"uppercase\";\n      const letterSpacing = \"1px\";\n      const fontWeight = \"bold\";\n  \n      return {\n        ...provided,\n        opacity,\n        transition,\n        fontWeight,\n        letterSpacing,\n        textTransform,\n      };\n    },\n  };\n\n  return (\n    <>\n      <Seo title=\"Scavenger Hunt\" />\n      {location.state?.originalPath === \"home\" ? (\n        <ParentRouteHandler title=\"Home\" path=\"/\" />\n      ) : (\n        <ParentRouteHandler title=\"For Families\" path=\"/for-families\" />\n      )}\n\n      <div className={classes.ScavengerHeader}>\n        <img\n          className={classes.ScavengerHeaderCheck}\n          src={headerCheck}\n          alt=\"check\"\n        />\n\n        {progress ? (\n          <>\n            <h1 className={classes.ScavengerTitle}>\n              {selectedLanguage === \"eng\"\n                ? \"GREAT WORK EXPLORER!\"\n                : \"¡Buen trabajo EXPLORADOR!\"}\n              <span>\n                {selectedLanguage === \"eng\"\n                  ? \"CLAIM YOUR PRIZE!\"\n                  : \"¡RECLAMA TU PREMIO!\"}\n              </span>\n            </h1>\n            <img\n              className={classes.ScavengerHeaderDottedLineComplete}\n              src={completeX}\n              alt=\"dotted lines\"\n            />\n          </>\n        ) : (\n          <>\n            <h1 className={selectedLanguage === \"eng\" ? classes.ScavengerTitleEng : classes.ScavengerTitleEsp}>\n              {selectedLanguage === \"eng\"\n                ? \"THE BROAD SCAVENGER HUNT!\"\n                : \"¡La búsqueda del tesoro del Broad!\"}\n            </h1>\n            {/* <img\n              className={classes.ScavengerHeaderDottedLine}\n              src={headerX}\n              alt=\"dotted lines\"\n            /> */}\n            <p className={selectedLanguage === \"eng\" ? classes.HeaderDescEng : classes.HeaderDescEsp}>\n              {selectedLanguage === \"eng\"\n                ? \"As you explore the Broad collection, use this scavenger hunt to help you discover more! When you find an item, check it off the list. Show your completed checklist to a Visitor Experience Team Member stationed in the lobby to claim your prize!\"\n                : \"¡Mientras exploras la colección del Broad, utiliza esta búsqueda del tesoro para ayudarte a descubrir aún más! Cuando encuentres un objeto, táchalo de la lista. ¡Muestre tu lista completa a un Miembro Del Equipo De Experiencia Visitante estacionado en el vestíbulo para reclamar su premio!\"}\n            </p>\n          </>\n        )}\n      </div>\n\n      {/* Language selection dropdown */}\n      <div className={classes.ScavengerLanguageSelectWrapper}>\n        <Select\n          defaultValue={{ value: \"eng\", label: \"English\" }}\n          className={classes.ScavengerLanguageSelect}\n          value={{\n            value: selectedLanguage,\n            label: selectedLanguage === \"eng\" ? \"English\" : \"Español\",\n          }}\n          isSearchable={false}\n          options={[\n            { value: \"eng\", label: \"ENGLISH\" },\n            { value: \"esp\", label: \"ESPAÑOL\" },\n          ]}\n          styles={customStyles}\n          onChange={handleLanguageChange}\n        />\n      </div>\n\n      {/* <div className={classes.ScavengerBody}></div> */}\n\n      <div className={classes.ScavengerContent}>\n        {progress ? (\n          <p className={classes.ScavengerBackLink} onClick={backToScav}>\n            {selectedLanguage === \"eng\"\n              ? \"Back to scavenger hunt\"\n              : \"Volver a la búsqueda del tesoro\"}\n          </p>\n        ) : (\n          <>\n            {/* 1ST FLOOR */}\n            <h2 className={classes.ScavengerFloorHeader}>\n              {selectedLanguage === \"eng\" ? \"1ST FLOOR\" : \"1ᴬ planta\"}\n            </h2>\n            <h2>\n              {selectedLanguage === \"eng\"\n                ? \"JOSEPH BEUYS: IN DEFENSE OF NATURE\"\n                : \"JOSEPH BEUYS: EN DEFENSA DE LA NATURALEZA\"}\n            </h2>\n            {scavengerHuntData[\"firstFloor\"].map((item, index) => (\n              <Checkbox\n                key={index}\n                id={item.id}\n                text={item.text}\n                checked={item.checked}\n                floor={\"firstFloor\"}\n                click={(event) =>\n                  scavengerProgress(event, item.id, \"firstFloor\")\n                }\n              />\n            ))}\n            \n            <hr className={classes.ScavengerDivider} />\n\n            {/* 3RD FLOOR */}\n            <h2 className={classes.ScavengerFloorHeader}>\n              {selectedLanguage === \"eng\" ? \"3RD FLOOR\" : \"3ᴬ planta\"}\n            </h2>\n            <h2>\n              {selectedLanguage === \"eng\"\n                ? \"THE BROAD COLLECTION\"\n                : \"LA COLECCIÓN DEL BROAD\"}\n            </h2>\n            {scavengerHuntData[\"thirdFloor\"].map((item, index) => (\n              <Checkbox\n                key={index}\n                id={item.id}\n                text={item.text}\n                checked={item.checked}\n                floor={\"thirdFloor\"}\n                click={(event) =>\n                  scavengerProgress(event, item.id, \"thirdFloor\")\n                }\n              />\n            ))}            \n          </>\n        )}\n      </div>\n    </>\n  );\n};\n\nexport default ScavengerHunt;","export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NS4zNCIgaGVpZ2h0PSI0MC4zMzIiIHZpZXdCb3g9IjAgMCA0NS4zNCA0MC4zMzIiPjxkZWZzPjxzdHlsZT4uYXtmaWxsOiNmZmY7fS5ie2ZpbGw6IzMzM2Y0ODt9PC9zdHlsZT48L2RlZnM+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTMyLjY4OCAtOTMuNDMzKSI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNiAtMjQ4KSI+PHJlY3QgY2xhc3M9ImEiIHdpZHRoPSIyNyIgaGVpZ2h0PSIyNyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzAgMzU0KSIvPjwvZz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzMi42ODggMTA4LjA0NCkgcm90YXRlKC0yMykiPjxwYXRoIGNsYXNzPSJiIiBkPSJNNC44LDEwLjE5MWw4Ljg1NCw3LjkyMUwzMi40LDBsNSw1LjE5M0wxMy44NDcsMjcuOTQzLDAsMTUuNTUzWiIvPjwvZz48L2c+PC9zdmc+\"","export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMzIuMzQ1IiBoZWlnaHQ9IjE4Mi42ODUiIHZpZXdCb3g9IjAgMCAxMzIuMzQ1IDE4Mi42ODUiPjxkZWZzPjxzdHlsZT4uYXtmaWxsOm5vbmU7c3Ryb2tlOiNmZmY7c3Ryb2tlLWRhc2hhcnJheTo1IDQ7fS5ie2ZpbGw6I2ZmZjtmaWxsLXJ1bGU6ZXZlbm9kZDt9PC9zdHlsZT48L2RlZnM+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE5My4yMTggLTEwNi45ODcpIj48cGF0aCBjbGFzcz0iYSIgZD0iTTEzMDU1LjcwNywyODkuNTdzNi42NjMtMzIuMjk0LDQ3LjI0OC0zMS4wMjUsODYuMDY5LTU5LjU5Miw4NC4wMzItODMuMDctMTAuNTktNDMuMTE1LTE5LjEtNTAuODIyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTI4NjIpIi8+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjYzLjcyIDEwOC4yMzMpIHJvdGF0ZSgtMzApIj48cGF0aCBjbGFzcz0iYiIgZD0iTTI1LjI4NywyOC41NTYsMjAsMjMuMjQ4LDIzLjI0OCwyMGw1LjMwOCw1LjI4N0wzMy44NjQsMjBsMy4yNywzLjI0OC01LjMwOCw1LjMwOCw1LjMwOCw1LjMwOC0zLjI3LDMuMjctNS4zMDgtNS4zMDgtNS4zMDgsNS4zMDhMMjAsMzMuODY0WiIvPjwvZz48L2c+PC9zdmc+\""],"names":["ScavengerFloorHeader","text","id","checked","click","floor","checkboxClasses","useContext","StoreContext","scavengerHuntEng","push","className","join","type","onClick","e","htmlFor","location","scavengerHuntEsp","setScavengerHuntEng","setScavengerHuntEsp","useState","progress","setProgress","selectedLanguage","setSelectedLanguage","scavengerProgress","event","markScavenger","scavengerHuntData","totalItems","length","checkedItems","filter","item","customStyles","control","provided","state","borderColor","colors","isSelected","isFocused","borderRadius","borderWidth","indicatorSeparator","option","background","color","dropdownIndicator","singleValue","opacity","isDisabled","transition","fontWeight","letterSpacing","textTransform","title","originalPath","ParentRouteHandler","path","src","alt","defaultValue","value","label","isSearchable","options","styles","onChange","selected","classes","map","index","key"],"sourceRoot":""}