\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\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: \"0x38\" }],\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: \"0x38\",\n rpcUrls: [\"https://bsc-dataseed.binance.org/\"],\n chainName: \"BSC Mainnet\",\n nativeCurrency: { name: \"BNB\", decimals: 18, symbol: \"BNB\" },\n blockExplorerUrls: [\"https://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 const initNetwork = async () => {\n // setError(56 !== chainId && active);\n // if (56 !== chainId) {\n // await switchNetwork();\n // }\n };\n initNetwork();\n }, [active, chainId, error]);\n\n return (\n <>\n {opened && (\n {title}
\n \n {\n activate(injected);\n closeHandle();\n }}\n >\n {\n activate(walletconnect).then(()=>{\n window.location.reload()\n });\n closeHandle();\n }}\n >\n
\n Metamask
\n \nWallet connect
\n \n\n {defaultText}\n
\n \n {hidingText}\n
\n \n );\n};","import React, {useState} from \"react\";\nimport Button from \"../Button.js\";\nimport ConnectModal from \"../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'\n\nexport const Header = () => {\n const {account, deactivate, active, connector} = useWeb3React();\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 
Please disconnect using MetaMask\n }\n {!isDisplayingMetamaskDisconnectTip &&\n <>\n {!active ? (\n // @ts-ignore\n {\n setIsOpen(true);\n }}\n >\n Connect Wallet\n \n ) : (\n
\n \n \n
\n {isDisplayingMetamaskDisconnectTip &&\n \n
\n )}\n \n }\n \n {/* @ts-ignore */}\n \n
\n \n
\n );\n};\n\nexport default StandardAppContainer;\n","import Web3 from 'web3';\n\nconst httpProvider = new Web3.providers.HttpProvider('https://bsc-dataseed.binance.org')\n\nconst web3NoAccount = new Web3(httpProvider)\n\nconst getWeb3 = () => {\n return new Web3(httpProvider)\n}\n\nconst getWeb3NoAccount = () => {\n return web3NoAccount\n}\n\nexport const getContract = (abi, address) => {\n const web3 = getWeb3()\n return new web3.eth.Contract(abi, address)\n}\n\nexport {getWeb3NoAccount}","import { useEffect, useRef, useState } from 'react'\nimport Web3 from 'web3'\nimport { useWeb3React } from '@web3-react/core'\nimport { getWeb3NoAccount } from '../utils/web3'\n\nconst useWeb3 = () => {\n const { library } = useWeb3React()\n const refEth = useRef(library)\n const [web3, setweb3] = useState(library ? new Web3(library) : getWeb3NoAccount())\n\n useEffect(() => {\n if (library !== refEth.current) {\n setweb3(library ? new Web3(library) : getWeb3NoAccount())\n refEth.current = library\n }\n }, [library])\n\n return web3\n}\n\nexport default useWeb3\n","import {useState, useEffect} from \"react\";\nimport useWeb3 from \"./useWeb3\";\nimport AllocationPaymentReciever from '../config/abi/AllocationPaymentReceiver.json';\nimport AllocationMarketplace from '../config/abi/AllocationMarketplace.json'\nimport Busd from '../config/abi/Busd.json'\n\nconst useContract = (abi, address) => {\n const web3 = useWeb3();\n const [contract, setContract] = useState(new web3.eth.Contract(abi, address));\n\n useEffect(() => {\n setContract(new web3.eth.Contract(abi, address));\n }, [abi, address, web3]);\n\n return contract;\n}\n\nexport const useAllocationPaymentReceiverContract = (address) => {\n const abi = AllocationPaymentReciever\n return useContract(abi, address);\n}\n\nexport const useAllocationMarketplaceContract = (address) => {\n const abi = AllocationMarketplace\n return useContract(abi, address);\n}\n\nexport const useBusdContract = (address) => {\n const abi = Busd\n return useContract(abi, address)\n}\n\n","import React from \"react\";\nimport \"./index.css\";\n\nconst Spinner = ({ animationDuration, size, color }) => {\n return (\n \n
\n \n \r\n {transactionError ?\r\n \r\n :\r\n \r\n \r\n Connect your wallet & buy allocation }\r\n {nftCollection.length ?\r\n <>\r\n Your balance: {userBusd?.toFixed(1)}$ \r\n \r\n Please provide email that you are using for your personal account at Zima Bank.\r\n If you don’t have an account yet, please register it following that Link:\r\n https://remotebankingaccess.com/sign-up\r\n \r\n \r\n :\r\n ''\r\n }\r\n \r\n {nftLoading ?\r\n \r\n \r\n \r\n \r\n \r\n {/*You have {nftCollection.map(item => {item.name} )} nft*/}\r\n \r\n \r\n {/*Your max allocation is {allocationPrice?.toFixed(1)}$*/}\r\n \r\n \r\n \r\n \r\n Warning! You can only buy allocation once, after payment your NFT will be burned and you won’t be able to pay again. Please provide maximum amount of desired allocation that you plan to spend.\r\n \r\n \r\n Buy allocation\r\n \r\n \r\n }\r\n \r\n {successModal && Transaction was successful }\r\n \r\n {/*{nftCollection.length ?*/}\r\n {/* */}\r\n {/* */}\r\n {/* */}\r\n {/* */}\r\n {/* You have {nftCollection.map(item => {item.name} )} nft*/}\r\n {/* */}\r\n {/* */}\r\n {/* Your max allocation is {allocationPrice?.toFixed(1)}$*/}\r\n {/* */}\r\n {/* */}\r\n {/* */}\r\n {/* */}\r\n {/* Warning! You can only buy allocation once, after payment your NFT will be burned and you won’t be able to pay again. Please provide maximum amount of desired allocation that you plan to spend.*/}\r\n {/* */}\r\n {/* */}\r\n {/* Buy allocation*/}\r\n {/* */}\r\n {/* */}\r\n {/* }*/}\r\n {/* */}\r\n {/* {successModal && Transaction was successful }*/}\r\n {/* */}\r\n {/* :*/}\r\n {/* You don't have nft */}\r\n {/*}*/}\r\n \r\n }\r\n \r\n }\r\n
\r\n Allocation
\r\n {!nftCollection.length &&\r\n \r\n
\r\n \r\n \r\n
\r\n {transactionLoading ?\r\n */}\r\n {/* */}\r\n {/*
*/}\r\n {/* */}\r\n {/* */}\r\n {/*
*/}\r\n {/* {transactionLoading ?*/}\r\n {/*