{"version":3,"sources":["styles/globalStyles.js","redux/blockchain/blockchainReducer.js","redux/data/dataReducer.js","redux/store.js","redux/data/dataActions.js","redux/blockchain/blockchainActions.js","components/Loader/loader.js","pages/HomePage/Home.js","styles/fonts/wonder.ttf","styles/fontStyles.js","App.js","reportWebVitals.js","index.js"],"names":["Body","styled","div","SpacerSmall","SpacerLarge","Container","flex","fd","jc","ai","wid","TextTitle","p","color","size","TextDescription","align","Mint","hr","col","gap","Line","img","FlexContainer","mt","connectButton","button","LinkS","initialState","loading","account","smartContract","web3","errorMsg","blockchainReducer","state","action","type","payload","totalSupply","cost","error","dataReducer","rootReducer","combineReducers","blockchain","data","middleware","thunk","composeEnhancers","compose","applyMiddleware","store","createStore","fetchDataFailed","fetchData","dispatch","a","getState","methods","call","console","log","providerOptions","walletconnect","package","WalletConnectProvider","options","infuraId","rpc","connectSuccess","connectFailed","connectWallet","fetch","headers","Accept","abiResponse","json","abi","configResponse","CONFIG","localStorage","removeItem","web3Modal","Web3Modal","network","cacheProvider","connect","provider","Web3","Web3EthContract","setProvider","eth","getAccounts","accounts","request","method","networkId","NETWORK_ID_WALLET","NETWORK","ID","SmartContractObj","CONTRACT_ADDRESS","on","updateAccount","window","location","reload","NAME","message","includes","String","Loader","className","width","strokeColor","createAlchemyWeb3","require","Contract","Home","useDispatch","useSelector","useState","claimingNft","setClaimingNft","setMintDone","supply","setTotalSupply","setTotalFreeSupply","feedback","setFeedback","statusAlert","setStatusAlert","mintAmount","setDisplayCost","setState","nftCost","setNftCost","disable","setDisable","setMax","setLoading","SCAN_LINK","SYMBOL","NFT_NAME","MAX_SUPPLY","WEI_COST","DISPLAY_COST","GAS_LIMIT","MARKETPLACE","MARKETPLACE_LINK","SHOW_BACKGROUND","SET_CONFIG","claimNFTs","utils","toWei","gasLimit","totalCostWei","totalGasLimit","mint","send","to","from","value","once","err","then","receipt","res","getData","currentState","getDataWithAlchemy","contract","currentProvider","maxFree","puCost","fromWei","maxMintAmountPublic","puMax","getConfig","config","useEffect","setTimeout","href","src","alt","id","disabled","onClick","e","preventDefault","style","textAlign","cursor","role","display","letterSpacing","FontStyles","createGlobalStyle","wonder","ReactGA","initialize","theme","colors","body","textColor","App","reportWebVitals","onPerfEntry","Function","getCLS","getFID","getFCP","getLCP","getTTFB","ReactDOM","render","document","getElementById"],"mappings":"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","file":"static/js/main.98b5447e.chunk.js","sourcesContent":["import styled from \"styled-components\";\nimport { Link as LinkS } from \"react-scroll\";\n// Used for wrapping a page component\nexport const Body = styled.div`\n  width: 100%;\n  min-height: 100vh;\n  display: flex;\n  flex-direction: column;\n  margin: 0;\n  padding: 0;\n  box-sizing: border-box;\n`;\n\n// Used for providing space between components\nexport const SpacerXSmall = styled.div`\n  height: 8px;\n  width: 8px;\n`;\n\n// Used for providing space between components\nexport const SpacerSmall = styled.div`\n  height: 16px;\n  width: 16px;\n`;\n\n// Used for providing space between components\nexport const SpacerMedium = styled.div`\n  height: 24px;\n  width: 24px;\n`;\n\n// Used for providing space between components\nexport const SpacerLarge = styled.div`\n  height: 32px;\n  width: 32px;\n`;\n\n// Used for providing a wrapper around a component\nexport const Container = styled.div`\n  display: flex;\n  flex: ${({ flex }) => (flex ? flex : 0)};\n  flex-direction: ${({ fd }) => (fd ? fd : \"column\")};\n  justify-content: ${({ jc }) => (jc ? jc : \"flex-start\")};\n  align-items: ${({ ai }) => (ai ? ai : \"flex-start\")};\n  width: ${({ wid }) => (wid ? wid + \"%\" : \"100%\")};\n\n  @media screen and (max-width: 768px) {\n    flex-wrap: wrap;\n  }\n`;\n\nexport const AmountContainer = styled.div`\n  display: flex;\n  flex: ${({ flex }) => (flex ? flex : 0)};\n  flex-direction: ${({ fd }) => (fd ? fd : \"column\")};\n  justify-content: ${({ jc }) => (jc ? jc : \"flex-start\")};\n  align-items: ${({ ai }) => (ai ? ai : \"flex-start\")};\n  width: ${({ wid }) => (wid ? wid + \"%\" : \"100%\")};\n`;\n\nexport const TextTitle = styled.p`\n  color: ${({ color }) => (color ? color : \"#fff\")};\n  font-size: ${({ size }) => (size ? size + \"rem\" : \"2.2rem\")};\n  font-weight: 500;\n  line-height: 1.1;\n  font-family: \"wonder\";\n  text-align: center;\n  color: var(--primary) !important ;\n\n  @media only screen and (max-width: 768px) {\n    font-size: 2.1rem;\n    line-height: 1.5;\n  }\n`;\n\nexport const TextSubTitle = styled.p`\n  color: ${({ color }) => (color ? color : \"#fff\")};\n  font-size: ${({ size }) => (size ? size + \"rem\" : \"1.5rem\")};\n  font-family: \"wonder\";\n  text-align: ${({ align }) => (align ? align : \"center\")};\n`;\n\nexport const TextDescription = styled.p`\n  color: ${({ color }) => (color ? color : \"#fff\")};\n  font-size: ${({ size }) => (size ? size : \"1.5rem\")};\n  line-height: 1.6;\n  font-family: \"wonder\";\n  text-align: center;\n  width: 90%;\n  display: block;\n  margin: 0 auto;\n\n  @media screen and (min-width: 768px) {\n    margin-top: 0;\n  }\n`;\n\nexport const StyledClickable = styled.div`\n  :active {\n    opacity: 0.6;\n  }\n`;\n\nexport const line = styled.hr`\n  width: 100%;\n  color: #e0e0e0;\n`;\n\nexport const row = styled.div`\n  display: grid;\n  grid-template-columns: ${({ col }) =>\n    col ? col + \"%\" + col + \"%\" : \"50% 50%\"};\n  width: ${({ wid }) => (wid ? wid + \"%\" : \"100%\")};\n  justify-content: ${({ jc }) => (jc ? jc : \"flex-start\")};\n  align-items: ${({ ai }) => (ai ? ai : \"flex-start\")};\n  column-gap: ${({ gap }) => (gap ? gap + \"%\" : \"20%\")};\n\n  @media screen and (max-width: 768px) {\n    grid-template-columns: ${({ col }) =>\n      col ? col + \"%\" + col + \"%\" : \"100%\"};\n  }\n`;\n\nexport const Mint = styled.div`\n  padding: 20px 30px;\n  border-radius: 25px;\n  width: 35%;\n  margin: 0;\n  position: absolute;\n  top: 50%;\n  -ms-transform: translateY(-50%);\n  transform: translateY(-50%);\n  background: rgba(0,0,0,0.3);\n  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);\n\n  @media screen and (max-width: 1024px) {\n    width: 80%;\n    margin-top: 25vh;\n  }\n\n  @media screen and (max-width: 768px) {\n    width: 95%;\n    margin-top: 20vh;\n  }\n\n  @media screen and (max-width: 480px) {\n    width: 95%;\n    margin-top:0vh;\n    padding: 20px 20px;\n  }\n`;\n\nexport const CatDiv = styled.div`\n  display: block;\n  width: 45%;\n\n  @media screen and (max-width: 768px) {\n    width: 100%;\n    margin-top: 10px !important;\n  }\n`;\n\nexport const Image = styled.img`\n  width: ${({ wid }) => (wid ? wid + \"%\" : \"100%\")};\n  transition: width 0.5s;\n  transition: height 0.5s;\n  margin-top: 20px;\n  display: block;\n  margin: 0 auto;\n  @media (max-width: 767px) {\n    width: 100%;\n    margin-top: 0;\n  }\n`;\n\nexport const Line = styled.hr`\n  width: 100%;\n  border: 1px solid #d5c97d;\n`;\n\nexport const FlexContainer = styled.div`\n  display: flex;\n  flex-direction: ${({ fd }) => (fd ? fd : \"column\")};\n  justify-content: ${({ jc }) => (jc ? jc : \"flex-start\")};\n  align-items: ${({ ai }) => (ai ? ai : \"flex-start\")};\n  flex-wrap: wrap;\n  margin-top: ${({ mt }) => (mt ? mt : \"0\")};\n`;\n\nexport const FlexItem = styled.div`\n  flex: ${({ flex }) => (flex ? flex : 0)};\n  padding: 10px;\n`;\n\nexport const connectButton = styled.button`\n  width: 100%;\n  padding: 10px;\n  background-color: transparent;\n  color: var(--primary);\n  font-family: \"wonder\";\n  text-align: center;\n  font-size: 1.5rem;\n  border: 1px solid var(--primary);\n  border-radius: 10px;\n  cursor: pointer;\n`;\n\nexport const maxButton = styled.button`\n  width: 20%;\n  background: #2ecc71;\n  height: 50px;\n  border-radius: 10px;\n  font-family: \"wonder\";\n  font-size: 1.5rem;\n  color: #fff !important ;\n\n  @media screen and (max-width: 768px) {\n    position: relative;\n    margin-left: auto;\n    margin-bottom: 10px;\n  }\n`;\n\nexport const Layout = styled.div`\n  height: 100%;\n  width: 100%;\n  position: fixed;\n  z-index: 1;\n  top: 0;\n  left: 0;\n  background-color: rgba(0, 0, 0, 0.9);\n`;\n\nexport const NavIcon = styled.img`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  vertical-align: middle;\n  margin: 10px auto;\n  width: ${({ wid }) => (wid ? wid + \"%\" : \"48px\")};\n  cursor: pointer;\n\n  @media only screen and (max-width: 960px) {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-direction: column;\n    cursor: pointer;\n  }\n`;\n\nexport const NavLink = styled(LinkS)`\n  cursor: pointer;\n`;\n\nexport const StyledRoundButton = styled.button`\n  padding: 10px;\n  border: none;\n  padding: 10px;\n  font-weight: bold;\n  font-size: 1.5rem;\n  color: var(--primary);\n  width: 10px;\n  height: 10px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background:transparent;\n  :active {\n    box-shadow: none;\n    -webkit-box-shadow: none;\n    -moz-box-shadow: none;\n  }\n`;\n","const initialState = {\n  loading: false,\n  account: null,\n  smartContract: null,\n  web3: null,\n  errorMsg: \"\",\n};\n\nconst blockchainReducer = (state = initialState, action) => {\n  switch (action.type) {\n    case \"CONNECTION_REQUEST\":\n      return {\n        ...initialState,\n        loading: true,\n      };\n    case \"CONNECTION_SUCCESS\":\n      return {\n        ...state,\n        loading: false,\n        account: action.payload.account,\n        smartContract: action.payload.smartContract,\n        web3: action.payload.web3,\n      };\n    case \"CONNECTION_FAILED\":\n      return {\n        ...initialState,\n        loading: false,\n        errorMsg: action.payload,\n      };\n    case \"UPDATE_ACCOUNT\":\n      return {\n        ...state,\n        account: action.payload.account,\n      };\n    default:\n      return state;\n  }\n};\n\nexport default blockchainReducer;\n","const initialState = {\n  loading: false,\n  totalSupply: 0,\n  cost: 0,\n  error: false,\n  errorMsg: \"\",\n};\n\nconst dataReducer = (state = initialState, action) => {\n  switch (action.type) {\n    case \"CHECK_DATA_REQUEST\":\n      return {\n        ...state,\n        loading: true,\n        error: false,\n        errorMsg: \"\",\n      };\n    case \"CHECK_DATA_SUCCESS\":\n      return {\n        ...state,\n        loading: false,\n        totalSupply: action.payload.totalSupply,\n        // cost: action.payload.cost,\n        error: false,\n        errorMsg: \"\",\n      };\n    case \"CHECK_DATA_FAILED\":\n      return {\n        ...initialState,\n        loading: false,\n        error: true,\n        errorMsg: action.payload,\n      };\n    default:\n      return state;\n  }\n};\n\nexport default dataReducer;\n","import { applyMiddleware, compose, createStore, combineReducers } from \"redux\";\nimport thunk from \"redux-thunk\";\nimport blockchainReducer from \"./blockchain/blockchainReducer\";\nimport dataReducer from \"./data/dataReducer\";\n\nconst rootReducer = combineReducers({\n  blockchain: blockchainReducer,\n  data: dataReducer,\n});\n\nconst middleware = [thunk];\nconst composeEnhancers = compose(applyMiddleware(...middleware));\n\nconst configureStore = () => {\n  return createStore(rootReducer, composeEnhancers);\n};\n\nconst store = configureStore();\n\nexport default store;\n","// log\nimport store from \"../store\";\n\nconst fetchDataRequest = () => {\n  return {\n    type: \"CHECK_DATA_REQUEST\",\n  };\n};\n\nconst fetchDataSuccess = (payload) => {\n  return {\n    type: \"CHECK_DATA_SUCCESS\",\n    payload: payload,\n  };\n};\n\nconst fetchDataFailed = (payload) => {\n  return {\n    type: \"CHECK_DATA_FAILED\",\n    payload: payload,\n  };\n};\n\nexport const fetchData = () => {\n  return async (dispatch) => {\n    dispatch(fetchDataRequest());\n    try {\n      let totalSupply = await store\n        .getState()\n        .blockchain.smartContract.methods.totalSupply()\n        .call();\n      dispatch(\n        fetchDataSuccess({\n          totalSupply,\n          // cost,\n        })\n      );\n    } catch (err) {\n      console.log(err);\n      dispatch(fetchDataFailed(\"Could not load data from contract.\"));\n    }\n  };\n};\n","// constants\nimport Web3EthContract from \"web3-eth-contract\";\nimport Web3 from \"web3\";\nimport Web3Modal from \"web3modal\";\nimport WalletConnectProvider from \"@walletconnect/web3-provider\";\nimport WalletLink from \"walletlink\";\n\n// log\nimport { fetchData } from \"../data/dataActions\";\n\nconst INFURA_ID = \"\";\n\nconst providerOptions = {\n  walletconnect: {\n    package: WalletConnectProvider, // required\n    options: {\n      infuraId: INFURA_ID, // required\n      rpc: {\n        1: \"https://mainnet.infura.io/v3/9aa3d95b3bc440fa88ea12eaa4456161\", // Etherium C-Chain\n      },\n    },\n  },\n};\n\nconst connectRequest = () => {\n  return {\n    type: \"CONNECTION_REQUEST\",\n  };\n};\n\nconst connectSuccess = (payload) => {\n  return {\n    type: \"CONNECTION_SUCCESS\",\n    payload: payload,\n  };\n};\n\nconst connectFailed = (payload) => {\n  return {\n    type: \"CONNECTION_FAILED\",\n    payload: payload,\n  };\n};\n\nconst updateAccountRequest = (payload) => {\n  return {\n    type: \"UPDATE_ACCOUNT\",\n    payload: payload,\n  };\n};\n\nexport const connect = () => {\n  return async (dispatch) => {\n    dispatch(connectRequest());\n    const abiResponse = await fetch(\"/config/abi.json\", {\n      headers: {\n        \"Content-Type\": \"application/json\",\n        Accept: \"application/json\",\n      },\n    });\n    const abi = await abiResponse.json();\n    const configResponse = await fetch(\"/config/config.json\", {\n      headers: {\n        \"Content-Type\": \"application/json\",\n        Accept: \"application/json\",\n      },\n    });\n    const CONFIG = await configResponse.json();\n    const { ethereum } = window;\n    const metamaskIsInstalled = ethereum && ethereum.isMetaMask;\n    if (metamaskIsInstalled) {\n      Web3EthContract.setProvider(ethereum);\n      let web3 = new Web3(ethereum);\n      try {\n        const accounts = await ethereum.request({\n          method: \"eth_requestAccounts\",\n        });\n        const networkId = await ethereum.request({\n          method: \"net_version\",\n        });\n        if (networkId == CONFIG.NETWORK.ID) {\n          const SmartContractObj = new Web3EthContract(\n            abi,\n            CONFIG.CONTRACT_ADDRESS\n          );\n          dispatch(\n            connectSuccess({\n              account: accounts[0],\n              smartContract: SmartContractObj,\n              web3: web3,\n            })\n          );\n          // Add listeners start\n          ethereum.on(\"accountsChanged\", (accounts) => {\n            dispatch(updateAccount(accounts[0]));\n          });\n          ethereum.on(\"chainChanged\", () => {\n            window.location.reload();\n          });\n          // Add listeners end\n        } else {\n          dispatch(connectFailed(`Change network to ${CONFIG.NETWORK.NAME}.`));\n        }\n      } catch (err) {\n        dispatch(connectFailed(\"Something went wrong.\"));\n      }\n    } else {\n      dispatch(connectFailed(\"Install Metamask.\"));\n    }\n  };\n};\n\n\nexport const connectWallet = () => {\n  return async (dispatch) => {\n    dispatch(connectRequest());\n    try {\n      const abiResponse = await fetch(\"/config/abi.json\", {\n        headers: {\n          \"Content-Type\": \"application/json\",\n          Accept: \"application/json\",\n        },\n      });\n      const abi = await abiResponse.json();\n      const configResponse = await fetch(\"/config/config.json\", {\n        headers: {\n          \"Content-Type\": \"application/json\",\n          Accept: \"application/json\",\n        },\n      });\n      const CONFIG = await configResponse.json();\n      localStorage.removeItem(\"walletconnect\");\n      localStorage.removeItem(\"WALLETCONNECT_DEEPLINK_CHOICE\");\n      const web3Modal = new Web3Modal({\n        network: \"mainnet\", // optional\n        cacheProvider: false, // optional\n        providerOptions, // required\n      });\n      const provider = await web3Modal.connect();\n      const web3 = new Web3(provider);\n\n      Web3EthContract.setProvider(provider);\n      const accounts = await web3.eth.getAccounts();\n      const networkId = await provider.request({\n        method: \"net_version\",\n      });\n      if (networkId == CONFIG.NETWORK_ID_WALLET || networkId == CONFIG.NETWORK.ID) {\n\n        const SmartContractObj = new Web3EthContract(\n          abi,\n          CONFIG.CONTRACT_ADDRESS\n        );\n        dispatch(\n          connectSuccess({\n            account: accounts[0],\n            smartContract: SmartContractObj,\n            web3: web3,\n          })\n        );\n        // Add listeners start\n        provider.on(\"accountsChanged\", (accounts) => {\n          dispatch(updateAccount(accounts[0]));\n        });\n        provider.on(\"chainChanged\", () => {\n          window.location.reload();\n        });\n        // Add listeners end\n      } else {\n        console.log(\"Wrong network\");\n        dispatch(connectFailed(`Change network to ${CONFIG.NETWORK.NAME}.`));\n      }\n    } catch (err) {\n      console.log(\"error\", err, \" message\", err.message);\n      if (\n        typeof err !== \"undefined\" &&\n        typeof err.message !== \"undefined\" &&\n        err.message.includes(\"User Rejected\")\n      ) {\n        dispatch(connectFailed(\"User rejected the request\"));\n      } else if (\n        (typeof err === \"string\" || err instanceof String) &&\n        err.includes(\"Modal closed by user\")\n      ) {\n        dispatch(connectFailed(\"Modal closed by user\"));\n      } else {\n        dispatch(connectFailed(\"Something went wrong.\"));\n      }\n    }\n  };\n};\n\nexport const updateAccount = (account) => {\n  return async (dispatch) => {\n    dispatch(updateAccountRequest({ account: account }));\n    dispatch(fetchData(account));\n  };\n};\n","import React from 'react';\nimport { RotatingLines } from 'react-loader-spinner';\n\nfunction Loader() {\n    return (\n        <div className=\"overlay\">\n            <div className=\"spinner\">\n           <RotatingLines width=\"100\" strokeColor=\"#FF5733\" />\n           </div>\n        </div>\n    );\n}\n\n\n\nexport default Loader;","import React, { useEffect, useState, useRef } from \"react\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport { connectWallet } from \"../../redux/blockchain/blockchainActions\";\nimport { fetchData } from \"./../../redux/data/dataActions\";\nimport * as s from \"./../../styles/globalStyles\";\nimport Loader from \"../../components/Loader/loader\";\n\nconst { createAlchemyWeb3 } = require(\"@alch/alchemy-web3\");\nconst web3 = createAlchemyWeb3(\n  \"https://eth-rinkeby.alchemyapi.io/v2/pBY3syVarS-tO2ZAQlA3uWBq_OqzwIDw\"\n);\nvar Web3 = require(\"web3\");\nvar Contract = require(\"web3-eth-contract\");\n\nfunction Home() {\n  const dispatch = useDispatch();\n  const blockchain = useSelector((state) => state.blockchain);\n  const data = useSelector((state) => state.data);\n  const [claimingNft, setClaimingNft] = useState(false);\n  const [mintDone, setMintDone] = useState(false);\n  const [supply, setTotalSupply] = useState(0);\n  const [supplyPublic, setTotalPublicSupply] = useState(0);\n  const [supplyFree, setTotalFreeSupply] = useState(0);\n  const [feedback, setFeedback] = useState(\"\");\n  const [statusAlert, setStatusAlert] = useState(\"\");\n  const [mintAmount, setMintAmount] = useState(1);\n  const [displayCost, setDisplayCost] = useState(0);\n  const [state, setState] = useState(-1);\n  const [nftCost, setNftCost] = useState(-1);\n  const [disable, setDisable] = useState(false);\n  const [max, setMax] = useState(0);\n  const [loading, setLoading] = useState(true);\n  const [proof, setProof] = useState([]);\n  const [totalMint, setTotalMint] = useState(0);\n  const [CONFIG, SET_CONFIG] = useState({\n    CONTRACT_ADDRESS: \"\",\n    SCAN_LINK: \"\",\n    NETWORK: {\n      NAME: \"\",\n      SYMBOL: \"\",\n      ID: 0,\n    },\n    NFT_NAME: \"\",\n    SYMBOL: \"\",\n    MAX_SUPPLY: 1,\n    WEI_COST: 0,\n    DISPLAY_COST: 0,\n    GAS_LIMIT: 0,\n    MARKETPLACE: \"\",\n    MARKETPLACE_LINK: \"\",\n    SHOW_BACKGROUND: false,\n  });\n\n  const claimNFTs = async () => {\n    let cost = nftCost;\n    cost = Web3.utils.toWei(String(cost), \"ether\");\n\n    let gasLimit = CONFIG.GAS_LIMIT;\n    let totalCostWei = String(cost * mintAmount);\n    let totalGasLimit = String(gasLimit * mintAmount);\n    setFeedback(`Minting your ${CONFIG.NFT_NAME}`);\n    setClaimingNft(true);\n    setLoading(true);\n\n    // const estGas = await blockchain.smartContract.methods.\n    // mint(mintAmount,proof).estimateGas({\n    //   from: blockchain.account,\n    //   to: CONFIG.CONTRACT_ADDRESS,\n    // });\n    // console.log({ estGas });\n\n    blockchain.smartContract.methods\n      .mint(mintAmount)\n      .send({\n        gasLimit: String(totalGasLimit),\n        to: CONFIG.CONTRACT_ADDRESS,\n        from: blockchain.account,\n        value: totalCostWei,\n      })\n      .once(\"error\", (err) => {\n        console.log(err);\n        setFeedback(\"Sorry, something went wrong please try again later.\");\n        setClaimingNft(false);\n        setLoading(false);\n      })\n      .then((receipt) => {\n        setLoading(false);\n        setMintDone(true);\n        setFeedback(`Congratulation, your mint is successful.`);\n        setClaimingNft(false);\n        blockchain.smartContract.methods\n          .totalSupply()\n          .call()\n          .then((res) => {\n            setTotalSupply(res);\n          });\n        dispatch(fetchData(blockchain.account));\n        getData();\n      });\n  };\n\n  const decrementMintAmount = () => {\n    let newMintAmount = mintAmount - 1;\n    if (newMintAmount < 1) {\n      newMintAmount = 1;\n    }\n    setMintAmount(newMintAmount);\n    setDisplayCost(parseFloat(nftCost * newMintAmount).toFixed(2));\n  };\n\n  const incrementMintAmount = () => {\n    let newMintAmount = mintAmount + 1;\n    newMintAmount > max ? (newMintAmount = max) : newMintAmount;\n    setDisplayCost(parseFloat(nftCost * newMintAmount).toFixed(2));\n    setMintAmount(newMintAmount);\n  };\n\n  const maxNfts = () => {\n    setMintAmount(max);\n\n    setDisplayCost(parseFloat(nftCost * max).toFixed(2));\n  };\n\n  const getData = async () => {\n    if (blockchain.account !== \"\" && blockchain.smartContract !== null) {\n      dispatch(fetchData(blockchain.account));\n      const totalSupply = await blockchain.smartContract.methods\n        .totalSupply()\n        .call();\n      setTotalSupply(totalSupply);\n      // 0 - Pause\n      // 1 - Free Mint State\n      // 2 - Public\n      let currentState = await blockchain.smartContract.methods\n        .currentState()\n        .call();\n      setState(currentState);\n\n      // Nft states\n      if (currentState == 1) {\n      } else {\n        setFeedback(`Welcome, you can mint up to 1 NFTs per transaction`);\n      }\n    }\n  };\n\n  const getDataWithAlchemy = async () => {\n    const abiResponse = await fetch(\"/config/abi.json\", {\n      headers: {\n        \"Content-Type\": \"application/json\",\n        Accept: \"application/json\",\n      },\n    });\n\n    const abi = await abiResponse.json();\n    var contract = new Contract(\n      abi,\n      \"0xd0E212177d23e306f513a1398b227fc81465f8aC\"\n    );\n    contract.setProvider(web3.currentProvider);\n    // Get Total Supply\n    const totalSupply = await contract.methods.totalSupply().call();\n    setTotalSupply(totalSupply);\n\n    // Get Contract State\n    let currentState = await contract.methods.currentState().call();\n    setState(currentState);\n\n    // Set Price and Max According to State\n\n    if (currentState == 0) {\n      setStatusAlert(\"MINT NOT LIVE YET!\");\n      setDisable(true);\n      setDisplayCost(0.0);\n      setMax(0);\n    } else if (currentState == 1) {\n      let maxFree = await contract.methods.maxFree().call();\n      setTotalFreeSupply(maxFree);\n      if (totalSupply >= maxFree) {\n        setDisable(true);\n        setFeedback(`All Free Mints are used up.`);\n      }\n\n      let freeMintCost = 0.0;\n      setNftCost(freeMintCost);\n      setDisplayCost(freeMintCost);\n      setStatusAlert(\"FREE MINT IS LIVE!\");\n    } else {\n      let puCost = await contract.methods.cost().call();\n      setDisplayCost(web3.utils.fromWei(puCost));\n      setNftCost(web3.utils.fromWei(puCost));\n      setStatusAlert(\"PUBLIC MINT IS LIVE!\");\n      let puMax = await contract.methods.maxMintAmountPublic().call();\n      setMax(puMax);\n    }\n  };\n\n  const getConfig = async () => {\n    const configResponse = await fetch(\"/config/config.json\", {\n      headers: {\n        \"Content-Type\": \"application/json\",\n        Accept: \"application/json\",\n      },\n    });\n    const config = await configResponse.json();\n    SET_CONFIG(config);\n  };\n\n  useEffect(() => {\n    getConfig();\n    getDataWithAlchemy();\n    setTimeout(() => {\n      setLoading(false);\n    }, 1500);\n  }, []);\n\n  useEffect(() => {\n    getData();\n  }, [blockchain.account]);\n\n  return (\n    <>\n      {loading && <Loader />}\n\n      <div className=\"overlay-status\">{statusAlert}</div>\n\n      <header>\n        <nav className=\"navbar navbar-expand-lg navbar-light bg-transparent fixed-top\">\n          <div className=\"container-fluid d-flex justify-content-end\">\n            <a className=\"social-icons\" href=\"#\">\n              <img\n                src={\"config/images/icon-twitter.png\"}\n                width=\"50px\"\n                alt=\"twitter\"\n              />\n            </a>\n            <a className=\"social-icons\" href=\"#\">\n              <img\n                src={\"config/images/icon-opensea.png\"}\n                width=\"50px\"\n                alt=\"twitter\"\n              />\n            </a>\n          </div>\n        </nav>\n      </header>\n\n      <div className=\"hero d-flex flex-column justify-content-center\">\n        <div className=\"container  d-flex  justify-content-center\">\n          <a href=\"#mintForm\">\n            <button type=\"button\" className=\"btn btn-success btn-lg my-4\">\n              Learn more\n            </button>\n          </a>\n        </div>\n      </div>\n\n      <div className=\"container\">\n        <div className=\"row my-5 pt-5 g-5\">\n          <div className=\"col-lg-6 col-md-12 d-flex justify-content-center\">\n            <div className=\"mint-form\" id=\"mintForm\">\n              {/* <img src=\"config/images/btn-mint.png\" className=\"\" /> */}\n              <div>\n                <div className=\"text-normal my-4 fs-2\">Mint Price:</div>\n                <div className=\"text-bold my-4 fs-2\">FREE (gas only)</div>\n              </div>\n              <div>\n                <div className=\"text-normal my-4 fs-2\">Total Supply:</div>\n                <div className=\"text-bold my-4 fs-2\">{CONFIG.MAX_SUPPLY}</div>\n              </div>\n              <div>\n                <div className=\"text-normal my-4 fs-2\">Remaining Supply:</div>\n                <div className=\"text-bold my-4 fs-2\">\n                  {CONFIG.MAX_SUPPLY - supply}\n                </div>\n              </div>\n              <div>\n                <div className=\"text-normal my-4 fs-2\">Max 10 per wallet!</div>\n              </div>\n              <div>\n                <s.FlexContainer jc={\"center\"} ai={\"center\"} fd={\"row\"}>\n                  {blockchain.account !== \"\" &&\n                  blockchain.smartContract !== null &&\n                  blockchain.errorMsg === \"\" ? (\n                    <s.Container ai={\"center\"} jc={\"center\"} fd={\"row\"}>\n                      <s.connectButton\n                        disabled={disable}\n                        onClick={(e) => {\n                          e.preventDefault();\n                          claimNFTs();\n                        }}\n                      >\n                        {claimingNft ? \"Confirm Transaction in Wallet\" : \"Mint\"}\n                        {/* {mintDone && !claimingNft  ? feedback : \"\"} */}\n                      </s.connectButton>{\" \"}\n                    </s.Container>\n                  ) : (\n                    <>\n                      {/* {blockchain.errorMsg === \"\" ? ( */}\n                      <s.connectButton\n                        style={{\n                          textAlign: \"center\",\n                          color: \"#d5c97d\",\n                          cursor: \"pointer\",\n                        }}\n                        disabled={state == 0 ? 1 : 0}\n                        onClick={(e) => {\n                          e.preventDefault();\n                          dispatch(connectWallet());\n                          getData();\n                        }}\n                      >\n                        Connect Wallet\n                      </s.connectButton>\n                      {/* ) : (\"\")} */}\n                    </>\n                  )}\n                  <s.SpacerLarge />\n                  {blockchain.errorMsg !== \"\" ? (\n                    <s.connectButton\n                      style={{\n                        textAlign: \"center\",\n                        color: \"#d5c97d\",\n                        cursor: \"pointer\",\n                      }}\n                    >\n                      {blockchain.errorMsg}\n                    </s.connectButton>\n                  ) : (\n                    <s.TextDescription\n                      style={{\n                        textAlign: \"center\",\n                        color: \"#d5c97d\",\n                        cursor: \"pointer\",\n                      }}\n                    >\n                      {feedback}\n                    </s.TextDescription>\n                  )}\n                </s.FlexContainer>\n              </div>\n            </div>\n          </div>\n          <div className=\"col-lg-6 col-md-12 d-flex justify-content-end\">\n            <ul role=\"list\" className=\"text-white fs-3 my-5\">\n              <li className=\"pb-2\">\n                <strong>No Roadmap</strong>\n              </li>\n              <li className=\"pb-2\">\n                <strong>No Discord</strong>\n              </li>\n              <li className=\"pb-2\">\n                <strong>CC0 </strong>\n              </li>\n              <li className=\"pb-2\">\n                <strong>Instant Reveal</strong>\n              </li>\n              <li className=\"pb-2\">\n                <strong>7.5% Royalties</strong>\n              </li>\n              <li className=\"pb-2\">\n                <strong>5% (500 reserved for the team)</strong>\n              </li>\n              <li className=\"pb-2\">\n                <strong>\n                  Story Driven, it's time to assemble your WolfPack\n                </strong>\n              </li>\n            </ul>\n          </div>\n        </div>\n        <div className=\"row\">\n          <div className=\"col-lg-6 col-md-12 d-flex justify-content-center \">\n            <a href=\"#\" className=\"link-light\">\n              Contract Created by MirImadAhmed\n            </a>\n          </div>\n        </div>\n      </div>\n\n      <div className=\"container\">\n        <div className=\"row my-5 pt-5 g-5\">\n          <div className=\"col-lg-6 col-md-12 d-flex flex-column justify-content-center text-white\">\n            <h1 className=\"display-3 fw-bold text-lg-start text-center\">\n              THE MOONRUNNERS ARE TAKING OVER\n            </h1>\n            <p className=\"fs-4 lh-lg my-4 text-lg-start text-center\">\n              A collection of 10,000 handcrafted PFPs. For the longest time,\n              this Wolfpack lived in harmony and peace on Primordia among\n              humankind, but one month would change the course of history\n              forever and now the Crimson full moon is coming once again...\n            </p>\n          </div>\n          <div className=\"col-lg-6 col-md-12 d-flex align-items-end\">\n            <img src={\"config/images/nfts.png\"} width=\"100%\" alt=\"nft image\" />\n          </div>\n        </div>\n\n        <div className=\"row pt-5 g-5 text-white\">\n          <h1 className=\"display-3 fw-bold\"> FAQs</h1>\n        </div>\n\n        <div className=\"row pt-5 g-5\">\n          <div className=\"col-lg-6 col-md-12 d-flex flex-column justify-content-center text-white\">\n            <p className=\"fs-3 my-4 fw-bold\">\n              <strong>Is there a Discord?</strong>\n            </p>\n            <p className=\"fs-5 fw-light lh-lg\">\n              No, we are a Twitter focused project. We wanted to cut out the\n              noise and need to go to Discord to stay up to date.\n            </p>\n\n            <p className=\"fs-3 my-4 fw-bold\">\n              <strong>Is there a Discord?</strong>\n            </p>\n            <p className=\"fs-5 fw-light lh-lg\">\n              No, we are a Twitter focused project. We wanted to cut out the\n              noise and need to go to Discord to stay up to date.\n            </p>\n\n            <p className=\"fs-3 my-4 fw-bold\">\n              <strong>Is there a Discord?</strong>\n            </p>\n            <p className=\"fs-5 fw-light lh-lg\">\n              No, we are a Twitter focused project. We wanted to cut out the\n              noise and need to go to Discord to stay up to date.\n            </p>\n          </div>\n          <div className=\"col-lg-6 col-md-12 d-flex flex-column justify-content-start text-white\">\n            <p className=\"fs-3 my-4 fw-bold\">\n              <strong>Is there a Discord?</strong>\n            </p>\n            <p className=\"fs-5 fw-light lh-lg\">\n              No, we are a Twitter focused project. We wanted to cut out the\n              noise and need to go to Discord to stay up to date.\n            </p>\n            <p className=\"fs-3 my-4 fw-bold\">\n              <strong>Is there a Discord?</strong>\n            </p>\n            <p className=\"fs-5 fw-light lh-lg\">\n              No, we are a Twitter focused project. We wanted to cut out the\n              noise and need to go to Discord to stay up to date.\n            </p>\n          </div>\n        </div>\n      </div>\n\n      <div className=\"container\">\n        <div className=\"row my-5 pt-5 g-5\">\n          <div className=\"col-lg-3 col-md-6\">\n            <a href=\"#\" className=\"link-light\">\n              Link\n            </a>\n          </div>\n          <div className=\"col-lg-3 col-md-6\">\n            <a href=\"#\" className=\"link-light\">\n              Link\n            </a>\n          </div>{\" \"}\n          <div className=\"col-lg-3 col-md-6\">\n            <a href=\"#\" className=\"link-light\">\n              Link\n            </a>\n          </div>{\" \"}\n          <div className=\"col-lg-3 col-md-6\">\n            <a href=\"#\" className=\"link-light\">\n              Link\n            </a>\n          </div>\n        </div>\n      </div>\n\n      <s.FlexContainer\n        jc={\"center\"}\n        ai={\"center\"}\n        fd={\"row\"}\n        style={{\n          display: \"none\",\n        }}\n      >\n        <s.Mint>\n          <s.TextTitle\n            size={3.0}\n            style={{\n              letterSpacing: \"3px\",\n            }}\n          >\n            {statusAlert}\n          </s.TextTitle>\n          <s.SpacerSmall />\n          <s.SpacerLarge />\n          <s.FlexContainer fd={\"row\"} ai={\"center\"} jc={\"space-between\"}>\n            <s.TextTitle>Available</s.TextTitle>\n            <s.TextTitle color={\"var(--primary)\"}>\n              {CONFIG.MAX_SUPPLY - supply} / {CONFIG.MAX_SUPPLY}\n            </s.TextTitle>\n          </s.FlexContainer>\n          <s.SpacerSmall />\n          <s.Line />\n\n          <s.SpacerLarge />\n          {blockchain.account !== \"\" &&\n          blockchain.smartContract !== null &&\n          blockchain.errorMsg === \"\" ? (\n            <s.Container ai={\"center\"} jc={\"center\"} fd={\"row\"}>\n              <s.connectButton\n                disabled={disable}\n                onClick={(e) => {\n                  e.preventDefault();\n                  claimNFTs();\n                }}\n              >\n                {claimingNft ? \"Confirm Transaction in Wallet\" : \"Mint\"}\n                {/* {mintDone && !claimingNft  ? feedback : \"\"} */}\n              </s.connectButton>{\" \"}\n            </s.Container>\n          ) : (\n            <>\n              {/* {blockchain.errorMsg === \"\" ? ( */}\n              <s.connectButton\n                style={{\n                  textAlign: \"center\",\n                  color: \"#d5c97d\",\n                  cursor: \"pointer\",\n                }}\n                disabled={state == 0 ? 1 : 0}\n                onClick={(e) => {\n                  e.preventDefault();\n                  dispatch(connectWallet());\n                  getData();\n                }}\n              >\n                Connect Wallet\n              </s.connectButton>\n              {/* ) : (\"\")} */}\n            </>\n          )}\n          <s.SpacerLarge />\n          {blockchain.errorMsg !== \"\" ? (\n            <s.connectButton\n              style={{\n                textAlign: \"center\",\n                color: \"#d5c97d\",\n                cursor: \"pointer\",\n              }}\n            >\n              {blockchain.errorMsg}\n            </s.connectButton>\n          ) : (\n            <s.TextDescription\n              style={{\n                textAlign: \"center\",\n                color: \"#d5c97d\",\n                cursor: \"pointer\",\n              }}\n            >\n              {feedback}\n            </s.TextDescription>\n          )}\n        </s.Mint>\n      </s.FlexContainer>\n    </>\n  );\n}\n\nexport default Home;\n","export default __webpack_public_path__ + \"static/media/wonder.67eab536.ttf\";","import { createGlobalStyle } from \"styled-components\";\nimport wonder from \"./fonts/wonder.ttf\";\nconst FontStyles = createGlobalStyle`\n\n@font-face {\n  font-family: 'wonder';\n  src: url(${wonder}) format('truetype');\n  font-weight: 300;\n  font-style: normal;\n}\n`;\n\nexport default FontStyles;","import React, { useEffect, useState, useRef } from \"react\";\nimport {BrowserRouter as Router, Route, Routes} from 'react-router-dom';\nimport * as s from \"./styles/globalStyles\";\nimport Home from \"./pages/HomePage/Home\";\nimport Fonts from \"./styles/fontStyles\";\nimport ReactGA from 'react-ga';\nReactGA.initialize('G-3X4313YHG0');\nconst theme = {\n  colors: {\n    body:'#000',\n    textColor:'#5fcde4',\n  }\n}\n\n\n\nfunction App() {\n  return (\n\n    <s.Body theme={theme}>\n    <Fonts/>\n      <Router>\n        <Home/>\n      </Router>\n    </s.Body>\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 App from \"./App\";\nimport reportWebVitals from \"./reportWebVitals\";\nimport store from \"./redux/store\";\nimport { Provider } from \"react-redux\";\nimport \"./styles/reset.css\";\n\nReactDOM.render(\n  <Provider store={store}>\n    <App />\n  </Provider>,\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":""}