diff --git a/src/App.js b/src/App.js index 2b5424c75..de6574998 100644 --- a/src/App.js +++ b/src/App.js @@ -1,2471 +1,2506 @@ -import React, { Component } from 'react'; -import { ContractLoader, Dapparatus, Transactions, Gas, Address, Events, Blockie, Scaler } from "dapparatus"; -import Web3 from 'web3'; -import axios from 'axios'; -import { I18nextProvider } from 'react-i18next'; -import gasless from 'tabookey-gasless'; -import { eth, dai } from '@burner-wallet/assets'; - -import i18n from './i18n'; -import './App.scss'; -import Header from './components/Header'; -import NavCard from './components/NavCard'; -import SendByScan from './components/SendByScan'; -import SendToAddress from './components/SendToAddress'; -import SendBadge from './components/SendBadge'; -import WithdrawFromPrivate from './components/WithdrawFromPrivate'; -import RequestFunds from './components/RequestFunds'; -import SendWithLink from './components/SendWithLink'; -import Receive from './components/Receive' -import Apps from './components/Apps' -import ShareLink from './components/ShareLink' -import Balance from "./components/Balance"; -import Badges from "./components/Badges"; -import Ruler from "./components/Ruler"; -import Receipt from "./components/Receipt"; -import CashOut from "./components/CashOut"; -import MainCard from './components/MainCard'; -import History from './components/History'; -import Advanced from './components/Advanced'; -import BottomLinks from './components/BottomLinks'; -import MoreButtons from './components/MoreButtons'; -import Admin from './components/Admin'; -import Vendor from './components/Vendor'; -import Vendors from './components/Vendors'; -import RecentTransactions from './components/RecentTransactions'; -import Footer from './components/Footer'; -import Loader from './components/Loader'; -import burnerlogo from './burnerwallet.png'; -import BurnWallet from './components/BurnWallet' -import Exchange from './components/Exchange' -import Bottom from './components/Bottom'; -import customRPCHint from './customRPCHint.png'; -import namehash from 'eth-ens-namehash' -import incogDetect from './services/incogDetect.js' -import gnosis from './gnosis.jpg'; -import Safe from './components/Safe' -import core, { mainAsset as xdai } from './core'; - -import bufficorn from './bufficorn.png'; -import cypherpunk from './cypherpunk.png'; -import ethImg from './images/ethereum.png'; -import daiImg from './images/dai.jpg'; -import xdaiImg from './images/xdai.jpg'; -import Wyre from './services/wyre'; - - -//GOING TO START USING UNISWAP AS A PRICE ORACLE INSTEAD OF PAYING FOR COINMARKETCAP API -const uniswapExchangeAccount = "0x2a1530c4c41db0b0b2bb646cb5eb1a67b7158667"//"0x09cabec1ead1c0ba254b09efb3ee13841712be14" -const uniswapContractObject = { - address:uniswapExchangeAccount, - abi:require("./contracts/Exchange.abi.js"), - blocknumber:6627956, -} - - - -//https://github.com/lesnitsky/react-native-webview-messaging/blob/v1/examples/react-native/web/index.js -//import RNMessageChannel from 'react-native-webview-messaging'; -const RNMessageChannel = false //disable React Native for now, it is breaking Safari - -let base64url = require('base64url') -const EthCrypto = require('eth-crypto'); - -//const POA_XDAI_NODE = "https://dai-b.poa.network" -const POA_XDAI_NODE = "https://dai.poa.network" - -const MAINNET_CHAIN_ID = '1'; - -let XDAI_PROVIDER = POA_XDAI_NODE - -let WEB3_PROVIDER -let CLAIM_RELAY -let ERC20TOKEN -let ERC20VENDOR -let ERC20IMAGE -let ERC20NAME -let LOADERIMAGE = burnerlogo -let HARDCODEVIEW = false//"apps"// = "receipt" -let FAILCOUNT = 0 - -let mainStyle = { - width:"100%", - height:"100%", - backgroundImage:"linear-gradient(#292929, #191919)", - backgroundColor:"#191919", - hotColor:"#F69E4D", - mainColorAlt:"#fa7d36", - mainColor:"#F76B1C", -} - -let title = i18n.t('app_name') -let titleImage = ( - -) - -// -if (window.location.hostname.indexOf("localhost") >= 0 || window.location.hostname.indexOf("10.0.0.107") >= 0) { - XDAI_PROVIDER = "http://localhost:8545" - WEB3_PROVIDER = "http://localhost:8545"; - CLAIM_RELAY = 'http://localhost:18462' - if(true){ - ERC20NAME = false - ERC20TOKEN = false - ERC20IMAGE = false - }else{ - ERC20NAME = 'BUFF' - ERC20VENDOR = 'VendingMachine' - ERC20TOKEN = 'ERC20Vendable' - ERC20IMAGE = bufficorn - XDAI_PROVIDER = "http://localhost:8545" - WEB3_PROVIDER = "http://localhost:8545"; - LOADERIMAGE = bufficorn - } - -} -else if (window.location.hostname.indexOf("s.xdai.io") >= 0) { - WEB3_PROVIDER = POA_XDAI_NODE; - CLAIM_RELAY = 'https://x.xdai.io' - ERC20TOKEN = false//'Burner' -} -else if (window.location.hostname.indexOf("wallet.galleass.io") >= 0) { - //WEB3_PROVIDER = "https://rinkeby.infura.io/v3/e0ea6e73570246bbb3d4bd042c4b5dac"; - WEB3_PROVIDER = "http://localhost:8545" - //CLAIM_RELAY = 'https://x.xdai.io' - ERC20TOKEN = false//'Burner' - document.domain = 'galleass.io' -} -else if (window.location.hostname.indexOf("qreth") >= 0) { - WEB3_PROVIDER = "https://mainnet.infura.io/v3/e0ea6e73570246bbb3d4bd042c4b5dac" - CLAIM_RELAY = false - ERC20TOKEN = false -} -else if (window.location.hostname.indexOf("xdai") >= 0) { - WEB3_PROVIDER = POA_XDAI_NODE; - CLAIM_RELAY = 'https://x.xdai.io' - ERC20TOKEN = false -} -else if (window.location.hostname.indexOf("buffidai") >= 0) { - WEB3_PROVIDER = POA_XDAI_NODE; - CLAIM_RELAY = 'https://x.xdai.io' - ERC20NAME = 'BUFF' - ERC20VENDOR = 'VendingMachine' - ERC20TOKEN = 'ERC20Vendable' - ERC20IMAGE = bufficorn - LOADERIMAGE = bufficorn -} -else if (window.location.hostname.indexOf("burnerwithrelays") >= 0) { - WEB3_PROVIDER = "https://dai.poa.network"; - ERC20NAME = false - ERC20TOKEN = false - ERC20IMAGE = false -} - - -if(ERC20NAME=="BUFF"){ - mainStyle.backgroundImage = "linear-gradient(#540d48, #20012d)" - mainStyle.backgroundColor = "#20012d" - mainStyle.mainColor = "#b6299e" - mainStyle.mainColorAlt = "#de3ec3" - title = "BuffiDai.io" - titleImage = ( - - ) -} else if(ERC20NAME=="BURN"){ - mainStyle.backgroundImage = "linear-gradient(#4923d8, #6c0664)" - mainStyle.backgroundColor = "#6c0664" - mainStyle.mainColor = "#e72da3" - mainStyle.mainColorAlt = "#f948b8" - title = "Burner" - titleImage = ( - - ) -} - - -let innerStyle = { - maxWidth:740, - margin:'0 auto', - textAlign:'left' -} - -let buttonStyle = { - primary: { - backgroundImage:"linear-gradient("+mainStyle.mainColorAlt+","+mainStyle.mainColor+")", - backgroundColor:mainStyle.mainColor, - color:"#FFFFFF", - whiteSpace:"nowrap", - cursor:"pointer", - }, - secondary: { - border:"2px solid "+mainStyle.mainColor, - color:mainStyle.mainColor, - whiteSpace:"nowrap", - cursor:"pointer", - } -} - -const invLogoStyle = { - maxWidth:50, - maxHeight:50, -} - -let metaReceiptTracker = {} - - -const BLOCKS_TO_PARSE_PER_BLOCKTIME = 32 -const MAX_BLOCK_TO_LOOK_BACK = 512//don't look back more than 512 blocks - -let dollarSymbol = "$" -let dollarConversion = 1.0 -//let dollarSymbol = "€" -//let dollarConversion = 0.88 -let convertToDollar = (amount)=>{ - return (parseFloat(amount)/dollarConversion) -} -let convertFromDollar = (amount)=>{ - return (parseFloat(amount)*dollarConversion) -} -let dollarDisplay = (amount)=>{ - let floatAmount = parseFloat(amount) - amount = Math.floor(amount*100)/100 - return dollarSymbol+convertFromDollar(amount).toFixed(2) -} - -let interval -let intervalLong -let originalStyle = {} - -class App extends Component { - constructor(props) { - - - console.log("[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[["+title+"]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]") - let view = 'main' - let cachedView = localStorage.getItem("view") - let cachedViewSetAge = Date.now() - localStorage.getItem("viewSetTime") - if(HARDCODEVIEW){ - view = HARDCODEVIEW - }else if(cachedViewSetAge < 300000 && cachedView&&cachedView!=0){ - view = cachedView - } - console.log("CACHED VIEW",view) - super(props); - this.state = { - web3: false, - account: false, - gwei: 1.1, - view: view, - sendLink: "", - sendKey: "", - alert: null, - loadingTitle:'loading...', - title: title, - extraHeadroom:0, - balance: 0.00, - vendors: {}, - ethprice: 0.00, - hasUpdateOnce: false, - badges: {}, - selectedBadge: false - }; - this.alertTimeout = null; - - try{ - RNMessageChannel.on('json', update => { - try{ - let safeUpdate = {} - if(update.title) safeUpdate.title = update.title - if(update.extraHeadroom) safeUpdate.extraHeadroom = update.extraHeadroom - if(update.possibleNewPrivateKey) safeUpdate.possibleNewPrivateKey = update.possibleNewPrivateKey - this.setState(safeUpdate,()=>{ - if(this.state.possibleNewPrivateKey){ - this.dealWithPossibleNewPrivateKey() - } - }) - }catch(e){console.log(e)} - }) - }catch(e){console.log(e)} - - } - parseAndCleanPath(path){ - let parts = path.split(";") - //console.log("PARTS",parts) - let state = {} - if(parts.length>0){ - state.toAddress = parts[0].replace("/","") - } - if(parts.length>=2){ - state.amount = parts[1] - } - if(parts.length>2){ - state.message = decodeURI(parts[2]).replaceAll("%23","#").replaceAll("%3B",";").replaceAll("%3A",":").replaceAll("%2F","/") - } - if(parts.length>3){ - state.extraMessage = decodeURI(parts[3]).replaceAll("%23","#").replaceAll("%3B",";").replaceAll("%3A",":").replaceAll("%2F","/") - } - //console.log("STATE",state) - return state; - } - selectBadge(id){ - this.setState({selectedBadge:id},()=>{ - this.changeView('send_badge') - }) - } - openScanner(returnState){ - this.setState({returnState:returnState,view:"send_by_scan"}) - } - returnToState(scannerState){ - let updateState = Object.assign({scannerState:scannerState}, this.state.returnState); - updateState.returnState = false - console.log("UPDATE FROM RETURN STATE",updateState) - this.setState(updateState) - } - clearBadges() { - this.setState({badges:{}},()=>{ - console.log("BADGES CLEARED",this.state.badges) - }) - } - updateDimensions() { - //force it to rerender when the window is resized to make sure qr fits etc - this.forceUpdate(); - } - saveKey(update){ - this.setState(update) - } - detectContext(){ - console.log("DETECTING CONTEXT....") - //snagged from https://stackoverflow.com/questions/52759238/private-incognito-mode-detection-for-ios-12-safari - incogDetect(async (result)=>{ - if(result){ - console.log("INCOG") - document.getElementById("main").style.backgroundImage = "linear-gradient(#862727, #671c1c)" - document.body.style.backgroundColor = "#671c1c" - var contextElement = document.getElementById("context") - contextElement.innerHTML = 'INCOGNITO'; - }else if (typeof web3 !== 'undefined') { - console.log("NOT INCOG",this.state.metaAccount) - try{ - if (window.web3 && window.web3.currentProvider && window.web3.currentProvider.isMetaMask === true && window.web3.eth && typeof window.web3.eth.getAccounts == "function" && isArrayAndHasEntries(await window.web3.eth.getAccounts())) { - document.getElementById("main").style.backgroundImage = "linear-gradient(#553319, #ca6e28)" - document.body.style.backgroundColor = "#ca6e28" - var contextElement = document.getElementById("context") - contextElement.innerHTML = 'METAMASK'; - } else if(this.state.account && !this.state.metaAccount) { - console.log("~~~*** WEB3",this.state.metaAccount,result) - document.getElementById("main").style.backgroundImage = "linear-gradient(#234063, #305582)" - document.body.style.backgroundColor = "#305582" - var contextElement = document.getElementById("context") - contextElement.innerHTML = 'WEB3'; - } - }catch(ee){ - console.log("CONTEXT ERR",ee) - } - console.log("done with context") - } - }) - } - componentDidMount(){ - - document.body.style.backgroundColor = mainStyle.backgroundColor - - Wyre.configure(); - - this.detectContext() - - console.log("document.getElementsByClassName('className').style",document.getElementsByClassName('.btn').style) - window.addEventListener("resize", this.updateDimensions.bind(this)); - if(window.location.pathname){ - console.log("PATH",window.location.pathname,window.location.pathname.length,window.location.hash) - if(window.location.pathname.indexOf("/pk")>=0){ - let tempweb3 = new Web3(); - let base64encodedPK = window.location.hash.replace("#","") - let rawPK - if(base64encodedPK.length==64||base64encodedPK.length==66){ - console.log("raw pk ",base64encodedPK) - rawPK=base64encodedPK - }else{ - rawPK=tempweb3.utils.bytesToHex(base64url.toBuffer(base64encodedPK)) - } - this.setState({possibleNewPrivateKey:rawPK}) - window.history.pushState({},"", "/"); - }else if(window.location.pathname.length==43){ - this.changeView('send_to_address') - console.log("CHANGE VIEW") - }else if(window.location.pathname.length==134){ - let parts = window.location.pathname.split(";") - let claimId = parts[0].replace("/","") - let claimKey = parts[1] - console.log("DO CLAIM",claimId,claimKey) - this.setState({claimId,claimKey}) - window.history.pushState({},"", "/"); - }else if( - (window.location.pathname.length>=65&&window.location.pathname.length<=67&&window.location.pathname.indexOf(";")<0) || - (window.location.hash.length>=65 && window.location.hash.length <=67 && window.location.hash.indexOf(";")<0) - ){ - console.log("incoming private key") - let privateKey = window.location.pathname.replace("/","") - if(window.location.hash){ - privateKey = window.location.hash - } - privateKey = privateKey.replace("#","") - if(privateKey.indexOf("0x")!=0){ - privateKey="0x"+privateKey - } - //console.log("!!! possibleNewPrivateKey",privateKey) - this.setState({possibleNewPrivateKey:privateKey}) - window.history.pushState({},"", "/"); - }else if(window.location.pathname.indexOf("/vendors;")==0){ - this.changeView('vendors') - }else{ - let parts = window.location.pathname.split(";") - console.log("PARTS",parts) - if(parts.length>=2){ - let sendToAddress = parts[0].replace("/","") - let sendToAmount = parts[1] - let extraData = "" - if(parts.length>=3){ - extraData = parts[2] - } - if((parseFloat(sendToAmount)>0 || extraData) && sendToAddress.length==42){ - this.changeView('send_to_address') - } - } - } - } - setTimeout(this.poll.bind(this),150) - setTimeout(this.poll.bind(this),650) - interval = setInterval(this.poll.bind(this),1500) - - - this.connectToRPC() - } - connectToRPC(){ - const { Contract } = core.getWeb3(MAINNET_CHAIN_ID).eth; - const ensContract = new Contract(require("./contracts/ENS.abi.js"),require("./contracts/ENS.address.js")) - let daiContract - try{ - daiContract = new Contract(require("./contracts/StableCoin.abi.js"),"0x6B175474E89094C44Da98b954EedeAC495271d0F")//UPDATED TO DAI!!! - }catch(e){ - console.log("ERROR LOADING DAI Stablecoin Contract",e) - } - this.setState({ ensContract, daiContract }); - - intervalLong = setInterval(this.longPoll.bind(this),45000) - setTimeout(this.longPoll.bind(this),150) - } - componentWillUnmount() { - clearInterval(interval) - clearInterval(intervalLong) - window.removeEventListener("resize", this.updateDimensions.bind(this)); - } - setSafeContract(target) { - console.log("INSTALLING SAFE AS ",target) - let safeContract = this.state.customLoader("GnosisSafe",target) - console.log("safeContract",safeContract) - this.setState({ - safeContract: safeContract, - safe:target - },()=>{ - this.safeCall(this.state.safeContract._address,0,this.state.safeContract.setupBeacon(this.state.contracts['SafeBeacon']._address).encodeABI()) - }) - } - async poll() { - - if(this.state.web3 && this.state.safe && this.state.customLoader){ - if(this.state.safeContract){ - let safeVersion = await this.state.safeContract.VERSION().call() - let safeOwners = await this.state.safeContract.getOwners().call() - //if(safeVersion){ - this.setState({ - safeVersion: safeVersion+"x", - safeOwners: safeOwners - }) - //}else{ - // console.log("Contract not returning version, missing safe? Delete it?") - // localStorage.removeItem("safe") - //} - } - - //there is a gnosis safe deployed for this address - this.setState({ - safeBalance: (await this.state.web3.eth.getBalance(this.state.safe))/10**18 - }) - } - - let badgeBalance = 0 - let singleBadgeId - if(this.state.contracts&&(this.state.network=="xDai"||this.state.network=="Unknown") && this.state.contracts.Badges){ - //check for badges for this user - badgeBalance = await this.state.contracts.Badges.balanceOf(this.state.account).call() - if(badgeBalance>0){ - let update = false - for(let b = 0;b{ - console.log("RESPONSE:",response) - if(response && response.data){ - this.state.badges[thisBadgeId] = response.data - this.state.badges[thisBadgeId].id = thisBadgeId - update=true - } - }) - - } - } - } - if(update){ - //console.log("Saving badges state...") - this.setState({badges:this.state.badges}) - } - - } - - } - - - //console.log(">>>>>>> <<< >>>>>> Looking into iframe...") - //console.log(document.getElementById('galleassFrame').contentWindow['web3']) - - if(ERC20TOKEN&&this.state.contracts&&(this.state.network=="xDai"||this.state.network=="Unknown")){ - let gasBalance = await this.state.web3.eth.getBalance(this.state.account) - gasBalance = this.state.web3.utils.fromWei(""+gasBalance,'ether') - //console.log("Getting balanceOf "+this.state.account+" in contract ",this.state.contracts[ERC20TOKEN]) - let tokenBalance = await this.state.contracts[ERC20TOKEN].balanceOf(this.state.account).call() - //console.log("balance is ",tokenBalance) - tokenBalance = this.state.web3.utils.fromWei(""+tokenBalance,'ether') - - //console.log("Getting admin from ",this.state.contracts[ERC20VENDOR]) - let isAdmin = await this.state.contracts[ERC20VENDOR].isAdmin(this.state.account).call() - //console.log("ISADMIN",this.state.account,isAdmin) - let isVendor = await this.state.contracts[ERC20VENDOR].vendors(this.state.account).call() - //console.log("isVendor",isVendor) - - let vendorObject = this.state.vendorObject - let products = []//this.state.products - if(isVendor.isAllowed){ - //console.log("LOADING VENDOR PRODUCTS") - let id = 0 - if(!vendorObject){ - let vendorData = await this.state.contracts[ERC20VENDOR].vendors(this.state.account).call() - //console.log("vendorData",vendorData) - vendorData.name = this.state.web3.utils.hexToUtf8(vendorData.name) - vendorObject = vendorData - } - //console.log("Looking up products for vendor ",this.state.account) - if(!products){ - products = [] - } - let found = true - while(found){ - let nextProduct = await this.state.contracts[ERC20VENDOR].products(this.state.account,id).call() - if(nextProduct.exists){ - products[id++] = nextProduct - }else{ - found=false - } - } - } - //console.log("isVendor",isVendor,"SAVING PRODUCTS",products) - - this.setState({gasBalance:gasBalance,balance:tokenBalance,isAdmin:isAdmin,isVendor:isVendor,hasUpdateOnce:true,vendorObject,products}) - } - - - if(this.state.account){ - - - //console.log("GETTING ETH BALANCE FROM ",eth) - const ethBalance = await eth.getDisplayBalance(this.state.account, 20); - //console.log("ethBalance",ethBalance) - const daiBalance = await dai.getDisplayBalance(this.state.account, 20); - const xdaiBalance = await xdai.getDisplayBalance(this.state.account, 20); - - this.setState({ - ethBalance, - daiBalance, - xdaiBalance, - badgeBalance, - hasUpdateOnce:true - }); - - if(xdaiBalance < 0.01 && singleBadgeId && !this.state.switchedToSingleBadge){ - this.setState({switchedToSingleBadge:true}) - this.selectBadge(singleBadgeId) - } - - } - - - - } - async longPoll() { - - let web3 = core.getWeb3(MAINNET_CHAIN_ID) - if(web3){ - //console.log("WEB3") - let uniswapContract = new web3.eth.Contract(uniswapContractObject.abi,uniswapContractObject.address) - let outputPrice = await (uniswapContract.methods.getTokenToEthOutputPrice(10000000)).call() - let ethprice = outputPrice/10000000 - console.log("ethprice",ethprice) - this.setState({ethprice}) - //axios.get("https://api.coinmarketcap.com/v2/ticker/1027/") - //.then((response)=>{ - // = response.data.data.quotes.USD.price - // this.setState({ethprice}) - //}) - }else{ - console.log("CANT LOAD web3 YET") - } - - - } - setPossibleNewPrivateKey(value){ - this.setState({possibleNewPrivateKey:value},()=>{ - this.dealWithPossibleNewPrivateKey() - }) - } - async dealWithPossibleNewPrivateKey(){ - //this happens as page load and you need to wait until - if(this.state && this.state.hasUpdateOnce){ - if(this.state.metaAccount && this.state.metaAccount.privateKey.replace("0x","") == this.state.possibleNewPrivateKey.replace("0x","")){ - this.setState({possibleNewPrivateKey:false}) - this.changeAlert({ - type: 'warning', - message: 'Imported identical private key.', - }); - }else{ - - console.log("Checking on pk import...") - console.log("this.state.balance",this.state.balance) - console.log("this.state.metaAccount",this.state.metaAccount) - console.log("this.state.xdaiBalance",this.state.xdaiBalance) - console.log("this.state.daiBalance",this.state.daiBalance) - console.log("this.state.isVendor",this.state.isVendor) - console.log("this.state.badges",this.state.badges) - let badgeCount = 0 - for(let b in this.state.badges){ - console.log("B",b,this.state.badges[b]) - badgeCount++ - } - - if(!this.state.metaAccount || this.state.balance>=0.05 || (badgeCount>0) || this.state.xdaiBalance>=0.05 || this.state.ethBalance>=0.0005 || this.state.daiBalance>=0.05 || (this.state.isVendor&&this.state.isVendor.isAllowed)){ - this.setState({possibleNewPrivateKey:false,withdrawFromPrivateKey:this.state.possibleNewPrivateKey},()=>{ - this.changeView('withdraw_from_private') - }) - }else{ - - localStorage.setItem(this.state.account+"loadedBlocksTop","") - localStorage.setItem(this.state.account+"recentTxs","") - localStorage.setItem(this.state.account+"transactionsByAddress","") - this.setState({ - possibleNewPrivateKey:false, - newPrivateKey:this.state.possibleNewPrivateKey, - recentTxs:[], - transactionsByAddress:{}, - fullRecentTxs:[], - fullTransactionsByAddress:{}, - safe:"" - }) - - } - } - }else{ - setTimeout(this.dealWithPossibleNewPrivateKey.bind(this),500) - } - - - } - componentDidUpdate(prevProps, prevState) { - let { network, web3 } = this.state; - if (web3 && network !== prevState.network /*&& !this.checkNetwork()*/) { - console.log("WEB3 DETECTED BUT NOT RIGHT NETWORK",web3, network, prevState.network); - //this.changeAlert({ - // type: 'danger', - // message: 'Wrong Network. Please use Custom RPC endpoint: https://dai.poa.network or turn off MetaMask.' - //}, false) - } - }; - checkNetwork() { - let { network } = this.state; - return network === "xDai" || network === "Unknown"; - } - checkClaim(tx, contracts) { - //check if we are trying to claim - if (this.state.claimId && this.state.claimKey) { - this.changeView('claimer') - if (this.state.balance > 0.005) { - this.chainClaim(tx, contracts); - } else { - this.relayClaim(); - } - } - } - async ensLookup(name){ - let hash = namehash.hash(name) - console.log("namehash",name,hash) - let resolver = await this.state.ensContract.methods.resolver(hash).call() - if(resolver=="0x0000000000000000000000000000000000000000") return "0x0000000000000000000000000000000000000000" - console.log("resolver",resolver) - const { Contract } = core.getWeb3(MAINNET_CHAIN_ID).eth; - const ensResolver = new Contract(require("./contracts/ENSResolver.abi.js"),resolver) - console.log("ensResolver:",ensResolver) - return ensResolver.methods.addr(hash).call() - } - async chainClaim(tx, contracts) { - console.log("DOING CLAIM ONCHAIN", this.state.claimId, this.state.claimKey, this.state.account); - this.setState({sending: true}) - - let fund = await contracts.Links.funds(this.state.claimId).call() - console.log("FUND FOR "+this.state.claimId+" IS: ", fund) - if (parseInt(fund[5].toString())>0) { - this.setState({fund: fund}) - - - let claimHash = this.state.web3.utils.soliditySha3( - {type: 'bytes32', value: this.state.claimId}, // fund id - {type: 'address', value: this.state.account}, // destination address - {type: 'uint256', value: fund[5]}, // nonce - {type: 'address', value: contracts.Links._address} // contract address - ) - console.log("claimHash", claimHash) - console.log("this.state.claimKey", this.state.claimKey) - let sig = this.state.web3.eth.accounts.sign(claimHash, this.state.claimKey); - sig = sig.signature; - - console.log("CLAIM TX:", this.state.claimId, sig, claimHash, this.state.account) - tx(contracts.Links.claim(this.state.claimId, sig, claimHash, this.state.account), 250000, false, 0, (result) => { - if (result) { - console.log("CLAIMED!!!", result) - this.setState({claimed: true}) - setTimeout(() => { - this.setState({sending: false}, () => { - //alert("DONE") - window.location = "/" - }) - }, 2000) - } - }) - .catch((error) => { - console.log(error); - }); - }else{ - console.log("FUND IS NOT READY YET, WAITING...") - if(FAILCOUNT++>1){ - this.changeAlert({type: 'danger', message: 'Sorry. Failed to claim. Already claimed?'}) - setTimeout(() => { - this.setState({sending: false}, () => { - //alert("DONE") - window.location = "/" - }) - }, 2000) - } - setTimeout(()=>{ - this.chainClaim(tx, contracts) - },3000) - } - - this.forceUpdate(); - } - async relayClaim() { - console.log("DOING CLAIM THROUGH RELAY") - let fund = await this.state.contracts.Links.funds(this.state.claimId).call() - if (parseInt(fund[5].toString())>0) { - this.setState({fund: fund}) - console.log("FUND: ", fund) - - let claimHash = this.state.web3.utils.soliditySha3( - {type: 'bytes32', value: this.state.claimId}, // fund id - {type: 'address', value: this.state.account}, // destination address - {type: 'uint256', value: fund[5]}, // nonce - {type: 'address', value: this.state.contracts.Links._address} // contract address - ) - console.log("claimHash", claimHash) - console.log("this.state.claimKey", this.state.claimKey) - let sig = this.state.web3.eth.accounts.sign(claimHash, this.state.claimKey); - sig = sig.signature - /* getGasPrice() is not implemented on Metamask, leaving the code as reference. */ - //this.state.web3.eth.getGasPrice() - //.then((gasPrice) => { - - console.log("CLAIM TX:", this.state.claimId, sig, claimHash, this.state.account) - - this.setState({sending: true}) - let relayClient = new gasless.RelayClient(this.state.web3); - - if(this.state.metaAccount && this.state.metaAccount.privateKey){ - relayClient.useKeypairForSigning(this.state.metaAccount) - } - console.log("Calling encodeABU on Links.claim() ",this.state.claimId, sig, claimHash, this.state.account) - let claimData = this.state.contracts.Links.claim(this.state.claimId, sig, claimHash, this.state.account).encodeABI() - //let network_gas_price = await this.state.web3.eth.getGasPrice(); - // Sometimes, xDai network returns '0' - //if (!network_gas_price || network_gas_price == 0) { - // network_gas_price = 222222222222; // 222.(2) gwei - //} - let options = { - from: this.state.account, - to: this.state.contracts.Links._address, - txfee: 12, - gas_limit: 150000, - gas_price: Math.trunc(1000000000 * 25) - } - console.log("Hitting relayClient with relayTransaction()",claimData, options) - relayClient.relayTransaction(claimData, options).then((transaction) => { - console.log("TX REALYED: ", transaction) - this.setState({claimed: true}) - setTimeout(() => { - this.setState({sending: false}, () => { - //alert("DONE") - window.location = "/" - }) - }, 2000) - }) - //}) - //.catch((error) => { - // console.log(error); //Get Gas price promise - //}); - }else{ - this.changeAlert({type: 'danger', message: 'Sorry. Failed to claim. Already claimed?'}) - setTimeout(() => { - this.setState({sending: false}, () => { - //alert("DONE") - window.location = "/" - }) - }, 2000) - console.log("Fund is not valid yet, trying again....") - setTimeout(this.relayClaim,2000) - } - } - setReceipt = (obj)=>{ - this.setState({receipt:obj}) - } - changeView = (view,cb) => { - if(view=="exchange"||view=="main"/*||view.indexOf("account_")==0*/){ - localStorage.setItem("view",view)//some pages should be sticky because of metamask reloads - localStorage.setItem("viewSetTime",Date.now()) - } - /*if (view.startsWith('send_with_link')||view.startsWith('send_to_address')) { - console.log("This is a send...") - console.log("BALANCE",this.state.balance) - if (this.state.balance <= 0) { - console.log("no funds...") - this.changeAlert({ - type: 'danger', - message: 'Insufficient funds', - }); - return; -} -} -*/ -this.changeAlert(null); -console.log("Setting state",view) -this.setState({ view, scannerState:false },cb); -}; -changeAlert = (alert, hide=true) => { - clearTimeout(this.alertTimeout); - this.setState({ alert }); - if (alert && hide) { - this.alertTimeout = setTimeout(() => { - this.setState({ alert: null }); - }, 2000); - } -}; -goBack(){ - console.log("GO BACK") - this.changeView('main') - setTimeout(()=>{window.scrollTo(0,0)},60) -} -async parseBlocks(parseBlock,recentTxs,transactionsByAddress){ - let block = await this.state.web3.eth.getBlock(parseBlock) - let updatedTxs = false - if(block){ - let transactions = block.transactions - - //console.log("transactions",transactions) - for(let t in transactions){ - //console.log("TX",transactions[t]) - let tx = await this.state.web3.eth.getTransaction(transactions[t]) - if(tx && tx.to && tx.from ){ - //console.log("EEETRTTTTERTETETET",tx) - let smallerTx = { - hash:tx.hash, - to:tx.to.toLowerCase(), - from:tx.from.toLowerCase(), - value:this.state.web3.utils.fromWei(""+tx.value,"ether"), - blockNumber:tx.blockNumber - } - - - if(smallerTx.from==this.state.account || smallerTx.to==this.state.account){ - if(tx.input&&tx.input!="0x"){ - - let decrypted = await this.decryptInput(tx.input) - - if(decrypted){ - smallerTx.data = decrypted - smallerTx.encrypted = true - } - - try{ - smallerTx.data = this.state.web3.utils.hexToUtf8(tx.input) - }catch(e){} - //console.log("smallerTx at this point",smallerTx) - if(!smallerTx.data){ - smallerTx.data = " *** unable to decrypt data *** " - } - } - updatedTxs = this.addTxIfAccountMatches(recentTxs,transactionsByAddress,smallerTx) || updatedTxs - } - - } - } - } - return updatedTxs -} -async decryptInput(input){ - let key = input.substring(0,32) - //console.log("looking in memory for key",key) - let cachedEncrypted = this.state[key] - if(!cachedEncrypted){ - //console.log("nothing found in memory, checking local storage") - cachedEncrypted = localStorage.getItem(key) - } - if(cachedEncrypted){ - return cachedEncrypted - }else{ - if(this.state.metaAccount){ - try{ - let parsedData = EthCrypto.cipher.parse(input.substring(2)) - const endMessage = await EthCrypto.decryptWithPrivateKey( - this.state.metaAccount.privateKey, // privateKey - parsedData // encrypted-data - ); - return endMessage - }catch(e){} - }else{ - //no meta account? maybe try to setup signing keys? - //maybe have a contract that tries do decrypt? \ - } - } - return false -} -initRecentTxs(){ - let recentTxs = [] - if(this.state.recentTx) recentTxs = recentTxs.concat(this.state.recentTxs) - let transactionsByAddress = Object.assign({},this.state.transactionsByAddress) - if(!recentTxs||recentTxs.length<=0){ - recentTxs = localStorage.getItem(this.state.account+"recentTxs") - try{ - recentTxs=JSON.parse(recentTxs) - }catch(e){ - recentTxs=[] - } - } - if(!recentTxs){ - recentTxs=[] - } - if(Object.keys(transactionsByAddress).length === 0){ - transactionsByAddress = localStorage.getItem(this.state.account+"transactionsByAddress") - try{ - transactionsByAddress=JSON.parse(transactionsByAddress) - }catch(e){ - transactionsByAddress={} - } - } - if(!transactionsByAddress){ - transactionsByAddress={} - } - return [recentTxs,transactionsByAddress] -} -addTxIfAccountMatches(recentTxs,transactionsByAddress,smallerTx){ - let updatedTxs = false - - let otherAccount = smallerTx.to - if(smallerTx.to==this.state.account){ - otherAccount = smallerTx.from - } - if(!transactionsByAddress[otherAccount]){ - transactionsByAddress[otherAccount] = [] - } - - let found = false - if(parseFloat(smallerTx.value)>0.005){ - for(let r in recentTxs){ - if(recentTxs[r].hash==smallerTx.hash/* && (!smallerTx.data || recentTxs[r].data == smallerTx.data)*/){ - found = true - if(!smallerTx.data || recentTxs[r].data == smallerTx.data){ - // do nothing, it exists - }else{ - recentTxs[r].data = smallerTx.data - updatedTxs=true - } - } - } - if(!found){ - updatedTxs=true - recentTxs.push(smallerTx) - //console.log("recentTxs after push",recentTxs) - } - } - - found = false - for(let t in transactionsByAddress[otherAccount]){ - if(transactionsByAddress[otherAccount][t].hash==smallerTx.hash/* && (!smallerTx.data || recentTxs[r].data == smallerTx.data)*/){ - found = true - if(!smallerTx.data || transactionsByAddress[otherAccount][t].data == smallerTx.data){ - // do nothing, it exists - }else{ - transactionsByAddress[otherAccount][t].data = smallerTx.data - if(smallerTx.encrypted) transactionsByAddress[otherAccount][t].encrypted = true - updatedTxs=true - } - } - } - if(!found){ - updatedTxs=true - transactionsByAddress[otherAccount].push(smallerTx) - } - - return updatedTxs -} -sortAndSaveTransactions(recentTxs,transactionsByAddress){ - recentTxs.sort(sortByBlockNumber) - - for(let t in transactionsByAddress){ - transactionsByAddress[t].sort(sortByBlockNumberDESC) - } - recentTxs = recentTxs.slice(0,12) - localStorage.setItem(this.state.account+"recentTxs",JSON.stringify(recentTxs)) - localStorage.setItem(this.state.account+"transactionsByAddress",JSON.stringify(transactionsByAddress)) - - this.setState({recentTxs:recentTxs,transactionsByAddress:transactionsByAddress},()=>{ - if(ERC20TOKEN){ - this.syncFullTransactions() - } - }) -} -async addAllTransactionsFromList(recentTxs,transactionsByAddress,theList){ - let updatedTxs = false - - for(let e in theList){ - let thisEvent = theList[e] - let cleanEvent = Object.assign({},thisEvent) - cleanEvent.to = cleanEvent.to.toLowerCase() - cleanEvent.from = cleanEvent.from.toLowerCase() - cleanEvent.value = this.state.web3.utils.fromWei(""+cleanEvent.value,'ether') - cleanEvent.token = ERC20TOKEN - if(cleanEvent.data) { - let decrypted = await this.decryptInput(cleanEvent.data) - if(decrypted){ - cleanEvent.data = decrypted - cleanEvent.encrypted = true - }else{ - try{ - cleanEvent.data = this.state.web3.utils.hexToUtf8(cleanEvent.data) - }catch(e){} - } - } - updatedTxs = this.addTxIfAccountMatches(recentTxs,transactionsByAddress,cleanEvent) || updatedTxs - } - return updatedTxs -} -syncFullTransactions(){ - let initResult = this.initRecentTxs() - let recentTxs = [] - recentTxs = recentTxs.concat(initResult[0]) - let transactionsByAddress = Object.assign({},initResult[1]) - - let updatedTxs = false - updatedTxs = this.addAllTransactionsFromList(recentTxs,transactionsByAddress,this.state.transferTo) || updatedTxs - updatedTxs = this.addAllTransactionsFromList(recentTxs,transactionsByAddress,this.state.transferFrom) || updatedTxs - updatedTxs = this.addAllTransactionsFromList(recentTxs,transactionsByAddress,this.state.transferToWithData) || updatedTxs - updatedTxs = this.addAllTransactionsFromList(recentTxs,transactionsByAddress,this.state.transferFromWithData) || updatedTxs - - if(updatedTxs||!this.state.fullRecentTxs||!this.state.fullTransactionsByAddress){ - recentTxs.sort(sortByBlockNumber) - for(let t in transactionsByAddress){ - transactionsByAddress[t].sort(sortByBlockNumberDESC) - } - recentTxs = recentTxs.slice(0,12) - //console.log("FULLRECENT",recentTxs) - this.setState({fullRecentTxs:recentTxs,fullTransactionsByAddress:transactionsByAddress}) - } -} -async safeCall(to,value,data,cb) { - let operation = 0 - let safeTxGas = 200000 - let baseGas = 100000 - let gasPrice = 0 - let gasToken = "0x0000000000000000000000000000000000000000" - let refundReceiver = "0x0000000000000000000000000000000000000000" - let nonce = await this.state.safeContract.nonce().call() - console.log("nonce",nonce) - let txHash = await this.state.safeContract.getTransactionHash( - to, value, data, operation, // Transaction info - safeTxGas, baseGas, gasPrice, gasToken, refundReceiver, // Payment info - nonce - ).call(); - console.log("txHash",txHash) - let signatures - if(this.state.metaAccount.privateKey){ - console.log(this.state.metaAccount.privateKey) - signatures = this.state.web3.eth.accounts.sign(""+txHash, this.state.metaAccount.privateKey); - signatures = signatures.signature - }else{ - signatures = await this.state.web3.eth.personal.sign(""+txHash,this.state.account) - } - console.log("signatures",signatures) - console.log("calling on ",this.state.safeContract._address) - this.state.tx( - this.state.safeContract.execTransaction( - to, - value, - data, - operation, - safeTxGas, - baseGas, - gasPrice, - gasToken, - refundReceiver, - signatures - ),2000000,"0x00",0, - (result)=>{ - console.log("RRRRRRESULT",result) - if(typeof cb == "function"){ - cb(result) - } - } - ) -} -render() { - let { - web3, account, tx, gwei, block, avgBlockTime, etherscan, balance, metaAccount, burnMetaAccount, view, alert, send - } = this.state; - - let networkOverlay = "" - if(web3 && !this.checkNetwork() && view!="exchange"){ - networkOverlay = ( -
- - -
- ) - } - - - let web3_setup = "" - if(web3){ - web3_setup = ( -
- { - return require(`${__dirname}/${path}`) - }} - onReady={(contracts, customLoader) => { - console.log("contracts loaded", contracts) - this.setState({contracts: contracts,customLoader: customLoader}, async () => { - console.log("Contracts Are Ready:", contracts) - this.checkClaim(tx, contracts); - let safeAddress = localStorage.getItem(this.state.account+"safe") - if(safeAddress){ - this.setState({ - safeContract: this.state.customLoader("GnosisSafe",safeAddress) - }) - } - }) - }} - /> - { - console.log("Transactions component is ready:", state); - if(ERC20TOKEN){ - state.nativeSend = state.send - //delete state.send - state.send = tokenSend.bind(this) - } - console.log(state) - this.setState(state) - - }} - onReceipt={(transaction, receipt) => { - // this is one way to get the deployed contract address, but instead I'll switch - // to a more straight forward callback system above - console.log("Transaction Receipt", transaction, receipt) - }} - /> -
- ) - } - - let eventParser = "" - - - let extraHead = "" - if(this.state.extraHeadroom){ - extraHead = ( -
-
- ) - } - - let totalBalance = parseFloat(this.state.ethBalance) * parseFloat(this.state.ethprice) + parseFloat(this.state.daiBalance) + parseFloat(this.state.xdaiBalance) - if(ERC20TOKEN){ - totalBalance += parseFloat(this.state.balance) - } - - let safeBeacon = "" - if(this.state.contracts && this.state.contracts["SafeBeacon"]){ - safeBeacon = ( -
- { - console.log("UPDATE FROM SAFE BEACON",eventData) - let safeContract = this.state.customLoader("GnosisSafe",eventData.safe) - let owners = await safeContract.getOwners().call() - for(let o in owners){ - if(owners[0].toLowerCase() == this.state.account){ - localStorage.setItem(this.state.account+"safe",eventData.safe) - this.setState({ - safeContract: safeContract, - safe:eventData.safe - }) - break; - } - } - - }} - /> -
- ) - - } - - let header = ( -
-
- ) - if(web3){ - header = ( -
-
- {safeBeacon} -
- ) - } - - return ( - -
-
- {extraHead} - {networkOverlay} - {web3_setup} - -
- {header} - - - - {web3 /*&& this.checkNetwork()*/ && (() => { - //console.log("VIEW:",view) - - let moreButtons = ( - - ) - - let subBalanceDisplay = "" - if(ERC20TOKEN){ - if(!this.state.gasBalance){ - subBalanceDisplay = "" - }else{ - subBalanceDisplay = ( -
- {Math.round(this.state.gasBalance*10000)/10000} -
- ) - } - - - if(this.state.isAdmin){ - moreButtons = ( -
- - -
- ) - }else if(this.state.isVendor&&this.state.isVendor.isAllowed){ - moreButtons = ( -
- - -
- ) - }else if(ERC20TOKEN){ - moreButtons = ( -
- -
- ) - }else{ - moreButtons = "" - } - - if(this.state.contracts){ - eventParser = ( -
- {this.setState({transferFrom:allEvents},this.syncFullTransactions)}} - /> - {this.setState({transferTo:allEvents},this.syncFullTransactions)}} - /> - {this.setState({transferFromWithData:allEvents},this.syncFullTransactions)}} - /> - {this.setState({transferToWithData:allEvents},this.syncFullTransactions)}} - /> - { - let {vendors} = this.state - console.log("VENDOR",vendor) - if(!vendors[vendor.vendor] || vendors[vendor.vendor].blockNumber -
- ) - } - } - - - if(view.indexOf("account_")==0) - { - - let targetAddress = view.replace("account_","") - console.log("TARGET",targetAddress) - return ( -
-
- - - {i18n.t('history_chat')} -
- )} goBack={this.goBack.bind(this)}/> - {defaultBalanceDisplay} - -
- { - this.changeView('main') - }} - /> -
- - ) - } - - let selected = "xDai" - let extraTokens = "" - - let defaultBalanceDisplay = ( -
- - -
- ) - - if(ERC20TOKEN){ - selected = ERC20NAME - extraTokens = ( -
- - -
- ) - defaultBalanceDisplay = extraTokens - } - - let badgeDisplay = "" - if(this.state.badgeBalance>0){ - badgeDisplay = ( -
- - -
- ) - } - - let safeDisplay = "" - if(this.state.safe){ - - let versionDisplay = "" - if(this.state.safeBalance>0){ - versionDisplay = "v"+this.state.safeVersion - }else{ - versionDisplay = "click here to deposit funds" - } - - let safeBalanceDisplay = dollarDisplay(this.state.safeBalance) - if(isNaN(this.state.safeBalance)){ - safeBalanceDisplay = ( -
loading . . .
- ) - } - - safeDisplay = ( -
-
{ - this.changeView('safe') - }}> -
- -
- Safe {versionDisplay} -
-
-
- -
- {safeBalanceDisplay} -
- -
-
- -
- ) - } - - switch(view) { - case 'main': - return ( -
-
- - - {extraTokens} - - - - - - - - - {safeDisplay} - - {badgeDisplay} - - - {moreButtons} - -
- { - this.changeView('advanced') - }} - /> -
- ); - case 'advanced': - return ( -
-
- - - -
- { - this.changeView('main') - }} - /> -
- ) - case 'send_by_scan': - return ( - { - this.changeAlert("danger",error) - }} - /> - ); - case 'withdraw_from_private': - - - return ( -
-
- - {defaultBalanceDisplay} - -
- { - this.changeView('main') - }} - /> -
- ); - case 'send_badge': - if(!this.state.badges || !this.state.badges[this.state.selectedBadge] || !this.state.badges[this.state.selectedBadge].name){ - return ( -
- loading... -
- ) - } - return ( -
-
- - -
- -
- ) - case 'send_to_address': - return ( -
-
- - {defaultBalanceDisplay} - -
- -
- ); - case 'receipt': - return ( -
-
- - - -
- -
- ); - case 'receive': - return ( -
-
- - - {defaultBalanceDisplay} - -
- -
- ); - case 'request_funds': - return ( -
-
- - - {defaultBalanceDisplay} - -
- -
- ); - case 'apps': - - let url = window.location.protocol+"//"+window.location.hostname - if(window.location.port&&window.location.port!=80&&window.location.port!=443){ - url = url+":"+window.location.port - } - - return ( -
-
- - - -
- -
- ); - case 'share-link': - return ( -
-
- - - -
- -
- ); - case 'send_with_link': - return ( -
-
- - - {defaultBalanceDisplay} - { - let randomHash = this.state.web3.utils.sha3(""+Math.random()) - let randomWallet = this.state.web3.eth.accounts.create() - let sig = this.state.web3.eth.accounts.sign(randomHash, randomWallet.privateKey); - console.log("STATE",this.state,this.state.contracts) - // Use xDai as default token - const tokenAddress = ERC20TOKEN === false ? 0 : this.state.contracts[ERC20TOKEN]._address; - // -- Temp hacks - const expirationTime = 365; // Hard-coded to 1 year link expiration. - const amountToSend = amount*10**18 ; // Conversion to wei - // -- - if(!ERC20TOKEN) - { - this.state.tx(this.state.contracts.Links.send(randomHash,sig.signature,tokenAddress,amountToSend,expirationTime),250000,false,amountToSend,async (receipt)=>{ - this.setState({sendLink: randomHash,sendKey: randomWallet.privateKey},()=>{ - console.log("STATE SAVED",this.state) - }) - cb(receipt) - }) - } else{ - this.state.tx(this.state.contracts[ERC20TOKEN].approve(this.state.contracts.Links._address, amountToSend),21000,false,0,async (approveReceipt)=>{ - //cb(approveReceipt) - this.state.tx(this.state.contracts.Links.send(randomHash,sig.signature,tokenAddress,amountToSend,expirationTime),250000,false,amountToSend,async (sendReceipt)=>{ - this.setState({sendLink: randomHash,sendKey: randomWallet.privateKey},()=>{ - console.log("STATE SAVED",this.state) - }) - cb(sendReceipt) - }) - }) - } - }} - address={account} - changeView={this.changeView} - goBack={this.goBack.bind(this)} - dollarDisplay={dollarDisplay} - convertToDollar={convertToDollar} - dollarSymbol={dollarSymbol} - /> -
- -
- ); - case 'burn-wallet': - return ( -
-
- - - {defaultBalanceDisplay} - { - if(RNMessageChannel){ - RNMessageChannel.send("burn") - } - if(localStorage&&typeof localStorage.setItem == "function"){ - localStorage.setItem(this.state.account+"loadedBlocksTop","") - localStorage.setItem(this.state.account+"metaPrivateKey","") - localStorage.setItem("metaPrivateKey","") - localStorage.setItem(this.state.account+"recentTxs","") - localStorage.setItem(this.state.account+"safe","") - localStorage.setItem(this.state.account+"transactionsByAddress","") - this.setState({recentTxs:[],transactionsByAddress:{}}) - } - burnMetaAccount() - }} - /> -
- -
- ); - case 'cash_out': - return ( -
-
- - - {defaultBalanceDisplay} - -
- -
- ); - - case 'safe': - return ( -
-
- - Gnosis Safe -
- )} goBack={this.goBack.bind(this)} /> - {safeDisplay} - -
- -
- ); - - case 'exchange': - return ( -
-
- - - -
- -
- ); - case 'vendors': - return ( -
-
- - - -
- -
- ); - case 'loader': - return ( -
-
- - -
- -
- ); - case 'reader': - return ( -
-
- - -
- -
- ); - case 'claimer': - return ( -
-
- - -
- -
- ); - default: - return ( -
unknown view
- ) - } - - })()} - { ( false || !web3 /*|| !this.checkNetwork() */) && -
- -
- } - { alert &&
} -
- - - - { - console.log("Dapparatus update",state) - //console.log("DAPPARATUS UPDATE",state) - if(ERC20TOKEN){ - delete state.balance - } - if (state.web3Provider) { - state.web3 = new Web3(state.web3Provider) - - - state.safe = localStorage.getItem(state.account+"safe") - - this.setState(state,()=>{ - this.detectContext() - //console.log("state set:",this.state) - if(this.state.possibleNewPrivateKey){ - this.dealWithPossibleNewPrivateKey() - } - if(!this.state.parsingTheChain){ - this.setState({parsingTheChain:true},async ()=>{ - let upperBoundOfSearch = this.state.block - //parse through recent transactions and store in local storage - - if(localStorage&&typeof localStorage.setItem == "function"){ - - let initResult = this.initRecentTxs() - let recentTxs = initResult[0] - let transactionsByAddress = initResult[1] - - let loadedBlocksTop = this.state.loadedBlocksTop - if(!loadedBlocksTop){ - loadedBlocksTop = localStorage.getItem(this.state.account+"loadedBlocksTop") - } - - // Look back through previous blocks since this account - // was last online... this could be bad. We might need a - // central server keeping track of all these and delivering - // a list of recent transactions - - - let updatedTxs = false - if(!loadedBlocksTop || loadedBlocksTop MAX_BLOCK_TO_LOOK_BACK){ - loadedBlocksTop = this.state.block-MAX_BLOCK_TO_LOOK_BACK - } - - let paddedLoadedBlocks = parseInt(loadedBlocksTop)+BLOCKS_TO_PARSE_PER_BLOCKTIME - //console.log("choosing the min of ",paddedLoadedBlocks,"and",this.state.block) - let parseBlock=Math.min(paddedLoadedBlocks,this.state.block) - - //console.log("MIN:",parseBlock) - upperBoundOfSearch = parseBlock - console.log(" +++++++======= Parsing recent blocks ~"+this.state.block) - //first, if we are still back parsing, we need to look at *this* block too - if(upperBoundOfSearchthis.state.block-6;b--){ - //console.log(" ++ Parsing *CURRENT BLOCK* Block "+b+" for transactions...") - updatedTxs = (await this.parseBlocks(b,recentTxs,transactionsByAddress)) || updatedTxs - } - } - console.log(" +++++++======= Parsing from "+loadedBlocksTop+" to "+upperBoundOfSearch+"....") - while(loadedBlocksTop - { - console.log("Gas price update:",state) - this.setState(state,()=>{ - this.state.gwei += 0.1 - console.log("GWEI set:",this.state) - }) - }} - /> - -
-
- - {eventParser} - - - - ) -} -} - -//