{"version":3,"sources":["util/interact.js","WonderGame.js","App.js","reportWebVitals.js","index.js"],"names":["require","config","web3","createAlchemyWeb3","process","contractABI","contractAddress","NetworkID","NetworkName","CMaxSpp","Number","WonderGameContract","eth","Contract","loadStatus","a","methods","paused","call","p","loadCost","cost","c","loadTotalSupply","totalSupply","ts","loadMaxMintAmount","maxMintAmount","mna","wcprovider","providerOptions","walletconnect","package","window","WalletConnectProvider","default","options","rpc","1","5","web3Modal","Web3Modal","cacheProvider","disableInjectedProvider","theme","background","main","secondary","border","hover","connectWallet","connect","_provider","fetchAccountData","address","status","WAuthorized","Provider","Balance","onDisconnect","clearCachedProvider","library","ethers","providers","Web3Provider","listAccounts","_accounts","getNetwork","chainId","toString","switchNetwork","_selectedAccount","length","CheckWalletAddress","request","method","params","waresponse","updateMint","txHash","amnt","m","encodeURIComponent","location","fetch","headers","getCurrentWalletConnected","cachedProvider","mintFunction","message","_library","_account","trim","transactionParameters","to","from","value","utils","toHex","toWei","data","mint","encodeABI","target","href","WonderGame","useState","walletAddress","setWallet","setStatus","setWAuthorized","MintAmount","setMintAmount","Cost","setCost","CStatus","setCStatus","TotalSupply","setTotalSupply","MaxMintAmount","setMaxMintAmount","MaxSupply","useEffect","addWalletListener","prvdr","on","accounts","r","connectWalletPressed","walletResponse","onMintPressed","className","data-collapse","src","alt","style","maxWidth","id","onClick","title","String","substring","width","name","data-name","htmlFor","type","autoFocus","min","max","readOnly","onChange","e","defaultValue","required","document","getElementById","stepDown","xmlns","height","viewBox","fill","d","stroke","strokeWidth","strokeLinecap","strokeLinejoin","stepUp","App","reportWebVitals","onPerfEntry","Function","then","getCLS","getFID","getFCP","getLCP","getTTFB","ReactDOM","render","StrictMode"],"mappings":"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","file":"static/js/main.a5b68515.chunk.js","sourcesContent":["import { ethers } from 'ethers';\nimport Web3Modal from \"web3modal\";\n\nrequire(\"dotenv\").config();\n\n\n\nconst alchemyKey = process.env.REACT_APP_Dev_Mode === \"1\" ? process.env.REACT_APP_Test_Network_URL : process.env.REACT_APP_Main_Network_URL;\nconst { createAlchemyWeb3 } = require(\"@alch/alchemy-web3\");\nconst web3 = createAlchemyWeb3(alchemyKey);\n\nconst contractABI = require(\"../WG-Contract.json\");\n\nconst contractAddress = process.env.REACT_APP_CONTRACT_ADDRESS;\n\nconst CheckWhiteList = process.env.REACT_APP_Check_WhiteList;\nconst WhiteListURL = process.env.REACT_APP_WhiteListURL;\n\nconst NetworkID =  process.env.REACT_APP_Dev_Mode === \"1\" ? process.env.REACT_APP_Test_Network_Version : process.env.REACT_APP_Main_Network_Version;\nconst NetworkChainID = process.env.REACT_APP_Dev_Mode === \"1\" ? process.env.REACT_APP_Test_Network_chainId : process.env.REACT_APP_Main_Network_chainId;\nconst NetworkName = process.env.REACT_APP_Dev_Mode === \"1\" ? process.env.REACT_APP_Test_Network_Name : process.env.REACT_APP_Main_Network_Name;\nconst EtherscanURL = process.env.REACT_APP_Dev_Mode === \"1\" ? process.env.REACT_APP_Test_Etherscan_url : process.env.REACT_APP_Main_Etherscan_url\nconst WalletMxMint = Number(process.env.REACT_APP_Wallet_Max_Mint_Amount);\nconst CMaxSpp = Number(process.env.REACT_APP_Max_Supply);\n\nexport const WonderGameContract = new web3.eth.Contract(\n  contractABI,\n  contractAddress\n);\n\n\nexport const loadStatus = async () => {\n  const p = await WonderGameContract.methods.paused().call();\n  return !p;\n};\n\nexport const loadCost = async () => {\n  const c = await WonderGameContract.methods.cost().call();\n  return c;\n};\n\nexport const loadMaxSupply = async () => {\n  const ms = await WonderGameContract.methods.maxSupply().call();\n  return ms;\n};\nexport const loadTotalSupply = async () => {\n  const ts = await WonderGameContract.methods.totalSupply().call();\n   return ts >CMaxSpp ? CMaxSpp : ts;\n};\n\nexport const loadMaxMintAmount = async () => {\n  const mna = await WonderGameContract.methods.maxMintAmount().call();\n  return mna;\n};\nexport const loadSymbol = async () => {\n  const smb = await WonderGameContract.methods.symbol().call();\n  return smb;\n};\nexport const loadBalanceOf = async (address) => {\n  const bo = await WonderGameContract.methods.balanceOf(address).call();\n  return bo;\n};\n\n\nexport const loadWalletOfOwner = async (address) => {\n  const wo = await WonderGameContract.methods.walletOfOwner(address).call();\n  return wo;\n};\n\nexport const loadOwnerOf = async (tid) => {\n  const ad = await WonderGameContract.methods.ownerOf(tid).call();\n  return ad;\n};\n\nlet wcprovider=null;\nconst WalletConnectProvider = window.WalletConnectProvider.default;\nconst providerOptions = {\n  walletconnect: {\n      package: WalletConnectProvider,\n      options: {\n          rpc: {\n              1 : process.env.REACT_APP_Main_Network_URL,\n              5 : process.env.REACT_APP_Test_Network_URL\n          }\n      }\n  }\n};\n\nconst web3Modal = new Web3Modal({\n  cacheProvider: true,\n  providerOptions,\n  disableInjectedProvider: false,\n  theme: {\n    background: \"#BFCAF7\",\n    main: \"#000\",\n    secondary: \"#000\",\n    border: \"transparent\",\n    hover: \"#fff\"\n  }\n});\n\nexport const connectWallet = async () => {\n\n  try {\n    const _provider = await web3Modal.connect();\n    wcprovider = _provider;\n    return fetchAccountData();\n  } catch (e) {\n      return {\n              address: \"\",\n              status: \"Wallet Connection Error!\" ,\n              WAuthorized :\"\",\n              Provider: null,\n              Balance:0\n            };\n  }\n};\n\nexport const onDisconnect = async () => {\n  await web3Modal.clearCachedProvider();\n  wcprovider = null;\n}\n\nexport const fetchAccountData = async () => {\n  try\n  {\n  const library = new ethers.providers.Web3Provider(wcprovider);\n  const _accounts = await library.listAccounts();\n  const _Netowrk = await library.getNetwork();\n  if (_Netowrk.chainId.toString() !== NetworkID) {\n     if( await switchNetwork() === false)\n     {\n         return {\n                address: \"\",\n                status: \"😥 Unable to switch network to \" + NetworkName,\n                WAuthorized :\"\",\n                Provider: null,\n                Balance:0\n                };\n     }\n  }\n  const _selectedAccount = _accounts.length > 0 ? _accounts[0] : \"\";\n  return  {\n          address: _selectedAccount,\n          WAuthorized : await CheckWalletAddress(_selectedAccount),\n          Provider: wcprovider,\n          Balance: 0\n        };\n  }\n  catch{\n    return  {\n      status: \"Please connect using the top right button.\",\n      address: \"\",\n      WAuthorized : \"\",\n      Provider: \"\",\n      Balance:0\n    };\n  }\n}\n\nconst switchNetwork =async () => {\n  try {\n      await wcprovider.request({\n          method: \"wallet_switchEthereumChain\",\n          params: [{ chainId: NetworkChainID }],\n      });\n      return true;\n  } catch (switchError) {\n      return false;\n  }\n}\n\nexport const CheckWalletAddress = async (address) => {\n  if(CheckWhiteList === \"yes\")\n  {\n    var waresponse= \"false\";\n    try{\n     await fetch(WhiteListURL  + address,{method: \"GET\" , headers : {\"Accept\": \"application/json\",\"Access-Control-Allow-Origin\" :\"*\",\"Access-Control-Allow-Headers\" : \"Content-Type\" , \"Access-Control-Allow-Methods\" :\"GET\" } })\n      .then(response => response.json())\n      .then(function(jsonresponse) {\n        if(jsonresponse.isWhitelist === true){\n          waresponse=\"true\";\n        }\n        else\n        {\n          waresponse=\"false\";\n        }\n      })\n      .catch((err) => {\n        waresponse=\"false\";\n    });\n    }\n    catch {\n      waresponse=\"false\";\n    }\n        return waresponse;\n  }\n  else\n  {\n    return  \"true\";\n  }\n};\n\nexport const updateMint = async (address,txHash,amnt) => {\n    try{\n      const m = process.env.REACT_APP_UpdateMintURL + \"_Address=\" + encodeURIComponent(address) + \"&_TxHash=\" + encodeURIComponent(txHash) + \"&_MintURL=\" + encodeURIComponent(window.location) +\"&_MintAmount=\" + encodeURIComponent(amnt);\n      await fetch( m ,{method: \"GET\" , headers : {\"Accept\": \"application/json\",\"Access-Control-Allow-Origin\" :\"*\",\"Access-Control-Allow-Headers\" : \"Content-Type\" , \"Access-Control-Allow-Methods\" :\"GET\" } });\n    }\n    catch {\n    }\n};\n\nexport const getCurrentWalletConnected = async () => {\n  if (web3Modal.cachedProvider) {\n   return await connectWallet();\n  }\n  else\n  {\n    return {\n      address: \"\",\n      status: \"\" ,\n      WAuthorized :\"\",\n      Provider: null\n      \n    };\n  }\n};\n\nexport const mintFunction = async (address, message) => {\n  const CStatus = await loadStatus();\n  if(CStatus===false)\n  {\n    return {status: \"❌ NFT Minting not started.\"};\n  }\n  \n  if (typeof (wcprovider) == 'undefined' || wcprovider == null || address===\"\") {\n    //await connectWallet();\n    return {\n      status: \"Please connect your wallet using the top right button\"\n    };\n}\n  \n  const wauth= await CheckWalletAddress(address);\n  if(wauth === \"false\")\n  {\n    return {status: \"❌ Wallet is not whitelisted.\"};\n  }\n\n  // const bo= Number(await loadBalanceOf(address));\n  // if( (bo + Number(message)) > WalletMxMint )\n  // {\n  //   if(bo===WalletMxMint)\n  //   {\n  //     return {status: \"❌ you have exceeded the max mint allowed\"};\n  //   }\n  //   else\n  //   {\n  //     return {status: \"❌ your maximum NFTs to mint is: \" + (bo > WalletMxMint ? 0 : WalletMxMint - bo)};\n  //   }\n  // }\n  const ts= Number(await loadTotalSupply());\n  if( (ts + Number(message)) > CMaxSpp)\n  {\n    return {status: \"❌ NFT Minting is Paused.\"};\n  }\n  \n  const _library = new ethers.providers.Web3Provider(wcprovider);\n  const _account = await _library.listAccounts();\n  const _Netwrk = await _library.getNetwork();\n\n  if(_Netwrk.chainId.toString() !== NetworkID.toString())\n  {\n    return {\n      status:\n        \"Please switch the network in your wallet to \" + NetworkName,\n    };\n  }\n\n  if(_account.length === 0){\n    return {\n      status: \"Please connect your wallet using the top right button\"\n    };\n  }\n\n  if (message.trim() === \"0\") {\n    return {\n      status: \"❌ \",\n    };\n  }\n  \n  const a = await loadCost();\n  const transactionParameters = {\n    to: contractAddress, \n    from: address, \n    value: web3.utils.toHex(web3.utils.toWei((a * Number(message)).toString(), \"wei\")),\n    //value: parseInt(web3.utils.toWei(web3.utils.toBN(a * Number(message)) ,'wei')).toString(16) ,\n    data: WonderGameContract.methods.mint(address,message).encodeABI(),\n  };\n\n  \n  try {\n    const txHash = await wcprovider.request({\n      method: \"eth_sendTransaction\",\n      params: [transactionParameters],\n    });\n    await updateMint(address,txHash,message);\n    return {\n      status: (\n        <span>\n          Please check the transaction in your Wallet, or click <a target={`_blank`} href={`${EtherscanURL + txHash}`}>here</a>  to view the transaction on ehterscan.\n        </span>\n      ),\n    };\n  } catch (error) {\n    return {\n      status: \"Wallet Error: \" + error.message,\n    };\n  }\n};\n\n\nexport const addTokenMetamask = async() => {\n  const smb = await loadSymbol();\n   await window.ethereum.request({\n    method: 'wallet_watchAsset',\n    params: {\n      type: 'ERC20', \n      options: {\n        address: contractAddress, \n        symbol: smb, \n        decimals: 0, \n      },\n    },\n  });\n}\n\n\n//{/* <br/>\n// Click <a onClick={addTokenMetamask} href=\"#\">here</a>  to add WonderGame Metaverse NFT to your Metamask wallet. */}","import React from \"react\";\nimport { useEffect, useState } from \"react\";\nimport Countdown from 'react-countdown';\nimport {\n  connectWallet,\n  mintFunction,\n  loadCost,\n  loadStatus,\n  loadTotalSupply,\n  loadMaxMintAmount,\n  getCurrentWalletConnected,\n  CheckWalletAddress,\n  fetchAccountData,\n  onDisconnect,\n} from \"./util/interact.js\";\n\n\n\nconst WonderGame = () => {\n  const [walletAddress, setWallet] = useState(\"\");\n  const [status, setStatus] = useState(\"\");\n  const [WAuthorized, setWAuthorized] = useState(\"\");\n  const [MintAmount, setMintAmount] = useState(\"2\");\n  const [Cost, setCost] = useState(0);\n  const [CStatus, setCStatus] = useState(false);\n  const [TotalSupply, setTotalSupply] = useState(0);\n  const [MaxMintAmount, setMaxMintAmount] = useState(2);\n  const [MaxSupply, setMaxSupply] = useState(Number(process.env.REACT_APP_Max_Supply));\n  useEffect(async () => {\n    const Cost = await loadCost();\n    setCost(Cost);\n    const CStatus = await loadStatus();\n    setCStatus(CStatus);\n    const TotalSupply = await loadTotalSupply();\n    setTotalSupply(TotalSupply);\n    const MaxMintAmount = await loadMaxMintAmount();\n    setMaxMintAmount(MaxMintAmount);\n    const { address, status,WAuthorized,Provider } = await getCurrentWalletConnected();\n    setWallet(address);\n    setStatus(status);\n    setWAuthorized(WAuthorized);\n    addWalletListener(Provider);\n    addWalletListener();\n  }, []);\n\n  // useEffect(async () => {\n  //   const timer = setTimeout(async () =>  { const TotalSupply2 = await  loadTotalSupply();setTotalSupply(TotalSupply2); }, 60e3)\n  //   return () => clearTimeout(timer)\n  //  });\n\n    \n\n   const  addWalletListener =  (prvdr) => {\n    if(prvdr!==null && typeof(prvdr) !== typeof(undefined)){\n         prvdr.on(\"accountsChanged\", async(accounts) => {\n          const r = await fetchAccountData();\n          setWallet(r.address);\n          setStatus(r.status);\n          setWAuthorized(r.WAuthorized);\n          if(r.address===\"\"){\n            await onDisconnect();\n          }\n          else\n          {\n            // const tma = await loadTokensMintedPerAddress(CStatus,r.address);\n            // setTokenMintedAddress(tma);\n            //setMintAmount(MaxMintAmount-tma);\n          }\n        });\n        prvdr.on(\"chainChanged\", async (chainId) => {\n          const r = await fetchAccountData();\n          setWallet(r.address);\n          setStatus(r.status);\n          setWAuthorized(r.WAuthorized);\n        });\n        prvdr.on(\"disconnect\", () => {\n          onDisconnect();\n        });\n      }\n    }\n  //  function updateWallet(wa,wst,watz){\n  //   setWallet(wa);\n  //   setStatus(wst);\n  //   setWAuthorized(watz);\n  // }\n  \n    const connectWalletPressed = async () => {\n      if(walletAddress===\"\"){\n          const walletResponse = await connectWallet();\n          setStatus(walletResponse.status);\n          setWallet(walletResponse.address);\n          setWAuthorized(walletResponse.WAuthorized);\n          //const tma = await loadTokensMintedPerAddress(CStatus,walletResponse.address);\n          //setTokenMintedAddress(tma);\n          //setMintAmount(MaxMintAmount-tma);\n          await addWalletListener(walletResponse.Provider);\n        }\n      else\n      {\n        await onDisconnect();\n        setStatus(\"\");\n        setWallet(\"\");\n        setWAuthorized(\"\");\n        //setTokenMintedAddress(0);\n        //setMintAmount(MaxMintAmount);\n      }\n    };\n\n  \n  const onMintPressed = async () => {\n     const { status } = await mintFunction(walletAddress, MintAmount);\n     setStatus(status);\n     if(status === \"Please connect your wallet using the top right button\"){\n      await connectWalletPressed();\n     }\n  };\n\n  const renderer = ({days, hours, minutes, seconds, completed }) => {\n    if (completed) {\n      //setCStatus(false);\n      return <span></span>;\n    } else {\n      return <div className=\"\">\n        <div className=\"divCountDown\">\n        <div><span className=\"divCountDownNumber\">{days}</span><br/>Days</div>\n        <div><span className=\"divCountDownNumber\">{hours}</span> <br/>Hours</div>\n        <div><span className=\"divCountDownNumber\">{minutes}</span> <br/>Minutes</div>\n        <div><span className=\"divCountDownNumber\">{seconds}</span> <br/>Seconds</div>\n      </div>\n      </div>\n      //<Countdown date={Date.now() + ((new Date(2022, 2, 18, 20, 0, 0)).getTime() - new Date(new Date().getUTCFullYear(), new Date().getUTCMonth(), new Date().getUTCDate(), new Date().getUTCHours(), new Date().getUTCMinutes(), new Date().getUTCSeconds()).getTime() )} renderer={renderer} />\n    }\n  };\n\n \n  return (\n    <div>\n    <div className=\"headerNotifications\">\n      <h4>\n        1ST & 2ND CITIZEN MINTS SOLD OUT. <a href={`https://opensea.io/collection/wondergame-meta`} className={`nav-link nav-opensea`} target={`_blank`}>BUY ON OPENSEA</a> \n        {/* First Sale: 1223/1223 SOLD OUT! This Sale: 100 available */}\n        {/* CITIZENS NEARLY SOLD OUT */}\n      </h4>\n    </div>\n    <div className=\"navbar secondary-gradient w-nav\" data-collapse=\"medium\">\n      <div className=\"navbar-container container-2 w-container\">\n        <a href=\"https://wonderlandmeta.world\"  className=\"brand w-nav-brand\">\n            <img src=\"./wonderland.png\" alt=\"\" style={{maxWidth:'120px'}} />\n        </a>\n        <div className=\"nav-menu\">\n        {/* <Countdown date={Date.now() + ((new Date(2023, 0, 28, 20, 0, 0)).getTime() - new Date(new Date().getUTCFullYear(), new Date().getUTCMonth(), new Date().getUTCDate(), new Date().getUTCHours(), new Date().getUTCMinutes(), new Date().getUTCSeconds()).getTime() )} renderer={renderer} /> */}\n        </div>\n        <div className=\"div-block-14\">\n            <a href=\"#\" className=\"btn btn-primary btn-outline w-inline-block\">\n            <button id=\"walletButton\" onClick={connectWalletPressed} title={walletAddress ===\"\" ? \"\" : \"Click to disconnect\"}>\n                {walletAddress.length > 0 ? (\n                  \"Connected: \" +\n                  String(walletAddress).substring(0, 6) +\n                  \"...\" +\n                  String(walletAddress).substring(38)\n                ) : (\n                  <span>CONNECT WALLET</span>\n                )}\n              </button>\n            </a>\n            \n        </div>\n      </div>\n    </div>\n\n    \n    <div className='overflow-hidden'>\n                <div className='section-3 secondary-gradient wf-section'>\n                    <div className='container w-container'>\n                        <div className='card text-center bg-light mb-96'>\n                            <h2 className='heading h1 h1-alt'>MINT YOUR META-CITIZEN NFT</h2>\n                            \n                            <div className='div-block-13'>\n                                <div id='w-node-eb7d0f3d-cfd8-363b-cdef-220793c76a6b-639e2827' className='embed-video'>\n                                    <div  className='video w-video w-embed'>\n                                    <img src=\"./citizen-pet.jpeg\" alt=\"\" />\n                                    </div>\n                                </div>\n                                <div id='w-node-_5ca5b0bd-12df-cbbc-a800-b74e1aa233ad-639e2827' className='mint-info'>\n                                \n                              {WAuthorized===\"\" || process.env.REACT_APP_Check_WhiteList ===\"no\" ? <span></span> :\n                              <h2 className='heading h1 h1-alt'>{WAuthorized ===\"true\" ? <span className=\"addressAuthorized\">Wallet is whitelisted</span> : <span className=\"addressNotAuthorized\">Your Wallet Address Has Not Been Whitelisted For Pre-Sale. Please Come Back Later Or Open A #support-ticket in Discord.</span> } </h2> }\n                            \n                                    <div className='mint-info-status mint-info-status-first' >\n                                        <div className='text-block'>STATUS </div>\n                                        {CStatus ? <div className='text-block-2'>Minting</div>  : <div className='text-block-2'>Paused</div>}\n                                    </div>\n                                    <div className='mint-info-status'>\n                                        <div className='text-block'>PRICE</div>\n                                        <div className='text-block-2'>{Cost / 1000000000000000000}  ETH</div>\n                                    </div>\n                                    <div className='mint-info-status'>\n                                        <div className='text-block'>NETWORK</div>\n                                        <div className='text-block-2'>{process.env.REACT_APP_Dev_Mode ===\"1\" ? process.env.REACT_APP_Test_Network_Name : process.env.REACT_APP_Main_Network_Name}</div>\n                                    </div>\n                                    <div className='progress-wrapper'>\n                                        <h6 className='h6'>{MaxSupply - TotalSupply}/{MaxSupply} Remaining</h6>\n                                        <div className=\"progress secondary-gradient op-20 progress-full-width\">\n                                            <div className='progress-bar secondary-gradient' style={ {width: `${TotalSupply / MaxSupply * 100}%` }}></div>\n                                        </div>\n                                    </div>\n                                    <div className='form-block w-form'>\n                                        <form id='email-form' name='email-form' data-name='Email Form' method='post'>\n                                            <label htmlFor='Number' className='field-label'>How many NFTs to mint?</label>\n                                            <div className='text-field-wrap'>\n                                                <input type='number' className='text-field w-input' autoFocus={true} min='1' max={MaxMintAmount} name='txtNumber' id=\"txtNumber\" readOnly onChange={(e) => setMintAmount(e.target.value)} defaultValue={MintAmount} required />\n                                                <button type='button' className='text-field-button text-field-button-minus w-button' onClick={ (e) => { document.getElementById('txtNumber').stepDown(); setMintAmount(document.getElementById('txtNumber').value);} }>\n                                                    <svg xmlns='http://www.w3.org/2000/svg' width='16' height='4' viewBox='0 0 16 4' fill='none'>\n                                                        <path d='M2 2H14' stroke='#110E1D' strokeWidth='3' strokeLinecap='round' strokeLinejoin='round'/>\n                                                    </svg>\n                                                </button>\n                                                <button type='button' className='text-field-button text-field-button-plus w-button' onClick={ (e) => { document.getElementById('txtNumber').stepUp() ;setMintAmount(document.getElementById('txtNumber').value);} }>\n                                                    <svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'>\n                                                        <path d='M8 2V14M2 8H14' stroke='#110E1D' strokeWidth='3' strokeLinecap='round' strokeLinejoin='round'/>\n                                                    </svg>\n                                                </button>\n                                            </div>\n                                            <a className='btn btn-primary primary-gradient btn-block w-button' onClick={onMintPressed} >MINT NOW</a>\n                                            <br/>\n                                            <p id=\"status\">{status}</p>\n                                        </form>\n                                    </div>\n                                    <div className=\"divFreeMint\">\n                                      <label className=\"field-label\">3X BONUS FREE MINTS WITH YOUR CITIZEN:</label>\n                                      ✅ FREE MINT: Medium Public Land Plot(valued 0.09)<br/>\n                                      ✅ FREE MINT: Citizen Meta Penthouse<br/>\n                                      ✅ FREE MINT: WonderLand Pet NFT<br/>\n                                     </div>\n                                </div>\n                            </div>\n                        </div>\n                        <footer className='footer footer-alt'>\n                            <div id='w-node-f7124c28-2fb4-5bc4-712a-b2c51d0b11c6-97b767ee' className='inline-links'>\n                                <div className=\"inline-link\">© 2023, WonderLand Meta</div>\n                            </div>\n                            <div id='w-node-_7963e9da-169e-51c2-2d0f-5f5c88a12622-97b767ee' className='footer-center footer-center-alt'>\n                            <a href=\"https://wonderlandmeta.world\" >\n                                <img src={'./WonderLandLogo.png'} alt='' />\n                                </a>\n                            </div>\n                            <div id='w-node-_2f29f2fd-5552-7179-86f6-1efdad6b11f5-97b767ee' className='social-icons'>\n                                <a href='https://discord.gg/zfkPDKbW7w' target={`_blank`}  className='social-item w-inline-block'>\n                                    <img src={'./61c9b03061253113136fc455_Group 227.png'} alt='' />\n                                </a>\n                                <a href='https://twitter.com/WonderLand_Meta' target={`_blank`} className='social-item w-inline-block'>\n                                    <img src={'./61c9b0308041432c4c009744_Group 225.png'} alt='' />\n                                </a>\n                            </div>\n                        </footer>\n                    </div>\n\n\n                    <div className='shape shape-16'>\n                        <img src={'61c99e539ca45643ff9cbb93_4.png'} alt='' />\n                    </div>\n                    <div className='shape shape-17'>\n                        <img src={'6217bd02d3484ce1a965f923_mask_4.png'} alt='' />\n                    </div>\n                    <div className='shape shape-14 shape-14-alt'>\n                        <img src={'6217c8f608d6f5e85f546afd_mask_group4.png'} alt='' className='image-3' />\n                    </div>\n                </div>\n            </div>\n      \n    </div>\n  );\n};\n\nexport default WonderGame;\n","import WonderGame from './WonderGame'\nimport './App.css';\n\nfunction App() {\n  return (\n    <div className=\"App\">\n      <WonderGame></WonderGame> \n    </div>\n  );\n}\n\nexport default App;\n","const reportWebVitals = onPerfEntry => {\n  if (onPerfEntry && onPerfEntry instanceof Function) {\n    import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\n      getCLS(onPerfEntry);\n      getFID(onPerfEntry);\n      getFCP(onPerfEntry);\n      getLCP(onPerfEntry);\n      getTTFB(onPerfEntry);\n    });\n  }\n};\n\nexport default reportWebVitals;\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\nimport reportWebVitals from './reportWebVitals';\n\nReactDOM.render(\n  <React.StrictMode>\n    <App />\n  </React.StrictMode>,\n  document.getElementById('root')\n);\n\n// If you want to start measuring performance in your app, pass a function\n// to log results (for example: reportWebVitals(console.log))\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\nreportWebVitals();\n"],"sourceRoot":""}