{"version":3,"sources":["components/Button.jsx","components/Navbar.jsx","components/HeroSection.jsx","components/Footer.jsx","components/AncientChip.jsx","components/Roadmap.jsx","components/Who.jsx","components/Trailer.jsx","components/pages/Chip.jsx","App.jsx","index.js"],"names":["STYLES","SIZES","Button","children","type","onClick","buttonStyle","buttonSize","checkButtonStyle","includes","checkButtonSize","className","Navbar","props","useState","click","setClick","setButton","connectMobileWallet","a","window","ethereum","request","method","wallet","connect","alert","connectWallet","showButton","innerWidth","useEffect","addEventListener","console","log","address","href","target","status","account","HeroSection","id","autoPlay","muted","loop","src","Footer","class","AncientChip","rel","Roadmap","Who","Trailer","Chip","mintStatus","supply","mint","etherscan","txHash","App","require","setAccount","contract","setContract","chipsSupply","setChipsSupply","setMintStatus","setTxHash","useWallet","initWeb3","networkId","DustMintPass","networks","parseInt","web3","Web3","eth","handleRevert","accounts","abi","contractx","Contract","methods","totalMinted","call","then","result","mintChip","e","options","gas","estimateGas","from","value","gasAmount","send","error","transactionHash","on","hash","confirmationNumber","receipt","catch","err","message","split","path","chainId","connectors","portis","dAppId","ReactDOM","render","document","getElementById"],"mappings":"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","file":"static/js/main.9011de94.chunk.js","sourcesContent":["// import React from 'react';\n// import './Button.css';\n// import { Link } from 'react-router-dom';\n\n// export function Button() {\n//   return (\n//     <Link to='sign-up'>\n//       <button className='btn'>Sign Up</button>\n//     </Link>\n//   );\n// }\n\nimport React from 'react';\nimport './Button.css';\nimport { Link, useRouteMatch} from 'react-router-dom';\n\nconst STYLES = ['btn--primary', 'btn--outline', 'btn--test', 'hidden', 'mint'];\nconst SIZES = ['btn--mobile', 'btn--medium', 'btn--large'];\n\n\n\n\nexport const Button = ({\n  children,\n  type,\n  onClick,\n  buttonStyle,\n  buttonSize\n}) => {\n  const checkButtonStyle = STYLES.includes(buttonStyle)? buttonStyle: STYLES[0];\n\n  const checkButtonSize = SIZES.includes(buttonSize) ? buttonSize : SIZES[0];\n  \n\n\n  return (\n    <div className='btn-mobile'>\n      <button\n        className={`btn ${checkButtonStyle} ${checkButtonSize}`}\n        onClick={onClick}\n        type={type}\n      >\n        {children}\n      </button>\n    </div>\n  );\n};\n","import React, { useState, useEffect } from 'react';\nimport { Button } from './Button';\nimport './Navbar.css';\n\n\nfunction Navbar(props) {\n  const [click, setClick] = useState(false);\n  const [button, setButton] = useState(true);\n\n  const handleClick = () => setClick(!click);\n  const closeMobileMenu = () => setClick(false);\n\n  const connectMobileWallet = async() => {\n    setClick(false);\n    const networkId = await window.ethereum.request({ method: 'eth_chainId' });\n    if(networkId === \"0x1\"){\n      props.wallet.connect()\n    }\n    else{\n      alert(\"Contract not deployed to the selected network. Please switch to mainnet ethereum network and try again.\")\n    }\n  }\n\n  const connectWallet = async () => {\n    const networkId = await window.ethereum.request({ method: 'eth_chainId' });\n    if(networkId === \"0x1\"){\n      props.wallet.connect()\n    }\n    else{\n      alert(\"Contract not deployed to the selected network. Please switch to mainnet ethereum network and try again.\")\n    }\n  }\n\n  const showButton = () => {\n    if (window.innerWidth <= 960) {\n      setButton(false);\n    } else {\n      setButton(true);\n    }\n  };\n\n  useEffect(() => {\n    showButton();\n  }, []);\n\n  window.addEventListener('resize', showButton);\n  console.log(props.address);\n  return (\n    <>\n      <nav className='navbar'>\n        <div className='navbar-container'>\n          <div  className='navbar-logo' onClick={closeMobileMenu}>\n            {/* D&nbsp;&nbsp;U&nbsp;&nbsp;S&nbsp;&nbsp;T */}\n            \n          </div>\n          <div className='menu-icon' onClick={handleClick}>\n            <div className={click ? 'close' : 'open'} />\n          </div>\n          <ul className={click ? 'nav-menu active' : 'nav-menu'}>\n            <li>\n            <div className=\"social-container-nav mobile \">\n                <a href=\"https://discord.gg/qNZ2KptuNV\" target=\"_blank\">\n                  <span className='social social-icon-link discord' aria-label='Discord'>\n                    {/* <i class='fab fa-discord' /> */}\n                    <div className=\"discord\"></div>\n                  </span>\n                </a>\n                <a href=\"https://twitter.com/dust_nft\" target=\"_blank\">\n                  <span className='social social-icon-link twitter' aria-label='Twitter'>\n                    <div className=\"twitter\"></div>\n                  </span>\n                </a>\n              </div>\n            </li>\n            <li>\n            {props.wallet.status === 'connected' ? (\n                <>\n                <p className=\"address-mobile\">{props.wallet.account}</p>\n                </>\n              ) : (\n                <>\n                <div className=\"mobile-btn\">\n                <Button buttonStyle='btn--outline' buttonSize='btn--mobile'  onClick={connectMobileWallet}>connect MetaMask</Button> \n                </div>\n                </>\n              )}\n            </li>\n            <li className=\"address\">\n            {/* {props.account} */}\n            </li>\n           \n          </ul>\n            <div className=\"right\">\n              {props.wallet.status === 'connected' ? (\n                <>\n                <p className=\"address\">{props.wallet.account}</p>\n                </>\n              ) : (\n\n                <Button buttonStyle='btn--outline' onClick={ connectWallet}>connect MetaMask</Button> \n              )}\n              <div className=\"social-container-nav\">\n                <a href=\"https://discord.gg/qNZ2KptuNV\" target=\"_blank\">\n                  <span className='social social-icon-link discord' aria-label='Discord'>\n                    {/* <i class='fab fa-discord' /> */}\n                    <div className=\"discord\"></div>\n                  </span>\n                </a>\n                <a href=\"https://twitter.com/dust_nft\" target=\"_blank\">\n                  <span className='social social-icon-link twitter' aria-label='Twitter'>\n                    <div className=\"twitter\"></div>\n                  </span>\n                </a>\n              </div>\n            </div>\n          \n        </div>\n      </nav>\n    </>\n  );\n}\n\nexport default Navbar;\n","import React from 'react';\nimport '../App.css';\nimport { Button } from './Button';\nimport './HeroSection.css';\n\n\nfunction HeroSection(props) {\n  return (\n    <div className='hero'>\n      \n      <video id=\"hero-video\" autoPlay muted loop >\n        <source src=\"/videos/HERO.webm\" type='video/webm'/>\n        <p>This is fallback content to display for user agents that do not support the video tag.</p>\n      </video>  \n      \n      <p>OCULUS QUEST 2 VR NFT</p>\n      <p>NOVEMBER 2021</p>\n      <br/>\n      <div className=\"scroll-icon\"></div>\n      \n      \n      \n    \n      \n    </div>\n  );\n}\n\nexport default HeroSection;\n","import React from 'react';\nimport './Footer.css';\nimport { Link } from 'react-router-dom';\n\nfunction Footer() {\n  return (\n    <div className='footer-container'>\n      <small class='website-rights'>COMING SOON / NOVEMBER 2021</small>\n    </div>\n  );\n}\n\nexport default Footer;\n","\nimport './AncientChip.css';\nimport React from 'react'\n\n\n\nfunction AncientChip() {\n  return (\n    <>\n    <div className=\"chip-img-top\"></div>\n    <div className=\"chip-container\" >\n        <div className=\"chip-header\">WHAT THE [ANCIENT CHIP] IS?</div>\n        <div className=\"line\"></div>\n        <br/>\n        <div className=\"description\">\t\n        The Ancient Chip is a relic with special powers that was left behind by a now vanished civilization. What powers does it hold? As more and more Ancient Chips get spread into the hands of DUST followers, the powers will slowly be revealed to those who hold it. There are only 222 Ancient Chips known to exist, so be one of the first discoverers and benefit as its powers are unlocked. \n        <a className=\"link os\"href=\"https://opensea.io/collection/dust-ancient-chip\" target=\"_blank\" rel=\"noreferrer\"> View the collection on OpenSea</a>\n        </div>\n        <div className=\"center\">\n            <div className=\"img one\"></div>\n            <div className=\"img two\"></div>\n            <div className=\"img three\"></div>\n        </div>\n        <div className=\"description\">Owning this NFT not only gives you a special Discord role with a secret Ancient channel, but also an opportunity to win other NFTs, receive exclusive airdrops, get access to the Elements and PFP Elementals presales, be a part of the VR experience beta and many more.</div>\n        <div className=\"description\">The only question is: are you worthy?</div>\n\n        <div className=\"chip-img-bottom\"></div>\n        \n\n\n    </div>\n    \n    \n    </>\n  );\n}\n\nexport default AncientChip;\n","\nimport './Roadmap.css';\nimport React from 'react'\n\n\n\nfunction Roadmap() {\n  return (\n    <>\n    <section className='timeline-section'>\n        <h1 id=\"roadmap-header\" className=\"roadmap-header\">ROADMAP</h1>\n        <div className=\"line cntr\"></div>\n        <div class=\"timeline-items\">\n            <div class=\"timeline-item\">\n                <div className=\"timeline-dot\"></div>\n                <div className=\"timeline-date\"></div>\n                <div class=\"timeline-content\">\n                    <h2>PHASE 0.0_ OCULUS GIVEAWAY #1</h2>\n                    <p>First 10 DUST NFTs + one Oculus Quest 2 VR headset.<br/>Twitter + Disccord giveaway, 10 members in total</p>\n                </div>\n            </div>\n            <div class=\"timeline-item\">\n                <div className=\"timeline-dot\"></div>\n                <div className=\"timeline-date\"></div>\n                <div class=\"timeline-content\">\n                    <h2>PHASE 0.1_ ANCIENT CHIP</h2>\n                    <p>222 free NTFs that grants special benefits to its holders as its powers are unlocked.</p>\n                </div>\n            </div>\n            <div class=\"timeline-item\">\n                <div className=\"timeline-dot\"></div>\n                <div className=\"timeline-date\"></div>\n                <div class=\"timeline-content\">\n                    <h2>PHASE 0.2_ GRILLZ GANG GIVEAWAY</h2>\n                    <p>Grillz #4007 NFT raffle for Ancient Chip holders.\n                    </p>\n                </div>\n            </div>\n            <div class=\"timeline-item\">\n                <div className=\"timeline-dot\"></div>\n                <div className=\"timeline-date\"></div>\n                <div class=\"timeline-content\">\n                    <h2></h2>\n                    <p>\n                    <br />\n                    <br />\n                    <br />\n                    </p>\n                </div>\n            </div>\n            <div class=\"timeline-item\">\n                <div className=\"timeline-dot\"></div>\n                <div className=\"timeline-date\"></div>\n                <div class=\"timeline-content\">\n                    <h2></h2>\n                    <p>\n                    <br />\n                    <br />\n                    <br />\n                    </p>\n                </div>\n            </div>\n            <div class=\"timeline-item\">\n                <div className=\"timeline-dot\"></div>\n                <div className=\"timeline-date\"></div>\n                <div class=\"timeline-content\">\n                    <h2>PHASE 0.5_ BIOMES</h2>\n                    <p>First 10 DUST Biome NFTs will be up for bidding on OpenSea for 24 hours auction.\n                    <br />\n                    1 day = 1 biome = 10 days in total. Highest bid wins, and the Biome holder becomes a @LORD.<br />\n                    We will reveal what are the biomes for later, there also will be at least one more Biome-bidding-drop in the future.\n                    <br />\n                    </p>\n                </div>\n            </div>\n            <div class=\"timeline-item\">\n                <div className=\"timeline-dot\"></div>\n                <div className=\"timeline-date\"></div>\n                <div class=\"timeline-content\">\n                    <h2>PHASE 1.0_ CHIP HOLDERS PRESALE</h2>\n                    <p>Ancient Chip holders get to mint max 5 elements per wallet.<br />\n                    Mint 5 to get one extra for free\n                    </p>\n                </div>\n            </div>\n            <div class=\"timeline-item\">\n                <div className=\"timeline-dot\"></div>\n                <div className=\"timeline-date\"></div>\n                <div class=\"timeline-content\">\n                    <h2></h2>\n                    <p> \n                    <br />\n                    <br />\n                    <br />\n                    </p>\n                </div>\n            </div>\n            <div class=\"timeline-item\">\n                <div className=\"timeline-dot\"></div>\n                <div className=\"timeline-date\"></div>\n                <div class=\"timeline-content\">\n                    <h2>PHASE 1.2_ PUBLIC SALE</h2>\n                    <p>10 000 elements (minus the ones sold in presale phase) will be available to mint for 5 days and 5 days only. All of the remaining (unsold) elements will be burned into $DUST and sent to element holders (amount sent depends on the elements amount in your wallet).\n                    \n                    </p>\n                </div>\n            </div>\n            \n        </div>\n        \n    </section>\n    <div className=\"space\">\n        <p>FOR MORE INFORMATION</p>\n        <p>JOIN OUR <a href=\"https://discord.com/invite/qNZ2KptuNV\" target=\"_blank\" rel=\"noreferrer\">DISCORD</a> AND FOLLOW OUR <a href=\"https://twitter.com/dust_nft\" target=\"_blank\" rel=\"noreferrer\">TWITTER</a></p>\n    </div>\n    </>\n  );\n}\n\nexport default Roadmap;\n\n\n/*\n- PHASE 0.0_ OCULUS GIVEAWAY #1\nFirst 10 DUST NFTs + one Oculus Quest 2 VR headset.\n\n- PHASE 0.1_ ANCIENT CHIP\n222 free NTFs that grants special benefits to its holders as its powers are unlocked.\n\n- PHASE 0.2_ GRILLZ GANG GIVEAWAY \nGrillz #4007 NFT raffle for Ancient Chip holders.\n\n- PHASE 0.3_ GRILLZ GANG WHITELIST\n- True OG Badge holders (555 badges) - max 3 NFTs per holder;\n- 55 whitelist giveaway (GG server open raffle) - 1 NFT for each winner.\n\n- PHASE 0.4_ 888 INNER CIRCLE WHITELIST\n- 888 special (about 300 holders have the min 8 to qualify) - max 3 mint;\n- 88 whitelist giveaway (done via raffle in 888 server for ANY holder) - max 1 mint.\n\n- PHASE 0.5_ BIOMES\nFirst 10 DUST Biome NFTs will be up for bidding on OpenSea for 24 hours auction. \n1 day = 1 biome = 10 days in total. Highest bid wins, and the Biome holder becomes a @LORD.\nWe will reveal what are the biomes for later, there also will be at least one more Biome-bidding-drop in the future.\n\n*\n\n- PHASE 1.0_ CHIP HOLDERS PRESALE\nCHIP holders (222 cards) - max 6 mints.\nPrice: 0.05 ETH + gas / element.\n\n- PHASE 1.1_ GG + 888 PRESALE\nMax 3 mints. \nPrice: 0.05 ETH + gas / element.\n\n- PHASE 1.2_ PUBLIC SALE\n10 000 elements (minus the ones sold in presale phase) will be available to mint for 5 days and 5 days only. All of the remaining (unsold) elements will be burned into $DUST and sent to element holders (amount sent depends on the elements amount in your wallet). \nPrice: 0.05 ETH + gas / element.\n*/","\nimport './Who.css';\nimport React from 'react'\n\n\n\nfunction Who() {\n  return (\n    <>\n    <div className=\"who-container\" >\n        <div id=\"who-header\" className=\"who-header\">WHO WE ARE</div>\n        <div className=\"line\"></div>\n        <br/>\n        <div className=\"description\">We are the ancient elemental council. We are now. We were before. We are everything that will remain. Become one of us.</div>\n        <div className=\"description\">You know us, and we know you. We are all made of the five elements. Metaverse elements.<br/>When you’ll collect all five, our form will be revealed. Be ready.</div>\n        <div className=\"description\">We are.</div>\n      \n    </div>\n    <div className=\"after-who\" ></div>\n    \n    </>\n  );\n}\n\nexport default Who;\n","\nimport './Trailer.css';\nimport React from 'react'\n\n\n\nfunction Trailer() {\n  return (\n    <>\n    <div className=\"trailer-container\" >\n        <br/>\n        \n        <div className=\"trailer-header\">ANNOUNCEMENT TRAILER</div>\n        <div className=\"line\"></div>\n        <br/>\n        <div className=\"player\">\n            <iframe \n                src=\"https://www.youtube.com/embed/cHv1Ax6CQ04?controls=0\">\n            </iframe>\n        </div>\n        <br/>\n        <div className=\"below\">There are five different core elements. </div>\n        <div className=\"below\">Which one is the most powerful? Is it possible to have all the power? To be undefeated? To be unstoppable?<br/>To control all the elements?</div>\n        <div className=\"below\">Does an almighty elemental exist? You might be one of them...</div>\n        \n    </div>\n    </>\n  );\n}\n\nexport default Trailer;\n","import React from 'react';\nimport '../HeroSectionMint.css';\nimport '../Loader.css';\nimport { Button } from '../Button';\nimport Navbar from '../Navbar';\n\nexport default function Chip(props) {\n  if(props.mintStatus===''){\n  \n    return(\n      <>\n      <Navbar account={props.account} wallet={props.wallet}/>\n      <div className='hero-container chip'>\n        {props.wallet.status === 'connected' ? (\n          <>\n          <div className=\"paragraph small\">GET YOUR FREE ANCIENT CHIP CARD NOW</div>\n          \n          <div className=\"paragraph large\">{props.supply} OF 222 MINTED</div>\n          <br />\n          \n          {props.supply <222 ?\n          <Button className='btns' buttonStyle='mint' buttonSize='btn--large' onClick={props.mint}>M I N T</Button>\n          :\n          <Button className='btns' buttonStyle='mint' buttonSize='btn--large' >S O L D &nbsp;O U T</Button>\n          }\n          </>\n        ) : (\n          <p></p>\n        )}\n        \n      </div>  \n      </>\n    );\n  }\n  else if(props.mintStatus==='confirmation'){\n    return (\n      <>\n      <Navbar account={props.account} wallet={props.wallet}/>\n      <div className='hero-container chip'>\n\n        <div className=\"spacer\"></div>\n          \n        <h2>Confirm transaction in your MetaMask wallet.</h2>\n        <div className=\"loader\">\n          <div className=\"face\">\n            <div className=\"circle\"></div>\n          </div>\n          <div className=\"face\">\n            <div className=\"circle\"></div>\n          </div>\n        </div>\n      </div>\n      </>\n    );\n  }\n  else if(props.mintStatus==='inprogress'){\n    \n    let etherscan = \"https://etherscan.io/tx/\" + props.txHash\n    return (\n      <>\n      <Navbar account={props.account} wallet={props.wallet}/>\n      <div className='hero-container inprogress'>\n        \n        <div className=\"spacer\"></div>\n          \n        <div className=\"top\">Transaction is in progress.</div>\n        <div className=\"loader\">\n          <div className=\"face\">\n            <div className=\"circle\"></div>\n          </div>\n          <div className=\"face\">\n            <div className=\"circle\"></div>\n          </div>\n        </div>\n        <div className=\"paragraph bottom\">SEE YOUR TRANSACTION DETAILS ON ETHERSCAN:  \n          <br/>\n          <a href={etherscan} className=\" link\" target=\"_blank\"> {props.txHash}</a>\n        </div>\n    \n      </div>\n      </>\n    );\n  }\n  else if(props.mintStatus==='success'){\n    let etherscan = \"https://etherscan.io/tx/\" + props.txHash\n    return (\n      <>\n       <Navbar account={props.account} wallet={props.wallet}/>\n      <div className='hero-container minted'> \n      \n        {/* <video id=\"hero-video\" autoPlay muted loop playsInline >\n          <source src=\"/videos/ANCIENT-CHIP.mp4\" type='video/mp4'/>\n          <p className=\"ppp\">This is fallback content to display for user agents that do not support the video tag.</p>\n        </video>   */}\n        \n          \n        <div className=\"large-minted\">M I N T E D</div>\n        <div className=\"paragraph bottom\">SEE YOUR TRANSACTION DETAILS ON ETHERSCAN:  \n          <br/>\n          <a href={etherscan} className=\" link\" target=\"_blank\"> {props.txHash}</a>\n        </div>\n      </div>\n      </>\n    );\n  }\n  else{\n    return (\n      <>\n       <Navbar account={props.account} wallet={props.wallet}/>\n      <div className='hero-container chip'>\n        {/* <video id=\"hero-video\" autoPlay muted loop playsInline >\n          <source src=\"/videos/ANCIENT-CHIP.mp4\" type='video/mp4'/>\n          <p className=\"ppp\">This is fallback content to display for user agents that do not support the video tag.</p>\n        </video>   */}\n        <div className=\"spacer\"></div>\n          \n        <h2>{props.mintStatus}</h2>\n              \n      </div>\n      </>\n    )\n    \n  }\n  \n}\n","// import 'bootstrap/dist/css/bootstrap.min.css';\n\n\nimport { BrowserRouter as Router, Switch, Route, Link} from 'react-router-dom';\n\nimport React, { useState, useEffect, useRef} from 'react';\nimport { useWallet, UseWalletProvider } from 'use-wallet'\nimport Web3 from 'web3';\n// import dust from './abis/Dust.json'\nimport DustMintPass from './abis/DustMintPass.json'\nimport AncientChip from './abis/AncientChip.json'\nimport Navbar from './components/Navbar';\n// import HeroSectionMint from './components/HeroSectionMint';\nimport HeroSection from './components/HeroSection';\n\n// // import HeroSectionCountdown from './components/HeroSectionCountdown';\nimport Footer from './components/Footer';\nimport AncientChipComp from './components/AncientChip';\nimport Roadmap from './components/Roadmap';\nimport Who from './components/Who'\nimport Trailer from './components/Trailer'\n\nimport Landing from './components/Landing'\nimport Chip from './components/pages/Chip'\n\nfunction App (){\n  var fitToRange = require('fit-to-range');\n\n\n  const [account, setAccount] = useState('');\n  const [contract, setContract] = useState(null);\n  const [totalSupply, setTotalSupply] = useState(0);\n\n\n\n  const [chipsSupply, setChipsSupply] = useState(0);\n  const [mintStatus, setMintStatus] = useState('');\n  const [txHash, setTxHash] = useState('');\n\n  \n  const ethereum = window.ethereum;\n  const wallet = useWallet()\n  console.log(mintStatus)\n  \n\n  useEffect(() => {\n    initWeb3();\n    supply();\n  }, []);\n\n\n  \n\n // ANCIENT CHIP ->\n  const initWeb3 = async() =>{\n    if(window.ethereum){\n      const networkId = await window.ethereum.request({ method: 'eth_chainId' });\n      \n      const networkData = DustMintPass.networks[parseInt(networkId)];\n      const web3 = new Web3(window.ethereum);\n      web3.eth.handleRevert = true;\n      const accounts = await window.ethereum.request({ method: 'eth_accounts' });\n      setAccount(accounts[0]);\n      const abi = AncientChip.abi;\n      const address = \"0x8B56b4C300d58E7f5694dd8EC35aee9Dd054881D\";\n      const contractx = new web3.eth.Contract(abi, address);\n      setContract(contractx);\n      console.log(web3.eth.handleRevert);\n      await contractx.methods.totalMinted().call().then(function(result){setChipsSupply(result)});\n    }\n      \n  }\n  const mintChip = async(e) =>{\n    const networkId = await window.ethereum.request({ method: 'eth_chainId' });\n    if(networkId !==\"0x1\"){\n      alert(\"Contract not deployed to the selected network. Please switch to mainnet ethereum network and try again.\")\n\n      return\n    }\n    if(contract) {\n      contract.options.handleRevert = true;\n      var gas = 300000;\n      \n      contract.methods.mintChip().estimateGas({from: wallet.account, value: 0}).then(function(gasAmount){\n        gas = gasAmount;\n        console.log(gas);\n        setMintStatus('confirmation');\n        \n        \n        contract.methods.mintChip().send({from: wallet.account, gas:gas, value: 0}, function(error, transactionHash){ console.log(error)})\n        .on('transactionHash', function(hash){\n          setTxHash(hash)\n          setMintStatus('inprogress')\n         \n        })\n        .on('confirmation', function(confirmationNumber, receipt){\n          if(receipt.status===false){\n            setMintStatus('Transaction failed')\n \n            return;\n          }else{\n            setMintStatus('success')\n\n            supply()\n          }\n        }).on('error', function(error, receipt) { // If the transaction was rejected by the network with a receipt, the second parameter will be the receipt.\n          setMintStatus('Transaction failed')\n\n        }).catch(function(e){\n          setMintStatus('Transaction failed')\n\n          console.log(e)\n        });\n      }).catch(function(err){\n        console.log(err.message.split(\"{\")[0])\n        setMintStatus(err.message.split(\"{\")[0])\n\n        gas = 300000;\n      })\n\n      \n\n      \n      \n    }else {\n      window.alert('Smart contract not deployed to detected network.')\n    }\n  }    \n  async function supply(){\n    if(contract) {\n      console.log(\"supply updated\")\n      await contract.methods.totalMinted().call().then(function(result){setChipsSupply(result)});\n    }\n  }\n  \n\n\n  const[count, updateCount] = useState(1);\n\n  function counterUpdate(n){\n    console.log(count);\n    if(count + n >= 1 && count + n <= 5){\n      updateCount(count => count + n);\n      console.log(count);\n    }\n  }\n  \n\n    return (\n      <>\n      \n      <Router>\n        <Navbar account={account} wallet={wallet}/>\n        <Switch>\n          <Route path=\"/chip\" >\n            <Chip account={account} wallet={wallet} mint={() => {mintChip()}} mintStatus={mintStatus} txHash = {txHash} supply = {chipsSupply}/>\n          </Route>\n          <Route path=\"/\" >\n            {/* <HeroSectionMint totalSupply={totalSupply} mint={() => {mintChip()}} counterUpdate = {(n) => counterUpdate(n)} count ={count}/> */}\n            <HeroSection />\n            <Who />\n            <Roadmap />\n            <Trailer />\n            <AncientChipComp />\n            <Footer />\n            {/* <Landing /> */}\n          </Route>\n        </Switch>\n        \n      </Router> \n    \n    {/* <Landing /> */}\n      </>\n    );\n} \n\n\nexport default () => (\n  <UseWalletProvider\n    chainId={3}\n    connectors={{\n      // This is how connectors get configured\n      portis: { dAppId: 'thedustxyz' },\n    }}\n  >\n    <App />\n  </UseWalletProvider>\n)","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport App from './App';\n\nReactDOM.render(<App />, document.getElementById('root'));\n"],"sourceRoot":""}