{"version":3,"sources":["redux/blockchain/blockchainReducer.js","redux/data/dataReducer.js","redux/store.js","redux/data/dataActions.js","redux/blockchain/blockchainActions.js","styles/globalStyles.js","styles/bg.png","styles/logo.png","App.js","reportWebVitals.js","index.js"],"names":["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","connectFailed","updateAccount","styled","div","image","flex","fd","jc","ai","test","p","dotenv","config","App","useDispatch","useSelector","useState","isConnected","setIsConnected","mintAmount","setMintAmount","setFeedback","claimingNft","setClaimingNft","connectText","setConnectText","useRef","CONTRACT_ADDRESS","SCAN_LINK","NETWORK","NAME","SYMBOL","ID","NFT_NAME","MAX_SUPPLY","WEI_COST","DISPLAY_COST","GAS_LIMIT","MARKETPLACE","MARKETPLACE_LINK","SHOW_BACKGROUND","CONFIG","SET_CONFIG","useEffect","mint","calculateDynamicPrice","send","value","toString","to","from","once","err","then","receipt","getData","getConfig","fetch","headers","Accept","configResponse","json","getConfigAndData","currentSupply","mintQty","numCurrentSupply","Number","totalCost","ethers","BigNumber","i","add","utils","parseEther","className","src","bg","alt","style","marginBottom","costWei","costEth","formatEther","getCost","onClick","e","preventDefault","newMintAmount","decrementMintAmount","disabled","incrementMintAmount","abiResponse","abi","window","ethereum","isMetaMask","Web3EthContract","setProvider","Web3","request","method","accounts","SmartContractObj","on","location","reload","reportWebVitals","onPerfEntry","Function","getCLS","getFID","getFCP","getLCP","getTTFB","ReactDOM","render","document","getElementById"],"mappings":"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","file":"static/js/main.e226af47.chunk.js","sourcesContent":["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      // let cost = await store\n      //   .getState()\n      //   .blockchain.smartContract.methods.cost()\n      //   .call();\n\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\";\n// log\nimport { fetchData } from \"../data/dataActions\";\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\nexport const updateAccount = (account) => {\n  return async (dispatch) => {\n    dispatch(updateAccountRequest({ account: account }));\n    dispatch(fetchData(account));\n  };\n};\n","import styled from \"styled-components\";\n\n// Used for wrapping a page component\nexport const Screen = styled.div`\n  background-color: var(--primary);\n  background-image: ${({ image }) => (image ? `url(${image})` : \"none\")};\n  background-size: cover;\n  background-position: center;\n  width: 100%;\n  min-height: 100vh;\n  display: flex;\n  flex-direction: column;\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  background-color: ${({ test }) => (test ? \"pink\" : \"none\")};\n  width: 100%;\n  background-image: ${({ image }) => (image ? `url(${image})` : \"none\")};\n  background-size: cover;\n  background-position: center;\n`;\n\nexport const TextTitle = styled.p`\n  color: var(--primary-text);\n  font-size: 22px;\n  font-weight: 500;\n  line-height: 1.6;\n`;\n\nexport const TextSubTitle = styled.p`\n  color: var(--primary-text);\n  font-size: 18px;\n  line-height: 1.6;\n`;\n\nexport const TextDescription = styled.p`\n  color: var(--primary-text);\n  font-size: 16px;\n  line-height: 1.6;\n`;\n\nexport const StyledClickable = styled.div`\n  :active {\n    opacity: 0.6;\n  }\n`;\n","export default __webpack_public_path__ + \"static/media/bg.d90154a8.png\";","export default __webpack_public_path__ + \"static/media/logo.08b926ef.png\";","import React, { useEffect, useState, useRef } from \"react\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport { connect } from \"./redux/blockchain/blockchainActions\";\nimport { Box, CircularProgress, TextField} from '@mui/material';\nimport { fetchData } from \"./redux/data/dataActions\";\nimport * as s from \"./styles/globalStyles\";\nimport styled from \"styled-components\";\nimport { NFTStorage, File } from \"nft.storage\"\nimport fs from 'fs'\nimport dotenv from 'dotenv'\nimport FadeIn from 'react-fade-in';\nimport { SocialIcon } from 'react-social-icons';\nimport \"./styles.css\";\nimport ConnectButton from './ConnectButton.js'\nimport logo from './styles/logo.png'\nimport bg from './styles/bg.png'\nimport { margin } from \"@mui/system\";\nimport { ethers } from \"ethers\";\ndotenv.config()\n\nconst truncate = (input, len) =>\n  input.length > len ? `${input.substring(0, len)}...` : input;\n\n  \n\n\nfunction App() {\n  const dispatch = useDispatch();\n  const blockchain = useSelector((state) => state.blockchain);\n  const [isConnected, setIsConnected] = useState(false);\n  const [address, setAddress] = useState(\"\")\n  const data = useSelector((state) => state.data);\n  const [mintAmount, setMintAmount] = useState(1);\n  const [feedback, setFeedback] = useState('')\n  const [totalSupply, setTotalSupply] = useState()\n  const [claimingNft,setClaimingNft] = useState(false)\n  const [connectText, setConnectText] = useState('CONNECT')\n  \n    // Create a reference for totalSupply\n  const totalSupplyRef = useRef(data.totalSupply);\n\n  const connectBut = () => {\n    setIsConnected(true);\n    setConnectText('DISCONNECT');\n  };\n\n  const getTotalSupply = () => {\n    const totalSupplys = blockchain.smartContract.methods.totalSupply().call();\n    setTotalSupply(totalSupplys);\n  };\n\n\n  const [CONFIG, SET_CONFIG] = useState({\n    \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  useEffect(async () => {\n    // Fetch data when component mounts and when the account changes\n    await dispatch(fetchData(blockchain.account));\n  }, [blockchain.account]);\n\n  \n  \n  const mint = async () => {\n    try {\n        const totalSupply = await blockchain.smartContract.methods.totalSupply().call();\n        const cost = calculateDynamicPrice(totalSupply, mintAmount);\n\n        setClaimingNft(true);\n        setFeedback(`Proceeding to mint...`);\n\n        await blockchain.smartContract.methods\n            .mint(mintAmount)\n            .send({\n                value: cost.toString(),\n                to: CONFIG.CONTRACT_ADDRESS,\n                from: blockchain.account,\n            })\n            .once(\"error\", (err) => {\n                console.log(err);\n                setFeedback(\"Sorry, something went wrong. Please try again later.\");\n                setClaimingNft(false);\n            })\n            .then((receipt) => {\n                console.log(receipt);\n                setFeedback();\n                setClaimingNft(false);\n                dispatch(fetchData(blockchain.account));\n            });\n    } catch (error) {\n        console.error(\"An error occurred:\", error);\n    }\n};\n\n  \n  \n\n  const getData = async () => {\n    if (blockchain.account !== \"\" && blockchain.smartContract !== null) {\n      dispatch(fetchData(blockchain.account));\n    }\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  \n  useEffect(async() => {\n    const getConfigAndData = async () => {\n      await getConfig();\n      await getData();\n    };\n    getConfigAndData();\n    \n  }, []);\n\n\n  const decrementMintAmount = () => {\n    let newMintAmount = mintAmount - 1;\n    if (newMintAmount < 1) {\n      newMintAmount = 1;\n    }\n    setMintAmount(newMintAmount);\n  };\n\n  const incrementMintAmount = () => {\n    let newMintAmount = mintAmount + 1;\n    \n      if (newMintAmount > 2) {\n        newMintAmount = 2;\n      }\n    \n    setMintAmount(newMintAmount);\n  };\n\n  const getCost = () => {\n    \n    const costWei = calculateDynamicPrice(data.totalSupply, mintAmount);\n    const costEth = ethers.utils.formatEther(costWei);\n    return Number(costEth);\n};\n\n\n  const calculateDynamicPrice = (currentSupply, mintQty) => {\n    console.log(\"Current Total Supply:\", data.totalSupply);\n    const numCurrentSupply = Number(currentSupply);\n\n    let totalCost = ethers.BigNumber.from(\"0\");\n    for (let i = 0; i < mintQty; i++) {\n        if (numCurrentSupply + i < 250) {\n            totalCost = totalCost.add(ethers.BigNumber.from(\"0\"));\n        } else if (numCurrentSupply + i < 270) {\n            totalCost = totalCost.add(ethers.utils.parseEther(\"1\"));\n        } else if (numCurrentSupply + i < 350) {\n            totalCost = totalCost.add(ethers.utils.parseEther(\"10\"));\n        } else if (numCurrentSupply + i < 450) {\n            totalCost = totalCost.add(ethers.utils.parseEther(\"100\"));\n        } else if (numCurrentSupply + i < 550) {\n            totalCost = totalCost.add(ethers.utils.parseEther(\"1000\"));\n        } else if (numCurrentSupply + i < 750) {\n            totalCost = totalCost.add(ethers.utils.parseEther(\"10000\"));\n        } else {\n            totalCost = totalCost.add(ethers.utils.parseEther(\"100000\"));\n        }\n    }\n    console.log(\"Total cost:\", totalCost.toString());\n    return totalCost;\n};\n\n  \n    return (\n      \n      <div className=\"App\">\n            \n          <div className=\"container\">\n            <img className=\"bg\" src={bg} alt='background'></img>\n          <h2 className=\"title\"><br></br>Rock Punks</h2>\n          <h2 className=\"paragraph\"><br></br>MINT</h2>\n          {isConnected ?   <div>\n            \n          <div className=\"supply\">\n            <div className=\"supply-container\"><p className=\"paragraph2\">{data.totalSupply} / {CONFIG.MAX_SUPPLY}</p></div>\n            <div className=\"supply-container2\"><p className=\"paragraph2\" style={{marginBottom: '50px'}}>Price: {getCost()} BROCK</p></div>\n          </div>\n          <div className=\"mintAmount\">{mintAmount}</div>\n          <button className=\"increment\" onClick={(e) => {\n                                e.preventDefault();\n                                decrementMintAmount();\n                              }}>-</button>\n          <button className=\"button\" disabled={claimingNft ? 1 : 0}\n                              onClick={(e) => {\n\n                              \n                                e.preventDefault();\n                                mint();\n                                getData();\n                              }}\n                            >\n                              {claimingNft ? <p className=\"button-text\">LOADING</p> :<p className=\"button-text\">MINT NOW</p>}</button>\n          <button className=\"increment\" onClick={(e) => {\n                                e.preventDefault();\n                                incrementMintAmount();\n                              }}>+</button>\n          </div> : <button className=\"button\" type=\"submit\"  onClick={(e) => {\n                                e.preventDefault();\n                                dispatch(connect());\n                                getData();\n                                connectBut(true)\n                              }}> {connectText}\n              </button>}\n            </div>\n            <div>\n            \n            </div>\n           \n     </div>\n    \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 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":""}