\n
\n {children}\n \n \n );\n};\n\nexport default Modal;\n","import {useEffect} from \"react\";\n\nexport default function useOnClickOutside(ref, handler) {\n useEffect(() => {\n const listener = (event) => {\n // Do nothing if clicking ref's element or descendent elements\n if (!ref.current || ref.current.contains(event.target)) {\n return;\n }\n\n handler(event);\n };\n\n document.addEventListener(\"mousedown\", listener);\n document.addEventListener(\"touchstart\", listener);\n\n return () => {\n document.removeEventListener(\"mousedown\", listener);\n document.removeEventListener(\"touchstart\", listener);\n };\n }, [ref, handler]);\n}\n","import {InjectedConnector} from \"@web3-react/injected-connector\";\nimport {WalletConnectConnector} from \"@web3-react/walletconnect-connector\";\nimport Web3 from \"web3\";\n\n// Chain IDs\n// These are the IDs of the Ethereum chains that MetaMask supports by default. Consult chainid.network (opens new window)for more.\n// Hex\tDecimal\tNetwork\n// 0x1\t1\tEthereum Main Network (Mainnet)\n// 0x3\t3\tRopsten Test Network\n// 0x4\t4\tRinkeby Test Network\n// 0x5\t5\tGoerli Test Network\n// 0x2a\t42\tKovan Test Network\nexport const injected = new InjectedConnector({\n supportedChainIds: [56, 97],\n});\n\nexport const walletconnect = new WalletConnectConnector({\n rpc: {\n 56: \"https://bsc-dataseed.binance.org/\",\n 97: \"https://data-seed-prebsc-1-s1.binance.org:8545/\",\n },\n qrcode: true,\n bridge: \"https://bridge.walletconnect.org\",\n});\n\nexport const walletconnectNoQr = new WalletConnectConnector({\n rpc: {\n 56: \"https://bsc-dataseed.binance.org/\",\n 97: \"https://data-seed-prebsc-1-s1.binance.org:8545/\",\n },\n qrcode: false,\n bridge: \"https://bridge.walletconnect.org\",\n});\n\nexport const getLibrary = (provider) => new Web3(provider);\n","export const ethereumConnect = () =>\n window.ethereum.request({method: \"eth_requestAccounts\"});\nexport const isEthereumConnected = window.ethereum\n ? window.ethereum.isConnected()\n : false;\nexport const isEthereumMetaMask = window.ethereum\n ? window.ethereum.isMetaMask\n : null;\nexport const ethereumSendTransaction = (params) =>\n window.ethereum.request({\n method: \"eth_sendTransaction\",\n params,\n });\n\nexport const switchNetwork = async (chainId) => {\n try {\n await window.ethereum.request({\n method: \"wallet_switchEthereumChain\",\n params: [{chainId: \"0x61\"}],\n });\n } catch (switchError) {\n // This error code indicates that the chain has not been added to MetaMask.\n if (switchError.code === 4902) {\n try {\n await window.ethereum.request({\n method: \"wallet_addEthereumChain\",\n params: [\n {\n chainId: \"0x61\",\n rpcUrls: [\"https://data-seed-prebsc-1-s1.binance.org:8545\"],\n chainName: \"BSC Mainnet\",\n nativeCurrency: {name: \"BNB\", decimals: 18, symbol: \"BNB\"},\n blockExplorerUrls: [\"https://testnet.bscscan.com\"],\n },\n ],\n });\n } catch (error) {\n console.error(error);\n }\n }\n }\n};\n","/* eslint-disable react-hooks/exhaustive-deps */\nimport React, {useEffect} from \"react\";\nimport Modal from \"../Modal\";\nimport './index.css'\nimport {useWeb3React} from \"@web3-react/core\";\nimport {injected, walletconnect, switchNetwork} from \"../../../wallet\";\n\nexport default function ConnectModal(props) {\n const {chainId, activate, active, error} = useWeb3React();\n const {opened, closeHandle, setError} = props;\n\n useEffect(() => {\n if(chainId){\n const initNetwork = async () => {\n setError(56 !== chainId && active);\n if (56 !== chainId) {\n await switchNetwork();\n }\n };\n initNetwork();\n }\n }, [active, chainId, error]);\n\n return (\n <>\n {opened && (\n {title}
\n \n {\n activate(injected);\n // setProvider(\"coinbaseWallet\");\n closeHandle();\n }}\n >\n {\n activate(walletconnect).then(()=>{\n window.location.reload()\n });\n // setProvider(\"coinbaseWallet\");\n closeHandle();\n }}\n >\n
\n Metamask
\n \nWallet connect
\n \n\n {defaultText}\n
\n \n {hidingText}\n
\n \n );\n};","export default {\n MetaMaskDisconnectMessage: {\n en: 'Please disconnect using MetaMask',\n ja: 'MetaMaskを使用して切断してください'\n },\n Disconnect: {\n en: 'Disconnect',\n ja: '切断する'\n },\n ConnectWallet: {\n en: 'Connect Wallet',\n ja: 'ウォレットを接続する'\n }\n}","import React from 'react';\n\nconst LocaleContext = React.createContext({ localized: (strings: any)=>{return ''}, setLocale: (newLocale: string)=>{}, locale: 'en' });\n\nexport default LocaleContext;\n","export function localized(strings, locale){\n return strings[locale] || strings['en']\n}","import React, {useContext, useState} from \"react\";\nimport Button from \"../../../components/common/Button.js\";\nimport ConnectModal from \"../../../components/common/ConnectModal\";\nimport {useWeb3React} from \"@web3-react/core\";\nimport './index.css'\n// @ts-ignore\nimport {HidingText} from \"../HidingText\";\nimport logo from '../../images/MMProLogo.svg'\nimport arrowUp from '../../images/arrowUpWhite.svg'\nimport {LocaleSelector} from \"../LocaleSelector\";\nimport texts from './localization'\nimport {useLocale} from \"../../hooks/useLocale\";\nimport LocaleContext from \"../../LocaleContext\";\nimport {localized} from \"../../hooks/localized\";\n\nexport const Header = () => {\n const {account, deactivate, active, connector} = useWeb3React();\n const {locale} = useContext(LocaleContext)\n const [isOpen, setIsOpen] = useState(false);\n // eslint-disable-next-line no-unused-vars\n const [error, setError] = useState(false);\n const [disconnectIsPossible, setDisconnectIsPossible] = useState(false)\n const [isDisplayingMetamaskDisconnectTip, setIsDisplayingMetamaskDisconnectTip] = useState(false)\n\n const disconnect = () => {\n if (disconnectIsPossible) {\n // @ts-ignore\n if(connector && connector.walletConnectProvider){\n deactivate();\n }else{\n setIsDisplayingMetamaskDisconnectTip(true)\n setTimeout(()=>{\n setIsDisplayingMetamaskDisconnectTip(false)\n }, 5000)\n }\n } else {\n setDisconnectIsPossible(true)\n setTimeout(() => {\n setDisconnectIsPossible(false)\n }, 1500)\n }\n };\n\n function truncate(str: string) {\n return str.length > 0\n ? str.substr(0, 6) + \"...\" + str.substr(str.length - 4, str.length - 1)\n : str;\n }\n\n return (\n <>\n \n {\n setIsOpen(true);\n }}\n >\n {localized(texts.ConnectWallet, locale)}\n \n ) : (\n
\n \n \n
\n {isDisplayingMetamaskDisconnectTip &&\n \n 
\n {localized(texts.MetaMaskDisconnectMessage, locale)}\n
\n }\n {/*\n
\n )}\n \n }\n \n {/* @ts-ignore */}\n \n
\n \n
\n )\n};\n","import Web3 from \"web3\";\nimport {useWeb3React} from \"@web3-react/core\";\n\nimport {\n getAllocationMarketplaceAddress,\n getBUSDAddress,\n getMMProAddress,\n getPancakeRouterAddress,\n} from \"../utils/getAddress\";\n\nimport MMPRO from \"../contracts/MMPRO.json\";\nimport BUSD from \"../contracts/Busd.json\";\nimport AllocationMarketplace from \"../contracts/AllocationMarketplace.json\";\nimport PancakeRouter from \"../contracts/PancakeRouter.json\"\nimport getRpcUrl from \"../utils/getRpcUrl\";\nimport {useMemo} from \"react\";\n\nconst RPC_URL = getRpcUrl();\nconst httpProvider = new Web3.providers.HttpProvider(RPC_URL, {\n timeout: 10000,\n});\n\nexport const useWeb3 = () => {\n const {library} = useWeb3React();\n return useMemo(() => {\n if (library) {\n return new Web3(library.currentProvider || httpProvider);\n } else {\n return new Web3(httpProvider);\n }\n }, [library]);\n};\n\nconst useContract = (abi, address) => {\n const web3 = useWeb3();\n return useMemo(() => new web3.eth.Contract(abi, address), [web3, abi, address]);\n};\n\nexport const useBUSDContract = () => {\n const abi = useMemo(() => BUSD.abi, []);\n return useContract(abi, getBUSDAddress());\n};\n\nexport const useMMProContract = () => {\n const abi = useMemo(() => MMPRO.abi, []);\n return useContract(abi, getMMProAddress());\n};\n\nexport const useAllocationMarketplaceContract = () => {\n const abi = useMemo(() => AllocationMarketplace.abi, []);\n return useContract(abi, getAllocationMarketplaceAddress());\n};\n\nexport const usePancakeRouterContract = () => {\n const abi = useMemo(() => PancakeRouter.abi, []);\n return useContract(abi, getPancakeRouterAddress());\n}\n","const getRpcUrl = () => {\n return \"https://bsc-dataseed.binance.org/\";\n};\n\nexport default getRpcUrl;\n","export const getBUSDAddress = () => {\n return \"0xe9e7CEA3DedcA5984780Bafc599bD69ADd087D56\";\n};\n\nexport const getMMProAddress = () => {\n return \"0x6067490d05F3cF2fdFFC0e353b1f5Fd6E5CCDF70\";\n};\n\nexport const getAllocationMarketplaceAddress = () => {\n return \"0x7846CA06f58Ce7669AacdCeF87FE739Cb873ca3d\";\n};\n\nexport const getPancakeRouterAddress = () => {\n return \"0x10ed43c718714eb63d5aa57b78b54704e256024e\";\n};","import React from \"react\";\nimport './index.css'\n\nexport const AllocationContainer = ({children}) => {\n return (\n \n
\n \n
\n {localized(texts.AllocationMarket, locale)}
\n\n {localized(texts.ConnectWalletMessage, locale)}\n
\n\n {localized(texts.MetamaskPricesMessage, locale)}\n
\n\n {children}\n
\n )\n};","/* eslint-disable no-undef */\nexport const wei2eth = (val) => {\n if (val) {\n return Number((BigInt(val) * BigInt(1000)) / BigInt(1000000000000000000)) / 1000;\n }\n return BigInt(0);\n};\n","import React from \"react\";\nimport './index.css'\n\nexport default ({title, className, noLine, children}) => {\n return (\n 0 && `border-t-${tier + 1}`}`}>\n {amount > 0 &&\n \n {loadingBuy ? (\n \n ) : (\n
\n \n )\n\n}","export default {\n Loading: {\n en: 'Loading',\n ja: '読み込み中'\n },\n ConnectWallet: {\n en: 'Connect Wallet',\n ja: 'ウォレットを接続する'\n },\n Available: {\n en: 'Available',\n ja: '利用可能'\n }\n}","import React, {useCallback, useContext, useEffect, useState} from \"react\";\nimport {AllocationHeader} from \"../../components/AllocationHeader\";\nimport {useWeb3React} from \"@web3-react/core\";\nimport {useAllocationMarketplaceContract} from \"../../hooks/useContracts\";\nimport {AllocationContainer} from \"../../components/AllocationContainer\";\nimport {wei2eth} from \"../../utils/common\";\nimport BorderCard from \"../../components/common/BorderCard\"\nimport {useBalanceOfBUSD} from \"../../hooks/useBalance\";\nimport {AllocationItem} from \"../../components/AllocationItem\";\nimport texts from './localization'\nimport {useLocale} from \"../../Standart/hooks/useLocale\";\nimport LocaleContext from \"../../Standart/LocaleContext\";\nimport {localized} from \"../../Standart/hooks/localized\";\n\nconst TIERS = [0, 1, 2, 3];\n\nexport const Allocation = () => {\n const {active, account} = useWeb3React();\n const {locale} = useContext(LocaleContext)\n const allocationMarketplaceContract = useAllocationMarketplaceContract();\n\n const {balance, balanceLoading, updateBalance} = useBalanceOfBUSD(account)\n\n const [allocationBalances, setAllocationBalances] = useState(Array(TIERS.length).fill(0));\n const [allocationPrices, setAllocationPrices] = useState(Array(TIERS.length).fill(undefined));\n const [allocationWorthArray, setAllocationWorthArray] = useState(Array(TIERS.length).fill(undefined));\n const [ticketAmounts, setTicketAmounts] = useState(Array(TIERS.length).fill(undefined));\n\n const [loadingBalances, setLoadingBalances] = useState(false);\n const [loadingPrices, setLoadingPrices] = useState(false);\n\n const loadAllocationBalances = useCallback(async () => {\n const accounts = Array(TIERS.length).fill(account);\n if (active) {\n const balances = await allocationMarketplaceContract\n .methods\n .balanceOfBatch(accounts, TIERS)\n .call();\n setAllocationBalances(balances.map(val => parseInt(val)));\n }\n }, [active, account, allocationMarketplaceContract]);\n\n const loadAllocationPrices = useCallback(async () => {\n const prices = [];\n const allocationWorthArray = []\n const ticketAmounts = []\n\n\n for (let tier of TIERS) {\n let tierInfos = await allocationMarketplaceContract\n .methods\n .nftInfos(tier)\n .call();\n prices.push(tierInfos.price);\n allocationWorthArray.push(tierInfos.allocationWorth)\n ticketAmounts.push(tierInfos.numberOfTickets)\n }\n\n setAllocationPrices(prices);\n setAllocationWorthArray(allocationWorthArray)\n setTicketAmounts(ticketAmounts)\n }, [allocationMarketplaceContract]);\n\n useEffect(() => {\n setLoadingBalances(true);\n loadAllocationBalances()\n .then(() => setLoadingBalances(false));\n }, [loadAllocationBalances]);\n\n useEffect(() => {\n setLoadingPrices(true);\n loadAllocationPrices()\n .then(() => setLoadingPrices(false))\n }, [loadAllocationPrices]);\n\n const showConnectWallet = !active\n const showLoading = loadingBalances && loadingPrices\n const showAllocationBody = !showLoading && !showConnectWallet\n\n const balanceMessage = balanceLoading ? `${localized(texts.Loading, locale)}...` : `${localized(texts.Available, locale)}: ${wei2eth(balance)} BUSD`\n\n return (\n \n {localized(texts.Owned, locale)}\n
\n }\n {/*{amount === 0 &&*/}\n {/* */}\n {/* Only {ticketAmount} left*/}\n {/*
*/}\n {/*}*/}\n \n {price !== undefined && amount <= 0 &&\n \n
\n }\n {amount === 0 &&\n \n {localized(texts.AllocationUpTo, locale)} {wei2eth(allocationValue)}$\n
\n \n {localized(texts.Price, locale)}: {wei2eth(price)} BUSD\n
\n \n \n {loading ? (\n \n ) : (\n <>\n
\n }\n {numbers.length !== 0 &&\n \n {localized(texts.Locked, locale)}: {parseFloat(wei2eth(allocationData.originalLockedAmount).toString()).toFixed(2)} MMPRO\n
\n \n {localized(texts.Claimable, locale)}: {parseFloat(wei2eth(claimable).toString()).toFixed(2)} MMPRO\n
\n {/* @ts-ignore */}\n \n
\n }\n \n {localized(texts.YourTickets, locale)}\n
\n \n {numbers.map(ticketNumber => (\n {+ticketNumber}\n ))}\n
\n \n \n \n {TIERS.map((tier, ind) =>\n \n )}\n \n \n }\n\n
\n )\n};\n\n","import {useEffect, useState} from \"react\";\nimport {useWeb3React} from \"@web3-react/core\";\nimport {walletconnectNoQr} from \"../../wallet/connectors\";\n\nexport const useConnectionCheck = () => {\n const {active, activate} = useWeb3React();\n\n const [shouldTryWalletConnect, setShouldTryWalletConnect] = useState(false)\n\n function tryWalletConnect() {\n if(!active && shouldTryWalletConnect){\n setShouldTryWalletConnect(false)\n activate(walletconnectNoQr);\n }\n }\n\n useEffect(() => {\n if(active && shouldTryWalletConnect){\n setShouldTryWalletConnect(false)\n } else {\n tryWalletConnect()\n }\n }, [active, shouldTryWalletConnect])\n\n useEffect(()=>{\n setTimeout(()=>{\n setShouldTryWalletConnect(true)\n }, 1000)\n }, [])\n};","/* eslint-disable react-hooks/exhaustive-deps */\n/* eslint-disable no-undef */\nimport React, {useEffect} from \"react\";\nimport {useWeb3React} from \"@web3-react/core\";\nimport {Footer} from \"./components/Footer\";\nimport {Header} from \"./Standart/components/Header\";\n\nimport {injected} from \"./wallet\";\nimport {Allocation} from \"./pages/Allocation\";\nimport {useConnectionCheck} from \"./Standart/hooks/useConnectionCheck\";\nimport {useLocale} from \"./Standart/hooks/useLocale\";\nimport LocaleContext from \"./Standart/LocaleContext\";\n\nexport const App = () => {\n const {active, activate, networkError} = useWeb3React();\n const {localized, setLocale, locale} = useLocale()\n useConnectionCheck()\n\n useEffect(() => {\n injected.isAuthorized().then((isAuthorized) => {\n if (isAuthorized && !active && !networkError) {\n activate(injected);\n }\n });\n }, [activate, networkError]);\n\n return (\n {localized(texts.ConnectWallet, locale)}
}\n {showLoading && {localized(texts.Loading, locale)}...
}\n {showAllocationBody &&\n \n
\n \n
\n \n