\n Total number of validators: \n {this.state.validators.length}\n
\n )\n const validatorsCount = isValidatorsPage ? validatorsCountObj : ''\n\n const titleContainer = (\n \n {this.props.viewTitle}\n {validatorsCount}\n
\n )\n\n return (\n \n {loading}\n {titleContainer}\n {validators}\n
\n )\n }\n}\n","import swal from 'sweetalert'\nimport { constants } from './constants'\n\nfunction generateAlert(icon, title, msg) {\n var content = document.createElement('div')\n content.innerHTML = `${msg}
`\n swal({\n icon: icon,\n title: title,\n content: content\n })\n}\n\nfunction netIdByName(netName) {\n const netNameLowerCase = netName.toLowerCase()\n for (let netId in constants.NETWORKS) {\n if (constants.NETWORKS[netId].NAME.toLowerCase() === netNameLowerCase) {\n return netId\n }\n }\n return null\n}\n\nconst helpers = {\n generateAlert,\n netIdByName\n}\n\nexport default helpers\n","import React, { Component } from 'react'\nimport './stylesheets/application.css'\nimport PlacesAutocomplete, { geocodeByAddress } from 'react-places-autocomplete'\nimport moment from 'moment'\nimport Loading from './Loading'\nimport { messages } from './messages'\nimport helpers from './helpers'\nimport { constants } from './constants'\n\nclass App extends Component {\n constructor(props) {\n super(props)\n this.checkValidation = this.checkValidation.bind(this)\n this.onClick = this.onClick.bind(this)\n this.onChangeFormField = this.onChangeFormField.bind(this)\n this.getKeysManager = this.getKeysManager.bind(this)\n this.getMetadataContract = this.getMetadataContract.bind(this)\n this.getVotingKey = this.getVotingKey.bind(this)\n this.onChangeAutoComplete = address => {\n const form = this.state.form\n form.fullAddress = address\n this.setState({ form })\n }\n this.onSelect = this.onSelectAutocomplete.bind(this)\n this.state = {\n web3Config: {},\n form: {\n fullAddress: '',\n expirationDate: '',\n postal_code: '',\n us_state: '',\n firstName: '',\n lastName: '',\n licenseId: ''\n },\n hasData: false\n }\n\n this.defaultValues = null\n this.setMetadata.call(this)\n\n this.isValidVotingKey = false\n this.setIsValidVotingKey.call(this)\n }\n async setMetadata() {\n const currentData = await this.getMetadataContract().getValidatorData(this.getMiningKey())\n const hasData = currentData.postal_code ? true : false\n this.defaultValues = currentData\n const pendingChange = await this.getMetadataContract().getPendingChange(this.getMiningKey())\n if (Number(pendingChange.minThreshold) > 0) {\n var msg = `\n First Name: ${pendingChange.firstName} \n Last Name: ${pendingChange.lastName}
\n Full Address: ${pendingChange.fullAddress}
\n Expiration Date: ${pendingChange.expirationDate}
\n License ID: ${pendingChange.licenseId}
\n US state: ${pendingChange.us_state}
\n Zip Code: ${pendingChange.postal_code}
\n `\n helpers.generateAlert('warning', 'You have pending changes!', msg)\n }\n this.setState({\n form: {\n fullAddress: currentData.fullAddress,\n expirationDate: currentData.expirationDate,\n postal_code: currentData.postal_code,\n us_state: currentData.us_state,\n firstName: currentData.firstName,\n lastName: currentData.lastName,\n licenseId: currentData.licenseId\n },\n hasData\n })\n }\n async setIsValidVotingKey() {\n this.isValidVotingKey = await this.getKeysManager().isVotingActive(this.getVotingKey())\n if (!this.isValidVotingKey) {\n helpers.generateAlert('warning', 'Warning!', messages.invalidaVotingKey)\n }\n }\n getKeysManager() {\n return this.props.web3Config.keysManager\n }\n getMetadataContract() {\n return this.props.web3Config.metadataContract\n }\n getVotingKey() {\n return this.props.web3Config.votingKey\n }\n getMiningKey() {\n return this.props.web3Config.miningKey\n }\n checkValidation() {\n const isAfter = moment(this.state.form.expirationDate).isAfter(moment())\n let keys = Object.keys(this.state.form)\n keys.forEach(key => {\n if (!this.state.form[key]) {\n this.setState({ loading: false })\n helpers.generateAlert('warning', 'Warning!', `${key} cannot be empty`)\n return false\n }\n })\n if (isAfter) {\n } else {\n this.setState({ loading: false })\n helpers.generateAlert('warning', 'Warning!', 'Expiration date should be valid')\n return false\n }\n return true\n }\n async onSelectAutocomplete(data) {\n let place = await geocodeByAddress(data)\n let address_components = {}\n for (var i = 0; i < place[0].address_components.length; i++) {\n var addressType = place[0].address_components[i].types[0]\n switch (addressType) {\n case 'postal_code':\n address_components.postal_code = place[0].address_components[i].short_name\n break\n case 'street_number':\n address_components.street_number = place[0].address_components[i].short_name\n break\n case 'route':\n address_components.route = place[0].address_components[i].short_name\n break\n case 'locality':\n address_components.locality = place[0].address_components[i].short_name\n break\n case 'administrative_area_level_1':\n address_components.administrative_area_level_1 = place[0].address_components[i].short_name\n break\n default:\n break\n }\n let form = this.state.form\n form.fullAddress = `${address_components.street_number} ${address_components.route} ${\n address_components.locality\n }`\n form.us_state = address_components.administrative_area_level_1\n form.postal_code = address_components.postal_code\n this.setState({\n form\n })\n }\n }\n async onClick() {\n this.setState({ loading: true })\n const isFormValid = this.checkValidation()\n if (isFormValid) {\n const votingKey = this.getVotingKey()\n console.log('voting', votingKey)\n const isValid = await this.getKeysManager().isVotingActive(votingKey)\n console.log(isValid)\n if (isValid) {\n // add loading screen\n await this.sendTxToContract()\n } else {\n this.setState({ loading: false })\n helpers.generateAlert('warning', 'Warning!', messages.invalidaVotingKey)\n return\n }\n }\n }\n async sendTxToContract() {\n this.getMetadataContract()\n .createMetadata({\n firstName: this.state.form.firstName,\n lastName: this.state.form.lastName,\n licenseId: this.state.form.licenseId,\n fullAddress: this.state.form.fullAddress,\n state: this.state.form.us_state,\n zipcode: this.state.form.postal_code,\n expirationDate: moment(this.state.form.expirationDate).unix(),\n votingKey: this.getVotingKey(),\n hasData: this.state.hasData\n })\n .then(receipt => {\n console.log(receipt)\n this.setState({ loading: false })\n helpers.generateAlert('success', 'Congratulations!', 'Your metadata was sent!')\n })\n .catch(error => {\n console.error(error.message)\n let errDescription\n if (error.message.includes(constants.userDeniedTransactionPattern))\n errDescription = `Error: ${constants.userDeniedTransactionPattern}`\n else errDescription = error.message\n this.setState({ loading: false })\n var msg = `\n Something went wrong!
\n ${errDescription}\n `\n helpers.generateAlert('error', 'Error!', msg)\n })\n }\n onChangeFormField(event) {\n const field = event.target.id\n const value = event.target.value\n let form = this.state.form\n\n form[field] = value\n this.setState({ form })\n }\n render() {\n const { netId } = this.props.web3Config\n const classNameHiddenIfNotCoreNetwork = netId !== helpers.netIdByName('core') ? 'display-none' : ''\n\n if (!this.isValidVotingKey) {\n return null\n }\n const BtnAction = this.state.hasData ? 'Update' : 'Set'\n const AutocompleteItem = ({ formattedSuggestion }) => (\n
\n {formattedSuggestion.mainText} {formattedSuggestion.secondaryText}\n
\n )\n\n const inputProps = {\n value: this.state.form.fullAddress,\n onChange: this.onChangeAutoComplete,\n id: 'address'\n }\n let loader = this.state.loading ? \n \n \n
\n )\n\n let content = createKeyBtn\n const titleContainer = (\n \n \n The entered address will be displayed as Unconfirmed and will be used if you don't have Registered Address(es)\n in{' '}\n \n PoPA DApp\n \n . You have to use PoPA to register and confirm your address(es).\n
\n\n {this.props.viewTitle}\n
\n )\n\n return (\n \n {loader}\n {titleContainer}\n {content}\n
\n )\n }\n}\n\nexport default App\n","import React from 'react'\n\nlet Socials = () => {\n const socialItems = [\n {\n icon: 'socials-i_twitter',\n title: 'Twitter',\n url: 'https://twitter.com/lukso_io'\n },\n // {\n // icon: 'socials-i_poa',\n // title: 'POA Network',\n // url: 'https://poa.network'\n // },\n {\n icon: 'socials-i_telegram',\n title: 'Telegram',\n url: 'https://t.me/oraclesnetwork'\n },\n {\n icon: 'socials-i_github',\n title: 'GitHub',\n url: 'https://github.com/lukso-network/'\n }\n ]\n\n return (\n \n {socialItems.map((item, index) => (\n \n {item.title}\n \n ))}\n
\n )\n}\n\nexport default Socials\n","import React from 'react'\nimport Socials from './Socials'\nimport { constants } from './constants'\n\nconst Footer = ({ netId }) => {\n const footerClassName = netId in constants.NETWORKS && constants.NETWORKS[netId].TESTNET ? 'sokol' : 'sokol'\n\n return (\n \n )\n}\n\nexport default Footer\n","import React from 'react'\nimport { NavLink } from 'react-router-dom'\n\nconst NavigationLinks = ({ navigationData, baseRootPath }) => {\n return navigationData.map((item, index) => (\n \n {navigationData.map((item, index) => (\n \n \n {item.title}\n \n ))}\n
\n )\n}\n\nexport default MobileMenuLinks\n","import React from 'react'\nimport Select from 'react-select'\nimport logoBase from './images/logos/logo_validators_dapp@2x.png'\nimport logoSokol from './images/logos/Lukso_Wordmark_navy.png'\nimport menuIconBase from './images/icons/icon-menu.svg'\nimport menuIconSokol from './images/icons/icon-menu-sokol.svg'\nimport menuOpenIconBase from './images/icons/icon-close.svg'\nimport menuOpenIconSokol from './images/icons/icon-close-sokol.svg'\nimport NavigationLinks from './NavigationLinks'\nimport MobileMenuLinks from './MobileMenuLinks'\nimport { constants } from './constants'\n\nconst Header = ({ netId, onChange, injectedWeb3, showMobileMenu, onMenuToggle, baseRootPath, navigationData }) => {\n const thisIsTestnet = netId in constants.NETWORKS && constants.NETWORKS[netId].TESTNET\n const headerClassName = thisIsTestnet ? 'sokol' : ''\n const logoImageName = thisIsTestnet ? logoSokol : logoBase\n const menuIcon = thisIsTestnet ? menuIconSokol : menuIconBase\n const menuOpenIcon = thisIsTestnet ? menuOpenIconSokol : menuOpenIconBase\n\n let select\n let options = []\n\n for (const _netId in constants.NETWORKS) {\n options.push({ value: _netId, label: `Network: ${constants.NETWORKS[_netId].NAME}` })\n }\n\n if (!injectedWeb3) {\n select = (\n \n {
\n )}\n \n \n ${messages.wrongRepo(addr)}\n `\n helpersGlobal.generateAlert('error', 'Error!', msg)\n reject(err)\n })\n })\n}\n","// In production, we register a service worker to serve assets from local cache.\n\n// This lets the app load faster on subsequent visits in production, and gives\n// it offline capabilities. However, it also means that developers (and users)\n// will only see deployed updates on the \"N+1\" visit to a page, since previously\n// cached resources are updated in the background.\n\n// To learn more about the benefits of this model, read https://goo.gl/KwvDNy.\n// This link also includes instructions on opting out of this behavior.\n\nconst isLocalhost = Boolean(\n window.location.hostname === 'localhost' ||\n // [::1] is the IPv6 localhost address.\n window.location.hostname === '[::1]' ||\n // 127.0.0.1/8 is considered localhost for IPv4.\n window.location.hostname.match(/^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/)\n)\n\nexport default function register() {\n if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\n // The URL constructor is available in all browsers that support SW.\n const publicUrl = new URL(process.env.PUBLIC_URL, window.location)\n if (publicUrl.origin !== window.location.origin) {\n // Our service worker won't work if PUBLIC_URL is on a different origin\n // from what our page is served on. This might happen if a CDN is used to\n // serve assets; see https://github.com/facebookincubator/create-react-app/issues/2374\n return\n }\n\n window.addEventListener('load', () => {\n const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`\n\n if (isLocalhost) {\n // This is running on localhost. Lets check if a service worker still exists or not.\n checkValidServiceWorker(swUrl)\n } else {\n // Is not local host. Just register service worker\n registerValidSW(swUrl)\n }\n })\n }\n}\n\nfunction registerValidSW(swUrl) {\n navigator.serviceWorker\n .register(swUrl)\n .then(registration => {\n registration.onupdatefound = () => {\n const installingWorker = registration.installing\n installingWorker.onstatechange = () => {\n if (installingWorker.state === 'installed') {\n if (navigator.serviceWorker.controller) {\n // At this point, the old content will have been purged and\n // the fresh content will have been added to the cache.\n // It's the perfect time to display a \"New content is\n // available; please refresh.\" message in your web app.\n console.log('New content is available; please refresh.')\n } else {\n // At this point, everything has been precached.\n // It's the perfect time to display a\n // \"Content is cached for offline use.\" message.\n console.log('Content is cached for offline use.')\n }\n }\n }\n }\n })\n .catch(error => {\n console.error('Error during service worker registration:', error)\n })\n}\n\nfunction checkValidServiceWorker(swUrl) {\n // Check if the service worker can be found. If it can't reload the page.\n fetch(swUrl)\n .then(response => {\n // Ensure service worker exists, and that we really are getting a JS file.\n if (response.status === 404 || response.headers.get('content-type').indexOf('javascript') === -1) {\n // No service worker found. Probably a different app. Reload the page.\n navigator.serviceWorker.ready.then(registration => {\n registration.unregister().then(() => {\n window.location.reload()\n })\n })\n } else {\n // Service worker found. Proceed as normal.\n registerValidSW(swUrl)\n }\n })\n .catch(() => {\n console.log('No internet connection found. App is running in offline mode.')\n })\n}\n\nexport function unregister() {\n if ('serviceWorker' in navigator) {\n navigator.serviceWorker.ready.then(registration => {\n registration.unregister()\n })\n }\n}\n","import 'react-select/dist/react-select.css'\nimport AllValidators from './AllValidators'\nimport App from './App'\nimport Footer from './Footer'\nimport Header from './Header'\nimport KeysManager from './contracts/KeysManager.contract'\nimport ProofOfPhysicalAddress from './contracts/ProofOfPhysicalAddress.contract'\nimport Loading from './Loading'\nimport Metadata from './contracts/Metadata.contract'\nimport React, { Component } from 'react'\nimport ReactDOM from 'react-dom'\nimport createBrowserHistory from 'history/createBrowserHistory'\nimport getWeb3, { setWeb3 } from './getWeb3'\nimport helpers from './helpers'\nimport networkAddresses from './contracts/addresses'\nimport registerServiceWorker from './registerServiceWorker'\nimport { Router, Route } from 'react-router-dom'\nimport { messages } from './messages'\nimport { constants } from './constants'\n\nconst history = createBrowserHistory()\nconst baseRootPath = '/poa-dapps-validators'\nconst setMetadataPath = `${baseRootPath}/set`\nconst pendingChangesPath = `${baseRootPath}/pending-changes`\nconst navigationData = [\n {\n icon: 'link-icon-all',\n title: 'All',\n url: baseRootPath\n },\n {\n icon: 'link-icon-set-metadata',\n title: 'Set Metadata',\n url: setMetadataPath\n },\n {\n icon: 'link-icon-pending-changes',\n title: 'Pending Changes',\n url: pendingChangesPath\n }\n]\n\nclass AppMainRouter extends Component {\n constructor(props) {\n super(props)\n\n history.listen(this.onRouteChange.bind(this))\n\n this.onSetRender = this.onSetRender.bind(this)\n this.onPendingChangesRender = this.onPendingChangesRender.bind(this)\n this.onAllValidatorsRender = this.onAllValidatorsRender.bind(this)\n this.onConfirmPendingChange = this.onConfirmPendingChange.bind(this)\n this.onFinalize = this.onFinalize.bind(this)\n this.onSearch = this.onSearch.bind(this)\n this.onNetworkChange = this.onNetworkChange.bind(this)\n this.toggleMobileMenu = this.toggleMobileMenu.bind(this)\n this.getNetIdClass = this.getNetIdClass.bind(this)\n\n this.state = {\n showSearch: history.location.pathname !== setMetadataPath,\n keysManager: null,\n metadataContract: null,\n poaConsensus: null,\n votingKey: null,\n miningKey: null,\n loading: true,\n searchTerm: '',\n injectedWeb3: true,\n netId: '',\n error: false,\n title: navigationData[0].title,\n showMobileMenu: false\n }\n getWeb3()\n .then(async web3Config => {\n return networkAddresses(web3Config)\n })\n .then(async config => {\n const { web3Config, addresses } = config\n await this.initContracts({\n web3: web3Config.web3Instance,\n netId: web3Config.netId,\n addresses\n })\n this.setState({\n votingKey: web3Config.defaultAccount,\n miningKey: await this.state.keysManager.miningKeyByVoting(web3Config.defaultAccount),\n injectedWeb3: web3Config.injectedWeb3\n })\n })\n .catch(error => {\n console.error(error.message)\n this.setState({ loading: false, error: true })\n helpers.generateAlert('error', 'Error!', error.message)\n })\n }\n async initContracts({ web3, netId, addresses }) {\n const keysManager = new KeysManager()\n await keysManager.init({\n web3,\n netId,\n addresses\n })\n const metadataContract = new Metadata()\n await metadataContract.init({\n web3,\n netId,\n addresses\n })\n let proofOfPhysicalAddressContract = new ProofOfPhysicalAddress()\n try {\n await proofOfPhysicalAddressContract.init({\n web3,\n netId,\n addresses\n })\n } catch (e) {\n console.error('Error initializing ProofOfPhysicalAddress', e)\n proofOfPhysicalAddressContract = null\n }\n this.setState({\n keysManager,\n metadataContract,\n proofOfPhysicalAddressContract,\n loading: false,\n netId\n })\n }\n onRouteChange() {\n if (history.location.pathname === setMetadataPath) {\n this.setState({ showSearch: false })\n\n if (this.state.injectedWeb3 === false) {\n helpers.generateAlert('warning', 'Warning!', 'Metamask was not found')\n }\n } else {\n this.setState({ showSearch: true })\n }\n }\n checkForVotingKey(cb) {\n if (this.state.votingKey && !this.state.loading) {\n return cb()\n }\n helpers.generateAlert('warning', 'Warning!', messages.noMetamaskAccount)\n return ''\n }\n onSetRender() {\n if (!this.state.votingKey) {\n return '' // prevent rendering if the keys are not loaded yet\n }\n return
\n
\n ) : (\n ''\n )\n\n const loading = this.state.loading ? \n \n
\n