{"version":3,"sources":["redux/blockchain/blockchainReducer.js","redux/data/dataReducer.js","redux/store.js","redux/data/dataActions.js","AppActions.js","redux/blockchain/blockchainActions.js","components/styled/StyledButton.styled.js","components/styled/StyledRoundButton.styled.js","components/styled/ResponsiveWrapper.styled.js","components/styled/StyledLink.styled.js","components/styled/Screen.styled.js","components/styled/SpacerXSmall.styled.js","components/styled/SpacerSmall.styled.js","components/styled/SpacerMedium.styled.js","components/styled/SpacerLarge.styled.js","components/styled/Container.styled.js","components/styled/TextTitle.styled.js","components/styled/TextDescription.styled.js","components/styled/Img.styled.js","components/styled/HeaderLogo.styled.js","components/styled/SocialsContainer.styled.js","components/styled/SocialIcon.styled.js","components/HeaderSocials.js","components/styled/VenAnchor.styled.js","components/HeaderNav.js","components/styled/HeaderContainer.styled.js","components/styled/HeaderTitle.styled.js","components/styled/InnerHeaderDivLeft.styled.js","components/styled/InnerHeaderDivRight.styled.js","components/Header.js","components/styled/FooterContainer.styled.js","components/Footer.js","components/styled/PoodlePart.styled.js","components/styled/LoadingCurtain.styled.js","components/styled/LoadingSpinner.styled.js","components/LandingPage.js","App.js","Utilities.js","reportWebVitals.js","index.js"],"names":["initialState","loading","account","smartContract","web3","errorMsg","blockchainReducer","state","action","type","payload","totalSupply","maxMintPerXn","paused","cost","error","dataReducer","rootReducer","combineReducers","blockchain","data","middleware","thunk","composeEnhancers","compose","applyMiddleware","store","createStore","fetchDataFailed","fetchData","dispatch","a","getState","methods","call","console","log","getData","getConfig","setConfig","fetch","headers","Accept","configResponse","json","config","connectFailed","updateAccount","StyledButton","styled","button","StyledRoundButton","ResponsiveWrapper","div","StyledLink","Screen","image","SpacerXSmall","SpacerSmall","SpacerMedium","SpacerLarge","Container","flex","fd","jc","ai","test","TextTitle","p","TextDescription","Img","img","bs","b","br","w","h","mnw","mnh","mw","mh","HeaderLogo","SocialsContainer","SocialIcon","HeaderSocials","href","target","src","HeaderNav","HeaderContainer","HeaderTitle","span","InnerHeaderDivLeft","InnerHeaderDivRight","Header","mint","to","className","style","backgroundColor","padding","border","textAlign","fontWeight","textDecoration","FooterContainer","Footer","useTerms","fontFamily","PoodlePart","LoadingCurtain","LoadingSpinner","LandingPage","useState","showcaseItemIdx","setShowcaseItemIdx","showcaseBodyIdx","setShowcaseBodyIdx","showcaseShirtIdx","setShowcaseShirtIdx","showcaseEyesIdx","setShowcaseEyesIdx","showcaseMouthsIdx","setShowcaseMouthsIdx","showcaseHatsIdx","setShowcaseHatsIdx","runShowcase","setRunShowcase","loadingCurtain","setLoadingCurtain","showLoadingSpinner","setShowLoadingSpinner","updateShowcaseItem","updateShowcaseBody","updateShowcaseShirt","updateShowcaseEyes","updateShowcaseMouths","updateShowcaseHats","liftLoadingCurtain","hideLoadingSpinner","kickOffShowcase","useEffect","intervals","push","setInterval","setAllShowcaseIntervals","i","length","clearInterval","timers","setTimeout","clearTimeout","alt","fontSize","color","App","input","len","useDispatch","useSelector","claimingNft","setClaimingNft","feedback","setFeedback","mintAmount","setMintAmount","connectionLoading","setConnectionLoading","CONTRACT_ADDRESS","SCAN_LINK","NETWORK","NAME","SYMBOL","ID","NFT_NAME","MAX_SUPPLY","WEI_COST","DISPLAY_COST","MARKETPLACE","MARKETPLACE_LINK","SHOW_BACKGROUND","USE_TERMS","SHOW_MINT","backgroundImage","backgroundRepeat","hidden","path","element","displayCost","networkSymbol","substring","Number","onClick","e","preventDefault","abiResponse","abi","CONFIG","window","ethereum","isMetaMask","Web3EthContract","setProvider","Web3","request","method","accounts","SmartContractObj","on","location","reload","lineHeight","disabled","newMintAmount","decrementMintAmount","incrementMintAmount","totalCostWei","String","safeMint","send","from","value","once","err","then","receipt","claimNFTs","width","termsAndConditions","showTerms","reportWebVitals","onPerfEntry","Function","getCLS","getFID","getFCP","getLCP","getTTFB","ReactDOM","render","document","getElementById"],"mappings":"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IAAI,6CAEN,eAACsB,GAAD,CACEZ,UAAS,sBACY,GAAnBuB,EACI,QACmB,GAAnBA,EACA,OACA,UAENjC,IAAI,+CAEN,eAACsB,GAAD,CACEZ,UAAS,sBACY,GAAnBuB,EACI,QACmB,GAAnBA,EACA,OACA,UAENjC,IAAI,+CAEN,eAACsB,GAAD,CACEZ,UAAS,sBACY,GAAnBuB,EACI,QACmB,GAAnBA,EACA,OACA,UAENjC,IAAI,kDAGN,eAACsB,GAAD,CACEZ,UAAS,sBACc,GAArByB,EACI,QACqB,GAArBA,EACA,OACA,UAENnC,IAAI,4CAEN,eAACsB,GAAD,CACEZ,UAAS,sBACc,GAArByB,EACI,QACqB,GAArBA,EACA,OACA,UAENnC,IAAI,2CAEN,eAACsB,GAAD,CACEZ,UAAS,sBACc,GAArByB,EACI,QACqB,GAArBA,EACA,OACA,UAENnC,IAAI,4CAEN,eAACsB,GAAD,CACEZ,UAAS,sBACc,GAArByB,EACI,QACqB,GAArBA,EACA,OACA,UAENnC,IAAI,oDAGN,eAACsB,GAAD,CACEZ,UAAS,sBACY,GAAnB2B,EACI,QACmB,GAAnBA,EACA,OACA,UAENrC,IAAI,+CAEN,eAACsB,GAAD,CACEZ,UAAS,sBACY,GAAnB2B,EACI,QACmB,GAAnBA,EACA,OACA,UAENrC,IAAI,yCAEN,eAACsB,GAAD,CACEZ,UAAS,sBACY,GAAnB2B,EACI,QACmB,GAAnBA,EACA,OACA,UAENrC,IAAI,+CAEN,eAACsB,GAAD,CACEZ,UAAS,sBACY,GAAnB2B,EACI,QACmB,GAAnBA,EACA,OACA,UAENrC,IAAI,mDAGR,gBAAChC,GAAD,WACE,gBAACH,EAAD,CAAmB8C,MAAO,CAAEE,QAAS,IAArC,UACE,gBAACvC,GAAD,CACEC,KAAM,EACNE,GAAI,SACJC,GAAI,QACJiC,MAAO,CACLE,QAAS,IALb,UAQE,eAACjC,GAAD,CACE+B,MAAO,CACLI,UAAW,SACXmD,SAAU,GACVC,MAAO,uBAJX,0BASA,gBAACrF,GAAD,CACE6B,MAAO,CACLwD,MAAO,sBACPnD,WAAY,QAHhB,qZAaE,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","file":"static/js/main.7f9743bf.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  maxMintPerXn: 0,\n  paused: false,\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        maxMintPerXn: action.payload.maxMintPerXn,\n        paused: action.payload.paused,\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 maxMintPerXn = await store\n        .getState()\n        .blockchain.smartContract.methods.maxMintPerXn()\n        .call();\n      let paused = await store\n        .getState()\n        .blockchain.smartContract.methods.paused()\n        .call();\n      // let cost = await store\n      //   .getState()\n      //   .blockchain.smartContract.methods.cost()\n      //   .call();\n\n      dispatch(\n        fetchDataSuccess({\n          totalSupply,\n          maxMintPerXn,\n          paused,\n          // cost,\n        })\n      );\n    } catch (err) {\n      console.log(err);\n      dispatch(fetchDataFailed(\"Could not load data from contract.\"));\n    }\n  };\n};\n","// Functions specifically for use with App component.\n// ==================================================\n\nimport { fetchData } from \"./redux/data/dataActions\";\n\n// Subscribed to \"Connect\" button onClick; runs after intial connection to blockchain.\n// Subscribed to \"Buy\" button onClick; runs after claiming NFT.\n// ============================================================\n// Param blockchain: object\n// Param dispatch: function\nexport const getData = (blockchain, dispatch) => {\n  if (blockchain.account !== \"\" && blockchain.smartContract !== null) {\n    dispatch(fetchData(blockchain.account));\n  }\n};\n\n// Param setConfig: function\nexport const getConfig = async (setConfig) => {\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  setConfig(config);\n};\n\n// Subscribed to \"-\" button onClick.\n// =================================\n// Param mintAmount: int\n// Param setMintAmount: function\nexport const decrementMintAmount = (mintAmount, setMintAmount) => {\n  let newMintAmount = mintAmount - 1;\n  if (newMintAmount < 1) {\n    newMintAmount = 1;\n  }\n  setMintAmount(newMintAmount);\n};\n\n// Subscribed to \"+\" button onClick.\n// =================================\n// Param mintAmount: int\n// Param setMintAmount: function\nexport const incrementMintAmount = (\n  mintAmount,\n  setMintAmount,\n  maxMintPerXn\n) => {\n  let newMintAmount = mintAmount + 1;\n  if (newMintAmount > maxMintPerXn) {\n    newMintAmount = maxMintPerXn;\n  }\n  setMintAmount(newMintAmount);\n};\n\n// Subscribed to \"Buy\" button onClick.\n// ===================================\n// Param config, blockchain: object\n// Param mintAmount: int\n// Param setFeedback, setClaimingNft, dispatch: function\nexport const claimNFTs = (\n  config,\n  blockchain,\n  mintAmount,\n  setFeedback,\n  setClaimingNft,\n  dispatch\n) => {\n  let cost = config.WEI_COST;\n  let totalCostWei = String(cost * mintAmount);\n  console.log(\"Cost: \", totalCostWei);\n  setFeedback(`Minting your ${config.NFT_NAME}...`);\n  setClaimingNft(true);\n  blockchain.smartContract.methods\n    .safeMint(mintAmount)\n    .send({\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    })\n    .then((receipt) => {\n      console.log(receipt);\n      setFeedback(\n        `Wow! You've minted from the ${config.NFT_NAME} collection! Welcome to the family!`\n      );\n      setClaimingNft(false);\n      dispatch(fetchData(blockchain.account));\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\nexport const StyledButton = styled.button`\n  padding: 10px;\n  border-radius: 50px;\n  border: none;\n  background-color: var(--primary-text);\n  padding: 10px;\n  font-weight: bold;\n  color: var(--secondary-text);\n  width: 100px;\n  cursor: pointer;\n  box-shadow: 0px 6px 0px -2px rgba(250, 250, 250, 0.3);\n  -webkit-box-shadow: 0px 6px 0px -2px rgba(250, 250, 250, 0.3);\n  -moz-box-shadow: 0px 6px 0px -2px rgba(250, 250, 250, 0.3);\n  :active {\n    box-shadow: none;\n    -webkit-box-shadow: none;\n    -moz-box-shadow: none;\n  }\n`;\n","import styled from \"styled-components\";\n\nexport const StyledRoundButton = styled.button`\n  padding: 10px;\n  border-radius: 100%;\n  border: none;\n  background-color: var(--primary);\n  padding: 10px;\n  font-weight: bold;\n  font-size: 15px;\n  color: var(--primary-text);\n  width: 30px;\n  height: 30px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-shadow: 0px 4px 0px -2px rgba(250, 250, 250, 0.3);\n  -webkit-box-shadow: 0px 4px 0px -2px rgba(250, 250, 250, 0.3);\n  -moz-box-shadow: 0px 4px 0px -2px rgba(250, 250, 250, 0.3);\n  :active {\n    box-shadow: none;\n    -webkit-box-shadow: none;\n    -moz-box-shadow: none;\n  }\n`;\n","import styled from \"styled-components\";\n\nexport const ResponsiveWrapper = styled.div`\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  justify-content: stretched;\n  align-items: stretched;\n  width: 100%;\n  @media (min-width: 767px) {\n    flex-direction: row;\n  }\n`;\n","import styled from \"styled-components\";\n\nexport const StyledLink = styled.a`\n  color: var(--secondary);\n  text-decoration: none;\n`;\n","import styled from \"styled-components\";\n\nexport const Screen = styled.div`\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","import styled from \"styled-components\";\n\nexport const SpacerXSmall = styled.div`\n  height: 8px;\n  width: 8px;\n`;\n","import styled from \"styled-components\";\n\nexport const SpacerSmall = styled.div`\n  height: 16px;\n  width: 16px;\n`;\n","import styled from \"styled-components\";\n\nexport const SpacerMedium = styled.div`\n  height: 24px;\n  width: 24px;\n`;\n","import styled from \"styled-components\";\n\nexport const SpacerLarge = styled.div`\n  height: 32px;\n  width: 32px;\n`;\n","import styled from \"styled-components\";\n\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","import styled from \"styled-components\";\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  font-family: poods-header;\n`;\n","import styled from \"styled-components\";\n\nexport const TextDescription = styled.p`\n  color: var(--primary-text);\n  font-size: 16px;\n  line-height: 1.6;\n  font-family: poods-filler;\n`;\n","import styled from \"styled-components\";\n\nexport const Img = styled.img`\n  box-shadow: ${({ bs }) =>\n    bs ? `${bs}` : \"0px 5px 11px 2px rgba(0, 0, 0, 0.7)\"};\n  border: ${({ b }) => (b ? `${b}` : \"4px solid var(--primary-text)\")};\n  border-radius: ${({ br }) => (br ? `${br}` : \"none\")};\n  width: ${({ w }) => (w ? `${w}` : \"30vw\")};\n  height: ${({ h }) => (h ? `${h}` : \"30vw\")};\n  min-width: ${({ mnw }) => (mnw ? `${mnw}` : \"none\")};\n  min-height: ${({ mnh }) => (mnh ? `${mnh}` : \"none\")};\n  max-width: ${({ mw }) => (mw ? `${mw}` : \"none\")};\n  max-height: ${({ mh }) => (mh ? `${mh}` : \"none\")};\n`;\n","import styled from \"styled-components\";\n\nexport const HeaderLogo = styled.img`\n  flex: 1;\n  min-width: 100px;\n  max-width: 100px;\n  min-height: 50px;\n  max-height: 50px;\n`;\n","import styled from \"styled-components\";\n\nexport const SocialsContainer = styled.div`\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  width: 15vw;\n  min-width: 175px;\n  min-height: 55px;\n  max-width: 259px;\n  max-height: 113px;\n`;\n","import styled from \"styled-components\";\n\nexport const SocialIcon = styled.img`\n  width: ${({ w }) => (w ? `${w}` : \"none\")};\n  min-width: 40px;\n  min-height: 40px;\n  max-width: 128px;\n  max-height: 128px;\n`;\n","import React from \"react\";\nimport { SocialsContainer } from \"./styled/SocialsContainer.styled\";\nimport { SocialIcon } from \"./styled/SocialIcon.styled\";\n\nfunction HeaderSocials() {\n  return (\n    <SocialsContainer>\n      <a href={\"https://twitter.com/TinyPoodlesNFT\"} target={\"_blank\"}>\n        <SocialIcon src={\"/config/images/header_twitter_icon.png\"} w={\"50px\"} />\n      </a>\n      <a href={\"https://www.instagram.com/TinyPoodlesNFT/\"} target={\"_blank\"}>\n        <SocialIcon src={\"/config/images/header_insta_icon.png\"} w={\"50px\"} />\n      </a>\n      <a href={\"https://discord.gg/poodles\"} target={\"_blank\"}>\n        <SocialIcon src={\"/config/images/header_discord_icon.png\"} w={\"55px\"} />\n      </a>\n    </SocialsContainer>\n  );\n}\n\nexport default HeaderSocials;\n","import styled from \"styled-components\";\n\nexport const VenAnchor = styled.a`\n  min-width: 115px;\n  justify-content: center;\n  align-items: center;\n  color: #000;\n  font-weight: bold;\n  text-decoration: none;\n  :hover {\n    text-decoration: underline;\n  }\n  :active {\n    text-decoration: none;\n  }\n`;\n","import React from \"react\";\nimport { Link } from \"react-router-dom\";\nimport { Container } from \"./styled/Container.styled\";\nimport { ResponsiveWrapper } from \"./styled/ResponsiveWrapper.styled\";\nimport { SpacerMedium } from \"./styled/SpacerMedium.styled\";\nimport { VenAnchor } from \"./styled/VenAnchor.styled\";\n\nfunction HeaderNav({ contractAddress }) {\n  return (\n    <Container\n      flex={1}\n      ai={\"center\"}\n      style={{\n        padding: 24,\n        fontFamily: \"poods-nav\",\n        fontSize: \"20px\",\n      }}\n    >\n      <ResponsiveWrapper flex={1}>\n        {contractAddress && (\n          <>\n            <Container flex={1} jc={\"center\"} ai={\"center\"}>\n              <Link to=\"/mint\" className=\"nav-element\">\n                Mint\n              </Link>\n            </Container>\n          </>\n        )}\n        <Container flex={1} jc={\"center\"} ai={\"start\"}>\n          <VenAnchor href={\"#page-three\"}>Roadmap</VenAnchor>\n        </Container>\n        <SpacerMedium />\n        <Container flex={1} jc={\"center\"} ai={\"start\"}>\n          <VenAnchor href=\"#page-four\">Team</VenAnchor>\n        </Container>\n      </ResponsiveWrapper>\n    </Container>\n  );\n}\n\nexport default HeaderNav;\n","import styled from \"styled-components\";\n\nexport const HeaderContainer = styled.div`\n  display: flex;\n  flex: 1;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  background-color: var(--secondary-trans);\n  width: 100%;\n  background-size: cover;\n  background-position: center;\n  padding: 12;\n  webkit-backdrop-filter: blur(4px);\n  backdrop-filter: blur(4px);\n  min-height: 75px;\n  max-height: 100px;\n  height: 3vh;\n  position: sticky;\n  top: 0;\n  z-index: 10000;\n  border-bottom: 2px solid #1a1a1a;\n`;\n","import styled from \"styled-components\";\n\nexport const HeaderTitle = styled.span`\n  font-family: poods-nav;\n  font-size: 24px;\n  font-weight: bold;\n  margin: auto;\n  color: var(--primary-text);\n  @media all and (max-width: 600px) {\n    display: none;\n  }\n`;\n","import styled from \"styled-components\";\n\nexport const InnerHeaderDivLeft = styled.div`\n  margin-left: 25px;\n\n  /* Extra small devices (phones, 600px and down) */\n  @media all and (max-width: 600px) {\n    flex: 1;\n    margin-left: 15px;\n  }\n\n  /* Small devices (portrait tablets and large phones, 600px and up) */\n  @media all and (min-width: 600px) {\n    margin-left: 25px;\n  }\n\n  /* Medium devices (landscape tablets, 768px and up) */\n  @media all and (min-width: 768px) {\n    margin-left: 35px;\n  }\n\n  /* Large devices (laptops/desktops, 992px and up) */\n  @media all and (min-width: 992px) {\n    margin-left: 50px;\n  }\n\n  /* Extra large devices (large laptops and desktops, 1200px and up) */\n  @media all and (min-width: 1200px) {\n    margin-left: 100px;\n  }\n`;\n","import styled from \"styled-components\";\n\nexport const InnerHeaderDivRight = styled.div`\n  margin-right: 25px;\n\n  /* Extra small devices (phones, 600px and down) */\n  @media all and (max-width: 600px) {\n    margin-right: 15px;\n  }\n\n  /* Small devices (portrait tablets and large phones, 600px and up) */\n  @media all and (min-width: 600px) {\n    margin-right: 25px;\n  }\n\n  /* Medium devices (landscape tablets, 768px and up) */\n  @media all and (min-width: 768px) {\n    margin-right: 35px;\n  }\n\n  /* Large devices (laptops/desktops, 992px and up) */\n  @media all and (min-width: 992px) {\n    margin-right: 50px;\n  }\n\n  /* Extra large devices (large laptops and desktops, 1200px and up) */\n  @media all and (min-width: 1200px) {\n    margin-right: 100px;\n  }\n`;\n","import React from \"react\";\nimport { HeaderLogo } from \"./styled/HeaderLogo.styled\";\nimport HeaderSocials from \"./HeaderSocials\";\nimport HeaderNav from \"./HeaderNav\";\nimport { HeaderContainer } from \"./styled/HeaderContainer.styled\";\nimport { Container } from \"./styled/Container.styled\";\nimport { Link } from \"react-router-dom\";\nimport { HeaderTitle } from \"./styled/HeaderTitle.styled\";\nimport { InnerHeaderDivLeft } from \"./styled/InnerHeaderDivLeft.styled\";\nimport { InnerHeaderDivRight } from \"./styled/InnerHeaderDivRight.styled\";\nimport { StyledLink } from \"./styled/StyledLink.styled\";\nimport { TextDescription } from \"./styled/TextDescription.styled\";\n\nfunction Header({ mint }) {\n  return (\n    <>\n      <HeaderContainer>\n        <InnerHeaderDivLeft>\n          <Link to=\"/\" className=\"title-link\">\n            <HeaderLogo src={\"../config/images/header_bone.png\"} />\n            <HeaderTitle>Tiny Poodles</HeaderTitle>\n          </Link>\n        </InnerHeaderDivLeft>\n\n        {/*\n          <Container flex={2} jc={\"center\"} ai={\"center\"}>\n            <HeaderNav contractAddress={contractAddress} />\n          </Container>\n          */}\n\n        <InnerHeaderDivRight>\n          <HeaderSocials />\n        </InnerHeaderDivRight>\n      </HeaderContainer>\n      {mint && (\n        <Container\n          jc={\"center\"}\n          ai={\"center\"}\n          style={{\n            backgroundColor: \"#e4cee4\",\n            padding: 6,\n            border: \"1px solid var(--primary-text)\",\n          }}\n        >\n          <TextDescription style={{ textAlign: \"center\", fontWeight: \"bold\" }}>\n            Mint a Tiny Pug&nbsp;\n            <StyledLink style={{ textDecoration: \"underline\" }} href={\"/mint\"}>\n              here!\n            </StyledLink>\n          </TextDescription>\n        </Container>\n      )}\n    </>\n  );\n}\n\nexport default Header;\n","import styled from \"styled-components\";\n\nexport const FooterContainer = styled.div`\n  display: flex;\n  flex: 1;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  background-color: var(--secondary-trans);\n  width: 100%;\n  background-size: cover;\n  background-position: center;\n  padding: 12;\n  webkit-backdrop-filter: blur(4px);\n  backdrop-filter: blur(4px);\n  min-height: 75px;\n  max-height: 100px;\n  height: 3vh;\n  border-top: 2px solid #1a1a1a;\n`;\n","import React from \"react\";\nimport { Container } from \"./styled/Container.styled\";\nimport { FooterContainer } from \"./styled/FooterContainer.styled\";\nimport { ResponsiveWrapper } from \"./styled/ResponsiveWrapper.styled\";\nimport { Link } from \"react-router-dom\";\nimport { SpacerSmall } from \"./styled/SpacerSmall.styled\";\n\nfunction Footer({ useTerms }) {\n  return (\n    <FooterContainer>\n      <ResponsiveWrapper flex={1} style={{ fontFamily: \"poods-filler\" }}>\n        {useTerms && (\n          <>\n            <Container flex={1} jc={\"center\"} ai={\"center\"}>\n              <Link to=\"/\">Terms and Conditions</Link>\n            </Container>\n            <SpacerSmall />\n          </>\n        )}\n        <Container flex={2} jc={\"center\"} ai={\"center\"}>\n          <span>All Rights Reserved.</span>\n          <br />\n          <span>Tiny Poodles NFT © 2022.</span>\n        </Container>\n      </ResponsiveWrapper>\n    </FooterContainer>\n  );\n}\n\nexport default Footer;\n","import styled from \"styled-components\";\n\nexport const PoodlePart = styled.img`\n  position: absolute;\n  @media all and (orientation: portrait) {\n    /* Extra small devices (phones, 600px and down) */\n    @media all and (max-width: 600px) {\n      max-width: 300px;\n      max-height: 300px;\n      top: calc(80vh - 300px);\n    }\n\n    /* Small devices (portrait tablets and large phones, 600px and up) */\n    @media all and (min-width: 600px) {\n      max-width: 450px;\n      max-height: 450px;\n      top: calc(80vh - 450px);\n    }\n\n    /* Medium devices (landscape tablets, 768px and up) */\n    @media all and (min-width: 768px) {\n      max-width: 550px;\n      max-height: 550px;\n      top: calc(80vh - 550px);\n    }\n\n    /* Large devices (laptops/desktops, 992px and up) */\n    @media all and (min-width: 992px) {\n      max-width: 575px;\n      max-height: 575px;\n      top: calc(80vh - 575px);\n    }\n\n    /* Extra large devices (large laptops and desktops, 1200px and up) */\n    @media all and (min-width: 1200px) {\n      max-width: 600px;\n      max-height: 600px;\n      top: calc(80vh - 600px);\n    }\n  }\n\n  @media all and (orientation: landscape) {\n    /* Extra small devices (phones, 600px and down, assuming 16:9 aspect ratio) */\n    @media all and (max-height: 338px) {\n      max-width: 150px;\n      max-height: 150px;\n      top: calc(100vh - 150px);\n    }\n\n    /* Small devices (portrait tablets and large phones, 600px and up, assuming 16:9 aspect ratio) */\n    @media all and (min-height: 338px) {\n      max-width: 215px;\n      max-height: 215px;\n      top: calc(100vh - 215px);\n    }\n\n    /* Medium devices (landscape tablets, 432px and up, assuming 16:9 aspect ratio) */\n    @media all and (min-height: 432px) {\n      max-width: 300px;\n      max-height: 300px;\n      top: calc(100vh - 300px);\n    }\n\n    /* Large devices (laptops/desktops, 558px and up, assuming 16:9 aspect ratio) */\n    @media all and (min-height: 558px) {\n      max-width: 430px;\n      max-height: 4300px;\n      top: calc(100vh - 430px);\n    }\n\n    /* Extra large devices (large laptops and desktops, 675px and up, assuming 16:9 aspect ratio) */\n    @media all and (min-height: 675px) {\n      max-width: 550px;\n      max-height: 550px;\n      top: calc(100vh - 550px);\n    }\n  }\n`;\n","import styled from \"styled-components\";\n\nexport const LoadingCurtain = styled.div`\n  background-color: var(--secondary);\n  position: absolute;\n  top: 0%;\n  left: 0%;\n  width: 100vw;\n  z-index: 1000000;\n`;\n","import styled from \"styled-components\";\n\nexport const LoadingSpinner = styled.img`\n  position: relative;\n  width: 250px;\n  height: 125px;\n  top: calc(50% - 72.5px);\n  left: calc(50% - 125px);\n`;\n","import React, { useEffect, useState } from \"react\";\nimport { Screen } from \"./styled/Screen.styled\";\nimport Header from \"./Header\";\nimport Footer from \"./Footer\";\nimport { PoodlePart } from \"./styled/PoodlePart.styled\";\nimport { ResponsiveWrapper } from \"./styled/ResponsiveWrapper.styled\";\nimport { Container } from \"./styled/Container.styled\";\nimport { Img } from \"./styled/Img.styled\";\nimport { TextTitle } from \"./styled/TextTitle.styled\";\nimport { TextDescription } from \"./styled/TextDescription.styled\";\nimport { SpacerLarge } from \"./styled/SpacerLarge.styled\";\nimport { LoadingCurtain } from \"./styled/LoadingCurtain.styled\";\nimport { LoadingSpinner } from \"./styled/LoadingSpinner.styled\";\n\nfunction LandingPage({ mint }) {\n  const poodPartMaxIdx = 3;\n  const [showcaseItemIdx, setShowcaseItemIdx] = useState(0);\n  const [showcaseBodyIdx, setShowcaseBodyIdx] = useState(0);\n  const [showcaseShirtIdx, setShowcaseShirtIdx] = useState(0);\n  const [showcaseEyesIdx, setShowcaseEyesIdx] = useState(0);\n  const [showcaseMouthsIdx, setShowcaseMouthsIdx] = useState(0);\n  const [showcaseHatsIdx, setShowcaseHatsIdx] = useState(0);\n  const [runShowcase, setRunShowcase] = useState(false);\n  const [loadingCurtain, setLoadingCurtain] = useState(true);\n  const [showLoadingSpinner, setShowLoadingSpinner] = useState(true);\n\n  function updateShowcaseItem() {\n    setShowcaseItemIdx((showcaseItemIdx) =>\n      showcaseItemIdx >= poodPartMaxIdx ? 0 : showcaseItemIdx + 1\n    );\n  }\n\n  function updateShowcaseBody() {\n    setShowcaseBodyIdx((showcaseBodyIdx) =>\n      showcaseBodyIdx >= poodPartMaxIdx ? 0 : showcaseBodyIdx + 1\n    );\n  }\n\n  function updateShowcaseShirt() {\n    setShowcaseShirtIdx((showcaseShirtIdx) =>\n      showcaseShirtIdx >= poodPartMaxIdx ? 0 : showcaseShirtIdx + 1\n    );\n  }\n\n  function updateShowcaseEyes() {\n    setShowcaseEyesIdx((showcaseEyesIdx) =>\n      showcaseEyesIdx >= poodPartMaxIdx ? 0 : showcaseEyesIdx + 1\n    );\n  }\n\n  function updateShowcaseMouths() {\n    setShowcaseMouthsIdx((showcaseMouthsIdx) =>\n      showcaseMouthsIdx >= poodPartMaxIdx ? 0 : showcaseMouthsIdx + 1\n    );\n  }\n\n  function updateShowcaseHats() {\n    setShowcaseHatsIdx((showcaseHatsIdx) =>\n      showcaseHatsIdx >= poodPartMaxIdx ? 0 : showcaseHatsIdx + 1\n    );\n  }\n\n  function setAllShowcaseIntervals() {\n    var intervals = [];\n    intervals.push(setInterval(updateShowcaseBody, 31000));\n    intervals.push(setInterval(updateShowcaseItem, 11000));\n    intervals.push(setInterval(updateShowcaseShirt, 16000));\n    intervals.push(setInterval(updateShowcaseEyes, 9000));\n    intervals.push(setInterval(updateShowcaseMouths, 8000));\n    intervals.push(setInterval(updateShowcaseHats, 13000));\n    return intervals;\n  }\n\n  function liftLoadingCurtain() {\n    setLoadingCurtain(false);\n  }\n\n  function hideLoadingSpinner() {\n    setShowLoadingSpinner(false);\n  }\n\n  function kickOffShowcase() {\n    setRunShowcase(true);\n  }\n\n  // Set intervals on component load.\n  useEffect(() => {\n    var intervals = setAllShowcaseIntervals();\n    return () => {\n      for (var i = 0; i < intervals.length; i++) {\n        clearInterval(intervals[i]);\n      }\n    };\n  }, []);\n\n  // Set timeout on component load.\n  useEffect(() => {\n    var timers = [];\n    timers.push(setTimeout(kickOffShowcase, 1500));\n    timers.push(setTimeout(liftLoadingCurtain, 2000));\n    timers.push(setTimeout(hideLoadingSpinner, 2500));\n    return () => {\n      for (var i = 0; i < timers.length; i++) {\n        clearTimeout(timers[i]);\n      }\n    };\n  }, []);\n\n  return (\n    <>\n      <LoadingCurtain\n        className={`loading-curtain-${loadingCurtain ? \"idle\" : \"lift\"}`}\n      >\n        <LoadingSpinner\n          alt={\"loading spinner\"}\n          src={\"/config/images/header_bone.png\"}\n          className={`loading-spinner-${\n            showLoadingSpinner ? \"shake\" : \"hidden\"\n          }`}\n        />\n      </LoadingCurtain>\n      {runShowcase && (\n        <>\n          <Screen>\n            <Header mint={mint} />\n            {/* ITEMS */}\n            <PoodlePart\n              className={`poodle-part-${\n                showcaseItemIdx == 0\n                  ? \"enter\"\n                  : showcaseItemIdx == 1\n                  ? \"exit\"\n                  : \"hidden\"\n              }`}\n              src=\"config/images/showcase/items/bone.png\"\n            ></PoodlePart>\n            <PoodlePart\n              className={`poodle-part-${\n                showcaseItemIdx == 1\n                  ? \"enter\"\n                  : showcaseItemIdx == 2\n                  ? \"exit\"\n                  : \"hidden\"\n              }`}\n              src=\"config/images/showcase/items/heart_food_bowl.png\"\n            ></PoodlePart>\n            <PoodlePart\n              className={`poodle-part-${\n                showcaseItemIdx == 2\n                  ? \"enter\"\n                  : showcaseItemIdx == 3\n                  ? \"exit\"\n                  : \"hidden\"\n              }`}\n              src=\"config/images/showcase/items/ball.png\"\n            ></PoodlePart>\n            <PoodlePart\n              className={`poodle-part-${\n                showcaseItemIdx == 3\n                  ? \"enter\"\n                  : showcaseItemIdx == 0\n                  ? \"exit\"\n                  : \"hidden\"\n              }`}\n              src=\"config/images/showcase/items/pood.png\"\n            ></PoodlePart>\n            {/* BODIES */}\n            <PoodlePart\n              className={`poodle-part-${\n                showcaseBodyIdx == 0\n                  ? \"enter\"\n                  : showcaseBodyIdx == 1\n                  ? \"exit\"\n                  : \"hidden\"\n              }`}\n              src=\"config/images/showcase/bodies/blue.png\"\n            ></PoodlePart>\n            <PoodlePart\n              className={`poodle-part-${\n                showcaseBodyIdx == 1\n                  ? \"enter\"\n                  : showcaseBodyIdx == 2\n                  ? \"exit\"\n                  : \"hidden\"\n              }`}\n              src=\"config/images/showcase/bodies/golden.png\"\n            ></PoodlePart>\n            <PoodlePart\n              className={`poodle-part-${\n                showcaseBodyIdx == 2\n                  ? \"enter\"\n                  : showcaseBodyIdx == 3\n                  ? \"exit\"\n                  : \"hidden\"\n              }`}\n              src=\"config/images/showcase/bodies/brown.png\"\n            ></PoodlePart>\n            <PoodlePart\n              className={`poodle-part-${\n                showcaseBodyIdx == 3\n                  ? \"enter\"\n                  : showcaseBodyIdx == 0\n                  ? \"exit\"\n                  : \"hidden\"\n              }`}\n              src=\"config/images/showcase/bodies/white.png\"\n            ></PoodlePart>\n            {/* SHIRTS */}\n            <PoodlePart\n              className={`poodle-part-${\n                showcaseShirtIdx == 0\n                  ? \"enter\"\n                  : showcaseShirtIdx == 1\n                  ? \"exit\"\n                  : \"hidden\"\n              }`}\n              src=\"config/images/showcase/shirts/king_robe.png\"\n            ></PoodlePart>\n            <PoodlePart\n              className={`poodle-part-${\n                showcaseShirtIdx == 1\n                  ? \"enter\"\n                  : showcaseShirtIdx == 2\n                  ? \"exit\"\n                  : \"hidden\"\n              }`}\n              src=\"config/images/showcase/shirts/pride_shirt.png\"\n            ></PoodlePart>\n            <PoodlePart\n              className={`poodle-part-${\n                showcaseShirtIdx == 2\n                  ? \"enter\"\n                  : showcaseShirtIdx == 3\n                  ? \"exit\"\n                  : \"hidden\"\n              }`}\n              src=\"config/images/showcase/shirts/ref_shirt.png\"\n            ></PoodlePart>\n            <PoodlePart\n              className={`poodle-part-${\n                showcaseShirtIdx == 3\n                  ? \"enter\"\n                  : showcaseShirtIdx == 0\n                  ? \"exit\"\n                  : \"hidden\"\n              }`}\n              src=\"config/images/showcase/shirts/tatted_chest.png\"\n            ></PoodlePart>\n            {/* EYES */}\n            <PoodlePart\n              className={`poodle-part-${\n                showcaseEyesIdx == 0\n                  ? \"enter\"\n                  : showcaseEyesIdx == 1\n                  ? \"exit\"\n                  : \"hidden\"\n              }`}\n              src=\"config/images/showcase/eyes/eyepatch.png\"\n            ></PoodlePart>\n            <PoodlePart\n              className={`poodle-part-${\n                showcaseEyesIdx == 1\n                  ? \"enter\"\n                  : showcaseEyesIdx == 2\n                  ? \"exit\"\n                  : \"hidden\"\n              }`}\n              src=\"config/images/showcase/eyes/heart_eyes.png\"\n            ></PoodlePart>\n            <PoodlePart\n              className={`poodle-part-${\n                showcaseEyesIdx == 2\n                  ? \"enter\"\n                  : showcaseEyesIdx == 3\n                  ? \"exit\"\n                  : \"hidden\"\n              }`}\n              src=\"config/images/showcase/eyes/money_eyes.png\"\n            ></PoodlePart>\n            <PoodlePart\n              className={`poodle-part-${\n                showcaseEyesIdx == 3\n                  ? \"enter\"\n                  : showcaseEyesIdx == 0\n                  ? \"exit\"\n                  : \"hidden\"\n              }`}\n              src=\"config/images/showcase/eyes/warpaint_eyes.png\"\n            ></PoodlePart>\n            {/* MOUTHS */}\n            <PoodlePart\n              className={`poodle-part-${\n                showcaseMouthsIdx == 0\n                  ? \"enter\"\n                  : showcaseMouthsIdx == 1\n                  ? \"exit\"\n                  : \"hidden\"\n              }`}\n              src=\"config/images/showcase/mouths/drool.png\"\n            ></PoodlePart>\n            <PoodlePart\n              className={`poodle-part-${\n                showcaseMouthsIdx == 1\n                  ? \"enter\"\n                  : showcaseMouthsIdx == 2\n                  ? \"exit\"\n                  : \"hidden\"\n              }`}\n              src=\"config/images/showcase/mouths/mask.png\"\n            ></PoodlePart>\n            <PoodlePart\n              className={`poodle-part-${\n                showcaseMouthsIdx == 2\n                  ? \"enter\"\n                  : showcaseMouthsIdx == 3\n                  ? \"exit\"\n                  : \"hidden\"\n              }`}\n              src=\"config/images/showcase/mouths/retro.png\"\n            ></PoodlePart>\n            <PoodlePart\n              className={`poodle-part-${\n                showcaseMouthsIdx == 3\n                  ? \"enter\"\n                  : showcaseMouthsIdx == 0\n                  ? \"exit\"\n                  : \"hidden\"\n              }`}\n              src=\"config/images/showcase/mouths/stache_tongue.png\"\n            ></PoodlePart>\n            {/* HATS */}\n            <PoodlePart\n              className={`poodle-part-${\n                showcaseHatsIdx == 0\n                  ? \"enter\"\n                  : showcaseHatsIdx == 1\n                  ? \"exit\"\n                  : \"hidden\"\n              }`}\n              src=\"config/images/showcase/hats/dragon_hat.png\"\n            ></PoodlePart>\n            <PoodlePart\n              className={`poodle-part-${\n                showcaseHatsIdx == 1\n                  ? \"enter\"\n                  : showcaseHatsIdx == 2\n                  ? \"exit\"\n                  : \"hidden\"\n              }`}\n              src=\"config/images/showcase/hats/halo.png\"\n            ></PoodlePart>\n            <PoodlePart\n              className={`poodle-part-${\n                showcaseHatsIdx == 2\n                  ? \"enter\"\n                  : showcaseHatsIdx == 3\n                  ? \"exit\"\n                  : \"hidden\"\n              }`}\n              src=\"config/images/showcase/hats/pirate_hat.png\"\n            ></PoodlePart>\n            <PoodlePart\n              className={`poodle-part-${\n                showcaseHatsIdx == 3\n                  ? \"enter\"\n                  : showcaseHatsIdx == 0\n                  ? \"exit\"\n                  : \"hidden\"\n              }`}\n              src=\"config/images/showcase/hats/tatted_face.png\"\n            ></PoodlePart>\n          </Screen>\n          <Screen>\n            <ResponsiveWrapper style={{ padding: 24 }}>\n              <Container\n                flex={1}\n                jc={\"center\"}\n                ai={\"start\"}\n                style={{\n                  padding: 24,\n                }}\n              >\n                <TextTitle\n                  style={{\n                    textAlign: \"center\",\n                    fontSize: 50,\n                    color: \"var(--primary-text)\",\n                  }}\n                >\n                  Tiny Poodles\n                </TextTitle>\n                <TextDescription\n                  style={{\n                    color: \"var(--primary-text)\",\n                    fontWeight: \"bold\",\n                  }}\n                >\n                  Tiny Poodles is a collection of 5,555 furry friends! Built\n                  atop the Ethereum blockchain, each Tiny Poodle NFT is a wholly\n                  unique piece of art with its own personality, crafted from\n                  hand-drawn elements such as bodies, hats, eyes, and more!\n                  Using our generative software we've integrated a rarity tier\n                  system into this collection with a limited supply of the most\n                  sought after and rare Poodles!\n                  <br />\n                  <br />\n                  40% of the overall mint revenue will fund a community pool.\n                  Every community member will be able to make their voice heard.\n                  Holders of Tiny Poodles NFT will have exclusive voting rights\n                  to determine what happens with our community pool. For details\n                  and to get whitelisted come join our Discord community where\n                  we hang out, do giveaways, and play games!\n                </TextDescription>\n              </Container>\n              <Container flex={1} jc={\"center\"} ai={\"center\"}>\n                <Img\n                  alt={\"tiny poodles gif\"}\n                  src={\"/config/images/poods.gif\"}\n                  mnw={\"300px\"}\n                  mnh={\"300px\"}\n                  mw={\"600px\"}\n                  mh={\"600px\"}\n                />\n                <SpacerLarge />\n              </Container>\n            </ResponsiveWrapper>\n            <Footer useTerms={false} /> {/* TODO: update useTerms usage */}\n          </Screen>\n        </>\n      )}\n    </>\n  );\n}\n\nexport default LandingPage;\n","import React, { useEffect, useState } from \"react\";\nimport { truncate } from \"./Utilities\";\nimport {\n  claimNFTs,\n  decrementMintAmount,\n  getConfig,\n  getData,\n  incrementMintAmount,\n} from \"./AppActions\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport { connect } from \"./redux/blockchain/blockchainActions\";\nimport { StyledButton } from \"./components/styled/StyledButton.styled\";\nimport { StyledRoundButton } from \"./components/styled/StyledRoundButton.styled\";\nimport { ResponsiveWrapper } from \"./components/styled/ResponsiveWrapper.styled\";\nimport { StyledLink } from \"./components/styled/StyledLink.styled\";\nimport { Screen } from \"./components/styled/Screen.styled\";\nimport { SpacerXSmall } from \"./components/styled/SpacerXSmall.styled\";\nimport { SpacerSmall } from \"./components/styled/SpacerSmall.styled\";\nimport { SpacerMedium } from \"./components/styled/SpacerMedium.styled\";\nimport { SpacerLarge } from \"./components/styled/SpacerLarge.styled\";\nimport { Container } from \"./components/styled/Container.styled\";\nimport { TextTitle } from \"./components/styled/TextTitle.styled\";\nimport { TextDescription } from \"./components/styled/TextDescription.styled\";\nimport { Img } from \"./components/styled/Img.styled\";\nimport { BrowserRouter as Router } from \"react-router-dom\";\nimport { Route, Routes } from \"react-router\";\nimport Header from \"./components/Header\";\nimport Footer from \"./components/Footer\";\nimport LandingPage from \"./components/LandingPage\";\n\nfunction App() {\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 [feedback, setFeedback] = useState(`Click buy to mint your NFT.`);\n  const [mintAmount, setMintAmount] = useState(1);\n  const [connectionLoading, setConnectionLoading] = useState(false);\n  const [config, setConfig] = 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    MARKETPLACE: \"\",\n    MARKETPLACE_LINK: \"\",\n    SHOW_BACKGROUND: false,\n    USE_TERMS: false,\n    SHOW_MINT: false,\n  });\n\n  // Get config on page load.\n  useEffect(() => {\n    getConfig(setConfig);\n  }, []);\n\n  // Get contract data whenever account changes.\n  useEffect(() => {\n    getData(blockchain, dispatch);\n  }, [blockchain.account]);\n\n  // =======================================================================\n  // When a user chooses to connect their Metamask wallet to this dapp\n  // the flow is to first update the blockchain Redux store with account\n  // data and then update the data Redux store with contract data. In some\n  // scenarios (eg, connecting to the contract when supply has been sold out)\n  // we need a loading state that captures both of these Redux store updates\n  // as a single loading process to avoid awkward re-renders. The following\n  // two useEffect hooks achieve this.\n  // =======================================================================\n  useEffect(() => {\n    if (!blockchain.loading) {\n      setConnectionLoading(true);\n    }\n  }, [blockchain.loading]);\n\n  useEffect(() => {\n    if (!data.loading) {\n      setConnectionLoading(false);\n    }\n  }, [data.loading]);\n  // =======================================================================\n\n  return (\n    <div\n      style={{\n        backgroundImage: `url(\"/config/images/bg.png\")`,\n        backgroundRepeat: \"repeat\",\n      }}\n    >\n      {/* Temp Link to Rarity Sniper */}\n      <a href=\"https://raritysniper.com/nft-drops-calendar\" hidden>\n        Rarity Sniper Drop Calendar\n      </a>\n      <Router>\n        <Routes>\n          {/* Landing Page */}\n          <Route\n            path=\"/\"\n            element={\n              <LandingPage\n                mint={config.SHOW_MINT}\n                displayCost={config.DISPLAY_COST}\n                networkSymbol={config.NETWORK.SYMBOL}\n              />\n            }\n          />\n          {/* Mint Page */}\n          {\n            <Route\n              path=\"/mint\"\n              element={\n                <Screen>\n                  <Header mint={config.SHOW_MINT} />\n                  <Container flex={1} ai={\"center\"} style={{ padding: 24 }}>\n                    <ResponsiveWrapper flex={1} style={{ padding: 24 }}>\n                      <Container flex={1} jc={\"center\"} ai={\"center\"}>\n                        <Img\n                          alt={\"pugs hidden\"}\n                          src={\"/config/images/pugs_hidden.png\"}\n                          mnw={\"300px\"}\n                          mnh={\"300px\"}\n                          mw={\"600px\"}\n                          mh={\"600px\"}\n                          bs={\"none\"}\n                          b={\"none\"}\n                        />\n                      </Container>\n                      <SpacerLarge />\n                      <Container\n                        flex={2}\n                        jc={\"center\"}\n                        ai={\"center\"}\n                        style={{\n                          backgroundColor: \"#fff\",\n                          padding: 24,\n                          border: \"4px solid var(--primary-text)\",\n                        }}\n                      >\n                        <TextTitle\n                          style={{\n                            textAlign: \"center\",\n                            fontSize: 50,\n                            color: \"var(--primary-text)\",\n                          }}\n                        >\n                          {data.totalSupply} / {config.MAX_SUPPLY}\n                        </TextTitle>\n                        <TextDescription\n                          style={{\n                            textAlign: \"center\",\n                            color: \"var(--primary-text)\",\n                          }}\n                        >\n                          <StyledLink target={\"_blank\"} href={config.SCAN_LINK}>\n                            {truncate(config.CONTRACT_ADDRESS, 15)}\n                          </StyledLink>\n                        </TextDescription>\n                        <SpacerSmall />\n                        {data.paused ? (\n                          <>\n                            <TextTitle\n                              style={{\n                                textAlign: \"center\",\n                                color: \"var(--primary-text)\",\n                              }}\n                            >\n                              Tiny Pugs NFT is currently paused.\n                            </TextTitle>\n                            <TextDescription\n                              style={{\n                                textAlign: \"center\",\n                                color: \"var(--primary-text)\",\n                              }}\n                            >\n                              Minting and transferring are disabled.\n                            </TextDescription>\n                          </>\n                        ) : Number(data.totalSupply) >= config.MAX_SUPPLY ? (\n                          <>\n                            <TextTitle\n                              style={{\n                                textAlign: \"center\",\n                                color: \"var(--primary-text)\",\n                              }}\n                            >\n                              The sale has ended.\n                            </TextTitle>\n                            <TextDescription\n                              style={{\n                                textAlign: \"center\",\n                                color: \"var(--primary-text)\",\n                              }}\n                            >\n                              You can still find {config.NFT_NAME} on&nbsp;\n                              <StyledLink\n                                target={\"_blank\"}\n                                href={config.MARKETPLACE_LINK}\n                                style={{\n                                  fontWeight: \"bold\",\n                                }}\n                              >\n                                {config.MARKETPLACE}\n                              </StyledLink>\n                            </TextDescription>\n                          </>\n                        ) : (\n                          <>\n                            <TextTitle\n                              style={{\n                                textAlign: \"center\",\n                                color: \"var(--primary-text)\",\n                              }}\n                            >\n                              1 {config.SYMBOL} costs {config.DISPLAY_COST}{\" \"}\n                              {config.NETWORK.SYMBOL}.\n                            </TextTitle>\n                            <SpacerXSmall />\n                            <TextDescription\n                              style={{\n                                textAlign: \"center\",\n                                color: \"var(--primary-text)\",\n                              }}\n                            >\n                              Excluding gas fees.\n                            </TextDescription>\n                            <SpacerSmall />\n                            {blockchain.account === \"\" ||\n                            blockchain.smartContract === null ||\n                            connectionLoading ? (\n                              <Container ai={\"center\"} jc={\"center\"}>\n                                <TextDescription\n                                  style={{\n                                    textAlign: \"center\",\n                                    color: \"var(--primary-text)\",\n                                  }}\n                                >\n                                  Connect to the {config.NETWORK.NAME} network\n                                </TextDescription>\n                                <SpacerSmall />\n                                <StyledButton\n                                  onClick={(e) => {\n                                    e.preventDefault();\n                                    dispatch(connect());\n                                    getData(blockchain, dispatch);\n                                  }}\n                                >\n                                  CONNECT\n                                </StyledButton>\n                                {blockchain.errorMsg !== \"\" ? (\n                                  <>\n                                    <SpacerSmall />\n                                    <TextDescription\n                                      style={{\n                                        textAlign: \"center\",\n                                        color: \"var(--error-text)\",\n                                      }}\n                                    >\n                                      {blockchain.errorMsg}\n                                    </TextDescription>\n                                  </>\n                                ) : null}\n                              </Container>\n                            ) : (\n                              <>\n                                <TextDescription\n                                  style={{\n                                    textAlign: \"center\",\n                                    color: \"var(--primary-text)\",\n                                  }}\n                                >\n                                  {feedback}\n                                </TextDescription>\n                                <SpacerMedium />\n                                <Container\n                                  ai={\"center\"}\n                                  jc={\"center\"}\n                                  fd={\"row\"}\n                                >\n                                  <StyledRoundButton\n                                    style={{ lineHeight: 0.4 }}\n                                    disabled={claimingNft ? 1 : 0}\n                                    onClick={(e) => {\n                                      e.preventDefault();\n                                      decrementMintAmount(\n                                        mintAmount,\n                                        setMintAmount\n                                      );\n                                    }}\n                                  >\n                                    -\n                                  </StyledRoundButton>\n                                  <SpacerMedium />\n                                  <TextDescription\n                                    style={{\n                                      textAlign: \"center\",\n                                      color: \"var(--primary-text)\",\n                                    }}\n                                  >\n                                    {mintAmount}\n                                  </TextDescription>\n                                  <SpacerMedium />\n                                  <StyledRoundButton\n                                    disabled={claimingNft ? 1 : 0}\n                                    onClick={(e) => {\n                                      e.preventDefault();\n                                      incrementMintAmount(\n                                        mintAmount,\n                                        setMintAmount,\n                                        data.maxMintPerXn\n                                      );\n                                    }}\n                                  >\n                                    +\n                                  </StyledRoundButton>\n                                </Container>\n                                <SpacerSmall />\n                                <Container\n                                  ai={\"center\"}\n                                  jc={\"center\"}\n                                  fd={\"row\"}\n                                >\n                                  <StyledButton\n                                    disabled={claimingNft ? 1 : 0}\n                                    onClick={(e) => {\n                                      e.preventDefault();\n                                      claimNFTs(\n                                        config,\n                                        blockchain,\n                                        mintAmount,\n                                        setFeedback,\n                                        setClaimingNft,\n                                        dispatch\n                                      );\n                                      getData(blockchain, dispatch);\n                                    }}\n                                  >\n                                    {claimingNft ? \"BUSY\" : \"BUY\"}\n                                  </StyledButton>\n                                </Container>\n                              </>\n                            )}\n                          </>\n                        )}\n                        <SpacerMedium />\n                      </Container>\n                    </ResponsiveWrapper>\n                    <Container\n                      jc={\"center\"}\n                      ai={\"center\"}\n                      style={{\n                        width: \"50%\",\n                        border: \"2px dashed var(--primary-text)\",\n                        backgroundColor: \"#fff\",\n                      }}\n                    >\n                      <TextDescription\n                        style={{\n                          fontSize: 14,\n                          fontWeight: \"bold\",\n                          textAlign: \"center\",\n                          color: \"var(--primary-text)\",\n                        }}\n                      >\n                        A purchase cannot be undone.\n                      </TextDescription>\n                    </Container>\n                  </Container>\n                  <Footer termsAndConditions={config.USE_TERMS} />\n                </Screen>\n              }\n            />\n          }\n          {/* 404 Page */}\n          <Route\n            path=\"*\"\n            element={\n              <Screen>\n                <Header />\n                <Container flex={1} ai={\"center\"} style={{ padding: 24 }}>\n                  <SpacerSmall />\n                  <ResponsiveWrapper flex={1} style={{ padding: 24 }}>\n                    <Container flex={1} jc={\"center\"} ai={\"center\"}>\n                      <Img\n                        alt={\"poods\"}\n                        src={\"/config/images/404_collar.png\"}\n                        mnw={\"300px\"}\n                        mnh={\"191px\"}\n                        mw={\"500px\"}\n                        mh={\"319px\"}\n                        bs={\"none\"}\n                        b={\"none\"}\n                      />\n                    </Container>\n                    <SpacerLarge />\n                    <Container\n                      flex={1}\n                      jc={\"center\"}\n                      ai={\"center\"}\n                      style={{\n                        padding: 24,\n                        fontWeight: \"bold\",\n                      }}\n                    >\n                      <TextTitle\n                        style={{\n                          textAlign: \"center\",\n                          fontSize: 85,\n                          color: \"-var(--primary-text)\",\n                        }}\n                      >\n                        Error 404\n                      </TextTitle>\n                      <TextDescription\n                        style={{\n                          textAlign: \"center\",\n                          fontSize: 24,\n                          color: \"-var(--primary-text)\",\n                        }}\n                      >\n                        Uh oh! Looks like someone got off the leash...\n                      </TextDescription>\n                    </Container>\n                    <SpacerLarge />\n                  </ResponsiveWrapper>\n                  <SpacerMedium />\n                </Container>\n                <Footer showTerms={config.USE_TERMS} />\n              </Screen>\n            }\n          />\n        </Routes>\n      </Router>\n    </div>\n  );\n}\n\nexport default App;\n","// General utilties that are widely applicable and app-agnostic.\n// =============================================================\n\n// Param input: str\n// Param len: int\nexport const truncate = (input, len) =>\n  input.length > len ? `${input.substring(0, len)}...` : input;\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":""}