{"version":3,"sources":["App.js","reportWebVitals.js","index.js"],"names":["App","React","useState","accountNo","setAccountNo","validity","setValidty","className","src","alt","width","role","xmlns","viewBox","d","type","aria-label","value","onChange","e","console","log","target","onBlur","onClick","length","axios","get","then","response","data","filter","href","rel","reportWebVitals","onPerfEntry","Function","getCLS","getFID","getFCP","getLCP","getTTFB","ReactDOM","render","StrictMode","document","getElementById"],"mappings":"sOA8HeA,MAvHf,WAAgB,IAAD,EACqBC,IAAMC,SAAS,IADpC,mBACNC,EADM,KACKC,EADL,OAEkBH,IAAMC,SAAS,IAFjC,mBAENG,EAFM,KAEIC,EAFJ,KA0Bb,OACE,qBAAKC,UAAU,MAAf,SACE,yBAAQA,UAAU,aAAlB,UACE,qBACEC,IAAI,qCACJC,IAAI,aACJC,MAAM,QAER,oBAAIH,UAAU,QAAd,2DACc,UAAbF,GACC,qBACEE,UAAU,oFACVI,KAAK,QAFP,SAIE,sBAAKJ,UAAU,OAAf,UACE,qBAAKA,UAAU,OAAf,SACE,qBACEA,UAAU,4CACVK,MAAM,6BACNC,QAAQ,YAHV,SAKE,sBAAMC,EAAE,uJAGZ,gCACE,mBAAGP,UAAU,yBAAb,4CAGA,mBAAGA,UAAU,UAAb,qEAOM,SAAbF,GACC,qBACEE,UAAU,sFACVI,KAAK,QAFP,SAIE,sBAAKJ,UAAU,OAAf,UACE,qBAAKA,UAAU,SACf,8BACE,mBAAGA,UAAU,uBAAb,gDAQR,sBAAMA,UAAU,kBAAhB,SACE,sBAAKA,UAAU,kDAAf,UACE,uBACEA,UAAU,8HACVQ,KAAK,OACLC,aAAW,iBACXC,MAAOd,EACPe,SAnEK,SAACC,GAChBC,QAAQC,IAAIF,EAAEG,OAAOL,OACrBb,EAAae,EAAEG,OAAOL,QAkEZM,OAhEG,SAACJ,GACdC,QAAQC,IAAIF,EAAEG,OAAOL,OACrBb,EAAae,EAAEG,OAAOL,UAgEd,wBACEV,UAAU,wGACVQ,KAAK,SACLS,QAAS,WACPpB,EAAa,IACbE,EAAW,KALf,mBAUA,wBACEkB,QA9FG,WACTrB,GAAaA,EAAUsB,OAAS,GAClCC,IAAMC,IARV,oJAQmBC,MAAK,SAACC,GAE+B,IADtCA,EAASC,KACbC,QAAO,SAACZ,GAAD,OAAOA,IAAMhB,KAAWsB,OACrCnB,EAAW,QAEXA,EAAW,aAwFPC,UAAU,gFACVQ,KAAK,SAHP,yBASJ,mBACER,UAAU,kBACVyB,KAAK,sBACLV,OAAO,SACPW,IAAI,sBAJN,oCCrGOC,EAZS,SAAAC,GAClBA,GAAeA,aAAuBC,UACxC,6BAAqBR,MAAK,YAAkD,IAA/CS,EAA8C,EAA9CA,OAAQC,EAAsC,EAAtCA,OAAQC,EAA8B,EAA9BA,OAAQC,EAAsB,EAAtBA,OAAQC,EAAc,EAAdA,QAC3DJ,EAAOF,GACPG,EAAOH,GACPI,EAAOJ,GACPK,EAAOL,GACPM,EAAQN,OCDdO,IAASC,OACP,cAAC,IAAMC,WAAP,UACE,cAAC,EAAD,MAEFC,SAASC,eAAe,SAM1BZ,M","file":"static/js/main.83a45840.chunk.js","sourcesContent":["import React from \"react\";\nimport axios from \"axios\";\nimport \"./App.css\";\n\nconst url =\n  \"https://firebasestorage.googleapis.com/v0/b/creepies-json.appspot.com/o/whitelist%2010.json?alt=media&token=3a6041f7-14fc-4c17-b232-3267ad9069cf\";\n\nfunction App() {\n  const [accountNo, setAccountNo] = React.useState(\"\");\n  const [validity, setValidty] = React.useState(\"\");\n\n  const verify = () => {\n    if (accountNo && accountNo.length > 0) {\n      axios.get(url).then((response) => {\n        const arr = response.data;\n        if (arr.filter((e) => e === accountNo).length === 1) {\n          setValidty(\"true\");\n        } else {\n          setValidty(\"false\");\n        }\n      });\n    }\n  };\n\n  const onChange = (e) => {\n    console.log(e.target.value);\n    setAccountNo(e.target.value);\n  };\n  const onBlur = (e) => {\n    console.log(e.target.value);\n    setAccountNo(e.target.value);\n  };\n\n  return (\n    <div className=\"App\">\n      <header className=\"App-header\">\n        <img\n          src=\"https://creepies.io/images/eye.gif\"\n          alt=\"creepy eye\"\n          width=\"300\"\n        />\n        <h2 className=\"mb-10\">Check if your metamask address is whitelisted</h2>\n        {validity === \"false\" && (\n          <div\n            className=\"px-4 py-3 text-teal-900 bg-red-700 border-t-4 border-teal-500 rounded-b shadow-md\"\n            role=\"alert\"\n          >\n            <div className=\"flex\">\n              <div className=\"py-1\">\n                <svg\n                  className=\"w-6 h-6 mr-4 text-yellow-400 fill-current\"\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  viewBox=\"0 0 20 20\"\n                >\n                  <path d=\"M2.93 17.07A10 10 0 1 1 17.07 2.93 10 10 0 0 1 2.93 17.07zm12.73-1.41A8 8 0 1 0 4.34 4.34a8 8 0 0 0 11.32 11.32zM9 11V9h2v6H9v-4zm0-6h2v2H9V5z\" />\n                </svg>\n              </div>\n              <div>\n                <p className=\"font-bold text-red-300\">\n                  Your wallet is not whitelisted\n                </p>\n                <p className=\"text-sm\">\n                  Make sure you have entered the correct address.\n                </p>\n              </div>\n            </div>\n          </div>\n        )}\n        {validity === \"true\" && (\n          <div\n            className=\"px-4 py-3 text-teal-900 bg-green-600 border-t-4 border-teal-500 rounded-b shadow-md\"\n            role=\"alert\"\n          >\n            <div className=\"flex\">\n              <div className=\"py-1\"></div>\n              <div>\n                <p className=\"font-bold text-white\">\n                  Your wallet is whitelisted!\n                </p>\n              </div>\n            </div>\n          </div>\n        )}\n\n        <form className=\"w-full max-w-md\">\n          <div className=\"flex items-center py-2 border-b border-teal-500\">\n            <input\n              className=\"w-full px-2 py-1 mr-3 text-base leading-tight text-yellow-400 bg-transparent border-none appearance-none focus:outline-none\"\n              type=\"text\"\n              aria-label=\"account number\"\n              value={accountNo}\n              onChange={onChange}\n              onBlur={onBlur}\n            />\n            <button\n              className=\"flex-shrink-0 px-2 py-1 text-sm text-teal-500 border-4 border-transparent rounded hover:text-teal-800\"\n              type=\"button\"\n              onClick={() => {\n                setAccountNo(\"\");\n                setValidty(\"\");\n              }}\n            >\n              Clear\n            </button>\n            <button\n              onClick={verify}\n              className=\"px-4 py-2 font-bold text-black bg-yellow-400 rounded-full hover:bg-yellow-300\"\n              type=\"button\"\n            >\n              Verify\n            </button>\n          </div>\n        </form>\n        <a\n          className=\"text-yellow-400\"\n          href=\"https://creepies.io\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n        >\n          © creepies.io\n        </a>\n      </header>\n    </div>\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":""}