{"version":3,"sources":["assets/hero-bg.png","components/Swiper.js","components/Button.js","assets/eyes/1.png","assets/eyes/2.png","assets/eyes/3.png","assets/eyes/4.png","assets/head/1.png","assets/head/2.png","assets/head/3.png","assets/head/4.png","assets/mouth/1.png","assets/mouth/2.png","assets/mouth/3.png","assets/mouth/4.png","assets/outfit/1.png","assets/outfit/2.png","assets/outfit/3.png","assets/outfit/4.png","assets/skin/1.png","assets/skin/2.png","assets/skin/3.png","assets/skin/4.png","components/Hero.js","assets/ear/1.png","assets/ear/2.png","assets/ear/3.png","assets/ear/4.png","assets/bg-3.png","components/Roadmap.js","assets/flask.gif","components/About.js","assets/mutant2.png","assets/bg-4.png","components/Section.js","assets/team.png","assets/team2.png","assets/team3.png","assets/team4.png","assets/bg-5.png","components/Team.js","pages/Homes.js","pages/Terms.js","components/Footer.js","components/Modal.js","components/Mutants.js","components/NFTs.js","assets/token.png","components/Lookup.js","components/Staking.js","assets/m1.png","assets/m2.png","assets/mega.png","components/buy/Serums.js","pages/MyCollection.js","assets/logo.gif","assets/loader.png","components/Navbar.js","components/Loader.js","pages/Lookup.js","components/mutateModal.js","pages/Mutate.js","pages/Product.js","components/Customer.js","components/ordersTable.js","components/orders.js","components/Products.js","assets/black.png","pages/Merch.js","App.js","reportWebVitals.js","index.js"],"names":["Slider","props","centeredSlides","allowTouchMove","simulateTouch","speed","autoplay","delay","disableOnInteraction","className","images","map","img","i","src","SwiperCore","use","Autoplay","Button","React","$","each","$circlesTopLeft","this","parent","find","$circlesBottomRight","tl","window","TimelineLite","tl2","btTl","paused","to","x","y","scaleY","ease","SlowMo","config","eq","scale","scaleX","opacity","tlBt1","tlBt2","set","rotation","add","Elastic","easeOut","timeScale","on","restart","xmlns","version","id","in","stdDeviation","result","mode","values","in2","onClick","location","newWindow","open","replace","action","disable","text","Hero","style","background","Bg","viewBox","d","width","xlinkHref","skin1","skin2","skin3","skin4","outfit1","outfit2","outfit3","outfit4","eyes1","eyes2","eyes3","eyes4","mouth1","mouth2","mouth3","mouth4","head1","head2","head3","head4","DevelopmentRoadmap","backgroundImage","bg","backgroundSize","Container","textAlign","TableContainer","overflow","Table","TableBody","TableRow","TableCell","scope","align","Section","Team","Grid","container","item","xs","md","lg","alt","img2","img3","img4","Home","overflowX","startDate","metamask","isWalletConnected","mint","isActive","setIsActive","setCount","count","isPaused","isSoldOut","isWhitelisted","exceedLimit","isPublic","alertState","setAlertState","isMinting","About","Roadmap","Snackbar","autoHideDuration","onClose","Alert","severity","fontSize","message","Terms","margin","Footer","href","cursor","height","fill","Modal","useState","unclaimed","setUnclaimed","isClaiming","setIsClaiming","useEffect","modal","token","edition","account","tokensContract","methods","rewardBalance","call","then","balance","position","setModal","image","variant","component","name","toFixed","CircularProgress","color","claim","send","from","once","receipt","catch","e","marginTop","Mutants","tokens","setTokens","tokenURIs","setTokenURIs","loading","setLoading","slice","setSlice","undefined","a","mutantsContract","walletOfOwner","forEach","tokenURI","indexOf","sort","b","split","pop","fetch","getMetadata","fetchAll","urls","Promise","all","u","res","r","json","err","console","log","jsons","AsyncImage","loadedSrc","setLoadedSrc","handleLoad","Image","addEventListener","removeEventListener","Content","length","display","justifyContent","minHeight","alignItems","NFTs","setBalance","contract","totalBalance","parseInt","balanceOf","loadBlockchainData","Lookup","lookupValue","setLookupValue","hasMutate","setHasMutate","value","onChange","preventDefault","target","handleChange","toString","Staking","batchClaim","Token","Serums","M1Price","setM1Price","M2Price","setM2Price","MegaPrice","setMegaPrice","M1Count","setM1Count","M2Count","setM2Count","MegaCount","setMegaCount","serumsContract","price","response","Math","ceil","serums","M1Image","M2Image","MegaImage","TabPanel","children","index","other","role","hidden","Box","sx","p","Typography","a11yProps","MyCollection","setValue","tab","useParams","event","newValue","paddingTop","borderBottom","borderColor","Tabs","Tab","label","ethereum","enable","Navbar","menuToggle","setMenuToggle","Drawer","anchor","PaperProps","onKeyDown","List","ListItem","Divider","Logo","toggled","onToggle","Loader","tween3","TimelineMax","loaderBackground","document","querySelectorAll","TweenMax","staggerTo","stagger","Power1","easeInOut","duration","Background","marginRight","isLoading","elixir","mutationActive","isMutationActive","mutateApeWithElixir","Mutate","tokenID","M1","setM1","M2","setM2","Mega","setMega","loadingM1","setLoadingM1","loadingM2","setLoadingM2","loadingMega","setLoadingMega","ownerOf","setOwnerOf","mutate","type","Product","product","setProduct","isAvailable","setIsAvailable","size","setSize","setColor","setPrice","pricePastel","setPricePastel","isBuying","setIsBuying","isBuyingPastel","setIsBuyingPastel","optionNumber","setOptionNumber","colorOptionNumber","setColorOptionNumber","axios","method","url","process","data","options","o","String","storeContract","fetchBlockchainProduct","fetchProfile","get","headers","customer","fetchVariant","variant_id","status","variants","filter","apiVariant","products","blockchainId","priceETH","pricePastels","textDecoration","buy","maxSupply","supply","web3","utils","toWei","buyPastel","buyWithPastels","padding","title","navigation","modules","Navigation","v","Customer","firstName","setFirstName","lastName","setLastName","email","setEmail","phone","setPhone","address","setAddress","province","setProvince","city","setCity","zip","setZip","country","setCountry","validation","setValidation","first_name","last_name","default_address","address1","error","handleSave","firstNameValidation","lastNameValidation","emailValidation","test","addressValidation","provinceValidation","cityValidation","zipValidation","countryValidation","wallet","verified_email","Object","entries","key","TextField","helperText","fullWidth","OrdersTable","Paper","minWidth","TableHead","orders","order","border","line_items","quantity","Orders","setOrders","Products","setProducts","App","setAccount","setMetamask","setIsWalletConnected","Date","setContract","setTokensContract","setSerumsContract","setMutantsContract","setStoreContract","setIsPaused","setIsPublic","setnftLimit","currentMaxSupply","setCurrentMaxSupply","totalSupply","setTotalSupply","setIsMinting","Aos","init","loadWeb3","getInfos","Web3","currentProvider","eth","net","getId","networkId","networkData","PastelContract","networks","networkDataTokens","TokensContractABI","networkDataSerums","SerumContractABI","networkDataMutants","MutantContractABI","networkUndeadStore","UndeadStoreABI","abi","Contract","getAccounts","accounts","abiTokens","addressTokens","abiSerums","addressSerums","abiMutants","addressMutants","abiStore","addressStore","reload","publicSaleDate","now","mintMaxSupply","mintSupply","getCost","cost","cost_per_mint","mintToken","gas","msg","exact","path","Merch","reportWebVitals","onPerfEntry","Function","getCLS","getFID","getFCP","getLCP","getTTFB","ReactDOM","render","StrictMode","getElementById"],"mappings":"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","file":"static/js/main.cb17db97.chunk.js","sourcesContent":["export default __webpack_public_path__ + \"static/media/hero-bg.12a3c4e7.png\";","import React, { useRef, useState } from \"react\";\n// Import Swiper React components\nimport { Swiper, SwiperSlide } from \"swiper/react/swiper-react\";\n\n// Import Swiper styles\nimport \"swiper/swiper.min.css\";\n// import \"swiper/modules/pagination/pagination.min.css\";\n\n// import \"./styles.css\";\nimport SwiperCore, { Autoplay } from \"swiper\";\n\n// install Swiper modules\nSwiperCore.use([Autoplay]);\n\nexport default function Slider(props) {\n  return (\n    <>\n      <Swiper\n        // spaceBetween={30}\n        centeredSlides={true}\n        allowTouchMove={false}\n        simulateTouch={false}\n        speed={1500}\n        autoplay={{\n          delay: props.delay,\n          disableOnInteraction: false,\n        }}\n        // pagination={{\n        //   clickable: true,\n        // }}\n        // navigation={true}\n        className=\"\"\n      >\n        {props.images.map((img, i) => (\n          <SwiperSlide>\n            <img key={i} src={img} className=\"swiper-img psychic\" />\n          </SwiperSlide>\n        ))}\n        {/* <SwiperSlide>Slide 1</SwiperSlide>\n        <SwiperSlide>Slide 2</SwiperSlide>\n        <SwiperSlide>Slide 3</SwiperSlide>\n        <SwiperSlide>Slide 4</SwiperSlide>\n        <SwiperSlide>Slide 5</SwiperSlide>\n        <SwiperSlide>Slide 6</SwiperSlide>\n        <SwiperSlide>Slide 7</SwiperSlide>\n        <SwiperSlide>Slide 8</SwiperSlide>\n        <SwiperSlide>Slide 9</SwiperSlide> */}\n      </Swiper>\n    </>\n  );\n}\n","import * as React from \"react\";\nimport $ from \"jquery\";\n\nconst Button = (props) => {\n  React.useEffect(() => {\n    $(\".button--bubble\").each(function () {\n      var $circlesTopLeft = $(this).parent().find(\".circle.top-left\");\n      var $circlesBottomRight = $(this).parent().find(\".circle.bottom-right\");\n\n      var tl = new window.TimelineLite();\n      var tl2 = new window.TimelineLite();\n\n      var btTl = new window.TimelineLite({ paused: true });\n\n      tl.to($circlesTopLeft, 1.2, {\n        x: -25,\n        y: -25,\n        scaleY: 2,\n        ease: window.SlowMo.ease.config(0.1, 0.7, false),\n      });\n      tl.to($circlesTopLeft.eq(0), 0.1, { scale: 0.2, x: \"+=6\", y: \"-=2\" });\n      tl.to(\n        $circlesTopLeft.eq(1),\n        0.1,\n        { scaleX: 1, scaleY: 0.8, x: \"-=10\", y: \"-=7\" },\n        \"-=0.1\"\n      );\n      tl.to(\n        $circlesTopLeft.eq(2),\n        0.1,\n        { scale: 0.2, x: \"-=15\", y: \"+=6\" },\n        \"-=0.1\"\n      );\n      tl.to($circlesTopLeft.eq(0), 1, {\n        scale: 0,\n        x: \"-=5\",\n        y: \"-=15\",\n        opacity: 0,\n      });\n      tl.to(\n        $circlesTopLeft.eq(1),\n        1,\n        { scaleX: 0.4, scaleY: 0.4, x: \"-=10\", y: \"-=10\", opacity: 0 },\n        \"-=1\"\n      );\n      tl.to(\n        $circlesTopLeft.eq(2),\n        1,\n        { scale: 0, x: \"-=15\", y: \"+=5\", opacity: 0 },\n        \"-=1\"\n      );\n\n      var tlBt1 = new window.TimelineLite();\n      var tlBt2 = new window.TimelineLite();\n\n      tlBt1.set($circlesTopLeft, { x: 0, y: 0, rotation: -45 });\n      tlBt1.add(tl);\n\n      tl2.set($circlesBottomRight, { x: 0, y: 0 });\n      tl2.to($circlesBottomRight, 1.1, {\n        x: 30,\n        y: 30,\n        ease: window.SlowMo.ease.config(0.1, 0.7, false),\n      });\n      tl2.to($circlesBottomRight.eq(0), 0.1, {\n        scale: 0.2,\n        x: \"-=6\",\n        y: \"+=3\",\n      });\n      tl2.to(\n        $circlesBottomRight.eq(1),\n        0.1,\n        { scale: 0.8, x: \"+=7\", y: \"+=3\" },\n        \"-=0.1\"\n      );\n      tl2.to(\n        $circlesBottomRight.eq(2),\n        0.1,\n        { scale: 0.2, x: \"+=15\", y: \"-=6\" },\n        \"-=0.2\"\n      );\n      tl2.to($circlesBottomRight.eq(0), 1, {\n        scale: 0,\n        x: \"+=5\",\n        y: \"+=15\",\n        opacity: 0,\n      });\n      tl2.to(\n        $circlesBottomRight.eq(1),\n        1,\n        { scale: 0.4, x: \"+=7\", y: \"+=7\", opacity: 0 },\n        \"-=1\"\n      );\n      tl2.to(\n        $circlesBottomRight.eq(2),\n        1,\n        { scale: 0, x: \"+=15\", y: \"-=5\", opacity: 0 },\n        \"-=1\"\n      );\n\n      tlBt2.set($circlesBottomRight, { x: 0, y: 0, rotation: 45 });\n      tlBt2.add(tl2);\n\n      btTl.add(tlBt1);\n      btTl.to(\n        $(this).parent().find(\".button.effect-button\"),\n        0.8,\n        { scaleY: 1.1 },\n        0.1\n      );\n      btTl.add(tlBt2, 0.2);\n      btTl.to(\n        $(this).parent().find(\".button.effect-button\"),\n        1.8,\n        { scale: 1, ease: window.Elastic.easeOut.config(1.2, 0.4) },\n        1.2\n      );\n\n      btTl.timeScale(2.6);\n\n      $(this).on(\"mouseover\", function () {\n        btTl.restart();\n      });\n    });\n  }, []);\n\n  const handleClick = () => {\n    if (props.location) {\n      if (props.newWindow) {\n        window.open(props.location, \"_blank\");\n      } else {\n        window.location.replace(props.location);\n      }\n    } else {\n      props.action();\n    }\n  };\n\n  return (\n    <div className=\"psychic button-container\">\n      <svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" className=\"goo\">\n        <defs>\n          <filter id=\"goo\">\n            <feGaussianBlur\n              in=\"SourceGraphic\"\n              stdDeviation=\"10\"\n              result=\"blur\"\n            />\n            <feColorMatrix\n              in=\"blur\"\n              mode=\"matrix\"\n              values=\"1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 19 -9\"\n              result=\"goo\"\n            />\n            <feComposite in=\"SourceGraphic\" in2=\"goo\" />\n          </filter>\n        </defs>\n      </svg>\n\n      <span className=\"button--bubble__container\">\n        <span\n          className=\"button button--bubble\"\n          onClick={() => handleClick()}\n          disable={false}\n        >\n          {props.text}\n        </span>\n        <span className=\"button--bubble__effect-container\">\n          <span className=\"circle top-left\"></span>\n          <span className=\"circle top-left\"></span>\n          <span className=\"circle top-left\"></span>\n\n          <span className=\"button effect-button\"></span>\n\n          <span className=\"circle bottom-right\"></span>\n          <span className=\"circle bottom-right\"></span>\n          <span className=\"circle bottom-right\"></span>\n        </span>\n      </span>\n    </div>\n  );\n};\n\nexport default Button;\n","export default __webpack_public_path__ + \"static/media/1.2e200e08.png\";","export default __webpack_public_path__ + \"static/media/2.36eb898c.png\";","export default __webpack_public_path__ + \"static/media/3.dfd007c9.png\";","export default __webpack_public_path__ + \"static/media/4.d18367ee.png\";","export default __webpack_public_path__ + \"static/media/1.f3299b4f.png\";","export default __webpack_public_path__ + \"static/media/2.cb4ba322.png\";","export default __webpack_public_path__ + \"static/media/3.1ba24beb.png\";","export default __webpack_public_path__ + \"static/media/4.75fa3c05.png\";","export default __webpack_public_path__ + \"static/media/1.5cc2dbd9.png\";","export default __webpack_public_path__ + \"static/media/2.162aa3ca.png\";","export default __webpack_public_path__ + \"static/media/3.0b9f0f00.png\";","export default __webpack_public_path__ + \"static/media/4.d1e67db3.png\";","export default __webpack_public_path__ + \"static/media/1.f3e86820.png\";","export default __webpack_public_path__ + \"static/media/2.9f01baa8.png\";","export default __webpack_public_path__ + \"static/media/3.25c5c7c5.png\";","export default __webpack_public_path__ + \"static/media/4.20502b67.png\";","export default __webpack_public_path__ + \"static/media/1.7c61fd76.png\";","export default __webpack_public_path__ + \"static/media/2.2ce7544a.png\";","export default __webpack_public_path__ + \"static/media/3.b0f50dbf.png\";","export default __webpack_public_path__ + \"static/media/4.91c19498.png\";","import React, { useEffect, useState } from \"react\";\nimport Bg from \"../assets/hero-bg.png\";\nimport Swiper from \"./Swiper\";\nimport MintButton from \"../components/MintButton\";\nimport Countdown from \"react-countdown\";\nimport Button from \"./Button\";\n\nimport ear1 from \"../assets/ear/1.png\";\nimport ear2 from \"../assets/ear/2.png\";\nimport ear3 from \"../assets/ear/3.png\";\nimport ear4 from \"../assets/ear/4.png\";\n\nimport eyes1 from \"../assets/eyes/1.png\";\nimport eyes2 from \"../assets/eyes/2.png\";\nimport eyes3 from \"../assets/eyes/3.png\";\nimport eyes4 from \"../assets/eyes/4.png\";\n\nimport head1 from \"../assets/head/1.png\";\nimport head2 from \"../assets/head/2.png\";\nimport head3 from \"../assets/head/3.png\";\nimport head4 from \"../assets/head/4.png\";\n\nimport mouth1 from \"../assets/mouth/1.png\";\nimport mouth2 from \"../assets/mouth/2.png\";\nimport mouth3 from \"../assets/mouth/3.png\";\nimport mouth4 from \"../assets/mouth/4.png\";\n\nimport outfit1 from \"../assets/outfit/1.png\";\nimport outfit2 from \"../assets/outfit/2.png\";\nimport outfit3 from \"../assets/outfit/3.png\";\nimport outfit4 from \"../assets/outfit/4.png\";\n\nimport skin1 from \"../assets/skin/1.png\";\nimport skin2 from \"../assets/skin/2.png\";\nimport skin3 from \"../assets/skin/3.png\";\nimport skin4 from \"../assets/skin/4.png\";\n\nconst Hero = (props) => {\n  const renderer = ({ days, hours, minutes, seconds, completed }) => {\n    if (hours < 10) {\n      hours = \"0\" + hours;\n    }\n\n    if (minutes < 10) {\n      minutes = \"0\" + minutes;\n    }\n\n    if (seconds < 10) {\n      seconds = \"0\" + seconds;\n    }\n\n    return (\n      // <div className=\"countdown-value\" style={{ fontWeight: \"bold\" }}>\n\n      // </div>\n\n      <textPath xlinkHref=\"#curve\" className=\"hero-text pshychic\">\n        {days} Days {hours}:{minutes}:{seconds}\n      </textPath>\n    );\n  };\n  return (\n    <div className=\"hero\" style={{ background: `url(${Bg})` }}>\n      <div className=\"hero-text-container\">\n        {/* <div className=\"subtitle\">Mutant Sale, Jan 12th, 9 PM EST</div> */}\n        <svg viewBox=\"0 0 500 500\">\n          <path\n            className=\"hero-path\"\n            id=\"curve\"\n            d=\"M73.2,148.6c4-6.1,65.5-96.8,178.6-95.6c111.3,1.2,170.8,90.3,175.1,97\"\n          />\n          <text width=\"500\">\n            {/* <Countdown date={props.startDate} renderer={renderer} /> */}\n\n            <textPath xlinkHref=\"#curve\" className=\"hero-text pshychic\">\n              Undead Pastel Club\n            </textPath>\n          </text>\n        </svg>\n      </div>\n      <div className=\"swiper-container\">\n        <Swiper images={[skin1, skin2, skin3, skin4]} delay={7250} />\n        <Swiper images={[outfit1, outfit2, outfit3, outfit4]} delay={7000} />\n        <Swiper images={[ear1, ear2, ear3, ear4]} delay={7750} />\n        <Swiper images={[eyes1, eyes2, eyes3, eyes4]} delay={8000} />\n        <Swiper images={[mouth1, mouth2, mouth3, mouth4]} delay={9000} />\n        <Swiper images={[head1, head2, head3, head4]} delay={6000} />\n      </div>\n\n      <div className=\"hero-btn\">\n        <Button\n          text=\"Buy on Opensea\"\n          newWindow={1}\n          location=\"https://opensea.io/collection/undead-pastel-club\"\n        />\n      </div>\n\n      {/* <MintButton\n        metamask={props.metamask}\n        isWalletConnected={props.isWalletConnected}\n        mint={props.mint}\n        startDate={props.startDate}\n        isActive={props.isActive}\n        setActive={props.setActive}\n        setCount={props.setCount}\n        count={props.count}\n        isPaused={props.isPaused}\n        isSoldOut={props.isSoldOut}\n        isWhitelisted={props.isWhitelisted}\n        exceedLimit={props.exceedLimit}\n        // isPresale={props.isPresale}\n        isPublic={props.isPublic}\n        alertState={props.alertState}\n        setAlertState={props.setAlertState}\n        isMinting={props.isMinting}\n      /> */}\n    </div>\n  );\n};\n\nexport default Hero;\n","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAfQAAAH0CAYAAADL1t+KAAAAAXNSR0IArs4c6QAAAAlwSFlzAAAOxAAADsQBlSsOGwAAA6VpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0n77u/JyBpZD0nVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkJz8+Cjx4OnhtcG1ldGEgeG1sbnM6eD0nYWRvYmU6bnM6bWV0YS8nPgo8cmRmOlJERiB4bWxuczpyZGY9J2h0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMnPgoKIDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PScnCiAgeG1sbnM6QXR0cmliPSdodHRwOi8vbnMuYXR0cmlidXRpb24uY29tL2Fkcy8xLjAvJz4KICA8QXR0cmliOkFkcz4KICAgPHJkZjpTZXE+CiAgICA8cmRmOmxpIHJkZjpwYXJzZVR5cGU9J1Jlc291cmNlJz4KICAgICA8QXR0cmliOkNyZWF0ZWQ+MjAyMS0xMi0yODwvQXR0cmliOkNyZWF0ZWQ+CiAgICAgPEF0dHJpYjpFeHRJZD5mYWZhYzYzYi1jNTU4LTQzNzAtYjljZS0zNzNlMWZhNDAzMzM8L0F0dHJpYjpFeHRJZD4KICAgICA8QXR0cmliOkZiSWQ+NTI1MjY1OTE0MTc5NTgwPC9BdHRyaWI6RmJJZD4KICAgICA8QXR0cmliOlRvdWNoVHlwZT4yPC9BdHRyaWI6VG91Y2hUeXBlPgogICAgPC9yZGY6bGk+CiAgIDwvcmRmOlNlcT4KICA8L0F0dHJpYjpBZHM+CiA8L3JkZjpEZXNjcmlwdGlvbj4KCiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0nJwogIHhtbG5zOnBkZj0naHR0cDovL25zLmFkb2JlLmNvbS9wZGYvMS4zLyc+CiAgPHBkZjpBdXRob3I+TG91aXMtUGhpbGlwcGUgUGFxdWluPC9wZGY6QXV0aG9yPgogPC9yZGY6RGVzY3JpcHRpb24+CgogPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9JycKICB4bWxuczp4bXA9J2h0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8n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\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAfQAAAH0CAYAAADL1t+KAAAAAXNSR0IArs4c6QAAAAlwSFlzAAAOxAAADsQBlSsOGwAAA6VpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0n77u/JyBpZD0nVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkJz8+Cjx4OnhtcG1ldGEgeG1sbnM6eD0nYWRvYmU6bnM6bWV0YS8nPgo8cmRmOlJERiB4bWxuczpyZGY9J2h0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMnPgoKIDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PScnCiAgeG1sbnM6QXR0cmliPSdodHRwOi8vbnMuYXR0cmlidXRpb24uY29tL2Fkcy8xLjAvJz4KICA8QXR0cmliOkFkcz4KICAgPHJkZjpTZXE+CiAgICA8cmRmOmxpIHJkZjpwYXJzZVR5cGU9J1Jlc291cmNlJz4KICAgICA8QXR0cmliOkNyZWF0ZWQ+MjAyMS0xMi0yODwvQXR0cmliOkNyZWF0ZWQ+CiAgICAgPEF0dHJpYjpFeHRJZD4wNzhlM2I1MC04NDc4LTQ3ZjYtODU1NC05ZTY5YjBhZmQwOTA8L0F0dHJpYjpFeHRJZD4KICAgICA8QXR0cmliOkZiSWQ+NTI1MjY1OTE0MTc5NTgwPC9BdHRyaWI6RmJJZD4KICAgICA8QXR0cmliOlRvdWNoVHlwZT4yPC9BdHRyaWI6VG91Y2hUeXBlPgogICAgPC9yZGY6bGk+CiAgIDwvcmRmOlNlcT4KICA8L0F0dHJpYjpBZHM+CiA8L3JkZjpEZXNjcmlwdGlvbj4KCiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0nJwogIHhtbG5zOnBkZj0naHR0cDovL25zLmFkb2JlLmNvbS9wZGYvMS4zLyc+CiAgPHBkZjpBdXRob3I+TG91aXMtUGhpbGlwcGUgUGFxdWluPC9wZGY6QXV0aG9yPgogPC9yZGY6RGVzY3JpcHRpb24+CgogPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9JycKICB4bWxuczp4bXA9J2h0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8n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\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAfQAAAH0CAYAAADL1t+KAAAAAXNSR0IArs4c6QAAAAlwSFlzAAAOxAAADsQBlSsOGwAAA6VpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0n77u/JyBpZD0nVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkJz8+Cjx4OnhtcG1ldGEgeG1sbnM6eD0nYWRvYmU6bnM6bWV0YS8nPgo8cmRmOlJERiB4bWxuczpyZGY9J2h0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMnPgoKIDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PScnCiAgeG1sbnM6QXR0cmliPSdodHRwOi8vbnMuYXR0cmlidXRpb24uY29tL2Fkcy8xLjAvJz4KICA8QXR0cmliOkFkcz4KICAgPHJkZjpTZXE+CiAgICA8cmRmOmxpIHJkZjpwYXJzZVR5cGU9J1Jlc291cmNlJz4KICAgICA8QXR0cmliOkNyZWF0ZWQ+MjAyMS0xMi0yODwvQXR0cmliOkNyZWF0ZWQ+CiAgICAgPEF0dHJpYjpFeHRJZD5jN2IyMzgzZS1kNGQ3LTQ5ZTEtYjg3MS1jMjM3MTg1ZTFlNWY8L0F0dHJpYjpFeHRJZD4KICAgICA8QXR0cmliOkZiSWQ+NTI1MjY1OTE0MTc5NTgwPC9BdHRyaWI6RmJJZD4KICAgICA8QXR0cmliOlRvdWNoVHlwZT4yPC9BdHRyaWI6VG91Y2hUeXBlPgogICAgPC9yZGY6bGk+CiAgIDwvcmRmOlNlcT4KICA8L0F0dHJpYjpBZHM+CiA8L3JkZjpEZXNjcmlwdGlvbj4KCiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0nJwogIHhtbG5zOnBkZj0naHR0cDovL25zLmFkb2JlLmNvbS9wZGYvMS4zLyc+CiAgPHBkZjpBdXRob3I+TG91aXMtUGhpbGlwcGUgUGFxdWluPC9wZGY6QXV0aG9yPgogPC9yZGY6RGVzY3JpcHRpb24+CgogPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9JycKICB4bWxuczp4bXA9J2h0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8n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\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAfQAAAH0CAYAAADL1t+KAAAAAXNSR0IArs4c6QAAAAlwSFlzAAAOxAAADsQBlSsOGwAAA6VpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0n77u/JyBpZD0nVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkJz8+Cjx4OnhtcG1ldGEgeG1sbnM6eD0nYWRvYmU6bnM6bWV0YS8nPgo8cmRmOlJERiB4bWxuczpyZGY9J2h0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMnPgoKIDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PScnCiAgeG1sbnM6QXR0cmliPSdodHRwOi8vbnMuYXR0cmlidXRpb24uY29tL2Fkcy8xLjAvJz4KICA8QXR0cmliOkFkcz4KICAgPHJkZjpTZXE+CiAgICA8cmRmOmxpIHJkZjpwYXJzZVR5cGU9J1Jlc291cmNlJz4KICAgICA8QXR0cmliOkNyZWF0ZWQ+MjAyMS0xMi0yODwvQXR0cmliOkNyZWF0ZWQ+CiAgICAgPEF0dHJpYjpFeHRJZD5jOWMxYzIyMy02N2FiLTQ1M2YtODZkYi05ODQ4MzdiZjYxYWM8L0F0dHJpYjpFeHRJZD4KICAgICA8QXR0cmliOkZiSWQ+NTI1MjY1OTE0MTc5NTgwPC9BdHRyaWI6RmJJZD4KICAgICA8QXR0cmliOlRvdWNoVHlwZT4yPC9BdHRyaWI6VG91Y2hUeXBlPgogICAgPC9yZGY6bGk+CiAgIDwvcmRmOlNlcT4KICA8L0F0dHJpYjpBZHM+CiA8L3JkZjpEZXNjcmlwdGlvbj4KCiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0nJwogIHhtbG5zOnBkZj0naHR0cDovL25zLmFkb2JlLmNvbS9wZGYvMS4zLyc+CiAgPHBkZjpBdXRob3I+TG91aXMtUGhpbGlwcGUgUGFxdWluPC9wZGY6QXV0aG9yPgogPC9yZGY6RGVzY3JpcHRpb24+CgogPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9JycKICB4bWxuczp4bXA9J2h0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8n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\"","export default __webpack_public_path__ + \"static/media/bg-3.a44db6ca.png\";","import * as React from \"react\";\n\nimport Table from \"@mui/material/Table\";\nimport TableBody from \"@mui/material/TableBody\";\nimport TableCell from \"@mui/material/TableCell\";\nimport TableContainer from \"@mui/material/TableContainer\";\nimport TableRow from \"@mui/material/TableRow\";\nimport Container from \"@mui/material/Container\";\nimport bg from \"../assets/bg-3.png\";\n\nfunction createData(title, desc) {\n  return { title, desc };\n}\n\nconst DevelopmentRoadmap = () => {\n  return (\n    <div\n      className=\"section\"\n      style={{ backgroundImage: `url(${bg})`, backgroundSize: \"cover\" }}\n      id=\"roadmap\"\n    >\n      <Container className=\"container\">\n        <div className=\"title-container\">\n          <h2\n            data-aos=\"fade-in\"\n            data-aos-offset=\"250\"\n            style={{ textAlign: \"center\" }}\n          >\n            ROADMAP\n          </h2>\n          <p style={{ textAlign: \"center\" }}>\n            Our goal is to make sure that the Undead Pastel Club community\n            remains strong and united for a long time. To do so, we will\n            implement several strategies after the launch using the community\n            fund.\n          </p>\n        </div>\n        <TableContainer style={{ overflow: \"hidden\" }}>\n          <Table aria-label=\"simple table\">\n            <TableBody className=\"table-body\">\n              <TableRow\n                className=\"table-row\"\n                data-aos=\"zoom-out-up\"\n                data-aos-offset=\"250\"\n              >\n                <TableCell scope=\"row\" className=\"table-cell\">\n                  <h3>Pre-Mint</h3>\n                </TableCell>\n                <TableCell align=\"right\" className=\"table-cell table-cell-desc\">\n                  <p>$250,000 in Marketing Budget</p>\n                </TableCell>\n              </TableRow>\n              <TableRow\n                className=\"table-row\"\n                data-aos=\"zoom-out-up\"\n                data-aos-offset=\"250\"\n              >\n                <TableCell scope=\"row\" className=\"table-cell\"></TableCell>\n                <TableCell align=\"right\" className=\"table-cell table-cell-desc\">\n                  <p>ETH & NFT Giveaways on our Socials</p>\n                </TableCell>\n              </TableRow>\n              <TableRow\n                className=\"table-row\"\n                data-aos=\"zoom-out-up\"\n                data-aos-offset=\"250\"\n              >\n                <TableCell scope=\"row\" className=\"table-cell\"></TableCell>\n                <TableCell align=\"right\" className=\"table-cell table-cell-desc\">\n                  <p>Exclusive Pre-Sale discount for Whitelisted Members</p>\n                </TableCell>\n              </TableRow>\n              <TableRow\n                className=\"table-row\"\n                data-aos=\"zoom-out-up\"\n                data-aos-offset=\"250\"\n              >\n                <TableCell scope=\"row\" className=\"table-cell\">\n                  <h3>Post Sell-Out</h3>\n                </TableCell>\n                <TableCell align=\"right\" className=\"table-cell table-cell-desc\">\n                  <p>Launch of our Merch Collection</p>\n                </TableCell>\n              </TableRow>\n              <TableRow\n                className=\"table-row\"\n                data-aos=\"zoom-out-up\"\n                data-aos-offset=\"250\"\n              >\n                <TableCell scope=\"row\" className=\"table-cell\"></TableCell>\n                <TableCell align=\"right\" className=\"table-cell table-cell-desc\">\n                  <p>Creation of a UPC Token with NFT staking features</p>\n                </TableCell>\n              </TableRow>\n              <TableRow\n                className=\"table-row\"\n                data-aos=\"zoom-out-up\"\n                data-aos-offset=\"250\"\n              >\n                <TableCell scope=\"row\" className=\"table-cell\"></TableCell>\n                <TableCell align=\"right\" className=\"table-cell table-cell-desc\">\n                  <p>\n                    Community Fund for future raffles and marketing campaigns\n                  </p>\n                </TableCell>\n              </TableRow>\n              <TableRow\n                className=\"table-row\"\n                data-aos=\"zoom-out-up\"\n                data-aos-offset=\"250\"\n              >\n                <TableCell scope=\"row\" className=\"table-cell\"></TableCell>\n                <TableCell align=\"right\" className=\"table-cell table-cell-desc\">\n                  <p>Acquisition of Metaverse Land</p>\n                </TableCell>\n              </TableRow>\n            </TableBody>\n          </Table>\n        </TableContainer>\n      </Container>\n    </div>\n  );\n};\n\nexport default DevelopmentRoadmap;\n","export default __webpack_public_path__ + \"static/media/flask.f9d22f81.gif\";","import img from \"../assets/flask.gif\";\nimport bg from \"../assets/bg-3.png\";\nimport Button from \"./Button\";\n\nconst Section = () => {\n  return (\n    <div\n      style={{ backgroundImage: `url(${bg})`, backgroundSize: \"cover\" }}\n      id=\"about\"\n    >\n      {/* <div style={{ background: `#f9f9f9` }}> */}\n      <div className=\"section\">\n        <div\n          className=\"section-container\"\n          data-aos=\"fade-up\"\n          data-aos-offset=\"250\"\n        >\n          <img src={img} className=\"psychic\" />\n        </div>\n        <div\n          className=\"section-container\"\n          data-aos=\"fade-up\"\n          data-aos-offset=\"250\"\n        >\n          <div className=\"section-text\">\n            <div className=\"subtitle\">The project</div>\n            <h2>Undead Pastel Club</h2>\n            <p>\n              The Undead Pastel Club is a derivative NFT collection of 9,999\n              pastel apes with a community focus. Each NFT is algorithmically\n              generated using a combination of over 140 attributes such as hats,\n              eyes, skins and much more!\n            </p>\n            <p>\n              Launched on the Ethereum (ETH) blockchain, the Undead Pastel Club\n              aims at offering high-quality art at an affordable price while\n              executing an extensive roadmap. With staking features and\n              Metaverse land acquisition as key parts of our roadmap, the Undead\n              Pastel Club team strives for longetivity.\n            </p>\n            <p>\n              The implementation of a community fund will also allows for future\n              marketing expenses to be covered, which means that the project\n              will still garner attention from the public even after the\n              collection is sold out.\n            </p>\n            <p>\n              Join our community on Discord today for a chance to join the\n              Whitelist!\n            </p>\n            <Button\n              text=\"Join Discord\"\n              newWindow={1}\n              location=\"https://discord.com/invite/WkBaBzsBq8\"\n            />\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default Section;\n","export default __webpack_public_path__ + \"static/media/mutant2.39179c4c.png\";","export default __webpack_public_path__ + \"static/media/bg-4.9d3f90cf.png\";","import img from \"../assets/mutant2.png\";\nimport Button from \"./Button\";\nimport bg from \"../assets/bg-4.png\";\n\nconst Section = () => {\n  return (\n    <div\n      id=\"section\"\n      className=\"section section-reverse psychic\"\n      style={{ backgroundImage: `url(${bg})`, backgroundSize: \"cover\" }}\n    >\n      <div\n        className=\"section-container\"\n        data-aos=\"fade-up\"\n        data-aos-offset=\"250\"\n      >\n        <div className=\"section-text\">\n          <div className=\"subtitle\">Discounts</div>\n          <h2>Whitelist</h2>\n          <p>\n            By joining the Whitelist, you will get access to the Undead Pastel\n            Club Pre-Sale, which will be held prior to the Public Sale. This\n            exclusive Pre-Sale will allow lucky Whitelisted members the chance\n            to mint an Undead Pastel NFT at a cheaper price.\n          </p>\n          <p>\n            You can join the Whitelist by engaging actively in our Discord chat\n            or by inviting new members to the Discord server!\n          </p>\n          <Button\n            text=\"Join Discord\"\n            newWindow={1}\n            location=\"https://discord.com/invite/WkBaBzsBq8\"\n          />\n        </div>\n      </div>\n      <div\n        className=\"section-container\"\n        data-aos=\"fade-up\"\n        data-aos-offset=\"250\"\n        // style={{ backgroundImage: `url(${img})` }}\n      >\n        <img src={img} className=\"fade-bottom psychic\" />\n      </div>\n    </div>\n  );\n};\n\nexport default Section;\n","export default __webpack_public_path__ + \"static/media/team.d218bcd1.png\";","export default __webpack_public_path__ + \"static/media/team2.bb114b42.png\";","export default __webpack_public_path__ + \"static/media/team3.2c26ade1.png\";","export default __webpack_public_path__ + \"static/media/team4.c07b6698.png\";","export default __webpack_public_path__ + \"static/media/bg-5.4bc8ea6b.png\";","import * as React from \"react\";\nimport Container from \"@mui/material/Container\";\nimport Grid from \"@mui/material/Grid\";\nimport img from \"../assets/team.png\";\nimport img2 from \"../assets/team2.png\";\nimport img3 from \"../assets/team3.png\";\nimport img4 from \"../assets/team4.png\";\nimport bg from \"../assets/bg-5.png\";\n\nexport default function Team() {\n  return (\n    <div\n      className=\"section psychic\"\n      style={{ backgroundImage: `url(${bg})`, backgroundSize: \"cover\" }}\n      id=\"team\"\n    >\n      <Container className=\"conatiner\" data-aos=\"fade-in\" data-aos-offset=\"500\">\n        <h2 style={{ textAlign: \"center\" }}>Team</h2>\n        <Grid container>\n          <Grid item xs={12} md={6} lg={3} className=\"team-item-container\">\n            <img className=\"team-img\" src={img} alt=\"Team\" />\n            <div className=\"team-desc\">\n              <h3>@Undead Pastel</h3>\n              <p>Senior Programmer</p>\n            </div>\n          </Grid>\n\n          <Grid item xs={12} md={6} lg={3} className=\"team-item-container\">\n            <img className=\"team-img\" src={img2} alt=\"Team\" />\n            <div className=\"team-desc\">\n              <h3>@Belle Pastel</h3>\n              <p>Marketing Genius</p>\n            </div>\n          </Grid>\n          <Grid item xs={12} md={6} lg={3} className=\"team-item-container\">\n            <img className=\"team-img\" src={img3} alt=\"Team\" />\n            <div className=\"team-desc\">\n              <h3>@Captain Pastel</h3>\n              <p>Chief of Communications</p>\n            </div>\n          </Grid>\n          <Grid item xs={12} md={6} lg={3} className=\"team-item-container\">\n            <img className=\"team-img\" src={img4} alt=\"Team\" />\n            <div className=\"team-desc\">\n              <h3>@Edgar Pastel</h3>\n              <p>Art Director</p>\n            </div>\n          </Grid>\n        </Grid>\n      </Container>\n    </div>\n  );\n}\n","import React from \"react\";\nimport Alert from \"@material-ui/lab/Alert\";\nimport Hero from \"../components/Hero\";\nimport FAQ from \"../components/FAQ\";\nimport Roadmap from \"../components/Roadmap\";\nimport About from \"../components/About\";\nimport Section from \"../components/Section\";\nimport Team from \"../components/Team\";\nimport { Snackbar } from \"@material-ui/core\";\n// import $ from \"jquery\";\n\nconst Home = (props) => {\n  // $(window)\n  //   .scroll(function () {\n  //     // selectors\n  //     var $window = $(window),\n  //       $body = $(\"body\"),\n  //       $panel = $(\".section\");\n\n  //     // Change 33% earlier than scroll position so colour is there when you arrive.\n  //     var scroll = $window.scrollTop() + $window.height() / 3;\n\n  //     $panel.each(function () {\n  //       var $this = $(this);\n\n  //       // if position is within range of this panel.\n  //       // So position of (position of top of div <= scroll position) && (position of bottom of div > scroll position).\n  //       // Remember we set the scroll to 33% earlier in scroll var.\n  //       if (\n  //         $this.position().top <= scroll &&\n  //         $this.position().top + $this.height() > scroll\n  //       ) {\n  //         // Remove all classes on body with color-\n  //         $panel.removeClass(function (index, css) {\n  //           return (css.match(/(^|\\s)color-\\S+/g) || []).join(\" \");\n  //         });\n\n  //         // Add class of currently active div\n  //         $panel.addClass(\"color-\" + $(this).data(\"color\"));\n  //       }\n  //     });\n  //   })\n  //   .scroll();\n\n  return (\n    <div style={{ overflowX: \"hidden\", width: \"100%\" }}>\n      <Hero\n        startDate={props.startDate}\n        metamask={props.metamask}\n        isWalletConnected={props.isWalletConnected}\n        mint={props.mint}\n        isActive={props.isActive}\n        setIsActive={props.setIsActive}\n        setCount={props.setCount}\n        count={props.count}\n        isPaused={props.isPaused}\n        isSoldOut={props.isSoldOut}\n        isWhitelisted={props.isWhitelisted}\n        exceedLimit={props.exceedLimit}\n        // isPresale={props.isPresale}\n        isPublic={props.isPublic}\n        alertState={props.alertState}\n        setAlertState={props.setAlertState}\n        isMinting={props.isMinting}\n      />\n      <About />\n      <Section />\n      <Roadmap />\n      <Team />\n      {/* <FAQ /> */}\n\n      <Snackbar\n        open={props.alertState.open}\n        autoHideDuration={6000}\n        onClose={() =>\n          props.setAlertState({ ...props.alertState, open: false })\n        }\n        className=\"alert\"\n      >\n        <Alert\n          onClose={() =>\n            props.setAlertState({ ...props.alertState, open: false })\n          }\n          severity={props.alertState.severity}\n          className=\"alert\"\n        >\n          <h3 style={{ fontSize: \"15px\" }}>{props.alertState.message}</h3>\n        </Alert>\n      </Snackbar>\n    </div>\n  );\n};\n\nexport default Home;\n","import * as React from \"react\";\nimport Container from \"@mui/material/Container\";\n\nconst Terms = () => {\n  return (\n    <div style={{ margin: \"125px auto\" }}>\n      <Container className=\"container\">\n        <div>\n          <h2>TERMS</h2>\n          <p>\n            Undead Pastel club is a collection of digital artworks running on\n            the Ethereum network using ERC721 tokens known as non fungible\n            tokens(NFTs).\n          </p>\n          <p>\n            https://undeadpastelclub.io/ is only a visual interface to allow\n            users to acquire the digital artworks. Users are responsible for the\n            safety and management of their own Ethereum wallet and validating\n            all transactions and contracts related and generated by\n            https://undeadpastelclub.io/ before approval. Also be aware that,\n            since our Undead Pastel Club smart contract runs on the Ethereum\n            network, it is not possible to undo, reverse or restore any\n            transactions. https://undeadpastelclub.io/ and its connected\n            services are provided “as is” and “as available” without warranty of\n            any kind. By using https://undeadpastelclub.io/ you are accepting\n            sole responsibility for any and all transactions involving Undead\n            Pastel Club digital artworks.\n          </p>\n          <p>\n            Depending on the popularity, scope and sales of the Undead Pastel\n            Club NFT project, We reserve the right to adjust, change or reduce\n            the roadmap displayed on https://undeadpastelclub.io. Our roadmap,\n            which is displayed on undeadpastelclub.io, includes a part that will\n            named “Post Sell-Out” containing elements that we will execute and\n            realize only if the collection sells out. If the collection does not\n            sell out, the execution of these elements will be at our sole\n            discretion and may be cancelled or reduced. Our roadmap includes the\n            acquisition of a land in the Metaverse. However , please note that\n            we have no share in the Metaverse and no control over it. Therefore,\n            we cannot guarantee the user experience and users will have to abide\n            by the terms and conditions of the Metaverse. At the moment, the\n            land would be in Sandbox Metaverse, but this could change depending\n            on several factors, including the popularity of projects offering an\n            immersive experience in the Metaverse.\n          </p>\n          <p>\n            This project is strictly an NFT art project that could eventually\n            provide utilities for its holders. However, we do not guarantee any\n            profitability for the buyers and it is understood that this is not\n            the goal or the reason of the project. This project should not be\n            considered as an investment. The main goals of this project are to\n            promote art, to have fun and to have utilities for the holders.\n          </p>\n          <p>\n            As part of this project, we offer several giveaways. Depending on\n            the popularity, scope and sales of the Undead Pastel Club NFT\n            project, we reserve the right to reduce or cancel or reduce these\n            giveaways. If we draw prices that are physical goods, we reserve the\n            right to pay the equivalent of the prize in ETH instead of giving\n            the physical prize.\n          </p>\n          <p>\n            To enter our giveaways, you can also send an email to\n            influencers@undeadpastelclub.io stating the giveaway that you want\n            to enter and your Discord id.\n          </p>\n          <h2>OWNERSHIP</h2>\n          <p>\n            OWNERSHIP i. The user that is buying and minting our Undead Pastel\n            Club artwork is the owner of the Non Fungible Token (NFT) crated by\n            validating the transaction. Each Undead Pastel Club is an NFT on the\n            Ethereum blockchain. When you purchase an NFT, you own all the\n            rights to the underlying Undead Pastel Club. Ownership of the NFT is\n            mediated entirely and only by the Smart Contract and the Ethereum\n            Network which means that, at no point, may we seize, freeze, or\n            otherwise modify the ownership of any Undead Pastel Club. ii.\n            Personal Use. Subject to your continued compliance with these Terms,\n            undeadPastelclub.io grants you a worldwide, royalty-free license to\n            use, copy, and display the purchased Undead Pastel Club, along with\n            any extensions that you choose to create or use, solely for the\n            following purposes: (i) for your own personal, non-commercial use;\n            (ii) as part of a marketplace that permits the purchase and sale of\n            your Undead Pastel Club, provided that the marketplace\n            cryptographically verifies each Undead Pastel Club owner’s rights to\n            display the Undead Pastel Club and ensures that only the actual\n            owner can display the Undead Pastel Club; or (iii) as part of a\n            third party website or application that permits the inclusion,\n            involvement, or participation of your Undead Pastel Club, provided\n            that the website/application cryptographically verifies each Undead\n            Pastel Club owner’s rights to display the Undead Pastel Club and\n            ensures that only the actual owner can display the Undead Pastel\n            Club, and provided that the Undead Pastel Club is no longer visible\n            once the owner of the Undead Pastel Club leaves the\n            website/application. iii. Commercial Use. Subject to your continued\n            compliance with these Terms, undeadPastelclub.io grants you an\n            unlimited, worldwide license to use, copy, and display the purchased\n            Undead Pastel Club for the purpose of creating derivative works\n            based upon the Undead Pastel Club (“Commercial Use”). Examples of\n            such Commercial Use would be the use of the Undead Pastel Club to\n            produce and sell merchandise products (T-Shirts etc.) displaying\n            copies of the Undead Pastel Club. For the sake of clarity, nothing\n            in this Section will be deemed to restrict you from (i) owning or\n            operating a marketplace that permits the use and sale of Undead\n            Pastel Club generally, provided that the marketplace\n            cryptographically verifies each Undead Pastel Club owner’s rights to\n            display the Undead Pastel Club and ensures that only the actual\n            owner can display the Undead Pastel Club (ii) owning or operating a\n            third party website or application that permits the inclusion,\n            involvement, or participation of Undead Pastel Club generally,\n            provided that the third party website or application\n            cryptographically verifies each Undead Pastel Club owner’s rights to\n            display the Undead Pastel Club and ensures that only the actual\n            owner can display the Undead Pastel Club, and provided that the\n            Undead Pastel Club is no longer visible once the owner of the\n            Purchased Undead Pastel Club e leaves the website/application; or\n            (iii) earning revenue from any of the foregoing.\n          </p>\n        </div>\n      </Container>\n    </div>\n  );\n};\n\nexport default Terms;\n","const Footer = () => {\n  return (\n    <div className=\"footer-dark\">\n      <footer>\n        <div className=\"container\">\n          <div className=\"row\">\n            <div className=\"col-md-6 item text\">\n              <h3 className=\"footer-dark-title-text\">Undead Pastel Club</h3>\n              <p className=\"footer-dark-desc\">\n                The Undead Pastel Club is a derivative NFT collection of 9,999\n                pastel apes with a community focus. Each NFT is algorithmically\n                generated using a combination of over 140 attributes such as\n                hats, eyes, skins and much more!\n              </p>\n            </div>\n            <div className=\"col-sm-6 col-md-3 item\">\n              {/* <h3>About</h3>\n              <ul>\n                <li>\n                  <a href=\"#\">Company</a>\n                </li>\n                <li>\n                  <a href=\"#\">Team</a>\n                </li>\n                <li>\n                  <a href=\"#\">Careers</a>\n                </li>\n              </ul> */}\n            </div>\n            <div className=\"col-sm-6 col-md-3 item\">\n              <h3 className=\"footer-dark-title-text\">Navigation</h3>\n              <ul>\n                <li>\n                  <a href=\"#about\">About</a>\n                </li>\n                <li>\n                  <a href=\"/mycollection\">My Collection</a>\n                </li>\n                <li>\n                  <a href=\"#roadmap\">Roadmap</a>\n                </li>\n                <li>\n                  <a href=\"#team\">Team</a>\n                </li>\n                <li>\n                  <a\n                    style={{ cursor: \"pointer\" }}\n                    onClick={() => window.location.replace(\"/terms\")}\n                  >\n                    Terms\n                  </a>\n                </li>\n              </ul>\n            </div>\n          </div>\n          <div className=\"col item social\">\n            <a\n              onClick={() =>\n                window.open(\"https://twitter.com/UndeadPastelNFT\", \"_blank\")\n              }\n            >\n              <i className=\"icon ion-social-twitter\"></i>\n            </a>\n            <a\n              onClick={() =>\n                window.open(\n                  \"https://www.instagram.com/undeadpastelclub/\",\n                  \"_blank\"\n                )\n              }\n            >\n              <i className=\"icon ion-social-instagram\"></i>\n            </a>\n            <a\n              onClick={() =>\n                window.open(\"https://discord.com/invite/WkBaBzsBq8\", \"_blank\")\n              }\n            >\n              <div>\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  width=\"16\"\n                  height=\"16\"\n                  fill=\"currentColor\"\n                  className=\"bi bi-discord\"\n                  viewBox=\"0 0 16 16\"\n                >\n                  <path d=\"M13.545 2.907a13.227 13.227 0 0 0-3.257-1.011.05.05 0 0 0-.052.025c-.141.25-.297.577-.406.833a12.19 12.19 0 0 0-3.658 0 8.258 8.258 0 0 0-.412-.833.051.051 0 0 0-.052-.025c-1.125.194-2.22.534-3.257 1.011a.041.041 0 0 0-.021.018C.356 6.024-.213 9.047.066 12.032c.001.014.01.028.021.037a13.276 13.276 0 0 0 3.995 2.02.05.05 0 0 0 .056-.019c.308-.42.582-.863.818-1.329a.05.05 0 0 0-.01-.059.051.051 0 0 0-.018-.011 8.875 8.875 0 0 1-1.248-.595.05.05 0 0 1-.02-.066.051.051 0 0 1 .015-.019c.084-.063.168-.129.248-.195a.05.05 0 0 1 .051-.007c2.619 1.196 5.454 1.196 8.041 0a.052.052 0 0 1 .053.007c.08.066.164.132.248.195a.051.051 0 0 1-.004.085 8.254 8.254 0 0 1-1.249.594.05.05 0 0 0-.03.03.052.052 0 0 0 .003.041c.24.465.515.909.817 1.329a.05.05 0 0 0 .056.019 13.235 13.235 0 0 0 4.001-2.02.049.049 0 0 0 .021-.037c.334-3.451-.559-6.449-2.366-9.106a.034.034 0 0 0-.02-.019Zm-8.198 7.307c-.789 0-1.438-.724-1.438-1.612 0-.889.637-1.613 1.438-1.613.807 0 1.45.73 1.438 1.613 0 .888-.637 1.612-1.438 1.612Zm5.316 0c-.788 0-1.438-.724-1.438-1.612 0-.889.637-1.613 1.438-1.613.807 0 1.451.73 1.438 1.613 0 .888-.631 1.612-1.438 1.612Z\" />\n                </svg>\n              </div>\n            </a>\n          </div>\n          <p className=\"copyright\">Undead Pastel Club © 2021</p>\n          <div className=\"contract-container\">\n            <div>\n              <a\n                onClick={() =>\n                  window.open(\n                    \"https://etherscan.io/address/0x0811f26c17284b6e331beaa2328471107576e601\",\n                    \"_blank\"\n                  )\n                }\n              >\n                UPC Contract\n              </a>\n            </div>\n            <div>\n              <a\n                onClick={() =>\n                  window.open(\n                    \"https://etherscan.io/address/0xAA207C9a0467fD2ECa59D73625bB61eb6006DF91\",\n                    \"_blank\"\n                  )\n                }\n              >\n                Staking Contract\n              </a>\n            </div>\n            <div>\n              <a\n                onClick={() =>\n                  window.open(\n                    \"https://etherscan.io/address/0xD395b596ab837109c5d857F5914057F56F06f7d4\",\n                    \"_blank\"\n                  )\n                }\n              >\n                Elixirs Contract\n              </a>\n            </div>\n            <div>\n              <a\n                onClick={() =>\n                  window.open(\n                    \"https://etherscan.io/address/0x7e2cd0d812e47b45a8b0b9fca49c39019ac2bd25\",\n                    \"_blank\"\n                  )\n                }\n              >\n                Mutants Contract\n              </a>\n            </div>\n          </div>\n        </div>\n      </footer>\n    </div>\n  );\n};\n\nexport default Footer;\n","import React, { useEffect, useState } from \"react\";\nimport { CircularProgress } from \"@material-ui/core\";\nimport Button from \"../components/Button\";\nimport bg from \"../assets/bg-4.png\";\n\nconst Modal = (props) => {\n  const [unclaimed, setUnclaimed] = useState();\n  const [isClaiming, setIsClaiming] = useState(false);\n\n  useEffect(() => {\n    if (props.modal.token?.edition && props.account) {\n      props.tokensContract.methods\n        .rewardBalance(props.modal.token.edition)\n        .call()\n        .then((balance) => {\n          setUnclaimed(balance);\n        });\n    }\n  }, [props.modal.token]);\n\n  const claim = () => {\n    setIsClaiming(true);\n\n    props.tokensContract.methods\n      .claim(props.modal.token.edition)\n      .send({ from: props.account })\n      .once(\"receipt\", (receipt) => {\n        props.setAlertState({\n          open: true,\n          message: \"Successfully claimed Pastels\",\n          severity: \"success\",\n        });\n        setIsClaiming(false);\n      })\n      .catch((e) => {\n        setIsClaiming(false);\n      });\n  };\n\n  return (\n    <div>\n      {props.modal.open ? (\n        <div className=\"modal-background\">\n          <div\n            style={{\n              backgroundImage: `url(${bg})`,\n              //   backgroundImage: `url(${props.modal.token.image.replace(\n              //     \"ipfs://\",\n              //     \"https://ipfs.io/ipfs/\"\n              //   )})`,\n              backgroundSize: \"cover\",\n              position: \"relative\",\n            }}\n          >\n            <div className=\"close-modal\" onClick={() => props.setModal(false)}>\n              <span>x</span>\n            </div>\n            <img\n              className=\"modal-img\"\n              src={props.modal.token.image.replace(\n                \"ipfs://\",\n                \"https://ipfs.io/ipfs/\"\n              )}\n            />\n            <h3 id=\"transition-modal-title\" variant=\"h6\" component=\"h2\">\n              {props.modal.token?.name}\n            </h3>\n            <div>\n              <p>\n                {(unclaimed / 1000000000000000000).toFixed(2)} Unclaimed Pastels\n              </p>\n              {isClaiming ? (\n                <div className=\"claiming-loading-container\">\n                  <CircularProgress style={{ color: \"#3d3d3d\" }} />\n                </div>\n              ) : (\n                <Button text=\"claim\" action={claim} />\n              )}\n              <div style={{ marginTop: \"40px\" }}>\n                <Button\n                  text=\"mutate\"\n                  newWindow={0}\n                  location={`/mutate/${props.modal.token.edition}`}\n                />\n              </div>\n            </div>\n          </div>\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nexport default Modal;\n","import React, { useEffect, useState } from \"react\";\nimport Container from \"@mui/material/Container\";\nimport { Snackbar, CircularProgress } from \"@material-ui/core\";\nimport Alert from \"@material-ui/lab/Alert\";\nimport Grid from \"@mui/material/Grid\";\n// import placeholder from \"../../assets/black.png\";\n// import Token from \"../../assets/token.png\";\n// import Unclaimed from \"../../assets/unclaimed.png\";\nimport Modal from \"./Modal\";\n\nconst Mutants = (props) => {\n  const [tokens, setTokens] = useState([]);\n  const [tokenURIs, setTokenURIs] = useState([]);\n  const [loading, setLoading] = useState(false);\n  const [unclaimed, setUnclaimed] = useState(0);\n  const [balance, setBalance] = useState(0);\n  const [isClaiming, setIsClaiming] = useState(false);\n  let [slice, setSlice] = useState(3);\n  const [modal, setModal] = useState({\n    open: false,\n    token: {},\n  });\n  const [alertState, setAlertState] = useState({\n    open: false,\n    message: \"\",\n    severity: undefined,\n  });\n\n  useEffect(() => {\n    async function fetch() {\n      if (props.account && props.mutantsContract) {\n        props.mutantsContract.methods\n          .walletOfOwner(props.account)\n          .call()\n          .then((tokens) => {\n            tokens.forEach((token) => {\n              props.mutantsContract.methods\n                .tokenURI(token)\n                .call()\n                .then((tokenURI) => {\n                  if (tokenURIs.indexOf(tokenURI) === -1) {\n                    tokenURI = tokenURI.replace(\n                      \"https://gateway.pinata.cloud/ipfs\",\n                      \"https://ipfs.io/ipfs\"\n                    );\n\n                    setTokenURIs((tokenURIs) =>\n                      [...tokenURIs, tokenURI].sort(\n                        (a, b) =>\n                          a.split(\"/\").pop().replace(\".json\", \"\") -\n                          b.split(\"/\").pop().replace(\".json\", \"\")\n                      )\n                    );\n                  }\n                });\n            });\n          });\n      }\n    }\n\n    fetch();\n  }, [props.mutantsContract]);\n\n  //   useEffect(() => {\n  //     let totalBalance = 0;\n\n  //     function rewards() {\n  //       if (\n  //         props.account &&\n  //         props.tokensContract &&\n  //         tokens &&\n  //         tokens.length > 0\n  //       ) {\n  //         tokens.forEach((token, i) => {\n  //           props.tokensContract.methods\n  //             .rewardBalance(token.edition)\n  //             .call()\n  //             .then((balance) => {\n  //               totalBalance = totalBalance + parseInt(balance);\n  //               setUnclaimed(totalBalance);\n  //             });\n  //         });\n\n  //         props.tokensContract.methods\n  //           .balanceOf(props.account)\n  //           .call()\n  //           .then((balance) => {\n  //             setBalance(balance);\n  //           });\n  //       }\n  //     }\n\n  //     rewards();\n  //   }, [tokens, props.tokensContract]);\n\n  const getMetadata = async () => {\n    const fetchAll = async (urls) => {\n      const res = await Promise.all(urls.map((u) => fetch(u)));\n      const jsons = await Promise.all(res.map((r) => r.json())).catch(function (\n        err\n      ) {\n        console.log(err.message); // some coding error in handling happened\n      });\n      setTokens(jsons);\n      setLoading(false);\n    };\n\n    // const slice = page * 3 - 3;\n    // const slice_end = slice + 3;\n\n    fetchAll(tokenURIs.slice(0, slice));\n  };\n\n  //   const claim = () => {\n  //     setIsClaiming(true);\n  //     const tokens_ids = tokens.map(({ edition }) => edition);\n\n  //     props.tokensContract.methods\n  //       .batchClaim(tokens_ids)\n  //       .send({ from: props.account })\n  //       .once(\"receipt\", (receipt) => {\n  //         setAlertState({\n  //           open: true,\n  //           message: \"Successfully claimed Pastels\",\n  //           severity: \"success\",\n  //         });\n  //         setIsClaiming(false);\n  //       })\n  //       .catch((e) => {\n  //         setIsClaiming(false);\n  //       });\n  //   };\n\n  useEffect(() => {\n    getMetadata();\n  }, [tokenURIs, slice]);\n\n  const AsyncImage = (props) => {\n    const [loadedSrc, setLoadedSrc] = React.useState(null);\n    React.useEffect(() => {\n      setLoadedSrc(null);\n      if (props.src) {\n        const handleLoad = () => {\n          setLoadedSrc(props.src);\n        };\n        const image = new Image();\n        image.addEventListener(\"load\", handleLoad);\n        image.src = props.src;\n        return () => {\n          image.removeEventListener(\"load\", handleLoad);\n        };\n      }\n    }, [props.src]);\n    if (loadedSrc === props.src) {\n      return <img {...props} />;\n    }\n\n    return (\n      <div>\n        <div className=\"circular-progress-token-img-container\">\n          <div className=\"circular-progress-token-img\">\n            <CircularProgress style={{ color: \"#3d3d3d\" }} />\n          </div>\n          {/* <img src={placeholder} className=\"token-img\" /> */}\n        </div>\n      </div>\n    );\n\n    // return <CircularProgress style={{ color: \"white\" }} />;\n  };\n  const Content = () => {\n    return (\n      <>\n        {/* <Modal\n          modal={modal}\n          setModal={setModal}\n          tokensContract={props.tokensContract}\n          mutantsContract={props.mutantsContract}\n          account={props.account}\n          setAlertState={setAlertState}\n        /> */}\n        <div className=\"collection-container\">\n          <h2 className=\"collection-title\">Mutants</h2>\n          <div className=\"tokens-container\">\n            <Grid container>\n              {tokens?.length > 0 ? (\n                tokens.map((token, i) => (\n                  <Grid\n                    item\n                    xs={12}\n                    md={6}\n                    lg={4}\n                    className=\"token-item-container\"\n                    key={i}\n                    onClick={() => setModal({ open: true, token: token })}\n                  >\n                    <AsyncImage\n                      className=\"token-img\"\n                      src={token.image?.replace(\n                        \"ipfs:\",\n                        \"https://ipfs.io/ipfs\"\n                      )}\n                      alt=\"token\"\n                    />\n\n                    <div className=\"token-desc\">\n                      <h3>{token.name}</h3>\n                    </div>\n                  </Grid>\n                ))\n              ) : loading ? (\n                <div\n                  style={{\n                    textAlign: \"center\",\n                    width: \"100%\",\n                    display: \"flex\",\n                    justifyContent: \"center\",\n                    minHeight: \"60vh\",\n                    alignItems: \"center\",\n                  }}\n                >\n                  <CircularProgress style={{ color: \"black\" }} />\n                  {/* <h3 className=\"loading\">Loading...</h3> */}\n                </div>\n              ) : (\n                <div\n                  style={{\n                    textAlign: \"center\",\n                    width: \"100%\",\n                    display: \"flex\",\n                    justifyContent: \"center\",\n                    minHeight: \"60vh\",\n                    alignItems: \"center\",\n                  }}\n                >\n                  <p>Didn't find any Mutant</p>\n                </div>\n              )}\n            </Grid>\n            {slice >= tokenURIs.length ? null : (\n              // <div onClick={() => setSlice(slice + 3)}>\n              //   <h3 className=\"loadmore\">Load more</h3>\n              // </div>\n              <div\n                className=\"discord-btn-container\"\n                style={{\n                  textAlign: \"center\",\n                  color: \"black\",\n                  marginTop: \"20px\",\n                }}\n              >\n                <a\n                  style={{ cursor: \"pointer\" }}\n                  onClick={() => setSlice(slice + 3)}\n                >\n                  View More\n                </a>\n              </div>\n            )}\n          </div>\n        </div>\n      </>\n    );\n  };\n\n  return (\n    <>\n      <Content />\n      <Snackbar\n        open={alertState.open}\n        autoHideDuration={6000}\n        onClose={() => props.setAlertState({ ...alertState, open: false })}\n        className=\"alert\"\n      >\n        <Alert\n          onClose={() => props.setAlertState({ ...alertState, open: false })}\n          severity={alertState.severity}\n          className=\"alert\"\n        >\n          <h3 style={{ fontSize: \"15px\" }}>{alertState.message}</h3>\n        </Alert>\n      </Snackbar>\n      {/* <Container\n        className=\"container container-margin-top\"\n        style={{ minHeight: \"100vh\" }}\n      >\n        <h2 style={{ textAlign: \"center\" }}>Profile</h2>\n        <div style={{ display: \"flex\", justifyContent: \"center\" }}>\n          <div style={{ textAlign: \"center\" }}>\n            {!props.metamask ? (\n              <div\n                className=\"connect-button border-btn\"\n                onClick={() =>\n                  window.open(\n                    \"https://chrome.google.com/webstore/detail/metamask/nkbihfbeogaeaoehlefnkodbefgpgknn\",\n                    \"_blank\"\n                  )\n                }\n              >\n                Install Metamask\n              </div>\n            ) : !props.isWalletConnected ? (\n              <div\n                className=\"connect-button border-btn\"\n                onClick={() => window.ethereum.enable()}\n              >\n                Connect Wallet\n              </div>\n            ) : (\n              <Content />\n            )}\n          </div>\n        </div>\n        <Snackbar\n          open={props.alertState.open}\n          autoHideDuration={6000}\n          onClose={() =>\n            props.setAlertState({ ...props.alertState, open: false })\n          }\n          className=\"alert\"\n        >\n          <Alert\n            onClose={() =>\n              props.setAlertState({ ...props.alertState, open: false })\n            }\n            severity={props.alertState.severity}\n            className=\"alert\"\n          >\n            <h3 style={{ fontSize: \"15px\" }}>{props.alertState.message}</h3>\n          </Alert>\n        </Snackbar>\n      </Container> */}\n    </>\n  );\n};\n\nexport default Mutants;\n","import React, { useEffect, useState } from \"react\";\nimport Container from \"@mui/material/Container\";\nimport { Snackbar, CircularProgress } from \"@material-ui/core\";\nimport Alert from \"@material-ui/lab/Alert\";\nimport Grid from \"@mui/material/Grid\";\n// import placeholder from \"../../assets/black.png\";\n// import Token from \"../../assets/token.png\";\n// import Unclaimed from \"../../assets/unclaimed.png\";\nimport Modal from \"./Modal\";\nimport Mutants from \"./Mutants\";\n\nconst NFTs = (props) => {\n  const [tokens, setTokens] = useState([]);\n  const [tokenURIs, setTokenURIs] = useState([]);\n  const [loading, setLoading] = useState(false);\n  const [unclaimed, setUnclaimed] = useState(0);\n  const [balance, setBalance] = useState(0);\n  const [isClaiming, setIsClaiming] = useState(false);\n  let [slice, setSlice] = useState(3);\n  const [modal, setModal] = useState({\n    open: false,\n    token: {},\n  });\n  const [alertState, setAlertState] = useState({\n    open: false,\n    message: \"\",\n    severity: undefined,\n  });\n\n  useEffect(() => {\n    async function fetch() {\n      if (props.account && props.contract) {\n        props.contract.methods\n          .walletOfOwner(props.account)\n          .call()\n          .then((tokens) => {\n            tokens.forEach((token) => {\n              props.contract.methods\n                .tokenURI(token)\n                .call()\n                .then((tokenURI) => {\n                  if (tokenURIs.indexOf(tokenURI) === -1) {\n                    tokenURI = tokenURI.replace(\n                      \"https://gateway.pinata.cloud/ipfs\",\n                      \"https://ipfs.io/ipfs\"\n                    );\n\n                    setTokenURIs((tokenURIs) =>\n                      [...tokenURIs, tokenURI].sort(\n                        (a, b) =>\n                          a.split(\"/\").pop().replace(\".json\", \"\") -\n                          b.split(\"/\").pop().replace(\".json\", \"\")\n                      )\n                    );\n                  }\n                });\n            });\n          });\n      }\n    }\n\n    fetch();\n  }, [props.contract]);\n\n  useEffect(() => {\n    let totalBalance = 0;\n\n    function rewards() {\n      if (\n        props.account &&\n        props.tokensContract &&\n        tokens &&\n        tokens.length > 0\n      ) {\n        tokens.forEach((token, i) => {\n          props.tokensContract.methods\n            .rewardBalance(token.edition)\n            .call()\n            .then((balance) => {\n              totalBalance = totalBalance + parseInt(balance);\n              setUnclaimed(totalBalance);\n            });\n        });\n\n        props.tokensContract.methods\n          .balanceOf(props.account)\n          .call()\n          .then((balance) => {\n            setBalance(balance);\n          });\n      }\n    }\n\n    rewards();\n  }, [tokens, props.tokensContract]);\n\n  const getMetadata = async () => {\n    const fetchAll = async (urls) => {\n      const res = await Promise.all(urls.map((u) => fetch(u)));\n      const jsons = await Promise.all(res.map((r) => r.json())).catch(function (\n        err\n      ) {\n        console.log(err.message); // some coding error in handling happened\n      });\n      setTokens(jsons);\n      setLoading(false);\n    };\n\n    // const slice = page * 3 - 3;\n    // const slice_end = slice + 3;\n\n    fetchAll(tokenURIs.slice(0, slice));\n  };\n\n  const claim = () => {\n    setIsClaiming(true);\n    const tokens_ids = tokens.map(({ edition }) => edition);\n\n    props.tokensContract.methods\n      .batchClaim(tokens_ids)\n      .send({ from: props.account })\n      .once(\"receipt\", (receipt) => {\n        setAlertState({\n          open: true,\n          message: \"Successfully claimed Pastels\",\n          severity: \"success\",\n        });\n        setIsClaiming(false);\n      })\n      .catch((e) => {\n        setIsClaiming(false);\n      });\n  };\n\n  useEffect(() => {\n    getMetadata();\n  }, [tokenURIs, slice]);\n\n  const AsyncImage = (props) => {\n    const [loadedSrc, setLoadedSrc] = React.useState(null);\n    React.useEffect(() => {\n      setLoadedSrc(null);\n      if (props.src) {\n        const handleLoad = () => {\n          setLoadedSrc(props.src);\n        };\n        const image = new Image();\n        image.addEventListener(\"load\", handleLoad);\n        image.src = props.src;\n        return () => {\n          image.removeEventListener(\"load\", handleLoad);\n        };\n      }\n    }, [props.src]);\n    if (loadedSrc === props.src) {\n      return <img {...props} />;\n    }\n\n    return (\n      <div>\n        <div className=\"circular-progress-token-img-container\">\n          <div className=\"circular-progress-token-img\">\n            <CircularProgress style={{ color: \"#3d3d3d\" }} />\n          </div>\n          {/* <img src={placeholder} className=\"token-img\" /> */}\n        </div>\n      </div>\n    );\n\n    // return <CircularProgress style={{ color: \"white\" }} />;\n  };\n  const Content = () => {\n    return (\n      <>\n        <Modal\n          modal={modal}\n          setModal={setModal}\n          tokensContract={props.tokensContract}\n          mutantsContract={props.mutantsContract}\n          account={props.account}\n          setAlertState={setAlertState}\n        />\n        <div className=\"collection-container\">\n          <div className=\"tokens-container\">\n            <Grid container>\n              {tokens?.length > 0 ? (\n                tokens.map((token, i) => (\n                  <Grid\n                    item\n                    xs={12}\n                    md={6}\n                    lg={4}\n                    className=\"token-item-container\"\n                    key={i}\n                    onClick={() => setModal({ open: true, token: token })}\n                  >\n                    <AsyncImage\n                      className=\"token-img\"\n                      src={token.image?.replace(\n                        \"ipfs:\",\n                        \"https://ipfs.io/ipfs\"\n                      )}\n                      alt=\"token\"\n                    />\n\n                    <div className=\"token-desc\">\n                      <h3>{token.name}</h3>\n                    </div>\n                  </Grid>\n                ))\n              ) : loading ? (\n                <div\n                  style={{\n                    textAlign: \"center\",\n                    width: \"100%\",\n                    display: \"flex\",\n                    justifyContent: \"center\",\n                    minHeight: \"60vh\",\n                    alignItems: \"center\",\n                  }}\n                >\n                  <CircularProgress style={{ color: \"black\" }} />\n                  {/* <h3 className=\"loading\">Loading...</h3> */}\n                </div>\n              ) : (\n                <div\n                  style={{\n                    textAlign: \"center\",\n                    width: \"100%\",\n                    display: \"flex\",\n                    justifyContent: \"center\",\n                    minHeight: \"60vh\",\n                    alignItems: \"center\",\n                  }}\n                >\n                  <p>Didn't find any Undead Pastel Club</p>\n                </div>\n              )}\n            </Grid>\n            {slice >= tokenURIs.length ? null : (\n              // <div onClick={() => setSlice(slice + 3)}>\n              //   <h3 className=\"loadmore\">Load more</h3>\n              // </div>\n              <div\n                className=\"discord-btn-container\"\n                style={{\n                  textAlign: \"center\",\n                  color: \"black\",\n                  marginTop: \"20px\",\n                }}\n              >\n                <a\n                  style={{ cursor: \"pointer\" }}\n                  onClick={() => setSlice(slice + 3)}\n                >\n                  View More\n                </a>\n              </div>\n            )}\n          </div>\n          <Mutants\n            loadBlockchainData={props.loadBlockchainData}\n            // serumsContract={props.serumsContract}\n            mutantsContract={props.mutantsContract}\n            tokensContract={props.tokensContract}\n            account={props.account}\n            // contract={props.contract}\n            // isWalletConnected={props.isWalletConnected}\n            // alertState={props.alertState}\n            // setAlertState={props.setAlertState}\n          />\n        </div>\n      </>\n    );\n  };\n\n  return (\n    <>\n      <Content />\n      <Snackbar\n        open={alertState.open}\n        autoHideDuration={6000}\n        onClose={() => props.setAlertState({ ...alertState, open: false })}\n        className=\"alert\"\n      >\n        <Alert\n          onClose={() => props.setAlertState({ ...alertState, open: false })}\n          severity={alertState.severity}\n          className=\"alert\"\n        >\n          <h3 style={{ fontSize: \"15px\" }}>{alertState.message}</h3>\n        </Alert>\n      </Snackbar>\n      {/* <Container\n        className=\"container container-margin-top\"\n        style={{ minHeight: \"100vh\" }}\n      >\n        <h2 style={{ textAlign: \"center\" }}>Profile</h2>\n        <div style={{ display: \"flex\", justifyContent: \"center\" }}>\n          <div style={{ textAlign: \"center\" }}>\n            {!props.metamask ? (\n              <div\n                className=\"connect-button border-btn\"\n                onClick={() =>\n                  window.open(\n                    \"https://chrome.google.com/webstore/detail/metamask/nkbihfbeogaeaoehlefnkodbefgpgknn\",\n                    \"_blank\"\n                  )\n                }\n              >\n                Install Metamask\n              </div>\n            ) : !props.isWalletConnected ? (\n              <div\n                className=\"connect-button border-btn\"\n                onClick={() => window.ethereum.enable()}\n              >\n                Connect Wallet\n              </div>\n            ) : (\n              <Content />\n            )}\n          </div>\n        </div>\n        <Snackbar\n          open={props.alertState.open}\n          autoHideDuration={6000}\n          onClose={() =>\n            props.setAlertState({ ...props.alertState, open: false })\n          }\n          className=\"alert\"\n        >\n          <Alert\n            onClose={() =>\n              props.setAlertState({ ...props.alertState, open: false })\n            }\n            severity={props.alertState.severity}\n            className=\"alert\"\n          >\n            <h3 style={{ fontSize: \"15px\" }}>{props.alertState.message}</h3>\n          </Alert>\n        </Snackbar>\n      </Container> */}\n    </>\n  );\n};\n\nexport default NFTs;\n","export default __webpack_public_path__ + \"static/media/token.8e3bb2d8.png\";","import React, { useEffect, useState } from \"react\";\n\nconst Lookup = (props) => {\n  const [lookupValue, setLookupValue] = useState(null);\n  const [balance, setBalance] = useState(null);\n  const [hasMutate, setHasMutate] = useState(null);\n\n  const handleChange = (e) => {\n    e.preventDefault();\n    const value = e.target.value.replace(/\\D/g, \"\");\n    if (value.length < 5 && value[0] != 0) {\n      setLookupValue(value);\n    }\n  };\n\n  const lookup = () => {\n    if (lookupValue?.length > 0) {\n      props.tokensContract.methods\n        .rewardBalance(lookupValue)\n        .call()\n        .then((balance) => {\n          setBalance((parseInt(balance) / 1000000000000000000).toFixed(2));\n        });\n\n      props.mutantsContract.methods\n        .hasMutate(lookupValue)\n        .call()\n        .then((hasMutate) => {\n          setHasMutate(hasMutate.toString());\n        });\n    }\n  };\n\n  const balanceOfToken = () => {\n    if (lookupValue?.length > 0) {\n      props.tokensContract.methods\n        .rewardBalance(lookupValue)\n        .call()\n        .then((balance) => {\n          setBalance((parseInt(balance) / 1000000000000000000).toFixed(2));\n        });\n    }\n  };\n\n  return (\n    <div className=\"lookup-container\">\n      <h3 className=\"collection-title\">Lookup Tool</h3>\n      <label>\n        Token ID:\n        <input value={lookupValue} onChange={(e) => handleChange(e)} />\n      </label>\n      <button onClick={() => lookup()} style={{ cursor: \"pointer\" }}>\n        Lookup\n      </button>\n      {balance ? <div>Balance: {balance} $PSTL</div> : null}\n      {hasMutate ? <div>Has Mutate: {hasMutate}</div> : null}\n    </div>\n  );\n};\n\nexport default Lookup;\n","import React, { useEffect, useState } from \"react\";\nimport { Snackbar, CircularProgress } from \"@material-ui/core\";\nimport Alert from \"@material-ui/lab/Alert\";\nimport Token from \"../assets/token.png\";\nimport Button from \"./Button\";\nimport Lookup from \"./Lookup\";\n\nconst Staking = (props) => {\n  const [tokens, setTokens] = useState([]);\n  const [unclaimed, setUnclaimed] = useState(0);\n  const [balance, setBalance] = useState(0);\n  const [isClaiming, setIsClaiming] = useState(false);\n\n  const [alertState, setAlertState] = useState({\n    open: false,\n    message: \"\",\n    severity: undefined,\n  });\n\n  useEffect(() => {\n    async function fetch() {\n      if (props.account && props.contract) {\n        props.contract.methods\n          .walletOfOwner(props.account)\n          .call()\n          .then((tokens) => {\n            setTokens(tokens);\n          });\n      }\n    }\n\n    fetch();\n  }, [props.contract]);\n\n  useEffect(() => {\n    let totalBalance = 0;\n\n    function rewards() {\n      if (props.account && props.tokensContract && tokens.length > 0) {\n        tokens.forEach((token, i) => {\n          props.tokensContract.methods\n            .rewardBalance(token)\n            .call()\n            .then((balance) => {\n              totalBalance = totalBalance + parseInt(balance);\n              setUnclaimed(totalBalance);\n            });\n        });\n\n        props.tokensContract.methods\n          .balanceOf(props.account)\n          .call()\n          .then((balance) => {\n            setBalance(balance);\n          });\n      }\n    }\n\n    rewards();\n  }, [tokens, props.tokensContract]);\n\n  const claim = () => {\n    setIsClaiming(true);\n\n    if (unclaimed > 0) {\n      props.tokensContract.methods\n        .batchClaim(tokens)\n        .send({ from: props.account })\n        .once(\"receipt\", (receipt) => {\n          setAlertState({\n            open: true,\n            message: \"Successfully claimed Pastels\",\n            severity: \"success\",\n          });\n          props.loadBlockchainData();\n          setIsClaiming(false);\n        })\n        .catch((e) => {\n          setIsClaiming(false);\n        });\n    } else {\n      setIsClaiming(false);\n      setAlertState({\n        open: true,\n        message: \"No tokens to claim\",\n        severity: \"error\",\n      });\n    }\n  };\n\n  const Content = () => {\n    return (\n      <>\n        <div className=\"collection-container\">\n          <div className=\"tokens-container\">\n            <h3 className=\"collection-title\">Pastels</h3>\n\n            <div className=\"staking-item-container\">\n              <img className=\"staking-img\" src={Token} alt=\"Token\" />\n\n              <div className=\"token-desc\">\n                <h3>{(balance / 1000000000000000000).toFixed(2)} PSTL</h3>\n                <h3>Pending: {(unclaimed / 1000000000000000000).toFixed(2)}</h3>\n                <div\n                  className=\"discord-btn-container\"\n                  style={{\n                    textAlign: \"center\",\n                    color: \"black\",\n                    marginTop: \"20px\",\n                  }}\n                >\n                  {isClaiming ? (\n                    <div className=\"claiming-loading-container\">\n                      <CircularProgress style={{ color: \"#3d3d3d\" }} />\n                    </div>\n                  ) : (\n                    <Button text=\"claim\" action={claim} />\n                  )}\n                </div>\n              </div>\n            </div>\n          </div>\n          {/* <Lookup tokensContract={props.tokensContract} /> */}\n        </div>\n      </>\n    );\n  };\n\n  return (\n    <>\n      <Content />\n      <Snackbar\n        open={alertState.open}\n        autoHideDuration={6000}\n        onClose={() => props.setAlertState({ ...alertState, open: false })}\n        className=\"alert\"\n      >\n        <Alert\n          onClose={() => props.setAlertState({ ...alertState, open: false })}\n          severity={alertState.severity}\n          className=\"alert\"\n        >\n          <h3 style={{ fontSize: \"15px\" }}>{alertState.message}</h3>\n        </Alert>\n      </Snackbar>\n    </>\n  );\n};\n\nexport default Staking;\n","export default __webpack_public_path__ + \"static/media/m1.88363ab9.png\";","export default __webpack_public_path__ + \"static/media/m2.d680dd99.png\";","export default __webpack_public_path__ + \"static/media/mega.efa8b997.png\";","import React, { useEffect, useState } from \"react\";\nimport { Snackbar, CircularProgress } from \"@material-ui/core\";\nimport Alert from \"@material-ui/lab/Alert\";\nimport Grid from \"@mui/material/Grid\";\nimport M1Image from \"../../assets/m1.png\";\nimport M2Image from \"../../assets/m2.png\";\nimport MegaImage from \"../../assets/mega.png\";\nimport Button from \"../Button\";\n// import holders from \"../../assets/holders.json\";\n\nconst Serums = (props) => {\n  // const [whitelist, setWhitelist] = useState([]);\n  const [tokens, setTokens] = useState([]);\n  // const [unclaimed, setUnclaimed] = useState(0);\n  // const [M1, setM1] = useState(0);\n  // const [M2, setM2] = useState(0);\n  // const [Mega, setMega] = useState(0);\n  const [M1Price, setM1Price] = useState(0);\n  const [M2Price, setM2Price] = useState(0);\n  const [MegaPrice, setMegaPrice] = useState(0);\n  const [M1Count, setM1Count] = useState(0);\n  const [M2Count, setM2Count] = useState(0);\n  const [MegaCount, setMegaCount] = useState(0);\n\n  const [isClaiming, setIsClaiming] = useState(false);\n  // const [serums, setSerums] = useState([]);\n  // const [modal, setModal] = useState({\n  //   open: false,\n  //   token: {},\n  // });\n  const [alertState, setAlertState] = useState({\n    open: false,\n    message: \"\",\n    severity: undefined,\n  });\n\n  // useEffect(() => {\n  //   setWhitelist(holders.map(({ wallet }) => wallet.toLowerCase()));\n  // }, []);\n\n  useEffect(() => {\n    async function fetch() {\n      if (props.account && props.contract) {\n        props.contract.methods\n          .walletOfOwner(props.account)\n          .call()\n          .then((tokens) => {\n            setTokens(tokens);\n          });\n      }\n    }\n\n    fetch();\n  }, [props.contract]);\n\n  useEffect(() => {\n    async function serums() {\n      if (props.account && props.serumsContract) {\n        // [1, 2, 69].forEach((token, i) => {\n        //   props.serumsContract.methods\n        //     .balanceOf(props.account, token)\n        //     .call()\n        //     .then((response) => {\n        //       if (token == 1) {\n        //         setM1(response);\n        //       } else if (token == 2) {\n        //         setM2(response);\n        //       } else if (token == 69) {\n        //         setMega(response);\n        //       }\n        //     });\n        // });\n\n        [1, 2, 69].forEach((token, i) => {\n          props.serumsContract.methods\n            .price(token)\n            .call()\n            .then((response) => {\n              if (token == 1) {\n                setM1Price(response / 1000000000000000000);\n              } else if (token == 2) {\n                setM2Price(response / 1000000000000000000);\n              } else if (token == 69) {\n                setMegaPrice(Math.ceil(response / 1000000000000000000));\n              }\n            });\n        });\n      }\n    }\n\n    serums();\n  }, [tokens, props.serumsContract]);\n\n  const claim = () => {\n    // if (whitelist.includes(props.account.toLowerCase())) {\n    if (M1Count > 0 || M2Count > 0 || MegaCount > 0) {\n      setIsClaiming(true);\n\n      props.tokensContract.methods\n        .balanceOf(props.account)\n        .call()\n        .then((balance) => {\n          if (\n            M1Count * M1Price + M2Count * M2Price + MegaCount * MegaPrice >\n            balance / 1000000000000000000\n          ) {\n            setAlertState({\n              open: true,\n              message: \"Not Enough $Pastels\",\n              severity: \"error\",\n            });\n            setIsClaiming(false);\n          } else {\n            props.serumsContract.methods\n              .mint([1, 2, 69], [M1Count, M2Count, MegaCount])\n              .send({ from: props.account })\n              .once(\"receipt\", (receipt) => {\n                setAlertState({\n                  open: true,\n                  message: \"Successfully bought Elixir(s)\",\n                  severity: \"success\",\n                });\n                setIsClaiming(false);\n              })\n              .catch((e) => {\n                setIsClaiming(false);\n              });\n          }\n        });\n    } else {\n      setAlertState({\n        open: true,\n        message: \"Need to buy at least 1 elixir\",\n        severity: \"error\",\n      });\n    }\n    // } else {\n    //   setAlertState({\n    //     open: true,\n    //     message: \"You're not whitelisted\",\n    //     severity: \"error\",\n    //   });\n    // }\n  };\n\n  const Content = () => {\n    return (\n      <>\n        <div className=\"collection-container\">\n          <div className=\"tokens-container\">\n            {/* <div className=\"buy-serums\">\n              <button onClick={() => props.setTab(1)}>My Elixirs</button>\n            </div> */}\n            <h2 className=\"collection-title\">Buy Elixirs</h2>\n\n            <Grid container>\n              <Grid item xs={12} md={4} lg={4} className=\"token-item-container\">\n                <img className=\"token-img\" src={M1Image} alt=\"Token\" />\n\n                <div className=\"token-desc\">\n                  <div className=\"buy-serum-container\">\n                    <span\n                      onClick={() =>\n                        M1Count > 0 ? setM1Count(M1Count - 1) : null\n                      }\n                    >\n                      -\n                    </span>\n                    <h3>{M1Count} E1 Elixir</h3>\n                    <span\n                      onClick={() =>\n                        M1Count < 10 ? setM1Count(M1Count + 1) : null\n                      }\n                    >\n                      +\n                    </span>\n                  </div>\n                  <p>${M1Price} Pastels</p>\n                </div>\n              </Grid>\n              <Grid item xs={12} md={4} lg={4} className=\"token-item-container\">\n                <img className=\"token-img\" src={M2Image} alt=\"Token\" />\n\n                <div className=\"token-desc\">\n                  <div className=\"buy-serum-container\">\n                    <span\n                      onClick={() =>\n                        M2Count > 0 ? setM2Count(M2Count - 1) : null\n                      }\n                    >\n                      -\n                    </span>\n                    <h3>{M2Count} E2 Elixir</h3>\n                    <span\n                      onClick={() =>\n                        M2Count < 10 ? setM2Count(M2Count + 1) : null\n                      }\n                    >\n                      +\n                    </span>\n                  </div>\n                  <p>${M2Price} Pastels</p>\n                </div>\n              </Grid>\n              <Grid item xs={12} md={4} lg={4} className=\"token-item-container\">\n                <img className=\"token-img\" src={MegaImage} alt=\"Token\" />\n\n                <div className=\"token-desc\">\n                  <div className=\"buy-serum-container\">\n                    <span\n                      onClick={() =>\n                        MegaCount > 0 ? setMegaCount(MegaCount - 1) : null\n                      }\n                    >\n                      -\n                    </span>\n                    <h3>{MegaCount} Mega Elixir</h3>\n                    <span\n                      onClick={() =>\n                        MegaCount < 10 ? setMegaCount(MegaCount + 1) : null\n                      }\n                    >\n                      +\n                    </span>\n                  </div>\n                  <p>${MegaPrice} Pastels</p>\n                </div>\n              </Grid>\n            </Grid>\n            <div\n              className=\"discord-btn-container\"\n              style={{\n                textAlign: \"center\",\n                color: \"black\",\n                marginTop: \"20px\",\n              }}\n            >\n              {isClaiming ? (\n                <div className=\"claiming-loading-container\">\n                  <CircularProgress style={{ color: \"#3d3d3d\" }} />\n                </div>\n              ) : (\n                <Button\n                  text={`Buy • ${\n                    M1Count * M1Price +\n                    M2Count * M2Price +\n                    MegaCount * MegaPrice\n                  } $PASTELS`}\n                  action={claim}\n                />\n              )}\n            </div>\n          </div>\n        </div>\n      </>\n    );\n  };\n\n  return (\n    <>\n      <Content />\n      <Snackbar\n        open={alertState.open}\n        autoHideDuration={6000}\n        onClose={() => setAlertState({ ...alertState, open: false })}\n        className=\"alert\"\n      >\n        <Alert\n          onClose={() => setAlertState({ ...alertState, open: false })}\n          severity={alertState.severity}\n          className=\"alert\"\n        >\n          <h3 style={{ fontSize: \"15px\" }}>{alertState.message}</h3>\n        </Alert>\n      </Snackbar>\n    </>\n  );\n};\n\nexport default Serums;\n","import React, { useEffect } from \"react\";\nimport PropTypes from \"prop-types\";\nimport Tabs from \"@mui/material/Tabs\";\nimport Tab from \"@mui/material/Tab\";\nimport Typography from \"@mui/material/Typography\";\nimport Box from \"@mui/material/Box\";\nimport Container from \"@mui/material/Container\";\nimport Footer from \"../components/Footer\";\nimport NFTs from \"../components/NFTs\";\nimport Staking from \"../components/Staking\";\nimport Serums from \"../components/Serums\";\nimport BuySerums from \"../components/buy/Serums\";\nimport Alert from \"@material-ui/lab/Alert\";\nimport { Snackbar } from \"@material-ui/core\";\nimport { useParams } from \"react-router-dom\";\nimport Button from \"../components/Button\";\nimport bg from \"../assets/bg-4.png\";\n\nfunction TabPanel(props) {\n  const { children, value, index, ...other } = props;\n\n  return (\n    <div\n      role=\"tabpanel\"\n      hidden={value !== index}\n      id={`simple-tabpanel-${index}`}\n      aria-labelledby={`simple-tab-${index}`}\n      {...other}\n    >\n      {value === index && (\n        <Box sx={{ p: 3 }}>\n          <Typography>{children}</Typography>\n        </Box>\n      )}\n    </div>\n  );\n}\n\nTabPanel.propTypes = {\n  children: PropTypes.node,\n  index: PropTypes.number.isRequired,\n  value: PropTypes.number.isRequired,\n};\n\nfunction a11yProps(index) {\n  return {\n    id: `simple-tab-${index}`,\n    \"aria-controls\": `simple-tabpanel-${index}`,\n  };\n}\n\nconst MyCollection = (props) => {\n  const [value, setValue] = React.useState(0);\n  const { tab } = useParams();\n\n  const handleChange = (event, newValue) => {\n    setValue(newValue);\n  };\n\n  useEffect(() => {\n    if (tab == \"mycollection\") {\n      setValue(0);\n    } else if (tab == \"staking\") {\n      setValue(1);\n    } else if (tab == \"elixirs\") {\n      setValue(2);\n    }\n  }, []);\n\n  const Content = () => {\n    return (\n      <div\n        style={{\n          backgroundImage: `url(${bg})`,\n          backgroundSize: \"cover\",\n          minHeight: \"60vh\",\n        }}\n      >\n        <Container className=\"section\" style={{ paddingTop: \"125px\" }}>\n          <Box sx={{ width: \"100%\" }}>\n            <Box sx={{ borderBottom: 1, borderColor: \"divider\" }}>\n              <Tabs value={value} onChange={handleChange} aria-label=\"tabs\">\n                <Tab label=\"My Collection\" {...a11yProps(0)} />\n                <Tab label=\"Staking\" {...a11yProps(1)} />\n                <Tab label=\"Elixirs\" {...a11yProps(2)} />\n              </Tabs>\n            </Box>\n            <TabPanel value={value} index={0}>\n              <NFTs\n                tokensContract={props.tokensContract}\n                metamask={props.metamask}\n                isWalletConnected={props.isWalletConnected}\n                alertState={props.alertState}\n                setAlertState={props.setAlertState}\n                account={props.account}\n                contract={props.contract}\n                mutantsContract={props.mutantsContract}\n              />\n            </TabPanel>\n            <TabPanel value={value} index={1}>\n              <Staking\n                loadBlockchainData={props.loadBlockchainData}\n                tokensContract={props.tokensContract}\n                metamask={props.metamask}\n                isWalletConnected={props.isWalletConnected}\n                alertState={props.alertState}\n                setAlertState={props.setAlertState}\n                account={props.account}\n                contract={props.contract}\n              />\n            </TabPanel>\n            <TabPanel value={value} index={2}>\n              <BuySerums\n                loadBlockchainData={props.loadBlockchainData}\n                serumsContract={props.serumsContract}\n                mutantsContract={props.mutantsContract}\n                tokensContract={props.tokensContract}\n                account={props.account}\n                contract={props.contract}\n                isWalletConnected={props.isWalletConnected}\n                alertState={props.alertState}\n                setAlertState={props.setAlertState}\n              />\n            </TabPanel>\n          </Box>\n        </Container>\n\n        <Snackbar\n          open={props.alertState.open}\n          autoHideDuration={6000}\n          onClose={() =>\n            props.setAlertState({ ...props.alertState, open: false })\n          }\n          className=\"alert\"\n        >\n          <Alert\n            onClose={() =>\n              props.setAlertState({ ...props.alertState, open: false })\n            }\n            severity={props.alertState.severity}\n            className=\"alert\"\n          >\n            <h3 style={{ fontSize: \"15px\" }}>{props.alertState.message}</h3>\n          </Alert>\n        </Snackbar>\n      </div>\n    );\n  };\n\n  return (\n    <>\n      {props.metamask && props.isWalletConnected ? (\n        <Content />\n      ) : (\n        <div style={{ backgroundImage: `url(${bg})`, backgroundSize: \"cover\" }}>\n          <Container\n            className=\"container container-margin-top section\"\n            style={{ paddingTop: \"125px\" }}\n          >\n            {/* <Box sx={{ borderBottom: 1, borderColor: \"divider\" }}>\n              <Tabs value={value} onChange={handleChange} aria-label=\"tabs\">\n                <Tab label=\"My Collection\" {...a11yProps(0)} />\n                <Tab label=\"Staking\" {...a11yProps(1)} />\n                <Tab label=\"Serums\" {...a11yProps(2)} />\n              </Tabs>\n            </Box> */}\n            <div\n              style={{\n                display: \"flex\",\n                justifyContent: \"center\",\n                minHeight: \"60vh\",\n                alignItems: \"center\",\n              }}\n            >\n              <div style={{ textAlign: \"center\" }}>\n                {!props.metamask ? (\n                  // <div\n                  //   className=\"discord-btn\"\n                  //   onClick={() =>\n                  //     window.open(\n                  //       \"https://chrome.google.com/webstore/detail/metamask/nkbihfbeogaeaoehlefnkodbefgpgknn\",\n                  //       \"_blank\"\n                  //     )\n                  //   }\n                  // >\n                  //   Install Metamask\n                  // </div>\n                  <Button\n                    text=\"Install Metamask\"\n                    newWindow={1}\n                    location=\"https://chrome.google.com/webstore/detail/metamask/nkbihfbeogaeaoehlefnkodbefgpgknn\"\n                  />\n                ) : !props.isWalletConnected ? (\n                  <Button\n                    text=\"Connect Wallet\"\n                    newWindow={0}\n                    action={() => window.ethereum.enable()}\n                  />\n                ) : (\n                  // <div\n                  //   className=\"discord-btn\"\n                  //   onClick={() => window.ethereum.enable()}\n                  // >\n                  //   Connect Wallet\n                  // </div>\n                  <Content />\n                )}\n              </div>\n            </div>\n          </Container>\n        </div>\n      )}\n    </>\n  );\n};\n\nexport default MyCollection;\n","export default __webpack_public_path__ + \"static/media/logo.34ff473f.gif\";","export default __webpack_public_path__ + \"static/media/loader.69d186e2.png\";","import { useState } from \"react\";\nimport { Spin as Hamburger } from \"hamburger-react\";\nimport Drawer from \"@mui/material/Drawer\";\nimport List from \"@mui/material/List\";\nimport Divider from \"@mui/material/Divider\";\nimport ListItem from \"@mui/material/ListItem\";\nimport Box from \"@mui/material/Box\";\nimport Toolbar from \"@mui/material/Toolbar\";\nimport Typography from \"@mui/material/Typography\";\nimport IconButton from \"@mui/material/IconButton\";\nimport Logo from \"../assets/logo.gif\";\nimport Button from \"../components/Button\";\nimport Background from \"../assets/loader.png\";\n\nconst Navbar = () => {\n  const [menuToggle, setMenuToggle] = useState(false);\n\n  const list = () => (\n    <Box\n      onClick={() => setMenuToggle(false)}\n      onKeyDown={() => setMenuToggle(false)}\n    >\n      <List>\n        <ListItem className=\"drawer-item\">\n          <h3>\n            <a href=\"/#about\">About</a>\n          </h3>\n        </ListItem>\n\n        <ListItem className=\"drawer-item\">\n          <h3>\n            <a href=\"/#roadmap\">Roadmap</a>\n          </h3>\n        </ListItem>\n        {/* <ListItem className=\"drawer-item\">\n          <h3>\n            <a href=\"#faq\">FAQ</a>\n          </h3>\n        </ListItem> */}\n        <ListItem className=\"drawer-item\">\n          <h3>\n            <a href=\"/#team\">Team</a>\n          </h3>\n        </ListItem>\n        <ListItem className=\"drawer-item\">\n          <h3>\n            <a onClick={() => window.location.replace(\"/mycollection\")}>\n              My Collection\n            </a>\n          </h3>\n        </ListItem>\n        <ListItem className=\"drawer-item\">\n          <h3>\n            <a onClick={() => window.location.replace(\"/merch\")}>Merch</a>\n          </h3>\n        </ListItem>\n        <ListItem className=\"drawer-item\">\n          <h3>\n            <a onClick={() => window.location.replace(\"/lookup\")}>Lookup</a>\n          </h3>\n        </ListItem>\n      </List>\n      <div className=\"drawer-social-container\">\n        <a\n          onClick={() =>\n            window.open(\"https://twitter.com/UndeadPastelNFT\", \"_blank\")\n          }\n        >\n          <i className=\"icon ion-social-twitter\"></i>\n        </a>\n        <a\n          onClick={() =>\n            window.open(\"https://instagram.com/undeadpastelclub/\", \"_blank\")\n          }\n        >\n          <i className=\"icon ion-social-instagram\"></i>\n        </a>\n        <a\n          onClick={() =>\n            window.open(\"https://discord.com/invite/WkBaBzsBq8\", \"_blank\")\n          }\n        >\n          <div>\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              width=\"16\"\n              height=\"16\"\n              fill=\"currentColor\"\n              className=\"bi bi-discord\"\n              viewBox=\"0 0 16 16\"\n            >\n              <path d=\"M13.545 2.907a13.227 13.227 0 0 0-3.257-1.011.05.05 0 0 0-.052.025c-.141.25-.297.577-.406.833a12.19 12.19 0 0 0-3.658 0 8.258 8.258 0 0 0-.412-.833.051.051 0 0 0-.052-.025c-1.125.194-2.22.534-3.257 1.011a.041.041 0 0 0-.021.018C.356 6.024-.213 9.047.066 12.032c.001.014.01.028.021.037a13.276 13.276 0 0 0 3.995 2.02.05.05 0 0 0 .056-.019c.308-.42.582-.863.818-1.329a.05.05 0 0 0-.01-.059.051.051 0 0 0-.018-.011 8.875 8.875 0 0 1-1.248-.595.05.05 0 0 1-.02-.066.051.051 0 0 1 .015-.019c.084-.063.168-.129.248-.195a.05.05 0 0 1 .051-.007c2.619 1.196 5.454 1.196 8.041 0a.052.052 0 0 1 .053.007c.08.066.164.132.248.195a.051.051 0 0 1-.004.085 8.254 8.254 0 0 1-1.249.594.05.05 0 0 0-.03.03.052.052 0 0 0 .003.041c.24.465.515.909.817 1.329a.05.05 0 0 0 .056.019 13.235 13.235 0 0 0 4.001-2.02.049.049 0 0 0 .021-.037c.334-3.451-.559-6.449-2.366-9.106a.034.034 0 0 0-.02-.019Zm-8.198 7.307c-.789 0-1.438-.724-1.438-1.612 0-.889.637-1.613 1.438-1.613.807 0 1.45.73 1.438 1.613 0 .888-.637 1.612-1.438 1.612Zm5.316 0c-.788 0-1.438-.724-1.438-1.612 0-.889.637-1.613 1.438-1.613.807 0 1.451.73 1.438 1.613 0 .888-.631 1.612-1.438 1.612Z\" />\n            </svg>\n          </div>\n        </a>\n      </div>\n      <Divider />\n    </Box>\n  );\n\n  return (\n    <div className=\"navbar\">\n      <Drawer\n        anchor=\"right\"\n        open={menuToggle}\n        onClose={() => setMenuToggle(false)}\n        PaperProps={{ className: \"drawer psychic\" }}\n      >\n        {list()}\n      </Drawer>\n\n      <div className=\"navbar-wrapper\">\n        <div className=\"nav-menu-container\">\n          <div className=\"logo\" onClick={() => window.location.replace(\"/\")}>\n            <img src={Logo} className=\"logo-img\" />\n            <a>Undead Pastel Club</a>\n          </div>\n          <div className=\"nav-menu\">\n            <a className=\"nav-item\" href=\"/#about\">\n              About\n            </a>\n\n            <a className=\"nav-item\" href=\"/#roadmap\">\n              Roadmap\n            </a>\n            <a className=\"nav-item\" href=\"/#team\">\n              Team\n            </a>\n            <a\n              className=\"nav-item\"\n              onClick={() => window.location.replace(\"/mycollection\")}\n            >\n              My Collection\n            </a>\n            <a\n              className=\"nav-item\"\n              onClick={() => window.location.replace(\"/merch\")}\n            >\n              Merch\n            </a>\n            <a\n              className=\"nav-item\"\n              onClick={() => window.location.replace(\"/lookup\")}\n            >\n              Lookup\n            </a>\n          </div>\n        </div>\n\n        <div className=\"nav-button\">\n          <div className=\"nav-btn\">\n            <Button\n              text=\"Join Discord\"\n              newWindow={1}\n              location=\"https://discord.com/invite/WkBaBzsBq8\"\n            />\n          </div>\n\n          {/* <a>Join discord</a> */}\n\n          <div className=\"hamburger\">\n            <Hamburger\n              color=\"#3d3d3d\"\n              toggled={menuToggle}\n              onToggle={(toggled) => setMenuToggle(!menuToggle)}\n            />\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default Navbar;\n","/* eslint-disable no-undef */\nimport { useEffect } from \"react\";\nimport Container from \"@mui/material/Container\";\nimport Logo from \"../assets/logo.gif\";\nimport Background from \"../assets/loader.png\";\n\nconst Loader = () => {\n  useEffect(() => {\n    const tween3 = new TimelineMax();\n\n    const loaderBackground = document.querySelectorAll(\".loader\");\n\n    tween3\n      .add(\n        TweenMax.staggerTo(\n          \".logo-letter\",\n          1,\n          {\n            opacity: 0,\n            y: -40,\n            delay: 1.25,\n            stagger: {\n              each: 0.02,\n            },\n            ease: Power1.easeInOut,\n          },\n          0.02\n        )\n      )\n      .add(\n        TweenMax.to(loaderBackground, 1, {\n          y: \"-100vh\",\n          height: 0,\n          duration: 2,\n          delay: 0,\n        })\n      );\n  }, []);\n\n  return (\n    <Container\n      className=\"container loader psychic\"\n      style={{ backgroundImage: `url(${Background})`, backgroundSize: \"cover\" }}\n    >\n      <div data-aos=\"fade-in\">\n        <div>\n          <img src={Logo} className=\"logo-loader\" alt=\"logo\" />\n        </div>\n        <div>\n          <a className=\"logo-text-loader\">\n            <span className=\"logo-letter\"></span>\n            <span className=\"logo-letter\"></span>\n            <span className=\"logo-letter\" style={{ marginRight: 10 }}></span>\n            <span className=\"logo-letter\"></span>\n            <span className=\"logo-letter\"></span>\n            <span className=\"logo-letter\" style={{ marginRight: 10 }}></span>\n            <span className=\"logo-letter\"></span>\n            <span className=\"logo-letter\"></span>\n            <span className=\"logo-letter\"></span>\n            <span className=\"logo-letter\"></span>\n          </a>\n        </div>\n      </div>\n    </Container>\n  );\n};\n\nexport default Loader;\n\n// const Loader = () => {\n//   return (\n//     <>\n//       <div class=\"loader-container\">\n//         <div class=\"blobs\">\n//           <div class=\"liquid\"></div>\n//           <div class=\"blob\"></div>\n//           <div class=\"blob\"></div>\n//           <div class=\"blob\"></div>\n//           <div class=\"blob\"></div>\n//           <div class=\"blob\"></div>\n//           <div class=\"blob\"></div>\n//           <div class=\"blob\"></div>\n//           <div class=\"blob\"></div>\n//         </div>\n//         <h1 class=\"loader-text\">\n//           Undead\n//           <br />\n//           Pastel Club\n//         </h1>\n//       </div>\n\n//       <div class=\"\"></div>\n\n//       <svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" height=\"0\">\n//         <defs>\n//           <filter id=\"goog\">\n//             <feGaussianBlur\n//               in=\"SourceGraphic\"\n//               stdDeviation=\"10\"\n//               result=\"blur\"\n//             />\n//             <feColorMatrix\n//               in=\"blur\"\n//               mode=\"matrix\"\n//               values=\"1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 18 -7\"\n//               result=\"goo\"\n//             />\n//             <feBlend in=\"SourceGraphic\" in2=\"goo\" />\n//           </filter>\n//           <filter id=\"goo\">\n//             <feGaussianBlur\n//               in=\"SourceGraphic\"\n//               stdDeviation=\"10\"\n//               result=\"blur\"\n//             />\n//             <feColorMatrix\n//               in=\"blur\"\n//               mode=\"matrix\"\n//               values=\"1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 18 -7\"\n//               result=\"goo\"\n//             />\n//             <feBlend in=\"SourceGraphic\" in2=\"goo\" />\n//           </filter>\n//         </defs>\n//       </svg>\n//     </>\n//   );\n// };\n\n// export default Loader;\n","import Input from \"../components/Lookup\";\nimport Container from \"@mui/material/Container\";\nimport bg from \"../assets/bg-4.png\";\n\nconst Lookup = (props) => {\n  return (\n    <div style={{ backgroundImage: `url(${bg})`, backgroundSize: \"cover\" }}>\n      <Container\n        className=\"container container-margin-top section\"\n        style={{ paddingTop: \"125px\" }}\n      >\n        <Input\n          tokensContract={props.tokensContract}\n          mutantsContract={props.mutantsContract}\n        />\n      </Container>\n    </div>\n  );\n};\n\nexport default Lookup;\n","import React, { useEffect, useState } from \"react\";\nimport { CircularProgress } from \"@material-ui/core\";\nimport Button from \"../components/Button\";\nimport bg from \"../assets/bg-4.png\";\n\nconst Modal = (props) => {\n  const [unclaimed, setUnclaimed] = useState();\n  const [isClaiming, setIsClaiming] = useState(false);\n  const [isLoading, setLoading] = useState(false);\n\n  useEffect(() => {\n    if (props.modal.token?.edition && props.account) {\n      props.tokensContract.methods\n        .rewardBalance(props.modal.token.edition)\n        .call()\n        .then((balance) => {\n          setUnclaimed(balance);\n        });\n    }\n  }, [props.modal.token]);\n\n  const claim = () => {\n    setIsClaiming(true);\n\n    props.tokensContract.methods\n      .claim(props.modal.token.edition)\n      .send({ from: props.account })\n      .once(\"receipt\", (receipt) => {\n        props.setAlertState({\n          open: true,\n          message: \"Successfully claimed Pastels\",\n          severity: \"success\",\n        });\n        setIsClaiming(false);\n      })\n      .catch((e) => {\n        setIsClaiming(false);\n      });\n  };\n\n  const mutate = () => {\n    setLoading(true);\n\n    props.mutantsContract.methods\n      .mutationActive()\n      .call()\n      .then((isMutationActive) => {\n        if (isMutationActive) {\n          props.mutantsContract.methods\n            .hasMutate(props.modal.token.edition)\n            .call()\n            .then((hasMutate) => {\n              if (hasMutate === false) {\n                props.mutantsContract.methods\n                  .mutateApeWithElixir(\n                    props.modal.elixir.id,\n                    props.modal.token.edition\n                  )\n                  .send({ from: props.account, value: \"\" })\n                  .then((response) => {\n                    setLoading(false);\n\n                    props.setAlertState({\n                      open: true,\n                      message: \"Mutation complete!\",\n                      severity: \"success\",\n                    });\n                    props.loadBlockchainData();\n                  })\n                  .catch((e) => {\n                    console.log(e);\n                    setLoading(false);\n                    props.setAlertState({\n                      open: true,\n                      message: \"Couldn't complete mutation\",\n                      severity: \"error\",\n                    });\n                  });\n              } else {\n                setLoading(false);\n                props.setAlertState({\n                  open: true,\n                  message: \"Has already mutate\",\n                  severity: \"error\",\n                });\n              }\n            });\n        } else {\n          setLoading(false);\n          props.setAlertState({\n            open: true,\n            message: \"Mutation is not active yet.\",\n            severity: \"error\",\n          });\n        }\n      })\n      .catch((e) => {\n        setLoading(false);\n        console.log(e);\n        props.setAlertState({\n          open: true,\n          message: \"Couldn't complete mutation\",\n          severity: \"error\",\n        });\n      });\n    // props.mutantsContract.methods\n    // .mutateApeWithElixir(props.modal.token.edition)\n    // .send({ from: props.account })\n    // .once(\"receipt\", (receipt) => {\n    //   props.setAlertState({\n    //     open: true,\n    //     message: \"Successfully claimed Pastels\",\n    //     severity: \"success\",\n    //   });\n    //   setIsClaiming(false);\n    // })\n    // .catch((e) => {\n    //   setIsClaiming(false);\n    // });\n  };\n\n  return (\n    <div>\n      {props.modal.open ? (\n        <div className=\"modal-background\">\n          <div\n            style={{\n              backgroundImage: `url(${bg})`,\n              //   backgroundImage: `url(${props.modal.token.image.replace(\n              //     \"ipfs://\",\n              //     \"https://ipfs.io/ipfs/\"\n              //   )})`,\n              backgroundSize: \"cover\",\n              position: \"relative\",\n            }}\n          >\n            <div className=\"close-modal\" onClick={() => props.setModal(false)}>\n              <span>x</span>\n            </div>\n            <div className=\"mutate-img-container\" style={{ display: \"flex\" }}>\n              <img\n                className=\"modal-img\"\n                src={props.modal.token.image.replace(\n                  \"ipfs://\",\n                  \"https://ipfs.io/ipfs/\"\n                )}\n              />\n              <img className=\"modal-img\" src={props.modal.elixir.image} />\n            </div>\n            <h3 id=\"transition-modal-title\" variant=\"h6\" component=\"h2\">\n              {props.modal.token?.name}\n            </h3>\n            <div>\n              {/* <p>\n                {(unclaimed / 1000000000000000000).toFixed(2)} Unclaimed Pastels\n              </p>\n              {isClaiming ? (\n                <div className=\"claiming-loading-container\">\n                  <CircularProgress style={{ color: \"#3d3d3d\" }} />\n                </div>\n              ) : (\n                <Button text=\"claim\" action={claim} />\n              )} */}\n              <div style={{ marginTop: \"20px\" }}>\n                {isLoading ? (\n                  <CircularProgress style={{ color: \"#3d3d3d\" }} />\n                ) : (\n                  <Button text=\"mutate\" newWindow={0} action={mutate} />\n                )}\n              </div>\n            </div>\n          </div>\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nexport default Modal;\n","import React, { useEffect, useState } from \"react\";\nimport Container from \"@mui/material/Container\";\nimport { Snackbar, CircularProgress } from \"@material-ui/core\";\nimport Alert from \"@material-ui/lab/Alert\";\nimport Grid from \"@mui/material/Grid\";\nimport M1Image from \"../assets/m1.png\";\nimport M2Image from \"../assets/m2.png\";\nimport MegaImage from \"../assets/mega.png\";\nimport { useParams } from \"react-router-dom\";\nimport Button from \"../components/Button\";\nimport bg from \"../assets/bg-4.png\";\nimport Modal from \"../components/mutateModal\";\n\nconst Mutate = (props) => {\n  const { tokenID } = useParams();\n  const [tokens, setTokens] = useState([]);\n  const [M1, setM1] = useState(0);\n  const [M2, setM2] = useState(0);\n  const [Mega, setMega] = useState(0);\n  const [loadingM1, setLoadingM1] = useState(false);\n  const [loadingM2, setLoadingM2] = useState(false);\n  const [loadingMega, setLoadingMega] = useState(false);\n  const [tokenURIs, setTokenURIs] = useState([]);\n  const [loading, setLoading] = useState(false);\n  const [ownerOf, setOwnerOf] = useState(false);\n  const [modal, setModal] = useState({\n    open: false,\n    token: {},\n    elixir: {},\n  });\n  const [alertState, setAlertState] = useState({\n    open: false,\n    message: \"\",\n    severity: undefined,\n  });\n\n  //   useEffect(() => {\n  //     async function fetch() {\n  //       if (props.account && props.contract) {\n  //         props.contract.methods\n  //           .walletOfOwner(props.account)\n  //           .call()\n  //           .then((tokens) => {\n  //             setTokens(tokens);\n  //           });\n  //       }\n  //     }\n\n  //     fetch();\n  //   }, [props.contract]);\n\n  // useEffect(() => {\n  //   let totalBalance = 0;\n\n  //   function rewards() {\n  //     if (props.account && props.tokensContract && tokens.length > 0) {\n  //       tokens.forEach((token, i) => {\n  //         props.tokensContract.methods\n  //           .rewardBalance(token)\n  //           .call()\n  //           .then((balance) => {\n  //             totalBalance = totalBalance + parseInt(balance);\n  //             setUnclaimed(totalBalance);\n  //           });\n  //       });\n\n  //       props.tokensContract.methods\n  //         .balanceOf(props.account)\n  //         .call()\n  //         .then((balance) => {\n  //           setBalance(balance);\n  //         });\n  //     }\n  //   }\n\n  //   rewards();\n  // }, [tokens, props.tokensContract]);\n\n  useEffect(() => {\n    async function serums() {\n      if (props.account && props.serumsContract) {\n        [1, 2, 69].forEach((token, i) => {\n          props.serumsContract.methods\n            .balanceOf(props.account, token)\n            .call()\n            .then((response) => {\n              if (token == 1) {\n                setM1(response);\n              } else if (token == 2) {\n                setM2(response);\n              } else if (token == 69) {\n                setMega(response);\n              }\n            });\n        });\n      }\n    }\n\n    serums();\n  }, [tokens, props.serumsContract]);\n\n  const mutate = (type) => {\n    let setLoading;\n    if (type == 1) {\n      setLoading = setLoadingM1;\n    } else if (type == 2) {\n      setLoading = setLoadingM2;\n    } else if (type == 69) {\n      setLoading = setLoadingMega;\n    }\n\n    if (\n      (type == 1 && M1 == 0) ||\n      (type == 2 && M2 == 0) ||\n      (type == 69 && Mega == 0)\n    ) {\n      setAlertState({\n        open: true,\n        message: \"Must own at least 1 Elixir of this type\",\n        severity: \"error\",\n      });\n    } else {\n      setLoading(true);\n      props.mutantsContract.methods\n        .mutationActive()\n        .call()\n        .then((isMutationActive) => {\n          if (isMutationActive) {\n            props.mutantsContract.methods\n              .mutateApeWithElixir(type)\n              .send({ from: props.account, value: \"\" })\n              .then((response) => {\n                setLoading(false);\n\n                setAlertState({\n                  open: true,\n                  message: \"Mutation complete!\",\n                  severity: \"success\",\n                });\n                props.loadBlockchainData();\n              })\n              .catch((e) => {\n                setLoading(false);\n                setAlertState({\n                  open: true,\n                  message: \"Couldn't complete mutation\",\n                  severity: \"error\",\n                });\n              });\n          } else {\n            setLoading(false);\n            setAlertState({\n              open: true,\n              message: \"Mutation is not active yet.\",\n              severity: \"error\",\n            });\n          }\n        })\n        .catch((e) => {\n          setLoading(false);\n          console.log(e);\n          setAlertState({\n            open: true,\n            message: \"Couldn't complete mutation\",\n            severity: \"error\",\n          });\n        });\n    }\n  };\n\n  useEffect(() => {\n    if (props.account && props.contract) {\n      props.contract.methods\n        .ownerOf(tokenID)\n        .call()\n        .then((response) => {\n          if (response == props.account) {\n            setOwnerOf(true);\n            props.contract.methods\n              .tokenURI(tokenID)\n              .call()\n              .then((tokenURI) => {\n                if (tokenURIs.indexOf(tokenURI) === -1) {\n                  tokenURI = tokenURI.replace(\n                    \"https://gateway.pinata.cloud/ipfs\",\n                    \"https://ipfs.io/ipfs\"\n                  );\n\n                  setTokenURIs((tokenURIs) =>\n                    [...tokenURIs, tokenURI].sort(\n                      (a, b) =>\n                        a.split(\"/\").pop().replace(\".json\", \"\") -\n                        b.split(\"/\").pop().replace(\".json\", \"\")\n                    )\n                  );\n                }\n              });\n          }\n        });\n    }\n  }, [props.account, props.contract]);\n\n  useEffect(() => {\n    getMetadata();\n  }, [tokenURIs]);\n\n  const getMetadata = async () => {\n    const fetchAll = async (urls) => {\n      const res = await Promise.all(urls.map((u) => fetch(u)));\n      const jsons = await Promise.all(res.map((r) => r.json())).catch(function (\n        err\n      ) {\n        console.log(err.message); // some coding error in handling happened\n      });\n      setTokens(jsons);\n      setLoading(false);\n    };\n\n    fetchAll(tokenURIs);\n  };\n\n  const Content = () => {\n    return (\n      <div style={{ backgroundImage: `url(${bg})`, backgroundSize: \"cover\" }}>\n        <Container className=\"section\" style={{ paddingTop: \"125px\" }}>\n          <div className=\"collection-container\">\n            <div className=\"tokens-container\">\n              <h2 className=\"collection-title\">Mutate #{tokenID}</h2>\n              <Modal\n                modal={modal}\n                setModal={setModal}\n                tokensContract={props.tokensContract}\n                mutantsContract={props.mutantsContract}\n                account={props.account}\n                setAlertState={setAlertState}\n                mutate={mutate}\n                loadBlockchainData={props.loadBlockchainData}\n              />\n              {ownerOf == true ? (\n                <Grid container>\n                  <Grid\n                    item\n                    xs={12}\n                    md={4}\n                    lg={4}\n                    className=\"token-item-container\"\n                  >\n                    <img className=\"token-img\" src={M1Image} alt=\"Token\" />\n\n                    <div className=\"token-desc\">\n                      <h3>{M1} x E1 Elixir</h3>\n                      <button\n                        onClick={() => {\n                          M1 == 0\n                            ? setAlertState({\n                                open: true,\n                                message:\n                                  \"Must own at least 1 Elixir of this type\",\n                                severity: \"error\",\n                              })\n                            : setModal({\n                                open: true,\n                                token: tokens[0],\n                                elixir: { id: 1, image: M1Image },\n                              });\n                        }}\n                        className=\"button2\"\n                      >\n                        {loadingM1 ? (\n                          <CircularProgress style={{ color: \"#3d3d3d\" }} />\n                        ) : (\n                          \"use E1 elixir\"\n                        )}\n                      </button>\n                    </div>\n                  </Grid>\n                  <Grid\n                    item\n                    xs={12}\n                    md={4}\n                    lg={4}\n                    className=\"token-item-container\"\n                  >\n                    <img className=\"token-img\" src={M2Image} alt=\"Token\" />\n\n                    <div className=\"token-desc\">\n                      <h3>{M2} x E2 Elixir</h3>\n                      <button\n                        className=\"button2\"\n                        onClick={() => {\n                          M2 == 0\n                            ? setAlertState({\n                                open: true,\n                                message:\n                                  \"Must own at least 1 Elixir of this type\",\n                                severity: \"error\",\n                              })\n                            : setModal({\n                                open: true,\n                                token: tokens[0],\n                                elixir: { id: 2, image: M2Image },\n                              });\n                        }}\n                      >\n                        {loadingM2 ? (\n                          <CircularProgress style={{ color: \"#3d3d3d\" }} />\n                        ) : (\n                          \"use E2 elixir\"\n                        )}\n                      </button>\n                    </div>\n                  </Grid>\n                  <Grid\n                    item\n                    xs={12}\n                    md={4}\n                    lg={4}\n                    className=\"token-item-container\"\n                  >\n                    <img className=\"token-img\" src={MegaImage} alt=\"Token\" />\n\n                    <div className=\"token-desc\">\n                      <h3>{Mega} x Mega Elixir</h3>\n                      <button\n                        onClick={() => {\n                          Mega == 0\n                            ? setAlertState({\n                                open: true,\n                                message:\n                                  \"Must own at least 1 Elixir of this type\",\n                                severity: \"error\",\n                              })\n                            : setModal({\n                                open: true,\n                                token: tokens[0],\n                                elixir: { id: 69, image: MegaImage },\n                              });\n                        }}\n                        className=\"button2\"\n                      >\n                        {loadingMega ? (\n                          <CircularProgress style={{ color: \"#3d3d3d\" }} />\n                        ) : (\n                          \"use Mega elixir\"\n                        )}\n                      </button>\n                    </div>\n                  </Grid>\n                </Grid>\n              ) : (\n                <div\n                  style={{\n                    textAlign: \"center\",\n                    width: \"100%\",\n                    display: \"flex\",\n                    justifyContent: \"center\",\n                    minHeight: \"60vh\",\n                    alignItems: \"center\",\n                  }}\n                >\n                  <p>You're not the owner of this UPC</p>\n                </div>\n              )}\n            </div>\n          </div>\n        </Container>\n      </div>\n    );\n  };\n\n  return (\n    <>\n      <Content />\n      <Snackbar\n        open={alertState.open}\n        autoHideDuration={6000}\n        onClose={() => setAlertState({ ...alertState, open: false })}\n        className=\"alert\"\n      >\n        <Alert\n          onClose={() => setAlertState({ ...alertState, open: false })}\n          severity={alertState.severity}\n          className=\"alert\"\n        >\n          <h3 style={{ fontSize: \"15px\" }}>{alertState.message}</h3>\n        </Alert>\n      </Snackbar>\n    </>\n  );\n};\n\nexport default Mutate;\n","import React, { useEffect, useState } from \"react\";\nimport { useParams } from \"react-router-dom\";\nimport Container from \"@mui/material/Container\";\nimport AddIcon from \"@material-ui/icons/Add\";\nimport RemoveIcon from \"@material-ui/icons/Remove\";\nimport Button from \"@material-ui/core/Button\";\nimport axios from \"axios\";\nimport Alert from \"@material-ui/lab/Alert\";\nimport { Snackbar } from \"@material-ui/core\";\nimport { CircularProgress } from \"@material-ui/core\";\nimport bg from \"../assets/bg-3.png\";\nimport { Swiper, SwiperSlide } from \"swiper/react/swiper-react\";\nimport \"swiper/swiper.min.css\";\nimport \"swiper/modules/navigation/navigation.min.css\";\nimport SwiperCore, { Navigation } from \"swiper\";\n\nconst Product = (props) => {\n  const { id } = useParams();\n  const [product, setProduct] = useState([]);\n  const [isAvailable, setIsAvailable] = useState(null);\n  const [loading, setLoading] = useState(false);\n  const [size, setSize] = useState(\"M\");\n  const [color, setColor] = useState(null);\n  const [count, setCount] = useState(1);\n  const [price, setPrice] = useState(null);\n  const [pricePastel, setPricePastel] = useState(null);\n  const [isBuying, setIsBuying] = useState(false);\n  const [isBuyingPastel, setIsBuyingPastel] = useState(false);\n  const [optionNumber, setOptionNumber] = useState(null);\n  const [colorOptionNumber, setColorOptionNumber] = useState(null);\n  const [alertState, setAlertState] = useState({\n    open: false,\n    message: \"\",\n    severity: undefined,\n  });\n\n  console.log(product.images);\n\n  useEffect(() => {\n    async function fetch() {\n      setLoading(true);\n      let response = await axios({\n        method: \"GET\",\n        url: `${process.env.REACT_APP_API_URL}/products/${id}`,\n      });\n\n      setLoading(false);\n      setProduct(response.data.product);\n      response.data.product.options.forEach((o) => {\n        if (o.name == \"Size\") {\n          setOptionNumber(\"option\" + String(o.position));\n        } else if (o.name == \"Color\") {\n          setColorOptionNumber(\"option\" + String(o.position));\n          setColor(o.values[0]);\n        }\n      });\n    }\n\n    // async function fetchBlockchain() {\n    //   props.storeContract.methods\n    //     .products(apiVariant.blockchainId)\n    //     .call()\n    //     .then((product) => {\n    //       setPrice(product.price);\n    //     })\n    //     .catch((e) => {\n    //       setAlertState({\n    //         open: true,\n    //         message: `Something went wrong`,\n    //         severity: \"error\",\n    //       });\n    //     });\n    // }\n    fetch();\n  }, []);\n\n  useEffect(() => {\n    if (\n      props.account &&\n      optionNumber &&\n      colorOptionNumber &&\n      props.storeContract\n    ) {\n      fetchBlockchainProduct();\n    }\n  }, [\n    props.account,\n    optionNumber,\n    props.storeContract,\n    size,\n    colorOptionNumber,\n    color,\n  ]);\n\n  // useEffect(() => {\n  //   if (props.account && optionNumber && props.storeContract) {\n  //     fetchBlockchainProduct();\n  //   }\n  // }, [size])\n\n  const fetchProfile = async () => {\n    if (props.account) {\n      try {\n        let response = await axios.get(\n          `${process.env.REACT_APP_API_URL}/customers/${props.account}`,\n          {\n            headers: {\n              token: process.env.REACT_APP_TOKEN_API,\n            },\n          }\n        );\n        if (response.data.customer != \"not found\") {\n          return true;\n        } else {\n          return false;\n        }\n      } catch (error) {\n        setAlertState({\n          open: true,\n          message: `Couldn't fetch profile`,\n          severity: \"error\",\n        });\n      }\n    } else {\n      return false;\n    }\n  };\n\n  const fetchVariant = async (variant_id) => {\n    try {\n      let response = await axios.get(\n        `${process.env.REACT_APP_API_URL}/products/variants/${variant_id}`\n      );\n      if (response.data.status != \"not found\") {\n        return response.data;\n      } else {\n        return false;\n      }\n    } catch (error) {\n      setAlertState({\n        open: true,\n        message: `Something went wrong`,\n        severity: \"error\",\n      });\n    }\n    // axios\n    //   .get(`${process.env.REACT_APP_API_URL}/products/variants/${variant_id}`)\n    //   .then(function (response) {\n    //     console.log(response);\n    //     // handle success\n    //     if (response.data.status != \"not found\") {\n    //       return response.data;\n    //     } else {\n    //       return false;\n    //     }\n    //   })\n    //   .catch(function (error) {\n    //     // handle error\n    //     setAlertState({\n    //       open: true,\n    //       message: `Something went wrong`,\n    //       severity: \"error\",\n    //     });\n    //   })\n    //   .then(function () {\n    //     // always executed\n    //   });\n  };\n  const fetchBlockchainProduct = async () => {\n    if (props.storeContract) {\n      if (optionNumber && colorOptionNumber) {\n        const variant = product.variants.filter((o) => {\n          return o[optionNumber] === size && o[colorOptionNumber] === color;\n        });\n\n        if (variant && variant.length > 0) {\n          let apiVariant = await fetchVariant(variant[0].id);\n\n          if (apiVariant) {\n            props.storeContract.methods\n              .products(apiVariant.blockchainId)\n              .call()\n              .then((product) => {\n                if (product.priceETH > 0 && product.pricePastels > 0) {\n                  setPrice(product.priceETH);\n                  setPricePastel(product.pricePastels);\n                  setIsAvailable(true);\n                } else {\n                  setIsAvailable(false);\n                }\n              })\n              .catch((e) => {\n                setAlertState({\n                  open: true,\n                  message: `Something went wrong`,\n                  severity: \"error\",\n                });\n              });\n          } else {\n            setIsAvailable(false);\n            if (apiVariant == false) {\n              setAlertState({\n                open: true,\n                message: `Option not available`,\n                severity: \"error\",\n              });\n            } else {\n              setAlertState({\n                open: true,\n                message: `Something went wrong`,\n                severity: \"error\",\n              });\n            }\n          }\n        } else {\n          setAlertState({\n            open: true,\n            message: `Option not found`,\n            severity: \"error\",\n          });\n        }\n      } else {\n        setAlertState({\n          open: true,\n          message: `Option not found`,\n          severity: \"error\",\n        });\n      }\n    } else {\n      setAlertState({\n        open: true,\n        message: (\n          <div>\n            Complete{\" \"}\n            <span\n              onClick={() => window.location.replace(\"/merch/myinfos\")}\n              style={{ cursor: \"pointer\", textDecoration: \"underline\" }}\n            >\n              profile\n            </span>{\" \"}\n            before ordering\n          </div>\n        ),\n        severity: \"error\",\n      });\n    }\n  };\n\n  const buy = async () => {\n    if (isAvailable) {\n      setIsBuying(true);\n      let profile = await fetchProfile();\n      if (profile) {\n        if (optionNumber) {\n          const variant = product.variants.filter((o) => {\n            return o[optionNumber] === size;\n          });\n\n          let apiVariant = await fetchVariant(variant[0].id);\n\n          if (apiVariant) {\n            props.storeContract.methods\n              .products(apiVariant.blockchainId)\n              .call()\n              .then((product) => {\n                if (\n                  parseInt(product.maxSupply) >=\n                  parseInt(product.supply) + count\n                ) {\n                  props.storeContract.methods\n                    .buy(count, apiVariant.blockchainId, \"\")\n                    .send({\n                      from: props.account,\n                      value: window.web3.utils.toWei(\n                        String(\n                          (product.priceETH * count) / 1000000000000000000\n                        ),\n                        \"ether\"\n                      ),\n                    })\n                    .once(\"receipt\", (receipt) => {\n                      // setAlertState({\n                      //   open: true,\n                      //   message: \"Success\",\n                      //   severity: \"success\",\n                      // });\n                      setIsBuying(false);\n                    })\n                    .catch((e) => {\n                      setIsBuying(false);\n                    });\n                } else {\n                  setIsBuying(false);\n                  setAlertState({\n                    open: true,\n                    message: `Out of stock`,\n                    severity: \"error\",\n                  });\n                }\n              })\n              .catch((e) => {\n                console.log(e);\n                setIsBuying(false);\n                setAlertState({\n                  open: true,\n                  message: `Something went wrong`,\n                  severity: \"error\",\n                });\n              });\n          } else {\n            setIsBuying(false);\n            setAlertState({\n              open: true,\n              message: `Something went wrong`,\n              severity: \"error\",\n            });\n          }\n        } else {\n          setIsBuying(false);\n          setAlertState({\n            open: true,\n            message: `Option not found`,\n            severity: \"error\",\n          });\n        }\n      } else {\n        setIsBuying(false);\n        setAlertState({\n          open: true,\n          message: (\n            <div>\n              Complete{\" \"}\n              <span\n                onClick={() => window.location.replace(\"/merch/myinfos\")}\n                style={{ cursor: \"pointer\", textDecoration: \"underline\" }}\n              >\n                profile\n              </span>{\" \"}\n              before ordering\n            </div>\n          ),\n          severity: \"error\",\n        });\n      }\n    } else {\n      setIsBuying(false);\n      setAlertState({\n        open: true,\n        message: `Option not available`,\n        severity: \"error\",\n      });\n    }\n  };\n\n  const buyPastel = async () => {\n    if (isAvailable) {\n      setIsBuyingPastel(true);\n      let profile = await fetchProfile();\n      if (profile) {\n        if (optionNumber) {\n          const variant = product.variants.filter((o) => {\n            return o[optionNumber] === size;\n          });\n\n          let apiVariant = await fetchVariant(variant[0].id);\n\n          if (apiVariant) {\n            props.storeContract.methods\n              .products(apiVariant.blockchainId)\n              .call()\n              .then((product) => {\n                if (\n                  parseInt(product.maxSupply) >=\n                  parseInt(product.supply) + count\n                ) {\n                  props.tokensContract.methods\n                    .balanceOf(props.account)\n                    .call()\n                    .then((balance) => {\n                      if (product.pricePastels * count <= balance) {\n                        props.storeContract.methods\n                          .buyWithPastels(\n                            count,\n                            apiVariant.blockchainId,\n                            window.web3.utils.toWei(\n                              String(\n                                (product.pricePastels * count) /\n                                  1000000000000000000\n                              ),\n                              \"ether\"\n                            ),\n                            \"\"\n                          )\n                          .send({ from: props.account })\n                          .once(\"receipt\", (receipt) => {\n                            // setAlertState({\n                            //   open: true,\n                            //   message: \"Success\",\n                            //   severity: \"success\",\n                            // });\n                            setIsBuyingPastel(false);\n                          })\n                          .catch((e) => {\n                            setIsBuyingPastel(false);\n                          });\n                      } else {\n                        setIsBuyingPastel(false);\n                        setAlertState({\n                          open: true,\n                          message: `Not enough $PSTL`,\n                          severity: \"error\",\n                        });\n                      }\n                    });\n                } else {\n                  setIsBuyingPastel(false);\n                  setAlertState({\n                    open: true,\n                    message: `Out of stock`,\n                    severity: \"error\",\n                  });\n                }\n              })\n              .catch((e) => {\n                setIsBuyingPastel(false);\n                setAlertState({\n                  open: true,\n                  message: `Something went wrong`,\n                  severity: \"error\",\n                });\n              });\n          } else {\n            setIsBuyingPastel(false);\n            setAlertState({\n              open: true,\n              message: `Something went wrong`,\n              severity: \"error\",\n            });\n          }\n        } else {\n          setIsBuyingPastel(false);\n          setAlertState({\n            open: true,\n            message: `Option not found`,\n            severity: \"error\",\n          });\n        }\n      } else {\n        setIsBuyingPastel(false);\n        setAlertState({\n          open: true,\n          message: (\n            <div>\n              Complete{\" \"}\n              <span\n                onClick={() => window.location.replace(\"/merch/myinfos\")}\n                style={{ cursor: \"pointer\", textDecoration: \"underline\" }}\n              >\n                profile\n              </span>{\" \"}\n              before ordering\n            </div>\n          ),\n          severity: \"error\",\n        });\n      }\n    } else {\n      setIsBuyingPastel(false);\n      setAlertState({\n        open: true,\n        message: `Option not available`,\n        severity: \"error\",\n      });\n    }\n  };\n\n  const buyButtons = () => {\n    return (\n      <div>\n        <div\n          className=\"product-btn-container\"\n          style={{\n            color: \"black\",\n            marginTop: \"40px\",\n          }}\n        >\n          <a className=\"product-button\" onClick={() => buy()}>\n            {isBuying ? (\n              <CircularProgress style={{ color: \"#3d3d3d\" }} />\n            ) : isAvailable ? (\n              `Buy • ${(count * price) / 1000000000000000000} ETH`\n            ) : (\n              \"Option not available\"\n            )}\n          </a>\n        </div>\n\n        <div\n          className=\"product-btn-container\"\n          style={{\n            color: \"black\",\n            marginTop: \"15px\",\n          }}\n        >\n          <a\n            className=\"product-button\"\n            style={{\n              marginTop: \"0px\",\n            }}\n            onClick={() => buyPastel()}\n          >\n            {isBuyingPastel ? (\n              <CircularProgress style={{ color: \"#3d3d3d\" }} />\n            ) : isAvailable ? (\n              `Buy • ${(count * pricePastel) / 1000000000000000000} $PSTL`\n            ) : (\n              \"Option not available\"\n            )}\n          </a>\n        </div>\n      </div>\n    );\n  };\n  return (\n    <div\n      style={{\n        backgroundImage: `url(${bg})`,\n        backgroundSize: \"cover\",\n        padding: \"100px 0px\",\n      }}\n    >\n      <Container className=\"container\" style={{ marginTop: \"40px\" }}>\n        {product.id ? (\n          <div>\n            <div className=\"breadcrumb-container\">\n              <span\n                className=\"product-breadcrumb\"\n                onClick={() => window.location.replace(\"/merch\")}\n              >\n                Products\n              </span>\n              <span className=\"product-breadcrumb\">›</span>\n              <span className=\"product-breadcrumb\">{product.title}</span>\n            </div>\n            <div className=\"product-details-container\">\n              <Swiper\n                // spaceBetween={30}\n                centeredSlides={true}\n                allowTouchMove={false}\n                simulateTouch={false}\n                speed={1500}\n                navigation={true}\n                modules={[Navigation]}\n                className=\"product-details-swiper\"\n              >\n                {product.images.map((img, i) => (\n                  <SwiperSlide>\n                    <img\n                      key={i}\n                      src={img.src}\n                      className=\"product-details-img\"\n                    />\n                  </SwiperSlide>\n                ))}\n              </Swiper>\n              {/* <img className=\"product-details-img\" src={product.image.src} /> */}\n              <div className=\"product-details-infos-container\">\n                <h3>{product.title}</h3>\n                {product.options.map((o) => {\n                  if (o.name == \"Size\") {\n                    return (\n                      <div style={{ marginTop: \"20px\" }}>\n                        <p className=\"product-option\">{o.name}</p>\n                        <div>\n                          {o.values.map((v) => {\n                            return (\n                              <a\n                                className={\n                                  size == v\n                                    ? \"product-option-value product-option-value-active\"\n                                    : \"product-option-value\"\n                                }\n                                onClick={() => setSize(v)}\n                              >\n                                {v}\n                              </a>\n                            );\n                          })}\n                        </div>\n                      </div>\n                    );\n                  } else if (o.name == \"Color\") {\n                    return (\n                      <div style={{ marginTop: \"20px\" }}>\n                        <p className=\"product-option\">{o.name}</p>\n                        <div>\n                          {o.values.map((v) => {\n                            return (\n                              <a\n                                className={\n                                  color == v\n                                    ? \"product-option-value product-option-value-active\"\n                                    : \"product-option-value\"\n                                }\n                                onClick={() => setColor(v)}\n                              >\n                                {v}\n                              </a>\n                            );\n                          })}\n                        </div>\n                      </div>\n                    );\n                  }\n                })}\n                <div className=\"incr-decr-product-detail\">\n                  <Button\n                    onClick={() => (count - 1 > 0 ? setCount(count - 1) : null)}\n                    style={{ justifyContent: \"center\" }}\n                  >\n                    <RemoveIcon />\n                  </Button>\n                  <h3>{count}</h3>\n                  <Button\n                    onClick={() =>\n                      count + 1 <= 10 ? setCount(count + 1) : null\n                    }\n                    style={{ justifyContent: \"center\" }}\n                  >\n                    <AddIcon />\n                  </Button>\n                </div>\n                {props.metamask && props.isWalletConnected ? (\n                  buyButtons()\n                ) : !props.metamask ? (\n                  <div\n                    className=\"product-button product-btn-container\"\n                    style={{ marginTop: \"40px\" }}\n                    onClick={() =>\n                      window.open(\n                        \"https://chrome.google.com/webstore/detail/metamask/nkbihfbeogaeaoehlefnkodbefgpgknn\",\n                        \"_blank\"\n                      )\n                    }\n                  >\n                    Install Metamask\n                  </div>\n                ) : !props.isWalletConnected ? (\n                  <div\n                    className=\"product-button product-btn-container\"\n                    style={{ marginTop: \"40px\" }}\n                    onClick={() => window.ethereum.enable()}\n                  >\n                    Connect Wallet\n                  </div>\n                ) : null}\n              </div>\n            </div>\n          </div>\n        ) : (\n          <CircularProgress style={{ color: \"#3d3d3d\" }} />\n        )}\n      </Container>\n      <Snackbar\n        open={alertState.open}\n        autoHideDuration={6000}\n        onClose={() => setAlertState({ ...alertState, open: false })}\n        className=\"alert\"\n      >\n        <Alert\n          onClose={() => setAlertState({ ...alertState, open: false })}\n          severity={alertState.severity}\n          className=\"alert\"\n        >\n          <h3 style={{ fontSize: \"15px\" }}>{alertState.message}</h3>\n        </Alert>\n      </Snackbar>\n    </div>\n  );\n};\n\nexport default Product;\n","import React, { useState, useEffect } from \"react\";\nimport TextField from \"@mui/material/TextField\";\nimport axios from \"axios\";\nimport { Snackbar } from \"@material-ui/core\";\nimport Alert from \"@material-ui/lab/Alert\";\nimport CircularProgress from \"@mui/material/CircularProgress\";\nimport Button from \"../components/Button\";\n\nconst Customer = (props) => {\n  const [firstName, setFirstName] = useState(\"\");\n  const [lastName, setLastName] = useState(\"\");\n  const [email, setEmail] = useState(\"\");\n  const [phone, setPhone] = useState(\"\");\n  const [address, setAddress] = useState(\"\");\n  const [province, setProvince] = useState(\"\");\n  const [city, setCity] = useState(\"\");\n  const [zip, setZip] = useState(\"\");\n  const [country, setCountry] = useState(\"\");\n  const [loading, setLoading] = useState(false);\n  const [validation, setValidation] = useState({});\n  // email: false,\n  // address: false,\n  // province: false,\n  // city: false,\n  // zip: false,\n  // country: false,\n  const [alertState, setAlertState] = useState({\n    open: false,\n    message: \"\",\n    severity: undefined,\n  });\n\n  useEffect(() => {\n    if (props.account) {\n      axios\n        .get(`${process.env.REACT_APP_API_URL}/customers/${props.account}`, {\n          headers: {\n            token: process.env.REACT_APP_TOKEN_API,\n          },\n        })\n        .then(function (response) {\n          // handle success\n          if (response.data.customer != \"not found\") {\n            setFirstName(response.data.customer.first_name);\n            setLastName(response.data.customer.last_name);\n            setEmail(response.data.customer.email);\n            setPhone(response.data.customer.phone);\n            setAddress(response.data.customer.default_address.address1);\n            setProvince(response.data.customer.default_address.province);\n            setCity(response.data.customer.default_address.city);\n            setZip(response.data.customer.default_address.zip);\n            setCountry(response.data.customer.default_address.country);\n          }\n        })\n        .catch(function (error) {\n          // handle error\n          setAlertState({\n            open: true,\n            message: `Couldn't fetch profile`,\n            severity: \"error\",\n          });\n        })\n        .then(function () {\n          // always executed\n        });\n    }\n  }, []);\n\n  const handleSave = async (event) => {\n    event.preventDefault();\n\n    // var re = /\\S+@\\S+\\.\\S+/;\n    // if (!/\\S+@\\S+\\.\\S+/.test(email)) {\n    //   console.log(\"---------\");\n    //   console.log(\"setting email to true\");\n    //   setValidation({ ...validation, email: true });\n    // } else {\n    //   setValidation({ ...validation, email: false });\n    // }\n    let firstNameValidation = firstName ? false : true;\n    let lastNameValidation = lastName ? false : true;\n    let emailValidation = /\\S+@\\S+\\.\\S+/.test(email) ? false : true;\n    let addressValidation = address ? false : true;\n    let provinceValidation = province ? false : true;\n    let cityValidation = city ? false : true;\n    let zipValidation = zip ? false : true;\n    let countryValidation = country ? false : true;\n\n    // setValidation({ ...validation, address: addressValidation });\n    // setValidation({ ...validation, province: provinceValidation });\n    // setValidation({ ...validation, city: cityValidation });\n    // setValidation({ ...validation, zip: zipValidation });\n    // setValidation({ ...validation, country: countryValidation });\n\n    setValidation({\n      ...validation,\n      firstName: firstNameValidation,\n      lastName: lastNameValidation,\n      email: emailValidation,\n      country: countryValidation,\n      province: provinceValidation,\n      city: cityValidation,\n      zip: zipValidation,\n      country: countryValidation,\n    });\n\n    if (\n      !firstNameValidation &&\n      !lastNameValidation &&\n      !emailValidation &&\n      !addressValidation &&\n      !provinceValidation &&\n      !cityValidation &&\n      !zipValidation &&\n      !countryValidation\n    ) {\n      setLoading(true);\n\n      try {\n        let response = await axios({\n          method: \"POST\",\n          url: `${process.env.REACT_APP_API_URL}/customers`,\n          data: {\n            wallet: props.account,\n            first_name: firstName,\n            last_name: lastName,\n            email: email,\n            phone: phone,\n            verified_email: true,\n            address: address,\n            city: city,\n            province: province,\n            zip: zip,\n            country: country,\n          },\n          headers: {\n            token: process.env.REACT_APP_TOKEN_API,\n          },\n        });\n\n        setAlertState({\n          open: true,\n          message: \"Saved!\",\n          severity: \"success\",\n        });\n      } catch (error) {\n        console.log(error.response);\n        if (error.response) {\n          for (const [key, value] of Object.entries(error.response.data)) {\n            setAlertState({\n              open: true,\n              message: `${key} ${value}`,\n              severity: \"error\",\n            });\n          }\n        } else {\n          setAlertState({\n            open: true,\n            message: `Something went wrong`,\n            severity: \"error\",\n          });\n        }\n      } finally {\n        setLoading(false);\n      }\n    }\n  };\n\n  return (\n    <>\n      <div className=\"tab-content\" data-aos=\"zoom-out-up\">\n        <div className=\"informations-form\">\n          <div className=\"informations-row\">\n            <TextField\n              id=\"demo-helper-text-aligned\"\n              label=\"First Name\"\n              className=\"informations-input\"\n              value={firstName}\n              onChange={(e) => setFirstName(e.target.value)}\n              helperText={validation.firstName ? \"Required\" : null}\n            />\n            <TextField\n              id=\"demo-helper-text-aligned\"\n              label=\"Last Name\"\n              className=\"informations-input\"\n              value={lastName}\n              onChange={(e) => setLastName(e.target.value)}\n              helperText={validation.lastName ? \"Required\" : null}\n            />\n          </div>\n          <div className=\"informations-row\">\n            <TextField\n              id=\"demo-helper-text-aligned\"\n              label=\"Email\"\n              className=\"informations-input\"\n              value={email}\n              onChange={(e) => setEmail(e.target.value)}\n              helperText={validation.email ? \"Incorrect entry.\" : null}\n            />\n            <TextField\n              id=\"demo-helper-text-aligned\"\n              label=\"Phone\"\n              className=\"informations-input\"\n              value={phone}\n              onChange={(e) => setPhone(e.target.value)}\n            />\n          </div>\n          <div className=\"informations-input-fullwidth\">\n            <TextField\n              id=\"demo-helper-text-aligned\"\n              label=\"Address\"\n              className=\"informations-input\"\n              fullWidth\n              value={address}\n              onChange={(e) => setAddress(e.target.value)}\n              helperText={validation.address ? \"Incorrect entry.\" : null}\n            />\n            {/* <Places\n            setAddress={setAddress}\n            setProvince={setProvince}\n            setCity={setCity}\n            setZip={setZip}\n            setCountry={setCountry}\n          /> */}\n          </div>\n\n          <div className=\"informations-row\">\n            <TextField\n              id=\"demo-helper-text-aligned\"\n              label=\"City\"\n              className=\"informations-input\"\n              value={city}\n              onChange={(e) => setCity(e.target.value)}\n              helperText={validation.city ? \"Incorrect entry.\" : null}\n            />\n            <TextField\n              id=\"demo-helper-text-aligned\"\n              label=\"Province\"\n              className=\"informations-input\"\n              value={province}\n              onChange={(e) => setProvince(e.target.value)}\n              helperText={validation.province ? \"Incorrect entry.\" : null}\n            />\n          </div>\n\n          <div className=\"informations-row\">\n            <TextField\n              id=\"demo-helper-text-aligned\"\n              label=\"ZIP\"\n              className=\"informations-input\"\n              value={zip}\n              onChange={(e) => setZip(e.target.value)}\n              helperText={validation.zip ? \"Incorrect entry.\" : null}\n            />\n            <TextField\n              id=\"demo-helper-text-aligned\"\n              label=\"Country\"\n              className=\"informations-input\"\n              value={country}\n              onChange={(e) => setCountry(e.target.value)}\n              helperText={validation.country ? \"Incorrect entry.\" : null}\n            />\n          </div>\n        </div>\n        {!loading ? (\n          <div style={{ textAlign: \"center\", marginTop: \"30px\" }}>\n            <a\n              style={{ color: \"black\", cursor: \"pointer\" }}\n              onClick={(event) => handleSave(event)}\n            >\n              Save\n            </a>\n          </div>\n        ) : (\n          <div\n            style={{\n              textAlign: \"center\",\n              display: \"flex\",\n              justifyContent: \"center\",\n              width: \"fit-content\",\n              margin: \"30px auto\",\n              padding: \"10px 25px\",\n            }}\n          >\n            <CircularProgress style={{ color: \"black\" }} />\n          </div>\n        )}\n      </div>\n      <Snackbar\n        open={alertState.open}\n        autoHideDuration={6000}\n        onClose={() => setAlertState({ ...alertState, open: false })}\n        className=\"alert\"\n      >\n        <Alert\n          onClose={() => setAlertState({ ...alertState, open: false })}\n          severity={alertState.severity}\n          className=\"alert\"\n        >\n          <h3 style={{ fontSize: \"15px\" }}>{alertState.message}</h3>\n        </Alert>\n      </Snackbar>\n    </>\n  );\n};\n\nexport default Customer;\n","import * as React from \"react\";\nimport Table from \"@mui/material/Table\";\nimport TableBody from \"@mui/material/TableBody\";\nimport TableCell from \"@mui/material/TableCell\";\nimport TableContainer from \"@mui/material/TableContainer\";\nimport TableHead from \"@mui/material/TableHead\";\nimport TableRow from \"@mui/material/TableRow\";\nimport Paper from \"@mui/material/Paper\";\n\nexport default function OrdersTable(props) {\n  return (\n    <TableContainer component={Paper}>\n      <Table sx={{ minWidth: 650 }} aria-label=\"simple table\">\n        <TableHead>\n          <TableRow>\n            <TableCell>ID</TableCell>\n            <TableCell align=\"left\">Product</TableCell>\n            <TableCell align=\"left\">Quantity</TableCell>\n          </TableRow>\n        </TableHead>\n        <TableBody>\n          {props.orders.map(\n            (order) => (\n              <TableRow\n                key={order.id}\n                sx={{ \"&:last-child td, &:last-child th\": { border: 0 } }}\n              >\n                <TableCell component=\"th\" scope=\"row\">\n                  {order.id}\n                </TableCell>\n                <TableCell align=\"left\">{order.line_items[0].name}</TableCell>\n                <TableCell align=\"left\">\n                  {order.line_items[0].quantity}\n                </TableCell>\n              </TableRow>\n            )\n            // order.line_items.map((line_item, i) => {\n            //   <TableRow\n            //     key={order.id}\n            //     sx={{ \"&:last-child td, &:last-child th\": { border: 0 } }}\n            //   >\n            //     <TableCell component=\"th\" scope=\"row\">\n            //       {order.id}\n            //     </TableCell>\n            //     <TableCell align=\"left\">{line_item.name}</TableCell>\n            //     <TableCell align=\"left\">{line_item.quantity}</TableCell>\n            //   </TableRow>;\n            // })\n          )}\n        </TableBody>\n      </Table>\n    </TableContainer>\n  );\n}\n","import React, { useEffect, useState } from \"react\";\nimport { Snackbar, CircularProgress } from \"@material-ui/core\";\nimport Alert from \"@material-ui/lab/Alert\";\nimport axios from \"axios\";\nimport Table from \"./ordersTable\";\n\nconst Orders = (props) => {\n  const [orders, setOrders] = useState(null);\n  const [loading, setLoading] = useState(true);\n  const [alertState, setAlertState] = useState({\n    open: false,\n    message: \"\",\n    severity: undefined,\n  });\n\n  useEffect(() => {\n    async function fetch() {\n      if (props.account) {\n        setLoading(true);\n        try {\n          //   let response = await axios({\n          //     method: \"GET\",\n          //     url: `${process.env.REACT_APP_API_URL}/orders/wallet/${props.account}`,\n          //   });\n\n          let response = await axios.get(\n            `${process.env.REACT_APP_API_URL}/orders/wallet/${props.account}`,\n            {\n              headers: {\n                token: process.env.REACT_APP_TOKEN_API,\n              },\n            }\n          );\n\n          setLoading(false);\n          setOrders(response.data);\n        } catch (e) {\n          setLoading(false);\n          setAlertState({\n            open: true,\n            message: `Something went wrong`,\n            severity: \"error\",\n          });\n        }\n      }\n    }\n\n    fetch();\n  }, []);\n\n  return (\n    <>\n      <div className=\"collection-container\">\n        <div className=\"tokens-container\">\n          <h3 className=\"collection-title\">My Orders</h3>\n        </div>\n\n        <div className=\"orders\">\n          {loading ? (\n            <CircularProgress style={{ color: \"#3d3d3d\" }} />\n          ) : orders?.length > 0 ? (\n            <Table orders={orders} />\n          ) : (\n            <p>Didn't find any orders</p>\n          )}\n        </div>\n      </div>\n\n      <Snackbar\n        open={alertState.open}\n        autoHideDuration={6000}\n        onClose={() => setAlertState({ ...alertState, open: false })}\n        className=\"alert\"\n      >\n        <Alert\n          onClose={() => setAlertState({ ...alertState, open: false })}\n          severity={alertState.severity}\n          className=\"alert\"\n        >\n          <h3 style={{ fontSize: \"15px\" }}>{alertState.message}</h3>\n        </Alert>\n      </Snackbar>\n    </>\n  );\n};\n\nexport default Orders;\n","import React, { useEffect, useState } from \"react\";\nimport Grid from \"@mui/material/Grid\";\nimport placeholder from \"../assets/black.png\";\nimport axios from \"axios\";\nimport { CircularProgress } from \"@material-ui/core\";\n\nconst Products = () => {\n  const [products, setProducts] = useState([]);\n  const [loading, setLoading] = useState(false);\n\n  useEffect(() => {\n    async function fetch() {\n      setLoading(true);\n      try {\n        let response = await axios({\n          method: \"GET\",\n          url: `${process.env.REACT_APP_API_URL}/products`,\n        });\n\n        setLoading(false);\n        setProducts(response.data.products);\n      } catch (error) {\n        setLoading(false);\n      }\n    }\n\n    fetch();\n  }, []);\n\n  const AsyncImage = (props) => {\n    const [loadedSrc, setLoadedSrc] = React.useState(null);\n    React.useEffect(() => {\n      setLoadedSrc(null);\n      if (props.src) {\n        const handleLoad = () => {\n          setLoadedSrc(props.src);\n        };\n        const image = new Image();\n        image.addEventListener(\"load\", handleLoad);\n        image.src = props.src;\n        return () => {\n          image.removeEventListener(\"load\", handleLoad);\n        };\n      }\n    }, [props.src]);\n    if (loadedSrc === props.src) {\n      return <img {...props} />;\n      // return <CircularProgress style={{ color: \"white\" }} />\n    }\n\n    return <img src={placeholder} />;\n\n    // return <CircularProgress style={{ color: \"white\" }} />;\n  };\n  const Content = () => {\n    return (\n      <>\n        <div className=\"collection-container\">\n          <div className=\"tokens-container\">\n            <h3 className=\"collection-title\">Products</h3>\n\n            <Grid container>\n              {products?.length > 0 ? (\n                products.map((product, i) => (\n                  <Grid\n                    item\n                    xs={12}\n                    md={6}\n                    lg={4}\n                    className=\"token-item-container\"\n                    key={i}\n                    onClick={() =>\n                      window.location.replace(`/products/${product.id}`)\n                    }\n                  >\n                    <AsyncImage\n                      className=\"product-img\"\n                      src={product.image.src}\n                      alt=\"token\"\n                    />\n\n                    <div className=\"product-desc\">\n                      <h3>{product.title}</h3>\n                    </div>\n                  </Grid>\n                ))\n              ) : loading ? (\n                <div style={{ textAlign: \"center\", width: \"100%\" }}>\n                  <CircularProgress style={{ color: \"#3d3d3d\" }} />\n                </div>\n              ) : (\n                <div style={{ textAlign: \"center\", width: \"100%\" }}>\n                  <p>Couldn't fetch products</p>\n                </div>\n              )}\n            </Grid>\n          </div>\n        </div>\n      </>\n    );\n  };\n\n  return (\n    <>\n      <Content />\n    </>\n  );\n};\n\nexport default Products;\n","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAfQAAAH0CAYAAADL1t+KAAAAAXNSR0IArs4c6QAAAAlwSFlzAAAOxAAADsQBlSsOGwAABIBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0n77u/JyBpZD0nVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkJz8+Cjx4OnhtcG1ldGEgeG1sbnM6eD0nYWRvYmU6bnM6bWV0YS8nPgo8cmRmOlJERiB4bWxuczpyZGY9J2h0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMnPgoKIDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PScnCiAgeG1sbnM6QXR0cmliPSdodHRwOi8vbnMuYXR0cmlidXRpb24uY29tL2Fkcy8xLjAvJz4KICA8QXR0cmliOkFkcz4KICAgPHJkZjpTZXE+CiAgICA8cmRmOmxpIHJkZjpwYXJzZVR5cGU9J1Jlc291cmNlJz4KICAgICA8QXR0cmliOkNyZWF0ZWQ+MjAyMS0xMS0xNjwvQXR0cmliOkNyZWF0ZWQ+CiAgICAgPEF0dHJpYjpFeHRJZD4zMDQxZTJjMC0zZjJmLTRjNDQtOTJhZS1lMjc2NDhjNjA0ZTQ8L0F0dHJpYjpFeHRJZD4KICAgICA8QXR0cmliOkZiSWQ+NTI1MjY1OTE0MTc5NTgwPC9BdHRyaWI6RmJJZD4KICAgICA8QXR0cmliOlRvdWNoVHlwZT4yPC9BdHRyaWI6VG91Y2hUeXBlPgogICAgPC9yZGY6bGk+CiAgIDwvcmRmOlNlcT4KICA8L0F0dHJpYjpBZHM+CiA8L3JkZjpEZXNjcmlwdGlvbj4KCiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0nJwogIHhtbG5zOmRjPSdodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyc+CiAgPGRjOnRpdGxlPgogICA8cmRmOkFsdD4KICAgIDxyZGY6bGkgeG1sOmxhbmc9J3gtZGVmYXVsdCc+VW50aXRsZWQgKDUwMCB4IDUwMCBweCk8L3JkZjpsaT4KICAgPC9yZGY6QWx0PgogIDwvZGM6dGl0bGU+CiA8L3JkZjpEZXNjcmlwdGlvbj4KCiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0nJwogIHhtbG5zOnBkZj0naHR0cDovL25zLmFkb2JlLmNvbS9wZGYvMS4zLyc+CiAgPHBkZjpBdXRob3I+TG91aXMtUGhpbGlwcGUgUGFxdWluPC9wZGY6QXV0aG9yPgogPC9yZGY6RGVzY3JpcHRpb24+CgogPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9JycKICB4bWxuczp4bXA9J2h0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8nPgogIDx4bXA6Q3JlYXRvclRvb2w+Q2FudmE8L3htcDpDcmVhdG9yVG9vbD4KIDwvcmRmOkRlc2NyaXB0aW9uPgo8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSdyJz8+ZK4VJQAAB/BJREFUeJzt1cENwCAQwLCj++8MQ/CoiOwJ8suamT0AwNO+vwMAgHuGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAGGDgABhg4AAYYOAAEHCfwE52fgTloAAAAASUVORK5CYII=\"","import React, { useEffect } from \"react\";\nimport PropTypes from \"prop-types\";\nimport Tabs from \"@mui/material/Tabs\";\nimport Tab from \"@mui/material/Tab\";\nimport Typography from \"@mui/material/Typography\";\nimport Box from \"@mui/material/Box\";\nimport Container from \"@mui/material/Container\";\nimport Footer from \"../components/Footer\";\n// import NFTs from \"../components/NFTs\";\n// import Staking from \"../components/Staking\";\n// import Serums from \"../components/Serums\";\n// import BuySerums from \"../components/buy/Serums\";\nimport Customer from \"../components/Customer\";\nimport Orders from \"../components/orders\";\nimport Products from \"../components/Products\";\n\nimport Alert from \"@material-ui/lab/Alert\";\nimport { Snackbar } from \"@material-ui/core\";\nimport { useParams } from \"react-router-dom\";\nimport Button from \"../components/Button\";\nimport bg from \"../assets/bg-4.png\";\n\nfunction TabPanel(props) {\n  const { children, value, index, ...other } = props;\n\n  return (\n    <div\n      role=\"tabpanel\"\n      hidden={value !== index}\n      id={`simple-tabpanel-${index}`}\n      aria-labelledby={`simple-tab-${index}`}\n      {...other}\n    >\n      {value === index && (\n        <Box sx={{ p: 3 }}>\n          <Typography>{children}</Typography>\n        </Box>\n      )}\n    </div>\n  );\n}\n\nTabPanel.propTypes = {\n  children: PropTypes.node,\n  index: PropTypes.number.isRequired,\n  value: PropTypes.number.isRequired,\n};\n\nfunction a11yProps(index) {\n  return {\n    id: `simple-tab-${index}`,\n    \"aria-controls\": `simple-tabpanel-${index}`,\n  };\n}\n\nconst MyCollection = (props) => {\n  const [value, setValue] = React.useState(0);\n  const { tab } = useParams();\n\n  const handleChange = (event, newValue) => {\n    setValue(newValue);\n  };\n\n  useEffect(() => {\n    if (tab == \"merch\") {\n      setValue(0);\n    } else if (tab == \"myinfos\") {\n      setValue(1);\n    } else if (tab == \"myorders\") {\n      setValue(2);\n    }\n  }, []);\n\n  const Content = () => {\n    return (\n      <div\n        style={{\n          backgroundImage: `url(${bg})`,\n          backgroundSize: \"cover\",\n          minHeight: \"60vh\",\n        }}\n      >\n        <Container className=\"section\" style={{ paddingTop: \"125px\" }}>\n          <Box sx={{ width: \"100%\" }}>\n            <Box sx={{ borderBottom: 1, borderColor: \"divider\" }}>\n              <Tabs value={value} onChange={handleChange} aria-label=\"tabs\">\n                <Tab label=\"Merch\" {...a11yProps(0)} />\n                <Tab label=\"My Infos\" {...a11yProps(1)} />\n                <Tab label=\"My Orders\" {...a11yProps(2)} />\n              </Tabs>\n            </Box>\n            <TabPanel value={value} index={0}>\n              <Products\n                tokensContract={props.tokensContract}\n                metamask={props.metamask}\n                isWalletConnected={props.isWalletConnected}\n                alertState={props.alertState}\n                setAlertState={props.setAlertState}\n                account={props.account}\n                contract={props.contract}\n                mutantsContract={props.mutantsContract}\n              />\n            </TabPanel>\n            <TabPanel value={value} index={1}>\n              <Customer\n                loadBlockchainData={props.loadBlockchainData}\n                tokensContract={props.tokensContract}\n                metamask={props.metamask}\n                isWalletConnected={props.isWalletConnected}\n                alertState={props.alertState}\n                setAlertState={props.setAlertState}\n                account={props.account}\n                contract={props.contract}\n              />\n            </TabPanel>\n            <TabPanel value={value} index={2}>\n              <Orders\n                account={props.account}\n                alertState={props.alertState}\n                setAlertState={props.setAlertState}\n              />\n            </TabPanel>\n          </Box>\n        </Container>\n\n        <Snackbar\n          open={props.alertState.open}\n          autoHideDuration={6000}\n          onClose={() =>\n            props.setAlertState({ ...props.alertState, open: false })\n          }\n          className=\"alert\"\n        >\n          <Alert\n            onClose={() =>\n              props.setAlertState({ ...props.alertState, open: false })\n            }\n            severity={props.alertState.severity}\n            className=\"alert\"\n          >\n            <h3 style={{ fontSize: \"15px\" }}>{props.alertState.message}</h3>\n          </Alert>\n        </Snackbar>\n      </div>\n    );\n  };\n\n  return (\n    <>\n      {props.metamask && props.isWalletConnected ? (\n        <Content />\n      ) : (\n        <div style={{ backgroundImage: `url(${bg})`, backgroundSize: \"cover\" }}>\n          <Container\n            className=\"container container-margin-top section\"\n            style={{ paddingTop: \"125px\" }}\n          >\n            <div\n              style={{\n                display: \"flex\",\n                justifyContent: \"center\",\n                minHeight: \"60vh\",\n                alignItems: \"center\",\n              }}\n            >\n              <div style={{ textAlign: \"center\" }}>\n                {!props.metamask ? (\n                  // <div\n                  //   className=\"discord-btn\"\n                  //   onClick={() =>\n                  //     window.open(\n                  //       \"https://chrome.google.com/webstore/detail/metamask/nkbihfbeogaeaoehlefnkodbefgpgknn\",\n                  //       \"_blank\"\n                  //     )\n                  //   }\n                  // >\n                  //   Install Metamask\n                  // </div>\n                  <Button\n                    text=\"Install Metamask\"\n                    newWindow={1}\n                    location=\"https://chrome.google.com/webstore/detail/metamask/nkbihfbeogaeaoehlefnkodbefgpgknn\"\n                  />\n                ) : !props.isWalletConnected ? (\n                  <Button\n                    text=\"Connect Wallet\"\n                    newWindow={0}\n                    action={() => window.ethereum.enable()}\n                  />\n                ) : (\n                  // <div\n                  //   className=\"discord-btn\"\n                  //   onClick={() => window.ethereum.enable()}\n                  // >\n                  //   Connect Wallet\n                  // </div>\n                  <Content />\n                )}\n              </div>\n            </div>\n          </Container>\n        </div>\n      )}\n    </>\n  );\n};\n\nexport default MyCollection;\n","import \"./App.css\";\nimport React, { useEffect, useState } from \"react\";\nimport { BrowserRouter as Router, Switch, Route } from \"react-router-dom\";\nimport Aos from \"aos\";\nimport \"aos/dist/aos.css\";\n\nimport Home from \"./pages/Homes\";\nimport Terms from \"./pages/Terms\";\nimport MyCollection from \"./pages/MyCollection\";\n\nimport Navbar from \"./components/Navbar\";\nimport Footer from \"./components/Footer\";\nimport Loader from \"./components/Loader\";\n\nimport Web3 from \"web3\";\nimport PastelContract from \"./abis/UndeadPastelClub.json\";\nimport TokensContractABI from \"./abis/Pastels.json\";\nimport SerumContractABI from \"./abis/UndeadElixirs.json\";\nimport MutantContractABI from \"./abis/MutantPastelClub.json\";\nimport UndeadStoreABI from \"./abis/UndeadStore.json\";\nimport Lookup from \"./pages/Lookup\";\nimport Mutate from \"./pages/Mutate\";\nimport Product from \"./pages/Product\";\nimport Merch from \"./pages/Merch\";\n\nconst App = () => {\n  const [account, setAccount] = useState(null);\n  const [metamask, setMetamask] = useState(false);\n  const [isWalletConnected, setIsWalletConnected] = useState(false);\n  // const [isWhitelisted, setIsWhitelisted] = useState(null);\n  const [startDate, setStartDate] = useState(new Date(1647802800 * 1000));\n  const [contract, setContract] = useState(null);\n  const [tokensContract, setTokensContract] = useState(null);\n  const [serumsContract, setSerumsContract] = useState(null);\n  const [mutantsContract, setMutantsContract] = useState(null);\n  const [storeContract, setStoreContract] = useState(null);\n  const [isPaused, setIsPaused] = useState(null);\n  const [isSoldOut, setIsSoldOut] = useState(null);\n  const [exceedLimit, setExceedLimit] = useState(null);\n  // const [isPresale, setIsPresale] = useState(false);\n  const [isPublic, setIsPublic] = useState(false);\n  const [nftLimit, setnftLimit] = useState(null);\n  // const [numberOfToken, setNumberOfToken] = useState(null);\n  const [currentMaxSupply, setCurrentMaxSupply] = useState(null);\n  const [totalSupply, setTotalSupply] = useState(null);\n  // const [preSaleDate, setPreSaleDate] = useState(null);\n  const [isActive, setIsActive] = useState(false);\n  const [count, setCount] = useState(1);\n  const [isMinting, setIsMinting] = useState(false);\n  const [alertState, setAlertState] = useState({\n    open: false,\n    message: \"\",\n    severity: undefined,\n  });\n\n  useEffect(() => {\n    Aos.init({ duration: 1000, once: true });\n    loadWeb3();\n  }, []);\n\n  useEffect(() => {\n    if (\n      mutantsContract != null &&\n      mutantsContract.methods != null &&\n      account != null\n    ) {\n      getInfos();\n    }\n  }, [mutantsContract]);\n\n  const loadWeb3 = async () => {\n    if (window.ethereum) {\n      //ALL GOOD\n      window.web3 = new Web3(window.ethereum);\n      setMetamask(true);\n\n      // window.web3.eth.getAccounts().then(async (addr) => {\n      //   // Set User account into state\n      //   if (addr.length > 0) {\n      //     setIsWalletConnected(true);\n      //   } else {\n      //     setIsWalletConnected(false);\n      //   }\n      // });\n      loadBlockchainData();\n    } else if (window.web3) {\n      //display CONNECT WALLET\n      window.web3 = new Web3(window.web3.currentProvider);\n\n      setMetamask(true);\n      // setIsWalletConnected(false);\n      loadBlockchainData();\n    } else {\n      //METAMASK NOT INSTALLED\n      setMetamask(false);\n    }\n  };\n\n  const loadBlockchainData = async () => {\n    const web3 = window.web3;\n    // Load account\n    // const accounts = await web3.eth.getAccounts();\n    // setAccount(accounts[0]);\n\n    const networkId = await web3.eth.net.getId();\n    const networkData = PastelContract.networks[networkId];\n    const networkDataTokens = TokensContractABI.networks[networkId];\n    const networkDataSerums = SerumContractABI.networks[networkId];\n    const networkDataMutants = MutantContractABI.networks[networkId];\n    const networkUndeadStore = UndeadStoreABI.networks[networkId];\n\n    if (networkData) {\n      const abi = PastelContract.abi;\n      const address = networkData.address;\n      const contract = new web3.eth.Contract(abi, address);\n      // const contract = new web3.eth.Contract(abi, address, {\n      //   gas: count * 125000 + 150000,\n      // });\n      setContract(contract);\n\n      const accounts = await window.web3.eth.getAccounts();\n      if (accounts[0] && accounts[0].length > 0) {\n        setAccount(accounts[0]);\n        setIsWalletConnected(true);\n      } else {\n        setIsWalletConnected(false);\n      }\n    } else {\n      // window.alert(\"Smart contract not deployed to detected network.\");\n    }\n\n    if (networkDataTokens) {\n      const abiTokens = TokensContractABI.abi;\n      const addressTokens = networkDataTokens.address;\n      const tokensContract = new web3.eth.Contract(abiTokens, addressTokens);\n      setTokensContract(tokensContract);\n    }\n\n    if (networkDataSerums) {\n      const abiSerums = SerumContractABI.abi;\n      const addressSerums = networkDataSerums.address;\n      const serumsContract = new web3.eth.Contract(abiSerums, addressSerums);\n      setSerumsContract(serumsContract);\n    }\n\n    if (networkDataMutants) {\n      const abiMutants = MutantContractABI.abi;\n      const addressMutants = networkDataMutants.address;\n      const mutantsContract = new web3.eth.Contract(abiMutants, addressMutants);\n      setMutantsContract(mutantsContract);\n    }\n\n    if (networkUndeadStore) {\n      const abiStore = UndeadStoreABI.abi;\n      const addressStore = networkUndeadStore.address;\n      const storeContract = new web3.eth.Contract(abiStore, addressStore);\n\n      setStoreContract(storeContract);\n    }\n  };\n\n  if (window.web3) {\n    window.ethereum.on(\"accountsChanged\", function () {\n      window.web3.eth.getAccounts().then((accounts) => {\n        window.location.reload();\n      });\n    });\n\n    window.ethereum.on(\"networkChanged\", function (networkId) {\n      window.location.reload();\n    });\n  }\n\n  const getInfos = () => {\n    // mutantsContract.methods\n    //   .preSaleDate()\n    //   .call()\n    //   .then((presaleDate) => {\n    //     setPreSaleDate(new Date(presaleDate * 1000));\n\n    mutantsContract.methods\n      .publicSaleDate()\n      .call()\n      .then((publicSaleDate) => {\n        const now = Date.now();\n        // if (\n        //   now > new Date(presaleDate * 1000) &&\n        //   now < new Date(publicSaleDate * 1000)\n        // ) {\n        //   setIsPresale(true);\n        //   mutantsContract.methods\n        //     .nftPerAddressLimitPresale()\n        //     .call()\n        //     .then((limit) => {\n        //       setnftLimit(parseInt(limit));\n        //       mutantsContract.methods\n        //         .walletOfOwner(account)\n        //         .call()\n        //         .then((tokens) => {\n        //           setNumberOfToken(tokens.length);\n\n        //           if (tokens.length >= limit) {\n        //             setExceedLimit(true);\n        //           }\n        //         });\n        //     });\n\n        //   mutantsContract.methods\n        //     .preSaleMaxSupply()\n        //     .call()\n        //     .then((maxSupply) => {\n        //       setCurrentMaxSupply(parseInt(maxSupply));\n        //     });\n        // } else\n        if (now > publicSaleDate * 1000) {\n          setIsPublic(true);\n          // setIsPresale(false);\n\n          // mutantsContract.methods\n          //   .nftPerAddressLimit()\n          //   .call()\n          //   .then((limit) => {\n          //     setnftLimit(parseInt(limit));\n          //     mutantsContract.methods\n          //       .walletOfOwner(account)\n          //       .call()\n          //       .then((tokens) => {\n          //         setNumberOfToken(tokens.length);\n\n          //         if (tokens.length >= limit) {\n          //           setExceedLimit(true);\n          //         } else {\n          //           setExceedLimit(false);\n          //         }\n          //       });\n          //   });\n\n          mutantsContract.methods\n            .mintMaxSupply()\n            .call()\n            .then((maxSupply) => {\n              setCurrentMaxSupply(parseInt(maxSupply));\n            });\n        } else {\n          setnftLimit(0);\n        }\n      });\n    // });\n\n    mutantsContract.methods\n      .paused()\n      .call()\n      .then((response) => {\n        setIsPaused(response);\n      });\n\n    // mutantsContract.methods\n    //   .isWhitelisted(account)\n    //   .call()\n    //   .then((response) => {\n    //     setIsWhitelisted(response);\n    //   });\n\n    mutantsContract.methods\n      .mintMaxSupply()\n      .call()\n      .then((maxSupply) => {\n        // setTotalSold(totalSold);\n        mutantsContract.methods\n          .mintSupply()\n          .call()\n          .then((response) => {\n            setTotalSupply(parseInt(response));\n            if (parseInt(response) >= parseInt(maxSupply)) {\n              // setIsSoldOut(true);\n            }\n          });\n      });\n  };\n\n  const getCost = async () => {\n    const cost_per_mint = await mutantsContract.methods.cost().call();\n    return cost_per_mint;\n  };\n\n  const mintToken = async () => {\n    await loadWeb3();\n\n    mutantsContract.options.gas = count * 150000 + 130000;\n\n    if (isPaused) {\n      setAlertState({\n        open: true,\n        message: \"The minting is on pause\",\n        severity: \"error\",\n      });\n    }\n    // else if (isPresale == false && isPublic == false) {\n    //   setAlertState({\n    //     open: true,\n    //     message: \"Presale has not started yet\",\n    //     severity: \"error\",\n    //   });\n    // }\n    else if (isPublic == false) {\n      setAlertState({\n        open: true,\n        message: \"Sale has not started yet\",\n        severity: \"error\",\n      });\n    } else if (isPublic && count > 10) {\n      setAlertState({\n        open: true,\n        message: \"Can't mint more than 10 apes per transaction\",\n        severity: \"error\",\n      });\n    }\n    // else if (isPresale && count > 3) {\n    //   setAlertState({\n    //     open: true,\n    //     message: \"Can't mint more than 1 in presale\",\n    //     severity: \"error\",\n    //   });\n    // }\n    // else if (isPresale && !isWhitelisted && !isPublic) {\n    //   setAlertState({\n    //     open: true,\n    //     message: \"You're not whitelisted, come back for the public sale\",\n    //     severity: \"error\",\n    //   });\n    // }\n    else if (exceedLimit) {\n      setAlertState({\n        open: true,\n        message: \"You've reached the limit of NFT per wallet\",\n        severity: \"error\",\n      });\n    }\n    //  else if (numberOfToken != null && numberOfToken + count > nftLimit) {\n    //   setAlertState({\n    //     open: true,\n    //     message: \"You've reached the limit of apes per wallet\",\n    //     severity: \"error\",\n    //   });\n    // }\n    else if (isSoldOut) {\n      setAlertState({\n        open: true,\n        message: \"The collection is sold out\",\n        severity: \"error\",\n      });\n    } else if (totalSupply + count > currentMaxSupply) {\n      let msg = \"\";\n      if (isPublic) {\n        msg = \"Not enough mutants left\";\n      }\n      // else {\n      //   msg = \"Presale supply sold out \";\n      // }\n      setAlertState({\n        open: true,\n        message: msg,\n        severity: \"error\",\n      });\n    } else {\n      setIsMinting(true);\n\n      const cost_per_mint = await getCost();\n      const cost = count * cost_per_mint;\n\n      mutantsContract.methods\n        .mint(count)\n        .send({ from: account, value: cost.toString() })\n        .once(\"receipt\", (receipt) => {\n          setAlertState({\n            open: true,\n            message: \"Congrat's! Welcome in the world of Pastel\",\n            severity: \"success\",\n          });\n          // fireConfetti();\n          getInfos();\n          setIsMinting(false);\n        })\n        .catch((e) => {\n          setIsMinting(false);\n        });\n    }\n  };\n\n  if (window.web3) {\n    window.ethereum.on(\"accountsChanged\", function () {\n      window.web3.eth.getAccounts().then((accounts) => {\n        window.location.reload();\n      });\n    });\n\n    window.ethereum.on(\"networkChanged\", function (networkId) {\n      window.location.reload();\n    });\n  }\n\n  return (\n    <>\n      <Loader />\n      <Navbar />\n      <Router>\n        <Switch>\n          <Route exact path=\"/\">\n            <Home\n              alertState={alertState}\n              setAlertState={setAlertState}\n              startDate={startDate}\n              metamask={metamask}\n              isWalletConnected={isWalletConnected}\n              mint={mintToken}\n              isActive={isActive}\n              setIsActive={setIsActive}\n              setCount={setCount}\n              count={count}\n              isPaused={isPaused}\n              isSoldOut={isSoldOut}\n              // isWhitelisted={isWhitelisted}\n              exceedLimit={exceedLimit}\n              // isPresale={isPresale}\n              isPublic={isPublic}\n              isMinting={isMinting}\n            />\n          </Route>\n          <Route exact path=\"/terms\">\n            <Terms />\n          </Route>\n          <Route exact path=\"/mycollection\">\n            <MyCollection\n              contract={contract}\n              tokensContract={tokensContract}\n              serumsContract={serumsContract}\n              mutantsContract={mutantsContract}\n              metamask={metamask}\n              isWalletConnected={isWalletConnected}\n              alertState={alertState}\n              setAlertState={setAlertState}\n              account={account}\n              loadBlockchainData={loadBlockchainData}\n            />\n          </Route>\n          <Route exact path=\"/lookup\">\n            <Lookup\n              contract={contract}\n              tokensContract={tokensContract}\n              serumsContract={serumsContract}\n              mutantsContract={mutantsContract}\n              metamask={metamask}\n              isWalletConnected={isWalletConnected}\n              alertState={alertState}\n              setAlertState={setAlertState}\n              account={account}\n              loadBlockchainData={loadBlockchainData}\n            />\n          </Route>\n          <Route exact path=\"/mutate/:tokenID\">\n            <Mutate\n              contract={contract}\n              tokensContract={tokensContract}\n              serumsContract={serumsContract}\n              mutantsContract={mutantsContract}\n              metamask={metamask}\n              isWalletConnected={isWalletConnected}\n              alertState={alertState}\n              setAlertState={setAlertState}\n              account={account}\n              loadBlockchainData={loadBlockchainData}\n            />\n          </Route>\n          <Route exact path=\"/merch/:tab\">\n            <Merch\n              contract={contract}\n              tokensContract={tokensContract}\n              serumsContract={serumsContract}\n              mutantsContract={mutantsContract}\n              metamask={metamask}\n              isWalletConnected={isWalletConnected}\n              alertState={alertState}\n              setAlertState={setAlertState}\n              account={account}\n              loadBlockchainData={loadBlockchainData}\n            />\n          </Route>\n          <Route exact path=\"/merch\">\n            <Merch\n              contract={contract}\n              tokensContract={tokensContract}\n              serumsContract={serumsContract}\n              mutantsContract={mutantsContract}\n              metamask={metamask}\n              isWalletConnected={isWalletConnected}\n              alertState={alertState}\n              setAlertState={setAlertState}\n              account={account}\n              loadBlockchainData={loadBlockchainData}\n            />\n          </Route>\n          <Route exact path=\"/products/:id\">\n            <Product\n              storeContract={storeContract}\n              tokensContract={tokensContract}\n              metamask={metamask}\n              isWalletConnected={isWalletConnected}\n              account={account}\n            />\n          </Route>\n        </Switch>\n      </Router>\n      <Footer />\n    </>\n  );\n};\n\nexport default App;\n","const reportWebVitals = onPerfEntry => {\n  if (onPerfEntry && onPerfEntry instanceof Function) {\n    import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\n      getCLS(onPerfEntry);\n      getFID(onPerfEntry);\n      getFCP(onPerfEntry);\n      getLCP(onPerfEntry);\n      getTTFB(onPerfEntry);\n    });\n  }\n};\n\nexport default reportWebVitals;\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\nimport reportWebVitals from './reportWebVitals';\n\nReactDOM.render(\n  <React.StrictMode>\n    <App />\n  </React.StrictMode>,\n  document.getElementById('root')\n);\n\n// If you want to start measuring performance in your app, pass a function\n// to log results (for example: reportWebVitals(console.log))\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\nreportWebVitals();\n"],"sourceRoot":""}